Module Styles

A deduplicated list of styles found in [[module CSS]] blocks across all pages.

• ¶ 269 occurrences
  

  .email-example .collapsible-block-folded a.collapsible-block-link {
      animation: blink 0.8s ease-in-out infinite alternate;
  }
  @keyframes blink {
      0% { color: transparent; }
      50%, 100% { color: #b01; }
  }
  .email {border: solid 2px #000000; width: 88%; padding: 1px 15px; margin: 10px; box-shadow: 0 1px 3px rgba(0,0,0,.5)}
  .email-example a.collapsible-block-link {font-weight: bold;}
  .tofrom {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px maroon}

  Pages using this styling

  • 001-blank-i [info]
  • 59-the-foreseeable-future [info]
  • a-bitch [info]
  • a-canadian-standoff [info]
  • a-frosted-fate [info]
  • a-hrd-day-s-work [info]
  • after-action-report-operation-thermopylae [info]
  • an-approval-for-shadows [info]
  • art:angelus-abyss [info]
  • art:buttspoons-fanart [info]
  • art:clamamus-in-silentio [info]
  • art:murus-concidit [info]
  • art:the-ones-who-never-existed [info]
  • chairs [info]
  • charlie-don-t-surf [info]
  • fragment:8000contestampyrsand-5 [info]
  • fragment:8000contestmalvarik-0 (2) [info]
  • fragment:archived-6485-documents [info]
  • fragment:scp-050-int-0 [info]
  • fragment:scp-294-de-0 [info]
  • fragment:scp-5488-offset-0 [info]
  • fragment:scp-5488-offset-1 [info]
  • fragment:scp-5488-offset-2 [info]
  • fragment:scp-5934 [info]
  • fragment:scp-5934-2 [info]
  • fragment:scp-6226-1 [info]
  • fragment:scp-6460-0 [info]
  • fragment:scp-6460-1 [info]
  • fragment:scp-6460-2 [info]
  • fragment:scp-6494-1 [info]
  • fragment:scp-6600-1 [info]
  • fragment:scp-6709-2 [info]
  • fragment:scp-6716-0 [info]
  • fragment:scp-6988-1 [info]
  • fragment:scp-7535-0 [info]
  • fragment:scp-7535-1 [info]
  • fragment:scp-7535-2 [info]
  • fragment:scp-7585-1 [info]
  • fragment:scp-7993-4 [info]
  • fragment:scp-8107-0 [info]
  • fragment:scp-8484-0 [info]
  • fragment:scp-8559-0 [info]
  • fragment:scp-8559-1 [info]
  • fragment:scp-9179-7 [info]
  • fragment:scp-9198-0 [info]
  • fragment:scp-935-1 [info]
  • fragment:scp-935-2 [info]
  • fragment:scp-9537-0 [info]
  • fragment:scp-9537-1 [info]
  • fragment:secprotcontend-1 [info]
  • fragment:secprotcontend-2 [info]
  • fragment:sisters-0 [info]
  • fragment:sisters-1 [info]
  • fragment:sisters-2 [info]
  • fragment:sisters-3 [info]
  • fragment:sisters-4 [info]
  • fragment:sisters-5 [info]
  • fresh-fish [info]
  • ghost-theory [info]
  • hard-boiled [info]
  • here-i-come [info]
  • i-told-you-about-spirals-bro [info]
  • into-the-motoverse [info]
  • intrunes [info]
  • iszths-personnel-file [info]
  • khaziaprilfools [info]
  • killing-a-green-basilisk [info]
  • many-last-words [info]
  • one-good-turn-deserves-another [info]
  • operation-galvanic-ukulele [info]
  • passion [info]
  • personnel-expendable-part-i [info]
  • personnel-expendable-part-ii [info]
  • protasi-tou-ags [info]
  • ready-or-not [info]
  • research-and-development-department-orientation [info]
  • scp-116-it [info]
  • scp-151-it [info]
  • scp-3452 [info]
  • scp-4238 [info]
  • scp-4276 [info]
  • scp-4509 [info]
  • scp-5161 [info]
  • scp-5178 [info]
  • scp-5187 [info]
  • scp-5219 [info]
  • scp-5226 [info]
  • scp-5232 [info]
  • scp-5292 [info]
  • scp-5389 [info]
  • scp-5457 [info]
  • scp-5467 [info]
  • scp-5509 [info]
  • scp-5520 [info]
  • scp-5567 [info]
  • scp-5607 [info]
  • scp-5669 [info]
  • scp-5751 [info]
  • scp-5778 [info]
  • scp-5824 [info]
  • scp-6001 [info]
  • scp-6028 [info]
  • scp-6049 [info]
  • scp-6063 (2) [info]
  • scp-6081 [info]
  • scp-6147 [info]
  • scp-6175 [info]
  • scp-6189 [info]
  • scp-6192 [info]
  • scp-6192-ex [info]
  • scp-6194 [info]
  • scp-6210 [info]
  • scp-6229 [info]
  • scp-6231 [info]
  • scp-6243 [info]
  • scp-6277 [info]
  • scp-6300 [info]
  • scp-6307 [info]
  • scp-6332 [info]
  • scp-6364 [info]
  • scp-6374 [info]
  • scp-6377 [info]
  • scp-6411 [info]
  • scp-6466 [info]
  • scp-6471 [info]
  • scp-6479 [info]
  • scp-6493 [info]
  • scp-6556 [info]
  • scp-6589 (2) [info]
  • scp-6616 [info]
  • scp-6618 [info]
  • scp-6631 [info]
  • scp-6646 [info]
  • scp-6656 [info]
  • scp-6667 [info]
  • scp-6673 [info]
  • scp-6717 [info]
  • scp-6743 [info]
  • scp-6763 [info]
  • scp-6769 [info]
  • scp-6800 [info]
  • scp-6842 [info]
  • scp-6879 [info]
  • scp-6892 [info]
  • scp-6905 [info]
  • scp-6935 [info]
  • scp-6959 [info]
  • scp-6981 [info]
  • scp-6994 [info]
  • scp-7041 [info]
  • scp-7052 [info]
  • scp-7058 [info]
  • scp-7064 [info]
  • scp-7083 [info]
  • scp-7093 [info]
  • scp-7096 [info]
  • scp-7117 [info]
  • scp-7132 [info]
  • scp-7137 [info]
  • scp-7138 [info]
  • scp-7147 [info]
  • scp-7177 [info]
  • scp-7190 [info]
  • scp-7209 [info]
  • scp-7215 [info]
  • scp-7216 [info]
  • scp-7245 [info]
  • scp-7268 [info]
  • scp-7280 [info]
  • scp-7281 [info]
  • scp-7315 [info]
  • scp-7332 [info]
  • scp-7352 [info]
  • scp-7357 [info]
  • scp-7358 [info]
  • scp-7398 [info]
  • scp-7442 [info]
  • scp-7446 [info]
  • scp-7457 [info]
  • scp-7523 [info]
  • scp-7535 [info]
  • scp-7542 [info]
  • scp-7547 [info]
  • scp-7605 [info]
  • scp-7623 [info]
  • scp-7639 [info]
  • scp-7738 [info]
  • scp-7750 [info]
  • scp-7798 [info]
  • scp-7803 [info]
  • scp-7807 [info]
  • scp-7814 [info]
  • scp-7834 [info]
  • scp-7858 [info]
  • scp-7870 [info]
  • scp-7875 [info]
  • scp-7877 [info]
  • scp-7886 [info]
  • scp-7927 [info]
  • scp-8017 [info]
  • scp-8065 [info]
  • scp-8075 [info]
  • scp-8101 (2) [info]
  • scp-8104 [info]
  • scp-8113 [info]
  • scp-8115 [info]
  • scp-8154 [info]
  • scp-8167 [info]
  • scp-8235 [info]
  • scp-8331 [info]
  • scp-8334 [info]
  • scp-8431 [info]
  • scp-8439 [info]
  • scp-8460 [info]
  • scp-8464 [info]
  • scp-8469 [info]
  • scp-8497 [info]
  • scp-8501 [info]
  • scp-8657 [info]
  • scp-8692 [info]
  • scp-8709 [info]
  • scp-8753 [info]
  • scp-8780 [info]
  • scp-8827 [info]
  • scp-8902 [info]
  • scp-8952 [info]
  • scp-8959 [info]
  • scp-9109 [info]
  • scp-9125 [info]
  • scp-9130 [info]
  • scp-9137 [info]
  • scp-9170 [info]
  • scp-9315 [info]
  • scp-9321 [info]
  • scp-9343 [info]
  • scp-9380 [info]
  • scp-9391 [info]
  • scp-9429 [info]
  • scp-9451 [info]
  • scp-9530 [info]
  • scp-9564 [info]
  • scp-9605 [info]
  • scp-9649 [info]
  • scp-970-ex [info]
  • scp-9737 [info]
  • scp-9776 [info]
  • scp-9958 [info]
  • scp-9968 [info]
  • scp-9974 [info]
  • scp-blank-j [info]
  • scp-style-resource (2) [info]
  • screaming-upriver [info]
  • secure-facility-dossier-area-14 [info]
  • security-camera-footage [info]
  • silence [info]
  • spc-126-j [info]
  • spc-5306 [info]
  • spc-6556 [info]
  • stand-up-academia [info]
  • the-area10-massacre [info]
  • the-foundation-is-not-transphobic [info]
  • the-greazeburger-holiday-special [info]
  • the-kindest-proposal (2) [info]
  • the-lost-spire-part-1 [info]
  • the-lost-spire-part-2 [info]
  • the-man-who-stood-alone-hub [info]
  • the-time-after-time-password-hub [info]
  • to-whom-it-may-concern [info]
  • whack-a-mole [info]
• ¶ 98 occurrences
  

  .footnotes-footer {
  display:none;
  }

  Pages using this styling

  • 4012-the-play [info]
  • anililaphilia [info]
  • as-it-happened [info]
  • beneath-the-floorboards [info]
  • caso-pure [info]
  • cognitohazard-reception-test [info]
  • dyfscp0012 [info]
  • dyfscp0013 [info]
  • dyfscp0014 [info]
  • fragment:8000contestdaveyoufool-6 [info]
  • fragment:scp-6437-0 [info]
  • fragment:scp-6437-1 [info]
  • fragment:scp-7535-1 [info]
  • fragment:scp-7535-2 [info]
  • fragment:scp-8188-2 [info]
  • fragment:scp-8559-0 [info]
  • fragment:scp-8559-1 [info]
  • furball [info]
  • hazels-auteur-page [info]
  • her-future-in-bloom [info]
  • in-small-doses [info]
  • itsdenalis-personnel-file [info]
  • log-of-deviant-appliances [info]
  • memory-archive [info]
  • misterfrown-s-proposal-j [info]
  • mobile-task-force-contest [info]
  • ninth-s-proposal-ii [info]
  • quicksilvers-staff-file [info]
  • requiem-aeternam [info]
  • scp-005-int [info]
  • scp-0983 [info]
  • scp-3010-j [info]
  • scp-3499 [info]
  • scp-3888 [info]
  • scp-3931 [info]
  • scp-4870 [info]
  • scp-5182 [info]
  • scp-5641 [info]
  • scp-5700 [info]
  • scp-5806 [info]
  • scp-5888 [info]
  • scp-5984 [info]
  • scp-6143 [info]
  • scp-6284 [info]
  • scp-6478 (2) [info]
  • scp-6512 [info]
  • scp-666-ex [info]
  • scp-6754 [info]
  • scp-6763 [info]
  • scp-6869 [info]
  • scp-7076 [info]
  • scp-7126 [info]
  • scp-7178 [info]
  • scp-7179 [info]
  • scp-7188 [info]
  • scp-7250 [info]
  • scp-7331 [info]
  • scp-7403 [info]
  • scp-7422 [info]
  • scp-7465 [info]
  • scp-7527 [info]
  • scp-7548 [info]
  • scp-7702 [info]
  • scp-7719 [info]
  • scp-7753 [info]
  • scp-7757 [info]
  • scp-7852 [info]
  • scp-7873 [info]
  • scp-7892 [info]
  • scp-7893 (2) [info]
  • scp-7941 [info]
  • scp-7952 [info]
  • scp-8005 [info]
  • scp-8006 [info]
  • scp-8041 [info]
  • scp-8075 [info]
  • scp-8233 [info]
  • scp-8575 [info]
  • scp-8700 [info]
  • scp-8702 [info]
  • scp-8802 [info]
  • scp-8879 [info]
  • scp-8899 [info]
  • scp-8922 [info]
  • scp-8932 [info]
  • scp-9005 [info]
  • scp-9083 [info]
  • scp-9103 [info]
  • scp-9298 [info]
  • scp-9902 [info]
  • scp-9962 [info]
  • scp-cn-1169 [info]
  • secure-facility-dossier-site-101 [info]
  • spc-001-ex [info]
  • starfish-crossed-lovers [info]
  • stay-in-here-away-in-wet-dry-world [info]
  • they-were-beautiful [info]
  • wearerofmanyhats [info]
• ¶ 88 occurrences
  

  #side-bar {
      background: rgb(var(--white-monochrome));
  }
  
  #side-bar div.menu-item a, #side-bar div.menu-item .text {
      color: rgb(var(--black-monochrome));
  }
  
  #side-bar>div:nth-child(5) {
      background-color: rgba(var(--dark-accent),0.25)!important;
  }

  Pages using this styling

  • all-fall-down [info]
  • also-this-all-happened-on-the-same-day [info]
  • an-ending-is-only-tragic [info]
  • and-to-this-day-she-still-can-t-breathe [info]
  • anonymous [info]
  • audio-log-from-december-24th-2010 [info]
  • by-and-by-lord-by-and-by [info]
  • cimmerian-kaktus-proposal [info]
  • come-back-kid [info]
  • come-together-right-now-over-me [info]
  • consequences-and-collarbones [info]
  • decontamination-document-0094 [info]
  • dr-cimmerian-is-no-longer-allowed-to-use-temporal-anomalies [info]
  • electronic-data [info]
  • four-stories-told-in-order [info]
  • getting-into-treble [info]
  • he-sees-you [info]
  • hides-the-face-lies-the-snake-the-sun-in-my-disgrace [info]
  • how-dr-clef-got-into-my-santa-claus-pants-i-ll-never-know [info]
  • if-you-have-a-minute-why-don-t-we-go-talk-about-it-somewhere [info]
  • in-the-darke [info]
  • lending-a-hand [info]
  • monophobia [info]
  • mugging-the-monster [info]
  • nor-spake-nor-moved-their-eyes [info]
  • now-i-understand-the-problems-you-can-see [info]
  • orientation-for-the-pastaphysics-department [info]
  • perfect [info]
  • scp-0002-j [info]
  • scp-1075 [info]
  • scp-2008 [info]
  • scp-2065 [info]
  • scp-2131 [info]
  • scp-2213 [info]
  • scp-2213-automatedsuccess [info]
  • scp-2218 [info]
  • scp-2251 [info]
  • scp-2290 [info]
  • scp-2313 [info]
  • scp-2413 [info]
  • scp-245 [info]
  • scp-245-1-a [info]
  • scp-2513 [info]
  • scp-2613 [info]
  • scp-2621 [info]
  • scp-2623 [info]
  • scp-2632 [info]
  • scp-2713 [info]
  • scp-2813 [info]
  • scp-2913 [info]
  • scp-2986 [info]
  • scp-2987 [info]
  • scp-3208 [info]
  • scp-3213 [info]
  • scp-3244 [info]
  • scp-3313 [info]
  • scp-3316 [info]
  • scp-3613 [info]
  • scp-3913 [info]
  • scp-4613 [info]
  • scp-5113 [info]
  • scp-6132-j [info]
  • scp-6313 [info]
  • scp-649-2568-j [info]
  • scp-6613 [info]
  • scp-7113 [info]
  • scp-7700 [info]
  • secure-facility-dossier-site-88 [info]
  • sex-success-and-targeted-advertising [info]
  • snap-crackle-pop [info]
  • starry-starry-night [info]
  • stars-fading-but-i-linger-on-dear [info]
  • sweet-dreams-and-flying-machines-in-pieces-on-the-ground [info]
  • take-on-me [info]
  • that-ll-do-pig-that-ll-do [info]
  • the-art-of-coping-with-anomalies-in-the-gulf-region [info]
  • the-blunders-are-all-there-on-the-board-waiting-to-be-made [info]
  • the-night-before-redacted [info]
  • the-north-pole [info]
  • the-one-thousand-deaths-of-pastor-lewis-robinson-the-ethics [info]
  • the-peculiar-case-of-custodian-woodworth-and-dr-bright [info]
  • the-weight [info]
  • there-is-comfort-in-not-seeing-there-is-bliss-in-not-knowing [info]
  • typo-positive [info]
  • unbroken [info]
  • walk-away-me-boys [info]
  • we-die-in-the-dark [info]
  • who-you-gonna-call [info]
• ¶ 78 occurrences
  

  sup { 
  vertical-align: top; position: relative; top: -0.5em; 
  }
  :root{ 
  --cutColour: #fafafa;
  --barColour: #590505;
  }
  
  .info-container .collapsible-block-folded a{
  color: #FFF;}
  .info-container .collapsible-block-unfolded-link a{
  color: #FFF;}
  
  .translation_block{
  display:none;}

  Pages using this styling

  • a-slice-of-life-for-a-man-completely-uncomfortable [info]
  • also-this-all-happened-on-the-same-day [info]
  • anonymous [info]
  • audio-log-from-december-24th-2010 [info]
  • come-back-kid [info]
  • consequences-and-collarbones [info]
  • decontamination-document-0094 [info]
  • dr-cimmerian-is-no-longer-allowed-to-use-temporal-anomalies [info]
  • electronic-data [info]
  • everything-can-change-in-the-blink-of-an-eye [info]
  • four-stories-told-in-order [info]
  • getting-into-treble [info]
  • he-sees-you [info]
  • how-dr-clef-got-into-my-santa-claus-pants-i-ll-never-know [info]
  • if-you-have-a-minute-why-don-t-we-go-talk-about-it-somewhere [info]
  • in-opposition-to [info]
  • in-the-darke [info]
  • lending-a-hand [info]
  • monophobia [info]
  • mugging-the-monster [info]
  • nor-spake-nor-moved-their-eyes [info]
  • now-i-understand-the-problems-you-can-see [info]
  • orientation-for-the-pastaphysics-department [info]
  • peanut-butter-crunch [info]
  • scp-0002-j [info]
  • scp-049 [info]
  • scp-1075 [info]
  • scp-2008 [info]
  • scp-2065 [info]
  • scp-2131 [info]
  • scp-2213 [info]
  • scp-2213-automatedsuccess [info]
  • scp-2218 [info]
  • scp-2251 [info]
  • scp-2290 [info]
  • scp-2313 [info]
  • scp-2413 [info]
  • scp-245 [info]
  • scp-245-1-a [info]
  • scp-2513 [info]
  • scp-2613 [info]
  • scp-2621 [info]
  • scp-2623 [info]
  • scp-2632 [info]
  • scp-2713 [info]
  • scp-2813 [info]
  • scp-2913 [info]
  • scp-2986 [info]
  • scp-2987 [info]
  • scp-3208 [info]
  • scp-3213 [info]
  • scp-3244 [info]
  • scp-3313 [info]
  • scp-3316 [info]
  • scp-3613 [info]
  • scp-3913 [info]
  • scp-4213 [info]
  • scp-5113 [info]
  • scp-6132-j [info]
  • scp-649-2568-j [info]
  • secure-facility-dossier-site-88 [info]
  • sex-success-and-targeted-advertising [info]
  • take-on-me [info]
  • tell-me-all-your-thoughts-on-god [info]
  • that-ll-do-pig-that-ll-do [info]
  • the-art-of-coping-with-anomalies-in-the-gulf-region [info]
  • the-horrors-of-an-unclean-bowl [info]
  • the-melody-is-familiar [info]
  • the-night-before-redacted [info]
  • the-north-pole [info]
  • the-one-thousand-deaths-of-pastor-lewis-robinson-the-ethics [info]
  • the-peculiar-case-of-custodian-woodworth-and-dr-bright [info]
  • themightymcb-s-author-page [info]
  • typo-positive [info]
  • unbroken [info]
  • walk-away-me-boys [info]
  • we-die-in-the-dark [info]
  • who-you-gonna-call [info]
• ¶ 78 occurrences
  

  .page {
      display: block;
      overflow: hidden;
      font-family: "Monotype Corsiva", "Bradley Hand ITC", sans-serif;
      font-style: normal;
      background-attachment: scroll;
      background-clip: border-box;
      background-color: transparent;
      background-image: linear-gradient(to top ,rgb(202, 219, 228) 0%, rgb(231, 233, 220) 8%);
      background-origin: padding-box;
      background-position: 0px 8px;
      background-repeat: repeat;
      background-size: 100% 20px;
      border: 1px solid #CCC;
      border-radius: 10px;
      padding: 10px 10px;
      margin-bottom: 10px;
      box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2)
  }
  .page p,
  .page ul {
      line-height: 20px;
      margin: 0;
  }

  Pages using this styling

  • a-friend-in-the-cold [info]
  • a-letter-from-a-undesired (2) [info]
  • as-you-see-me-so-do-i [info]
  • blackbird [info]
  • butterfly-delusions [info]
  • drink-with-the-living-dead [info]
  • foxehbunneh-devilsden [info]
  • fragment:scp-294-de-1 [info]
  • fragment:scp-5763-1 [info]
  • fragment:scp-5763-2 [info]
  • fragment:scp-6437-1 [info]
  • fragment:scp-9918-0 [info]
  • hidden-before-the-eyes (2) [info]
  • nx-02 [info]
  • scp-500-ex [info]
  • scp-6141 [info]
  • scp-6189 [info]
  • scp-6220 [info]
  • scp-6281 [info]
  • scp-6365 [info]
  • scp-6392 [info]
  • scp-6616 [info]
  • scp-6683 [info]
  • scp-6743 [info]
  • scp-6786 [info]
  • scp-6887 [info]
  • scp-6916 [info]
  • scp-6956 [info]
  • scp-6959 [info]
  • scp-7042 [info]
  • scp-7062 [info]
  • scp-7080 [info]
  • scp-7083 [info]
  • scp-7141 [info]
  • scp-7144 [info]
  • scp-7167 [info]
  • scp-7185 [info]
  • scp-7280 [info]
  • scp-7285 [info]
  • scp-7296 [info]
  • scp-7358 [info]
  • scp-7406 [info]
  • scp-7440 [info]
  • scp-7442 [info]
  • scp-7521 [info]
  • scp-7542 [info]
  • scp-7671 [info]
  • scp-7738 [info]
  • scp-7803 [info]
  • scp-7818 [info]
  • scp-7827 [info]
  • scp-7858 [info]
  • scp-7897 [info]
  • scp-7924 [info]
  • scp-8035 [info]
  • scp-8045 [info]
  • scp-8077 (2) [info]
  • scp-8209 [info]
  • scp-8212 [info]
  • scp-8362 [info]
  • scp-8464 (2) [info]
  • scp-8514 [info]
  • scp-8543 [info]
  • scp-8662 [info]
  • scp-8780 [info]
  • scp-8870 [info]
  • scp-891 [info]
  • scp-8939 [info]
  • scp-9157 [info]
  • scp-9181 [info]
  • scp-9199 [info]
  • scp-9288 [info]
  • scp-9958 [info]
  • scp-style-resource [info]
  • season-of-the-witch [info]
  • tall-tales-of-the-old-west [info]
  • that-s-all-folks [info]
  • the-bookworm [info]
• ¶ 49 occurrences
  

  #page-title {
    display: none;
  }

  Pages using this styling

  • 1831-comic-excerpt [info]
  • ambrose-esterberg [info]
  • ambrose-lamplight [info]
  • cack-hub [info]
  • chicago-factory [info]
  • critter-profile-cack-dealer [info]
  • flys-purgatory [info]
  • fragment:9000contestmrmcguffin-1 [info]
  • fragment:9000contestmrmcguffin-2 [info]
  • fragment:9000contestmrmcguffin-3 [info]
  • fragment:9000contestmrmcguffin-4 [info]
  • fragment:9000contestmrmcguffin-5 [info]
  • fragment:fantem-s-poi-file-1 [info]
  • fragment:scp-4069-1 [info]
  • fragment:scp-4069-2 [info]
  • fragment:scp-4069-3 [info]
  • fragment:scp-4069-4 [info]
  • fragment:scp-4069-5 [info]
  • fragment:scp-6848-1 [info]
  • fragment:scp-7372-2 [info]
  • fragment:scp-7535-0 [info]
  • fragment:scp-7535-1 [info]
  • fragment:scp-7535-2 [info]
  • fragment:scp-8484-1 [info]
  • fragment:scp-8484-2 [info]
  • fragment:scp-8484-3 [info]
  • fragment:scp-8484-4 [info]
  • inkirbycase1 [info]
  • is-this-land-still-made-for-you-and-me [info]
  • jakdragonx-rage-collection [info]
  • jakob17-s-art-cavern [info]
  • mtf-theta-90-character-profiles [info]
  • mtf-theta-90-hub-page [info]
  • on-buds-and-blossoms [info]
  • ricky-vasquez [info]
  • scp-3476 [info]
  • scp-5257-ex [info]
  • scp-5368 [info]
  • scp-6882 [info]
  • scp-6966 [info]
  • scp-7076 [info]
  • scp-7365 [info]
  • scp-7719 [info]
  • scp-7893 [info]
  • search:wikidot [info]
  • the-ballad-of-soup-dog [info]
  • the-character-assassination-of-site-666-by-theta-90-a-poem [info]
  • vfsssjutn222-sssbrewwsco [info]
  • your-local-artmacy [info]
• ¶ 48 occurrences
  

    .footnoteref{ font-variant: unset; }

  Pages using this styling

  • after-action-report-operation-thermopylae [info]
  • charlie-don-t-surf [info]
  • fragment:scp-5120-1 [info]
  • fragment:scp-5120-2 [info]
  • fragment:scp-5813-1 [info]
  • fresh-fish [info]
  • hard-boiled [info]
  • jumo-vs-aic [info]
  • operation-galvanic-ukulele [info]
  • personnel-expendable-part-i [info]
  • personnel-expendable-part-ii [info]
  • scp-3651 [info]
  • scp-5293 [info]
  • scp-5527 [info]
  • scp-5648 [info]
  • scp-5673 [info]
  • scp-5697 [info]
  • scp-5798 [info]
  • scp-5818 [info]
  • scp-6050 [info]
  • scp-6062 [info]
  • scp-6191 [info]
  • scp-6224 [info]
  • scp-6236 [info]
  • scp-6345 [info]
  • scp-6373 [info]
  • scp-6451 [info]
  • scp-6504 [info]
  • scp-6764 [info]
  • scp-6811 [info]
  • scp-6838 [info]
  • scp-6865 [info]
  • scp-6878 [info]
  • scp-6890 [info]
  • scp-7034 [info]
  • scp-7040 [info]
  • scp-7281 [info]
  • scp-7838 [info]
  • scp-7853 [info]
  • scp-7907 [info]
  • scp-7960 [info]
  • scp-8464 [info]
  • scp-8876 [info]
  • scp-8959 [info]
  • scp-8999 [info]
  • system-boot [info]
  • the-area10-massacre [info]
  • the-man-who-stood-alone-hub [info]
• ¶ 48 occurrences
  

  .fakeprot .mailform-box .buttons{display:none;}
  .fakeprot + .collapsible-block .collapsible-block-link {padding: 0.1em 0.5em;text-decoration: none;background-color: #F4F4F4;border: 1px solid #AAA;color: #000;}
  .fakeprot + .collapsible-block .collapsible-block-link:hover {background-color: #DDD;color: #000;}
  .fakeprot + .collapsible-block .collapsible-block-link:active {background-color: #DDD;color: #000;}
  .fakeprot + .collapsible-block .collapsible-block-unfolded-link{margin:0.5em 0;text-align: center;}
  .fakeprot + .collapsible-block .collapsible-block-folded{margin:0.5em 0;text-align: center;}
  .fakeprot .passw input[type=text] {text-security:disc;-webkit-text-security:disc;-mox-text-security:disc;}
  .mailform-box td:first-child {width: 80px;}

  Pages using this styling

  • a-hrd-day-s-work [info]
  • butterfly-delusions [info]
  • fragment:8000contestdrclef-0 [info]
  • fragment:scp-4673-1 [info]
  • fragment:scp-6485-0 [info]
  • fragment:scp-6709-2 [info]
  • fragment:scp9000katyastrangelove-0 [info]
  • fragment:scp9317-2 [info]
  • fragment:scp9317-3 [info]
  • fragment:scp9317-4 [info]
  • scp-2013 [info]
  • scp-4550 [info]
  • scp-4757 [info]
  • scp-4784 [info]
  • scp-5035 [info]
  • scp-5232 [info]
  • scp-5441 [info]
  • scp-5517 [info]
  • scp-5943 [info]
  • scp-6063 [info]
  • scp-6137 [info]
  • scp-6152 [info]
  • scp-6210 [info]
  • scp-6386 [info]
  • scp-6514 [info]
  • scp-6539 [info]
  • scp-6611 [info]
  • scp-6758 [info]
  • scp-7280 [info]
  • scp-7282 [info]
  • scp-7334 [info]
  • scp-7406 [info]
  • scp-7456 [info]
  • scp-7807 [info]
  • scp-7858 [info]
  • scp-7911 [info]
  • scp-8045 [info]
  • scp-8439 [info]
  • scp-8662 [info]
  • scp-9157 [info]
  • scp-9193 [info]
  • scp-922 [info]
  • scp-9225 [info]
  • scp-9317 [info]
  • scp-9380 [info]
  • scp-9737 [info]
  • scp-9832 [info]
  • scp-style-resource (2) [info]
• ¶ 47 occurrences
  

  div.titlepreview { display: none; }
  div.coauthors { display: none; }

  Pages using this styling

  • cimmerian-kaktus-proposal [info]
  • dr-cimmerian-s-proposal [info]
  • scp-0002-j [info]
  • scp-1075 [info]
  • scp-2008 [info]
  • scp-2065 [info]
  • scp-2131 [info]
  • scp-2213 [info]
  • scp-2218 [info]
  • scp-2251 [info]
  • scp-2290 [info]
  • scp-2313 [info]
  • scp-2343 [info]
  • scp-2413 [info]
  • scp-245 [info]
  • scp-2513 [info]
  • scp-2613 [info]
  • scp-2621 [info]
  • scp-2623 [info]
  • scp-2632 [info]
  • scp-2713 [info]
  • scp-2813 [info]
  • scp-2913 [info]
  • scp-2986 [info]
  • scp-2987 [info]
  • scp-3208 [info]
  • scp-3213 [info]
  • scp-3244 [info]
  • scp-3313 [info]
  • scp-3316 [info]
  • scp-3613 [info]
  • scp-3913 [info]
  • scp-4113 [info]
  • scp-4613 [info]
  • scp-5113 [info]
  • scp-5257 [info]
  • scp-6132-j [info]
  • scp-6313 [info]
  • scp-6413 [info]
  • scp-649-2568-j [info]
  • scp-6613 [info]
  • scp-7113 [info]
  • scp-7213 [info]
  • scp-7342 [info]
  • scp-7700 [info]
  • scp-8513 [info]
  • scp-9200 [info]
• ¶ 47 occurrences
  

  @import url('https://fonts.googleapis.com/css2?family=Caveat:wght@700&family=Lobster&display=swap');

  Pages using this styling

  • 1-remember-remember [info]
  • 16-the-eighth-of-september [info]
  • 17-here-today [info]
  • 18-the-only-constant [info]
  • 19-detour-de-force [info]
  • 20-not-my-day [info]
  • 21-the-short-version [info]
  • 23-hidden-depths [info]
  • 24-coffin-corner [info]
  • 25-off-track [info]
  • 26-working-wonders [info]
  • 27-we-stand-divided [info]
  • 28-hooking-up [info]
  • 29-meeting-in-the-middle [info]
  • 30-underlude [info]
  • 31-the-lines-are-down [info]
  • 32-executive-dysfunction [info]
  • 33-taking-the-lead [info]
  • 34-the-cruelest-fight [info]
  • 35-fire-in-the-hole [info]
  • 36-face-time [info]
  • 37-beggar-belief [info]
  • 38-world-of-difference [info]
  • 39-double-date [info]
  • 40-waiting-to-happen [info]
  • 41-the-world-wide-web [info]
  • 42-life-cycled [info]
  • 44-next-to-nothing [info]
  • 45-nothing-to-worry-about [info]
  • 46-nothing-changes [info]
  • 47-past-caring [info]
  • 48-unforgettable-too [info]
  • 49-repent-at-leisure [info]
  • 50-turning-and-turning [info]
  • 52-true-art-is-cognitohazardous [info]
  • 53-those-who-cant [info]
  • 54-not-ready-for-prime-time [info]
  • 55-wonders-of-my-hand [info]
  • 56-this-forgotten-babylon [info]
  • 57-the-only-shadow [info]
  • 58-time-flat [info]
  • 59-the-foreseeable-future [info]
  • 60-underlogue [info]
  • 70-parasite [info]
  • 72-red-letter-days [info]
  • 73-better-dead [info]
  • art:evelyn-5956-lillian-art [info]
• ¶ 34 occurrences
  

  
  .body-text {
      margin: 2% 13% 2% 9%;
      padding: 5px 20px 5px 20px;
      background-color: #f2f2f2;
      color: #111;
  }
  
  .text4desk {
      width: 70%;
      margin: auto;
  }
  
  @media only screen and (max-width: 600px) {
  
      .body-text {
          margin: 0% 4% 0% 4%;
      }
  
      .text4desk {
          width:100%;
      }
  
  }
  
  

  Pages using this styling

  • a-crack-in-the-porcelain [info]
  • apotheosis-of-the-rat [info]
  • baptism-of-the-wandering-jew-by-johnny-the-son [info]
  • bawarao-hub [info]
  • d-7294-s-declassified-d-class-survival-guide [info]
  • degenerate-art [info]
  • filled-to-the-brim-with-girlish-glee [info]
  • fragment:scp-4947-2 [info]
  • fragment:scp-4947-4 [info]
  • fragment:scp-4947-5 [info]
  • how-to-remove-glitter-from-a-polyester-dress [info]
  • how-to-remove-human-blood-from-a-polyester-dress [info]
  • how-to-remove-kerosene-from-a-polyester-dress [info]
  • how-to-remove-spinal-fluid-from-a-polyester-dress [info]
  • i-need-you-to-leave [info]
  • irregularity-proposal-2001-489 [info]
  • kingofmice-author-page [info]
  • last-minute-resistance [info]
  • lets-get-you-home [info]
  • nobody-runs-site-19 [info]
  • polyester-woman [info]
  • scp-0166 [info]
  • scp-3178 [info]
  • scp-378 [info]
  • scp-4690 [info]
  • scp-5012 [info]
  • scp-5952 [info]
  • scp-6355 [info]
  • scp-7404 [info]
  • sensitive-topics-and-you [info]
  • the-foundation-learns-nothing-about-clowns [info]
  • the-last-things-dr-darryl-loyd-ever-did-in-chronological-ord [info]
  • this-is-not-a-place-of-honor [info]
  • tomorrow-and-tomorrow-and-tomorrow [info]
• ¶ 34 occurrences
  

  .footnotes-footer {
  display: none;
  }

  Pages using this styling

  • 049-x-minion-x-reader [info]
  • carroll-022-the-last-stand [info]
  • cierpienia-noworoczne [info]
  • four-knights-tango [info]
  • fragment:mcdoctorate-s-proposal-2 [info]
  • fragment:scp-6200-1 [info]
  • fragment:scp-6200-2 [info]
  • fragment:scp-6483-1 [info]
  • fragment:scp-6483-2 [info]
  • grant-request-for-the-creation-of-remnant-hosts [info]
  • human [info]
  • i-was-the-queen-before-it-was-cool [info]
  • nobody-s-home [info]
  • people-without-meaning [info]
  • poczatki-normalnosci-i-jej-przyszlosc [info]
  • scp-5572 [info]
  • scp-5672 [info]
  • scp-5795 [info]
  • scp-5890 [info]
  • scp-5936 [info]
  • scp-6120 [info]
  • scp-6292 [info]
  • scp-6335 [info]
  • scp-6555 [info]
  • scp-6936 [info]
  • scp-7272 [info]
  • scp-7278 [info]
  • scp-7572 [info]
  • scp-pl-273 [info]
  • silver-hair-and-silver-tongues [info]
  • the-liberal-vampire [info]
  • theme:blankstyle [info]
  • trotskyeet-author [info]
  • uiu-file-2014-158 [info]
• ¶ 33 occurrences
  

  sup {
      vertical-align: top;
      position: relative;
      top: -0.5em;
  }
  
  :root {
      --cutColour: #fafafa;
      --barColour: #590505;
  }
  
  .translation_block {
      display: none;
  }
  
  .info-container .collapsible-block-folded a {
      color: #FFF;
  }
  
  .info-container .collapsible-block-unfolded-link a {
      color: #FFF;
  }
  
  .info-container .collapsible-block-link,
  .info-container:hover .collapsible-block-link {
      line-height: 1.6em;
  }

  Pages using this styling

  • fragment:scp-5813-1 [info]
  • jumo-vs-aic [info]
  • scp-3651 [info]
  • scp-5293 [info]
  • scp-5466 [info]
  • scp-5527 [info]
  • scp-5648 [info]
  • scp-5673 [info]
  • scp-5697 [info]
  • scp-5798 [info]
  • scp-5818 [info]
  • scp-5992 [info]
  • scp-6062 [info]
  • scp-6224 [info]
  • scp-6236 [info]
  • scp-6345 [info]
  • scp-6373 [info]
  • scp-6451 [info]
  • scp-6453 [info]
  • scp-6764 [info]
  • scp-6811 [info]
  • scp-6865 [info]
  • scp-6890 [info]
  • scp-7034 [info]
  • scp-7281 [info]
  • scp-7635 [info]
  • scp-7838 [info]
  • scp-7907 [info]
  • scp-7960 [info]
  • scp-8464 [info]
  • scp-8876 [info]
  • scp-8959 [info]
  • scp-8999 [info]
• ¶ 33 occurrences
  

  span, a { word-break: normal !important }

  Pages using this styling

  • a-funny-thing-happened-on-the-way-to-the-manor [info]
  • a-study-in-cinnabar [info]
  • an-scp-masquerading-as-a-tale [info]
  • catching-up [info]
  • cleaning-house [info]
  • danimals [info]
  • fox-hunt [info]
  • fragment:scp-6858-offset-0 [info]
  • guilt-trip [info]
  • looking-forward [info]
  • never-fight-a-land-war-in-the-peloponnese [info]
  • old-faces-new-foes [info]
  • old-friends-old-sins [info]
  • on-guard-43-hub [info]
  • quarantine-blues [info]
  • repatriation [info]
  • scp-093-orange-test [info]
  • scp-5056 [info]
  • scp-5238 [info]
  • scp-5281 [info]
  • scp-5295 [info]
  • scp-5883 [info]
  • scp-6056 [info]
  • scp-6519 [info]
  • scp-6602 [info]
  • scp-6858 [info]
  • scp-6965 [info]
  • scp-7165 [info]
  • scp-7840 [info]
  • scp-8382 [info]
  • the-ends-justify-the-means-of-production [info]
  • the-martinet-effect [info]
  • the-specter-and-the-orphan-crusher [info]
• ¶ 32 occurrences
  

  .toc-table {
      float: right;
  }
  .toc-table table.wiki-content-table tbody td:first-of-type {
      border-bottom:none;
      border-left:none;
      border-right:none;
  }
  @media (max-width: 979px) {
      .toc-table tr {
          display: inline;
      }
  }

  Pages using this styling

  • archived:shortest-pages-by-month-2008 [info]
  • archived:shortest-pages-by-month-2009 [info]
  • archived:shortest-pages-by-month-2010 [info]
  • archived:shortest-pages-by-month-2011 [info]
  • archived:shortest-pages-by-month-2012 [info]
  • archived:shortest-pages-by-month-2013 [info]
  • archived:shortest-pages-by-month-2014 [info]
  • archived:shortest-pages-by-month-2015 [info]
  • archived:shortest-pages-by-month-2016 [info]
  • archived:shortest-pages-by-month-2017 [info]
  • archived:shortest-pages-by-month-2018 [info]
  • archived:shortest-pages-by-month-2019 [info]
  • archived:shortest-pages-by-month-2020 [info]
  • archived:shortest-pages-by-month-2021 [info]
  • archived:shortest-pages-by-month-2022 [info]
  • archived:shortest-pages-by-month-2023 [info]
  • archived:top-rated-pages-by-month-2008 [info]
  • archived:top-rated-pages-by-month-2009 [info]
  • archived:top-rated-pages-by-month-2010 [info]
  • archived:top-rated-pages-by-month-2011 [info]
  • archived:top-rated-pages-by-month-2012 [info]
  • archived:top-rated-pages-by-month-2013 [info]
  • archived:top-rated-pages-by-month-2014 [info]
  • archived:top-rated-pages-by-month-2015 [info]
  • archived:top-rated-pages-by-month-2016 [info]
  • archived:top-rated-pages-by-month-2017 [info]
  • archived:top-rated-pages-by-month-2018 [info]
  • archived:top-rated-pages-by-month-2019 [info]
  • archived:top-rated-pages-by-month-2020 [info]
  • archived:top-rated-pages-by-month-2021 [info]
  • archived:top-rated-pages-by-month-2022 [info]
  • archived:top-rated-pages-by-month-2023 [info]
• ¶ 31 occurrences
  

  :root {
      --timeDelay: 0.5s;
  }

  Pages using this styling

  • fragment:target-audience-14 [info]
  • scp-5054-ex [info]
  • scp-5109 [info]
  • scp-5162 [info]
  • scp-5238 [info]
  • scp-5243 [info]
  • scp-5243-j [info]
  • scp-5281 [info]
  • scp-5295 [info]
  • scp-5382 [info]
  • scp-5416 [info]
  • scp-5520 [info]
  • scp-5583 [info]
  • scp-5616 [info]
  • scp-5729 [info]
  • scp-5751 [info]
  • scp-5866 [info]
  • scp-5883 [info]
  • scp-5974 [info]
  • scp-5977 [info]
  • scp-6056 [info]
  • scp-6221 [info]
  • scp-6382 [info]
  • scp-6519 [info]
  • scp-6722 [info]
  • scp-6965 [info]
  • scp-7056 [info]
  • scp-7165 [info]
  • scp-8141 [info]
  • scp-8273 [info]
  • scp-8382 [info]
• ¶ 30 occurrences
  

  .danke {
      padding: 5px;
      margin-bottom:10px;
      font-family: monospace;
      font-size: 1.1em; 
  }
  
  .agent {
      background-color:#002200;
      border: 3px solid #55AA55;
      color: #77CC77;
  }
  
  .site {
      background-color:#222200;
      border: 3px solid #AAAA55;
      color: #DDDD77;
  }

  Pages using this styling

  • behind-the-scenes-of-reeling-in-the-crocosquid [info]
  • fragment:scp-7993-4 [info]
  • omicron-1-secretive-concise-paperwork [info]
  • scp-6063 [info]
  • scp-6265 [info]
  • scp-6683 [info]
  • scp-6713 [info]
  • scp-7177 [info]
  • scp-7268 [info]
  • scp-7273 [info]
  • scp-7279 [info]
  • scp-7285 [info]
  • scp-7307 [info]
  • scp-7542 [info]
  • scp-8057 [info]
  • scp-8431 [info]
  • scp-8551 [info]
  • scp-8780 [info]
  • scp-8902 [info]
  • scp-8966 [info]
  • scp-9026 [info]
  • scp-9199 [info]
  • scp-9426 [info]
  • scp-9841 [info]
  • scp-9959 [info]
  • scp-9978 [info]
  • scp-dave-j [info]
  • scp-style-resource [info]
  • uiu-1929-13 [info]
  • urgent-commission-of-inquiry-into-worldwide-paranormal-event [info]
• ¶ 26 occurrences
  

  @import url("https://nu-scptheme.github.io/Black-Highlighter/css/min/normalize.min.css");
  @import url("https://nu-scptheme.github.io/Black-Highlighter/css/min/black-highlighter.min.css");

  Pages using this styling

  • component:betterfootnotes [info]
  • component:toggle-sidebar-bhl [info]
  • component:wide-image-sizer [info]
  • fragment:collapsible-sidebar-bhl [info]
  • theme:a-problematic-theme [info]
  • theme:ashes-to-ashes [info]
  • theme:black-serpent [info]
  • theme:calamity [info]
  • theme:ch-scp-theme [info]
  • theme:diamond-highlighter [info]
  • theme:dynamikron [info]
  • theme:eventyr [info]
  • theme:foundless [info]
  • theme:fuladh-theme [info]
  • theme:galactic-theme [info]
  • theme:greystyle [info]
  • theme:hansarp [info]
  • theme:highroller [info]
  • theme:isolated-terminal [info]
  • theme:jakstyle [info]
  • theme:memoria [info]
  • theme:midnight-rush [info]
  • theme:redtape [info]
  • theme:swirling-ashes [info]
  • theme:thalassophobia [info]
  • theme:twin-files [info]
• ¶ 26 occurrences
  

  #page-title {display: none;}

  Pages using this styling

  • alittlepush [info]
  • art:darkartists-sciptember-hub [info]
  • art:flyers-for-creators [info]
  • art:scp-2303-fanart [info]
  • borja-s-letter [info]
  • dead-king-s-march [info]
  • dryadsguide [info]
  • foxehbunneh-devilsden [info]
  • fragment:magazine-1 [info]
  • fragment:scp-6709-2 [info]
  • fragment:scp-9988-1 [info]
  • hazels-auteur-page [info]
  • horned-is-the-enchanter [info]
  • roll-initiative [info]
  • scp-6157 [info]
  • scp-6725 [info]
  • scp-7236 [info]
  • scp-7326 [info]
  • scp-7744 [info]
  • scp-7935 [info]
  • scp-8020 [info]
  • scp-8233 [info]
  • scp-8389 [info]
  • scp-9020 [info]
  • the-case-of-her-broken-stomach-hub [info]
  • the-devil-within-the-gale [info]
• ¶ 26 occurrences
  

  /* anendlessusername's invaluable correction of the ACS octagon! */
  #page-content .quadrants > div {
      top: 2.25%;
      left: 18.5%;
  }

  Pages using this styling

  • 40-waiting-to-happen [info]
  • fragment:scp-5618-offset-0 [info]
  • scp-0110-j [info]
  • scp-5056 [info]
  • scp-5092 [info]
  • scp-5109 [info]
  • scp-5162 [info]
  • scp-5238 [info]
  • scp-5243 [info]
  • scp-5243-j [info]
  • scp-5295 [info]
  • scp-5379 [info]
  • scp-5382 [info]
  • scp-5416 [info]
  • scp-5494 [info]
  • scp-5520 [info]
  • scp-5616 [info]
  • scp-5729 [info]
  • scp-5751 [info]
  • scp-5866 [info]
  • scp-5977 [info]
  • scp-6965 [info]
  • scp-7000 [info]
  • scp-7165 [info]
  • scp-8273 [info]
  • scp-cash4d-j [info]
• ¶ 24 occurrences
  

  .icepick-author { 
      display: none; 
  }

  Pages using this styling

  • scp-1798 [info]
  • scp-2964 [info]
  • scp-3008 [info]
  • scp-3044 [info]
  • scp-3088 [info]
  • scp-3122 [info]
  • scp-3299 [info]
  • scp-3331 [info]
  • scp-3363 [info]
  • scp-3399 [info]
  • scp-3455 [info]
  • scp-3566 [info]
  • scp-3600 [info]
  • scp-3688 [info]
  • scp-3933 [info]
  • scp-4008 [info]
  • scp-4144 [info]
  • scp-4244 [info]
  • scp-4454 [info]
  • scp-4464 [info]
  • scp-4474 [info]
  • scp-4533 [info]
  • scp-4545 [info]
  • scp-4744 [info]
• ¶ 23 occurrences
  

  sup {
  vertical-align: top; position: relative; top: -0.5em;
  }
  :root{
  --cutColour: #fafafa;
  --barColour: #590505;
  }
  
  .info-container .collapsible-block-folded a{
  color: #FFF;}
  .info-container .collapsible-block-unfolded-link a{
  color: #FFF;}
  
  .translation_block{
  display:none;}

  Pages using this styling

  • all-fall-down [info]
  • an-ending-is-only-tragic [info]
  • and-to-this-day-she-still-can-t-breathe [info]
  • by-and-by-lord-by-and-by [info]
  • come-together-right-now-over-me [info]
  • hides-the-face-lies-the-snake-the-sun-in-my-disgrace [info]
  • perfect [info]
  • scp-3440 [info]
  • scp-4040 [info]
  • scp-4613 [info]
  • scp-4818 [info]
  • scp-4979 [info]
  • scp-6613 [info]
  • scp-7113 [info]
  • scp-7700 [info]
  • snap-crackle-pop [info]
  • starry-starry-night [info]
  • stars-fading-but-i-linger-on-dear [info]
  • sweet-dreams-and-flying-machines-in-pieces-on-the-ground [info]
  • the-blunders-are-all-there-on-the-board-waiting-to-be-made [info]
  • the-weight [info]
  • there-is-comfort-in-not-seeing-there-is-bliss-in-not-knowing [info]
  • with-a-target [info]
• ¶ 23 occurrences
  

  .email {border: solid 2px #000000; width: 88%; padding: 1px 15px; margin: 10px; box-shadow: 0 1px 3px rgba(0,0,0,.5)}
  .email-example a.collapsible-block-link {font-weight: bold;}
  .tofrom {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px maroon}

  Pages using this styling

  • a-funny-thing-happened-on-the-way-to-the-manor [info]
  • a-study-in-cinnabar [info]
  • alone-in-a-sea-of-voices [info]
  • fragment:scp-5939-1 [info]
  • fragment:scp-6113-2 [info]
  • fragment:scp-6942-3 [info]
  • fragment:scp-9822-o0 [info]
  • guilt-trip [info]
  • nobody-came-to-the-funeral [info]
  • nobody-likes-a-sneak [info]
  • old-faces-new-foes [info]
  • old-friends-old-sins [info]
  • quarantine-blues [info]
  • scp-093-orange-test [info]
  • scp-1392 [info]
  • scp-5449 [info]
  • scp-5571 [info]
  • scp-6123 [info]
  • scp-6677 [info]
  • scp-7401 [info]
  • scp-7602 [info]
  • scp-7717 [info]
  • scp-7861 [info]
• ¶ 23 occurrences
  

  #page-title {
      display: none;
  }

  Pages using this styling

  • a-bio-scanner-alone-on-a-dead-world [info]
  • art:the-foundation-is-not-transphobic-art [info]
  • claire [info]
  • evelyn [info]
  • fragment:dr-asteria-author-page-1 [info]
  • fragment:scp-4947-6 [info]
  • fragment:scp-6474-4 [info]
  • fragment:scp-7616-2 [info]
  • fragment:scp-8191-1 [info]
  • jack [info]
  • limey-s-citrus-corner [info]
  • mikell [info]
  • operation-lahmi-gath [info]
  • scp-5857 [info]
  • scp-6200 [info]
  • scp-6465 [info]
  • scp-6653 [info]
  • scp-702-ko [info]
  • scp-8080 [info]
  • scp-8220 [info]
  • technical-content-policy [info]
  • the-mind-electric [info]
  • tj [info]
• ¶ 22 occurrences
  

  :root {
       --header-title: "Department of Unreality";
       --header-subtitle: "Making the Unreal a ㅤㅤㅤㅤ";
       --lgurl: url('http://scp-wiki.wikidot.com/local--files/unreality-hub/Unreality%20Header%20Logo.svg');
  }

  Pages using this styling

  • alex-thorley-goes-on-a-blind-date [info]
  • alex-thorley-permashifts-out-of-their-dr [info]
  • bagel [info]
  • disintegration [info]
  • fragment:magazine-0 [info]
  • fragment:scp-8797-0 [info]
  • fragment:scp-8797-1 [info]
  • gravitron [info]
  • its-not-real-it-never-was-you-pathetic-fools [info]
  • justbeyourself [info]
  • poem [info]
  • scp-6352 [info]
  • scp-6478 [info]
  • scp-6558 [info]
  • scp-7365 [info]
  • scp-7488 [info]
  • sundial [info]
  • the-castaway-from-unreality [info]
  • unreality-hub [info]
  • unreality-orientation [info]
  • will-winter [info]
  • your-imaginary-friend [info]
• ¶ 22 occurrences
  

  @import url('https://fonts.googleapis.com/css?family=Reenie+Beanie');

  Pages using this styling

  • a-nice-waffle-dinner [info]
  • arson-activism-and-mustaches [info]
  • critter-profile-vizzie [info]
  • fragment:page-9000-ethagon-1 [info]
  • fragment:page-9000-ethagon-10 [info]
  • fragment:page-9000-ethagon-12 [info]
  • fragment:page-9000-ethagon-13 [info]
  • fragment:page-9000-ethagon-14 [info]
  • fragment:page-9000-ethagon-23 [info]
  • fragment:page-9000-ethagon-24 [info]
  • fragment:page-9000-ethagon-42 [info]
  • modern-miracle-worker [info]
  • nobody-in-trouble [info]
  • nobody-s-observations-on-temporal-displacement-family-and-wa [info]
  • nobody-the-iron-beasts-of-fort-bowe [info]
  • nobody-there-but-the-thing-in-itself [info]
  • operation-full-stop [info]
  • role-model [info]
  • scp-1949-ex [info]
  • scp-4725 [info]
  • transmutation [info]
  • uiu-file-2020-650 [info]
• ¶ 21 occurrences
  

  .page {
      display: block;
      overflow: hidden;
      font-family: "Monotype Corsiva", "Bradley Hand ITC", sans-serif;
      font-style: normal;
  
      background-attachment: scroll;
      background-clip: border-box;
      background-color: transparent;
      background-image: linear-gradient(to top ,rgb(202, 219, 228) 0%, rgb(231, 233, 220) 8%);
      background-origin: padding-box;
      background-position: 0px 8px;
      background-repeat: repeat;
      background-size: 100% 20px;
  
      border: 1px solid #CCC;
      border-radius: 10px;
      padding: 10px 10px;
      margin-bottom: 10px;
  
      box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2)
      }
  .page p,
  .page ul {
      line-height: 20px;
      margin: 0;
  }

  Pages using this styling

  • fragment:scp-6013-3 [info]
  • herman-fuller-presents-the-beastly-quasimodo [info]
  • i-am-become-death [info]
  • scp-5054-ex [info]
  • scp-5112 [info]
  • scp-5393 [info]
  • scp-5425 [info]
  • scp-5839 [info]
  • scp-5842 [info]
  • scp-5849 [info]
  • scp-6011 [info]
  • scp-6013 [info]
  • scp-6019 [info]
  • scp-6022 (2) [info]
  • scp-6330 [info]
  • scp-6656 [info]
  • scp-6728 [info]
  • scp-7299 [info]
  • scp-7839 [info]
  • team-epitaphic-hub [info]
  • when-you-re-sure-you-ve-had-enough-of-this-life [info]
• ¶ 21 occurrences
  

  .footnotes-footer { 
      visibility: hidden; 
      height: 0;
      padding: 0;
      margin: 0;
  }

  Pages using this styling

  • 3rd-vesta-donation [info]
  • 5th-global-occult-coalition-donation [info]
  • black-queen-hub [info]
  • dr-reach-personnel-file [info]
  • draft-proposal-for-programme-arduinosis-9001 [info]
  • fragment:magazine-1 [info]
  • fragment:scp-6384-1 [info]
  • hr-journeys [info]
  • hr-just-enough [info]
  • hr-the-transfer [info]
  • pedantique-personnel-file [info]
  • programme-las-anod-1 [info]
  • reading-and-writing-club [info]
  • scp-3649 [info]
  • scp-4350 [info]
  • scp-4461 [info]
  • scp-4618 [info]
  • scp-7966 [info]
  • scp-8332 [info]
  • scp-8375 [info]
  • scp-9002 [info]
• ¶ 20 occurrences
  

  .page {
      display: block;
      overflow: hidden;
      font-family: "Monotype Corsiva", "Bradley Hand ITC", sans-serif;
      font-style: normal;
  
     
      background-attachment: scroll;
      background-clip: border-box;
      background-color: transparent;
      background-image: linear-gradient(to top ,rgb(202, 219, 228) 0%, rgb(231, 233, 220) 8%);
      background-origin: padding-box;
      background-position: 0px 8px;
      background-repeat: repeat;
      background-size: 100% 20px;
      
  
      border: 1px solid #CCC;
      border-radius: 10px;
      padding: 10px 10px;
      margin-bottom: 10px;
  
      box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2)
      }
  .page p {
      line-height: 20px;
      margin: 0;
  }

  Pages using this styling

  • a-nice-waffle-dinner [info]
  • arson-activism-and-mustaches [info]
  • bear-flag-republic [info]
  • close-encounter-with-nobody [info]
  • modern-miracle-worker [info]
  • nobody-in-trouble [info]
  • nobody-s-business [info]
  • nobody-s-observations-on-temporal-displacement-family-and-wa [info]
  • nobody-there-but-the-thing-in-itself [info]
  • of-doctors-and-alagadda [info]
  • operation-full-stop [info]
  • role-model [info]
  • scp-1949-ex [info]
  • scp-3472-j [info]
  • scp-4003 [info]
  • scp-4029 [info]
  • scp-4249 [info]
  • scp-4336 (4) [info]
  • self-similar [info]
  • transmutation [info]
• ¶ 19 occurrences
  

  
  div#page-title::after {
    content: "by Ecronak";
    font-size: 40%;
    color: #888;
    background: none;
  }
  
  div#page-title {
    border-bottom: 1px solid #000;
    padding-bottom: 0.2em;
  }
  

  Pages using this styling

  • another-lost-legacy [info]
  • as-the-last-monster-on-earth-goes-to-hell [info]
  • scp-5396 [info]
  • scp-6770 [info]
  • scp-6929 [info]
  • siggy-and-robomonkey-and-the-attack-of-the-bears [info]
  • siggy-and-robomonkey-and-the-beast-that-screams [info]
  • siggy-and-robomonkey-and-the-dead-mummy-walking [info]
  • siggy-and-robomonkey-and-the-deadly-doctor [info]
  • siggy-and-robomonkey-and-the-new-world [info]
  • siggy-and-robomonkey-and-the-return-of-the-witch [info]
  • siggy-and-robomonkey-and-the-rise-of-the-betrayed [info]
  • siggy-and-robomonkey-and-the-two-promises [info]
  • siggy-and-the-fellowship-of-the-damned [info]
  • siggy-and-the-monster-of-the-dark-halls [info]
  • the-adventures-of-siggy-and-robomonkey-hub [info]
  • the-foundation-is-broke [info]
  • the-last-meeting [info]
  • the-new-secretary-in-town [info]
• ¶ 19 occurrences
  

  :root {
      --zero: 0;
  }

  Pages using this styling

  • a-shell-of-my-former-self [info]
  • cryptozoology-division-hub (2) [info]
  • fragment:scp-5776-1 [info]
  • fragment:scp-5776-file-access-granted [info]
  • fragment:scp-7088-1 [info]
  • fragment:scp-7088-2 [info]
  • ozzylizard-s-corner [info]
  • scp-044-j [info]
  • scp-6010 [info]
  • scp-6044 [info]
  • scp-6055 [info]
  • scp-6086 [info]
  • scp-6330 [info]
  • scp-6448 [info]
  • scp-6722 [info]
  • scp-6730 (2) [info]
  • scp-6884 [info]
  • scp-7975 (2) [info]
  • secure-facility-dossier-site-44 [info]
• ¶ 19 occurrences
  

  /* Only show the A/B test subject when the A/B test is active */
  :not(.ab-test--active) + .ab-test-subject { display: none; }
  
  .bottom-rating-module {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-block: 1rem;
  }
  .bottom-rating-module .page-rate-widget-box {
    margin: 0;
  }

  Pages using this styling

  • a-gally-fellows-lens [info]
  • bessie-bogan-and-the-crow-road-inn [info]
  • canvas-fish-fly [info]
  • feminine-wails [info]
  • juni-writes-a-poem [info]
  • leasehold-on-daylight [info]
  • mosaic-crabmeat [info]
  • mosaic-the-rainbow-pebble [info]
  • right-of-first-refuse [info]
  • scp-8377 [info]
  • scp-8403 [info]
  • scp-9002 [info]
  • scp-9067 [info]
  • scp-9401 [info]
  • tales-of-the-mosaic [info]
  • the-beast-of-liverwort-hill [info]
  • the-gizzen-kirk [info]
  • the-parcelmens-creed [info]
  • unreal-real-surreal [info]
• ¶ 18 occurrences
  

  #page-title{display:none}
  
   :root{
       --link-color: 221, 17, 17;
       --visited-link-color: 221, 17, 17;
       --hover-link-color: 221, 102, 17;
  }

  Pages using this styling

  • fragment:it-always-ends-the-same-0 [info]
  • fragment:it-always-ends-the-same-10 [info]
  • fragment:it-always-ends-the-same-11 [info]
  • fragment:it-always-ends-the-same-12 [info]
  • fragment:it-always-ends-the-same-13 [info]
  • fragment:it-always-ends-the-same-14 [info]
  • fragment:it-always-ends-the-same-15 [info]
  • fragment:it-always-ends-the-same-16 [info]
  • fragment:it-always-ends-the-same-17 [info]
  • fragment:it-always-ends-the-same-2 [info]
  • fragment:it-always-ends-the-same-3 [info]
  • fragment:it-always-ends-the-same-4 [info]
  • fragment:it-always-ends-the-same-5 [info]
  • fragment:it-always-ends-the-same-6 [info]
  • fragment:it-always-ends-the-same-7 [info]
  • fragment:it-always-ends-the-same-8 [info]
  • fragment:it-always-ends-the-same-9 [info]
  • it-always-ends-the-same [info]
• ¶ 18 occurrences
  

  :root{
    --header-title: "BLACK AUTUMN IV";
    --header-subtitle: "Nothing to Fear";
    --lgurl: url("http://scp-wiki.wdfiles.com/local--files/black-autumn-hub/scp-halloween-alone.png");
    --accentColor: #EB6123;
  
  }
  
  div#extra-div-1 {
      filter: opacity(40%);
  }

  Pages using this styling

  • chapter-1-off-the-road-off-the-rails [info]
  • chapter-10-conflict-resolution-hold-the-conflict [info]
  • chapter-11-the-long-fall-part-1 [info]
  • chapter-12-the-long-fall-part-2 [info]
  • chapter-13-but-fear-itself [info]
  • chapter-2-i-don-t-want-to-set-the-world-on-fire [info]
  • chapter-3-a-face-too-young-to-be-mine [info]
  • chapter-4-nobody-prays-for-february [info]
  • chapter-5-pre-partum-anxieties [info]
  • chapter-6-the-taking-of-dr-sinclair [info]
  • chapter-7-the-woman-who-wasn-t-there [info]
  • chapter-8-out-of-character-out-of-body [info]
  • chapter-9-losing-the-plot [info]
  • character-interactions-disguised-as-an-epilogue [info]
  • interlude-2-famous-last-words [info]
  • interlude-basileophobia [info]
  • nothing-to-fear-hub [info]
  • prologue-a-tale-in-which-a-recap-is-disguised-as-character-i [info]
• ¶ 18 occurrences
  

  .footnotes-footer { 
  display:none;
  }

  Pages using this styling

  • calibri-s-mega-cool-art-page-it-s-mostly-just-icons-but-what [info]
  • doctor-ronald-stimson-s-personnel-file [info]
  • goi-contest-2014 [info]
  • henzoid-crocket-s-proposal-j [info]
  • scp-001-ex [info]
  • scp-055-pt [info]
  • scp-150-de [info]
  • scp-1661 [info]
  • scp-2316 [info]
  • scp-2923 [info]
  • scp-3280 [info]
  • scp-3963 [info]
  • scp-3980 [info]
  • scp-4298 [info]
  • scp-6983 [info]
  • scp-7023 [info]
  • scp-7717 [info]
  • scp-9480 [info]
• ¶ 18 occurrences
  

  div#extra-div-1,div#extra-div-2{display:none;}

  Pages using this styling

  • ambroseinternational-pdf [info]
  • demasqed [info]
  • final-form [info]
  • fluffy-little-kitty [info]
  • fragment:keeping-it-chill-1 [info]
  • fragment:keeping-it-chill-2 [info]
  • goat-vr-more-like-goat-very-bad-game [info]
  • meme-culture [info]
  • not-alone [info]
  • partition [info]
  • pineapple-cognitohazard [info]
  • safety-reasons [info]
  • sci-fi-shenanigans [info]
  • scp-7973 [info]
  • shuffle-puppies [info]
  • therapy-tacos [info]
  • three-fifty [info]
  • under-the-desk [info]
• ¶ 18 occurrences
  

  :root {
  --thaumiel: 0, 135, 189
  }

  Pages using this styling

  • 001-blank-i [info]
  • fragment:fantem-s-poi-file-0 [info]
  • fragment:scp-5056-offset-1 [info]
  • fragment:scp-6095-2 [info]
  • fragment:scp-6121-offset-0 [info]
  • fragment:scp-6121-offset-1 [info]
  • fragment:scp-6483-1 [info]
  • scp-5238 [info]
  • scp-5295 [info]
  • scp-5494 [info]
  • scp-5751 [info]
  • scp-5977 [info]
  • scp-6056 [info]
  • scp-6263 [info]
  • scp-6984 [info]
  • scp-7165 [info]
  • scp-7753 [info]
  • scp-8382 [info]
• ¶ 17 occurrences
  

  :root {
      --logo-image: url("https://scp-wiki.wdfiles.com/local--files/secure-facility-dossier-site-120/ontologonew.png");
      --header-title: "Site-120";
      --header-subtitle: "Fighting Fire With Fire";

  Pages using this styling

  • and-every-time-we-meet-again-hub [info]
  • for-crimes-uncommitted [info]
  • forgotten-days [info]
  • halfway-found-halfway-lost [info]
  • scp-0110-j [info]
  • scp-5292 [info]
  • scp-5373 [info]
  • scp-5484 [info]
  • scp-5572 [info]
  • scp-5659 [info]
  • scp-5890 [info]
  • scp-5936 [info]
  • scp-6120 [info]
  • scp-7278 [info]
  • somewhere-out-there [info]
  • the-beast-that-shouted-i-at-the-end-of-the-world [info]
  • when-the-sun-sets-for-its-thousandth-time [info]
• ¶ 16 occurrences
  

  :root{
    --header-title: "BLACK AUTUMN  II";
    --header-subtitle: "RISE OF THE PIT SLOTH";
    --lgurl: url("https://scp-wiki.wdfiles.com/local--files/black-autumn-hub/scp-halloween-alone.png");
    --accentColor: #EB6123;
  
  }
  
  div#extra-div-1 {
      filter: opacity(40%);
  }

  Pages using this styling

  • chapter-1-opening-credits [info]
  • chapter-10-movie-night [info]
  • chapter-11-free-falling [info]
  • chapter-12-rock-bottom [info]
  • chapter-13-12-hours-in-sloth-s-pit-wisconsin [info]
  • chapter-14-family-reunion [info]
  • chapter-15-the-doom-that-came-to-theater-six [info]
  • chapter-2-the-witch-s-hut [info]
  • chapter-3-from-a-burning-screen [info]
  • chapter-4-of-goats-and-sloths-and-flu [info]
  • chapter-5-playing-dress-up [info]
  • chapter-6-holes-shaped-like-people [info]
  • chapter-7-s-c-phonies [info]
  • chapter-8-and-knock-em-down [info]
  • chapter-9-set-em-up [info]
  • epilogue-roll-credits [info]
• ¶ 16 occurrences
  

  
  div.terminal{
      border: 1px solid black;
      border: solid 3px #BBBBBB;
      border-radius: 16px;
      background-color: #131;
      /* black shadow at the top of the terminal */
      background-image: 
          radial-gradient(ellipse 1000% 100% at 50% 90%, transparent, #121);
      background-position: center;
      display: block;
      /* shadow around the terminal */
      box-shadow: inset 0 0 10em 1em rgba(0,0,0,0.5);
      /* prevents scanline from forming a scrollwheel */
      overflow:hidden;
  }
  div.terminal blockquote {
      background-color: black;
      border: double 3px #80FF80
  }
  div.scanline{
      margin-top: -40%;
      width: 100%;
      height: 60px;
      position: relative;
      pointer-events: none;
      /* Safari 4.0 - 8.0 */
      -webkit-animation: scan 12s linear 0s infinite; /* You may need to change this. If the bar goes by too quickly, increase 5s. */
      animation: scan 12s linear 0s infinite; /* Same as above */
      background: linear-gradient(to bottom, rgba(56, 112, 82,0), rgba(56, 112, 82,0.1)) !important;
  }
  
  div.text{
      color: rgba(128,255,128,0.8);
      padding-left: 2em;
      padding-top: 40%;
      font-family: monospace;
      font-size: 1.2em;
  }
  
  /* Safari 4.0 - 8.0 */
  @-webkit-keyframes scan{
      from{ transform: translateY(-10%);}
      to{  transform: translateY(5000%);} /* You may need to change this depending on the length of your terminal. If the scanline stops halfway, increase the second number.*/
  }
  
  @keyframes scan{
      from{ transform: translateY(-10%);}
      to{  transform: translateY(5000%);} /* Same as above.*/
  }
  
  div.text a {
      color: #90EE90;
      text-decoration: none;
      background: transparent;
  }
  div.text a.newpage {
      color: #90EE90;
      text-decoration: none;
      background: transparent;
  }
  div.text a:hover {
      color: #131;
      text-decoration: underline;
      background-color: #80FF80;
      padding: 1px;
  }
  div.text a:hover::before{
      content: "> ";
  }

  Pages using this styling

  • an-scp-masquerading-as-a-tale [info]
  • art:kill-the-sarkisist [info]
  • fragment:9000contestmrmcguffin-1 [info]
  • fragment:scp-9537-2 [info]
  • fragment:scp-9918-0 [info]
  • goliath-activation-000078 [info]
  • scp-6106 [info]
  • scp-6557 [info]
  • scp-6956 [info]
  • scp-7547 [info]
  • scp-7711 [info]
  • scp-7808 [info]
  • scp-8863 [info]
  • scp-9225 [info]
  • scp-9914 [info]
  • scp-style-resource [info]
• ¶ 16 occurrences
  

  #breadcrumbs{
      margin: auto;
      text-align: center;
      padding-bottom: 0 !important;
  }
  
  #page-title {
      position: relative;
      text-align: center;
      border-bottom: none;
      margin-bottom: 0;
      color: #ff9800;
      padding: 0 !important;
      font-size: 3.5em !important;
  }

  Pages using this styling

  • a-hole-in-the-tapestry [info]
  • a-world-unto-yourself [info]
  • along-for-the-ride [info]
  • ascension [info]
  • ascension-hub [info]
  • dorer-dances [info]
  • forever-young [info]
  • industrial [info]
  • it-feels-like-i-only-go-backwards [info]
  • sometimes-i-wish-this-moment-could-last-forever [info]
  • the-call-to-action [info]
  • the-consequences-of-a-deep-dark-disassociation [info]
  • waiting-on-the-good-times [info]
  • we-didn-t-do-this-for-nothing [info]
  • we-meet-again [info]
  • xxxxx [info]
• ¶ 16 occurrences
  

  #extra-div-6 {
      position: fixed;
      top: 0; left: 0;
      width: 100%; height: 100%;
      -webkit-backdrop-filter: grayscale(100%);
      backdrop-filter: grayscale(100%);
      z-index: 11;
      pointer-events: none;
  }

  Pages using this styling

  • a-deed-to-be-done [info]
  • a-passing-rain [info]
  • because-i-could-not-stop-for-death [info]
  • dead-draw [info]
  • dominoes [info]
  • dragging-wheat [info]
  • expert-in-a-dying-field [info]
  • i-told-you-that-i-was-afraid [info]
  • i-want-to-believe [info]
  • scp-8062 [info]
  • scp-9771 [info]
  • sky-full-of-holes [info]
  • the-extinction-of-dr-dino [info]
  • the-wheel-is-turning-now [info]
  • the-world-kept-turning-hub [info]
  • we-will-fall-together [info]
• ¶ 15 occurrences
  

  .orderwrapper {position: relative;width: auto;text-align: center;}.council1 {position: relative;top: 0;bottom: 0;left: 0;right: 0;width: 295px;height: 295px;margin: auto;background-image: url( "https://kaktuskontainer.wdfiles.com/local--files/format-hell/scp_trans.png" );background-size: 295px 295px;background-repeat: no-repeat;background-position: center;}.ordertitle {position: absolute;left: 0;right: 0;top: 38px;}.ordertitle h1 {font-size: 220%;color: #555;}.orderdescription {position: absolute;left: 0;right: 0;top: 85px;width: 100%;}.orderdescription p {font-size: 90%;color: #555;}.orderdescription h1 {font-size: 120%;color: #555;}.itemno {position: absolute;left: 0;right: 0;bottom: 27px;}.itemno h1 {font-size: 170%;color: #555;}

  Pages using this styling

  • dog-in-sheeps-clothing [info]
  • foundation-internal-examinations-division-casefile-yykp-oyzz [info]
  • fragment:scp-5153-4 [info]
  • project-shin-seikatsu-1986 [info]
  • salazar1 [info]
  • scp-6769 [info]
  • scp-7282 [info]
  • scp-7786 [info]
  • scp-7905 [info]
  • scp-8080 [info]
  • scp-8101 [info]
  • scp-pingas-j [info]
  • scp-style-resource (2) [info]
  • so-you-ve-been-trapped-in-a-pocket-dimension-what-now [info]
  • zamadenbora [info]
• ¶ 15 occurrences
  

  /* anendlessusername's invaluable correction of the ACS octagon! */
  #page-content .quadrants > div {
      top: 2.25%;
      left: 18.5%;

  Pages using this styling

  • danimals [info]
  • fragment:9000contestfiretamer-04 [info]
  • fragment:9000contestfiretamer-10 [info]
  • fragment:9000contestfiretamer-11 [info]
  • fragment:9000contestfiretamer-12 [info]
  • fragment:target-audience-14 [info]
  • scp-5281 [info]
  • scp-5883 [info]
  • scp-6056 [info]
  • scp-6382 [info]
  • scp-6519 [info]
  • scp-6836 [info]
  • scp-6837 [info]
  • scp-7056 [info]
  • scp-8141 [info]
• ¶ 14 occurrences
  

  div#container-wrap {
      background-image: url(https://scp-wiki.wdfiles.com/local--files/grigori-karpin-s-author-page/backgroundVK-1);
  }
  :root {
      --logo-image: url("https://scp-wiki.wikidot.com/local--files/grigori-karpin-s-author-page/VKlogo-pride-Small");
      --header-title: "  Vikander-Kneed";
      --header-subtitle: "   Technical Media";
  }
  
  /* Adjust Mobile Image Size */
  @media (max-width: 479px) {
  #header {
      background-size: 100px 100px;
      background-position: 1em;
  }
  }
  

  Pages using this styling

  • scp-5571 [info]
  • scp-5681 [info]
  • scp-5897 [info]
  • scp-6123 [info]
  • scp-6301 [info]
  • scp-6677 [info]
  • scp-7007 [info]
  • scp-7756 [info]
  • scp-7796 [info]
  • scp-7830 [info]
  • scp-7861 [info]
  • scp-7889 [info]
  • scp-9007 [info]
  • vktm-is-for-the-children [info]
• ¶ 14 occurrences
  

  .page {
      display: block;
      overflow: hidden;
      font-family: "Monotype Corsiva", "Bradley Hand ITC", sans-serif;
      font-style: normal;
  
      background-attachment: scroll;
      background-clip: border-box;
      background-color: transparent;
      background-image: linear-gradient(to top ,rgb(202, 219, 228) 0%, rgb(231, 233, 220) 8%);
      background-origin: padding-box;
      background-position: 0px 8px;
      background-repeat: repeat;
      background-size: 100% 20px;
  
      border: 1px solid #CCC;
      border-radius: 10px;
      padding: 10px 10px;
      margin-bottom: 10px;
  
      box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2)
      }
  .page p {
      line-height: 20px;
      margin: 0;
  }

  Pages using this styling

  • losing-my-colors [info]
  • mister-nobody [info]
  • scp-1139-jp [info]
  • scp-3472 [info]
  • scp-3526 [info]
  • scp-4294 [info]
  • scp-4541 [info]
  • scp-4725 [info]
  • scp-4735 [info]
  • scp-4765 [info]
  • scp-4961 [info]
  • scp-7106 [info]
  • scp-pu1p-j [info]
  • veiedhimaedhr-s-author-page [info]
• ¶ 14 occurrences
  

  
  :root {
      --logo-image: url("https://scp-wiki.wikidot.com/local--files/grigori-karpin-s-author-page/Site-91%20Logo");
      --header-title: "            Site-91";
      --header-subtitle: "          Thaumaturgical Research";
  }
  
  /* Adjust Mobile Image Size */
  @media (max-width: 479px) {
  #header {
      background-size: 100px 100px;
      background-position: 1em;
  }
  }
  

  Pages using this styling

  • ee-8832 [info]
  • grigori-karpin-s-author-page [info]
  • hecatoncheires-cycle-hub [info]
  • oh-so-smart-or-oh-so-pleasant [info]
  • scp-3743 [info]
  • scp-4712 [info]
  • scp-5267 [info]
  • scp-5512 [info]
  • scp-5612 [info]
  • scp-5626 [info]
  • scp-5923 [info]
  • scp-6520 [info]
  • scp-6602 [info]
  • scp-7840 [info]
• ¶ 14 occurrences
  

  
  div#page-title::after {
    content: "by LordStonefish";
    font-size: 50%;
    color: #888;
  }
  

  Pages using this styling

  • asmr-by-dado [info]
  • ronald-reagan-cut-up-while-rapping [info]
  • scp-2302 [info]
  • scp-2432 [info]
  • scp-2714 [info]
  • scp-3520 [info]
  • scp-3643 [info]
  • scp-3672 [info]
  • scp-4012 [info]
  • scp-4302 [info]
  • scp-5401 [info]
  • scp-5598 [info]
  • scp-5753 [info]
  • the-william-penn-iteration [info]
• ¶ 13 occurrences
  

  #page-content .collapsible-block {  
    max-width: 100%;
      /* text-align: center; */
      text-align: center;
  text-color: black;
      border-color: #b01;
      border: solid 1px #b01;
      background-color: #E6DD93;
  }
  .collapsible-block-content p {
      text-align: left;
      padding-left: 5px;
      padding-right: 5px;
  }
  blockquote {
      border: 1px double #999;
      /* padding: 0 1em; */
      background-color: #f4f4f4;
  }

  Pages using this styling

  • more-of-the-world-and-its-likeness [info]
  • scp-287 [info]
  • scp-3221 [info]
  • scp-3304 [info]
  • scp-3524 [info]
  • scp-3731 [info]
  • scp-3864 [info]
  • scp-3872 [info]
  • scp-3934 [info]
  • scp-4002 [info]
  • scp-4612 [info]
  • scp-7516 [info]
  • the-world-within [info]
• ¶ 13 occurrences
  

  :root{
  --general-border-color: 50, 16, 178;
  /*scrollbar*/
      --basalt-dark-element-color: 123, 112, 229;
  /*links and highlights*/
      --basalt-bright-element-color: 33, 19, 106;
  }
  body {
      background-image: url(https://scp-wiki.wikidot.com/local--files/target-audience/Mist_bg);
      background-attachment: fixed;
      background-size: cover;
  }
  body:before {
    content: ' ';
    position: fixed;
    display: block;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(170deg, transparent, rgb(0, 0, 0) 100%, rgb(0, 0, 0) 100%, rgb(0, 0, 0) 100%);
    z-index: -1;
    color:#EDEDED;
  }
  
  /* Link colors */
  a:link {
    color: #E0E0E0;
  }
  a:visited {
    color: #E0E0E0;
  }
  a:hover {
    color: #E0E0E0;
  }
  a:active {
    color: #E0E0E0;
  }
  
  #page-content .peepoo a {
      color: #870F06;
  }
  #page-content .peepoo hr {
      border-color: #870F06;
  }
  
  #page-content a.collapsible-block-link {
      font-weight: bold;
  }
  .style05-plaintext {
    padding-right: 0.5ch;
  }

  Pages using this styling

  • fragment:target-audience-1 [info]
  • fragment:target-audience-10 [info]
  • fragment:target-audience-11 [info]
  • fragment:target-audience-12 [info]
  • fragment:target-audience-13 [info]
  • fragment:target-audience-2 [info]
  • fragment:target-audience-3 [info]
  • fragment:target-audience-4 [info]
  • fragment:target-audience-5 [info]
  • fragment:target-audience-6 [info]
  • fragment:target-audience-7 [info]
  • fragment:target-audience-8 [info]
  • fragment:target-audience-9 [info]
• ¶ 13 occurrences
  

  .footnoteref{
  color: #FF5555;
  }
  .danke{
  padding: 5px 5px 5px 15px;
  margin-bottom:10px;
  width: 100%;
  font-family: monospace;
  font-size: 1.1em; }
  
  .agent{
  background-color:#002200;
  border: 3px solid #55AA55;
  color: #77CC77;
  }
  
  .site{
  background-color:#222200;
  border: 3px solid #AAAA55;
  color: #DDDD77;
  }

  Pages using this styling

  • foundation-facilities-and-how-to-loot-them [info]
  • henzoids-author-page [info]
  • scp-2409 [info]
  • scp-2820 [info]
  • scp-4097 [info]
  • scp-4228 [info]
  • scp-4669 [info]
  • scp-4900 [info]
  • scp-5321 [info]
  • scp-pu1p-j [info]
  • the-broken-cargo [info]
  • veiedhimaedhr-s-author-page [info]
  • zamadenbora [info]
• ¶ 13 occurrences
  

  :root{
    --header-title: "BLACK AUTUMN";
    --header-subtitle: "AN S\0026 C PLASTICS HALLOWEEN SERIES";
    --lgurl: url("https://scp-wiki.wdfiles.com/local--files/black-autumn-hub/scp-halloween-alone.png");
    --accentColor: #EB6123;
  
  }
  
  div#extra-div-1 {
      filter: opacity(40%);
  }

  Pages using this styling

  • chapter-1-corvophobia [info]
  • chapter-10-a-brief-flashback [info]
  • chapter-11-equinox-s-rise [info]
  • chapter-12-autumn-s-end [info]
  • chapter-2-here-comes-the-bogeyman [info]
  • chapter-3-pictures-of-plastic-people [info]
  • chapter-4-bloody-pulps-and-vines [info]
  • chapter-5-following-the-leylines [info]
  • chapter-6-scarecrow-factory [info]
  • chapter-7-unshelved [info]
  • chapter-8-but-you-can-never-leave [info]
  • chapter-9-it-s-just-a-jump-to-the-left [info]
  • prologue-you-can-check-out-any-time-you-want [info]
• ¶ 12 occurrences
  

  /*
  This tooltip hover effect is adapted from LurkD's code on http://www.scp-wiki.net/command-query-separation
  */
  .hover {
  }
  .hover:hover {
    text-decoration: none;
      border-bottom: none;
  }
  
  .hover span {display: none;}
  .hover:hover span {
      position: absolute;
      display: inline;
      margin: -15px;
      height: auto;
      max-width: 27%;
      background: rgba(230, 230, 230, 1);
      border-style: double;
      border-color: #fff;
      border-width: thick;
      color: #fff;
      font-weight: bold;
      padding: 1em;
      border-radius: 15px 15px 0px;
  }
  .hover:hover span span {
      position: relative;
      margin: auto;
      height: auto;
      width: auto;
      border: none;
      padding: 0;
  }

  Pages using this styling

  • news-01-2021 [info]
  • news-02-2021 [info]
  • news-03-2020 [info]
  • news-04-2020 [info]
  • news-05-2020 [info]
  • news-06-2020 [info]
  • news-07-2020 [info]
  • news-08-2020 [info]
  • news-09-2020 [info]
  • news-10-2020 [info]
  • news-11-2020 [info]
  • news-12-2020 [info]
• ¶ 12 occurrences
  

  #header::before {
    background: url("http://scp-wiki.wdfiles.com/local--files/theme%3Awriting-anomalies/THX%40");
  background-size: 110px;
    background-repeat: no-repeat;
  }
  #header h1 a::before {
    content: "Secure, Contain, Protect";
  }
  
  #header h2 span::before {
    content: "SCP Foundation";
  }
  

  Pages using this styling

  • exigence [info]
  • fireknight-s-court [info]
  • fragment:scp-9924-0 [info]
  • fragment:scp-9924-1 [info]
  • fragment:scp-9924-2 [info]
  • fragment:scp-9924-3 [info]
  • fragment:scp-9924-4 [info]
  • scp-5824 [info]
  • scp-7224 [info]
  • scp-8124 [info]
  • scp-8924 [info]
  • scp-9924 [info]
• ¶ 12 occurrences
  

  :root {
      --header-title: "SITE-35";
      --header-subtitle: "SUPPORT, CONSOLE, PROTECT";
  }

  Pages using this styling

  • blackbird [info]
  • i-only-loved-the-idea-of-you [info]
  • is-this-how-we-turn-out [info]
  • merehrabs-musings [info]
  • one-side-of-an-interview-with-a-contained-anomaly [info]
  • scp-6461 [info]
  • scp-7550 [info]
  • scp-8035 [info]
  • scp-8926 [info]
  • scp-9239 [info]
  • turning-out [info]
  • you-cant-kill-the-idea-of-me [info]
• ¶ 12 occurrences
  

     #page-title::after,
      .meta-title::after,
      #page-title::before,
      .meta-title::before {
          content: "";
          flex-grow: 1;
          height: 0.0625rem;
          background: rgb(var(--swatch-primary));
      }
   
      #page-title::before,
      .meta-title::before {
          margin: auto 1.25rem auto auto;
      }

  Pages using this styling

  • and-every-time-we-meet-again-hub [info]
  • for-crimes-uncommitted [info]
  • forgotten-days [info]
  • halfway-found-halfway-lost [info]
  • ignition [info]
  • o4-s-summit [info]
  • simply-love [info]
  • somewhere-out-there [info]
  • the-beast-that-shouted-i-at-the-end-of-the-world [info]
  • the-ninth-archangel [info]
  • the-watchman [info]
  • when-the-sun-sets-for-its-thousandth-time [info]
• ¶ 12 occurrences
  

  :root {
    --logo: url(https://scp-wiki.wdfiles.com/local--files/secure-facility-dossier-site-58/58logo.png);
    --title: "SITE-58:";
    --subtitle: "BRIDGING THE GAPS BETWEEN US";
  }
  .email-example .collapsible-block-folded a.collapsible-block-link {
      animation: blink 0.8s ease-in-out infinite alternate;
  }
  @keyframes blink {
      0% { color: transparent; }
      50%, 100% { color: #b01; }
  }
  .email {border: solid 2px #000000; width: 88%; padding: 1px 15px; margin: 10px; box-shadow: 0 1px 3px rgba(0,0,0,.5)}
  .email-example a.collapsible-block-link {font-weight: bold;}
  .tofrom {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px maroon}

  Pages using this styling

  • a-brief-essay-on-human-culture [info]
  • art:enlightenment-6059-fanart [info]
  • scp-6033 [info]
  • scp-6059 [info]
  • scp-6103 [info]
  • scp-6404 [info]
  • scp-6506 [info]
  • scp-6968 [info]
  • scp-7373 [info]
  • scp-8401 [info]
  • scp-8668 [info]
  • secure-facility-dossier-site-58 [info]
• ¶ 12 occurrences
  

  div#header {
      background-image: url(https://scp-wiki.wdfiles.com/local--files/attilas-author-page/humble_logo.svg);
  }

  Pages using this styling

  • 12-angry-penguins [info]
  • attilas-author-page [info]
  • between-the-zones [info]
  • children-of-the-deep [info]
  • rush-hour [info]
  • scp-2801 [info]
  • scp-3631 [info]
  • scp-4943 [info]
  • scp-5081 [info]
  • scp-5197 [info]
  • scp-7019 [info]
  • scp-7109 [info]
• ¶ 11 occurrences
  

  .danger-diamond a {
      color: rgba(0,0,0,0) !important;
  }

  Pages using this styling

  • fragment:scp-6460-0 [info]
  • fragment:scp-6460-1 [info]
  • fragment:scp-6460-2 [info]
  • fragment:scp-9988-2 [info]
  • i-told-you-about-spirals-bro [info]
  • scp-5161 [info]
  • scp-6061 [info]
  • scp-7273 [info]
  • scp-7757 [info]
  • scp-9125 [info]
  • scp-9429 [info]
• ¶ 11 occurrences
  

  .anom-bar-container.ekhi .danger-diamond > .quadrants > .left-quad,
  .anom-bar-container.danger .danger-diamond > .quadrants > .right-quad {
      background-color:rgba(255,109,0,0.25);
      background-color: rgb(255,109,0,0.25);

  Pages using this styling

  • fragment:001-blank-i-1 [info]
  • fragment:9000contestfiretamer-04 [info]
  • fragment:9000contestfiretamer-10 [info]
  • fragment:9000contestfiretamer-11 [info]
  • fragment:9000contestfiretamer-12 [info]
  • fragment:scp-6858-offset-1 [info]
  • fragment:target-audience-14 [info]
  • scp-6382 [info]
  • scp-6955 [info]
  • scp-8141 [info]
  • scp-8282 [info]
• ¶ 11 occurrences
  

  @import url('https://fonts.googleapis.com/css?family=Cinzel');
  @import url('https://fonts.googleapis.com/css?family=Anton');
  @import url('https://fonts.googleapis.com/css?family=Pinyon+Script');
  #page-title { display: none; }
  
  /*
      The Anton font was created by Vernon Adams and is licensed under the Open Font License
      The Cinzel font was created by Natanael Gama and is licensed under the Open Font License
      The Pinyon Script font was created by Nicole Fally and is licensed under the Open Font License
  */

  Pages using this styling

  • blood-on-the-ice [info]
  • deer-college-hub [info]
  • finding-avalon [info]
  • how-did-we-get-here [info]
  • lotus-eater-ostara [info]
  • lotus-eater-pho [info]
  • miskatonic-marathon [info]
  • portlands-roller-derby [info]
  • prank-war-one [info]
  • prank-war-two [info]
  • superheroesnewnormalcy [info]
• ¶ 11 occurrences
  

  .imagediv { float: right; margin: 15px}
  @media (max-width: 540px) {
    .imagediv {
      float: none; text-align:center; margin: auto;
    }
  }
  
  div#header h1 a span {
      font-size: 0px;
  }
  div#header h1 a:before {
      content: "Area-14";
      color: #eee;
  
  }
  div#header h2 span {
      font-size:0px;
      padding: 4px;
  }
  div#header h2:after {
      content: "In the Mouth of Madness";
      font-weight: bold;
      color: #f0f0c0;
      padding: 19px 0;
      text-shadow: 1px 1px 1px rgba(0, 0, 0, .8);
      white-space: pre;
  }
  
  #header {
    background-image: url(https://scp-wiki.wdfiles.com/local--files/jerden-insignia/Area-14.png);
    background-size: 90px;
  }

  Pages using this styling

  • alex-thorley-confuses-a-guy [info]
  • koths-korner [info]
  • moving-pieces [info]
  • scp-4820 [info]
  • secure-facility-dossier-area-14 [info]
  • the-curse-of-mount-abraxas [info]
  • the-drooling-path [info]
  • the-drooling-path-part-2 [info]
  • the-drooling-path-part-3 [info]
  • the-drooling-path-part-4 [info]
  • the-drooling-path-part-5 [info]
• ¶ 11 occurrences
  

  :root {
      --timeScale: 1.5;
      --timeDelay: 0.5s;
  }

  Pages using this styling

  • a-date-which-will-live-in-infamy [info]
  • reintegration-aptitude-test-2022 [info]
  • scp-5489 [info]
  • scp-5578 [info]
  • scp-5674 [info]
  • scp-6736 [info]
  • scp-6737 [info]
  • scp-6738 [info]
  • scp-7511 [info]
  • to-the-office-of-thandiwe-tau [info]
  • welcome-to-the-last-frontier [info]
• ¶ 11 occurrences
  

  @import url('https://fonts.googleapis.com/css2?family=Caveat:wght@700&display=swap');

  Pages using this styling

  • 10-under-new-direction [info]
  • 11-turnover [info]
  • 2-the-mausoleum-at-ipperwash [info]
  • 22-borrowing-trouble [info]
  • 4-granularity [info]
  • 5-the-mourning-after [info]
  • 6-on-reflection [info]
  • 7-beyond-repair [info]
  • 8-mind-over-matter [info]
  • 9-transition [info]
  • graveyard-shift [info]
• ¶ 10 occurrences
  

   :root{
     --header-title: "SCP FOUNDATION";
     --header-subtitle: "Site-400";
     --lgurl: url(https://scp-wiki.wdfiles.com/local--files/secure-facilities-locations/Site-400.svg);
  }
  .footnotes-footer {
      visibility: hidden;
      height: 0;
      padding: 0;
      margin: 0;
  }

  Pages using this styling

  • scp-12954-j [info]
  • scp-5438 [info]
  • scp-6562 [info]
  • scp-7170 [info]
  • scp-7417 [info]
  • scp-7520 [info]
  • scp-7571 [info]
  • scp-7617 [info]
  • scp-7872 [info]
  • scp-7917 [info]
• ¶ 10 occurrences
  

  :root {
      --timeScale: -0.5;
      --timeDelay: 0s;
  }

  Pages using this styling

  • fragment:scp-6460-0 [info]
  • fragment:scp-6460-1 [info]
  • fragment:scp-6460-2 [info]
  • fragment:scp-9988-2 [info]
  • i-told-you-about-spirals-bro [info]
  • scp-5161 [info]
  • scp-6254 [info]
  • scp-7757 [info]
  • scp-9125 [info]
  • scp-9429 [info]
• ¶ 10 occurrences
  

  
  .memo {
      background: #edf5f3;
      font-family: 'Work Sans', sans-serif;
      box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
      width: 90%;
      min-height: 4rem;
      max-height: 100rem;
      margin-left: auto;
      margin-right: auto;
      text-align: center;
      padding: 10px 20px 20px 20px;
      word-break: break-word;
  }
  
  .email-example a {
      animation: blink 0.8s ease-in-out infinite alternate;
  }
  @keyframes blink {
      0% { color: transparent; }
      50%, 100% { color: #b01; }
  }
  .email {border: solid 2px #000000; width: 88%; padding: 1px 15px; margin: 10px; box-shadow: 0 1px 3px rgba(0,0,0,.5)}
  .email-example a.collapsible-block-link {font-weight: bold;}
  .tofrom {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px maroon}

  Pages using this styling

  • fragment:8000contestampyrsand-2 [info]
  • fragment:scp-6460-0 [info]
  • fragment:scp-6460-1 [info]
  • fragment:scp-6460-2 [info]
  • i-told-you-about-spirals-bro [info]
  • scp-5161 [info]
  • scp-7757 [info]
  • scp-8844 [info]
  • scp-9125 [info]
  • scp-9429 [info]
• ¶ 10 occurrences
  

  
  div.terminal{
      border: 1px solid black;
      border: solid 3px #BBBBBB;
      border-radius: 16px;
      background-color: #131;
      /* black shadow at the top of the terminal */
      background-image:
          radial-gradient(ellipse 1000% 100% at 50% 90%, transparent, #121);
      background-position: center;
      display: block;
      /* shadow around the terminal */
      box-shadow: inset 0 0 10em 1em rgba(0,0,0,0.5);
      /* prevents scanline from forming a scrollwheel */
      overflow:hidden;
  }
  div.terminal blockquote {
      background-color: black;
      border: double 3px #80FF80
  }
  div.scanline{
      margin-top: -40%;
      width: 100%;
      height: 60px;
      position: relative;
      pointer-events: none;
      /* Safari 4.0 - 8.0 */
      -webkit-animation: scan 12s linear 0s infinite; /* You may need to change this. If the bar goes by too quickly, increase 5s. */
      animation: scan 12s linear 0s infinite; /* Same as above */
      background: linear-gradient(to bottom, rgba(56, 112, 82,0), rgba(56, 112, 82,0.1)) !important;
  }
  
  div.text{
      color: rgba(128,255,128,0.8);
      padding: 40% 2em 0;
      font-family: monospace;
      font-size: 1.0em;
  }
  
  /* Safari 4.0 - 8.0 */
  @-webkit-keyframes scan{
      from{ transform: translateY(-10%);}
      to{  transform: translateY(5000%);} /* You may need to change this depending on the length of your terminal. If the scanline stops halfway, increase the second number.*/
  }
  
  @keyframes scan{
      from{ transform: translateY(-10%);}
      to{  transform: translateY(5000%);} /* Same as above.*/
  }
  
  div.text a {
      color: #90EE90;
      text-decoration: none;
      background: transparent;
  }
  div.text a.newpage {
      color: #90EE90;
      text-decoration: none;
      background: transparent;
  }
  div.text a:hover {
      color: #131;
      text-decoration: underline;
      background-color: #80FF80;
      padding: 1px;
  }
  div.text a:hover::before{
      content: "> ";
  }
  
  .danke {
      padding: 5px;
      margin-bottom:10px;
      font-family: monospace;
      font-size: 1.1em;
  }
  
  .agent {
      background-color:#002200;
      border: 3px solid #55AA55;
      color: #77CC77;
  }
  
  .site {
      background-color:#222200;
      border: 3px solid #AAAA55;
      color: #DDDD77;
  }

  Pages using this styling

  • fragment:8000contestampyrsand-10 [info]
  • fragment:8000contestampyrsand-5 [info]
  • fragment:scp-6460-0 [info]
  • fragment:scp-6460-1 [info]
  • fragment:scp-6460-2 [info]
  • i-told-you-about-spirals-bro [info]
  • scp-5161 [info]
  • scp-7757 [info]
  • scp-9125 [info]
  • scp-9429 [info]
• ¶ 10 occurrences
  

  /* New paper class */
   
  div.paper {
      background: linear-gradient(rgba(220, 240, 240, 0.3), rgba(240, 240, 220, 0.5)), url("https://scp-wiki.wdfiles.com/local--files/theme:unusual-Cargo/TOAST-PAPER.jpg");
      box-shadow: 4px 6px 8px #a98;
      padding: 1em .5em 1em .5em;
      display: block;
      margin-block-start: 1em;
      margin-block-end: 1em;
      margin-inline-start: 40px;
      margin-inline-end: 40px;
      font-family: "Monotype Corsiva", "Bradley Hand ITC", sans-serif;
      font-size: 140%;
  }
   
  @media (max-width: 478px) {
      div.paper {
      margin-inline-start: 0px;
      margin-inline-end: 0px;
      margin-block-start: 0em;
      margin-block-end: 0em;
      Margin: .5em 0em .5em 0em;
      }
  }
  
  
  
  
  
  
  
  div.paper2 {
      border: none;
      padding: .5em;
      font-family: "Monotype Corsiva", "Bradley Hand ITC", sans-serif;
      font-size: 140%;
      box-shadow: 4px 6px 8px #a98;
      background: linear-gradient(rgba(255, 255, 245, 0.3), rgba(245, 230, 205, 0.5)), url("https://scp-wiki.wdfiles.com/local--files/theme:unusual-cargo/TOAST-PAPER.jpg");
  }

  Pages using this styling

  • fragment:8000contestampyrsand-10 [info]
  • fragment:8000contestampyrsand-4 [info]
  • fragment:8000contestampyrsand-5 [info]
  • fragment:scp-6460-0 [info]
  • fragment:scp-6460-1 [info]
  • fragment:scp-6460-2 [info]
  • i-told-you-about-spirals-bro [info]
  • scp-5161 [info]
  • scp-9125 [info]
  • scp-9429 [info]
• ¶ 10 occurrences
  

  sup { 
  vertical-align: top; position: relative; top: -0.5em; 
  }

  Pages using this styling

  • dogs-of-war [info]
  • essays-by-a-hack-terror [info]
  • oh-seventy-six [info]
  • project-hellhound [info]
  • scp-2117 [info]
  • scp-4154 [info]
  • scp-4376 [info]
  • scp-4534 [info]
  • your-very-first-scp [info]
  • your-very-last-scp [info]
• ¶ 10 occurrences
  

  /* HEADER */
   :root{
     --header-title: "The Avian Division";
     --header-subtitle: "Until we return to The Nest";
     --lgurl: url(https://scp-wiki.wdfiles.com/local--files/bird/avdiv_white.png);
  }
  
   div#container-wrap{
       background-image: url(https://scp-wiki.wikidot.com/local--files/bird/avdiv_body_bg.png);
  }
  
   #header h1 a::before,
   #header h2::before{
       font-family: "Verdana", sans-serif;
  }
  
   #page-title{
       color: hsl(45, 98%, 28%);
  }
  
  /* PAGE RATING */
   .page-rate-widget-box .rate-points{
       background: hsl(45, 89%, 40%) !important;
       border: 1px solid hsl(45, 89%, 40%);
  }
  
   .page-rate-widget-box .rateup,
   .page-rate-widget-box .ratedown{
       background: hsl(45, 100%, 97%);
       border-color: hsl(45, 89%, 40%);
  }
  
   .page-rate-widget-box .cancel{
       background: hsl(45, 89%, 40%);
       border: 1px solid hsl(45, 89%, 40%);
  }
  
   .page-rate-widget-box .rateup a,
   .page-rate-widget-box .ratedown a{
       color: hsl(45, 89%, 40%);
  }
  
   .page-rate-widget-box .cancel a{
       color: hsl(45, 76%, 67%);
  }
  
   .page-rate-widget-box .rateup a:hover,
   .page-rate-widget-box .ratedown a:hover{
       background: hsl(45, 89%, 40%);
  }
  
   .page-rate-widget-box .cancel a:hover{
       color: hsl(45, 100%, 97%);
       background: hsl(45, 89%, 40%);
  }
  
  /* DIV BLOCKS */
   .series-nav{
       background:
          linear-gradient(
            to bottom right,
            hsla(0, 0%, 100%, 1),
            hsla(45, 100%, 55%, .5));
  }

  Pages using this styling

  • chasing-suns [info]
  • document-recovered-from-a-parallel-universe [info]
  • down-through [info]
  • forgotten-shrine [info]
  • scp-3362 [info]
  • scp-4248 [info]
  • tales-of-the-automaton-the-big-birdocalypse [info]
  • three-feet-under-i [info]
  • three-feet-under-ii [info]
  • three-feet-under-iii [info]
• ¶ 10 occurrences
  

   div#header h1{
       top: 20px;
       background: url(https://scp-wiki.wikidot.com/local--files/the-smell-of-cellulose/parajack.png) no-repeat;
  }

  Pages using this styling

  • baby-don-t-hurt-me [info]
  • dark-stuff-for-sleepless-nights [info]
  • making-weight [info]
  • online-dating [info]
  • say-cheese [info]
  • smoking-on-company-time [info]
  • the-grown-up [info]
  • the-mind-as-a-canopic-jar [info]
  • the-smell-of-cellulose [info]
  • tube-slides [info]
• ¶ 10 occurrences
  

  
  .collection .collapsible-block-unfolded-link a , .collection .collapsible-block-folded a {
  background-color: #c8e293 !important;
  color: #665731 !important;
  }
  
  .titlecolumn {
  background-color: #c8e293 !important;
  color: #665731 !important;
  }
  
  .namerow {
  background-color: #c8e293 !important;
  color: #665731 !important;
  }
  
  .namerow a {
    color: #148c14 !important;
  }
  

  Pages using this styling

  • adoption-poster-bandit [info]
  • adoption-poster-darius [info]
  • critter-profile-chuck [info]
  • critter-profile-jerry [info]
  • critter-profile-maya [info]
  • critter-profile-slappy [info]
  • peligro-hipopotamos-de-medellin [info]
  • shape-shift-with-me [info]
  • tyler [info]
  • wilsons-orientation [info]
• ¶ 10 occurrences
  

  #page-title {
    display: none;
  }
  .meta-title {
    border-bottom: solid 1px #bbbbbb;
    color: #990011;
    font-weight: normal;
    margin: 0 0 0.6em;
    padding: 0 0 0.25em;
    font-size: 200%;
  }
  .meta-title p {
    margin: 0;
  }

  Pages using this styling

  • a-tale-about-petty-revenge [info]
  • asset-florida-orange [info]
  • asset-florida-zero [info]
  • dmv-hell [info]
  • omega-k-049 [info]
  • project-proposal-2014-1221 [info]
  • scp-4206 [info]
  • scp-801-ko [info]
  • scp-8725 [info]
  • scp-8755 [info]
• ¶ 9 occurrences
  

  sup {
  vertical-align: top; position: relative; top: -0.5em;
  }
  :root{
  --cutColour: #fafafa;
  --barColour: #590505;
  }
  .translation_block{
  display:none;}
  
  #page-content .info-container {
      --link-color: rgb(var(--swatch-text-general));
  }
  
  #page-content .info-container .translation_block {
      display: none;
  }
  
  #page-content .info-container .collapsible-block-link,
  #page-content .info-container:hover .collapsible-block-link {
      line-height: 1.6em;
  }
  
  #page-content .info-container .collapsible-block-folded,
  #page-content .info-container .collapsible-block-unfolded-link {
      display: grid;
  }
  
  #page-content .info-container .collapsible-block-folded .collapsible-block-link,
  #page-content .info-container .collapsible-block-link {
      -webkit-mask: unset;
              mask: unset;
      background: transparent;
      grid-column: 1;
      grid-row: 1;
      opacity: 0;
  }
  
  #page-content .info-container .collapsible-block-folded::before,
  #page-content .info-container .collapsible-block-unfolded-link::before {
      --wght: 800;
      content: "Fantem";
      color: #FFFFFF;
      font-family: Inter, Arimo, Verdana, Geneva, "Helvetica Neue", "Helvetica", Arial, sans-serif;;
      display: block;
      pointer-events: none;
      grid-column: 1;
      grid-row: 1;
  }
  
  .pulsate {
      -webkit-animation: pulsate 1s linear;
      -webkit-animation-iteration-count: infinite;
  }
  @-webkit-keyframes pulsate {
    0% {
      opacity:1;
    }
    25% {
      opacity:.20;
    }
    50% {
      opacity:.9;
    }
    70% {
      opacity:.05;
    }
    85% {
      opacity:.05;
    }
  }

  Pages using this styling

  • pissweed [info]
  • scp-1619 [info]
  • scp-1903 [info]
  • scp-1913 [info]
  • scp-2746 [info]
  • scp-2792 [info]
  • scp-2999 [info]
  • scp-3998 [info]
  • scp-6167 [info]
• ¶ 9 occurrences
  

  /* isolates wideness to this class */
  .widebox {
     width: 99.3vw;
     max-width: 100vw !important;
     position: relative;
     left: calc(-49.65vw + 50%);
  }
  /* centers page title */
  #page-title {
    text-align: center;
  }
  
  /* destroys the second brazil in the page */
  #page-content p br:nth-child(2) {
    display: none;
  }

  Pages using this styling

  • peanut-gallery [info]
  • scp-173-redesign-collab-hub-subpage-1 [info]
  • scp-173-redesign-collab-hub-subpage-2 [info]
  • scp-173-redesign-collab-hub-subpage-3 [info]
  • scp-173-redesign-collab-hub-subpage-4 [info]
  • scp-173-redesign-collab-hub-subpage-5 [info]
  • scp-173-redesign-collab-hub-subpage-6 [info]
  • scp-173-redesign-collab-hub-subpage-7 [info]
  • scp-173-redesign-collab-hub-subpage-8 [info]
• ¶ 9 occurrences
  

  /*
  This tooltip hover effect is adapted from LurkD's code on https://scp-wiki.wikidot.com/command-query-separation
  */
  .hover {
  }
  .hover:hover {
    text-decoration: none;
      border-bottom: none;
  }
  
  .hover span { display: none;}
  .hover:hover span {
      position: absolute;
      display: inline;
      margin: -5px;
      height: auto;
      width: auto;
      background: rgba(245, 245, 245, 0.95);
      border-style: double;
      border-color: #fff;
      color: #b01;
      font-weight: bold;
      padding: 1em;
  }
  .hover:hover span span {
      position: relative;
      margin: auto;
      height: auto;
      width: auto;
      border: none;
      padding: 0;
  }

  Pages using this styling

  • news-01-2020 [info]
  • news-02-2019 [info]
  • news-02-2020 [info]
  • news-06-2019 [info]
  • news-08-2019 [info]
  • news-09-2019 [info]
  • news-10-2019 [info]
  • news-11-2019 [info]
  • news-12-2019 [info]
• ¶ 9 occurrences
  

  
  #header h2 span {
      display: block;
      margin: 0;
      padding: 19px 0;
      line-height: 0px;
      max-height: 0px;
      font-weight: bold;
      color: transparent;
      text-shadow: none;
  }
  
  #header {
      background-image: url(https://scp-wiki.wdfiles.com/local--files/news/SCPNewsLogo);
  }
  
  #header h2 span::before {
      color: #eee;
      font-weight: bold;
      color: #f0f0c0;
      text-shadow: 1px 1px 1px #000;
      text-shadow: 1px 1px 1px rgba(0,0,0,.8);
      content: 'Site Correspondence Periodical';
  }

  Pages using this styling

  • news-01-2020 [info]
  • news-02-2020 [info]
  • news-06-2019 [info]
  • news-07-2019 [info]
  • news-08-2019 [info]
  • news-09-2019 [info]
  • news-10-2019 [info]
  • news-11-2019 [info]
  • news-12-2019 [info]
• ¶ 9 occurrences
  

  .info-container{
  --barColour: #263571;
  --linkColour: #fff;
  }
  .info-container .collapsible-block-content > div:nth-child(1) > p {
      margin: 0.5em;
  }
  .info-container #u-author_block, .info-container .translation_block{
   display: none;
  }

  Pages using this styling

  • fragment:infamy-1 [info]
  • reintegration-aptitude-test-2022 [info]
  • scp-5489 [info]
  • scp-5578 [info]
  • scp-6736 [info]
  • scp-6737 [info]
  • scp-6738 [info]
  • to-the-office-of-thandiwe-tau [info]
  • welcome-to-the-last-frontier [info]
• ¶ 9 occurrences
  

  /*
      BLANKSTYLE CSS
      [2021 Wikidot Theme]
      By Placeholder McD and HarryBlank
      Based on:
         Paperstack Theme by EstrellaYoshte
         Penumbra Theme by EstrellaYoshte
  */
   
  @import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,800;1,800&display=swap');
   
  #page-content { font-size: .9rem; }
   
  #main-content {
      top: -1.6rem;
      padding: 0.2em;
  }
   
  div#container-wrap {
       background-image: none;
  }
   
  div#header {
      background-image: none;
  }
   
  #header h1, #header h2 { margin-left: 0; float: none; text-align: center; }
  #header h2 { margin-top: 0.5rem; }
  #header h1 span, #header h2 span { font-size: 0; display: none;}
  #header h1 a::before, #header h2::before {
      color: #000;
      letter-spacing: 1px;
      font-family: 'Montserrat', sans-serif !important;
      text-shadow: none;
  }
   
  #header h1 a::before {
    content: var(--header-title, "SCP Foundation");
    font-weight: 400;
    font-size: 1.3em;
  }
   
  #header h2::before {
    content: var(--header-subtitle, "SECURE, CONTAIN, PROTECT.");
    font-weight: 700;
    font-size: 1.2em;
  }
   
  @media (max-width: 707px) {
      #header h1 a::before {
          font-size: 1.6em;
      }
  }
   
  #login-status,
  #login-status a {
      color: #333333;
  }
   
  #page-title {
      display: none;
  }
   
  #footer, #footer a {
      background: transparent;
      color: #333333;
  }
   
  #search-top-box-input,
  #search-top-box-input:hover,
  #search-top-box-input:focus,
  #search-top-box-form input[type=submit],
  #search-top-box-form input[type=submit]:hover,
  #search-top-box-form input[type=submit]:focus {
      border: none;
      background: #333333;
      box-shadow: none;
      border-radius: 0px;
      color: #efefef;
  }
   
  #search-top-box input.empty {
      color: #999999;
  }
   
  #search-top-box {
      top: 2.3rem!important;
      right: 8px;
  }
   
  #top-bar { 
     display: flex;
     justify-content: center;
     right: 0;
     top: 7.9rem;
  }
   
  #top-bar, #top-bar a {
      color: #333333;
  }
   
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
      font-family: 'Montserrat', sans-serif;
      color: #000;
      letter-spacing: 1px;
  }
   
  h1 {
      font-size: 2em;
  }
   
  h2 {
      font-size: 1.45em;
  }
   
  div#extra-div-1 {
      height: 180px;
      width: 100%;
      top: 0;
      position: absolute;
      background: url('https://i.imgur.com/jXnl8Pl.png');
      background-size: contain;
      background-repeat: no-repeat;
      background-position: 50% 50%;
      z-index: -1;
  }
   
  @media (max-width: 707px) {
      div#extra-div-1 {
          top: 15px;
      }
  }
   
  body {
      background-image: linear-gradient(
          to bottom,
          #e0e0e0, #e0e0e0 90px,
          #e0e0e0 90px, #ffffff 200px,
          #ffffff 200px, #ffffff 100%);
      background-repeat: no-repeat;
  }
   
  :root {
    --timeScale: 1.5;
    --timeDelay: 1.5s;
    --posX: calc(50% - 358px - 13rem);
    --fnLinger: 1s;
  }
   
  #page-content hr {
      background-color: #000;
  }
   
  #page-content tr th {
      padding: 6px;
      border: #000 1px solid;
  }
   
  #page-content tr td {
      padding: 12px;
      border: #000 1px solid;
      line-height: 1.4;
  }
   
  #page-content .sidebox tr td, 
  #page-content .sidebox tr th {
      padding: 0.35em;
  }
   
  #side-bar {
      border-right: 1px solid #333;
      background: #DDD;
  }
   
  #side-bar .side-block {
      border: 1px solid #333;
      border-radius: 0;
      box-shadow: none;
  }
   
  #top-bar div.open-menu a {
      border: 1px solid #333;
      border-radius: 0;
      box-shadow: none;
  }
   
  @media (max-width: 767px) {
      #side-bar:target {
          border: 1px black;
          box-shadow: none;
      }
  }
   
  #side-bar .side-block {
      border: 1px solid #333;
      border-radius: 0;
      box-shadow: none;
      background-color: #FDF6D7;
  }
  #side-bar .side-block.media {
      background-color:#D7EFE7;
  }
  #side-bar .side-block.resources {
      background-color:#F5D8E0;
  }
   
  #page-content .creditRate{
      margin: unset;
      margin-bottom: 4px;
  }
  #page-content .rate-box-with-credit-button {
      background-color: #ffffff;
      border: solid 1px #000;
      box-shadow: none;
      border-radius: 0;
  }
   
  #page-content .rate-box-with-credit-button .fa-info {
      border: none;
      color: #333333;
  }
   
  #page-content .rate-box-with-credit-button .fa-info:hover {
      background: #333333;
      color: #ffffff;
  }
   
  .rate-box-with-credit-button .cancel {
      border: solid 1px #ffffff;
  }
   
  /* ---- PAGE RATING ---- */
   
  .page-rate-widget-box {
      box-shadow: none;
      border: solid 1px #000;
      margin: unset;
      margin-bottom: 4px;
      border-radius: 0;
  }
   
  div.page-rate-widget-box .rate-points {
      background-color: #ffffff;
      color: #333333;
      border: none;
      border-radius: 0;
  }
  .page-rate-widget-box .rateup,
  .page-rate-widget-box .ratedown {
      background-color: #ffffff;
      border-top: none;
      border-bottom: none;
  }
   
  .page-rate-widget-box .rateup a,
  .page-rate-widget-box .ratedown a {
      background: transparent;
      color: #333333;
  }
   
  .page-rate-widget-box .rateup a:hover,
  .page-rate-widget-box .ratedown a:hover {
      background: #333333;
      color: #ffffff;
  }
   
  .page-rate-widget-box .cancel {
      background: transparent;
      background-color: #ffffff;
      border: none;
      border-radius: 0;
  }
   
  .page-rate-widget-box .cancel a {
      color: #333333;
  }
  .page-rate-widget-box .cancel a:hover {
      background: #333333;
      color: #ffffff;
      border-radius: 0;
  }
  #page-content .rate-box-with-credit-button .page-rate-widget-box { border: none; }
   
  .anchor {
      position: sticky;
      height:0;
      top: 0;
  }
  .sidebox {
      padding: .14rem;
      margin-top: 0;
      margin-bottom: 8px;
      width: calc((100vw - 870px)/2);
      max-height: calc(100vh - 18rem);
      position: absolute;
      top: 0;
      left: 103.5%;
      z-index: 5;
      overflow: auto;
      box-sizing: border-box;
  }
  @media (max-width: 1290px) {
      .sidebox {
          display: none;
          visibility: hidden;
      }
   
      #header h2::before {
          font-size: 0.9em !important;
      }
  }
   
  .scp-image-block {
      box-shadow: none;
  }
   
  /* ---- 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 ----*/
   
   .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: #333333;
       box-shadow: none;
  }
   .yui-navset .yui-nav a, /* ---- Link Modifier ---- */
   .yui-navset .yui-navset-top .yui-nav a{
       color: #333333;
      /* ---- Tab Background Colour | [UNSELECTED] ---- */
       background-color: #efefef;
       border: unset;
       box-shadow: none;
       box-shadow: none;
  }
   .yui-navset .yui-nav a:hover,
   .yui-navset .yui-nav a:focus{
       color: #ffffff;
      /* ---- Tab Background Colour | [HOVER] ---- */
       background-color: #333333;
  }
   .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;
       color: #ffffff;
       background-color: #ffffff;
       border-color: transparent;
       box-shadow: none;
  }
   .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: #333333;
  }
   .yui-navset .yui-nav .selected a,
   .yui-navset .yui-nav .selected a em{
       border: none;
  }
   .yui-navset .yui-nav .selected a{
       width: 100%;
       color: #ffffff;
  }
   .yui-navset .yui-nav .selected a:focus,
   .yui-navset .yui-nav .selected a:active{
       color: #ffffff;
       background-color: #333333;
  }
   .yui-navset .yui-content {
      background-color: #ffffff;
      box-shadow: none;
  }
   .yui-navset .yui-content,
   .yui-navset .yui-navset-top .yui-content{
      padding: .5em;
      border: 1px solid #333;
      box-sizing: border-box;
  }
   
  /*---- SCROLLBAR ----*/
   
  ::-webkit-scrollbar {
      width: 10px;
  }
   
  ::-webkit-scrollbar-track {
      background: #FFF;
      border-left: 1px solid #333;
  }
   
  ::-webkit-scrollbar-thumb {
       background: #CCC;
       border: #333 1px solid;
  }
   
  ::-webkit-scrollbar-thumb:hover {
       background: #EEE;
  }
   
  /*---- CENTER IMAGES ON MOBILE courtesy of EstrellaYoshte and PeppersGhost ----*/
   
  .imagediv {
      float: right;
      margin: 15px
  }
   
  @media (max-width: 540px) {
    .imagediv {
      float: none;
      text-align:center;
      margin: auto;
    }
  }
   
  @media only screen and (max-width: 600px) {
      .scp-image-block.block-right{
          float: none;
          margin: 10px auto;
      }
  }
   
  /*---- ACS-COLORED TABLE DIVS ----*/
   
  #page-content .table1 tr th,
  #page-content .table1 .scp-image-block .scp-image-caption {
      background-color: #D7EFE7;
  }
   
  #page-content .table2 tr th,
  #page-content .table2 .scp-image-block .scp-image-caption {
      background-color: #D8ECF4;
  }
   
  #page-content .table3 tr th,
  #page-content .table3 .scp-image-block .scp-image-caption {
      background-color: #FDF6D7;
  }
   
  #page-content .table4 tr th,
  #page-content .table4 .scp-image-block .scp-image-caption {
      background-color: #FFDABF;
  }
   
  #page-content .table5 tr th,
  #page-content .table5 .scp-image-block .scp-image-caption {
      background-color: #F5D8E0;
  }
   
  #page-content .table6 tr th,
  #page-content .table6 .scp-image-block .scp-image-caption {
      background-color: rgba(146, 0, 255, 0.2);
  }
   
  .tableb .wiki-content-table {
      border-collapse: separate;
      border-spacing: 2px;
  }
   
  .tableb .scp-image-block {
      border: none;
  }
   
  .tableb .scp-image-block img {
      border: #000 1px solid;
      box-sizing: border-box;
  }
   
  .tableb .scp-image-block .scp-image-caption {
      margin-top: 2px;
      border: #000 1px solid;
      box-sizing: border-box;
  }
   
  .top-left-box > .item {
    display: none;
  }
   
  /* ---- WORDS NO LONGER BROKEN, THE CROQUEMBOUCHE HAS SPOKEN ---- */
  span, a { word-break: normal !important }
   
  .avatar-hover { display: none !important; }
   
  #breadcrumbs, .pseudocrumbs {
      text-align: center;
      padding-top: 10px;
  }
   
  #main-content .page-tags span {
      max-width: 100%;
  }
   
  /* -- FANCY THINGS from Woedenaz's Dustjacket Theme -- */
   
  .fancyhr hr {
      border-top: 2vw solid transparent;
      background-color: rgba(var(--bright-accent), 0);
      height: 0;
      box-sizing: border-box;
      border-image-source: url('https://wanderers-library.wikidot.com/local--files/component:dustjacket-theme/wl_hr.png');
      border-image-repeat: round round;
      background: none;
      border-image-slice: 80 500 80 500 fill;
      border-image-width: 10em 80em 10em 80em;
  }
   
  .fancyborder {
      box-sizing: border-box;
      border: 2vw solid rgba(0,0,0,0.5);
      border-image: url('https://wanderers-library.wikidot.com/local--files/component:dustjacket-theme/wl_border.png') 600 round;
      border-image-width: 6;
      padding: 2vw;
  }

  Pages using this styling

  • fragment:8000contestampyrsand-1 [info]
  • fragment:8000contestampyrsand-10 [info]
  • fragment:8000contestampyrsand-2 [info]
  • fragment:8000contestampyrsand-4 [info]
  • fragment:8000contestampyrsand-7 [info]
  • fragment:scp-9988-2 [info]
  • scp-5161 [info]
  • scp-6234 [info]
  • scp-6254 [info]
• ¶ 9 occurrences
  

  @import url('https://fonts.googleapis.com/css?family=Ruslan+Display');
  .shadow {
      font-family: 'Ruslan Display', cursive;
      font-size: 110%;
  }

  Pages using this styling

  • black-white-and-red [info]
  • i-didn-t-forget-pt-11-the-jailors [info]
  • i-didn-t-forget-pt-14-containment-cell-84 [info]
  • jolly-cooperation [info]
  • light-and-the-mole [info]
  • pigs-is-pigs [info]
  • scp-4230 [info]
  • scp-7114 [info]
  • the-raven-of-cyberspace [info]
• ¶ 9 occurrences
  

  #page-title { display: none; }

  Pages using this styling

  • anthology-2023-hub [info]
  • clash-of-the-cosmic-comedians [info]
  • cycle-of-seasons-hub [info]
  • leviathan-spawn [info]
  • new-atlantis [info]
  • revolution-earth [info]
  • rich-man-s-world [info]
  • scp-011-de [info]
  • what-s-the-deal [info]
• ¶ 9 occurrences
  

  :root {
  --header-title: "The Man Who Stood Alone";
  --header-subtitle: "The Bell Tolls For Us All";
  --lgurl: url('	http://scp-wiki.wikidot.com/local--files/after-action-report-operation-thermopylae/SCP.png');
  }

  Pages using this styling

  • after-action-report-operation-thermopylae [info]
  • charlie-don-t-surf [info]
  • fresh-fish [info]
  • hard-boiled [info]
  • operation-galvanic-ukulele [info]
  • personnel-expendable-part-i [info]
  • personnel-expendable-part-ii [info]
  • the-area10-massacre [info]
  • the-man-who-stood-alone-hub [info]
• ¶ 9 occurrences
  

  @import url('https://fonts.googleapis.com/css?family=Ruslan+Display');
  .shadow {
      font-family: 'Ruslan Display', cursive;
      font-size: 120%;
      line-height: 0.4;

  Pages using this styling

  • a-funny-thing-happened-on-the-way-to-the-manor [info]
  • a-study-in-cinnabar [info]
  • guilt-trip [info]
  • old-faces-new-foes [info]
  • old-friends-old-sins [info]
  • quarantine-blues [info]
  • resurrection-his-will-be-done-hub [info]
  • scp-093-orange-test [info]
  • the-specter-and-the-orphan-crusher [info]
• ¶ 9 occurrences
  

  :root {
      --header-title: "RCT-Δt";
      --header-subtitle: "Secure the Past. Contain the Present. Protect the Future.";
  --logo-image: url("http://scp-wiki.wdfiles.com/local--files/welcome-to-delta-t/Delta-t-transparent.png");`

  Pages using this styling

  • 20-goto-10 [info]
  • erstwhile-and-again [info]
  • exit-history [info]
  • fragment:scp-7312-3 [info]
  • iteration-0 [info]
  • scp-1297 [info]
  • set-up-thine-altar-here [info]
  • the-deep-end [info]
  • the-kitchen-sink [info]
• ¶ 8 occurrences
  

  @import url("https://nu-scptheme.github.io/Black-Highlighter/stable/styles/normalize.min.css");
  @import url("https://nu-scptheme.github.io/Black-Highlighter/stable/styles/black-highlighter.min.css");

  Pages using this styling

  • theme:angel [info]
  • theme:borealis-constant-theme [info]
  • theme:caretaker-theme [info]
  • theme:minimalist-bhl [info]
  • theme:telecommunications-monitoring-office-theme [info]
  • theme:the-coalition-theme [info]
  • theme:vanguard [info]
  • theme:war-on-all-fronts-bhl [info]
• ¶ 8 occurrences
  

  #header {
    background-image: url(http://scp-wiki.wdfiles.com/local--files/this-page-intentionally-left-blank/43pride.png)
  }

  Pages using this styling

  • scp-5382 [info]
  • scp-5494 [info]
  • scp-5496 [info]
  • scp-5520 [info]
  • scp-5751 [info]
  • scp-5866 [info]
  • scp-5977 [info]
  • the-time-after-time-password-hub [info]
• ¶ 8 occurrences
  

  
  :root{
       --titleColor: hsl(0, 0%, 95%);
       --subtitleColor: hsl(60, 62%, 85%);
       --lgurl: url(https://cdn.discordapp.com/attachments/689304077280215107/1021632930273054780/unknown.png);
  }
  
   #header::before{
       position: absolute;
       width: 100%;
       height: 100%;
       content: "";
   
       background-image: var(--lgurl);
       background-position: center top;
       background-repeat: no-repeat;
       background-size: auto 8.5em;
       margin-top: 0.5em;
       opacity: .46;
  }
   
  #header h1 a::before {
      content: var(--header-title, "SCP Foundation");
  }
  
  #header h2::before {
      content: var(--header-subtitle, "Secure, Contain, Protect");
  }
  
  #header h1 a::before{
       text-shadow: 4px 4px 4px hsla(0, 0%, 0%, .8);
  }
  
   #header h2::before{
       text-shadow: 3px 3px 3px hsla(0, 0%, 0%, .9);
  }
  
   #header h1 a::before{
       font-family: BauhausLTDemi, 'Nanum Gothic', Arial, sans-serif;
       font-size: 115%;
  }
  
   #header h2::before{
       font-family: 'Trebuchet MS', Arial, sans-serif;
  }
  

  Pages using this styling

  • scp-5130 [info]
  • scp-5330 [info]
  • scp-5417 [info]
  • scp-5575 [info]
  • scp-5959 [info]
  • scp-6207 [info]
  • scp-6615 [info]
  • scp-6741 [info]
• ¶ 8 occurrences
  

  div#header h1 a span {
      font-size: 0px;
  }
  div#header h1 a:before {
      content: "Site-106";
      color: #eee;
      font-family: jostregular;    
  }
  div#header h2 span {
      font-size:0px;
      padding: 4px;
  }
  div#header h2:after {
      content: "Procurement and Liquidation";
      font-weight: bold;
      font-size: 15px;
      font-family: jostregular;
      color: #eee;
      border-color: rgba(0,0,0,0.267);
  }
  #page-title {
      display: show;

  Pages using this styling

  • just-another-shop-that-wasn-t-there [info]
  • scp-6117 [info]
  • scp-6237 [info]
  • scp-6261 [info]
  • scp-6318 [info]
  • scp-6530 [info]
  • secure-facility-dossier-site-106 [info]
  • sunshine-and-lucre [info]
• ¶ 8 occurrences
  

  .section {
      background: linear-gradient(to bottom, #eee 0%, #eee 50%, #f7f7f7 50%, #f7f7f7 100%);
      border: 1px solid #888;
      border-radius: 10px;
      overflow: hidden;
      margin-bottom: 1em;}
  .section > p {
      display: none;}
  .section h3 {
      display: inline-block;
      float: left;
      padding-left: 0.7em;
      margin-top: none;
      margin-bottom: none;
      font-size: 1.4em;
      font-weight: bolder;
      color: #901;}
  .section > a {
      float: left;
      font-size: 1.4em;
      font-weight: bolder;
      padding-right: 0.7em;
      margin-top: 0.5em;}
  .section table {
      width: 100%;}
  .section table * {
      text-align: left;}
  .section table td, .section table th {
      border: none;}
  .section table *:first-child {
      text-align: left;}
  .section table tr{
      background: #fff;
      border-bottom: 1px dashed #888;}
  .section table tr:first-child {
      border-bottom: 1px solid #888;}
  .section table tr:last-child {
      border-bottom: none;}
  .section table tr:last-child{
      background: linear-gradient(to bottom, #fff 0%, #fff 50%, #f7f7f7 100%);
      margin-bottom: 1em;}
  .section table td:last-child {
      width:33%;
      background-color:#f7f7f7;}
  .section td:last-child a {
      white-space: nowrap;}
  .section table td:last-child {
       width:33%;
       background-color:#f7f7f7;}
  
  .section .image {
      width:4em;
      border-radius: 50%;
      pointer-events: none;
      float:right;
  }
  
  .proposal table td:first-child,
  .proposal table th:first-child {
       width:33%;
       overflow-wrap: anywhere;
       text-align: right;
  }
  
  .scp table td:first-child{
        width:5.5em;
  }
  
  .toc-table {
      float: right;
      margin-left: 1rem;
  }
  .toc-table table.wiki-content-table,
  .toc-table table.wiki-content-table tr,
  .toc-table table.wiki-content-table tbody td,
  .toc-table table.wiki-content-table thead th,
  .toc-table table.wiki-content-table tfoot th {
      border: none;
      border-right: dashed 1px #999;
      border-left: dashed 1px #999;
      padding-left: 15px;
      padding-right: 15px;
  }
  .toc-table table.wiki-content-table tr {
      border:none;
  }
  .toc-table table.wiki-content-table tbody td:first-of-type,
  .toc-table table.wiki-content-table {
      border-left:none;
  }
  .toc-table table.wiki-content-table tbody td:last-of-type,
  .toc-table table.wiki-content-table{
      border-right:none;
  }

  Pages using this styling

  • goi-formats-audio-edition [info]
  • scp-series-1-audio-edition [info]
  • scp-series-4-audio-edition [info]
  • scp-series-5-audio-edition [info]
  • scp-series-6-audio-edition [info]
  • scp-series-7-audio-edition [info]
  • scp-series-8-audio-edition [info]
  • scp-series-9-audio-edition [info]
• ¶ 8 occurrences
  

  :root {
      --header-title: "SCP Foundation";
      --header-subtitle: "SECURE - CONTAIN - PROTECT";
  }

  Pages using this styling

  • fragment:scp-9822-o0 [info]
  • fragment:scp-9822-o2 [info]
  • fragment:scp-9822-o3 [info]
  • fragment:scp-9822-o4 [info]
  • fragment:scp-9822-o5 [info]
  • fragment:scp-9822-o6 [info]
  • fragment:scp-9822-o7 [info]
  • fragment:scp-9822-o9 [info]
• ¶ 8 occurrences
  

  #u-blink-bar p:last-child::after {
      content: "";
      border-right: 1px solid #e4e4e4;
      animation: blink 1.0s infinite;
      position: relative;
      left: 1px;
  }
   
  @keyframes blink{
      to {
          opacity: .0;
      }

  Pages using this styling

  • fragment:scp-7004-0 [info]
  • fragment:scp-7535-0 [info]
  • fragment:scp-7535-1 [info]
  • fragment:scp-7535-2 [info]
  • fragment:sisters-3 [info]
  • scp-6427 [info]
  • scp-7535 [info]
  • scp-8886 [info]
• ¶ 8 occurrences
  

  .danke{
  padding: 5px 5px 5px 15px;
  margin-bottom:10px;
  font-family: monospace;
  font-size: 1.1em; }
  
  .agent{
  background-color:#002200;
  border: 3px solid #55AA55;
  color: #77CC77;
  }
  
  .site{
  background-color:#222200;
  border: 3px solid #AAAA55;
  color: #DDDD77;
  }

  Pages using this styling

  • fragment:scp-6004-3 [info]
  • fragment:scp-6020-2 [info]
  • scp-5179 [info]
  • scp-5441 [info]
  • scp-5636 [info]
  • scp-6174 [info]
  • scp-6357 [info]
  • scp-8101 [info]
• ¶ 8 occurrences
  

  #page-title{display:none}

  Pages using this styling

  • fish-s-absolute-beginner-s-guide-to-colors [info]
  • fish-s-absolute-beginner-s-guide-to-css [info]
  • fragment:8000contestdysadron-1 [info]
  • fragment:it-always-ends-the-same-1 [info]
  • i-dream-of-trains [info]
  • magpie-swoops-issue-1-love-thy-neighbour [info]
  • scp-6361 [info]
  • scp-7996 [info]
• ¶ 8 occurrences
  

  .translation_block{ display: none; }
  #u-author_block{ display:none; }
  .u-faq{ display: none; }

  Pages using this styling

  • don-t-forget-the-dead [info]
  • scp-1143 [info]
  • scp-2454 [info]
  • scp-3684 [info]
  • scp-4663 [info]
  • scp-5225 [info]
  • scp-5588 [info]
  • what-i-do-for-myself [info]
• ¶ 8 occurrences
  

  .scp-image-caption{position: inherit;}
  .page-rate-widget-box{position: relative;bottom: 1em;}

  Pages using this styling

  • critter-profile-midas [info]
  • critter-profile-potoooooooo [info]
  • error-field-cannot-be-lloyd [info]
  • scp-3340 [info]
  • scp-3441 [info]
  • scp-3881 [info]
  • scp-4224 [info]
  • scp-4881 [info]
• ¶ 8 occurrences
  

  #page-title {
  display: none;

  Pages using this styling

  • coda [info]
  • nosuchthingastwelve [info]
  • ridgewell-hub [info]
  • ridgewell-monthly-newsletter [info]
  • ridgewell-student-of-the-month [info]
  • the-ghost-of-molly-roger [info]
  • the-puppet [info]
  • the-real-boy [info]
• ¶ 8 occurrences
  

  .ruby sup {
    top: 0em;
    font-size: 0.8em;
    opacity: 0.5;
  }
  .ruby {
    display:inline-table;
    text-align:center;
    line-height:1;
    height:1em;
    vertical-align:text-bottom
  }
  .rt,.ruby {
    white-space:nowrap
  }
  .rt {
    display:table-header-group;
    font-size:.6em;
    line-height:1.1;
    text-align:center
  }

  Pages using this styling

  • at-dusk-i-will-think-of-you [info]
  • confessions-of-the-foxqueen [info]
  • dearly-beloved [info]
  • dream-i-shall-dream [info]
  • fangs-of-the-unrivaled-foxqueen [info]
  • foxqueen-orange-sunset [info]
  • foxqueen-s-lacrima [info]
  • march-caprice [info]
• ¶ 8 occurrences
  

  .content-panel {
      border: none;
      border-radius: 0px;
      background-color: #fff;
      margin: 10px 0 15px;
      box-shadow: none;
      box-shadow: none;
  }

  Pages using this styling

  • art-contest-hub-characters [info]
  • art-contest-hub-goi [info]
  • art-contest-hub-mtf [info]
  • art-contest-hub-series-1 [info]
  • art-contest-hub-series-2 [info]
  • art-contest-hub-series-3 [info]
  • art-contest-hub-series-4 [info]
  • art-contest-hub-tales [info]
• ¶ 8 occurrences
  

  :root {
      --timeScale: 2;
      --timeDelay: 0.5s;
  }

  Pages using this styling

  • a-man-in-a-cave (2) [info]
  • scp-4483 [info]
  • scp-5402 [info]
  • scp-5893 [info]
  • scp-7194 [info]
  • scp-7486 [info]
  • scp-8389 [info]
  • scp-8732 [info]
• ¶ 8 occurrences
  

  div#header {
      background-image: url('http://scp-sandbox-3.wdfiles.com/local--files/harry-blank-4/A-9.png');

  Pages using this styling

  • a-funny-thing-happened-on-the-way-to-the-manor [info]
  • a-study-in-cinnabar [info]
  • guilt-trip [info]
  • old-faces-new-foes [info]
  • old-friends-old-sins [info]
  • quarantine-blues [info]
  • scp-093-orange-test [info]
  • the-specter-and-the-orphan-crusher [info]
• ¶ 8 occurrences
  

  :root {
      --logo-image: url("https://scp-wiki.wikidot.com/local--files/grigori-karpin-s-author-page/vanguard%20transparent.png");
      --header-title: "ANGUARD";
      --header-subtitle: "SHELTER - NORMALIZE - INFORM";
      --header-h2-font-size: 1.1em;
  }
  
  #header::before {
      left: -12rem;
      filter: brightness(125%);
      opacity: 1;
  }
  
  #header h1 a::before {
      font-size: unset;
  }
  
  #header h2::before {
      color: #fe4;
  }
  
  #header h2 {
      top: 1em;
  }
  
  #header #login-status {
      left: -2vw;
  }
  
  @media (max-width: 767px) {
      #header::before {
          left: -7rem;
      }
  
      #header h1 {
          top: 0.5em;
          left: 0.5em;
      }
  }
  
  #page-title {
      display: none;
  }

  Pages using this styling

  • a-friendly-guide-to-the-katharsys-music-festival [info]
  • david-hunt-on-galileo [info]
  • dr-dan-goes-to-washington [info]
  • kompas-parapolityczny-na-trudne-czasy [info]
  • thump-thump-tick-tock [info]
  • veilfall [info]
  • war-in-the-library [info]
  • with-many-choices [info]
• ¶ 8 occurrences
  

  :root {
    --header-title: "R\0026 C SITE-43";
    --header-subtitle: "SURVIVE ● CONSERVE ● PERSIST";
  
    --accent: 255, 34, 67;
    --head-font: var(--ui-font);
  
    --timeDelay: 1s;
  }

  Pages using this styling

  • 69-red-shift [info]
  • 70-parasite [info]
  • 72-red-letter-days [info]
  • 73-better-dead [info]
  • art:evelyn-5956-lillian-art [info]
  • art:thereisnohope [info]
  • scp-8956 [info]
  • the-end-is-near [info]
• ¶ 7 occurrences
  

  @import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:ital,wght@0,100..700;1,100..700&display=swap');
  
  body {
      font-family: 'IBM Plex Sans', sans-serif;
      font-size: 0.925rem;
      font-weight: 400;
  }

  Pages using this styling

  • scp-7470 [info]
  • scp-7614 [info]
  • scp-7804 [info]
  • scp-7900 [info]
  • scp-8804 [info]
  • scp-8900 [info]
  • scp-9090 [info]
• ¶ 7 occurrences
  

  .contain-class .class-text::before {
      color: rgb(228 228 228) !important;
  }
  .anom-bar-container.esoteric .text-part > .main-class > .second-class > .class-text::before {
      color: #e4e4e4!important;
  }

  Pages using this styling

  • scp-6357 [info]
  • scp-6360 [info]
  • scp-6661 [info]
  • scp-7332 [info]
  • scp-8017 [info]
  • scp-8232 [info]
  • scp-8361 [info]
• ¶ 7 occurrences
  

  :root {
       --header-title: "Department of Unreality";
       --header-subtitle: "Making the Unreal a ㅤㅤㅤㅤ";
       --lgurl: url('http://scp-wiki.wikidot.com/local--files/unreality-hub/Unreality%20Header%20Logo.svg');
  }
  
  @media only screen and (max-width: 26.5625rem) {
      :root {
          --header-title: "Unreality";
      }
  }
  
  
  .info-container{
  --barColour: #2c2427;
  --linkColour: #FFF;
  }
  
  #page-content hr {
  border-top: none;
  height: .05em;
  background: #454545;
  }
  
  #page-content > .collapsible-block {
      display: block;
      text-align: center;
      padding: .8em;
      background-color: #e3e3e3;
      border-top: 0.125rem dashed #b5b5b5;
      border-bottom: 0.125rem dashed #b5b5b5;
  }
  
  #page-content > .collapsible-block .collapsible-block-content {
      text-align: left;
  }
  
  .interview{
      border:solid 2px #d4d4d4;
      background:#F5F5F5;
      width:90%;
      padding:1px 15px;
      margin: 10px auto;
  }
  
  .file{
      border:none;
      background:#F5F5F5;
      width:90%;
      padding:1px 15px;
      margin: 10px auto;
  }
  
  .addendum{
      border:solid 1px #5e5e5e;
      background:#ffffff;
      width:90%;
      padding:1px 15px;
      margin: 10px auto;
  }
  
  .testfile{
      border:solid 3px #643434;
      background:#f7efef;
      width:90%;
      padding:1px 15px;
      margin: 10px auto;
  }
  
  .testvideo{
      background:#e9d5d5;
      width:90%;
      padding:1px 15px;
      margin: 10px auto;
  }
  
  
  #page-title{display:none}
  

  Pages using this styling

  • scatterbrained [info]
  • scp-6569 [info]
  • scp-7195 [info]
  • scp-7393 [info]
  • scp-7544 [info]
  • scp-7591 [info]
  • scp-8195 [info]
• ¶ 7 occurrences
  

  #page-content a.newpage {color: #333}

  Pages using this styling

  • saphir-centre [info]
  • scp-032-it [info]
  • scp-037-it [info]
  • scp-055-de-j [info]
  • scp-125-de [info]
  • scp-521-ko [info]
  • secure-facility-dossier-site-64k [info]
• ¶ 7 occurrences
  

  .addendum {
      border:solid 2px #999999;
      background:#F5F5F5;
      width:84%;
      padding:1px 15px;
      margin: 10px auto;
  }

  Pages using this styling

  • santa-claus-procedures-part-1 [info]
  • santa-claus-procedures-part-2 [info]
  • scp-4214 [info]
  • scp-5555 [info]
  • scp-6667 [info]
  • scp-6895 [info]
  • scp-7816 [info]
• ¶ 7 occurrences
  

  @import url(''https://fonts.googleapis.com/css2?family=Open+Sans+Condensed:wght@300&display=swap'');
  @import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@300&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Teko:wght@300&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=EB+Garamond&display=swap');
  .Salamin {
    font-family: 'EB Garamond', serif;
    font-size: 1.00em;
    font-style: italic;
  }
  :root {
      --pale-accent: 158, 105, 0;
      --bright-accent: 232, 202, 37;
      --medium-accent: 55, 158, 179;
      --dark-accent: 38, 53, 113;
      --alt-accent: 255, 126, 5;
  --header-h2-font-size: calc(var(--base-font-size) * 1.05);
  --header-gradient-color-bottom: var(--medium-accent);
  --header-gradient-color-middle: var(--dark-accent);
  --visited-link-color: var(--pale-accent);
  --hover-link-color: var(--bright-accent);
  --tabs-bg: var(--dark-accent);
  --rating-module-bottom-border-color: var(--dark-accent);
  --rating-module-button-plus-color: 55, 158, 179;
  --rating-module-button-negative-color: 255, 126, 5;
  --title-font: 'Barlow Condensed', sans-serif;
  --header-font: 'Teko', sans-serif;
  --logo-image: url(http://scp-sandbox-3.wikidot.com/local--files/rtsandboxnoketerleftbehind/scp-reintegration-sigil-alt.png);
  --header-title: "Site-48 Reintegration Committee";
  --header-subtitle: "Safety, Camaraderie, Prosperity";
  }

  Pages using this styling

  • reintegration-aptitude-test-2022 [info]
  • scp-5489 [info]
  • scp-6736 [info]
  • scp-6737 [info]
  • scp-6738 [info]
  • to-the-office-of-thandiwe-tau [info]
  • welcome-to-the-last-frontier [info]
• ¶ 7 occurrences
  

  
  #header h2 span {
      display: block;
      margin: 0;
      padding: 19px 0;
      line-height: 0px;
      max-height: 0px;
      font-weight: bold;
      color: transparent;
      text-shadow: none;
  }
  
  #header {
      background-image: url(http://scp-wiki.wdfiles.com/local--files/news/SCPNewsLogo);
  }
  
  #header h2 span::before {
      color: #eee;
      font-weight: bold;
      color: #f0f0c0;
      text-shadow: 1px 1px 1px #000;
      text-shadow: 1px 1px 1px rgba(0,0,0,.8);
      content: 'Site Correspondence Periodical';
  }

  Pages using this styling

  • news-03-2020 [info]
  • news-04-2020 [info]
  • news-05-2020 [info]
  • news-06-2020 [info]
  • news-07-2020 [info]
  • news-08-2020 [info]
  • news-09-2020 [info]
• ¶ 7 occurrences
  

  .containercontainer {position: relative;width: auto;height: auto;border: 2px solid #666;background: #141212;color: #3F3;margin-top: 1em;margin-bottom: 1em;}.containercontainer .container .overlay {background: rgba(51, 255, 51, 0.9);color: #121010;position: absolute;width: auto;height: 50px;top: 0;right: 0;bottom: 0;left: 0;margin: auto;line-height: 50px;display: inline;vertical-align: middle;text-align: center;font-family: Courier New;font-size: 30px;letter-spacing: 5px;font-weight: bolder;z-index: 3;animation: overlay-anim 10s linear;animation-fill-mode: forwards;animation-iteration-count: infinite;}.overlayback {background: rgba(187, 187, 187, 0.5);z-index: 3;position: absolute;top: 0;left: 0;bottom: 0;right: 0;width: auto;height: auto;animation: overlay-anim 10s linear;animation-fill-mode: forwards;animation-iteration-count: infinite;}.containercontainer .container {text-align: center;width: inherit;height: inherit;position: relative;overflow: hidden;}.containercontainer .container::after {content: " ";display: block;position: absolute;top: 0;left: 0;bottom: 0;right: 0;background: rgba(21, 19, 19, 0.2);opacity: 0;z-index: 2;}.containercontainer .container::before {content: " ";display: block;position: absolute;top: 0;left: 0;bottom: 0;right: 0;background: linear-gradient(rgba(18, 16, 16, 0.03) 50%, rgba(0, 0, 0, 0.45) 50%), linear-gradient(90deg, rgba(255, 0, 0, 0.22), rgba(0, 255, 0, 0.11), rgba(0, 0, 255, 0.22));z-index: 2;background-size: 100% 2px, 3px 100%;}.no-unfold {text-align: center;}.container h1,.container h2,.container h3,.container h5,.container h6 {color: #3F3;}.container hr {border-top: 1px dotted #3F3;border-bottom: none;}.container hr {border-top: 1px solid #3F3;border-bottom: 1px solid #3F3;color: transparent;background-color: transparent;}.container hr:after {display: block;margin-top: 2px;border-top: 1px solid #3F3;border-bottom: 1px solid #3F3;}.blinkbar {animation: blink 1.5s infinite; letter-spacing: -0.13em;}@keyframes blink{to{opacity: .0;}}@keyframes overlay-anim {0% {visibility: hidden; }10% {visibility: hidden; }11% {visibility: visible; }50% {visibility: hidden; }100% {visibility: hidden; }}

  Pages using this styling

  • fragment:scp-7004-0 [info]
  • fragment:scp-9918-0 [info]
  • scp-7633 [info]
  • scp-8057 [info]
  • scp-8886 [info]
  • scp-8996 [info]
  • scp-style-resource (2) [info]
• ¶ 7 occurrences
  

  .hover {
  }
  .hover:hover {
    text-decoration: none;
      border-bottom: none;
  }
  
  .hover span { display: none;}
  .hover:hover span {
      position: absolute;
      display: inline;
      margin: 0px 0px;
      height: auto;
      width: auto;
      background: #FFF;
      border: 2px solid #34B;
      color: #000;
      padding: 1em;
  }
  .hover:hover span span {
      position: relative;
      margin: auto;
      height: auto;
      width: auto;
      border: none;
      padding: 0;
  }

  Pages using this styling

  • fragment:scp-6460-0 [info]
  • fragment:scp-6460-1 [info]
  • fragment:scp-6460-2 [info]
  • i-told-you-about-spirals-bro [info]
  • scp-5161 [info]
  • scp-9125 [info]
  • scp-9429 [info]
• ¶ 7 occurrences
  

  @supports ((-webkit-background-clip: text) and (-webkit-text-fill-color: transparent)) {
      .flame {
        background: linear-gradient(to right, #FF7F7F, #FFB27F, #edda45);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        font-weight: bold;
      }
  }

  Pages using this styling

  • fragment:scp-6460-0 [info]
  • fragment:scp-6460-1 [info]
  • fragment:scp-6460-2 [info]
  • i-told-you-about-spirals-bro [info]
  • scp-5161 [info]
  • scp-9125 [info]
  • scp-9429 [info]
• ¶ 7 occurrences
  

  @supports ((-webkit-background-clip: text) and (-webkit-text-fill-color: transparent)) {
      .rainbow {
        background: linear-gradient(to right, #FF7F7F, #FFB27F, #e6e600, #A5FF7F, #7FC9FF, #D67FFF, #FF7FED);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        font-weight: bold;
      }
  }

  Pages using this styling

  • fragment:scp-6460-0 [info]
  • fragment:scp-6460-1 [info]
  • fragment:scp-6460-2 [info]
  • i-told-you-about-spirals-bro [info]
  • scp-5161 [info]
  • scp-9125 [info]
  • scp-9429 [info]
• ¶ 7 occurrences
  

  .anom-bar-container.danger .danger-diamond > .quadrants > .right-quad {
      background-color:rgba(255,109,0,0.25);
      background-color: rgb(255,109,0,0.25);

  Pages using this styling

  • fragment:scp-5056-offset-1 [info]
  • fragment:scp-6095-2 [info]
  • scp-5494 [info]
  • scp-5974 [info]
  • scp-6056 [info]
  • scp-6296 [info]
  • scp-6519 [info]
• ¶ 7 occurrences
  

  #u-start, .textchange div.sitemember:nth-child(2) {display:none;}.type-wrap-wrapper {position: relative;text-align: left;}.type-wrapper {background: #555;}.typearea {color: lime; font-family: "Courier";font-size: 1.2em;margin: 10px 0 0 10px;white-space: nowrap;overflow: hidden;width: 0;}#u-start:target ~ .typearea {width: 100%;animation: type 4s steps(60, end); }.typearea a{color: lime;text-decoration: none;}.blink {animation: blink 1s infinite;}@keyframes type{ from { width: 0; } } @keyframes blink{to{opacity: .0;}}.buttonwrapper {text-align: center;}.likebutton {padding: 0.1em 0.5em;text-decoration: none;font-size: 1.3em;background-color: #F4F4F4;border: 1px solid #AAA;color: #000;}.likebutton:hover {background-color: #DDD;color: #000;border: 1px solid #0098b3;}

  Pages using this styling

  • fragment:scp-5039-1 [info]
  • fragment:scp-9918-0 [info]
  • scp-6106 [info]
  • scp-8113 [info]
  • scp-9180 [info]
  • scp-9808 [info]
  • scp-style-resource (2) [info]
• ¶ 7 occurrences
  

  .computed {
  border: 1px black solid;
  width: 50%;
  display: inline-block;
  text-align: left;
  padding: 3px;
  }
  .computed:before {
  content:"Computed Code";
  font-weight: bold;
  border-bottom: solid 1px black;
  width: 100%;
  }
  .rawcode {
  border: black solid 1px;
  width: 50%;
  display: inline-block;
  text-align: left;
  padding: 3px;
  }
  .rawcode:before{
  content:"Raw Code";
  text-align: center;
  font-weight: bold;
  border-bottom: solid 1px black;
  width: 100%;
  }
  .codebox {
  display: inline-block;
  width: 100%;
  text-align: center;
  }
  .yui-navset .yui-nav .selected a em,  .yui-navset .yui-nav a em{
  padding: 0.25em .75em; 
  top: 0px;
  margin-bottom: 0px;
  }
  .yui-navset .yui-nav .selected a {
  background: gray;
  }
  .yui-navset .yui-nav .selected {
  margin: 0px;
  }
  .yui-navset .yui-nav .selected a, .yui-navset .yui-nav .selected a:focus, .yui-navset .yui-nav .selected a:hover, .yui-navset .yui-nav .selected a {
  background: gray;
  }
  .yui-navset .yui-nav a, .yui-navset .yui-navset-top .yui-nav a {
  background-color: none;
  background-image: none;
  }
  .yui-navset .yui-nav a {
  background: none;
  }
  .yui-navset .yui-nav li{
  margin: 0px;
  }
  .yui-navset .yui-content {
  background-color: #FDFCF9; 
  }

  Pages using this styling

  • fragment:psul-001-3 [info]
  • fragment:psul-001-4 [info]
  • fragment:psul-001-5 [info]
  • fragment:psul-001-6 [info]
  • fragment:psul-001-7 [info]
  • fragment:psul-001-8 [info]
  • fragment:psul-001-9 [info]
• ¶ 7 occurrences
  

  .anom-bar-container.ekhi .danger-diamond > .quadrants > .left-quad {
      background-color:rgba(255,109,0,0.25);
      background-color: rgb(255,109,0,0.25);

  Pages using this styling

  • fragment:pickman-blank-proposal-offset-1 [info]
  • scp-057-int [info]
  • scp-5883 [info]
  • scp-6836 [info]
  • scp-6837 [info]
  • scp-7056 [info]
  • scp-7173 [info]
• ¶ 7 occurrences
  

  
  
  
  /* Indent. Thanks FireTamer for the code! */
  .firetamer {
      padding-left: 5px;
      border-left: thin solid #abaaab;
      margin-left: 2vh;
  }
  
  .firetamer2 {
      padding-left: 5px;
      border-left: thin solid black;
      margin-left: 2vh;
  }
  
  
  
  
  /* telegram */
  
  .papercontainer { /* Wackdog made this good! */
      display: grid;
      grid-template-columns: 1fr 0.5fr 0.5fr 4fr 0.5fr 0.5fr 1fr;
      grid-template-rows: min-content min-content min-content 1fr min-content min-content min-content min-content;
      row-gap: 0;
  }
  
  .papercontainer .tight{
    line-height: 1;
    padding: 0;
    white-space: nowrap;
  }
  .papercontainer .tight > *{ margin: 0; }
  
  .papercontainer .right{ justify-self: end; }
  
  .papercontainer .vline{
    grid-row: 1 / -1;
    grid-column: var(--at)/var(--at);
    border-left: var(--w,1px) solid var(--c,#999);
    pointer-events:none; z-index:1;
  }
  .papercontainer .hline{
    grid-column: 1 / -1;
    grid-row: var(--at)/var(--at);
    border-top: var(--w,1px) solid var(--c,#999);
    pointer-events:none; z-index:1;
  }
  
  .papercontainer{ max-width:100%; }                       
  .papercontainer *{ overflow-wrap:anywhere; word-break:break-word; }  
  
  @media (max-width:768px){
    .papercontainer .tight{ white-space:normal; }
    #page-content{ overflow-x:hidden; }                     
  } 
  
  @media (max-width: 768px) {
      .papercontainer {
          display: grid;
          grid-template-columns: repeat(6, 1fr);
          grid-template-rows: min-content, min-content, 1fr, 0.6fr, 0.1fr, 0.8fr, 0.8fr, min-content;
          row-gap: 0;
      }
  }
  
  /* email */
  
  
  
  .email-example .collapsible-block-folded a.collapsible-block-link {
      animation: blink 0.8s ease-in-out infinite alternate;
  }
  @keyframes blink {
      0% { color: transparent; }
      50%, 100% { color: #b01; }
  }
  .email {border: solid 2px #000000; width: 88%; padding: 1px 15px; margin: 10px; box-shadow: 0 1px 3px rgba(0,0,0,.5)}
  .email-example a.collapsible-block-link {font-weight: bold;}
  .tofrom {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px maroon}
  
  
  
  /* Image block fix to prevent overlap with ACS module. Thanks to BlueEyedFox_ on discord! */
  
  .scp-image-block.block-right {
      position: relative;
      top: 15px;
  }
  
  
  
  /* Notice top instructions */
  
  .outerform { /*thanks to hcina from discord for this! */
      border:solid 1px #999999;
      background:#fcf4c7;
      padding:25px;
      margin-bottom: 25px;
  }
  
  .rectangle { /* thanks to wackdog from discord for this! */
      width: 100%;
      background: #808080;
      height: 3.5em;
      display: flex;
      align-items: center;
      justify-content: center;
      margin: auto;
  }
  
  
  
  /* Tables (except hcina) */
  
  .centertable {
      border-collapse:collapse;
      max-width: 800px;
      margin-left: auto;
      margin-right: auto;
      margin-bottom: 50px;
  }
  .darkcell {
      font-weight:bold;
      padding: .3em .7em;
      text-align: center;
      border: 1px solid black;
      background-color: silver;
  }
  .lightcell {
      padding: .3em .7em;
      border: 1px solid black;
  }
  .oldtext {
      color: lightslategrey;
      font-style: italic;
  }
  
  /* additional table stuff from Wackdog */
  
  .centertable { width:100%; border-collapse:collapse; }
  .centertable img { max-width:100%; height:auto; }
  
  @media (min-width: 769px) {
      .centertable {
          width: 50%;
      }
  }
  
  @media (min-width: 769px) {
    .cell--image { display: table-cell; }
    .mobile-img { display: none; }
  }
  
  @media (max-width: 768px) {
    .cell--image { display: none; }
    .scp-image-block.block-right{ float:none; }
    .mobile-img { 
      display: block; 
      margin: 0 auto 30px; 
  
  }
    .centertable { table-layout: fixed; }
    .centertable td, .centertable th { word-wrap: break-word; }
  }
  
  
  
  
  /* Centre images and text as divs. thanks to Croq on discord! */
  
  .boxfix {
      display: flex;
      flex-direction: row;
      align-items:center;
  }
  .boxfixtext {
      align-self: center;
  }
  
  @media (max-width:768px){
      .boxfix {flex-direction: column;}
  }
  
  
  /* Missing person notice */
  
  .missingbox {
      border:solid 1px #999999;
      background: #acacacff;
      padding:25px;
      margin-bottom: 25px;
      width: 80%;
      margin-left: auto;
      margin-right: auto;
  }
  
  .redrect { /* derivative of Wackdogs code */
      width: 100%;
      background: #611414ff;
      color: white;
      height: 3em;
      display: flex;
      align-items: center;
      justify-content: center;
      margin: auto;
      font-size: 2em;
      font-weight: bolder;
  }
  
  .missingphoto {
      min-width: 242px;
      max-width: 283px;
  }
  
  .garda {
      min-width: 95px;
      max-width: 105px;
  }
  
  .missinglow {
      display: flex;
      align-items: stretch;
  }
  
  .missinglowup {
      width: 40%;
      margin-right: 0.5em;
      align-self: center
  }
  
  .missinglowin {
      display: flex;
      align-items: stretch;
      flex-direction: row;
  }
  
  @media (max-width:765px){
      .missinglow {flex-direction: column;}
      .missinglowup {width: 95%; margin-right: 0;}
  }
  
  
  /* reflist */
  
  .hanging {
  p {
      padding-left: 5em;
      margin-top: 0px;
      margin-bottom: 0px;
  }
  
  p::first-letter {
      margin-left: -5em;
  }
  }
  
  
  
  /* MI666 parts. Shamelessly stolen from Tserlece and Stormbreath*/
  
  div.mi666 {
      width: 90%;
      margin: 1em auto 1em auto;
      padding: 1em;
      border: 3px solid #DD6161;
      box-shadow: 3px 3px 5px rgba(100,0,0,.5);
      font-family: "Nanum Gothic", Arial, sans-serif;
      display: block;
      background-color:white;
  
  }
  
  .mi666 span {
      word-break: normal;
      line-height: 150%;
  }
  
  /* responsive @medias */
  
  @media only screen and (max-width: 768px) {
    .desktoponly {
      display: none;
    }
  }
  
  @media only screen and (min-width: 769px) {
    .mobileonly {
      display: none;
    }
  }
  
  /* Autopsy */
  

  Pages using this styling

  • fragment:9000contestbaddata-2 [info]
  • fragment:9000contestbaddata-3 [info]
  • fragment:9000contestbaddata-4 [info]
  • fragment:9000contestbaddata-5 [info]
  • fragment:9000contestbaddata-6 [info]
  • fragment:9000contestbaddata-7 [info]
  • fragment:9000contestbaddata-8 [info]
• ¶ 7 occurrences
  

  :root {
      --header-title: "RCT-Δt";
      --header-subtitle: "Secure the Past. Contain the Present. Protect the Future.";
  --logo-image: url("https://scp-wiki.wdfiles.com/local--files/welcome-to-delta-t/Delta-t-transparent.png");`

  Pages using this styling

  • document-1780-wl [info]
  • perseveration [info]
  • publish-or-perish [info]
  • scp-1780 [info]
  • scp-4583 [info]
  • scp-5087 [info]
  • welcome-to-delta-t [info]
• ¶ 7 occurrences
  

  .imagebox {
      position: relative;
      padding: 0.2em;
      margin: 0.2em;
      box-shadow: 2px 1.5px 1px lightgrey, 0 0 0px 1px lightgrey;
      overflow-wrap: break-word;
  }

  Pages using this styling

  • delendases-f3b3r-x44nm-pll77 [info]
  • doctor-lovelace-s-render-gallery [info]
  • heck-s-9kcon-poster-gallery [info]
  • heck-s-cool-corner [info]
  • heck-s-dumbcon-poster-gallery [info]
  • heck-s-scp-anthology-2025-poster-gallery [info]
  • we-are-going-to-heaven-and-vandyke-is-not-of-the-company [info]
• ¶ 7 occurrences
  

  sup { 
  vertical-align: top; position: relative; top: -0.5em; 
  }
  :root{ 
  --cutColour: #fafafa;
  --barColour: #590505;
  }
  .translation_block{
  display:none;}
  
  #page-content .info-container {
      --link-color: rgb(var(--swatch-text-general));
  }
  
  #page-content .info-container .translation_block {
      display: none;
  }
  
  #page-content .info-container .collapsible-block-link,
  #page-content .info-container:hover .collapsible-block-link {
      line-height: 1.6em;
  }
  
  #page-content .info-container .collapsible-block-folded,
  #page-content .info-container .collapsible-block-unfolded-link {
      display: grid;
  }
  
  #page-content .info-container .collapsible-block-folded .collapsible-block-link,
  #page-content .info-container .collapsible-block-link {
      -webkit-mask: unset;
              mask: unset;
      background: transparent;
      grid-column: 1;
      grid-row: 1;
      opacity: 0;
  }
  
  #page-content .info-container .collapsible-block-folded::before,
  #page-content .info-container .collapsible-block-unfolded-link::before {
      --wght: 800;
      content: "winkwonkboi";
      color: #FFFFFF;
      font-family: Inter, Arimo, Verdana, Geneva, "Helvetica Neue", "Helvetica", Arial, sans-serif;;
      display: block;
      pointer-events: none;
      grid-column: 1;
      grid-row: 1;
  }

  Pages using this styling

  • critter-profile-miss-cassandra [info]
  • employee-of-the-century [info]
  • goodnight-sweet-dreams [info]
  • scp-4931 [info]
  • scp-5358 [info]
  • scp-6039 [info]
  • winkwonk-doodles [info]
• ¶ 7 occurrences
  

  .content-warning.creditRate {
  margin-bottom: -0.35em;
  }
  .content-warning-arrow {
      height: 14px;
      transform: scaleY(-1);
  }

  Pages using this styling

  • content-in-the-end [info]
  • scp-1459 [info]
  • scp-1602 [info]
  • scp-2190 [info]
  • scp-5040 [info]
  • scp-6273 [info]
  • the-clock-at-saint-claudes [info]
• ¶ 7 occurrences
  

  :root{
  --logo: url(https://scp-wiki.wdfiles.com/local--files/pitch-haven-hub/scp45.png);
  --title: "Site-45";
  --subtitle: "DEMONS • LEGENDS • FABLES";
  }
  .tabstyle{
  padding: 10px;
  color: black;
  background-color: #f5f5f5;
  }

  Pages using this styling

  • bonnie-and-hayward [info]
  • no-safe-haven [info]
  • pitch-haven-hub [info]
  • scp-2746 [info]
  • scp-2792 [info]
  • scp-2999 [info]
  • scp-3998 [info]
• ¶ 7 occurrences
  

  a#history-button, a#files-button {
  display: none;
  }

  Pages using this styling

  • atcgf-growing-pains [info]
  • paper-bag [info]
  • scp-7745 [info]
  • scp-7803 [info]
  • scp-7877 [info]
  • that-which-is-not [info]
  • uncgriffin-s-author-page [info]
• ¶ 7 occurrences
  

  :root {
    --accentColor: #FF5512;
    --header-title: "DAYBREAK";
    --header-subtitle: "SOL'S CRUEL PLANET";
    --lgurl: url("https://scp-wiki.wdfiles.com/local--files/daybreak/daybreaklogo.png");
  }
  

  Pages using this styling

  • art:survival-in-a-sun-stricken-world [info]
  • before-twilight [info]
  • como-fue [info]
  • heart-and-sol [info]
  • robots-under-a-red-sky [info]
  • the-wasteland [info]
  • this-broken-sky [info]
• ¶ 7 occurrences
  

  :root{
  --logo: url(https://scp-wiki.wdfiles.com/local--files/pitch-haven-hub/scp45.png);
  --title: "Site-45";
  --subtitle: "DEMONS • LEGENDS • FABLES";
  }

  Pages using this styling

  • art:pitch-haven-sarah-and-stuart [info]
  • better-days [info]
  • f-o-u-r-t-e-e-n-thirteen [info]
  • pissweed [info]
  • scp-1619 [info]
  • scp-1913 [info]
  • tooth-and-nail [info]
• ¶ 7 occurrences
  

  .danke {
      padding: 5px;
      margin-bottom:10px;
      font-family: monospace;
      font-size: 1.1em;
  }
  
  .agent {
      background-color:#002200;
      border: 3px solid #55AA55;
      color: #77CC77;
  }
  
  .site {
      background-color:#222200;
      border: 3px solid #AAAA55;
      color: #DDDD77;
  }

  Pages using this styling

  • art:frankentropy-artist-page [info]
  • frankentropy-author-page [info]
  • scp-5796 [info]
  • scp-7117 [info]
  • scp-8253 [info]
  • scp-8875 [info]
  • strange-bedfellows-bloody-sheets [info]
• ¶ 7 occurrences
  

  .au-credit {
      text-align: right;
      margin-right: 2em;
      margin-top: -10px;
  }
  
  #page-content .creditRate {
      margin-bottom: 0;
  }

  Pages using this styling

  • ambrose-london-prix-fixe [info]
  • scp-3310 [info]
  • scp-3797 [info]
  • scp-5041 [info]
  • scp-6372 [info]
  • station-395 [info]
  • storm-more-foul-land-less-fair [info]
• ¶ 7 occurrences
  

  :root {
    --logo: url(https://scp-wiki.wdfiles.com/local--files/secure-facility-dossier-site-58/58logo.png);
    --title: "SITE-58:";
    --subtitle: "BRIDGING THE GAPS BETWEEN US";
  }
  .email-example .collapsible-block-folded a.collapsible-block-link {
      animation: blink 0.8s ease-in-out infinite alternate;
  }
  @keyframes blink {
      0% { color: transparent; }
      50%, 100% { color: #b01; }
  }
  .email {border: solid 2px #000000; width: 88%; padding: 1px 15px; margin: 10px; box-shadow: 0 1px 3px rgba(0,0,0,.5)}
  .email-example a.collapsible-block-link {font-weight: bold;}
  .tofrom {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px maroon}
  
  /* Borrowed from SCP-3984! */
  .outside {
    margin: 2em -6em;
    padding: 1em 10em;
    --narration-color: rgba(214, 234, 248,1);
    background: var(--narration-color);
    background: linear-gradient(90deg, rgba(255,255,255,0) 0%, var(--narration-color) 20%, var(--narration-color) 80%, rgba(255,255,255,0) 100%);
    z-index: -2;
  }
  
  /* Make the blue bois that are within the document have smaller margins so they break flow less*/
  .outside.inline {
    margin: 1em -6em;
    padding: 1px 10em;
  }

  Pages using this styling

  • alive [info]
  • portraits-of-site-58 [info]
  • scp-5828 [info]
  • scp-7374 [info]
  • scp-7679 [info]
  • scp-8585 [info]
  • the-squirrel [info]
• ¶ 7 occurrences
  

  #page-title {
  display: none;
  }

  Pages using this styling

  • ai-classification-guide [info]
  • fey [info]
  • fragment:fragmented-compiled-1 [info]
  • scp-0682 [info]
  • scp-5241 [info]
  • semiotics-hub [info]
  • tribunal [info]
• ¶ 6 occurrences
  

   :root{
     --header-title: "SCP Foundation";
     --header-subtitle: "SECURE, CONTAIN, PROTECT";
     --lgurl: url(https://scp-wiki.wdfiles.com/local--files/component%3Acentered-header-sigma-9/logo.svg);
  }

  Pages using this styling

  • scp-801-ko [info]
  • scp-821-ko [info]
  • scp-823-ko [info]
  • scp-824-ko [info]
  • scp-825-ko [info]
  • scp-841-ko [info]
• ¶ 6 occurrences
  

  .orderwrapper {position: relative;width: auto;text-align: center;}.council1 {position: relative;top: 0;bottom: 0;left: 0;right: 0;width: 295px;height: 295px;margin: auto;background-image: url( "http://kaktuskontainer.wdfiles.com/local--files/format-hell/scp_trans.png" );background-size: 295px 295px;background-repeat: no-repeat;background-position: center;}.ordertitle {position: absolute;left: 0;right: 0;top: 38px;}.ordertitle h1 {font-size: 220%;color: #555;}.orderdescription {position: absolute;left: 0;right: 0;top: 85px;width: 100%;}.orderdescription p {font-size: 90%;color: #555;}.orderdescription h1 {font-size: 120%;color: #555;}.itemno {position: absolute;left: 0;right: 0;bottom: 27px;}.itemno h1 {font-size: 170%;color: #555;}

  Pages using this styling

  • scp-5421 [info]
  • scp-6174 [info]
  • scp-6650 [info]
  • scp-6783 [info]
  • scp-922 [info]
  • scp-pl-186 [info]
• ¶ 6 occurrences
  

  .footnotes-footer {
    display: none;
  }

  Pages using this styling

  • scp-5097 [info]
  • scp-5129 [info]
  • scp-5289 [info]
  • scp-7478 [info]
  • scp-7613 [info]
  • scp-8905 [info]
• ¶ 6 occurrences
  

  }
  
  #page-content > .collapsible-block .collapsible-block-content {
      text-align: left;
  }
  
  .addendum {
      border:solid 2px #999999;
      background:#F5F5F5;
      width:84%;
      padding:1px 15px;
      margin: 10px auto;
  }

  Pages using this styling

  • scp-5063 [info]
  • scp-5137 [info]
  • scp-5224 [info]
  • scp-5834 [info]
  • scp-6537 [info]
  • what-lurks-below-sebarus-s-author-page [info]
• ¶ 6 occurrences
  

  sup { 
  
  vertical-align: top; position: relative; top: -0.5em; 
  }

  Pages using this styling

  • scp-001-ex [info]
  • scp-3648 [info]
  • scp-3765 [info]
  • scp-4375 [info]
  • scp-4809 [info]
  • scp-6132-j [info]
• ¶ 6 occurrences
  

  /*-- ACS Lite Animation Compatibility Patch --*/
  .anom-bar > .bottom-box::before { display: none; }
  .anom-bar > .bottom-box { box-shadow: none!important; }
  div.diamond-part { clip-path: none; animation: none; box-shadow: none!important; }
  @media (max-width: 480px) {
  div.top-right-box { clip-path: polygon(0% -30%, 100% -30%, 100% 130%, 0% 130%); }
  }

  Pages using this styling

  • santa-claus-procedures-part-1 [info]
  • santa-claus-procedures-part-2 [info]
  • scp-6169 [info]
  • scp-6199 [info]
  • scp-6895 [info]
  • scp-8389 [info]
• ¶ 6 occurrences
  

  /* This is CSS that will not be part of theme, just for the page itself */
  
  /* SCP HEADER */
  .scp-header {
      position: relative;
      width: 100%;
      height: 80px;
      margin: 0;
      padding: 10px 0;
  }
  
  .scp-header .scp-logo {
      position: absolute;
      left: -14px;
      top: 50%;
      transform: translateY(-50%);
      width: 80px;
      height: 80px;
      border-radius: 50%;
      overflow: hidden;
  }
  
  .scp-header .scp-logo img {
      width: 100%;
      height: 100%;
      object-fit: contain;
  }
  
  .scp-header .scp-text-stack {
      position: absolute;
      left: 75px;
      top: 50%;
      transform: translateY(-50%);
      margin: 0;
      padding: 0;
      padding-left: 6px;
  }
  
  .scp-header .scp-text-stack p {
      line-height: 0;
  }
  
  .scp-header .scp-foundation {
      font-size: 14.7px;
      font-weight: 700;
      color: #333;
      margin: 0;
      padding: 0;
      line-height: 1;
      text-align: center;
  }
  
  .scp-header .scp-site {
      font-size: 33px;
      font-weight: 900;
      color: #333;
      margin: 2px 0 0 0;
      padding: 0;
      line-height: 1;
      text-align: center;
  }
  
  .scp-header .scp-classification {
      position: absolute;
      right: 0;
      top: 50%;
      transform: translateY(-50%);
      max-width: 300px;
      padding-left: 18rem;
      text-align: right;
  }
  
  .scp-header .redacted-highlight {
      background: #000;
      color: white;
      padding: 3px 6px;
      font-size: 14px;
      letter-spacing: 0.5px;
      line-height: 1.3;
  }
  
  /* SCP File Table - Desktop */
  .scp-file-table {
      width: 100%;
      border-collapse: collapse;
      margin: 0px 0px 8px 0px;
      font-size: 18px;
  }
  
  .scp-file-table td {
      padding: 0px 0px 4px 0px;
      border: none;
  }
  
  .scp-file-table .left-cell {
      text-align: left;
      font-weight: normal;
      width: 50%;
  }
  
  .scp-file-table .right-cell {
      text-align: right;
      font-weight: 800;
      width: 50%;
  }
  
  .scp-file-table .clearance-cell {
      background: rgb(255, 18, 29);
      color: rgb(var(--basalt-secondary-color));
      text-align: center;
      padding: 4px;
      font-weight: bold;
      font-size: 21px;
      letter-spacing: 2px;
  }
  
  /* Tablet and smaller laptops - 800px and below */
  @media screen and (max-width: 800px) {
      .scp-header .scp-classification {
          position: static;
          padding-left: 0;
          text-align: left;
          max-width: none;
          margin-top: 15px;
          transform: none;
      }
      
      .scp-header {
          height: auto;
          min-height: 120px;
          padding: 15px 0 25px 0;
      }
      
      .scp-file-table {
          font-size: 16px;
      }
      
      .scp-file-table .clearance-cell {
          font-size: 18px;
          padding: 6px;
      }
  }
  
  /* Mobile Tablets - 768px and below */
  @media screen and (max-width: 768px) {
      .scp-header {
          height: auto;
          min-height: 140px;
          padding: 15px 0 30px 0;
      }
      
      .scp-header .scp-logo {
          left: 0;
          width: 70px;
          height: 70px;
      }
      
      .scp-header .scp-text-stack {
          left: 80px;
          padding-left: 0;
      }
      
      .scp-header .scp-foundation {
          font-size: 13px;
          text-align: left;
      }
      
      .scp-header .scp-site {
          font-size: 29px;
          text-align: left;
      }
      
      .scp-header .scp-classification {
          position: static;
          margin-top: 20px;
          padding-left: 0;
          text-align: left;
      }
      
      .scp-header .redacted-highlight {
          font-size: 12px;
          padding: 4px 6px;
          line-height: 1.4;
      }
      
      .scp-file-table {
          font-size: 15px;
      }
      
      .scp-file-table td {
          padding: 2px 0 6px 0;
      }
      
      .scp-file-table .clearance-cell {
          font-size: 16px;
          padding: 8px 4px;
          letter-spacing: 1px;
      }
  }
  
  /* Large phones - 600px and below */
  @media screen and (max-width: 600px) {
      .scp-header {
          min-height: 160px;
          padding: 10px 0 35px 0;
      }
      
      .scp-header .scp-logo {
          width: 60px;
          height: 60px;
      }
      
      .scp-header .scp-text-stack {
          left: 70px;
      }
      
      .scp-header .scp-foundation {
          font-size: 12px;
      }
      
      .scp-header .scp-site {
          font-size: 26px;
      }
      
      .scp-header .redacted-highlight {
          font-size: 11px;
          padding: 3px 5px;
      }
      
      .scp-file-table {
          font-size: 14px;
      }
      
      .scp-file-table .clearance-cell {
          font-size: 15px;
          padding: 8px 2px;
          letter-spacing: 0.5px;
      }
  }
  
  /* Small phones - 480px and below */
  @media screen and (max-width: 480px) {
      .scp-header {
          min-height: 180px;
          padding: 10px 0 40px 0;
      }
      
      .scp-header .scp-logo {
          width: 50px;
          height: 50px;
      }
      
      .scp-header .scp-text-stack {
          left: 60px;
      }
      
      .scp-header .scp-foundation {
          font-size: 11px;
      }
      
      .scp-header .scp-site {
          font-size: 22px;
      }
      
      .scp-header .redacted-highlight {
          font-size: 10px;
          padding: 3px 4px;
          line-height: 1.5;
      }
      
      .scp-file-table {
          font-size: 13px;
          margin-bottom: 12px;
      }
      
      .scp-file-table td {
          padding: 3px 0 8px 0;
      }
      
      .scp-file-table .left-cell,
      .scp-file-table .right-cell {
          width: 50%;
          word-wrap: break-word;
      }
      
      .scp-file-table .clearance-cell {
          font-size: 14px;
          padding: 10px 2px;
          letter-spacing: 0.5px;
          line-height: 1.2;
      }
  }
  
  /* Very small phones - 360px and below */
  @media screen and (max-width: 360px) {
      .scp-header {
          min-height: 200px;
          padding: 8px 0 45px 0;
      }
      
      .scp-header .scp-logo {
          width: 45px;
          height: 45px;
      }
      
      .scp-header .scp-text-stack {
          left: 55px;
      }
      
      .scp-header .scp-foundation {
          font-size: 10px;
      }
      
      .scp-header .scp-site {
          font-size: 20px;
      }
      
      .scp-header .redacted-highlight {
          font-size: 9px;
          padding: 2px 3px;
      }
      
      .scp-file-table {
          font-size: 12px;
      }
      
      .scp-file-table .clearance-cell {
          font-size: 13px;
          padding: 12px 2px;
          word-wrap: break-word;
          hyphens: auto;
      }
  }

  Pages using this styling

  • pointtwo [info]
  • pointtwo1 [info]
  • pointtwo2 [info]
  • pointtwo3 [info]
  • pointtwo4 [info]
  • pointtwoprologue [info]
• ¶ 6 occurrences
  

  .danke{
  padding: 5px 5px 5px 15px;
  margin-bottom:10px;
  width: 100%;
  font-family: monospace;
  font-size: 1.1em; }
  
  .agent{
  background-color:#002200;
  border: 3px solid #55AA55;
  color: #77CC77;
  }
  
  .site{
  background-color:#222200;
  border: 3px solid #AAAA55;
  color: #DDDD77;
  }

  Pages using this styling

  • investigative-journalism [info]
  • quicker-experience [info]
  • scp-012-ex [info]
  • scp-5250 [info]
  • scp-5425 [info]
  • scp-5623 [info]
• ¶ 6 occurrences
  

  .top-rated-box{
          float: right;
      border: 1px solid #600;
      border-radius: 10px;
      box-shadow: 0 2px 6px rgba(102, 0, 0, .5);
      background: #fff;
      margin-left: 1rem;  
      padding: 1rem;
      padding-top: 0;
      padding-bottom: 0;  
      text-align: center;
  }  
  
  #page-content h1 {
      border-bottom: solid 0.08rem #660000;
      padding: 0 0 0.25em;
      margin-bottom: -0.5rem;
  }

  Pages using this styling

  • highest-rated-non-scps [info]
  • highest-rated-scps [info]
  • top-rated-goi-formats [info]
  • top-rated-jokes [info]
  • top-rated-pages [info]
  • top-rated-tales [info]
• ¶ 6 occurrences
  

  
  @import url("https://use.typekit.net/hey2uso.css");
  
  
  :root {
  
  
      --logo-image: url("http://kaktuskontainer.wdfiles.com/local--files/iss-part1/logo");
      --header-title: "The Foundation";
      --header-subtitle: "  ";
      --body-font: interstate, 'Lato', sans-serif;
      --header-font: maecenas, 'Poppins', sans-serif;
      --title-font: maecenas-heavies, 'Poppins', sans-serif;
      --mono-font: "PT Mono", "Andale Mono", "Courier New", Courier, monospace;
      --bright-accent: 88, 24, 69;
      /* bright red */
      --medium-accent: 199, 0, 57 ;
      /* medium red */
      --dark-accent: 216, 1, 63;
      /* dark red */
      --newpage-color: 210, 74, 32;
      /* pale orange */
  }
  
  #page-title,
  .meta-title,
  .meta-title span {
      font-family: var(--header-font);
      color: rgb(120, 40, 31);
  }
  
  #header h2 {
      background: url(http://kaktuskontainer.wdfiles.com/local--files/iss-part1/hindi);
      background-repeat: no-repeat;
      background-clip: border-box;
      background-size: contain;
      top: 4.5rem;
      left: 8rem;
      height: 2rem;
  }   
  
  }

  Pages using this styling

  • god-i-hate-this [info]
  • scp-3279 [info]
  • scp-5265 [info]
  • scp-5413 [info]
  • scp-5550 [info]
  • scp-5903 [info]
• ¶ 6 occurrences
  

  #content-wrap::before {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background-repeat: repeat-x;
    pointer-events: none;
    opacity: 0.0;
  }

  Pages using this styling

  • fragment:spc-6500-0 [info]
  • fragment:spc-6500-2 [info]
  • fragment:spc-6500-3 [info]
  • fragment:spc-6500-4 [info]
  • fragment:spc-6500-5 [info]
  • fragment:spc-6500-6 [info]
• ¶ 6 occurrences
  

  
  div.terminal{
      border: 1px solid black;
      border: solid 3px #BBBBBB;
      border-radius: 16px;
      background-color: #131;
      /* black shadow at the top of the terminal */
      background-image:
          radial-gradient(ellipse 1000% 100% at 50% 90%, transparent, #121);
      background-position: center;
      display: block;
      /* shadow around the terminal */
      box-shadow: inset 0 0 10em 1em rgba(0,0,0,0.5);
      /* prevents scanline from forming a scrollwheel */
      overflow:hidden;
  }
  div.terminal blockquote {
      background-color: black;
      border: double 3px #80FF80
  }
  div.scanline{
      margin-top: -40%;
      width: 100%;
      height: 60px;
      position: relative;
      pointer-events: none;
      /* Safari 4.0 - 8.0 */
      -webkit-animation: scan 12s linear 0s infinite; /* You may need to change this. If the bar goes by too quickly, increase 5s. */
      animation: scan 12s linear 0s infinite; /* Same as above */
      background: linear-gradient(to bottom, rgba(56, 112, 82,0), rgba(56, 112, 82,0.1)) !important;
  }
  
  div.text{
      color: rgba(128,255,128,0.8);
      padding-left: 2em;
      padding-top: 40%;
      font-family: monospace;
      font-size: 1.2em;
  }
  
  /* Safari 4.0 - 8.0 */
  @-webkit-keyframes scan{
      from{ transform: translateY(-10%);}
      to{  transform: translateY(5000%);} /* You may need to change this depending on the length of your terminal. If the scanline stops halfway, increase the second number.*/
  }
  
  @keyframes scan{
      from{ transform: translateY(-10%);}
      to{  transform: translateY(5000%);} /* Same as above.*/
  }
  
  div.text a {
      color: #90EE90;
      text-decoration: none;
      background: transparent;
  }
  div.text a.newpage {
      color: #90EE90;
      text-decoration: none;
      background: transparent;
  }
  div.text a:hover {
      color: #131;
      text-decoration: underline;
      background-color: #80FF80;
      padding: 1px;
  }
  div.text a:hover::before{
      content: "> ";
  }

  Pages using this styling

  • fragment:scp-8425-0 [info]
  • scp-173-but-it-s-a-collaborative-log [info]
  • scp-7420 [info]
  • scp-9180 [info]
  • scp-9886 [info]
  • treatise-on-multiversal-authorities [info]
• ¶ 6 occurrences
  

  
  .email {float: center; border: solid 2px #000000; width: 88%; padding: 1px 15px; margin: 10px 10px 10px 10px; box-shadow: 0 1px 3px rgba(0,0,0,.5)}
  
  a.collapsible-block-link { font-weight: bold; }
  
  .tofrom {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px maroon}
  

  Pages using this styling

  • fragment:scp-7869-iteration-one [info]
  • scp-5297 [info]
  • scp-5516 [info]
  • scp-5837 [info]
  • scp-7697 [info]
  • whalefall [info]
• ¶ 6 occurrences
  

  #page-title {
    display: none;
  }
  
  .meta-title {
    border-bottom: solid 1px #bbbbbb;
    color: #990011;
    font-weight: normal;
    margin: 0 0 0.6em;
    padding: 0 0 0.25em;
    font-size: 200%;
  }
  
  .meta-title p {
    margin: 0;
  }

  Pages using this styling

  • fragment:scp-7676-2 [info]
  • scp-4947 [info]
  • scp-5947 [info]
  • scp-7552 [info]
  • scp-meta-ex-j [info]
  • secure-facility-dossier-site-56 [info]
• ¶ 6 occurrences
  

  .colmod-block > ul,
  .colmod-block > ul > li {
      display: block;
      line-height: normal;
      list-style: none;
      margin: 0;
      padding: 0;
  }
  .colmod-block > ul > li > ul,
  li.folded > .colmod-link-top a + a,
  li.folded > .colmod-content,
  li.folded > .colmod-link-end a,
  li.unfolded > .colmod-link-top a:first-child {
      display: none;
  }
  .colmod-content {
      -webkit-animation: colmod-fade-in 0.2s ease-in-out;
      -moz-animation: colmod-fade-in 0.2s ease-in-out;
      animation: colmod-fade-in 0.2s ease-in-out;
      -webkit-animation-timing-function: cubic-bezier(0.3649610494,0,0.6350389506,1);
      -moz-animation-timing-function: cubic-bezier(0.3649610494,0,0.6350389506,1);
      animation-timing-function: cubic-bezier(0.3649610494,0,0.6350389506,1);
  }
  li.folded > .colmod-content {
      -webkit-animation-name: none;
      -moz-animation-name: none;
      animation-name: none;
  }
  @-webkit-keyframes colmod-fade-in { from { opacity:0; } to { opacity:1; } }
  @-moz-keyframes colmod-fade-in { from { opacity:0; } to { opacity:1; } }
  @keyframes colmod-fade-in { from { opacity:0; } to { opacity:1; } }
  [class|="colmod-link"] div.foldable-list-container {
      display: inline;
  }
  .colmod-collapsiblealt > [class|="colmod-link"],
  .collapsiblealt > .colmod-block > ul > li > [class|="colmod-link"] {
      margin: 0.5em 0;
      text-align: center;
  }
  .colmod-collapsiblealt > [class|="colmod-link"] a,
  .collapsiblealt > .colmod-block > ul > li > [class|="colmod-link"] a {
      padding: 0.1em 0.5em;
      text-decoration: none;
      background-color: #F4F4F4;
      border: 1px solid #AAA;
      color: #000;
  }
  .colmod-collapsiblealt > [class|="colmod-link"] a:hover,
  .colmod-collapsiblealt > [class|="colmod-link"] a:active,
  .collapsiblealt > .colmod-block > ul > li > [class|="colmod-link"] a:hover,
  .collapsiblealt > .colmod-block > ul > li > [class|="colmod-link"] a:active {
      background: #DDD;
      text-decoration: none;
  }

  Pages using this styling

  • fragment:scp-7535-0 [info]
  • fragment:scp-7535-1 [info]
  • fragment:scp-7535-2 [info]
  • scp-6152 [info]
  • scp-7535 [info]
  • scp-7858 [info]
• ¶ 6 occurrences
  

  .page {
      display: block;
      overflow: hidden;
      font-family: "Courier New", "Courier", monospace;
      font-style: normal;
      background-attachment: scroll;
      background-clip: border-box;
      background-color: transparent;
      background-image: linear-gradient(to top ,rgb(202, 219, 228) 0%, rgb(231, 233, 220) 8%);
      background-origin: padding-box;
      background-position: 0px 8px;
      background-repeat: repeat;
      background-size: 100% 20px;
      border: 1px solid #CCC;
      border-radius: 10px;
      padding: 10px 10px;
      margin-bottom: 10px;
      box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2)
  }
  .page p,
  .page ul {
      line-height: 20px;
      margin: 0;
  }

  Pages using this styling

  • fragment:infamy-0 [info]
  • fragment:infamy-1 [info]
  • reintegration-aptitude-test-2022 [info]
  • scp-5578 [info]
  • scp-6738 [info]
  • to-the-office-of-thandiwe-tau [info]
• ¶ 6 occurrences
  

  /* Flopstyle: LITE
   * [2020 Wikidot Theme]
   * Created by Lt Flops
   * Select CSS Styles Are Credited Where Necessary
   * -- (CC BY-SA 3.0) --
  **/
   
  /* -------- SIDE-BAR -------- */
   #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'
  **/
   .anchor{
       position: -webkit-sticky;
       position: sticky;
       top: 0;
   
       z-index: 5;
  }
   .authorbox,
   .sidebox{
       position: absolute;
       width: calc((100vw - 870px) / 2);
       max-height: calc(100vh - 18rem);
       margin-right: 8px;
       padding: .3em 1.64em;
   
       box-sizing: border-box;
   
       z-index: 5;
  }
   .authorbox{
       top: .5em;
       right: 103.5%;
       max-width: calc((100vw - 921.2px) / 2) !important;
       padding-right: 1em;
   
       font-size: 95%;
  }
   .sidebox{
       left: 103.5%;
       margin-left: 1em;
       padding-left: 1em;
   
       background: hsl(0, 0%, 100%);
       border: 1px solid hsl(0, 0%, 73%);
       border-left: 8px solid var(--accentColor);
  }
   .authorbox tr th,
   .authorbox tr td,
   .sidebox tr th,
   .sidebox tr td{
       padding: .25em !important;
  }
   .flavorbox{
       width: 75%;
       margin: auto auto 5px;
       padding: 0 1em;
   
       border: 1px solid #888;
  }
   
  /* -------- Sidebox Mobile Optimization Courtesy of Woedenaz -------- */
   .limit{
       line-height: 1.5;
       z-index: 5;
  }
   .limit br{
       display: block;
  }
   @media (max-width: 1280px){
       .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: 1280px){
       .authorbox{
           display: none;
           visibility: hidden;
      }
  }
   
  /* -------- GENERAL -------- */
   :root{
     --accentColor: hsl(0, 100%, 30%);
     --vivid-lime-green: hsl(112, 77%, 48%);
  }
   body{
       color: hsl(0, 0%, 5%);
   
       word-break: unset;
  }
   #search-top-box-input,
   #search-top-box-input:hover,
   #search-top-box-input:focus,
   #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;
  }
   
  /* -------- COLLAPSIBLES -------- */
   .collapsible-block-link {
       font-size: 120%;
       font-weight: bold;
  }
   
  /* Licensebox Collapsible */
   .licensebox {
       text-align: center;
  }
   
   .licensebox blockquote,
   .licensebox div.blockquote {
       text-align: left;
  }
   
  /* -------- INFO BAR -------- */
   .info-container {
       --barColour: hsl(0, 89%, 18%);
  }
   
   .info-container .collapsible-block-link {
       font-size: 100%;
  }
   
   .info-container div.collapsible-block-content {
       padding: 0 .6rem 3rem;
  }
   
   @media (max-width: 767px) {
       .info-container div.collapsible-block-content div {
            margin-right: 0;
            margin-left: 0;
      }
  }
   
   .info-container .wiki-content-table {
       width: 90%;
  }
   
  /* -------- INFO PANE -------- */
   .creditRate{
       margin-right: 0 !important;
  }
   .rate-box-with-credit-button{
       border-radius: 0 !important;
       box-shadow: none !important;
  }
   .creditButton p a:hover,
   .creditButtonStandalone p a:hover{
       color: var(--vivid-lime-green) !important;
  }
   div.credit.first .wiki-content-table {
       width: 100%;
  }
   
  /* -------- PAGE RATING -------- */
   .page-rate-widget-box{
       margin-right: 0;
  }
   .page-rate-widget-box,
   div.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;
   
       line-height: 1.2;
       text-align: center;
       text-underline-offset: 25%;
       word-break: unset;
  }
   hr{
       height: 0;
       margin: 1em 0;
   
       background-color: transparent;
       border-top: 1px solid hsl(0, 0%, 67%);
  }
   
   ol li{
       margin: 0 0 1em;
  }
   ul{
       margin:1em 0;
  }
   li, p{
       line-height: 1.5;
       text-underline-offset: 30%;
  }
   .footnotes-footer, .bibitems{
       padding: 0 0 .5em;
  }
   
  /* -------- IMAGE BLOCK -------- */
  .scp-image-block .scp-image-caption{
       font-size: 95%;
       line-height: 1.35;
       text-underline-offset: 30%;
  }
   .scp-image-block.block-right{
       margin: 0 0 1em 2em;
  }
   
  /* -------- CUSTOM DIV BLOCKS -------- */
   .raisa-header, .pink-header,
   .oracle-header, .cicapoco-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: 1px 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;
  }
   
   .cicapoco-header{   /* ---- SPC's RAISA-Equivalent Header ---- */
       background: lightblue;
       border: 1px solid hsl(195, 50%, 39%);
  }
   .cicapoco-header hr{
       border-color: hsl(195, 50%, 39%);
  }
   
   .content-warning{   /* ---- Content Warning ---- */
       width: 75%;
       margin: 1rem auto;
       padding: 0 1rem;
   
       background: white;
       border: 3px double black;
   
       text-align: center;
  }
   
   blockquote, /* ---- Regular Quote Block ---- */
   div.blockquote{
       background-color: hsl(0, 0%, 96%);
       border: 3px double hsl(0, 0%, 60%);
  }
   blockquote table.wiki-content-table th,
   div.blockquote table.wiki-content-table th{
       background-color: hsl(0, 0%, 89%);
  }
   
   .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%);
  }
   
   .report-box.red-tint blockquote hr, .report-box.red-tint div.blockquote hr,
   .report-box.orange-tint blockquote hr, .report-box.orange-tint div.blockquote hr,
   .report-box.yellow-tint blockquote hr, .report-box.yellow-tint div.blockquote hr,
   .report-box.green-tint blockquote hr, .report-box.green-tint div.blockquote hr,
   .report-box.cyan-tint blockquote hr, .report-box.cyan-tint div.blockquote hr,
   .report-box.blue-tint blockquote hr, .report-box.blue-tint div.blockquote hr,
   .report-box.magenta-tint blockquote hr, .report-box.magenta-tint div.blockquote hr,
   .report-box.grey-tint blockquote hr, .report-box.grey-tint div.blockquote hr{
       border-color: hsl(0, 0%, 67%);
  }
   
   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%, 63%);
  }
   
   .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;
  }
   .warning-notice hr{
       border-color: hsl(0, 0%, 5%);
  }
   
   .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 .bibitems,
   .indented .footnoteref,
   .indented .footnotes-footer,
   .indented .scp-image-block,
   .indented h1, .indented h2, .indented h3,
   .indented h4, .indented h5, .indented h6,
   .indented .image-container,
   .indented ol,
   .indented ul,
   .indented .centered{
       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;}
   @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: 3.6em 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: 3.5em;
       margin: 2em 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;
  }
   
  /* -------- WIKIWALK NAVIGATOR -------- */
   .footer-wikiwalk-nav {
      text-align: center;
  }
   
  /* -------- INTERWIKI -------- */
   div.scpnet-interwiki-wrapper{
       margin-bottom: 2rem;
  }
   iframe.scpnet-interwiki-frame{
       width: 17.75em;
       min-height: 4.25em;
       margin-left: 4px;
   
       background: hsl(127, 050%, 94%);
       border: 1px solid hsl(0, 0%, 20%);
  }
   #interwiki body{
       overflow: hidden;
  }
   #interwiki .side-block{
       padding: 5px;
   
       background: 0;
       border: 0;
       box-shadow: none;
  }
   #interwiki .heading{
       color: hsl(0, 0%, 5%);
       border-bottom: 1px solid hsl(0, 0%, 20%);
  }
   #interwiki .menu-item img{
       display: none;
  }
   
  /* -------- SHOW-CHANGES HIGHLIGHTS -------- */
   .inline-diff ins::before{
       color: hsl(240, 100%, 93%);
  }
   .inline-diff del::before{
       color: hsl(0, 100%, 90%);
  }
   .inline-diff ins + del::before,
   .inline-diff del + ins::before{
       color: transparent;
  }
   .inline-diff br + ins::before,
   .inline-diff br + del::before,
   .inline-diff ins:first-of-type::before,
   .inline-diff del:first-of-type::before{
       position: absolute;
       display: inline-block;
       left: -1em;
   
       content: "\f111";
       font: normal normal normal 16px/1 "FontAwesome";
       text-rendering: auto;
       -webkit-font-smoothing: antialiased;
       -moz-osx-font-smoothing: grayscale;
  }
   
  /* -------- PRESENTATION -------- */
   .templateInfo{
       margin: 1em 0;
       padding: 0 1em;
       background: hsl(0, 0%, 100%);
       border: 1px solid hsl(0, 0%, 87%);
  }
   
  /* -------- CROQSTYLE ALTERATIONS -------- */
   #edit-page-textarea{ font-family: unset; }
   tt{
       background-color: unset;
       font-size: unset;
       padding: unset;
       margin: unset;
       border-radius: unset;
  }
   
  /* ---- BETTERFOOTNOTES PATCH ---- */
   :root{
       --posX: calc(50% - 358px - 13rem) !important;
       --fnLinger: 1.5s !important;
  }
   .fnnum{
       font-size: 90%;
  }
   .fnnum:hover + .fncon{
       right: calc(-8vw - 4rem) !important;
  }
   
  /* -------- 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%;
      }
  }

  Pages using this styling

  • fragment:8000contestampyrsand-1 [info]
  • fragment:8000contestampyrsand-2 [info]
  • fragment:8000contestampyrsand-7 [info]
  • fragment:scp-9988-2 [info]
  • scp-7757 [info]
  • scp-8844 [info]
• ¶ 6 occurrences
  

  :root {
      --logo-image: url("https://scp-wiki.wikidot.com/local--files/grigori-karpin-s-author-page/vanguard%20transparent.png");
      --header-title: "ANGUARD";
      --header-subtitle: "SHELTER - NORMALIZE - INFORM";
      --header-h2-font-size: 1.1em;
  }
  
  #header::before {
      left: -12rem;
      filter: brightness(125%);
      opacity: 1;
  }
  
  #header h1 a::before {
      font-size: unset;
  }
  
  #header h2::before {
      color: #fe4;
  }
  
  #header h2 {
      top: 1em;
  }
  
  #header #login-status {
      left: -2vw;
  }
  
  @media (max-width: 767px) {
      #header::before {
          left: -7rem;
      }
  
      #header h1 {
          top: 0.5em;
          left: 0.5em;
      }
  }
  
  #page-title {
      display: none;
  }
  

  Pages using this styling

  • facing-forward [info]
  • gambi-s-gambit [info]
  • god-meat-s-back-on-the-menu [info]
  • the-face-of-silesian-independence-in-the-21st-century [info]
  • the-first-occult-flame-war [info]
  • the-trainee-gets-trolled [info]
• ¶ 6 occurrences
  

  @import url('https://fonts.googleapis.com/css2?family=Charm&display=swap');
  
  .rmpostcontainer
  {
      background-image: url('http://firedawnfolder.wikidot.com/local--files/component:larueposting/LaRueDesk.png');
      background-repeat: no-repeat;
      width: 100%; max-width: 660px;
      height: 980px;
      margin: 0px;
          padding: 60px 20px 0px 60px;
  }
  
  .rmpostcontent
  {
      font-family: 'Charm', cursive;
      font-style: normal;
      font-size: 1.32em;
      color: #000;
      width: 530px;
      height: 880px;
      padding: 30px;
      margin: 0px;
      margin-top: -8px;
  }
  
  .rmpostmobiletitle
  {
      display: none;
  }
  
  .scribble
  {
      font-style: bold;
      font-size: 1.32em;
      color: #000;
      width: 300px;
      padding: 0px 0px 0px 20px;
      margin: 0px;
      margin-top: -8px;
      -ms-transform: rotate(20deg); /* IE 9 */
      transform: rotate(12deg); /* Standard syntax */
  }
  
  @media only screen and (max-width: 600px) {
  
      .rmpostcontainer {
          background-image: url("http://firedawnfolder.wikidot.com/local--files/component:larueposting/LaRueMobile.png");
          background-size: 100%;
          background-repeat: repeat;
          width: 100%;
          height: auto;
          padding: 0px;
          padding-top: 0px;
      }
  
      .rmpostcontent {
          font-size: 14pt;
          width: 85%;
          height: auto;
          padding: 10px 10px 0px 30px;
      }
  
      .rmposttitle {
          width: auto;
          height: auto;
          padding: 0px 20px 0px 70px;
      }
  
  }
  

  Pages using this styling

  • excerpt-of-the-naelkaen-bestiary-ruensaastilaepsia [info]
  • excerpt-of-the-naelkaen-bestiary-the-koepiokoerae [info]
  • excerpt-of-the-naelkaen-bestiary-the-vasasoonenuetae [info]
  • naelkaen-history-orokin-koetonae [info]
  • naelkaen-history-the-legacy-of-orok [info]
  • re-kto-7890-valentinus [info]
• ¶ 6 occurrences
  

  #header h2 span::before {
      content: 'Unusual Incidents Unit';
  }
  .uiu-header-box {
     border: solid 5px #999999;
     background:#eef0f2;
     padding: 10px;
     margin-bottom: 10px;
  }
  .uiu-header-box a.collapsible-block-link{
     font-size: 2em;
     font-weight: bold;
  }
  .uiu-file-box {
     border: solid 2px #000000;
     background: #eef0f2;
     padding: 10px;
     margin-bottom: 10px;
     overflow-x: auto;
  }
  .yui-navset .yui-nav {
      border: solid #999999;
      border-width: 5px 5px 0px 5px;
      background: #999999;
  }
  .yui-navset .yui-nav li {
      margin: 0px 2px 0px 0px;
      padding: 0px;
  }
  .yui-navset .yui-nav .selected {
      margin: 0px 2px 0px 0px;
      padding: 0px;
  }
  .yui-navset .yui-nav li em {
      font-family: courier, monospace !important;
      font-size: 12pt;
      font-weight: bold;
  }
  .yui-navset .yui-content {
      background: #eef0f2;
      border: solid 2px #000000;
  }
  .yui-navset .yui-nav a em {
      padding: 0px 5px 0px 5px;
  }
  .yui-navset .yui-nav .selected a em {
      padding: 0px 5px 0px 5px;
  }
  div.yui-navset ul.yui-nav a,
  div.yui-navset div.yui-navset-top ul.yui-nav a {
      background: #f4eede;
      border: solid #000000;
      border-width: 3px 3px 1px 3px;
  }
  div.yui-navset ul.yui-nav a:hover,
  div.yui-navset ul.yui-nav a:focus {
      background: #bfc3d4;
  }
  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: #0a0037;
      border: solid 3px #ffffff;
  }
  @media (max-width: 767px) {
    #header h1 a::before {
          content: "FBI ";
          font-size: 6vw;
          padding-inline-start: 55px;
      }
   
      #header h2 span::before {
          content: 'UIU';
          padding-inline-start: 55px;
      }
   }

  Pages using this styling

  • dead-mans-hand [info]
  • dead-mans-secrets [info]
  • dead-mans-switch [info]
  • digging-two-graves [info]
  • quinn-law-hub [info]
  • rotten-bunker-blues [info]
• ¶ 6 occurrences
  

  /*
      Third Law Canon, Dead King's March Theme
      [2025 Wikidot Theme]
      A variant of the Third Law Theme created by Anorrack.
      Based on SCP Sigma 9 Theme created by Aelanna and Dr Devan and the deprecated Sapphire Theme by stormbreath, Lt Flops, and Uncle Nicolini.
      The Station font was created by Nick Matavka and is licensed under the SIL Open Font License.
      The Cuneiform God logo ("DINGR") was created by Geoff Richards and falls under the public domain.
  */
   
  h1, #page-title {
      color: #003153;
  }
   
  #page-title {
      border-color: #315B7D;
  }
   
  body {
      background-color:  #e5e5e5;; /* page background*/
       color: #0c0c0c;
   
       --neutral: #e5e5e5;
       --key: #17181c;
       --sapphire-muted: #151a61;
       --sapphire: #000880;
       --sapphire-mid: #2634f2;
       --sapphire-light: #666999;
       --white-sapphire: #ebebf0;
       --gray-sapphire: #5b5b5d;
       --light: #bbb;
       --mid-light: #999;
       --mid: #9b9ca1;
       --mid-dark: #666;
       --dark: #333;
       --grad-1: #5b5b5b;
       --grad-2: #878787;
       --bone-white: #e9ebf0
  }
   
  div#container-wrap {
      background-image: url(https://scp-wiki.wdfiles.com/local--files/theme%3Asapphire/sapphire-body-bg.png);
  }
   
  /* COMMON */
   h1,
   #page-title {
       color: var(--sapphire-muted);
  }
   h1 {
       margin-top: 0;
       padding: 0;
       font-weight: bold;
  }
   #page-title {
       border-color: #0d0e26;
  }
   a {
       color: var(--sapphire-muted);
  }
   a.newpage {
       color: var(--sapphire-light);
       font-weight: bold;
  }
   #side-bar a {
       color: var(--sapphire-muted);
  }
   a:visited {
       color: var(--sapphire);
  }
   a.collapsible-block-link {
       font-weight: bold;
  }
   
  #header {
      background-image: url(http://scp-sandbox-3.wikidot.com/local--files/anorrack-iv/god_white.png);
  background-repeat: no-repeat;
      background-size: 110px;
      background-position: 0px 50px;
  }
   
   
  #search-top-box-input {
      border: solid 1px #0c1121;
      color: var(--bone-white);
      background-color: #640d14;
  }
   
  #search-top-box-input:hover,
  #search-top-box-input:focus {
      border: solid 1px #bfc3d4;
      color: var(--bone-white);
      background-color: #e85f5c;
  }
  #search-top-box-form input[type=submit] {
      border: solid 1px #0c1121;
      color: var(--bone-white);
      background-color: #640d14;
      background: linear-gradient(to bottom, #640d14,#7f1023);
  }
   
  #search-top-box-form input[type=submit]:hover,
  #search-top-box-form input[type=submit]:focus {
      border: solid 1px #bfc3d4;
      color: var(--bone-white);
      background-color: #640d14;
      background: linear-gradient(to bottom, #7f1023,#640d14);
  }
  
  #header h1 a::before {
      content: "𒐁RD LAW";
      color: var(--bone-white);
  }
   
  #header h2 span::before {
      content: "RULE HELL THROUGH VIOLENCE";
      color: #ff0000;
  }
  
   
  #search-top-box-input {
       border: solid 1px var(--neutral);
       color: var(--sapphire-mid);
       background-color: var(--key);
  }
   #search-top-box-input:hover,
   #search-top-box-input:focus {
       border: solid 1px var(--white-sapphire);
       color: white;
       background-color: var(--gray-sapphire);
  }
   #search-top-box-form input[type=submit] {
       border: solid 1px var(--neutral);
       color: var(--neutral);
       background-color: var(--dark);  
       background: linear-gradient(to bottom, var(--grad-2), var(--grad-1), var(--dark));
  }
   #search-top-box-form input[type=submit]:hover,
   #search-top-box-form input[type=submit]:focus {
       border: solid 1px white;
       color: white;
       text-shadow: 0 0 1px rgba(255,255,255,.25);
       background-color: var(--mid);
       background: linear-gradient(to bottom, var(--neutral), var(--grad-2), var(--grad-1));
  }
   #login-status {
       color: var(--neutral);
  }
   #login-status a {
       color: var(--neutral);
  }
   #login-status ul a {
       color: var(--sapphire);
  }
   #account-topbutton {
       background: var(--light);
       color: var(--sapphire);
  }
   
  /* TOP MENU */
   #top-bar a {
       color: var(--light);
  }
   #top-bar ul li ul {
       border: solid 1px var(--mid-dark);
       box-shadow: 0 2px 6px rgba(0,0,0,.5);
  }
   #top-bar ul li a {
       border-left: solid 1px rgba(64,64,64,.1);
       border-right: solid 1px rgba(64,64,64,.1);
  }
   #top-bar ul li.sfhover a,
   #top-bar ul li:hover a {
       background: var(--dark);
       color: var(--neutral);
       border-left: solid 1px rgba(64,64,64,1);
       border-right: solid 1px rgba(64,64,64,1);
  }
   #top-bar ul li.sfhover ul li a,
   #top-bar ul li:hover ul li a {
       border-top: 1px solid var(--dark);
  }
   #top-bar ul li.sfhover a:hover,
   #top-bar ul li:hover a:hover {
       background: var(--mid-light);
  }
   #top-bar ul li ul a,
   #top-bar a:hover {
       color: var(--neutral);
  }
   
  /* SIDE MENU */
   .menu-item > .image {
       filter: hue-rotate(236deg) saturate(50%) brightness(111%) !important;
       -webkit-filter: hue-rotate(236deg) saturate(50%) brightness(111%) !important;
  }
   #side-bar .side-block {
       border: 1px solid var(--dark);
       background: var(--neutral);
       border-radius: 0px;
       box-shadow: 0 2px 6px rgba(102,102,102,.5);
  }
   #side-bar .heading {
       color: var(--dark);
       border-bottom: solid 1px #000880;
       border-bottom: solid 1px var(--sapphire);
  }
   #side-bar p {
       margin: 0;
  }
   #side-bar div.menu-item {
       margin: 2px 0;
  }
   #side-bar .collapsible-block-folded {
       background: none;
  }
   #side-bar .collapsible-block-unfolded-link {
       border-bottom: solid 1px var(--dark);
  }
   #side-bar .collapsible-block-unfolded-link .collapsible-block-link {
       color: var(--dark);
  }
   #side-bar .collapsible-block-unfolded-link .collapsible-block-link:hover {
       color: var(--mid-dark);
  }
   #side-bar .floating-ad img {
       border-radius: 0px;
       filter: hue-rotate(236deg) saturate(50%) brightness(111%);
       -webkit-filter: hue-rotate(236deg) saturate(50%) brightness(111%);
  }
   
  /* SIDEBAR CHANGES PER NAV UPDATE */
   #side-bar .side-block[style="background-color: #fff0f0;"] {
       background-color: var(--neutral) !important;
  }
   #side-bar .side-block[style="background-color: #e5e5ff;"] {
       background-color: var(--neutral) !important;
  }
   
  /* YUI-TABS */
   .yui-navset .yui-content {
       background-color: var(--neutral);
  }
   .yui-navset .yui-nav a,
   .yui-navset .yui-navset-top .yui-nav a {
       background-color: var(--dark);
  }
   .yui-navset .yui-nav .selected a,
   .yui-navset .yui-nav .selected a:focus, /* NO FOCUS EFFECT FOR SELECTED */
   .yui-navset .yui-nav .selected a:hover { /* NO HOVER EFFECT FOR SELECTED */
       background: var(--dark); /* SELECTED TAB BACKGROUND */
       color: white;
  }
   .yui-navset .yui-nav a:hover,
   .yui-navset .yui-nav a:focus {
       background: var(--light);
       text-decoration: none;
  }
   .yui-navset .yui-nav,
   .yui-navset .yui-navset-top .yui-nav {
       border-color: var(--dark);
  }
   .yui-navset li {
       line-height: normal;
  }
   
  /* AYERS' INFO MODULE */
   :root {
       --cutColour: #050505;
       --barColour: var(--sapphire-muted);
  }
   
  /* INFO PANE */
   .rate-box-with-credit-button {
       background-color: var(--sapphire-muted) !important;
       border: 1px solid var(--sapphire-muted) !important;
       border-radius: 0 !important;
       box-shadow: 1px 1px 3px rgba(0,0,0,.5) !important;
  }
   .rate-box-with-credit-button .creditButton p a {
       border-left-color: var(--sapphire-light) !important;
  }
   .rate-box-with-credit-button .page-rate-widget-box .cancel {
       border-radius: 0;
  }
   .rate-box-with-credit-button .fa-info:hover {
       color: var(--sapphire-light) !important;
  }
   .rate-box-with-credit-button .page-rate-widget-box .rate-points {
       border-left: 0;
  }
   .close-credits {
       filter: hue-rotate(236deg);
  }
   .modalbox {
       box-shadow: 0 1px 10px rgba(39,51,221,.3) !important;
  }
  
   @media (max-width: 767px) {
       #top-bar .open-menu a {
           border: 0.2em solid var(--mid-light);
           background-color: white;
           color: var(--mid-light);
      }
       #side-bar {
           background-color: var(--sapphire-light);
      }
   
  #header h1 a::before {
          content: "𒐁RD LAW";
          font-size: 6vw;
          padding-inline-start: 55px;
      }
   
   
      #header h2 span::before {
          content: 'HELL, VIOLENCE';
          padding-inline-start: 55px;
      }
  }
  
  /* RATING MODULE */
   div.page-rate-widget-box .rate-points {
       background-color: var(--sapphire-muted);
       border: solid 1px var(--sapphire-muted);
       border-radius: 0;
  }
   .page-rate-widget-box .rateup,
   .page-rate-widget-box .ratedown {
       background-color: var(--neutral);
       border-top: solid 1px var(--sapphire-muted);
       border-bottom: solid 1px var(--sapphire-muted);
       font-weight: bold;
  }
   .page-rate-widget-box .rateup a,
   .page-rate-widget-box .ratedown a {
       background: none;
       color: var(--sapphire-muted);
       padding: 0 4px;
       margin: 0 1px;
  }
   .page-rate-widget-box .rateup a:hover,
   .page-rate-widget-box .ratedown a:hover {
       background: var(--sapphire-muted);
       color: white;
       text-decoration: none;
  }
   .page-rate-widget-box .cancel {
       background-color: var(--sapphire-muted);
       border: solid 1px var(--sapphire-muted);
       border-left: 0;
       border-radius: 0;
  }
   .page-rate-widget-box .cancel a {
       background: transparent;
       color: var(--sapphire-light);
  }
   .page-rate-widget-box .cancel a:hover {
       border-radius: 0;
       background: var(--sapphire-muted);
       color: white;
       text-decoration: none;
  }
   @media (max-width: 767px) {
       #top-bar .open-menu a {
           border: 0.2em solid var(--mid-light);
           background-color: white;
           color: var(--mid-light);
      }
       #side-bar {
           background-color: var(--sapphire-light);
      }
  }

  Pages using this styling

  • dead-king-s-march [info]
  • king-of-the-dead-breaker-of-chains [info]
  • scp-8660 [info]
  • slayer-of-wickedness [info]
  • to-be-king-in-the-house-of-dust [info]
  • with-naught-but-dust-to-eat [info]
• ¶ 6 occurrences
  

  :root {
      --timeDelay: 0.5s;

  Pages using this styling

  • danimals [info]
  • fragment:scp-6121-offset-0 [info]
  • fragment:scp-6121-offset-1 [info]
  • scp-5494 [info]
  • scp-6263 [info]
  • scp-8056 [info]
• ¶ 6 occurrences
  

  @import url('https://scp-wiki.wdfiles.com/local--code/component%3Acolstyle/1');

  Pages using this styling

  • component:colstyle [info]
  • component:coltop [info]
  • component:inline-colmod [info]
  • flys-purgatory [info]
  • scp-7873 [info]
  • talk-the-talk-writing-seminar-dialogue [info]
• ¶ 6 occurrences
  

  
  :root {
      --header-title: "Nobody";
      --header-subtitle: "One role, infinite carriers";
  }
  .danger-diamond > .arrows {
       top: 0;
  }
  #header h2 {
      padding: .5em;
  }
  
  .footnotes-footer {
  display:none;
  }
  
  .starfade {
      background: linear-gradient(to bottom, rgb(var(--space-void) / 0.575), rgb(var(--space-void) / 0.575) 50%, transparent) !important;
  }
  
  .starfade::before {
      border: unset;
  }

  Pages using this styling

  • brothers-in-absence [info]
  • dead-since-the-beginning [info]
  • first-mission [info]
  • golden-mean [info]
  • how-to-be-me [info]
  • transmutation [info]
• ¶ 6 occurrences
  

  @import url(/component:aapa-theme/code/1);

  Pages using this styling

  • autonomy-part-i [info]
  • autonomy-part-ii [info]
  • autonomy-part-iii [info]
  • autonomy-part-iv [info]
  • autonomy-part-v [info]
  • directive-a-42 [info]
• ¶ 6 occurrences
  

  .footnotes-footer {display: none;}

  Pages using this styling

  • art:mooagain-s-art-page [info]
  • dr-moto-s-center-for-odd-occurrences [info]
  • into-the-motoverse [info]
  • mooagain-s-house [info]
  • scp-8013 [info]
  • the-greazeburger-holiday-special [info]
• ¶ 6 occurrences
  

  #header {background-image: url(http://smlt.wdfiles.com/local--files/plaguebearer%3Anobody/%3F);}
  #header h1 a {
      display: block;
      margin: 0;
      padding: 80px 0 25px;
      line-height: 0px;
      max-height: 0px;
      color: transparent;
      background: transparent;
      font-family: BauhausLTDemi. 'Nanum Gothic'. Arial. sans-serif;
      text-decoration: none;
      text-shadow: none;
      letter-spacing: 0.9px;
  }
   
  #header h1 a::before {
      content: "Nobody";
      color: #fff;
      letter-spacing: -0.02em;
      text-shadow: 3px 3px 5px #000;
  }
   
  #header h2 span {
      display: block;
      margin: 0;
      padding: 19px 0;
      line-height: 0px;
      max-height: 0px;
      font-weight: bold;
      color: transparent;
      text-shadow: none;
  }
   
  #header h2 span::before {
      content: '...';
      color: #fff;
      text-shadow: 1px 1px 1px #000;
      text-shadow: 1px 1px 1px rgba(0,0,0,.8);
  }
  
  sup {
    vertical-align: top;
    position: relative;
    top: -0.5em;
  }
  
  .scp-image-block.block-right { margin: 1em 2em 1em 1em; }
  

  Pages using this styling

  • a-nice-waffle-dinner [info]
  • arson-activism-and-mustaches [info]
  • nobody-in-trouble [info]
  • nobody-s-observations-on-temporal-displacement-family-and-wa [info]
  • nobody-special [info]
  • nobody-there-but-the-thing-in-itself [info]
• ¶ 6 occurrences
  

  div#header h1 a span {
      font-size: 0px;
  }
  div#header h1 a:before {
      content: "MTF Alpha-9";
      color: #eee;
      font-family: jostregular;    
  }
  div#header h2 span {
      font-size:0px;
      padding: 4px;
  }
  div#header h2:after {
      content: "Last Hope";
      font-weight: bold;
      font-size: 15px;
      font-family: jostregular;
      color: #eee;
      border-color: rgba(0,0,0,0.267);
  }
  #page-title {
      display: none;

  Pages using this styling

  • a-funny-thing-happened-on-the-way-to-the-manor [info]
  • a-study-in-cinnabar [info]
  • old-faces-new-foes [info]
  • old-friends-old-sins [info]
  • quarantine-blues [info]
  • the-specter-and-the-orphan-crusher [info]
• ¶ 6 occurrences
  

  .document {
      padding: 4px 16px 4px 16px;
      box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
      width: 85%;
      margin: auto;
      margin-bottom: 28px;
      margin-top: 28px;
      background: white;
      border: solid 2px #5D5D5D;
  }
  .jandm {
      border-left: solid 3px rgb(204, 153, 0);
      border-right: solid 3px rgb(204, 153, 0);
      padding: 25px 25px 25px 25px;
      box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
      margin: auto;
      background: #f7f7f7;
  }
  .flashboss {
      border-left: solid 3px rgb(153, 0, 153);
      border-right: solid 3px rgb(153, 0, 153);
      padding: 25px 25px 25px 25px;
      box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
      margin: auto;
      background: #f7f7f7;
  }
  .flashdel {
      border-left: solid 3px rgb(43, 95, 179);
      border-right: solid 3px rgb(43, 95, 179);
      padding: 25px 25px 25px 25px;
      box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
      margin: auto;
      background: #f7f7f7;
  }
  .muddle {
      padding: 4px 16px 4px 16px;
      box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
      width: 85%;
      margin: auto;
      margin-bottom: 28px;
      margin-top: 28px;
      background: #E9FBDF;
      border: solid 2px #5D5D5D;
  }
  .flashblank {
      border-left: solid 3px rgb(102, 153, 51);
      border-right: solid 3px rgb(102, 153, 51);
      padding: 25px 25px 25px 25px;
      box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
      margin: auto;
      background: #f7f7f7;
  }
  .flashyhammer {
      border-left: solid 3px rgb(197, 0, 11);
      border-right: solid 3px rgb(197, 0, 11);
      padding: 25px 25px 25px 25px;
      box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
      margin: auto;
      background: #f7f7f7;
  }
  .flashwet {
      border-left: solid 3px rgb(102, 102, 255);
      border-right: solid 3px rgb(102, 102, 255);
      padding: 25px 25px 25px 25px;
      box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
      margin: auto;
      background: #f7f7f7;
  }
  .udoflashback {
      border-left: solid 3px rgb(255, 149, 14);
      border-right: solid 3px rgb(255, 149, 14);
      padding: 25px 25px 25px 25px;
      box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
      margin: auto;
      background: #f7f7f7;
  }
  .generic {
      border-left: solid 3px rgb(93, 93, 93);
      border-right: solid 3px rgb(93, 93, 93);
      padding: 25px 25px 25px 25px;
      box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
      margin: auto;
      background: #f7f7f7;
  }

  Pages using this styling

  • 43-nothing-happens [info]
  • 53-those-who-cant [info]
  • 62-things-that-pass [info]
  • 63-de-tijd-vliegt [info]
  • 64-idiosynchrony [info]
  • 65-plot-treason-and-gunpowder [info]
• ¶ 5 occurrences
  

  .email {float: center; border: solid 2px #000000; width: 88%; padding: 1px 15px; margin: 10px 10px 10px 10px; box-shadow: 0 1px 3px rgba[0,0,0,.5]}
  a.collapsible-block-link { font-weight: bold; }
  .tofrom {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px maroon}

  Pages using this styling

  • scp-4440 [info]
  • scp-5355 [info]
  • scp-5550 [info]
  • scp-5660 [info]
  • scp-5689 [info]
• ¶ 5 occurrences
  

  blockquote {
  border-style: solid;
  border-color: # 000000;
  border-width: 1pt;
  background-color: #FFFFFF;
  box-shadow: 0px 1px 2px

  Pages using this styling

  • scp-3824 [info]
  • scp-4165 [info]
  • scp-4629 [info]
  • scp-4915 [info]
  • scp-5058 [info]
• ¶ 5 occurrences
  

  :root{
  --cutColour: #fafafa;
  --barColour: #590505;
  }
  
  .info-container .collapsible-block-folded a{
  color: #FFF;}
  .info-container .collapsible-block-unfolded-link a{
  color: #FFF;}
  
  .translation_block{
  display:none;}

  Pages using this styling

  • scp-2410 [info]
  • scp-3272 [info]
  • scp-4596 [info]
  • scp-5153 [info]
  • spc-720 [info]
• ¶ 5 occurrences
  

  @import url('https://fonts.googleapis.com/css?family=Berkshire+Swash');
  @import url('https://fonts.googleapis.com/css2?family=Aladin&display=swap');
  
  .wonder {
      border: solid 1px #999999;
      background:#f2f2c2;
      padding: 5px;
      margin-bottom: 10px;
  }
  
  .wonder h4 {
       color: #780d8e;
       font-family: 'Berkshire Swash', cursive;
  }
  
  .funtastic {
      border: solid 1px #999999;
      background: #bdbd6d;
      padding: 5px;
      margin-bottom: 10px;
  }
  
  .funtastic h3 {
      color: #6c0e0e;
      font-family: 'Aladin', cursive;
  }

  Pages using this styling

  • scp-1551-ex [info]
  • scp-6067 [info]
  • scp-6157 [info]
  • scp-6558 [info]
  • scp-8757 [info]
• ¶ 5 occurrences
  

  
  @import url('https://fonts.googleapis.com/css2?family=Permanent+Marker&display=swap');
  
  /* ROOT SETTINGS */
  :root {
      --title: "Site-02";
      --subtitle: "Shattered Crown";
      --title-size: 1.2rem;
      --subtitle-size: 2.5rem;
      --logo: url('https://scpdsandbox.wdfiles.com/local--files/nostalgia-theme/primary_shcr_white.png');
  
      --basalt-secondary-color: 34, 34, 35;
      --top-bar-dropdown-background: var(--basalt-secondary-color);
      --basalt-UI-dark-pallete: 89, 89, 89;
  
      --header-UI-font-size: calc(var(--true-font-size) * .85);
      --header-UI-font-size: calc(var(--true-font-size) * .95);
      --basalt-bright-element-color: 224, 72, 73;
      --basalt-main-text-color: 230, 230, 230;
      
      --base-header-height: calc((var(--title-size) + var(--subtitle-size)) * 1.275 + 1.5rem);
  
      --search-button-width: 2.5rem;
      --user-button-width: 3.5rem;
  
      --blockquote-background-color: var(--basalt-UI-dark-palette);
  
      --footnote-background-color: var(--basalt-UI-dark-palette);
      --image-caption-background-color: var(--basalt-secondary-color);
      --basalt-th-background-color: var(--basalt-secondary-color);
      --hr-color: var(--basalt-UI-dark-palette);
  }
  
  /* HEADER MUMBO JUMBO */
  
  #header {
      display: grid;
      position: sticky;
      contain: layout;
  }
  
  #header::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background-image: url('http://scpdsandbox.wikidot.com/local--files/nostalgia-theme/inv_pate_black_v2_redux.png');
      filter: brightness(1.1) contrast(1) saturate(0.9);
      background-repeat: repeat;
      background-size: auto;
      z-index: -1;
      pointer-events: none;
  }
  
  #header-extra-div-1 {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      overflow: hidden; /* ONLY this div clips - not the whole header */
      pointer-events: none;
      z-index: 1;
  }
  
  #header-extra-div-1 span {
      position: absolute;
      top: 50%;
      right: calc(var(--search-button-width) + var(--user-button-width) + 250px);
      width: clamp(925px, 20vw, 650px);
      height: clamp(950px, 25vw, 550px);
      transform: translateY(-50%) rotate(-15deg);
      background-image: url('http://scpdsandbox.wikidot.com/local--files/nostalgia-theme/primary_shcr_white.png');
      background-repeat: no-repeat;
      background-size: contain;
      background-position: center;
      opacity: 0.25;
      filter: hue-rotate(180deg) saturate(0.3) brightness(0.7);
      display: block;
  }
  
  /* HIDE: Crown on mobile */
  @media (max-width: 1100px) {
      #header-extra-div-1 {
          display: none;
      }
  }
  
  #header h1 a span {
      margin-left: 0.65rem;
  }
  
  #header h1 a::before {
      width: calc(var(--base-header-height) * 0.65);
      min-width: calc(var(--base-header-height) * 0.70);
  }
  
  #header h1 a span {
      text-align: center;
      display: inline-block;
      width: max-content;
      min-width: max-content;
      height: unset;
  }
  
  #header h1 a span::before,
  #header h1 a span::after {
      display: block;
      white-space: nowrap;
      width: max-content;
      margin: 0 auto;
  }
  
  #header h1 a span::before {
      content: var(--title);
      font-size: var(--title-size);
      font-weight: bold;
      line-height: 1.1;
  }
  
  #header h1 a span::after {
      content: var(--subtitle);
      font-size: var(--subtitle-size);
      font-weight: 900;
      line-height: 1;
      margin-bottom: 0px;
  }
  
  /* TOPBAR */
  
  #top-bar div[class*=top-bar]>ul>li>a {
      padding: 0 calc(var(--header-UI-font-size) * 2.5);
  }
  
  #top-bar div[class*=top-bar] ul li ul li a {
      background: rgb(var(--basalt-UI-dark-palette), var(--basalt-UI-opacity));
  }
  
  
  #top-bar div[class*=top-bar] > ul > li {
      margin: 0rem 0rem;
      white-space: nowrap;
  }
  
  #top-bar div[class*=top-bar] > ul > li > a {
      transition: background-color 0.15s ease;
      padding: 0 calc(var(--header-UI-font-size) * 2.5);
  }
  
  #top-bar div[class*=top-bar] > ul > li:first-child {
      margin-left: 0;
  }
  
  #top-bar div[class*=top-bar] > ul > li:last-child {
      margin-right: 0;
  }
  
  /* LOGIN STATUS */
  #login-status span.printuser>a {
      padding: min(calc(var(--base-header-height) * .175), 0.325rem);
  }
  
  /* BODY */
  body {
      color: rgb(var(--basalt-secondary-color));
      background-image: url(http://scpdsandbox.wikidot.com/local--files/nostalgia-theme/nor_pate_white_v2_redux.png);
  
  /* BLOCKQUOTES */
  
  .blockquote hr {
      background-color: rgb(var(--basalt-primary-color));
  }
  
  /* TABLES */
  table th,
  table tr:first-child td {
      border: 0.15rem solid rgb(var(--basalt-secondary-color));
  }
  
  /* TABS */
  .yui-navset.yui-navset-top {
      border: 1px solid rgb(var(--basalt-secondary-color));
  }
  
  :is(:where(#page-content) table:not(.form),table.wiki-content-table) td {
     border: solid 0.15rem rgb(var(--basalt-UI-dark-palette));
  }
  
  /* PAGE TITLE */
  #page-title, .meta-title {
      color: rgba(var(--basalt-secondary-color));
      font-size: xxx-large;
  }
  
  /* HOVERTIPS COLORING */
  .bibitems, .footnotes-footer, .hovertip {
      color: rgb(var(--basalt-primary-color));
  }
  
  /* EDIT AREA */
  #edit-page-textarea, #np-text {
      color: rgb(var(--basalt-secondary-color));
  }
  
  /* BIBLITEMS */
  .bibitems .title, .footnotes-footer .title {
      background-color: rgb(var(--basalt-secondary-color));
  }
  
  .bibitems::before, .footnotes-footer::before {
      background-color: rgb(var(--basalt-secondary-color));
  }
  
  /* USER PROFILE WINDOW */
  .owindow .title {
      opacity: 80%;
      color: rgb(var(--basalt-secondary-color));
  }
  
  
  /* SCROLL */
  * {
      scrollbar-width: thin;
      scrollbar-color: rgb(var(--scrollbar-thumb-color)) rgb(89 89 89);
  }
  
  /* PAGE TAGS */
  #main-content>.page-tags>span a {
      color: rgb(var(--basalt-primary-color));
  }
  
  /* TEXT AREA */
  input[type=text], textarea {
      color: rgb(var(--basalt-secondary-color));
  }
  
  /* ACTION AREA (FILE UPLOAD) */
  #action-area input.text, textarea#file-comments {
      color: rgba(var(--basalt-primary-color));
  }
  
  /* PREVIEW MESSAGE */
  .preview-message {
      background-color: rgba(var(--basalt-primary-color));
  }
  
  /* DOCUMENT DIVS */
  div.document {
      box-shadow: 0px 1px 1.9px -4px rgb(0 0 0 / 50%), 0px 6px 15px -4px rgb(0 0 0 / 64%);
      background-image: url(http://scpdsandbox.wikidot.com/local--files/nostalgia-theme/nor_pate_white_v2_redux.png);
  }
  
  div.document::before {
      box-shadow: 0px 1px 1.9px -4px rgb(0 0 0 / 50%), 0px 6px 15px -4px rgb(0 0 0 / 64%);
  }
  
  div.document::before {
      box-shadow: 0px 1px 1.9px -4px rgb(0 0 0 / 50%), 0px 6px 15px -4px rgb(0 0 0 / 64%);
  }
  div:is(.document)::before, div:is(.document)::after {
      background-image: url(http://scpdsandbox.wikidot.com/local--files/nostalgia-theme/nor_pate_white_v2_redux.png);
  }
  
  #page-content div:is(.document, .darkdocument) {
      max-width: 60rem;
  }
  
  div.darkdocument {
      background-color: rgb(var(--darkdocument-background-color), 0.25);
      box-shadow: 0px 1px 1.9px -4px rgb(150 150 159 / 75%), 0px 6px 15px -4px rgb(0 0 0 / 76%);
      background-image: url('http://scpdsandbox.wikidot.com/local--files/nostalgia-theme/inv_pate_black_v2_redux.png');
  }
  
  div:is(.darkdocument)::before, div:is(.darkdocument)::after {
      background-color: rgb(var(--darkdocument-background-color));
      opacity: 90%;
      background-image: url('http://scpdsandbox.wikidot.com/local--files/nostalgia-theme/inv_pate_black_v2_redux.png');
  }
  
  /* HIGHLIGHTER SPAN */
  .shighlight {
      position: relative;
      background: linear-gradient(104deg,
          rgb(255 255 0 / 28%) 0.9%,
          rgba(255, 255, 0, 0.8) 2.4%,
          rgba(255, 255, 0, 0.5) 5.8%,
          rgb(255 255 0 / 52%) 93%,
          rgba(255, 255, 0, 0.7) 96%,
          rgb(255 255 0 / 29%) 98%);
      );
      border-radius: 1.2em 0.3em 0.8em 0.7em;
      padding: 0.1em 0.2em;
      background-size: 100% 60%;
      background-position: 0 40%;
      background-repeat: no-repeat;
      );
  }
  
  .shighlight::before {
      content: '';
      position: relative;
      top: -3px;
      left: -4px;
      bottom: -4px;
      background: rgba(255, 255, 0, 0.3);
      border-radius: 0.8em 0.3em 0.9em 0.4em;
      z-index: -1;
      transform: rotate(-0.5deg) skew(-1deg);
      clip-path: polygon(
          0% 10%, 15% 16%, 25% 12%, 35% 18%, 45% 14%,
          55% 10%, 65% 16%, 75% 12%, 85% 18%, 100% 14%,
          100% 90%, 85% 86%, 75% 92%, 65% 88%, 55% 94%,
          45% 90%, 35% 86%, 25% 92%, 15% 88%, 0% 92%
      );
  }
  
  
  .shighlight::after {
      content: '';
      position: relative;
      top: -2px;
      left: -2px;
      right: -4px;
      bottom: -3px;
      background: rgba(255, 255, 0, 0.15);
      border-radius: 0.6em 0.7em 0.5em 0.8em;
      z-index: -2;
      transform: rotate(0.3deg) skew(0.5deg);
      clip-path: polygon(
              0% 14%, 12% 10%, 24% 16%, 36% 12%, 48% 18%,
              60% 14%, 72% 10%, 84% 16%, 96% 12%, 100% 18%,
              100% 88%, 96% 92%, 84% 86%, 72% 94%, 60% 90%,
              48% 86%, 36% 92%, 24% 88%, 12% 94%, 0% 90%
          );
   }
  
  
  .shighlight-orange {
      position: relative;
      background: linear-gradient(102deg,
      rgba(255, 165, 0, 0) 0.9%,
      rgba(255, 165, 0, 0.8) 2.4%,
      rgba(255, 165, 0, 0.5) 5.8%,
      rgba(255, 165, 0, 0.45) 93%,
      rgba(255, 165, 0, 0.7) 96%,
      rgba(255, 165, 0, 0) 98%)
         );
      border-radius: 1.2em 0.3em 0.8em 0.7em;
      padding: 0.1em 0.2em;
      background-size: 100% 60%;
      background-position: 0 40%;
      background-repeat: no-repeat;
          );
  }
  
  .shighlight-orange::before {
      content: '';
      position: relative;
      top: -2px;
      left: -3px;
      bottom: -2px;
      background: rgba(255, 165, 0, 0.3);
      border-radius: 0.7em 0.5em 0.8em 0.3em;
      z-index: -1;
      transform: rotate(0.4deg) skew(-0.8deg);
      clip-path: polygon(
          0% 16%, 15% 12%, 30% 18%, 45% 14%, 60% 10%,
          75% 16%, 90% 12%, 100% 18%, 100% 88%, 90% 92%,
          75% 86%, 60% 94%, 45% 90%, 30% 86%, 15% 92%, 0% 88%
      );
  }
  
  .shighlight-pink {
      position: relative;
      background: linear-gradient(106deg, rgba(255, 20, 147, 0) 0.9%, rgba(255, 20, 147, 0.6) 2.4%, rgba(255, 20, 147, 0.4) 5.8%, rgba(255, 20, 147, 0.1) 93%, rgba(255, 20, 147, 0.6) 96%, rgba(255, 20, 147, 0) 98%);
      border-radius: 1.2em 0.3em 0.8em 0.7em;
      padding: 0.1em 0.2em;
      background-size: 100% 60%;
      background-position: 0 40%;
      background-repeat: no-repeat;
  }
  
  .shighlight-pink::before {
      content: '';
      position: relative;
      top: -1px;
      left: -2px;
      bottom: -3px;
      background: rgba(255, 20, 147, 0.25);
      border-radius: 0.5em 0.9em 0.4em 1.1em;
      z-index: -1;
      transform: rotate(-0.3deg) skew(1deg);
      /* Pink subtle wavy background */
      clip-path: polygon(
          0% 12%, 20% 18%, 35% 14%, 50% 10%, 65% 16%,
          80% 12%, 100% 18%, 100% 90%, 80% 86%, 65% 92%,
          50% 88%, 35% 94%, 20% 90%, 0% 86%
      );
  }
  
  .shighlight-blue {
      position: relative;
      background: linear-gradient(102deg,
          rgba(0, 191, 255, 0) 0.9%,
          rgba(0, 191, 255, 0.8) 2.4%,
          rgba(0, 191, 255, 0.5) 5.8%,
          rgba(0, 191, 255, 0.1) 93%,
          rgba(0, 191, 255, 0.7) 96%,
          rgba(0, 191, 255, 0) 98%
      );
      border-radius: 1.2em 0.3em 0.8em 0.7em;
      padding: 0.1em 0.2em;
      background-size: 100% 60%;
      background-position: 0 40%;
      background-repeat: no-repeat;
  }
  
  .shighlight-blue::before {
      content: '';
      position: absolute;
      top: -2px;
      left: -3px;
      right: -3px;
      bottom: -2px;
      background: rgba(0, 191, 255, 0.3);
      border-radius: 0.7em 0.5em 0.8em 0.3em;
      z-index: -1;
      transform: rotate(0.4deg) skew(-0.8deg);
      clip-path: polygon(
          0% 16%, 15% 12%, 30% 18%, 45% 14%, 60% 10%,
          75% 16%, 90% 12%, 100% 18%, 100% 88%, 90% 92%,
          75% 86%, 60% 94%, 45% 90%, 30% 86%, 15% 92%, 0% 88%
      );
  }
  
  
  /* STICKY NOTES */
  #page-content div.stickynote {
     float: left;
     max-width: calc(var(--main-content-width) / 2.15);
     box-sizing: border-box;
     margin: 0.25rem 1.25rem;
     padding-inline: 1.2rem;
     padding-block: 0.5rem;
     font-size: 1.1525em;
     border-radius: 7px;
     position: relative;
     font-family: 'Permanent Marker', cursive;
     letter-spacing: 0.75px;
     box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.2), inset 0 0 0 1px rgba(255, 255, 255, 0.4), inset 0 -2px 4px rgba(0, 0, 0, 0.05);
     transform: rotate(-1deg);
     transition: transform 0.2s ease;
  }
  
  /* Hover effect for interactivity */
  #page-content div.stickynote:hover {
      transform: rotate(0deg) scale(1.02);
      box-shadow:
          4px 4px 12px rgba(0, 0, 0, 0.25),
          inset 0 0 0 1px rgba(255, 255, 255, 0.5),
          inset 0 -3px 6px rgba(0, 0, 0, 0.08);
  }
  
  /* Position Controls */
  #page-content div.stickynote.left {
      float: left;
      margin-left: clamp(calc(var(--main-content-width) / -4.5), calc((87.5vw - 95%) / -2), 0rem);
  }
  
  #page-content div.stickynote.right {
      float: right;
      clamp(calc(var(--main-content-width) / -100), calc((87.5vw - 95%) / -2), -2rem)
      margin-left: 1.25rem;
  }
  
  /* Tilt Controls */
  #page-content div.stickynote.tilt-none {
      transform: rotate(0deg);
  }
  
  #page-content div.stickynote.tilt-light {
      transform: rotate(-0.5deg);
  }
  
  #page-content div.stickynote.tilt-medium {
      transform: rotate(-2deg);
  }
  
  #page-content div.stickynote.tilt-heavy {
      transform: rotate(-3deg);
  }
  
  #page-content div.stickynote.tilt-right-light {
      transform: rotate(0.5deg);
  }
  
  #page-content div.stickynote.tilt-right-medium {
      transform: rotate(2deg);
  }
  
  #page-content div.stickynote.tilt-right-heavy {
      transform: rotate(3deg);
  }
  
  #page-content div.stickynote.tilt-none:hover { transform: rotate(0deg) scale(1.02); }
  #page-content div.stickynote.tilt-light:hover { transform: rotate(-0.5deg) scale(1.02); }
  #page-content div.stickynote.tilt-normal:hover { transform: rotate(-1deg) scale(1.02); }
  #page-content div.stickynote.tilt-medium:hover { transform: rotate(-2deg) scale(1.02); }
  #page-content div.stickynote.tilt-heavy:hover { transform: rotate(-3deg) scale(1.02); }
  #page-content div.stickynote.tilt-right-light:hover { transform: rotate(0.5deg) scale(1.02); }
  #page-content div.stickynote.tilt-right-normal:hover { transform: rotate(1deg) scale(1.02); }
  #page-content div.stickynote.tilt-right-medium:hover { transform: rotate(2deg) scale(1.02); }
  #page-content div.stickynote.tilt-right-heavy:hover { transform: rotate(3deg) scale(1.02); }
  
  #page-content div.stickynote.yellow {
      background-color: #ffeb3b;
      border: solid 0.12rem #f9c74f;
      color: #333;
  }
  
  #page-content div.stickynote.red {
      background-color: #ff5252;
      border: solid 0.12rem #e53935;
  }
  
  #page-content div.stickynote.blue {
      background-color: #42a5f5;
      border: solid 0.12rem #1976d2;
  }
  
  #page-content div.stickynote.green {
      background-color: #66bb6a;
      border: solid 0.12rem #388e3c;
  }
  
  #page-content div.stickynote.orange {
      background-color: #ff9800;
      border: solid 0.12rem #f57c00;
  }
  
  #page-content div.stickynote.pink {
      background-color: #fb85ad;
      border: solid 0.12rem #c2185b;
  }
  
  div.warning {
      width: 80%;
      margin: 0.625rem auto;
      padding: 0.9375rem;
      border: solid 0.125rem rgb(92, 149, 230);
      background: #fff url('https://scp-wiki.wdfiles.com/local--files/theme%3Agoc/goc-fade.png') center no-repeat;
      color: black;
      text-align: center;
  }
  
  div.warning hr {
      border-color: rgb(92, 149, 230);
  }
  

  Pages using this styling

  • pointtwo1 [info]
  • pointtwo2 [info]
  • pointtwo3 [info]
  • pointtwo4 [info]
  • pointtwoprologue [info]
• ¶ 5 occurrences
  

  @import url('https://fonts.googleapis.com/css2?family=Tapestry&display=swap" rel="stylesheet');
  :root {
    --header-title: " ";
    --header-subtitle: " ";
    --body-font: 'Spectral', Inter, BlinkMacSystemFont,'Segoe UI',Oxygen,Ubuntu,Cantarell,'Fira Sans','Droid Sans','Helvetica Neue',sans-serif;
    --mono-font: 'Spectral', 'Andale Mono', 'Courier New', Courier, monospace;
    --lgurl: url("http://scp-wiki.wikidot.com/local--files/ridgewell-monthly-newsletter/ridgewell_logo.png");
    --accentColor: #d82c2cff;
    --lightColor: #0c0f3bff;
    --darkerColor: #c9c9d9ff;
    --darkColor: #f9f9fbff
  
  }

  Pages using this styling

  • nosuchthingastwelve [info]
  • ridgewell-hub [info]
  • ridgewell-monthly-newsletter [info]
  • ridgewell-student-of-the-month [info]
  • the-ghost-of-molly-roger [info]
• ¶ 5 occurrences
  

  div#header {
      background-image: url('http://scp-sandbox-3.wdfiles.com/local--files/harry-blank-2/106.png');

  Pages using this styling

  • just-another-shop-that-wasn-t-there [info]
  • scp-6237 [info]
  • scp-6530 [info]
  • secure-facility-dossier-site-106 [info]
  • sunshine-and-lucre [info]
• ¶ 5 occurrences
  

  .creditRate {
  float: unset !important;
  margin-bottom: unset !important;
  }

  Pages using this styling

  • jaeger-part-1 [info]
  • jaeger-part-2 [info]
  • scp-5464 [info]
  • scp-6772 [info]
  • scp-7672 [info]
• ¶ 5 occurrences
  

  .document-swapper-image.document-swapper-image {
    padding: 0; background: none; box-shadow: none; margin: 0; filter: brightness(1.15) contrast(0.9);
  }

  Pages using this styling

  • fragment:site-69-ii-part-1 [info]
  • fragment:site-69-ii-part-2 [info]
  • fragment:site-69-ii-part-3 [info]
  • fragment:site-69-ii-part-4 [info]
  • fragment:site-69-ii-part-6 [info]
• ¶ 5 occurrences
  

  .anom-bar-container.danger .danger-diamond > .quadrants > .right-quad {
   background-color:rgba(255,109,0,0.25);
   background-color: rgb(255,109,0,0.25);

  Pages using this styling

  • fragment:scp-7535-2 [info]
  • scp-6484 [info]
  • scp-6643 [info]
  • scp-7000 [info]
  • scp-8273 [info]
• ¶ 5 occurrences
  

  
  .info-container .collapsible-block-folded a{
  color: #FFF;}
  .info-container .collapsible-block-unfolded-link a{
  color: #FFF;
  }
  
  #page-content > .collapsible-block {
      display: block;
      text-align: center;
      padding: .8em;
      background-color: #e3e3e3;
      border-top: 0.125rem dashed #b5b5b5;
      border-bottom: 0.125rem dashed #b5b5b5;
  }
  
  #page-content > .collapsible-block .collapsible-block-content {
      text-align: left;
  }
  
  #page-content .license-box .collapsible-block {
  
      display: unset;
  
      text-align: unset;
  
      padding: unset;
  
      background-color: unset;
  
      border-top: unset;
  
      border-bottom: unset;
  
  }
  
  
  
  #page-content .license-box .collapsible-block .collapsible-block-content {
  
      text-align: unset;
  
  }
  
  blockquote,
  div.blockquote {
      border: 0.125rem solid #d4d4d4;
      background-color: #F5F5F5;
  }
  
  .interview{
      border:solid 2px #d4d4d4;
      text-align: left;
      background:#F5F5F5;
      width:90%;
      padding:1px 15px;
      margin: 10px auto;
  }
  
  #page-title{display:none}
  

  Pages using this styling

  • fragment:scp-6668-1 [info]
  • fragment:scp-6668-2 [info]
  • fragment:scp-6668-3 [info]
  • fragment:scp-6668-4 [info]
  • fragment:scp-6668-5 [info]
• ¶ 5 occurrences
  

  /* Flopstyle: LITE
   * [2020 Wikidot Theme]
   * Created by Lt Flops
   * Select CSS Styles Are Credited Where Necessary
   * -- (CC BY-SA 3.0) --
  **/
   
  /* -------- SIDE-BAR -------- */
   #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'
  **/
   .anchor{
       position: -webkit-sticky;
       position: sticky;
       top: 0;
   
       z-index: 5;
  }
   .authorbox,
   .sidebox{
       position: absolute;
       width: calc((100vw - 870px) / 2);
       max-height: calc(100vh - 18rem);
       margin-right: 8px;
       padding: .3em 1.64em;
   
       box-sizing: border-box;
   
       z-index: 5;
  }
   .authorbox{
       top: .5em;
       right: 103.5%;
       max-width: calc((100vw - 921.2px) / 2) !important;
       padding-right: 1em;
   
       font-size: 95%;
  }
   .sidebox{
       left: 103.5%;
       margin-left: 1em;
       padding-left: 1em;
   
       background: hsl(0, 0%, 100%);
       border: 1px solid hsl(0, 0%, 73%);
       border-left: 8px solid var(--accentColor);
  }
   .authorbox tr th,
   .authorbox tr td,
   .sidebox tr th,
   .sidebox tr td{
       padding: .25em !important;
  }
   .flavorbox{
       width: 75%;
       margin: auto auto 5px;
       padding: 0 1em;
   
       border: 1px solid #888;
  }
   
  /* -------- Sidebox Mobile Optimization Courtesy of Woedenaz -------- */
   .limit{
       line-height: 1.5;
       z-index: 5;
  }
   .limit br{
       display: block;
  }
   @media (max-width: 1280px){
       .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: 1280px){
       .authorbox{
           display: none;
           visibility: hidden;
      }
  }
   
  /* -------- GENERAL -------- */
   :root{
     --accentColor: hsl(0, 100%, 30%);
     --vivid-lime-green: hsl(112, 77%, 48%);
  }
   body{
       color: hsl(0, 0%, 5%);
   
       word-break: unset;
  }
   #search-top-box-input,
   #search-top-box-input:hover,
   #search-top-box-input:focus,
   #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;
  }
   
  /* -------- COLLAPSIBLES -------- */
   .collapsible-block-link {
       font-size: 120%;
       font-weight: bold;
  }
   
  /* Licensebox Collapsible */
   .licensebox {
       text-align: center;
  }
   
   .licensebox blockquote,
   .licensebox div.blockquote {
       text-align: left;
  }
   
  /* -------- INFO BAR -------- */
   .info-container {
       --barColour: hsl(0, 89%, 18%);
  }
   
   .info-container .collapsible-block-link {
       font-size: 100%;
  }
   
   .info-container div.collapsible-block-content {
       padding: 0 .6rem 3rem;
  }
   
   @media (max-width: 767px) {
       .info-container div.collapsible-block-content div {
            margin-right: 0;
            margin-left: 0;
      }
  }
   
   .info-container .wiki-content-table {
       width: 90%;
  }
   
  /* -------- INFO PANE -------- */
   .creditRate{
       margin-right: 0 !important;
  }
   .rate-box-with-credit-button{
       border-radius: 0 !important;
       box-shadow: none !important;
  }
   .creditButton p a:hover,
   .creditButtonStandalone p a:hover{
       color: var(--vivid-lime-green) !important;
  }
   div.credit.first .wiki-content-table {
       width: 100%;
  }
   
  /* -------- PAGE RATING -------- */
   .page-rate-widget-box{
       margin-right: 0;
  }
   .page-rate-widget-box,
   div.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;
   
       line-height: 1.2;
       text-align: center;
       text-underline-offset: 25%;
       word-break: unset;
  }
   hr{
       height: 0;
       margin: 1em 0;
   
       background-color: transparent;
       border-top: 1px solid hsl(0, 0%, 67%);
  }
   
   ol li{
       margin: 0 0 1em;
  }
   ul{
       margin:1em 0;
  }
   li, p{
       line-height: 1.5;
       text-underline-offset: 30%;
  }
   .footnotes-footer, .bibitems{
       padding: 0 0 .5em;
  }
   
  /* -------- IMAGE BLOCK -------- */
  .scp-image-block .scp-image-caption{
       font-size: 95%;
       line-height: 1.35;
       text-underline-offset: 30%;
  }
   .scp-image-block.block-right{
       margin: 0 0 1em 2em;
  }
   
  /* -------- CUSTOM DIV BLOCKS -------- */
   .raisa-header, .pink-header,
   .oracle-header, .cicapoco-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: 1px 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;
  }
   
   .cicapoco-header{   /* ---- SPC's RAISA-Equivalent Header ---- */
       background: lightblue;
       border: 1px solid hsl(195, 50%, 39%);
  }
   .cicapoco-header hr{
       border-color: hsl(195, 50%, 39%);
  }
   
   .content-warning{   /* ---- Content Warning ---- */
       width: 75%;
       margin: 1rem auto;
       padding: 0 1rem;
   
       background: white;
       border: 3px double black;
   
       text-align: center;
  }
   
   blockquote table.wiki-content-table th,
   div.blockquote table.wiki-content-table th{
       background-color: hsl(0, 0%, 89%);
  }
   
   .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%);
  }
   
   .report-box.red-tint blockquote hr, .report-box.red-tint div.blockquote hr,
   .report-box.orange-tint blockquote hr, .report-box.orange-tint div.blockquote hr,
   .report-box.yellow-tint blockquote hr, .report-box.yellow-tint div.blockquote hr,
   .report-box.green-tint blockquote hr, .report-box.green-tint div.blockquote hr,
   .report-box.cyan-tint blockquote hr, .report-box.cyan-tint div.blockquote hr,
   .report-box.blue-tint blockquote hr, .report-box.blue-tint div.blockquote hr,
   .report-box.magenta-tint blockquote hr, .report-box.magenta-tint div.blockquote hr,
   .report-box.grey-tint blockquote hr, .report-box.grey-tint div.blockquote hr{
       border-color: hsl(0, 0%, 67%);
  }
   
   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%, 63%);
  }
   
   .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;
  }
   .warning-notice hr{
       border-color: hsl(0, 0%, 5%);
  }
   
   .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 .bibitems,
   .indented .footnoteref,
   .indented .footnotes-footer,
   .indented .scp-image-block,
   .indented h1, .indented h2, .indented h3,
   .indented h4, .indented h5, .indented h6,
   .indented .image-container,
   .indented ol,
   .indented ul,
   .indented .centered{
       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;}
   @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: 3.6em 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: 3.5em;
       margin: 2em 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;
  }
   
  /* -------- WIKIWALK NAVIGATOR -------- */
   .footer-wikiwalk-nav {
      text-align: center;
  }
   
  /* -------- INTERWIKI -------- */
   div.scpnet-interwiki-wrapper{
       margin-bottom: 2rem;
  }
   iframe.scpnet-interwiki-frame{
       width: 17.75em;
       min-height: 4.25em;
       margin-left: 4px;
   
       background: hsl(127, 050%, 94%);
       border: 1px solid hsl(0, 0%, 20%);
  }
   #interwiki body{
       overflow: hidden;
  }
   #interwiki .side-block{
       padding: 5px;
   
       background: 0;
       border: 0;
       box-shadow: none;
  }
   #interwiki .heading{
       color: hsl(0, 0%, 5%);
       border-bottom: 1px solid hsl(0, 0%, 20%);
  }
   #interwiki .menu-item img{
       display: none;
  }
   
  /* -------- SHOW-CHANGES HIGHLIGHTS -------- */
   .inline-diff ins::before{
       color: hsl(240, 100%, 93%);
  }
   .inline-diff del::before{
       color: hsl(0, 100%, 90%);
  }
   .inline-diff ins + del::before,
   .inline-diff del + ins::before{
       color: transparent;
  }
   .inline-diff br + ins::before,
   .inline-diff br + del::before,
   .inline-diff ins:first-of-type::before,
   .inline-diff del:first-of-type::before{
       position: absolute;
       display: inline-block;
       left: -1em;
   
       content: "\f111";
       font: normal normal normal 16px/1 "FontAwesome";
       text-rendering: auto;
       -webkit-font-smoothing: antialiased;
       -moz-osx-font-smoothing: grayscale;
  }
   
  /* -------- PRESENTATION -------- */
   .templateInfo{
       margin: 1em 0;
       padding: 0 1em;
       background: hsl(0, 0%, 100%);
       border: 1px solid hsl(0, 0%, 87%);
  }
   
  /* -------- CROQSTYLE ALTERATIONS -------- */
   #edit-page-textarea{ font-family: unset; }
   tt{
       background-color: unset;
       font-size: unset;
       padding: unset;
       margin: unset;
       border-radius: unset;
  }
   
  /* ---- BETTERFOOTNOTES PATCH ---- */
   :root{
       --posX: calc(50% - 358px - 13rem) !important;
       --fnLinger: 1.5s !important;
  }
   .fnnum{
       font-size: 90%;
  }
   .fnnum:hover + .fncon{
       right: calc(-8vw - 4rem) !important;
  }
   
  /* -------- 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%;
      }
  }

  Pages using this styling

  • fragment:scp-6460-1 [info]
  • i-told-you-about-spirals-bro [info]
  • scp-5161 [info]
  • scp-9125 [info]
  • scp-9429 [info]
• ¶ 5 occurrences
  

  :root{
    --header-title: "Site-⌘";
    --header-subtitle: "Department of Surrealistics";
  }
  
  div#extra-div-1 {
      background-image: url(https://scp-wiki.wdfiles.com/local--files/scp-6445/Surrealistics-Logo.png);
      filter: opacity(20%);
  }

  Pages using this styling

  • fragment:scp-6445-1 [info]
  • scp-6454 [info]
  • scp-7247 [info]
  • scp-9137 [info]
  • surrealistic-orientation [info]
• ¶ 5 occurrences
  

  div.notice-box {
      background: url(https://scp-wiki.wikidot.com/local--files/theme:basalt/RAISA_LIGHTLOGO.png) #faf2c3;
      background-size: contain;
      background-position: top center;
      background-repeat: no-repeat;
      border: 1px solid #ccc;
      padding: 0 10px 12px;
      margin: 7px 4px 12px;
      overflow: hidden;
  }
   
  div.notice-box div.image-container img {
      margin: 5px;
      padding: 2px;
      border: 1px solid #999;
  }

  Pages using this styling

  • fragment:scp-6389-1 [info]
  • fragment:scp-6389-3 [info]
  • scp-6350 [info]
  • scp-6389 [info]
  • scp-6558 [info]
• ¶ 5 occurrences
  

  #header {background-image: url(http://www.scp-wiki.net/local--files/arbh-class-debrief-file/Pissresize);}
  #header h1 a {
      display: block;
      margin: 0;
      padding: 90px 0 90px;
      line-height: 0px;
      max-height: 0px;
      color: transparent;
      background: transparent;
      font-family: BauhausLTDemi. 'Nanum Gothic'. Arial. sans-serif;
      text-decoration: none;
      text-shadow: none;
      letter-spacing: 0.9px;
  }
   
  #header h1 a::before {
      content: "SCP Foundation";
      color: #fff;
      letter-spacing: -0.02em;
      text-shadow: 3px 3px 5px #000;
  }
   
  #header h2 span {
      display: block;
      margin: 0;
      padding: 19px 0;
      line-height: -45px;
      max-height: 0px;
      font-weight: bold;
      color: transparent;
      text-shadow: none;
  }
   
  #header h2 span::before {
      content: 'Insect Hell';
      color: #fff;
      text-shadow: 1px 1px 1px #000;
      text-shadow: 1px 1px 1px rgba(0,0,0,.8);
  }
  
  sup {
    vertical-align: top;
    position: relative;
    top: -0.5em;
  }
  
  .scp-image-block.block-right { margin: 1em 2em 1em 1em; }
  

  Pages using this styling

  • fragment:scp-3916-1 [info]
  • fragment:scp-3916-2 [info]
  • fragment:scp-3916-3 [info]
  • fragment:scp-3916-4 [info]
  • the-last-of-larpa [info]
• ¶ 5 occurrences
  

  
  body {
    background-color: hsl(0, 0%, 25%);
  }

  Pages using this styling

  • fragment:page-9000-ethagon-13 [info]
  • fragment:page-9000-ethagon-16 [info]
  • fragment:page-9000-ethagon-17 [info]
  • fragment:page-9000-ethagon-18 [info]
  • fragment:page-9000-ethagon-19 [info]
• ¶ 5 occurrences
  

  div#extrac-div-1, div#extrac-div-2 {
  display: none;
  }

  Pages using this styling

  • fragment:orogenesis-file-1 [info]
  • moongazer [info]
  • scp-5311 [info]
  • scp-8886 [info]
  • scp-9026 [info]
• ¶ 5 occurrences
  

  @import url('https://scp-wiki.wdfiles.com/local--files/theme:isolated-terminal/terminus.css');
  
  .aic {
    font-family: 'terminus_ttfmedium', sans-serif;
    font-weight: 1000;
    font-size: 1.15em;
  }
  

  Pages using this styling

  • fragment:orogenesis-file-0 [info]
  • fragment:orogenesis-file-1 [info]
  • run-the-river-red-hub [info]
  • scp-2888 [info]
  • scp-8978 [info]
• ¶ 5 occurrences
  

  @import url('https://fonts.googleapis.com/css2?family=Share+Tech+Mono&display=swap');
  
  .homosexual {
    font-family: 'Share Tech Mono', monospace;
  }

  Pages using this styling

  • fragment:9000contestchoccoman-0 [info]
  • fragment:9000contestchoccoman-1 [info]
  • fragment:9000contestchoccoman-2 [info]
  • fragment:9000contestchoccoman-3 [info]
  • fragment:9000contestchoccoman-4 [info]
• ¶ 5 occurrences
  

  @import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@300;400;700&display=swap');
  
  .lesbain {
    font-family: 'Roboto Condensed', sans-serif;
  }

  Pages using this styling

  • fragment:9000contestchoccoman-0 [info]
  • fragment:9000contestchoccoman-1 [info]
  • fragment:9000contestchoccoman-2 [info]
  • fragment:9000contestchoccoman-3 [info]
  • fragment:9000contestchoccoman-4 [info]
• ¶ 5 occurrences
  

  
  :root {
  
  --header-title: "REAGANPUNK";
  
  --admo-backdrop: url(for now nothing ;);
  
  --admo-color-bright: 11, 162, 2;
  --admo-color-dim: 0, 0, 0;
  --admo-color-dark: 0, 0, 0;
  --admo-color-alt: 17, 186, 0;
  
  --general-border-color: 6, 86, 2;
  --basalt-tertiary-color: 7, 60, 0;
  --darkdocument-background-color: 7, 36, 0;
  
  --four-color: var(--admo-color-bright) !important;
  
  }
  

  Pages using this styling

  • fragment:9000contestchoccoman-0 [info]
  • fragment:9000contestchoccoman-1 [info]
  • fragment:9000contestchoccoman-2 [info]
  • fragment:9000contestchoccoman-3 [info]
  • fragment:9000contestchoccoman-4 [info]
• ¶ 5 occurrences
  

  :root {
  
      /*----------------------*/
      /*---- BEDROCK VARS ----*/
      /*----------------------*/
  
      --header-logo: var(--logo);
      --logo: url('https://scp-wiki.wikidot.com/local--files/theme:basalt/basalt_scp_logo-for_lightmode.svg');
  
      --header-title: var(--title);
      --header-subtitle: var(--subtitle);
      --title: "SCP Foundation";
      --subtitle: "SECURE - CONTAIN - PROTECT";
  
      --main-content-width: 60rem;
      --main-content-top-margin: 1.5rem;
      --base-font-size: .875rem;
      --bottom-area-padding: calc(var(--true-font-size)*2);
      --side-bar-width: 17rem;
      --basalt-page-content-font-weight: 440;
  
      --header-font-primary: var(--UI-font-primary);
      --UI-font-primary: 'Sofia Sans';
  
      --basalt-overtone: 10, 10, 11;
      --basalt-undertone: var(--basalt-bright-element-color);
      --basalt-UI-dark-palette: 50, 50, 51;
      --basalt-bright-element-color: 150, 24, 43;
      --basalt-dark-element-color: 105, 17, 30;
      --basalt-alternate-color: 221, 119, 17;
      --basalt-primary-color: 252, 252, 252;
      --basalt-secondary-color: 245,245,245;
      --basalt-tertiary-color: 229, 229, 238;
      --basalt-main-text-color: 35, 35, 38;
  
      --title-border-color: var(--basalt-overtone);
      --license-area-divider-color: var(--basalt-overtone);
      --footer-divider-color: var(--basalt-overtone);
      --search-icon-color: var(--basalt-overtone);
      --hr-color: var(--general-border-color);
      --general-border-color: 220, 220, 220;
      --rate-module-cancel-color: var(--basalt-alternate-color);
      --scrollbar-thumb-color: var(--basalt-dark-element-color);
      --modal-fader-background-color: 0, 0, 0;
  
      --side-bar-heading-background-color: 0, 0, 2, 0.07;
      --side-bar-media-background-color: none; /* Disabled by default */
      --side-bar-resources-background-color: none; /* Disabled by default */
      --side-bar-button-background-hover: none; /* Disabled by default */
      --side-bar-heading-text-color-hover: 255, 255, 255, 0.4;
      --side-bar-button-color-hover: var(--side-bar-button-color);
  
      /*---------------------*/
      /*---- BASALT VARS ----*/
      /*---------------------*/
  
      --basalt-UI-background-color: var(--basalt-secondary-color);
      --header-background-color: var(--basalt-UI-background-color);
      --side-bar-background-color: var(--basalt-UI-background-color);
      --bottom-area-background-color: var(--basalt-UI-background-color);
      --edit-area-ancillary-background-color: var(--basalt-UI-background-color);
      --edit-area-toolbar-background-color: var(--basalt-UI-background-color);
      --button-background-color: var(--basalt-UI-background-color);
  
      --basalt-UI-text-color: var(--basalt-main-text-color);
      --header-title-color: var(--basalt-UI-text-color);
      --header-subtitle-color: var(--basalt-UI-text-color);
      --top-bar-link-color: var(--basalt-UI-text-color);
      --search-icon-color: var(--basalt-UI-text-color);
      --side-bar-heading-text-color: var(--basalt-UI-text-color);
      --side-bar-link-color: var(--basalt-UI-text-color);
      --bottom-area-text-color: var(--basalt-UI-text-color);
      --edit-area-ancillary-text-color: var(--basalt-UI-text-color);
      --edit-area-toolbar-icon-color: var(--basalt-UI-text-color);
      --button-text-color: var(--basalt-UI-text-color);
      --basalt-sub-text-color: var(--basalt-UI-text-color);
  
      --ACS-font: var(--header-font);
      --basalt-th-background-color: var(--basalt-UI-dark-palette);
      --basalt-th-text-color: var(--basalt-light-text-color);
      --image-caption-text-color: var(--basalt-main-text-color);
      --authorbox-background-color: var(--basalt-primary-color);
      --floatbox-background-color: 240, 240, 244;
      --document-background-color: 253, 253, 253;
      --darkdocument-background-color: 30, 30, 35;
  
      --header-drop-shadow-opacity: 0.1;
      --window-border-radius: 8px;
  
  /*------------------------*/
  /*---- BASALT CLASSES ----*/
  /*------------------------*/
  
  :is(div.blockquote, blockquote) {
      color: rgb(var(--basalt-main-text-color));
      overflow: auto;
  }
  
  :is(div.blockquote, blockquote):has(div.floatbox) {
      overflow: unset;
  }
  
  #page-content div.notation {
      max-width: 45rem;
  }
  
  div.notation {
      display: block;
      margin-inline: auto;
      margin-block: 1.4rem;
      padding-inline: 1.1rem;
      padding-block: 0.9rem;
      background-color: rgb(var(--basalt-secondary-color));
      border-left: solid 0.25rem rgb(var(--general-border-color));
      border-right: solid 0.25rem rgb(var(--general-border-color));
      color: rgb(var(--basalt-main-text-color));
  }
  
  #page-content div.modal {
      max-width: 57rem;
  }
  
  div.modal {
      display: block;
      margin-inline: auto;
      margin-block: 1.4rem;
      padding-inline: 1.5rem;
      padding-block: 0.5rem;
      background-color: rgb(var(--basalt-primary-color));
      border: solid 0.2rem rgb(var(--general-border-color));
      color: rgb(var(--basalt-main-text-color));
  }
  
  #page-content div.smallmodal {
      max-width: 47rem;
  }
  
  div.smallmodal {
      display: block;
      margin-inline: auto;
      margin-block: 1.4rem;
      padding-inline: 1rem;
      padding-block: 0.2rem;
      background-color: rgb(var(--basalt-primary-color));
      border: solid 0.15rem rgb(var(--general-border-color));
      color: rgb(var(--basalt-main-text-color));
  }
  
  #page-content div:is(.jotting, .transcript) {
      max-width: 42rem;
  }
  
  div:is(.jotting, .transcript) {
      display: block;
      margin-inline: auto;
      margin-block: 1.4rem;
      padding-inline: 1.5rem;
      padding-block: 0.2rem;
      background-color: rgb(var(--basalt-secondary-color));
      border: dashed 0.15rem rgb(var(--general-border-color));
      color: rgb(var(--basalt-main-text-color));
  }
  
  #page-content div.papernote {
      max-width: 30rem;
  }
  
  div.papernote {
      display: block;
      margin-inline: auto;
      margin-block: 1.4rem;
      padding: 1rem 2rem;
      background-color: rgb(var(--basalt-tertiary-color));
      color: rgb(var(--basalt-main-text-color));
  }
  
  #page-content div:is(.document, .darkdocument) {
      max-width: 45rem;
  }
  
  div:is(.document, .darkdocument) {
      display: block;
      margin-inline: auto;
      margin-block: 1.5em;
      padding: 1.5rem;
      position: relative;
      --posX: -20vw;
  }
  
  div.document {
      background-color: rgb(var(--document-background-color));
      box-shadow: 0px 1px 1.9px -4px rgba(0, 0, 0, 0.1), 0px 6px 15px -4px rgba(0, 0, 0, 0.2);
      color: rgb(50, 50, 53);
  }
  
  div.darkdocument {
      background-color: rgb(var(--darkdocument-background-color));
      box-shadow: 0px 1px 1.9px -4px rgba(0, 0, 10, 0.8), 0px 6px 15px -4px rgba(0, 0, 7, 0.9);
      color: rgb(195, 195, 200);
  }
  
  div:is(.document, .darkdocument)::before,
  div:is(.document, .darkdocument)::after {
      content: "";
      height: 98%;
      position: absolute;
      width: 98%;
      z-index: -1;
  }
  
  div:is(.document, .darkdocument)::before {
      left: -5px;
      top: 4px;
      transform: rotate(-2.5deg);
  }
  
  div:is(.document, .darkdocument)::after {
      right: -3px;
      top: 1px;
      transform: rotate(1.4deg);
  }
  
  div:is(.document)::before,
  div:is(.document)::after {
      background-color: rgb(var(--document-background-color));
  }
  
  div:is(.darkdocument)::before,
  div:is(.darkdocument)::after {
      background-color: rgb(var(--darkdocument-background-color));
      opacity: 90%;
  }
  
  div.document::before {
      box-shadow: 0px 1px 1.9px -4px rgba(0, 0, 0, 0.1), 0px 6px 15px -4px rgba(0, 0, 0, 0.1);
  }
  
  div.document::after {
      box-shadow: 0px 1px 1.9px -4px rgba(0, 0, 0, 0.1), 0px 6px 15px -4px rgba(0, 0, 0, 0.05);
  }
  
  div.darkdocument::before {
      box-shadow: 0px 1px 1.9px -4px rgba(0, 0, 10, 0.8), 0px 6px 15px -4px rgba(0, 0, 7, 0.9);
  }
  
  div.darkdocument::after {
      box-shadow: 0px 1px 1.9px -4px rgba(0, 0, 10, 0.8), 0px 6px 15px -4px rgba(0, 0, 7, 0.05);
  }
  
  @media only screen and (max-width: 1020px) {
  
      div:is(.document, .darkdocument)::before,
      div:is(.document, .darkdocument)::after {
       display: none;
      }
  }
  
  div[class$="_memo"] {
      background: var(--memo-logo) rgba(var(--memo-color), 1);
      background-size: contain;
      background-position: top center;
      background-repeat: no-repeat;
      min-height: 4rem;
      margin-inline: auto;
      margin-block: 2rem;
      padding-inline: 20px;
      padding-block: 10px;
      border: solid 2px rgba(0, 0, 0, 0.1);
      text-align: center;
  }
  
  div[class$="_memo"]::before {
      content: var(--memo-heading);
      font-family: var(--UI-font);
      font-weight: 900;
      font-size: 1.3em;
      text-align: center;
      margin: 0 auto 1rem auto;
      display: flex;
      flex-direction: column;
      padding-top: 0.5em;
  }
  
  div.raisa_memo {
      --memo-heading: "NOTICE FROM THE RECORDS AND INFORMATION SECURITY ADMINISTRATION";
      --memo-logo: url(https://scp-wiki.wikidot.com/local--files/theme:basalt/RAISA_LIGHTLOGO.png);
      --memo-color: 242, 242, 192;
  }
  
  div.classification_memo {
      --memo-heading: "CLASSIFICATION COMMITTEE MEMORANDUM";
      --memo-logo: url(https://scp-wiki.wikidot.com/local--files/theme:basalt/CLASSIFICATION_LIGHTLOGO.png);
      --memo-color: 237, 245, 243;
  }
  
  div.ettra_memo {
      --memo-heading: "NOTICE FROM THE EMERGENT THREAT TACTICAL RESPONSE AUTHORITY";
      --memo-logo: url(https://scp-wiki.wikidot.com/local--files/theme:basalt/ETTRA_LIGHTLOGO.png);
      --memo-color: 245, 215, 215;
  }
  
  div.ethics_memo {
      --memo-heading: "ETHICS COMMITTEE MEMORANDUM";
      --memo-logo: url(https://scp-wiki.wikidot.com/local--files/theme:basalt/ETHICS_LIGHTLOGO.png);
      --memo-color: 255, 219, 196;
  }
  
  div.temporal_memo {
      --memo-heading: "NOTICE FROM THE DEPARTMENT OF TEMPORAL ANOMALIES";
      --memo-logo: url(https://scp-wiki.wikidot.com/local--files/theme:basalt/DELTA_T_LIGHTLOGO.png);
      --memo-color: 255, 255, 255;
  }
  
  div.overwatch_memo {
      --memo-heading: "BY ORDER OF THE OVERSEER COUNCIL";
      --memo-logo: url(https://scp-wiki.wikidot.com/local--files/theme:basalt/O5_LIGHTLOGO.png);
      --memo-color: 227, 227, 227;
  }
  
  div.miscomm_memo {
      --memo-heading: "NOTICE FROM THE DEPARTMENT OF MISCOMMUNICATIONS";
      --memo-logo: url(https://scp-wiki.wikidot.com/local--files/theme:basalt/MISCOMM_LIGHTLOGO.png);
      --memo-color: 238, 237, 250;
  }
  
  div.tribunal_memo {
      --memo-heading: "VERDICT FROM THE INTERNAL TRIBUNAL DEPARTMENT";
      --memo-logo: url(https://i.imgur.com/qavdzCV.png);
      --memo-color: 206, 237, 214;
  }
  
  div.external_memo {
      --memo-heading: "MEMORANDUM FROM THE EXTERNAL RELATIONS BOARD";
      --memo-logo: url(https://i.imgur.com/Vr7NkgK.png);
      --memo-color: 228, 211, 240;
  }
  
  div.administrator_memo {
      --memo-heading: "FROM THE OFFICE OF THE ADMINISTRATOR";
      --memo-logo: url(https://i.imgur.com/LMiY83P.png);
      --memo-color: 148, 148, 148;
  }
  
  div.archival_memo {
      --memo-heading: "NOTICE FROM THE ARCHIVAL DEPARTMENT";
      --memo-logo: url(https://i.imgur.com/CmXPO1U.png);
      --memo-color: 175, 217, 240;
  }
  
  .table1 {
      --basalt-th-background-color: var(--one-color);
  }
  
  .table2 {
      --basalt-th-background-color: var(--two-color);
  }
  
  .table3 {
      --basalt-th-background-color: var(--three-color);
      --basalt-th-text-color: var(--basalt-main-text-color);
  }
  
  .table4 {
      --basalt-th-background-color: var(--four-color);
  }
  
  .table5 {
      --basalt-th-background-color: var(--five-color);
  }
  
  .table6 {
      --basalt-th-background-color: var(--six-color);
  }
  
  div:is(.table1, .table2, .table3, .table4, .table5, .table6) .scp-image-block {
      border-bottom-color: rgba(var(--basalt-th-background-color), 0.75);
  }
  
  div.tableb :is(#page-content table:not(.form), table.wiki-content-table) {
      border-collapse: separate;
      border-spacing: 4px;
  }
  
  span:is(.bigtext, .bt) {
      font-family: var(--header-font);
      font-weight: bold;
  }
  
  span:is(.specialtext, .st) {
      font-family: var(--UI-font);
      font-weight: bold;
  }
  
  :is(.table1, .table2, .table3, .table4, .table5, .table6) span:is(.st, .specialtext) {
      color: rgb(var(--basalt-th-background-color));
  }
  
  #page-content div.floatbox {
      background-color: rgb(var(--floatbox-background-color));
      float: left;
      max-width: calc(var(--main-content-width)/2.25);
      box-sizing: border-box;
      margin: 0.25rem 1.25rem;
      margin-left: clamp(calc(var(--main-content-width)/-4.5), calc((87.5vw - 95%)/-2), 0rem);
      padding-inline: 1.2rem;
      padding-block: 0.5rem;
      font-size: 0.9125em;
      border-radius: 7px;
      border: solid 0.12rem rgba(var(--general-border-color), 0.4);
  }
  
  #page-content div.floatbox.right {
      float: right;
      margin-left: 1.25rem;
      margin-right: clamp(calc(var(--main-content-width)/-4.5), calc((87.5vw - 95%)/-2), 0rem);
  }
  
  @media only screen and (max-width: 640px) {
      #page-content div:is(.floatbox, .floatbox.right) {
       float: none;
       margin: 0.5rem auto;
       width: 100%;
      }
  }
  
  :is(.table-no-border, .authorbox) td {
      border-color: transparent !important;
  }

  Pages using this styling

  • fragment:8000contestampyrsand-10 [info]
  • fragment:8000contestampyrsand-4 [info]
  • fragment:8000contestampyrsand-5 [info]
  • fragment:scp-9988-1 [info]
  • scp-5161 [info]
• ¶ 5 occurrences
  

  
  div#page-title::after {
    content: "by LordStonefish;
    font-size: 50%;
    color: #888;
  }
  

  Pages using this styling

  • excerpt-from-the-astrolabe-institute-journal [info]
  • scp-2817 [info]
  • scp-4930 [info]
  • scp-5702 [info]
  • the-news-tonight-wednesday-april-26th-2017 [info]
• ¶ 5 occurrences
  

  /* **code/variables goes here** */
   
  :root {
   
  /* S-CSS-P Integration */
      /* If you're making a new CSS theme, please include the following three variables at minimum. */
      --theme-base: "black-highlighter";
      /* must be either "black-highlighter" or "sigma9" */
      --theme-id: "wandsmen-theme";
      /* set this to the URL of your theme's page - eg for "component:ar-theme", set it to "ar-theme" */
      --theme-name: "Wandsmen Theme";
      /* set this to your theme's full name */
   
      --header-title: "The Wandsmen";
      --header-subtitle: "Pursuing the Right, and the True";
          --logo-image: url("https://scp-wiki.wdfiles.com/local--files/wandsmen-hub/wandsmen.png");
      --background: linear-gradient(0.99 turn, #a11cff, #a11cff, #a11cff);
      /* A grey gradient */
      --pale-accent: 100, 5, 50;
      /* light grey, for visited links (and unvisited) */
      --bright-accent: 100, 5, 50;
      /* bright grey */
      --medium-accent: 100, 5, 50;
      /* medium/light grey - the "default" accent color */
      --dark-accent: 100, 5, 50;
      /* dark grey */
      --alt-accent: 100, 5, 50;
      /* light grey */
  }
   
  /*Code for background color*/
  body {
   background-color: #cccccc;
  }

  Pages using this styling

  • escape-from-your-greatest-fears-a-review [info]
  • pattern-dwellers-an-expose [info]
  • stitched-wings-pendulum-station-relics-of-the-first-hytoth [info]
  • the-wanderer-s-library-is-not-enough [info]
  • when-the-stars-fell-down [info]
• ¶ 5 occurrences
  

  :root {
  --accentColor: 153,177,191;
  --swatch-background: 20, 20, 20;
  --swatch-menubg-black-color: var(--accentColor);
  }

  Pages using this styling

  • ekronak-s-archive-with-commentary [info]
  • scp-7004 [info]
  • scp-7246 [info]
  • scp-7464 [info]
  • scp-7686 [info]
• ¶ 5 occurrences
  

  }
   
   .scene-break {
     /* -- Fancy Scene Break -- */
       width: 6rem;
       margin: 2rem;
  }

  Pages using this styling

  • dancing-into-the-sun [info]
  • fragment:8000contestampyrsand-3 [info]
  • his-mighty-snailordship [info]
  • scp-7379 [info]
  • sol-and-sauelsuesor [info]
• ¶ 5 occurrences
  

  .dblock:hover {background: #f4f4f4}

  Pages using this styling

  • art:sketches-made-by-o5-4-the-annalist-during-his-visit-to-s [info]
  • fragment:scp-5018-1 [info]
  • scp-7600 [info]
  • scp-8120 [info]
  • scp-style-resource [info]
• ¶ 5 occurrences
  

  :root {
  --header-title: "Site-169";
  --header-subtitle: "Anomalous Entity Engagement Division";
    --logo-img: url("https://scp-wiki.wikidot.com/local--files/secure-facility-dossier-site-169/AEED-logo.png");
  --accent: 255, 105, 180;
  }

  Pages using this styling

  • anomalous-entity-engagement-division-hub [info]
  • art:fisher-2689-fanart [info]
  • scp-2689 [info]
  • scp-6245 [info]
  • scp-6714 [info]
• ¶ 5 occurrences
  

  body {
      font-family: Verdana, sans-serif; font-size: 0.85rem;
  }

  Pages using this styling

  • animal-hospitals-author-page [info]
  • scp-3188 [info]
  • scp-7256 [info]
  • scp-8391 [info]
  • scp-9010 [info]
• ¶ 5 occurrences
  

  @import url('https://fonts.googleapis.com/css?family=Playfair+Display:400,700,900,400italic,700italic,900italic');
  @import url('https://fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic,700italic');
  
  a:visited {
  color: #BC4123;
  }
  
  #main-content {
      background-color: #ffffca;
  }
  
  h1, #page-title {
      font-family: 'Playfair Display', serif;
      color: black;
      padding: 0 0 0.25em;
      margin: 0 0 0.6em;
      font-weight: normal;
  }
  h1 {
      margin-top: 0.7em;
      padding: 0;
      font-weight: bold;
  }
  h2, h3, h4, h6, h7 {
      margin: 0.5em 0 0.4em;
      padding: 0;
      font-family: 'Playfair Display', serif;
      color: black;
      font-style: italic;
      letter-spacing: 1px;
      text-shadow: 1px 1px 1px #000000;
      text-shadow: 1px 1px 1px rgba(0,0,0,.8);
  }
  h5 {
     margin: 0.5em 0 0.4em;
      padding: 0;
      font-family: 'Playfair Display', serif;
      color: black;
      font-style: italic;
      letter-spacing: 1px;
  }
  #page-title {
      border-color: black;
  }
  
  .head-box-2{
      font-family: 'Playfair Display', serif;
      padding: 10px 15px 10px 15px;
      width: 89%;
      position: relative;
      text-align: left;
      line-height: 20px;
      display: inline-block;
      margin: 0 25px 20px -360px;
      background-color: #fdf5e8;
      border-radius: 8px 8px 8px 8px;
      font-size: 1.5em;
  }
  
  .head-box{
      font-family: 'Playfair Display', serif;
      padding: 10px 15px 10px 15px;
      width: 89%;
      position: relative;
      border: 3px double #BC4123;
      text-align: left;
      line-height: 20px;
      display: inline-block;
      margin: 0 25px 20px -360px;
      border-radius: 8px 8px 8px 8px;
      background-color: #fdf5e8;
      
  }
  
  
  .head{
      text-align: right;
      position: relative;
  }
  
  .main-body-div{
      font-family: 'Droid Serif', serif;
      font-size: 1.5em;
      line-height: 20px;
      width: 89%;
      display: inline-block;
      padding: 0 1% 0 1%;
      vertical-align: top;
      margin-bottom: 25px;
      transition: all .7s;
      border-left: 3px double #BC4123;
      border-top: 3px double #BC4123;
  }
  
  blockquote {
      background-color:  #fdf5e8;
      color: black;
      font-family: 'Droid Serif', serif;
      list-style: none;
  }
  .main-body-div-r{
      font-family: 'Droid Serif', serif;
      font-size: 1.5em;
      line-height: 20px;
      width: 89%;
      display: inline-block;
      padding: 0 1% 0 1%;
      vertical-align: top;
      margin-bottom: 25px;
      transition: all .7s;
      border-right: 4px double #BC4123;
      border-bottom:  3px double #BC4123;
      
  }
  }
  
  #header h1 a {
      font-family: "comic sans mf", times, serif;
      content: "In the King's Court";
  }
   
  #header h1 a::before {
      font-family: "comic sans mf", times, serif;
      content: "In the King's Court";
  }
   
  #header h1 a span{
      display: block;
      content: "";
      visibility: hidden;
  }
  
  #header h2 span {
      display: block;
      margin: 0;
      padding: 19px 0;
      line-height: 0px;
      max-height: 0px;
      font-weight: bold;
      color: transparent;
      text-shadow: none;
  }
  
  #header h2 span::before {
      content: "Everyone wears a mask.";
      display: block;
      margin: 0;
      padding: 0px 0;
      line-height: 0px;
      max-height: 0px;
      font-weight: bold;
      color: #ffffff;
      text-shadow: 1px 1px 1px #000;
      text-shadow: 1px 1px 1px rgba(0,0,0,.8);
  }

  Pages using this styling

  • an-angel-who-has-forsaken-sympathy [info]
  • everyone-wears-a-mask [info]
  • in-the-shadow-of-the-anguished-lord [info]
  • of-doctors-and-alagadda [info]
  • pestilence-in-the-court-of-the-hanged-king [info]
• ¶ 5 occurrences
  

  :root {
      --header-logo: url('https://scp-wiki.wdfiles.com/local--files/dinodraws-author-page/departmentofgeology%20lightmode.png');
   --title: "Department of Geology";
    --subtitle: "As Above, So Below";
  }

  Pages using this styling

  • amnesia-was-fir-name [info]
  • scp-672 [info]
  • scp-7479 [info]
  • scp-8186 [info]
  • scp-8272 [info]
• ¶ 5 occurrences
  

  .html-block-iframe {
      width: auto !important;
      position: relative;
      left: 50%;
      transform: translateX(-50%);
  }

  Pages using this styling

  • also-this-all-happened-on-the-same-day [info]
  • audio-log-from-december-24th-2010 [info]
  • dr-k-stuff-s-personnel-file [info]
  • hurting-people [info]
  • scp-2008 [info]
• ¶ 5 occurrences
  

  :root{
  --accentColor:#ff5512;
  --header-title:"Horizon Initiative";
  --header-subtitle:"IN THE EYES OF GOD";
  --lgurl:url("https://scp-wiki.wdfiles.com/local--files/horizon-initiative-hub/logo5.png") 1px 20px no-repeat
  }
  .line{
  border-top:2px solid #777;border-bottom:1px solid #777;padding:.5px
  }
  .footnotes-footer{display:none}

  Pages using this styling

  • all-we-were-was-us [info]
  • all-you-were-was-you [info]
  • count-to-ten [info]
  • perfect-preparation [info]
  • soda-sodomy [info]
• ¶ 5 occurrences
  

  :root {
     --lgurl:  https://scp-wiki.wikidot.com/;
     --header-title: "Horizon Initiative";
     --header-subtitle: "In The Eyes of God";
  }

  Pages using this styling

  • adnan-s-alibi [info]
  • all-they-are-is-them [info]
  • all-we-are-is-us [info]
  • secure-facility-dossier-chapterhouse-1 [info]
  • title [info]
• ¶ 5 occurrences
  

  /*----------------------------*/
  /*---- ADMONITION CLASSES ----*/
  /*----------------------------*/
  
  .cond {
      font-family: 'Roboto Condensed', var(--UI-font-fallback);
  }
  
  .ctrl {
      font-family: var(--header-font);
      font-weight: bold;
      text-transform: uppercase;
      letter-spacing: -2px;
      word-spacing: 2px;
  }
  
  .widetable :is(table:not(.form), table.wiki-content-table) {
      width: 100% !important;
      margin-top: 1.2rem;
      margin-bottom: 1rem;
  }
  
  .acstable :is(table:not(.form), table.wiki-content-table) {
      font-size: 0.9em;
  }
  
  .admo-episode_splash, .admo-intermission_splash {
      display: flex;
      flex-flow: column nowrap;
      justify-content: center;
      height: calc(100vh - var(--header-final-height));
      text-align: center;
  }
  
  .admo-episode_splash .admo-rate_splash {
      margin-top: -13.5rem;
      padding-bottom: 3.5rem;
  }
  
  .admo-intermission_splash .admo-rate_splash {
      margin-top: -21.5rem;
  }
  
  :is(.admo-episode_splash, .admo-intermission_splash) .ctrl {
      letter-spacing: -0.25vw;
  }
  
  .admo-episode_splash .ctrl {
      font-size: 5vw;
      line-height: 4vw;
  }
  
  .admo-intermission_splash .ctrl {
      font-family: var(--mono-font);
      font-size: 5vw;
      line-height: 3vw;
      letter-spacing: 0.5vw;
  }
  
  :is(.admo-episode_splash, .admo-intermission_splash) .cond:not(.admo-accessibility .cond) {
      font-size: 2vw;
      opacity: 80%;
  }
  
  .admo-episode_splash .cond:not(.admo-accessibility .cond) {
      font-weight: bold;
  }
  
  .admo-intermission_splash .cond:not(.admo-accessibility .cond) {
      font-style: italic;
  }
  
  @media only screen and (max-width: 1024px) {
  
      .admo-episode_splash .ctrl {
        font-size: 9vw;
       line-height: 7vw;
      }
  
      .admo-intermission_splash .ctrl {
       font-size: 8vw;
       line-height: 5.5vw;
      }
  
      :is(.admo-episode_splash, .admo-intermission_splash) .cond:not(.admo-accessibility .cond) {
       font-size: 3vw;
      }
  
  }
  
  .admo-accessibility {
      font-size: 1.2rem;
      font-weight: bold;
      text-align: center;
  }
  
  .admo-accessibility .cond {
      color: #808080;
  }
  
  .admo-end_card {
      background: rgba(var(--basalt-secondary-color), 0.5);
      padding: 2rem;
      text-align: center;
  }
  
  .admo-end_card .admo-credits {
      display: flex;
      flex-flow: row wrap;
      justify-content: center;
      align-items: center;
      gap: 2rem;
      text-align: left;
  }
  
  #u-blink-bar p:last-child::after {
      content: "";
      border-right: 1px solid rgb(var(--basalt-main-text-color));
      animation: blink 1s infinite;
      position: relative;
      left: 1px;
  }
  
  @keyframes blink {
      to {
       opacity: 0;
      }
  }
  
  .tabanchorbutton li {
      z-index: 1 !important;
      font-weight: bold;
  }
  
  .tabanchorbutton a {
      padding-top: 0 !important;
      padding-bottom: 0 !important;
  }
  
  .fnnumblock ol li::marker {
      color: rgb(var(--admo-color-bright));
      font-family: var(--ui-font);
      font-weight: bold;
  }
  

  Pages using this styling

  • abyssal [info]
  • art:angelus-abyss [info]
  • art:clamamus-in-silentio [info]
  • art:murus-concidit [info]
  • art:the-ones-who-never-existed [info]
• Uncommon (less than 5)

  ¶ 4 occurrences
  

  @import url("https://nu-scptheme.github.io/Black-Highlighter/css/min/normalize.min.css");
  @import url("https://nu-scptheme.github.io/Black-Highlighter/css/min/black-highlighter.min.css");
  #page-title {
      text-align: center !important;
      font-family: var(--header-font);
      font-size: 270%;
  }
  
  @media only screen and (max-width: 765px) {
    #page-title {
    font-size: 170%;
    white-space: nowrap;
    }
   }

  Pages using this styling

  • theme:black-highlightyear [info]
  • theme:goc [info]
  • theme:i57 [info]
  • theme:the-way-out [info]

  ¶ 4 occurrences
  

  @import url('https://cdn.scpwiki.com/theme/en/basalt/normalize-min.css');
  @import url('https://cdn.scpwiki.com/theme/en/basalt/basalt-bedrock-min.css');

  Pages using this styling

  • theme:bedrock [info]
  • theme:eigenvector [info]
  • theme:lumina [info]
  • theme:skipos [info]

  ¶ 4 occurrences
  

  @import url("https://cdn.scpwiki.com/theme/en/black-highlighter/css/min/normalize.min.css");
  @import url("https://cdn.scpwiki.com/theme/en/black-highlighter/css/min/black-highlighter.min.css");

  Pages using this styling

  • theme:bedbugs-theme [info]
  • theme:cleaning-services [info]
  • theme:magpie-swoops [info]
  • theme:wilderness [info]

  ¶ 4 occurrences
  

  @import url('https://scp-wiki.wdfiles.com/local--code/theme%3A3law/1');

  Pages using this styling

  • theme:3law [info]
  • theme:3law-7ow [info]
  • theme:3law-pride [info]
  • theme:3lawcracked [info]

  ¶ 4 occurrences
  

  /* Only show the A/B test subject when the A/B test is active */
  .ab-test--active + .ab-test-subject { display: flex; }
  
  .ego-bar { display: none; flex-direction: column; justify-content: space-evenly; flex-wrap: wrap; align-items: center; margin-block: 1rem; }
  .ego-bar__link { font-size: smaller; margin-inline: 2rem; }
  .ego-bar .page-rate-widget-box { margin: 0; }

  Pages using this styling

  • symmetry-breaking [info]
  • the-psipage [info]
  • unweaving-the-rainbow-an-introduction-to-quantum-thaumodynam [info]
  • why-ai [info]

  ¶ 4 occurrences
  

  @import url(https://scp-wiki.wdfiles.com/local--code/theme%3Abasalt/5)

  Pages using this styling

  • scp-8399 [info]
  • scp-8820 [info]
  • the-nameless-rebel [info]
  • theme:basalt [info]

  ¶ 4 occurrences
  

  
  .footnotes-footer {
  display:none;
  }
  

  Pages using this styling

  • scp-8047 [info]
  • scp-8071 [info]
  • scp-8176 [info]
  • scp-9053 [info]

  ¶ 4 occurrences
  

  @media only screen and (max-width: 600px) {
      .scp-image-block.block-right{
          float: none;
          margin: auto;
      }
  }

  Pages using this styling

  • scp-7133 [info]
  • scp-8626 [info]
  • scp-9363 [info]
  • scp-9753 [info]

  ¶ 4 occurrences
  

  div#header h1 a span {
      font-size: 0px;
  }
  div#header h1 a:before {
      content: "Site-433";
      color: #eee;
      
  }
  div#header h2 span {
      font-size:0px;
      padding: 4px;
  }
  div#header h2:after {
      content: "Anart and Anomalous Media";
      font-weight: bold;
      color: #f0f0c0;
      padding: 19px 0;
      text-shadow: 1px 1px 1px rgba(0, 0, 0, .8);
      white-space: pre;
  }
  
  #header {
    background-image: url(http://scp-sandbox-3.wdfiles.com/local--files/harry-blank-7/433.png)
  }

  Pages using this styling

  • scp-6869 [info]
  • scp-7664 [info]
  • scp-8060 [info]
  • scp-8695 [info]

  ¶ 4 occurrences
  

  .anom-bar-container.esoteric .text-part>.main-class::before {
      border-color: rgb(var(--swatch-menutxt-dark-color, 12, 12, 12));
  }
  
  .anom-bar-container.esoteric .text-part>.main-class::before,
  .anom-bar-container.esoteric .danger-diamond>.top-icon::before {
      background-color: rgb(var(--swatch-menutxt-dark-color, 12, 12, 12));
      background-image: url("http://scp-wiki.wikidot.com/local--files/scp-6666/esoteric-icon-ededed.svg");
      -webkit-filter: initial;
      filter: initial;
  }

  Pages using this styling

  • scp-6666 [info]
  • scp-7502 [info]
  • scp-7600 [info]
  • scp-9950 [info]

  ¶ 4 occurrences
  

  #header h1 a::before {
      content: "SCP Foundation";
  }
   
  #header h2::before {
      content: "SECURE - CONTAIN - PROTECT";
      text-shadow: 0rem 0rem 0.3125rem #000000;
  }

  Pages using this styling

  • scp-6143 [info]
  • scp-6701 [info]
  • scp-6983 [info]
  • scp-7501 [info]

  ¶ 4 occurrences
  

  
  div#header {
      background-image: url('http://scptestwiki.wikidot.com/local--files/sigma:vivarium-test-page/ITTV_PRIDE_LOGO.png') !important;
  }
  

  Pages using this styling

  • scp-6143 [info]
  • scp-6701 [info]
  • scp-6983 [info]
  • scp-7501 [info]

  ¶ 4 occurrences
  

  :root {
    --header-title: "SCP Foundation";
    --header-subtitle: "Secure, Contain, Protect";
  }

  Pages using this styling

  • scp-6138 [info]
  • scp-6746 [info]
  • scp-8892 [info]
  • those-whose-spirits-have-been-crushed [info]

  ¶ 4 occurrences
  

  .page {
      display: block;
      overflow: hidden;
      font-size: 175%;
      font-family: "VT323", "Courier New";
      font-style: normal;
  
      background-attachment: scroll;
      background-clip: border-box;
      background-color: transparent;
      background-image: linear-gradient(to top ,rgb(202, 219, 228) 0%, rgb(231, 233, 220) 8%);
      background-origin: padding-box;
      background-position: 0px 8px;
      background-repeat: repeat;
      background-size: 100% 20px;
  
      border: 1px solid #CCC;
      border-radius: 10px;
      padding: 10px 10px;
      margin-bottom: 10px;
  
      box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2)
      }
  .page p,
  .page ul {
      line-height: 20px;
      margin: 0;
  }

  Pages using this styling

  • scp-5496 [info]
  • scp-5520 [info]
  • the-b-b-decommission [info]
  • the-huron-carol [info]

  ¶ 4 occurrences
  

  .table-main {
      border-collapse: collapse;
      border-spacing: 0;
      margin: 0.5em auto;
  }
  
  .table-hcell {
      border: 1px solid #888;
      padding: 0.3em 0.7em;
      background-color: #EEE;
      font-weight: bold;
      text-align: center;
  }
  
  .table-cell {
      border: 1px solid #888;
      padding: 0.3em 0.7em;
  }

  Pages using this styling

  • scp-5035 [info]
  • scp-5466 [info]
  • scp-5527 [info]
  • scp-8618 [info]

  ¶ 4 occurrences
  

  @import url('https://fonts.googleapis.com/css?family=PT+Mono&display=swap');
  
  .parawatch blockquote {
      background:  #1a1a1a;
      border-width: 2px;
      border-style: solid;
      border-color: #262626;
      color: #f2f2f2;
      font-family: 'PT Mono', monospace;
  }
  
  .parawatch a {
      color: #6F9;
      font-weight: bold;
  }
  
  
  @media (max-width: 767px) {
      .scp-image-block.block-right {
          float: none;
          margin: auto;
      }
  }

  Pages using this styling

  • scp-4901 [info]
  • scp-5818 [info]
  • scp-6191 [info]
  • scp-6838 [info]

  ¶ 4 occurrences
  

  .info-container{
  --barColour: rgb(var(--dark-accent));
  --linkColour: rgb(var(--bright-accent));
  }
  
  .sign {
      color: white;
  }
  
  .ature, .ature a, .ature a:visited {
      color: rgb(var(--bright-accent));
  }
  #page-content > .collapsible-block {
  background-color: #0f0f0f;
  border-top: 0.125rem dashed rgb(var(--medium-accent));
  border-bottom: 0.125rem dashed rgb(var(--medium-accent));
  }
  

  Pages using this styling

  • scp-4661 [info]
  • scp-5383 [info]
  • scp-5690 [info]
  • scp-7666 [info]

  ¶ 4 occurrences
  

  :root {
      --cutColour: #fafafa;
      --barColour: #590505;
  }

  Pages using this styling

  • scp-4620 [info]
  • scp-6036 [info]
  • scp-6644 [info]
  • scp-7444 [info]

  ¶ 4 occurrences
  

  @import url('https://fonts.googleapis.com/css?family=Berkshire+Swash');

  Pages using this styling

  • scp-4468 [info]
  • scp-629 [info]
  • spread-the-word [info]
  • vend-a-friend [info]

  ¶ 4 occurrences
  

  sup {
  vertical-align: top; position: relative; top: -0.5em;
  }

  Pages using this styling

  • scp-4345 [info]
  • scp-4354 [info]
  • scp-5511 [info]
  • scp-5645 [info]

  ¶ 4 occurrences
  

  @import url('https://fonts.googleapis.com/css?family=Baltimore+Typewriter);
  @import url('https://fonts.googleapis.com/css?family=Times+New+Roman');

  Pages using this styling

  • scp-4215 [info]
  • scp-4605 [info]
  • scp-4735 [info]
  • urbandelayed-author-page [info]

  ¶ 4 occurrences
  

  
  @media (max-width: 1000px) {
    :root .scp-image-block {
      width: min(300px, 90%) !important;
      margin: auto;
      float: none;
    }
  }

  Pages using this styling

  • scp-3434-j [info]
  • scp-4343-j [info]
  • scp-9343 [info]
  • scp-9700 [info]

  ¶ 4 occurrences
  

  
  div.info-container > div.collapsible-block {
      padding: 0 !important;
      margin: 0 !important;
      box-shadow: none !important;
  }
  

  Pages using this styling

  • scp-2834 [info]
  • scp-4372 [info]
  • scp-4476 [info]
  • scp-5765 [info]

  ¶ 4 occurrences
  

  sup {
  vertical-align: top; position: relative; top: -0.5em;
  }
  :root{
  --cutColour: #fafafa;
  --barColour: #590505;
  }
  .translation_block{
  display:none;}
  
  #page-content .info-container {
      --link-color: rgb(var(--swatch-text-general));
  }
  
  #page-content .info-container .translation_block {
      display: none;
  }
  
  #page-content .info-container .collapsible-block-link,
  #page-content .info-container:hover .collapsible-block-link {
      line-height: 1.6em;
  }
  
  #page-content .info-container .collapsible-block-folded,
  #page-content .info-container .collapsible-block-unfolded-link {
      display: grid;
  }
  
  #page-content .info-container .collapsible-block-folded .collapsible-block-link,
  #page-content .info-container .collapsible-block-link {
      -webkit-mask: unset;
              mask: unset;
      background: transparent;
      grid-column: 1;
      grid-row: 1;
      opacity: 0;
  }
  
  #page-content .info-container .collapsible-block-folded::before,
  #page-content .info-container .collapsible-block-unfolded-link::before {
      --wght: 800;
      content: "winkwonkboi";
      color: #FFFFFF;
      font-family: Inter, Arimo, Verdana, Geneva, "Helvetica Neue", "Helvetica", Arial, sans-serif;;
      display: block;
      pointer-events: none;
      grid-column: 1;
      grid-row: 1;
  }

  Pages using this styling

  • scp-2689 [info]
  • scp-6245 [info]
  • scp-6545 [info]
  • scp-6714 [info]

  ¶ 4 occurrences
  

  sup {
  vertical-align: top; position: relative; top: -0.5em;
  }
  #header::before {
      opacity: 0.9 !important;
  }
  :root{
  --header-subtitle: "Project PARAGON";
  --cutColour: #fafafa;
  --barColour: #590505;
  --timeScale: 1;
  --timeDelay: 1s;
  --accentColor: 160, 44, 44;
  --dark-gray-monochrome: 55, 55, 55;
  --black-monochrome: 26, 26, 26;
  --lgurl: url(https://scptestwiki.wikidot.com/local--files/secret:scp-0000/scpnewlogo.png);
  }
  .translation_block{
  display:none;}
  
  #page-content .info-container {
      --link-color: rgb(var(--swatch-text-general));
  }
  
  #page-content .info-container .translation_block {
      display: none;
  }
  
  #page-content .info-container .collapsible-block-link,
  #page-content .info-container:hover .collapsible-block-link {
      line-height: 1.6em;
  }
  
  #page-content .info-container .collapsible-block-folded,
  #page-content .info-container .collapsible-block-unfolded-link {
      display: grid;
  }
  
  #page-content .info-container .collapsible-block-folded .collapsible-block-link,
  #page-content .info-container .collapsible-block-link {
      -webkit-mask: unset;
              mask: unset;
      background: transparent;
      grid-column: 1;
      grid-row: 1;
      opacity: 0;
  }
  
  #page-content .info-container .collapsible-block-folded::before,
  #page-content .info-container .collapsible-block-unfolded-link::before {
      --wght: 800;
      content: "djkaktus";
      color: var(--link-color);
      font-family: Inter, Arimo, Verdana, Geneva, "Helvetica Neue", "Helvetica", Arial, sans-serif;;
      display: block;
      pointer-events: none;
      grid-column: 1;
      grid-row: 1;
  }
  
  .anom-bar-container.esoteric .text-part>.main-class::before {
      border-color: rgb(var(--swatch-menutxt-dark-color, 12, 12, 12));
  }
  
  .anom-bar-container.esoteric .text-part>.main-class::before,
  .anom-bar-container.esoteric .danger-diamond>.top-icon::before {
      background-color: rgb(var(--swatch-menutxt-dark-color, 12, 12, 12));
      background-image: url("https://scptestwiki.wikidot.com/local--files/secret:scp-0000/esoteric-icon-ededed.svg");
      -webkit-filter: initial;
      filter: initial;
  }
  

  Pages using this styling

  • scp-2254 [info]
  • scp-2932 [info]
  • scp-4812 [info]
  • scp-4840 [info]

  ¶ 4 occurrences
  

  #header::before {
      opacity: 0.9;
  }

  Pages using this styling

  • scp-2105 [info]
  • scp-4205 [info]
  • scp-4378 [info]
  • scp-4512 [info]

  ¶ 4 occurrences
  

  #page-content .info-container .collapsible-block-folded::before,
  #page-content .info-container .collapsible-block-unfolded-link::before {
      content: "Collaboration";

  Pages using this styling

  • scp-1781 [info]
  • scp-3000 [info]
  • scp-3293 [info]
  • twistedgears-kaktus-proposal [info]

  ¶ 4 occurrences
  

  .danke {
      padding: 5px;
      margin-bottom:10px;
      font-family: monospace;
      font-size: 1.1em; 
  }
  
  .agent {
      background-color:#002200;
      border: 3px solid #55AA55;
      color: #77CC77;
  }

  Pages using this styling

  • pointtwo2 [info]
  • pointtwo3 [info]
  • pointtwo4 [info]
  • pointtwoprologue [info]

  ¶ 4 occurrences
  

  /*
  This tooltip hover effect is adapted from LurkD's code for a very good bird named Crom on http://www.scp-wiki.net/command-query-separation
  */
  .hover {
  }
  .hover:hover {
    text-decoration: none;
      border-bottom: none;
  }
  
  .hover span {display: none;}
  .hover:hover span {
      position: absolute;
      display: inline;
      height: auto;
      max-width: 25%;
      background: #542429;
      color: #D6D6D6;
      font-weight: bold;
      padding: 0.5em 1.5em;
  }
  .hover:hover span span {
      position: relative;
      margin: auto;
      height: auto;
      width: auto;
      border: none;
      padding: 0;
  }

  Pages using this styling

  • news-03-2021 [info]
  • news-04-2021 [info]
  • news-05-2021 [info]
  • news-06-2021 [info]

  ¶ 4 occurrences
  

  #page-content .wiki-content-table tr th {
      border: none;
   
      // set border for table title
  }
   
  #page-content .wiki-content-table tr td {
      border: none;
   
      // set border for table content
  }
  
  #header h2 span {
      display: block;
      margin: 0;
      padding: 19px 0;
      line-height: 0px;
      max-height: 0px;
      font-weight: bold;
      color: transparent;
      text-shadow: none;
  }
  
  #header {
      background-image: url(https://scp-wiki.wdfiles.com/local--files/news/SCPNewsLogo);
  }
  
  #header h2 span::before {
      color: #eee;
      font-weight: bold;
      color: #f0f0c0;
      text-shadow: 1px 1px 1px #000;
      text-shadow: 1px 1px 1px rgba(0,0,0,.8);
      content: 'Site Correspondence Periodical';
  }

  Pages using this styling

  • news-01-2019 [info]
  • news-02-2019 [info]
  • news-03-2019 [info]
  • news-12-2018 [info]

  ¶ 4 occurrences
  

  
  #header {
      background-image: url(http://www.scp-wiki.net/local--files/news/SCPNewsLogo);
  }
  
  #header h2 span::before {
      color: #eee;
      font-weight: bold;
      color: #f0f0c0;
      text-shadow: 1px 1px 1px #000;
      text-shadow: 1px 1px 1px rgba(0,0,0,.8);
      content: 'Site Correspondence Periodical';
  }
  
  
  #header h2 span {
      display: block;
      margin: 0;
      padding: 19px 0;
      line-height: 0px;
      max-height: 0px;
      font-weight: bold;
      color: transparent;
      text-shadow: none;
  }
  
  
  /*
  
  "SCPNewsLogo" is a derivative of "1f5de" by Twitter, Inc and other contributors, used under CC BY. "SCP-News-2018-08-Logo" is licensed under CC BY SA by TSATPWTCOTTTADC.
  
   */
  

  Pages using this styling

  • news-01-2018 [info]
  • news-02-2018 [info]
  • news-03-2018 [info]
  • news-12-2017 [info]

  ¶ 4 occurrences
  

  @import url('https://fonts.googleapis.com/css2?family=Domine:wght@700&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=White+Text:ital,wght@0,400;0,600;0,700;1,400;1,600;1,700&display=swap');
  #page-title {
      display: none;
  }
  .splash h1 {
      font-size: 700%;
      font-family: 'Domine', serif;
      font-weight: 700;
      text-align: center;
      margin-bottom: -2rem;
      letter-spacing: 0.25rem;
  }
  .splash h3 {
      font-size: 300%;
      font-family: 'Domine', serif;
      font-weight: 700;
      text-align: center;
  }
  .splash {
      font-family: 'Domine', serif;
      font-weight: 400;
      text-align: center;
  }
  #page-content > p {
      text-justify: inter-word;
      text-align: justify;
      text-indent: 1rem;
      font-family: "White Text", serif;
      font-size: 1.2rem;
  }
  .chapterstart {
      font-size: 4rem;
      line-height: 8rem;
  }
  .links {
  display: block;
  text-align: center;
  }
  .links a {
      background: rgb(var(--bright-accent));
      color: white;
      padding: 3px;
      border-radius: 4px;
      font-family: monospace;
      white-space: nowrap;
  }
  .links a:visited {
      color: white;
  }
  .links a:hover {
      color:rgb(var(--bright-accent));
  }

  Pages using this styling

  • kaiwan-the-king [info]
  • my-ink-my-blood-my-sea [info]
  • the-master-of-keys [info]
  • the-scarlet-father [info]

  ¶ 4 occurrences
  

   div#container-wrap{
       background-image: url('http://scp-sandbox-3.wdfiles.com/local--files/harry-blank-2/bg3.png');
       background-repeat: repeat-x;
  }

  Pages using this styling

  • just-another-shop-that-wasn-t-there [info]
  • scp-6237 [info]
  • scp-6530 [info]
  • sunshine-and-lucre [info]

  ¶ 4 occurrences
  

  /* HORIZONTAL RULES */
   
  .fancyhr hr {
      border-top: 2vw solid transparent;
      background-color: rgba(var(--bright-accent), 0);
      height: 0;
      box-sizing: border-box;
      border-image-source: url('https://wanderers-library.wikidot.com/local--files/component:dustjacket-theme/wl_hr.png');
      border-image-repeat: round round;
      background: none;
      border-image-slice: 80 500 80 500 fill;
      border-image-width: 10em 80em 10em 80em;
  }
   
  .fancyborder {
      box-sizing: border-box;
      border: 2vw solid rgba(0,0,0,0.5);
      border-image: url('https://wanderers-library.wikidot.com/local--files/component:dustjacket-theme/wl_border.png') 600 round;
      border-image-width: 6;
      padding: 2vw;
  }

  Pages using this styling

  • i-told-you-about-spirals-bro [info]
  • scp-5161 [info]
  • scp-9125 [info]
  • scp-9429 [info]

  ¶ 4 occurrences
  

  .email {border: solid 2px #000000; width: 88%; padding: 1px 15px; margin: 10px; box-shadow: 0 1px 3px rgba(0,0,0,.5)}
  .tofrom {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px maroon}

  Pages using this styling

  • honesty-best-policy [info]
  • scp-6912 [info]
  • scp-8799 [info]
  • under-new-management [info]

  ¶ 4 occurrences
  

  @import url('https://fonts.googleapis.com/css2?family=Alegreya:ital,wght@0,400..900;1,400..900&display=swap');
  
  #page-content > p {
      text-justify: inter-word;
      text-align: justify;
      text-indent: 1rem;
      font-family: "Alegreya", serif;
      font-size: 1.1rem;
  }

  Pages using this styling

  • her-envoy-waxing [info]
  • the-beach-part-i [info]
  • the-beach-part-ii [info]
  • the-beach-part-iii [info]

  ¶ 4 occurrences
  

  span{ display: inline-block; }
  .fliph {
    -moz-transform: scale(-1, 1);
    -webkit-transform: scale(-1, 1);
    -o-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    transform: scale(-1, 1);
    }

  Pages using this styling

  • haphway-there [info]
  • ship-to-wreck [info]
  • siren-song [info]
  • yeren-back-again [info]

  ¶ 4 occurrences
  

  .imagediv { float: right; margin: 15px}
  @media (max-width: 540px) {
    .imagediv {
      float: none; text-align:center; margin: auto;
    }
  }
  
  div#header h1 a span {
      font-size: 0px;
  }
  div#header h1 a:before {
      content: "SCP Foundation";
      color: #eee;
  
  }
  div#header h2 span {
      font-size:0px;
      padding: 4px;
  }
  div#header h2:after {
      content: "Russian Branch, Area-23 Network";
      font-weight: bold;
      color: #f0f0c0;
      padding: 19px 0;
      text-shadow: 1px 1px 1px rgba(0, 0, 0, .8);
      white-space: pre;
  }
  
  #header {
    background-image: url(https://scp-wiki.wdfiles.com/local--files/jerden-insignia/Area-23.svg);
    background-size: 90px;
  }

  Pages using this styling

  • fruit-of-knowledge [info]
  • skins-as-clothing [info]
  • the-last-daughter-of-daevon [info]
  • the-serpent-deceived [info]

  ¶ 4 occurrences
  

  .archive {
    color: black;
    background-color: white;
    width: 80%;
    margin: auto;
    border-radius: 30px;
    border: 1px solid black;
    filter: drop-shadow(0 0 10px black);
    max-width: 50%;
    padding: 10px;
    font-size: 150%;
    text-align: center;
    margin-bottom: 30px;
  }
  

  Pages using this styling

  • fragment:y-ai-2 [info]
  • fragment:y-ai-3 [info]
  • fragment:y-ai-6 [info]
  • fragment:y-ai-7 [info]

  ¶ 4 occurrences
  

  .bblock:hover {color: white}

  Pages using this styling

  • fragment:scp9317-4 [info]
  • scp-5347 [info]
  • scp-8151 [info]
  • scp-style-resource [info]

  ¶ 4 occurrences
  

  .email-example .collapsible-block-folded a.collapsible-block-link {
      animation: blink 0.8s ease-in-out infinite alternate;
  }
  @keyframes blink {
      0% { color: transparent; }
      50%, 100% { color: #b01; }
  }
  .email {border: solid 2px #870F06; width: 88%; background-color: rgb(0, 0, 0); padding: 1px 15px; margin: 10px; box-shadow: 0 1px 3px rgba(0,0,0,.5)}
  .email-example a.collapsible-block-link {font-weight: bold;}
  .tofrom {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px maroon}

  Pages using this styling

  • fragment:scp9317-2 [info]
  • fragment:scp9317-3 [info]
  • fragment:scp9317-4 [info]
  • scp-9317 [info]

  ¶ 4 occurrences
  

  @import url('https://fonts.googleapis.com/css2?family=Quintessential&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Dancing+Script&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Uncial+Antiqua&display=swap');
  
  
  .quintessential-regular {
    font-family: "Quintessential", serif;
    font-weight: 400;
    font-style: normal;
  }
  .uncial-antiqua-regular {
    font-family: "Uncial Antiqua", system-ui;
    font-weight: 400;
    font-style: normal;
  }
  .dancing-script {
    font-family: "Dancing Script", cursive;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
  }

  Pages using this styling

  • fragment:scp-9924-0 [info]
  • fragment:scp-9924-1 [info]
  • fragment:scp-9924-3 [info]
  • fragment:scp-9924-4 [info]

  ¶ 4 occurrences
  

  @import url('https://fonts.googleapis.com/css2?family=Special+Elite&display=swap');

  Pages using this styling

  • fragment:scp-935-1 [info]
  • fragment:scp-935-2 [info]
  • leather-pig [info]
  • pruder-record [info]

  ¶ 4 occurrences
  

  .containercontainer {position: relative;width: auto;height: auto;border: 2px solid #666;background: #141212;color: #3F3;margin-top: 1em;margin-bottom: 1em;}.containercontainer .container overlayback {background: rgba(187, 187, 187, 0.5);z-index: 3;position: absolute;top: 0;left: 0;bottom: 0;right: 0;width: auto;height: auto;animation: overlay-anim 10s linear;animation-fill-mode: forwards;animation-iteration-count: infinite;}.containercontainer .container {text-align: left;width: inherit;height: inherit;position: relative;overflow: hidden;}.containercontainer .container::after {content: " ";display: block;position: absolute;top: 0;left: 0;bottom: 0;right: 0;background: rgba(21, 19, 19, 0.2);opacity: 0;z-index: 2;animation: flicker 0.15s infinite;}.containercontainer .container::before {content: " ";display: block;position: absolute;top: 0;left: 0;bottom: 0;right: 0;background: linear-gradient(rgba(18, 16, 16, 0.03) 50%, rgba(0, 0, 0, 0.45) 50%), linear-gradient(90deg, rgba(255, 0, 0, 0.22), rgba(0, 255, 0, 0.11), rgba(0, 0, 255, 0.22));z-index: 2;background-size: 100% 2px, 3px 100%;}.no-unfold {text-align: left;}.container h1,.container h2,.container h3,.container h5,.container h6 {color: #3F3;}.container hr {border-top: 1px dotted #3F3;border-bottom: none;}.container hr {border-top: 1px solid #3F3;border-bottom: 1px solid #3F3;color: transparent;background-color: transparent;}.container hr:after {display: block;margin-top: 2px;border-top: 1px solid #3F3;border-bottom: 1px solid #3F3;}.blinkbar {animation: blink 1.5s infinite; letter-spacing: -0.13em;}@keyframes blink{to{opacity: .0;}}@keyframes flicker {0% {opacity: 0.9890; }5% {opacity: 0.5842; }10% {opacity: 0.9865; }15% {opacity: 0.0412; }20% {opacity: 0.6255; }25% {opacity: 0.3157; }30% {opacity: 0.7328; }35% {opacity: 0.4654; }40% {opacity: 0.9128; }45% {opacity: 0.2449; }50% {opacity: 0.5485; }55% {opacity: 0.6438; }60% {opacity: 0.1180; }65% {opacity: 0.9085; }70% {opacity: 0.0266; }75% {opacity: 0.6795; }80% {opacity: 0.7812; }85% {opacity: 0.0117; }90% {opacity: 0.2239; }95% {opacity: 0.8897; }100% {opacity: 0.2260; }}@keyframes overlay-anim {0% {visibility: hidden; }10% {visibility: hidden; }11% {visibility: visible; }50% {visibility: hidden; }100% {visibility: hidden; }}

  Pages using this styling

  • fragment:scp-8929-0 [info]
  • fragment:scp-8929-1 [info]
  • scp-5083 [info]
  • scp-7699 [info]

  ¶ 4 occurrences
  

  .email {float: center; border: solid 2px #000000; width: 88%; padding: 1px 15px; margin: 10px auto; box-shadow: 0 1px 3px rgba(0,0,0,.5)}
  .tofrom {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px maroon}
  a.collapsible-block-link { font-weight: bold; }

  Pages using this styling

  • fragment:scp-8288-0 [info]
  • scp-7159 [info]
  • scp-7309 [info]
  • the-beast-beneath-the-library [info]

  ¶ 4 occurrences
  

  /* Hide the original page title */
  #page-title {
    display: none;
  }
  
  /* Fake page title */
  .page-title {
    border-bottom: solid 1px #bbbbbb;
    color: #990011;
    font-weight: normal;
    margin: 0 0 0.6em;
    padding: 0 0 0.25em;
    font-size: 200%;
  }
  .page-title p {
    margin: 0;
  }
  
  @media only screen and (max-width: 1040px) {
    .outside {
      margin-right: 0 !important;
      margin-left: 0 !important;
      padding-left: 3em !important;
      padding-right: 3em !important;
    }
  }
  
  body {
    overflow-x: hidden;
  }
  
  .denied { padding: 0 3rem 1rem; margin: 3rem auto; width: 75%; border: 4px solid firebrick; text-align: center; box-sizing: border-box; }
  .denied h1 { font-size: 2.5rem; color: firebrick; font-family: verdana; }
  @media (max-width: 768px) {
    .denied { padding-left: 1rem; padding-right: 1rem; width: 90% }
  }

  Pages using this styling

  • fragment:scp-7878-1 [info]
  • fragment:scp-7878-2 [info]
  • fragment:scp-7878-3 [info]
  • fragment:scp-7878-4 [info]

  ¶ 4 occurrences
  

  #page-title {
      display: none;

  Pages using this styling

  • fragment:scp-6226-2 [info]
  • scp-6858 [info]
  • scp-8697 [info]
  • scp-8698 [info]

  ¶ 4 occurrences
  

  .hover {
    color: red;
    text-decoration: underline;
  }
  .hover .hover-text {
     position: absolute;
     display: none;
     margin: 20px 0px;
     height: auto;
     width: auto;
     background:white;
     border: 1px solid black;
     color: black;
     padding: 0.5em;
  }
  
  .hover:hover {
    text-decoration: none;
    border-bottom: none;
    color: #004c00;
  }
  .hover:hover .hover-text {
    display: inline;
  }

  Pages using this styling

  • fragment:scp-5500-1 [info]
  • fragment:scp-5500-2 [info]
  • fragment:scp-5500-3 [info]
  • fragment:scp-5500-5 [info]

  ¶ 4 occurrences
  

  ::-webkit-scrollbar-thumb
  {
    background: #6a6c6e;
  }

  Pages using this styling

  • fragment:scp-4260-1 [info]
  • scp-5150 [info]
  • scp-5850 [info]
  • scp-5944 [info]

  ¶ 4 occurrences
  

  .link a{
      color: black;
      font-style: bold;
      font-weight: 800;
  }

  Pages using this styling

  • fragment:scp-1796-0 [info]
  • fragment:scp-1796-1 [info]
  • fragment:scp-1796-2 [info]
  • scp-1796 [info]

  ¶ 4 occurrences
  

  
  .poem {
    background-color: rgb(0, 0, 0);
    border: solid 2px rgb(153, 1, 0);
    padding: 12px;
  }
  

  Pages using this styling

  • fragment:palingenesis-0 [info]
  • fragment:palingenesis-1 [info]
  • i-can-hate-me-harder-than-you-can [info]
  • palingenesis-hub [info]

  ¶ 4 occurrences
  

  :root {
  --header-title: "Project DIDS";
  }
  .scp-image-block .scp-image-caption {
      background-color: #d7b73a;
      border-top-color: #d7b73a;
  }

  Pages using this styling

  • fragment:goblincon-5257-goldenchanges-0 [info]
  • fragment:goblincon-5257-goldenchanges-2 [info]
  • fragment:goblincon-5257-goldenchanges-4 [info]
  • fragment:goblincon-5257-goldenchanges-8 [info]

  ¶ 4 occurrences
  

   
  /* Replace the sky with an aurora. */
  body::before {
    background-image: url(http://scp-wiki.wikidot.com/local--files/the-four-arcana/sky.webp);
    background-size: 1500px calc(var(--header-height-on-desktop));
    animation-duration: 360s;
    filter: grayscale(70%);
  }
  
  /* Replace the buildings. */
  div#container-wrap-wrap::before {
    background-image: url(http://scp-wiki.wikidot.com/local--files/the-four-arcana/skyline.png);
    filter: grayscale(70%);
  }
   
  @keyframes sky {
    from { background-position: 1500px 0; }
    to { background-position: 0 0; }
  }
   
  /* Replace fog layers with snow */
  div#container-wrap-wrap::after, body::after {
    background-image: url(http://scp-sandbox-3.wikidot.com/local--files/croquemtest2/snow.webp);
    background-size: var(--ashes-width);
    background-repeat: repeat;
    animation: ashes-move linear var(--ashes-move-duration) infinite;
    opacity: 0.8;
  }
  div#container-wrap-wrap::after {
    --ashes-move-duration: 37s;
    --ashes-width: 250px;
  }
  body::after {
    --ashes-move-duration: 30s;
    --ashes-width: 400px;
  }
  @keyframes ashes-move {
    from { background-position: 0 0; }
    to { background-position: var(--ashes-width) var(--ashes-width); }
  }

  Pages using this styling

  • fragment:a-terrible-thing-2 [info]
  • fragment:a-terrible-thing-4 [info]
  • fragment:a-terrible-thing-5 [info]
  • fragment:a-terrible-thing-6 [info]

  ¶ 4 occurrences
  

  
  #page-title{
  display:none;
  }
  

  Pages using this styling

  • fragment:9000contestsinkingotter-0 [info]
  • fragment:9000contestsinkingotter-10 [info]
  • fragment:9000contestsinkingotter-2 [info]
  • fragment:9000contestsinkingotter-5 [info]

  ¶ 4 occurrences
  

  .email {border: solid 2px #000000; width: 88%; padding: 1px 15px; margin: 10px; box-shadow: 0 1px 3px rgba(0,0,0,.5)}
  
  .tofrom {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px maroon}

  Pages using this styling

  • fragment:9000contestmann-17 [info]
  • fragment:9000contestmann-2 [info]
  • fragment:9000contestmann-3 [info]
  • fragment:9000contestmann-5 [info]

  ¶ 4 occurrences
  

  @import url('https://fonts.googleapis.com/css2?family=Metal+Mania&display=swap');
  
  .kister {
    font-family: 'Metal Mania', cursive;
  }

  Pages using this styling

  • fragment:9000contestchoccoman-1 [info]
  • fragment:9000contestchoccoman-2 [info]
  • fragment:9000contestchoccoman-3 [info]
  • fragment:9000contestchoccoman-4 [info]

  ¶ 4 occurrences
  

  @import url('https://fonts.googleapis.com/css2?family=Black+Ops+One&display=swap');
  
  .io {
    font-family: 'Black Ops One', sans-serif;
  }

  Pages using this styling

  • fragment:9000contestchoccoman-1 [info]
  • fragment:9000contestchoccoman-2 [info]
  • fragment:9000contestchoccoman-3 [info]
  • fragment:9000contestchoccoman-4 [info]

  ¶ 4 occurrences
  

  
  span.tl_id {
  font-family: var(--UI-font);
  font-size: 0.85em;
  text-transform: uppercase;
  }
  

  Pages using this styling

  • fragment:9000contestampyrreference-1 [info]
  • fragment:9000contestampyrreference-2 [info]
  • fragment:9000contestampyrsome-1 [info]
  • scp-7140 [info]

  ¶ 4 occurrences
  

  hr {
      height: 2px;
      color: #ffffff;
      background-color: #ffffff;
      border: none;
  }

  Pages using this styling

  • fragment:9000contestampyrreference-1 [info]
  • fragment:9000contestampyrreference-2 [info]
  • fragment:9000contestampyrsome-1 [info]
  • scp-7140 [info]

  ¶ 4 occurrences
  

  :root {
      --basalt-UI-dark-palette: 74, 7, 15;
  ;
  
      --basalt-UI-background-color: var(--basalt-secondary-color);
      --header-background-color: var(--basalt-UI-background-color);
      --side-bar-background-color: var(--basalt-UI-background-color);
      --bottom-area-background-color: var(--basalt-UI-background-color);
      --edit-area-ancillary-background-color: var(--basalt-UI-background-color);
      --edit-area-toolbar-background-color: var(--basalt-UI-background-color);
      --button-background-color: var(--basalt-UI-background-color);
  
      --basalt-UI-text-color: var(--basalt-main-text-color);
      --header-title-color: var(--basalt-UI-text-color);
      --header-subtitle-color: var(--basalt-UI-text-color);
      --top-bar-link-color: var(--basalt-UI-text-color);
      --search-icon-color: var(--basalt-UI-text-color);
      --side-bar-heading-text-color: var(--basalt-UI-text-color);
      --side-bar-link-color: var(--basalt-UI-text-color);
      --bottom-area-text-color: var(--basalt-UI-text-color);
      --edit-area-ancillary-text-color: var(--basalt-UI-text-color);
      --edit-area-toolbar-icon-color: var(--basalt-UI-text-color);
      --button-text-color: var(--basalt-UI-text-color);
      --basalt-sub-text-color: var(--basalt-UI-text-color);
  
      --ACS-font: var(--header-font);
      --basalt-th-background-color: var(--basalt-UI-dark-palette);
      --basalt-th-text-color: var(--basalt-light-text-color);
      --image-caption-text-color: var(--basalt-main-text-color);
      --authorbox-background-color: var(--basalt-primary-color);
      --floatbox-background-color: var(--basalt-secondary-color);
      --document-background-color: 253, 253, 253;
      --darkdocument-background-color: 30, 30, 35;
  
      --header-drop-shadow-opacity: 0.1;
      --window-border-radius: 8px;
  
      /*-----------------------*/
      /*---- EXTERNAL VARS ----*/
      /*-----------------------*/
  
      /* Info Bar */
      --linkColour: rgb(var(--basalt-light-text-color)) !important;
      --barColour: rgb(var(--basalt-undertone)) !important;
      --fnColor: rgb(var(--basalt-bright-element-color));
  
      /* BetterFootnotes */
      --posX: 6vw;
      --fnLinger: 0.33s;
  
      /* ACS */
      --one-color: 0, 159, 107;
      --two-color: 0, 135, 189;
      --three-color: 255, 211, 0;
      --four-color: 255, 109, 0;
      --five-color: 196, 2, 51;
      --six-color: 173, 77, 191;
  
  }

  Pages using this styling

  • fragment:9000contestampyrreference-1 [info]
  • fragment:9000contestampyrreference-2 [info]
  • fragment:9000contestampyrsome-1 [info]
  • scp-7140 [info]

  ¶ 4 occurrences
  

  :root {
  --accent: 75, 156, 211;
  }

  Pages using this styling

  • fragment:8000contestwinkwonkboi-1 [info]
  • fragment:8000contestwinkwonkboi-2 [info]
  • fragment:8000contestwinkwonkboi-3 [info]
  • fragment:8000contestwinkwonkboi-4 [info]

  ¶ 4 occurrences
  

  @import url('https://fonts.googleapis.com/css?family=Cinzel');
  /*
  The Cinzel font was created by Natanael Gama and is licensed under the Open Font License
  */

  Pages using this styling

  • four-knights-tango [info]
  • human [info]
  • nobody-s-home [info]
  • people-without-meaning [info]

  ¶ 4 occurrences
  

  .footnoteref{
  color: #FF5555;
  }
  .danke{
  padding: 5px 5px 5px 15px;
  margin: auto;
  margin-top:1em;
  margin-bottom:1em;
  width: auto;
  font-family: monospace;
  font-size: 1em; 
  }
  
  .red{
  background-color:#220000;
  border: 3px solid #AA5555;
  color: #dd1f1b;
  }
  
  .blue{
  background-color:#000022;
  border: 3px solid #5555AA;
  color: #0076fd;
  }

  Pages using this styling

  • extraversal-affairs-and-me [info]
  • scp-5140 [info]
  • scp-5873 [info]
  • scp-6108 [info]

  ¶ 4 occurrences
  

  @import url('https://fonts.googleapis.com/css2?family=Quintessential&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Dancing+Script&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Uncial+Antiqua&display=swap');
  
  
  .quintessential-regular {
    font-family: "Quintessential", serif;
    font-weight: 400;
    font-style: normal;
  }
  .uncial-antiqua-regular {
    font-family: "Uncial Antiqua", system-ui;
    font-weight: 400;
    font-style: normal;
  }
  .dancing-script {
    font-family: "Dancing Script", cursive;
    font-optical-sizing: auto;
    font-weight: 700;
    font-style: normal;
  }

  Pages using this styling

  • exigence [info]
  • fragment:scp-9924-2 [info]
  • scp-8124 [info]
  • scp-8924 [info]

  ¶ 4 occurrences
  

   .content-panel {
       border: solid 1px #888880;
       border-radius: 10px;
       background-color: #999990;
       margin: 10px 0 15px;
       box-shadow: 3px 3px 6px #bbb;
       box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.1);
  }
   .content-panel.standalone {
       background: #fcfdfb;
  }
   .content-panel.series {
       padding: 0 20px;
       margin-bottom: 20px;
  }

  Pages using this styling

  • essay-resource-hub [info]
  • guide-hub [info]
  • hub-hub [info]
  • required-reading-hub [info]

  ¶ 4 occurrences
  

  .footnoteref{
  color: #7fdb93;
  }
  .danke{
  padding: 5px 5px 5px 15px;
  margin: auto;
  margin-top:1em;
  margin-bottom:1em;
  width: auto;
  font-family: monospace;
  font-size: 1em;
  }
  
  .red{
  background-color:#220000;
  border: 3px solid #AA5555;
  color: #7fdb93;
  }
  
  .blue{
  background-color:#000022;
  border: 3px solid #5555AA;
  color: #0076fd;
  }

  Pages using this styling

  • entomology-intro-tale [info]
  • scp-6220 [info]
  • scp-6570 [info]
  • scp-7386 [info]

  ¶ 4 occurrences
  

  #header{
      background: url(null);
  }
  #header:before{
  display:block;
  position: absolute;
  width: 100px;
  height: 100px;
  top: 15%;
  left:2%;
  z-index: -1;
  content: "";
  background:url(https://scp-wiki.wdfiles.com/local--files/component%3Atheme/logo.png);
  background-repeat: no-repeat;
  background-size: 100px 99px;
  background-position: 0px 0px 0px;
  z-index: -20;
  transform: rotateZ(180deg);
  }
  #header h2 span {
      color: transparent;
      text-shadow:none;
  }
  #header h2 span::before {
      content: "Protect, Secure. Contain";
      color: #F0F0C0;
      padding: 0px 0px 00px;
      text-shadow:initial;
  }
  @media (max-width: 800px) {
  #header{
      background: url(null);
  }
  #header:before{
  display:block;
  position: absolute;
  width: 100px;
  height: 100px;
  top: 15%;
  left:2%;
  z-index: -1;
  content: "";
  background:url(https://scp-wiki.wdfiles.com/local--files/component%3Atheme/logo.png);
  background-repeat: no-repeat;
  background-position: 3.75em .5em;
  background-size: 55px 55px;
  z-index: -20;
  transform: rotateZ(180deg);
  }
  }

  Pages using this styling

  • don-t-forget-the-dead [info]
  • scp-3684 [info]
  • scp-4663 [info]
  • scp-5588 [info]

  ¶ 4 occurrences
  

  #u-blink-bar p:last-child::after {
      content: "";
      border-right: 1px solid black;
      animation: blink 1.5s infinite;
      position: relative;
      left: 1px;
  }
   
  @keyframes blink{
      to {
          opacity: .0;
      }
  }

  Pages using this styling

  • doat-orientation [info]
  • scp-5884 [info]
  • scp-6175 [info]
  • scp-8744 [info]

  ¶ 4 occurrences
  

  .info-container{
  --barColour: rgb(var(--dark-accent));
  --linkColour: rgb(var(--bright-accent));
  }
  
  .sign {
      color: white;
  }
  
  .ature, .ature a, .ature a:visited {
      color: rgb(var(--bright-accent));
  }

  Pages using this styling

  • director-house-gets-whitewashed [info]
  • hell-hath-no-fury-like-a-woman-scorned [info]
  • partner-s-meeting [info]
  • the-signing-of-the-las-vegas-accords [info]

  ¶ 4 occurrences
  

  #header {
  height: 140px;
  position: relative;
  z-index: 10;
  padding-bottom: 22px; /* FOR MENU */
  background: url() 10px 40px no-repeat;
  }
  #header {
     background-image: unset;
  }
  
  #header h1 a,
  #header h2 span {
      color: transparent;
      text-shadow: none
  }
  
  #page-title {
      display:none
  }

  Pages using this styling

  • dictionary-attack [info]
  • election-day [info]
  • the-american-emptiness [info]
  • the-american-experiment [info]

  ¶ 4 occurrences
  

  .end1 {
      float: left;
      width: 45%;
  }
  
  .end2 {
      float: right;
      width: 45%;
  }
  
  @media only screen and (max-width: 550px) {
      .end1 {
          float: none;
          width: 100%;
      }
      .end2 {
          float: none;
          width: 100%;
      }
  }
  

  Pages using this styling

  • david-hunt-on-galileo [info]
  • failed-president-crenshaw-assassination-attempt [info]
  • kompas-parapolityczny-na-trudne-czasy [info]
  • the-face-of-silesian-independence-in-the-21st-century [info]

  ¶ 4 occurrences
  

  .blinking{
      animation:blinkingText 1.2s infinite;
  }
  @keyframes blinkingText{
      0%{     color: #000;    }
      49%{    color: #000; }
      60%{    color: transparent; }
      99%{    color:transparent;  }
      100%{   color: #000;    }
  }

  Pages using this styling

  • dancing-into-the-sun [info]
  • fragment:scp-7134-1 [info]
  • fragment:scp-7134-2 [info]
  • scp-6649 [info]

  ¶ 4 occurrences
  

  td { vertical-align: top; }
  .options table.wiki-content-table td { border: none; padding: 0.7em 1em; }

  Pages using this styling

  • component:colend [info]
  • component:coltop [info]
  • component:doc-transcript-swapper [info]
  • component:tz [info]

  ¶ 4 occurrences
  

  h1, h2 {
      text-align: center;
  }
  
  .help {
      display: flex;
      align-content: stretch;
      padding-top: 1em;
  }
  
  .help blockquote {
      margin: 0;
      font-size: 85%;
  }
  
  .help blockquote > p {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      align-content: center;
      margin-right: 0;
      min-height: 2rem;
      margin: 0;
  }
  
  .help blockquote > p * {
      margin: 0 0.1rem;
      height: 100%;
  }
  
  .help blockquote:nth-of-type(1) {
      background: transparent;
      border: unset;
      box-shadow: unset;
      text-align: right;
      margin-right: 0;
      padding: 0;
  }
  
  .help blockquote:nth-of-type(1) > p {
      justify-content: flex-end;
  }
  
  .help blockquote:nth-of-type(2) {
      margin-left: 1em;
      width: 50%;
  }

  Pages using this styling

  • component:audio-player-woed [info]
  • component:object-class-bar [info]
  • component:object-warning-box [info]
  • component:scp-hover-box [info]

  ¶ 4 occurrences
  

  #header h2::before {
    content: var(--header-subtitle, "SAD CHRISTMAS PARTY");
    font-weight: 700;
    font-size: 1.3em;
  }
   div#extra-div-1{
       background-image: url(http://scp-sandbox-3.wdfiles.com/local--files/harry-blank-4/crimbus43.png);

  Pages using this styling

  • come-home-for-zwistmas [info]
  • ho [info]
  • its-a-wonderful-ride [info]
  • the-huron-carol [info]

  ¶ 4 occurrences
  

  .imagediv { float: right; margin: 15px}
  @media (max-width: 540px) {
    .imagediv {
      float: none; text-align:center; margin: auto;
    }
  }
  
  div#header h1 a span {
      font-size: 0px;
  }
  div#header h1 a:before {
      content: "Site-43 Network";
      color: #eee;
      
  }
  div#header h2 span {
      font-size:0px;
      padding: 4px;
  }
  div#header h2:after {
      content: "Lake Huron Research and Containment";
      font-weight: bold;
      color: #f0f0c0;
      padding: 19px 0;
      text-shadow: 1px 1px 1px rgba(0, 0, 0, .8);
      white-space: pre;
  }
  
  #header {
    background-image: url(http://scp-wiki.wdfiles.com/local--files/character-development/43.png)
  }

  Pages using this styling

  • character-development [info]
  • out-of-character [info]
  • pass-it-on [info]
  • passing-sentence [info]

  ¶ 4 occurrences
  

  #header {
    background-image: url(https://scp-wiki.wikidot.com/local--files/grigori-karpin-s-author-page/Site-91%20Logo%20Smallest)
  }
  
  div#header h1 a span {
      font-size: 0px;
  }
  div#header h1 a:before {
      content: "Site-91 Archives";
      color: #eee;
      
  }
  div#header h2 span {
      font-size:0px;
      padding: 6px;
  
  }
  div#header h2:after {
      content: "Thaumaturgical Research";
      font-weight: bold;
      color: #f0f0c0;
      padding: 19px 0;
      text-shadow: 1px 1px 1px rgba(0, 0, 0, .8);
      white-space: pre;
  }

  Pages using this styling

  • catching-up [info]
  • cleaning-house [info]
  • looking-forward [info]
  • never-fight-a-land-war-in-the-peloponnese [info]

  ¶ 4 occurrences
  

  @import url('https://fonts.googleapis.com/css?family=Ruslan+Display');
  .shadow {
      font-family: 'Ruslan Display', cursive;
      font-size: 110%;
  }
  

  Pages using this styling

  • bottom-floor [info]
  • shut-it-down [info]
  • tangled-web [info]
  • welcome-to-yellowstone [info]

  ¶ 4 occurrences
  

  div.quoteblock {
   min-height: 4rem;
   margin-inline: auto;
   margin-block: 1rem;
   padding: 15px 15px 5px 15px;
   border: solid 3px rgb(180, 180, 180);
   border-radius: 3px;
   text-align: center;

  Pages using this styling

  • attempt-successful [info]
  • scp-8300 [info]
  • scp-8831 [info]
  • thatauthorpagethattime [info]

  ¶ 4 occurrences
  

  
  .icons {
      display: grid;
      grid-template-columns: repeat(5, calc((100% / 5) - 0.25rem));
      grid-gap: 0.25rem;
  }
  
  @media (max-width: 500px ) {
      .icons {
       grid-template-columns: repeat(3, calc((100% / 3) - 0.25rem));
      }
  }
  
  .icon_image {
      border-radius: 50%;
      border: 0.25rem solid  rgb(0,0,0);
      overflow: hidden;
  }
  
  .icon_name,
  .icon_link {
      display: flex;
      align-items: center;
      justify-content: center;
      text-transform: uppercase;
  }
  

  Pages using this styling

  • art:art-page-of-an-ost-it-has-acs-icons [info]
  • art:syntax-workshop [info]
  • golem-s-icon-page [info]
  • zackvmk-s-acs-icon-page [info]

  ¶ 4 occurrences
  

  :root{ 
  --cutColour: #fafafa;
  --barColour: #590505;
  }
  
  .info-container .collapsible-block-folded a{
  color: #FFF;}
  .info-container .collapsible-block-unfolded-link a{
  color: #FFF;}
  
  .translation_block{
  display:none;}

  Pages using this styling

  • another-soul-joins-the-halkost [info]
  • package-dxv-180294-217 [info]
  • scp-4059 [info]
  • scp-6313 [info]

  ¶ 4 occurrences
  

  @import url(/component:ijamea-theme/code/1);

  Pages using this styling

  • ankoshoku [info]
  • kashi-sei [info]
  • osanshouo [info]
  • project-sensuikan [info]

  ¶ 4 occurrences
  

  .acs-icon {
      width: 35px;
      border: 0.1875rem solid rgb(12, 12, 12);
      border-radius: 50%;
      background-color: rgb(252, 252, 252);
  }

  Pages using this styling

  • acs-icon-catalogue [info]
  • art:dr-clef-and-meri-day-out [info]
  • art:sherman-fanart [info]
  • dir-ethan-artist-page [info]

  ¶ 4 occurrences
  

  @import url('https://fonts.googleapis.com/css?family=Special+Elite');

  Pages using this styling

  • aces-and-eights [info]
  • mirror-in-your-mind [info]
  • scp-6413 [info]
  • zwei-ohne-namen-und-titel [info]

  ¶ 4 occurrences
  

  .typewriter {
      display: block;
      overflow: hidden;
      font-size: 175%;
      font-family: "VT323", "Courier New";
      font-style: normal;
  
      border: 1px solid #CCC;
      border-radius: 10px;
      padding: 10px 10px;
      margin-top: 10px;
      margin-left: 10px;
      margin-right: 10px;
      margin-bottom: 20px;
  
      box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2)
      }
  .typewriter p,
  .typewriter ul {
      line-height: 20px;
      margin: 10px;

  Pages using this styling

  • abatement-failure-1966 [info]
  • fragment:scp-5616-offset-0 [info]
  • got-your-whiskers-in-a-zwist [info]
  • the-good-work [info]

  ¶ 4 occurrences
  

  .hover {
  }
  .hover:hover {
       text-decoration: none;
      border-bottom: none;
  }
  
  .hover span {    display: none;}
  .hover:hover span {
      position: absolute;
      display: inline;
      margin: 0px 0px;
      height: auto;
      width: auto;
      background: #FFF;
      border: 2px solid #34B;
      color: #000;
      padding: 1em;
  }
  .hover:hover span span {
      position: relative;
      margin: auto;
      height: auto;
      width: auto;
      border: none;
      padding: 0;
  }

  Pages using this styling

  • a-walk-along-the-riverside [info]
  • los-dias-y-las-noches-de-leslie-y-el-doctor [info]
  • nothing-in-the-cry-of-cicadas-suggests-they-are-about-to-die [info]
  • scp-4951 [info]

  ¶ 4 occurrences
  

  :root {
      --logo-image: url("https://scp-wiki.wikidot.com/local--files/grigori-karpin-s-author-page/vanguard%20transparent.png");
      --header-title: "ANGUARD";
      --header-subtitle: "SHELTER - NORMALIZE - INFORM";
      --header-h2-font-size: 1.1em;
  }
  
  #header::before {
      left: -9.5rem;
      filter: brightness(125%);
      opacity: 1;
  }
  
  #header h1 a::before {
      font-size: unset;
  }
  
  #header h2::before {
      color: #fe4;
  }
  
  #header h2 {
      top: 1em;
  }
  
  #header #login-status {
      left: -2vw;
  }
  
  @media (max-width: 767px) {
      #header::before {
          left: -7rem;
      }
  
      #header h1 {
          top: 0.5em;
          left: 0.5em;
      }
  }
  
  #page-title {
      display: none;
  }

  Pages using this styling

  • a-sarkic-by-any-other-name [info]
  • an-assembly-of-sarkics [info]
  • orok-and-the-orchard [info]
  • two-sarkics-take-a-vacation-in-polynesia-stop-me-if-youve-he [info]

  ¶ 4 occurrences
  

  span.blue{
  max-width: 300px;
  border-radius: 15px;
  padding: 4px 8px;
  display: inline-block;
  text-align: left; float:right;
  background-color: #3578e5;
  color: #fff;
  }
  
  span.green{
  max-width: 300px;
  border-radius: 15px;
  padding: 4px 8px;
  display: inline-block;
  text-align: left; float:left;
  background-color: #f1f0f0;
  }
  blockquote{background-color: transparent;}

  Pages using this styling

  • a-new-chance-to-explore-life [info]
  • fourth-degree [info]
  • penny-for-your-thoughts [info]
  • scp-1507 [info]

  ¶ 4 occurrences
  

  #page-title {
      display: none !important;
  }
  @media (min-width: 768px){
      #page-title {
       display: none;
      }
  }

  Pages using this styling

  • a-hole-for-a-heart-pt-1 [info]
  • kaiwan-the-king [info]
  • scp-6631 [info]
  • scp-7490 [info]

  ¶ 4 occurrences
  

  .earthworm a[href="/"] {
    color: #FF2243 !important;
    text-decoration: none;
    cursor: text;
    pointer-events: none;

  Pages using this styling

  • 69-red-shift [info]
  • 70-parasite [info]
  • 72-red-letter-days [info]
  • 73-better-dead [info]

  ¶ 4 occurrences
  

  .muddle {
    padding: 4px 16px 4px 16px;
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
    width: 85%;
    margin: auto;
    margin-bottom: 28px;
    margin-top: 28px;
    background: #E9FBDF;
    border: solid 2px #5D5D5D;
  }

  Pages using this styling

  • 47-past-caring [info]
  • 49-repent-at-leisure [info]
  • 52-true-art-is-cognitohazardous [info]
  • 56-this-forgotten-babylon [info]

  ¶ 4 occurrences
  

  .Ngo {
      padding: 4px 16px 4px 16px;
      box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
      width: 75%;
      margin: auto;
      margin-bottom: 28px;
      margin-top: 28px;
      background: #FBF9F3;
      border: dashed 0.1rem #5D5D5D;

  Pages using this styling

  • 41-the-world-wide-web [info]
  • 42-life-cycled [info]
  • scp-7543 [info]
  • the-death-of-marilla-vega [info]

  ¶ 4 occurrences
  

  .document {
     padding: 4px 16px 4px 16px;
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
    width: 85%;
    margin: auto;
    margin-bottom: 28px;
    margin-top: 28px;
    background: white;
    border: solid 2px #5D5D5D;
  }
  .muddle {
    padding: 4px 16px 4px 16px;
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
    width: 85%;
    margin: auto;
    margin-bottom: 28px;
    margin-top: 28px;
    background: #E9FBDF;
    border: solid 2px #5D5D5D;
  }

  Pages using this styling

  • 23-hidden-depths [info]
  • 24-coffin-corner [info]
  • 25-off-track [info]
  • 26-working-wonders [info]

  ¶ 4 occurrences
  

  .collapsible-block-link{font-weight: bold;}

  Pages using this styling

  • 2018-survey-results [info]
  • 2019-survey-results [info]
  • 2020-survey-results [info]
  • group-of-interest-power-ranking-survey-results-2019 [info]

  ¶ 4 occurrences
  

  .contest-block .contest-entry {
      font-weight: bold;
      font-size: 110%;
      margin-bottom: 5px;
      color: #633;
  }

  Pages using this styling

  • 144-hour-jam-contest (3) [info]
  • 144-hour-jam-contest-two [info]
  • 72-hour-jam-contest (4) [info]
  • jam-con-2021 [info]

  ¶ 4 occurrences
  

  div#header h1 a span {
      font-size: 0px;
  }
  div#header h1 a:before {
      content: "Site-120";
      color: #eee;
      
  }
  div#header h2 span {
      font-size:0px;
      padding: 4px;
  }
  div#header h2:after {
      content: "Fighting Fire With Fire";
      font-weight: bold;
      color: #f0f0c0;
      padding: 19px 0;
      text-shadow: 1px 1px 1px rgba(0, 0, 0, .8);
      white-space: pre;
  }
  #header {
    background-image: url(https://scp-wiki.wdfiles.com/local--files/inadvertent-neolinguistics/Ontotop.png)
  }

  Pages using this styling

  • 049-x-minion-x-reader [info]
  • scp-5672 [info]
  • scp-5795 [info]
  • scp-6072 [info]

  ¶ 3 occurrences
  

  @import url('https://fonts.googleapis.com/css2?family=Oswald&display=swap');

  Pages using this styling

  • wssch1 [info]
  • wssch2 [info]
  • wssch4 [info]

  ¶ 3 occurrences
  

  #header {
    background-image: url(http://scp-wiki.wdfiles.com/local--files/the-bowe-decommission-part-one/ETTRA.png)
  }

  Pages using this styling

  • the-bowe-decommission-part-one [info]
  • the-bowe-decommission-part-three [info]
  • the-bowe-decommission-part-two [info]

  ¶ 3 occurrences
  

   .scp-image-block {
      box-shadow: none;
  }
  
   .creditRate {
      margin-right: 0 !important;
  }
  
   .rate-box-with-credit-button {
      box-shadow: none !important;
  }

  Pages using this styling

  • scp-9066 [info]
  • scp-9898 [info]
  • scp-9994 [info]

  ¶ 3 occurrences
  

  .yui-navset .yui-content,
  .yui-navset .yui-navset-top .yui-content {
      border: 0;
      background: 0;
      padding: 0000FF;
  }
  .yui-navset .yui-nav,
  .yui-navset .yui-navset-top .yui-nav {
      border-width: 0 0 2px;
  }
  .yui-navset .yui-nav a, .yui-navset .yui-navset-top .yui-nav a {
    background: 0;
    border: 0;
    color: ;
  }
  .yui-navset .yui-nav a em, .yui-navset .yui-navset-top .yui-nav a em {
    border: 0;
  }
  .yui-navset .yui-nav .selected a, .yui-navset .yui-nav .selected a:focus, .yui-navset .yui-nav .selected a:hover {
    background: 0;
    color: #b01;
    font-weight: bold;
  }
  .yui-content blockquote {
      background-color: #f5f5f5;
  }

  Pages using this styling

  • scp-8679 [info]
  • there-was-a-stranger-in-the-park [info]
  • vedi-napoli-e-poi-muori [info]

  ¶ 3 occurrences
  

  .tabQuote {
      padding: 0.5em;
      background-color: var(--darker-color);
      border: 3px solid var(--accent-color);
      border-top-left-radius: 20px;
      border-top-right-radius: 20px;
      border-bottom-left-radius: 10px;
      border-bottom-right-radius: 0px;
  }
  
  .earthworm__hub a {
      color: var(--off-white) !important;
  }
  
  .earthworm__hub a:visited {
      color: var(--off-white) !important;
  }
  
  .earthworm--anth24 .earthworm__hub::after {
      background-color: color-mix(in srgb, rgb(50, 140, 140) 10%, currentColor 75%);
  }
  
  @media (min-width: 850px), (min-width: 550px) and (max-width: 768px) {
    .earthworm {
      margin-left:-1.8em;
    }
  }
  

  Pages using this styling

  • scp-8201 [info]
  • scp-8480 [info]
  • scp-8724 [info]

  ¶ 3 occurrences
  

  :root {
      --fnColor: #0645AD;
  }

  Pages using this styling

  • scp-7964 [info]
  • thine-eyes-as-stars-thy-name-as-air [info]
  • to-learn-to-fly [info]

  ¶ 3 occurrences
  

  #header {
  background-image: url('https://scp-sandbox-3.wikidot.com/local--files/on-paulomoris/new-foundation-logo')
  }

  Pages using this styling

  • scp-7964 [info]
  • thine-eyes-as-stars-thy-name-as-air [info]
  • to-learn-to-fly [info]

  ¶ 3 occurrences
  

  :root {
    --header-title: 'SCP Foundation' !important;
  }

  Pages using this styling

  • scp-7620 [info]
  • scp-7630 [info]
  • scp-7920 [info]

  ¶ 3 occurrences
  

  .email {float: center; border: solid 2px #000000; width: 88%; padding: 1px 15px; margin: 10px 10px 10px 10px; box-shadow: 0 1px 3px rgba(0,0,0,.5)}
  .tofrom {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px #660006}

  Pages using this styling

  • scp-7302 [info]
  • scp-8123 [info]
  • scp-8880 [info]

  ¶ 3 occurrences
  

  @import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,900;1,900&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Bungee+Shade&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Staatliches&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');
  
  :root {
      --logo-image: url("http://scpdsandbox.wdfiles.com/local--files/site-333/At3.png");
      --header-title: "SITE-333";
      --header-subtitle: "HEAVEN ON EARTH";
      --header-font: 'Playfair Display', serif;
      --title-font: 'Playfair Display', serif;
      --body-font: 'Telex', sans-serif;
      --bright-accent: 0, 109, 255;
      --medium-accent: 	0, 63, 197;
      --dark-accent: 0, 22, 142;
  
      --link-color: var(--medium-accent);
  }
  
  #extra-div-1 {
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 10rem;
      background-image: url("http://scpdsandbox.wdfiles.com/local--files/site-333/PanoRam2.jpg");
      background-size: cover;
      background-position: center;
      background-repeat: repeat-x;
      pointer-events: none;
  }
  
  #extra-div-2 {
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 10rem;
      background: linear-gradient(0deg, rgba(0, 109, 255,1) 35%, rgba(204, 226, 255) 97%);
      pointer-events: none;
      opacity: 0.40;
  }
  
  #extra-div-3 {
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 10rem;
      background-image: url("http://scptestwiki.wdfiles.com/local--files/undervegas/dicegold.png");
      background-size: cover;
      background-position: center;
      background-repeat: repeat-x;
      pointer-events: none;
      opacity: 0.65;
  
  }
  
  /* *** DIVS *** */
  .addendum {
      border:solid 2px rgb(var(--bright-accent));
      background:#F5F5F5;
      width:84%;
      padding:1px 15px;
      margin: 10px auto;
  }
  
  .label {
      background: rgb(var(--bright-accent));
      color: white;
      padding: 3px;
      border-radius: 4px;
      font-family: monospace;
      white-space: nowrap;
  }
  
  .doc {
      background-color: rgb(var(--bright-accent));
      color: white;
      font-family: var(--mono-font);
      padding: 0 1.5rem;
      font-size: 1.1em;
      width: fit-content;
      position: relative;
      top: -2em;
      border-radius: 4px;
      margin-bottom: -3rem;
  }
  
  .addendum {margin-top: 1.6rem;}
  
  .angled {clip-path: polygon(4% 0%, 100% 0%, 96% 100%, 0% 100%); border-radius: 5px;}
  
  .foundation {
      border:solid 3px #444;
      background: #f2f2c2 url('https://scp-wiki.wdfiles.com/local--files/theme%3Aredtape/scp_trans.png') center center no-repeat;
      padding: 1.5rem;
      margin-bottom: 10px;
      color: black;
  }
  .foundation p {
      margin: none;
  }
  
  .foundation.snow {
      background: #fff url('https://scp-wiki.wdfiles.com/local--files/theme%3Aredtape/scp_trans.png') center center no-repeat;
  }
  
  .foundation.raisa {
      background: #f2f2c2 url('https://scp-wiki.wdfiles.com/local--files/theme%3Aredtape/raisa_trans.png') center center no-repeat;
      background-size: 29rem;
      text-align: center;
  }
  .foundation.alt {
      background: #fff url('https://scp-wiki.wdfiles.com/local--files/theme%3Ai57/scp-logo-i57.png') center center no-repeat;
  }
  
  .generic {
     position: relative;
     margin: 0.5em 1.25rem;
     padding: 0.825em 1.25em;
     clear: both;
     clip-path: polygon(93% 0px, 100% 15.11%, 100% 100%, 0px 100%, 0px 0px);
     border-left: 4px solid gray;
  }
  .generic hr {background: gray; border: none;}
  .generic h1, .generic h2, .generic h3, .generic h4, .generic h5, .generic h6 {color: #515050;}
  .generic.red {background: #ff4a4a3d;}
  .generic.blue {background: #4a80ff3d;}
  .generic.yellow {background: #fff77f3d;}
  .generic.purple {background: #a561d536;}
  .generic.green {background: #CDE5DD;}
  
  
  #header::before {
      left: 0.5rem;
      background-position: center -0.5rem;
      opacity: 1;
  }
  
  #header h1, #header h2 {
      margin: 1.7rem 0;
  }
  
  }
  .table2 {
      --accentColor: rgb(40, 135, 189);
  }
  .custom2 .wiki-content-table {
      width: 100%;
  }

  Pages using this styling

  • scp-7073 [info]
  • scp-7703 [info]
  • scp-7769 [info]

  ¶ 3 occurrences
  

  :root {
       --header-title: "Integumentary Dep.";
       --header-subtitle: "Discover • Heal • Repair •";
       --lgurl: url('your url here');
  }

  Pages using this styling

  • scp-6972 [info]
  • scp-7610 [info]
  • scp-7815 [info]

  ¶ 3 occurrences
  

   :root{
     --header-subtitle: "Site-400";
  }
  .footnotes-footer {
      visibility: hidden;
      height: 0;
      padding: 0;
      margin: 0;
  }

  Pages using this styling

  • scp-6739 [info]
  • scp-6816 [info]
  • scp-7397 [info]

  ¶ 3 occurrences
  

  .info-container{
  --barColour: #333333;
  --linkColour: #FFF;
  }

  Pages using this styling

  • scp-6445 [info]
  • scp-6454 [info]
  • scp-7247 [info]

  ¶ 3 occurrences
  

  
  #page-content .info-container {
      --link-color: rgb(var(--swatch-text-general));
  }
  
  #page-content .info-container .translation_block {
      display: none;
  }
  
  #page-content .info-container .collapsible-block-link,
  #page-content .info-container:hover .collapsible-block-link {
      line-height: 1.6em;
  }
  
  #page-content .info-container .collapsible-block-folded,
  #page-content .info-container .collapsible-block-unfolded-link {
      display: grid;
  }
  
  #page-content .info-container .collapsible-block-folded .collapsible-block-link,
  #page-content .info-container .collapsible-block-link {
      -webkit-mask: unset;
              mask: unset;
      background: transparent;
      grid-column: 1;
      grid-row: 1;
      opacity: 0;
  }
  
  #page-content .info-container .collapsible-block-folded::before,
  #page-content .info-container .collapsible-block-unfolded-link::before {
      --wght: 800;
      content: "ETC";
      color: #FFFFFF;
      font-family: Inter, Arimo, Verdana, Geneva, "Helvetica Neue", "Helvetica", Arial, sans-serif;;
      display: block;
      pointer-events: none;
      grid-column: 1;
      grid-row: 1;
      line-height: 2.75ex;
  }

  Pages using this styling

  • scp-6445 [info]
  • scp-6454 [info]
  • scp-7247 [info]

  ¶ 3 occurrences
  

  :root {
    --header-title: "SITE-115";
    --header-subtitle: "WHATEVER WORKS";
  }

  Pages using this styling

  • scp-6438 [info]
  • scp-7152 [info]
  • scp-7215 [info]

  ¶ 3 occurrences
  

  #header::before {
      display: none;
  }
  div#extra-div-1,
  div#extra-div-2 {
      position: absolute;
      top: 1rem;
      width: 100%;
      height: 8rem;
  }
   
  div#extra-div-1 {
      background: url("https://scp-wiki.wdfiles.com/local--files/scp-6410/AWD%20Logo.png");
      background-repeat: no-repeat;
      background-position: center;
      background-size: 180px 180px;
      opacity: 75%;
  }

  Pages using this styling

  • scp-6410 [info]
  • scp-6946 [info]
  • the-crow-gets-the-last-laugh [info]

  ¶ 3 occurrences
  

  :root {
       --accentColor: hsl(173, 22%, 92%);
       --accentColorLite: hsla(173, 22%, 100%, .5);
       --hue: 173deg;
       --bgColor: hsl(0, 0%, 18%);
  
  }

  Pages using this styling

  • scp-6405 [info]
  • scp-7027 [info]
  • scp-7087 [info]

  ¶ 3 occurrences
  

  :root {
    --accentColor: 235,229,205;
    --darkColor: 18,19,22;
  }

  Pages using this styling

  • scp-6335 [info]
  • scp-6557 [info]
  • scp-6708 [info]

  ¶ 3 occurrences
  

  .box {
   margin: 3px auto;
   padding: 0.25em 1em;
   background-color: #E5E5E5;
  }

  Pages using this styling

  • scp-6173 [info]
  • scp-6517 [info]
  • scp-7786 [info]

  ¶ 3 occurrences
  

  @import url('https://fonts.googleapis.com/css2?family=Dekko&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Neucha&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Rock+Salt&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Gloria+Hallelujah&display=swap');
  .info-container {
  --barColour: #888;
  }
  .grayFilter {
    color: black;
    filter: grayscale(100%) saturate(0%);
    -webkit-filter: grayscale(100%) saturate(0%);
  }
  .poem {
    text-align: center;
    font-style: italic;
    padding: 1em 2em;
  }
  .poemSig {
    text-align: right;
  }
  .artA {
    font-family: Gloria Hallelujah; font-size: 110%; word-break: normal !important
  }
  .artB {
    font-family: Dekko; font-size: 130%; word-break: normal !important
  }
  .artC {
    font-family: Rock Salt; font-size: 120%; word-break: normal !important
  }

  Pages using this styling

  • scp-6085 [info]
  • scp-6589 [info]
  • scp-6847 [info]

  ¶ 3 occurrences
  

  .anom-bar-container.esoteric .text-part > .main-class::before,
  .anom-bar-container.esoteric .danger-diamond > .top-icon::before {
      background-color: rgba(var(--swatch-menubg-dark-color, 66, 66, 72),0.15);
  }

  Pages using this styling

  • scp-6061 (2) [info]
  • scp-6498 [info]
  • scp-7273 (3) [info]

  ¶ 3 occurrences
  

  div.scale {
      /* Classification Colors */
      --woedbar-keter-color: #ffffff;
      --woedbar-euclid-color: rgba/hsl/hex/name;
      --woedbar-safe-color: rgba/hsl/hex/name;
      --woedbar-thaumiel-color: rgba/hsl/hex/name;
      --woedbar-neutral-color: rgba/hsl/hex/name;
      /* Angled Bar Colors */
      --woedbar-lvl1-color: #ffffff;
      --woedbar-lvl2-color: #ffffff;
      --woedbar-lvl3-color: #ffffff;
      --woedbar-lvl4-color: #ffffff;
      --woedbar-lvl5-color: #ffffff;
      --woedbar-lvl6-color: rgba/hsl/hex/name;
      /* Class Bar Color */
      --woedbar-class-bar-color: #3d3d3d;
  }

  Pages using this styling

  • scp-6045 [info]
  • scp-6385 [info]
  • scp-6815 [info]

  ¶ 3 occurrences
  

  .email {float: center; border: solid 2px #000000; width: 88%; padding: 1px 15px; margin: 10px 10px 10px 10px; box-shadow: 0 1px 3px rgba(0,0,0,.5)}
  .tofrom {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px #660006}
  
  @import url("https://fonts.googleapis.com/css2?family=Texturina:wght@300")
  

  Pages using this styling

  • scp-6012 [info]
  • scp-6531 [info]
  • scp-7770 [info]

  ¶ 3 occurrences
  

  :root {
  --neuter: 66, 66, 72
  }

  Pages using this styling

  • scp-5974 [info]
  • scp-7056 [info]
  • scp-8273 [info]

  ¶ 3 occurrences
  

  
  .email-block {
      border: 1px solid #000000;
      padding: 0 1em;
      margin: 1em 3em;
      background-color: #ffffff;
  }
  
  .email-header {
      border-left: 2px solid #888888;
      padding-left: 1em;
  }
  
  .footnotes-footer {
      display:none;
  }
  

  Pages using this styling

  • scp-5964 [info]
  • scp-6900 [info]
  • scp-7168 [info]

  ¶ 3 occurrences
  

  .note {
   background: url(http://scp-wiki.wdfiles.com/local--files/the-great-hippo/SCP_icon%281%29.png) top
   right no-repeat;
   color: black;
   letter-spacing: 0.02em;
   float: center;
   border: solid 1px #000000;
   padding: 25px 35px 35px 35px !important;
   box-shadow: 0 1px 3px rgba(0,0,0,.2);
   width: 74%;
   margin: 2% 4% 4% 4%;
  }
  
  
  table.wiki-content-table td {
  padding: 12px;
  }
  

  Pages using this styling

  • scp-5803 [info]
  • scp-6696 [info]
  • scp-7040 [info]

  ¶ 3 occurrences
  

  .text-message-convo {
    display: block;
    width: 100%;
  }
  #page-content div.text-message-received {
    display: inline-block;
    color: white;
    border-radius: 2em;
    background-color: #73AD21;
    padding: 15px;
    max-width: 80%;
    margin: .4em 0;
  }
  #page-content div.text-message-sent {
    display: inline-block;
    color: white;
    border-radius: 2em;
    background-color: blue;
    padding: 15px;
    float: right;
    max-width: 80%;
    margin: .4em 0;
  }
  .text-message-logs div.collapsible-block {
    margin: 2.5em 0;
  }

  Pages using this styling

  • scp-5732 [info]
  • scp-6322 [info]
  • scp-8320 [info]

  ¶ 3 occurrences
  

  
  @import url('https://fonts.googleapis.com/css?family=Lato:400,900|PT+Mono|Poppins:600,800');
  
  @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@900&family=Raleway:wght@700&family=Roboto:wght@900&display=swap');
  

  Pages using this styling

  • scp-5631 [info]
  • scp-5815 [info]
  • scp-6883 [info]

  ¶ 3 occurrences
  

  @import url(http://www.scp-wiki.net/theme:magnus-web-format/code/1)

  Pages using this styling

  • scp-5399 [info]
  • scp-5805 [info]
  • scp-5905 [info]

  ¶ 3 occurrences
  

  .box {
      position: relative;
      padding: 0.5em;
      margin: 0.5em;
      box-shadow: 2px 1.5px 1px rgba(176,16,0,0.7), 0 0 0px 1px lightgrey;
      overflow-wrap: break-word;
      color: black;
  }

  Pages using this styling

  • scp-5230 [info]
  • scp-5532 [info]
  • scp-6748 [info]

  ¶ 3 occurrences
  

  .meta-title {
    color: #000000;
    font-weight: normal;
    margin: 0 0 0.6em;
    padding: 0 0 0.25em;
    font-size: 200%;
  }
  
  .meta-title p {
    margin: 0;
  }
   
  #page-title {
    display: none;
  }

  Pages using this styling

  • scp-4833 [info]
  • scp-7969 [info]
  • scp-8799 [info]

  ¶ 3 occurrences
  

  /* Stylized addendum blocks: */
  .addendum {
      margin: 0% 9% 0% 7%;
      padding: 10px 20px 10px 20px;
      background-color: #f2f2f2;
  }
  
  .text-part > .main-class {
  margin-left: 0em;
  }
  
  
  
  @media only screen and (max-width: 600px) {
  
      .addendum {
          margin: 0% 4% 0% 4%;
      }

  Pages using this styling

  • scp-4703 [info]
  • scp-6828 [info]
  • scp-6993 [info]

  ¶ 3 occurrences
  

  :root {
      --logo-image: url("http://scp-wiki.wdfiles.com/local--files/limey-s-citrus-corner/enby-bi-pride.png");
  }

  Pages using this styling

  • scp-4536 [info]
  • scp-6653 [info]
  • scp-6654 [info]

  ¶ 3 occurrences
  

  .yui-navset .yui-content {
      background-color: transparent;
  }
  .yui-navset .yui-content, .yui-navset .yui-navset-top .yui-content {
      border: none;
  }
  .yui-navset .yui-nav, .yui-navset .yui-navset-top .yui-nav {
      border: none;
  }

  Pages using this styling

  • scp-4460 [info]
  • scp-4944 [info]
  • scp-7607 [info]

  ¶ 3 occurrences
  

  .top-left-box > .item {
    display: none;
  }

  Pages using this styling

  • scp-4174 [info]
  • scp-5568 [info]
  • scp-6643 [info]

  ¶ 3 occurrences
  

  /* HEADER */
   :root{
     --lgurl: url(https://scp-wiki.wdfiles.com/local--files/component:pride-highlighter/tg_logo.svg);
  }
   #page-title{
       display: none;
  }

  Pages using this styling

  • scp-3719 [info]
  • scp-4190 [info]
  • scp-4416 [info]

  ¶ 3 occurrences
  

  
  :root {
    --ct_cnt_alt-header-txt: "Foundation";
  }
  
  #header h1 a::before {
  content : 'SCP';
  animation : flicker 3s linear infinite;
  font-size : var(--ct_fns_alt-header-txt);
  }
  
  #header h1 a::after {
  content : 'Foundation';
  animation: none;
  }
  
  
  .liste-ecrits {
     display: flex;
     flex-direction: column;
     justify-content: space-around;
     align-items: center;
  }
  
  .head {
  background: linear-gradient(to right,#eee,#eeecec);
    border-radius: 5px 5px 0 0;
    box-shadow: inset 2px 3px 6px rgba(0 0 0 / 15%);
    padding-inline: 1em;
    margin-block: 1em;
    width: 100%;
    width: -moz-available;
    width: -webkit-fill-available;
  }
  .options {
    float: right;
    margin: 0;
    padding: 0;
  }
  
  .options a {
    margin: 0;
    padding: 0;
    color: #77A;
  }
  
  #header h1 a span {
      display: inline-block;
      width: 0.5em;
      color: transparent;
      text-shadow: none;
  }

  Pages using this styling

  • scp-356 [info]
  • scp-fra31-236 [info]
  • scp-ukg07-511 [info]

  ¶ 3 occurrences
  

  .footnotes-footer {
      visibility: hidden;
      height: 0;
      padding: 0;
      margin: 0;
  }

  Pages using this styling

  • scp-315-de [info]
  • scp-6686 [info]
  • scp-8915 [info]

  ¶ 3 occurrences
  

  
  @import url('https://fonts.googleapis.com/css?family=Berkshire+Swash');
  
  h4 {
      color: #780d8e;
      padding: 0 0 0.25em;
      margin: 0 0 0.6em;
      font-family: 'Berkshire Swash', cursive;
  }
  

  Pages using this styling

  • scp-2983 [info]
  • scp-3879 [info]
  • scp-4949 [info]

  ¶ 3 occurrences
  

  @import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,900;1,900&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Bungee+Shade&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Staatliches&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');
  
  :root {
      --logo-image: url("http://scpdsandbox.wdfiles.com/local--files/site-333/At3.png");
      --header-title: "SITE-333";
      --header-subtitle: "HEAVEN ON EARTH";
      --header-font: 'Playfair Display', serif;
      --title-font: 'Playfair Display', serif;
      --body-font: 'Telex', sans-serif;
      --bright-accent: 0, 109, 255;
      --medium-accent: 0, 63, 197;
      --dark-accent: 0, 22, 142;
  
      --link-color: var(--medium-accent);
  }
  
  #extra-div-1 {
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 10rem;
      background-image: url("http://scpdsandbox.wdfiles.com/local--files/site-333/PanoRam2.jpg");
      background-size: cover;
      background-position: center;
      background-repeat: repeat-x;
      pointer-events: none;
  }
  
  #extra-div-2 {
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 10rem;
      background: linear-gradient(0deg, rgba(0, 109, 255,1) 35%, rgba(204, 226, 255) 97%);
      pointer-events: none;
      opacity: 0.40;
  }
  
  #extra-div-3 {
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 10rem;
      background-image: url("http://scptestwiki.wdfiles.com/local--files/undervegas/dicegold.png");
      background-size: cover;
      background-position: center;
      background-repeat: repeat-x;
      pointer-events: none;
      opacity: 0.65;
  
  }
  
  /* *** DIVS *** */
  .addendum {
      border:solid 2px rgb(var(--bright-accent));
      background:#F5F5F5;
      width:84%;
      padding:1px 15px;
      margin: 10px auto;
  }
  
  .label {
      background: rgb(var(--bright-accent));
      color: white;
      padding: 3px;
      border-radius: 4px;
      font-family: monospace;
      white-space: nowrap;
  }
  
  .doc {
      background-color: rgb(var(--bright-accent));
      color: white;
      font-family: var(--mono-font);
      padding: 0 1.5rem;
      font-size: 1.1em;
      width: fit-content;
      position: relative;
      top: -2em;
      border-radius: 4px;
      margin-bottom: -3rem;
  }
  
  .addendum {margin-top: 1.6rem;}
  
  .angled {clip-path: polygon(4% 0%, 100% 0%, 96% 100%, 0% 100%); border-radius: 5px;}
  
  .foundation {
      border:solid 3px #444;
      background: #f2f2c2 url('https://scp-wiki.wdfiles.com/local--files/theme%3Aredtape/scp_trans.png') center center no-repeat;
      padding: 1.5rem;
      margin-bottom: 10px;
      color: black;
  }
  .foundation p {
      margin: none;
  }
  
  .foundation.snow {
      background: #fff url('https://scp-wiki.wdfiles.com/local--files/theme%3Aredtape/scp_trans.png') center center no-repeat;
  }
  
  .foundation.raisa {
      background: #f2f2c2 url('https://scp-wiki.wdfiles.com/local--files/theme%3Aredtape/raisa_trans.png') center center no-repeat;
      background-size: 29rem;
      text-align: center;
  }
  .foundation.alt {
      background: #fff url('https://scp-wiki.wdfiles.com/local--files/theme%3Ai57/scp-logo-i57.png') center center no-repeat;
  }
  
  .generic {
     position: relative;
     margin: 0.5em 1.25rem;
     padding: 0.825em 1.25em;
     clear: both;
     clip-path: polygon(93% 0px, 100% 15.11%, 100% 100%, 0px 100%, 0px 0px);
     border-left: 4px solid gray;
  }
  .generic hr {background: gray; border: none;}
  .generic h1, .generic h2, .generic h3, .generic h4, .generic h5, .generic h6 {color: #515050;}
  .generic.red {background: #ff4a4a3d;}
  .generic.blue {background: #4a80ff3d;}
  .generic.yellow {background: #fff77f3d;}
  .generic.purple {background: #a561d536;}
  .generic.green {background: #CDE5DD;}
  
  
  #header::before {
      left: 0.5rem;
      background-position: center -0.5rem;
      opacity: 1;
  }
  
  #header h1, #header h2 {
      margin: 1.7rem 0;
  }
  
  }
  .table2 {
      --accentColor: rgb(40, 135, 189);
  }
  .custom2 .wiki-content-table {
      width: 100%;
  }

  Pages using this styling

  • scp-005-vn [info]
  • scp-7855 [info]
  • scp-8472-ex [info]

  ¶ 3 occurrences
  

  
  #page-content .wiki-content-table tr th {
      border: none;
      background-color: transparent;
   
      // set border for table title
  }
   
  #page-content .wiki-content-table tr td {
      border: 1px dashed grey;
   
      // set border for table content
  }
  

  Pages using this styling

  • scp-001-ex [info]
  • scp-9401 [info]
  • spc-001-ex [info]

  ¶ 3 occurrences
  

  #page-title {
    display: none;
  }
  .footnotes-footer {
  display: none;
  }

  Pages using this styling

  • scp-0000-ex [info]
  • scp-7120 [info]
  • synthpanda [info]

  ¶ 3 occurrences
  

  .Red{
      padding: 4px 16px 4px 16px;
      box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
      width: 85%;
      margin: auto;
      margin-bottom: 28px;
      margin-top: 28px;
      background: #070708;
      border: solid 0.15rem #FF0000;
  

  Pages using this styling

  • run-the-river-red-hub [info]
  • scp-8978 [info]
  • scp-8987 [info]

  ¶ 3 occurrences
  

  
  html {
     -webkit-filter: grayscale(1); /* Older Webkit */
     -webkit-filter: grayscale(100%);
     -moz-filter: grayscale(100%);
     -ms-filter: grayscale(100%);
     -o-filter: grayscale(100%);
     filter: grayscale(100%);
     background-color: white;
  }

  Pages using this styling

  • portrait-of [info]
  • scp-9044 [info]
  • scp-9841 [info]

  ¶ 3 occurrences
  

  :root {
    --accentColor: #FF5512;
    --header-title: "DAYBREAK";
    --header-subtitle: "SOL'S CRUEL PLANET";
    --lgurl: url("https://scp-wiki.wdfiles.com/local--files/daybreak/daybreaklogo.png");
  }
  
  #page-title {
      display: none;
  }

  Pages using this styling

  • polishing-an-orange-mind [info]
  • skyisover-thiscruelmoon-weintertwined [info]
  • when-day-broke-the-unbreakable-reptile [info]

  ¶ 3 occurrences
  

  .mcdiv_earthworm {
    height: 5em;
    width: 0em;
    margin: auto;
    position: relative;
    display: block;
  }
  
  .mcdiv_earthworm .mcdiv_prev, .mcdiv_earthworm .mcdiv_next {
    color: white;
    position: absolute;
    top: 1em;
    height: 1em;
    white-space: nowrap;
    display: block;
    background-image: linear-gradient(to bottom, rgb(53, 173, 30), rgb(40, 160, 20) calc(0.2em + 2px), rgb(151, 104, 21) calc(0.2em + 2px), rgb(90, 61, 12));
    background-position: 0 -2px;
    background-size: 100% calc(100% + 4px);
    background-clip: border-box;
    border: 2px solid rgba(0, 0, 0, 0.3);
    border-radius: 0.3em;
  }
  
  .mcdiv_earthworm .mcdiv_prev {
    right: 0em;
    padding: 0.5em 3em 0.5em 1.5em;
    transition: padding-right 0.6s;
  }
  
  .mcdiv_earthworm .mcdiv_prev:hover {
    padding-right: 3.2em;
  }
  
  .mcdiv_earthworm .mcdiv_next {
    left: 0em;
    padding: 0.5em 1.5em 0.5em 3em;
    transition: padding-left 0.6s;
  }
  
  .mcdiv_earthworm .mcdiv_next:hover {
    padding-left: 3.2em;
  }
  
  
  .mcdiv_earthworm a, .mcdiv_earthworm a:hover, .mcdiv_earthworm a:visited {
    color: white;
  }
  
  .mcdiv_earthworm .mcdiv_center::after{
    content: ' ';
    background-image: url('https://scp-wiki.wdfiles.com/local--files/scp-6468/mcdiv_logo.png');
    background-size: 100% auto;
    background-repeat: no-repeat;
    width: 5em;
    height: 5em;
    display: block;
    position: absolute;
    left: -2.5em;
    top: 0em;
    transition: transform 0.6s;
    transition-timing-function: ease-in-out;
  }
  
  .mcdiv_earthworm .mcdiv_center:hover::after {
    transform: rotate(360deg);
  }

  Pages using this styling

  • peace-of-mind-for-the-wavering-girl [info]
  • scp-6468 [info]
  • secure-facility-dossier-site-418 [info]

  ¶ 3 occurrences
  

  .page-calendar-box > ul {
      display: grid;
      grid-template-columns: repeat(auto-fill, minmax(min(11.5em, 100%), 1fr));
      row-gap: 1em;
  }

  Pages using this styling

  • page-calendar [info]
  • scp-calendar [info]
  • tale-calendar [info]

  ¶ 3 occurrences
  

  @import url('https://fonts.googleapis.com/css2?family=Gloria+Hallelujah&display=swap');
  
  .page {
      display: block;
      overflow: hidden;
      font-family: 'Gloria Hallelujah', cursive;
      font-style: cursive;
      font-size: 1.2em;
      line-height: 30px;
  
  
      background-attachment: scroll;
      background-clip: border-box;
      background-color: transparent;
      background-image: linear-gradient(to top ,rgb(202, 219, 228) 0%, rgb(231, 233, 220) 8%);
      background-origin: padding-box;
      background-position: 0px 8px;
      background-repeat: repeat;
      background-size: 100% 20px;
  
      border: 1px solid #CCC;
      border-radius: 10px;
      padding: 10px 10px;
      margin-bottom: 10px;
  
      box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2)
      }
  .page p,
  .page ul {
      line-height: 20px;
      margin: 0;
  }
  .page li {
    line-height: 200%;
  }
  .page ul {
    margin-top: 10px;
    margin-bottom: 10px;
  }
  
  .fancyhr hr {
      border-top: 2vw solid transparent;
      background-color: rgba(var(--bright-accent), 0);
      height: 0;
      box-sizing: border-box;
      border-image-source: url('https://wanderers-library.wikidot.com/local--files/component:dustjacket-theme/wl_hr.png');
      border-image-repeat: round round;
      background: none;
      border-image-slice: 80 500 80 500 fill;
      border-image-width: 10em 80em 10em 80em;
  }

  Pages using this styling

  • nobody-came-to-the-funeral [info]
  • nobody-likes-a-sneak [info]
  • nobody-s-looking-for-trouble [info]

  ¶ 3 occurrences
  

  
  #header {
      background-image: url(http://www.scp-wiki.net/local--files/news/SCPNewsLogo);
  }
  
  #header h2 span::before {
      color: #eee;
      font-weight: bold;
      color: #f0f0c0;
      text-shadow: 1px 1px 1px #000;
      text-shadow: 1px 1px 1px rgba(0,0,0,.8);
      content: 'Site Correspondence Periodical';
  }
  
  
  #header h2 span {
      display: block;
      margin: 0;
      padding: 19px 0;
      line-height: 0px;
      max-height: 0px;
      font-weight: bold;
      color: transparent;
      text-shadow: none;
  }
  
  
  /* 
  
  "SCPNewsLogo" is a derivative of "1f5de" by Twitter, Inc and other contributors, used under CC BY. "SCP-News-2018-08-Logo" is licensed under CC BY SA by TSATPWTCOTTTADC.
  
   */
  

  Pages using this styling

  • news-09-2017 [info]
  • news-10-2017 [info]
  • news-11-2017 [info]

  ¶ 3 occurrences
  

  
  #header {
      background-image: url(http://www.scp-wiki.net/local--files/news/SCPNewsLogo);
  }
  
  #header h2 span::before {
      color: #eee;
      font-weight: bold;
      color: #f0f0c0;
      text-shadow: 1px 1px 1px #000;
      text-shadow: 1px 1px 1px rgba(0,0,0,.8);
      content: 'Site Correspondence Periodical';
  }
  
  
  #header h2 span {
      display: block;
      margin: 0;
      padding: 19px 0;
      line-height: 0px;
      max-height: 0px;
      font-weight: bold;
      color: transparent;
      text-shadow: none;
  }
  
  
  /*
  
  "SCPNewsLogo" is a derivative of "1f5de" by Twitter, Inc and other contributors, used under CC BY. "SCP-News-2018-08-Logo" is licensed under CC BY SA by TSATPWTCOTTTADC.
  
  "1f5de": https://github.com/twitter/twemoji/blob/gh-pages/2/svg/1f5de.svg
  "SCPNewsLogo": http://www.scp-wiki.net/local--files/news/SCPNewsLogo
  
  "1f5de" license: https://github.com/twitter/twemoji/blob/gh-pages/LICENSE-GRAPHICS
  "SCPNewsLogo" license: https://creativecommons.org/licenses/by-sa/3.0/
  
   */
  

  Pages using this styling

  • news-04-2018 [info]
  • news-05-2018 [info]
  • news-07-2018 [info]

  ¶ 3 occurrences
  

  #page-title {visibility:hidden;}

  Pages using this styling

  • metalravioli-s-author-page [info]
  • scp-8961 [info]
  • scp-9616 [info]

  ¶ 3 occurrences
  

  :root {
  --header-title: "SITE-78";
  --header-subtitle: "For The Betterment of Humanity";
  --lgurl: url(https://scp-wiki.wdfiles.com/local--files/secure-facility-dossier-site-78/site-78.svg);
  }

  Pages using this styling

  • lost-souls-broken-toys-chapter-1 [info]
  • lost-souls-broken-toys-chapter-2 [info]
  • revelations-of-the-author [info]

  ¶ 3 occurrences
  

  div.rule hr {
      height: 1px;
      border: none;
      color: #333;
      background-color: #613326;
      width: 100%;
  
      margin: 0;
  }
  
  .serif {
    font-family: "Times New Roman", Times, serif;
  }
  
  }

  Pages using this styling

  • lindisfarne-falls [info]
  • the-summoning-of-saint-peter [info]
  • the-vultures-feast [info]

  ¶ 3 occurrences
  

  div#container-wrap {
      background-image: url(http://scp-wiki.wikidot.com/local--files/grigori-karpin-s-author-page/backgroundVK-1);
  }
  :root {
      --logo-image: url("https://scp-wiki.wikidot.com/local--files/grigori-karpin-s-author-page/VKlogo-pride-Small");
      --header-title: "  Vikander-Kneed";
      --header-subtitle: "   Technical Media";
  }
  
  /* Adjust Mobile Image Size */
  @media (max-width: 479px) {
  #header {
      background-size: 100px 100px;
      background-position: 1em;
  }
  }
  

  Pages using this styling

  • lillian-lillihammer-and-the-great-meme-war [info]
  • scp-5358 [info]
  • vikander-kneed-technical-media-hub [info]

  ¶ 3 occurrences
  

  
  @import url("https://use.typekit.net/hey2uso.css");
  
  
  :root {
  
  
      --logo-image: url("http://scp-wiki.wdfiles.com/local--files/saffronsands-hub/logo.png");
      --header-title: "The Foundation";
      --header-subtitle: "  ";
      --body-font: interstate, 'Lato', sans-serif;
      --header-font: maecenas, 'Poppins', sans-serif;
      --title-font: maecenas-heavies, 'Poppins', sans-serif;
      --mono-font: "PT Mono", "Andale Mono", "Courier New", Courier, monospace;
      --bright-accent: 88, 24, 69;
      /* bright red */
      --medium-accent: 199, 0, 57 ;
      /* medium red */
      --dark-accent: 216, 1, 63;
      /* dark red */
      --newpage-color: 210, 74, 32;
      /* pale orange */
  }
  
  #page-title,
  .meta-title,
  .meta-title span {
      font-family: var(--header-font);
      color: rgb(120, 40, 31);
  }
  
  #header h2 {
      background: url(http://kaktuskontainer.wdfiles.com/local--files/iss-part1/hindi);
      background-repeat: no-repeat;
      background-clip: border-box;
      background-size: contain;
      top: 4.5rem;
      left: 8rem;
      height: 2rem;
  }   
  
  }

  Pages using this styling

  • last-train-home [info]
  • lo-behold-the-tiger [info]
  • that-divine-strife [info]

  ¶ 3 occurrences
  

  sup {
      vertical-align: top;
      position: relative;
      top: -0.5em;
  }
  
  :root {
      --cutColour: #fafafa;
      --barColour: #313135;
  }
  
  .translation_block {
      display: none;
  }
  
  .info-container .collapsible-block-folded a {
      color: #FFF;
  }
  
  .info-container .collapsible-block-unfolded-link a {
      color: #FFF;
  }
  
  .info-container .collapsible-block-link,
  .info-container:hover .collapsible-block-link {
      line-height: 1.6em;
  }

  Pages using this styling

  • lachrymose [info]
  • scp-6225 [info]
  • secure-facility-dossier-site-300 [info]

  ¶ 3 occurrences
  

  
  
  @import url('https://fonts.googleapis.com/css?family=EB+Garamond:500&display=swap');
  
  .fancytext {
  font-family:"EB Garamond"; sans-serif;
  font-size:120%;
  }

  Pages using this styling

  • kiss-kiss-fall-to-the-dark [info]
  • out-of-the-darkness [info]
  • pierce-the-velvet [info]

  ¶ 3 occurrences
  

  .light {display:block; background:#fffafa; color: #31000c; padding: 5px 10px 5px 10px; border: solid 1px pink}
  .dark {display:block; background:#ffd1dc; color: #31000c; padding: 5px 10px 5px 10px}

  Pages using this styling

  • just-girly-things-hub [info]
  • scp-8519 [info]
  • she-s-worth-it-i-promise [info]

  ¶ 3 occurrences
  

  @import url('https://fonts.googleapis.com/css?family=Pangolin&display=swap');

  Pages using this styling

  • jacklyn-diamandis-accountable-to-nobody [info]
  • losing-my-colors [info]
  • scp-7547 [info]

  ¶ 3 occurrences
  

  .footnotes-footer {
  display:none;
  }
  .quote {
      background: #b8d4ff;
      box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
      margin: 26px auto 0;
      max-width: 65%;
      min-height: 98px;
      padding: 24px;
      padding-top: 50px;
      position: relative;
      width: 65%;
  }
   
  .quote:before,
  .quote:after {
      content: "";
      height: 98%;
      position: absolute;
      width: 100%;
      z-index: -1;
  }
   
  .quote:before {
      background: #b3cffa;
      box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
      left: -5px;
      top: 4px;
      transform: rotate(-2.5deg);
  }
   
  .quote:after {
      background: #afcbf6;
      box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
      right: -3px;
      top: 1px;
      transform: rotate(1.4deg);
  }

  Pages using this styling

  • jack-waltz [info]
  • ori-s-art-page [info]
  • stars-poster [info]

  ¶ 3 occurrences
  

  .blockquote {
    border: 1px dashed #999; padding: 0 1em; background-color:#f4f4f4; margin: 1em 40px;
  }
  .blockquote iframe.html-block-iframe{
    width: initial !important;
  }

  Pages using this styling

  • in-the-trenches-with-the-dead [info]
  • scp-4479 [info]
  • scp-7040 (4) [info]

  ¶ 3 occurrences
  

  @import url('https://fonts.googleapis.com/css?family=Schoolbell&display=swap');

  Pages using this styling

  • if-they-like-you-i-like-you [info]
  • scp-7728 [info]
  • scp-8726 [info]

  ¶ 3 occurrences
  

  :root {
       --header-title: "The Chaos Insurgency";
       --header-subtitle: "Reason from Illogic";
       --lgurl: url('http://gaybox.wikidot.com/bhl:hod-2');
       --logo-image: url('http://gaybox.wdfiles.com/local--files/bhl%3Acipage/CIalt.png');
  }

  Pages using this styling

  • hod3-respite [info]
  • hod4-hilloffire [info]
  • hod5-enterthespire [info]

  ¶ 3 occurrences
  

  
  :root{
    --header-title: "SITE-101";
    --header-subtitle: "Dosis Sola Facit Venenum";
  }
  
  div#extra-div-1 {
      background-image: url(https://scp-sandbox-3.wdfiles.com/local--files/thesecretchunk/ivylogo.png);
      filter: opacity(40%);
  }
  
  
  .blank {
      height: 2em;
      display: block;
      clear: both;
  }
  
  .beatrice{
      padding: 15px;
      background: #cef5d3;
      color: black;
      border:solid 1px black;
      box-shadow: 3px 6px #888888;
      overflow:auto;
  }
  
  .didyou{
      padding: 15px;
      background: linear-gradient(45deg, #fae8fc, #eab1f3);
      color: black;
      border:solid 2px black;
  
      overflow:auto;
  }
  
  .custom-hr {
      height: 3px;
      background-color: #004a09;
      border: none;
      margin-top: 20px;
      margin-bottom: 20px;
  }
  
  

  Pages using this styling

  • her-future-in-bloom [info]
  • in-small-doses [info]
  • secure-facility-dossier-site-101 [info]

  ¶ 3 occurrences
  

  .avatarhover > a:nth-child(1) > img:nth-child(1) {
      width: 16px;
  }

  Pages using this styling

  • hawks-n-artworks [info]
  • mrpines-author-page [info]
  • this-page-intentionally-left-blank [info]

  ¶ 3 occurrences
  

  body{ color: rgb(12, 12, 12); }
  
  #page-title{ display: none; }
  
  .document{
      display: inline-block;
      border-radius: .61em;
      border: 1px solid #ccc;
      background:#f0f0f0;
      float: top; width: 96.5%;
      padding: .61em;
      box-shadow: 0 2px 4px rgba(68, 68, 68, .5);
  }
  
  .request{
      border-radius: 1.22em;
      background-color: #eee;
      box-shadow: 0 2px 4px rgba(68, 68, 68, .5);
      padding: .25em;
      margin: 0 0 .61em;
      color: #0f0f0f;
      text-align: center;
  }

  Pages using this styling

  • grant-request-for-the-creation-of-remnant-hosts [info]
  • wniosek-o-dotacje-na-opracowanie-srodka-przeciwko-alergii [info]
  • wniosek-o-dotacje-na-wykorzystanie-paryskiej-architektury [info]

  ¶ 3 occurrences
  

  @import url('https://fonts.googleapis.com/css?family=Nothing+You+Could+Do');
  
  .aw {
    font-family: 'Nothing You Could Do';
    color: #000;
    font-size: 20px;
  }

  Pages using this styling

  • gone [info]
  • scp-4733 [info]
  • scp-7521 [info]

  ¶ 3 occurrences
  

  @import url('https://fonts.googleapis.com/css?family=Reenie+Beanie');
  
  .dado {
    font-family: 'Reenie Beanie';
    color: #000;
    font-size: 25px;
  }

  Pages using this styling

  • gone [info]
  • scp-4733 [info]
  • scp-7521 [info]

  ¶ 3 occurrences
  

  #page-content hr {
      background-color: #ff57a8;
      height: 2px;
     margin: .75rem 0;
  }

  Pages using this styling

  • girly-girlz-be-just-like-your-doll [info]
  • just-girly-things-hub [info]
  • scp-8519 [info]

  ¶ 3 occurrences
  

  blockquote {border-color: #000000;    background-color: #ffffff}
  
  .scp-image-block .scp-image-caption {background-color: #ffede0}
  
  #page-content .wiki-content-table tr td {background-color: #fceee3}
  #page-content .wiki-content-table tr th {background-color: #e5d6c9}
  
  .colorlink a{
      color: #11ff21;
  }

  Pages using this styling

  • fragment:uiu-file-1974-028-1 [info]
  • fragment:uiu-file-1974-028-2 [info]
  • fragment:uiu-file-1974-028-3 [info]

  ¶ 3 occurrences
  

  :root {
  --thaumiel: 0, 135, 189
  }
  a.collapsible-block-link:not(.licensebox a.collapsible-block-link) {
      font-weight: 600;
      color: white;
      padding-top: 4px;
      padding-bottom: 4px;
      padding-left: 7px;
      padding-right: 9px;
      background: rgb(20, 20, 20);
      border-radius: 6px;
      margin-top: 10px;
      margin-bottom: 12px;
  }

  Pages using this styling

  • fragment:target-audience-14 [info]
  • scp-6382 [info]
  • scp-8141 [info]

  ¶ 3 occurrences
  

  .danke {
      padding: 5px;
      margin-bottom:10px;
      font-family: monospace;
      font-size: 1.1em;
  }
  
  .red {
      background-color:#8b0000;
      border: 3px solid #ffffff;
      color: #ffffff;
  }
  
  .white{
      background-color:#ffffff;
      border: 3px solid #8b0000;
      color: #8b0000;
  }
  
  .black {
      background-color:#1c0000;
      border: 3px solid #8b0000;
      color: #8b0000;
  }

  Pages using this styling

  • fragment:scp9317-3 [info]
  • fragment:scp9317-4 [info]
  • scp-9317 [info]

  ¶ 3 occurrences
  

  
  body {
  
      background-image: url(https://scp-wiki.wdfiles.com/local--files/scp-9317/9317Background.png);
      background-attachment: fixed;
      background-size: cover;
  }
  
  body:before {
    content: ' ';
    position: fixed;
    display: block;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(170deg, transparent, rgb(0, 0, 0) 65%, rgb(0, 0, 0) 65%, rgb(0, 0, 0) 100%);
    z-index: -1;
    color:#EDEDED;
  }
  
  :root{
  --logo: url(https://scp-sandbox-3.wdfiles.com/local--files/the-montauk-machine-redone/9231logo.png);
  --title: "SCARLET RESPONSE";
  --subtitle: "Destruentes Radices Tenebrarum";
  }
  
  :root {
      /* REDMODE */
      --basalt-UI-dark-palette: 50, 45, 45;
      --basalt-bright-element-color: 135, 15, 6;
      --basalt-dark-element-color: 135, 15, 6;
      --basalt-primary-color: 15, 10, 12;
      --basalt-secondary-color: 40, 20, 23;
      --basalt-tertiary-color: 50, 40, 40;
      --general-border-color: 135, 15, 6;
  }
  
  
  a:link {
    color: #870F06;
  }
  a:visited {
    color: #870F06;
  }
  a:hover {
    color: #870F06;
  }
  a:active {
    color: #870F06;
  }
  

  Pages using this styling

  • fragment:scp9317-2 [info]
  • fragment:scp9317-3 [info]
  • fragment:scp9317-4 [info]

  ¶ 3 occurrences
  

  
  @import url('https://scp-wiki.wikidot.com/local--files/scp-8980/departuremono.css');
  
  :root {
      --logo: url(http://scptestwiki.wikidot.com/local--files/sigma:lol/ecw.png);
      --header-title: "ETHICS COMMITTEE";
      --header-subtitle: "INTERNAL RECORDKEEPING INTERFACE";
      --basalt-primary-color: 0, 15, 0;
      --basalt-secondary-color: 0, 22, 0;
      --basalt-tertiary-color: 0, 30, 0;
      --ec-popup-color: 10, 70, 10;
      --basalt-bright-element-color: 16, 184, 16;
      --basalt-dark-element-color: 10, 150, 10;
      --rfr-primary: #E0F6FD;
      --rfr-secondary: lightskyblue;
  }
  
  body {
      background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.8)), url("https://scp-wiki.wikidot.com/local--files/scp-8980/fractal.webp");
      background-position: center, center;
      background-size: cover;
      background-attachment: scroll, fixed;
  }
  
  b, strong {
      font-weight: 800;
  }
  
  table {
      box-sizing: border-box;
  }
  
  .content-warning {
      font-size: 85%;
      translate: 0px -5px;
  }
  
  #top-bar div[class*="top-bar"] > ul > li > a {
      font-size: 115%;
  }
  
  .page-title {
      border-bottom: solid 1px #424248;
      font-weight: normal;
      margin: 0 0 0.6em;
      padding: 0 0 0.25em;
      font-size: 200%;
      font-family: var(--title-font);
  }
  
  .page-title p {
      margin: 0;
  }
  
  #breadcrumbs, .pseudocrumbs {
      margin: auto;
      width: fit-content;
      padding-bottom: 5px;
      opacity: 0.8;
  }
  
  #page-content .yui-content div {
      overflow: hidden;
  }
  
  #page-content div:is(.document, .darkdocument) {
      max-width: 50rem;
  }
  
  div:is(.document, .darkdocument)::before, div:is(.document, .darkdocument)::after {
      position: relative !important;
  }
  
  div.blockquote {
      background-color: #0f0f0f;
  }
  
  div.blockquote.light {
      background-color: #2b2b2b;
  }
  
  .red-text {
      color: red;
  }
  
  .licensebox .collapsible-block-link {
      opacity: 0.5;
      transition-duration: 0.3s;
  }
  
  .licensebox .collapsible-block-link:hover {
      opacity: 1;
      transition-duration: 0.3s;
  }
  
  @media (max-width: 430px) {
      :where(#page-content) table {
          width: fit-content;
      }
  }
  

  Pages using this styling

  • fragment:scp-8980-1 [info]
  • fragment:scp-8980-2 [info]
  • proposal-of-expanded-protections-for-post-amnesticization-pe [info]

  ¶ 3 occurrences
  

  .desktop-only { display: block; }
  .mobile-only { display: none; }
  @media (max-width: 979px) {
      .desktop-only { display: none; }
      .mobile-only { display: block; }
  }

  Pages using this styling

  • fragment:scp-8929-0 [info]
  • fragment:scp-8929-1 [info]
  • scp-7004 [info]

  ¶ 3 occurrences
  

  :root {
  --header-title: "UNGOC";
  --header-subtitle: "SURVIVAL, CONCEALMENT, PROTECTION, DESTRUCTION, EDUCATION";
  --lgurl: url('https://scp-wiki.wdfiles.com/local--files/scp-8484/goc_logo');
  }

  Pages using this styling

  • fragment:scp-8484-1 [info]
  • fragment:scp-8484-3 [info]
  • fragment:scp-8484-4 [info]

  ¶ 3 occurrences
  

  
   :root {
       --accentColor: hsl(225, 65%, 65%);
       --accentColorLite: hsla(225, 80%, 70%, 0.5);
       --hue: 225deg;
  }
  

  Pages using this styling

  • fragment:scp-8066-1 [info]
  • fragment:scp-8066-2 [info]
  • scp-8408 [info]

  ¶ 3 occurrences
  

  #header h1 a::before {
      content: "SCP Foundation";
  }
  
  #header h2 span::before {
      content: "Secure, Contain, Protect";
  }

  Pages using this styling

  • fragment:scp-7799-2 [info]
  • freefall [info]
  • scp-7619 [info]

  ¶ 3 occurrences
  

  #header {
      height: 240px;
      background-image: url('https://scp-wiki.wikidot.com/local--files/scp-7616/Sigil_Main.png');
      background-position: 50% 40%;
      background-repeat: no-repeat;
      background-size: 200px auto;
  }
  #page-title {
      display: none;
  }

  Pages using this styling

  • fragment:scp-7616-1 [info]
  • fragment:scp-7616-5 [info]
  • fragment:sol-invictus-0 [info]

  ¶ 3 occurrences
  

  :root{
  --logo: url(https://scp-wiki.wdfiles.com/local--files/whore-of-blood-hub/Primrose-Sigil-white-badge.png);
  --title: "WHORE OF BLOOD";
  --subtitle: "Prim and Proper Legal Solutions";
      /* Colors */
  --basalt-UI-dark-palette: 50, 45, 45;
  --basalt-bright-element-color: 135, 15, 6;
  --basalt-dark-element-color: 135, 15, 6;
  --basalt-primary-color: 15, 10, 12;
  --basalt-secondary-color: 40, 20, 23;
  --basalt-tertiary-color: 50, 40, 40;
  --general-border-color: 135, 15, 6;
  }
  body {
      background-image: url(https://scp-wiki.wdfiles.com/local--files/whore-of-blood-hub/HellBackground.png);
      background-attachment: fixed;
      background-size: cover;
  }
  body:before {
    content: ' ';
    position: fixed;
    display: block;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(170deg, transparent, rgb(0, 0, 0) 65%, rgb(0, 0, 0) 65%, rgb(0, 0, 0) 100%);
    z-index: -1;
    color:#EDEDED;
  }
  
  /* Link colors */
  a:link {
    color: #870F06;
  }
  a:visited {
    color: #870F06;
  }
  a:hover {
    color: #870F06;
  }
  a:active {
    color: #870F06;
  }

  Pages using this styling

  • fragment:scp-7603-1 [info]
  • fragment:scp-7603-2 [info]
  • fragment:scp-7603-3 [info]

  ¶ 3 occurrences
  

  
  #page-content > .collapsible-block {
       background-color: #cacaca45;
  }
  
  .doc {
      background-color: rgb(var(--bright-accent));
      color: white;
      font-family: var(--mono-font);
      padding: 0 1.5rem;
      font-size: 1.1em;
      width: fit-content;
      position: relative;
      top: -2em;
      border-radius: 4px;
      margin-bottom: -2rem;
  }
  
  #header::before {
      height: calc(100% - var(--topbar-height-on-desktop));
      aspect-ratio: 1;
      left: 50%;
      top: 0.3rem;
      background-image: url(http://scpdsandbox.wikidot.com/local--files/collab:sirslash-abrethe-7kon/logo.png);
      background-size: contain;
      transform: translatex(-50%);
      filter: invert(1);
  }
  
  #header::after {
      content: "";
      display: block;
      position: absolute;
      background: white;
      opacity: 0.01;
      height: 25.5%;
      width: 0.5rem;
      bottom: 53%;
      left: calc(50% - 0.25rem);
      transform-origin: bottom center;
      transform: rotate(calc(360deg - 30deg * var(--minutes-to-midnight)/60));
  }
  

  Pages using this styling

  • fragment:scp-7171-1 [info]
  • fragment:scp-7171-2 [info]
  • fragment:scp-7171-3 [info]

  ¶ 3 occurrences
  

  #page-content hr {
  border-top: none;
  height: .05em;
  background: #454545;
  }
  
  #page-content > .collapsible-block {
      display: block;
      text-align: center;
      padding: .8em;
      background-color: #e3e3e3;
      border-top: 0.125rem dashed #b5b5b5;
      border-bottom: 0.125rem dashed #b5b5b5;
  }
  
  #page-content > .collapsible-block .collapsible-block-content {
      text-align: left;
  }
  
  .page {
      display: block;
      overflow: hidden;
      font-family: "Monotype Corsiva", "Bradley Hand ITC", sans-serif;
      font-style: normal;
      background-attachment: scroll;
      background-clip: border-box;
      background-color: transparent;
      background-image: linear-gradient(to top ,rgb(202, 219, 228) 0%, rgb(231, 233, 220) 8%);
      background-origin: padding-box;
      background-position: 0px 8px;
      background-repeat: repeat;
      background-size: 100% 20px;
      border: 1px solid #CCC;
      border-radius: 10px;
      padding: 10px 10px;
      margin-bottom: 10px;
      box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2)
  }
  .page p,
  .page ul {
      line-height: 20px;
      margin: 0;
  }
  
  .interview{
      border:solid 2px #d4d4d4;
      background:#F5F5F5;
      width:90%;
      padding:1px 15px;
      margin: 10px auto;
  }
  
  .file{
      border:none;
      background:#F5F5F5;
      width:90%;
      padding:1px 15px;
      margin: 10px auto;
  }
  
  .addendum{
      border:solid 1px #5e5e5e;
      background:#ffffff;
      width:90%;
      padding:1px 15px;
      margin: 10px auto;
  }
  
  #page-title{display:none}
  

  Pages using this styling

  • fragment:scp-7097-0 [info]
  • fragment:scp-7097-1 [info]
  • fragment:scp-7097-2 [info]

  ¶ 3 occurrences
  

  a,
  #side-bar a:visited {
      color: #5e7d00;
  }
   
  a:visited {
       color: #5e7d00;
   
  #side-bar .heading {
      color: #2e642c;
      border-bottom: solid 1px #2e642c;
  }

  Pages using this styling

  • fragment:scp-7088-1 [info]
  • fragment:scp-7088-2 [info]
  • secure-facility-dossier-site-44 [info]

  ¶ 3 occurrences
  

  @import url('https://fonts.bunny.net/css2?family=Gloria+Hallelujah&display=swap');
  @import url('https://fonts.bunny.net/css2?family=Oxanium');

  Pages using this styling

  • fragment:scp-7021-1 [info]
  • fragment:scp-7021-4 [info]
  • scp-7021 [info]

  ¶ 3 occurrences
  

  .highlight {
    background: yellow;
  }
  

  Pages using this styling

  • fragment:scp-6460-0 [info]
  • fragment:scp-6460-2 [info]
  • scp-9125 [info]

  ¶ 3 occurrences
  

  /* HORIZONTAL RULES */
   
  .fancyhr hr {
      border-top: 2vw solid transparent;
      background-color: rgba(var(--bright-accent), 0);
      height: 0;
      box-sizing: border-box;
      border-image-source: url('https://scp-wiki.wikidot.com/local--files/scp-6460/wl_hr.webp');
      border-image-repeat: round round;
      background: none;
      border-image-slice: 80 500 80 500 fill;
      border-image-width: 10em 80em 10em 80em;
  }
   
  .fancyborder {
      box-sizing: border-box;
      border: 2vw solid rgba(0,0,0,0.5);
      border-image: url('https://scp-wiki.wikidot.com/local--files/scp-6460/wl_border.webp') 600 round;
      border-image-width: 6;
      padding: 2vw;
  }

  Pages using this styling

  • fragment:scp-6460-0 [info]
  • fragment:scp-6460-1 [info]
  • fragment:scp-6460-2 [info]

  ¶ 3 occurrences
  

      :root {
          --header-gradient-color-bottom: 157, 157, 157;
      --bright-accent: 190, 190, 190;
      --pale-accent: 120, 120, 120;
      --dark-accent: 141, 199, 223;
      --hover-link-color: 91, 206, 250;
      --visited-link-color: 91, 206, 250;
      --footnotes-footer-num-color: 120, 120, 120;
      --hoverblock-header-bg:  120, 120, 120;}
  #page-title {display: none;}

  Pages using this styling

  • fragment:scp-6437-0 [info]
  • fragment:scp-6437-1 [info]
  • scp-8953 [info]

  ¶ 3 occurrences
  

  div[class$="_memo"] {
      background: var(--memo-logo) rgba(var(--memo-color), 1);
      background-size: contain;
      background-position: top center;
      background-repeat: no-repeat;
      min-height: 4rem;
      margin-inline: auto;
      margin-block: 2rem;
      padding-inline: 20px;
      padding-block: 10px;
      border: solid 2px rgba(0, 0, 0, 0.1);
      text-align: center;
  }
  
  div[class$="_memo"]::before {
      content: var(--memo-heading);
      font-family: var(--UI-font);
      font-weight: 900;
      font-size: 1.3em;
      text-align: center;
      margin: 0 auto 1rem auto;
      display: flex;
      flex-direction: column;
      padding-top: 0.5em;
  }
  
  div.raisa_memo {
      --memo-heading: "NOTICE FROM THE RECORDS AND INFORMATION SECURITY ADMINISTRATION";
      --memo-logo: url(https://scp-wiki.wikidot.com/local--files/theme:basalt/RAISA_LIGHTLOGO.png);
      --memo-color: 255, 243, 173;
  }

  Pages using this styling

  • fragment:scp-6437-0 [info]
  • fragment:scp-6437-1 [info]
  • scp-7236 [info]

  ¶ 3 occurrences
  

  :root {
   --five-color: 133,0,5;
      --four-color: 170,170,170;
      --three-color: 100,100,100;
      --two-color: 133,0,5;
      --one-color: 120,120,120;
    --safe: 133,0,5;
    --euclid: 133,0,5;
    --keter: 133,0,5;
    --esoteric: 120,120,120;
  }

  Pages using this styling

  • fragment:scp-6125-1 [info]
  • scp-5325 [info]
  • scp-5669 [info]

  ¶ 3 occurrences
  

  .raisa_memo {
      background: url(https://scp-wiki.wikidot.com/local--files/theme:basalt/RAISA_LIGHTLOGO.png) #fff3ad;
      background-size: contain;
      background-position: top center;
      background-repeat: no-repeat;
      font-family: 'Work Sans', sans-serif;
      box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
      width: 90%;
      min-height: 4rem;
      max-height: 100rem;
      margin-left: auto;
      margin-right: auto;
      text-align: center;
      padding: 10px 20px 20px 20px;
      word-break: break-word;
  }
  .raisa_memo>p:nth-child(1)::before {
      content: "NOTICE FROM THE RECORDS AND INFORMATION SECURITY ADMINISTRATION\00000a";
      font-family: 'Work Sans', sans-serif;
      font-weight: 900;
      font-size: 130%;
      text-align: center;
      margin-bottom: 1rem;
      padding-bottom: 0.3rem;
      border-bottom: dotted 0.13rem darkslategrey;
      max-width: 49rem;
      margin-left: auto;
      margin-right: auto;
      display: flex;
      flex-direction: column;
      align-content: stretch;
      align-items: center;
  }
  .papernote {
      background-color: #eaeeef;
      color: #21252E !important;
      padding: 0.1rem 0.5rem 0.5rem 0.5rem;
      box-shadow: 1px 1px 3px 2px rgb(0 0 0 / 30%);
      margin: auto;
      width: 100%;
  }

  Pages using this styling

  • fragment:scp-6038-1 [info]
  • fragment:scp-6038-2 [info]
  • fragment:scp-6038-3 [info]

  ¶ 3 occurrences
  

      :root {
       --x-grey: #f5f5f5;
       --x-dark-grey: #c8c8c8;
       --x-very-dark-grey: #909090;
       --x-yellow: #FFF9E5;
       --x-blue: #D5D2E1;
       --x-red: #F4E3E8;
       --x-color-notice: #f2f2c2;
       }
       /* fix image boxes have different margins than paragraphs */
       .scp-image-block {
            margin-top: 15px !important;
       }
  
       /* report style boxes (colors, shadows, margins) */
       .x-log, .x-notice, .x-comment { border: solid 1px; padding: 5px; }
       .x-log, .x-notice { box-shadow: 2px 3px var(--x-very-dark-grey); }
       .x-log { background-color: var(--x-grey); }
       .x-logo { background-image: url(http://scp-wiki.wdfiles.com/local--files/the-great-hippo/scp_trans.png); background-repeat: no-repeat; background-position: calc(100% - 15px) 15px; background-size: 150px 150px; background-origin: padding-box; }
       .x-notice { background-color: var(--x-color-notice); text-align: center; }
       .x-comment { background-color: var(--x-grey); border-top: #777 1px solid; border-left: #777 1px solid; border-bottom: #ccc 1px solid; border-right: #ccc 1px solid; box-shadow: -1px -2px var(--x-very-dark-grey) inset; padding-top: 5px; padding-bottom: 5px; margin-top: 1px; margin-bottom: 1px; }
       .x-emboss, .x-email { margin-top: 15px; border-top: #ccc 1px solid; border-left: #ccc 1px solid; border-bottom: #777 1px solid; border-right: #777 1px solid; box-shadow: 2px 2px var(--x-very-dark-grey) inset; }
      
       /* standard report formatting */
       .x-log-head, .x-log-body { margin: 15px 2px; padding: 0px 10px; }
       .x-log hr { margin-left: 25px; margin-right: 25px; }
       .x-log-head { border-left: solid 3px black; border-radius: 2px; margin-bottom: 15px; }
       .x-log-head th { text-align: left; color: black; font-weight: bold; vertical-align: top; }
       .x-log-head td { padding-left: 15px; vertical-align: top; }
       .x-log-body { border-left: solid 3px var(--x-grey); }
      
       /* standard collapsible formatting */
       .x-log .collapsible-block-link { color: #303030; font-variant: small-caps; font-size: 110%; }
       .x-log .collapsible-block-unfolded-link:before { content: "■ "; color: grey; font-variant: small-caps; font-size: 110%; }
       .x-log .collapsible-block-folded:before { content: "■ "; color: grey; font-variant: small-caps; font-size: 110%; }
      
       /* email addenda formatting */
       .x-email { padding: 1px 10px; background-color: white; }
       .x-email hr { width: 94%; }
       .x-email-head, .x-email-body { margin: 15px 2px; padding: 5px 15px; font-family: courier, monospace; }
       .x-email-head { border-left: solid 3px maroon; border-radius: 2px; margin-bottom: 15px; }
       .x-email-head th { text-align: left; color: maroon; }
       .x-email-head td { padding-left: 15px; }
       .x-email-body { border-left: solid 3px white; }

  Pages using this styling

  • fragment:scp-6020-1 [info]
  • scp-6528 [info]
  • scp-7014 [info]

  ¶ 3 occurrences
  

  .blinkbar {color: red;font-size:125%; animation: blink 1.5s infinite; letter-spacing: -0.13em;}@keyframes blink{to{opacity: .0;}}@keyframes flicker {0% {opacity: 0.9890; }5% {opacity: 0.5842; }10% {opacity: 0.9865; }20% {opacity: 0.0412; }20% {opacity: 0.6255; }25% {opacity: 0.3157; }30% {opacity: 0.7328; }35% {opacity: 0.4654; }40% {opacity: 0.9128; }45% {opacity: 0.2449; }50% {opacity: 0.5485; }55% {opacity: 0.6438; }60% {opacity: 0.1180; }65% {opacity: 0.9085; }70% {opacity: 0.0266; }75% {opacity: 0.6795; }80% {opacity: 0.7812; }85% {opacity: 0.0117; }90% {opacity: 0.2239; }95% {opacity: 0.8897; }100% {opacity: 0.2260; }}@keyframes overlay-anim {0% {visibility: hidden; }10% {visibility: hidden; }11% {visibility: visible; }50% {visibility: hidden; }100% {visibility: hidden; }}
  .collapsible-block-folded a.collapsible-block-link {
      animation: blink 0.8s ease-in-out infinite alternate;
  }
  @keyframes blink {
      0% { color: transparent; }
      50%, 100% { color: #b01; }
  }
  .email {float: center; border: solid 2px #000000; width: 88%; padding: 1px 15px; margin: 10px 10px 10px 10px; box-shadow: 0 1px 3px rgba(0,0,0,.5)}
  a.collapsible-block-link { font-weight: bold; }
  .tofrom {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px maroon}

  Pages using this styling

  • fragment:scp-5947-1 [info]
  • scp-3928 [info]
  • scp-5395 [info]

  ¶ 3 occurrences
  

  
  @import url('https://scp-wiki.wdfiles.com/local--files/taboo/Museo.css');
  
  :root{
    --header-title: "Site-⌘";
    --header-subtitle: "Department of Surrealistics";
  }
  
  div#extra-div-1 {
      background-image: url(https://scp-wiki.wdfiles.com/local--files/scp-6445/Surrealistics%20Logo.png);
      filter: opacity(20%);
  }

  Pages using this styling

  • fragment:scp-5763-1 [info]
  • fragment:scp-5763-2 [info]
  • scp-6254 [info]

  ¶ 3 occurrences
  

  
  .info-container .collapsible-block-folded a{
  color: #FFF;}
  .info-container .collapsible-block-unfolded-link a{
  color: #FFF;
  }
  
  #page-content .collapsible-block {
      display: block;
      text-align: center;
      padding: .8em;
      background-color: #e3e3e3;
      border-top: 0.125rem dashed #b5b5b5;
      border-bottom: 0.125rem dashed #b5b5b5;
  }
  
  #page-content .collapsible-block .collapsible-block-content {
      text-align: left;
  }
  
  blockquote,
  div.blockquote {
      border: 0.125rem solid #d4d4d4;
      background-color: #F5F5F5;
  }
  
  .interview{
      border:solid 2px #d4d4d4;
      background:#F5F5F5;
      width:80%;
      padding:1px 15px;
      margin: 10px auto;
  }
  
  #page-title{display:none}
  

  Pages using this styling

  • fragment:scp-5415-1 [info]
  • scp-5192 [info]
  • scp-5844 [info]

  ¶ 3 occurrences
  

   #header {
       height: 140px;
       position: relative;
       z-index: 10;
       padding-bottom: 22px;
       background: url("https://scp-wiki.wdfiles.com/local--files/scp-5045/corruptedicon.png") 10px 40px no-repeat;

  Pages using this styling

  • fragment:scp-5045a [info]
  • scp-7080 [info]
  • westrinsauthorpage [info]

  ¶ 3 occurrences
  

  :root {
      --rating-module-text-color: var(--swatch-menutxt-light-color);
      --rating-module-button-color:  var(--swatch-menutxt-light-color);
  }
  
  #page-content > div:nth-child(1) {
      padding: 0.5rem 0.5rem 0 0.5rem;
  }
  
  .page-rate-widget-box {
      margin: 0;
      background:
       linear-gradient(0deg,
       rgba(var(--swatch-primary-darkest),.55) 0,
       rgba(var(--swatch-primary-darkest),.45)) !important;
  }

  Pages using this styling

  • fragment:scp-4485-1 [info]
  • fragment:scp-4485-2 [info]
  • fragment:scp-4485-4 [info]

  ¶ 3 occurrences
  

  #page-title {
      display: none;
  }
  
  div.expoblock {
      border: 0.5rem solid #1a1a1a;
      padding: 1rem;
  }
  .expoblock hr {
      height: 0.6rem;
      margin: 1.5em 0;
      background-color: black;
  }
  

  Pages using this styling

  • fragment:scp-2744-4 [info]
  • fragment:scp-2744-6 [info]
  • fragment:scp-2744-7 [info]

  ¶ 3 occurrences
  

  
  @import url('https://fonts.googleapis.com/css2?family=Rubik+Iso&display=swap');
  
  .rubik-iso-regular {
    font-family: "Rubik Iso", system-ui;
    font-weight: 400;
    font-style: normal;
  }
  

  Pages using this styling

  • fragment:palingenesis-0 [info]
  • fragment:palingenesis-1 [info]
  • saturn-deers-web-center-archive [info]

  ¶ 3 occurrences
  

  .text-blur { filter: blur(.175rem); }

  Pages using this styling

  • fragment:orcadia-hub-divinity-in-orcadia [info]
  • fragment:orcadia-hub-persons-of-interest [info]
  • slow-pride-filled-life [info]

  ¶ 3 occurrences
  

  
  .list-pages-item .page-rate-widget-box {
  display: none;
  }
  
  #page-title {
    display: none;
  }

  Pages using this styling

  • fragment:only-once-away-my-son-2 [info]
  • fragment:only-once-away-my-son-3 [info]
  • fragment:only-once-away-my-son-4 [info]

  ¶ 3 occurrences
  

  sup {
      vertical-align: top;
      position: relative;
      top: -0.5em;
  }
  a.collapsible-block-link {
    font-weight: bold;
  }
  .translation_block, .u-faq { display: none; }
  }
  .info-container .collapsible-block-folded a{
  color: #fff;}
  .info-container .collapsible-block-unfolded-link a{
  color: #fff;
  }
  #page-title {
      text-align: center !important;
  }
  .scp-image-block {
    border: solid 1px #000000;
  }
  .scp-image-block .scp-image-caption {
    background-color: #00000;
    border-top: solid 1px #000000;
    color: #fff;
  }
  .scp-image-block .scp-image-caption {
       background-color: #000000;
       border-top: solid 1px #666;
       padding: 2px 0;
       font-size: 80%;
       font-weight: bold;
       text-align: center;
       width: 300px;
       text-color: #fff;
  }
   .scp-image-block > p {
       margin: 0;
  }
   .scp-image-block .scp-image-caption > p {
       margin: 0;
       padding: 0 10px;
  }
  #page-content > .collapsible-block {
      display: block;
      text-align: center;
      padding: 0.65em;
  }
  #page-content > .collapsible-block .collapsible-block-content {
      text-align: left;
  }
  .lie{
       font-weight: bold;
       font-family: monospace;
       font-size: 140%;
  }
  .list{
      background: #f4f4f4;
      padding: 0 1em;
  }
  .info-container .collapsible-block-link,
  .info-container:hover .collapsible-block-link {
      line-height: 1.6em;
  }
  @media (max-width: 2000px) {
      .desktop-only {
       display: none;
       visibility: hidden;
  }
  .varsum{
       text-align: right;
  }
  .varsum2{
       text-align: center;

  Pages using this styling

  • fragment:halfway-lost-1 [info]
  • in-the-dark [info]
  • within-the-walls-i [info]

  ¶ 3 occurrences
  

  .beeg-text .collapsible-block .collapsible-block-link {
      font-size: 25px;
  }

  Pages using this styling

  • fragment:darkartists-sciptember-hub-4 [info]
  • more-by:tstaffor [info]
  • scp-5722 [info]

  ¶ 3 occurrences
  

  @import url('https://fonts.googleapis.com/css?family=Nothing+You+Could+Do&display=swap');
  .page {
      display: block;
      overflow: hidden;
      font-family: 'Nothing You Could Do', cursive;
      font-style: cursive;
  
      background-attachment: scroll;
      background-clip: border-box;
      background-color: transparent;
      background-image: linear-gradient(to top ,rgb(202, 219, 228) 0%, rgb(231, 233, 220) 8%);
      background-origin: padding-box;
      background-position: 0px 8px;
      background-repeat: repeat;
      background-size: 100% 20px;
  
      border: 1px solid #CCC;
      border-radius: 10px;
      padding: 10px 10px;
      margin-bottom: 10px;
  
      box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2)
      }
  .page p,
  .page ul {
      line-height: 20px;
      margin: 0;
  }

  Pages using this styling

  • fragment:9000contestmrmcguffin-3 [info]
  • fragment:9000contestmrmcguffin-5 [info]
  • scp-5998 [info]

  ¶ 3 occurrences
  

  @import url('https://fonts.googleapis.com/css2?family=Stalinist+One&display=swap');
  
  .kennedy {
    font-family: 'Stalinist One', cursive;
  }

  Pages using this styling

  • fragment:9000contestchoccoman-1 [info]
  • fragment:9000contestchoccoman-2 [info]
  • fragment:9000contestchoccoman-4 [info]

  ¶ 3 occurrences
  

  /*---------------------*/
  /*---- BASALT DIVS ----*/
  /*---- (DARK MODE) ----*/
  /*---------------------*/
  
  div[class$="_memo"] {
      background-color: rgba(var(--basalt-secondary-color), 1);
      border: solid 2px rgba(var(--memo-color), 1);
  }
  
  div[class$="_memo"]::before {
      color: rgb(var(--memo-color));
  }
  
  div.raisa_memo {
      --memo-logo: url(https://scp-wiki.wikidot.com/local--files/theme:basalt/RAISA_DARKLOGO.png);
  }
  
  div.classification_memo {
      --memo-logo: url(https://scp-wiki.wikidot.com/local--files/theme:basalt/CLASSIFICATION_DARKLOGO.png);
  }
  
  div.ettra_memo {
      --memo-logo: url(https://scp-wiki.wikidot.com/local--files/theme:basalt/ETTRA_DARKLOGO.png);
  }
  
  div.ettraproj_memo {
      --memo-logo: url(https://scp-wiki.wikidot.com/local--files/theme:basalt/ETTRA_DARKLOGO.png);
  }
  
  div.ethics_memo {
      --memo-logo: url(https://scp-wiki.wikidot.com/local--files/theme:basalt/ETHICS_DARKLOGO.png);
  }
  
  div.temporal_memo {
      --memo-logo: url(https://scp-wiki.wikidot.com/local--files/theme:basalt/DELTA_T_DARKLOGO.png);
      --memo-color: 195, 195, 200;
  }
  
  div.overwatch_memo {
      --memo-logo: url(https://scp-wiki.wikidot.com/local--files/theme:basalt/O5_DARKLOGO.png);
  }
  
  div.miscomm_memo {
      --memo-logo: url(https://scp-wiki.wikidot.com/local--files/theme:basalt/MISCOMM_DARKLOGO.png);
  }
  
  :is(.table1, .table2, .table3, .table4, .table5, .table6) {
      --basalt-th-text-color: var(--basalt-light-text-color);
  }
  
  :is(div.table1, div.table2, div.table3, div.table4, div.table5, div.table6) span:is(.specialtext, .st) {
      filter: brightness(1.2);
  }
  
  :is(.table1, .table2, .table3, .table4, .table5, .table6) h1 {
      color: rgb(var(--basalt-th-background-color));
  }

  Pages using this styling

  • fragment:9000contestampyrreference-1 [info]
  • fragment:9000contestampyrreference-2 [info]
  • fragment:9000contestampyrsome-1 [info]

  ¶ 3 occurrences
  

  
  
  
  div.ettraproj_memo {
      --memo-heading: "ETTRA PROJECT LAUNCH MEMORANDUM";
      --memo-logo: url(https://scp-wiki.wikidot.com/local--files/theme:basalt/ETTRA_LIGHTLOGO.png);
      --memo-color: 245, 215, 215;
  }

  Pages using this styling

  • fragment:9000contestampyrreference-1 [info]
  • fragment:9000contestampyrreference-2 [info]
  • fragment:9000contestampyrsome-1 [info]

  ¶ 3 occurrences
  

  .quake { display:inline-block; animation: shakeWhole 500ms ease-in-out infinite; }
  @keyframes shakeWhole {
    0%   { transform: translate(0, 0) rotate(0deg); }
    20%  { transform: translate(-3px, 2px) rotate(-1deg); }
    40%  { transform: translate(3px, -2px) rotate(1.5deg); }
    60%  { transform: translate(-2px, 0px) rotate(-1.5deg); }
    80%  { transform: translate(2px, 1px) rotate(1deg); }
    100% { transform: translate(0, 0) rotate(0deg); }
  }
  @media (prefers-reduced-motion: reduce) { .quake { animation: none; } }

  Pages using this styling

  • fragment:9000contestampyrreference-1 [info]
  • fragment:9000contestampyrreference-2 [info]
  • fragment:9000contestampyrsome-1 [info]

  ¶ 3 occurrences
  

  @supports ((-webkit-background-clip: text) and (-webkit-text-fill-color: transparent)) {
      .flame {
        background: linear-gradient(to right, #FF7F7F, #FFB27F, #edda45);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        font-weight: bold;
      }
  }
  
      .blood {
        background: linear-gradient(to right, #bf3a3a, #730303, #b40b0b);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        font-weight: bold;
      }
  }
  
  

  Pages using this styling

  • fragment:9000contestampyrreference-1 [info]
  • fragment:9000contestampyrreference-2 [info]
  • fragment:9000contestampyrsome-1 [info]

  ¶ 3 occurrences
  

  #page-content .lotus {
  background-color: rgb(var(--admo-color-dim));
  background-image: url("https://i.imgur.com/tvQKL74.gif");
  background-attachment: fixed;
  background-size: 100%;
  opacity: 36%;
  background-repeat: round;
  background-blend-mode: darken;
  border: none;
  box-shadow: inset 0rem -2rem 10rem 8rem rgba(var(--admo-color-dark))
  }
  
  #page-content div.notation {
  background-color: rgba(var(--basalt-secondary-color), 0.6);
  }
  
  #page-content .lotus .st {
  text-decoration: none;
  }
  
  #page-content .lotus p:has(.st) {
  text-align: center;
  }
  
  @media only screen and (max-width: 768px) {
     #page-content .chat {
        padding: 0.5rem 0px;
        font-size: 0.88rem;
     }
  
     #page-content .chat > p {
        margin: 0.5rem;
     }
  
     #page-content :is(.vjds, .veiss, .jldo, .elng, .kelvin) {
        margin-left: unset;
        margin-right: unset;
     }
  
     #page-content .lotus {
        background-size: 33%;
        box-shadow: inset 0rem -2rem 10rem 2rem rgba(var(--admo-color-dark));
     }
  }
  
  .diss, .diss::selection {
  color: transparent;
  }

  Pages using this styling

  • fragment:9000contestampyrreference-1 (2) [info]
  • fragment:9000contestampyrreference-2 (2) [info]
  • fragment:9000contestampyrsome-1 (2) [info]

  ¶ 3 occurrences
  

  
  div[class$="_memo5"] {
      background: var(--memo5-logo) rgba(var(--memo5-color), 1);
      background-size: contain;
      background-position: center;
      background-repeat: no-repeat;
      min-height: 4rem;
      margin-inline: auto;
      margin-block: 2rem;
      padding-inline: 20px;
      padding-block: 10px;
      border: solid 4px rgba(240, 139, 136);
      text-align: center;
  }
  
  div[class$="_memo5"]::before {
      content: var(--memo5-heading);
      font-family: var(--UI-font);
      font-weight: 900;
      font-size: 1.3em;
      text-align: center;
      color: rgb(211, 1, 32);
      margin: 0 auto 1rem auto;
      display: flex;
      flex-direction: column;
      padding-top: 0.5em;
  }
  
  
  div.modalettra_memo5 {
      --memo5-logo: url(https://i.imgur.com/2Jyyis8.png);
      --memo5-color: 0,0,0;
  }
  

  Pages using this styling

  • fragment:9000contestampyrreference-1 [info]
  • fragment:9000contestampyrreference-2 [info]
  • fragment:9000contestampyrsome-1 [info]

  ¶ 3 occurrences
  

  
  div[class$="_memo4"] {
      background: var(--memo4-logo) rgba(var(--memo4-color), 1);
      background-size: contain;
      background-position: center;
      background-repeat: no-repeat;
      min-height: 4rem;
      margin-inline: auto;
      margin-block: 2rem;
      padding-inline: 20px;
      padding-block: 10px;
      border: solid 4px rgba(74, 230, 232);
      text-align: center;
  }
  
  div[class$="_memo4"]::before {
      content: var(--memo4-heading);
      font-family: var(--UI-font);
      font-weight: 900;
      font-size: 1.3em;
      text-align: center;
      color: rgb(211, 1, 32);
      margin: 0 auto 1rem auto;
      display: flex;
      flex-direction: column;
      padding-top: 0.5em;
  }
  
  
  div.modalcorbenese_memo4 {
      --memo4-logo: url(https://i.imgur.com/2Jyyis8.png);
      --memo4-color: 0,0,0;
  }
  

  Pages using this styling

  • fragment:9000contestampyrreference-1 [info]
  • fragment:9000contestampyrreference-2 [info]
  • fragment:9000contestampyrsome-1 [info]

  ¶ 3 occurrences
  

  
  div[class$="_memo2"] {
      background: var(--memo2-logo) rgba(var(--memo2-color), 1);
      background-size: contain;
      background-position: center;
      background-repeat: no-repeat;
      min-height: 4rem;
      margin-inline: auto;
      margin-block: 2rem;
      padding-inline: 20px;
      padding-block: 10px;
      border: solid 4px rgba(228, 67, 67);
      text-align: center;
  }
  
  div[class$="_memo2"]::before {
      content: var(--memo2-heading);
      font-family: var(--UI-font);
      font-weight: 900;
      font-size: 1.3em;
      text-align: center;
      color: rgb(228, 67, 67);
      margin: 0 auto 1rem auto;
      display: flex;
      flex-direction: column;
      padding-top: 0.5em;
  }
  
  
  div.modalpaleredblack_memo2 {
      --memo2-logo: url(https://i.imgur.com/2Jyyis8.png);
      --memo2-color: 0,0,0;
  }
  

  Pages using this styling

  • fragment:9000contestampyrreference-1 [info]
  • fragment:9000contestampyrreference-2 [info]
  • fragment:9000contestampyrsome-1 [info]

  ¶ 3 occurrences
  

  
  div[class$="_memo3"] {
      background: var(--memo3-logo) rgba(var(--memo3-color), 1);
      background-size: contain;
      background-position: center;
      background-repeat: no-repeat;
      min-height: 4rem;
      margin-inline: auto;
      margin-block: 2rem;
      padding-inline: 20px;
      padding-block: 10px;
      border: solid 4px rgba(211, 1, 32, 255);
      text-align: center;
  }
  
  div[class$="_memo3"]::before {
      content: var(--memo3-heading);
      font-family: var(--UI-font);
      font-weight: 900;
      font-size: 1.3em;
      text-align: center;
      color: rgb(211, 1, 32);
      margin: 0 auto 1rem auto;
      display: flex;
      flex-direction: column;
      padding-top: 0.5em;
  }
  
  
  div.modalredblack_memo3 {
      --memo3-logo: url(https://i.imgur.com/2Jyyis8.png);
      --memo3-color: 0,0,0;
  }
  

  Pages using this styling

  • fragment:9000contestampyrreference-1 [info]
  • fragment:9000contestampyrreference-2 [info]
  • fragment:9000contestampyrsome-1 [info]

  ¶ 3 occurrences
  

  
  @import url('https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+Antique:wght@300;400;500;700;900&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@700&display=swap');
  div.authorlink-wrapper{margin-top: var(--author-top-adjust, .2em) !important;}
  :root {
  --header-logo: url('https://i.imgur.com/leyXBPM.png');
  --title:"THE TRILATERUM";
  --subtitle:"IT'S ABOUT TIME.";
  --sidesubtitle: "TEXT";
  --sidelogo: url('https://i.imgur.com/leyXBPM.png');
  --header-font: 'Poppins';
  --body-font: 'Zen Kaku Gothic Antique', sans-serif;
  --basalt-undertone: 60,9,33;
  --swatch-menubg-black-color: 10,10,10;
  --general-border-color: 1,1,1;
  --swatch-menutxt-dark-color: 1,1,1;
  --UI-font: 'Poppins';
  --selection-background-color: 228, 13, 13;
  --link-color: 228, 13, 13;
  --link-visited-color: 171, 15, 15;
  --basalt-bright-element-color: var(--basalt-alternate-color);
  }
  a {
  font-family: var(--header-font-primary);
  }
  body:before {
   content: ' ';
    position: fixed;
    display: block;
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
  background-position:center;
  }
  body {
      background-image:url("https://i.imgur.com/o1rbrZG.png");
      background-attachment: fixed;
      background-size: 100%;
      background-repeat:repeat;
  
  }
  

  Pages using this styling

  • fragment:9000contestampyrreference-1 [info]
  • fragment:9000contestampyrreference-2 [info]
  • fragment:9000contestampyrsome-1 [info]

  ¶ 3 occurrences
  

  :root {
  
      /*----------------------*/
      /*---- BEDROCK VARS ----*/
      /*----------------------*/
  
      --header-logo: var(--logo);
      --logo: url('https://scp-wiki.wikidot.com/local--files/theme:basalt/basalt_scp_logo-for_lightmode.svg');
  
      --header-title: var(--title);
      --header-subtitle: var(--subtitle);
      --title: "SCP Foundation";
      --subtitle: "SECURE - CONTAIN - PROTECT";
  
      --main-content-width: 60rem;
      --main-content-top-margin: 1.5rem;
      --base-font-size: .875rem;
      --bottom-area-padding: calc(var(--true-font-size)*2);
      --side-bar-width: 17rem;
      --basalt-page-content-font-weight: 440;
  
      --header-font-primary: var(--UI-font-primary);
      --UI-font-primary: 'Sofia Sans';
  
      --basalt-overtone: 10, 10, 11;
      --basalt-undertone: var(--basalt-bright-element-color);
      --basalt-UI-dark-palette: 50, 50, 51;
      --basalt-bright-element-color: 150, 24, 43;
      --basalt-dark-element-color: 105, 17, 30;
      --basalt-alternate-color: 221, 119, 17;
      --basalt-primary-color: 252, 252, 252;
      --basalt-secondary-color: 245,245,245;
      --basalt-tertiary-color: 229, 229, 238;
      --basalt-main-text-color: 35, 35, 38;
  
      --title-border-color: var(--basalt-overtone);
      --license-area-divider-color: var(--basalt-overtone);
      --footer-divider-color: var(--basalt-overtone);
      --search-icon-color: var(--basalt-overtone);
      --hr-color: var(--general-border-color);
      --general-border-color: 220, 220, 220;
      --rate-module-cancel-color: var(--basalt-alternate-color);
      --scrollbar-thumb-color: var(--basalt-dark-element-color);
      --modal-fader-background-color: 0, 0, 0;
  
      --side-bar-heading-background-color: 0, 0, 2, 0.07;
      --side-bar-media-background-color: none; /* Disabled by default */
      --side-bar-resources-background-color: none; /* Disabled by default */
      --side-bar-button-background-hover: none; /* Disabled by default */
      --side-bar-heading-text-color-hover: 255, 255, 255, 0.4;
      --side-bar-button-color-hover: var(--side-bar-button-color);
  
      /*---------------------*/
      /*---- BASALT VARS ----*/
      /*---------------------*/
  
      --basalt-UI-background-color: var(--basalt-secondary-color);
      --header-background-color: var(--basalt-UI-background-color);
      --side-bar-background-color: var(--basalt-UI-background-color);
      --bottom-area-background-color: var(--basalt-UI-background-color);
      --edit-area-ancillary-background-color: var(--basalt-UI-background-color);
      --edit-area-toolbar-background-color: var(--basalt-UI-background-color);
      --button-background-color: var(--basalt-UI-background-color);
  
      --basalt-UI-text-color: var(--basalt-main-text-color);
      --header-title-color: var(--basalt-UI-text-color);
      --header-subtitle-color: var(--basalt-UI-text-color);
      --top-bar-link-color: var(--basalt-UI-text-color);
      --search-icon-color: var(--basalt-UI-text-color);
      --side-bar-heading-text-color: var(--basalt-UI-text-color);
      --side-bar-link-color: var(--basalt-UI-text-color);
      --bottom-area-text-color: var(--basalt-UI-text-color);
      --edit-area-ancillary-text-color: var(--basalt-UI-text-color);
      --edit-area-toolbar-icon-color: var(--basalt-UI-text-color);
      --button-text-color: var(--basalt-UI-text-color);
      --basalt-sub-text-color: var(--basalt-UI-text-color);
  
      --ACS-font: var(--header-font);
      --basalt-th-background-color: var(--basalt-UI-dark-palette);
      --basalt-th-text-color: var(--basalt-light-text-color);
      --image-caption-text-color: var(--basalt-main-text-color);
      --authorbox-background-color: var(--basalt-primary-color);
      --floatbox-background-color: 240, 240, 244;
      --document-background-color: 253, 253, 253;
      --darkdocument-background-color: 30, 30, 35;
  
      --header-drop-shadow-opacity: 0.1;
      --window-border-radius: 8px;
  
  /*------------------------*/
  /*---- BASALT CLASSES ----*/
  /*------------------------*/
  
  :is(div.blockquote, blockquote) {
      color: rgb(var(--basalt-main-text-color));
      overflow: auto;
  }
  
  :is(div.blockquote, blockquote):has(div.floatbox) {
      overflow: unset;
  }
  
  #page-content div.notation {
      max-width: 45rem;
  }
  
  div.notation {
      display: block;
      margin-inline: auto;
      margin-block: 1.4rem;
      padding-inline: 1.1rem;
      padding-block: 0.9rem;
      background-color: rgb(var(--basalt-secondary-color));
      border-left: solid 0.25rem rgb(var(--general-border-color));
      border-right: solid 0.25rem rgb(var(--general-border-color));
      color: rgb(var(--basalt-main-text-color));
  }
  
  #page-content div.modal {
      max-width: 57rem;
  }
  
  div.modal {
      display: block;
      margin-inline: auto;
      margin-block: 1.4rem;
      padding-inline: 1.5rem;
      padding-block: 0.5rem;
      background-color: rgb(var(--basalt-primary-color));
      border: solid 0.2rem rgb(var(--general-border-color));
      color: rgb(var(--basalt-main-text-color));
  }
  
  #page-content div.smallmodal {
      max-width: 47rem;
  }
  
  div.smallmodal {
      display: block;
      margin-inline: auto;
      margin-block: 1.4rem;
      padding-inline: 1rem;
      padding-block: 0.2rem;
      background-color: rgb(var(--basalt-primary-color));
      border: solid 0.15rem rgb(var(--general-border-color));
      color: rgb(var(--basalt-main-text-color));
  }
  
  #page-content div:is(.jotting, .transcript) {
      max-width: 42rem;
  }
  
  div:is(.jotting, .transcript) {
      display: block;
      margin-inline: auto;
      margin-block: 1.4rem;
      padding-inline: 1.5rem;
      padding-block: 0.2rem;
      background-color: rgb(var(--basalt-secondary-color));
      border: dashed 0.15rem rgb(var(--general-border-color));
      color: rgb(var(--basalt-main-text-color));
  }
  
  #page-content div.papernote {
      max-width: 30rem;
  }
  
  div.papernote {
      display: block;
      margin-inline: auto;
      margin-block: 1.4rem;
      padding: 1rem 2rem;
      background-color: rgb(var(--basalt-tertiary-color));
      color: rgb(var(--basalt-main-text-color));
  }
  
  #page-content div:is(.document, .darkdocument) {
      max-width: 45rem;
  }
  
  div:is(.document, .darkdocument) {
      display: block;
      margin-inline: auto;
      margin-block: 1.5em;
      padding: 1.5rem;
      position: relative;
      --posX: -20vw;
  }
  
  div.document {
      background-color: rgb(var(--document-background-color));
      box-shadow: 0px 1px 1.9px -4px rgba(0, 0, 0, 0.1), 0px 6px 15px -4px rgba(0, 0, 0, 0.2);
      color: rgb(50, 50, 53);
  }
  
  div.darkdocument {
      background-color: rgb(var(--darkdocument-background-color));
      box-shadow: 0px 1px 1.9px -4px rgba(0, 0, 10, 0.8), 0px 6px 15px -4px rgba(0, 0, 7, 0.9);
      color: rgb(195, 195, 200);
  }
  
  div:is(.document, .darkdocument)::before,
  div:is(.document, .darkdocument)::after {
      content: "";
      height: 98%;
      position: absolute;
      width: 98%;
      z-index: -1;
  }
  
  div:is(.document, .darkdocument)::before {
      left: -5px;
      top: 4px;
      transform: rotate(-2.5deg);
  }
  
  div:is(.document, .darkdocument)::after {
      right: -3px;
      top: 1px;
      transform: rotate(1.4deg);
  }
  
  div:is(.document)::before,
  div:is(.document)::after {
      background-color: rgb(var(--document-background-color));
  }
  
  div:is(.darkdocument)::before,
  div:is(.darkdocument)::after {
      background-color: rgb(var(--darkdocument-background-color));
      opacity: 90%;
  }
  
  div.document::before {
      box-shadow: 0px 1px 1.9px -4px rgba(0, 0, 0, 0.1), 0px 6px 15px -4px rgba(0, 0, 0, 0.1);
  }
  
  div.document::after {
      box-shadow: 0px 1px 1.9px -4px rgba(0, 0, 0, 0.1), 0px 6px 15px -4px rgba(0, 0, 0, 0.05);
  }
  
  div.darkdocument::before {
      box-shadow: 0px 1px 1.9px -4px rgba(0, 0, 10, 0.8), 0px 6px 15px -4px rgba(0, 0, 7, 0.9);
  }
  
  div.darkdocument::after {
      box-shadow: 0px 1px 1.9px -4px rgba(0, 0, 10, 0.8), 0px 6px 15px -4px rgba(0, 0, 7, 0.05);
  }
  
  @media only screen and (max-width: 1020px) {
  
      div:is(.document, .darkdocument)::before,
      div:is(.document, .darkdocument)::after {
       display: none;
      }
  }
  
  div[class$="_memo"] {
      background: var(--memo-logo) rgba(var(--memo-color), 1);
      background-size: contain;
      background-position: top center;
      background-repeat: no-repeat;
      min-height: 4rem;
      margin-inline: auto;
      margin-block: 2rem;
      padding-inline: 20px;
      padding-block: 10px;
      border: solid 2px rgba(0, 0, 0, 0.1);
      text-align: center;
  }
  
  div[class$="_memo"]::before {
      content: var(--memo-heading);
      font-family: var(--UI-font);
      font-weight: 900;
      font-size: 1.3em;
      text-align: center;
      margin: 0 auto 1rem auto;
      display: flex;
      flex-direction: column;
      padding-top: 0.5em;
  }
  
  div.raisa_memo {
      --memo-heading: "NOTICE FROM THE RECORDS AND INFORMATION SECURITY ADMINISTRATION";
      --memo-logo: url(https://scp-wiki.wikidot.com/local--files/theme:basalt/RAISA_LIGHTLOGO.png);
      --memo-color: 242, 242, 192;
  }
  
  div.classification_memo {
      --memo-heading: "CLASSIFICATION COMMITTEE MEMORANDUM";
      --memo-logo: url(https://scp-wiki.wikidot.com/local--files/theme:basalt/CLASSIFICATION_LIGHTLOGO.png);
      --memo-color: 237, 245, 243;
  }
  
  div.ettra_memo {
      --memo-heading: "NOTICE FROM THE EMERGENT THREAT TACTICAL RESPONSE AUTHORITY";
      --memo-logo: url(https://scp-wiki.wikidot.com/local--files/theme:basalt/ETTRA_LIGHTLOGO.png);
      --memo-color: 245, 215, 215;
  }
  
  div.ethics_memo {
      --memo-heading: "ETHICS COMMITTEE MEMORANDUM";
      --memo-logo: url(https://scp-wiki.wikidot.com/local--files/theme:basalt/ETHICS_LIGHTLOGO.png);
      --memo-color: 255, 219, 196;
  }
  
  div.temporal_memo {
      --memo-heading: "NOTICE FROM THE DEPARTMENT OF TEMPORAL ANOMALIES";
      --memo-logo: url(https://scp-wiki.wikidot.com/local--files/theme:basalt/DELTA_T_LIGHTLOGO.png);
      --memo-color: 255, 255, 255;
  }
  
  div.overwatch_memo {
      --memo-heading: "BY ORDER OF THE OVERSEER COUNCIL";
      --memo-logo: url(https://scp-wiki.wikidot.com/local--files/theme:basalt/O5_LIGHTLOGO.png);
      --memo-color: 227, 227, 227;
  }
  
  div.miscomm_memo {
      --memo-heading: "NOTICE FROM THE DEPARTMENT OF MISCOMMUNICATIONS";
      --memo-logo: url(https://scp-wiki.wikidot.com/local--files/theme:basalt/MISCOMM_LIGHTLOGO.png);
      --memo-color: 238, 237, 250;
  }
  
  div.tribunal_memo {
      --memo-heading: "VERDICT FROM THE INTERNAL TRIBUNAL DEPARTMENT";
      --memo-logo: url(https://i.imgur.com/qavdzCV.png);
      --memo-color: 206, 237, 214;
  }
  
  div.external_memo {
      --memo-heading: "MEMORANDUM FROM THE EXTERNAL RELATIONS BOARD";
      --memo-logo: url(https://i.imgur.com/Vr7NkgK.png);
      --memo-color: 228, 211, 240;
  }
  
  div.administrator_memo {
      --memo-heading: "FROM THE OFFICE OF THE ADMINISTRATOR";
      --memo-logo: url(https://i.imgur.com/LMiY83P.png);
      --memo-color: 148, 148, 148;
  }
  
  .table1 {
      --basalt-th-background-color: var(--one-color);
  }
  
  .table2 {
      --basalt-th-background-color: var(--two-color);
  }
  
  .table3 {
      --basalt-th-background-color: var(--three-color);
      --basalt-th-text-color: var(--basalt-main-text-color);
  }
  
  .table4 {
      --basalt-th-background-color: var(--four-color);
  }
  
  .table5 {
      --basalt-th-background-color: var(--five-color);
  }
  
  .table6 {
      --basalt-th-background-color: var(--six-color);
  }
  
  div:is(.table1, .table2, .table3, .table4, .table5, .table6) .scp-image-block {
      border-bottom-color: rgba(var(--basalt-th-background-color), 0.75);
  }
  
  div.tableb :is(#page-content table:not(.form), table.wiki-content-table) {
      border-collapse: separate;
      border-spacing: 4px;
  }
  
  span:is(.bigtext, .bt) {
      font-family: var(--header-font);
      font-weight: bold;
  }
  
  span:is(.specialtext, .st) {
      font-family: var(--UI-font);
      font-weight: bold;
  }
  
  :is(.table1, .table2, .table3, .table4, .table5, .table6) span:is(.st, .specialtext) {
      color: rgb(var(--basalt-th-background-color));
  }
  
  #page-content div.floatbox {
      background-color: rgb(var(--floatbox-background-color));
      float: left;
      max-width: calc(var(--main-content-width)/2.25);
      box-sizing: border-box;
      margin: 0.25rem 1.25rem;
      margin-left: clamp(calc(var(--main-content-width)/-4.5), calc((87.5vw - 95%)/-2), 0rem);
      padding-inline: 1.2rem;
      padding-block: 0.5rem;
      font-size: 0.9125em;
      border-radius: 7px;
      border: solid 0.12rem rgba(var(--general-border-color), 0.4);
  }
  
  #page-content div.floatbox.right {
      float: right;
      margin-left: 1.25rem;
      margin-right: clamp(calc(var(--main-content-width)/-4.5), calc((87.5vw - 95%)/-2), 0rem);
  }
  
  @media only screen and (max-width: 640px) {
      #page-content div:is(.floatbox, .floatbox.right) {
       float: none;
       margin: 0.5rem auto;
       width: 100%;
      }
  }
  
  :is(.table-no-border, .authorbox) td {
      border-color: transparent !important;
  }

  Pages using this styling

  • fragment:8000contestampyrsand-2 [info]
  • fragment:scp-9988-2 [info]
  • scp-8844 [info]

  ¶ 3 occurrences
  

  :root {
  --accent: 221, 207, 238;
  --header-txt-color: #ffffff;
  --misc-txt-color: #ffffff;
  --link-txt-color: #ddcfee;
  --link-hover-txt-color: white;
  --head-font: 'Monsterrat';
  --darkmode-gradient-top: #d9cbe9;
  --dark-bg-1: #2f333c;
  --dark-bg-2: #2f333c;
  }

  Pages using this styling

  • fragment:8000contestampyrsand-11 [info]
  • fragment:8000contestampyrsand-6 [info]
  • fragment:8000contestampyrsand-8 [info]

  ¶ 3 occurrences
  

  :root {
  
      /*----------------------*/
      /*---- BEDROCK VARS ----*/
      /*----------------------*/
  
      --header-logo: var(--logo);
      --logo: url('https://scp-wiki.wikidot.com/local--files/theme:basalt/basalt_scp_logo-for_lightmode.svg');
  
      --header-title: var(--title);
      --header-subtitle: var(--subtitle);
      --title: "SCP Foundation";
      --subtitle: "FINDING LOST PATHS";
  
      --main-content-width: 60rem;
      --main-content-top-margin: 1.5rem;
      --base-font-size: .875rem;
      --bottom-area-padding: calc(var(--true-font-size)*2);
      --side-bar-width: 17rem;
      --basalt-page-content-font-weight: 440;
  
      --header-font-primary: var(--UI-font-primary);
      --UI-font-primary: 'Sofia Sans';
  
      --basalt-overtone: 10, 10, 11;
      --basalt-undertone: var(--basalt-bright-element-color);
      --basalt-UI-dark-palette: 50, 50, 51;
      --basalt-bright-element-color: 150, 24, 43;
      --basalt-dark-element-color: 105, 17, 30;
      --basalt-alternate-color: 221, 119, 17;
      --basalt-primary-color: 252, 252, 252;
      --basalt-secondary-color: 245,245,245;
      --basalt-tertiary-color: 229, 229, 238;
      --basalt-main-text-color: 35, 35, 38;
  
      --title-border-color: var(--basalt-overtone);
      --license-area-divider-color: var(--basalt-overtone);
      --footer-divider-color: var(--basalt-overtone);
      --search-icon-color: var(--basalt-overtone);
      --hr-color: var(--general-border-color);
      --general-border-color: 220, 220, 220;
      --rate-module-cancel-color: var(--basalt-alternate-color);
      --scrollbar-thumb-color: var(--basalt-dark-element-color);
      --modal-fader-background-color: 0, 0, 0;
  
      --side-bar-heading-background-color: 0, 0, 2, 0.07;
      --side-bar-media-background-color: none; /* Disabled by default */
      --side-bar-resources-background-color: none; /* Disabled by default */
      --side-bar-button-background-hover: none; /* Disabled by default */
      --side-bar-heading-text-color-hover: 255, 255, 255, 0.4;
      --side-bar-button-color-hover: var(--side-bar-button-color);
  
      /*---------------------*/
      /*---- BASALT VARS ----*/
      /*---------------------*/
  
      --basalt-UI-background-color: var(--basalt-secondary-color);
      --header-background-color: var(--basalt-UI-background-color);
      --side-bar-background-color: var(--basalt-UI-background-color);
      --bottom-area-background-color: var(--basalt-UI-background-color);
      --edit-area-ancillary-background-color: var(--basalt-UI-background-color);
      --edit-area-toolbar-background-color: var(--basalt-UI-background-color);
      --button-background-color: var(--basalt-UI-background-color);
  
      --basalt-UI-text-color: var(--basalt-main-text-color);
      --header-title-color: var(--basalt-UI-text-color);
      --header-subtitle-color: var(--basalt-UI-text-color);
      --top-bar-link-color: var(--basalt-UI-text-color);
      --search-icon-color: var(--basalt-UI-text-color);
      --side-bar-heading-text-color: var(--basalt-UI-text-color);
      --side-bar-link-color: var(--basalt-UI-text-color);
      --bottom-area-text-color: var(--basalt-UI-text-color);
      --edit-area-ancillary-text-color: var(--basalt-UI-text-color);
      --edit-area-toolbar-icon-color: var(--basalt-UI-text-color);
      --button-text-color: var(--basalt-UI-text-color);
      --basalt-sub-text-color: var(--basalt-UI-text-color);
  
      --ACS-font: var(--header-font);
      --basalt-th-background-color: var(--basalt-UI-dark-palette);
      --basalt-th-text-color: var(--basalt-light-text-color);
      --image-caption-text-color: var(--basalt-main-text-color);
      --authorbox-background-color: var(--basalt-primary-color);
      --floatbox-background-color: 240, 240, 244;
      --document-background-color: 253, 253, 253;
      --darkdocument-background-color: 30, 30, 35;
  
      --header-drop-shadow-opacity: 0.1;
      --window-border-radius: 8px;
  
  /*------------------------*/
  /*---- BASALT CLASSES ----*/
  /*------------------------*/
  
  :is(div.blockquote, blockquote) {
      color: rgb(var(--basalt-main-text-color));
      overflow: auto;
  }
  
  :is(div.blockquote, blockquote):has(div.floatbox) {
      overflow: unset;
  }
  
  #page-content div.notation {
      max-width: 45rem;
  }
  
  div.notation {
      display: block;
      margin-inline: auto;
      margin-block: 1.4rem;
      padding-inline: 1.1rem;
      padding-block: 0.9rem;
      background-color: rgb(var(--basalt-secondary-color));
      border-left: solid 0.25rem rgb(var(--general-border-color));
      border-right: solid 0.25rem rgb(var(--general-border-color));
      color: rgb(var(--basalt-main-text-color));
  }
  
  #page-content div.modal {
      max-width: 57rem;
  }
  
  div.modal {
      display: block;
      margin-inline: auto;
      margin-block: 1.4rem;
      padding-inline: 1.5rem;
      padding-block: 0.5rem;
      background-color: rgb(var(--basalt-primary-color));
      border: solid 0.2rem rgb(var(--general-border-color));
      color: rgb(var(--basalt-main-text-color));
  }
  
  #page-content div.smallmodal {
      max-width: 47rem;
  }
  
  div.smallmodal {
      display: block;
      margin-inline: auto;
      margin-block: 1.4rem;
      padding-inline: 1rem;
      padding-block: 0.2rem;
      background-color: rgb(var(--basalt-primary-color));
      border: solid 0.15rem rgb(var(--general-border-color));
      color: rgb(var(--basalt-main-text-color));
  }
  
  #page-content div:is(.jotting, .transcript) {
      max-width: 42rem;
  }
  
  div:is(.jotting, .transcript) {
      display: block;
      margin-inline: auto;
      margin-block: 1.4rem;
      padding-inline: 1.5rem;
      padding-block: 0.2rem;
      background-color: rgb(var(--basalt-secondary-color));
      border: dashed 0.15rem rgb(var(--general-border-color));
      color: rgb(var(--basalt-main-text-color));
  }
  
  #page-content div.papernote {
      max-width: 30rem;
  }
  
  div.papernote {
      display: block;
      margin-inline: auto;
      margin-block: 1.4rem;
      padding: 1rem 2rem;
      background-color: rgb(var(--basalt-tertiary-color));
      color: rgb(var(--basalt-main-text-color));
  }
  
  #page-content div:is(.document, .darkdocument) {
      max-width: 45rem;
  }
  
  div:is(.document, .darkdocument) {
      display: block;
      margin-inline: auto;
      margin-block: 1.5em;
      padding: 1.5rem;
      position: relative;
      --posX: -20vw;
  }
  
  div.document {
      background-color: rgb(var(--document-background-color));
      box-shadow: 0px 1px 1.9px -4px rgba(0, 0, 0, 0.1), 0px 6px 15px -4px rgba(0, 0, 0, 0.2);
      color: rgb(50, 50, 53);
  }
  
  div.darkdocument {
      background-color: rgb(var(--darkdocument-background-color));
      box-shadow: 0px 1px 1.9px -4px rgba(0, 0, 10, 0.8), 0px 6px 15px -4px rgba(0, 0, 7, 0.9);
      color: rgb(195, 195, 200);
  }
  
  div:is(.document, .darkdocument)::before,
  div:is(.document, .darkdocument)::after {
      content: "";
      height: 98%;
      position: absolute;
      width: 98%;
      z-index: -1;
  }
  
  div:is(.document, .darkdocument)::before {
      left: -5px;
      top: 4px;
      transform: rotate(-2.5deg);
  }
  
  div:is(.document, .darkdocument)::after {
      right: -3px;
      top: 1px;
      transform: rotate(1.4deg);
  }
  
  div:is(.document)::before,
  div:is(.document)::after {
      background-color: rgb(var(--document-background-color));
  }
  
  div:is(.darkdocument)::before,
  div:is(.darkdocument)::after {
      background-color: rgb(var(--darkdocument-background-color));
      opacity: 90%;
  }
  
  div.document::before {
      box-shadow: 0px 1px 1.9px -4px rgba(0, 0, 0, 0.1), 0px 6px 15px -4px rgba(0, 0, 0, 0.1);
  }
  
  div.document::after {
      box-shadow: 0px 1px 1.9px -4px rgba(0, 0, 0, 0.1), 0px 6px 15px -4px rgba(0, 0, 0, 0.05);
  }
  
  div.darkdocument::before {
      box-shadow: 0px 1px 1.9px -4px rgba(0, 0, 10, 0.8), 0px 6px 15px -4px rgba(0, 0, 7, 0.9);
  }
  
  div.darkdocument::after {
      box-shadow: 0px 1px 1.9px -4px rgba(0, 0, 10, 0.8), 0px 6px 15px -4px rgba(0, 0, 7, 0.05);
  }
  
  @media only screen and (max-width: 1020px) {
  
      div:is(.document, .darkdocument)::before,
      div:is(.document, .darkdocument)::after {
       display: none;
      }
  }
  
  div[class$="_memo"] {
      background: var(--memo-logo) rgba(var(--memo-color), 1);
      background-size: contain;
      background-position: top center;
      background-repeat: no-repeat;
      min-height: 4rem;
      margin-inline: auto;
      margin-block: 2rem;
      padding-inline: 20px;
      padding-block: 10px;
      border: solid 2px rgba(0, 0, 0, 0.1);
      text-align: center;
  }
  
  div[class$="_memo"]::before {
      content: var(--memo-heading);
      font-family: var(--UI-font);
      font-weight: 900;
      font-size: 1.3em;
      text-align: center;
      margin: 0 auto 1rem auto;
      display: flex;
      flex-direction: column;
      padding-top: 0.5em;
  }
  
  div.raisa_memo {
      --memo-heading: "NOTICE FROM THE RECORDS AND INFORMATION SECURITY ADMINISTRATION";
      --memo-logo: url(https://scp-wiki.wikidot.com/local--files/theme:basalt/RAISA_LIGHTLOGO.png);
      --memo-color: 242, 242, 192;
  }
  
  div.classification_memo {
      --memo-heading: "CLASSIFICATION COMMITTEE MEMORANDUM";
      --memo-logo: url(https://scp-wiki.wikidot.com/local--files/theme:basalt/CLASSIFICATION_LIGHTLOGO.png);
      --memo-color: 237, 245, 243;
  }
  
  div.ettra_memo {
      --memo-heading: "NOTICE FROM THE EMERGENT THREAT TACTICAL RESPONSE AUTHORITY";
      --memo-logo: url(https://scp-wiki.wikidot.com/local--files/theme:basalt/ETTRA_LIGHTLOGO.png);
      --memo-color: 245, 215, 215;
  }
  
  div.ethics_memo {
      --memo-heading: "ETHICS COMMITTEE MEMORANDUM";
      --memo-logo: url(https://scp-wiki.wikidot.com/local--files/theme:basalt/ETHICS_LIGHTLOGO.png);
      --memo-color: 255, 219, 196;
  }
  
  div.temporal_memo {
      --memo-heading: "NOTICE FROM THE DEPARTMENT OF TEMPORAL ANOMALIES";
      --memo-logo: url(https://scp-wiki.wikidot.com/local--files/theme:basalt/DELTA_T_LIGHTLOGO.png);
      --memo-color: 255, 255, 255;
  }
  
  div.overwatch_memo {
      --memo-heading: "BY ORDER OF THE OVERSEER COUNCIL";
      --memo-logo: url(https://scp-wiki.wikidot.com/local--files/theme:basalt/O5_LIGHTLOGO.png);
      --memo-color: 227, 227, 227;
  }
  
  div.miscomm_memo {
      --memo-heading: "NOTICE FROM THE DEPARTMENT OF MISCOMMUNICATIONS";
      --memo-logo: url(https://scp-wiki.wikidot.com/local--files/theme:basalt/MISCOMM_LIGHTLOGO.png);
      --memo-color: 238, 237, 250;
  }
  
  div.tribunal_memo {
      --memo-heading: "VERDICT FROM THE INTERNAL TRIBUNAL DEPARTMENT";
      --memo-logo: url(https://i.imgur.com/qavdzCV.png);
      --memo-color: 206, 237, 214;
  }
  
  div.external_memo {
      --memo-heading: "MEMORANDUM FROM THE EXTERNAL RELATIONS BOARD";
      --memo-logo: url(https://i.imgur.com/Vr7NkgK.png);
      --memo-color: 228, 211, 240;
  }
  
  div.administrator_memo {
      --memo-heading: "FROM THE OFFICE OF THE ADMINISTRATOR";
      --memo-logo: url(https://i.imgur.com/LMiY83P.png);
      --memo-color: 148, 148, 148;
  }
  
  .table1 {
      --basalt-th-background-color: var(--one-color);
  }
  
  .table2 {
      --basalt-th-background-color: var(--two-color);
  }
  
  .table3 {
      --basalt-th-background-color: var(--three-color);
      --basalt-th-text-color: var(--basalt-main-text-color);
  }
  
  .table4 {
      --basalt-th-background-color: var(--four-color);
  }
  
  .table5 {
      --basalt-th-background-color: var(--five-color);
  }
  
  .table6 {
      --basalt-th-background-color: var(--six-color);
  }
  
  div:is(.table1, .table2, .table3, .table4, .table5, .table6) .scp-image-block {
      border-bottom-color: rgba(var(--basalt-th-background-color), 0.75);
  }
  
  div.tableb :is(#page-content table:not(.form), table.wiki-content-table) {
      border-collapse: separate;
      border-spacing: 4px;
  }
  
  span:is(.bigtext, .bt) {
      font-family: var(--header-font);
      font-weight: bold;
  }
  
  span:is(.specialtext, .st) {
      font-family: var(--UI-font);
      font-weight: bold;
  }
  
  :is(.table1, .table2, .table3, .table4, .table5, .table6) span:is(.st, .specialtext) {
      color: rgb(var(--basalt-th-background-color));
  }
  
  #page-content div.floatbox {
      background-color: rgb(var(--floatbox-background-color));
      float: left;
      max-width: calc(var(--main-content-width)/2.25);
      box-sizing: border-box;
      margin: 0.25rem 1.25rem;
      margin-left: clamp(calc(var(--main-content-width)/-4.5), calc((87.5vw - 95%)/-2), 0rem);
      padding-inline: 1.2rem;
      padding-block: 0.5rem;
      font-size: 0.9125em;
      border-radius: 7px;
      border: solid 0.12rem rgba(var(--general-border-color), 0.4);
  }
  
  #page-content div.floatbox.right {
      float: right;
      margin-left: 1.25rem;
      margin-right: clamp(calc(var(--main-content-width)/-4.5), calc((87.5vw - 95%)/-2), 0rem);
  }
  
  @media only screen and (max-width: 640px) {
      #page-content div:is(.floatbox, .floatbox.right) {
       float: none;
       margin: 0.5rem auto;
       width: 100%;
      }
  }
  
  :is(.table-no-border, .authorbox) td {
      border-color: transparent !important;
  }

  Pages using this styling

  • fragment:8000contestampyrsand-1 [info]
  • fragment:8000contestampyrsand-2 [info]
  • fragment:8000contestampyrsand-7 [info]

  ¶ 3 occurrences
  

  /* hiding the options on /forum */
  #page-options-container { display: none; }

  Pages using this styling

  • forum:category [info]
  • forum:start [info]
  • forum:thread [info]

  ¶ 3 occurrences
  

  
  #page-title,
  .meta-title {
      display: none;
  }
  

  Pages using this styling

  • fortune-favors-hub [info]
  • misterfrown-s-dumber-proposal [info]
  • ouroborealis [info]

  ¶ 3 occurrences
  

  @import url('https://scp-wiki.wdfiles.com/local--files/nsl213-pilesaran-and-soonesaran/PilesaranStylesheet.css');

  Pages using this styling

  • firstborn-soul [info]
  • metaphysician-karpin-proposal [info]
  • nsl213-pilesaran-and-soonesaran (2) [info]

  ¶ 3 occurrences
  

  .red {
      float: center;
      border: solid 2px #000000;
      padding: 1px 15px;
      margin: 10px;
      box-shadow: 0 1px 3px rgba(0,0,0,.2);
  }
  
  .email {
      border: solid 2px #000000;
      width: 88%;
      padding: 1px 15px;
      margin: 25px auto;
      box-sizing: border-box;
      box-shadow: 0 1px 3px rgba(0,0,0,.5);
  }
  
  .tofrom {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px maroon}
  

  Pages using this styling

  • echoes [info]
  • project-proposal-2012-120 [info]
  • project-proposal-2018-112 [info]

  ¶ 3 occurrences
  

  :root {
      --logo-image: url("https://scp-wiki.wdfiles.com/local--files/domc-hub/DoMC_Final.png");
      --header-title: "DoMC";
      --header-subtitle: "Solving Communications Problems";
  }

  Pages using this styling

  • domc-hub [info]
  • scp-zh-024 [info]
  • zoempaws-scp-9945-poster [info]

  ¶ 3 occurrences
  

  .rate-box-with-credit-button {
      background-color: #222e59!important; 
      border: 1px solid #0c1121!important;
      border-radius: 5px !important;
      box-shadow: 1px 1px 3px rgba(0,0,0,.5) !important;
  }
  .rate-box-with-credit-button .creditButton p a {
      border-left-color: #0c1121!important;
  }
  .rate-box-with-credit-button .page-rate-widget-box .cancel {
      border-radius: 0;
  }
  .rate-box-with-credit-button .page-rate-widget-box .rate-points {
      border-left: 0;
  }

  Pages using this styling

  • disgusting-things [info]
  • they-laid-down-the-law [info]
  • when-situations-degenerate [info]

  ¶ 3 occurrences
  

  /* Do not modify, unless u know what are u doing */
  .snowflake {
    color: #fff;
    font-size: 1em;
    font-family: Arial, sans-serif;
    text-shadow: 0 0 5px #000;
  }
  
  @-webkit-keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}@-webkit-keyframes snowflakes-shake{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}50%{-webkit-transform:translateX(80px);transform:translateX(80px)}}@keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}@keyframes snowflakes-shake{0%,100%{transform:translateX(0)}50%{transform:translateX(80px)}}.snowflake{position:fixed;top:-10%;z-index:9999;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default;-webkit-animation-name:snowflakes-fall,snowflakes-shake;-webkit-animation-duration:10s,3s;-webkit-animation-timing-function:linear,ease-in-out;-webkit-animation-iteration-count:infinite,infinite;-webkit-animation-play-state:running,running;animation-name:snowflakes-fall,snowflakes-shake;animation-duration:10s,3s;animation-timing-function:linear,ease-in-out;animation-iteration-count:infinite,infinite;animation-play-state:running,running}.snowflake:nth-of-type(0){left:1%;-webkit-animation-delay:20s,20s;animation-delay:20s,20s}.snowflake:nth-of-type(1){left:10%;-webkit-animation-delay:21s,21s;animation-delay:21s,21s}.snowflake:nth-of-type(2){left:20%;-webkit-animation-delay:26s,25s;animation-delay:26s,25s}.snowflake:nth-of-type(3){left:30%;-webkit-animation-delay:24s,22s;animation-delay:24s,22s}.snowflake:nth-of-type(4){left:40%;-webkit-animation-delay:22s,22s;animation-delay:22s,22s}.snowflake:nth-of-type(5){left:50%;-webkit-animation-delay:28s,23s;animation-delay:28s,23s}.snowflake:nth-of-type(6){left:60%;-webkit-animation-delay:26s,22s;animation-delay:26s,22s}.snowflake:nth-of-type(7){left:70%;-webkit-animation-delay:22.5s,21s;animation-delay:22.5s,21s}.snowflake:nth-of-type(8){left:80%;-webkit-animation-delay:21s,20s;animation-delay:21s,20s}.snowflake:nth-of-type(9){left:90%;-webkit-animation-delay:23s,21.5s;animation-delay:23s,21.5s}.snowflake:nth-of-type(10){left:25%;-webkit-animation-delay:22s,20s;animation-delay:22s,20s}.snowflake:nth-of-type(11){left:65%;-webkit-animation-delay:24s,22.5s;animation-delay:24s,22.5s}

  Pages using this styling

  • deer-college-mentor-event [info]
  • deer-college-spring-cleaning-event [info]
  • wackdog [info]

  ¶ 3 occurrences
  

  .team-mi-nav{
      background-color: black;
      border: outset 1.5px black;
      border-radius: 30px;
      color: black;
      background: linear-gradient(to bottom right, rgba(0,0,0,0), #8a93c4);
      font-weight: bold;
      font-size: 85%;
  }

  Pages using this styling

  • dead-reckoning [info]
  • scp-6904 [info]
  • wind-in-the-sails [info]

  ¶ 3 occurrences
  

  #header h2 span::before {
      content: 'Unusual Incidents Unit';
  }
  .uiu-header-box {
     border: solid 5px #999999;
     background:#eef0f2;
     padding: 10px;
     margin-bottom: 10px;
  }
  .uiu-header-box a.collapsible-block-link{
     font-size: 2em;
     font-weight: bold;
  }
  .uiu-file-box {
     border: solid 2px #000000;
     background: #eef0f2;
     padding: 10px;
     margin-bottom: 10px;
     overflow-x: auto;
  }
  .yui-navset .yui-nav {
      border: solid #999999;
      border-width: 5px 5px 0px 5px;
      background: #999999;
  }
  .yui-navset .yui-nav li {
      margin: 0px 2px 0px 0px;
      padding: 0px;
  }
  .yui-navset .yui-nav .selected {
      margin: 0px 2px 0px 0px;
      padding: 0px;
  }
  .yui-navset .yui-nav li em {
      font-family: courier, monospace !important;
      font-size: 12pt;
      font-weight: bold;
  }
  .yui-navset .yui-content {
      background: #eef0f2;
      border: solid 2px #000000;
  }
  .yui-navset .yui-nav a em {
      padding: 0px 5px 0px 5px;
  }
  .yui-navset .yui-nav .selected a em {
      padding: 0px 5px 0px 5px;
  }
  div.yui-navset ul.yui-nav a,
  div.yui-navset div.yui-navset-top ul.yui-nav a {
      background: #f4eede;
      border: solid #000000;
      border-width: 3px 3px 1px 3px;
  }
  div.yui-navset ul.yui-nav a:hover,
  div.yui-navset ul.yui-nav a:focus {
      background: #bfc3d4;
  }
  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: #0a0037;
      border: solid 3px #ffffff;
  }

  Pages using this styling

  • dead-man-walking [info]
  • dead-men-tell-tales [info]
  • paralaw [info]

  ¶ 3 occurrences
  

  :root {
  --cutColour: #fafafa;
  --barColour: #590505;
  --timeScale: 1;
  --timeDelay: 1s;
  --accentColor: 160, 44, 44;
  --dark-gray-monochrome: 55, 55, 55;
  --black-monochrome: 26, 26, 26;
  }

  Pages using this styling

  • cyvstvi-s-author-page [info]
  • the-assassins-of-lunakirk [info]
  • underneath [info]

  ¶ 3 occurrences
  

  .email-example .collapsible-block-folded a.collapsible-block-link {
  animation: blink 0.8s ease-in-out infinite alternate;
  }
  @keyframes blink {
  0% { color: transparent; }
  50%, 100% { color: #b01; }
  }
  .email {border: solid 2px #000000; width: 88%; padding: 1px 15px; margin: 10px; box-shadow: 0 1px 3px rgba(0,0,0,.5)}
  .email-example a.collapsible-block-link {font-weight: bold;}
  .tofrom {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px maroon}

  Pages using this styling

  • critter-profile-diomedes [info]
  • critter-profile-portia [info]
  • critter-profile-swift [info]

  ¶ 3 occurrences
  

  @import url('https://fonts.googleapis.com/css?family=Gochi+Hand|Source+Sans+Pro&display=swap');
  
  .rmpostcontainer
  {
      background-image: url('http://firedawnfolder.wikidot.com/local--files/component:larueposting/LaRueDesk.png');
      background-repeat: no-repeat;
      width: 100%; max-width: 660px;
      height: 980px;
      margin: 0px;
          padding: 60px 20px 0px 60px;
  }
  
  .rmpostcontent
  {
      font-family: 'Source Sans Pro', sans-serif;
      font-family: 'Gochi Hand', cursive;
      font-style: normal;
      font-size: 1.30em;
      color: #000;
      width: 530px;
      height: 880px;
      padding: 30px;
      margin: 0px;
      margin-top: -8px;
  }
  
  .rmpostmobiletitle
  {
      display: none;
  }
  
  .scribble
  {
      font-style: bold;
      font-size: 1.30em;
      color: #000;
      width: 300px;
      padding: 0px 0px 0px 20px;
      margin: 0px;
      margin-top: -8px;
      -ms-transform: rotate(20deg); /* IE 9 */
      transform: rotate(12deg); /* Standard syntax */
  }
  
  @media only screen and (max-width: 600px) {
  
      .rmpostcontainer {
          background-image: url("http://firedawnfolder.wikidot.com/local--files/component:larueposting/LaRueMobile.png");
          background-size: 100%;
          background-repeat: repeat;
          width: 100%;
          height: auto;
          padding: 0px;
          padding-top: 0px;
      }
  
      .rmpostcontent {
          font-size: 14pt;
          width: 85%;
          height: auto;
          padding: 10px 10px 0px 30px;
      }
  
      .rmposttitle {
          width: auto;
          height: auto;
          padding: 0px 20px 0px 70px;
      }
  
  }
  

  Pages using this styling

  • corax-ds-orrery [info]
  • fragment:components-gen2 [info]
  • scp-9445 [info]

  ¶ 3 occurrences
  

  /* bhl-style-collapse Sigma-9 Compatiblity Patch */
  #page-content .collapsible-block-folded, #page-content .collapsible-block-unfolded, #page-content .unfolded-collapse{
      line-height: 1.4;
  }
  #page-content .collapsible-block-folded .collapsible-block-link::before, #page-content .collapsible-block-unfolded .collapsible-block-link::before, #page-content .unfolded-collapse::before {
      font-family: monospace;
      font-size: 130%;
      margin-left: -0.4em
  }

  Pages using this styling

  • component:bhl-style-collapse [info]
  • scp-6479 [info]
  • scp-7407 [info]

  ¶ 3 occurrences
  

  
  :root {
      --header-title: "SCP Foundation";
      --header-subtitle: "Secure, Contain, Protect";
  }
  .danger-diamond > .arrows {
       top: 0;
  }

  Pages using this styling

  • come-find-us [info]
  • oris-box [info]
  • scp-7999 [info]

  ¶ 3 occurrences
  

  .hover {
  }
  .hover:hover {
   	text-decoration: none;
      border-bottom: none;
  }
  
  .hover span {	display: none;}
  .hover:hover span {
      position: absolute;
      display: inline;
      margin: auto;
      height: auto;
      width: auto;
      background: #FFF;
      border: 2px solid #34B;
      color: #000;
      padding: 1em;
  }
  .hover:hover span span {
      position: relative;
      margin: auto;
      height: auto;
      width: auto;
      border: none;
      padding: 0;
  }

  Pages using this styling

  • clock-multiplier [info]
  • null-terminating-string [info]
  • superencipherment [info]

  ¶ 3 occurrences
  

  .page-rate-widget-box{
  
  }
  
  .page-rate-widget-box .rate-points{
      background-color: #666;
      color: #FFF;
      font-weight: bold;
      padding: 0 10px;
      -moz-border-radius: 4px 0 0 4px;
  }	
  
  .page-rate-widget-box a{
      text-decoration: none;
      color: #000;
      background-color: #DDD;
      padding: 0 5px;
  }
  .page-rate-widget-box a:hover{
      background-color: #EEE;
  }
  
  .page-rate-widget-box .cancel, .page-rate-widget-box .cancel a{
      -moz-border-radius:  0 4px 4px  0;
  }

  Pages using this styling

  • channeling-flows [info]
  • finding-balance [info]
  • restoring-harmony [info]

  ¶ 3 occurrences
  

  /* Hide the original page title */
  #page-title {
    display: none;
  }
  
  .footnotes-footer {
  display:none;
  }

  Pages using this styling

  • cathy-autumn [info]
  • scp-7324 [info]
  • scp-8091 [info]

  ¶ 3 occurrences
  

  
  :root {
      --linkColor: #FC8391;
      --linkColor-newpage: #FC9958;
   
      --primaryBackgroundColor: #FFFFFF;
  
  #page-title {
    display: none;
  }

  Pages using this styling

  • calibold-harryblank-nico-proposal [info]
  • scp-8136 [info]
  • tall-and-short-tales-of-the-thieves-domain [info]

  ¶ 3 occurrences
  

  @import url('https://fonts.googleapis.com/css?family=Prompt:500');
  
  .snapchat, .snapchat-sender {
      font-family: "Prompt", "Trebuchet MS", sans-serif;
      font-weight: 500;
  }
  
  .snapchat {
      border-left: 6px solid #999;
      border-radius: 2px;
      margin: 8px;
      padding: 0 24px 0 4px;
      font-size: 17px;
      background: #e9ecf1;
      max-width: 460px !important;
  }
  
  .snapchat p {
      margin: 0;
      line-height: 1.55em;
  }
  
  .snapchat img {
      margin: 8px 0 8px 12px;
  }
  
  .snapchat-sender {
      font-size: 13px;
      position: relative;
      left: 7px;
      bottom: -12px;
      text-transform: uppercase;
  }
  
  .snapchat.snapchat-incoming {
      border-left-color: #18aaf8;
  }
  
  .snapchat.snapchat-outgoing {
      border-left-color: #f23b57;
  }
  
  .snapchat-sender.snapchat-incoming {
      color: #18aaf8;
  }
  
  .snapchat-sender.snapchat-outgoing {
      color: #f23b57;
  }
  
  .snapchat.snapchat-typing {
      border-left-width: 3px;
      background-color: white;
      padding-right: 0;
  }
  
  .snapchat.snapchat-typing:after {
      content: "typing...";
      font-size: small;
      color: #666;
      pointer-events: none;
  }
  
  @media (min-width: 480px) {
      .snapchat.snapchat-typing p:last-child {
          margin-bottom: -12px
      }
  
      .snapchat.snapchat-typing:after {
          content: url("https://scp-wiki.wdfiles.com/local--files/grin-and-bear-it/stacey-typing");
          position: relative;
          left: -7px;
          speak: none;
          pointer-events: none;
      }
  
      .jumbomoji {
          line-height: 48px;
          font-size: 32px;
          letter-spacing: -0.17em;
      }
  }
  

  Pages using this styling

  • cafeteria-chat [info]
  • grin-and-bear-it [info]
  • two-roads-diverge-tale [info]

  ¶ 3 occurrences
  

  .document {
      background: white;
      box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
      margin: 26px auto 0;
      max-width: 550px;
      padding: 24px;
      margin-bottom: 36px;
      position: relative;
      width: 80%;
  }
  .document:after {
      content: "";
      height: 98%;
      position: absolute;
      width: 100%;
      z-index: -1;
  }
  .document:before {
      background: #fafafa;
      box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
      left: -5px;
      top: 4px;
      transform: rotate(-2.5deg);
  }
  .document:after {
      background: #f6f6f6;
      box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
      right: -3px;
      top: 1px;
      transform: rotate(1.4deg);
  }

  Pages using this styling

  • bury-the-survivors-hub [info]
  • deadlined-hub [info]
  • wrong-tomorrow-hub [info]

  ¶ 3 occurrences
  

  :root {
      --accentColor: #f27329;
  --accentColorLite: #f27329;
      --header-title: "SUNSET";
      --header-subtitle: "Before the fall";
      --lgurl: url(https://scp-wiki.wdfiles.com/local--files/nightfall-hub/nightfall_sun.png);
  }

  Pages using this styling

  • blood-for-a-friend [info]
  • the-burned-boy [info]
  • the-man-from-ilcana [info]

  ¶ 3 occurrences
  

  :root {
    --accentColor: hsl(230, 100%, 80%);
    --accentColorLite: hsl(234, 100%, 70%);
    --hue: 230deg;
    --header-title: "ARCHETYPICALS";
    --header-subtitle: "STORIES ● COSMOS ● PHYSICS";
    --lgurl: url("https://scp-wiki.wdfiles.com/local--files/placeholder-mcd-s-authorpage/arche2.png");
  }

  Pages using this styling

  • blank [info]
  • cast [info]
  • placeholder [info]

  ¶ 3 occurrences
  

  div.article {
   background-color: white;
   background-repeat: no-repeat;
   min-height: 4rem;
   margin-inline: auto;
   margin-block: 2rem;
   margin-right: 11%;
   margin-left: 11%;
   padding-inline: 20px;
   padding-block: 10px;
   box-shadow: 1px 1px 2px 2px #ABABAB;
   text-align: center;
  }

  Pages using this styling

  • attempt-successful [info]
  • scp-8300 [info]
  • scp-8831 [info]

  ¶ 3 occurrences
  

  div.backaroo {
      background-color: #d4d4d4;
      background-size: contain;
      background-position: top center;
      background-repeat: no-repeat;
      min-height: 4rem;
      margin-inline: auto;
      margin-block: 2rem;
      padding-inline: 20px;
      padding-block: 10px;
      border: solid 0px rgba(0, 0, 0, 0.1);
      text-align: left;
  }

  Pages using this styling

  • attempt-successful [info]
  • scp-8300 [info]
  • scp-8831 [info]

  ¶ 3 occurrences
  

  :root {
      --header-title: "THE FOUNDATION";
      --header-subtitle: "MUSEUM FOR ANOMALOUS HISTORY";
      --logo: url('https://scp-wiki.wdfiles.com/local--files/scp-8300/Artboard%202.svg');
  }

  Pages using this styling

  • attempt-successful [info]
  • scp-8300 [info]
  • scp-8831 [info]

  ¶ 3 occurrences
  

  :root{
    --header-title: "S\0026 C PLASTICS";
    --header-subtitle: "SITE-87, NARRATIVE AND NEXOLOGICAL STUDIES";
  }
  
  div#extra-div-1 {
      background-image: url(https://scp-wiki.wdfiles.com/local--files/the-s-c-plastics-hub/Big87.png);
      filter: opacity(20%);
  }

  Pages using this styling

  • attack-of-the-keter-skeeters [info]
  • crying-over-coffee [info]
  • theme:blankstyle [info]

  ¶ 3 occurrences
  

  /* 2021 wikidot theme */
  /* by UnnaHuz */
  
  :root {
    --gradient-sidemenu-header: linear-gradient(10deg,rgba(70,107,115,0.45),rgba(var(--medium-accent),0.55));
    --header-gradient-color-bottom: 70,107,115;
    --header-subtitle: "Skies Made Strange";
    --pale-accent: 124,167,175;
  }
  #header h2 span {
      color: transparent;
      text-shadow: none;
  }
   
  #header h2 span::before {
      content: 'Skies Made Strange';
      color: #efefef;
      text-shadow: 1px 1px 1px rgba(0,0,0,.8);
  }
  

  Pages using this styling

  • as-skies-frozen [info]
  • the-countless-first-briefing [info]
  • timeelapsed [info]

  ¶ 3 occurrences
  

  .footnotes-footer {
      visibility: hidden;
  }

  Pages using this styling

  • as-bruises-linger-and-munitions-molder [info]
  • drinking-doubt-dry [info]
  • hybrid-analysis-and-advisement-hmid1014 [info]

  ¶ 3 occurrences
  

  h1{text-align: center;}

  Pages using this styling

  • art:wettlesweep [info]
  • yourjouney-part-2 [info]
  • yourjouney-part-3 [info]

  ¶ 3 occurrences
  

  :root {
    --swatch-background: 255, 255, 255;
    --background-gradient-distance: 0rem;
  }

  Pages using this styling

  • art:the-king-has-died [info]
  • art:they-thought-he-was-your-boyfriend [info]
  • cheers-to-new-beginnings [info]

  ¶ 3 occurrences
  

  .le{
  padding: 5px 5px 5px 15px;
  margin-bottom:10px;
  font-family: monospace;
  font-size: 1.1em; }
  
  .lol{
  background-color:#001322;
  border: 3px solid #5577aa;
  color: #7799cc;
  }
  

  Pages using this styling

  • art:the-art-of-project-cerberus [info]
  • project-cerberus [info]
  • scp-6014 [info]

  ¶ 3 occurrences
  

  :root {
      --logo-image: url("https://scp-wiki.wdfiles.com/local--files/from-120-s-archives-hub/pride120.png");
      --header-title: "Site-120";
      --header-subtitle: "Fighting Fire With Fire";
  --cutColour: #fafafa;
  --barColour: #590505;
  --timeScale: 1;
  --timeDelay: 1s;
  --accentColor: 160, 44, 44;
  --dark-gray-monochrome: 55, 55, 55;
  --black-monochrome: 26, 26, 26;
  }

  Pages using this styling

  • art:sketches-made-by-o5-4-the-annalist-during-his-visit-to-s [info]
  • scp-7600 [info]
  • scp-8120 [info]

  ¶ 3 occurrences
  

  :root {
       --header-title: "SCP FOUNDATION";
       --header-subtitle: "SECURE - COINTAIN - PROTECT";
       --header-font: 'Poppins'
  }

  Pages using this styling

  • art:for-honor-paragon [info]
  • art:scp-7179-animation-scenes [info]
  • duy-giang-s-artworks [info]

  ¶ 3 occurrences
  

  /*art-exchange-2025-hub*/a#history-button, a#files-button {
  display: none !important;
  }

  Pages using this styling

  • art-exchange-2025-hub [info]
  • fragment:onedamnation-0 [info]
  • fragment:onedamnation-1 [info]

  ¶ 3 occurrences
  

  sup {
  
  vertical-align: top; position: relative; top: -0.5em;
  }

  Pages using this styling

  • an-ending-is-only-tragic [info]
  • come-together-right-now-over-me [info]
  • snap-crackle-pop [info]

  ¶ 3 occurrences
  

  #u-blink-bar p:last-child::after {
      content: "";
      border-right: 1px solid black;
      animation: blink 1s infinite;
      position: relative;
      left: 1px;
  }
   
  @keyframes blink{
      to {
          opacity: .0;
      }
  }

  Pages using this styling

  • amnesia-was-fir-name [info]
  • scp-6120 [info]
  • the-queen-in-green [info]

  ¶ 3 occurrences
  

  
  html {
     -webkit-filter: grayscale(1); /* Older Webkit */
     -webkit-filter: grayscale(100%);
     -moz-filter: grayscale(100%);
     -ms-filter: grayscale(100%);
     -o-filter: grayscale(100%);
     filter: grayscale(100%);
     background-color: white;
  }
  

  Pages using this styling

  • am-i-in-heaven [info]
  • open-water [info]
  • scp-8380 [info]

  ¶ 3 occurrences
  

  .page {
      display: block;
      overflow: hidden;
      font-size: 175%;
      font-family: "VT323", "Courier New";
      font-style: normal;
  
      background-attachment: scroll;
      background-clip: border-box;
      background-color: transparent;
      background-image: linear-gradient(to top ,rgb(202, 219, 228) 0%, rgb(231, 233, 220) 8%);
      background-origin: padding-box;
      background-position: 0px 8px;
      background-repeat: repeat;
      background-size: 100% 20px;
  
      border: 1px solid #CCC;
      border-radius: 10px;
      padding: 10px 10px;
      margin-bottom: 10px;
  
      box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2)
      }
  .page p,
  .page ul {
      line-height: 20px;
      margin: 0;
  }
  .danke{
  padding: 5px 5px 5px 15px;
  margin-bottom:10px;
  font-family: monospace;
  font-size: 1.5em; }
  
  .agent{
  background-color:#002200;
  border: 3px solid #55AA55;
  color: #77CC77;
  }
  
  .site{
  background-color:#222200;
  border: 3px solid #AAAA55;
  color: #DDDD77;
  }
  
  .brief {
      margin: 15px;
      padding: 24px;
      border: 3px solid black;
      border-radius: 12px;
      background-color: #FFFFFF;
      box-shadow: 5px 8px;
  }
  
  div#header h1 a span {
      font-size: 0px;
  }

  Pages using this styling

  • abatement-failure-1966 [info]
  • got-your-whiskers-in-a-zwist [info]
  • the-good-work [info]

  ¶ 3 occurrences
  

  /* Hide the original page title */
  #page-title {
    display: none;
  }
  

  Pages using this styling

  • a-shadow-over [info]
  • please-g-d-dont-kill-yourself [info]
  • scp-6109 [info]

  ¶ 3 occurrences
  

  .page {
      display: block;
      overflow: hidden;
      font-style: normal;
      background-attachment: scroll;
      background-clip: border-box;
      background-color: transparent;
      background-image: linear-gradient(to top ,rgb(202, 219, 228) 0%, rgb(231, 233, 220) 8%);
      background-origin: padding-box;
      background-position: 0px 8px;
      background-repeat: repeat;
      background-size: 100% 20px;
      border: 1px solid #CCC;
      border-radius: 10px;
      padding: 10px 10px;
      margin-bottom: 10px;
      box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2)
  }
  .page p,
  .page ul {
      line-height: 20px;
      margin: 0;
  }

  Pages using this styling

  • a-glance-onto-perfection [info]
  • fragment:scp-7805-5 [info]
  • scp-8309 [info]

  ¶ 3 occurrences
  

  @import url(http://scpsandboxcn.wikidot.com/snow-dance/code/1);
  @import url(http://scpsandboxcn.wikidot.com/night-sky/code/1);

  Pages using this styling

  • a-christmas-caterwaul [info]
  • happy-howlidays [info]
  • holy-crap-this-is-a-long-christmas-tale [info]

  ¶ 3 occurrences
  

  @import url('https://fonts.googleapis.com/css?family=Prompt:500');
  
  .snapchat, .snapchat-sender {
      font-family: "Prompt", "Trebuchet MS", sans-serif;
      font-weight: 500;
  }
  
  .snapchat {
      border-left: 6px solid #999;
      border-radius: 2px;
      margin: 8px;
      padding: 0 24px 0 4px;
      font-size: 17px;
      background: #e9ecf1;
      max-width: 460px !important;
  }
  
  .snapchat p {
      margin: 0;
      line-height: 1.55em;
  }
  
  .snapchat img {
      margin: 8px 0 8px 12px;
  }
  
  .snapchat-sender {
      font-size: 13px;
      position: relative;
      left: 7px;
      bottom: -12px;
      text-transform: uppercase;
  }
  
  .snapchat.snapchat-incoming {
      border-left-color: #18aaf8;
  }
  
  .snapchat.snapchat-outgoing {
      border-left-color: #f23b57;
  }
  
  .snapchat-sender.snapchat-incoming {
      color: #18aaf8;
  }
  
  .snapchat-sender.snapchat-outgoing {
      color: #f23b57;
  }
  
  .snapchat.snapchat-typing {
      border-left-width: 3px;
      background-color: white;
      padding-right: 0;
  }
  
  .snapchat.snapchat-typing:after {
      content: "typing...";
      font-size: small;
      color: #666;
      pointer-events: none;
  }
  
  @media (min-width: 480px) {
      .snapchat.snapchat-typing p:last-child {
          margin-bottom: -12px
      }
  
      .snapchat.snapchat-typing:after {
          content: url("http://scp-wiki.wdfiles.com/local--files/grin-and-bear-it/stacey-typing");
          position: relative;
          left: -7px;
          speak: none;
          pointer-events: none;
      }
  
      .jumbomoji {
          line-height: 48px;
          font-size: 32px;
          letter-spacing: -0.17em;
      }
  }
  

  Pages using this styling

  • a-bearly-thought-out-plan [info]
  • scp-4145 [info]
  • snapchat-trilobash-cannon-fire-can-t-fix-everything [info]

  ¶ 3 occurrences
  

  :root {
  --header-title: "SCP: North Star";
  --header-subtitle: "Chapter 1 - Humans and Horrors";
  --lgurl: url('http://scp-wiki.wikidot.com/local--files/beyond-the-depths-part1/Omega7-splash.png');
  }

  Pages using this styling

  • 7-levels-of-17 [info]
  • beige-folder [info]
  • beyond-the-depths-part1 [info]

  ¶ 3 occurrences
  

  @import url('https://fonts.googleapis.com/css2?family=Stick+No+Bills:wght@200..800&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Macondo&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Jolly+Lodger&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Mynerve&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Cabin+Sketch:wght@400;700&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Patrick+Hand&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Michroma&display=swap');

  Pages using this styling

  • 66-kaleidoscope [info]
  • 67-terminal-terminal [info]
  • fragment:66-kaleidoscope-offset-1 [info]

  ¶ 3 occurrences
  

  @import url('https://fonts.googleapis.com/css2?family=Vast+Shadow&display=swap');
  
  .staticTransition {
      background-image: url(https://scp-wiki.wdfiles.com/local--files/pseudogenesis-productions-hub/Vhs_Glitch-cropped-flipped.gif);
      background-position-x: center;
      background-clip: border-box;
      width: 100%;
      height: 4em;
      overflow: hidden;
      background-size: cover;
      padding: 0em 1.5em;
      margin-left: -1.5em;
  }
  
  div#extra-div-1 {
      height: 150px;
      background-image: url('http://scp-wiki.wikidot.com/local--files/theme:queerstyle/Pseudogenesis_Logo_Flatter.png');
  }
  
  :root {
      --header-title: "Pseudogenesis Productions";
      --header-subtitle: "Art Imitates Life";
  }
  
  #header h1 a::before, #header h2 p{
      font-size: 0.7em;
      font-family: "Vast Shadow", serif !important;
  }
  
  @media only screen and (max-width: 600px) {
      #header h1 a::before, #header h2 p{
          font-size: 0.6em;
      }
  }
  

  Pages using this styling

  • 4012-the-play [info]
  • bridge [info]
  • self-expression-collection [info]

  ¶ 3 occurrences
  

  .document {
      padding: 4px 16px 4px 16px;
      box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
      width: 85%;
      margin: auto;
      margin-bottom: 28px;
      margin-top: 28px;
      background: white;
      border: solid 2px #5D5D5D;
  }
  .muddle {
      padding: 4px 16px 4px 16px;
      box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
      width: 85%;
      margin: auto;
      margin-bottom: 28px;
      margin-top: 28px;
      background: #E9FBDF;
      border: solid 2px #5D5D5D;
  }

  Pages using this styling

  • 18-the-only-constant [info]
  • 19-detour-de-force [info]
  • 21-the-short-version [info]

  ¶ 2 occurrences
  

  import url(/component:scp-pride/code/1);

  Pages using this styling

  • your-very-first-scp [info]
  • your-very-last-scp [info]

  ¶ 2 occurrences
  

  :root { --body-font: 'Noto Sans Cuneiform', 'Inter', 'Arial', sans-serif; 
    --header-height: clamp(10rem,55vmin,40rem);
    --header-image: url("https://scp-wiki.wikidot.com/local--files/where-there-is-desire-there-is-gonna-be-a-flame/Hege%20cropped.png");
  }
  #extra-div-1 {
      background-position: top;
  }

  Pages using this styling

  • where-there-is-a-flame-someone-is-bound-to-get-burned [info]
  • where-there-is-desire-there-is-gonna-be-a-flame [info]

  ¶ 2 occurrences
  

  @import url(/component:UIUtheme/code/1);

  Pages using this styling

  • uiu-file-2016-004 [info]
  • yellow-plumbers [info]

  ¶ 2 occurrences
  

  @import url('https://fonts.googleapis.com/css2?family=Redacted&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Zilla+Slab:wght@500&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Outfit&display=swap');
  
  :root {
     --blue-grey: 11, 11, 13;
     --blue-highlighter: 158, 174, 219;
     --sterile-container: 160, 190, 217;
  
     --logo-image: url("https://scp-wiki.wdfiles.com/local--files/unusual-incidents-unit-hub/FBI_HeaderLogo.png");
  
     --header-height-on-desktop: 12.5rem;
     --header-height-on-mobile: 12.5rem;
  
     --swatch-background: var(--blue-grey);
  
     --hover-link-color: var(--blue-highlighter);
     --newpage-color: var(--sterile-container);
     --link-color: var(--sterile-container);
     --visited-link-color: var(--grey-child);
  }
  
  #header h1 a {
     width: 200%;
     background-image: url("https://scp-wiki.wdfiles.com/local--files/unusual-incidents-unit-hub/FBI_Plate-A.png");
  }
  
  @media only screen and (max-width: 56.25rem) {
     :root {
        --logo-image: url("https://scp-wiki.wdfiles.com/local--files/unusual-incidents-unit-hub/empty.png");
     }
      #header h1 a {
         background-image: url("https://scp-wiki.wdfiles.com/local--files/unusual-incidents-unit-hub/FBI_Plate-M.png");
         width: min(15em);
         margin-left: 1.25em;
      }
  }
  
  #extra-div-1 {
     background-size: calc(var(--header-height-on-desktop) * 2.5);
     background-image: url("https://scp-wiki.wdfiles.com/local--files/unusual-incidents-unit-hub/FBI_Grid.png");
     mix-blend-mode: normal;
     opacity: 0.475;
  }
  
  .code {
     background-color: rgb(var(--believe-white));
     max-width: 100%;
  }
  
  #page-content div#toc {
     background-color: rgb(var(--einhander-gun));
  }
  
  /* PAGE DIVs */
  .motto1 {
     width: 100%;
     font-family: 'Zilla Slab', serif;
     font-size: 2rem;
     line-height: 1.85rem;
     text-align: center;
  }
  
  .motto2 {
     font-family: 'Outfit', sans-serif;
     font-size: 1.55rem;
     text-decoration: underline;
  }
  
  .linkswitcher {
     --hover-link-color: var(--red-room);
     --newpage-color: var(--skinner);
     --link-color: var(--coffee-ring);
     --visited-link-color: var(--saucer-steel);
  }
  
  .linkswitcher hr {
      background-color: rgb(var(--faded-type));
      border-top: .0625rem solid rgb(var(--faded-type)) !important;
  }
  
  .singleliner p {
      margin-bottom: 0em;
  }
  
  .hoverboxer:hover {
     outline: 5px rgba(255, 255, 0, 0.4) solid;
     background-color: rgba(255, 255, 0, 0.4);
  }

  Pages using this styling

  • uiu-1929-13 [info]
  • unusual-incidents-unit-hub [info]

  ¶ 2 occurrences
  

  #page-title {
      visibility:hidden;
  }
  
  .page {
      display: block;
      overflow: hidden;
      font-family: "Monotype Corsiva", "Bradley Hand ITC", sans-serif;
      font-size: 22px;
      font-style: normal;
      background-attachment: scroll;
      background-clip: border-box;
      background-color: #130A01;
      background-origin: padding-box;
      background-position: 0px 8px;
      background-repeat: repeat;
      background-size: 100% 20px;
      border: 1px solid #CCC;
      border-radius: 10px;
      padding: 10px 10px;
      margin-bottom: 10px;
      box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
  
  }
  
  .page p,
  .page ul {
      line-height: 20px;
      margin: 0;
  }
  
  div.blockquote.gru {
      background-color: #202220;
  }

  Pages using this styling

  • theoldmasters [info]
  • your-memory-forever-seen [info]

  ¶ 2 occurrences
  

  @import url('https://scp-wiki.wdfiles.com/local--code/theme%3Ay2k/1');

  Pages using this styling

  • theme:retro-aiad-theme [info]
  • theme:y2k [info]

  ¶ 2 occurrences
  

  
  @import url("https://nu-scptheme.github.io/Black-Highlighter/css/min/normalize.min.css");
  @import url("https://nu-scptheme.github.io/Black-Highlighter/css/min/black-highlighter.min.css");
  #page-title, #breadcrumbs {
      text-align: center !important;
  }
  
  .scp-image-block.block-right {
      margin: 1em 0 1em 2em;
  }
  
  .scp-image-block > a:first-of-type {
      background: var(--gradient-header);
  }
  
  .scp-image-block .printuser img.small {
      width: initial;
  }
  
  .scp-image-block img {
      min-width: 100%;
      -webkit-box-sizing: border-box;
         -moz-box-sizing: border-box;
              box-sizing: border-box;
      padding: 0.5em;
  }

  Pages using this styling

  • theme:penumbra-bhl [info]
  • theme:shark-punching-centre-bhl [info]

  ¶ 2 occurrences
  

  .preview .span, .infobox { display: none !important; }

  Pages using this styling

  • themanhattenprojects-author-page [info]
  • this-page-intentionally-left-blank [info]

  ¶ 2 occurrences
  

  #pagerate-button {
      display: none;
  }

  Pages using this styling

  • the-things-dr-bright-is-not-allowed-to-do-at-the-found [info]
  • the-things-dr-bright-is-not-allowed-to-do-at-the-foundation [info]

  ¶ 2 occurrences
  

   :root{
     /* -- COLORS -- */
       --accentColor: hsl(0, 89%, 41%);
       --accentColorLite: hsla(0, 89%, 51%, .5);
       --hue: 0deg;
  
     /* -- LOGO -- */
       --lgurl: url(https://scp-wiki.wdfiles.com/local--files/nightfall-hub/moon1.png);
  
     /* -- TITLES -- */
       --header-title: "NIGHTFALL";
       --header-subtitle: "Songs of the Crimson Moon";
  
     /* -- STATIC COLORS -- */
       --textColor: hsl(212, 3%, 75%);
       --bgColor: hsl(220, 20%, 10%);
  }
  
   #extra-div-1{
       filter: opacity(.2) saturate(1.25) brightness(1.25);
  }

  Pages using this styling

  • the-tale-of-modrins-tower [info]
  • the-tale-of-yolph-thrice-slain [info]

  ¶ 2 occurrences
  

  :root {
    --accentColor: #FF5512;
    --header-title: "DAYBREAK";
    --header-subtitle: "SOL'S CRUEL PLANET";
    --lgurl: url("https://scp-wiki.wdfiles.com/local--files/daybreak/daybreaklogo.png");
  }

  Pages using this styling

  • the-sun-ever-sets-on-the-british-empire [info]
  • unexpected-light [info]

  ¶ 2 occurrences
  

  :root {
    --accentColor: 5,195,221;
    --darkColor: 2,9,54;
  }

  Pages using this styling

  • the-scip-squad-podcast-hub [info]
  • tstaffor-s-ascpii-art [info]

  ¶ 2 occurrences
  

  .pandorum {
      color: #39f;
      font-weight: bold;
  }

  Pages using this styling

  • the-cologne-massacre [info]
  • vanishing-of-nils [info]

  ¶ 2 occurrences
  

  div#extra-div-1 {
      background-image: url('https://scp-wiki.wdfiles.com/local--files/theme%3Aqueerstyle/SiteLogo_1.png');
      filter: opacity(0.6);
  }

  Pages using this styling

  • stuck-song-syndrome [info]
  • welcome-to-site [info]

  ¶ 2 occurrences
  

  :root {
  
    --accentColor: 162, 237, 255;
  }
  

  Pages using this styling

  • strange-matter-art-hub [info]
  • strange-matter-writes [info]

  ¶ 2 occurrences
  

  :root {
    --accentColor: #d8c4ab;
  }
  }

  Pages using this styling

  • spyhopping [info]
  • whalefall [info]

  ¶ 2 occurrences
  

  
  #content-wrap::before {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background-repeat: repeat-x;
    pointer-events: none;
    opacity: 0.0;
  }
  .inset{
  border: 1px black solid;
  padding: 5px;
  }
  :root {
      --header-subtitle: "Search. Punch. Conquer.";
  }

  Pages using this styling

  • spc-166 [info]
  • spc-408 [info]

  ¶ 2 occurrences
  

  :root{
    --header-title: "Site-⌘";
    --header-subtitle: "Stop Making Sense";
    --accentColor: #e41b21;
  }
  
  div#extra-div-1 {
      background-image: url(https://scp-wiki.wdfiles.com/local--files/scp-6445/Surrealistics-Logo.png);
      filter: opacity(20%);
  }

  Pages using this styling

  • slippery-people [info]
  • stop-making-sense [info]

  ¶ 2 occurrences
  

  @import url('https://fonts.googleapis.com/css?family=Electrolize|Slabo+13px');
  @import url('https://fonts.googleapis.com/css?family=Special+Elite');

  Pages using this styling

  • slayer-of-wickedness [info]
  • the-fruit-of-eight-millennia [info]

  ¶ 2 occurrences
  

  .pagetree:not(.user-2893766+.pagetree) { display:none }

  Pages using this styling

  • site-69 [info]
  • site-69-ii [info]

  ¶ 2 occurrences
  

  sup {
  
  vertical-align: top; position: relative; top: -0.5em;
  }
  @media (max-width: 1600px) {
     .desktop-only{ display: none; visibility:hidden }
  }

  Pages using this styling

  • site-14-secure-facility-dossier [info]
  • what-is-a-promotional-post [info]

  ¶ 2 occurrences
  

  sup {
  vertical-align: top; position: relative; top: -0.5em;
  }
  :root{
  --cutColour: #fafafa;
  --barColour: #590505;
  }
  
  .info-container .collapsible-block-folded a{
  color: #FFF;}
  .info-container .collapsible-block-unfolded-link a{
  color: #FFF;}

  Pages using this styling

  • simply-love [info]
  • the-watchman [info]

  ¶ 2 occurrences
  

  .content-type-description .wiki-content-table td:nth-child(2) {
      width: 3.75rem;
      text-align: end;
      padding-inline: 0.625rem;
  }

  Pages using this styling

  • shortest-pages-this-month [info]
  • top-rated-pages-this-month [info]

  ¶ 2 occurrences
  

  @font-face {
      font-family: 'Josefin Sans';
      src: url(https://cdn.jsdelivr.net/gh/SYwaves/Webfont-Archive@master/Josefin-Sans-Bold.woff2) format("woff2");
      font-weight: bold;
      font-style: normal;
      font-display: swap;
  }

  Pages using this styling

  • secure-facility-dossier-site-22 [info]
  • story-of-bucephalus [info]

  ¶ 2 occurrences
  

  
  /* Schemata Theme */
  /* by syuzhet */
  
  /*
  
  Hello.
  
  This code was cruft by morally neutral hands.
  
  There is nothing here for you but a carefully unaligned, room temperature feeling, member of the tech team.
  
  Turn back now!
  
  */
  
  /* FOR TRANSLATORS:
  
  Hi, translator!
  
  For quality assurance purposes, please contact syuzhet over Wikidot PMs or Discord for a translated version of the hub image. Give me a translation for the theme words, the top left text, and optionally, the bottom right text and I will produce a bespoke version of the image for you.
  
  Thank you!
  
  */
  
  @import url('https://fontlibrary.org/face/fantasque-sans-mono');
  
  :root {
      --basalt-secondary-color: 215, 210, 185;
      --basalt-tertiary-color: 215, 210, 185;
  
      --basalt-overtone: 164, 155, 150;
      --basalt-undertone: 164, 155, 150;
      --basalt-bright-element-color: 164, 155, 150;
      --basalt-dark-element-color: 164, 155, 150;
  
      --link-color: 142, 86, 71;
      --link-visited-color: 142, 86, 71;
      --link-newpage-color: 142, 86, 71;
  
      --general-border-color: 215, 210, 185;
  
      --login-status-link-background-hover: 142, 86, 71;
      --login-status-text-color-hover: 215, 210, 185;
  
      --side-bar-link-color-hover: 215, 210, 185;
      --side-bar-link-background-hover: 55, 52, 47;
      --selection-text-color: 0, 0, 0;
  
      --header-border-width: 0rem;
      --title-size: 1.25rem;
      --subtitle-size: 0rem;
      --side-bar-button-height: 50vh;
      --user-button-width: 2rem;
      --header-logo-size: 67.5%;
      --header-subtitle-color: 55, 52, 47;
  
      --basalt-UI-dark-palette: 55, 52, 47;
  
      --top-bar-link-color: 117, 114, 101;
      --top-bar-link-color-hover: 215, 210, 185;
      --top-bar-link-background-hover: 164, 155, 150;
  
      --blockquote-border-color: 55, 52, 47;
      --action-area-border-color: 55, 52, 47;
  
      --header-link-transition-2nd: 142, 86, 71;
      --header-title-color: 55, 52, 47;
  
  }
  
  #header h1 a::before {
      display: none;
  }
  
  #header h1 a span::after {
      margin-bottom: 0;
  }
  
  #container #header {
      background: none;
      position: absolute;
      box-shadow: unset;
      backdrop-filter: none;
  }
  
  div #container-wrap {
      background-color: #DAD4BB;
      background-image: radial-gradient(circle, rgb(72, 69, 60, 0.05) 30%, transparent 0);
      background-size: 0.5em 0.5em;
      background-repeat: repeat;
      background-attachment: fixed;
  }
  
  #main-content {
      margin-top: 0;
  }
  #page-content {
      padding-top: 0;
  }
  
  #page-content > p:nth-child(-n+4) {
      display: none;
  }
  
  .widebox {
      position: relative;
      left: calc(-50dvw + 50%);
      width: 100dvw !important;
      max-width: 100dvw !important;
  }
  
  .wideboxinterior {
      max-width: 100% !important;
      margin: auto;
  }
  
  .wideboxinterior2 {
      width: 50% !important;
      margin: auto;
  }
  
  .widebox .wideboxinterior2 {
      font-family: 'Fantasque Sans Mono', monospace;
      font-weight: 400;
      font-style: normal;
      font-size: 1.1rem;
  }
  
  .widebox .wideboxinterior2 a {
      color: #8E5647;
      text-decoration: underline;
      font-weight: 800;
  }
  
  .widebox .wideboxinterior2 .blockquote2 {
      margin: 2rem auto;
      max-width: 100% !important;
      padding: 2rem !important;
      color: #191410;
      background-color: #e4e1d2;
      background-size: 100%;
      border: none;
      text-align: justify;
      border-left: 0.4rem solid #37332D;
      box-shadow: 0 5px 16px rgba(0,0,0,.1);
      position: relative;
  }
  
  .widebox .wideboxinterior2 h1 {
      background-color: #37332D;
      padding: 0.5rem 0.05rem;
      margin-top: 2rem;
      margin-bottom: 2rem;
      box-shadow: 0 1px 6px rgba(0,0,0,.25);
      text-align: center;
      color: #d7d2b9;
      font-size: 1.5rem;
  }
  
  .headerimage {
      position: relative;
      width: 100%;
      height: auto;
      box-shadow: 0 5px 16px rgba(0,0,0,.5);
  }
  
  .headerimage .headerlogo {
      position: relative;
      display: block;
      pointer-events: none;
      margin: auto;
      top: 60dvh;
      width: 50%;
  }
  
  .page-source {
      color: rgb(55, 52, 47);
  }
  
  h1, #page-options-container, .licensebox .collapsible-block-folded a, .page-watch-options a {
      color: rgb(55, 52, 47);
  }
  
  #action-area, .licensebox .collapsible-block-content {
      background: rgb(215, 210, 185);
      padding: 10px;
  }
  
  .licensebox .collapsible-block-link {
      background: rgb(215, 210, 185);
      padding: 10px;
  }
  
  .widebox .wideboxinterior2 .blockquote {
      margin: 2rem auto;
      max-width: 100% !important;
      padding: 4rem !important;
      color: #a39e93;
      background-color: #252420;
      background-size: 100%;
      border: none;
      box-shadow: 0 5px 16px rgba(0,0,0,.5);
      background-image: radial-gradient(circle, rgb(72, 69, 60, 0.7) 25%, transparent 0);
      background-size: 0.25em 0.25em;
      background-repeat: repeat;
      background-attachment: fixed;
      font-weight: 600;
  }
  
  .blockquote br {
      display: block;
  }
  
  .blockquote .quotehead {
      background-color: #252420;
      padding: 0.1rem 1rem;
      margin-top: 1rem;
      margin-bottom: 1rem;
      box-shadow: 0 1px 6px rgba(0,0,0,.25);
      color: #DAD4BB;
      font-size: 1rem;
      border-left: 0.4rem solid #DAD4BB;
  }
  
  .blockquote ul {
      list-style: none;
      padding-left: 2rem;
      padding-right: 2rem;
  }
  
  .blockquote li::before {
        content: "▶";
        margin-right: 8px;
        color: #a39e93;
  }
  
  .blockquote2 hr {
      height: 1rem;
      background-image: linear-gradient(to right, rgba(55, 52, 47, 0.5) 33%, rgba(255,255,255,0) 0%);
      background-position: bottom;
      background-size: 8px 2px;
      background-repeat: repeat-x;
      background-color: transparent;
  }
  
  #odialog-hovertips div {
      box-shadow: 0px 2px 16px rgba(0,0,0,.05);
  }
  
  /* Piece of shit sidebar */
  
  #top-bar div.mobile-top-bar>.open-menu {
       visibility:visible;
       opacity: 0.6;
       transition: opacity 0.2s;
  }
  
  #top-bar div.mobile-top-bar>.open-menu:hover {
      opacity: 1;
  }
  
  #side-bar {
       margin-top:0;
       height:100%
  }
  
  #side-bar, #side-bar:is(:hover, :focus-within):not(:target) {
       left:calc(var(--side-bar-width) * -1)
  }
  
  #side-bar::after, #side-bar::before {
       display:none
  }
  
  #side-bar:target {
       left:0;
       width:var(--side-bar-width);
       z-index:10
  }
  
  #side-bar a.close-menu, #side-bar:target a.close-menu {
       display:block;
       pointer-events:none;
       position:fixed;
       top:0;
       right:0;
       left:auto;
       width:100%;
       min-width:3.75rem;
       height:100%;
       margin-left:0;
       opacity:0;
       z-index:-1;
       transition:width var(--side-bar-transition),opacity var(--side-bar-transition)   
  }
  
  #side-bar:target a.close-menu {
       width:calc(100% - var(--side-bar-width));
       pointer-events:auto;
       opacity:1;
  }
  
  /* Mobile */
  
  @media only screen and (max-width: 1020px) {
      #container #header {
          background: #D7D2B9;
          position: sticky;
      }
      .headerimage {
          height: calc(70dvw);
          background-image: url(https://scp-wiki.wdfiles.com/local--files/scp9000contesthub/g0cEwTX.jpeg);
          background-repeat: no-repeat;
          background-size: cover;
          background-position: top;
          overflow-x: clip;
      }
      .headerimage img {
          display: none;
      }
      .headerimage .headerlogo {
          position: relative;
          display: block;
          margin: auto;
          top: 40dvh;
          height: 15%;
          width: auto;
      }
      .widebox .wideboxinterior2 {
          font-size: 0.9rem;
      }
      .wideboxinterior2 {
          width: 95% !important;
          margin: auto;
      }
      .widebox .wideboxinterior2 .blockquote2 {
          margin: 2rem auto;
          padding: 30px !important;
      }
      .widebox .wideboxinterior2 .blockquote {
          margin: 2rem auto;
          padding: 30px !important;
      }
      .widebox .wideboxinterior2 h1 {
          font-size: 1.3rem;
      }
      .wideboxinterior:before {
          background-image: none;
      }
  }
  

  Pages using this styling

  • scp9000contesthub [info]
  • workbench:syuzhet [info]

  ¶ 2 occurrences
  

  .textchange div.sitemember:nth-child(2) {
  display:none;
  }
  #page-content .blinkbar-nagi {color: #B15BFF;font-size:125%; animation: blink 1.5s infinite; letter-spacing: -0.13em;}@keyframes blink{to{opacity: .0;}}@keyframes flicker {0% {opacity: 0.9890; }5% {opacity: 0.5842; }10% {opacity: 0.9865; }20% {opacity: 0.0412; }20% {opacity: 0.6255; }25% {opacity: 0.3157; }30% {opacity: 0.7328; }35% {opacity: 0.4654; }40% {opacity: 0.9128; }45% {opacity: 0.2449; }50% {opacity: 0.5485; }55% {opacity: 0.6438; }60% {opacity: 0.1180; }65% {opacity: 0.9085; }70% {opacity: 0.0266; }75% {opacity: 0.6795; }80% {opacity: 0.7812; }85% {opacity: 0.0117; }90% {opacity: 0.2239; }95% {opacity: 0.8897; }100% {opacity: 0.2260; }}@keyframes overlay-anim {0% {visibility: hidden; }10% {visibility: hidden; }11% {visibility: visible; }50% {visibility: hidden; }100% {visibility: hidden; }}
  #page-content .collapsible-block-folded a.collapsible-block-link {
      animation: blink 0.8s ease-in-out infinite alternate;
  }
  @keyframes blink {
      0% { color: transparent; }
      50%, 100% { color: #B15BFF; }
  }
  .email {float: center; border: solid 2px #000000; width: 88%; padding: 1px 15px; margin: 10px 10px 10px 10px; box-shadow: 0 1px 3px rgba(0,0,0,.5)}
  a.collapsible-block-link { font-weight: bold; }
  .tofrom {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px maroon}

  Pages using this styling

  • scp-zh-176 [info]
  • ting129-s-proposal-1 [info]

  ¶ 2 occurrences
  

  :root {
      --fnColor: #FF7575;
  }
  a,a:visited {
      color: #FF7575;
  }

  Pages using this styling

  • scp-zh-176 [info]
  • ting129-s-proposal-1 [info]

  ¶ 2 occurrences
  

  .section {
      background: linear-gradient(to bottom, #eee 0%, #eee 50%, #f7f7f7 50%, #f7f7f7 100%);
      border: 1px solid #888;
      border-radius: 10px;
      overflow: hidden;
      margin-bottom: 1em;}
  .section > p {
      display: none;}
  .section h3 {
      display: inline-block;
      float: left;
      padding-left: 0.7em;
      margin-top: none;
      margin-bottom: none;
      font-size: 1.4em;
      font-weight: bolder;
      color: #901;}
  .section > a {
      float: left;
      font-size: 1.4em;
      font-weight: bolder;
      padding-right: 0.7em;
      margin-top: 0.5em;}
  .section table {
      width: 100%;}
  .section table * {
      text-align: left;}
  .section table td, .section table th {
      border: none;}
  .section table *:first-child {
      text-align: left;}
  .section table tr{
      background: #fff;
      border-bottom: 1px dashed #888;}
  .section table tr:first-child {
      border-bottom: 1px solid #888;}
  .section table tr:last-child {
      border-bottom: none;}
  .section table tr:last-child{
      background: linear-gradient(to bottom, #fff 0%, #fff 50%, #f7f7f7 100%);
      margin-bottom: 1em;}
  .section table td:last-child {
      width:33%;
      background-color:#f7f7f7;}
  .section td:last-child a {
      white-space: nowrap;}
  .section table td:last-child {
       width:33%;
       background-color:#f7f7f7;}
  
  .section .image {
      width:4em;
      border-radius: 50%;
      pointer-events: none;
      float:right;
  }
  
  .proposal table td:first-child,
  .proposal table th:first-child {
       width:33%;
       overflow-wrap: anywhere;
       text-align: right;
  }
  
  .scp table td:first-child{
        width:5.5em;
  }

  Pages using this styling

  • scp-series-2-audio-edition [info]
  • scp-series-3-audio-edition [info]

  ¶ 2 occurrences
  

  /* HEADER */
   :root{
       --header-title: "AD ASTRA PER ASPERA";
       --header-subtitle: "To the Stars Through Hardship";
       --titleColor: hsl(0, 0%, 93%);
       --subtitleColor: hsl(34, 100%, 75%);

  Pages using this styling

  • scp-pl-302 [info]
  • scp-pl-393 [info]

  ¶ 2 occurrences
  

  /*
   * This is an uglified version of http://topia.wikidot.com/local--files/the-siege-of-site-19/SiegeOfSite19.scss
   */
  
  @import url("https://fonts.googleapis.com/css2?family=PT+Serif&display=swap");@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Mono&display=swap");table{border-collapse:collapse}table th,table td{border:1px solid #050505;padding:5px 10px}table th{background-color:#acabab}div.system-message{margin:10px;margin-top:20px;padding:10px;background-color:#ececec;border:2px dashed #050505}div.system-message::before{content:"AIC System Message";position:relative;top:-1.5em;left:-1.5em;border:2px solid #050505;color:#050505;background-color:#fff071;font-family:"PT Serif",serif;padding:1px 3px;border-radius:3px;font-weight:bold;letter-spacing:2px}div.replies{margin:10px;margin-top:20px;padding:10px;border:2px solid #050505;border-radius:10px;background-color:#c1f1ff}div.replies::before{content:"Replies";position:relative;top:-1.5em;left:45%;border:2px solid #050505;color:#f3f3f3;background-color:#140077;font-family:"PT Serif",serif;padding:1px 3px;border-radius:3px;font-weight:bold;letter-spacing:2px}div.calvin-reply{margin:10px;margin-top:20px;padding:10px;border:1px solid #050505;background-color:#e8fcff;padding-top:-2em}div.calvin-reply::before{content:"Researcher Calvin";position:relative;top:-1.5em;left:-1.5em;border:2px solid #050505;color:#050505;background-color:#009f1e;font-family:"PT Serif",serif;padding:1px 3px;border-radius:3px;font-weight:bold;letter-spacing:2px}div.gregory-reply{margin:10px;margin-top:20px;padding:10px;border:1px solid #050505;background-color:#e8fcff;padding-top:-2em}div.gregory-reply::before{content:"Dr. Gregory";position:relative;top:-1.5em;left:-1.5em;border:2px solid #050505;color:#f3f3f3;background-color:#4a0179;font-family:"PT Serif",serif;padding:1px 3px;border-radius:3px;font-weight:bold;letter-spacing:2px}div.deneal-reply{margin:10px;margin-top:20px;padding:10px;border:1px solid #050505;background-color:#e8fcff;padding-top:-2em}div.deneal-reply::before{content:"Dr. DeNeal";position:relative;top:-1.5em;left:-1.5em;border:2px solid #050505;color:#050505;background-color:#00ffd2;font-family:"PT Serif",serif;padding:1px 3px;border-radius:3px;font-weight:bold;letter-spacing:2px}div.irc-log{margin:10px;margin-top:20px;padding:10px;border:3px solid #2ef300;background-color:#424242;border-radius:15px;font-family:"IBM Plex Mono",monospace;color:#2ef300}div.irc-log td{border:1px solid #2ef300;font-weight:bold}div.irc-log p{line-height:200%}div.irc-log span.userred{font-weight:bold;letter-spacing:1px;background-color:#ffabab;color:#050505;padding-left:2px;border:1px solid #ffabab;margin-right:.25em}div.irc-log span.userblue{font-weight:bold;letter-spacing:1px;background-color:#abcdff;color:#050505;padding-left:2px;border:1px solid #abcdff;margin-right:.25em}div.irc-log span.usergray{font-weight:bold;letter-spacing:1px;background-color:#e7e7e7;color:#050505;padding-left:2px;border:1px solid #e7e7e7;margin-right:.25em}div.irc-log span.userpink{font-weight:bold;letter-spacing:1px;background-color:#ffd6ff;color:#050505;padding-left:2px;border:1px solid #ffd6ff;margin-right:.25em}div.irc-log span.useryellow{font-weight:bold;letter-spacing:1px;background-color:#fffcb2;color:#050505;padding-left:2px;border:1px solid #fffcb2;margin-right:.25em}div.irc-log span.userorange{font-weight:bold;letter-spacing:1px;background-color:#ffe3b1;color:#050505;padding-left:2px;border:1px solid #ffe3b1;margin-right:.25em}div.irc-log span.usergreen{font-weight:bold;letter-spacing:1px;background-color:#afffb1;color:#050505;padding-left:2px;border:1px solid #afffb1;margin-right:.25em}div.irc-log span.userpurple{font-weight:bold;letter-spacing:1px;background-color:#d792ff;color:#050505;padding-left:2px;border:1px solid #d792ff;margin-right:.25em}div.irc-log::before{content:"Staff IRC Log";position:relative;top:-1.5em;left:-1.5em;border:2px solid #050505;color:#050505;background-color:#5effa6;font-family:"PT Serif",serif;padding:1px 3px;border-radius:3px;font-weight:bold;letter-spacing:2px}div.inventory-report{margin:10px;margin-top:20px;padding:10px;border:2px solid #050505;background-color:#eee;border-radius:3px}div.inventory-report::before{content:"Inventory Report";position:relative;top:-1.5em;left:-1.5em;border:2px solid #050505;color:#050505;background-color:#ffcbcb;font-family:"PT Serif",serif;padding:1px 3px;border-radius:3px;font-weight:bold;letter-spacing:2px}div.video-log{background-color:#f2f2f2;margin:36pt;padding:3%;text-align:left;border-top:1px solid #050505}div.video-log::before{content:"Video Footage Transcript";position:relative;top:-2.4em;left:-2.4em;border:2px solid #050505;color:#050505;background-color:#f3f3f3;font-family:"PT Serif",serif;padding:1px 3px;border-radius:3px;font-weight:bold;letter-spacing:2px}div.site-log{margin:10px;margin-top:20px;padding:10px;background-color:#686768;color:#f3f3f3;border:3px dotted #f3f3f3;border-radius:10px}div.site-log::before{content:"Automated Site Status Report";position:relative;top:-1.5em;left:-1.5em;border:2px solid #050505;color:#050505;background-color:#8ebeff;font-family:"PT Serif",serif;padding:1px 3px;border-radius:3px;font-weight:bold;letter-spacing:2px}div.phone-log{margin:10px;margin-top:20px;padding:10px;border:3px solid #050505;background-color:#f3f3f3}div.phone-log::before{content:"Phone Call Transcript";position:relative;top:-1.5em;left:-1.5em;border:2px solid #050505;color:#050505;background-color:#f8b9ff;font-family:"PT Serif",serif;padding:1px 3px;border-radius:3px;font-weight:bold;letter-spacing:2px}div.conference-log{margin:10px;margin-top:20px;padding:10px;border:3px solid #050505;background-color:#e6fffb;border-radius:12px}div.conference-log::before{content:"Video Conference";position:relative;top:-1.5em;left:-1.5em;border:2px solid #050505;color:#050505;background-color:#ffdcdc;font-family:"PT Serif",serif;padding:1px 3px;border-radius:3px;font-weight:bold;letter-spacing:2px}div.announcement-box{margin:10px;margin-top:20px;padding:10px;);border:2px solid #050505;border-radius:3px}div.announcement-box::before{content:"Announcement";position:relative;top:-1.5em;left:-1.5em;border:2px solid #050505;color:#f3f3f3;background-color:#050505;font-family:"PT Serif",serif;padding:1px 3px;border-radius:3px;font-weight:bold;letter-spacing:2px}
  
  /* css end */

  Pages using this styling

  • scp-9856 [info]
  • the-siege-of-site-19 [info]

  ¶ 2 occurrences
  

  #header {
      background-image: url('http://scp-wiki.wikidot.com/local--files/unreality-hub/Unreality%20Header%20Logo.svg');
  }
  
  
  
  body {
      color: black;
  }
  
  
  
  #top-bar div.open-menu a {
      border-radius: 0px;
      color: white !important;
      background-color: black;
      border: none !important;
      box-shadow: none;
  }
  
  
  
  .scp-image-block {
      border: solid 1px #000000;
      box-shadow: none;
      background: black !important;
  }
   
  .scp-image-block .scp-image-caption {
      color: white;
      background: black !important;
      border-top: solid 1px #000000;
  }
  
  
  
  #page-content .rate-box-with-credit-button {
      background-color: black;
      border: 1px solid black;
      border-radius: 0px !important;
  }

  Pages using this styling

  • scp-9733 [info]
  • scp-9904 [info]

  ¶ 2 occurrences
  

  .blinkbar {color: blue; animation: blink 1.5s infinite; letter-spacing: -0.13em;}@keyframes blink{to{opacity: .0;}}@keyframes flicker {0% {opacity: 0.9890; }5% {opacity: 0.5842; }10% {opacity: 0.9865; }20% {opacity: 0.0412; }20% {opacity: 0.6255; }25% {opacity: 0.3157; }30% {opacity: 0.7328; }35% {opacity: 0.4654; }40% {opacity: 0.9128; }45% {opacity: 0.2449; }50% {opacity: 0.5485; }55% {opacity: 0.6438; }60% {opacity: 0.1180; }65% {opacity: 0.9085; }70% {opacity: 0.0266; }75% {opacity: 0.6795; }80% {opacity: 0.7812; }85% {opacity: 0.0117; }90% {opacity: 0.2239; }95% {opacity: 0.8897; }100% {opacity: 0.2260; }}@keyframes overlay-anim {0% {visibility: hidden; }10% {visibility: hidden; }11% {visibility: visible; }50% {visibility: hidden; }100% {visibility: hidden; }}

  Pages using this styling

  • scp-9451 [info]
  • your-very-first-scp [info]

  ¶ 2 occurrences
  

  .inner-chat {background: white; padding: 1px 15px; border: solid 3px lightgray; margin: 10px; border-radius: 30px 15px}

  Pages using this styling

  • scp-9451 [info]
  • your-very-first-scp [info]

  ¶ 2 occurrences
  

  .outer-chat {background: gray; padding: 1px 15px; border: solid 3px lightgray; margin: 10px; border-radius: 30px 15px}

  Pages using this styling

  • scp-9451 [info]
  • your-very-first-scp [info]

  ¶ 2 occurrences
  

  sup {
  vertical-align: top; position: relative; top: -0.5em;
  }
  #header::before {
      opacity: 0.5 !important;
  }
  :root{
  --timeScale: 1 !important;
  --timeDelay: 1s !important;
    --accentColor: 160, 44, 44 !important;
  --dark-gray-monochrome: 46, 58, 51 !important;
  --black-monochrome: 26, 33, 29 !important;
  }
  div.objclassbar {
  min-width: 100%
  }

  Pages using this styling

  • scp-9400 [info]
  • scp-9901 [info]

  ¶ 2 occurrences
  

  
  div.terminal{
  padding-right: 1.5em;
      border: 1px solid black;
      border: solid 3px #BBBBBB;
      border-radius: 16px;
      background-color: #131;
      /* black shadow at the top of the terminal */
      background-image: 
          radial-gradient(ellipse 1000% 100% at 50% 90%, transparent, #121);
      background-position: center;
      display: block;
      /* shadow around the terminal */
      box-shadow: inset 0 0 10em 1em rgba(0,0,0,0.5);
      /* prevents scanline from forming a scrollwheel */
      overflow:hidden;
  }
  div.terminal blockquote {
      background-color: black;
      border: double 3px #80FF80
  }
  div.scanline{
      margin-top: -40%;
      width: 100%;
      height: 60px;
      position: relative;
      pointer-events: none;
      /* Safari 4.0 - 8.0 */
      -webkit-animation: scan 12s linear 0s infinite; /* You may need to change this. If the bar goes by too quickly, increase 5s. */
      animation: scan 12s linear 0s infinite; /* Same as above */
      background: linear-gradient(to bottom, rgba(56, 112, 82,0), rgba(56, 112, 82,0.1)) !important;
  }
  
  div.text{
      color: rgba(128,255,128,0.8);
      padding-left: 2em;
      padding-top: 40%;
      font-family: monospace;
      font-size: 1.2em;
  }
  
  /* Safari 4.0 - 8.0 */
  @-webkit-keyframes scan{
      from{ transform: translateY(-10%);}
      to{  transform: translateY(5000%);} /* You may need to change this depending on the length of your terminal. If the scanline stops halfway, increase the second number.*/
  }
  
  @keyframes scan{
      from{ transform: translateY(-10%);}
      to{  transform: translateY(5000%);} /* Same as above.*/
  }
  
  div.text a {
      color: #90EE90;
      text-decoration: none;
      background: transparent;
  }
  div.text a.newpage {
      color: #90EE90;
      text-decoration: none;
      background: transparent;
  }
  div.text a:hover {
      color: #131;
      text-decoration: underline;
      background-color: #80FF80;
      padding: 1px;
  }
  div.text a:hover::before{
      content: "> ";
  }

  Pages using this styling

  • scp-9400 [info]
  • scp-9901 [info]

  ¶ 2 occurrences
  

  .coso {
    background-color: #560319;
    color: #FFFFE4;
    padding: 20px;
    outline-style: solid;
    outline-color: black;
  }
  
  .coso a:link {
    color: #FFFFC5;
  }
  
  .coso a:visited {
    color: #FFFFC5;
  }
  
  .coso  a:hover {
    color: #FFFFC5;
  }
  
  .coso a:active {
    color: #FFFFC5;
  }
  

  Pages using this styling

  • scp-9345 [info]
  • scp-9828 [info]

  ¶ 2 occurrences
  

  body {
  
  }
  

  Pages using this styling

  • scp-9338 [info]
  • scp-9881 [info]

  ¶ 2 occurrences
  

  .notice{
      border: 1px solid #f9e24d;
      outline: 4px solid #b54d3b;
      color: #f9e24d;
      background: #b54d3b;
      padding: 10px;
      text-align: center;
  }

  Pages using this styling

  • scp-9271 [info]
  • scp-zh-220 [info]

  ¶ 2 occurrences
  

  @import url("https://cdn.scpwiki.com/theme/en/black-highlighter/css/min/normalize.min.css");
  @import url("https://cdn.scpwiki.com/theme/en/black-highlighter/css/min/black-highlighter.min.css");
  
  a[rel="license"]::after {
      content: ".";
  }

  Pages using this styling

  • scp-9250 [info]
  • theme:black-highlighter-theme [info]

  ¶ 2 occurrences
  

  :root {
   --header-subtitle: 'Department of Architecture' !important;
   --accentColor: 74, 109, 229;
   --altAccentColor: 206, 216, 247;
   --rating-module-button-color: var(--accentColor);
  }

  Pages using this styling

  • scp-9173 [info]
  • zoempaws9kconposter [info]

  ¶ 2 occurrences
  

  .email {border: solid 2px #000000; width: 88%; padding: 1px 15px; margin: 10px; box-shadow: 0 1px 3px rgba(0,0,0,.5);margin: 0px auto;}
  .email-example a.collapsible-block-link {font-weight: bold;}
  .tofrom {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px maroon}
  .test {border-collapse:collapse; margin: 0px auto; max-width: 600px;}
  .test-left {font-weight:bold;padding: .3em .7em; text-align: center; border: 1px solid black; background-color: silver; width: 25%;}
  .test-left-bottom {text-align: center; padding: .3em .7em; border: 1px solid black}
  .test-right-top {font-weight:bold; padding: .3em .7em; text-align: center; border: 1px solid black; background-color: silver;}
  .test-right {border: 1px solid black; padding: .3em .7em;}
  .table-container {display: flex; justify-content: center;}

  Pages using this styling

  • scp-9119 [info]
  • scp-9399 [info]

  ¶ 2 occurrences
  

  .oro{
      padding: 4px 16px 4px 16px;
      box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
      width: 50%;
      margin: auto;
      margin-bottom: 28px;
      margin-top: 28px;
      background: #000000;
      border: solid 0.25rem #ff0033;

  Pages using this styling

  • scp-8978 [info]
  • scp-8987 [info]

  ¶ 2 occurrences
  

  @import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,900;1,900&display=swap');
  
  :root {
      --logo-image: url("http://scpdsandbox.wdfiles.com/local--files/site-333/At3.png");
      --header-title: "SITE-333";
      --header-subtitle: "HEAVEN ON EARTH";
      --header-font: 'Playfair Display', serif;
      --title-font: 'Playfair Display', serif;
      --body-font: 'Telex', sans-serif;
      --bright-accent: 0, 109, 255;
      --medium-accent: 0, 63, 197;
      --dark-accent: 0, 22, 142;
  
      --link-color: var(--medium-accent);
  }
  
  #extra-div-1 {
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 10rem;
      background-image: url("http://scpdsandbox.wdfiles.com/local--files/site-333/PanoRam2.jpg");
      background-size: cover;
      background-position: center;
      background-repeat: repeat-x;
      pointer-events: none;
  }
  
  #extra-div-2 {
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 10rem;
      background: linear-gradient(0deg, rgba(0, 109, 255,1) 35%, rgba(204, 226, 255) 97%);
      pointer-events: none;
      opacity: 0.40;
  }
  
  #extra-div-3 {
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 10rem;
      background-image: url("http://scptestwiki.wdfiles.com/local--files/undervegas/dicegold.png");
      background-size: cover;
      background-position: center;
      background-repeat: repeat-x;
      pointer-events: none;
      opacity: 0.65;
  
  }
  
  #header::before {
      left: 0.5rem;
      background-position: center -0.5rem;
      opacity: 1;
  }
  
  #header h1, #header h2 {
      margin: 1.7rem 0;
  }

  Pages using this styling

  • scp-8913 [info]
  • willie-wettle-washed-up-while-walking [info]

  ¶ 2 occurrences
  

  @import url('https://fonts.googleapis.com/css2?family=PT+Serif:ital,wght@0,400;0,700;1,400;1,700&display=swap');
  
  :root {
      --cutColour: #fafafa;
      --barColour: rgb(var(--rating-module-bottom-border-color));
  }
  
  p, div.blockquote li {
    font-family: "PT Serif", Times, serif;
    font-size: 18px;
    text-justify: inter-word;
    text-align: justify;
    /* text-indent: 2rem; */
  }
  
  .dunebox {
      margin-top: -20px;
      color: #757575;
      font-size: 80%;
  }
  
  .dunebox p {
     text-align: right;
     text-indent: unset;
     font-size: unset;
  }
  
  .footnoteref{ font-variant: unset; }
  
  div.blockquote {margin-bottom: 3em;}

  Pages using this styling

  • scp-8897 [info]
  • the-nuisance [info]

  ¶ 2 occurrences
  

  .anom-bar-container {
      margin-bottom: 1rem;
  }
  .item {
      display: none;
  {

  Pages using this styling

  • scp-8845 [info]
  • scp-9401 [info]

  ¶ 2 occurrences
  

  @import url('https://fonts.googleapis.com/css?family=Pinyon+Script');
  @import url('https://fonts.googleapis.com/css?family=Cedarville+Cursive');

  Pages using this styling

  • scp-8679 [info]
  • there-was-a-stranger-in-the-park [info]

  ¶ 2 occurrences
  

  @import url('https://fonts.googleapis.com/css2?family=Yellowtail&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Lilita+One&display=swap');

  Pages using this styling

  • scp-8679 [info]
  • there-was-a-stranger-in-the-park [info]

  ¶ 2 occurrences
  

  table {
  width: 100%
  }

  Pages using this styling

  • scp-8586 [info]
  • scp-8947 [info]

  ¶ 2 occurrences
  

  #header::before {
      filter: invert(1);
  }
  
  #page-content .fancy .collapsible-block-folded a.collapsible-block-link:not(.licensebox a.collapsible-block-link, .info-container a.collapsible-block-link, .default-col a.collapsible-block-link) {
    animation: aether alternate infinite 3s ease-in-out;
  font-size: 24px;
  }
  
  #page-content .fancy a.collapsible-block-link:not(.licensebox a.collapsible-block-link, .info-container a.collapsible-block-link, .default-col a.collapsible-block-link) {
    border: none!important;
    background: none!important;
  }
  
  #page-content .fancy a.collapsible-block-link:not(.licensebox a.collapsible-block-link, .info-container a.collapsible-block-link, .default-col a.collapsible-block-link):hover {
    box-shadow: none!important;
  }
  
  @keyframes aether {
    0%{ text-shadow: 2px 4px 5px currentcolor, -2px -4px 5px currentcolor; filter: blur(1px); }
    45%{ text-shadow: 0 0 0 currentcolor, 0 0 0 currentcolor; filter: blur(0px); }
    55%{ text-shadow: 0 0 0 currentcolor, 0 0 0 currentcolor; filter: blur(0px); }
    100%{ text-shadow: 2px -4px 5px currentcolor, -2px 4px 5px currentcolor; filter: blur(1px); }
  }
  
  @media (prefers-reduced-motion) {
    #page-content .fancy .collapsible-block-folded a.collapsible-block-link:not(.licensebox a.collapsible-block-link, .info-container a.collapsible-block-link, .default-col a.collapsible-block-link) {
      animation: none;
      text-shadow: 2px 4px 3px currentcolor, -2px -4px 3px currentcolor;
    }
  }
  
  :is(
    .desktop-aim,
    .mobile-aim
  ) hr::before {
    display: none;
  }
  
  :is(
    .desktop-aim,
    .mobile-aim
  ) hr::after {
    display: none;
  }
  
  :is(
    .desktop-aim,
    .mobile-aim
  ) hr{
    height: 1px;
  }

  Pages using this styling

  • scp-8348 [info]
  • scp-9349 [info]

  ¶ 2 occurrences
  

  
  :root {
    --main-content-width: 40rem;
  }

  Pages using this styling

  • scp-8337 [info]
  • scp-9908 [info]

  ¶ 2 occurrences
  

  ul.update-wrapper, .update-wrapper > li {
      padding: initial; margin: initial;
      display: contents;
      list-style: none;
  }
  
  .folded .after { display: none; }
  .unfolded .before { display: none; }
  .unfolded .after { display: initial; }

  Pages using this styling

  • scp-8335 [info]
  • scp-8339 [info]

  ¶ 2 occurrences
  

  
  .storybook-hca {
       font-family: Philosopher, cursive;
       background-image: url(http://scp-wiki.wikidot.com/local--files/theme:eventyr/5%20-%20Paper%20effect.png);
       padding: 15px;
       font-size: 105%;
       border: 2px solid #112a55;
  }
   
  
  .Email {
  background: url(http://scp-wiki.wdfiles.com/local--files/the-great-hippo/SCP_icon%281%29.png) top right no-repeat; 
  float: center; 
  border: solid 1px #444444; 
  width: 85%; padding: 15px 15px; 
  margin: auto; 
  margin-top: 10px; 
  margin-bottom: 10px; 
  box-shadow: 0 0px 0px rgba(0,0,0,.2);
  }
  
  
  .eventypewriter{
       font-family: Cutive, serif;
       background-image: url(http://scp-wiki.wikidot.com/local--files/theme:eventyr/5%20-%20Paper%20effect.png);
       padding: 15px;
       font-size: 90%;
       border: 1px solid #112a55;
  }
   
  

  Pages using this styling

  • scp-8307 [info]
  • scp-9991 [info]

  ¶ 2 occurrences
  

  .email {border: solid 2px #000000; width: 88%; padding: 1px 15px; margin: 10px; box-shadow: 0 1px 3px rgba(0,0,0,.5)}
  .email-example a.collapsible-block-link {font-weight: bold;}
  .tofrom {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px #094b}

  Pages using this styling

  • scp-8230 [info]
  • vnp-111 [info]

  ¶ 2 occurrences
  

  #page-content { padding-top:0; }
  
  #breadcrumbs { display: none !important; }
  
  #page-title { display: none !important; }
  
  .authorlink-wrapper {
  width: 100%;
  max-width: none;
  }
  
  #main-content blockquote {
    border-left: firebrick 0.5rem solid;
    background-color: #f7f7f7;
  }
  
  @media only screen and (min-width: 1020px) {
  .page-rate-widget-box {
  position: absolute;
  right: 5rem;
  top: 7.5rem;
  }
  
  #page-content {
    max-width: 80%;
  margin:auto;
  }
  
  .authorlink-wrapper {
  position: absolute !important;
    width: 100%;
    right: 3rem;
    top: 10rem;
  }
  
  

  Pages using this styling

  • scp-8227 [info]
  • scp-8818 [info]

  ¶ 2 occurrences
  

  .email-example .collapsible-block-folded a.collapsible-block-link {
      animation: blink 0.8s ease-in-out infinite alternate;
  }
  @keyframes blink {
      0% { color: transparent; }
      50%, 100% { color: #b01; }
  }
  .email {border: solid 2px #000000; width: 88%; padding: 1px 15px; margin: 20px; box-shadow: 0 1px 3px rgba(0,0,0,.5)}
  .email-example a.collapsible-block-link {font-weight: bold;}
  .tofrom {margin-left: 5px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px maroon}

  Pages using this styling

  • scp-8209 [info]
  • scp-8212 [info]

  ¶ 2 occurrences
  

  @import url('https://fonts.googleapis.com/css2?family=Old+Standard+TT&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Special+Elite&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=IM+Fell+English+SC&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=EB+Garamond&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=EB+Garamond:wght@500&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Cormorant:wght@700&display=swap');
  @import url("https://scp-wiki.wikidot.com/local--files/theme:turbo-vision/Mx437_IBM_VGA_8x16.css");
  @import url('https://fonts.googleapis.com/css2?family=Gideon+Roman&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Luxurious+Roman&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Gabarito:wght@500&display=swap');
  
  
  .presaudiovis_corps {
      background: linear-gradient(#c37f42, #683334);
      position: relative;
      display: block;
      border: solid 1px; 
      border-color: black; 
  }
  
  .audiovis_border {
     background: linear-gradient(#8d1021, #EB8D38, #683334); 
     padding: 10px;
     margin: 30px 30px -10px 30px;
     border: 1px solid black; 
     box-shadow: 7px 7px 0px black;
     color : white;
     text-shadow: 2px 2px 2px black;
     text-transform: uppercase;
     font-weight: bold;
     font-size: 19px;
  }
  
  .audiovis_txt {
     margin: 0px 30px 0px 30px;
     color : white;
     text-shadow: 2px 2px 2px black;
     font-weight: bold;
     font-size: 15px;
  }
  
  .pres-audiovis {
    display: flex;
    align-items:center;
    margin-top:-15px;
  }
  
  .pres-audiovis img {
    margin-right: 10px;
    display: block;
  }
  
  .pres-audiovis text,
  .content p {margin: 0;}
  
  .flex-parent {
    display: flex;
    width: 100%;
    align-items: center;
    margin-top:-25px;
    margin-bottom:-20px;
  }
  
  .flex-child-edge {
    flex-grow: 2;
    height: 1px;
    background-color: black;
    border: 3px solid black; 
    transform: skew(-30deg);
  }
  
  .flex-child-text {
    flex-basis: auto;
    flex-grow: 0;
    margin: 0px 5px 0px 5px;
    text-align: center;
    font-size: 13px;
    color: black;
    letter-spacing: 3px;
    font-style: italic;
    text-shadow: none;
  }
  
  .del {
       color: black; 
       background-color: black; 
       user-select: none;
       padding-top:2px;
       padding-bottom: -2em;
       margin-bottom: -2em;
  }
  
  /* RAISA */
  
  .grisANF {
      border: outset 5px black;
      background-color: rgba(0, 0, 0, 0.7);
      box-shadow: 7px 7px 0px black;
      height: 884px;
      margin: 0px 30px 30px 30px;
  }
  
  .scrollANF {
      overflow-y:hidden;
      overflow-x:hidden;
      overflow-y:scroll;
      height: 884px;
  }
  
  .pageANF {
      position: relative;
      display: block;
      border: solid 1px black; 
      margin-bottom: 2em;
      overflow: auto;
      width: 97%;
      margin: auto;
      background-color : white;
      background-size:100% 100%;
  }
  
  .texteANF {
      padding: 2em 3em 5em 3em;
  }
  
  .texteANF-bottom {
      padding: 2em 3em 2em 3em;
  }
  
  .image-pyr {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(50px, 1fr));
      grid-gap: 1rem;
      align-items: start;
      width: 100%;  
      margin: auto auto;
      text-align:center;
  }
  
  .rec {
     font-family: 'Gabarito', sans-serif;
     font-size: 16px;
  }
  
  .rec p {
      line-height: 32px;
  }
  
  .titre_f3 {
     background-color : white; 
     font-weight: bold;
     font-size: 15px;
     padding: 10px;
  }
  
  @media (max-width: 700px){
  
  .audiovis_border {
      width: 85%;
      margin: 10px auto;
  }
  
  .pres-audiovis {
      gap: 10px;
  }
  
  .grisANF {
      width: 97%;
      margin: 0px 0px 0px 0px;
      box-shadow: none;
  } 
  
  .scrollANF {
      width: 100%;
  } 
  
  .pageANF {
      width: 98%;
  }
  
  .texteANF-bottom, .texteANF {
      padding: 2em 10px 2em 10px;
  }
  
  .image-pyr {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
      grid-gap: 1rem;
      align-items: start;
      width: 100%;  
      margin: auto auto;
      text-align:center;
  }
  

  Pages using this styling

  • scp-8207 [info]
  • scp-8213 [info]

  ¶ 2 occurrences
  

  /* Only show the A/B test subject when the A/B test is active */
  .ab-test--active + .ab-test-subject { display: flex; }
  
  .ego-bar { display: none; flex-direction: column; justify-content: space-evenly; flex-wrap: wrap; align-items: center; margin-block: 1rem; }
  .ego-bar__link { margin-inline: 2rem; }
  .ego-bar .page-rate-widget-box { margin: 0; }

  Pages using this styling

  • scp-8160 [info]
  • scp-8654 [info]

  ¶ 2 occurrences
  

  #page-title{
  display:none;
  }
  .tumblrbox{
  padding: 20px;
  border: 1px solid silver;
  border-radius: 8px;
  box-shadow: 3px 3px 4px #e5e5e5;
  color:black;
  font-size:16px;
  }
  .tumblrbox img{
  border-radius: 5px;
  }
  .postdate{
  color: #808080;
  font-size:12.5px;
  }
  .tumblrcommentscontain{
  display:flex;
  align-items:center;
  box-sizing:border-box;
  margin-bottom:25px;
  }
  .tumblrcommented{
  position:relative;
  background:#ededed;
  border-radius:3px;
  flex-grow:1;
  padding-left:16px;
  padding-right:16px;
  }
  .tumblrcommented::after{
  content: '';
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-left: 8px solid #ededed;
  position:absolute;
  left: 100%;
  top: 10px;
  width: 0;
  height: 0;
  }
  .tumblrcommenter{
  margin-left:18px;
  flex-shrink:0;
  width:40px;
  height:40px;
  align-self:flex-start;
  }
  .tumblrcommenter img{
  width:40px;
  }
  .tumblranon{
  color:#585858;
  font-size: .875rem;
  font-weight:700;
  }
  .tumblranonsub{
  color:#585858;
  font-size: .875rem;
  font-weight:400;
  }
  .tagges{
  color:#606060;
  }
  .notas{
  margin-top:36px;
  display:flex;
  align-items: center;
  height:36px;
  }
  .notasub{
  flex-shrink:0;
  border:solid 1px #d9d9d9;
  box-sizing: border-box;
  border-radius: 18px;
  padding: 6px 16px;
  }
  .notasub p{
  margin-block-start: 0em;
  margin-block-end: 0em;
  }

  Pages using this styling

  • scp-8094 [info]
  • scp-8442 [info]

  ¶ 2 occurrences
  

  @import url('https://fonts.googleapis.com/css2?family=Playfair+Display');
  
  .greaze2 {
    display: inline-block;
    color: black;
    font-family: "Playfair Display";
    font-weight: 450;
    font-style: normal;
    font-size: 1.0em;
  }

  Pages using this styling

  • scp-8092 [info]
  • the-puppet [info]

  ¶ 2 occurrences
  

  @import url('https://fonts.googleapis.com/css2?family=Playfair+Display');
  
  .greaze {
    display: inline-block;
    color: black;
    font-family: "Playfair Display";
    font-weight: 900;
    font-style: bold;
    font-size: 1.2em;
  }

  Pages using this styling

  • scp-8092 [info]
  • the-puppet [info]

  ¶ 2 occurrences
  

  .gay {
    animation-name: rainbow;
    animation-duration: 24s;
    animation-iteration-count: infinite;
    filter: drop-shadow(3px 3px 0 black);
  }
  
  @keyframes rainbow {
    0% {
      color: red;
    }
  
    14% {
      color: orange;
    }
  
    28% {
      color: yellow;
    }
  
    42% {
      color: lime;
    }
  
    56% {
      color: cyan;
    }
  
    70% {
      color: blue;
    }
  
    85% {
      color: violet;
    }
  
    100% {
      color: red;
    }
  }

  Pages using this styling

  • scp-8049 [info]
  • scp-9408 [info]

  ¶ 2 occurrences
  

  :root {
    --logo: url(https://scp-wiki.wdfiles.com/local--files/secure-facility-dossier-site-58/58logo.png);
    --title: "SITE-58:";
    --subtitle: "BRIDGING THE GAPS BETWEEN US";
  }
  .email-example .collapsible-block-folded a.collapsible-block-link {
      animation: blink 0.8s ease-in-out infinite alternate;
  }
  @keyframes blink {
      0% { color: transparent; }
      50%, 100% { color: #b01; }
  }
  .email {border: solid 2px #000000; width: 88%; padding: 1px 15px; margin: 10px; box-shadow: 0 1px 3px rgba(0,0,0,.5)}
  .email-example a.collapsible-block-link {font-weight: bold;}
  .tofrom {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px maroon}
  
  /* Borrowed from SCP-3984! */
  .outside {
    margin: 2em -6em;
    padding: 1em 10em;
    --narration-color: rgba(214, 234, 248,1);
    background: var(--narration-color);
    background: linear-gradient(90deg, rgba(255,255,255,0) 0%, var(--narration-color) 20%, var(--narration-color) 80%, rgba(255,255,255,0) 100%);
    z-index: -2;
  }
  
  /* Make the blue bois that are within the document have smaller margins so they break flow less*/
  .outside.inline {
    margin: 1em -6em;
    padding: 1px 10em;
  }
  

  Pages using this styling

  • scp-7904 [info]
  • the-graduating-class-of-58 [info]

  ¶ 2 occurrences
  

  .collapsible-block-link, .collapsible-block-unfolded-link {
    color: #082975;
  }

  Pages using this styling

  • scp-7897 [info]
  • scp-7924 [info]

  ¶ 2 occurrences
  

  .blbf-main > div { hyphens: initial; }

  Pages using this styling

  • scp-7886 [info]
  • screaming-upriver [info]

  ¶ 2 occurrences
  

  blockquote {border-color: #000000;    background-color: #ffffff}

  Pages using this styling

  • scp-783-l1 [info]
  • scp-783-l2 [info]

  ¶ 2 occurrences
  

  .footnotes-footer { 
  display:none;
  }
  .rotate {
  
  /* Safari */
  -webkit-transform: rotate(-.5deg);
  
  /* Firefox */
  -moz-transform: rotate(-.5deg);
  
  /* IE */
  -ms-transform: rotate(-.5deg);
  
  /* Opera */
  -o-transform: rotate(-.5deg);
  
  /* Internet Explorer */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=.5);
  
  }
  .rotate2 {
  
  /* Safari */
  -webkit-transform: rotate(.1deg);
  
  /* Firefox */
  -moz-transform: rotate(.1deg);
  
  /* IE */
  -ms-transform: rotate(.1deg);
  
  /* Opera */
  -o-transform: rotate(.1deg);
  
  /* Internet Explorer */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  
  }

  Pages using this styling

  • scp-783 [info]
  • scp-783-l1 [info]

  ¶ 2 occurrences
  

   :root{--lgurl: url(https://upload.wikimedia.org/wikipedia/commons/a/aa/Coat_of_arms_of_the_United_Kingdom_%281901-1952%2C_abridged_arms%2C_variant_2%29.svg)}
  
  :root{--header-title: " HM Anomaly Service ";
           --header-subtitle: "Vigilemus ubi Deus prospicere non audet"}
  
  :root{
       --accentColor: hsl(46, 55%, 52%);
       --accentColorLite: hsl(46, 55%, 62%);
       --hue: hue; 050deg}
  

  Pages using this styling

  • scp-7740 [info]
  • scp-7807 [info]

  ¶ 2 occurrences
  

  :root {
      --five-color: 196,2,51;
      --four-color: 255,109,0;
      --three-color: 229,149,0;
      --two-color: 53,104,143;
      --one-color: 34,120,58;
  }

  Pages using this styling

  • scp-7611 (2) [info]
  • scp-7722 (3) [info]

  ¶ 2 occurrences
  

  :root{
  --title: "Applied Ontokinetics";
  --subtitle: "WAKING DREAMS・LUCID SLEEP";
  }

  Pages using this styling

  • scp-7585 [info]
  • scp-9247 [info]

  ¶ 2 occurrences
  

  hr {
      border: 1px solid #00000000;
  }

  Pages using this styling

  • scp-7557 [info]
  • scp-8535 [info]

  ¶ 2 occurrences
  

  
  .invisible{
     color:transparent;
  }

  Pages using this styling

  • scp-7495 [info]
  • scp-8525 [info]

  ¶ 2 occurrences
  

  :root {
  --header-title: "SITE-22";
  --header-subtitle: "compos mentis";
  }

  Pages using this styling

  • scp-7478 [info]
  • scp-8233 [info]

  ¶ 2 occurrences
  

  :root {
  --header-title: "SITE-53";
  --header-subtitle: "Sand • Spirits • Solitude";
  --lgurl: url('https://scp-sandbox-3.wikidot.com/local--files/cloudy-perspective/Logo_of_the_SCP_Foundation%20%281%29.png');
  }
  #header::before {
      opacity: 0.40
  }

  Pages using this styling

  • scp-7466 [info]
  • scp-7826 [info]

  ¶ 2 occurrences
  

  a.collapsible-block-link{
       font-weight: bold;
  }
  
  #page-content .rate-box-with-credit-button {
      border: solid 1px rgb(180, 180, 180);
  }

  Pages using this styling

  • scp-7424 [info]
  • site-security-orientation [info]

  ¶ 2 occurrences
  

  .anom-bar-container.apollyon .text-part .main-class::before {
      background-image: url("https://scp-wiki.wdfiles.com/local--files/calibri-s-mega-cool-art-page-it-s-mostly-just-icons-but-what/Apollyon%20fill.svg");
  }
  
  .anom-bar-container.apollyon .text-part .main-class{
      border-left: 0.5rem solid rgba(88,0,188,1);
      background-color: rgba(88,0,188,0.15);
  }
  
  .anom-bar-container.apollyon .danger-diamond > .top-icon::before {
      background-image: url("https://scp-wiki.wdfiles.com/local--files/calibri-s-mega-cool-art-page-it-s-mostly-just-icons-but-what/Apollyon%20fill.svg");
      background-size: contain;
  }
  
  .anom-bar-container.apollyon .danger-diamond > .quadrants > .top-quad  {
      background-color:rgba(88,0,188,0.25);
  }
  
  .anom-bar-container.apollyon .danger-diamond > .top-icon::before {
      background-color:rgb(88,0,188)!important;
  }
  
  .anom-bar-container.apollyon .text-part .main-class::before {
      background-color: rgb(88,0,188)!important;
  }

  Pages using this styling

  • scp-7400 [info]
  • scp-9770 [info]

  ¶ 2 occurrences
  

  /* Hide the original page title */
  #page-title {
    display: none;
  }

  Pages using this styling

  • scp-7356 [info]
  • scp-9433 [info]

  ¶ 2 occurrences
  

  
  #page-content .info-container {
      --link-color: rgb(var(--swatch-text-general));
  }
  
  #page-content .info-container .collapsible-block-link,
  #page-content .info-container:hover .collapsible-block-link {
      line-height: 1.6em;
  }
  
  #page-content .info-container .collapsible-block-folded,
  #page-content .info-container .collapsible-block-unfolded-link {
      display: grid;
  }
  
  #page-content .info-container .collapsible-block-folded .collapsible-block-link,
  #page-content .info-container .collapsible-block-link {
      -webkit-mask: unset;
              mask: unset;
      background: transparent;
      grid-column: 1;
      grid-row: 1;
      opacity: 0;
  }
  
  #page-content .info-container .collapsible-block-folded::before,
  #page-content .info-container .collapsible-block-unfolded-link::before {
      --wght: 800;
      content: "ETC";
      color: #FFFFFF;
      font-family: Inter, Arimo, Verdana, Geneva, "Helvetica Neue", "Helvetica", Arial, sans-serif;;
      display: block;
      pointer-events: none;
      grid-column: 1;
      grid-row: 1;
      line-height: 2.75ex;
  }
  

  Pages using this styling

  • scp-7354 [info]
  • scp-7376 [info]

  ¶ 2 occurrences
  

  
  /* DIV BLOCKS stolen from lt flops */
  .quote-block{
      border: 2px double #999;
      background-color: #f4f4f4;
      padding: .25em 1em;
      margin-bottom: 1em;
  }
  .report-box{
      border: 2px solid rgb(12, 12, 12);
      background-color: white;
      padding: .25em 1em;
      margin-bottom: 1em;
  }
  

  Pages using this styling

  • scp-7300 [info]
  • scp-7308 [info]

  ¶ 2 occurrences
  

  
  /*
  EPISODE-SPECIFIC STYLING
  */
  
  .acs-extra .class-text {
  font-size: calc(8px + (12 - 8) * ((100vw - 400px) / (800 - 400))) !important;
  font-weight: 700 !important;
  }
  
  .acs-extra :is(.icon-1, .icon-2) {
  background-size: 100% !important;
  width: 100% !important;
  }
  
  #page-content .anom-bar-container.metamida .text-part .disrupt-class::before {
  content: "E" !important;
  }
  
  #page-content .anom-bar-container.inimical .text-part .risk-class::before {
  content: "E" !important;
  }
  
  .oracle_memo {
  --memo-heading: "PER AUTHORITY OF THE ORACLE COLLECTIVE";
  --memo-logo: url(https://scp-wiki.wdfiles.com/local--files/scp-7243/admo-7243-oracle.png);
  --memo-color: 204, 154, 37;
  background-size: 75% auto !important;
  background-position: center center !important;
  background-color: rgb(var(--basalt-primary-color)) !important;
  }
  
  .oracle-wave {
  height: 10rem;
  background-image: linear-gradient(180deg, transparent 0%, rgba(var(--admo-color-dim), 0.8) 100%);
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  }
  
  .oracle-wave.end {
  background-image: linear-gradient(0deg, transparent 0%, rgba(var(--admo-color-dim), 0.8) 100%);
  border-top-right-radius: 50%;
  border-top-left-radius: 50%;
  border-bottom-right-radius: initial;
  border-bottom-left-radius: initial;
  }
  
  .asterisk {
  height: 2rem;
  background-image: url(https://scp-wiki.wdfiles.com/local--files/scp-7243/ARsterisk.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  margin: 6rem auto;
  }
  
  #page-content .jotting, .smallmodal {
  padding: 1.2rem !important;
  }
  
  .diss, .diss::selection {
  /* color: darkred; */
  color: transparent;
  }
  
  :is(#page-content table:not(.form), table.wiki-content-table) th :is(div.blockquote, blockquote) > :is(div.blockquote, blockquote) {
  background: rgb(var(--basalt-secondary-color));
  }
  
  :is(#page-content table:not(.form), table.wiki-content-table) th :is(div.blockquote, blockquote) p[style*="text-align: center;"] {
    text-align: left !important;
  }
  
  #page-content .yui-navset.yui-navset-top .yui-content {
  padding-inline: 1.5rem;
  padding-block: 0.5rem;
  background-color: rgb(var(--basalt-primary-color));
  border-width: 2px;
  }
  
  .scp-image-block img {
  max-height: 88vh !important;
  object-fit: contain;
  }
  
  .admo-series-nav {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 2rem;
  background: rgb(var(--basalt-primary-color));
  border: solid 0.15rem #86868636;
  border-radius: 0.5rem;
  padding: 0rem 1rem;
  margin: 1rem 0rem;
  font-family: 'Roboto Condensed',var(--UI-font) ;
  font-size: 1.2rem;
  font-weight: 800;
  }
  
  .sms blockquote {
  background: linear-gradient(145deg, rgba(var(--five-color), .1) 0%, transparent 130%);
  border-color: rgb(var(--five-color), 0.5);
  font-family: var(--mono-font) !important;
  }
  
  .sms .table6 blockquote {
  background: linear-gradient(145deg, rgba(var(--six-color), .1) 0%, transparent 130%) !important;
  border-color: rgba(var(--six-color), 0.5);
  }
  
  .packet {
  background: rgb(var(--basalt-secondary-color));
  padding: 0.2rem 1rem;
  margin: 1rem 0rem;
  font-family: var(--mono-font);
  font-size: 120%;
  clip-path: polygon(0 0, 100% 0, 100% 59px, 96% 100%, 0 100%);
  }
  
  span.tl_id {
  font-family: var(--UI-font);
  font-size: 0.85em;
  text-transform: uppercase;
  }
  
  .graycs, .graycs * {
  --five-color: var(--one-color) !important;
  }
  
  .anom-bar-container.clear-6 .top-center-box > div {
  background-position: center;
  }
  
  span.dd, span.at, span.mcd, span.ir, span.ngo {
  font-weight: bold;
  }
  
  .blockquote:is(.mcd) {
  background-color: rgb(var(--basalt-primary-color));
  --link-color: var(--place);
  }
  
  .blockquote:is(.mastermind) {
  background-color: rgb(var(--basalt-primary-color));
  --link-color: 49, 55, 235;
  }
  

  Pages using this styling

  • scp-7243 [info]
  • scp-admonition-j [info]

  ¶ 2 occurrences
  

  sup {
  vertical-align: top; position: relative; top: -0.5em;
  }
  :root{
  --cutColour: #fafafa;
  --barColour: #590505;
  }
  .translation_block{
  display:none;}
  
  #page-content .info-container {
      --link-color: rgb(var(--swatch-text-general));
  }
  
  #page-content .info-container .translation_block {
      display: none;
  }
  
  #page-content .info-container .collapsible-block-link,
  #page-content .info-container:hover .collapsible-block-link {
      line-height: 1.6em;
  }
  
  #page-content .info-container .collapsible-block-folded,
  #page-content .info-container .collapsible-block-unfolded-link {
      display: grid;
  }
  
  #page-content .info-container .collapsible-block-folded .collapsible-block-link,
  #page-content .info-container .collapsible-block-link {
      -webkit-mask: unset;
              mask: unset;
      background: transparent;
      grid-column: 1;
      grid-row: 1;
      opacity: 0;
  }
  
  #page-content .info-container .collapsible-block-folded::before,
  #page-content .info-container .collapsible-block-unfolded-link::before {
      --wght: 800;
      content: "Orbalorb";
      color: #FFFFFF;
      font-family: Inter, Arimo, Verdana, Geneva, "Helvetica Neue", "Helvetica", Arial, sans-serif;;
      display: block;
      pointer-events: none;
      grid-column: 1;
      grid-row: 1;
  }
  
  .pulsate {
      -webkit-animation: pulsate 1s linear;
      -webkit-animation-iteration-count: infinite;
  }
  @-webkit-keyframes pulsate {
    0% {
      opacity:1;
    }
    25% {
      opacity:.20;
    }
    50% {
      opacity:.9;
    }
    70% {
      opacity:.05;
    }
    85% {
      opacity:.05;
    }
  }

  Pages using this styling

  • scp-7146 [info]
  • scp-7494 [info]

  ¶ 2 occurrences
  

  h1,
  #page-title {
      color: black;
      border-color: black;
  }
  #main-content {
      margin-left: 5em;
  }
  #header {
     background: url('http://scp-wiki.wikidot.com/local--files/component:theme/opconfw.png') 10px 40px no-repeat;
     background-image: url('http://scp-wiki.wikidot.com/local--files/main/logo_250.png');
     background-size: 100px;
     background-position: 10px 64%;
  }
  #header h1 span::before {
      display: none;
  }
  #header h1 a:before {
      display: none;
  }
   #header h2 span::before{
     display: none;
  }
  #side-bar{
     position: absolute;
     left: -15em;
  }
  #login-status{
     display: none;
  }
  body {
     color: hsl(0, 0%, 0%);
  }
  .footnotes-footer{display:none}
  }

  Pages using this styling

  • scp-7075 [info]
  • scp-7729 [info]

  ¶ 2 occurrences
  

   #page-content .yui-nav li a {
      font-weight: bold;
  }

  Pages using this styling

  • scp-7028 [info]
  • your-place-was-empty [info]

  ¶ 2 occurrences
  

  div.scale {
      /* Classification Colors */
      --woedbar-keter-color: #ffffff;
      --woedbar-euclid-color: #ffffff;
      --woedbar-safe-color: #ffffff;
      --woedbar-thaumiel-color: #ffffff;
      --woedbar-neutral-color: #ffffff;
      /* Angled Bar Colors */
      --woedbar-lvl1-color: #ffffff;
      --woedbar-lvl2-color: #ffffff;
      --woedbar-lvl3-color: #ffffff;
      --woedbar-lvl4-color: #ffffff;
      --woedbar-lvl5-color: #ffffff;
      --woedbar-lvl6-color: rgba/hsl/hex/name;
      /* Class Bar Color */
      --woedbar-class-bar-color: #3d3d3d;
  }

  Pages using this styling

  • scp-7015 [info]
  • scp-8025 [info]

  ¶ 2 occurrences
  

  
  /* Manifest Destiny Theme by MisterFrown */
   
  /* Imports */
   
  @import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,900;1,900&display=swap');
  @import url('https://fonts.googleapis.com/css?family=Lato:400,900|PT+Mono|Poppins:600,800');
   
  /* Root Block */
   
  :root {
   
  --logo-image: url("https://scp-wiki.wdfiles.com/local--files/theme%3Acalibri-logos/USA%20SCP");
  --header-title: "SITE-222";
  --header-subtitle: "LIFE AND LIBERTY";
  --header-font: 'Playfair Display', serif;
  --title-font: 'Playfair Display', serif;
  --body-font: 'Lato', sans-serif;
   
  --background-gradient-color: var(--medium-accent);
  --background-gradient-distance: 0px;
   
  --header-height-on-desktop: 12rem;
  --gradient-topmenu: linear-gradient(180deg, rgba(var(--dark-accent),1) 0%, rgba(var(--dark-accent),1) 100%);
  --gradient-topmenu-mobile: var(--gradient-topmenu);
  --topbar-height-on-desktop: 1.7rem;
  --diagonal-stripes: none;
   
  --bright-accent: 100, 149, 237;
  --medium-accent: 65, 105, 225;
  --dark-accent: 25, 25, 112;
   
  --gray-monochrome: var(--dark-accent);
   
  --link-color: var(--dark-accent);
  --visited-link-color: var(--dark-accent);
  --hover-link-color: var(--bright-accent);
  --newpage-color: var(--bright-accent);
   
  --swatch-tertiary-color: var(--dark-accent);
   
  --rating-module-text-color: var(--dark-accent);
  --rating-module-button-cancel-color: var(--dark-accent);
  --rating-module-bottom-border-color: var(--dark-accent);
   
  --toggle-button-bg: rgb(var(--white-monochrome));
  --toggle-border-color: rgb(var(--dark-accent));
  --toggle-icon-color: rgb(var(--dark-accent));
  --toggle-roundness: 0%;
   
  --header-image: url("https://scp-sandbox-3.wdfiles.com/local--files/frownscp4/stars3.png");
  --body-background: url("https://scp-sandbox-3.wdfiles.com/local--files/frownstyle4/stars4.png");
  --american: linear-gradient(123deg,rgba(255, 0, 0, 0.05) 0%, rgba(255, 255, 255, 1) 50%, rgba(76, 22, 224, 0.05) 100%);
   
  }
   
  /* Main Content Block */
   
  #main-content {
   
  --ui-button-txt: var(--dark-accent);
  --ui-button-hover-txt: var(--bright-accent);
  --ui-icon-color: var(--dark-accent);
  --ui-icon-hover-color: var(--bright-accent);
   
  --tabs-txt: var(--dark-accent);
  --tabs-bg: var(--white-monochrome);
  --tabs-hover-bg: var(--bright-accent);
  --tabs-hover-txt: var(--white-monochrome);
  --tabs-selected-bg: var(--dark-accent);
  --tabs-selected-txt: var(--white-monochrome);
  --tabs-selected-outline: var(--dark-accent);
   
  }
   
  /* Header */
   
  #extra-div-1 {
   
  height: var(--header-height-on-desktop);
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
  background-color: rgb(255, 255, 255);
  background-size: 100%;
   
  }
   
  #extra-div-2 {
   
  height: var(--header-height-on-desktop);
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
  background-image: linear-gradient(77deg,rgba(255, 255, 255, 1) 0%, rgba(255, 0, 0, 1) 50%, rgba(76, 22, 224, 1) 100%);
  background-size: 200% 200%;
  opacity: 50%;
   
  }
   
  @keyframes gradient {
   
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
   
  }
   
  #extra-div-3 {
   
  height: var(--header-height-on-desktop);
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
  background-image: var(--header-image);
  background-size: 230%;
   
  }
   
  #header h1, #header h2 {
   
  margin: 1.6rem 0;
   
  }
   
  /* Title */
   
  #page-title::after,
  .meta-title::after,
  #page-title::before,
  .meta-title::before {
   
  height: 0.4rem;
  background: rgb(var(--dark-accent));
   
  }
   
  /* Content Wrap */
   
  #content-wrap {
   
  background-color: var(--white-monochrome);
  background-image: var(--body-background);
  background-repeat: repeat;
   
  }
   
  /* Top Bar */
   
  #top-bar > div[class*="top-bar"] {
   
  z-index: 10;
   
  }
   
  /* Side Bar */
   
  #interwiki .side-block,
  #side-bar .side-block {
   
  box-shadow: 0.20rem 0.20rem 0 rgb(var(--dark-accent));
  background-color: rgb(255, 255, 255);
  background-image: var(--american);
   
  }
   
  #side-bar .close-menu::after {
   
  background-image: var(--american);
   
  }
   
  /* Rating Module */
   
  .page-rate-widget-box {
   
  background-image: var(--american);
   
  }
   
  /* Link Changes (from Penumbra BHL) */
   
      #page-content a:not([href*="user"]):not([href*="javascript:;"]) {
          padding: 0.15em;
          margin: -0.15em;
          color: rgb(var(--black-monochrome));
          -webkit-box-decoration-break: clone;
          box-decoration-break: clone;
          box-shadow: inset 0 -0.125rem 0 0rem rgba(var(--dark-accent), 1);
          transition: box-shadow 300ms cubic-bezier(0.4, 0.0, 0.2, 1), color 300ms cubic-bezier(0.4, 0.0, 0.2, 1), padding 300ms cubic-bezier(0.4, 0.0, 0.2, 1), margin 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
      }
   
      #page-content a:not([href*="user"]):not([href*="javascript:;"]):hover {
          padding: 0.3em 0.25em 0.2em 0.25em;
          margin: -0.25em;
          box-shadow: inset 0 -1.5em 0 0 rgba(var(--dark-accent), 1);
          text-decoration: none;
          color: rgb(var(--white-monochrome));
      }
   
      .danger-diamond a,
      .danger-diamond a:hover {
          color: rgba(0, 0, 0, 0) !important;
          box-shadow: initial !important;
      }
   
  /* Image Block */
   
  .image-block,
  .scp-image-block {
   
  border-top: solid 3px rgb(var(--medium-accent));
   
  }
   
  :is(div.image-block, div.scp-image-block) :is(.image-caption, .scp-image-caption) {
   
  background: rgb(var(--dark-accent));
  color: rgb(255, 255, 255);
   
  }
   
  /* Horizontal Rule */
   
  hr {
   
  border-top: none !important;
  background: rgb(var(--dark-accent));
   
  }
   
  /* Info Bar */
   
  .info-container {
   
  --barColour: rgb(var(--dark-accent));
  --linkColour: rgb(255, 255, 255);
   
  }
   
  #page-content .info-container .collapsible-block-folded,
  #page-content .info-container .collapsible-block-unfolded-link {
   
  display: grid;
  background: rgb(var(--dark-accent));
   
  }
   
  #u-author_block > p > a {
   
  background: rgb(255, 255, 255);
   
  }
   
  /* Tabs */
   
  .yui-navset.yui-navset-top>.yui-content {
   
  background-color: rgb(255, 255, 255);
  background-image: var(--american);
   
  }
   
  /* Bottom Buttons */
   
  div[id*="page-options-bottom"]:not(.page-rate-widget-box):not(#search-top-box-form)>a.btn {
   
  box-shadow: 0.20rem 0.20rem 0 rgb(var(--dark-accent));
  background-color: rgb(255, 255, 255);
  background-image: var(--american);
   
  }
   
  div[id*="page-options-bottom"]:not(.page-rate-widget-box):not(#search-top-box-form)>a.btn:hover {
   
  box-shadow: 0.20rem 0.20rem 0 rgb(var(--bright-accent));
   
  }
   
  /* Code + Page Source */
   
  .code, .page-source {
   
  background-color: rgb(255, 255, 255);
  background-image: var(--american);
  border-color: rgb(var(--dark-accent));
   
  }
   
  /* Hovertip */
   
  .hovertip[style*="display: block"] {
   
  background-color: rgb(255, 255, 255);
  background-image: var(--american);
   
  }
   
  .hovertip:before {
   
  box-shadow: 0.20rem 0.20rem 0 rgb(var(--dark-accent)) !important;
   
  }
   
  .hovertip .f-heading {
   
  background-color: rgb(var(--dark-accent));
   
  }
   
  /* Footnotes */
   
  .bibitems .title,
  .footnotes-footer .title {
   
  transform: translate(-15%, 0%);
   
  }
   
  .bibitems,
  .footnotes-footer {
   
  background-color: rgb(255, 255, 255);
  background-image: var(--american);
  box-shadow: 0.20rem 0.20rem 0 rgb(var(--dark-accent));
   
  }
   
  .bibitems .bibitem::after,
  .footnotes-footer a[href*="javascript"]::before {
   
  background-color: rgba(var(--white-monochrome), 0);
   
  }
   
  /* Divs */
   
  :is(blockquote, div.blockquote, [class*="blockquote"]) {
   
  background-color: rgba(var(--bright-accent), 0.2);
  box-shadow: none;
  border-left: solid 3px rgb(var(--dark-accent));
   
  }
   
  @media only screen and (max-width: 600px) {
   
  #extra-div-3 {
   
  background-size: 500%;
   
  }
   
  }
   
  .asterisk {
   
  background: url("https://scp-sandbox-3.wdfiles.com/local--files/frownstyle4/stars-stack.png");
  background-size: 5%;
  background-position: center;
  background-repeat: no-repeat;
  padding: 20px;
  margin-top: 10px;
  margin-bottom: 10px;
   
  }
   
  .notation {
   
  margin: auto;
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 15px;
  width: 90%;
  border-left: solid 3px rgb(var(--dark-accent));
  border-right: solid 3px rgb(var(--dark-accent));
  background: rgb(var(--white-monochrome));
   
  }
  

  Pages using this styling

  • scp-6964 [info]
  • secure-facility-dossier-site-222 [info]

  ¶ 2 occurrences
  

  
  .email-example .collapsible-block-folded a.collapsible-block-link {
      animation: blink 0.6s ease-in-out infinite alternate;
  }
  @keyframes blink {
      0% { color: transparent; }
      50%, 100% { color: #b01; }
  }
  .email {border: solid 2px #000000; width: 88%; padding: 1px 15px; margin: 10px; box-shadow: 0 1px 3px rgba(0,0,0,.5)}
  .email-example a.collapsible-block-link {font-weight: bold;}
  .tofrom {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px maroon}

  Pages using this styling

  • scp-6936 [info]
  • when-the-sun-sets-for-its-thousandth-time [info]

  ¶ 2 occurrences
  

  
  /* Adjust Mobile Image Size */
  @media (max-width: 479px) {
  #header {
      background-size: 100px 100px;
      background-position: 1em;
  }
  }
  

  Pages using this styling

  • scp-6897 [info]
  • scp-7806 [info]

  ¶ 2 occurrences
  

  :root {
    --header-title: "A Suitable Continuation of Peace";
    --header-subtitle: "Science, Compassion, Peace ";
  }
  
  @media only screen and (max-width: 26.5625rem) {
      :root {
          --header-title: "Continuation of Peace";
      }
   
      #header::before {
          top: -1rem;
          left: -2rem;
      }

  Pages using this styling

  • scp-6874 [info]
  • scp-7061 [info]

  ¶ 2 occurrences
  

  .email {
    border: solid 2px #000000;
    width: 88%;
    padding: 1px 15px;
    margin: 10px;
    box-shadow: 0 1px 3px rgba(0,0,0,.5);
  }
  .tofrom {
    margin-left: 10px;
    margin-top: 5px;
    padding: 1px 15px;
    border-left: solid 3px maroon;
  }

  Pages using this styling

  • scp-6856 [info]
  • scp-6857 [info]

  ¶ 2 occurrences
  

  /* HEADER */
  :root{
       --header-title: "SITE-232";
       --header-subtitle: "STRATHROY-CARADOC PLAZA";
  }
   div#extra-div-1{
       background-image: url(https://scp-wiki.wdfiles.com/local--files/scp-6836/232.png);
  }
   .top-left-box > .item{
       display: inline;
  }
  .top-left-box > .item {
    display: none;
  }

  Pages using this styling

  • scp-6836 [info]
  • scp-6837 [info]

  ¶ 2 occurrences
  

  
  /*
  EPISODE-SPECIFIC STYLING
  */
  
  .no {
  color: transparent;
  }
  
  #page-content .lizard {
  text-align: center;
  font-family: var(--mono-font);
  font-size: 1.25em;
  font-weight: bold;
  color: rgb(var(--admo-color-bright)) !important;
  }
  
  .anom-bar-container.drygioni .text-part > .main-class::after {
  background-repeat: no-repeat;
  }
  
  #page-content .sigma {
  font-family: 'Verdana';
  font-size: 0.8rem;
  max-width: 708px;
  padding: 12px;
  }
  
  #page-content .sigma p {
  letter-spacing: 0px;
  }
  

  Pages using this styling

  • scp-6820 [info]
  • vile [info]

  ¶ 2 occurrences
  

  
  /*
  EPISODE-SPECIFIC STYLING
  */
  
  #page-content .anom-bar-container.clear-6 .top-center-box > div {
  background-color: rgb(var(--six-color));
  background-blend-mode: luminosity;
  }
  
  #u-blink-bar p:last-child::after {
  content: "";
  border-right: 1px solid rgb(var(--basalt-main-text-color));
  animation: blink 1s infinite;
  position: relative;
  left: 1px;
  }
   
  @keyframes blink{
  to {
  opacity: 0;
  }
  }
  

  Pages using this styling

  • scp-6747 [info]
  • scp-8569 [info]

  ¶ 2 occurrences
  

  sup {
  vertical-align: top; position: relative; top: -0.5em;
  }
  :root{
  --cutColour: #fafafa;
  --barColour: #590505;
  }
  
  #page-content .info-container {
      --link-color: rgb(var(--swatch-text-general));
  }
  
  #page-content .info-container .translation_block {
      display: none;
  }
  
  #page-content .info-container .collapsible-block-link,
  #page-content .info-container:hover .collapsible-block-link {
      line-height: 1.6em;
  }
  
  #page-content .info-container .collapsible-block-folded,
  #page-content .info-container .collapsible-block-unfolded-link {
      display: grid;
  }
  
  #page-content .info-container .collapsible-block-folded .collapsible-block-link,
  #page-content .info-container .collapsible-block-link {
      -webkit-mask: unset;
              mask: unset;
      background: transparent;
      grid-column: 1;
      grid-row: 1;
      opacity: 0;
  }
  
  #page-content .info-container .collapsible-block-folded::before,
  #page-content .info-container .collapsible-block-unfolded-link::before {
      --wght: 800;
      content: "🐟";
      color: #FFFFFF;
      font-family: Inter, Arimo, Verdana, Geneva, "Helvetica Neue", "Helvetica", Arial, sans-serif;;
      display: block;
      pointer-events: none;
      grid-column: 1;
      grid-row: 1;
  }

  Pages using this styling

  • scp-6718 [info]
  • scp-7362 [info]

  ¶ 2 occurrences
  

  :root {
   --timeDelay: 0.5s;
   --problem: 255, 109, 0
  }

  Pages using this styling

  • scp-6643 [info]
  • scp-6721 [info]

  ¶ 2 occurrences
  

  :root{
    --header-subtitle: "SECURE | CONTAIN | PROTECT";
  }
  
  div#extra-div-1 {
      background-image: url(https://scp-wiki.wdfiles.com/local--files/scp-6625/logoblue.png);
      filter: opacity(100%);
  }

  Pages using this styling

  • scp-6625 [info]
  • the-fall-of-site-128 [info]

  ¶ 2 occurrences
  

      :root {
          --header-gradient-color-bottom: 157, 157, 157;
      --bright-accent: 190, 190, 190;
      --pale-accent: 190, 190, 190;
      --dark-accent: 141, 199, 223;
      --hover-link-color: 91, 206, 250;
      --visited-link-color: 91, 206, 250;
  #page-title {display: none;}

  Pages using this styling

  • scp-6573 [info]
  • scp-7183 [info]

  ¶ 2 occurrences
  

   :root{
     --header-title: "SCP FOUNDATION";
     --header-subtitle: "Demonics Division";
     --lgurl: url(http://scpdsandbox.wikidot.com/local--files/jtkcdemon/demonicsdept-1_1.png);
  }

  Pages using this styling

  • scp-6566 [info]
  • scp-7129 [info]

  ¶ 2 occurrences
  

  .email-example .collapsible-block-folded a.collapsible-block-link {
      animation: blink 0.8s ease-in-out infinite alternate;
  }
  @keyframes blink {
      0% { color: transparent; }
      50%, 100% { color: #b01; }
  }
  .email {border: solid 2px #000000; width: 88%; padding: 1px 15px; margin: 10px; box-shadow: 0 1px 3px rgba(0,0,0,.5)}
  .email-example a.collapsible-block-link {font-weight: bold;}
  .tofrom {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px maroon}
  

  Pages using this styling

  • scp-6563 [info]
  • scp-6731 [info]

  ¶ 2 occurrences
  

  
  .info-container .collapsible-block-folded a{
  color: #FFF;}
  .info-container .collapsible-block-unfolded-link a{
  color: #FFF;
  }
  
  .info-container .collapsible-block-folded a{
  color: #FFF;}
  .info-container .collapsible-block-unfolded-link a{
  color: #FFF;
  }
  
  #page-content > .collapsible-block {
      display: block;
      text-align: center;
      padding: .8em;
      background-color: #e3e3e3;
      border-top: 0.125rem dashed #b5b5b5;
      border-bottom: 0.125rem dashed #b5b5b5;
  }
  
  #page-content > .collapsible-block .collapsible-block-content {
      text-align: left;
  }
  
  blockquote,
  div.blockquote {
      border: 0.125rem solid #d4d4d4;
      background-color: #F5F5F5;
  }
  
  .interview{
      border:solid 2px #d4d4d4;
      background:#F5F5F5;
      width:90%;
      padding:1px 15px;
      margin: 10px auto;
  }
  
  .addendum{
      border:solid 1px #5e5e5e;
      background:#ffffff;
      width:90%;
      padding:1px 15px;
      margin: 10px auto;
  }
  
  #page-title{display:none}
  

  Pages using this styling

  • scp-6556 [info]
  • spc-6556 [info]

  ¶ 2 occurrences
  

  :root {
      --logo-image: url("https://scp-wiki.wikidot.com/local--files/grigori-karpin-s-author-page/vanguard%20transparent.png");
      --header-title: "ANGUARD";
      --header-subtitle: "SHELTER - NORMALIZE - INFORM";
      --header-h2-font-size: 1.1em;
  }
  
  @import url('https://fonts.googleapis.com/css?family=Ruslan+Display');
  .shadow {
      font-family: 'Ruslan Display', cursive;
      font-size: 110%;
  }
  
  #header::before {
      left: -12rem;
      filter: brightness(125%);
      opacity: 1;
  }
  
  #header h1 a::before {
      font-size: unset;
  }
  
  #header h2::before {
      color: #fe4;
  }
  
  #header h2 {
      top: 1em;
  }
  
  #header #login-status {
      left: -2vw;
  }
  
  @media (max-width: 767px) {
      #header::before {
          left: -7rem;
      }
  
      #header h1 {
          top: 0.5em;
          left: 0.5em;
      }
  }
  
  #page-title {
      display: none;
  }
  
  
  .newmes{
  color: #d00;
  }
  
  .red-hr > hr{
  background-color: #d00;
  bottom: 0.2em;
  }

  Pages using this styling

  • scp-6521 [info]
  • scp-7864 [info]

  ¶ 2 occurrences
  

  .page {
      display: block;
      overflow: hidden;
      font-family: "Monotype Corsiva", "Bradley Hand ITC", sans-serif;
      font-size: 18px;
      font-style: normal;
      background-attachment: scroll;
      background-clip: border-box;
      background-color: transparent;
      background-image: linear-gradient(to top ,rgb(202, 219, 228) 0%, rgb(231, 233, 220) 8%);
      background-origin: padding-box;
      background-position: 0px 8px;
      background-repeat: repeat;
      background-size: 100% 20px;
      border: 1px solid #CCC;
      border-radius: 10px;
      padding: 10px 10px;
      margin-bottom: 10px;
      box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2)
  }
  .page p,
  .page ul {
      line-height: 20px;
      margin: 0;
  }

  Pages using this styling

  • scp-6517 [info]
  • scp-7242 [info]

  ¶ 2 occurrences
  

  :root {
      --five-color: 0,0,0;
      --four-color: 0,0,0;
      --three-color: 0,0,0;
      --two-color: 0,0,0;
      --one-color: 0,0,0;
  }

  Pages using this styling

  • scp-6502 [info]
  • scp-7212 [info]

  ¶ 2 occurrences
  

  :root {
   --header-title: "Anomalous Weapons";
   --header-subtitle: "La tosca herramienta en arma trocar";
  }
  
  #header h2 {
  margin-top: 1em;
  }

  Pages using this styling

  • scp-6410 [info]
  • scp-6946 [info]

  ¶ 2 occurrences
  

  .report-box{ /* ---- Report Block ---- */
       margin: 1em 0;
       padding: 20px;
   
       background-color: hsl(0, 0%, 100%);
       border: medium solid hsl(0, 0%, 5%);
  }
   .report-box hr{
       border-color: hsl(0, 0%, 5%);
  }
  
  #page-content a.collapsible-block-link:not(.licensebox a.collapsible-block-link, .info-container a.collapsible-block-link) {
     font-weight: 800;
     color: white;
     padding-top: 4px;
     padding-bottom: 4px;
     padding-left: 7px;
     padding-right: 9px;
     background: rgb(100, 3, 15);
     border-radius: 6px;
     margin-top: 10px;
     margin-bottom: 12px;
  }

  Pages using this styling

  • scp-6410 [info]
  • scp-6946 [info]

  ¶ 2 occurrences
  

  #header h1 a::before {
      content: "Department of Spectral Affairs";
      font-size: 50px;
  }
  #header h2 {
      font-size: 15px;
  }
  #header h2 span {
      color: transparent;
      text-shadow: none;
  }
  #header h2 span::before {
      content: "Office of Spectral Entity Diplomacy.";
      color: black;
  }
  
  div#extra-div-1 {
      height: 160px;
      width: 100%;
      top: 0;
      position: absolute;
      background: url('https://scp-wiki.wdfiles.com/local--files/welcome-to-spectral-affairs/new_spectral_affairs_logo.png');
      background-size: contain;
      background-repeat: no-repeat;
      background-position: 50% 50%;
      z-index: -1;
  
  }
   :root{
     --header-title: "Department of Spectral Affairs";
     --header-subtitle: "Office of Spectral Entity Diplomacy";
     --titleColor: black;
     --subtitleColor: black;
     --logo-img: url(https://scp-wiki.wdfiles.com/local--files/welcome-to-spectral-affairs/new_spectral_affairs_logo.png)
  
  }

  Pages using this styling

  • scp-6403 [info]
  • scp-9610 [info]

  ¶ 2 occurrences
  

  /*-- ACS Lite Animation Compatibility Patch --*/
  .anom-bar > .bottom-box::before { display: none; }
  .anom-bar > .bottom-box { box-shadow: none!important; }
  div.diamond-part { clip-path: none; animation: none; box-shadow: none!important; }
  @media (max-width: 480px) { }
  div.top-right-box { clip-path: polygon(0% -30%, 100% -30%, 100% 130%, 0% 130%); }
  
  
  .danger-diamond > .arrows,
  .anom-bar > .bottom-box::before {
      background-color: transparent!important;
  }
  .anom-bar > .bottom-box {
      box-shadow: 0 -0.5rem 0 0 transparent!important;
  }
  
  .bottom-box > .diamond-part {
      box-shadow: -0.5rem 0 0 0 transparent!important;
  }

  Pages using this styling

  • scp-6357 [info]
  • scp-6661 [info]

  ¶ 2 occurrences
  

  #page-content .info-container .collapsible-block-folded::before,
  #page-content .info-container .collapsible-block-unfolded-link::before {
      --wght: 800;
      content: "🐟";
      color: #FFFFFF;
      font-family: Inter, Arimo, Verdana, Geneva, "Helvetica Neue", "Helvetica", Arial, sans-serif;;
      display: block;
      pointer-events: none;
      grid-column: 1;
      grid-row: 1;
  }

  Pages using this styling

  • scp-6289 [info]
  • scp-7619 [info]

  ¶ 2 occurrences
  

  :root {
      --four-color: 102, 64, 179;
      --two-color: 102, 64, 179;
  }

  Pages using this styling

  • scp-6187 [info]
  • scp-7619 [info]

  ¶ 2 occurrences
  

  
  #page-title{display:none}
  

  Pages using this styling

  • scp-618 [info]
  • scp-6954 [info]

  ¶ 2 occurrences
  

  :root {
  --problem: 241, 167, 92;
  }
  
  .creditRate {
  float: unset !important;
  margin-bottom: unset !important;
  }
  
  #top-bar div.open-menu a {
  border: none;
  background: black;
  color: white;
  }
  
  #header h1 a::before, #header h2::before {
  text-shadow: 0px 0px 12px white;
  }
  
  #header h1 a::before {
  -webkit-text-stroke: 2px black;
  }
  
  #header h2 {
  margin-top: 0.9rem;
  }
  
  #main-content {
  top: -0.5rem;
  }
  
  #top-bar, #top-bar a {
  top: 10rem;
  font-weight: bold;
  color: black;
  }
  
  ::selection {
  background: #cf1932;
  text-shadow: none;
  color: white;
  }
  
  .scp-image-block .scp-image-caption {
  background-color: black;
  color: #ffffff;
  margin-top: 10px;
  }
  
  .scp-image-block {
  border: none;
  }
  
  .scp-image-block img {
  border: solid 1px black;
  box-sizing: border-box;
  }
  #page-content > hr:nth-child(2), div.paper hr:not(div.paper-content hr) {
  background: transparent !important;
  border-top: double 4px black;
  }

  Pages using this styling

  • scp-6172 [info]
  • secure-facility-dossier-site-120 [info]

  ¶ 2 occurrences
  

  :root{
    --header-title: "R\0026 C SITE-120";
    --header-subtitle: "FIGHTING FIRE WITH FIRE";
  }
  
  div#extra-div-1 {
      background-image: url(https://scp-wiki.wdfiles.com/local--files/secure-facility-dossier-site-120/120.png);
      filter: opacity(20%);
  }

  Pages using this styling

  • scp-6172 [info]
  • secure-facility-dossier-site-120 [info]

  ¶ 2 occurrences
  

  .danger-diamond a { text-shadow: none; }

  Pages using this styling

  • scp-6143 [info]
  • scp-7233 [info]

  ¶ 2 occurrences
  

  body{
      --barColour: #8c8c8c;
  }
  
  :root{
    --header-title: "SCP Foundation";
    --header-subtitle: "Secure, Contain, Protect";
  }
  
  #header h1 a:before {
      font-size: 2.0rem;
  }
  
  div#extra-div-1 {
      background-image: url(http://scp-sandbox-3.wdfiles.com/local--files/harry-blank-6/BlankstyleSCP-2.png);
      filter: opacity(50%);
  }
  
  #page-content .info-container {
      --link-color: rgb(var(--swatch-text-general));
  }
  
  #page-content .info-container .translation_block {
      display: none;
  }
  
  #page-content .info-container .collapsible-block-link,
  #page-content .info-container:hover .collapsible-block-link {
      line-height: 1.6em;
  }
  
  #page-content .info-container .collapsible-block-folded,
  #page-content .info-container .collapsible-block-unfolded-link {
      display: grid;
  }
  
  #page-content .info-container .collapsible-block-folded .collapsible-block-link,
  #page-content .info-container .collapsible-block-link {
      -webkit-mask: unset;
              mask: unset;
      background: transparent;
      grid-column: 1;
      grid-row: 1;
      opacity: 0;
  }
  
  #page-content .info-container .collapsible-block-folded::before,
  #page-content .info-container .collapsible-block-unfolded-link::before {
      --wght: 800;
      content: "J Dune";
      color: #FFFFFF;
      font-family: Inter, Arimo, Verdana, Geneva, "Helvetica Neue", "Helvetica", Arial, sans-serif;;
      display: block;
      pointer-events: none;
      grid-column: 1;
      grid-row: 1;
      line-height: 2.75ex;
  }

  Pages using this styling

  • scp-6102 [info]
  • scp-7961 [info]

  ¶ 2 occurrences
  

  @media only screen and (max-width: 1024px) {
  body .italic, body .italic *, body em, body em *, body i, body i * {
   --slnt: 7;
  }
  }

  Pages using this styling

  • scp-6086 [info]
  • scp-7931 [info]

  ¶ 2 occurrences
  

  .justify {
     text-align: justify;
  }
  
  @media only screen and (max-width: 768px) {
   .justify {
    text-align: left;
   }
  }

  Pages using this styling

  • scp-6086 [info]
  • unusual-news [info]

  ¶ 2 occurrences
  

  .anom-bar-container.pending .second-class,
  .anom-bar-container.pending .text-part > .main-class::before {
      display: flex;
  }
  .anom-bar-container.pending .danger-diamond > .top-icon {
      width: 33%;
      height: 33%;
      top: 0.25rem;
      left: 33.5%;
      border-width: 0.1875rem;
  }
  .anom-bar-esoteric .anom-bar-container.pending .text-part > .main-class::before {
      top: calc(50% - 2.25rem) !important;
      right: 1.5rem !important;
  }
  .anom-bar-esoteric .anom-bar-container.pending .text-part > .main-class::after {
      top: calc(50% - 2.25rem) !important;
      right: 0.5rem !important;
  }
  @media (max-width: 875px ) {
      .anom-bar-esoteric .anom-bar-container.pending .text-part > .main-class::before {
          top: 1.2rem !important;
          right: 1.5rem !important;
      }
      .anom-bar-esoteric .anom-bar-container.pending .text-part > .main-class::after {
          top: 1.2rem !important;
          right: 0.5rem !important;
      }
  }
  @media (max-width: 480px ) {
      .danger-diamond > .top-icon {
          top: 0.375rem !important;
      }
  }

  Pages using this styling

  • scp-6046 [info]
  • scp-7979 [info]

  ¶ 2 occurrences
  

  .containercontainer {position: relative;width: auto;height: auto;border: 2px solid #666;background: #141212;color: #3F3;margin-top: 1em;margin-bottom: 1em;}.containercontainer .container .overlay {background: rgba(51, 255, 51, 0.9);color: #121010;position: absolute;width: auto;height: 50px;top: 0;right: 0;bottom: 0;left: 0;margin: auto;line-height: 50px;display: inline;vertical-align: middle;text-align: center;font-family: Courier New;font-size: 30px;letter-spacing: 5px;font-weight: bolder;z-index: 3;animation: overlay-anim 10s linear;animation-fill-mode: forwards;animation-iteration-count: infinite;}.overlayback {background: rgba(187, 187, 187, 0.5);z-index: 3;position: absolute;top: 0;left: 0;bottom: 0;right: 0;width: auto;height: auto;animation: overlay-anim 10s linear;animation-fill-mode: forwards;animation-iteration-count: infinite;}.containercontainer .container {text-align: center;width: inherit;height: inherit;position: relative;overflow: hidden;}.containercontainer .container::after {content: " ";display: block;position: absolute;top: 0;left: 0;bottom: 0;right: 0;background: rgba(21, 19, 19, 0.2);opacity: 0;z-index: 2;animation: flicker 0.15s infinite;}.containercontainer .container::before {content: " ";display: block;position: absolute;top: 0;left: 0;bottom: 0;right: 0;background: linear-gradient(rgba(18, 16, 16, 0.03) 50%, rgba(0, 0, 0, 0.45) 50%), linear-gradient(90deg, rgba(255, 0, 0, 0.22), rgba(0, 255, 0, 0.11), rgba(0, 0, 255, 0.22));z-index: 2;background-size: 100% 2px, 3px 100%;}.no-unfold {text-align: center;}.container h1,.container h2,.container h3,.container h5,.container h6 {color: #3F3;}.container hr {border-top: 1px dotted #3F3;border-bottom: none;}.container hr {border-top: 1px solid #3F3;border-bottom: 1px solid #3F3;color: transparent;background-color: transparent;}.container hr:after {display: block;margin-top: 2px;border-top: 1px solid #3F3;border-bottom: 1px solid #3F3;}.blinkbar {animation: blink 1.5s infinite; letter-spacing: -0.13em;}@keyframes blink{to{opacity: .0;}}@keyframes flicker {0% {opacity: 0.9890; }5% {opacity: 0.5842; }10% {opacity: 0.9865; }15% {opacity: 0.0412; }20% {opacity: 0.6255; }25% {opacity: 0.3157; }30% {opacity: 0.7328; }35% {opacity: 0.4654; }40% {opacity: 0.9128; }45% {opacity: 0.2449; }50% {opacity: 0.5485; }55% {opacity: 0.6438; }60% {opacity: 0.1180; }65% {opacity: 0.9085; }70% {opacity: 0.0266; }75% {opacity: 0.6795; }80% {opacity: 0.7812; }85% {opacity: 0.0117; }90% {opacity: 0.2239; }95% {opacity: 0.8897; }100% {opacity: 0.2260; }}@keyframes overlay-anim {0% {visibility: hidden; }10% {visibility: hidden; }11% {visibility: visible; }50% {visibility: hidden; }100% {visibility: hidden; }}

  Pages using this styling

  • scp-6040 [info]
  • scp-6300 [info]

  ¶ 2 occurrences
  

  #page-title {
    display: none;
  }
  :is(blockquote, .blockquote, div.blockquote, [class*="blockquote"]) {
      background-color: #fdfdfd;
  }

  Pages using this styling

  • scp-6005 [info]
  • scp-7604 [info]

  ¶ 2 occurrences
  

  @import url('https://fonts.googleapis.com/css2?family=Patrick+Hand&display=swap');
  
  
  .page {
      display: block;
      overflow: hidden;
      font-family: 'Patrick Hand', cursive;
      font-size: 1.6em;
      font-style: normal;
  
     
      background-attachment: scroll;
      background-clip: border-box;
      background-color: transparent;
      background-image: linear-gradient(to top ,rgb(202, 219, 228) 0%, rgb(231, 233, 220) 8%);
      background-origin: padding-box;
      background-position: 0px 8px;
      background-repeat: repeat;
      background-size: 100% 20px;
      
  
      border: 1px solid #CCC;
      border-radius: 10px;
      padding: 10px 10px;
      margin-bottom: 10px;
  
      box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2)
      }
  .page p {
      line-height: 20px;
      margin: 0;
  }
  .page ul {
      list-style: symbols;
  }
  
  #page-content {
      position: relative;
  }
  
  .desktop-only {
      height: 21rem;
      width: 10rem;
      background: #ffffff;
      position: -webkit-sticky;
      position: sticky;
      top: 15rem;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      border: solid 1px #444444;
      padding: 10px;
      -webkit-box-shadow: none;
         -moz-box-shadow:  none;
              box-shadow: none;
      overflow: visible;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
         -moz-box-orient: vertical;
         -moz-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-transform: translateX(400%);
         -moz-transform: translateX(400%);
          -ms-transform: translateX(400%);
           -o-transform: translateX(400%);
              transform: translateX(400%);
  }
  
  .article {
      margin-top: -21rem!important;
  }
      
  @media (max-width: 1250px) {
      .desktop-only {
       display: none !important;
       visibility:hidden
      }
  .article {
      margin-top: 4rem!important;
  }
      #page-content > div:nth-child(5) {
       margin-top: 0;
      }
  
  }
  

  Pages using this styling

  • scp-5936 [info]
  • scp-7278 [info]

  ¶ 2 occurrences
  

  #page-content .collapsible-block {  
      max-width: 100%;
      /* text-align: left; */
      text-align: center;
      text-color: black;
      border-color: #000000;
      border: solid 1px #000000;
      background-color: #f5f5f5;
  }
  .collapsible-block-content p {
     text-align: left;
     margin-left: 7px; 
     margin-right: 7px;
     padding-left: 5px;
     padding-right: 5px;
  }
  blockquote {
     margin-left: 10px; 
     margin-right: 10px;    
     border: 1px double #999;
     background-color: #ffffff;
  }
  table.wiki-content-table { 
     margin-left: 7px; 
     margin-right: 7px;
     background-color: #ffffff;
  }
  .footnotes-footer { 
      visibility: hidden; 
      height: 0;
      padding: 0;
      margin: 0;
  }

  Pages using this styling

  • scp-5920 [info]
  • scp-7844 [info]

  ¶ 2 occurrences
  

  
  #page-title {
      display: none;
  }

  Pages using this styling

  • scp-5894 [info]
  • sol-invictus [info]

  ¶ 2 occurrences
  

  @import url('https://fonts.googleapis.com/css2?family=Nothing+You+Could+Do&display=swap');
  
  div.info-container > div.collapsible-block {
      padding: 0 !important;
      margin: 0 !important;
      box-shadow: none !important;
  }
  
  
  .type3 {
      display: block;
      overflow: hidden;
      font-family: 'Nothing You Could Do', cursive;
      font-style: normal;
      font-size: 150%;
  
      background-attachment: scroll;
      background: linear-gradient(rgba(230, 225, 250, 0.3), rgba(230, 225, 250, 0.3)), url(http://scp-wiki.wdfiles.com/local--files/scp-5862/paperbackground.jpg);
      background-clip: border-box;
      background-color: rgb(219, 199, 171); 
      background-origin: padding-box;
      background-repeat: repeat;
      background-size: 100%;
  
      border: 1px solid #CCC;
      border-radius: 10px;
      padding: 10px 10px;
      margin-bottom: 10px;
  
      box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2)
      }
  .type3 p,
  .type3 ul {
      line-height: 25px;
      margin: 0;
  }

  Pages using this styling

  • scp-5862 [info]
  • scp-5903 [info]

  ¶ 2 occurrences
  

  table.wiki-content-table th {
  background-color: #bdbfbf;
  color: #000000
  }

  Pages using this styling

  • scp-5834 [info]
  • scp-6537 [info]

  ¶ 2 occurrences
  

  .footnotes-footer {
      visibility: hidden;
      height: 0;
      padding: 0;
      margin: 0;
  }
  :root {
  --thaumiel: 0, 135, 189
  }

  Pages using this styling

  • scp-5829 [info]
  • scp-6296 [info]

  ¶ 2 occurrences
  

   :root{
     --lgurl: url(https://scp-wiki.wdfiles.com/local--files/component:pride-highlighter/lgbtqp_logo.svg);
  }

  Pages using this styling

  • scp-5768 [info]
  • scp-6178 [info]

  ¶ 2 occurrences
  

  .info-container {
  --barColour: #91697C;
  }

  Pages using this styling

  • scp-5674 [info]
  • scp-7511 [info]

  ¶ 2 occurrences
  

  .info-container .collapsible-block-content > div:nth-child(1) > p {
      margin: 0.5em;
  }
  .info-container #u-author_block, .info-container .translation_block{
   display: none;
  }

  Pages using this styling

  • scp-5674 [info]
  • scp-7511 [info]

  ¶ 2 occurrences
  

  sup {
      vertical-align: top;
      position: relative;
      top: -0.5em;
  }
  
  :root {
      --cutColour: #fafafa;
      --barColour: #313135;
      --linkColour: #fff;
  }
  
  .translation_block {
      display: none;
  }
  
  .info-container .collapsible-block-folded a {
      color: #FFF;
  }
  
  .info-container .collapsible-block-unfolded-link a {
      color: #FFF;
  }
  
  .info-container .collapsible-block-link,
  .info-container:hover .collapsible-block-link {
      line-height: 1.6em;
  }

  Pages using this styling

  • scp-5671 [info]
  • scp-6358 [info]

  ¶ 2 occurrences
  

  @import url('https://fonts.googleapis.com/css?family=Courier+Prime&display=swap');

  Pages using this styling

  • scp-5570 [info]
  • scp-5707 [info]

  ¶ 2 occurrences
  

  @import url('https://fonts.googleapis.com/css2?family=Coming+Soon&display=swap');
  
  .email {float: center; border: solid 2px #000000; width: 88%; padding: 1px 15px; margin: 10px 10px 10px 10px; box-shadow: 0 1px 3px rgba(0,0,0,.5)}
  a.collapsible-block-link { font-weight: bold; }
  .tofrom {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px maroon}
  
  :root {
    --zero: 0;
  }
  

  Pages using this styling

  • scp-5545 [info]
  • scp-7791 [info]

  ¶ 2 occurrences
  

  
  .text{
      border:dotted 1px #000000;
      background:#FFFFFF;
      width:90%;
      padding:1px 15px;
      margin: 10px auto;
  }
  
  .transcript{
      border:dotted 1px #000000;
      background:#f2f3f4;
      width:90%;
      padding:1px 15px;
      margin: 10px auto;
  }
  
  .appeal{
      border:dotted 1px #000000;
      background:#F8F8FF;
      width:90%;
      padding:1px 15px;
      margin: 10px auto;
      max-width: 500px;
  }
  span.date{
  max-width: 300px;
  border-radius: 15px;
  padding: 4px 8px;
  display: inline-block;
  text-align: right; float:right;
  background-color: #f8f8ff;
  }
  span.blue{
  max-width: 300px;
  border-radius: 15px;
  padding: 4px 8px;
  display: inline-block;
  text-align: left; float:right;
  background-color: #3578e5;
  color: #fff;
  }
  
  span.maroon{
  max-width: 300px;
  border-radius: 15px;
  padding: 4px 8px;
  display: inline-block;
  text-align: left; float:right;
  background-color: #cb4154;
  color: #fff
  }
  
  span.green{
  max-width: 300px;
  border-radius: 15px;
  padding: 4px 8px;
  display: inline-block;
  text-align: left; float:left;
  background-color: #f1f0f0;
  }
  blockquote{background-color: transparent;}

  Pages using this styling

  • scp-5489 [info]
  • scp-6737 [info]

  ¶ 2 occurrences
  

  div#container-wrap {
      background-image: url(https://scp-wiki.wdfiles.com/local--files/grigori-karpin-s-author-page/backgroundVK-1);
  }
  :root {
      --logo-image: url("https://scp-wiki.wdfiles.com/local--files/grigori-karpin-s-author-page/VKlogo-pride-Small");
      --header-title: "  Vikander-Kneed";
      --header-subtitle: "   Technical Media";
  }
  
  /* Adjust Mobile Image Size */
  @media (max-width: 479px) {
  #header {
      background-size: 100px 100px;
      background-position: 1em;
  }
  }
  

  Pages using this styling

  • scp-5479 [info]
  • scp-8690 [info]

  ¶ 2 occurrences
  

  :root {
      --cutColour: #fafafa;
  }
  
  .translation_block {
      display: none;
  }
  
  .info-container .collapsible-block-folded a {
      color: #FFF;
  }
  
  .info-container .collapsible-block-unfolded-link a {
      color: #FFF;
  }
  
  .info-container .collapsible-block-link,
  .info-container:hover .collapsible-block-link {
      line-height: 1.6em;
  }

  Pages using this styling

  • scp-5391 [info]
  • scp-5437 [info]

  ¶ 2 occurrences
  

  .anom-bar-container.ekhi .danger-diamond > .quadrants > .left-quad,
  .anom-bar-container.danger .danger-diamond > .quadrants > .right-quad {
      background-color:rgba(255,109,0,0.25);
      background-color: rgb(255,109,0,0.25);
  }

  Pages using this styling

  • scp-5382 [info]
  • scp-6172 [info]

  ¶ 2 occurrences
  

  @import url('https://fonts.googleapis.com/css2?family=Gloria+Hallelujah&display=swap');
  @import url('https://fonts.googleapis.com/css?family=PT+Mono&display=swap');
  
  .page {
      display: block;
      overflow: hidden;
      font-family: 'Gloria Hallelujah', cursive;
      font-style: normal;
      color: black;
  
      background-attachment: scroll;
      background-clip: border-box;
      background-color: transparent;
      background-image: linear-gradient(to top ,rgb(202, 219, 228) 0%, rgb(231, 233, 220) 8%);
      background-origin: padding-box;
      background-position: 0px 8px;
      background-repeat: repeat;
      background-size: 100% 20px;
  
      border: 1px solid #CCC;
      border-radius: 10px;
      padding: 10px 10px;
      margin-bottom: 10px;
  
      box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2)
  }
  
  .page p {
      line-height: 20px;
      margin: 0;
  }
   
  /* Parawatch Forum Pseudo-Blockquotes */
  div.parapost {
      background:  black;
      border-width: 2px;
      border-style: solid;
      border-color: #1a1a1a;
      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;}
   
  @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;}
  }
   
  @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;}
  }
   
  /* IMAGES */ 
  #page-content .scp-image-block {
      border-color: #1a1a1a;
      box-shadow: none;
  }
  #page-content .scp-image-block .scp-image-caption {
      border-color: #1a1a1a;
      background-color: black;
  }
    
  hr {
      background-color: var(--fg);
  }

  Pages using this styling

  • scp-5346 [info]
  • scp-6631 [info]

  ¶ 2 occurrences
  

  #page-title {
    display: none;
  }
  .page-title {
    border-bottom: solid 1px #bbbbbb;
    color: #990011;
    font-weight: normal;
    margin: 0 0 0.6em;
    padding: 0 0 0.25em;
    font-size: 200%;
  }
  .page-title p {
    margin: 0;
  }
  

  Pages using this styling

  • scp-5302 [info]
  • scp-5303 [info]

  ¶ 2 occurrences
  

  .email-example .collapsible-block-folded a.collapsible-block-link {animation:blink 0.8s ease-in-out infinite alternate;}
  @keyframes blink {0% {color:#fff0} 50%,100% {color: #b01}}
  .email {border:solid 2px #000;width:88%;padding:1px 15px;margin:10px;box-shadow:0 1px 3px rgba(0,0,0,.5)}
  .email-example a.collapsible-block-link {font-weight:bold}
  .tofrom {margin-left:10px;margin-top:5px;padding:1px 15px;border-left:solid 3px maroon}

  Pages using this styling

  • scp-5283 [info]
  • scp-7037 [info]

  ¶ 2 occurrences
  

  .page {
      display: block;
      overflow: hidden;
      font-family: "Monotype Corsiva", "Bradley Hand ITC", sans-serif;
      font-style: normal;
  
      background-attachment: scroll;
      background-clip: border-box;
      background-color: transparent;
      background-image: linear-gradient(to top ,rgb(202, 219, 228) 0%, rgb(231, 233, 220) 8%);
      background-origin: padding-box;
      background-position: 0px 8px;
      background-repeat: repeat;
      background-size: 100% 20px;
  
      border: 1px solid #CCC;
      border-radius: 10px;
      padding: 10px 10px;
      margin-bottom: 10px;
  
      box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2)
      }
  .page p,
  .page ul {
      line-height: 25px;
      margin: 0;
  }

  Pages using this styling

  • scp-5250 [info]
  • scp-5458 [info]

  ¶ 2 occurrences
  

  sup {
      vertical-align: top;
      position: relative;
      top: -0.5em;
  }
  :root {
      --cutColour: #fafafa;
      --barColour: #590505;
  }
  a.collapsible-block-link {
    font-weight: bold;
  }
  .translation_block, .u-faq { display: none; }
  }
  .info-container .collapsible-block-folded a{
  color: #fff;}
  .info-container .collapsible-block-unfolded-link a{
  color: #fff;
  }
  #page-title {
      text-align: center;
  }
  .scp-image-block {
    border: solid 1px #000000;
  }
  .scp-image-block .scp-image-caption {
    background-color: #00000;
    border-top: solid 1px #000000;
    color: #fff;
  }
  .scp-image-block .scp-image-caption {
       background-color: #000000;
       border-top: solid 1px #666;
       padding: 2px 0;
       font-size: 80%;
       font-weight: bold;
       text-align: center;
       width: 300px;
       text-color: #fff;
  }
   .scp-image-block > p {
       margin: 0;
  }
   .scp-image-block .scp-image-caption > p {
       margin: 0;
       padding: 0 10px;
  }
  #page-content > .collapsible-block {
      display: block;
      text-align: center;
      padding: 0.65em;
  }
  #page-content > .collapsible-block .collapsible-block-content {
      text-align: left;
  }
  .lie{
       font-weight: bold;
       font-family: monospace;
       font-size: 140%;
  }
  .list{
      background: #f4f4f4;
      padding: 0 1em;
  }
  .info-container .collapsible-block-link,
  .info-container:hover .collapsible-block-link {
      line-height: 1.6em;
  }
  @media (max-width: 2000px) {
      .desktop-only {
       display: none;
       visibility: hidden;
  }
  .footnotes-footer {
      border: solid 1.5px #000000;
      padding: 10px;
      border-radius: 15px;
      box-shadow: 0 2px 6px rgba(102,0,0,.5);
      background: #fff;
  }

  Pages using this styling

  • scp-5085 [info]
  • scp-5256 [info]

  ¶ 2 occurrences
  

   .h-span{
       color: #ffb961;
       font-weight: bold;
  }

  Pages using this styling

  • scp-4774 [info]
  • scp-4887 [info]

  ¶ 2 occurrences
  

  .lie{
       font-weight: bold;
       font-family: monospace;
       font-size: 140%;
  }
  .notice{
      border: 1px solid #f9e24d;
      outline: 4px solid #b54d3b;
      color: #f9e24d;
      background: #b54d3b;
      padding: 10px;
      text-align: center;
  }

  Pages using this styling

  • scp-4773 [info]
  • scp-zh-024 [info]

  ¶ 2 occurrences
  

  #page-title {
      display: block;
  }

  Pages using this styling

  • scp-4755 [info]
  • scp-style-resource [info]

  ¶ 2 occurrences
  

  @import url('https://fonts.googleapis.com/css?family=Courier+Prime&display=swap');
  #page-title {text-align: center;}

  Pages using this styling

  • scp-4723 [info]
  • scp-5360 [info]

  ¶ 2 occurrences
  

  @import url('https://fonts.googleapis.com/css?family=Berkshire+Swash');
  @import url('https://fonts.googleapis.com/css?family=Sansita');
  @import url('https://fonts.googleapis.com/css?family=Pacifico');

  Pages using this styling

  • scp-4714 [info]
  • scp-7072 [info]

  ¶ 2 occurrences
  

  .blinkbar {color: red;font-size:125%; animation: blink 1.5s infinite; letter-spacing: -0.13em;}@keyframes blink{to{opacity: .0;}}@keyframes flicker {0% {opacity: 0.9890; }5% {opacity: 0.5842; }10% {opacity: 0.9865; }20% {opacity: 0.0412; }20% {opacity: 0.6255; }25% {opacity: 0.3157; }30% {opacity: 0.7328; }35% {opacity: 0.4654; }40% {opacity: 0.9128; }45% {opacity: 0.2449; }50% {opacity: 0.5485; }55% {opacity: 0.6438; }60% {opacity: 0.1180; }65% {opacity: 0.9085; }70% {opacity: 0.0266; }75% {opacity: 0.6795; }80% {opacity: 0.7812; }85% {opacity: 0.0117; }90% {opacity: 0.2239; }95% {opacity: 0.8897; }100% {opacity: 0.2260; }}@keyframes overlay-anim {0% {visibility: hidden; }10% {visibility: hidden; }11% {visibility: visible; }50% {visibility: hidden; }100% {visibility: hidden; }}
  
  @keyframes blink {
      0% { color: transparent; }
      50%, 100% { color: #b01; }
  }
  .email {float: center; border: solid 2px #000000; width: 88%; padding: 1px 15px; margin: 10px 10px 10px 10px; box-shadow: 0 1px 3px rgba(0,0,0,.5)}
  a.collapsible-block-link { font-weight: bold; }
  .tofrom {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px maroon}

  Pages using this styling

  • scp-4639 [info]
  • scp-5202 [info]

  ¶ 2 occurrences
  

  :root {
    --zero: 0;
  }

  Pages using this styling

  • scp-4531 [info]
  • scp-5001 [info]

  ¶ 2 occurrences
  

  @media (prefers-reduced-motion: no-preference) {
    #page-content .collapsible-block-folded a.collapsible-block-link {
      animation: blink 0.8s ease-in-out infinite alternate;
    }
    @keyframes blink {
      0% { color: transparent; }
      50%, 100% { color: #b01; }
    }
  }

  Pages using this styling

  • scp-4514 [info]
  • scp-9868 [info]

  ¶ 2 occurrences
  

  
  /* DIV BLOCKS stolen from floppypheonix uwu */
  .quote-block{
      border: 2px double #999;
      background-color: #f4f4f4;
      padding: .25em 1em;
      margin-bottom: 1em;
  }
  .report-box{
      border: 2px solid rgb(12, 12, 12);
      background-color: white;
      padding: .25em 1em;
      margin-bottom: 1em;
  }
  

  Pages using this styling

  • scp-4492 [info]
  • scp-5986 [info]

  ¶ 2 occurrences
  

  sup {
  
  vertical-align: top; position: relative; top: -0.5em;
  }
  
  .smaller-g hr{
  max-width: 105px;
  background-color: #e6e6e6;
  border: none;
  height: 2px;
  text-align:center; 
  margin: 0 auto;
  }
   
  .adden{
  font-size: 1.3em;
  }
  
  .quote {
  display: inline-block; 
  border:dashed 1px #999999; 
  background:#F5F5F5; 
  float:center; 
  width:84%; 
  padding:1px 15px; 
  margin: auto;
  }
  

  Pages using this styling

  • scp-4463 [info]
  • scp-4463-j [info]

  ¶ 2 occurrences
  

  .info-container{
  --barColour: #242424; — this is the colour of the bar and the author button
  --linkColour: #FFF; — this is the colour of the "i" and the text within the author button
  }

  Pages using this styling

  • scp-4460 [info]
  • scp-7607 [info]

  ¶ 2 occurrences
  

  .notice{
      border: 1px solid #f9e24d;
      outline: 4px solid #b54d3b;
      color: #f9e24d;
      background: #b54d3b;
      padding: 10px;
      text-align: center;
  }
  
  /* HEADER */
  #header{ background-image: url(https://scp-wiki.wdfiles.com/local--files/scp-4428/DoMC_Logo100.png); }
  #header h1 a{
      display: block;
      margin: 0;
      padding: 80px 0 25px;
      line-height: 0;
      max-height: 0;
      color: transparent;
      background: transparent;
      font-family: 'Verdana', Arial, sans-serif;
      text-decoration: none;
      text-shadow: none;
      letter-spacing: 0.9px;
  }
  #header h1 a::before{
      content: "DoMC";
      color: white;
      letter-spacing: -0.02em;
      text-shadow: 3px 3px 5px black;
  }
  #header h2 span{
      display: block;
      margin: 0;
      padding: 19px 0;
      line-height: 0;
      max-height: 0;
      font-weight: bold;
      color: transparent;
      text-shadow: none;
  }
  #header h2 span::before{
      content: 'Solving Communications Problems';
      color: white;
      text-shadow: 1px 1px 1px black;
  }

  Pages using this styling

  • scp-4352 [info]
  • scp-4473 [info]

  ¶ 2 occurrences
  

  /*
      Powered on 2019/08/21 19:54:24
      [2019 Wikidot Theme]
      Created by Tanhony
      CC BY-SA 3.0
  */
  
  
  
  div#header h1 a span {
      font-size: 0px;
  }
  div#header h1 a:before {
      content: "SCP Corporation";
      color: rgb(255, 255, 255);
      
  }
  

  Pages using this styling

  • scp-4317 [info]
  • scp-8039 [info]

  ¶ 2 occurrences
  

  table.wiki-content-table {
      width: 100%;
  }
  
  .center-header {
      font-size: 150%;
      display: block;
      width: 100%;
      height: 1em;
      font-weight: 900;
      text-align: center;
      border-bottom: 1px dotted currentColor;
      padding-bottom: 0.25em;
  }
  
  .item-table {
      font-size: 1em;
      width: 90%;
      text-align: center;
      border-collapse: collapse;
      margin: 1.250em auto;
  }
  
  .table-header td {
      font-size: 1.1em;
      font-weight: 900;
      background: #b9c9fe;
      border-top: 0.250rem solid #aabcfe;
      border-bottom: 0.0625rem solid #fff;
      color: #039;
      text-align: center;
  }
  
  .item-table td {
      background: #e8edff;
      border-bottom: 0.125rem solid #fff;
      border-right: 0.0625rem solid #fff;
      border-top: 0.125rem solid transparent;
      border-left: 0.0625rem solid transparent;
      color: #669;
      padding: 0.5em;
  }
  
  .item-table  ul {
      padding-inline-start: 1.5em;
  }
  
  .item-table td:nth-of-type(1), 
  .item-table td:nth-of-type(2) {
      text-align: center;
  }
  
  div:nth-child(19) > div.collapsible-block-unfolded > div.collapsible-block-content > table:nth-child(2) > tbody > tr > td:nth-child(1) {
      width: 60%;
  }
  
  div:nth-child(19) > div.collapsible-block-unfolded > div.collapsible-block-content > table:nth-child(2) > tbody > tr > td:nth-child(2) {
      text-align: left;
  }
  
  #page-content > .collapsible-block {
      display: block;
      text-align: center;
      padding: 0.75em;
      background-color: lightgrey;
      border-top: 0.125rem dashed slategrey;
      border-bottom: 0.125rem dashed slategrey;
  }
  
  #page-content > .collapsible-block .collapsible-block-content {
      text-align: left;
  }
  
  div:nth-child(19) > div.collapsible-block-unfolded > div.collapsible-block-content th {
      text-align: center;
  }
  
  #page-content > div:nth-child(19) > div.collapsible-block-unfolded > div.collapsible-block-content > table:nth-child(3) > tbody > tr:nth-child(3) > td:nth-child(2) {
      color: darkred;
      background-color: rgba(193,31,32,0.25);
      text-align: center;
      width: 25%;
  }
  
  #page-content > div:nth-child(19) > div.collapsible-block-unfolded > div.collapsible-block-content > table:nth-child(1) > tbody > tr:nth-child(3) > td:nth-child(2),
  #page-content > div:nth-child(19) > div.collapsible-block-unfolded > div.collapsible-block-content > table:nth-child(2) > tbody > tr:nth-child(3) > td:nth-child(2),
  #page-content > div:nth-child(19) > div.collapsible-block-unfolded > div.collapsible-block-content > table:nth-child(4) > tbody > tr:nth-child(3) > td:nth-child(2) {
      color: darkgreen;
      background-color: rgba(90,137,32,0.25);
      text-align: center;
      width: 25%;
  }

  Pages using this styling

  • scp-4297 [info]
  • scp-4297-j [info]

  ¶ 2 occurrences
  

  
  div.terminal{
      border: 1px solid black;
      border: solid 3px #BBBBBB;
      border-radius: 16px;
      background-color: #131;
  /* black shadow at the top of the terminal */
      background-image: 
          radial-gradient(ellipse 1000% 100% at 50% 90%, transparent, #121);
      background-position: center;
      display: block;
  /* shadow around the terminal */
      box-shadow: inset 0 0 10em 1em rgba(0,0,0,0.5);
  /* prevents scanline from forming a scrollwheel */
      overflow:hidden;
  }
  div.terminal blockquote {
      background-color: black;
      border: double 3px #80FF80
  }
  div.scanline{
      margin-top: -40%;
      width: 100%;
      height: 60px;
      position: relative;
      pointer-events: none;
  /* Safari 4.0 - 8.0 */
      -webkit-animation: scan 12s linear 0s infinite; /* You may need to change this. If the bar goes by too quickly, increase 5s. */
      animation: scan 12s linear 0s infinite; /* Same as above */
      background: linear-gradient(to bottom, rgba(56, 112, 82,0), rgba(56, 112, 82,0.1)) !important;
  }
  
  div.text{
      color: rgba(128,255,128,0.8);
      padding-left: 2em;
      padding-top: 40%;
      font-family: monospace;
      font-size: 1.2em;
      }
  
  /* Safari 4.0 - 8.0 */
  @-webkit-keyframes scan{
      from{ transform: translateY(-10%);}
      to{  transform: translateY(5000%);} /* You may need to change this depending on the length of your terminal. If the scanline stops halfway, increase the second number.*/
  }
  
  @keyframes scan{
      from{ transform: translateY(-10%);}
      to{  transform: translateY(5000%);} /* Same as above.*/
  }
  
  div.text a {
      color: #90EE90;
      text-decoration: none;
      background: transparent;
  }
  div.text a.newpage {
      color: #90EE90;
      text-decoration: none;
      background: transparent;
  }
  div.text a:hover {
      color: #131;
      text-decoration: underline;
      background-color: #80FF80;
      padding: 1px;
  }
  div.text a:hover::before{
  content: "> ";
  }

  Pages using this styling

  • scp-4285 [info]
  • scp-5657 [info]

  ¶ 2 occurrences
  

  #breadcrumbs {
    display: none;
  }

  Pages using this styling

  • scp-4248 [info]
  • y-ai [info]

  ¶ 2 occurrences
  

  sup { 
  vertical-align: top; position: relative; top: -0.5em; 
  }
  :root{ 
  --cutColour: #fafafa;
  --barColour: #590505;
  }
  .translation_block{
  display:none;}
  
  .info-container .collapsible-block-folded a{
  color: #FFF;}
  .info-container .collapsible-block-unfolded-link a{
  color: #FFF;}
  
  .info-container .collapsible-block-link, 
  .info-container:hover .collapsible-block-link {
  line-height: 1.6em;
  }

  Pages using this styling

  • scp-4217 [info]
  • scp-5326 [info]

  ¶ 2 occurrences
  

  sup { 
  vertical-align: top; position: relative; top: -0.5em; 
  }
  :root{ 
  --cutColour: #fafafa;
  --barColour: #590505;
  }
  .translation_block{
  display:none;}
  
  .info-container .collapsible-block-folded a{
  color: #FFF;}
  .info-container .collapsible-block-unfolded-link a{
  color: #FFF;}
  
  .info-container .collapsible-block-link, 
  .info-container:hover .collapsible-block-link {
  line-height: 1.6em;
  }
  #u-author_block{
  display:none;}

  Pages using this styling

  • scp-4203 [info]
  • scp-4675 [info]

  ¶ 2 occurrences
  

  @import url('https://fonts.googleapis.com/css?family=Shadows+Into+Light');

  Pages using this styling

  • scp-4184 [info]
  • scp-4735 [info]

  ¶ 2 occurrences
  

  .authorlink-wrapper {
      --author-top-adjust: -0.5rem;
      --author-bottom-adjust: 0.5rem;
  }

  Pages using this styling

  • scp-4170 [info]
  • scp-8508 [info]

  ¶ 2 occurrences
  

  @media (max-width: 767px) {
      span {
          word-break: unset;
      }
  }

  Pages using this styling

  • scp-4163 [info]
  • scp-4452 [info]

  ¶ 2 occurrences
  

  .document {
  display: inline-block;
  border-radius: 10px;
  border:solid 1px #ccc;
  background:#f0f0f0;
  float:top; width:96.5%;
  padding: 10px;
  box-shadow: 0 2px 4px rgba(68, 68, 68, .5);
  }

  Pages using this styling

  • scp-4149 [info]
  • scp-4988 [info]

  ¶ 2 occurrences
  

  #header {
      height: 140px;
      position: relative;
      z-index: 10;
      padding-bottom: 22px; /* FOR MENU */
      background: url() 10px 40px no-repeat;
  }

  Pages using this styling

  • scp-4065 [info]
  • something-glowing [info]

  ¶ 2 occurrences
  

  @import url('https://fonts.googleapis.com/css?family=Indie+Flower');

  Pages using this styling

  • scp-3988 [info]
  • scp-4184 [info]

  ¶ 2 occurrences
  

  
  div.terminal{
      border: 1px solid black;
      border: solid 3px #BBBBBB;
      border-radius: 16px;
      background-color: #037aba;
  /* black shadow at the top of the terminal */
      background-image: 
          radial-gradient(ellipse 1000% 100% at 50% 90%, transparent, #111c22);
      background-position: center;
      display: block;
  /* shadow around the terminal */
      box-shadow: inset 0 0 10em 1em rgba(0,0,0,0.5);
  /* prevents scanline from forming a scrollwheel */
      overflow:hidden;
  }
  div.terminal blockquote {
      background-color: black;
      border: double 3px #88efe8
  }
  div.scanline{
      margin-top: -40%;
      width: 100%;
      height: 60px;
      position: relative;
      pointer-events: none;
  /* Safari 4.0 - 8.0 */
      -webkit-animation: scan 12s linear 0s infinite; /* You may need to change this. If the bar goes by too quickly, increase 5s. */
      animation: scan 12s linear 0s infinite; /* Same as above */
      background: linear-gradient(to bottom, rgba(56, 112, 82,0), rgba(56, 112, 82,0.1)) !important;
  }
  
  div.text{
      color: rgba(136,239,232,0.8);
      padding-left: 2em;
      padding-top: 40%;
      font-family: monospace;
      font-size: 1.2em;
      }
  
  /* Safari 4.0 - 8.0 */
  @-webkit-keyframes scan{
      from{ transform: translateY(-10%);}
      to{  transform: translateY(5000%);} /* You may need to change this depending on the length of your terminal. If the scanline stops halfway, increase the second number.*/
  }
  
  @keyframes scan{
      from{ transform: translateY(-10%);}
      to{  transform: translateY(5000%);} /* Same as above.*/
  }
  
  div.text a {
      color: #88efe8;
      text-decoration: none;
      background: transparent;
  }
  div.text a.newpage {
      color: #88efe8;
      text-decoration: none;
      background: transparent;
  }
  div.text a:hover {
      color: #111c22;
      text-decoration: underline;
      background-color: #88efe8;
      padding: 1px;
  }
  div.text a:hover::before{
  content: "> ";
  }

  Pages using this styling

  • scp-3742 [info]
  • scp-4944 [info]

  ¶ 2 occurrences
  

  sup { 
  vertical-align: top; position: relative; top: -0.5em; 
  }
  :root{ 
  --cutColour: #fafafa;
  --barColour: #590505;
  }
  .translation_block{
  display:none;}
  
  #page-content .info-container {
      --link-color: rgb(var(--swatch-text-general));
  }
  
  #page-content .info-container .translation_block {
      display: none;
  }
  
  #page-content .info-container .collapsible-block-link,
  #page-content .info-container:hover .collapsible-block-link {
      line-height: 1.6em;
  }
  
  #page-content .info-container .collapsible-block-folded,
  #page-content .info-container .collapsible-block-unfolded-link {
      display: grid;
  }
  
  #page-content .info-container .collapsible-block-folded .collapsible-block-link,
  #page-content .info-container .collapsible-block-link {
      -webkit-mask: unset;
              mask: unset;
      background: transparent;
      grid-column: 1;
      grid-row: 1;
      opacity: 0;
  }
  
  #page-content .info-container .collapsible-block-folded::before,
  #page-content .info-container .collapsible-block-unfolded-link::before {
      --wght: 800;
      content: "Collaboration";
      color: #FFFFFF;
      font-family: Inter, Arimo, Verdana, Geneva, "Helvetica Neue", "Helvetica", Arial, sans-serif;;
      display: block;
      pointer-events: none;
      grid-column: 1;
      grid-row: 1;
  }

  Pages using this styling

  • scp-3693 [info]
  • scp-3813 [info]

  ¶ 2 occurrences
  

  sup {
    vertical-align: top;
    position: relative;
    top: -0.5em;
  }

  Pages using this styling

  • scp-3660 [info]
  • surgical-identity-perpetuation [info]

  ¶ 2 occurrences
  

  :root {
      --logo-image: url("https://i.imgur.com/7DtuJyk.png");
      --header-title: "Site-228";
      --header-subtitle: "Recover, Rehabilitate, Reintegrate.";

  Pages using this styling

  • scp-3468 [info]
  • scp-8732 [info]

  ¶ 2 occurrences
  

  #page-content .collapsible-block {  
    max-width: 100%;
      /* text-align: left; */
      text-align: center;
  text-color: black;
      border-color: #000000;
      border: solid 1px #000000;
      background-color: #f5f5f5;
  }
  .collapsible-block-content p {
      text-align: left;
         margin-left: 7px; 
     margin-right: 7px;
  padding-left: 10px;
      padding-right: 10px;
  }
  blockquote {
         margin-left: 10px; 
     margin-right: 10px;    
  border: 1px double #999;
      background-color: #ffffff;
  }
  table.wiki-content-table { 
     margin-left: 7px; 
     margin-right: 7px;
     background-color: #ffffff;
  }

  Pages using this styling

  • scp-3442 [info]
  • scp-3985 [info]

  ¶ 2 occurrences
  

  
  :root {
      --basalt-primary-color: 230,217,200;
      --basalt-secondary-color: 215, 210, 185;
      --basalt-tertiary-color: 215, 210, 185;
      --basalt-overtone: 164, 155, 150;
      --basalt-undertone: 255, 109, 0;
  
      --basalt-bright-element-color: 142, 86, 71;
      --basalt-dark-element-color: 164, 155, 150;
  
      --link-color: 142, 86, 71;
      --link-visited-color: 142, 86, 71;
      --link-newpage-color: 142, 86, 71;
  
  
      --basalt-UI-dark-palette: 55, 52, 47;
  
      --top-bar-link-color: 117, 114, 101;
      --top-bar-link-color-hover: 215, 210, 185;
      --top-bar-link-background-hover: 164, 155, 150;
  
  
  
      --header-link-transition-2nd: 142, 86, 71;
      --header-title-color: 55, 52, 47;
  
  }
  

  Pages using this styling

  • scp-3389 [info]
  • scp-7039 [info]

  ¶ 2 occurrences
  

  div.authorlink-wrapper{
  margin-top: var(--author-top-adjust, .2em) !important;
  }

  Pages using this styling

  • scp-3311 [info]
  • scp-3533 [info]

  ¶ 2 occurrences
  

   :root{
     --header-title: "SCP Foundation";
     --header-subtitle: "Secure - Contain - Protect";
     --titleColor: #f2f2f2;
     --subtitleColor: #d9d952;
     --lgurl: url(https://scpwiki.github.io/sigma/images/header-logo.svg);
  }

  Pages using this styling

  • scp-3169 [info]
  • scp-8155 [info]

  ¶ 2 occurrences
  

  #page-title {
  display:none !important;
  }

  Pages using this styling

  • scp-2786 [info]
  • scp-8088 [info]

  ¶ 2 occurrences
  

  sup { 
  
  line-height: 0;
  position: relative;
  vertical-align: baseline;
  top: -0.5em;
  
  }

  Pages using this styling

  • scp-2641 [info]
  • scp-3349 [info]

  ¶ 2 occurrences
  

  :root {
      --timeDelay: 0s;
  }
  
  .authorlink-wrapper {
      --author-top-adjust: -0.1rem;
  }

  Pages using this styling

  • scp-2082 [info]
  • scp-6156 [info]

  ¶ 2 occurrences
  

  .footnotes-footer{
       display: none;
  }

  Pages using this styling

  • scp-173-but [info]
  • scp-173-but-it-s-a-collaborative-log [info]

  ¶ 2 occurrences
  

  div.blockquote blockquote {
       background-color: white;
  }
  
  @media (max-width: 767px) {
      .scp-image-block.block-right {
          float: none;
          margin: auto;
      }
  }

  Pages using this styling

  • scp-1444-exploration-log-1 [info]
  • scp-1444-exploration-log-2 [info]

  ¶ 2 occurrences
  

  .fakelink{
     color: #b01;
     text-decoration: none;
  }
  .fakelink:hover{
     text-decoration: underline;
     cursor: pointer;
  }

  Pages using this styling

  • scp-140-it [info]
  • scp-151-it [info]

  ¶ 2 occurrences
  

  .email {border: solid 2px #000000; padding: 1px 15px; margin: 10px 10px 50px; box-shadow: 0 1px 3px rgba(0,0,0,.5)}
  .tofrom {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px maroon}

  Pages using this styling

  • scp-088-it [info]
  • scp-5386 [info]

  ¶ 2 occurrences
  

  .scp-image-block{display:none}

  Pages using this styling

  • scp-071-ko [info]
  • scp-503-ko [info]

  ¶ 2 occurrences
  

  div.scale {
      /* Class Bar Color */
      --woedbar-class-bar-color: #b3a9a8;
  }

  Pages using this styling

  • scp-055-int [info]
  • scp-6388 [info]

  ¶ 2 occurrences
  

  /* code shamelessly stolen from https://scp-wiki.wikidot.com/toesplosion2020 */
  .document {
  display: inline-block;
  border-radius: 10px;
  border:solid 1px #ccc;
  background:#f0f0f0;
  float:top; width:96.5%;
  padding: 10px;
  box-shadow: 0 2px 4px rgba(68, 68, 68, .5);
  }
  
  .click{
  cursor: pointer;
  }
  
  .ping,
  .fakedl{
  color: #39e;
  cursor: pointer;
  font-weight: bold;
  }
  
  .edit{
  color: #666;
  font-size: 75%;
  }
  
  .edit:hover{
  cursor: default;
  title: "test";
  }
  
  .ping:hover{
  text-decoration: underline;
  }
  
  .member{
  color: #f33;
  }
  
  .member0{
  color: #fff;
  }
  
  .member2{
  color: #1f1;
  }
  
  .member3{
  color: #838;
  }
  
  .member4{
  color: #fc2;
  }
  
  .member5{
  color: #0c9;
  }
  
  .member6{
  color: #c04;
  }
  
  .member7{
  color: #d60;
  }
  
  .member:hover,
  .member0:hover,
  .member2:hover,
  .member3:hover,
  .member4:hover,
  .member5:hover,
  .member6:hover,
  .member7:hover,
  .fakedl:active{
  text-decoration: underline;
  cursor: pointer;
  }
  
  blockquote {
  color: #eee;
  background-color: #223 !important;
  border: solid 1px #444;
  }
  
  span.member:active,
  span.member0:active,
  span.member2:active,
  span.member3:active,
  span.member4:active,
  span.member5:active
  span.member6:active
  span.member7:active
  span.ping:active,
  span.click:active{
  background-color: #99f;
  border-radius: 4px;
  }
  
  span.link a{
  color: #39e;
  }
  
  .newmes{
  color: #d00;
  }
  
  .red-hr > hr{
  background-color: #d00;
  bottom: 0.2em;
  }
  

  Pages using this styling

  • scarred-legacy [info]
  • the-first-occult-flame-war [info]

  ¶ 2 occurrences
  

  .email-example .collapsible-block-folded a.collapsible-block-link {
      animation: blink 0.8s ease-in-out infinite alternate;
  }
  @keyframes blink {
      0% { color: transparent; }
      50%, 100% { color: #b01; }
  }
  .email {border: solid 2px #000000; width: 88%; padding: 1px 15px; margin: 10px; box-shadow: 0 1px 3px rgba(0,0,0,.5)}
  .email-example a.collapsible-block-link {font-weight: bold;}
  .tofrom {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px maroon}
  
  div.warning {
      width: 80%;
      margin: 0.625rem auto;
      padding: 0.9375rem;
      border: solid 0.125rem rgb(var(--swatch-primary-darker));
      background: #fff url('https://scp-wiki.wdfiles.com/local--files/theme%3Agoc/goc-fade.png') center no-repeat;
      color: black;
      text-align: center;
  }
  
  div.warning hr {
      border-color: rgb(var(--swatch-primary-darker));
  }

  Pages using this styling

  • scarred-legacy [info]
  • scp-8457 [info]

  ¶ 2 occurrences
  

  :root {
       --header-subtitle: "Reason From Illogic";
       --logo-image: url('https://scp-wiki.wdfiles.com/local--files/sc-18-005-18-350/CI-Marcus-header.png');
  }
  
   @media (max-width: 767px) {
       :root {
          --header-title: "Chaos Insurgency";
      }
  }
  
  
   @media (min-width: 768px) {
       :root {
          --header-title: "The Chaos Insurgency";
      }
  }

  Pages using this styling

  • sc-17-035-20-462 [info]
  • sc-18-005-18-350 [info]

  ¶ 2 occurrences
  

  :root {
       --header-subtitle: "SANTA CLAUS PROCEDURES";
  }

  Pages using this styling

  • santa-claus-procedures-part-1 [info]
  • santa-claus-procedures-part-2 [info]

  ¶ 2 occurrences
  

  :root {
      --logo-image: url("https://scp-wiki.wikidot.com/local--files/grigori-karpin-s-author-page/vanguard%20transparent.png");
      --header-title: "ANGUARD";
      --header-subtitle: "SHELTER - NORMALIZE - INFORM";
      --header-h2-font-size: 1.1em;
  }
  
  #header::before {
      left: -12rem;
      filter: brightness(125%);
      opacity: 1;
  }
  
  #header h1 a::before {
      font-size: unset;
  }
  
  #header h2::before {
      color: #fe4;
  }
  
  #header h2 {
      top: 1em;
  }
  
  #header #login-status {
      left: -2vw;
  }
  
  @media (max-width: 767px) {
      #header::before {
          left: -7rem;
      }
  
      #header h1 {
          top: 0.5em;
          left: 0.5em;
      }
  }
  
  #page-title {
      display: none;
  }
  .parawatch blockquote {
      background:  #1a1a1a;
      border-width: 2px;
      border-style: solid;
      border-color: #262626;
      color: #f2f2f2;
      font-family: 'PT Mono', monospace;
  }
  
  .parawatch a {
      color: #6F9;
      font-weight: bold;
  }

  Pages using this styling

  • ron-gambi-s-new-year-special [info]
  • voice-of-vanguard [info]

  ¶ 2 occurrences
  

  @import url('https://fonts.googleapis.com/css2?family=Spectral');
  @import url('https://fonts.googleapis.com/css2?family=Metal+Mania&family=Nanum+Pen+Script&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&family=Spectral:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');
  
  .eo {
    display: inline-block;
    color: black;
    font-family: "Metal Mania";
    font-weight: 100;
    font-style: bold;
    font-size: 1em;
  }

  Pages using this styling

  • ridgewell-monthly-newsletter [info]
  • ridgewell-student-of-the-month [info]

  ¶ 2 occurrences
  

  .earthworm__hub, .earthworm__previous, .earthworm__next, .earthworm__arrowhead {
      background: var(--darker-color) !important;
  }
  div#extra-div-1 {
      background-image: url('https://scp-wiki.wdfiles.com/local--files/theme%3Adarkqueer/SiteLogo_3.png') !important;
      filter: invert(1) opacity(0.75);
  }

  Pages using this styling

  • rhetorical-metonymy [info]
  • the-garrison-test [info]

  ¶ 2 occurrences
  

  
  :root {
    --accentColor: #1EB5E8;
    --darkColor: #101112; 
    --darkerColor:#020203;
  }
  
  body {
      font-family: 'Inter', sans-serif;
      font-size: .9325rem;
      color: #dedede;
  
      accent-color: var(--accentColor);
  }
  
  :root {
  --logo-image: url("https://cdn.scpwiki.com/theme/en/black-highlighter/img/logo.svg");
  
  }
  :root {
  --header-title: "SCP Foundation";
  --header-subtitle: "Secure. Contain. Protect.";
  }

  Pages using this styling

  • reflection [info]
  • scp-5705 [info]

  ¶ 2 occurrences
  

  .footnotes-footer {
      visibility: hidden;
      height: 0;
      padding: 0;
      margin: 0;
      display:none;
  }
  .meta-title {
    border-bottom: solid 1px #bbbbbb;
    color: #990011;
    font-weight: normal;
    margin: 0 0 0.6em;
    padding: 0 0 0.25em;
    font-size: 200%;
  }
  .meta-title p {
    margin: 0;
  }

  Pages using this styling

  • re-kto-1466-houdini [info]
  • re-kto-7890-valentinus [info]

  ¶ 2 occurrences
  

  @import url('https://fonts.googleapis.com/css?family=Electrolize|Slabo+13px');

  Pages using this styling

  • ptt-1666-gray-templum [info]
  • t-plus [info]

  ¶ 2 occurrences
  

  @import url('https://fonts.googleapis.com/css?family=Cinzel');
  @import url('https://fonts.googleapis.com/css?family=Anton');
  @import url('https://fonts.googleapis.com/css?family=Pinyon+Script');
  
  /*
      The Anton font was created by Vernon Adams and is licensed under the Open Font License
      The Cinzel font was created by Natanael Gama and is licensed under the Open Font License
      The Pinyon Script font was created by Nicole Fally and is licensed under the Open Font License
  */

  Pages using this styling

  • project-proposal-2008-041 [info]
  • scp-3526 [info]

  ¶ 2 occurrences
  

  
  .small {
    border-radius: 0px; !important;
  }
  
  img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    height: auto;
    border-radius: 8px;
  }
  
  #page-title {
      font-weight: bold !important;
      text-align: center !important;
  }

  Pages using this styling

  • progressive-retrograde [info]
  • two-houses-both-alike-in-dignity [info]

  ¶ 2 occurrences
  

   hr{
       margin: 1em 0;
       background: linear-gradient(to right, transparent 0%, #AAA 30%, #AAA 60%, transparent 100%);
       background-color: #FFFFFF;
  }

  Pages using this styling

  • precognition-division-iza-and-the-precog [info]
  • totally-not-guns-akimbo [info]

  ¶ 2 occurrences
  

  .page {
      display: block;
      overflow: hidden;
      font-family: "Monotype Corsiva", "Bradley Hand ITC", sans-serif;
      font-style: normal;
      background-attachment: scroll;
      background-clip: border-box;
      background-color: transparent;
      background-image: linear-gradient(to top ,rgb(202, 219, 228) 0%, rgb(252, 252, 252) 8%);
      background-origin: padding-box;
      background-position: 0px 8px;
      background-repeat: repeat;
      background-size: 100% 20px;
      border: 1px solid #CCC;
      border-radius: 10px;
      padding: 10px 10px;
      margin-bottom: 10px;
      box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2)
  }
  .page p,
  .page ul {
      line-height: 20px;
      margin: 0;
  }

  Pages using this styling

  • poem [info]
  • scp-6573 [info]

  ¶ 2 occurrences
  

  :root{
    --header-title: "R\0026 C SITE-43";
    --header-subtitle: "SUBVERTING COMMON PRACTICE";
  }
  
  div#extra-div-1 {
      background-image: url(http://scp-wiki.wdfiles.com/local--files/theme%3Ablankstyle/43Head.png);
      filter: opacity(100%);
  }

  Pages using this styling

  • pickman-blank-proposal [info]
  • scp-8650 [info]

  ¶ 2 occurrences
  

  :root{--logo-image: var(--eventyr-lesbian);}

  Pages using this styling

  • photos-and-flowers [info]
  • scp-8307 [info]

  ¶ 2 occurrences
  

  :root {
      --header-title: "SCProtectorate";
      --header-subtitle: "Mundus, Liberari";  
  --logo-image: url("https://scp-wiki.wdfiles.com/local--files/mundus-liberari/MundusLiberari.png");

  Pages using this styling

  • patris-et-filia [info]
  • scp-8068 [info]

  ¶ 2 occurrences
  

  #header h2 span::before {
      content: 'Unusual Incidents Unit';
  }

  Pages using this styling

  • paramax [info]
  • three-portlands-hub [info]

  ¶ 2 occurrences
  

  .imagediv { float: right; margin: 15px}
  @media (max-width: 540px) {
    .imagediv {
      float: none; text-align:center; margin: auto;
    }
  }
  
  div#header h1 a span {
      font-size: 0px;
  }
  div#header h1 a:before {
      content: "Site-54 Network";
      color: #eee;
      
  }
  div#header h2 span {
      font-size:0px;
      padding: 4px;
  }
  div#header h2:after {
      content: "Integrated Containment";
      font-weight: bold;
      color: #f0f0c0;
      padding: 19px 0;
      text-shadow: 1px 1px 1px rgba(0, 0, 0, .8);
      white-space: pre;
  }
  
  #header {
    background-image: url(https://scp-wiki.wdfiles.com/local--files/over/54.png)
  }

  Pages using this styling

  • over [info]
  • under [info]

  ¶ 2 occurrences
  

  .script {
     font-family: 'Andale Mono', 'Courier New', Courier, monospace;
     font-size: 1.1em;
     outline: 2px solid rgba(130, 130, 130, 0.4);
     padding: 1.5em 3.5em;
  }
  
  .script p { margin: 0em; }
  
  .fadein {
     margin: 2em 0em 0.5em;
     text-transform: uppercase;
  }
  
  .scene {
     margin: 1.5em 0em 1em;
     text-transform: uppercase;
   }
  
  .action {
     margin: 1em 0em 1.5em;
  }
  
  .dialog {
     margin: 0em 27.5% 1.25em;
     display: grid;
     grid-template-areas:
        "char"
        "text";
  }
  
  .dialog-dual {
     margin: 0em 0em 1.25em;
     display: grid;
     grid-template-columns: 1fr 5% 1fr;
     grid-template-areas:
        "char1 sp char2"
        "text1 sp text2";
  }
  
  .char, .char1, .char2 {
     text-transform: uppercase;
     line-height: 0.85em;
     margin: auto;
     padding: 0em 3em;
     position: relative;
  }
  
  .char { grid-area: char; }
  .char1 { grid-area: char1; }
  .char2 { grid-area: char2; }
  
  .cont { left: 2.2vw; }
  .cont p::after { content: " (CONT'D)"; }
  
  .dtext { grid-area: text; }
  .dtext1 { grid-area: text1; }
  .dtext2 { grid-area: text2; }
  
  .paren {
     text-transform: none;
     line-height: 1em;
     padding: 0em 2.2vw;
  }
  .paren::before { content:"( "; }
  .paren::after { content:" )"; }
  
  .transition {
     text-transform: uppercase;
     align: right;
  }

  Pages using this styling

  • oswald-the-lucky-rabbit-in-the-cross-country-quest [info]
  • the-rising-eclipse [info]

  ¶ 2 occurrences
  

  @import url('https://fonts.googleapis.com/css2?family=Lato&display=swap');
  :root {
      --body-font: Lato, sans-serif;
  }

  Pages using this styling

  • operation-lahmi-gath [info]
  • scp-4536 [info]

  ¶ 2 occurrences
  

  .O5 .wiki-content-table tr th {border: none; background-color: transparent;}
  .council .wiki-content-table tr td {border: 1px dashed grey;}

  Pages using this styling

  • omega-k-049 [info]
  • scp-2983 [info]

  ¶ 2 occurrences
  

  ul li {
  padding: 5px 0px;
  }

  Pages using this styling

  • obskuracorps-memos [info]
  • unusual-investigations [info]

  ¶ 2 occurrences
  

  .scp-image-block {display:none};

  Pages using this styling

  • o5-goc [info]
  • scp-825-ko-1 [info]

  ¶ 2 occurrences
  

  @import url('https://fonts.googleapis.com/css2?family=Gloria+Hallelujah&display=swap');
  
  .page {
      display: block;
      overflow: hidden;
      font-family: 'Gloria Hallelujah', cursive;
      font-style: cursive;
      font-size: 1.2em;
      line-height: 30px;
  
  
      background-attachment: scroll;
      background-clip: border-box;
      background-color: transparent;
      background-image: linear-gradient(to top ,rgb(202, 219, 228) 0%, rgb(231, 233, 220) 8%);
      background-origin: padding-box;
      background-position: 0px 8px;
      background-repeat: repeat;
      background-size: 100% 20px;
  
      border: 1px solid #CCC;
      border-radius: 10px;
      padding: 10px 10px;
      margin-bottom: 10px;
  
      box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2)
      }
  .page p,
  .page ul {
      line-height: 20px;
      margin: 0;
  }
  .page li {
    line-height: 200%;
  }
  .page ul {
    margin-top: 10px;
    margin-bottom: 10px;
  }

  Pages using this styling

  • note-your-name-is-nobody [info]
  • scp-8316 [info]

  ¶ 2 occurrences
  

  :root {
   --timeDelay: 0.5s;
   --problem: 255, 109, 0
   --grey: 136, 136, 136;
   --head-font: Lexend;
   --page-font-size: 0.9rem
  }

  Pages using this styling

  • not-actually-from-memphis [info]
  • scp-6625 [info]

  ¶ 2 occurrences
  

  @import url('https://fonts.googleapis.com/css2?family=Shadows+Into+Light&display=swap');
  
  .page {
      display: block;
      overflow: hidden;
      font-family: "Shadows Into Light", cursive;
      font-style: normal;
      letter-spacing: .5px;
      color: #000000;
      font-size: 110%;
  
     
      background-attachment: scroll;
      background-clip: border-box;
      background-color: transparent;
      background-image: linear-gradient(to top ,rgb(202, 219, 228) 0%, rgb(231, 233, 220) 8%);
      background-origin: padding-box;
      background-position: 0px 8px;
      background-repeat: repeat;
      background-size: 100% 20px;
      
  
      border: 1px solid #CCC;
      border-radius: 10px;
      padding: 10px 10px;
      margin-bottom: 10px;
  
      box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2)
      }
  .page p {
      line-height: 20px;
      margin: 0;
  }
  .t-pc {
  --lc: black;
  --lw: 1px;
      display: grid;
      grid-template-areas:
  "p-head . c-head"
  ". . ."
  "p-cont . c-cont";
      grid-template-columns: minmax(0,1fr) var(--lw) minmax(0,1fr);
      grid-template-rows: auto var(--lw) auto;
      > div { padding: .125rem .75rem; }
      .p-head { grid-area: p-head; text-align: center}
      .c-head { grid-area: c-head; text-align: center}
      .p-cont { grid-area: p-cont; }
      .c-cont { grid-area: c-cont; }
  }
  
  .t-pc::before,.t-pc::after {
      content: "";
      display: block;
      background: var(--lc);
  }
  .t-pc::before {
  grid-column: 2/3;
  grid-row: 1/-1;
  }
  .t-pc::after {
  grid-column: 1/-1;
  grid-row: 2/3;
  }
  
  .container {
      width: 550px;
      height: auto;
      padding: 10px;
  }
  
  .customlink a{
      color: #5A169E;
  }
  

  Pages using this styling

  • nobody-s-lot [info]
  • nobodys-a-dead-man-walking [info]

  ¶ 2 occurrences
  

  @import url('https://fonts.googleapis.com/css?family=Pangolin&display=swap');
  
  :root {
  --logo-image:url("http://smlt.wdfiles.com/local--files/plaguebearer%3Anobody/%3F");
  --header-title: 'NOBODY';
  --header-subtitle: '...';
  }
  
  .classic {
      display: block;
      font-family: 'Pangolin', cursive;
      font-size: 1.3em;
      background-attachment: scroll;
      background-clip: border-box;
      background-color: transparent;
      background-image: linear-gradient(to top ,rgb(202, 219, 228) 0%, rgb(231, 233, 220) 8%);
      background-origin: padding-box;
      background-position: 0px 8px;
      background-repeat: repeat;
      background-size: 100% 20px;
      border: 1px solid #CCC;
      border-radius: 10px;
      padding: 10px 10px;
      margin-bottom: 10px;
      box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2)
      }
  
  .nobody {
      width: 70%;
      margin: 1rem auto;
      text-align: center;
      padding: 0.6rem;
      font-size: 1rem;
  }

  Pages using this styling

  • nobody-in-their-right-mind [info]
  • scp-5877 [info]

  ¶ 2 occurrences
  

  @import url('https://fonts.googleapis.com/css2?family=Cinzel+Decorative:wght@700&display=swap');

  Pages using this styling

  • nightfall-hub [info]
  • waltzing-on-air [info]

  ¶ 2 occurrences
  

  :root {
  --logo-image: url("https://scp-wiki.wdfiles.com/local--files/scp-7939/37CALCULATORS.svg");
  }

  Pages using this styling

  • nial-must-be-flushed [info]
  • scp-7939 [info]

  ¶ 2 occurrences
  

  
  #header h2 span {
      display: block;
      margin: 0;
      padding: 19px 0;
      line-height: 0px;
      max-height: 0px;
      font-weight: bold;
      color: transparent;
      text-shadow: none;
  }
  
  #header h2 span::before {
      color: #eee;
      font-weight: bold;
      color: #f0f0c0;
      text-shadow: 1px 1px 1px #000;
      text-shadow: 1px 1px 1px rgba(0,0,0,.8);
      content: 'Site Correspondence Periodical';
  }

  Pages using this styling

  • news-11-2020 [info]
  • news-12-2020 [info]

  ¶ 2 occurrences
  

  #header h2 span {
      display: block;
      margin: 0;
      padding: 19px 0;
      line-height: 0px;
      max-height: 0px;
      font-weight: bold;
      color: transparent;
      text-shadow: none;
  }
  
  #header {
      background-image: url(https://scp-wiki.wdfiles.com/local--files/news/SCPNewsLogo);
  }
  
  #header h2 span::before {
      color: #eee;
      font-weight: bold;
      color: #f0f0c0;
      text-shadow: 1px 1px 1px #000;
      text-shadow: 1px 1px 1px rgba(0,0,0,.8);
      content: 'Site Correspondence Periodical';
  }

  Pages using this styling

  • news-09-2018 [info]
  • news-11-2018 [info]

  ¶ 2 occurrences
  

  /*
  This tooltip hover effect is adapted from LurkD's code on http://www.scp-wiki.net/command-query-separation
  */
  .hover {
  }
  .hover:hover {
    text-decoration: none;
      border-bottom: none;
  }
  
  .hover span { display: none;}
  .hover:hover span {
      position: absolute;
      display: inline;
      margin: -5px;
      height: auto;
      width: auto;
      background: rgba(245, 245, 245, 0.95);
      border-style: double;
      border-color: #fff;
      color: #b01;
      font-weight: bold;
      padding: 1em;
  }
  .hover:hover span span {
      position: relative;
      margin: auto;
      height: auto;
      width: auto;
      border: none;
      padding: 0;
  }

  Pages using this styling

  • news-04-2019 [info]
  • news-05-2019 [info]

  ¶ 2 occurrences
  

  #page-content .wiki-content-table tr th {
      border: none;
   
      // set border for table title
  }
   
  #page-content .wiki-content-table tr td {
      border: none;
   
      // set border for table content
  }
  
  #header h2 span {
      display: block;
      margin: 0;
      padding: 19px 0;
      line-height: 0px;
      max-height: 0px;
      font-weight: bold;
      color: transparent;
      text-shadow: none;
  }
  
  #header {
      background-image: url(http://scp-wiki.wdfiles.com/local--files/news/SCPNewsLogo);
  }
  
  #header h2 span::before {
      color: #eee;
      font-weight: bold;
      color: #f0f0c0;
      text-shadow: 1px 1px 1px #000;
      text-shadow: 1px 1px 1px rgba(0,0,0,.8);
      content: 'Site Correspondence Periodical';
  }

  Pages using this styling

  • news-04-2019 [info]
  • news-05-2019 [info]

  ¶ 2 occurrences
  

  
  #header h2 span {
      display: block;
      margin: 0;
      padding: 19px 0;
      line-height: 0px;
      max-height: 0px;
      font-weight: bold;
      color: transparent;
      text-shadow: none;
  }
  
  #header h2 span::before {
      color: #eee;
      font-weight: bold;
      color: #f0f0c0;
      text-shadow: 1px 1px 1px #000;
      text-shadow: 1px 1px 1px rgba(0,0,0,.8);
      content: 'Site Correspondence Periodical';
  }
  #header {
      background-image: url(http://scp-wiki.wdfiles.com/local--files/news/SCPNewsLogo);
  }

  Pages using this styling

  • news-01-2021 [info]
  • news-02-2021 [info]

  ¶ 2 occurrences
  

  :root{
  --title: "HPC Division";
  --subtitle: "Look Before You Think";
  }

  Pages using this styling

  • necessities [info]
  • the-set-of-all-numbers-which-might-be-bears [info]

  ¶ 2 occurrences
  

  /* Hide the original page title */
  #page-title {
    display: none;
  }
  
  /* Make my fake page title look like the original (thanks SCP-2998) */
  .page-title {
    border-bottom: solid 1px #bbbbbb;
    color: #990011;
    font-weight: normal;
    margin: 0 0 0.6em;
    padding: 0 0 0.25em;
    font-size: 200%;
  }
  .page-title p {
    margin: 0;
  }
  

  Pages using this styling

  • nash-pinkle-s-guide-to-the-foundation [info]
  • numbers-lie [info]

  ¶ 2 occurrences
  

  @import url('https://fonts.googleapis.com/css2?family=PT+Serif:ital,wght@0,400;0,700;1,400;1,700&display=swap');
  
  :root {
      --cutColour: #fafafa;
      --barColour: rgb(var(--rating-module-bottom-border-color));
  }
  
  p {
    font-family: "PT Serif", Times, serif;
    font-size: 18px;
    text-justify: inter-word;
    text-align: justify;
    text-indent: 2rem;
  }
  
  .dunebox {
      margin-top: -20px;
      color: #757575;
      font-size: 80%;
  }
  
  .dunebox p {
     text-align: right;
     text-indent: unset;
     font-size: unset;
  }
  
  .footnoteref{ font-variant: unset; }

  Pages using this styling

  • murder-bloody-murder [info]
  • the-sharpest-fangs [info]

  ¶ 2 occurrences
  

  @import url('https://fonts.googleapis.com/css2?family=Secular+One&display=swap');
  
  .sign {
      position: relative;
      display: block;
      text-align: center;
      margin: 0 auto;
      width: 19rem;
      font-size: 1.1rem;
      color: black;
      border: 2px solid black;
      border-radius: 2px;
      background-color: #feffda;
      background-color: {$color};
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='600' height='600' viewBox='0 0 600 600'%3E%3Cpath fill='%238e8e8e' fill-opacity='0.25' d='M600 325.1v-1.17c-6.5 3.83-13.06 7.64-14.68 8.64-10.6 6.56-18.57 12.56-24.68 19.09-5.58 5.95-12.44 10.06-22.42 14.15-1.45.6-2.96 1.2-4.83 1.9l-4.75 1.82c-9.78 3.75-14.8 6.27-18.98 10.1-4.23 3.88-9.65 6.6-16.77 8.84-1.95.6-3.99 1.17-6.47 1.8l-6.14 1.53c-5.29 1.35-8.3 2.37-10.54 3.78-3.08 1.92-6.63 3.26-12.74 5.03a384.1 384.1 0 0 1-4.82 1.36c-2.04.58-3.6 1.04-5.17 1.52a110.03 110.03 0 0 0-11.2 4.05c-2.7 1.15-5.5 3.93-8.78 8.4a157.68 157.68 0 0 0-6.15 9.2c-5.75 9.07-7.58 11.74-10.24 14.51a50.97 50.97 0 0 1-4.6 4.22c-2.33 1.9-10.39 7.54-11.81 8.74a14.68 14.68 0 0 0-3.67 4.15c-1.24 2.3-1.9 4.57-2.78 8.87-2.17 10.61-3.52 14.81-8.2 22.1-4.07 6.33-6.8 9.88-9.83 12.99-.47.48-.95.96-1.5 1.48l-3.75 3.56c-1.67 1.6-3.18 3.12-4.86 4.9a42.44 42.44 0 0 0-9.89 16.94c-2.5 8.13-2.72 15.47-1.76 27.22.47 5.82.51 6.36.51 8.18 0 10.51.12 17.53.63 25.78.24 4.05.56 7.8.97 11.22h.9c-1.13-9.58-1.5-21.83-1.5-37 0-1.86-.04-2.4-.52-8.26-.94-11.63-.72-18.87 1.73-26.85a41.44 41.44 0 0 1 9.65-16.55c1.67-1.76 3.18-3.27 4.83-4.85.63-.6 3.13-2.96 3.75-3.57a71.6 71.6 0 0 0 1.52-1.5c3.09-3.16 5.86-6.76 9.96-13.15 4.77-7.42 6.15-11.71 8.34-22.44.86-4.21 1.5-6.4 2.68-8.6.68-1.25 1.79-2.48 3.43-3.86 1.38-1.15 9.43-6.8 11.8-8.72 1.71-1.4 3.26-2.81 4.7-4.3 2.72-2.85 4.56-5.54 10.36-14.67a156.9 156.9 0 0 1 6.1-9.15c3.2-4.33 5.9-7.01 8.37-8.07 3.5-1.5 7.06-2.77 11.1-4.02a233.84 233.84 0 0 1 7.6-2.2l2.38-.67c6.19-1.79 9.81-3.16 12.98-5.15 2.14-1.33 5.08-2.33 10.27-3.65l6.14-1.53c2.5-.63 4.55-1.2 6.52-1.82 7.24-2.27 12.79-5.06 17.15-9.05 4.05-3.72 9-6.2 18.66-9.9l4.75-1.82c1.87-.72 3.39-1.31 4.85-1.91 10.1-4.15 17.07-8.32 22.76-14.4 6.05-6.45 13.95-12.4 24.49-18.92 1.56-.96 7.82-4.6 14.15-8.33v-64.58c-4 8.15-8.52 14.85-12.7 17.9-2.51 1.82-5.38 4.02-9.04 6.92a1063.87 1063.87 0 0 0-6.23 4.98l-1.27 1.02a2309.25 2309.25 0 0 1-4.87 3.9c-7.55 6-12.9 10.05-17.61 13.19-3.1 2.06-3.86 2.78-8.06 7.13-5.84 6.07-11.72 8.62-29.15 10.95-11.3 1.5-20.04 4.91-30.75 11.07-1.65.94-7.27 4.27-6.97 4.1-2.7 1.58-4.69 2.69-6.64 3.66-5.63 2.8-10.47 4.17-15.71 4.17-17.13 0-41.44 11.51-51.63 22.83-12.05 13.4-31.42 27.7-45.25 31.16-7.4 1.85-11.85 7.05-14.04 14.69-1.26 4.4-1.58 8.28-1.58 13.82 0 .82.01.98.24 3.63.45 5.18.35 8.72-.77 13.26-1.53 6.2-4.89 12.6-10.59 19.43-13.87 16.65-22.88 46.58-22.88 71.68 0 2.39.02 4.26.06 8.75.12 10.8.1 15.8-.22 21.95-.56 11.18-2.09 20.73-5 29.3h-1.05c2.94-8.56 4.49-18.12 5.05-29.35.31-6.13.34-11.1.22-21.9-.04-4.48-.06-6.36-.06-8.75 0-25.32 9.07-55.47 23.12-72.32 5.6-6.72 8.88-12.99 10.38-19.03 1.09-4.4 1.18-7.85.74-12.93-.23-2.7-.24-2.86-.24-3.72 0-5.62.32-9.57 1.62-14.1 2.28-7.95 6.97-13.44 14.76-15.39 13.6-3.4 32.82-17.59 44.75-30.84C409 360.14 433.58 348.5 451 348.5c5.07 0 9.77-1.33 15.26-4.07 1.93-.96 3.9-2.05 6.58-3.62-.3.18 5.33-3.16 6.98-4.11 10.82-6.21 19.66-9.67 31.11-11.2 17.23-2.3 22.9-4.75 28.57-10.64 4.25-4.41 5.04-5.16 8.22-7.28 4.68-3.11 10.01-7.14 17.55-13.14a1113.33 1113.33 0 0 0 4.86-3.89l1.28-1.02a4668.54 4668.54 0 0 1 6.23-4.98c3.67-2.9 6.55-5.12 9.07-6.95 4.37-3.19 9.16-10.56 13.29-19.4v66.9zm0-116.23c-.62.01-1.27.06-1.95.13-6.13.63-13.83 3.45-21.83 7.45-3.64 1.82-8.46 2.67-14.17 2.71-4.7.04-9.72-.47-14.73-1.33-1.7-.3-3.26-.61-4.67-.93a31.55 31.55 0 0 0-3.55-.57 273.4 273.4 0 0 0-16.66-.88c-10.42-.16-17.2.74-17.97 2.73-.38.97.6 2.55 3.03 4.87 1.01.97 2.22 2.03 4.04 3.55a1746.07 1746.07 0 0 0 4.79 4.02c1.39 1.2 3.1 1.92 5.5 2.5.7.16.86.2 2.64.54 3.53.7 5.03 1.25 6.15 2.63 1.41 1.76 1.4 4.54-.15 8.88-2.44 6.83-5.72 10.05-10.19 10.33-3.63.23-7.6-1.29-14.52-5.06-4.53-2.47-6.82-7.3-8.32-15.26-.17-.87-.32-1.78-.5-2.86l-.43-2.76c-1.05-6.58-1.9-9.2-3.73-10.11-.81-.4-1.59-.74-2.36-1-2.27-.77-4.6-1.02-8.1-.92-2.29.07-14.7 1-13.77.93-20.55 1.37-28.8 5.05-37.09 14.99a133.07 133.07 0 0 0-4.25 5.44l-2.3 3.09-2.51 3.32c-4.1 5.36-7.06 8.48-10.39 11.12-.65.52-1.33 1.04-2.13 1.62l-4.11 2.94a106.8 106.8 0 0 0-5.16 3.99c-4.55 3.74-9.74 8.6-16.25 15.38-8.25 8.58-11.78 13.54-11.7 15.95.07 1.65 1.64 2.11 6.79 2.38 1.61.09 2.15.12 2.98.2 2.95.24 5.09.73 6.81 1.68 7.48 4.15 11.63 7.26 13.95 11.58 3.3 6.15.8 12.88-8.89 20.26-8.28 6.3-11.1 10.37-11.31 14.96-.06 1.17 0 1.93.26 4.43.69 6.47.25 10.65-2.8 17.42a44.23 44.23 0 0 1-4.16 7.53c-2.82 3.97-5.47 5.74-10.6 7.69-.43.16-3.34 1.23-4.27 1.59-1.8.68-3.38 1.36-5.01 2.14-4.18 2-8.4 4.6-13.1 8.24-8.44 6.51-13.23 14.56-15.98 25.06-1.1 4.2-1.55 6.81-2.8 15.21-1.26 8.6-2.17 12.64-4.08 16.55-2.1 4.28-11.93 26.59-12.97 28.88a382.7 382.7 0 0 1-6.37 13.41c-4.07 8.11-7.61 14.07-10.73 17.81-5.38 6.46-8.98 14.37-13.77 28.42a810.14 810.14 0 0 0-1.89 5.6c-1.8 5.35-2.96 8.6-4.26 11.85-6.13 15.32-25.43 26.31-46.46 26.31-11.2 0-20.58-2.74-31.02-8.55-5.6-3.13-4.55-2.42-22.26-14.54-14.33-9.8-17.7-10.73-20.47-6.9-.37.5-1.81 2.74-1.83 2.77a52.24 52.24 0 0 1-4.94 5.9c-.73.79-5.52 5.87-6.97 7.45-2.38 2.6-4.3 4.81-5.98 6.93a45.6 45.6 0 0 0-5.08 7.66c-1.29 2.57-1.9 5.25-2.66 10.6a997.6 997.6 0 0 1-.46 3.18h-1l.47-3.32c.77-5.45 1.4-8.2 2.75-10.9a46.54 46.54 0 0 1 5.2-7.84c1.7-2.14 3.63-4.38 6.03-6.98 1.45-1.59 6.24-6.68 6.96-7.46a51.58 51.58 0 0 0 4.84-5.78s1.47-2.26 1.86-2.8c3.25-4.5 7.08-3.44 21.84 6.67 17.67 12.08 16.62 11.38 22.19 14.48 10.3 5.73 19.5 8.43 30.53 8.43 20.65 0 39.57-10.77 45.54-25.69a219.7 219.7 0 0 0 4.24-11.8 6752.32 6752.32 0 0 0 1.88-5.6c4.83-14.16 8.47-22.14 13.96-28.73 3.05-3.66 6.56-9.57 10.6-17.61 1.97-3.93 4.04-8.31 6.35-13.38 1.03-2.28 10.88-24.61 12.98-28.91 1.85-3.79 2.75-7.76 4-16.25 1.24-8.44 1.7-11.07 2.81-15.32 2.8-10.7 7.71-18.94 16.33-25.6a73.18 73.18 0 0 1 13.29-8.35c1.66-.8 3.27-1.48 5.08-2.18.94-.36 3.86-1.43 4.28-1.59 4.95-1.88 7.44-3.55 10.14-7.33 1.35-1.9 2.68-4.3 4.06-7.37 2.97-6.58 3.39-10.59 2.72-16.9a27.13 27.13 0 0 1-.27-4.58c.22-4.94 3.21-9.24 11.7-15.7 9.33-7.11 11.66-13.34 8.62-19-2.2-4.09-6.25-7.12-13.55-11.17-1.57-.88-3.6-1.33-6.42-1.57-.8-.07-1.34-.1-2.95-.19-5.77-.3-7.63-.85-7.72-3.34-.1-2.81 3.5-7.87 11.97-16.69 6.53-6.8 11.75-11.69 16.33-15.45 1.79-1.47 3.42-2.72 5.2-4.03l4.12-2.94c.79-.58 1.46-1.08 2.1-1.59 3.26-2.6 6.16-5.65 10.21-10.94a383.2 383.2 0 0 0 2.5-3.32l2.31-3.09c1.8-2.39 3.04-4 4.29-5.48 8.47-10.17 16.98-13.96 37.27-15.3-.44.02 12-.9 14.32-.98 3.62-.1 6.05.16 8.46.98.8.27 1.62.62 2.47 1.04 2.27 1.14 3.17 3.87 4.27 10.85l.44 2.76c.17 1.07.33 1.97.5 2.83 1.44 7.69 3.62 12.29 7.8 14.57 6.76 3.68 10.6 5.15 13.99 4.94 4-.25 6.99-3.17 9.3-9.67 1.45-4.04 1.46-6.49.32-7.92-.9-1.12-2.28-1.62-5.57-2.27a55.8 55.8 0 0 1-2.67-.55c-2.54-.6-4.39-1.4-5.93-2.71a252.63 252.63 0 0 0-4.78-4.01 84.35 84.35 0 0 1-4.08-3.6c-2.73-2.6-3.86-4.43-3.28-5.95 1.02-2.64 7.82-3.54 18.93-3.37a230.56 230.56 0 0 1 16.73.88c2.76.39 3.2.49 3.68.6 1.4.3 2.95.62 4.62.91a82.9 82.9 0 0 0 14.56 1.32c5.56-.04 10.24-.86 13.73-2.6 8.1-4.05 15.89-6.9 22.17-7.56.7-.07 1.4-.11 2.05-.13v1zm0-100.94v1.5c-8.62 16.05-17.27 29.55-23.65 35.92-3.19 3.2-7.62 4.9-13.54 5.56-4.45.48-8.28.4-19.18-.2-9.91-.55-15.32-.44-20.52.78a84.05 84.05 0 0 1-15 2.11l-2.25.14c-12.49.75-19.37 1.78-32.72 5.74-4.5 1.33-9.27 2.49-14.3 3.48a246.27 246.27 0 0 1-32.6 3.97c-7.56.45-13.21.57-20.24.57-5.4 0-11.9 1.61-18 5.18-8.3 4.87-15.06 12.87-19.53 24.5a68.57 68.57 0 0 1-4.56 9.8c-3.6 6.2-6.92 8.99-13.38 12.18l-4.03 1.96a64.48 64.48 0 0 0-15.16 10.25c-8.2 7.33-13.72 16.63-22.54 35.6l-2.08 4.49c-7.3 15.7-11.5 23.3-17.35 29.87-7.7 8.66-20.25 14.42-40.31 20.08-4.37 1.23-19.04 5.08-19.24 5.13-6.92 1.87-11.68 3.34-15.63 4.92-10.55 4.22-18.71 10.52-36.38 26.52l-1.7 1.54c-8.58 7.76-13.41 11.9-18.81 15.88-3.95 2.9-8 5.67-12.97 8.91-2.06 1.34-10.3 6.6-12.33 7.94-11.52 7.5-18.53 13.04-24.62 20.08a62.01 62.01 0 0 0-6.44 8.85c-4.13 6.91-6.27 13.15-9.2 25.11l-1.54 6.26c-.6 2.45-1.15 4.54-1.72 6.58-2.97 10.7-6.9 17.36-14.78 26.91L69.6 491a148.51 148.51 0 0 0-4.19 5.3 23.9 23.9 0 0 0-3.44 6.28c-1.16 3.23-1.52 5.9-1.87 11.94-.58 10.05-1.42 15.04-4.63 22.67-1.57 3.72-5.66 14.02-6.41 15.8a73.46 73.46 0 0 1-3.57 7.4c-2.88 5.14-6.71 10.12-13.12 16.95-5.96 6.36-8.87 10.9-10.61 16a56.88 56.88 0 0 0-1.38 4.82l-.46 1.84h-1.03l.52-2.08c.52-2.09.92-3.49 1.4-4.9 1.8-5.25 4.78-9.9 10.84-16.36 6.35-6.78 10.13-11.7 12.97-16.77a72.5 72.5 0 0 0 3.52-7.29c.75-1.76 4.84-12.06 6.4-15.8 3.17-7.5 3.99-12.4 4.56-22.33.35-6.14.72-8.88 1.93-12.23a24.9 24.9 0 0 1 3.58-6.54c1.27-1.7 2.6-3.37 4.22-5.34l4.11-4.95c7.8-9.46 11.66-16 14.59-26.54.56-2.04 1.1-4.12 1.71-6.56l1.53-6.26c2.96-12.04 5.13-18.36 9.32-25.39 1.84-3.08 4-6.05 6.54-8.99 6.17-7.12 13.24-12.7 24.83-20.26 2.05-1.33 10.28-6.6 12.33-7.94 4.96-3.22 9-5.98 12.92-8.87 5.37-3.95 10.19-8.08 18.74-15.82l1.7-1.54c17.76-16.09 25.98-22.43 36.67-26.7 4-1.6 8.8-3.09 15.75-4.96.21-.06 14.87-3.9 19.22-5.13 19.9-5.61 32.32-11.31 39.85-19.78 5.76-6.48 9.93-14.02 17.18-29.64l2.09-4.5c8.87-19.07 14.44-28.46 22.77-35.9a65.48 65.48 0 0 1 15.38-10.4l4.04-1.97c6.3-3.1 9.47-5.77 12.96-11.77a67.6 67.6 0 0 0 4.48-9.67c4.56-11.84 11.47-20.02 19.97-25 6.25-3.66 12.93-5.32 18.5-5.32 7.01 0 12.65-.12 20.17-.57a245.3 245.3 0 0 0 32.47-3.96c5-.98 9.75-2.13 14.22-3.45 13.43-3.98 20.38-5.02 32.94-5.78l2.24-.14c5.76-.37 9.8-.9 14.85-2.09 5.31-1.25 10.79-1.35 22.6-.7 9.04.5 12.84.58 17.21.1 5.71-.62 9.94-2.26 12.95-5.26 6.44-6.45 15.3-20.37 24.35-36.72zm0 450.21c-1.28-4.6-2.2-10.55-3.33-20.25l-.24-2.04-.23-2.03c-1.82-15.7-3.07-21.98-5.55-24.47-2.46-2.46-3.04-5.03-2.52-8.64.1-.6.18-1.1.39-2.15.69-3.54.77-5.04.08-6.84-.91-2.38-3.31-4.41-7.79-6.26-5.08-2.09-6.52-4.84-4.89-8.44.66-1.45 1.79-3.02 3.52-5.01 1.04-1.2 5.48-5.96 5.08-5.53 6.15-6.7 8.98-11.34 8.98-16.48a15.2 15.2 0 0 1 6.5-12.89v1.26a14.17 14.17 0 0 0-5.5 11.63c0 5.47-2.93 10.29-9.24 17.16.38-.42-4.04 4.33-5.07 5.5-1.67 1.93-2.75 3.43-3.36 4.77-1.37 3.04-.23 5.22 4.36 7.1 4.71 1.95 7.32 4.16 8.34 6.83.78 2.04.7 3.67-.03 7.4-.2 1.03-.3 1.51-.38 2.09-.48 3.33.03 5.59 2.23 7.8 2.74 2.74 3.98 8.96 5.84 25.06l.24 2.03.23 2.04c.82 7.01 1.53 12.06 2.34 16.03v4.33zm0-62.16c-1.4-3.13-4.43-9.9-4.95-11.17-1.02-2.53-1.25-3.8-.91-5.18.2-.84 2.05-4.68 2.32-5.33a70.79 70.79 0 0 0 3.54-11.2v3.99a62.82 62.82 0 0 1-2.62 7.6c-.31.75-2.09 4.46-2.27 5.18-.28 1.12-.08 2.22.87 4.57.41 1.02 2.5 5.7 4.02 9.09v2.45zm0-85.09c-1.65 1.66-3.66 2.9-6.4 4.13-.25.1-13.97 5.47-20.4 8.43-9.35 4.32-16.7 5.9-23.03 5.25-5.08-.53-9.02-2.25-14.77-5.92l-3.2-2.07a77.4 77.4 0 0 0-5.44-3.27c-4.05-2.18-3.25-5.8 1.47-10.47 3.71-3.68 9.6-7.93 18.73-13.8l4.46-2.82c17.95-11.33 18.22-11.5 22.27-14.74 11.25-9 19.69-14.02 26.31-15.1v1.02c-6.37 1.1-14.62 6-25.69 14.86-4.1 3.28-4.34 3.44-22.36 14.8a652.4 652.4 0 0 0-4.45 2.83c-9.07 5.83-14.92 10.05-18.57 13.66-4.31 4.28-4.95 7.13-1.7 8.88 1.7.91 3.29 1.88 5.5 3.3l3.2 2.08c5.64 3.59 9.45 5.25 14.34 5.76 6.13.64 13.32-.9 22.52-5.15 6.46-2.98 20.18-8.35 20.4-8.44 3.04-1.37 5.1-2.71 6.81-4.69v1.47zm0-41.37v1c-6.56.26-12.11 3.13-19.71 9.08l-4.63 3.68a51.87 51.87 0 0 1-4.4 3.14c-.82.52-5.51 3.33-6.22 3.76-3.31 2-6.15 3.8-8.87 5.6a112.61 112.61 0 0 0-8.16 5.92c-4.61 3.72-7.4 6.9-7.97 9.35-.63 2.67 1.48 4.53 7.05 5.46 10.7 1.78 20.92-.05 30.45-4.65a61.96 61.96 0 0 0 17.1-12.2 41.8 41.8 0 0 0 5.36-7.42v1.92a38.94 38.94 0 0 1-4.64 6.19 62.95 62.95 0 0 1-17.39 12.41c-9.7 4.68-20.13 6.55-31.05 4.73-6.06-1-8.65-3.29-7.85-6.67.64-2.74 3.53-6.05 8.31-9.9 2.35-1.9 5.1-3.88 8.24-5.97 2.73-1.82 5.58-3.61 8.9-5.62.72-.44 5.4-3.24 6.22-3.75 1.26-.8 2.6-1.76 4.3-3.09.8-.62 3.9-3.1 4.63-3.67 7.77-6.1 13.49-9.04 20.33-9.3zm0-154.6v1c-1.75-.24-4.3.23-7.82 1.55-10.01 3.75-13.8 5.07-19.15 6.76-1.78.56-2.63.83-3.87 1.24-1.48.5-3.16.76-6.74 1.16a1550.34 1550.34 0 0 0-2.64.3c-7.8.94-11.28 2.47-11.28 6.07 0 4.45 2.89 13.18 7.96 25.81a57.34 57.34 0 0 1 2.33 7.6 258.32 258.32 0 0 1 .84 3.46c1.86 7.62 3.17 10.71 5.56 11.67 2.21.88 4.7.6 7.47-.72 3.48-1.69 7.22-4.94 11.2-9.47 1.52-1.7 2.97-3.49 4.59-5.57l3.16-4.1c2.59-3.23 6.07-12.21 8.39-20.23v3.45c-2.29 7.2-5.27 14.5-7.61 17.41-.44.55-2.67 3.46-3.15 4.09-1.63 2.1-3.1 3.9-4.62 5.62-4.08 4.61-7.9 7.94-11.53 9.7-2.99 1.44-5.77 1.75-8.28.74-2.84-1.13-4.2-4.34-6.15-12.35a2097.48 2097.48 0 0 1-.84-3.46c-.8-3.2-1.47-5.45-2.28-7.46-5.14-12.8-8.04-21.55-8.04-26.19 0-4.37 3.84-6.06 12.16-7.07a160.9 160.9 0 0 1 2.65-.3c3.5-.39 5.15-.64 6.53-1.1 1.26-.42 2.1-.7 3.88-1.26 5.34-1.68 9.11-3 19.1-6.74 3.53-1.32 6.22-1.84 8.18-1.61zM0 292c10.13-11.31 18.13-23.2 23.07-35.39 3.3-8.14 6.09-16.12 10.81-30.55l1.59-4.84c6.53-19.94 10.11-29.82 14.77-39.56 6.07-12.72 12.55-21.18 20.27-25.54 6.66-3.76 10.2-7.86 12.22-13.15a46.6 46.6 0 0 0 1.86-6.58c1.23-5.2 2.05-7.59 3.93-10.36 2.45-3.62 6.27-6.53 12.1-8.96 15.78-6.58 16.73-7.04 18.05-9.01.65-.98.83-2.15.74-4.51-.03-.73-.23-3.82-.24-4A93.8 93.8 0 0 1 119 94c0-10.04.18-11.37 2.37-13.15.52-.42 1.13-.8 2.07-1.3.27-.14 2.18-1.12 2.84-1.48a68.4 68.4 0 0 0 9.12-5.87c2.06-1.54 2.64-2.14 8.01-7.93 3.78-4.09 6.21-6.36 8.96-8.12 3.64-2.33 7.2-3.12 10.9-2.11 4.4 1.2 10.81 2 18.78 2.46 6.9.4 12.9.5 21.95.5 4.87 0 8.97.47 15.4 1.57 7.77 1.33 9.3 1.54 12.38 1.54 4.05 0 7.43-.88 10.68-2.95 5.06-3.22 8.11-4.67 11.2-5.2 3.62-.64 4.77-.46 16.55 2.06 17.26 3.7 30.85 1.36 41.06-9.7 5.1-5.53 5.48-8.9 3.48-14.8-.83-2.42-1.03-3.1-1.17-4.3-.29-2.52.5-4.71 2.71-6.93 2.65-2.65 4.72-9.17 6.22-18.29h2.03c-1.56 9.71-3.77 16.65-6.83 19.7-1.79 1.8-2.36 3.39-2.14 5.28.11 1 .3 1.63 1.07 3.9 2.22 6.53 1.76 10.66-3.9 16.8-10.77 11.66-25.07 14.13-42.95 10.3-11.42-2.45-12.55-2.62-15.78-2.06-2.77.48-5.62 1.84-10.47 4.92a20.93 20.93 0 0 1-11.76 3.27c-3.25 0-4.81-.22-12.73-1.57C212.74 59.46 208.73 59 204 59c-9.1 0-15.11-.1-22.07-.5-8.09-.47-14.62-1.29-19.2-2.54-5.62-1.53-10.17 1.38-17.85 9.66-5.5 5.94-6.08 6.53-8.28 8.18a70.38 70.38 0 0 1-9.38 6.03c-.68.37-2.58 1.35-2.84 1.49-.84.44-1.35.76-1.75 1.08C121.16 83.6 121 84.8 121 94c0 1.85.06 3.54.17 5.44 0 .17.2 3.28.24 4.03.1 2.75-.13 4.29-1.08 5.71-1.67 2.5-2.27 2.8-18.95 9.74-5.48 2.29-8.99 4.96-11.2 8.24-1.71 2.51-2.47 4.73-3.64 9.7-.83 3.5-1.21 4.92-1.94 6.83-2.18 5.73-6.05 10.19-13.1 14.18-7.3 4.12-13.55 12.28-19.46 24.66-4.6 9.64-8.17 19.46-14.67 39.32l-1.58 4.84c-4.75 14.47-7.54 22.48-10.86 30.69-5.28 13.01-13.95 25.65-24.93 37.6v-2.97zm0 78v-.5l1-.01c6.32 0 7.47 5.2 4.6 13.36a60.36 60.36 0 0 1-5.6 11.3v-1.92a57.76 57.76 0 0 0 4.65-9.72c2.69-7.6 1.71-12.02-3.65-12.02-.34 0-.67 0-1 .02v-46.59a340.96 340.96 0 0 0 13.71-8.34c13.66-9.46 29.79-37.6 29.79-53.59 0-18.1 21.57-72.64 32.23-79.42 12.71-8.09 32.24-27.96 35.8-37.75 1.93-5.3 5.5-7.27 14.42-9.37 6.15-1.44 8.64-2.42 10.67-4.79 1.5-1.74 2.72-4.79 4.33-10.3.23-.78 1.9-6.68 2.43-8.46 3.62-12.08 7.3-18.49 13.47-20.39 2.5-.76 3.03-.98 9.74-3.7 7.49-3.03 11.97-4.43 17.12-4.92 6.75-.65 13.13.75 19.55 4.67 5.43 3.32 12.19 4.72 20.17 4.56 6.03-.12 12.2-1.07 19.83-2.8 1.82-.4 7.38-1.74 8.26-1.94 2.69-.6 4.34-.89 5.48-.89 4.97 0 8.93-.05 14.2-.27 7.9-.32 15.56-.92 22.75-1.88 8.5-1.14 15.9-2.73 21.88-4.82 18.9-6.62 32.64-18.3 33.67-27.59.29-2.56.4-2.96 2.79-11.11 2.33-7.95 3.21-12.93 2.72-18.23-.2-2.24-.69-4.38-1.48-6.42-1.5-3.92-2.63-9.4-3.43-16.18h.9c.77 6.47 1.89 11.72 3.47 15.82a24.93 24.93 0 0 1 1.54 6.69c.5 5.46-.4 10.54-2.77 18.6-2.36 8.06-2.47 8.47-2.74 10.95-1.09 9.75-15.1 21.68-34.33 28.41-6.06 2.12-13.52 3.72-22.09 4.87-7.22.96-14.92 1.57-22.83 1.89-5.3.21-9.27.27-14.25.27-1.04 0-2.64.27-5.26.87-.87.2-6.43 1.53-8.26 1.94-7.68 1.73-13.92 2.7-20.03 2.82-8.15.17-15.1-1.27-20.71-4.7-6.23-3.81-12.4-5.16-18.93-4.54-5.04.48-9.44 1.86-16.84 4.86-6.75 2.74-7.29 2.95-9.82 3.73-5.73 1.76-9.28 7.96-12.81 19.72-.53 1.77-2.2 7.66-2.43 8.46-1.66 5.65-2.91 8.78-4.53 10.67-2.22 2.58-4.84 3.62-12.01 5.3-7.8 1.83-11.13 3.66-12.9 8.54-3.65 10.04-23.32 30.06-36.2 38.25C65.94 190 44.5 244.2 44.5 262c0 16.34-16.3 44.78-30.22 54.41-2.14 1.48-8.24 5.12-14.28 8.68v-1.16 46.09zm0-173.7v-1.11c7.42-3.82 14.55-10.23 21.84-18.98 3.8-4.56 14.21-18.78 15.79-20.55 1.8-2.04 4.06-3.96 7.42-6.45 1.08-.8 4.92-3.57 5.49-3.99 9.36-6.85 14-11.96 15.98-19.36.8-2.98 1.54-6.78 2.46-12.3.23-1.44 2-12.46 2.56-15.79 2.87-16.77 5.73-26.79 10.07-32.1C92.46 52.43 101.5 38.13 101.5 33c0-2.54.34-3.35 6.05-15.71.68-1.49 1.25-2.74 1.77-3.93 2.5-5.75 3.9-10.04 4.14-13.36h1c-.23 3.48-1.66 7.87-4.23 13.76-.52 1.2-1.09 2.45-1.78 3.95-5.54 12.01-5.95 12.99-5.95 15.29 0 5.47-9.09 19.84-20.11 33.31-4.2 5.12-7.03 15.06-9.86 31.64-.57 3.33-2.33 14.33-2.57 15.78-.92 5.56-1.67 9.38-2.48 12.4-2.05 7.68-6.82 12.93-16.35 19.91l-5.49 3.98c-3.3 2.45-5.51 4.34-7.27 6.31-1.53 1.73-11.94 15.93-15.76 20.53-7.52 9.02-14.88 15.6-22.61 19.46zm0 361.83v-4.33c.48 2.36 1 4.35 1.6 6.15 2 6.03 4.6 8.26 8.19 6.59C28.76 557.69 43.5 542.4 43.5 527c0-16.2 6.37-31.99 17.1-46.3 1.88-2.5 3.66-4.4 5.53-6 .73-.62 1.45-1.18 2.3-1.8l2-1.43c3.68-2.68 5.32-5.28 7.08-12.59.75-3.07 1.38-5.02 4.2-13.26l.63-1.88c3.24-9.58 4.56-14.97 4.17-18.65-.48-4.43-3.8-5.23-11.3-1.64a81.12 81.12 0 0 1-9.15 3.7c-13.89 4.67-26.96 5.8-42.66 5.42l-1.95-.05-1.45-.02a39.8 39.8 0 0 0-15.05 2.96A21.81 21.81 0 0 0 0 438.37v-1.26a23.55 23.55 0 0 1 4.55-2.57 40.77 40.77 0 0 1 16.92-3.02l1.95.05c15.6.38 28.57-.75 42.32-5.37a80.12 80.12 0 0 0 9.04-3.65c8.04-3.84 12.16-2.85 12.72 2.43.42 3.89-.92 9.34-4.21 19.08l-.64 1.88c-2.8 8.2-3.43 10.15-4.16 13.18-1.82 7.52-3.59 10.34-7.47 13.16l-2 1.43c-.84.6-1.54 1.15-2.25 1.75a35.45 35.45 0 0 0-5.37 5.84c-10.61 14.15-16.9 29.74-16.9 45.7 0 15.88-15 31.45-34.29 40.45-4.3 2.01-7.39-.66-9.56-7.18-.23-.68-.44-1.39-.65-2.13zm0-62.16v-2.45l1.46 3.27c2.1 4.8 3.46 10.33 4.26 16.77.66 5.3.84 9.3 1.04 18.5.2 9.32.5 12.75 1.63 15.05 1.28 2.6 3.67 2.35 8.29-1.5 17.14-14.3 21.82-22.9 21.82-38.62 0-7.17 1.1-12.39 3.7-17.68 2.27-4.67 3.65-6.62 13.4-19.62a69.8 69.8 0 0 1 7.6-8.79 44.76 44.76 0 0 1 3.54-3.06c.38-.3.64-.52.89-.74a10.47 10.47 0 0 0 2.63-3.32 35.78 35.78 0 0 0 2.26-5.94l.37-1.2.36-1.15c.29-.91.48-1.55.66-2.16.45-1.53.74-2.68.91-3.66.38-2.2.12-3.49-.85-4.15-2.35-1.61-9.28-.24-23.8 4.94-9.54 3.4-16.12 4.17-27.85 4.26-7.71.06-10.43.4-13.25 2.12-3.48 2.12-5.84 6.4-7.58 14.26-.5 2.2-.99 4.19-1.49 5.98v-3.98l.51-2.22c1.8-8.1 4.28-12.6 8.04-14.9 3.04-1.85 5.86-2.2 13.77-2.26 11.61-.09 18.1-.84 27.51-4.2 14.93-5.32 21.95-6.71 24.7-4.83 1.38.94 1.71 2.6 1.28 5.15a33.69 33.69 0 0 1-.94 3.78l-.66 2.17-.36 1.15-.37 1.2a36.64 36.64 0 0 1-2.33 6.1c-.8 1.53-1.61 2.52-2.86 3.61l-.92.77-1.02.83c-.9.74-1.65 1.4-2.47 2.18a68.84 68.84 0 0 0-7.48 8.66c-9.7 12.93-11.07 14.87-13.31 19.46-2.52 5.15-3.59 10.22-3.59 17.24 0 16.04-4.82 24.91-22.18 39.38-5.04 4.2-8.18 4.55-9.83 1.18-1.22-2.5-1.52-5.94-1.73-15.47-.2-9.16-.38-13.15-1.03-18.4-.79-6.34-2.12-11.8-4.19-16.49L0 495.98zM379.27 0h1.04l1.5 5.26c3.28 11.56 4.89 19.33 5.26 27.8.49 11.01-1.52 21.26-6.63 31.17-7.8 15.13-20.47 26.5-36.22 34.1-12.38 5.96-26.12 9.17-36.22 9.17-6.84 0-17.24 1.38-37.27 4.62l-2.27.37c-24.5 3.99-31.65 5-37.46 5-3.49 0-4.08-.08-19.54-2.8-3.56-.64-6.32-1.1-9-1.5-20.23-2.96-31-1.2-31.96 7.86-.1.85-.18 1.72-.29 2.81l-.27 2.73c-1.1 10.9-2.02 15.73-4.31 19.96-2.9 5.34-7.77 7.95-15.63 7.95-10.2 0-12.92.6-15.5 3.17.52-.51-5.03 5.85-8.16 8.7-2.75 2.5-14.32 12.55-15.77 13.83a341.27 341.27 0 0 0-6.54 5.92c-6.97 6.49-11.81 11.76-14.6 16.15-5.92 9.3-10.48 18.04-11.69 24.08-1.66 8.3 3.67 9.54 19.02 1.21a626.23 626.23 0 0 1 44.54-21.9c3.5-1.56 14.04-6.2 15.68-6.95 5.05-2.25 8.3-3.8 10.78-5.15l1.95-1.07 2.18-1.18c1.76-.94 3.38-1.76 5-2.55 18.1-8.72 34.48-10.46 50.33-1.2 22.89 13.34 38.28 37.02 38.28 56.44 0 19.12-.73 25.13-5.18 33.2a45.32 45.32 0 0 1-4.94 7.12c-6.47 7.77-11.81 16.2-12.76 21.27-1.2 6.34 4.69 7.03 20.17-.05 13.31-6.08 22.4-14.95 28.5-26.32a80.51 80.51 0 0 0 6.1-15.13c.9-2.98 3.17-11.65 3.41-12.48a29.02 29.02 0 0 1 1.75-4.83c7.47-14.93 21.09-30.5 36.25-37.24 7.61-3.38 13-9.65 19.4-20.79.84-1.48 4.26-7.64 5.14-9.17 3.52-6.1 6.22-9.7 9.37-11.98 10.15-7.4 28.7-11.1 50.29-11.1 7.52 0 16.54-1.24 27.51-3.58a420.1 420.1 0 0 0 14.96-3.52c-1.3.33 15.54-3.98 19.42-4.89 14.15-3.33 41.07-5.01 64.11-5.01 17.36 0 27.82-9.23 38.53-38.67 6.62-18.21 6.62-26.37 2.69-34.35l-1.18-2.37A13.36 13.36 0 0 1 587.5 58c0-4.03 0-4.01 2.5-24.56.46-3.73.8-6.74 1.12-9.64.9-8.45 1.38-15.2 1.38-20.8 0-.94-.02-1.94-.04-3h1c.03 1.06.04 2.06.04 3 0 5.65-.48 12.43-1.39 20.9-.3 2.91-.66 5.93-1.11 9.66-2.5 20.45-2.5 20.47-2.5 24.44 0 1.97.45 3.57 1.45 5.68.24.51 1.16 2.35 1.17 2.36 4.06 8.24 4.06 16.68-2.65 35.13-10.84 29.8-21.63 39.33-39.47 39.33-22.96 0-49.83 1.68-63.89 4.99-3.86.9-20.69 5.2-19.4 4.88a421.05 421.05 0 0 1-14.99 3.53c-11.04 2.35-20.11 3.6-27.72 3.6-21.4 0-39.76 3.67-49.7 10.9-3 2.19-5.64 5.7-9.1 11.68-.87 1.52-4.29 7.68-5.14 9.17-6.49 11.3-12 17.71-19.86 21.2-14.9 6.63-28.38 22.03-35.75 36.77a28.17 28.17 0 0 0-1.69 4.67c-.23.8-2.5 9.49-3.4 12.5a81.48 81.48 0 0 1-6.19 15.3c-6.2 11.56-15.44 20.58-28.96 26.76-16.1 7.36-23 6.55-21.58-1.04 1-5.29 6.4-13.83 12.99-21.73a44.33 44.33 0 0 0 4.82-6.96c4.35-7.88 5.06-13.77 5.06-32.72 0-19.04-15.19-42.4-37.72-55.55-15.57-9.08-31.62-7.38-49.45 1.21a132.9 132.9 0 0 0-7.14 3.71l-1.95 1.07a158.83 158.83 0 0 1-10.85 5.19c-1.65.74-12.18 5.38-15.69 6.95a625.25 625.25 0 0 0-44.46 21.86c-15.95 8.66-22.37 7.16-20.48-2.29 1.24-6.2 5.83-15.02 11.82-24.42 2.85-4.48 7.74-9.8 14.77-16.34 1.98-1.85 4.12-3.79 6.56-5.94 1.46-1.29 13.02-11.33 15.75-13.82 3.09-2.8 8.6-9.14 8.14-8.67 2.82-2.82 5.75-3.46 16.2-3.46 7.5 0 12.04-2.43 14.75-7.42 2.2-4.07 3.11-8.84 4.2-19.59l.26-2.73.3-2.81c.56-5.42 4.47-8.5 11.23-9.6 5.44-.88 12.51-.51 21.86.86 2.7.4 5.47.86 9.04 1.49 15.33 2.7 15.96 2.8 19.36 2.8 5.73 0 12.9-1.03 37.3-5l2.27-.36c20.1-3.26 30.52-4.64 37.43-4.64 9.95 0 23.54-3.18 35.78-9.08 15.57-7.5 28.09-18.73 35.78-33.65 5.02-9.75 7-19.82 6.51-30.67-.37-8.37-1.96-16.08-5.23-27.57L379.27 0zm13.68 0h1.02c.78 3.9 1.92 8.7 3.51 14.88 3.63 14.05 3.06 27.03-.75 38.77a61 61 0 0 1-11.35 20.68 138.36 138.36 0 0 1-19.32 18.77c-11.32 9.02-23.36 15.49-35.95 18.39a258.63 258.63 0 0 1-22.57 4.07c-3.17.44-6.36.85-10.3 1.32l-9.39 1.12c-11.53 1.41-17.45 2.55-21.64 4.46-9.28 4.21-28.35 6.04-49.21 6.04-1.37 0-2.8-.12-4.3-.35-2.62-.41-5-1.03-9.14-2.29-7.34-2.21-9.63-2.75-12.63-2.56-3.9.23-6.63 2.29-8.47 6.89-1.86 4.66-2.42 7.53-3.34 14.98-1.1 8.98-2.87 12.12-9.97 14.3a40.12 40.12 0 0 0-6.8 2.66c-.63.33-1.16.64-1.76 1.02l-1.34.86c-1.9 1.14-3.86 1.49-9.25 1.49-3.2 0-8.83-.55-9.51-.39-1.22.28-.75-.14-7.14 6.24-1.5 1.5-3.49 3.18-6.32 5.37-1.52 1.18-7.16 5.43-7.94 6.03-4.96 3.78-8.33 6.6-11.06 9.38-4.88 4.98-6.85 9.15-5.56 12.7 1.34 3.67 4.07 4.42 8.9 2.82a55.72 55.72 0 0 0 7.77-3.48c1.5-.77 7.78-4.13 9.37-4.96a116.8 116.8 0 0 1 12.31-5.68 162.2 162.2 0 0 0 11.04-4.84c2.04-.97 10.74-5.16 13-6.22 4.41-2.1 8.1-3.78 11.65-5.29 17.14-7.3 29.32-9.9 37.67-6.65l5.43 2.1c2.3.88 4.17 1.62 6.02 2.38a150.9 150.9 0 0 1 13.07 6c18.34 9.63 30.35 22.13 34.79 39.87 6.96 27.85 3.6 45.53-8.08 62.4-3.97 5.75-3.52 9.2.06 8.97 4.14-.28 10.21-4.95 15.11-12.52 3.1-4.8 5.1-10.45 8.05-21.53l1.69-6.35c.66-2.47 1.24-4.52 1.83-6.5 4.93-16.56 11-27.28 21.56-34.76 7.15-5.06 23.73-15.5 25.48-16.75 6.74-4.81 10.53-9.44 14.34-18 7.74-17.44 21.09-24.34 44.47-24.34 9.36 0 17.91-1.13 29.53-3.49a624.86 624.86 0 0 0 6.2-1.28c2.4-.5 4.07-.84 5.66-1.13 4.03-.74 7.04-1.1 9.61-1.1 4.44 0 9.39-1 31.39-5.99l2.95-.66c16.34-3.67 25.64-5.35 31.66-5.35 1.54 0 2.4.01 6.4.1 7.8.15 12.27.13 17.33-.2 16.41-1.06 26.73-5.36 29.8-14.56a87.1 87.1 0 0 1 3.55-8.83c-.15.31 2.29-4.96 2.9-6.38 5.38-12.3 5.57-21.92-1.44-39.44a86.4 86.4 0 0 1-5.26-20.72c-1.61-11.98-1.38-23.14.1-40.35l.2-2.12h1l-.2 2.2c-1.48 17.15-1.7 28.24-.11 40.14a85.4 85.4 0 0 0 5.2 20.47c7.1 17.78 6.91 27.67 1.43 40.22-.62 1.43-3.06 6.72-2.91 6.4a86.17 86.17 0 0 0-3.52 8.73c-3.23 9.72-13.9 14.15-30.68 15.24-5.1.33-9.58.35-17.42.2-3.98-.09-4.84-.1-6.37-.1-5.91 0-15.18 1.67-31.44 5.32l-2.95.67c-22.16 5.02-27.05 6.01-31.61 6.01-2.5 0-5.45.36-9.43 1.09-1.58.29-3.25.62-5.64 1.11a4894.21 4894.21 0 0 0-6.2 1.29c-11.68 2.37-20.3 3.51-29.73 3.51-23.02 0-36 6.71-43.53 23.66-3.9 8.8-7.82 13.58-14.7 18.5-1.78 1.27-18.36 11.7-25.48 16.75-10.34 7.32-16.3 17.87-21.19 34.23-.58 1.96-1.15 4-1.82 6.47l-1.69 6.35c-2.98 11.18-5 16.9-8.17 21.81-5.05 7.81-11.37 12.68-15.89 12.98-4.7.31-5.3-4.23-.94-10.53 11.52-16.64 14.82-34.03 7.92-61.6-4.35-17.42-16.16-29.72-34.27-39.22-4-2.1-8.2-4-12.99-5.97-1.84-.75-3.7-1.49-6-2.38l-5.43-2.08c-8.03-3.12-20.02-.58-36.92 6.63-3.52 1.5-7.21 3.19-11.61 5.27l-13 6.22c-4.71 2.22-8.16 3.75-11.11 4.88a115.87 115.87 0 0 0-12.21 5.63c-1.58.83-7.86 4.18-9.37 4.96a56.55 56.55 0 0 1-7.9 3.54c-5.3 1.75-8.62.85-10.17-3.43-1.46-4.02.66-8.5 5.8-13.74 2.75-2.82 6.16-5.66 11.15-9.48.79-.6 6.43-4.85 7.94-6.02a66.96 66.96 0 0 0 6.23-5.28c6.74-6.74 6.1-6.16 7.61-6.51.87-.2 6.69.36 9.74.36 5.22 0 7.03-.32 8.74-1.35l1.31-.84c.62-.4 1.18-.72 1.84-1.07a41.07 41.07 0 0 1 6.96-2.72c6.64-2.04 8.22-4.84 9.28-13.47.93-7.53 1.5-10.47 3.4-15.24 1.99-4.95 5.04-7.26 9.34-7.51 3.17-.2 5.5.35 12.97 2.6a63.54 63.54 0 0 0 9.02 2.26c1.45.22 2.83.34 4.14.34 20.71 0 39.7-1.82 48.8-5.96 4.32-1.96 10.29-3.1 21.93-4.53l9.4-1.12c3.92-.48 7.11-.88 10.27-1.32 8.16-1.14 15.4-2.43 22.49-4.06 12.42-2.86 24.33-9.26 35.55-18.2a137.4 137.4 0 0 0 19.18-18.64 60.02 60.02 0 0 0 11.15-20.32c3.76-11.57 4.32-24.36.75-38.23A284.86 284.86 0 0 1 392.95 0zM506.7 0h1.26c-.5.66-.9 1.18-1.17 1.51-3.95 4.96-6.9 7.92-9.82 9.57A10.02 10.02 0 0 1 492 12.5c-2.38 0-4.24.67-6.71 2.21l-2.65 1.71c-4.38 2.8-8.01 4.08-13.64 4.08-5.6 0-9.99-1.26-16.08-4.05a202.63 202.63 0 0 1-2.3-1.06l-2.18-.98c-1.6-.7-2.92-1.17-4.17-1.48a13.42 13.42 0 0 0-3.27-.43c-2.3 0-4.3-.68-11-3.37l-1.56-.62c-5-1.97-8.1-2.82-10.52-2.66-2.93.2-4.42 2.03-4.42 6.15 0 20.76-5.21 50.42-12.15 57.35-7.58 7.59-26.55 23.7-34.06 29.06-13.16 9.4-31.17 20.2-44.11 25.06a106.87 106.87 0 0 1-13.32 4.03c-3.28.78-6.6 1.43-11.25 2.24-.53.1-8.8 1.5-11.5 1.99-4.86.87-9.3 1.74-14 2.76-20.62 4.48-25.07 5.01-38.11 5.01-2.49 0-2.9-.07-14.05-2-2.42-.42-4.31-.73-6.15-1-8.11-1.19-13.83-1.36-17.64-.2-4.54 1.4-5.93 4.65-3.7 10.52 2.02 5.28 4.84 8.61 8.84 10.74 3.26 1.74 6.75 2.6 13.82 3.71 9.42 1.48 10.94 1.75 15.5 2.92a78.2 78.2 0 0 1 18.62 7.37c8.3 4.58 14.58 11.5 19.98 20.89 2.73 4.73 9.46 19.33 10.54 21.19 3.4 5.85 6.26 6.63 10.89 2 4.95-4.94 10.35-8.37 21.13-14.06.47-.25 2.06-1.1 2.12-1.12 7.98-4.21 11.92-6.51 15.87-9.54 5.11-3.9 8.66-8.1 10.77-13.11 8.52-20.24 20.75-33.31 32.46-33.31l5.5.03c10.53.08 17.35.02 24.9-.31 13.66-.62 23.78-2.09 29.39-4.67 5.85-2.7 13.42-5.49 24.18-9.02 3.46-1.14 6.29-2.05 12.7-4.1 7.7-2.45 11.08-3.54 15.17-4.9a1059.43 1059.43 0 0 1 11.33-3.72c3.67-1.2 5.96-2 8.03-2.78a59.88 59.88 0 0 0 6.66-2.94c1.87-.98 3.76-2.1 5.86-3.5 3.48-2.33 6.15-3.13 12.04-4.13l1.15-.2c5.71-1.01 9-2.3 12.76-5.63 7.82-6.96 8.58-23.18 3.84-44.52-1.7-7.67-2.1-19.28-1.57-35.47A837.22 837.22 0 0 1 546.76 0h1l-.15 3.06c-.32 6.42-.53 11.02-.68 15.62-.51 16.1-.12 27.65 1.56 35.21 4.82 21.68 4.04 38.2-4.16 45.48-3.91 3.48-7.37 4.84-13.24 5.87l-1.16.2c-5.76.99-8.32 1.75-11.65 3.98a63.73 63.73 0 0 1-5.96 3.56 60.86 60.86 0 0 1-6.77 2.99c-2.09.79-4.39 1.58-8.07 2.79a5398.31 5398.31 0 0 1-11.32 3.71c-4.1 1.37-7.48 2.46-15.18 4.92-6.42 2.04-9.24 2.95-12.7 4.08-10.73 3.53-18.27 6.3-24.07 8.98-5.76 2.66-15.97 4.14-29.77 4.77-7.56.33-14.4.39-24.95.31l-5.49-.03c-11.19 0-23.16 12.79-31.54 32.7-2.19 5.19-5.84 9.52-11.08 13.52-4.02 3.07-7.99 5.39-16.01 9.62l-2.12 1.12c-10.7 5.65-16.04 9.04-20.9 13.9-5.14 5.14-8.75 4.15-12.45-2.22-1.12-1.92-7.85-16.5-10.54-21.2-5.33-9.24-11.48-16.02-19.6-20.5a77.2 77.2 0 0 0-18.4-7.28c-4.5-1.17-6.02-1.43-15.4-2.9-7.17-1.12-10.74-2-14.13-3.81-4.22-2.25-7.2-5.77-9.3-11.27-2.43-6.39-.78-10.26 4.34-11.83 4-1.22 9.82-1.05 18.08.17 1.84.27 3.74.58 6.17 1 11.02 1.9 11.48 1.98 13.88 1.98 12.96 0 17.35-.52 37.9-4.99 4.71-1.02 9.16-1.9 14.03-2.77 2.71-.48 10.98-1.9 11.5-1.98 4.64-.81 7.95-1.46 11.2-2.23 4.55-1.07 8.76-2.34 13.2-4 12.83-4.81 30.79-15.59 43.88-24.94 7.47-5.33 26.4-21.4 33.94-28.94C407.3 61.98 412.5 32.49 412.5 12c0-4.61 1.86-6.9 5.35-7.15 2.63-.18 5.8.7 10.96 2.73l1.56.62c6.53 2.62 8.53 3.3 10.63 3.3 1.14 0 2.3.16 3.5.46 1.32.33 2.68.82 4.34 1.53a90.97 90.97 0 0 1 3.34 1.52l1.15.54c5.98 2.73 10.23 3.95 15.67 3.95 5.41 0 8.87-1.21 13.1-3.92.2-.13 2.1-1.38 2.66-1.72 2.62-1.63 4.64-2.36 7.24-2.36 1.47 0 2.94-.43 4.47-1.3 2.78-1.56 5.67-4.45 9.54-9.31l.7-.89zM324.54 600h-2.03c.49-2.96.91-6.2 1.28-9.66.44-4.1.76-8.25.98-12.21.08-1.39.14-2.65-.35-7.29-.47-1.94-.93-4.14-1.36-6.54-2.01-11.26-2.66-22.9-1.14-33.78a60.76 60.76 0 0 1 5.18-17.95 70.78 70.78 0 0 1 12.6-18.22c3.38-3.6 5.53-5.5 11.83-10.79 4.5-3.78 6.35-5.56 7.52-7.5.64-1.07.95-2.06.95-3.06 0-1.75 0-1.74-.75-9.23-.36-3.7-.57-6.3-.68-8.96-.5-12.1 1.62-19.6 8.11-21.76 15.9-5.3 25.89-12.1 33.45-25.54C409.6 390.65 425.85 376 436 376c12.36 0 20-1.96 29.41-8.8 6.76-4.92 9.5-6.6 12.47-7.46 2.22-.64 3.8-.74 9.12-.74 1.86 0 3.53-.83 5.57-2.62 1.08-.96 5.11-5.12 5.6-5.6 6.04-5.85 11.98-8.78 20.83-8.78 2.45 0 4.54.04 7.32.12 7.51.23 8.87.17 11.27-.7 3.03-1.1 5.53-3.03 14.75-11.17 8-7.06 10.72-8.92 22.87-16.47 1.44-.9 2.59-1.63 3.69-2.37a69.45 69.45 0 0 0 9.46-7.5c4.12-3.88 8.02-7.85 11.64-11.9v2.98a201.58 201.58 0 0 1-10.27 10.38c-3.18 3-6.2 5.35-9.72 7.7-1.12.76-2.28 1.5-3.75 2.4-12.05 7.5-14.71 9.32-22.6 16.28-9.46 8.35-12.01 10.32-15.39 11.55-2.74 1-4.19 1.06-12.01.82-2.76-.08-4.83-.12-7.26-.12-8.27 0-13.75 2.7-19.43 8.22-.44.43-4.52 4.64-5.68 5.66-2.37 2.09-4.46 3.12-6.89 3.12-5.1 0-6.6.1-8.56.66-2.67.78-5.29 2.37-11.85 7.15-9.8 7.13-17.85 9.19-30.59 9.19-9.22 0-24.96 14.2-34.13 30.49-7.84 13.94-18.24 21.02-34.55 26.46-5.31 1.77-7.21 8.51-6.75 19.78.1 2.6.31 5.19.68 8.84.75 7.62.75 7.58.75 9.43 0 1.38-.42 2.73-1.24 4.09-1.33 2.2-3.26 4.07-7.94 8-6.25 5.24-8.36 7.12-11.67 10.63a68.8 68.8 0 0 0-12.25 17.71 58.8 58.8 0 0 0-5 17.36c-1.49 10.66-.85 22.09 1.13 33.15.43 2.37.88 4.53 1.33 6.44.16.66.3 1.25.6 4.06a249.3 249.3 0 0 1-1.17 16.12c-.37 3.37-.78 6.53-1.25 9.44zm-13.4 0h-1.05l.12-.28c3.07-7.16 4.29-11.83 4.29-18.72 0-3.57-.07-4.93-.76-15.65-.77-12.04-1-19.64-.55-28.3.58-11.5 2.4-22.1 5.81-32.16 1.3-3.8 2.8-7.5 4.55-11.1 3.46-7.14 6.83-12.39 10.42-16.6a59.02 59.02 0 0 1 4.35-4.56c.43-.4 3-2.8 3.67-3.45 5.72-5.6 7.51-11.52 7.51-29.18 0-18.84 2.9-23.77 15.82-28.24 1.09-.37 1.92-.67 2.77-.98a51.3 51.3 0 0 0 6.1-2.7c4.95-2.6 9.64-6.22 14.44-11.42 25.5-27.63 37.15-35.16 56.37-35.16 8.28 0 14.54-1.95 22-6.3 1.78-1.03 13.82-8.82 18.16-11.27 2.83-1.59 5.66-3.03 8.63-4.39 7.92-3.6 13.97-4.45 26.6-4.8 7.53-.2 10.7-.49 14.26-1.58 4.55-1.4 8.06-4 10.93-8.43 2.2-3.41 6.85-7.08 14.66-12.06 1.61-1.03 3.27-2.05 5.65-3.5 9.53-5.85 11.56-7.13 14.81-9.57 5.34-4 9.3-8.37 13.68-14.77a204.2 204.2 0 0 0 5.62-8.75v1.9c-1.97 3.17-3.4 5.38-4.8 7.42-4.42 6.48-8.46 10.92-13.9 15-3.29 2.46-5.32 3.75-14.89 9.61a375.06 375.06 0 0 0-5.63 3.5c-7.7 4.9-12.26 8.52-14.36 11.76-3 4.63-6.7 7.39-11.48 8.85-3.68 1.12-6.9 1.42-14.53 1.63-12.5.34-18.44 1.18-26.2 4.7a111.08 111.08 0 0 0-8.56 4.35c-4.3 2.43-16.34 10.22-18.15 11.27-7.6 4.43-14.03 6.43-22.5 6.43-18.87 0-30.3 7.4-55.63 34.84-4.88 5.28-9.67 8.97-14.7 11.62-2 1.05-4 1.92-6.23 2.75-.86.32-1.7.62-5.37 1.87-5.08 1.76-7.44 3.25-9.28 6.37-2.23 3.78-3.29 9.94-3.29 20.05 0 17.9-1.87 24.07-7.8 29.89-.69.67-3.27 3.06-3.69 3.46a58.04 58.04 0 0 0-4.28 4.49c-3.53 4.14-6.86 9.32-10.28 16.38a95.19 95.19 0 0 0-4.5 10.99c-3.38 9.97-5.18 20.48-5.76 31.9-.44 8.6-.22 16.17.55 28.17.69 10.76.76 12.12.76 15.72 0 6.35-1.02 10.87-4.35 19zm25.08 0h-1c-.04-4.73.06-9.39.28-15.02.26-6.41-.4-11.79-2.53-24.37l-.31-1.86c-2.12-12.55-2.76-19.35-1.97-26.47 1.03-9.25 4.75-16.68 12-22.67 22.04-18.2 29.81-30.18 29.81-44.61 0-2.6-.3-4.81-.98-8.17-.97-4.79-1.1-5.68-.97-7.57.2-2.56 1.27-4.7 3.56-6.72 2.67-2.35 7.05-4.6 13.72-7.01 9.72-3.5 15.52-9.18 24.3-21.57l1.78-2.5c4.48-6.33 7.1-9.63 10.43-12.78 4.31-4.07 8.98-6.77 14.54-8.17 13.3-3.32 20.37-5.47 25.34-7.64a49.5 49.5 0 0 0 5.28-2.7c1.1-.65 1.75-1.04 4.24-2.6 2.7-1.68 5.22-2.08 11.38-2.28 5.44-.18 7.9-.43 10.97-1.41a21.47 21.47 0 0 0 9.54-6.22c4.87-5.3 10.03-7.61 17.79-8.9 1.07-.18 1.88-.3 3.86-.58 6.9-.97 9.94-1.69 13.48-3.62 4.5-2.45 6.79-4.44 23.46-19.68l3.14-2.85c9.65-8.71 16.12-13.83 21.42-16.48 4.25-2.12 7.6-4.69 11.22-8.6v1.45c-3.42 3.57-6.69 6-10.78 8.05-5.18 2.59-11.61 7.67-21.2 16.32l-3.12 2.85c-16.8 15.35-19.05 17.3-23.66 19.82-3.68 2-6.8 2.75-13.82 3.73-1.97.28-2.78.4-3.84.57-7.56 1.26-12.52 3.48-17.21 8.6a22.47 22.47 0 0 1-9.97 6.5c-3.2 1-5.72 1.27-11.25 1.45-5.98.2-8.39.57-10.89 2.13a144 144 0 0 1-4.25 2.61 50.48 50.48 0 0 1-5.39 2.75c-5.04 2.2-12.15 4.37-25.5 7.7-9.74 2.44-15.26 7.65-24.4 20.56l-1.77 2.5c-8.9 12.54-14.82 18.34-24.78 21.93-6.57 2.36-10.85 4.57-13.4 6.82-2.1 1.86-3.05 3.74-3.22 6.04-.13 1.76 0 2.63.95 7.3.7 3.42 1 5.7 1 8.37 0 14.79-7.93 27-30.18 45.39-7.03 5.8-10.64 13-11.64 22-.78 7-.14 13.73 1.96 26.2l.32 1.85c2.15 12.65 2.8 18.07 2.54 24.58-.22 5.57-.32 10.2-.28 14.98zM95.9 600h-2.04c.68-3.82 1.14-8.8 1.61-15.98.2-3.11.27-4.06.39-5.6 1.3-17.54 4.04-27.14 11.5-33.2 4.65-3.77 7.22-8.92 8.67-16 .51-2.52.7-3.87 1.33-9.17.66-5.5 1.16-8.06 2.24-10.36 1.45-3.09 3.82-4.69 7.39-4.69 14.28 0 38.48 9.12 53.6 20.2 8.66 6.35 21.26 13.32 31.74 17.11 13.03 4.71 21.89 4.41 24.75-1.73 1.7-3.64 1.92-4.11 2.65-5.77 2.93-6.67 4.69-12.2 5.25-17.5.23-2.17.24-4.23.02-6.2-.32-2.75-1.42-4.55-4.08-7.35l-1.32-1.37a30.59 30.59 0 0 1-2.41-2.79 30.37 30.37 0 0 1-2.5-4.07l-1.13-2.14c-1.62-3.1-2.68-4.6-4.12-5.56-5.26-3.5-14.8-5.5-28.55-6.83a272.42 272.42 0 0 0-9.04-.71l-2.18-.17c-9.57-.73-15.12-1.56-19.06-3.2C156.57 471.07 136 450.5 136 440c0-5.34 1.74-9.53 5.47-14.13 1.98-2.44 11.12-11.71 12.79-13.54 4.52-4.97 10.16-9.54 17.68-14.66 2.8-1.9 14.78-9.6 17.49-11.49a50.54 50.54 0 0 0 6.34-5.43c1.53-1.5 6.96-7.13 7.12-7.3 7.18-7.3 12.7-11.56 19.74-14.38 3.36-1.34 8.13-2.79 17.45-5.38a9577.18 9577.18 0 0 1 11.78-3.28 602.6 602.6 0 0 0 12.67-3.7c20.4-6.24 34-12.08 40.79-18.44 8.74-8.2 11.78-13.84 15.73-26.02 2.02-6.22 3.09-9.04 5.07-12.72 9.54-17.71 28.71-39.37 43.5-45.45C383.77 238.25 389 232.34 389 226c0-2.89 2.73-8.4 6.83-13.73 4.76-6.2 10.65-11.36 16.75-14.18 12.5-5.77 33.5-10.09 47.42-10.09 5.32 0 9.83-1.5 16.42-4.89 9.2-4.71 10.1-5.11 13.58-5.11 10.42 0 32.06-2.55 45.76-5.97l3.88-.98 3.47-.89c2.6-.66 4.33-1.08 5.93-1.43 3.9-.86 6.76-1.23 9.58-1.17 2.74.06 5.47.52 8.67 1.48 4.56 1.37 13.71-.9 22.87-5.68a68.07 68.07 0 0 0 9.84-6.2v2.4c-11.09 8.14-25.76 13.66-33.29 11.4a29.72 29.72 0 0 0-8.13-1.4c-2.63-.05-5.36.3-9.11 1.12a238 238 0 0 0-9.33 2.3l-3.9.99C522.38 177.43 500.58 180 490 180c-2.99 0-3.91.4-12.67 4.89-6.85 3.51-11.61 5.11-17.33 5.11-13.65 0-34.35 4.26-46.58 9.9-5.78 2.67-11.42 7.62-16 13.58-3.85 5.02-6.42 10.2-6.42 12.52 0 7.27-5.8 13.82-20.62 19.92-14.27 5.88-33.16 27.21-42.5 44.55-1.9 3.55-2.95 6.28-4.93 12.4-4.05 12.47-7.23 18.39-16.27 26.86-7.08 6.64-20.87 12.57-41.57 18.89a604.52 604.52 0 0 1-12.7 3.71 1495.1 1495.1 0 0 1-11.8 3.28c-9.24 2.58-13.97 4.01-17.24 5.32-6.73 2.69-12.05 6.8-19.05 13.92-.15.15-5.6 5.8-7.15 7.32a52.4 52.4 0 0 1-6.6 5.65c-2.74 1.92-14.75 9.63-17.5 11.5-7.4 5.04-12.94 9.52-17.33 14.35-1.72 1.9-10.8 11.11-12.71 13.46-3.47 4.26-5.03 8.03-5.03 12.87 0 9.5 20 29.5 33.38 35.08 3.67 1.53 9.1 2.34 18.45 3.05a586.23 586.23 0 0 0 4.34.32c3.24.23 5.07.37 6.93.55 14.08 1.37 23.82 3.4 29.45 7.17 1.82 1.2 3.02 2.91 4.8 6.29l1.11 2.13a28.55 28.55 0 0 0 2.34 3.81c.62.83 1.3 1.6 2.26 2.61.23.24 1.1 1.16 1.32 1.37 2.93 3.09 4.24 5.23 4.61 8.5.24 2.12.23 4.33-.01 6.64-.59 5.55-2.4 11.25-5.41 18.1-.74 1.67-.96 2.15-2.66 5.8-3.49 7.47-13.33 7.8-27.25 2.77-10.67-3.86-23.43-10.92-32.25-17.38C164.62 515.96 140.82 507 127 507c-5 0-6.4 3.02-7.64 13.29a99.03 99.03 0 0 1-1.36 9.33c-1.53 7.5-4.3 13.04-9.37 17.16-6.87 5.58-9.5 14.78-10.77 31.8-.11 1.52-.18 2.47-.38 5.57-.46 7.01-.91 11.99-1.57 15.85zm8.05 0h-1.02c.29-1.41.58-2.94.9-4.59l1.05-5.62c2.5-13.3 4.2-19.92 6.68-24.05 1.7-2.84 3.68-5.5 8.05-11.03 8.21-10.36 10.88-14.55 10.88-18.71l-.02-1.69c-.02-1.78-.02-2.7.02-3.77.21-5.05 1.47-8.2 4.64-9.4 3.92-1.5 10.39.44 20.12 6.43 9.56 5.88 17.53 10.7 25.91 15.66 1.31.78 14.27 8.41 17.67 10.45a714.21 714.21 0 0 1 6.42 3.9c13.82 8.5 38.94 5.05 46.3-7.83 3.6-6.28 4.54-8.52 7.78-17.32a82.3 82.3 0 0 1 1.18-3.07 42.27 42.27 0 0 1 4.06-7.64c9.33-13.98 14.92-26.1 14.92-36.72 0-3.66.75-6.62 3.36-14.85.52-1.64.83-2.66 1.15-3.73 3.64-12.23 3.04-19.12-4.29-24a23.1 23.1 0 0 0-9.98-3.78c-7.2-.93-14.49 1.17-23.91 5.88-1.55.78-6.64 3.44-7.6 3.93a62.6 62.6 0 0 0-4.14 2.3l-4.4 2.66c-11.62 6.92-20.4 9.18-32.81 6.08-3.32-.84-6.24-1.4-13.1-2.64-13.25-2.39-18.7-3.75-23.33-6.46-6.23-3.67-7.46-9.02-2.88-16.65A93.1 93.1 0 0 1 172 415.42a157 157 0 0 1 8.32-7.66c-.07.05 6.16-5.3 7.82-6.77a85.12 85.12 0 0 0 6.5-6.33c7.7-8.46 12.78-13.36 20.08-18.57 9.94-7.1 21.4-12.36 35.18-15.58 37.03-8.64 51-12.7 58.83-17.93 8.6-5.73 21.3-24.77 36.84-54.81 5.22-10.1 12.27-18.4 21.13-25.71 5.13-4.24 9.56-7.25 17.55-12.23 7.42-4.62 9.62-6.14 11.38-8.16a21.15 21.15 0 0 0 2.95-4.87c.61-1.3 2.87-6.47 3-6.77 1.36-3 2.56-5.4 3.95-7.73 6.53-10.97 16.03-18 31.4-20.8 12.73-2.3 19.85-2.7 29.68-2.3 3.25.13 4.13.16 5.6.14 5.15-.07 9.71-1.04 16.61-3.8 20.74-8.3 38.75-12.04 59.19-12.04 3.05 0 6.03.15 10.48.48l2.09.16c12.45.96 18.08.96 25.34-.63a49.65 49.65 0 0 0 14.09-5.45v1.15a50.52 50.52 0 0 1-13.88 5.28c-7.38 1.61-13.08 1.61-25.63.65l-2.08-.16c-4.43-.33-7.39-.48-10.41-.48-20.3 0-38.2 3.72-58.81 11.96-7.01 2.8-11.7 3.8-16.97 3.88-1.5.02-2.39-.01-5.66-.14-9.76-.4-16.8-.01-29.47 2.3-15.06 2.73-24.32 9.58-30.71 20.31a72.8 72.8 0 0 0-3.9 7.63c-.12.28-2.39 5.47-3.01 6.79a22 22 0 0 1-3.1 5.1c-1.86 2.13-4.07 3.66-11.6 8.35-7.95 4.96-12.35 7.95-17.44 12.15-8.76 7.23-15.73 15.43-20.89 25.4-15.61 30.2-28.36 49.32-37.16 55.19-7.98 5.32-21.97 9.39-59.17 18.07-13.65 3.18-24.98 8.39-34.82 15.42-7.22 5.16-12.27 10.01-19.92 18.43a86.07 86.07 0 0 1-6.57 6.4c-1.67 1.48-7.91 6.83-7.84 6.77-3.27 2.84-5.8 5.16-8.26 7.62a92.1 92.1 0 0 0-14.27 18.13c-4.3 7.16-3.22 11.89 2.53 15.26 4.47 2.63 9.88 3.99 23.24 6.39a185.7 185.7 0 0 1 12.92 2.6c12.11 3.03 20.64.84 32.06-5.96l4.4-2.65c1.66-1 2.96-1.73 4.2-2.35.95-.48 6.04-3.14 7.6-3.92 9.59-4.8 17.04-6.94 24.49-5.98a24.1 24.1 0 0 1 10.4 3.93c7.82 5.21 8.45 12.52 4.7 25.13-.32 1.07-.64 2.1-1.16 3.74-2.57 8.12-3.31 11.04-3.31 14.55 0 10.88-5.66 23.14-15.08 37.28a41.28 41.28 0 0 0-3.97 7.46c-.37.9-.73 1.82-1.18 3.04-3.25 8.85-4.21 11.13-7.84 17.47-7.67 13.42-33.43 16.95-47.7 8.18a578.4 578.4 0 0 0-6.4-3.89c-3.4-2.04-16.36-9.67-17.67-10.45-8.38-4.97-16.36-9.78-25.92-15.66-9.5-5.85-15.7-7.7-19.24-6.36-2.68 1.02-3.8 3.82-4 8.51a61.12 61.12 0 0 0-.02 3.72l.02 1.7c0 4.5-2.69 8.73-11.52 19.87-3.92 4.95-5.87 7.59-7.55 10.39-2.39 3.97-4.08 10.56-6.56 23.72l-1.05 5.62-.86 4.4zm10.5 0h-1c.03-.34.04-.68.04-1 0-12.39 8.48-33.57 19.16-43.37a26.18 26.18 0 0 0 3.67-4.17 35.8 35.8 0 0 0 2.88-4.9c.36-.72 1.75-3.66 2.1-4.36 3.22-6.29 6.84-6.54 16.97.39 1.34.9 6.07 4.16 6.4 4.38 2.62 1.8 4.67 3.2 6.7 4.56 5.03 3.39 9.37 6.2 13.51 8.7 14.33 8.67 25.49 13.27 34.11 13.27 16.86 0 32.71-5.95 39.6-14.8 1.59-2.04 3.2-5.17 5.06-9.63.8-1.92 1.64-4.06 2.67-6.8l2.74-7.33c4.66-12.44 7.76-19.06 11.56-23.27 7.9-8.79 14.87-36 14.87-52.67 0-1.9.17-3.11 1.02-8.27.37-2.2.58-3.6.74-5.07.63-5.51.21-9.46-1.68-12.39-4.6-7.1-19.7-9.23-38.46-4.78a100.57 100.57 0 0 0-18.94 6.3c-5.17 2.37-17.11 9.74-16.5 9.4-6.72 3.64-12.97 4.15-24.8 1.3-29.55-7.14-30.43-8.62-15.26-26.81 17.44-20.93 47.12-46.18 56.38-46.18 9.92 0 53.84-11.98 65.78-17.95 9.46-4.73 24.32-21.18 36.82-37.85.71-.95 13.5-21.6 19.2-29.6 9.35-13.13 18.22-22.55 26.95-27.53 7.29-4.17 13.16-10.28 18.8-18.73 1.93-2.9 10.52-17.65 12.73-20.41 1.54-1.93 3-3.21 4.52-3.89 14.07-6.25 24.22-9.04 39.2-9.04h29c4.05 0 7.36-.4 22.93-2.5l4.3-.57c9.92-1.3 16.57-1.93 21.77-1.93 1.66 0 2.95.01 6.03.04 18.61.19 28.55-.48 44.86-4.03 3.1-.67 6.13-1.78 9.11-3.31v1.12a37.96 37.96 0 0 1-8.9 3.17c-16.4 3.56-26.4 4.24-45.08 4.05-3.08-.03-4.36-.04-6.02-.04-5.15 0-11.76.63-21.64 1.92l-4.3.58c-15.64 2.11-18.94 2.5-23.06 2.5h-29c-14.81 0-24.84 2.75-38.8 8.96-1.34.6-2.69 1.78-4.14 3.6-2.16 2.68-10.72 17.39-12.68 20.33-5.72 8.57-11.7 14.8-19.13 19.04-8.57 4.9-17.36 14.23-26.63 27.24-5.68 7.97-18.47 28.64-19.22 29.63-12.6 16.8-27.52 33.32-37.18 38.15-12.06 6.03-56.14 18.05-66.22 18.05-8.82 0-38.39 25.15-55.62 45.82-14.6 17.52-14.19 18.21 14.74 25.2 11.6 2.8 17.6 2.3 24.09-1.2-.67.35 11.31-7.03 16.56-9.44 5.41-2.48 11.6-4.59 19.11-6.37 19.13-4.53 34.65-2.35 39.54 5.22 2.05 3.17 2.48 7.32 1.84 13.04a96.34 96.34 0 0 1-.75 5.13c-.84 5.08-1.01 6.29-1.01 8.1 0 16.9-7.03 44.33-15.13 53.33-3.68 4.09-6.76 10.65-11.37 22.96-.35.93-2.2 5.94-2.73 7.33-1.04 2.76-1.88 4.9-2.68 6.84-1.9 4.53-3.55 7.73-5.2 9.85-7.1 9.13-23.25 15.19-40.39 15.19-8.86 0-20.15-4.65-34.63-13.42-4.15-2.51-8.5-5.32-13.55-8.72a861.54 861.54 0 0 1-6.71-4.56l-6.4-4.39c-9.68-6.63-12.61-6.42-15.5-.75-.35.68-1.74 3.62-2.1 4.35a36.77 36.77 0 0 1-2.96 5.03c-1.12 1.57-2.37 3-3.81 4.33-10.47 9.6-18.84 30.51-18.84 42.63l-.03 1zm-29.65 0h-1.1c1.17-2.52 1.79-5.2 1.79-8 0-20 4.83-42.04 12.15-49.35 5.17-5.18 7.77-8.38 9.9-12.74 2.64-5.41 3.95-12 3.95-20.91 0-6.82 1.14-11.59 3.37-15.07 1.74-2.7 3.6-4.21 8.91-7.52a31.64 31.64 0 0 0 3.9-2.79c4.61-3.96 6.58-6.2 7.72-9.41 1.43-4.02.93-9.04-1.86-16.02a68.98 68.98 0 0 0-3.99-8.07l-.93-1.7a75.47 75.47 0 0 1-2.64-5c-5.16-10.71-3.77-18.9 7.68-29.78a204 204 0 0 1 26.81-21.55c3.96-2.69 16.8-10.8 19.24-12.5 1.99-1.4 4.33-3.3 7.77-6.3-.02 0 7.23-6.39 9.47-8.3 4.97-4.26 9.09-7.5 13.05-10.15 4.72-3.15 8.97-5.28 12.87-6.32 12.78-3.41 15.6-4.18 21.77-5.97 12.55-3.64 21.96-6.9 28.14-10a45.47 45.47 0 0 1 7.47-2.79c8.66-2.66 12.02-4.1 16.97-8.1 6.78-5.46 13.07-14.25 19.33-27.87 15.97-34.77 19.08-39.39 32.15-49.19 3.14-2.36 6.37-4.1 11.43-6.4l2.33-1.04c11.93-5.35 16.87-8.93 21.1-17.38 1.88-3.77 2.48-6.29 3.37-12.27.78-5.19 1.48-7.56 3.53-10.25 2.57-3.4 7.03-6.27 14.36-9.01 3.37-1.26 7.36-2.5 12.05-3.73 16.33-4.3 25.28-5.36 39.6-5.81 6.9-.22 9.5-.56 12.66-2 1.19-.54 2.36-1.23 3.58-2.11 3.7-2.7 8.14-4.54 13.24-5.67 5.71-1.27 10.69-1.54 18.7-1.45l2.35.02c2.82 0 6.8-1 19.7-4.69 10.83-3.08 15.95-4.31 19.3-4.31.82 0 1.9.13 3.55.41l5.01.9c9.82 1.68 17.44 1.89 25.15-.21 7.98-2.18 14.8-6.77 20.29-14.24V147c-5.47 7.04-12.21 11.42-20.03 13.55-7.88 2.15-15.63 1.94-25.58.23l-5-.9c-1.6-.26-2.64-.39-3.39-.39-3.2 0-8.32 1.22-19.74 4.48-12.35 3.53-16.3 4.52-19.26 4.52l-2.36-.02c-7.94-.1-12.85.17-18.47 1.42-4.97 1.11-9.3 2.9-12.88 5.5a21.4 21.4 0 0 1-3.75 2.22c-3.32 1.5-6 1.87-13.04 2.09-14.25.44-23.13 1.5-39.37 5.77a125.56 125.56 0 0 0-11.95 3.7c-7.17 2.7-11.49 5.46-13.93 8.68-1.9 2.52-2.58 4.76-3.33 9.8-.9 6.08-1.53 8.68-3.47 12.56a30.6 30.6 0 0 1-9.66 11.45c-3.12 2.26-5.95 3.73-11.93 6.4l-2.31 1.04c-5.01 2.27-8.18 3.99-11.25 6.29-12.9 9.68-15.93 14.17-31.85 48.8-6.31 13.76-12.7 22.68-19.6 28.25-5.08 4.1-8.53 5.57-17.3 8.27a44.64 44.64 0 0 0-7.33 2.73c-6.24 3.12-15.7 6.4-28.3 10.06a867.4 867.4 0 0 1-21.8 5.97c-3.77 1.01-7.93 3.1-12.56 6.19a137.35 137.35 0 0 0-12.95 10.07c-2.24 1.92-9.48 8.3-9.48 8.3a98.2 98.2 0 0 1-7.84 6.37c-2.46 1.72-15.32 9.83-19.26 12.5a203 203 0 0 0-26.69 21.45c-11.13 10.58-12.43 18.3-7.47 28.63a74.52 74.52 0 0 0 2.62 4.95l.94 1.7a69.84 69.84 0 0 1 4.03 8.17c2.88 7.2 3.4 12.46 1.89 16.73-1.22 3.43-3.28 5.77-8.02 9.84-1.14.97-2.32 1.8-5.3 3.67-3.92 2.45-5.69 3.89-7.31 6.42-2.13 3.3-3.22 7.89-3.22 14.53 0 9.05-1.34 15.79-4.05 21.34-2.19 4.49-4.85 7.77-10.1 13.01-7.07 7.07-11.85 28.9-11.85 48.65 0 2.8-.58 5.48-1.7 8zm282.54 0h-1.01l-1.1-5.8c-3.08-16.26-4.05-26.2-2.74-37.26.7-5.8.77-9.68.55-15.3-.18-4.45-.17-5.68.19-7.63.78-4.3 3.44-8.53 10.39-16.34 9.07-10.2 12.26-15.41 19.8-30.15 1.35-2.64 2.33-4.47 3.38-6.3.9-1.58 1.82-3.06 2.77-4.5 3.14-4.7 7.03-8.42 16.84-16.81 11.22-9.6 15.5-13.86 18.13-19.13.7-1.4 1.3-2.8 1.93-4.4a206 206 0 0 0 1.49-4.05c3.63-9.94 8.01-13.93 22.9-17.81 4.99-1.3 20.55-5.13 21.38-5.34 16.19-4.1 25.33-7.36 33.48-12.6 5.86-3.77 5.84-3.76 27.66-16.53l2.6-1.52c10.23-6 17.1-10.2 22.73-13.95a149.3 149.3 0 0 0 8.8-6.3 723.7 723.7 0 0 0 6.37-5.08A87.74 87.74 0 0 1 600 342.95v1.12a85.76 85.76 0 0 0-15.49 9.9c.18-.14-4.76 3.84-6.38 5.1a150.3 150.3 0 0 1-8.85 6.35c-5.65 3.76-12.53 7.96-22.78 13.97l-2.6 1.53c-21.8 12.75-21.78 12.74-27.63 16.5-8.27 5.32-17.49 8.61-33.78 12.73-.83.21-16.39 4.04-21.36 5.33-8.03 2.1-13.15 4.5-16.45 7.5-2.66 2.42-4 4.86-5.77 9.7l-1.5 4.07a51.12 51.12 0 0 1-1.96 4.47c-2.72 5.45-7.04 9.75-18.38 19.45-9.73 8.32-13.6 12.02-16.65 16.6a77.18 77.18 0 0 0-2.74 4.45c-1.05 1.81-2.01 3.63-3.35 6.25-7.58 14.81-10.82 20.08-19.96 30.36-6.83 7.7-9.4 11.78-10.15 15.86-.34 1.85-.34 3.04-.17 7.4.22 5.68.14 9.6-.55 15.47-1.3 10.92-.34 20.79 2.73 36.95l1.12 5.99zm-76.59 0h-2.1l1.39-4.3c1.04-3.3 1.93-6.78 2.68-10.4 2.65-12.73 3.27-23.63 3.27-41.3 0-5.71-1.86-9.75-4.13-9.75-2.94 0-6.96 5.61-10.93 17.08C271.14 579.68 258.3 593 238 593c-22.42 0-29.26-1.35-48.42-10.09a87.69 87.69 0 0 1-9.42-5.04c-2.95-1.8-12.78-8.57-14.84-9.72-4.2-2.36-7-2.71-9.72-.99-.63.4-1.26.91-1.9 1.55a57.69 57.69 0 0 1-4.31 3.86 147.88 147.88 0 0 1-3.06 2.44l-1 .8C137.01 582.43 134 587.18 134 597c0 1.02-.02 2.01-.07 3h-2c.05-.99.07-1.98.07-3 0-10.52 3.33-15.78 12.09-22.76a265.61 265.61 0 0 1 2-1.6c.83-.64 1.43-1.13 2.03-1.61a55.76 55.76 0 0 0 4.17-3.74c.74-.73 1.48-1.34 2.24-1.82 3.47-2.2 7-1.75 11.77.93 2.15 1.21 12.03 8 14.9 9.76a85.7 85.7 0 0 0 9.22 4.93C209.29 589.7 215.85 591 238 591c19.25 0 31.49-12.7 41.06-40.33 4.24-12.25 8.66-18.42 12.81-18.42 3.8 0 6.13 5.06 6.13 11.75 0 17.8-.63 28.8-3.3 41.7-.77 3.7-1.68 7.23-2.75 10.6-.4 1.3-.8 2.53-1.19 3.7zm-149.25 0l.5-.94a160.1 160.1 0 0 0 6.53-13.26c2.73-6.29 5.78-9.64 9.24-10.52 3.74-.95 7.15.74 12.56 5.13 5.43 4.4 6.07 4.86 7.73 5.1 1.6.22 4.28 1.14 8.86 2.95 1.3.5 10.78 4.35 13.85 5.55 3.07 1.2 5.85 2.25 8.49 3.18 3.1 1.1 5.98 2.04 8.65 2.81h-3.45c-1.76-.56-3.6-1.18-5.54-1.87a281.2 281.2 0 0 1-8.51-3.19c-3.08-1.2-12.57-5.04-13.86-5.55-4.5-1.78-7.15-2.68-8.63-2.9-1.94-.27-2.53-.7-8.22-5.3-5.17-4.2-8.36-5.78-11.69-4.94-3.1.78-5.94 3.92-8.56 9.95a161 161 0 0 1-6.82 13.8h-1.13zm112.89 0a30.34 30.34 0 0 0 11.27-6.27c1.55-1.36 3.32-3.46 5.34-6.29 1.05-1.46 2.15-3.1 3.41-5.04a349.73 349.73 0 0 0 2.5-3.9l.47-.75.93-1.47a89.17 89.17 0 0 1 3.25-4.86c1.05-1.43 1.82-2.23 2.44-2.46 1.02-.37 1.49.48 1.49 2.04l.01 2.11c.05 6.91-.08 11.32-.7 16.33a48.4 48.4 0 0 1-2.38 10.56h-1.07a46.47 46.47 0 0 0 2.45-10.68c.62-4.96.75-9.33.7-16.2l-.01-2.12c0-.97-.08-1.12-.15-1.1-.36.14-1.05.85-1.97 2.1a88.44 88.44 0 0 0-3.22 4.82l-.92 1.46-.48.75a1268.1 1268.1 0 0 1-2.5 3.92c-1.26 1.95-2.38 3.6-3.44 5.08-2.06 2.88-3.87 5.04-5.5 6.45a30.87 30.87 0 0 1-8.94 5.52h-2.98zm-183.72 0H69.3c3.37-3.43 5.19-8.33 5.19-15 0-18.6-.04-17.35 1.02-20.77.6-1.93 1.5-3.74 3.27-6.63.42-.7 4.92-7.8 6.78-10.86 3.04-4.97 11.04-16.5 12.21-18.56 3.48-6.08 4.72-12.06 4.72-24.18 0-7.85 2.5-14.2 8.1-23.44l2.84-4.63a72.67 72.67 0 0 0 2.49-4.4c1.62-3.15 2.48-5.78 2.62-8.28.2-3.78-1.3-7.29-4.9-10.9-5.13-5.12-8.6-5.43-11.2-1.85-2.12 2.92-3.48 7.74-5.06 16.47-.2 1.03-.82 4.6-.82 4.57-.83 4.67-1.4 7.33-2.1 9.6-1.35 4.42-3.7 7.61-8.36 12.26l-3.26 3.2c-6.38 6.39-9.68 11.51-11.36 19.5l-1.16 5.52c-.87 4.1-1.56 7.04-2.33 9.94-3.67 13.74-9.65 25.97-22.59 44.72-7.68 11.14-11.05 18.87-10.92 23.72h-1c-.12-5.16 3.35-13.05 11.1-24.28 12.87-18.67 18.8-30.8 22.44-44.42.77-2.88 1.45-5.8 2.32-9.89l1.16-5.51c1.73-8.22 5.13-13.5 11.64-20 .63-.64 2.84-2.8 3.25-3.21 4.57-4.54 6.82-7.62 8.12-11.84a81.58 81.58 0 0 0 2.07-9.48l.81-4.57c1.62-8.9 3-13.8 5.24-16.89 3-4.15 7.2-3.78 12.71 1.74 3.8 3.8 5.42 7.58 5.2 11.66-.15 2.66-1.05 5.41-2.73 8.68a73.6 73.6 0 0 1-2.52 4.46l-2.84 4.63c-5.52 9.1-7.96 15.3-7.96 22.92 0 12.28-1.28 18.43-4.85 24.68-1.2 2.1-9.21 13.65-12.22 18.58-1.87 3.06-6.37 10.18-6.78 10.86-1.73 2.82-2.6 4.57-3.17 6.4-1.02 3.28-.98 2.1-.98 20.48 0 6.52-1.7 11.44-4.82 15zM310.09 0h1.06c-.37.9-.77 1.83-1.2 2.82-3.9 9.06-5.45 15.15-5.45 25.18 0 7.64-2.1 11.6-6.64 13.05-3.46 1.1-5.72.98-17.57-.43-11.55-1.36-19.17-1.58-28.16-.14-6.24 2.49-25.91 7.02-32.13 7.02-11.15 0-36.76-2.88-54.12-7.01a22.08 22.08 0 0 0-16.95 2.48c-4.05 2.33-7.09 5.03-13.9 11.97-6.28 6.39-9.53 9.23-13.8 11.5-7.09 3.79-11.22 7.65-13.4 12.27-1.82 3.85-2.33 7.84-2.33 15.29 0 4.4-2.65 6.69-9.45 9.74.1-.05-2.97 1.31-3.84 1.71-8.78 4.06-12.71 8.29-12.71 16.55 0 12.52-4.86 19.22-17.34 27.96l-4.56 3.14c-1.9 1.3-3.3 2.3-4.67 3.3-.92.68-1.79 1.34-2.62 2-7.16 5.62-11 14.54-15.56 33.28-.63 2.57-3.3 14-4.07 17.14a350.44 350.44 0 0 1-5.2 19.33c-1.37 4.5-4.5 15.07-4.96 16.53-1.05 3.4-1.64 4.94-2.46 6.32-.82 1.4-6.85 9.08-12.64 18.27L0 277.98v-1.9l4.58-7.35a270.8 270.8 0 0 1 12.61-18.23c-.3.5 1.35-2.8 2.38-6.12.45-1.44 3.58-12.01 4.95-16.53 1.83-6.03 3.44-12.09 5.19-19.27.76-3.13 3.44-14.56 4.06-17.14 4.62-18.95 8.52-28.02 15.92-33.83.84-.67 1.72-1.33 2.65-2.01 1.38-1.02 2.8-2.01 4.7-3.32l4.54-3.14C73.83 140.57 78.5 134.13 78.5 122c0-8.74 4.2-13.26 13.29-17.45.88-.41 3.96-1.77 3.85-1.73 6.46-2.9 8.86-4.97 8.86-8.82 0-7.6.53-11.7 2.42-15.71 2.29-4.84 6.57-8.85 13.84-12.73 4.15-2.21 7.35-5 14.15-11.93 6.28-6.4 9.36-9.13 13.52-11.53a23.07 23.07 0 0 1 17.69-2.59c17.27 4.12 42.8 6.99 53.88 6.99 6.1 0 25.73-4.53 31.92-7 9.12-1.46 16.83-1.25 28.49.13 11.63 1.38 13.9 1.5 17.15.47 4.06-1.3 5.94-4.85 5.94-12.1 0-10.1 1.56-16.3 6.6-28zm25.12 0h1c.05 5.62.26 11.48.65 19.4.47 9.7.64 14.57.64 21.6 0 9.81-4.68 17.46-13.1 23.16-6.53 4.43-14.94 7.46-24.33 9.33-3.74.54-9.42.56-22.68.23-6.74-.17-9.35-.22-12.39-.22-2.77 0-4.97.43-7.63 1.36-.88.3-4.55 1.74-5.58 2.11-6.55 2.35-13.59 3.53-24.79 3.53-8.1 0-13.58-1.38-22.46-4.9l-3.18-1.25c-12.55-4.87-21.27-5.15-37.18 1.12-11.15 4.39-18.13 9.2-22.28 14.81-3.15 4.26-4.33 7.8-5.94 15.8-1.22 6.09-1.93 8.74-3.5 12.13-1.65 3.53-3.97 5.81-7.07 7.22-2.33 1.07-4.35 1.5-9.32 2.19-9.04 1.27-12.77 3.09-15.61 9.58-3.71 8.48-7.72 13.87-14.22 19.76-2.4 2.18-13.14 11.02-15.91 13.42-8.2 7.1-13.85 17.37-18.7 31.97a258.81 258.81 0 0 0-3.27 10.7c-.01.05-2.26 7.97-2.88 10.1-8.49 28.85-17.88 52.95-26.13 61.2-2.8 2.8-5.06 5.64-10.4 12.96-3.4 4.68-6.23 8.25-8.95 11.1v-1.55c2.74-2.98 5.73-6.82 9.48-11.97 4.03-5.52 6.32-8.4 9.17-11.24 8.07-8.08 17.44-32.14 25.87-60.8.62-2.1 2.86-10.03 2.88-10.08 1.21-4.24 2.21-7.53 3.28-10.74 4.9-14.75 10.63-25.16 19-32.4 2.78-2.42 13.5-11.25 15.89-13.4 6.4-5.8 10.32-11.09 13.97-19.43 1.68-3.83 4.05-6.31 7.2-7.86 2.4-1.17 4.64-1.67 9.53-2.36 4.54-.63 6.5-1.05 8.7-2.06 2.89-1.31 5.03-3.42 6.58-6.73 1.53-3.3 2.23-5.9 3.43-11.9 1.64-8.14 2.85-11.79 6.11-16.2 4.28-5.79 11.41-10.7 22.73-15.16 16.15-6.36 25.13-6.07 37.9-1.11l3.19 1.26c8.77 3.47 14.13 4.82 22.09 4.82 11.09 0 18.02-1.16 24.46-3.47 1-.36 4.68-1.8 5.58-2.11A22.5 22.5 0 0 1 265 72.5c3.05 0 5.67.05 14.07.26 11.53.29 17.2.27 20.83-.25 9.25-1.85 17.54-4.83 23.94-9.17C332 57.8 336.5 50.46 336.5 41c0-7-.17-11.86-.7-22.7-.35-7.26-.55-12.83-.59-18.3zM93.87 0h2.04c-.7 4-1.61 6.82-3.03 9.47-2.33 4.38-2.85 5.75-5.26 13.03a40.46 40.46 0 0 1-1.94 5.03c-2.24 4.66-5.92 8.8-13.07 14.26-8.01 6.13-14.27 16.55-20.03 31.55-2.4 6.23-8.75 25.63-9.64 28.01-2.69 7.16-6.56 12.7-15.63 23.68l-2.68 3.24c-6.02 7.34-9.35 12.07-11.72 17.15-2.3 4.94-7.12 9.9-12.91 14.15v-2.4c5.14-3.94 9.1-8.3 11.1-12.6 2.46-5.27 5.87-10.1 11.98-17.56l2.68-3.26c8.94-10.8 12.72-16.22 15.3-23.1.88-2.33 7.24-21.74 9.65-28.03 5.89-15.31 12.3-26 20.68-32.41 6.92-5.3 10.4-9.2 12.48-13.55.65-1.35 1.16-2.7 1.85-4.79 2.45-7.4 3-8.83 5.4-13.34A27.68 27.68 0 0 0 93.87 0zm9.07 0h1.02c-1.66 8.3-2.91 12.67-4.54 15.26a59.14 59.14 0 0 0-4.1 8.21c-1.27 3-2.44 6.2-3.5 9.4-.38 1.12-.7 2.16-2.41 5.39a251.48 251.48 0 0 0-12.81 13.3c-3.48 3.96-5.95 7.27-7.15 9.66-.95 1.9-2.06 5.99-3.61 12.97-.64 2.9-3.65 17.15-4.51 21.07-3.63 16.45-6.63 26.69-9.9 32-7.66 12.45-10.64 15.71-37.08 41.1A69.78 69.78 0 0 1 0 179.21v-1.15a69.39 69.39 0 0 0 13.65-10.42c26.4-25.33 29.32-28.55 36.92-40.9 3.2-5.18 6.18-15.37 9.78-31.7.86-3.91 3.87-18.16 4.51-21.06 1.57-7.09 2.7-11.2 3.7-13.2 1.24-2.5 3.76-5.86 7.29-9.89.9-1.03 1.86-2.1 2.86-3.18 2.4-2.6 4.96-5.22 7.53-7.76.9-.88 1.73-1.7 3.37-3.4a129.02 129.02 0 0 1 4.78-13.46 60.07 60.07 0 0 1 4.19-8.35c1.52-2.44 2.74-6.71 4.36-14.74zM83.71 0h1.1c-2.09 4.74-6.03 8.92-11.42 12.3-7.2 4.52-16.5 7.2-24.39 7.2-8.9 0-11.8 7-11.74 21.52 0 1.7.04 3.17.12 5.99.1 3.3.12 4.45.12 5.99 0 5.73-.76 11.3-2.01 16.5a66.67 66.67 0 0 1-2.15 6.97 2597.76 2597.76 0 0 1-7 15.86A4270.8 4270.8 0 0 1 6.44 136.2 54.64 54.64 0 0 1 0 147v-1.65a54.87 54.87 0 0 0 5.55-9.57A4269.82 4269.82 0 0 0 30.7 79.97c.53-1.2.99-2.23 2.44-5.9A69.23 69.23 0 0 0 36.5 53c0-1.52-.03-2.66-.12-5.95-.08-2.83-.12-4.31-.12-6.01-.03-6.79.53-11.62 2.07-15.34 1.94-4.68 5.39-7.19 10.67-7.19 7.7 0 16.81-2.63 23.86-7.05C77.93 8.27 81.66 4.38 83.7 0zm282.63 0h1.01c1.86 10.02 2.18 12.67 2.32 18.3a123.43 123.43 0 0 1 .37 27.83c-.96 8.78-3.1 16.01-6.63 21.15-11.34 16.5-39.8 29.22-66.41 29.22-5.09 0-10.47.28-16.31.83a413.8 413.8 0 0 0-24.37 3.16c-21.56 3.26-27.66 4.01-36.32 4.01-6.92 0-12.2-1.05-21.69-3.9l-2.78-.83c-1.39-.41-2.54-.74-3.65-1.02-8-2.05-14.22-2.04-21.7.72a16.32 16.32 0 0 0-9.17 8.18c-1.6 3.05-2.5 6.06-4.02 12.83-1.5 6.64-2.34 9.52-3.99 12.64a16.16 16.16 0 0 1-9.85 8.36 104.8 104.8 0 0 0-9.5 3.42c-6.55 2.8-10.1 5.57-13.8 10.47-1.33 1.75-1.03 1.3-5.43 7.9-1.98 2.97-4.66 5.8-8.48 9.14-2.01 1.76-10.71 8.83-12.88 10.7-7.37 6.35-12.58 12.14-16.63 19.14-4.22 7.3-7.8 18.3-11.28 33.26-.87 3.73-1.72 7.64-2.64 12.14l-1.18 5.8-1.09 5.45c-1.8 8.96-2.77 13.28-3.77 16.26-6.8 20.44-17.26 42.16-27.13 51.2-5.11 4.7-8.1 7.07-11.1 8.86-.9.54-1.84 1.04-2.92 1.57-.44.22-9.6 4.4-14.1 6.66l-1.22.62v-1.13l.78-.39c4.52-2.26 13.67-6.44 14.1-6.65a41.19 41.19 0 0 0 2.84-1.54c2.94-1.75 5.88-4.09 10.94-8.73 9.71-8.9 20.1-30.51 26.87-50.79.97-2.92 1.94-7.22 3.73-16.13l1.1-5.46a490.5 490.5 0 0 1 3.82-17.96c3.5-15.06 7.1-26.14 11.39-33.54 4.11-7.11 9.4-12.98 16.83-19.4 2.19-1.88 10.88-8.95 12.88-10.7 3.77-3.28 6.39-6.05 8.3-8.93 4.43-6.64 4.12-6.18 5.47-7.96 3.8-5.03 7.5-7.91 14.21-10.78 2.61-1.12 5.74-2.24 9.59-3.46a15.17 15.17 0 0 0 9.27-7.86c1.59-3.02 2.42-5.85 4.03-12.99 1.41-6.27 2.32-9.33 3.98-12.48a17.31 17.31 0 0 1 9.7-8.66c7.7-2.83 14.1-2.84 22.3-.75 1.12.29 2.28.61 3.68 1.03l3.73 1.11c8.47 2.54 13.66 3.58 20.46 3.58 8.59 0 14.67-.75 36.18-4a414.64 414.64 0 0 1 24.41-3.17c5.88-.54 11.29-.83 16.41-.83 26.3 0 54.45-12.58 65.59-28.78 3.42-4.98 5.5-12.06 6.46-20.7.84-7.74.73-16.02.02-23.9a136.2 136.2 0 0 0-.57-5.12c0-4.47-.3-6.94-2.16-17zM18.88 0h1.03C18 7.57 17.15 10.18 14.46 16.2c-1.95 4.37-2.67 9.19-2.42 14.89.2 4.33.71 7.7 2.28 16.13 1.09 5.88 1.57 8.77 1.94 12.2.96 8.9.24 16.08-2.8 22.79A463.4 463.4 0 0 1 0 109.43v-2.12a465 465 0 0 0 12.54-25.52c2.97-6.52 3.67-13.53 2.72-22.27-.36-3.4-.84-6.26-1.93-12.12-1.57-8.47-2.1-11.88-2.29-16.27-.26-5.84.48-10.81 2.5-15.33 2.64-5.9 3.48-8.47 5.34-15.8zm280.47 0a70.78 70.78 0 0 1-4.91 11.24c-2.56 4.7-4.01 8.45-4.86 11.98l-.4 1.8-.28 1.45a5.28 5.28 0 0 1-.74 2.07c-.74 1.03-1.93 1.28-5.13 1.25.92 0-9.85-.29-15.03-.29-10.2 0-18.45.82-29.46 2.56-16.87 2.66-17.73 2.77-23.66 2.52a42.57 42.57 0 0 1-8-1.09c-17.7-4.16-46.18-5.86-54.72-3.01-2.72.9-5.88 2.8-9.52 5.59a112.37 112.37 0 0 0-6.54 5.48c-1.4 1.25-9.17 8.5-10.78 9.84-1.45 1.2-8.18 7.42-8.85 8.02a114.65 114.65 0 0 1-4.55 3.9c-4.99 4.03-8.9 6.2-11.92 6.2-3.52.05-4.32 0-5.14-.4-1.13-.56-1.5-1.72-1.13-3.57.74-3.63 4.47-10.84 12.84-24.8 5.69-9.48 9.42-18 11.78-26.2 1.45-5.04 1.94-7.4 2.97-14.54h1.01c-1.05 7.3-1.54 9.7-3.01 14.82-2.39 8.28-6.16 16.89-11.9 26.44-8.3 13.84-12 21.01-12.7 24.48-.3 1.45-.08 2.14.59 2.47.6.3 1.35.35 3.48.3 3.92 0 7.69-2.1 12.5-5.98 1.4-1.13 2.87-2.39 4.51-3.86.66-.59 7.41-6.83 8.88-8.05 1.59-1.33 9.34-8.55 10.75-9.82 2.4-2.15 4.55-3.96 6.6-5.53 3.72-2.85 6.97-4.8 9.81-5.74 8.76-2.92 37.41-1.22 55.27 2.99 2.57.6 5.14.95 7.81 1.06 5.84.25 6.7.14 23.47-2.51 11.05-1.75 19.36-2.57 29.6-2.57 5.2 0 15.99.3 15.05.29 2.87.03 3.84-.17 4.3-.83.23-.32.4-.8.58-1.7l.28-1.43.4-1.85c.88-3.6 2.36-7.44 4.96-12.22 1.87-3.43 3.44-7 4.73-10.76h1.06zm-8.59 0c-5.91 17.94-9.55 22-19.76 22-4.5 0-10.22.32-28.69 1.5l-1.53.1c-15.6.99-23.47 1.4-28.78 1.4-5.35 0-13.24-.96-28.86-3.28l-1.54-.23C163.18 18.75 157.47 18 153 18c-4.45 0-7.3 1.01-10.96 3.34-.1.06-1.8 1.17-2.3 1.47-2.43 1.5-4.32 2.19-6.74 2.19-2.8 0-4.11-1.46-4.11-4.22 0-1.04.16-2.29.5-4.1.16-.82.9-4.4 1.07-5.32.8-4.11 1.3-7.68 1.47-11.36h2c-.17 3.82-.68 7.5-1.5 11.75-.19.94-.92 4.5-1.07 5.31a21.04 21.04 0 0 0-.47 3.72c0 1.7.46 2.22 2.11 2.22 1.99 0 3.55-.57 5.7-1.9.47-.28 2.15-1.37 2.26-1.44C144.92 17.14 148.12 16 153 16c4.62 0 10.3.74 28.9 3.51l1.53.23C198.93 22.04 206.8 23 212 23c5.25 0 13.11-.41 28.65-1.4l1.54-.1C260.73 20.32 266.43 20 271 20c8.95 0 12.15-3.4 17.66-20h2.1zM141.51 0h1.13c-2.06 3.86-2.63 5.1-2.77 6.19-.15 1.12.42 1.64 2.32 1.96 1.8.3 3.85.35 10.81.35 6.02 0 13 .56 21.35 1.62 3.95.5 8.03 1.1 13.13 1.89 24 3.7 22.5 3.49 26.83 3.49 24.02 0 51.83-2.24 60.45-6.94 2.88-1.57 5.05-4.49 6.6-8.56h1.07c-1.64 4.47-3.98 7.69-7.2 9.44-8.83 4.82-36.67 7.06-60.92 7.06-4.41 0-2.84.22-26.98-3.5-5.1-.8-9.17-1.38-13.1-1.88-8.31-1.06-15.26-1.62-21.23-1.62-7.04 0-9.1-.05-10.97-.37-2.38-.4-3.38-1.32-3.15-3.07.16-1.22.69-2.41 2.63-6.06zm76.4 0c5.69 1.64 10.37 2.5 14.09 2.5 9.59 0 16.7-.71 22.4-2.5h2.98C251.12 2.53 243.2 3.5 232 3.5c-4.5 0-10.32-1.21-17.53-3.5h3.45zM70.69 0c-2.87 3.27-6.95 5.39-12.02 6.53-3.98.89-7.5 1.08-12.92 1A97.24 97.24 0 0 0 44 7.5c-5.37 0-8.86-1.24-10.1-4.97A8.6 8.6 0 0 1 33.5 0h.99c.02.82.14 1.56.36 2.22C35.91 5.39 39.02 6.5 44 6.5l1.76.02c5.35.09 8.8-.1 12.69-.97C62.95 4.54 66.63 2.74 69.3 0h1.37zM0 207.87c7.31-.16 11.5 3.33 11.5 11.13 0 11.41-5.05 28.35-11.5 41.5v-2.3c5.93-12.72 10.5-28.47 10.5-39.2 0-7.18-3.7-10.3-10.5-10.13v-1zm0 7.05c1.23.14 2.18.58 2.87 1.31 1.4 1.48 1.6 3.72 1.16 7.58l-.16 1.3A28.93 28.93 0 0 0 3.5 229c0 3.2-1.48 9.52-3.5 15.9v-3.45c1.49-5.13 2.5-9.87 2.5-12.45 0-.98.08-1.75.37-4.02l.16-1.29c.42-3.56.24-5.59-.88-6.77-.5-.53-1.21-.87-2.15-1v-1zM0 410.9v-1.47a21.67 21.67 0 0 0 2.97-4.7c1.32-2.7 2.68-6.28 4.56-11.89 7.85-23.55 7.83-26.6.25-30.4-2.25-1.12-4.8-1.43-7.78-.91v-1.02a13.1 13.1 0 0 1 8.22 1.04c8.24 4.12 8.26 7.6.25 31.6-1.88 5.66-3.25 9.27-4.6 12.02A20.82 20.82 0 0 1 0 410.9zM33.64 452c1.68 0 3.04-.23 8.34-1.31l2.38-.47c8.26-1.57 12.72-1.3 14.53 2.33 1.38 2.75-.47 5.86-4.75 9.68a75.6 75.6 0 0 1-5.08 4.07c-.94.7-4.89 3.59-5.79 4.27-1.86 1.4-2.97 2.37-3.47 3.03a19.08 19.08 0 0 0-2.89 5.5c.07-.2-4.02 13.65-6.96 22.22-2.7 7.85-5.56 10.72-8.82 8.59-2.11-1.4-3.66-4.24-6.6-11.03-1.98-4.62-2.5-5.76-3.4-7.4-4.55-8.18-3.9-23.9-.05-32.87a9.6 9.6 0 0 1 6.98-5.96c2.59-.66 4.86-.75 11.78-.67l3.8.02zm0 2c-1.13 0-2.09 0-3.82-.02-12.07-.13-14.83.57-16.9 5.41-3.63 8.47-4.26 23.55-.05 31.12.96 1.73 1.48 2.88 3.5 7.58 2.72 6.3 4.24 9.08 5.86 10.14 1.64 1.08 3.5-.8 5.82-7.55a682.9 682.9 0 0 0 6.97-22.24 21.03 21.03 0 0 1 3.18-6.04c.65-.87 1.85-1.9 3.86-3.43.92-.7 4.87-3.57 5.8-4.27 2.02-1.5 3.6-2.77 4.95-3.97 3.63-3.23 5.09-5.7 4.3-7.28-1.21-2.42-5.07-2.65-12.38-1.27l-2.35.47c-5.49 1.11-6.86 1.35-8.74 1.35zm345.63 146c-3.45-12.26-3.77-14.13-3.77-19 0-3.33-.13-6.27-.43-11.34-.63-10.33-.65-13.5.26-17.07 1.21-4.74 4.21-7.1 9.67-7.1h26c4.08 0 5.19 1.85 5.93 7.11.1.79.13.97.19 1.32.84 5.35 2.8 7.58 8.88 7.58 3.64 0 5.54.4 6.43 1.37.76.83.76 1.44.36 3.93-.85 5.26.5 8.85 7.5 13.8 6.32 4.45 11.63 5.36 16.55 3.37 3.8-1.54 6.73-4.16 11.92-10l1.1-1.23 1.09-1.23a75.6 75.6 0 0 1 2.7-2.86 35.81 35.81 0 0 1 9.57-6.73c1.52-.76 1.72-.86 5.66-2.63 6.1-2.73 9.01-4.5 11.74-7.62 2.63-3 4.67-4.85 6.7-6.04 3.18-1.85 5.46-2.13 13.68-2.13 5.98 0 10.56-4.32 18-14.99l2.82-4.03c1.06-1.5 1.94-2.7 2.79-3.79 7.87-10.12 19.38-10.4 30.74.96 5.54 5.53 10.17 19.43 13.64 38.51 2.5 13.75 4.18 29.46 4.47 39.84h-1c-.3-10.32-1.96-25.97-4.45-39.66-3.43-18.87-8.02-32.65-13.36-37.99-10.95-10.95-21.76-10.68-29.26-1.04-.83 1.07-1.7 2.26-2.75 3.75l-2.81 4.02c-7.65 10.95-12.38 15.42-18.83 15.42-8.04 0-10.21.26-13.17 2-1.92 1.12-3.9 2.9-6.45 5.83-2.86 3.26-5.87 5.09-12.09 7.88a103.35 103.35 0 0 0-5.62 2.6 34.84 34.84 0 0 0-9.32 6.54 74.67 74.67 0 0 0-3.75 4.05l-1.1 1.24c-5.28 5.95-8.29 8.64-12.28 10.25-5.26 2.13-10.92 1.17-17.5-3.48-7.33-5.17-8.82-9.15-7.92-14.77.34-2.12.34-2.6-.1-3.1-.64-.69-2.34-1.04-5.7-1.04-6.63 0-8.96-2.63-9.87-8.42l-.2-1.34c-.67-4.82-1.53-6.24-4.93-6.24h-26c-5 0-7.6 2.04-8.7 6.34-.88 3.43-.85 6.57-.23 16.76a177 177 0 0 1 .43 11.4c0 4.78.32 6.63 3.81 19h-1.04zm13.68 0c-1.31-6.58-1.61-10.71-1.36-14.84.04-.7.1-1.44.18-2.38l.23-2.56c.34-3.81.5-6.97.5-11.22 0-4.94 1.46-7.76 4.21-8.42 2.38-.58 5.56.54 9.2 3 6.64 4.52 13.99 13.07 16.55 19.23 4.77 11.44 14.12 15.69 33.54 15.69 8.6 0 14.32-2.35 20.67-7.88 1.45-1.26 15.06-15 21-20 7.21-6.07 11.77-7.59 20.62-8.32 5.52-.45 7.98-.9 11.44-2.36 4.58-1.95 9.36-5.48 14.9-11.29 7.43-7.76 13.25-8.92 17.47-4.3 3.32 3.63 5.46 10.58 6.82 20.24.73 5.17.94 7.74 1.58 17.38.25 3.75.17 5.32-.92 18.03h-1c1.09-12.7 1.17-14.28.92-17.97-.64-9.6-.85-12.16-1.57-17.3-1.33-9.47-3.43-16.27-6.56-19.7-3.76-4.11-8.93-3.08-16 4.32-5.65 5.9-10.54 9.5-15.25 11.5-3.58 1.53-6.13 1.99-11.6 2.44-8.8.72-13.17 2.18-20.2 8.1-5.9 4.96-19.5 18.7-21 19.99-6.52 5.68-12.47 8.12-21.32 8.12-19.78 0-29.5-4.42-34.46-16.3-2.49-5.97-9.71-14.38-16.2-18.79-3.42-2.32-6.36-3.35-8.4-2.86-2.2.53-3.44 2.92-3.44 7.45 0 4.28-.16 7.47-.5 11.31l-.23 2.56c-.09.93-.14 1.65-.19 2.35-.24 4.08.06 8.18 1.39 14.78h-1.02zm113.75 0c2.52-3.26 8.93-11.79 10.9-14.3 5.48-6.98 13.05-12.38 19.4-13.94 7.01-1.71 11.5 1.45 11.5 9.24 0 4.02-.04 5.16-.74 19h-1c.7-13.85.74-15 .74-19 0-7.12-3.86-9.83-10.26-8.26-6.11 1.5-13.5 6.77-18.85 13.57-1.86 2.36-7.65 10.07-10.43 13.69h-1.26zm-9.86-338.96c3.44 2.71 7 5.1 11.44 7.75 1.06.64 8.42 4.9 10.35 6.1 11.27 7 15 13.35 12.35 25.33-1.45 6.52-4.53 11.1-9.39 14.44-3.83 2.63-8.07 4.26-16.08 6.56-11.97 3.45-13.68 3.99-18.82 6.28a60.18 60.18 0 0 0-7.81 4.18c-11.11 7.07-19.1 7.7-27.96 3.28-3.56-1.77-17.2-11-17.2-11.01a101.77 101.77 0 0 0-5.2-3.07c-16.04-8.83-34.27-24.16-34.52-31.85-.11-3.46 1.99-6.57 6.28-10.26 1.03-.9 2.18-1.81 3.68-2.95.72-.55 3.38-2.56 3.94-3 4.47-3.4 7.18-5.79 9.32-8.45 11.12-13.82 26.55-28.68 34.36-32.28 12.06-5.54 19.84-5.77 27.37.12 3.25 2.54 5.65 6.54 8.58 13.35.29.65 2.3 5.45 2.88 6.74 1.62 3.65 2.9 5.8 4.24 6.94.72.6 1.45 1.2 2.2 1.8zm-3.49-.28c-1.63-1.39-3.03-3.74-4.77-7.65-.58-1.3-2.6-6.12-2.88-6.76-2.81-6.5-5.08-10.3-7.98-12.56-6.83-5.35-13.85-5.15-25.3.12-7.45 3.42-22.7 18.12-33.64 31.72-2.27 2.82-5.08 5.3-9.67 8.79l-3.94 2.98a79.98 79.98 0 0 0-3.59 2.88c-3.87 3.33-5.67 6-5.58 8.69.21 6.64 18.14 21.72 33.48 30.15 1.76.97 3.5 2 5.3 3.13.12.08 13.61 9.22 17.03 10.92 8.22 4.1 15.46 3.52 26-3.18a62.17 62.17 0 0 1 8.07-4.31c5.25-2.35 7-2.9 19.08-6.38 7.8-2.24 11.9-3.82 15.5-6.3 4.44-3.04 7.23-7.18 8.56-13.22 2.44-11.02-.83-16.6-11.45-23.2-1.9-1.18-9.23-5.42-10.32-6.08-4.5-2.69-8.13-5.12-11.64-7.9-.77-.6-1.52-1.21-2.26-1.84zM87.72 241.6c4.3-2.98 7.88-5 12.14-6.95.84-.4 1.73-.78 2.78-1.24l4.37-1.88a164.3 164.3 0 0 0 17.74-8.96 320.67 320.67 0 0 1 27.87-14.5c4.22-1.95 21.89-9.84 21.17-9.52 19.17-8.62 28.1-6.93 49.5 8.05 7.91 5.54 13.24 13.25 16.45 22.66 3.02 8.83 3.76 16.51 3.76 27.75 0 8.32-.66 12.95-3.68 18.97-4.18 8.36-12.3 16.14-25.58 23.47-24.45 13.49-38.83 27.55-52.83 47.84-8.83 12.8-47.76 44.21-65.16 54.15C75.04 413.55 48.89 423.5 31 423.5c-10.05 0-14.67-4.78-14.76-13.37-.07-6.32 2.06-13.73 6.3-24.32 2.95-7.37 2.02-12.9-2.16-22.29-3.19-7.17-3.88-9.14-3.88-12.52 0-3.35 1.87-6.9 5.52-11.07 2.61-3 3.5-3.83 11.9-11.5 5.09-4.66 8.08-7.6 10.7-10.75 9.46-11.36 12.62-19.47 17.9-44.78 3.12-15.05 6.63-20.28 15.12-25.25.8-.47 3.95-2.25 4.7-2.68a76.66 76.66 0 0 0 5.38-3.38zm.56.82a77.63 77.63 0 0 1-5.44 3.43l-4.7 2.67c-8.23 4.82-11.57 9.81-14.65 24.6-5.3 25.45-8.51 33.7-18.1 45.21-2.66 3.19-5.68 6.16-10.8 10.84-8.36 7.64-9.24 8.48-11.82 11.42-3.5 4.01-5.27 7.36-5.27 10.42 0 3.18.68 5.1 3.8 12.12 4.27 9.6 5.24 15.37 2.16 23.07-4.18 10.47-6.29 17.78-6.22 23.93.08 8.06 4.26 12.38 13.76 12.38 17.67 0 43.68-9.9 64.75-21.93 17.28-9.88 56.1-41.2 64.84-53.85 14.08-20.42 28.57-34.59 53.17-48.16 13.12-7.23 21.09-14.87 25.17-23.03 2.92-5.86 3.57-10.35 3.57-18.53 0-11.13-.74-18.73-3.7-27.43-3.15-9.22-8.36-16.75-16.09-22.16-21.13-14.8-29.7-16.42-48.5-7.95.7-.32-16.96 7.56-21.17 9.5-1.7.8-3.3 1.55-4.86 2.3a319.68 319.68 0 0 0-22.93 12.17 165.3 165.3 0 0 1-17.85 9.01l-4.37 1.88c-1.04.45-1.92.84-2.76 1.23a74.56 74.56 0 0 0-11.99 6.86zm-7.6 12.2c7.7-6.25 12.3-8.17 23.68-11.27 6.12-1.67 9.12-2.95 12.31-5.72 3.8-3.3 7.47-4.52 15.86-6.1 2.75-.52 3.67-.7 5.06-1.02 5.48-1.24 9.48-2.93 13.1-5.89 10.42-8.53 25.4-14.11 36.31-14.11 5.33 0 16.77 7.58 25.74 17.16 10.73 11.46 15.96 23.27 12.73 32.5-3.18 9.1-11.39 18.57-23.03 27.86-8.44 6.73-18.36 13-25.22 16.43-3.72 1.86-6.59 4.88-9.77 9.99-.69 1.1-11.1 20.25-16.03 27.83-5.62 8.65-15.4 17.36-30.23 27.96a552.58 552.58 0 0 1-9.2 6.42c-.13.09-6.81 4.65-8.6 5.89-6.47 4.46-10.35 7.35-13.05 9.83-11.64 10.67-37.14 15.54-43.7 8.98-1.96-1.96-2.2-4.06-1.95-10.52.37-9.42-.5-14.5-4.95-20.51a34.09 34.09 0 0 0-7.04-6.92c-3.93-2.95-6.07-6.11-6.56-9.49-.97-6.61 3.87-13.06 14.17-21.69 1.58-1.32 6.67-5.44 7.09-5.78a48.03 48.03 0 0 0 5.23-4.77c4.1-4.63 5.85-9.55 7.8-20.07a501.52 501.52 0 0 0 .8-4.37c.33-1.87.6-3.3.88-4.73.74-3.78 1.5-7.18 2.4-10.63 1-3.78 1.38-5.5 2.36-10.37.6-3.02.93-4.21 1.56-5.47 1.22-2.45 1.27-2.5 12.25-11.42zm.64.78c-10.77 8.74-10.88 8.84-12 11.08-.58 1.16-.88 2.3-1.47 5.22-.98 4.89-1.36 6.63-2.37 10.44-.9 3.43-1.65 6.8-2.39 10.56a339.79 339.79 0 0 0-1.29 6.95l-.39 2.15c-1.98 10.68-3.77 15.74-8.04 20.54a48.77 48.77 0 0 1-5.34 4.88c-.42.34-5.5 4.47-7.07 5.78-10.04 8.4-14.72 14.65-13.83 20.78.45 3.1 2.44 6.03 6.17 8.83 3 2.25 5.39 4.62 7.24 7.12 4.63 6.24 5.52 11.52 5.15 21.15-.25 6.14-.01 8.1 1.66 9.78 6.1 6.1 31.02 1.33 42.31-9.02 2.75-2.52 6.66-5.43 13.16-9.92l8.6-5.89c3.63-2.48 6.45-4.44 9.19-6.4 14.73-10.54 24.44-19.18 29.97-27.7 4.9-7.54 15.31-26.68 16.02-27.8 3.27-5.26 6.26-8.41 10.18-10.37 6.79-3.4 16.65-9.63 25.03-16.32 11.52-9.18 19.61-18.53 22.72-27.4 3.07-8.78-2.02-20.27-12.52-31.49-8.8-9.4-20.04-16.84-25.01-16.84-10.67 0-25.43 5.5-35.68 13.89-3.76 3.07-7.9 4.81-13.5 6.09-1.41.32-2.35.5-5.11 1.02-8.21 1.55-11.76 2.73-15.38 5.88-3.34 2.9-6.45 4.22-12.7 5.92-11.26 3.07-15.75 4.94-23.31 11.09zM212 251.85c0 7.56-.6 10.92-2.6 14.3-1.1 1.84-7.66 10.05-8.6 11.3-5.96 7.94-9.33 10.28-17.26 13.76-1.34.58-2.2 1-3.03 1.5-.55.33-1.2.66-2 1.02-.71.33-4.46 1.9-5.52 2.39-6.05 2.78-8.99 5.8-8.99 10.73 0 10.97-18.95 36.12-34.51 44.87-8.18 4.6-21.3 9.36-32.78 11.86-13.33 2.9-22.49 2.48-24.62-2.32-1.32-2.97-4.4-4.26-11.98-5.81l-.6-.12c-4.84-.99-6.94-1.55-9.03-2.64-2.92-1.5-4.48-3.7-4.48-6.84 0-2.74 1.08-5.77 3.25-9.67.85-1.53 1.82-3.13 3.23-5.35-.16.25 2.83-4.4 3.67-5.76 6.69-10.7 9.85-18.5 9.85-27.22 0-18.41 11.22-33.37 27.5-42.86 5.22-3.05 9.23-3.31 15.2-2.12 5.04 1 6.05.9 7.43-1.52 4.5-7.85 7.04-9.5 15.87-9.5 3.93 0 6.97-.98 10.47-3.16 1.56-.97 8.67-6.17 10.99-7.68 9.2-5.98 11.34-7 25.2-11.95 6.95-2.48 15.18 1.28 22.33 9.12 6.55 7.19 11.01 16.61 11.01 23.67zm-2 0c0-6.5-4.25-15.48-10.49-22.32-6.67-7.32-14.16-10.74-20.17-8.59-13.73 4.9-15.73 5.85-24.8 11.75-2.24 1.46-9.37 6.68-11.01 7.7-3.8 2.36-7.2 3.46-11.53 3.46-8.08 0-9.98 1.23-14.13 8.5-1.1 1.91-2.51 2.88-4.35 3.09-1.3.14-1.9.05-5.22-.61-5.53-1.1-9.07-.88-13.8 1.88-15.72 9.17-26.5 23.55-26.5 41.14 0 9.2-3.28 17.29-10.15 28.28l-3.68 5.77c-1.39 2.19-2.35 3.77-3.17 5.25-2.02 3.63-3 6.38-3 8.7 0 4.19 2.87 5.67 11.9 7.52l.61.12c8.27 1.7 11.7 3.13 13.4 6.95 3.17 7.14 36 0 54.6-10.46 14.98-8.43 33.49-32.99 33.49-43.13 0-5.9 3.47-9.48 10.16-12.55 1.1-.5 4.85-2.08 5.52-2.38.74-.34 1.32-.64 1.8-.93.92-.55 1.85-1 3.25-1.62 7.65-3.35 10.75-5.5 16.47-13.12 1.02-1.36 7.47-9.42 8.47-11.11 1.79-3.01 2.33-6.06 2.33-13.3zm-37.18-22.4c.15-.1 2.4-1.51 2.95-1.84.96-.57 1.7-.94 2.43-1.17 2.57-.83 5.06-.1 11.04 3.12 14.86 8 19.43 22.87 9.18 38.71-4.04 6.24-9.37 9-18.72 11.11-.85.2-1.2.27-3.13.68-6.04 1.29-8.78 2.08-11.6 3.65-3.63 2.02-6.09 4.98-7.5 9.44-7.87 24.93-19.72 43.34-36.28 50.31-16.45 6.93-21.13 8.53-27.98 8.89-4.94.25-9.8-.65-15.4-2.89a44.45 44.45 0 0 1-5.64-2.6c-4.02-2.33-5.14-4.74-4.5-9.31.3-2.13 3.77-15.53 4.84-20.65.63-3.05 1.19-6.14 1.75-9.69a464.04 464.04 0 0 0 1.35-8.9c1.42-9.41 2.5-14.27 4.49-18.65 2.46-5.43 6.13-9.03 11.72-11.13 6.59-2.47 10.54-3.1 18.03-3.53 4.75-.27 6.68-.64 9-2.05.61-.37 1.22-.81 1.82-1.33a30.61 30.61 0 0 0 3.37-3.4c.59-.69 2.38-2.9 2.63-3.19 3.36-4 6.3-5.53 12.33-5.53 3.94 0 5.9-.92 8.18-3.36-.17.18 2.75-3.14 3.85-4.22a30.95 30.95 0 0 1 6.79-5c1.5-.83 3.15-1.62 4.99-2.38a64.92 64.92 0 0 0 10.01-5.1zm-14.52 8.34a29.95 29.95 0 0 0-6.57 4.84 116.68 116.68 0 0 0-3.82 4.2c-2.46 2.63-4.68 3.67-8.91 3.67-5.72 0-8.39 1.39-11.57 5.17-.23.28-2.03 2.5-2.63 3.2a31.6 31.6 0 0 1-3.47 3.51c-.65.55-1.3 1.03-1.96 1.43-2.5 1.51-4.55 1.9-9.47 2.19-7.39.42-11.25 1.04-17.72 3.47-5.34 2-8.82 5.4-11.17 10.6-1.93 4.27-3 9.07-4.41 18.39l-.65 4.34-.7 4.57c-.57 3.56-1.12 6.67-1.76 9.73-1.08 5.18-4.54 18.53-4.83 20.59-.59 4.17.35 6.18 4.01 8.3 1.35.77 3.1 1.58 5.52 2.55 5.46 2.18 10.18 3.05 14.97 2.8 6.69-.34 11.32-1.93 27.65-8.8 16.21-6.83 27.92-25.01 35.71-49.7 1.49-4.7 4.12-7.86 7.97-10 2.93-1.63 5.74-2.45 11.87-3.76 1.92-.4 2.28-.49 3.12-.68 9.12-2.06 14.24-4.7 18.1-10.67 9.92-15.34 5.55-29.55-8.82-37.29-5.75-3.1-8.03-3.76-10.25-3.05-.65.2-1.33.54-2.23 1.08-.55.32-2.77 1.72-2.93 1.82a65.91 65.91 0 0 1-10.16 5.17c-1.8.75-3.42 1.52-4.89 2.33zm-42.39 32.72c16.15-2.87 26.36-.97 32.47 6.16 5.08 5.93 1.13 21.42-5.93 35.55-4.79 9.58-10.6 16.21-23.16 25.19-14.15 10.1-35.5 12.2-40.71 3.85-1.86-2.97-2.1-8.14-1.06-15.73.78-5.68 1.86-10.71 4.73-22.98l.12-.51c1.59-6.8 2.37-10.31 3.14-14.14 1.45-7.25 3.74-11.47 7.26-13.74 2.81-1.8 5.53-2.28 12.33-2.62 5.33-.27 7.56-.46 10.81-1.03zm.18.98c-3.3.59-5.56.78-10.94 1.05-6.62.33-9.23.78-11.84 2.46-3.25 2.1-5.42 6.09-6.82 13.1-.77 3.84-1.56 7.35-3.15 14.17l-.12.5c-2.86 12.24-3.93 17.26-4.7 22.9-1.03 7.36-.79 12.36.9 15.07 4.82 7.7 25.54 5.67 39.29-4.15 12.43-8.88 18.13-15.39 22.84-24.81 6.86-13.72 10.75-29 6.07-34.45-5.84-6.81-15.7-8.65-31.53-5.84zM132 276.5c7.12 0 10.66 3.08 11.25 8.7.42 4.02-.43 8.14-2.77 15.94-2.56 8.52-18.36 25.38-27.2 31.28-7.01 4.67-20.02 5.67-26.57.99-3.99-2.85-3.53-12.08.02-26.46.68-2.75 1.47-5.65 2.37-8.76a412.6 412.6 0 0 1 3.05-10.14l.37-1.2c1.48-4.8 5.1-7.75 10.73-9.27 4.4-1.2 9.54-1.5 17.48-1.33l3.89.1c3.87.11 5.42.15 7.38.15zm0 1c-1.97 0-3.53-.04-7.41-.15l-3.88-.1c-7.85-.17-12.92.13-17.2 1.3-5.32 1.43-8.67 4.16-10.03 8.6a1277.83 1277.83 0 0 1-1.6 5.21c-.68 2.2-1.27 4.17-1.82 6.1-.9 3.1-1.68 5.99-2.36 8.73-3.43 13.88-3.87 22.93-.4 25.4 6.17 4.42 18.73 3.45 25.42-1 8.66-5.78 24.33-22.49 26.8-30.73 2.3-7.67 3.14-11.71 2.73-15.56-.53-5.1-3.64-7.8-10.25-7.8zm-17.79 7a31.3 31.3 0 0 1 8.57 1.4c5.42 1.78 8.72 5.03 8.72 10.1 0 9.59-9.51 17.2-22.34 21.47-9.82 3.28-13.62-1.79-11.66-16.54.84-6.28 3.82-10.67 8.24-13.46a20.38 20.38 0 0 1 8.47-2.97zm-.6 1.08a19.39 19.39 0 0 0-7.34 2.73c-4.18 2.64-6.98 6.78-7.77 12.76-1.89 14.11 1.36 18.45 10.34 15.46C121.3 312.37 130.5 305 130.5 296c0-4.56-2.98-7.5-8.03-9.15a28.05 28.05 0 0 0-8.2-1.35c-.13 0-.35.03-.66.08zm80.87-23.45c-2.72 9.8-14.93 9.86-26.72 3.3-10.17-5.64-13.8-17.98-5-22.87a66.53 66.53 0 0 0 4.48-2.7l2.03-1.3a50.15 50.15 0 0 1 3.92-2.3c4.73-2.43 8.82-2.8 14-.72 9.16 3.66 10.98 13.33 7.3 26.6zm-20.83-24.98a49.26 49.26 0 0 0-3.84 2.25l-2.03 1.3c-.84.53-1.5.95-2.16 1.35-.82.5-1.6.96-2.38 1.39-7.94 4.4-4.59 15.8 5 21.12 11.31 6.29 22.8 6.23 25.28-2.7 3.57-12.83 1.85-21.97-6.7-25.4-4.9-1.95-8.69-1.62-13.17.7zm17.85 12.15c0 5.7-2.44 9-6.64 9.96-3.3.76-7.56-.05-11.08-1.81l-1.89-.94c-.67-.34-1.18-.62-1.63-.88-4.07-2.38-4.13-4.97.34-10.93 6.8-9.06 20.9-7.16 20.9 4.6zm-1 0c0-5.3-2.87-8.55-7.32-9.16-4.23-.57-8.99 1.44-11.78 5.16-4.15 5.54-4.1 7.44-.64 9.47.44.25.93.51 1.59.85l1.87.93c3.34 1.67 7.36 2.44 10.42 1.74 3.73-.86 5.86-3.74 5.86-9zM387 530.3c0-12.8 2.44-16.74 18.48-29.77a56.8 56.8 0 0 1 7.61-5.2c2.6-1.5 5.33-2.82 8.5-4.18 1.24-.53 2.48-1.05 4.1-1.7l3.92-1.57c9.4-3.83 13.74-6.7 16.62-12.05 1.2-2.22 2.21-4.4 3.23-6.83a148.57 148.57 0 0 0 1.54-3.84l.3-.74.56-1.44c3.2-8.02 6.05-12.08 12.7-16.5a35.26 35.26 0 0 0 4.96-4 46.36 46.36 0 0 0 3.88-4.29c.27-.34 2.55-3.2 3.2-3.98 3.48-4.15 6.51-5.9 11.51-5.9 3.08 0 5.62-.63 9.57-2.1 5.42-2.02 6.53-2.34 8.96-2.2 2.53.13 4.85 1.26 7.18 3.59 1.3 1.3 5.55 5.83 6.52 6.78 5.06 5 9.44 6.92 17.77 6.92a197.5 197.5 0 0 1 12.08.45c15.93.87 21.94.57 25.28-2.21 6.91-5.77 11.64-2.73 11.64 7.76 0 10.73-8.6 20-19 20-4.8 0-8.32 1.43-9.34 3.67-1.12 2.48.68 6.15 5.98 10.57 13.6 11.33 11.24 20.76-7.64 20.76a21.91 21.91 0 0 0-14.6 5.24c-3.28 2.71-5.8 5.86-9.85 11.82l-1.52 2.25c-3.1 4.57-5.01 7.1-7.32 9.4-6.21 6.21-9.3 7.64-13.05 6.89l-1-.23a10.82 10.82 0 0 0-2.66-.37c-1.6 0-2.41.67-8.18 6.22-4.85 4.67-8.07 6.78-11.82 6.78-1.33 0-3.46 1.15-6.45 3.45-1.27.98-2.68 2.14-4.5 3.7l-4.92 4.29a181.11 181.11 0 0 1-4.54 3.82c-9.33 7.56-15.63 10.2-20.21 6.52-2.7-2.15-4.14-4.51-4.63-7.26-.37-2.04-.26-3.63.29-7.3.87-5.85.65-8.42-1.83-11.6-2.32-2.98-2.96-3.22-3.77-2.39-.25.26-1.35 1.63-1.61 1.94-2.21 2.5-4.85 3.57-9 2.82-4.6-.84-5.57-4.11-4.72-10.09l.24-1.56c.6-3.66.68-4.93.25-5.8-.44-.86-1.9-.94-5.23.4l-.74.29c-13.78 5.54-15.26 6.09-19.43 6.67-6.03.84-9.31-1.6-9.31-7.9zm2 0c0 5 2.14 6.6 7.04 5.92 3.91-.55 5.43-1.1 18.95-6.55l.75-.3c4.17-1.66 6.7-1.54 7.76.58.71 1.43.62 2.76-.06 7l-.24 1.53c-.72 5.04-.06 7.27 3.09 7.84 3.43.62 5.38-.17 7.15-2.18.2-.23 1.34-1.66 1.68-2 1.9-1.96 3.82-1.25 6.78 2.55 2.9 3.74 3.17 6.77 2.22 13.12-1 6.75-.52 9.4 3.62 12.71 3.49 2.8 9.1.45 17.7-6.51 1.35-1.1 2.75-2.28 4.49-3.78l4.93-4.3c1.84-1.58 3.27-2.76 4.58-3.77 3.34-2.56 5.74-3.86 7.67-3.86 3.04 0 5.95-1.9 10.43-6.22l2.46-2.39c.94-.89 1.67-1.56 2.37-2.13 1.81-1.49 3.3-2.26 4.74-2.26 1.03 0 1.81.13 3.1.42.7.16.71.17.96.21 2.96.6 5.45-.55 11.23-6.33 2.2-2.2 4.06-4.65 7.09-9.11l1.52-2.25c4.15-6.11 6.76-9.37 10.22-12.24a23.9 23.9 0 0 1 15.88-5.7c16.87 0 18.62-7.01 6.36-17.23-5.9-4.92-8.12-9.41-6.52-12.93 1.42-3.12 5.67-4.84 11.16-4.84 9.25 0 17-8.34 17-18 0-8.94-2.88-10.79-8.36-6.23-3.94 3.28-9.98 3.59-26.67 2.68l-1.02-.06c-5.09-.27-7.99-.39-10.95-.39-8.88 0-13.76-2.14-19.18-7.5-1-.98-5.26-5.53-6.53-6.79-1.99-1.99-3.86-2.9-5.87-3-2.03-.12-3.06.18-8.15 2.07-4.15 1.55-6.9 2.22-10.27 2.22-4.33 0-6.84 1.46-9.98 5.2-.63.74-2.89 3.6-3.18 3.95a48.29 48.29 0 0 1-4.04 4.46 37.26 37.26 0 0 1-5.24 4.23c-6.26 4.17-8.9 7.91-11.95 15.58l-.57 1.43-.28.74a531.5 531.5 0 0 1-1.56 3.88 77.49 77.49 0 0 1-3.32 7c-3.16 5.88-7.82 8.97-17.63 12.96l-3.92 1.58c-1.6.64-2.84 1.15-4.05 1.67a79.2 79.2 0 0 0-8.3 4.08 54.8 54.8 0 0 0-7.35 5.02C391.12 514.78 389 518.21 389 530.31zm133.22-79.76c3.06 1.53 6.54 2.02 10.68 1.7 2.53-.2 4.91-.62 8.8-1.49 5.36-1.19 6.33-1.38 8.33-1.54 2.78-.23 4.82.17 6.29 1.4 1.58 1.31 1.96 2.72 1.26 4.22-.66 1.38-1.05 1.74-5.05 5.07-3.53 2.93-5.03 4.83-5.03 7.09 0 7.3 1.29 10.02 7.83 15.62 3.86 3.3 5.93 6.84 5.28 9.62-.75 3.25-4.96 5.02-12.61 5.02-7.18 0-12.7 4.61-20.03 14.68-.5.7-3.96 5.57-4.94 6.87a38.89 38.89 0 0 1-4.72 5.5c-1.06.98-2.09 1.7-3.1 2.15-2.85 1.26-5.05 1.57-9.83 1.74-7.66.27-10.87 1.45-14.98 7.1-1.58 2.17-3.11 4-4.68 5.6a42.87 42.87 0 0 1-8.65 6.69c-.15.08-10.69 6.19-14.8 8.83-3.76 2.42-6.45 2.04-8.22-.77-1.28-2.03-1.9-4.54-2.87-10.35-.84-5.08-1.27-7.08-2.06-8.93-.97-2.3-2.21-3.24-4.02-2.88-6.2 1.24-8.95 1.39-10.98.2-2.37-1.4-3.13-4.62-2.62-10.73.16-1.96-1.04-2.87-3.76-3.04-2.24-.13-4.9.2-9.94 1.12l-.69.12c-7.97 1.45-10.72 1.72-12.72.73-2.91-1.43-1.6-5.27 4.23-12.21 5.48-6.53 10.6-10.81 15.76-13.53 3.74-1.97 5.94-2.65 12.16-4.1 7.29-1.72 10.4-3.51 14.04-9.31 2.96-4.75 10.74-18.62 12.14-20.84 3.59-5.67 6.8-9.1 11.05-11.34 2.6-1.38 4.72-2.82 9.17-6.07l1.38-1.01c7.85-5.72 12.3-7.98 17.68-7.98 4.22 0 6.49 1.36 9.13 4.77.34.43 1.67 2.22 2 2.67.85 1.09 1.6 1.98 2.45 2.83a24.29 24.29 0 0 0 6.64 4.78zm-.44.9c-2.8-1.4-5-3.03-6.92-4.97-.87-.9-1.65-1.81-2.51-2.93-.35-.46-1.68-2.25-2.01-2.67-2.47-3.18-4.46-4.38-8.34-4.38-5.09 0-9.4 2.2-17.09 7.78l-1.38 1.01c-4.49 3.29-6.63 4.74-9.3 6.15-4.06 2.15-7.16 5.45-10.66 11-1.39 2.19-9.16 16.05-12.15 20.82-3.79 6.07-7.13 7.98-14.66 9.75-6.13 1.45-8.27 2.1-11.92 4.02-5.04 2.66-10.05 6.86-15.46 13.3-5.43 6.46-6.53 9.69-4.55 10.66 1.7.84 4.48.57 12.1-.81l.7-.13c5.12-.93 7.82-1.27 10.17-1.12 3.21.2 4.92 1.48 4.7 4.11-.48 5.76.2 8.64 2.13 9.78 1.73 1.02 4.34.88 10.27-.31 2.35-.47 4 .78 5.14 3.47.83 1.95 1.27 4 2.07 8.8l.06.36c.94 5.65 1.55 8.11 2.72 9.98 1.46 2.3 3.52 2.6 6.84.46 4.14-2.66 14.69-8.77 14.81-8.85a41.9 41.9 0 0 0 8.46-6.54 47.89 47.89 0 0 0 4.6-5.48c4.32-5.95 7.81-7.23 15.74-7.5 4.66-.17 6.76-.47 9.46-1.67.9-.4 1.85-1.06 2.84-1.96a38.03 38.03 0 0 0 4.6-5.36c.96-1.3 4.4-6.16 4.93-6.87 7.5-10.31 13.22-15.09 20.83-15.09 7.24 0 11.02-1.6 11.64-4.24.54-2.32-1.36-5.55-4.97-8.64-6.75-5.79-8.17-8.79-8.17-16.38 0-2.67 1.64-4.74 5.39-7.86 3.8-3.17 4.23-3.56 4.78-4.73.5-1.06.25-1.99-.99-3.03-2.23-1.85-4.72-1.65-13.76.36-3.93.87-6.35 1.3-8.94 1.5-4.3.34-7.97-.18-11.2-1.8zm-28-3.9c5.65-2.82 8.96-2.2 12.9 1.37.56.5 2.6 2.47 3.02 2.87 4.2 3.89 8.07 5.71 14.3 5.71 11.37 0 14 1.41 16.1 8.09.26.83 1.35 4.6 1.66 5.62.8 2.63 1.64 5.03 2.7 7.6 2.13 5.17 2.64 8.32 1.72 10.24-.77 1.61-2.1 2.18-5.37 2.79-2.32.43-2.8.53-3.85.85-1.85.58-3.35 1.4-4.6 2.66-1 1-2.02 2.13-3.31 3.66-.6.71-2.91 3.5-3.46 4.14-7.2 8.54-12.43 12.35-19.59 12.35-3.76 0-6.95 1.28-10.59 4-1.84 1.37-11.62 10.31-15.22 13.06a73.09 73.09 0 0 1-8.95 5.88c-4.58 2.54-7.35 3.22-8.98 2.23-1.32-.8-1.65-2.07-1.94-5.5a52.53 52.53 0 0 0-.16-1.81c-.54-4.73-2.24-6.86-7.16-6.86-7.11 0-8.85-1.23-9.73-5.41-.96-4.61-2.1-6.7-6.55-9.67-3.97-2.65-4.31-5.42-1.52-8.22 2-2 4.63-3.5 11.35-6.87 6.61-3.3 9.2-4.8 11.1-6.68a39.09 39.09 0 0 0 5.3-6.48c.98-1.5 1.83-3.04 2.88-5.13l2.12-4.3c.91-1.83 1.72-3.37 2.61-4.98 5.74-10.32 10.37-14.78 23.22-21.2zm-22.34 21.7c-.89 1.59-1.69 3.12-2.6 4.94l-2.11 4.3a52.9 52.9 0 0 1-2.94 5.23 40.08 40.08 0 0 1-5.44 6.63c-2 2-4.62 3.51-11.35 6.87-6.6 3.3-9.2 4.8-11.1 6.69-2.33 2.34-2.08 4.37 1.38 6.67 4.7 3.14 5.96 5.46 6.97 10.3.78 3.7 2.09 4.62 8.75 4.62 5.5 0 7.57 2.57 8.15 7.75.06.5.09.82.17 1.84.25 3.06.55 4.17 1.46 4.72 1.2.74 3.69.13 7.98-2.25a72.09 72.09 0 0 0 8.82-5.8c3.55-2.7 13.34-11.65 15.24-13.07 3.79-2.83 7.18-4.19 11.18-4.19 6.77 0 11.8-3.67 18.83-12l3.45-4.13a60.07 60.07 0 0 1 3.37-3.72 11.72 11.72 0 0 1 5.01-2.91c1.1-.34 1.6-.45 3.97-.89 2.95-.55 4.07-1.02 4.65-2.23.76-1.59.28-4.5-1.74-9.43a84.46 84.46 0 0 1-2.74-7.69c-.31-1.03-1.4-4.8-1.66-5.61-1.95-6.2-4.16-7.39-15.14-7.39-6.5 0-10.61-1.93-14.98-5.98-.44-.4-2.46-2.37-3.01-2.86-3.65-3.3-6.52-3.85-11.79-1.21-12.67 6.33-17.15 10.65-22.78 20.8zm55.86 11.93c-2.98 6.45-16.78 15.26-26.74 15.26-5.33 0-7.56-2.98-7.11-7.86.32-3.48 2.1-7.91 3.93-10.61l1.52-2.32a44.95 44.95 0 0 1 1.88-2.7c3.66-4.8 7.85-7.45 13.62-7.45 9.06 0 15.75 9.52 12.9 15.68zm-.9-.42c2.52-5.47-3.65-14.26-12-14.26-5.4 0-9.33 2.48-12.82 7.06-.6.8-1.17 1.6-1.85 2.64 0 0-1.2 1.87-1.52 2.33-1.74 2.57-3.46 6.85-3.77 10.14-.4 4.33 1.43 6.77 6.12 6.77 9.57 0 23.02-8.58 25.83-14.68zm-69.67 20.74c2.08.18 4.44.81 5.88 1.8 2.12 1.47 2.2 3.6-.26 6.05-5.14 5.15-12.85 4.34-12.85-1.35 0-4.66 3.14-6.84 7.23-6.5zm-.09 1c-3.56-.3-6.14 1.5-6.14 5.5 0 4.58 6.53 5.26 11.15.65 2.03-2.04 1.98-3.43.4-4.52-1.27-.88-3.48-1.47-5.4-1.63zm29.59-225.95c4.64 2.35 17.27 8.24 19.39 9.43a24.14 24.14 0 0 1 7.05 5.64 45.03 45.03 0 0 1 3.75 5.2c2.4 3.78.04 7.66-6.2 11.63-4.97 3.16-12.18 6.3-21.95 9.82-4.84 1.74-19.63 6.68-21.1 7.2-6.59 2.33-14.85.1-25.14-5.86-3.93-2.27-8-5-12.94-8.54-2.23-1.61-9.5-6.99-10.7-7.85a81.21 81.21 0 0 0-8.63-5.7c-4.82-2.6-4.45-6.64.17-12.13 3.27-3.88 4.17-4.67 18.1-16.33a230.2 230.2 0 0 0 8.89-7.74 95.2 95.2 0 0 0 4.72-4.66c5.08-5.43 9.8-6.49 14.97-3.92 2.24 1.1 4.53 2.85 7.43 5.52 1.48 1.37 6.94 6.72 7.98 7.7 5.2 4.91 9.46 8.2 14.2 10.6zm-.46.9c-4.85-2.45-9.18-5.79-14.44-10.76-1.05-1-6.5-6.34-7.97-7.69-2.83-2.61-5.06-4.3-7.2-5.37-4.75-2.36-9-1.4-13.8 3.71a96.18 96.18 0 0 1-4.76 4.71c-2.48 2.3-5.16 4.62-8.92 7.77-13.86 11.6-14.77 12.4-17.98 16.21-4.28 5.08-4.58 8.4-.46 10.61 2.23 1.2 4.9 2.99 8.74 5.77 1.2.87 8.47 6.24 10.7 7.85a154.8 154.8 0 0 0 12.85 8.49c10.06 5.82 18.07 7.98 24.3 5.78 1.48-.52 16.27-5.47 21.1-7.2 9.7-3.5 16.86-6.61 21.75-9.72 5.84-3.71 7.9-7.1 5.9-10.26a44.09 44.09 0 0 0-3.67-5.08 23.16 23.16 0 0 0-6.78-5.42c-2.08-1.16-14.68-7.05-19.36-9.4zm-38.83 8.05c3.11-.37 5.7-.13 8.4.7 2.15.66 2.74.93 8.64 3.77 4.75 2.29 8.39 3.86 13.19 5.56 8.38 2.97 11.32 6.23 8.83 9.76-2.08 2.94-8.04 5.92-17.84 9.18-8.45 2.82-15.48 2.35-21.43-.9-4.65-2.55-8.33-6.5-12.15-12.3-2.9-4.41-2.73-8.2.16-11.06 2.48-2.45 6.87-4.07 12.2-4.7zm.12 1c-5.13.6-9.33 2.16-11.62 4.42-2.53 2.5-2.68 5.77-.02 9.8 3.73 5.68 7.3 9.51 11.8 11.97 5.7 3.11 12.43 3.57 20.62.84 9.59-3.2 15.44-6.12 17.34-8.82 1.94-2.75-.5-5.45-8.35-8.24-4.84-1.72-8.5-3.3-13.28-5.6-5.84-2.81-6.42-3.07-8.5-3.71a18.42 18.42 0 0 0-8-.66zM202.5 500.38c0 4.78-1.45 7.56-4.43 8.93-2.29 1.05-4.55 1.23-10.79 1.2l-1.78-.01c-9.19 0-17-7.65-17-15.5 0-7.59 10.6-10.51 19.74-5.44 2.78 1.55 4.21 1.94 8.57 2.75 4.44.83 5.69 2.27 5.69 8.07zm-1 0c0-5.3-.9-6.34-4.88-7.08-4.45-.83-5.96-1.25-8.86-2.86-8.57-4.76-18.26-2.1-18.26 4.56 0 7.3 7.36 14.5 16 14.5h1.79c6.06.04 8.26-.14 10.36-1.1 2.6-1.2 3.85-3.6 3.85-8.02zm33.33-117.85c3.71-1.31 8.7-2.7 16.1-4.55 2.58-.65 16.53-4.04 20.56-5.05 19.59-4.93 31.55-8.9 38.23-13.35 14.93-9.95 36.87-33.88 43.83-47.8 2.25-4.5 4.65-6.38 7.68-6.25 1.26.06 2.61.45 4.32 1.2a50.81 50.81 0 0 1 3.54 1.7l1.26.63c4.78 2.34 8.38 3.44 12.65 3.44 7.2 0 10.01 3.07 8.35 7.91-1.4 4.06-5.92 8.91-11.1 12.02-8.3 4.98-11.75 17.3-11.75 33.57 0 3.59-1.37 6.28-3.98 8.36-1.98 1.58-4.2 2.6-8.47 4.16l-1.02.37c-4.85 1.75-6.98 2.77-8.68 4.46-5.09 5.1-12.54 7.15-20.35 7.15-1.38 0-2.47.92-3.99 3.1-.29.41-1.32 1.95-1.47 2.18-2.68 3.92-4.93 5.72-8.54 5.72-7.84 0-10.74.93-21.76 6.94-5.18 2.82-8.8 3.58-14.66 3.68-.26 0-.47 0-.92.02-4.82.06-7.12.3-10.51 1.34a73.43 73.43 0 0 0-8.89 3.56c-2.17 1-10.53 5.01-10.23 4.87-7.79 3.7-13.32 5.98-18.9 7.57-12.41 3.55-18.58 2.24-27.42-4.07-2.58-1.85-2.72-4.43-.83-7.62 1.45-2.45 3.9-5.09 8.08-8.97l1.78-1.64c3.92-3.6 4.48-4.11 5.9-5.53 2.32-2.32 3.12-3.5 5.48-7.63 1.93-3.36 3.37-5.11 6.27-7.06 2.3-1.54 5.34-2.98 9.44-4.43zm.34.94c-4.03 1.42-7 2.83-9.22 4.32-2.75 1.85-4.1 3.49-5.96 6.73-2.4 4.2-3.24 5.44-5.64 7.83-1.43 1.44-2 1.96-5.94 5.57l-1.77 1.63c-4.1 3.82-6.52 6.41-7.9 8.75-1.65 2.79-1.54 4.8.55 6.3 8.6 6.14 14.46 7.38 26.57 3.92 5.5-1.57 11-3.84 18.74-7.51-.3.14 8.06-3.88 10.24-4.88a74.3 74.3 0 0 1 9.01-3.6c3.51-1.09 5.89-1.33 10.8-1.4h.91c5.72-.1 9.18-.83 14.2-3.57 11.16-6.08 14.2-7.06 22.24-7.06 3.19 0 5.2-1.6 7.71-5.28l1.48-2.2c1.7-2.43 3-3.52 4.81-3.52 7.57 0 14.78-2 19.65-6.85 1.83-1.84 4.04-2.9 9.04-4.7l1.02-.37c8.6-3.13 11.79-5.67 11.79-11.58 0-16.6 3.53-29.2 12.24-34.43 5-3 9.35-7.67 10.66-11.48 1.42-4.13-.83-6.59-7.4-6.59-4.45 0-8.19-1.14-13.09-3.54-7.52-3.67-6.78-3.34-8.72-3.43-2.58-.1-4.65 1.52-6.74 5.7-7.04 14.07-29.1 38.14-44.17 48.19-6.81 4.54-18.84 8.52-38.55 13.48-4.03 1.02-17.98 4.4-20.56 5.05-7.37 1.84-12.33 3.23-16 4.52zM252 387.5c2.08 0 4-.2 7.25-.69 5.22-.77 6.64-.9 8.46-.5 2.52.56 3.79 2.35 3.79 5.69 0 4.05-2.27 7.29-6.62 10.11-3.24 2.1-6.53 3.53-14.15 6.4l-.27.1-2.28.86c-3.04 1.16-5.27 2.52-9.33 5.43l-.8.57c-8.19 5.88-13.35 8.03-23.05 8.03-4.98 0-6.88-2.03-5.75-5.62.87-2.81 3.58-6.56 7.8-11.13 1.26-1.37 2.64-2.8 4.15-4.3 3.17-3.14 11.25-10.61 11.45-10.8.46-.47.93-.89 1.4-1.26 3.38-2.71 5.77-3.08 14.18-2.93 1.65.03 2.63.04 3.77.04zm0 1c-1.15 0-2.13-.01-3.79-.04-8.18-.14-10.4.2-13.54 2.71-.44.35-.88.74-1.32 1.18-.2.21-8.3 7.69-11.45 10.82a134.6 134.6 0 0 0-4.12 4.26c-4.12 4.47-6.76 8.12-7.58 10.75-.9 2.88.45 4.32 4.8 4.32 9.46 0 14.44-2.07 22.46-7.84l.8-.57c4.13-2.96 6.42-4.36 9.56-5.56l2.3-.86.25-.1c7.55-2.84 10.8-4.25 13.97-6.3 4.08-2.65 6.16-5.6 6.16-9.27 0-2.89-.97-4.26-3-4.7-1.65-.37-3.05-.25-8.1.5-3.3.5-5.26.7-7.4.7zm112.47-45.34c-1.88 5.44-1.98 6.76-.98 12.76 1.18 7.06-1.38 16.58-5.49 16.58a16.89 16.89 0 0 0-1.51.07l-.64.04c-2.86.18-4.83.17-6.94-.17-6.55-1.06-10.41-5.14-10.41-13.44 0-13.9 2.14-19.69 8.13-26.33a21.9 21.9 0 0 0 2.52-3.75c.59-1.03 2.78-5.13 2.72-5.01 4.44-8.14 7.71-11.53 12.25-10.4 1.17.3 2.2.77 3.58 1.59l1.39.84a20 20 0 0 0 3.1 1.6c.7.27 1.8.32 4.75.26l.72-.01c3.16-.05 4.78.08 5.83.66 1.61.89 1.2 2.56-1.14 4.9a215.9 215.9 0 0 1-3.86 3.76c-10.6 10.1-12.75 12.4-14.02 16.05zm-.94-.32c1.34-3.9 3.46-6.17 14.27-16.46 1.55-1.47 2.73-2.62 3.85-3.73 1.94-1.95 2.17-2.88 1.35-3.33-.82-.45-2.37-.58-5.32-.53l-.72.01c-3.14.06-4.26.02-5.14-.34-1.06-.41-1.97-.9-3.25-1.67l-1.38-.83a12.1 12.1 0 0 0-3.31-1.47c-3.88-.97-6.92 2.17-11.13 9.9.07-.13-2.14 3.98-2.73 5.02a22.71 22.71 0 0 1-2.65 3.92c-5.81 6.47-7.87 12-7.87 25.67 0 7.79 3.48 11.47 9.57 12.45 2.01.33 3.92.34 6.71.16a371.33 371.33 0 0 0 1.23-.07c.42-.03.73-.04.99-.04 3.2 0 5.6-8.9 4.5-15.42-1.02-6.16-.91-7.64 1.03-13.24zm-9.26 12.42c.58.52 2.5 1.9 2.55 1.93 1.96 1.57 2.04 3.31.01 6.36-3.74 5.64-8.83 3.09-8.83-4.55 0-3.81.51-5.67 2.07-6.02 1.18-.26 2 .3 4.2 2.28zm-1.34 1.48c-1.5-1.35-2.23-1.85-2.43-1.8-.17.03-.5 1.23-.5 4.06 0 5.87 2.67 7.21 5.17 3.45 1.5-2.26 1.47-2.84.4-3.7.03.03-1.95-1.4-2.64-2zm222.9-130.19c2.2-1.1 3.67-1.66 5.88-2.36l.28-.09a48.92 48.92 0 0 0 8.79-3.55c4.17-2.08 6.35-1.88 6.96.84.44 2 .2 4.01-1.25 12.7-2.27 13.62-9.16 26.14-21.17 36.3-4.3 3.63-7.41 4.39-9.75 2.44-1.88-1.57-3.1-4.57-4.61-10.48-.3-1.15-1.43-5.83-1.72-6.96a114.18 114.18 0 0 0-2.71-9.22c-2.4-6.82-3.03-10.78-2.1-12.94.77-1.83 2.08-2.24 5.6-2.45 1.49-.09 2.09-.14 2.97-.28l1.95-.33c.72-.12 1.22-.2 1.68-.29 1.1-.2 1.92-.38 2.71-.6 1.7-.49 3.42-1.2 6.49-2.73zm.44.9c-3.11 1.54-4.88 2.29-6.65 2.79-.84.23-1.69.42-2.81.63a108.77 108.77 0 0 1-3.81.63c-.77.13-1.39.19-2.92.28-3.13.18-4.17.51-4.74 1.85-.78 1.84-.2 5.62 2.13 12.2a115.12 115.12 0 0 1 2.74 9.31l1.72 6.96c1.46 5.7 2.62 8.58 4.28 9.96 1.87 1.56 4.49.93 8.47-2.44 11.82-10 18.6-22.3 20.83-35.7 1.4-8.45 1.65-10.51 1.25-12.31-.41-1.87-1.86-2-5.54-.16a49.87 49.87 0 0 1-8.93 3.6l-.28.1a35.4 35.4 0 0 0-5.74 2.3zm-4.5 6.58c1.37-.32 2.5-.75 3.9-1.42.35-.18 2.57-1.31 3.32-1.67 1.5-.71 2.97-1.31 4.7-1.89 2.7-.9 4.64-.77 5.88.4.98.94 1.34 2.26 1.41 4.18.02.4.02.7.02 1.37 0 5.63-4.63 16.88-11.34 22.75-4.34 3.8-7.31 4.67-9.92 2.52-2.06-1.7-3.5-4.65-6.67-12.91-1.86-4.83-2.05-8.1-.68-10.2 1.12-1.7 2.9-2.36 5.83-2.7l1.26-.12c1.19-.12 1.75-.19 2.3-.31zm-2.1 2.3l-1.22.12c-2.4.27-3.7.76-4.39 1.81-.93 1.43-.78 4.1.87 8.38 3.02 7.84 4.41 10.71 6.08 12.09 1.63 1.34 3.64.75 7.33-2.48C584.6 250.77 589 240.08 589 235c0-.64 0-.93-.02-1.29-.05-1.44-.3-2.33-.79-2.8-.6-.57-1.8-.65-3.87.04a37.95 37.95 0 0 0-4.47 1.8c-.72.34-2.93 1.47-3.32 1.66a19.54 19.54 0 0 1-4.3 1.56c-.66.16-1.28.24-2.56.36zm-227.73-88.98c-1.59 4.3-3.54 7.25-7.14 11.4l-2.6 2.97a67.02 67.02 0 0 0-2.63 3.23 46.4 46.4 0 0 0-4.68 7.5c-2.85 5.7-7.14 10.18-12.85 13.89-4.25 2.76-8.25 4.62-15.67 7.59-11.01 4.4-16.43 1.26-27.22-16.4-2.86-4.69-8.8-8.63-17.98-12.66-3-1.33-12.88-5.24-14.43-5.92-4.96-2.18-7.04-3.72-6.42-5.85.67-2.32 5.3-4.05 15.48-6.08 16.63-3.32 26.93-3.82 39.93-3.02 7.9.49 9.67.5 12.74-.26 1.99-.48 3.92-1.3 6-2.6l2.79-1.71c9.86-6.14 12.94-7.96 17.3-9.9 6.03-2.71 10.57-3.32 13.94-1.4 7.2 4.12 7.68 7.7 3.44 19.22zm-1.88-.7c3.95-10.7 3.6-13.26-2.56-16.78-2.66-1.52-6.62-.99-12.12 1.48-4.24 1.9-7.3 3.7-17.07 9.77l-2.79 1.73a22.6 22.6 0 0 1-6.57 2.84c-3.36.81-5.22.8-13.34.3-12.84-.78-22.97-.29-39.41 3-4.9.97-8.45 1.88-10.79 2.75-2.03.76-3.04 1.45-3.17 1.91-.16.57 1.48 1.79 5.3 3.46 1.5.67 11.39 4.58 14.44 5.93 9.52 4.19 15.74 8.3 18.87 13.44 10.35 16.93 14.87 19.56 24.78 15.6 7.3-2.93 11.21-4.75 15.33-7.42 5.42-3.53 9.47-7.75 12.15-13.1 1.44-2.9 3.02-5.4 4.86-7.82a68.95 68.95 0 0 1 2.72-3.33l2.6-2.97c3.46-3.99 5.28-6.75 6.77-10.79zm-6.64-.39c-7.94 12.8-18.53 21.75-33.3 25.23-7.82 1.83-12.47-.79-13.12-5.93-.55-4.45 2.29-9.06 6-9.06 3.02 0 5.6-1.68 15.38-9.16 1.47-1.12 2.57-1.96 3.66-2.74 4.4-3.2 7.77-5.17 10.82-6.08 5.57-1.67 9.33-2.15 11.35-1.22 2.5 1.14 2.22 4.13-.79 8.96zm-.84-.52c2.72-4.4 2.94-6.74 1.21-7.53-1.71-.79-5.32-.33-10.65 1.27-2.9.87-6.2 2.79-10.51 5.92-1.08.79-2.18 1.62-3.65 2.74-10.08 7.72-12.62 9.36-15.98 9.36-3.02 0-5.5 4.02-5 7.94.56 4.5 4.62 6.78 11.89 5.07 14.48-3.4 24.86-12.18 32.69-24.77zM461.17 33.53c13.88 4.96 20.75 4.96 31.62.01 3.02-1.37 5.47-2.94 11-6.82 5.57-3.92 8.05-5.51 11.14-6.92 4.14-1.88 7.78-2.38 11.22-1.28 3.92 1.26 6.2 12.3 6.78 28.45.5 14.2-.52 28.93-2.46 34.2-1.82 4.93-5.86 8.17-11.51 10.02A41.7 41.7 0 0 1 506 93.01c-5.79 0-9 2.4-12.2 7.64-.37.59-1.55 2.6-1.71 2.87-1.75 2.9-3.05 4.33-4.93 4.95-.94.32-2.07.83-3.87 1.74l-2.43 1.23c-1.03.53-1.87.94-2.7 1.34-6.43 3.1-11.73 4.72-17.16 4.72-5.71 0-10.04 2.09-14.02 5.92-1.16 1.11-4.2 4.53-4.63 4.94-2.54 2.44-5.93 4.24-10.85 6.1-1.4.52-5.98 2.13-6.25 2.22l-2.06.78c-.89.36-1.78.63-2.7.81-5.55 1.14-11.14-.54-17.98-4.42-1.27-.73-5.13-3.06-5.76-3.42-2.05-1.16-4.12-1.53-9.09-1.9l-1.73-.15c-4.78-.4-7.68-1.14-10.22-2.97-5-3.61-6.77-7.76-5.65-12.33 1.33-5.42 6.5-11.02 14.85-17.28a169.2 169.2 0 0 1 6.5-4.61c-.33.23 4.33-2.92 5.3-3.6 2.73-1.91 4.8-3.9 12.75-12.04l1.09-1.1c3.49-3.56 5.89-5.89 8.12-7.83 2.9-2.5 4.72-5.95 7.5-13.05l.63-1.61c2.7-6.92 4.28-10 6.87-12.33 1.42-1.28 6.68-6.54 7.93-7.5 3.98-3 8.01-2.73 19.57 1.4zm-.34.94c-11.26-4.02-15-4.28-18.62-1.53-1.19.9-6.4 6.11-7.88 7.43-2.42 2.18-3.96 5.19-6.6 11.95l-.63 1.61c-2.83 7.26-4.72 10.8-7.77 13.45a141.85 141.85 0 0 0-9.16 8.87c-8.02 8.2-10.08 10.2-12.88 12.16-.99.69-5.65 3.84-5.31 3.6-2.5 1.71-4.52 3.13-6.47 4.59-8.17 6.13-13.23 11.6-14.48 16.72-1.02 4.15.58 7.9 5.26 11.27 2.36 1.7 5.11 2.4 9.72 2.8l1.73.13c5.12.4 7.28.78 9.5 2.05.65.36 4.5 2.7 5.76 3.4 6.66 3.78 12.04 5.4 17.29 4.32.86-.17 1.7-.42 2.52-.75a67 67 0 0 1 2.1-.8c.28-.1 4.86-1.7 6.24-2.22 4.8-1.8 8.08-3.56 10.5-5.88.4-.38 3.44-3.8 4.63-4.94 4.16-4 8.72-6.2 14.72-6.2 5.25 0 10.42-1.59 16.73-4.62.82-.4 1.65-.8 2.68-1.33.12-.06 1.93-.99 2.43-1.23 1.84-.93 3-1.46 4-1.8 1.6-.52 2.76-1.82 4.39-4.52l1.7-2.88c3.39-5.5 6.87-8.11 13.07-8.11 4.45 0 8.73-.49 12.64-1.77 5.4-1.76 9.2-4.8 10.9-9.41 1.87-5.11 2.9-19.75 2.39-33.83-.56-15.53-2.81-26.48-6.08-27.52-3.18-1.02-6.57-.55-10.5 1.23-3.02 1.37-5.47 2.94-11 6.83-5.57 3.92-8.05 5.5-11.14 6.92-11.13 5.05-18.26 5.05-32.38.01zM475 55c5.38 0 7.55-.21 9.72-.96 1.26-.43 9.95-4.8 14.88-6.96 1.9-.82 3.56-2.44 6.6-6.04 2.56-3.04 3.19-3.75 4.4-4.84 3.7-3.35 7.07-3.28 10.22 1.23 6.23 8.9 5.61 15.94.07 27.02a71.26 71.26 0 0 0-2.5 5.48c-.32.8-1 2.7-1.09 2.9-.17.45-.34.81-.54 1.17-.63 1.14-1.56 2.21-4.05 4.7-2.4 2.4-5.16 3.27-11.68 4.33-1.81.3-2.2.36-3 .51-6.02 1.1-9.6 2.69-12.24 6.07-3.57 4.59-7.9 7.48-14.98 10.74-.55.24-1.1.5-1.8.8l-1.78.8a60.08 60.08 0 0 0-7.7 3.9c-2.57 1.6-4.79 2.35-9.42 3.46-8.58 2.06-12.28 3.76-17.37 9.36-5.12 5.64-10.17 7.64-16.63 6.7-5.36-.79-10.63-3.01-23.56-9.48-6.3-3.15-6.43-7.78-1.5-13.56 3.38-3.94 3.52-4.06 19.4-16.44 8.12-6.33 12.97-10.57 16.63-14.88 2.53-2.98 4.2-5.73 4.96-8.3 5.5-18.3 12.5-21.98 22.78-15.56 1.95 1.22 6.61 4.55 7.18 4.9 3.36 2.15 6.52 2.95 13 2.95zm0 2c-6.84 0-10.37-.89-14.08-3.26-.63-.4-5.27-3.71-7.16-4.9-9.05-5.65-14.66-2.7-19.8 14.45-.86 2.87-2.67 5.85-5.35 9.01-3.78 4.45-8.7 8.75-16.94 15.17-15.66 12.21-15.86 12.38-19.1 16.16-4.17 4.9-4.09 8 .88 10.48 12.71 6.35 17.89 8.54 22.94 9.28 5.78.84 10.18-.9 14.87-6.06 5.42-5.96 9.45-7.82 18.38-9.96 4.43-1.07 6.5-1.76 8.83-3.22a61.7 61.7 0 0 1 7.94-4.02l1.78-.8 1.78-.8c6.82-3.13 10.91-5.87 14.24-10.14 3-3.87 7-5.64 13.46-6.82.83-.15 1.21-.21 3.04-.51 6.1-1 8.6-1.78 10.58-3.77 2.36-2.36 3.21-3.34 3.72-4.26.15-.27.29-.56.44-.94.06-.15.75-2.06 1.09-2.9.64-1.6 1.45-3.4 2.57-5.64 5.24-10.49 5.8-16.8.07-24.98-2.4-3.44-4.37-3.48-7.24-.89-1.11 1-1.73 1.7-4.22 4.65-3.24 3.85-5.04 5.59-7.32 6.59-4.82 2.1-13.62 6.53-15.03 7.01-2.44.84-4.79 1.07-10.37 1.07zm-12.7 8.6c5.47 3.9 10.34 3.72 18.23.88 5.39-1.94 5.92-2.1 7.7-2.1 2.5-.01 4.21 1.36 5.24 4.46 1.66 4.98-2.32 8.52-12.3 12.68-2.7 1.13-16.25 6.18-20 7.73-7.86 3.24-13.93 6.42-18.87 10.15-13.02 9.84-18.36 11.93-23.71 9.68a24.67 24.67 0 0 1-3.62-1.98l-1.99-1.28a90.4 90.4 0 0 0-2.24-1.4c-3.33-2-2.82-4.28.85-7.34 1.35-1.13 10.66-7.61 13.53-9.91 7.1-5.69 11.91-11.47 14.41-18.34 3.07-8.45 4.89-12.1 6.8-13.39 1.73-1.16 3.36-.53 6.18 1.9.63.56 3.4 3.08 4.11 3.7 1.93 1.7 3.71 3.15 5.67 4.55zm-.6.8c-1.98-1.42-3.79-2.88-5.74-4.6-.73-.64-3.48-3.16-4.1-3.7-2.5-2.16-3.75-2.65-4.97-1.83-1.66 1.11-3.44 4.7-6.42 12.9-2.57 7.07-7.5 12.99-14.72 18.78-2.91 2.33-12.21 8.8-13.52 9.9-3.22 2.68-3.56 4.17-.97 5.72l2.26 1.4 1.99 1.28c1.47.93 2.48 1.5 3.47 1.91 4.9 2.07 9.96.07 22.72-9.56 5.02-3.79 11.15-7 19.1-10.28 3.76-1.55 17.3-6.6 20-7.72 9.5-3.97 13.14-7.2 11.73-11.44-.9-2.71-2.25-3.8-4.3-3.79-1.6 0-2.15.17-7.36 2.05-8.17 2.94-13.34 3.14-19.16-1.01z'%3E%3C/path%3E%3C/svg%3E");
  transition: all 0.25s ease-in-out;
  }
  
  .sign p {
      margin: 0;
  }
  
  .sign:hover {
     transform: skew(3deg) scale(1.1);
  }
  
  .ature, .ature a, .ature a:visited {
      color: #c4161c;
      font-size: 1.1em;
      font-family: 'Secular One', sans-serif;
  }
  

  Pages using this styling

  • more-by:rounderhouse [info]
  • scp-5140-j [info]

  ¶ 2 occurrences
  

  :root {
  /*hover boarder*/
      --basalt-UI-dark-palette: 207, 181, 59;
  /*links and highlights*/
      --basalt-bright-element-color: 207, 181, 59;
  /*scrollbar*/
      --basalt-dark-element-color: 207, 181, 59;
  /*general border color*/
      --general-border-color: 255, 223, 0;
  
  }

  Pages using this styling

  • mordecais-red-flag [info]
  • yellow-tale [info]

  ¶ 2 occurrences
  

  sup {
  vertical-align: top; position: relative; top: -0.5em;
  }
  :root{
  --cutColour: #fafafa;
  --barColour: #590505;
  }
  .translation_block{
  display:none;}
  
  #page-content .info-container {
      --link-color: rgb(var(--swatch-text-general));
  }
  
  #page-content .info-container .translation_block {
      display: none;
  }
  
  #page-content .info-container .collapsible-block-link,
  #page-content .info-container:hover .collapsible-block-link {
      line-height: 1.6em;
  }
  
  #page-content .info-container .collapsible-block-folded,
  #page-content .info-container .collapsible-block-unfolded-link {
      display: grid;
  }
  
  #page-content .info-container .collapsible-block-folded .collapsible-block-link,
  #page-content .info-container .collapsible-block-link {
      -webkit-mask: unset;
              mask: unset;
      background: transparent;
      grid-column: 1;
      grid-row: 1;
      opacity: 0;
  }
  
  #page-content .info-container .collapsible-block-folded::before,
  #page-content .info-container .collapsible-block-unfolded-link::before {
      --wght: 800;
      content: "djkaktus";
      color: #FFFFFF;
      font-family: Inter, Arimo, Verdana, Geneva, "Helvetica Neue", "Helvetica", Arial, sans-serif;;
      display: block;
      pointer-events: none;
      grid-column: 1;
      grid-row: 1;
  }

  Pages using this styling

  • moonrise [info]
  • starch-and-cream [info]

  ¶ 2 occurrences
  

  
  .info-container{
  --barColour: #336;
  --linkColour: #FFF;
  }
  
  #page-content .info-container .translation_block {
      display: none;
  }
  #page-content .info-container .collapsible-block-link,
  #page-content .info-container:hover .collapsible-block-link {
      line-height: 1.6em;
  }
  #page-content .info-container .collapsible-block-folded,
  #page-content .info-container .collapsible-block-unfolded-link {
      display: grid;
      background: #336;
  }
  #page-content .info-container .collapsible-block-folded .collapsible-block-link,
  #page-content .info-container .collapsible-block-link {
      -webkit-mask: unset;
      mask: unset;
      background: transparent;
      grid-column: 1;
      grid-row: 1;
      opacity: 0;
  }
  #page-content .info-container .collapsible-block-folded::before,
  #page-content .info-container .collapsible-block-unfolded-link::before {
      --wght: 800;
      content: "MisterFrown";
      color: #fff;
      font-family: Inter, Arimo, Verdana, Geneva, "Helvetica Neue", "Helvetica", Arial, sans-serif;
      display: block;
      pointer-events: none;
      grid-column: 1;
      grid-row: 1;
  }
  

  Pages using this styling

  • misterfrown-s-dumb-proposal [info]
  • misterfrown-s-dumbest-proposal [info]

  ¶ 2 occurrences
  

  
  .red {
      float: center;
      border: solid 2px #000000;
      padding: 1px 15px;
      margin: 10px;
      box-shadow: 0 1px 3px rgba(0,0,0,.2);
  }
  
  .email {
      border: solid 2px #000000;
      width: 88%;
      padding: 1px 15px;
      margin: 25px auto;
      box-sizing: border-box;
      box-shadow: 0 1px 3px rgba(0,0,0,.5);
  }
  
  .tofrom {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px maroon}
  

  Pages using this styling

  • mirror-to-america [info]
  • project-proposal-2021-001 [info]

  ¶ 2 occurrences
  

  .linkTrickster a:link{color: #6600CC}
  .linkTrickster a:newpage{color: #B2CCFF}
  .linkTrickster a:visited{color: #0000B2}
  .linkTrickster a:hover{color: #9F99FF}

  Pages using this styling

  • mirror-in-your-mind [info]
  • scp-148-de [info]

  ¶ 2 occurrences
  

  #extra-div-3 {
  background-image: url(https://scp-wiki.wdfiles.com/local--files/cotsk-hub/cotsk.png);
  background-size: contain;
  background-repeat: no-repeat
  }
  #page-content a:not([href*="user"]):not([href*="javascript:;"]):not([href="/classification-committee-memo"]) {
      color: #FFFFFF;
  }

  Pages using this styling

  • metal-and-hellfire [info]
  • the-darkness-after [info]

  ¶ 2 occurrences
  

  :root { --header-h1-font-size: calc(var(--base-font-size) * (40 / 11));
  --header-title: "Children of the Scarlet King";
  }

  Pages using this styling

  • metal-and-hellfire [info]
  • the-darkness-after [info]

  ¶ 2 occurrences
  

  /*
      Site 23 Theme
      Powered on 2020/02/25 17:46:33
      [2020 Wikidot Theme]
      Created by Mew-ltiverse
      CC BY-SA 3.0
  */
   
  #header {background-image: url(https://firedawnfolder.wikidot.com/local--files/sigma:theme-test/23Yeety2.png);} 
   
  div#header h1 a span {
      font-size: 0px;
  }
  div#header h1 a:before {
      content: "Site-23";
      color: #eee;
   
  }
  div#header h2 span {
      font-size:0px;
      padding: 4px;
  }
  div#header h2:after {
      content: "The Third-Eye of Technology";
      font-weight: bold;
      color: rgb(245, 249, 248);
      padding: 19px 0;
      text-shadow: 1px 1px 1px rgba(0, 0, 0, .8);
      white-space: pre;
  }

  Pages using this styling

  • messaging-crustaceans [info]
  • scp-5551 [info]

  ¶ 2 occurrences
  

  
  @import url('https://fonts.googleapis.com/css2?family=Silkscreen:wght@400;700&display=swap');
  
  .pixeltext {
  font-family: "Silkscreen";
  font-size: 110%;
  }
  

  Pages using this styling

  • memory-7469-30 [info]
  • the-hardest-thing-you-will-ever-do-is-attempt-to-love-yourse [info]

  ¶ 2 occurrences
  

  .hover {
  text-decoration: none;
      border-bottom: none;
      color:black;
  }
  .hover:hover {
       text-decoration: none;
      border-bottom: none;
      color:#004c00;
  }
  
  .hover span {    display: none;}
  .hover:hover span {
      position: absolute;
      display: inline;
      margin: 20px 0px;
      height: auto;
      width: auto;
      background: #FFF;
      border: 1px solid #000;
      color: black;
      padding: 0.5em;
  }
  .hover:hover span span {
      position: relative;
      margin: auto;
      height: auto;
      width: auto;
      border: none;
      padding: 0;
  }

  Pages using this styling

  • memetics-and-infohazards-division-orientation [info]
  • scp-2947 [info]

  ¶ 2 occurrences
  

  :root {
      /* REDMODE */
      --basalt-UI-dark-palette: 50, 45, 45;
      --basalt-bright-element-color: 215, 40, 40;
      --basalt-primary-color: 15, 10, 12;
      --basalt-secondary-color: 40, 20, 23;
      --basalt-tertiary-color: 50, 40, 40;
      --general-border-color: 80, 70, 70;
  }

  Pages using this styling

  • me-oi [info]
  • scp-6655 [info]

  ¶ 2 occurrences
  

  :root {
    --header-title: "SCP FOUNDATION";
    --lgurl: url("https://scp-wiki.wdfiles.com/local--files/math-department-hub/Math%20Department%20Logo%20-%20Penumbra.png");
    --header-subtitle: "DEPARTMENT OF MATHEMATICS";
    --accentColor: #1eb5e8;
    /* --header-subtitle: "DEPARTMENT OF APPLIED MATHEMATICS"; */
    /* --accentColor: #65cdf0; */
    /* --header-subtitle: "DEPARTMENT OF ESOTERIC MATHEMATICS"; */
    /* --accentColor: #0099cc; */
    /* --header-subtitle: "DEPARTMENT OF TACTICAL MATHEMATICS"; */
    /* --accentColor: #636fee; */
  }
  
  /* Bottom Rating Module */
  .bottom-rating-module {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-block: 1rem;
  }
  
  .bottom-rating-module .page-rate-widget-box {
    margin: 0;
  }
  
  /* Article-Specific Styling */
  .invisitext {
    color: var(--darkerColor);
  }
  

  Pages using this styling

  • mathematics-glossary [info]
  • mathematics-writing-guide [info]

  ¶ 2 occurrences
  

  :root {
       font-size: 14px;
  }

  Pages using this styling

  • masterpiece [info]
  • project-proposal-2014-012 [info]

  ¶ 2 occurrences
  

  .page_listing{
      transition: box-shadow .3s;
      border: solid 2px white;
      border-radius: 10px;
      padding: 10px;
      margin: 10px;
      text-align: center;
  }
  .page_listing:hover {
      box-shadow: 0 0 15px white;
  }

  Pages using this styling

  • marceline-raynes-author-page [info]
  • nddragoon-s-cringe-cave [info]

  ¶ 2 occurrences
  

  #page-content .collapsible-block {  
    max-width: 100%;
      /* text-align: left; */
      text-align: center;
  text-color: black;
      border-color: #000000;
      border: solid 1px #000000;
      background-color: #f5f5f5;
  }
  .collapsible-block-content p {
      text-align: left;
         margin-left: 7px; 
     margin-right: 7px;
  padding-left: 10px;
      padding-right: 10px;
  }
  table.wiki-content-table { 
     margin-left: 7px; 
     margin-right: 7px;
     background-color: #ffffff;
  }

  Pages using this styling

  • maim-the-sky-slay-the-sun-hub [info]
  • muckscape-megagrid-mayhem-hub [info]

  ¶ 2 occurrences
  

  
  [[module CSS]]
  
  .body-text {
      margin: 2% 13% 2% 9%;
      padding: 5px 20px 5px 20px;
      background-color: #f2f2f2;
      color: #111;
  }
  
  .text4desk {
      width: 70%;
      margin: auto;
  }
  
  @media only screen and (max-width: 600px) {
  
      .body-text {
          margin: 0% 4% 0% 4%;
      }
  
      .text4desk {
          width:100%;
      }
  
  }

  Pages using this styling

  • lte-6679-otranto-silver [info]
  • soi-004 [info]

  ¶ 2 occurrences
  

  :root { --body-font: 'Noto Sans Cuneiform', 'Inter', 'Arial', sans-serif; 
    --header-height: clamp(10rem,55vmin,40rem);
    --header-image: url("https://scp-wiki.wikidot.com/local--files/medea-filicidium/banner.jpg");
    --footer-image: url("https://scp-wiki.wikidot.com/local--files/seas-of-orcadia-hub/Artemis.png");
  }
  
  #footer, #extrac-div-1, #extrac-div-1 span {
      background-image: var(--footer-image);
      background-size: 100vmax;
      background-attachment: fixed;
      background-position: bottom;
      height: clamp(10rem,55vmin,30rem);
      background-repeat: no-repeat;
  }
  #extra-div-1 {
      background-position: top;
  }
  .text-blur { filter: blur(.175rem); }

  Pages using this styling

  • love-across-a-nonbinary-spectrum [info]
  • medea-filicidium [info]

  ¶ 2 occurrences
  

  :root {
     --blue-grey: 10, 10, 16;
     --blue-gun: 65, 70, 89;
     --blue-highlighter: 158, 174, 219;
     --sterile-container: 160, 190, 217;
  
     --logo-image: url("");
     --header-title: " ";
     --header-subtitle: " ";
  
     --swatch-background: var(--blue-grey);
  
      --hover-link-color: var(--blue-highlighter);
      --newpage-color: var(--sterile-container);
      --link-color: var(--sterile-container);
      --visited-link-color: var(--grey-child);
  
      --swatch-topmenu-bg-color: var(--blue-gun);
      --swatch-topmenu-border-color: var(--blue-gun);
  }
  
  #page-title::after, .meta-title::after,
  #page-title::before, .meta-title::before {
     background: rgb(var(--believe-white));
  }
  
  #header h1 a {
     width: 370%;
     background-image: url("https://scpdsandbox.wdfiles.com/local--files/juck-test-alt/logo-scpf.png");
     background-size: auto calc(var(--header-height-on-desktop) - 3rem);
     margin: auto;
     background-position: center center;
  }
  
  #extra-div-1 {
     background-size: calc(var(--header-height-on-desktop) * 4);
     background-image: url("https://scpdsandbox.wdfiles.com/local--files/juck-test-alt/grid-new.png");
     mix-blend-mode: normal;
     opacity: 0.375;
  }

  Pages using this styling

  • london-calling [info]
  • london-s-burning [info]

  ¶ 2 occurrences
  

  .page {
      display: block;
      overflow: hidden;
      font-family: "Monotype Corsiva", "Bradley Hand ITC", sans-serif;
      font-style: normal;
      background-attachment: scroll;
      background-clip: border-box;
      background-color: transparent;
      background-image: linear-gradient(to top ,rgb(202, 219, 228) 0%, rgb(231, 233, 220) 8%);
      background-origin: padding-box;
      background-position: 0px 8px;
      background-repeat: repeat;
      background-size: 100% 20px;
      border: 1px solid #CCC;
      border-radius: 10px;
      padding: 10px 10px;
      margin-bottom: 10px;
      box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2)
  }
  .page p,
  .page ul {
      line-height: 20px;
      margin: 0;
  }
  .orderwrapper {position: relative;width: auto;text-align: center;}.council1 {position: relative;top: 0;bottom: 0;left: 0;right: 0;width: 295px;height: 295px;margin: auto;background-image: url( "https://kaktuskontainer.wdfiles.com/local--files/format-hell/scp_trans.png" );background-size: 295px 295px;background-repeat: no-repeat;background-position: center;}.ordertitle {position: absolute;left: 0;right: 0;top: 38px;}.ordertitle h1 {font-size: 220%;color: #555;}.orderdescription {position: absolute;left: 0;right: 0;top: 85px;width: 100%;}.orderdescription p {font-size: 90%;color: #555;}.orderdescription h1 {font-size: 120%;color: #555;}.itemno {position: absolute;left: 0;right: 0;bottom: 27px;}.itemno h1 {font-size: 170%;color: #555;}

  Pages using this styling

  • log-of-extranormal-events [info]
  • log-of-extranormal-events-vol-ii [info]

  ¶ 2 occurrences
  

  :root {
  
      --a: 0, 0, 0;
      --b: 188, 188, 188;
      --c: 228, 228, 228;
  
  div[class$="_warn"] {
      background: var(--warn-logo) rgba(var(--warn-color), 1);
      background-size: contain;
      background-position: top center;
      background-repeat: no-repeat;
      min-height: 4rem;
      margin-inline: auto;
      margin-block: 2rem;
      padding-inline: 20px;
      padding-block: 10px;
      border: solid 2px rgba(0, 0, 0, 0.1);
      text-align: center;
  }
  
  div[class$="_warn"]::before {
      content: var(--warn-heading);
      font-family: var(--UI-font);
      font-weight: 900;
      font-size: 1.3em;
      text-align: center;
      margin: 0 auto 1rem auto;
      display: flex;
      flex-direction: column;
      padding-top: 0.5em;
  }
  
  div.raisa_warn {
      --warn-heading: "NOTICE FROM THE RECORDS AND INFORMATION SECURITY ADMINISTRATION";
      --warn-logo: url(https://scp-wiki.wikidot.com/local--files/theme:basalt/RAISA_LIGHTLOGO.png);
      --warn-color: 242, 242, 192;
  }
  
  div.modal {
      display: block;
      margin-inline: auto;
      margin-block: 1.4rem;
      padding-inline: 1.5rem;
      padding-block: 0.5rem;
      background-color: rgb(var(--c));
      border: solid 0.2rem rgb(var(--b));
      color: rgb(var(--a));
  }

  Pages using this styling

  • limbs-outstretched-towards-eden [info]
  • scp-8910 [info]

  ¶ 2 occurrences
  

  .row {
    display: flex;
  }
  
  .column {
    flex: 60%;
  border:1px solid black;
  padding:5px;
  }
  .column.lc{
  flex:40%;
  }
  
  @media screen and (max-width: 600px) {
  .row {
    flex-direction:column;
  }
  .column{
    flex: 100%;
  }
  }

  Pages using this styling

  • life-can-be-a-surprise [info]
  • wake-up [info]

  ¶ 2 occurrences
  

      .rmposttitle {
          width: auto;
          height: auto;
          padding: 0px 20px 0px 20px;
      }
  

  Pages using this styling

  • larue-hub [info]
  • plaidypus-author-page [info]

  ¶ 2 occurrences
  

  #header {
      background-image: url(http://scp-wiki.wdfiles.com/local--files/component%3Ascp-trans-pride/TransSCPlogo.png)
  }
  
  #footer {
      font-size: x-small;
      background: #ffafc7;
      color: black;
  }
  
  #footer a {
      color: #e51f47;
  }
  
  #license-area {
      font-size: x-small;
      background: #5bcefa;
      color: black;
  }
  
  #license-area a {
      color: #056c94;
  }

  Pages using this styling

  • kyoufu-0 [info]
  • true-trans-soul-rebel [info]

  ¶ 2 occurrences
  

  
  :root {
      --fade-in-delay: 0.05s;
  }
  
  /* SLIDE SHOW - BASIC FORMAT FOR VIEWPORT */
  .yui-navset .yui-nav li, .yui-navset .yui-navset-top .yui-nav li {
      flex-grow: 0 !important;
  }
  
  .yui-navset-top {
      container-type: inline-size;
  }
  
  .yui-nav {
      display: flex;
      justify-content: space-between;
      align-items: baseline;
      bottom-border-width: 0px;
  }
  
  .yui-nav li {
      display: none !important;
      margin: 0 !important;
  }
  
  .yui-nav li.selected {
      display: inline-block !important;
  }
  
  .yui-content {
      display: grid;
      padding: 0em !important;
      min-width: 110%;
      margin-left: -5%;
      max-width: 120%;
      border: 2px solid #333 !important;
  }
  
  @container (width >= 1em) {
      .yui-content {
          min-height: calc(60cqw * 1.1);
          max-height: calc(60cqw * 1.1);
          margin-top: -73cqw;
      }
      .yui-nav {
          margin-top: 69cqw !important;
  }
  }
  
  .debugNote {
      margin: auto;
      display: none;
  }
  
  @media (max-width: 600px) {
      .debugNote {
          display: block;
  }
  
  }
  
  /* Slide Visuals CSS */
  .slideContainer {
      display: grid;
      grid-template-columns: 1fr 1fr 1fr 1fr;
      grid-template-rows: 1fr 1fr 1fr 1fr;
      height: 100%;
      width: 100%;
      background-size: cover;
      background-position: center;
      background-image: url(https://scp-wiki.wdfiles.com/local--files/kill-agents-and-you/2560px-Pseudo_Kleinian_OpenCL_214854124_25K.jpg);
      background-blend-mode: saturation;
      background-color: #00000040;
      color:white;
  }
  
  .slideContainer p, .slideContainer li {
      font-size: 1.3em;
      line-height: 1.6;
  }
  
  .slideAInner {
      grid-area: 1 / 1 / 5 / 5;
      margin: auto 1.5em;
      padding: 0.5em 1em;
      border: solid 1px black;
      background: rgb(210 210 210 / 30%);
  }
  
  .slideBInnerLeft {
      grid-area: 1 / 1 / 5 / 3;
      margin: 1.5em 0.5em 1.5em 1.5em;
      padding: 0.5em 1em;
      border: solid 1px black;
      background: rgb(210 210 210 / 30%);
  }
  .slideBInnerRight {
      grid-area: 1 / 3 / 5 / 5;
      margin: 1.5em 1.5em 1.5em 0.5em;
      padding: 0.5em 1em;
      border: solid 1px black;
      background: rgb(210 210 210 / 30%);
  }
  
  .slideCInner {
      grid-area: 2 / 1 / 4 / 5;
      margin: auto 1.5em;
      padding: 0.5em 1em;
      border: solid 1px black;
      align-content: center;
      text-align: center;
      background: rgb(210 210 210 / 30%);
  }
  
  .slideDInner {
      grid-area: 5 / 1 / 5 / 5;
      margin: auto 1.5em;
      padding: 0.5em 1em;
      border: solid 1px black;
      background: rgb(210 210 210 / 30%);
  }
  
  .slideEInnerLeft {
      grid-area: 1 / 1 / 5 / 1;
      margin: 1.5em -1.5em 1.5em 1.5em;
      padding: 0.5em 1em;
      border: solid 1px black;
      border-right-width: 0px;
      background: rgb(210 210 210 / 30%);
  }
  .slideEInnerRight {
      grid-area: 1 / 2 / 5 / 5;
      margin: 1.5em;
      padding: 0.5em 1em;
      border: solid 1px black;
      background: rgb(210 210 210 / 30%);
  }
  
  .slideFInnerTitle {
      grid-area: 1 / 1 / 2 / 5;
      margin: 1.5em 1.5em 0em 1.5em;
      padding: 0.5em 1em;
      border: solid 1px black;
      background: rgb(210 210 210 / 30%);
      text-align:center;
  }
  .slideFInnerBody {
      grid-area: 2 / 1 / 5 / 5;
      margin: 1em 1.5em 1.5em 1.5em;
      padding: 0.5em 1em;
      border: solid 1px black;
      background: rgb(210 210 210 / 30%);
  }
  .slideGInnerTitle {
      grid-area: 1 / 1 / 2 / 5;
      margin: auto 1.5em 0em 1.5em;
      padding: 0.5em 1em;
      border: solid 1px black;
      background: rgb(210 210 210 / 30%);
      text-align:center;
  }
  .slideGInnerLeft {
      grid-area: 2 / 1 / 5 / 3;
      margin: 1em 0.5em auto 1.5em;
      padding: 0.5em 1em;
      border: solid 1px black;
      background: rgb(210 210 210 / 30%);
  }
  .slideGInnerRight {
      grid-area: 2 / 3 / 5 / 5;
      margin: 1em 1.5em auto 0.5em;
      padding: 0.5em 1em;
      border: solid 1px black;
      background: rgb(210 210 210 / 30%);
  }
  
  .titleSlide {
      grid-area: 2 / 1 / 4 / 5;
      margin: auto 1.5em;
      padding: 0.5em 1em;
      align-content: center;
      text-align: center;
      background: rgb(0 0 0 / 30%);
  }
  
  /* Individual Slide Logic */
  .yui-nav:nth-child(1) {
  
  /*Slide 1*/
  li.selected:nth-of-type(1) + li:nth-of-type(2) {
      display: inline-block !important;
  }
  
  /*Slide 2*/
  li:nth-of-type(1):has(+ li.selected:nth-of-type(2)){
      display: inline-block !important;
  }
  li.selected:nth-of-type(2) + li:nth-of-type(3) {
      display: inline-block !important;
  }
  
  /*Slide 3*/
  li:nth-of-type(2):has(+ li.selected:nth-of-type(3)){
      display: inline-block !important;
  }
  li.selected:nth-of-type(3) + li:nth-of-type(4) {
      display: inline-block !important;
  }
  
  /*Slide 4*/
  li:nth-of-type(3):has( + li.selected:nth-of-type(4)){
      display: inline-block !important;
  }
  li.selected:nth-of-type(4) + li:nth-of-type(5) {
      display: inline-block !important;
  }
  
  /*Slide 5*/
  li:nth-of-type(4):has( + li.selected:nth-of-type(5)){
      display: inline-block !important;
  }
  li.selected:nth-of-type(5) + li:nth-of-type(6) {
      display: inline-block !important;
  }
  
  /*Slide 6*/
  li:nth-of-type(5):has( + li.selected:nth-of-type(6)){
      display: inline-block !important;
  }
  li.selected:nth-of-type(6) + li:nth-of-type(7) {
      display: inline-block !important;
  }
  
  /*Slide 7*/
  li:nth-of-type(6):has( + li.selected:nth-of-type(7)){
      display: inline-block !important;
  }
  li.selected:nth-of-type(7) + li:nth-of-type(8) {
      display: inline-block !important;
  }
  
  /*Slide 8*/
  li:nth-of-type(7):has( + li.selected:nth-of-type(8)){
      display: inline-block !important;
  }
  li.selected:nth-of-type(8) + li:nth-of-type(9) {
      display: inline-block !important;
  }
  
  /*Slide 9*/
  li:nth-of-type(8):has( + li.selected:nth-of-type(9)){
      display: inline-block !important;
  }
  li.selected:nth-of-type(9) + li:nth-of-type(10) {
      display: inline-block !important;
  }
  
  /*Slide 10*/
  li:nth-of-type(9):has( + li.selected:nth-of-type(10)){
      display: inline-block !important;
  }
  li.selected:nth-of-type(10) + li:nth-of-type(11) {
      display: inline-block !important;
  }
  
  /*Slide 11*/
  li:nth-of-type(10):has( + li.selected:nth-of-type(11)){
      display: inline-block !important;
  }
  li.selected:nth-of-type(11) + li:nth-of-type(12) {
      display: inline-block !important;
  }
  
  /*Slide 12*/
  li:nth-of-type(11):has( + li.selected:nth-of-type(12)){
      display: inline-block !important;
  }
  li.selected:nth-of-type(12) + li:nth-of-type(13) {
      display: inline-block !important;
  }
  
  /*Slide 13*/
  li:nth-of-type(12):has( + li.selected:nth-of-type(13)){
      display: inline-block !important;
  }
  li.selected:nth-of-type(13) + li:nth-of-type(14) {
      display: inline-block !important;
  }
  
  /*Slide 14*/
  li:nth-of-type(13):has( + li.selected:nth-of-type(14)){
      display: inline-block !important;
  }
  li.selected:nth-of-type(14) + li:nth-of-type(15) {
      display: inline-block !important;
  }
  
  /*Slide 15*/
  li:nth-of-type(14):has( + li.selected:nth-of-type(15)){
      display: inline-block !important;
  }
  li.selected:nth-of-type(15) + li:nth-of-type(16) {
      display: inline-block !important;
  }
  
  /*Slide 16*/
  li:nth-of-type(15):has( + li.selected:nth-of-type(16)){
      display: inline-block !important;
  }
  li.selected:nth-of-type(16) + li:nth-of-type(17) {
      display: inline-block !important;
  }
  
  /*Slide 17*/
  li:nth-of-type(16):has( + li.selected:nth-of-type(17)){
      display: inline-block !important;
  }
  li.selected:nth-of-type(17) + li:nth-of-type(18) {
      display: inline-block !important;
  }
  
  /*Slide 18*/
  li:nth-of-type(17):has( + li.selected:nth-of-type(18)){
      display: inline-block !important;
  }
  li.selected:nth-of-type(18) + li:nth-of-type(19) {
      display: inline-block !important;
  }
  
  /*Slide 19*/
  li:nth-of-type(18):has( + li.selected:nth-of-type(19)){
      display: inline-block !important;
  }
  li.selected:nth-of-type(19) + li:nth-of-type(20) {
      display: inline-block !important;
  }
  
  /*Slide 20*/
  li:nth-of-type(19):has( + li.selected:nth-of-type(20)){
      display: inline-block !important;
  }
  li.selected:nth-of-type(20) + li:nth-of-type(21) {
      display: inline-block !important;
  }
  
  /*Last Slide*/
  li:nth-last-of-type(2):has( + li.selected:nth-last-of-type(1)) {
      display: inline-block !important;
  }
  
  }
  
  /* Radian Conditional Collapsibles Code */
  body:has(.lightSwitch .collapsible-block-unfolded[style="display: block;"]),
  body:has(.lightSwitch .collapsible-block-unfolded[style=""]) {
      background-color: rgb(196 202 195);
      background-blend-mode: difference;
  }
  

  Pages using this styling

  • kill-agents-and-you [info]
  • vktm-is-for-the-children [info]

  ¶ 2 occurrences
  

  :root {
  --logo-image: url("https://scp-wiki.wdfiles.com/local--files/the-appliance-war-hub/37NONUMBERSVG.svg");
  }

  Pages using this styling

  • khaziaprilfools [info]
  • scp-7119 [info]

  ¶ 2 occurrences
  

  :root {
       --header-title: "SITE-37";
       --header-subtitle: "We’re The Problems.";
      --bright-accent: 151, 206, 142;
      --medium-accent: 151, 206, 142;
      --dark-accent: 151, 206, 142;
  }

  Pages using this styling

  • khaziaprilfools [info]
  • scp-7119 [info]

  ¶ 2 occurrences
  

  .page {
      display: block;
      overflow: hidden;
      font-family: "Monotype Corsiva", "Bradley Hand ITC", sans-serif;
      font-style: normal;
  
      background-attachment: scroll;
      background-clip: border-box;
      background-color: transparent;
      background-image: linear-gradient(to top ,rgb(202, 219, 228) 0%, rgb(231, 233, 220) 8%);
      background-origin: padding-box;
      background-position: 0px 8px;
      background-repeat: repeat;
      background-size: 100% 20px;
  
      border: 1px solid #CCC;
      border-radius: 10px;
      padding: 10px 10px;
      margin-bottom: 10px;
      box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2)
      }
  .page p,
  .page ul {
      line-height: 20px;
      margin: 0;
  }

  Pages using this styling

  • job-interview [info]
  • nevermeltice44-s-humorous-author-page [info]

  ¶ 2 occurrences
  

  @import url('https://fonts.googleapis.com/css?family=Karla&display=swap');
  
  .poem {
    width: 50%;
    margin: 10px auto;
    border: 1px solid #c9c9c9;
    background: #ebebeb;
    padding: 10px 20px 10px 20px;
    font-family: '', sans-serif;  
    font-size: 1.2em;
    letter-spacing: -0.05em;
    text-align: center;
  }

  Pages using this styling

  • its-halloween [info]
  • scp-5699 [info]

  ¶ 2 occurrences
  

  :root {
      --cutColour: #fafafa;
      --barColour: #590505;
  }
  
  .text-fade {
      -webkit-mask-image: linear-gradient(to bottom, rgb(0,0,0,1), rgba(0,0,0,0) 100%);
  }
  
  .footnotes-footer {display:none;}
  
  a.collapsible-block-link {font-weight: 600;}
  
  span, a { word-break: normal; }
  
  /* Make superscripts not fuck with the line spacing */
  sup {
    vertical-align: top;
    position: relative;
    top: -0.5em;
  }
  
  /* Haha blue boi */
  .outside {
    margin: 2em -6em;
    padding: 1em 10em;
    --narration-color: rgba(214, 234, 248,1);
    background: var(--narration-color);
    background: linear-gradient(90deg, rgba(255,255,255,0) 0%, var(--narration-color) 20%, var(--narration-color) 80%, rgba(255,255,255,0) 100%);
    z-index: -2;
  }
  
  /* Make the blue bois that are within the document have smaller margins so they break flow less*/
  .outside.inline {
    margin: 1em -6em;
    padding: 1px 10em;
  }
  
  /* Force the side bar to render on top of the blue bois */
  #side-bar {
    z-index: 2;
  }
  
  :root {
    --accentColor: #50C878;
  }
  
  #page-title {
      display: none;
  }

  Pages using this styling

  • it-will-all-be-okay [info]
  • scp-6822 [info]

  ¶ 2 occurrences
  

  @import url('https://fonts.googleapis.com/css?family=Cinzel');
  @import url('https://fonts.googleapis.com/css?family=Anton');
  @import url('https://fonts.googleapis.com/css?family=Pinyon+Script');
  @import url('https://fonts.googleapis.com/css?family=Lato:400,900|PT+Mono|Poppins:600,800');
  @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@900&family=Raleway:wght@700&family=Roboto:wght@900&display=swap');
  
  /*
      The Anton font was created by Vernon Adams and is licensed under the Open Font License
      The Cinzel font was created by Natanael Gama and is licensed under the Open Font License
      The Pinyon Script font was created by Nicole Fally and is licensed under the Open Font License
  */
  
  .email {border: solid 2px #000000; width: 88%; padding: 1px 15px; margin: auto; box-shadow: 0 1px 3px rgba(0,0,0,.5)}
  .email-example a.collapsible-block-link {font-weight: bold;}
  .tofrom {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px rgb(140, 20, 140)}
  .tofrom2 {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px maroon}
  
  .footnotes-footer {
  display: none;
  }
  
  th {
  text-align: center;
  }

  Pages using this styling

  • it-s-always-darkest [info]
  • nexus-hyperline [info]

  ¶ 2 occurrences
  

  
  :root {
    --accentColor: #1EB5E8;
    --darkColor: #101112; 
    --darkerColor:#020203;
  }
  
  body {
      font-family: 'Inter', sans-serif;
      font-size: .9325rem;
      color: #dedede;
      accent-color: var(--accentColor);
  }
  
  :root {
  --header-title: "SCP Foundation";
  --header-subtitle: "Secure. Contain. Protect.";
  }
  :root {
  --logo-image: url("https://cdn.scpwiki.com/theme/en/black-highlighter/img/logo.svg");
  
  }

  Pages using this styling

  • iszths-personnel-file [info]
  • scp-7894 [info]

  ¶ 2 occurrences
  

  @import url('https://fonts.googleapis.com/css?family=Berkshire+Swash');
  @import url('https://fonts.googleapis.com/css2?family=Aladin&display=swap');
  
  .wonder {
      border: solid 1px #999999;
      background:#f2f2c2;
      padding: 5px;
      margin-bottom: 10px;
  }
  
  .wonder h4 {
       color: #780d8e;
       font-family: 'Berkshire Swash', cursive;
  }

  Pages using this styling

  • isabel-v-fights-art-block [info]
  • scp-4225 [info]

  ¶ 2 occurrences
  

  .sign {
      margin-bottom: 1.25rem;
  }

  Pages using this styling

  • interregnum-blackstar [info]
  • interregnum-everest [info]

  ¶ 2 occurrences
  

  :root {
       --header-title: "THE FOUNDATION";
       --header-txt-color: #FFFFFF;
       --misc-txt-color: #FFFFFF;
       --darkmode-gradient-top: #FF00CA;
       --darkmode-gradient-bottom: #000000;
       --accent: 255, 89, 220
  }

  Pages using this styling

  • interconstelation-man [info]
  • scp-7574 [info]

  ¶ 2 occurrences
  

  @import url(https://scp-wiki.wdfiles.com/local--code/info%3Astyle/1);

  Pages using this styling

  • info:start [info]
  • info:start-standalone [info]

  ¶ 2 occurrences
  

  .footnotes-footer {
  display:none;
  }
  

  Pages using this styling

  • inbox [info]
  • scp-4704 [info]

  ¶ 2 occurrences
  

  .imagediv { float: right; margin: 15px}
  @media (max-width: 540px) {
    .imagediv {
      float: none; text-align:center; margin: auto;
    }
  }
  
  div#header h1 a span {
      font-size: 0px;
  }
  div#header h1 a:before {
      content: "Site-87 Network";
      color: #eee;
      
  }
  div#header h2 span {
      font-size:0px;
      padding: 4px;
  }
  div#header h2:after {
      content: "Nexological Studies";
      font-weight: bold;
      color: #f0f0c0;
      padding: 19px 0;
      text-shadow: 1px 1px 1px rgba(0, 0, 0, .8);
      white-space: pre;
  }
  
  #header {
    background-image: url(https://scp-wiki.wdfiles.com/local--files/not-my-sloths-not-my-pit/87.png)
  }

  Pages using this styling

  • if-you-don-t-know-the-words [info]
  • not-my-sloths-not-my-pit [info]

  ¶ 2 occurrences
  

  #header h1 a::before {
      content: "Dread and Circuses";
      color: #fff;
      text-shadow: 3px 3px 5px #000;
  }
  #header h2 span::before {
      content: "Memories of Laughter";
      color: #eee;
      text-shadow: 3px 3px 5px #000;
  }
  
  #header h1 a, #header h2 span {
      color: transparent;
      text-shadow: none;
      line-height: 0px;
      max-height: 0px;
  }
  
  #page-title {
      display: none;
  }
  
  #header {
      background-image: url('https://scp-wiki.wdfiles.com/local--files/dread-circuses-hub/D%26CTent1.png');
      background-position-y: 2em;
  }
  
  @media (max-width: 750px) {
      #header {
          background-position-y:3.6em;
      }
      #header h1 {
          font-size: 1.3em;
      }
      #header h2 span {
          padding: 13px 0;
      }
  }

  Pages using this styling

  • icky-tells-all [info]
  • scp-8311 [info]

  ¶ 2 occurrences
  

  @import url('https://fonts.googleapis.com/css2?family=Tangerine&display=swap');
  
  :root{
  --lgurl: url(https://www.foxcubgames.com/wp-content/uploads/2019/02/transparent-square.png);
  --header-title: "SCP Foundation";
  --header-subtitle: "Conservationis Oblivio Contra";
  }
  
  .boarderlessdiv {
    color: black;
    font-family: "Tangerine", serif;
    font-weight: 700;
    font-size: 170%

  Pages using this styling

  • i-never-told-you-what-i-do-for-a-living [info]
  • scp-8774 [info]

  ¶ 2 occurrences
  

  @import url(http://community.wdfiles.com/local--code/howto:inline-hover-tips);

  Pages using this styling

  • hub-madao [info]
  • scp-140-it [info]

  ¶ 2 occurrences
  

  :root { --body-font: 'Noto Sans Cuneiform', 'Inter', 'Arial', sans-serif; 
    --header-height: clamp(10rem,55vmin,40rem);
    --header-image: url("https://scp-wiki.wikidot.com/local--files/hotter-than-hell/Hege%20and%20Triemedes.jpeg");
  }
  #extra-div-1 {
      background-position: top;
  }

  Pages using this styling

  • hotter-than-hell [info]
  • lets-get-physical [info]

  ¶ 2 occurrences
  

  @import url('https://fonts.googleapis.com/css?family=Ruslan+Display');
  .shadow { 
      font-family: 'Ruslan Display', cursive;
      font-size: 110%;
  }
  
  .icepick-author { 
      display: none; 
  }
  
  .orderwrapper {position: relative;width: auto;text-align: center;}.council1 {position: relative;top: 0;bottom: 0;left: 0;right: 0;width: 295px;height: 295px;margin: auto;background-image: url( "https://kaktuskontainer.wdfiles.com/local--files/format-hell/scp_trans.png" );background-size: 295px 295px;background-repeat: no-repeat;background-position: center;}.ordertitle {position: absolute;left: 0;right: 0;top: 38px;}.ordertitle h1 {font-size: 220%;color: #555;}.orderdescription {position: absolute;left: 0;right: 0;top: 85px;width: 100%;}.orderdescription p {font-size: 90%;color: #555;}.orderdescription h1 {font-size: 120%;color: #555;}.itemno {position: absolute;left: 0;right: 0;bottom: 27px;}.itemno h1 {font-size: 170%;color: #555;}
  

  Pages using this styling

  • hollow-knife [info]
  • scp-4494 [info]

  ¶ 2 occurrences
  

  .sent .text {
    border-bottom-right-radius: 3px;
    background-color: #3DDC84;
    color: white;
  }
  
  .interview{
      border:solid 2px #d4d4d4;
      background:#F5F5F5;
      width:90%;
      padding:1px 15px;
      margin: 10px auto;
  }

  Pages using this styling

  • hogslice-makes-a-friend [info]
  • scp-8699 [info]

  ¶ 2 occurrences
  

   :root{
     --lgurl: url(https://lafundacionscp.wdfiles.com/local--files/component%3Acentered-header-sigma-9/logo.svg);
  }

  Pages using this styling

  • history-lesson [info]
  • scp-7428 [info]

  ¶ 2 occurrences
  

  .imagediv { float: right; margin: 15px}
  @media (max-width: 540px) {
    .imagediv {
      float: none; text-align:center; margin: auto;
    }
  }
  
  div#header h1 a span {
      font-size: 0px;
  }
  div#header h1 a:before {
      content: "Site-79 Network";
      color: #eee;
      
  }
  div#header h2 span {
      font-size:0px;
      padding: 4px;
  }
  div#header h2:after {
      content: "Nexus Containment";
      font-weight: bold;
      color: #f0f0c0;
      padding: 19px 0;
      text-shadow: 1px 1px 1px rgba(0, 0, 0, .8);
      white-space: pre;
  }
  
  #header {
    background-image: url(https://scp-wiki.wdfiles.com/local--files/ready-or-not/79.png)
  }

  Pages using this styling

  • here-i-come [info]
  • ready-or-not [info]

  ¶ 2 occurrences
  

  .lilflash {
      border-left: solid 3px rgb(197, 0, 11);
      border-right: solid 3px rgb(197, 0, 11);
      padding: 25px 25px 25px 25px;
      box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
      margin: auto;
      background: #f7f7f7;
  }
  .udoflash {
      border-left: solid 3px rgb(255, 149, 14);
      border-right: solid 3px rgb(255, 149, 14);
      padding: 25px 25px 25px 25px;
      box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
      margin: auto;
      background: #f7f7f7;
  }
  .delflash {
      border-left: solid 3px rgb(43, 95, 179);
      border-right: solid 3px rgb(43, 95, 179);
      padding: 25px 25px 25px 25px;
      box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
      margin: auto;
      background: #f7f7f7;

  Pages using this styling

  • harry-birthday [info]
  • testing-the-margins [info]

  ¶ 2 occurrences
  

  :root {
      --header-subtitle: "Telecommunications Monitoring Office";
      --logo-image: url("http://filedmns2.wikidot.com/local--files/dokumentoz/TMOwhite.png");
  }

  Pages using this styling

  • hanging-on-the-telephone [info]
  • maria-a-tale-of-the-tmo [info]

  ¶ 2 occurrences
  

  @import url('https://scpko.wdfiles.com/local--files/unfont/UnGungseo.css');

  Pages using this styling

  • gumiho [info]
  • searching-for-the-demon-foxes-1 [info]

  ¶ 2 occurrences
  

  div#header h1 a span {
      font-size: 0px;
  }
  div#header h1 a:before {
      content: "MTF Alpha-9";
      color: #eee;
      font-family: jostregular;    
  }
  div#header h2 span {
      font-size:0px;
      padding: 4px;
  }
  div#header h2:after {
      content: "Last Hope";
      font-weight: bold;
      font-size: 15px;
      font-family: jostregular;
      color: #eee;
      border-color: rgba(0,0,0,0.267);
  }
  #page-title {
      display: show;

  Pages using this styling

  • guilt-trip [info]
  • scp-093-orange-test [info]

  ¶ 2 occurrences
  

  .enlarge{
  transition: .25s;
  }
  
  .enlarge:hover{
  transform: scale(2);
  transition: .25s;
  transition-delay: .4s;
  z-index: 1000;
  }
  

  Pages using this styling

  • guide-to-mixed-sources [info]
  • her [info]

  ¶ 2 occurrences
  

  .navbox {
      display: block;
      float: right;
      width: auto;
      margin: 0.5rem;
      padding: 0 0.5rem;
      text-align: center;
      background:#bfbfbf47;
      border: 2px solid #828282;
  }

  Pages using this styling

  • guide-for-newcomers [info]
  • guide-for-reading [info]

  ¶ 2 occurrences
  

  #header h2 span::before {
      content: 'Unusual Incidents Unit, San Fransico Office ';
      color: #F1F1F1;
      text-shadow: 1px 1px 1px rgba(0,0,0,.8);
      padding-inline-start: 30px;
  }

  Pages using this styling

  • grappling-hooks-and-toasters [info]
  • moth-coffee [info]

  ¶ 2 occurrences
  

  :root {
  --sp_header-height: 250px;
  }
  
  #extrac-div-1 { display: none; }
  #header {
      grid-template-rows: auto 2fr auto auto 1fr auto;
  }
  #header::before {
      align-self: center;
      mix-blend-mode: normal;
  }

  Pages using this styling

  • goodbye-yellow-brick-road [info]
  • scp-7342 [info]

  ¶ 2 occurrences
  

  @import url('https://fonts.googleapis.com/css?family=Handlee|Kalam&display=swap');
  .page {
      display: block;
      overflow: hidden;
      font-family: 'Kalam', cursive;
      font-style: normal;
  
      background-attachment: scroll;
      background-clip: border-box;
      background-color: transparent;
      background-image: linear-gradient(to top ,rgb(202, 219, 228) 0%, rgb(231, 233, 220) 8%);
      background-origin: padding-box;
      background-position: 0px 8px;
      background-repeat: repeat;
      background-size: 100% 20px;
  
      border: 1px solid #CCC;
      border-radius: 10px;
      padding: 10px 10px;
      margin-bottom: 10px;
  
      box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2)
      }
  .page p {
      line-height: 20px;
      margin: 0;
      font-size: 150%
  }
  
  span{ display: inline-block; }
  .fliph {
    -moz-transform: scale(-1, 1);
    -webkit-transform: scale(-1, 1);
    -o-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    transform: scale(-1, 1);
    }

  Pages using this styling

  • goodbye-nightflower-beginnings [info]
  • goodbye-nightflower-the-shining-city [info]

  ¶ 2 occurrences
  

   :root{
   /* -- COLORS -- */
       --accentColor: hsl(240, 100%, 66%);
       --accentColorLite: hsla(240, 100%, 75%, 0.5);
       --hue: 235deg;
  
  /* -- LOGO -- */
       --lgurl: url(https://i.imgur.com/pjxrB4u.png);
  
  /* -- TITLES -- */
        --header-title: "KEPLER -- SYSTEM";
       --header-subtitle: "Healthcare - Science - Synthetics";
       
  }

  Pages using this styling

  • glory-at-my-knees [info]
  • yamete-kudasai [info]

  ¶ 2 occurrences
  

  @import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&display=swap');
  
  :root {
   --header-title: "G.O.F.";
   --header-subtitle: "Govern. Occlude. Fortify.";
   --lgurl: url("https://scp-sandbox-3.wdfiles.com/local--files/olympic-error-gof-site-19/GOF%20BANNER%20NEON");
   --accentColor: 178, 255, 255;
  }
  
  
  #page-content {
  .roboto-medium {
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    font-style: normal;
  }
  }
  

  Pages using this styling

  • glen-and-glenda [info]
  • glenda-and-the-darkness [info]

  ¶ 2 occurrences
  

  .light {display:block; background:#fffafa; color: #08090a; padding: 5px 10px 5px 10px; border: solid 1px pink}
  .lightquote {color: #839496; background-color: #F8F9F9;border: solid 3px #EBEDEF;border-radius: 10px; padding: 0px 5px 0px 5px; width: 85%; margin: 0px 0px 5px; font-size: 110%}
  .lighthighlight {background-color: #F8F9F9; color: #939BA6; font-family:monospace; font-size: 125%}
  .user1 {font-weight: bold;color: #c0e3ea}
  .user2 {font-weight: bold;color: #ff0066}
  .tag {color: #7289DA}

  Pages using this styling

  • girly-girlz-be-just-like-your-doll [info]
  • we-can-t-plan-out-our-lives-or-can-we [info]

  ¶ 2 occurrences
  

  @import url(/component:scp-pride/code/1);
  
  #page-title {
    display: none;
  }
  .meta-title {
    border-bottom: solid 1px #bbbbbb;
    color: #990011;
    font-weight: normal;
    margin: 0 0 0.6em;
    padding: 0 0 0.25em;
    font-size: 200%;
  }
  .meta-title p {
    margin: 0;
  }

  Pages using this styling

  • gentle-wings-flutter-quietly-in-the-dark [info]
  • sc-paper [info]

  ¶ 2 occurrences
  

  .scp-image-block.block-right{
      margin: 0 0 1em;
  }
  @keyframes fade-in {
      0% {opacity: 0;}
      50% {opacity: 0;}
      100% {opacity: 1;}}
  
  .hidden {color: transparent; transition: 1s;}
  .hidden:hover {color: inherit; transition: 1.5s;}
  
  /* Credit to James Kanjo for the inline hover tip CSS, found here:
  http://community.wikidot.com/howto:inline-hover-tips */
  
  .hover {color: inherit; transition: 1s;}
  .hover:hover {color: transparent; transition: 1s;}
  .hover span {display: none;}
  .hover:hover span {position: absolute; display: inline; background-color: transparent; color: #000; animation: fade-in 1s;}
  .hover:hover span span {position: relative;}

  Pages using this styling

  • funny-art-by-etoile [info]
  • is-this-thing-on [info]

  ¶ 2 occurrences
  

  #page-content a {
    color: #ffbebe;
  }
  
  :is(div.rate-box-with-credit-button div.page-rate-widget-box,div.page-rate-widget-box) :is(.rateup,.ratedown,.cancel) a {
    color: transparent !important;
  }
  
  #toc-list a {
    color: black !important;
  }
  
  

  Pages using this styling

  • fuck-the-staples-out-of-me [info]
  • oxytocin-neurotoxins [info]

  ¶ 2 occurrences
  

  
  .description > :not(.preview) { display: none!important; }
  .description > .preview {
      display: block;
      padding-block: .125rem;
      font-size: .875em;
      text-align: start;
      margin-inline-start: 1.5rem;
  }
  .preview > p {
      margin-block: .55em;
  }
  .preview > p:first-child { margin-block-start: .25em; }
  .preview > p:last-child { margin-block-end: .25em; }
  

  Pages using this styling

  • from-120-s-archives-hub [info]
  • workbench:psibench [info]

  ¶ 2 occurrences
  

  div.transparent-box-example {
      border: 1px solid #ccc;
      padding: 0.5em;
      margin: 0.25em;
  }

  Pages using this styling

  • fresh-blood [info]
  • scp-style-resource [info]

  ¶ 2 occurrences
  

  .archive {
    color: black;
    background-color: white;
    width: 80%;
    margin: auto;
    border-radius: 30px;
    border: 1px solid black;
    filter: drop-shadow(0 0 10px black);
    max-width: 50%;
    padding: 10px;
    font-size: 75%;
    text-align: center;
    margin-bottom: 30px;
  }
  

  Pages using this styling

  • fragment:y-ai-4 [info]
  • fragment:y-ai-5 [info]

  ¶ 2 occurrences
  

  .bang {
    padding: 0px;
    width: 15px;
    transform: scale(50);
    pointer-events: none;
  }
  .bang {
    padding: 0px;
    width: 15px;
    transform: scale(100);
    pointer-events: none;
  }
  
  @media screen and (max-width: 768px) {
  
     /*css specific to small screens under 768px width here*/
  
     .bang {
       padding: 0px;
       width: 15px;
       transform: scale(25);
       pointer-events: none;
     }
  
  }

  Pages using this styling

  • fragment:wizardcollab-3 [info]
  • scp-6825 [info]

  ¶ 2 occurrences
  

  :root {
      --logo-image: url("https://scp-wiki.wdfiles.com/local--files/sol-invictus/MammonAestheticLogo.png");
      --header-title: " Mammon™";
      --header-subtitle: "POTESTAS OPULENTIIS";
  }
  
  #page-title {
      display: none;
  }
  
  .BadBitch{
      color: black;
      position: relative;
      margin-left: 20px;
      margin-bottom: 20px;
      padding-left: 20px;
      background-color: #870F06;
      width: 88%;
      text-align: left;
      font: 400 .9em 'Open Sans', sans-serif;
      border: 1px solid #870F06;
  }
  
  .BadBitch:after {
      content: '';
      position: absolute;
      width: 0;
      height: 0;
      border-top: 15px solid #870F06;
      border-left: 15px solid transparent;
      border-right: 15px solid transparent;
      top: 0;
      left: -15px;
  }
  
  .BadBitch:before {
      content: '';
      position: absolute;
      width: 0;
      height: 0;
      border-top: 17px solid #870F06;
      border-left: 16px solid transparent;
      border-right: 16px solid transparent;
      top: -1px;
      left: -17px;
  }
  
  .SpiderBitch{
      color: #870F06;
      position: relative;
      margin-bottom: 20px;
      margin-left: 20px;
      padding-left: 20px;
      background-color: #FF3483;
      width: 88%;
      text-align: left;
      font: 400 .9em 'Open Sans', sans-serif;
      border: 1px solid #FF3483;
  }
  
  .SpiderBitch:after {
      content: '';
      position: absolute;
      width: 0;
      height: 0;
      border-bottom: 15px solid #FF3483;
      border-left: 15px solid transparent;
      border-right: 15px solid transparent;
      bottom: 0;
      right: -15px;
  }
  
  .SpiderBitch:before {
      content: '';
      position: absolute;
      width: 0;
      height: 0;
      border-bottom: 17px solid #FF3483;
      border-left: 16px solid transparent;
      border-right: 16px solid transparent;
      bottom: -1px;
      right: -17px;
  }

  Pages using this styling

  • fragment:sol-invictus-1 [info]
  • fragment:sol-invictus-3 [info]

  ¶ 2 occurrences
  

  .map {
    filter: grayscale(1) brightness(1.2) contrast(1.2);
  }
  .map__room {
    background-color: transparent;
    border: none;
    pointer-events: none;
    color: black;
    content: none;
  }
  
  .footage__instruct, .footage__selectors {
    display: none;
  }

  Pages using this styling

  • fragment:site-69-footage-12 [info]
  • fragment:site-69-footage-13 [info]

  ¶ 2 occurrences
  

  :root {
      --header-title: "SCP Foundation";
      --header-subtitle: "SECURE - CONTAIN - PROTECT";
  }
  
  #page-content div.bigmodal {
      max-width: 57rem;
  }
  
  div.bigmodal {
      display: block;
      margin-inline: auto;
      margin-block: 1.4rem;
      padding-inline: 1.5rem;
      padding-block: 0.5rem;
      background-color: rgb(var(--basalt-primary-color));
      border: solid 0.15rem rgb(var(--general-border-color));
      color: rgb(var(--basalt-main-text-color));
  }

  Pages using this styling

  • fragment:scp-9822-o1 [info]
  • fragment:scp-9822-o8 [info]

  ¶ 2 occurrences
  

  .yui-navset.yui-navset-top .yui-content {
      background-color: #000000;
  }
  
  body {
  
      background-image: url(https://scp-sandbox-3.wdfiles.com/local--files/the-concrete-baby/concretebackground.png);
      background-attachment: fixed;
      background-size: cover;
  }
  
  body:before {
    content: ' ';
    position: fixed;
    display: block;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(170deg, transparent, rgb(0, 0, 0) 65%, rgb(0, 0, 0) 45%, rgb(0, 0, 0) 62%);
    z-index: -1;
    color:#EDEDED;
  }
  
  :root{
  --logo: url(https://scp-wiki.wdfiles.com/local--files/scp-8253/logoUTS.png);
  --title: "UNORTHODOX SOLUTIONS";
  --subtitle: "Do The Unthinkable";
  }
  
  :root {
      /* REDMODE */
      --basalt-UI-dark-palette: 20, 18, 18;
      --basalt-bright-element-color: 57, 58, 66;
      --basalt-dark-element-color: 17, 17, 18;
      --basalt-primary-color: 22, 26, 29;
      --basalt-secondary-color: 11, 13, 14;
      --basalt-tertiary-color: 11, 13, 14;
      --general-border-color: 230, 226, 218;
  }
  
  
  a:link {
    color: #f2b90c;
  }
  a:visited {
    color: #f0d686;
  }
  a:hover {
    color: #f2b90c;
  }
  a:active {
    color: #f2b90c;
  }
  

  Pages using this styling

  • fragment:scp-9730-1 [info]
  • scp-9730 [info]

  ¶ 2 occurrences
  

  .danke {
      padding: 5px;
      margin-bottom:10px;
      font-family: monospace;
      font-size: 1.1em;
  }
  
  .agent {
      background-color:#161a1d;
      border: 3px solid #55AA55;
      color: #77CC77;
  }
  
  .site {
      background-color:#161a1d;
      border: 3px solid #AAAA55;
      color: #DDDD77;
  }

  Pages using this styling

  • fragment:scp-9730-1 [info]
  • scp-9730 [info]

  ¶ 2 occurrences
  

  
  .scp-image-block.block-center img {
      height: auto !important;
  }
  
  .yui-content {
    background-color: #161a1d;
  }
  

  Pages using this styling

  • fragment:scp-9730-1 [info]
  • scp-9730 [info]

  ¶ 2 occurrences
  

  .danke {
      padding: 5px;
      margin-bottom:10px;
      font-family: monospace;
      font-size: 1.1em;
  }
  
  .vita {
      background-color:#86C5D8;
      border: 3px solid #ADD8E6;
      color: #253e53;
  }
  
  .site {
      background-color:#222200;
      border: 3px solid #AAAA55;
      color: #DDDD77;
  }

  Pages using this styling

  • fragment:scp-9730-1 [info]
  • scp-9730 [info]

  ¶ 2 occurrences
  

  @import url('https://fonts.googleapis.com/css2?family=Rokkitt:wght@300;500;800&display=swap');
  
  :root {
      
      --main-content-width: 60rem;
  
      --body-font: 'Rokkitt', serif;
      --header-font: 'Rokkitt', serif;
      --UI-font: 'Rokkitt', serif;
      
      --basalt-UI-background-color: 0, 0, 0;
      --basalt-primary-color: 5, 5, 5; 
      --basalt-secondary-color: 0, 0, 0;
      --basalt-tertiary-color: 10, 10, 10;
      --header-background-color: 0, 0, 0;
      
      --basalt-page-content-font-weight: 500;
  }
  
  body {
      background-color: black;
  }
  
  h1, h2, h3, h4, h5, h6, #page-title {
      letter-spacing: 0.1em;
      text-transform: uppercase;
  }
  
  .footer-wikiwalk-nav {
      opacity: 0;
      animation: fadeIn 5s ease-in 1s forwards;
  }
  
  @keyframes fadeIn {
      from {
          opacity: 0;
      }
      to {
          opacity: 1;
      }
  }

  Pages using this styling

  • fragment:scp-9464-0 [info]
  • fragment:scp-9464-accessibility [info]

  ¶ 2 occurrences
  

  .page {
      display: block;
      overflow: hidden;
      font-family: "Monotype Corsiva", "Bradley Hand ITC", sans-serif;
      font-style: normal;
      background-attachment: scroll;
      background-clip: border-box;
      background-color: transparent;
      background-image: linear-gradient(to top ,rgb(22, 190, 219) 0%, rgb(255, 255, 255) 8%);
      background-origin: padding-box;
      background-position: 0px 8px;
      background-repeat: repeat;
      background-size: 100% 20px;
      border: 1px solid #CCC;
      border-radius: 10px;
      padding: 10px 10px;
      margin-bottom: 10px;
      box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2)
  }
  .page p,
  .page ul {
      line-height: 20px;
      margin: 0;
  }

  Pages using this styling

  • fragment:scp-935-1 [info]
  • fragment:scp-935-2 [info]

  ¶ 2 occurrences
  

  @import url('https://fonts.googleapis.com/css2?family=Mrs+Saint+Delafield&display=swap');

  Pages using this styling

  • fragment:scp-935-1 [info]
  • fragment:scp-935-2 [info]

  ¶ 2 occurrences
  

  @supports(--css:variables) {
  :root {
    /* Header */
    --header-title: "Bowe Commission";
    --header-subtitle: "Spearheading Contemporary Parasecurity";
    --logo-image: url("https://scp-sandbox-3.wdfiles.com/local--files/collab%3Ascp-935-rewrite/BoweComission_normlsize.png");
  

  Pages using this styling

  • fragment:scp-935-1 [info]
  • fragment:scp-935-2 [info]

  ¶ 2 occurrences
  

  @import url('https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap');

  Pages using this styling

  • fragment:scp-9191-3 [info]
  • fragment:scp-9191-4 [info]

  ¶ 2 occurrences
  

  :root{
   --accentColor: 150,20,10;
  --header-subtitle: "TO MAINTAIN THE NORMALCY";
  --lgurl: url(http://scp-wiki.wikidot.com/local--files/scp-6666/scpnewlogo.png);
  --dark-gray-monochrome: 30, 20, 20 ;
  ｝
  
  
  

  Pages using this styling

  • fragment:scp-9191-3 [info]
  • fragment:scp-9191-4 [info]

  ¶ 2 occurrences
  

  #side-bar .ios-cache-issue-notification {
    display: none !important;
  }

  Pages using this styling

  • fragment:scp-8980-1 [info]
  • fragment:scp-8980-2 [info]

  ¶ 2 occurrences
  

  :root {
      --timeScale: 1;
      --timeDelay: 0.5s;
  }

  Pages using this styling

  • fragment:scp-8929-0 (2) [info]
  • fragment:scp-8929-1 [info]

  ¶ 2 occurrences
  

  :root {
   --header-title: "SITE-632; ORDINARY UNORDINARY";
  }

  Pages using this styling

  • fragment:scp-8929-0 [info]
  • fragment:scp-8929-1 [info]

  ¶ 2 occurrences
  

  :root {
      --desktop-time: '1:50';
      --desktop-wallpaper: url("https://upload.wikimedia.org/wikipedia/commons/thumb/c/c1/George-peabody-library.jpg/1200px-George-peabody-library.jpg?20210529170100");
  }

  Pages using this styling

  • fragment:scp-8929-0 [info]
  • fragment:scp-8929-1 [info]

  ¶ 2 occurrences
  

  .creditRate {
  display: flex;
  float: none;
  justify-content: center;
  }
   :root{
     --header-title: "NO SALVATION";
     --header-subtitle: "Secure. Contain. Protect.";
     
  }
  :root{
    --base-color: rgb(100, 2, 15);
    --hover-color: rgb(133, 0, 5);
    --click-color: rgb(133, 0, 5);
  }
  .danke {
      padding: 5px;
      margin-bottom:10px;
      font-family: monospace;
      font-size: 1.1em;
  }
  
  .agent {
      background-color:#330001;
      border: 3px solid #ff0005;
      color: #f4f4f4;
  }
  
  .site {
      background-color:#222200;
      border: 3px solid #AAAA55;
      color: #DDDD77;
  }

  Pages using this styling

  • fragment:scp-8676-0 [info]
  • fragment:scp-8676-1 [info]

  ¶ 2 occurrences
  

  :root {
  --header-title: "SITE-225";
  --header-subtitle: "PROTECTING THE SMALL";
  --lgurl: url('http://scp-wiki.wikidot.com/local--files/secure-facility-dossier-site-225/225-logo');
  }

  Pages using this styling

  • fragment:scp-8548-0 [info]
  • fragment:scp-8548-1 [info]

  ¶ 2 occurrences
  

  :root {
      --header-title: "STARFALL";
      --header-subtitle: "heaven is crashing down";
      --logo-image: url(https://cdn.scpwiki.com/theme/en/black-highlighter/img/logo.svg);
  }

  Pages using this styling

  • fragment:scp-8425-1 [info]
  • salvation [info]

  ¶ 2 occurrences
  

  sup {
      vertical-align: top;
      position: relative;
      top: -0.5em;
  }
  
  :root {
      --cutColour: #fafafa;
      --barColour: #590505;
      --thaumiel: 0, 135, 189
  }
  
  .translation_block {
      display: none;
  }
  
  .info-container .collapsible-block-folded a {
      color: #FFF;
  }
  
  .info-container .collapsible-block-unfolded-link a {
      color: #FFF;
  }
  
  .info-container .collapsible-block-link,
  .info-container:hover .collapsible-block-link {
      line-height: 1.6em;
  }

  Pages using this styling

  • fragment:scp-8107-1 [info]
  • scp-5104 [info]

  ¶ 2 occurrences
  

  
   :root {
   	--accentColor: hsl(0, 80%, 60%);
   	--accentColorLite: hsla(0, 80%, 70%, 0.5);
   	--hue: 0deg;
  }
  

  Pages using this styling

  • fragment:scp-8066-3 [info]
  • scp-8066-fear-logs [info]

  ¶ 2 occurrences
  

  .fnnum::after, .fncon::before {
      content: counter(megacount, upper-roman);
  }
  .fnnum::after {
      color: rgb(var(--bright-accent));
  }
  .fncon::before, .fnnum:hover {
      background-color: rgb(var(--medium-accent));
  }
  .fncon {
      padding-top: 1rem;
      background: rgb(var(--dark-gray-monochrome));
      border: none;
  }

  Pages using this styling

  • fragment:scp-7503-3 [info]
  • scp-6503 [info]

  ¶ 2 occurrences
  

  
  /* SCP-7243 -  EXISTENTIAL ABATEMENT */
  /* ACCESSIBILITY PATCH */
  
  :is(.table1, .table2, .table3, .table4, .table5, .table6) h1 {
  color: inherit;
  }
  
  .packet {
  background: rgb(var(--basalt-tertiary-color));
  }
  
  .oracle-wave {
  background-image: linear-gradient(180deg, transparent 0%, rgba(0, 0, 0, 0.125) 100%);
  }
  
  .oracle-wave.end {
  background-image: linear-gradient(0deg, transparent 0%, rgba(0, 0, 0, 0.125) 100%);
  }
  

  Pages using this styling

  • fragment:scp-7243-1 [info]
  • fragment:scp-admonition-j-1 [info]

  ¶ 2 occurrences
  

  
  :root {
  
  --admo-backdrop: url(https://scp-wiki.wikidot.com/local--files/scp-7243/5y46584875-1.webp);
  
  --admo-color-bright: 117, 191, 151;
  --admo-color-dim: 20, 20, 20;
  --admo-color-dark: 0, 0, 0;
  --admo-color-alt: 100, 140, 110;
  
  --general-border-color: 60, 60, 60;
  --basalt-tertiary-color: 51, 54, 54;
  --darkdocument-background-color: 28, 28, 28;
  
  --one-color: var(--admo-color-bright) !important;
  
  --dougall: var(--admo-color-bright);
  --ngo: var(--two-color);
  --amelia: var(--four-color);
  --ilse: var(--five-color);
  --place: var(--six-color);
  
  }
  
  div.papernote {
  background-color: rgb(202, 202, 202);
  font-weight: 500;
  color: rgb(var(--basalt-light-text-color));
  }
  
  .icon-2 {
  filter: invert(0.75);
  }
  
  span.dd {
  color: rgb(var(--dougall));
  }
  
  span.ngo {
  color: rgb(var(--ngo));
  }
  
  span.at {
  color: rgb(var(--amelia));
  filter: grayscale(.33);
  }
  
  span.ir {
  color: rgb(var(--ilse));
  }
  
  span.mcd {
  color: rgb(var(--place));
  }
  
  .notation, .notation:is(.dd) {
  border-color: rgba(var(--dougall), .66);
  }
  
  .notation:is(.at) {
  border-color: rgba(var(--amelia), .66);
  }
  
  .notation:is(.ir) {
  border-color: rgba(var(--ilse), .66);
  }
  
  .notation:is(.mcd) {
  border-color: rgba(var(--place), .66);
  }
  
  @supports not (-webkit-touch-callout: none) {
  
  @media only screen and (min-width: 1025px) {
  
  :root {
  
  --rate-module-background-color: var(--basalt-primary-color), 0.85;
  --rate-module-text-color: 245, 245, 245;
  
  }
  
  #main-content {
  margin-top: 0 !important;
  }
  
  #page-content {
  padding-top: 0 !important;
  }
  
  #page-content > p:nth-of-type(1), #page-content > p:nth-of-type(2), #page-content > p:nth-of-type(3) {
  margin: 0;
  }
  
  .admo-episode_splash {
  position: relative;
  left: calc(-50vw + 50%);
  width: 100vw !important;
  height: calc(125vh - var(--header-final-height));
  max-width: 100vw !important;
  background-image: url(https://scp-wiki.wikidot.com/local--files/scp-7243/fucksplosion-4.webp);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
  margin-bottom: 15vh;
  }
  
  .admo-episode_splash:before {
  content: "";
  position: absolute;
  left: calc(-50vw + 50%);
  width: 100vw !important;
  height: calc(150vh);
  max-width: 100vw !important;
  background-image: linear-gradient(180deg, transparent 0%, transparent 100vh, rgb(var(--basalt-primary-color)) 130vh, rgb(var(--basalt-primary-color)) 133vh, transparent 100%);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  pointer-events: none;
  }
  
  .admo-episode_splash .admo-rate_splash {
  margin-top: -26vh;
  }
  
  .admo-episode_splash, .admo-intermission_splash {
  height: calc(110vh) !important;
  }
  
  .admo-episode_splash, .admo-accessibility a {
  color: rgb(var(--basalt-light-text-color));
  }
  
  }
  
  }
  

  Pages using this styling

  • fragment:scp-7243-0 [info]
  • fragment:scp-admonition-j-0 [info]

  ¶ 2 occurrences
  

  :root {
  
  --basalt-bright-element-color: 94, 125, 0;
      --basalt-dark-element-color: 46, 100, 44;
  }

  Pages using this styling

  • fragment:scp-7088-1 [info]
  • fragment:scp-7088-2 [info]

  ¶ 2 occurrences
  

  :root {
    --logo: url(http://scp-sandbox-3.wikidot.com/local--files/ozzylizard-2/CryptozoologyDivision2.png);
    --title: "SCP FOUNDATION";
    --subtitle: "CRYPTOZOOLOGY DIVISION";
  }

  Pages using this styling

  • fragment:scp-7088-1 [info]
  • fragment:scp-7088-2 [info]

  ¶ 2 occurrences
  

  
  
  #page-title {
      text-align: center;
  
  }

  Pages using this styling

  • fragment:scp-6998-2 [info]
  • this-page-doesn-t-exist-yet [info]

  ¶ 2 occurrences
  

  .email-example .collapsible-block-folded a.collapsible-block-link {
      animation: blink 0.8s ease-in-out infinite alternate;
  }
  @keyframes blink {
      0% { color: transparent; }
      50%, 100% { color: #b01; }
  }
  .email {border: solid 2px #000000; width: 88%; padding: 1px 15px; margin: 10px; box-shadow: 0 1px 3px rgba(0,0,0,.5)}
  .email-example a.collapsible-block-link {font-weight: bold;}
  .tofrom {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px maroon}
  .collapsible-block {
      position: relative;
      padding: 0.5em;
      margin: 0.5em;
      box-shadow: 2px 1.5px 1px rgba(176,16,0,0.7), 0 0 0px 1px lightgrey;
      overflow-wrap: break-word;
  }
   
  .collapsible-block-unfolded{
      color: black;
      overflow-wrap: break-word;
  }
   
  .collapsible-block-unfolded-link {
      text-align:center;
  }
   
  .collapsible-block-folded {
      text-align: center;
      color: #b01;
  }
   
  .collapsible-block-link {
      font-weight: bold;
      color: #b01;
      text-align: center;
  }
  
  #page-content .licensebox .collapsible-block {
      position: unset;
      padding: unset;
      margin: unset;
      box-shadow: unset;
  }
   
  .licensebox .collapsible-block-unfolded{
      color: inherit;
  }
   
  .licensebox .collapsible-block-unfolded-link {
      text-align: left;
  }
   
  .licensebox .collapsible-block-folded {
      text-align: left;
      color: inherit;
  }
   
  .licensebox .collapsible-block-link {
      color: inherit;
      text-align: left;
  }

  Pages using this styling

  • fragment:scp-6979-2 [info]
  • maxyfran73-author-page [info]

  ¶ 2 occurrences
  

  @import url('https://fonts.googleapis.com/css2?family=Share+Tech+Mono&display=swap');
  
  div.info-container > div.collapsible-block {
      padding: 0 !important;
      margin: 0 !important;
      box-shadow: none !important;
  }
  
  .center {
    margin-left: auto;
    margin-right: auto;
  }
  
  .type1 {
      display: block;
      overflow: hidden;
      font-family: 'Share Tech Mono', monospace;
      font-style: normal;
      font-size: 120%;
      border: 1px solid #CCC;
      border-radius: 10px;
      padding: 10px 10px;
      box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2)
  }
  
  .type1-background {
      content: "";
      background-attachment: scroll;
      background: url(http://firedawnfolder.wikidot.com/local--files/designated-successor/adminseal.jpg);
      background-size: 100%;
      background-repeat: no-repeat;
  }

  Pages using this styling

  • fragment:scp-6924-0 [info]
  • scp-4273 [info]

  ¶ 2 occurrences
  

   body{
       --white-bar: 200, 136, 9;
       --lg-bar: 200, 136, 9;
  }

  Pages using this styling

  • fragment:scp-6833-offset-2 [info]
  • fragment:scp-6833-offset-4 [info]

  ¶ 2 occurrences
  

   :root{
      --header-title: "SCP FOUNDATION";
       --header-subtitle: "DEPARTMENT OF UROLOGY";
  }

  Pages using this styling

  • fragment:scp-6833-offset-2 [info]
  • fragment:scp-6833-offset-4 [info]

  ¶ 2 occurrences
  

  #header h1 a {
      color: transparent;
      text-shadow: none;
  }
  #header h2 span {
      color: transparent;
      text-shadow: none;
  }
  #header {
      background-image: url('http://scpdsandbox.wdfiles.com/local--files/collab%3Aawd-dossier/AWD_Tiny.png');
  }
  #header h2 span::before {
      content: "Anomalous Weapons Development";
  }
  #header h1 a::before {
      content: "Area-34";
  }

  Pages using this styling

  • fragment:scp-6821-1 [info]
  • fragment:scp-6821-2 [info]

  ¶ 2 occurrences
  

  @import url(https://fonts.googleapis.com/css2?family=Satisfy&display=swap);
  
  .email-example .collapsible-block-folded a.collapsible-block-link {
      animation: blink 0.8s ease-in-out infinite alternate;
  }
  @keyframes blink {
      0% { color: transparent; }
      50%, 100% { color: #b01; }
  }
  .email {border: solid 2px #000000; width: 88%; padding: 1px 15px; margin: 10px; box-shadow: 0 1px 3px rgba(0,0,0,.5)}
  .email-example a.collapsible-block-link {font-weight: bold;}
  .tofrom {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px maroon}
  
  .blinkylink a {animation: blink 0.8s ease-in-out infinite alternate;}
  @keyframes blink {     0% { color: transparent; }     50%, 100% { color: #b01; } }
  
  .sfondo3{
      background-color: #fff6d4;
      color: #5a2d0c;
      width: 90%;
      padding-top: 2px;
      padding-right: 30px;
      padding-bottom: 30px;
      padding-left: 30px;
      margin: 0 auto;
  }
  
  .testo3{
      font-family: 'Satisfy';
      font-weight: normal;
      font-size: 25px;
      line-height: 100%;
  }

  Pages using this styling

  • fragment:scp-6709-1 [info]
  • scp-8844 [info]

  ¶ 2 occurrences
  

  sup {
      vertical-align: top;
      position: relative;
      top: -0.5em;
  }
  
  :root {
      --cutColour: #fafafa;
      --barColour: #590505;
  }
  
  .info-container .collapsible-block-folded a {
      color: #FFF;
  }
  
  .info-container .collapsible-block-unfolded-link a {
      color: #FFF;
  }
  
  .info-container .collapsible-block-link,
  .info-container:hover .collapsible-block-link {
      line-height: 1.6em;
  }

  Pages using this styling

  • fragment:scp-6483-1 [info]
  • scp-5484 [info]

  ¶ 2 occurrences
  

  /* Flopstyle: LITE
   * [2020 Wikidot Theme]
   * Created by Lt Flops
   * Select CSS Styles Are Credited Where Necessary
   * -- (CC BY-SA 3.0) --
  **/
   
  /* -------- SIDE-BAR -------- */
   #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'
  **/
   .anchor{
       position: -webkit-sticky;
       position: sticky;
       top: 0;
   
       z-index: 5;
  }
   .authorbox,
   .sidebox{
       position: absolute;
       width: calc((100vw - 870px) / 2);
       max-height: calc(100vh - 18rem);
       margin-right: 8px;
       padding: .3em 1.64em;
   
       box-sizing: border-box;
   
       z-index: 5;
  }
   .authorbox{
       top: .5em;
       right: 103.5%;
       max-width: calc((100vw - 921.2px) / 2) !important;
       padding-right: 1em;
   
       font-size: 95%;
  }
   .sidebox{
       left: 103.5%;
       margin-left: 1em;
       padding-left: 1em;
   
       background: hsl(0, 0%, 100%);
       border: 1px solid hsl(0, 0%, 73%);
       border-left: 8px solid var(--accentColor);
  }
   .authorbox tr th,
   .authorbox tr td,
   .sidebox tr th,
   .sidebox tr td{
       padding: .25em !important;
  }
   .flavorbox{
       width: 75%;
       margin: auto auto 5px;
       padding: 0 1em;
   
       border: 1px solid #888;
  }
   
  /* -------- Sidebox Mobile Optimization Courtesy of Woedenaz -------- */
   .limit{
       line-height: 1.5;
       z-index: 5;
  }
   .limit br{
       display: block;
  }
   @media (max-width: 1280px){
       .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: 1280px){
       .authorbox{
           display: none;
           visibility: hidden;
      }
  }
   
  /* -------- GENERAL -------- */
   :root{
     --accentColor: hsl(0, 100%, 30%);
     --vivid-lime-green: hsl(112, 77%, 48%);
  }
   body{
       color: hsl(0, 0%, 5%);
   
       word-break: unset;
  }
   #search-top-box-input,
   #search-top-box-input:hover,
   #search-top-box-input:focus,
   #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;
  }
   
  /* -------- COLLAPSIBLES -------- */
   .collapsible-block-link {
       font-size: 120%;
       font-weight: bold;
  }
   
  /* Licensebox Collapsible */
   .licensebox {
       text-align: center;
  }
   
   .licensebox blockquote,
   .licensebox div.blockquote {
       text-align: left;
  }
   
  /* -------- INFO BAR -------- */
   .info-container {
       --barColour: hsl(0, 89%, 18%);
  }
   
   .info-container .collapsible-block-link {
       font-size: 100%;
  }
   
   .info-container div.collapsible-block-content {
       padding: 0 .6rem 3rem;
  }
   
   @media (max-width: 767px) {
       .info-container div.collapsible-block-content div {
            margin-right: 0;
            margin-left: 0;
      }
  }
   
   .info-container .wiki-content-table {
       width: 90%;
  }
   
  /* -------- INFO PANE -------- */
   .creditRate{
       margin-right: 0 !important;
  }
   .rate-box-with-credit-button{
       border-radius: 0 !important;
       box-shadow: none !important;
  }
   .creditButton p a:hover,
   .creditButtonStandalone p a:hover{
       color: var(--vivid-lime-green) !important;
  }
   div.credit.first .wiki-content-table {
       width: 100%;
  }
   
  /* -------- PAGE RATING -------- */
   .page-rate-widget-box{
       margin-right: 0;
  }
   .page-rate-widget-box,
   div.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;
   
       line-height: 1.2;
       text-align: center;
       text-underline-offset: 25%;
       word-break: unset;
  }
   hr{
       height: 0;
       margin: 1em 0;
   
       background-color: transparent;
       border-top: 1px solid hsl(0, 0%, 67%);
  }
   
   ol li{
       margin: 0 0 1em;
  }
   ul{
       margin:1em 0;
  }
   li, p{
       line-height: 1.5;
       text-underline-offset: 30%;
  }
   .footnotes-footer, .bibitems{
       padding: 0 0 .5em;
  }
   
  /* -------- IMAGE BLOCK -------- */
  .scp-image-block .scp-image-caption{
       font-size: 95%;
       line-height: 1.35;
       text-underline-offset: 30%;
  }
   .scp-image-block.block-right{
       margin: 0 0 1em 2em;
  }
   
  /* -------- CUSTOM DIV BLOCKS -------- */
   .raisa-header, .pink-header,
   .oracle-header, .cicapoco-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: 1px 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;
  }
   
   .cicapoco-header{   /* ---- SPC's RAISA-Equivalent Header ---- */
       background: lightblue;
       border: 1px solid hsl(195, 50%, 39%);
  }
   .cicapoco-header hr{
       border-color: hsl(195, 50%, 39%);
  }
   
   .content-warning{   /* ---- Content Warning ---- */
       width: 75%;
       margin: 1rem auto;
       padding: 0 1rem;
   
       background: white;
       border: 3px double black;
   
       text-align: center;
  }
   
   .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%);
  }
   
   .report-box.red-tint blockquote hr, .report-box.red-tint div.blockquote hr,
   .report-box.orange-tint blockquote hr, .report-box.orange-tint div.blockquote hr,
   .report-box.yellow-tint blockquote hr, .report-box.yellow-tint div.blockquote hr,
   .report-box.green-tint blockquote hr, .report-box.green-tint div.blockquote hr,
   .report-box.cyan-tint blockquote hr, .report-box.cyan-tint div.blockquote hr,
   .report-box.blue-tint blockquote hr, .report-box.blue-tint div.blockquote hr,
   .report-box.magenta-tint blockquote hr, .report-box.magenta-tint div.blockquote hr,
   .report-box.grey-tint blockquote hr, .report-box.grey-tint div.blockquote hr{
       border-color: hsl(0, 0%, 67%);
  }
   
   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%, 63%);
  }
   
   .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;
  }
   .warning-notice hr{
       border-color: hsl(0, 0%, 5%);
  }
   
   .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 .bibitems,
   .indented .footnoteref,
   .indented .footnotes-footer,
   .indented .scp-image-block,
   .indented h1, .indented h2, .indented h3,
   .indented h4, .indented h5, .indented h6,
   .indented .image-container,
   .indented ol,
   .indented ul,
   .indented .centered{
       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;}
   @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: 3.6em 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: 3.5em;
       margin: 2em 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;
  }
   
  /* -------- WIKIWALK NAVIGATOR -------- */
   .footer-wikiwalk-nav {
      text-align: center;
  }
   
  /* -------- INTERWIKI -------- */
   div.scpnet-interwiki-wrapper{
       margin-bottom: 2rem;
  }
   iframe.scpnet-interwiki-frame{
       width: 17.75em;
       min-height: 4.25em;
       margin-left: 4px;
   
       background: hsl(127, 050%, 94%);
       border: 1px solid hsl(0, 0%, 20%);
  }
   #interwiki body{
       overflow: hidden;
  }
   #interwiki .side-block{
       padding: 5px;
   
       background: 0;
       border: 0;
       box-shadow: none;
  }
   #interwiki .heading{
       color: hsl(0, 0%, 5%);
       border-bottom: 1px solid hsl(0, 0%, 20%);
  }
   #interwiki .menu-item img{
       display: none;
  }
   
  /* -------- SHOW-CHANGES HIGHLIGHTS -------- */
   .inline-diff ins::before{
       color: hsl(240, 100%, 93%);
  }
   .inline-diff del::before{
       color: hsl(0, 100%, 90%);
  }
   .inline-diff ins + del::before,
   .inline-diff del + ins::before{
       color: transparent;
  }
   .inline-diff br + ins::before,
   .inline-diff br + del::before,
   .inline-diff ins:first-of-type::before,
   .inline-diff del:first-of-type::before{
       position: absolute;
       display: inline-block;
       left: -1em;
   
       content: "\f111";
       font: normal normal normal 16px/1 "FontAwesome";
       text-rendering: auto;
       -webkit-font-smoothing: antialiased;
       -moz-osx-font-smoothing: grayscale;
  }
   
  /* -------- PRESENTATION -------- */
   .templateInfo{
       margin: 1em 0;
       padding: 0 1em;
       background: hsl(0, 0%, 100%);
       border: 1px solid hsl(0, 0%, 87%);
  }
   
  /* -------- CROQSTYLE ALTERATIONS -------- */
   #edit-page-textarea{ font-family: unset; }
   tt{
       background-color: unset;
       font-size: unset;
       padding: unset;
       margin: unset;
       border-radius: unset;
  }
   
  /* ---- BETTERFOOTNOTES PATCH ---- */
   :root{
       --posX: calc(50% - 358px - 13rem) !important;
       --fnLinger: 1.5s !important;
  }
   .fnnum{
       font-size: 90%;
  }
   .fnnum:hover + .fncon{
       right: calc(-8vw - 4rem) !important;
  }
   
  /* -------- 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%;
      }
  }

  Pages using this styling

  • fragment:scp-6460-0 [info]
  • fragment:scp-6460-2 [info]

  ¶ 2 occurrences
  

  :root{
    --header-title: "Site-⌘";
    --header-subtitle: "Department of Surrealistics";
  }
  
  div#extra-div-1 {
      background-image: url(https://scp-wiki.wdfiles.com/local--files/scp-6445/Surrealistics-Logo.png);
      filter: opacity(20%);
  }
  
  #page-content .anom-bar-container.Infrared .text-part .disrupt-class::before {
  content: "E" !important;
  }
  
  #page-content .anom-bar-container.Mercurial .text-part .risk-class::before {
  content: "E" !important;
  }
  

  Pages using this styling

  • fragment:scp-6445-2 [info]
  • scp-9068 [info]

  ¶ 2 occurrences
  

  .danke {
      padding: 5px;
      margin-bottom:10px;
      font-family: monospace;
      font-size: 1.1em;
  }
  
  .agent {
      background-color:#102240;
      border: 3px solid #5BCDFA;
      color: #5BCDFA;
  }

  Pages using this styling

  • fragment:scp-6437-0 [info]
  • fragment:scp-6437-1 [info]

  ¶ 2 occurrences
  

  #page-title {
      display: none;
  }
  
  table.wiki-content-table th {
      width: 50%;
  }

  Pages using this styling

  • fragment:scp-6140-1 [info]
  • fragment:scp-6140-j-1 [info]

  ¶ 2 occurrences
  

  .base-container {
    align-items: center;
    width: 100%;
    padding:0;
    margin:0;
  }
  
  .terminal {
  padding: 5px 5px 5px 15px;
  margin-bottom:10px;
  width: 96.5%;
  font-family: monospace;
  font-size: 1.1em;
  }
  
  .box {
      position: relative;
      padding: 0.5em;
      margin: 0.5em;
      box-shadow: 2px 1.5px 1px rgba(176,16,0,0.7), 0 0 0px 1px lightgrey;
      overflow-wrap: break-word;
      color: black;
  }
  
  .minibox {
      position: relative;
      padding: 0.3em;
      margin: 0.5em;
      box-shadow: 0 0 0px 1px lightgrey;
      overflow-wrap: break-word;
      color: black;
  }
  
  .cell-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
    overflow: hidden;
  }
  
  .s-cell {
    width: 50%;
    font-size: 15px;
    margin-top: -0.4rem;
    margin-bottom: -0.8rem;
  }
  
  .imagebox {
      position: relative;
      padding: 0.2em;
      margin: 0.2em;
      box-shadow: 2px 1.5px 1px lightgrey, 0 0 0px 1px lightgrey;
      overflow-wrap: break-word;
  }
  
  #page-content .collapsible-block {
      padding: 0.1em;
      margin: 0.5em;

  Pages using this styling

  • fragment:scp-6125-2 [info]
  • scp-9950 [info]

  ¶ 2 occurrences
  

  .wiki-content-table tbody tr th {
      color: #ffffff;
      background-color: #8B5E8C;
      border: 1px solid #000000;
  }
  table.wiki-content-table td {
      background-color: #FFFFFF;
      color: #000000;
  }
  @import url("https://fonts.googleapis.com/css2?family=PT+Serif&display=swap");@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Mono&display=swap");div.irc-log{margin:10px;margin-top:20px;padding:10px;border:3px solid #000000;background-color:#333333;border-radius:15px;font-family:"IBM Plex Mono",monospace;color:#FFFFFF;font-size: 125%;}div.irc-log td{border:1px solid #000000;font-weight:bold}div.irc-log p{line-height:200%}div.irc-log span.userred{font-weight:bold;letter-spacing:1px;background-color:#ffabab;color:#050505;padding-left:2px;border:1px solid #ffabab;margin-right:.25em}div.irc-log span.userwhite{font-weight:bold;letter-spacing:1px;background-color:#ffffff;color:#050505;padding-left:2px;border:0px solid #ffabab;margin-right:.25em}div.irc-log span.userplague{font-weight:bold;letter-spacing:1px;background-color:#9FB6F4;color:#050505;padding-left:2px;border:1px solid #9FB6F4;margin-right:.25em}div.irc-log span.userdune{font-weight:bold;letter-spacing:1px;background-color:#1CAFEC;color:#050505;padding-left:2px;border:1px solid #1CAFEC;margin-right:.25em}div.irc-log span.usergreen{font-weight:bold;letter-spacing:1px;background-color:#afffb1;color:#050505;padding-left:2px;border:1px solid #afffb1;margin-right:.25em}div.irc-log::before{content:"SCiPNET Messaging System";position:relative;top:-1.5em;left:-1.5em;border:2px solid #050505;color:#050505;background-color:#5effa6;font-family:"PT Serif",serif;padding:1px 3px;border-radius:3px;font-weight:bold;letter-spacing:2px}div.inventory-report{margin:10px;margin-top:20px;padding:10px;border:2px solid #050505;background-color:#eee;border-radius:3px}

  Pages using this styling

  • fragment:scp-6121-offset-0 [info]
  • fragment:scp-6121-offset-1 [info]

  ¶ 2 occurrences
  

  @import url('https://fonts.googleapis.com/css2?family=Share+Tech+Mono&display=swap');
  
  .terminal {
      display: block;
      overflow: hidden;
      font-family: 'Share Tech Mono', monospace;
      font-style: normal;
      font-size: 110%;
      color: #d6d6d6;
  
      background-color: rgb(2, 99, 18);
  
      border: 3px solid #000;
      border-radius: 10px;
      padding: 10px 10px;
      margin-bottom: 10px;
  
      box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2)
      }
  

  Pages using this styling

  • fragment:scp-6020-2 [info]
  • scp-6008 [info]

  ¶ 2 occurrences
  

  .email-example .collapsible-block-folded a.collapsible-block-link {
  }
  
  .email {border: solid 2px #000000; width: 88%; padding: 1px 15px; margin: 10px; box-shadow: 0 1px 3px rgba(0,0,0,.5)}
  .email-example a.collapsible-block-link {font-weight: bold;}
  .tofrom {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px maroon}

  Pages using this styling

  • fragment:scp-6020-1 [info]
  • scp-7014 [info]

  ¶ 2 occurrences
  

  div.warning-box div.warning-box-container div.text-top {
      font-size: 32px;
  }
  
  div.warning-box div.warning-box-container div.text-bottom {
      font-size: 13.5px;
  }
  
  div.warning-box div.text-number {
      font-size: 15px;
  }
  

  Pages using this styling

  • fragment:scp-6020-1 [info]
  • scp-7014 [info]

  ¶ 2 occurrences
  

  .info-container{
  --barColour: #009f6b;
  --linkColour: #FFF;
  }

  Pages using this styling

  • fragment:scp-6020-1 [info]
  • scp-7014 [info]

  ¶ 2 occurrences
  

  :root {
    --header-title: "R\0026 C SITE-43";
    --header-subtitle: "SURVIVE ● CONSERVE ● PERSIST";
  
    --accent: 255, 34, 67;
    --head-font: var(--ui-font);
  
    --timeDelay: 1s;
  }
  
  :is(.anom-bar-container, .anom-bar-esoteric) + :not(.acs-extra),
  .acs-extra + * {
      margin-top: 1.2rem !important;
  }
  
  .danger-diamond > .arrows,
  .danger-diamond > .bottom-icon::before {   /*  inverted arrows, esoteric icons  */
    filter: invert(90%) !important;
    -webkit-filter: invert(90%) !important;
  }

  Pages using this styling

  • fragment:scp-5956-2 [info]
  • thereisnohope [info]

  ¶ 2 occurrences
  

  blockquote,
  div.blockquote {
      border: 0.125rem solid #d4d4d4;
      background-color: #F5F5F5;
  }
  
  .log{
      border:solid 2px #d4d4d4;
      background:#F5F5F5;
      width:80%;
      padding:1px 15px;
      margin: 10px auto;
  }

  Pages using this styling

  • fragment:scp-5221-offset-1 [info]
  • fragment:scp-5221-offset-2 [info]

  ¶ 2 occurrences
  

  #header {
      background-image: url(http://scp-wiki.wdfiles.com/local--files/component%3Ascp-trans-pride/TransSCPlogo.png)
  }
  /* anendlessusername's invaluable correction of the ACS octagon! */
  #page-content .quadrants > div {
      top: 2.25%;
      left: 18.5%;
  }
  
  #footer {
      font-size: x-small;
      background: #ffafc7;
      color: black;
  }
  
  #footer a {
      color: #e51f47;
  }
  
  #license-area {
      font-size: x-small;
      background: #5bcefa;
      color: black;
  }
  
  #license-area a {
      color: #056c94;
  }

  Pages using this styling

  • fragment:scp-5120-1 [info]
  • fragment:scp-5120-2 [info]

  ¶ 2 occurrences
  

  .translation_block
  .email-example .collapsible-block-folded a.collapsible-block-link {
      animation: blink 0.8s ease-in-out infinite alternate;
  }
  @keyframes blink {
      0% { color: transparent; }
      50%, 100% { color: #b01; }
  }
  .email {border: solid 2px #000000; background :#F5F5F5 ; width: 88%; padding: 1px 15px; margin: 10px; box-shadow: 0 1px 3px rgba(0,0,0,.5)}
  .email-example a.collapsible-block-link {font-weight: bold;}
  .tofrom {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px maroon}

  Pages using this styling

  • fragment:scp-5120-1 [info]
  • fragment:scp-5120-2 [info]

  ¶ 2 occurrences
  

  :root{ 
  --cutColour: #fafafa;
  --barColour: #590505;
  }
  
  .translation_block{
      display: none;
  }
  
  .info-container .collapsible-block-folded a{
  color: #FFF;}
  .info-container .collapsible-block-unfolded-link a{
  color: #FFF;}

  Pages using this styling

  • fragment:scp-4945-1 [info]
  • fragment:scp-4945-2 [info]

  ¶ 2 occurrences
  

  .footnoteref{
  color: #FF5555;
  }
  .danke{
  padding: 5px 5px 5px 15px;
  margin-bottom:10px;
  width: 100%;
  font-family: monospace;
  font-size: 1.1em; }
  
  .agent{
  background-color:#002200;
  border: 3px solid #55AA55;
  color: #77CC77;
  }
  
  .site{
  background-color:#222200;
  border: 3px solid #AAAA55;
  color: #DDDD77;
  }
  
  div.terminal{
      border: 1px solid black;
      border: solid 3px #BBBBBB;
      border-radius: 16px;
      background-color: #131;
  /* black shadow at the top of the terminal */
      background-image:
          radial-gradient(ellipse 1000% 100% at 50% 90%, transparent, #121);
      background-position: center;
      display: block;
  /* shadow around the terminal */
      box-shadow: inset 0 0 10em 1em rgba(0,0,0,0.5);
  /* prevents scanline from forming a scrollwheel */
      overflow:hidden;
  }
  div.terminal blockquote {
      background-color: black;
      border: double 3px #80FF80
  }
  div.scanline{
      margin-top: -40%;
      width: 100%;
      height: 60px;
      position: relative;
      pointer-events: none;
  /* Safari 4.0 - 8.0 */
      -webkit-animation: scan 12s linear 0s infinite; /* You may need to change this. If the bar goes by too quickly, increase 5s. */
      animation: scan 12s linear 0s infinite; /* Same as above */
      background: linear-gradient(to bottom, rgba(56, 112, 82,0), rgba(56, 112, 82,0.1)) !important;
  }
  
  div.text{
      color: rgba(128,255,128,0.8);
      padding-left: 2em;
      padding-top: 40%;
      font-family: monospace;
      font-size: 1.2em;
      }
  
  /* Safari 4.0 - 8.0 */
  @-webkit-keyframes scan{
      from{ transform: translateY(-10%);}
      to{  transform: translateY(5000%);} /* You may need to change this depending on the length of your terminal. If the scanline stops halfway, increase the second number.*/
  }
  
  @keyframes scan{
      from{ transform: translateY(-10%);}
      to{  transform: translateY(5000%);} /* Same as above.*/
  }
  
  div.text a {
      color: #90EE90;
      text-decoration: none;
      background: transparent;
  }
  div.text a.newpage {
      color: #90EE90;
      text-decoration: none;
      background: transparent;
  }
  div.text a:hover {
      color: #131;
      text-decoration: underline;
      background-color: #80FF80;
      padding: 1px;
  }
  div.text a:hover::before{
  content: "> ";
  }

  Pages using this styling

  • fragment:scp-4558-1 [info]
  • fragment:scp-4558-3 [info]

  ¶ 2 occurrences
  

  .raisa {
      border: solid 1px #999;
      background: #f2f2c2;
      padding: 5px;
      margin-bottom: 10px;
  }

  Pages using this styling

  • fragment:scp-4447-4 [info]
  • scp-4838 [info]

  ¶ 2 occurrences
  

  .raisa {
      border: solid 1px #999;
      background: #f2f2c2;
      padding: 5px;
      margin-bottom: 10px;
  }
  
  .yellow {
    background-color: #f2f2c2;
    margin: 1em 40px;
    padding: 0 1em;
    color: rgba(0, 0, 0, 0.8);
    border: 1px dashed #c8b258;
  }
  
  .left-right {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }

  Pages using this styling

  • fragment:scp-4447-2 [info]
  • fragment:scp-4447-3 [info]

  ¶ 2 occurrences
  

  .raisa {
      border: solid 1px #999;
      background: #f2f2c2;
      padding: 5px;
      margin-bottom: 10px;
  }
  
  .yellow {
    background-color: #f2f2c2;
    margin: 1em 40px;
    padding: 0 1em;
    color: rgba(0, 0, 0, 0.8);
    border: 1px dashed #c8b258;
  }

  Pages using this styling

  • fragment:scp-4447-1 [info]
  • scp-4458 [info]

  ¶ 2 occurrences
  

  #page-title {
      display: none;
  }
  
  .blbf-main > div::before {
      top: -0.5rem;
      left: -0.35em;
  }
  
  .blbf-main > div {
      border: 0.50rem black solid;
      margin-left: auto;
  }
  
  .blbf-main > div::before {
      background-color: black;
  }
  
  span.hilighter {
      background-color: rgb(var(--black-monochrome));
      color: white;
      font-weight: bold;
      padding: 0.2em;
      font-size: 108%;
      line-height: 1.2;
  }
  
  a.collapsible-block-link {
      color: transparent!important;
      background-color: transparent!important;
  }
  

  Pages using this styling

  • fragment:scp-2744-4 [info]
  • fragment:scp-2744-7 [info]

  ¶ 2 occurrences
  

  :root {
    --accentColor: 255, 10, 35;
    --darkColor: 5, 5, 5;
    --fnColor: var(--accentColor);
  }
  
  div#extrac-div-1, div#extrac-div-2 {
  display: none;
  }
  
  .modalbox {
      box-shadow: 0 1px 10px hsl(353deg 100% 38%) !important;
  }
  
  #page-title {
      display: none;
  }
  
  .blbf-main > div::before {
      top: -0.5rem;
      left: -0.35em;
  }
  
  .blbf-main > div {
      border: 0.50rem rgb(var(--swatch-primary-darkest,144,25,1)) solid;
      margin-left: auto;
  }
  

  Pages using this styling

  • fragment:scp-2744-2 [info]
  • fragment:scp-2744-3 [info]

  ¶ 2 occurrences
  

  #u-timer {
    position: sticky;
    top: 0;
  }
  
  :root {
    --accentColor: 255, 10, 35;
    --darkColor: 5, 5, 5;
    --fnColor: var(--accentColor);
  }
  div#extrac-div-1, div#extrac-div-2 {
  display: none;
  }
  #page-title {
      display: none;
  }

  Pages using this styling

  • fragment:scp-2744-1 [info]
  • fragment:scp-2744-5 [info]

  ¶ 2 occurrences
  

  @import url("https://scp-wiki.wdfiles.com/local--code/theme%3Aredtape/1")

  Pages using this styling

  • fragment:redtape-light [info]
  • theme:redtape [info]

  ¶ 2 occurrences
  

  @import url("https://scp-wiki.wdfiles.com/local--code/theme%3Aredtape/2")

  Pages using this styling

  • fragment:redtape-dark [info]
  • theme:redtape [info]

  ¶ 2 occurrences
  

  @supports (display:grid) {
  @media only screen and (max-width:880px) {
      #page-content table tr {
          display:grid;
          grid-template-areas:
              "one two"
              "result result";
          grid-template-columns:1fr 1fr;
          margin-bottom:1rem;
      }
  
      #page-content table tr > *:nth-child(1) {grid-area:one}
      #page-content table tr > *:nth-child(2) {grid-area:two}
      #page-content table tr > *:nth-child(3) {grid-area:result}
  
      #page-content table tr > td {
          padding:.75em;
          font-size:1.05em;
      }
      #page-content table tr:first-child {display:none}
  
      #page-content table tr > *:nth-child(1),
      #page-content table tr > *:nth-child(2) {
          border-bottom-width:0;
      }
      #page-content table tr > *:nth-child(2) {
          border-left-width:0;
      }
      #page-content table tr > *:nth-child(1)::before,
      #page-content table tr > *:nth-child(2)::before {
          display:flex;
          box-sizing:border-box;
          width:100%;
  
          content:'SCP Designation';
          align-items:center;
          justify-content:center;
          font-weight:bold;
          font-size:85%;
          background-color:#eee;
  
          padding:.75em;
          margin-bottom:.35rem;
      }
  
     #page-content table tr > *:nth-child(3) {
          position:relative;
          padding-left:7.35rem;
          min-height:3rem;
      }
      #page-content table tr > *:nth-child(3)::before {
          display:flex;
          position:absolute;
          left:.75em;
          box-sizing:border-box;
  
          content:'Containment Method';
          align-items:center;
          justify-content:center;
          text-align:center;
          font-weight:bold;
          font-size:85%;
          background-color:#eee;
  
          width:6rem;
          height:calc(100% - 1.75em);
          padding:.5em;
      }
  }
  }

  Pages using this styling

  • fragment:project-isorropia-0 [info]
  • fragment:project-isorropia-1 [info]

  ¶ 2 occurrences
  

  
  .memo0 {
    background-color: rgb(15, 5, 5);
    border: solid 2px rgb(66, 66, 66);
    padding: 20px;
  }
  

  Pages using this styling

  • fragment:palingenesis-0 [info]
  • fragment:palingenesis-1 [info]

  ¶ 2 occurrences
  

  
  .memo5 {
    background-color: rgb(255, 108, 10);
    border: solid 5px rgb(255, 128, 0);
    padding: 7px;
  }
  

  Pages using this styling

  • fragment:palingenesis-0 [info]
  • fragment:palingenesis-1 [info]

  ¶ 2 occurrences
  

  
  .memo4 {
    background-color: rgb(0, 42, 115);
    border: solid 5px rgb(75, 97, 209);
    padding: 7px;
  }
  

  Pages using this styling

  • fragment:palingenesis-0 [info]
  • fragment:palingenesis-1 [info]

  ¶ 2 occurrences
  

  
  .memo3 {
    background-color: rgb(0, 125, 0);
    border: solid 5px rgb(0, 100, 55);
    padding: 7px;
  }
  

  Pages using this styling

  • fragment:palingenesis-0 [info]
  • fragment:palingenesis-1 [info]

  ¶ 2 occurrences
  

  
  .memo {
    background-color: rgb(150, 20, 45);
    border: solid 5px rgb(140, 20, 25);
    padding: 7px;
  }
  

  Pages using this styling

  • fragment:palingenesis-0 [info]
  • fragment:palingenesis-1 [info]

  ¶ 2 occurrences
  

  
  @import url('https://fonts.googleapis.com/css2?family=Comforter+Brush&display=swap');
  
  .comforter-brush-regular {
    font-family: "Comforter Brush", cursive;
    font-weight: 400;
    font-style: normal;
  }
  

  Pages using this styling

  • fragment:palingenesis-0 [info]
  • fragment:palingenesis-1 [info]

  ¶ 2 occurrences
  

  
  #page-content table.wiki-content-table :is(th, td) {
      border-color: transparent!
  important;
  }
  

  Pages using this styling

  • fragment:palingenesis-0 [info]
  • fragment:palingenesis-1 [info]

  ¶ 2 occurrences
  

  .anchor {
    position: sticky;
    top: 2em;
  }
  
  .sidebox {
    padding: .14rem;
    margin-top: 0;
    margin-bottom: 8px;
    width: calc((100vw - 870px)/2);
    max-height: calc(100vh - 18rem);
    position: absolute;
    top: 0;
    left: 103.5%;
    z-index: 5;
    overflow: auto;
    box-sizing: border-box;
  }
  
  @media (max-width: 1290px) {
    .sidebox {
      display: none;
      visibility: hidden;
    }
  }

  Pages using this styling

  • fragment:palingenesis-0 [info]
  • fragment:palingenesis-1 [info]

  ¶ 2 occurrences
  

  
  body {
    background-color: hsl(0, 0%, 60%);
  }

  Pages using this styling

  • fragment:page-9000-ethagon-7 [info]
  • fragment:page-9000-ethagon-8 [info]

  ¶ 2 occurrences
  

  @import url('https://fonts.googleapis.com/css?family=Reenie+Beanie');
  
  
  body {
    background-color: hsl(0, 0%, 70%);
  }

  Pages using this styling

  • fragment:page-9000-ethagon-4 [info]
  • fragment:page-9000-ethagon-5 [info]

  ¶ 2 occurrences
  

  
  body {
    background-color: hsl(0, 0%, 20%);
  }

  Pages using this styling

  • fragment:page-9000-ethagon-14 [info]
  • fragment:page-9000-ethagon-15 [info]

  ¶ 2 occurrences
  

  
  body {
    background-color: hsl(0, 0%, 70%);
  }

  Pages using this styling

  • fragment:page-9000-ethagon-10 [info]
  • fragment:page-9000-ethagon-6 [info]

  ¶ 2 occurrences
  

  .oro{
      padding: 4px 16px 4px 16px;
      box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
      width: 90%;
      margin: auto;
      margin-bottom: 28px;
      margin-top: 28px;
      background: #000000;
      border: solid 0.25rem #f50f22;

  Pages using this styling

  • fragment:orogenesis-file-0 [info]
  • fragment:orogenesis-file-1 [info]

  ¶ 2 occurrences
  

  .Red{
      padding: 4px 16px 4px 16px;
      box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
      width: 85%;
      margin: auto;
      margin-bottom: 28px;
      margin-top: 28px;
      background: #070708;
      border: solid 0.15rem #f60317;
  

  Pages using this styling

  • fragment:orogenesis-file-0 [info]
  • fragment:orogenesis-file-1 [info]

  ¶ 2 occurrences
  

  .footnotes-footer {
      visibility: hidden;
      height: 0;
      padding: 0;
      margin: 0;
      display:none;
  }

  Pages using this styling

  • fragment:only-once-away-my-son-1 [info]
  • the-vampyre-of-time-and-memory [info]

  ¶ 2 occurrences
  

  .fncon {
    color: black;
  }

  Pages using this styling

  • fragment:onedamnation-0 [info]
  • fragment:onedamnation-1 [info]

  ¶ 2 occurrences
  

  .legend-grid {
      display: grid;
      grid-template-columns: repeat(auto-fill, minmax(min(90px, 100%), 1fr));
      grid-gap: 10px;
      box-sizing: border-box;
  }
  
  .legend-box {
      width:90px; 
      border: 1px solid white; 
  }

  Pages using this styling

  • fragment:locations-map [info]
  • jerden-insignia [info]

  ¶ 2 occurrences
  

  .email-example .collapsible-block-folded a.collapsible-block-link {
      animation: blink 0.8s ease-in-out infinite alternate;
  }
  @keyframes blink {
      0% { color: transparent; }
      50%, 100% { color: #b01; }
  }
  .email {border: solid 2px #6e6c67; width: 88%; padding: 1px 15px; margin: 10px; box-shadow: 0 1px 3px rgba(0,0,0,1)}
  .email-example a.collapsible-block-link {font-weight: bold;}
  .tofrom {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px maroon}

  Pages using this styling

  • fragment:infamy-1 [info]
  • reintegration-aptitude-test-2022 [info]

  ¶ 2 occurrences
  

  /* HEADER */
   :root{
     --header-title: "The Wanderers' Library";
     --header-subtitle: none;
     --lgurl: url(https://scp-wiki.wdfiles.com/local--files/scattersomnia/QueerLibrary.png);
  }
   #header h1 a::before{
       font-family: unset;
  }
  
  /* INFO BOX */
   .info-container{
       --barColour: hsl(117, 100%, 15%);
       --linkColour: hsl(47, 100%, 68%);
  }
  
  /* FORMATTING */
   .wanderers-note{
       margin: 1em 0;
       padding: 0 1em;
  
       background: hsl(57, 100%, 93%);
       border: 2px solid hsl(120, 100%, 15%);
  }
   .entry{
       padding: 1.95em;
  
       background: hsl(120, 33%, 90%);
       border: 2px solid hsl(120, 33%, 10%);
  }
   .section{
       margin-bottom: .23em;
       padding: 1.56em;
  
       background: hsl(120, 31%, 95%);
       border: 1px solid hsl(120, 33%, 10%);
  }
  
  #page-content h2, #page-content h3, #page-content h4, #page-content h5, #page-content h6 {
       text-align: left;
  }
  

  Pages using this styling

  • fragment:hour-zero-2 [info]
  • the-queen-in-green [info]

  ¶ 2 occurrences
  

  @import url('https://fonts.googleapis.com/css2?family=Nothing+You+Could+Do&display=swap');
  
  .box{
      border: 1px dashed #cdcdcd;
      background-color: #f5f5f5;
      padding: 15px;
      margin: 20px 0;
  }
  
  .log{
      border: none
      background-color: #fcfcfc;
      padding: 15px;
      margin: 20px 0;
      box-shadow : 0 0 7px rgba(0 , 0 , 0 , 0.3);
  }
  
  .page {
      display: block;
      overflow: hidden;
      background-attachment: scroll;
      background-clip: border-box;
      background-color: transparent;
      background-image: linear-gradient(to top ,rgb(173, 216, 230) 0%, rgb(240, 230, 140) 8%);
      background-origin: padding-box;
      background-position: 0px 8px;
      background-repeat: repeat;
      background-size: 100% 20px;
  
      border: 1px solid #CCC;
      padding: 10px 10px;
      margin-bottom: 10px;
      box-shadow : 0 0 7px rgba(0 , 0 , 0 , 0.3);
      }
  .page p {
      line-height: 20px;
      margin: 0;
      font-size: 150%
  }

  Pages using this styling

  • fragment:halfway-lost-2 [info]
  • outfounded-hub [info]

  ¶ 2 occurrences
  

  @import url("https://scp-wiki.wdfiles.com/local--code/theme%3Agreystyle/2")

  Pages using this styling

  • fragment:greystyle-1 [info]
  • theme:greystyle [info]

  ¶ 2 occurrences
  

  @import url("https://scp-wiki.wdfiles.com/local--code/theme%3Agreystyle/1")

  Pages using this styling

  • fragment:greystyle-0 [info]
  • theme:greystyle [info]

  ¶ 2 occurrences
  

  .legend-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min(100px, 100%), 1fr));
  grid-gap: 10px;
  box-sizing: border-box;
  }
  
  .legend-box {
  width:100px;
  border: 1px solid black;
  border-radius: 0.5em;
  }

  Pages using this styling

  • fragment:facilities-map-int [info]
  • jerden-insignia [info]

  ¶ 2 occurrences
  

  .special41 {
     position: absolute;
     height: 1.5vmin;
     width: 1.5vmin;
     background-size: contain !important;
     background-repeat: no-repeat;
     transform: translate(-50%, -50%);
     opacity: 0.25;
     transition: all 0.3s;
  }
  
  .special41:hover {
     transform: translate(-50%, -50%) scale(7.5);
     opacity: 1;
     z-index: 2;
  }

  Pages using this styling

  • fragment:facilities-map [info]
  • fragment:facilities-map-int [info]

  ¶ 2 occurrences
  

  :root {
      --fnColor: #ECC02B;
  }

  Pages using this styling

  • fragment:cn3000douglasliu-1 [info]
  • fragment:cn3000douglasliu-2 [info]

  ¶ 2 occurrences
  

  .meta-title {
    border-bottom: solid 1px #bbbbbb;
    color: #990011;
    font-weight: normal;
    margin: 0 0 0.6em;
    padding: 0 0 0.25em;
    font-size: 200%;
  }
  .meta-title p {
    margin: 0;
  }

  Pages using this styling

  • fragment:chicago-factory-2 [info]
  • scp-9725 [info]

  ¶ 2 occurrences
  

  .chat {float: center; border: solid 2px #000000; width: 88%; padding: 1px 15px; margin: 10px auto; box-shadow: 0 1px 3px rgba(0,0,0,.5)}

  Pages using this styling

  • fragment:9000contestsunnymouse-2 [info]
  • scp-8970 [info]

  ¶ 2 occurrences
  

  .email {float: center; border: solid 2px #000000; width: 88%; padding: 1px 15px; margin: 10px auto; box-shadow: 0 1px 3px rgba(0,0,0,.5)}

  Pages using this styling

  • fragment:9000contestsunnymouse-1 [info]
  • ss96ss [info]

  ¶ 2 occurrences
  

  
  .hover-opacity-div {
    opacity: 0;
    transition: opacity 0.5s ease;
  }
  
  .hover-opacity-div:hover {
    opacity: 1;
    transition: opacity 0.5s ease;
  }
  
  
  
  .hover-text {
    display: inline-block;
    position: relative;
    width: max-content;
  }
  
  .hover-text .text-default,
  .hover-text .text-hover {
    display: block;
    white-space: nowrap;
    transition: opacity 0.3s ease;
  }
  
  .hover-text .text-hover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    text-align: center; /* Center the shorter text */
    opacity: 0;
    visibility: hidden;
  }
  
  .hover-text:hover .text-default {
    opacity: 0;
    visibility: hidden;
  }
  
  .hover-text:hover .text-hover {
    opacity: 1;
    visibility: visible;
  }
  

  Pages using this styling

  • fragment:9000contestfiretamer-02 [info]
  • fragment:9000contestfiretamer-03 [info]

  ¶ 2 occurrences
  

  .breakout {
      position: absolute;
      top:0;
      left: 0;
      width: 120vw;
  }
  .breakout img {
      width: 100%;
  }
  
  #page-content {
      padding-top: 110vw;
  }

  Pages using this styling

  • fragment:9000contestchoccoman-1 [info]
  • fragment:9000contestchoccoman-3 [info]

  ¶ 2 occurrences
  

  
  
  
  /* Indent. Thanks FireTamer for the code! */
  .firetamer {
      padding-left: 5px;
      border-left: thin solid #abaaab;
      margin-left: 2vh;
  }
  
  .firetamer2 {
      padding-left: 5px;
      border-left: thin solid black;
      margin-left: 2vh;
  }
  
  
  
  
  /* telegram */
  
  .papercontainer { /* Wackdog made this good! */
      display: grid;
      grid-template-columns: 1fr 0.5fr 0.5fr 4fr 0.5fr 0.5fr 1fr;
      grid-template-rows: min-content min-content min-content 1fr min-content min-content min-content min-content;
      row-gap: 0;
  }
  
  .papercontainer .tight{
    line-height: 1;
    padding: 0;
    white-space: nowrap;
  }
  .papercontainer .tight > *{ margin: 0; }
  
  .papercontainer .right{ justify-self: end; }
  
  .papercontainer .vline{
    grid-row: 1 / -1;
    grid-column: var(--at)/var(--at);
    border-left: var(--w,1px) solid var(--c,#999);
    pointer-events:none; z-index:1;
  }
  .papercontainer .hline{
    grid-column: 1 / -1;
    grid-row: var(--at)/var(--at);
    border-top: var(--w,1px) solid var(--c,#999);
    pointer-events:none; z-index:1;
  }
  
  .papercontainer{ max-width:100%; }                       
  .papercontainer *{ overflow-wrap:anywhere; word-break:break-word; }  
  
  @media (max-width:768px){
    .papercontainer .tight{ white-space:normal; }
    #page-content{ overflow-x:hidden; }                     
  } 
  
  @media (max-width: 768px) {
      .papercontainer {
          display: grid;
          grid-template-columns: repeat(6, 1fr);
          grid-template-rows: min-content, min-content, 1fr, 0.6fr, 0.1fr, 0.8fr, 0.8fr, min-content;
          row-gap: 0;
      }
  }
  
  /* email */
  
  
  
  .email-example .collapsible-block-folded a.collapsible-block-link {
      animation: blink 0.8s ease-in-out infinite alternate;
  }
  @keyframes blink {
      0% { color: transparent; }
      50%, 100% { color: #b01; }
  }
  .email {border: solid 2px #000000; width: 88%; padding: 1px 15px; margin: 10px; box-shadow: 0 1px 3px rgba(0,0,0,.5)}
  .email-example a.collapsible-block-link {font-weight: bold;}
  .tofrom {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px maroon}
  
  
  
  /* Image block fix to prevent overlap with ACS module. Thanks to BlueEyedFox_ on discord! */
  
  .scp-image-block.block-right {
      position: relative;
      top: 15px;
  }
  
  
  
  /* Notice top instructions */
  
  .outerform { /*thanks to hcina from discord for this! */
      border:solid 1px #999999;
      background:#fcf4c7;
      padding:25px;
      margin-bottom: 25px;
  }
  
  .rectangle { /* thanks to wackdog from discord for this! */
      width: 100%;
      background: #808080;
      height: 3.5em;
      display: flex;
      align-items: center;
      justify-content: center;
      margin: auto;
  }
  
  
  
  /* Tables (except hcina) */
  
  .centertable {
      border-collapse:collapse;
      max-width: 800px;
      margin-left: auto;
      margin-right: auto;
      margin-bottom: 50px;
  }
  .darkcell {
      font-weight:bold;
      padding: .3em .7em;
      text-align: center;
      border: 1px solid black;
      background-color: silver;
  }
  .lightcell {
      padding: .3em .7em;
      border: 1px solid black;
  }
  .oldtext {
      color: lightslategrey;
      font-style: italic;
  }
  
  /* additional table stuff from Wackdog */
  
  .centertable { width:100%; border-collapse:collapse; }
  .centertable img { max-width:100%; height:auto; }
  
  @media (min-width: 769px) {
      .centertable {
          width: 50%;
      }
  }
  
  @media (min-width: 769px) {
    .cell--image { display: table-cell; }
    .mobile-img { display: none; }
  }
  
  @media (max-width: 768px) {
    .cell--image { display: none; }
    .scp-image-block.block-right{ float:none; }
    .mobile-img { 
      display: block; 
      margin: 0 auto 30px; 
  
  }
    .centertable { table-layout: fixed; }
    .centertable td, .centertable th { word-wrap: break-word; }
  }
  
  
  
  
  /* Centre images and text as divs. thanks to Croq on discord! */
  
  .boxfix {
      display: flex;
      flex-direction: row;
      align-items:center;
  }
  .boxfixtext {
      align-self: center;
  }
  
  @media (max-width:768px){
      .boxfix {flex-direction: column;}
  }
  
  
  /* Missing person notice */
  
  .missingbox {
      border:solid 1px #999999;
      background: #acacacff;
      padding:25px;
      margin-bottom: 25px;
      width: 80%;
      margin-left: auto;
      margin-right: auto;
  }
  
  .redrect { /* derivative of Wackdogs code */
      width: 100%;
      background: #611414ff;
      color: white;
      height: 3em;
      display: flex;
      align-items: center;
      justify-content: center;
      margin: auto;
      font-size: 2em;
      font-weight: bolder;
  }
  
  .missingphoto {
      min-width: 242px;
      max-width: 283px;
  }
  
  .garda {
      min-width: 95px;
      max-width: 105px;
  }
  
  .missinglow {
      display: flex;
      align-items: stretch;
  }
  
  .missinglowup {
      width: 40%;
      margin-right: 0.5em;
      align-self: center
  }
  
  .missinglowin {
      display: flex;
      align-items: stretch;
      flex-direction: row;
  }
  
  @media (max-width:765px){
      .missinglow {flex-direction: column;}
      .missinglowup {width: 95%; margin-right: 0;}
      .missinglowin {align-items: left}
  }
  
  
  /* reflist */
  
  .hanging {
  p {
      padding-left: 5em;
      margin-top: 0px;
      margin-bottom: 0px;
  }
  
  p::first-letter {
      margin-left: -5em;
  }
  }
  
  
  
  /* MI666 parts. Shamelessly stolen from Tserlece and Stormbreath*/
  
  div.mi666 {
      width: 90%;
      margin: 1em auto 1em auto;
      padding: 1em;
      border: 3px solid #DD6161;
      box-shadow: 3px 3px 5px rgba(100,0,0,.5);
      font-family: "Nanum Gothic", Arial, sans-serif;
      display: block;
      background-color:white;
  
  }
  
  .mi666 span {
      word-break: normal;
      line-height: 150%;
  }
  
  /* responsive @medias */
  
  @media only screen and (max-width: 768px) {
    .desktoponly {
      display: none;
    }
  }
  
  @media only screen and (min-width: 769px) {
    .mobileonly {
      display: none;
    }
  }
  
  /* Autopsy */
  

  Pages using this styling

  • fragment:9000contestbaddata-10 [info]
  • fragment:9000contestbaddata-9 [info]

  ¶ 2 occurrences
  

  .oracle_memo {
  --memo-heading: "PER AUTHORITY OF THE ORACLE COLLECTIVE";
  --memo-logo: url(https://scp-wiki.wdfiles.com/local--files/scp-7243/admo-7243-oracle.png);
  --memo-color: 211, 1, 32;
  background-size: 75% auto !important;
  background-position: center center !important;
  background-color: rgb(var(--basalt-primary-color)) !important;
  }

  Pages using this styling

  • fragment:9000contestampyrreference-2 [info]
  • scp-7140 [info]

  ¶ 2 occurrences
  

  
  div.terminal{
      border: 1px solid black;
      border: solid 4px #d40424;
      border-radius: 16px;
      background-color: #131;
      /* black shadow at the top of the terminal */
      background-image:
          radial-gradient(ellipse 1000% 100% at 50% 90%, transparent, #121);
      background-position: center;
      display: block;
      /* shadow around the terminal */
      box-shadow: inset 0 0 10em 1em rgba(0,0,0,0.5);
      /* prevents scanline from forming a scrollwheel */
      overflow:hidden;
  }
  div.terminal blockquote {
      background-color: black;
      border: double 3px #80FF80
  }
  div.scanline{
      margin-top: -40%;
      width: 100%;
      height: 60px;
      position: relative;
      pointer-events: none;
      /* Safari 4.0 - 8.0 */
      -webkit-animation: scan 12s linear 0s infinite; /* You may need to change this. If the bar goes by too quickly, increase 5s. */
      animation: scan 12s linear 0s infinite; /* Same as above */
      background: linear-gradient(to bottom, rgba(56, 112, 82,0), rgba(56, 112, 82,0.1)) !important;
  }
  
  div.text{
      color: rgba(128,255,128,0.8);
      padding: 40% 2em 0;
      font-family: monospace;
      font-size: 1.0em;
  }
  
  /* Safari 4.0 - 8.0 */
  @-webkit-keyframes scan{
      from{ transform: translateY(-10%);}
      to{  transform: translateY(5000%);} /* You may need to change this depending on the length of your terminal. If the scanline stops halfway, increase the second number.*/
  }
  
  @keyframes scan{
      from{ transform: translateY(-10%);}
      to{  transform: translateY(5000%);} /* Same as above.*/
  }
  
  div.text a {
      color: #90EE90;
      text-decoration: none;
      background: transparent;
  }
  div.text a.newpage {
      color: #90EE90;
      text-decoration: none;
      background: transparent;
  }
  div.text a:hover {
      color: #131;
      text-decoration: underline;
      background-color: #80FF80;
      padding: 1px;
  }
  div.text a:hover::before{
      content: "> ";
  }

  Pages using this styling

  • fragment:9000contestampyrreference-1 [info]
  • fragment:9000contestampyrsome-1 [info]

  ¶ 2 occurrences
  

  /*
      Serpent's Hand Theme
      [2014 Wikidot Theme]
      Created for the SCP Foundation by Aelanna
      Edited for SCP Foundation by Dr Devan
      Edited for Wanderers' Library by ZeroStrider
      Returned to the SCP Foundation by salamander724
      Edited for the SCP Foundation by stormbreath
  */
   
  h1, #page-title {
      color: #044d00;
  }
   
  #page-title {
      border-color: #bbb;
  }
   
  /* LINK RECOLORS */
   
  a {
      color: #059400;
  }
  a.newpage {
      color: #00a862;
  }
   
  #side-bar a:visited{ 
      color: #059400;
  }
   
  a:visited {
      color: #059400;
  }
   
  /* HEADER IMAGES */
  div#container-wrap {
      background-image: url(https://scp-wiki.wdfiles.com/local--files/theme%3Awanderers/sh_body.png);
  }
   
  #header {
       background-image: url(https://scp-wiki.wdfiles.com/local--files/theme%3Awanderers/sh_logo.png);
  }
   
  /* SEARCH BAR RECOLOR */
  #search-top-box-input {
      background-color: #1a3300;
  }
   
  #search-top-box-input:hover,
  #search-top-box-input:focus {
      background-color: #3e6633;
  }
   
  #search-top-box-form input[type=submit] {
      background-color: #396633;
      background: linear-gradient(to bottom, #739966, #396633, #0b3300);
  }
   
  #search-top-box-form input[type=submit]:hover,
  #search-top-box-form input[type=submit]:focus {
      background-color: #739966;
      background: linear-gradient(to bottom, #0b3300, #739966, #396633);
  }
   
  /* LOGIN STATUS */
  #login-status ul a {
      color: #059400;
  }
   
  /* HEADER TEXT */
  #header h1 a {
      color: transparent;
      text-shadow: none;
  }
   
  #header h1 a::before {
      content: "Serpent's Hand";
      color: #eee;
  }
   
  #header h2 span {
      color: transparent;
      text-shadow: none;
  }
   
  #header h2 span::before {
      content: "The Garden is the Serpent's Place.";
      color: #f0f0c0;
  }
   
  /* SIDE BAR */
  #side-bar {
      padding: 10px;
      border: 2px dotted black;
      background-color: white !important;
      box-shadow: 0 2px 6px rgba(0,30,0,.5);
      border-radius: 10px;
      margin-bottom: 15px;
  }
   
  #side-bar .side-block,
  #interwiki .side-block {
      border: none;
      box-shadow: none; 
      background-color: white !important;
      margin-bottom: 0px;
      padding: 3px;
  }
   
  #side-bar .heading,
  #interwiki .heading {
      color: #1a3300;
      border-bottom: solid 1px #1a3300;
      width: 80%;
      margin: auto;
      margin-top: 1em;
  }
   
  #side-bar .collapsible-block-unfolded-link {
      border-bottom: solid 1px #1a3300;
  }
  #side-bar .collapsible-block-unfolded-link .collapsible-block-link {
      color: #116600;
  }
  #side-bar .collapsible-block-unfolded-link .collapsible-block-link:hover {
      color: #059400;
  }
   
  #interwiki .menu-item img {
      filter: hue-rotate(140deg) brightness(150%);
  }
   
  /* TOP-BAR */
  #top-bar ul li.sfhover a,
  #top-bar ul li:hover a {
      color: #059400;
  }
  #top-bar ul li ul a, #top-bar a:hover {
      color: #059400;
  }
   
  /* Page Rating Module Customizations */
  div.page-rate-widget-box .rate-points {
      background-color: #006c00;
      border: solid 1px #006c00;
  }
  .page-rate-widget-box .rateup,
  .page-rate-widget-box .ratedown {
      background-color: #F0FFEC;
      border-top: solid 1px #006c00;
      border-bottom: solid 1px #006c00;
  }
  .page-rate-widget-box .rateup a,
  .page-rate-widget-box .ratedown a {
      color: #006c00;
  }
  .page-rate-widget-box .rateup a:hover,
  .page-rate-widget-box .ratedown a:hover {
      background: #006c00;
      color: #EFFFEC;
  }
  .page-rate-widget-box .cancel {
      background-color: #006c00;
      border: solid 1px #006c00;
  }
  .page-rate-widget-box .cancel a {
      color: #EFFFEC;
  }
  .page-rate-widget-box .cancel a:hover {
      background: #DBFFCE;
      color: #EFFFEC;
  }
   
  /* INFO MODULE COMPATIBILITY */
  #page-content .rate-box-with-credit-button {
      background-color: #006c00;
      border-color: #006c00;
      border-radius: 5px;
      box-shadow: 1px 1px 3px rgba(0,0,0,.5);
  }
  #page-content .creditButton p a {
      border-left-color: #EFFFEC;
  }
   
  .close-credits,
  .credit-back {
      filter: hue-rotate(140deg);
  }
   
  #page-content .modalbox {
      box-shadow: 0 2px 6px rgba(0,30,0,.5);
  }
   
  /* AYER'S INFO MODULE */
  :root {
  --barColour: #006c00;
  }
   
  /* Standard Image Block */
  .scp-image-block {
      border: solid 1px #666;
      box-shadow: 0 1px 6px rgba(0,0,0,.25);
  }
  .scp-image-block .scp-image-caption {
      background-color: #eee;
      border-top: solid 1px #666;
  }
   
  /* YUI-TABS */
  .yui-navset .yui-nav a,
  .yui-navset .yui-navset-top .yui-nav a {
      background-image: url(https://scp-wiki.wdfiles.com/local--files/theme%3Awanderers/tabs.png);
  }
  .yui-navset .yui-nav .selected a,
  .yui-navset .yui-nav .selected a:focus, /* no focus effect for selected */
  .yui-navset .yui-nav .selected a:hover { /* no hover effect for selected */
      background:#077000 url(https://scp-wiki.wdfiles.com/local--files/theme%3Awanderers/tabs.png) repeat-x left -1400px; /* selected tab background */
  }
  .yui-navset .yui-nav a:hover,
  .yui-navset .yui-nav a:focus {
      background:#8d8 url(https://scp-wiki.wdfiles.com/local--files/theme%3Awanderers/tabs.png) repeat-x left -1300px;
  }
   
  /* MOBILE SIDEBAR */
   
  @media (max-width: 767px) {   
      #side-bar {
           background-color: white;
      }
      #side-bar:target {
           border: 2px dotted black;
      }
      #side-bar:target .close-menu {
          background: none; 
      }
  }
   
  /* footnote by 7happy7 */
  span:not([class]):not([style]) > sup.footnoteref:first-child > a.footnoteref:before,
  sup.footnoteref > a.footnoteref:before {
  content: "(";
  }
  span:not([class]):not([style]) > sup.footnoteref > a.footnoteref:before {
  content: ",";
  }

  Pages using this styling

  • fragment:8000contestampyrsand-3 [info]
  • his-mighty-snailordship [info]

  ¶ 2 occurrences
  

  
  div[class$="_memo3"] {
      background: var(--memo3-logo) rgba(var(--memo3-color), 1);
      background-size: contain;
      background-position: center;
      background-repeat: no-repeat;
      min-height: 4rem;
      margin-inline: auto;
      margin-block: 2rem;
      padding-inline: 20px;
      padding-block: 10px;
      border: solid 4px rgba(194, 168, 60, 255);
      text-align: center;
  }
  
  div[class$="_memo3"]::before {
      content: var(--memo3-heading);
      font-family: var(--UI-font);
      font-weight: 900;
      font-size: 1.3em;
      text-align: center;
      color: rgb(194, 168, 60);
      margin: 0 auto 1rem auto;
      display: flex;
      flex-direction: column;
      padding-top: 0.5em;
  }
  
  
  div.hmfscp_memo3 {
      --memo3-heading: "ON ORDER OF HER MAJESTY'S ROYAL FOUNDATION:";
      --memo3-logo: url(https://i.imgur.com/yltuzQl.png);
      --memo3-color: 38,41,50;
  }
  
  div.theosophists_memo3 {
      --memo3-heading: "⠀";
      --memo3-logo: url(https://i.imgur.com/ePy9Qn9.png);
      --memo3-color: 19,41,89;
  }
  

  Pages using this styling

  • fragment:8000contestampyrsand-10 [info]
  • fragment:8000contestampyrsand-4 [info]

  ¶ 2 occurrences
  

  
  div[class$="_memo2"] {
      background: var(--memo2-logo) rgba(var(--memo2-color), 1);
      background-size: contain;
      background-position: top center;
      background-repeat: no-repeat;
      min-height: 4rem;
      margin-inline: auto;
      margin-block: 2rem;
      padding-inline: 20px;
      padding-block: 10px;
      border: solid 2px rgba(0, 0, 0, 0.1);
      text-align: center;
  }
  
  div[class$="_memo2"]::before {
      content: var(--memo2-heading);
      font-family: var(--UI-font);
      font-weight: 900;
      font-size: 1.3em;
      text-align: center;
      color: rgb(250, 250, 250);
      margin: 0 auto 1rem auto;
      display: flex;
      flex-direction: column;
      padding-top: 0.5em;
  }
  
  div.triad_memo2 {
      --memo2-heading: "TRIAD HIGH COMMAND TRANSMISSION:";
      --memo2-logo: url(https://i.imgur.com/AHLcSce.png);
      --memo2-color: 4, 4, 10;
  }
  

  Pages using this styling

  • fragment:8000contestampyrsand-10 [info]
  • fragment:8000contestampyrsand-4 [info]

  ¶ 2 occurrences
  

  #header h1 a::before {
      content: "MFA";
  }
  #header h2 span {
      color: transparent;
      text-shadow: none;
  }
  #header h2 span::before {
      content: "Multiversal Foundation Alliance";
      color: white;
  }

  Pages using this styling

  • fragment:5526-1 [info]
  • fragment:5526-6 [info]

  ¶ 2 occurrences
  

  #header {
    background-image: url(https://scp-wiki.wikidot.com/local--files/grigori-karpin-s-author-page/Site-91%20Logo%20Smallest)
  }

  Pages using this styling

  • fox-hunt [info]
  • repatriation [info]

  ¶ 2 occurrences
  

  .boxyb {margin: 2em -6em;padding: 1em 10em;--narration-color: rgba(214, 234, 248,1);background: var(--narration-color);background: linear-gradient(90deg, rgba(255,255,255,0) 0%, var(--narration-color) 20%, var(--narration-color) 80%, rgba(255,255,255,0) 100%);z-index: -2;}
  .boxyb.inline {margin: 1em -6em;padding: 1px 10em;}
  .warning-top-box {background-color: #e3e3e3;border: 2px solid #a1a1a1;border-radius: 2px;margin: 0 auto 2em;text-align: center;padding: 10px;}

  Pages using this styling

  • flesh-and-wood [info]
  • scp-7166 [info]

  ¶ 2 occurrences
  

  hr { clear: both;}

  Pages using this styling

  • five-finger-discount [info]
  • romcon [info]

  ¶ 2 occurrences
  

  :root {
          --header-title: "Eduskip Division";
          --header-subtitle: "Study, Connect, Progress";
          --pale-accent: 244, 222, 0;
          --bright-accent: 214, 194, 25;
          --medium-accent: 119, 119, 119;
          --dark-accent: 42, 42, 42;
  }
  div#extra-div-1,div#extra-div-2{display:none;}

  Pages using this styling

  • first-lesson [info]
  • the-revert [info]

  ¶ 2 occurrences
  

  #header h2 span::before {
      content: 'Stardust to the Stars ';
  }

  Pages using this styling

  • fire-of-unknown-origin [info]
  • stairway-to-the-stars [info]

  ¶ 2 occurrences
  

  :root {
    --logo: url(https://scp-wiki.wdfiles.com/local--files/secure-facility-dossier-site-58/58logo.png);
    --title: "SITE-58:";
    --subtitle: "BRIDGING THE GAPS BETWEEN US";
  }
  .email-example .collapsible-block-folded a.collapsible-block-link {
      animation: blink 0.8s ease-in-out infinite alternate;
  }
  @keyframes blink {
      0% { color: transparent; }
      50%, 100% { color: #b01; }
  }
  .email {border: solid 2px #000000; width: 88%; padding: 1px 15px; margin: 10px; box-shadow: 0 1px 3px rgba(0,0,0,.5)}
  .email-example a.collapsible-block-link {font-weight: bold;}
  .tofrom {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px maroon}
  
  /* Borrowed from SCP-3984! */
  .outside {
    margin: 2em -6em;
    padding: 1em 10em;
    --narration-color: rgba(214, 234, 248,1);
    background: var(--narration-color);
    background: linear-gradient(90deg, rgba(255,255,255,0) 0%, var(--narration-color) 20%, var(--narration-color) 80%, rgba(255,255,255,0) 100%);
    z-index: -2;
  }
  
  /* Make the blue bois that are within the document have smaller margins so they break flow less*/
  .outside.inline {
    margin: 1em -6em;
    padding: 1px 10em;
  }
  
  .entry {
     background: #fcfcfc;
     margin: 1em 3em;
     padding: 0.75rem;
     border: solid 2px grey;
     text-align: center;
  }

  Pages using this styling

  • fading-stars-hub [info]
  • scp-8558 [info]

  ¶ 2 occurrences
  

  #toc { display: none; }

  Pages using this styling

  • explained-scps-tales-edition [info]
  • joke-scps-tales-edition [info]

  ¶ 2 occurrences
  

  .test{
      border:dotted 1px #000000;
      background:#f4f4f4;
      width:90%;
      padding:1px 15px;
      margin: 10px auto;
  }
  
  .addendum {
      border:solid 1px #5e5e5e;
      background:#ffffff;
      width:90%;
      padding:1px 15px;
      margin: 10px auto;
  }
  
  .page {
      display: block;
      overflow: hidden;
      font-family: "Monotype Corsiva", "Bradley Hand ITC", sans-serif;
      font-style: normal;
      background-attachment: scroll;
      background-clip: border-box;
      background-color: transparent;
      background-image: linear-gradient(to top ,rgb(202, 219, 228) 0%, rgb(231, 233, 220) 8%);
      background-origin: padding-box;
      background-position: 0px 8px;
      background-repeat: repeat;
      background-size: 100% 20px;
      border: 1px solid #CCC;
      border-radius: 10px;
      padding: 10px 10px;
      margin-bottom: 10px;
      box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2)
  }
  .page p,
  .page ul {
      line-height: 20px;
      margin: 0;
  }

  Pages using this styling

  • experiment-log-5846 [info]
  • scp-5846 [info]

  ¶ 2 occurrences
  

  @import url('https://fonts.googleapis.com/css2?family=Caveat&display=swap');
   
  .customFont{
  font-family: 'Caveat', courier; font-size: 20px; !important;
  }

  Pages using this styling

  • ever-turning [info]
  • scp-7793 [info]

  ¶ 2 occurrences
  

  /* Haha blue boi, or peach boi, courtesy of Croquembouche */
  .outside {
    margin: 2em -6em;
    padding: 1em 10em;
    --narration-color: rgba(255, 204, 204,1);
    background: var(--narration-color);
    background: linear-gradient(90deg, rgba(255,255,255,0) 0%, var(--narration-color) 20%, var(--narration-color) 80%, rgba(255,255,255,0) 100%);
    z-index: -2;
  }
  
  /* Make the peach bois that are within the document have smaller margins so they break flow less*/
  .outside.inline {
    margin: 1em -6em;
    padding: 1px 10em;
  }
  
  /* Force the side bar to render on top of the peach bois */
  #side-bar {
    z-index: 2;
  }
  #page-title {
    display: none;
  }
  .meta-title {
    border-bottom: solid 1px #bbbbbb;
    color: #990011;
    font-weight: normal;
    margin: 0 0 0.6em;
    padding: 0 0 0.25em;
    font-size: 200%;
  }
  .meta-title p {
    margin: 0;
  }

  Pages using this styling

  • essay-on-communicating-ideas [info]
  • essay-on-structuring-idea-crit [info]

  ¶ 2 occurrences
  

  .earthworm .hub.no a, .earthworm a[href="/"] {
      color: #b9b8b8;
  }

  Pages using this styling

  • erics-mega-zine-vol-50-the-cutout-room [info]
  • salvation [info]

  ¶ 2 occurrences
  

  :root {
    --header-title: "Entomology";
    --header-subtitle: "Odd is To Be Expected";
    --accent: 10, 10, 10;
    --logo-img: url("http://scp-sandbox-3.wdfiles.com/local--files/radiantgold/ento%20logo%20test.png");
  }

  Pages using this styling

  • entomology-intro-tale [info]
  • scp-6570 [info]

  ¶ 2 occurrences
  

  @import url('https://fonts.googleapis.com/css?family=Calistoga|Mr+Dafoe&display=swap');
  
  /*
      The Mr Dafoe font was created by Sudtipos and is licensed under the Open Font License
      The Calistoga font was created by Yvonne Schuttler and Eben Sorkin and is licensed under the Open Font License
  */
  
  #page-title { display: none; }

  Pages using this styling

  • eggplant-election-special [info]
  • eggplant-heartbreak-edition [info]

  ¶ 2 occurrences
  

  :root {
     /* Header */
      --header-title: "Bellerverse ";
      --header-subtitle: "Welcome to the end of the world.";
      --gray-monochrome: 26, 25, 24;
  
     /* Basic Colours */
      --pale-accent: 214,181,98;
      --bright-accent: 183, 166, 110;
      --medium-accent: 214,181,98;
      --dark-accent: 214,181,98;
      --alt-accent: 185,150,80;
  
  
      /* Header Images */
      /*--gradient-header: url("http://scp-sandbox-3.wikidot.com/local--files/moned-theme-test/MarsWork.jpg"); */
      /*--header-background-image-size: 290px 9rem;*/
      /*--header-height-on-desktop:  9rem;*/
      /*--header-height-on-mobile: 9rem;*/
     /*--diagonal-stripes: none;*/
  
  
  #side-block {
    --display: inline-block;
    --border-radius: 10px;
    --border:solid 7px #560000;
    --background:#F5F5F5;
    --float:top; width:90.2%;
    --padding:10px
  }
  }

  Pages using this styling

  • dreams-of-nothing [info]
  • writing-history [info]

  ¶ 2 occurrences
  

  a.collapsible-block-link { font-weight: bold; }
  
  a:visited { color: #083f77}
  
  #side-bar .side-block {
      border-color: #0e7dcd;
      box-shadow: 0 2px 6px rgba(0,0,51,.5);
  }

  Pages using this styling

  • dread-circuses-jumps-the-shark [info]
  • spc-682 [info]

  ¶ 2 occurrences
  

  :root {
      --background: linear-gradient(0.25turn, #89928a, #cfcfcc , #89928a);
      /* A grey gradient */
      --pale-accent: 91,107,107;
      /* light grey, for visited links (an unvisited) */
      --bright-accent: 171, 186, 186;
      /* bright grey */
      --medium-accent: 118, 142, 142;
      /* medium/light grey - the "default" accent color */
      --dark-accent: 89, 99, 99;
      /* dark grey */
      --alt-accent: 118, 124, 124;
      /* light grey */
  }

  Pages using this styling

  • dr-moned-s-icons-and-art [info]
  • scp-5669 [info]

  ¶ 2 occurrences
  

  #page-content .info-container {
      --link-color: rgb(var(--swatch-text-general));
  }
  
  #page-content .info-container .translation_block {
      display: none;
  }
  
  #page-content .info-container .collapsible-block-link,
  #page-content .info-container:hover .collapsible-block-link {
      line-height: 1.6em;
  }
  
  #page-content .info-container .collapsible-block-folded,
  #page-content .info-container .collapsible-block-unfolded-link {
      display: grid;
  }
  
  #page-content .info-container .collapsible-block-folded .collapsible-block-link,
  #page-content .info-container .collapsible-block-link {
      -webkit-mask: unset;
              mask: unset;
      background: transparent;
      grid-column: 1;
      grid-row: 1;
      opacity: 0;
  }
  
  #page-content .info-container .collapsible-block-folded::before,
  #page-content .info-container .collapsible-block-unfolded-link::before {
      --wght: 800;
      content: "djkaktus";
      color: #FFFFFF;
      font-family: Inter, Arimo, Verdana, Geneva, "Helvetica Neue", "Helvetica", Arial, sans-serif;;
      display: block;
      pointer-events: none;
      grid-column: 1;
      grid-row: 1;
  }

  Pages using this styling

  • djkaktus-s-proposal-ii [info]
  • djkaktus-s-proposal-iii [info]

  ¶ 2 occurrences
  

  
  #page-content .info-container {
      --link-color: rgb(var(--swatch-text-general));
  }
  
  #page-content .info-container .collapsible-block-link,
  #page-content .info-container:hover .collapsible-block-link {
      line-height: 1.6em;
  }
  
  #page-content .info-container .collapsible-block-folded,
  #page-content .info-container .collapsible-block-unfolded-link {
      display: grid;
  }
  
  #page-content .info-container .collapsible-block-folded .collapsible-block-link,
  #page-content .info-container .collapsible-block-link {
      -webkit-mask: unset;
              mask: unset;
      background: transparent;
      grid-column: 1;
      grid-row: 1;
      opacity: 0;
  }
  
  #page-content .info-container .collapsible-block-folded::before,
  #page-content .info-container .collapsible-block-unfolded-link::before {
      --wght: 800;
      content: "ETC";
      color: #FFFFFF;
      font-family: Inter, Arimo, Verdana, Geneva, "Helvetica Neue", "Helvetica", Arial, sans-serif;;
      display: block;
      pointer-events: none;
      grid-column: 1;
      grid-row: 1;
      line-height: 2.75ex;
  }
  
   #page-title{
       display: none;
  }
  

  Pages using this styling

  • did-it-hurt-when-you-fell-from-heaven [info]
  • sarkic-text-archive [info]

  ¶ 2 occurrences
  

  a#history-button, a#files-button {
  display: none!important;
  }

  Pages using this styling

  • devil-s-here-to-collect [info]
  • kothardarastrix-ae [info]

  ¶ 2 occurrences
  

  :root:has(.petal-toggle .collapsible-block-unfolded[style*="display: none"]) .snowflakes{
    display: none !important;
  }
  
  :root:has(.petal-toggle .collapsible-block-folded[style*="display: none"]) .snowflakes{
    display: block !important;
  }
  
  #page-content#page-content .petal-toggle a.collapsible-block-link{
    display: inline-block;
    border: 1px solid rgba(var(--spring-border), 0.95);
    padding: .25rem .7rem;
    background: rgba(var(--spring-mist), 0.65);
    color: rgb(var(--spring-leaf-dk));
    text-decoration: none !important;
    font-weight: 700;
  }
  
  #page-content#page-content .petal-toggle a.collapsible-block-link:hover{
    background: rgba(var(--spring-leaf), 0.14);
    border-color: rgba(var(--spring-leaf), 0.35);
  }
  
  .petal-toggle .collapsible-block-folded,
  .petal-toggle .collapsible-block-unfolded{
    margin-top: .25rem;
  }

  Pages using this styling

  • deer-college-mentor-event [info]
  • wackdog [info]

  ¶ 2 occurrences
  

  .snowflakes .snowflake:nth-child(1)  { -webkit-animation-delay:-0.5s,-0.2s !important; animation-delay:-0.5s,-0.2s !important; }
  .snowflakes .snowflake:nth-child(2)  { -webkit-animation-delay:-1.6s,-0.7s !important; animation-delay:-1.6s,-0.7s !important; }
  .snowflakes .snowflake:nth-child(3)  { -webkit-animation-delay:-2.8s,-1.1s !important; animation-delay:-2.8s,-1.1s !important; }
  .snowflakes .snowflake:nth-child(4)  { -webkit-animation-delay:-4.1s,-1.6s !important; animation-delay:-4.1s,-1.6s !important; }
  .snowflakes .snowflake:nth-child(5)  { -webkit-animation-delay:-5.3s,-2.0s !important; animation-delay:-5.3s,-2.0s !important; }
  .snowflakes .snowflake:nth-child(6)  { -webkit-animation-delay:-6.7s,-2.4s !important; animation-delay:-6.7s,-2.4s !important; }
  .snowflakes .snowflake:nth-child(7)  { -webkit-animation-delay:-7.9s,-2.8s !important; animation-delay:-7.9s,-2.8s !important; }
  .snowflakes .snowflake:nth-child(8)  { -webkit-animation-delay:-9.2s,-0.4s !important; animation-delay:-9.2s,-0.4s !important; }
  .snowflakes .snowflake:nth-child(9)  { -webkit-animation-delay:-3.4s,-2.6s !important; animation-delay:-3.4s,-2.6s !important; }
  .snowflakes .snowflake:nth-child(10) { -webkit-animation-delay:-8.6s,-1.3s !important; animation-delay:-8.6s,-1.3s !important; }
  .snowflakes .snowflake:nth-child(11) { -webkit-animation-delay:-1.0s,-2.9s !important; animation-delay:-1.0s,-2.9s !important; }
  .snowflakes .snowflake:nth-child(12) { -webkit-animation-delay:-6.0s,-0.9s !important; animation-delay:-6.0s,-0.9s !important; }

  Pages using this styling

  • deer-college-mentor-event [info]
  • wackdog [info]

  ¶ 2 occurrences
  

  #page-content .circle-1 .label-box .label{
  color: black;
  text-shadow:1px 1px 1px white,-1px 1px 1px white,1px -1px 1px white,-1px -1px 1px white;
  }

  Pages using this styling

  • dark-sushi-file-no-1221 [info]
  • yamizushi-file-no995 [info]

  ¶ 2 occurrences
  

  :root {
      --header-title: "SCP Foundation";
      --header-subtitle: "Cryptozoology Division";
      --logo-image: url("http://scp-sandbox-3.wikidot.com/local--files/ozzylizard-2/CryptozoologyDivision2.png");
  
      --pale-accent: 93, 125, 0;
      /* light red, for visited links */
      --bright-accent: 0, 133, 5;
      /* bright red */
      --medium-accent: 46, 100, 44;
      /* medium red - the "default" accent color */
      --dark-accent: 3, 100, 15;
      /* dark red */
      --alt-accent: 102, 221, 17;
      /* pale orange, for newpage links */
  
  }

  Pages using this styling

  • cryptozoology-division-hub (2) [info]
  • scp-6730 [info]

  ¶ 2 occurrences
  

  @import url(http://kaktuskontainer.wikidot.com/component:darkbodytheme/code/1);

  Pages using this styling

  • crossfire [info]
  • intelligence-agency-data-archive-subject-mages [info]

  ¶ 2 occurrences
  

  .serpent-death {
      border-color: rgb(44,46,100);
      border-width: 0 5px;
      border-style: solid;
      border-radius: 3em;
      padding: 1px 1em;
      background: rgb(204, 204, 204);
  }
  
  #page-content h1 {
      font-family: 'Saira Stencil One', cursive;
      text-align: center;
      font-weight: unset;
  }

  Pages using this styling

  • crocosquid-vs-kong [info]
  • karen-queen-of-the-monsters [info]

  ¶ 2 occurrences
  

  
  .collection .collapsible-block-unfolded-link a , .collection .collapsible-block-folded a {
  background-color: #c8e293 !important;
  color: #665731 !important;
  }
  
  .titlecolumn {
  background-color: #c8e293 !important;
  color: #665731 !important;
  }
  
  .namerow {
  background-color: #c8e293 !important;
  color: #665731 !important;
  }
  
  .namerow a {
    color: #148c14 !important;
  }
  .footnotes-footer {
  display: none;
  }

  Pages using this styling

  • critter-profile-sparky [info]
  • critter-profile-thunder [info]

  ¶ 2 occurrences
  

  .buttonsup:after{
  content:"△";
  font-size:120%;
  }
  .buttonsdown:after{
  content:"▽";
  font-size:120%;
  }
  .buttonsup:hover:after{
  content:"△";
  font-size:120%;
  color:#d93a00;
  cursor:pointer;
  }
  .buttonsdown:hover:after{
  content:"▽";
  font-size:120%;
  color:#6a5cff;
  cursor:pointer;
  }
  .reddit{
  display:flex;
  justify-content:flex-start;
  align-items:center;
  flex-direction:row;
  font-size:14px;
  }
  .reddit p {
  line-height:6px;
  }
  .roddit{
  margin-right:0.75rem;
  line-height:21px;
  background:#eaedef;
  border-radius:16px;
  padding-left:5px;
  padding-right:5px;
  white-space: nowrap;
  }
  .roddit:hover{
  background:#e2e7e9;
  cursor:pointer;
  }
  .rooddit{
  font-size:12px;
  }
  .ruddit{
  margin-right:0.75rem;
  line-height:21px;
  border-radius:16px;
  padding-left:5px;
  padding-right:5px;
  }

  Pages using this styling

  • critter-profile-cack-dealer [info]
  • scp-7925 [info]

  ¶ 2 occurrences
  

  
  #header {
      background-image: url(https://scp-wiki.wdfiles.com/local--files/scp-3176/temporal_dept_logo.png);
  }
  
  #header h2 span {
      display: block;
      margin: 0;
      padding: 19px 0;
      line-height: 0px;
      max-height: 0px;
      font-weight: bold;
      color: transparent;
      text-shadow: none;
  }
  
  #header h2 span::before {
      content: 'Department of Temporal Anomalies ';
      color: #f0f0c0;
      text-shadow: 1px 1px 1px #000;
      text-shadow: 1px 1px 1px rgba(0,0,0,.8);
  }
  

  Pages using this styling

  • conservation-of-bullshit [info]
  • scp-4417 [info]

  ¶ 2 occurrences
  

  td { vertical-align: top; }
  td strong { white-space: nowrap; }
  .options table.wiki-content-table td { border: none; padding: 0.7em 1em; }

  Pages using this styling

  • component:theme-squares [info]
  • component:vaf-links [info]

  ¶ 2 occurrences
  

  div.preview { display: none; }

  Pages using this styling

  • component:preview [info]
  • scp-6961 [info]

  ¶ 2 occurrences
  

  @import url('https://scp-wiki.wdfiles.com/local--code/component%3Adoc-transcript-swapper/1');

  Pages using this styling

  • component:doc-transcript-swapper [info]
  • scp-6362 [info]

  ¶ 2 occurrences
  

  @import url("https://nu-scptheme.github.io/Black-Highlighter/stable/styles/normalize.min.css");
  @import url("https://nu-scptheme.github.io/Black-Highlighter/stable/styles/black-highlighter.min.css");
  #page-title, h1 {
      text-align: center;
  }
  
  h1 {
      color: rgb(var(--swatch-primary));
  }

  Pages using this styling

  • component:classification-effect-source [info]
  • component:image-features-source [info]

  ¶ 2 occurrences
  

  @import url(https://scp-wiki.wdfiles.com/local--code/component%3Achicago-spirit/1);

  Pages using this styling

  • component:chicago-spirit [info]
  • doctorlilithsophia-s-personnel-file [info]

  ¶ 2 occurrences
  

  @import url("https://nu-scptheme.github.io/Black-Highlighter/stable/styles/normalize.min.css");
  @import url("https://nu-scptheme.github.io/Black-Highlighter/stable/styles/black-highlighter.min.css");
  
  :root {
      --five-color: 196,2,51;
      --four-color: 255,109,0;
      --three-color: 255,211,0;
      --two-color: 0,135,189;
      --one-color: 0,159,107;
  }
  
  .color-five {
      background-color: rgb(var(--five-color));
  }
  
  .color-four {
      background-color: rgb(var(--four-color));
  }
  
  .color-three {
      background-color: rgb(var(--three-color));
  }
  
  .color-two {
      background-color: rgb(var(--two-color));
  }
  
  .color-one {
      background-color: rgb(var(--one-color));
  }
  
  .color-gray {
      background-color: rgba(var(--gray-monochrome, 66, 66, 72),0.15);
  }
  
  .color-white {
      background-color: rgb(var(--white-monochrome, 252, 252, 252));
  }
  
  .color-black {
      background-color: rgb(var(--black-monochrome, 12, 12, 12));
  }
  
  .icons {
      display: grid;
      grid-template-columns: repeat(5, calc((100% / 5) - 0.25rem));
      grid-gap: 0.25rem;
  }
  
  .class-table-box {
      display: grid;
      grid-template-columns: 1fr 75%;
      background-color: rgb(var(--black-monochrome));
      grid-gap: 0.125rem;
      margin-top: 0.5rem;
  }
  
  .class-table-box > div {
      padding: 0.5rem;
  }
  
  .class-name {
      font-family: var(--title-font);
      font-size: 1.15em;
      display: flex;
      align-items: center;
      justify-content: center;
  }
  
  .class-description {
      background-color: rgb(var(--white-monochrome));
  }
  
  @media (max-width: 500px ) {
  .icons {
      grid-template-columns: repeat(3, calc((100% / 3) - 0.25rem));
  }
  }
  
  .icon_image {
      border-radius: 50%;
      border: 0.25rem solid  rgb(var(--black-monochrome, 12, 12, 12));
      overflow: hidden;
  }
  
  .icon_name,
  .icon_link {
      font-family: var(--title-font);
      display: flex;
      align-items: center;
      justify-content: center;
      text-transform: uppercase;
  }
  
  h1, h2 {
      text-align: center;
  }
  
  .step_container {
      margin: 0.5rem 0;
      border: 1px solid #999;
      padding: 1em;
  }
  
  .help {
      display: flex;
      align-content: stretch;
      padding-top: 1em;
      border-top: 1px dashed #999;
  }
  
  .help blockquote {
      margin: 0;
      font-size: 85%;
  }
  
  .help blockquote > p {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      align-content: center;
      margin-right: 0;
      min-height: 2rem;
      margin: 0;
  }
  
  .help blockquote > p * {
      margin: 0 0.1rem;
      height: 100%;
  }
  
  .help blockquote:nth-of-type(1) {
      width: 50%;
      background: transparent;
      border: unset;
      box-shadow: unset;
      text-align: right;
      margin-right: 0;
      padding: 0;
  }
  
  .help blockquote:nth-of-type(1) > p {
      justify-content: flex-end;
  }
  
  .help blockquote:nth-of-type(2) {
      margin-left: 1em;
      width: 50%;
  }
  
  #page-content > .collapsible-block {
      display: block;
      text-align: center;
      padding: 0.75em;
      background-color: lightgrey;
      border-top: 0.125rem dashed slategrey;
      border-bottom: 0.125rem dashed slategrey;
  }
  
  #page-content > div.collapsible-block > div.collapsible-block-unfolded > div.collapsible-block-content {
      text-align:left;
  }

  Pages using this styling

  • component:anomaly-class-bar [info]
  • scp-5676 [info]

  ¶ 2 occurrences
  

  @import url("https://nu-scptheme.github.io/Black-Highlighter/stable/styles/normalize.min.css");
  @import url("https://nu-scptheme.github.io/Black-Highlighter/stable/styles/black-highlighter.min.css");
  
  h1 {
      color: rgb(var(--swatch-primary));
  }

  Pages using this styling

  • component:acs-hybrid-text-bar-source [info]
  • component:blacklight-box-source [info]

  ¶ 2 occurrences
  

  
  :root {
      --header-title: "SCP Foundation";
      --header-subtitle: "BRIDGING THE GAPS BETWEEN US";
      --sp_header-logo: url(https://cdn.discordapp.com/attachments/852640296693137469/1081244349792260166/58logotrans.png);
  }
  #header::before { mix-blend-mode: normal; }

  Pages using this styling

  • come-find-us [info]
  • oris-box [info]

  ¶ 2 occurrences
  

  @import url("https://use.typekit.net/tqr1skr.css");
  @import url('https://fonts.googleapis.com/css?family=Playfair+Display:700|Poppins:400,600&display=swap');
  @import url('https://fonts.googleapis.com/css?family=Berkshire+Swash');
  
  h4 {
      color: #780d8e;
      padding: 0 0 0.25em;
      margin: 0 0 0.6em;
      font-family: 'Berkshire Swash', cursive;
  }
  
  /* NEWSPAPER, slight modification of Pitchfork CSS by Lt Flops */
  .newspaper-header{
      line-height: 38.1px;
      font-size: 300%;
      font-family: 'Playfair Display', serif;
      font-weight: 700;
  }
  
  .parawatch{
      background-color: #000;
      border: 2px solid #262626;
      color: #f2f2f2;
      font-family: "Courier", "Courier New", "Roboto Mono", monospace;
      padding: 0 1em;
      font-size: 1.1em;
  }
  .parawatch hr{margin: 1em 2em; padding: 0; height: 1px; border: none; background-color: #f2f2f2;}
  
  .parawatch blockquote{
      background: #000;
      border-width: 2px;
      border-style: solid;
      border-color: #262626;
  }
  
  :root {
      --header-title: "SCProtectorate";
      --header-subtitle: "Mundus, Liberari";  
  --logo-image: url("https://scp-wiki.wdfiles.com/local--files/mundus-liberari/MundusLiberari.png");
  

  Pages using this styling

  • collective-punishment [info]
  • mundus-liberari [info]

  ¶ 2 occurrences
  

  .list-pages-box .preview { display: block; }

  Pages using this styling

  • cimmerian-s-workbench [info]
  • dr-cimmerian-s-personnel-file [info]

  ¶ 2 occurrences
  

  @import url('https://fonts.googleapis.com/css?family=Pangolin&display=swap');
  :root {
     --logo-image:url("http://smlt.wdfiles.com/local--files/plaguebearer%3Anobody/%3F");
     --header-title: 'NOBODY';
     --header-subtitle: '...';
  }
  
  div.nobody {
      width: 70%;
      margin: 1rem auto;
      text-align: center;
      padding: 0.6rem;
      font-family: 'Pangolin', cursive;
      border: 1px solid #CCC;
      border-radius: 5px;
      box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2)
      background-attachment: scroll;
      background-clip: border-box;
      background-color: transparent;
      background-image: linear-gradient(to top ,rgb(202, 219, 228) 0%, rgb(231, 233, 220) 8%);
      background-origin: padding-box;
      background-position: 0px 8px;
      background-repeat: repeat;
      background-size: 100% 20px;
  }

  Pages using this styling

  • chiaroscuro [info]
  • scp-5353 [info]

  ¶ 2 occurrences
  

  :root {
      --header-title:"Orlando";
      --header-subtitle:"An Extended Biography";
      --logo-image: url("https://scp-sandbox-3.wdfiles.com/local--files/queerlando-theme/quill_shadow.png");
  }
  
  #header h1 a:before {
      font-size: clamp(3rem, 24vw, 6rem);
  }
  
  #header h2 span::before {
      font-size: 1.3em;
      padding-top: 0.5em;
      margin-left: -0.5em;
      text-shadow: 0.125rem 0.125rem 0 rgb(79 79 79);
  }

  Pages using this styling

  • chamomile [info]
  • the-widows [info]

  ¶ 2 occurrences
  

  #header h2 span {
    display: inline;
    color:transparent;
    text-shadow: none;
  }
  
  #header h2 span::before {
    content: "When the Sun goes Down";
    color: #f0f0c0;
    text-shadow: 1px 1px 1px rgba(0,0,0,.8);
    display: block;
    padding: 19px 0;
  }
  
  #header h1 a::before, #header h1 a::after {
    font-size: inherit;
  }
  
  #header h1 a span {
    width: 0em;
  }

  Pages using this styling

  • centre-quand-le-soleil-se-couche [info]
  • scp-que13-126 [info]

  ¶ 2 occurrences
  

  #header {background-image: url(https://scp-wiki.wikidot.com/local--files/slice-of-life/spicy-crust-pizzeria.png);}
  #header h1 a {
      display: block;
      margin: 0;
      padding: 80px 0 25px;
      line-height: 0px;
      max-height: 0px;
      color: transparent;
      background: transparent;
      font-family: BauhausLTDemi. 'Nanum Gothic'. Arial. sans-serif;
      text-decoration: none;
      text-shadow: none;
      letter-spacing: 0.9px;
  }
   
  #header h1 a::before {
      content: "SCP Foundation";
      color: #fff;
      letter-spacing: -0.02em;
      text-shadow: 3px 3px 5px #000;
  }
   
  #header h2 span {
      display: block;
      margin: 0;
      padding: 19px 0;
      line-height: 0px;
      max-height: 0px;
      font-weight: bold;
      color: transparent;
      text-shadow: none;
  }
   
  #header h2 span::before {
      content: 'Subs, Chicken Wings, Panzerotti';
      color: #fff;
      text-shadow: 1px 1px 1px #000;
      text-shadow: 1px 1px 1px rgba(0,0,0,.8);
  }
  
  sup {
    vertical-align: top;
    position: relative;
    top: -0.5em;
  }
  
  .scp-image-block.block-right { margin: 1em 2em 1em 1em; }
  

  Pages using this styling

  • cater-duty [info]
  • slice-of-life [info]

  ¶ 2 occurrences
  

  
  :root {
    --accentColor: #1EB5E8;
    --darkColor: #101112; 
    --darkerColor:#020203;
  }
  
  body {
      font-family: 'Inter', sans-serif;
      font-size: .9325rem;
      color: #dedede;
      accent-color: var(--accentColor);
  }
  
  :root {
  --header-title: "SCP Foundation";
  --header-subtitle: "Secure. Contain. Protect.";
  }
  

  Pages using this styling

  • calm-before-the-storm [info]
  • olympus-has-fallen-in-love [info]

  ¶ 2 occurrences
  

  #container {
    width: 100%;
    margin: 0px;
    background: linear-gradient(to bottom, #2c2630, #000000);
  }
  
  :root:root:root:root:root:root #page-content a { 
    box-shadow: none;
  }
  
  #page-content#page-content .page-rate-widget-box a {
    color: transparent;
  }
  
  a {
    color: #73508c;
  }
  
  :root {
    --rate-module-background-color: 16, 50, 50;
    --link-color: 190, 130, 230;
    --visited-link-color: 190, 130, 230;
  }
  
  #page-content#page-content a {
    color: rgb(var(--link-color));  
  }
  
  #page-content#page-content .page-rate-widget-box a {
    color: transparent;
  }
  
  #page-content#page-content .rate-box-with-credit-button a {
      color: transparent;
  }
  

  Pages using this styling

  • businessmen [info]
  • names-don-t-matter [info]

  ¶ 2 occurrences
  

  @import url('https://fonts.googleapis.com/css2?family=Baumans&display=swap');
  div#page-content a.collapsible-block-link{
  color: #315B7D;
  font-size: 140%;
  font-weight: bold;
  font-family: "Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica;
  letter-spacing: 1px;
  }
  #header h2 span::before {
      content: 'Stardust to the Stars ';
  }

  Pages using this styling

  • burnin-for-you [info]
  • scp-6523 [info]

  ¶ 2 occurrences
  

  @import url('https://fonts.googleapis.com/css2?family=Annie+Use+Your+Telescope&display=swap');
  
  .page
  {
  display: block;    
  overflow: hidden;
  font-family: 'Annie Use Your Telescope', cursive;
  font-style: cursive;
  font-size: 19px;
  line-height: 20px;
  
  background-attachment: scroll;
  background-clip: border-box;
  background-color: transparent;
  background-image: linear-gradient(to top ,rgb(21, 21, 21) 0%, rgb(210, 210, 210) 8%);
  background-origin: padding-box;
  background-position: 0px 8px;
  background-repeat: repeat;
  background-size: 100% 20px;
  
  border: 1px solid #CCC;
  border-radius: 10px;
  padding: 10px 10px;
  margin-bottom: 10px;
  }
  
  .page p, .page ul
  {
  line-height: 20px;
  margin: 0;
  }
  
  .page li
  {
  line-height: 200%;
  }
      
  .page ul
  {
  margin-top: 10px;
  margin-bottom: 10px;
  }
  
  
  .VideoConference{
   background-color: #303030;
   color: #d0d0d0;
   
   padding: 14px;
   border-radius: 21px;
  }
  
  :root {
      --header-title: "SITE-78";
      --header-subtitle: "Uncovering the Mysteries of the Midwest";}

  Pages using this styling

  • bromus-inermis-renovationis [info]
  • scp-2704 [info]

  ¶ 2 occurrences
  

  @import url('https://fonts.googleapis.com/css?family=Gochi+Hand|Source+Sans+Pro&display=swap');
  
  
  .rmpostcontainer
  {
      background-image: url('http://scp-wiki.wikidot.com/local--files/component:laruepost/LaRueDesk.png');
      background-repeat: no-repeat;
      width: 100%; max-width: 660px;
      height: 980px;
      margin: 0px;
          padding: 60px 20px 0px 60px;
  }
  
  .rmpostcontent
  {
      font-family: 'Source Sans Pro', sans-serif;
      font-family: 'Gochi Hand', cursive;
      font-style: normal;
      font-size: 1.30em;
      color: #000;
      width: 530px;
      height: 880px;
      padding: 30px;
      margin: 0px;
      margin-top: -8px;
  }
  
  .rmpostmobiletitle
  {
      display: none;
  }
  
  
  @media only screen and (max-width: 600px) {
  
      .rmpostcontainer {
          background-image: url("http://scp-wiki.wikidot.com/local--files/component:laruepost/LaRueMobile.png");
          background-size: 100%;
          background-repeat: repeat;
          width: 100%;
          height: auto;
          padding: 0px;
          padding-top: 0px;
      }
  
      .rmpostcontent {
          font-size: 14pt;
          width: 85%;
          height: auto;
          padding: 10px 10px 0px 30px;
      }
  
      .rmposttitle {
          width: auto;
          height: auto;
          padding: 0px 20px 0px 70px;
      }
  
  }
  

  Pages using this styling

  • brain-stew [info]
  • component:laruepost [info]

  ¶ 2 occurrences
  

  sup {
  vertical-align: top; position: relative; top: -0.5em;
  }
  :root{
  --cutColour: #fafafa;
  --barColour: #590505;
  }
  .translation_block{
  display:none;}
  
  #page-content .info-container {
      --link-color: rgb(var(--swatch-text-general));
  }
  
  #page-content .info-container .translation_block {
      display: none;
  }
  
  #page-content .info-container .collapsible-block-link,
  #page-content .info-container:hover .collapsible-block-link {
      line-height: 1.6em;
  }
  
  #page-content .info-container .collapsible-block-folded,
  #page-content .info-container .collapsible-block-unfolded-link {
      display: grid;
  }
  
  #page-content .info-container .collapsible-block-folded .collapsible-block-link,
  #page-content .info-container .collapsible-block-link {
      -webkit-mask: unset;
              mask: unset;
      background: transparent;
      grid-column: 1;
      grid-row: 1;
      opacity: 0;
  }
  
  #page-content .info-container .collapsible-block-folded::before,
  #page-content .info-container .collapsible-block-unfolded-link::before {
      --wght: 800;
      content: "Fantem";
      color: #FFFFFF;
      font-family: Inter, Arimo, Verdana, Geneva, "Helvetica Neue", "Helvetica", Arial, sans-serif;;
      display: block;
      pointer-events: none;
      grid-column: 1;
      grid-row: 1;
  }
  
  .pulsate {
      -webkit-animation: pulsate 1s linear;
      -webkit-animation-iteration-count: infinite;
  }
  @-webkit-keyframes pulsate {
    0% {
      opacity:1;
    }
    25% {
      opacity:.20;
    }
    50% {
      opacity:.9;
    }
    70% {
      opacity:.05;
    }
    85% {
      opacity:.05;
    }
  }
  
  
  div.Dent {
  display: block;
  padding: 0.7rem 0.7rem 0.7rem 0.7rem;
  margin: 1rem auto 1rem auto;
  width: 70%;
  font-family: 'Inconsolata', monospace;
  background: black;
  color: white;
  box-shadow: 0px 0px 3px -3px rgba(0, 0, 0, 0.081), 0px 0px 10.1px -3px rgba(0, 0, 0, 0.119), 0px 0px 45px -3px rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  }

  Pages using this styling

  • better-days [info]
  • happy-yuletide [info]

  ¶ 2 occurrences
  

  
  @import url('https://fonts.googleapis.com/css2?family=Charm:wght@400;700&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Courier+Prime:ital,wght@0,400;0,700;1,400;1,700&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');
  
  .page {
      display: block;
      transform: rotate(1.2deg);
      overflow: hidden;
      font-family: "Charm", sans-serif;
      font-style: normal;
      font-size: 15px;
      line-height: 1.2;
      box-shadow: 0px 0px 7px;
      background-attachment: scroll;
      background-clip: border-box;
      background-color: white;
      background-image: linear-gradient(to top ,rgb(255, 255, 255) 45%, rgb(255, 255, 255) 8%);
      background-origin: padding-box;
      background-position: 0px 8px;
      background-repeat: repeat;
      background-size: 100% 20px;
      border: 1px solid #CCC;
      padding: 10px 10px;
      margin-bottom: 10px;
      box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2)
  }
  .page p,
  .page ul {
      line-height: 20px;
      margin: 0;
  }
  .email {border: solid 2px #000000; width: 88%; padding: 1px 15px; margin: auto; box-shadow: 0 1px 3px rgba(0,0,0,.5); background-color: white; color: black; font-family: "Helvetica";}
  .email-example a.collapsible-block-link {font-weight: bold;}
  .tofrom {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px royalblue;font-family: "Helvetica"}
  .tofrom2 {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px royalblue; font-family: "Helvetica"}
  
  a, a.newpage, a:visited, #interwiki a, #side-bar a {
      color: royalblue;
  }
  
  .zillow {
    border: solid 2px royalblue;
    width: 75%;
    padding: 1px 15px;
    margin: auto;
    background-color: white;
    color: black;
    font-family: "Open Sans";
  }
  
  .court-document {
  display: grid;
  border: 2px solid black;
  width: fit-content;
  counter-reset: lineno;
  grid-template-columns: repeat(2, auto);
  overflow: hidden;
  background-color: #ebdaf3;
  color: black;
  }
  
  .num::before {
  content: counter(lineno);
  counter-increment: lineno;
  }
  
  .monospace {
  font-family: 'Andale Mono', 'Courier New', Courier, monospace;
  line-height: 1;
  padding: 10px;
  font-size: 16px;
  }
  
  .monospace p {
  margin: 1lh 0;
  line-height: 1;
  }
  
  .lineno-container {
  height: 0;
  }
  
  .linenos {
  border-right: 1px solid black;
  }
  
  .nums::after {
  content: "1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 179 180 181 182 183 184 185 186 187 188 189 190 191 192 193 194 195 196 197 198 199 200 201 202 203 204 205 206 207 208 209 210 211 212 213 214 215 216 217 218 219 220 221 222 223 224 225 226 227 228 229 230 231 232 233 234 235 236 237 238 239 240 241 242 243 244 245 246 247 248 249 250 251 252 253 254 255 256 257 258 259 260 261 262 263 264 265 266 267 268 269 270 271 272 273 274 275 276 277 278 279 280 281 282 283 284 285 286 287 288 289 290 291 292 293 294 295 296 297 298 299 300 301 302 303 304 305 306 307 308 309 310 311 312 313 314 315 316 317 318 319 320 321 322 323 324 325 326 327 328 329 330 331 332 333 334 335 336 337 338 339 340 341 342 343 344 345 346 347 348 349 350 351 352 353 354 355 356 357 358 359 360 361 362 363 364 365 366 367 368 369 370 371 372 373 374 375 376 377 378 379 380 381 382 383 384 385 386 387 388 389 390 391 392 393 394 395 396 397 398 399 400 401 402 403 404 405 406 407 408 409 410 411 412 413 414 415 416 417 418 419 420 421 422 423 424 425 426 427 428 429 430 431 432 433 434 435 436 437 438 439 440 441 442 443 444 445 446 447 448 449 450 451 452 453 454 455 456 457 458 459 460 461 462 463 464 465 466 467 468 469 470 471 472 473 474 475 476 477 478 479 480 481 482 483 484 485 486 487 488 489 490 491 492 493 494 495 496 497 498 499 500 501 502 503 504 505 506 507 508 509 510 511 512 513 514 515 516 517 518 519 520 521 522 523 524 525 526 527 528 529 530 531 532 533 534 535 536 537 538 539 540 541 542 543 544 545 546 547 548 549 550 551 552 553 554 555 556 557 558 559 560 561 562 563 564 565 566 567 568 569 570 571 572 573 574 575 576 577 578 579 580 581 582 583 584 585 586 587 588 589 590 591 592 593 594 595 596 597 598 599 600 601 602 603 604 605 606 607 608 609 610 611 612 613 614 615 616 617 618 619 620 621 622 623 624 625 626 627 628 629 630 631 632 633 634 635 636 637 638 639 640 641 642 643 644 645 646 647 648 649 650 651 652 653 654 655 656 657 658 659 660 661 662 663 664 665 666 667 668 669 670 671 672 673 674 675 676 677 678 679 680 681 682 683 684 685 686 687 688 689 690 691 692 693 694 695 696 697 698 699 700 701 702 703 704 705 706 707 708 709 710 711 712 713 714 715 716 717 718 719 720 721 722 723 724 725 726 727 728 729 730 731 732 733 734 735 736 737 738 739 740 741 742 743 744 745 746 747 748 749 750 751 752 753 754 755 756 757 758 759 760 761 762 763 764 765 766 767 768 769 770 771 772 773 774 775 776 777 778 779 780 781 782 783 784 785 786 787 788 789 790 791 792 793 794 795 796 797 798 799 800 801 802 803 804 805 806 807 808 809 810 811 812 813 814 815 816 817 818 819 820 821 822 823 824 825 826 827 828 829 830 831 832 833 834 835 836 837 838 839 840 841 842 843 844 845 846 847 848 849 850 851 852 853 854 855 856 857";
  width: 0;
  display: block;
  overflow-wrap: initial;
  margin-right: 2em;
  }
  
  .court-document-content {
  margin-bottom: -1.5lh;
  }
  
  .invisible{
     color:transparent;
  }
  

  Pages using this styling

  • best-rest-villa-myk7x-br05f-v9902 [info]
  • delendases-f3b3r-x44nm-pll77 [info]

  ¶ 2 occurrences
  

  :root{--logo-image: var(--eventyr-trans);}

  Pages using this styling

  • beauty-and-the-beast [info]
  • songofyourname [info]

  ¶ 2 occurrences
  

  .body-text {
      margin: 2% 13% 2% 9%;
      padding: 5px 20px 5px 20px;
      background-color: #f2f2f2;
      color: #111;
  }
  
  .text4desk {
      width: 70%;
      margin: auto;
  }
  
  @media only screen and (max-width: 600px) {
  
      .body-text {
          margin: 0% 4% 0% 4%;
      }
  
      .text4desk {
          width:100%;
      }
  
  }
  

  Pages using this styling

  • bawarao-intermission2 [info]
  • i-want-that-twink-obliterated [info]

  ¶ 2 occurrences
  

  :root {
  --header-title: "";
  --header-subtitle: "";
  --lgurl: url('https://scp-sandbox-3.wikidot.com/local--files/cloudy-perspective/Logo_of_the_SCP_Foundation%20%281%29.png');
  }
  #header::before {
      opacity: 0.90

  Pages using this styling

  • barbarous-bread-box [info]
  • tboneberryhill-s-author-page [info]

  ¶ 2 occurrences
  

  #page-title {
      display: none !important;

  Pages using this styling

  • barbarous-bread-box [info]
  • scp-7466 [info]

  ¶ 2 occurrences
  

  :root {
  
      --header-logo: url('https://scp-wiki.wdfiles.com/local--files/dinodraws-author-page/departmentofgeology%20darkmode.png');
   --title: "Department of Geology";
    --subtitle: "As Above, So Below";
      --space-body-bg: url(https://scp-wiki.wdfiles.com/local--files/scp-8446/backgroundattempt3.jpg);
  body {
      background-image: var(--space-body-bg);
      background-size: 100%;
      background-attachment: fixed;
  
    background-size: cover;
    background-position: center;
  
  @media only screen and (max-width: 600px){
  #content-wrap{
  background-image:none;
  }
  #content-wrap:before{
  content:"";
  display:block;
  position:fixed;
  left:0;
  top:0;
  width:100vw;
  height:100vh;
  background-size:cover;
  background:url("https://scp-wiki.wdfiles.com/local--files/scp-8446/mobilebackground.png") no-repeat 65% 20% !important;
  z-index:-1;
  }
  
  }
  }
  

  Pages using this styling

  • art:video-log-8987-1 [info]
  • scp-2888 [info]

  ¶ 2 occurrences
  

  :root {
  --toggle-roundness: 0;
  }
  
  :root {
   --header-title: "Gooday's Pixel Art";
      --header-subtitle: "What Fresh Hell Is This?";
  --gradient-header: linear-gradient(0deg, rgba(0,56,168,1) 0%, rgba(155,79,150,1) 45%, rgba(155,79,150,1) 55%, rgba(214,2,112,1) 100%);
  --diagonal-stripes: linear-gradient(transparent 0);
  }
  
  #search-top-box-form input[type=submit], #search-top-box-form input[type=submit]:focus, #search-top-box-form input[type=submit]:hover {
  background: rgb(214, 2, 112);
  color: rgb(0, 0, 0);
  }

  Pages using this styling

  • art:under-vegas-pixel-art [info]
  • secure-contain-pixelate [info]

  ¶ 2 occurrences
  

  .fade-in {
    -webkit-mask-image: linear-gradient(to top, black 0%, transparent 70%);
    mask-image: linear-gradient(to top, black 0%, transparent 70%);
  }

  Pages using this styling

  • art:the-art-of-project-cerberus [info]
  • project-cerberus [info]

  ¶ 2 occurrences
  

  .fade-out {
    -webkit-mask-image: linear-gradient(to bottom, black 0%, transparent 70%);
    mask-image: linear-gradient(to bottom, black 0%, transparent 70%);
  }

  Pages using this styling

  • art:the-art-of-project-cerberus [info]
  • project-cerberus [info]

  ¶ 2 occurrences
  

  
  .icon_image_black {
      border-radius: 50%;
      border: 0.25rem solid  rgb(0,0,0);
      overflow: hidden;
      background-color: rgb(0,0,0)
  }
  
  .icon_image_cheese {
      border-radius: 50%;
      border: 0.25rem solid  rgb(0,0,0);
      overflow: hidden;
      background-color: rgb(230,138,9)
  }
  

  Pages using this styling

  • art:syntax-workshop [info]
  • zackvmk-s-acs-icon-page [info]

  ¶ 2 occurrences
  

   :root{
     --lgurl: var(--anim-pride);
  }
  #header::before{
     opacity:0.75;
  }
  div.spc{
  padding:4px;
  width:100%;
  display:inline-block;
  }
   div.nart{
  margin-left: 2em;
  margin-right: 2em;
  display:block;
  }
  #main-content {
  hyphens: auto;
  }

  Pages using this styling

  • art:rigen-2025-exchange-gift-for-doctorlilithsophia [info]
  • rigen-vectors [info]

  ¶ 2 occurrences
  

  
  :root {
      --header-title: "SCP Foundation";
      --header-subtitle: "Secure. Contain. Protect.";
  }
  .danger-diamond > .arrows {
       top: 0;
  }

  Pages using this styling

  • art:peanuts-art-dump [info]
  • phobys-pho-shop [info]

  ¶ 2 occurrences
  

  /* Minimalist BHL modifications */
  /* Recover default selection styles */
  ::-moz-selection, ::selection {
      background: Highlight; color: HighlightText;
  }
  :root {
    --lgurl: url(https://scp-wiki.wikidot.com/local--files/scp-9001/analytics_dept_animated.svg);
  }
  #header h1 a::before { -webkit-text-stroke-width: 3px }
  #header h2 span::before { -webkit-text-stroke-width: 2px }
  #header::before {
    top: 0.25rem;
    background-size: auto calc(var(--header-height-on-desktop) - .5rem);
    opacity: 0.15;
  }
  div.page-rate-widget-box { margin-bottom: 0.25rem }
  
  /* Recover Sigma image borders */
  div.scp-image-block { border: solid 1px #666; box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.25); }
  
  /* Light theme image captions */
  :is(div.image-block, div.scp-image-block) {
    gap: 0;
  
    :is(.image-caption, .scp-image-caption) {
      background-color: rgb(235, 235, 235);
      color: rgb(var(--swatch-text-general));
      border-top: thin solid #666;
    }
  }

  Pages using this styling

  • art:olicus-panloque-set [info]
  • fragment:9000contestpanloque1 [info]

  ¶ 2 occurrences
  

  @import url('https://fonts.bunny.net/css2?family=Anton&display=swap');

  Pages using this styling

  • art:moon-s-sanctuary [info]
  • art:steel-and-flesh-assimilated [info]

  ¶ 2 occurrences
  

  .blinking{
      animation:blinkingText 1.2s infinite;
  }
  @keyframes blinkingText{
      0%{     color: #FF0000;    }
      49%{    color: #FF0000; }
      60%{    color: transparent; }
      99%{    color:transparent;  }
      100%{   color: #FF0000;    }
  }

  Pages using this styling

  • art:moon-s-sanctuary [info]
  • art:steel-and-flesh-assimilated [info]

  ¶ 2 occurrences
  

  
  :root {
  
  --zero: 0;
  
  }
  

  Pages using this styling

  • art:misterfrown-s-window [info]
  • misterfrown-s-proposal-j [info]

  ¶ 2 occurrences
  

  :root{
  --accentColor: hsl(43, 100%, 56%);
  --accentColorLite: hsla(43, 100%, 66%, .5);
  --hue: 43deg;
  --lgurl: url(https://scp-wiki.wdfiles.com/local--files/her-golden-wings/image.png);
  --header-title: "AMONI-RAM";
  --header-subtitle: "The Golden City of the Mekhanite Empire";
  }

  Pages using this styling

  • art:karcist-hedvig-nussbaum [info]
  • her-golden-wings [info]

  ¶ 2 occurrences
  

  @media (min-width: 768px) {
      #main-content { max-width: min(900px, calc(100% - 4rem)); }
  }
  :root {
    --header-subtitle: "Secure Facilities";
    --sp_header-subtitle-scale: 2.125;
  }
  #header h1 a::before, #header h2 span::before {
      font-family: 'BauhausLTDemi', 'Nanum Gothic', 'Arial', sans-serif;
  }
  
  body {
      background-image: linear-gradient(
          to bottom,
          #FCFCFC, #FCFCFC 100%);
  }
  
  div#extra-div-1 {
      height: 140px;
      width: 100%;
      top: 28px;
      position: absolute;
      background: url("https://scp-wiki.wdfiles.com/local--files/sigma-9-themes/SCP_F.png");
      background-size: contain;
      background-repeat: no-repeat;
      background-position: calc(50vw - 380px) 50%;
      z-index: -1;
  }
  @media (max-width: 767px) {
      div#extra-div-1 {
           opacity: 0.2;
           background-position: 50% 50%;
      }
  }
  
  .socontent.header h1 {
      font-size: 1.85rem;
      max-width: max-content;
      margin: 2.5rem auto 1rem;
  }
  .socontent.header h1 span {
      padding: 0 .25em;
      text-transform: uppercase;
  }
  
  .art-container {
      display: flex;
      flex-wrap: wrap;
      align-content: center;
      justify-content: space-around;
      align-self: flex-end
      gap: 1rem 1rem;
  }
  .art-container .art {
      flex: 0 1 250px;
      text-align: center;
      padding-bottom: 1rem;
  }
  
  .art-container .art .image-container {
      padding: 0;
      min-height: 100%;
      max-width: 100%;
  }

  Pages using this styling

  • art:instalacoes-seguras [info]
  • art:secure-facilities-locations [info]

  ¶ 2 occurrences
  

  
  .scp-image-block.block-center img {
      height: auto !important;
  }
  
  .yui-content {
    background-color: #ffffff;
  }
  

  Pages using this styling

  • art:frankentropy-artist-page [info]
  • frankentropy-author-page [info]

  ¶ 2 occurrences
  

  .fadeout{
  background: #8AFF7B;
  background: linear-gradient(to right, #8AFF7B 0%, #00000000 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  }

  Pages using this styling

  • art:art-mycotherapy [info]
  • art:art-mycotherapy-6326-pix [info]

  ¶ 2 occurrences
  

  #container { background-color: black; }

  Pages using this styling

  • art:an-awkward-family-dinner [info]
  • art:scarlet-king-dust-blood [info]

  ¶ 2 occurrences
  

  /*
      Powered on 2023/10/10 12:46:24
      [2023 Wikidot Theme]
      Created by PiNKpePpER
      CC BY-SA 3.0
  */
  
  
  
  body {
      color: #7b876f;
  }
  a,a:visited {
      color: #D97050;
  }
  h1,h2,h3,h4,h5,h6 {
      color: #CC914E;
  }
  blockquote {
      #E3CCB3
  }
  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: #854F2B;
      border-color: #854F2B;
  }
  div.yui-navset ul.yui-nav a,
  div.yui-navset div.yui-navset-top ul.yui-nav a {
      background: #D97050;
      color: #503e2a;
      border: #939B62;
  }
  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: #939B62;
      border: #C1B2A3;
  }
  div.page-rate-widget-box,
  div.page-rate-widget-box span.rate-points,
  div.page-rate-widget-box span.cancel {
      background-color: #D97050!important;
      border: solid #D97050 1px!important;
  }
  div.page-rate-widget-box span.rateup,
  div.page-rate-widget-box span.ratedown {
      border: solid #D97050!important;
      border-width: 1px 0!important;
  }
  div.page-rate-widget-box span.rateup,
  div.page-rate-widget-box span.ratedown {
      background-color: #D97050!important;
  }
  div.page-rate-widget-box span.cancel a:hover,
  div.page-rate-widget-box span.rateup a:hover,
  div.page-rate-widget-box span.ratedown a:hover {
      background: transparent!important;
      color: transparent!important;
  }
  div.open-menu a {
      color: #7b876f!important;
      border-color: #7b876f!important;
  }
  

  Pages using this styling

  • art:ambrose-20th-anniversary [info]
  • art:doodles-for-ambrose [info]

  ¶ 2 occurrences
  

  .footnotes-footer{
  display:none;
  }

  Pages using this styling

  • art:alex-thorley-pressed-the-escape-key [info]
  • scp-zh-048 [info]

  ¶ 2 occurrences
  

  a.collapsible-block-link { font-weight: bold; }

  Pages using this styling

  • art:agente-shuffle-s-2021-art-exchange-gifts [info]
  • scp-2684 [info]

  ¶ 2 occurrences
  

  
  .yui-nav li:first-child, .yui-nav li.selected {
      display: none;
      border: none;
  }
  
  .yui-navset.yui-navset-top {
      margin: 0;
      border: none;
      box-sizing: border-box;
  }
  
  .yui-navset.yui-navset-top div.yui-content {
      padding: 0px;
      border: none;
      box-sizing: border-box;
      overflow: auto;
  }
  
  .yui-nav li, .yui-nav li a, body .yui-navset.yui-navset-top > ul.yui-nav li a {
      border: none !important;
      border-top: none !important;
      gap: 0;
  }
  
  .yui-navset div.yui-content {
      background: transparent;
      border: none;
  }
  
  .yui-navset.yui-navset-top {
      display: grid;
      border: none;
  }
  
  .yui-navset .yui-nav {
      grid-row-start: 2;
      border: none;
  }
  
  #page-content {
      position: relative;
  }
  
  @keyframes fademodal {
    70% { visibility: hidden; }
    100% { visibility: visible; }
  }
  
  ul.modal-wrapper > li {
      list-style: none;
      position: absolute;
      top: -0.1rem;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 9;
      transition: opacity 0.3s ease-out;
      animation: 0.15s fademodal;
      animation-fill-mode: forwards;
  }
  
  ul.modal-wrapper > li.unfolded {
      visibility: visible;
      opacity: 1;
  }
  
  ul.modal-wrapper > li.folded {
      visibility: hidden;
      opacity: 0;
      pointer-events: none;
      user-select: none;
  }
  
  .unfolded-ec-warning {
      backdrop-filter: blur(4px);
      -webkit-backdrop-filter: blur(4px);
  }
  
  ul:has(.unfolded) ~ div.yui-navset {
      filter: blur(4px);
  }
  
  .ec, .ec-popup {
      width: 100%;
      box-sizing: border-box;
      background-color: rgb(var(--basalt-secondary-color));
      border: 5px solid rgb(var(--ec-popup-color));
  }
  
  .ec {
      font-family: 'Departure Mono';
      padding: 10px;
      background-image: url(https://scp-wiki.wikidot.com/local--files/theme:basalt/ETHICS_LIGHTLOGO.png);
      background-size: cover;
      background-position: center, center;
      background-blend-mode: darken;
      font-size: 90%;
  }
  
  .fsd {
      background-image: url(https://scp-wiki.wdfiles.com/local--files/life-insurance-policy/fsd.png) !important;
      font-size: 95%;
      padding: 10px 1.5em;
  }
  
  .darkdocument > .wiki-content-table {
      width: 30rem;
      margin-top: 22px;
  }
  
  .ec-popup {
      height: 70vh;
      overflow: auto;
      position: relative;
  }
  
  .ec-title {
      font-family: 'Departure Mono';
      font-size: 2rem;
      padding: 0;
      margin: auto;
  }
  
  .ec-grid {
      display: grid;
      width: 100%;
      height: 100%;
      grid-template-rows: min-content;
      grid-template-columns: repeat(3, minmax(0, 1fr))
  }
  
  .ec-popup-login, .ec-popup-date {
      font-family: 'Departure Mono';
      padding-left: 10px;
      font-size: 125%;
      opacity: 0.6;
      transition-duration: 0.3s;
  }
  
  :is(.ec-popup-login, .ec-popup-date):hover {
      opacity: 1;
      transition-duration: 0.3s;
  }
  
  .ec-popup-login {
      grid-column-start: 1;
      white-space: nowrap;
  }
  
  .ec-popup-login a {
      pointer-events: none;
  }
  
  .ec-popup-date {
      text-align: right;
      padding-right: 10px;
      grid-column-start: span 2;
  }
  
  .ec-popup-title {
      width: 100%;
      font-family: 'Departure Mono';
      font-size: 275%;
      text-align: center;
      box-sizing: border-box;
      margin: auto;
      margin-top: 0;
      padding: 20px;
      border-top: 8px double rgb(var(--ec-popup-color));
      border-bottom: 8px double rgb(var(--ec-popup-color));
      grid-column-start: span 3;
  }
  
  .ec-popup-desc {
      text-align: center;
      margin: auto;
      grid-column-start: span 3;
      font-family: 'Departure Mono';
      font-size: 1rem;
      width: 75%;
      box-sizing: border-box;
  }
  
  .ec-options {
      display: grid;
      width: 65%;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      background: rgb(var(--basalt-secondary-color));
      margin: auto;
      aspect-ratio: 12/1 auto;
  }
  
  :is(.ec-theme-button, .ec-colorblind-button, .ec-accessibility-button) {
      text-align: center;
      font-family: 'Departure Mono';
      border: 5px solid rgb(var(--ec-popup-color));
      border-top: 0px;
      box-sizing: border-box;
      position: relative;
      transition-duration: 0.5s;
      display: grid;
  }
  
  .ec-button-inner-wrapper {
      margin: auto;
  }
  
  :is(.ec-theme-button, .ec-colorblind-button, .ec-accessibility-button) a {
      text-decoration: none !important;
  }
  
  .ec-button-inner-wrapper a::before {
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0;
      content: "";
  }
  
  .ec-theme-button {
      border-right: 2.5px solid rgb(var(--ec-popup-color));
  }
  
  .ec-colorblind-button {
      border-left: 2.5px solid rgb(var(--ec-popup-color));
      border-right: 2.5px solid rgb(var(--ec-popup-color));
  }
  
  .ec-accessibility-button {
      border-left: 2.5px solid rgb(var(--ec-popup-color));
  }
  
  :is(.ec-theme-button , .ec-accessibility-button, .ec-colorblind-button):hover {
      background-color: rgba(0, 0, 0, 0.5);
      transition-duration: 0.5s;
  }
  
  .ecinside {
      font-family: var(--body-font);
      font-size: var(--page-content-font-size);
      color: rgb(195, 195, 200);
  }
  
  .colorblind-mode-on, .light-mode-on {
      display: none;
  }
  
  :is(.ec, .ec-popup-login, .ec-popup-date, .ec-popup-title, .ec-popup-button) > p,
  :is(.ec, .ec-popup-class, .ec-popup-status, .ec-popup-priority) div:not(.ecinside) > p {
      margin: auto;
  }
  
  :is(.ec-popup-title, .ec-popup-button) > p {
      line-height: 1.2;
  }
  
  .ec-popup-button {
      width: 40%;
      margin: auto;
      margin-bottom: 20px;
      padding: 10px;
      text-align: center;
      background-color: rgba(0, 0, 0, 0);
      transition-duration: 0.5s;
      grid-column-start: span 3;
      position: relative;
      border: 8px double rgb(var(--ec-popup-color));
      box-sizing: border-box;
      letter-spacing: 2px;
      cursor: pointer;
  }
  
  .ec-popup-button:hover {
      background-color: rgba(0, 0, 0, 0.5);
      transition-duration: 0.5s;
      letter-spacing: 10px;
  }
  
  .ec-popup-button :is(a, a:hover, a:active, a:focus) {
      text-decoration: none;
      pointer-events: none;
      font-family: 'Departure Mono';
      font-size: 370%;
  }
  
  .ec-popup-class, .ec-popup-status, .ec-popup-priority {
      display: flex;
      flex-direction: column;
      font-family: 'Departure Mono';
      text-align: center;
      border-bottom: 8px double rgb(var(--ec-popup-color));
  }
  
  :is(.ec-popup-class, .ec-popup-status, .ec-popup-priority) div:first-child {
      font-size: 120%;
      opacity: 0.7;
      margin-bottom: -10px;
  }
  
  :is(.ec-popup-class, .ec-popup-status, .ec-popup-priority) div:last-child {
      font-size: 175%;
  }
  
  .whitepop {
      color: rgb(195, 195, 200);
  }
  
  .ec-comments .blockquote {
      border: 3px double rgb(var(--ec-popup-color));
      background: rgba(var(--basalt-secondary-color), 0.7);
      width: 100%;
      margin: auto;
      margin-bottom: 20px;
  }
  
  .ec-comment {
      padding-left: 15px;
      margin-top: -7px;
  }
  
  @media (max-width: 733px) {
      .ec-popup {
          height: fit-content;
      }
  
      .ec-title {
          font-size: 7vw;
      }
  
      .ec-popup-title {
          font-size: 7vw;
      }
  
      .ec-popup-button:hover {
          letter-spacing: 5px;
      }
  
      .ec-popup-desc {
          font-family: 'Departure Mono';
          font-size: 3vw;
          width: 100%;
          padding: 5px;
      }
      
      .ec-popup-login, .ec-popup-date {
          opacity: 1;
          font-size: 3.7vw;
          grid-column-start: span 3;
          text-align: center;
          padding-right: 10px;
          margin: auto;
      }
  
      div.ec-popup-button :is(a, a:hover, a:active, a:focus) {
          font-size: 4.5vw;
      }
  
      :is(.ec-popup-class, .ec-popup-status, .ec-popup-priority) div:last-child {
          font-size: 4.3vw;
      }
  
      .ec-options {
          width: 100%;
          font-size: 90%;
      }
  }
  
  @media (max-width: 450px) {
      div.scientistimage {
          width: fit-content;
          margin: auto;
          float: unset;
      }
  
      .ec-popup-button {
          width: 50vw;
          font-size: 1.5vw;
      }
  }
  
  .scientistimage {
      padding: 10px;
      float: right;
      position: relative;
      margin: 10px;
  }
  
  @media (max-width: 570px) {
  
  .committee-reply {
      background-color: #b5906a;
      color: black;
      margin: auto;
      width: 81%;
      padding: 7px;
      border: 3px solid #523500;
  }
  
  .logtime {
      font-weight: 350;
      color: grey;
      font-size: 95%;
  }
  
  .email {
      background-color: rgba(var(--basalt-secondary-color), 0.9);
      border: 5px double rgb(var(--ec-popup-color));
      font-family: 'Departure Mono';
      padding: 10px;
      margin: auto;
      width: 95%;
      font-size: 95%;
      box-sizing: border-box;
  }
  

  Pages using this styling

  • art:8980anniversary [info]
  • regardless [info]

  ¶ 2 occurrences
  

  #page-title {
    text-align: center;
  }

  Pages using this styling

  • art:8411doodles [info]
  • art:handtomouth [info]

  ¶ 2 occurrences
  

  .section {
      background: linear-gradient(to bottom, #eee 0%, #eee 50%, #fff 50%, #fff 100%);
      border: 1px solid #888;
      border-radius: 10px;
      overflow: hidden;
      margin-bottom: 15px;}
  .section > p {
      display: none;}
  .section h3 {
      display: inline-block;
      float: left;
      padding-left: 0.7em;
      margin-top: none;
      margin-bottom: none;
      font-size: 1.4em;
      font-weight: bolder;
      color: #901;}
  .section > a {
      float: right;
      font-size: 1.4em;
      font-weight: bolder;
      padding-right: 0.7em;
      margin-top: 0.5em;}
  .section table {
      width: 100%;}
  .section table * {
      text-align: right;}
  .section table td, .section table th {
      border: none;}
  .section table *:first-child {
      text-align: left;
      width: 100%;}
  .section table td:nth-child(2), .section table th:nth-child(2) {
      min-width: 200px;}
  .section table td:nth-child(3), .section table th:nth-child(3) {
      min-width: 80px;}
  .section table tr:nth-child(even) td:first-child {
      font-weight: bold;}
  .section table tr{
      background: #fff;}
  .section table tr:nth-child(odd){
      border-bottom: 1px dashed #888;}
  .section table tr:first-child{
      border-bottom: 1px solid #888;}
  .section table tr:last-child {
      border-bottom: none;}
  .section .printuser img{
      width: 16px !important;}
  
  .error-inline {
      font-size: 0px;
      visibility:collapse;
      border: none;
      color: #666;
      text-align: right;
  }
  
  .error-inline em {
      font-size: 0.8rem !important;
      visibility:visible;
      font-style: normal;
      font-weight: normal;
      font-size: 1em;
  }

  Pages using this styling

  • archived:tales-by-author [info]
  • archived:tales-by-title [info]

  ¶ 2 occurrences
  

  /* Make columns of staff members be in columns that are determined by page width */
  .has-responsive-column-list ul {
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    margin-left: 1.5rem;
  }
  .has-responsive-column-list li {
    display: block;
    min-width: 10rem;
    width: 25%;
  }

  Pages using this styling

  • archived:meet-the-staff [info]
  • scp6000contesthub [info]

  ¶ 2 occurrences
  

  table.heritage {
    border: 0;
    padding: 0;
    margin: 0 auto;
    width: 600px;
    border-spacing: 0;
    border-collapse: separate;
  }
  
  table.heritage td {
    vertical-align: top;
  }
  
  table.heritage td.title,
  table.heritage td.label {
    border-right: solid 1px #999;
    font-size: 16pt;
    color: #999;
    width: 200px;
    text-align: right;
    padding-right: 10px;
  }
  
  table.heritage td.label {
    font-size: 20pt;
  }
  
  table.heritage td.title {
    padding-bottom: 20px;
  }
  table.heritage td.label {
    font-weight: bold;
  }
  
  table.heritage td.entry {
    padding: 6px 0 20px 10px;
  }
  
  table.heritage div.description {
    font-size: 14pt;
  }
  table.heritage div.snippet {
    font-style: italic;
    font-size: 8pt;
    color: #666;
  }
  table.heritage div.date {
    font-weight: normal;
    font-size: 7pt;
  }
  table.heritage div.snippet p {
    margin: 5px 0;
  }
  table.heritage div.description p,
  table.heritage div.date p {
    margin: 0;
  }
  

  Pages using this styling

  • archived:heritage-collection [info]
  • gru-p-hub [info]

  ¶ 2 occurrences
  

  :root {
      --header-title: "ARCHIVAL DIVISION";
      --header-subtitle: "Archaeologists of the Invisible";
  }

  Pages using this styling

  • archival-division-hub [info]
  • tintin-and-the-long-twentieth-century [info]

  ¶ 2 occurrences
  

  #header {background-image: url(https://scp-wiki.wikidot.com/local--files/arbh-class-debrief-file/Pissresize);}
  #header h1 a {
      display: block;
      margin: 0;
      padding: 90px 0 90px;
      line-height: 0px;
      max-height: 0px;
      color: transparent;
      background: transparent;
      font-family: BauhausLTDemi. 'Nanum Gothic'. Arial. sans-serif;
      text-decoration: none;
      text-shadow: none;
      letter-spacing: 0.9px;
  }
   
  #header h1 a::before {
      content: "SCP Foundation";
      color: #fff;
      letter-spacing: -0.02em;
      text-shadow: 3px 3px 5px #000;
  }
   
  #header h2 span {
      display: block;
      margin: 0;
      padding: 19px 0;
      line-height: -45px;
      max-height: 0px;
      font-weight: bold;
      color: transparent;
      text-shadow: none;
  }
   
  #header h2 span::before {
      content: 'Insect Hell';
      color: #fff;
      text-shadow: 1px 1px 1px #000;
      text-shadow: 1px 1px 1px rgba(0,0,0,.8);
  }
  
  sup {
    vertical-align: top;
    position: relative;
    top: -0.5em;
  }
  
  .scp-image-block.block-right { margin: 1em 2em 1em 1em; }
  

  Pages using this styling

  • arbh-class-debrief-file [info]
  • the-morality-of-insects [info]

  ¶ 2 occurrences
  

  @import url('https://fonts.googleapis.com/css?family=Cinzel');
  @import url('https://fonts.googleapis.com/css?family=Anton');
  @import url('https://fonts.googleapis.com/css?family=Pinyon+Script');
  #page-title { display: none; }
  
  /* blockquote {background-color: #3C1414; border-color: #dbdbdb}
  .hovertip {background-color: #000000 !important; border-color: #920909 !important } */
  
  /*
      The Anton font was created by Vernon Adams and is licensed under the Open Font License
      The Cinzel font was created by Natanael Gama and is licensed under the Open Font License,,
      The Pinyon Script font was created by Nicole Fally and is licensed under the Open Font License
  */

  Pages using this styling

  • another-author-page-without-originality [info]
  • deer-and-the-overseers [info]

  ¶ 2 occurrences
  

  div.newspaper-border {
      border: 2px solid black;
  }
  div.newspaper-main {
      font-family: 'Oranienbaum', sans-serif;
      background-color: rgb(245, 242, 232);
      text-align: center;
  }
  div.newspaper-body {
      font-family: Oranienbaum;
      font-size: 0.8em;
      padding: 1em;
  }
  div.newspaper-body div.scp-image-block {
      margin: 0.5em 0 0 1em;
  }
  div.rejection {
      border: 4px solid #ff4040;
      border-radius: 30px;
      font-weight: bold;
      color: #ff4040;
      text-align: center;
      margin: 0.5em;
  }
  div.rejection-wrap {
       transform: rotate(-3.8deg);
       width: 35vw;
       margin-bottom: 1em;
       margin-left: 3em;
  }
  .twopanel {
      display: flex;
      flex-flow: row wrap;
      justify-content: space-evenly;
  }
  .bit {
      flex-basis: 48%;
  }
  @media only screen and (max-width: 768px) {
      .twopanel {flex-direction: row-reverse;}
      .bit {flex-basis: 100%;}
  }

  Pages using this styling

  • anomaly-123-the-ember-tea [info]
  • anomaly-306-the-silver-alder [info]

  ¶ 2 occurrences
  

  
  @import url('https://fonts.googleapis.com/css2?family=Vesper+Libre&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Spectral:wght@300&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Oranienbaum&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Special+Elite&display=swap');
  
  :root {
    --logo: url(https://scp-wiki.wdfiles.com/local--files/anomaly-306-the-silver-alder/HMFSCP2.png);
    --title: "Her Majesty's Foundation";
    --subtitle: "Dieu Et Sa Loi";
    --title-size: 1.75rem;
    --subtitle-size: 1.25rem;
  }
  :root {
      --basalt-overtone: 10, 10, 11;
      --basalt-undertone: var(--basalt-bright-element-color);
      --basalt-UI-dark-palette: 23, 33, 20;
      --basalt-background-color: 224, 213, 191;
      --basalt-bright-element-color: 34,49,29;
      --basalt-dark-element-color: 34,49,29;
      --basalt-primary-color: 255, 253, 231;
      --basalt-secondary-color: 255, 239, 203;
      --basalt-tertiary-color: 246, 227, 186;
      --basalt-main-text-color: 18, 9, 0;
  
      --image-caption-background-color: 255, 253, 231;
  
      --header-background-color: 48,69,41;
      --header-title-color: 255, 253, 208;
      --header-subtitle-color: 255, 253, 208;
  
      --top-bar-link-color: 255, 253, 208;
      --search-icon-color: 255, 253, 208;
      --side-bar-background-color: 63,90,54;
      --side-bar-heading-text-color: 255, 253, 208;
      --side-bar-link-color: 255, 253, 208;
      --scrollbar-thumb-color: var(--basalt-dark-element-color);
      --general-border-color: 156, 156, 156;
  
      --link-color: 137, 81, 37 !important;
      --link-visited-color: 84, 49, 22 !important;
  
      --document-background-color: 243,223,193;
  }
  :root {
      --header-font-primary: 'Spectral';
      --UI-font-primary: 'Vesper Libre';
      --body-font-primary: 'Vesper Libre';
      --mono-font-primary: 'Spectral';
      font-size: 110%;
  }
  div.papernote {
      background-color: rgb(243, 206, 161);
      color: rgb(50, 50, 50);
  }

  Pages using this styling

  • anomaly-123-the-ember-tea [info]
  • anomaly-306-the-silver-alder [info]

  ¶ 2 occurrences
  

  @import url('https://fonts.googleapis.com/css?family=Abel&display=swap');
  
  .nav {
    font-family:    'Abel';
    font-size:      1.2em;
    font-weight:    normal;
    margin-top: -2em;
  }
  
  .box {
      position: relative;
      padding: 0.5em;
      margin: 0.5em;
      box-shadow: 2px 1.5px 1px rgba(176,16,0,0.7), 0 0 0px 1px lightgrey;
      overflow-wrap: break-word;
      color: black;
  }

  Pages using this styling

  • alone-in-a-sea-of-voices [info]
  • visions-of-the-future [info]

  ¶ 2 occurrences
  

  :root{
  --header-title:"Horizon Initiative";
  --header-subtitle:"IN THE EYES OF GOD";
  --lgurl:url("https://scp-wiki.wdfiles.com/local--files/horizon-initiative-hub/logo5.png") 1px 20px no-repeat
  }
  .line{
  border-top:2px solid #777;border-bottom:1px solid #777;padding:.5px
  }
  .footnotes-footer{display:none}

  Pages using this styling

  • all-they-will-be-is-them [info]
  • ashes-of-babylon [info]

  ¶ 2 occurrences
  

  :root{
      --header-title: "APP. THAUMATOLOGY";
      --header-subtitle: "Create - Develop - Protect";
      --logo-img: url("http://scpdsandbox.wdfiles.com/local--files/roundabouts/appthau.png");
  }

  Pages using this styling

  • all-is-calm-yes-all-is-well [info]
  • secure-facility-dossier-site-300 [info]

  ¶ 2 occurrences
  

  #page-content .collapsible-block {  
    max-width: 100%;
  background-color: #FFFFFF;
  text-color: black;
     border-color: #878787;
      border: solid 1px #878787;
  padding: 5px;
  }
  .collapsible-block-content p {
  padding-left: 5px;
  padding-right: 5px;
  padding-bottom: 5px;
  padding-top: 5px;
  }
  .collapsible-block-content{
  text-align: left;
  }
  
  .collapsible-block-folded, .collapsible-block-unfolded{
  text-align: center;
  text-color: black;
  }

  Pages using this styling

  • alandaris [info]
  • wavzies-author-page [info]

  ¶ 2 occurrences
  

  #page-title {
    display: none;
  }
  
  .footnotes-footer {
  display:none;
  }

  Pages using this styling

  • agne-and-their-deer [info]
  • you-deserve-to-be-happy [info]

  ¶ 2 occurrences
  

  :root {
  --toggle-button-bg: rgb(var(--wilson-body));
  --toggle-border-color: rgb(var(--gray-monochrome));
  --toggle-icon-color: rgb(var(--wilson-text));
  --toggle-roundness: 0;
  }

  Pages using this styling

  • adoption-poster-friday [info]
  • adoption-poster-ol-shock [info]

  ¶ 2 occurrences
  

   :root {
      --header-title: "SITE-137";
      --header-subtitle: "HISTORY WEIGHS ON OUR SHOULDERS";

  Pages using this styling

  • adjustment-period [info]
  • scp-8723 [info]

  ¶ 2 occurrences
  

  
  div#header {
      background-image: url('https://scp-wiki.wdfiles.com/local--files/into-the-void-hub/ITTV_PRIDE_LOGO.png') !important;
  }
  

  Pages using this styling

  • ad-fundum-universum-ad-fundum [info]
  • into-the-void-hub [info]

  ¶ 2 occurrences
  

  
  @import url('https://fonts.googleapis.com/css?family=EB+Garamond:500&display=swap');
  
  .fancytext {
  font-family:"EB Garamond"; sans-serif;
  font-size:120%;
  }
  
  .authorlink-wrapper,
  .authorlink-wrapper + div {
    margin-right: 0 !important; /* needed to override inline styles */
  }
  

  Pages using this styling

  • abasedebase [info]
  • skinful-desires [info]

  ¶ 2 occurrences
  

  :root{
    --header-title: "RCT-Δt";
    --header-subtitle: "SUSPECT CHRONOLOGY PATTERNS";
    --logo-img: url(https://scp-wiki.wdfiles.com/local--files/welcome-to-delta-t/Delta-t-transparent.png);
  
    --head-font: var(--ui-font);
  
    --accentLite: 230, 40, 60;
    --posX: calc(50% - 333px - 17.5rem);
  }
  
  div#extra-div-1 {
    filter: invert(1);
  }
  
  #page-content h1, h2, h3, h4, h5, h6 {
    font-weight: 900;
  }
  
  #page-content > p {
    font-weight: normal;
  }
  
  #page-content .blockquote {
    margin: 1em 2em;
  }
  
  #page-content hr {
    height: 1px;
    background-color: rgb(var(--accent));
    margin-top: 1.5em;
    margin-bottom: 1.5em;
  }
  
  #page-content .notation {
    width: auto;
    margin: auto;
    border-left: solid 4px rgba(var(--accent), 0.33);
    border-right: solid 4px rgba(var(--accent), 0.33);
  }
  
  #page-content .jotting {
    padding: 0.5em 1.5em;
  }
  
  .notation > .jotting,
  #page-content > .jotting > blockquote,
  #page-content > .jotting tr td {
    background: white;
  }
  
  #page-content a {
    font-weight: bold;
  }
  
  #page-content tr th {
    background: #eee;
  }
  
  .fncon {
    font-family: var(--page-font) !important;
    border-color: rgb(var(--accent));
    background-color: #eee;
  }
  
  .fncon::before {
    background-color: rgb(var(--accent));
  }
  
  @media only screen and (min-width: 1278px) {
    .fncon {
      width: 14rem;
      border: none;
      border-left: 5px rgb(var(--accent)) solid;
    }
  
    .fncon::before {
      top: 14px; left: -10px;
    }
  }
  
  @media (max-width: 767px) {
    .jotting,
    .modal {
      margin: 0.5em;
    }   
  }
  
  #page-content .scp-image-block img {
    border: solid 1px rgba(var(--accent), 0.66);
  }
  
  #page-content .scp-image-block.block-left {
    margin: 0.5em 1.5em 1em 0em;
  }
  
  #page-content .scp-image-block.block-right {
    margin: 0.5em 0em 1em 1.5em;
  }
  
  #page-content .scp-image-caption {
    border: solid 1px rgba(var(--accent), 0.66);
    border-radius: 0px;
    margin-top: 7px;
  }
  
  :is(.anom-bar-container, .anom-bar-esoteric) + :not(.acs-extra),
  .acs-extra + * {
      margin-top: 1.2rem !important;
  }
  
  #breadcrumbs, .pseudocrumbs {
    font-size: 90%;
  }
  
  
  .bblock:hover {
    color: white;
  }

  Pages using this styling

  • a000578 [info]
  • scp-6416 [info]

  ¶ 2 occurrences
  

  @import url('https://fonts.googleapis.com/css2?family=Anton&family=Playfair+Display+SC&display=swap');
  
  div.newspaper-border {
      border: 2px solid black;
  }
  
  div.newspaper-main {
      font-family: 'Special Elite', sans-serif;
  }
  
  div.newspaper-title {
      font-family: 'Playfair Display SC', serif;
      font-size: 4em;
      text-align: center;
      margin: 0.25em;
  }
  
  div.newspaper-banner {
      font-family: serif;
      font-size: 110%;
      border-top-style: solid;
      border-bottom-style: solid;
  }
  
  div.newspaper-headline {
      font-family: 'Anton', serif;
      margin: 2px 0 5px;
      text-align: center;
  }
  
  div.newspaper-reporter {
      font-family: serif;
      font-size: 120%;
      font-style: italic;
      text-align: center;
  }
  
  div.newspaper-body {
      font-family: serif;
      font-size: 1.2em;
      text-align: justify;
      text-justify: inter-word;
      line-height: 1.4em;
      padding: 1em;
  }
  
  div.newspaper-body div.scp-image-block {
      margin: 0.5em 0 0 1em;
  }
  
  div.rejection {
      border: 4px solid #ff4040;
      border-radius: 30px;
      font-weight: bold;
      color: #ff4040;
      text-align: center;
      margin: 0.5em;
  }
  
  div.rejection-wrap {
       transform: rotate(-3.8deg);
       width: 35vw;
       margin-bottom: 1em;
       margin-left: 3em;
  }
  
  @media only screen and (max-width: 768px) {
      div.rejection-wrap {
          min-width: 60vw;
          width: 70vw;
          margin-left: -3em;
      }
  }
  
  div.appeal {
      margin-top: 5em;
  }
  
  blockquote .inner,
  div.blockquote .inner {
      border: .0625rem dashed rgba(var(--swatch-border-color), .95);
      box-shadow: none;
  }

  Pages using this styling

  • a-wandsman-in-the-navel-of-the-moon [info]
  • wandsmen-hub [info]

  ¶ 2 occurrences
  

  .email-example .collapsible-block-folded a.collapsible-block-link {
      animation: blink 0.8s ease-in-out infinite alternate;
  }
  @keyframes blink {
      0% { color: transparent; }
      50%, 100% { color: #b01; }
  }
  .email {border: solid 2px #ffffff; width: 88%; padding: 1px 15px; margin: 20px; box-shadow: 0 1px 3px rgba(0,0,0,.5)}
  .email-example a.collapsible-block-link {font-weight: bold;}
  .tofrom {margin-left: 5px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px maroon}
  
  .parapost {
    background-color: var(--post-bg-color);
    border: 2px solid var(--post-border-color);
    border-left-width: 4px;
    padding: 0 1em;
    margin-top: -0.5em;
    margin-right: var(--post-base-margin);
    margin-bottom: 1em;
    margin-left: calc(
      var(--nest-level) * var(--post-nest-margin) + var(--post-base-margin)
    );
  }
  
  :root {
    --post-bg-color: #f9f9f9;
    --post-border-color: #999;
    --post-nest-margin: 1em;
    --post-base-margin: 3em;
  }
  
  .reply0 { margin-top: 1em; border-left-width: 6px; --nest-level: 0; }
  .reply1 { --nest-level: 1; }
  .reply2 { --nest-level: 2; }
  .reply3 { --nest-level: 3; }
  .reply4 { --nest-level: 4; }
  .reply5 { --nest-level: 5; }
   
  @media (min-width: 480px) and (max-width: 580px) {
    :root {
      --post-nest-margin: 0.5em;
      --post-base-margin: 0.5em;
    }
  }
   
  @media (max-width: 479px) {
    :root {
      --post-nest-margin: 1em;
      --post-base-margin: 0em;
    }
  }
  
  /* Colours for each character */
  .parapost {
    --post-bg-color: hsl(var(--char-hue), 33.3%, 97%);
    --post-border-color: hsl(var(--char-hue), 33.3%, 50%);
  }
  .parapost p:first-child > span:first-child {
    color: var(--post-border-color) !important;
  }
  .parapost hr {
    background-color: var(--post-border-color);
  }
  .by-seven  { --char-hue: 0; }
  .by-russ { --char-hue: 240; }
  .by-one  { --char-hue: 120; }

  Pages using this styling

  • a-vengeance [info]
  • scp-8217 [info]

  ¶ 2 occurrences
  

  .page {
      display: block;
      overflow: hidden;
      font-family: "Monotype Corsiva", "Bradley Hand ITC", sans-serif;
      font-style: normal;
      background-attachment: scroll;
      background-clip: border-box;
      background-color: transparent;
      background-image: linear-gradient(to top ,rgb(202, 219, 228) 0%, rgb(231, 233, 220) 8%);
      background-origin: padding-box;
      background-position: 0px 8px;
      background-repeat: repeat;
      background-size: 100% 20px;
      border: 1px solid #CCC;
      border-radius: 10px;
      padding: 10px 10px;
      margin-bottom: 10px;
      box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2)
  }
  .page p,
  .page ul {
      line-height: 20px;
      margin: 0;
  }
  .blinkbar {animation: blink 1.5s infinite; letter-spacing: -0.13em;}@keyframes blink{to{opacity: .0;}}@keyframes flicker {0% {opacity: 0.9890; }5% {opacity: 0.5842; }10% {opacity: 0.9865; }15% {opacity: 0.0412; }20% {opacity: 0.6255; }25% {opacity: 0.3157; }30% {opacity: 0.7328; }35% {opacity: 0.4654; }40% {opacity: 0.9128; }45% {opacity: 0.2449; }50% {opacity: 0.5485; }55% {opacity: 0.6438; }60% {opacity: 0.1180; }65% {opacity: 0.9085; }70% {opacity: 0.0266; }75% {opacity: 0.6795; }80% {opacity: 0.7812; }85% {opacity: 0.0117; }90% {opacity: 0.2239; }95% {opacity: 0.8897; }100% {opacity: 0.2260; }}@keyframes overlay-anim {0% {visibility: hidden; }10% {visibility: hidden; }11% {visibility: visible; }50% {visibility: hidden; }100% {visibility: hidden; }}
  
  div.terminal{
      border: 1px solid black;
      border: solid 3px #BBBBBB;
      border-radius: 16px;
      background-color: #131;
  /* black shadow at the top of the terminal */
      background-image:
          radial-gradient(ellipse 1000% 100% at 50% 90%, transparent, #121);
      background-position: center;
      display: block;
  /* shadow around the terminal */
      box-shadow: inset 0 0 10em 1em rgba(0,0,0,0.5);
  /* prevents scanline from forming a scrollwheel */
      overflow:hidden;
  }
  div.terminal blockquote {
      background-color: black;
      border: double 3px #80FF80
  }
  /* hr block for terminal -- thanks to stormbreath! */
  div.terminal hr {
      background-color: #80FF80;
  }
  
  div.scanline{
      margin-top: -40%;
      width: 100%;
      height: 60px;
      position: relative;
      pointer-events: none;
  /* Safari 4.0 - 8.0 */
      -webkit-animation: scan 12s linear 0s infinite; /* You may need to change this. If the bar goes by too quickly, increase 5s. */
      animation: scan 12s linear 0s infinite; /* Same as above */
      background: linear-gradient(to bottom, rgba(56, 112, 82,0), rgba(56, 112, 82,0.1)) !important;
  }
  
  div.text{
      color: rgba(128,255,128,0.8);
      padding-left: 0.5em;
      padding-right: 0.5em;
      padding-top: 40%;
      font-family: monospace;
      font-size: 1.2em;
      }
  
  /* Safari 4.0 - 8.0 */
  @-webkit-keyframes scan{
      from{ transform: translateY(-10%);}
      to{  transform: translateY(7000%);}
  }
  
  @keyframes scan{
      from{ transform: translateY(-10%);}
      to{  transform: translateY(7000%);} /* Same as above.*/
  }
  
  div.text a {
      color: #90EE90;
      text-decoration: none;
      background: transparent;
  }
  div.text a.newpage {
      color: #90EE90;
      text-decoration: none;
      background: transparent;
  }
  div.text a:hover {
      color: #131;
      text-decoration: underline;
      background-color: #80FF80;
      padding: 1px;
  }

  Pages using this styling

  • a-vengeance [info]
  • scp-8217 [info]

  ¶ 2 occurrences
  

  @import url('https://fonts.googleapis.com/css?family=Ruslan+Display');
  .shadow { 
      font-family: 'Ruslan Display', cursive;
      font-size: 110%;
  }

  Pages using this styling

  • a-team-you-can-maybe-trust [info]
  • truth-lies [info]

  ¶ 2 occurrences
  

  hr {
      margin: 3em 2em;
  }

  Pages using this styling

  • a-tale-of-two-mailrooms [info]
  • no-reason [info]

  ¶ 2 occurrences
  

  .hover {
  }
  .hover:hover {
    text-decoration: none;
      border-bottom: none;
  }
  
  .hover span { display: none;}
  .hover:hover span {
      position: absolute;
      display: inline;
      margin: 0px 0px;
      height: auto;
      width: auto;
      background: #000;
      border: 2px solid #0f0;
      color: #0f0;
      padding: 1em;
  }
  .hover:hover span span {
      position: relative;
      margin: auto;
      height: auto;
      width: auto;
      border: none;
      padding: 0;
  }
  
  .audio-container {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  
  .footnotes-footer {
  display: none;
  }

  Pages using this styling

  • a-symphony-of-iron-and-steel [info]
  • corruption [info]

  ¶ 2 occurrences
  

  /*@import url('http://scp-sandbox-3.wikidot.com/local--files/croquemtest/TT2020StyleB.css');
  @import url('http://scp-sandbox-3.wikidot.com/local--files/croquemtest/TT2020StyleD.css');
  @import url('http://scp-sandbox-3.wikidot.com/local--files/croquemtest/TT2020StyleE.css');
  @import url('http://scp-sandbox-3.wikidot.com/local--files/croquemtest/TT2020StyleG.css');*/
  
  @import url('https://fonts.googleapis.com/css2?family=Special+Elite&display=swap');
  
  .letter {
    background-color: white;
    background-image: url(http://scp-sandbox-3.wikidot.com/local--files/collab:letters/paper-texture.webp);
    border: 1px solid rgba(0,0,0,0.1);
    padding: 2rem 4rem;
    margin: 3rem 0;
    font-size: 1rem;
  }
  
  @media (max-width: 767px) {
    .letter {
      padding: 2rem 1rem;
    }
  }
  
  .letter.ttb p {
    font-size: 1.1em;
    font-family: 'TT2020 Style B', 'Special Elite', monospace;
    line-height: 1.2em;
  }
  .letter.ttd p {
    font-size: 1.1em;
    font-family: 'TT2020 Style D (ASCII)', 'Special Elite', monospace;
    line-height: 1.2em;
  }
  .letter.tte p {
    font-size: 1.1em;
    font-family: 'TT2020 Style E', 'Special Elite', monospace;
    line-height: 1.2em;
  }
  .letter.ttg p {
    font-size: 1.1em;
    font-family: 'TT2020 Style G (ASCII)', 'Special Elite', monospace;
    line-height: 1.2em;
  }

  Pages using this styling

  • a-small-bundle-of-letters [info]
  • scp-7185 [info]

  ¶ 2 occurrences
  

  
  li, p {
  line-height: 1.5;
  }
  
  :root {
    --header-title: "SCP Foundation";
    --header-subtitle: "Secure, Contain, Protect";
  }
  
   #header h1 a::before{
       font-family: BauhausLTDemi, 'Nanum Gothic', Arial, sans-serif;
       font-size: 115%;
  }
  
   #header h2::before{
       font-family: 'Trebuchet MS', Arial, sans-serif;
  }
  

  Pages using this styling

  • a-semi-comprehensive-list-of-foundation-technology [info]
  • the-great-omniscient-caper [info]

  ¶ 2 occurrences
  

  span.blue{
  max-width: 300px;
  border-radius: 15px;
  padding: 4px 8px;
  display: inline-block;
  text-align: left; float:right;
  background-color: #3578e5;
  color: #fff;
  }
  
  span.green{
  max-width: 300px;
  border-radius: 15px;
  padding: 4px 8px; 
  display: inline-block;
  text-align: left; float:left;
  background-color: #f1f0f0;
  }
  blockquote{background-color: transparent;}

  Pages using this styling

  • a-passed-away-pup [info]
  • scp-3604 [info]

  ¶ 2 occurrences
  

  #page-title {
      text-align: center;
  }

  Pages using this styling

  • a-library-empty [info]
  • fragment:scp-6000-5 [info]

  ¶ 2 occurrences
  

  :root {
       --header-title: "HUMAN RESOURCES";
       --header-subtitle: "SOLVING YOUR COMPLAINTS AND PROBLEMS";
       --lgurl: url('https://scp-wiki.wdfiles.com/local--files/a-hrd-day-s-work/HRFORWIKI.svg');
      --bright-accent: 35, 74, 0;
      --medium-accent: 35, 74, 0;
      --dark-accent: 35, 74, 0;
  }

  Pages using this styling

  • a-hrd-day-s-work [info]
  • human-resources-orientation [info]

  ¶ 2 occurrences
  

  :root {
      --logo-image: url("https://scp-wiki.wdfiles.com/local--files/theme:memoria/TitleLogo.png");
      --header-title: "The City of Adytum";
      --header-subtitle: "Last Days of the Deathless Empire";
  }
  .meta-title {
    color: #000000;
    font-weight: normal;
    margin: 0 0 0.6em;
    padding: 0 0 0.25em;
    font-size: 200%;
  }
  .meta-title p {
    margin: 0;
  }

  Pages using this styling

  • a-baptism-of-fire [info]
  • laid-in-blood [info]

  ¶ 2 occurrences
  

  .muddle {
    padding: 4px 16px 4px 16px;
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
    width: 85%;
    margin: auto;
    margin-bottom: 28px;
    margin-top: 28px;
    background: #E9FBDF;
    border: solid 2px #5D5D5D;
  }
  .flashback {
      color: black;
      border-left: solid 3px rgb(255, 34, 67);
      border-right: solid 3px rgb(255, 34, 67);
      padding: 25px 25px 25px 25px;
      box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
      margin: auto;
      background: #ffffff;
  }

  Pages using this styling

  • 73-better-dead [info]
  • art:evelyn-5956-lillian-art [info]

  ¶ 2 occurrences
  

  :root
    .archv {
      display: none;
    }

  Pages using this styling

  • 4012-the-play [info]
  • the-color-of-static [info]

  ¶ 2 occurrences
  

  .muddle {
      padding: 4px 16px 4px 16px;
      box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
      width: 85%;
      margin: auto;
      margin-bottom: 28px;
      margin-top: 28px;
      background: #E9FBDF;
      border: solid 2px #5D5D5D;
  }
  .udoflashback {
      border-left: solid 3px rgb(255, 149, 14);
      border-right: solid 3px rgb(255, 149, 14);
      padding: 25px 25px 25px 25px;
      box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
      margin: auto;
      background: #f7f7f7;
  }

  Pages using this styling

  • 4-granularity [info]
  • 5-the-mourning-after [info]

  ¶ 2 occurrences
  

  :root {
       --header-title: "HUMAN RESOURCES";
       --header-subtitle: "SOLVING YOUR COMPLAINTS AND PROBLEMS";
       --lgurl: url('http://dorktoast.wdfiles.com/local--files/scp%3Ahuman-resources/hrlogo.png');
  }

  Pages using this styling

  • 37-clowns [info]
  • better-than-drinking-alone [info]

  ¶ 2 occurrences
  

  .backspace {
      border-left: solid 3px rgb(43, 95, 179);
      border-right: solid 3px rgb(43, 95, 179);
      padding: 25px 25px 25px 25px;
      box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
      margin: auto;
      background: #f7f7f7;
  }
  .muddle {
    padding: 4px 16px 4px 16px;
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
    width: 85%;
    margin: auto;
    margin-bottom: 28px;
    margin-top: 28px;
    background: #E9FBDF;
    border: solid 2px #5D5D5D;
  }

  Pages using this styling

  • 34-the-cruelest-fight [info]
  • 38-world-of-difference [info]

  ¶ 2 occurrences
  

  .ASC {
      padding: 4px 16px 4px 16px;
      box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
      width: 85%;
      margin: auto;
      margin-bottom: 28px;
      margin-top: 28px;
      background: #F0EDC1;
      border: solid 2px #5D5D5D;
  }
  .flashboss {
      border-left: solid 3px rgb(153, 0, 153);
      border-right: solid 3px rgb(153, 0, 153);
      padding: 25px 25px 25px 25px;
      box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
      margin: auto;
      background: #f7f7f7;
  }
  .muddle {
    padding: 4px 16px 4px 16px;
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
    width: 85%;
    margin: auto;
    margin-bottom: 28px;
    margin-top: 28px;
    background: #E9FBDF;
    border: solid 2px #5D5D5D;
  }

  Pages using this styling

  • 29-meeting-in-the-middle [info]
  • 30-underlude [info]

  ¶ 2 occurrences
  

  .muddle {
      padding: 4px 16px 4px 16px;
      box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
      width: 85%;
      margin: auto;
      margin-bottom: 28px;
      margin-top: 28px;
      background: #E9FBDF;
      border: solid 2px #5D5D5D;
  }

  Pages using this styling

  • 17-here-today [info]
  • 20-not-my-day [info]

  ¶ 2 occurrences
  

  .mcinnis {
      padding: 4px 16px 4px 16px;
      box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
      width: 85%;
      margin: auto;
      margin-bottom: 28px;
      margin-top: 28px;
      background: #F3ECF5;
      border: solid 2px #5D5D5D;
  }
  .muddle {
      padding: 4px 16px 4px 16px;
      box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
      width: 85%;
      margin: auto;
      margin-bottom: 28px;
      margin-top: 28px;
      background: #E9FBDF;
      border: solid 2px #5D5D5D;
  }
  .flashboss {
      border-left: solid 3px rgb(153, 0, 153);
      border-right: solid 3px rgb(153, 0, 153);
      padding: 25px 25px 25px 25px;
      box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
      margin: auto;
      background: #f7f7f7;
  }

  Pages using this styling

  • 10-under-new-direction [info]
  • 11-turnover [info]

  ¶ 1 occurrence
  

  @import url('https://scp-wiki.wdfiles.com/local--code/component%3Atheme/1');
  @import url('https://fonts.googleapis.com/css2?family=Permanent+Marker&display=swap');
   
  div#container-wrap {
      background-image: url('https://scp-wiki.wdfiles.com/local--files/theme%3Acrayon/scribblebody_bg.png');
  }
   
  #header {
      background-image: url('https://scp-wiki.wdfiles.com/local--files/theme%3Acrayon/scribble-logo.png');
  }
   
  #header h1 a,
  #header h2 span {
      font-family: 'Permanent Marker', cursive;
  }
   
  #header h2 span {
       color: #cdcd48;
  }

  Pages using this styling

  • zyn-says-the-f-word [info]

  ¶ 1 occurrence
  

  /* CONTENT > CUSTOM DIVS */
   
  /* ======================= */
   
  .document {
      background: white;
      box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
      margin: 26px auto 0;
      max-width: 550px;
      min-height: 300px;
      padding: 24px;
      padding-top: 50px;
      position: relative;
      width: 80%;
  }
   
  .document:before,
  .document:after {
      content: "";
      height: 98%;
      position: absolute;
      width: 100%;
      z-index: -1;
  }
   
  .document:before {
      background: #fafafa;
      box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
      left: -5px;
      top: 4px;
      transform: rotate(-2.5deg);
  }
   
  .document:after {
      background: #f6f6f6;
      box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
      right: -3px;
      top: 1px;
      transform: rotate(1.4deg);
  }
  .darkdocument {
      background: rgb(30, 30, 30);
      box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
      margin: 26px auto 0;
      max-width: 550px;
      min-height: 300px;
      padding: 24px;
      padding-top: 50px;
      position: relative;
      width: 80%;
      color: #EDEDED;
  }
   
  .darkdocument:before,
  .darkdocument:after {
      content: "";
      height: 98%;
      position: absolute;
      width: 100%;
      z-index: -1;
  }
   
  .darkdocument:before {
      background: rgb(25, 25, 25);
      box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
      left: -5px;
      top: 4px;
      transform: rotate(-2.5deg);
  }
   
  .darkdocument:after {
      background: rgb(25, 25, 25);
      box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
      right: -3px;
      top: 1px;
      transform: rotate(1.4deg);
  }
   
  

  Pages using this styling

  • zygards-author-page [info]

  ¶ 1 occurrence
  

  :root {
  --header-title: "Foundation Archive";
  --header-subtitle: "The most interesting person in the world";
      --logo-image: url("https://scp-wiki.wdfiles.com/local--files/theme:present-malice/umbrella-scp.png");
  }
  
  #header::before {
      height: calc(100% - var(--topbar-height-on-desktop));
      aspect-ratio: 1;
      left: 50%;
      top: 0.3rem;
      background-image: url(https://upload.wikimedia.org/wikipedia/en/0/0a/Logo_of_the_SCP_Foundation.png);
      background-size: contain;
      transform: translatex(-50%);
  }

  Pages using this styling

  • zygards-author-page [info]

  ¶ 1 occurrence
  

  .outside {
    margin: 2em -6em;
    padding: 1em 10em;
    --narration-color: rgba(245, 245, 245, 1.4);
    background: var(--narration-color);
    background: linear-gradient(90deg, rgba(255,255,255,0) 5%, var(--narration-color) 10%, var(--narration-color) 90%, rgba(255,255,255,0) 95%);
    z-index: -2;
  }
  
  .outside.inline {
    margin: 1em -6em;
    padding: 1px 10em;
  }
  
  div#container-wrap::before {
      content: "";
      position: absolute;
      width: 100%;
      height: 162px;
      background: url("https://scp-wiki.wdfiles.com/local--files/component%3Atheme/body_bg.png") repeat-x;
      -webkit-filter: grayscale(100%);
              filter: grayscale(100%);
  }
  
  .imagediv { float: right; margin: 15px}
  @media (max-width: 540px) {
    .imagediv {
      float: none; text-align:center; margin: auto;
    }
  }
  
  div#header h1 a span {
      font-size: 0px;
  }
  div#header h1 a:before {
      content: "ㄗITCH 卄AVEN";
      color: #eee;
      
  }
  div#header h2 span {
      font-size:0px;
      padding: 4px;
  }
  div#header h2:after {
      content: "Fables about Hate, Secrets, Love and Death";
      font-weight: bold;
      color: #f0f0c0;
      padding: 19px 0;
      text-shadow: 1px 1px 1px rgba(0, 0, 0, .8);
      white-space: pre;
  }
  
  #header {
    background-image: url(https://scp-wiki.wdfiles.com/local--files/pitch-haven-hub/scp45.png)
  }
  span, a { word-break: normal !important }
  
  #extra-div-1 {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 170px;
      pointer-events: none;
      background: url(https://scp-wiki.wdfiles.com/local--files/component:theme/body_bg.png) top left repeat-x;
      -webkit-mask-image: linear-gradient(to left, rgba(0,0,0,1) 40%, rgba(0,0,0,0) 60%);
      mask-image: linear-gradient(to left, rgba(0,0,0,1) 40%, rgba(0,0,0,0) 60%);
  }
  
  /* reapplying sigma-9 styling */
  #top-bar ul li a::after,#top-bar ul li a::before{display:none}#search-top-box-input{border:solid 1px #999;border-radius:5px;color:#ccc;background-color:#300;box-shadow:inset 1px 1px 3px rgb(0 0 0 / 50%)}#search-top-box-form input[type=submit]{border:solid 1px #999;border-radius:5px;padding:2px 5px;font-size:90%;font-weight:700;color:#ccc;background-color:#633;background-image:linear-gradient(to bottom,#966,#633,#300);box-shadow:0 1px 3px rgb(0 0 0 / 50%)}

  Pages using this styling

  • zwei-ohne-namen-und-titel [info]

  ¶ 1 occurrence
  

  #header {
    background-image: url(https://scp-wiki.wdfiles.com/local--files/component:pride-highlighter/lsb_logo_blk.svg)
  }

  Pages using this styling

  • zoempaws-scp-8549-poster [info]

  ¶ 1 occurrence
  

  .orderdescription {
    position: relative;
    top: auto;
  }
  .orderwrapper {
    display: grid;
  }
  .orderwrapper > * {
    grid-column: 1 / -1;
    grid-row: 1 / -1;
  }
  
  div.hytoth {
       width: 75%;
       padding: 0 1em;
       margin: 0 auto;
       box-shadow: rgba(0,0,0,.2);
       margin-bottom: 10px;
       border-style: solid;
       border-width: 2px;
  }
  
  div.void {
       border-color: ##909090;
       background-color: #000000;
       color: #bcbcbc;
  }
  
  div.rings {
       border-color: ##800000;
       background-color: #ffc39f;
  }
  
  div.ocean {
       border-color: #000000;
       background-color: #99DDFF;
  }
  
  div.sapient {
       border-color: #000000;
       background-color: #66DD66;
  }
  
  div.realboy {
        border-color: #000000;
        background-color: #FCEE55;
  }

  Pages using this styling

  • zeyu-eitothan [info]

  ¶ 1 occurrence
  

  #header {background-image: url(https://www.scp-wiki.net/local--files/arbh-class-debrief-file/Pissresize);}
  #header h1 a {
      display: block;
      margin: 0;
      padding: 90px 0 90px;
      line-height: 0px;
      max-height: 0px;
      color: transparent;
      background: transparent;
      font-family: BauhausLTDemi. 'Nanum Gothic'. Arial. sans-serif;
      text-decoration: none;
      text-shadow: none;
      letter-spacing: 0.9px;
  }
   
  #header h1 a::before {
      content: "SCP Foundation";
      color: #fff;
      letter-spacing: -0.02em;
      text-shadow: 3px 3px 5px #000;
  }
   
  #header h2 span {
      display: block;
      margin: 0;
      padding: 19px 0;
      line-height: -45px;
      max-height: 0px;
      font-weight: bold;
      color: transparent;
      text-shadow: none;
  }
   
  #header h2 span::before {
      content: 'Insect Hell';
      color: #fff;
      text-shadow: 1px 1px 1px #000;
      text-shadow: 1px 1px 1px rgba(0,0,0,.8);
  }
  
  sup {
    vertical-align: top;
    position: relative;
    top: -0.5em;
  }
  
  .scp-image-block.block-right { margin: 1em 2em 1em 1em; }
  

  Pages using this styling

  • zero-hour [info]

  ¶ 1 occurrence
  

  /*
      Powered on 2022/09/20 23:28:20
      [2022 Wikidot Theme]
      Created by Zal Cryptid
      CC BY-SA 3.0
  */
  
  
  
  :root {
      --themeColor: #000000--
      --accentColor: #000000--
  }
  body {
      background: #000000;
      color: #FFFFFF;
    
  }
  h1 {
      color: 000000;
  }
  blockquote {
      
      
  }
  div#container-wrap {
      background: url(div#black) top left repeat-x;
  }
  div#header {
      background: url([[include :scp-wiki:component:pride-highligher |inc-s9-tg-alt= --]]]) 10px 40px no-repeat;
  }
  div#side-bar div.side-block {
      background: 000000;
  }
  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: #ff781f;
      border-color: #ff781f;
  }
  div.yui-navset div.yui-content {
      background: #000000;
  }
  div.yui-navset ul.yui-nav a,
  div.yui-navset div.yui-navset-top ul.yui-nav a {
      background: #000000;
      color: #ffffff;
      border: solid #00000;
  }
  div.yui-navset ul.yui-nav a:hover,
  div.yui-navset ul.yui-nav a:focus {
      background: #000000;
      color: #b52f2f;
  }
  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: 000000;
      border: 000000;
  }
  div.open-menu a {
      color: #ffffff!important;
      border-color: #ffffff!important;
  }
  

  Pages using this styling

  • zal-cryptid-s-artwork-hub [info]

  ¶ 1 occurrence
  

  :root {
    --header-title: "YuanJi Inc."; /* TN: keep in english */
    --header-subtitle: "YuanJi Incorporated Hub";
  }
  
  div#extra-div-1 {
      background-image: url(https://scp-wiki.wikidot.com/local--files/yuanji-hub/cVClV1i.webp);
      padding-top: 10px;
      filter: opacity(0.2);
  }
  
  #page-content .normal a {
     color: #000;
  }
  #page-content .normal a:hover {
      color: #888;
  }
  
    /*普通連結色彩*/
  a  {
      color: #0066FF;
  }
   
   /*未創建連結的色彩*/
  a.newpage  {
      color: #00CCFF;
  }
   
   /*已瀏覽連結的色彩*/
  a:visited  {
      color: #0044AA;
  }
  /* TN: this rotates the tab label text, remove if necessary */
  div.CustomTabRJ .yui-navset .yui-nav li,
  div.CustomTabRJ .yui-navset .yui-navset-top .yui-nav li {
      transform: rotate(-180deg);
      text-orientation: mixed;
  }

  Pages using this styling

  • yuanji-hub [info]

  ¶ 1 occurrence
  

  :root {
       --header-title: "The Sanest King";
       --header-subtitle: "FUN - FEAR - FINANCE.";

  Pages using this styling

  • yourstrulyfirstunbirthdayball [info]

  ¶ 1 occurrence
  

  .dropcapParagraph {font-family: Georgia; font-size:125%;}
  .dropcapParagraph p {padding-top:10px;}
  .dropcapSection { }
  
  body {  font-family: Georgia; }
  
  .firstCharacter {
    color: #903;
    float: left;
    font-family: Georgia;
    font-size: 650%;
    line-height: 5rem;
    padding-top: 4px;
    padding-right: 8px;
    padding-left: 3px;
  }
  
  h1 {
    font-size: 2.5em;
    color: #3e3e3e;
  }
  .text-part > .main-class {
  margin-left: 0em;
  }
  .authorlink-wrapper {
    margin: auto !important;
    width: fit-content;
  }
  @media only screen and (min-width: 850px) {
  h1 {
    margin-left: -2rem;
    font-size: 3em;
  }
  }

  Pages using this styling

  • yourstrulyfirstunbirthdayball [info]

  ¶ 1 occurrence
  

  h1{text-align: center;}
  .footnotes-footer{display:none;}

  Pages using this styling

  • yourjouney-part-1 [info]

  ¶ 1 occurrence
  

  .inner-chat {background: white; padding: 1px 15px; border: solid 3px gray; margin: 10px; border-radius: 30px 15px}

  Pages using this styling

  • your-very-last-scp [info]

  ¶ 1 occurrence
  

  @import url("https://fontlibrary.org/face/comic-neue");
  
  .blinkbar {animation: blink 1.5s infinite; letter-spacing: -0.13em;}@keyframes blink{to{opacity: .0;}}@keyframes flicker {0% {opacity: 0.9890; }5% {opacity: 0.5842; }10% {opacity: 0.9865; }15% {opacity: 0.0412; }20% {opacity: 0.6255; }25% {opacity: 0.3157; }30% {opacity: 0.7328; }35% {opacity: 0.4654; }40% {opacity: 0.9128; }45% {opacity: 0.2449; }50% {opacity: 0.5485; }55% {opacity: 0.6438; }60% {opacity: 0.1180; }65% {opacity: 0.9085; }70% {opacity: 0.0266; }75% {opacity: 0.6795; }80% {opacity: 0.7812; }85% {opacity: 0.0117; }90% {opacity: 0.2239; }95% {opacity: 0.8897; }100% {opacity: 0.2260; }}@keyframes overlay-anim {0% {visibility: hidden; }10% {visibility: hidden; }11% {visibility: visible; }50% {visibility: hidden; }100% {visibility: hidden; }}
  
  div.terminal{
      border: 1px solid black;
      border: solid 3px #BBBBBB;
      border-radius: 16px;
      background-color: #131;
  /* black shadow at the top of the terminal */
      background-image: 
          radial-gradient(ellipse 1000% 100% at 50% 90%, transparent, #121);
      background-position: center;
      display: block;
  /* shadow around the terminal */
      box-shadow: inset 0 0 10em 1em rgba(0,0,0,0.5);
  }
  div.terminal blockquote {
      background-color: black;
      border: double 3px #80FF80
  }
  /* hr block for terminal -- thanks to stormbreath! */
  div.terminal hr {
      background-color: #80FF80;
  }
  
  div.text{
      color: rgba(128,255,128,0.8);
      padding-left: 2em;
      font-family: monospace;
      font-size: 1.2em;
      }
  
  div.dado{
     color: #edeff8;
     font-family: 'ComicNeueAngularRegular', 'MS Comic Sans', 'Comic Sans', sans-serif; 
     padding-left: 2em;
     font-size: 1.2em;
  }
  
  div.dado a {
      color: #90EE90;
      text-decoration: none;
      background: transparent;
  }
  div.dado a.newpage {
      color: #90EE90;
      text-decoration: none;
      background: transparent;
  }
  div.dado a:hover {
      color: #131;
      text-decoration: underline;
      background-color: #80FF80;
  }
  

  Pages using this styling

  • your-very-last-scp [info]

  ¶ 1 occurrence
  

  .text-box {background-color: white; color: black; float: center; border: solid 1px #000000; padding: 5px 15px 5px 15px; box-shadow: 0 1px 3px rgba(0,0,0,.2); margin: 0% 4% 0% 4%}

  Pages using this styling

  • your-very-first-scp [info]

  ¶ 1 occurrence
  

  /*---- IMPORTS ----*/
  @import url('https://fonts.googleapis.com/css2?family=Saira:wght@400;700&display=swap');
  
  /*---- THEME ----*/
  :root {
    --logo: url(https://scp-wiki.wdfiles.com/local--files/retrieval/light.png);
    --header-title:  "GLOBAL OCCULT COALITION";
    --subtitle: "Humanity's Anchor";
    --title-size: 1rem;
    --subtitle-size: 0.75rem;
    --basalt-bright-element-color: 73, 115, 145;
    --basalt-dark-element-color: 50, 63, 71;
  }
  :root {
      --UI-font-primary: 'Saira';
      font-size: 110%;
  }
  
  body {
      background: url('https://scp-wiki.wdfiles.com/local--files/your-mind-is-a-cage/MindCage.png') bottom center repeat-x;
      background-size: 150em;
  }
  
   body {
      background-color: #ededed;
  }
  

  Pages using this styling

  • your-mind-is-a-cage [info]

  ¶ 1 occurrence
  

  /* Apply a border to all images with the class 'picture' */
  .plaque4 {
    border: 2px solid #0d0c00; /* 2px solid border with a light gray color */
    border-radius: 8px; /* Optional: Add rounded corners for a softer look */
    background-image: radial-gradient(#013220, #01010f);
    margin: 10px; /* Optional: Add some margin for spacing between pictures */
    float: left; /* Float the images to the left to make them appear side by side */
    width: calc(33.33% - 20px); /* Set the width to one-third of the container with some margin */
   width: 320px;
    height: 75px;
    box-sizing: border-box; /* Include borders in the width calculation */
    clear: none; /* Prevent the images from clearing the float */
  }
  
  /* Optional: Add hover effect for a subtle interaction */
  .picture:hover {
    border-color: #452299; /* Darker border color on hover */
  }

  Pages using this styling

  • your-local-artmacy [info]

  ¶ 1 occurrence
  

  /* Apply a border to all images with the class 'picture' */
  .plaque3 {
    border: 2px solid #0d0c00; /* 2px solid border with a light gray color */
    border-radius: 8px; /* Optional: Add rounded corners for a softer look */
    background-image: radial-gradient(#AA336A, #01010f);
    margin: 10px; /* Optional: Add some margin for spacing between pictures */
    float: left; /* Float the images to the left to make them appear side by side */
    width: calc(33.33% - 20px); /* Set the width to one-third of the container with some margin */
   width: 300px;
    height: 75px;
    box-sizing: border-box; /* Include borders in the width calculation */
    clear: none; /* Prevent the images from clearing the float */
  }
  
  /* Optional: Add hover effect for a subtle interaction */
  .picture:hover {
    border-color: #452299; /* Darker border color on hover */
  }
  

  Pages using this styling

  • your-local-artmacy [info]

  ¶ 1 occurrence
  

  /* Apply a border to all images with the class 'picture' */
  .plaque2 {
    border: 2px solid #0d0c00; /* 2px solid border with a light gray color */
    border-radius: 8px; /* Optional: Add rounded corners for a softer look */
    background-image: radial-gradient(#301934, #01010f);
    margin: 10px; /* Optional: Add some margin for spacing between pictures */
    float: left; /* Float the images to the left to make them appear side by side */
    width: calc(33.33% - 20px); /* Set the width to one-third of the container with some margin */
   width: 300px;
    height: 75px;
    box-sizing: border-box; /* Include borders in the width calculation */
    clear: none; /* Prevent the images from clearing the float */
  }
  
  /* Optional: Add hover effect for a subtle interaction */
  .picture:hover {
    border-color: #452299; /* Darker border color on hover */
  }
  

  Pages using this styling

  • your-local-artmacy [info]

  ¶ 1 occurrence
  

  /* Apply a border to all images with the class 'picture' */
  .plaque {
    border: 2px solid #0d0c00; /* 2px solid border with a light gray color */
    border-radius: 8px; /* Optional: Add rounded corners for a softer look */
    background-image: radial-gradient(#00008B, #01010f);
    margin: 10px; /* Optional: Add some margin for spacing between pictures */
    float: left; /* Float the images to the left to make them appear side by side */
    width: calc(33.33% - 20px); /* Set the width to one-third of the container with some margin */
   width: 320px;
    height: 75px;
    box-sizing: border-box; /* Include borders in the width calculation */
    clear: none; /* Prevent the images from clearing the float */
  }
  
  /* Optional: Add hover effect for a subtle interaction */
  .picture:hover {
    border-color: #452299; /* Darker border color on hover */
  }
  

  Pages using this styling

  • your-local-artmacy [info]

  ¶ 1 occurrence
  

  /* Apply a border to all images with the class 'picture' */
  .picture {
    border: 2px solid #0d0c00; /* 2px solid border with a light gray color */
    border-radius: 8px; /* Optional: Add rounded corners for a softer look */
    background-image: radial-gradient(#01010f, #01010f);
    margin: 10px; /* Optional: Add some margin for spacing between pictures */
    float: left; /* Float the images to the left to make them appear side by side */
    width: calc(33.33% - 20px); /* Set the width to one-third of the container with some margin */
   width: 300px;
    height: 335px;
    box-sizing: border-box; /* Include borders in the width calculation */
    clear: none; /* Prevent the images from clearing the float */
  }
  
  /* Optional: Add hover effect for a subtle interaction */
  .picture:hover {
    border-color: #452299; /* Darker border color on hover */
  }

  Pages using this styling

  • your-local-artmacy [info]

  ¶ 1 occurrence
  

  .flex-container {
      display: flex;
  }
  
  .flex-item {
      flex: 1; 
  }
  
  /* Media query for smaller screens */
  @media screen and (max-width: 768px) {
      .flex-container {
          flex-direction: column; /* Stack items vertically on smaller screens */
      }
  

  Pages using this styling

  • your-local-artmacy [info]

  ¶ 1 occurrence
  

  #header {
      height: 350px;
      background-image: url('https://scp-wiki.wikidot.com/local--files/your-local-artmacy/snake-removebg-preview.webp');
      background-position: 50% 25%;
      background-repeat: no-repeat;
      background-size:300px auto;
  }

  Pages using this styling

  • your-local-artmacy [info]

  ¶ 1 occurrence
  

  .modal {
  border-color:#fcfcfc !important;
  }
  body {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 56 28' width='56' height='28'%3E%3Cpath fill='%23141415' fill-opacity='0.06' d='M56 26v2h-7.75c2.3-1.27 4.94-2 7.75-2zm-26 2a2 2 0 1 0-4 0h-4.09A25.98 25.98 0 0 0 0 16v-2c.67 0 1.34.02 2 .07V14a2 2 0 0 0-2-2v-2a4 4 0 0 1 3.98 3.6 28.09 28.09 0 0 1 2.8-3.86A8 8 0 0 0 0 6V4a9.99 9.99 0 0 1 8.17 4.23c.94-.95 1.96-1.83 3.03-2.63A13.98 13.98 0 0 0 0 0h7.75c2 1.1 3.73 2.63 5.1 4.45 1.12-.72 2.3-1.37 3.53-1.93A20.1 20.1 0 0 0 14.28 0h2.7c.45.56.88 1.14 1.29 1.74 1.3-.48 2.63-.87 4-1.15-.11-.2-.23-.4-.36-.59H26v.07a28.4 28.4 0 0 1 4 0V0h4.09l-.37.59c1.38.28 2.72.67 4.01 1.15.4-.6.84-1.18 1.3-1.74h2.69a20.1 20.1 0 0 0-2.1 2.52c1.23.56 2.41 1.2 3.54 1.93A16.08 16.08 0 0 1 48.25 0H56c-4.58 0-8.65 2.2-11.2 5.6 1.07.8 2.09 1.68 3.03 2.63A9.99 9.99 0 0 1 56 4v2a8 8 0 0 0-6.77 3.74c1.03 1.2 1.97 2.5 2.79 3.86A4 4 0 0 1 56 10v2a2 2 0 0 0-2 2.07 28.4 28.4 0 0 1 2-.07v2c-9.2 0-17.3 4.78-21.91 12H30zM7.75 28H0v-2c2.81 0 5.46.73 7.75 2zM56 20v2c-5.6 0-10.65 2.3-14.28 6h-2.7c4.04-4.89 10.15-8 16.98-8zm-39.03 8h-2.69C10.65 24.3 5.6 22 0 22v-2c6.83 0 12.94 3.11 16.97 8zm15.01-.4a28.09 28.09 0 0 1 2.8-3.86 8 8 0 0 0-13.55 0c1.03 1.2 1.97 2.5 2.79 3.86a4 4 0 0 1 7.96 0zm14.29-11.86c1.3-.48 2.63-.87 4-1.15a25.99 25.99 0 0 0-44.55 0c1.38.28 2.72.67 4.01 1.15a21.98 21.98 0 0 1 36.54 0zm-5.43 2.71c1.13-.72 2.3-1.37 3.54-1.93a19.98 19.98 0 0 0-32.76 0c1.23.56 2.41 1.2 3.54 1.93a15.98 15.98 0 0 1 25.68 0zm-4.67 3.78c.94-.95 1.96-1.83 3.03-2.63a13.98 13.98 0 0 0-22.4 0c1.07.8 2.09 1.68 3.03 2.63a9.99 9.99 0 0 1 16.34 0z'%3E%3C/path%3E%3C/svg%3E");
  }

  Pages using this styling

  • your-future-is-bright [info]

  ¶ 1 occurrence
  

  
  div#header h1 a:before {
      content: "Serpent's Hand";
      color: #eee;
  
  }
  div#header h2 span {
      font-size:0px;
      padding: 4px;
  }
  div#header h2:after {
      content: "The Anomalous Is On The Rise";
      font-weight: bold;
      color: #f0f0c0;
      padding: 19px 0;
      text-shadow: 1px 1px 1px rgba(0, 0, 0, .8);
      white-space: pre;
  }
  
  #side-bar {
      border: 1px solid black;
  }
  
  /* LINK RECOLORS */
  
  a {
      color: #059400;
  }
  a.newpage {
      color: #00a862;
  }
   
  #side-bar a:visited{
      color: #059400;
  }
   
  a:visited {
      color: #006d2c;
  }

  Pages using this styling

  • your-eyes-shall-be-opened [info]

  ¶ 1 occurrence
  

  .wiki-content-table td:nth-last-child(1){
      width: 3ch;
  }
  .wiki-content-table td:nth-last-child(2){
      width: 12ch;
  }
  .content-panel .content-type-title > p {
      margin: 0;
  }
  .content-panel .content-type-title {
      /*font-size: 120%;*/
      font-weight: bold;
      padding: 2px 10px;
      background-color: #666;
      color: #fff;
      border-radius: 9px 9px 0 0;
      box-shadow: inset 0 1px rgba(255,255,255,0.3),
                  inset 0 10px rgba(255,255,255,0.2),
                  inset 0 10px 20px rgba(255,255,255,0.25);
  }
  .content-panel .content-type-description {
      padding: 0;
      text-align: justify;
  }
  
  .content-panel .wiki-content-table {
      margin: 2px 0 0 0;
      width: 100%;
      word-break: break-word;
  }
  .content-panel .wiki-content-table th:nth-of-type(2),
  .content-panel .wiki-content-table th:nth-of-type(3),
  .content-panel .wiki-content-table td:nth-of-type(2),
  .content-panel .wiki-content-table td:nth-of-type(3) {
      text-align: center;
  }
  .content-panel .wiki-content-table th,
  .content-panel .wiki-content-table td {
      border: none;
  }
  .content-panel .wiki-content-table tr {
      border-bottom: solid 1px rgba(0,0,0,0.1);
  }
  .content-panel .wiki-content-table th {
      border: 2px solid white;
      border-width: 0 2px;
      background-color: #666;
      color: white;
  }
  .desktop-only { display: block; }
  .mobile-only { display: none; }
  @media (max-width: 979px) {
      .desktop-only { display: none; }
      .mobile-only { display: block; }
  }

  Pages using this styling

  • young-and-under-30 [info]

  ¶ 1 occurrence
  

  .page {
      display: block;
      overflow: hidden;
      font-family: 'Nothing You Could Do', cursive;
      font-style: normal;
  
      background-attachment: scroll;
      background-clip: border-box;
      background-color: transparent;
      background-image: linear-gradient(to top ,rgb(202, 219, 228) 0%, rgb(231, 233, 220) 8%);
      background-origin: padding-box;
      background-position: 0px 8px;
      background-repeat: repeat;
      background-size: 100% 20px;
  
      border: 1px solid #CCC;
      border-radius: 10px;
      padding: 10px 10px;
      margin-bottom: 10px;
  
      box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2)
      }
  .page p,
  .page ul {
      line-height: 20px;
      margin: 0;
  }

  Pages using this styling

  • you-will-come-back-to-me-once-this-is-done [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Nothing+You+Could+Do&display=swap');

  Pages using this styling

  • you-will-come-back-to-me-once-this-is-done [info]

  ¶ 1 occurrence
  

  
  .time{
  color:#901;
  font-weight: 700;
  }
  
  

  Pages using this styling

  • you-want-takeout [info]

  ¶ 1 occurrence
  

  .msg-time{
  margin-bottom:2px;
  }
  .message.eleven > .body > .userblock > .user-name:after{
  content:"BOT";
  color:white;
  display:inline-block;
  font-size:10px;
  background:#5865f2;
  border-radius:3px;
  font-weight:bold;
  padding:0 4px 0 4px;
  margin-left:0.3rem;
  }

  Pages using this styling

  • you-took-away-my [info]

  ¶ 1 occurrence
  

   :root{
       --accentColor: hsl(4, 98%, 66%);
       --accentColorLite: hsla(4, 98%, 76%, .5);
       --hue: 4deg;
  }

  Pages using this styling

  • you-can-check-out-any-time-you-like [info]

  ¶ 1 occurrence
  

  div.extra-spacing p {
      line-height: 230%;
  }

  Pages using this styling

  • you-await-my-return [info]

  ¶ 1 occurrence
  

  
  :root {
      --background: linear-gradient( 115deg, hsl(211.48, 75.31%, 15.88%) 0%, hsl(211.48, 75.31%, 15.68%) 8.1%, hsl(211.48, 75.31%, 15.11%) 15.5%, hsl(211.48, 75.31%, 14.23%) 22.5%, hsl(211.48, 75.31%, 13.1%) 29%, hsl(211.48, 75.31%, 11.76%) 35.3%, hsl(211.48, 75.31%, 10.29%) 41.2%, hsl(211.48, 75.31%, 8.73%) 47.1%, hsl(211.48, 75.31%, 7.15%) 52.9%, hsl(211.48, 75.31%, 5.59%) 58.8%, hsl(211.48, 75.31%, 4.12%) 64.7%, hsl(211.48, 75.31%, 2.79%) 71%, hsl(211.48, 75.31%, 1.65%) 77.5%, hsl(211.48, 75.31%, 0.77%) 84.5%, hsl(211.48, 75.31%, 0.2%) 91.9%, hsl(0, 0%, 0%) 100% );
  
      --very-light-blue: #f5f5ff;
      --light-blue: #b7d2ff;
      --blue: #144272;
      --dark-blue: #0A2647;
      --link-color: #0075ba;
  }
  
  @keyframes wave {
      0% {
          background-position: 0% 0%;
      }
      100% {
          background-position: 50% 50%;
      }
  }
  
  /* BIG CHANGES */
  
  html {
      height: 100%;
      scrollbar-color: var(--light-blue) var(--dark-blue);
  }
  
  body {
      background: var(--background);
      background-size: 200% 200%;
      background-attachment: fixed;
      animation-name: wave;
      animation-duration: 20s;
      animation-direction: alternate;
      animation-timing-function: ease-in-out;
      animation-iteration-count: infinite;
      color: var(--very-light-blue);
  }
  
  @media (prefers-reduced-motion: reduce) {
      body {
          animation: none;
      }
  }
  
  #container::before {
      content: "";
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 20vh;
      background: linear-gradient( to bottom, hsla(211.48, 75.31%, 15.88%, 0.75) 0%, hsla(211.48, 75.31%, 15.88%, 0.74) 8.1%, hsla(211.48, 75.31%, 15.88%, 0.714) 15.5%, hsla(211.48, 75.31%, 15.88%, 0.672) 22.5%, hsla(211.48, 75.31%, 15.88%, 0.618) 29%, hsla(211.48, 75.31%, 15.88%, 0.556) 35.3%, hsla(211.48, 75.31%, 15.88%, 0.486) 41.2%, hsla(211.48, 75.31%, 15.88%, 0.412) 47.1%, hsla(211.48, 75.31%, 15.88%, 0.338) 52.9%, hsla(211.48, 75.31%, 15.88%, 0.264) 58.8%, hsla(211.48, 75.31%, 15.88%, 0.194) 64.7%, hsla(211.48, 75.31%, 15.88%, 0.132) 71%, hsla(211.48, 75.31%, 15.88%, 0.078) 77.5%, hsla(211.48, 75.31%, 15.88%, 0.036) 84.5%, hsla(211.48, 75.31%, 15.88%, 0.01) 91.9%, hsla(211.48, 75.31%, 15.88%, 0) 100% );
      z-index: 50;
      pointer-events: none;
  }
  
  #main-content {
      max-width: 100%;
  }
  
  p {
      color: var(--very-light-blue);
  }
  
  h1, h2, h3, h4, h5, h6 {
      color: var(--light-blue);
      font-family: "Outfit";
  }
  
  h2 {
      font-weight: bold;
      font-size: 200%;
  }
  
  textarea, input {
      color: var(--dark-blue);
      background-color: var(--very-light-blue);
  }
  
  #page-title {
      display: none;
  }
  
  blockquote {
      border: 1px solid var(--light-blue);
      background-color: var(--dark-blue);
  }
  
  /* HEADER */
  
  div#container-wrap {
      background: transparent;
  }
  
  #header {
      background: none;
      z-index: 100;
  }
   
  #header > :is(h1, h2) {
      display: none;
  }
  
  @media (max-width: 530px) {
      #header * {
          opacity: 1 !important;
      }
  }
  
  @media (prefers-reduced-motion: reduce) {
      #top-bar, .mobile-top-bar, #search-top-box-form input[type="submit"], #login-status {
          opacity: 1 !important;
      }
  }
   
  /* LINKS */
   
  a {
      color: var(--link-color);
      background: transparent;
  }
   
  a.newpage {
      color: var(--link-color);
  }
   
  a:visited {
      color: var(--link-color);
      background: transparent;
  }
   
  /* TOP BAR */
  
  #top-bar, .mobile-top-bar {
      display: flex;
      justify-content: center;
      position: fixed;
      top: 0;
      left: 0;
      height: 20px;
      width: 100vw;
      padding: 20px;
      opacity: 0.8;
      transition-duration: 0.3s;
      box-sizing: border-box;
      font-family: "Lexend Deca";
      font-size: 90%;
  }
  
  .top-bar {
      width: 75%;
      margin: auto;
      left: unset;
  }
  
  .mobile-top-bar {
      top: 20px;
  }
  
  :is(#top-bar, .mobile-top-bar):is(:hover, :active, :focus, :focus-within) {
      opacity: 1;
      transition-duration: 0.3s;
  }
  
  #top-bar .top-bar > ul {
      display: flex;
      margin: auto;
      justify-content: center;
      gap: 10px;
  }
  
  #top-bar .top-bar ul {
      float: none;
  }
  
  #top-bar ul li a {
      color: var(--light-blue);
  }
   
  #top-bar ul li:hover a {
      color: var(--dark-blue);
      background-color: var(--very-light-blue);
  }
   
  #top-bar ul li ul li a {
      color: var(--dark-blue);
  }
   
  /* RATING MODULE */
  
  .page-rate-widget-box {
      margin-right: 0px;
  }
  
  .page-rate-widget-box .rate-points {
      background-color: var(--dark-blue) !important;
      border: solid 1px var(--light-blue) !important;
  }
  
  .page-rate-widget-box :is(.rateup, .ratedown) {
      background-color: var(--dark-blue);
      border-top: solid 1px var(--light-blue);
      border-bottom: solid 1px var(--light-blue);
      font-weight: bold;
      transition: .5s;
  }
  
  .page-rate-widget-box :is(.rateup, .ratedown) a {
      background: var(--dark-blue);
      color: var(--light-blue);
      padding: 0 4px;
      margin: 0 1px;
      transition: .5s;
  }
  
  .page-rate-widget-box :is(.rateup, .ratedown) a:hover {
      background: var(--dark-blue);
      color: var(--light-blue);
      text-decoration: none;
      transition: .5s;
  }
  
  .page-rate-widget-box .cancel {
      background-color: var(--dark-blue);
      border: solid 1px var(--light-blue);
      border-left: 0;
      border-radius: 0 5px 5px 0;
      transition: .5s;
  }
  
  .page-rate-widget-box .cancel a {
      background: transparent;
      text-transform: uppercase;
      color:var(--light-blue);
      transition: .5s;
  }
  
  .page-rate-widget-box .cancel a:hover {
      border-radius: 0 3px 3px 0;
      background: var(--dark-blue);
      color: var(--light-blue);
      text-decoration: none;
      transition: .5s;
  }
   
  /* SEARCH BAR */
  
  div#search-top-box {
      top: 40px;
      position: fixed;
  }
   
  #search-top-box-form input[type=submit] {
      border: solid 1px var(--light-blue);
      color: var(--light-blue);
      background: var(--dark-blue);
      border-radius: 0;
      opacity: 0.8;
      transition-duration: 0.3s;
  }
  
  #search-top-box-form input[type="submit"]:hover {
      opacity: 1;
      transition-duration: 0.3s;
  }
   
  #search-top-box-form input[type=submit]:is(:hover, :focus) {
      border: solid 1px var(--light-blue);
      color: var(--light-blue);
      background: var(--dark-blue);
      border-radius: 1px 1px 1px 1px;
  }
  
  @media (max-width: 530px) {
      div#search-top-box {
          top: 20px;
          font-size: 85%;
      }
  }
   
  /* SIDEBAR */
   
  #side-bar {
      z-index: 200;
      background-color: var(--dark-blue) !important;
      color: var(--very-light-blue);
      box-sizing: border-box;
  }
  
  #side-bar .side-block {
      border-radius: 0px;
  }
  
  #side-bar a {
      color: var(--link-color);
  }
  
  #top-bar .open-menu a {
      border: 2px solid var(--light-blue);
      background-color: var(--dark-blue);
      color: var(--light-blue);
  }
  
  #side-bar .side-block h2 {
      color: var(--very-light-blue);
  }
   
  #side-bar div.side-block {
      box-shadow: 0 2px 6px var(--dark-blue) !important;
      border: 4px double var(--light-blue);
      background: var(--dark-blue) !important;
      font-family: "Lexend Deca";
      font-size: 90%;
  }
   
  #side-bar .side-block .heading {
      border-bottom: solid 1px var(--very-light-blue);
      font-family: "Outfit";
      font-size: 0.9em;
      padding-left: 0px;
  }
   
  #side-bar div.menu-item img {
      filter: hue-rotate(310deg);
  }
  
  /* LOGIN DETAILS */
  
  #login-status {
      position: fixed;
      opacity: 0.8;
      transition-duration: 0.3s;
      font-family: "Lexend Deca";
  }
  
  #login-status:hover {
      opacity: 1;
      transition-duration: 0.3s;
  }
   
  #login-status, #login-status a {
      color: var(--light-blue);
  }
   
  a#account-topbutton {
      border: 1px solid var(--light-blue);
  }
   
  div#account-topbotton {
      border: 1px solid var(--light-blue);
      width: 6em;
  }
  
  #account-options {
      width: auto;
      background-color: var(--very-light-blue);
  }
  
  #account-options li a {
      color: var(--dark-blue);
  }
  
  .printuser img.small {
      padding: 0 0 0 0;
      border: 1px solid var(--light-blue);
      background-image: none !important;
  }
  
  .printuser a:first-child {
      margin-right: 3px;
  }
  
  @media (max-width: 530px) {
      #login-status {
          width: 100vw;
          text-align: center;
          box-sizing: border-box;
          left: 0;
          top: 10px;
          font-size: 80%;
      }
  }
  
  /* OTHER */
  
  #page-info, #edit-page-form :not(.alert, textarea, #lock-timer, input, .btn-default) {
      color: var(--very-light-blue);
  }
  
  #lock-info, #lock-timer {
      color: var(--dark-blue);
      background-color: var(--very-light-blue);
  }
  
  .page-source {
      color: var(--very-light-blue);
  }
  
  .change-textarea-size {
      padding-right: 2em;
  }
  
  .change-textarea-size a:hover {
      text-decoration: none;
      background-color: #BBB;
  }
  
  .preview-message {
      border: 1px solid var(--dark-blue);
      background-color: var(--very-light-blue);
      color: var(--dark-blue);
  }
  
  .owindow, .owindow p, .modal-body > p {
      color: var(--dark-blue);
  }
  
  :not(.modal-body) > table {
      color: var(--very-light-blue);
  }
  
  #footer {
      background: var(--dark-blue);
      color: var(--very-light-blue);
  }
  
  #license-area {
      color: var(--very-light-blue);
      background: var(--dark-blue);
  }
  
  #license-area a::after {
      content: ".";
  }
  
  #odialog-hovertips {
      color: var(--dark-blue);
  }
  

  Pages using this styling

  • yossipossi-authorphage [info]

  ¶ 1 occurrence
  

  
  @import url('https://scp-wiki.wdfiles.com/local--files/yossipossi-authorphage/Outfit_wght%40100..900.css');
  @import url('https://scp-wiki.wdfiles.com/local--files/yossipossi-authorphage/Lexend%2BDeca_wght%40100..900.css');
  
  .article-container {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  }
  
  .article {
      display: grid;
      grid-template-columns: 100%;
      grid-template-rows: 80% 20% auto;
      aspect-ratio: 3/4;
      margin: 0.5rem;
      background-size: cover;
      background-position: center, center;
      border-radius: 1rem;
      position: relative;
      overflow: hidden;
      transition-duration: 0.3s;
      color: var(--very-light-blue);
      overflow-anchor: none;
  }
  
  .article:is(:hover, :active, :focus-within) {
      grid-template-rows: 0% 20% auto;
      transition-duration: 0.5s;
  }
  
  @media (prefers-reduced-motion: reduce) {
      .article {
          transition-duration: 0s;
      }
  
      .article:is(:hover, :active, :focus-within) {
          transition-duration: 0s;
      }
  }
  
  .article .placard {
      display: flex;
      flex-direction: column;
      justify-content: center;
      margin: auto;
      padding: 0.5rem;
      width: 100%;
      height: 100%;
      box-sizing: border-box;
      background: rgba(0, 0, 0, 0.5);
      transition-duration: 0.3s;
      position: relative;
      font-family: "Outfit";
      text-shadow: 0px 0px 1px black;
  }
  
  .placard > p {
      margin-bottom: 0;
      margin-top: 0;
  }
  
  .placard .url {
      font-size: 200%;
  }
  
  .coauthors {
      font-size: 95%;
      opacity: 0.7;
      margin-left: 5px;
  }
  
  .title {
      font-size: 140%;
  }
  
  .biglink {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 30;
  }
  
  .article .description {
      height: 100%;
      background-color: rgba(0, 0, 0, 0.5);
      padding: 0.5rem;
      transition-duration: 0.3s;
      position: relative;
      font-family: "Lexend Deca";
      font-weight: 350;
      overflow-anchor: none;
  }
  
  .article .quote {
      font-size: 95%;
      padding: 2px;
      border-left: 2px solid var(--light-blue);
      padding-left: 10px;
      color: var(--light-blue);
      font-style: italic;
  }
  
  .article .text {
      font-size: 90%;
      text-shadow: 0px 0px 1px black;
  }
  
  .article .text a {
      color: var(--light-blue);
      text-decoration: underline dotted;
  }
  
  .article:is(:hover, :active, :focus-within) :is(.placard, .description) {
      background-color: rgba(0, 0, 0, 0.8);
      transition-duration: 0.5s;
  }
  
  @media (prefers-reduced-motion: reduce) {
      .article :is(.description, .placard) {
          transition-duration: 0s;
      }
  
      .article:is(:hover, :active, :focus-within) :is(.placard, .description) {
          transition-duration: 0s;
      }
  }
  
  :is(.article, .other-item) a, :is(.article, .other-item) a:visited {
      color: white;
  }
  
  .newest {
      position: absolute;
      right: 0;
      top: 0;
      width: min-content;
      height: min-content;
      font-family: "Outfit";
      text-shadow: 0px 0px 1px black;
      background: rgba(0, 0, 0, 0.5);
      text-align: center;
      display: flex;
      border-bottom-left-radius: 1rem;
      transition-duration: 0.3s;
      opacity: 1;
      font-weight: bold;
  }
  
  .article:is(:hover, :active, :focus-within) .newest {
      opacity: 0;
      transition-duration: 0.5s;
  }
  
  @media (prefers-reduced-motion: reduce) {
      .newest {
          transition-duration: 0s;
      }
  
      .article:is(:hover, :active, :focus-within) .newest {
          transition-duration: 0s;
      }
  }
  
  .newest p {
      margin: auto;
      padding: 6px;
  }
  
  .article.dummy {
      background: grey;
      opacity: 0.1;
  }
  
  @media (max-width: 900px) {
      .article.dummy {
          display: none;
      }
  }
  
  
  
  
  
  .article-container.other {
      grid-template-columns: repeat(2, 1fr);
  }
  
  .other-item {
      position: relative;
      margin: 0.5rem;
      border-radius: 1rem;
      display: flex;
      flex-direction: column;
      justify-content: center;
      background: linear-gradient(115deg, rgba(0, 0, 0, 0.8) 40%, rgba(255, 255, 255, 0.2), rgba(0, 0, 0, 0.5) 60%);
      background-size: 400%, 400%;
      background-position: 90%, 90%;
      transition-duration: 0.8s;
      padding: 6px;
      box-sizing: border-box;
  }
  
  .other-item:is(:hover, :active, :focus-within) {
      background-position: 0% 0%;
      transition-duration: 0.8s;
  }
  
  @media (prefers-reduced-motion: reduce) {
      .other-item {
          transition-duration: 0s;
      }
  
      .other-item:is(:hover, :active, :focus-within) {
          background-position: 400% 400%;
          transition-duration: 0s;
      }
  }
  
  .other-title {
      font-size: 150%;
      margin: auto;
  }
  
  .other-title a, .other-subtitle {
      color: var(--very-light-blue);
      font-family: "Outfit";
  }
  
  .other-subtitle {
      opacity: 0.7;
      margin: auto;
      font-size: 95%;
      
  }
  
  @media (max-width: 530px) {
      .article-container.other {
          grid-template-columns: 1fr;
      }
      
      .other-subtitle {
          font-size: 80%;
      }
  }
  
  
  
  
  :is(.tales, .jokes) .article:not(.evangelion) .title {
      display: none;
  }
  
  :is(.tales, .jokes) .article:not(.evangelion) .placard {
      text-align: center;
  }
  
  :is(.tales, .jokes) .article .placard .coauthors {
      display: block;
  }
  
  
  
  
  .article.evangelion .title {
      font-size: 105%;
  }
  
  .article:is(.blood, .yurt) .title {
      font-size: 110%;
  }
  
  :is(.article.planet, .article.sins) .title {
      font-size: 130%;
  }
  
  .article:is(.sixthousand, .sexthology) .placard-name .url {
      font-size: 150%;
  }
  
  .article:is(.YOSSISTYLE, .yukon) .placard-name .url {
      font-size: 175%;
  }
  
  .article.blood .coauthors {
      font-size: 50%;
  }
  
  .article.THAUMIEL .coauthors {
      font-size: 85%;
  }
  
  .article:is(.blood) .coauthors {
      align-self: center;
      flex-shrink: 100000000000000; // fucking chrome istg
  }
  
  .article:is(.blood) .placard-name {
      display: flex;
  }
  

  Pages using this styling

  • yossipossi-authorphage [info]

  ¶ 1 occurrence
  

  
  .acts {
      display: flex;
      flex-direction: column;
      text-align: center;
      gap: 5rem;
      font-size: 150%;
  }
  
  .acts > div {
      flex-grow: 2;
      display: block;
  }
  

  Pages using this styling

  • yoshihides-proposal [info]

  ¶ 1 occurrence
  

  
  :root {
          --header-title: "Yokai Hunters";
          --header-subtitle: "Form. Reason. Balance. ";
  
          --logo-image: url("http://scp-sandbox-3.wikidot.com/local--files/moto-s-hunter-page/Logo%20v.%204%20.png");
  
          --bright-accent: 176, 176, 1767;
          --medium-accent: 176, 176, 1767;
  
          --white-monochrome: 255, 237, 214;
          --dark-accent: 0, 34, 8;
  }
  
  #header h2 {
          background: none;
          background-repeat: no-repeat;
          background-clip: border-box;
          background-size: contain;
          top: 0.5rem;
          left: 1.5rem;
          height: 3rem;
          font-size: 3em;
          --wght:200;
      }
  
  #header h2 span {
      --wght: 500;
      display: block;
      margin-top: calc(((var(--header-height-on-desktop) / 2) + (var(--header-h1-font-size) / 2) - var(--header-h2-font-size) + 0.375em));
      margin-left: calc(var(--header-height-on-desktop) - 0.5rem);
      color: transparent;
      font-family: var(--title-font);
      font-size: 0.5em;
      font-weight: var(--wght);
      line-height: 1;
      text-shadow: none;
  }
  
  #page-title,
  .meta-title,
   #page-content h1,
  #page-content h2,
  #page-content h3,
  #page-content h4,
  #page-content h5,
  #page-content h6 {
       -webkit-text-fill-color: rgb(var(--black-monochrome));
  }
  

  Pages using this styling

  • yokai-hunter-s-document-os-1 [info]

  ¶ 1 occurrence
  

  @import url("https://use.typekit.net/tqr1skr.css");
  @import url('https://fonts.googleapis.com/css?family=Playfair+Display:700|Poppins:400,600&display=swap');
  
  /* WANDERERS' CSS by Lt. Flops*/
  #page-content .border{
      box-sizing: border-box;
      padding: .85em 0;
  
      color: #FFDB5A;
      background-color: rgb(45, 70, 45);
      border: 2vw solid rgba(0,0,0,0.5);
      border-radius: 3vw;
      border-image: url(http://wanderers-library.wdfiles.com/local--files/component%3Adustjacket-theme/wl_border.png) 600 round;
      border-image-width: 6;
  }
  .h2{
      margin: .43em 0 .34em;
      padding: 0;
  
      font-size: 150%;
      font-family: 'adelle-sans', sans-serif;
      letter-spacing: 1px;
      word-break: unset;
  }
  
  /* NEWSPAPER, slight modification of Pitchfork CSS by Lt Flops */
  .newspaper-header{
      line-height: 38.1px;
      font-size: 300%;
      font-family: 'Playfair Display', serif;
      font-weight: 700;
  }

  Pages using this styling

  • yggdrasils-surveyor [info]

  ¶ 1 occurrence
  

  
  :root{
  --black-monochrome: 214, 211,218;
  --dark-gray-monochrome: 54, 52, 56;
  --gray-monochrome: 80,70,86;
  --light-gray-monochrome: 91, 79, 88;
  --very-light-gray-monochrome: 100, 94, 101;
  --pale-gray-monochrome: 117, 106, 121;
  --white-monochrome: 131, 126, 138;
  --bright-accent: 98, 71, 131;
  --medium-accent: 88, 61, 121;
  --dark-accent: 58, 31, 91;
  --newpage-color: var(--bright-accent);
  --link-color: var(--dark-accent);
  --header-height-on-desktop: 20rem;
    --header-height-on-mobile: 20rem;
  
  --gradient-background: var(--dark-accent));
  
  --header-title: "YALDABAOTH";
    --header-subtitle: "";
  
  --diagonal-stripes: url(https://scp-wiki.wdfiles.com/local--files/yaldabaoth/birdcage.png);
  --logo-image: none;
  }
  
  
  div.page-rate-widget-box, #page-content div.rate-box-with-credit-button {
    border-radius: 10px 0px;
  text-shadow: none;
    box-shadow: 0px 8px 7px rgb(var(--gray-monochrome));
  }
  div#container-wrap {
    background-repeat: repeat-x;
    background-size: auto var(--header-height-on-desktop);
  }
  #main-content{  
  text-shadow: 0px 8px 7px rgb(var(--gray-monochrome));
  }
  blockquote{
    border-radius: 10px 0px;
    box-shadow: 0px 8px 7px rgb(var(--gray-monochrome));
  }
  
  div[id*="page-options-bottom"]:not(:is(.page-rate-widget-box, #search-top-box-form)) > a.btn {
    border-radius: 10px 0px;
    box-shadow: 0px 8px 7px rgb(var(--gray-monochrome));
  }
  
  :is(form#edit-page-form, form#edit-post-form, form#new-post-form, form#new-thread-form) :not(#edit-page-textarea) {
    border-radius: 10px 0px;
  }
  #header h1 a::before {
    color: transparent;
    -webkit-text-stroke: 0.325rem transparent;
  }
  #header h1 a::after {
    color: transparent;
  }
  
  #login-status #account-options ul {
    background-color: rgb(var(--black-monochrome));
  }
  

  Pages using this styling

  • yaldabaoth [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Charm:wght@400;700&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Courier+Prime:ital,wght@0,400;0,700;1,400;1,700&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');
  
  
  .cd {
  font-family: "Microsoft Sans Serif";
  border: #008484 outset 2px;
  background-color: #DFDFDF;
  color: black;
  color: #000;
  padding: 15px;
  }
  
  .court-document {
  display: grid;
  border: 2px solid black;
  width: fit-content;
  counter-reset: lineno;
  grid-template-columns: repeat(2, auto);
  overflow: hidden;
  background-color: #ebdaf3;
  color: black;
  }
  
  .num::before {
  content: counter(lineno);
  counter-increment: lineno;
  }
  
  .monospace {
  font-family: 'Andale Mono', 'Courier New', Courier, monospace;
  line-height: 1;
  padding: 10px;
  font-size: 16px;
  }
  
  .monospace p {
  margin: 1lh 0;
  line-height: 1;
  }
  
  .lineno-container {
  height: 0;
  }
  
  .linenos {
  border-right: 1px solid black;
  }
  
  .nums::after {
  content: "1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 179 180 181 182 183 184 185 186 187 188 189 190 191 192 193 194 195 196 197 198 199 200 201 202 203 204 205 206 207 208 209 210 211 212 213 214 215 216 217 218 219 220 221 222 223 224 225 226 227 228 229 230 231 232 233 234 235 236 237 238 239 240 241 242 243 244 245 246 247 248 249 250 251 252 253 254 255 256 257 258 259 260 261 262 263 264 265 266 267 268 269 270 271 272 273 274 275 276 277 278 279 280 281 282 283 284 285 286 287 288 289 290 291 292 293 294 295 296 297 298 299 300 301 302 303 304 305 306 307 308 309 310 311 312 313 314 315 316 317 318 319 320 321 322 323 324 325 326 327 328 329 330 331 332 333 334 335 336 337 338 339 340 341 342 343 344 345 346 347 348 349 350 351 352 353 354 355 356 357 358 359 360 361 362 363 364 365 366 367 368 369 370 371 372 373 374 375 376 377 378 379 380 381 382 383 384 385 386 387 388 389 390 391 392 393 394 395 396 397 398 399 400 401 402 403 404 405 406 407 408 409 410 411 412 413 414 415 416 417 418 419 420 421 422 423 424 425 426 427 428 429 430 431 432 433 434 435 436 437 438 439 440 441 442 443 444 445 446 447 448 449 450 451 452 453 454 455 456 457 458 459 460 461 462 463 464 465 466 467 468 469 470 471 472 473 474 475 476 477 478 479 480 481 482 483 484 485 486 487 488 489 490 491 492 493 494 495 496 497 498 499 500 501 502 503 504 505 506 507 508 509 510 511 512 513 514 515 516 517 518 519 520 521 522 523 524 525 526 527 528 529 530 531 532 533 534";
  width: 0;
  display: block;
  overflow-wrap: initial;
  margin-right: 2em;
  }
  
  .court-document-content {
  margin-bottom: -1.5lh;
  }
  
  .invisible{
     color:transparent;
  

  Pages using this styling

  • y2k-mp3 [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.bunny.net/css?family=Cinzel');
  @import url('https://fonts.bunny.net/css?family=Anton');
  @import url('https://fonts.bunny.net/css?family=Pinyon+Script');
  
  /*
      The Anton font was created by Vernon Adams and is licensed under the Open Font License
      The Cinzel font was created by Natanael Gama and is licensed under the Open Font License
      The Pinyon Script font was created by Nicole Fally and is licensed under the Open Font License
  */
  /* //// When you want to add new "records", //// */
  /* //// add new "options" like the following format. //// */
  .r1 {animation-delay: 3s;}
  .r2 {animation-delay: 6s;}
  
  .tape-wrap .collapsible-block-unfolded-link .collapsible-block-link
  {animation-delay: calc(6s + 2s);}
  
  .tape-record {position: relative;height: 6em;overflow: hidden;white-space: pre;}.record {position: absolute;animation-name: record;animation-duration: 2.5s;opacity: 0;top: 0;left: 50%;transform: translateX(-50%);}.line2 {top: 1.2em!important;}.line3 {top: 2.4em!important;}.tape-wrap {position: relative;background-color: rgba(244,244,244,1);border: 1px dashed #999;padding: 0 1em;}.tape-anim {position: relative;background-image: url( "https://unofficial-scp-sandbox-jp.wikidot.com/local--files/iroiro-workshop-8/DoxYSJAV4AET63r.png" );background-size: 200px;background-position: center center;background-repeat: no-repeat;min-height: 300px;}.tape-left,.tape-right {display: block;position: absolute;margin: auto;height: 0;width: 70px;padding-bottom: 100%;background-image: url( "https://unofficial-scp-sandbox-jp.wikidot.com/local--files/iroiro-workshop-8/scp_trans.png" );background-size: contain;background-position: center center;background-repeat: no-repeat;pointer-events: none;}.tape-left {top: -20px;bottom: 0;left: -70px;right: 0;animation-name: spin1;animation-duration: 15s; animation-timing-function: linear; animation-fill-mode: forwards; animation-iteration-count: infinite;}.tape-right {top: 0px;bottom: -32px;left: 0;right: -72px;animation-name: spin1;animation-duration: 20s; animation-timing-function: linear; animation-fill-mode: forwards; animation-iteration-count: infinite;}.tape-wrap .collapsible-block-unfolded-link {padding-top: 1em;}.tape-wrap .collapsible-block-folded,.tape-wrap .collapsible-block-unfolded-link {position: relative;text-align: center;}.tape-wrap .collapsible-block-unfolded-link .collapsible-block-link:before {content:"\f1da";display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transform:translate(0, 0);}
  .tape-wrap .collapsible-block-unfolded-link .collapsible-block-link {animation-name: g-ex;animation-duration: 1s;animation-fill-mode: forwards;visibility: hidden;opacity: 0;}.tape-wrap .collapsible-block-folded {padding-top: 1em;padding-bottom: 1em;}@keyframes g-ex {50% {visibility: visible; opacity: 0;}100% {visibility: visible; opacity: 1;}}@keyframes spin1 {0% {transform: rotate(0deg);}100% {transform: rotate(360deg);}}@keyframes record {0% {opacity: 0;}25% {opacity: 1;}75% {opacity: 1;}100% {opacity: 0;}}@-moz-document url-prefix() {.tape-anim {height: max-content;}.tape-left,.tape-right {display: block; width: 70px;height: 70px;position: relative;margin: 0 auto;padding: 0 auto!important;padding-bottom: 0;}.tape-left {top: 105px;bottom: initial;left:-36px; }.tape-right {top: 60px;bottom: initial;left: 35px;}}

  Pages using this styling

  • wwydftltimd-hub [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Oswald&display=swap');
  
  .parapost {
    background-color: var(--post-bg-color);
    border: 2px solid var(--post-border-color);
    border-left-width: 4px;
    padding: 0 1em;
    margin-top: -0.5em;
    margin-right: var(--post-base-margin);
    margin-bottom: 1em;
    margin-left: calc(
      var(--nest-level) * var(--post-nest-margin) + var(--post-base-margin)
    );
  }
  
  :root {
    --post-bg-color: #f9f9f9;
    --post-border-color: #999;
    --post-nest-margin: 1em;
    --post-base-margin: 3em;
  }

  Pages using this styling

  • wssch3 [info]

  ¶ 1 occurrence
  

  
  .memorialskull {
      display: block;
      margin: auto;
      flex: 0 1 20%;
  }
  
  .winnermemorial {
      display: block;
      margin: auto;
      width: 50%;
  }
  
  .memorialskull .memorialname p, .winnermemorial .memorialname p {
      color: white;
      font-size: 1.5rem;
      margin: 0;
      text-align: center;
  }
  .memorialskull .memorialblurb {
      position: absolute;
      visibility: hidden;
      width: 18%;
      background-color: black;
      color: #fff;
      text-align: center;
      border-radius: 10px;
      padding: 10px 10px;
      margin: auto;
      z-index: 2;
  
  }
  
  .winnermemorial .memorialblurb {
      position: absolute;
      visibility: hidden;
      width: 50%;
      background-color: black;
      color: #fff;
      text-align: center;
      border-radius: 10px;
      padding: 10px 10px;
      margin: auto;
      z-index: 2;
  }
  
  .memorialskull:hover .memorialblurb, .winnermemorial:hover .memorialblurb {
      visibility: visible;
  }
  
  .memorialgrid {
      padding: 0 5%;
      display: flex;
      flex-wrap: wrap;
  }
  
  .memorialname {
      text-shadow: 1px 1px 10px black;
  }
  
  
  @media only screen and (max-width: 1020px) {
      .memorialskull .memorialname p, .winnermemorial .memorialname p {
          font-size: 1rem;
      }
      .memorialskull .memorialblurb, .winnermemorial .memorialblurb {
      position: absolute;
      visibility: hidden;
      left: 0;
      width: 100%;
      background-color: black;
      color: #fff;
      text-align: center;
      border-radius: 10px;
      padding: 0;
      margin: auto;
      }   
      .memorialskull {
      display: block;
      margin: auto;
      flex: 0 1 50%;
      }
      .memorialgrid {
      padding: 0;
      display: flex;
      flex-wrap: wrap;
      }
  }

  Pages using this styling

  • wrathcon [info]

  ¶ 1 occurrence
  

  
  /* Wrath Theme */
  /* (The World Looks White) */
  /* by syuzhet */
  
  /*
  
  Hi. I'm here.
  
  You may know me from famous contest pages like PRIDEFEST or the SCP-8000 Contest.
  
  Translating pages is fun and all, but you know what's not fun? Drugs.
  
  Billions of translators get addicted to drugs every year. And you know what's the leading cause of drug addiction? Peer pressure.
  
  If another translator tries to pressure you or anyone else you know into doing drugs, tell them in a firm voice: NO!
  
  Thank you for listening.
  
  - syuzhet
  
  */
  
  @import url('https://fonts.bunny.net/css2?family=DM+Mono:ital,wght@0,300;0,400;0,500;1,300;1,400;1,500&display=swap');
  @import url('https://fonts.bunny.net/css2?family=Playwrite+IS:wght@100..400&display=swap');
  @import url('https://fonts.bunny.net/css2?family=Nosifer&display=swap');
  
  :root {
      --basalt-secondary-color: 255, 255, 255;
      --basalt-tertiary-color: 0, 0, 0;
  
      --basalt-overtone: 196, 228, 244;
      --basalt-undertone: 196, 228, 244;
      --basalt-bright-element-color: 196, 228, 244;
      --basalt-dark-element-color: 196, 228, 244;
  
      --link-color: 196, 228, 244;
      --link-visited-color: 196, 228, 244;
      --link-newpage-color: 196, 228, 244;
  
      --top-bar-link-color-hover: 255, 255, 255;
      --login-status-text-color-hover: 255, 255, 255;
      --side-bar-link-color-hover: 255, 255, 255;
      --side-bar-link-background-hover: 0,0,0;
      --selection-text-color: 0, 0, 0;
  
      --header-border-width: 0rem;
      --title-size: 1.25rem;
      --subtitle-size: 0rem;
      --side-bar-button-height: 50vh;
      --user-button-width: 2rem;
      --header-logo-size: 67.5%;
  
      --basalt-UI-dark-palette: 0,0,0;
      --top-bar-link-background-hover: 196, 228, 244;
  
  }
  
  #header h1 a::before {
      display: none;
  }
  
  #header h1 a span::after {
      margin-bottom: 0;
  }
  
  #container #header {
      background: none;
      position: absolute;
      box-shadow: unset;
      backdrop-filter: none;
  }
  
  div #container-wrap {
      background-color: #060C0C;
      background: url(https://scp-wiki.wikidot.com/local--files/wrathcon/Dp58Fx1.webp);
      background-size: contain;
  }
  
  #main-content {
      margin-top: 0;
  }
  #page-content {
      padding-top: 0;
  }
  
  #page-content > p:nth-child(-n+4) {
      display: none;
  }
  
  .widebox {
      position: relative;
      left: calc(-50dvw + 50%);
      width: 100dvw !important;
      max-width: 100dvw !important;
  }
  
  .widebox .blockquote {
      margin: 4rem auto;
      padding: 2rem 2rem;
  }
  
  .headerimage {
      position: relative;
      height: calc(120dvh);
      background-image: url(https://scp-wiki.wikidot.com/local--files/wrathcon/Tq8KaqQ.webp);
      background-repeat: no-repeat;
      background-size: cover;
      background-position: top;
  }
  
  .headerimage .wrathtext {
      position: relative;
      display: block;
      margin: auto;
      bottom: -75dvh;
      width: 40%;
  }
  
  .headerimage .skullseparator {
      position: absolute;
      bottom: -20dvw;
      width: 100%;
  }
  
  .darkWRATHbox {
      width: 100%;
      padding-top: 40dvh;
  }
  
  .darkWRATHboxinterior {
      opacity: 0;
      width: 80%;
      margin: auto;
  }
  
  .darkWRATHbox h1 {
      color: white;
      font-family: "DM Mono", monospace;
      font-weight: 800;
      font-size: 6em;
      line-height: 1;
      margin: 0;
  }
  
  .darkWRATHbox h2 {
      color: white;
      font-family: "DM Mono", monospace;
      font-weight: 800;
      font-size: 8em;
      line-height: 1;
  }
  
  .darkWRATHboxinterior p {
      color: white;
      font-family: "DM Mono", monospace;
      font-weight: 800;
      font-size: 3em;
      line-height: 1;
  }
  
  .darkWRATHboxinterior h3 {
      color: white;
      font-family: "Playwrite IS", cursive;
      font-weight: 400;
      font-size: 4em;
      line-height: 1;
  }
  
  .darkWRATHboxinterior li {
      color: white;
      font-size: 1.5rem;
      font-family: "DM Mono", monospace;
      font-weight: 800;
  }
  
  .darkWRATHboxinterior li::marker {
      color: #444;
  }
  
  .darkWRATHboxinterior .listsmall li {
      font-size: 1.2rem;
  }
  
  /* Unfucking */
  
  .darkWRATHbox sup {
      color: white;
  }
  
  #action-area {
      color: white;
  }
  
  .page-tags a {
      color: black;
  }
  
  .page-tags span {
      color: white;
  }
  
  .wrathcollapsible {
      color: white;
      background-color: black;
      border-radius: 20px;
      padding: 20px;
  }
  
  .licensebox, .licensebox .collapsible-block-unfolded-link a {
      color: white;
  }
  
  /* This solution is fucking stupid btw. Please leave a comment if you have a better way of putting line breaks in lists! */
  
  .darkWRATHboxinterior li .linebreak {
      display: inline;
  }
  
  .darkWRATHboxinterior li .linebreak:before {
      content: "\A";
      display: block;
      line-height: 1em;
      white-space: pre;
  }
  
  .darkWRATHboxinterior2 {
      width: 60%;
  }
  
  .darkWRATHbox .sideskull {
      float: right;
      width: 50%;
  }
  
  h1, #page-options-container, .licensebox .collapsible-block-folded a, .page-watch-options a {
      color: white;
  }
  
  #action-area, .licensebox .collapsible-block-content {
      background: #0D0D0F;
      padding: 10px;
  }
  
  .licensebox .collapsible-block-link {
      background: #0D0D0F;
      padding: 10px;
  }
  
  /* Piece of shit sidebar */
  
  #top-bar div.mobile-top-bar>.open-menu {
       visibility:visible;
       opacity: 0.6;
       transition: opacity 0.2s;
  }
  
  #top-bar div.mobile-top-bar>.open-menu:hover {
      opacity: 1;
  }
  
  #side-bar {
       margin-top:0;
       height:100%
  }
  
  #side-bar, #side-bar:is(:hover, :focus-within):not(:target) {
       left:calc(var(--side-bar-width) * -1)
  }
  
  #side-bar::after, #side-bar::before {
       display:none
  }
  
  #side-bar:target {
       left:0;
       width:var(--side-bar-width);
       z-index:10
  }
  
  #side-bar a.close-menu, #side-bar:target a.close-menu {
       display:block;
       pointer-events:none;
       position:fixed;
       top:0;
       right:0;
       left:auto;
       width:100%;
       min-width:3.75rem;
       height:100%;
       margin-left:0;
       opacity:0;
       z-index:-1;
       transition:width var(--side-bar-transition),opacity var(--side-bar-transition)   
  }
  
  #side-bar:target a.close-menu {
       width:calc(100% - var(--side-bar-width));
       pointer-events:auto;
       opacity:1;
  }
  
  /* Mobile */
  
  @media only screen and (max-width: 1020px) {
      #container #header {
          background: black;
          position: sticky;
      }
      .headerimage {
          height: calc(80dvh);
          overflow-x: clip;
      }
      .headerimage .skullseparator {
          top: calc(55dvh);
          left: -37.5dvw;
          width: 150dvw;
          max-width: 150dvw;
      }
      .headerimage .wrathtext {
          bottom: -40dvh;
          width: 90%;
      }
      .darkWRATHbox {
          padding-top: 5dvh;
      }
      .darkWRATHboxinterior {
      width: 80%;
      margin: auto;
      font-size: 1rem;
      }
      .darkWRATHbox h1 {
          font-size: 4em;
      }
      .darkWRATHbox h2 {
          font-size: 4em;
      }
      .darkWRATHboxinterior p {
      color: white;
      font-family: "DM Mono", monospace;
      font-weight: 800;
      font-size: 2em;
      line-height: 1;
      }
      .darkWRATHboxinterior h3 {
      color: white;
      font-family: "Playwrite IS", cursive;
      font-weight: 400;
      font-size: 3em;
      line-height: 1;
      }
      .darkWRATHboxinterior2 {
      width: 100%;
      }
      .darkWRATHboxinterior li {
      color: white;
      font-size: 1.5rem;
      font-family: "DM Mono", monospace;
      font-weight: 800;
      }
      .darkWRATHbox .sideskull {
          display: none;
      }  
  }

  Pages using this styling

  • wrathcon [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@700&display=swap');
  
  div.dream table {
    width: 50%;
    border-style: hidden;
    text-align: center;
  }
  div.dream td {
  width: 25%;
    text-align: center;
    border-style: hidden;
  }
  
  /* == VOID - OUTER CSS == */
   div.void {
      width: 40%;
      margin: 1rem;
      padding: 0 .8rem;
  float: left;
      color: hsl(0, 0%, 5%);
      background: hsl(0, 0%, 100%);
      border: 1px solid lightgray;
      box-shadow: 3px 3px 0 1px hsla(0, 0%, 0%, .15);
  }
  
   @media (max-width: 767px) {
       div.void {
       width: auto;
      }
  }
  
  /* == VOID - INNER CSS == */
   div.void span {
      word-break: unset;
  }
  
   .vusermod {
      font-weight: bold;
  }
  
   div.void ul {
      list-style-type: "☁ ";
  }
  
  /* == VOID - AVATAR == */
   .void-img {
      float: left;
      margin: 1rem 0 0 .4rem;
      padding: 0 1rem;
  }
  
  /* == VOID - TRENDS == */
   .vactivity {
      color: blue;
      cursor: pointer;
  }
  
   .vactivity span {
      word-break: unset;
  }
  
   .vactivity:hover,
   .vactivity:focus {
      text-decoration: underline;
  }
  
  /* == RATEMYDIRECTOR == */
  
  div.rating {
  float: right;
  width: 45%;
  margin: 2rem;
  background: #fff;
  padding: .3rem 1.5rem;
  border-radius: 2rem;
  box-shadow: 3px 3px 5px 2px rgba(0,0,0,0.15);
  border-top: 4px solid red;
  }
  
  .rating hr {
      border-top: 2px solid red;
  }
  
  .ratee:before {
    content: "VENDOR: ";
    font-family: 'Roboto Slab', serif;
    font-size: 1rem;
    color: red;
  }
  
  .ratee {
      font-family: 'Roboto Slab', serif;
      font-size: 125%;
  }
  
  .stars {
      font-size: 130%;
      float: right;
  }
  

  Pages using this styling

  • worthy-of-being-loved [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Baumans&display=swap');
  #header h2 span::before {
      content: 'Stardust to the Stars ';
  }
  #page-title {
     font-size: 0pt;
     text-align: center;
  }
  #page-title::before {
     content: "Workshop of the Telescopes; \A";
     font-size: xx-large;
     white-space: pre-wrap;
     color: #315B7D;
  }
  #page-title::after {
     content: "Or, \A Memos from the Damocles Working Group Regarding a Confection-Based Black Hole Feed System";
     font-size: large;
     white-space: pre-wrap;
  }
  #breadcrumbs {
     display: none;
  }
  .reply-thread {
     border-left: solid 1px #444;
     padding-left: 0.75em;
  }
  .email-box {
     border: solid 5px #820D15;
     background:#fffbfe;
     padding: 10px;
     margin-bottom: 10px;
  }
  .goc-email-box {
     border: solid 5px #4D5889;
     background:#fffbfe;
     padding: 10px;
     margin-bottom: 10px;
  }
  .O5-email-box {
     border: solid 5px #999999;
     background:#e0d8de;
     padding: 10px;
     margin-bottom: 10px;
  }

  Pages using this styling

  • workshop-of-the-telescopes [info]

  ¶ 1 occurrence
  

  
  .entry-list {
      display: grid;
      margin-block: .75rem;
      padding-inline-start: 1rem;
      padding: 2rem;
      background-color: #E9E6D6;
      box-shadow: 0 1px 6px rgba(0,0,0,.25);
      text-align: left;
  }
  
  .entry {
      padding: .1rem;
      transition: background-color .175s ease-out;
  }
  .entry:is(:hover,:focus-within) { background-color: rgb(var(--basalt-undertone),.175); }
  
  .entry .title {
      font-size: 1.125em;
  }
  .entry .title  p { margin: 0; }
  .entry .title :is(a,.entry-author) { font-weight: bold; font-style: normal; }
  
  .ranked-list .title {
      display: flex;
      justify-content: space-between;
  }
  
  .ranked-list .title .index {
     width: 2.5em;
     text-align: left;
  }
  
  .ranked-list .title .rating {
      margin-left: auto;
  }
  
  .description > :not(.preview) { display: none!important; }
  .description > .preview {
      display: block;
      padding-block: .125rem;
      font-size: .875em;
      text-align: start;
      margin-inline-start: 1.5rem;
  }
  .preview > p {
      margin-block: .55em;
  }
  .preview > p:first-child { margin-block-start: .25em; }
  .preview > p:last-child { margin-block-end: .25em; }
  
  .entry-list .entry::marker {
      content: "";
  }
  
  .entry .description {
      display: none;
      position: absolute;
      background: #E4E1D2;
      box-shadow: 6px 6px 0px rgba(0,0,0,.05),
          0 1px 6px rgba(0,0,0,.25);
      margin-right: -20px;
      pointer-events: none;
  }
  
  .entry .description .preview {
      margin-left: 0;
      margin: 0.5rem 1rem;
  }
  
  .entry:hover .description, .entry:active .description {
      display: block;
      animation-name: desc-bounce;
      animation-duration: 0.1s;
  }
  
  @keyframes desc-bounce {
      0% {
          transform: translateY(0);
      }
      50% {
          transform: translateY(-5px);
      }
      100% {
          transform: translateY(0);
      }
  }
  
  /* Co-authors */
  
  .entry [href="/9000contestastersynth"] ~ .entry-author::after { content: " and SynthPanda_" }
  .entry [href="/9000contestastralnavigator"] ~ .entry-author::after { content: " and GeminidStrix" }
  .entry [href="/9000contestblankfellowplace"] ~ .entry-author::after { content: ", MrBadFellow and Placeholder McD" }
  .entry [href="/9000contestcelestialtophat"] ~ .entry-author::after { content: " and Anakes" }
  .entry [href="/9000contestchoccoman"] ~ .entry-author::after { content: " and DFAstillo9" }
  .entry [href="/9000contestdinotroutrosy"] ~ .entry-author::after { content: ", Rosyfox2002 and TroutMaskReplica" }
  .entry [href="/9000contestgreenwolftawny"] ~ .entry-author::after { content: " and tawny0" }
  .entry [href="/9000contestj-v-g"] ~ .entry-author::after { content: ", cive(creative name) and JVCK" }
  .entry [href="/9000contestpanloque"] ~ .entry-author::after { content: ", Croquembouche and PandoraNuker" }
  .entry [href="/9000contestpliltdrgrimoire"] ~ .entry-author::after { content: " and DrGrimoire" }
  .entry [href="/9000contestradian628"] ~ .entry-author::after { content: ", Intercedent and ubergoober" }
  .entry [href="/9000contestsunnymouse"] ~ .entry-author::after { content: " and mouseatemyhouse" }
  .entry [href="/9000contestxextyra"] ~ .entry-author::after { content: " and Tyrastafr" }
  

  Pages using this styling

  • workbench:syuzhet [info]

  ¶ 1 occurrence
  

  .wiki-content-table td:nth-last-child(1){
      width: 3ch;
  }
  .wiki-content-table td:nth-last-child(2){
      width: 12ch;
  }
  .content-panel .content-type-title > p {
      margin: 0;
  }
  .content-panel .content-type-title {
      /*font-size: 120%;*/
      font-weight: bold;
      padding: 2px 10px;
      background-color: #666;
      color: #fff;
      border-radius: 9px 9px 0 0;
      box-shadow: inset 0 1px rgba(255,255,255,0.3),
                  inset 0 10px rgba(255,255,255,0.2),
                  inset 0 10px 20px rgba(255,255,255,0.25);
  }
  .content-panel .content-type-description {
      padding: 0;
      text-align: justify;
  }
  
  .content-panel .wiki-content-table {
      margin: 2px 0 0 0;
      width: 100%;
      word-break: break-word;
  }
  .content-panel .wiki-content-table th:nth-of-type(2),
  .content-panel .wiki-content-table th:nth-of-type(3),
  .content-panel .wiki-content-table td:nth-of-type(2),
  .content-panel .wiki-content-table td:nth-of-type(3) {
      text-align: center;
  }
  .content-panel .wiki-content-table th,
  .content-panel .wiki-content-table td {
      border: none;
  }
  .content-panel .wiki-content-table tr {
      border-bottom: solid 1px rgba(0,0,0,0.1);
  }
  .content-panel .wiki-content-table th {
      border: 2px solid white;
      border-width: 0 2px;
      background-color: #666;
      color: white;
  }
  .desktop-only { display: block; }
  .mobile-only { display: none; }
  @media (max-width: 979px) {
      .desktop-only { display: none; }
      .mobile-only { display: block; }
  }
  
  
  
  
  .contest-link {
      border: 2px solid white;
      background-color: #666;
      padding: 0.25rem;
      height: auto;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
         -moz-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
         -moz-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      text-align: center;
      -webkit-border-radius: 10px;
         -moz-border-radius: 10px;
              border-radius: 10px;
  }
  
  .contest-link > a {
      color: white;
      font-weight: bold;
      -webkit-border-radius: 10px;
         -moz-border-radius: 10px;
              border-radius: 10px;
  }
  
  .content-panel .panel-body {
      position: relative;
  }
  
  .panel-body > div:nth-child(1) > p {
      display: -ms-grid;
      display: grid;
      -ms-grid-columns: 1fr 1px 1fr 1px 1fr;
      grid-template-columns: repeat(3, 1fr);
      grid-gap: 1px;
      grid-auto-rows: auto;
      height: 100%;
      margin-top: 0;
      background-color: rgba(0, 0, 0, 0.1);
  }
  
  .panel-body > div:nth-child(1) > p > a {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
         -moz-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
         -moz-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      width: 100%;
      height: 100%;
      padding: 0.25em;
      text-align: center;
      background: #fff9f0 url(http://www.scp-wiki.net/local--files/component:theme/panel-bg-gradient-reverse.png) bottom repeat-x;
      word-break: inherit !important;
  }
  
  .panel-body > div:nth-child(1) br {
      display: none;
  }
  

  Pages using this styling

  • workbench:rewrite [info]

  ¶ 1 occurrence
  

  .content-box {
      background-color: rgb(186, 190, 207);
      border: 1px solid #666;
      border-radius: 10px;
      padding: 10px 10px;
      margin-bottom: 10px;
      box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2)
      }

  Pages using this styling

  • workbench:lichyard [info]

  ¶ 1 occurrence
  

  .anchor {
      position: sticky;
      height:0;
      top: 0;
  }
  .sidebox {
      padding: .14rem;
      margin-top: 0;
      margin-bottom: 8px;
      width: calc((100vw - 1000px)/2);
      max-height: calc(100vh - 12rem);
      position: absolute;
      top: 0;
      left: 115%;
      z-index: 5;
      overflow: auto;
      box-sizing: border-box;
  }
  @media (max-width: 1290px) {
      .sidebox {
          display: none;
          visibility: hidden;
      }
  }

  Pages using this styling

  • workbench:in-rewrite [info]

  ¶ 1 occurrence
  

   :root {
      --lgurl: url(https://scp-wiki.wdfiles.com/local--files/component:pride-highlighter/lgbtqp_logo.svg);
  }
  
   .forum-mini-stat a {
      font-weight: bold;
  }
  
   h1 {
      margin-top: 3rem;
  }
  
   table.wiki-content-table {
      display: block;
      max-height: 85vh;
      overflow: auto;
  }
  
   .special table {
      counter-reset: line-number;
  }
  
   .special table a {
      font-weight: bold;
  }
  
   .special td:first-child:before {
      content: counter(line-number) ".";
      counter-increment: line-number;
      padding-right: .3rem;
  }
  
   .special td:nth-child(3) {
      min-width: 25%;
  }
  
   .special td:nth-child(4) {
      min-width: 20%;
  
      font: 1rem monospace;
      text-align: right;
  }
  
   #page-content {
      margin-bottom: 20rem;
  }

  Pages using this styling

  • workbench:flops [info]

  ¶ 1 occurrence
  

  
  .glasscase{
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
  }
  .glassyeye{
      aspect-ratio : 1 / 1;
      width: 50%;
      margin-top: -24px;
      position: relative;
      transition: 0.5s !important;
  }
  .glassyeye:hover{
      filter: hue-rotate(180deg);
  }
  .glassyeye img{
      height: 100%;
      width: 100%;
      object-fit: cover;
      object-position: center;
  }
  .allfolks{
      position: absolute;
      z-index: 5;
      top: 0px;
      left: 10px;
      font-size: 4vh;
      mix-blend-mode: difference;
      filter: invert(1) grayscale(1) contrast(9);
  }
  .allfolks a{
      font-weight: bold;
      color:red !important;
  }
  @media screen and (min-width: 1200px) {
  .allfolks{
      font-size: 25px;
  }
  }
  @media screen and (max-width: 640px) {
  .glasscase{
      flex-direction: column;
  }
  .allfolks{
      font-size: 4vw;
      top: 3px;
  }
  .glassyeye{
      margin-top: 0px;
      width: 100%;
  }
  }

  Pages using this styling

  • workbench:bleepslab [info]

  ¶ 1 occurrence
  

  #u-side-bar-0 {
    margin-bottom: 3em;
  }

  Pages using this styling

  • workbench:914-test-logs [info]

  ¶ 1 occurrence
  

  .end_card {
   .wrap {
     float: right; 
     margin: 5px;
  }

  Pages using this styling

  • wonder-world [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.bunny.net/css2?family=Source+Serif+4:ital,opsz,wght@0,8..60,200..900;1,8..60,200..900&display=swap');
  @import url('https://fonts.bunny.net/css2?family=Playfair+Display+SC:ital,wght@0,400;0,700;0,900;1,400;1,700;1,900&display=swap');
  :root{
      --logo: url('http://scp-sandbox-3.wikidot.com/local--files/katyastrangelovethemefix/bloodlogored');
      --basalt-overtone: 80, 80, 80;
      --basalt-UI-dark-palette: 15, 15, 15;
      --basalt-bright-element-color: 180, 30, 30;
      --basalt-dark-element-color: 160, 20, 20;
      --basalt-secondary-color: 18, 18, 18;
      --general-border-color: 100, 20, 20;
      --basalt-primary-color: 0, 0, 0;
      --basalt-tertiary-color: 10, 10, 10;
      --basalt-main-text-color: 200, 200, 200;
      --UI-font: "Source Serif 4", serif;
      --UI-font-primary: 'Playfair Display SC';
      --subtitle: "WOMAN OF STONE AND BLOOD";
  }
  
  body {
    font-size: 0.98em;
    font-family: "Source Serif 4", serif;
    background-color: #000000;
    opacity: 1;
    background-image:  radial-gradient(#8a0000 1.3px, transparent 1.3px), radial-gradient(#8a0000 1.3px, #000000 1.3px);
    background-size: 52px 52px;
    background-position: 0 0,26px 26px;
    background-attachment: fixed;
  }
  
  
  
  :is(div.blockquote, blockquote) {
      color: rgb(var(--basalt-main-text-color));
      overflow: auto;
      background-color: #000000
  }
  
  
  .yui-navset .yui-nav li a {
    color: rgb(180, 30, 30) !important;
    background-position-y: 0 !important;
  }
  
  .yui-navset.yui-navset-top>ul.yui-nav>li:not(li.selected)>a:hover {
    background-image: linear-gradient(to bottom, rgb(200, 30, 30), rgb(140,30,30)) !important;
    color: rgb(0, 0, 0) !important;
    font-weight: bold !important;
    background-position-y: 0 !important;
  }
  
  #page-content .yui-navset .yui-nav .selected a {
    background-image: linear-gradient(to bottom, rgb(180, 180, 180), rgb(120,120,120)) !important;
    color: rgb(0, 0, 0) !important;
    font-weight: bold !important;
    background-position-y: 0 !important;
  }
  
  #page-content a {
      text-decoration: none;
      color: rgb(180, 20, 20);
  }
  
  #page-content a:hover {
      text-decoration: none;
      font-weight: bold;
      color: rgb(210, 20, 20);
  }
  
  
  #header h1 a span::before {
      font-weight: 400;
  }
  
  #header h1 a span::after {
      margin-bottom: 6px;
      font-weight: 400;
      letter-spacing: 0.00rem;
  }
  
  h2 {
     text-align:center;
     font-weight: 500;
  }
  
  
  h3 {
     text-align:center;
     font-weight: 400;
  }
  
  h4 {
     text-align:center;
     color: rgb(195, 195, 195);
     font-weight: 400;
  }
  
  h5 {
     text-align:center;
     font-weight: 400;
  }
  
  #page-content .collapsible-block-folded, #page-content .collapsible-block-unfolded-link {
      margin: auto;
      padding: 0.5em;
      /* Technical bits */
      max-width: 60rem;
      white-space: nowrap;
      overflow: hidden;
      text-align: center;
      background-color: rgb(0, 0, 0);
      border: none;
  }
  /* The Clicky Text */
  #page-content .collapsible-block-link {
      color: rgb(200, 200, 200);
      text-decoration: none;
      text-align: center;
  }
  
  #page-content .collapsible-block-link:hover {
      font-weight: 600;
      color: rgb(200, 20, 20);
      border: none;
      margin: auto;
      text-decoration: none;
  }
  /* Collapsible content */
  
  #page-content .collapsible-block-unfolded-link{
      margin: auto;
      border: none;
  }
  
  /* Hovering effects */
  #page-content .collapsible-block-folded:hover, #page-content .collapsible-block-unfolded-link:hover {
      font-weight: bold;
      text-decoration: none;
      color: rgb(200, 200, 200);
  
  }
  
  
  .email-example .collapsible-block-folded a.collapsible-block-link {
      animation: blink 0.8s ease-in-out infinite alternate;
  }
  @keyframes blink {
      0% { color: transparent; }
      50%, 100% { color: rgb(160,0,0); }
  }
  .email {border: solid 2px #000000; width: 88%; padding: 1px 15px; margin: 10px; box-shadow: 0 1px 3px rgba(0,0,0,.5)}
  .email-example a.collapsible-block-link {font-weight: bold;}
  .tofrom {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px maroon}
  
  div.jotting {
      display: block;
      margin-inline: auto;
      margin-block: 1.4em;
      padding-inline: 1em;
      padding-block: 1em;
      background: rgb(0,0,0);
      border: none !important;
  
  }
  
  div.modal {
      display: block;
      margin-inline: auto;
      margin-block: 1.4rem;
      padding-inline: 1.5rem;
      padding-block: 0.5rem;
      background-color: rgb(18, 18, 18);
      border: dashed 1px rgb(80, 80, 80);
      color: rgb(var(--basalt-main-text-color));
  }
  
  #page-content div.modal {
      max-width: 95%;
  }
  
  
  div.notation {
      display: block;
      margin-inline: auto;
      margin-block: 1.4em;
      padding-inline: 1em;
      padding-block: 1em;
      background-color: rgb(var(--basalt-primary-color));
      border-left: solid 0.25rem rgb(var(--general-border-color));
      border-right: solid 0.25rem rgb(var(--general-border-color));
      border-top: solid 1px rgb(var(--general-border-color));
      border-bottom: solid 1px rgb(var(--general-border-color));
      color: rgb(var(--basalt-main-text-color));
  }
  

  Pages using this styling

  • woman-of-stone-and-blood [info]

  ¶ 1 occurrence
  

  #top-bar .open-menu a {
      color: var(--fg-accent-dark-2);
      background-color: var( --bg-dark);
      border-color: var( --fg-accent-dark-2);
  }
  
  .licensebox .collapsible-block-link {
      color: inherit;
  }
  
  #page-content{
       font-size: .8rem;
  }
  
  div#header h1{
       background-image: url(https://scp-wiki.wdfiles.com/local--files/theme%3Aanon/parawatch-anon.png);
  }

  Pages using this styling

  • wolf-hollow [info]

  ¶ 1 occurrence
  

  .page_links {
      display: flex;
      height: 5.5rem;
  }
  
  .page_links div.WoedContainer {
      width: 100%;
      border-width: 1vh;
      margin: 1em;
      align-items: center;
      justify-content: center;
      padding: 0;
  }
  
  .page_links div.WoedContainer div.skips {
      height: auto !important;
      flex-grow: 0;
      flex-basis: 1.5em;
  }
  
  .page_links div.WoedContainer.left-side,
  .page_links div.WoedContainer.right-side {
      flex-direction: column;
      margin-top: 1.5rem;
  }
  
  .page_links div.WoedContainer.left-side div.skips > div.labels,
  .page_links div.WoedContainer.right-side div.skips > div.labels {
      display: flex;
      margin: 0;
      align-items: center;
      justify-content: center;
  }
  
  .page_links div.WoedContainer div.skips > div.labels {
      margin: 0.25rem 0.5vw 0.5rem 0.5vw;
  }
  
  .page_links div.WoedContainer div.skips > div.labels,
  .page_links div.WoedContainer div.skips > div.labels > .title::after,
  .page_links div.WoedContainer div.skips > div.labels > .title::before {
      height: 1.5em;
      width: 100%;
      justify-content: center;
  }
  
  .page_links div.WoedContainer div.skips > div.labels > .title::after,
  .page_links div.WoedContainer div.skips > div.labels > .title::before {
      pointer-events: none;
  }
  
  .page_links div.WoedContainer div.skips > div.labels > .title a:hover {
      text-decoration: none;
  }
  
  .page_links div.WoedContainer div.skips > div.labels > .title,
  .page_links div.WoedContainer div.skips > div.labels > .title::after,
  .page_links div.WoedContainer div.skips > div.labels > .title::before {
      transition-property: transform;
      transition-duration: 300ms;
      transition-timing-function: cubic-bezier(0.4, 0.0, 0.2, 1);
      -webkit-transition-property: transform;
      -webkit-transition-duration: 300ms;
      -webkit-transition-timing-function: cubic-bezier(0.4, 0.0, 0.2, 1);
  }
  
  .page_links div.WoedContainer div.skips > div.labels > .title:hover {
      transform: translate(-0.15rem, 0.15rem);
  }
  
  .page_links div.WoedContainer div.skips > div.labels > .title:hover::after {
      transform: translate(0.15rem, -0.15rem);
  }
  
  .page_links div.WoedContainer div.skips > div.labels > .title:hover::before {
      transform: translate(0.15rem, -0.15rem);
  }
  
  @media only screen and (max-width: 980px) and (min-width: 480px) {
      .page_links div.WoedContainer div.skips > div.labels {
       font-size: 1.2rem !important;
      }
  }
  
  @media only screen and (max-width: 480px) {
      .page_links div.WoedContainer div.skips > div.labels {
       font-size: 1rem !important;
      }
  }

  Pages using this styling

  • woedenaz [info]

  ¶ 1 occurrence
  

  div.rejection {
      border: 4px solid #dba80d;
      border-radius: 30px;
      font-weight: bold;
      color: #dba80d;
      text-align: center;
      margin: 0.5em;
  }
  
  div.rejection-wrap {
       transform: rotate(-3.8deg);
       width: 35vw;
       margin-bottom: 1em;
       margin-left: 3em;
  }
  
  @media only screen and (max-width: 768px) {
      div.rejection-wrap {
          min-width: 60vw;
          width: 70vw;
          margin-left: -3em;
      }
  }
  
  div.appeal {
      margin-top: 5em;
  }

  Pages using this styling

  • wniosek-o-dotacje-na-wykorzystanie-paryskiej-architektury [info]

  ¶ 1 occurrence
  

  div.rejection {
      border: 4px solid #00b300;
      border-radius: 30px;
      font-weight: bold;
      color: #00b300;
      text-align: center;
      margin: 0.5em;
  }
  
  div.rejection-wrap {
       transform: rotate(-3.8deg);
       width: 35vw;
       margin-bottom: 1em;
       margin-left: 3em;
  }
  
  @media only screen and (max-width: 768px) {
      div.rejection-wrap {
          min-width: 60vw;
          width: 70vw;
          margin-left: -3em;
      }
  }
  
  div.appeal {
      margin-top: 5em;
  }

  Pages using this styling

  • wniosek-o-dotacje-na-opracowanie-srodka-przeciwko-alergii [info]

  ¶ 1 occurrence
  

  
  :root {
      --accent: 214, 131, 0;
      --header-title: "Phoenix Technologies";
      --header-subtitle: "Breaking the Cycle";
      --logo-img: url(https://scp-wiki.wdfiles.com/local--files/wniosek-o-dotacje-marsjanski-transburzowiec/logo.png);
      --logo-opacity: 20%;
  
      --head-font: 'IBM Plex Sans';
  
      --dark-bg-1: #d68300 !important;
      --dark-bg-2: #824f00 !important;
  
      --link-txt-color: rgb(var(--accent));
  }
  
  body {
      background-image: linear-gradient(to bottom, #fff9f0, #fff 200px);
  }
  
  .phoenix-box {
       background: #fff9f0;
       border: double 5px rgb(var(--accent));
       margin: 1rem 0;
       padding: 0 .53rem;
  }
  
  .phoenix-box hr {
       background-color: rgb(var(--accent));
  }
  
  .al-fine {
      border: solid 4px #275495;
      background: #F2F7FB url('https://scp-wiki.wdfiles.com/local--files/theme%3Agoc/goc-fade.png') center no-repeat;
  }
  
  .research {
      display: block;
      float: left;
      width: 150px;
      margin-right: 10px;
  }
  
  @media (max-width: 575px) {
      .research {
          float: none;
          margin-left: auto;
          margin-right: auto;
          margin-bottom: 40px;
      }
  
      :root {
          --header-title: "Phoenix Tech";
      }
  }
  .stuffdiv {
      color: #f8f8f8;
      background: linear-gradient(45deg, #21252E,#2F333C) padding-box, linear-gradient(124deg, #ff2400, #e81d1d, #e8b71d, #e3e81d, #1de840, #1ddde8, #2b1de8, #dd00f3, #dd00f3) border-box;
      padding: 4px;
      box-sizing: border-box;
      border: 10px solid transparent;
  }
  .no-border tr td {
      border: none !important;
  }
  .patent {
      border: solid 5px #323232;
      padding: 10px;
      font-size: 100%;
      margin-bottom: 10px;
      font-family: "Georgia";
  }
  
  .patent tr td {
      padding: 5px !important;
      padding-left: 8px !important;
  }
  .nature {
      border: solid 5px #000000;
      padding: 10px;
      font-size: 100%;
      margin-bottom: 10px;
      --accent: 0, 102, 153;
      --link-txt-color: rgb(var(--accent));
  }
  
  .underline a {
      text-decoration: underline;
      text-underline-offset: 0%;
  }
  .unveil {
      background-color: #e6eef8;
      border: solid 3px #799dce;
      padding: 15px;
      font-size: 100%;
      margin-bottom: 10px;
      font-family: var(--mono-font);
      font-weight: bold;
      --accent: 61, 139, 44;
      --link-txt-color: rgb(var(--accent));
  }
  
  .unveil hr {
      background-color: #799dce;
  }

  Pages using this styling

  • wniosek-o-dotacje-marsjanski-transburzowiec [info]

  ¶ 1 occurrence
  

  
  :root {
      --header-title: "R\0026 C SITE-17";
      --header-subtitle: "INTERNAL RECORDKEEPING INTERFACE";
      --basalt-primary-color: 10, 0, 15;
      --basalt-secondary-color: 8, 0, 22;
      --basalt-tertiary-color: 45, 0, 66;
      --ec-popup-color: 62, 30, 78;
      --basalt-bright-element-color: 154, 22, 220;
      --basalt-dark-element-color: 128, 18, 183;
      --rfr-primary: #E0F6FD;
      --rfr-secondary: lightskyblue;
  
  }
  
  body {
      background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.8)), url("https://scp-wiki.wikidot.com/local--files/scp-8980/fractal.webp");
      background-position: center, center;
      background-size: cover;
      background-attachment: scroll, fixed;
      background-color: rgba(35, 0, 53, 1);
      background-blend-mode: luminosity;
  }
  
  div.blockquote {
      background-color: #0f0f0f;
  }
  
  .content-warning {
      font-size: 85%;
      translate: 0px -5px;
  }
  

  Pages using this styling

  • without-refuge [info]

  ¶ 1 occurrence
  

  :root {
      --logo-image: url("https://scp-wiki.wikidot.com/local--files/grigori-karpin-s-author-page/vanguard%20transparent.png");
      --header-title: "ANGUARD";
      --header-subtitle: "SHELTER - NORMALIZE - INFORM";
      --header-h2-font-size: 1.1em;
  }
  
  @import url('https://fonts.googleapis.com/css?family=Ruslan+Display');
  @import url('https://fonts.googleapis.com/css2?family=Indie+Flower&display=swap');
  
  .shadow {
      font-family: 'Ruslan Display', cursive;
      font-size: 120%;
  }
  
  #header::before {
      left: -12rem;
      filter: brightness(125%);
      opacity: 1;
  }
  
  #header h1 a::before {
      font-size: unset;
  }
  
  #header h2::before {
      color: #fe4;
  }
  
  #header h2 {
      top: 1em;
  }
  
  #header #login-status {
      left: -2vw;
  }
  
  @media (max-width: 767px) {
      #header::before {
          left: -7rem;
      }
  
      #header h1 {
          top: 0.5em;
          left: 0.5em;
      }
  }
  
  .newmes{
  color: #d00;
  }
  
  .red-hr > hr{
  background-color: #d00;
  bottom: 0.2em;
  }

  Pages using this styling

  • withmercyforthegreedy [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Prata&display=swap');
  
  :root { --body-font: 'Noto Sans Cuneiform', 'Inter', 'Arial', sans-serif; 
    --header-height: clamp(10rem,55vmin,40rem);
    --header-image: url("https://scp-wiki.wikidot.com/local--files/medea-filicidium/banner.jpg");
    --footer-image: url("https://scp-wiki.wikidot.com/local--files/seas-of-orcadia-hub/Artemis.png");
  }
  
  #footer, #extrac-div-1, #extrac-div-1 span {
      background-image: var(--footer-image);
      background-size: 100vmax;
      background-attachment: fixed;
      background-position: bottom;
      height: clamp(10rem,55vmin,30rem);
      background-repeat: no-repeat;
  }
  
  #extra-div-1 {
      background-position: top;
  }
  
  .bubble {
      margin: 10px;
      padding: 24px;
      border: 3px solid black;
      border-radius: 12px;
      background-color white;
      min-height: 150px;
  }
  
  }
  .scp-image-block .scp-image-caption{
      font-size: 1.5em;
  }
  
  #wiki-tab-0-0 .bubble .scp-image-block .scp-image-caption{
      display: none;
  }
  
  /*---- Wikimodule integration ----*/
  
  body {
      --wm-bg: var(--foamy-white);
      --wm-accent: var(--lagoon-hue);
      --wm-border: var(--undersea-tone);
  }
  
  /*---- Custom divs ----*/
  
  
  }
  
  .warning-tide {
      box-sizing: border-box;
      border: solid .175rem rgb(var(--stormy-sky));
      position: relative;
      padding: 1rem;
      margin-inline: auto;
  
      font-family: var(--mono-font);
      font-size: 1.125em;
      color: rgb(var(--stormy-sky));
      background-color: rgb(var(--undersea-tone));
  }
  .warning-tide::before {
      content: "";
      position: absolute;
      top: 0; left: 0;
      width: 100%; height: 100%;
      background: linear-gradient(rgb(18, 16, 16, 0.01) 50%, rgb(0, 0, 0, 0.25) 50%), linear-gradient(90deg, rgb(255, 0, 0, 0.1), rgb(0, 255, 0, 0.06), rgb(0, 0, 255, 0.1));
      background-size: 100% 2px, 3px 100%;
      opacity: .875;
      z-index: 1;
      pointer-events: none;
  }
  
  .opener {
      font-size: 1.125em;
      padding: 1.325rem;
      padding-block-end: 0.5rem;
      margin-block-start: 6.25rem;
  }
  
  .warning-header {
      font-weight: bold;
      text-align: center;
      font-size: 1.5em;
      padding: 0.25rem;
      color: rgb(var(--undersea-tone));
      background-color: rgb(var(--stormy-sky));
  }
  
  
  .warning-tide .hili {
      font-weight: bold;
      padding-inline: .125em;
      color: rgb(var(--undersea-tone));
      background-color: rgb(var(--stormy-sky));
  }
  
  /*-------------------------------*/
  
  .mither {
      font-family: var(--header-font);
      color: green;
      font-size: 1.375em;
      line-height: 1.275;
  }
  .mither p { line-height: inherit; }
  
  .scenesetter {
      padding-inline: 1.75rem;
      position: relative;
      padding-block: 3.5rem;
  }
  .scenesetter::before {
      content: "";
      position: absolute;
      top: 0; left: 0;
      width: 100%; height: 100%;
      background-image: var(--header-image);
      background-size: cover;
      background-position: center;
      opacity: 0.225;
      box-shadow: inset 0 0 4rem 4.25rem rgb(var(--foamy-white));
      filter: blur(1.375rem);
      z-index: -1;
  }
  
  .glasscase{
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
  }
  .glassyeye{
      aspect-ratio : 1 / 1;
      width: 50%;
      margin-top: -24px;
      position: relative;
      transition: 0.5s !important;
  }
  .glassyeye:hover{
      filter: hue-rotate(180deg);
  }
  .glassyeye img{
      height: 100%;
      width: 100%;
      object-fit: cover;
      object-position: center;
  }
  .allfolks{
      position: absolute;
      z-index: 5;
      top: 0px;
      left: 10px;
      font-size: 4vh;
      mix-blend-mode: difference;
      filter: invert(1) grayscale(1) contrast(9);
  
  .allfolks a{
      font-weight: bold;
      color:red !important; /*ADD SPECIFICALLY THIS TO CSS*/
  }
  
  @media screen and (min-width: 1200px) {
  .allfolks{
      font-size: 25px;
  }
  }
  @media screen and (max-width: 640px) {
  .glasscase{
      flex-direction: column;
  }
  .allfolks{
      font-size: 4vw;
      top: 3px;
  }
  .glassyeye{
      margin-top: 0px;
      width: 100%;
  }
  

  Pages using this styling

  • with-the-old-gods-hub [info]

  ¶ 1 occurrence
  

  :root {
      --fade-in-delay: 0s;
      --header-title: "";
      --header-subtitle: "";
  }
  div#extra-div-1 {
      display:none;
  }
  
  .blackout {
      background-color:black;
      color:black;
      user-select:none;
  }
  

  Pages using this styling

  • wit [info]

  ¶ 1 occurrence
  

  :root{
  --title: "SCP Foundation";
  --subtitle: "WAKING DREAMS・LUCID SLEEP";

  Pages using this styling

  • winterheart-page [info]

  ¶ 1 occurrence
  

  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;
  }
   
  div.wilson-body {
      color: rgba(102, 87, 49);
      background: rgb(209, 237, 154);
      padding: 1em;
  }

  Pages using this styling

  • wilson-s-wildlife-solutions-hub [info]

  ¶ 1 occurrence
  

     #page-title::after,
      .meta-title::after,
      #page-title::before,
      .meta-title::before {
          content: "";
          flex-grow: 1;
          height: 0.0625rem;
          background: rgb(var(--swatch-primary));
      }
   
      #page-title::before,
      .meta-title::before {
          margin: auto 1.25rem auto auto;
      }
  
  .widebox {
     width: 90vw;
     max-width: 100vw !important;
     position: relative;
  left: 50%;
  transform: translateX(-50%);
  }
  

  Pages using this styling

  • wilson-s-wildlife-adoption-gallery [info]

  ¶ 1 occurrence
  

  :root {
      --logo-image: url("https://scp-wiki.wdfiles.com/local--files/wilson-s-wildlife-adoption-gallery/adoption_center.png");
      --header-subtitle: "Three Portlands — Grand Opening!";

  Pages using this styling

  • wilson-s-wildlife-adoption-gallery [info]

  ¶ 1 occurrence
  

  
  .Uno {
      background-image: url("https://upload.wikimedia.org/wikipedia/commons/thumb/2/2c/Atlantic_City%2C_aerial_view.jpg/800px-Atlantic_City%2C_aerial_view.jpg?20080406191410");
      background-repeat: no-repeat;
      background-position: top center;
      background-attachment: fixed;
      background-size: contain;
      color: #feff00;
      font-size: 15px;
      padding: 15px;
      text-shadow: rgb(0, 0, 0) 3px 0px 0px, rgb(0, 0, 0) 2.83487px 0.981584px 0px, rgb(0, 0, 0) 2.35766px 1.85511px 0px, rgb(0, 0, 0) 1.62091px 2.52441px 0px, rgb(0, 0, 0) 0.705713px 2.91581px 0px, rgb(0, 0, 0) -0.287171px 2.98622px 0px, rgb(0, 0, 0) -1.24844px 2.72789px 0px, rgb(0, 0, 0) -2.07227px 2.16926px 0px, rgb(0, 0, 0) -2.66798px 1.37182px 0px, rgb(0, 0, 0) -2.96998px 0.42336px 0px, rgb(0, 0, 0) -2.94502px -0.571704px 0px, rgb(0, 0, 0) -2.59586px -1.50383px 0px, rgb(0, 0, 0) -1.96093px -2.27041px 0px, rgb(0, 0, 0) -1.11013px -2.78704px 0px, rgb(0, 0, 0) -0.137119px -2.99686px 0px, rgb(0, 0, 0) 0.850987px -2.87677px 0px, rgb(0, 0, 0) 1.74541px -2.43999px 0px, rgb(0, 0, 0) 2.44769px -1.73459px 0px, rgb(0, 0, 0) 2.88051px -0.838247px 0px;
  }
  
  
  @media only screen and (max-width: 700px) {
      .Uno {
          background-image: url("http://smlt.wikidot.com/local--files/cassandra-prime:washed-up-episode-1/Atlantic-city-crop");
          background-position: center center;
      }

  Pages using this styling

  • willie-wettle-washed-up-while-walking [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,900;1,900&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Bungee+Shade&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Staatliches&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Secular+One&display=swap');
  
  
  :root {
      --logo-image: url("http://scpdsandbox.wdfiles.com/local--files/site-333/At3.png");
      --header-title: "SITE-333";
      --header-subtitle: "HEAVEN ON EARTH";
      --header-font: 'Playfair Display', serif;
      --title-font: 'Playfair Display', serif;
      --body-font: 'Telex', sans-serif;
      --bright-accent: 0, 109, 255;
      --medium-accent: 	0, 63, 197;
      --dark-accent: 0, 22, 142;
  
      --link-color: var(--medium-accent);
  }
  
  #extra-div-1 {
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 10rem;
      background-image: url("http://scpdsandbox.wdfiles.com/local--files/site-333/PanoRam2.jpg");
      background-size: cover;
      background-position: center;
      background-repeat: repeat-x;
      pointer-events: none;
  }
  
  #extra-div-2 {
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 10rem;
      background: linear-gradient(0deg, rgba(0, 109, 255,1) 35%, rgba(204, 226, 255) 97%);
      pointer-events: none;
      opacity: 0.40;
  }
  
  #extra-div-3 {
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 10rem;
      background-image: url("http://scptestwiki.wdfiles.com/local--files/undervegas/dicegold.png");
      background-size: cover;
      background-position: center;
      background-repeat: repeat-x;
      pointer-events: none;
      opacity: 0.65;
  
  }
  
  /* *** DIVS *** */
  .addendum {
      border:solid 2px rgb(var(--bright-accent));
      background:#F5F5F5;
      width:84%;
      padding:1px 15px;
      margin: 10px auto;
  }
  
  .label {
      background: rgb(var(--bright-accent));
      color: white;
      padding: 3px;
      border-radius: 4px;
      font-family: monospace;
      white-space: nowrap;
  }
  
  .doc {
      background-color: rgb(var(--bright-accent));
      color: white;
      font-family: var(--mono-font);
      padding: 0 1.5rem;
      font-size: 1.1em;
      width: fit-content;
      position: relative;
      top: -2em;
      border-radius: 4px;
      margin-bottom: -3rem;
  }
  
  .addendum {margin-top: 1.6rem;}
  
  .angled {clip-path: polygon(4% 0%, 100% 0%, 96% 100%, 0% 100%); border-radius: 5px;}
  
  .foundation {
      border:solid 3px #444;
      background: #f2f2c2 url('https://scp-wiki.wdfiles.com/local--files/theme%3Aredtape/scp_trans.png') center center no-repeat;
      padding: 1.5rem;
      margin-bottom: 10px;
      color: black;
  }
  .foundation p {
      margin: none;
  }
  
  .foundation.snow {
      background: #fff url('https://scp-wiki.wdfiles.com/local--files/theme%3Aredtape/scp_trans.png') center center no-repeat;
  }
  
  .foundation.raisa {
      background: #f2f2c2 url('https://scp-wiki.wdfiles.com/local--files/theme%3Aredtape/raisa_trans.png') center center no-repeat;
      background-size: 29rem;
      text-align: center;
  }
  .foundation.alt {
      background: #fff url('https://scp-wiki.wdfiles.com/local--files/theme%3Ai57/scp-logo-i57.png') center center no-repeat;
  }
  
  .generic {
     position: relative;
     margin: 0.5em 1.25rem;
     padding: 0.825em 1.25em;
     clear: both;
     clip-path: polygon(93% 0px, 100% 15.11%, 100% 100%, 0px 100%, 0px 0px);
     border-left: 4px solid gray;
  }
  .generic hr {background: gray; border: none;}
  .generic h1, .generic h2, .generic h3, .generic h4, .generic h5, .generic h6 {color: #515050;}
  .generic.red {background: #ff4a4a3d;}
  .generic.blue {background: #4a80ff3d;}
  .generic.yellow {background: #fff77f3d;}
  .generic.purple {background: #a561d536;}
  .generic.green {background: #CDE5DD;}
  
  
  #header::before {
      left: 0.5rem;
      background-position: center -0.5rem;
      opacity: 1;
  }
  
  #header h1, #header h2 {
      margin: 1.7rem 0;
  }
  
  }
  .table2 {
      --accentColor: rgb(40, 135, 189);
  }
  .custom2 .wiki-content-table {
      width: 100%;
  }

  Pages using this styling

  • willie-wettle-washed-up-while-walking [info]

  ¶ 1 occurrence
  

  /*collab:wikidot-syntax-footguns*/.clearbug .blockquote {
    overflow: visible;
  }
  
  .clearbug {
    overflow: auto;
  }
  
  .clearbug .scp-image-block.block-right {
    clear: none;
  }

  Pages using this styling

  • wikidot-troubleshooting-cheatsheet [info]

  ¶ 1 occurrence
  

  /*collab:wikidot-syntax-footguns*/#page-content a[target="_blank"] {
    position: relative;
  }
  
  #page-content a[target="_blank"]:hover::after {
    position: absolute;
    top: 150%;
    left: 50%;
    background-color: #eee;
    border: 1px solid #666;
    padding: 7px;
    content: "Note: This link opens in a new tab.";
    max-width: unset;
    color: black;
    width: max-content;
    transform: translateX(-50%);
    z-index: 2;
  }
  
  h2 {
    margin-top: 2lh;
    border-bottom: 1px solid #333;
  }
  
  .big {
    font-size: 400%;
    text-align: center;
  }
  
  #toc {
    background: none;
    border: none;
    font-size: 150%;
  }
  
  @media (max-width: 768px) {
    #toc {
      font-size: 120%;
    }
  }
  
  #toc #toc-list > div::before {
    content: "• ";
    width: 1em;
    display: inline-block;
  }
  
  #toc #toc-list > div {
    text-indent: 1em hanging;
    margin-bottom: 0.5lh;
  }
  
  :root:has(.collapsible-toggle .collapsible-block-folded[style*="none"])
  :not(.collapsible-toggle) > * > .collapsible-block-unfolded {
    display: block !important;
  }
  :root:has(.collapsible-toggle .collapsible-block-folded[style*="none"])
  :not(.collapsible-toggle) > .collapsible-block .collapsible-block-link {
    display: none !important;
  }
  
  .collapsible-toggle .collapsible-block {
    position: fixed;
  bottom: 0;
  left: 0;
  background-color: white;
  border-top: 1px solid black;
  border-right: 1px solid black;
  padding: 20px;
  box-shadow: 5px solid #0006;
  }
  
  tt {
    background-color: #eee;
    border-radius: 5px;
  }
  
  div#toc {
    width: 100%;
    max-width: 100%;
    border: none;
    background-color: transparent;
  }
  
  #page-content div.output-box {
    border: 1px solid black;
    background-color: white;
    box-shadow: 0 0 20px #0005;
    position: relative;
    padding: 2rem;
    margin-inline: auto;
    max-width: 25rem;
  }
  
  div.fancy-box {
    position: relative;
    padding: 0 0.5rem;
    padding-left: 70px;
    margin-top: 2.3rem;
    color: var(--fg);
    background-color: var(--bg);
    margin-left: 1rem;
    margin-right: 1rem;
  }
  
  div.fancy-box::before {
    content: " ";
    display: block;
    width: 50px;
    height: 100%;
    position: absolute;
    left: 10px;
    top: -15px;
    mask-position: center;
    margin-right: 1em;
    margin-top: 1em;
    mask-repeat: no-repeat;
    background-color: var(--fg);
    mask-image: var(--icon);
  }
  
  div.fancy-box::after {
    position: absolute;
    top: -1.4rem;
    left: 0;
    width: 100%;
    height: 1.4rem;
    content: var(--header-text) / var(--header-text);
    padding-left: 0.3em;
    box-sizing: border-box;
    font-weight: bold;
    font-family: monospace;
    background-color: var(--header-bg);
  }
  
  div.bad {
    --bg: #fbb;
    --fg: #422;
    --header-bg: #e88;
    --header-text: "Bad:";
    --icon: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHRpdGxlPmNsb3NlPC90aXRsZT48cGF0aCBkPSJNMTksNi40MUwxNy41OSw1TDEyLDEwLjU5TDYuNDEsNUw1LDYuNDFMMTAuNTksMTJMNSwxNy41OUw2LjQxLDE5TDEyLDEzLjQxTDE3LjU5LDE5TDE5LDE3LjU5TDEzLjQxLDEyTDE5LDYuNDFaIiAvPjwvc3ZnPg==");
  }
  
  div.good {
    --bg: #afa;
    --fg: #242;
    --header-bg: #7e7;
    --header-text: "Good:";
    --icon: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHRpdGxlPmNoZWNrPC90aXRsZT48cGF0aCBkPSJNMjEsN0w5LDE5TDMuNSwxMy41TDQuOTEsMTIuMDlMOSwxNi4xN0wxOS41OSw1LjU5TDIxLDdaIiAvPjwvc3ZnPg==");
  }
  
  div.output {
    --bg: #ddd;
    --fg: #333;
    --header-bg: #bbb;
    --header-text: "Output:";
    --icon: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHRpdGxlPmFwcGxpY2F0aW9uLW91dGxpbmU8L3RpdGxlPjxwYXRoIGQ9Ik0yMSAySDNDMS45IDIgMSAyLjkgMSA0VjIwQzEgMjEuMSAxLjkgMjIgMyAyMkgyMUMyMi4xIDIyIDIzIDIxLjEgMjMgMjBWNEMyMyAyLjkgMjIuMSAyIDIxIDJNMjEgMjBIM1Y2SDIxVjIwWiIgLz48L3N2Zz4=");
  }
  
  .sidebyside {
    display: flex;
  }
  
  @media (max-width: 768px) {
    .sidebyside {
      flex-direction: column;
    }
  }
  
  h2:target {
    animation: blink 1s;
    animation-delay: 0.5s;
  }
  
  .mono {
    font-family: var(--mono-font);
  }
  
  @keyframes blink {
    0% { color: rgb(var(--basalt-main-text-color)); }
    50% { color: red; }
    100% { color: rgb(var(--basalt-main-text-color)); }
  }
  
  td {
    background-color: white;
  }
  
  .annotated {
    display: flex;
    flex-direction: row;
  }
  
  @media (max-width: 800px) {
    .annotated {
      flex-direction: column;
    }
  }
  
  @media not (max-width: 800px) {
    .annotated > * {
      width: 50%;
    }
  
    .annotated {
      border-bottom: 1px solid #ccc;
      padding-bottom: 20px;
      margin-bottom: 20px;
    }
  }
  

  Pages using this styling

  • wikidot-troubleshooting-cheatsheet [info]

  ¶ 1 occurrence
  

  
  :root {
    --fade-in-delay: 0s;
  }
  
  .excerpt {
     font-family: ui-monospace, monospace;
  }
  

  Pages using this styling

  • why-vktm-creates [info]

  ¶ 1 occurrence
  

  
  :root {
    --fade-in-delay: 0s;
  }
  
  .scp-image-block {
      width: 300px;
  }
  
  @media only screen and (max-width: 600px) {
  .scp-image-block {
     max-width: 150px;
  }
  }
  
  .scp-image-block.block-right {
      float: right;
      clear: right;
      margin: 0 0em 1em 2em;
  }
  

  Pages using this styling

  • why-scp-173-shits [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Crimson+Text:ital,wght@0,400;0,600;0,700;1,400;1,600;1,700&display=swap');
  
  #page-content > p, #page-content li {
      text-justify: inter-word;
      text-align: justify;
      text-indent: 1rem;
      font-family: "Crimson Text", serif;
      font-size: 1.1rem;
  }

  Pages using this styling

  • why-i-stopped-writing-for-the-wiki [info]

  ¶ 1 occurrence
  

  
  @import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400..900&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Pinyon+Script&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Bentham&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=PT+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap');
  
  
  
  
  .lightmode{
  background-color: #f9f9f9f9;
  color: #000000;
  top: 0;
  }
  
  .tweets {
    width: min(600px, 90%);
    margin: auto;
  }
  
  .y-tweet {
    padding: 20px;
    border: 1px solid var(--y-border);
    border-bottom: none;
    margin-bottom: -1px;
  }
  
  .with-bottom-border {
    border-bottom: 1px solid var(--y-border);
  }
  
  .post-name {
    font-weight: bold;
  }
  
  .post-username {
    color: #888888;
  }
  
  
  .pfp {
    width: 2lh;
    height: 2lh;
    float: left;
    border-radius: 50%;
    margin-right: 10px;
  }
  
  .verified-factual-by-grep {
    font-style: italic;
    opacity: 0.7;
    display: flex;
    align-items: center;
  }
  
  .verified-factual-by-grep p {
    margin: 0;
  }
  
  .verified-factual-by-grep::before {
    content: "✔ ";
    font-size: 150%;
    color: #56f241;
    margin-right: 20px;
  }
  
  
  .grep-fact-check {
    margin: 20px;
    padding: 20px;
    border: 1px solid var(--y-border);
    background-color: #222222;
    border-radius: 20px;
  }
  
  .grep-fact-check p:nth-child(1) {
    margin-top: 0;
  }
  
  .grep-fact-check p:nth-last-child(1) {
    margin-bottom: 0;
  }
  
  
  .pseudoTeams {
      background-color: #eed3d6;
      border: solid 5px #CC7E85;
      padding: 10px;
      color: #000000;
  }
  .pseudoTeams p, .pseudoDiscord p {
      margin-block-start: 0em;
      margin-block-end: 0em;
  }
  .pseudoSender, .pseudoReceiver {
      max-width: 65%;
      width: fit-content;
      padding: 5px 10px;
      background-color: #ffeced;
      border-radius: 5px;
      margin-bottom: 5px;
      position: relative;
  }
  .pseudoReceiver {
      margin-left: auto;
  }
  .textIdentifier {
      font-size: 0.8rem;
      font-weight: 300;
  }
  .pseudoEmote {
      position: absolute;
      top: 0;
      left: 100%;
      background-color: #eed3d6;
      border-radius: 50px;
      white-space: nowrap;
      padding: 2px 3px 0px 6px;
      transform: translate(-50%, -50%);
      filter: drop-shadow(2px -2px 7px white);
  }
  
  .pseudoDiscord {
      background-color: #1a1a1e;
      border: solid 0.2em #040404;
      padding: 10px;
      color: #e0e0e1;
  }
  .textTime {
      color: #85868d;
      font-size: 0.75rem;
      margin-right: 2px;
  }
  .textName {
      color: #6dc68f;
      margin-right: 2px;
  }
  .textHard {
      color: transparent;
      position: relative;
  }
  .textHard:after {
      position: absolute;
      content: "";
      background-image: url("https://scp-sandbox-3.wdfiles.com/local--files/collab:greenwolf2/scp.png");
      background-size: 1.24rem 1.16rem;
      width: 1.24rem;
      height: 1.16rem;
      top: 0px;
      left: 0px;
  }
  
  
  
  .newspaperBox {
      box-shadow: 0 1px 3px rgba(0,0,0,.2);
      padding: 1px 15px;
      margin: auto;
      width: 85%;
      background-color: #fdf3e8;
      font-family: "PT Sans", sans-serif;
      color: #584f44;
  }
  .newspaperHeader {
      font-size: 1.5rem;
      font-weight: bold;
      line-height: 1;
  }
  .newspaperGrid {
      display: grid;
      grid-template-columns: 1fr auto;
      grid-template-rows: 1fr;
  }
  .newspaperBrand {
      grid-column: 1 / 2;
      grid-row: 1;
      color: #91887d;
      font-family: "Bentham", serif;
      font-size: 80%;
      width: max-content;
      padding: 10px;
      text-align: center;
      align-content: center;
  }
  .newspaperSource {
      grid-column: 2 / 3;
      grid-row: 1;
      font-size: 60%;
      padding: 10px;
  }
  
  
  
  :root {
   --y-border: #ffffff55;
      --upvote: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24'%3E%3Cpath d='M12.781 2.375c-.381-.475-1.181-.475-1.562 0l-8 10A1.001 1.001 0 0 0 4 14h4v7a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1v-7h4a1.001 1.001 0 0 0 .781-1.625l-8-10zM15 12h-1v8h-4v-8H6.081L12 4.601 17.919 12H15z'/%3E%3C/svg%3E");
      --downvote: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24'%3E%3Cpath d='M20.901 10.566A1.001 1.001 0 0 0 20 10h-4V3a1 1 0 0 0-1-1H9a1 1 0 0 0-1 1v7H4a1.001 1.001 0 0 0-.781 1.625l8 10a1 1 0 0 0 1.562 0l8-10c.24-.301.286-.712.12-1.059zM12 19.399 6.081 12H10V4h4v8h3.919L12 19.399z'/%3E%3C/svg%3E");
      --comment: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24'%3E%3Cpath d='M16 2H8C4.691 2 2 4.691 2 8v12a1 1 0 0 0 1 1h13c3.309 0 6-2.691 6-6V8c0-3.309-2.691-6-6-6zm4 13c0 2.206-1.794 4-4 4H4V8c0-2.206 1.794-4 4-4h8c2.206 0 4 1.794 4 4v7z'/%3E%3C/svg%3E");
      --king: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24'%3E%3Cpath d='M11.219 3.375 8 7.399 4.781 3.375A1.002 1.002 0 0 0 3 4v15c0 1.103.897 2 2 2h14c1.103 0 2-.897 2-2V4a1.002 1.002 0 0 0-1.781-.625L16 7.399l-3.219-4.024c-.381-.474-1.181-.474-1.562 0zM5 19v-2h14.001v2H5zm10.219-9.375c.381.475 1.182.475 1.563 0L19 6.851 19.001 15H5V6.851l2.219 2.774c.381.475 1.182.475 1.563 0L12 5.601l3.219 4.024z'/%3E%3C/svg%3E");
      --share: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' transform='scale(-1 1)' viewBox='0 0 24 24'%3E%3Cpath fill='none' d='M10.025 9c-.551 0-1.022-.448-1.022-1V6.414L4.417 11l4.586 4.586V14a1 1 0 0 1 .868-.991 15.064 15.064 0 0 1 1.975-.133c3.577 0 6.204 1.331 7.858 2.55C18.14 9.201 10.936 9 10.025 9z'/%3E%3Cpath d='M11.003 7.054V4a1 1 0 0 0-1.707-.707l-7 7a.999.999 0 0 0 0 1.414l7 7A.999.999 0 0 0 11.003 18v-3.096c.284-.02.565-.029.843-.029 5.426 0 8.239 3.572 8.362 3.73a.996.996 0 0 0 1.113.343 1 1 0 0 0 .682-.948c0-9.124-8.086-10.681-11-10.946zm.843 5.821c-.647 0-1.312.045-1.975.133a1.001 1.001 0 0 0-.868.992v1.586L4.417 11l4.586-4.586V8c0 .552.471 1 1.022 1 .91 0 8.114.201 9.679 6.425-1.654-1.218-4.281-2.55-7.858-2.55z'/%3E%3C/svg%3E");
      --report: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24'%3E%3Cpath d='M12 14c-3 0-4 3-4 3h8s-1-3-4-3z'/%3E%3Cpath d='M12 2C6.486 2 2 6.486 2 12s4.486 10 10 10 10-4.486 10-10S17.514 2 12 2zm0 18c-4.411 0-8-3.589-8-8s3.589-8 8-8 8 3.589 8 8-3.589 8-8 8z'/%3E%3Cpath d='m17.555 8.832-1.109-1.664-3 2a1.001 1.001 0 0 0 .108 1.727l4 2 .895-1.789-2.459-1.229 1.565-1.045zm-6.557 1.23a1 1 0 0 0-.443-.894l-3-2-1.11 1.664 1.566 1.044-2.459 1.229.895 1.789 4-2a.998.998 0 0 0 .551-.832z'/%3E%3C/svg%3E");
  
  .reditbox {
      color: #181c1f;
      font-size: 14px;
      font-family: "Noto Sans";
  }
  .comentbox {
      margin-top: 1.5rem;
  }
  .reditbox .printuser > a:first-child img, .comentbox .printuser > a:first-child img {
      background-image: none !important;
      padding-left: 0;
      border-radius: 100%;
      margin-right: 0.5rem;
      margin-top: 2px;
      height: 2rem;
      width: 2rem;
      border: solid 2px rgba(206, 205, 206, 0.5);
  }
  .reditbox .printuser > a:first-child img:hover, .comentbox .printuser > a:first-child img:hover {
      border: solid 2px orange;
  }
  .reditbox .printuser a:nth-child(2), .comentbox .printuser a:nth-child(2) {
      display: none;
  }
  .smol, .smol2, .smol3 {
      font-size: 12px;
  }
  .smol {
      color: #333d42;
      font-weight: 700;
  }
  .smol2 {
      color: #5c6c74;
      font-weight: 400;
  }
  .smol3 {
      color: #333d42;
      font-weight: 500;
  }
  .smol:hover, .smol3:hover {
      color: #0a449b;
      cursor: pointer;
  }
  .loms p {
      font-size: 24px;
      font-weight: 600;
      line-height: 1;
      margin-block-start: 0.2em;
  }
  .reditflex {
      display: flex;
      flex-wrap: wrap;
      margin-top: 2rem;
      gap: 0.5em;
  }
  .buton {
      display: flex;
      background-color: #e5ebee;
      font-weight: 500;
      font-size: 0.75rem;
      align-items: center;
      justify-content: center;
      padding: 0.5rem 0.75rem;
      color: black;
      border-radius: 100em;
  }
  .buton p, .buston p {
      margin-block-start: 0;
      margin-block-end: 0;
  }
  .likes::before {
      content: var(--upvote);
      margin-left: -5px;
      margin-right: 5px;
  }
  .likes::after {
      content: var(--downvote);
      margin-left: 5px;
      margin-right: -5px;
  }
  .comment::before {
      content: var(--comment);
      margin-right: 5px;
  }
  .king::before {
      content: var(--king);
      margin-right: 5px;
  }
  .share::before {
      content: var(--share);
      margin-right: 5px;
  }
  .report::before {
      content: var(--report);
      margin-right: 5px;
  }
  .square {
      width: 12px;
      height: 12px;
      background:
  }
  .comented {
      margin-left: 0.8rem;
      border-left: solid 1px #e4e4e4;
      padding-left: 1.8rem;
      margin-top: -1rem;
      padding-top: 0.2rem;
  }
  .buston {
      display: flex;
      align-items: center;
      justify-content: center;
      opacity: 0.5;
      transform: scale(0.8);
  }
  .comentedchain {
      margin-left: 2rem;
      margin-top: 0.5rem;
      position: relative;
  }
  .chain::before {
      content: "";
      position: absolute;
      border-radius: 0 0 0 1em;
      border-left: solid 1px #e4e4e4;
      border-bottom: solid 1px #e4e4e4;
      width: 2rem;
      height: 2rem;
      transform: translate(-50%, -50%);
      top: 0rem;
      left: -0.18rem;
  }
  
  
  
  .datingBox {
      display: flex;
      flex-wrap: wrap;
      align-items: baseline;
      justify-content: center;
      color: black;
  }
  .datingProf {
      flex: 30%;
      margin: 1%;
      background-color: #ffe5ea;
      border: 2px solid #990000;
      height: fit-content;
      max-width: 50%;
  }
  .datingName {
      border-bottom: 2px solid #990000;
      text-align: center;
      font-size: 1.5rem;
      font-weight: bold;
  }
  .datingName p, .datingDesc p {
      margin-block-start: 0;
      margin-block-end: 0;
  }
  .datingDesc {
      padding: 10px;
  }
  .datingLine {
      flex-basis: 100%;
      background-color: white;
      text-align: center;
  }
  

  Pages using this styling

  • why-ai [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Play:wght@400;700&display=swap');
  
  @import url('https://fonts.googleapis.com/css2?family=Caveat:wght@400..700&display=swap');
  
  @import url('https://fonts.googleapis.com/css?family=EB+Garamond:500&display=swap');
  
  #page-content a, #page-content a.newpage, #page-content a:visited, #interwiki a, #side-bar a {
      color: red;
  }
  
  .fancytext {
  font-family:"EB Garamond";
  font-size:120%;
  !important;
  }
  
  .title { 
  font-family: "Play", sansserif;
  font-weight: normal; }
  
  body {
      background: #150301;
  }
  
  #page-content :is(h1,h2,h3,h4,h5,h6) {
      font-family: "Vast Shadow", serif;
      font-weight: normal;
  }
  
  .queerbox_large {
      text-align: center;
      margin-top: 1em;
  }
  
  .queerbox_large hr {
      margin: 1em !important;
  }
  
  .queerbox_large .scp-image-block .scp-image-caption{
      display: none;
  }
  
  .queerbox_large .scp-image-block {
      margin: 0 1em 1em;
  }
  
  #wiki-tabview-0b15726b2dba49d4c9b6ac18f2dc404c {
      border: 4px solid var(--accent-color);
  }
  
  .yui-navset .yui-nav, .yui-navset .yui-navset-top {
      width: 100%;
  }
  
  .yui-content {
      padding-right: 1.5em !important;
      padding-left: 1.5em !important;
  }
  
  div#extra-div-1 {
      background-image: url(https://scp-wiki.wdfiles.com/local--files/pseudogenesis-productions-hub/Curtain_Fix.jpg);
      background-position-y: top;
      height: 100%;
      background-size: contain;
  }
  
  #header h1 {
      font-size: 1.4em;
  }
  
  #header h2 {
      font-size: 1.3em !important;
  }
  
  @media (min-width: 768px) {
    div#extra-div-1 {
      background-position-y: calc(-100vw + 700px);
    }
  }
  
  
  .staticTransition {
      background-image: url(https://scp-wiki.wdfiles.com/local--files/pseudogenesis-productions-hub/Vhs_Glitch-cropped-flipped.gif);
      background-position-x: center;
      background-clip: border-box;
      width: 100%;
      height: 4em;
      overflow: hidden;
      background-size: cover;
      padding: 0em 1.5em;
      margin-left: -1.5em;
  }
  
  .email {border: solid 2px #000000; width: 88%; font-family: "Microsoft Sans Serif"; padding: 1px 15px; margin: auto; box-shadow: 0 1px 3px rgba(0,0,0,.5)}
  .email-example a.collapsible-block-link {font-weight: bold;}
  .tofrom {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px rgb(140, 20, 140)}
  .tofrom2 {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px #f26c0c}
  
  @import url('https://fonts.googleapis.com/css?family=Cinzel');
  @import url('https://fonts.googleapis.com/css?family=Anton');
  @import url('https://fonts.googleapis.com/css?family=Pinyon+Script');
  #page-title { display: none; }
  
  /*
      The Anton font was created by Vernon Adams and is licensed under the Open Font License
      The Cinzel font was created by Natanael Gama and is licensed under the Open Font License
      The Pinyon Script font was created by Nicole Fally and is licensed under the Open Font License
  */
  
  .starfish{
    background: url(https://upload.wikimedia.org/wikipedia/commons/8/85/Corrupted_GIF_of_Earth.gif);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke: 1px red;
  
  }
  
  h1:focus {
    outline: none;
  }
  
  
  .page {
      display: block;
      transform: rotate(1.2deg);
      overflow: hidden;
      font-family: "Caveat", sans-serif;
      font-style: normal;
      color: black;
      font-size: 19px;
      line-height: 200%;
      box-shadow: 0px 0px 7px;
      background-attachment: scroll;
      background-clip: border-box;
      background-color: white;
      background-image: linear-gradient(to top ,rgb(255, 255, 255) 45%, rgb(255, 255, 255) 8%);
      background-origin: padding-box;
      background-position: 0px 8px;
      background-repeat: repeat;
      background-size: 100% 20px;
      border: 1px solid #CCC;
      padding: 0 30px;
      margin-bottom: 10px 10px;
      box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2)
  }
  .page p,
  .page ul {
      line-height: 200%;
      margin: 0;
  }
  
  

  Pages using this styling

  • whos-afraid-of-a-red-starfish-en-blues [info]

  ¶ 1 occurrence
  

  
  body {
  
      background-image: url(https://scp-wiki.wdfiles.com/local--files/whore-of-blood-hub/HellBackground.png);
      background-attachment: fixed;
      background-size: cover;
  }
  
  body:before {
    content: ' ';
    position: fixed;
    display: block;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(170deg, transparent, rgb(0, 0, 0) 65%, rgb(0, 0, 0) 65%, rgb(0, 0, 0) 100%);
    z-index: -1;
    color:#EDEDED;
  }
  
  :root{
  --logo: url(https://scp-wiki.wdfiles.com/local--files/whore-of-blood-hub/Primrose-Sigil-white-badge.png);
  --title: "WHORE OF BLOOD";
  --subtitle: "Prim and Proper Legal Solutions";
  }
  
  :root {
      /* REDMODE */
      --basalt-UI-dark-palette: 50, 45, 45;
      --basalt-bright-element-color: 135, 15, 6;
      --basalt-dark-element-color: 135, 15, 6;
      --basalt-primary-color: 15, 10, 12;
      --basalt-secondary-color: 40, 20, 23;
      --basalt-tertiary-color: 50, 40, 40;
      --general-border-color: 135, 15, 6;
  }
  
  
  a:link {
    color: #870F06;
  }
  a:visited {
    color: #870F06;
  }
  a:hover {
    color: #870F06;
  }
  a:active {
    color: #870F06;
  }
  

  Pages using this styling

  • whore-of-blood-hub [info]

  ¶ 1 occurrence
  

  
  #page-content .info-container {
      --link-color: rgb(var(--swatch-text-general));
  }
  
  #page-content .info-container .translation_block {
      display: none;
  }
  
  #page-content .info-container .collapsible-block-link,
  #page-content .info-container:hover .collapsible-block-link {
      line-height: 1.6em;
  }
  
  #page-content .info-container .collapsible-block-folded,
  #page-content .info-container .collapsible-block-unfolded-link {
      display: grid;
  }
  
  #page-content .info-container .collapsible-block-folded .collapsible-block-link,
  #page-content .info-container .collapsible-block-link {
      -webkit-mask: unset;
          	mask: unset;
      background: transparent;
      grid-column: 1;
      grid-row: 1;
      opacity: 0;
  }
  
  #page-content .info-container .collapsible-block-folded::before,
  #page-content .info-container .collapsible-block-unfolded-link::before {
      --wght: 800;
      content: "ETC";
      color: #FFFFFF;
      font-family: Inter, Arimo, Verdana, Geneva, "Helvetica Neue", "Helvetica", Arial, sans-serif;;
      display: block;
      pointer-events: none;
      grid-column: 1;
      grid-row: 1;
      line-height: 2.75ex;
  }
  
   #page-title{
       display: none;
  }
  

  Pages using this styling

  • who-made-you [info]

  ¶ 1 occurrence
  

  .imagediv { float: right; margin: 15px}
  @media (max-width: 540px) {
    .imagediv {
      float: none; text-align:center; margin: auto;
    }
  }
  
  div#header h1 a span {
      font-size: 0px;
  }
  div#header h1 a:before {
      content: "Site-77 Network";
      color: #eee;
      
  }
  div#header h2 span {
      font-size:0px;
      padding: 4px;
  }
  div#header h2:after {
      content: "Mass Containment Facility";
      font-weight: bold;
      color: #f0f0c0;
      padding: 19px 0;
      text-shadow: 1px 1px 1px rgba(0, 0, 0, .8);
      white-space: pre;
  }
  
  #header {
    background-image: url(http://scp-wiki.wdfiles.com/local--files/who-framed-ralph-roget/77.png)
  }

  Pages using this styling

  • who-framed-ralph-roget [info]

  ¶ 1 occurrence
  

  /* INCREASING WHITE SPACE */
  .main-text > p {
    font-size: 105%;
    margin: 40px auto;
  }
  
  /* LINKS */
  .main-text a {
    background: #dedede;
    border: 4px solid #aaa;
    margin: 60px 0;
    transition: 0.75s;
    display: block;
    padding: 15px 10px;
    text-align: center;
  }
  .main-text a:hover {
    background: rgb(0,0,0,0);
    border: 4px solid rgb(0,0,0,0);
  }

  Pages using this styling

  • white-space-hub [info]

  ¶ 1 occurrence
  

  :root {
      --logo-image: url("https://www.foxcubgames.com/wp-content/uploads/2019/02/transparent-square.png");
      --header-title: "AFTER THE EMPIRE";
      --header-subtitle: "The Lights Of Hope Shine Violet, Flickering Through The Night";

  Pages using this styling

  • whispers-of-a-reckoning [info]

  ¶ 1 occurrence
  

  
  @import url('https://fonts.googleapis.com/css2?family=Sevillana');
  
  :root{
      --header-logo: url(https://scp-wiki.wdfiles.com/local--files/spring-again/Sidhe.png);
      --header-title: "Sidhe Lounge";
      --header-subtitle: "Preservation of Fae Heritage";
      --basalt-background-color: none;
      --bottom-area-text-color: var(--basalt-sub-text-color);
      --button-text-color: 248, 249, 250;
  }
  
  .center-title {
      clear: both;
  }
  
  /* Make the transition to darker grey less ugly at one specific point. Original colours were 200, 204, 208 */
  .darkgrey {
      --active-color: 150,153,156;
  }
  
  .faeword {
      color: green !important;
      font-family: 'Sevillana' !important;
      font-size:1.3em !important;
  }
  
  
  .hover {
      background-color: lightgreen;
      padding: 0 1px;
  }
  
  .hover span {    display: none;}
  .hover:hover span {
      position: absolute;
      display: inline;
      margin: 0px 0px;
      height: auto;
      width: auto;
      background: #fff;
      border: 2px solid rgb(var(--medium-accent));
      color: rgb(var(--medium-accent));
      padding: 1em;
      z-index: 2;
  }
  .hover:hover span span {
      position: relative;
      margin: auto;
      height: auto;
      width: auto;
      border: none;
      padding: 0;
  }
  
  body {
      background-image: linear-gradient(to bottom, white, black 120%);
  }
  
  /* FADE OUT CODE BY JEZIXO */
  .fade-out {
      -webkit-mask-image: linear-gradient(to bottom, black 0%, rgba(0,0,0,0.5) 60%, transparent 82%);
      mask-image: linear-gradient(to bottom, black 0%, rgba(0,0,0,0.5) 60%, transparent 82%);
      margin-bottom: -6em;
  }
  
  #page-options-container,
  #main-content > .page-tags {
      background: none;
      border: none;
  }
  
  #main-content > .page-tags::before {
      background: none;
      color: rgb(248, 249, 250);
  }
  
  #main-content>.page-tags>span a {
      background: none;
  }
  

  Pages using this styling

  • where-dragons-dwell [info]

  ¶ 1 occurrence
  

  
  .document {
  display: inline-block;
  border-radius: 10px;
  border:solid 1px #ccc;
  background:#f0f0f0;
  float:top; width:96.5%;
  padding: 10px;
  box-shadow: 0 2px 4px rgba(68, 68, 68, .5);
  }
  
  .click{
  cursor: pointer;
  }
  
  .ping,
  .fakedl{
  color: #39e;
  cursor: pointer;
  font-weight: bold;
  }
  
  .edit{
  color: #666;
  font-size: 75%;
  }
  
  .edit:hover{
  cursor: default;
  title: "test";
  }
  
  .ping:hover{
  text-decoration: underline;
  }
  
  .member{
  color: #39e;
  }
  
  .member0{
  color: #fff;
  }
  
  .member2{
  color: #9370DB;
  }
  
  .member3{
  color: #838;
  }
  
  .member4{
  color: #fc2;
  }
  
  .member5{
  color: #0c9;
  }
  
  .member6{
  color: #c04;
  }
  
  .member7{
  color: #d60;
  }
  
  .member:hover,
  .member0:hover,
  .member2:hover,
  .member3:hover,
  .member4:hover,
  .member5:hover,
  .member6:hover,
  .member7:hover,
  .fakedl:active{
  text-decoration: underline;
  cursor: pointer;
  }
  
  blockquote {
  color: #eee;
  background-color: #223 !important;
  border: solid 1px #444;
  }
  
  span.member:active,
  span.member0:active,
  span.member2:active,
  span.member3:active,
  span.member4:active,
  span.member5:active
  span.member6:active
  span.member7:active
  span.ping:active,
  span.click:active{
  background-color: #99f;
  border-radius: 4px;
  }
  
  span.link a{
  color: #39e;
  }
  
  .newmes{
  color: #d00;
  }
  
  .red-hr > hr{
  background-color: #d00;
  bottom: 0.2em;
  }
  

  Pages using this styling

  • when-will-my-life-make-sense [info]

  ¶ 1 occurrence
  

  .dividerContainer {
      background-image: url('http://timebox.wikidot.com/local--files/when-in-la-rue/ArchivistDividerDarkerRue.png');
      background-repeat: no-repeat;
      background-size: 65%;
      background-position: center;
      width: 500px;
      height: 20px;
      margin: auto;
      margin-left: 50%;
      transform: translateX(-50%);
  }
  .computerfix {
      border:solid 0px #444444;
      margin-top: -30px;
  }
  @media (max-width: 400px) {
  .computerfix {
      border:solid 0px #444444;
      margin-top: -10px;
  }
  }

  Pages using this styling

  • when-in-la-rue [info]

  ¶ 1 occurrence
  

  :root {
    --accentColor: #FF5115;
    --header-title: "DAYBREAK";
    --header-subtitle: "ESCAPING THE HATEFUL SUN";
    --lgurl: url("https://scp-wiki.wdfiles.com/local--files/daybreak/daybreaklogo.png");
  }
  
  #page-title { display: none; }
  
  .outer-chat {background: var(--accentColor); padding: 1px 15px; margin: 10px; border-radius: 30px 15px}
  
  .inner-chat {background: #21252E; padding: 1px 15px; border: solid 3px #800080; margin: 10px; border-radius: 30px 15px}
  
  .leonidas {width: 8.359em}
  
   @media only screen and (max-width: 425px){ .leonidas{ width: 6.27em} }
  
   .footing::before{ /* ---- Article Footing ---- */
       content: " ";
       position: absolute;
       bottom: 1px;
       left: 0;
       right: 0;
   
       border-bottom: 2px solid hsl(0, 0%, 67%);
  }
   .footing{
       position: relative;
       bottom: -2px;
       margin-bottom: 2px;
   
       border-bottom: 1px solid hsl(0, 0%, 67%);
  }

  Pages using this styling

  • when-day-breaks-for-a-god [info]

  ¶ 1 occurrence
  

  :root {
    --header-title: "Crimson Weavers";
    --header-subtitle: "Subversion - Corruption - Primacy";
    --lgurl: url(https://scp-wiki.wdfiles.com/local--files/sophotonics/daevastan_f.png);
  }
  
  /* Bottom Rating Module */
  .bottom-rating-module {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-block: 1rem;
  }
  .bottom-rating-module .page-rate-widget-box {
    margin: 0;
  }
  
  /* Theme Customization */
  #header::before {
    filter: brightness(0) invert(1);
    background-position: center center;
    background-size: auto 125%;
  }
  
  .page-rate-widget-box {
    margin-right: unset;
  }
  .authorlink-wrapper > a {
    margin-top: 0.325rem;
  }
  .authorbox .authorcontent {
    background-color: #1f1f1f;
    color: #f9f9f9;
  }
  
  .authorlink-wrapper .authorbox::before {
    border-color: transparent transparent #1f1f1f transparent !important;
  }
  
  #top-bar .open-menu a {
    border: 0.2em solid var(--bright-color);
    background-color: #1f1f1f;
    color: var(--bright-color);
  }
  
  @media only screen and (max-width: 640px) {
    #header::before {
      background-size: auto 110%;
    }
    #header h2::before {
      font-size: 110%;
    }
  }
  

  Pages using this styling

  • when-daevon-fell [info]

  ¶ 1 occurrence
  

  .twopanel {
      display: flex;
      flex-flow: row wrap;
      justify-content: space-between;
  }
  .bit {
      flex-basis: 48%;
  }
  
  @media only screen and (max-width: 500px) {
      .bit {
          flex-basis: 100%;
      }
  }
  

  Pages using this styling

  • what-we-know-so-far-answering-the-question-of-what-how-and-w [info]

  ¶ 1 occurrence
  

  :root {
      --header-title: "Micheals-Reynders";
      --header-subtitle: "Beyond Our Paradigms";
      --logo-img: url(https://scp-wiki.wdfiles.com/local--files/i-did-not-fade/tslbdWm.png);
  }
  
  #page-title {
      display: none;
  }
  
  @media (max-width: 767px){
      :root {
          --header-title: "The University";
      }
  }
  
  @media (min-width: 767px){
      #header h2::before {
          margin-top: 1rem;
      }
  }

  Pages using this styling

  • what-s-up-with-all-the-reality-benders [info]

  ¶ 1 occurrence
  

   /* HEADER */
   #page-title{
       display: none;
  }
   body{
     --dark-accent: hsl(264, 88%, 30%);
     --barColour: var(--dark-accent);
  }
  
  /* GENERAL */
   .industrial-sludge{
       color: var(--dark-accent);
       font-weight: bold;
  }
   .footing::before{ /* ---- Article 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%);
  }

  Pages using this styling

  • what-lurks [info]

  ¶ 1 occurrence
  

  #header{
      background: url(null);
  }
  #header:before{
  display:block;
  position: absolute;
  width: 100px;
  height: 100px;
  top: 15%;
  left:2%;
  z-index: -1;
  content: "";
  background:url(https://scp-wiki.wdfiles.com/local--files/component%3Atheme/logo.png);
  background-repeat: no-repeat;
  background-size: 100px 99px;
  background-position: 0px 0px 0px;
  z-index: -20;
  transform: rotateZ(180deg);
  }
  #header h2 span {
      color: transparent;
      text-shadow:none;
  }
  #header h2 span::before {
      content: "Protect, Secure. Contain";
      color: #F0F0C0;
      padding: 0px 0px 00px;
      text-shadow:initial;
  }
  @media (max-width: 800px) {
  #header{
      background: url(null);
  }
  #header:before{
  display:block;
  position: absolute;
  width: 100px;
  height: 100px;
  top: 15%;
  left:2%;
  z-index: -1;
  content: "";
  background:url(http://scp-wiki.wdfiles.com/local--files/component%3Atheme/logo.png);
  background-repeat: no-repeat;
  background-position: 3.75em .5em;
  background-size: 55px 55px;
  z-index: -20;
  transform: rotateZ(180deg);
  }
  }

  Pages using this styling

  • what-i-do-for-myself [info]

  ¶ 1 occurrence
  

  .hover {
  }
  .hover:hover {
   	text-decoration: none;
      border-bottom: none;
  }
  
  .hover span {	display: none;}
  .hover:hover span {
      position: absolute;
      display: inline;
      margin: 0px 0px;
      height: auto;
      width: auto;
      background: #FFF;
      border: 2px solid #000;
      color: #000;
      padding: 1em;
  }
  .hover:hover span span {
      position: relative;
      margin: auto;
      height: auto;
      width: auto;
      border: none;
      padding: 0;
  }

  Pages using this styling

  • what-dragons-we-shall-be [info]

  ¶ 1 occurrence
  

  .imagediv { float: right; margin: 15px}
  @media (max-width: 540px) {
    .imagediv {
      float: none; text-align:center; margin: auto;
    }
  }
  
  div#header h1 a span {
      font-size: 0px;
  }
  div#header h1 a:before {
      content: "Site-120 Network";
      color: #eee;
      
  }
  div#header h2 span {
      font-size:0px;
      padding: 4px;
  }
  div#header h2:after {
      content: "Fighting Fire With Fire";
      font-weight: bold;
      color: #f0f0c0;
      padding: 19px 0;
      text-shadow: 1px 1px 1px rgba(0, 0, 0, .8);
      white-space: pre;
  }
  
  #header {
    background-image: url(https://scp-wiki.wdfiles.com/local--files/whack-a-mole/120.png)
  }

  Pages using this styling

  • whack-a-mole [info]

  ¶ 1 occurrence
  

  .appeal{
      border:dotted 1px #000000;
      background:#F8F8FF;
      width:90%;
      padding:1px 15px;
      margin: 10px auto;
      max-width: 500px;
  }
  .transcript{
      border:dotted 1px #000000;
      background:#f2f3f4;
      width:60%;
      padding:1px 15px;
      margin: 10px auto;
  }

  Pages using this styling

  • welcome-to-the-last-frontier [info]

  ¶ 1 occurrence
  

  :root {
   --accentColor: 132, 112, 223; [!-- Penumbra theme recolor from blue to lavender --]
     --header-title: "WEISERTHANYOU";
    --header-subtitle: "SPORADIC. CREATIVE. PROFANE.";
      --fnColor: #8470DF; [!-- BetterFootnotes anchor/span color. Identical to theme accent color --]
  
  }
  #page-title {
    display: none;
  }
  
  .fncon {
  background: #2F333C; [!-- background color of hovering footnotes? --]
  }

  Pages using this styling

  • weiserthanyou [info]

  ¶ 1 occurrence
  

  
  #header {
      background: url(http://scp-sandbox-3.wikidot.com/local--files/frodmaer4/Holler.PNG) 40px 3px no-repeat;
  
  background-size: 35% auto;
  
  }
  
  #page-title {display: none;}
  

  Pages using this styling

  • we-were-supposed-to-watch-the-sky [info]

  ¶ 1 occurrence
  

  #page-title {
      display: none;
  }
  .popstar {
      border: solid 3px lightgrey;
      box-shadow: 3px 3px 3px grey;
      padding: 1em 2em;
      margin: 0.2em;
  }
  .popstar2 {
      border: solid 3px lightgrey;
      padding: 0.1em 0.2em;
      margin: 0.2em;
  }
  .popstar2 p {
      margin-block-start: 0;
      margin-block-end: 0;
  }

  Pages using this styling

  • we-built-you-wrong-on-purpose [info]

  ¶ 1 occurrence
  

  
  :root {
    --swatch-background: 255, 255, 255;
    --background-gradient-distance: 0rem;
  }
  
  .page {
      display: block;
      overflow: hidden;
      font-family: "Monotype Corsiva", "Bradley Hand ITC", sans-serif;
      font-style: normal;
      background-attachment: scroll;
      background-clip: border-box;
      background-color: transparent;
      background-image: linear-gradient(to top ,rgb(202, 219, 228) 0%, rgb(231, 233, 220) 8%);
      background-origin: padding-box;
      background-position: 0px 8px;
      background-repeat: repeat;
      background-size: 100% 20px;
      border: 1px solid #CCC;
      border-radius: 10px;
      padding: 10px 10px;
      margin-bottom: 10px;
      box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2)
  }
  .page p,
  .page ul {
      line-height: 20px;
      margin: 0;
  }
  

  Pages using this styling

  • we-both-know-how-this-ends [info]

  ¶ 1 occurrence
  

  :root {
      --logo-img: url(https://scp-wiki.wdfiles.com/local--files/wayward-forlorn-kin/logo.png);
      --header-title: "Hadfield Estate";
      --header-subtitle: "In tenebris perseveramus";
      --logo-opacity: 25%;
  }
  
  #header h2::before {
      text-transform: capitalize;
      font-style: italic;
  }
  
  div#extra-div-1 {
      background-size: 100px;
  }
  
  #toc {
      margin: 0;
      padding: 0.5em;
      border: none;
      background-color: none;
  }

  Pages using this styling

  • wayward-forlorn-kin [info]

  ¶ 1 occurrence
  

  html {
     -webkit-filter: grayscale(1); /* Older Webkit */
     -webkit-filter: grayscale(100%);
     -moz-filter: grayscale(100%);
     -ms-filter: grayscale(100%);
     -o-filter: grayscale(100%);
     filter: grayscale(100%);
     background-color: white;
  }

  Pages using this styling

  • water-diet [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Cute+Font&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Major+Mono+Display&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Meddon&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Love+Light&display=swap');
  
  
  .woaf-image {
      border: solid 2px #011C30; 
      width: 85%; 
      margin: auto; 
      margin-bottom: 1em;
      box-shadow: 3px 3px 6px rgba(0,0,0,.5); 
      border-radius: 500px;
      background: #011C30;
  }
  
  .woaf-holder {
      border-radius: 15px;
      border: outset 2px #888;
      margin: 10px 0 15px;
      padding: 0 20px;
      background: rgb(235,235,235);
  }
  
  .woaf-holder.list p:first-of-type,
  .woaf-holder > .second-list p:first-of-type {
      text-align: center;
      font-style: italic;
      margin-top: 0;
      font-size: 80%;
  }
  
  .woaf-holder h1,
  .blockquote h1 {
      text-align: center;
  }
  
  .academics h1 {
     font-family: 'Meddon', cursive;
     margin-bottom: 0;
  }
  
  .doom h1 {
      font-family: 'Cute Font', cursive;
      font-size: 3em;
      margin-top: .3em;
      margin-bottom: 0;
  }
  
  .anastasis h1 {
      font-family: 'Major Mono Display', monospace;
  }
  
  .amore h1 {
      font-family: 'Love Light', cursive;
      margin: 0;
      letter-spacing: .1em;
      font-size: 2.2rem;
      font-weight: unset;
  }

  Pages using this styling

  • war-on-all-fronts-hub [info]

  ¶ 1 occurrence
  

  #header {
      background-image: url('https://scp-wiki.wdfiles.com/local--files/war-machine/WTPD_Tiny.png');
  }
  #header h2 span::before {
      content: "The Rifle Behind Every Blade of Grass";
  }
  #header h1 a::before {
      content: "War-Time Production";
  }
  blockquote,
  div.blockquote {
      border-color: #444;
      background-color: #e7d8c2;
      color:#000;
  }
  
  @media (max-width: 400px) {
      #header h1, #header h2 {
          font-size: 60%
      }
  }

  Pages using this styling

  • war-machine [info]

  ¶ 1 occurrence
  

  
  .poster_base {
      width: 100%;
      min-height: 800px;
      border: 2px solid black;
      background: white;
      background-image: url(https://scp-wiki.wdfiles.com/local--files/unusual-incidents-unit-hub/UIU_Logo-NSMBW.png);
      background-position: 1.5em 1.5em;
      background-repeat: no-repeat;
      background-size: 5em;
      background-attachment: local;
  }
  
  .poster_Header {
      font-size: 2em;
      margin-left: 4em;
      font-weight: 700;
  }
  
  .poster_Header > p {
      margin-top: 0.8em;
  }
  .poster_WantedText {
      font-size: 6em;
      text-align: center;
      font-weight: 900;
      margin-bottom: 0.2em;
  }
  
  .poster_WantedText > p {
      margin-top: 0em;
      margin-bottom: 0px;
      line-height: 1;
  }
  
  .poster_Image {
      width: 50%;
      height: 400px;
      background-image: url(https://scp-wiki.wdfiles.com/local--files/unusual-incidents-unit-hub/UIU_Logo-NSMBW.png);
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center;
      border: 2px solid black;
      margin-left: auto;
      margin-right: auto;
  }
  
  .poster_Text {
      border: 1px solid black;
      width: 70%;
      margin-left: auto;
      margin-right: auto;
      margin-top: 1.5em;
      margin-bottom: 1.5em;
      font-family: sans-serif;
  }
  
  .poster_Text > p {
      margin: 1em;
  }
  

  Pages using this styling

  • wanted-the-thieves-domain [info]

  ¶ 1 occurrence
  

   div#header h1 {
      background-image: url(https://scp-wiki.wdfiles.com/local--files/theme%3Acreepypasta/parawatch.png);
  }

  Pages using this styling

  • wanderlust [info]

  ¶ 1 occurrence
  

  
  #page-title {
      display: none;
  }
  
  .head img {
     border: 7px outset rgb(var(--medium-accent));
     border-radius: 3rem;
  }
  
  .thung {
    display: flex;
    justify-content: space-around;
    align-items: stretch
  }
  
  
  .thing {
    padding: 1rem;
    box-shadow: 0 15px 30px 0 rgba(0,0,0,0.11),
      0 5px 15px 0 rgba(0,0,0,0.08);
    background: url(https://scp-wiki.wikidot.com/local--files/wanderers-library-hub/wlheader_bg.webp);
    border-radius: 0rem;
    color: rgb(255, 219, 90);
    max-width: 49%;
    min-width: 40%;
    
    border-left: 3px outset rgb(255, 219, 90);
    border-top: 3px outset rgb(255, 219, 90);
    border-right: 3px outset rgb(255, 219, 90);
    border-bottom: 3px outset rgb(255, 219, 90);
    margin: 1rem;
    
    flex-grow: 1;
    transition: border-left 300ms ease-in-out, border-right 300ms ease-in-out, padding-left 300ms ease-in-out, padding-right 300ms ease-in-out;;
  }
  
  
  .thing:hover {
    padding-left: 0.5rem;
    border-left: 0.5rem outset rgb(255, 219, 90);
    padding-right: 0.5rem;
    border-right: 0.5rem outset rgb(255, 219, 90);
  }
  
  .thing h1, .thing a {
    color: rgb(255, 219, 90);
  }
  
  @media only screen and (max-width: 420px) {
  .thung {
    flex-wrap: wrap;
  }
  }
  
  
  /* Listpages Block */
  
  div.list-pages-box * {
      -webkit-box-sizing: border-box;
         -moz-box-sizing: border-box;
              box-sizing: border-box;
  }
  
  div.list-pages-box br {
      display: none;
  }
  
  div.list-pages-box ol {
      list-style: none;
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: -moz-box;
      display: flex;
      position: relative;
      -ms-flex-wrap: wrap;
          -webkit-flex-wrap: wrap;
              flex-wrap: wrap;
      padding: inherit;
      background: rgb(var(--swatch-menubg-light-color));
      border: 0.0625rem solid rgb(var(--swatch-menutxt-light-color));
      -webkit-border-radius: 0.25em;
         -moz-border-radius: 0.25em;
              border-radius: 0.25em;
      overflow: hidden;
  }
  
  div.list-pages-box ol li {
      -ms-flex-preferred-size: calc(100% / 5);
          -webkit-flex-basis: -webkit-calc(100% / 5);
              flex-basis: -moz-calc(100% / 5);
              flex-basis: calc(100% / 5);
      color: rgb(var(--swatch-menutxt-light-color));
      padding: 1em;
      margin: 0.5em;
      -webkit-border-radius: 0.25em;
         -moz-border-radius: 0.25em;
              border-radius: 0.25em;
      -webkit-box-flex: 2;
          -ms-flex-positive: 2;
              -webkit-flex-grow: 2;
                 -moz-box-flex: 2;
              flex-grow: 2;
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: -moz-box;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
         -moz-box-orient: vertical;
         -moz-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      position: relative;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              -webkit-justify-content: center;
                 -moz-box-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              -webkit-align-items: center;
                 -moz-box-align: center;
              align-items: center;
      text-align: center;
      border: 0.125rem solid rgb(var(--swatch-menutxt-light-color));
      background: rgb(var(--swatch-menubg-dark-color));
      font-size: -webkit-calc(var(--base-font-size) * 1.25);
      font-size: -moz-calc(var(--base-font-size) * 1.25);
      font-size: calc(var(--base-font-size) * 1.25);
      overflow: hidden;
  }
  
  div.list-pages-box ol li span.page_rating {
      position: absolute;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      bottom: -0.0625rem;
      right: -0.0625rem;
      min-width: 2em;
      min-height: 2em;
      text-align: center;
      width: auto !important;
      height: auto !important;
      border-left: 0.0625rem solid;
      border-top: 0.0625rem solid;
      -webkit-border-radius: 0.25em 0.5em 0.25em 0.25em;
         -moz-border-radius: 0.25em 0.5em 0.25em 0.25em;
              border-radius: 0.25em 0.5em 0.25em 0.25em;
      padding: 0.25em;
      font-size: 60%;
  }
  
  div.list-pages-box ol li > span:first-of-type {
      padding-top: 0.5em;
  }
  
  div.list-pages-box ol li > span:nth-of-type(5) {
      padding-bottom: 0.5em;
  }
  
  span.page_tags {
      font-size: 80%;
  }
  
  div.list-pages-box ol li::before {
  content: " ";
      width: 125%;
      height: 100%;
      position: absolute;
      top: 0;
      pointer-events: none;
      opacity: 1;
      background-color: rgb(255, 219, 90);
      background-color: rgb(var(--bright-accent));
      -webkit-transform: translateX(-webkit-calc(-100% - 4rem));
      -moz-transform: translateX(-moz-calc(-100% - 4rem));
      -ms-transform: translateX(calc(-100% - 4rem));
      -o-transform: translateX(calc(-100% - 4rem));
      transform: translateX(calc(-100% - 4rem));
      -webkit-transition: -webkit-transform 500ms cubic-bezier(0.4, 0, 0.2, 1);
      transition: -webkit-transform 500ms cubic-bezier(0.4, 0, 0.2, 1);
      -o-transition: -o-transform 500ms cubic-bezier(0.4, 0, 0.2, 1);
      -moz-transition: transform 500ms cubic-bezier(0.4, 0, 0.2, 1), -moz-transform 500ms cubic-bezier(0.4, 0, 0.2, 1);
      transition: transform 500ms cubic-bezier(0.4, 0, 0.2, 1);
      transition: transform 500ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 500ms cubic-bezier(0.4, 0, 0.2, 1), -moz-transform 500ms cubic-bezier(0.4, 0, 0.2, 1), -o-transform 500ms cubic-bezier(0.4, 0, 0.2, 1);
      -webkit-clip-path: polygon(0.00% 0.00%, 100% 0px, 90% 100%, 0px 100%);
      clip-path: polygon(0.00% 0.00%, 100% 0px, 90% 100%, 0px 100%);
  }
  
  div.list-pages-box ol li:hover::before {
      -webkit-transform: translateX(0);
      -moz-transform: translateX(0);
      -ms-transform: translateX(0);
      -o-transform: translateX(0);
      transform: translateX(0);
  }
  
  div.list-pages-box ol li a,
  div.list-pages-box ol li > span {
      will-change: color, border, filter;
      -webkit-transition: color 500ms cubic-bezier(0.4, 0, 0.2, 1), border 500ms cubic-bezier(0.4, 0, 0.2, 1), border-top 500ms cubic-bezier(0.4, 0, 0.2, 1), filter 500ms cubic-bezier(0.4, 0, 0.2, 1);
      -o-transition: color 500ms cubic-bezier(0.4, 0, 0.2, 1), border 500ms cubic-bezier(0.4, 0, 0.2, 1), border-top 500ms cubic-bezier(0.4, 0, 0.2, 1), filter 500ms cubic-bezier(0.4, 0, 0.2, 1);
      -webkit-transition: color 500ms cubic-bezier(0.4, 0, 0.2, 1), border 500ms cubic-bezier(0.4, 0, 0.2, 1), border-top 500ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-filter 500ms cubic-bezier(0.4, 0, 0.2, 1);
      transition: color 500ms cubic-bezier(0.4, 0, 0.2, 1), border 500ms cubic-bezier(0.4, 0, 0.2, 1), border-top 500ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-filter 500ms cubic-bezier(0.4, 0, 0.2, 1);
      -moz-transition: color 500ms cubic-bezier(0.4, 0, 0.2, 1), border 500ms cubic-bezier(0.4, 0, 0.2, 1), border-top 500ms cubic-bezier(0.4, 0, 0.2, 1), filter 500ms cubic-bezier(0.4, 0, 0.2, 1);
      transition: color 500ms cubic-bezier(0.4, 0, 0.2, 1), border 500ms cubic-bezier(0.4, 0, 0.2, 1), border-top 500ms cubic-bezier(0.4, 0, 0.2, 1), filter 500ms cubic-bezier(0.4, 0, 0.2, 1);
      transition: color 500ms cubic-bezier(0.4, 0, 0.2, 1), border 500ms cubic-bezier(0.4, 0, 0.2, 1), border-top 500ms cubic-bezier(0.4, 0, 0.2, 1), filter 500ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-filter 500ms cubic-bezier(0.4, 0, 0.2, 1);
      z-index: 0;
      width: 100%;
      height: 100%;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      display: -webkit-box;
      -webkit-box-align: center;
      -webkit-align-items: center;
         -moz-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
         -moz-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-filter: invert(0) hue-rotate(0deg);
              filter: invert(0) hue-rotate(0deg);
  }
  
  div.list-pages-box ol li a,
  div.list-pages-box ol li > span:first-of-type  {
      border-top: 0.0625rem solid rgb(var(--swatch-menutxt-light-color))  !important;
      color: rgb(var(--swatch-menutxt-light-color));
  }
  
  div.list-pages-box ol li:hover a,
  div.list-pages-box ol li:hover > span {
      color: rgb(var(--swatch-menutxt-dark-color)) !important;
  }
  
  div.list-pages-box ol li:hover a {
      -webkit-filter: invert(1) hue-rotate(195deg);
              filter: invert(1) hue-rotate(195deg);
  }
  
  div.list-pages-box ol li:hover > span:first-of-type  {
      border-top: 0.0625rem solid rgb(var(--swatch-menutxt-dark-color))  !important;
  }
  
  div.pages_container {
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: -moz-box;
      display: flex;
      position: relative;
      width: 100%;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
         -moz-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
  }

  Pages using this styling

  • wanderers-library-hub [info]

  ¶ 1 occurrence
  

  /*
  body {
    cursor: wait !important;
  }
  */

  Pages using this styling

  • wackdog [info]

  ¶ 1 occurrence
  

  
  @import url('https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,600;9..144,700&family=Nunito:wght@700;800&display=swap');
  
  .spring-logo.blossom{
    max-width: calc(var(--main-content-width) * .825) !important;
    margin: 0.2rem auto 1rem;
    padding: 2.4rem 1.8rem;
    border-radius: 22px;
    text-align: center;
    position: relative;
    overflow: hidden;
  
    /* background: rgb(var(--spring-mist));
  
    box-shadow:
      0 24px 64px rgba(0,0,0,0.18),
      0 2px 0 rgba(255,255,255,0.55) inset;  */
  }
  
  .spring-logo.blossom .spring-logo__top,
  .spring-logo.blossom .spring-logo__bottom{
    position: relative;
    z-index: 1;
    text-transform: uppercase;
    letter-spacing: 0.16em;
    line-height: 1.05;
    margin: 0;
  
    color: rgb(var(--spring-sun));
    text-shadow:
      0 2px 0 rgba(255,255,255,0.75),
      0 12px 20px rgba(0,0,0,0.12);
    -webkit-text-stroke: 0;
  }
  
  .spring-logo.blossom .spring-logo__top{
    font-family: "Fraunces", "EB Garamond", serif;
    font-weight: 850;
    font-size: clamp(1.8rem, 4.8vw, 4.6rem);
  }
  
  .spring-logo.blossom .spring-logo__bottom{
    font-family: "Fraunces", "EB Garamond", serif;
    font-weight: 750;
    font-size: clamp(1.75rem, 4.0vw, 3.05rem);
    margin-top: 0.9rem;
  }
  
  .spring-logo.blossom .spring-logo__divider{
    position: relative;
    z-index: 1;
    margin: 0.75rem 0;
    font-size: 4rem;
    color: rgba(var(--spring-bloom), 0.70);
    text-shadow: 0 1px 0 rgba(255,255,255,0.7);
  }
  .spring-logo p{
    margin: 0;
  }
  .yui-navset.yui-navset-top>ul.yui-nav {
    font-family: 'EB Garamond', serif;
    font-size: 1.2em;
    font-weight: bold;
  }

  Pages using this styling

  • wackdog [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=EB+Garamond:wght@400;600&display=swap');
  
  :root{
    --spring-leaf: 46, 140, 91;
    --spring-leaf-dk: 34, 110, 70;
    --spring-bloom: 201, 96, 150;
    --spring-sun: 232, 156, 86;
    --spring-paper: 250, 252, 247;
    --spring-mist: 241, 247, 241;
    --spring-border: 214, 226, 214;
    --spring-ink: 24, 28, 24;
  
    --basalt-primary-color: var(--spring-paper);
    --basalt-secondary-color: var(--spring-mist);
    --basalt-tertiary-color: var(--spring-border);
    --basalt-main-text-color: var(--spring-ink);
  
    --basalt-undertone: var(--spring-leaf);
    --basalt-bright-element-color: var(--spring-leaf);
    --basalt-dark-element-color: var(--spring-leaf-dk);
    --basalt-alternate-color: var(--spring-sun);
  
    --basalt-positive-color: var(--spring-leaf);
    --basalt-negative-color: 255, 48, 48;
  }
  
  body{
    background:
      radial-gradient(circle at 12% 18%, rgba(var(--spring-leaf), 0.12), transparent 38%),
      radial-gradient(circle at 88% 22%, rgba(var(--spring-bloom), 0.10), transparent 42%),
      radial-gradient(circle at 70% 92%, rgba(var(--spring-sun), 0.10), transparent 44%),
      rgb(var(--spring-paper));
  }
  
  #container-wrap{ background: transparent !important; }
  #content-wrap{ background: transparent !important; }
  
  
  
  .definition{
    font-family: 'EB Garamond', serif;
    text-align: center;
    font-size: 140%;
    margin: 1rem auto 1.25rem;
    padding: 0.9rem 1rem;
    max-width: 52rem;
    border-radius: 8px;
    background: rgba(var(--spring-mist), 0.75);
    border: 1px solid rgba(var(--spring-border), 0.95);
    box-shadow: 0 10px 24px rgba(0,0,0,0.06);
  }
  .definition h1, .definition h2, .definition h3{
    color: rgb(var(--spring-ink));
    font-family: 'EB Garamond', serif;
  }
  
  blockquote,
  .yui-navset.yui-navset-top .yui-content {
    border-radius: 8px;
  }
  
  div.blockquote{
    border-radius: 8px;
    background: rgba(var(--spring-paper), 0.75);
    border: 1px solid rgba(var(--spring-border), 0.95);
    box-shadow: 0 10px 24px rgba(0,0,0,0.06);
    padding: 1rem 1.1rem;
    position: relative;
  }
  div.blockquote::before{
    content:"";
    position:absolute;
    left:0; top:0; bottom:0;
    width: 6px;
    border-radius: 0px 0 0 0px;
    background: linear-gradient(
      180deg,
      rgba(var(--spring-leaf), 0.85),
      rgba(var(--spring-bloom), 0.55),
      rgba(var(--spring-sun), 0.70)
    );
  }
  
  hr{
    border: none;
    height: 1px;
    background: linear-gradient(
      90deg,
      transparent,
      rgba(var(--spring-leaf), 0.35),
      rgba(var(--spring-bloom), 0.25),
      rgba(var(--spring-leaf), 0.35),
      transparent
    );
    margin: 1.25rem 0;
  }
  
  #page-content .spring-hub{
    position: relative;
  }
  
  body{ position: relative; }
  
  body::before, body::after{
    content:"";
    position: fixed;
    top: 15%;
    width: 25%;
    height: 100vh;
    pointer-events: none;
    opacity: 0.22;          
    z-index: 0;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top;
  }
  
  body::before{
    background-size: 100%;
    left: 0;
    background-image: url("http://scp-sandbox-3.wikidot.com/local--files/wackdog9/cherry_blossom_branch.png");
    transform: scaleX(-1);
  }
  
  body::after{
    background-size: 100%;
    right: 0;
    background-image: url("http://scp-sandbox-3.wikidot.com/local--files/wackdog9/cherry_blossom_branch.png");
  }
  
  @media (max-width: 1600px){
    body::before, body::after{ background-size: 100%; }
  }
  @media (max-width: 768px){
    body::before, body::after{ display: none; }
  }
  

  Pages using this styling

  • wackdog [info]

  ¶ 1 occurrence
  

   :root{
  
       --header-title: "IN THE GHOST REALM";
       --header-subtitle: "AT DRZONY'S THIRTEEN";
  
       --lgurl: url(https://scp-wiki.wikidot.com/local--files/w-swiecie-duchow-u-drzonego-13/o2GETvf.webp);
  
       --accentColor: hsl(140, 84%, 49%);
       --accentColorLite: hsla(134, 89%, 59%, 0.5);
       --hue: 134deg;
       --bgColor: #19141f;
       --fgColor: #0c0713;
       --textColor: hsl(238, 27%, 91%);
  }
  

  Pages using this styling

  • w-swiecie-duchow-u-drzonego-13 [info]

  ¶ 1 occurrence
  

  :root {
    --link-txt-color: rgb(var(--accent));
  }

  Pages using this styling

  • vox-populi-vox-dei [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Crimson+Text:ital,wght@0,400;0,600;0,700;1,400;1,600;1,700&display=swap');
  
  #page-content > p {
      text-justify: inter-word;
      text-align: justify;
      text-indent: 1rem;
      font-family: "Crimson Text", serif;
      font-size: 1.2rem;
  }
  
  .sign {
  background-blend-mode: difference;
  }
  
  .ature, .ature a, .ature a:visited, .sign p {
    color: #000a9b !important;
  }
  
  :is(blockquote, .blockquote, div.blockquote, [class*="blockquote"]) {
    border-left: 5px rgb(var(--bright-accent)) solid;
    background: rgb(var(--white-monochrome));
    box-shadow: 1px 1px 4px rgba(var(--medium-accent), 0.5);
    font-size: 110%;
  }
  .armada {
     background: radial-gradient(circle, rgba(61,61,61,1) 0%, rgba(0,0,0,1) 96%);;
     border:4px solid grey;
     margin: auto 2rem;
     padding: 0.5rem;
     color: #919191;
     text-align: center;
     font-weight: bold;
  }
  .armada a {
     color: #4da3ff;
    font-family: var(--title-font);
  }
  
  .arm-box{
     display: flex;
     flex-wrap: wrap;
  }
  .arm-column {
      width:calc(100% / 3);
  }
  .arm-column a {
    font-family: var(--body-font);
     font-weight: bold;
  }

  Pages using this styling

  • voodoo-ranger [info]

  ¶ 1 occurrence
  

  .infobox {
   background-color:#000;
   height:10%;
  }
  
  .infobox:hover {
    color: #ffffff;
    background-color:rgba(33, 18, 18, 0.87);
  }
  

  Pages using this styling

  • voiiiiis-author-page [info]

  ¶ 1 occurrence
  

  /* HEADER */
   :root {
      --header-title: "‘PATAPHYSICS DEPT.";
      --header-subtitle: "WRITING OUR OWN DESTINY";
      --titleColor: hsl(0, 0%, 91%);
      --subtitleColor: hsl(0, 0%, 91%);
      --lgurl: url(https://scp-wiki.wikidot.com/local--files/theme:pataphysics/pataphysicslogo-ani.svg);
  }
  
   #page-title {
      display: none;
  }
  
   #header::before {
      opacity: .7;
  }
  
   #header h1 a::before {
      text-shadow:
      	-1.75px -1.75px hsl(0, 0%, 5%),
      	0       -1.75px hsl(0, 0%, 5%),
      	1.75px  -1.75px hsl(0, 0%, 5%),
      	1.75px   0   hsl(0, 0%, 5%),
      	1.75px   1.75px hsl(0, 0%, 5%),
      	0        1.75px hsl(0, 0%, 5%),
      	-1.75px  1.75px hsl(0, 0%, 5%),
      	-1.75px  0   hsl(0, 0%, 5%);
  }
  
   #header h2::before {
      text-shadow:
      	-1px -1px hsl(0, 0%, 5%),
      	0    -1px hsl(0, 0%, 5%),
      	1px  -1px hsl(0, 0%, 5%),
      	1px   0   hsl(0, 0%, 5%),
      	1px   1px hsl(0, 0%, 5%),
      	0     1px hsl(0, 0%, 5%),
      	-1px  1px hsl(0, 0%, 5%),
      	-1px  0   hsl(0, 0%, 5%);
  }
  
   #header-extra-div-1::before {
      display: none;
  }
  
  /* GENERAL */
   .THEY {
      font-family: "Georgia", serif;
      font-weight: bold;
  }
  
   .fade-fade-away {
      height: 180px;
      margin: 0 -1.6em;
      padding: 180px 1.6em 0 1.6em;
  
      background-image:
         linear-gradient(to bottom,
      	hsla(0, 0%, 95%, 1) 0,
      	hsla(0, 0%, 95%, .25) 50px,
      	hsla(0, 0%, 5%, 1)), 
      	url(https://scp-wiki.wdfiles.com/local--files/void-dancer-hub/the-void.jpg);
      background-size: cover;
  }
  
   .coda {
      margin: -3rem auto;
  
      font-size: 90%;
      opacity: .7;
  }
  
  @media (min-width: 768px) {
       .coda {
      	width: 50%;
      }
  }
  
  @media (max-width: 767px) {
       .coda {
      	width: 80%;
      }
  }
  
   .footing {
      padding-top: 1rem;
  }

  Pages using this styling

  • void-dancer-hub [info]

  ¶ 1 occurrence
  

   .darkbox.tenet{
       padding: 0;
  }
  
   .report-box.meta-title p,
   .lite-heading.meta-title p{
       border-bottom: 0;
  }
  
   .meta-title p{
       color: var(--textColorAlt);
  }
  
   .darkbox .collapsible-block-folded{
       margin: 0 auto;
  }
  
   .darkbox .collapsible-block-unfolded-link{
       border-top: 0;
       border-bottom: thick solid var(--accentColor);
  }
  
   .darkbox .collapsible-block-content{
       padding: .4rem .6rem 0;
  }
  .aeonian_memo {
      background: url(https://scp-wiki.wdfiles.com/local--files/scp-8002/aeonianwingfade.png) #ffefed;
      background-size: 250px;
      background-position: center;
      background-repeat: no-repeat;
      box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
      color: #20242c;
      width: 90%;
      min-height: 4rem;
      margin-left: auto;
      margin-right: auto;
      padding: 10px 20px 20px 20px;
      word-break: break-word;
      font-size: 15px;
  }
   
  .aeonian_memo>p:nth-child(1)::before {
      content: "AEONIAN HEALTH SYSTEMS, INC.\00000a";
      font-family: 'Work Sans', sans-serif;
      font-weight: 900;
      font-size: 130%;
      text-align: center;
      margin-bottom: 1rem;
      padding-bottom: 0.3rem;
      border-bottom: dotted 0.13rem darkslategrey;
      max-width: 49rem;
      margin-left: auto;
      margin-right: auto;
      display: flex;
      flex-direction: column;
      align-content: stretch;
      align-items: center;
  }
  
  .health {
       --accentColor: #a7afdb;
       --fnColor: #a7afdb;
       --accentColorLite: #b9bfe2;
  }
  
  .blockquote.lightweight.custom {
       width: fit-content;
       margin: 3.5rem auto;
  
       box-shadow: 5px 5px var(--keyColor);
  
       font-weight: bold;
  }

  Pages using this styling

  • vnp-8002 [info]

  ¶ 1 occurrence
  

  blockquote {
    border-style: solid;
    border-color: #000000;
    border-width: 1pt;
    background-color: #FFFFFF;
    box-shadow: 0px 1px 2px rgba(0,0,0,0.1); }

  Pages using this styling

  • vivid-visions [info]

  ¶ 1 occurrence
  

  
  /* Chiaroscuro Theme */
  /* by syuzhet */
  
  /*
  
  Hello, translator...
  
  Here's a list of difficult to translate phrases. Translate them all and you can call yourself the Translation Master! Enjoy!
  
  1. Supercalifragilisticexpialidocious
  2. The complex houses married and single soldiers and their families.
  3. Buffalo buffalo Buffalo buffalo buffalo buffalo Buffalo buffalo
  4. Why do they call it oven when you of in the cold food of out hot eat the food?
  5. What a cheesy and serendipitous coinkydink!
  
  If you can't translate these, please replace this list with your favorite desserts instead.
  
  */
  
  @import url('https://fonts.cdnfonts.com/css/ironick-nf');
  
  :root {
      --basalt-secondary-color: 0, 0, 0;
  
      --basalt-overtone: 181, 154, 100;
      --basalt-undertone: 181, 154, 100;
      --basalt-bright-element-color: 181, 154, 100;
      --basalt-dark-element-color: 181, 154, 100;
  
      --link-color: 181, 154, 100;
      --link-visited-color: 181, 154, 100;
      --link-newpage-color: 181, 154, 100;
  
      --top-bar-link-color-hover: 255, 255, 255;
      --login-status-text-color-hover: 0, 0, 0;
      --side-bar-link-color-hover: 0, 0, 0;
      --side-bar-link-background-hover: 255, 255, 255;
      --selection-text-color: 0, 0, 0;
  
      --header-border-width: 0rem;
      --title-size: 1.25rem;
      --subtitle-size: 0rem;
      --side-bar-button-height: 50vh;
      --user-button-width: 2rem;
      --header-logo-size: 67.5%;
  
      --basalt-UI-dark-palette: 0, 0, 0;
      --top-bar-link-background-hover: 181, 154, 100;
  
  }
  
  #header h1 a::before {
      display: none;
  }
  
  #header h1 a span::after {
      margin-bottom: 0;
  }
  
  #container #header {
      background: none;
      position: absolute;
      box-shadow: unset;
      backdrop-filter: none;
  }
  
  div #container-wrap {
      background-color: #060C0C;
      background: url(https://scp-wiki.wdfiles.com/local--files/visual-archives-art-contest/paint_bg.png);
      background-size: contain;
  }
  
  #main-content {
      margin-top: 0;
  }
  #page-content {
      padding-top: 0;
  }
  
  #page-content > p:nth-child(-n+4) {
      display: none;
  }
  
  .widebox div {
      position: relative;
      top: 70%;
  }
  
  .widebox {
      position: relative;
      left: calc(-50dvw + 50%);
      width: 100dvw !important;
      height: calc(120dvh);
      max-width: 100dvw !important;
      background-image: url(https://scp-wiki.wdfiles.com/local--files/visual-archives-art-contest/banner.jpg);
      background-repeat: no-repeat;
      background-size: cover;
      background-position: top;
  }
  
  .widebox:before {
      /*content: "";*/
      position: absolute;
      left: calc(-50dvw + 50%);
      width: 100dvw !important;
      height: calc(100dvh);
      max-width: 100dvw !important;
      background-image: linear-gradient(180deg, transparent 0%, transparent 80vh, rgb(13,13,15) 100vh, transparent 100%);
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center;
      pointer-events: none;
  }
  
  .widebox .bannertext {
      color: white;
      position: absolute;
      font-family: 'Ironick NF', sans-serif;
      font-size: 3rem;
      transform: scale(1, 1.2);
      text-align: center;
      left: 10dvw;
      top: 40dvh;
      text-shadow: 0px 5px 5px black;
      z-index: 1;
  }
  
  .widebox br {
    content: "";
    display: block;
    font-size: 24%;
  }
  
  .widebox span {
      font-size: 5rem;
      transform: translateY(-0.5em);
      display: block;
  }
  
  .widebox2 {
      position: relative;
      left: calc(-50dvw + 50%);
      width: 100dvw !important;
      max-width: 100dvw !important;
      color: black;
      top: 5dvh;
      margin-bottom: 10rem;
  }
  
  .widebox2 .bannerseparator img {
      position: absolute;
      z-index: 1;
      left: calc(-50dvw + 50%);
      width: 100%;
      max-width: 100dvw !important;
      top: -12dvw;
      pointer-events: none;
      box-shadow: 0px 5rem 10rem black;
  }
  
  .widebox2 .bannerseparator2 img {
      position: absolute;
      z-index: 1;
      left: calc(-50dvw + 50%);
      width: 100%;
      max-width: 100dvw !important;
      bottom: 0dvw;
      pointer-events: none;
      box-shadow: 0px -5rem 4rem black;
  }
  
  .widebox2 .wideboxinner {
      position: relative;
      background: url(https://scp-wiki.wdfiles.com/local--files/visual-archives-art-contest/greypaint_bg.png);
      color: #F7EEEE;
      font-family: 'Palatino Linotype';
      padding: 12rem 1rem;
      width: 70rem;
      font-size: 1.3rem;
      margin: auto;
      box-shadow: 0rem 0rem 10rem #000, 0rem 0rem 10rem #000, 0rem 0rem 10rem #000, 0rem 0rem 10rem #000;
  }
  
  .widebox2 .wideboxinner:before {
    content: "";
    position: absolute;
    background: url(https://scp-wiki.wdfiles.com/local--files/visual-archives-art-contest/widebox_line.png);
    background-repeat: repeat-y;
    height: 100%;
    width: 5%;
    pointer-events: none;
    left: 0px;
    top: 0;
    padding: 0;
  }
  
  .widebox2 .wideboxinner:after {
    content: "";
    position: absolute;
    background: url(https://scp-wiki.wdfiles.com/local--files/visual-archives-art-contest/widebox_line.png);
    background-repeat: repeat-y;
    height: 100%;
    width: 5%;
    transform: scaleX(-1);
    pointer-events: none;
    right: 0px;
    top: 0;
    padding: 0;
  }
  
  .widebox2 .wideboxinner h3 {
      color: #0F0E0E;
      text-align: center;
      font-size: 2.5rem;
      font-family: 'Palatino Linotype';
      width: 62rem;
      padding: 20px 0;
      margin: 4rem auto;
      background: url(https://scp-wiki.wdfiles.com/local--files/visual-archives-art-contest/maskingtape_bg.png);
  }
  
  .widebox2 .wideboxinner p, .widebox2 .wideboxinner ul {
      width: 50rem;
      margin-left: auto;
      margin-right: auto;
  }
  
  .artcategory p {
      display: block;
      position: relative;
      background-color: #060C0C;
      background: url(https://scp-wiki.wdfiles.com/local--files/visual-archives-art-contest/paint_bg.png);
      width: 90%;
      margin: auto;
      text-align: center;
      outline: 2px solid #938C67;
      outline-offset: -10px;
      padding: 2rem 0;
      line-height: 2rem;
  }
  
  @media not prefers-reduced-motion {
  
  .artcategory:is(:hover,:focus-within) p {
      transform: scale(1.25);
      box-shadow: 0px 1em 2em black;
      animation-name: desc-bounce;
      animation-duration: 0.5s;
      z-index: 1;
  }
  
  .artcategory:is(:hover,:focus-within) p a:before {
      content: " ";
      mix-blend-mode: overlay;
      width: 0;
      height: 100%;
      left: 100%;
      top: 0;
      position: absolute;
      background: white;
      animation-name: shine;
      animation-duration: 0.5s;
      transform: skew(5deg);
      animation-timing-function: linear;
      opacity: 0;
  }
  
  .artcategory:active p {
      animation-name: linkshaker;
      animation-duration: 0.2s;
  }
  
  }
  
  @keyframes shine {
      0% {
          left: 0%;
          width: 0%;
      }
      50% {
          left: 50%;
          width: 20%;
          opacity: 1;
      }
      100% {
          left: 100%;
          width: 0%;
          transform: skew(0);
          opacity: 0;
      }
  }
  
  @keyframes desc-bounce {
      0% {
          transform: scale(1.2);
      }
      10% {
          transform: scale(1.3);
      }
      100% {
          transform: scale(1.25);
      }
  }
  
  @keyframes linkshaker {
      0% {
          transform: translateX(10px) translateY(10px);
      }
      50% {
          transform: translateX(-10px) translateY(-10px);
          box-shadow: 0rem 0rem 5rem #B59A64;
      }
      100% {
          transform: translateX(0px) translateY(0px);
      }
  }
  
  hr {
    border: none;
    height: 1px;
    width: 90%;
    background-color: white;
    margin: 25px auto;
  }
  
  blockquote div {
      overflow: hidden;
  }
  
  blockquote {
      box-sizing: content-box;
  }
  
  h1, #page-options-container, .licensebox .collapsible-block-folded a, .page-watch-options a {
      color: white;
  }
  
  #action-area, .licensebox .collapsible-block-content {
      background: #0D0D0F;
      padding: 10px;
  }
  
  .licensebox .collapsible-block-link {
      background: #0D0D0F;
      padding: 10px;
  }
  
  /* Piece of shit sidebar */
  
  #top-bar div.mobile-top-bar>.open-menu {
       visibility:visible;
       opacity: 0.6;
       transition: opacity 0.2s;
  }
  
  #top-bar div.mobile-top-bar>.open-menu:hover {
      opacity: 1;
  }
  
  #side-bar {
       margin-top:0;
       height:100%
  }
  
  #side-bar, #side-bar:is(:hover, :focus-within):not(:target) {
       left:calc(var(--side-bar-width) * -1)
  }
  
  #side-bar::after, #side-bar::before {
       display:none
  }
  
  #side-bar:target {
       left:0;
       width:var(--side-bar-width);
       z-index:10
  }
  
  #side-bar a.close-menu, #side-bar:target a.close-menu {
       display:block;
       pointer-events:none;
       position:fixed;
       top:0;
       right:0;
       left:auto;
       width:100%;
       min-width:3.75rem;
       height:100%;
       margin-left:0;
       opacity:0;
       z-index:-1;
       transition:width var(--side-bar-transition),opacity var(--side-bar-transition)   
  }
  
  #side-bar:target a.close-menu {
       width:calc(100% - var(--side-bar-width));
       pointer-events:auto;
       opacity:1;
  }
  
  /* Mobile */
  
  @media only screen and (max-width: 1020px) {
      #container #header {
          background: black;
          position: sticky;
      }
      .widebox div {
          position: relative;
          top: 60%
      }
      .widebox {
          height: calc(70dvh);
          background-image: url(https://scp-wiki.wdfiles.com/local--files/visual-archives-art-contest/banner_small.jpg);
      }
      .widebox .bannertext {
      font-size: 10dvw;
      margin: 0 auto;
      left: 0;
      right: 0;
      top: 38dvh;
      }
      .widebox span {
      font-size: 14dvw;
      }
      .widebox2 .bannerseparator img {
      position: absolute;
      z-index: 1;
      left: calc(-50dvw + 50%);
      width: 100%;
      max-width: 100dvw !important;
      top: -12dvw;
      box-shadow: 0px 5m 5em black;
      }
      .widebox2 .wideboxinner {
      padding: 2rem 0;
      width: 100%;
      font-size: 1.1rem;
      margin: auto;
      }
      .widebox2 .wideboxinner h3 {
      font-size: 2rem;
      width: 80dvw;
      }
      .widebox2 .wideboxinner p, .widebox2 .wideboxinner ul {
      width: 80dvw;
      }
  }
  

  Pages using this styling

  • visual-archives-art-contest [info]

  ¶ 1 occurrence
  

  .darkdocument {
      outline-offset: -10px;
      padding: 50px !important;
      color: #eef7f2;
  }
  
  .document {
      outline: 3px solid #1a6840;
      outline-offset: -10px;
      padding: 50px !important;
      background-color: #f9e9cd;
      color: #131124;
  }
  
  .red {
      outline: 3px solid #de2a18;
      background-color: #2b130d;
  }
  
  .orange{
      outline: 3px solid #fa7e23;
      background-color: #2b130d;
  }
  
  .yellow {
      outline: 3px solid #f6c430;
      background-color: #2b130d;
  }
  
  .blue {
      outline: 3px solid #10aec2;
      background-color: #131124;
  }
  
  .indigo {
      outline: 3px solid #1661ab;
      background-color: #131124;
  }
  
  .violet {
      outline: 3px solid #813c85;
      background-color: #131124;
  }
  
  @media only screen and (max-width: 1020px) {
      .darkdocument {
          padding: 20px !important;
      }
      .document {
          padding: 20px !important;
      }
  }

  Pages using this styling

  • violet-black-red [info]

  ¶ 1 occurrence
  

  
  :root {
  
  --admo-backdrop: url(https://scp-wiki.wikidot.com/local--files/admonition/admo-6820-bg.webp);
  
  --admo-color-bright: 199, 46, 51;
  --admo-color-dim: 24, 2, 4;
  --admo-color-dark: 6, 0, 1;
  --admo-color-alt: 148, 22, 24;
  
  --general-border-color: 50, 30, 31;
  --basalt-tertiary-color: 35, 10, 8;
  --darkdocument-background-color: 14, 10, 10;
  
  }
  

  Pages using this styling

  • vile [info]

  ¶ 1 occurrence
  

  div#container-wrap {
      background-image: url(http://scp-wiki.wikidot.com/local--files/grigori-karpin-s-author-page/backgroundVK-1);
  }
  :root {
      --logo-image: url("http://scp-wiki.wikidot.com/local--files/grigori-karpin-s-author-page/vklogotransparent-1.png");
      --header-title: "  Vikander-Kneed";
      --header-subtitle: "   Worldwide News Network";
  }
  
  /* Adjust Mobile Image Size */
  @media (max-width: 479px) {
  #header {
      background-size: 100px 100px;
      background-position: 1em;
  }
  }
  

  Pages using this styling

  • vikander-kneed-worldwide-news-network [info]

  ¶ 1 occurrence
  

  
  th {
     border: 2px solid rgb(var(--accent-color));
     background-color: rgb(var(--accent-color));
     color: rgb(var(--pitch-black));
     padding: 0.5rem;
      white-space: nowrap;
      width: 0.01%;
  }
  
  td {
     border: 2px solid rgb(var(--dark-midnight));
     background-color: rgb(var(--dark-midnight));
     padding: 0.5rem;
  }
  
  span.green {
     color: rgb(var(--mutant-green));
     font-weight: bold;
  }
  
  span.blue {
     color: rgb(var(--skylight-blue));
     font-weight: bold;
  }
  
  span.violet {
     color: rgb(var(--lavender-violet));
     font-weight: bold;
  } 
  
  span.orange {
     color: rgb(var(--neon-orange));
     font-weight: bold;
  }
  
  span.red {
     color: rgb(var(--deep-crimson));
     font-weight: bold;
  }
  
  .footnotes-footer {
  display: none;
  }

  Pages using this styling

  • vex-database [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=DM+Serif+Display&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Yesteryear&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@300;400;500;700&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=IM+Fell+English&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Special+Elite&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Kulim+Park&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=DM+Serif+Display&display=swap');
  @import url('https://fonts.googleapis.com/css?family=Cinzel');
  @import url('https://fonts.googleapis.com/css?family=Anton');
  @import url('https://fonts.googleapis.com/css?family=Pinyon+Script');
  #page-title { display: none; }
  
  /*
      The Anton font was created by Vernon Adams and is licensed under the Open Font License
      The Cinzel font was created by Natanael Gama and is licensed under the Open Font License
      The Pinyon Script font was created by Nicole Fally and is licensed under the Open Font License
  */
  
  .disclaimer
  {
  font-size: 12px;
  font-family: "Kulim Park";
  }
  
  :root {
      --header-title: none;
      --header-subtitle: none;
  
      --logo-image: url("https://scp-wiki.wdfiles.com/local--files/deer-college-hub/DeerSeal.png");
  
      --header-height-on-desktop: 13rem;
      --header-height-on-mobile: 13rem;
  
  }
  
  
  #header::before {
      background-size: auto calc(var(--header-height-on-desktop) - 4rem);
      opacity: 1;
      top: 2.5rem;
  }
  
  @media only screen and (max-width: 710px) {
      #header::before {
          background-size: auto calc(var(--header-height-on-mobile) - 8.5rem);
          top: 5rem;
      }
  }
  /* Desktop defaults */
  .header-main {
    font-family: 'Anton';
    font-size: 575%;  /* Or xx-large equivalent */
    margin: 2px 0 5px;
  }
  
  .header-sub {
    font-family: 'Anton';
    font-size: 300%;  /* Adjust as needed */
    margin: 2px 0 5px;
  }
  
  .header-author {
    font-family: serif;
    font-size: 120%;
  }
  
  /* Tablet */
  @media screen and (max-width: 1024px) {
    .header-main { font-size: 400%; }
    .header-sub { font-size: 220%; }
    .header-author { font-size: 110%; }
  }
  
  /* Mobile */
  @media screen and (max-width: 600px) {
    .header-main { font-size: 250%; }
    .header-sub { font-size: 150%; }
    .header-author { font-size: 100%; }
  }
  

  Pages using this styling

  • very-professional-everybody [info]

  ¶ 1 occurrence
  

  .hover {
  }
  .hover:hover {
   	text-decoration: none;
      border-bottom: none;
  }
  
  .hover span {	display: none;}
  .hover:hover span {
      position: absolute;
      display: inline;
      margin: 0px 0px;
      height: auto;
      width: auto;
      background: #FFF;
      border: 2px solid #181;
      color: #000;
      padding: 1em;
  }
  .hover:hover span span {
      position: relative;
      margin: auto;
      height: auto;
      width: auto;
      border: none;
      padding: 0;
  }

  Pages using this styling

  • verdure [info]

  ¶ 1 occurrence
  

  .realityos{
  background-color:#f0f1c6;
  font-family: Consolas;
  }
  .block{
  border-color:#0f99ff;
  border-width: 2px;
  border-style: solid;
  }
  .code{
  background-color:#000000;
  font-family: Consolas;
  color: #2aff0a;
  border-width: 5px;
  border-color: #2aff0a;
  border-style: solid;
  }
  .chat{
  background-color:#ffffff;
  }
  .login{
  color: #88e188;
  }

  Pages using this styling

  • vending-machine-bug-report [info]

  ¶ 1 occurrence
  

  .containercontainer {
      position: relative;
      width: auto;
      height: auto;
      border: 2px solid #666;
      background: #141212;
      color: #3f3;
      margin-top: 1em;
      margin-bottom: 1em;
  }
  .containercontainer .container .overlay {
      background: rgba(51, 255, 51, 0.9);
      color: #121010;
      position: absolute;
      width: auto;
      height: 50px;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      margin: auto;
      line-height: 50px;
      display: inline;
      vertical-align: middle;
      text-align: center;
      font-family: Courier New;
      font-size: 30px;
      letter-spacing: 5px;
      font-weight: bolder;
      z-index: 3;
      animation: overlay-anim 10s linear;
      animation-fill-mode: forwards;
      animation-iteration-count: infinite;
  }
  .overlayback {
      background: rgba(187, 187, 187, 0.5);
      z-index: 3;
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      width: auto;
      height: auto;
      animation: overlay-anim 10s linear;
      animation-fill-mode: forwards;
      animation-iteration-count: infinite;
  }
  .containercontainer .container {
      text-align: center;
      width: inherit;
      height: inherit;
      position: relative;
      overflow: hidden;
  }
  .containercontainer .container::after {
      content: " ";
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      background: rgba(21, 19, 19, 0.2);
      opacity: 0;
      z-index: 2;
      animation: flicker 0.15s infinite;
  }
  .containercontainer .container::before {
      content: " ";
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      background: linear-gradient(
              rgba(18, 16, 16, 0.03) 50%,
              rgba(0, 0, 0, 0.45) 50%
          ),
          linear-gradient(
              90deg,
              rgba(255, 0, 0, 0.22),
              rgba(0, 255, 0, 0.11),
              rgba(0, 0, 255, 0.22)
          );
      z-index: 2;
      background-size: 100% 2px, 3px 100%;
  }
  .no-unfold {
      text-align: center;
  }
  .container h1,
  .container h2,
  .container h3,
  .container h5,
  .container h6 {
      color: #3f3;
  }
  .container hr {
      border-top: 1px dotted #3f3;
      border-bottom: none;
  }
  .container hr {
      border-top: 1px solid #3f3;
      border-bottom: 1px solid #3f3;
      color: transparent;
      background-color: transparent;
  }
  .container hr:after {
      display: block;
      margin-top: 2px;
      border-top: 1px solid #3f3;
      border-bottom: 1px solid #3f3;
  }
  .blinkbar {
      animation: blink 1.5s infinite;
      letter-spacing: -0.13em;
  }
  @keyframes blink {
      to {
          opacity: 0;
      }
  }
  @keyframes flicker {
      0% {
          opacity: 0.989;
      }
      5% {
          opacity: 0.5842;
      }
      10% {
          opacity: 0.9865;
      }
      15% {
          opacity: 0.0412;
      }
      20% {
          opacity: 0.6255;
      }
      25% {
          opacity: 0.3157;
      }
      30% {
          opacity: 0.7328;
      }
      35% {
          opacity: 0.4654;
      }
      40% {
          opacity: 0.9128;
      }
      45% {
          opacity: 0.2449;
      }
      50% {
          opacity: 0.5485;
      }
      55% {
          opacity: 0.6438;
      }
      60% {
          opacity: 0.118;
      }
      65% {
          opacity: 0.9085;
      }
      70% {
          opacity: 0.0266;
      }
      75% {
          opacity: 0.6795;
      }
      80% {
          opacity: 0.7812;
      }
      85% {
          opacity: 0.0117;
      }
      90% {
          opacity: 0.2239;
      }
      95% {
          opacity: 0.8897;
      }
      100% {
          opacity: 0.226;
      }
  }
  @keyframes overlay-anim {
      0% {
          visibility: hidden;
      }
      10% {
          visibility: hidden;
      }
      11% {
          visibility: visible;
      }
      50% {
          visibility: hidden;
      }
      100% {
          visibility: hidden;
      }
  }

  Pages using this styling

  • veiedhimaedhr-s-author-page [info]

  ¶ 1 occurrence
  

  
  @import url('https://fonts.googleapis.com/css?family=Courier+Prime');
  @import url('https://fonts.googleapis.com/css?family=Special+Elite');
  @media (max-width: 900px) {
  }
  @import url('https://scp-wiki.wdfiles.com/local--files/theme:twin-files/stylesheet-alt.css');
  @import url('https://fonts.googleapis.com/css2?family=Jost&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Rubik&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Archivo&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Sedgwick+Ave&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Arimo&display=swap');
  
  :root {
  --img-chew444: var(--MASK-chew222);
      --MASK-chew_repeat: repeat;
      --MASK-chew_size:100%;
      --theme-base: "black-highlighter";
      --logo-image: url("https://scp-wiki.wdfiles.com/local--files/theme:twin-files/fiic-logo-wash.png");
      --header-title: "FIIC";
      --header-subtitle: " ";
  
  --dark-accent:rgb(110, 100, 105);
  --page-bg:var(--color-grey);
  --accentColor:#542429;
  
  --color-red:#990314;
  --color-darkred:#6f1212;
  --color-grey:#ecebf0;
  --color-grey-pale:#eee;
  --color-grey-dark:#e0e1e1;
  --color-grey-darker:#d2d2d2;
  --color-grey-darkest:#c4c4c4;
  --swatch-primary-darker:egb(64,96,22);
  
  --color-kraft:rgb(185,137,102);
  --color-navy:rgb(20,21,39);
  --color-blue:#2c477d;
  --color-paleblue:#4e5166;
  --color-gold:#c39c52;
  --color-brown:#ead1b3;
  
  --color-light:#e8e8e8;
  --color-darkest:#000;
  --color-darker:#333;
  --color-dark:#555;  
  
   
      --body-font: 'Jost', sans-serif;
      --header-font: 'Rubik', sans-serif;
      --title-font: 'Archivo', sans-serif;
      --mono-font: 'IBM Plex Mono', monospace;
      --UI-font: var(--printer-paper-font);
   
      --manila-tabs-font: 'Telegraphem', monospace;
      --manila-body-font: 'Remington Noiseless', serif;
      --blokquote-alt-font: var(--printer-paper-font);
      --ticker-font: 'Nouveau IBM', monospace;
      --printer-paper-font: 'Alte Haas Grotesk', sans-serif;
      --handwriting-font: 'Sedgwick Ave', cursive;
      --windows-font: 'Modern DOS 8x16', sans-serif;
      --logs-header-font: 'Commodore 64 Angled', sans-serif;
      --logs-text-font: 'BabelSans', sans-serif;
      --logs-dialogue-font: 'Arimo', sans-serif;
      --logs-action-font: 'MoonGloss Display', sans-serif;
   
      --header-height-on-desktop: 11.5rem;
      --header-height-on-mobile: 11.5rem;
   
      /* WHITE - GREY */
      --win-white: 255, 255, 255;
      --win-grey: 195, 195, 195;
      --win-lborder: 237, 237, 237;
      --win-border: 207, 207, 207;
   
      --printer-paper: 245, 242, 235;
      --believe-white: 215, 216, 217;
      --grey-child: 205, 206, 208;
      --papers-edge: 176, 176, 176;
      --another-grey: 196, 196, 196;
      --filing-cabinet: 193, 197, 201;
      --white-lodge: 159, 160, 161;
   
      --one-more-grey: 99, 99, 99;
      --dark-track: 40, 42, 46;
      --faded-type: 28, 28, 28;
      --ink-blot: 10, 10, 10;
   
      /* BLUE */
      --dept-blue: 2, 4, 20;
      --saucer-steel: 19, 21, 26;
      --believe-grey: 25, 29, 43;
      --einhander-gun: 78, 82, 92;
      --fiic-blue: 16, 20, 105;
      --fiic-grey: 119, 125, 140;
   
      --cooper: 98, 112, 140;
      --mulder: 69, 84, 115;
      --skinner: 41, 51, 91;
      --scully: 34, 40, 54;
   
      /* BROWN */
      --manila-folder: 217, 201, 160;
      --manila-body: 224, 213, 186;
      --manila-edge: 189, 169, 124;
   
      --coffee-ring: 71, 39, 5;
      --dead-wood: 43, 35, 25;
      --light-desk: 26, 24, 21;
      --dark-desk: 13, 12, 11;
   
      --reyes: 224, 219, 195;
      --doggett: 140, 119, 98;
   
      /* GREEN */
      --peaks-green: 0, 145, 9;
   
      /* YELLOW */
      --highlighter: 214, 184, 36;
      --post-it: 230, 223, 131;
   
      /* RED */
      --red-room: 163, 0, 0;
  
  --color-darkest:#000;
  --color-darker:#333;
  --color-dark:#555;  
  
      --mz-paper-bg:rgba(236,235,220, 0.6);
      --mz-paper-bg222:#e9e9e2;
   --tip-bdcl:155,155,155;
      --tip-color:var(--color-grey-darker);
      --tip-deg:-45deg;
      --tip-dogear-size:1.5em;
      --tip-dogearoll-size:calc( var(--tip-dogear-size) * 1.4);
      --tip-maxwidth_PC:calc(var(--content-width, 56rem) * 0.5);
      --tip-dogearoll-margin: 0rem -0.9rem 0 0;
  
  --icon-noise:url(https://scp-wiki.wikidot.com/local--files/theme:magazine/IMG_noise.png);
   
      /* THEME ASSIGNMENTS */
      --white-monochrome: var(--filing-cabinet);
      --pale-gray-monochrome: var(--reyes);
      --light-gray-monochrome: var(--manila-edge);
      --gray-monochrome: var(--ink-blot);
      --dark-gray-monochrome: var(--filing-cabinet);
      --black-monochrome: var(--printer-paper);
      --pale-accent: var(--cooper);
      --bright-accent: var(--doggett);
      --medium-accent: var(--scully);
      --dark-accent: var(--mulder);
   
  
  
      --swatch-topmenu-bg-color: var(--einhander-gun);
      --swatch-topmenu-border-color: var(--einhander-gun);
   
      --swatch-code-text-general: var(--swatch-text-dark);
  
      --swatch-text-dark: var(--ink-blot);
      --swatch-text-general: var(--swatch-text-light);
   
      --swatch-menubg-color: var(--filing-cabinet);
      --swatch-menubg-medium-color: var(--papers-edge);
      --swatch-menubg-medium-dark-color: var(--ink-blot);
   
      --swatch-menutxt-light-color: var(--believe-white);
      --swatch-menutxt-dark-color: var(--ink-blot);
      --swatch-menutxt-general-color: var(--swatch-menutxt-dark-color);
   
      --swatch-text-secondary-color: var(--ink-blot);
      --swatch-text-tertiary-color: var(--believe-white);
      --swatch-important-text: var(--bright-accent);
   
      --header-gradient-color-top: var(--saucer-steel);
      --header-gradient-color-middle: var(--believe-grey);
      --header-gradient-color-bottom: var(--saucer-steel);
      --background-gradient-distance: 0rem;
      --diagonal-stripes: linear-gradient(transparent 0);
   
      --sidebar-transition-timing: 0.8s ease-in-out 0.1s;
   
      --hover-link-color: var(--highlighter);
      --newpage-color: var(--manila-folder);
      --link-color: var(--manila-folder);
      --visited-link-color: var(--grey-child);
   
      --rating-module-bg-color: var(--einhander-gun);
      --rating-module-button-plus-color: var(--peaks-green);
      --rating-module-button-cancel-color: var(--scully);
      --rating-module-bottom-border-color: var(--scully);
      --rating-module-text-hover-color: var(--swatch-text-tertiary-color);
   
      --toggle-button-bg: rgba(var(--ink-blot), 0);
      --toggle-border-color: rgb(var(--printer-paper));
      --toggle-icon-color: rgb(var(--believe-white));
      --toggle-roundness: 0%;
   
      --ui-button-bg: var(--another-grey);
      --ui-button-txt: var(--ink-blot);
      --ui-button-hover-bg: var(--skinner);
      --ui-button-hover-outline: var(--scully);
      --ui-button-hover-txt: var(--printer-paper);
  
  
       --SB-btn_border_cl:var(--color-darker);
      --SB-btn_txt:var(--color-darker);
  
      --PGtt-line_color:var(--color-darker);
  }
   #main-content {
      --tabs-bg: var(--manila-folder);
      --tabs-txt: var(--ink-blot);
      --tabs-hover-bg: var(--manila-edge);
      --tabs-hover-txt: var(--dead-wood);
      --tabs-selected-bg: var(--manila-edge);
      --tabs-selected-txt: var(--ink-blot);
      --tabs-selected-outline: var(--manila-edge);
      --tabs-bottom-border-color: var(--manila-edge);
  .CS-title {
      font-family: 'alpha_echoregular';
  }
   
  .page {
      display: block;
      overflow: hidden;
      font-family: "Monotype";
      font-style: normal;
      background-attachment: scroll;
      background-clip: border-box;
      background-color: transparent;
      background-image: linear-gradient(to top ,rgb(202, 219, 228) 0%, rgb(255,244,139) 8%);
      background-origin: padding-box;
      background-position: 0px 8px;
      background-repeat: repeat;
      background-size: 100% 20px;
      border: 1px solid #CCC;
      border-radius: 10px;
      padding: 10px 10px;
      margin-bottom: 10px;
      box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2)
  }
  
  
  
  /* Imports */
  /* Note that fonts MUST be imported synchronously using the link element,
   * otherwise the page structure may not render properly */
   
  /* Styling */
   
  .pages-container {
    font-size: min(4vw, 1rem);
    position: relative;
  }
   
  /* A page without a medium needs some default styling. */
  .aspect-ratio {
    margin: 1rem 0;
    /* The padding-top should be the ratio of the bg image's width / height */
    padding-top: calc(400 / 700 * 100%);
    position: relative;
  }
  .page {
    height: 0;
    padding: 2rem 2rem 3rem;
    position: absolute;
    height: 100%; width: 100%; top: 0; left: 0;
    box-sizing: border-box;
  }
  .page::before {
    content: "";
    position: absolute;
    height: 100%; width: 100%; top: 0; left: 0;
    pointer-events: none;
    background-image: linear-gradient(beige, antiquewhite);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    z-index: -1;
    box-sizing: border-box;
  }
   
  .content {
    position: relative;
    display: flex;
    flex-direction: column;
  }
  .content > * {
    margin-block-start: 0.5em;
    margin-block-end: 0.5em;
  }
   
  p, img, div { max-width: 100%; }
  h1, h2, h3, h4, h5, h6 { line-height: 1em; }
   
  /* Each medium gets its own style. */
   
  /* Vintage book */
   
  .vintage-book {
    font-family: 'Libre Baskerville', serif;
    color: #514132;
    line-height: 1.5em;
    text-align: justify;
  }
  .vintage-book .aspect-ratio {
    padding-top: calc(2500 / 2250 * 100%);
  }
  .vintage-book .page {
    padding: 8vw 17vw;
  }
  .vintage-book .page::before {
    background-image:
      url(https://scp-wiki.wikidot.com/local--files/component:pages/book.1000px.webp);
  }
  .vintage-book > :nth-child(2n+1) .page::before {
    transform: scaleX(-1);
  }
  .vintage-book .content {
    transform: skewY(-0.5deg);
  }
  .vintage-book > :nth-child(2n+1) .content {
    transform: skewY(0.5deg);
  }
  .vintage-book .split-paragraph-start {
    text-align-last: justify;
  }
  .vintage-book .content > p:not(.split-paragraph-end):not(.is-image) {
    text-indent: 2em;
  }
   
  /* Gdocs */
   
  .gdocs {
    font-family: sans-serif;
    color: #15141A;
    line-height: 1.25em;
  }
  .gdocs .aspect-ratio {
    padding-top: calc(1.414 / 1 * 100%);
  }
  .gdocs .page {
    padding: 10vw 10vw;
  }
  .gdocs .page::before {
    background: white;
    border: thin solid grey;
  }
  
  
  
  .mz-paper{
          border: 2px double #555;
          padding:0.5rem 0.5rem;
          margin: 0rem 0rem;
          background-size:100px;
          background-position: 0% 0%;
          background-repeat: repeat;
          background-color:var(--mz-paper-bg);
          background-image: var(--icon-noise);
  }
  .hovertip .content .footnote,
  .mz-note{
      min-width: 15vw;
  }
  
  .hovertip  .content,
  .mz-note{
      background-image:linear-gradient(var(--tip-deg),transparent 0%, transparent var(--tip-dogear-size) ,var(--tip-color) var(--tip-dogear-size), var(--tip-color) 100%);
      -webkit-filter: drop-shadow(0px 0px 2px rgba(var(--tip-bdcl),0.5));
      filter: drop-shadow(0px 0px 2px rgba(var(--tip-bdcl),0.5));
  }
  
  .hovertip  .content:after,
  .mz-note::after{
      content: "  ";
      display: block;
      width: var(--tip-dogearoll-size);
      height: var(--tip-dogearoll-size);
      background-size:contain;
      background-image:linear-gradient(var(--tip-deg),transparent 0%, transparent 50% , var(--tip-color) 50%, var(--tip-color) 100%);    
      float: right;
      margin: 0 -0.5rem -0.5rem 0;
      -webkit-filter: drop-shadow(-2px -1px 4px rgba(var(--tip-bdcl),0.6))  drop-shadow(2px -1px 1px rgba(var(--tip-bdcl),0.2)) grayscale(50%);
      filter: drop-shadow(-2px -1px 4px rgba(var(--tip-bdcl),0.6))  drop-shadow(2px -1px 1px rgba(var(--tip-bdcl),0.2)) grayscale(50%);
      position: absolute;
      bottom: 0;
      right: 0;
      margin: 0;
  }
  
  .mz-note.note-left{
      --tip-deg:45deg;
  }
  
  .mz-note.note-left:after{
     float: left;
      right: unset;
      left: 0;
  }
  
  .mz-note .blockquote,
  .mz-note blockquote{
      padding:0 1em;
      margin: 1rem 1em;
  }
  
  .mz-note hr{
     border-width: 2px;
     border-style: solid;
  }
  
  #page-content .mz-note{
      max-width:var(--tip-maxwidth_PC);
      padding: 0.5rem;
  }
  
  a.footnoteref  {
      display: inline-flex;
      font-family:var(--page-tt-font);
      text-decoration: none;
  }
  
  a.footnoteref::before{
      content: "(";
      margin: 0 0.1em;
  }
  
  a.footnoteref::after{
      content: ")";
        margin: 0 0.1em;
  }
  
  .hovertip  {
      --tip-dogear-size:1em;
      --tip-dogearoll-size:1.35em;
      border: none !important;
      background: transparent !important;
    /* width: auto !important;*/
      font-size:var(--tip-txt_size)
  }
  
  .hovertip .content{
      --tip-dogear-padding: 0.5rem  calc(var(--tip-dogearoll-size) + 0.5em) 0.5rem 0.5rem;
      -webkit-filter: drop-shadow(0px 0px 3px rgba(var(--tip-bdcl),0.5))  drop-shadow(0px 0px 1px rgba(var(--tip-bdcl),1));  
      filter: drop-shadow(0px 0px 3px rgba(var(--tip-bdcl),0.5))  drop-shadow(0px 0px 1px rgba(var(--tip-bdcl),1));  
      padding:var(--tip-dogear-padding);
      font-size: 110%;
      min-height: var(--tip-dogearoll-size);
  }
  
  .hovertip .f-footer{
      height: 0;
      font-size: 0;
  }
  
  .hovertip .f-heading  {
      max-width: 11em;
      padding: 0em 0 0em 0em;
      font-size: 110%;
      font-family:var(--handwriting-font);
      letter-spacing:1px;
      font-weight: 600;
  }
  
  .hovertip .f-heading::after {
      content: ' ';
      height: 0.1rem;
      display: block;    
      padding: 0;
      margin-left: -5px;  
      background-image: linear-gradient(70deg, transparent 0px,  var(--color-navy) 8%,  var(--color-navy) 10%, transparent 100%);
  }
  
  @media (max-width: 500px) {  
    #page-content .mz-note{
       max-width: 90%;
    }   
    .hovertip {
      max-width: 90vw;
        --tip-txt_size:0.9em;
    }
   a.footnoteref  {
      font-size:80%;
    }
  }
  
  /* 非脚注的注释 */
  .hovertip:not(:has(.f-heading))  .content {
      --tip-dogear-size:0;
      --tip-dogearoll-size:0;
      --tip-dogear-padding:0.5rem 1em;
      --tip-color:var(--color-grey-pale);
      letter-spacing: 1px
  }
  
  
  .img-border.img-paper .scp-image-block {      
      background: linear-gradient(-45deg,transparent 15px,var(--mz-paper-bg222) 0) bottom right,
                 linear-gradient(45deg,transparent 15px,var(--mz-paper-bg222) 0) bottom left,
                 linear-gradient(135deg,transparent 15px,var(--mz-paper-bg222) 0) top left,
                 linear-gradient(-135deg,transparent 15px,var(--mz-paper-bg222) 0) top right;
  }
  @media (max-width: 550px) {    
     .notebook-body, .notepage-body{
       --NOTEPAGE-txt_size: 0.9rem;
       --NOTE-bookmark_display:none;
       --NOTE-bookseam_display:none;
      }  
  
      .mz-notebook-wrap {        
      --NOTEBOOK-grid:'left' 'right';
      --NOTEBOOK-grid-columns:auto;
      --NOTEBOOK-mid_display:none;
      --NOTEBOOK-bookmark_display:none;    
      --box-bk-0:none;
       --NOTEPAGE-side_width: 0.6rem;
       --NOTEBOOK_padding:0 0 1em 0;
          --NOTEBOOK_border:3px solid #bbb;
      }
  
      .notebook-right{
          --NOTEBOOK-bookmark_display:none;
          margin-top: calc( 0em - var(--NOTEPAGE-line-height) / 2);
      }
  
  }
  
  .mz-notequote-wrap{
       --NOTE-quote_line: var(--color-grey-darkest);
      --NOTEPAGE-footer_display:inline-grid;
      --color-header-footer: var(--NOTE-quote_bg);
      --NOTEPAGE-header_min-height:1.2em;
      --NOTEPAGE-footer_min-height:1.2em;
          --NOTEPAGE-before_display:none;
          --NOTEPAGE-after_display:none;
     --MASK-chew: none;
      --MASK-chew222:none;
      --page-color:red;
  
  }
  
  .mz-notequote-wrap .notepage-main,
  .notepage-main :is(.blockquote, blockquote){
      background-color:  var(--NOTE-quote_bg);
     background-image: linear-gradient(to top ,var(--NOTE-quote_line) 0%, var(--NOTE-quote_bg) 10%);        
      border: 0;
      margin-top: var(--NOTEPAGE-line-height);
      margin-bottom: 0;
      background-position: 0 var(--NOTEPAGE-line-height_half);
      padding: var(--NOTE-quote_padding);
      -webkit-filter: var(--NOTE-quote_shadow);
              filter: var(--NOTE-quote_shadow);
  }
  
  .mz-notequote-wrap .notepage-body:before,
  .mz-notequote-wrap .notepage-body:after,
  .mz-notequote-wrap :is(.blockquote, blockquote):before{
     content: '  ';
      width:var(--NOTE-quote_width);
      height: var(--NOTE-quote_height);
      margin: var(--NOTEPAGE-line-height_half-OPS) 0  var(--NOTEPAGE-line-height_half-OPS) var(--NOTE-quote_margin-left);
      position: relative;
      float: left;
      background-image: radial-gradient(transparent 38%,var(--NOTE-quote_bg) 41%); /* 标准的语法（必须放在最后） */
       background-size:var( --NOTE-quote_bg-size);
       background-position: var( --NOTE-quote-side_position);
      background-repeat: var( --NOTE-quote-side_repeat);
  }
  
  .notepage-main :is(.blockquote, blockquote){
      --NOTE-quote_width:var(--NOTE-inerquote_width, 1.5em);
      --NOTE-quote_height: calc(100% + var(--NOTEPAGE-line-height_half) * 2);
      --NOTE-quote_bg-size:var( --NOTE-quote_width) var( --NOTE-quote_width);
      --NOTE-quote-side_repeat:repeat-y;
      --NOTEPAGE-txt_padding:0;
       --NOTE-quote-side_position:auto;
      --NOTE-quote_margin-left: calc(0em - var(--NOTE-quote_width) - var(--NOTE-quote_padding_lr) );  
  }
  
  .mz-notequote-wrap .notepage-main {
              margin-top: 0;
      -webkit-filter: none;
              filter: none;   
  }
  
  .mz-notequote-wrap .notepage-body{
          -webkit-filter: var(--NOTE-quote_shadow);
            filter: var(--NOTE-quote_shadow);
  }
  
  .mz-notequote-wrap .notepage-body:before,
  .mz-notequote-wrap .notepage-body:after{
      margin: 0    ;
      float: none;
      font-size: var(--NOTEPAGE-txt_size);
      background-color: transparent;
  -webkit-clip-path:  var(--NOTE-quote-side_clip);
  clip-path: var(--NOTE-quote-side_clip);
  }
  
  .mz-notequote-wrap .notepage-body:before{
      display: var(--NOTEPAGE-before_display, inline-grid);
  }
  .mz-notequote-wrap .notepage-body:after{
      display: var(--NOTEPAGE-after_display, inline-grid);
  }
  /*------------ 其他 --------------*/
  
  #page-content .notepage-main :is(.blockquote, blockquote) p{
     margin: 0;
  }
  
  .notepage-main hr{
      border: none;
      height:  1px;
      margin: 0 auto;
      position: relative;
      top: 0.5em;
      box-shadow: 0 0.2em 0px 1px var(--color-dark);
      width: 90%;  
  }
  
  
  .notepage-main .mz-note :is(.blockquote, blockquote){
      -webkit-filter: none;
      filter: none;
      background-image: none;
      background-color: var(--QUOTE_bg222);
      border: 2px dashed var(--QUOTE_border);
      margin-top: 0
  }
  
  .notepage-main ul{
      margin: 0;
  }
  .notepage-main ul li{
      line-height: var(--NOTEPAGE-line-height);  
  }
  .mz-notepage-wrap :is(.blockquote, blockquote):before{
      content: " ";
      display: block;
      position: absolute;
      margin:-2.5em 0em 0 -0.5em;
      width: 1.5em;
      height: 6em;
      background: var(--NOTE-tap_bg, rgba(55,55,55,0.1));
      transform: rotate(45deg);
      border: var(--NOTE-tap_bd, rgba(33,33,33,0.4) solid 1.5px);
  }
  
  
  
  .genblock {
      background-color: rgb(var(--printer-paper));
      background-image: url("https://scp-wiki.wdfiles.com/local--files/theme:twin-files/paper-texture.png");
      background-repeat: repeat;
      background-size: 100%;
  
      color: rgb(var(--ink-blot));
      font-family: var(--printer-paper-font);
      border: 3px solid black;
  
      border-color: rgb(var(--papers-edge));
  
      padding: 1.5em 1em 1.5em 1em;
  }
  
  
  .page p,
  .page ul {
      line-height: 20px;
      margin: 0;
  }
  
  .mz-notepage-wrap{
      width: 100%;
      margin: 0 auto;
     -webkit-filter:drop-shadow(1px 2px 2px #333);
      filter: drop-shadow(1px 2px 2px #333);
      height: auto;
  }
  
  
  .ticker {
      padding: 5px 5px 1.1em 3.7em;
      font-family: var(--ticker-font);
      font-size: 95%;
      font-weight: 400;
      color: #000;
   
      background: repeat-y url("https://scp-wiki.wdfiles.com/local--files/theme%3Atwin-files/tickerback.png");
      background-position: center top;
      background-size: 100%;
   
      border: 2px solid #D8D6CA;
      border-style: solid solid solid;
      border-width: medium 2px 0px;
  }
  
  .chew-bottom,
  .chew-top{
      --NOTEPAGE-txt_border-size:0.8em;
      --NOTEPAGE-before_area:header;
      --NOTEPAGE-after_area:footer;
      --NOTEPAGE-side_width: 100%;
     --NOTEPAGE-side_height: 1rem;
       --MASK-chew_repeat: repeat-x;
      --MASK-chew_size:14rem;
      --NOTEPAGE-before_display:none;
      --NOTEPAGE-after_display:none;
      --NOTEPAGE-header_font-size:0;
      --NOTEPAGE-footer_font-size:0;
  
      --NOTE-quote_width:100%;
      --NOTE-quote_bg-size:3em;
      --NOTE-quote_height:3em;
       --NOTE-quote-side_clip:inset(0 0 25% 0);
     --NOTE-quote-side_position: 0em 0;
    --NOTE-quote-side_repeat:repeat-x;
  }
  
  .chew-top {
          --NOTEPAGE-before_display:inline-grid;
          --MASK-chew-before_margin:0px 0 -1px 0;
          --NOTEPAGE-footer_font-size:0.8em;
          --NOTEPAGE-header_display:none;
  
  }
  
  .chew-bottom {
       --MASK-chew-after_margin: -1px 0 0 0;  
      --NOTEPAGE-after_display:inline-grid;
      --NOTEPAGE-header_font-size:1.5em;
  }
  
  .chew-bottom .notepage-body:after{
      --MASK-chew-after: var(--MASK-chew222);
  }
  
  .chew-top .notepage-body:before{
      --MASK-chew-before: var(--MASK-chew222);
      transform: scaleY(-1);
  }
  
  
  .mmposter-wrap{
      display: flex;
      justify-content: center ;   
      flex-wrap: wrap;
  
  }
  
  .mmposter-cell{
      min-width: 10%;
          justify-self: center;
  }
  
  .mmposter-blockquote .mmposter-cell{
      min-width: 50%;
  }
  
  .mmposter-semi  .mmposter-cell{
    width: 50% ;
  }
  
  .mmposter-semi  .mmposter-cell span[style*="underline"]{
   display: none
  }
  
  .flex-pc{
      display: flex;
  }
  
  
  .flex-wrap{
      display: flex;
      justify-content: space-around;    
  }
  
  .flex-wrap div{
       margin: 0 0.5rem;
      width: 100%;
  }
  
  @media (max-width: 500px) {
    .flex-pc{
      display: block;
  }
  
      .flex-wrap{
  flex-wrap:wrap;        
      }
  
    .mmposter-semi  .mmposter-cell,
  
      .mmposter-cell{
          width: 100%;
  min-width: auto;
  
      }    
      .mmposter-right{
  margin-top:2rem;
      }    
      .mob-breakkkk{
      display: block
  }
  }
  a.footnoteref  {
      display: inline-flex;
      font-family:var(--page-tt-font);
      text-decoration: none;
  }
  
  a.footnoteref::before{
      content: "(";
      margin: 0 0.1em;
  }
  
  a.footnoteref::after{
      content: ")";
        margin: 0 0.1em;
  }
  .hovertip .content .footnote,
  .mz-note{
      min-width: 15vw;
  }
  
  .clip-wrap div {
      max-width: 60%;
      margin: 1rem auto;
      width: 60%;
  }
  
  .clip-wrap .clip-img,
  .clip-wrap .clip-body {
      border: solid 2px rgb(var(--clip-border,0,0,0));
      background-color: rgb(var(--clip-bg, 244, 244, 244));
      box-sizing: border-box;
      position: relative;
      z-index: 0;
      padding: 0.5rem;
  }
  
  .clip-wrap .clip-img::before,.clip-wrap .clip-img::after,
  .clip-wrap .clip-body::before,.clip-wrap .clip-body::after {
      content:'';
      position: absolute;
      pointer-events: none;
      border: solid 0.25rem var(--color-darker);
      transform: rotate(25deg);
  }
  
  .clip-wrap .clip-img::before,.clip-wrap .clip-img::after {
      border: solid 0.25rem var(--color-darker);
  }
  
  .clip-wrap .clip-img::before,
  .clip-wrap .clip-body::before {
    right: 0.45rem;
    height: 36px;
    width: 9px;
    top: -0.45rem;
    border-radius: 0 0 2rem 2rem;
    border-top: none;
  }
  
  .clip-wrap .clip-img::after,
  .clip-wrap .clip-body::after {
      top: -24px;
      right: -0.5rem;
      height: 16px;
      width: 14px;
      border-radius: 2rem 2rem 0 0;
      border-bottom: solid 0.55rem transparent;
      z-index: -1;
  }
  
  .clip-wrap .clip-body img,
  .clip-wrap .clip-img {
      border: 0.15rem solid var(--color-darkest);
    width: max-content;
  }
  
  .clip-wrap .clip-img::before {
    right: -0.2rem;
    top: -0.45rem;
  }
  
  .clip-wrap .clip-img::after {
      right: -0.8rem;
          height: 45px;
  }
  
  .clip-wrap .clip-img {
      padding: 0rem;
      border: 0.12rem solid var(--color-darkest);
      box-shadow:  0px 0px 0px 9px rgba(50,50,50, 0.1), 0px 0px 0px 12px rgba(150,150,150, 0.1);
  }
  
  @media (max-width: 500px) {
  .clip-wrap{
       max-width: 100%;
  }
  .clip-wrap .clip-img::before,
  .clip-wrap .clip-body::before {
    right: 0.3rem;
    height: 1.4rem;
    width: 0.4rem;
    top: 0rem;
  }
  
  .clip-wrap .clip-img::after,
  .clip-wrap .clip-body::after {
      top: -1rem;
      right: -0.5rem;
      height: 1rem;
      width: 0.7rem;
  }
  }
  
  
  @import url('https://scp-wiki.wdfiles.com/local--files/theme:twin-files/stylesheet-alt.css');
  @import url('https://fonts.googleapis.com/css2?family=Jost&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Rubik&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Archivo&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Sedgwick+Ave&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Arimo&display=swap');
  
  @import url('https://fonts.googleapis.com/css?family=Special+Elite');
  @import url('https://fonts.googleapis.com/css?family=Courier+Prime');
  @import url('http://scp-wiki.wdfiles.com/local--files/component%3Aspirit-theme/telegram3.css');
  @import url('http://scp-wiki.wdfiles.com/local--files/component%3Aspirit-theme/Yukarimobile.css');
   
  .CS-title {
      font-family: 'alpha_echoregular';
  }
   
  .yui-navset .yui-nav {
      border: solid #999999;
      border-width: 0px 0px 0px 0px;
      background: #ae8152;
  }
  .yui-navset .yui-nav li {
      margin: 0px 2px 0px 0px;
      padding: 0px;
  }
  .yui-navset .yui-nav .selected {
      margin: 0px 2px 0px 0px;
      padding: 0px;
  }
  .yui-navset .yui-nav li em {
      font-family: courier, monospace !important;
      font-size: 12pt;
      font-weight: bold;
  }
  .yui-navset .yui-content {
      background: #F9D986;
      border: solid 2px #000000;
      border-radius: 5px;
  
  }
  .yui-navset .yui-nav a em {
      padding: 0px 5px 0px 5px;
  }
  .yui-navset .yui-nav .selected a em {
      padding: 0px 5px 0px 5px;
  }
  div.yui-navset ul.yui-nav a,
  div.yui-navset div.yui-navset-top ul.yui-nav a {
      background: #f4eede;
      border: solid #000000;
      border-width: 3px 3px 1px 3px;
  }
  div.yui-navset ul.yui-nav a:hover,
  div.yui-navset ul.yui-nav a:focus {
      background: #bfc3d4;
  }
  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: #0a0037;
      border: solid 3px #ffffff;
  }
  
  

  Pages using this styling

  • varuna-s-war [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css?family=Courier+Prime');
  @import url('https://fonts.googleapis.com/css?family=Special+Elite');

  Pages using this styling

  • varuna-s-war [info]

  ¶ 1 occurrence
  

  :root{
  --lgurl: url(https://www.foxcubgames.com/wp-content/uploads/2019/02/transparent-square.png);
  --header-title: "SCP Foundation";
  --header-subtitle: "Conservationis Oblivio Contra";
  }

  Pages using this styling

  • vampires-will-never-hurt-you [info]

  ¶ 1 occurrence
  

  
  .div-name .collapsible-block .collapsible-block-link {
      font-size: 2em;
      font-family: var(--title-font);
  }
  

  Pages using this styling

  • valravn-corporation-hub [info]

  ¶ 1 occurrence
  

  :root {
          --dark-accent: var(--bright-accent);

  Pages using this styling

  • valdevia [info]

  ¶ 1 occurrence
  

  :root {
      --bright-accent: 255, 196, 0;
      --medium-accent: 185, 140, 0;
      --dark-accent: 109, 84, 0;
      --barColour: #ffc400!important;
      --header-title: "STARSITE";
  }
  
  #top-bar {
  --topmenu-category-color: 0, 0, 0;
  }
  
  .rnb-current {
      background-color: rgb(var(--bright-accent));
      background-blend-mode: darken;
  }
  
  #extra-div-1 {
    background: url(https://hubblesite.org/files/live/sites/hubble/files/home/mission-and-telescope/hubble-30th-anniversary/iconic-images/_images/hubble_30th_images/hubble-30th-westerlund2.jpg);
    background-size: contain;
  }
  
  #extra-div-2 {
      display: none;
  }
  
  #extra-div-3 {
      filter: hue-rotate(65deg) brightness(2.5) saturate(1.5);
  }
  
  #page-content > p {
      text-justify: inter-word;
      text-align: justify;
  }
  
  .transcript {
      font-family: monospace;
  }

  Pages using this styling

  • vagabond-actual [info]

  ¶ 1 occurrence
  

  
  @import url('https://fonts.cdnfonts.com/css/ironick-nf');
  
  :root {
      --basalt-secondary-color: 0, 0, 0;
  
      --basalt-overtone: 181, 154, 100;
      --basalt-undertone: 181, 154, 100;
      --basalt-bright-element-color: 181, 154, 100;
      --basalt-dark-element-color: 181, 154, 100;
  
      --link-color: 181, 154, 100;
      --link-visited-color: 181, 154, 100;
      --link-newpage-color: 181, 154, 100;
  
      --top-bar-link-color-hover: 255, 255, 255;
      --login-status-text-color-hover: 0, 0, 0;
      --side-bar-link-color-hover: 0, 0, 0;
      --side-bar-link-background-hover: 255, 255, 255;
      --selection-text-color: 0, 0, 0;
  
      --header-border-width: 0rem;
      --title-size: 1.25rem;
      --subtitle-size: 0rem;
      --side-bar-button-height: 50vh;
      --user-button-width: 2rem;
      --header-logo-size: 67.5%;
  
      --basalt-UI-dark-palette: 0, 0, 0;
      --top-bar-link-background-hover: 181, 154, 100;
  
  }
  
  #header h1 a::before {
      display: none;
  }
  
  #header h1 a span::after {
      margin-bottom: 0;
  }
  
  #container #header {
      background: none;
      position: absolute;
      box-shadow: unset;
      backdrop-filter: none;
  }
  
  div #container-wrap {
      background-color: #060C0C;
      background: url(https://scp-wiki.wdfiles.com/local--files/visual-archives-art-contest/paint_bg.png);
      background-size: contain;
  }
  
  #main-content {
      margin-top: 0;
  }
  #page-content {
      padding-top: 0;
  }
  
  #page-content > p:nth-child(-n+4) {
      display: none;
  }
  
  .widebox div {
      position: relative;
      top: 70%;
  }
  
  .widebox .winnerbox {
      top: 5%;
  }
  
  .widebox {
      position: relative;
      left: calc(-50dvw + 50%);
      width: 100dvw !important;
      height: calc(120dvh);
      max-width: 100dvw !important;
      background-image: url(https://scp-wiki.wikidot.com/local--files/va-art-contest-hub-series-1/ucP2hmY.webp);
      background-repeat: no-repeat;
      background-size: cover;
      background-position: top;
  }
  
  .widebox:before {
      /*content: "";*/
      position: absolute;
      left: calc(-50dvw + 50%);
      width: 100dvw !important;
      height: calc(100dvh);
      max-width: 100dvw !important;
      background-image: linear-gradient(180deg, transparent 0%, transparent 80vh, rgb(13,13,15) 100vh, transparent 100%);
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center;
      pointer-events: none;
  }
  
  .widebox img {
      display: block;
      position: relative;
      max-height: 60dvh;
      margin: auto;
      box-shadow: 0px 5rem 10rem black;
  }
  
  .widebox br {
    content: "";
    display: block;
    font-size: 24%;
  }
  
  .widebox span {
      color: white;
      font-family: 'Ironick NF', sans-serif;
      font-size: 3rem;
      transform: scale(1, 1.2);
      display: block;
      position: relative;
      margin: auto;
      text-align: center;
      line-height: 1.2;
  }
  
  .widebox .winnerheader {
      padding-bottom: 2rem;
  }
  
  .widebox .winnertitle {
      padding-top: 2rem;
      font-size: 3rem;
      line-height: 1;
  }
  
  .widebox .winnerauthor {
  
      font-size: 2.5rem;
      color: #F7EEEE;
  }
  
  .page-rate-widget-box span {
      font-size: initial;
      display: block;
      font-family: revert;
      transform: scale(1, 1);
      font-size: 1rem !important;
  }
  
  .widebox2 {
      position: relative;
      left: calc(-50dvw + 50%);
      width: 100dvw !important;
      max-width: 100dvw !important;
      color: black;
      top: 5dvh;
      margin-bottom: 10rem;
  }
  
  .widebox2 .bannerseparator img {
      position: absolute;
      z-index: 1;
      left: calc(-50dvw + 50%);
      width: 100%;
      max-width: 100dvw !important;
      top: -12dvw;
      pointer-events: none;
      box-shadow: 0px 5rem 10rem black;
  }
  
  .widebox2 .bannerseparator2 img {
      position: absolute;
      z-index: 1;
      left: calc(-50dvw + 50%);
      width: 100%;
      max-width: 100dvw !important;
      bottom: 0dvw;
      pointer-events: none;
      box-shadow: 0px -5rem 4rem black;
  }
  
  .widebox2 .wideboxinner {
      position: relative;
      background: url(https://scp-wiki.wdfiles.com/local--files/visual-archives-art-contest/greypaint_bg.png);
      color: #F7EEEE;
      font-family: 'Palatino Linotype';
      padding: 6rem 1rem;
      padding-bottom: 12rem;
      width: 95vw;
      font-size: 1.3rem;
      margin: auto;
      box-shadow: 0rem 0rem 10rem #000, 0rem 0rem 10rem #000, 0rem 0rem 10rem #000, 0rem 0rem 10rem #000;
  }
  
  .widebox2 .wideboxinner:before {
    content: "";
    position: absolute;
    background: url(https://scp-wiki.wdfiles.com/local--files/visual-archives-art-contest/widebox_line.png);
    background-repeat: repeat-y;
    height: 100%;
    width: 5%;
    pointer-events: none;
    left: 0px;
    top: 0;
    padding: 0;
  }
  
  .widebox2 .wideboxinner:after {
    content: "";
    position: absolute;
    background: url(https://scp-wiki.wdfiles.com/local--files/visual-archives-art-contest/widebox_line.png);
    background-repeat: repeat-y;
    height: 100%;
    width: 5%;
    transform: scaleX(-1);
    pointer-events: none;
    right: 0px;
    top: 0;
    padding: 0;
  }
  
  .widebox2 .wideboxinner h3 {
      color: #0F0E0E;
      text-align: center;
      font-size: 2.5rem;
      font-family: 'Palatino Linotype';
      width: 62rem;
      padding: 20px 0;
      margin: 4rem auto;
      background: url(https://scp-wiki.wdfiles.com/local--files/visual-archives-art-contest/maskingtape_bg.png);
  }
  
  .widebox .backhub {
      width: 20rem;
      padding: 0;
      font-size: 2rem;
      opacity: 0.5;
      color: black !important;
  }
  
  .widebox .backhub:hover {
      opacity: 1;
      transition: 0.5s;
  }
  
  .widebox2 .wideboxinner p, .widebox2 .wideboxinner ul {
      width: 50rem;
      margin-left: auto;
      margin-right: auto;
  }
  
  hr {
    border: none;
    height: 1px;
    width: 90%;
    background-color: white;
    margin: 25px auto;
  }
  
  blockquote div {
      overflow: hidden;
  }
  
  blockquote {
      box-sizing: content-box;
  }
  
  h1, #page-options-container, .licensebox .collapsible-block-folded a, .page-watch-options a {
      color: white;
  }
  
  #action-area, .licensebox .collapsible-block-content {
      background: #0D0D0F;
      padding: 10px;
  }
  
  .licensebox .collapsible-block-link {
      background: #0D0D0F;
      padding: 10px;
  }
  
  /* Piece of shit sidebar */
  
  #top-bar div.mobile-top-bar>.open-menu {
       visibility:visible;
       opacity: 0.6;
       transition: opacity 0.2s;
  }
  
  #top-bar div.mobile-top-bar>.open-menu:hover {
      opacity: 1;
  }
  
  #side-bar {
       margin-top:0;
       height:100%
  }
  
  #side-bar, #side-bar:is(:hover, :focus-within):not(:target) {
       left:calc(var(--side-bar-width) * -1)
  }
  
  #side-bar::after, #side-bar::before {
       display:none
  }
  
  #side-bar:target {
       left:0;
       width:var(--side-bar-width);
       z-index:10
  }
  
  #side-bar a.close-menu, #side-bar:target a.close-menu {
       display:block;
       pointer-events:none;
       position:fixed;
       top:0;
       right:0;
       left:auto;
       width:100%;
       min-width:3.75rem;
       height:100%;
       margin-left:0;
       opacity:0;
       z-index:-1;
       transition:width var(--side-bar-transition),opacity var(--side-bar-transition)   
  }
  
  #side-bar:target a.close-menu {
       width:calc(100% - var(--side-bar-width));
       pointer-events:auto;
       opacity:1;
  }
  
  /* Mobile */
  
  @media only screen and (max-width: 640px) {
      #container #header {
          background: black;
          position: sticky;
      }
      .widebox div {
          position: relative;
          top: 60%
      }
      .widebox {
          height: calc(110dvh);
      }
      .widebox .bannertext {
      font-size: 10dvw;
      margin: 0 auto;
      left: 0;
      right: 0;
      top: 38dvh;
      }
      .widebox .backhub {
          padding-bottom: 2rem;
      }
      .widebox span {
      font-size: 10dvw;
      line-height: 1;
      }
  
      .page-rate-widget-box {
          margin-bottom: 1rem !important;
      }
  
      .widebox img {
      display: block;
      position: relative;
      overflow: auto;
      margin: auto;
      max-width: 100vw !important;
      max-height: 50dvh;
      box-shadow: 0px 5rem 10rem black;
      }
      .widebox2 .bannerseparator img {
      position: absolute;
      z-index: 1;
      left: calc(-50dvw + 50%);
      width: 100%;
      max-width: 100dvw !important;
      top: -12dvw;
      box-shadow: 0px 5m 5em black;
      }
      .widebox2 .wideboxinner {
      padding: 2rem 0;
      width: 100%;
      font-size: 1.1rem;
      margin: auto;
      }
      .widebox2 .wideboxinner h3 {
      font-size: 2rem;
      width: 80dvw;
      }
      .widebox2 .wideboxinner p, .widebox2 .wideboxinner ul {
      width: 80dvw;
      }
  }
  
  /* contains multitudes..... and images */
  .imagecollection {
     display: flex;
     flex-flow: row wrap;
     justify-content: flex-start;
     padding: 0 3rem;
  }
  
  /* makes ur image boxes square  */
  .imagecollection .imagebox {
    background: transparent;
    position: relative;
    box-sizing: border-box;
    width: 20%;
    aspect-ratio : 1 / 1;
    margin: 0;
    box-shadow: 0px 2rem 20rem black;
  }
  
  /* adds that hover gradient to each image box */
  .imagecollection .imagebox:before{
    content: "";
    position: absolute;
    background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 35%);
    height: 100%;
    width: 100%;
    z-index: 1;
    opacity: 0.75;
    transition: 0.5s;
    pointer-events: none;
  }
  
  .imagecollection .imagebox:hover:before {
    opacity: 1;
  }
  
  /* the image */
  .imagecollection .imagebox img {
    display: block;
    margin: auto;
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center;
  }
  
  /* caption below every image ,,,. */
  .caption {
    padding: 0.8em;
    bottom: 0;
    position: absolute;
    z-index: 2;
  }
  .caption a {
    color: white;
    font-family: 'Open Sans';
    font-size: 1.5em;
    text-decoration: none;
  }
  
  .caption a:hover {
    color: white;
    text-decoration: underline;
  }
  
  /* mobile shit */
  @media screen and (max-width: 1200px) {
    .imagecollection .imagebox {
      width: 24.82vw;
      height: 24.82vw;
    }
  }
  
  @media screen and (max-width: 640px) {
    .imagecollection .imagebox {
      width: 100vw;
      height: 56.25vw;
    }
  }
  

  Pages using this styling

  • va-art-contest-hub-series-1 [info]

  ¶ 1 occurrence
  

  
  @import url('https://fonts.cdnfonts.com/css/ironick-nf');
  
  :root {
      --basalt-secondary-color: 0, 0, 0;
  
      --basalt-overtone: 181, 154, 100;
      --basalt-undertone: 181, 154, 100;
      --basalt-bright-element-color: 181, 154, 100;
      --basalt-dark-element-color: 181, 154, 100;
  
      --link-color: 181, 154, 100;
      --link-visited-color: 181, 154, 100;
      --link-newpage-color: 181, 154, 100;
  
      --top-bar-link-color-hover: 255, 255, 255;
      --login-status-text-color-hover: 0, 0, 0;
      --side-bar-link-color-hover: 0, 0, 0;
      --side-bar-link-background-hover: 255, 255, 255;
      --selection-text-color: 0, 0, 0;
  
      --header-border-width: 0rem;
      --title-size: 1.25rem;
      --subtitle-size: 0rem;
      --side-bar-button-height: 50vh;
      --user-button-width: 2rem;
      --header-logo-size: 67.5%;
  
      --basalt-UI-dark-palette: 0, 0, 0;
      --top-bar-link-background-hover: 181, 154, 100;
  
  }
  
  #header h1 a::before {
      display: none;
  }
  
  #header h1 a span::after {
      margin-bottom: 0;
  }
  
  #container #header {
      background: none;
      position: absolute;
      box-shadow: unset;
      backdrop-filter: none;
  }
  
  div #container-wrap {
      background-color: #060C0C;
      background: url(https://scp-wiki.wdfiles.com/local--files/visual-archives-art-contest/paint_bg.png);
      background-size: contain;
  }
  
  #main-content {
      margin-top: 0;
  }
  #page-content {
      padding-top: 0;
  }
  
  #page-content > p:nth-child(-n+4) {
      display: none;
  }
  
  .widebox div {
      position: relative;
      top: 70%;
  }
  
  .widebox .winnerbox {
      top: 5%;
  }
  
  .widebox {
      position: relative;
      left: calc(-50dvw + 50%);
      width: 100dvw !important;
      height: calc(120dvh);
      max-width: 100dvw !important;
      background-image: url(https://scp-wiki.wikidot.com/local--files/va-art-contest-hub-otherformats/ucP2hmY.webp);
      background-repeat: no-repeat;
      background-size: cover;
      background-position: top;
  }
  
  .widebox:before {
      /*content: "";*/
      position: absolute;
      left: calc(-50dvw + 50%);
      width: 100dvw !important;
      height: calc(100dvh);
      max-width: 100dvw !important;
      background-image: linear-gradient(180deg, transparent 0%, transparent 80vh, rgb(13,13,15) 100vh, transparent 100%);
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center;
      pointer-events: none;
  }
  
  .widebox img {
      display: block;
      position: relative;
      max-height: 30vw !important;
      margin: auto;
      box-shadow: 0px 5rem 10rem black;
  }
  
  .widebox br {
    content: "";
    display: block;
    font-size: 24%;
  }
  
  .widebox span {
      color: white;
      font-family: 'Ironick NF', sans-serif;
      font-size: 3rem;
      transform: scale(1, 1.2);
      display: block;
      position: relative;
      margin: auto;
      text-align: center;
      line-height: 1.2;
  }
  
  .widebox .winnerheader {
      padding-bottom: 2rem;
  }
  
  .widebox .winnertitle {
      padding-top: 2rem;
      font-size: 3rem;
      line-height: 1;
  }
  
  .widebox .winnerauthor {
  
      font-size: 2.5rem;
      color: #F7EEEE;
  }
  
  .page-rate-widget-box span {
      font-size: initial;
      display: block;
      font-family: revert;
      transform: scale(1, 1);
      font-size: 1rem !important;
  }
  
  
  .widebox2 {
      position: relative;
      left: calc(-50dvw + 50%);
      width: 100dvw !important;
      max-width: 100dvw !important;
      color: black;
      top: 5dvh;
      margin-bottom: 10rem;
  }
  
  .widebox2 .bannerseparator img {
      position: absolute;
      z-index: 1;
      left: calc(-50dvw + 50%);
      width: 100%;
      max-width: 100dvw !important;
      top: -12dvw;
      pointer-events: none;
      box-shadow: 0px 5rem 10rem black;
  }
  
  .widebox2 .bannerseparator2 img {
      position: absolute;
      z-index: 1;
      left: calc(-50dvw + 50%);
      width: 100%;
      max-width: 100dvw !important;
      bottom: 0dvw;
      pointer-events: none;
      box-shadow: 0px -5rem 4rem black;
  }
  
  .widebox2 .wideboxinner {
      position: relative;
      background: url(https://scp-wiki.wdfiles.com/local--files/visual-archives-art-contest/greypaint_bg.png);
      color: #F7EEEE;
      font-family: 'Palatino Linotype';
      padding: 6rem 1rem;
      padding-bottom: 12rem;
      width: 95vw;
      font-size: 1.3rem;
      margin: auto;
      box-shadow: 0rem 0rem 10rem #000, 0rem 0rem 10rem #000, 0rem 0rem 10rem #000, 0rem 0rem 10rem #000;
  }
  
  .widebox2 .wideboxinner:before {
    content: "";
    position: absolute;
    background: url(https://scp-wiki.wdfiles.com/local--files/visual-archives-art-contest/widebox_line.png);
    background-repeat: repeat-y;
    height: 100%;
    width: 5%;
    pointer-events: none;
    left: 0px;
    top: 0;
    padding: 0;
  }
  
  .widebox2 .wideboxinner:after {
    content: "";
    position: absolute;
    background: url(https://scp-wiki.wdfiles.com/local--files/visual-archives-art-contest/widebox_line.png);
    background-repeat: repeat-y;
    height: 100%;
    width: 5%;
    transform: scaleX(-1);
    pointer-events: none;
    right: 0px;
    top: 0;
    padding: 0;
  }
  
  .widebox2 .wideboxinner h3 {
      color: #0F0E0E;
      text-align: center;
      font-size: 2.5rem;
      font-family: 'Palatino Linotype';
      width: 62rem;
      padding: 20px 0;
      margin: 4rem auto;
      background: url(https://scp-wiki.wdfiles.com/local--files/visual-archives-art-contest/maskingtape_bg.png);
  }
  
  .widebox .backhub {
      width: 20rem;
      padding: 0;
      font-size: 2rem;
      opacity: 0.5;
      color: black !important;
  }
  
  .widebox .backhub:hover {
      opacity: 1;
      transition: 0.5s;
  }
  
  .widebox2 .wideboxinner p, .widebox2 .wideboxinner ul {
      width: 50rem;
      margin-left: auto;
      margin-right: auto;
  }
  
  hr {
    border: none;
    height: 1px;
    width: 90%;
    background-color: white;
    margin: 25px auto;
  }
  
  blockquote div {
      overflow: hidden;
  }
  
  blockquote {
      box-sizing: content-box;
  }
  
  h1, #page-options-container, .licensebox .collapsible-block-folded a, .page-watch-options a {
      color: white;
  }
  
  #action-area, .licensebox .collapsible-block-content {
      background: #0D0D0F;
      padding: 10px;
  }
  
  .licensebox .collapsible-block-link {
      background: #0D0D0F;
      padding: 10px;
  }
  
  /* Piece of shit sidebar */
  
  #top-bar div.mobile-top-bar>.open-menu {
       visibility:visible;
       opacity: 0.6;
       transition: opacity 0.2s;
  }
  
  #top-bar div.mobile-top-bar>.open-menu:hover {
      opacity: 1;
  }
  
  #side-bar {
       margin-top:0;
       height:100%
  }
  
  #side-bar, #side-bar:is(:hover, :focus-within):not(:target) {
       left:calc(var(--side-bar-width) * -1)
  }
  
  #side-bar::after, #side-bar::before {
       display:none
  }
  
  #side-bar:target {
       left:0;
       width:var(--side-bar-width);
       z-index:10
  }
  
  #side-bar a.close-menu, #side-bar:target a.close-menu {
       display:block;
       pointer-events:none;
       position:fixed;
       top:0;
       right:0;
       left:auto;
       width:100%;
       min-width:3.75rem;
       height:100%;
       margin-left:0;
       opacity:0;
       z-index:-1;
       transition:width var(--side-bar-transition),opacity var(--side-bar-transition)   
  }
  
  #side-bar:target a.close-menu {
       width:calc(100% - var(--side-bar-width));
       pointer-events:auto;
       opacity:1;
  }
  
  /* Mobile */
  
  @media only screen and (max-width: 1020px) {
      #container #header {
          background: black;
          position: sticky;
      }
      .widebox div {
          position: relative;
          top: 60%
      }
      .widebox {
          height: calc(100dvh);
      }
      .widebox .bannertext {
      font-size: 10dvw;
      margin: 0 auto;
      left: 0;
      right: 0;
      top: 38dvh;
      }
      .widebox .backhub {
          padding-bottom: 2rem;
      }
      .widebox span {
      font-size: 10dvw;
      line-height: 1;
      }
      .page-rate-widget-box {
          margin-bottom: 1rem !important;
      }
  
      .widebox img {
      display: block;
      position: relative;
      overflow: auto;
      margin: auto;
      max-height: 100vh !important;
      max-width: 100vw !important;
      box-shadow: 0px 5rem 10rem black;
  }
      .widebox2 .bannerseparator img {
      position: absolute;
      z-index: 1;
      left: calc(-50dvw + 50%);
      width: 100%;
      max-width: 100dvw !important;
      top: -12dvw;
      box-shadow: 0px 5m 5em black;
      }
      .widebox2 .wideboxinner {
      padding: 2rem 0;
      width: 100%;
      font-size: 1.1rem;
      margin: auto;
      }
      .widebox2 .wideboxinner h3 {
      font-size: 2rem;
      width: 80dvw;
      }
      .widebox2 .wideboxinner p, .widebox2 .wideboxinner ul {
      width: 80dvw;
      }
  }
  
  /* contains multitudes..... and images */
  .imagecollection {
     display: flex;
     flex-flow: row wrap;
     justify-content: flex-start;
     padding: 0 3rem;
  }
  
  /* makes ur image boxes square  */
  .imagecollection .imagebox {
    background: transparent;
    position: relative;
    box-sizing: border-box;
    width: 20%;
    aspect-ratio : 1 / 1;
    margin: 0;
    box-shadow: 0px 2rem 20rem black;
  }
  
  /* adds that hover gradient to each image box */
  .imagecollection .imagebox:before{
    content: "";
    position: absolute;
    background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 35%);
    height: 100%;
    width: 100%;
    z-index: 1;
    opacity: 0.75;
    transition: 0.5s;
    pointer-events: none;
  }
  
  .imagecollection .imagebox:hover:before {
    opacity: 1;
  }
  
  /* the image */
  .imagecollection .imagebox img {
    display: block;
    margin: auto;
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center;
  }
  
  /* caption below every image ,,,. */
  .caption {
    padding: 0.8em;
    bottom: 0;
    position: absolute;
    z-index: 2;
  }
  .caption a {
    color: white;
    font-family: 'Open Sans';
    font-size: 1.5em;
    text-decoration: none;
  }
  
  .caption a:hover {
    color: white;
    text-decoration: underline;
  }
  
  /* mobile shit */
  @media screen and (max-width: 1200px) {
    .imagecollection .imagebox {
      width: 24.82vw;
      height: 24.82vw;
    }
  }
  
  @media screen and (max-width: 640px) {
    .imagecollection .imagebox {
      width: 100vw;
      height: 56.25vw;
    }
  }
  

  Pages using this styling

  • va-art-contest-hub-otherformats [info]

  ¶ 1 occurrence
  

  
  @import url('https://fonts.cdnfonts.com/css/ironick-nf');
  
  :root {
      --basalt-secondary-color: 0, 0, 0;
  
      --basalt-overtone: 181, 154, 100;
      --basalt-undertone: 181, 154, 100;
      --basalt-bright-element-color: 181, 154, 100;
      --basalt-dark-element-color: 181, 154, 100;
  
      --link-color: 181, 154, 100;
      --link-visited-color: 181, 154, 100;
      --link-newpage-color: 181, 154, 100;
  
      --top-bar-link-color-hover: 255, 255, 255;
      --login-status-text-color-hover: 0, 0, 0;
      --side-bar-link-color-hover: 0, 0, 0;
      --side-bar-link-background-hover: 255, 255, 255;
      --selection-text-color: 0, 0, 0;
  
      --header-border-width: 0rem;
      --title-size: 1.25rem;
      --subtitle-size: 0rem;
      --side-bar-button-height: 50vh;
      --user-button-width: 2rem;
      --header-logo-size: 67.5%;
  
      --basalt-UI-dark-palette: 0, 0, 0;
      --top-bar-link-background-hover: 181, 154, 100;
  
  }
  
  #header h1 a::before {
      display: none;
  }
  
  #header h1 a span::after {
      margin-bottom: 0;
  }
  
  #container #header {
      background: none;
      position: absolute;
      box-shadow: unset;
      backdrop-filter: none;
  }
  
  div #container-wrap {
      background-color: #060C0C;
      background: url(https://scp-wiki.wdfiles.com/local--files/visual-archives-art-contest/paint_bg.png);
      background-size: contain;
  }
  
  #main-content {
      margin-top: 0;
  }
  #page-content {
      padding-top: 0;
  }
  
  #page-content > p:nth-child(-n+4) {
      display: none;
  }
  
  .widebox div {
      position: relative;
      top: 70%;
  }
  
  .widebox .winnerbox {
      top: 5%;
  }
  
  .widebox {
      position: relative;
      left: calc(-50dvw + 50%);
      width: 100dvw !important;
      height: calc(120dvh);
      max-width: 100dvw !important;
      background-image: url(https://scp-wiki.wikidot.com/local--files/va-art-contest-hub-old-scps/ucP2hmY.webp);
      background-repeat: no-repeat;
      background-size: cover;
      background-position: top;
  }
  
  .widebox:before {
      /*content: "";*/
      position: absolute;
      left: calc(-50dvw + 50%);
      width: 100dvw !important;
      height: calc(100dvh);
      max-width: 100dvw !important;
      background-image: linear-gradient(180deg, transparent 0%, transparent 80vh, rgb(13,13,15) 100vh, transparent 100%);
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center;
      pointer-events: none;
  }
  
  .widebox img {
      display: block;
      position: relative;
      max-width: 20vw !important;
      margin: auto;
      box-shadow: 0px 5rem 10rem black;
  }
  
  .widebox br {
    content: "";
    display: block;
    font-size: 24%;
  }
  
  .widebox span {
      color: white;
      font-family: 'Ironick NF', sans-serif;
      font-size: 3rem;
      transform: scale(1, 1.2);
      display: block;
      position: relative;
      margin: auto;
      text-align: center;
      line-height: 1.2;
  }
  
  .widebox .winnerheader {
      padding-bottom: 2rem;
  }
  
  .widebox .winnertitle {
      padding-top: 2rem;
      font-size: 3rem;
      line-height: 1;
  }
  
  .widebox .winnerauthor {
  
      font-size: 2.5rem;
      color: #F7EEEE;
  }
  
  .page-rate-widget-box span {
      font-size: initial;
      display: block;
      font-family: revert;
      transform: scale(1, 1);
      font-size: 1rem !important;
  }
  
  .widebox2 {
      position: relative;
      left: calc(-50dvw + 50%);
      width: 100dvw !important;
      max-width: 100dvw !important;
      color: black;
      top: 5dvh;
      margin-bottom: 10rem;
  }
  
  .widebox2 .bannerseparator img {
      position: absolute;
      z-index: 1;
      left: calc(-50dvw + 50%);
      width: 100%;
      max-width: 100dvw !important;
      top: -12dvw;
      pointer-events: none;
      box-shadow: 0px 5rem 10rem black;
  }
  
  .widebox2 .bannerseparator2 img {
      position: absolute;
      z-index: 1;
      left: calc(-50dvw + 50%);
      width: 100%;
      max-width: 100dvw !important;
      bottom: 0dvw;
      pointer-events: none;
      box-shadow: 0px -5rem 4rem black;
  }
  
  .widebox2 .wideboxinner {
      position: relative;
      background: url(https://scp-wiki.wdfiles.com/local--files/visual-archives-art-contest/greypaint_bg.png);
      color: #F7EEEE;
      font-family: 'Palatino Linotype';
      padding: 6rem 1rem;
      padding-bottom: 12rem;
      width: 95vw;
      font-size: 1.3rem;
      margin: auto;
      box-shadow: 0rem 0rem 10rem #000, 0rem 0rem 10rem #000, 0rem 0rem 10rem #000, 0rem 0rem 10rem #000;
  }
  
  .widebox2 .wideboxinner:before {
    content: "";
    position: absolute;
    background: url(https://scp-wiki.wdfiles.com/local--files/visual-archives-art-contest/widebox_line.png);
    background-repeat: repeat-y;
    height: 100%;
    width: 5%;
    pointer-events: none;
    left: 0px;
    top: 0;
    padding: 0;
  }
  
  .widebox2 .wideboxinner:after {
    content: "";
    position: absolute;
    background: url(https://scp-wiki.wdfiles.com/local--files/visual-archives-art-contest/widebox_line.png);
    background-repeat: repeat-y;
    height: 100%;
    width: 5%;
    transform: scaleX(-1);
    pointer-events: none;
    right: 0px;
    top: 0;
    padding: 0;
  }
  
  .widebox2 .wideboxinner h3 {
      color: #0F0E0E;
      text-align: center;
      font-size: 2.5rem;
      font-family: 'Palatino Linotype';
      width: 62rem;
      padding: 20px 0;
      margin: 4rem auto;
      background: url(https://scp-wiki.wdfiles.com/local--files/visual-archives-art-contest/maskingtape_bg.png);
  }
  
  .widebox .backhub {
      width: 20rem;
      padding: 0;
      font-size: 2rem;
      opacity: 0.5;
      color: black !important;
  }
  
  .widebox .backhub:hover {
      opacity: 1;
      transition: 0.5s;
  }
  
  .widebox2 .wideboxinner p, .widebox2 .wideboxinner ul {
      width: 50rem;
      margin-left: auto;
      margin-right: auto;
  }
  
  hr {
    border: none;
    height: 1px;
    width: 90%;
    background-color: white;
    margin: 25px auto;
  }
  
  blockquote div {
      overflow: hidden;
  }
  
  blockquote {
      box-sizing: content-box;
  }
  
  h1, #page-options-container, .licensebox .collapsible-block-folded a, .page-watch-options a {
      color: white;
  }
  
  #action-area, .licensebox .collapsible-block-content {
      background: #0D0D0F;
      padding: 10px;
  }
  
  .licensebox .collapsible-block-link {
      background: #0D0D0F;
      padding: 10px;
  }
  
  /* Piece of shit sidebar */
  
  #top-bar div.mobile-top-bar>.open-menu {
       visibility:visible;
       opacity: 0.6;
       transition: opacity 0.2s;
  }
  
  #top-bar div.mobile-top-bar>.open-menu:hover {
      opacity: 1;
  }
  
  #side-bar {
       margin-top:0;
       height:100%
  }
  
  #side-bar, #side-bar:is(:hover, :focus-within):not(:target) {
       left:calc(var(--side-bar-width) * -1)
  }
  
  #side-bar::after, #side-bar::before {
       display:none
  }
  
  #side-bar:target {
       left:0;
       width:var(--side-bar-width);
       z-index:10
  }
  
  #side-bar a.close-menu, #side-bar:target a.close-menu {
       display:block;
       pointer-events:none;
       position:fixed;
       top:0;
       right:0;
       left:auto;
       width:100%;
       min-width:3.75rem;
       height:100%;
       margin-left:0;
       opacity:0;
       z-index:-1;
       transition:width var(--side-bar-transition),opacity var(--side-bar-transition)   
  }
  
  #side-bar:target a.close-menu {
       width:calc(100% - var(--side-bar-width));
       pointer-events:auto;
       opacity:1;
  }
  
  /* Mobile */
  
  @media only screen and (max-width: 640px) {
      #container #header {
          background: black;
          position: sticky;
      }
      .widebox div {
          position: relative;
          top: 60%
      }
      .widebox {
          height: calc(110dvh);
      }
      .widebox .bannertext {
      font-size: 10dvw;
      margin: 0 auto;
      left: 0;
      right: 0;
      top: 38dvh;
      }
      .widebox .backhub {
          padding-bottom: 2rem;
      }
      .widebox span {
      font-size: 10dvw;
      line-height: 1;
      }
  
      .page-rate-widget-box {
          margin-bottom: 1rem !important;
      }
  
      .widebox img {
      display: block;
      position: relative;
      overflow: auto;
      margin: auto;
      max-width: 100vw !important;
      max-height: 50dvh;
      box-shadow: 0px 5rem 10rem black;
  }
      .widebox2 .bannerseparator img {
      position: absolute;
      z-index: 1;
      left: calc(-50dvw + 50%);
      width: 100%;
      max-width: 100dvw !important;
      top: -12dvw;
      box-shadow: 0px 5m 5em black;
      }
      .widebox2 .wideboxinner {
      padding: 2rem 0;
      width: 100%;
      font-size: 1.1rem;
      margin: auto;
      }
      .widebox2 .wideboxinner h3 {
      font-size: 2rem;
      width: 80dvw;
      }
      .widebox2 .wideboxinner p, .widebox2 .wideboxinner ul {
      width: 80dvw;
      }
  }
  
  /* contains multitudes..... and images */
  .imagecollection {
     display: flex;
     flex-flow: row wrap;
     justify-content: flex-start;
     padding: 0 3rem;
  }
  
  /* makes ur image boxes square  */
  .imagecollection .imagebox {
    background: transparent;
    position: relative;
    box-sizing: border-box;
    width: 20%;
    aspect-ratio : 1 / 1;
    margin: 0;
    box-shadow: 0px 2rem 20rem black;
  }
  
  /* adds that hover gradient to each image box */
  .imagecollection .imagebox:before{
    content: "";
    position: absolute;
    background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 35%);
    height: 100%;
    width: 100%;
    z-index: 1;
    opacity: 0.75;
    transition: 0.5s;
    pointer-events: none;
  }
  
  .imagecollection .imagebox:hover:before {
    opacity: 1;
  }
  
  /* the image */
  .imagecollection .imagebox img {
    display: block;
    margin: auto;
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center;
  }
  
  /* caption below every image ,,,. */
  .caption {
    padding: 0.8em;
    bottom: 0;
    position: absolute;
    z-index: 2;
  }
  .caption a {
    color: white;
    font-family: 'Open Sans';
    font-size: 1.5em;
    text-decoration: none;
  }
  
  .caption a:hover {
    color: white;
    text-decoration: underline;
  }
  
  /* mobile shit */
  @media screen and (max-width: 1200px) {
    .imagecollection .imagebox {
      width: 24.82vw;
      height: 24.82vw;
    }
  }
  
  @media screen and (max-width: 640px) {
    .imagecollection .imagebox {
      width: 100vw;
      height: 56.25vw;
    }
  }
  

  Pages using this styling

  • va-art-contest-hub-old-scps [info]

  ¶ 1 occurrence
  

  
  @import url('https://fonts.cdnfonts.com/css/ironick-nf');
  
  :root {
      --basalt-secondary-color: 0, 0, 0;
  
      --basalt-overtone: 181, 154, 100;
      --basalt-undertone: 181, 154, 100;
      --basalt-bright-element-color: 181, 154, 100;
      --basalt-dark-element-color: 181, 154, 100;
  
      --link-color: 181, 154, 100;
      --link-visited-color: 181, 154, 100;
      --link-newpage-color: 181, 154, 100;
  
      --top-bar-link-color-hover: 255, 255, 255;
      --login-status-text-color-hover: 0, 0, 0;
      --side-bar-link-color-hover: 0, 0, 0;
      --side-bar-link-background-hover: 255, 255, 255;
      --selection-text-color: 0, 0, 0;
  
      --header-border-width: 0rem;
      --title-size: 1.25rem;
      --subtitle-size: 0rem;
      --side-bar-button-height: 50vh;
      --user-button-width: 2rem;
      --header-logo-size: 67.5%;
  
      --basalt-UI-dark-palette: 0, 0, 0;
      --top-bar-link-background-hover: 181, 154, 100;
  
  }
  
  #header h1 a::before {
      display: none;
  }
  
  #header h1 a span::after {
      margin-bottom: 0;
  }
  
  #container #header {
      background: none;
      position: absolute;
      box-shadow: unset;
      backdrop-filter: none;
  }
  
  div #container-wrap {
      background-color: #060C0C;
      background: url(https://scp-wiki.wdfiles.com/local--files/visual-archives-art-contest/paint_bg.png);
      background-size: contain;
  }
  
  #main-content {
      margin-top: 0;
  }
  #page-content {
      padding-top: 0;
  }
  
  #page-content > p:nth-child(-n+4) {
      display: none;
  }
  
  .widebox div {
      position: relative;
      top: 70%;
  }
  
  .widebox .winnerbox {
      top: 5%;
  }
  
  .widebox {
      position: relative;
      left: calc(-50dvw + 50%);
      width: 100dvw !important;
      height: calc(120dvh);
      max-width: 100dvw !important;
      background-image: url(https://scp-wiki.wikidot.com/local--files/va-art-contest-hub-modern-scps/ucP2hmY.webp);
      background-repeat: no-repeat;
      background-size: cover;
      background-position: top;
  }
  
  .widebox:before {
      /*content: "";*/
      position: absolute;
      left: calc(-50dvw + 50%);
      width: 100dvw !important;
      height: calc(100dvh);
      max-width: 100dvw !important;
      background-image: linear-gradient(180deg, transparent 0%, transparent 80vh, rgb(13,13,15) 100vh, transparent 100%);
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center;
      pointer-events: none;
  }
  
  .widebox img {
      display: block;
      position: relative;
      max-width: 20vw !important;
      margin: auto;
      box-shadow: 0px 5rem 10rem black;
  }
  
  .widebox br {
    content: "";
    display: block;
    font-size: 24%;
  }
  
  .widebox span {
      color: white;
      font-family: 'Ironick NF', sans-serif;
      font-size: 3rem;
      transform: scale(1, 1.2);
      display: block;
      position: relative;
      margin: auto;
      text-align: center;
      line-height: 1.2;
  }
  
  .widebox .winnerheader {
      padding-bottom: 2rem;
  }
  
  .widebox .winnertitle {
      padding-top: 2rem;
      font-size: 3rem;
      line-height: 1;
  }
  
  .widebox .winnerauthor {
  
      font-size: 2.5rem;
      color: #F7EEEE;
  }
  
  .page-rate-widget-box span {
      font-size: initial;
      display: block;
      font-family: revert;
      transform: scale(1, 1);
      font-size: 1rem !important;
  }
  
  .widebox2 {
      position: relative;
      left: calc(-50dvw + 50%);
      width: 100dvw !important;
      max-width: 100dvw !important;
      color: black;
      top: 5dvh;
      margin-bottom: 10rem;
  }
  
  .widebox2 .bannerseparator img {
      position: absolute;
      z-index: 1;
      left: calc(-50dvw + 50%);
      width: 100%;
      max-width: 100dvw !important;
      top: -12dvw;
      pointer-events: none;
      box-shadow: 0px 5rem 10rem black;
  }
  
  .widebox2 .bannerseparator2 img {
      position: absolute;
      z-index: 1;
      left: calc(-50dvw + 50%);
      width: 100%;
      max-width: 100dvw !important;
      bottom: 0dvw;
      pointer-events: none;
      box-shadow: 0px -5rem 4rem black;
  }
  
  .widebox2 .wideboxinner {
      position: relative;
      background: url(https://scp-wiki.wdfiles.com/local--files/visual-archives-art-contest/greypaint_bg.png);
      color: #F7EEEE;
      font-family: 'Palatino Linotype';
      padding: 6rem 1rem;
      padding-bottom: 12rem;
      width: 95vw;
      font-size: 1.3rem;
      margin: auto;
      box-shadow: 0rem 0rem 10rem #000, 0rem 0rem 10rem #000, 0rem 0rem 10rem #000, 0rem 0rem 10rem #000;
  }
  
  .widebox2 .wideboxinner:before {
    content: "";
    position: absolute;
    background: url(https://scp-wiki.wdfiles.com/local--files/visual-archives-art-contest/widebox_line.png);
    background-repeat: repeat-y;
    height: 100%;
    width: 5%;
    pointer-events: none;
    left: 0px;
    top: 0;
    padding: 0;
  }
  
  .widebox2 .wideboxinner:after {
    content: "";
    position: absolute;
    background: url(https://scp-wiki.wdfiles.com/local--files/visual-archives-art-contest/widebox_line.png);
    background-repeat: repeat-y;
    height: 100%;
    width: 5%;
    transform: scaleX(-1);
    pointer-events: none;
    right: 0px;
    top: 0;
    padding: 0;
  }
  
  .widebox2 .wideboxinner h3 {
      color: #0F0E0E;
      text-align: center;
      font-size: 2.5rem;
      font-family: 'Palatino Linotype';
      width: 62rem;
      padding: 20px 0;
      margin: 4rem auto;
      background: url(https://scp-wiki.wdfiles.com/local--files/visual-archives-art-contest/maskingtape_bg.png);
  }
  
  .widebox .backhub {
      width: 20rem;
      padding: 0;
      font-size: 2rem;
      opacity: 0.5;
      color: black !important;
  }
  
  .widebox .backhub:hover {
      opacity: 1;
      transition: 0.5s;
  }
  
  .widebox2 .wideboxinner p, .widebox2 .wideboxinner ul {
      width: 50rem;
      margin-left: auto;
      margin-right: auto;
  }
  
  hr {
    border: none;
    height: 1px;
    width: 90%;
    background-color: white;
    margin: 25px auto;
  }
  
  blockquote div {
      overflow: hidden;
  }
  
  blockquote {
      box-sizing: content-box;
  }
  
  h1, #page-options-container, .licensebox .collapsible-block-folded a, .page-watch-options a {
      color: white;
  }
  
  #action-area, .licensebox .collapsible-block-content {
      background: #0D0D0F;
      padding: 10px;
  }
  
  .licensebox .collapsible-block-link {
      background: #0D0D0F;
      padding: 10px;
  }
  
  /* Piece of shit sidebar */
  
  #top-bar div.mobile-top-bar>.open-menu {
       visibility:visible;
       opacity: 0.6;
       transition: opacity 0.2s;
  }
  
  #top-bar div.mobile-top-bar>.open-menu:hover {
      opacity: 1;
  }
  
  #side-bar {
       margin-top:0;
       height:100%
  }
  
  #side-bar, #side-bar:is(:hover, :focus-within):not(:target) {
       left:calc(var(--side-bar-width) * -1)
  }
  
  #side-bar::after, #side-bar::before {
       display:none
  }
  
  #side-bar:target {
       left:0;
       width:var(--side-bar-width);
       z-index:10
  }
  
  #side-bar a.close-menu, #side-bar:target a.close-menu {
       display:block;
       pointer-events:none;
       position:fixed;
       top:0;
       right:0;
       left:auto;
       width:100%;
       min-width:3.75rem;
       height:100%;
       margin-left:0;
       opacity:0;
       z-index:-1;
       transition:width var(--side-bar-transition),opacity var(--side-bar-transition)   
  }
  
  #side-bar:target a.close-menu {
       width:calc(100% - var(--side-bar-width));
       pointer-events:auto;
       opacity:1;
  }
  
  /* Mobile */
  
  @media only screen and (max-width: 640px) {
      #container #header {
          background: black;
          position: sticky;
      }
      .widebox div {
          position: relative;
          top: 60%
      }
      .widebox {
          height: calc(110dvh);
      }
      .widebox .bannertext {
      font-size: 10dvw;
      margin: 0 auto;
      left: 0;
      right: 0;
      top: 38dvh;
      }
      .widebox .backhub {
          padding-bottom: 2rem;
      }
      .widebox span {
      font-size: 10dvw;
      line-height: 1;
      }
  
      .page-rate-widget-box {
          margin-bottom: 1rem !important;
      }
  
      .widebox img {
      display: block;
      position: relative;
      overflow: auto;
      margin: auto;
      max-width: 100vw !important;
      max-height: 50dvh;
      box-shadow: 0px 5rem 10rem black;
  }
      .widebox2 .bannerseparator img {
      position: absolute;
      z-index: 1;
      left: calc(-50dvw + 50%);
      width: 100%;
      max-width: 100dvw !important;
      top: -12dvw;
      box-shadow: 0px 5m 5em black;
      }
      .widebox2 .wideboxinner {
      padding: 2rem 0;
      width: 100%;
      font-size: 1.1rem;
      margin: auto;
      }
      .widebox2 .wideboxinner h3 {
      font-size: 2rem;
      width: 80dvw;
      }
      .widebox2 .wideboxinner p, .widebox2 .wideboxinner ul {
      width: 80dvw;
      }
  }
  
  /* contains multitudes..... and images */
  .imagecollection {
     display: flex;
     flex-flow: row wrap;
     justify-content: flex-start;
     padding: 0 3rem;
  }
  
  /* makes ur image boxes square  */
  .imagecollection .imagebox {
    background: transparent;
    position: relative;
    box-sizing: border-box;
    width: 20%;
    aspect-ratio : 1 / 1;
    margin: 0;
    box-shadow: 0px 2rem 20rem black;
  }
  
  /* adds that hover gradient to each image box */
  .imagecollection .imagebox:before{
    content: "";
    position: absolute;
    background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 35%);
    height: 100%;
    width: 100%;
    z-index: 1;
    opacity: 0.75;
    transition: 0.5s;
    pointer-events: none;
  }
  
  .imagecollection .imagebox:hover:before {
    opacity: 1;
  }
  
  /* the image */
  .imagecollection .imagebox img {
    display: block;
    margin: auto;
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center;
  }
  
  /* caption below every image ,,,. */
  .caption {
    padding: 0.8em;
    bottom: 0;
    position: absolute;
    z-index: 2;
  }
  .caption a {
    color: white;
    font-family: 'Open Sans';
    font-size: 1.5em;
    text-decoration: none;
  }
  
  .caption a:hover {
    color: white;
    text-decoration: underline;
  }
  
  /* mobile shit */
  @media screen and (max-width: 1200px) {
    .imagecollection .imagebox {
      width: 24.82vw;
      height: 24.82vw;
    }
  }
  
  @media screen and (max-width: 640px) {
    .imagecollection .imagebox {
      width: 100vw;
      height: 56.25vw;
    }
  }
  

  Pages using this styling

  • va-art-contest-hub-modern-scps [info]

  ¶ 1 occurrence
  

  
  @import url('https://fonts.cdnfonts.com/css/ironick-nf');
  
  :root {
      --basalt-secondary-color: 0, 0, 0;
  
      --basalt-overtone: 181, 154, 100;
      --basalt-undertone: 181, 154, 100;
      --basalt-bright-element-color: 181, 154, 100;
      --basalt-dark-element-color: 181, 154, 100;
  
      --link-color: 181, 154, 100;
      --link-visited-color: 181, 154, 100;
      --link-newpage-color: 181, 154, 100;
  
      --top-bar-link-color-hover: 255, 255, 255;
      --login-status-text-color-hover: 0, 0, 0;
      --side-bar-link-color-hover: 0, 0, 0;
      --side-bar-link-background-hover: 255, 255, 255;
      --selection-text-color: 0, 0, 0;
  
      --header-border-width: 0rem;
      --title-size: 1.25rem;
      --subtitle-size: 0rem;
      --side-bar-button-height: 50vh;
      --user-button-width: 2rem;
      --header-logo-size: 67.5%;
  
      --basalt-UI-dark-palette: 0, 0, 0;
      --top-bar-link-background-hover: 181, 154, 100;
  
  }
  
  #header h1 a::before {
      display: none;
  }
  
  #header h1 a span::after {
      margin-bottom: 0;
  }
  
  #container #header {
      background: none;
      position: absolute;
      box-shadow: unset;
      backdrop-filter: none;
  }
  
  div #container-wrap {
      background-color: #060C0C;
      background: url(https://scp-wiki.wdfiles.com/local--files/visual-archives-art-contest/paint_bg.png);
      background-size: contain;
  }
  
  #main-content {
      margin-top: 0;
  }
  #page-content {
      padding-top: 0;
  }
  
  #page-content > p:nth-child(-n+4) {
      display: none;
  }
  
  .widebox div {
      position: relative;
      top: 70%;
  }
  
  .widebox .winnerbox {
      top: 5%;
  }
  
  .widebox {
      position: relative;
      left: calc(-50dvw + 50%);
      width: 100dvw !important;
      height: calc(120dvh);
      max-width: 100dvw !important;
      background-image: url(https://scp-wiki.wikidot.com/local--files/va-art-contest-hub-international/ucP2hmY.webp);
      background-repeat: no-repeat;
      background-size: cover;
      background-position: top;
  }
  
  .widebox:before {
      /*content: "";*/
      position: absolute;
      left: calc(-50dvw + 50%);
      width: 100dvw !important;
      height: calc(100dvh);
      max-width: 100dvw !important;
      background-image: linear-gradient(180deg, transparent 0%, transparent 80vh, rgb(13,13,15) 100vh, transparent 100%);
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center;
      pointer-events: none;
  }
  
  .widebox img {
      display: block;
      position: relative;
      max-width: 20vw !important;
      margin: auto;
      box-shadow: 0px 5rem 10rem black;
  }
  
  .widebox br {
    content: "";
    display: block;
    font-size: 24%;
  }
  
  .widebox span {
      color: white;
      font-family: 'Ironick NF', sans-serif;
      font-size: 3rem;
      transform: scale(1, 1.2);
      display: block;
      position: relative;
      margin: auto;
      text-align: center;
      line-height: 1.2;
  }
  
  .widebox .winnerheader {
      padding-bottom: 2rem;
  }
  
  .widebox .winnertitle {
      padding-top: 2rem;
      font-size: 3rem;
      line-height: 1;
  }
  
  .widebox .winnerauthor {
  
      font-size: 2.5rem;
      color: #F7EEEE;
  }
  
  .page-rate-widget-box span {
      font-size: initial;
      display: block;
      font-family: revert;
      transform: scale(1, 1);
      font-size: 1rem !important;
  }
  
  .widebox2 {
      position: relative;
      left: calc(-50dvw + 50%);
      width: 100dvw !important;
      max-width: 100dvw !important;
      color: black;
      top: 5dvh;
      margin-bottom: 10rem;
  }
  
  .widebox2 .bannerseparator img {
      position: absolute;
      z-index: 1;
      left: calc(-50dvw + 50%);
      width: 100%;
      max-width: 100dvw !important;
      top: -12dvw;
      pointer-events: none;
      box-shadow: 0px 5rem 10rem black;
  }
  
  .widebox2 .bannerseparator2 img {
      position: absolute;
      z-index: 1;
      left: calc(-50dvw + 50%);
      width: 100%;
      max-width: 100dvw !important;
      bottom: 0dvw;
      pointer-events: none;
      box-shadow: 0px -5rem 4rem black;
  }
  
  .widebox2 .wideboxinner {
      position: relative;
      background: url(https://scp-wiki.wdfiles.com/local--files/visual-archives-art-contest/greypaint_bg.png);
      color: #F7EEEE;
      font-family: 'Palatino Linotype';
      padding: 6rem 1rem;
      padding-bottom: 12rem;
      width: 95vw;
      font-size: 1.3rem;
      margin: auto;
      box-shadow: 0rem 0rem 10rem #000, 0rem 0rem 10rem #000, 0rem 0rem 10rem #000, 0rem 0rem 10rem #000;
  }
  
  .widebox2 .wideboxinner:before {
    content: "";
    position: absolute;
    background: url(https://scp-wiki.wdfiles.com/local--files/visual-archives-art-contest/widebox_line.png);
    background-repeat: repeat-y;
    height: 100%;
    width: 5%;
    pointer-events: none;
    left: 0px;
    top: 0;
    padding: 0;
  }
  
  .widebox2 .wideboxinner:after {
    content: "";
    position: absolute;
    background: url(https://scp-wiki.wdfiles.com/local--files/visual-archives-art-contest/widebox_line.png);
    background-repeat: repeat-y;
    height: 100%;
    width: 5%;
    transform: scaleX(-1);
    pointer-events: none;
    right: 0px;
    top: 0;
    padding: 0;
  }
  
  .widebox2 .wideboxinner h3 {
      color: #0F0E0E;
      text-align: center;
      font-size: 2.5rem;
      font-family: 'Palatino Linotype';
      width: 62rem;
      padding: 20px 0;
      margin: 4rem auto;
      background: url(https://scp-wiki.wdfiles.com/local--files/visual-archives-art-contest/maskingtape_bg.png);
  }
  
  .widebox .backhub {
      width: 20rem;
      padding: 0;
      font-size: 2rem;
      opacity: 0.5;
      color: black !important;
  }
  
  .widebox .backhub:hover {
      opacity: 1;
      transition: 0.5s;
  }
  
  .widebox2 .wideboxinner p, .widebox2 .wideboxinner ul {
      width: 50rem;
      margin-left: auto;
      margin-right: auto;
  }
  
  hr {
    border: none;
    height: 1px;
    width: 90%;
    background-color: white;
    margin: 25px auto;
  }
  
  blockquote div {
      overflow: hidden;
  }
  
  blockquote {
      box-sizing: content-box;
  }
  
  h1, #page-options-container, .licensebox .collapsible-block-folded a, .page-watch-options a {
      color: white;
  }
  
  #action-area, .licensebox .collapsible-block-content {
      background: #0D0D0F;
      padding: 10px;
  }
  
  .licensebox .collapsible-block-link {
      background: #0D0D0F;
      padding: 10px;
  }
  
  /* Piece of shit sidebar */
  
  #top-bar div.mobile-top-bar>.open-menu {
       visibility:visible;
       opacity: 0.6;
       transition: opacity 0.2s;
  }
  
  #top-bar div.mobile-top-bar>.open-menu:hover {
      opacity: 1;
  }
  
  #side-bar {
       margin-top:0;
       height:100%
  }
  
  #side-bar, #side-bar:is(:hover, :focus-within):not(:target) {
       left:calc(var(--side-bar-width) * -1)
  }
  
  #side-bar::after, #side-bar::before {
       display:none
  }
  
  #side-bar:target {
       left:0;
       width:var(--side-bar-width);
       z-index:10
  }
  
  #side-bar a.close-menu, #side-bar:target a.close-menu {
       display:block;
       pointer-events:none;
       position:fixed;
       top:0;
       right:0;
       left:auto;
       width:100%;
       min-width:3.75rem;
       height:100%;
       margin-left:0;
       opacity:0;
       z-index:-1;
       transition:width var(--side-bar-transition),opacity var(--side-bar-transition)   
  }
  
  #side-bar:target a.close-menu {
       width:calc(100% - var(--side-bar-width));
       pointer-events:auto;
       opacity:1;
  }
  
  /* Mobile */
  
  @media only screen and (max-width: 640px) {
      #container #header {
          background: black;
          position: sticky;
      }
      .widebox div {
          position: relative;
          top: 60%
      }
      .widebox {
          height: calc(110dvh);
      }
      .widebox .bannertext {
      font-size: 10dvw;
      margin: 0 auto;
      left: 0;
      right: 0;
      top: 38dvh;
      }
      .widebox .backhub {
          padding-bottom: 2rem;
      }
      .widebox span {
      font-size: 10dvw;
      line-height: 1;
      }
  
      .page-rate-widget-box {
          margin-bottom: 1rem !important;
      }
  
      .widebox img {
      display: block;
      position: relative;
      overflow: auto;
      margin: auto;
      max-width: 100vw !important;
      max-height: 50dvh;
      box-shadow: 0px 5rem 10rem black;
  }
      .widebox2 .bannerseparator img {
      position: absolute;
      z-index: 1;
      left: calc(-50dvw + 50%);
      width: 100%;
      max-width: 100dvw !important;
      top: -12dvw;
      box-shadow: 0px 5m 5em black;
      }
      .widebox2 .wideboxinner {
      padding: 2rem 0;
      width: 100%;
      font-size: 1.1rem;
      margin: auto;
      }
      .widebox2 .wideboxinner h3 {
      font-size: 2rem;
      width: 80dvw;
      }
      .widebox2 .wideboxinner p, .widebox2 .wideboxinner ul {
      width: 80dvw;
      }
  }
  
  /* contains multitudes..... and images */
  .imagecollection {
     display: flex;
     flex-flow: row wrap;
     justify-content: flex-start;
     padding: 0 3rem;
  }
  
  /* makes ur image boxes square  */
  .imagecollection .imagebox {
    background: transparent;
    position: relative;
    box-sizing: border-box;
    width: 20%;
    aspect-ratio : 1 / 1;
    margin: 0;
    box-shadow: 0px 2rem 20rem black;
  }
  
  /* adds that hover gradient to each image box */
  .imagecollection .imagebox:before{
    content: "";
    position: absolute;
    background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 35%);
    height: 100%;
    width: 100%;
    z-index: 1;
    opacity: 0.75;
    transition: 0.5s;
    pointer-events: none;
  }
  
  .imagecollection .imagebox:hover:before {
    opacity: 1;
  }
  
  /* the image */
  .imagecollection .imagebox img {
    display: block;
    margin: auto;
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center;
  }
  
  /* caption below every image ,,,. */
  .caption {
    padding: 0.8em;
    bottom: 0;
    position: absolute;
    z-index: 2;
  }
  .caption a {
    color: white;
    font-family: 'Open Sans';
    font-size: 1.5em;
    text-decoration: none;
  }
  
  .caption a:hover {
    color: white;
    text-decoration: underline;
  }
  
  /* mobile shit */
  @media screen and (max-width: 1200px) {
    .imagecollection .imagebox {
      width: 24.82vw;
      height: 24.82vw;
    }
  }
  
  @media screen and (max-width: 640px) {
    .imagecollection .imagebox {
      width: 100vw;
      height: 56.25vw;
    }
  }
  

  Pages using this styling

  • va-art-contest-hub-international [info]

  ¶ 1 occurrence
  

  
  @import url('https://fonts.cdnfonts.com/css/ironick-nf');
  
  :root {
      --basalt-secondary-color: 0, 0, 0;
  
      --basalt-overtone: 181, 154, 100;
      --basalt-undertone: 181, 154, 100;
      --basalt-bright-element-color: 181, 154, 100;
      --basalt-dark-element-color: 181, 154, 100;
  
      --link-color: 181, 154, 100;
      --link-visited-color: 181, 154, 100;
      --link-newpage-color: 181, 154, 100;
  
      --top-bar-link-color-hover: 255, 255, 255;
      --login-status-text-color-hover: 0, 0, 0;
      --side-bar-link-color-hover: 0, 0, 0;
      --side-bar-link-background-hover: 255, 255, 255;
      --selection-text-color: 0, 0, 0;
  
      --header-border-width: 0rem;
      --title-size: 1.25rem;
      --subtitle-size: 0rem;
      --side-bar-button-height: 50vh;
      --user-button-width: 2rem;
      --header-logo-size: 67.5%;
  
      --basalt-UI-dark-palette: 0, 0, 0;
      --top-bar-link-background-hover: 181, 154, 100;
  
  }
  
  #header h1 a::before {
      display: none;
  }
  
  #header h1 a span::after {
      margin-bottom: 0;
  }
  
  #container #header {
      background: none;
      position: absolute;
      box-shadow: unset;
      backdrop-filter: none;
  }
  
  div #container-wrap {
      background-color: #060C0C;
      background: url(https://scp-wiki.wdfiles.com/local--files/visual-archives-art-contest/paint_bg.png);
      background-size: contain;
  }
  
  #main-content {
      margin-top: 0;
  }
  #page-content {
      padding-top: 0;
  }
  
  #page-content > p:nth-child(-n+4) {
      display: none;
  }
  
  .widebox div {
      position: relative;
      top: 70%;
  }
  
  .widebox .winnerbox {
      top: 5%;
  }
  
  .widebox {
      position: relative;
      left: calc(-50dvw + 50%);
      width: 100dvw !important;
      height: calc(120dvh);
      max-width: 100dvw !important;
      background-image: url(https://scp-wiki.wikidot.com/local--files/va-art-contest-hub-goi/ucP2hmY.webp);
      background-repeat: no-repeat;
      background-size: cover;
      background-position: top;
  }
  
  .widebox:before {
      /*content: "";*/
      position: absolute;
      left: calc(-50dvw + 50%);
      width: 100dvw !important;
      height: calc(100dvh);
      max-width: 100dvw !important;
      background-image: linear-gradient(180deg, transparent 0%, transparent 80vh, rgb(13,13,15) 100vh, transparent 100%);
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center;
      pointer-events: none;
  }
  
  .widebox img {
      display: block;
      position: relative;
      max-width: 25vw !important;
      margin: auto;
      box-shadow: 0px 5rem 10rem black;
  }
  
  .widebox br {
    content: "";
    display: block;
    font-size: 24%;
  }
  
  .widebox span {
      color: white;
      font-family: 'Ironick NF', sans-serif;
      font-size: 3rem;
      transform: scale(1, 1.2);
      display: block;
      position: relative;
      margin: auto;
      text-align: center;
      line-height: 1.2;
  }
  
  .widebox .winnerheader {
      padding-bottom: 2rem;
  }
  
  .widebox .winnertitle {
      padding-top: 2rem;
      font-size: 3rem;
      line-height: 1;
  }
  
  .widebox .winnerauthor {
  
      font-size: 2.5rem;
      color: #F7EEEE;
  }
  
  .page-rate-widget-box span {
      font-size: initial;
      display: block;
      font-family: revert;
      transform: scale(1, 1);
      font-size: 1rem !important;
  }
  
  .widebox2 {
      position: relative;
      left: calc(-50dvw + 50%);
      width: 100dvw !important;
      max-width: 100dvw !important;
      color: black;
      top: 5dvh;
      margin-bottom: 10rem;
  }
  
  .widebox2 .bannerseparator img {
      position: absolute;
      z-index: 1;
      left: calc(-50dvw + 50%);
      width: 100%;
      max-width: 100dvw !important;
      top: -12dvw;
      pointer-events: none;
      box-shadow: 0px 5rem 10rem black;
  }
  
  .widebox2 .bannerseparator2 img {
      position: absolute;
      z-index: 1;
      left: calc(-50dvw + 50%);
      width: 100%;
      max-width: 100dvw !important;
      bottom: 0dvw;
      pointer-events: none;
      box-shadow: 0px -5rem 4rem black;
  }
  
  .widebox2 .wideboxinner {
      position: relative;
      background: url(https://scp-wiki.wdfiles.com/local--files/visual-archives-art-contest/greypaint_bg.png);
      color: #F7EEEE;
      font-family: 'Palatino Linotype';
      padding: 6rem 1rem;
      padding-bottom: 12rem;
      width: 95vw;
      font-size: 1.3rem;
      margin: auto;
      box-shadow: 0rem 0rem 10rem #000, 0rem 0rem 10rem #000, 0rem 0rem 10rem #000, 0rem 0rem 10rem #000;
  }
  
  .widebox2 .wideboxinner:before {
    content: "";
    position: absolute;
    background: url(https://scp-wiki.wdfiles.com/local--files/visual-archives-art-contest/widebox_line.png);
    background-repeat: repeat-y;
    height: 100%;
    width: 5%;
    pointer-events: none;
    left: 0px;
    top: 0;
    padding: 0;
  }
  
  .widebox2 .wideboxinner:after {
    content: "";
    position: absolute;
    background: url(https://scp-wiki.wdfiles.com/local--files/visual-archives-art-contest/widebox_line.png);
    background-repeat: repeat-y;
    height: 100%;
    width: 5%;
    transform: scaleX(-1);
    pointer-events: none;
    right: 0px;
    top: 0;
    padding: 0;
  }
  
  .widebox2 .wideboxinner h3 {
      color: #0F0E0E;
      text-align: center;
      font-size: 2.5rem;
      font-family: 'Palatino Linotype';
      width: 62rem;
      padding: 20px 0;
      margin: 4rem auto;
      background: url(https://scp-wiki.wdfiles.com/local--files/visual-archives-art-contest/maskingtape_bg.png);
  }
  
  .widebox .backhub {
      width: 20rem;
      padding: 0;
      font-size: 2rem;
      opacity: 0.5;
      color: black !important;
  }
  
  .widebox .backhub:hover {
      opacity: 1;
      transition: 0.5s;
  }
  
  .widebox2 .wideboxinner p, .widebox2 .wideboxinner ul {
      width: 50rem;
      margin-left: auto;
      margin-right: auto;
  }
  
  hr {
    border: none;
    height: 1px;
    width: 90%;
    background-color: white;
    margin: 25px auto;
  }
  
  blockquote div {
      overflow: hidden;
  }
  
  blockquote {
      box-sizing: content-box;
  }
  
  h1, #page-options-container, .licensebox .collapsible-block-folded a, .page-watch-options a {
      color: white;
  }
  
  #action-area, .licensebox .collapsible-block-content {
      background: #0D0D0F;
      padding: 10px;
  }
  
  .licensebox .collapsible-block-link {
      background: #0D0D0F;
      padding: 10px;
  }
  
  /* Piece of shit sidebar */
  
  #top-bar div.mobile-top-bar>.open-menu {
       visibility:visible;
       opacity: 0.6;
       transition: opacity 0.2s;
  }
  
  #top-bar div.mobile-top-bar>.open-menu:hover {
      opacity: 1;
  }
  
  #side-bar {
       margin-top:0;
       height:100%
  }
  
  #side-bar, #side-bar:is(:hover, :focus-within):not(:target) {
       left:calc(var(--side-bar-width) * -1)
  }
  
  #side-bar::after, #side-bar::before {
       display:none
  }
  
  #side-bar:target {
       left:0;
       width:var(--side-bar-width);
       z-index:10
  }
  
  #side-bar a.close-menu, #side-bar:target a.close-menu {
       display:block;
       pointer-events:none;
       position:fixed;
       top:0;
       right:0;
       left:auto;
       width:100%;
       min-width:3.75rem;
       height:100%;
       margin-left:0;
       opacity:0;
       z-index:-1;
       transition:width var(--side-bar-transition),opacity var(--side-bar-transition)   
  }
  
  #side-bar:target a.close-menu {
       width:calc(100% - var(--side-bar-width));
       pointer-events:auto;
       opacity:1;
  }
  
  /* Mobile */
  
  @media only screen and (max-width: 640px) {
      #container #header {
          background: black;
          position: sticky;
      }
      .widebox div {
          position: relative;
          top: 60%
      }
      .widebox {
          height: calc(110dvh);
      }
      .widebox .bannertext {
      font-size: 10dvw;
      margin: 0 auto;
      left: 0;
      right: 0;
      top: 38dvh;
      }
      .widebox .backhub {
          padding-bottom: 2rem;
      }
      .widebox span {
      font-size: 10dvw;
      line-height: 1;
      }
      
      .page-rate-widget-box {
          margin-bottom: 1rem !important;
      }
  
      .widebox img {
      display: block;
      position: relative;
      overflow: auto;
      margin: auto;
      max-width: 100vw !important;
      max-height: 50dvh;
      box-shadow: 0px 5rem 10rem black;
  }
      .widebox2 .bannerseparator img {
      position: absolute;
      z-index: 1;
      left: calc(-50dvw + 50%);
      width: 100%;
      max-width: 100dvw !important;
      top: -12dvw;
      box-shadow: 0px 5m 5em black;
      }
      .widebox2 .wideboxinner {
      padding: 2rem 0;
      width: 100%;
      font-size: 1.1rem;
      margin: auto;
      }
      .widebox2 .wideboxinner h3 {
      font-size: 2rem;
      width: 80dvw;
      }
      .widebox2 .wideboxinner p, .widebox2 .wideboxinner ul {
      width: 80dvw;
      }
  }
  
  /* contains multitudes..... and images */
  .imagecollection {
     display: flex;
     flex-flow: row wrap;
     justify-content: flex-start;
     padding: 0 3rem;
  }
  
  /* makes ur image boxes square  */
  .imagecollection .imagebox {
    background: transparent;
    position: relative;
    box-sizing: border-box;
    width: 20%;
    aspect-ratio : 1 / 1;
    margin: 0;
    box-shadow: 0px 2rem 20rem black;
  }
  
  /* adds that hover gradient to each image box */
  .imagecollection .imagebox:before{
    content: "";
    position: absolute;
    background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 35%);
    height: 100%;
    width: 100%;
    z-index: 1;
    opacity: 0.75;
    transition: 0.5s;
    pointer-events: none;
  }
  
  .imagecollection .imagebox:hover:before {
    opacity: 1;
  }
  
  /* the image */
  .imagecollection .imagebox img {
    display: block;
    margin: auto;
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center;
  }
  
  /* caption below every image ,,,. */
  .caption {
    padding: 0.8em;
    bottom: 0;
    position: absolute;
    z-index: 2;
  }
  .caption a {
    color: white;
    font-family: 'Open Sans';
    font-size: 1.5em;
    text-decoration: none;
  }
  
  .caption a:hover {
    color: white;
    text-decoration: underline;
  }
  
  /* mobile shit */
  @media screen and (max-width: 1200px) {
    .imagecollection .imagebox {
      width: 24.82vw;
      height: 24.82vw;
    }
  }
  
  @media screen and (max-width: 640px) {
    .imagecollection .imagebox {
      width: 100vw;
      height: 56.25vw;
    }
  }
  

  Pages using this styling

  • va-art-contest-hub-goi [info]

  ¶ 1 occurrence
  

  
  @import url('https://fonts.cdnfonts.com/css/ironick-nf');
  
  :root {
      --basalt-secondary-color: 0, 0, 0;
  
      --basalt-overtone: 181, 154, 100;
      --basalt-undertone: 181, 154, 100;
      --basalt-bright-element-color: 181, 154, 100;
      --basalt-dark-element-color: 181, 154, 100;
  
      --link-color: 181, 154, 100;
      --link-visited-color: 181, 154, 100;
      --link-newpage-color: 181, 154, 100;
  
      --top-bar-link-color-hover: 255, 255, 255;
      --login-status-text-color-hover: 0, 0, 0;
      --side-bar-link-color-hover: 0, 0, 0;
      --side-bar-link-background-hover: 255, 255, 255;
      --selection-text-color: 0, 0, 0;
  
      --header-border-width: 0rem;
      --title-size: 1.25rem;
      --subtitle-size: 0rem;
      --side-bar-button-height: 50vh;
      --user-button-width: 2rem;
      --header-logo-size: 67.5%;
  
      --basalt-UI-dark-palette: 0, 0, 0;
      --top-bar-link-background-hover: 181, 154, 100;
  
  }
  
  #header h1 a::before {
      display: none;
  }
  
  #header h1 a span::after {
      margin-bottom: 0;
  }
  
  #container #header {
      background: none;
      position: absolute;
      box-shadow: unset;
      backdrop-filter: none;
  }
  
  div #container-wrap {
      background-color: #060C0C;
      background: url(https://scp-wiki.wdfiles.com/local--files/visual-archives-art-contest/paint_bg.png);
      background-size: contain;
  }
  
  #main-content {
      margin-top: 0;
  }
  #page-content {
      padding-top: 0;
  }
  
  #page-content > p:nth-child(-n+4) {
      display: none;
  }
  
  .widebox div {
      position: relative;
      top: 70%;
  }
  
  .widebox .winnerbox {
      top: 5%;
  }
  
  .widebox {
      position: relative;
      left: calc(-50dvw + 50%);
      width: 100dvw !important;
      height: calc(120dvh);
      max-width: 100dvw !important;
      background-image: url(https://scp-wiki.wikidot.com/local--files/va-art-contest-hub-characters-mtf/ucP2hmY.webp);
      background-repeat: no-repeat;
      background-size: cover;
      background-position: top;
  }
  
  .widebox:before {
      /*content: "";*/
      position: absolute;
      left: calc(-50dvw + 50%);
      width: 100dvw !important;
      height: calc(100dvh);
      max-width: 100dvw !important;
      background-image: linear-gradient(180deg, transparent 0%, transparent 80vh, rgb(13,13,15) 100vh, transparent 100%);
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center;
      pointer-events: none;
  }
  
  .widebox img {
      display: block;
      position: relative;
      max-height: 60dvh;
      margin: auto;
      box-shadow: 0px 5rem 10rem black;
  }
  
  .widebox br {
    content: "";
    display: block;
    font-size: 24%;
  }
  
  .widebox span {
      color: white;
      font-family: 'Ironick NF', sans-serif;
      font-size: 3rem;
      transform: scale(1, 1.2);
      display: block;
      position: relative;
      margin: auto;
      text-align: center;
      line-height: 1.2;
  }
  
  .widebox .winnerheader {
      padding-bottom: 2rem;
  }
  
  .widebox .winnertitle {
      padding-top: 2rem;
      font-size: 3rem;
      line-height: 1;
  }
  
  .widebox .winnerauthor {
  
      font-size: 2.5rem;
      color: #F7EEEE;
  }
  
  .page-rate-widget-box span {
      font-size: initial;
      display: block;
      font-family: revert;
      transform: scale(1, 1);
      font-size: 1rem !important;
  }
  
  .widebox2 {
      position: relative;
      left: calc(-50dvw + 50%);
      width: 100dvw !important;
      max-width: 100dvw !important;
      color: black;
      top: 5dvh;
      margin-bottom: 10rem;
  }
  
  .widebox2 .bannerseparator img {
      position: absolute;
      z-index: 1;
      left: calc(-50dvw + 50%);
      width: 100%;
      max-width: 100dvw !important;
      top: -12dvw;
      pointer-events: none;
      box-shadow: 0px 5rem 10rem black;
  }
  
  .widebox2 .bannerseparator2 img {
      position: absolute;
      z-index: 1;
      left: calc(-50dvw + 50%);
      width: 100%;
      max-width: 100dvw !important;
      bottom: 0dvw;
      pointer-events: none;
      box-shadow: 0px -5rem 4rem black;
  }
  
  .widebox2 .wideboxinner {
      position: relative;
      background: url(https://scp-wiki.wdfiles.com/local--files/visual-archives-art-contest/greypaint_bg.png);
      color: #F7EEEE;
      font-family: 'Palatino Linotype';
      padding: 6rem 1rem;
      padding-bottom: 12rem;
      width: 95vw;
      font-size: 1.3rem;
      margin: auto;
      box-shadow: 0rem 0rem 10rem #000, 0rem 0rem 10rem #000, 0rem 0rem 10rem #000, 0rem 0rem 10rem #000;
  }
  
  .widebox2 .wideboxinner:before {
    content: "";
    position: absolute;
    background: url(https://scp-wiki.wdfiles.com/local--files/visual-archives-art-contest/widebox_line.png);
    background-repeat: repeat-y;
    height: 100%;
    width: 5%;
    pointer-events: none;
    left: 0px;
    top: 0;
    padding: 0;
  }
  
  .widebox2 .wideboxinner:after {
    content: "";
    position: absolute;
    background: url(https://scp-wiki.wdfiles.com/local--files/visual-archives-art-contest/widebox_line.png);
    background-repeat: repeat-y;
    height: 100%;
    width: 5%;
    transform: scaleX(-1);
    pointer-events: none;
    right: 0px;
    top: 0;
    padding: 0;
  }
  
  .widebox2 .wideboxinner h3 {
      color: #0F0E0E;
      text-align: center;
      font-size: 2.5rem;
      font-family: 'Palatino Linotype';
      width: 62rem;
      padding: 20px 0;
      margin: 4rem auto;
      background: url(https://scp-wiki.wdfiles.com/local--files/visual-archives-art-contest/maskingtape_bg.png);
  }
  
  .widebox .backhub {
      width: 20rem;
      padding: 0;
      font-size: 2rem;
      opacity: 0.5;
      color: black !important;
  }
  
  .widebox .backhub:hover {
      opacity: 1;
      transition: 0.5s;
  }
  
  .widebox2 .wideboxinner p, .widebox2 .wideboxinner ul {
      width: 50rem;
      margin-left: auto;
      margin-right: auto;
  }
  
  hr {
    border: none;
    height: 1px;
    width: 90%;
    background-color: white;
    margin: 25px auto;
  }
  
  blockquote div {
      overflow: hidden;
  }
  
  blockquote {
      box-sizing: content-box;
  }
  
  h1, #page-options-container, .licensebox .collapsible-block-folded a, .page-watch-options a {
      color: white;
  }
  
  #action-area, .licensebox .collapsible-block-content {
      background: #0D0D0F;
      padding: 10px;
  }
  
  .licensebox .collapsible-block-link {
      background: #0D0D0F;
      padding: 10px;
  }
  
  /* Piece of shit sidebar */
  
  #top-bar div.mobile-top-bar>.open-menu {
       visibility:visible;
       opacity: 0.6;
       transition: opacity 0.2s;
  }
  
  #top-bar div.mobile-top-bar>.open-menu:hover {
      opacity: 1;
  }
  
  #side-bar {
       margin-top:0;
       height:100%
  }
  
  #side-bar, #side-bar:is(:hover, :focus-within):not(:target) {
       left:calc(var(--side-bar-width) * -1)
  }
  
  #side-bar::after, #side-bar::before {
       display:none
  }
  
  #side-bar:target {
       left:0;
       width:var(--side-bar-width);
       z-index:10
  }
  
  #side-bar a.close-menu, #side-bar:target a.close-menu {
       display:block;
       pointer-events:none;
       position:fixed;
       top:0;
       right:0;
       left:auto;
       width:100%;
       min-width:3.75rem;
       height:100%;
       margin-left:0;
       opacity:0;
       z-index:-1;
       transition:width var(--side-bar-transition),opacity var(--side-bar-transition)   
  }
  
  #side-bar:target a.close-menu {
       width:calc(100% - var(--side-bar-width));
       pointer-events:auto;
       opacity:1;
  }
  
  /* Mobile */
  
  @media only screen and (max-width: 640px) {
      #container #header {
          background: black;
          position: sticky;
      }
      .widebox div {
          position: relative;
          top: 60%
      }
      .widebox {
          height: calc(120dvh);
      }
      .widebox .bannertext {
      font-size: 10dvw;
      margin: 0 auto;
      left: 0;
      right: 0;
      top: 38dvh;
      }
      .widebox .backhub {
          padding-bottom: 2rem;
      }
      .widebox span {
      font-size: 10dvw;
      line-height: 1;
      }
      .page-rate-widget-box {
          margin-bottom: 1rem !important;
      }
  
      .widebox .winnerauthor {
          padding: 1rem;
      }
  
      .widebox img {
      display: block;
      position: relative;
      overflow: auto;
      margin: auto;
      max-width: 100vw !important;
      max-height: 50dvh;
      box-shadow: 0px 5rem 10rem black;
  }
      .widebox2 .bannerseparator img {
      position: absolute;
      z-index: 1;
      left: calc(-50dvw + 50%);
      width: 100%;
      max-width: 100dvw !important;
      top: -12dvw;
      box-shadow: 0px 5m 5em black;
      }
      .widebox2 .wideboxinner {
      padding: 2rem 0;
      width: 100%;
      font-size: 1.1rem;
      margin: auto;
      }
      .widebox2 .wideboxinner h3 {
      font-size: 2rem;
      width: 80dvw;
      }
      .widebox2 .wideboxinner p, .widebox2 .wideboxinner ul {
      width: 80dvw;
      }
  }
  
  /* contains multitudes..... and images */
  .imagecollection {
     display: flex;
     flex-flow: row wrap;
     justify-content: flex-start;
     padding: 0 3rem;
  }
  
  /* makes ur image boxes square  */
  .imagecollection .imagebox {
    background: transparent;
    position: relative;
    box-sizing: border-box;
    width: 20%;
    aspect-ratio : 1 / 1;
    margin: 0;
    box-shadow: 0px 2rem 20rem black;
  }
  
  /* adds that hover gradient to each image box */
  .imagecollection .imagebox:before{
    content: "";
    position: absolute;
    background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 35%);
    height: 100%;
    width: 100%;
    z-index: 1;
    opacity: 0.75;
    transition: 0.5s;
    pointer-events: none;
  }
  
  .imagecollection .imagebox:hover:before {
    opacity: 1;
  }
  
  /* the image */
  .imagecollection .imagebox img {
    display: block;
    margin: auto;
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center;
  }
  
  /* caption below every image ,,,. */
  .caption {
    padding: 0.8em;
    bottom: 0;
    position: absolute;
    z-index: 2;
  }
  .caption a {
    color: white;
    font-family: 'Open Sans';
    font-size: 1.5em;
    text-decoration: none;
  }
  
  .caption a:hover {
    color: white;
    text-decoration: underline;
  }
  
  /* mobile shit */
  @media screen and (max-width: 1200px) {
    .imagecollection .imagebox {
      width: 24.82vw;
      height: 24.82vw;
    }
  }
  
  @media screen and (max-width: 640px) {
    .imagecollection .imagebox {
      width: 100vw;
      height: 56.25vw;
    }
  }
  

  Pages using this styling

  • va-art-contest-hub-characters-mtf [info]

  ¶ 1 occurrence
  

  :root {
  --toggle-button-bg: rgb(var(--white-monochrome));
  --toggle-border-color: rgb(var(--medium-accent));
  --toggle-icon-color: rgb(var(--medium-accent));
  --toggle-roundness: 0;
  }
  
  div.mi666 {
      width: 90%; 
      margin: auto; 
      padding: 1em; 
      border: 3px solid #DD6161; 
      box-shadow: 3px 3px 5px rgba(100,0,0,.5);
      font-family: 'Nanum Gothic', Arial, sans-serif; 
  }
  
  .mi666 span {
      word-break: normal;
  }
  
  div.uiu { 
      border: solid 1px #0A0037; 
      background-color: #0A0037; 
      width: 95%; 
      margin: auto; 
      padding: 1px 15px; 
      box-shadow: 0 -1px 3px rgba(10,0,55,.2);
  }
  
  div.uiu h1 span,
  div.uiu h3 span {
      word-break: normal;
      font-family: var(--body-font);
  }
  
  div.uiu h1 {
      color: white;
  }
  
  div.uiu + div {
      border: solid 1px #0A0037; 
      width: 95%;
      padding: 1px 15px; 
      margin: auto;
      box-shadow: 0 1px 3px rgba(10,0,55,.4); 
      margin-bottom: 1em;
      text-align: justify;
  }
  blockquote {
      box-shadow: unset;
  }
  
  .xmas {
       border: 1px dashed #999999; 
       padding: 1em; 
       margin: auto; 
       width: fit-content; 
       font-family: 'yukarimobileregular', serif; 
       font-size: 1.1em; 
       letter-spacing: 1px;
  }

  Pages using this styling

  • ute-1919-discofather [info]

  ¶ 1 occurrence
  

  /*
  
  Y2K Theme created by etoisle
  :scp-wiki:theme:y2k
  
  */
  
  .scp-image-block.block-right {
      margin: 0 2em 1em;
  }
   
  body {
      background-attachment: fixed;
      image-rendering: pixelated;
      word-break: unset;
  }
  
  #account-topbutton{
      border: 1px solid;
  }
   
  div#header {
      background-image: url('https://scp-wiki.wikidot.com/local--files/user-was-found-for-this-post/logo.png');
      image-rendering: pixelated;
  }
   
  div#side-bar div.side-block,
  #interwiki div.side-block {
      border: #ffe087 outset 1px;
      box-shadow: 4px 4px 0 0 rgba(0, 0, 0, 0.2);
      border-radius: 0;
  }
   
  div.page-rate-widget-box {
      box-shadow: 4px 5px 0 0 rgba(0, 0, 0, 0.2);
      border-radius: 0;
  }
   
  div.page-rate-widget-box span.rate-points,
  div.page-rate-widget-box span.cancel {
      border: #262626 outset 2px;
      border-radius: 0;
  }
   
  div.page-rate-widget-box span.rateup,
  div.page-rate-widget-box span.ratedown {
      border: #262626 outset 2px;
  }
  
  #page-content .modalbox{
      border: solid 1px;
      border-radius: 0px;
      box-shadow: 4px 4px 0 0 rgba(0, 0, 0, 0.2);
  }
  
  table.wiki-content-table td {
      border: 1px solid;
  }
   
  table.wiki-content-table th {
      border: 1px solid;
  }
  
  #search-top-box-input,
  #search-top-box-input:hover,
  #search-top-box-input:focus,
  #search-top-box-form input[type=submit],
  #search-top-box-form input[type=submit]:hover,
  #search-top-box-form input[type=submit]:focus {
      border: outset 1.5px;
      box-shadow: none;
      border-radius: 0;
  }
  
  .scp-image-block.block-right {
      margin: 0 2em 1em;
  }
   
  .code {
      border: 1px solid;
      padding: 3px;
      margin: 0.2em 0;
      overflow: auto;
  }
   
  .interwiki {
      border: outset 2px;
      box-shadow: 4px 4px 0 0 rgba(0, 0, 0, 0.2);
  }
   
  #top-bar ul li ul {
      border: solid 1px;
      box-shadow: 4px 4px 0 0 rgba(0, 0, 0, 0.2);
  }

  Pages using this styling

  • user-was-found-for-this-post [info]

  ¶ 1 occurrence
  

  .h2{
      margin: 0.5em 0 0.4em;
      letter-spacing: 1px;
      font-size: 150%;
      font-family: "Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica;
  }
  .h4{
      margin: 0.5em 0 0.4em;
      letter-spacing: 1px;
      font-weight: bold;
      font-size: 120%;
      font-family: "Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica;
  }

  Pages using this styling

  • user-curated-lists [info]

  ¶ 1 occurrence
  

  :root {
   --header-title: "SCP FOUNDATION";
   --header-subtitle: "From the desk of the Administrator";
   --lgurl: url("https://scp-wiki.wdfiles.com/local--files/theme%3Athe-way-out/logo.png");
   --accentColor: 30, 181, 232;
  }

  Pages using this styling

  • urgent-commission-of-inquiry-into-worldwide-paranormal-event [info]

  ¶ 1 occurrence
  

  :root {
      --logo-image: url("https://scp-wiki.wdfiles.com/local--files/theme:memoria/TitleLogo.png");
      --header-title: "URALIC BREATH";
      --header-subtitle: "Brawn Metal";
  }
  .meta-title {
    color: #000000;
    font-weight: normal;
    margin: 0 0 0.6em;
    padding: 0 0 0.25em;
    font-size: 200%;
  }
  .meta-title p {
    margin: 0;
  }

  Pages using this styling

  • uralic-breath [info]

  ¶ 1 occurrence
  

  :root {
          --bright-accent: 123, 173, 226;
          --medium-accent: 123, 173, 226;
          --dark-accent: 123, 173, 226;
          --diagonal-stripes: unset;
  
          --header-gradient-color-bottom: 123, 173, 226;
          --header-gradient-color-middle: 80, 73, 204;
          --header-gradient-color-top: 80, 73, 204;
  
          --link-color: var(--bright-accent);
          --visited-link-color: var(--header-gradient-color-bottom);
          --hover-link-color: var(--header-gradient-color-bottom);
  }

  Pages using this styling

  • ur-typical-unrequited-love [info]

  ¶ 1 occurrence
  

  :root {
       --header-title: "Micheals-Reynders";
       --header-subtitle: "Beyond Our Paradigms";
       --logo-img: url(https://scp-wiki.wdfiles.com/local--files/i-did-not-fade/tslbdWm.png);
  }
  #page-title {
    display: none;
  }
   @media (max-width: 767px){
      :root {
       --header-title: "The University";
      }
  }
  
  @media (min-width: 767px){
      #header h2::before {
          margin-top: 1rem;
      }
  }
  
  .container {
      width: 300px;
      margin: 0 auto;  /* centers content */
  }
  
  .container video {
      width: 100%;
      height: auto; 
    display: block;
  } 

  Pages using this styling

  • unweaving-the-rainbow-an-introduction-to-quantum-thaumodynam [info]

  ¶ 1 occurrence
  

  
  div.tweet{
      color: black;
      float: center;
      border: solid 1px #000000;
      padding: 5px 15px 15px 15px;
      box-shadow: 0 1px 3px rgba(0,0,0,.2);
      width: 84%;
      margin: 2% 4% 4% 4%
  }
  
  @import url('https://fonts.googleapis.com/css?family=Cinzel');
  @import url('https://fonts.googleapis.com/css?family=Anton');
  @import url('https://fonts.googleapis.com/css?family=Pinyon+Script');
  
  /*
      The Anton font was created by Vernon Adams and is licensed under the Open Font License
      The Cinzel font was created by Natanael Gama and is licensed under the Open Font License
      The Pinyon Script font was created by Nicole Fally and is licensed under the Open Font License
  */
  
  .stuffdiv {
      color: #f8f8f8;
      background: linear-gradient(45deg, #21252E,#2F333C) padding-box, linear-gradient(124deg, #ff2400, #e81d1d, #e8b71d, #e3e81d, #1de840, #1ddde8, #2b1de8, #dd00f3, #dd00f3) border-box;
      padding: 4px;
      box-sizing: border-box;
      border: 10px solid transparent;
  }
  

  Pages using this styling

  • unusual-news [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.bunny.net/css?family=Tangerine&display=swap');
  
  .logbook {
      display: block;
      overflow: hidden;
      font-family: 'Tangerine', cursive;
      font-style: normal;
      font-size: 150%;
  
      background-attachment: scroll;
      background: linear-gradient(rgba(220, 240, 240, 0.3), rgba(240, 240, 220, 0.5)), url(https://scp-wiki.wikidot.com/local--files/unusual-cargo-hub/paperbackground.webp);
      background-clip: border-box;
      background-color: rgb(219, 199, 171);
      background-origin: padding-box;
      background-repeat: repeat;
      background-size: 100%;
  
      border: 1px solid #CCC;
      border-radius: 10px;
      padding: 2px 2px;
      margin-bottom: 10px;
  
      box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2)
      }
  .logbook p,
  .logbook ul {
      line-height: 25px;
      margin: 0;
  }

  Pages using this styling

  • unusual-cargo-hub [info]

  ¶ 1 occurrence
  

  .logbook {
      display: block;
      overflow: hidden;
      font-family: 'Tangerine', cursive;
      font-style: normal;
      font-size: 150%;
  
      background-attachment: scroll;
      background: linear-gradient(rgba(220, 240, 240, 0.3), rgba(240, 240, 220, 0.5)), url(https://scp-wiki.wikidot.com/local--files/unusual-cargo-hub/paperbackground.webp);
      background-clip: border-box;
      background-color: rgb(219, 199, 171);
      background-origin: padding-box;
      background-repeat: repeat;
      background-size: 100%;
  
      border: 1px solid #CCC;
      border-radius: 10px;
      padding: 2px 2px;
      margin-bottom: 10px;
  
      box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2)
      }
  .logbook p,
  .logbook ul {
      line-height: 25px;
      margin: 0;
  }

  Pages using this styling

  • unusual-cargo-hub [info]

  ¶ 1 occurrence
  

  
  :root {
    --accentColor: 191,189,193;
    --darkColor: 4,15,15;
  }
  

  Pages using this styling

  • untitled-paratech-company [info]

  ¶ 1 occurrence
  

  .formadao {
      border: solid 1px #888880;
      border-radius: 10px;
      background-color: #999990;
      margin: 10px 0 15px;
      box-shadow: 3px 3px 6px #bbb;
      box-shadow:
          0 2px 6px rgba(0, 0, 0, .5),
          inset 0 1px rgba(255, 255, 255, .3),
          inset 0 10px rgba(255, 255, 255, .2),
          inset 0 10px 20px rgba(255, 255, 255, .25),
          inset 0 -15px 30px rgba(0, 0, 0, .1);
      background: #fcfdfb;
      font-family: Courier New, Courier, monospace;
      font-size: 16px;
      width: auto;
      padding: 10px 15px;
      margin: 20px auto;
      background: url(https://scp-wiki.wikidot.com/local--files/untitled-metamorphic-piece-circa-2525/Background%2520%252830%2529.webp) center no-repeat;
      text-shadow: 1px 1px 1px rgba(0,0,0,.25);
  }
  
  .immaginao {
      float:right;
      width: 45%;
      padding: 0 2%
  }
  
  .criticao {
      float: center;
      border: solid 1px #000;
      padding: 1px 15px;
      box-shadow: 0 1px 3px rgba(0,0,0,.2);
      border-radius: 10px;
  }

  Pages using this styling

  • untitled-metamorphic-piece-circa-2525 [info]

  ¶ 1 occurrence
  

  @import url('https://scp-wiki.wikidot.com/local--files/project-paragon-hub/stylesheet.css');
  :root {
      --header-subtitle: "Project PARAGON";
      --cutColour: #fafafa;
      --barColour: #590505;
      --timeScale: 1;
      --timeDelay: 1s;
      --accentColor: 160, 44, 44;
      --dark-gray-monochrome: 55, 55, 55;
      --black-monochrome: 26, 26, 26;
      --lgurl: url(https://scp-wiki.wikidot.com/local--files/untitled-metamorphic-piece-circa-2525/scpnewlogo.webp);
  }
  
  #header::before {
      opacity: 0.9;
  }
  
  #page-content .info-container {
      --link-color: rgb(var(--swatch-text-general));
  }
  
  #page-content .info-container .translation_block {
      display: none;
  }
  
  #page-content .info-container .collapsible-block-link,
  #page-content .info-container:hover .collapsible-block-link {
      line-height: 1.6em;
  }
  
  #page-content .info-container .collapsible-block-folded,
  #page-content .info-container .collapsible-block-unfolded-link {
      display: grid;
  }
  
  #page-content .info-container .collapsible-block-folded .collapsible-block-link,
  #page-content .info-container .collapsible-block-link {
      -webkit-mask: unset;
              mask: unset;
      background: transparent;
      grid-column: 1;
      grid-row: 1;
      opacity: 0;
  }
  
  #page-content .info-container .collapsible-block-folded::before,
  #page-content .info-container .collapsible-block-unfolded-link::before {
      --wght: 800;
      content: "djkaktus";
      color: var(--link-color);
      font-family: Inter, Arimo, Verdana, Geneva, "Helvetica Neue", "Helvetica", Arial, sans-serif;;
      display: block;
      pointer-events: none;
      grid-column: 1;
      grid-row: 1;
  }
  
  .anom-bar-container.esoteric .text-part>.main-class::before {
      border-color: rgb(var(--swatch-menutxt-dark-color, 12, 12, 12));
  }
  
  .anom-bar-container.esoteric .text-part>.main-class::before,
  .anom-bar-container.esoteric .danger-diamond>.top-icon::before {
      background-color: rgb(var(--swatch-menutxt-dark-color, 12, 12, 12));
      background-image: url("https://scp-wiki.wikidot.com/local--files/untitled-metamorphic-piece-circa-2525/esoteric-icon-ededed.svg");
      -webkit-filter: initial;
      filter: initial;
  }
  
  .audfont {
       font-family: 'audapaupadopolisian_scriptRg';
       font-variant-ligatures: historical-ligatures;
       word-break: break-all;
  }
  
  /* Lang header CSS */
  .langheader p {
      line-height: initial;
      width: 95%;
      max-width: 100%;
      position: relative;
      display: block;
      font-size: 1em;
      font-family: Inter, sans-serif;
      font-family: var(--title-font, Inter, sans-serif);
  }
  
  /* Mobile fix for large table */
  @media(max-width:1183px){.mobile-fix-1,.mobile-fix-3{display:none}}@media(min-width:74rem){.mobile-fix-2,.mobile-fix-3{display:none}.mobile-fix-1{margin-left:-30%}}@media(max-width:43rem){.mobile-fix-2{display:none}.mobile-fix-3{display:block}}

  Pages using this styling

  • untitled-metamorphic-piece-circa-2525 [info]

  ¶ 1 occurrence
  

  :root {
       --header-title: "Department of Unreality";
       --header-subtitle: "Making the Unreal a ㅤㅤㅤㅤ";
       --lgurl: url('http://scp-wiki.wikidot.com/local--files/unreality-hub/Unreality%20Header%20Logo.svg');
  }
  
  @media only screen and (max-width: 26.5625rem) {
      :root {
          --header-title: "Unreality";
      }
  }
  
  
  .info-container{
  --barColour: #2c2427;
  --linkColour: #FFF;
  }
  
  #page-content hr {
  border-top: none;
  height: .05em;
  background: #454545;
  }
  
  #page-content > .collapsible-block {
      display: block;
      text-align: center;
      padding: .8em;
      background-color: #e3e3e3;
      border-top: 0.125rem dashed #b5b5b5;
      border-bottom: 0.125rem dashed #b5b5b5;
  }
  

  Pages using this styling

  • unreal-sushi [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Special+Elite&display=swap');
  :root {
      --basalt-overtone: 40,40,40;
      --basalt-undertone: 248,60,55;
      --basalt-background-color: 252,252,252;
  
      --link-color: var(--basalt-undertone);
      --link-visited-color: 240,52,50;
  
      --main-content-width: 63.5rem;
      --main-content-top-margin: 0rem;
      --base-font-size: 0.9675rem;
  
      --base-header-height: 2.875rem;
      --header-title: "SCP FOUNDATION";
      --subtitle-size: 0rem;
  }
  
  #header h1 a::before { content: unset; }
  #page-content h2 { text-align: center; }
  #page-title { text-align: center; margin: auto; }
  .multi-grid div h3 { font-size: 1.25em; text-align: center; }
  .multi-grid-small div h3 { font-size: 1.15em; text-align: center;}
  
  /* --- medium display features ---*/
  .multi-grid {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      grid-gap: 1.5rem;
      margin-bottom: 2.4rem;
      box-sizing: border-box;
  }
  .multi-grid > div {
      background: #fff;
      box-shadow: 0px 0px 6px rgba(0,0,0,0.24);
      padding: 1.5rem;
      border-radius: 8px;
      box-sizing: border-box;
  }
  
  .multi-grid-small {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      grid-gap: 1rem;
      margin-bottom: 2.4rem;
      box-sizing: border-box;
  }
  .multi-grid-small > div {
      background: #fff;
      box-shadow: 0px 0px 4px rgba(0,0,0,0.2);
      padding: 0.8rem;
      border-radius: 6px;
      box-sizing: border-box;
      position: relative;
  }
  
  .multi-grid-small > div > .image-container { margin-bottom: -0.4rem; margin-top: -0.4rem; }
  

  Pages using this styling

  • unofficial-scp-starter-picks [info]

  ¶ 1 occurrence
  

  .terminalbody {
      width: 100%;
      padding: 0.25rem;
      box-sizing: border-box;
      border: solid 0.15rem black;
      border-radius: 0.85rem;
      background-color:#F7F7F7;
  }
  .terminalbody hr {
      margin: 1.25rem 0;
      background-color: black;
      height: 0.15rem;
  }
  
  .mailend {
      color: white;
      background-color:#990000;
      display: flex;
      align-items: center;
      height: 2.65rem;
      width: 100%;
      box-sizing: border-box;
      font-weight: bold;
      font-size: 125%;
      padding: 0 0.75rem;
  }
  .mailend.start {
      border-radius: 0.5rem 0.5rem 0 0;
  }
  .mailend.end {
      border-radius: 0 0 0.5rem 0.5rem;
      justify-content: flex-end;
  }
  .mailend.end a {
      padding: 0.25rem 0.5rem;
      color: #990000;
      background-color: #F7F7F7;
      box-shadow: 0 0 0 0 #F7F7F7;
      border-radius: 0.75rem;
      box-sizing: border-box;
      font-size: 80%;
      transition: all 0.15s ease-out;
  }
  .mailend.end a:hover {
      text-decoration: none;
      color: #F7F7F7;
      background-color: #990000;
      box-shadow: 0 0 0 0.125rem #F7F7F7;
  }
  
  .mailbody {
      padding: 0.1rem 1rem; 
      overflow-y: auto;
  }
  .tofrom {
      margin-left: 1rem;
      margin-top: 0.25rem;;
      padding: 0 1rem;
      border-left: solid 0.25rem #990000;
      font-size: 105%;
  }

  Pages using this styling

  • universe-hub [info]

  ¶ 1 occurrence
  

  :root:root {
    --basalt-primary-color: 0, 0, 0;
    --basalt-secondary-color: 5, 5, 5;
  }
  
  :root {
      --header-title: "SHOW YOUR FANGS";
      --header-subtitle: "BECOME UNLOVABLE. FEEL YOUR BLOOD BOIL.";
      --logo: url('http://scp-sandbox-3.wikidot.com/local--files/collab:exhausthub/melt.png');
  }
  
  body {
   background-image: url(http://scp-sandbox-3.wikidot.com/local--files/collab:exhausthub/background2.png);
   backdrop-filter: brightness(0.7);
   background-size: contain;
   webkit-backdrop-filter: brightness(0.7)
  }

  Pages using this styling

  • unfiltered-exhaust-hub [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css?family=Cinzel');
  @import url('https://fonts.googleapis.com/css?family=Anton');
  @import url('https://fonts.googleapis.com/css?family=Pinyon+Script');
  #page-title { display: none; }
  
  :root {
      --header-title: none;
      --header-subtitle: none;
  
      --logo-image: url("https://scp-wiki.wdfiles.com/local--files/deer-college-hub/DeerSeal.png");
  
      --header-height-on-desktop: 13rem;
      --header-height-on-mobile: 13rem;
  
  }
  
  
  #header::before {
      background-size: auto calc(var(--header-height-on-desktop) - 4rem);
      opacity: 1;
      top: 2.5rem;
  }
  
  @media only screen and (max-width: 710px) {
      #header::before {
          background-size: auto calc(var(--header-height-on-mobile) - 8.5rem);
          top: 5rem;
      }
  }
  /* Desktop defaults */
  .header-main {
    font-family: 'Anton';
    font-size: 575%;  /* Or xx-large equivalent */
    margin: 2px 0 5px;
  }
  
  .header-sub {
    font-family: 'Anton';
    font-size: 300%;  /* Adjust as needed */
    margin: 2px 0 5px;
  }
  
  .header-author {
    font-family: serif;
    font-size: 120%;
  }
  
  /* Tablet */
  @media screen and (max-width: 1024px) {
    .header-main { font-size: 400%; }
    .header-sub { font-size: 220%; }
    .header-author { font-size: 110%; }
  }
  
  /* Mobile */
  @media screen and (max-width: 600px) {
    .header-main { font-size: 250%; }
    .header-sub { font-size: 150%; }
    .header-author { font-size: 100%; }
  }
  
  table.driver-roster{
    width:100%;
    table-layout:fixed;
  }
  table.driver-roster th,
  table.driver-roster td{
    width:50%;
  }
  table.driver-roster td,
  table.driver-roster th{
    vertical-align:middle;
  }
  
  #page-content table.wiki-content-table th {
    color: #000;
    background: transparent;
  }

  Pages using this styling

  • undervegasgrandprix [info]

  ¶ 1 occurrence
  

  .info-container{
  --barColour: rgb(var(--dark-accent));
  --linkColour: rgb(var(--bright-accent));
  }
  
  .sign {
      color: white;
  }
  
  .ature, .ature a, .ature a:visited {
      color: rgb(var(--bright-accent));
  }
  
  .personnel {
    border: 2px solid rgb(var(--bright-accent));
    padding: 0rem 1rem;
    background: rgb(var(--dark-accent));
    color: rgb(var(--bright-accent));
    margin: 0.75rem;
  }
  
  .list-pages-box{
  width:100%;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-evenly;
  }
  .article {
    border: 2px solid rgb(var(--bright-accent));
    padding: 0rem 1rem;
    background: rgb(var(--dark-accent));
    color: rgb(var(--bright-accent));
    margin: 0.75rem;
    width: fit-content;
    font-family: var(--title-font);
  }
  
  .article a, .article a:visited{
      color: rgb(var(--bright-accent));
  }
  
  /* -- CARDS -- */ 
  
  .flip-card {
    background-color: transparent;
    width: 33.5rem;
    height: 22.4rem;
    perspective: 1000px;
    margin-top: 1rem;
  
    border-radius: 2.25rem;
  }
  
  .flip-card:nth-of-type(odd) {
    margin-left: 27%;
  }
  
  .flip-card-inner {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    transition: transform 0.8s;
    transform-style: preserve-3d;
  }
  
  .flip-card:hover .flip-card-inner {
    transform: rotateX(180deg);
  }
  
  .flip-card-front, .flip-card-back {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden; /* Safari */
    backface-visibility: hidden;
  }
  
  .flip-card-front {
    background-image: url('https://scptestwiki.wikidot.com/local--files/yurtest2/KofHDarkSide.png');
    background-size: contain;
    background-repeat: no-repeat;
    border-radius: 2.25rem;
    border: 2px solid gold;
    background-color: #0000;
    background-blend-mode: overlay;
    text-shadow: 2px 2px 2px #1c1c1c;
  }
  
  .flip-card-back {
    background-image: url('https://scp-wiki.wdfiles.com/local--files/scp-7666/luxorred.png');
    background-size: cover;
    background-repeat: no-repeat;
    color: white;
    transform: rotateX(180deg);
    border-radius: 2.25rem;
    box-shadow: 0px 0px 10px 3px #6f1a1a;
  }
  
  .cardtext {
    top: 30%;
    position: absolute;
    left: 10%;
    right: 10%;
  }
  
  .flip-card-front .cardtext p {
     margin-top: 0;
  }
  
  .cardtext a { color: white!important; font-size: 120%;}
  .votes { color: rgb(255, 215, 0);}
  .comments { color: rgb(255, 215, 0);}
  .flip-card-front .cardtext {
     font-size: 125%;
  }
  .flip-card-back .cardtext {
     font-style: italic;
  }
  .flip-card:nth-of-type(2n) .flip-card-front { background-image: url('https://scptestwiki.wdfiles.com/local--files/yurtest2/QoC.png');} 
  
  @media only screen and (max-width: 1024px) {
      .flip-card {
          margin: 1rem auto;
          width: 22.5rem;
          height: 15rem;
      }
      .flip-card:nth-of-type(odd) {
          margin-left: auto!important;
      }
  }

  Pages using this styling

  • undervegas-hub [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Noto+Sans&display=swap');
  body{
  font-family:'noto sans';
  }
  #page-title{
  display:none;
  }
  .fuck a{
  color:#898989 !important;
  }
  .shit {
  margin-bottom:3px;
  background:red;
  color:white;
  padding:3px;
  border-radius:15px;
  position:relative;
  bottom:2px;
  }
  .buttonsup:after{
  content:"△";
  font-size:150%;
  }
  .buttonsdown:after{
  content:"▽";
  font-size:150%;
  }
  .buttonsup:hover:after{
  content:"▲";
  font-size:150%;
  cursor:pointer;
  }
  .buttonsdown:hover:after{
  content:"▼";
  font-size:150%;
  cursor:pointer;
  }

  Pages using this styling

  • undeadthequeen [info]

  ¶ 1 occurrence
  

   :root {
    --accentColor:#D3D3D3 ;
  }

  Pages using this styling

  • uncrossed [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;600;900&display=swap');
  
  .songbox {
      font-family: 'Roboto', sans-serif;
      position: relative;
      background: linear-gradient(180deg, rgba(34,34,34,1) 0%, rgba(18,18,18,1) 72%);
      border-radius: 0.5rem;
      font-family: 'Roboto', sans-serif;
      margin-top: -1rem;
      padding: 1rem;
      color: white;
  }
  .song {
      display: grid;
      grid-template-columns: [number] 50px [pic] 50px [title] 3fr [blurb] auto[time] 50px;
      background: transparent;
      font-size: 85%;
  }
  .song:hover {
     background: #2a2a2a;
  }
  .number{
      grid-area: number;
      color: gray;
      /* border: 1px solid green; */
      place-self: center;
  }
  .pic {
      grid-area: pic;
      /* border: 1px solid red;*/
      place-self: center;
  }
  .title {
      grid-area: title;
      /*border: 1px solid purple;*/
      color: white;
      padding-left: 1rem;
      align-self: center;
  }
  .title a, .title a:visited {
     color: white;
  }
  .blurb {
     grid-area: blurb;
     /*border: 1px solid yellow;*/
     align-self: center;
     justify-self: right;
     color: gray;
     font-style: italic;
  }
  .time {
     grid-area: time;
     /*border: 1px solid orange;*/
     align-self: center;
     justify-self: right;
     color: #444;
    font-family: monospace;
  }
     

  Pages using this styling

  • unconditional-love-hub [info]

  ¶ 1 occurrence
  

  
  @import url('https://fonts.bunny.net/css?family=EB+Garamond:500&display=swap');
  
  .raisa_box{
  border:solid 1px #252525; 
  background:#f2f2c2; 
  padding: 5px; 
  margin-bottom: 10px;
  }
  
  div.resize img{
  width: auto;
  height: 150px;
  float: left;
  margin: 5px;
  }
  
  div.resizesm img{
  width: auto;
  height: 125px;
  float: left;
  margin: 5px;
  }
  
  .ticker {
      background-color: #272727;
      white-space: nowrap;
      overflow: hidden;
      box-sizing: border-box;
      border: 4px grey solid;
     position: sticky;
     top: 0;
     text-align: center;  
     z-index: 1;
  }
  
  .shadow-text {
      animation: 2s ease-in-out infinite alternate pulse;
      color: transparent;
      font-family:"EB Garamond", sans-serif;
  font-size:120%;
  }
  
  @keyframes pulse {
      0% {
          text-shadow: #0009 -0.05em -0.05em, #aaaa 0 0;
  
  transform: rotate(-2deg);
  
      }
  
      50% {
          text-shadow: #000f -0.15em -0.15em, #aaaa 0 0;
      }
  
      100% {
          text-shadow: #0009 -0.05em -0.05em, #aaaa 0 0; 
  
  transform: rotate(4deg);
  
      }
  }
  

  Pages using this styling

  • uncle-nicolini-author-page [info]

  ¶ 1 occurrence
  

  :root {
      --header-title: "North Carolina";
      --page-font-size: 0.95rem;
      --header-subtitle: "Where Griffins are Found";
      --logo-img: url(https://scp-wiki.wdfiles.com/local--files/component:pride-highlighter/lsb_logo.svg);
  }

  Pages using this styling

  • uncgriffin-s-author-page [info]

  ¶ 1 occurrence
  

  
  @import url('https://fonts.googleapis.com/css2?family=Asap:ital@1&display=swap');
  
  .memory {
      display: block;
      overflow: hidden;
      font-family: 'Asap', sans-serif;
      font-style: normal;
      font-size: 100%;
      padding-left: 20px;
      padding-right: 10px;
  
      background-color: rgb(245, 245, 245); 
      }

  Pages using this styling

  • unbearable-hope [info]

  ¶ 1 occurrence
  

  /* SITE HEADER */
   #header h1 a,
   #header h2 span{
       color: transparent;
       text-shadow: none;
  }
   #header h1 a::before{
       content: "The Avian Division";
       font-family: "Verdana", sans-serif;
  }
   #header h2 span::before{
       content: "Until we return to The Nest";
  }
  
  /* DIV BLOCKS */
   :root{
     --accentColor: hsl(45, 100%, 45%);
  }
   .whalish{
       color: hsl(198, 94%, 36%);
  
       font-family: "Times New Roman", serif;
       font-size: 200%;
       font-style: italic;
       font-weight: bold;
       text-align: center;
       letter-spacing: 1px;
  }
  
  /* SERIES NAV */
   .series-nav{
       background: linear-gradient(to bottom right, hsla(0, 0%, 100%, 1), hsla(45, 100%, 55%, .5));
  }

  Pages using this styling

  • umbral-migratory-sequence [info]

  ¶ 1 occurrence
  

  /*
      Donkman Theme, a modification by DrAkimoto of the Aces and Eights Theme
      [2018 Wikidot Theme]
      Created by rounderhouse, with help from Uncle Nicolini.
      Based on SCP Sigma 9 Theme created by Aelanna and Dr Devan, and MC&D Theme created by 
      Randomini.
  */
   
  #header{
      background: url(null)
  }
  #header:before{
  display:block;
  position: absolute;
  width: 100px;
  height: 100px;
  top: 15%;
  left:2%;
  z-index: -1;
  content: "";
  background:url(https://scp-wiki.wikidot.com/local--files/the-donkman-s-den/donkcon);
  background-repeat: no-repeat;
  background-size: 100px 99px;
  background-position: 0px 0px 0px;
  z-index: -20;
  }
   
  #content-wrap {z-index: 2;}
   
  /* BODY */
  body {
      background: #eee4d5 !important;
  }
   
  .main-body-div{
      width: 92.7%;
      line-height: 20px;
      padding-left: 25px;
      padding-right: 25px;
      vertical-align: top;
      transition: all .7s;
      background: linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,.5)), url("https://scp-wiki.wdfiles.com/local--files/component%3Aaces-and-eights-theme/paper.jpg");
  }
   
  #header h1 a {
      font-size: 190%;
      color: transparent;
      text-shadow: none;
  }
   
  div#container-wrap {
      background: url(https://scp-wiki.wdfiles.com/local--files/component%3Aaces-and-eights-theme/header.png) top left repeat-x;
  }
   
  #header h1 a::before {
      font-family: 'Playfair Display SC', serif;
      content: "SCP Foundation";
      color: #000000;
      padding-bottom: 50px;
  }
   
  #header h2 span {
      font-size: 175%;
      color: transparent;
      text-shadow: none;
  }
  #header h2 span::before {
      font-family: 'Playfair Display SC', serif;
      content: "Secure, Contain, Protect";
      color: #000000;
      padding: 0px 0px 00px;
  }
   
  #search-top-box-input, #search-top-box input.empty,
  #search-top-box-form input[type=submit] {
      transition: 0.2s linear;
  }
   
  #search-top-box-input, #search-top-box input.empty {
      background-color: #B4935D;
      border: 1px solid #DBC39F;
      border-radius: 0;
      color: #000;
  }
   
  #search-top-box-input:hover, #search-top-box-input:focus,
  #search-top-box input.empty:hover, #search-top-box input.empty:focus {
      outline: 0;
      border: 1px solid #000;
      background-color: #B4935D;
      box-shadow: 0 1px 3px rgba(0,0,0,.8);
  }
   
  #search-top-box-form input[type=submit] {
      outline: 0;
      height: 1.65em;
      border: 1px solid #DBC39F;
      border-radius: 0;
      color: #000;
      background: #B6925E;
   
      position: relative;
      top: -1px;
   
      box-shadow: none;
  }
   
  #search-top-box-form input[type=submit]:hover,
  #search-top-box-form input[type=submit]:focus {
      border: 1px solid #000;
      border-radius: 0;
      background: #B6925E;
  }
   
  #search-top-box-form input[type=submit]:active {
      padding: 0 0.5em;
      border: 2px solid #DBC39F;
      border-radius: 0;
      color: #000;
      background: #B6925E;
  }
   
  #login-status, #login-status a {
      color: #000;
      border-color: #000;
  }
   
  #side-bar .side-block {
      padding: 10px;
      border: 1px solid #444;
      border-radius: 10px;
      box-shadow: none !important;
      background: #e7d8c2;
      margin-bottom: 15px;
      color: black;
  }
   
  h1, #page-title {
      color: #000;
      padding: 0 0 0.25em;
      margin: 0 0 0.6em;
      font-weight: heavy;
      font-family: 'Playfair Display SC', serif;
  }
   
  blockquote,
  div.blockquote {
      border-color: #444;
      background-color: #e7d8c2;
      color:#000;
  }
   
  /* inputs */
  #top-bar ul li.sfhover ul li a,
  #top-bar ul li:hover ul li a {
      border-top: 1px solid #000000;
  }
   
  #top-bar ul li.sfhover a,
  #top-bar ul li:hover a {
      background: #bc9055;
      color: #ffffff;
  }
  #top-bar ul li ul a, #top-bar a:hover {
      color: #8db600;
  }
  #top-bar ul li.sfhover a:hover,
  #top-bar ul li:hover a:hover {
      background: #680000; /* top bar hover background color */
  }
  /*nico was here*/
  :root {
      --hyperlink: #824565;
      --hyperlink-visited: #63173f;
  }
   
  @media (max-width: 479px) {
  #search-top-box-input,
  #search-top-box-form {
      display: none;
  }
   
  #header h1 a {
      font-size: 90%;
  }
   
  #header h2 span{
  font-size: 55%;
  }
   
  #header {
      background-position: 0 5.5em;
      background-size: 55px 55px;
  }
   
  #header:before{
  width: 60%;
  height: 50%;
  background-size: 55px 55px;
  background-position: 0px 0px 20px;
  }
  }

  Pages using this styling

  • ulysses-b-donkman-and-the-mournful-birthday [info]

  ¶ 1 occurrence
  

  /*
      Donkman Theme, a modification by DrAkimoto of the Aces and Eights Theme
      [2018 Wikidot Theme]
      Created by rounderhouse, with help from Uncle Nicolini.
      Based on SCP Sigma 9 Theme created by Aelanna and Dr Devan, and MC&D Theme created by Randomini.
  */
   
  @import url('https://fonts.googleapis.com/css?family=Special+Elite');
  @import url('https://fonts.googleapis.com/css?family=Arvo');
  @import url('https://fonts.googleapis.com/css?family=Cinzel');
  @import url('https://fonts.googleapis.com/css?family=Anton');
  @import url('https://fonts.googleapis.com/css?family=Six+Caps');
  @import url('https://fonts.googleapis.com/css?family=Playfair+Display+SC');
   
  #header{
      background: url(null)
  }
  #header:before{
  display:block;
  position: absolute;
  width: 100px;
  height: 100px;
  top: 15%;
  left:2%;
  z-index: -1;
  content: "";
  background:url(https://scp-wiki.wdfiles.com/local--files/ulysses-b-donkman-and-the-heinous-hitman/Pistol.png);
  background-repeat: no-repeat;
  background-size: 100px 99px;
  background-position: 0px 0px 0px;
  z-index: -20;
  }
   
  #content-wrap {z-index: 2;}
   
  /* BODY */
  body {
      background: #eee4d5 !important;
  }
   
  .main-body-div{
      width: 92.7%;
      line-height: 20px;
      padding-left: 25px;
      padding-right: 25px;
      vertical-align: top;
      transition: all .7s;
      background: linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,.5)), url("https://scp-wiki.wdfiles.com/local--files/component%3Aaces-and-eights-theme/paper.jpg");
  }
   
  #header h1 a {
      font-size: 190%;
      color: transparent;
      text-shadow: none;
  }
   
  div#container-wrap {
      background: url(https://scp-wiki.wdfiles.com/local--files/component%3Aaces-and-eights-theme/header.png) top left repeat-x;
  }
   
  #header h1 a::before {
      font-family: 'Playfair Display SC', serif;
      content: "SCP Foundation";
      color: #000000;
      padding-bottom: 50px;
  }
   
  #header h2 span {
      font-size: 175%;
      color: transparent;
      text-shadow: none;
  }
  #header h2 span::before {
      font-family: 'Playfair Display SC', serif;
      content: "Secure, Contain, Protect";
      color: #000000;
      padding: 0px 0px 00px;
  }
   
  #search-top-box-input, #search-top-box input.empty,
  #search-top-box-form input[type=submit] {
      transition: 0.2s linear;
  }
   
  #search-top-box-input, #search-top-box input.empty {
      background-color: #B4935D;
      border: 1px solid #DBC39F;
      border-radius: 0;
      color: #000;
  }
   
  #search-top-box-input:hover, #search-top-box-input:focus,
  #search-top-box input.empty:hover, #search-top-box input.empty:focus {
      outline: 0;
      border: 1px solid #000;
      background-color: #B4935D;
      box-shadow: 0 1px 3px rgba(0,0,0,.8);
  }
   
  #search-top-box-form input[type=submit] {
      outline: 0;
      height: 1.65em;
      border: 1px solid #DBC39F;
      border-radius: 0;
      color: #000;
      background: #B6925E;
   
      position: relative;
      top: -1px;
   
      box-shadow: none;
  }
   
  #search-top-box-form input[type=submit]:hover,
  #search-top-box-form input[type=submit]:focus {
      border: 1px solid #000;
      border-radius: 0;
      background: #B6925E;
  }
   
  #search-top-box-form input[type=submit]:active {
      padding: 0 0.5em;
      border: 2px solid #DBC39F;
      border-radius: 0;
      color: #000;
      background: #B6925E;
  }
   
  #login-status, #login-status a {
      color: #000;
      border-color: #000;
  }
   
  #side-bar .side-block {
      padding: 10px;
      border: 1px solid #444;
      border-radius: 10px;
      box-shadow: none !important;
      background: #e7d8c2;
      margin-bottom: 15px;
      color: black;
  }
   
  h1, #page-title {
      color: #000;
      padding: 0 0 0.25em;
      margin: 0 0 0.6em;
      font-weight: heavy;
      font-family: 'Playfair Display SC', serif;
  }
   
  blockquote,
  div.blockquote {
      border-color: #444;
      background-color: #e7d8c2;
      color:#000;
  }
   
  /* inputs */
  #top-bar ul li.sfhover ul li a,
  #top-bar ul li:hover ul li a {
      border-top: 1px solid #000000;
  }
   
  #top-bar ul li.sfhover a,
  #top-bar ul li:hover a {
      background: #bc9055;
      color: #ffffff;
  }
  #top-bar ul li ul a, #top-bar a:hover {
      color: #8db600;
  }
  #top-bar ul li.sfhover a:hover,
  #top-bar ul li:hover a:hover {
      background: #680000; /* top bar hover background color */
  }
  /*nico was here*/
  :root {
      --hyperlink: #824565;
      --hyperlink-visited: #63173f;
  }
   
  @media (max-width: 479px) {
  #search-top-box-input,
  #search-top-box-form {
      display: none;
  }
   
  #header h1 a {
      font-size: 90%;
  }
   
  #header h2 span{
  font-size: 55%;
  }
   
  #header {
      background-position: 0 5.5em;
      background-size: 55px 55px;
  }
   
  #header:before{
  width: 60%;
  height: 50%;
  background-size: 55px 55px;
  background-position: 0px 0px 20px;
  }
  }

  Pages using this styling

  • ulysses-b-donkman-and-the-heinous-hitman [info]

  ¶ 1 occurrence
  

  /*
      Donkman Theme, a modification by DrAkimoto of the Aces and Eights Theme
      [2018 Wikidot Theme]
      Created by rounderhouse, with help from Uncle Nicolini.
      Based on SCP Sigma 9 Theme created by Aelanna and Dr Devan, and MC&D Theme created by     
      Randomini.
  */
   
  #header{
      background: url(null)
  }
  #header:before{
  display:block;
  position: absolute;
  width: 100px;
  height: 100px;
  top: 15%;
  left:2%;
  z-index: -1;
  content: "";
  background:url(http://www.scp-wiki.net/local--files/the-donkman-s-den/donkcon);
  background-repeat: no-repeat;
  background-size: 100px 99px;
  background-position: 0px 0px 0px;
  z-index: -20;
  }
   
  #content-wrap {z-index: 2;}
   
  /* BODY */
  body {
      background: #eee4d5 !important;
  }
   
  .main-body-div{
      width: 92.7%;
      line-height: 20px;
      padding-left: 25px;
      padding-right: 25px;
      vertical-align: top;
      transition: all .7s;
      background: linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,.5)), url("http://scp-wiki.wdfiles.com/local--files/component%3Aaces-and-eights-theme/paper.jpg");
  }
   
  #header h1 a {
      font-size: 190%;
      color: transparent;
      text-shadow: none;
  }
   
  div#container-wrap {
      background: url(http://scp-wiki.wdfiles.com/local--files/component%3Aaces-and-eights-theme/header.png) top left repeat-x;
  }
   
  #header h1 a::before {
      font-family: 'Playfair Display SC', serif;
      content: "The Donkman's Den";
      color: #000000;
      padding-bottom: 50px;
  }
   
  #header h2 span {
      font-size: 175%;
      color: transparent;
      text-shadow: none;
  }
  #header h2 span::before {
      font-family: 'Playfair Display SC', serif;
      content: "The Tallest Tales, the Donkest Man.";
      color: #000000;
      padding: 0px 0px 00px;
  }
   
  #search-top-box-input, #search-top-box input.empty,
  #search-top-box-form input[type=submit] {
      transition: 0.2s linear;
  }
   
  #search-top-box-input, #search-top-box input.empty {
      background-color: #B4935D;
      border: 1px solid #DBC39F;
      border-radius: 0;
      color: #000;
  }
   
  #search-top-box-input:hover, #search-top-box-input:focus,
  #search-top-box input.empty:hover, #search-top-box input.empty:focus {
      outline: 0;
      border: 1px solid #000;
      background-color: #B4935D;
      box-shadow: 0 1px 3px rgba(0,0,0,.8);
  }
   
  #search-top-box-form input[type=submit] {
      outline: 0;
      height: 1.65em;
      border: 1px solid #DBC39F;
      border-radius: 0;
      color: #000;
      background: #B6925E;
   
      position: relative;
      top: -1px;
   
      box-shadow: none;
  }
   
  #search-top-box-form input[type=submit]:hover,
  #search-top-box-form input[type=submit]:focus {
      border: 1px solid #000;
      border-radius: 0;
      background: #B6925E;
  }
   
  #search-top-box-form input[type=submit]:active {
      padding: 0 0.5em;
      border: 2px solid #DBC39F;
      border-radius: 0;
      color: #000;
      background: #B6925E;
  }
   
  #login-status, #login-status a {
      color: #000;
      border-color: #000;
  }
   
  #side-bar .side-block {
      padding: 10px;
      border: 1px solid #444;
      border-radius: 10px;
      box-shadow: none !important;
      background: #e7d8c2;
      margin-bottom: 15px;
      color: black;
  }
   
  h1, #page-title {
      color: #000;
      padding: 0 0 0.25em;
      margin: 0 0 0.6em;
      font-weight: heavy;
      font-family: 'Playfair Display SC', serif;
  }
   
  blockquote,
  div.blockquote {
      border-color: #444;
      background-color: #e7d8c2;
      color:#000;
  }
   
  /* inputs */
  #top-bar ul li.sfhover ul li a,
  #top-bar ul li:hover ul li a {
      border-top: 1px solid #000000;
  }
   
  #top-bar ul li.sfhover a,
  #top-bar ul li:hover a {
      background: #bc9055;
      color: #ffffff;
  }
  #top-bar ul li ul a, #top-bar a:hover {
      color: #8db600;
  }
  #top-bar ul li.sfhover a:hover,
  #top-bar ul li:hover a:hover {
      background: #680000; /* top bar hover background color */
  }
  /*nico was here*/
  :root {
      --hyperlink: #824565;
      --hyperlink-visited: #63173f;
  }
   
  @media (max-width: 479px) {
  #search-top-box-input,
  #search-top-box-form {
      display: none;
  }
   
  #header h1 a {
      font-size: 90%;
  }
   
  #header h2 span{
  font-size: 55%;
  }
   
  #header {
      background-position: 0 5.5em;
      background-size: 55px 55px;
  }
   
  #header:before{
  width: 60%;
  height: 50%;
  background-size: 55px 55px;
  background-position: 0px 0px 20px;
  }
  }

  Pages using this styling

  • ulysses-b-donkman-and-the-foreboding-forest2 [info]

  ¶ 1 occurrence
  

  /*
      Donkman Theme, a modification by DrAkimoto of the Aces and Eights Theme
      [2018 Wikidot Theme]
      Created by rounderhouse, with help from Uncle Nicolini.
      Based on SCP Sigma 9 Theme created by Aelanna and Dr Devan, and MC&D Theme created by     
      Randomini.
  */
   
  #header{
      background: url(null)
  }
  #header:before{
  display:block;
  position: absolute;
  width: 100px;
  height: 100px;
  top: 15%;
  left:2%;
  z-index: -1;
  content: "";
  background:url(https://scp-wiki.wikidot.com/local--files/the-donkman-s-den/donkcon);
  background-repeat: no-repeat;
  background-size: 100px 99px;
  background-position: 0px 0px 0px;
  z-index: -20;
  }
   
  #content-wrap {z-index: 2;}
   
  /* BODY */
  body {
      background: #eee4d5 !important;
  }
   
  .main-body-div{
      width: 92.7%;
      line-height: 20px;
      padding-left: 25px;
      padding-right: 25px;
      vertical-align: top;
      transition: all .7s;
      background: linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,.5)), url("https://scp-wiki.wdfiles.com/local--files/component%3Aaces-and-eights-theme/paper.jpg");
  }
   
  #header h1 a {
      font-size: 190%;
      color: transparent;
      text-shadow: none;
  }
   
  div#container-wrap {
      background: url(https://scp-wiki.wdfiles.com/local--files/component%3Aaces-and-eights-theme/header.png) top left repeat-x;
  }
   
  #header h1 a::before {
      font-family: 'Playfair Display SC', serif;
      content: "The Donkman's Den";
      color: #000000;
      padding-bottom: 50px;
  }
   
  #header h2 span {
      font-size: 175%;
      color: transparent;
      text-shadow: none;
  }
  #header h2 span::before {
      font-family: 'Playfair Display SC', serif;
      content: "The Tallest Tales, the Donkest Man.";
      color: #000000;
      padding: 0px 0px 00px;
  }
   
  #search-top-box-input, #search-top-box input.empty,
  #search-top-box-form input[type=submit] {
      transition: 0.2s linear;
  }
   
  #search-top-box-input, #search-top-box input.empty {
      background-color: #B4935D;
      border: 1px solid #DBC39F;
      border-radius: 0;
      color: #000;
  }
   
  #search-top-box-input:hover, #search-top-box-input:focus,
  #search-top-box input.empty:hover, #search-top-box input.empty:focus {
      outline: 0;
      border: 1px solid #000;
      background-color: #B4935D;
      box-shadow: 0 1px 3px rgba(0,0,0,.8);
  }
   
  #search-top-box-form input[type=submit] {
      outline: 0;
      height: 1.65em;
      border: 1px solid #DBC39F;
      border-radius: 0;
      color: #000;
      background: #B6925E;
   
      position: relative;
      top: -1px;
   
      box-shadow: none;
  }
   
  #search-top-box-form input[type=submit]:hover,
  #search-top-box-form input[type=submit]:focus {
      border: 1px solid #000;
      border-radius: 0;
      background: #B6925E;
  }
   
  #search-top-box-form input[type=submit]:active {
      padding: 0 0.5em;
      border: 2px solid #DBC39F;
      border-radius: 0;
      color: #000;
      background: #B6925E;
  }
   
  #login-status, #login-status a {
      color: #000;
      border-color: #000;
  }
   
  #side-bar .side-block {
      padding: 10px;
      border: 1px solid #444;
      border-radius: 10px;
      box-shadow: none !important;
      background: #e7d8c2;
      margin-bottom: 15px;
      color: black;
  }
   
  h1, #page-title {
      color: #000;
      padding: 0 0 0.25em;
      margin: 0 0 0.6em;
      font-weight: heavy;
      font-family: 'Playfair Display SC', serif;
  }
   
  blockquote,
  div.blockquote {
      border-color: #444;
      background-color: #e7d8c2;
      color:#000;
  }
   
  /* inputs */
  #top-bar ul li.sfhover ul li a,
  #top-bar ul li:hover ul li a {
      border-top: 1px solid #000000;
  }
   
  #top-bar ul li.sfhover a,
  #top-bar ul li:hover a {
      background: #bc9055;
      color: #ffffff;
  }
  #top-bar ul li ul a, #top-bar a:hover {
      color: #8db600;
  }
  #top-bar ul li.sfhover a:hover,
  #top-bar ul li:hover a:hover {
      background: #680000; /* top bar hover background color */
  }
  /*nico was here*/
  :root {
      --hyperlink: #824565;
      --hyperlink-visited: #63173f;
  }
   
  @media (max-width: 479px) {
  #search-top-box-input,
  #search-top-box-form {
      display: none;
  }
   
  #header h1 a {
      font-size: 90%;
  }
   
  #header h2 span{
  font-size: 55%;
  }
   
  #header {
      background-position: 0 5.5em;
      background-size: 55px 55px;
  }
   
  #header:before{
  width: 60%;
  height: 50%;
  background-size: 55px 55px;
  background-position: 0px 0px 20px;
  }
  }

  Pages using this styling

  • ulysses-b-donkman-and-the-foreboding-forest [info]

  ¶ 1 occurrence
  

  /*
      Aces and Eights Theme
      [2018 Wikidot Theme]
      Created by rounderhouse, with help from Uncle Nicolini.
      Based on SCP Sigma 9 Theme created by Aelanna and Dr Devan, and MC&D Theme created by Randomini.
      The Aces and Eights logo was created by Rounderhouse, based off : https://thenounproject.com/term/poker-chip/170698/ . Licensed under CC BY 3.0
  */
   
  @import url('https://fonts.googleapis.com/css?family=Special+Elite');
  @import url('https://fonts.googleapis.com/css?family=Arvo');
  @import url('https://fonts.googleapis.com/css?family=Cinzel');
  @import url('https://fonts.googleapis.com/css?family=Anton');
  @import url('https://fonts.googleapis.com/css?family=Six+Caps');
  @import url('https://fonts.googleapis.com/css?family=Playfair+Display+SC');
   
  #header{
      background: url(null)
  }
  #header:before{
  display:block;
  position: absolute;
  width: 100px;
  height: 100px;
  top: 15%;
  left:2%;
  z-index: -1;
  content: "";
  background:url(https://upload.wikimedia.org/wikipedia/commons/9/9b/Train_Icon_bw.svg);
  background-repeat: no-repeat;
  background-size: 100px 99px;
  background-position: 0px 0px 0px;
  z-index: -20;
  }
   
  #content-wrap {z-index: 2;}
   
  /* BODY */
  body {
      background: #eee4d5 !important;
  }
   
  .main-body-div{
      width: 92.7%;
      line-height: 20px;
      padding-left: 25px;
      padding-right: 25px;
      vertical-align: top;
      transition: all .7s;
      background: linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,.5)), url("https://scp-wiki.wdfiles.com/local--files/component%3Aaces-and-eights-theme/paper.jpg");
  }
   
  #header h1 a {
      font-size: 190%;
      color: transparent;
      text-shadow: none;
  }
   
  div#container-wrap {
      background: url(https://scp-wiki.wdfiles.com/local--files/component%3Aaces-and-eights-theme/header.png) top left repeat-x;
  }
   
  #header h1 a::before {
      font-family: 'Playfair Display SC', serif;
      content: "SCP Foundation";
      color: #000000;
      padding-bottom: 50px;
  }
   
  #header h2 span {
      font-size: 175%;
      color: transparent;
      text-shadow: none;
  }
  #header h2 span::before {
      font-family: 'Playfair Display SC', serif;
      content: "Secure, Contain, Protect";
      color: #000000;
      padding: 0px 0px 00px;
  }
   
  #search-top-box-input, #search-top-box input.empty,
  #search-top-box-form input[type=submit] {
      transition: 0.2s linear;
  }
   
  #search-top-box-input, #search-top-box input.empty {
      background-color: #B4935D;
      border: 1px solid #DBC39F;
      border-radius: 0;
      color: #000;
  }
   
  #search-top-box-input:hover, #search-top-box-input:focus,
  #search-top-box input.empty:hover, #search-top-box input.empty:focus {
      outline: 0;
      border: 1px solid #000;
      background-color: #B4935D;
      box-shadow: 0 1px 3px rgba(0,0,0,.8);
  }
   
  #search-top-box-form input[type=submit] {
      outline: 0;
      height: 1.65em;
      border: 1px solid #DBC39F;
      border-radius: 0;
      color: #000;
      background: #B6925E;
   
      position: relative;
      top: -1px;
   
      box-shadow: none;
  }
   
  #search-top-box-form input[type=submit]:hover,
  #search-top-box-form input[type=submit]:focus {
      border: 1px solid #000;
      border-radius: 0;
      background: #B6925E;
  }
   
  #search-top-box-form input[type=submit]:active {
      padding: 0 0.5em;
      border: 2px solid #DBC39F;
      border-radius: 0;
      color: #000;
      background: #B6925E;
  }
   
  #login-status, #login-status a {
      color: #000;
      border-color: #000;
  }
   
  #side-bar .side-block {
      padding: 10px;
      border: 1px solid #444;
      border-radius: 10px;
      box-shadow: none !important;
      background: #e7d8c2;
      margin-bottom: 15px;
      color: black;
  }
   
  h1, #page-title {
      color: #000;
      padding: 0 0 0.25em;
      margin: 0 0 0.6em;
      font-weight: heavy;
      font-family: 'Playfair Display SC', serif;
  }
   
  blockquote,
  div.blockquote {
      border-color: #444;
      background-color: #e7d8c2;
      color:#000;
  }
   
  /* inputs */
  #top-bar ul li.sfhover ul li a,
  #top-bar ul li:hover ul li a {
      border-top: 1px solid #000000;
  }
   
  #top-bar ul li.sfhover a,
  #top-bar ul li:hover a {
      background: #bc9055;
      color: #ffffff;
  }
  #top-bar ul li ul a, #top-bar a:hover {
      color: #8db600;
  }
  #top-bar ul li.sfhover a:hover,
  #top-bar ul li:hover a:hover {
      background: #680000; /* top bar hover background color */
  }
  /*nico was here*/
  :root {
      --hyperlink: #824565;
      --hyperlink-visited: #63173f;
  }
   
  @media (max-width: 479px) {
  #search-top-box-input,
  #search-top-box-form {
      display: none;
  }
   
  #header h1 a {
      font-size: 90%;
  }
   
  #header h2 span{
  font-size: 55%;
  }
   
  #header {
      background-position: 0 5.5em;
      background-size: 55px 55px;
  }
   
  #header:before{
  width: 60%;
  height: 50%;
  background-size: 55px 55px;
  background-position: 0px 0px 20px;
  }
  }

  Pages using this styling

  • ulysses-b-donkman-and-the-clockwork-bandits [info]

  ¶ 1 occurrence
  

  :root{
  /* -- LOGO -- */
       --lgurl: url(https://scp-wiki.wdfiles.com/local--files/nightfall-hub/moon1.png);
  
  
   /* -- TITLES -- */
       --header-title: "NIGHTFALL";
       --header-subtitle: "So Darkens Time";

  Pages using this styling

  • ulla-na-folla [info]

  ¶ 1 occurrence
  

  .page {
      display: block;
      overflow: hidden;
      font-family: "Monotype Corsiva", "Bradley Hand ITC", sans-serif;
      font-style: normal;
  
      background-attachment: scroll;
      background-clip: border-box;
      background-color: transparent;
      background-image: linear-gradient(to top ,rgb(202, 219, 228) 0%, rgb(231, 233, 220) 8%);
      background-origin: padding-box;
      background-position: 0px 8px;
      background-repeat: repeat;
      background-size: 100% 20px;
      
      border: 1px solid #CCC;
      border-radius: 10px;
      padding: 10px 10px;
      margin-bottom: 10px;
  
      box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2)
      }
  .page p {
      line-height: 20px;
      margin: 0;
  }

  Pages using this styling

  • uiu-file-2020-650 [info]

  ¶ 1 occurrence
  

  blockquote {
      border-color: #000000;
      background-color: #ffffff;
  }
  
  .scp-image-block .scp-image-caption {
      background-color: #ffede0;
  }
  
  #page-content .wiki-content-table tr td {
      background-color: #fceee3;
  }
  #page-content .wiki-content-table tr th {
      background-color: #e5d6c9;
  }
  
  .colorlink a {
      color: #11ff21;
  }

  Pages using this styling

  • uiu-file-2018-479 [info]

  ¶ 1 occurrence
  

  .rate-box-with-credit-button {
      background-color: #0a0037;
      border-top: solid 1px #0a0037;
      border-bottom: solid 1px #0a0037;
      border-left: solid 1px #0a0037;
      border-right: solid 1px #0a0037;
  }

  Pages using this styling

  • uiu-file-2014-158 [info]

  ¶ 1 occurrence
  

  #header h2 span::before {
      content: 'Unusual Incidents Unit, Three Portlands Office ';
  }

  Pages using this styling

  • uiu-file-2003-112 [info]

  ¶ 1 occurrence
  

  /*
      Unusual Investigations Basalt Extension
      Created by Gabriel Kero.
  
      Based on the Basalt extension of the Bedrock theme created by Liryn and Placeholder McD
      :scp-wiki:theme:basalt & :scp-wiki:theme:bedrock
  
      and the Unusual Investigations extension of the SCP Sigma 9 theme by GreenWolf, revised by stormbreath
      :scp-wiki:theme:UI
  
      The UIU logo was created by Kyle Fitzpatrick and is licensed under CC BY-SA 3.0
  */
  
  @import url('https://fonts.googleapis.com/css2?family=Saira:wght@400;700&display=swap');
  
  :root {
      --header-logo: url('https://scp-wiki.wikidot.com/local--files/uiu-file-1972-055/themeheader.png');
      --title: "Federal Bureau of Investigation";
      --subtitle: "Unusual Incidents Unit, Pittsburgh Office";
  
      --basalt-tertiary-color: 222,222,218;
      --basalt-overtone: 10,0,55;
      --basalt-undertone: 179,0,27;
  
      --basalt-background-color: 247,243,232;
      --header-background-color: 10,0,55;
      --header-title-color: var(--basalt-primary-color);
      --header-subtitle-color: var(--basalt-primary-color);
  
      --top-bar-link-color: var(--basalt-primary-color);
      --top-bar-link-color-hover: var(--basalt-main-text-color);
      --top-bar-link-background-hover: var(--basalt-focus-color);
      --top-bar-link-background-hover-alt: 244,238,222;
      --top-bar-dropdown-link-color: var(--basalt-main-text-color);
      --top-bar-dropdown-link-color-hover: var(--basalt-main-text-color);
      --top-bar-dropdown-background: 232,226,211;
      --top-bar-dropdown-background-hover: 244,238,222;
  
      --side-bar-link-color: var(--basalt-main-text-color);
      --side-bar-media-background-color: var(--basalt-alternate-color), .115;
  
      --bottom-area-text-color: var(--basalt-tertiary-color);
      --bottom-area-background-color: var(--header-background-color);
      --footer-link-color: var(--basalt-primary-color);
  
      --button-background-color: var(--side-bar-media-background-color);
      --blockquote-background-color: var(--side-bar-media-background-color);
      --blockquote-border-color: var(--basalt-sub-text-color);
      --tab-background-color: 248,219,181;
  
      --search-icon-color: var(--basalt-primary-color);
  
      --5K-font: 'Saira';
      --base-font-size: .8rem;
  }
  
  .series-nav {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      align-content: center;
      align-items: baseline;
  
      margin: 1rem 0;
      padding: .02rem 1rem;
      background: rgb(var(--header-background-color), .8);
  
      border-top-right-radius: .67rem;
      border-top-left-radius: .67rem;
  
      font-size: 1.2em;
      font-family: var(--5K-font);
  }
  
  .series-nav>* {
      margin: 0 0.3em;
  }
  
  .end_card {
      background: linear-gradient(145deg, rgba(var(--side-bar-media-background-color)) 0%, rgb(var(--basalt-tertiary-color)) 90%);
      padding: 1.25rem 2rem;
      text-align: center;
  }
  
  #page-content .quint {
      font-family: var(--5K-font);
  }
  
  #page-content .series-nav {
      color: rgb(var(--basalt-tertiary-color));;
  }
  
  div:is(.table1) .scp-image-block {
      border-bottom-color: rgba(185, 185, 185, 0.75);
  }
  
  .papernote {
      text-align: justify;
  }
  
  :is(.image-block, .scp-image-block) :is(.image-caption, .scp-image-caption) {
    font-size: .755em;
    text-align: center;
    padding: .3rem .575rem;
    background: rgb(253, 253, 253);
  }

  Pages using this styling

  • uiu-file-1972-055 [info]

  ¶ 1 occurrence
  

  .page {
  position: center;
  width: 50%;
      display: block;
      overflow: hidden;
      font-family: "Oooh Baby", cursive;
      font-style: normal;
      font-size: 18pt;
      background-attachment: scroll;
      background-clip: border-box;
      background-color: transparent;
      background-image: linear-gradient(to top ,rgb(220, 224, 233) 0%, rgb(220, 224, 233) 8%);
      background-origin: padding-box;
      background-position: 0px 8px;
      background-repeat: repeat;
      background-size: 100% 20px;
      border: 1px solid #CCC;
      border-radius: 10px;
      padding: 15px 15px;
      margin: auto;
      box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2)
  }
  .page p,
  .page ul {
      line-height: 25px;
      margin: 0;
  }

  Pages using this styling

  • uiu-file-1972-055 [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Oooh+Baby&display=swap');

  Pages using this styling

  • uiu-file-1972-055 [info]

  ¶ 1 occurrence
  

  :root {
  --toggle-button-bg: rgb(var(--light-gray-monochrome));
  --toggle-border-color: rgb(var(--dark-gray-monochrome));
  --toggle-icon-color: rgb(var(--dark-accent));
  --toggle-roundness: 0;
  
  --tables-header-txt: var(--swatch-primary-darkest);
  }
  
  .yui-content {
      text-align: justify;
  }
  
  #content-wrap table td, 
  #content-wrap table th, 
  #content-wrap td, 
  #content-wrap th {
      border: 1px solid rgb(var(--gray-monochrome)) !important;
  }
  
  @media only screen and (min-width: 769px) {
      #top-bar>div.mobile-top-bar>div.open-menu a, 
      #top-bar>div.mobile-top-bar>div.open-menu a:hover {
          font-weight: 600
      }
  }

  Pages using this styling

  • uiu-file-1941-016 [info]

  ¶ 1 occurrence
  

  #extra-div-2 {
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0;
    position: fixed;
    z-index: 9999999;
    pointer-events: none;
    user-select: none;
    background-color: #fff;
    mix-blend-mode: saturation;
  }

  Pages using this styling

  • uiu-1929-13 [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap');
  
  /* ---- VARS ---- */
  :root {
      --darkColor: hsl(270, 74%, 5%);
      --headerColor: hsl(270, 43%, 21%);
      --lightColor: white;
      --lgurl: url(https://scp-wiki-cdn.nyc3.cdn.digitaloceanspaces.com/theme/en/black-highlighter/img/logo.svg);
  }
  
  /* ---- SITE BANNER ---- */
  div#container-wrap {
      background-image: none;
  }
  
  #header,
  div#header {
      background-image: none;
  }
  
  #header::before {
      position: absolute;
      width: 100%;
      height: 100%;
      content: "";
      margin-top: 0.5em;
      background-image: var(--lgurl);
      background-position: center top;
      background-repeat: no-repeat;
      background-size: auto 9em;
      opacity: .33;
  }
  
  #header h1,
  #header h2 {
      float: none;
      margin-left: 0;
      text-align: center;
  }
  
  #header h1 span,
  #header h2 span {
      display: none;
  }
  
  #header h1 a::before {
      position: relative;
      bottom: .15em;
      color: var(--titleColor);
      font-size: 115%;
      font-weight: 700;
      content: var(--header-title, "SCP Foundation");
  }
  
  #header h2::before {
      position: relative;
      top: .1em;
      color: var(--lightColor);
      font-size: 130%;
      font-weight: 600;
      content: var(--header-subtitle, "Secure, Contain, Protect");
  }
  
  /* ---- TOP BAR ---- */
  #top-bar {
      right: 0;
      display: flex;
      justify-content: center;
  }
  
  #top-bar ul li ul {
      border-bottom: 1px solid hsl(0, 0%, 40%);
      box-shadow: none;
  }
  
  /* ---- BODY ---- */
  #container {
      background: linear-gradient(to bottom, var(--headerColor), var(--darkColor) 200px, black 100%);
  }
  
  body {
      background: var(--darkColor);
      color: white;
  }
  
  a {
      color: hsl(270, 75%, 70%);
  }
  
  a:visited {
      color: hsl(270, 60%, 60%);
  }
  
  .hovertip {
      background: var(--darkColor) !important;
      border: 1px solid hsl(0, 0%, 50%) !important;
  }
  
  /* -------------- SIDE-BAR -------------- */
  #side-bar a,
  #side-bar a:visited,
  #side-bar a.newpage,
  #interwiki a,
  #interwiki a:visited,
  #interwiki a.newpage {
      color: hsl(250, 57%, 59%);
  }
  
  #side-bar .side-block,
  #side-bar .side-block.media,
  #side-bar .side-block.resources,
  #interwiki .side-block {
      background: var(--darkColor);
      border-color: hsl(0, 0%, 50%);
      box-shadow: none;
  }
  
  #side-bar .heading,
  #interwiki .heading {
      border-bottom: solid 1px hsl(0, 0%, 52%);
      color: hsl(0, 0%, 52%);
  }
  
  #interwiki {
      background: transparent;
  }
  
  #interwiki body {
      background-image: unset;
  }
  
  #top-bar .open-menu a {
      background: hsl(0, 0%, 9%);
  }
  
  @media (max-width: 767px) {
      #side-bar {
          background-color: hsl(270, 13%, 18%);
      }
  }
  
  #top-bar .open-menu a {
      position: fixed;
      top: 0.5em;
      left: 0.5em;
      z-index: 5;
      font-family: 'Lucida Sans Unicode','Lucida Grande','Lucida Sans','Times New Roman',Helvetica,Roboto,sans-serif;
      font-size: 30px;
      font-weight: 700;
      width: 30px;
      height: 30px;
      line-height: 0.9em;
      text-align: center;
      border: 0.2em solid hsl(0, 0%, 53%);
      background-color: hsl(0, 0%, 100%);
      border-radius: 3em;
      color: hsl(0, 0%, 53%);
      pointer-events: auto;
  }
  
  @media not all and (max-width: 767px) {
      #top-bar .mobile-top-bar {
          display: block;
          pointer-events: none;
      }
  
      #top-bar .mobile-top-bar li {
          display: none;
      }
  
      #main-content {
          max-width: 44.5rem;
          margin: 0 auto;
          padding: 0;
          transition: max-width 0.2s ease-in-out;
      }
  
      #side-bar {
          display: block;
          position: fixed;
          top: 0;
          left: -18rem;
          width: 15.25rem;
          height: 100%;
          margin: 0;
          overflow-x: hidden;
          overflow-y: auto;
          z-index: 10;
          padding: 1em 1em 0 1em;
          background-color: hsla(0, 0%, 0%, 0.1);
          transition: left 0.4s ease-in-out;
          scrollbar-width: thin;
      }
  
      #side-bar:target,
      #side-bar:focus-within {
          left: 0;
      }
  
      #side-bar:target .close-menu {
          display: block;
          position: fixed;
          width: 100%;
          height: 100%;
          top: 0;
          left: 0;
          margin-left: 17rem;
          opacity: 0;
          z-index: -1;
          visibility: visible;
      }
  
      #side-bar:not(:target) .close-menu {
          display: none;
      }
  
      #top-bar .open-menu a:hover {
          text-decoration: none;
      }
  }
  
  /* -------------- PAGE ELEMENTS -------------- */
  /* -- Rate Module -- */
  div.page-rate-widget-box .rate-points {
      background-color: var(--darkColor) !important;
      border-color: hsl(0, 1%, 66%);
      color: hsl(0, 1%, 66%) !important;
  }
  
  div.page-rate-widget-box .rateup,
  div.page-rate-widget-box .ratedown {
      background-color: hsl(0, 1%, 66%);
      border-top-color: hsl(0, 1%, 66%);
      border-bottom-color: hsl(0, 1%, 66%);
  }
  
  div.page-rate-widget-box .rateup a,
  div.page-rate-widget-box .ratedown a {
      color: var(--darkColor);
  }
  
  div.page-rate-widget-box .rateup a:hover,
  div.page-rate-widget-box .ratedown a:hover {
      background: var(--darkColor);
      color: hsl(0, 1%, 66%);
  }
  
  div.page-rate-widget-box .cancel {
      background-color: var(--darkColor);
      border-color: hsl(0, 1%, 66%);
  }
  
  div.page-rate-widget-box .cancel a {
      color: hsl(0, 1%, 66%);
  }
  
  div.page-rate-widget-box .cancel a:hover {
      background: hsl(0, 1%, 66%);
      color: var(--darkColor);
  }
  
  /* -- Info Module -- */
  #page-content .rate-box-with-credit-button {
      background-color: var(--darkColor);
      border-color: hsl(0, 1%, 66%);
      border-radius: 5px;
      box-shadow: 1px 1px 3px rgba(0,0,0,.5);
  }
  
  #page-content .creditButton p a {
      border-left-color: hsl(0, 1%, 66%);
  }
  
  .rate-box-with-credit-button .cancel {
      border-radius: 0;
  }
  
  #page-content .creditButton p a:hover {
      color: hsl(270, 90%, 61%);
  }
  
  div.modalbox {
      background: linear-gradient(hsl(0, 0%, 5%) 51px, var(--darkColor) 51px, var(--darkColor));
  }
  
  /* -- Other Page Elements -- */
  #page-title,
  .meta-title,
  h1 {
      color: hsl(270, 62%, 70%);
  }
  
  .scp-image-block .scp-image-caption {
      background-color: var(--darkColor);
      color: hsl(0, 0%, 50%);
  }
  
  blockquote,
  div.blockquote,
  .code,
  .wiki-content-table tr th,
  #lock-info {
      background: hsl(0, 0%, 5%);
      border: solid 1.5px gray;
  }
  
  .yui-navset .yui-content {
      background-color: rgba(0, 0, 0, 0);
      border: none;
  }
  
  .yui-navset .yui-nav a,
  .yui-navset .yui-navset-top .yui-nav a {
      background: hsl(0, 1%, 21%);
      color: hsl(0, 1%, 66%);
  }
  
  .yui-navset .yui-nav .selected a,
  .yui-navset .yui-nav .selected a:focus,
  .yui-navset .yui-nav .selected a:hover {
      background: hsl(270, 47%, 54%);
  }
  
  .yui-navset .yui-nav a:hover,
  .yui-navset .yui-nav a:focus {
      background: hsl(270, 54%, 19%);
  }
  
  /* code highlighter stuff */
  .hl-identifier,
  .hl-code,
  .hl-brackets {
      color: hsl(0, 1%, 66%);
  }
  
  .hl-var {
      color: hsl(300, 60%, 43%);
  }
  
  .hl-special,
  .hl-quotes {
      color: hsl(270, 91%, 50%);
  }
  
  .hl-number,
  .hl-string {
      color: hsl(270, 100%, 50%);
  }
  
  /* Page Revisions Readability */
  del,
  ins {
      color: hsl(0, 0%, 20%);
  }
  
  /* ---- PAGE TITLE ---- */
  .meta-title,
  #page-title {
      text-align: center;
  }
  
  /* ---- MOBILE DISPLAY ---- */
  @media (max-width: 767px) {
      #search-top-box {
          top: 1.85em;
          width: unset;
      }
  
      .mobile-top-bar {
          position: relative;
          left: 0;
          display: flex;
          justify-content: center;
      }
  
      #login-status {
          top: 0;
          right: 0;
      }
  
      #header .printuser {
          font-size: 0;
      }
  
      #header .printuser img.small {
          margin: 0;
          transform: translate(6px, 4px);
      }
  
      #my-account {
          display: none;
      }
  
      #account-topbutton {
          margin-left: 2px;
      }
  }
  
  /* AUTHOR PAGE DIVS */
  
  div.article {
    background-color: rgba(34, 34, 34, 0.5);
    width: 100%
    border-radius: 5px;
    padding: 2em;
    margin: 3em auto;
    display: flex;
    flex-direction: column;
  }
  
  .article-title {
    display: block;
    width: 100%;
    font-size: 400%;
    font-weight: bold;
    font-family: 'Outfit';
    text-align: center;   
    line-height: 1;
  }
  
  .mini {
    font-size: 250%;
    margin-bottom: 1em;
  }
  
  .article-subtitle {
    display: block;
    width: 100%;
    font-size: 150%;
    font-family: 'Outfit';
    text-align: center;  
    margin-bottom: 1.5em;
  }
  
  .h-wrapper {
    display: flex;
    width: 100%;
    flex-direction: row;
  }
  
  div.info {
      flex: 0 0 60%;
      background-color: rgba(50, 50, 50, 0.5);
      border-radius: 5px;
      padding: 1em;
      margin-right: 15px;
      box-sizing: border-box;
  }
  
  div.info-wide {
      flex: 0 0 100%;
      background-color: rgba(50, 50, 50, 0.5);
      border-radius: 5px;
      padding: 1em;
      box-sizing: border-box;
  }
  
  div.cover-image {
      flex: 0 0 40%;
      padding: 1em;
      box-sizing: border-box;
      position: relative;
  }
  
  div.cover-image img {
      width: 100%;
      height: auto;
      aspect-ratio: 1 / 1;
      object-fit: cover;
      border-radius: 5px;
  }
  
  img.icon-img {
    width: 50px;
    display: inline-block;
    vertical-align: middle;
    padding: 1em;
  }
  

  Pages using this styling

  • ubergoober [info]

  ¶ 1 occurrence
  

  #header {background-image: url(https://scp-wiki.wikidot.com/local--files/slice-of-life/spicy-crust-pizzeria.png);}
  #header h1 a {
      display: block;
      margin: 0;
      padding: 80px 0 25px;
      line-height: 0px;
      max-height: 0px;
      color: transparent;
      background: transparent;
      font-family: BauhausLTDemi. 'Nanum Gothic'. Arial. sans-serif;
      text-decoration: none;
      text-shadow: none;
      letter-spacing: 0.9px;
  }
   
  #header h1 a::before {
      content: "SCP Foundation";
      color: #fff;
      letter-spacing: -0.02em;
      text-shadow: 3px 3px 5px #000;
  }
   
  #header h2 span {
      display: block;
      margin: 0;
      padding: 19px 0;
      line-height: 0px;
      max-height: 0px;
      font-weight: bold;
      color: transparent;
      text-shadow: none;
  }
   
  #header h2 span::before {
      content: 'Subs, Chicken Wings, Panzerotti';
      color: #fff;
      text-shadow: 1px 1px 1px #000;
      text-shadow: 1px 1px 1px rgba(0,0,0,.8);
  }
  
  sup {
    vertical-align: top;
    position: relative;
    top: -0.5em;
  }
  
  .scp-image-block.block-right { margin: 1em 2em 1em 1em; }

  Pages using this styling

  • tyrone-joins-the-family [info]

  ¶ 1 occurrence
  

  .bubble {
      margin: 15px;
      padding: 24px;
      border: 3px solid black;
      border-radius: 12px;
      background-color: #FFFFFF;
      min-height: 150px;
  }
  
  .scp-image-block .scp-image-caption{
      font-size: 1.5em;
  }
  

  Pages using this styling

  • twin-sites-hub [info]

  ¶ 1 occurrence
  

  :root {
    --accentColor: 5,195,221;
    --darkColor: 2,9,54;
  }
  #page-title {
      display: none;
  }

  Pages using this styling

  • tstaffor-s-author-page [info]

  ¶ 1 occurrence
  

  div.pullquote {
  border: 1px dashed #999;
  padding: 1em 2em;
  text-align: center;
  margin: 1em;
  }

  Pages using this styling

  • tsercele-s-author-page [info]

  ¶ 1 occurrence
  

  
  .foldable-list-container a {
      animation: blink 1.0s ease-in-out infinite alternate;
      color: #320042;
      font-size: 40px
  }
  
  @keyframes blink {
      0% { color: transparent; }
      50%, 100% { color: #320042; }
  }
  
  #page-title {
      font-weight: bold !important;
      text-align: center !important;
      color: #320042 !important;
  }
  

  Pages using this styling

  • try-again [info]

  ¶ 1 occurrence
  

  #side-bar .close-menu::before,
  #side-bar .close-menu::after {
      content: "🐟🐟🐟🐟🐟🐟🐟🐟";
      font-size: 41px;
  }

  Pages using this styling

  • trouts-authorpage [info]

  ¶ 1 occurrence
  

  div#extra-div-1 {
       width: 100%;
       height: 100%;
       position: absolute;
       top: calc(var(--final-header-height-on-desktop));
       left: 0;
       z-index: -1;
       background-image: url(https://scp-sandbox-3.wikidot.com/local--files/collab:authorpage/never4get.png);
       background-size: 100%, 80% var(--background-gradient-distance);
       background-repeat: no-repeat, repeat-x;
       pointer-events: none;
  }

  Pages using this styling

  • trouts-authorpage [info]

  ¶ 1 occurrence
  

  :root {
      --bright-accent: 255, 255, 191;
      --medium-accent: 255, 255, 191;
      --dark-accent: 255, 165, 0;
  }

  Pages using this styling

  • trouts-authorpage [info]

  ¶ 1 occurrence
  

  :root {
  --header-title: "tROUT 🍑🍑🍑 REpI1ca";
  --header-subtitle: "suck my ball (ow) :fire: :fire: :fire:";
  --lgurl: url('crudelogo.jpg');
      --logo-image: url("https://scp-sandbox-3.wikidot.com/local--files/collab:authorpage/trout.png");
  }
  
  #content-wrap {
  background-image: https://upload.wikimedia.org/wikipedia/commons/d/de/Priest_on_a_Pillar.png
  background-attachment: fixed;
  background-repeat: repeat;
  background-size: 100%;
  }
  
  body {
      cursor: wait;
  }

  Pages using this styling

  • trouts-authorpage [info]

  ¶ 1 occurrence
  

  
  .toc {
      z-index: 2;
      text-align: center;
      height: 10rem;
      width: 8rem;
      background: #FFFFFF;
      border: solid black 2px;
      position: -webkit-sticky;
      position: sticky;
      top: 15rem;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
         -moz-box-orient: vertical;
         -moz-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-transform: translateX(-120%);
         -moz-transform: translateX(-120%);
          -ms-transform: translateX(-120%);
           -o-transform: translateX(-120%);
              transform: translateX(-120%);
  }
  
  .toc2 {
      z-index: 2;
      text-align: center;
      height: 19rem;
      width: 8rem;
      background: #FFFFFF;
      border: solid black 2px;
      position: -webkit-sticky;
      position: sticky;
      top: 15rem;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
         -moz-box-orient: vertical;
         -moz-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-transform: translateX(600%);
         -moz-transform: translateX(600%);
          -ms-transform: translateX(600%);
           -o-transform: translateX(600%);
              transform: translateX(600%);
  }
  
  #extra-div-2 {
  height: var(--header-height-on-desktop);
  width: 88%;
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
  background-color: black;
  background-image: url("https://upload.wikimedia.org/wikipedia/commons/f/fd/Mylohyoid_line_-_animation01.gif?20140725025811");
  background-size: calc(var(--header-height-on-desktop) * 1.2);
  }
  
  #header {
  -webkit-filter: invert(100%);
  filter: invert(100%);
  }
  

  Pages using this styling

  • trouts-authorpage [info]

  ¶ 1 occurrence
  

   :root{
     --header-title: "The Trotskyeet Experience";
     --header-subtitle: "Riding Coattails Since 2019!";
     --lgurl: url(https://scp-wiki.wdfiles.com/local--files/component:pride-highlighter/bi_logo_blk.svg);
  }

  Pages using this styling

  • trotskyeet-author [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=EB+Garamond&display=swap');
  
  .definition {
      font-family: 'EB Garamond', serif;
      text-align: center;
      font-size: 140%;
  }
  
  .definition h1 {
      color: black;
      font-family: 'EB Garamond', serif;
  }
  
  :root {
    --accentColor: #B00F0F;
  }

  Pages using this styling

  • tropes-cliche-reinventingthewheel [info]

  ¶ 1 occurrence
  

  div#extra-div-1 {
      background-image: url('https://scp-wiki.wdfiles.com/local--files/theme%3Adarkqueer/SiteLogo_3.png') !important;
      filter: invert(1) opacity(0.75);
  }
  #page-content .modalbox {
      background: var(--darkest-color);
      border: solid 2px var(--brighter-white);
  }
  #page-content .modalbox a {
      color: var(--off-white);
  }
  #page-content .modalbox hr {
      margin: 0.5em 2em;
  }

  Pages using this styling

  • triskaidekatych [info]

  ¶ 1 occurrence
  

  
  [[/div]]
  :root {
   [[html]]
  --headerSubtitle: "Triple Hub";
  }
  [[/html]]
  

  Pages using this styling

  • triple-hub [info]

  ¶ 1 occurrence
  

  :root {
    --accentColor: #FDDA0D;
  }
  
  #page-title {
      display: none;
  }

  Pages using this styling

  • trapped-in-yellow-lightning [info]

  ¶ 1 occurrence
  

  .metaphysiverse {
      font-size: 12pt; 
      font-family: courier

  Pages using this styling

  • transposthumousism [info]

  ¶ 1 occurrence
  

  
  .email {
      background: url(http://scp-wiki.wdfiles.com/local--files/the-great-hippo/SCP_icon%281%29.png) top right no-repeat;
      border: solid 3px #444444;
      width: 85%; padding: 1px 15px;
      margin: auto; margin-top: 10px;
      margin-bottom: 10px;
      border-style: solid;
      border-width: 2px;
      border-color: #6699ff;
  }
  
  .tofrom {
      margin-left: 0.625rem;
      margin-top: 0.312rem;
      padding: 0 1em;
      border-left: 3px solid;
      border-radius: 4px;
      border-color: #6699ff;
  }
  
  .tofrom strong {
      color: #6699ff;
  }

  Pages using this styling

  • transfer-request [info]

  ¶ 1 occurrence
  

  /*
      [2020 Wikidot Theme]
      Created by GreenWolf
      CC BY-SA 3.0
  */
  
  @import url('https://fonts.googleapis.com/css?family=Mansalva&display=swap');
  
  #page-title {
      color: #262F64;
      border-color: #262F64
  }
  body {
      background: #cfe4d7;
  }
  a {
      color: #262F64;
  }
  a:visited {
      color: #589c9f;
  }
  a.newpage {
      color: #b4d3d4;
  }
  h1 {
      color: #262F64;
  }
  div#container-wrap {
      background: url(https://scp-wiki.wikidot.com/local--files/three-portlands-hub/3Ports_Banner.png) top left repeat-x;
  }
  #header {
      background: url(https://scp-wiki.wikidot.com/local--files/three-portlands-hub/3Ports_Flag_Transparent_Small.png) 10px 40px no-repeat;
      background-position: -3em 2em;
      background-size: 190px 114px
  }
  #header h1 a span {
      font-size: 0px;
  }
  #header h1 a:before {
      content: "Three Portlands";
      color: #262F64;
      text-shadow: none;
      padding: 0.1em;
      font-family: 'Mansalva', Mansalva;
  }
  #header h2 span {
      font-size:0px;
      padding: 4px;
  }
  #header h2:after {
      content: "The Weird City Cannot Be Tamed";
      font-weight: bold;
      color: #262F64;
      padding: 19px 1em;
      text-shadow: none;
      white-space: pre;
  }
  #side-bar a:visited {
      color: #589c9f;
  }
  #side-bar img {
      filter: hue-rotate(90deg);
      -webkit-filter: hue-rotate(90deg);
  }
  
  #side-bar div.side-block.media img {
      filter: none;
      -webkit-filter: none;
  }
  div.scpnet-interwiki-wrapper {
      filter: hue-rotate(170deg) brightness(90%)
  }
  #side-bar .side-block {
      background: #dbe2de !important;
      border-color: #262F64;
      box-shadow: none !important
  }
  #side-bar .heading {
      color: #262F64
  }
  #search-top-box-input {
      border: solid 1px #0c1121;
      color: #e9ebf0;
      background-color: #222e59;
  }
  #search-top-box-input:hover,
  #search-top-box-input:focus {
      border: solid 1px #bfc3d4;
      color: #e9ebf0;
      background-color: #404d7e;
  }
  #search-top-box-form input[type=submit] {
      border: solid 1px #0c1121;
      color: #e9ebf0;
      background-color: #222e59;
      background: linear-gradient(to bottom, #263464,#1e284e);
      cursor: pointer;
  }
  #search-top-box-form input[type=submit]:hover,
  #search-top-box-form input[type=submit]:focus {
      border: solid 1px #bfc3d4;
      color: #e9ebf0;
      background-color: #222e59;
      background: linear-gradient(to bottom, #1e284e,#263464);
  }
   
  #login-status {
      color: #e9ebf0;
  }
  #login-status a {
      color: #e9ebf0;
  }
  #login-status ul a {
      color: #4057a7;
  }
   
  #account-topbutton {
      color: #4057a7;
  }
  .page-rate-widget-box .rate-points {
      background-color: #2d4837 !important;
      border: solid 1px #21402c;
  }
  .page-rate-widget-box .rateup,
  .page-rate-widget-box .ratedown {
      background-color: #266365;
      border-top: solid 1px #21402c;
      border-bottom: solid 1px #21402c;
  }
  .page-rate-widget-box .rateup a,
  .page-rate-widget-box .ratedown a {
      color: #e9ebf0;
  }
  .page-rate-widget-box .rateup a:hover,
  .page-rate-widget-box .ratedown a:hover {
      background: #2d4837;
      color: #e9ebf0;
  }
  .page-rate-widget-box .cancel {
      background-color: #2d4837;
      border: solid 1px #21402c;
  }
  .page-rate-widget-box .cancel a {
      color: #e9ebf0;
  }
  .page-rate-widget-box .cancel a:hover {
      background: #266365;
      color: #e9ebf0;
  }
  #top-bar a {
      color: #e9ebf0;
  }
  #top-bar ul li ul {
      border: solid 1px #262F64;
  }
  #top-bar ul li.sfhover a,
  #top-bar ul li:hover a {
      background: #dbe2de;
      color: #262F64;
  }
   
  #top-bar ul li.sfhover ul li a,
  #top-bar ul li:hover ul li a {
      border-top: 1px solid #262F64;
  }
   
  #top-bar ul li.sfhover a:hover,
  #top-bar ul li:hover a:hover {
      background: #95a99c;
  }
  #top-bar ul li ul a, #top-bar a:hover {
      color: #262F64;
  }
  div.yui-navset div.yui-content {
      background: #dbe2de;
  }
  div.yui-navset ul.yui-nav a:hover,
  div.yui-navset ul.yui-nav a:focus {
      background: #dbe2de;
  }
  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: #4f9e6e;
  }

  Pages using this styling

  • tpias-hub [info]

  ¶ 1 occurrence
  

  
  @import url('https://fonts.googleapis.com/css2?family=Courgette&display=swap');
  
  @font-face {
      font-family: 'TT2020 Style D';
      src: url(https://cdn.jsdelivr.net/gh/SYwaves/Webfont-Archive@master/TT2020StyleD-Regular.woff2) format("woff2");
      font-weight: normal;
      font-style: normal;
      font-display: swap;
  }
  @font-face {
      font-family: 'TT2020 Style D';
      src: url(https://cdn.jsdelivr.net/gh/SYwaves/Webfont-Archive@master/TT2020StyleD-Italic.woff2) format("woff2");
      font-weight: normal;
      font-style: italic;
      font-display: swap;
  }
  
  :root {
      --accent-h: -69deg;
      --complement-h: calc(var(--accent-h) + 200deg);
      --primary-accent-1: var(--accent-h) 87.5% 54.25%;
      --primary-accent-2: var(--accent-h) 70% 62.5%;
      --primary-accent-3: calc(var(--accent-h) - 5deg) 67.5% 67.25%;
      --dark-accent: calc(var(--accent-h) - 1.5deg) 50% 12.5%;
      --dark-complement: var(--complement-h) 10.5% 2.5%;
      --assist-color: var(--accent-h) 6% 10%;
  
      --s-header-desktop-height: 39.5rem;
      --s-header-mobile-height: var( --s-header-desktop-height);
      --sp_dropdown-width: 22ch;
      --header-title: 'SCP Anthology 2025';
      --header-subtitle: 'Face The Fun.';
      --sp_header-title-size: min(calc(2.675rem * var(--sp_header-title-scale)), calc(.875rem * var(--sp_header-title-scale) + 2.5vw));
      --sp_header-title-scale: 2.75;
      --sp_header-subtitle-scale: 2.25;
  
      --anthology-fg: url(https://smlt.wdfiles.com/local--files/odule%3Acrab/ant24fig.png);
      --anthology-bg: url(https://smlt.wdfiles.com/local--files/yossipossi%3Atotally-legit-anthology-2025/antholgy.jpg);
      --anthology-blend-color: rgb(4 4 4);
      --anthology-blend-gap: 6.5rem;
      --anthology-body-bg: url(https://smlt.wdfiles.com/local--files/odule%3Acrab/tilebg.png);
  
      --header-font:  "Courgette";
      --body-font: InterVariable,Inter,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Fira Sans','Droid Sans','Helvetica Neue',sans-serif;
  
      --main-content-width: 84.25rem;
      --sp_area-max-width: 84.25rem;
      --sp_area-min-margin: 1.75rem;
  }
  
  body, textarea, input {
      background-color: hsl(var(--dark-complement));
      color: hsl(var(--light-accent-1));
  }
  
  body {
      background-image: linear-gradient(to right, transparent 0%, hsl(var(--dark-complement)) 25%, hsl(var(--dark-complement)) 75%, transparent 100%), var(--anthology-body-bg);
      background-size: auto, 31.75rem;
  }
  
  #container::before {
      clip-path: initial;
      width: 100%;
      height: var(--anthology-blend-gap);
      background: linear-gradient(to bottom, var(--anthology-blend-color), transparent);
  }
  
  /*-------------------------------*/
  /*-------------------------------*/
  /*-------------------------------*/
  
  #header {
      grid-template-areas:
          "login login login search"
          "top-bar top-bar top-bar top-bar"
          ". . . ."
          "h1 h1 h1 h1"
          "h2 h2 h2 h2";
      grid-template-rows: auto auto 1fr auto auto;
  
      background-color: var(--anthology-blend-color);
      background-image: var(--anthology-bg);
      background-size: auto 100%;
      background-position: center;
      background-repeat: no-repeat;
  }
  #header::before { all: unset; }
  
  #login-status {
      background-color: var(--anthology-blend-color);
  }
  
  #top-bar {
      background: transparent;
  }
  #top-bar div[class*="top-bar"] > ul > li { flex-grow: 1; }
  
  
  #header :is(h1,h2) {
      margin: initial;
      text-align: center;
      z-index: 1;
      position: relative;
  }
  #header h1 a {
      color: hsl(var(--primary-accent-1));
      text-shadow: 0 0 0.325rem hsl(var(--primary-accent-2) /.25);
      letter-spacing: -.1rem;
      line-height: 0.875;
  }
  
  
  #header-extra-div-1, #header-extra-div-2, #header-extra-div-3 { all: unset; }
  
  #top-bar div.open-menu a {
      background-color: hsl(var(--dark-complement));
      clip-path: unset;
  }
  
  /*-------------------------------*/
  /*-------------------------------*/
  /*-------------------------------*/
  
  #container {
      overflow-x: hidden;
  }
  
  #content-wrap {
      margin-top: 0;
  }
  
  #page-title {
      display: none;
  }
  
  /*-------------------------------*/
  
  .page-source, .code,
  .owindow, div.modalbox, #lock-info {
      background-color: hsl(var(--dark-complement));
  }
  
  .city-block {
      width: min(calc(100% - 2rem), 80ch);
      padding: 0.5rem 1.75rem;
      margin-block: 2.25rem;
      background-color: hsl(var(--primary-complement) / 0.05);
  }
  
  
  .collapsible-block-folded, .collapsible-block-unfolded-link { text-align: center; }
  /*-------------------------------*/
  
  .a-randomizer {  padding-block-end: .001rem; pointer-events: none; }
  .a-randomizer div[id] { display: none; }
  
  .a-randomizer .dude {
      background-image: var(--anthology-fg);
      background-size: auto 100%;
      background-position: center;
      background-repeat: no-repeat;
      position: absolute;
      height: var(--sp_final-header-height); width: 100%;
      left: 0; bottom: calc(100% + var(--anthology-blend-gap));
      visibility: hidden;
  }
  .a-randomizer div:is([id$="4"]) + .dude {
      visibility: visible;
  }
  
  .aria-only {
      position: absolute;
      border: none;
      font-size: 0.1em;
      opacity: .01;
      color: transparent;
      pointer-events: none;
  }
  
  /*-------------------------------*/
  /*-------------------------------*/
  /*-------------------------------*/
  
  .anthology-cards-container {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      gap: 2.25rem 1.625rem;
      margin: 2.5rem auto;
  }
  
  .anthology-card {
      --cut: 1.25rem;
      --w: .3875rem;
      --card-size: 17.5rem;
      --time: .175s ease-out .075s;
  
      display: flex;
      flex-direction: column;
      align-items: center;
      flex-basis: var(--card-size);
      aspect-ratio: 7 / 9;
      position: relative;
      text-align: center;
      isolation: isolate;
      transition: all var(--time);
  }
  
  
  .eulogy {
      display: grid;
      place-content: center;
      height: calc(var(--cut)* 2);
      font-family: var(--UI-font);
      font-size: 1.05em;
      font-weight: bold;
      letter-spacing: .05rem;
      position: relative;
      z-index: 1;
      width: calc(100% - 2.75rem);
      margin-block-end: calc(var(--cut)* -1);
      line-height: 1.15;
  }
  .eulogy::before, .eulogy::after {
      content: "";
      position: absolute;
      bottom: 0; left: 0;
      width: 100%; height: 100%;
      clip-path: polygon( 0% var(--cut), var(--cut) 0%, calc(100% - var(--cut)) 0%, 100% var(--cut), 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, var(--cut) 100%, 0% calc(100% - var(--cut)) );
      z-index: -1;
      background-color: hsl(var(--assist-color));
  }
  .eulogy::before {
      background-color: var(--acc);
      transition: all var(--time);
  }
  
  
  .backing-img {
      flex-grow: 1;
      position: relative;
      background-color: hsl(var(--assist-color));
      align-self: stretch;
      isolation: isolate;
  }
  .backing-img::before, .backing-img::after {
      content: "";
      position: absolute;
      top: 0; left: 0; bottom: 0; right: 0;
  }
  .backing-img::after {
      background-color: hsl(var(--dark-complement));
      background-image: var(--cover-img);
      background-size: cover;
      background-position: center;
  }
  .backing-img::before {
      background-image: linear-gradient(to bottom, var(--acc) var(--cut), hsl(var(--dark-complement)));
      transition: all var(--time);
  }
  
  .backing-img > a {
      position: absolute;
      top: 0; left: 0;
      width: 100%; height: 100%;
      border: none;
      background: unset;
      color: transparent;
      font-size: 0.1em;
      z-index: 1;
  }
  
  .anthology-title {
      position: relative;
      align-self: stretch;
  }
  .anthology-title .main {
      position: absolute;
      bottom: calc(100% - 1px);
      left: 0;
      width: 100%;
      font-family: var(--header-font);
      font-weight: bold;
      font-size: 1.5em;
      padding: .25em;
      padding-block-start: .5em;
      box-sizing: border-box;
      background-image: linear-gradient(to bottom, transparent, hsl(var(--dark-complement)) 67.5%);
      text-shadow: 0 0 0.625em hsl(var(--dark-complement));
      transition: color var(--time);
  }
  .anthology-title .sub {
      display: grid;
      place-content: center;
      position: relative;
      padding-block: 0.325rem;
      box-sizing: border-box;
      height: 1.875rem;
      font-family: var(--UI-font);
  }
  .anthology-title .sub p {
      margin: 0;
      padding-inline: .25rem;
      line-height: 1.25;
      clip-path: inset(0 50%);
      transition: clip-path var(--time);
  }
  .anthology-title .sub strong {
      color: var(--acc);
  }
  
  .anthology-title .sub::before,
  .anthology-title .sub::after {
      content: "";
      position: absolute;
      width: var(--cut);
      height: var(--cut);
      box-sizing: border-box;
      border: solid .175rem var(--acc);
      background-color: var(--acc);
      box-shadow: inset 0 0 0 .225rem hsl(calc( -12deg + 190deg) 10.5% 3.25%);
      top: calc(50% - var(--cut)/2);
      transform: rotate(45deg);
      transition: all var(--time);
  }
  .anthology-title .sub::before {
      left: calc(50% - var(--cut)/2);
      clip-path: polygon(0 0, 100% 0, 100% 100%);
  }
  .anthology-title .sub::after {
      right: calc(50% - var(--cut)/2);
      clip-path: polygon(0 0, 0 100%, 100% 100%);
  }
  
  /*-------------------------------*/
  
  /* Card hover */
  
  .anthology-card:is(:hover,:focus-within) {
      z-index: 1;
      transform: scale(1.1);
  }
  
  .anthology-card:is(:hover,:focus-within) .eulogy::before {
      bottom: calc(var(--w));
      left: calc(var(--w)*-.3535);
      width: calc(var(--w)*.707 + 100%);
  }
  
  .anthology-card:is(:hover,:focus-within) .backing-img::before {
      top: calc(var(--w)*-1);
      left: calc(var(--w)*-1);
      right: calc(var(--w)*-1);
  }
  
  .anthology-card.a-active:is(:hover,:focus-within) .anthology-title .main:not(:has(.trauma)) {
      color: var(--acc);
  }
  
  .anthology-card.a-active:is(:hover,:focus-within) .anthology-title .main:has(.trauma) {
      color: #FF00FF;
  }
  
  .anthology-card.a-active:is(:hover,:focus-within) .sub p { clip-path: inset(0); }
  .anthology-card.a-active:is(:hover,:focus-within) .sub::before { left: calc(var(--cut)*-1); }
  .anthology-card.a-active:is(:hover,:focus-within) .sub::after { right: calc(var(--cut)*-1); }
  
  /*-------------------------------*/
  
  /* Fallback if no set accent color */
  
  .anthology-card[style*="$color"] {
      --acc: hsl(var(--primary-accent-1))!important;
  }
  
  /* Not active card */
  
  .anthology-card:not(.a-active) {
      --acc: hsl(var(--accent-h) 5% 50%)!important;
      opacity: .675;
      cursor: not-allowed;
  }
  
  .anthology-card:not(.a-active) :is(.backing-img > a, .sub p) { visibility: hidden; }
  .anthology-card:not(.a-active) .backing-img::after {
      background-image: url(https://smlt.wdfiles.com/local--files/odule%3Acrab/brick.jpg);
  }
  
  .anthology-card:not(.a-active) .anthology-title .sub::before,
  .anthology-card:not(.a-active) .anthology-title .sub::after {
      background: transparent;
      box-shadow: none;
  }
  
  /*-------------------------------*/
  /*-------------------------------*/
  /*-------------------------------*/
  
  .yui-navset .yui-nav {
    justify-content: center;
    gap: 0.75rem 1.625rem;
  }
  .yui-navset .yui-nav li {
    flex: 0 1 clamp(5rem, 22%, 17.5rem);
  }
  
  .closable-tab .yui-navset .yui-nav {
    position: relative;
    z-index: 1;
  }
  .closable-tab .yui-navset .yui-nav li:first-child {
      position: absolute;
      top: calc(100% + 1.5rem);
      left: 0;
      transform: translateX(-50%);
  }
  
  .closable-tab .yui-navset .yui-nav li:first-child a {
      display: grid;
      place-items: center;
      aspect-ratio: 1;
      height: 1.875rem;
      min-height: unset;
      padding: 0.175rem;
      clip-path: unset;
      background: transparent;
      font-weight: bold;
      isolation: isolate;
  }
  .closable-tab .yui-navset .yui-nav li:first-child a::before {all: unset;}
  .closable-tab .yui-navset .yui-nav li:first-child a::after {
      content: "";
      position: absolute;
      top: 0; left: 0;
      width: 100%; height: 100%;
      box-sizing: border-box;
      border: solid .175rem hsl(var(--primary-accent-1));
      background-color: hsl(var(--dark-complement));
      transform: rotate(45deg);
      z-index: -1;
  }
  
  
  .closable-tab .yui-navset .yui-nav li:first-child.selected,
  .closable-tab .yui-navset .yui-nav:has(li:first-child.selected)::after,
  .closable-tab .yui-navset:has(.yui-nav li:first-child.selected) .yui-content {
    display: none;
  }
  
  .closable-tab .yui-navset .yui-content {
    padding-inline: 1.5rem;
  }
  
  .closable-tab div.audio_iframe {
      width: 28rem;
      margin-inline: auto;
      padding-bottom: 0;
  }
  
  /* Randomise Mnemophilia/Alethophilia */
  /* Cover image - each of these has a cumulative 25% chance of applying */
  .a-randomizer:has([id*='34'],[id*='93'],[id$='4'],[id$='5'],[id$='6']) ~ .anthology-cards-container [style*='thestoner'] {
    --cover-img: url(https://scp-wiki.wdfiles.com/local--files/totally-legit-scp-anthology-2025/thestoner02.jpg) !important;
  }
  .a-randomizer:has([id*='23'],[id*='63'],[id*='88'],[id$='7'],[id$='8']) ~ .anthology-cards-container [style*='thestoner'] {
    --cover-img: url(https://scp-wiki.wdfiles.com/local--files/totally-legit-scp-anthology-2025/thestoner03.jpg) !important;
  }
  .a-randomizer:has([id*='12'],[id*='54'],[id*='22'],[id*='99'],[id$='9']) ~ .anthology-cards-container [style*='thestoner'] {
    --cover-img: url(https://scp-wiki.wdfiles.com/local--files/totally-legit-scp-anthology-2025/thestoner04.jpg) !important;
  }
  /* Title - 50% chance of applying */
  .anthology-cards-container [style*='thestoner'] .main::before,
  .yui-navset:has(.monologue-alethophobia) .yui-nav li:nth-child(2) em::before {
    content: "Aletho";
  }
  .a-randomizer:has([id$='0'],[id$='2'],[id$='4'],[id$='6'],[id$='8']) ~ .anthology-cards-container [style*='thestoner'] .main::before,
  .a-randomizer:has([id$='0'],[id$='2'],[id$='4'],[id$='6'],[id$='8']) ~ .closable-tab .yui-navset:has(.monologue-alethophobia) .yui-nav li:nth-child(2) em::before {
    content: "Mnemo";
  }
  
  .anthology-cards-container [style*='thestoner'] .sub p {
      font-style: italic;
  }
  
  .anthology-cards-container [style*='thestoner'] .sub p::after {
    content: " What is love? ♪";
  }
  
  .a-randomizer:has([id$='0'],[id$='2'],[id$='4'],[id$='6'],[id$='8']) ~ .anthology-cards-container [style*='thestoner'] .sub p::after {
    content: " Do you remember? ♪";
  }
  
  /* Monologue content - 50% chance of applying; matches title */
  .monologue-mnemophobia, .a-randomizer:has([id$='0'],[id$='2'],[id$='4'],[id$='6'],[id$='8']) ~ .closable-tab .monologue-alethophobia { display: none }
  .monologue-alethophobia, .a-randomizer:has([id$='0'],[id$='2'],[id$='4'],[id$='6'],[id$='8']) ~ .closable-tab .monologue-mnemophobia { display: block }
  
  .longword .yui-navset ul :nth-child(3) {
      font-size: 60%;
  }
  
  /* -=- INDIVIDUAL TAB COLORS -=- */
  
  .yui-navset.yui-navset-top .yui-nav li.selected a::before {
      background-color: hsl(var(--primary-accent-1)) !important;
  }
  .yui-navset.yui-navset-top .yui-nav li.selected a:where(:hover, :focus) {
      color: var(--sp_tab-selected-text-color) !important;
  }
  
  /* - FIRST ROW - */
  
  /* Philiaphilia */
  .first-row li:nth-child(2) a::before {
      background-color: #FF91AF !important;
  }
  .first-row li:nth-child(2) a:where(:hover, :focus) {
      color: #FF91AF !important;
  }
  
  /* Cinephilia */
  .first-row li:nth-child(3) a::before {
      background-color: #616161 !important;
  }
  .first-row li:nth-child(3) a:where(:hover, :focus) {
      color: #616161 !important;
  }
  
  /* Pyrophilia */
  .first-row li:nth-child(4) a::before {
      background-color: #fb6212 !important;
  }
  .first-row li:nth-child(4) a:where(:hover, :focus) {
      color: #fb6212 !important;
  }
  
  /* Somniphilia */
  .first-row li:nth-child(5) a::before {
      background-color: #816A44 !important;
  }
  .first-row li:nth-child(5) a:where(:hover, :focus) {
      color: #816A44 !important;
  }
  
  
  /* - SECOND ROW - */
  
  /* Aquaphilia */
  .second-row li:nth-child(2) a::before {
      background-color: #CCD4FF !important;
  }
  .second-row li:nth-child(2) a:where(:hover, :focus) {
      color: #CCD4FF !important;
  }
  
  /* Hippopotomonstrosesquippedaliophilia */
  .second-row li:nth-child(3) a::before {
      background-color: #C4A484 !important;
  }
  .second-row li:nth-child(3) a:where(:hover, :focus) {
      color: #C4A484 !important;
  }
  
  /* Hierophilia */
  .second-row li:nth-child(4) a::before {
      background-color: #ab6116 !important;
  }
  .second-row li:nth-child(4) a:where(:hover, :focus) {
      color: #ab6116 !important;
  }
  
  /* Coulrophilia */
  .second-row li:nth-child(5) a::before {
      background-color: #D3C241 !important;
  }
  .second-row li:nth-child(5) a:where(:hover, :focus) {
      color: #D3C241 !important;
  }
  
  
  /* - THIRD ROW - */
  
  /* Forniphilia */
  .third-row li:nth-child(2) a::before {
      background-color: #FF0000 !important;
  }
  .third-row li:nth-child(2) a:where(:hover, :focus) {
      color: #FF0000 !important;
  }
  
  /* Hoplophilia */
  .third-row li:nth-child(3) a::before {
      background-color: #FF00E5 !important;
  }
  .third-row li:nth-child(3) a:where(:hover, :focus) {
      color: #FF00E5 !important;
  }
  
  /* Mechanophilia */
  .third-row li:nth-child(4) a::before {
      background-color: #d1f7ff !important;
  }
  .third-row li:nth-child(4) a:where(:hover, :focus) {
      color: #d1f7ff !important;
  }
  
  /* Hedonophilia */
  .third-row li:nth-child(5) a::before {
      background-color: #7b6e6e !important;
  }
  .third-row li:nth-child(5) a:where(:hover, :focus) {
      color: #7b6e6e !important;
  }
  
  
  /* - FOURTH ROW - */
  
  /* Mnemophilia/Alethophilia */
  .fourth-row li:nth-child(2) a::before {
      background-color: #92866c !important;
  }
  .fourth-row li:nth-child(2) a:where(:hover, :focus) {
      color: #92866c !important;
  }
  
  /* Acrotomophilia */
  .fourth-row li:nth-child(3) a::before {
      background-color: #A6A6A6 !important;
  }
  .fourth-row li:nth-child(3) a:where(:hover, :focus) {
      color: #A6A6A6 !important;
  }
  
  /* Selenophilia */
  .fourth-row li:nth-child(4) a::before {
      background-color: #dce0e6 !important;
  }
  .fourth-row li:nth-child(4) a:where(:hover, :focus) {
      color: #dce0e6 !important;
  }
  
  /* Agalmatophilia */
  .fourth-row li:nth-child(5) a::before {
      background-color: #F5E1D6 !important;
  }
  .fourth-row li:nth-child(5) a:where(:hover, :focus) {
      color: #F5E1D6 !important;
  }
  
  
  /* - FIFTH ROW - */
  
  /* Cheirophilia */
  .fifth-row li:nth-child(2) a::before {
      background-color: #f1c27d !important;
  }
  .fifth-row li:nth-child(2) a:where(:hover, :focus) {
      color: #f1c27d !important;
  }
  
  /* Claustrophilia */
  .fifth-row li:nth-child(3) a::before {
      background-color: #81779b !important;
  }
  .fifth-row li:nth-child(3) a:where(:hover, :focus) {
      color: #81779b !important;
  }
  
  /* Autophilia */
  .fifth-row li:nth-child(4) a::before {
      background-color: #FFFFFF !important;
  }
  .fifth-row li:nth-child(4) a:where(:hover, :focus) {
      color: #FFFFFF !important;
  }
  
  /* Symphorophilia */
  .fifth-row li:nth-child(5) a::before {
      background-color: #2FACC0 !important;
  }
  .fifth-row li:nth-child(5) a:where(:hover, :focus) {
      color: #2FACC0 !important;
  }
  
  
  
  /* - SIXTH ROW - */
  
  /* Thanatophilia */
  .sixth-row li:nth-child(2) a::before {
      background-color: #DAD7C4 !important;
  }
  .sixth-row li:nth-child(2) a:where(:hover, :focus) {
      color: #DAD7C4 !important;
  }
  
  /* Traumatophilia */
  .sixth-row li:nth-child(3) a::before {
      background-color: #FFFF00 !important;
  }
  .sixth-row li:nth-child(3) a:where(:hover, :focus) {
      color: #FF00FF !important;
  }
  
  /* Mycophilia */
  .sixth-row li:nth-child(4) a::before {
      background-color: #D6B089 !important;
  }
  .sixth-row li:nth-child(4) a:where(:hover, :focus) {
      color: #D6B089 !important;
  }
  
  /* Sophophilia */
  .sixth-row li:nth-child(5) a::before {
      background-color: #AB9C9C !important;
  }
  .sixth-row li:nth-child(5) a:where(:hover, :focus) {
      color: #AB9C9C !important;
  }
  
  
  /* - SEVENTH ROW - */
  
  /* Arcophilia */
  .seventh-row li:nth-child(2) a::before {
      background-color: #4486f6 !important;
  }
  .seventh-row li:nth-child(2) a:where(:hover, :focus) {
      color: #4486f6 !important;
  }
  
  /* Anililaphilia */
  .seventh-row li:nth-child(3) a::before {
      background-color: #C895A4 !important;
  }
  .seventh-row li:nth-child(3) a:where(:hover, :focus) {
      color: #C895A4 !important;
  }
  
  /* Pathophilia */
  .seventh-row li:nth-child(4) a::before {
      background-color: #9E10AB !important;
  }
  .seventh-row li:nth-child(4) a:where(:hover, :focus) {
      color: #9E10AB !important;
  }
  
  /* Defaultphilia */
  .seventh-row li:nth-child(5) a::before {
      background-color: #FFF !important;
  }
  .seventh-row li:nth-child(5) a:where(:hover, :focus) {
      color: #FFF !important;
  }
  
  
  /* - EIGHTH ROW - */
  
  /* Frigophilia */
  .eighth-row li:nth-child(2) a::before {
      background-color: #CBEFFB !important;
  }
  .eighth-row li:nth-child(2) a:where(:hover, :focus) {
      color: #CBEFFB !important;
  }
  
  /* Autagonistophilia */
  .eighth-row li:nth-child(3) a::before {
      background-color: #74A8E1 !important;
  }
  .eighth-row li:nth-child(3) a:where(:hover, :focus) {
      color: #74A8E1 !important;
  }
  
  /* Amaurophilia */
  .eighth-row li:nth-child(4) a::before {
      background-color: #000 !important;
  }
  .eighth-row li:nth-child(4) a:where(:hover, :focus) {
      color: #000 !important;
  }
  

  Pages using this styling

  • totally-legit-scp-anthology-2025 [info]

  ¶ 1 occurrence
  

  :root { --box-accent: #823f3f; }
  
  .page-calendar-box > ul {
      display: grid;
      grid-template-columns: repeat(auto-fill, minmax(min(4.75rem, 100%), 1fr));
      font-feature-settings: 'case', 'ss01', 'ss04', 'tnum';
  }
  
  
  .page-calendar-box > ul > li {
      position: relative;
      display: flex;
      place-items: center;
      box-shadow: inset 0  -.05rem 0 #ccc;
  }
  .page-calendar-box > ul > li > a {
      display: block;
      flex-grow: 1;
      padding: .25rem;
      text-align: center;
      font-size: 0;
      text-underline-offset: 0.1rem;
  }
  .page-calendar-box > ul > li > a::first-line {
      font-size: 1.05rem;
  }
  .page-calendar-box > ul > li:is(:hover,:focus-within) > a {
      background-color: #fff0f0dd;
  }
  
  .page-calendar-box > ul > li > ul {
      position: absolute;
      display: grid;
      gap: .05rem;
      top: 100%; left: 0;
      width: 100%;
      background: #fffa;
      -webkit-backdrop-filter: blur(.25rem);
      backdrop-filter: blur(.25rem);
      padding: 0;
      font-size: 1em;
      opacity: 0;
      pointer-events: none;
      z-index: 1;
  }
  .page-calendar-box > ul > li:is(:hover, :focus-within) > ul {
      opacity: 1;
      pointer-events: auto;
  }
  .page-calendar-box > ul li ul li {
      display: none;
  }
  
  .page-calendar-box ul li.selected > a {
      color: inherit;
      pointer-events: none;
      font-weight: bold;
  } 
  
  
  .tale-list {
      display: grid;
      gap: .75rem;
      margin-block: 1.5rem;
  }
  
  .tale-block {
      background-color: #fff;
      box-shadow: 0 0 0.325rem rgb(0 0 0 / 0.25);
      contain: paint;
      padding: .625rem;
      --box-accent: inherit;
  
      display: grid;
      grid-template-areas:
          "title index"
          "info date";
      grid-template-columns: 1fr max-content;
      gap: .425rem;
  }
  
  .tale-block .index {
      grid-area: index;
      display: flex;
      text-align: end;
      justify-content: end;
      align-items: baseline;
      gap: .25ex;
      color: #b7b7b7;
  }
  .tale-block .index span:first-child {
      font-size: .575em;
  }
  .tale-block .index .numbering {
      font-feature-settings: 'case', 'ss01', 'ss04', 'tnum';
      font-size: .95em;
  }
  
  .tale-block  .title {
      grid-area: title;
      display: flex;
      gap: .325ex 0.75ex;
      align-items: center;
      flex-wrap: wrap;
  }
  .tale-block .title > a {
      font-weight: bold;
      font-size: 1.075em;
  }
  .tale-block .title > .author { font-size: .775em; flex-grow: 1; }
  .author .printuser {
      display: inline-flex;
      align-items: baseline;
      gap: .325em;
  }
  .author .printuser img {
      margin: 0;
      padding: 0;
      padding-left: .475rem;
  }
  
  .tale-block .date {
      grid-area: date;
      font-feature-settings: 'case', 'ss01', 'ss04', 'tnum';
      font-size: .75em;
  }
  
  .sec-info {
      grid-area: info;
      display: grid;
      grid-template-columns: 6.25rem 3.25rem;
      align-items: center;
      gap: .5rem;
      min-width: max-content;
      font-size: .825em;
  }
  .sec-info > br { display: none; }
  .sec-info .comments { text-align: end; }
  .sec-info .comments > span { font-size: 0; }
  
  .tale-list .pager {
      border-block-start: .225rem solid var(--box-accent);
  }

  Pages using this styling

  • top-rated-pages-by-year [info]

  ¶ 1 occurrence
  

  .navflow {
      display: grid;
      grid-template-areas: "list menu";
      grid-template-columns: 1fr auto;
      --box-accent: #823f3f;
  }
  
  .page-calendar-box {
      grid-area: menu;
      height: max-content;
      position: sticky;
      top: 0;
      padding: 0;
      font-size: 0.875em;
      border-left: solid 0.25rem var(--box-accent);
      font-feature-settings: 'case','ss01','ss04','tnum';
  }
  .page-calendar-box > ul::before {
      content: "Year";
      display: block;
      text-align: center;
      font-weight: bold;
      font-size: 0.9125em;
      padding: .325rem;
  }
  
  .page-calendar-box > ul > li {
      position: relative;
      border-bottom: solid 0.05rem rgba(0,0,0,0.1);
  }
  .page-calendar-box > ul > li:last-child {
      border-bottom: unset;
  }
  .page-calendar-box > ul > li > a {
      display: block;
      padding: .25rem .325rem;
      width: 3.5rem;
      font-size: 0; /* hack to get rid of the numbers */
      text-align: center;
  }
  .page-calendar-box > ul > li > a::first-line {
      font-size: 0.875rem;
  }
  
  .page-calendar-box > ul > li:is(:hover,:focus-within),
  .page-calendar-box > ul > li:has(.selected) {
      background: var(--box-accent);
  }
  .page-calendar-box > ul > li:is(:hover,:focus-within) > a,
  .page-calendar-box > ul > li:has(.selected) > a {
      color: #fff;
      font-weight: bold;
  }
  
  .page-calendar-box > ul > li > ul {
      position: absolute;
      top: 0;
      right: 100%;
      width: 15.5rem;
      padding: 0.05rem;
      box-sizing: border-box;
      display: grid;
      grid-template-columns: 1fr 1fr 1fr;
      gap: 0.05rem;
      text-align: center;
      background: #fffa;
      -webkit-backdrop-filter: blur(.25rem);
      backdrop-filter: blur(.25rem);
      box-shadow: inset 0 0 0 .05rem #ccc;
      opacity: 0;
      pointer-events: none;
      z-index: 1;
  }
  
  
  .page-calendar-box > ul > li:is(:hover,:focus-within) > ul,
  .page-calendar-box > ul > li > ul:is(:hover,:focus-within) {
      opacity: 1;
      pointer-events: auto;
  }
  
  .page-calendar-box > ul > li > ul > li { display: contents; }
  
  .page-calendar-box > ul li ul li a {
      padding: .5rem;
      min-width: max-content;
      box-shadow: 0 0 0 .05rem #ccc;
      transition: background-color 0.125s ease-out;
      font-size: 0;
      text-underline-offset: 0.1rem;
  }
  .page-calendar-box > ul li ul li a[href$=".1"] { --month: "January"; }
  .page-calendar-box > ul li ul li a[href$=".2"] { --month: "February"; }
  .page-calendar-box > ul li ul li a[href$=".3"] { --month: "March"; }
  .page-calendar-box > ul li ul li a[href$=".4"] { --month: "April"; }
  .page-calendar-box > ul li ul li a[href$=".5"] { --month: "May"; }
  .page-calendar-box > ul li ul li a[href$=".6"] { --month: "June"; }
  .page-calendar-box > ul li ul li a[href$=".7"] { --month: "July"; }
  .page-calendar-box > ul li ul li a[href$=".8"] { --month: "August"; }
  .page-calendar-box > ul li ul li a[href$=".9"] { --month: "September"; }
  .page-calendar-box > ul li ul li a[href$=".10"] { --month: "October"; }
  .page-calendar-box > ul li ul li a[href$=".11"] { --month: "November"; }
  .page-calendar-box > ul li ul li a[href$=".12"] { --month: "December"; }
  .page-calendar-box > ul li ul li a::before {
      content: var(--month);
      font-size: 0.775rem;
  }
  .page-calendar-box > ul li ul li a:is(:hover,:focus) {
      background-color: #fff0f0dd;
  }
  
  .page-calendar-box > ul > li > a,
  .page-calendar-box > ul li.selected > a {
     pointer-events: none;
  }
  .page-calendar-box li.selected > a { 
      color: inherit; font-weight: bold;
  }
  
  /*-------------------------------------------*/
  
  .content-box {
      grid-area: list;
  }
  .content-type-title {
      position: sticky;
      top: 0;
  }
  .content-type-title :is(.list-pages-box,.list-pages-item) { display: contents; }
  .content-type-description .wiki-content-table td:nth-child(1) {
      font-feature-settings: 'case','ss01','ss04','tnum';
      font-size: 0.675em;
      text-align: end;
      padding-inline: 0.5em 0;
  }
  .content-type-description .wiki-content-table td:nth-child(2) {
      width: auto;
      font-size: .95em;
  }
  .content-type-description .wiki-content-table td:is(:nth-child(3),:nth-child(4)) {
      text-align: center;
      width: 1.75rem;
      min-width: max-content;
      font-size: 0.875em;
  }
  
  @media screen and (max-width: 767px) {
      .page-calendar-box > ul > li > a {
          width: 2.625rem;
      }
      .page-calendar-box > ul > li > a::first-line {
          font-size: 0.75rem;
      }
     .content-type-description .wiki-content-table :is(td,th):last-child { display: none; }
  }

  Pages using this styling

  • top-rated-pages-by-month [info]

  ¶ 1 occurrence
  

  .top-rated-box{
          float: right;
      border: 1px solid #600;
      border-radius: 10px;
      box-shadow: 0 2px 6px rgba(102, 0, 0, .5);
      background: #fff;
      margin-left: 1rem;  
      padding: 1rem;
      padding-top: 0;
      padding-bottom: 0;  
      text-align: center; 
  }  
  
  #page-content h1 {
      border-bottom: solid 0.08rem #660000;
      padding: 0 0 0.25em;
      margin-bottom: -0.5rem; 
  }

  Pages using this styling

  • top-rated-art [info]

  ¶ 1 occurrence
  

  #header h1 span {
      color: transparent;
      text-shadow: none;
  }
  #page-title {
      display: none;
  }
  #header h1 span::before {
      font-family: "Microsoft Sans Serif";
      content: "TOP";
      color: #ffffff;
      text-shadow: 3px 3px 0 rgba(0, 0, 0, 0.6);
  }
  #header h2 span::before {
      font-family: "Microsoft Sans Serif";
      content: 'bleh';
      color: #ffffff;
      text-shadow: none;
  }
  div.where a:hover::before{
      content: "> ";
  }
  .bigtext {
      font-family: 'Work Sans', sans-serif;
      font-weight: 700;
      color: #9977ee;
      font-size: 110%;
  }
  .bigtext a {
      color: #9977ee;
  }

  Pages using this styling

  • top [info]

  ¶ 1 occurrence
  

  
  .document {
  display: inline-block;
  border-radius: 10px;
  border:solid 1px #ccc;
  background:#f0f0f0;
  float:top; width:96.5%;
  padding: 10px;
  box-shadow: 0 2px 4px rgba(68, 68, 68, .5);
  }
  
  .click{
  cursor: pointer;
  }
  
  .ping,
  .fakedl{
  color: #39e;
  cursor: pointer;
  font-weight: bold;
  }
  
  .edit{
  color: #666;
  font-size: 75%;
  }
  
  .edit:hover{
  cursor: default;
  title: "test";
  }
  
  .ping:hover{
  text-decoration: underline;
  }
  
  .member{
  color: #f33;
  }
  
  .member0{
  color: #fff;
  }
  
  .member2{
  color: #1f1;
  }
  
  .member3{
  color: #838;
  }
  
  .member4{
  color: #fc2;
  }
  
  .member5{
  color: #0c9;
  }
  
  .member6{
  color: #c04;
  }
  
  .member7{
  color: #d60;
  }
  
  .member:hover,
  .member0:hover,
  .member2:hover,
  .member3:hover,
  .member4:hover,
  .member5:hover,
  .member6:hover,
  .member7:hover,
  .fakedl:active{
  text-decoration: underline;
  cursor: pointer;
  }
  
  blockquote {
  color: #eee;
  background-color: #223 !important;
  border: solid 1px #444;
  }
  
  span.member:active,
  span.member0:active,
  span.member2:active,
  span.member3:active,
  span.member4:active,
  span.member5:active
  span.member6:active
  span.member7:active
  span.ping:active,
  span.click:active{
  background-color: #99f;
  border-radius: 4px;
  }
  
  span.link a{
  color: #39e;
  }
  
  .newmes{
  color: #d00;
  }
  
  .red-hr > hr{
  background-color: #d00;
  bottom: 0.2em;
  }
  

  Pages using this styling

  • toesplosion2020 [info]

  ¶ 1 occurrence
  

  .email-example .collapsible-block-folded a.collapsible-block-link {
      animation: blink 0.8s ease-in-out infinite alternate;
  }
  @keyframes blink {
      0% { color: transparent; }
      50%, 100% { color: #b01; }
  }
  .email {border: solid 2px #6e6c67; width: 88%; background: #fff0f5; padding: 1px 15px; margin: 10px; box-shadow: 0 1px 3px rgba(0,0,0,1)}
  .emailk {border: solid 2px #6e6c67; width: 88%; background: #f0ffff; padding: 1px 15px; margin: 10px; box-shadow: 0 1px 3px rgba(0,0,0,1)}
  .email-example a.collapsible-block-link {font-weight: bold;}
  .tofrom {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px maroon}

  Pages using this styling

  • to-the-office-of-thandiwe-tau [info]

  ¶ 1 occurrence
  

  .appeal{
      border:dotted 1px #000000;
      background:#F8F8FF;
      width:90%;
      padding:1px 15px;
      margin: 10px auto;
      max-width: 500px;
  }
  .intranet{
      border:dotted 1px #000000;
      background:#555555;
      width:90%;
      padding:1px 15px;
      margin: 10px auto;
      color: #dcdcdc;
  }
  .transcript{
      border:dotted 1px #000000;
      background:#f2f3f4;
      width:90%;
      padding:1px 15px;
      margin: 10px auto;
  }
  .eur{
      border:dotted 1px #000000;
      background:#f5fffa;
      width:90%;
      padding:1px 15px;
      margin: 10px auto;
  }
  .memo{
      border:dotted 1px #000000;
      background:#f2f3f4;
      width:70%;
      padding:1px 15px;
      margin: 10px auto;
  }
  .Tau {
    font-family: 'Segoe Script';
    font-style: italic;
  }
  .Brahim {
    font-family: 'Segoe Print';
    font-style: italic;
  }
  .Enjoy {
  font-family: 'Bahnschrift';
  color:  #333399;
  }

  Pages using this styling

  • to-the-office-of-thandiwe-tau [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css?family=Cinzel');
  @import url('https://fonts.googleapis.com/css?family=Anton');
  @import url('https://fonts.googleapis.com/css?family=Pinyon+Script');
  @import url('https://fonts.googleapis.com/css2?family=Prata&display=swap');
  
  .twopanel {
      display: flex;
      flex-flow: row wrap;
      justify-content: space-between;
  }
  .bit {
      flex-basis: 48%;
  }
  
  @media only screen and (max-width: 768px) {
      .twopanel {flex-direction: row-reverse;}
      .bit {flex-basis: 100%;}
  }
  .chaz {
    font-family: "Prata", serif;
    font-weight: 400;
    font-style: normal;
    background-image: url( http://scp-wiki.wikidot.com/local--files/scp-8166/paper-min%5B1%5D.png);
   font-size: 105%;
   box-sizing: border-box;
   border: 2vw solid rgba(0,0,0,0.5);
   border-image: url('https://wanderers-library.wikidot.com/local--files/component:dustjacket-theme/wl_border.png') 600 round;
   border-image-width: 6;
   padding: 2vw;
   outline: 2px solid purple;
  }
  .cycling {
      width:0;
      display: inline-flex;
      overflow: hidden;
      animation-name: cycle;
      animation-fill-mode: forwards;
      animation-iteration-count: infinite;
      animation-duration: 1s;
  }
  .cycling:nth-child(2) { animation-delay: 0.16666s;}
  .cycling:nth-child(3) { animation-delay: 0.33333s;}
  .cycling:nth-child(4) { animation-delay: 0.5s;}
  .cycling:nth-child(5) { animation-delay: 0.66666s;}
  .cycling:nth-child(6) { animation-delay: 0.83333s;}
  @keyframes cycle{
    0% { width:auto }
    16.6% { width:auto }
    16.7% { width:0 }
    100% { width:0 }
  }

  Pages using this styling

  • to-serve-deer [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Slabo+27px&display=swap');
  @import url('https://fonts.googleapis.com/css?family=Special+Elite');
  
  .slabo-27px-regular {
    font-family: "Slabo 27px", serif;
    font-weight: 400;
    font-style: normal;
  }
  /*
      Third Law Canon, Dead King's March Theme
      [2025 Wikidot Theme]
      A variant of the Third Law Theme created by Anorrack.
      Based on SCP Sigma 9 Theme created by Aelanna and Dr Devan and the deprecated Sapphire Theme by stormbreath, Lt Flops, and Uncle Nicolini.
      The Station font was created by Nick Matavka and is licensed under the SIL Open Font License.
      The Cuneiform God logo ("DINGR") was created by Geoff Richards and falls under the public domain.
  */
   
  h1, #page-title {
      color: #003153;
  }
   
  #page-title {
      border-color: #315B7D;
  }
   
  body {
      background-color:  #e5e5e5;; /* page background*/
       color: #0c0c0c;
   
       --neutral: #e5e5e5;
       --key: #17181c;
       --sapphire-muted: #151a61;
       --sapphire: #000880;
       --sapphire-mid: #2634f2;
       --sapphire-light: #666999;
       --white-sapphire: #ebebf0;
       --gray-sapphire: #5b5b5d;
       --light: #bbb;
       --mid-light: #999;
       --mid: #9b9ca1;
       --mid-dark: #666;
       --dark: #333;
       --grad-1: #5b5b5b;
       --grad-2: #878787;
       --bone-white: #e9ebf0
  }
   
  div#container-wrap {
      background-image: url(https://scp-wiki.wdfiles.com/local--files/theme%3Asapphire/sapphire-body-bg.png);
  }
   
  /* COMMON */
   h1,
   #page-title {
       color: var(--sapphire-muted);
  }
   h1 {
       margin-top: 0;
       padding: 0;
       font-weight: bold;
  }
   #page-title {
       border-color: #0d0e26;
  }
   a {
       color: var(--sapphire-muted);
  }
   a.newpage {
       color: var(--sapphire-light);
       font-weight: bold;
  }
   #side-bar a {
       color: var(--sapphire-muted);
  }
   a:visited {
       color: var(--sapphire);
  }
   a.collapsible-block-link {
       font-weight: bold;
  }
   
  #header {
      background-image: url(http://scp-sandbox-3.wikidot.com/local--files/anorrack-iv/god_white.png);
  background-repeat: no-repeat;
      background-size: 110px;
      background-position: 0px 50px;
  }
   
   
  #search-top-box-input {
      border: solid 1px #0c1121;
      color: var(--bone-white);
      background-color: #640d14;
  }
   
  #search-top-box-input:hover,
  #search-top-box-input:focus {
      border: solid 1px #bfc3d4;
      color: var(--bone-white);
      background-color: #e85f5c;
  }
  #search-top-box-form input[type=submit] {
      border: solid 1px #0c1121;
      color: var(--bone-white);
      background-color: #640d14;
      background: linear-gradient(to bottom, #640d14,#7f1023);
  }
   
  #search-top-box-form input[type=submit]:hover,
  #search-top-box-form input[type=submit]:focus {
      border: solid 1px #bfc3d4;
      color: var(--bone-white);
      background-color: #640d14;
      background: linear-gradient(to bottom, #7f1023,#640d14);
  }
  
  #header h1 a::before {
      content: "𒐁RD LAW";
      color: var(--bone-white);
  }
   
  #header h2 span::before {
      content: "RULE HELL THROUGH VIOLENCE";
      color: #ff0000;
  }
  
   
  #search-top-box-input {
       border: solid 1px var(--neutral);
       color: var(--sapphire-mid);
       background-color: var(--key);
  }
   #search-top-box-input:hover,
   #search-top-box-input:focus {
       border: solid 1px var(--white-sapphire);
       color: white;
       background-color: var(--gray-sapphire);
  }
   #search-top-box-form input[type=submit] {
       border: solid 1px var(--neutral);
       color: var(--neutral);
       background-color: var(--dark);  
       background: linear-gradient(to bottom, var(--grad-2), var(--grad-1), var(--dark));
  }
   #search-top-box-form input[type=submit]:hover,
   #search-top-box-form input[type=submit]:focus {
       border: solid 1px white;
       color: white;
       text-shadow: 0 0 1px rgba(255,255,255,.25);
       background-color: var(--mid);
       background: linear-gradient(to bottom, var(--neutral), var(--grad-2), var(--grad-1));
  }
   #login-status {
       color: var(--neutral);
  }
   #login-status a {
       color: var(--neutral);
  }
   #login-status ul a {
       color: var(--sapphire);
  }
   #account-topbutton {
       background: var(--light);
       color: var(--sapphire);
  }
   
  /* TOP MENU */
   #top-bar a {
       color: var(--light);
  }
   #top-bar ul li ul {
       border: solid 1px var(--mid-dark);
       box-shadow: 0 2px 6px rgba(0,0,0,.5);
  }
   #top-bar ul li a {
       border-left: solid 1px rgba(64,64,64,.1);
       border-right: solid 1px rgba(64,64,64,.1);
  }
   #top-bar ul li.sfhover a,
   #top-bar ul li:hover a {
       background: var(--dark);
       color: var(--neutral);
       border-left: solid 1px rgba(64,64,64,1);
       border-right: solid 1px rgba(64,64,64,1);
  }
   #top-bar ul li.sfhover ul li a,
   #top-bar ul li:hover ul li a {
       border-top: 1px solid var(--dark);
  }
   #top-bar ul li.sfhover a:hover,
   #top-bar ul li:hover a:hover {
       background: var(--mid-light);
  }
   #top-bar ul li ul a,
   #top-bar a:hover {
       color: var(--neutral);
  }
   
  /* SIDE MENU */
   .menu-item > .image {
       filter: hue-rotate(236deg) saturate(50%) brightness(111%) !important;
       -webkit-filter: hue-rotate(236deg) saturate(50%) brightness(111%) !important;
  }
   #side-bar .side-block {
       border: 1px solid var(--dark);
       background: var(--neutral);
       border-radius: 0px;
       box-shadow: 0 2px 6px rgba(102,102,102,.5);
  }
   #side-bar .heading {
       color: var(--dark);
       border-bottom: solid 1px #000880;
       border-bottom: solid 1px var(--sapphire);
  }
   #side-bar p {
       margin: 0;
  }
   #side-bar div.menu-item {
       margin: 2px 0;
  }
   #side-bar .collapsible-block-folded {
       background: none;
  }
   #side-bar .collapsible-block-unfolded-link {
       border-bottom: solid 1px var(--dark);
  }
   #side-bar .collapsible-block-unfolded-link .collapsible-block-link {
       color: var(--dark);
  }
   #side-bar .collapsible-block-unfolded-link .collapsible-block-link:hover {
       color: var(--mid-dark);
  }
   #side-bar .floating-ad img {
       border-radius: 0px;
       filter: hue-rotate(236deg) saturate(50%) brightness(111%);
       -webkit-filter: hue-rotate(236deg) saturate(50%) brightness(111%);
  }
   
  /* SIDEBAR CHANGES PER NAV UPDATE */
   #side-bar .side-block[style="background-color: #fff0f0;"] {
       background-color: var(--neutral) !important;
  }
   #side-bar .side-block[style="background-color: #e5e5ff;"] {
       background-color: var(--neutral) !important;
  }
   
  /* YUI-TABS */
   .yui-navset .yui-content {
       background-color: var(--neutral);
  }
   .yui-navset .yui-nav a,
   .yui-navset .yui-navset-top .yui-nav a {
       background-color: var(--dark);
  }
   .yui-navset .yui-nav .selected a,
   .yui-navset .yui-nav .selected a:focus, /* NO FOCUS EFFECT FOR SELECTED */
   .yui-navset .yui-nav .selected a:hover { /* NO HOVER EFFECT FOR SELECTED */
       background: var(--dark); /* SELECTED TAB BACKGROUND */
       color: white;
  }
   .yui-navset .yui-nav a:hover,
   .yui-navset .yui-nav a:focus {
       background: var(--light);
       text-decoration: none;
  }
   .yui-navset .yui-nav,
   .yui-navset .yui-navset-top .yui-nav {
       border-color: var(--dark);
  }
   .yui-navset li {
       line-height: normal;
  }
   
  /* AYERS' INFO MODULE */
   :root {
       --cutColour: #050505;
       --barColour: var(--sapphire-muted);
  }
   
  /* INFO PANE */
   .rate-box-with-credit-button {
       background-color: var(--sapphire-muted) !important;
       border: 1px solid var(--sapphire-muted) !important;
       border-radius: 0 !important;
       box-shadow: 1px 1px 3px rgba(0,0,0,.5) !important;
  }
   .rate-box-with-credit-button .creditButton p a {
       border-left-color: var(--sapphire-light) !important;
  }
   .rate-box-with-credit-button .page-rate-widget-box .cancel {
       border-radius: 0;
  }
   .rate-box-with-credit-button .fa-info:hover {
       color: var(--sapphire-light) !important;
  }
   .rate-box-with-credit-button .page-rate-widget-box .rate-points {
       border-left: 0;
  }
   .close-credits {
       filter: hue-rotate(236deg);
  }
   .modalbox {
       box-shadow: 0 1px 10px rgba(39,51,221,.3) !important;
  }
  
   @media (max-width: 767px) {
       #top-bar .open-menu a {
           border: 0.2em solid var(--mid-light);
           background-color: white;
           color: var(--mid-light);
      }
       #side-bar {
           background-color: var(--sapphire-light);
      }
   
  #header h1 a::before {
          content: "𒐁RD LAW";
          font-size: 6vw;
          padding-inline-start: 55px;
      }
   
   
      #header h2 span::before {
          content: 'HELL, VIOLENCE';
          padding-inline-start: 55px;
      }
  }
  
  /* RATING MODULE */
   div.page-rate-widget-box .rate-points {
       background-color: var(--sapphire-muted);
       border: solid 1px var(--sapphire-muted);
       border-radius: 0;
  }
   .page-rate-widget-box .rateup,
   .page-rate-widget-box .ratedown {
       background-color: var(--neutral);
       border-top: solid 1px var(--sapphire-muted);
       border-bottom: solid 1px var(--sapphire-muted);
       font-weight: bold;
  }
   .page-rate-widget-box .rateup a,
   .page-rate-widget-box .ratedown a {
       background: none;
       color: var(--sapphire-muted);
       padding: 0 4px;
       margin: 0 1px;
  }
   .page-rate-widget-box .rateup a:hover,
   .page-rate-widget-box .ratedown a:hover {
       background: var(--sapphire-muted);
       color: white;
       text-decoration: none;
  }
   .page-rate-widget-box .cancel {
       background-color: var(--sapphire-muted);
       border: solid 1px var(--sapphire-muted);
       border-left: 0;
       border-radius: 0;
  }
   .page-rate-widget-box .cancel a {
       background: transparent;
       color: var(--sapphire-light);
  }
   .page-rate-widget-box .cancel a:hover {
       border-radius: 0;
       background: var(--sapphire-muted);
       color: white;
       text-decoration: none;
  }
   @media (max-width: 767px) {
       #top-bar .open-menu a {
           border: 0.2em solid var(--mid-light);
           background-color: white;
           color: var(--mid-light);
      }
       #side-bar {
           background-color: var(--sapphire-light);
      }
  }

  Pages using this styling

  • to-make-meat-of-clay [info]

  ¶ 1 occurrence
  

  
  @import url('https://fonts.googleapis.com/css?family=EB+Garamond:500&display=swap');
  
  .fancytext {
  font-family:"EB Garamond"; sans-serif;
  font-size:120%;
  }

  Pages using this styling

  • to-love-a-snake-with-blue-eyes [info]

  ¶ 1 occurrence
  

  
  .authorlink-wrapper,
  .authorlink-wrapper + div {
    margin-right: 0 !important; /* needed to override inline styles */
  }
  
  .textbook {
      border: solid 2.5px #fff0ba;
      background-color:#fff0ba;
      color: #000000;
      font-family: Garamond;
      padding: 10px;
  }
  
  a, a.newpage, a:visited, #interwiki a, #side-bar a {
      color: royalblue;
  }
  
  .digital {
  font-family: "Microsoft Sans Serif";
  border: #DFDFDF outset 2px;
  background-color: #C0C0C0;
  color: black;
  color: #000;
  padding: 15px;
  }
  

  Pages using this styling

  • to-be-a-forensic-accountant [info]

  ¶ 1 occurrence
  

  
  @import url('https://fonts.googleapis.com/css2?family=Courier+Prime:ital,wght@0,400;0,700;1,400;1,700&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap');
  #main-content {
       max-width: 46rem;
  }
  #page-title {
      display: none;
  }
  
  div#header {
      background-image: url(http://scp-sandbox-3.wikidot.com/local--files/katyastrangelovesexantho/scpsmall);
  }
  
  body {
     font-size: 0.95em;
     background: #000000;
  }
  
  h1 {
      color: rgb(200, 0, 0);
       text-align: center;
  }
  
  h3 {
      color: rgb(201, 21, 21);
       text-align: center;
  }
  
  div#container-wrap {
      background-image: url(http://scp-sandbox-3.wikidot.com/local--files/katyastrangeloveabc/bg2);
  }
  
  #page-content a {
      color: rgb(201, 21, 21);
  }
  
  #side-bar a,
  #interwiki a {
      color: rgb(200, 0, 0);
  }
  #side-bar a:visited,
  #interwiki a:visited,
  #top-bar a,
  #login-status ul a,
  #login-status ul a:hover {
      color: rgb(220, 0, 0);
  }
  
  #top-bar ul li.sfhover a,
  #top-bar ul li:hover a, {
      background: #212121;
      color: rgb(200, 0, 0);
  }
  
  
  .courier-prime-regular {
    font-family: "Courier Prime", monospace;
    font-weight: 400;
    font-style: normal;
  }
  
  .courier-prime-bold {
    font-family: "Courier Prime", monospace;
    font-weight: 700;
    font-style: normal;
  }
  
  .courier-prime-regular-italic {
    font-family: "Courier Prime", monospace;
    font-weight: 400;
    font-style: italic;
  }
  
  .courier-prime-bold-italic {
    font-family: "Courier Prime", monospace;
    font-weight: 700;
    font-style: italic;
  }
  
  .ibm-plex-mono-thin {
    font-family: "IBM Plex Mono", monospace;
    font-weight: 100;
    font-style: normal;
  }
  
  .ibm-plex-mono-extralight {
    font-family: "IBM Plex Mono", monospace;
    font-weight: 200;
    font-style: normal;
  }
  
  .ibm-plex-mono-light {
    font-family: "IBM Plex Mono", monospace;
    font-weight: 300;
    font-style: normal;
  }
  
  .ibm-plex-mono-regular {
    font-family: "IBM Plex Mono", monospace;
    font-weight: 400;
    font-style: normal;
  }
  
  .ibm-plex-mono-medium {
    font-family: "IBM Plex Mono", monospace;
    font-weight: 500;
    font-style: normal;
  }
  
  .ibm-plex-mono-semibold {
    font-family: "IBM Plex Mono", monospace;
    font-weight: 600;
    font-style: normal;
  }
  
  .ibm-plex-mono-bold {
    font-family: "IBM Plex Mono", monospace;
    font-weight: 700;
    font-style: normal;
  }
  
  .ibm-plex-mono-thin-italic {
    font-family: "IBM Plex Mono", monospace;
    font-weight: 100;
    font-style: italic;
  }
  
  .ibm-plex-mono-extralight-italic {
    font-family: "IBM Plex Mono", monospace;
    font-weight: 200;
    font-style: italic;
  }
  
  .ibm-plex-mono-light-italic {
    font-family: "IBM Plex Mono", monospace;
    font-weight: 300;
    font-style: italic;
  }
  
  .ibm-plex-mono-regular-italic {
    font-family: "IBM Plex Mono", monospace;
    font-weight: 400;
    font-style: italic;
  }
  
  .ibm-plex-mono-medium-italic {
    font-family: "IBM Plex Mono", monospace;
    font-weight: 500;
    font-style: italic;
  }
  
  .ibm-plex-mono-semibold-italic {
    font-family: "IBM Plex Mono", monospace;
    font-weight: 600;
    font-style: italic;
  }
  
  .ibm-plex-mono-bold-italic {
    font-family: "IBM Plex Mono", monospace;
    font-weight: 700;
    font-style: italic;
  }
  
  
  .courier {
    font-family: "IBM Plex Mono", monospace;
  }
  
  .notation {
      border-top: solid 0.08em #595959;
      border-left: solid 0.4em #595959;
      border-bottom: solid 0.08em #595959;
      border-right: solid 0.4em #595959;
      background: rgba(210, 210, 210, 0.06);
      margin: auto;
      max-width: 46rem;
  }
  
  

  Pages using this styling

  • to-abhor-my-bloody-hands [info]

  ¶ 1 occurrence
  

   :root{
  
  }

  Pages using this styling

  • tiredsn0w-s-author-page [info]

  ¶ 1 occurrence
  

  body {  
      background-image: linear-gradient(to bottom, #2A3725, #2A3725 80px, #2A3725 80px, #c0c0c0 600px, #c0c0c0 1000px, #c9d6c3 2000px, #F5F5F5 100%);
      overflow-x:hidden;
  }
  
  :root {
      --header-title: 'SCP Foundation';
      --header-subtitle: 'A Man Made of Wax';
      --header-title-color: 192,192,192;
      --header-subtitle-color: 192,192,192;
      --header-background-color: 38,50,34;
      --top-bar-link-color: 192,192,192;
      --header-border-color: 99,107,96; 
      --link-color: 179,122,18;
      --link-visited-color: 179,122,18;
      --link-newpage-color: 179,122,18;
  }
  
  .declass .collapsible-block-folded a.collapsible-block-link {
      animation: blink 0.8s ease-in-out infinite alternate; font-size: 37px; text-wrap: wrap;
  }
  @keyframes blink {
      0% { color: transparent; }
      50%, 100% { color: #b01; }
  }
  
  #page-content .collapsible-block-folded, #page-content .collapsible-block-unfolded, #page-content .unfolded-collapse{
      animation-name: fadeOut;
      animation-duration: 1s;
      animation-iteration-count: 1;
      animation-timing-function: ease-out;
      animation-fill-mode: backwards;
    }
  
  @keyframes fadeOut {
    from {
      opacity: 0;
      transform: translate(0,20px);
    }
    to {
      opacity: 1;
      transform: translate(0,30);
    }
    }
  }

  Pages using this styling

  • tinkertailorsoldierjailor [info]

  ¶ 1 occurrence
  

  :root {
    --header-title: "3E Command";
    --header-subtitle: "Secure, Contain, Protect";
  }
  
  div#extra-div-1 {
      background-image: url(http://scp-sandbox-3.wdfiles.com/local--files/collab%3Aihp/scp-logo.svg);
      padding-top: 10px;
      filter: opacity(0.2);
  }
  
  #page-content .normal a {
     color: #000;
  }
  #page-content .normal a:hover {
      color: #888;
  }
  .notice{
      border: 1px solid #f9e24d;
      outline: 4px solid #b54d3b;
      color: #f9e24d;
      background: #b54d3b;
      padding: 10px;
      text-align: center;
  }

  Pages using this styling

  • ting129-s-proposal-1 [info]

  ¶ 1 occurrence
  

  
  .entry-list {
      margin: auto;
      display: grid;
      margin-block: .75rem;
      padding-inline-start: 1rem;
      padding: 2rem;
      background-color: #FFFFFF;
      box-shadow: 0 1px 6px rgba(0,0,0,.25);
      text-align: left;
      max-width: 85% !important;
  }
  
  .entry {
      padding: .1rem;
      transition: background-color .175s ease-out;
  }
  .entry:is(:hover,:focus-within) { background-color: rgb(var(--basalt-undertone),.175); }
  
  .entry .title {
      font-size: 1.125em;
  }
  .entry .title  p { margin: 0; }
  .entry .title :is(a,.entry-author) { font-weight: bold; font-style: normal; }
  
  .ranked-list .title {
      display: flex;
      justify-content: space-between;
  }
  
  .ranked-list .title .index {
     width: 2.5em;
     text-align: left;
  }
  
  .ranked-list .title .rating {
      margin-left: auto;
  }
  
  .description > :not(.preview) { display: none!important; }
  .description > .preview {
      display: block;
      padding-block: .125rem;
      font-size: .875em;
      text-align: start;
      margin-inline-start: 1.5rem;
  }
  .preview > p {
      margin-block: .55em;
  }
  .preview > p:first-child { margin-block-start: .25em; }
  .preview > p:last-child { margin-block-end: .25em; }
  
  .entry-list .entry::marker {
      content: "";
  }
  
  .entry .description {
      display: none;
      position: absolute;
      background: #E4E1D2;
      box-shadow: 6px 6px 0px rgba(0,0,0,.05),
          0 1px 6px rgba(0,0,0,.25);
      margin-right: -20px;
      pointer-events: none;
  }
  
  .entry .description .preview {
      margin-left: 0;
      margin: 0.5rem 1rem;
  }
  
  .entry:hover .description, .entry:active .description {
      display: block;
      animation-name: desc-bounce;
      animation-duration: 0.1s;
  }
  
  /* slop */
  
   #side-bar::before {
    content: "#slop-bar";
    position: static;
    width: 100%;
    text-align: center;
    height: max-content!important;
    direction: ltr;
  }
  
  #footer > a::before {
    content: "Wikislop.com";
    font-size: var(--footer-font-size);
  }
  
  #footer > a {
    font-size: 0;
  }
  
  #more-options-button::before {
    content: "+ Sloptions";
    font-size: calc(var(--true-font-size)*.875);
  }
  
  #more-options-button {
    font-size: 0;
  }

  Pages using this styling

  • timjc [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Comic+Relief:wght@400;700&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Pixelify+Sans:wght@400..700&display=swap');
  div#container-wrap {
      background-color: #f9f28d;
  }
  #page-title {
    display: none !important;
  }
  p {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 18px;
  }
  h3, h4 {
    color: #000;
    font-family: "Montserrat", sans-serif;
    line-height: 1.22;
    letter-spacing: 0;
    font-weight: 900;
    font-size: 36px;
  }
  h4 {
    font-size: 18px;
  }
  .news {
    text-align: center;
    margin: auto;
    width: 90%;
    border: 4px solid #000;
    border-radius: 8px;
    background-color: #fff;
    font-family: "Montserrat", sans-serif;
  }
  .news-image {
      border-radius: 8px;
      overflow: hidden;
      border: 4px solid #000;
      background-color: #ddd;
      margin-bottom: 27px;
      position: relative;
  }
  .fnheader {
    width: 80%;
    display: inline-flex;
    margin: auto;
    padding: 14px 22px;
    font-family: "Montserrat", sans-serif;
    text-transform: uppercase;
    flex-wrap: nowrap;
    justify-content: space-evenly;
  }
  .fnmain {
      padding: 26px;
      padding-bottom: 30px;
      text-align: center;
  }
  .fnheader p,
  .date,
  .label {
    font-size: 20px;
    font-weight: 800;
    letter-spacing: 0.5px;
    color: #000;
    line-height: 1;
  }
  .divider {
    width: 30px;
    height: 4px;
    background: #e0ad00;
    border-radius: 2px;
    display: inline-block;
    position: relative;
    top: 35px;
  }
  @media (max-width: 768px){
    .news {
      width: 100%
    }
  }
  .audio {
    display: flex;
    justify-content: center;
    align-items: center;
  }

  Pages using this styling

  • timjc [info]

  ¶ 1 occurrence
  

  .math-inline {
      font-size: 90%;
  }
  .math-equation {
      font-size: 90%;
  }
  .page-rate-widget-box {
      float: right;
      margin: 5px;
      text-align: left;
      font-family: verdana,arial,helvetica,sans-serif;
      margin-left: 15px;
  }
  .book-text {
      text-align: justify;
      font-family: Georgia, serif;
      font-size: 110%;
      text-indent: 0.3em;
  }
  h2 {
      font-weight: bold;
      font-variant: small-caps;
  }
  .inset {
      float: right;
      width: 25%;
      margin: 0px;
      border-style: solid;
      border-radius: 5px;
      border-width: 2px;
      border-color: gray;
      padding: 5px;	
      margin-left: 10px;
      margin-top: 5px;
      margin-bottom: 5px;
      background: lightgoldenrodyellow;
      font-size: 90%;
  }
  .inset > p {
      margin: 0;
  }
  .blockquote {
      border-style: solid;
      border-radius: 5px;
      border-width: 2px;
      border-color: gray;
      background: lightcyan;
  
      padding: 5px;
      width: 90%;
  }
  .blockquote > p {
      margin: 0px;
  }
  { counter-reset: sec; }                 
  h2 {counter-increment: sec; } 
  h2:before {content:"3."counter(sec)" "; }
  h4:after {content:" for 3."counter(sec); }

  Pages using this styling

  • time-travel-ch3 [info]

  ¶ 1 occurrence
  

  .page-rate-widget-box {
      float: right;
      margin: 5px;
      text-align: left;
      font-family: verdana,arial,helvetica,sans-serif;
      margin-left: 15px;
  }
  .book-text {
      text-align: justify;
      font-family: Georgia, serif;
      font-size: 110%;
      text-indent: 0.3em;
  }
  h2 {
      font-weight: bold;
      font-variant: small-caps;
  }
  .inset {
      float: right;
      width: 25%;
      margin: 0px;
      border-style: solid;
      border-radius: 5px;
      border-width: 2px;
      border-color: gray;
      padding: 10px;	
      margin-left: 10px;
      background: lightgoldenrodyellow;
  }
  .inset > p {
      margin: 0;
  }
  { counter-reset: sec; }                 
  h2 {counter-increment: sec; } 
  h2:before {content:"2."counter(sec)" "; }
  h4:after {content:" for 2."counter(sec); }

  Pages using this styling

  • time-travel-ch2 [info]

  ¶ 1 occurrence
  

  .page-rate-widget-box {
      float: right;
      margin: 5px;
      text-align: left;
      font-family: verdana,arial,helvetica,sans-serif;
      margin-left: 15px;
  }
  .book-text {
      text-align: justify;
      font-family: Georgia, serif;
      font-size: 110%;
      text-indent: 0.3em;
  }
  h2 {
      font-weight: bold;
      font-variant: small-caps;
  }
  .inset {
      float: right;
      width: 25%;
      margin: 0px;
      border-style: solid;
      border-radius: 5px;
      border-width: 2px;
      border-color: gray;
      padding: 5px;	
      margin-left: 10px;
      margin-top: 5px;
      margin-bottom: 5px;
      background: lightgoldenrodyellow;
      font-size: 90%;
  }
  .inset > p {
      margin: 0;
  }
  { counter-reset: sec; }                 
  h2 {counter-increment: sec; } 
  h2:before {content:"1."counter(sec)" "; }
  h4:after {content:" for 1."counter(sec); }

  Pages using this styling

  • time-travel-ch1 [info]

  ¶ 1 occurrence
  

  .page {
      display: block;
      overflow: hidden;
      font-family: "Monotype Corsiva", "Bradley Hand ITC", sans-serif;
      font-style: normal;
  
     
      background-attachment: scroll;
      background-clip: border-box;
      background-color: transparent;
      background-image: linear-gradient(to top ,rgb(202, 219, 228) 0%, rgb(231, 233, 220) 8%);
      background-origin: padding-box;
      background-position: 0px 8px;
      background-repeat: repeat;
      background-size: 100% 20px;
      
  
      border: 1px solid #CCC;
      border-radius: 10px;
      padding: 10px 10px;
      margin-bottom: 10px;
  
      box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2)
      }
  .page p {
      line-height: 20px;
      margin: 0;
  }
  .page p {
      line-height: 1.4em;
      margin: 0;
  }
  
  .page {
      font-size: 18px;
  }

  Pages using this styling

  • tim-wilson-s-close-shave [info]

  ¶ 1 occurrence
  

  /* Flopstyle: LITE
   * [2020 Wikidot Theme]
   * Created by Lt Flops
   * Select CSS Styles Are Credited Where Necessary
   * -- (CC BY-SA 3.0) --
  **/
   
  /* -------- SITE HEADER -------- */
   a, body, span{
       word-break: unset;
  }
   #header h1 a,
   #header h1 a::before{
       color: hsl(0, 0%, 93%);
       text-shadow: none;
  }
   #header h1 a{
       font-family: "Montserrat", "Arial", sans-serif;
       font-size: 170%;
       letter-spacing: 0;
  }
   #header h2 span,
   #header h2 span::before{
       color: hsl(60, 62%, 85%);
       font-family: "Montserrat", "Arial", sans-serif;
       font-weight: 500;
       text-shadow: none;
  }
   
  /* -------- TOP-BAR -------- */
   #search-top-box,
   #top-bar,
   #login-status{
       right: 0;
  }
   #top-bar ul li ul{
       top: 22px;
  }
   #search-top-box-form input[type="submit"]{
       font-size: unset;
  }
   #search-top-box-input,
   #search-top-box-form input[type="submit"]{
       background-color: hsl(0, 0%, 20%);
       background-image: none;
       border-color: hsl(0, 0%, 60%);
       border-radius: 0;
  }
   #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{
       background-color: hsl(0, 0%, 30%);
       background-image: none;
       border-color: hsl(0, 0%, 70%);
  }
   #top-bar .open-menu a{
       border-radius: unset;
       border-width: .1em;
  }
   
  /* -------- SIDE-BAR -------- */
   #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'
  **/
   .anchor{
       position: -webkit-sticky;
       position: sticky;
       top: 0;
   
       z-index: 5;
  }
   .authorbox,
   .sidebox{
       position: absolute;
       width: calc((100vw - 870px) / 2);
       max-height: calc(100vh - 18rem);
       margin-right: 8px;
       padding: .3em 1.64em;
   
       box-sizing: border-box;
   
       z-index: 5;
  }
   .authorbox{
       top: .5em;
       right: 103.5%;
       max-width: calc((100vw - 921.2px) / 2) !important;
       padding-right: 1em;
   
       font-size: 95%;
  }
   .sidebox{
       left: 103.5%;
       margin-left: 1em;
       padding-left: 1em;
   
       background: hsl(0, 0%, 100%);
       border: 1px solid hsl(0, 0%, 73%);
       border-left: 8px solid var(--accentColor);
  }
   .authorbox tr th,
   .authorbox tr td,
   .sidebox tr th,
   .sidebox tr td{
       padding: .25em !important;
  }
   .flavorbox{
       width: 75%;
       margin: auto auto 5px;
       padding: 0 1em;
   
       border: 1px solid #888;
  }
   
  /* -------- Sidebox Mobile Optimization Courtesy of Woedenaz -------- */
   .limit{
       line-height: 1.5;
       z-index: 5;
  }
   .limit br{
       display: block;
  }
   @media (max-width: 1280px){
       .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: 1280px){
       .authorbox{
           display: none;
           visibility: hidden;
      }
  }
   
  /* -------- GENERAL -------- */
   :root{
     --accentColor: hsl(0, 100%, 30%);
     --vivid-lime-green: hsl(112, 77%, 48%);
  }
   body{
       color: hsl(255,255,255);
   
       word-break: unset;
  }
   #search-top-box-input,
   #search-top-box-input:hover,
   #search-top-box-input:focus,
   #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;
  }
   
  /* -------- COLLAPSIBLES -------- */
   .collapsible-block-link {
       font-size: 120%;
       font-weight: bold;
  }
   
  /* Licensebox Collapsible */
   .licensebox {
       text-align: center;
  }
   
   .licensebox blockquote,
   .licensebox div.blockquote {
       text-align: left;
  }
   
  /* -------- INFO BAR -------- */
   body {
       --barColour: hsl(0, 89%, 18%);
  }
   
   .u-faq {
       display: none;
  }
   
   .info-container .collapsible-block-link {
       font-size: 100%;
  }
   
   .info-container div.collapsible-block-content {
       padding: 0 .5em 30px;
  }
   
   .info-container div.collapsible-block-content .wiki-content-table,
   .footer-wikiwalk-nav .collapsible-block .wiki-content-table {
       width: 90%;
  }
   
  /* -------- INFO PANE -------- */
   .creditRate{
       margin-right: 0 !important;
  }
   .rate-box-with-credit-button{
       border-radius: 0 !important;
       box-shadow: none !important;
  }
   .creditButton p a:hover,
   .creditButtonStandalone p a:hover{
       color: var(--vivid-lime-green) !important;
  }
   div.credit.first .wiki-content-table {
       width: 100%;
  }
   
  /* -------- PAGE RATING -------- */
   .page-rate-widget-box{
       margin-right: 0;
  }
   .page-rate-widget-box,
   div.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;
   
       line-height: 1.2;
       text-align: center;
       text-underline-offset: 25%;
       word-break: unset;
  }
   hr{
       height: 0;
       margin: 1em 0;
   
       background-color: transparent;
       border-top: 1px solid hsl(0, 0%, 67%);
  }
   
   ol li{
       margin: 0 0 1em;
  }
   ul{
       margin:1em 0;
  }
   li, p{
       line-height: 1.5;
       text-underline-offset: 30%;
  }
   .footnotes-footer, .bibitems{
       padding: 0 0 .5em;
  }
   
  /* -------- IMAGE BLOCK -------- */
  .scp-image-block .scp-image-caption{
       font-size: 95%;
       line-height: 1.35;
       text-underline-offset: 30%;
  }
   .scp-image-block.block-right{
       margin: 0 0 1em 2em;
  }
   
  /* -------- CUSTOM DIV BLOCKS -------- */
   .raisa-header, .pink-header,
   .oracle-header, .cicapoco-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: 1px 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;
  }
   
   .cicapoco-header{   /* ---- SPC's RAISA-Equivalent Header ---- */
       background: lightblue;
       border: 1px solid hsl(195, 50%, 39%);
  }
   .cicapoco-header hr{
       border-color: hsl(195, 50%, 39%);
  }
   
   .content-warning{   /* ---- Content Warning ---- */
       width: 75%;
       margin: 1rem auto;
       padding: 0 1rem;
   
       background: white;
       border: 3px double black;
   
       text-align: center;
  }
   
   blockquote, /* ---- Regular Quote Block ---- */
   div.blockquote{
       background-color: hsl(0, 0%, 96%);
       border: 3px double hsl(0, 0%, 60%);
  }
   blockquote table.wiki-content-table th,
   div.blockquote table.wiki-content-table th{
       background-color: hsl(0, 0%, 89%);
  }
   
   .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%);
  }
   
   .report-box.red-tint blockquote hr, .report-box.red-tint div.blockquote hr,
   .report-box.orange-tint blockquote hr, .report-box.orange-tint div.blockquote hr,
   .report-box.yellow-tint blockquote hr, .report-box.yellow-tint div.blockquote hr,
   .report-box.green-tint blockquote hr, .report-box.green-tint div.blockquote hr,
   .report-box.cyan-tint blockquote hr, .report-box.cyan-tint div.blockquote hr,
   .report-box.blue-tint blockquote hr, .report-box.blue-tint div.blockquote hr,
   .report-box.magenta-tint blockquote hr, .report-box.magenta-tint div.blockquote hr,
   .report-box.grey-tint blockquote hr, .report-box.grey-tint div.blockquote hr{
       border-color: hsl(0, 0%, 67%);
  }
   
   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%, 63%);
  }
   
   .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;
  }
   .warning-notice hr{
       border-color: hsl(0, 0%, 5%);
  }
   
   .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 .bibitems,
   .indented .footnoteref,
   .indented .footnotes-footer,
   .indented .scp-image-block,
   .indented h1, .indented h2, .indented h3,
   .indented h4, .indented h5, .indented h6,
   .indented .image-container,
   .indented ol,
   .indented ul,
   .indented .centered{
       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;}
   @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: 3.6em 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: 3.5em;
       margin: 2em 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;
  }
   
  /* -------- WIKIWALK NAVIGATOR -------- */
   .footer-wikiwalk-nav {
      text-align: center;
  }
   
  /* -------- INTERWIKI -------- */
   div.scpnet-interwiki-wrapper{
       margin-bottom: 2rem;
  }
   iframe.scpnet-interwiki-frame{
       width: 17.75em;
       min-height: 4.25em;
       margin-left: 4px;
   
       background: hsl(127, 050%, 94%);
       border: 1px solid hsl(0, 0%, 20%);
  }
   #interwiki body{
       overflow: hidden;
  }
   #interwiki .side-block{
       padding: 5px;
   
       background: 0;
       border: 0;
       box-shadow: none;
  }
   #interwiki .heading{
       color: hsl(0, 0%, 5%);
       border-bottom: 1px solid hsl(0, 0%, 20%);
  }
   #interwiki .menu-item img{
       display: none;
  }
   
  /* -------- SHOW-CHANGES HIGHLIGHTS -------- */
   .inline-diff ins::before{
       color: hsl(240, 100%, 93%);
  }
   .inline-diff del::before{
       color: hsl(0, 100%, 90%);
  }
   .inline-diff ins + del::before,
   .inline-diff del + ins::before{
       color: transparent;
  }
   .inline-diff br + ins::before,
   .inline-diff br + del::before,
   .inline-diff ins:first-of-type::before,
   .inline-diff del:first-of-type::before{
       position: absolute;
       display: inline-block;
       left: -1em;
   
       content: "\f111";
       font: normal normal normal 16px/1 "FontAwesome";
       text-rendering: auto;
       -webkit-font-smoothing: antialiased;
       -moz-osx-font-smoothing: grayscale;
  }
   
  /* -------- PRESENTATION -------- */
   .templateInfo{
       margin: 1em 0;
       padding: 0 1em;
       background: hsl(0, 0%, 100%);
       border: 1px solid hsl(0, 0%, 87%);
  }
   
  /* -------- CROQSTYLE ALTERATIONS -------- */
   #edit-page-textarea{ font-family: unset; }
   tt{
       background-color: unset;
       font-size: unset;
       padding: unset;
       margin: unset;
       border-radius: unset;
  }
   
  /* ---- BETTERFOOTNOTES PATCH ---- */
   :root{
       --posX: calc(50% - 358px - 13rem) !important;
       --fnLinger: 1.5s !important;
  }
   .fnnum{
       font-size: 90%;
  }
   .fnnum:hover + .fncon{
       right: calc(-8vw - 4rem) !important;
  }
   
  /* -------- 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%;
      }
  }

  Pages using this styling

  • tick-tock-transmogrification [info]

  ¶ 1 occurrence
  

  @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;
  }

  Pages using this styling

  • tick-tock-transmogrification [info]

  ¶ 1 occurrence
  

  :root {
    --accentColor: #d6ecef;
  }
  }

  Pages using this styling

  • throwing-the-old-line-and-bait [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css?family=Electrolize|Slabo+13px');
  @import url('https://fonts.googleapis.com/css?family=Special+Elite');
  
  
  :root {
      --header-title: "RUBICONTRA";
      --header-subtitle: "All Roads Meet";
      --link-txt-color: rgb(var(--accent));
      --logo-img: url("https://scp-wiki.wdfiles.com/local--files/theme%3A3law/PL_3Law_Logo_2.png");
      --header-txt-color: #275495;
      --misc-txt-color: #275495;
      --logo-opacity: 70%;
      --link-txt-color: #275495;
  }
  @media (max-width: 767px) {
   
      #header-title span::before {
          content: 'NPO';
          padding-inline-start: 55px;
      }
  }
  
  #page-title {display: none;}
  
  body {
    background-image: linear-gradient(to bottom, #275495, #ffffff 120px);
    color: #000000;
  }
  
  .hovertip {
    color: #000000;
  }
  
  .owindow {
    color: #000000;
  }
  
  #toc {
    background-color: #ffffff;
  }
  
  #header h2::before {
      text-transform: capitalize;
      font-style: italic;
  }
  
  .notation {
      border-width: 4px;
      width: 75%;
      margin: auto;
      border-color: rgb(var(--accent));
      text-align: justify;
  }
  
  .separation {
      margin: 1ex 15%;
      padding: 0;
      border-top: 0.2rem solid #275495;
      display: block;
  }
  
  .al-fine, .vanguard, .elaimal, .omalley, .textbook, .schemer{
      width: 85%;
      margin: auto;
      padding: 15px;
      box-shadow: 0 1px 3px rgba(0,0,0,.2);
      color: #000000;
  }
  
  .dictation {
     font-family: Courier New, monospace;
     color: #000000;
  }
  
  .schemer {
     border: solid 2.5px #ff7700;
     color: #ff7700;
  }
  
  .textbook {
      border: solid 2.5px #fff0ba;
      background-color:#fff0ba;
      color: #000000;
      font-family: Times New Roman;
  }
  
  .elaimal {
      border: solid 2.5px #39FF14;
      color: #39FF14;
      font-family: monospace;
  }
  
  .omalley {
     border: solid 2.5px #6495ED;
     color: #6495ED;
  }
  
  .president {
      font-family: monospace;
      color: #04c21a;
      font-size: 17px;
  }
  
  .al-fine {
      border: solid 4px #275495;
      background: #F2F7FB url('https://scp-wiki.wdfiles.com/local--files/theme%3Agoc/goc-fade.png') center no-repeat;
  }
  
  .vanguard {
      border: solid 4px #275495;
      background: #F2F7FB center no-repeat;
  }
  
  div.blockquote {
      padding-right: 2rem;
      padding-top: 1rem;
      border-right: solid 7px rgb(var(--accent)) !important;
      margin: 1em 1.75em;
  }
  
  .blockquote .image-container {
      padding: 0em;
  }
  
  .characters {
      margin-top: -1em;
      margin-bottom: 1em;
      margin-left: 15px;
      margin-right: 10px;
  }
  
  .characters-top {
      display: flex;
      flex-flow: row nowrap;
      align-items: center;
      gap: 16px;
  }
  
  .bar {
      width: 12px;
      height: 85px;
  }
  
  .characters-info {
      flex-grow: 1;
  }
  
  .characters-info p {
      line-height: 200%;
  }
  
  .bio {
      margin-top: -20px;
  }
  
  .goc {
      --color: #5f95e6;
  }
  
  .us {
      --color: #404d7e;
  }
  
  .joicl {
      --color: #d7003a;
  }
  
  .phoenix {
      --color: #d68300;
  }
  
  .mcd {
      --color: #8c148c;
  }
  
  .van {
      --color: #4b2;
  }
  
  .bar {
      background-color: var(--color);
  }

  Pages using this styling

  • thricedead [info]

  ¶ 1 occurrence
  

  
  body {
    background-image: linear-gradient(180deg, #112254 0%, #000000 100%);
  color: white;
  background-size: unset;
  }
  
  :root {
    --lgurl: url("https://scp-wiki.wdfiles.com/local--files/theme%3A3law/PL_3Law_Logo_2.png");
    --header-title: "Third Law";
    --header-subtitle: "Scientia Potentia Est";
  }
  
  #extra-div-1, #extra-div-4 {
    filter: contrast(0.6) brightness(1.4) sepia(1) hue-rotate(190deg) saturate(2);
  }
  
  a, a.newpage, a:visited, #interwiki a, #side-bar a {
      color: #07aeeb;
  }
  
  div#extra-div-1 {
      opacity: 0.3;
  }
  #header .top-bar {
    width: 100vw;
    background: var(--gradient-topmenu-mobile);
    margin-left: -5vw;
    margin-right: -5vw;
  }
  
  #header#header .top-bar > ul {
    width: 100vw;
    max-width: unset;
    justify-content: center;
    display: flex;
  }
  
  
  #header h2 span {
    font-size: 120%;
  }
  
  .fancytext {
  font-size: 113%;
  }
  

  Pages using this styling

  • three-times-five-equals-fifteen [info]

  ¶ 1 occurrence
  

  .boarderlessdiv {
    margin: 40px;
    background-color: rgb(var(--space-void) / 0.575);
  }

  Pages using this styling

  • three-steps-from-heaven [info]

  ¶ 1 occurrence
  

  /* INFO BOX */
  sup{
    vertical-align: top;
    position: relative;
    top: -0.5em;
  }
  body{
    --cutColour: #ffb961;
    --barColour: #800402;
  }
  .translation_block{
    display: none;
  }
  .info-container .collapsible-block-folded a{
    color: #FFF;
  }
  .info-container .collapsible-block-unfolded-link a{
    color: #FFF;
  }
  .info-container .collapsible-block-link,
  .info-container:hover .collapsible-block-link{
    line-height: 1.6em;
  }
  .collapsible-block-link{
    font-weight: bold;
  }

  Pages using this styling

  • three-musings [info]

  ¶ 1 occurrence
  

  #header h2 span::before {
      content: 'HAVE YOU TRIED TURNING IT OFF AND BACK ON AGAIN ';

  Pages using this styling

  • threat-of-joy [info]

  ¶ 1 occurrence
  

  @font-face
  {
      font-family: 'alegreyaregular';
      src: url(data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAAIREABEAAAAA8KAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAABgAAAABwAAAAcZzcK00dERUYAAAGcAAAAHgAAACABFAAET1MvMgAAAbwAAABbAAAAYLx3ilRjbWFwAAACGAAAAY0AAAHqueNEnmN2dCAAAAOoAAAARAAAAEQL1w9UZnBnbQAAA+wAAAGxAAACZVO0L6dnYXNwAAAFoAAAAAgAAAAI//8AA2dseWYAAAWoAAB1dQAA22zasYpdaGVhZAAAeyAAAAAzAAAANgYdWYxoaGVhAAB7VAAAACAAAAAkDt4FaWhtdHgAAHt0AAACWwAAA5x2RTsSbG9jYQAAfdAAAAHJAAAB0B1rU8ZtYXhwAAB/nAAAACAAAAAgAgQCbG5hbWUAAH+8AAAB8gAABQ6AYKVMcG9zdAAAgbAAAAHkAAACxxv8QPpwcmVwAACDlAAAAKgAAAERNuWSUndlYmYAAIQ8AAAABgAAAAZXF1OpAAAAAQAAAADMPaLPAAAAAMsqYG0AAAAAz88HlnjaY2BkYGDgA2IJBhBgYmAEwmdAzALmMQAADiwBGQAAeNpjYGJ2YpzAwMrAwjqL1ZiBgVEeQjNfZEhjYmBkYmJgZWZlYGBiYFnAwPDegUHBmwEKCiqLihkcGHh/M7Gl/UtjYGDvZ2pQYGCYDJJj3s1qCKQUGBgBciYOBgB42mNgYGBmgGAZBkYGEHgC5DGC+SwMJ4C0HoMCkMUHZPEy1DFsYfjPGMxYwXSM6Y4Cl4KIgpSCnIKSgpqCvoKVQrzCGkUl1T+/mf7/B5vEC9S5gGEbYxBUPYOCgIKEggxUvSVcPSNQPeP/r/8f/z/0/+D//P/ef//9ffng2IODD/Y92Ptg14PtD9Y/WPag6YHZ/YO3XrA+gbqTBMDIxgDXxMgEJJjQFQCDgIWVjZ2Dk4ubh5ePX0BQSFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTS1tHV0/fwNDI2MTUzNzC0sraxtbO3sHRydnF1c3dw9PL28fXzz8gMCg4JDQsPCIyKjomNi4+IZGhta2ja9L0uYsWLl66ZNmKVStXr1m3dv2GTVs2b92+bfeuPXsZilJSM++ULyjIflyWxdA+k6GYgSEd4rqcaoblOxuS80Ds3Jq7SY0t0w4eunL15q1r13cwHDjM8Oj+g6fPGCpu3GZo7m7q6ezrn9A7ZSrD5NlzZjEcOVoI1FQJxABq4o0VAAAA//oDpgUhAGcAiwBSAFgAXABgAG4AeQBMAIsAlwCLAJEAcwCdAKwAsABCAGIAjQCTAEkAhACAADsAlQBeAFoARwBEBRF42l1Ru05bQRDdDQ8DgcTYIDnaFLOZkMZ7oQUJxNWNYmQ7heUIaTdykYtxAR9AgUQN2q8ZoKGkSJsGIRdIfEI+IRIza4iiNDs7s3POmTNLypGqd+lrz1PnJJDC3QbNNv1OSLWzAPek6+uNjLSDB1psZvTKdfv+Cwab0ZQ7agDlPW8pDxlNO4FatKf+0fwKhvv8H/M7GLQ00/TUOgnpIQTmm3FLg+8ZzbrLD/qC1eFiMDCkmKbiLj+mUv63NOdqy7C1kdG8gzMR+ck0QFNrbQSa/tQh1fNxFEuQy6axNpiYsv4kE8GFyXRVU7XM+NrBXbKz6GCDKs2BB9jDVnkMHg4PJhTStyTKLA0R9mKrxAgRkxwKOeXcyf6kQPlIEsa8SUo744a1BsaR18CgNk+z/zybTW1vHcL4WRzBd78ZSzr4yIbaGBFiO2IpgAlEQkZV+YYaz70sBuRS+89AlIDl8Y9/nQi07thEPJe1dQ4xVgh6ftvc8suKu1a5zotCd2+qaqjSKc37Xs6+xwOeHgvDQWPBm8/7/kqB+jwsrjRoDgRDejd6/6K16oirvBc+sifTv7FaAAAAAAAAAf//AAJ42pS9CXwb1bU/PndmNDOSRtLMaLNsy7I2y7YsjS3ZluXdjuM4juM4zoITQjaSkAQChDRACBDC0rA0BMLW0kCBUkr5pXRGdoAGSlN4QHmUvh+PNjy20uVH89xSSiltCU3Gv3PvyIkD9P1///KpNIsszf2ec8/5nnPPPaFoqo+i6HWWJRRD8VRaR5TaXuDZyj9ldM7yTnuBoeGQ0hl82YIvF3gufKK9gPD1rByW42E53EdXGjH0dWOjZcln/6uPfZWCr6SumjqG7rDspeyUQqWpgpWikhMMS8lsEmluVaOOTnBufKZ7UFLnKFkpiA4pn89T9Q25xuZsxuf1cNFIlbsL+Rk+cVV/Ptc5pzXXPuR8TNmc969onjsr0zx3tqXaE/edaHJK5Dd3MKO0ZGmgrJSbylDwkFRSs2cnLCxlZZOaK4M0D/ll0U3Z4Ze98Msi/LJO28jvunN+zoUSzVUJ+NHi0Y59rmAy62cslr/tc5abRxZPUPrNa0F2+4s9vaeO8O/7qQHmDfZuKkGpyKC0SrVQHqnKZrN6LTdZoEuqM5mMllYLrK8OXxT5yYLgVOAi0upVLX50IipRcXjQqKRbUXLCTs7GQ3arkJwImrfsku6CWzI50xtQUmsuPdy54i8HKG/SxmrxtGZPa3FJj3LH8Wet3PHDnef+5Sl8VwulNTmthSQ9KBzXZPgi4bgFPjtOx63u5OHOC/7yW/iYfZzBp5ZxFr+NC/gVHmhcjNrhICSNO0MuOAhK40pQhg/48OvhzrP/cjf5Yz8+tYyXkHvl+BX/TSX5G/iWCPkW+M2q6e+tnv7eWvyZw50X/+Uj8kVJfGoZr5v+yzT+3OnfUfFpAR618ubKm6OcU1byBbiG3+Av8Rs8CbxR3SJjtbtkfzAUjSfV9Iz/oW4PzbCC6FR8/pLyykhVdW2yLn3GR6b/p3WXIt0alRUtnNfssl6Ryuf1YAjObXlKr60EFaJK4ZKYhiPOk88TXepCfCLnhwMmW3zlEy6EX0Gh3Qkev/LxLHwOLvsr3isL/JoLvT00Ko1suWBoVB55V0j8Ugm/LSRemzvinLdvcGiBa+h3aPHmraWBW4a96Nkhevtm2jtEozl2h/FDBg3B2xPKIL1gP7wYj0siGqNp4yB5X0Hv2EzTC2GWbzFeYLKWPgqgoeagC6hCE8xMrSGrc8Kk1pPROlUtmtVlZlLzgl4OqBp9VHNmJhiJ8oHGtcqTGiPpFaCD5eTKuK+iz5nU08qkPtfUxq5Dx49hfXNqjZKmHNEznuOa54gFzsa5RgWE2PXUZywRIo9PLeMyftMy0rg34wGtieLXw11PHP8z+VAMn1rGG/Ab/o6mM7+jw/yOzunv6Dnzr+fg0wL80Gk90TryBbiMj2J56kle8cQyjR1zTquFxPGy4vFGYw2ZxqaOzp45X6oOFTSIvyqvp8tB5gGQPqVzTVgR6vN5rVM+RDPO8mA65s9rcFEqxTqRa27KeXx+d1UizTQ1NuewUlSgEE1MTVNjVYLxZSs4sHtENdJIRW78cSdydyJ8e4tvRd+GqNvWNX9Z8qcHgk2OYPcVwaAQtI2IbMdgmGYbgmPhjoDvZ4+UNdnL5twQCj0yOj84uvnxszYtHs5de4dw1yYObRD4UKp/SXbHoyJSrW7jXdpttTqvul0QKpKze3njIO13qoFsbVvlrsecxtucE5WhMqeD/ji7oBrlmOETJ7klsxoXJCjKQg1MdVj6LVsokQqAzWukeqnvUYUM6JPewk6C74CDOBwocDDRncwwjqTezU5OBG3kMMhOIm0WMcilpnUrlfQIaBZnnnGSXg1nTeZZk6R3wFnatHx9YLojpeA0mBKw3XmNkzVvXqtWNE9e7wAxjEvJjALgU3p3C5x5PelqONPjQTxBKTJBi07GibCXodwohCiGo0EUAHo200kD4tEIh2Z+LDfzzsDje27Y23/rqmvunIccT9DiiM04MDH6zuzZw7arFodaW6Pb1o6uppfCp27t3wefWn36KvP2Hc8funLVA+sLJ1T0dVTBtCaCJ/9k/Pp649sXXJBg77xgiys2r3HlznNP/Nr84Ibxxy64UDKvgZ/ZOvWS5QD4uVnUEHWAKrQD4oUeDPsc22RBxLD7bJMTiap2EWBOcADzfFWzHtUDrsnxvgC4E51yTGqUqvfBW0DSQ4BmszSpD8N7KCAr3XZe5OREDej+3EGsws1yIdvYgr2zPqcHIGyFQz3RLiuH+Egw00k+45MPKVZ3IEV0XlQ0mYDcSXehpqomgmII0E0DjqDiPj9qNmHEup+Ld6Kcn3eiJOIBa97iBdefOA15DjnR1pYFC8rLH/3D47N2BsvZtZ6Bs1oXrb3mCTQnPjxa0irLwWQv+s6mDOMtc2YWvMotHUWh1SHlr0vf3Pjyn77x9Dd/cLmRHVmNBnovm9ciik799lsO+0UxdA/dW7d4zvqJA8bv55638zIbaxkLswErzzV0lbocQ1det+vjcNebS8999meX374JHYjfBDwDYZ6B/IRnVJsso0gxkGZTsevWacekbsfvVjAS6ExucZpRzOARFPneg8Yv6eXwvUmqhCrY4XuRVofnh+4XJ/UUSuLvkRs7uS7sRZycV/ZUcCHk5aNp7mBpqrWruzXlcAhlNOdpbe5WKz2Ruob6uojNlhSEsgUDZ3Ul0TBau3D/1nPntMYDnKVNYGw1jWdv/sZZxv1z92w8p68lFrBwtiZGrG/fvHPCfKaQ8Uv0KjxTDX4mmjxTraqFj+oiPFPSfKamHLZbsscJQ4wmcp1gCBvTbCJ06nfh4bq7zny4ysbOrkaJ/fjUz6037p/xaFbaXpPFj4bOPee7l57bmbSCvbmFWcoELe9TNspLVQJKLdRsqtCAWV6LqqfsoOd5VQsenSgrOiuQQBnM+ILTFSa6m8K2wMJRWayiDXKhLFieJ7aguQv5/Fg5E/7mXAi0zYWqEu7mLJEZWF5goWCoEccnqty5ToQ/zTvpxC1IUbauEB3pLSHp7NVtXLBTkgabXpvX5fTHZ4scPa9BLu/3elJZd95Gq5uDwbTH6qy/Jsv+ZLhDaOvvs0kV/F+W9Va6EivLy0ritL/EeeUWu7Vha6Vxi0pXj5WUdCToSxCSXNWio7tNoTkrjWUSpzqYYywFKLRSmNI6szpjndQEcNg+VfMc1ZiM7pImNS6j+wEDFzg73SJjBBh8SDlMhuLLYq30ZmD0ft7i5sEJWeK+twr0Rq9j7mt9faJkrKXXKbSxGX28jkYHJPHEwxzDeDbRxja/43cTtKkfz6K11CuUTNVTmqROCCwl4JmgqBpzVLfL4AfstuR4NyNbk7obnsbOwJwQyJzAbi2RKxpYmk+E5pzdyw6oqbamZedk48bHDV/tHu0MNi2Z17J15UBFiOjjIHqcHqbXURx1M6Vxqo5sk5ql8qisMzaQP0/cCevGz6ALJiHh3j6ykhBglNYsaQ1JOmc7rlkk+Ivjh/n/deRSzBTg8jiNGCAL8HqaLFAanUYTiGYs3CnXT+kWDoZA5XUGwTtLsIyD/bIMimjdDS6b4UHPnl+jKBc1wfPuhDjoIuptiIOazoiCzoyIxBkR0XRg5CCTa2YwtHM6CpoOf+D7+6dC9ArLBrBFV1PY/uDvsZjjt5vj7/jPP19shgdU2qkxR3TBe5zVLEcOd7zx5xvI2CkYOwVj1wRpnBcsGARqBggFuIaxOEQBDrxQ5EnjNGMeE0zqG/xKGZgl2o6i/ReMfLBSemjs4NrX0GbUzNzjOakbh06eR2K04aljzN9ZG+AB0VIRERdLlYGL96oYjwDGo4SYPRF0WJR0BUeI4J4C8K6IoMCMFeuy1zXDmVPZjOL1UNEITdx30bkMo9I3nvubceyNFz/e9vKD9z778wfv/SH6zZ9Rq/HB238zfoL8iP7eL35y32NvPk90a2DqGH0TPFscyyqAvaobe1VJAM2qwpZFd4DRS8BjOMCsAOOgdMkN9kUpLTPtSK4Z/5f1OxFPg5PLglKYPg6MBthE83hA2LHx2zU0EqtDrKOm/QJW+f669O6aWscl/Y1t7mZZYbYudUplVnB/ff3Gt/42mueElZzI8ausy/ag1wdSPMOYtjkHWD4Az1tJLaAKlfh5g5jMh1TdC7MCJocT2BfnxNOPs1kB1jCZlLJ7EvMsSg9B5KKV5zWvDNqscco4Y5dLwTbWN3QhykSQjyY6EVFAmvGHsamAEcSifO4hNDw6MPumtOLPvrh21zeeOiGg/NalodE6qcSo0C4UD6Gd35u76NxFK9bu3nPRCuMj43fO2dvtB+92OgPk2Wumaui34dnrqPVUgcEw18LDIvz8VlW3WybBguhB4DNKED+/4sPPn1I17qheBaylStIq8ax3KZOaS9UrIf5I4yHZawkt1xS54K+MYWoYVLQAjMifK6qFSucInS4OjjVnF+9l4ZWFSVZjWz5472sTT9vsXx3dePbs1t1pr0coXTi8IXn5/ivOQ57vGZ9dM7u91+E+sH3jBmSbE67aM6t7QWt6KefJJCqv2rjwviZb97Ob39o7m+i7MFXDLIdx+qhS4MdAujQxq/vBWvNgrctUzXtUK8lgZ4qttQTDKMdZCS+MAgIUSQYaRel+nKRA1jwRDMqAgslAAKoS2CcR/hRLhOWoINDNiEM9PxaloYsQz7D220UbbfxbJVqhPDEE3NZzUpUvptnB7zdknAHl9QeEi9ArRBZheEYbO0zFqCuLsohMy8Kr6iIci14sBFHGQogTIZTLk3pVMeL77xM3EgPrBfviO6LbheOa7QhVsNl9xFDY7F7fqbipHGxnQVLcxCF7wYCOc4q7nCjdaREhN6aEXdgNR5kKkIyTAcmEbcuHvv3WMx+5ozK6rr1RntUgvv6hc9mN1y3Ozt1598NzuzpBKt+4fP1XanzoE0lmKlPCx+DDDE9te/+q/MD+7SsyXUQmozBvlrMvU1GqgTqbKoTxiBMQ/qZUPQATx6nqNgtM+QwxQjEIeWOSXgtiqQBal4X32hiMIRD2YPWqkHWbSMhFArvWCrgUkHWP1zRLmKsBn+B4fyedzVTQph3PzTBRPDeqDm/YunXDMHh/vzW0YuySFYt8grttZ9mSW5ak3i98998fvm7buV+5dXPbxTEO3XHuk3t3nTOciQm8vYNxqC2rNt+9kBVjbR1rt7d/5/2/vnjfD6/dtvlbDWVpkOswyHWM+YzyYJ4As8QCknRZsCRdFJakl3gLj8mWfDAwDyiaxsBgLNi20vwpcpQN+2nER1WELE6GHw7axJ27YDq+MkVlnTu9NGXc39RZ67HTe186YBNajY0nf6jFU8wfnbRS3wnhCcVQ2wDzbYB5iFKpHmobRUyVHuUmtS5QMWxhewnclTC5KyWtHk9uq2sSG4N6F76kt8MDSnBXkrRSfLcK5kyVqpeCSZ4Ft9rrZeUJ0RuMptIcify6ohCfUFapNN1K1CvX2Mnk0ojEIhWIMI4K5kyBpOkEcEDO7alg/RXIXxTRtqrccHv4gsv+8/7RW1dX9XTHcsPzqv6i7//ZXbdtXrGnZsn8TsHOPR2SaiPz4qpFYHduHVuyycit6++MSm03brzh5bZrxlrWDWTcFbl5q/Nf/+XdhdW3Xb1Cnd+dDLEWZgS9W5GtD6e9JQxLD+7bdOlmoqODILtRsBthKk0tpgp1CNBiQEeDqh7HTEclaEUAj4ik12APCROyHofF2Fg4JdDDGrnABEvIRCOBb0kALtbJnw+AWRdSUSeXSzjpaCRNmxFXceiDWP/mXX777ZfHq0zt3LpikZd3t5raec/NF67dwt2w9dyv0Lu/83/++sOrf/vgjUs7RIetE1Qzt2rT3Qs5UzW3bPnmUF39N5++jowNdAFtYAKEA+TPYEWYA7iKnIhwAE3MFPmQpkwfYSLwOWYkzzjeBiypA1hS2/T7NFuiL5ymTfAMmLfiZ5CpIETRYIknvMXfrZhmrmCYZ5BXzS5NKMUnUUnIzCiYV3N5nBMsCN4yM3v9BVbrnvFsZzLcxdNP+AWqy/zo1KPCPO6i9jEPM09Q8OtUgUM4BvOoOH1NAktiKXFwYvE6EHYL8S4L+tain3d2KK7fP2q8gMbQNrrzzUeN82lqtRZb5C+xbRjp3ynue8g/umHgIGARR73MMRAAlkeawkEsDid8qu6yTmI5EMCBLmMDJ0Dk7/LBkVjMc4IDJQGEAzEzjuM+1PjE3LfnzgUDrBpJ8cxTtHgdzbGMdyNNk0MSVNBkrBthrK9OjxV9fqw+vwV4No7PVNScizel0EYYGbpLZo3VZMTO9x9Fbcajxl5mHR6cbw0MuMRvhwFf4dj3EIz1MuB4D1n2UgFged1UIYp1L1iUPHC80qNYzypNOYPRwVbRUiR9laVgYZCddspuB7Yw8EBgGllzCvnxI3WRrMYZEr9sVvDHSAwlh9vXl3FJ7ip3A/fJ9l89l5um8pbABQL33M251T2za3o87ufkiPD38gMjqy/fbf/n8hn62mcs5taxx4BDDFO3UoUItgfzrJOFOBwUZOyqS7N6HTupdap6O1jVjKpzWHoLiJ1oBhPaLOlBGMUsOJwl6SoOxWBgI/CuzpKVbhsnl0b9yUx751xiPuV28AVt2GBo7rw2T+m2gnoEkyVqcz8OnyNyIVqVMGlvo9KJYtkMS6wqeGowsV0oQfORqiZ8C6e4cVBN834wshIVjrDgCCsYv5evilXRcWxwFDeYGyfqG/76a8h/4B5kmdjQtOXe/9o1WOfziT98ceGiJV/93sJXFXuX5EiuKLG+9VvjSeNP/2689O3GS7778Z1Nzxsv/nQz+mektOXDbVvP6b5iPtr9VWrqnUdWrX3sv69f/8x3ds5pl3+5di1rPPS1e665mpr60aXhRjoUSB8wVn1P+OwXyI5SPzWefm7HGz/62jLBOWi96V0UvPasq9F6ZJt1/XuA/9TbUx+why0NVC3EuQspEhho1Vndy4MTymheSYtjn4REvNoD5NWZKXA4MRRMujmc68R8okHVM3giBSFm0Ox5nUti+6FiCHngpDmUyypuzOn4KpIXIzxVBQoUcSGcM2vDszvqBuvMRONya18Y3bZbOnhvYHQZ67zja9+oqeGETfOVvoaH1141pLT2fIUV797zw4m52x90cau5WUtYX/TktUbj/A5eWMzZLBbnCB+JV7e+R0u/zAXqqoUxJ63a6AD4apgj7FJLGHxPHdVOXU8VyvBoqaweZyYLTnNVTW/hcMZhQk1SThigirOMHarGgk8CBUtlsFtqAt2SgaBXY2j8EHV0Yv/EwqgdmCc1yRPOMk88SdQtXoY5Lr6clDXQLxXncrUWYFdynnBDAMMNPolPAEvMmZyd6BvOEmIeFZ8mVQkePtHJTtOry8RVPXRFup913TX88fP/e+cldz16/a92JSeaU9tjqHTzNTv37r3xl5YjIaG0N1OrPeV10mJglXvOUmZFb8piXc4JD96z/jsNld+5ZNMTF3hE7m/DPTdtv3BvgN0i09ZE87qO6692l79gxmPAK9n7QUfi1CWmZdF9ABiLE7KSzYwhYS663ZOaW9LF00t8AbsoJItJcGJpRNCQcVbyRXHSutQObFOwBokj90XNkE2Sxym7iIM1jVU0qzkLYyTJCqoDMIQjtFeissWIzclGK6nRp9Ccnw0VslkhIa7ljNd//jeEfvG1x6rOrXWKfNlZK27pM/7bmKBXv4oGDwdEUbz3GSGXetb49SfGx8ZT9z1iffoON2MPehV0lmlHLcOgI6VUNbWJKniLGlIxQ0NijJmTqiFqUeYCKwpDL5P0MNYLUAfMqcuIOvjBq4SBQBe8zgoyzgovVge4rMVwDKQ5Fc3xBTWIV1Kyh2ajRNCImBEZmxeOp09L/aZhmFl16NJnjKf/7ccbU5fGUNl533zXMA4b/5mEyXamrI2Dxp9fNsZ/HBA5VLF1HmpANjBcUbn8xGsg38vABvSCfPuog1SBwiPuyuoILACStCzW8R5+spDtwYwh22ZNFlzYAkRrKRdMkCgAE63Ft6JV1uS4m3IJSd3hkiqPqHo5M6kLPCjIbIJUGvPdjJaWcL5sQjHVoh+wSgNWWk9ec8vjjvIEyWIqitaK1yCzcKc9r7uxeiTyWrmMw0cHXqD8PGiVJBONyS6LYWMyPtNnA4g4aVEBcUonay6Ax/AHLhNX9JlIPrgTjU9wUXEtaymNjCxfsK4WSd4DvVel09agdlH/mCDEW9vGNp2dTsjW5XyVYjOWPj/71phnpTgwNo1wifj1Z4S2YLwmLom0P29so+2cxbaDdxlvrk4lg5zFG+wc6LDZHntcdNosBPNjLAWY56j7TMzNBSZVmDThrQkTeGsA3nANhjcc/5fwthB460x4686ANw/w1mF4GzG8hxzl8URDpghwFQCsZkA5UUMjXvhwh80cw/8PkP2nMWZO54X401oK2N550MTWX9E/PBtj+5/l51dXW4MHVgO0seb9rPu5i8BmnaGwJeL9zwg9wVhtEc4RWuQs9is4l3FwUQsnrBZErmiXniEY3myu9+r+absk2yYnQrEmFiAMMSZEYKI8ME89kl6GQYEoy47RmhDNhThRJWCVeWRlgpXDkSay3iPjxVTd3wTIqHktJOt1aTx3lQIVrsFhsiyP20VP9b+2V4AHNW2w4CyJEiQbAKg5wcr7edOCTaA5vxh6saNTqBFXc/u//QfjBDX1i7lfi0SS/XtZ5ZYdibFAiRAvdYrW0PqN35hrfGg8Q6/+BRo4NG3PcquWgJEDg3Y44fZ81lcrnGflaCYVuv4bl3UorKMy4AXrRpl6Z7nDkqQWUK9ThXl4rjdlif7pCKKweZI+wE3qmXwmU6jB5k4Ctw+GQMlodjAEWiSLNU4LZSYC3VQNgBsQyEpbn21S65bGU92znNj0AeAjqmY5qpdAtNGXKZSQ4LwERxsWSZ8NilpClj21soyugv1MKZP6QgB/tgUbzfmgix0lsvJkKBxp6Z47OA+jq8p6PIct6MA8+EzjIGDfJ+vqXPisXYArtvAX3SmGmYe4nrFkcsWLnumriKflaY0FlkI3yWYWs6jGjXAy08MmLoxGBbU+aKVFNHbt983Ld2fqdlYnhKFGJhhrXsEqDy3/ozKrO/DWyuBjc/pBtVdY3I8ve/sMxbaylhW8XJdvA4fkQdvJRWTBV231bSfvMv6O1Xslx65AsWXnoCbabuGM281rCpEfxJj0LpBfhDq3aDdIwqEU7IZM/BO218QqRIkEvMpkwUvg9xbh9wPgMQDbT8AOYUxLcRiNygFTgZAUO+Cp/Cs8ZyIHc32buGYWHUotZZ0PLK69tKrKuqQNw7GFVb6/On3Z9LTuSU+PHo/zG8bH5phgGsOYVONNOgdjClANVEEi0xeUjIzEijMopcS++RyTugcUpQxzTdkqf9E+nX5ABl5U7qrldDC9hnW9m7gMxDRQy3gt6IHv/06a98xTzIbeWkE4Gz+QvbbbKDWueO3kHByPbJ/6HfsxPEsYoqhdVKETg9sKDr9V0hCeAeVZneJNrPXaemDFSvFRtaQ5N6qBGfSQBy4BoAn87DT8ei/gXoLNsQNQRzijUdFGUB8viWSaYwT6cVuN2lBMHH4Z+owH7EYRf3cO2xgVTdsUfN+KKvA6Kl5q3u5Z1XaGBg/l6YDkzoFiPrT8Nhpd2L2bdd41FFtZERSczcvOMZ5AY4Pb51gdd/g37KJXWNvGZuqt2Nh24na7rbekHIuOviGIruqubbICwWZp2rXY1rvaeMToXj0s9Ac0oqu3AK+wAZZZak+RV6SzZgYswn9BXRuJupYBrfZnCmVEY8uKGht0EXpVA24tabo1zMCDRH/rwQDUAMfWIoRhpwHXSD1ZnQZUC/7aJLbS/6M+MzyQbS/o9Bcowi2OkSJ89xQNQKaUZxAK2Ko7O7tG+2tiPnE5F/PbjAPP990cAUIw96yZgHFKdSrNW52cccAYbmmJW/lAvH/JLJvt8CuiAiwAY7Ry6k1urSVODVK/K1Y8NGCVo2aDamVAnTKS1ou1C2KyORCZJDNkAV2Xg3DfasGmGGnzVH3ITFkfqf9nyCxSykta8xE94juuxY+MRyNxd3I8hl/hxngu3wynLfi1ALdm1BDF8gW4jI9yeerJSLwlH401507VEH3hirlumGk3Ae+V9do+gNuqHOK8vqbWDqLQ8oSjJFBecUqjcwpJhRfxL4W4EMLDRtBZUirh9Sh+8/j0ClMjraIo4lEUeNwpu7PS1tNqXb5kJSff11va7/WNfj+Vtn/r+YbZ8rusbdncuOyMN+RZZcdg4vxwxNqVj8qy3djeYGyz9XctZpXr+mJjpdJKoW+UGapubuJsAzbQYuMfBnvFDvQ9eh6iGVEYsjVm0yefeW3HICus4ASWXck3pEPo6Z+/+s9nnezIiUeaumlhhSCwZpx00dTjlqssNVQLdZgq1GN9r8gWarFMcTFFgVdKcH0kDjADGc2DpcpkdRc/qdfVE0JHSlryqtZ4VI9Jk4XGGJ4EjfUwCWLSqXohFWftHaD/5dIkLp/0seACHPiTwRKrWRwQwwVbTB1IwiEf4mUlUlOLJRFUdE8FNveJOrhf0wAzpwWmSsEuR/Ak8eDVMnP9HAvGR4Fg5MbP2R6epkAWzOfWALF3TVwkXZavmO1234PG1qy29w2z7iv7qzZUhmxz+lB5u25ct36D3RaMbmSV3WOx1RVBW3cnKpt3HvvGEEb+jwZ7401MxxhtxXiyK60dbf/cHYR52XjbbSfuSsdMnNmVQlsns6uryV5c77DkgP+5qDKIXQoOPHHc0wwwgCPTckL7JDfOrpOclwDhGc4W+SRsPFiMRgCCUl0o5o4xd2MVr4fG8TfllhSIvQD5aIQeLaCmp7+HhP2bnzT2nTBe0IyXn/+bceI/nv2QXv1TNO/Zbxm/fuoe45MjF6PV6GzjM2MCVX8AOjvP+C+SG9499RGbh7iyCnzclVSRcZkhVhDbwCh/OsBMkQBzwpsgKQivzVyzYUmhk5bIYMJVa6YgyLJNgISaMRBhrVxwhipJoBnEEVMoryfwklt1XkvJulz7RRMYN4vAkoj3VDCE+JBKJuRvNpd1eXq3c3kr+HfiQxD9i99e/+blB1nW6guWXsQqPWeHF72NWt76x+GXqiTklla6ek9ZQOEZ/ZL/ffXL7X1ZrxUcBmJoO315qAb57tvPe43fY/kZ/dxFIL8QlaQ2T6+cgPxEPGWIEGuAVwZI6ryUPVU1VOkm6yZVRXGm4L2qEicWxKCd5FxcAbKKrQVl3e0BWKI4LaXVyF+QMsV7fWZuN4TwKkFVLPEvhG5M/uotFNqZHHV7BIfcvFnZcMj45MS/UIOTxu5O2x1X2i0WLi6l53d/76kv14ntU++xr1vwSkg7dVlRJ0qrslmSl9JLvpCUms5E4bUkNYMxaC6qAU5AVRI1ABlrzfIhZ8gTi1eZZZpaGWBSgslGoDqPc0+HkE0Oxeu/hGMUE1BuzCBcKFKVYMhcB7VIRKKRKMcjfyfbJJFUxHZldfu0Ypz48bv37/tN+0WLBPHx7PbM249xmbWs+03FUxFri6H469aK+a31xk1eJ+0WVtg7l53Ske/ftfPVHuPAmvnW2f5Ny9Fe4z8uygtLkYWm6Ue9tF3tuLgPudzlxuPYvm6fOsbgXGU3tcP0lboVMAphRUnhnHAPqeotP1XVW29W9eJqy6piVW+1CAFKHhDDTKyaBq0JpZrbcToqXwUARWN47ljbSR0MzJlDNFNelSDELKSAdywWu8JUIctqTAKvrLFNjacivkRxgQknHPw++M+D195VtL1khbOye2z2NQfCjQuHsizLM52D61tqkPTSwvuqqriwOCJym2++eH/t8gWzHmo9wBjv/2rpg1Xx3vtesq3YvrTWfcV58b7GXG0pTbMoXDu3Z2X2wXcCDgfEyVZ7suv8xRcvqZvfXx9dXL3tqz/4TVSRMV7K1KfsAODVQt1TzNsFIVwLZwpVZGWYM2tZNS47TlUxQhKv4LMM8UQNHKZhxBlRRydaTNfTIuFaBL0UjFCppIPRmLCZbAz7nBZziVVLyziFUKpo8bzmBKIXBY2zKRqHTVKC0DS9ASNtL51ehPWHc36SHU5bExwpL5lOKlhynZYm2cnzSoBzP0Zf8QOFcfHcGl6QrWVyOjKntVH0NHVV5kWRU15dbRyTGtsafTIz0L8sXC/6eYF59tDjkt8vzf9+fb21Tm0rjzndnJWhd5687fi8bgbRQGOFMdZaUtYxq525imGcQqSkt7G5WDNjUYG7qtR+qpDAeLlskwWeJk6dEP1KMMTYh6Os7gdY0+Z2h9qjuiiDCSMpMZEH310r6XblVMEPduwxBd+Mhaxkq4Mu1hLodMUO6ugqCSSwusVkMm39LrgWjdXiZDIQWp0qyc/w0WY4QPLDDNjtma7aKxPNI9U5/IDzG8OJCyIRHKpK2iPf1UVLWd0Yi6+uq6gQlmeNv3/8xh8q0rPZF04HaY+88qb+PfrAnOpT/L+26+TIGx988Cb9CMxeCk19OPUu+zuLSiWor1OFCDbaeG1At4LyWCXNh91aMAGMpwx4KgJ4qlXM4TFPfe6aDwdIaUUk7dRiR3TJf1xzHNEc0rjTIQE3deHXAhzP4KauPDXhkmIOp8lFD7mkyPRJkYf6InglT8QMVNZtBClmRmQE1BIoDXUqC5PD8OFgMY0SivO7/fX3NjVxwpbB3T3dbrR41rzNrHj/nt9IXRmfMee6Jw66ly9gXxrj7JzFOSJE6oJG1a/eYy7qSiYgAOLWMLG2fz6eos+ifW0tCLD5eOpdfhtgM5v6yIwitXyWwKMFswQhUB8cUOolOIicBeG7L9VI9sz0q/qcIkrrP3yUoNQJKHUDSi6M0uHnVn34DL5s0fJwve2InoDrsc+jBzRxPB5LwGkVfv0CmAW4iY+q8lS3zSVVJdq6Hc5YfOZGEhFfzrd1fu7GNNyzOvHupmhtngA+bvOHVeJSvog5SuCq//8XUUSL8miscorf7uu+q7aWEzbNubqrS0ThuOes+azz4b7cnarKCZvn7urqdqB5PYMbWOe9173p6mjwGqO7tt8iGu9e99hB97Ih+rS4wsmYEX/nbUbZ2t7EWE8LsQKE+CvmmpaqyAwhou+gIyd+mqKX026QJeIJtw9MfWRpAm4/l1pLFfqxrtc3zcV0vk+Y1NMtmQxJXGg2EGnBVRnFdwQwsEpFnAh1UNXn4bxFX7+sTKhUJjdgTugJ5PWXdeJjmzIuhyKxYpka5tSo6nOYuUmNPrmIYyUaYlFzWS16el0twcBHPT5ylQ84F+/b9Bvjk3WHWPHllQM3R8Ict2TeMengwlw3K9419JIgdpw1q/sfKJm/ZhXrfGBl9ltNzbx18bya957pqs134uTAK9zikmt3Ix/af4dfGMFBkHOAi0TixgO+31xZWl7OCSNOwTVPzPaPGC8aQwtHrMIY+dSIpTIaakMLji8aaCm3AL4C4Dj15tQx9jLAcT51UTHebcbGNSucMq7mtOAgVtLnc5O61YfxG1a13qN6ClxPTUZfAEYz1Yur9K1yUmghnC8LUave1AGqOF8eFyVPJcYUKROCvzQY+jK19LUh9xdyJxyPM0cezuOdkWQxgxymA+GtLFUJ/F9CvH5l9nZV5fmzuy/ZStv+EN7NiveYiRTHOQsGncKr5Q4GKe6m9az7seWp7bGo2NIZEUqiP2x3V/cFa9n/KELJh2KlxqcfokJHTZMVoMSplHnK8PUBp/H1+ksesNkUnuf7yiqmayXtZbmeruVda+agy3aW5RWeJbWyn7EN4OdL8Ap6CYbTaQfuWIK9jNNtTRas2CzbrMS100CZaBu+RXPgnWjwTjjsDODqtwmL6ektxFdNuE33XoprBXBpsJXUHyKnH894N/hwH2ZLzhJsdb04EYv3Dol53WojpdBAlhCpaQB0HchPIVLRAWDG+X76hHHf3kvlNWHWizbQss/YZZyPvrX5usjqGlvoZNltbex1Irfjm9ZfPKP4XG0GdXK3k374cduvXgiLIpmPLxjH6H5LiHJSIxSubBPtpKaKx9XyLswDdTt4WjuNB2p3wkCFDN45SIl4g4hmyeoSno6i02R6Vlmj8xqPeQp4V4VkHOLAgGWYRy/4wFqgy62OyT9ZHYZBN716Nrr+rjv9jq6Gz55rcHaasf/QVIhea9lA2alvU9N1z7xZr+woWnPmI+/pemXrEZ22Hmc1Hux5jVmvPM7QPJhrlrxayCuHX3Eds52y4o2BND/DhrN5zZKHJy7ATbIn0ErRDMdb7azltBF/Ai7NuFIsanbnsm4fmGA+SjND0soPYiuDQefapUsto54Tm242tHPPldAAWgjjyhrH0ATBeT7BGQHOrKpzRZyZo7oVcGaspJyIApy5DObcPOAsZkyQkZMkPDVWxhrEKRqfJyUmMsw9C01cgSUr/uFDQUTbfTjhvcf4pKvB0gnY+k++8urZxpWANsl9U9uZe5k3KTjJkW1mikkcEyROwZqW2LZ0RFvtO7+38qyy8lH/2OA+cWdons+34d7fHEYPsNIUdfe8I21tHfS/P4qWGf8278XOTieR39QnxpvME1PLKRHYjGYnlUJIc6gaf3RCMKMJJykWsheLhbA9YUlBmZ+PsFFSCHT7nvtF6fmTCZvxAa4Doj2bWKIbt7NJOmF5gsJVwZpFnaBZvE8Xwc8Uq/rxrl0Rfz1twctxrM2sP5nevaGi24e9D9xRowwBkbWsXMweeSDBzt4Xj0EMuRhiooPME1Q91Uo9RhU8uH5GYCcL6WIhRyM7qQXBgLaR0LkBIqIGSWdBI2szuh/OcpjCtmRxuaHGSnqpNIkLErG+Kg8996Kpryypr2f1lpLjTi1/hBpn2JY80S6dyRfrXxtOlefl5IInLWATwSpaEgyE0CgroJtOyV8ajhAmS4rccvEcDpWcNKnTo81i7FP038nyERWd3isF1yzc4vYGdB27aml8uFV1iPaS8qWHEl+9O5asxjtUgowYT7QGv+uyDl4euuTOAyMdVZuSgvFB24ftyx3nLz/vEm9Fhc3OjUnqyNeuDBk399ZlIIAKW5T6mlrbI/TgktuubxvOJV9brODYXAVcX7J8RJVTNdQaqmDDuFYBrhI2r5VYOWpVzXdUr3HhyLxQ48MToAZb1BpJj+JSepnsI9JrfDIp+YjK4xabVEmcVaVkJiiqZN0hmIQem0Y/x5gFVhSOGWm5kbgenM4/VVWrCl33pOocFfJL9T941zj6i47rY1H3kM3PcYiNX5K56f4Dl9Rc3WTZOkuosNvLGk5et++vz//aeMnBcRL78UUMTf8z4C55+sH73upWTbs1COMMgP5EqZVUgcGjdFknzdJhL17HixG9UUBTFAnvvMAxH54NcVxnpeCdil68CUmzyVoAVz6HSb5Bc8njlM0ewE6YMX0B2ctgBsnTIbJvOvWCI5VBJL3cenmogo9zi8+Zd/VX79qd/Uq4UvTxpXN7R8qfn0QH30Upj83q3PkA1z3vHP074z8PyzLbxSn1sYp/FGtLj7FDILMkzIXzqAKLR9MCUVsNnguxrK6yOPM6PRfqYEx1YKlA27MZ3ScCA+exEH3gMUlRLl+Hl4IdzkSNuQ+QLJi3qMA7fFSwoipBFNndiPcR+IuyKoqRLJDNUGOy4794SU7TuAD1pj/e3DM0ZCvlBZBoXcrhi9UVtdhRVZ0ve8jr/GVSf+u++y6puygSsVael7vpfnT/7f+4TUCLL7LQ9BCRb/TE742uohq7MzU1wn7u9g8R/81fNpeV0Q0WqfTpaVyYLpBxCHR5eRGXBNAAknCTWVOXARGnY1JzSmRxkFdM7Y05cWJNDhI6xcsF0esn6UUZbxSBSwl5nKe8lTOgwAkkFx3+nHTd8enNCYM7X7v8nns5hik9+e+P3NRydTTq8AllC+auiPzkTw+hS0KesdHVN6KDN/9l3z37/RmnI1B58LWQJLFtnLs+XvEZ2ulmvKHRpdeC7i6e+pR5COStYt2txkKOZPUay6Qe4nHaEG9HGEf+gJDUVVy6puICVw5nUyFOTx7V6IxeLuL94CQKL0/KClnsD9WQDfFg73GteEnREjcpp9SXCBBYDOaGZ2bCm5tkiF0WO3ciauqNzu1l5Ww45BNrrmzbvo2hUSnn2bXPmm3eyTofH8luq6y0bWcyQ8zgbL+A7CgHuu3OD3HWQO3TR9Zx3Bbu5Ndbc6wwxgIlHHFtpqsbKsn+GIbabEjM+8y7VJbqohZQD1MFO5ZoB0hUgQOtRtVnMZNauarnOHMlXjiq1WX0RhBvdwZvXydbTCiZ7JWthLdGieRwAo7J8f5AK+AVF80F+UaB7ATTWuVua3lFpMbeUD+L7IoNKAWfP0pUoXwWTBOqMl6Hb+gdNbiqy1+RN8uHnR4f8WVkYjQVq9R9WTJNeIDMrCZNgDHwn6p6ayp+duaOp+ljgNfJbi5fWhEcGHn/67U3+tN761XOt3ypsPCPj6XnLv37hy/e9qdd+79dsSEaW7X7B7s3r9xy/cZztnCXb7r8UM8jj1rkukjZ48FeRRGqbjt7/1s+S0h0CNtEzrZ8+72vy/W1K6ziuvNXHNx02+7qFaWlovgVWrhs/+UbL73zihNzh5dfMVKTSfhYZ21tK7adWbA3LOhfB3VVUQZ4W3hwehFP82f1ND+pe5oyGa2DUCeE+xC0HNWTgK+1Bi4nydZw3QnOQoZrXXCcbAHMs7gS9QkLZw/G6xuKaVxsX9MNAK+voh7X69iDcrHkZNrsFN3HF/douYmnnbl7iy9u3UqirOlSXKXC7+d/dX9luGqAlc4fqtocjlg7mhxjow07egJ8pHqAVS4aesXRpsaqk5ZtPcT++I0rjPe+dfPVFcYVPR3NoKs4RFksdzWjuzZclEl6jD++09WIL7OLuUye7WnJEnu0dOoY+sRSIHn/DVTBgkt9caFdwYUNkgiTt0adiLKUu5jzDwDJFCfH3YFKZ3ICb2rHu+gzJPFvDQAecpTU4oA35S1YI0W8y8MJiqdZQM3LZzrYL9u+hv3qzNLmpULHHXVJm7s8AlDImwkUQkczNtbD/dlkvj9b18KoQ9ag3VaSNOb+tT03Y+S0cCHMVyHb35bK9rdSlFmTr6CtMF4PVYlrbJ3I3AxmAypdoU6UFAcaJrl9GQ+U9cJAy8yBujJEQ2Sc3S/BdaRlsubEYRcOslzFoZlpvuIYZc+Z4wmxY12xdE5ouSOdtkW+evUCGEQrDCJv5OWxN1+nd3ap3BCPR9N6YtedfxniE6eengYd/x3zLuh4DTWMqz/zWMsbILr0YwWXs3qJWRQ8iCXXz5iF2bGjuAS7YCfrl3YBAtAY2W4Q84NnxYXZ9hg8uxsG0e+HUbkH8njb8hN2lxQK1/Zibc8remubuVaDcyGnfOoMyXGNTY1F4RXr06OJ06G8xVzDIFUQVYksyxId98WKeozXJe2ekN9ltzAgVwHl2M8amto5ZddgdE1liJOjI93LmlZ53ujf1sWJO0LB2vbFlo2OkgRR+8iJXxvNpmKDH1vMCJKjwp0qD/Es8yE45xNXBd9Pl/o9tnYWbtu6bSl1QXalx/jg7Pn2trC3ckfRdqDXANcErtaXSczOm6hiSHGuVIsUYYxMw0j2w9gjRexw3K1J/yNGllMQzUBgen5HwkIwUerkEAZg5uDeNfKnJ7OghPyNkYRgDs3kjCNTx7iNzFPUWdRvi3bPImWzeg87qdcuBaPWI2FbV8jjKY1LzPRynA4bgPEF6hdkMhmSK9ajeJhjqjZ6VJ8NwxydjYc5OgwMelTSZ8mYVmuzSZmYngLTWAfeKyWRMmI3WEvM1xKEdCcigMwyvANgtpmj6JCfBMOZ7ylWjqUUrYmU+zuBrigTUm1DJlskdBUAYxTj2ZondWWFsswgtiQ98rhgdTtNVlOcVbwfzyj//2hheebLL3+Z2R3huvZV14hu1vLbeWtvLP/d6O6vByPVc1jlQqKdtraMMDa65RZf+LS8wB7DtYu+5sZa7L5w6BWxrT6V8zP5PluF1Sb19HPfXDL/oX07sDk+rZ7WXB6b4w0G+wUTvdnoyc8w0Oivs1uK8mWTIN9O6m5TvjhfAq5N68jgJkxYtsTJ4ZLLgr9MxdJtBtrlqcOpui5Vy0NchDeXmEKsOdPHdeOgKA+gN2D6iAUWUZ4kni6VVomrM0MJIFNKIVDRgAUSl58QnFavj3Th+LxM/rU4vnSz8kzofz9n9z3l/wPCVRtClSCJz4F86xVf6vBOozkNO8HT5N8F4N8OKoDrFAj/Bm5asBP+zZgVbph/y4R/e4r8G5epeoB/66wdezW/DId8cQW7yLTNLi8zeNLgVW9d/4NfwYv+zsMP7t6256Hd276KHr/tzzedfPm2j24yEPvU+4cf+OHkj8z9okYZ8xHIWaXaqRtOS7qFxatZeLkPS1rBD5mxYleFOygFQM4xi7kpovaoXg8E2p3R20xJ15t7I7Ck8Yp0U5usYA4TCFZkSNwbwHY/iLOIui+By08ycO4EJlPxOSYzLVgYX8LjM2MJsOanK4IUU5JoxoZTetQUq5MTjqT0t2/+401301WtYlpkpecbLwiW23oTLAgSccu3kTD50mZ5WqitTc4b/vyT2z+9zRrdG101i+aGwZQv4FuWVCBepdfObjk5nHj6wW8ezaWM32J5GmHmN8zrVAWVwllsIs8kXh3ERKa8uM9Yk1TNm9Ud4B99MCvSRMIhwCkk4YyqVpXRbTAb8H6l0hBoOustL8bReK203EHqG/WkVGzChbNn3Ol4M4fdPNHt0zU4Xx5lrl6xVUqUqU2s85naCyMR++J6Rjha+4N3vhhaKqqy6p8vXNhJsyNAYYbZ1BDad+cnSLjvzXx58FQ4CfZhxdSn9G9Ab5px3bVsas1EOUuVsMnxZrkc4gesOCkMRAyX9uVULXNUdzhwtZoeBo1xSHjr3USJmUpoAQjCWBNq8hCCQHht4ZxxEl5rJeZG8VgKUKjCldfl8ri9xInzCjpqJllmbC58p1UHJ/G9Hq+fTBASrhW140v7FvAruJaba2ucNG9hhc7vdHpCHMeVsyO+SOq8WrmmdTmt7B5pPr+szNZZHa9JMm3dtpDNJjqSLWpc4LnVOzHXe/QqbnFuXrdxS2p2hhWW43htlJu1Bj03q5UjeK2bOkb/kuTorqVIiKaHhMlCHcaHF8gGKo05CkRvgjUBiRRzcaAl1sxEwLxY7ZrE26zIPiOcTS2VD/GiEorXmeEYXnWvhmnlx6YCZy5wWjskH2JYV6C0uljx75+OxIiWNFYlpgOyGdXqpIvRqVhMRes4BQ0s2zL/gtW3bt/8Xw82bCgrtQRtQ+zI2Ow1o6sf2XHe98+ddUVZebjyx1nbngv7Nywaat8x9+rvSoJg37aHq1UGZ81KNyzJjF0+f/jGhV67HfBI4hpmtpcKU/OoQmkxCYEL8AVsCyOkI4UT5oYIdgSn0pw40LHgrEMpHPhwWX7BGyQhpqAUkK0yP5Pi8xCYx7nTGRi6uAyeSNradkUiNYKAUpxivOEaGKvod3u8Su5i3y3bMrOYwY7gyspKuYkE3x8bH29c6rZam501fVv3oE9bkgyRZR584wjIspW604xctEDWjPaSWd3O4nVd3WvBKy24MMBjn9SpfMbMOTWSMKZgbcSsxYpThVbS9lAPwtWgi5TwlRZzTy4rbunj8ZLYLyjrqTSWq8eOM6lWVzAGvrKR7FDwyloO4hxF50o/F+dkM2AUZsYFM5Or0enkKnhKPD3y1pb9qZTDE3k4uamuJZVvELrvT6uiu7SYlWKlVE2j51GX7dz7yq/fK8wDysikhqxAGEuajRvHf5oKVaN3OhroQRIVpY2V/zDTUryvpS76CDtv1c5t6GOIjEiu/YOpd5n7mYNULV6vwrUoWq1asJaGMY/AloMPVpJF06Sq1xXXTm74sJWshFelnVr1EV0K/L/WC1TPqBeoqj6zXqC2iqxXaUjWbaEvrxYg++3OXKOGeMIj7lRbdoYjrKM/c1ZdUqhanm3wVGWGBdvWdY+6kpkq440Lf9wW3cis6KN5hrV1M77yUuOZu+5c+c7OHT3Ocq/YTdNDXNuyk/1Reo12rtn3ZOrTqXctjwAu/dTvqUIvxqUjq/WrE1Z/uKEl5ifgTPCBUGMuhotz5qj6QBGesQ//i8DTC/D0HdFdpcc18cjh5xZ++GezUKADrncd0ROlpFBAlMYdogtgc+LXzxcKwK0ZKDrPLBRwuqoSXX2i43OFAvhyR1fv525M49zfi6tMo2k8YZE8YSurzDZ/YUnWhJvOpdHMOA79SylEGSIKQbwslbs8XMk6ZjUsrq0Vata1SyVdbazj0lTz5eEwK/ar+HL8rEzaU5UeEmyb1j7qrGmIG+9tuWBI/D8X/jAfXTdDTC3Gj+68c9Pxb9T19wh9tIWh4aKncYbo/GI3Sw+x7ctBdGjD30++dEqAiJKmPmGeYh6hFlArqEIHJsfV6W6s1G1gBqrqITIKqLp1Aa6IAS1HfJBo+YiKU22U3tYBri9RqzZ0kRA4IB8S5Ui2mcQwZcoEJZRXhIrsdxoeUmeGQihnNu9L5LCHA0vu/kJZgEp22ppVAbiTWRcuyUhIjr29jRtLSy2OTK3kdG+9KqB4Yo2s7e7bObHpMu2Z5nPaWfHy3ti2RDUrZuuid/88mmMdO9UreIcUCLqiYoNV+2b/yACzoh97PVu37HNEPeUP3x/yx5wuUejjbL3yTT83/jq/nxP6STTcRbt9ZQ2vHY95HIx1lsDZugWpREw4Wm2vvruul6ztTn1oKMwDMA9yVBeFjQDO2+fAQnhJHMlgC1FSSrBrIZu2KD2ngrkU3VKYLDjIBcrmz3/5hFaaGmcqktOCUwTYDuYyzTmzFAgmd/POKJncZ6dTwkfDK1nx/HWPu1Kqz/g00zvQ2J6vrIiwrGue7dJfzL5qX6ArO3OiVxov7d1Ld6aahD6BHuIbOk7u33bb7SODlVZhjcf14++hvei8bBqRtZdPmMVMgSqhLqQKVlQsH9FpfuYKfcFH4WYBp9bnfWesz/v+v9fnaR/MPsrpLrJL8Qvr8oy5Lu/l4/wgnZqi1g3ZF3hoEdB5XDIO/h2po8t8o9HwyZ+crzJhkRs6T3zkOptkSxpzjf0K95VrbE/eUanY8F4G4yN62NJAZal1VMGGaw4U+6RWp+oxu7nBQz2q8cAAXTjproUlrQIPNyNNkvLmrF4h4d4UJITIgED1snL8/LE6Qg3x0PhqNW/WE55KfDXS0wyGN8mLQroenbGWiEWMt+w3Na4UFl2w+KYdJa2ywslt0a7OlrO67m7p7FEaZYmTGzq237QYfZb0L+2oQ9budTdhhe20jXSkjL82LjnX62j5Vovx51THAp5hHHnppnU9iInvIbYb5U6+iV7ltlNWqmy6X5kuiGa7RIEiWXSqvgFJZSjnp2U3j3I0vdMv0jtOvk//Fl3I1vgdJ7uM7//zgN/k2EnAsoxguYQqBDGWXsBSVbH6Eyw53NFhetOnFa/iurJ6DSAYNRGsq8HlwKSFD6OadNArjwdKK+vOaEqE4cs1mehMG4xTQXVx2phpRIhUpPaZkEkyJ2UwZC9ZR01UFfmzTvvCjhRyYLhEgAspqY5hgFFsxXAZJ+N7UgRe4x8mvGSsY+h+5jD9GF7Xdzd1oYxZkp31e10oEiPPFB07UNmKbkj5un1eMfXNcKux0zxGL9ueEMby5eVJ25PCWEt5OY5rJwwJvQIcjTN7dOO12wnpdI9u/uiE43SPbgePl9wtrNnlBIvHDQZ0Rvp04vy8X3I+JuGuFri7hZFgXnFKJ5Z745ZE89y++ua5vSQmfIEJWPqA0zQgn7mSqvFZXWUmSbYLLz/6wIx5MmSharoJUxLiwaTZ+9ppTuZssffUM5/VmBt5EpLGHtHjnuMad8QCZ+NMgjWbTQPLndkT2I1PLeMe/DYew6/409X404e7fviZk3wojU8t4yp+K8DJjG548PekGx7LueOJ066dYTne7YnFE9VnNpEmq/4u3OrBF8njWl+tNG+WYOJ9/Ko8Tjldpeb6r24Xi3X3M3sDFzsDn14kTJjtgXNmc+DBPz8ZaxbjLRcHy/GScGdTv+ifuSLst5U12cruLTy8asmsy3ehg6+iuAfdZHUbN5DOv3iVuGOx82QjfXqVmDZ+yzlRqPyPx/ceidAvsAXSS+oY8wL7MtVA3UgVkrhrSpRsNtBKVb2ENJ/Ee1U5iOI9qu4obsWgj0JgpgclHNprQQkvhk9Un5KfHqTxxr40yVsdcsmOQJSU71bjdC2ll0Zx1XllnHTu9QDm48D1yUq5Qyb53FxzByn6wBuGlWwmRNqFRYoLjjzH5zK4k5HfVE+YH3xi+JdMZkhw7nx74mtzbGpi12LdyqFBzvvg/az1ios7P2642RUvW97bb9yzaPmoc/GtR9aqmBn5I+8gW8i/m+szHuC4C7iHvrPel7qX7WledOE5nYK5dtGB1jIj7HaI1VK4u1USR68cRK846VEQsJb7VD2Oo9i0qoWOTkTMCrKIWXbvNCvIcJIjEgJQguE8DlPHWcFTgkfsVHRRIo2cwEmNy56SMnw1iSv4gmGT7OAimGac8QiZTXT9YKFwVp/HnXLAbuX8M9JfHZYFvQODK84e/Fppy22t9fu50T3Da9cM3+RTe/qyueSli5Zs375k0aVsWUnT7IGGhnu50Vvnn7t0cI+v88aWlpu5kY7euavWzH980fbti5ZceinpUTT1AZtlFWoT7ki8CQ/a6q0ggQo/qQfKMxmTqLdjT9bMTU6MjvUiR1Kry+qj2F5nJtacTS5UZ/U1cCEOpGWzqs0/qmcgyK/L6OdjZzdfViZ4qyR0kixZcztYpLZZs7GrG5W1/rw2pujppXB2NlYQbY2iJ1bB2SaAyXUqS41bOCOvabH90TIczScagdaQrAeH/3PhZsRhngTIYU+x/mJmTkRobGqnmyIcEMkwmHtykE1ziS7XpSN1Vw7buEXpAP3ws2VbaNuuwYdt4kjC20KjpR+InPHegMygy+BgN12a4Er5FtZ9x3DsvHDY5q0sc0tWnqE7/95hs6HNSqAhNZGy2d5XkiXRUKolxvxkLifwyNNvdXvdOePHqL++LGSj7fQ8kXMOiTHvEpq+hVU6vxJWBaXTPeJpraZpaZi1WSxjLOfgfdaIs8EbtlisLO1s764bo11tlUvV1lCFg6xX0Kd8s4VyUlGK1K1RR/EKIk2aAOAqNZ3G9Uus+Q8mYB+A+1spTeCrGXDV1/H0Djf21zZ6F1oc4E/c7Bct8n66b7/fYSDjG4o5VwamapjXwGc3UYN4rpBieImZ1MKqnsQzZJ7Zs0giPYvwVgpMeCokkhEvkybxJk69mSJlCFpa7rZyEhNOuDNtfXhSVCi6vxOk3i3rDtInVALb+yRjFStiic6BYgFGc266BIOPFltSV1jwmRnrw/1ssZoobcnBLT85SjjRwK4LhccvG9lZJgaD2zszPR1rL71sbceeTZZ/v+G8Gz22kOf65T0r2td85Str2i9pWrr54jXznLubxs6/eM2gOLudfnXZeO+2b7dXx7c4+5cP5LJrF46eteLyng0vNq97+pw56a2uLTcs7cyuXji6bNVVN6ZXji5aetbmpoVXJ5cvXHTWWedla1aY+O1j99D3W/pJv64mSrPiBCpuoOYjy6DFo+kmqpx7ErdSF3HzVPdksXfaTL8dn3G8r60ukcL/R4unj9j3ajsaY7UdTdHiu1lbsXTqmKUJ/AHeU9hBHaIKIZLdtUya2ws9lsmJ1gZHyJHUW2E6g5NgLeaqPjqK//kK/KiyRJpdpkG50mTBanr3ETg8gTR+x5+qknAT4wmr6Tbwwn8iDQJ1uEtDbLIBt/bTquRCwIPbk+tNjac2JzUAd8Upn6TcLVLIKsk+v1BelWiasUdJkfAGtwrag3NfMVqqQJWdSEqjSs59RrZvRhEWXACc0mjpIyj02K7//u7atd/9712PGb8Z2fcpin16222fGu98OvD8t2rXBstZLzeLvu6cjevX9c939fhY64rd6/f2oB+gUVT56LmPHjOOwSu9wnjrs/37P0NV8Gqcd+BnIsdZRzaypf7lV1527T2DI+y6YVdi2V7Tx9DP0jstKaoavPBjxQ4AAoO7IGrhrF5nxVHBNGOqAVRrSJsvjc3oPpg1bnFymjXJP3ru2jNLFtWy406tnpQsqvXFksX6InmpwVNedOYJW5FiVQJZFVS0KG6VooUB67rpPWGaIB+iRIe7PIg/I+FFC6JsXXSRNIMzMpUN593MtON04RcpX+xCPNdRHfmMbmuODXu8NvejbeduLGmQYlabm/d1l3/FKmxIDq6/Ph2tz7MHIsz2RKu1s6atNyS52L7VK4c978VyDp4P2CM91vPoteuXRVV1V8pqzpsaaiUjMlny7xUAg8atvhk3afsdn3lS828HUvTbb9Op2VozCs08KYQOPxryGP9hPOcJzXmsIXPmKTXdm/sxejUlUzHcD9usj1VUzUEKrXHLGYgzpFPFsaf65wF5xA24pzvnPdPaKjpper1CG+8ZSdx/GzfJu3a18Qe/4/2JYq+8072wqX/ZgZqiWNCbLcxui0bxMFvz1GzqGKXxqm6Hedms6lJdNjvRaKcqYHbJiUxGq1cnWsmp1okTMVpvdqLMPHcVo6p+MovNGYlzsxAeTGTMs9aMliGGGhMcn0lwHHBmBuR4w47uARr3BE/bXFIpYTEZWce9rbRuZSKkxpqai93lnPY6fNWhjHNMotp0+HaY0rV5rVGesFDVLXn8yXpQTTDzWivuQKMFlEMscgiRbmLnFam50idxlbTkq2yWqioZsPp4dwJJbLQhsomT9/uyfpLDV1GUI3s44X4uY7b/jEa8XMff0PK//c145PuvoIpXXjF+28BGJbvTx3IdZf6u+cvWttVVc95ApCbalqWdUZaNB0tSnKeU7z5fZJk15t9+QqvG//nZz1D5z07+NsmUq7/zuYQozbY1L0qP9VhlF92zNTiswKW3aQaVtg/LK7F8N7A/oV+x5MHOq5S5BREiJRtESgLpw28Wzwtuii92CyctGs/YnI5bMW7wPrcjdX2yzuEyfmW8yb6+gqjSaqJDNJVlUjTeG451Y9j8Fd3FTRIFwVVx0udkPUOYMo4Kcf6d4Xja3FCMd+Yh1kKZ8Dc2Z3weLkJ7fHgRJZK95+g99xztWX/r+vW3Mv+Gj+9Bc/HJetyDcmoDc4zlYG5WYU5AuhDbrZMFHrPGuIp3g0lWc7NlAv9jSZqU0SslkiCpJMWpxfJzrTyDGbVeGcc1tx6yY5+XC9Yys38arkvHrdvjvNkKQwKWUG5u955RpY7TYYTVTHfHh2vT/fFn1q+LZ3TLn218MNvsl79nuqydfmQ93YPYXkk8hlvnezfSxh6f+Lpmzt8G+if0ZZbXqSDuge3HMUK5qitg0C2qLtomCxYRJ7csgvVUV1KXY1JzkR36E35TCLgRqR+XTuOoUsH/GA2F27z6Sdc0i6JbXXnSnslp9idPgEpP9/QGuuPPnm7p3bD3RWbj1iGnt/quOeuuuO7/Fvct4G1VV7rnpaclWedIsi2/ZVmWbdmS9bJsS7YsOX7GrziO88DkzaNQHoHhoxBSmqYQQoaG0kIprwJNGdoB5hxZCZRSCKW5nU4uX79epmFuW+bSO7fluu0wDB+dS5hE3L32Pno5smM7pMP3gSXZSNrr33uvtdde6/+PKp+NBfnxKq0p9eatM8xHj3+4d/bO6YGt2x97+9Ui96D6zt06LekJoKLIL6nROBqpnRRQ8gJ7qIZsMBaPyHskK2yCTZg3Gu7s6oxiJSbv1mHy7kodpoKjJA0LGTgaMJMs4FIMNZg6SioGyh2rIN9fpo8xHrieXMBSTlJaOIqL6sPe6T1X3qBVz7RFvE11U7UGc9VXI5NXjsUT13xvg7+F9Rfzazt6w9q4UDY86q4pHy2Jb+wL7KjReg903zHZjvNVas6FYq2XKC0aHRpUksvrSVBlehIkFQSkShwWE0JWdIBw0urYIy0tlnHmuedM3MygFAxy0yUHHpN5MGY+beIMChvlg7ymAta3xg8Fx0C4hU6LtRAL+/HnNJsoHedKNFMwIZrdGtectZlSu/DRupnU0RuRFQPop70ZKh9rFXi6O2uh5tRaacSqLApeUssZBtxH4HegEzM68PCEXxuHveSQyGd0Wixudqb7+qM7On9optF3mO1TlBg9Uwe33fyku7bm2i371jEG564r46NXvnDfOvbI+geu61UrZ9RcY+c3zl37+YcPr2/bubXx2vqD93/vXfarFtV37n3g5FU1mtieBIx/L72JvoEZRfubG9uWcAAvQxTBVEgUgX4zlzP3VMqO3tmDotP1FFwnKIvmE0orpsJnYT1hxgu5AR4acfSZ1BKUlmgw9QWhwNCzEP5Yce5GUhYTkt9A5oDQgM5+Knx4QF/mlF+gu/1Nndsm1mzyK8OlHrPp8c3+Tanrqqc7ulvqbKOt7zzINRqdFU5h7OYmzOHPvE6fRGunjuqhRBNyx0XzyXLibuvkUlg7kR4wEjqqrPRAOSGJr+MxNSKID+Tc7Be6xA8pb6/unNDptGUWTlduj3PFN8XrLq+qVkfbaxxrFLvjxQq1nmFqLK7G3/8/XwOnGuZUHDuoaA3Rz7VUKLG/6JRjUDh7xGV/ASSoaL0XK+Yzyg3FWeWG4qWVG7JI5tKid0oHb/vaCwdv+8b964eiA/Av+y9Hfvjtu4/88OkXbr3riln0L4nptqKYLp6O6UImlii1WNDac+Q+2YpDOCnYfvKxVnoq58nXaB/dDeGbz1v9QxTN5T+lcPwU+rRbMaS4DmHkoaJUH7A/4o5MaMRMNAILYVtvRKUHijipDdmiw5c0GeEFyVQ0L9Eq3E9YB1CuSUMJpR3oLCPGfFIn2gUDPqlfxlayQEIsio61KrVgana1eXtJpWeywdcYjhBRqzb0d94Q3F6gow/hbjIKSaG8It5Hwqc5vc8fkDMeF5wXefJXwEOL9QWcpZimwenn7UtPnPFc/auB/jHmDgW9XTl5Y5H+erV6n1Z98qSOeyl/bjkVeG5xQ+m59cmpfCGso5+/zknfOkD/ltGlooYt3E91Bt2t23fS+OwJeByS8RijfkolxiBaiKPAKD4GKzw+qMkFx2Qck7FIRoL4YQQ512AE/jTYoXHlITSeixAkKaPI5UaNwL+ZHCQudyIPKT/fqwekGhBUnZFYfBQAiAqSsxF5scEBtEZHEGKmOIqMEFJRfC7i50AyBPKaEaAg0vd0rgIox5LefIWQvXDfSfbqG0eLzeD8b8s6fwGc/6rQe/2Jfy8cMHBUFOE3ifBrpILoNDJM/b1cHatBezSkEXCqMGHF/F0oBOTxts2bEahuwLN9IF6EFlvYL7WjxdbjS7IN8AI5ao0sEWXAYQQtM3HQJ0XRsy4f9JpL/XXIR7Z520OY1zrKJ1s63LE4XmcD0Cwd6iY1823eTpykHxrGffzHUKDS0Qn5B4kvwsn8FcQmF1xxFwxephaIzjH7OFh0e7S6G9KLjjm4dHxzLni++Nwia46hoikjcw17HPOmo2iliiY3AGnedApX5ENKpxwtFJk/Xe+DrA4kHF7/0ocdJOGgdxtE3QlJXXlG1Jyg5tQanR6nGxLoUfq2BIjW55SGklLCsl4aALY5ZxSrnZDreRS31Oe6jighWFe5lPsEr/Kjv3rnx1xf1Wupj86mL6OeCG2PDTTGzcIbRjsQrE/s+ML+otLPa5Q/5ralL6dgbyE838qXqWY0N8MrYvpuzzJ9RzxQjp3D9A3zSNG1UqbvbF/ryki/r7IJb7+uN25/q6tzZCX838rRnbq9u73a+lGz6T8/xlzgOfZoW6E9XEvY4yKYz9lsdL0yEvStM/89HBZs6p+/za+ED50+1HKjrU6309I/pc3Y4ySyRyeKBVZij66sPXo9UizPHl1gj56V2gMs4Ycp0uBE1ljZHLk1/NWmpsqH7qoS9u27+aDgWMk8Ufy25Sa7/Uu7W5mh7vYJ5uxemCoZ2xxBtolTQyuyTV/WNsMeaSTPNn1gm8GV2gbux0ty7seJJ10he/7UYzb7v1ZYektKdK2P1aKHJb2WEn3Ximz1hvZp9Rp3aalL/nn2m9hayA/K9jqM7NVORZDFjq7AYqG0xaDGYcCfdJP0f68PLCi6TkteE25hh7aQPtM82FTyomU319DoDIGj6+ZfVJoUliozjinFPmFOVVHWRbj4myEocXbiisqiMhTHKEMAQnilIOQKeWPD5907LBOEh7tanK3wrw3bfU/66XI3NUdzJFDfHAmebYXV/Jb8LGv/JN7bItQg9Xer2d3ELo/UWzQv9nukAMzfIY/oPZ3sJkfJbiMQqCVDJHAcRhh0Q2MiwgBC9jjfq1UBBp62QJcZUAgJmJm1AADpHVPq74WYxLu6vXPhaYsctla2j+7fNjYxsXVyeH085tzS7mtxr2g3Pb52x5bYyLVbZrzeyZZ2F8QWn/7p0z8pBxReapraTO+hEtOAQa9fXA/FOijKm1BgPlfcJgVEf5imJWl3TAPro107PydMG9QuSWfAUXwVOy8poJp+i0cUTqel0i8jcYji1Ik+Ui6ywSjWnZCGq86IzhMvn3j3zzeTlzcZxcETUq3+jNh44mVF34kQFkjcYJyzbagzuaQNdWqxFj2pbTS55pzw35cVXfIfDRvnhoad6I+GnWr0PnNDmwbh1znvMQPvMbcx807ojzbCHyXQL0iBCZEsr7XVORsHh4Y3zGzclC9ZvuivcNzECyiSLbHXOzrxMp5YD9nAOC6vSPgDfZBWq8JUBPzmTpIVBIYRZ3uIxtWOwC2bJa5X4nZPdBwpZqBFMMP4a26od9G5M62YZtE8C+OSSeSQWLt5TTd9Ru3qVxSvfWaafu2o0q7bpWD1vKN5eCyyzUNHP3xFXS6+26UbnZ7cMd1cz6uxWsCLqT9s6R94uKmJ424fMzhOvfxA7Y23aB8+cJhOPvdQjxAd2sM+awMacJaTVQQq7DYTr1LSZleqtaRCe51SSH13vDtHQoBWqfFU1DSGqj931mhJ/T5SN7DdoGYOaHX0a0SzI2XHmh291Hdl/jG7P0+2Q3R7pBA6mITccAoJBSB5FMsV8vCiBR4gy13uD3cZcbXSYgofQKnYFeCF4yV2o7u+u4eUckDhm9QD+6wLDholPJb5ELIyH/xyZD6K6XQqKpiXoqpfUv1DWTY2tbe7PJuw8gt0jw/SWK2pM6l/WFoSRGu1mJiJbFbLlsl1fVNHr6ewVsifuDiKIddQE9TcpVHOmFxcOWOdrJwxF+sfnABLYn0Hp3947V9GQCMnjL9oLY1nak2nX9ehyL6z6yJkNZSXZeP8hfgk/8vwIcomxwGa/uFxgs1c18jaUbyZXUKAcvL1Fw0QPTtzKhw22TQ/f9t4EQgp/pBz6KCyGJ1EGK2njl8ajKYXx2iDjFEi1j+Fi6b5F/ESGhmbJEBJXaOdl3gZ5Z92Lhqp4/kHoIsB64O84xCpjyF4HUZ4TVKz1D9fCsQgV7nFnxwikf80ivwvz0Fwrt/Nof9lrQlX18Ai24gebsyDdSt6dW0/grVaHwNY1/HJOnuzH+RYxY2YDtvES6DydmmRXaQY6aIhfjt9VKCn048uZtcMyEcHe+YIAXkx6NFDe6eWagWlkSLczQLpaId6PlEJd3qY39WkIpWfxtOgVZyoNQKytZUaFxCu1xWT/tY6qAspa8Z1no1w6eTESw3uqUsEyVK1gOzMdGHRkagt4y9cS+uP5OZ+zogXEiPBGp7M62jcdWTcSyqsuJdQWPF8dgorpuw+fgGxlW3ZTfpCuiuKf83diRno+WeeRvuwgfICdxYwsZAO1SY07loYNxanLVWRCmjzaakejbvejHk9atG4zUapoZgQ0jeAhpKiiKt0YxfXBHIDRhe5vcfk0JIVq/UsTPRc2BST4fuamqoym5tyaXMsyOd84r+gFg1L7cHz/jC+u+2ivkMRMnpgEJMakCWgE0MsBUuY8eWg2JGpUJS7PPnTkg1ZxsZj0a4qtMcpbTzasCjTvKySDZWLvFGyF8/PefCvgiaQjcF9nx4KbrmtLlz0Z0PBnbPJRwhOG3A/RyMRarAjWwpSSfXCq8ZlmJDO+fNMzoFZ2pC0O5OcSGcdzvzuAsZUhrLbCZpfwqfvKWYVNspOBaFr3EzhzllcFVDhS+jkIgFQPlD6krTdrNOjYwfyKuiM7EWGbfeINszYVa+HF6Q2U0a9utg0L4WAqszGk5YnqbmNF46ZdU5yVUhJTjNuG5ZotMdLxWgfknStOAkHNxu2BbJ7SqK7B7dTXJC35cnvsbZSlU0opo0McGUbsARfA33H9T9KnXkAa/A5dO6A06hKfUAfvfqRd1KpH2AxPoGe1epSR5l9MfobaUG+Z1J/fij14Yk9ViB11Ziqu4Z66dbU4zeOZrX5Uh5DDNsO64ooj1AdyOe+snplkXUXpywytUBZ5EWiLNLZ/xfQFnEskvZcpeYIHcRZT0iA6ltxLhQ3E61SiuQ/FmRCcZyEtUmQH4E64gZqsKA6ibOQOkmjrE4yp+cqCVvkMgVKcjzo4lol++EKRcfDFcqFZEuYV3NPU5/ZmOpWMqacI8ziY6JDmRsQ4wUHNZZ3AEmP6SQeU/MiY3IVGlNLzpjsK8Ip3+stPq6vQSRf9eBdlaZ9+64/bLrg0NZnvV1gHZMZ2xE8Nv8iYwsUGlswZ2yNKxrbIut08UFe92j2KuJRm3wVobvgWIPnrzlOHu9hPF4nGvF1BUYMNZdef7KG+GyXb4EFoHC/zjQv9y9JbnLKyLVLYx0wYuqtphXZZZGjwOJ2SZzfsXBBo3zzvECepg5TR9k72YdxbyVsEGRB4fqhYlqD5cYPc5uevNN/xN1a0pt6J/iNtjblTOpfUr8tCT16J9tdGnz6zuDDXp9qJvWbwGGXy9pNV6TeUc48fGd6TwgpQorvU+XIs7cAmx/mC2pIW9wGc6wVW7jClFZxk/TIltD/UgEV+EBZIjbxL3IawVKmrakn0Q5o0JvL0G9s/Jyeqm4hCpuSUps1NWkJS9sbGsJCDQx0D8IlAWMCvw05Qmzj26+YCSvXH/wW2PnO227v4G67/R5xapSe3/WFV99/6/q73/jzrs3Evq6jButjY6nfvIKN3P57vfm9Sbri46//2wT7bHfqn84Jk8jgT5ybwP0+7yk8aD/0EDaQ5aqEhFesEhJZoBJyDFRC2gKfuU4InXUhy5YMoWP4LMZv/x+dXSuQD6Hvz8/V/Rfbsv2zt2XWdS3flh/jA1wteLKV2LIm/yxHbHkS2bJnJbaMrtiWvQVtGbo0tsy6zOXbcyrvvGhaiU0dC5NfrGzXw8iuYeRNjy3XsqCi1O9P+onLifrwXepSlm6DPkAT7hKE2RpHD+MF7Q8Xr+1thAYrwktOqImPC4lSaxkE3QIQY+VDsArTL+K5lo/BTQV671aAw+cWOjWGaIigvWKE2kDdSJELVD9A0VZQRWQkoyIy4xGjGRWRjUAsGYWeHVARCU5jv9PmR37H14WsN/KZyIgoF9cQydkgliknwjgXkxOh/2/OxrECaZGJyKK6IrQ5Z1PBeTHOpXBRbjT3n5DzYpmsSF5eLGnzUbweuX7lfNIawg+tLC6WwhKGAi5QtBdDc3TCjqVx7ZA3sxpxmX+VMI9rO+xYzc6FzpEBK6RBGptC2TQIDTWoIR8mE5TUstpfEb9kSs3AlPrTYoeW3HwI6YgiJHGF8ms0S9PP/uP/vvvdOx/IyYjUOL7U8vHLP60TWEOhVJuxSVf8/FNXHf/8SDofQr+qK6Gr/3DfV5RFqSTpk5hGNn1W8QE1Qf2ASlgxJ6pqPjEIx/uYXxpSzEs96Lkdl4naIcc24cEJkZBHUmjJ5dNanBQJ6+bFMG4phjYhmcYdrKlGv1ATqcSSYkLp7Q4jc3ZGe2O4/56fU9TU4g07IMzprM0+eZ8W7HCY7xlCxq7sRathgp8zlDRAPk8K0egNGLXOl+7PhzgXDMvKzcb5LRcBtyIY6GFlC7PKhfW/hDD9k/9122vB0dGgd3zbtnHvr76++1DQWnnVbPc238T2HRO+0MRE6K+/cMseWs80N+7giu/rxvzpg262fQgI1GkLHfzWjt4b142sd9X3dXTFhnd3Hngj6q66pXr2yqvjrvGeSHx4V2dg1/jIhubN17z0xtk328OMegZzq2t6xhmd287iPR7raSiO46rAfurFAooaUVlRYwBHtRF+XozkKWpgud6+PEWNwcUUNfpAUWMNbk/tWyO3p66Rqx4iKDieMxi9YYAkzh83u33+9pBalpp3AQOgGAR5jejFyWvkZt5XpbRxdVacxLdy0Q3un7N6Jv/5SkaBI4vFS1jbpJ/60RLqJgPLVjeBzoTBixU4SZrdatKVn0ZCisIqKRXE+GcqeJKT+l+d9kks26e1YhkU1pDX2JXG40mER4xaS71WAI9+GY9RjEecx4FLDh4dPnEIIBnOWx5ji+ExDHiMYDyGR2Q8RmQ84vLywF0kQ/wxszvY3pO/OrowIrCRqfsvco1kAlA3g68qVrVQ4jgahYSOa/Za9ROXmXpWvlzY3/c87mn7u8OtTMPwlPILE8zZUwXWzCGE0RA1Rf24AEajMkbrMUbDCJXhPIwmAKDJPICmFwNoEgBahwGaXCcDtE4GaBgBlEQA+QYBlAlYNP6+PIASIVg1+CojHMEwjV4kTItVx64KLmvB1NTMKrY4U9FxdV8HkFShn52VlWcfy8GMkzEbwNWaAwi1nxdArRejJnZ5EDTJADlKjGRQ7Obn57zd0DkZQoeF7jw8+wDPNQTPMR9Itw6ivxn0XBDcNQBuPwZ3Tb8Mbr8MbsjLQ0mnOMgn1GYMYrks9tR7kRDm3mZlYMs9hawEwu3pE0ckgxpdln5t+fhtkylCzg6lt8ZvZklD0vh9H/upAWod9ZtFPZW4xiONFM1DINcDRbVTuX4rnGnFEgcX9WKj6HEyRv5KBnD9atzZYJgAOMon1eZAD3ZmscX0uqSJEeT8YrhOepWOrHCF7uqcWtO2sYnxrZPDU7G4c0vI1+JeuWs7vnbHZbGRa3LKddHe2Y3O90b2OOWnetDu+Z7cuy4gt6aZx48lNTrrY7LfFr8UwmS/uCwdYQjiOgGCWpi0YSG0o7hMWiondeoYpPYff5eAFJVBqgKQIic4kTXOcWzU5ELh5Fw4UmVyMcdYriocicpFshIbkbELZIhLOH5OLXhDpDUvYQZ2RIgVE6W1LWRNJirrHbhjGi/YBojtEbQ6g7mi3uGJL1idyjSehD0bbaAKXGmZUXFCrk+GL9QQVBjo1gxndHfYRx9ktsyEv1hn01orNx5r+Fkw8p1NBx7iTOf+qejZL4a+aK/XlajLJ4Zn7ft/4nvuxpsefGgqtOkb1tTvam30H+mrmmZ6b7z3/chGw7VXXnV9e0UFRvHo+Myj9zRUHXjiZL0gyApQf3X1i5X3f6Vz5vDk1mmN+z+u1FnXzD7+JcIbkrJjLbMIdXdWy0xs9kj+ovmEH2da/G1Q59qdK2rWipZdG1lQbbkSZ3NObRHaUDFdk0dyGgmnPfAzHWOLLTW1zbAwtE5ZmKfYDx3p2iJnK6EgvaDmGbNYSaubXkwKTQj/dWt+MSvpyfY8++PF1NEMTWuVBWtYHzF/gOc81gZTEG2wAPDWFlAHCxZSB2uX1cGOgTpYs/sz0wdjs8eRZUmF8WPk9PFcW9syVMOYB3LUE7Pjf0ke/7bVjt9Pxn8Mjd+NBZsuxgQ5Uf+yTLAr9khrixkH+cswAX1vPl9D2gZPIhu4qY6Mcl57ng06c23gl20AReEG2IxqScfwcWSLeocLq3iohCQyBtbOy9qiHdvCc2FbLKgMWpZ63L50stfkPvXMtElzYTE59q50MN30xL4RJmVPa8txsk0GsEZVEJ13HpKt4s+xClB/RP3QLgqbRyfyBfFcK9UWuaQGFGo1kIwuMpioMspMgSa8qUSQY+iDgilQSG3plNoooraHu6kjvAgcL8J5a8qPjdhyYSPmhlIZC+aGUktZ89F0mKTK2LErk8ld3KIpOTA692R6xZly+NUYSoe1v0ALtRnY/43QFl0LyUSsA4DLy1xYQcqsm0+YcZ2Kmde48HW7uR73I1NSaTlPasiA56bIWaB+cCmtLx3OV5hgxxhaXOorV2f13HtLqX2lNc0YB95H8LjO1zTD47LKEgDWtAQAHheImGGdi9UIl2X3iiV0y7yxR1payQ6xtHIZ7cjbHJhPz6JxjSueoIwoup2kEiUwLqDsx6BJVSoiX9F8GoLTRDn2seUg8wVSFeXNIGKg50jJR1UtGlyNE/eASHwrpudeeKy+wGC5TG0zHKCfmRa6Fx8ytzv3oAyr++OlQWSpUowh8A+6qFBa2wRroSYqsDAXKfkLZkr+PJiCPIeN0IGWvAUZwuLA9aCCxiVajBhjH1rqnUAbAqdind5W1yirN1R1Sr4WID+1YtowSiqrQHYqryMMQbrGQiV+S9kod32Xhl14wbZEF7cTrTuPETF185JT5IXsgmaoTWiffEnxPuas2EWRWdHAzoutHonTEKlNZB47CrXs5O6/EvkN0Nu0w16nM/BQRyE2IddRpLFYa4vhWaUglZTBjtcKZEmVFA50JbUmR/qohg41OBVw4++Ehe+QKwHy9JCcYJpNe9/aW7m2rIwbuj31b4L6wyMnqy3vPk9XGNUff+f5W3/xxeP/5+j37r5mb/3mr99+L/3Mofl7KvQGxd/sO6DqvnXflj7NjvsOacO3fSt1+M37Pzh0hqaTv335yefvnU5Qcs0s51IcQqeFGepvVqGUtXFppSxxrU/aJItlzXmjvRvqS7OKWb26tGRWrH9sHZHNSliHR7CnuHTSWYtlWFYjqfVMwSK81Qpt0TsXJFmysU1CQbS36qEGqoD6lqOQ+laDrL41xxWVV+OFuSwBrhw/VEiLSxg3PyX7nkKyXMxbeeFp5vu/dHHfv3YF3z8n9izw/Q9CPhk7EqHQ96dPFYotEyi21FPVyDNulL9/Y/r717GZ+jpZG8shf3/YNGsorA8GNNpckalUqCaBpWTBwgZQiVV4PAvcCltYIO3IQm+iLqCYxu5f4EbOiVkJtcz4DqHxOSgvdbk8Pk96fE3sfJq5tIHHoWCLPD5cKA/V3obielinLWiMRnNlbREZY6KsvAKvZU/TYqNcMtl53mivzO/5f5+sNr7QkF9YsJLO7U8PmZPHO4DnI4z4ugIzEpi9PP5kFXGSTRnuVnmGgl5FLfKXteRissWEdbjNRfl2QfOWL13BvF2kTqHQJNZit+jCFQnpR4UW4/R5DMEsGnOYfY/9BPOE2alhSrR4ksWYL0bUEoZAmydZIRPI1HtE3WmxzJcUCHFMtQ9Pb6AME9lOwmu5kDBVpadzXTifOy5Mofrr4WGdMeVJueipNEVchipO5lP9HMOkfiGzxjH/maWPw/M1xCa4SYSeDZ14r5fRqwE6IqzXxmbUwMsRWuVEcFMvq4GXw1kPFJ2RG3pRyfGmUm1VHWauRwBhCrR6wMoEFX01ULdX2bSgbo+I16H9Ja0whsv2gPQfV+0pTbLrBtgmBnaEldtntqOHkzM3dnA3TG45uo7uiE3cfPeB/i03H5zFoFUeN1gT4VP7EXT2t/TmX4b//gev7GEu8/7o3CedLz/5k1uB2w00uxTH8S3it1ek2jWwfNUuoIDVAE1zuB+Nvpg/DupdkWhMro6/1AJeOX5nFVpeP8seiVYl68V48v1W2uYvYZs/ciltDkpp2Nbh3jVELG2uNc1zdenMnVO8swpz0z34WnYM3Oiq7E078/1s2t5PInuvpZ5ekb1Hl2/vscwcH8nO8WjvEJnjyO7xNZfY7gtd+yqM/3SmrF52+6tDILQgLkB7K8FgAN8CTVGvrwAFIFCc9Cd78u71zkNlLqwJqF1SDDnMgvjMjVVBNy253pPGTPhuT4qFsXqiOMjPFVm8mI5lTEiYYEMqCJWk8GKG+YsAaRFfvAqwXj/fVa8OLvE8X84QnTG0RwWoKCiNNXqkFg54hwopjaWprQItq1UaUzpzVcZyNpDlCI7FnDlqY/SmbBS+LOUxgc5VHqOZ/BwP5UpVsD9VfECFqDXUg1SiGiKCGDdPylvDKKTxe6Q2xbxo9dBiP9bOEHxJmlyZ0EZJC9QgaCJWNnWAuLcLS5e50HwEshC4M0Gnf+CZRH8I6S1LZ6fU4+KFpLXaiZW4KclJalilmB+0mCrt0P1orYbYWChPa3uClrkJpziK6YzgOQvKMJlQwmxRVjNEE9cALQ5ZbWCXFqTOVQwHWucqWQu9mv+Zu63+vr899Md7+yZoVmhq6OeM+6NHNtMGx02+e7792E3OvV2piglWb6lwee1FCvoeLnaDgmHSUunecweOqCvnvwfCwVXBnes2WhnluELFXGkqe+XJx3/V46VYeY4NoDnWS41Sh5acZSAjMeJPdpBdYA2adWMeMXhaCptweR+af7C2pXH0Mxwk0pUxoFrCIhC1Ng8urhgUpDITrOzCM1XsEfDV1Ern62JresWT99cFVvQq5vDh89cz3MOrQpjzZpI2yKw3nX5pDZrBrWiLNUphJWlLgVbTcS1Wbxo3ggZvsrqhh9O7pGoWNIoT1Q0whavr0Jaq7+HULtw7iUJi2HljRhx2OMkNr5MwLOsI78AUueRVffXETViOs8ZtEG0nOMmpOKMQG068rNxwYhKTJtUY52prbCZXAv03K8FFJWzOWrjqnbM11NRm6I8GYyAP3TPeieNuSRXG8gGJEnurzHYUgLrYMHCMB9vhpWoeOEf0WMlinCj+yc1J+RwGBlbFlqY5DFTsQgYDLt3E1B4yBdysvY6ZfoF2vxinnZvoR34J7Eecotw+cdlEq6tep6T5X9r2ud3qSvGGJ5W5vAVKh6BNTb1xU+r7vR+lTokf/eS/HWWZkrbNey878SFpuamqIoQF9c1AWMAqLWXlOZwFty2gLDBW0Dvo2dTHqeOP/ogRotMRmyF1On0WV/xP9jjmneulniJnG1HrlwIa4FNN2OVajFK0t8Fjyc3OJzsEOyDfAaTksVxRNkhSmhHKZlyZgXuW4jLZnMSRPmxJ5UA/w8KcttQeIgpeCUFm5C91k/LkDjuKT3mqwuEi9/QBPqEHCLOn2dJFr3Cc5x1zFdmbsNtP77/iKX//D6YfeAqZquLcW+QGR1eqrpgYma378KbYsaufe/voo/uu//Ljd1y/n3mQvhnf4xzCx6bZmc2bjxywdRuK829wpA2zmRPwq24TXYrvw1i55v4wNULNUDuh9m+5VfdAv7Ldnxwnm9oWtKntyqnCn1vXGpXZPNZ6pHXoR6sRV+Zfjsy9G2iK16J5rRufJjQeCZVGDY9ahQTvCsKjjZhS4HLhmLnM6/OX/sWL+BfZFi++on9ngbaJz6iyf2uBPsEbuBDzOjo/GCgXJRo8otoPkgA6yGIUpyUBQI/DCEEQZ0i3z+ff096QfwPLXZl3vYprNIa4q5l5xSGqlKqmZFZ1UGOEtwY2dT2F/RpQ0S+S3ho6vyoPWre/fl72d7k6Mp/53336EahPMqOUjnJSYpGslaPHwpNEzEMyYFWTokz2h81V6dBBmmfv47IWB/3OFayKYyxXc+n3Vu3G712bfm9R5YO3L/SmNl8Lsp6qFt6U2Ulv+xp9nI5zOmPqtk9GSvE7K/Eb01Qnu5PejXwnT/mIZgNktTQAv4A3Ra1+PqHFMg0o3nAB2Y6kBayKiWxADxMqtWDpOSy22tk2tcHjiE5PccNuTy/7UWD3ZMRaY3bu8Y97K9sn0edx6PM86POM8HmY+NAofx6P+0SK0OdxRfB56GUXbn4q4rDGLZ4bsAs6Q+04FciouF70SUNbo951GzzsfkvjDehjqoIT8cAV6GNJr0VN6lV6J3UKja8N9IuSao5Sy6Nj0afx8wkWfxrLy6MrYnFMSuFJjj/ML3+as2bwsjg35GkNBzdf7nekPvTe3TvVUxXcsLZjz9ah6hpyHmd3Mk9je9qprbIKRqlfNqpo8+Hk4Hl2FbWkz6sSvVqJ+7wqrej7OLLWBhlchU4PW1+lACJVBazvWBoOugc/7SVPo+ehE5efN94oowXjQXgx12G8bDAeQAydbGXQ8HjqCuAmFhklizweS2WaIwfreshoihY+UQpX+Xg85YXQdSyBNm3tXQ9Per1TBaCvWTgVgO/7LPMsmgdGqo6apUSbRyz2J61kFLCO7Hg+ACosPsewRoKKWR6FGY/CjEJDXAmkJbMExQKJktL0KKyY3Tv/SzsdC2dRVB4GBoPuQegohhA6+OkvsO2rghksMDbZ52RO76U+YKJMktJmdUa0RGdEm5VyUZrwi+QHcDfm6ozUNezdv3P3vi//wxfoN3fcfWB2x1f2ozhqL/L1p6hfyznuaYQ2uHmLze+XNUyk4gp00INXM6Im9TmiJrIuXzrrLRilMvSsmiidOPA3CC3iNx0FFVBeOP/RrJzVblvwE+zSRG2lX8LaGQ4Kb7z06aQCK9qA/LQB5LJpCKmVaiL6a1pUJW2BMBpoXKP3fh+/t428NwUdWEkNEcyB99bAQqXhfUOLKXV8baEaB01ZP32fG+AMVIR6mEp0gL2BCyfiEZv8cI0sOnyiyiPW+kFMQKzESvJ6cCvdeNXZUbRUaUPBlh0dx4V50J+245WXNJOTCRzDtbDiwp2SBSJSvbWmsbkVqIUgjm0LQMgaAVYcLwqVeLGxU9KAlFQNCNFLZgs5hPuhVBFEQdvr82UEVX4H8oZKtN/gB3LVKDB3ggKh027VfovRoLgkEaJdP+95sKVFbdNeyf3uy89XcVg19BZGrcYPDjuev+Pz+6uusmn1fOTFLT/5lHIcpa+JCI5QwBB+4edmrUZ3+2OqJuf9931JY+pmjA29LWqhh9l3+JZ96odvM6os9tefl/crJ3eNwo685A7aQvRcEq1tIXTgTlIcVYamgtqXrCKCNHqf6PFLm9CpfJ1PjPiTPeRll0/c5pEsw+h/mcWvJAVr3cB4PWh17cTTvZbkQGoxb0SymPDoFGOZnbRsl5oI4W4hz7YYpUn0jNRvS7vIcfFE+ydv4uPiOjcnTp6QYsozBrHvBJWI9U3iwt++dEtFZS2CpAwyr1AHphEwMMAopgR14TlbS+sOSOBNbgHlh86xrdtwOEzNoqfF5kBwC/yyahMPDHgITgh0bXAXA6nUzHW/Ct/1QwYAyHfagUIBx8UhmMj+9pCvxJeOm0sRziQwVqHYhbUjvBmnHZPmwqucmtFM0NSURhtXCXWtanNpK6Pc1XRQGaqI1Wnop1RlJSxXWeZQqgdrpsuCxcXq9k6Fs94wzSntVpPCaC7h1F7bTkHpMSmja4KbG9W8tYpTr6ngbt00qkb/PKEMOHX0PT+qsjJMkOO8XGUb7WGq+lKin7ZW1tFUsdnAKl0cN/p4Y9P9z9I0x7Wygrn/dHMlw3kZpZ+to5lvvqGkqe0fC1bOw1A0viQ7yh5FuyDaUylPkuYgNpV/0CJH5JVwwCr/QJsJ7Ghe3sbD/3l2NtPbuVvxATVIPU8lyqCOiKFlCj0iCN7pl2pU82K7LxGF1d6rmJcsZZisyYsW/qAPOgKg2VOQmz2HPGIfbvYM6OYlsxet9QC5TAaZMWgED/Th5S228EmFIKsIVgqJIl09Po/2RtGvm+BeTrJ1oFnjxTrdFh55K0ko4zMi3VHaiIuWYfW6OXstq6ptDxUuN2qw26B+pGBDJ83/ceDW9QpbTYnCFIludac+ZRn6jpNxXIM0yBmvwcUh6pEm/2WpH2iuuJMzvDCZ7ukMjOCeTgMdqXEK8U1KBd9SV5G6a6uKL2tODfx7th7EPLKHfm2g8arU9qv2ZLo5Rz5H/9Zbz8oY3IIwiMENVCVYvgQsH/ADbaHo9SW6cIITaLg9UpNmfo5uckF+XQEsMZJSOy/qSE1nNzY8CLo6MYOoTdYlg9pNdzeyazvwlCSVlc2YcUw0CpIaFzCFu3ASAOgmLX5kdBdIgCMXiLwPU9fcKRs8WE7jmnucV+fPs7MTRMtYFZb/zmfHak9bmznzj9df3jBqEvQl9ZkSL2Te7nbGeyTyLjJ9udJ85xGNv31vxtC3sL5RsLOa1tIddpWgUFTUnf1VKpJXbsPFqhp8qbt2K5XXKc893AXFYNjKxdcwjW02aJn9/4Bf8u0AAAB42mNgZGBgYGQ4qszGkxDPb/OVQZ6DAQTOn2efBqP/3/x7k72Y7SiQy8HABBIFAD9/DJYAeNpjYGRgYO//28DAwMHw/+Z/RvZiBqAICngOAIrhBld42nWTMWhTQRjH/+++u5c3FClFrE6tQ4cQJEiGkCGE0lpD1BJjKEFKkBKkBKTWKGkbFYqTBCmlSHEoRUIRoQhKBukgLu2io4PiFDK4lA7awaLy/N9rA6Ho8OO79+7u+777/+/ULkY9ABZnDVAX8UBNYV5+oV82ccsUkTbPMOtMY17NYZMMyAbqugdDzjcMqFVkGGvqOcb0CMbVJ6TlI+JyFWFZgSe3cVYayMkkxqWFCsd2fcXuZY6UzUOmVQtV9wVG9br/Ve+gajzkzDqqeouc5vcEcq6HqmqjotYQNS7u6ROouzsomveYMY+R09NYNCuMbc4lSRF95g7SuuXvhe76300KZ/QV/4uuY4zn2GbPlxljrF+Rl/6+RLEsW8jrXkSlhIy+hIw8RUY1+M9DWV9ATA1jQoEaHCDm/ECMPWf1Q2SpV0YnWHuQe3oxKXGUuC+iryEhS/6uafg/qUuvLPt78oo551BUB06cMcL6hSPtm0HdGLV6gqQuIWXX8Pxp9rZk6qy9jKSUEba6We3lHb+juKnKwTmGeKbzqoCURB1P38eE9YbzH5w/iKsmeylTrwXETZM8Yv4WPbCa/wN3gX3Th8CDLuhBKvChjSyZZa6+jgfHYU/1YEwfugl8KKDCfHn5DybBs5UOPeiGHvQEPgz7vxn76Veh48FxrCZBpA/dWB/0SURsDDWRdyNcw56o1QxJyxTgbgOdyDpwXpPBQ/CZ8TrjDc7Rhw72HoUK/j7fS4Lo4I1sIEG0nKNub1EzI6jZveoUwqRo8+om7+Yi1zQ4fsP7tor8X+fl2zEAeNpjYGDQgcI0hmWMP5jlmG+xzGI5xirAGsZ6i02BLYJtA9sDdgv2NvZ7HDYcGziZOKs433GZcJ3htuKu4b7Ew8TjwVPBc4V3Ch8X3zJ+Gf5pAgECnwR7hHKErgnLCB8SCRG1Ev0k5iF2STxI/JVEk6SC5CYpB2kN6TMyZTIfZC1kl8i+kpOQc5MrkVeQnyL/S6FN4ZNinpKR0jllN+UlKgEq61TnqbmpTVLXU1+n4aZxTlNH85xWlLaV9j2dIJ1duha6CbrXdP/p/tOz0BfRX2KgYshmaGV4y0jG6JpxmfEK43vGn0zOmTKYupjuM1Mym2C2z9zOPMf8gIWERYLFJMsoKytrEesOGwGbGbZqtvvs6uydHBocjZyYnK44r3FZ4CrjOsNNxu2Ee5qHg8cqTxHPJs9fXi1eW7yNvG/41Plq+b7zW+EfFCAT8ChwVVBNcFiIWahU6K+wKeEi4dMiFCLORFpELomSitoSbRTDEpMScyTWJHZNnE5cTzxb/IGEikSrJKGkackuyb9SfqWuSJuRdiadCQcUS9dKt0vPSZ+RfiGDI8MhY0UmT2ZR5rzMf5n/snSyIrIishlyZHIccplytwEAidWYJAAAAAABAAAA5wBqAAUAAAAAAAIAAQACABYAAAEAAf4AAAAAeNqtVMtOAjEUPR3wFR9xYYxx1bjCRBGVEOPCiEYTDREfE3VlMsiIKDAECsa/8Ev8DKMbP8Wla89cioKwUGOatqe3957e1wyASTwhAhUdAfDO2cKK8neLHUyoQYsjmFNTFkehVcriAcyqU4sHKa9aPIQL9WDxMGLqzeIRxJxpi0ex5mxYPEbctHhcaefR4gkkI68WP2M66lj8gkR0BtsIUMU9aiiigGsYaMRwiXnuK0hgmWOBeB8NeKgQHXLPoUQ7jTx8olDmk8ETHMON1d0kX0NuDM+GL1RpVRDNK54uuce5Bihz9yifl7fueGdoq3FM67owNLnmKdmldkW8PKBFWe415pDm275w+4zGo6SfVOOEEffKj+XUoDT0YhdZsrvIUG8L6zy5lO3gnHFmqev24e1mOBWf64wjkJwtM74Ex2qP5eI3y17mokQYIiOZC3NeFt1bygJm8ufV+W+9OxnxX9f5r3YuLVr5+OqDE8mBIZ8nWWtnrCQMPrXqtncaxHl5T0t/+WK9xzpr1rUqup3MmS6GsDP71TWcusOz7ne/6tfkLEqVc1Ljzj735N00jgQb9pyWb9HQq3UscdTJWZMMGeK4+FDiHlBa4H2W9pk/2ZzRlxwz2I661auuVKbVWRX5FyS5JpAid/Jzbf8jkh+uR8sIAAB42m3QR0xUcRDH8e/AsgtL71Wx9/LeW5Zi3wWeHXuvKLC7ioCLq2I3Yi/RmHjT2C5q7DUa9aDG3mKJevBqNx7Uqy68vzfn8slvkplMhgha608FQf5XH0AiJJJIbERhx0E0MTiJJY54EkgkiWRSSCWNdDLIJItscsgljza0JZ92tKcDHelEZ7rQlW50pwc96UVv+tAXDR0DFwW4KaSIYkroR38GMJBBDGYIHryUUkY5JkMZxnBGMJJRjKaCMYxlHOOZwEQmMZkpTGUa05nBTGYxmznMpVJsHKGZjVxnHx/ZxC62s59jHJUotvGODewVuzjYyRZu8V6iOcBxfvGT3xzmJPe5yynmMZ/dVPGQau7xgKc84jFP+EQNL3jGc07j4wd7eM1LXuHnC9/YygICLGQRtdRxkHoW0xD+diMhlrCUZXxmOStoYiWrWcUVDrGWNaxjPV/5zlXOcJZrvOGtxIhTYiVO4iVBEiVJkiVFUiVN0iWDc5znEpe5zQUucofNnJBMbnBTsiSbHZIjuZJn99U2Nfh1R6guoGlamaVHU6rsNZQuZUmLRnhAqSsNpUtZoHQrC5VFymLlv30eS13t1XVnTcAXClZXVTb6rZZhWrpNW3koWN8a3GZpi6bXuiOs8RdCFpfPeNo9zSsOwkAUhWGm004f9E0tSQm4CQpIWACtqSEI0klI2AIKjUGCQLOIWxRhc3BCpuPOd8z/Zt8rsdugIW/bdozdVVcL2U4oVQ0VO4yLGpOQh3ZAvKyIyw3ZZfXic0v+4QB2DwE4Hw0XECcND3D3Gj7grTUCwF9oDIFAg1GogxHe8GjJjtdnMAajh2ECxk/DFEyWhhmYrgxzMJsZjsB82lNRIX+yJU3JAAFTqVcWAAA=) format('woff');
      font-weight: normal;
      font-style: normal;
  }
  
  .hfbookcontainerLeft {
      background-image: url("https://scp-wiki.wdfiles.com/local--files/component%3Ahf-left/Herman-Fuller-book-page-left2.png");
      background-repeat: no-repeat;
      width: 660px;
      height: 1030px;
      margin: 0px;
      padding: 30px 20px 0px 40px;
  }
  
  .hfbookcontentLeft {
      font-family: alegreyaregular;
      font-size: 1.6em;
      width: 550px;
      height: auto;
      overflow: visible;
      padding: 0px;
      margin: 0px;
      margin-top: 15px;
  }
  
  hfbooktopLeft {
      display: inline-block;
      font-family: alegreyaregular;
      font-size: 1.21em;
      font-weight: bold;
      text-align: left;
      margin: 0px 0px 0px 0px;
          width: auto;
          height: 30px;
          padding: 0px 0px 0px 00px;
  }
  
  
  .hfbookcontainerRight {
      background-image: url("https://scp-wiki.wikidot.com/local--files/component:hf-right/Herman-Fuller-book-page-right-loop.png");
      background-repeat: no-repeat;
      width: 660px;
      height: 1030px;
      margin: 0px;
      padding: 30px 20px 0px 55px;
  }
  
  .hfbookcontentRight {
      font-family: alegreyaregular;
      font-size: 1.6em;
      width: 550px;
      height: auto;
      overflow: visible;
      padding: 0px;
      margin: 0px;
      margin-top: 0px;
  }
  
  .hfbooktopRight {
      display: inline-block;
      font-family: alegreyaregular;
      font-size: 1.21em;
      font-weight: bold;
      text-align: left;
      margin: 0px 0px 0px 0px;
          width: auto;
          height: 30px;
          padding: 0px 0px 0px 00px;
  }
  
  @media only screen and (max-width: 950px) {
      .hfbookcontainerLeft {
          background-image: url("https://scp-wiki.wdfiles.com/local--files/component%3Ahf-left/Herman-Fuller-book-page-left2.png");
          background-size: 100%;
          background-repeat: repeat;
          width: 100%;
          height: auto;
          padding: 0px;
          padding-top: 7px;
          margin: 10px 0px 10px 0px;
      }
  
      .hfbookcontentLeft {
          font-size: 11pt;
          width: 85%;
          height: auto;
          padding: 0% 5% 0% 5%;
      }
  
     .hfbooktopLeft {
          font-size: 1.01em;
          font-weight: bold;
          margin: 0px;
          padding: 0% 0% 0% 5%;
          text-align: left;
          width: auto;
          height: 30px;
          display: inline-block;
          font-family: alegreyaregular;
      }
  
      .hfbookcontainerRight {
          background-image: url("https://scp-wiki.wikidot.com/local--files/component:hf-right/Herman-Fuller-book-page-right-loop.png");
          background-size: 100%;
          background-repeat: repeat;
          width: 100%;
          height: auto;
          padding: 7px 5px 0px 0px;
          margin: 10px 0px 10px 0px;
      }
  
      .hfbookcontentRight {
          font-size: 11pt;
          width: 85%;
          height: auto;
          padding: 0% 5% 0% 10%;
      }
  
     .hfbooktopRight {
          display: none;
      }
  }

  Pages using this styling

  • though-i-walk-through-the-valley [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css?family=Fjalla+One');

  Pages using this styling

  • those-twisted-pines-hub [info]

  ¶ 1 occurrence
  

  :root {
   --header-title: "Suicidium Dei";
      --header-subtitle: "Invenient Novum Numen";
  }
  
  .foldedtoc #toc #toc-action-bar{display:none}
  .foldedtoc .collapsible-block-link {text-decoration:none}
  

  Pages using this styling

  • those-stars [info]

  ¶ 1 occurrence
  

  :root {
   --borderColor: #489966;
  }

  Pages using this styling

  • this-page-intentionally-left-blank [info]

  ¶ 1 occurrence
  

  
  .brief {
      margin: 15px;
      padding: 24px;
      border: 3px solid black;
      border-radius: 12px;
      background-color: #FFFFFF;
      box-shadow: 5px 8px;
  }
  

  Pages using this styling

  • this-page-intentionally-left-blank [info]

  ¶ 1 occurrence
  

  .bevel {
      border-top: 5px solid #ffc55c;
      border-bottom: 5px solid #848400;
      border-left: 5px solid #ffe084;
      border-right: 5px solid #795f00;
      opacity: 0.25;
  }

  Pages using this styling

  • this-machine-bleeds [info]

  ¶ 1 occurrence
  

   :root{
  
       --header-title: "SCP FOUNDATION";
       --header-subtitle: "Secure - Contain - Protect";
  
       --lgurl: url(https://scp-wiki.wikidot.com/local--files/this-is-weird/o2GETvf.webp);
  
       --accentColor: hsl(248, 100%, 55%);
       --accentColorLite: hsla(248, 100%, 65%, 0.5);
       --hue: 134deg;
       --bgColor: #040408;
       --fgColor: #000;
  }

  Pages using this styling

  • this-is-weird [info]

  ¶ 1 occurrence
  

  
  :root{
    --header-title: "SCP FOUNDATION";
    --head-font: var(--ui-font);
    --page-font-size: 0.89rem;
  }
  

  Pages using this styling

  • this-essay-is-no-joke [info]

  ¶ 1 occurrence
  

  .nameblur {-webkit-filter: blur(2px);
  filter: blur(2px);
  }

  Pages using this styling

  • this-chapter-intentionally-left-blank [info]

  ¶ 1 occurrence
  

  .hub-window {
      border: solid 5px #999999;
      padding: 10px;
      margin-bottom: 10px;
  }
  .window-discord {
      margin-left: 25%;
      margin-right: 25%;
      padding: 0px;
  }
  .window-latest {
      margin-left: 12.5%;
      margin-right: 12.5%;
      padding: 0px;
  }
  .hub-quote-box {
      border: solid 2px #000000;
      padding: 10px;
      margin-left: 12.5%;
      margin-right: 12.5%;
      margin-bottom: 10px;
  }
  .hub-quote-box p {
      margin-top: 0px;
      margin-bottom: 0px;
  }
  .hub-credit-box {
      border-bottom: solid 2px #000000;
      margin-left: 7.5%;
      margin-right: 7.5%;
  }
  .hub-box {
      border: solid 5px #999999;
      background:#fffbfe;
      padding: 10px;
      margin-bottom: 10px;
  }
  .hub-box-collapsible a.collapsible-block-link {
      color: #315B7D;
      font-size: 175%;
      font-weight: bold;
      font-family: "Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica;
      letter-spacing: 1px;
  }
  .window-box {
  }
  .window-infobox {
  }
  .window-box-line {
      border-top: solid 2px #000000;
      margin-top: 10px;
  }
  .window-box-list ul li {
      padding-top: 5px;
      padding-bottom: 5px;
  }
  .window-box-collapsible a.collapsible-block-link {
      color: #315B7D;
      font-size: 140%;
      font-weight: bold;
      font-family: "Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica;
      letter-spacing: 1px;
  }

  Pages using this styling

  • third-law-hub [info]

  ¶ 1 occurrence
  

  #header {background-image: url(https://scp-wiki.wikidot.com/local--files/arbh-class-debrief-file/Pissresize);}
  #header h1 a {
      display: block;
      margin: 0;
      padding: 90px 0 90px;
      line-height: 0px;
      max-height: 0px;
      color: transparent;
      background: transparent;
      font-family: BauhausLTDemi. 'Nanum Gothic'. Arial. sans-serif;
      text-decoration: none;
      text-shadow: none;
      letter-spacing: 0.9px;
  }
   
  #header h1 a::before {
      content: "SCP Foundation";
      color: #fff;
      letter-spacing: -0.02em;
      text-shadow: 3px 3px 5px #000;
  }
   
  #header h2 span {
      display: block;
      margin: 0;
      padding: 19px 0;
      line-height: -45px;
      max-height: 0px;
      font-weight: bold;
      color: transparent;
      text-shadow: none;
  }
   
  #header h2 span::before {
      content: 'Insect Hell';
      color: #fff;
      text-shadow: 1px 1px 1px #000;
      text-shadow: 1px 1px 1px rgba(0,0,0,.8);
  }
  
  sup {
    vertical-align: top;
    position: relative;
    top: -0.5em;
  }
  
  

  Pages using this styling

  • they-ll-always-find-a-way-in [info]

  ¶ 1 occurrence
  

  .avatar-hover { display: none !important; }
  .greenlink a{ color: green; font-weight: bold; text-decoration:underline;}
  
  body {text-align:justify;}

  Pages using this styling

  • they-had-names [info]

  ¶ 1 occurrence
  

  #page-content {font-size: 1.125rem}

  Pages using this styling

  • thesignpainter [info]

  ¶ 1 occurrence
  

  :root{
  --logo: url(https://scp-wiki.wdfiles.com/local--files/whore-of-blood-hub/Primrose-Sigil-white-badge.png);
  --title: "Beast of Violence";
  --subtitle: "fuck you";
  /*scrollbar*/
      --basalt-dark-element-color: 112, 187, 229;
  /*links and highlights*/
      --basalt-bright-element-color: 19, 75, 106;
  }
  a:link {
    color: #70D8E5;
  }
  a:visited {
    color: #70D8E5;
  }
  a:hover {
    color: #70D8E5;
  }
  a:active {
    color: #70D8E5;
  }
  body {
      background-image: url(https://scp-wiki.wdfiles.com/local--files/whore-of-blood-hub/HellBackgroundTherion.png);
      background-attachment: fixed;
      background-size: cover;
      background-blend-mode: difference;
  }
  body:before {
    content: ' ';
    position: fixed;
    display: block;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(170deg, transparent, rgb(0, 0, 0) 65%, rgb(0, 0, 0) 65%, rgb(0, 0, 0) 100%);
    z-index: -1;
    color:#EDEDED;
  }

  Pages using this styling

  • therion-devours [info]

  ¶ 1 occurrence
  

  :root{
    --header-title: "SCP Foundation";
    --header-subtitle: "Anomalous Communications and Relations";
  }
  
  div#extra-div-1 {
      background-image: url(https://scp-wiki.wdfiles.com/local--files/theme:calibri-logos/scp%20dado);
      filter: opacity(50%);
  }
  

  Pages using this styling

  • thereven-germination [info]

  ¶ 1 occurrence
  

  
  [[module CSS]]
  :root {
    --bg-img: url(http://scp-wiki.wikidot.com/local--files/theres-a-god-in-my-kitchen-helping-me-cook-empanadas/kitchen.jpeg); /* Changes background image */
  
  --prologue: "The best joys in life are the small ones.";
  --prologue-setting: visible;
  --prologue-author: hidden;
  --subtitle-setting: none;
  --introduction-setting: none; /* Set as 'none' to turn the above off */
  
  }
  

  Pages using this styling

  • theres-a-god-in-my-kitchen-helping-me-cook-empanadas [info]

  ¶ 1 occurrence
  

  
  a:visited {
  color: #BC4123;
  }
  
  #main-content {
      background-color: #ffffca;
  }
  
  @import url('https://fonts.googleapis.com/css?family=Playfair+Display:400,700,900,400italic,700italic,900italic');
  @import url('https://fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic,700italic');
  h1, #page-title {
      font-family: 'Playfair Display', serif;
      color: black;
      padding: 0 0 0.25em;
      margin: 0 0 0.6em;
      font-weight: normal;
  }
  h1 {
      margin-top: 0.7em;
      padding: 0;
      font-weight: bold;
  }
  h2, h3, h4, h6, h7 {
      margin: 0.5em 0 0.4em;
      padding: 0;
      font-family: 'Playfair Display', serif;
      color: black;
      font-style: italic;
      letter-spacing: 1px;
      text-shadow: 1px 1px 1px #000000;
      text-shadow: 1px 1px 1px rgba(0,0,0,.8);
  }
  h5 {
     margin: 0.5em 0 0.4em;
      padding: 0;
      font-family: 'Playfair Display', serif;
      color: black;
      font-style: italic;
      letter-spacing: 1px;
  }
  #page-title {
      border-color: black;
  }
  
  .head-box-2{
      font-family: 'Playfair Display', serif;
      padding: 10px 15px 10px 15px;
      width: 89%;
      position: relative;
      text-align: left;
      line-height: 20px;
      display: inline-block;
      margin: 0 25px 20px -360px;
      background-color: #fdf5e8;
      border-radius: 8px 8px 8px 8px;
      font-size: 1.5em;
  }
  
  .head-box{
      font-family: 'Playfair Display', serif;
      padding: 10px 15px 10px 15px;
      width: 89%;
      position: relative;
      border: 3px double #BC4123;
      text-align: left;
      line-height: 20px;
      display: inline-block;
      margin: 0 25px 20px -360px;
      border-radius: 8px 8px 8px 8px;
      background-color: #fdf5e8;
      
  }
  
  
  .head{
      text-align: right;
      position: relative;
  }
  
  .main-body-div{
      font-family: 'Droid Serif', serif;
      font-size: 1.5em;
      line-height: 20px;
      width: 89%;
      display: inline-block;
      padding: 0 1% 0 1%;
      vertical-align: top;
      margin-bottom: 25px;
      transition: all .7s;
      border-left: 3px double #BC4123;
      border-top: 3px double #BC4123;
  }
  
  blockquote {
      background-color:  #fdf5e8;
      color: black;
      font-family: 'Droid Serif', serif;
      list-style: none;
  }
  .main-body-div-r{
      font-family: 'Droid Serif', serif;
      font-size: 1.5em;
      line-height: 20px;
      width: 89%;
      display: inline-block;
      padding: 0 1% 0 1%;
      vertical-align: top;
      margin-bottom: 25px;
      transition: all .7s;
      border-right: 4px double #BC4123;
      border-bottom:  3px double #BC4123;
      
  }
  }
  
  #header h1 a {
      font-family: "comic sans mf", times, serif;
      content: "In the King's court,";
  }
   
  #header h1 a::before {
      font-family: "comic sans mf", times, serif;
      content: "In the King's Court,";
  }
   
  #header h1 a span{
      display: block;
      content: "We are all masks";
      visibility: hidden;
  }
  
  #header h2 span {
      display: block;
      margin: 0;
      padding: 19px 0;
      line-height: 0px;
      max-height: 0px;
      font-weight: bold;
      color: transparent;
      text-shadow: none;
  }
  
  #header h2 span::before {
      content: "There are no children.";
      display: block;
      margin: 0;
      padding: 0px 0;
      line-height: 0px;
      max-height: 0px;
      font-weight: bold;
      color: #ffffff;
      text-shadow: 1px 1px 1px #000;
      text-shadow: 1px 1px 1px rgba(0,0,0,.8);
  }

  Pages using this styling

  • there-are-no-children-in-alagadda [info]

  ¶ 1 occurrence
  

  
  .speak {
    width: 300 px;
    margin: 10px auto;
    border: 10px solid #82620A;
    background: #110C06;
    padding: 10px 20px 10px 20px;
    font-family: ''Monospace;  
    font-size: 1.2em;
    letter-spacing: -0.05em;
    text-align: center;
  }

  Pages using this styling

  • theoldmasters [info]

  ¶ 1 occurrence
  

  
  .poster {
    width: 300 px;
    border: 1px solid #c9c9c9;
    background: #FDFDFD;
    padding: 10px 20px 10px 20px;
    font-family: ''Arial;  
    font-size: 1.2em;
    letter-spacing: -0.05em;
    text-align: center;
  }

  Pages using this styling

  • theoldmasters [info]

  ¶ 1 occurrence
  

  
  
  #header h2 span {
      margin-left: 1px;
  }
  
  a {
      color: #bb0111;
  }
  
  @keyframes sbs {
      from {top: 0px;}
      to {top: 500px;}
  }
  
  #side-bar {
      animation-name: sbs;
      animation-duration: 20000s;
      animation-iteration-count: infinite;
  }
  
  a[href="/system:page-tags/tag/theme#pages"] {
      font-weight: bold;
  }
  
  #license-area a::after {
      content: ".";
  }
  
  #watchers-button {
      display: none;
  }
  
  .page-rate-widget-box .rate-points {
      text-transform: capitalize;
  }
  
  

  Pages using this styling

  • theme:yossistyle [info]

  ¶ 1 occurrence
  

  @import url(https://scp-wiki.wikidot.com/local--code/theme:yamisushi/1);

  Pages using this styling

  • theme:yamisushi [info]

  ¶ 1 occurrence
  

  @import url("https://scp-wiki.wdfiles.com/local--code/theme%3Axmas/3");
  @import url("https://scp-wiki.wdfiles.com/local--code/theme%3Axmas/5");

  Pages using this styling

  • theme:xmas [info]

  ¶ 1 occurrence
  

  @import url("https://scp-wiki.wdfiles.com/local--code/theme%3Axmas//4");

  Pages using this styling

  • theme:xmas [info]

  ¶ 1 occurrence
  

  @import url("https://scp-wiki.wdfiles.com/local--code/theme%3Axmas/2");
  @import url("https://scp-wiki.wdfiles.com/local--code/theme%3Axmas/3");

  Pages using this styling

  • theme:xmas [info]

  ¶ 1 occurrence
  

  @import url("https://scp-wiki.wdfiles.com/local--code/theme%3Axmas/1");

  Pages using this styling

  • theme:xmas [info]

  ¶ 1 occurrence
  

  @import url("https://scp-wiki.wdfiles.com/local--code/theme%3Axmas/1");
  @import url("https://scp-wiki.wdfiles.com/local--code/theme%3Axmas/2");
  @import url("https://scp-wiki.wdfiles.com/local--code/theme%3Axmas/3");

  Pages using this styling

  • theme:xmas [info]

  ¶ 1 occurrence
  

  @import url(https://scp-wiki.wdfiles.com/local--code/theme%3Awriting-anomalies/1);

  Pages using this styling

  • theme:writing-anomalies [info]

  ¶ 1 occurrence
  

  @import url('https://scp-wiki.wdfiles.com/local--code/theme%3Aword-processor/1');

  Pages using this styling

  • theme:word-processor [info]

  ¶ 1 occurrence
  

  @import url('https://scp-wiki.wdfiles.com/local--code/theme%3Awondertainment/1');

  Pages using this styling

  • theme:wondertainment [info]

  ¶ 1 occurrence
  

  @import url(https://scp-wiki.wdfiles.com/local--code/theme%3Awilsons/1)

  Pages using this styling

  • theme:wilsons [info]

  ¶ 1 occurrence
  

  div#header {
      background-image: url("https://scp-wiki.wdfiles.com/local--files/theme%3Awilsons/wws-trans-pride.png");
  }

  Pages using this styling

  • theme:wilsons [info]

  ¶ 1 occurrence
  

  @import url("https://scp-wiki.wdfiles.com/local--code/theme%3Awilderness/1")

  Pages using this styling

  • theme:wilderness [info]

  ¶ 1 occurrence
  

  :root {
      --logo-image: url("https://scp-wiki.wdfiles.com/local--files/theme%3Awilsons/wws-trans-pride.png");
  }

  Pages using this styling

  • theme:wilderness [info]

  ¶ 1 occurrence
  

  .colors-container .colors .color {
      flex-basis: initial;
  }

  Pages using this styling

  • theme:wilderness [info]

  ¶ 1 occurrence
  

  body{cursor:wait}#u-darkmode:target .toggle{display:none}#u-darkmode:target .wikifot{display:block}.page-tags a[href*='_']{display:unset}.wikifot{border-spacing:0;display:none;left:min(-8.5em,calc(50% - 350px - 8.5em));height:100vh;margin:auto;position:relative;width:700px}.wikifot a{color:-webkit-link}.wikifot a:active{color:-webkit-activelink}.wikifot a:hover{background:none}@media (max-width:767px){.wikifot{left:0;overflow:hidden

  Pages using this styling

  • theme:wikifot [info]

  ¶ 1 occurrence
  

  /{$side}
  .close-menu{
      display:none;
      height:100%;
      left:0;
      position:fixed;
      top:0;
      width:100%;
      z-index:-1
  }
  .close-menu:hover{
      background:none
  }
  .mobile-top-bar{
      display:none
  }
  .open-menu a{
      left:0;
      position:fixed;
      top:0
  }
  /**/
  
  /{$misc}
  #page-content{
      min-height:100vh
  }
  #search-top-box-input{
      display:none
  }
  #side-bar{
      background:#fff;
      position:absolute
  }
  .blockquote{
      background:#f4f4f4;
      border:1px dashed#999;
      margin:1em 40px;
      padding-inline:1em
  }
  .open-menu a{
      background:#fff;
      font-size:2em;
      left:1rem;
      top:1rem
  }
  .page-tags a[href*='_']{
      display:none
  }
  .scp-image-block.block-center{
      margin-inline:auto
  }
  .scp-image-block.block-left{
      float:left
  }
  .scp-image-block.block-right{
      float:right
  }
  /**/
  
  /{$comp}
  #u-credit-view{
      transition:none
  }
  .creditRate{
      margin:unset
  }
  .creditButton p a{
      border:none;
      margin-left:-4.5px;
      line-height:normal
  }
  .modalbox{
      background:#fff;
      border:none;
      border-radius:unset;
      box-shadow:none
  }
  .page-rate-widget-box{
      display:inline-block
  }
  .rate-box-with-credit-button{
      background:#666;
      border:none;
      border-radius:unset;
      box-shadow:none
  }
  .rate-box-with-credit-button .cancel{
      -moz-border-radius:unset
  }
  /**/
  
  /{$rate}
  div.page-rate-widget-box a{
      text-decoration:underline;
      color:#00a;
      background:unset;
      padding:unset;
  }
  div.page-rate-widget-box .cancel,
  div.page-rate-widget-box .cancel a{
      -moz-border-radius:unset
  }
  div.page-rate-widget-box .rate-points{
      background:unset;
      color:inherit;
      font-weight:unset;
      padding:unset;
      -moz-border-radius:unset
  }
  .creditButton p{
      font-size:1em
  }
  .creditButton p a{
      color:#00a;
      font-size:1em;
      margin:unset;
      text-decoration:underline;
      width:unset
  }
  .rate-box-with-credit-button{
      background:none;
      -moz-border-radius:0 4px 4px 0
  }
  /**/
  
  /{$trans}
  @media (max-width:767px){
  /**//*{$trans}/
  @media (max-width:{$width}){
  /**/
  
      /{$side}
      #main-content{
      	margin-left:unset
      }
      #side-bar{
      	left:-16em;
      	position:fixed;
      	top:0;
      	z-index:99
      }
      #side-bar:target{
      	left:0;
      	overflow:auto;
      	height:calc(100% - 2em)
      }
      #side-bar:target .close-menu,.mobile-top-bar{
      	display:block
      }
      .top-bar{
      	display:none
      }
      /**/
  }

  Pages using this styling

  • theme:wikifot [info]

  ¶ 1 occurrence
  

  @import url('https://scp-wiki.wdfiles.com/local--code/theme%3Awar-on-all-fronts-sigma/2');

  Pages using this styling

  • theme:war-on-all-fronts-sigma [info]

  ¶ 1 occurrence
  

  @import url("https://scp-wiki.wdfiles.com/local--code/theme%3Awar-on-all-fronts-bhl/1")

  Pages using this styling

  • theme:war-on-all-fronts-bhl [info]

  ¶ 1 occurrence
  

  @import url(https://scp-wiki.wdfiles.com/local--code/theme%3Awanderers/1);

  Pages using this styling

  • theme:wanderers [info]

  ¶ 1 occurrence
  

  @import url('https://scp-wiki.wikidot.com/local--code/theme:vanguard-supplement/1');

  Pages using this styling

  • theme:vanguard-supplement [info]

  ¶ 1 occurrence
  

  @import url(https://scp-wiki.wikidot.com/theme:vanguard/code/2);

  Pages using this styling

  • theme:vanguard [info]

  ¶ 1 occurrence
  

  @import url(https://scp-wiki.wikidot.com/theme:vanguard/code/1);

  Pages using this styling

  • theme:vanguard [info]

  ¶ 1 occurrence
  

  @import url('https://scp-wiki.wdfiles.com/local--code/theme%3Avalravn/1');

  Pages using this styling

  • theme:valravn [info]

  ¶ 1 occurrence
  

  @import url('https://scp-wiki.wdfiles.com/theme:unusual-cargo/code/1');

  Pages using this styling

  • theme:unusual-cargo [info]

  ¶ 1 occurrence
  

  @import url("https://scp-wiki.wdfiles.com/local--code/theme%3Auiu-bhl-theme/1")

  Pages using this styling

  • theme:uiu-bhl-theme [info]

  ¶ 1 occurrence
  

  @import url("https://nu-scptheme.github.io/Black-Highlighter/css/min/normalize.min.css");
  @import url("https://nu-scptheme.github.io/Black-Highlighter/css/min/black-highlighter.min.css");
  #page-title {
      text-align: center !important;
  }
  
  .scp-image-block.block-right {
      margin: 1em 0 1em 2em;
  }
  
  .scp-image-block > a:first-of-type {
      background: var(--gradient-header);
  }
  
  .scp-image-block .printuser img.small {
      width: initial;
  }
  
  .scp-image-block img {
      min-width: 100%;
      -webkit-box-sizing: border-box;
         -moz-box-sizing: border-box;
              box-sizing: border-box;
      padding: 0.5em;
  }

  Pages using this styling

  • theme:uiu-bhl-theme [info]

  ¶ 1 occurrence
  

  @import url('https://scp-wiki.wdfiles.com/local--code/theme%3Aui/1');

  Pages using this styling

  • theme:ui [info]

  ¶ 1 occurrence
  

  @import url("https://scp-wiki.wdfiles.com/local--code/theme%3Atwin-files/1")

  Pages using this styling

  • theme:twin-files [info]

  ¶ 1 occurrence
  

  
  .font1 {
     font-family: "Jost", sans-serif;
  }
  
  .font2 {
     font-family: "Hermit", sans-serif;
  }
  
  .font3 {
     font-family: "Terminus", sans-serif;
     font-size: 21px;
  }
  
  .font4 {
    font-family: "Michroma", sans-serif;
  }
  

  Pages using this styling

  • theme:turbo-vision-dark [info]

  ¶ 1 occurrence
  

  @import url("https://scp-wiki.wikidot.com/theme:turbo-vision/code/1");
  @import url("https://scp-wiki.wikidot.com/theme:turbo-vision/code/2");
  @import url("https://scp-wiki.wikidot.com/local--code/theme:turbo-vision-dark/1");

  Pages using this styling

  • theme:turbo-vision-dark [info]

  ¶ 1 occurrence
  

  .mobile-only {
    display: none;
  }
  @media (max-width: 600px) {
    .mobile-only { display: block }
    .desktop-only { display: none }
  }

  Pages using this styling

  • theme:turbo-vision [info]

  ¶ 1 occurrence
  

  @import url("https://scp-wiki.wikidot.com/theme:turbo-vision/code/1");

  Pages using this styling

  • theme:turbo-vision [info]

  ¶ 1 occurrence
  

  @import url("https://scp-wiki.wdfiles.com/local--code/theme%3Aturbo-vision/2");

  Pages using this styling

  • theme:turbo-vision [info]

  ¶ 1 occurrence
  

  @import url("https://scp-wiki.wdfiles.com/local--code/theme%3Athe-way-out/1")

  Pages using this styling

  • theme:the-way-out [info]

  ¶ 1 occurrence
  

  @import url('https://scp-wiki.wikidot.com//local--code/theme:the-smell-of-smoke/1');

  Pages using this styling

  • theme:the-smell-of-smoke [info]

  ¶ 1 occurrence
  

  @import url("https://scp-wiki.wdfiles.com/local--code/theme%3Athe-foundation-theme/2")

  Pages using this styling

  • theme:the-foundation-theme [info]

  ¶ 1 occurrence
  

  @import url("https://scp-wiki.wdfiles.com/local--code/theme%3Athe-foundation-theme/1")

  Pages using this styling

  • theme:the-foundation-theme [info]

  ¶ 1 occurrence
  

  @import url("https://nu-scptheme.github.io/Black-Highlighter/css/min/normalize.min.css");
  @import url("https://nu-scptheme.github.io/Black-Highlighter/css/min/black-highlighter.min.css");
  
  #page-title, #breadcrumbs {
      text-align: center !important;
  }
  
  .scp-image-block.block-right {
      margin: 1em 0 1em 2em;
  }
  
  .scp-image-block > a:first-of-type {
      background: var(--gradient-header);
  }
  
  .scp-image-block .printuser img.small {
      width: initial;
  }
  
  .scp-image-block img {
      min-width: 100%;
      -webkit-box-sizing: border-box;
         -moz-box-sizing: border-box;
      		box-sizing: border-box;
      padding: 0.5em;
  }

  Pages using this styling

  • theme:the-foundation-theme [info]

  ¶ 1 occurrence
  

  @import url('http://scp-wiki.wikidot.com/local--code/theme:the-foundation-sigma/1');

  Pages using this styling

  • theme:the-foundation-sigma [info]

  ¶ 1 occurrence
  

  @import url('https://scp-wiki.wdfiles.com/local--code/theme%3Athe-flowing-night-sky/1')

  Pages using this styling

  • theme:the-flowing-night-sky [info]

  ¶ 1 occurrence
  

  @import url("https://scp-wiki.wdfiles.com/local--code/theme%3Athe-coalition-theme/1")

  Pages using this styling

  • theme:the-coalition-theme [info]

  ¶ 1 occurrence
  

  :root {
      --header-title: "ABYSSAL AREA-7";
      --header-subtitle: "OPUS EST MAIOR NAVI";
      --colorTwo: #00AABD;
  }
  
  /* ----------- */
  .bt {font-family: 'Josefin Sans', sans-serif; text-transform: uppercase; color: #00aabd;}
  h4 {color: #00aabd;}
  .email h6 {color: #00aabd; border-bottom: #00aabd 1px solid;}
  
  hr {background-color: transparent; border-bottom: 1px solid #00aabd;}
  .darkbox {background-color: transparent;}
  .darkbox hr {border-color: #6e4b00;}
  
  /* ---------- */
  .document {
      background: white;
      box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
      margin: 26px auto 0; max-width: 550px;
      min-height: 300px;
      padding: 24px;
      padding-top: 25px;
      position: relative;
      width: 80%;
      color: #333333;
      --fnColor: #333399;
  }
  
  .document:before,
  .document:after {
      content: "";
      height: 98%;
      position: absolute;
      width: 100%;
      z-index: -1;
  }
  
  .document:before {
      background: #fafafa;
      box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
      left: -5px;
      top: 4px;
      transform: rotate(-2.5deg);
  }
  
  .document:after {
      background: #f6f6f6;
      box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
      right: -3px; top: 1px;
      transform: rotate(1.4deg);
  }
  
  .document hr {border-bottom: 1px solid #333333;}
  .document .bt {color: #333333;}
  .document a {color: #333399;}
  
  .document .fnnum:hover::after {color: #fefefe;}
  .document .fncon {background: #fefefe;}
  .document .fncon::before {color: #fefefe;}
  
  .document h1 {margin-bottom: 0px}
  .document *::selection {
      background-color: #333399;
      color: white;
  }
  
  /* ----------- */
  ::selection {color: #020408;}
  .page-rate-widget-box {box-shadow: -3px 0px 0px 0px var(--accentColor), 3px 0px 0px 0px var(--accentColor);}
  
  
  /* ---------- */
  .mobile {display: none;}
  @media (max-width: 768px) {
      .mobile {
          display: unset;
      }
      .pc {
          display: none;
      }
  }

  Pages using this styling

  • theme:thalassophobia-sigma [info]

  ¶ 1 occurrence
  

  div#container-wrap {
       background-image: url(http://waltz-sandbox.wdfiles.com/local--files/thasalophobia-sigma/gradient-red);
  }
  
  a,
  a.newpage,
  #side-bar a,
  #sidebar a:visited {
      color: rgb(235, 112, 68);
  }
  
  a:visited {
      color: #F55836;
      transition: none;
  }
  
  a:hover, a.newpage:hover, a:visited:hover, #side-bar a:visited:hover {
      color: rgb(235, 112, 68);
  }
  
  .page-rate-widget-box .rateup a:hover,
  .page-rate-widget-box .ratedown a:hover {
      color: rgb(235, 112, 68);
  }
  
  .page-rate-widget-box .cancel a:hover {
      color: rgb(235, 112, 68);
  }
  
  ::-webkit-scrollbar-thumb {
    background: rgb(235, 112, 68);
  }
  
  #side-bar .collapsible-block-unfolded {
      color: rgb(235, 112, 68);
  }
  
  div#side-bar .collapsible-block-unfolded-link,
  div#side-bar .collapsible-block-unfolded-link .collapsible-block-link {
      color: rgb(235, 112, 68);
      border-color: rgb(235, 112, 68);
  }
  
  #side-bar .collapsible-block-unfolded-link .collapsible-block-link:hover {
      color: rgb(235, 112, 68);
  }
  
  :root {
     --fnColor: rgb(235, 112, 68);
  }

  Pages using this styling

  • theme:thalassophobia-sigma [info]

  ¶ 1 occurrence
  

  a,
  a.newpage,
  #side-bar a,
  #sidebar a:visited {
      color: rgb(235, 112, 68);
  }
  
  a:visited {
      color: #F55836;
      transition: none;
  }
  
  a:hover, a.newpage:hover, a:visited:hover, #side-bar a:visited:hover {
      color: rgb(235, 112, 68);
  }
  
  .page-rate-widget-box .rateup a:hover,
  .page-rate-widget-box .ratedown a:hover {
      color: rgb(235, 112, 68);
  }
  
  .page-rate-widget-box .cancel a:hover {
      color: rgb(235, 112, 68);
  }
  
  ::-webkit-scrollbar-thumb {
    background: rgb(235, 112, 68);
  }
  
  #side-bar .collapsible-block-unfolded {
      color: rgb(235, 112, 68);
  }
  
  div#side-bar .collapsible-block-unfolded-link,
  div#side-bar .collapsible-block-unfolded-link .collapsible-block-link {
      color: rgb(235, 112, 68);
      border-color: rgb(235, 112, 68);
  }
  
  #side-bar .collapsible-block-unfolded-link .collapsible-block-link:hover {
      color: rgb(235, 112, 68);
  }
  
  :root {
     --fnColor: rgb(235, 112, 68);
  }

  Pages using this styling

  • theme:thalassophobia-sigma [info]

  ¶ 1 occurrence
  

  @import url(https://scp-wiki.wdfiles.com/local--code/theme:thalassophobia-sigma/2);

  Pages using this styling

  • theme:thalassophobia-sigma [info]

  ¶ 1 occurrence
  

  :root {
     --lgurl: url(your url);
     --header-title: "HEADER TITLE";
     --header-subtitle: "header subtitle";
     --accentColor: COLOR;
  }

  Pages using this styling

  • theme:thalassophobia-sigma [info]

  ¶ 1 occurrence
  

  @import url("https://scp-wiki.wdfiles.com/local--code/theme%3Athalassophobia/1")

  Pages using this styling

  • theme:thalassophobia [info]

  ¶ 1 occurrence
  

  .hl-identifier{
       color: white;
  }
  .hl-code{
       color: white;
  }
  .hl-brackets{
       color: white;
  }

  Pages using this styling

  • theme:thalassophobia [info]

  ¶ 1 occurrence
  

  @import url(https://scp-wiki.wikidot.com/theme:telecommunications-monitoring-office-theme/code/1);

  Pages using this styling

  • theme:telecommunications-monitoring-office-theme [info]

  ¶ 1 occurrence
  

  @import url('https://scp-wiki.wdfiles.com/local--code/theme%3Atechnoblast/1');

  Pages using this styling

  • theme:technoblast [info]

  ¶ 1 occurrence
  

  
  div#header {
      --login-line-divider-color: var(--white-monochrome);
      --login-username-color: var(--white-monochrome);
      --login-myaccount-color: var(--white-monochrome);
      --login-myaccount-underline-color: var(--pale-gray-monochrome);
      --login-myaccount-hover-bg-color: var(--gray-monochrome);
      --search-icon-color: var(--white-monochrome);
  }
  
  :root {
      --header-gradient-color-bottom: 1, 16, 24;
      --header-gradient-color-middle: 19, 41, 52;
      --header-gradient-color-top: 28, 60, 77;
  }
  
  #extra-div-1 {
      background-image: url('https://scp-wiki.wikidot.com/local--files/theme:tales-of-the-mosaic/night-bg.webp');
  }
  
  #extra-div-2 {
      background-image: url('https://scp-wiki.wikidot.com/local--files/theme:tales-of-the-mosaic/night-lighthouse.webp');
  }
  
  #extra-div-3 {
      background-image: url('https://scp-wiki.wikidot.com/local--files/theme:tales-of-the-mosaic/night-layer1.webp');
  }
  
  #extra-div-4 {
      background-image: url('https://scp-wiki.wikidot.com/local--files/theme:tales-of-the-mosaic/night-layer2.webp');
  }
  
  #extra-div-5 {
      background-image: url('https://scp-wiki.wikidot.com/local--files/theme:tales-of-the-mosaic/night-layer3.webp');
  }
  
  
  #header h1 a::after {
      text-shadow: 1px 1px #262521, -1px -1px #262521, 1px -1px #262521, -1px 1px #262521, 5px 0px 5px #183B4B, 0px 5px 5px #183B4B, -5px 0px 5px #183B4B, 0px -5px 5px #183B4B, 5px 5px 10px #183B4B, -5px 5px 10px #183B4B, -5px -5px 10px #183B4B, 5px -5px 10px #183B4B;
  }
  
  #header h2 span::after {
      text-shadow: 1px 1px #262521, -1px -1px #262521, 1px -1px #262521, -1px 1px #262521, 5px 0px 5px #183B4B, 0px 5px 5px #183B4B, -5px 0px 5px #183B4B, 0px -5px 5px #183B4B, 5px 5px 10px #183B4B, -5px 5px 10px #183B4B, -5px -5px 10px #183B4B, 5px -5px 10px #183B4B;
  }

  Pages using this styling

  • theme:tales-of-the-mosaic [info]

  ¶ 1 occurrence
  

  
  div#header {
      --login-line-divider-color: var(--white-monochrome);
      --login-username-color: var(--white-monochrome);
      --login-myaccount-color: var(--white-monochrome);
      --login-myaccount-underline-color: var(--pale-gray-monochrome);
      --login-myaccount-hover-bg-color: var(--gray-monochrome);
      --search-icon-color: var(--white-monochrome);
  }
  
  :root {
      --header-gradient-color-bottom: 61, 49, 41;
      --header-gradient-color-middle: 244, 207, 184;
      --header-gradient-color-top: 230, 221, 216;
  }
  
  #extra-div-1 {
      background-image: url('https://scp-wiki.wikidot.com/local--files/theme:tales-of-the-mosaic/dusk-bg.webp');
  }
  
  #extra-div-2 {
      background-image: url('https://scp-wiki.wikidot.com/local--files/theme:tales-of-the-mosaic/dusk-lighthouse.webp');
  }
  
  #extra-div-3 {
      background-image: url('https://scp-wiki.wikidot.com/local--files/theme:tales-of-the-mosaic/dusk-layer1.webp');
  }
  
  #extra-div-4 {
      background-image: url('https://scp-wiki.wikidot.com/local--files/theme:tales-of-the-mosaic/dusk-layer2.webp');
  }
  
  #extra-div-5 {
      background-image: url('https://scp-wiki.wikidot.com/local--files/theme:tales-of-the-mosaic/dusk-layer3.webp');
  }
  
  
  #header h1 a::after {
      text-shadow: 1px 1px #262521, -1px -1px #262521, 1px -1px #262521, -1px 1px #262521, 5px 0px 5px #4746A5, 0px 5px 5px #4746A5, -5px 0px 5px #4746A5, 0px -5px 5px #4746A5, 5px 5px 10px #4746A5, -5px 5px 10px #4746A5, -5px -5px 10px #4746A5, 5px -5px 10px #4746A5;
  }
  
  #header h2 span::after {
      text-shadow: 1px 1px #262521, -1px -1px #262521, 1px -1px #262521, -1px 1px #262521, 5px 0px 5px #4746A5, 0px 5px 5px #4746A5, -5px 0px 5px #4746A5, 0px -5px 5px #4746A5, 5px 5px 10px #4746A5, -5px 5px 10px #4746A5, -5px -5px 10px #4746A5, 5px -5px 10px #4746A5;
  }
  

  Pages using this styling

  • theme:tales-of-the-mosaic [info]

  ¶ 1 occurrence
  

  @import url(https://scp-wiki.wikidot.com/theme:tales-of-the-mosaic/code/1);

  Pages using this styling

  • theme:tales-of-the-mosaic [info]

  ¶ 1 occurrence
  

  
  @import url("https://cdn.scpwiki.com/theme/en/black-highlighter/css/min/normalize.min.css");
  @import url("https://cdn.scpwiki.com/theme/en/black-highlighter/css/min/black-highlighter.min.css");
  @import url("https://scp-wiki.wdfiles.com/local--code/component%3Atoggle-sidebar-bhl/1");
  @import url("https://scp-wiki.wdfiles.com/local--code/component%3Acentered-header-bhl/1");
  
  /* CODE BLOCKS */
  
  .code {
      margin-block: 2rem;
  }
  
  .tessera-body .code p {
      font-size: 1rem;
  }
  
  /* MAKING THE SOURCE CODE BUTTON LOOK NICE */
  #u-source-code-button .collapsible-block a {
      border: 1px solid white;
      padding: 1rem 2rem;
      font-size: 1.2rem;
      text-align: center;
      width: fit-content;
      margin: auto;
      display: block;
      transition: 0.5s;
      text-decoration: none;
      border-radius: 8px;
      margin-block: 2rem;
      font-weight: bold;
  }
  
  #u-source-code-button .collapsible-block a:hover {
      text-decoration: none;
      color: black;
      background-color: white;
  }
  
  .collapsible-block-unfolded-link {
      margin-bottom: 1rem;
  }

  Pages using this styling

  • theme:tales-of-the-mosaic [info]

  ¶ 1 occurrence
  

  @import url('https://scp-wiki.wdfiles.com/local--code/theme%3Aswirling-ashes/1');

  Pages using this styling

  • theme:swirling-ashes [info]

  ¶ 1 occurrence
  

  @import url(https://scp-wiki.wdfiles.com/local--code/theme%3Asunside/1);

  Pages using this styling

  • theme:sunside [info]

  ¶ 1 occurrence
  

  @import url("https://scp-wiki.wdfiles.com/local--code/component:wide-image-sizer/1");
  @import url("https://scp-wiki.wdfiles.com/local--code/theme:basalt/1");
  @import url(https://scp-wiki.wikidot.com/theme:stellar/code/1);

  Pages using this styling

  • theme:stellar [info]

  ¶ 1 occurrence
  

  
  #extrac-div-1, #extrac-div-2, #extrac-div-3 {
      -webkit-mask-image: linear-gradient(to bottom, rgba(0,0,0,1) 50%, rgba(0,0,0,0));
      mask-image: linear-gradient(to bottom, rgba(0,0,0,1) 50%, rgba(0,0,0,0));
  }
  
  #extrac-div-1 {
      height: 24rem;
      width: 100%;
      position: absolute;
      background: url('https://scp-wiki.wikidot.com/local--files/theme:spidersfalling/Spider.webp');
      background-repeat: repeat;
      background-size: 230px;
      z-index: 10;
      pointer-events: none;
      animation: snowOne 83s infinite linear;
      filter: blur(1.3px);
  }
  #extrac-div-2 {
      height: 24rem;
      width: 100%;
      position: absolute;
      background: url('https://scp-wiki.wikidot.com/local--files/theme:spidersfalling/Spider.webp');
      background-repeat: repeat;
      background-size: 370px;
      z-index: 10;
      pointer-events: none;
      animation: snowTwo 39s infinite linear;
      filter: blur(0.4px);
  }
  #extrac-div-3 {
      height: 24rem;
      width: 100%;
      position: absolute;
      background: url('https://scp-wiki.wikidot.com/local--files/theme:spidersfalling/Spider.webp');
      background-repeat: repeat;
      background-size: 720px;
      z-index: 10;
      pointer-events: none;
      animation: snowThree 21s infinite linear;
      filter: blur(2.4px);
  }
  @media (max-width: 767px) {
     #extrac-div-1, #extrac-div-2, #extrac-div-3 {
         height: 10.5rem;
     }
    #extra-div-1, #extra-div-2 {
         top: 10.2rem;
    }
  }
  @keyframes snowOne{
      0%
      {
       background-position: 0px 0px;
              opacity: 0;
      }
      10%
      {
              opacity: 0.6;
      }
      90%
      {
              opacity: 0.5;
       }
      100%
      {
       background-position: 100px 750px;
       opacity:0;
      }
  }
  @keyframes snowTwo{
      0%
      {
       background-position: 0px -100px;
       opacity: 0;
      }
      8%
      {
              opacity: 0.74;
      }
      90%
      {
              opacity: 0.65;
       }
      100%
      {
       background-position: -50px 700px;
       opacity: 0;
      }
  }
  @keyframes snowThree{
      0%
      {
       background-position: 0px 100px;
       opacity: 0;
      }
      13%
      {
              opacity: 0.9;
      }
      91%
      {
              opacity: 0.8;
      }
      100%
      {
       background-position: 240px 750px;
       opacity: 0;
      }
  }

  Pages using this styling

  • theme:spidersfalling [info]

  ¶ 1 occurrence
  

  :root 
  #extra-div-1 {
      height: 2rem;
      width: 100%;
      top: 9rem;
      position: absolute;
      background: url('https://scp-wiki.wikidot.com/local--files/theme:spidersfalling/Spider.webp');
      background-repeat: repeat-x;
      background-size: 6.2rem;
      pointer-events: none;
      z-index: 9;
     animation: lightOne 3s infinite steps(1, end);
  }
  #extra-div-2 {
      height: 2rem;
      width: 100%;
      top: 9rem;
      position: absolute;
      background: url('https://scp-wiki.wikidot.com/local--files/theme:spidersfalling/Spider.webp');
      background-repeat: repeat-x;
      background-size: 6.2rem;
      pointer-events: none;
      z-index: 9;
     animation: lightTwo 3s infinite steps(1, end);
  }
  @keyframes lightOne {
      0%
      {
         opacity: 0;
      }
      50%
      {
         opacity: 1;
      }
      100%
      {
         opacity: 0;
      }
  }
  @keyframes lightTwo {
      0%
      {
         opacity: 1;
      }
      50%
      {
         opacity: 0;
      }
      100%
      {
         opacity: 1;
      }
  }

  Pages using this styling

  • theme:spidersfalling [info]

  ¶ 1 occurrence
  

  #header-extra-div-1, #header-extra-div-2, #header-extra-div-3 {
      -webkit-mask-image: linear-gradient(to bottom, rgba(0,0,0,1) 50%, rgba(0,0,0,0));
      mask-image: linear-gradient(to bottom, rgba(0,0,0,1) 50%, rgba(0,0,0,0));
  }
  /* ---- SNOWFALL, adapted from https://github.com/elena-in-code/Css-Snow-Fall-Animation ---- */
  
  #header-extra-div-1 {
      height: 270px;
      width: 99.4vw;
      position: absolute;
      left: calc((-100vw + 100%)/2);
      background: url('http://scp-sandbox-3.wikidot.com/local--files/mooagain/Spider.png');
      background-repeat: repeat;
      background-size: 230px;
      z-index: 2;
      pointer-events: none;
      animation: snowOne 83s infinite linear;
      filter: blur(1.3px);
  }
  #header-extra-div-2 {
      height: 270px;
      width: 99.4vw;
      position: absolute;
      left: calc((-100vw + 100%)/2);
      background: url('http://scp-sandbox-3.wikidot.com/local--files/mooagain/Spider.png');
      background-repeat: repeat;
      background-size: 370px;
      z-index: 2;
      pointer-events: none;
      animation: snowTwo 39s infinite linear;
      filter: blur(0.4px);
  }
  #header-extra-div-3 {
      height: 270px;
      width: 99.4vw;
      position: absolute;
      left: calc((-100vw + 100%)/2);
      background: url('http://scp-sandbox-3.wikidot.com/local--files/mooagain/Spider.png');
      background-repeat: repeat;
      background-size: 720px;
      z-index: 2;
      pointer-events: none;
      animation: snowThree 21s infinite linear;
      filter: blur(2.4px);
  }
  @keyframes snowOne{
      0%
      {
       background-position: 0px 0px;
              opacity: 0;
      }
      10%
      {
              opacity: 0.6;
      }
      90%
      {
              opacity: 0.5;
       }
      100%
      {
       background-position: 100px 750px;
       opacity:0;
      }
  }
  @keyframes snowTwo{
      0%
      {
       background-position: 0px -100px;
       opacity: 0;
      }
      8%
      {
              opacity: 0.74;
      }
      90%
      {
              opacity: 0.65;
       }
      100%
      {
       background-position: -50px 700px;
       opacity: 0;
      }
  }
  @keyframes snowThree{
      0%
      {
       background-position: 0px 100px;
       opacity: 0;
      }
      13%
      {
              opacity: 0.9;
      }
      91%
      {
              opacity: 0.8;
      }
      100%
      {
       background-position: 240px 750px;
       opacity: 0;
      }
  }

  Pages using this styling

  • theme:spidersfalling [info]

  ¶ 1 occurrence
  

  
  div#container-wrap 
  
  #top-bar div.open-menu a {
      color: #993300;
      border-color: #993300;
  }

  Pages using this styling

  • theme:spidersfalling [info]

  ¶ 1 occurrence
  

  @import url('https://scp-wiki.wdfiles.com/local--code/theme%3Aspc/1');

  Pages using this styling

  • theme:spc [info]

  ¶ 1 occurrence
  

  @import url(https://scp-wiki.wdfiles.com/local--code/theme%3Aspace/1);

  Pages using this styling

  • theme:space [info]

  ¶ 1 occurrence
  

  @import url('https://scp-wiki.wdfiles.com/local--code/theme%3Asotm/1');

  Pages using this styling

  • theme:sotm [info]

  ¶ 1 occurrence
  

  @import url('https://scp-wiki.wdfiles.com/local--code/theme%3Askipos/1');

  Pages using this styling

  • theme:skipos [info]

  ¶ 1 occurrence
  

  @import url('https://scp-wiki.wdfiles.com/local--code/theme%3Askiesmadestrange/1');

  Pages using this styling

  • theme:skiesmadestrange [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.bunny.net/css2?family=Fira+Code&display=swap');
  
  div#side-bar { background-color: var(--whiteColor); }
  
  /*-- in-page stuff --*/
  
  #page-title {
      text-align: center;
  }
  
  #edit-page-textarea, .code pre, .code p, .code, tt, .page-source {
      font-family: 'Fira Code', monospace;
      font-size: 98%;
  }
  
  .scp-image-block.block-left { margin-left: 0; }
  .scp-image-block.block-right { margin-right: 0; }
  @media (max-width: 540px) {
    .scp-image-block.block-left, .scp-image-block.block-right {
      float: none; clear: both; margin-left: auto; margin-right: auto;
    }
  }
  
  .avatar-hover { display: none !important; }
  
  .hovertip { max-width: 420px; }
  
  .footnote .f-footer, .equation .e-footer, .reference .r-footer {
      display: none;
  }
  
  
  /*-- fancy collapsible, derived from monkatraz bhl collapsible --*/
  #page-content .collapsible-block-folded, #page-content .collapsible-block-unfolded-link {
      background: #7E2520;
      padding-top: 0.3rem;
      padding-bottom: 0.24rem;
      padding-left: 1rem;
      padding-right: 1rem;
      width: min-content;
      white-space: nowrap;
      overflow: hidden;
      margin:auto; /*-- center --*/
  }
  #page-content .collapsible-block-link {
      color: #f4f4f4;
      font-family: 'Fira Code', monospace;
      font-weight: bold;
      font-size: 96%;
  }
  #page-content .collapsible-block-link:hover {
      text-decoration: none
  }
  
  #page-content .collapsible-block-content {
      border-top: solid 0.24rem #7E2520;
      border-bottom: solid 0.24rem #7E2520;
  }
  
  #page-content .collapsible-block-folded .collapsible-block-link::before {
      content: "▷  ";
  }
  #page-content .collapsible-block-unfolded .collapsible-block-link::before {
      content: "▽  ";
  }
  
  /*-- Toggle Sidebar styling --*/
  div#side-bar {
      width: 17rem;
      border-right: solid 1px #d9d9d9;
      box-sizing: border-box;
      overflow-x: hidden;
  }
  
  
  /* ---- YUI TAB CUSTOMIZATION ----*/
   
   .yui-navset .yui-nav,
   .yui-navset .yui-navset-top .yui-nav {
       display: flex;
       flex-wrap: wrap;
       width: 100%;
       margin: 0 auto;
       box-shadow: none;
  }
   .yui-navset .yui-nav a, /* ---- Link Modifier ---- */
   .yui-navset .yui-navset-top .yui-nav a {
       border: unset;
       background-color: #f4f4f4;
       box-shadow: none;
  }
   .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;
  }
   .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:hover,
   .yui-navset .yui-nav a:focus{
       background-color: #f4f4f4;
  }
   .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 a,
  .yui-navset .yui-nav .selected a em {
       display: flex;
       flex-grow: 2;
       max-width: 100%;
       align-items: center;
       justify-content: center;
  }
  .yui-navset .yui-nav .selected, .yui-navset .yui-navset-top .yui-nav .selected {
      margin: 0;
  }
  
  /*-- tab slide --*/
  .yui-navset .yui-content > div {
      display: block;
      top: 0;
      overflow: hidden;
      transform-origin: 0 0;
  }
   
  #page-content .yui-navset .yui-content > div[style*="none"] {
      display: block !important;
      flex: 0;
      max-height: 0;
      padding: 0 0.5em;
      border-width: 0;
      /* The following transition affects the one that DISAPPEARS */
      transition: padding 0s linear 0.5s,
            border-width 0s linear 0.5s,
            flex 0.5s cubic-bezier(.18,.51,.54,.9) 0s;
      animation: tab-disappear 0.5s ease-in-out 0s 1 both;
  }
  #page-content .yui-navset .yui-content > div[style*="block"] {
      display: block !important;
      flex: 1;
      max-height: 9999rem;
      /* The following transition affects the one that APPEARS */
      transition: padding 0s linear 0.5s,
            border-width 0s linear 0.5s,
            flex 0.5s cubic-bezier(.18,.51,.54,.9) 0.5s;
      animation: tab-appear 0.5s ease-in-out 0.5s 1 both;
  }
   
  @keyframes tab-disappear {
      0% { max-height: 9999rem; }
      1% { max-height: 100vh; }
      100% { max-height: 0; }
  }
  @keyframes tab-appear {
      0% { max-height: 0; }
      99% { max-height: 100vh; }
      100% { max-height: 9999rem; }
  }
  
  
  /*-- custom div box borrowed from magnus --*/
  .material-box {
      padding: .01em 16px;
      padding-bottom: 0.6em;
      margin-bottom: 16px;
      margin-top: 16px;
      border: 1px var(--borderColor) solid;
      box-shadow: 1px 2px 2px 0 rgba(0,0,0,0.16);
  }
  
  
  /*-- tags --*/
  
  #main-content .page-tags a {
      height: 0.8125rem;
      line-height: 0.8125rem;
      font-size: 0.6875rem;
      background-color: #282828;
      color: #f4f4f4;
      border-radius: 0rem;
      margin: .325rem .2rem;
      padding: 0.225rem 0.35rem 0.225rem 1.025rem;
      --notchSize: .5rem;
      clip-path: 
       polygon(
        0% var(--notchSize), 
        var(--notchSize) 0%, 
        100% 0%,  
        100% 100%, 
        calc(100% - var(--notchSize)) 100%, 
        var(--notchSize) 100%, 
        0% calc(100% - var(--notchSize))
      );
  }
  
  #main-content .page-tags a:hover {
      background-color: #E53C35;
      text-decoration: none;
  }
  #main-content .page-tags a::before {
      content: "⬤";
      color: var(--whiteColor);
      font-size: 5.8px;
      float: left;
      position: relative;
      left: -0.6rem;
      width: 0;
      height: 0;
  }
  
  .page-tags span {
      border-top: 0.05rem solid var(--borderColor);
  }

  Pages using this styling

  • theme:simple-yonder [info]

  ¶ 1 occurrence
  

  @import url('https://scp-wiki.wdfiles.com/local--code/theme%3Asimple-yonder/1');

  Pages using this styling

  • theme:simple-yonder [info]

  ¶ 1 occurrence
  

  .color {
      font-weight: bold;
      text-align: center;
      color: white;
      border: 1px solid black;
      margin: 0.25em;
      padding: 1em;
  }
  
  .blink {
      text-decoration: blink;
      -webkit-animation-name: blinker;
      -webkit-animation-iteration-count: infinite;
      -webkit-animation-timing-function: cubic-bezier(1, 0, 0, 1);
      -webkit-animation-duration: 1s;
  }
  
  .footnotes-footer {
      display: none;
  }

  Pages using this styling

  • theme:sigma [info]

  ¶ 1 occurrence
  

  @import url(https://scp-wiki.wdfiles.com/local--code/theme:shoebill/1);

  Pages using this styling

  • theme:shoebill [info]

  ¶ 1 occurrence
  

  @import url(https://scp-wiki.wdfiles.com/theme:shivering-night/code/1);
  
  /* {$half-height}/
  @import url(https://scp-wiki.wdfiles.com/theme:shivering-night/code/2);
  /{$half-height} */
  
  /* {$low-height}/
  @import url(https://scp-wiki.wdfiles.com/theme:shivering-night/code/3);
  /{$low-height} */
  
  /* {$mo}/
  @import url(https://scp-wiki.wdfiles.com/theme:shivering-night/code/4);
  /{$mo} */
  
  /* {$kl}/
  @import url(https://scp-wiki.wdfiles.com/theme:shivering-night/code/5);
  /{$kl} */
  
  /* {$dub}/
  @import url(https://scp-wiki.wdfiles.com/theme:shivering-night/code/6);
  /{$dub} */
  
  /* {$ba}/
  @import url(https://scp-wiki.wdfiles.com/theme:shivering-night/code/7);
  /{$ba} */
  
  /* {$ct}/
  @import url(https://scp-wiki.wdfiles.com/theme:shivering-night/code/8);
  /{$ct} */
  
  :root {
    --prologue: "Hark, the thrum of the city";
    --prologue-setting: visible;
    --prologue-author: "—where alleys intersect, a chill.";
    --prologue-author-setting: visible;
    --introduction: "The sun had long since lurched towards the west. Over the mountain, golden threads wove vivaciously among scarlet hues and aubergine, resembling the lid of a cigar box. The palm and banana trees that blanket the landscape, baked by the poisonous sun, have dried up into yellow and loose curls like cigar tobacco. The Sun sets quickly in the South, dusk scarcely the blink of an eye. One moment the sun clings to the horizon fervently still, and yet in the next, long before you know it-- where the trail disappears amidst mist-blurred canopies and the green smears they cast -- it's already been replaced by a sliver of moon.";
    --introduction-setting: auto;
  }

  Pages using this styling

  • theme:shivering-night [info]

  ¶ 1 occurrence
  

  @import url(https://scp-wiki.wikidot.com/theme:shattered-thoughts/code/1);

  Pages using this styling

  • theme:shattered-thoughts [info]

  ¶ 1 occurrence
  

  @import url("https://scp-wiki.wdfiles.com/local--code/theme%3Ashark-punching-centre-bhl/1")

  Pages using this styling

  • theme:shark-punching-centre-bhl [info]

  ¶ 1 occurrence
  

  @import url('https://scp-wiki.wdfiles.com/local--code/theme%3Ascpedia/1');

  Pages using this styling

  • theme:scpedia [info]

  ¶ 1 occurrence
  

  /* epic trans moment - CSS by Uncle Nicolini from here*/
   
  #license-area {
      font-size: x-small;
      background: #5bcefa;
      color: black;
  }
   
  #license-area a {
      color: #056c94;
  }
   
  /* you are my sunshine, my only sunshine */
   
  #footer {
      font-size: x-small;
      background: #ffafc7;
      color: black;
  }
   
  #footer a {
      color: #e51f47;
  }

  Pages using this styling

  • theme:scp-trans-pride [info]

  ¶ 1 occurrence
  

  #header {
      background-image: url(https://scp-wiki.wdfiles.com/local--files/theme%3Ascp-trans-pride/TransSCPlogo.png) !important;
  }

  Pages using this styling

  • theme:scp-trans-pride [info]

  ¶ 1 occurrence
  

  /* epic trans moment - CSS by Orison*/
   
  div#container-wrap{
      background: url("https://scp-wiki.wdfiles.com/local--files/theme%3Ascp-trans-pride/Trans-CSS-File.png") top left repeat-x;
  }
   
  #container-wrap-wrap{
      color: #fff;
      background: #F7A8B8;
      background: linear-gradient(-45deg, #55CDFC, #F7A8B8, #FFFFFF, #F7A8B8, #55CDFC,  #F7A8B8, #FFFFFF, #F7A8B8, #55CDFC, #F7A8B8, #FFFFFF, #F7A8B8, #55CDFC,  #F7A8B8, #FFFFFF, #F7A8B8, #55CDFC);
      background-size: 400% 200%;
      -webkit-animation: Gradient 15s ease infinite;
      -moz-animation: Gradient 15s ease infinite;
      animation: Gradient 15s ease infinite;
  }
   
  #container{
      background: linear-gradient(180deg, rgba(0,0,0,0) 400px,rgba(0,0,0,0) 1px, rgba(255,255,255,1) 0px);
      color: #222;
  }
   
  @-webkit-keyframes Gradient {
      0% {
          background-position: 0% 50%
      }
      50% {
          background-position: 100% 50%
      }
      100% {
          background-position: 0% 50%
      }
  }
   
  @-moz-keyframes Gradient {
      0% {
          background-position: 0% 50%
      }
      50% {
          background-position: 100% 50%
      }
      100% {
          background-position: 0% 50%
      }
  }
   
  @keyframes Gradient {
      0% {
          background-position: 0% 50%
      }
      50% {
          background-position: 100% 50%
      }
      100% {
          background-position: 0% 50%
      }
  }

  Pages using this styling

  • theme:scp-trans-pride [info]

  ¶ 1 occurrence
  

  /* epic trans moment - CSS by Orison*/
   
  div#container-wrap{
      background: url("https://scp-wiki.wdfiles.com/local--files/theme%3Ascp-trans-pride/Trans-CSS-File.png") top left repeat-x;
  }
   
  #container-wrap-wrap{
      color: #fff;
      background: #F7A8B8;
      background: linear-gradient(-45deg, #55CDFC, #F7A8B8, #FFFFFF, #F7A8B8, #55CDFC,  #F7A8B8, #FFFFFF, #F7A8B8, #55CDFC, #F7A8B8, #FFFFFF, #F7A8B8, #55CDFC,  #F7A8B8, #FFFFFF, #F7A8B8, #55CDFC);
      background-size: 400% 200%;
      -webkit-animation: Gradient 15s ease infinite;
      -moz-animation: Gradient 15s ease infinite;
      animation: Gradient 15s ease infinite;
  }
   
  #container{
      background: linear-gradient(180deg, rgba(0,0,0,0) 400px,rgba(0,0,0,0) 1px, rgba(255,255,255,1) 0px);
      color: #222;
  }
   
  @-webkit-keyframes Gradient {
      0% {
          background-position: 0% 50%
      }
      50% {
          background-position: 100% 50%
      }
      100% {
          background-position: 0% 50%
      }
  }
   
  @-moz-keyframes Gradient {
      0% {
          background-position: 0% 50%
      }
      50% {
          background-position: 100% 50%
      }
      100% {
          background-position: 0% 50%
      }
  }
   
  @keyframes Gradient {
      0% {
          background-position: 0% 50%
      }
      50% {
          background-position: 100% 50%
      }
      100% {
          background-position: 0% 50%
      }
  }
   
  /* epic trans moment - CSS by Uncle Nicolini from here*/
   
  #header {
      background-image: url(https://scp-wiki.wdfiles.com/local--files/theme%3Ascp-trans-pride/TransSCPlogo.png) !important;
  }
   
  #license-area {
      font-size: x-small;
      background: #5bcefa;
      color: black;
  }
   
  #license-area a {
      color: #056c94;
  }
   
  /* you are my sunshine, my only sunshine */
   
  #footer {
      font-size: x-small;
      background: #ffafc7;
      color: black;
  }
   
  #footer a {
      color: #e51f47;
  }

  Pages using this styling

  • theme:scp-trans-pride [info]

  ¶ 1 occurrence
  

  @import url("https://scp-wiki.wdfiles.com/local--code/theme%3Ascp-offices-theme/1")

  Pages using this styling

  • theme:scp-offices-theme [info]

  ¶ 1 occurrence
  

  @import url("https://nu-scptheme.github.io/Black-Highlighter/css/min/normalize.min.css");
  @import url("https://nu-scptheme.github.io/Black-Highlighter/css/min/black-highlighter.min.css");
  :root {
      --logo-image: url("https://scp-wiki.wdfiles.com/local--files/theme:scp-offices-theme/scpoffices_logo.svg");
  }
  
  .scp-image-block.block-right {
      margin: 1em 0 1em 2em;
  }
  
  .scp-image-block a {
      width: 100%;
      min-width: 100%;
  }
  
  .scp-image-block img {
      min-width: 100%;
      border: 0.5rem solid rgba(var(--pale-gray-monochrome));
      box-sizing: border-box;
  }
  
  #page-content > div.scp-image-block.block-right > a {
      background-color: rgb(var(--gray-monochrome));
  }
  
  #page-content > div.scp-image-block.block-right > a > img {
      padding: 1em;
  }

  Pages using this styling

  • theme:scp-offices-theme [info]

  ¶ 1 occurrence
  

  @import url('https://scp-wiki.wikidot.com/local--code/theme:scp-offices-sigma/1');

  Pages using this styling

  • theme:scp-offices-sigma [info]

  ¶ 1 occurrence
  

  @import url('https://scp-wiki.wikidot.com/local--code/theme%3Ascp-human-resources-sigma/1');

  Pages using this styling

  • theme:scp-human-resources-sigma [info]

  ¶ 1 occurrence
  

  @import url("https://scp-wiki.wdfiles.com/local--code/theme%3Ascp-human-resources/1")

  Pages using this styling

  • theme:scp-human-resources [info]

  ¶ 1 occurrence
  

  @import url("https://nu-scptheme.github.io/Black-Highlighter/css/min/normalize.min.css");
  @import url("https://nu-scptheme.github.io/Black-Highlighter/css/min/black-highlighter.min.css");
  :root {
      --logo-image: url("https://scp-wiki.wdfiles.com/local--files/theme%3Ascp-human-resources/hrlogo.png");
  }
  
  .scp-image-block.block-right {
      margin: 1em 0 1em 2em;
  }
  
  .scp-image-block a {
      width: 100%;
      min-width: 100%;
  }
  
  .scp-image-block img {
      min-width: 100%;
      border: 0.5rem solid rgba(var(--pale-gray-monochrome));
      box-sizing: border-box;
  }
  
  #page-content > div.scp-image-block.block-right > a {
      background-color: rgb(var(--gray-monochrome));
  }
  
  #page-content > div.scp-image-block.block-right > a > img {
      padding: 1em;
  }

  Pages using this styling

  • theme:scp-human-resources [info]

  ¶ 1 occurrence
  

  
  .archive-banner {
      background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22200px%22%20height%3D%22200px%22%20viewBox%3D%220%200%20100%20100%22%3E%0A%3Cdef%3E%0A%3Cstyle%3E%0A.hunny%20polygon%20%7B--n%3A%200%3Banimation%3A%20a%205s%20calc(var(--n)%20*%20.25s)%20forwards%20infinite%3Bopacity%3A0%3B%7D%0A.hunny%20polygon%3Anth-child(1)%20%7B--n%3A%201%3B%7D%0A.hunny%20polygon%3Anth-child(2)%20%7B--n%3A%202%3B%7D%0A.hunny%20polygon%3Anth-child(3)%20%7B--n%3A%203%3B%7D%0A.hunny%20polygon%3Anth-child(4)%20%7B--n%3A%204%3B%7D%0A.hunny%20polygon%3Anth-child(5)%20%7B--n%3A%205%3B%7D%0A.hunny%20polygon%3Anth-child(6)%20%7B--n%3A%206%3B%7D%0A.hunny%20polygon%3Anth-child(7)%20%7B--n%3A%207%3B%7D%0A%40keyframes%20a%20%7B0%25%7Bopacity%3A0%3B%7D5%25%7Bopacity%3A.5%3B%7D10%25%2C100%25%7Bopacity%3A0%3B%7D%0A%3C%2Fstyle%3E%0A%3C%2Fdef%3E%0A%3Cg%20fill%3D%22rgba(255%2C255%2C255%2C.9)%22%3E%0A%3Cg%20class%3D%22hunny%22%20transform%3D%22translate(0%201)%20scale(.94)%22%20fill%3D%22none%22%3E%0A%3Cpolygon%20stroke%3D%22%23fff%22%20points%3D%2276.2%2062%2064.6%2062%2058.8%2072%2064.6%2082%2076.2%2082%2081.9%2072%22%2F%3E%0A%3Cpolygon%20stroke%3D%22%23fff%22%20points%3D%2276.2%2022%2064.6%2022%2058.8%2032%2064.6%2042%2076.2%2042%2081.9%2032%22%2F%3E%0A%3Cpolygon%20stroke%3D%22%23fff%22%20points%3D%2241.5%2062%2030%2062%2024.2%2072%2030%2082%2041.5%2082%2047.3%2072%22%2F%3E%0A%3Cpolygon%20stroke%3D%22%23fff%22%20points%3D%2258.8%2012%2047.3%2012%2041.5%2022%2047.3%2032%2058.8%2032%2064.6%2022%22%2F%3E%0A%3Cpolygon%20stroke%3D%22%23fff%22%20points%3D%2258.8%2072%2047.3%2072%2041.5%2082%2047.3%2092%2058.8%2092%2064.6%2082%22%2F%3E%3Cpolygon%20stroke%3D%22%23fff%22%20points%3D%2258.8%2032%2047.3%2032%2041.5%2042%2047.3%2052%2058.8%2052%2064.6%2042%22%2F%3E%3Cpolygon%20stroke%3D%22%23fff%22%20points%3D%2241.5%2042%2030%2042%2024.2%2052%2030%2062%2041.5%2062%2047.3%2052%22%2F%3E%0A%3C%2Fg%3E%0A%3Cg%20transform%3D%22scale(.5)%22%3E%0A%3Cpath%20d%3D%22M%2073.464844%208.726562%20C%2073.441406%208.859375%2072.859375%2012.199219%2072.167969%2016.167969%20C%2071.484375%2020.132812%2070.890625%2023.425781%2070.859375%2023.484375%20C%2070.816406%2023.542969%2070.25%2023.808594%2069.582031%2024.074219%20C%2056.675781%2029.285156%2045.050781%2037.949219%2036.367188%2048.832031%20C%2027.367188%2060.117188%2021.476562%2073.566406%2019.375%2087.582031%20C%2019.257812%2088.382812%2019.117188%2089.132812%2019.074219%2089.242188%20C%2018.910156%2089.648438%2018.574219%2092.851562%2018.417969%2095.617188%20C%2018.308594%2097.535156%2018.308594%20102.351562%2018.417969%20104.375%20C%2018.515625%20106.191406%2018.675781%20107.890625%2018.933594%20110.066406%20L%2019.117188%20111.601562%20L%2018.785156%20111.910156%20C%2018.089844%20112.558594%2017.167969%20113.410156%2016.25%20114.25%20C%2015.726562%20114.734375%2015.035156%20115.367188%2014.707031%20115.667969%20C%2014.007812%20116.324219%2013.882812%20116.433594%2010.359375%20119.699219%20C%208.832031%20121.101562%207.574219%20122.285156%207.550781%20122.324219%20C%207.523438%20122.359375%208.566406%20124.226562%209.859375%20126.464844%20C%2011.148438%20128.707031%2017.199219%20139.175781%2023.292969%20149.726562%20C%2029.382812%20160.285156%2034.410156%20168.917969%2034.457031%20168.917969%20C%2034.507812%20168.917969%2035.167969%20168.691406%2035.925781%20168.410156%20C%2036.675781%20168.132812%2038.308594%20167.535156%2039.542969%20167.082031%20C%2046.875%20164.398438%2048.675781%20163.75%2048.742188%20163.75%20C%2048.792969%20163.75%2049.042969%20163.933594%2049.316406%20164.160156%20C%2050.839844%20165.433594%2054.582031%20168.066406%2057.042969%20169.601562%20C%2061.207031%20172.199219%2066.632812%20174.851562%2071.707031%20176.75%20C%2083.824219%20181.292969%2097.234375%20182.890625%20110.082031%20181.332031%20C%20116.941406%20180.5%20123.867188%20178.765625%20130.042969%20176.332031%20C%20130.867188%20176.007812%20131.617188%20175.734375%20131.707031%20175.714844%20C%20132.160156%20175.640625%20134.824219%20174.425781%20137.457031%20173.101562%20C%20141.734375%20170.933594%20145.476562%20168.617188%20149.398438%20165.691406%20L%20151.007812%20164.5%20L%20151.441406%20164.632812%20C%20151.683594%20164.707031%20151.992188%20164.800781%20152.125%20164.851562%20C%20152.515625%20164.976562%20156.316406%20166.160156%20156.875%20166.324219%20C%20157.839844%20166.617188%20162.292969%20168.007812%20162.5%20168.082031%20C%20162.617188%20168.125%20163.101562%20168.273438%20163.582031%20168.417969%20C%20164.066406%20168.566406%20164.808594%20168.792969%20165.234375%20168.933594%20C%20165.660156%20169.066406%20166.042969%20169.167969%20166.082031%20169.148438%20C%20166.183594%20169.117188%20193.015625%20122.660156%20192.984375%20122.582031%20C%20192.957031%20122.523438%20191.359375%20121.175781%20184.667969%20115.601562%20C%20182.992188%20114.199219%20181.558594%20112.992188%20181.464844%20112.917969%20C%20181.316406%20112.765625%20181.316406%20112.742188%20181.484375%20111.523438%20C%20182.410156%20105.007812%20182.515625%2098.558594%20181.824219%2091.75%20C%20180.226562%2076.007812%20174.191406%2061.242188%20164.285156%2048.816406%20C%20157.933594%2040.851562%20149.910156%2033.984375%20141%2028.890625%20C%20138.207031%2027.300781%20134.324219%2025.390625%20131.523438%2024.25%20C%20131.140625%2024.101562%20130.816406%2023.910156%20130.800781%2023.839844%20C%20130.773438%2023.765625%20130%2020.351562%20129.082031%2016.25%20C%20128.160156%2012.148438%20127.382812%208.726562%20127.367188%208.640625%20C%20127.324219%208.507812%20125.964844%208.5%20100.417969%208.5%20L%2073.515625%208.5%20Z%20M%20122.867188%2012.976562%20C%20122.933594%2013.199219%20124.824219%2021.300781%20125.5%2024.25%20C%20125.824219%2025.691406%20126.125%2026.984375%20126.160156%2027.125%20C%20126.214844%2027.359375%20126.308594%2027.410156%20127.800781%2027.984375%20C%20131.082031%2029.25%20135%2031.066406%20137.707031%2032.582031%20C%20146.542969%2037.515625%20154.148438%2043.933594%20160.375%2051.667969%20C%20170.074219%2063.726562%20175.898438%2078.351562%20177.160156%2093.792969%20C%20177.433594%2097.132812%20177.484375%20103.058594%20177.25%20105.832031%20C%20177.035156%20108.5%20176.625%20111.625%20176.148438%20114.273438%20L%20176.050781%20114.832031%20L%20176.417969%20115.191406%20C%20176.625%20115.382812%20177.132812%20115.824219%20177.542969%20116.167969%20C%20177.957031%20116.507812%20178.332031%20116.832031%20178.390625%20116.882812%20C%20178.441406%20116.933594%20178.867188%20117.292969%20179.339844%20117.675781%20C%20179.808594%20118.058594%20180.550781%20118.675781%20180.992188%20119.042969%20C%20181.433594%20119.417969%20182.859375%20120.609375%20184.167969%20121.699219%20C%20187.351562%20124.367188%20187.125%20124.160156%20187.023438%20124.324219%20C%20186.984375%20124.398438%20181.925781%20133.148438%20175.800781%20143.765625%20C%20169.101562%20155.375%20164.601562%20163.082031%20164.535156%20163.082031%20C%20164.464844%20163.082031%20163.800781%20162.898438%20163.058594%20162.675781%20C%20162.316406%20162.449219%20161.574219%20162.226562%20161.417969%20162.183594%20C%20161.066406%20162.089844%20157.675781%20161.066406%20156.957031%20160.839844%20C%20156.683594%20160.75%20156.125%20160.582031%20155.707031%20160.457031%20C%20155.300781%20160.332031%20154.882812%20160.199219%20154.792969%20160.167969%20C%20154.699219%20160.125%20154.457031%20160.050781%20154.25%20160%20C%20154.042969%20159.949219%20153.800781%20159.875%20153.707031%20159.832031%20C%20153.617188%20159.792969%20153.285156%20159.683594%20152.957031%20159.601562%20C%20152.640625%20159.507812%20151.917969%20159.292969%20151.359375%20159.125%20C%20150.351562%20158.816406%20150.339844%20158.816406%20150.132812%20158.964844%20C%20150.023438%20159.058594%20149.390625%20159.558594%20148.734375%20160.089844%20C%20146.714844%20161.726562%20142.992188%20164.417969%20142.757812%20164.417969%20C%20142.714844%20164.417969%20142.339844%20164.632812%20141.941406%20164.890625%20C%20138.050781%20167.398438%20133.199219%20169.882812%20128.757812%20171.640625%20C%20121.242188%20174.617188%20113.785156%20176.300781%20105.292969%20176.933594%20C%20103.433594%20177.066406%2097.234375%20177.066406%2095.375%20176.933594%20C%2084.515625%20176.125%2074.964844%20173.515625%2065.667969%20168.824219%20C%2060.851562%20166.398438%2055.816406%20163.167969%2052.042969%20160.082031%20C%2051.726562%20159.816406%2051.417969%20159.589844%2051.359375%20159.574219%20C%2051.308594%20159.558594%2050.898438%20159.226562%2050.457031%20158.839844%20L%2049.648438%20158.148438%20L%2049.257812%20158.234375%20C%2048.882812%20158.316406%2048.339844%20158.5%2045.667969%20159.5%20C%2044.910156%20159.785156%2043.074219%20160.457031%2041.582031%20161%20C%2040.089844%20161.542969%2038.257812%20162.214844%2037.5%20162.492188%20C%2036.75%20162.773438%2036.089844%20163%2036.042969%20163%20C%2035.992188%20163%2030.898438%20154.242188%2024.714844%20143.535156%20L%2013.476562%20124.066406%20L%2013.757812%20123.816406%20C%2013.917969%20123.675781%2014.660156%20122.976562%2015.417969%20122.257812%20C%2016.175781%20121.550781%2017.035156%20120.734375%2017.332031%20120.457031%20C%2017.632812%20120.175781%2018.234375%20119.609375%2018.667969%20119.191406%20C%2019.101562%20118.773438%2019.660156%20118.257812%2019.910156%20118.035156%20C%2020.160156%20117.808594%2020.5%20117.492188%2020.675781%20117.332031%20C%2021.242188%20116.800781%2022.851562%20115.292969%2023.074219%20115.089844%20C%2023.191406%20114.984375%2023.542969%20114.660156%2023.839844%20114.367188%20L%2024.398438%20113.832031%20L%2024.285156%20113.234375%20C%2023.867188%20111.066406%2023.410156%20107.117188%2023.375%20105.5%20C%2023.367188%20104.832031%2023.324219%20103.035156%2023.292969%20101.5%20C%2023.191406%2097.058594%2023.457031%2092.839844%2024.125%2088.457031%20C%2027.375%2067.035156%2039.464844%2047.984375%2057.457031%2035.957031%20C%2062.714844%2032.433594%2068.617188%2029.457031%2074.292969%2027.457031%20C%2075.25%2027.117188%2075.292969%2027.089844%2075.359375%2026.824219%20C%2075.441406%2026.492188%2075.984375%2023.449219%2077.007812%2017.542969%20C%2077.425781%2015.160156%2077.785156%2013.125%2077.808594%2013.015625%20L%2077.851562%2012.832031%20L%20100.332031%2012.832031%20C%20121.683594%2012.832031%20122.824219%2012.839844%20122.867188%2012.976562%20Z%20M%20122.867188%2012.976562%20%22%2F%3E%3C%2Fg%3E%0A%3Cg%20transform%3D%22translate(50%2C50)%20scale(.25)%22%3E%0A%3Cg%20transform%3D%22scale(0.8)%22%3E%0A%3Cg%20transform%3D%22translate(-50%2C-50)%22%3E%0A%3Cg%3E%0A%3CanimateTransform%20attributeName%3D%22transform%22%20type%3D%22rotate%22%20repeatCount%3D%22indefinite%22%20values%3D%22360%2050%2050%3B0%2050%2050%22%20keyTimes%3D%220%3B1%22%20dur%3D%221s%22%20keySplines%3D%220.5%200.5%200.5%200.5%22%20calcMode%3D%22spline%22%2F%3E%0A%3Cpath%20d%3D%22M30.4%2C9.7c-7.4%2C10.9-11.8%2C23.8-12.3%2C37.9c0.2%2C1%2C0.5%2C1.9%2C0.7%2C2.8c1.4-5.2%2C3.4-10.3%2C6.2-15.1%20c2.6-4.4%2C5.6-8.4%2C9-12c0.7-0.7%2C1.4-1.4%2C2.1-2.1c7.4-7%2C16.4-12%2C26-14.6C51.5%2C3.6%2C40.2%2C4.9%2C30.4%2C9.7z%22%2F%3E%0A%3Cpath%20d%3D%22M24.8%2C64.2c-2.6-4.4-4.5-9.1-5.9-13.8c-0.3-0.9-0.5-1.9-0.7-2.8c-2.4-9.9-2.2-20.2%2C0.4-29.8%20C10.6%2C25.5%2C6%2C36%2C5.3%2C46.8C11%2C58.6%2C20%2C68.9%2C31.9%2C76.3c0.9%2C0.3%2C1.9%2C0.5%2C2.8%2C0.8C31%2C73.3%2C27.6%2C69%2C24.8%2C64.2z%22%2F%3E%0A%3Cpath%20d%3D%22M49.6%2C78.9c-5.1%2C0-10.1-0.6-14.9-1.8c-1-0.2-1.9-0.5-2.8-0.8c-9.8-2.9-18.5-8.2-25.6-15.2%20c2.8%2C10.8%2C9.5%2C20%2C18.5%2C26c13.1%2C0.9%2C26.6-1.7%2C38.9-8.3c0.7-0.7%2C1.4-1.4%2C2.1-2.1C60.7%2C78.2%2C55.3%2C78.9%2C49.6%2C78.9z%22%2F%3E%0A%3Cpath%20d%3D%22M81.1%2C49.6c-1.4%2C5.2-3.4%2C10.3-6.2%2C15.1c-2.6%2C4.4-5.6%2C8.4-9%2C12c-0.7%2C0.7-1.4%2C1.4-2.1%2C2.1%20c-7.4%2C7-16.4%2C12-26%2C14.6c10.7%2C3%2C22.1%2C1.7%2C31.8-3.1c7.4-10.9%2C11.8-23.8%2C12.3-37.9C81.6%2C51.5%2C81.4%2C50.6%2C81.1%2C49.6z%22%2F%3E%0A%3Cpath%20d%3D%22M75.2%2C12.9c-13.1-0.9-26.6%2C1.7-38.9%2C8.3c-0.7%2C0.7-1.4%2C1.4-2.1%2C2.1c5.2-1.4%2C10.6-2.2%2C16.2-2.2%20c5.1%2C0%2C10.1%2C0.6%2C14.9%2C1.8c1%2C0.2%2C1.9%2C0.5%2C2.8%2C0.8c9.8%2C2.9%2C18.5%2C8.2%2C25.6%2C15.2C90.9%2C28.1%2C84.2%2C18.9%2C75.2%2C12.9z%22%2F%3E%0A%3Cpath%20d%3D%22M94.7%2C53.2C89%2C41.4%2C80%2C31.1%2C68.1%2C23.7c-0.9-0.3-1.9-0.5-2.8-0.8c3.8%2C3.8%2C7.2%2C8.1%2C10%2C13%20c2.6%2C4.4%2C4.5%2C9.1%2C5.9%2C13.8c0.3%2C0.9%2C0.5%2C1.9%2C0.7%2C2.8c2.4%2C9.9%2C2.2%2C20.2-0.4%2C29.8C89.4%2C74.5%2C94%2C64%2C94.7%2C53.2z%22%2F%3E%0A%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%0A%3Cg%20transform%3D%22translate(-4%20-3)%20scale(1.02)%22%3E%3Cg%3E%0A%3Cpath%20d%3D%22M36%2061.9c-1.7-3-2.7-6.4-2.7-9.9c0-10.9%208.8-19.7%2019.7-19.7v1c-10.3%200-18.8%208.4-18.8%2018.8%20c0%203.3%200.9%206.5%202.5%209.4L36%2061.9z%22%2F%3E%0A%3CanimateTransform%20attributeName%3D%22transform%22%20type%3D%22rotate%22%20repeatCount%3D%22indefinite%22%20dur%3D%226s%22%20keyTimes%3D%220%3B1%22%20values%3D%22360%2053.064%2052%3B0%2053.064%2052%22%2F%3E%0A%3C%2Fg%3E%0A%3Cg%3E%0A%3Cpath%20d%3D%22M57%2075.3l-0.5-3c9.9-1.7%2017.2-10.2%2017.2-20.3c0-11.4-9.2-20.6-20.6-20.6S32.5%2040.6%2032.5%2052%20c0%201.6%200.2%203.2%200.5%204.7l-3%200.7c-0.4-1.8-0.6-3.6-0.6-5.4c0-13.1%2010.6-23.7%2023.7-23.7S76.7%2038.9%2076.7%2052%20C76.7%2063.6%2068.4%2073.4%2057%2075.3z%22%2F%3E%0A%3CanimateTransform%20attributeName%3D%22transform%22%20type%3D%22rotate%22%20repeatCount%3D%22indefinite%22%20dur%3D%224s%22%20keyTimes%3D%220%3B1%22%20values%3D%220%2053.064%2052%3B360%2053.064%2052%22%2F%3E%0A%3C%2Fg%3E%0A%3Cg%3E%0A%3Cpath%20d%3D%22M39.7%2028.5l0.6%201c3.9-2.2%208.3-3.4%2012.8-3.4V25C48.4%2025%2043.7%2026.2%2039.7%2028.5z%22%2F%3E%0A%3Cpath%20d%3D%22M28.6%2060.6l-1.1%200.4C31.3%2071.8%2041.6%2079%2053.1%2079v-1.2C42.1%2077.9%2032.3%2070.9%2028.6%2060.6z%22%2F%3E%0A%3CanimateTransform%20attributeName%3D%22transform%22%20type%3D%22rotate%22%20repeatCount%3D%22indefinite%22%20dur%3D%2212s%22%20keyTimes%3D%220%3B1%22%20values%3D%22360%2053.064%2052%3B0%2053.064%2052%22%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fg%3E%3C%2Fg%3E%0A%3C%2Fsvg%3E") center no-repeat,
        linear-gradient(
          180deg,
          rgba(70, 90, 75, 0.9) 0,
          rgba(25, 30, 30, 0.9) 100%
      );
      padding-top: 75%;
  }

  Pages using this styling

  • theme:scp-archive-sigma [info]

  ¶ 1 occurrence
  

  @import url('http://scp-wiki.wikidot.com/local--code/theme:scp-archive-sigma/1');

  Pages using this styling

  • theme:scp-archive-sigma [info]

  ¶ 1 occurrence
  

  @import url("https://scp-wiki.wdfiles.com/local--files/theme%3Ascp-archive/scp-archive-icon.css");
  
  :root {
      --header-title: "SCP Archive";
      --header-subtitle: "SECURED, CONTAINED, PROTECTED";
      --header-height-on-mobile: 7.5rem;
      --header-height-on-desktop: 10rem;
      --gradient-topmenu-mobile: linear-gradient(
          180deg,
          rgba(var(--swatch-topmenu-border-color), 1) 0,
          rgba(var(--swatch-topmenu-bg-color), 1) 0.125rem,
          rgba(var(--swatch-topmenu-bg-color), 1) calc(100% - 0.125rem),
          rgba(var(--swatch-topmenu-bg-color), 1) calc(100% - 0.125rem),
          rgba(var(--swatch-topmenu-border-color),1) 100%
      );
      --link-color: 85, 135, 95;
      --visited-link-color: 65, 115, 75;
      --bright-accent: 70, 90, 75;
      --medium-accent: 30, 44, 36;
      --dark-accent: 25, 30, 30;
  }
  
  /*
  STAR Animation
      * Dr Devan
      * C-Take
      * Nanimono Demonai
  */
  
  @media (prefers-reduced-motion: no-preference) {
    #container-wrap-wrap:before {
      -webkit-animation: animStar 50s linear infinite;
              animation: animStar 50s linear infinite;
      background: transparent;
      box-shadow: 805px 413px #fff, 724px 1326px #fff, 1175px 606px #fff,
        662px 1275px #fff, 1205px 1966px #fff, 1272px 1087px #fff,
        552px 1818px #fff, 1860px 1654px #fff, 6px 1526px #fff, 1414px 255px #fff,
        1892px 739px #fff, 894px 1633px #fff, 1615px 521px #fff, 1374px 651px #fff,
        250px 1473px #fff, 1984px 1096px #fff, 202px 5px #fff, 1694px 1095px #fff,
        1656px 433px #fff, 1274px 413px #fff, 1568px 1581px #fff,
        184px 1296px #fff, 1820px 532px #fff, 1791px 956px #fff,
        1522px 1638px #fff, 1056px 1907px #fff, 745px 493px #fff,
        576px 1246px #fff, 849px 1625px #fff, 1484px 91px #fff, 1818px 1294px #fff,
        1073px 1048px #fff, 24px 818px #fff, 1605px 1164px #fff, 903px 1546px #fff,
        7px 1147px #fff, 48px 485px #fff, 130px 1026px #fff, 306px 735px #fff,
        1280px 1057px #fff, 1944px 481px #fff, 142px 238px #fff, 1195px 732px #fff,
        535px 1985px #fff, 851px 962px #fff, 1406px 1056px #fff,
        1869px 1171px #fff, 968px 1272px #fff, 278px 461px #fff,
        1655px 1910px #fff, 1650px 940px #fff, 186px 1554px #fff,
        1401px 1811px #fff, 805px 450px #fff, 749px 831px #fff, 270px 1913px #fff,
        1254px 1571px #fff, 1655px 733px #fff, 1159px 340px #fff, 40px 941px #fff,
        911px 846px #fff, 568px 347px #fff, 849px 1892px #fff, 768px 1503px #fff,
        1501px 40px #fff, 480px 384px #fff, 1930px 1940px #fff, 1952px 201px #fff,
        1665px 494px #fff, 1264px 1252px #fff, 1046px 835px #fff,
        320px 1600px #fff, 1802px 1465px #fff, 1659px 1176px #fff,
        647px 1928px #fff, 1969px 403px #fff, 246px 1490px #fff,
        1823px 1326px #fff, 120px 1420px #fff, 1974px 396px #fff, 307px 231px #fff,
        338px 43px #fff, 1129px 343px #fff, 1261px 1927px #fff, 1830px 728px #fff,
        249px 701px #fff, 710px 714px #fff, 1453px 1998px #fff, 889px 879px #fff,
        218px 275px #fff, 128px 314px #fff, 1906px 1191px #fff, 1686px 791px #fff,
        903px 1248px #fff, 1157px 1869px #fff, 732px 94px #fff, 150px 1387px #fff,
        428px 1485px #fff, 1605px 192px #fff, 963px 67px #fff, 545px 495px #fff,
        1458px 1548px #fff, 1478px 803px #fff, 1319px 1843px #fff,
        367px 1029px #fff, 1976px 716px #fff, 1099px 1624px #fff,
        1308px 1228px #fff, 459px 1640px #fff, 652px 1290px #fff,
        1660px 772px #fff, 658px 1342px #fff, 534px 180px #fff, 196px 238px #fff,
        1052px 1552px #fff, 1192px 49px #fff, 546px 1743px #fff, 677px 420px #fff,
        495px 1695px #fff, 692px 1161px #fff, 1306px 1817px #fff,
        1323px 666px #fff, 1904px 1838px #fff, 1117px 275px #fff, 644px 520px #fff,
        1138px 1681px #fff, 1326px 74px #fff, 907px 1946px #fff, 666px 1159px #fff,
        822px 894px #fff, 1505px 1208px #fff, 1809px 987px #fff, 954px 373px #fff,
        1328px 391px #fff, 535px 350px #fff, 1047px 784px #fff, 1252px 1380px #fff,
        618px 270px #fff, 531px 1723px #fff, 1588px 845px #fff, 1170px 1020px #fff,
        973px 1587px #fff, 593px 692px #fff, 283px 1482px #fff, 959px 1392px #fff,
        39px 1335px #fff, 1457px 815px #fff, 21px 1727px #fff, 1998px 1064px #fff,
        1380px 1216px #fff, 827px 1538px #fff, 108px 1390px #fff,
        1612px 1389px #fff, 1516px 1392px #fff, 1584px 1044px #fff,
        1261px 1859px #fff, 1841px 646px #fff, 1652px 988px #fff,
        1848px 1407px #fff, 661px 344px #fff, 1805px 1758px #fff,
        1784px 247px #fff, 780px 123px #fff, 117px 332px #fff, 430px 354px #fff,
        522px 826px #fff, 1311px 1343px #fff, 1590px 1863px #fff,
        1155px 1803px #fff, 368px 168px #fff, 1965px 140px #fff, 210px 830px #fff,
        1954px 772px #fff, 1316px 1990px #fff, 1783px 692px #fff,
        669px 1323px #fff, 1188px 949px #fff, 833px 1030px #fff, 1467px 988px #fff,
        633px 1926px #fff, 1490px 320px #fff, 1619px 1516px #fff, 1370px 85px #fff,
        678px 1409px #fff, 152px 650px #fff, 321px 1771px #fff, 1443px 1821px #fff,
        1440px 391px #fff, 1501px 1296px #fff, 979px 133px #fff, 1911px 598px #fff,
        1719px 97px #fff, 893px 735px #fff, 310px 473px #fff, 1595px 1047px #fff,
        437px 293px #fff, 145px 343px #fff, 1246px 416px #fff, 1011px 1235px #fff,
        1462px 987px #fff, 167px 1525px #fff, 1688px 1415px #fff,
        574px 1801px #fff, 347px 1741px #fff, 880px 1109px #fff, 93px 1692px #fff,
        94px 1987px #fff, 1695px 951px #fff, 153px 601px #fff, 1013px 969px #fff,
        356px 434px #fff, 1228px 1942px #fff, 1083px 1445px #fff,
        1317px 438px #fff, 439px 1242px #fff, 1031px 356px #fff, 615px 666px #fff,
        1019px 1826px #fff, 1526px 1025px #fff, 538px 210px #fff, 78px 1954px #fff,
        1344px 965px #fff, 1280px 143px #fff, 211px 430px #fff, 282px 1279px #fff,
        1355px 1639px #fff, 1142px 1512px #fff, 141px 822px #fff, 60px 1923px #fff,
        1322px 1117px #fff, 523px 1165px #fff, 1289px 1438px #fff,
        974px 1937px #fff, 1915px 1955px #fff, 1793px 308px #fff,
        1712px 1273px #fff, 201px 1179px #fff, 1186px 12px #fff, 1635px 877px #fff,
        361px 256px #fff, 795px 1283px #fff, 305px 1072px #fff, 1099px 1995px #fff,
        1643px 906px #fff, 835px 1411px #fff, 142px 1950px #fff,
        1161px 1635px #fff, 5px 819px #fff, 977px 1049px #fff, 86px 417px #fff,
        731px 1015px #fff, 1746px 1059px #fff, 1904px 484px #fff,
        1367px 434px #fff, 982px 1646px #fff, 685px 1582px #fff, 1754px 496px #fff,
        1706px 292px #fff, 1962px 1932px #fff, 987px 806px #fff, 76px 1275px #fff,
        746px 430px #fff, 1337px 122px #fff, 653px 942px #fff, 487px 1433px #fff,
        1270px 1287px #fff, 1418px 574px #fff, 1640px 1046px #fff,
        950px 1608px #fff, 1660px 432px #fff, 1134px 153px #fff,
        1567px 1087px #fff, 1582px 1957px #fff, 474px 238px #fff,
        1514px 525px #fff, 1421px 1984px #fff, 16px 1994px #fff,
        1935px 1508px #fff, 438px 775px #fff, 1612px 630px #fff, 203px 879px #fff,
        496px 1057px #fff, 1607px 1518px #fff, 1588px 574px #fff,
        1451px 1062px #fff, 1590px 1593px #fff, 592px 351px #fff, 361px 437px #fff,
        456px 1221px #fff, 411px 1628px #fff, 1103px 44px #fff, 1890px 749px #fff,
        1368px 1990px #fff, 872px 18px #fff, 1528px 907px #fff, 1199px 235px #fff,
        395px 570px #fff, 1120px 127px #fff, 125px 711px #fff, 1825px 1327px #fff,
        64px 1870px #fff, 838px 1810px #fff, 663px 1427px #fff, 1819px 736px #fff,
        566px 1851px #fff, 1080px 656px #fff, 1134px 1861px #fff, 568px 64px #fff,
        1530px 1096px #fff, 981px 1711px #fff, 1783px 999px #fff,
        135px 1975px #fff, 1772px 1553px #fff, 1967px 1442px #fff,
        542px 372px #fff, 1684px 1445px #fff, 1041px 1106px #fff, 60px 1460px #fff,
        1083px 1677px #fff, 143px 204px #fff, 912px 350px #fff, 1000px 1586px #fff,
        1068px 908px #fff, 241px 794px #fff, 426px 409px #fff, 961px 1141px #fff,
        1551px 327px #fff, 1575px 1532px #fff, 929px 1507px #fff, 242px 364px #fff,
        1271px 731px #fff, 1660px 468px #fff, 1494px 589px #fff, 988px 1371px #fff,
        431px 539px #fff, 1974px 239px #fff, 68px 645px #fff, 781px 1716px #fff,
        1238px 65px #fff, 26px 1158px #fff, 525px 899px #fff, 1494px 1043px #fff,
        176px 1932px #fff, 372px 1933px #fff, 196px 883px #fff, 615px 614px #fff,
        1298px 288px #fff, 1690px 1284px #fff, 414px 5px #fff, 1050px 453px #fff,
        271px 1805px #fff, 1024px 1996px #fff, 458px 1817px #fff,
        831px 1155px #fff, 229px 1406px #fff, 1140px 1918px #fff,
        390px 1353px #fff, 1509px 1025px #fff, 893px 574px #fff, 461px 499px #fff,
        568px 1725px #fff, 791px 1565px #fff, 1494px 365px #fff,
        1423px 1289px #fff, 1239px 1356px #fff, 1367px 776px #fff,
        1596px 965px #fff, 1162px 798px #fff, 452px 1158px #fff, 191px 1111px #fff,
        1194px 1708px #fff, 694px 804px #fff, 999px 1711px #fff, 114px 1175px #fff,
        1950px 809px #fff, 1991px 889px #fff, 1948px 1999px #fff,
        1367px 1389px #fff, 1809px 1878px #fff, 1613px 607px #fff,
        1143px 842px #fff, 1746px 324px #fff, 102px 355px #fff, 852px 1729px #fff,
        633px 755px #fff, 723px 1465px #fff, 1081px 301px #fff, 1231px 699px #fff,
        1751px 616px #fff, 1387px 999px #fff, 500px 940px #fff, 545px 1387px #fff,
        1777px 223px #fff, 1058px 1381px #fff, 1014px 867px #fff, 403px 712px #fff,
        673px 958px #fff, 89px 652px #fff, 234px 1894px #fff, 603px 1674px #fff,
        111px 1930px #fff, 28px 1161px #fff, 1052px 962px #fff, 134px 1007px #fff,
        290px 1721px #fff, 1713px 439px #fff, 443px 1291px #fff, 1443px 528px #fff,
        465px 1761px #fff, 491px 82px #fff, 592px 938px #fff, 1409px 1274px #fff,
        633px 1201px #fff, 740px 33px #fff, 1214px 777px #fff, 1589px 1106px #fff,
        748px 371px #fff, 1422px 1726px #fff, 1607px 225px #fff, 1520px 280px #fff,
        873px 547px #fff, 765px 1174px #fff, 165px 97px #fff, 126px 422px #fff,
        301px 1356px #fff, 702px 1837px #fff, 866px 256px #fff, 1974px 849px #fff,
        805px 852px #fff, 1659px 1966px #fff, 1529px 265px #fff, 1007px 956px #fff,
        1245px 359px #fff, 1505px 752px #fff, 902px 201px #fff, 219px 1594px #fff,
        1134px 816px #fff, 1269px 1624px #fff, 33px 1155px #fff, 1374px 768px #fff,
        567px 1240px #fff, 1774px 187px #fff, 1445px 254px #fff, 1544px 399px #fff,
        228px 1003px #fff, 1132px 632px #fff, 1242px 10px #fff, 894px 1826px #fff,
        1325px 706px #fff, 1260px 471px #fff, 1769px 1115px #fff, 370px 482px #fff,
        774px 889px #fff, 1688px 777px #fff, 124px 1812px #fff, 364px 1573px #fff,
        1257px 722px #fff, 1219px 1214px #fff, 866px 1202px #fff, 683px 976px #fff,
        245px 562px #fff, 1958px 1456px #fff, 940px 331px #fff, 604px 1006px #fff,
        1871px 56px #fff, 1671px 1668px #fff, 114px 1835px #fff,
        1284px 1144px #fff, 1183px 223px #fff, 290px 969px #fff, 55px 92px #fff,
        3px 1067px #fff, 653px 599px #fff, 341px 1106px #fff, 351px 617px #fff,
        1245px 210px #fff, 1007px 1354px #fff, 1785px 1298px #fff,
        624px 1677px #fff, 1382px 1089px #fff, 204px 244px #fff,
        1572px 1534px #fff, 211px 1723px #fff, 1873px 558px #fff,
        1870px 415px #fff, 1267px 772px #fff, 2000px 1057px #fff,
        608px 1723px #fff, 722px 1493px #fff, 856px 207px #fff, 21px 434px #fff,
        451px 1696px #fff, 1712px 1156px #fff, 1316px 740px #fff, 606px 772px #fff,
        176px 1359px #fff, 487px 1748px #fff, 1240px 118px #fff, 231px 876px #fff,
        1149px 468px #fff, 591px 315px #fff, 739px 843px #fff, 1932px 464px #fff,
        61px 1995px #fff, 1884px 756px #fff, 1714px 547px #fff, 1764px 1477px #fff,
        1524px 258px #fff, 831px 1423px #fff, 858px 1524px #fff, 1759px 475px #fff,
        1140px 1721px #fff, 474px 1016px #fff, 1312px 1967px #fff,
        503px 1878px #fff, 53px 423px #fff, 281px 1378px #fff, 817px 152px #fff,
        1724px 1605px #fff, 356px 1030px #fff, 372px 1122px #fff,
        1477px 125px #fff, 195px 1014px #fff, 1155px 1432px #fff,
        633px 1810px #fff, 444px 477px #fff, 1311px 1863px #fff, 1081px 865px #fff,
        185px 1222px #fff, 1290px 1438px #fff, 630px 1709px #fff, 372px 117px #fff,
        1987px 1797px #fff, 801px 109px #fff, 1230px 1903px #fff,
        1502px 1630px #fff, 680px 1190px #fff, 1756px 908px #fff,
        930px 1899px #fff, 1505px 1734px #fff, 653px 1026px #fff,
        1486px 1566px #fff, 46px 109px #fff, 1526px 1040px #fff, 840px 519px #fff,
        1912px 1341px #fff, 1382px 471px #fff, 638px 1021px #fff, 38px 347px #fff,
        1290px 781px #fff, 1485px 847px #fff, 1496px 1245px #fff,
        1267px 1307px #fff, 449px 741px #fff, 636px 1550px #fff, 1524px 884px #fff,
        137px 604px #fff, 1864px 180px #fff, 1373px 323px #fff, 307px 985px #fff,
        1603px 1012px #fff, 642px 1490px #fff, 1889px 1992px #fff,
        1405px 762px #fff, 7px 582px #fff, 1586px 236px #fff, 538px 501px #fff,
        322px 917px #fff, 176px 430px #fff, 350px 785px #fff, 562px 1838px #fff,
        699px 1647px #fff, 67px 1144px #fff, 1656px 523px #fff, 64px 1469px #fff,
        770px 268px #fff, 1752px 501px #fff, 641px 179px #fff, 685px 220px #fff,
        1214px 380px #fff, 1579px 1438px #fff, 310px 1300px #fff,
        514px 1492px #fff, 625px 557px #fff, 634px 1043px #fff, 707px 1262px #fff,
        979px 304px #fff, 283px 29px #fff, 1541px 1335px #fff, 1255px 705px #fff,
        1118px 325px #fff, 1121px 723px #fff, 1510px 465px #fff,
        1609px 1975px #fff, 584px 1678px #fff, 1617px 1270px #fff,
        372px 1033px #fff, 976px 1024px #fff, 362px 715px #fff, 146px 1240px #fff,
        1458px 1770px #fff, 748px 1118px #fff, 139px 760px #fff, 1846px 839px #fff,
        1763px 716px #fff, 274px 1841px #fff, 1085px 74px #fff, 415px 1714px #fff,
        692px 374px #fff, 1005px 1084px #fff, 312px 562px #fff, 1476px 1325px #fff,
        1335px 458px #fff, 755px 584px #fff, 329px 1882px #fff, 73px 1102px #fff,
        1077px 272px #fff, 1790px 555px #fff, 936px 1429px #fff,
        1280px 1939px #fff, 243px 1187px #fff, 1323px 1294px #fff,
        1921px 281px #fff, 1163px 1764px #fff, 598px 100px #fff, 802px 745px #fff,
        1814px 1371px #fff, 1532px 1805px #fff, 1391px 1704px #fff,
        945px 321px #fff, 361px 1787px #fff, 985px 1903px #fff, 652px 1376px #fff,
        425px 1538px #fff, 1936px 1043px #fff, 158px 325px #fff, 89px 1559px #fff,
        1477px 1535px #fff, 595px 727px #fff, 956px 683px #fff, 1765px 1840px #fff,
        696px 1546px #fff, 1165px 112px #fff, 1777px 796px #fff, 894px 1331px #fff,
        531px 1025px #fff, 296px 1867px #fff, 1265px 693px #fff, 29px 1036px #fff,
        1204px 364px #fff, 605px 1px #fff, 687px 1940px #fff, 371px 68px #fff,
        602px 796px #fff, 1340px 470px #fff, 1460px 1570px #fff, 247px 1579px #fff,
        1118px 829px #fff, 1698px 386px #fff, 684px 1245px #fff, 463px 1516px #fff,
        1266px 1461px #fff, 898px 1751px #fff, 6px 1281px #fff, 1957px 166px #fff,
        999px 426px #fff, 1821px 245px #fff, 830px 1367px #fff, 1237px 1106px #fff,
        1412px 645px #fff, 7px 93px #fff, 550px 1194px #fff, 1950px 1403px #fff,
        639px 1787px #fff, 1293px 1807px #fff, 462px 1713px #fff,
        378px 1189px #fff, 1177px 1376px #fff, 308px 1471px #fff, 976px 221px #fff,
        1766px 200px #fff, 1577px 356px #fff, 1542px 890px #fff, 567px 1998px #fff,
        96px 1389px #fff, 1334px 698px #fff, 1752px 1068px #fff, 269px 257px #fff,
        950px 1864px #fff, 1640px 817px #fff, 1340px 1064px #fff,
        1507px 389px #fff, 30px 1855px #fff, 766px 1645px #fff, 1280px 1975px #fff,
        967px 1469px #fff, 1560px 1499px #fff, 52px 664px #fff, 1319px 995px #fff,
        483px 1952px #fff;
      content: " ";
      display: block;
      height: 1px;
      position: fixed;
      width: 1px;
      z-index: 1;
    }
    #container-wrap:before {
      -webkit-animation: animStar 100s linear infinite;
              animation: animStar 100s linear infinite;
      background: transparent;
      box-shadow: 97px 253px #fff, 76px 278px #fff, 1958px 1952px #fff,
        117px 481px #fff, 1326px 1250px #fff, 835px 149px #fff, 61px 182px #fff,
        788px 1960px #fff, 1256px 652px #fff, 1233px 1544px #fff,
        970px 1685px #fff, 1697px 1583px #fff, 680px 1847px #fff,
        1282px 749px #fff, 220px 724px #fff, 673px 44px #fff, 1919px 1555px #fff,
        737px 1319px #fff, 491px 195px #fff, 1507px 171px #fff, 771px 1497px #fff,
        602px 419px #fff, 1908px 621px #fff, 1993px 1864px #fff, 345px 1915px #fff,
        1216px 387px #fff, 1663px 887px #fff, 1036px 746px #fff, 831px 12px #fff,
        1675px 1029px #fff, 1734px 1133px #fff, 888px 1255px #fff,
        195px 1336px #fff, 760px 1484px #fff, 88px 1319px #fff, 577px 1665px #fff,
        500px 889px #fff, 337px 1736px #fff, 1593px 1935px #fff, 1444px 803px #fff,
        1477px 703px #fff, 1380px 1137px #fff, 694px 1375px #fff,
        412px 1132px #fff, 223px 61px #fff, 1310px 225px #fff, 1640px 1415px #fff,
        1222px 955px #fff, 913px 791px #fff, 1987px 709px #fff, 162px 336px #fff,
        855px 1655px #fff, 738px 726px #fff, 1981px 1519px #fff,
        1798px 1921px #fff, 1723px 1314px #fff, 1313px 1711px #fff,
        1926px 1218px #fff, 1052px 1868px #fff, 1622px 912px #fff,
        1974px 901px #fff, 1195px 82px #fff, 1446px 757px #fff, 355px 1425px #fff,
        749px 1479px #fff, 1779px 963px #fff, 243px 656px #fff, 671px 1835px #fff,
        205px 780px #fff, 811px 1186px #fff, 14px 1319px #fff, 436px 64px #fff,
        686px 509px #fff, 129px 884px #fff, 683px 80px #fff, 1931px 1965px #fff,
        867px 373px #fff, 1215px 244px #fff, 814px 1658px #fff, 1600px 841px #fff,
        418px 443px #fff, 59px 516px #fff, 988px 1390px #fff, 164px 1317px #fff,
        1490px 1276px #fff, 940px 404px #fff, 721px 1457px #fff, 1678px 286px #fff,
        640px 385px #fff, 152px 1160px #fff, 1235px 1839px #fff, 1038px 444px #fff,
        1439px 300px #fff, 1025px 27px #fff, 1968px 577px #fff, 835px 1533px #fff,
        1445px 364px #fff, 1102px 1879px #fff, 1114px 1631px #fff, 636px 15px #fff,
        745px 200px #fff, 1489px 1114px #fff, 146px 1566px #fff, 613px 146px #fff,
        190px 1672px #fff, 1967px 578px #fff, 1414px 179px #fff,
        1750px 1833px #fff, 37px 922px #fff, 1833px 708px #fff, 413px 1989px #fff,
        1269px 1291px #fff, 971px 580px #fff, 503px 533px #fff, 641px 175px #fff,
        863px 1831px #fff, 1174px 1250px #fff, 1612px 1022px #fff,
        1136px 1170px #fff, 706px 1101px #fff, 887px 1795px #fff, 849px 444px #fff,
        1015px 1058px #fff, 322px 90px #fff, 1577px 266px #fff, 176px 878px #fff,
        710px 474px #fff, 769px 523px #fff, 418px 1298px #fff, 654px 1049px #fff,
        327px 743px #fff, 343px 192px #fff, 930px 125px #fff, 835px 1193px #fff,
        473px 1709px #fff, 1857px 319px #fff, 675px 278px #fff, 1546px 613px #fff,
        811px 764px #fff, 303px 1360px #fff, 447px 930px #fff, 1475px 1935px #fff,
        1101px 738px #fff, 1577px 1373px #fff, 1634px 628px #fff,
        1231px 663px #fff, 275px 1076px #fff, 1746px 668px #fff,
        1714px 1167px #fff, 847px 34px #fff, 1413px 450px #fff, 1037px 1738px #fff,
        794px 634px #fff, 1800px 1946px #fff, 1346px 1826px #fff,
        718px 1732px #fff, 151px 1276px #fff, 428px 976px #fff, 485px 938px #fff,
        98px 344px #fff, 1936px 1462px #fff, 142px 349px #fff, 1659px 324px #fff,
        1074px 1878px #fff, 345px 75px #fff, 508px 1532px #fff, 1117px 611px #fff,
        33px 350px #fff, 1002px 565px #fff, 986px 885px #fff, 1086px 1066px #fff,
        1102px 211px #fff, 590px 1021px #fff, 719px 145px #fff, 964px 980px #fff,
        259px 1554px #fff, 1942px 748px #fff, 1569px 601px #fff, 417px 609px #fff,
        1143px 1210px #fff, 1182px 552px #fff, 1224px 1804px #fff,
        898px 1516px #fff, 736px 624px #fff, 213px 754px #fff, 408px 496px #fff,
        1820px 1548px #fff, 1807px 1514px #fff, 739px 189px #fff,
        1304px 1249px #fff, 1437px 122px #fff, 1702px 821px #fff,
        370px 1554px #fff, 10px 1505px #fff, 501px 593px #fff, 1482px 23px #fff,
        1774px 1032px #fff, 828px 262px #fff, 1530px 1354px #fff,
        1698px 886px #fff;
      content: " ";
      display: block;
      height: 2px;
      position: fixed;
      width: 2px;
      z-index: 1;
    }
    #container:before {
      -webkit-animation: animStar 150s linear infinite;
              animation: animStar 150s linear infinite;
      background: transparent;
      box-shadow: 46px 995px #fff, 1287px 1821px #fff, 1954px 1267px #fff,
        1880px 1659px #fff, 381px 829px #fff, 314px 1471px #fff,
        1631px 1262px #fff, 889px 506px #fff, 1836px 1779px #fff, 823px 42px #fff,
        343px 943px #fff, 1334px 1179px #fff, 285px 287px #fff, 1820px 1967px #fff,
        872px 663px #fff, 541px 1759px #fff, 253px 1099px #fff, 1383px 794px #fff,
        433px 716px #fff, 69px 1603px #fff, 1738px 1239px #fff, 1540px 1633px #fff,
        1829px 288px #fff, 1778px 1640px #fff, 1336px 1188px #fff,
        1001px 1419px #fff, 198px 334px #fff, 953px 840px #fff, 1115px 773px #fff,
        85px 844px #fff, 1974px 644px #fff, 1720px 429px #fff, 1088px 831px #fff,
        919px 390px #fff, 866px 346px #fff, 617px 5px #fff, 665px 1023px #fff,
        231px 118px #fff, 1715px 78px #fff, 901px 1788px #fff, 1516px 1203px #fff,
        541px 1364px #fff, 404px 562px #fff, 244px 155px #fff, 278px 72px #fff,
        1156px 889px #fff, 204px 1622px #fff, 313px 484px #fff, 760px 1478px #fff,
        1416px 1365px #fff, 257px 190px #fff, 632px 769px #fff, 1334px 1685px #fff,
        1769px 555px #fff, 643px 514px #fff, 1948px 376px #fff, 572px 579px #fff,
        643px 1787px #fff, 1194px 137px #fff, 1099px 1136px #fff, 987px 35px #fff,
        207px 1617px #fff, 756px 174px #fff, 346px 1054px #fff, 1338px 1897px #fff,
        1024px 1995px #fff, 1747px 382px #fff, 45px 7px #fff, 1764px 1556px #fff,
        944px 251px #fff, 1121px 113px #fff, 1660px 1388px #fff, 762px 1022px #fff,
        515px 287px #fff, 1115px 1817px #fff, 1306px 1942px #fff,
        1572px 1410px #fff, 1675px 48px #fff, 48px 1845px #fff, 1393px 174px #fff,
        1927px 1094px #fff, 114px 412px #fff, 1897px 1349px #fff,
        151px 1800px #fff, 3px 433px #fff, 1837px 173px #fff, 1844px 1357px #fff,
        957px 743px #fff, 672px 719px #fff, 433px 1476px #fff, 1314px 690px #fff,
        1764px 1888px #fff, 1287px 868px #fff, 1282px 1989px #fff,
        1258px 94px #fff, 1335px 1311px #fff, 957px 1204px #fff, 208px 1065px #fff,
        688px 678px #fff, 1835px 1130px #fff;
      content: " ";
      display: block;
      height: 3px;
      position: fixed;
      width: 3px;
      z-index: 1;
    }
    @-webkit-keyframes animStar {
      from {
        transform: translateY(0px);
      }
      to {
        transform: translateY(-2000px);
      }
    }
    @keyframes animStar {
      from {
        transform: translateY(0px);
      }
      to {
        transform: translateY(-2000px);
      }
    }
  }

  Pages using this styling

  • theme:scp-archive [info]

  ¶ 1 occurrence
  

  @import url("https://nu-scptheme.github.io/Black-Highlighter/css/min/normalize.min.css");
  @import url("https://nu-scptheme.github.io/Black-Highlighter/css/min/black-highlighter.min.css");
  
  .archive-banner {
      background: var(--logo-image) center no-repeat,
        linear-gradient(
          180deg,
          rgba(var(--bright-accent), 0.9) 0,
          rgba(var(--dark-accent), 0.9) 100%
      );
      padding-top: 75%;
  }

  Pages using this styling

  • theme:scp-archive [info]

  ¶ 1 occurrence
  

  @import url('https://scp-wiki.wdfiles.com/local--code/theme:scheme/2');

  Pages using this styling

  • theme:scheme [info]

  ¶ 1 occurrence
  

   .archived-top-box {
      margin: 0 2rem 2rem;
      padding: .6rem;
  
      background: hsl(360, 10%, 87%);
      border: 2px solid hsl(360, 20%, 57%);
      border-radius: .2rem;
  
      text-align: center;
  }
  
   @media (max-width: 383.9px) {
       .archived-top-box {
      	margin: 0 0 2rem;
      }
  }
  
   @media (min-width: 384px) and (max-width: 767.9) {
       .archived-top-box {
      	margin: 0 .6rem 2rem;
      }
  }

  Pages using this styling

  • theme:sapphire [info]

  ¶ 1 occurrence
  

  @import url(https://scp-wiki.wdfiles.com/local--code/theme%3Asapphire/1);

  Pages using this styling

  • theme:sapphire [info]

  ¶ 1 occurrence
  

  /* ---- PRESENTATION ---- */
  .templateInfo {
      margin: 1em 0;
      padding: 1em 1em 0;
      background: hsl(0,0%,100%);
      border: 1px solid hsl(0,0%,87%);
  }

  Pages using this styling

  • theme:sapphire [info]

  ¶ 1 occurrence
  

  @import url(https://scp-wiki.wdfiles.com/local--code/theme%3Asaphir/1);
  @import url(https://scp-wiki.wdfiles.com/local--code/theme%3Asaphir/2);

  Pages using this styling

  • theme:saphir [info]

  ¶ 1 occurrence
  

  @import url('https://scp-wiki.wdfiles.com/theme:revised-ijamea-theme/code/2');

  Pages using this styling

  • theme:revised-ijamea-theme [info]

  ¶ 1 occurrence
  

  @import url(https://scp-wiki.wdfiles.com/local--code/theme%3Aretrofutura/1);

  Pages using this styling

  • theme:retrofutura [info]

  ¶ 1 occurrence
  

  @import url('https://scp-wiki.wikidot.com/local--code/theme:retro-aiad-theme/1');

  Pages using this styling

  • theme:retro-aiad-theme [info]

  ¶ 1 occurrence
  

  :root {
      --header-subtitle: "{$years} Minutes to Midnight";
      --minutes-to-midnight: {$years};
  }

  Pages using this styling

  • theme:redtape [info]

  ¶ 1 occurrence
  

  @import url('https://scp-wiki.wikidot.com/local--code/theme:raisa-sigma/1');

  Pages using this styling

  • theme:raisa-sigma [info]

  ¶ 1 occurrence
  

  @import url("https://scp-wiki.wdfiles.com/local--code/theme%3Araisa/1")

  Pages using this styling

  • theme:raisa [info]

  ¶ 1 occurrence
  

  @import url("https://cdn.scpwiki.com/theme/en/black-highlighter/css/min/normalize.min.css");
  @import url("https://cdn.scpwiki.com/theme/en/black-highlighter/css/min/black-highlighter.min.css");
  
  #page-title {
      text-align: center !important;
      font-family: var(--header-font);
      font-size: 270%;
  }
  
  @media only screen and (max-width: 765px) {
    #page-title {
    font-size: 170%;
    letter-spacing: -0.15em;
    white-space: nowrap;
    }
   }

  Pages using this styling

  • theme:raisa [info]

  ¶ 1 occurrence
  

  @import url('https://scp-wiki.wdfiles.com/local--code/theme%3Aqueerstyle/1');

  Pages using this styling

  • theme:queerstyle [info]

  ¶ 1 occurrence
  

  @import url(https://scp-wiki.wikidot.com/theme:queerstyle);

  Pages using this styling

  • theme:queerstyle [info]

  ¶ 1 occurrence
  

  @import url('https://scp-wiki.wikidot.com//local--code/theme:queen-s-gambit/1');

  Pages using this styling

  • theme:queen-s-gambit [info]

  ¶ 1 occurrence
  

  @import url('https://scp-wiki.wdfiles.com/local--code/theme%3Aprom-labs/1');

  Pages using this styling

  • theme:prom-labs [info]

  ¶ 1 occurrence
  

  @import url('https://scp-wiki.wdfiles.com/local--code/theme%3Apresent-malice/1');

  Pages using this styling

  • theme:present-malice [info]

  ¶ 1 occurrence
  

  @import url("https://nu-scptheme.github.io/Black-Highlighter/css/min/normalize.min.css");
  @import url("https://nu-scptheme.github.io/Black-Highlighter/css/min/black-highlighter.min.css");
  
  .scp-image-block img {
      min-width: 100%;
      border: 0.5rem solid transparent;
      box-sizing: border-box;
  }

  Pages using this styling

  • theme:present-malice [info]

  ¶ 1 occurrence
  

  @import url('https://scp-wiki.wdfiles.com/local--code/theme%3Aplant/1');

  Pages using this styling

  • theme:plant [info]

  ¶ 1 occurrence
  

  @import url(https://scp-wiki.wdfiles.com/local--code/theme%3Apet/1);

  Pages using this styling

  • theme:pet [info]

  ¶ 1 occurrence
  

  @import url("https://scp-wiki.wdfiles.com/local--code/theme%3Apenumbra-bhl/1")

  Pages using this styling

  • theme:penumbra-bhl [info]

  ¶ 1 occurrence
  

  @import url('https://scp-wiki.wdfiles.com/local--code/theme%3Apenumbra/1');

  Pages using this styling

  • theme:penumbra [info]

  ¶ 1 occurrence
  

  /* ---- PRESENTATION ---- */
   .templateInfo{margin:1em 0;padding:0 1em;background:hsl(0,0%,100%);border:1px solid hsl(0,0%,87%)}

  Pages using this styling

  • theme:pataphysics [info]

  ¶ 1 occurrence
  

  @import url(https://scp-wiki.wdfiles.com/local--code/theme%3Apataphysics/1);

  Pages using this styling

  • theme:pataphysics [info]

  ¶ 1 occurrence
  

  @import url(https://scp-wiki.wdfiles.com/local--code/theme%3Apastel-skies/1);

  Pages using this styling

  • theme:pastel-skies [info]

  ¶ 1 occurrence
  

  @import url('https://scp-wiki.wdfiles.com/local--code/theme%3Aparawatch-pumpkin/1');

  Pages using this styling

  • theme:parawatch-pumpkin [info]

  ¶ 1 occurrence
  

  .anom-bar-container{
    --one-color: 92, 56, 54;
    --two-color: 123, 97, 81;
    --three-color: 154, 138, 108;
    --four-color: 185, 179, 135;
    --five-color: var(--headerLight);
  }

  Pages using this styling

  • theme:paramycota [info]

  ¶ 1 occurrence
  

  @import url(https://scp-wiki.wikidot.com/local--code/theme:paramycota/1);

  Pages using this styling

  • theme:paramycota [info]

  ¶ 1 occurrence
  

  @import url('https://scp-wiki.wdfiles.com/local--code/theme%3Apaperstack/1');

  Pages using this styling

  • theme:paperstack [info]

  ¶ 1 occurrence
  

  @import url(https://scp-wiki.wdfiles.com/local--code/theme%3Apack-of-peanuts/1);

  Pages using this styling

  • theme:pack-of-peanuts [info]

  ¶ 1 occurrence
  

  @import url("https://scp-wiki.wdfiles.com/local--code/theme%3Aouroborous-theme/1")

  Pages using this styling

  • theme:ouroborous-theme [info]

  ¶ 1 occurrence
  

  @import url("https://nu-scptheme.github.io/Black-Highlighter/css/min/normalize.min.css");
  @import url("https://nu-scptheme.github.io/Black-Highlighter/css/min/black-highlighter.min.css");
  #breadcrumbs,
  #page-title {
      text-align: center;
  }
  
  .scp-image-block.block-right {
      margin: 1em 0 1em 2em;
  }
  
  .scp-image-block img {
      width: 100%;
      min-width: 100%;
      border: 0.5rem solid rgba(var(--pale-gray-monochrome));
      box-sizing: border-box;
  }

  Pages using this styling

  • theme:ouroborous-theme [info]

  ¶ 1 occurrence
  

  
  :root {
      --hover-color: rgb(100,7,14);
      --hover-color-gradient: linear-gradient(151deg, rgba(100,7,14,1) 50%, rgba(198,17,37,1) 100%);
  }
  
  /* HEADER */
  
  div#container-wrap {
      background: url(https://scp-wiki.wdfiles.com/local--files/theme:our-open-veins/header-coso-darks.png) top center repeat-x;
  }
  
  /* BODY */
  
  body {
      background-color: #0F0F0F;
      color: #DBDBDB;
      box-shadow: none;
  }
  
  /* SIDE-BAR */
  
  #side-bar .side-block {
      border: solid 2px #bb722e;
  } 
  
  #side-bar .side-block.media {
      border: solid 2px #bb722e;
  }
  
  /* RATING */
   
  div.page-rate-widget-box .rate-points {
      border: solid 1px #bb722e;
  }
   
  .page-rate-widget-box .rateup,
  .page-rate-widget-box .ratedown {
      border-top: solid 1px #bb722e;
      border-bottom: solid 1px #bb722e;
  }
  
  .page-rate-widget-box .cancel {
      border: solid 1px #bb722e;
  }
   
  /* RATING WITH INFO MODULE */
   
  #page-content .rate-box-with-credit-button {
      border: 1px solid #bb722e;
  }
   
  .close-credits,
  .credit-back {
      filter: hue-rotate(113deg);
  }
  
  /* TABS */
  
  .yui-navset .yui-content {
      background: rgb(36,29,29,0.7);
      color: #DBDBDB;
  }
  
  /* SPECIAL HORIZONTAL LINE */
  
  .serpiente {
      filter: brightness(0) saturate(100%) invert(100%) sepia(3%) saturate(11%) hue-rotate(100deg) brightness(104%) contrast(100%);
  }
  
  /* BLOCKQUOTE */
  
  blockquote,
  div.blockquote {
      background-color: rgb(36,29,29,0.7);
  }
  
  /* TOC */
   
  #toc {
      background-color: rgb(36,29,29,0.7);
  }
  
  /* IMAGE CAPTION */
  
  .scp-image-block {
      border: solid 1px rgba(36,29,29,0.7);
  }
  
  .scp-image-block .scp-image-caption {
      background: #1d1818;
  }
  
  /* TABLES */
  
  table.wiki-content-table td {
      border: solid 1px #1d1818;
  }
  
  table.wiki-content-table td {
      border: solid 1px #1d1818;
      background: rgba(36,29,29,0.7);
  }
  
  /* SELECTION */
   
  ::selection {
      color: #000;
  }
  
  /* FOOTNOTE */
  
  .hovertip {
      color: #DBDBDB;
      background-color: #1d1818 !important;
  }
  
  /* OWINDOW */
   
  .owindow {
      background-color: #1d1818;
  }
  
  /* MODALBOX */
  
  .modalbox {
      background: linear-gradient(#1d1818 51px, #1d1818 51px, #2f1313) !important;
  }
  
  /* H1 */
  
  h1 {
      color: #FF1F31;
  }
  
  /* LINKS */
  
  a {
      color: FF1F31;
  }
  
  a:visited {
      color: FF1F31;
  }
  
  /* CODE */
  
  .code {
      background-color: #1d1818;
  }
  
  .hl-identifier,
  .hl-brackets,
  .hl-code {
      color: #DBDBDB;
  }
  
  /* TEXT EDITOR */
   
   input.text,
   input.text:focus,
   input.text:hover{
       color: #A3A3A3;
       border: none;
       background-color: #212121;
  }
   
  .wd-editor-toolbar-panel div {
       filter: hue-rotate(62deg) invert(83%);
  }
   
   textarea {
       color: #A3A3A3;
       border-color: #A3A3A3;
       background-color: #212121;
  }
   
  .change-textarea-size a{
       color: #A3A3A3;
       border-color: #A3A3A3;
       background-color: #212121;
  }
   
   div#lock-info {
       background-color: #000;
       color: #B5B5B5;
  }
   div#lock-info span#lock-timer {
       color: #901;
  }
   
   div.buttons input, input.button, button, file, a.button {
       color: #FFF;
       background-color: #000;
  }
  
   div.buttons input:hover, input.button:hover, button:hover, file:hover, a.button:hover {
       color: #FFF;
  }
  

  Pages using this styling

  • theme:our-open-veins [info]

  ¶ 1 occurrence
  

  @import url(https://scp-wiki.wikidot.com/theme:our-open-veins/code/1);

  Pages using this styling

  • theme:our-open-veins [info]

  ¶ 1 occurrence
  

  @import url("https://scp-wiki.wdfiles.com/local--code/theme%3Aonko-sinulla-nalka-theme/2")

  Pages using this styling

  • theme:onko-sinulla-nalka-theme [info]

  ¶ 1 occurrence
  

  @import url("https://nu-scptheme.github.io/Black-Highlighter/css/min/normalize.min.css");
  @import url("https://nu-scptheme.github.io/Black-Highlighter/css/min/black-highlighter.min.css");
  #page-title { display: none }
  
  .scp-image-block.block-right img {
      background: var(--gradient-header);
      box-sizing: border-box;
      padding: 1em;
  }
  
  .fonts-display {
      font-size: 1.25em;
  }
  
  .title-font {
      font-family: var(--title-font);
      font-weight: 700;
  }
  .header-font {
      font-family: var(--title-font);
      font-weight: 900;
  }
  .UI-font {
      font-family: var(--UI-font);
  }
  .mono-font {
      --MONO: 1;
      --CASL: 0;
      --CRSV: 0;
      font-family: var(--mono-font);
  }

  Pages using this styling

  • theme:onko-sinulla-nalka-theme [info]

  ¶ 1 occurrence
  

  @import url("https://scp-wiki.wdfiles.com/local--code/theme%3Aold-money-theme/1")

  Pages using this styling

  • theme:old-money-theme [info]

  ¶ 1 occurrence
  

  @import url("https://nu-scptheme.github.io/Black-Highlighter/css/min/normalize.min.css");
  @import url("https://nu-scptheme.github.io/Black-Highlighter/css/min/black-highlighter.min.css");
  .scp-image-block.block-right {
      margin: 1em 0 1em 2em;
  }
  
  .scp-image-block img {
      min-width: 100%;
      border: 0.5rem solid rgba(var(--pale-gray-monochrome));
      box-sizing: border-box;
  }

  Pages using this styling

  • theme:old-money-theme [info]

  ¶ 1 occurrence
  

  @import url(https://scp-wiki.wdfiles.com/local--code/theme%3Aoceanbound/1);

  Pages using this styling

  • theme:oceanbound [info]

  ¶ 1 occurrence
  

  @import url('https://scp-wiki.wdfiles.com/local--code/theme%3Anight-rush-theme/1');

  Pages using this styling

  • theme:night-rush-theme [info]

  ¶ 1 occurrence
  

  @import url('https://scp-wiki.wdfiles.com/local--code/theme%3Anewspaper/8');

  Pages using this styling

  • theme:newspaper [info]

  ¶ 1 occurrence
  

  
  #page-title {
  display: none !important;
  }
  

  Pages using this styling

  • theme:new-age [info]

  ¶ 1 occurrence
  

  :root {
      --accent-color: var(--lipstick-pink);
  }
  

  Pages using this styling

  • theme:new-age [info]

  ¶ 1 occurrence
  

  :root {
      --accent-color: var(--lavender-violet);
  }
  

  Pages using this styling

  • theme:new-age [info]

  ¶ 1 occurrence
  

  :root {
      --accent-color: var(--neon-orange);
  }
  

  Pages using this styling

  • theme:new-age [info]

  ¶ 1 occurrence
  

  :root {
      --accent-color: var(--seafoam-teal);
  }
  

  Pages using this styling

  • theme:new-age [info]

  ¶ 1 occurrence
  

  :root {
      --accent-color: var(--skylight-blue);
  }
  

  Pages using this styling

  • theme:new-age [info]

  ¶ 1 occurrence
  

  :root {
      --accent-color: var(--mutant-green);
  }
  

  Pages using this styling

  • theme:new-age [info]

  ¶ 1 occurrence
  

  @import url("https://scp-wiki.wdfiles.com/local--code/theme%3Anew-age/1")

  Pages using this styling

  • theme:new-age [info]

  ¶ 1 occurrence
  

  @import url("https://nu-scptheme.github.io/Black-Highlighter/css/min/normalize.min.css");
  @import url("https://nu-scptheme.github.io/Black-Highlighter/css/min/black-highlighter.min.css");
  
  .blbf-main > div.blbf-example::before {
      content: "Example";
  }
  
  .blbf-main > div.blbf-intro::before {
      content: "Introduction";
  }
  
  .blbf-main > div > p:last-of-type {
      margin-top: 1.5rem;
  }

  Pages using this styling

  • theme:new-age [info]

  ¶ 1 occurrence
  

  @import url('https://scp-wiki.wikidot.com//local--code/theme:much-cool/1');

  Pages using this styling

  • theme:much-cool [info]

  ¶ 1 occurrence
  

  @import url('https://cdn.scpwiki.com/theme/en/basalt/normalize-min.css');
  @import url('https://scp-wiki.wdfiles.com/local--code/theme:monotypical/5');

  Pages using this styling

  • theme:monotypical [info]

  ¶ 1 occurrence
  

  >> :root { 
  >> @<    >@ @@--header-title: "title here";@@
  >> @<    >@ @@--header-subtitle: "subtitle here";@@
  >> @<    >@ @@--lgurl: url('your url here');@@
  >> }
  >> [[/module]]
  + EXAMPLES
  
  [[include component:image-block name=https://scp-wiki.wikidot.com/local--files/theme:minimalist-bhl/Ar6AfDt.webp|caption=Department of Sciences Logo|width=200px]]
  
  A horizontal rule can be created with 5 hyphens[[footnote]]This statement was made solely to anger [[*user Placeholder McD]], as well as showcase what footnotes look like.[[/footnote]] "@@-----@@" 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.
  
  [http://www.google.com A link you probably visited once, idk]
  
  Titles can be created by putting between one and six plus "+" at the start of the line
  
  ~~~~~~
  
  [[collapsible show="+ Titles" hide="- Titles"]]
  + First Title
  
  ++ Second Title
  
  +++ Third Title
  
  ++++ Fourth Title
  
  +++++ Fifth Title
  
  ++++++ Sixth Title
  [[/collapsible]]
  
  @@ @@
  
  [[tabview]]
  [[tab Tabulator]]
  Why was the shovel so special?
  
  Because it was a groundbreaking invention
  [[/tab]]
  [[tab Tabulation]]
  More text.
  
  How quaint.
  [[/tab]]
  [[tab Long Tab]]
  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.
  [[/tab]]
  [[tab This empty tab right here has a really long name.]]
  [[/tab]]
  [[tab Empty Tab]]
  [[/tab]]
  [[tab Empty Tab]]
  [[/tab]]
  [[tab Empty Tab]]
  [[/tab]]
  [[tab Empty Tab]]
  [[/tab]]
  [[tab Empty Tab]]
  [[/tab]]
  [[/tabview]]
  @@ @@
  > This is a blockquote, created by putting "> " at the start of each line.
  > 
  > Look! Even more text!
  > -----
  > That's a horizontal rule. Pretty nifty, right?
  > 
  >> Want to hear a joke about paper?
  >> 
  >> Actually... meh, nevermind. It's pretty tearable.
  >> 
  >>> Are you starting to get the point of these yet?
  
  ||~ This is a ||~ table ||
  ||You should know || how to make these ||
  ||||already ||
  
  [[=]]
  [[span style="font-family:var(--body-font); font-size: calc(var(--base-font-size) * 1.25);"]]The body font is [https://fonts.google.com/specimen/Raleway Raleway].[[/span]]
  [[span style="font-family:var(--header-font); font-size: calc(var(--base-font-size) * 1.25);"]]The header and title font is [https://fonts.google.com/specimen/Poppins Poppins].[[/span]]
  [[span style="font-family:var(--mono-font); font-size: calc(var(--base-font-size) * 1.25);"]]The monospace font is [https://fonts.google.com/specimen/Recursive Recursive].[[/span]]
  [[/=]]
  
  [[footnoteblock]]
  
  @@ @@
  
  [[collapsible show="+ Show theme code" hide="- Hide theme code"]]
  [[code type="css"]]
  :root {
      /* S-CSS-P Integration */
      /* If you're making a new CSS theme, please include the following three variables at minimum. */
      --theme-base: "black-highlighter";
      /* must be either "black-highlighter" or "sigma9" */
      --theme-id: "minimalist-bhl";
      /* set this to the URL of your theme's page - eg for "component:ar-theme", set it to "ar-theme" */
      --theme-name: "Minimalist BHL";
      /* set this to your theme's full name */
  
      --header-title: "SCP FOUNDATION";
      --header-subtitle: "SECURE - CONTAIN - PROTECT";
      --logo-image: url('https://scp-wiki.wdfiles.com/local--files/component:pride-highlighter/gp_logo.svg');
      --lgurl: var(--logo-image);
  
      --bright-accent: 245, 245, 245;
      --dark-accent: 36, 36, 36;
      --swatch-primary: var(--dark-accent);
      --light-gray-monochrome: 196, 196, 196;
      --dark-gray-monochrome: 200, 200, 200;
      --medium-accent: var(--dark-accent);
      --tab-border-color: var(--bright-accent);
      --hover-link-color: var(--dark-accent);
      --rating-module-button-color: var(--dark-accent);
      --rating-module-button-credit-color: var(--dark-accent);
      --swatch-background: var(--bright-accent);
      /* Background and Header Colors */
      --background-color: var(--bright-accent);
      /* Primary Text Colors */
      --swatch-text-light: var(--dark-accent);
      --swatch-text-general: var(--dark-accent);
      /* Primary Menu Colors */
      --swatch-menubg-color: var(--bright-accent);
      /* Colors for Secondary &amp;amp; Tertiary items like Blockquote and YUI Tabs */
      --swatch-secondary-color: var(--swatch-menubg-dark-color);
      --swatch-tertiary-color: var(--dark-accent);
      /* Primary Header Colors */
      --gradient-header: linear-gradient(90deg, rgba(245, 245, 245, 1) 0%, rgba(245, 245, 245, 1) 50%, rgba(245, 245, 245, 1) 100%);
      --swatch-topmenu-border-color: var(--dark-accent);
      --swatch-topmenu-bg-color: var(--dark-accent);
      --background-gradient-distance: 0rem;
      --modal-bg: var(--bright-accent);
  
      --rating-module-text-color: var(--dark-accent);
      --rating-module-button-cancel-color: var(--gray-monochrome);
  
      --diagonal-stripes: none;
  
      --toggle-button-bg: rgb(var(--bright-accent));
      --toggle-border-color: rgb(var(--dark-accent));
      --toggle-icon-color: rgb(var(--dark-accent));
  }
  
  /* Header Stuff, changes the background logo, makes the top bar dark and spooky too! */
  
  #header::before {
      background-image: var(--lgurl);
      opacity: 0.20;
  }
  
  #header div[class*=top-bar]>ul li:hover {
      background-color: rgba(var(--bright-accent));
  }
  
  #header div[class*=top-bar]>ul>li ul>li {
      box-shadow: inset 0 0 0 .0625rem rgb(var(--dark-accent));
      background-color: rgb(var(--dark-accent));
      color: rgb(var(--bright-accent));
  }
  
  #header div[class*=top-bar]>ul>li>a {
      color: rgb(var(--bright-accent));
  }
  
  #header div#top-bar {
      background-color: inherit;
  }
  
  #header div[class*=top-bar]>ul>li>a:after,
  #header div[class*=top-bar]>ul>li>a:before {
      background-color: rgba(var(--dark-accent));
  }
  
  #header div[class*=top-bar]>ul>li:hover>a {
      background-color: rgb(var(--bright-accent));
      color: rgb(var(--dark-accent));
  }
  
  #header h1 a::before {
      -webkit-text-stroke: 0.325rem rgb(var(--bright-accent));
  }
  
  #header h2 span::before {
      -webkit-text-stroke: 0.25rem rgb(var(--bright-accent));
  }
  
  #header h2 span::after {
      color: rgb(var(--dark-accent));
  }
  
  #header {
      --login-myaccount-hover-color: var(--bright-accent) --login-line-divider-color: var(--dark-accent);
      --login-username-color: var(--dark-accent);
      --login-myaccount-color: var(--dark-accent);
      --login-myaccount-underline-color: var(--bright-accent);
      --login-myaccount-hover-bg-color: var(--dark-accent);
      --login-arrow-color: var(--dark-accent);
      --login-dropdown-text-color: var(--dark-accent);
  }
  
  /* This is purely just for the Top Bar, especially the hover elements and whatnot */
  
  #top-bar div.mobile-top-bar>ul>li>ul>li:hover>a,
  #top-bar div.top-bar>ul>li>ul>li:hover>a {
      text-decoration: none;
      color: rgb(var(--dark-accent));
  }
  
  #top-bar div.mobile-top-bar {
      background: rgb(var(--dark-accent));
  }
  
  #top-bar div.top-bar>ul>li:hover {
      background: rgb(var(--dark-accent));
  }
  
  #top-bar div.mobile-top-bar>ul>li.sfhover>ul,
  #top-bar div.mobile-top-bar>ul>li:hover>ul,
  #top-bar div.top-bar>ul>li.sfhover>ul,
  #top-bar div.top-bar>ul>li:hover>ul {
      color: rgb(var(--bright-accent));
  }
  
  /* Everything below here is for the Sidebar, including the hover elements and the headings too */
  
  #side-bar {
      --sideblock-heading-text-color: var(--bright-accent);
      --social-icon-hover-color: var(--bright-accent);
  }
  
  #side-bar .side-block {
      background-color: rgb(var(--bright-accent));
  }
  
  #side-bar .side-block.resources {
      background: rgb(var(--bright-accent)) !important;
  }
  
  #side-bar .side-block.media {
      background-color: rgba(var(--dark-accent)) !important;
  }
  
  #side-bar div.menu-item>a {
      color: rgb(var(--dark-accent));
      transition:
      	color 300ms cubic-bezier(.4, 0, .2, 1),
      	background-color 300ms cubic-bezier(.4, 0, .2, 1)
  }
  
  #side-bar div.menu-item>a:visited {
      color: rgb(var(--dark-accent));
  }
  
  #side-bar div.menu-item>a:hover,
  #side-bar div.menu-item>a:active {
      color: rgb(var(--bright-accent));
  }
  
  #side-bar div.menu-item>a:focus-within {
      color: rgb(var(--bright-accent));
  }
  
  #side-bar div.menu-item a::before {
      background-color: rgb(var(--dark-accent));
      color: rgb(var(--bright-accent));
  }
  
  .side-block.media a {
      background: transparent
  }
  
  #side-bar .collapsible-block .collapsible-block-folded,
  #side-bar .heading,
  #interwiki .heading {
      background: rgb(var(--dark-accent));
  }
  
  /* Throwing this quick fix for the search bar up here as well, just so everything fits */
  
  #search-top-box-input {
      background-color: rgb(var(--bright-accent));
      color: rgb(var(--dark-accent));
  }
  
  #search-top-box-form input[type="submit"] {
      background: rgb(var(--bright-accent));
      color: rgb(var(--dark-accent));
  }
  
  #search-top-box-form input[type="submit"]:hover {
      background: rgb(var(--bright-accent));
      color: rgb(var(--dark-accent));
  }
  
  #search-top-box-input {
      background-color: rgb(var(--bright-accent));
      color: rgb(var(--dark-accent));
  }
  
  #search-top-box input.empty {
      color: rgb(var(--dark-accent));
  }
  
  #search-top-box form[id=search-top-box-form]:not(:focus-within) input[type=text] {
      background-color: rgba(var(--dark-accent));
  }
  
  @media only screen and (max-width: 56.25rem) {
      #login-status:before {
      	background-color: rgba(var(--dark-accent));
      }
  
  }
  
  @media only screen and (min-width: 769px) {
      #search-top-box-form>input {
      	box-shadow: none;
      }
  }
  
  @media only screen and (min-width: 769px) {
  
      #search-top-box-form input[type="submit"],
      #search-top-box-form input[type="submit"]:focus,
      #search-top-box-form input[type="submit"]:hover {
      	border-left: none;
      	border-top: 0.0125rem solid rgb(var(--dark-accent));
      	border-right: 0.0125rem solid rgb(var(--dark-accent));
      	border-bottom: 0.0125rem solid rgb(var(--dark-accent));
      	box-shadow: none;
      }
  }
  
  :not(.page-rate-widget-box):not(#search-top-box-form)>.btn,
  :not(.page-rate-widget-box):not(#search-top-box-form)>.button,
  :not(.page-rate-widget-box):not(#search-top-box-form)>.owindow .button-bar a,
  :not(.page-rate-widget-box):not(#search-top-box-form)>button,
  :not(.page-rate-widget-box):not(#search-top-box-form)>div.buttons input,
  :not(.page-rate-widget-box):not(#search-top-box-form)>input.button {
      background-color: rgb(var(--dark-accent));
      color: rgb(var(--bright-accent));
  }
  
  /* Since we're also up here, here's the code to mess with the account options too (and one fix for the printusers) */
  
  #login-status .printuser {
      background: transparent;
      color: rgb(var(--dark-accent));
  }
  
  #account-options {
      width: auto;
      padding: 0.5em;
      border-color: rgba(var(--dark-accent));
      background: rgb(var(--bright-accent));
      color: rgb(var(--dark-accent));
  }
  
  .printuser a {
      margin-right: -1px;
      font-size: 14px;
      background-color: transparent;
      color: inherit;
  }
  
  login-status span.printuser {
      color: rgb(var(--dark-accent));
  }
  
  
  /* Okay, now for the links and the body */
  
  body {
      color: rgb(var(--dark-accent));
  }
  
  #page-content a:not([href*="user"]):not([href*="javascript:;"]):not(.fa-info):not([href*="http://www.scp-wiki.net/classification-committee-memo"]):not([href*="/classification-committee-memo"]):not([href="http://scp-wiki.wikidot.com/anomaly-classification-system-guide"]):not(.danger-diamond a) {
      padding: 0.15em;
      margin: -0.15em;
      color: inherit;
      box-shadow: inset 0 -0.125rem 0 0rem rgba(var(--dark-accent));
      transition: box-shadow 300ms cubic-bezier(0.4, 0.0, 0.2, 1), color 300ms cubic-bezier(0.4, 0.0, 0.2, 1), padding 300ms cubic-bezier(0.4, 0.0, 0.2, 1), margin 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
  }
  
  #page-content a:not([href*="user"]):not([href*="javascript:;"]):not([href*="http://www.scp-wiki.net/classification-committee-memo"]):not([href*="/classification-committee-memo"]):not([href="http://scp-wiki.wikidot.com/anomaly-classification-system-guide"]):not(.fa-info):not(.danger-diamond a):hover {
      padding: 0.3em 0.25em 0.2em 0.25em;
      margin: -0.25em;
      box-shadow: inset 0 -1.5em 0 0 rgba(var(--dark-accent));
      text-decoration: none;
      color: rgb(var(--bright-accent))
  }
  
  ::-moz-selection {
      background: rgb(148, 148, 148);
  }
  
  ::selection {
      background: rgb(148, 148, 148);
  }
  
  a {
      color: inherit;
  }
  
  a:hover {
      color: inherit;
  }
  
  a.close-menu {
      background-color: transparent;
  }
  
  a:visited {
      color: inherit;
  }
  
  .scp-image-block a {
      box-shadow: none;
  }
  
  hr {
      border-top: none;
      background-color: rgb(var(--dark-accent));
  }
  
  :is(blockquote,.blockquote,div.blockquote,[class*=blockquote]) {
      background-color: rgb(var(--bright-accent));
      box-shadow: inset 0 0 0 0.0625rem rgba(var(--dark-accent)),inset .0625rem 0 0 0 rgba(var(--dark-accent)),inset 0-.0625rem 0 0 rgba(var(--dark-accent));
  }
  
  /* Fancy Collapsibles */
  
  #page-content .collapsible-block-link {
      text-decoration: none;
      font-weight: 700;
  }
  
  .collapsible-block-folded a,
  .collapsible-block-unfolded-link a:not(.info-container):not(.info-container div.collapsible-block-unfolded-link):not(.info-container div.collapsible-block-folded-link):not(.info-container div.collapsible-block-unfolded):not(.info-container div.collapsible-block-folded):not(.info-container .collapsible-block-folded .collapsible-block-link):not(.info-container .collapsible-block-link) {
      display: flex;
      align-items: center;
      justify-content: center;
      position: relative;
      margin-right: auto;
      margin-left: auto;
      padding-top: 0.25rem;
      padding-bottom: 0.25rem;
      padding-left: 1rem;
      padding-right: 1rem;
      width: -webkit-min-content;
      width: -moz-min-content;
      width: min-content;
      white-space: nowrap;
      overflow: hidden;
  }
  
  .collapsible-block-folded a,
  .collapsible-block-unfolded-link a:not(.info-container):not(.info-container div.collapsible-block-unfolded-link):not(.info-container div.collapsible-block-folded-link):not(.info-container div.collapsible-block-unfolded):not(.info-container div.collapsible-block-folded):not(.info-container .collapsible-block-folded .collapsible-block-link):not(.info-container .collapsible-block-link) {
      position: relative;
      top: 0;
      left: 0;
      width: -webkit-min-content;
      width: -moz-min-content;
      width: min-content;
      height: 100%;
      padding: 0.5rem 1rem;
      display: flex;
      align-items: center;
      justify-content: center;
      transition:
      	color 0.25s linear,
      	background-color 0.25s linear;
  }
  
  .collapsible-block-folded a {
      background-color: rgb(var(--dark-accent));
      color: rgb(var(--bright-accent));
  }
  
  #page-content .collapsible-block-unfolded-link a {
      background-color: rgb(var(--bright-accent));
      color: rgb(var(--dark-accent));
  }
  
  #page-content .collapsible-block-folded a:hover,
  #page-content .collapsible-block-unfolded-link a:hover {
      background-color: rgb(var(--bright-accent));
      color: rgb(var(--dark-accent));
  }
  
  #page-content .collapsible-block-unfolded-link {
      box-shadow: none;
  }
  
  .info-container .collapsible-block-folded .collapsible-block-link,
  .info-container .collapsible-block-link {
      padding: 0px;
  }
  
  /* Code for changing button colors */
  
  div#page-options-bottom-2>a,
  div#page-options-bottom>a {
      color: rgb(var(--dark-accent));
      border-color: rgb(var(--dark-accent));
      background-color: rgb(var(--bright-accent));
  }
  
  .owindow .button-bar a,
  a.button,
  button,
  div.buttons input,
  file,
  input.button {
      border: 0.125rem solid rgba(var(--dark-accent));
      color: rgb(var(--dark-accent));
      background-color: rgb(var(--bright-accent));
  }
  
  .owindow .button-bar a:hover,
  a.button:hover,
  button:hover,
  div.buttons input:hover,
  file:hover,
  input.button:hover {
      border: .125rem solid rgba(var(--bright-accent));
      background-color: rgba(var(--dark-accent));
      color: rgb(var(--bright-accent));
  }
  
  div#page-options-bottom-2>a:hover,
  div#page-options-bottom>a:hover {
      color: rgb(var(--bright-accent));
      border-color: rgb(var(--dark-accent));
      background-color: rgb(var(--dark-accent));
  }
  
  /* All Rating Module Code is below this line! */
  
  .modalbox {
      box-shadow: none !important;
      border-color: transparent !important;
      border-radius: 0px !important;
      padding: 4px;
      pointer-events: auto !important;
  }
  
  .creditButton p a {
      background-color: rgb(var(--black-accent));
  }
  
  #page-content .rate-box-with-credit-button {
      display: inline-flex;
      margin-bottom: .75rem;
      border: .0625rem solid rgba(12, 12, 12, .25);
      border: .0625rem solid rgba(var(--gray-monochrome));
      border-radius: 0;
      background: rgb(var(--bright-accent));
      background-color: #fcfcfc;
      background-color: rgb(var(--bright-accent));
      padding: 0 .125rem;
      height: var(--rating-module-height);
      overflow: hidden;
  }
  
  .page-rate-widget-box {
      background: rgb(var(--bright-accent));
      border: 0.0625rem solid rgba(var(--dark-accent));
  }
  
  div.page-rate-widget-box .rate-points {
      border: none;
  }
  
  #page-content div.rate-box-with-credit-button, div.page-rate-widget-box {
      border: .0625rem solid rgba(var(--dark-accent));
  }
  
  /* Tabs */
  
  .yui-navset .yui-nav li,
  .yui-navset .yui-navset-top .yui-nav li {
      box-shadow: none;
  }
  
  .yui-navset .yui-nav,
  .yui-navset .yui-navset-top .yui-nav {
      box-shadow: none;
      border-color: rgb(var(--bright-accent));
  }
  
  .yui-navset .yui-nav a:focus,
  .yui-navset .yui-nav a:hover {
      background-color: rgb(var(--bright-accent));
      color: rgb(var(--bright-accent));
  }
  
  
  .yui-navset .yui-nav .selected a,
  .yui-navset .yui-nav .selected a em {
      color: rgb(var(--bright-accent));
  }
  
  .yui-navset .yui-content,
  .yui-navset .yui-navset-top .yui-content {
      color: rgb(var(--dark-accent));
      background: rgb(var(--bright-accent));
      border: 1px solid rgb(var(--dark-accent));
  }
  
  .yui-navset .yui-nav li,
  .yui-navset .yui-navset-top .yui-nav li {
      background: rgb(var(--bright-accent));
  }
  
  .yui-navset .yui-nav a,
  .yui-navset .yui-navset-top .yui-nav a {
      border-color: rgb(var(--dark-accent));
      background-color: rgb(var(--dark-accent));
      color: rgb(var(--bright-accent));
  }
  
  .yui-navset-bottom .yui-nav li a,
  .yui-navset-top .yui-nav li a,
  .yui-navset .yui-nav li a {
      color: rgb(var(--dark-accent));
      background: rgb(var(--bright-accent));
  }
  
  /* Simple Tables */
  
  table.wiki-content-table td {
      border: 1px solid #888;
      padding: 0.3em 0.7em;
      color: rgb(var(--dark-accent));
  }
  
  table.wiki-content-table th {
      background: rgb(var(--dark-accent));
      border: 1px solid rgb(var(--dark-accent));
      color: rgb(var(--bright-accent));
  }
  
  table.wiki-content-table tr {
      border: 1px solid #e3e3e3;
      color: #e3e3e3;
  }
  
  /* Image Blocks */
  
  .scp-image-block {
      box-shadow: none;
  }
  
  .scp-image-block a {
      background-color: transparent;
  }
  
  :is(div.image-block,div.scp-image-block) :is(.image-caption,.scp-image-caption) {
      background-color: rgb(var(--dark-accent));
      color: rgb(var(--bright-accent));
  }
  
  /* Footer and Hovertips */
  
  .footnote {
      color: rgb(var(--dark-accent));
      background-color: rgb(var(--bright-accent));
      border: 1px solid #242424;
      padding: .625em;
  }
  
  .footnotes-footer {
      background-color: rgba(var(--bright-accent));
      color: rgb(var(--dark-accent));
      border-top: 1px solid #242424;
      border-bottom: 1px solid #242424;
      border-right: 1px solid #242424;
  }
  
  .footnotes-footer a[href*=javascript]:before {
      color: rgb(var(--dark-accent));
      background-color: transparent;
  }
  
  .hovertip {
      background-color: rgb(var(--bright-accent));
      border: .0625rem solid rgb(var(--dark-gray-monochrome));
      color: rgb(var(--dark-accent));
  }
  
  .hovertip .content {
      background-color: rgb(var(--bright-accent));
  }
  
  #footer {
      background: rgb(var(--dark-accent));
      color: rgb(var(--bright-accent));
  }
  
  /* Michellaneous */
  
  
  textarea,
  #lock-info {
      color: rgb(var(--dark-accent));
  }
  
  .owindow .modal-body img {
      background-color: transparent !important;
  }
  
  
  .scpnet-interwiki-wrapper {
      margin-top: 1em;
  }
  
  .licensebox .collapsible-block-link {
      background: none;
  }
  
  .printuser img.small {
      vertical-align: -0.2em;
      height: 14px;
  }
  
  #who-rated-page-area .printuser a {
      font-size: 100%;
  }
  
  #license-area {
      color: rgb(var(--dark-accent));
      background-color: rgb(var(--bright-accent));
  }
  
  
  .printuser a {
      margin-right: -1px;
      font-size: 14px;
      background-color: transparent;
      color: inherit;
  }
  
  .printuser:hover {
      background-color: transparent;
  }
  
  .page-tags a {
      background-color: transparent;
      color: rgb(var(--dark-accent));
  }
  
  .page-tags a:hover {
      color: rgb(var(--bright-accent));
  }
  
  form#edit-page-form {
      background-color: rgba(var(--dark-accent));
      color: rgb(var(--bright-accent));
  
  }
  
  input#edit-page-title {
      color: rgb(var(--dark-accent));
  }
  
  form#edit-page-form .edit-help-34>a {
      color: rgb(var(--dark-accent));
  }
  
  .danger-diamond a,
  .danger-diamond a:hover {
      color: rgba(0, 0, 0, 0);
      box-shadow: initial;
  }
  
  .acs-hybrid-text-bar>a {
      background-color: transparent;
      color: transparent;
  }
  
  @media only screen and (min-width: 769px) {
  
      #search-top-box-form>input,
      #search-top-box-form>input:hover,
      #search-top-box-form>input:focus {
      	background: rgb(var(--light-accent));
      }
  }
  
  @media (min-width: 0px) {
      #page-content .rate-box-with-credit-button>.creditButton>p>a:before {
      	left: 4px;
      }
  }
  
  
  @media only screen and (max-width: 768px) {
  
      #header h2,
      #header h2 a,
      #header h2 a::before {
      	top: 0.45rem;
      }
  }
  
  #u-author_block>p>a {
      color: var(--linkColour) !important;
  }
  
  [[/code]]
  [[/collapsible]]
  [[/iftags]]
  [[include :scp-wiki:component:centered-header-bhl]]
  [[include :scp-wiki:component:toggle-sidebar-bhl]]
  [[module css]]
  @import url("https://scp-wiki.wdfiles.com/local--code/theme%3Aminimalist-bhl/1")

  Pages using this styling

  • theme:minimalist-bhl [info]

  ¶ 1 occurrence
  

  @import url('https://scp-wiki.wdfiles.com/local--code/theme%3Aminimal/1');

  Pages using this styling

  • theme:minimal [info]

  ¶ 1 occurrence
  

  @import url("https://scp-wiki.wdfiles.com/local--code/theme%3Amidnight-rush/1");

  Pages using this styling

  • theme:midnight-rush [info]

  ¶ 1 occurrence
  

  @import url("https://scp-wiki.wdfiles.com/local--code/theme%3Amemoria/1")

  Pages using this styling

  • theme:memoria [info]

  ¶ 1 occurrence
  

  #u-theme-page-image .scp-image-block.block-right {
       background: #092200;
  }

  Pages using this styling

  • theme:mcf [info]

  ¶ 1 occurrence
  

  @import url('https://scp-wiki.wdfiles.com/local--code/theme%3Amcf/1');

  Pages using this styling

  • theme:mcf [info]

  ¶ 1 occurrence
  

  @import url(https://scp-wiki.wdfiles.com/local--code/theme%3Amcd-gray/1);

  Pages using this styling

  • theme:mcd-gray [info]

  ¶ 1 occurrence
  

  @import url(https://scp-wiki.wdfiles.com/local--code/theme%3Amcd/1);

  Pages using this styling

  • theme:mcd [info]

  ¶ 1 occurrence
  

  @import url(https://scp-wiki.wikidot.com/theme:maxwell-s-silver-hammer/code/1);

  Pages using this styling

  • theme:maxwell-s-silver-hammer [info]

  ¶ 1 occurrence
  

  @import url(https://scp-wiki.wdfiles.com/local--code/theme%3Amanhattan-crisis/1);

  Pages using this styling

  • theme:manhattan-crisis [info]

  ¶ 1 occurrence
  

  @import url("https://scp-wiki.wdfiles.com/local--code/theme%3Amagpie-swoops/1");

  Pages using this styling

  • theme:magpie-swoops [info]

  ¶ 1 occurrence
  

  /*===================================
  Magazine Theme
  中华异学会英文版 -  Abnormality Institute EN ver.
  --------------
  All the icons are under CC-BY-SA
  LOGO_YXH by Freedom Koo; LOGO_noricst by Enflowerz
  =====================================*/
  :root{
      --tabNAV-bgHover:var(--color-navy);
      --tabMain-border:var(--color-navy);
      --visted-link:#333;
    --header-title: "Wonders Studie Association" ;
    --mob-title:"W. S. A.";
    --header-subtitle:"Wondering about Marvels, Studying by Spirit, Associating the World";
    --mob-subtitle:"To wonder, To study, To associate";
     --LOGO_position-mob:51% 0%;
      
     --LOGO_image-mob:url('https://scp-wiki.wikidot.com/local--files/theme:magazine/LOGO_noricst.svg');
  
  --LOGO_sidebar:var(--icon-cn);
  --LOGO_sidebar-opacity:0.7;
  
   --hr-image:var(--icon-cn);
   --hr-color:192,192,192;
      --icon-cn:url('https://scp-wiki.wikidot.com/local--files/theme:magazine/LOGO_CN.svg');
      --icon-yxh:url('https://scp-wiki.wikidot.com/local--files/theme:magazine/LOGO_YXH.svg');
  }
  /*============================================
  正文
  ============================================*/
  
  .mz-innerbox{
  }
  
  .mz-poem{
      text-align: center;
      font-family: var(--handwriting-font);
      font-size: 1.8em
  }
  
  .yxh-img{
      --yxh-size:15rem;
      width: var(--yxh-size);
      height: var(--yxh-size);
      background-image: var(--icon-yxh);
      background-size: cover;
      margin: 0 auto;
      opacity: 1;
      filter: blur(1px);
  }
  
  .yxh-maxim{
      border: solid 1px rgba(33,33,33,0.5);
      text-align: center;
      margin: 1em 3em;
      font-size: 1.6rem;
     font-family: 'Huiwen-Mincho';
  }
  
  @media (max-width: 500px){
      .mz-innerbox{
      font-size: 0.8rem;
  }
  .mz-poem{
      font-size: 0.8rem;
  }
   .yxh-maxim {
      margin: 1em 1em;
      font-size: 1.4rem;
   }
   .yxh-maxim p{
  padding: 0;
       line-height: 0;
   }
  }
  
  /*============================================
  分割线，来自woednaz
  ============================================ */
  
  .mz-poem  hr {
      border-top:1px solid #000 ;
      background: rgb(0, 0, 0, 0);
      border: 0;
      height: 1rem;
      width: 70%;
      position: relative;
      margin: 1.5rem auto;
      }
  
  .mz-poem  hr::before {
      content: " ";
      background-image: var(--hr-image);
      color: rgb(var(--hr-color));
      display: inline-block;
      position: absolute;
      top: -0.2rem;
      left: 0;
      margin: 0 auto;
      font-size: 0.938rem;
      line-height: 0;
      height: 1.6rem;
      width:4rem;
      background-repeat: no-repeat;
      background-position: center center;
      margin-left: -webkit-calc(50% - 2rem);
      margin-left: -moz-calc(50% - 2rem);
      margin-left: calc(50% - 2rem);
      background-color: transparent;
      z-index: 1;
      -webkit-background-size: contain;
      -moz-background-size: contain;
      -o-background-size: contain;
      background-size: contain;
  }
  
  .mz-poem  hr::after {
      content: " ";
      height: 0.1rem;
      width: 100%;
      position: absolute;
      margin: 0 auto;
      background: rgb(var(--hr-color));
      left: 0;
      top: 50%;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      -webkit-mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.2' baseProfile='tiny' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 630 23' xml:space='preserve'%3E%3Cpath fill='%23E6EAF6' d='M0,0v23h630V0H0z M334.9,15.9l1.4,4.6l-13.9,2.3h-14.8l-13.9-2.3l1.4-4.6l0.8-2.6l-2.1-1.6l-3.9-2.9l4.9-0.1 l2.7-0.1l0.9-2.5l1.6-4.6L315,0.1l15.1,1.4l1.6,4.6l0.9,2.5l2.7,0.1l4.9,0.1l-3.9,2.9l-2.1,1.6L334.9,15.9z'/%3E%3C/svg%3E%0A");
      mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.2' baseProfile='tiny' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 630 23' xml:space='preserve'%3E%3Cpath fill='%23E6EAF6' d='M0,0v23h630V0H0z M334.9,15.9l1.4,4.6l-13.9,2.3h-14.8l-13.9-2.3l1.4-4.6l0.8-2.6l-2.1-1.6l-3.9-2.9l4.9-0.1 l2.7-0.1l0.9-2.5l1.6-4.6L315,0.1l15.1,1.4l1.6,4.6l0.9,2.5l2.7,0.1l4.9,0.1l-3.9,2.9l-2.1,1.6L334.9,15.9z'/%3E%3C/svg%3E%0A");
      -webkit-mask-size: 43.375rem auto;
      mask-size: 43.375rem auto;
      -webkit-mask-position: center center;
      mask-position: center center;
  }
  
  /*
  ============================================
  杂项
  ============================================
   */
  
  /* ------------------假标签-------------------- */
  
  #main-content .page-tags {
     display:{$page-tags};
  }
  
  div.pseudo-tags ul {
      font-size: 85%;
      border-top: 1px solid #BBB;
      display: inline-block;
      margin: 10px 0 0;
      padding: 0 2px;
      list-style: none;
  }
  
  div.pseudo-tags li {
      color: #b01;
      text-decoration: none;
      display: inline-block;
      margin: 0 1px;
      cursor: pointer;
  }
  
  @media (max-width: 479px) {
   .poem-7 {
      font-size:120% ;
   }
  
   .yxh-maxim{
      margin: 2rem;
   }
  
  .yxh-outbox, .ej-outbox{
     }
  }

  Pages using this styling

  • theme:magazine [info]

  ¶ 1 occurrence
  

  /*===================================
  Magazine Theme
  --------------
  Custom page background
  =====================================*/
  #container {
  --hollow-image: {$page-background};
  background: var(--hollow-image) center 0 repeat;
  }
  
  #content-wrap #side-bar::before,
  #content-wrap #side-bar {
  background-color: transparent ;
  }

  Pages using this styling

  • theme:magazine [info]

  ¶ 1 occurrence
  

  /*===================================
  Magazine Theme
  --------------
  Extensions 
  =====================================*/
  @import url(https://scp-wiki.wikidot.com/theme:magazine/code/3);

  Pages using this styling

  • theme:magazine [info]

  ¶ 1 occurrence
  

  /*=====================================
  Magazine Theme
  --------------
  Collapsible Sidebar Source
  =====================================*/
  
  :root{  
  --body-width-on-desktop:60rem;
  --SB-topbox_left:3.2rem;   
      --SB-bg_PC:var(--page-bg);
  }
  
  
  #content-wrap{
       margin-left:0;
  }
  
  #content-wrap::after {
  display: none;
  }
  
  #main-content {
      padding: 0;
      padding-top: var(--main-top);
      margin: 0 auto;
      left: 0;
      right: 0;
  }
  
  #main-content::after {
  filter: sepia(50%) hue-rotate(150deg) saturate(150%);
  }
  
  div#extra-div-1 {
      z-index: 9;
  }
  
  #side-bar{
    z-index: 1;
    position: fixed;
    height: 100%;
  }
  
  #page-content {
              margin: auto;
  }
  
  #side-bar{
       margin-left:0;
       margin: 0;
       position: fixed;
       padding-top:30px ;
         transition: left 1s;
  }
  
  
  #side-bar::before {
      position:  static;
      margin: 0 auto;
  }
  
  
  #side-bar:hover, #side-bar:active {
       transition: all 0.5s;
       background-color: var(--sidebar-bg-pc); 
  }
  
  #side-bar :is(.media, .sns):has(a:nth-child(2)) a img{
    --media_pd: 0.6em;
  }
  #side-bar :is(.media, .sns):has(a:nth-child(4)) a img{
    --media_pd: 0.5em;
  }
  #side-bar :is(.media, .sns):has(a::nth-child(6)) a img{
   --media_pd: 0.2em;
  }
  #side-bar :is(.media, .sns):has(a:nth-child(7)) a img{
   --media_pd: 0.5em;
  }
  #side-bar :is(.media, .sns):has(a:nth-child(8)) a img{
    --media_pd: 0.4em;
  }
  
  @media (max-width: 479px) {
   #content-wrap #side-bar :is(.media, .sns) a img{
        --media_pd: 0.6em;
       --media_width:2em;
    }   
  }
  

  Pages using this styling

  • theme:magazine [info]

  ¶ 1 occurrence
  

  /*=====================================
  Magazine theme - 00000000
  ------------------------------
  Customiz
  =====================================*/
  
  @import url(https://scp-wiki.wikidot.com/theme:magazine/code/1);
  
  #main-content{    
      width:{$content-width};
  }
  
  div#header h1 a::before {
      content:{$header-title};
  }
  
  div#header h2::before {
     content: {$header-subtitle};
  }
  
  #header-extra-div-1::before {  
      background-image:{$logo-image};
  }
  
  
  @media (max-width: 767px) {
   div#header h1 a::before {
      content:{$header-title};
      content:{$pad-title};
     }
  
    div#header h2::before {
      content:{$header-subtitle};
      content:{$pad-subtitle};
     }
  
     #header-extra-div-1::before {  
         background-image:{$logo-image};
         background-image: {$logo-image-pad};
      }
  }
  
  @media (max-width: 500px) {
    div#header h1 a::before {
      content:{$header-title};
      content:{$pad-title};
      content:{$mob-title};
      }
  
      div#header h2::before {
      content: {$header-subtitle};
      content:{$pad-subtitle};
      content: {$mob-subtitle};
     }
  
     #header-extra-div-1::before {  
         background-image:{$logo-image};
         background-image: {$logo-image-pad};
         background-image: {$logo-image-mob};
      }
  }
  
  #side-bar:before {
      background-image:{$logo-sidebar};
      content:{$sidebar-content};
  }
  
  #page-title{
     display:{$page-title};
  }
  
  #page-title::after{
      content:{$title-orn-content};
      font-size:{$title-orn-size};
      line-height:calc( {$title-orn-size} * 0.7);
      width: {$title-orn-width};
      color:{$title-orn-color};
  }
  
  #page-title:before,
  #page-title:after{
     display:{$title-underlines};
  }
  

  Pages using this styling

  • theme:magazine [info]

  ¶ 1 occurrence
  

  @import url(https://scp-wiki.wikidot.com/theme:magazine/code/3);
  
  .mmposter-wrap{
      display: flex;
      justify-content: center ;   
      flex-wrap: wrap;
  
  }
  
  .mmposter-cell{
      min-width: 10%;
          justify-self: center;
  }
  
  .mmposter-blockquote .mmposter-cell{
      min-width: 50%;
  }
  
  .mmposter-semi  .mmposter-cell{
    width: 50% ;
  }
  
  .mmposter-semi  .mmposter-cell span[style*="underline"]{
   display: none
  }
  
  .flex-pc{
      display: flex;
  }
  
  
  .flex-wrap{
      display: flex;
      justify-content: space-around;    
  }
  
  .flex-wrap div{
       margin: 0 0.5rem;
      width: 100%;
  }
  
  @media (max-width: 500px) {
    .flex-pc{
      display: block;
  }
  
      .flex-wrap{
  flex-wrap:wrap;        
      }
  
    .mmposter-semi  .mmposter-cell,
  
      .mmposter-cell{
          width: 100%;
  min-width: auto;
  
      }    
      .mmposter-right{
  margin-top:2rem;
      }    
      .mob-breakkkk{
      display: block
  }
  }
  
  /**/
  .no-sel  p{
  line-height: 1.2rem;
          color:#0e1554;
  
  }
  
  .no-sel  tt{
  -moz-user-select: none;
  -khtml-user-select: none;
  user-select: none;
      color:#000;
      padding:0 0rem 0 1.2rem;
      font-family: initial;
  
  }
  
  .no-sel tt:before {
  content:" ←  ";
          padding:0 0.2rem 0 0rem;
  
  }
  
  .sample-font{
    font-size: 180%;
  }
  
  .sample-font span{
    font-size: 80%;
    font-style: italic;
  
  }
  
  .sample-font p{
    margin:0.5em 0;
  }
  
  .sample-font div{
    text-align: right;
    margin-bottom: 1em
  }
  
  
  /*
  -----------------------------
  Wrap columns
  -------------------------------
  */
  
  :root{
  
   --column111-box-width:10rem;
   --column111-box-height:15rem;
    --column111-gap:0rem;
    --column111-mid-width: 4rem;
    --column111-boxMOB-width:AUTO;
  
    --column111-blank-width:calc(var(--column111-box-width) / 2.5 - var(--column111-gap)  );
    --column111-blank-height:calc(var(--column111-box-height) +  var(--column111-gap) / 2 + var(--column111-blank-width) / 2.5  );
  
    --column111-line-top:calc(var(--column111-blank-height)  + 0.2rem );
  
    --column111-line-height:  calc(100% - var(--column111-blank-height) - 0.5rem);
  }
  
  .mz-column222-wrap{ 
    display: flex;
    flex-wrap: nowrap;
   justify-content:   space-around;
  }
  
  .column222-right, .column222-left{ 
  max-width:46% !important;
  }
  
  .column-wrap-111 .column222-box{ 
    display: block;
    background: {$box-bg};
    position: absolute;
    width: var(--column111-box-width);
    height: var(--column111-box-height);
  }
  
  .column-wrap-111  .column222-left-blank,
  
  .column-wrap-111  .column222-right-blank{
    float: right;
    width: var(--column111-blank-width);
    height: var(--column111-blank-height);
    padding: 0 var(--column111-gap);
  }
  
  .column-wrap-111 .column222-right-blank{
    float: left;
  }
  
  .column-wrap-111  .column222-mid{
     width: var(--column111-mid-width);
  }
  
  .column-wrap-111  .column222-mid-line{
    display: block;
    position: relative;
     border-left: 2px solid #333;
    height: var(--column111-line-height);
    top: var(--column111-line-top);
  }
  
  @media (max-width: 600px){
      .mz-column222-wrap{ 
    display: block;
   }
  
  .column-wrap-111   .column222-box{ 
    position: inherit;
    width: var(--column111-boxMOB-width);
    height: auto;
      margin: 0 auto;
  }
  
     .column222-left-blank,
    .column222-right-blank,
    .column222-mid-line{
      display: none;
    }
  .column222-right, .column222-left{ 
  max-width:100% !important;
  }
  }

  Pages using this styling

  • theme:magazine [info]

  ¶ 1 occurrence
  

  @import url(https://scp-wiki.wikidot.com/theme:mac/code/1);

  Pages using this styling

  • theme:mac [info]

  ¶ 1 occurrence
  

  @import url('https://scp-wiki.wdfiles.com/local--code/theme%3Alumina/1');

  Pages using this styling

  • theme:lumina [info]

  ¶ 1 occurrence
  

  @import url('https://scp-wiki.wdfiles.com/local--code/theme%3Alinear-black/1');

  Pages using this styling

  • theme:linear-black [info]

  ¶ 1 occurrence
  

  @import url("https://scp-wiki.wdfiles.com/local--code/theme%3Alaughter-and-knives-theme/1")

  Pages using this styling

  • theme:laughter-and-knives-theme [info]

  ¶ 1 occurrence
  

  @import url("https://nu-scptheme.github.io/Black-Highlighter/css/min/normalize.min.css");
  @import url("https://nu-scptheme.github.io/Black-Highlighter/css/min/black-highlighter.min.css");
  .scp-image-block.block-right {
      margin: 1em 0 1em 2em;
  }
  
  .scp-image-block a {
      width: 100%;
      min-width: 100%;
  }
  
  .scp-image-block img {
      min-width: 100%;
      border: 0.5rem solid rgba(var(--pale-gray-monochrome));
      box-sizing: border-box;
  }
  
  .colors-container .subcolors .color:nth-of-type(9) {
      background: var(--pastel-rainbow) !important;
      -webkit-background-size: 100% 100%;
              background-size: 100% 100%;
      -webkit-animation: rainbow 36s ease infinite;
              animation: rainbow 36s ease infinite;
  }

  Pages using this styling

  • theme:laughter-and-knives-theme [info]

  ¶ 1 occurrence
  

  @import url(https://scp-wiki.wikidot.com/theme:last-frontier/code/1);

  Pages using this styling

  • theme:last-frontier [info]

  ¶ 1 occurrence
  

  @import url("https://scp-wiki.wdfiles.com/local--code/theme%3Alaruetheme/1");

  Pages using this styling

  • theme:laruetheme [info]

  ¶ 1 occurrence
  

  @import url("https://nu-scptheme.github.io/Black-Highlighter/stable/styles/normalize.min.css");
  @import url("https://nu-scptheme.github.io/Black-Highlighter/stable/styles/black-highlighter.min.css");
  
  .scp-image-block.block-right {
      margin: 1em 0 1em 2em;
  }
  
  .scp-image-block img {
      min-width: 100%;
      border: 0.1rem solid rgba(var(--pale-gray-monochrome));
      box-sizing: border-box;
  }

  Pages using this styling

  • theme:laruetheme [info]

  ¶ 1 occurrence
  

  @import url(https://scp-wiki.wikidot.com/theme:lampeter-warm/code/1);

  Pages using this styling

  • theme:lampeter-warm [info]

  ¶ 1 occurrence
  

  @import url('https://scp-wiki.wdfiles.com/local--code/theme%3Akiryu-labs-theme/1');

  Pages using this styling

  • theme:kiryu-labs-theme [info]

  ¶ 1 occurrence
  

  @import url('https://scp-wiki.wdfiles.com/local--code/theme%3Ajust-girly-things/1');

  Pages using this styling

  • theme:just-girly-things [info]

  ¶ 1 occurrence
  

  @import url('https://scp-wiki.wdfiles.com/local--code/theme%3Ajanitor-closet/1');

  Pages using this styling

  • theme:janitor-closet [info]

  ¶ 1 occurrence
  

  > :root {
  >      @@--header-title: "title here";@@
  >      @@--header-subtitle: "subtitle here";@@
  >      @@--lgurl: url('your url here');@@
  > }
  > [[/module]]
  **NOTE:** Please understand that this is a **DARK** theme. Attempting to edit this theme to use colors that are either really dark or immensely bright is probably going to hurt some eyes and hurt your total ratings (you'll thank me for this later.)
  
  + WHAT'S DIFFERENT?
  
  What are you, fucking blind? A lot's different. But, if you need a detailed list of things that I've changed, here you go:
  * It's all black as shit.
  * It's all white as shit.
  * Somehow I decided that borders were //so// last decade.
  * Robbed [[[/theme:penumbra|Penumbra]]] of its lunch money.
  * Added [[[/component:toggle-sidebar-bhl|Toggle Sidebar]]] by default.
  * Decided that a [[[/component:centered-header-bhl|Centered Header]]] was so, so much better.
  * Went to community service for desecrating [[[/theme:extra-black-highlighter-theme|Extra Black Highlighter]]]
  * Changed the look of hyperlinks and collapsibles.
  * Developed a fear of colors.
  * Returned [[[/theme:penumbra|Penumbra]]]'s lunch money after having a change of heart
  * Changed the way that some components look, like the [[[/component:info-ayers|Ayers Info Module]]] and [[[/component:anomaly-class-bar|ACS]]].
  
  If you're still wanting to see more, this next section will give you some examples of ordinary Wikidot formatting.
  
  + EXAMPLES
  
  [[include component:image-block name=https://scp-wiki.wikidot.com/local--files/theme:jakstyle/logo.svg|caption=SCP Foundation Logo|width=200px]]
  
  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.[[footnote]] This is a footnote[[/footnote]]
  
  [http://www.google.com A link you probably visited once, idk]
  
  Titles can be created by putting between one and six plus "+" at the start of the line
  
  [[collapsible show="+ Titles" hide="- Titles"]]
  + First Title
  
  ++ Second Title
  
  +++ Third Title
  
  ++++ Fourth Title
  
  +++++ Fifth Title
  
  ++++++ Sixth Title
  [[/collapsible]]
  
  @@ @@
  
  [[tabview]]
  [[tab Tabulator]]
  Why was the shovel so special?
  
  Because it was a groundbreaking invention
  [[/tab]]
  [[tab Tabulation]]
  More text.
  
  How quaint.
  [[/tab]]
  [[tab Long Tab]]
  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.
  [[/tab]]
  [[tab This empty tab right here has a really long name.]]
  [[/tab]]
  [[tab Empty Tab]]
  [[/tab]]
  [[tab Empty Tab]]
  [[/tab]]
  [[tab Empty Tab]]
  [[/tab]]
  [[tab Empty Tab]]
  [[/tab]]
  [[tab Empty Tab]]
  [[/tab]]
  [[/tabview]]
  @@ @@
  > 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 ||
  
  [[=]]
  [[span style="font-family:var(--body-font); font-size: calc(var(--base-font-size) * 1.25);"]]The body font is [https://fonts.google.com/specimen/Inter Inter].[[/span]]
  [[span style="font-family:var(--header-font); font-size: calc(var(--base-font-size) * 1.25);"]]The header and title font is [https://fonts.google.com/specimen/Inter Inter].[[/span]]
  [[span style="font-family:var(--mono-font); font-size: calc(var(--base-font-size) * 1.25);"]]The monospace font is [https://fonts.google.com/specimen/Recursive Recursive].[[/span]]
  [[/=]]
  
  [[footnoteblock]]
  
  [[collapsible show="+ Show theme code" hide="- Hide theme code"]]
  [[code type="css"]]
  :root {
      --header-title: "SCP FOUNDATION";
  
      --dark-accent: 33, 35, 37;
      --pale-accent: 205, 205, 209;
      --bright-accent: 205, 205, 209;
      --light-gray-monochrome: 84, 84, 84;
      --dark-gray-monochrome: 56, 56, 60;
      --black-monochrome: 33, 35, 37;
      --medium-accent: var(--bright-accent);
      --tab-border-color: var(--dark-accent);
      --rating-module-button-color: var(--bright-accent);
      --rating-module-button-credit-color: var(--bright-accent);
      --swatch-background: var(--dark-accent);
      --swatch-menutxt-general-color: var(--bright-accent);
      --swatch-menubg-black-color: var(--dark-gray-monochrome);
      --barColour: #232527;
  
      --logo-image: url('https://scp-wiki.wikidot.com/local--files/theme:jakstyle/logo.svg');
      --lgurl: var(--logo-image);
  
  
      --ui-wght: 400;
      --ui-hvr-wght: 500;
  
      /* Background and Header Colors */
      --background-color: var(--dark-accent);
      /* Primary Text Colors */
      --swatch-text-light: var(--bright-accent);
      --swatch-text-general: var(--bright-accent);
      /* Primary Menu Colors */
      --swatch-menubg-color: var(--dark-accent);
      /* Colors for Secondary & Tertiary items like Blockquote and YUI Tabs */
      --swatch-secondary-color: var(--swatch-menubg-dark-color);
      --swatch-tertiary-color: var(--swatch-menubg-medium-dark-color);
      --swatch-alternate-color: var(--swatch-menubg-medium-color);
      --sidebar-links-hover-text-color: var(--dark-accent);
  
      /* Text Colors for Secondary & Tertiary items like Sidebar Headers and Top-Bar Menu Text */
      --swatch-text-tertiary-color: var(--swatch-menutxt-light-color);
  
      /* Primary Header Colors */
      --swatch-topmenu-border-color: var(--swatch-menubg-black-color);
      --swatch-topmenu-bg-color: var(--swatch-menubg-extra-dark-color);
  
      --rating-module-text-color: var(--bright-accent);
      --rating-module-button-cancel-color: var(--gray-monochrome);
  
      --gradient-header: linear-gradient(to bottom,
      		rgb(var(--header-gradient-color-bottom)) 0%,
      		rgb(var(--header-gradient-color-middle)) 90%,
      		rgb(var(--header-gradient-color-top)) 100%);
  
      --diagonal-stripes: repeating-linear-gradient(45deg,
      		hsla(0, 0%, 100%, 0),
      		hsla(0, 0%, 100%, 0) 0.25vh,
      		rgba(var(--swatch-menubg-extra-dark-color), 0.1) 0.35vh,
      		rgba(var(--swatch-menubg-extra-dark-color), 0.2) 0.5vh);
  
      --toggle-button-bg: rgb(var(--dark-accent));
      --toggle-border-color: rgb(var(--dark-gray-monochrome));
      --toggle-icon-color: rgb(var(--bright-accent));
  }
  
  #header {
      /* Focus is when the search box has been clicked on */
      --search-icon-focus-bg-color: var(--swatch-primary-darkest);
      --search-focus-textbox-bg-color: var(--swatch-primary-darkest);
  
      /* ===LOGIN BOX ELEMENT=== */
      /* Dropdown Box when arrow is clicked */
      --login-dropdown-bg-image: none;
      --login-dropdown-border-color: var(--swatch-primary-darkest), 0.9;
      --login-dropdown-text-hover-color: var(--swatch-menutxt-dark-color);
  }
  
  #header::before {
      background-image: var(--lgurl);
      opacity: 0.20;
  }
  
  #header h1 a::before {
      color: rgb(var(--bright-accent));
      -webkit-text-stroke: 0.325rem rgb(var(--dark-accent));
  }
  
  #header h1 a::after {
      color: rgb(var(--light-accent));
  }
  
  #header h2 span::before {
      -webkit-text-stroke: 0.25rem rgb(var(--dark-accent));
  }
  
  #top-bar {
      /* ===TOPBAR ELEMENTS=== */
  
      /* ===TOPBAR CATEGORIES=== */
      --topmenu-hover-border-color: var(--swatch-primary), 0.5;
  
      /* ===DROPDOWN MENU=== */
      --dropdown-bg-color: var(--dark-gray-monochrome);
      --dropdown-border-color: var(--swatch-primary-darkest), 0.9;
  }
  
  #side-bar {
      --sidebar-links-hover-text-color: var(--swatch-primary-darkest);
  }
  
  #main-content {
      /* ===MAIN CONTENT UI ELEMENTS */
      /* ===UI ICONS=== */
      /* ===PAGE OPTIONS ICONS=== */
      --ui-icon-hover-bg: var(--swatch-primary-darkest);
  
      /* ===TABS=== */
      --tabs-hover-bg: var(--swatch-primary-darkest);
      --tabs-bottom-border-color: var(--swatch-primary-darkest);
  }
  
  :root {
      /* ===UI BUTTONS=== */
      --ui-button-hover-bg: var(--swatch-primary-darkest);
      --ui-button-hover-txt: var(--swatch-text-tertiary-color);
      --ui-button-hover-outline: var(--swatch-primary-darker);
  
      /* ===MODALS=== */
      --modal-header-stripe: var(--swatch-menubg-dark-color);
  }
  
  .modalbox {
      padding: 0.25rem;
      border-radius: 0rem !important;
      border-color: transparent !important;
      background: rgb(var(--dark-accent)) !important;
      box-shadow: none !important;
      pointer-events: auto !important;
  }
  
  body {
      color: rgb(var(--bright-accent));
  }
  
  #search-top-box form[id="search-top-box-form"]:not(:focus-within) input[type="text"] {
      color: rgba(var(--swatch-primary), 0);
  }
  
  @media (min-width: 36rem) {
      #search-top-box form[id="search-top-box-form"]:not(:focus-within) input[type="text"] {
      	box-shadow: 0 0 0 0.125rem rgba(var(--swatch-primary), 0.2);
      	color: rgba(var(--swatch-primary), 0.7);
      }
  }
  
  @supports (display:grid) {
      div.page-rate-widget-box .rate-points {
      	border: rgb(var(--dark-accent));
      	border-right: rgb(var(--dark-accent));
      }
  }
  
  #page-content a:not([href*="user"]):not([href*="javascript:;"]):not(.fa-info):not([href*="http://www.scp-wiki.net/classification-committee-memo"]):not([href="http://scp-wiki.wikidot.com/anomaly-classification-system-guide"]):not([href="/classification-committee-memo"]) {
      padding: 0.15em;
      margin: -0.15em;
      color: inherit;
      -webkit-box-decoration-break: clone;
      box-decoration-break: clone;
      box-shadow: inset 0 -0.125rem 0 0rem rgba(var(--bright-accent));
      transition: box-shadow 200ms cubic-bezier(0.4, 0.0, 0.2, 1), color 200ms cubic-bezier(0.4, 0.0, 0.2, 1), padding 200ms cubic-bezier(0.4, 0.0, 0.2, 1), margin 200ms cubic-bezier(0.4, 0.0, 0.2, 1);
  }
  
  #page-content a:not([href*="user"]):not([href*="javascript:;"]):not([href*="http://www.scp-wiki.net/classification-committee-memo"]):not([href="http://scp-wiki.wikidot.com/anomaly-classification-system-guide"]):not([href="/classification-committee-memo"]):not(.fa-info):hover {
      padding: 0.3em 0.25em 0.2em 0.25em;
      margin: -0.25em;
      box-shadow: inset 0 -1.5em 0 0 rgba(var(--bright-accent));
      text-decoration: none;
      color: rgb(var(--dark-accent))
  }
  
  a {
      color: inherit;
  }
  
  a:hover {
      color: inherit;
  }
  
  a.close-menu {
      background-color: transparent;
  }
  
  a:visited {
      color: inherit;
  }
  
  .scp-image-block a {
      box-shadow: none;
  }
  
  a.collapsible-block-link {
      padding: 0.15em;
      margin: -0.15em;
      color: inherit;
      -webkit-box-decoration-break: clone;
      box-decoration-break: clone;
      box-shadow: inset 0 -0.125rem 0 0rem rgba(var(--bright-accent));
      transition: box-shadow 200ms cubic-bezier(0.4, 0.0, 0.2, 1), color 200ms cubic-bezier(0.4, 0.0, 0.2, 1), padding 200ms cubic-bezier(0.4, 0.0, 0.2, 1), margin 200ms cubic-bezier(0.4, 0.0, 0.2, 1);
  }
  
  a.collapsible-block-link:hover {
      padding: 0.3em 0.25em 0.2em 0.25em;
      margin: -0.25em;
      box-shadow: inset 0 -1.5em 0 0 rgba(var(--bright-accent));
      text-decoration: none;
      color: rgb(var(--dark-accent))
  }
  
  #breadcrumbs a,
  #breadcrumbs a:visited,
  .pseudocrumbs a,
  .pseudocrumbs a:visited {
      background-color: transparent;
      color: rgb(var(--bright-accent));
  }
  
  #breadcrumbs a:active,
  #breadcrumbs a:hover,
  .pseudocrumbs a:active,
  .pseudocrumbs a:hover {
      color: rgb(var(--dark-accent));
  }
  
  a:hover {
      background-color: transparent;
      color: var(--bright-accent);
      text-decoration: none;
  }
  
  a.close-menu {
      background-color: transparent;
  }
  
  
  ::-moz-selection {
      background: rgb(var(--bright-accent), 0.25);
  }
  
  ::selection {
      background: rgb(var(--bright-accent), 0.25);
  }
  
  #page-title::after,
  .meta-title::after,
  #page-title::before,
  .meta-title::before {
      background: rgba(var(--swatch-primary), 0.5);
  }
  
  .creditButton p a {
      background-color: rgb(var(--black-accent));
  }
  
  #page-content .rate-box-with-credit-button {
      display: inline-flex;
      height: var(--rating-module-height);
      margin-bottom: .75rem;
      padding: 0 .125rem;
      overflow: hidden;
      border: .0625rem solid rgba(var(--gray-monochrome));
      border-radius: 0;
      background: rgb(var(--dark-accent));
      background-color: rgb(var(--dark-accent));
  }
  
  #top-bar div.mobile-top-bar>ul>li>ul>li:hover>a,
  #top-bar div.top-bar>ul>li>ul>li:hover>a {
      color: rgb(var(--dark-accent));
      text-decoration: none;
  }
  
  #interwiki .heading,
  #side-bar .heading {
      background: rgb(var(--dark-gray-monochrome));
  }
  
  #side-bar .side-block {
      background-color: rgb(var(--dark-accent));
  }
  
  #side-bar .side-block.resources {
      background: rgb(var(--dark-accent)) !important;
  }
  
  #side-bar .side-block.media {
      background-color: rgba(var(--dark-gray-monochrome)) !important;
  }
  
  #side-bar div.menu-item>a,
  #side-bar div.menu-item>a:visited {
      color: rgb(var(--bright-accent));
  }
  
  #side-bar div.menu-item>a:hover {
      color: rgb(var(--dark-accent));
  }
  
  .side-block.media a {
      background: transparent
  }
  
  #side-bar .collapsible-block .collapsible-block-folded,
  #side-bar .heading {
      background: rgb(var(--dark-gray-monochrome));
  }
  
  
  #search-top-box-input {
      background-color: rgb(var(--dark-gray-monochrome));
  }
  
  #account-options {
      border-color: var(--bright-accent);
      background: var(--dark-accent);
      color: var(--bright-accent);
  }
  
  #login-status {
      color: rgba(var(--swatch-menutxt-light-color), 0.5);
  }
  
  #login-status ul a {
      color: rgb(var(--bright-accent));
  }
  
  
  #login-status .printuser {
      background-color: transparent;
      color: rgb(var(--bright-accent));
  }
  
  .page-rate-widget-box {
      border: 0.0625rem solid rgba(var(--swatch-menubg-dark-color));
      background: rgb(var(--dark-accent));
  }
  
  #top-bar div.mobile-top-bar {
      background: rgb(var(--dark-accent));
  }
  
  #top-bar div.top-bar>ul>li:hover {
      background: rgb(var(--swatch-menubg-black-color));
  }
  
  #top-bar div.mobile-top-bar>ul>li.sfhover>ul,
  #top-bar div.mobile-top-bar>ul>li:hover>ul,
  #top-bar div.top-bar>ul>li.sfhover>ul,
  #top-bar div.top-bar>ul>li:hover>ul {
      color: rgb(var(--dark-accent));
  }
  
  blockquote,
  div.blockquote {
      border: none;
      background-color: rgb(var(--dark-gray-monochrome));
      --swatch-border-color: var(--gray-monochrome);
      box-shadow: 0rem 0.095rem 0.25rem 0.125rem rgb(var(--dark-accent));
  }
  
  .yui-navset .yui-nav li,
  .yui-navset .yui-navset-top .yui-nav li {
      box-shadow: none;
  }
  
  .yui-navset .yui-nav,
  .yui-navset .yui-navset-top .yui-nav {
      --box-shadow: none;
  }
  
  .yui-navset .yui-nav,
  .yui-navset .yui-navset-top .yui-nav hover a {
      border-color: rgb(var(--dark-accent));
  }
  
  .yui-navset .yui-nav .selected a {
      border-color: rgb(var(--bright-accent));
      color: rgb(var(--dark-accent)) !important;
  }
  
  .yui-navset .yui-content,
  .yui-navset .yui-navset-top .yui-content {
      background: rgb(var(--dark-accent));
      color: rgb(var(--bright-accent));
  }
  
  .yui-navset .yui-nav li,
  .yui-navset .yui-navset-top .yui-nav li {
      background: rgb(var(--dark-accent));
  }
  
  .yui-navset .yui-nav a,
  .yui-navset .yui-navset-top .yui-nav a {
      background-color: rgb(var(--swatch-menubg-dark-color));
      color: rgb(var(--dark-accent));
  }
  
  .yui-navset-bottom .yui-nav li a,
  .yui-navset-top .yui-nav li a,
  .yui-navset .yui-nav li a {
      background: rgb(var(--dark-gray-monochrome));
      color: rgb(var(--bright-accent));
  }
  
  #page-content .blockquote div.b-tables table.wiki-content-table th,
  #page-content .blockquote table.wiki-content-table th {
      background: rgb(var(--bright-accent));
      color: rgb(var(--dark-accent));
      border: 0.0625rem solid rgba(var(--bright-accent)) !important;
  }
  
  #page-content .blockquote table.wiki-content-table td {
      border: 0.0625rem solid rgba(var(--bright-accent)) !important;
  }
  
  #page-content div.b-tables table.wiki-content-table th,
  #page-content table.wiki-content-table th {
      background: rgb(var(--dark-gray-monochrome));
      color: rgb(var(--white-accent));
      --tables-border: var(--dark-gray-monochrome);
  }
  
  
  textarea,
  input.text,
  input.checkbox,
  div.note,
  #lock-info {
      border: 0.0625rem solid rgba(var(--swatch-menubg-light-color), 0.25);
      background-color: rgb(var(--swatch-menubg-extra-dark-color));
      color: rgb(var(--swatch-text-light));
  }
  
  .code pre span[class*="hl-"] {
      -webkit-filter: invert(1) hue-rotate(180deg);
      filter: invert(1) hue-rotate(180deg);
  }
  
  .owindow .modal-body img {
      background-color: transparent !important;
  }
  
  #odialog-container div.owindow {
      background-color: rgb(var(--dark-accent));
  }
  
  .hovertip {
      border: .0625rem solid rgb(var(--dark-gray-monochrome));
      color: rgb(var(--swatch-text-light));
  }
  
  .hovertip .content {
      padding: 0;
  }
  
  #footer {
      color: rgb(var(--bright-accent));
  }
  
  .image-block .image-caption,
  .scp-image-block .scp-image-caption {
      box-shadow: none;
      border: none;
      background-color: rgb(var(--dark-gray-monochrome));
      color: rgb(var(--bright-accent));
  }
  
  .scp-image-block a {
      background-color: transparent;
  }
  
  .scp-image-block {
      box-shadow: .0225rem .0835rem .0725rem .0925rem rgb(var(--dark-accent));
  }
  
  .footnote {
      padding: .625em;
      background-color: rgb(var(--dark-gray-monochrome));
  }
  
  .footnotes-footer {
      border-left: none;
      background-color: rgba(var(--dark-gray-monochrome));
  }
  
  .hovertip .f-heading {
      background-color: rgb(var(--bright-accent));
      color: rgb(var(--dark-accent));
  }
  
  .bibitems .title,
  .footnotes-footer .title {
      background-color: rgb(var(--bright-accent));
      color: rgb(var(--dark-accent));
  }
  
  .bibitems,
  .footnotes-footer {
      box-shadow: inset .5em 0 0 0 rgba(var(--bright-accent));
  }
  
  .licensebox .collapsible-block-link {
      background: none;
  }
  
  table.page-history tr:nth-of-type(2) td:not(:nth-of-type(7)):before {
      background-color: rgb(var(--bright-accent));
      color: rgb(var(--dark-accent));
  }
  
  .pager .current,
  .pager .current:before {
      background-color: rgb(var(--dark-accent));
  }
  
  .pager .current {
      color: rgb(var(--bright-accent));
  }
  
  .paged a:visited,
  .pager a {
      color: rgb(var(--bright-accent));
  }
  
  .printuser img.small {
      width: 1.25rem;
      height: 1.25rem;
      vertical-align: -0.4em;
  }
  
  #who-rated-page-area .printuser a {
      font-size: 100%;
  }
  
  #who-rated-page-area .printuser {
      background-color: transparent;
  }
  
  #search-top-box input.empty {
      color: rgba(var(--bright-accent));
  }
  
  .page-tags a:hover {
      color: rgb(var(--dark-accent));
  }
  
  #main-content .page-tags:before {
      background-color: rgb(var(--bright-accent));
      color: rgb(var(--dark-accent));
  }
  
  #main-content .page-tags {
      box-shadow: 0 -.125rem 0 0 rgb(var(--bright-accent));
  }
  
  .footnotes-footer a[href*=javascript],
  .footnotes-footer a[href*=javascript]:visited {
      background-color: transparent;
  }
  
  #license-area {
      background-color: rgb(var(--dark-gray-monochrome));
  }
  
  #page-content .rate-box-with-credit-button>.creditButton>p>a:after {
      background-color: rgba(var(--dark-accent));
  }
  
  [id*=u-credit] .credit.first,
  [id*=u-credit] .credit.otherwise {
      padding: 5px;
  }
  
  [id*=u-credit] div.creditBottomRate {
      padding: 0.5rem 0 0;
  }
  
  .acs-hybrid-text-bar>.acs-clear>.clearance-level-text::before {
      color: rgba(var(--bright-accent), 1);
  }
  
  .acs-hybrid-text-bar>.acs-disrupt .disruption-class-number::before {
      color: rgba(var(--bright-accent), 1);
  }
  
  .acs-hybrid-text-bar>.acs-risk .risk-class-number::before {
      color: rgba(var(--bright-accent, 12, 12, 12), 1);
  }
  
  .contain-class .class-text::before {
      color: rgb(228 228 228);
  }
  
  .anom-bar-container.esoteric .text-part>.main-class>.second-class>.class-text::after {
      color: #e4e4e4;
  }
  
  .info-container .collapsible-block-folded,
  .info-container .collapsible-block-unfolded-link {
      background: rgb(var(--bright-accent));
  }
  
  .info-container .collapsible-block-folded .collapsible-block-link,
  .info-container .collapsible-block-link {
      background: rgb(var(--dark-accent));
  }
  
  #page-content .info-container a.collapsible-block-link:hover {
      box-shadow: inset 0 -1.5em 0 0 rgba(var(--dark-accent));
  }
  
  .acs-hybrid-text-bar>a {
      background-color: transparent;
      color: transparent;
  }
  
  .acs-hybrid-text-bar>.acs-clear>.clearance-level-text::after {
      padding-top: 0.1rem;
      color: rgba(var(--bright-accent), 1);
  }
  
  .acs-hybrid-text-bar>.acs-risk .risk-class-number::after {
      color: rgba(var(--bright-accent));
  }
  
  .acs-hybrid-text-bar>.acs-disrupt .disruption-class-number::after {
      color: rgba(var(--bright-accent), 1);
  }
  
  .danger-diamond a,
  .danger-diamond a:hover {
      background-color: transparent;
      color: rgba(0, 0, 0, 0);
  }
  
  .authorlink-wrapper>a {
      background-color: transparent;
      color: rgb(var(--bright-accent));
      --author-right-adjust: 0rem;
  }
  
  .authorlink-wrapper>a::before {
      color: darkgrey;
  }
  
  .authorbox {
      -webkit-filter: drop-shadow(0 0 3px rgba(228, 228, 228));
      filter: drop-shadow(0 0 3px rgba(228, 228, 228));
  }
  
  .printuser a {
      margin-right: -0.0625rem;
      background-color: none;
      font-size: 0.875rem;
  }
  
  .printuser img.small {
      width: 1.1875rem;
      height: 1.1563rem;
      vertical-align: -0.4em;
  }
  
  .printuser:hover {
      background-color: transparent;
  }
  
  .page-tags a {
      background-color: transparent;
      color: rgb(var(--bright-accent));
  }
  
  table.page-files tr>td>a:not(.btn),
  table.page-files tr>td>a:visited:not(.btn) {
      color: rgb(var(--bright-accent));
  }
  
  table.page-files th {
      color: rgb(var(--dark-accent));
  }
  
  @media (min-width: 36rem) {
      #login-status:not(:focus-within) *:not(#account-topbutton):not([href*="account/messages"]) {
      	--clip-path: none;
      }
  }
  [[/code]]
  [[/collapsible]]
  [[/iftags]]
  [[include :scp-wiki:component:centered-header-bhl]]
  [[include :scp-wiki:component:toggle-sidebar-bhl]]
  [[module css]]
  @import url("https://scp-wiki.wdfiles.com/local--code/theme%3Ajakstyle/1")

  Pages using this styling

  • theme:jakstyle [info]

  ¶ 1 occurrence
  

  @import url("https://scp-wiki.wdfiles.com/local--code/theme%3Aisolated-terminal/1")

  Pages using this styling

  • theme:isolated-terminal [info]

  ¶ 1 occurrence
  

  .colors-container .colors .color:first-child { color: rgb(var(--darkColor)); }

  Pages using this styling

  • theme:isolated-terminal [info]

  ¶ 1 occurrence
  

  :root {
    --inkblot-accent: coral;
    --header-title: "WALDON STUDIO";
    --header-subtitle: "connoisseurs of the unknown";
    --debug-colour: blue;
  }
  :root:has(.picker li:nth-child(1).selected), .picker li:nth-child(1) em {
    --inkblot-accent: coral;
  }
  :root:has(.picker li:nth-child(2).selected), .picker li:nth-child(2) em {
    --inkblot-accent: rgb(203, 136, 154);
  }
  :root:has(.picker li:nth-child(3).selected), .picker li:nth-child(3) em {
    --inkblot-accent: royalblue;
  }
  :root:has(.picker li:nth-child(4).selected), .picker li:nth-child(4) em {
    --inkblot-accent: yellowgreen;
  }
  :root:has(.picker li:nth-child(5).selected), .picker li:nth-child(5) em {
    --inkblot-accent: red;
  }
  :root:has(.picker li:nth-child(6).selected), .picker li:nth-child(6) em {
    --inkblot-accent: magenta;
  }
  :root:has(.picker li:nth-child(7).selected), .picker li:nth-child(7) em {
    --inkblot-accent: teal;
  }
  :root:has(.picker li:nth-child(8).selected), .picker li:nth-child(8) em {
    --inkblot-accent: gold;
  }
  
  .picker .yui-navset * {
    display: contents !important;
  }
  .picker .yui-navset em {
    display: inline-block !important;
    color: color-mix(in srgb, black 25%, var(--inkblot-accent, red)) !important;
    text-decoration: underline;
    text-decoration-style: dotted;
    text-underline-offset: 0.25rem;
    border: none !important;
  }
  .picker .yui-navset .selected em {
    font-weight: 900;
    text-decoration: none;
  }
  
  .terminal {
    border-color: var(--inkblot-accent, grey);
  }

  Pages using this styling

  • theme:inkblot [info]

  ¶ 1 occurrence
  

  @import url('https://scp-wiki.wdfiles.com/local--code/theme%3Ainkblot/1');
  
  :root {
    --inkblot-accent: {$accent};
  }

  Pages using this styling

  • theme:inkblot [info]

  ¶ 1 occurrence
  

  
  /* Immrama Theme              */
  /* [2025 Wikidot Theme]       */
  /* by Arthcymro               */
  
  /*-----------------*/
  /*---- IMPORTS ----*/
  /*-----------------*/
  
  @import url('https://fonts.bunny.net/css2?family=Benne&display=swap');
  
  :root {
  
      /*----------------------*/
      /*---- BEDROCK VARS ----*/
      /*----------------------*/
  
      --header-font-primary: 'Benne';
      --UI-font-primary: 'Benne';
      --body-font-primary: 'Benne';
      font-size: 110%;
  
      --logo: url(https://scp-wiki.wdfiles.com/local--files/theme%3Aimmrama/Immrama%20-%20Triskelion%20Header%20%28Blue%29.png);
      --title: "Immrama";
      --subtitle: "It's a long story";
      --title-size: 1.75rem;
      --subtitle-size: 1.25rem;
  
      --basalt-primary-color: 227, 226, 218;
      --basalt-secondary-color: 200,199,184;
      --basalt-tertiary-color: 173, 171, 149;
      --basalt-main-text-color: 20, 20, 20;
      --basalt-overtone: 50, 50, 50;
      --basalt-undertone: 28, 69, 45;
      --basalt-bright-element-color: 66, 101, 68;
      --basalt-dark-element-color: 28, 69, 45;
      --basalt-alternate-color: 166, 103, 54;
      --basalt-positive-color: 0, 100, 0;
      --basalt-negative-color: 109, 17, 17;
      --side-bar-link-background-hover: 28, 69, 45;
      --general-border-color: 20, 47, 33;
      --document-background-color: 243,223,193;
      --link-color: 36, 107, 206;
      --link-visited-color: 28, 84, 163;
  
  /*-------------------------*/
  /*---- IMMRAMA CLASSES ----*/
  /*-------------------------*/
  
  body {  
      background-image: linear-gradient(#e3e2da, #A6ABB1 100%);
  }
  .footnotes-footer .footnote-footer>a:first-child {
      font-family: var(--body-font);
  }
  div.papernote {
      display: block;
      margin-inline: auto;
      margin-block: 1.4rem;
      padding: 1rem 2rem;
      background-color: rgb(var(--basalt-secondary-color));
      color: rgb(var(--basalt-main-text-color));
  }
  div.papernote {
      display: block;
      margin-inline: auto;
      margin-block: 1.4rem;
      padding: 1rem 2rem;
      background-color: rgb(var(--document-background-color));
      color: rgb(var(--basalt-main-text-color));
  }
  div.document {
      background-color: rgb(var(--document-background-color));
      box-shadow: 0px 1px 1.9px -4px rgba(0, 0, 0, 0.1), 0px 6px 15px -4px rgba(0, 0, 0, 0.2);
      color: rgb(var(--basalt-main-text-color));
  }
  hr {
      border-top: none;
      position: relative;
      height: 0.35rem;
      background: rgba(0, 0, 0, 0);
      display: flex;
  }
  hr::before {
      content: " ";
      position: absolute;
      top: 0;
      left: 0;
      border-top: none;
      width: 100%;
      height: 0.125rem;
      background: #246bce;
      background-position: center center;
  }
  .imm-email {
      border: solid 2px #000000; 
      width: 88%; 
      padding: 1px 15px; 
      margin: 10px; 
      box-shadow: 0 1px 3px rgba(0,0,0,.5); 
      background-color: rgb(var(--basalt-primary-color))
  }
  .imm-email-example a.collapsible-block-link {
      font-weight: bold;
  }
  .imm-tofrom {
      margin-left: 10px; 
      margin-top: 5px; 
      padding: 1px 15px; 
      border-left: solid 3px #246bce
  }
  .yui-navset.yui-navset-top>ul.yui-nav {
      font-family: var(--header-font);
  }
  .yui-navset.yui-navset-top .yui-content {
      background-color: rgb(var(--basalt-primary-color));
  }
  :is(:where(#page-content) table:not(.form),table.wiki-content-table) td {
      border: solid .05rem rgb(var(--general-border-color));
      padding: .5em .625em;
      background-color: rgb(var(--basalt-primary-color));
  } 
  #header h1 a span {
      font-variant: small-caps;
  }
  .triskhr {
      min-height: 9em;
      background-image: url(https://scp-wiki.wdfiles.com/local--files/theme%3Aimmrama/Immrama%20-%20Line.png);
      background-size: 600px;
  @media only screen and (max-width: 600px) {
      background-size: 360px;
  }
      background-repeat: no-repeat;
      background-position: center;
  }
  .blood-triskhr {
      min-height: 9em;
      background-image: url(https://scp-wiki.wdfiles.com/local--files/theme%3Aimmrama/Immrama%20-%20Line%20%28Red%29.png);
      background-size: 600px;
  @media only screen and (max-width: 600px) {
      background-size: 360px;
  }
      background-repeat: no-repeat;
      background-position: center;
  }
  .smalltriskhr {
      min-height: 5.5em;
      background-image: url(https://scp-wiki.wdfiles.com/local--files/theme%3Aimmrama/Immrama%20-%20Line.png);
      background-size: 350px;
  @media only screen and (max-width: 600px) {
      background-size: 210px;
  }
      background-repeat: no-repeat;
      background-position: center;
  }
  .blood-smalltriskhr {
      min-height: 5.5em;
      background-image: url(https://scp-wiki.wdfiles.com/local--files/theme%3Aimmrama/Immrama%20-%20Line%20%28Red%29.png);
      background-size: 350px;
  @media only screen and (max-width: 600px) {
      background-size: 210px;
  }
      background-repeat: no-repeat;
      background-position: center;
  }
  

  Pages using this styling

  • theme:immrama [info]

  ¶ 1 occurrence
  

  @import url("https://scp-wiki.wdfiles.com/local--code/theme%3Aijamea-bhl/1")

  Pages using this styling

  • theme:ijamea-bhl [info]

  ¶ 1 occurrence
  

  @import url("https://nu-scptheme.github.io/Black-Highlighter/css/min/normalize.min.css");
  @import url("https://nu-scptheme.github.io/Black-Highlighter/css/min/black-highlighter.min.css");
  
  .title-font {
      font-family: var(--title-font);
      font-weight: 700;
  }
  
  .header-font {
      font-family: var(--title-font);
      font-weight: 900;
  }
  
  .UI-font {
      font-family: var(--UI-font);
  }
  
  .mono-font {
      --MONO: 1;
      --CASL: 0;
      --CRSV: 0;
      font-family: var(--mono-font);
  }

  Pages using this styling

  • theme:ijamea-bhl [info]

  ¶ 1 occurrence
  

  @import url('https://scp-wiki.wikidot.com/theme:i57-theme/code/1');

  Pages using this styling

  • theme:i57-theme [info]

  ¶ 1 occurrence
  

  @import url("https://scp-wiki.wdfiles.com/local--code/theme%3Ai57/1")

  Pages using this styling

  • theme:i57 [info]

  ¶ 1 occurrence
  

  @import url('https://scp-wiki.wdfiles.com/local--code/theme%3Ahytoth/1');

  Pages using this styling

  • theme:hytoth [info]

  ¶ 1 occurrence
  

  @import url('https://scp-wiki.wdfiles.com/theme:horizon-initiative-theme/code/1');

  Pages using this styling

  • theme:horizon-initiative-theme [info]

  ¶ 1 occurrence
  

  @import url(https://scp-wiki.wikidot.com/theme:holy-theme/code/1);

  Pages using this styling

  • theme:holy-theme [info]

  ¶ 1 occurrence
  

  @import url("https://scp-wiki.wdfiles.com/local--code/theme%3Ahighroller/1");

  Pages using this styling

  • theme:highroller [info]

  ¶ 1 occurrence
  

  @import url("https://scp-wiki.wdfiles.com/local--code/theme%3Ahansarp/1")

  Pages using this styling

  • theme:hansarp [info]

  ¶ 1 occurrence
  

  @import url("https://scp-wiki.wdfiles.com/local--code/theme%3Ahalloween/3");

  Pages using this styling

  • theme:halloween [info]

  ¶ 1 occurrence
  

  @import url("https://scp-wiki.wdfiles.com/local--code/theme%3Agreystyle/4")

  Pages using this styling

  • theme:greystyle [info]

  ¶ 1 occurrence
  

  @import url("https://scp-wiki.wdfiles.com/local--code/theme%3Agreystyle/3")

  Pages using this styling

  • theme:greystyle [info]

  ¶ 1 occurrence
  

  .colors-container [data-has-light-text="1"] {
      color: rgb(var(--txt-color4);
  }

  Pages using this styling

  • theme:greystyle [info]

  ¶ 1 occurrence
  

  @import url(https://scp-wiki.wdfiles.com/local--code/theme%3Agolden-feast/1);

  Pages using this styling

  • theme:golden-feast [info]

  ¶ 1 occurrence
  

  @import url("https://scp-wiki.wdfiles.com/local--code/theme%3Agoc/1")

  Pages using this styling

  • theme:goc [info]

  ¶ 1 occurrence
  

  @import url("https://scp-wiki.wdfiles.com/local--code/theme%3Agalactic-theme/1")

  Pages using this styling

  • theme:galactic-theme [info]

  ¶ 1 occurrence
  

  @import url("https://scp-wiki.wikidot.com//local--code/theme%3Afuladh-theme/1");

  Pages using this styling

  • theme:fuladh-theme [info]

  ¶ 1 occurrence
  

  @import url(https://scp-wiki.wikidot.com/theme:frownstyle/code/4);

  Pages using this styling

  • theme:frownstyle [info]

  ¶ 1 occurrence
  

  @import url(https://scp-wiki.wikidot.com/theme:frownstyle/code/3);

  Pages using this styling

  • theme:frownstyle [info]

  ¶ 1 occurrence
  

  @import url(https://scp-wiki.wikidot.com/theme:frownstyle/code/2);

  Pages using this styling

  • theme:frownstyle [info]

  ¶ 1 occurrence
  

  @import url(https://scp-wiki.wikidot.com/theme:frownstyle/code/1);

  Pages using this styling

  • theme:frownstyle [info]

  ¶ 1 occurrence
  

  
  /* VARIABLES */
  
  :root {
  
      /* VARIABLES > Core */
  
      --logo-img: var(--darkmode-logo-img);
      --logo-opacity: 30%;
  
      /* VARIABLES > Misc */
  
      --darkmode-gradient-top: var(--dark-bg-1);
      --darkmode-gradient-bottom: var(--dark-bg-2);
  
      --dark-bg-1: #21252E;
      --dark-bg-2: #2F333C;
  
      --dark-txt-color: #EDEDED;
  
      --header-txt-color: rgb(var(--accent));
      --subheader-txt-color: var(--dark-txt-color);
      --misc-txt-color: var(--dark-txt-color);
      --link-txt-color: rgb(var(--accent));
      --link-hover-txt-color: #FFF;
  
      /* VARIABLES > Color Accents */
  
      --acc-default: 153, 187, 255;
  
      --acc-wyoming: 252, 69, 69;
      --acc-canada: 252, 69, 69;
      --acc-poland: 186, 127, 108;
      --acc-slothspit: 69, 99, 245;
      --acc-vanguard: 85, 204, 51;
      --acc-threshold: 221, 207, 238;
      --acc-overwatch: 255, 215, 0;
      --acc-spc: 88, 188, 209;
      --acc-fishing: 141, 203, 211;
      --acc-nightfall: 222, 40, 20;
      --acc-hybrasil: 69, 109, 245;
      --acc-goc: 112, 148, 255;
      --acc-spooky: 252, 112, 40;
  
      /* VARIABLES > BetterFootnotes */
  
      --fnColor: rgb(var(--accent));
  
      /* VARIABLES > ACS COLORS by Nagiros */
  
      --six-color: 188, 136, 255 !important;
      /*  purple*/
      --five-color: 255, 34, 67 !important;
      /*  red  */
      --four-color: 255, 141, 54 !important;
      /*  orange  */
      --three-color: 255, 226, 82 !important;
      /*  yellow  */
      --two-color: 117, 167, 242 !important;
      /*  blue  */
      --one-color: 40, 159, 107 !important;
      /*  green  */
  
      --white-bar: 207, 207, 207;
      --lg-bar: 118, 118, 130;
      --gray-bg: 66, 66, 72;
  
  }
  
  /* MAIN */
  
  body {
      color: var(--dark-txt-color);
      background-color: var(--dark-bg-2);
      background-image: linear-gradient(to bottom,
      		var(--darkmode-gradient-top), var(--darkmode-gradient-bottom) 200px);
      background-repeat: no-repeat;
      --barColour: var(--dark-bg-1);
      --linkColour: var(--dark-txt-color);
  }
  
  #page-content a {
      padding-bottom: .067rem;
      border-bottom: thin solid rgb(var(--accent));
  }
  
  #page-content a:not(#page-content .authorlink-wrapper a):hover,
  .page-rate-widget-box a,
  #page-content .pseudocrumbs a,
  #page-content .yui-nav li a,
  #page-content #toc a,
  #page-content .danger-diamond a,
  #page-content a.collapsible-block-link,
  #page-content span.tooltip a,
  #page-content a.footnoteref {
      border-bottom: none !important;
  }
  
  /* MAIN > Header */
  
  #header h1 a::after {
      color: var(--misc-txt-color);
  }
  
  /* MAIN > Header > Search Box */
  
  #search-top-box-form>input[type=submit] {
      border: solid 1px #EDEDED;
      background: var(--dark-bg-1);
       !important;
      color: var(--dark-txt-color);
  }
  
  #search-top-box-form input[type=submit]:hover {
      border: solid 1px rgb(var(--accent));
  }
  
  /* MAIN > Header > Top Bar */
  
  #top-bar ul li ul li a:hover {
      color: var(--dark-txt-color) !important;
      background-color: rgba(0, 0, 0, 0.5) !important;
  }
  
  /* MAIN > Header > Login Info */
  
  #login-status {
      color: var(--dark-txt-color);
  }
  
  #login-status a {
      color: rgb(var(--accent));
  }
  
  #login-status ul a {
      color: var(--dark-txt-color);
      background: var(--dark-bg-1);
  }
  
  #login-status ul a:hover {
      color: rgb(var(--accent));
  }
  
  #account-topbutton {
      border: solid 1px rgb(var(--accent));
  }
  
  /* MAIN > Header > Side Bar */
  
  #side-bar {
      background: var(--dark-bg-2);
  }
  
  #side-bar .side-block,
  #side-bar .side-block.resources,
  #side-bar .side-block.media {
      background: var(--dark-bg-1);
  }
  
  #side-bar .collapsible-block-unfolded-link .collapsible-block-link {
      color: var(--dark-txt-color) !important;
  }
  
  #side-bar .collapsible-block-unfolded-link {
      border-bottom: none;
  }
  
  #top-bar .open-menu a {
      filter: drop-shadow(0px 1px 10px rgba(0, 0, 0, 0.2));
  }
  
  /* CONTENT */
  
  /* CONTENT > Blockquotes, Custom Divs */
  
  .blockquote,
  div.blockquote,
  blockquote {
      background: var(--dark-bg-1);
      border-left: 5px solid rgb(var(--accent));
      box-shadow: 4px 4px var(--dark-bg-2);
  }
  
  .jotting,
  .notation,
  .modal,
  .paper {
      background: var(--dark-bg-1);
      border-color: rgb(var(--accent));
  }
  
  .paper {
      box-shadow: 0px 4px 13px rgba(0, 0, 0, 0.8);
  }
  
  div.note {
      background: var(--dark-bg-1);
  }
  
  /* CONTENT > Headings, Titles */
  
  #page-title,
  .meta-title {
      color: var(--dark-txt-color) !important;
      border-bottom-color: rgba(255, 255, 255, 0.3);
  }
  
  h1 {
      color: rgb(var(--accent)) !important;
  }
  
  h2,
  h3,
  h4,
  h5,
  h6 {
      color: var(--dark-txt-color) !important;
  }
  
  .footnotes-footer .title {
      color: var(--dark-txt-color);
  }
  
  /* CONTENT > Rate Module */
  
  .page-rate-widget-box {
      font-family: var(--ui-font);
  }
  
  .page-rate-widget-box,
  #page-content .rate-box-with-credit-button {
      border: solid 1px rgb(var(--accent));
  }
  
  .page-rate-widget-box .rateup,
  .page-rate-widget-box .ratedown,
  .page-rate-widget-box .cancel,
  #page-content .rate-box-with-credit-button {
      background: var(--dark-bg-1);
  }
  
  .page-rate-widget-box .rate-points {
      background: var(--dark-bg-1) !important;
  }
  
  .page-rate-widget-box .rateup a,
  .page-rate-widget-box .ratedown a,
  .page-rate-widget-box .cancel a,
  #page-content .rate-box-with-credit-button .fa-info {
      color: var(--dark-txt-color);
  }
  
  div.page-rate-widget-box .rate-points {
      color: var(--dark-txt-color) !important;
  }
  
  .page-rate-widget-box .rateup a:hover,
  .page-rate-widget-box .ratedown a:hover,
  .page-rate-widget-box .cancel a:hover {
      background: rgb(var(--accent)) !important;
  }
  
  /* CONTENT > Rate Module > Info Pane */
  
  #page-content .rate-box-with-credit-button .creditButton p a {
      border-left-color: transparent;
  }
  
  #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;
  }
  
  .rate-box-with-credit-button .page-rate-widget-box .cancel a:hover {
      border-radius: 0;
  }
  
  #page-content .rate-box-with-credit-button .fa-info {
      color: var(--dark-txt-color);
  }
  
  #page-content .rate-box-with-credit-button .fa-info:hover {
      color: rgb(var(--accent));
  }
  
  #page-content .modalbox {
      background: var(--dark-bg-2) !important;
      color: var(--dark-txt-color);
      box-shadow: none;
  }
  
  #page-content .modalbox > hr:first-of-type {
      opacity: 0%;
  }
  
  #page-content .modalbox h2:first-of-type {
      font-family: var(--ui-font);
  }
  
  .close-credits,
  .credit-back {
      filter: grayscale(100%) invert(100%) contrast(275%);
  }
  
  /* CONTENT > Rate Module > Author Label */
  
  #page-content .authorbox {
      background-color: var(--dark-bg-1) !important;
      color: var(--dark-txt-color) !important;
  }
  
  #page-content .authorbox::before {
      border-color: transparent transparent var(--dark-bg-1) transparent;
  }
  
  /* CONTENT > Image Block */
  
  .scp-image-block .scp-image-caption {
      background-color: var(--dark-bg-1) !important;
      color: var(--dark-txt-color);
  }
  
  .scp-image-block img,
  .scp-image-block .scp-image-caption {
      border-color: rgba(0, 0, 0, 0.4);
  }
  
  /* CONTENT > Tables Base */
  
  #page-content tr th {
      color: var(--dark-bg-1);
      background-color: rgb(var(--accent));
      border: solid 2px rgb(var(--accent));
  }
  
  #page-content tr td {
      border: solid 2px rgb(var(--accent));
      background-color: var(--dark-bg-1);
  }
  
  /* CONTENT > Tables Customization (Table Coloring System) */
  
  /* CONTENT > Tables Customization (Table Coloring System) > Table Headings, Image Captions */
  
  #page-content .table1 tr th,
  #page-content .table1 .scp-image-block .scp-image-caption,
  #page-content .table1 .scp-image-block img {
      background-color: rgb(40, 159, 107);
      border-color: rgb(40, 159, 107);
      --link-txt-color: rgb(0, 229, 129);
      --accent: 0, 229, 129 !important;
  }
  
  #page-content .table1 tr td {
      border-color: rgb(40, 159, 107);
  }
  
  #page-content .table2 tr th,
  #page-content .table2 .scp-image-block .scp-image-caption,
  #page-content .table2 .scp-image-block img {
      background-color: rgb(117, 167, 242);
      border-color: rgb(117, 167, 242);
      --link-txt-color: rgb(76, 146, 252);
      --accent: 76, 146, 252 !important;
  }
  
  #page-content .table2 tr td {
      border-color: rgb(117, 167, 242);
  }
  
  #page-content .table3 tr th,
  #page-content .table3 .scp-image-block .scp-image-caption,
  #page-content .table3 .scp-image-block img {
      background-color: rgb(255, 226, 82);
      border-color: rgb(255, 226, 82);
      --link-txt-color: rgb(255, 255, 46);
      --accent: 255, 255, 46 !important;
  }
  
  #page-content .table3 tr td {
      border-color: rgb(255, 226, 82);
  }
  
  #page-content .table4 tr th,
  #page-content .table4 .scp-image-block .scp-image-caption,
  #page-content .table4 .scp-image-block img {
      background-color: rgb(255, 141, 54);
      border-color: rgb(255, 141, 54);
      --link-txt-color: rgb(255, 98, 0);
      --accent: 255, 98, 0 !important;
  }
  
  #page-content .table4 tr td {
      border-color: rgb(255, 141, 54);
  }
  
  #page-content .table5 tr th,
  #page-content .table5 .scp-image-block .scp-image-caption,
  #page-content .table5 .scp-image-block img {
      background-color: rgb(255, 34, 68);
      border-color: rgb(255, 34, 68);
      --link-txt-color: rgb(255, 71, 71);
      --accent: 255, 71, 71 !important;
  }
  
  #page-content .table5 tr td {
      border-color: rgb(255, 34, 68);
  }
  
  #page-content .table6 tr th,
  #page-content .table6 .scp-image-block .scp-image-caption,
  #page-content .table6 .scp-image-block img {
      background-color: rgb(188, 136, 255);
      border-color: rgb(188, 136, 255);
      --link-txt-color: rgb(197, 159, 245);
      --accent: 197, 159, 245 !important;
  }
  
  #page-content .table6 tr td {
      border-color: rgb(188, 136, 255);
  }
  
  /* CONTENT > Tables Customization (Table Coloring System) > Other Colored Divs */
  
  .table1 .jotting,
  .table1 .notation,
  .table1 .modal,
  .table1 .paper,
  .jotting.table1,
  .notation.table1,
  .modal.table1,
  .paper.table1 {
      border-color: rgb(var(--one-color));
      --link-txt-color: rgb(var(--one-color));
      --accent: var(--one-color) !important;
  }
  
  .table2 .jotting,
  .table2 .notation,
  .table2 .modal,
  .table2 .paper,
  .jotting.table2,
  .notation.table2,
  .modal.table2,
  .paper.table2 {
      border-color: rgb(var(--two-color));
      --link-txt-color: rgb(var(--two-color));
      --accent: var(--two-color) !important;
  }
  
  .table3 .jotting,
  .table3 .notation,
  .table3 .modal,
  .table3 .paper,
  .jotting.table3,
  .notation.table3,
  .modal.table3,
  .paper.table3 {
      border-color: rgb(var(--three-color));
      --link-txt-color: rgb(var(--three-color));
      --accent: var(--three-color) !important;
  }
  
  .table4 .jotting,
  .table4 .notation,
  .table4 .modal,
  .table4 .paper,
  .jotting.table4,
  .notation.table4,
  .modal.table4,
  .paper.table4 {
      border-color: rgb(var(--four-color));
      --link-txt-color: rgb(var(--four-color));
      --accent: var(--four-color) !important;
  }
  
  .table5 .jotting,
  .table5 .notation,
  .table5 .modal,
  .table5 .paper,
  .jotting.table5,
  .notation.table5,
  .modal.table5,
  .paper.table5 {
      border-color: rgb(var(--five-color));
      --link-txt-color: rgb(var(--five-color));
      --accent: var(--five-color) !important;
  }
  
  .table6 .jotting,
  .table6 .notation,
  .table6 .modal,
  .table6 .paper,
  .jotting.table6,
  .notation.table6,
  .modal.table6,
  .paper.table6 {
      border-color: rgb(var(--six-color));
      --link-txt-color: rgb(var(--six-color));
      --accent: var(--six-color) !important;
  }
  
  .table1 .blockquote,
  .table1 div.blockquote,
  .table1 blockquote,
  .table2 .blockquote,
  .table2 div.blockquote,
  .table2 blockquote,
  .table3 .blockquote,
  .table3 div.blockquote,
  .table3 blockquote,
  .table4 .blockquote,
  .table4 div.blockquote,
  .table4 blockquote,
  .table5 .blockquote,
  .table5 div.blockquote,
  .table5 blockquote,
  .table6 .blockquote,
  .table6 div.blockquote,
  .table6 blockquote,
  .blockquote.table1,
  div.blockquote.table1,
  .blockquote.table2,
  div.blockquote.table2,
  .blockquote.table3,
  div.blockquote.table3,
  .blockquote.table4,
  div.blockquote.table4,
  .blockquote.table5,
  div.blockquote.table5,
  .blockquote.table6,
  div.blockquote.table6 {
      background: var(--dark-bg-1);
  }
  
  .table1 .jotting,
  .table1 .notation,
  .table1 .modal,
  .table1 .paper,
  .jotting.table1,
  .notation.table1,
  .modal.table1,
  .paper.table1,
  .table2 .jotting,
  .table2 .notation,
  .table2 .modal,
  .table2 .paper,
  .jotting.table2,
  .notation.table2,
  .modal.table2,
  .paper.table2,
  .table3 .jotting,
  .table3 .notation,
  .table3 .modal,
  .table3 .paper,
  .jotting.table3,
  .notation.table3,
  .modal.table3,
  .paper.table3,
  .table4 .jotting,
  .table4 .notation,
  .table4 .modal,
  .table4 .paper,
  .jotting.table4,
  .notation.table4,
  .modal.table4,
  .paper.table4,
  .table5 .jotting,
  .table5 .notation,
  .table5 .modal,
  .table5 .paper,
  .jotting.table5,
  .notation.table5,
  .modal.table5,
  .paper.table5,
  .table6 .jotting,
  .table6 .notation,
  .table6 .modal,
  .table6 .paper,
  .jotting.table6,
  .notation.table6,
  .modal.table6,
  .paper.table6 {
      background: var(--dark-bg-1);
  }
  
  .table1 .blockquote,
  .table1 div.blockquote,
  .table1 blockquote,
  .blockquote.table1,
  div.blockquote.table1 {
      border-left-color: rgb(var(--one-color));
      --link-txt-color: rgb(var(--one-color));
      --accent: var(--one-color) !important;
  }
  
  .table2 .blockquote,
  .table2 div.blockquote,
  .table2 blockquote,
  .blockquote.table2,
  div.blockquote.table2 {
      border-left-color: rgb(var(--two-color));
      --link-txt-color: rgb(var(--two-color));
      --accent: var(--two-color) !important;
  }
  
  .table3 .blockquote,
  .table3 div.blockquote,
  .table3 blockquote,
  .blockquote.table3,
  div.blockquote.table3 {
      border-left-color: rgb(var(--three-color));
      --link-txt-color: rgb(var(--three-color));
      --accent: var(--three-color) !important;
  }
  
  .table4 .blockquote,
  .table4 div.blockquote,
  .table4 blockquote,
  .blockquote.table4,
  div.blockquote.table4 {
      border-left-color: rgb(var(--four-color));
      --link-txt-color: rgb(var(--four-color));
      --accent: var(--four-color) !important;
  }
  
  .table5 .blockquote,
  .table5 div.blockquote,
  .table5 blockquote,
  .blockquote.table5,
  div.blockquote.table5 {
      border-left-color: rgb(var(--five-color));
      --link-txt-color: rgb(var(--five-color));
      --accent: var(--five-color) !important;
  }
  
  .table6 .blockquote,
  .table6 div.blockquote,
  .table6 blockquote,
  .blockquote.table6,
  div.blockquote.table6 {
      border-left-color: rgb(var(--six-color));
      --link-txt-color: rgb(var(--six-color));
      --accent: var(--six-color) !important;
  }
  
  /* CONTENT > Tabs Customization */
  
  .yui-navset .yui-nav,
  .yui-navset .yui-navset-top .yui-nav {
      border-color: rgb(var(--accent));
  }
  
  .yui-navset .yui-nav a,
  .yui-navset .yui-navset-top .yui-nav a {
      color: var(--dark-txt-color);
      background-color: var(--dark-bg-1);
  }
  
  .yui-navset .yui-nav a:hover,
  .yui-navset .yui-nav a:focus {
      color: var(--dark-txt-color);
      background-color: rgb(var(--accent));
  }
  
  .yui-navset .yui-nav li,
  .yui-navset .yui-navset-top .yui-nav li {
      color: var(--dark-txt-color);
      background-color: var(--dark-bg-1);
  }
  
  .yui-navset .yui-nav .selected,
  .yui-navset .yui-navset-top .yui-nav .selected {
      background-color: rgb(var(--accent));
  }
  
  .yui-navset .yui-nav .selected a {
      color: var(--dark-bg-1);
  }
  
  .yui-navset .yui-nav .selected a:focus,
  .yui-navset .yui-nav .selected a:active {
      color: var(--dark-bg-1);
      background-color: rgb(var(--accent));
  }
  
  .yui-navset .yui-content {
      background-color: var(--dark-bg-1);
  }
  
  /* CONTENT > Collapsibles */
  
  #page-content a.collapsible-block-link:not(.licensebox a.collapsible-block-link, .info-container a.collapsible-block-link, .default-col a.collapsible-block-link) {
      color: var(--dark-txt-color);
      background: rgba(0, 0, 0, 0.4);
      box-shadow: inset 0px 0px 0px 2px rgb(var(--accent));
  }
  
  #page-content a.collapsible-block-link:not(.licensebox a.collapsible-block-link, .info-container a.collapsible-block-link, .default-col a.collapsible-block-link):hover {
      background: rgba(var(--accent), 0.25);
  }
  
  /* CONTENT > ACS Adjustments */
  
  /*  ACS COLORS by Nagiros  */
  
  .anom-bar>.bottom-box {
      /*  horizontal bar  */
      box-shadow: 0 -0.5rem 0 0 rgb(207, 207, 207) !important;
      -webkit-box-shadow: 0 -0.5rem 0 0 rgb(207, 207, 207) !important;
      -moz-box-shadow: 0 -0.5rem 0 0 rgb(207, 207, 207) !important;
      box-shadow: 0 -0.5rem 0 0 rgb(var(--white-bar, 207, 207, 207)) !important;
      -webkit-box-shadow: 0 -0.5rem 0 0 rgb(var(--white-bar, 207, 207, 207)) !important;
      -moz-box-shadow: 0 -0.5rem 0 0 rgb(var(--white-bar, 207, 207, 207)) !important;
  }
  
  .bottom-box>.diamond-part {
      /*  vertical bar  */
      box-shadow: -0.5rem 0 0 0 rgb(207, 207, 207) !important;
      -webkit-box-shadow: -0.5rem 0 0 0 rgb(207, 207, 207) !important;
      -moz-box-shadow: -0.5rem 0 0 0 rgb(207, 207, 207) !important;
      box-shadow: -0.5rem 0 0 0 rgb(var(--white-bar, 207, 207, 207)) !important;
      -webkit-box-shadow: -0.5rem 0 0 0 rgb(var(--white-bar, 207, 207, 207)) !important;
      -moz-box-shadow: -0.5rem 0 0 0 rgb(var(--white-bar, 207, 207, 207)) !important;
  }
  
  .anom-bar-container.esoteric .text-part .main-class,
  .anom-bar-container.explained .text-part .main-class,
  .anom-bar-container.neutralized .text-part .main-class,
  .anom-bar-container.pending .text-part .main-class {
      background-color: rgba(66, 66, 72, .5) !important;
      background-color: rgba(var(--gray-bg, 66, 66, 72), .5) !important;
      border-left-color: rgb(118, 118, 130) !important;
      border-left-color: rgb(var(--lg-bar, 118, 118, 130)) !important;
  }
  
  .danger-diamond>.arrows {
      /*  inverted arrows  */
      filter: invert(90%) !important;
      -webkit-filter: invert(90%) !important;
  }
  
  .danger-diamond>.quadrants>.bottom-quad,
  .anom-bar-container.explained .danger-diamond>.quadrants>.top-quad,
  .anom-bar-container.neutralized .danger-diamond>.quadrants>.top-quad,
  .anom-bar-container.pending .danger-diamond>.quadrants>.top-quad {
      /*  "transparent" bottoms/top icon backgrounds  */
      background-color: rgb(26, 26, 26) !important;
      /*  body background color  */
  }
  
  .danger-diamond>.bottom-icon,
  .anom-bar-container.pending .danger-diamond>.top-icon::before {
      /*  esoteric, pending icon backgrounds  */
      background-color: rgb(3, 3, 3) !important;
  }
  
  .anom-bar>.bottom-box::before {
      background-color: var(--white-bar);
  }
  
  /* CONTENT > Woed Bar Adjustments */
  
  div.scale div.item1>div,
  div.scale div.class1>div,
  div.scale div.obj {
      color: var(--dark-txt-color);
  }
  
  div.scale div.obj {
      background-color: var(--dark-bg-1);
      box-shadow: inset 0px 0px 0px 2px rgba(0, 0, 0, 0.35);
  }
  
  /* MISC */
  
  #footer,
  #footer a {
      color: var(--dark-txt-color);
  }
  
  #license-area {
      color: var(--dark-txt-color);
      background: var(--dark-bg-1);
      border-top: solid 2px rgba(0, 0, 0, 0.3);
  }
  
  #top-bar ul li.sfhover a,
  #top-bar ul li:hover a {
      border-left: solid 1px var(--dark-bg-1);
      border-right: solid 1px var(--dark-bg-1);
  }
  
  #top-bar ul li.sfhover ul li a,
  #top-bar ul li:hover ul li a {
      border-top-color: var(--dark-bg-1);
  }
  
  #header #top-bar a {
      color: var(--dark-bg-1);
  }
  
  #page-content hr:not(.fancyhr hr) {
      background-color: rgb(var(--accent));
  }
  
  #page-content .divider>hr,
  div.paper hr {
      border-top-color: rgb(var(--accent));
  }
  
  .page-options-bottom a {
      color: var(--dark-bg-1);
      background: rgb(var(--accent));
  }
  
  .page-options-bottom a:hover {
      background: rgba(var(--accent), 0.3);
      color: var(--dark-txt-color);
  }
  
  .code {
      background-color: #F8F8F8;
      border: solid 3px var(--dark-bg-2);
      box-shadow: none;
  }
  
  .fncon {
      background-color: var(--dark-bg-1);
      border-color: rgb(var(--accent));
  }
  
  /* Pop-Up Windows */
  .owindow {
      background-color: var(--dark-bg-1);
      border-color: rgb(var(--accent));
  }
  
  .owindow .modal-header {
      background-color: var(--dark-bg-1);
  }
  
  .owindow .modal-body img {
      background-color: transparent !important;
  }
  
  .owindow .title {
      background-color: rgba(0, 0, 0, 0.4);
      color: rgb(var(--dark-txt-color));
      border-bottom-color: rgba(0, 0, 0, 0.6);
  }
  
  .owindow .button-bar a {
      background-color: rgba(0, 0, 0, 0.4);
      color: var(--dark-txt-color);
  }
  
  .owindow .button-bar a:hover {
      background-color: rgb(var(--accent));
      color: var(--dark-bg-1);
  }
  
  .buttons .btn {
      background-color: rgba(0, 0, 0, 0.5);
      border-color: rgb(var(--accent));
      color: #dfdfdf;
  }
  
  .buttons .btn:hover {
      background-color: rgb(var(--accent));
      color: var(--dark-txt-color);
  }
  
  #edit-cancel-button,
  #edit-diff-button,
  #edit-preview-button,
  #edit-save-draft-button,
  #edit-save-continue-button,
  #edit-save-button {
      background: var(--dark-bg-1);
      color: var(--dark-txt-color);
      border-color: #979797;
  }
  
  #edit-cancel-button:hover,
  #edit-diff-button:hover,
  #edit-preview-button:hover,
  #edit-save-draft-button:hover,
  #edit-save-continue-button:hover,
  #edit-save-button:hover {
      background: var(--dark-bg-1);
      border-color: rgb(var(--accent));
      color: rgb(var(--accent));
  }
  
  #edit-save-button,
  #edit-save-continue-button {
      --accent: 33, 255, 58;
  }
  
  #edit-cancel-button {
      --accent: 255, 31, 41;
  }
  
  #lock-info {
      background-color: var(--dark-bg-1);
  }
  
  a.action-area-close:hover {
      background-color: var(--dark-bg-1);
      color: rgb(var(--accent));
  }
  
  .wd-editor-toolbar-panel {
      filter: invert(90%) hue-rotate(180deg);
  }
  
  .pager .current {
      background-color: rgb(var(--accent));
      border-color: var(--dark-txt-color);
  }
  
  table.page-history tbody tr {
      color: var(--dark-txt-color);
  }
  
  textarea,
  input.text {
      background-color: var(--dark-bg-1);
      color: var(--dark-txt-color);
  }
  
  .hovertip {
      background: var(--dark-bg-1) !important;
  }
  
  #main-content .page-tags {
      border-color: rgb(var(--accent));
  }
  
  #main-content .page-tags a {
      color: var(--dark-bg-1);
  }
  
  #main-content .page-tags a::after {
      background-color: var(--dark-bg-1);
  }
  
  #action-area>p {
      color: #c9eede;
  }
  
  .yui-ac-content {
      border: 1px solid var(--dark-txt-color);
      background: var(--dark-bg-1);
  }
  
  .autocomplete-list li:hover {
      background: unset;
      color: rgb(var(--accent));
  }
  
  .preview-message,
  .error-block {
      background-color: rgba(64, 14, 23, 0.7) !important;
      color: var(--dark-txt-color);
  }
  
  input.checkbox,
  .page-history input {
      filter: invert(1) grayscale(1);
  }
  
  #h-perpage {
      filter: invert(1);
  }
  
  table.page-history td.optionstd a,
  .pager .current,
  .pager a {
      border: 1px solid rgba(255, 255, 255, 0.25);
  }
  
  .inline-diff del {
      background-color: rgba(255, 0, 0, 0.6);
  }
  
  .inline-diff ins {
      background-color: rgba(0, 255, 52, 0.3);
  }
  
  .fader iframe,
  .fader a {
      border: none;
  }
  

  Pages using this styling

  • theme:foxtrot [info]

  ¶ 1 occurrence
  

  
  @import url('https://fonts.bunny.net/css2?family=Creepster&display=swap');
  
  :root {
      --header-title: "SCP FOUNDATION";
      --header-subtitle: "SPOOK, CREEP, PESTER";
      --logo-img: url(https://upload.wikimedia.org/wikipedia/commons/f/fc/Twemoji2_1f383.svg);
      --darkmode-logo-img: url(https://upload.wikimedia.org/wikipedia/commons/f/fc/Twemoji2_1f383.svg);
  
      --accent: var(--acc-spooky);
  
      --head-font: 'Creepster';
  
      --dark-bg-1: #130417 !important;
      --dark-bg-2: #1D111B !important;
  }
  
  body {
      background-image: linear-gradient(to bottom, #c4eea8, #f7fff6 200px);
  }
  

  Pages using this styling

  • theme:foxtrot [info]

  ¶ 1 occurrence
  

  
  @import url('https://fonts.bunny.net/css2?family=Russo+One&display=swap');
  
  :root {
  
      --accent: var(--acc-goc);
      --header-title: "G.O.C.";
      --header-subtitle: "CASEFILES ARCHIVE";
      --head-font: 'Russo One';
      --logo-opacity: 34%;
  
      --dark-bg-1: #0d1222 !important;
      --dark-bg-2: #00040f !important;
  
  /* animated GOC logo by 7happy7 */
  
      --logo-img: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.0' width='400.000000pt' height='400.000000pt' viewBox='0 0 400.000000 400.000000' preserveAspectRatio='xMidYMid meet'%3E%3Cstyle xmlns='http://www.w3.org/2000/svg'%3E%0Apath %7B fill: %234c98e4; animation: stroke-anim-2 8s ease-in-out 1 alternate;%0A%7D path%5Bstyle='fill:red;'%5D %7B fill: %234367aa !important;%0A%7D .st0 %7B stroke: %23245299; stroke-dasharray: 200%25; stroke-width: 1.5px; animation: stroke-anim 8s ease-in-out 1 alternate;%0A%7D @keyframes stroke-anim %7B 0%25, 10%25 %7B stroke-dashoffset: 200%25; fill: transparent; %7D 50%25, 70%25 %7B fill: transparent; %7D 80%25, 100%25 %7B stroke-dashoffset: 0%25; fill: %23245299; %7D%0A%7D @keyframes stroke-anim-2 %7B 0%25, 65%25 %7B fill: transparent; %7D 80%25 %7B fill: %234c98e4; %7D%0A%7D %3C/style%3E%3Cg xmlns='http://www.w3.org/2000/svg' style='transform-origin: 78px 24px;transform: scale(0.69);'%3E%3Cpolygon xmlns='http://www.w3.org/2000/svg' class='st0' points='158.227,313.474 185.858,333.556 217.339,356.416 244.97,336.31 196.413,301.055 196.406,301.063 168.775,280.988 168.767,280.996 99.983,231.004 171.375,231.004 181.9,198.51 0,198.51 158.204,313.489 ' style='fill: %23245299;' /%3E%3Cpolygon class='st0' points='200.617,288.06 219.157,231.004 229.735,198.51 256.023,117.683 278.069,185.516 312.25,185.516 256.023,12.546 240.558,60.067 195.546,198.51 185.021,231.004 173.024,268.009 ' style='fill: %23245299;' /%3E%3Cpolygon class='st0' points='353.78,313.474 343.226,280.988 343.226,280.996 331.183,243.999 297.048,243.999 315.587,301.055 315.587,301.07 326.15,333.556 326.158,333.548 352.408,414.422 294.661,372.493 267.062,392.546 414.227,499.454 353.796,313.489 ' style='fill: %23245299;' /%3E%3Cpolygon class='st0' points='354.272,272.98 364.842,305.473 512,198.51 243.374,198.51 232.85,231.004 412.018,231.004 354.272,272.933 ' style='fill: %23245299;' /%3E%3Cpolygon class='st0' points='315.066,341.603 304.495,309.109 256.023,344.372 228.385,364.432 159.592,414.422 181.646,346.536 154.001,326.438 97.773,499.454 256.023,384.522 283.616,364.432 ' style='fill: %23245299;' /%3E%3C/g%3E%3Cg transform='translate(0.000000,400.000000) scale(0.100000,-0.100000)' fill='%23000000' stroke='none'%3E%3Cpath xmlns='http://www.w3.org/2000/svg' style='fill:red;' d='M1523 3493 c-24 -8 -43 -19 -43 -25 0 -5 -5 -6 -10 -3 -13 8 -120 -40 -120 -54 0 -6 -6 -8 -14 -5 -18 7 -95 -32 -103 -51 -3 -8 -14 -15 -24 -15 -25 0 -89 -41 -89 -57 0 -18 14 -16 53 7 32 19 35 19 41 4 4 -9 5 -18 4 -19 -2 -1 -17 -10 -35 -21 -22 -13 -29 -24 -24 -33 7 -11 14 -10 37 5 16 10 39 27 52 38 12 11 22 16 22 12 0 -5 7 -3 15 4 13 11 13 15 0 41 -14 26 -14 29 7 40 18 10 24 8 34 -6 7 -10 15 -23 17 -28 2 -6 11 -8 21 -4 9 4 15 11 12 15 -3 5 7 9 22 9 15 0 45 9 67 19 22 10 42 18 45 19 35 6 100 31 100 39 0 25 -25 86 -34 85 -6 -1 -30 -8 -53 -16z m15 -35 c-17 -6 -28 -17 -28 -29 0 -10 -4 -19 -9 -19 -9 0 -24 30 -18 36 7 7 53 23 67 23 8 -1 3 -5 -12 -11z m-88 -53 c0 -16 -35 -29 -50 -20 -16 10 -12 21 13 32 25 12 37 8 37 -12z' /%3E%3Cpath xmlns='http://www.w3.org/2000/svg' style='fill:red;' d='M2390 3487 c0 -9 13 -18 30 -22 28 -6 30 -10 28 -42 -5 -65 29 -50 46 20 7 30 -3 37 -71 52 -26 5 -33 3 -33 -8z' /%3E%3Cpath xmlns='http://www.w3.org/2000/svg' style='fill:red;' d='M2516 3422 c7 -51 19 -72 40 -72 17 0 94 49 94 60 0 16 -33 20 -49 7 -9 -8 -23 -17 -31 -21 -8 -4 -6 0 5 9 14 12 16 19 7 22 -7 3 -18 10 -25 17 -6 7 -20 15 -30 19 -17 6 -18 2 -11 -41z' /%3E%3Cpath xmlns='http://www.w3.org/2000/svg' d='M1703 3409 c-371 -78 -708 -306 -906 -614 -47 -74 -127 -228 -127 -245 0 -5 16 -10 35 -10 34 0 36 3 76 83 48 95 98 171 170 258 l51 61 79 -78 78 -77 -38 -46 c-42 -51 -118 -162 -127 -186 -5 -11 1 -15 18 -15 19 0 36 17 81 83 30 45 66 92 79 104 l24 23 73 -74 c73 -73 73 -74 56 -99 l-16 -25 71 0 72 0 -22 23 -21 22 48 43 c26 23 82 62 125 87 47 28 78 53 82 66 3 12 3 23 1 25 -9 9 -167 -83 -227 -132 l-65 -54 -74 74 -73 74 34 36 c44 45 197 148 270 182 30 13 93 37 139 52 63 20 86 32 92 48 12 31 -12 29 -122 -8 -150 -50 -266 -115 -384 -215 l-67 -57 -77 76 -76 77 54 51 c107 99 273 201 423 258 62 24 223 65 289 74 42 6 47 10 57 41 l10 35 -36 -1 c-21 0 -78 -9 -129 -20z' /%3E%3Cpath d='M2164 3394 c12 -37 13 -37 106 -56 215 -43 441 -155 605 -299 33 -29 59 -55 57 -58 -2 -3 -35 -39 -74 -79 l-70 -72 -42 38 c-56 52 -150 115 -238 159 -85 43 -242 95 -246 83 -9 -24 23 -47 102 -74 84 -28 96 -41 47 -48 -40 -5 -35 -23 23 -88 31 -35 56 -69 56 -77 0 -11 7 -13 28 -8 22 4 33 0 52 -20 16 -17 19 -25 9 -25 -8 0 7 -15 33 -33 l47 -34 -28 -27 -29 -28 -60 49 c-33 26 -88 63 -123 82 l-62 34 7 -29 c8 -32 12 -36 80 -76 33 -20 44 -32 40 -43 -7 -18 32 -65 54 -65 13 0 12 3 -1 18 -25 27 -21 36 7 15 l24 -18 -20 -22 -20 -21 72 0 73 0 -22 21 -21 21 31 32 31 32 47 -25 c25 -14 60 -38 76 -54 37 -34 48 -36 73 -9 17 18 20 19 32 5 12 -14 60 -22 60 -9 0 11 -86 131 -124 172 l-40 43 77 77 77 77 30 -35 c61 -70 138 -177 184 -257 45 -78 50 -83 82 -83 20 0 34 5 34 12 0 6 -23 53 -51 103 -196 355 -529 610 -919 703 -47 11 -106 23 -132 27 l-47 6 13 -37z m561 -568 c16 -14 26 -29 22 -33 -11 -11 -36 7 -76 57 -35 44 -36 44 -6 22 17 -12 43 -33 60 -46z m80 -77 c11 -17 0 -20 -21 -4 -17 13 -17 14 -2 15 9 0 20 -5 23 -11z' /%3E%3Cpath xmlns='http://www.w3.org/2000/svg' style='fill:red;' d='M2623 3377 c-41 -29 -47 -47 -17 -47 8 0 26 7 39 16 23 15 24 15 30 -13 11 -46 14 -53 25 -53 5 0 10 23 10 53 0 46 -3 55 -22 64 -19 8 -31 4 -65 -20z' /%3E%3Cpath xmlns='http://www.w3.org/2000/svg' style='fill:red;' d='M2739 3319 c-13 -27 -17 -45 -11 -51 14 -14 26 -5 51 37 20 34 20 35 1 45 -17 9 -22 5 -41 -31z' /%3E%3Cpath xmlns='http://www.w3.org/2000/svg' style='fill:red;' d='M2798 3279 c-21 -11 -38 -23 -38 -28 0 -16 26 -19 51 -5 37 20 42 17 36 -20 -4 -24 -1 -39 9 -47 19 -15 20 -13 28 48 6 45 4 53 -13 62 -26 14 -29 14 -73 -10z' /%3E%3Cpath xmlns='http://www.w3.org/2000/svg' style='fill:red;' d='M1083 3269 c-6 -6 -10 -25 -8 -43 1 -17 0 -23 -2 -13 -5 20 -7 20 -31 8 -9 -5 -25 -12 -34 -15 -31 -9 -19 -24 33 -41 69 -23 83 -10 73 63 -7 54 -12 60 -31 41z' /%3E%3Cpath xmlns='http://www.w3.org/2000/svg' style='fill:red;' d='M2943 3223 c3 -15 -1 -23 -14 -26 -40 -11 -33 -37 22 -93 l53 -54 21 20 c26 24 38 25 55 5 11 -13 9 -20 -10 -40 -18 -20 -21 -28 -12 -37 9 -9 15 -9 24 0 16 16 28 15 28 -1 0 -8 9 -22 20 -32 11 -10 20 -23 20 -29 0 -5 -13 5 -29 24 -40 48 -52 30 -14 -22 36 -49 43 -53 68 -35 18 14 18 15 -5 53 l-23 39 30 -34 c17 -20 32 -30 36 -24 9 14 -49 93 -68 93 -8 0 -15 8 -15 18 0 20 -59 82 -78 82 -7 0 -12 6 -12 14 0 21 -20 30 -33 17 -17 -17 -27 -13 -27 13 0 13 -9 34 -21 47 -20 23 -20 24 -16 2z m27 -78 c7 -8 8 -15 2 -15 -5 0 -15 7 -22 15 -7 8 -8 15 -2 15 5 0 15 -7 22 -15z' /%3E%3Cpath xmlns='http://www.w3.org/2000/svg' style='fill:red;' d='M959 3170 c-12 -8 -11 -14 5 -40 25 -44 7 -64 -29 -30 -20 19 -27 21 -40 10 -8 -7 -12 -16 -9 -21 3 -5 -1 -9 -9 -9 -18 0 -77 -65 -77 -84 0 -14 41 -56 56 -56 16 0 74 64 74 82 0 9 6 15 13 14 16 -1 117 88 117 103 0 14 -23 14 -37 0 -7 -7 -16 -3 -30 14 -14 18 -24 23 -34 17z m-72 -146 c8 -20 -21 -48 -42 -40 -15 5 -14 8 2 31 21 29 31 31 40 9z' /%3E%3Cpath d='M1987 3019 c-4 -13 -7 -48 -7 -76 0 -41 -4 -53 -15 -53 -9 0 -19 -10 -24 -22 -7 -19 -5 -24 13 -28 19 -5 21 -14 24 -103 3 -107 7 -102 -70 -112 -35 -4 -49 -11 -53 -26 -4 -11 -5 -22 -3 -24 1 -2 28 1 58 7 45 8 56 7 66 -6 15 -21 44 -21 44 0 0 17 10 16 103 -2 27 -6 32 1 21 30 -4 10 -26 17 -65 22 l-59 7 0 103 c0 97 1 104 20 104 25 0 26 25 2 42 -13 9 -21 31 -25 70 -3 31 -10 64 -15 74 -8 14 -10 13 -15 -7z' /%3E%3Cpath xmlns='http://www.w3.org/2000/svg' style='fill:red;' d='M765 2969 c-4 -5 1 -19 11 -30 16 -18 16 -19 -9 -19 -24 0 -88 -44 -77 -52 75 -57 78 -58 91 -42 11 13 9 19 -11 35 l-25 19 36 0 c23 0 42 7 54 20 18 20 18 21 -10 50 -30 31 -49 37 -60 19z' /%3E%3Cpath d='M3045 2330 c-3 -5 -1 -10 4 -10 6 0 11 5 11 10 0 6 -2 10 -4 10 -3 0 -8 -4 -11 -10z' /%3E%3Cpath d='M2567 2165 l55 -165 29 21 c38 27 65 68 61 92 -2 12 4 20 17 24 12 3 21 8 21 12 0 4 7 16 16 27 15 18 15 17 10 -18 -2 -21 -1 -38 5 -38 5 0 9 10 9 23 0 12 4 28 9 35 6 10 10 8 14 -8 5 -19 8 -20 27 -8 22 14 22 17 -6 116 -12 45 -18 52 -39 52 -26 0 -31 -11 -16 -38 12 -23 2 -72 -15 -72 -7 0 -14 -14 -16 -32 -4 -44 -22 -38 -26 9 -5 59 -52 97 -52 42 0 -10 -6 -19 -14 -19 -18 0 -29 27 -13 34 8 3 6 5 -3 5 -8 1 -28 17 -43 36 -20 25 -36 35 -57 35 l-28 0 55 -165z' /%3E%3Cpath d='M2731 2309 c9 -17 13 -19 20 -8 14 22 11 29 -11 29 -18 0 -19 -3 -9 -21z' /%3E%3Cpath d='M1446 2302 c-3 -10 -37 -50 -76 -90 -38 -40 -70 -80 -70 -90 1 -15 2 -14 12 3 15 27 26 33 52 28 21 -4 22 -7 13 -58 -8 -41 -7 -58 3 -70 19 -23 26 -19 39 23 7 20 15 44 17 52 5 13 4 13 -5 0 -17 -24 -13 1 14 87 14 44 34 88 45 98 28 25 25 35 -9 35 -20 0 -32 -6 -35 -18z' /%3E%3Cpath d='M1712 2149 c-61 -194 -62 -217 -12 -308 16 -29 28 -57 25 -61 -2 -4 8 -13 23 -21 15 -8 45 -26 67 -40 46 -30 97 -49 132 -49 28 0 41 -25 25 -50 -9 -15 -7 -21 13 -34 13 -9 27 -16 30 -16 3 0 5 23 5 50 0 54 15 66 30 24 8 -20 13 -24 23 -15 9 7 17 7 24 0 7 -7 16 -5 27 7 12 12 14 20 7 27 -19 19 -12 29 13 23 14 -3 28 -1 31 4 4 6 12 9 19 8 7 -2 52 26 101 62 49 36 92 67 97 71 13 9 -141 459 -156 453 -7 -3 -32 4 -57 15 -37 17 -65 21 -183 21 -123 0 -142 -2 -172 -21 l-34 -21 0 21 c0 12 -6 21 -12 21 -8 0 -35 -70 -66 -171z m280 120 c-4 -39 15 -82 33 -75 21 8 45 -3 45 -20 0 -8 4 -14 9 -14 5 0 12 -12 15 -26 5 -19 11 -24 25 -19 21 6 38 -10 21 -20 -6 -4 -8 -21 -4 -41 5 -29 4 -34 -14 -34 -11 0 -25 -6 -31 -13 -9 -11 1 -18 47 -33 70 -23 67 -21 53 -38 -11 -13 -7 -18 21 -30 18 -8 26 -15 16 -15 -9 -1 -24 -10 -32 -22 -8 -13 -20 -18 -28 -14 -7 3 -6 1 3 -7 22 -18 33 -55 19 -63 -7 -4 -17 -2 -23 4 -8 8 -8 11 1 11 29 0 10 30 -23 36 -52 10 -62 2 -69 -60 -7 -54 -8 -55 -44 -62 -50 -10 -137 10 -191 44 -78 48 -146 161 -126 209 5 10 7 22 6 26 0 4 6 10 14 13 22 9 18 34 -5 34 -26 0 -26 22 1 46 20 18 21 18 35 0 7 -10 11 -22 9 -27 -10 -16 21 -15 35 1 8 9 25 20 38 24 12 4 22 11 22 16 0 5 -7 7 -15 4 -8 -4 -15 -3 -15 1 0 12 45 44 62 45 19 0 76 100 58 100 -6 0 -8 5 -4 12 4 6 -9 -1 -30 -17 -33 -25 -39 -27 -61 -15 -41 22 -34 27 75 64 35 11 55 2 52 -25z' /%3E%3Cpath d='M1812 2044 c-12 -15 -26 -24 -29 -20 -7 7 -33 -12 -33 -25 0 -17 37 -9 55 11 18 20 45 27 45 12 0 -11 -39 -47 -67 -61 -13 -6 -28 -21 -34 -33 -10 -18 -9 -20 6 -15 9 4 25 3 35 -3 15 -8 24 -3 49 25 37 42 43 94 12 102 -12 3 -17 11 -14 19 8 20 1 17 -25 -12z' /%3E%3Cpath d='M1955 1760 c3 -5 8 -10 11 -10 2 0 4 5 4 10 0 6 -5 10 -11 10 -5 0 -7 -4 -4 -10z' /%3E%3Cpath d='M1161 2288 c-26 -70 -24 -84 17 -117 42 -33 52 -37 52 -21 0 6 -6 10 -14 10 -32 0 -37 25 -16 85 11 32 20 60 20 62 0 1 -11 3 -25 3 -17 0 -28 -7 -34 -22z' /%3E%3Cpath d='M3368 2249 l-27 -20 6 -104 6 -105 -106 0 -107 0 0 25 c0 14 -4 25 -9 25 -5 0 -18 -11 -29 -25 -11 -14 -25 -25 -32 -25 -6 0 -23 -9 -37 -20 l-26 -20 43 0 43 0 -6 -77 c-12 -153 -83 -364 -160 -478 l-26 -38 -17 42 c-9 23 -22 40 -28 38 -22 -7 -29 -103 -11 -157 9 -28 20 -48 24 -45 18 11 115 161 151 232 64 131 120 338 120 449 l0 34 105 0 105 0 0 -53 c0 -140 -62 -371 -141 -529 -48 -96 -139 -230 -205 -303 -43 -48 -46 -49 -59 -31 -24 31 -24 15 -1 -53 l22 -63 70 75 c276 295 418 703 383 1101 -5 66 -13 125 -17 132 -5 9 -14 7 -34 -7z' /%3E%3Cpath d='M573 2202 c-16 -111 -8 -369 15 -474 61 -282 183 -513 376 -715 48 -51 91 -93 95 -93 4 0 12 18 17 39 10 35 8 42 -10 60 l-20 21 41 42 c39 40 63 83 63 111 0 6 -31 -19 -68 -56 l-69 -68 -47 52 c-181 201 -303 492 -331 792 -6 63 -5 67 14 67 19 0 21 -6 21 -70 0 -40 4 -70 10 -70 6 0 10 11 10 24 0 14 8 32 17 41 15 16 18 14 42 -31 21 -41 26 -45 29 -26 5 32 14 27 36 -20 11 -23 21 -37 24 -30 7 21 22 13 22 -11 0 -12 6 -31 14 -42 7 -11 23 -51 35 -90 45 -138 128 -289 219 -395 l30 -35 10 24 c7 21 1 35 -44 95 -30 38 -67 96 -85 129 l-31 58 47 -35 c26 -20 57 -36 70 -36 14 0 35 -14 55 -36 17 -20 32 -35 34 -33 9 13 96 304 96 323 0 12 -10 32 -22 43 -32 28 -366 263 -374 263 -4 0 -12 7 -18 15 -6 8 -26 19 -45 25 -30 8 -33 8 -28 -11 4 -15 1 -19 -11 -17 -9 2 -18 12 -20 23 -2 12 -12 26 -23 33 -16 10 -24 9 -48 -9 -16 -12 -32 -30 -34 -40 -6 -22 -45 -26 -53 -5 -3 8 -1 52 4 97 11 88 10 90 -40 119 -14 9 -18 2 -25 -48z' /%3E%3Cpath xmlns='http://www.w3.org/2000/svg' style='fill:red;' d='M3444 2209 c3 -17 6 -53 6 -80 0 -48 1 -49 31 -49 l30 0 -25 -22 c-23 -20 -27 -33 -31 -103 -3 -44 -8 -95 -11 -113 -4 -26 0 -37 17 -51 l22 -18 -26 -7 c-18 -4 -27 -13 -27 -26 0 -11 0 -23 0 -27 0 -5 13 -11 29 -16 26 -6 28 -10 22 -35 -6 -23 -13 -27 -42 -27 -53 0 -51 -30 3 -43 24 -6 46 -8 49 -4 8 9 29 96 29 121 0 15 -7 21 -22 22 -21 1 -21 2 5 12 31 12 36 41 10 56 -16 9 -16 10 3 11 25 0 34 36 34 138 0 61 -1 62 -27 62 l-27 0 27 28 c16 16 27 39 27 55 0 24 -4 27 -35 27 -31 0 -35 3 -35 25 0 21 5 25 30 25 23 0 30 4 30 20 0 16 -7 20 -35 20 -24 0 -35 5 -35 15 0 8 -7 15 -16 15 -13 0 -15 -7 -10 -31z m75 -281 c-2 -34 -3 -37 -6 -13 -3 16 -12 35 -21 42 -15 11 -15 12 6 13 20 0 22 -5 21 -42z' /%3E%3Cpath xmlns='http://www.w3.org/2000/svg' style='fill:red;' d='M445 2150 c-6 -48 -4 -64 6 -71 10 -6 11 -9 2 -9 -9 0 -13 -19 -13 -60 0 -47 3 -60 15 -60 11 0 15 12 16 43 2 34 3 36 6 12 3 -16 11 -34 20 -38 13 -8 13 -10 -1 -20 -8 -7 -17 -30 -19 -52 l-4 -40 -1 43 c-1 30 -6 42 -14 40 -26 -9 -20 -114 7 -124 8 -3 28 0 45 7 27 13 30 18 30 60 0 25 -3 48 -6 52 -9 9 -5 134 6 201 6 32 9 61 6 63 -3 3 -25 8 -49 10 l-45 5 -7 -62z m65 -10 c0 -23 -4 -30 -20 -30 -16 0 -20 7 -20 30 0 23 4 30 20 30 16 0 20 -7 20 -30z' /%3E%3Cpath d='M2834 1852 c-12 -9 -27 -39 -34 -67 -7 -27 -24 -74 -36 -103 -21 -47 -22 -57 -11 -84 l13 -31 31 70 c17 38 38 94 46 124 32 117 32 125 -9 91z' /%3E%3Cpath xmlns='http://www.w3.org/2000/svg' style='fill:red;' d='M520 1795 c0 -21 -5 -25 -30 -25 -24 0 -30 -4 -30 -21 0 -18 5 -21 35 -17 31 4 35 1 35 -19 0 -18 -6 -23 -24 -23 -28 0 -39 -11 -30 -33 3 -9 13 -13 25 -10 23 6 23 1 5 -35 -8 -16 -10 -35 -6 -47 7 -18 8 -19 15 -3 5 12 14 16 29 12 39 -10 49 16 32 83 -8 32 -18 82 -22 111 -4 34 -11 52 -20 52 -8 0 -14 -10 -14 -25z m27 -167 c-3 -8 -6 -5 -6 6 -1 11 2 17 5 13 3 -3 4 -12 1 -19z' /%3E%3Cpath d='M756 1635 c8 -37 14 -45 14 -19 0 10 -5 26 -10 34 -8 11 -9 7 -4 -15z' /%3E%3Cpath d='M2443 1563 c-27 -21 -30 -28 -23 -48 8 -21 4 -28 -31 -56 -22 -17 -59 -37 -82 -44 -23 -7 -42 -17 -42 -23 0 -9 366 -282 372 -278 4 3 -149 460 -156 468 -3 3 -20 -5 -38 -19z m35 -85 c19 -19 14 -30 -10 -26 -13 2 -24 11 -26 21 -4 20 18 23 36 5z' /%3E%3Cpath d='M1521 1549 c-15 -44 -14 -46 14 -19 l25 23 23 -20 c32 -29 136 -97 142 -92 4 4 -179 139 -189 139 -2 0 -9 -14 -15 -31z' /%3E%3Cpath xmlns='http://www.w3.org/2000/svg' style='fill:red;' d='M560 1555 c-32 -11 -35 -16 -34 -48 1 -20 10 -49 20 -64 10 -15 17 -32 16 -36 -4 -12 39 -107 49 -107 17 0 19 21 4 49 -19 38 -19 51 0 51 8 0 28 -27 44 -59 l30 -59 -29 -12 c-33 -14 -36 -20 -19 -37 9 -9 19 -8 40 3 26 13 29 13 39 -6 9 -17 7 -22 -15 -32 -28 -12 -33 -36 -10 -44 8 -4 15 -12 15 -19 0 -19 59 -95 73 -95 8 0 24 11 36 24 27 29 23 51 -17 94 -15 17 -43 60 -62 97 -19 37 -41 69 -47 72 -7 3 -10 9 -7 14 3 5 -6 30 -20 55 -14 26 -26 52 -26 60 0 20 -16 25 -44 14 -21 -8 -27 -6 -36 10 -15 27 -13 30 20 41 28 10 40 32 23 42 -5 2 -24 -1 -43 -8z m234 -437 c12 -17 13 -24 3 -30 -18 -11 -21 -10 -35 12 -24 38 6 55 32 18z' /%3E%3Cpath xmlns='http://www.w3.org/2000/svg' style='fill:red;' d='M3418 1558 c-52 -14 -57 -39 -19 -85 17 -21 27 -39 21 -41 -6 -2 -17 -20 -25 -39 -9 -20 -18 -34 -21 -30 -3 3 -1 15 5 26 9 15 8 26 -1 41 -20 31 -34 24 -53 -27 -17 -44 -17 -47 0 -59 10 -7 22 -15 28 -17 5 -1 0 -22 -12 -45 -14 -28 -26 -40 -36 -36 -19 7 -19 6 2 49 12 26 14 38 6 46 -8 8 -17 0 -32 -29 -12 -23 -21 -47 -21 -53 0 -6 -8 -18 -17 -25 -17 -13 -17 -15 5 -34 l24 -20 -39 -6 c-47 -7 -71 -37 -51 -62 11 -13 11 -14 0 -8 -15 9 -42 -13 -74 -57 l-20 -28 22 -24 22 -23 -31 -33 c-23 -27 -32 -31 -42 -22 -9 9 -6 20 15 47 17 23 22 37 15 42 -14 8 -79 -54 -79 -76 0 -18 40 -60 56 -60 17 0 87 78 80 89 -4 6 -1 11 8 11 15 0 76 67 76 84 0 5 -8 18 -17 30 -18 19 -18 19 6 3 19 -12 28 -14 38 -5 11 9 10 15 -8 35 l-22 23 31 0 c31 0 78 43 66 61 -3 5 0 9 6 9 12 0 94 163 112 223 10 34 9 40 -12 62 -13 14 -20 25 -15 25 4 0 13 -8 20 -17 11 -15 13 -15 19 5 4 12 11 22 16 22 4 0 10 9 13 20 6 23 -5 24 -65 8z m-233 -498 c7 -12 -12 -50 -26 -50 -16 0 -22 29 -9 45 14 17 26 19 35 5z' /%3E%3Cpath d='M2379 1513 c-13 -16 -12 -17 4 -4 9 7 17 15 17 17 0 8 -8 3 -21 -13z' /%3E%3Cpath d='M1456 1345 c-11 -29 -7 -35 55 -75 49 -31 65 -37 80 -29 11 5 19 13 19 17 0 4 -24 22 -52 40 -29 18 -63 39 -74 48 -19 13 -22 13 -28 -1z' /%3E%3Cpath d='M1937 1187 c-37 -29 -64 -53 -60 -54 5 -1 29 -4 56 -8 l47 -6 0 -106 0 -106 -79 7 c-44 3 -120 17 -170 29 -84 21 -91 22 -112 6 -22 -16 -22 -16 27 -32 77 -26 172 -45 257 -52 l77 -7 0 -106 0 -105 -102 6 c-142 9 -278 44 -454 117 -27 12 -34 11 -57 -6 -15 -10 -27 -23 -27 -27 0 -12 121 -64 228 -97 271 -83 560 -85 835 -5 83 24 229 84 270 111 17 11 16 13 -13 34 l-31 22 -77 -35 c-149 -68 -348 -117 -474 -117 l-58 0 0 104 0 104 78 7 c42 4 120 19 172 32 100 26 138 29 154 13 12 -12 46 -13 46 -2 0 7 -193 152 -203 152 -1 0 -3 -8 -4 -17 -1 -10 -4 -28 -8 -39 -5 -18 -1 -24 27 -34 32 -11 32 -12 11 -20 -33 -13 -192 -40 -235 -40 l-38 0 0 105 0 104 33 5 c17 3 50 7 72 8 l40 3 -67 48 c-37 26 -73 49 -80 51 -7 3 -43 -19 -81 -47z' /%3E%3Cpath d='M2175 1110 c-5 -9 13 -19 65 -35 9 -3 7 2 -5 11 -35 27 -53 35 -60 24z' /%3E%3Cpath xmlns='http://www.w3.org/2000/svg' style='fill:red;' d='M818 1051 c-25 -22 -30 -33 -22 -41 9 -9 17 -9 33 -1 20 11 21 9 21 -27 0 -25 7 -45 18 -55 17 -16 20 -15 52 18 23 24 31 38 24 45 -12 12 -44 3 -44 -11 0 -5 -4 -9 -8 -9 -5 0 -7 14 -4 31 4 30 -14 79 -30 79 -4 0 -22 -13 -40 -29z' /%3E%3Cpath xmlns='http://www.w3.org/2000/svg' style='fill:red;' d='M1392 628 c-16 -38 -17 -44 -4 -52 11 -6 19 -3 29 10 11 15 15 16 22 5 5 -8 23 -14 40 -15 25 -1 30 -4 25 -20 -4 -10 0 -22 7 -27 21 -13 26 -11 33 14 6 21 6 21 25 -9 10 -17 28 -34 40 -37 22 -5 29 7 10 18 -7 5 -4 14 7 27 26 28 8 50 -57 69 -30 8 -76 25 -102 37 -27 12 -50 22 -52 22 -3 0 -13 -19 -23 -42z m85 -24 c-7 -7 -37 7 -37 17 0 6 9 5 21 -1 11 -7 19 -14 16 -16z m113 -34 c18 -12 2 -12 -25 0 -13 6 -15 9 -5 9 8 0 22 -4 30 -9z' /%3E%3Cpath xmlns='http://www.w3.org/2000/svg' style='fill:red;' d='M2551 661 c-12 -8 -13 -15 -3 -35 l11 -25 -33 16 c-46 22 -90 11 -80 -19 6 -21 6 -21 -11 -4 -10 10 -24 14 -34 11 -9 -4 -28 -9 -44 -12 -15 -3 -30 -10 -33 -14 -3 -5 -9 -7 -13 -5 -4 3 -45 -2 -92 -10 -85 -16 -319 -21 -391 -9 -30 5 -38 4 -38 -8 0 -8 10 -17 21 -20 18 -5 21 -11 16 -35 -5 -24 -2 -31 13 -35 16 -4 21 2 26 29 4 24 12 34 25 34 15 0 19 -7 19 -35 l0 -35 117 3 c100 2 118 4 121 18 3 14 -4 16 -42 12 -42 -5 -46 -4 -46 16 0 16 6 21 28 21 15 0 44 3 64 6 34 6 37 5 44 -22 9 -40 13 -44 30 -37 10 4 14 16 12 37 -2 25 1 31 17 31 12 0 21 -9 25 -25 6 -25 40 -42 40 -20 0 6 8 9 18 6 9 -3 37 0 62 8 33 10 46 20 51 37 5 16 7 18 8 7 1 -11 9 -18 22 -18 19 0 21 4 15 30 l-6 30 30 -15 c36 -18 51 -19 74 -2 17 13 17 15 -3 55 -12 23 -22 42 -24 42 -1 0 -8 -4 -16 -9z m-134 -108 c6 -18 -47 -29 -58 -12 -5 8 -3 17 4 21 17 11 50 5 54 -9z m-387 -53 c0 -17 -6 -20 -42 -18 -37 1 -39 2 -10 5 19 3 32 10 32 19 0 8 5 14 10 14 6 0 10 -9 10 -20z' /%3E%3Cpath xmlns='http://www.w3.org/2000/svg' style='fill:red;' d='M1663 568 c-21 -27 -24 -67 -5 -77 33 -18 92 -24 107 -11 21 18 20 77 -2 84 -53 15 -90 17 -100 4z m87 -44 c0 -18 -13 -24 -38 -17 -12 3 -22 13 -22 22 0 14 7 17 30 13 17 -2 30 -10 30 -18z' /%3E%3C/g%3E%3C/svg%3E");
  
      --darkmode-logo-img: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.0' width='400.000000pt' height='400.000000pt' viewBox='0 0 400.000000 400.000000' preserveAspectRatio='xMidYMid meet'%3E%3Cstyle xmlns='http://www.w3.org/2000/svg'%3E%0Apath %7B fill: %234c98e4; animation: stroke-anim-2 8s ease-in-out 1 alternate;%0A%7D path%5Bstyle='fill:red;'%5D %7B fill: %234367aa !important;%0A%7D .st0 %7B stroke: %23245299; stroke-dasharray: 200%25; stroke-width: 1.5px; animation: stroke-anim 8s ease-in-out 1 alternate;%0A%7D @keyframes stroke-anim %7B 0%25, 10%25 %7B stroke-dashoffset: 200%25; fill: transparent; %7D 50%25, 70%25 %7B fill: transparent; %7D 80%25, 100%25 %7B stroke-dashoffset: 0%25; fill: %23245299; %7D%0A%7D @keyframes stroke-anim-2 %7B 0%25, 65%25 %7B fill: transparent; %7D 80%25 %7B fill: %234c98e4; %7D%0A%7D %3C/style%3E%3Cg xmlns='http://www.w3.org/2000/svg' style='transform-origin: 78px 24px;transform: scale(0.69);'%3E%3Cpolygon xmlns='http://www.w3.org/2000/svg' class='st0' points='158.227,313.474 185.858,333.556 217.339,356.416 244.97,336.31 196.413,301.055 196.406,301.063 168.775,280.988 168.767,280.996 99.983,231.004 171.375,231.004 181.9,198.51 0,198.51 158.204,313.489 ' style='fill: %23245299;' /%3E%3Cpolygon class='st0' points='200.617,288.06 219.157,231.004 229.735,198.51 256.023,117.683 278.069,185.516 312.25,185.516 256.023,12.546 240.558,60.067 195.546,198.51 185.021,231.004 173.024,268.009 ' style='fill: %23245299;' /%3E%3Cpolygon class='st0' points='353.78,313.474 343.226,280.988 343.226,280.996 331.183,243.999 297.048,243.999 315.587,301.055 315.587,301.07 326.15,333.556 326.158,333.548 352.408,414.422 294.661,372.493 267.062,392.546 414.227,499.454 353.796,313.489 ' style='fill: %23245299;' /%3E%3Cpolygon class='st0' points='354.272,272.98 364.842,305.473 512,198.51 243.374,198.51 232.85,231.004 412.018,231.004 354.272,272.933 ' style='fill: %23245299;' /%3E%3Cpolygon class='st0' points='315.066,341.603 304.495,309.109 256.023,344.372 228.385,364.432 159.592,414.422 181.646,346.536 154.001,326.438 97.773,499.454 256.023,384.522 283.616,364.432 ' style='fill: %23245299;' /%3E%3C/g%3E%3Cg transform='translate(0.000000,400.000000) scale(0.100000,-0.100000)' fill='%23000000' stroke='none'%3E%3Cpath xmlns='http://www.w3.org/2000/svg' style='fill:red;' d='M1523 3493 c-24 -8 -43 -19 -43 -25 0 -5 -5 -6 -10 -3 -13 8 -120 -40 -120 -54 0 -6 -6 -8 -14 -5 -18 7 -95 -32 -103 -51 -3 -8 -14 -15 -24 -15 -25 0 -89 -41 -89 -57 0 -18 14 -16 53 7 32 19 35 19 41 4 4 -9 5 -18 4 -19 -2 -1 -17 -10 -35 -21 -22 -13 -29 -24 -24 -33 7 -11 14 -10 37 5 16 10 39 27 52 38 12 11 22 16 22 12 0 -5 7 -3 15 4 13 11 13 15 0 41 -14 26 -14 29 7 40 18 10 24 8 34 -6 7 -10 15 -23 17 -28 2 -6 11 -8 21 -4 9 4 15 11 12 15 -3 5 7 9 22 9 15 0 45 9 67 19 22 10 42 18 45 19 35 6 100 31 100 39 0 25 -25 86 -34 85 -6 -1 -30 -8 -53 -16z m15 -35 c-17 -6 -28 -17 -28 -29 0 -10 -4 -19 -9 -19 -9 0 -24 30 -18 36 7 7 53 23 67 23 8 -1 3 -5 -12 -11z m-88 -53 c0 -16 -35 -29 -50 -20 -16 10 -12 21 13 32 25 12 37 8 37 -12z' /%3E%3Cpath xmlns='http://www.w3.org/2000/svg' style='fill:red;' d='M2390 3487 c0 -9 13 -18 30 -22 28 -6 30 -10 28 -42 -5 -65 29 -50 46 20 7 30 -3 37 -71 52 -26 5 -33 3 -33 -8z' /%3E%3Cpath xmlns='http://www.w3.org/2000/svg' style='fill:red;' d='M2516 3422 c7 -51 19 -72 40 -72 17 0 94 49 94 60 0 16 -33 20 -49 7 -9 -8 -23 -17 -31 -21 -8 -4 -6 0 5 9 14 12 16 19 7 22 -7 3 -18 10 -25 17 -6 7 -20 15 -30 19 -17 6 -18 2 -11 -41z' /%3E%3Cpath xmlns='http://www.w3.org/2000/svg' d='M1703 3409 c-371 -78 -708 -306 -906 -614 -47 -74 -127 -228 -127 -245 0 -5 16 -10 35 -10 34 0 36 3 76 83 48 95 98 171 170 258 l51 61 79 -78 78 -77 -38 -46 c-42 -51 -118 -162 -127 -186 -5 -11 1 -15 18 -15 19 0 36 17 81 83 30 45 66 92 79 104 l24 23 73 -74 c73 -73 73 -74 56 -99 l-16 -25 71 0 72 0 -22 23 -21 22 48 43 c26 23 82 62 125 87 47 28 78 53 82 66 3 12 3 23 1 25 -9 9 -167 -83 -227 -132 l-65 -54 -74 74 -73 74 34 36 c44 45 197 148 270 182 30 13 93 37 139 52 63 20 86 32 92 48 12 31 -12 29 -122 -8 -150 -50 -266 -115 -384 -215 l-67 -57 -77 76 -76 77 54 51 c107 99 273 201 423 258 62 24 223 65 289 74 42 6 47 10 57 41 l10 35 -36 -1 c-21 0 -78 -9 -129 -20z' /%3E%3Cpath d='M2164 3394 c12 -37 13 -37 106 -56 215 -43 441 -155 605 -299 33 -29 59 -55 57 -58 -2 -3 -35 -39 -74 -79 l-70 -72 -42 38 c-56 52 -150 115 -238 159 -85 43 -242 95 -246 83 -9 -24 23 -47 102 -74 84 -28 96 -41 47 -48 -40 -5 -35 -23 23 -88 31 -35 56 -69 56 -77 0 -11 7 -13 28 -8 22 4 33 0 52 -20 16 -17 19 -25 9 -25 -8 0 7 -15 33 -33 l47 -34 -28 -27 -29 -28 -60 49 c-33 26 -88 63 -123 82 l-62 34 7 -29 c8 -32 12 -36 80 -76 33 -20 44 -32 40 -43 -7 -18 32 -65 54 -65 13 0 12 3 -1 18 -25 27 -21 36 7 15 l24 -18 -20 -22 -20 -21 72 0 73 0 -22 21 -21 21 31 32 31 32 47 -25 c25 -14 60 -38 76 -54 37 -34 48 -36 73 -9 17 18 20 19 32 5 12 -14 60 -22 60 -9 0 11 -86 131 -124 172 l-40 43 77 77 77 77 30 -35 c61 -70 138 -177 184 -257 45 -78 50 -83 82 -83 20 0 34 5 34 12 0 6 -23 53 -51 103 -196 355 -529 610 -919 703 -47 11 -106 23 -132 27 l-47 6 13 -37z m561 -568 c16 -14 26 -29 22 -33 -11 -11 -36 7 -76 57 -35 44 -36 44 -6 22 17 -12 43 -33 60 -46z m80 -77 c11 -17 0 -20 -21 -4 -17 13 -17 14 -2 15 9 0 20 -5 23 -11z' /%3E%3Cpath xmlns='http://www.w3.org/2000/svg' style='fill:red;' d='M2623 3377 c-41 -29 -47 -47 -17 -47 8 0 26 7 39 16 23 15 24 15 30 -13 11 -46 14 -53 25 -53 5 0 10 23 10 53 0 46 -3 55 -22 64 -19 8 -31 4 -65 -20z' /%3E%3Cpath xmlns='http://www.w3.org/2000/svg' style='fill:red;' d='M2739 3319 c-13 -27 -17 -45 -11 -51 14 -14 26 -5 51 37 20 34 20 35 1 45 -17 9 -22 5 -41 -31z' /%3E%3Cpath xmlns='http://www.w3.org/2000/svg' style='fill:red;' d='M2798 3279 c-21 -11 -38 -23 -38 -28 0 -16 26 -19 51 -5 37 20 42 17 36 -20 -4 -24 -1 -39 9 -47 19 -15 20 -13 28 48 6 45 4 53 -13 62 -26 14 -29 14 -73 -10z' /%3E%3Cpath xmlns='http://www.w3.org/2000/svg' style='fill:red;' d='M1083 3269 c-6 -6 -10 -25 -8 -43 1 -17 0 -23 -2 -13 -5 20 -7 20 -31 8 -9 -5 -25 -12 -34 -15 -31 -9 -19 -24 33 -41 69 -23 83 -10 73 63 -7 54 -12 60 -31 41z' /%3E%3Cpath xmlns='http://www.w3.org/2000/svg' style='fill:red;' d='M2943 3223 c3 -15 -1 -23 -14 -26 -40 -11 -33 -37 22 -93 l53 -54 21 20 c26 24 38 25 55 5 11 -13 9 -20 -10 -40 -18 -20 -21 -28 -12 -37 9 -9 15 -9 24 0 16 16 28 15 28 -1 0 -8 9 -22 20 -32 11 -10 20 -23 20 -29 0 -5 -13 5 -29 24 -40 48 -52 30 -14 -22 36 -49 43 -53 68 -35 18 14 18 15 -5 53 l-23 39 30 -34 c17 -20 32 -30 36 -24 9 14 -49 93 -68 93 -8 0 -15 8 -15 18 0 20 -59 82 -78 82 -7 0 -12 6 -12 14 0 21 -20 30 -33 17 -17 -17 -27 -13 -27 13 0 13 -9 34 -21 47 -20 23 -20 24 -16 2z m27 -78 c7 -8 8 -15 2 -15 -5 0 -15 7 -22 15 -7 8 -8 15 -2 15 5 0 15 -7 22 -15z' /%3E%3Cpath xmlns='http://www.w3.org/2000/svg' style='fill:red;' d='M959 3170 c-12 -8 -11 -14 5 -40 25 -44 7 -64 -29 -30 -20 19 -27 21 -40 10 -8 -7 -12 -16 -9 -21 3 -5 -1 -9 -9 -9 -18 0 -77 -65 -77 -84 0 -14 41 -56 56 -56 16 0 74 64 74 82 0 9 6 15 13 14 16 -1 117 88 117 103 0 14 -23 14 -37 0 -7 -7 -16 -3 -30 14 -14 18 -24 23 -34 17z m-72 -146 c8 -20 -21 -48 -42 -40 -15 5 -14 8 2 31 21 29 31 31 40 9z' /%3E%3Cpath d='M1987 3019 c-4 -13 -7 -48 -7 -76 0 -41 -4 -53 -15 -53 -9 0 -19 -10 -24 -22 -7 -19 -5 -24 13 -28 19 -5 21 -14 24 -103 3 -107 7 -102 -70 -112 -35 -4 -49 -11 -53 -26 -4 -11 -5 -22 -3 -24 1 -2 28 1 58 7 45 8 56 7 66 -6 15 -21 44 -21 44 0 0 17 10 16 103 -2 27 -6 32 1 21 30 -4 10 -26 17 -65 22 l-59 7 0 103 c0 97 1 104 20 104 25 0 26 25 2 42 -13 9 -21 31 -25 70 -3 31 -10 64 -15 74 -8 14 -10 13 -15 -7z' /%3E%3Cpath xmlns='http://www.w3.org/2000/svg' style='fill:red;' d='M765 2969 c-4 -5 1 -19 11 -30 16 -18 16 -19 -9 -19 -24 0 -88 -44 -77 -52 75 -57 78 -58 91 -42 11 13 9 19 -11 35 l-25 19 36 0 c23 0 42 7 54 20 18 20 18 21 -10 50 -30 31 -49 37 -60 19z' /%3E%3Cpath d='M3045 2330 c-3 -5 -1 -10 4 -10 6 0 11 5 11 10 0 6 -2 10 -4 10 -3 0 -8 -4 -11 -10z' /%3E%3Cpath d='M2567 2165 l55 -165 29 21 c38 27 65 68 61 92 -2 12 4 20 17 24 12 3 21 8 21 12 0 4 7 16 16 27 15 18 15 17 10 -18 -2 -21 -1 -38 5 -38 5 0 9 10 9 23 0 12 4 28 9 35 6 10 10 8 14 -8 5 -19 8 -20 27 -8 22 14 22 17 -6 116 -12 45 -18 52 -39 52 -26 0 -31 -11 -16 -38 12 -23 2 -72 -15 -72 -7 0 -14 -14 -16 -32 -4 -44 -22 -38 -26 9 -5 59 -52 97 -52 42 0 -10 -6 -19 -14 -19 -18 0 -29 27 -13 34 8 3 6 5 -3 5 -8 1 -28 17 -43 36 -20 25 -36 35 -57 35 l-28 0 55 -165z' /%3E%3Cpath d='M2731 2309 c9 -17 13 -19 20 -8 14 22 11 29 -11 29 -18 0 -19 -3 -9 -21z' /%3E%3Cpath d='M1446 2302 c-3 -10 -37 -50 -76 -90 -38 -40 -70 -80 -70 -90 1 -15 2 -14 12 3 15 27 26 33 52 28 21 -4 22 -7 13 -58 -8 -41 -7 -58 3 -70 19 -23 26 -19 39 23 7 20 15 44 17 52 5 13 4 13 -5 0 -17 -24 -13 1 14 87 14 44 34 88 45 98 28 25 25 35 -9 35 -20 0 -32 -6 -35 -18z' /%3E%3Cpath d='M1712 2149 c-61 -194 -62 -217 -12 -308 16 -29 28 -57 25 -61 -2 -4 8 -13 23 -21 15 -8 45 -26 67 -40 46 -30 97 -49 132 -49 28 0 41 -25 25 -50 -9 -15 -7 -21 13 -34 13 -9 27 -16 30 -16 3 0 5 23 5 50 0 54 15 66 30 24 8 -20 13 -24 23 -15 9 7 17 7 24 0 7 -7 16 -5 27 7 12 12 14 20 7 27 -19 19 -12 29 13 23 14 -3 28 -1 31 4 4 6 12 9 19 8 7 -2 52 26 101 62 49 36 92 67 97 71 13 9 -141 459 -156 453 -7 -3 -32 4 -57 15 -37 17 -65 21 -183 21 -123 0 -142 -2 -172 -21 l-34 -21 0 21 c0 12 -6 21 -12 21 -8 0 -35 -70 -66 -171z m280 120 c-4 -39 15 -82 33 -75 21 8 45 -3 45 -20 0 -8 4 -14 9 -14 5 0 12 -12 15 -26 5 -19 11 -24 25 -19 21 6 38 -10 21 -20 -6 -4 -8 -21 -4 -41 5 -29 4 -34 -14 -34 -11 0 -25 -6 -31 -13 -9 -11 1 -18 47 -33 70 -23 67 -21 53 -38 -11 -13 -7 -18 21 -30 18 -8 26 -15 16 -15 -9 -1 -24 -10 -32 -22 -8 -13 -20 -18 -28 -14 -7 3 -6 1 3 -7 22 -18 33 -55 19 -63 -7 -4 -17 -2 -23 4 -8 8 -8 11 1 11 29 0 10 30 -23 36 -52 10 -62 2 -69 -60 -7 -54 -8 -55 -44 -62 -50 -10 -137 10 -191 44 -78 48 -146 161 -126 209 5 10 7 22 6 26 0 4 6 10 14 13 22 9 18 34 -5 34 -26 0 -26 22 1 46 20 18 21 18 35 0 7 -10 11 -22 9 -27 -10 -16 21 -15 35 1 8 9 25 20 38 24 12 4 22 11 22 16 0 5 -7 7 -15 4 -8 -4 -15 -3 -15 1 0 12 45 44 62 45 19 0 76 100 58 100 -6 0 -8 5 -4 12 4 6 -9 -1 -30 -17 -33 -25 -39 -27 -61 -15 -41 22 -34 27 75 64 35 11 55 2 52 -25z' /%3E%3Cpath d='M1812 2044 c-12 -15 -26 -24 -29 -20 -7 7 -33 -12 -33 -25 0 -17 37 -9 55 11 18 20 45 27 45 12 0 -11 -39 -47 -67 -61 -13 -6 -28 -21 -34 -33 -10 -18 -9 -20 6 -15 9 4 25 3 35 -3 15 -8 24 -3 49 25 37 42 43 94 12 102 -12 3 -17 11 -14 19 8 20 1 17 -25 -12z' /%3E%3Cpath d='M1955 1760 c3 -5 8 -10 11 -10 2 0 4 5 4 10 0 6 -5 10 -11 10 -5 0 -7 -4 -4 -10z' /%3E%3Cpath d='M1161 2288 c-26 -70 -24 -84 17 -117 42 -33 52 -37 52 -21 0 6 -6 10 -14 10 -32 0 -37 25 -16 85 11 32 20 60 20 62 0 1 -11 3 -25 3 -17 0 -28 -7 -34 -22z' /%3E%3Cpath d='M3368 2249 l-27 -20 6 -104 6 -105 -106 0 -107 0 0 25 c0 14 -4 25 -9 25 -5 0 -18 -11 -29 -25 -11 -14 -25 -25 -32 -25 -6 0 -23 -9 -37 -20 l-26 -20 43 0 43 0 -6 -77 c-12 -153 -83 -364 -160 -478 l-26 -38 -17 42 c-9 23 -22 40 -28 38 -22 -7 -29 -103 -11 -157 9 -28 20 -48 24 -45 18 11 115 161 151 232 64 131 120 338 120 449 l0 34 105 0 105 0 0 -53 c0 -140 -62 -371 -141 -529 -48 -96 -139 -230 -205 -303 -43 -48 -46 -49 -59 -31 -24 31 -24 15 -1 -53 l22 -63 70 75 c276 295 418 703 383 1101 -5 66 -13 125 -17 132 -5 9 -14 7 -34 -7z' /%3E%3Cpath d='M573 2202 c-16 -111 -8 -369 15 -474 61 -282 183 -513 376 -715 48 -51 91 -93 95 -93 4 0 12 18 17 39 10 35 8 42 -10 60 l-20 21 41 42 c39 40 63 83 63 111 0 6 -31 -19 -68 -56 l-69 -68 -47 52 c-181 201 -303 492 -331 792 -6 63 -5 67 14 67 19 0 21 -6 21 -70 0 -40 4 -70 10 -70 6 0 10 11 10 24 0 14 8 32 17 41 15 16 18 14 42 -31 21 -41 26 -45 29 -26 5 32 14 27 36 -20 11 -23 21 -37 24 -30 7 21 22 13 22 -11 0 -12 6 -31 14 -42 7 -11 23 -51 35 -90 45 -138 128 -289 219 -395 l30 -35 10 24 c7 21 1 35 -44 95 -30 38 -67 96 -85 129 l-31 58 47 -35 c26 -20 57 -36 70 -36 14 0 35 -14 55 -36 17 -20 32 -35 34 -33 9 13 96 304 96 323 0 12 -10 32 -22 43 -32 28 -366 263 -374 263 -4 0 -12 7 -18 15 -6 8 -26 19 -45 25 -30 8 -33 8 -28 -11 4 -15 1 -19 -11 -17 -9 2 -18 12 -20 23 -2 12 -12 26 -23 33 -16 10 -24 9 -48 -9 -16 -12 -32 -30 -34 -40 -6 -22 -45 -26 -53 -5 -3 8 -1 52 4 97 11 88 10 90 -40 119 -14 9 -18 2 -25 -48z' /%3E%3Cpath xmlns='http://www.w3.org/2000/svg' style='fill:red;' d='M3444 2209 c3 -17 6 -53 6 -80 0 -48 1 -49 31 -49 l30 0 -25 -22 c-23 -20 -27 -33 -31 -103 -3 -44 -8 -95 -11 -113 -4 -26 0 -37 17 -51 l22 -18 -26 -7 c-18 -4 -27 -13 -27 -26 0 -11 0 -23 0 -27 0 -5 13 -11 29 -16 26 -6 28 -10 22 -35 -6 -23 -13 -27 -42 -27 -53 0 -51 -30 3 -43 24 -6 46 -8 49 -4 8 9 29 96 29 121 0 15 -7 21 -22 22 -21 1 -21 2 5 12 31 12 36 41 10 56 -16 9 -16 10 3 11 25 0 34 36 34 138 0 61 -1 62 -27 62 l-27 0 27 28 c16 16 27 39 27 55 0 24 -4 27 -35 27 -31 0 -35 3 -35 25 0 21 5 25 30 25 23 0 30 4 30 20 0 16 -7 20 -35 20 -24 0 -35 5 -35 15 0 8 -7 15 -16 15 -13 0 -15 -7 -10 -31z m75 -281 c-2 -34 -3 -37 -6 -13 -3 16 -12 35 -21 42 -15 11 -15 12 6 13 20 0 22 -5 21 -42z' /%3E%3Cpath xmlns='http://www.w3.org/2000/svg' style='fill:red;' d='M445 2150 c-6 -48 -4 -64 6 -71 10 -6 11 -9 2 -9 -9 0 -13 -19 -13 -60 0 -47 3 -60 15 -60 11 0 15 12 16 43 2 34 3 36 6 12 3 -16 11 -34 20 -38 13 -8 13 -10 -1 -20 -8 -7 -17 -30 -19 -52 l-4 -40 -1 43 c-1 30 -6 42 -14 40 -26 -9 -20 -114 7 -124 8 -3 28 0 45 7 27 13 30 18 30 60 0 25 -3 48 -6 52 -9 9 -5 134 6 201 6 32 9 61 6 63 -3 3 -25 8 -49 10 l-45 5 -7 -62z m65 -10 c0 -23 -4 -30 -20 -30 -16 0 -20 7 -20 30 0 23 4 30 20 30 16 0 20 -7 20 -30z' /%3E%3Cpath d='M2834 1852 c-12 -9 -27 -39 -34 -67 -7 -27 -24 -74 -36 -103 -21 -47 -22 -57 -11 -84 l13 -31 31 70 c17 38 38 94 46 124 32 117 32 125 -9 91z' /%3E%3Cpath xmlns='http://www.w3.org/2000/svg' style='fill:red;' d='M520 1795 c0 -21 -5 -25 -30 -25 -24 0 -30 -4 -30 -21 0 -18 5 -21 35 -17 31 4 35 1 35 -19 0 -18 -6 -23 -24 -23 -28 0 -39 -11 -30 -33 3 -9 13 -13 25 -10 23 6 23 1 5 -35 -8 -16 -10 -35 -6 -47 7 -18 8 -19 15 -3 5 12 14 16 29 12 39 -10 49 16 32 83 -8 32 -18 82 -22 111 -4 34 -11 52 -20 52 -8 0 -14 -10 -14 -25z m27 -167 c-3 -8 -6 -5 -6 6 -1 11 2 17 5 13 3 -3 4 -12 1 -19z' /%3E%3Cpath d='M756 1635 c8 -37 14 -45 14 -19 0 10 -5 26 -10 34 -8 11 -9 7 -4 -15z' /%3E%3Cpath d='M2443 1563 c-27 -21 -30 -28 -23 -48 8 -21 4 -28 -31 -56 -22 -17 -59 -37 -82 -44 -23 -7 -42 -17 -42 -23 0 -9 366 -282 372 -278 4 3 -149 460 -156 468 -3 3 -20 -5 -38 -19z m35 -85 c19 -19 14 -30 -10 -26 -13 2 -24 11 -26 21 -4 20 18 23 36 5z' /%3E%3Cpath d='M1521 1549 c-15 -44 -14 -46 14 -19 l25 23 23 -20 c32 -29 136 -97 142 -92 4 4 -179 139 -189 139 -2 0 -9 -14 -15 -31z' /%3E%3Cpath xmlns='http://www.w3.org/2000/svg' style='fill:red;' d='M560 1555 c-32 -11 -35 -16 -34 -48 1 -20 10 -49 20 -64 10 -15 17 -32 16 -36 -4 -12 39 -107 49 -107 17 0 19 21 4 49 -19 38 -19 51 0 51 8 0 28 -27 44 -59 l30 -59 -29 -12 c-33 -14 -36 -20 -19 -37 9 -9 19 -8 40 3 26 13 29 13 39 -6 9 -17 7 -22 -15 -32 -28 -12 -33 -36 -10 -44 8 -4 15 -12 15 -19 0 -19 59 -95 73 -95 8 0 24 11 36 24 27 29 23 51 -17 94 -15 17 -43 60 -62 97 -19 37 -41 69 -47 72 -7 3 -10 9 -7 14 3 5 -6 30 -20 55 -14 26 -26 52 -26 60 0 20 -16 25 -44 14 -21 -8 -27 -6 -36 10 -15 27 -13 30 20 41 28 10 40 32 23 42 -5 2 -24 -1 -43 -8z m234 -437 c12 -17 13 -24 3 -30 -18 -11 -21 -10 -35 12 -24 38 6 55 32 18z' /%3E%3Cpath xmlns='http://www.w3.org/2000/svg' style='fill:red;' d='M3418 1558 c-52 -14 -57 -39 -19 -85 17 -21 27 -39 21 -41 -6 -2 -17 -20 -25 -39 -9 -20 -18 -34 -21 -30 -3 3 -1 15 5 26 9 15 8 26 -1 41 -20 31 -34 24 -53 -27 -17 -44 -17 -47 0 -59 10 -7 22 -15 28 -17 5 -1 0 -22 -12 -45 -14 -28 -26 -40 -36 -36 -19 7 -19 6 2 49 12 26 14 38 6 46 -8 8 -17 0 -32 -29 -12 -23 -21 -47 -21 -53 0 -6 -8 -18 -17 -25 -17 -13 -17 -15 5 -34 l24 -20 -39 -6 c-47 -7 -71 -37 -51 -62 11 -13 11 -14 0 -8 -15 9 -42 -13 -74 -57 l-20 -28 22 -24 22 -23 -31 -33 c-23 -27 -32 -31 -42 -22 -9 9 -6 20 15 47 17 23 22 37 15 42 -14 8 -79 -54 -79 -76 0 -18 40 -60 56 -60 17 0 87 78 80 89 -4 6 -1 11 8 11 15 0 76 67 76 84 0 5 -8 18 -17 30 -18 19 -18 19 6 3 19 -12 28 -14 38 -5 11 9 10 15 -8 35 l-22 23 31 0 c31 0 78 43 66 61 -3 5 0 9 6 9 12 0 94 163 112 223 10 34 9 40 -12 62 -13 14 -20 25 -15 25 4 0 13 -8 20 -17 11 -15 13 -15 19 5 4 12 11 22 16 22 4 0 10 9 13 20 6 23 -5 24 -65 8z m-233 -498 c7 -12 -12 -50 -26 -50 -16 0 -22 29 -9 45 14 17 26 19 35 5z' /%3E%3Cpath d='M2379 1513 c-13 -16 -12 -17 4 -4 9 7 17 15 17 17 0 8 -8 3 -21 -13z' /%3E%3Cpath d='M1456 1345 c-11 -29 -7 -35 55 -75 49 -31 65 -37 80 -29 11 5 19 13 19 17 0 4 -24 22 -52 40 -29 18 -63 39 -74 48 -19 13 -22 13 -28 -1z' /%3E%3Cpath d='M1937 1187 c-37 -29 -64 -53 -60 -54 5 -1 29 -4 56 -8 l47 -6 0 -106 0 -106 -79 7 c-44 3 -120 17 -170 29 -84 21 -91 22 -112 6 -22 -16 -22 -16 27 -32 77 -26 172 -45 257 -52 l77 -7 0 -106 0 -105 -102 6 c-142 9 -278 44 -454 117 -27 12 -34 11 -57 -6 -15 -10 -27 -23 -27 -27 0 -12 121 -64 228 -97 271 -83 560 -85 835 -5 83 24 229 84 270 111 17 11 16 13 -13 34 l-31 22 -77 -35 c-149 -68 -348 -117 -474 -117 l-58 0 0 104 0 104 78 7 c42 4 120 19 172 32 100 26 138 29 154 13 12 -12 46 -13 46 -2 0 7 -193 152 -203 152 -1 0 -3 -8 -4 -17 -1 -10 -4 -28 -8 -39 -5 -18 -1 -24 27 -34 32 -11 32 -12 11 -20 -33 -13 -192 -40 -235 -40 l-38 0 0 105 0 104 33 5 c17 3 50 7 72 8 l40 3 -67 48 c-37 26 -73 49 -80 51 -7 3 -43 -19 -81 -47z' /%3E%3Cpath d='M2175 1110 c-5 -9 13 -19 65 -35 9 -3 7 2 -5 11 -35 27 -53 35 -60 24z' /%3E%3Cpath xmlns='http://www.w3.org/2000/svg' style='fill:red;' d='M818 1051 c-25 -22 -30 -33 -22 -41 9 -9 17 -9 33 -1 20 11 21 9 21 -27 0 -25 7 -45 18 -55 17 -16 20 -15 52 18 23 24 31 38 24 45 -12 12 -44 3 -44 -11 0 -5 -4 -9 -8 -9 -5 0 -7 14 -4 31 4 30 -14 79 -30 79 -4 0 -22 -13 -40 -29z' /%3E%3Cpath xmlns='http://www.w3.org/2000/svg' style='fill:red;' d='M1392 628 c-16 -38 -17 -44 -4 -52 11 -6 19 -3 29 10 11 15 15 16 22 5 5 -8 23 -14 40 -15 25 -1 30 -4 25 -20 -4 -10 0 -22 7 -27 21 -13 26 -11 33 14 6 21 6 21 25 -9 10 -17 28 -34 40 -37 22 -5 29 7 10 18 -7 5 -4 14 7 27 26 28 8 50 -57 69 -30 8 -76 25 -102 37 -27 12 -50 22 -52 22 -3 0 -13 -19 -23 -42z m85 -24 c-7 -7 -37 7 -37 17 0 6 9 5 21 -1 11 -7 19 -14 16 -16z m113 -34 c18 -12 2 -12 -25 0 -13 6 -15 9 -5 9 8 0 22 -4 30 -9z' /%3E%3Cpath xmlns='http://www.w3.org/2000/svg' style='fill:red;' d='M2551 661 c-12 -8 -13 -15 -3 -35 l11 -25 -33 16 c-46 22 -90 11 -80 -19 6 -21 6 -21 -11 -4 -10 10 -24 14 -34 11 -9 -4 -28 -9 -44 -12 -15 -3 -30 -10 -33 -14 -3 -5 -9 -7 -13 -5 -4 3 -45 -2 -92 -10 -85 -16 -319 -21 -391 -9 -30 5 -38 4 -38 -8 0 -8 10 -17 21 -20 18 -5 21 -11 16 -35 -5 -24 -2 -31 13 -35 16 -4 21 2 26 29 4 24 12 34 25 34 15 0 19 -7 19 -35 l0 -35 117 3 c100 2 118 4 121 18 3 14 -4 16 -42 12 -42 -5 -46 -4 -46 16 0 16 6 21 28 21 15 0 44 3 64 6 34 6 37 5 44 -22 9 -40 13 -44 30 -37 10 4 14 16 12 37 -2 25 1 31 17 31 12 0 21 -9 25 -25 6 -25 40 -42 40 -20 0 6 8 9 18 6 9 -3 37 0 62 8 33 10 46 20 51 37 5 16 7 18 8 7 1 -11 9 -18 22 -18 19 0 21 4 15 30 l-6 30 30 -15 c36 -18 51 -19 74 -2 17 13 17 15 -3 55 -12 23 -22 42 -24 42 -1 0 -8 -4 -16 -9z m-134 -108 c6 -18 -47 -29 -58 -12 -5 8 -3 17 4 21 17 11 50 5 54 -9z m-387 -53 c0 -17 -6 -20 -42 -18 -37 1 -39 2 -10 5 19 3 32 10 32 19 0 8 5 14 10 14 6 0 10 -9 10 -20z' /%3E%3Cpath xmlns='http://www.w3.org/2000/svg' style='fill:red;' d='M1663 568 c-21 -27 -24 -67 -5 -77 33 -18 92 -24 107 -11 21 18 20 77 -2 84 -53 15 -90 17 -100 4z m87 -44 c0 -18 -13 -24 -38 -17 -12 3 -22 13 -22 22 0 14 7 17 30 13 17 -2 30 -10 30 -18z' /%3E%3C/g%3E%3C/svg%3E");
  
  }
  
  body {
      background-image: linear-gradient(to bottom, #627bff5c, #fff 120px);
  }
  
  #header h1 a::before,
  #header h2::before {
      color: rgb(var(--accent));
  }
  
  div#extra-div-1 {
      background-size: 170px;
  }
  
  .blockquote,
  div.blockquote,
  blockquote {
      border: solid 1px rgba(0, 0, 0, 0.15);
      border-left: solid 7px rgb(var(--accent)) !important;
      background: transparent;
      padding-left: 2rem;
  }
  

  Pages using this styling

  • theme:foxtrot [info]

  ¶ 1 occurrence
  

  
  @import url('https://fonts.bunny.net/css?family=Saira+Stencil+One&display=swap');
  
  :root {
      --accent: var(--acc-hybrasil);
      --header-title: "WAR ON ALL FRONTS";
      --header-subtitle: "WE'RE GOING TO NEED A BIGGER BOAT";
      --logo-img: url(https://scp-wiki.wikidot.com/local--files/theme:foxtrot/fxtrt-hybrasil_lightmode.png);
      --darkmode-logo-img: url(https://scp-wiki.wdfiles.com/local--files/theme%3Awar-on-all-fronts-bhl/mksjr3.png);
      --logo-opacity: 20%;
  
      --head-font: 'Saira Stencil One';
  
      --dark-bg-1: #041945 !important;
      --dark-bg-2: #000C26 !important;
  }
  
  body {
      background-image: linear-gradient(to bottom, #818ae0, #fff 200px);
  }
  

  Pages using this styling

  • theme:foxtrot [info]

  ¶ 1 occurrence
  

  
  :root {
      --accent: var(--acc-nightfall);
      --header-title: "NIGHTFALL";
      --header-subtitle: "EVERYONE DIES IN THE DARK";
      --logo-img: url(https://scp-wiki.wikidot.com/local--files/theme:foxtrot/fxtrt-nightfall_lightmode.png);
      --darkmode-logo-img: url(https://scp-wiki.wdfiles.com/local--files/nightfall-hub/moon1.png);
  
      --dark-bg-1: #111113 !important;
      --dark-bg-2: #070707 !important;
  }
  
  body {
      background-image: linear-gradient(to bottom, #b1b1b1, #f5f5f7 250px);
  }
  

  Pages using this styling

  • theme:foxtrot [info]

  ¶ 1 occurrence
  

  
  :root {
      --accent: var(--acc-fishing);
      --header-title: "Fishing Council";
      --header-subtitle: "CANSHM SITE-184";
      --logo-img: url(https://scp-wiki.wdfiles.com/local--files/jerden-insignia/Site-184.svg);
      --darkmode-logo-img: url(https://scp-wiki.wdfiles.com/local--files/jerden-insignia/Site-184.svg);
  }
  
  #header h1 a {
      padding: 71px 0;
  }
  

  Pages using this styling

  • theme:foxtrot [info]

  ¶ 1 occurrence
  

  
  :root {
      --accent: var(--acc-spc);
      --header-title: "SPC Database";
      --header-subtitle: "SHARK PUNCHING CENTER";
      --logo-img: url(https://scp-wiki.wikidot.com/local--files/theme:foxtrot/fxtrt-spc_lightmode.png);
      --darkmode-logo-img: url(https://scp-wiki.wikidot.com/local--files/theme:shark-punching-centre-bhl/spc-header.png);
  
      --darkmode-gradient-top: #175968 !important;
  }
  
  body {
      background-image: linear-gradient(to bottom, #b4d5df, #fff 200px);
  }
  

  Pages using this styling

  • theme:foxtrot [info]

  ¶ 1 occurrence
  

  
  :root {
      --accent: var(--acc-wyoming);
      --header-title: "1 5 0";
      --header-subtitle: "SAMENESS CULTIVATES PAROXYSMS";
      --logo-img: url(https://scp-wiki.wdfiles.com/local--files/liryn/ATOM.svg);
      --darkmode-logo-img: url(https://scp-wiki.wdfiles.com/local--files/liryn/ATOM.svg);
  }
  
  #header h1 a::before {
      word-spacing: -18px;
      font-size: 1.5em;
      color: rgb(var(--accent));
  }
  
  #header h1 a::after {
      display: flex;
      justify-content: center;
      margin-top: -2.6em;
      content: "TETON WY USA";
      color: var(--header-txt-color);
      font-family: var(--head-font);
      font-size: 1rem;
      text-shadow: none;
      word-spacing: 10px;
  }
  
  #header h2::before {
      font-size: 1.3em;
      margin-top: 1.2rem;
  }
  
  body {
      background-image: linear-gradient(to bottom, #58000024, #fff 200px);
  }
  

  Pages using this styling

  • theme:foxtrot [info]

  ¶ 1 occurrence
  

  
  :root {
      --accent: var(--acc-overwatch);
      --header-title: "OVERWATCH";
      --header-subtitle: "SACRIFICE CONFERS POWER";
      --logo-img: url(https://scp-wiki.wdfiles.com/local--files/fragment%3Ascp-6500-2/overwatchheader.svg);
      --darkmode-logo-img: url(https://scp-wiki.wdfiles.com/local--files/fragment%3Ascp-6500-2/overwatchheader.svg);
      --logo-opacity: 100% !important;
  
      --darkmode-gradient-top: rgb(var(--accent)) !important;
  }
  
  #header h1 a::before,
  #header h2::before {
      color: transparent;
  }
  
  #login-status {
      color: var(--dark-bg-1) !important;
  }
  
  #login-status>a {
      color: var(--dark-bg-2) !important;
      border-color: var(--dark-bg-2);
  }
  
  div#extra-div-1 {
      background-size: 300px;
  }
  
  @media (max-width: 700px) {
  
      div#extra-div-1 {
      	background-size: 270px;
      	top: -3px;
      }
  
  }
  
  @media (max-width: 620px) {
  
      div#extra-div-1 {
      	top: -10px;
      }
  
  }
  
  @media (max-width: 520px) {
  
      div#extra-div-1 {
      	background-size: 245px;
      	top: 3px;
      }
  
  }
  

  Pages using this styling

  • theme:foxtrot [info]

  ¶ 1 occurrence
  

  
  :root {
      --accent: var(--acc-threshold);
      --header-title: "THRESHOLD";
      --header-subtitle: "SUSTAIN, CONSERVE, PROLONG";
      --logo-img: url(https://scp-wiki.wdfiles.com/local--files/fragment%3Ascp-6500-13/overwatchheaderthreshold.svg);
      --darkmode-logo-img: url(https://scp-wiki.wdfiles.com/local--files/fragment%3Ascp-6500-13/overwatchheaderthreshold.svg);
      --logo-opacity: 100% !important;
  
      --darkmode-gradient-top: rgb(var(--accent)) !important;
  }
  
  #header h1 a::before,
  #header h2::before {
      color: transparent;
  }
  
  #login-status {
      color: var(--dark-bg-1) !important;
  }
  
  #login-status>a {
      color: var(--dark-bg-2) !important;
      border-color: var(--dark-bg-2);
  }
  
  div#extra-div-1 {
      background-size: 300px;
  }
  
  @media (max-width: 700px) {
  
      div#extra-div-1 {
      	background-size: 270px;
      	top: -3px;
      }
  
  }
  
  @media (max-width: 620px) {
  
      div#extra-div-1 {
      	top: -10px;
      }
  
  }
  
  @media (max-width: 520px) {
  
      div#extra-div-1 {
      	background-size: 245px;
      	top: 3px;
      }
  
  }
  

  Pages using this styling

  • theme:foxtrot [info]

  ¶ 1 occurrence
  

  
  :root {
      --accent: var(--acc-vanguard);
      --header-title: "ANGUARD";
      --header-subtitle: "SHELTER, NORMALIZE, INFORM";
      --logo-img: url(https://scp-wiki.wikidot.com/local--files/theme:foxtrot/fxtrt-vanguard_logo.webp);
      --darkmode-logo-img: url(https://scp-wiki.wikidot.com/local--files/theme:foxtrot/fxtrt-vanguard_logo.webp);
      --logo-opacity: 100% !important;
  
      --dark-bg-1: #0c1a2e !important;
      --dark-bg-2: #132a4a !important;
  
  }
  
  body {
      background-image: linear-gradient(to bottom, #50dbd5, #d9ffc8 90px, #d9ffc8 90px, #fff 200px);
  }
  
  #header h2::before {
      margin-left: 4.6rem;
      font-size: 1.15em;
      line-height: 21px;
  }
  
  div#extra-div-1 {
      margin-top: -15px;
      left: -7rem;
  }
  
  #header h1 {
      position: inherit;
      right: -1.7em;
  }
  
  #header h2 {
      margin-left: 4.5rem;
  }
  
  @media (max-width: 767px) {
  
      #header h2::before {
      	font-size: 1em;
      	line-height: 12px;
      	margin-left: 12px;
      }
  
      div#extra-div-1 {
      	left: -8rem;
      }
  
      #header h1 a::before {
      	font-size: 1.5em;
      }
  
  }
  
  @media (max-width: 700px) {
  
      #header h2::before {
      	margin-left: 16px;
      	margin-top: 0.9rem;
      }
  
  }
  
  @media (max-width: 620px) {
  
      #top-bar,
      #top-bar a {
      	top: 9.5rem;
      }
  
      div#header {
      	height: 145px;
      }
  
  }
  
  @media (max-width: 450px) {
  
      div#extra-div-1 {
      	left: -7rem;
      }
  
      #header h2::before {
      	font-size: 0.8em;
      	line-height: 20px;
      	margin-left: 18px;
      	margin-top: 0.3rem;
      }
  
  }
  

  Pages using this styling

  • theme:foxtrot [info]

  ¶ 1 occurrence
  

  
  :root {
      --accent: var(--acc-slothspit);
      --header-title: "S\0026 C Plastics";
      --header-subtitle: "SITE-87, NARRATIVE AND NEXOLOGICAL STUDIES";
      --logo-img: url(https://scp-wiki.wdfiles.com/local--files/the-s-c-plastics-hub/Big87.png);
      --darkmode-logo-img: url(https://scp-wiki.wdfiles.com/local--files/the-s-c-plastics-hub/Big87.png);
      --logo-opacity: 20% !important;
  }
  

  Pages using this styling

  • theme:foxtrot [info]

  ¶ 1 occurrence
  

  
  :root {
      --accent: var(--acc-poland);
      --header-title: "Site-120";
      --header-subtitle: "FIGHTING FIRE WITH FIRE";
      --logo-img: url(https://scp-wiki.wdfiles.com/local--files/secure-facility-dossier-site-120/ontologonew2.png);
      --darkmode-logo-img: url(https://scp-wiki.wdfiles.com/local--files/secure-facility-dossier-site-120/120.png);
  }
  

  Pages using this styling

  • theme:foxtrot [info]

  ¶ 1 occurrence
  

  
  :root {
      --accent: var(--acc-canada);
      --header-title: "Site-43";
      --header-subtitle: "SUBVERTING COMMON PRACTICE";
      --logo-img: url(https://scp-wiki.wikidot.com/local--files/theme:foxtrot/fxtrt-canada.svg);
      --darkmode-logo-img: url(https://scp-wiki.wikidot.com/local--files/theme:foxtrot/fxtrt-canada_darkmode.png);
      --logo-opacity: 21%;
  }
  

  Pages using this styling

  • theme:foxtrot [info]

  ¶ 1 occurrence
  

  
  :root {
      --page-font: 'verdana', 'Inter';
  }
  

  Pages using this styling

  • theme:foxtrot [info]

  ¶ 1 occurrence
  

  
  #page-title {
      display: none;
  }
  

  Pages using this styling

  • theme:foxtrot [info]

  ¶ 1 occurrence
  

  
  @media (min-width: 768px) {
      #main-content {
      	max-width: 85%;
      }
  }
  

  Pages using this styling

  • theme:foxtrot [info]

  ¶ 1 occurrence
  

  @import url("https://scp-wiki.wdfiles.com/local--code/theme%3Afoundless/1")

  Pages using this styling

  • theme:foundless [info]

  ¶ 1 occurrence
  

  @import url(https://scp-wiki.wdfiles.com/local--code/theme:fossil/1);

  Pages using this styling

  • theme:fossil [info]

  ¶ 1 occurrence
  

  @import url(https://scp-wiki.wdfiles.com/local--code/theme%3Afmaf-theme/1);

  Pages using this styling

  • theme:fmaf-theme [info]

  ¶ 1 occurrence
  

  @import url(https://scp-wiki.wikidot.com/local--files/theme:flopstyle-dark/peenumbra.css);

  Pages using this styling

  • theme:flopstyle-dark [info]

  ¶ 1 occurrence
  

  @import url(https://scp-wiki.wdfiles.com/local--files/theme%3Aflopstyle-dark/witching-hour.css);

  Pages using this styling

  • theme:flopstyle-dark [info]

  ¶ 1 occurrence
  

  @import url(https://scp-wiki.wdfiles.com/local--files/theme%3Aflopstyle-dark/syzygy.css);

  Pages using this styling

  • theme:flopstyle-dark [info]

  ¶ 1 occurrence
  

  @import url(https://scp-wiki.wdfiles.com/local--files/theme%3Aflopstyle-dark/rhizome.css);

  Pages using this styling

  • theme:flopstyle-dark [info]

  ¶ 1 occurrence
  

  @import url(https://scp-wiki.wdfiles.com/local--files/theme%3Aflopstyle-dark/monster.css);

  Pages using this styling

  • theme:flopstyle-dark [info]

  ¶ 1 occurrence
  

  @import url(https://scp-wiki.wdfiles.com/local--files/theme%3Aflopstyle-dark/chthonian.css);

  Pages using this styling

  • theme:flopstyle-dark [info]

  ¶ 1 occurrence
  

  @import url(https://scp-wiki.wdfiles.com/local--files/theme%3Aflopstyle-dark/calzone.css);

  Pages using this styling

  • theme:flopstyle-dark [info]

  ¶ 1 occurrence
  

  @import url(https://scp-wiki.wdfiles.com/local--files/theme%3Aflopstyle-dark/pedagogy.css);

  Pages using this styling

  • theme:flopstyle-dark [info]

  ¶ 1 occurrence
  

  @import url(https://scp-wiki.wdfiles.com/local--files/theme%3Aflopstyle-dark/galaxias.css);

  Pages using this styling

  • theme:flopstyle-dark [info]

  ¶ 1 occurrence
  

  /* LOOSE THREADS */
   :root {
      --accentColor: hsl(225, 65%, 65%);
      --accentColorLite: hsla(225, 65%, 75%, .5);
      --hue: 225deg;
  
      --bgColor: hsl(225, 6%, 21%);
      --fgColor: hsl(225, 8%, 15%);
  }
  
   #header h1 a::after {
      content: "LOOSE THREADS";
  }

  Pages using this styling

  • theme:flopstyle-dark [info]

  ¶ 1 occurrence
  

  /* NOTES FROM THE GREEN YONDER */
   :root {
      --accentColor: hsl(135, 55%, 55%);
      --accentColorLite: hsla(135, 55%, 65%, .5);
      --hue: 135deg;
  
      --bgColor: hsl(135, 3%, 21%);
      --fgColor: hsl(135, 4%, 15%);
  }
  
   #header h1 a::after {
      content: "FROM THE GREEN YONDER";
      margin-top: -2.25em;
  
      font: 1.067rem/0 var(--header-font);
  }
  
   @media (max-width: 575.9px) {
       #header h1 a::after {
      	content: "THE GREEN YONDER";
      }
  }

  Pages using this styling

  • theme:flopstyle-dark [info]

  ¶ 1 occurrence
  

  /* BOOK OF LIGHT */
   :root {
      --accentColor: hsl(45, 50%, 50%);
      --accentColorLite: hsla(45, 50%, 60%, .5);
      --hue: 45deg;
  
      --bgColor: hsl(45, 1.5%, 21%);
      --fgColor: hsl(45, 2%, 15%);
  }
  
   #header h1 a::after {
      content: "BOOK OF LIGHT";
  }

  Pages using this styling

  • theme:flopstyle-dark [info]

  ¶ 1 occurrence
  

  /* BOOK OF ASHES */
   :root {
      --accentColor: hsl(360, 65%, 65%);
      --accentColorLite: hsla(360, 65%, 75%, .5);
      --hue: 360deg;
  
      --bgColor: hsl(360, 6%, 21%);
      --fgColor: hsl(360, 8%, 15%);
  }
  
   #header h1 a::after {
      content: "BOOK OF ASHES";
  }

  Pages using this styling

  • theme:flopstyle-dark [info]

  ¶ 1 occurrence
  

  @import url(https://scp-wiki.wdfiles.com/local--files/theme%3Aflopstyle-dark/witch.css);

  Pages using this styling

  • theme:flopstyle-dark [info]

  ¶ 1 occurrence
  

  @import url(https://scp-wiki.wikidot.com/local--files/theme:flopstyle-dark/vanguard.css);

  Pages using this styling

  • theme:flopstyle-dark [info]

  ¶ 1 occurrence
  

  @import url(https://scp-wiki.wikidot.com/local--files/theme:flopstyle-dark/threshold.css);

  Pages using this styling

  • theme:flopstyle-dark [info]

  ¶ 1 occurrence
  

  @import url(https://scp-wiki.wdfiles.com/local--files/theme%3Aflopstyle-dark/seafoam.css);

  Pages using this styling

  • theme:flopstyle-dark [info]

  ¶ 1 occurrence
  

  @import url(https://scp-wiki.wdfiles.com/local--files/theme%3Aflopstyle-dark/prairie.css);

  Pages using this styling

  • theme:flopstyle-dark [info]

  ¶ 1 occurrence
  

  @import url(https://scp-wiki.wikidot.com/local--files/theme:flopstyle-dark/plastic.css);

  Pages using this styling

  • theme:flopstyle-dark [info]

  ¶ 1 occurrence
  

  @import url(https://scp-wiki.wikidot.com/local--files/theme:flopstyle-dark/maple.css);

  Pages using this styling

  • theme:flopstyle-dark [info]

  ¶ 1 occurrence
  

  @import url(https://scp-wiki.wikidot.com/local--files/theme:flopstyle-dark/inferno.css);

  Pages using this styling

  • theme:flopstyle-dark [info]

  ¶ 1 occurrence
  

  @import url(https://scp-wiki.wdfiles.com/local--code/theme%3Aflopstyle-dark/1);
  @import url(https://scp-wiki.wdfiles.com/local--code/theme%3Aflopstyle-dark/2);
  @import url(https://scp-wiki.wdfiles.com/local--code/theme%3Aflopstyle-dark/3);

  Pages using this styling

  • theme:flopstyle-dark [info]

  ¶ 1 occurrence
  

  /* ==== DOCUMENTATION ==== */
  
   @import url(https://scp-wiki.wdfiles.com/local--files/theme%3Aflopstyle-dark/documentation.css);
  
   :root {
      --header-title: "FLOPSTYLE: DARK";
      --header-subtitle: "SUBVERSIVE CSS PHILOSOPHY";
      --lgurl: url(https://scp-wiki.wdfiles.com/local--files/theme%3Aflopstyle-dark/alt_logo_tyrian.png) !important;
  }
  
  /* == BACK TO TOP BUTTON == */
  
   span.top {
      display: flex;
  
      font-size: 1.05rem;
  }
  
   span.top a {
      margin: .4rem auto -.4rem;
      padding: 5px 9px 5px 8px !important;
  
      color: var(--alphaColor);
      background: var(--accentColor);
      border: 0 !important;
      border-radius: 50%;
  
      font-weight: bold;
  }
  
   span.top a:hover {
      color: var(--keyColor);
  }

  Pages using this styling

  • theme:flopstyle-dark [info]

  ¶ 1 occurrence
  

   .code.terminal:is(.variant, .subvariant) p {
      text-align: left;
  }
  
   div.bookshelf {
      display: flex;
      flex-flow: column wrap;
      gap: 0 1rem;
      justify-content: center;
  }
  
   div.bookshelf > * {
      flex-basis: 0;
  }
  
   div.bookshelf > * > .image-container {
      padding: 0 0 .5rem;
  }
  
   @media (max-width: 767.9px) {
       .code.terminal.variant p {
      	padding: 0;
      }
  }
  
   @media (min-width: 768px) {
       .code.terminal.variant p {
      	padding: 0 7rem;
      }
  
       div.bookshelf {
      	flex-flow: row wrap;
      }
  
       div.bookshelf > * {
      	flex: 1 20.5rem;
      }
  }

  Pages using this styling

  • theme:flopstyle-dark [info]

  ¶ 1 occurrence
  

  @import url(https://scp-wiki.wdfiles.com/local--code/theme%3Aflopstyle/1);
  @import url(https://scp-wiki.wdfiles.com/local--code/theme%3Aflopstyle/2);

  Pages using this styling

  • theme:flopstyle [info]

  ¶ 1 occurrence
  

  /* ==== DOCUMENTATION ==== */
  
   .code {
      text-align: left;
  }
  
   .code.slim {
      width: 60%;
      margin: 1rem auto;
  
      color: black;
  }
  
   .templateInfo {
      margin: 1rem 0;
      padding: 0 1rem;
  
      background: hsla(0, 0%, 97%);
      border: thin solid;
      border-bottom-width: medium;
      border-color: hsl(0, 0%, 87%) hsl(0, 0%, 73%);
  }
  
  /* ==== UNADAPTED STYLING BY WOEDENAZ ==== */
  
   :root {
      --white-monochrome: hsl(0, 0%, 95%);
  }
  
   span.pointer {
      font-family: var(--mono-font);
      display: inline-block;
      height: .8125rem;
      line-height: .75rem;
      line-height: .8125rem;
      font-size: .625rem;
      font-size: .6875rem;
      background: var(--accentColor);
      color: var(--white-monochrome);
      -webkit-border-bottom-right-radius: .25rem;
      -moz-border-radius-bottomright: .25rem;
      border-bottom-right-radius: .25rem;
      -webkit-border-top-right-radius: .25rem;
      -moz-border-radius-topright: .25rem;
      border-top-right-radius: .25rem;
      margin: 0 0 0 .75rem;
      padding: .1875rem .3125rem .1875rem 0;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
  }
  
   span.pointer::before, span.pointer::after {
      float: left;
      position: relative;
  }
  
   span.pointer::before {
      content: "";
      top: -.1875rem;
      left: -.625rem;
      width: 0;
      height: 0;
      border-color: transparent var(--accentColor) transparent transparent;
      border-style: solid;
      border-width: .5rem .5rem .5rem 0;
      padding: 0 .0625rem .1875rem;
  }
  
   span.pointer::after {
      content: "";
      top: 0;
      left: -.5rem;
      width: .5rem;
      height: 1rem;
      color: var(--white-monochrome);
      font-size: 1rem;
      line-height: .6em;
      -webkit-mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.2' baseProfile='tiny' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 26.5933838 19.6584473' overflow='visible' xml:space='preserve'%3E%3Cpolygon fill='%23FFFFFF' points='26.5933838,5.1333008 7.7148438,5.1333008 7.7148438,0 0,9.6740723 7.7148438,19.6584473 7.7148438,14.0671387 26.5933838,14.0671387 '/%3E%3C/svg%3E%0A");
      mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.2' baseProfile='tiny' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 26.5933838 19.6584473' overflow='visible' xml:space='preserve'%3E%3Cpolygon fill='%23FFFFFF' points='26.5933838,5.1333008 7.7148438,5.1333008 7.7148438,0 0,9.6740723 7.7148438,19.6584473 7.7148438,14.0671387 26.5933838,14.0671387 '/%3E%3C/svg%3E%0A");
      -webkit-mask-repeat: no-repeat;
      mask-repeat: no-repeat;
      -webkit-mask-size: 1rem auto;
      mask-size: 1rem auto;
      background: var(--white-monochrome);
  }
  
   @media only screen and (max-width: 575.9px) {
       span.pointer {
      	width: -webkit-calc(100% - 1rem);
      	width: -moz-calc(100% - 1rem);
      	width: calc(100% - 1rem);
      	height: auto;
      	padding-left: .5rem;
      	line-height: 1.5em;
      }
  
       span.pointer::after {
      	-webkit-mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.2' baseProfile='tiny' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 19.6584473 26.5933838' overflow='visible' xml:space='preserve'%3E%3Cpolygon fill='%23FFFFFF' points='14.5251465,26.5933838 14.5251465,7.7148438 19.6584473,7.7148438 9.984375,0 0,7.7148438 5.5913086,7.7148438 5.5913086,26.5933838 '/%3E%3C/svg%3E%0A");
      	mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.2' baseProfile='tiny' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 19.6584473 26.5933838' overflow='visible' xml:space='preserve'%3E%3Cpolygon fill='%23FFFFFF' points='14.5251465,26.5933838 14.5251465,7.7148438 19.6584473,7.7148438 9.984375,0 0,7.7148438 5.5913086,7.7148438 5.5913086,26.5933838 '/%3E%3C/svg%3E%0A");
      	-webkit-mask-size: contain;
      	mask-size: contain;
      	mask-position: center center;
      }
  }

  Pages using this styling

  • theme:flopstyle [info]

  ¶ 1 occurrence
  

  @import url(https://scp-wiki.wdfiles.com/local--code/theme%3Afish/1);

  Pages using this styling

  • theme:fish [info]

  ¶ 1 occurrence
  

  @import url(https://scp-wiki.wdfiles.com/local--code/theme%3Afandom/1);

  Pages using this styling

  • theme:fandom [info]

  ¶ 1 occurrence
  

  @import url("https://scp-wiki.wdfiles.com/local--code/theme%3Aextra-black-highlighter-theme/1")

  Pages using this styling

  • theme:extra-black-highlighter-theme [info]

  ¶ 1 occurrence
  

  @import url("https://nu-scptheme.github.io/Black-Highlighter/css/min/normalize.min.css");
  @import url("https://nu-scptheme.github.io/Black-Highlighter/css/min/black-highlighter.min.css");
  #page-title, #breadcrumbs {
      text-align: center !important;
  }
  [[
  #page-title {
      --wght: 900;
      font-family: var(--header-font);
      font-weight: 900;
  }
  
  .scp-image-block.block-right {
      margin: 1em 0 1em 2em;
  }
  
  .scp-image-block > a:first-of-type {
      background: var(--gradient-header);
  }
  
  .scp-image-block .printuser img.small {
      width: initial;
  }
  
  .scp-image-block img {
      min-width: 100%;
      -webkit-box-sizing: border-box;
         -moz-box-sizing: border-box;
              box-sizing: border-box;
      padding: 0.5em;
  }

  Pages using this styling

  • theme:extra-black-highlighter-theme [info]

  ¶ 1 occurrence
  

  @import url("https://scp-wiki.wdfiles.com/local--code/theme%3Aexpose/1")

  Pages using this styling

  • theme:expose [info]

  ¶ 1 occurrence
  

  @import url("https://nu-scptheme.github.io/Black-Highlighter/css/min/normalize.min.css");
  @import url("https://nu-scptheme.github.io/Black-Highlighter/css/min/black-highlighter.min.css");
  
  .scp-image-block.block-right {
      background: var(--gradient-header);
  }

  Pages using this styling

  • theme:expose [info]

  ¶ 1 occurrence
  

  @import url("https://scp-wiki.wikidot.com//local--code/theme%3Aeventyr/1")

  Pages using this styling

  • theme:eventyr [info]

  ¶ 1 occurrence
  

  @import url('https://scp-wiki.wdfiles.com/local--code/theme%3Aeigenvector/2');

  Pages using this styling

  • theme:eigenvector [info]

  ¶ 1 occurrence
  

  @import url('https://scp-wiki.wdfiles.com/local--code/theme%3Aeigenvector/1');

  Pages using this styling

  • theme:eigenvector [info]

  ¶ 1 occurrence
  

  @import url("https://scp-wiki.wdfiles.com/local--code/theme%3Aeigenmachine/4");

  Pages using this styling

  • theme:eigenmachine [info]

  ¶ 1 occurrence
  

  @import url("https://scp-wiki.wdfiles.com/local--code/theme%3Aeigenmachine/3");

  Pages using this styling

  • theme:eigenmachine [info]

  ¶ 1 occurrence
  

  @import url("https://scp-wiki.wdfiles.com/local--code/theme%3Aeigenmachine/2");

  Pages using this styling

  • theme:eigenmachine [info]

  ¶ 1 occurrence
  

  @import url("https://scp-wiki.wdfiles.com/local--code/theme%3Aeigenmachine/1");

  Pages using this styling

  • theme:eigenmachine [info]

  ¶ 1 occurrence
  

  :root {
      --loop3: 1;
      --loop2: 1;
      --loop1: 1;
      --demoloop: infinite;
      --custom-color: 36, 31, 36;
  }
  .state_one, .state_two, .state_three, .state_four {
  float: left;
  width: 20%;
  padding: 5px;
  }
  
  .containser:after {
    content: "";
    display: table;
    clear: both;
  }
  
  #toc .title { font-size: 1em; }
  
  .tocy {
      float:right;
      padding-left: 10px;
  }
  
  @media all and (max-width: 800px) { 
      #page-content div:is(.tocy) {
          float: none; 
          display: table;
          margin: 0 auto;
          padding-left: 0;
      }
  
      :where(.table_wrap) table {
          table-layout:fixed;
          width: fit-content;
          overflow-x:auto;
      }
  }
  
  @media screen and (max-width: 600px) {
  .state_one, .state_two, .state_three, .state_four {
      width: 100%;
    }
  }
  
  

  Pages using this styling

  • theme:eigenmachine [info]

  ¶ 1 occurrence
  

  @import url("https://cdn.scpwiki.com/theme/en/basalt/normalize-min.css");
  @import url("https://cdn.scpwiki.com/theme/en/basalt/basalt-bedrock-min.css");

  Pages using this styling

  • theme:eigenmachine [info]

  ¶ 1 occurrence
  

  @import url("https://scp-wiki.wikidot.com/local--code/theme:dynamikron/1");

  Pages using this styling

  • theme:dynamikron [info]

  ¶ 1 occurrence
  

  .font0 { font-family:  var(--body-font); font-size: 16px; }
  .font1 { font-family: var(--header-font); font-size: 16px; }
  .font2 { font-family:  var(--title-font); font-size: 16px; }
  .font3 { font-family:  var(--mono-font); font-size: 16px; }
  .font4 { font-family:  var(--UI-font); font-size: 16px; }
  .font5 { font-family:  var(--logs-dialogue-font); font-size: 16px; }
  .font6 { font-family:  var(--logs-speaker-font); font-size: 16px; }

  Pages using this styling

  • theme:dynamikron [info]

  ¶ 1 occurrence
  

  @import url('https://scp-wiki.wdfiles.com/local--code/theme:dustjacket-sigma/1');

  Pages using this styling

  • theme:dustjacket-sigma [info]

  ¶ 1 occurrence
  

  @import url("https://scp-wiki.wdfiles.com/local--code/theme%3Adustjacket/1")

  Pages using this styling

  • theme:dustjacket [info]

  ¶ 1 occurrence
  

  @import url("https://nu-scptheme.github.io/Black-Highlighter/css/min/normalize.min.css");
  @import url("https://nu-scptheme.github.io/Black-Highlighter/css/min/black-highlighter.min.css");
  
  .scp-image-block.block-right {
      margin: 1em 0 1.1em 2em;
  }
  
  .scp-image-block img {
      width: 100%;
      border: 0.5rem solid rgba(var(--pale-gray-monochrome));
      box-sizing: border-box;
  }
  .colors_container {
      width: 90%;
      display: flex;
      flex-direction: column;
      margin: 0 auto;
      font-weight: 700;
      font-family: var(--header-font);
  }
  
  .colors_container >  .colors,
  .colors_container >  .subcolors {
      width: 100%;
      flex-shrink: 0;
      display: flex;
      flex-wrap: wrap;
  }
  
  .colors > .color,
  .subcolors > .color {
      display: flex;
      flex-direction: row;
      flex-grow: 2;
      justify-content: center;
      align-items: flex-end;
      padding: 0.5rem;
      margin: 0.5rem;
  }
  
  .colors > .color > .sub,
  .subcolors > .color > .sub,
  .colors > .color > .sub > .css-variable,
  .subcolors > .color > .sub > .css-variable {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      width: 100%;
  }
  
  .colors > .color {
      height: 7rem;
      flex-basis: calc((100%/2) - 2rem);
  }
  
  .colors > .color.one {
      background-color: rgba(var(--gray-monochrome),1);
  }
  
  .colors > .color.two {
      background-color: rgba(var(--bright-accent),1);
  }
  
  .subcolors > .color {
      height: 3rem;
      font-size: 75%;
      text-align: center;
      flex-basis: calc((100%/6) - 2rem);
  }
  
  .colors > .color.one,
  .subcolors > .color.three,
  .subcolors > .color.five {
      color: rgba(var(--swatch-text-light),1);
  }
  
  .subcolors > .color.one {
      background-color: rgba(var(--pale-gray-monochrome),1);
  }
  
  .subcolors > .color.two {
      background-color: rgba(var(--light-gray-monochrome),1);
  }
  
  .subcolors > .color.three {
      background-color: rgba(var(--dark-gray-monochrome),1);
  }
  
  .subcolors > .color.four {
      background-color: rgba(var(--medium-accent),1);
  }
  
  .subcolors > .color.five {
      background-color: rgba(var(--dark-accent),1);
  }
  
  .subcolors > .color.six {
      background-color: rgba(var(--newpage-color),1);
  }
  
  .color > .sub > .css-variable {
      font-size: 75%;
      letter-spacing: 0.1em;
      font-family: var(--body-font);
  }
  

  Pages using this styling

  • theme:dustjacket [info]

  ¶ 1 occurrence
  

  @import url("https://scp-wiki.wdfiles.com/local--code/theme%3Adisrememberment-theme/1")

  Pages using this styling

  • theme:disrememberment-theme [info]

  ¶ 1 occurrence
  

  @import url("https://nu-scptheme.github.io/Black-Highlighter/css/min/normalize.min.css");
  @import url("https://nu-scptheme.github.io/Black-Highlighter/css/min/black-highlighter.min.css");
  #page-title {
      text-align: center !important;
      font-family: var(--header-font);
      font-size: 270%;
  }
  
  @media only screen and (max-width: 765px) {
    #page-title {
      font-size: 170%;
      white-space: nowrap;
    }
  }

  Pages using this styling

  • theme:disrememberment-theme [info]

  ¶ 1 occurrence
  

  @import url("https://scp-wiki.wdfiles.com/local--code/theme%3Adiamond-highlighter/1")

  Pages using this styling

  • theme:diamond-highlighter [info]

  ¶ 1 occurrence
  

  @import url('https://scp-wiki.wdfiles.com/local--code/theme%3Adia-de-muertos/1');

  Pages using this styling

  • theme:dia-de-muertos [info]

  ¶ 1 occurrence
  

  
  .scp-image-block.block-right {
      margin: 1em 0 1em 2em;
  }
  
  .scp-image-block img {
      min-width: 100%;
      border: 0.1rem solid rgba(var(--pale-gray-monochrome));
      box-sizing: border-box;
  }

  Pages using this styling

  • theme:dia-de-muertos [info]

  ¶ 1 occurrence
  

  @import url("https://scp-wiki.wdfiles.com/local--code/theme%3Adeus-ex-machina/1")

  Pages using this styling

  • theme:deus-ex-machina [info]

  ¶ 1 occurrence
  

  @import url("https://nu-scptheme.github.io/Black-Highlighter/css/min/normalize.min.css");
  @import url("https://nu-scptheme.github.io/Black-Highlighter/css/min/black-highlighter.min.css");
  
  .scp-image-block.block-right {
      background: var(--gradient-header);
  }
  .scp-image-block img {
      min-width: 100%;
      border: 0.5rem solid transparent;
      box-sizing: border-box;
  }

  Pages using this styling

  • theme:deus-ex-machina [info]

  ¶ 1 occurrence
  

  
  #header {
      background: url('https://scp-wiki.wdfiles.com/local--files/theme%3Adecom-dept/Pride%20Decom.%20Dept.%20Logo.png') 13px 41px no-repeat!important;
      background-size: 100px 100px!important;
  }
  

  Pages using this styling

  • theme:decom-dept [info]

  ¶ 1 occurrence
  

  @import url('https://scp-wiki.wdfiles.com/local--code/theme:decom-dept/1');

  Pages using this styling

  • theme:decom-dept [info]

  ¶ 1 occurrence
  

  @import url('https://scp-wiki.wdfiles.com/local--code/theme%3Adarkqueer/1');

  Pages using this styling

  • theme:darkqueer [info]

  ¶ 1 occurrence
  

  :root {
    --fade-in-delay: 0s;
  }
  
  .colors-container .colors .color:nth-of-type(1) {
      background: var(--darkest-color) !important;
  }
  .colors-container .colors .color:nth-of-type(2) {
      background: var(--accent-color) !important;
  }
  
  .colors-container .subcolors .color:nth-of-type(1) {
      background: var(--off-white) !important;
  }
  
  .colors-container .subcolors .color:nth-of-type(2) {
      background: var(--lighter-color) !important;
  }
  
  .colors-container .subcolors .color:nth-of-type(3) {
      background: var(--darker-color) !important;
  }
  
  .colors-container .subcolors .color:nth-of-type(4) {
      background: var(--secondary-accent-color) !important;
  }
  
  .colors-container .subcolors .color:nth-of-type(5) {
      background: var(--subdued-accent-color) !important;
  }
  
  .colors-container .subcolors .color:nth-of-type(6) {
      background: var(--mid-accent-color) !important;
  }
  

  Pages using this styling

  • theme:darkqueer [info]

  ¶ 1 occurrence
  

  @import url(https://scp-wiki.wdfiles.com/local--code/theme:dark-dealings/5);

  Pages using this styling

  • theme:dark-dealings [info]

  ¶ 1 occurrence
  

  @import url(https://scp-wiki.wdfiles.com/local--code/theme:dark-dealings/4);

  Pages using this styling

  • theme:dark-dealings [info]

  ¶ 1 occurrence
  

  @import url(https://scp-wiki.wdfiles.com/local--code/theme:dark-dealings/3);

  Pages using this styling

  • theme:dark-dealings [info]

  ¶ 1 occurrence
  

  @import url(https://scp-wiki.wdfiles.com/local--code/theme:dark-dealings/2);

  Pages using this styling

  • theme:dark-dealings [info]

  ¶ 1 occurrence
  

  @import url(https://scp-wiki.wdfiles.com/local--code/theme:dark-dealings/1);

  Pages using this styling

  • theme:dark-dealings [info]

  ¶ 1 occurrence
  

  @import url('https://scp-wiki.wdfiles.com/local--code/theme%3Adark/1');

  Pages using this styling

  • theme:dark [info]

  ¶ 1 occurrence
  

  @import url(https://scp-wiki.wdfiles.com/local--code/theme%3Acyberpunk/1); /* main theme */
  @import url(https://scp-wiki.wdfiles.com/local--code/theme%3Acyberpunk/{$theme-number});

  Pages using this styling

  • theme:cyberpunk [info]

  ¶ 1 occurrence
  

  @import url("https://nu-scptheme.github.io/Black-Highlighter/css/min/normalize.min.css");
  @import url("https://nu-scptheme.github.io/Black-Highlighter/css/min/black-highlighter.min.css");
  
  .scp-image-block.block-right {
      background: var(--dark-gray-monochrome);
  }
  .scp-image-block img {
      min-width: 100%;
      border: 0.5rem solid transparent;
      box-sizing: border-box;
  }
   

  Pages using this styling

  • theme:cyberpunk [info]

  ¶ 1 occurrence
  

  @import url("https://scp-wiki.wdfiles.com/local--code/theme%3Acrocker-theme/1")

  Pages using this styling

  • theme:crocker-theme [info]

  ¶ 1 occurrence
  

  @import url("https://nu-scptheme.github.io/Black-Highlighter/css/min/normalize.min.css");
  @import url("https://nu-scptheme.github.io/Black-Highlighter/css/min/black-highlighter.min.css");
  #page-title {
      text-align: center !important;
  }
  
  .scp-image-block.block-right {
      margin: 1em 0 1em 2em;
  }
  
  .scp-image-block > a:first-of-type {
      background: var(--gradient-header);
  }
  
  .scp-image-block .printuser img.small {
      width: initial;
  }
  
  #login-status a#my-account:hover, 
  #login-status a#my-account:active {
      color: rgb(var(--swatch-text-light)) !important;
  }
  
  #login-status a#my-account:focus-within {
      color: rgb(var(--swatch-text-light)) !important;
  }
  
  .scp-image-block img {
      min-width: 100%;
      -webkit-box-sizing: border-box;
         -moz-box-sizing: border-box;
              box-sizing: border-box;
      padding: 0.5em;
  }

  Pages using this styling

  • theme:crocker-theme [info]

  ¶ 1 occurrence
  

  @import url('https://scp-wiki.wdfiles.com/local--code/theme%3Acreepypasta/1');

  Pages using this styling

  • theme:creepypasta [info]

  ¶ 1 occurrence
  

  @import url(https://scp-wiki.wdfiles.com/local--code/theme%3Acosmos/1);

  Pages using this styling

  • theme:cosmos [info]

  ¶ 1 occurrence
  

  @import url(https://scp-wiki.wdfiles.com/local--code/component%3Asigma-plus/1);
  @import url(https://scp-wiki.wdfiles.com/local--code/theme%3Aspace/1);

  Pages using this styling

  • theme:cosmos [info]

  ¶ 1 occurrence
  

  @import url(https://scp-wiki.wdfiles.com/local--code/theme%3Acosmonaut/2);

  Pages using this styling

  • theme:cosmonaut [info]

  ¶ 1 occurrence
  

  @import url(https://scp-wiki.wdfiles.com/local--code/theme%3Acosmonaut/1);

  Pages using this styling

  • theme:cosmonaut [info]

  ¶ 1 occurrence
  

  @import url("https://scp-wiki.wdfiles.com/local--code/theme%3Aclock-tower/1")

  Pages using this styling

  • theme:clock-tower [info]

  ¶ 1 occurrence
  

  @import url("https://nu-scptheme.github.io/Black-Highlighter/css/min/normalize.min.css");
  @import url("https://nu-scptheme.github.io/Black-Highlighter/css/min/black-highlighter.min.css");
  
  .scp-image-block.block-right {
      background: var(--dark-gray-monochrome);
  }
  .scp-image-block img {
      min-width: 100%;
      border: 0.5rem solid transparent;
      box-sizing: border-box;
  }

  Pages using this styling

  • theme:clock-tower [info]

  ¶ 1 occurrence
  

  @import url(https://scp-wiki.wdfiles.com/local--code/theme%3Acleaning-services/1);

  Pages using this styling

  • theme:cleaning-services [info]

  ¶ 1 occurrence
  

  /* ==== PRESENTATION ==== */
   .templateInfo {
      margin: 1em 0;
      padding: 0 1em;
  
      background: var(--fill-bg);
      border: 1px solid var(--area-border);
  }

  Pages using this styling

  • theme:classic [info]

  ¶ 1 occurrence
  

  @import url(https://scp-wiki.wdfiles.com/local--code/theme%3Aclassic/1);

  Pages using this styling

  • theme:classic [info]

  ¶ 1 occurrence
  

  @import url("https://scp-wiki.wdfiles.com/local--code/theme%3Ach-scp-theme/1")

  Pages using this styling

  • theme:ch-scp-theme [info]

  ¶ 1 occurrence
  

  @import url(https://scp-wiki.wikidot.com/local--code/theme:cc-theme/1); 

  Pages using this styling

  • theme:cc-theme [info]

  ¶ 1 occurrence
  

  @import url(https://scp-wiki.wikidot.com/theme:caretaker-theme/code/1);

  Pages using this styling

  • theme:caretaker-theme [info]

  ¶ 1 occurrence
  

  @import url('https://scp-wiki.wdfiles.com/local--code/theme%3Acaretaker-sigma/1');

  Pages using this styling

  • theme:caretaker-sigma [info]

  ¶ 1 occurrence
  

  #header {
      background: url("https://scp-wiki.wdfiles.com/local--files/theme:calibri-logos/Malaysian%20SCP") 15px 40px no-repeat !important;
      background-size: 6rem !important;
  }
  @media (max-width: 580px) and (min-width: 480px) {
      #header {
          background-position: 0.5em 4.5em  !important;
          background-size: 66px 66px  !important;
      }
  }
  
  @media (max-width: 479px) {
      #header {
          background-position: 0 5.5em !important;
          background-size: 55px 55px !important;
      }
  }

  Pages using this styling

  • theme:calibri-logos [info]

  ¶ 1 occurrence
  

  :root {
      --logo-image: url("https://scp-wiki.wdfiles.com/local--files/theme:calibri-logos/Malaysian%20SCP") !important;
  }

  Pages using this styling

  • theme:calibri-logos [info]

  ¶ 1 occurrence
  

  #header {
      background: url("https://scp-wiki.wdfiles.com/local--files/theme:calibri-logos/Japanese%20SCP") 15px 40px no-repeat !important;
      background-size: 6rem !important;
  }
  @media (max-width: 580px) and (min-width: 480px) {
      #header {
          background-position: 0.5em 4.5em  !important;
          background-size: 66px 66px  !important;
      }
  }
  
  @media (max-width: 479px) {
      #header {
          background-position: 0 5.5em !important;
          background-size: 55px 55px !important;
      }
  }

  Pages using this styling

  • theme:calibri-logos [info]

  ¶ 1 occurrence
  

  :root {
      --logo-image: url("https://scp-wiki.wdfiles.com/local--files/theme:calibri-logos/Japanese%20SCP") !important;
  }

  Pages using this styling

  • theme:calibri-logos [info]

  ¶ 1 occurrence
  

  #header {
      background: url("https://scp-wiki.wdfiles.com/local--files/theme:calibri-logos/SCP%20Fifthism") 15px 40px no-repeat !important;
      background-size: 6rem !important;
  }
  @media (max-width: 580px) and (min-width: 480px) {
      #header {
          background-position: 0.5em 4.5em  !important;
          background-size: 66px 66px  !important;
      }
  }
  
  @media (max-width: 479px) {
      #header {
          background-position: 0 5.5em !important;
          background-size: 55px 55px !important;
      }
  }

  Pages using this styling

  • theme:calibri-logos [info]

  ¶ 1 occurrence
  

  :root {
      --logo-image: url("https://scp-wiki.wdfiles.com/local--files/theme:calibri-logos/SCP%20Fifthism") !important;
  }

  Pages using this styling

  • theme:calibri-logos [info]

  ¶ 1 occurrence
  

  #header {
      background: url("https://scp-wiki.wdfiles.com/local--files/theme:calibri-logos/SCP%20GOC") 15px 40px no-repeat !important;
      background-size: 6rem !important;
  }
  @media (max-width: 580px) and (min-width: 480px) {
      #header {
          background-position: 0.5em 4.5em  !important;
          background-size: 66px 66px  !important;
      }
  }
  
  @media (max-width: 479px) {
      #header {
          background-position: 0 5.5em !important;
          background-size: 55px 55px !important;
      }
  }

  Pages using this styling

  • theme:calibri-logos [info]

  ¶ 1 occurrence
  

  :root {
      --logo-image: url("https://scp-wiki.wdfiles.com/local--files/theme:calibri-logos/SCP%20GOC") !important;
  }

  Pages using this styling

  • theme:calibri-logos [info]

  ¶ 1 occurrence
  

  #header {
      background: url("https://scp-wiki.wdfiles.com/local--files/theme:calibri-logos/Sweden%20SCP") 15px 40px no-repeat !important;
      background-size: 6rem !important;
  }
  @media (max-width: 580px) and (min-width: 480px) {
      #header {
          background-position: 0.5em 4.5em  !important;
          background-size: 66px 66px  !important;
      }
  }
  
  @media (max-width: 479px) {
      #header {
          background-position: 0 5.5em !important;
          background-size: 55px 55px !important;
      }
  }

  Pages using this styling

  • theme:calibri-logos [info]

  ¶ 1 occurrence
  

  :root {
      --logo-image: url("https://scp-wiki.wdfiles.com/local--files/theme:calibri-logos/Sweden%20SCP") !important;
  }

  Pages using this styling

  • theme:calibri-logos [info]

  ¶ 1 occurrence
  

  #header {
      background: url("https://scp-wiki.wdfiles.com/local--files/theme:calibri-logos/Germany%20SCP") 15px 40px no-repeat !important;
      background-size: 6rem !important;
  }
  @media (max-width: 580px) and (min-width: 480px) {
      #header {
          background-position: 0.5em 4.5em  !important;
          background-size: 66px 66px  !important;
      }
  }
  
  @media (max-width: 479px) {
      #header {
          background-position: 0 5.5em !important;
          background-size: 55px 55px !important;
      }
  }

  Pages using this styling

  • theme:calibri-logos [info]

  ¶ 1 occurrence
  

  :root {
      --logo-image: url("https://scp-wiki.wdfiles.com/local--files/theme:calibri-logos/Germany%20SCP") !important;
  }

  Pages using this styling

  • theme:calibri-logos [info]

  ¶ 1 occurrence
  

  #header {
      background: url("https://scp-wiki.wdfiles.com/local--files/theme:calibri-logos/SCP%20CI") 15px 40px no-repeat !important;
      background-size: 6rem !important;
  }
  @media (max-width: 580px) and (min-width: 480px) {
      #header {
          background-position: 0.5em 4.5em  !important;
          background-size: 66px 66px  !important;
      }
  }
  
  @media (max-width: 479px) {
      #header {
          background-position: 0 5.5em !important;
          background-size: 55px 55px !important;
      }
  }

  Pages using this styling

  • theme:calibri-logos [info]

  ¶ 1 occurrence
  

  :root {
      --logo-image: url("https://scp-wiki.wdfiles.com/local--files/theme:calibri-logos/SCP%20CI") !important;
  }

  Pages using this styling

  • theme:calibri-logos [info]

  ¶ 1 occurrence
  

  #header {
      background: url("https://scp-wiki.wdfiles.com/local--files/theme:calibri-logos/SCP%20Ambrose%20Restaurants") 15px 40px no-repeat !important;
      background-size: 6rem !important;
  }
  @media (max-width: 580px) and (min-width: 480px) {
      #header {
          background-position: 0.5em 4.5em  !important;
          background-size: 66px 66px  !important;
      }
  }
  
  @media (max-width: 479px) {
      #header {
          background-position: 0 5.5em !important;
          background-size: 55px 55px !important;
      }
  }

  Pages using this styling

  • theme:calibri-logos [info]

  ¶ 1 occurrence
  

  :root {
      --logo-image: url("https://scp-wiki.wdfiles.com/local--files/theme:calibri-logos/SCP%20Ambrose%20Restaurants") !important;
  }

  Pages using this styling

  • theme:calibri-logos [info]

  ¶ 1 occurrence
  

  #header {
      background: url("https://scp-wiki.wdfiles.com/local--files/theme:calibri-logos/SCP%20IJAMEA") 15px 40px no-repeat !important;
      background-size: 6rem !important;
  }
  @media (max-width: 580px) and (min-width: 480px) {
      #header {
          background-position: 0.5em 4.5em  !important;
          background-size: 66px 66px  !important;
      }
  }
  
  @media (max-width: 479px) {
      #header {
          background-position: 0 5.5em !important;
          background-size: 55px 55px !important;
      }
  }

  Pages using this styling

  • theme:calibri-logos [info]

  ¶ 1 occurrence
  

  :root {
      --logo-image: url("https://scp-wiki.wdfiles.com/local--files/theme:calibri-logos/SCP%20IJAMEA") !important;
  }

  Pages using this styling

  • theme:calibri-logos [info]

  ¶ 1 occurrence
  

  #header {
      background: url("https://scp-wiki.wdfiles.com/local--files/theme:calibri-logos/SCP%20Sarkic") 15px 40px no-repeat !important;
      background-size: 6rem !important;
  }
  @media (max-width: 580px) and (min-width: 480px) {
      #header {
          background-position: 0.5em 4.5em  !important;
          background-size: 66px 66px  !important;
      }
  }
  
  @media (max-width: 479px) {
      #header {
          background-position: 0 5.5em !important;
          background-size: 55px 55px !important;
      }
  }

  Pages using this styling

  • theme:calibri-logos [info]

  ¶ 1 occurrence
  

  :root {
      --logo-image: url("https://scp-wiki.wdfiles.com/local--files/theme:calibri-logos/SCP%20Sarkic") !important;
  }

  Pages using this styling

  • theme:calibri-logos [info]

  ¶ 1 occurrence
  

  #header {
      background: url("https://scp-wiki.wdfiles.com/local--files/theme:calibri-logos/SCP%20AWCY") 15px 40px no-repeat !important;
      background-size: 6rem !important;
  }
  @media (max-width: 580px) and (min-width: 480px) {
      #header {
          background-position: 0.5em 4.5em  !important;
          background-size: 66px 66px  !important;
      }
  }
  
  @media (max-width: 479px) {
      #header {
          background-position: 0 5.5em !important;
          background-size: 55px 55px !important;
      }
  }

  Pages using this styling

  • theme:calibri-logos [info]

  ¶ 1 occurrence
  

  :root {
      --logo-image: url("https://scp-wiki.wdfiles.com/local--files/theme:calibri-logos/SCP%20AWCY") !important;
  }

  Pages using this styling

  • theme:calibri-logos [info]

  ¶ 1 occurrence
  

  #header {
      background: url("https://scp-wiki.wdfiles.com/local--files/theme:calibri-logos/scp%20dado") 15px 40px no-repeat !important;
      background-size: 6rem !important;
  }
  @media (max-width: 580px) and (min-width: 480px) {
      #header {
          background-position: 0.5em 4.5em  !important;
          background-size: 66px 66px  !important;
      }
  }
  
  @media (max-width: 479px) {
      #header {
          background-position: 0 5.5em !important;
          background-size: 55px 55px !important;
      }
  }

  Pages using this styling

  • theme:calibri-logos [info]

  ¶ 1 occurrence
  

  :root {
      --logo-image: url("https://scp-wiki.wdfiles.com/local--files/theme:calibri-logos/scp%20dado") !important;
  }

  Pages using this styling

  • theme:calibri-logos [info]

  ¶ 1 occurrence
  

  #header {
      background: url("https://scp-wiki.wdfiles.com/local--files/theme:calibri-logos/SCP%20Horizon%20Initiative") 15px 40px no-repeat !important;
      background-size: 6rem !important;
  }
  @media (max-width: 580px) and (min-width: 480px) {
      #header {
          background-position: 0.5em 4.5em  !important;
          background-size: 66px 66px  !important;
      }
  }
  
  @media (max-width: 479px) {
      #header {
          background-position: 0 5.5em !important;
          background-size: 55px 55px !important;
      }
  }

  Pages using this styling

  • theme:calibri-logos [info]

  ¶ 1 occurrence
  

  :root {
      --logo-image: url("https://scp-wiki.wdfiles.com/local--files/theme:calibri-logos/SCP%20Horizon%20Initiative") !important;
  }

  Pages using this styling

  • theme:calibri-logos [info]

  ¶ 1 occurrence
  

  #header {
      background: url("https://scp-wiki.wdfiles.com/local--files/theme:calibri-logos/Chinese%20SCP") 15px 40px no-repeat !important;
      background-size: 6rem !important;
  }
  @media (max-width: 580px) and (min-width: 480px) {
      #header {
          background-position: 0.5em 4.5em  !important;
          background-size: 66px 66px  !important;
      }
  }
  
  @media (max-width: 479px) {
      #header {
          background-position: 0 5.5em !important;
          background-size: 55px 55px !important;
      }
  }

  Pages using this styling

  • theme:calibri-logos [info]

  ¶ 1 occurrence
  

  :root {
      --logo-image: url("https://scp-wiki.wdfiles.com/local--files/theme:calibri-logos/Chinese%20SCP") !important;
  }

  Pages using this styling

  • theme:calibri-logos [info]

  ¶ 1 occurrence
  

  #header {
      background: url("https://scp-wiki.wdfiles.com/local--files/theme:calibri-logos/USSR%20SCP") 15px 40px no-repeat !important;
      background-size: 6rem !important;
  }
  @media (max-width: 580px) and (min-width: 480px) {
      #header {
          background-position: 0.5em 4.5em  !important;
          background-size: 66px 66px  !important;
      }
  }
  
  @media (max-width: 479px) {
      #header {
          background-position: 0 5.5em !important;
          background-size: 55px 55px !important;
      }
  }

  Pages using this styling

  • theme:calibri-logos [info]

  ¶ 1 occurrence
  

  :root {
      --logo-image: url("https://scp-wiki.wdfiles.com/local--files/theme:calibri-logos/USSR%20SCP") !important;
  }

  Pages using this styling

  • theme:calibri-logos [info]

  ¶ 1 occurrence
  

  #header {
      background: url("https://scp-wiki.wdfiles.com/local--files/theme:calibri-logos/French%20SCP") 15px 40px no-repeat !important;
      background-size: 6rem !important;
  }
  @media (max-width: 580px) and (min-width: 480px) {
      #header {
          background-position: 0.5em 4.5em  !important;
          background-size: 66px 66px  !important;
      }
  }
  
  @media (max-width: 479px) {
      #header {
          background-position: 0 5.5em !important;
          background-size: 55px 55px !important;
      }
  }

  Pages using this styling

  • theme:calibri-logos [info]

  ¶ 1 occurrence
  

  :root {
      --logo-image: url("https://scp-wiki.wdfiles.com/local--files/theme:calibri-logos/French%20SCP") !important;
  }

  Pages using this styling

  • theme:calibri-logos [info]

  ¶ 1 occurrence
  

  #header {
      background: url("https://scp-wiki.wdfiles.com/local--files/theme:calibri-logos/UK%20SCP") 15px 40px no-repeat !important;
      background-size: 6rem !important;
  }
  @media (max-width: 580px) and (min-width: 480px) {
      #header {
          background-position: 0.5em 4.5em  !important;
          background-size: 66px 66px  !important;
      }
  }
  
  @media (max-width: 479px) {
      #header {
          background-position: 0 5.5em !important;
          background-size: 55px 55px !important;
      }
  }

  Pages using this styling

  • theme:calibri-logos [info]

  ¶ 1 occurrence
  

  :root {
      --logo-image: url("https://scp-wiki.wdfiles.com/local--files/theme:calibri-logos/UK%20SCP") !important;
  }

  Pages using this styling

  • theme:calibri-logos [info]

  ¶ 1 occurrence
  

  #header {
      background: url("https://scp-wiki.wdfiles.com/local--files/theme:calibri-logos/USA%20SCP") 15px 40px no-repeat !important;
      background-size: 6rem !important;
  }
  @media (max-width: 580px) and (min-width: 480px) {
      #header {
          background-position: 0.5em 4.5em  !important;
          background-size: 66px 66px  !important;
      }
  }
  
  @media (max-width: 479px) {
      #header {
          background-position: 0 5.5em !important;
          background-size: 55px 55px !important;
      }
  }

  Pages using this styling

  • theme:calibri-logos [info]

  ¶ 1 occurrence
  

  @import url("https://nu-scptheme.github.io/Black-Highlighter/stable/styles/normalize.min.css");
  @import url("https://nu-scptheme.github.io/Black-Highlighter/stable/styles/black-highlighter.min.css");
  
  h1 {
      display: flex;
      justify-content: center;
  }
  
  div.pridebox,
  div.includebox {
      width: 100%;
      display: flex;
      flex-wrap: wrap;
  }
  
  div.pridebox div.insidebox {
      flex-basis: calc((100% / 2) - 0.125rem);
      border: 0.0625rem solid rgb(var(--bright-accent));
      flex-grow: 2;
      min-width: 18.750em;
  }
  
  div.insidebox div.imagebox {
      display: flex;
      justify-content: center;
  }
  
  div.insidebox div.imagebox > div {
      width: 50%;
      min-width: inherit;
  }
  
  div.includebox {
      text-align: center;
  }
  
  div.includebox > blockquote {
      flex-basis: calc(50% - 1em);
      flex-grow: 2;
      box-sizing: border-box;
      margin: 0.25em;
      width: calc(50% - 1em);
  }
  
  div.includebox tt {
      font-size: 80%;
  }
  
  div.pridebox div.insidebox h1, div.pridebox div.insidebox h2 {
      display: flex;
      align-items: center;
      justify-content: center;
      font-weight: 900;
      padding: 0 1em;
  }
  
  #page-content > div.pridebox div.scp-image-block {
      box-shadow: inherit;
      background-color: rgb(var(--very-light-gray-monochrome));
      border: initial;
  }
  
  #page-content > div.pridebox div.scp-image-block > a {
      width: 90%;
  }
  
  #page-content > div.pridebox div.scp-image-block > div.scp-image-caption {
      border-top: inherit;
  }
  
  .flipped {
      display: inline-block;
      transform: scaleX(-1);
  }
  

  Pages using this styling

  • theme:calibri-logos [info]

  ¶ 1 occurrence
  

  :root {
      --logo-image: url("https://scp-wiki.wdfiles.com/local--files/theme:calibri-logos/USA%20SCP") !important;
  }

  Pages using this styling

  • theme:calibri-logos (2) [info]

  ¶ 1 occurrence
  

  @import url("https://scp-wiki.wdfiles.com/local--code/theme%3Acalamity/1")

  Pages using this styling

  • theme:calamity [info]

  ¶ 1 occurrence
  

  /* 
  =====================
  GOLDEN HEADER
  =====================
  */
  
  :root {
      --gold-image: url("https://wanderers-library.wdfiles.com/local--files/component%3Atheme/goldfoil.png");
  }
  
  @media screen and (min-width: 475px){
      #header h1 a::before,#header h2 span::before{
      	background-image:var(--gold-image);
      }
     
      #header #header-extra-div-1::before {
      	background: var(--gold-image);
      	background-size:10%;    
      }
   
      #header #header-extra-div-2::before {
      	background:var(--gradient-logo-cover);
      }
  
      #header h1 a::before, #header h2 span::before {
      	text-shadow: .063rem .063rem .063rem #231e15;
      }
  }

  Pages using this styling

  • theme:broken-world [info]

  ¶ 1 occurrence
  

  /* 
  =====================
  MY LOGO
  =====================
   */
  @import url("https://scp-wiki.wikidot.com/fragment:broken-world/code/2");
  
  :root{
      --Set-logo-0: url("{$set-url}");
      --logo-image:var(--Set-logo-{$set-logo}) !important;
  }
  

  Pages using this styling

  • theme:broken-world [info]

  ¶ 1 occurrence
  

  @import url(https://scp-wiki.wikidot.com/theme:broken-world/code/1);
  
  #header h1 a::before {
      content: {$header-title};
  }
          
  #header h2 span::before {
      content: {$header-subtitle};
  } 
  
  @media (max-width: 500px) {
      #header h1 a::before {
      	content: {$header-title};
      	content: {$mob-title};
      }
          
      #header h2 span::before {
      	content: {$header-subtitle};
      	content: {$mob-subtitle};
      }
  }
  

  Pages using this styling

  • theme:broken-world [info]

  ¶ 1 occurrence
  

  
  @import url("https://nu-scptheme.github.io/Black-Highlighter/css/min/normalize.min.css");
  @import url("https://nu-scptheme.github.io/Black-Highlighter/css/min/black-highlighter.min.css");
  
  /* 
  =====================
  Title 
  =====================
  */
  
  :root {
      --img-line-1: url("https://scp-wiki.wikidot.com/local--files/theme:magazine/ZZZ-Chapter-Line.png");
      --img-1: url("https://scp-wiki.wikidot.com/local--files/theme:magazine/ICON_FlyDragon.svg");
  
      --left-1: 0 0.8rem 0 0;
      --right-1: 0 0 0 0.8rem;
  
      --img-height: 2.8rem;
      --img-width: 5rem;
  
      --phone-tt-size: 1.5rem;
      --img-height-phone: 1.5rem;
      --img-width-phone: 3rem;
      --left-phone: 0 0.5rem 0 0;
      --right-phone: 0 0 0 0.5rem;
  }
  
  .tt-ch {
      margin: 6rem 0 4rem 0;
  }
  
  .tt-line-top,
  .tt-line-bottom {
      background: var(--img-line-1) no-repeat scroll center transparent;
      background-size: contain;
      height: 2rem;
      margin: 0rem 0rem 0 0rem;
      padding: 1rem 0rem 0 0rem;
      width: 100%;
      opacity: 0.8
  }
  
  .tt-txt h1 {
      text-align: center;
      font-size: 2.5rem;
      margin: 0;
      font-weight: 500;
  }
  
  .tt-txt h1::before,
  .tt-txt h1::after {
      content: ' ';
      background-size: contain;
      height: var(--img-height);
      width: var(--img-width);
      display: inline-block;
      background-image: var(--img-1);
      background-repeat: no-repeat;
  }
  
  .tt-txt h1::before {
      margin: var(--left-1);
      transform: scaleX(-1);
  }
  
  .tt-txt h1::after {
      margin: var(--right-1);
  }
  
  @media (max-width: 479px) {
      .tt-ch {
      	margin: 5rem 0 2rem 0;
      }
  
      .tt-txt h1 {
      	font-size: var(--phone-tt-size);
      }
  
      .tt-line {
      	margin: 0 0 1rem 0;
      }
  
      .tt-txt h1::before,
      .tt-txt h1::after {
      	content: ' ';
      	background-size: contain;
      	height: var(--img-height-phone);
      	width: var(--img-width-phone);
      	display: inline-block;
      }
  
      .tt-txt h1::before {
      	margin: var(--left-phone);
      }
  
      .tt-txt h1::after {
      	margin: var(--right-phone);
      }
  }
  
  .tt-txt h1 {
      font-family: 'Kumar One';
  }
  
  .my-font h1,
  .my-font h2,
  .my-font h3,
  .my-font h4,
  .my-font h5,
  .my-font h6 {
      font-family: 'Kumar One';
  }
  
  /* 
  =====================
  Semibox
  =====================
   */
  
  .mmposter-cell .page-rate-widget-box {
      float: right;
  }
  
  .mmposter-wrap {
      display: flex;
      justify-content: center;
      flex-wrap: wrap;
  }
  
  .mmposter-cell {
      flex-basis: 50%;
      justify-self: center;
  }
  
  /**/
  .help tt,
  .no-sel tt {
      -moz-user-select: none;
      -webkit-user-select: none;
      -ms-user-select: none;
      user-select: none;
      color: #555;
      padding: 0 0rem 0 0rem;
  }
  
  .no-sel tt:before {
      content: " ←  "
  }
  
  /**/
  
  /* 
  =====================
  COLLAPSIBLE SIDEBAR
  =====================
   */
  
  @media only screen and (min-width: 47.9375rem) {
      #page-content {
      	max-width: 100%;
      }
  }
  
  #page-content {
      width: 100%;
  }
  
  #main-content {
      min-width: {$main-width};
  }
  
  @media (max-width: 700px) {
  
      #main-content {
      	min-width: 0rem;
      }
  }
  
  #side-bar,
  #side-bar:hover {
      border: 0.5rem groove #2e2c2c;
      background-color: grey;
      background-image: var(--gradient-sidebar-line);
  }
  
  #side-bar {
      opacity: 0;
  }
  
  #side-bar:hover {
      opacity: 1;
  }
  
  @media screen and (max-width: 475px) {
  
      #side-bar,
      #side-bar:not(:target) {
      	opacity: 0;
      	transition: all 0.5s;
      }
  
      #side-bar:target {
      	opacity: 1;
      	transition: all 0.5s;
      }
  }
  
  /*
  -----------------------
  other
  -----------------------
  */
  
  .unmargined {
      background-color: #5f5f5f !important;
  }
  
  #breadcrumbs {
      text-align: center;
  }
  
  .heritage-rating-module {
      display: none !important
  }
  
  .help {
      display: flex;
      align-content: stretch;
      padding-top: 1em;
  }
  
  .help blockquote {
      margin: 0;
      font-size: 85%;
  }
  
  .help blockquote>p {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      align-content: center;
      margin-right: 0;
      min-height: 2rem;
      margin: 0;
  }
  
  .help blockquote>p * {
      margin: 0 0.1rem;
      height: 100%;
  }
  
  .help blockquote:nth-of-type(1) {
      background: transparent;
      border: unset;
      box-shadow: unset;
      text-align: right;
      margin-right: 0;
      padding: 0;
  }
  
  .help blockquote:nth-of-type(1)>p {
      justify-content: flex-end;
  }
  
  .help blockquote:nth-of-type(2) {
      margin-left: 1em;
      width: 50%;
  }
  
  .logo-list {
      display: flex;
      flex-wrap: wrap;
      align-items: flex-start
  }
  
  .logo-list .scp-image-block {
      width: 28%;
      min-width: 0;
  }

  Pages using this styling

  • theme:broken-world [info]

  ¶ 1 occurrence
  

  @import url(https://scp-wiki.wdfiles.com/local--code/theme%3Abroken-masquerade/1);

  Pages using this styling

  • theme:broken-masquerade [info]

  ¶ 1 occurrence
  

  @import url(https://scp-wiki.wikidot.com/theme:borealis-constant-theme/code/2);

  Pages using this styling

  • theme:borealis-constant-theme [info]

  ¶ 1 occurrence
  

  @import url(https://scp-wiki.wikidot.com/theme:borealis-constant-theme/code/1);

  Pages using this styling

  • theme:borealis-constant-theme [info]

  ¶ 1 occurrence
  

  
  :root {
      --raven-color: #F7F7F7;
      --logo: url('https://scp-yerko-7.wdfiles.com/local--files/tema:necropolitics/snowgrave-logo.png');
      --banner-top: url('https://scp-yerko-7.wdfiles.com/local--files/tema:necropolitics/snowgrave-banner-top.png');
      --banner-mid: url('https://scp-yerko-7.wdfiles.com/local--files/tema:necropolitics/snowgrave-banner-mid.png');
      --fondo: url('https://scp-yerko-7.wdfiles.com/local--files/tema:necropolitics/snowgrave-fondo.png');
      --scrollbar: url('https://scp-yerko-7.wdfiles.com/local--files/tema:necropolitics/snowgrave-scrollbar.png');
      --banner-bot: url('https://scp-yerko-7.wdfiles.com/local--files/tema:necropolitics/snowgrave-banner-bot.png');
      --loader: url("https://scp-yerko-7.wdfiles.com/local--files/tema:necropolitics/snowgrave-loader.gif");
  }
  
  ::selection {
      background: var(--raven-color);
      color: #0F0F0F;
  }
  

  Pages using this styling

  • theme:bloodraven [info]

  ¶ 1 occurrence
  

  
  :root {
      --raven-color: #00EE10;
      --logo: url('https://scp-yerko-7.wdfiles.com/local--files/tema:necropolitics/acidtaste-logo.png');
      --banner-top: url('https://scp-yerko-7.wdfiles.com/local--files/tema:necropolitics/acidtaste-banner-top.png');
      --banner-mid: url('https://scp-yerko-7.wdfiles.com/local--files/tema:necropolitics/acidtaste-banner-mid.png');
      --fondo: url('https://scp-yerko-7.wdfiles.com/local--files/tema:necropolitics/acidtaste-fondo.png');
      --scrollbar: url('https://scp-yerko-7.wdfiles.com/local--files/tema:necropolitics/acidtaste-scrollbar.png');
      --banner-bot: url('https://scp-yerko-7.wdfiles.com/local--files/tema:necropolitics/acidtaste-banner-bot.png');
      --loader: url("https://scp-yerko-7.wdfiles.com/local--files/tema:necropolitics/acidtaste-loader.gif");
  }
  

  Pages using this styling

  • theme:bloodraven [info]

  ¶ 1 occurrence
  

  
  :root {
      --raven-color: #F8B301;
      --logo: url('https://scp-yerko-7.wdfiles.com/local--files/tema:necropolitics/sunkill-logo.png');
      --banner-top: url('https://scp-yerko-7.wdfiles.com/local--files/tema:necropolitics/sunkill-banner-top.png');
      --banner-mid: url('https://scp-yerko-7.wdfiles.com/local--files/tema:necropolitics/sunkill-banner-mid.png');
      --fondo: url('https://scp-yerko-7.wdfiles.com/local--files/tema:necropolitics/sunkill-fondo.png');
      --scrollbar: url('https://scp-yerko-7.wdfiles.com/local--files/tema:necropolitics/sunkill-scrollbar.png');
      --banner-bot: url('https://scp-yerko-7.wdfiles.com/local--files/tema:necropolitics/sunkill-banner-bot.png');
      --loader: url("https://scp-yerko-7.wdfiles.com/local--files/tema:necropolitics/sunkill-loader.gif");
  }
  

  Pages using this styling

  • theme:bloodraven [info]

  ¶ 1 occurrence
  

  
  :root {
      --raven-color: #00C4F8;
      --logo: url('https://scp-yerko-7.wdfiles.com/local--files/tema:necropolitics/frostbyte-logo.png');
      --banner-top: url('https://scp-yerko-7.wdfiles.com/local--files/tema:necropolitics/frostbyte-banner-top.png');
      --banner-mid: url('https://scp-yerko-7.wdfiles.com/local--files/tema:necropolitics/frostbyte-banner-mid.png');
      --fondo: url('https://scp-yerko-7.wdfiles.com/local--files/tema:necropolitics/frostbyte-fondo.png');
      --scrollbar: url('https://scp-yerko-7.wdfiles.com/local--files/tema:necropolitics/frostbyte-scrollbar.png');
      --banner-bot: url('https://scp-yerko-7.wdfiles.com/local--files/tema:necropolitics/frostbyte-banner-bot.png');
      --loader: url("https://scp-yerko-7.wdfiles.com/local--files/tema:necropolitics/frostbyte-loader.gif");
  }
  

  Pages using this styling

  • theme:bloodraven [info]

  ¶ 1 occurrence
  

  @import url(https://scp-wiki.wikidot.com/theme:bloodraven/code/1);

  Pages using this styling

  • theme:bloodraven [info]

  ¶ 1 occurrence
  

  /* Grid CSS - NOT part of theme */
  
  .grid-container {
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(4, 1fr);
    width: 100%;
    margin: 2em auto;
  }
  
  .cell {
    aspect-ratio: 1 / 1;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-family: monospace;
    font-size: 1.5em;
    padding: 1em;
  }
  
  /* Top row */
  .cell:nth-child(1),
  .cell:nth-child(2) {
    grid-column: span 2;
  }
  
  /* Bottom row */
  .cell:nth-child(3),
  .cell:nth-child(4),
  .cell:nth-child(5),
  .cell:nth-child(6) {
    grid-column: span 1;
  }
  
  @media (max-width: 767px) {
    .grid-container {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
    }
  }

  Pages using this styling

  • theme:blood [info]

  ¶ 1 occurrence
  

  /*
      Blood Theme
      by ubergoober, 2026
      Based on Sigma-9, from the SCP Wiki
  */
  
  /* ---- VARS ---- */
  :root {
  
      --header-title: "SCP Foundation";
      --header-subtitle: "Secure, Contain, Protect";
      --lgurl: url(https://scp-wiki-cdn.nyc3.cdn.digitaloceanspaces.com/theme/en/black-highlighter/img/logo.svg);
  
      --header-color: #661d1d;
      --subtitle-color: white;
      --background-color: #191919;
  
      --accent-color: #f54242;
      --visited-color: #D25B5B;
      --bright-color: #C03535;
      --dark-color: #6d0000;
      --darker-color: #4c1717;
  }
  
  /* ---- SITE BANNER ---- */
  div#container-wrap {
      background-image: none;
  }
  
  #header,
  div#header {
      background-image: none;
  }
  
  #header::before {
      position: absolute;
      width: 100%;
      height: 100%;
      content: "";
      margin-top: 0.5em;
      background-image: var(--lgurl);
      background-position: center top;
      background-repeat: no-repeat;
      background-size: auto 9em;
      opacity: .33;
  }
  
  #header h1,
  #header h2 {
      float: none;
      margin-left: 0;
      text-align: center;
  }
  
  #header h1 span,
  #header h2 span {
      display: none;
  }
  
  #header h1 a::before {
      position: relative;
      bottom: .15em;
      color: var(--title-color);
      font-size: 115%;
      font-weight: 700;
      content: var(--header-title);
  }
  
  #header h2::before {
      position: relative;
      top: .1em;
      color: var(--subtitle-color);
      font-size: 130%;
      font-weight: 600;
      content: var(--header-subtitle);
  }
  
  /* ---- TOP BAR ---- */
  #top-bar {
      right: 0;
      display: flex;
      justify-content: center;
  }
  
  #top-bar ul li ul {
      border-bottom: 1px solid hsl(0, 0%, 40%);
      box-shadow: none;
  }
  
  /* ---- BODY ---- */
  #container {
      background: linear-gradient(to bottom, var(--header-color), var(--background-color) 200px);
  }
  
  body {
      background: var(--background-color);
      color: #f9f9f9;
  }
  
  /* -- Link Colors -- */
  
  a {
      color: var(--accent-color);
  }
  
   a:visited {
      color: var(--visited-color);
  }
  
  a.newpage {
      color: #e67b3e;
  }
  
  .hovertip {
      background: var(--background-color);
      border: 1px solid #808080;
  }
  
  /* ----SIDEBAR ---- */
  #side-bar a,
  #side-bar a:visited,
  #side-bar a.newpage,
  #interwiki a,
  #interwiki a:visited,
  #interwiki a.newpage {
      color: var(--accent-color);
  }
  
  #side-bar .heading, 
  #interwiki .heading {
      border-bottom: solid 1px #999;
      color: #999;
  }
  
  #side-bar .side-block,
  #side-bar .side-block.media,
  #side-bar .side-block.resources,
  #interwiki .side-block {
      background: var(--background-color);
      border-color: #808080;
      box-shadow: none;
  }
  
  #interwiki {
      background: transparent;
  }
  
  #interwiki body {
      background-image: unset;
  }
  
  #top-bar .open-menu a {
      background: #161616;
  }
  
  @media (max-width: 767px) {
      #side-bar {
          background-color: #332733;
      }
  }
  
  #top-bar .open-menu a {
      position: fixed;
      top: 0.5em;
      left: 0.5em;
      z-index: 5;
      font-family: 'Lucida Sans Unicode','Lucida Grande','Lucida Sans','Times New Roman',Helvetica,Roboto,sans-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;
      pointer-events: auto;
  }
  
  @media not all and (max-width: 767px) {
      #top-bar .mobile-top-bar {
          display: block;
          pointer-events: none;
      }
  
      #top-bar .mobile-top-bar li {
          display: none;
      }
  
      #main-content {
          max-width: 44.5rem;
          margin: 0 auto;
          padding: 0;
          transition: max-width 0.2s ease-in-out;
      }
  
      #side-bar {
          display: block;
          position: fixed;
          top: 0;
          left: -18rem;
          width: 15.25rem;
          height: 100%;
          margin: 0;
          overflow-x: hidden;
          overflow-y: auto;
          z-index: 10;
          padding: 1em 1em 0 1em;
          background-color: rgba(0,0,0,0.1);
          transition: left 0.4s ease-in-out;
          scrollbar-width: thin;
      }
  
      #side-bar:target,
      #side-bar:focus-within {
          left: 0;
      }
  
      #side-bar:target .close-menu {
          display: block;
          position: fixed;
          width: 100%;
          height: 100%;
          top: 0;
          left: 0;
          margin-left: 17rem;
          opacity: 0;
          z-index: -1;
          visibility: visible;
      }
  
      #side-bar:not(:target) .close-menu {
          display: none;
      }
  
      #top-bar .open-menu a:hover {
          text-decoration: none;
      }
  }
  
  /* -------------- PAGE ELEMENTS -------------- */
  /* -- Page Classes -- */
  
  blockquote,
  div.blockquote,
  .code,
  #lock-info {
      background: #0e0e0e;
      border: solid 1px #333;
      color: white;
  }
  
  .divider {
    display: block;
    max-width: 100%;
    border-top: 1.5px solid #aaa;
    border-bottom: 1.5px solid #aaa;
    text-align: center;
    font-size: 125%;
    font-weight: bold;
    padding: 1em;
    margin: 50px auto;
  }
  
  /* -- Images --*/
  
  /* uses :root hack to override base sigma priority */
  :root .scp-image-block {
      margin-bottom: 2em;
  }
  
  .scp-image-block .scp-image-caption {
      background-color: #111;
      color: #f9f9f9;
      padding: 5px;
  }
  
  /* -- Rate Module -- */
  div.page-rate-widget-box .rate-points {
      background-color: var(--background-color) ;
      border-color: #aaa9a9;
      color: #aaa9a9;
  }
  
  div.page-rate-widget-box .rateup,
  div.page-rate-widget-box .ratedown {
      background-color: #aaa9a9;
      border-top-color: #aaa9a9;
      border-bottom-color: #aaa9a9;
  }
  
  div.page-rate-widget-box .rateup a,
  div.page-rate-widget-box .ratedown a {
      color: var(--background-color);
  }
  
  div.page-rate-widget-box .rateup a:hover,
  div.page-rate-widget-box .ratedown a:hover {
      background: var(--background-color);
      color: #aaa9a9;
  }
  
  div.page-rate-widget-box .cancel {
      background-color: var(--background-color);
      border-color: #aaa9a9;
  }
  
  div.page-rate-widget-box .cancel a {
      color: #aaa9a9;
  }
  
  div.page-rate-widget-box .cancel a:hover {
      background: #aaa9a9;
      color: var(--background-color);
  }
  
  /* -- ToC -- */
  
  #toc {
      background-color: #333;
      border: none;
      box-shadow: 1px 1px 5px rgba(0,0,0,.8);
  }
  
  /* -- Info Module -- */
  #page-content .rate-box-with-credit-button {
      background-color: var(--background-color);
      border-color: #aaa9a9;
      border-radius: 5px;
      box-shadow: 1px 1px 3px rgba(0,0,0,.5);
  }
  
  #page-content .creditButton p a {
      border-left-color: #aaa9a9;
  }
  
  .rate-box-with-credit-button .cancel {
      border-radius: 0;
  }
  
  #page-content .creditButton p a:hover {
      color: var(--accent-color);
  }
  
  div.modalbox {
      background: linear-gradient(#0e0e0e 51px, var(--background-color) 51px, var(--background-color));
  }
  
  /* -- Titles -- */
  #page-title,
  .meta-title,
  h1 {
      color: var(--accent-color);
  }
  
  /* -- Tables -- */
  
  table.wiki-content-table {
      margin: 2em auto;
  }
  
  table.wiki-content-table tr td,
  table.wiki-content-table tr th {
      border: solid 1px #333;
      color: white;
  }
  
  table.wiki-content-table tr th {
      background: #0e0e0e; 
  }
  
  /* -- Tabviews -- */
  .yui-navset {
      margin: 2em auto;
  }
  
  .yui-navset .yui-content, .yui-navset .yui-navset-top .yui-content {
      background-color: #0e0e0e;
      border-color: #aaa9a9;
  }
  
  .yui-navset .yui-nav a,
  .yui-navset .yui-navset-top .yui-nav a {
      background: #373636;
      color: white;
  }
  
  .yui-navset .yui-nav .selected a,
  .yui-navset .yui-nav .selected a em,
  .yui-navset .yui-nav .selected a:focus,
  .yui-navset .yui-nav .selected a:hover {
      background: var(--dark-color);
      border-color: #aaa9a9;
  }
  
  .yui-navset .yui-nav a:hover,
  .yui-navset .yui-nav a:focus {
      background: var(--darker-color);
  }
  
  /* -- Footnote Box -- */
  div.footnote {
    color: black;
  }
  
  /* -- Code Highlighting -- */
  /* code highlighter stuff */
  .hl-identifier,
  .hl-code,
  .hl-brackets {
      color: #dddddd;
  }
  
  .hl-reserved {
      color: #7895ff;
  }
  
  .hl-var {
      color: #aa5dc2;
  }
   
  .hl-special,
  .hl-quotes {
      color: #ff4545;
  }
   
  .hl-number,
  .hl-string {
      color: #5dc267;
  }
  
  /* -- Other -- */
  del,
  ins {
      color: #333;
  }
  
  .content.modal-body {
      color: black;
  }
  
  /* ---- PAGE TITLE ---- */
  .meta-title,
  #page-title {
      text-align: center;
  }
  
  /* ---- MOBILE DISPLAY ---- */
  @media (max-width: 767px) {
      #search-top-box {
          top: 1.85em;
          width: unset;
      }
  
      .mobile-top-bar {
          position: relative;
          left: 0;
          display: flex;
          justify-content: center;
      }
  
      #login-status {
          top: 0;
          right: 0;
      }
  
      #header .printuser {
          font-size: 0;
      }
  
      #header .printuser img.small {
          margin: 0;
          transform: translate(6px, 4px);
      }
  
      #my-account {
          display: none;
      }
  
      #account-topbutton {
          margin-left: 2px;
      }
  }

  Pages using this styling

  • theme:blood [info]

  ¶ 1 occurrence
  

  @import url("https://scp-wiki.wikidot.com//local--code/theme%3Ablack-serpent/1")

  Pages using this styling

  • theme:black-serpent [info]

  ¶ 1 occurrence
  

  @import url("https://scp-wiki.wdfiles.com/local--code/theme%3Ablack-market/1")

  Pages using this styling

  • theme:black-market [info]

  ¶ 1 occurrence
  

  @import url("https://nu-scptheme.github.io/Black-Highlighter/css/min/normalize.min.css");
  @import url("https://nu-scptheme.github.io/Black-Highlighter/css/min/black-highlighter.min.css");
  @import url("https://scp-wiki.wdfiles.com/local--files/svg-animation/mcdLogo.css");
  
  .animSVG {
      width: 100%;
      height: 0px;
      background-position: center;
      background-size: contain;
      background-repeat: no-repeat;
  }

  Pages using this styling

  • theme:black-market [info]

  ¶ 1 occurrence
  

  @import url("https://scp-wiki.wdfiles.com/local--code/theme%3Ablack-highlightyear/1")

  Pages using this styling

  • theme:black-highlightyear [info]

  ¶ 1 occurrence
  

  #page-title { display: none }
  
  .scp-image-block.block-right img {
      background: var(--gradient-header);
      box-sizing: border-box;
      padding: 1em;
  }
  
  .fonts-display {
      font-size: 1.25em;
  }
  
  .title-font {
      font-family: var(--title-font);
      font-weight: 700;
  }
  .header-font {
      font-family: var(--title-font);
      font-weight: 900;
  }
  .UI-font {
      font-family: var(--UI-font);
  }
  .mono-font {
      --MONO: 1;
      --CASL: 0;
      --CRSV: 0;
      font-family: var(--mono-font);
  }

  Pages using this styling

  • theme:black-highlighter-theme [info]

  ¶ 1 occurrence
  

  @import url(https://scp-wiki.wdfiles.com/local--code/theme%3Ablack-diamond/1);

  Pages using this styling

  • theme:black-diamond [info]

  ¶ 1 occurrence
  

  .nametag {
      --bs: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='517.88' height='444.8' version='1.0' viewBox='0 0 388.41 333.6'%3E%3Cpath d='M223 20.7c-4.6 4.9-23.9 24.6-42.9 43.8-19 19.3-36.5 37.1-38.9 39.6-4.2 4.5-4.5 5.4-17.8 47.9L110 195.3l8.7 18.5 8.8 18.5 8.5 3.9c4.7 2.2 9.5 4.4 10.7 4.8 2 .8 3.3-1 17.9-25.3 8.6-14.4 16.4-26.9 17.3-27.8.9-.9 3.7-2.3 6.3-3.2l4.7-1.6 31 13.5 30.9 13.5 9.9-6.3c5.4-3.4 10.1-6.6 10.4-7.1.3-.4 1.4-9.4 2.4-20 1.2-11.8 2.1-18.3 2.6-17.1.8 1.9 9.9 44.5 9.9 46.2 0 .5-2.3 3.9-5 7.5l-5.1 6.7 4.5 4.2c3.2 3.1 4.6 5.4 5.1 8.3 2.4 13.7 6.1 29.7 6.9 29.8.5.1 13.3-14.5 28.4-32.6l27.5-32.7h13.4l10.3 13.2c12.2 15.8 11.8 15.3 12.5 14.7.2-.3-1.8-12.6-4.5-27.5-4.5-24-6.6-32.4-19.8-77.4l-14.7-50.5L292 40.8c-31.6-15.7-58.2-28.7-59.1-28.7-.9-.1-5.3 3.8-9.9 8.6Zm88.4 73.6 23.3 32.7.8 28.1c.4 15.4.5 28.2.4 28.4-.2.2-5.6-12-11.9-27.1L312.5 129l-27.8-25.7c-15.3-14.2-29.9-27.7-32.5-30-2.6-2.4-4.5-4.3-4.2-4.3.3-.1 8.8-1.8 19-4 10.2-2.1 19.1-3.7 19.8-3.7.7.1 11.7 14.9 24.6 33zM63.2 183.8l-17.4 5.7-15.9 15.4c-8.8 8.5-15.8 15.9-15.5 16.6.2.7 5.2 7.8 11.1 15.8l10.6 14.5 9.2.6c5.1.3 18.2.8 29.2 1.1l20 .6 8.4-8.5 8.4-8.4-14-29.4c-7.7-16.1-14.7-29.4-15.4-29.5-.8-.1-9.2 2.3-18.7 5.5z' style='fill:%23000;stroke:none;stroke-width:.1' transform='translate(-14.4 -12.1)'/%3E%3Cpath d='m170.2 239.1-22.2 37 .2 28.7.3 28.6 49 6.2 48.9 6.1 22.1-9.8c20.4-9.1 22-10 21.7-12.2-.3-3.2-17.1-86.9-17.4-87.3-.6-.5-78.9-34.4-79.6-34.4-.4 0-10.7 16.7-23 37.1zm70.8 5.5c9.1 5.2 17 10.1 17.6 10.7 1.4 1.5 13.6 47.4 13.2 49.7-.2.9-5.9 6.7-12.8 12.9l-12.5 11.2-14.3-.7c-7.8-.3-17.7-.9-22-1.3l-7.7-.6 18.3-13.4c10-7.3 18.5-13.7 18.8-14.2.3-.5 1.1-9.7 1.7-20.3l1.1-19.4-9.7-12.1c-5.4-6.7-9.4-12.1-9-12.1.5 0 8.3 4.3 17.3 9.6zm94.5-1.4c-12.5 14.9-23 27.9-23.2 28.8-.3 1-.1 2 .4 2.3 1 .7 62.1 13.7 64.1 13.7 2.6 0 26.3-14.2 26-15.6-.3-1.4-40.9-53.4-43.1-55.3-1.1-.8-6 4.4-24.2 26.1z' style='fill:%23000;stroke:none;stroke-width:.1' transform='translate(-14.4 -12.1)'/%3E%3C/svg%3E");
      text-align: center;
      overflow: hidden;
      padding-top: 2rem;
  }
  .nametag h1 {
      font-size: 0;
      height: 16rem;
      width: min(16rem,90%);
      margin: 0.5rem auto 0;
      background-color: rgb(var(--basalt-overtone));
      -webkit-mask-image: var(--bs);
      -webkit-mask-repeat: no-repeat;
      -webkit-mask-size: contain;
      -webkit-mask-position: center;
      mask-image: var(--bs);
      mask-repeat: no-repeat;
      mask-size: contain;
      mask-position: center;
      transition: all 0.175s ease-out;
  }
  .nametag h1:hover {
      background-color: rgb(var(--basalt-undertone));
  }
  
  #page-content .colors-container {
      max-width: calc(var(--main-content-width)*0.75);
      margin: 1.25rem auto;
  }
  .colors-container, .colors-container .css-variable {
      font-family: var(--mono-font);
  }
  .colors-container .colors .color {
      text-align: center;
      flex-basis: calc((100% / 3) - 2rem);
  }
  .colors-container .color { margin: 0; }
  .colors-container, .colors-container .colors, .colors-container .subcolors { grid-gap: 0.375rem; }
  .colors-container .color span[style*="pre-wrap"] {
      font-size: 85%;
      opacity: 0.625;
  }

  Pages using this styling

  • theme:bedrock [info]

  ¶ 1 occurrence
  

  @import url(https://scp-wiki.wdfiles.com/local--code/theme%3Abedbugs-theme/1);

  Pages using this styling

  • theme:bedbugs-theme [info]

  ¶ 1 occurrence
  

  
  :root {
      --main-content-width: 70rem;
      --posX: 4vw;
  }
  
  #page-title {
      display: none;
  }
  
  .noclick {
      user-select: none;
  }
  

  Pages using this styling

  • theme:basalt [info]

  ¶ 1 occurrence
  

  @import url(https://scp-wiki.wdfiles.com/local--code/theme%3Abasalt/6)

  Pages using this styling

  • theme:basalt [info]

  ¶ 1 occurrence
  

  @import url(https://scp-wiki.wdfiles.com/local--code/theme%3Abasalt/4)

  Pages using this styling

  • theme:basalt [info]

  ¶ 1 occurrence
  

  @import url(https://scp-wiki.wdfiles.com/local--code/theme%3Abasalt/3)

  Pages using this styling

  • theme:basalt [info]

  ¶ 1 occurrence
  

  @import url(https://scp-wiki.wdfiles.com/local--code/theme%3Abasalt/2)

  Pages using this styling

  • theme:basalt [info]

  ¶ 1 occurrence
  

  @import url(https://scp-wiki.wdfiles.com/local--code/theme%3Abasalt/1)

  Pages using this styling

  • theme:basalt [info]

  ¶ 1 occurrence
  

  
  @import url('https://fonts.bunny.net/css2?family=Protest+Revolution&display=swap');
  @import url('https://fonts.bunny.net/css2?family=Fredericka+the+Great&display=swap');
  
  :root {
      /* ACT-SPECIFIC CSS */
      --head-prelude: "YOSHIHIDE'S PROPOSAL";
      --head-1: "THE TRAIL FOR BEASTS";
      --head-2: "THE PATH OF SWORDS";
      --head-3: "THE ROAD TO HELL";
  
      --sub-prelude: "A PORTRAIT OF HELL";
      --sub-1: "YOSHIHIDE'S PROPOSAL";
      --sub-2: "YOSHIHIDE'S PROPOSAL";
      --sub-3: "YOSHIHIDE'S PROPOSAL";
  
      /* REGULAR STUFF */
  
      /* General */
  
      --bright-accent: 130, 0, 0;
      --medium-accent: 100, 0, 0;
      --dark-accent: 70, 0, 0;
  
      --background-gradient-color: 255, 220, 220;
  
      /* Header */
  
      --header-h1-font-size: clamp(1.4rem, 5vw, 2.8125rem);
  
      --logo-image: url("");
  
      --header-title: "YOSHIHIDE'S PROPOSAL";
      --header-title: var(--head-{$act});
  
      --header-subtitle: var(--sub-prelude);
      --header-subtitle: var(--sub-{$act});
  
      --header-gradient-color-bottom: 100, 0, 0;
      --header-gradient-color-middle: 10, 0, 0;
      --header-gradient-color-top: 0, 00, 0;
  
      --swatch-topmenu-bg-color: 30, 10, 10;
      --swatch-topmenu-border-color: 150, 0, 0;
  
      --diagonal-stripes: unset;
      --header-font: 'Fredericka the Great', Times New Roman;
  }
  
  #license-area {
      background-color: rgb(30, 10, 10);
  }
  
  #breadcrumbs {
      margin: auto;
  }
  
  #header div[class*="top-bar"] > ul > li > ul {
      background: rgba(30, 10, 10, 0.9);
  }
  
  #container {
      background: url(https://scp-wiki.wikidot.com/local--files/theme:ashes-to-ashes/fire.webp);
      background-position-x: 0%;
      background-position-y: 0%;
      background-repeat: repeat;
      background-size: auto;
      background-repeat: repeat-x;
      background-position: top center;
      background-size: inherit;
  }
  
  #content-wrap::before {
      content: "";
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      background-image: url(https://scp-wiki.wikidot.com/local--files/theme:ashes-to-ashes/bamboo.webp);
      z-index: -1;
      opacity: 0.05;
      background-position: center center;
  }
  
  #content-wrap::after {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: -2;
      background-image: url(https://scp-wiki.wikidot.com/local--files/theme:ashes-to-ashes/parchment.webp);
      background-position: center center;
      background-size: cover;
      opacity: 0.12;
  }
  
  #header::before {
      filter: drop-shadow(0px 3px 2px black);
  }
  
  #header div[class*="top-bar"] > ul {
      font-family: var(--header-font);
  }
  
  #page-title {
      display: none;
  }
  
  #main-content hr {
      border-top: 0.163rem solid rgb(70, 0, 0);
  }
  
  :is(div.image-block, div.scp-image-block) {
      gap: 0px;
      border: 5px solid rgba(30, 10, 10, 0.9);
  }
  
  :is(div.image-block, div.scp-image-block) :is(.image-caption, .scp-image-caption) {
      background-color: rgba(30, 10, 10, 0.9);
      padding: calc(0.5ex + .0625rem) 0.5ch 0ex;
      color: white;
  }
  
  :is(blockquote, .blockquote, div.blockquote, [class*="blockquote"]) {
      box-shadow: inset 0 0 0 .0625rem rgba(150, 100, 100, .5),inset .0625rem 0 0 0 rgba(150, 100, 100, .5),inset 0 -.0625rem 0 0 rgba(150, 100, 100, .75);
  }
  

  Pages using this styling

  • theme:ashes-to-ashes [info]

  ¶ 1 occurrence
  

  @import url(https://scp-wiki.wdfiles.com/local--code/theme:art-deco/1);

  Pages using this styling

  • theme:art-deco [info]

  ¶ 1 occurrence
  

  .faces-holder {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
  }
  .face {
    box-sizing: border-box;
    width: 7.5rem;
    border: 0.0625rem solid rgba(0,0,0,0.2);
    margin: 0.25rem;
    padding: 0.25rem;
  }
  .face img {
    max-width: 5rem;
    max-height: 5rem;
    position: relative;
    left: 50%;
    transform: translate(-50%, 0);
  }
  .face hr {
    margin: 0.25rem;
    background-color: rgba(0,0,0,0.2);
  }
  .face p {
    text-align: center;
    margin: 0.25rem 0;
  }

  Pages using this styling

  • theme:ar [info]

  ¶ 1 occurrence
  

  .colors-container .colors .color:nth-of-type(1) {
      background: var(--light-accent) !important;
  }
  .colors-container .colors .color:nth-of-type(2) {
      background: var(--dark-accent) !important;
  }
  .colors-container .colors .color:nth-of-type(3) {
      background: var(--hyperlink) !important;
  }
  .colors-container .colors .color:nth-of-type(4) {
      background: var(--border-colour) !important;
  }

  Pages using this styling

  • theme:ar [info]

  ¶ 1 occurrence
  

  @import url(https://scp-wiki.wdfiles.com/local--code/theme%3Aar/2);

  Pages using this styling

  • theme:ar [info]

  ¶ 1 occurrence
  

  @import url(https://scp-wiki.wdfiles.com/local--code/theme%3Acreepypasta/1);
  @import url(https://scp-wiki.wdfiles.com/local--code/theme%3Aanon/1);

  Pages using this styling

  • theme:anon [info]

  ¶ 1 occurrence
  

  @import url(https://scp-wiki.wikidot.com/theme:angel/code/1);

  Pages using this styling

  • theme:angel [info]

  ¶ 1 occurrence
  

  @import url('https://scp-wiki.wdfiles.com/local--code/theme%3Aalexylva-university/1');

  Pages using this styling

  • theme:alexylva-university [info]

  ¶ 1 occurrence
  

  @import url(https://scp-wiki.wikidot.com/theme:al-slop/code/1);

  Pages using this styling

  • theme:al-slop [info]

  ¶ 1 occurrence
  

  @import url("https://scp-wiki.wdfiles.com/local--code/theme%3Aaesthetic-theme/1")

  Pages using this styling

  • theme:aesthetic-theme [info]

  ¶ 1 occurrence
  

  @import url("https://nu-scptheme.github.io/Black-Highlighter/css/min/normalize.min.css");
  @import url("https://nu-scptheme.github.io/Black-Highlighter/css/min/black-highlighter.min.css");
  .scp-image-block.block-right {
      margin: 1em 0 1em 2em;
  }
  
  .scp-image-block a {
      background: var(--gradient-header);
  }
  
  .scp-image-block img {
      --drop-shadow: rgb(var(--pale-gray-monochrome));
      min-width: 100%;
      border: 0.5rem solid rgba(var(--black-monochrome));
      -webkit-box-sizing: border-box;
         -moz-box-sizing: border-box;
              box-sizing: border-box;
      padding: 0.5em;
      -webkit-filter: drop-shadow(-0.125rem 0.125rem 0rem var(--drop-shadow));
      filter: drop-shadow(-0.125rem 0.125rem 0rem var(--drop-shadow));
  }

  Pages using this styling

  • theme:aesthetic-theme [info]

  ¶ 1 occurrence
  

  
  /* ADMONITION ACCESSIBILITY MODE */
  
  /* - Overwrites dark mode with light mode (three layers!) */
  
  :root {
  
      --logo: url('http://scptestwiki.wikidot.com/local--files/sigma:basalt/basalt_scp_logo-for_lightmode.svg');
  
      --basalt-overtone: 73, 73, 73;
      --basalt-light-text-color: var(--admo-color-dark);
      --general-border-color: 180, 180, 180;
      --basalt-tertiary-color: 217, 217, 217;
      --basalt-main-text-color: 10, 10, 50;
      --top-bar-link-background-hover-alt: var(--basalt-tertiary-color);
      --document-background-color: 245, 245, 245;
      --swatch-menubg-black-color: 120, 120, 140;
      --search-icon-color: var(--basalt-overtone);
  
      --admo-color-bright: 217, 4, 40;
      --admo-color-dim: 240, 240, 240;
      --admo-color-dark: 251, 251, 251;
      --admo-color-alt: 168, 3, 42;
  
      --header-drop-shadow-opacity: 0.1;
  
      --side-bar-link-color-hover: var(--basalt-light-text-color);
      --side-bar-heading-background-color: var(--admo-color-dim);
      --top-bar-dropdown-link-color-hover: var(--basalt-light-text-color);
      --login-status-text-color-hover: var(--basalt-light-text-color);
      --selection-text-color: var(--basalt-light-text-color);
      --tab-hover-background-color: var(--basalt-dark-element-color);
      --tab-selected-background-color: var(--basalt-th-background-color);
      --image-caption-background-color: var(--basalt-tertiary-color);
  
      --one-color: 74, 154, 102 !important;
      --two-color: 0,155,189 !important;
      --three-color: 255,193,120 !important;
      --four-color: 223, 95, 50 !important;
      --five-color: 171, 33, 71 !important;
      --six-color: 78, 63, 151 !important;
  
  }
  
  #top-bar div[class*="top-bar"] ul li ul li a::before {
      background-color: rgb(var(--top-bar-dropdown-background-hover));
  }
  
  div#account-options > ul > li > a::before,
  #login-status a:is(.login-status-create-account, .login-status-sign-in)::before {
      background-color: rgb(var(--login-status-link-background-hover));
  }
  
  :is(#side-bar, #interwiki) .menu-item a::before {
      background-color: rgb(var(--side-bar-link-background-hover));
  }
  
  #header {
      box-shadow: 0px 0px 38px 0px rgba(0, 0, 0, 0.1);
  }
  
  img[style*="invert"] {
      filter: none !important;
  }
  
  .accessibility-invert img {
      filter: invert(1);
  }
  
  :is(#page-content table:not(.form), table.wiki-content-table) td {
      background-color: unset;
  }
  
  :is(div.table1, div.table2, div.table3, div.table4, div.table5, div.table6) span:is(.specialtext, .st) {
      filter: none;
  }
  
  .table3 {
      --basalt-th-text-color: var(--basalt-main-text-color);
  }
  
  blockquote,
  div.blockquote {
      background-color: rgb(var(--blockquote-background-color)) !important;
  }
  
  div.darkdocument {
      background-color: rgb(var(--document-background-color));
      box-shadow: 0px 1px 1.9px -4px rgba(0, 0, 0, 0.1), 0px 6px 15px -4px rgba(0, 0, 0, 0.2);
      color: rgb(var(--basalt-main-text-color));
  }
  
  div:is(.darkdocument)::before,
  div:is(.darkdocument)::after {
      background-color: rgb(var(--document-background-color));
      opacity: unset;
  }
  
  div.darkdocument::before {
      box-shadow: 0px 1px 1.9px -4px rgba(0, 0, 0, 0.1), 0px 6px 15px -4px rgba(0, 0, 0, 0.1);
  }
  
  div.darkdocument::after {
      box-shadow: 0px 1px 1.9px -4px rgba(0, 0, 0, 0.1), 0px 6px 15px -4px rgba(0, 0, 0, 0.05);
  }
  
  div#license-area {
      background-image: none;
  }
  
  .image-block,
  .scp-image-block {
      border-bottom: solid 0.325rem rgb(var(--swatch-menubg-black-color));
  }
  
  .admo-end_card a.collapsible-block-link:not(.licensebox a.collapsible-block-link) {
      color: #747474;
  }
  
  .fncon::before {
      color: rgba(255, 255, 255, 0.8);
  }
  
  .owindow .button-bar>a[onclick*="cleanAll"]:hover::after {
      background: rgb(var(--basalt-light-text-color));
  }
  
  div[class$="_memo"] {
      background: var(--memo-logo) rgba(var(--memo-color), 1);
      background-size: contain;
      background-position: top center;
      background-repeat: no-repeat;
  }
  
  div[class$="_memo"]::before {
      color: unset;
  }
  
  div.raisa_memo {
      --memo-logo: url(https://scp-wiki.wikidot.com/local--files/theme:basalt/RAISA_LIGHTLOGO.png);
  }
  
  div.classification_memo {
      --memo-logo: url(https://scp-wiki.wikidot.com/local--files/theme:basalt/CLASSIFICATION_LIGHTLOGO.png);
  }
  
  div.ettra_memo {
      --memo-logo: url(https://scp-wiki.wikidot.com/local--files/theme:basalt/ETTRA_LIGHTLOGO.png);
  }
  
  div.ethics_memo {
      --memo-logo: url(https://scp-wiki.wikidot.com/local--files/theme:basalt/ETHICS_LIGHTLOGO.png);
  }
  
  div.temporal_memo {
      --memo-logo: url(https://scp-wiki.wikidot.com/local--files/theme:basalt/DELTA_T_LIGHTLOGO.png);
  }
  
  div.overwatch_memo {
      --memo-logo: url(https://scp-wiki.wikidot.com/local--files/theme:basalt/O5_LIGHTLOGO.png);
  }
  
  div.miscomm_memo {
      --memo-logo: url(https://scp-wiki.wikidot.com/local--files/theme:basalt/MISCOMM_LIGHTLOGO.png);
  }
  

  Pages using this styling

  • theme:admo [info]

  ¶ 1 occurrence
  

  
  /* ADMONITION Theme           */
  /* [2023 Wikidot Theme]       */
  /*                            */
  /* by Liryn & Placeholder McD */
  
  /*-----------------*/
  /*---- IMPORTS ----*/
  /*-----------------*/
  
  @import url('https://fonts.bunny.net/css2?family=Poppins:wght@700&display=swap');
  @import url('https://fonts.bunny.net/css2?family=Spline+Sans:wght@400;700&display=swap');
  @import url('https://fonts.bunny.net/css2?family=Roboto+Condensed:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap');
  
  :root {
  
      /*----------------------*/
      /*---- BEDROCK VARS ----*/
      /*----------------------*/
  
      --logo: url(https://scp-wiki.wikidot.com/local--files/theme:admo/scp-logo_tactical_SCPGAMES-TREYBISHOP-gray.png);
  
      --header-title: 'ADMONITION';
  
      --base-header-height: calc((var(--title-size) + var(--subtitle-size))*1.325);
      --title-size: 1.7rem;
  
      --header-font-primary: 'Poppins';
      --UI-font-primary: 'Spline Sans';
  
      --basalt-overtone: 100, 100, 100;
      --basalt-undertone: var(--admo-color-bright);
      --basalt-UI-dark-palette: var(--admo-color-dim);
      --basalt-bright-element-color: var(--admo-color-bright);
      --basalt-dark-element-color: var(--admo-color-alt);
      --basalt-primary-color: var(--admo-color-dark);
      --basalt-secondary-color: var(--admo-color-dim);
      --basalt-tertiary-color: 40, 40, 40;
      --basalt-main-text-color: 190, 190, 190;
      --basalt-light-text-color: 0, 0, 0;
  
      --general-border-color: 60, 60, 60;
      --bottom-area-background-color: var(--basalt-primary-color);
      --top-bar-link-background-hover-alt: var(--basalt-tertiary-color);
      --top-bar-link-background-hover: var(--top-bar-link-background-hover-alt);
      --search-icon-color: var(--admo-color-alt);
      --tab-selected-background-color: var(--basalt-tertiary-color);
  
      --side-bar-link-color-hover: var(--basalt-main-text-color);
      --top-bar-dropdown-link-color-hover: var(--basalt-main-text-color);
      --login-status-text-color-hover: var(--basalt-main-text-color);
      --selection-text-color: var(--basalt-light-text-color);
  
      --side-bar-background-color: var(--basalt-primary-color);
      --side-bar-heading-background-color: 253, 253, 253, 0.045;
  
      --swatch-menubg-black-color: 40, 40, 40;
  
      /*---------------------*/
      /*---- BASALT VARS ----*/
      /*---------------------*/
  
      --ACS-font: var(--UI-font);
      --basalt-th-background-color: var(--general-border-color);
      --darkdocument-background-color: 10, 10, 10;
      --header-drop-shadow-opacity: 1;
  
      /*-------------------------*/
      /*---- ADMONITION VARS ----*/
      /*-------------------------*/
  
      --admo-color-bright: 231, 29, 29;
      --admo-color-dim: 20, 20, 20;
      --admo-color-dark: 0, 0, 0;
      --admo-color-alt: 225, 45, 45;
      --admo-backdrop: none;
  
  }
  
  /*----------------------------*/
  /*---- ADMONITION CLASSES ----*/
  /*----------------------------*/
  
  .cond {
      font-family: 'Roboto Condensed', var(--UI-font-fallback);
  }
  
  .ctrl {
      font-family: var(--header-font);
      font-weight: bold;
      text-transform: uppercase;
      letter-spacing: -2px;
      word-spacing: 2px;
  }
  
  .widetable :is(table:not(.form), table.wiki-content-table) {
      width: 100% !important;
      margin-top: 1.2rem;
      margin-bottom: 1rem;
  }
  
  .acstable :is(table:not(.form), table.wiki-content-table) {
      font-size: 0.9em;
  }
  
  .admo-episode_splash, .admo-intermission_splash {
      display: flex;
      flex-flow: column nowrap;
      justify-content: center;
      height: calc(100vh - var(--header-final-height));
      text-align: center;
  }
  
  .admo-episode_splash .admo-rate_splash {
      margin-top: -13.5rem;
      padding-bottom: 3.5rem;
  }
  
  .admo-intermission_splash .admo-rate_splash {
      margin-top: -21.5rem;
  }
  
  :is(.admo-episode_splash, .admo-intermission_splash) .ctrl {
      letter-spacing: -0.15vw;
  }
  
  .admo-episode_splash .ctrl {
      font-size: 5vw;
      line-height: 4vw;
  }
  
  .admo-intermission_splash .ctrl {
      font-family: var(--mono-font);
      font-size: 5vw;
      line-height: 3vw;
      letter-spacing: 0.5vw;
  }
  
  :is(.admo-episode_splash, .admo-intermission_splash) .cond:not(.admo-accessibility .cond) {
      font-size: 2vw;
      opacity: 80%;
  }
  
  .admo-episode_splash .cond:not(.admo-accessibility .cond) {
      font-weight: bold;
  }
  
  .admo-intermission_splash .cond:not(.admo-accessibility .cond) {
      font-style: italic;
  }
  
  @media only screen and (max-width: 1024px) {
  
      .admo-episode_splash .ctrl {
       		font-size: 9vw;
      	line-height: 7vw;
      }
  
      .admo-intermission_splash .ctrl {
      	font-size: 8vw;
      	line-height: 5.5vw;
      }
  
      :is(.admo-episode_splash, .admo-intermission_splash) .cond:not(.admo-accessibility .cond) {
      	font-size: 3vw;
      }
  
  }
  
  .admo-accessibility {
      font-size: 1.2rem;
      font-weight: bold;
      text-align: center;
  }
  
  .admo-accessibility .cond {
      color: #808080;
  }
  
  .admo-end_card {
      background: rgba(var(--basalt-secondary-color), 0.5);
      padding: 2rem;
      text-align: center;
  }
  
  .admo-end_card .admo-credits {
      display: flex;
      flex-flow: row wrap;
      justify-content: center;
      align-items: center;
      gap: 2rem;
      text-align: left;
  }
  
  #u-blink-bar p:last-child::after {
      content: "";
      border-right: 1px solid rgb(var(--basalt-main-text-color));
      animation: blink 1s infinite;
      position: relative;
      left: 1px;
  }
  
  @keyframes blink {
      to {
      	opacity: 0;
      }
  }
  
  .tabanchorbutton li {
      z-index: 1 !important;
      font-weight: bold;
  }
  
  .tabanchorbutton a {
      padding-top: 0 !important;
      padding-bottom: 0 !important;
  }
  
  .fnnumblock ol li::marker {
      color: rgb(var(--admo-color-bright));
      font-family: var(--ui-font);
      font-weight: bold;
  }
  
  /*--------------*/
  /*---- MISC ----*/
  /*--------------*/
  
  html {
      background: rgb(var(--basalt-background-color));
  }
  
  body {
      isolation: isolate;
  }
  
  @supports not (-webkit-touch-callout: none) {
      @media only screen and (min-width: 1025px) {
  
      body {
      background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgb(var(--basalt-primary-color)) 25%, rgb(var(--basalt-primary-color)) 50%, rgb(var(--basalt-primary-color)) 75%, rgba(0, 0, 0, 0) 100%), var(--admo-backdrop);
      background-size: cover;
      background-attachment: fixed;
      background-repeat: no-repeat;
      background-position: 100% 50%;
      }
  
      }
  }
  
  /* MISC --> Header alterations */
  
  #header {
      background: radial-gradient(circle, rgb(var(--basalt-secondary-color)) 0%, rgb(var(--basalt-primary-color)) 100%);
      background-size: cover;
      background-repeat: no-repeat;
      background-position: 100% 50%;
      box-shadow: none;
  }
  
  #header * {
      font-family: 'Roboto Condensed', var(--UI-font);
  }
  
  #header h1 a span::after,
  #header h1 a::before {
      display: none;
  }
  
  #header h1 a span::before {
      letter-spacing: -2px;
  }
  
  #header h1 a {
      padding-right: calc(var(--base-header-height)*0.7);
      padding-left: calc(var(--base-header-height)*0.35);
  }
  
  #top-bar div[class*="top-bar"] ul li ul li a::before {
      background-color: rgba(var(--top-bar-dropdown-background-hover), 0.5);
  }
  
  #search-top-box::after {
      background-color: rgba(var(--search-icon-color, 0.65));
  }
  
  div#account-options > ul > li > a::before,
  #login-status a:is(.login-status-create-account, .login-status-sign-in)::before {
      background-color: rgba(var(--login-status-link-background-hover), 0.5);
  }
  
  /* MISC --> Side bar alterations */
  
  #side-bar {
      border-top: none;
  }
  
  :is(#side-bar, #interwiki) .menu-item a::before {
      background-color: rgba(var(--side-bar-link-background-hover), 0.5);
  }
  
  /* MISC --> UI alterations */
  
  #footer {
      border-top: none;
      background-color: unset;
  }
  
  div#license-area {
      background-color: unset;
      background-image: linear-gradient(0deg, rgb(var(--basalt-primary-color)) 0%, transparent 100%);
  }
  
  #license-area::before {
      background: transparent;
  }
  
  #main-content>.page-tags>span a {
      color: rgb(var(--basalt-main-text-color));
      background: none !important;
  }
  
  #main-content>.page-tags>span a:is(:hover, :focus) {
      color: rgb(var(--basalt-bright-element-color));
      box-shadow: none;
  }
  
  div#account-options>ul>li>a {
      transition: color 0.4s;
  }
  
  /* MISC --> Content alterations */
  
  #page-content {
      font-size: calc(var(--true-font-size) * 1.03);
  }
  
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
  font-family: 'Roboto Condensed', var(--header-font);
  }
  
  :is(#page-content table:not(.form), table.wiki-content-table) th {
      font-family: var(--UI-font);
      font-size: 0.95em;
  }
  
  :is(span.bigtext, span.bt, span.specialtext, span.st) {
      text-transform: uppercase;
  }
  
  :is(span.specialtext, span.st) {
      text-decoration: underline 2px;
      text-underline-offset: 3px;
  }
  
  div.modal {
  overflow: auto;
  }
  
  hr {
      height: 0.22rem;
      transform: skew(-54deg, 0deg);
  }
  
  .anom-bar-container,
  .anom-bar-container * {
      font-weight: auto !important;
  }
  
  :is(#page-content table:not(.form), table.wiki-content-table) th :is(div.blockquote, blockquote) {
      padding-block: 1rem;
      background-color: rgb(var(--basalt-primary-color));
      font-family: var(--UI-font);
      font-size: 1.05em;
      font-weight: normal;
      text-align: left;
      word-spacing: 1px;
  }
  
  :is(#page-content table:not(.form), table.wiki-content-table) td {
      background-color: rgba(0, 0, 0, 0.5);
      padding: 0.6rem 1rem;
  }
  
  #page-content a.collapsible-block-link {
      font-weight: 800;
  }
  
  .fnnum:hover::after {
      color: black;
  }
  
  :is(.bibitems, .footnotes-footer) .title,
  .bibitems::before,
  .footnotes-footer::before {
      background-color: rgb(var(--basalt-tertiary-color));
  }
  
  .acs-extra-1>.class-category,
  .acs-extra-2>.class-category,
  .acs-extra-3>.class-category,
  .acs-extra-4>.class-category {
      font-weight: 450;
  }
  

  Pages using this styling

  • theme:admo [info]

  ¶ 1 occurrence
  

  @import url('https://scp-wiki.wdfiles.com/local--code/theme%3Aad-astra/1');

  Pages using this styling

  • theme:ad-astra [info]

  ¶ 1 occurrence
  

  @import url(https://scp-wiki.wikidot.com/theme:ad-abyssum-penumbra/code/1);

  Pages using this styling

  • theme:ad-abyssum-penumbra [info]

  ¶ 1 occurrence
  

  @import url(https://scp-wiki.wikidot.com/theme:ad-abyssum/code/1);

  Pages using this styling

  • theme:ad-abyssum [info]

  ¶ 1 occurrence
  

  @import url('https://scp-wiki.wdfiles.com/local--code/theme%3Aaces-and-eights/1')

  Pages using this styling

  • theme:aces-and-eights [info]

  ¶ 1 occurrence
  

  @import url(https://scp-wiki.wdfiles.com/local--code/theme%3Aa-problematic-theme/1);
  @import url(https://scp-wiki.wdfiles.com/local--code/theme%3Aa-problematic-theme/{$version});

  Pages using this styling

  • theme:a-problematic-theme [info]

  ¶ 1 occurrence
  

  
  :root {
  
      --logo: url(https://scp-wiki.wikidot.com/local--files/theme:5k/a12-logo.webp);
  
      --header-title: "AREA-12";
  
      --title-size: 2.4rem;
      --base-header-height: calc((var(--title-size) + var(--subtitle-size))*1.15 + 0.5rem);
  
      --basalt-bright-element-color: 0, 175, 50;
      --basalt-dark-element-color: 88, 167, 102;
  
      --side-bar-link-color-hover: var(--basalt-light-text-color);
      --top-bar-dropdown-link-color-hover: var(--basalt-light-text-color);
      --login-status-text-color-hover: var(--basalt-light-text-color);
      --button-hover-text-color: var(--basalt-light-text-color);
  
      --one-color: var(--basalt-bright-element-color) !important;
  
  }
  
  #header h1 a span::after {
      display: none;
  }
  
  div#account-options>ul>li>a {
      transition: color 0.4s;
  }
  

  Pages using this styling

  • theme:5k [info]

  ¶ 1 occurrence
  

  
  /* SCP: 5K Theme              */
  /* [2023 Wikidot Theme]       */
  /*                            */
  /* by Liryn & Placeholder McD */
  
  /*-----------------*/
  /*---- IMPORTS ----*/
  /*-----------------*/
  
  @import url('https://fonts.bunny.net/css2?family=Barlow:ital@400;700&display=swap');
  @import url('https://fonts.bunny.net/css2?family=Saira:wght@400;700&display=swap');
  
  :root {
  
      /*----------------------*/
      /*---- BEDROCK VARS ----*/
      /*----------------------*/
  
      --logo: url(https://scp-wiki.wikidot.com/local--files/theme:5k/a12-logo.webp);
  
      --title: "SCP: 5K";
  
      --subtitle-size: 0rem;
      --title-size: 2rem;
      --base-header-height: calc((var(--title-size) + var(--subtitle-size))*1.5 + 0.5rem);
      --header-border-width: 0rem;
  
      --UI-font-primary: 'Saira';
  
      --basalt-UI-dark-palette: 45, 45, 45;
      --basalt-bright-element-color: 228, 33, 33;
      --basalt-dark-element-color: 203, 77, 77;
      --basalt-primary-color: 3, 3, 3;
      --basalt-secondary-color: 8, 8, 8;
      --basalt-tertiary-color: 30, 30, 30;
      --general-border-color: 40, 40, 40;
      --basalt-main-text-color: 210, 210, 210;
      
      --basalt-focus-color: var(--basalt-bright-element-color);
      --selection-text-color: var(--basalt-main-text-color);
      --header-background-color: var(--basalt-primary-color);
      --header-title-color: 240, 240, 240;
      --top-bar-dropdown-link-color-hover: var(--basalt-main-text-color);
      --top-bar-link-background-hover: var(--top-bar-link-background-hover-alt);
      --side-bar-link-color-hover: var(--basalt-main-text-color);
      --side-bar-background-color: var(--basalt-primary-color);
      --bottom-area-background-color: var(--basalt-primary-color);
  
  }
  
  /*--------------------*/
  /*---- 5K CLASSES ----*/
  /*--------------------*/
  
  #page-content .quint {
      font-family: var(--UI-font);
  }
  
  #page-content .metam {
      font-family: 'Barlow', sans-serif !important;
      color: transparent !important;
      background-color: transparent !important;
      border: none !important;
  }
  
  #page-content .metam :is(th, td) {
      color: transparent !important;
  }
  
  .a12_memo {
      --memo-heading: "! INTERNAL SECURITY NOTICE !";
      --memo-logo: url(https://smlt.wdfiles.com/local--files/collab:dr-moist:theatre/O4);
      --memo-color: var(--basalt-bright-element-color);
      font-family: var(--UI-font);
      font-size: 1.1em;
      background-blend-mode: soft-light;
  }
  
  .series-nav {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      align-content: center;
      align-items: baseline;
  
      margin: 1rem 0;
      padding: .02rem 1rem;
      background: rgb(var(--basalt-tertiary-color));
  
      border-top-right-radius: .67rem;
      border-top-left-radius: .67rem;
  
      font-size: 1.2em;
      font-family: var(--UI-font);
  }
  
  .series-nav>* {
      margin: 0 0.3em;
  }
  
  .end_card {
      background: linear-gradient(145deg, rgba(var(--basalt-dark-element-color), 0.5) 0%, rgb(var(--basalt-tertiary-color)) 80%);
      padding: 1.25rem 2rem;
      text-align: center;
  }
  
  /*--------------*/
  /*---- MISC ----*/
  /*--------------*/
  
  #content-wrap {
      background-image: radial-gradient(rgb(30, 30, 30) 10%, transparent 10%);
      background-position: 1px 1px;
      background-size: 16px 16px;
  }
  
  /* MISC --> Header alterations */
  
  #header h1 a span::before {
      margin-inline: 6px;
      letter-spacing: -2px;
  }
  
  /* MISC --> UI alterations */
  
  #main-content>.page-tags>span a {
      color: rgb(var(--basalt-main-text-color));
      background: none !important;
  }
  
  #main-content>.page-tags>span a:is(:hover, :focus) {
      color: rgb(var(--basalt-bright-element-color));
      box-shadow: none;
  }
  
  /* MISC --> Content alterations */
  
  #page-title, .meta-title {
      border-bottom: none;
      color: rgba(var(--basalt-main-text-color), 0.9);
  }
  
  .fncon::before {
      color: rgba(0, 0, 0, 0.75);
  }
  
  .fnnum:hover::after {
      color: black;
  }
  
  ::selection {
      background-color: rgba(var(--selection-background-color), 0.4);
  }
  

  Pages using this styling

  • theme:5k [info]

  ¶ 1 occurrence
  

  @import url('https://scp-wiki.wdfiles.com/local--code/theme%3A3lawcracked/1');

  Pages using this styling

  • theme:3lawcracked [info]

  ¶ 1 occurrence
  

  @import url('https://scp-wiki.wdfiles.com/local--code/theme%3A3law-pride/1');

  Pages using this styling

  • theme:3law-pride [info]

  ¶ 1 occurrence
  

  @import url('https://scp-wiki.wdfiles.com/local--code/theme%3A3law-7ow/1');

  Pages using this styling

  • theme:3law-7ow [info]

  ¶ 1 occurrence
  

  #header {
      background: url(https://www.scp-wiki.net/local--files/theesherm-site-42/smltpagelogo.png) 10px 40px no-repeat;
  }
  .computed {
  border: 1px black solid;
  width: 50%;
  display: inline-block;
  text-align: left;
  padding: 3px;
  }
  .computed:before {
  content:"Computed Code";
  font-weight: bold;
  border-bottom: solid 1px black;
  width: 100%;
  }
  .rawcode {
  border: black solid 1px;
  width: 50%;
  display: inline-block;
  text-align: left;
  padding: 3px;
  }
  .rawcode:before{
  content:"Raw Code";
  text-align: center;
  font-weight: bold;
  border-bottom: solid 1px black;
  width: 100%;
  }
  .codebox {
  display: inline-block;
  width: 100%;
  text-align: center;
  }
  .yui-navset .yui-nav .selected a em, .yui-navset .yui-nav a em{
  padding: 0.25em .75em;
  top: 0px;
  margin-bottom: 0px;
  }
  .yui-navset .yui-nav .selected a {
  background: gray;
  transition: 0.5s;
  }
  .yui-navset .yui-nav .selected {
  margin: 0px;
  }
  .yui-navset .yui-nav .selected a, .yui-navset .yui-nav .selected a:focus, .yui-navset .yui-nav .selected a:hover, .yui-navset .yui-nav .selected a {
  background: gray;
  border: 0px solid white;
  }
  .yui-navset .yui-nav a, .yui-navset .yui-navset-top .yui-nav a {
  background-color: black;
  background-image: none;
  color: white;
  }
  .yui-navset .yui-nav a {
  background: black;
  }
  .yui-navset .yui-nav li{
  margin: 0px;
  }

  Pages using this styling

  • theesherm-site-42 [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.bunny.net/css2?family=Love+Ya+Like+A+Sister&display=swap');

  Pages using this styling

  • the-yeen-page [info]

  ¶ 1 occurrence
  

  .footnotes-footer { 
  display:none;
  }
  
  #extra-div-6 {
      position: fixed;
      top: 0; left: 0;
      width: 100%; height: 100%;
      -webkit-backdrop-filter: grayscale(100%);
      backdrop-filter: grayscale(100%);
      z-index: 11;
      pointer-events: none;
  }

  Pages using this styling

  • the-world-kept-turning-hub [info]

  ¶ 1 occurrence
  

  .danke {
      padding: 5px;
      margin-bottom:10px;
      font-family: monospace;
      font-size: 1.1em; 
  }
  
  .agent {
      background-color:#002200;
      border: 3px solid #55AA55;
      color: #77CC77;
  }
  
  .site {
      background-color:#222200;
      border: 3px solid #AAAA55;
      color: #DDDD77;
  }
  
  .mike {
      background-color:#000000;
      border: 3px solid #FFFFFF;
      color: #FFFFFF;
  }

  Pages using this styling

  • the-world-i-knew [info]

  ¶ 1 occurrence
  

  :root {
  --logo:url(https://scp-sandbox-3.wdfiles.com/local--files/thebillith/synec.png);
  --title:"R.S. SYNECDOCHE";
  --subtitle:"SUPERVISION CONTROLS PROBLEMS";
  --barColor:rgb(237, 237, 237);
  
   --basalt-overtone: 100, 100, 100;
      --basalt-undertone: var(--admo-color-bright);
      --basalt-UI-dark-palette: var(--admo-color-dim);
      --basalt-bright-element-color: var(--admo-color-bright);
      --basalt-dark-element-color: var(--admo-color-alt);
      --basalt-primary-color: var(--admo-color-dark);
      --basalt-secondary-color: var(--admo-color-dim);
      --basalt-tertiary-color: 40, 40, 40;
      --basalt-main-text-color: 190, 190, 190;
      --basalt-light-text-color: 0, 0, 0;
  
      --admo-color-bright: 194, 25, 53;
      --admo-color-dim: 10, 10, 10;
      --admo-color-dark: 0, 0, 0;
      --admo-color-alt: 150, 15, 37;
      --admo-backdrop: none;
  
   --window-radius: 0.875rem;
      --window-shadow: 0 0 0.625rem rgb(var(--basalt-UI-dark-palette),0.5);
      --window-border-width: 0.125rem;
      --window-buttons: radial-gradient(circle at 1rem 50%, rgb(var(--basalt-cancel-color)) 0.35rem, rgb(0,0,0,0) 0.375rem), radial-gradient(circle at 2.125rem 50%, rgb(var(--basalt-alternate-color)) 0.35rem, rgb(0,0,0,0) 0.375rem), radial-gradient(circle at 3.25rem 50%, rgb(var(--basalt-positive-color)) 0.35rem, rgb(0,0,0,0) 0.375rem);
  
  
  
  --darkdocument-background-color: 22, 22, 22;
  
  :is(#page-content table:not(.form), table.wiki-content-table) th :is(div.blockquote, .blockquote, blockquote) {
      font-family: var(--UI-font);
      font-weight: normal;
      text-align: left;
      background-color: rgb(var(--basalt-primary-color));
      word-spacing: 2px;
  
  div.blockquote {
      background-color: rgb(var(--blockquote-background-color)) !important;
  :is(#page-content table:not(.form), table.wiki-content-table) td {
      background-color: 48, 48, 48;
  }
  }
  }
  
  }
  @keyframes rotation {
    from {
      transform: rotate(0deg);
    }
    to {
      transform: rotate(360deg);
    }
  }
  
  [class^="skip_"] {
      box-shadow: var(--window-shadow);
      border-radius: var(--window-radius);
      background-color: rgb(var(--basalt-background-color));
      padding: 0.5rem 1.5rem;
      margin: 1.5rem 0;
  }
  
  .skip_box, .skip_side {
      position: relative;
  }
  .skip_box::before,
  .skip_side::before {
      content: "";
      display: block;
      width: 4rem;
      height: 2rem;
      position: relative;
      margin-inline-start: -0.5rem;
      margin-block-end: -0.75rem;
      background: var(--window-buttons);
  }
  
  .skip_box.terminal {
      position: relative;
      font-family: var(--mono-font);
      background-color: rgb(var(--basalt-UI-dark-palette));
  }
  .skip_box.terminal::after {
      content: "Terminal";
      font-weight: bold;
      position: absolute;
      top: 0;
      left: 0;
      box-sizing: border-box;
      width: 100%;
      padding: 0.875rem 5.125rem 0;
  }
  
  div.skip_window {
      position: relative;
      padding-top: 0;
  }
  .skip_window::before {
      content: attr(data-title);
      font-family: var(--header-font);
      font-weight: bold;
      display: grid;
      align-items: center;
      background-color: rgb(var(--basalt-UI-dark-palette));
      text-align: center;
      min-height: var(--window-radius);
      padding: 0.625em 4rem;
      margin: 0 -1.5rem;
      border-radius: var(--window-radius) var(--window-radius) 0 0;
  }
  .skip_window::after {
      content: "";
      position: absolute;
      inset-inline-start: 0.5rem;
      inset-block-start: 0;
      width: 4rem;
      height: 2.5rem;
      background: var(--window-buttons);
  }
  
  div.skip_float {
      font-size: 0.9125em;
      background-color: rgb(var(--blockquote-background-color),var(--basalt-UI-opacity));
      -webkit-backdrop-filter: blur(var(--basalt-UI-blur));
      backdrop-filter: blur(var(--basalt-UI-blur));
      float: left;
      width: calc(var(--main-content-width)/2.25);
      box-sizing: border-box;
      margin: 0.25rem 1.25rem;
      margin-left: clamp(calc(var(--main-content-width)/-4.5),calc((87.5vw - 95%)/-2), 0rem);
  }
  div.skip_float.right {
      float: right;
      margin-left: 1.25rem;
      margin-right: clamp(calc(var(--main-content-width)/-4.5),calc((87.5vw - 95%)/-2), 0rem);
  }
  @media only screen and (max-width: 640px) {
      #page-content div.skip_float {
          float: none;
          margin: 0.5rem auto;
          width: 100%;
      }
  }

  Pages using this styling

  • the-world-fades-to-black [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css?family=Berkshire+Swash');
  
  .spirit blockquote {background-color: white}
  
  h4 {
      color: #780d8e;
      padding: 0 0 0.25em;
      margin: 0 0 0.6em;
      font-family: 'Berkshire Swash', cursive;
  }
  

  Pages using this styling

  • the-workshop [info]

  ¶ 1 occurrence
  

  :root {
   --borderColor: #5fadbc;
  }

  Pages using this styling

  • the-winkwonk-page [info]

  ¶ 1 occurrence
  

  :root {
      --base-font-size: 1rem;
  }
  
  
  
  .boxred{
      padding: 1em;
      color: black;
      background-image: url(https://scp-sandbox-3.wdfiles.com/local--files/the-wheel/felt.png);
      background-size: 50%;
      border:solid .25em;
      border-color: #3c1912;
      overflow: auto;
  }
  
  .boxblack{
      padding: 1.5em;
      color: black;
      background-color: #faf5d9;
      font-size: 1.05em;
      border: solid .25em;
      border-color: #3c1912;
      overflow: auto;
  }
  
  .boxwhite{
      margin: 1em;
      padding: 1em;
      color: black;
      background-color: white;
      font-size: 1.05em;
      border: solid .05em;
      border-color: #000;
      overflow: auto;
  }
  
  .red {
      height: .75em;
      background-color: #b8070a;
      border: none;
      margin-top: .75em;
      margin-bottom: .75em;
  }
  
  .black {
      height: .75em;
      background-color: black;
      border: none;
      margin-top: .75em;
      margin-bottom: .75em;
  }
  
  #page-title { display: none }
  
  .info-container {
      --barColour: #01431e;
      --linkColour: #fff;
  }

  Pages using this styling

  • the-wheel [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Macondo+Swash+Caps:wght@400;700&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Fondamento:wght@400;700&display=swap');
  @import url(https://fonts.googleapis.com/css2?family=Tillana:wght@400;700&display=swap);

  Pages using this styling

  • the-virtue-of-resilience [info]

  ¶ 1 occurrence
  

  @import url('https://scp-wiki.wdfiles.com/local--files/theme%3Awilsons/national-park.css');
  
  /* FONTS */
  #header h2 span:before, #top-bar, #side-bar {
      font-family: var(--header-font); /*Makes subtitle National Park */
  }
  
  :root {
   --logo-image: url("https://scp-wiki.wdfiles.com/local--files/the-ursus-maritimus-incident/logo.png");
      --header-title: "Wilson's Wildlife Solutions";
      --header-subtitle: "A Polar Bear in Boring";
      --header-font: 'national_parkregular', sans-serif;
  
      --pale-accent: 40, 106, 230;
      /* light red, for visited links */
      --bright-accent: 5, 0, 133;
      /* bright red */
      --medium-accent: 95, 132, 191;
      /* medium red - the "default" accent color */
      --dark-accent: 15, 3, 100;
      /* dark red */
      --alt-accent: 17, 102, 0;
      /* pale orange, for newpage links */
  }
  /* Haha blue boi */
  .outside {
    margin: 2em -6em;
    padding: 1em 10em;
    --narration-color: rgba(214, 234, 248,1);
    background: var(--narration-color);
    background: linear-gradient(90deg, rgba(255,255,255,0) 0%, var(--narration-color) 20%, var(--narration-color) 80%, rgba(255,255,255,0) 100%);
    z-index: -2;
  }
  
  /* Force the side bar to render on top of the blue bois */
  #side-bar {
    z-index: 2;
  }
  
  /* Hide the original page title */
  #page-title {
    display: none;
  }
  
  @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 */
  
  body {
    overflow-x: hidden;
  }

  Pages using this styling

  • the-ursus-maritimus-incident [info]

  ¶ 1 occurrence
  

  
  .raisa {
      border:solid 1px #999999;
      background:#f2f2c2;
      background-image: url(/local--files/the-unknown/RAISA), radial-gradient(rgba(255,255,255,0.1), rgba(0,0,0,0), rgba(0,0,0,0), rgba(0,0,0,0.05));
      background-repeat: no-repeat, no-repeat;
      background-position: center, center;
      background-size: contain, contain; 
      padding:5px;
      margin-bottom: 10px;
  }

  Pages using this styling

  • the-unknown [info]

  ¶ 1 occurrence
  

  
  .blinkbar {animation: blink 1.45s infinite; letter-spacing: 1em;}@keyframes blink{to{opacity: .0;}}@keyframes overlay-anim {0% {visibility: hidden; }35% {visibility: hidden; }40% {visibility: visible; }95% {visibility: visible; }100% {visibility: hidden; }
  

  Pages using this styling

  • the-unknown [info]

  ¶ 1 occurrence
  

  
  span.redact{
      color: white;
      background: black;
      padding: 3px;
      font-family: 'verdana' ;font-size: 18px;
      font-style: normal;
  }
  

  Pages using this styling

  • the-unknown [info]

  ¶ 1 occurrence
  

  .page {
      display: block;
      overflow: hidden;
      font-family: 'Architects Daughter' ;font-size: 22px;
      font-style: normal;
      color: rgb(1, 1, 10);
  
      background-attachment: scroll;
      background-clip: border-box;
      background-color: transparent; 
      background-image: linear-gradient(100deg, rgba(0, 0, 0, 0), rgba(255, 255, 255, 0.1), rgba(0, 0, 0, 0.15)), linear-gradient(to left ,rgb(204, 44, 44) 100%, rgb(204, 44, 44) 100%), linear-gradient(to top ,rgb(225, 226, 197) 100%, rgb(225, 226, 197) 100%), linear-gradient(to top ,rgb(94, 129, 160) 0%, rgb(225, 226, 197) 4%);
      background-origin: padding-box, padding-box, padding-box, padding-box;
      background-position: 0px 0px, 50px 0px, 0px 0px, 0px 6px;
      background-repeat: no-repeat, no-repeat, no-repeat, repeat;
      background-size: 100% 100%, 2px 100%, 100% 40px, 100% 27px;
  
      border: 1px solid #CCC;
      border-radius: 2px;
      padding: 10px 15px 18px 60px;
      margin-bottom: 5px;
      margin-top: 15px;
  
      box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3)
      }
  .page p {
      line-height: 27px;
      margin: 0;
  }

  Pages using this styling

  • the-unknown [info]

  ¶ 1 occurrence
  

  @import url("https://fonts.googleapis.com/css?family=Architects+Daughter");
   
  .customFont{
  font-family: 'Architects Daughter', cursive;
  }

  Pages using this styling

  • the-unknown [info]

  ¶ 1 occurrence
  

  div#header h1 a span {
      font-size: 0px;
  }
  div#header h1 a:before {
      content: "Site-43 Network";
      color: #eee;
      
  }
  div#header h2 span {
      font-size:0px;
      padding: 4px;
  }
  div#header h2:after {
      content: "Lake Huron Research and Containment";
      font-weight: bold;
      color: #f0f0c0;
      padding: 19px 0;
      text-shadow: 1px 1px 1px rgba(0, 0, 0, .8);
      white-space: pre;
  }

  Pages using this styling

  • the-time-after-time-password-hub [info]

  ¶ 1 occurrence
  

  body {
      background-color: var(--accentColor);
      background-image: url("http://scp-sandbox-3.wdfiles.com/local--files/collab:the-locust-has-no-king/gustave_dore-paradiso-_canto_34-1868-obelisk-art-history.1600x0.jpg");
      background-attachment: fixed;
      background-size: cover;
      background-blend-mode: luminosity;
  }
  
  body:before {
    content: ' ';
    position: fixed;
    display: block;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(165deg, transparent, #000000 60%, #000000 60%, #000000 120%);
    z-index: -1;
  }
  
  .table2 {
      --accentColor: rgb(105,155,196);
  }
  
  .bigtext {
  color: #699bc4;
  }
  
  @media (max-width: 1290px) {
      body {
          background-size: 100% 66%;
      }
  }
  
  #extra-div-1 {
  background: linear-gradient( 180deg, rgb(0, 0, 0) 0%, var(--accentColor)100%);
  box-shadow: 0px 0px 8px 4px rgb(0 0 0);
  }
  
  :root {
      --logo: url(https://scp-wiki.wdfiles.com/local--files/scp-6269/Hlogo4.png);
      --title: "ACQUISITIONS:";
      --subtitle: "DEPARTMENT OF THE MCM.";
      --accentColor: hsl(207,43.5%,59%);
      --fnColor: #699bc4;
      --four-color: 194, 85, 0 !important;
  }
  
  .list-pages-item > hr,
  #page-content > hr {
  background: transparent;
  border-top: double 3px var(--accentColor);
  filter: brightness(170%);
  }
  
  .custom2 .wiki-content-table {
      width: 100%;
  }
  
  #page-content tr th {
      text-align: center;
  }
  
  .custom2 tr td {
      padding: 10px !important;
  }
  
  .fnnum::after {
      color: #699bc4 !important;
  }
   
  .fnnum:hover::after {
      color: white !important;
  }
   
  .fncon {
      background: rgb(25, 25, 25) !important;
      color: #EDEDED;
      border: 0.15rem solid rgb(20, 20, 20);
      border-radius: 2px;
      font-size: 90%;
  }
  
  ::selection {
      background-color: rgba(227, 106, 0, 0.7);
      color: white;
  }
  
  ::-webkit-scrollbar-thumb {
      background: var(--accentColor);
  }
  
  ::-webkit-scrollbar-thumb:hover {
      background: rgb(var(--four-color));
  }

  Pages using this styling

  • the-tears-of-the-angel-israfil [info]

  ¶ 1 occurrence
  

  :root {
  --header-title: "Dept. of Revelations";
  --header-subtitle: "For when God was born, power trembled.";
  --lgurl: url('http://scp-sandbox-3.wdfiles.com/local--files/department-of-revelations-and-apocalypses-overview/Pentacle_Agrippa.png');
  }

  Pages using this styling

  • the-tears-of-the-angel-israfil [info]

  ¶ 1 occurrence
  

   :root {
      /* == TITLES == */
      --header-subtitle: "A Soft Lament";
  }

  Pages using this styling

  • the-tale-of-vanessa [info]

  ¶ 1 occurrence
  

  @import url(/local--files/component:theme/font-bauhaus.css);
  
  #header h1 a {
      display: block;
      margin: 0;
      padding: 80px 0 25px;
      line-height: 0px;
      max-height: 0px;
      color: transparent;
      background: transparent;
      font-size: 120%;
      text-shadow: none;
      text-decoration: none;
  }
  
  #header h1 a::before {
      content: "Zhujihui";
      color: #FFFFFF;
      background: transparent;
      font-family: BauhausLTDemi, Arial, sans-serif;
      font-size: 150%;
      text-decoration: none;
      text-shadow: 3px 3px 5px #000000;
  }
  
  #header h2 span {
      display: block;
      margin: 0;
      padding: 19px 0;
      line-height: 0px;
      max-height: 0px;
      color: transparent;
      text-shadow: none;
  }
   
  #header h2 span::before {
      content: 'Using Divine Energy, Construct Our Tower to the Sky — Secure, Contain, Protect';
      color: #f0f0c0;
      text-shadow: 1px 1px 1px #000;
      text-shadow: 1px 1px 1px rgba(0,0,0,.8);
  }
  
  @media only screen and (max-width: 600px) {
  
      #header h1 a {
          display: block;
          margin: 0;
          padding: 80px 0 25px;
          line-height: 0px;
          max-height: 0px;
          color: transparent;
          background: transparent;
          font-size: 120%;
          text-shadow: none;
          text-decoration: none;
      }
  
      #header h1 a::before {
          content: "Zhujihui";
          color: #FFFFFF;
          background: transparent;
          font-family: BauhausLTDemi, Arial, sans-serif;
          font-size: 150%;
          text-decoration: none;
          text-shadow: 3px 3px 5px #000000;
      }
  
      #header h2 span {
          display: block;
          margin: 0;
          padding: 19px 0;
          line-height: 0px;
          max-height: 0px;
          color: transparent;
          text-shadow: none;
      }
   
      #header h2 span::before {
          content: 'Secure, Contain, Protect';
          color: #f0f0c0;
          text-shadow: 1px 1px 1px #000;
          text-shadow: 1px 1px 1px rgba(0,0,0,.8);
          font-size: 80%;
      }
  
  }

  Pages using this styling

  • the-standstill [info]

  ¶ 1 occurrence
  

  
  @import url("http://scp-sandbox-3.wikidot.com/local--files/the-spire-star-extended-edition/OLDENGL.TTF");
  
  :root {
       --accent: 104, 40, 138;
  }
  
  body {
  background-image: linear-gradient(to bottom, #9467cf, #f5e6ff 200px);
  background-color: #f5e6ff;
  }
  
  #page-title {
    display: none;
  }

  Pages using this styling

  • the-spire-star-extended-edition [info]

  ¶ 1 occurrence
  

  #page-content .rate-box-with-credit-button {
      border: solid 1px rgb(180, 180, 180);
  }

  Pages using this styling

  • the-specter-and-the-orphan-crusher [info]

  ¶ 1 occurrence
  

  .bblock:hover {color: grey}

  Pages using this styling

  • the-son-you-love [info]

  ¶ 1 occurrence
  

  :root {
  --header-title: "Drug Enforcement Administration";
  --header-subtitle: "An Arachne Tale";
  --lgurl: url('https://scp-wiki.wikidot.com/local--files/the-snowman/dpn-logo.png');
  }

  Pages using this styling

  • the-snowman [info]

  ¶ 1 occurrence
  

  If you're reading this, you're either editing my article or checking out the page source. Feel free to make changes as necessary.

  Pages using this styling

  • the-smell-of-the-rain [info]

  ¶ 1 occurrence
  

  
  /* Article-Specific CSS */
  
  .reddish {
    color: var(--reddish-color);
  }
  
  .red {
    color: var(--red-color);
  }
  
  .white {
    color: white;
  }
  
  .white-to-reddish {
    background-image: linear-gradient(to bottom, white, var(--reddish-color));
    background-clip: text;
    color: transparent;
  }
  
  .reddish-to-red {
    background-image: linear-gradient(to bottom, var(--reddish-color), var(--red-color));
    background-clip: text;
    color: transparent;
  }
  
  .white-to-red {
    background-image: linear-gradient(to bottom, white, var(--reddish-color) 50%, var(--red-color));
    background-clip: text;
    color: transparent;
  }
  
  .red-to-reddish {
    background-image: linear-gradient(to bottom, var(--red-color), var(--reddish-color));
    background-clip: text;
    color: transparent;
  }
  
  .reddish-to-white {
    background-image: linear-gradient(to bottom, var(--reddish-color), white);
    background-clip: text;
    color: transparent;
  }
  
  .red-to-white {
    background-image: linear-gradient(to bottom, var(--red-color), var(--reddish-color) 50%, white);
    background-clip: text;
    color: transparent;
  }
  

  Pages using this styling

  • the-smell-of-blood [info]

  ¶ 1 occurrence
  

  :root {
      --sp_header-logo: url(https://scp-wiki.wdfiles.com/local--files/scp-8348/stag_final_transparent.png);
      --header-title: "ORDER OF THE SIDEREAL STAG";
      --header-subtitle: "";
      --red-color: #db4a4a;
      --reddish-color: #eda4a4;
  }
  
  /* Bottom Rating Module */
  .bottom-rating-module {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-block: 1rem;
  }
  
  .bottom-rating-module .page-rate-widget-box {
    margin: 0;
  }
  

  Pages using this styling

  • the-smell-of-blood [info]

  ¶ 1 occurrence
  

  #extra-div-6 {
      position: fixed;
      top: 0; left: 0;
      width: 100%; height: 100%;
      -webkit-backdrop-filter: grayscale(100%);
      backdrop-filter: grayscale(100%);
      z-index: 11;
      pointer-events: none;
  }
  

  Pages using this styling

  • the-sleep [info]

  ¶ 1 occurrence
  

  /* == COMMON == */
  
   :root {
      --header-title: "The Sharkest Timeline";
      --header-subtitle: "SEARCH, PUNCH, CONQUER";
      --link-txt-color: hsl(191, 100%, 25%);
  
      --abyssal: hsl(221, 100%, 25%);
      --terrestrial: hsl(101, 100%, 25%);
      --non-abyssal: hsl(181, 50%, 25%);
      --celestial: hsl(201, 100%, 50%);
  }
  
  
   div#extra-div-1 {
      background-size: 150px;
  }
  
   #header h1 {
      font-variant: small-caps;
  }
  
  
  /* == FORMATTING | [GENERAL] == */
  
   .meta-title {
      padding: 0;
  
      font-family: var(--head-font), sans-serif;
      font-variant: small-caps;
  }
  
   #page-content :is(h1, h2, h3, h4, h5, h6) {
      display: flex;
      justify-content: center;
  
      font-family: var(--ui-font), sans-serif;
      font-variant: small-caps;
  
      line-height: 1.2;
      text-align: center;
      text-underline-offset: 25%;
  }
  
   li, p {
      line-height: 1.5 !important;
  }
  
   ol li,
   ul li {
      margin: 1rem 0;
  }
  
  /* == FORMATTING | [SPECIAL] == */
  
   .abyssal :is(h1, h2, h3) {
      color: var(--abyssal);
  }
  
   .terrestrial :is(h1, h2, h3) {
      color: var(--terrestrial);
  }
  
   .non-abyssal :is(h1, h2, h3) {
      color: var(--non-abyssal);
  }
  
   .col_box, .spec_col_box { /* = COLORFUL BOX = */
      --hex: transparent;
      --hex2: transparent;
      position: relative;
      display: inline-block;
      width: 1.2rem;
      height: 1.2rem;
      margin-bottom: .2rem;
      vertical-align: middle;
  
      background: var(--hex);
      border: medium solid var(--hex2);
  
      font-size: 0;
  }
  
   .spec_col_box { /* = COLORFUL BOX ADD-ON = */
      width: calc(1.2rem + 3px);
      height: calc(1.2rem + 3px);
  }
  
   .spec_col_box:before { /* = COLORFUL BOX ADD-ON = */
      position: absolute;
      inset: 0;
      padding: 3px;
      content: "";
  
      background: 
         repeating-conic-gradient(#c7b187 0 25%, #815eba 0 50%)
      	0 0/12px 12px round;
      -webkit-mask:
         linear-gradient(#000 0 0) content-box,
         linear-gradient(#000 0 0);
      -webkit-mask-composite: xor;
      mask-composite: exclude;
  }
  
  /* == DIV BLOCKS == */
  
   div a {
      font-weight: bold;
  }
  
   @media (max-width: 575.9px) {
       .modal, .jotting, .paper, .notation {
      	margin: 1rem 0;
      }
  }
  
  /* == COLLAPSIBLES == */
  
   #page-content a.collapsible-block-link {
      background: unset !important;
      border: unset !important;
      box-shadow: unset !important;
      color: unset !important;
  }
  
  /* == TABLES == */
  
   .special table {
      display: block !important;
      max-height: 85vh;
      overflow: auto;
      counter-reset: line-number;
  }
  
   .special table a {
      font-weight: bold;
  }
  
   .special th {
      text-align: center;
  }
  
   .special td:first-child:before {
      content: counter(line-number) ".";
      counter-increment: line-number;
      padding-right: .3rem;
  }
  
   .special td:nth-child(3) {
      min-width: 25%;
  
      line-height: 1.5;
  }
  
   .special td:nth-child(4) {
      min-width: 20%;
  
      font: 1rem monospace;
      text-align: right;
  }
  
  /* == YUI TABS == */
  
   .yui-navset .yui-nav a {
      font-size: 1.25rem;
      font-weight: 600;
      font-family: var(--ui-font), sans-serif;
  }

  Pages using this styling

  • the-sharkest-timeline [info]

  ¶ 1 occurrence
  

  
  img.image {
      object-fit: cover;
      object-position: center -9rem;
  }
  

  Pages using this styling

  • the-shape-of-a-noose [info]

  ¶ 1 occurrence
  

   :root{
       --lgurl: url(http://scpdsandbox.wdfiles.com/local--files/collab%3Aawd-dossier/AWD.png);
       --header-title: "AWD";
       --header-subtitle: "ANOMALOUS WEAPONS DEVELOPMENT";
  }
  .email-example .collapsible-block-folded a.collapsible-block-link {
      animation: blink 0.8s ease-in-out infinite alternate;
  }
  @keyframes blink {
      0% { color: transparent; }
      50%, 100% { color: #b01; }
  }
  .email {border: solid 2px #000000; width: 88%; padding: 1px 15px; margin: 10px; box-shadow: 0 1px 3px rgba(0,0,0,.5)}
  .email-example a.collapsible-block-link {font-weight: bold;}
  .tofrom {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px maroon}

  Pages using this styling

  • the-second-spark [info]

  ¶ 1 occurrence
  

  :root {
  --header-title: "SCP: North Star";
  --header-subtitle: "Chapter 0 - Initiation";
  --lgurl: url('http://scp-wiki.wikidot.com/local--files/the-scottish-goliath/delta-4-splash.png');
  }

  Pages using this styling

  • the-scottish-goliath [info]

  ¶ 1 occurrence
  

  :root {
       --header-title: "Scip Squad Pod";
       --header-subtitle: "Scip Squad Pod";
       --lgurl: url('http://scp-wiki.wikidot.com/local--files/unreality-hub/Unreality%20Header%20Logo.svg');
  }

  Pages using this styling

  • the-scip-squad-podcast-hub [info]

  ¶ 1 occurrence
  

  :root {
    --header-title: "The Scarlet Father";
    --header-subtitle: "He Was Always Here";
    --top-layer-height-offset: -1rem;
  }
  

  Pages using this styling

  • the-scarlet-father [info]

  ¶ 1 occurrence
  

  :root {
       --header-title: "The Sanest King";
       --header-subtitle: "FUN - FEAR - FINANCE.";
  }
  
  .authorlink-wrapper {
    margin:auto !important;
    width: fit-content;
  }
  
  .openingQuote {
    font-family: Georgia;
    font-size: 1.9rem;
    padding: 1rem 10% 0 10%;
    font-style: italic;
  }
  .openingCitation {
    font-size: 1.1rem;
    text-align: right;
    font-weight: 200;
    margin-right: 2%;
  }
  
  .articleLink p {
    font-size:2rem;
    font-weight: bold;
    margin: 0;
    font-family: var(--header-font);
  }
  
  .articleCitation p {
    font-weight:200;
    margin: 0;
  }
  
  .articlePreview{
    font-family: Georgia;
    font-size: 1.3rem;
    font-style: italic;
  }
  
  .hatterPic {display:none;}
  .hatterPic2 {width:20%;}
  
  @media only screen and (min-width: 850px) {
  .openingQuote {
    padding: 1rem 4% 0 4%;
    text-align: right;
  }
  }
  @media only screen and (min-width: 1200px) {
  .hatterPic {
    display:block;
    width: 20%;
    position: absolute;
    left: 0;
    margin: auto;
    margin-top: -25px
  }
  .hatterPic2 {display:none;}
  }

  Pages using this styling

  • the-sanest-king [info]

  ¶ 1 occurrence
  

  /* HEADER */
   :root{
     --header-title: "The Wanderers' Library";
     --header-subtitle: none;
     --lgurl: url(https://scp-wiki.wdfiles.com/local--files/scattersomnia/QueerLibrary.png);
  }
   #header h1 a::before{
       font-family: unset;
  }
  
  /* INFO BOX */
   .info-container{
       --barColour: hsl(117, 100%, 15%);
       --linkColour: hsl(47, 100%, 68%);
  }
  
  /* DIV BLOCKS */
   .entry{
       padding: 1.95em;
  
       background: hsl(120, 33%, 90%);
       border: 2px solid hsl(120, 33%, 10%);
  }
   .section{
       margin-bottom: .23em;
       padding: 1.56em;
  
       background: hsl(120, 31%, 95%);
       border: 1px solid hsl(120, 33%, 10%);
  }
   .series-nav{
       background: linear-gradient(to bottom right, hsla(0, 0%, 100%, 1), hsla(135, 57%, 31%, .5));
  }

  Pages using this styling

  • the-sacred-djehuti [info]

  ¶ 1 occurrence
  

  span.serpent {
      color: green;
      font-weight: bold;
  }
  .old-paper {
      background: url(https://storage.googleapis.com/webdesignledger.pub.network/LaT/edd/2016/02/seamless-background-textures-15-780x780.jpg);
      padding: 3rem
  }

  Pages using this styling

  • the-road-that-leads-to-nowhere-is-long [info]

  ¶ 1 occurrence
  

  .queerframe {
    display: block;
    margin: auto;
    max-width: 50%;
  }

  Pages using this styling

  • the-researchers-new-tongue [info]

  ¶ 1 occurrence
  

   :root {
      /* -- TITLES -- */
      --header-subtitle: "Quietam Susceptor";
  }

  Pages using this styling

  • the-red-catalyst [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Source+Serif+4:ital,opsz,wght@0,8..60,200..900;1,8..60,200..900&display=swap');
  :root {
    --header-title: "PINOCCHIO";
    --header-subtitle: "THE REAL BOY";
    --body-font: 'Source Serif 4';
    --mono-font: 'Source Serif 4';
    --header-font: 'Source Serif 4';
    --lgurl: url(" ");
    --accentColor: #c9c9c9;
    --lightColor: #dbdbdb;
    --darkerColor: #241e1e;
    --darkColor: #3d2d2d
  

  Pages using this styling

  • the-real-boy [info]

  ¶ 1 occurrence
  

  :root {
      --pale-accent: 165, 119, 190;
      /* light red, for visited links */
      --bright-accent: 171, 52, 84;
      /* bright red */
      --medium-accent: 165, 119, 190;
      /* medium red - the "default" accent color */
      --dark-accent: 71, 52, 84;
      /* dark red */
      --alt-accent: 71, 52, 84;
      /* pale orange, for newpage links */
  }

  Pages using this styling

  • the-rainbow-baby [info]

  ¶ 1 occurrence
  

  /* HEADER */
   :root{
     --header-title: "The Wanderers' Library";
     --header-subtitle: none;
     --lgurl: url(https://scp-wiki.wdfiles.com/local--files/scattersomnia/QueerLibrary.png);
  }
   #header h1 a::before{
       font-family: unset;
  }
  
  /* INFO BOX */
   .info-container{
       --barColour: hsl(117, 100%, 15%);
       --linkColour: hsl(47, 100%, 68%);
  }
  
  /* FORMATTING */
   .wanderers-note{
       margin: 1em 0;
       padding: 0 1em;
  
       background: hsl(57, 100%, 93%);
       border: 2px solid hsl(120, 100%, 15%);
  }
   .entry{
       padding: 2em;
  
       background: #e8e0c8;
       border: 2px solid hsl(120, 33%, 10%);
  }
   .section{
       margin-bottom: .23em;
       padding: 1.56em;
  
       background: #fff7e8;
       border: 1px solid hsl(120, 33%, 10%);
  }
  
  .footnotes-footer {
      background-color: #fff7e8;
  }

  Pages using this styling

  • the-queens-butterfly [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Inter');
  @import url('https://fonts.googleapis.com/css2?family=Alegreya:ital,wght@0,400..900;1,400..900&display=swap');
  
  .plain {
    display: inline-block;
    color: black;
    font-family: "Inter";
    font-weight: 410;
    font-style: normal;
    font-size: 0.9em;
  }
  
  .plain2 {
    display: inline-block;
    color: #a21929;
    font-family: "Inter";
    font-weight: 410;
    font-style: bold;
    font-size: 1.8em;
  }
  
  .hf {
    display: inline-block;
    color: black;
    font-family: "Alegreya";
    font-weight: 410;
    font-style: normal;
    font-size: 1.1em;
  }

  Pages using this styling

  • the-puppet [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Source+Serif+4:ital,opsz,wght@0,8..60,200..900;1,8..60,200..900&display=swap');
  :root {
    --header-title: "MC+D";
    --header-subtitle: "PROPRIETARY DATABASE";
    --body-font: 'Source Serif 4';
    --mono-font: 'Source Serif 4';
    --header-font: 'Source Serif 4';
    --lgurl: url(" ");
    --accentColor: #dbdbdb;
    --lightColor: #c9c9c9;
    --darkerColor: #342d3d;
    --darkColor: #201e24
  

  Pages using this styling

  • the-puppet [info]

  ¶ 1 occurrence
  

  
  .disk {
  border: #DFDFDF outset 2px;
  background-color: #C0C0C0;
  color: black;
  color: #000;
  padding: 15px;
  }
  

  Pages using this styling

  • the-pretense-of-subtext [info]

  ¶ 1 occurrence
  

  #header {
      background-image: url(http://scp-wiki.wdfiles.com/local--files/the-pastarasta1-art-page-experience-rise-of-the-revenge-of-r/logo);
  }
  
  #page-content .collapsible-block {  
      border: solid 1px #000;
      padding: 3px 5px;
      margin: 1em 0;
  }
  
  #page-content hr {
    height: .5em;
    background: lightgray;
    border: 1px solid lightgray;
    margin: 1.2em 0;
  }

  Pages using this styling

  • the-pastarasta1-art-page-experience-rise-of-the-revenge-of-r [info]

  ¶ 1 occurrence
  

  
  
  
  @import url('https://fonts.googleapis.com/css2?family=Hepta+Slab:wght@1..900&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400..800;1,400..800&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=IM+Fell+DW+Pica+SC&display=swap');
  
  
  .licensebox {
      color: white;
  }
  
  /* COLORS */
  
  #content-wrap {
  background: linear-gradient(34.77deg, #011018 29.51%, #132934 76.89%, #011018 107.83%);
  }
  
  :root {
  --bright-accent: 3, 104, 171;
  --dark-accent: 16, 61, 91; 
  --medium-accent: 40, 40, 40; 
  --newpage-color: 123, 46, 206;
  --pale-accent: 255, 255, 255;
  --gray-monochrome: 30,30,30;
  --visited-link-color: 150, 150, 150;
  }
  
  /* SETTING VARIABLES */
  :root {
  --base-font-size: 1rem;
  --header-title: "Tales of the Mosaic";
  --header-subtitle: "It's always been this way";
  --logo-image: none;
  --header-font: "Hepta Slab", serif;
  --diagonal-stripes: none;
  --body-font: "EB Garamond", serif;
  --UI-font: Hepta Slab, PTRootUI,-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantrell,"Helvetica Neue",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
  }
  
  /*MAKING ACTION AREA READABLE */
  
  .licensebox .collapsible-block-link {
      color: white;
   }
  
  #action-area {
      background: white;
  border-radius: 8px;
  padding: 1rem;
  }
  
  #action-area a {
  color: black;
  }
  
  /* HEADER TEXT */
  
  #header h1 a::before {
  display: none;
  }
  
  #header h2 span::before {
  display: none;
  }
  
  #header h1 a::after {
      font-weight: 600;
      font-size: 2.2rem;
      font-family: 'IM Fell DW Pica SC', serif;
  }
  
  #header h2 span::after {
      text-transform: none;
      font-family: 'EB Garamond', 'IM Fell DW Pica SC', serif;
      font-size: 1.2rem;
      font-weight: bold;
      margin-top: 0.5rem;
  }
  
  /* BREADCRUMBS */
  
  #breadcrumbs a:before {
      content: none;
  display: none;
  }
  
  :is(#breadcrumbs,.pseudocrumbs) a {
      margin-right: 0px;
      color: white;
  padding-right: 0.3rem;
  }
  
  :is(#breadcrumbs,.pseudocrumbs) a:hover {
      color: #f0a475;
     text-decoration: underline;
  }
  
  #breadcrumbs {
  color: white;
  font-weight: regular;
  }
  
  
  /* TITLE  */
  
  div#page-title {
      display: none;
  }
  
  span.title {
      font-weight: bold;
      color: white;
      font-size: 2.5rem;
      max-width: 24.3rem;
      display: block;
      margin: 0.5rem auto 0.5rem;
  }
  
  .whiteline-header {
      margin: 3rem auto 0rem;
      display: flex;
      align-items: center;
  }
  
  .earthworm .whiteline-header {
      margin: 3rem auto 1rem;
  }
  
  .earthworm p, .earthworm a {
  font-weight: bold;
  margin-bottom: 1rem;
  }
  
  .whiteline-label {
      text-transform: uppercase;
      color: white;
      font-weight: 700;
  font-size: 1rem;
      width: max-content;
      display: block;
      margin-inline: 1rem;
  letter-spacing: 0.15rem;
  font-family: 'IM Fell DW Pica SC', serif;
  }
  
  .whiteline-header p, .centerbox p {
  margin: 0px;
  }
  
  .whiteline-header::before, .whiteline-header::after {
      content: "";
      height: 1px;
      background: white;
      width: 100%;
  }
  
  div#u-authorlink {
      text-align: center;
  font-weight: 700;
  font-size: 1.2rem;
  }
  
  div#u-authorlink a {
      color: rgb(var(--link-color));
  font-weight: 700;
  }
  
  div#u-authorlink p {
  margin: 0px;
  color: white;
  }
  
  .centerbox {
  width: fit-content;
  margin: 1rem auto 3rem;
  text-align: center;
  }
  
  /* PAPER DOCUMENT */
  
  .paper {
  padding: 24px 40px;
  background: linear-gradient(203.04deg, #FBFAF9 40.5%, #f1f1f1 100%);
  box-shadow: 0px 16px 32px -4px rgba(12, 12, 13, 0.1), 0px 4px 4px -4px rgba(12, 12, 13, 0.05), inset 0px 0px 30px 0px #AE8B75;
  border-radius: 0px;
  margin-block: 2.5rem;
  max-width: 35rem;
  margin: 0 auto 3rem;
  }
  
  .paper p {
      font-weight: 500;
  font-size: 1.2rem;
  color: #262521;
  }
  
  @media (max-width: 479px) {
      .paper {
          padding:1rem 1rem;
      }
  }
  
  
  /* FIXING NAV BAR FONT SIZE ON MOBILE */
  @media only screen and (max-width: 56.25rem) {
  #header div[class*=top-bar]>ul>li>a {
      background: 0 0;
      font-size: calc(var(--base-font-size)*(13/15));
  }
  }
  
  /* EARTHWORM */
  
  .earthworm {
      margin-block: 3rem;
      font-weight: bold;
      font-size: 1.5rem;
      color: white;
  text-align: center;
  }
  
  .earthworm a {
      font-weight: bold;
      padding: 0.5rem 1rem;
      margin: 1rem auto;
      display: block;
      text-align: center;
      font-size: 1.2rem;
      text-decoration: none;
      transition: 0.5s;
      border: 1px solid white;
      background: #011018;
      border-radius: 0px 8px 0px 8px;
      border-left-color: #f0a475;
      border-bottom-color: #f0a475;
  max-width: 25rem;
  }
  
  .earthworm a:visited {
  color: white;
  border-color: #8a8a8a;
  }
  
  .earthworm a:hover {
      text-decoration: none;
      border: 1px solid #f0a475;
      color: #f0a475;
  }
  

  Pages using this styling

  • the-parcelmens-creed [info]

  ¶ 1 occurrence
  

  #page-content .authorlink-wrapper {
      margin-top: 0.1em;
      margin-right: -0.1em;
      margin-bottom: var(--author-bottom-adjust, 0.35rem);
  }

  Pages using this styling

  • the-only-choice [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css?family=Special+Elite');
  
  div.blockquote{
      margin: 0px
  }
  .poster{
      background: url('https://scp-wiki.wdfiles.com/local--files/theme%3Aaces-and-eights/paper.jpg');
      border : dashed 1px #444444;
  }
   #page-title{
       text-align: center;
  }
  #license-area a::after {
      content: '.'
  }
   .journal{ /* ---- Journal Block (Adapted From 'SCP-4003') (and then i stole it from floops) ---- */
       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;
  }

  Pages using this styling

  • the-old-hometown-looks-the-same [info]

  ¶ 1 occurrence
  

  /* CHEATER, CHEATER */

  Pages using this styling

  • the-o5-council-eats-breakfast [info]

  ¶ 1 occurrence
  

  :root {
       --header-title: "SITE-78";
       --head-font: 'Orbitron', sans-serif;
       --header-subtitle: "DOING WHAT WE CAN";
       --misc-txt-color: #FFFFFF;
  --header-txt-color: #E5E5E5;
       --darkmode-gradient-top: #5D79FF;
       --darkmode-gradient-bottom: #000823;
       --accent: 69,85,163;
       --link-txt-color: #FFC30B;
       --logo-img: url(https://scp-wiki.wikidot.com/local--files/secure-facility-dossier-site-78/Site-78.png)
  }

  Pages using this styling

  • the-ninth-world-hub [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Bungee+Shade&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Concert+One&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Kranky&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Barriecito&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Shrikhand&display=swap');
  
  
  
  :root {
      --bung: "Bungee Shade";
      --conc: "Concert One";
      --kran: "Kranky";
      --barr: "Barriecito";
      --shri: "Shrikhand";
  
      --header-title: "The Nineties Page";
      --header-subtitle: "It's fucking radical, dude.";
      --sp_header-logo: none;
      --sp_header-title-size: 4rem;
      --sp_header-subtitle-size: 1rem;
  
      --sp_header-height: 20rem;
      --sp_top-bar-height: 2rem;
  
      --sp_top-bar-gradient-top-color: #fedc01;
      --sp_top-bar-gradient-bottom-color: #fedc01;
      
      --sp_top-bar-link-color: #6e05ae;
      --sp_top-bar-link-hover-color: #ffe403;
      --sp_top-bar-link-hover-background: #6e05ae;
  
      --sp_dropdown-link-color: #6e05ae;
      --sp_dropdown-link-hover-color: #ffe403;
      --sp_dropdown-link-background: #ffe403;
      --sp_dropdown-link-hover-background: #6e05ae;
      --sp_dropdown-link-border: none;
  
      --sp_rate-module-background: #4551c7;
      --sp_rate-module-text-color: white;
      --sp_rate-module-button-color: black
      --sp_rate-module-button-background: #ffe552;
      --sp_rate-module-sub-color: white;
      --sp_rate-module-button-hover-color: #ffe552;
      --sp_rate-module-button-hover-background: #fd77ac;
  
      --sp_hovertip-background: linear-gradient(80deg, #01cfff 15%, #fee604 15% 79%, #01cfff 79%);
      --sp_hovertip-border: 0.1em solid black;
  }
  
  #login-status {
      padding-right: 12px;
      font-family: var(--shri);
      font-size: clamp(1rem, 0.643rem + 0.952vw, 1.5rem);
      color: #7eff86;
      text-stroke: 1px black;
      -webkit-text-stroke: 1px black;
  }
  #login-status a, #login-status ul a {
      color: #ffec85;
      font-size: clamp(1rem, 0.643rem + 0.952vw, 1.5rem);
      text-stroke: 1px black;
      -webkit-text-stroke: 1px black;
  }
  
  
  #account-options {
      margin-top: 3px;
      margin-right: 12px;
      text-align: center;
      border: none;
      border-color: transparent;
      background-color: var(--yellow);
      width: fit-content;
  }
  #account-topbutton {
      font-size: 80%;
      border: none;
      margin-left: 0;
      transition: 200ms;
  }
  #account-topbutton:hover {
      color: #7eff86;
  }
  #account-options li a {
      text-transform: capitalize;
      background: orange;
      transition: 200ms;
  }
  #account-options li a:hover {
      background: purple;
      color: yellow;
      text-decoration: none;
  }
  
  #search-top-box {
      align-items: flex-start;
      flex-direction: row-reverse;
      flex-wrap: wrap;
      padding: 8px 12px 0 0;
      font-family: var(--bung);
      font-size: 1.2rem;
  }
  #search-top-box-form input[type=submit] {
      background-color: white;
      background-image: none;
      color: #0000a1;
      border: 0.15em dotted #0000a1;
      box-shadow: none;
      border-radius: 0;
      transition: 200ms;
  }
  #search-top-box-form input[type=submit]:hover {
      background-color: #0000a1;
      border: 0.15em dotted #0000a1;
      background-image: none;
      color: white;
      box-shadow: none;
  }
  
  #header {
  grid-template-areas:
      ". . login login login"
      ". . . . search"
      "h1 h1 h1 h1 h1"
      "h2 h2 h2 h2 h2"
      ". . . . ."
      "top-bar top-bar top-bar top-bar top-bar";
      grid-template-columns: repeat(5, 1fr);
      background-color: #01abaa;
      background-image: conic-gradient(at 52% 52%, transparent 6deg, #683697 6deg 40deg, #ff0147 40deg 130deg, #fedc01 130deg 210deg, transparent 210deg), linear-gradient(45deg, #01abaa 25%, transparent 25%), linear-gradient(315deg, #01abaa 25%, transparent 25%), linear-gradient(45deg, transparent 24%, #018b8e 25%, #018b8e 45%, transparent 45%), linear-gradient(315deg, transparent 24%, #018b8e 25%, #018b8e 45%, transparent 45%);
      background-size: 100% 100%, 2em 2em, 2em 2em, 2em 2em, 2em 2em;
      background-repeat: no-repeat, repeat, repeat, repeat, repeat;
      position: relative;
      box-shadow: 0px 4px 4px grey;
  }
  #header h1, #header h2 {
      padding-inline-start: 0;
      text-align: center;
      z-index: 2;
  }
  #header h1 a, #header h2 span {
      text-shadow: none;
  }
  #header h1 a::before {
      background-image: linear-gradient(-45deg, #01b9ec, #fee451);
      background-clip: text;
      color: transparent;
      font-family: var(--shri);
      font-weight: 100;
      text-stroke: 2px black;
      -webkit-text-stroke: 2px black;
  }
  #header h2 span::before {
      display:none;
  }
  #header-extra-div-1, #header-extra-div-2 {
      position: absolute;
      background-image: repeating-linear-gradient(35deg, pink 35px 40px, #ff95cc 40px 47px);
      width: 30rem;
      height: 10rem;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
  }
  #header-extra-div-1 {
      background-image: repeating-linear-gradient(35deg, pink 35px 40px, #ff95cc 40px 47px);
      clip-path: polygon(86% 0, 0 70%, 100% 100%);
      z-index: 1;
  }
  #header-extra-div-2 {
      background-image: linear-gradient(80deg, red, #02ac83);
      clip-path: polygon(96% 7%, 4% 49%, 83% 100%);
      z-index: 0;
  }
  
  #top-bar {
      font-family: var(--barr);
      max-width: 100%;
      font-size: 1rem;
  }
  #top-bar ul li {
      flex-grow: 1;
  }
  #top-bar ul li a {
      transition: 200ms;
  }
  #top-bar div[class*="top-bar"] > ul {
      justify-content: center;
  }
  #top-bar ul li ul {
      border-width: 0 0;
      box-shadow: none;
  }
  #top-bar :is(.top-bar, .mobile-top-bar) ul li ul li a {
      line-height: 2;
      text-align: center;
  }
  #top-bar .open-menu a {
      border: 0.1em dotted #4551c7;
      border-radius: 0;
      background-color: #ee9ca2;
      color: #4551c7;
      transition: 200ms;
  }
  #top-bar .open-menu a:hover {
      background-color: #4551c7;
      color: #ee9ca2;
  }
  
  #side-bar {
      background-color: rgba(1, 207, 255, 0.5);
  }
  #side-bar .heading, #interwiki .heading {
      margin: 0.6rem 0 0.5rem;
      padding: 0;
      color: #004a83;
      height: 1rem;
      display: flex;
      justify-content: space-around;
      align-items: center;
      border: none;
      font-family: var(--bung);
  }
  #side-bar .menu-item {
      display: flex;
  }
  #side-bar .menu-item a {
      flex-grow: 1;
      text-align: center;
      font-family: var(--shri);
      font-weight: 100;
  }
  #side-bar .heading::before, #side-bar .heading::after, #interwiki .heading::before, #interwiki .heading::after {
      content: "";
      height: 1px;
      box-sizing: border-box;
      margin: 0.1rem 0.5rem 0;
      border-bottom: 5px double #004a83;
      flex: 1 1 0;
  }
  #side-bar .side-block.media, #side-bar .side-block.resources, #side-bar .side-block, #interwiki .side-block {
      border: 0.1em dotted #ab0000;
      border-radius: 0;
      background-color: rgba(255,229,1,0.8);
      box-shadow: none;
      backdrop-filter: blur(2px);
  }
  
  #container {
      background-color: #fff;
      background-image:
       linear-gradient(90deg, transparent 79px, #abced4 79px, #abced4 81px, transparent 81px),
       linear-gradient(#eee .1em, transparent .1em);
      background-size: 100% 1.2em;
      overflow: hidden;
  }
  
  .marginal:nth-child(odd){
      transform: rotate(0.5deg);
  }
  .marginal:nth-child(even){
      transform: rotate(-0.5deg);
  }
  .marginal:nth-child(3n){
      transform: rotate(1deg);
  }
  .marginal:nth-child(7n){
      transform: rotate(0deg);
  }
  #page-content .printuser a:nth-child(2){
      display: none;
  }
  #page-content .printuser img.small{
      background-image: none !important;
      width: 100%;
      height: 100%;
      padding: 0;
  }
  #page-title {
      display: none;
  }
  
  .marginal {
      margin: 20px 0;
  }
  .heed{
      width: 100%;
      font-size: clamp(1.5rem, 0.286rem + 1.905vw, 2rem);
      text-align: center;
      font-family: var(--conc);
  }
  .haad {
      width: 100%;
      text-align: center;
      font-family: var(--conc);
      font-size: 1rem;
      border-top: 0.2em orange dashed;
  }
  .hood {
      font-family: var(--conc);
      font-size: 1.2rem;
  }
  .highlightee {
      background: rgba(255,255,0,0.4);
  }
  .highlightees {
      text-decoration: underline double red;
  }
  .highlighteer {
      text-decoration: underline wavy blue;
  }
  h1 {
      font-family: var(--kran);
      color: #4551c7;
      font-size: clamp(2rem, 0.571rem + 3.81vw, 4rem);
  }
  .intro {
      font-family: var(--conc);
      font-size: clamp(1.2rem, 0.286rem + 1.905vw, 1.5rem);
  }
  .intro p {
      line-height: 1;
  }
  
  a {
      color: #0104b8 ;
  }
  a:visited {
      color: #21af00;
  }
  .page-rate-widget-box {
      border-radius: 0;
      box-shadow: none;
  }
  
  #action-area, #page-info {
      color: purple;
  }
  #page-info, .page-watch-options, .page-options-bottom {
      text-align: center;
  }
  .page-options-bottom {
      margin: 0;
  }
  .page-options-bottom a, .owindow .button-bar a {
      border: 0.2em dotted #0000a1;
      background-color: white;
      color: #0000a1;
      text-decoration: none;
      transition: 200ms;
      font-family: var(--conc);
      font-size: 1rem;
  }
  .page-options-bottom a:hover, .owindow .button-bar a:hover {
      border: 0.2em dotted #0000a1;
      background: #0000a1;
      color: white;
  }
  #lock-info {
      color: var(--cacao);
  }
  #footer {
      margin-top: 0px;
      background-image: linear-gradient(90deg, var(--cherry) 1vw, var(--caramel) 1vw 2vw, var(--cyan) 2vw 3vw);
      margin: 0;
      padding-left: 3vw;
      padding-top: 6px;
  }
  .art1, .art2, .art3, .art4, .art5, .art6, .art7, .art8, .art9, .art10 {
      position: relative;
  }
  .art1:after, .art2:after, .art3:after, .art4:after, .art5:after, .art6:after, .art7:after, .art8:after, .art9:after, .art10:after {
      content: "";
      position: absolute;
      translate(-50%, -50%);
  }
  .art1:after {
      background-image: url("https://scp-wiki.wikidot.com/local--files/the-nineties-page/doodle1.png");
      height: 312px;
      width: 300px;
      top: 50%;
      left: 102%;
  }
  .art2:after {
      background-image: url("https://scp-wiki.wikidot.com/local--files/the-nineties-page/doodle2.png");
      height: 312px;
      width: 300px;
      top: 30%;
      left: -40%;
  }
  .art3:after {
      background-image: url("https://scp-wiki.wikidot.com/local--files/the-nineties-page/doodle3.png");
      height: 246px;
      width: 300px;
      top: 60%;
      left: 100%;
  }
  .art4:after {
      background-image: url("https://scp-wiki.wikidot.com/local--files/the-nineties-page/doodle4.png");
      height: 380px;
      width: 380px;
      top: 50%;
      left: -50%;
  }
  .art5:after {
      background-image: url("https://scp-wiki.wikidot.com/local--files/the-nineties-page/doodle5.png");
      height: 380px;
      width: 380px;
      top: 40%;
      left: 100%;
  }
  .art6:after {
      background-image: url("https://scp-wiki.wikidot.com/local--files/the-nineties-page/doodle6.png");
      height: 380px;
      width: 380px;
      top: 30%;
      left: -50%;
  }
  .art7:after {
      background-image: url("https://scp-wiki.wikidot.com/local--files/the-nineties-page/doodle7.png");
      height: 300px;
      width: 300px;
      top: 70%;
      left: 100%;
  }
  .art8:after {
      background-image: url("https://scp-wiki.wikidot.com/local--files/the-nineties-page/doodle8.png");
      height: 300px;
      width: 300px;
      top: 50%;
      left: -40%;
  }
  .art9:after {
      background-image: url("https://scp-wiki.wikidot.com/local--files/the-nineties-page/doodle9.png");
      height: 380px;
      width: 380px;
      top: 40%;
      left: 100%;
  }
  .art10:after {
      background-image: url("https://scp-wiki.wikidot.com/local--files/the-nineties-page/doodle10.png");
      height: 300px;
      width: 300px;
      top: 50%;
      left: -40%;
  }
  
  
  @media only screen and (max-width: 450px) {
  .heed, .haad {
  text-align: right;
  width: 70%;
  }
  }
  @media only screen and (max-width: 700px) {
  .art1:after, .art2:after, .art3:after, .art4:after, .art5:after, .art6:after, .art7:after, .art8:after, .art9:after, .art10:after {
  display: none;
  }
  }

  Pages using this styling

  • the-nineties-page [info]

  ¶ 1 occurrence
  

  :root {
      --header-logo: url('https://scp-sandbox-3.wikidot.com/local--files/department-of-the-archives-hub/Archivist');
      --header-title: 'Department of the Archives';
      --header-subtitle: 'Sorting Classified Papers';
      --title-size: 1.5rem;
      --subtitle-size: 0.825rem;
   
      --base-font-size: 1rem;
      --main-content-width: 67.5rem;
      --side-bar-width: 19rem;
  }

  Pages using this styling

  • the-night-has-one-thousand-eyes [info]

  ¶ 1 occurrence
  

  
  @import url("https://fonts.googleapis.com/css2?family=Anta&family=Electrolize&family=Exo+2:ital,wght@0,100..900;1,100..900&family=Kanit:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
  
  :root {
  
  --logo-image: url("http://timebox.wdfiles.com/local--files/sc-18-005-18-350/CI-Marcus-header.png");
  --header-title: 'INSURGENCE';
  --header-subtitle: 'LONG LIVE THE INSURGENCY';
  
  --body-width-on-desktop: 65.75rem;
  --original-width-on-desktop: 50.75rem;
  
  --header-font: "Anta", sans-serif;
  --title-font: "Anta", sans-serif;
  --UI-font: "Anta", sans-serif;
  
  --rating-module-text-color: var(--bright-accent);
  
  --header-height-on-desktop: 13rem;
  --header-height-on-mobile: 13rem;
  
  --toggle-border-color: rgb(var(--bright-accent));
  --toggle-icon-color: rgb(var(--bright-accent));
  --toggle-roundness: 1%;
  --toggle-button-bg: rgb(var(--black-monochrome));
  
  --link-color: var(--bright-accent);
  --hover-link-color: var(--bright-accent);
  --visited-link-color: var(--bright-accent);
  
  --zero: 0;
  
  }
  
  #main-content hr {
      height: 0.0925rem;
      border-top: 0.0625rem solid rgba(var(--bright-accent));
      background-color: rgba(var(--bright-accent));
  }
  
  div.modal {
      display: block;
      margin-inline: auto;
      margin-block: 1.4rem;
      padding-inline: 1.5rem;
      padding-block: 0.5rem;
      background-color: rgb(0,0,0);
      border: double 0.5rem rgb(var(--bright-accent));
  }
  
  div.modal.two {
      border: double 0.4rem rgb(var(--bright-accent));
      width: 50%;
      background: rgb(var(--swatch-menubg-extra-dark-color));
      align-center;
  }
  
  .dashed {
      padding-inline: 1.5rem;
      padding-block: 0.5rem;
      border: dashed 0.2rem rgb(var(--dark-gray-monochrome));
      background: rgb(var(--black-monochrome));
  }
  
  .twosides {
      padding-inline: 1.5rem;
      padding-block: 0.5rem;
      border-left: solid 0.2rem rgb(var(--bright-accent));
      border-right: solid 0.2rem rgb(var(--bright-accent));
      background: rgb(var(--black-monochrome));
  }
  
  .smallheading {
      background-image: url("https://testinggrounds.wdfiles.com/local--files/insurgence/clock-tower-red.jpg");
      background-attachment: fixed;
      border: solid 2px rgb(var(--bright-accent));
      margin-top: 10px;
  }
  
  .highlight {
      background: rgb(var(--bright-accent));
      color: rgb(var(--black-monochrome));
      font-weight: bold;
      border: solid 2px rgb(var(--bright-accent));
      border-radius: 3px;
      padding-inline: 3px;
      font-family: "Anta", sans-serif;
  }
  
  .transition {
      animation: chaosspin 7s cubic-bezier(1,1,1,1) infinite;
      background: url("https://testinggrounds.wdfiles.com/local--files/insurgence/redcismall.png") center no-repeat;
      margin-inline: auto;
      margin-top: 60px;
      margin-bottom: 60px;
      padding-top: 30px;
      padding-bottom: 30px;
      width: 20%;
  }
  
  @keyframes chaosspin {
  100% { transform: rotate(360deg); }
  }
  
  .warning {
      animation: bigwarning 2s cubic-bezier(1,1,1,1) infinite;
  }
  
  @keyframes bigwarning {
    0%   { color: rgb(var(--bright-accent)); }
    100%   { color: rgb(var(--swatch-menubg-extra-dark-color)); }
  }
  
  @media only screen and (max-width: 600px) {
  
  div.modal.two {
      width: 85%;
  }
  
  }
  
  #content-wrap {
  background-image: url("https://testinggrounds.wdfiles.com/local--files/insurgence/squarepattern.png");
  background-size: 100%;
  background-repeat: repeat;
  background-attachment: fixed;
  }
  
  #header h1 a::before,
  #header h1 a::after {
     content: var(--header-title);
     font-size: 3rem;
  }
  
  .image-block .image-caption,
  .scp-image-block .scp-image-caption {
      background-image: url("https://testinggrounds.wdfiles.com/local--files/insurgence/clock-tower-red.jpg");
      background-attachment: fixed;
      font-family: "Anta", sans-serif;
      border-bottom-left-radius: 8px;
      border-bottom-right-radius: 8px;
      border-bottom: 4px solid rgb(var(--bright-accent));
      box-shadow: none;
  }
  
  #extra-div-2 {
  height: var(--header-height-on-desktop);
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
  background-color: black;
  background-image: url("https://testinggrounds.wdfiles.com/local--files/insurgence/clock-tower-red.jpg");
  background-size: calc(var(--header-height-on-desktop) * 10);
  }
  
  #extra-div-3 {
  height: var(--header-height-on-desktop);
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
  background-image: var(--tech-pattern);
  background-size: calc(var(--header-height-on-desktop) * 4);
  }
  
  
  #page-content div.modal {
      max-width: 100%;
  }
  
  .page-rate-widget-box .rate-points {
  text-transform: uppercase !important;
  }
  
  a.btn {
  text-transform: uppercase !important;
  }
  
      @supports (background-blend-mode: screen) {
          #extra-div-1 {
              width: 100%;
              height: 100%;
              position: absolute;
              top: 0;
              left: 0;
              z-index: -1;
              background-image:
                  linear-gradient(to bottom,
                      rgb(var(--black-monochrome)) 0%,
                      rgb(var(--black-monochrome)) 30%,
                      rgb(var(--dark-gray-monochrome)) 100%),
                  linear-gradient(to bottom,
                      rgb(var(--bright-accent)) calc(var(--header-height-on-desktop) + 0.145rem),
                      rgb(var(--black-monochrome)) calc(var(--header-height-on-desktop) + 0.125rem),
                      rgb(var(--black-monochrome)) calc(100% - 0.125rem),
                      rgb(var(--bright-accent)) calc(100% - 0.125rem),
                      rgb(var(--bright-accent)) 100%),
                  linear-gradient(to bottom,
                      rgba(var(--black-monochrome), 0) 0,
                      rgba(var(--black-monochrome), 0.5) 10rem,
                      rgba(var(--black-monochrome), 1) 25rem,
                      rgba(var(--black-monochrome), 1) 100%);
              background-size:
                  var(--header-background-image-size),
                  100% var(--final-header-height-on-desktop),
                  100% var(--background-gradient-distance);
              background-repeat: no-repeat;
              background-blend-mode: darken;
              pointer-events: none;
          }
  
      .page-rate-widget-box {
          background:
              linear-gradient(to bottom left,
                  rgba(var(--swatch-primary-darkest), 0.1) 0,
                  rgba(var(--black-monochrome), 1) 100%) !important;
      }
  
  
  
  :root {
  
  --tech-pattern: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 304 304' width='304' height='304'%3E%3Cpath fill='%23aeaeb0' fill-opacity='0.08' d='M44.1 224a5 5 0 1 1 0 2H0v-2h44.1zm160 48a5 5 0 1 1 0 2H82v-2h122.1zm57.8-46a5 5 0 1 1 0-2H304v2h-42.1zm0 16a5 5 0 1 1 0-2H304v2h-42.1zm6.2-114a5 5 0 1 1 0 2h-86.2a5 5 0 1 1 0-2h86.2zm-256-48a5 5 0 1 1 0 2H0v-2h12.1zm185.8 34a5 5 0 1 1 0-2h86.2a5 5 0 1 1 0 2h-86.2zM258 12.1a5 5 0 1 1-2 0V0h2v12.1zm-64 208a5 5 0 1 1-2 0v-54.2a5 5 0 1 1 2 0v54.2zm48-198.2V80h62v2h-64V21.9a5 5 0 1 1 2 0zm16 16V64h46v2h-48V37.9a5 5 0 1 1 2 0zm-128 96V208h16v12.1a5 5 0 1 1-2 0V210h-16v-76.1a5 5 0 1 1 2 0zm-5.9-21.9a5 5 0 1 1 0 2H114v48H85.9a5 5 0 1 1 0-2H112v-48h12.1zm-6.2 130a5 5 0 1 1 0-2H176v-74.1a5 5 0 1 1 2 0V242h-60.1zm-16-64a5 5 0 1 1 0-2H114v48h10.1a5 5 0 1 1 0 2H112v-48h-10.1zM66 284.1a5 5 0 1 1-2 0V274H50v30h-2v-32h18v12.1zM236.1 176a5 5 0 1 1 0 2H226v94h48v32h-2v-30h-48v-98h12.1zm25.8-30a5 5 0 1 1 0-2H274v44.1a5 5 0 1 1-2 0V146h-10.1zm-64 96a5 5 0 1 1 0-2H208v-80h16v-14h-42.1a5 5 0 1 1 0-2H226v18h-16v80h-12.1zm86.2-210a5 5 0 1 1 0 2H272V0h2v32h10.1zM98 101.9V146H53.9a5 5 0 1 1 0-2H96v-42.1a5 5 0 1 1 2 0zM53.9 34a5 5 0 1 1 0-2H80V0h2v34H53.9zm60.1 3.9V66H82v64H69.9a5 5 0 1 1 0-2H80V64h32V37.9a5 5 0 1 1 2 0zM101.9 82a5 5 0 1 1 0-2H128V37.9a5 5 0 1 1 2 0V82h-28.1zm16-64a5 5 0 1 1 0-2H146v44.1a5 5 0 1 1-2 0V18h-26.1zm102.2 270a5 5 0 1 1 0 2H98v14h-2v-16h124.1zM242 149.9V160h16v34h-16v62h48v48h-2v-46h-48v-66h16v-30h-16v-12.1a5 5 0 1 1 2 0zM53.9 18a5 5 0 1 1 0-2H64V2H48V0h18v18H53.9zm112 32a5 5 0 1 1 0-2H192V0h50v2h-48v48h-28.1zm-48-48a5 5 0 0 1-9.8-2h2.07a3 3 0 1 0 5.66 0H178v34h-18V21.9a5 5 0 1 1 2 0V32h14V2h-58.1zm0 96a5 5 0 1 1 0-2H137l32-32h39V21.9a5 5 0 1 1 2 0V66h-40.17l-32 32H117.9zm28.1 90.1a5 5 0 1 1-2 0v-76.51L175.59 80H224V21.9a5 5 0 1 1 2 0V82h-49.59L146 112.41v75.69zm16 32a5 5 0 1 1-2 0v-99.51L184.59 96H300.1a5 5 0 0 1 3.9-3.9v2.07a3 3 0 0 0 0 5.66v2.07a5 5 0 0 1-3.9-3.9H185.41L162 121.41v98.69zm-144-64a5 5 0 1 1-2 0v-3.51l48-48V48h32V0h2v50H66v55.41l-48 48v2.69zM50 53.9v43.51l-48 48V208h26.1a5 5 0 1 1 0 2H0v-65.41l48-48V53.9a5 5 0 1 1 2 0zm-16 16V89.41l-34 34v-2.82l32-32V69.9a5 5 0 1 1 2 0zM12.1 32a5 5 0 1 1 0 2H9.41L0 43.41V40.6L8.59 32h3.51zm265.8 18a5 5 0 1 1 0-2h18.69l7.41-7.41v2.82L297.41 50H277.9zm-16 160a5 5 0 1 1 0-2H288v-71.41l16-16v2.82l-14 14V210h-28.1zm-208 32a5 5 0 1 1 0-2H64v-22.59L40.59 194H21.9a5 5 0 1 1 0-2H41.41L66 216.59V242H53.9zm150.2 14a5 5 0 1 1 0 2H96v-56.6L56.6 162H37.9a5 5 0 1 1 0-2h19.5L98 200.6V256h106.1zm-150.2 2a5 5 0 1 1 0-2H80v-46.59L48.59 178H21.9a5 5 0 1 1 0-2H49.41L82 208.59V258H53.9zM34 39.8v1.61L9.41 66H0v-2h8.59L32 40.59V0h2v39.8zM2 300.1a5 5 0 0 1 3.9 3.9H3.83A3 3 0 0 0 0 302.17V256h18v48h-2v-46H2v42.1zM34 241v63h-2v-62H0v-2h34v1zM17 18H0v-2h16V0h2v18h-1zm273-2h14v2h-16V0h2v16zm-32 273v15h-2v-14h-14v14h-2v-16h18v1zM0 92.1A5.02 5.02 0 0 1 6 97a5 5 0 0 1-6 4.9v-2.07a3 3 0 1 0 0-5.66V92.1zM80 272h2v32h-2v-32zm37.9 32h-2.07a3 3 0 0 0-5.66 0h-2.07a5 5 0 0 1 9.8 0zM5.9 0A5.02 5.02 0 0 1 0 5.9V3.83A3 3 0 0 0 3.83 0H5.9zm294.2 0h2.07A3 3 0 0 0 304 3.83V5.9a5 5 0 0 1-3.9-5.9zm3.9 300.1v2.07a3 3 0 0 0-1.83 1.83h-2.07a5 5 0 0 1 3.9-3.9zM97 100a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-48 32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm32 48a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm32-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0-32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm32 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16-64a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 96a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-144a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-96 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm96 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16-64a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-32 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM49 36a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-32 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm32 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM33 68a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-48a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 240a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16-64a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16-32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm80-176a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm32 48a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0-32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm112 176a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM17 180a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0-32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM17 84a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm32 64a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6z'%3E%3C/path%3E%3C/svg%3E");
  
  }
  
  @keyframes acsgradient {
    0%   { background: radial-gradient(circle at 50%, #C40233, #000 75%); }
    10%  { background: radial-gradient(circle at 50%, #C40233, #000 85%); }
    20%  { background: radial-gradient(circle at 50%, #C40233, #000 90%); }
    30%  { background: radial-gradient(circle at 50%, #C40233, #000 85%); }
    40% { background: radial-gradient(circle at 50%, #C40233, #000 75%); }
    50%   { background: radial-gradient(circle at 50%, #C40233, #000 75%); }
    60%  { background: radial-gradient(circle at 50%, #C40233, #000 65%); }
    70%  { background: radial-gradient(circle at 50%, #C40233, #000 55%); }
    80%  { background: radial-gradient(circle at 50%, #C40233, #000 65%); }
    90% { background: radial-gradient(circle at 50%, #C40233, #000 75%); }
    100% { background: radial-gradient(circle at 50%, #C40233, #000 80%); }
  }
  

  Pages using this styling

  • the-nameless-rebel [info]

  ¶ 1 occurrence
  

      :root {
      --header-gradient-color-bottom: 80, 73, 204;
      --hover-link-color:  7, 141, 112;
      --visited-link-color:  7, 141, 112;
      --dark-accent: 7, 141, 112;
      --pale-accent: 38, 206, 170;
      --alt-accent: 123, 173, 226;}

  Pages using this styling

  • the-mundanity-of-you-and-him [info]

  ¶ 1 occurrence
  

  #page-title {
    display: none;
  }
  
  .redhr {
  border-top: solid 1px #900;
  padding-top: 10px;
  margin-top:10px;
  width: 97%;
  margin: auto;
  }

  Pages using this styling

  • the-most-important-thing-in-the-world [info]

  ¶ 1 occurrence
  

  .body-text {
      margin: 2% 13% 2% 9%;
      padding: 5px 20px 5px 20px;
      background-color: #f2f2f2;
      color: #111;
  }
  .text4desk {
      width: 70%;
      margin: auto;
  }
  @media only screen and (max-width: 600px) {
      .body-text {
          margin: 0% 4% 0% 4%;
      }
      .text4desk {
          width:100%;
      }
  }

  Pages using this styling

  • the-most-important-thing-in-the-world [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css?family=ZCOOL+QingKe+HuangYou');
  
  #page-content>p {
      padding: 0 2em;
  }
  
  .poem {
      position: relative;
      display: flex;
      align-items: center;
      justify-content: center;
      width: 100%;
      background: url(https://scp-wiki.wdfiles.com/local--files/the-moons-stellar-companion/galfed_circle.png);
      background-size: contain;
      flex-shrink: 2;
  }
  
  .poem::before {
      content: " ";
      position: absolute;
      width: 100%;
      height: 100%;
      background: url(https://scptestwiki.wdfiles.com/local--files/sigma:kuang-qiu-2/galfed_circle.png);
      background-size: contain;
      -webkit-animation: rotation 300s infinite linear;
      animation: rotation 300s infinite linear;
      -webkit-animation-play-state: paused;
      animation-play-state: paused;
  }
  
  .poem:hover::before {
      -webkit-animation-play-state: running;
      animation-play-state: running;
  }
  
  .poem::after {
      content: " ";
      display: block;
      padding-bottom: 100%;
  }
  
  .poem>.stanza {
      --wght: 600;
      width: 25%;
      position: relative;
      text-align: center;
      font-family: 'ZCOOL QingKe HuangYou', var(--title-font);
      font-size: calc(var(--base-font-size) * 1.2);
      font-weight: 600;
      padding: calc(var(--body-width-on-desktop) * 0.0125);
  }
  
  .stanza>div {
      position: absolute;
      width: 100%;
      top: 0;
      left: 0;
  }
  
  .stanza>.chinese,
  .stanza>.english {
      transition: opacity 400ms cubic-bezier(0.4, 0.0, 0.2, 1), -webkit-filter 400ms cubic-bezier(0.4, 0.0, 0.2, 1);
      transition: opacity 400ms cubic-bezier(0.4, 0.0, 0.2, 1), filter 400ms cubic-bezier(0.4, 0.0, 0.2, 1);
      transition: opacity 400ms cubic-bezier(0.4, 0.0, 0.2, 1), filter 400ms cubic-bezier(0.4, 0.0, 0.2, 1), -webkit-filter 400ms cubic-bezier(0.4, 0.0, 0.2, 1);
  }
  
  .stanza>.chinese {
      --wght: 500;
      opacity: 1;
      -webkit-filter: blur(0);
      filter: blur(0);
      font-weight: 500;
  }
  
  .stanza>.english {
      opacity: 0;
      -webkit-filter: blur(3em);
      filter: blur(3em);
  }
  
  .poem:hover .chinese {
      opacity: 0;
      -webkit-filter: blur(3em);
      filter: blur(3em);
  }
  
  .poem:hover .english {
      opacity: 1;
      -webkit-filter: blur(0);
      filter: blur(0);
  }
  
  .poem:hover .chinese,
  .poem:hover .english {
      transition: opacity 200ms cubic-bezier(0.4, 0.0, 0.2, 1), -webkit-filter 200ms cubic-bezier(0.4, 0.0, 0.2, 1);
      transition: opacity 200ms cubic-bezier(0.4, 0.0, 0.2, 1), filter 200ms cubic-bezier(0.4, 0.0, 0.2, 1);
      transition: opacity 200ms cubic-bezier(0.4, 0.0, 0.2, 1), filter 200ms cubic-bezier(0.4, 0.0, 0.2, 1), -webkit-filter 200ms cubic-bezier(0.4, 0.0, 0.2, 1);
  }
  
  .poem>.stanza>.chi,
  .poem-font .chi {
      font-family: var(--title-font);
  }
  
  .chi {
      height: 100%;
      width: 0.5em;
      display: inline-block;
      position: relative;
  }
  
  .chi::before {
      position: absolute;
      left: 0;
      width: 100%;
      height: 100%;
  }
  
  .english>span:nth-child(3)::before {
      content: "ˇ";
      top: 0;
  }
  
  .english>span:nth-child(4)::before {
      content: "`";
      top: 0;
  }
  
  #page-content>p:nth-child(5) .chi::before {
      content: "`";
      top: 0;
      left: 0.15em;
  }
  
  
  .poem-font .chi::before {
      content: "-";
      top: -0.5em;
  }
  
  .stanza.one {
      margin-top: calc(var(--body-width-on-desktop) * -0.4);
  }
  
  .stanza.two {
      margin-top: calc(var(--body-width-on-desktop) * -0.1375);
  }
  
  .stanza.three {
      margin-top: calc(var(--body-width-on-desktop) * 0.1375);
  }
  
  .stanza.four {
      margin-top: calc(var(--body-width-on-desktop) * 0.4);
  }
  
  .poem-font {
      --wght: 600;
      font-size: calc(var(--base-font-size) * 1.2);
      font-family: var(--title-font);
      font-weight: 600;
  }
  
  .glitch {
      position: relative;
      opacity: 0.9;
  }
  
  .glitch::before,
  .glitch::after {
      content: attr(data-text);
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
  }
  
  .glitch::before {
      left: 0.125rem;
      text-shadow: -0.0625rem 0 rgba(var(--bright-accent));
      animation: glitch-anim-1 14s infinite linear alternate-reverse;
      transform: scaleX(-1);
      -webkit-filter: FlipH;
      filter: FlipH;
      opacity: 0.75;
  }
  
  .glitch::after {
      left: -0.125rem;
      text-shadow: -0.0625rem 0 rgba(var(--dark-accent));
      animation: glitch-anim-2 10s infinite linear alternate-reverse;
      opacity: 0.4;
  }
  
  .leftTriangle,
  .rightTriangle {
      width: 40%;
      height: var(--body-width-on-desktop);
      content: " ";
      clear: unset !important;
  }
  
  .squish {
      height: var(--body-width-on-desktop);
      position: relative;
  }
  
  #page-content>div.squish>br {
      display: none;
  }
  
  .sidd {
      padding: 25em 2em 2em;
      margin: 0 0 1em 0;
      position: relative;
  }
  
  .sidd>p:nth-child(1) {
      margin-top: 0;
      padding-top: 1em;
  }
  
  .sidd::before,
  .sidd::after {
      content: " ";
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
  }
  
  .sidd::after {
      background: rgba(var(--dark-accent));
      z-index: -2;
      border-radius: 0 0 2em 2em;
  }
  
  /* Supports */
  
  @supports (mix-blend-mode: screen) {
      .poem::before {
      	mix-blend-mode: screen;
      }
  
      .squish::after {
      	mix-blend-mode: soft-light;
      }
  
      .sidd:before {
      	mix-blend-mode: exclusion;
      }
  }
  
  @supports ((-webkit-clip-path: url("")) or (clip-path: url(""))) {
      .glitch::before {
      	background: rgba(var(--black-monochrome));
      	-webkit-clip-path: polygon(0 24%, 100% 24%, 100% 64%, 0 64%);
      	clip-path: polygon(0 24%, 100% 24%, 100% 64%, 0 64%);
      }
  
      .glitch::after {
      	background: rgba(var(--black-monochrome));
      	-webkit-clip-path: polygon(0 74%, 100% 74%, 100% 91%, 0 91%);
      	clip-path: polygon(0 74%, 100% 74%, 100% 91%, 0 91%);
      }
  
  }
  
  @supports (((-webkit-mask-image: url("")) or (mask-image: url(""))) or (-webkit-mask-image: url(""))) {
      .sidd:before {
      	background-image: url(https://scp-wiki.wdfiles.com/local--files/theme:galactic-theme/galfed_bg.png);
      	z-index: -1;
      	background-size: contain;
      	background-repeat: no-repeat;
      	background-position: top;
      	transform: rotate(180deg);
      	mask-image:
      		linear-gradient(to bottom,
      			rgba(0, 0, 0, 1) 0%,
      			rgba(0, 0, 0, 0) 10%);
      	-webkit-mask-image:
      		-webkit-linear-gradient(top,
      			rgba(0, 0, 0, 1) 0%,
      			rgba(0, 0, 0, 0) 10%);
      	border-radius: 2em 2em 0 0;
      }
  
      .sidd::after {
      	background: rgba(var(--dark-accent));
      	z-index: -2;
      	border-radius: 0 0 2em 2em;
      	mask-image: linear-gradient(to top, rgba(0, 0, 0, 1) 50%, rgba(0, 0, 0, 0) 100%);
      	-webkit-mask-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 1) 50%, rgba(0, 0, 0, 0) 100%);
      	padding-top: 50rem;
      	margin-top: -50rem;
      }
  }
  
  @media only screen and (max-width: 768px) {
      .poem>.stanza {
      	--wght: 600;
      	font-size: calc(var(--base-font-size) * 0.9);
      	font-weight: 600;
      	padding: 0;
      	margin-left: calc(var(--body-width-on-desktop) * -0.01);
      	margin-right: calc(var(--body-width-on-desktop) * -0.01);
      }
  
      .stanza.one {
      	margin-top: calc(var(--body-width-on-desktop) * -0.2325);
      }
  
      .stanza.two {
      	margin-top: calc(var(--body-width-on-desktop) * -0.075);
      }
  
      .stanza.three {
      	margin-top: calc(var(--body-width-on-desktop) * 0.075);
      }
  
      .stanza.four {
      	margin-top: calc(var(--body-width-on-desktop) * 0.2325);
      }
  
      .glitch {
      	font-size: 78%;
      }
  }
  
  /* Animations */
  
  @-webkit-keyframes glitch-anim-1 {
      0% {
      	-webkit-clip-path: polygon(0 8%, 100% 8%, 100% 67%, 0 67%);
      	clip-path: polygon(0 8%, 100% 8%, 100% 67%, 0 67%);
      }
  
      5% {
      	-webkit-clip-path: polygon(0 30%, 100% 30%, 100% 94%, 0 94%);
      	clip-path: polygon(0 30%, 100% 30%, 100% 94%, 0 94%);
      }
  
      10% {
      	-webkit-clip-path: polygon(0 33%, 100% 33%, 100% 94%, 0 94%);
      	clip-path: polygon(0 33%, 100% 33%, 100% 94%, 0 94%);
      }
  
      15% {
      	-webkit-clip-path: polygon(0 86%, 100% 86%, 100% 8%, 0 8%);
      	clip-path: polygon(0 86%, 100% 86%, 100% 8%, 0 8%);
      }
  
      20% {
      	-webkit-clip-path: polygon(0 54%, 100% 54%, 100% 18%, 0 18%);
      	clip-path: polygon(0 54%, 100% 54%, 100% 18%, 0 18%);
      }
  
      25% {
      	-webkit-clip-path: polygon(0 20%, 100% 20%, 100% 47%, 0 47%);
      	clip-path: polygon(0 20%, 100% 20%, 100% 47%, 0 47%);
      }
  
      30% {
      	-webkit-clip-path: polygon(0 89%, 100% 89%, 100% 2%, 0 2%);
      	clip-path: polygon(0 89%, 100% 89%, 100% 2%, 0 2%);
      }
  
      35% {
      	-webkit-clip-path: polygon(0 79%, 100% 79%, 100% 77%, 0 77%);
      	clip-path: polygon(0 79%, 100% 79%, 100% 77%, 0 77%);
      }
  
      40% {
      	-webkit-clip-path: polygon(0 23%, 100% 23%, 100% 71%, 0 71%);
      	clip-path: polygon(0 23%, 100% 23%, 100% 71%, 0 71%);
      }
  
      45% {
      	-webkit-clip-path: polygon(0 4%, 100% 4%, 100% 91%, 0 91%);
      	clip-path: polygon(0 4%, 100% 4%, 100% 91%, 0 91%);
      }
  
      50% {
      	-webkit-clip-path: polygon(0 34%, 100% 34%, 100% 56%, 0 56%);
      	clip-path: polygon(0 34%, 100% 34%, 100% 56%, 0 56%);
      }
  
      55% {
      	-webkit-clip-path: polygon(0 37%, 100% 37%, 100% 23%, 0 23%);
      	clip-path: polygon(0 37%, 100% 37%, 100% 23%, 0 23%);
      }
  
      60% {
      	-webkit-clip-path: polygon(0 69%, 100% 69%, 100% 41%, 0 41%);
      	clip-path: polygon(0 69%, 100% 69%, 100% 41%, 0 41%);
      }
  
      65% {
      	-webkit-clip-path: polygon(0 21%, 100% 21%, 100% 62%, 0 62%);
      	clip-path: polygon(0 21%, 100% 21%, 100% 62%, 0 62%);
      }
  
      70% {
      	-webkit-clip-path: polygon(0 43%, 100% 43%, 100% 99%, 0 99%);
      	clip-path: polygon(0 43%, 100% 43%, 100% 99%, 0 99%);
      }
  
      75% {
      	-webkit-clip-path: polygon(0 29%, 100% 29%, 100% 31%, 0 31%);
      	clip-path: polygon(0 29%, 100% 29%, 100% 31%, 0 31%);
      }
  
      80% {
      	-webkit-clip-path: polygon(0 29%, 100% 29%, 100% 37%, 0 37%);
      	clip-path: polygon(0 29%, 100% 29%, 100% 37%, 0 37%);
      }
  
      85% {
      	-webkit-clip-path: polygon(0 44%, 100% 44%, 100% 58%, 0 58%);
      	clip-path: polygon(0 44%, 100% 44%, 100% 58%, 0 58%);
      }
  
      90% {
      	-webkit-clip-path: polygon(0 37%, 100% 37%, 100% 28%, 0 28%);
      	clip-path: polygon(0 37%, 100% 37%, 100% 28%, 0 28%);
      }
  
      95% {
      	-webkit-clip-path: polygon(0 12%, 100% 12%, 100% 27%, 0 27%);
      	clip-path: polygon(0 12%, 100% 12%, 100% 27%, 0 27%);
      }
  
      100% {
      	-webkit-clip-path: polygon(0 23%, 100% 23%, 100% 70%, 0 70%);
      	clip-path: polygon(0 23%, 100% 23%, 100% 70%, 0 70%);
      }
  }
  
  @keyframes glitch-anim-1 {
      0% {
      	-webkit-clip-path: polygon(0 8%, 100% 8%, 100% 67%, 0 67%);
      	clip-path: polygon(0 8%, 100% 8%, 100% 67%, 0 67%);
      }
  
      5% {
      	-webkit-clip-path: polygon(0 30%, 100% 30%, 100% 94%, 0 94%);
      	clip-path: polygon(0 30%, 100% 30%, 100% 94%, 0 94%);
      }
  
      10% {
      	-webkit-clip-path: polygon(0 33%, 100% 33%, 100% 94%, 0 94%);
      	clip-path: polygon(0 33%, 100% 33%, 100% 94%, 0 94%);
      }
  
      15% {
      	-webkit-clip-path: polygon(0 86%, 100% 86%, 100% 8%, 0 8%);
      	clip-path: polygon(0 86%, 100% 86%, 100% 8%, 0 8%);
      }
  
      20% {
      	-webkit-clip-path: polygon(0 54%, 100% 54%, 100% 18%, 0 18%);
      	clip-path: polygon(0 54%, 100% 54%, 100% 18%, 0 18%);
      }
  
      25% {
      	-webkit-clip-path: polygon(0 20%, 100% 20%, 100% 47%, 0 47%);
      	clip-path: polygon(0 20%, 100% 20%, 100% 47%, 0 47%);
      }
  
      30% {
      	-webkit-clip-path: polygon(0 89%, 100% 89%, 100% 2%, 0 2%);
      	clip-path: polygon(0 89%, 100% 89%, 100% 2%, 0 2%);
      }
  
      35% {
      	-webkit-clip-path: polygon(0 79%, 100% 79%, 100% 77%, 0 77%);
      	clip-path: polygon(0 79%, 100% 79%, 100% 77%, 0 77%);
      }
  
      40% {
      	-webkit-clip-path: polygon(0 23%, 100% 23%, 100% 71%, 0 71%);
      	clip-path: polygon(0 23%, 100% 23%, 100% 71%, 0 71%);
      }
  
      45% {
      	-webkit-clip-path: polygon(0 4%, 100% 4%, 100% 91%, 0 91%);
      	clip-path: polygon(0 4%, 100% 4%, 100% 91%, 0 91%);
      }
  
      50% {
      	-webkit-clip-path: polygon(0 34%, 100% 34%, 100% 56%, 0 56%);
      	clip-path: polygon(0 34%, 100% 34%, 100% 56%, 0 56%);
      }
  
      55% {
      	-webkit-clip-path: polygon(0 37%, 100% 37%, 100% 23%, 0 23%);
      	clip-path: polygon(0 37%, 100% 37%, 100% 23%, 0 23%);
      }
  
      60% {
      	-webkit-clip-path: polygon(0 69%, 100% 69%, 100% 41%, 0 41%);
      	clip-path: polygon(0 69%, 100% 69%, 100% 41%, 0 41%);
      }
  
      65% {
      	-webkit-clip-path: polygon(0 21%, 100% 21%, 100% 62%, 0 62%);
      	clip-path: polygon(0 21%, 100% 21%, 100% 62%, 0 62%);
      }
  
      70% {
      	-webkit-clip-path: polygon(0 43%, 100% 43%, 100% 99%, 0 99%);
      	clip-path: polygon(0 43%, 100% 43%, 100% 99%, 0 99%);
      }
  
      75% {
      	-webkit-clip-path: polygon(0 29%, 100% 29%, 100% 31%, 0 31%);
      	clip-path: polygon(0 29%, 100% 29%, 100% 31%, 0 31%);
      }
  
      80% {
      	-webkit-clip-path: polygon(0 29%, 100% 29%, 100% 37%, 0 37%);
      	clip-path: polygon(0 29%, 100% 29%, 100% 37%, 0 37%);
      }
  
      85% {
      	-webkit-clip-path: polygon(0 44%, 100% 44%, 100% 58%, 0 58%);
      	clip-path: polygon(0 44%, 100% 44%, 100% 58%, 0 58%);
      }
  
      90% {
      	-webkit-clip-path: polygon(0 37%, 100% 37%, 100% 28%, 0 28%);
      	clip-path: polygon(0 37%, 100% 37%, 100% 28%, 0 28%);
      }
  
      95% {
      	-webkit-clip-path: polygon(0 12%, 100% 12%, 100% 27%, 0 27%);
      	clip-path: polygon(0 12%, 100% 12%, 100% 27%, 0 27%);
      }
  
      100% {
      	-webkit-clip-path: polygon(0 23%, 100% 23%, 100% 70%, 0 70%);
      	clip-path: polygon(0 23%, 100% 23%, 100% 70%, 0 70%);
      }
  }
  
  @-webkit-keyframes glitch-anim-2 {
      0% {
      	-webkit-clip-path: polygon(0 1%, 100% 1%, 100% 55%, 0 55%);
      	clip-path: polygon(0 1%, 100% 1%, 100% 55%, 0 55%);
      }
  
      6.6666666667% {
      	-webkit-clip-path: polygon(0 6%, 100% 6%, 100% 38%, 0 38%);
      	clip-path: polygon(0 6%, 100% 6%, 100% 38%, 0 38%);
      }
  
      13.3333333333% {
      	-webkit-clip-path: polygon(0 76%, 100% 76%, 100% 88%, 0 88%);
      	clip-path: polygon(0 76%, 100% 76%, 100% 88%, 0 88%);
      }
  
      20% {
      	-webkit-clip-path: polygon(0 80%, 100% 80%, 100% 72%, 0 72%);
      	clip-path: polygon(0 80%, 100% 80%, 100% 72%, 0 72%);
      }
  
      26.6666666667% {
      	-webkit-clip-path: polygon(0 31%, 100% 31%, 100% 45%, 0 45%);
      	clip-path: polygon(0 31%, 100% 31%, 100% 45%, 0 45%);
      }
  
      33.3333333333% {
      	-webkit-clip-path: polygon(0 2%, 100% 2%, 100% 84%, 0 84%);
      	clip-path: polygon(0 2%, 100% 2%, 100% 84%, 0 84%);
      }
  
      40% {
      	-webkit-clip-path: polygon(0 67%, 100% 67%, 100% 52%, 0 52%);
      	clip-path: polygon(0 67%, 100% 67%, 100% 52%, 0 52%);
      }
  
      46.6666666667% {
      	-webkit-clip-path: polygon(0 20%, 100% 20%, 100% 89%, 0 89%);
      	clip-path: polygon(0 20%, 100% 20%, 100% 89%, 0 89%);
      }
  
      53.3333333333% {
      	-webkit-clip-path: polygon(0 6%, 100% 6%, 100% 58%, 0 58%);
      	clip-path: polygon(0 6%, 100% 6%, 100% 58%, 0 58%);
      }
  
      60% {
      	-webkit-clip-path: polygon(0 95%, 100% 95%, 100% 81%, 0 81%);
      	clip-path: polygon(0 95%, 100% 95%, 100% 81%, 0 81%);
      }
  
      66.6666666667% {
      	-webkit-clip-path: polygon(0 2%, 100% 2%, 100% 31%, 0 31%);
      	clip-path: polygon(0 2%, 100% 2%, 100% 31%, 0 31%);
      }
  
      73.3333333333% {
      	-webkit-clip-path: polygon(0 7%, 100% 7%, 100% 49%, 0 49%);
      	clip-path: polygon(0 7%, 100% 7%, 100% 49%, 0 49%);
      }
  
      80% {
      	-webkit-clip-path: polygon(0 27%, 100% 27%, 100% 27%, 0 27%);
      	clip-path: polygon(0 27%, 100% 27%, 100% 27%, 0 27%);
      }
  
      86.6666666667% {
      	-webkit-clip-path: polygon(0 1%, 100% 1%, 100% 55%, 0 55%);
      	clip-path: polygon(0 1%, 100% 1%, 100% 55%, 0 55%);
      }
  
      93.3333333333% {
      	-webkit-clip-path: polygon(0 41%, 100% 41%, 100% 6%, 0 6%);
      	clip-path: polygon(0 41%, 100% 41%, 100% 6%, 0 6%);
      }
  
      100% {
      	-webkit-clip-path: polygon(0 5%, 100% 5%, 100% 70%, 0 70%);
      	clip-path: polygon(0 5%, 100% 5%, 100% 70%, 0 70%);
      }
  }
  
  @keyframes glitch-anim-2 {
      0% {
      	-webkit-clip-path: polygon(0 1%, 100% 1%, 100% 55%, 0 55%);
      	clip-path: polygon(0 1%, 100% 1%, 100% 55%, 0 55%);
      }
  
      6.6666666667% {
      	-webkit-clip-path: polygon(0 6%, 100% 6%, 100% 38%, 0 38%);
      	clip-path: polygon(0 6%, 100% 6%, 100% 38%, 0 38%);
      }
  
      13.3333333333% {
      	-webkit-clip-path: polygon(0 76%, 100% 76%, 100% 88%, 0 88%);
      	clip-path: polygon(0 76%, 100% 76%, 100% 88%, 0 88%);
      }
  
      20% {
      	-webkit-clip-path: polygon(0 80%, 100% 80%, 100% 72%, 0 72%);
      	clip-path: polygon(0 80%, 100% 80%, 100% 72%, 0 72%);
      }
  
      26.6666666667% {
      	-webkit-clip-path: polygon(0 31%, 100% 31%, 100% 45%, 0 45%);
      	clip-path: polygon(0 31%, 100% 31%, 100% 45%, 0 45%);
      }
  
      33.3333333333% {
      	-webkit-clip-path: polygon(0 2%, 100% 2%, 100% 84%, 0 84%);
      	clip-path: polygon(0 2%, 100% 2%, 100% 84%, 0 84%);
      }
  
      40% {
      	-webkit-clip-path: polygon(0 67%, 100% 67%, 100% 52%, 0 52%);
      	clip-path: polygon(0 67%, 100% 67%, 100% 52%, 0 52%);
      }
  
      46.6666666667% {
      	-webkit-clip-path: polygon(0 20%, 100% 20%, 100% 89%, 0 89%);
      	clip-path: polygon(0 20%, 100% 20%, 100% 89%, 0 89%);
      }
  
      53.3333333333% {
      	-webkit-clip-path: polygon(0 6%, 100% 6%, 100% 58%, 0 58%);
      	clip-path: polygon(0 6%, 100% 6%, 100% 58%, 0 58%);
      }
  
      60% {
      	-webkit-clip-path: polygon(0 95%, 100% 95%, 100% 81%, 0 81%);
      	clip-path: polygon(0 95%, 100% 95%, 100% 81%, 0 81%);
      }
  
      66.6666666667% {
      	-webkit-clip-path: polygon(0 2%, 100% 2%, 100% 31%, 0 31%);
      	clip-path: polygon(0 2%, 100% 2%, 100% 31%, 0 31%);
      }
  
      73.3333333333% {
      	-webkit-clip-path: polygon(0 7%, 100% 7%, 100% 49%, 0 49%);
      	clip-path: polygon(0 7%, 100% 7%, 100% 49%, 0 49%);
      }
  
      80% {
      	-webkit-clip-path: polygon(0 27%, 100% 27%, 100% 27%, 0 27%);
      	clip-path: polygon(0 27%, 100% 27%, 100% 27%, 0 27%);
      }
  
      86.6666666667% {
      	-webkit-clip-path: polygon(0 1%, 100% 1%, 100% 55%, 0 55%);
      	clip-path: polygon(0 1%, 100% 1%, 100% 55%, 0 55%);
      }
  
      93.3333333333% {
      	-webkit-clip-path: polygon(0 41%, 100% 41%, 100% 6%, 0 6%);
      	clip-path: polygon(0 41%, 100% 41%, 100% 6%, 0 6%);
      }
  
      100% {
      	-webkit-clip-path: polygon(0 5%, 100% 5%, 100% 70%, 0 70%);
      	clip-path: polygon(0 5%, 100% 5%, 100% 70%, 0 70%);
      }
  }

  Pages using this styling

  • the-moons-stellar-companion [info]

  ¶ 1 occurrence
  

  .subhead {
      text-indent: 0em;
  }
  .subhead::first-letter {
      initial-letter: 2;
      font-family: var(--teac);
      padding-right: 2px;
  }
  .customary {
      text-indent: 2em;
  }

  Pages using this styling

  • the-monologue-of-captain-nemo [info]

  ¶ 1 occurrence
  

  :root {
    --accentColor: #FF5512;
    --header-title: "DAYBREAK";
    --header-subtitle: "SOL'S CRUEL PLANET";
    --lgurl: url("http://scp-wiki.wikidot.com/local--files/daybreak/daybreaklogo.png");
  }
  

  Pages using this styling

  • the-moment-of-burial [info]

  ¶ 1 occurrence
  

  .imagediv { float: right; margin: 15px}
  @media (max-width: 540px) {
    .imagediv {
      float: none; text-align:center; margin: auto;
    }
  }
  
  div#header h1 a span {
      font-size: 0px;
  }
  div#header h1 a:before {
      content: "Site-36 Network";
      color: #eee;
      
  }
  div#header h2 span {
      font-size:0px;
      padding: 4px;
  }
  div#header h2:after {
      content: "Theological Containment";
      font-weight: bold;
      color: #f0f0c0;
      padding: 19px 0;
      text-shadow: 1px 1px 1px rgba(0, 0, 0, .8);
      white-space: pre;
  }
  
  #header {
    background-image: url(http://scp-wiki.wdfiles.com/local--files/the-moloch-mentality/36.png)
  }

  Pages using this styling

  • the-moloch-mentality [info]

  ¶ 1 occurrence
  

  :root {
  --header-title: "SCP: North Star";
  --header-subtitle: "Chapter 0 - Initiation";
  --lgurl: url('http://scp-wiki.wikidot.com/local--files/the-minutemen/delta-4-splash.png');
  }

  Pages using this styling

  • the-minutemen [info]

  ¶ 1 occurrence
  

  
  @import URL("https://scp-wiki.wikidot.com/local--files/the-men-with-no-name/stylesheet2.css");
  
  :root {
  
   --title-font: 'gessoregular', normal;
  
  }
  
  #header h1 a {
    background-image: url(https://scp-wiki.wikidot.com/local--files/the-men-with-no-name/viboras2.png);
  }

  Pages using this styling

  • the-men-with-no-name [info]

  ¶ 1 occurrence
  

  .holder {
  border:solid 2px #112211; background:#e8e0c8; padding:25px; margin-bottom: 25px;
  }
  
  .boxer {
  border:solid 1px #112211; background:#fff7e8; padding: 20px; margin-bottom: 10px;
  }
  
  a.footnoteref  {
      color: #039b2e;
  }
  
  .na-note a {
      color: #990314;
  }
  
  .hidden {
  display: none;
  }

  Pages using this styling

  • the-mekhanical-maiden [info]

  ¶ 1 occurrence
  

  :root{
  
  /*
  Variable guide:
  I forgot which variable controls what, sorry
  */
      --accent-h: 276deg;
  
      --primary-accent-1: var(--accent-h) 0% 60%; /* the 2nd layer of the city, table of contents text, city block and blockquote border, info button on the rating module */
      --primary-accent-2: calc(var(--accent-h) - 5deg) 0% 71%; /* the 1st layer of the city, headings */
      --primary-accent-3: calc(var(--accent-h) - 15deg) 0% 68%; /* hr */
  
      --light-accent-1: calc(var(--accent-h) + 12.5deg) 0% 10%; /* bg, header title */
      --light-accent-2: calc(var(--accent-h) + 7.5deg) 0% 80.5%; /* idk */
      --light-accent-3: calc(var(--accent-h) + 5deg) 0% 36%; /* the mountain*/
  
      --dark-accent: calc(var(--accent-h) - 16.5deg) 0% 20%; /* menu under the header, tabs */
   
      --primary-complement: var(--complement-h) 0% 48.5%; /* city block */
      --light-complement: calc(var(--complement-h) + 12.5deg) 0% 75%; /* rating module text, other misc text */
      --dark-complement: var(--complement-h) 0% 81.75%; /* text color */
   
      --assist-color: var(--accent-h) 0% 46%; /* rating module, top bar */
  
      --header-title: "SCP Foundation";
      --header-subtitle: "Division of Alagaddan Studies";
  }
  
  #header::before {
      background-color: hsl(var(--light-accent-1));
      filter: invert(90%);
  }
  
  #header h1 a {
      color: hsl(var(--light-accent-1));
  }
  
  #top-bar div:is(.top-bar, .mobile-top-bar) > ul > li > a:any-link {
      color: hsl(var(--dark-accent-1));
  }
  
  .page-source, .code {
      border: none;
      color: hsl(var(--dark-accent));
      background-color: hsl(var(--light-complement));
  }
  
  .city-block {
      background-color: hsl(var(--primary-complement) / 0.5);
  }
  
  /* ACS color modification based on Midnight Rush/Flopstyle */
  
  div.anom-bar-container {
    --five-color: 150, 150, 150;   /*  red  */
    --four-color: 150, 150, 150;   /*  orange  */
    --three-color: 150, 150, 150;   /*  yellow  */
    --two-color: 150, 150, 150;   /*  blue  */
    --one-color: 150, 150, 150;   /*  green  */
   
    --white-bar: 207, 207, 207;
    --lg-bar: 118, 118, 130;
    --gray-bg: 66, 66, 72;
  }
  
  div.anom-bar-container .danger-diamond > .arrows{
     /* Inverted Arrows */
       background-color: rgb(208, 208, 208) !important;
  }
  
  div.anom-bar-container .anom-bar > .bottom-box{
     /* Horizontal Bar */
       -webkit-box-shadow: 0 -.5rem 0 0 rgb(208, 208, 208) !important;
       -moz-box-shadow: 0 -.5rem 0 0 rgb(208, 208, 208) !important;
       box-shadow: 0 -.5rem 0 0 rgb(208, 208, 208) !important;
  }
  div.anom-bar-container .bottom-box > .diamond-part{
     /* Vertical Bar */
       -webkit-box-shadow: -.5rem 0 0 0 rgb(208, 208, 208) !important;
       -moz-box-shadow: -.5rem 0 0 0 rgb(208, 208, 208) !important;
       box-shadow: -.5rem 0 0 0 rgb(208, 208, 208) !important;
  }
  
  .anom-bar-container.keter .text-part .main-class,
  .anom-bar-container.vlam .text-part .disrupt-class,
  .anom-bar-container.danger .text-part .risk-class {
      background-color: rgba(150, 150, 150, 0.35) !important;
  }
  
  .danger-diamond > .quadrants > div {
      background-color: rgba(150, 150, 150, 0.35) !important;
  }
  

  Pages using this styling

  • the-master-of-keys [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css?family=Pangolin&display=swap');
  :root {
    --logo-image: url("https://scp-wiki.wdfiles.com/local--files/the-man-who-wasnt-there-hub/questions.png");
     --header-title: 'THE MAN WHO WASN’T THERE';
     --header-subtitle: 'What Nobody Knows';
  @import url('https://fonts.googleapis.com/css?family=Pangolin&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Gugi&display=swap');
    --body-width-on-desktop: 50rem;
   --visited-link-color: 156, 12, 12;
  
  
  #header h1 a {
    line-height: 1;
  }
  
  #header h1 a::after {
    transform: translateY(-100%);
    display: block;
  }
  
  }
  .classic {
      display: block;
      font-family: 'Pangolin', cursive;
      font-size: 1.3em;
      background-attachment: scroll;
      background-clip: border-box;
      background-color: transparent;
      background-image: linear-gradient(to top ,rgb(202, 219, 228) 0%, rgb(231, 233, 220) 8%);
      background-origin: padding-box;
      background-position: 0px 8px;
      background-repeat: repeat;
      background-size: 100% 20px;
      border: 1px solid #CCC;
      border-radius: 10px;
      padding: 10px 10px;
      margin-bottom: 10px;
      box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2)
      }
  
  .cyberpunk {
      background-color: #212121;
      border-top: 0.2rem solid red;
      border-bottom: 0.2rem solid red;
      border-radius: 5% 10%;
      color: #e6e6e6;
      padding: 0.5rem 1rem;
      margin: 1em auto;
      width: auto;
      font-size: 1em;
      list-style: discs;
      transition:
  }
  
  .cyberpunk a {
      color: red;
  }
  
  .cyberpunk a:hover {
      color: black;
      background-color: red;
  }
  
  .cyberpunk a:visited {
      color: white;
  }
  
  .nobody {
      width: 70%;
      margin: 1rem auto;
      text-align: center;
      padding: 0.6rem;
      font-size: 1rem;
  }
  
  #page-title {
    display: none;
  }
  
  .meta-title {
    border-bottom: solid 1px #bbbbbb;
    color: #fff;
    font-weight: normal;
    margin: 0;
    padding: 0 0 0.25em;
    font-size: 200%;
    font-family: monospace;
  }
  .meta-title p {
    margin: 0;
  }

  Pages using this styling

  • the-man-who-wasnt-there-hub [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css?family=Pangolin&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Gugi&display=swap');
  
  :root {
     --logo-image:url("http://smlt.wdfiles.com/local--files/plaguebearer%3Anobody/%3F");
     --header-title: 'NOBODY';
     --header-subtitle: ' ';
  }
  
  #skrollr-body {
      width: 100%;
      height: 7.625rem;
      background-image:
      linear-gradient(to bottom, rgba(255,255,255,0) 65%, rgba(0,0,0,1) 100%),
      url('http://scp-wiki.wdfiles.com/local--files/the-man-in-the-white-suit-hub/header.png');
      background-color: black;
      background-repeat: no-repeat;
      background-size: cover;
  }
  .classic {
      display: block;
      font-family: 'Pangolin', cursive;
      font-size: 1.3em;
      background-attachment: scroll;
      background-clip: border-box;
      background-color: transparent;
      background-image: linear-gradient(to top ,rgb(202, 219, 228) 0%, rgb(231, 233, 220) 8%);
      background-origin: padding-box;
      background-position: 0px 8px;
      background-repeat: repeat;
      background-size: 100% 20px;
      border: 1px solid #CCC;
      border-radius: 10px;
      padding: 10px 10px;
      margin-bottom: 10px;
      box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2)
      }
  
  .cyberpunk {
      background-color: #212121;
      border-top: 0.2rem solid red;
      border-bottom: 0.2rem solid red;
      border-radius: 5% 10%;
      color: #FF3300;
      padding: 0.5rem 1rem;
      margin: 1em auto;
      width: auto;
      font-family: 'Gugi', cursive;
      font-size: 1em;
      list-style: discs;
      transition: 
  }
  
  .cyberpunk a {
      color: red;
  }
  
  .cyberpunk a:hover {
      color: black;
      background-color: red;
  }
  
  .cyberpunk a:visited {
      color: white;
  }
  
  .nobody {
      width: 70%;
      margin: 1rem auto;
      text-align: center;
      padding: 0.6rem;
      font-size: 1rem;
  }
  
  #page-title {
    display: none;
  }
  
  .meta-title {
    border-bottom: solid 1px #bbbbbb;
    color: #fff;
    font-weight: normal;
    margin: 0;
    padding: 0 0 0.25em;
    font-size: 200%;
    font-family: monospace;
  }
  .meta-title p {
    margin: 0;
  }

  Pages using this styling

  • the-man-in-the-white-suit-hub [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.bunny.net/css2?family=Special+Elite&display=swap');
  @import url('https://fonts.bunny.net/css?family=Cinzel');
  @import url('https://fonts.bunny.net/css2?family=Inter:wght@100..900&display=swap');
  
  .firstcharacter {
    color: #000;
    float: left;
    font-family: Georgia;
    font-size: 650%;
    line-height: 60px;
    padding-top: 4px;
    padding-right: 5px;
    padding-left: 3px;
  }
  
  .tillytext{
   font-family: "Inter", sans-serif;
  }
  
  .document {
      background: white;
  }
  
  

  Pages using this styling

  • the-madness-sets-in-fast [info]

  ¶ 1 occurrence
  

  :root {
       --header-title: "The Sanest King";
       --header-subtitle: "FUN - FEAR - FINANCE.";
  }
  
  .dropcapParagraph {font-family: Georgia; font-size:125%;}
  .dropcapParagraph p {padding-top:10px;}
  .dropcapSection { }
  
  body {  font-family: Georgia; }
  
  .firstCharacter {
    color: #903;
    float: left;
    font-family: Georgia;
    font-size: 650%;
    line-height: 5rem;
    padding-top: 4px;
    padding-right: 8px;
    padding-left: 3px;
  }
  
  h1 {
    font-size: 2.5em;
    color: #3e3e3e;
  }
  .text-part > .main-class {
  margin-left: 0em;
  }
  .authorlink-wrapper {
    margin: auto !important;
    width: fit-content;
  }
  @media only screen and (min-width: 850px) {
  h1 {
    margin-left: -2rem;
    font-size: 3em;
  }
  }

  Pages using this styling

  • the-mad-three-parties [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Libre+Barcode+39+Extended&display=swap');

  Pages using this styling

  • the-lovers [info]

  ¶ 1 occurrence
  

  :root {
  --foamy-white: 176,196,222;
  --lagoon-hue: 70, 130, 180;
  --header-image: url("    http://scp-sandbox-3.wikidot.com/local--files/illusorymoon/Fisherman1.jpg");
  }
  
  #extra-div-1::after {
  display:none;
  }

  Pages using this styling

  • the-lost-star [info]

  ¶ 1 occurrence
  

  .imagediv { float: right; margin: 15px}
  @media (max-width: 540px) {
    .imagediv {
      float: none; text-align:center; margin: auto;
    }
  }
  
  div#header h1 a span {
      font-size: 0px;
  }
  div#header h1 a:before {
      content: "Holy Foundation";
      color: #eee;
  
  }
  div#header h2 span {
      font-size:0px;
      padding: 4px;
  }
  div#header h2:after {
      content: "Servitude, Chivalry, Piety";
      font-weight: bold;
      color: #f0f0c0;
      padding: 19px 0;
      text-shadow: 1px 1px 1px rgba(0, 0, 0, .8);
      white-space: pre;
  }
  
  #header {
    background-image: url(https://scp-wiki.wdfiles.com/local--files/art%3Adoctors-of-the-church-hub/Holy-Foundation.svg);
    background-size: 90px;
  }

  Pages using this styling

  • the-lord-of-the-redacted [info]

  ¶ 1 occurrence
  

  /* from https://scp-wiki.wikidot.com/dr-cimmerian-s-proposal */
  :root {
      --sp_header-height: 250px;
  }
  
  #extrac-div-1 {
      display: none;
  }
  
  #header {
      grid-template-rows: auto 2fr auto auto 1fr auto;
  }
  
  #header::before {
      align-self: center;
      mix-blend-mode: normal;
  }

  Pages using this styling

  • the-longing [info]

  ¶ 1 occurrence
  

   :root{
     --header-title: "The Wanderers Library";
     --header-subtitle: "The Garden Is The Serpent's Place";
     --lgurl: url(https://scp-wiki.wdfiles.com/local--files/theme:dustjacket-sigma/wl_logo.png);
  }
  
  #header h1 a::before{
       font-family: unset;
  }
  
  #header h2 a::before{
       font-family: unset;
  }

  Pages using this styling

  • the-lizard-who-lived-a-million-lives [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Prata&display=swap');
  
  :root { --body-font: 'Noto Sans Cuneiform', 'Inter', 'Arial', sans-serif; 
    --header-height: clamp(10rem,55vmin,40rem);
    --header-image: url("https://i.imgur.com/1iTLgvG.jpg");
    --footer-image: url("https://i.imgur.com/1iTLgvG.jpg");
  }
  
  #footer, #extrac-div-1, #extrac-div-1 span {
      background-image: var(--footer-image);
      background-size: 100vmax;
      background-attachment: fixed;
      background-position: bottom;
      height: clamp(10rem,55vmin,30rem);
      background-repeat: no-repeat;
  }
  
  #extra-div-1 {
      background-position: top;
  }
  
  .bubble {
      margin: 10px;
      padding: 24px;
      border: 3px solid black;
      border-radius: 12px;
      background-color white;
      min-height: 150px;
  }
  
  }
  .scp-image-block .scp-image-caption{
      font-size: 1.5em;
  }
  
  #wiki-tab-0-0 .bubble .scp-image-block .scp-image-caption{
      display: none;
  }
  
  /*---- Wikimodule integration ----*/
  
  body {
      --wm-bg: var(--foamy-white);
      --wm-accent: var(--lagoon-hue);
      --wm-border: var(--undersea-tone);
  }
  
  /*---- Custom divs ----*/
  
  
  }
  
  .warning-tide {
      box-sizing: border-box;
      border: solid .175rem rgb(var(--stormy-sky));
      position: relative;
      padding: 1rem;
      margin-inline: auto;
  
      font-family: var(--mono-font);
      font-size: 1.125em;
      color: rgb(var(--stormy-sky));
      background-color: rgb(var(--undersea-tone));
  }
  .warning-tide::before {
      content: "";
      position: absolute;
      top: 0; left: 0;
      width: 100%; height: 100%;
      background: linear-gradient(rgb(18, 16, 16, 0.01) 50%, rgb(0, 0, 0, 0.25) 50%), linear-gradient(90deg, rgb(255, 0, 0, 0.1), rgb(0, 255, 0, 0.06), rgb(0, 0, 255, 0.1));
      background-size: 100% 2px, 3px 100%;
      opacity: .875;
      z-index: 1;
      pointer-events: none;
  }
  
  .opener {
      font-size: 1.125em;
      padding: 1.325rem;
      padding-block-end: 0.5rem;
      margin-block-start: 6.25rem;
  }
  
  .warning-header {
      font-weight: bold;
      text-align: center;
      font-size: 1.5em;
      padding: 0.25rem;
      color: rgb(var(--undersea-tone));
      background-color: rgb(var(--stormy-sky));
  }
  
  
  .warning-tide .hili {
      font-weight: bold;
      padding-inline: .125em;
      color: rgb(var(--undersea-tone));
      background-color: rgb(var(--stormy-sky));
  }
  
  /*-------------------------------*/
  
  .mither {
      font-family: var(--header-font);
      color: green;
      font-size: 1.375em;
      line-height: 1.275;
  }
  .mither p { line-height: inherit; }
  
  .scenesetter {
      padding-inline: 1.75rem;
      position: relative;
      padding-block: 3.5rem;
  }
  .scenesetter::before {
      content: "";
      position: absolute;
      top: 0; left: 0;
      width: 100%; height: 100%;
      background-image: var(--header-image);
      background-size: cover;
      background-position: center;
      opacity: 0.225;
      box-shadow: inset 0 0 4rem 4.25rem rgb(var(--foamy-white));
      filter: blur(1.375rem);
      z-index: -1;
  }
  
  .glasscase{
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
  }
  .glassyeye{
      aspect-ratio : 1 / 1;
      width: 50%;
      margin-top: -24px;
      position: relative;
      transition: 0.5s !important;
  }
  .glassyeye:hover{
      filter: hue-rotate(180deg);
  }
  .glassyeye img{
      height: 100%;
      width: 100%;
      object-fit: cover;
      object-position: center;
  }
  .allfolks{
      position: absolute;
      z-index: 5;
      top: 0px;
      left: 10px;
      font-size: 4vh;
      mix-blend-mode: difference;
      filter: invert(1) grayscale(1) contrast(9);
  
  .allfolks a{
      font-weight: bold;
      color:red !important; /*ADD SPECIFICALLY THIS TO CSS*/
  }
  
  @media screen and (min-width: 1200px) {
  .allfolks{
      font-size: 25px;
  }
  }
  @media screen and (max-width: 640px) {
  .glasscase{
      flex-direction: column;
  }
  .allfolks{
      font-size: 4vw;
      top: 3px;
  }
  .glassyeye{
      margin-top: 0px;
      width: 100%;
  }
  

  Pages using this styling

  • the-lion-the-sun-witch-and-the-warlock [info]

  ¶ 1 occurrence
  

  
  #page-content .creditButton p a {
      color:#373737;
  }
  

  Pages using this styling

  • the-lillihammer-test [info]

  ¶ 1 occurrence
  

  :root {
      --logo-image: url("https://scp-wiki.wdfiles.com/local--files/the-liberal-vampire/ZM-1.png");
      --manila-folder: var(--cooper);
      --scully: var(--cooper);
      --doggett: var(--cooper);
      --dead-wood: var(--skinner);
      --manila-folder: var(--cooper);
  
      --hover-link-color: var(--cooper);
      --newpage-color: var(--cooper);
      --link-color: var(--cooper);
      --visited-link-color: var(--skinner);
  }
  
  .logs,
  blockquote,
  div.blockquote {
      font-family: 'Jost', sans-serif;
      --hover-link-color: var(--cooper);
      --newpage-color: var(--cooper);
      --link-color: var(--cooper);
      --visited-link-color: var(--skinner);
  }
  
  #header h1 a {
      background-image: url("https://scp-wiki.wdfiles.com/local--files/the-liberal-vampire/ZM-2.png");
      margin-left: 4em;
  }
  
  @media only screen and (max-width: 56.25rem) {
  #header h1 a {
      margin-left: 7.5em;
  }
  }

  Pages using this styling

  • the-liberal-vampire [info]

  ¶ 1 occurrence
  

  
  #page-title{
      display: none;
  }
  
  @import url('https://fonts.googleapis.com/css?family=PT+Mono&display=swap');
  
  
  hr {
      margin-top: 3em;
  }
  
  div.parapost > hr{
      margin-top: 1em;
  }
  
  :root {
    --fade-in-delay: 0s;
      --bg-light: #262626;
      --bg: #1a1a1a;
      --bg-dark: #000000;
  }
  
  /* 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 p, li{
      color: #f2f2f2;
      font-family: 'PT Mono', monospace;
  }
  
  div.parapost > hr{
      background-color: #f2f2f2 !important;
  }
   
  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;}
  }
  /* Terminal Code */
  div.terminal{
      border: 1px solid black;
      border: solid 3px #BBBBBB;
      border-radius: 16px;
      background-color: #313131;
      /* black shadow at the top of the terminal */
      background-image: 
          radial-gradient(ellipse 1000% 100% at 50% 90%, transparent, #202020);
      background-position: center;
      display: block;
      /* shadow around the terminal */
      box-shadow: inset 0 0 10em 1em rgba(0,0,0,0.5);
      /* prevents scanline from forming a scrollwheel */
      overflow:hidden;
  }
  div.terminal blockquote {
      background-color: black;
      border: double 3px #80FF80
  }
  div.scanline{
      margin-top: -40%;
      width: 100%;
      height: 60px;
      position: relative;
      pointer-events: none;
      /* Safari 4.0 - 8.0 */
      -webkit-animation: scan 12s linear 0s infinite; /* You may need to change this. If the bar goes by too quickly, increase 5s. */
      animation: scan 12s linear 0s infinite; /* Same as above */
      background: linear-gradient(to bottom, rgba(56, 112, 82,0), rgba(56, 112, 82,0.1)) !important;
  }
  
  /* Safari 4.0 - 8.0 */
  @-webkit-keyframes scan{
      from{ transform: translateY(-10%);}
      to{  transform: translateY(5000%);} /* You may need to change this depending on the length of your terminal. If the scanline stops halfway, increase the second number.*/
  }
  
  @keyframes scan{
      from{ transform: translateY(-10%);}
      to{  transform: translateY(5000%);} /* Same as above.*/
  }

  Pages using this styling

  • the-legend-of-the-iron-goat [info]

  ¶ 1 occurrence
  

  
  :is(#side-bar, #interwiki) .heading {
    color: #0ce6f2;
  }
  :is(#side-bar, #interwiki) .menu-item a,
  #top-bar div[class*="top-bar"] > ul > li > a {
    text-transform: uppercase;
  }
  iframe {
      -moz-transform: scale(0.75, 0.75);
      -webkit-transform: scale(0.75, 0.75);
      -o-transform: scale(0.75, 0.75);
      -ms-transform: scale(0.75, 0.75);
      transform: scale(0.75, 0.75);
      -moz-transform-origin: center center;
      -webkit-transform-origin: center center;
      -o-transform-origin: top center center;
      -ms-transform-origin: center center;
      transform-origin: center center;
  }
  
    @media (max-width: 768px) {
  iframe {
      -moz-transform: scale(1.0,1.0);
      -webkit-transform: scale(1.0,1.0);
      -o-transform: scale(1.0,1.0);
      -ms-transform: scale(1.0,1.0);
      transform: : scale(1.0,1.0);
      -moz-transform-origin: center center;
      -webkit-transform-origin: center center;
      -o-transform-origin: top center center;
      -ms-transform-origin: center center;
      transform-origin: center center;
      }
  }

  Pages using this styling

  • the-last-oasis [info]

  ¶ 1 occurrence
  

  .hfbookcontent{
      font-size: 1em !important;
  }

  Pages using this styling

  • the-last-inca [info]

  ¶ 1 occurrence
  

  /* Code shamelessly stolen from Lt Flops from https://scp-wiki.wikidot.com/scp-6881-supplementary-document-foxtrot with her permission (<3) */
   @import url(https://fonts.googleapis.com/css2?family=Klee+One&display=swap); /* NOBODY */
   .page{ /* ---- Page (Adapted From 'RAISA-007710') ---- */
       margin: 1em 0;
       padding: 11px 20px 20px;
  
       background-image:
          linear-gradient(
            to top,
            hsl(0, 0%, 84%) 0%,
            hsl(0, 0%, 93%) 8%);
       background-position: 0 8px;
       background-size: 100% 1.3rem;
       border: 1px solid gray;
  
       font-family: "Klee One", cursive;
  }
   .page p,
   .page ul li{
       margin: 0;
  
       font-size: 1.3rem;
       line-height: 1.3rem;
  }
   .page.nobody p,
   .page.nobody ul li{
       position: relative;
  }
   .page.nobody p{
       top: -.1em;
  }
   .page.nobody ul li{
       top: .25em;
       list-style: disc;
  }
   .big{
       position: relative;
       top: -.2em;
       font-size: 2.6rem;
  }

  Pages using this styling

  • the-lands-nobody-returns-from [info]

  ¶ 1 occurrence
  

  .page {
      display: block;
      overflow: hidden;
      font-family: "Monotype Corsiva", "Bradley Hand ITC", sans-serif;
      font-style: normal;
      color: black;
  
     
      background-attachment: scroll;
      background-clip: border-box;
      background-color: transparent;
      background-image: linear-gradient(to top ,rgb(202, 219, 228) 0%, rgb(231, 233, 220) 8%);
      background-origin: padding-box;
      background-position: 0px 8px;
      background-repeat: repeat;
      background-size: 100% 20px;
      
  
      border: 1px solid #CCC;
      border-radius: 10px;
      padding: 10px 10px;
      margin-bottom: 10px;
  
      box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2)
      }
  .page p {
      line-height: 20px;
      margin: 0;
  }

  Pages using this styling

  • the-lampeter-limited [info]

  ¶ 1 occurrence
  

  :root{
    --header-title: "R\0026 C SITE-43";
    --header-subtitle: "SUBVERTING COMMON PRACTICE";
  }
  
  div#extra-div-1 {
      background-image: url(http://scp-wiki.wdfiles.com/local--files/theme%3Ablankstyle/43Head.png);
      filter: opacity(40%);
  }

  Pages using this styling

  • the-lamest-story-never-told [info]

  ¶ 1 occurrence
  

  .disgusting {
      font-family: Verdana;
  }

  Pages using this styling

  • the-lake-oahe-monster [info]

  ¶ 1 occurrence
  

  #u-start, .textchange div.sitemember:nth-child(2) {display:none;}.type-wrap-wrapper {position: relative;text-align: left;}.type-wrapper {background: #555;}.typearea {color: lime; font-family: "Courier";font-size: 1.2em;margin: 10px 0 0 10px;white-space: nowrap;overflow: hidden;width: 0;}#u-start:target ~ .typearea {width: 100%;animation: type 4s steps(60, end); }.typearea a{color: lime;text-decoration: none;}.blink {animation: blink 1s infinite;}@keyframes type{ from { width: 0; } } @keyframes blink{to{opacity: .0;}}.buttonwrapper {text-align: center;}.likebutton {padding: 0.1em 0.5em;text-decoration: none;font-size: 1.3em;background-color: #770088;border: 1px solid #AAA;color: #000;}.likebutton:hover {background-color: #DDD;color: #000;border: 1px solid #4c137e;}

  Pages using this styling

  • the-kumiho-scp-953 [info]

  ¶ 1 occurrence
  

   :root{
      /* -- TITLES -- */
      --header-title: "KNIGHTFALL";
      --header-subtitle: "The Knights of Wonder";
  }

  Pages using this styling

  • the-knights-of-wonder [info]

  ¶ 1 occurrence
  

  .holder .collapsible-block-folded a.collapsible-block-link { color: green ; font-weight: bold ; text-decoration: underline;}

  Pages using this styling

  • the-knight-of-flowers [info]

  ¶ 1 occurrence
  

  
  div.parawiki-table {
      float: right;
      margin: 0 0 1em 2em;
      width: 320px;
  }
  
  table.para-table {
       margin: 0;
       background: #262626;
       color: white;
       border-collapse: collapse;
       width: 300px;
  }
  
  table.para-table td {
      border: 1px solid #7a7a7b;
  }
  
  table.para-table td.caption {
      text-align: center;
      font-size: 90%;
  }
  
  table.para-table td.main {
      text-align: center;
      font-size: large;
      background: #000;
      border-bottom-color: transparent;
  }
  
  table.para-table td.under-main {
      text-align: center;
      background: #000;
      font-size: 90%;
  }
  
  table.para-table td.line-head {
      text-align: center;
      background: #111;
  }
  

  Pages using this styling

  • the-king-company-textile-plant [info]

  ¶ 1 occurrence
  

  :root{
  /* ---------- Box variables ---------- */
      --blockquote-background-color: 47, 51, 60;
      --UI-opacity: 0.6875;
      --blockquote-border-width: .0875rem;
      --blockquote-border-color: 240, 164, 0;
      --window-shadow: 0 0 0.625rem rgb(var(--UI-dark-palette),0.5);
  
      --UI-dark-palette: 56, 60, 64;
  /* -------------------- */
  }
  
  /* ---------- Box code ---------- */
  .box {
      display: grid;
      grid-template-areas:
          "pic title"
          "pic desc"
          "pic desc";
      grid-template-columns: 30% 70%;
  
      background-color: rgba(var(--blockquote-background-color),var(--UI-opacity));
      border-radius: 1.5rem;
      border: solid var(--blockquote-border-width) rgb(var(--blockquote-border-color));
      box-shadow: var(--window-shadow);
      margin-bottom: 1em;
  }
  
  .pic {
      grid-area: pic;
      display: grid;
      align-self: center;
  
      padding: 1em;
      transition: transform .30s;
  }
  
  .pic:hover {
      transform: scale(1.25);
      z-index: 2;
  }
  .pic:focus-within {
      transform: scale(1.25);
      z-index: 2;
  }
  
  .title {
      display: grid;
      grid-area: title;
      align-self: center;
  
      text-align: center;
      color: #ff8000;
      padding: 0 1em;
  }
  
  .title h2 {
      margin-bottom: 0;
  }
  
  .desc {
      grid-area: desc;
      display: grid;
      align-self: center;
  
      padding: 1em;
      text-align: center;
      color: #ffffff;
  }
  
  .desc p {
      margin-top: 0;
      margin-bottom: 0.5rem;
  }
  
  @media only screen and (max-width: 767.98px) {
  
  .box {
      display: grid;
      grid-template-areas:
          "title title"
          "pic pic"
          "desc desc";
  
      border: solid var(--blockquote-border-width) rgb(var(--blockquote-border-color));
  }
  
  .desc {
      border-top: solid var(--blockquote-border-width) rgb(var(--blockquote-border-color));
  }
  
  div.skip_window {
      padding: 0 0.5em;
      margin: 1.5rem 0;
  }
  
  .skip_window::before {
      padding: 0.625em 1.5rem;
      margin: 1.5rem -0.6em;
  }
  
  .yui-navset.yui-navset-top .yui-content {
      padding: 1em 0.5em;
  }
  
  }
  
  /* -------------------- */

  Pages using this styling

  • the-jeanbauthor-page [info]

  ¶ 1 occurrence
  

  @import url(https://scp-wiki.wikidot.com/theme:ad-abyssum/code/1);
  
  div#container-wrap {
      background-image: url("https://scp-wiki.wdfiles.com/local--files/theme%3Aad-abyssum/tacttheo_banner_4.png");
  }
  
  #header {
      background-image: url("https://upload.wikimedia.org/wikipedia/commons/7/7a/WeirdTalesv36n02pg083_sunrise_ornament.png");
      background-position: center;
      background-size: 40%;
      height: 10rem;
  }
  #header h1,
  #header h2 {
      float: initial;
      text-align: center;
      margin-left: 0rem;
  }
  
  #header h1 a {
      line-height: 8.75rem;
  }
  
  #header h2 {
      line-height: 11rem;
  }
  
  #header h1 a span,
  #header h2 span {
      display: none;
  }
  
  #header h1 a::before {
      color: #ff8000;
      content: "The Sun";
      font-family: 'Martel', serif;
      text-shadow: 0rem 0rem 0.5rem #fff;
  }
  
  #header h2::before {
      color: #3790c0;
      content: "and the Coming of The Dawn";
      font-family: 'Martel', serif;
      text-shadow: 0rem 0rem 0.1rem #fff;
  }
  

  Pages using this styling

  • the-jeanbauthor-page [info]

  ¶ 1 occurrence
  

  .footnoteref{
  color: #FF5555;
  }
  .danke{
  padding: 5px 5px 5px 15px;
  margin-bottom:10px;
  width: 100%;
  font-family: monospace;
  font-size: 1.1em; }
  
  .agent{
  background-color:#002200;
  border: 3px solid #55AA55;
  color: #77CC77;
  }
  
  .site{
  background-color:#222200;
  border: 3px solid #AAAA55;
  color: #DDDD77;
  }
  

  Pages using this styling

  • the-j-e-s-t-e-r-program [info]

  ¶ 1 occurrence
  

  /* HEADER */
   :root{
     --header-title: "The Wanderers' Library";
     --header-subtitle: none;
     --lgurl: url(https://scp-wiki.wdfiles.com/local--files/scattersomnia/QueerLibrary.png);
  }
   #header h1 a::before{
       font-family: unset;
  }
  
  /* INFO BOX */
   .info-container{
       --barColour: hsl(117, 100%, 15%);
       --linkColour: hsl(47, 100%, 68%);
  }

  Pages using this styling

  • the-ironclad-fae [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Anton&family=Playfair+Display+SC&display=swap');
  
  :root {
       --header-title: "Zhujihui";
       --header-subtitle: "Using Divine Energy, Construct Our Tower to the Sky — Secure, Contain, Protect";
  }
  
  div.newspaper-border {
      border: 2px solid black;
  }
  
  div.newspaper-main {
      font-family: 'Special Elite', sans-serif;
  }
  
  div.newspaper-title {
      font-family: 'Playfair Display SC', serif;
      font-size: 4em;
      text-align: center;
  @@ @@
  
      margin: 0.25em;
  }
  
  div.newspaper-banner {
      font-family: serif;
      font-size: 110%;
      border-top-style: solid;
      border-bottom-style: solid;
  }
  
  div.newspaper-headline {
      font-family: 'Anton', serif;
      margin: 2px 0 5px;
      text-align: center;
  }
  
  div.newspaper-reporter {
      font-family: serif;
      font-size: 120%;
      font-style: italic;
      text-align: center;
  }
  
  div.newspaper-body {
      font-family: serif;
      font-size: 1.2em;
      text-align: justify;
      text-justify: inter-word;
      line-height: 1.4em;
      padding: 1em;
  }
  
  div.newspaper-body div.scp-image-block {
      margin: 0.5em 0 0 1em;
  }
  
  div.rejection {
      border: 4px solid #ff4040;
      border-radius: 30px;
      font-weight: bold;
      color: #ff4040;
      text-align: center;
      margin: 0.5em;
  }
  
  div.rejection-wrap {
       transform: rotate(-3.8deg);
       width: 35vw;
       margin-bottom: 1em;
       margin-left: 3em;
  }
  
  @media only screen and (max-width: 768px) {
      div.rejection-wrap {
          min-width: 60vw;
          width: 70vw;
          margin-left: -3em;
      }
  }
  
  div.appeal {
      margin-top: 5em;
  }
  
  blockquote .inner,
  div.blockquote .inner {
      border: .0625rem dashed rgba(var(--swatch-border-color), .95);
      box-shadow: none;
  }
  
  .email {
      background-position: top 7.5px right 7.5px;
      background-size: 70px;
      background-repeat: no-repeat;
      border: solid 3px #B30030;
      padding: 1px 15px;
      margin: auto;
      margin-top: 10px;
      margin-bottom: 10px;
      width: 85%;
  }
  
  .email hr {
      border: 0;
      border-top: 2px solid #B30030;
      margin: 1em;
      padding: 0;
      display: block;
      height: 0;
  }

  Pages using this styling

  • the-hubris-of-the-broken [info]

  ¶ 1 occurrence
  

  :root{
    --header-title: "Site-59";
    --header-subtitle: "Secretly Conducting Parties";
  }
  
  div#extra-div-1 {
      background-image: url(https://scp-wiki.wdfiles.com/local--files/the-holiday-special/header.png);
      filter: opacity(100%);
  }
  #header-extra-div-1, #header-extra-div-2, #header-extra-div-3 {
  top: 0;
  }

  Pages using this styling

  • the-holiday-special [info]

  ¶ 1 occurrence
  

  :root {
   --borderColor: #DE471E;
  }

  Pages using this styling

  • the-heist [info]

  ¶ 1 occurrence
  

  #header{
       --header-title: "THE HEIST";
       --header-title-mobile: "THE HEIST";
  }

  Pages using this styling

  • the-heist [info]

  ¶ 1 occurrence
  

  :root {
      --header-title: 'The Heaviest Matter of the Universe';
      --header-subtitle: 

  Pages using this styling

  • the-heaviest-matter-of-the-universe [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Philosopher&display=swap');
  
  :root {
    --fade-in: 0;
  }
  
  .storybook {
       font-family:Philosopher;
       background-image: url( https://scp-wiki.wikidot.com/local--files/scp-8166/paper-min%5B1%5D.png);
       padding:15px;
       font-size: 105%;
       border: 2px solid #5d0f87;
  }
  
  hr {
      margin: 3em 2em;
  }
  

  Pages using this styling

  • the-heart-grows-fonder [info]

  ¶ 1 occurrence
  

  
  :root {
    --fade-in-delay: 0s;
  }
  
  .blockquote {
      border: 1px solid #999 !important;
  }
  
  .blockquote > .blockquote {
      background-color: rgb(46,92,142);
      color: rgb(230,229,220);
      border: 2px solid rgb(124,175,230) !important;
  }
  
  
  
  .excerpt {
     font-family: ui-monospace, monospace;
  }
  

  Pages using this styling

  • the-hard-to-define-reptile [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css?family=Playfair+Display:400,700,900,400italic,700italic,900italic');
  @import url('https://fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic,700italic');
  
  a:visited {
  color: #BC4123;
  }
  
  #main-content {
      background-color: #ffffca;
  }
  
  h1, #page-title {
      font-family: 'Playfair Display', serif;
      color: black;
      padding: 0 0 0.25em;
      margin: 0 0 0.6em;
      font-weight: normal;
  }
  h1 {
      margin-top: 0.7em;
      padding: 0;
      font-weight: bold;
  }
  h2, h3, h4, h6, h7 {
      margin: 0.5em 0 0.4em;
      padding: 0;
      font-family: 'Playfair Display', serif;
      color: black;
      font-style: italic;
      letter-spacing: 1px;
      text-shadow: 1px 1px 1px #000000;
      text-shadow: 1px 1px 1px rgba(0,0,0,.8);
  }
  h5 {
     margin: 0.5em 0 0.4em;
      padding: 0;
      font-family: 'Playfair Display', serif;
      color: black;
      font-style: italic;
      letter-spacing: 1px;
  }
  #page-title {
      border-color: black;
  }
  
  .head-box-2{
      font-family: 'Playfair Display', serif;
      padding: 10px 15px 10px 15px;
      width: 89%;
      position: relative;
      text-align: left;
      line-height: 20px;
      display: inline-block;
      margin: 0 25px 20px -360px;
      background-color: #fdf5e8;
      border-radius: 8px 8px 8px 8px;
      font-size: 1.5em;
  }
  
  .head-box{
      font-family: 'Playfair Display', serif;
      padding: 10px 15px 10px 15px;
      width: 89%;
      position: relative;
      border: 3px double #BC4123;
      text-align: left;
      line-height: 20px;
      display: inline-block;
      margin: 0 25px 20px -360px;
      border-radius: 8px 8px 8px 8px;
      background-color: #fdf5e8;
      
  }
  
  
  .head{
      text-align: right;
      position: relative;
  }
  
  .main-body-div{
      font-family: 'Droid Serif', serif;
      font-size: 1.5em;
      line-height: 20px;
      width: 89%;
      display: inline-block;
      padding: 0 1% 0 1%;
      vertical-align: top;
      margin-bottom: 25px;
      transition: all .7s;
      border-left: 3px double #BC4123;
      border-top: 3px double #BC4123;
  }
  
  blockquote {
      background-color:  #fdf5e8;
      color: black;
      font-family: 'Droid Serif', serif;
      list-style: none;
  }
  .main-body-div-r{
      font-family: 'Droid Serif', serif;
      font-size: 1.5em;
      line-height: 20px;
      width: 89%;
      display: inline-block;
      padding: 0 1% 0 1%;
      vertical-align: top;
      margin-bottom: 25px;
      transition: all .7s;
      border-right: 4px double #BC4123;
      border-bottom:  3px double #BC4123;
      
  }
  }
  
  #header h1 a {
      font-family: "comic sans mf", times, serif;
      content: "In the King's Court,";
  }
   
  #header h1 a::before {
      font-family: "comic sans mf", times, serif;
      content: "In the King's Court,";
  }
   
  #header h1 a span{
      display: block;
      content: "";
      visibility: hidden;
  }
  
  #header h2 span {
      display: block;
      margin: 0;
      padding: 19px 0;
      line-height: 0px;
      max-height: 0px;
      font-weight: bold;
      color: transparent;
      text-shadow: none;
  }
  
  #header h2 span::before {
      content: "Everyone wears a mask.";
      display: block;
      margin: 0;
      padding: 0px 0;
      line-height: 0px;
      max-height: 0px;
      font-weight: bold;
      color: #ffffff;
      text-shadow: 1px 1px 1px #000;
      text-shadow: 1px 1px 1px rgba(0,0,0,.8);
  }

  Pages using this styling

  • the-hanged-king-s-comedy [info]

  ¶ 1 occurrence
  

  .imagediv { float: right; margin: 15px}
  @media (max-width: 540px) {
    .imagediv {
      float: none; text-align:center; margin: auto;
    }
  }
  
  div#header h1 a span {
      font-size: 0px;
  }
  div#header h1 a:before {
      content: "Site-13K Network";
      color: #eee;
      
  }
  div#header h2 span {
      font-size:0px;
      padding: 4px;
  }
  div#header h2:after {
      content: "Integrated Facility Complex";
      font-weight: bold;
      color: #f0f0c0;
      padding: 19px 0;
      text-shadow: 1px 1px 1px rgba(0, 0, 0, .8);
      white-space: pre;
  }
  
  #header {
    background-image: url(https://scp-wiki.wdfiles.com/local--files/the-green-machine/13.png)
  }

  Pages using this styling

  • the-green-machine [info]

  ¶ 1 occurrence
  

  .danke{
  padding: 5px 5px 5px 15px;
  margin-bottom:10px;
  width: 75%;
  font-family: monospace;
  font-size: 1.5em; }
  
  .agent{
  background-color:#002200;
  border: 3px solid #55AA55;
  color: #77CC77;
  }
  
  .site{
  background-color:#222200;
  border: 3px solid #AAAA55;
  color: #DDDD77;
  }

  Pages using this styling

  • the-green-machine [info]

  ¶ 1 occurrence
  

  :root {
  --header-title: "Church of Evolutionism";
  --header-subtitle: "We Evolved in the Dark";
  --lgurl: url('https://scp-sandbox-3.wdfiles.com/local--files/freezermonkey-the-great-orb/DNA%20and%20Man.png');
  }
  .info-container{
  --barColour: #434242; — this is the colour of the bar and the author button
  --linkColour: #FFF; — this is the colour of the "i" and the text within the author button
  }
  #page-title {display: none;}

  Pages using this styling

  • the-great-orb [info]

  ¶ 1 occurrence
  

  
      .rmposttitle {
          width: auto;
          height: auto;
          padding: 0px 20px 0px 50px;
      }

  Pages using this styling

  • the-graveyard [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css?family=Reenie+Beanie');
  
  .footnotes-footer { 
  display:none;
  }
  
  .page {
      display: block;
      overflow: hidden;
      font-family: "Monotype Corsiva", "Bradley Hand ITC", sans-serif;
      font-style: normal;
  
     
      background-attachment: scroll;
      background-clip: border-box;
      background-color: transparent;
      background-image: linear-gradient(to top ,rgb(202, 219, 228) 0%, rgb(231, 233, 220) 8%);
      background-origin: padding-box;
      background-position: 0px 8px;
      background-repeat: repeat;
      background-size: 100% 20px;
      
  
      border: 1px solid #CCC;
      border-radius: 10px;
      padding: 10px 10px;
      margin-bottom: 10px;
  
      box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2)
      }
  .page p {
      line-height: 20px;
      margin: 0;
  }

  Pages using this styling

  • the-good-ending [info]

  ¶ 1 occurrence
  

  #page-title { display: none; }
  
  :root {
      --fnColor: #069420;
  }
  sup {
      top: -0.4em;
      padding-left: 2px;
      padding-right: 2px;
  }
  .fnnorm {
      line-height: 1.5;
  }
  .fncon p {
      margin-block-start: 0.4em;
      margin-block-end: 0.4em;
  }
  .fncon {
      position: fixed;
      bottom: 1.5rem;
      left: calc(15% - 50px);
      width: 70%;
      transition:
       opacity 0.15s linear var(--fnLinger),
       left var(--fnTransition) cubic-bezier(.08,.72,.5,.94) var(--fnLinger),
       visibility 0.01s linear var(--fnInteract);
  }
  .fnnum:hover + .fncon, .fncon:is(:hover,:focus-within) {
      left: 15%;
      transition:
       opacity 0.15s linear,
       left var(--fnTransition) cubic-bezier(.08,.72,.5,.94);
  }
  #container-wrap-wrap {
  overflow-x: hidden;
  }

  Pages using this styling

  • the-golem-of-prague [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Iceberg&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Philosopher&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Domine&display=swap');
  
  /* the background and the header color, as well as select elements (the byline and the fancyborder) were taken from Flopstyle DARK. The fonts were selected based on FRATRICIDE and SCP-8166*/
  
  :root{
      --header-gold: 211, 166, 71;
      --header-light: 255, 234, 190;
      --dark-yellow: 126, 103, 53;
  
      --body-font-primary: 'Philosopher'; 
  
      /* ----------------- colors ----------------- */
      --basalt-primary-color: 47, 51, 60;
      --basalt-secondary-color: 36, 39, 46;
      --basalt-tertiary-color: 211, 166, 71;
  
      --basalt-undertone: 162, 68, 127;
      --basalt-bright-element-color: 198, 93, 160; 
      --basalt-dark-element-color: 198, 93, 160;
      --basalt-UI-dark-palette: 90, 38, 71;
      --basalt-light-text-color: 182, 165, 129;
  
      --basalt-alternate-color: 126, 82, 32;
      --basalt-positive-color: 236, 160, 208;
      --basalt-negative-color: 176, 164, 228;
      --general-border-color: 128, 92, 21;
  
      /* ----------------- header ----------------- */
      --header-logo: url('https://scp-wiki.wdfiles.com/local--files/her-golden-wings/image.png');
      --header-title: 'Amoni-Ram';
      --header-font-primary: 'Iceberg';
      --header-title-color: var(--header-gold);
      --header-background-color: 21, 24, 30;
      --base-header-height: calc((var(--title-size) + var(--subtitle-size)) *1.325 + 1rem);
      --subtitle-size: 1rem;
  
      /* ----------------- top bar ----------------- */
      --top-bar-link-color: var(--basalt-light-text-color);
      --top-bar-dropdown-background: var(--basalt-UI-dark-palette);
      --top-bar-dropdown-background-hover: var(--basalt-undertone);
  
      /* ----------------- sidebar ----------------- */
      --side-bar-background-color: 36, 39, 46;
      --side-bar-heading-text-color: var(--header-gold);
      --side-bar-heading-text-color-hover: var(--header-gold);
      --side-bar-heading-background-color: var(--header-background-color);
      --side-bar-link-color: var(--top-bar-link-color);
      --side-bar-link-background-hover: var(--top-bar-dropdown-background);
  
      /* ----------------- edit box, footer, rate module ----------------- */
      --rate-module-background-color: var(--dark-yellow);
      --bottom-area-text-color: var(--top-bar-link-color);
      --footer-link-color: var(--header-gold);
      --license-area-divider-color: var(--basalt-tertiary-color);
      --edit-area-toolbar-background-color: var(--dark-yellow);
      --edit-area-ancillary-background-color: var(--edit-area-toolbar-background-color);
  
      /* ----------------- misc ----------------- */
      --hr-color: 128, 92, 21;
      --title-border-color: 128, 92, 21;
      --button-text-color: var(--top-bar-link-color);
      --blockquote-background-color: var(--header-background-color);
      --scrollbar-track-color: var(--dark-yellow);
      --scrollbar-thumb-color: var(--basalt-light-text-color);
  }
  
  #header h1 a span::after {
      display: none;
  }
  
  #page-title, .meta-title {
      margin-top: 1em;
      border-bottom: solid 0.125rem rgb(128, 92, 21);
      color: rgb(var(--header-gold));
      font-size: 3em;
   } 
  
  :is(#side-bar, #interwiki) .heading {
      font-size: calc(var(--header-UI-font-size) * .5);
  }
  
  p {
      font-size: 1.15rem;
      line-height: 1.3;
      text-indent: 2rem;
      text-align: justify;
  }
  
  blockquote, div.blockquote {
      background-color: rgba(var(--blockquote-background-color), 0.5);
  }
  
  .collapsible-block-content p {
      font-size: var(--true-font-size);
      text-indent: unset;
  }
  
  #html-body .hovertip {
      font-family: var(--UI-font);
      color: rgb(var(--basalt-light-text-color))!important;
  }
  
  div[id*="page-options-bottom"] > a {
      color: rgb(var(--basalt-light-text-color))!important;
  }
  
  #more-options-button, #delete-button {
      background-color: rgb(var(--dark-yellow))!important;
      color: rgb(var(--basalt-main-text-color))!important;
  }
  
  #delete-button {
      color: rgb(var(--basalt-light-text-color))!important;
  }
  
  div[id*="page-options-bottom"] > a:is(:hover,:focus) {
      color: rgb(var(--basalt-light-text-color))!important;
  }
  
  #license-area::after {
      background-image: unset;
  }
  
  /* ---- BYLINE from Flopstyle DARK ---- */
   .byline {
      display: flex;
      margin-top: -.13rem;
  
      text-align: center;
  }
   
   .byline p {
      display: flex;
      flex-direction: column;
      align-items: center;
      max-width: 55%;
      margin: auto; 
      font-size: 95%;
      text-indent: unset;
   
      line-height: 0.5;
  }
   
   @media (max-width: 767px) {
        .byline p {
          max-width: unset;
      }
  }
   
   .byline span:nth-of-type(1):before,
   .byline span:nth-of-type(2):before {
      padding-right: .27rem;
   
      color: var(--header-light);
   
      font: 100%/1 "Lucida Sans Unicode", "Lucida Grande", "Arial Unicode MS", sans-serif;
  }
   
   .byline span:nth-of-type(1):before {
      color: rgb(128, 92, 21);
      content: "✎"
  }
   
   .byline span:nth-of-type(2):before {
      content: " "
  }
   
   .byline span:nth-of-type(2):after {
      content: " "
  }
  
  /* ---- FANCYBORDER from Flopstyle DARK ---- */
   .fancyborder {
       margin: auto 3vw;
       padding: 2vw;
       font-family: 'Domine', var(--body-font-fallback);
   
       border: 2vw solid;
       border-image: url(https://scp-wiki.wikidot.com/local--files/theme:flopstyle-dark/wl_border.png) 600 round;
       border-image-width: 6;
  }
  
  .fancyborder p {
       font-size: 1rem;
       font-style: italic;
  }
  

  Pages using this styling

  • the-golden-threads-weaving-us-together [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Spectral');
  @import url('https://fonts.googleapis.com/css2?family=Metal+Mania&family=Nanum+Pen+Script&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&family=Spectral:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Merienda:wght@300..900&display=swap');
  
  .eo {
    display: inline-block;
    color: black;
    font-family: "Merienda";
    font-weight: 80;
    font-style: normal;
    font-size: 1.1em;
  }
  .eo2 {
    display: inline-block;
    color:  #300d87;
    font-family: "Merienda";
    font-weight: 80;
    font-style: normal;
    font-size: 1.1em;
  }

  Pages using this styling

  • the-ghost-of-molly-roger [info]

  ¶ 1 occurrence
  

  
  .papernote {
      background-color: #eaeeef;
      color: #21252E !important;
      padding: 0.1rem 0.5rem 0.5rem 0.5rem;
      box-shadow: 1px 1px 3px 2px rgb(0 0 0 / 30%);
      margin: auto;
      width: 100%;
  }
  .danke {
      padding: 5px;
      margin-bottom:10px;
      font-family: monospace;
      font-size: 1.25em;
  }
  
  .agent {
      background-color:#002200;
      border: 3px solid #55AA55;
      color: #0cb9cc;
  }
  
  .site {
      background-color:#222200;
      border: 3px solid #AAAA55;
      color: #DDDD77;
  }

  Pages using this styling

  • the-gates-of-horn-and-ivory [info]

  ¶ 1 occurrence
  

  /*
      Third Law Canon, Dead King's March Theme
      [2025 Wikidot Theme]
      A variant of the Third Law Theme created by Anorrack.
      Based on SCP Sigma 9 Theme created by Aelanna and Dr Devan and the deprecated Sapphire Theme by stormbreath, Lt Flops, and Uncle Nicolini.
      The Station font was created by Nick Matavka and is licensed under the SIL Open Font License.
      The Cuneiform God logo ("DINGR") was created by Geoff Richards and falls under the public domain.
  */
   
  h1, #page-title {
      color: #003153;
  }
   
  #page-title {
      border-color: #315B7D;
  }
   
  body {
      background-color:  #e5e5e5;; /* page background*/
       color: #0c0c0c;
   
       --neutral: #e5e5e5;
       --key: #17181c;
       --sapphire-muted: #151a61;
       --sapphire: #000880;
       --sapphire-mid: #2634f2;
       --sapphire-light: #666999;
       --white-sapphire: #ebebf0;
       --gray-sapphire: #5b5b5d;
       --light: #bbb;
       --mid-light: #999;
       --mid: #9b9ca1;
       --mid-dark: #666;
       --dark: #333;
       --grad-1: #5b5b5b;
       --grad-2: #878787;
       --bone-white: #e9ebf0
  }
   
  div#container-wrap {
      background-image: url(https://scp-wiki.wdfiles.com/local--files/theme%3Asapphire/sapphire-body-bg.png);
  }
   
  /* COMMON */
   h1,
   #page-title {
       color: var(--sapphire-muted);
  }
   h1 {
       margin-top: 0;
       padding: 0;
       font-weight: bold;
  }
   #page-title {
       border-color: #0d0e26;
  }
   a {
       color: var(--sapphire-muted);
  }
   a.newpage {
       color: var(--sapphire-light);
       font-weight: bold;
  }
   #side-bar a {
       color: var(--sapphire-muted);
  }
   a:visited {
       color: var(--sapphire);
  }
   a.collapsible-block-link {
       font-weight: bold;
  }
   
  #header {
      background-image: url(http://scp-sandbox-3.wikidot.com/local--files/anorrack-iv/god_white.png);
  background-repeat: no-repeat;
      background-size: 110px;
      background-position: 0px 50px;
  }
   
   
  #search-top-box-input {
      border: solid 1px #0c1121;
      color: var(--bone-white);
      background-color: #640d14;
  }
   
  #search-top-box-input:hover,
  #search-top-box-input:focus {
      border: solid 1px #bfc3d4;
      color: var(--bone-white);
      background-color: #e85f5c;
  }
  #search-top-box-form input[type=submit] {
      border: solid 1px #0c1121;
      color: var(--bone-white);
      background-color: #640d14;
      background: linear-gradient(to bottom, #640d14,#7f1023);
  }
   
  #search-top-box-form input[type=submit]:hover,
  #search-top-box-form input[type=submit]:focus {
      border: solid 1px #bfc3d4;
      color: var(--bone-white);
      background-color: #640d14;
      background: linear-gradient(to bottom, #7f1023,#640d14);
  }
  
  #header h1 a::before {
      content: "𒐁RD LAW";
      color: var(--bone-white);
  }
   
  #header h2 span::before {
      content: "PAX IRKALLA";
      color: #ff0000;
  }
  
   
  #search-top-box-input {
       border: solid 1px var(--neutral);
       color: var(--sapphire-mid);
       background-color: var(--key);
  }
   #search-top-box-input:hover,
   #search-top-box-input:focus {
       border: solid 1px var(--white-sapphire);
       color: white;
       background-color: var(--gray-sapphire);
  }
   #search-top-box-form input[type=submit] {
       border: solid 1px var(--neutral);
       color: var(--neutral);
       background-color: var(--dark);  
       background: linear-gradient(to bottom, var(--grad-2), var(--grad-1), var(--dark));
  }
   #search-top-box-form input[type=submit]:hover,
   #search-top-box-form input[type=submit]:focus {
       border: solid 1px white;
       color: white;
       text-shadow: 0 0 1px rgba(255,255,255,.25);
       background-color: var(--mid);
       background: linear-gradient(to bottom, var(--neutral), var(--grad-2), var(--grad-1));
  }
   #login-status {
       color: var(--neutral);
  }
   #login-status a {
       color: var(--neutral);
  }
   #login-status ul a {
       color: var(--sapphire);
  }
   #account-topbutton {
       background: var(--light);
       color: var(--sapphire);
  }
   
  /* TOP MENU */
   #top-bar a {
       color: var(--light);
  }
   #top-bar ul li ul {
       border: solid 1px var(--mid-dark);
       box-shadow: 0 2px 6px rgba(0,0,0,.5);
  }
   #top-bar ul li a {
       border-left: solid 1px rgba(64,64,64,.1);
       border-right: solid 1px rgba(64,64,64,.1);
  }
   #top-bar ul li.sfhover a,
   #top-bar ul li:hover a {
       background: var(--dark);
       color: var(--neutral);
       border-left: solid 1px rgba(64,64,64,1);
       border-right: solid 1px rgba(64,64,64,1);
  }
   #top-bar ul li.sfhover ul li a,
   #top-bar ul li:hover ul li a {
       border-top: 1px solid var(--dark);
  }
   #top-bar ul li.sfhover a:hover,
   #top-bar ul li:hover a:hover {
       background: var(--mid-light);
  }
   #top-bar ul li ul a,
   #top-bar a:hover {
       color: var(--neutral);
  }
   
  /* SIDE MENU */
   .menu-item > .image {
       filter: hue-rotate(236deg) saturate(50%) brightness(111%) !important;
       -webkit-filter: hue-rotate(236deg) saturate(50%) brightness(111%) !important;
  }
   #side-bar .side-block {
       border: 1px solid var(--dark);
       background: var(--neutral);
       border-radius: 0px;
       box-shadow: 0 2px 6px rgba(102,102,102,.5);
  }
   #side-bar .heading {
       color: var(--dark);
       border-bottom: solid 1px #000880;
       border-bottom: solid 1px var(--sapphire);
  }
   #side-bar p {
       margin: 0;
  }
   #side-bar div.menu-item {
       margin: 2px 0;
  }
   #side-bar .collapsible-block-folded {
       background: none;
  }
   #side-bar .collapsible-block-unfolded-link {
       border-bottom: solid 1px var(--dark);
  }
   #side-bar .collapsible-block-unfolded-link .collapsible-block-link {
       color: var(--dark);
  }
   #side-bar .collapsible-block-unfolded-link .collapsible-block-link:hover {
       color: var(--mid-dark);
  }
   #side-bar .floating-ad img {
       border-radius: 0px;
       filter: hue-rotate(236deg) saturate(50%) brightness(111%);
       -webkit-filter: hue-rotate(236deg) saturate(50%) brightness(111%);
  }
   
  /* SIDEBAR CHANGES PER NAV UPDATE */
   #side-bar .side-block[style="background-color: #fff0f0;"] {
       background-color: var(--neutral) !important;
  }
   #side-bar .side-block[style="background-color: #e5e5ff;"] {
       background-color: var(--neutral) !important;
  }
   
  /* YUI-TABS */
   .yui-navset .yui-content {
       background-color: var(--neutral);
  }
   .yui-navset .yui-nav a,
   .yui-navset .yui-navset-top .yui-nav a {
       background-color: var(--dark);
  }
   .yui-navset .yui-nav .selected a,
   .yui-navset .yui-nav .selected a:focus, /* NO FOCUS EFFECT FOR SELECTED */
   .yui-navset .yui-nav .selected a:hover { /* NO HOVER EFFECT FOR SELECTED */
       background: var(--dark); /* SELECTED TAB BACKGROUND */
       color: white;
  }
   .yui-navset .yui-nav a:hover,
   .yui-navset .yui-nav a:focus {
       background: var(--light);
       text-decoration: none;
  }
   .yui-navset .yui-nav,
   .yui-navset .yui-navset-top .yui-nav {
       border-color: var(--dark);
  }
   .yui-navset li {
       line-height: normal;
  }
   
  /* AYERS' INFO MODULE */
   :root {
       --cutColour: #050505;
       --barColour: var(--sapphire-muted);
  }
   
  /* INFO PANE */
   .rate-box-with-credit-button {
       background-color: var(--sapphire-muted) !important;
       border: 1px solid var(--sapphire-muted) !important;
       border-radius: 0 !important;
       box-shadow: 1px 1px 3px rgba(0,0,0,.5) !important;
  }
   .rate-box-with-credit-button .creditButton p a {
       border-left-color: var(--sapphire-light) !important;
  }
   .rate-box-with-credit-button .page-rate-widget-box .cancel {
       border-radius: 0;
  }
   .rate-box-with-credit-button .fa-info:hover {
       color: var(--sapphire-light) !important;
  }
   .rate-box-with-credit-button .page-rate-widget-box .rate-points {
       border-left: 0;
  }
   .close-credits {
       filter: hue-rotate(236deg);
  }
   .modalbox {
       box-shadow: 0 1px 10px rgba(39,51,221,.3) !important;
  }
  
   @media (max-width: 767px) {
       #top-bar .open-menu a {
           border: 0.2em solid var(--mid-light);
           background-color: white;
           color: var(--mid-light);
      }
       #side-bar {
           background-color: var(--sapphire-light);
      }
   
  #header h1 a::before {
          content: "𒐁RD LAW";
          font-size: 6vw;
          padding-inline-start: 55px;
      }
   
   
      #header h2 span::before {
          content: 'PAX IRKALLA';
          padding-inline-start: 55px;
      }
  }
  
  /* RATING MODULE */
   div.page-rate-widget-box .rate-points {
       background-color: var(--sapphire-muted);
       border: solid 1px var(--sapphire-muted);
       border-radius: 0;
  }
   .page-rate-widget-box .rateup,
   .page-rate-widget-box .ratedown {
       background-color: var(--neutral);
       border-top: solid 1px var(--sapphire-muted);
       border-bottom: solid 1px var(--sapphire-muted);
       font-weight: bold;
  }
   .page-rate-widget-box .rateup a,
   .page-rate-widget-box .ratedown a {
       background: none;
       color: var(--sapphire-muted);
       padding: 0 4px;
       margin: 0 1px;
  }
   .page-rate-widget-box .rateup a:hover,
   .page-rate-widget-box .ratedown a:hover {
       background: var(--sapphire-muted);
       color: white;
       text-decoration: none;
  }
   .page-rate-widget-box .cancel {
       background-color: var(--sapphire-muted);
       border: solid 1px var(--sapphire-muted);
       border-left: 0;
       border-radius: 0;
  }
   .page-rate-widget-box .cancel a {
       background: transparent;
       color: var(--sapphire-light);
  }
   .page-rate-widget-box .cancel a:hover {
       border-radius: 0;
       background: var(--sapphire-muted);
       color: white;
       text-decoration: none;
  }
   @media (max-width: 767px) {
       #top-bar .open-menu a {
           border: 0.2em solid var(--mid-light);
           background-color: white;
           color: var(--mid-light);
      }
       #side-bar {
           background-color: var(--sapphire-light);
      }
  }

  Pages using this styling

  • the-fruit-of-eight-millennia [info]

  ¶ 1 occurrence
  

  /* This theme overrides some of the Swirling Ashes headers.
   * Made by Croquembouche for djkaktus' The Four Arcana. */
   
  /* Replace the sky with an aurora. */
  body::before {
    background-image: url(http://scp-wiki.wikidot.com/local--files/the-four-arcana/sky.webp);
    background-size: 1500px calc(var(--header-height-on-desktop));
    animation-duration: 360s;
  }
  
  /* Replace the buildings. */
  div#container-wrap-wrap::before {
    background-image: url(http://scp-wiki.wikidot.com/local--files/the-four-arcana/skyline.png);
  }
   
  @keyframes sky {
    from { background-position: 1500px 0; }
    to { background-position: 0 0; }
  }
   
  /* Replace fog layers with snow */
  div#container-wrap-wrap::after, body::after {
    background-image: url(http://scp-sandbox-3.wikidot.com/local--files/croquemtest2/snow.webp);
    background-size: var(--ashes-width);
    background-repeat: repeat;
    animation: ashes-move linear var(--ashes-move-duration) infinite;
    opacity: 0.8;
  }
  div#container-wrap-wrap::after {
    --ashes-move-duration: 37s;
    --ashes-width: 250px;
  }
  body::after {
    --ashes-move-duration: 30s;
    --ashes-width: 400px;
  }
  @keyframes ashes-move {
    from { background-position: 0 0; }
    to { background-position: var(--ashes-width) var(--ashes-width); }
  }
  
  #page-content .info-container {
      --link-color: rgb(var(--swatch-text-general));
  }
  
  #page-content .info-container .translation_block {
      display: none;
  }
  
  #page-content .info-container .collapsible-block-link,
  #page-content .info-container:hover .collapsible-block-link {
      line-height: 1.6em;
  }
  
  #page-content .info-container .collapsible-block-folded,
  #page-content .info-container .collapsible-block-unfolded-link {
      display: grid;
  }
  
  #page-content .info-container .collapsible-block-folded .collapsible-block-link,
  #page-content .info-container .collapsible-block-link {
      -webkit-mask: unset;
              mask: unset;
      background: transparent;
      grid-column: 1;
      grid-row: 1;
      opacity: 0;
  }
  
  #page-content .info-container .collapsible-block-folded::before,
  #page-content .info-container .collapsible-block-unfolded-link::before {
      --wght: 800;
      content: "djkaktus";
      color: #FFFFFF;
      font-family: Inter, Arimo, Verdana, Geneva, "Helvetica Neue", "Helvetica", Arial, sans-serif;;
      display: block;
      pointer-events: none;
      grid-column: 1;
      grid-row: 1;
  }

  Pages using this styling

  • the-four-arcana [info]

  ¶ 1 occurrence
  

  .pseudoTeams, .gocTeams, .mixTeams {
      background-color: #eed3d6;
      border: solid 5px #CC7E85;
      padding: 10px;
  }
  .gocTeams {
      background-color: #CED9DE;
      border: solid 5px #95adb6;
  }
  .mixTeams {
      background-color: #D3C5CD;
      border: solid 5px #AE94A3;
  }
  .pseudoTeams p {
      margin-block-start: 0em;
      margin-block-end: 0em;
  }
  .gocTeams  p {
      margin-block-start: 0em;
      margin-block-end: 0em;
  }
  .mixTeams  p {
      margin-block-start: 0em;
      margin-block-end: 0em;
  }
  .pseudoSender, .pseudoReceiver, .gocSender, .gocReceiver {
      max-width: 65%;
      width: fit-content;
      padding: 5px 10px;
      background-color: #ffeced;
      border-radius: 5px;
      margin-bottom: 5px;
      position: relative;
  }
  .pseudoReceiver, .gocReceiver {
      margin-left: auto;
  }
  .gocReceiver, .gocSender {
      background-color: #F3F5F7;
  }
  
  .textIdentifier {
      font-size: 0.8rem;
      font-weight: 300;
  }
  .textMention {
      color: #ca0011;
      background-color: #eed3d6;
      font-weight: bold;
  }
  
  .teamsHeader {
      text-align: center;
      padding: 5px;
  }
  .teamsTitle {
      font-size: 1.2rem;
      font-weight: 300;
  }
  .teamsRename {
      font-weight: 300;
      padding: 5px;
      text-align: center;
  }
  
  .pseudoEmote, .gocEmote {
      position: absolute;
      top: 0;
      left: 100%;
      background-color: #eed3d6;
      border-radius: 50px;
      white-space: nowrap;
      padding: 2px 3px 0px 6px;
      transform: translate(-50%, -50%);
      filter: drop-shadow(2px -2px 7px white);
  }
  .pseudoReceiverEmote, .gocReceiverEmote {
      position: absolute;
      top: 0;
      right: 90%;
      background-color: #eed3d6;
      border-radius: 50px;
      white-space: nowrap;
      padding: 2px 6px 0px 3px;
      transform: translate(-50%, -50%);
      filter: drop-shadow(2px -2px 7px white);
  }
  
  .gocEmote, .gocReceiverEmote {
      background-color: #CED9DE;
  }
  
  .textHard {
      color: transparent;
      position: relative;
  }
  .textHard:after {
      position: absolute;
      content: "";
      background-image: url("http://scp-wiki.wikidot.com/local--files/the-foundation-fails-to-pass-a-budget/scp.png");
      background-size: 1.24rem 1.16rem;
      width: 1.24rem;
      height: 1.16rem;
      top: 0px;
      left: 0px;
  }
  
  .reply-thread {
     border-left: solid 1px #444;
     padding-left: 0.75em;
  }
  .email-box {
     border: solid 5px #820D15;
     background:#fffbfe;
     padding: 10px;
     margin-bottom: 10px;
  }
  .im-box {
     border: solid 5px #CC7E85;
     background: #eed3d6;
     padding: 10px;
     margin-bottom: 10px;
  }
  .goc-email-box {
     border: solid 5px #4D5889;
     background:#fffbfe;
     padding: 10px;
     margin-bottom: 10px;
  }
  .O5-email-box {
     border: solid 5px #999999;
     background:#e0d8de;
     padding: 10px;
     margin-bottom: 10px;
  }
  
  .mcd-box {
     border: solid 5px #61007f;
     background:#eee1f2;
     padding: 10px;
     margin-bottom: 10px;
  }
  
  .security-box {
     border: solid 3px #0065CB;
     background:#d5eaff; 
     padding: 5px;
  }
  

  Pages using this styling

  • the-foundation-fails-to-pass-a-budget [info]

  ¶ 1 occurrence
  

  :root {
    --accentColor: #FF5512;
    --header-title: "DAYBREAK";
    --lgurl: url("https://scp-wiki.wdfiles.com/local--files/daybreak/daybreaklogo.png");
  }
  
  #page-title { display: none; }
  
  .outer-chat {background: var(--accentColor); padding: 1px 15px; margin: 10px; border-radius: 30px 15px}
  
  .inner-chat {background: #21252E; padding: 1px 15px; border: solid 3px #2F333C; margin: 10px; border-radius: 30px 15px}
  
  .leonidas {width: 8.359em}
  
   @media only screen and (max-width: 425px){ .leonidas{ width: 6.27em} }
  
   .footing::before{ /* ---- Article Footing ---- */
       content: " ";
       position: absolute;
       bottom: 1px;
       left: 0;
       right: 0;
   
       border-bottom: 2px solid hsl(0, 0%, 67%);
  }
   .footing{
       position: relative;
       bottom: -2px;
       margin-bottom: 2px;
   
       border-bottom: 1px solid hsl(0, 0%, 67%);
  }

  Pages using this styling

  • the-flesh-that-hates-the-sun [info]

  ¶ 1 occurrence
  

   :root{
   /* -- COLORS -- */
       --accentColor: hsl(3, 100%, 72%);
       --accentColorLite: hsla(3, 100%, 77%, .5);
       --hue: 3deg;
  
     /* -- STATIC COLORS -- */
       --bgColor: hsl(197, 45%, 29%);
  }

  Pages using this styling

  • the-fishing-council-hub [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.bunny.net/css?family=Cinzel');
  @import url('https://fonts.bunny.net/css?family=Anton');
  @import url('https://fonts.bunny.net/css?family=Pinyon+Script');
  
  /*
      The Anton font was created by Vernon Adams and is licensed under the Open Font License
      The Cinzel font was created by Natanael Gama and is licensed under the Open Font License
      The Pinyon Script font was created by Nicole Fally and is licensed under the Open Font License
  */

  Pages using this styling

  • the-first-occult-flame-war [info]

  ¶ 1 occurrence
  

  /* code shamelessly stolen from https://scp-wiki.wikidot.com/scp-4991 */
  /* 4CHAN */
  .chan.thread-container {
    background-color: #FFFFEE;
    padding: 5px;
    font-family: arial,helvetica,sans-serif;
    color: #872737;
    overflow: hidden;
    font-size: 1.1em;
  }
  .chan.blue-container {
    background-color: #d6daf0;
    padding: 5px;
    font-family: arial,helvetica,sans-serif;
    color: #000;
    display: table;
    margin: 0 auto;
    overflow: hidden;
  }
  .chan.blue-container .post-content {
    margin-bottom: 0;
  }
   
  .chan .deleted-icon {
    color: #FF0000;
    background-color: #E3E3E3;
    border: 1px solid #383838;
    padding: 0 2px;
    font-weight: bold;
  }
   
  .chan .post-content {
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 40px;
    margin-inline-end: 40px;
  }
  .chan .summary {
    color: #707070;
    margin-top: 10px;
  }
  .chan .reply-container {
    display: table;
  }
  .chan .reply-arrows {
    color: #E0BFB7;
    float: left;
    margin-right: 2px;
    margin-top: 9px;
    margin-left: 2px;
  }
  .chan .reply {
    background-color: #F0E0D6;
    border: 1px solid #D9BFB7;
    border-left: none;
    border-top: none;
    display: table;
    padding: 5px;
    margin: 4px 0;
  }
   
  .chan img {
    float: left;
    margin-left: 20px;
    margin-right: 20px;
    margin-top: 3px;
    margin-bottom: 5px;
  }
  .chan .chan-file > p,
  .chan .post-info > p,
  .chan .reply-arrows > p,
  .chan .summary > p,
  .reply > p,
  .chan.blue-container .post-content > p {
    margin: 0;
  }
  .chan .image-container {
    padding: 0;
  }
  
  @media (max-width: 479px) {
    .chan .reply-arrows {
      display: none;
    }
    .chan .post-content {
      margin: 0;
    }
    .chan .image-container {
      text-align: center;
    }
  }
  
  /* REDDIT */
  .reddit-post{
      margin: .43em;
      padding: 0 .85em;
  
      background-color: #fcfcfb;
      border: 1px solid #b5b3ac;
  
      font-family: verdana,arial,sans-serif;
      overflow: hidden;
  }

  Pages using this styling

  • the-first-occult-flame-war [info]

  ¶ 1 occurrence
  

  .s128 :is(h1, h2, h3, h4, h5, h6) {
   text-align: center;
   color: #00658E;
  }
  .s01 :is(h1, h2, h3, h4, h5, h6) {
   text-align: center;
   color: #5800BC;
  }
  .s12 :is(h1, h2, h3, h4, h5, h6) {
   text-align: center;
   color: #007750;
  }

  Pages using this styling

  • the-fall-of-site-128 [info]

  ¶ 1 occurrence
  

  .email-example .collapsible-block-folded a.collapsible-block-link {
      animation: blink 0.8s ease-in-out infinite alternate;
  }
  @keyframes blink {
      0% { color: transparent; }
      50%, 100% { color: #b01; }
  }
  .email {border: solid 2px #000000; width: 88%; padding: 1px 15px; margin: 10px; box-shadow: 0 1px 3px rgba(0,0,0,.5)}
  .email-example a.collapsible-block-link {font-weight: bold;}
  .tofrom {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px maroon}
  
  @import url('https://fonts.googleapis.com/css2?family=Roboto+Slab&display=swap');
  .ao {font-family:'Roboto Slab';}
  
  .om {color:#0000FF;}
  .kl {color:#008800;}

  Pages using this styling

  • the-fall-of-site-128 [info]

  ¶ 1 occurrence
  

  :root {
   --timeDelay: 0.5s;
   --problem: 255, 109, 0;
   --head-font: Lexend;
   --page-font-size: 0.9rem;
  
  a.collapsible-block-link:not(.licensebox a.collapsible-block-link) {
      font-weight: 600;
      color: white;
      padding-top: 4px;
      padding-bottom: 4px;
      padding-left: 7px;
      padding-right: 9px;
      background: rgb(20, 20, 20);
      border-radius: 6px;
      margin-top: 10px;
      margin-bottom: 10px;
  }

  Pages using this styling

  • the-fall-of-site-128 [info]

  ¶ 1 occurrence
  

  .section {
    border:solid 1px #112211;
    background:#EEF6EE;
    padding: 20px;
    margin-bottom: 5px;
  }
  .librarian h3 {
    text-align: center;
  }
  
  /* Removed breadcrumbs */
  #breadcrumbs{
    display: none;
  }
  
  .linkbox {
    margin-bottom: 25px;
    font-size: 115%;
    display: inline-block;
    font-weight: bold;
  }

  Pages using this styling

  • the-eschaton [info]

  ¶ 1 occurrence
  

  
  @import url("https://use.typekit.net/seb3fgn.css");
  @import url("https://use.typekit.net/seb3fgn.css");
  @import url("https://use.typekit.net/seb3fgn.css");
  @import url("https://use.typekit.net/seb3fgn.css");
  @supports(display:grid) {
  
  
  :root {
  
  --test: #cf9f2d;
  
  --header-title: "Sky Keeper Archives";
  --header-subtitle: "Tales and legends of old before the empire of the Mad Monarch ";
  --logo-image: url('http://scp-sandbox-3.wikidot.com/local--files/sky-keeper-archives-theme/Sky%20Keeper%20Archives%20Emblem.png');
  
  /* Typefaces */
          --body-font: belda-normal, sans-serif;
          --header-font: cabazon, serif;
          --title-font: cabazon, serif;
          --UI-font: turnip, serif;
          --mono-font: pennsylvania, monospace;
  
  /* Standard Colors */
          --white-monochrome: 252, 252, 252;
          /* white */
          --pale-gray-monochrome: 244, 244, 244;
          /* v light gray for blockquotes and stuff */
          --light-pale-gray-monochrome: 244, 244, 244;
          /* very light pale gray for misc. use */
          --very-light-gray-monochrome: 215, 215, 215;
          --light-gray-monochrome: 215, 215, 215;
          /* light accent gray for login status */
          --gray-monochrome: 176, 104, 60;
          /* gray */
          --dark-gray-monochrome: 105, 60, 51;
          /* dark accent gray for sidebar background */
          --black-monochrome: 26, 25, 24;
          /* black */
          --pale-accent: 252, 193, 135;
          --bright-accent: 196, 109, 81;
          /* bright red */
          --medium-accent: 232, 97, 70;
          /* medium red */
          --dark-accent: 87, 50, 36;
          /* dark red */
          --newpage-color: 181, 33, 0;
          /* pale orange */
  
  --visited-link-color:var(--medium-accent);
  }
  #extrac-div-1 {
          background-image: url("http://scp-sandbox-3.wdfiles.com/local--files/sky-keeper-archives-theme/Sky-Keeper-Archives-Header.jpg");
         background-size: contain;
         position: absolute;
         top: 0;
         left: 0;
         background-repeat: repeat-x;
  }
  #extrac-div-2 {
  display: none;
  }
  #header h2 span {
          margin-left: + 0.75rem;
  margin-top: +7.5rem;
  }
   #header h1 a::before {
          background: url(http://scp-sandbox-3.wikidot.com/local--files/the-enlightened-children/Sky%20Keeper%20Dragon%20Scales.png);
   -webkit-background-clip: text;
          background-clip: text;
          background-size: cover;
          color: rgb(var(--medium-accent));
          background-blend-mode: hard-light;
          -webkit-text-fill-color: transparent;
          overflow-wrap: normal;
  }
  #header h2 {
  font-weight: 1000;
  font-size: 200%;
  font-style: normal;
   font-color: #ffe0cc;
  }
  div#extra-div-1 {
  display: none;
  }
   #page-title,
      .meta-title,
      #page-content h1,
      #page-content h2,
      #page-content h3,
      #page-content h4,
      #page-content h5,
      #page-content h6 {
          background: url(http://scp-sandbox-3.wikidot.com/local--files/the-enlightened-children/Sky%20Keeper%20Dragon%20Scales.png);
   -webkit-background-clip: text;
          background-clip: text;
          background-size: cover;
          color: rgb(var(--medium-accent));
          background-blend-mode: hard-light;
          -webkit-text-fill-color: transparent;
          overflow-wrap: normal;
  }
  table.wiki-content-table th {
          background: url(http://scp-sandbox-3.wikidot.com/local--files/the-enlightened-children/Sky%20Keeper%20Dragon%20Scales.png);
   -webkit-background-clip: text;
          background-clip: text;
          background-size: cover;
          color: rgb(var(--medium-accent));
          background-blend-mode: hard-light;
          -webkit-text-fill-color: transparent;
          overflow-wrap: normal;
          background-size: 100vw 100vh;
          background-attachment: fixed;
  }
  #interwiki .heading p,
      #side-bar .heading p {
          display: flex;
          position: relative;
          justify-content: center;
          margin: 1rem 0;
           background: url(http://scp-sandbox-3.wikidot.com/local--files/the-enlightened-children/Sky%20Keeper%20Dragon%20Scales.png);
          -webkit-background-clip: text;
          background-clip: text;
          background-size: cover;
          color: rgb(var(--swatch-menutxt-dark-color));
          color: rgb(var(--bright-accent));
          font-family: var(--header-font);
          font-size: 1.25rem;
          font-weight: 900;
          letter-spacing: 0.05rem;
          text-shadow: inherit;
          text-shadow: inherit;
          text-transform: none;
          -webkit-text-fill-color: transparent;
          overflow-wrap: normal;
      }
  .fancyborder {
      box-sizing: border-box;
      padding: 2vw;
      border: 2vw solid rgba(0, 0, 0, 0.5);
      border-image: url("http://scp-sandbox-3.wikidot.com/local--files/the-enlightened-children/Dragon-Border.png") 600 round;
      border-image-width: 6;
  }

  Pages using this styling

  • the-enlightened-children [info]

  ¶ 1 occurrence
  

  #header {
    background-image: url(https://scp-wiki.wikidot.com/local--files/grigori-karpin-s-author-page/Site-91%20Logo%20Small)
  }
  
  div#header h1 a span {
      font-size: 0px;
  }
  div#header h1 a:before {
      content: "Site-91 Archives";
      color: #eee;
      
  }
  div#header h2 span {
      font-size:0px;
      padding: 6px;
  
  }
  div#header h2:after {
      content: "Thaumaturgical Research";
      font-weight: bold;
      color: #f0f0c0;
      padding: 19px 0;
      text-shadow: 1px 1px 1px rgba(0, 0, 0, .8);
      white-space: pre;
  }
  
  .email {border: solid 2px #000000; width: 88%; padding: 1px 15px; margin: 10px; box-shadow: 0 1px 3px rgba(0,0,0,.5)}
  .email-example a.collapsible-block-link {font-weight: bold;}
  .tofrom {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px maroon}

  Pages using this styling

  • the-ends-justify-the-means-of-production [info]

  ¶ 1 occurrence
  

   #page-title {
      display: none;
  }
  .footnotes-footer {
      border:solid 1px #112211; 
      background:#EEF6EE; 
      padding: 20px; margin-bottom: 3px;
  }

  Pages using this styling

  • the-emperor-of-many-voices [info]

  ¶ 1 occurrence
  

  .imagediv { float: right; margin: 15px}
  @media (max-width: 540px) {
    .imagediv {
      float: none; text-align:center; margin: auto;
    }
  }
  
  div#header h1 a span {
      font-size: 0px;
  }
  div#header h1 a:before {
      content: "Area-14";
      color: #eee;
  
  }
  div#header h2 span {
      font-size:0px;
      padding: 4px;
  }
  div#header h2:after {
      content: "In the Mouth of Madness";
      font-weight: bold;
      color: #f0f0c0;
      padding: 19px 0;
      text-shadow: 1px 1px 1px rgba(0, 0, 0, .8);
      white-space: pre;
  }
  
  #header {
    background-image: url(https://scp-wiki.wdfiles.com/local--files/jerden-insignia/Area-14.svg);
    background-size: 90px;
  }

  Pages using this styling

  • the-drooling-path-part-1 [info]

  ¶ 1 occurrence
  

  /*
      Donkman Theme, a modification by DrAkimoto of the Aces and Eights Theme
      [2018 Wikidot Theme]
      Created by rounderhouse, with help from Uncle Nicolini.
      Based on SCP Sigma 9 Theme created by Aelanna and Dr Devan, and MC&D Theme created by 
      Randomini.
  */
   
  #header{
      background: url(null)
  }
  #header:before{
  display:block;
  position: absolute;
  width: 100px;
  height: 100px;
  top: 15%;
  left:2%;
  z-index: -1;
  content: "";
  background:url(https://topia.wikidot.com/local--files/collab:ravenmilk/bicon);
  background-repeat: no-repeat;
  background-size: 100px 99px;
  background-position: 0px 0px 0px;
  z-index: -20;
  }
   
  #content-wrap {z-index: 2;}
   
  /* BODY */
  body {
      background: #eee4d5 !important;
  }
   
  .main-body-div{
      width: 92.7%;
      line-height: 20px;
      padding-left: 25px;
      padding-right: 25px;
      vertical-align: top;
      transition: all .7s;
      background: linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,.5)), url("https://scp-wiki.wdfiles.com/local--files/theme%3Aaces-and-eight/paper.jpg");
  }
   
  #header h1 a {
      font-size: 190%;
      color: transparent;
      text-shadow: none;
  }
   
  div#container-wrap {
      background: url(https://scp-wiki.wdfiles.com/local--files/theme%3Aaces-and-eights/header.png) top left repeat-x;
  }
   
  #header h1 a::before {
      font-family: 'Playfair Display SC', serif;
      content: "The Donkman's Den";
      color: #000000;
      padding-bottom: 50px;
  }
   
  #header h2 span {
      font-size: 175%;
      color: transparent;
      text-shadow: none;
  }
  #header h2 span::before {
      font-family: 'Playfair Display SC', serif;
      content: "The Tallest Tales, The Donkest Man.";
      color: #000000;
      padding: 0px 0px 00px;
  }
   
  #search-top-box-input, #search-top-box input.empty,
  #search-top-box-form input[type=submit] {
      transition: 0.2s linear;
  }
   
  #search-top-box-input, #search-top-box input.empty {
      background-color: #B4935D;
      border: 1px solid #DBC39F;
      border-radius: 0;
      color: #000;
  }
   
  #search-top-box-input:hover, #search-top-box-input:focus,
  #search-top-box input.empty:hover, #search-top-box input.empty:focus {
      outline: 0;
      border: 1px solid #000;
      background-color: #B4935D;
      box-shadow: 0 1px 3px rgba(0,0,0,.8);
  }
   
  #search-top-box-form input[type=submit] {
      outline: 0;
      height: 1.65em;
      border: 1px solid #DBC39F;
      border-radius: 0;
      color: #000;
      background: #B6925E;
   
      position: relative;
      top: -1px;
   
      box-shadow: none;
  }
   
  #search-top-box-form input[type=submit]:hover,
  #search-top-box-form input[type=submit]:focus {
      border: 1px solid #000;
      border-radius: 0;
      background: #B6925E;
  }
   
  #search-top-box-form input[type=submit]:active {
      padding: 0 0.5em;
      border: 2px solid #DBC39F;
      border-radius: 0;
      color: #000;
      background: #B6925E;
  }
   
  #login-status, #login-status a {
      color: #000;
      border-color: #000;
  }
   
  #side-bar .side-block {
      padding: 10px;
      border: 1px solid #444;
      border-radius: 10px;
      box-shadow: none !important;
      background: #e7d8c2;
      margin-bottom: 15px;
      color: black;
  }
   
  h1, #page-title {
      color: #000;
      padding: 0 0 0.25em;
      margin: 0 0 0.6em;
      font-weight: heavy;
      font-family: 'Playfair Display SC', serif;
  }
   
  blockquote,
  div.blockquote {
      border-color: #444;
      background-color: #e7d8c2;
      color:#000;
  }
   
  /* inputs */
  #top-bar ul li.sfhover ul li a,
  #top-bar ul li:hover ul li a {
      border-top: 1px solid #000000;
  }
   
  #top-bar ul li.sfhover a,
  #top-bar ul li:hover a {
      background: #bc9055;
      color: #ffffff;
  }
  #top-bar ul li ul a, #top-bar a:hover {
      color: #8db600;
  }
  #top-bar ul li.sfhover a:hover,
  #top-bar ul li:hover a:hover {
      background: #680000; /* top bar hover background color */
  }
  /*nico was here*/
  :root {
      --hyperlink: #824565;
      --hyperlink-visited: #63173f;
  }
   
  @media (max-width: 479px) {
  #search-top-box-input,
  #search-top-box-form {
      display: none;
  }
   
  #header h1 a {
      font-size: 90%;
  }
   
  #header h2 span{
  font-size: 55%;
  }
   
  #header {
      background-position: 0 5.5em;
      background-size: 55px 55px;
  }
   
  #header:before{
  width: 60%;
  height: 50%;
  background-size: 55px 55px;
  background-position: 0px 0px 20px;
  }
  }

  Pages using this styling

  • the-donkman-s-den [info]

  ¶ 1 occurrence
  

  /*
      Donkman Theme, a modification by DrAkimoto of the Aces and Eights Theme
      [2018 Wikidot Theme]
      Created by rounderhouse, with help from Uncle Nicolini.
      Based on SCP Sigma 9 Theme created by Aelanna and Dr Devan, and MC&D Theme created by     
      Randomini.
  */
   
  #header{
      background: url(null)
  }
  #header:before{
  display:block;
  position: absolute;
  width: 100px;
  height: 100px;
  top: 15%;
  left:2%;
  z-index: -1;
  content: "";
  background:url(https://scp-wiki.wdfiles.com/local--files/the-donkman-s-den/donkcon);
  background-repeat: no-repeat;
  background-size: 100px 99px;
  background-position: 0px 0px 0px;
  z-index: -20;
  }
   
  #content-wrap {z-index: 2;}
   
  /* BODY */
  body {
      background: #eee4d5 !important;
  }
   
  .main-body-div{
      width: 92.7%;
      line-height: 20px;
      padding-left: 25px;
      padding-right: 25px;
      vertical-align: top;
      transition: all .7s;
      background: linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,.5)), url("https://scp-wiki.wdfiles.com/local--files/theme%3Aaces-and-eights/paper.jpg");
  }
   
  #header h1 a {
      font-size: 190%;
      color: transparent;
      text-shadow: none;
  }
   
  div#container-wrap {
      background: url(https://scp-wiki.wdfiles.com/local--files/theme%3Aaces-and-eights/header.png) top left repeat-x;
  }
   
  #header h1 a::before {
      font-family: 'Playfair Display SC', serif;
      content: "The Donkman's Den";
      color: #000000;
      padding-bottom: 50px;
  }
   
  #header h2 span {
      font-size: 175%;
      color: transparent;
      text-shadow: none;
  }
  #header h2 span::before {
      font-family: 'Playfair Display SC', serif;
      content: "The Tallest Tales, the Donkest Man.";
      color: #000000;
      padding: 0px 0px 00px;
  }
   
  #search-top-box-input, #search-top-box input.empty,
  #search-top-box-form input[type=submit] {
      transition: 0.2s linear;
  }
   
  #search-top-box-input, #search-top-box input.empty {
      background-color: #B4935D;
      border: 1px solid #DBC39F;
      border-radius: 0;
      color: #000;
  }
   
  #search-top-box-input:hover, #search-top-box-input:focus,
  #search-top-box input.empty:hover, #search-top-box input.empty:focus {
      outline: 0;
      border: 1px solid #000;
      background-color: #B4935D;
      box-shadow: 0 1px 3px rgba(0,0,0,.8);
  }
   
  #search-top-box-form input[type=submit] {
      outline: 0;
      height: 1.65em;
      border: 1px solid #DBC39F;
      border-radius: 0;
      color: #000;
      background: #B6925E;
   
      position: relative;
      top: -1px;
   
      box-shadow: none;
  }
   
  #search-top-box-form input[type=submit]:hover,
  #search-top-box-form input[type=submit]:focus {
      border: 1px solid #000;
      border-radius: 0;
      background: #B6925E;
  }
   
  #search-top-box-form input[type=submit]:active {
      padding: 0 0.5em;
      border: 2px solid #DBC39F;
      border-radius: 0;
      color: #000;
      background: #B6925E;
  }
   
  #login-status, #login-status a {
      color: #000;
      border-color: #000;
  }
   
  #side-bar .side-block {
      padding: 10px;
      border: 1px solid #444;
      border-radius: 10px;
      box-shadow: none !important;
      background: #e7d8c2;
      margin-bottom: 15px;
      color: black;
  }
   
  h1, #page-title {
      color: #000;
      padding: 0 0 0.25em;
      margin: 0 0 0.6em;
      font-weight: heavy;
      font-family: 'Playfair Display SC', serif;
  }
   
  blockquote,
  div.blockquote {
      border-color: #444;
      background-color: #e7d8c2;
      color:#000;
  }
   
  /* inputs */
  #top-bar ul li.sfhover ul li a,
  #top-bar ul li:hover ul li a {
      border-top: 1px solid #000000;
  }
   
  #top-bar ul li.sfhover a,
  #top-bar ul li:hover a {
      background: #bc9055;
      color: #ffffff;
  }
  #top-bar ul li ul a, #top-bar a:hover {
      color: #8db600;
  }
  #top-bar ul li.sfhover a:hover,
  #top-bar ul li:hover a:hover {
      background: #680000; /* top bar hover background color */
  }
  /*nico was here*/
  :root {
      --hyperlink: #824565;
      --hyperlink-visited: #63173f;
  }
   
  @media (max-width: 479px) {
  #search-top-box-input,
  #search-top-box-form {
      display: none;
  }
   
  #header h1 a {
      font-size: 90%;
  }
   
  #header h2 span{
  font-size: 55%;
  }
   
  #header {
      background-position: 0 5.5em;
      background-size: 55px 55px;
  }
   
  #header:before{
  width: 60%;
  height: 50%;
  background-size: 55px 55px;
  background-position: 0px 0px 20px;
  }
  }

  Pages using this styling

  • the-donkman-s-den [info]

  ¶ 1 occurrence
  

  /* HEADER */
   :root{
     --lgurl: url(https://scp-wiki.wdfiles.com/local--files/the-doctor-s-dilemma/end-of-death-logo.png);
  }
   #page-title{
       display: none;
  }
  
  /* DIV BLOCK */
   .material-box{
       margin: 1.25em 0;
       padding: .01em 1.25em 1em;
  
       border: 1px lightgrey solid;
  }

  Pages using this styling

  • the-doctor-s-dilemma [info]

  ¶ 1 occurrence
  

  .saphir-nav-sh{
      color: #0d2613;
      text-shadow: 1px 1px 2px rgba(0,0,0,.35);
      border: solid 1px #0d2613;
      border-radius: 10px;
      background-color: white;
      background: rgba(34, 123, 56, 0.5);
      box-shadow: 1.5px 1.5px 3px #636ce9;
      box-shadow: 0 1px 3px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 5px rgba(255,255,255,0.2), inset 0 5px 20px rgba(255,255,255,0.25), inset 0 -7.5px 15px rgba(0,0,0,0.1);
      padding: 0 30px;
      margin: 10px 0 15px;
      margin-bottom: 20px;
      font-weight: bold;
      font-size: 85%;
  }
  
  .saphir-nav-sh a{
      color: #156128;
  }

  Pages using this styling

  • the-deniers [info]

  ¶ 1 occurrence
  

  
  #page-content .creditButton p a {
      color:#373737;
  }
  
  .email-example .collapsible-block-folded a.collapsible-block-link {
      animation: blink 0.8s ease-in-out infinite alternate;
  }
  @keyframes blink {
      0% { color: transparent; }
      50%, 100% { color: #b01; }
  }
  .email {border: solid 2px #000000; width: 88%; padding: 1px 15px; margin: 10px; box-shadow: 0 1px 3px rgba(0,0,0,.5)}
  .email-example a.collapsible-block-link {font-weight: bold;}
  .tofrom {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px maroon}

  Pages using this styling

  • the-deadname-meme [info]

  ¶ 1 occurrence
  

  #page-content p {
      color:rgb(97, 51, 38);
      font-weight:normal;
  }
  
  div.rule hr {
      height: 1px;
      border: none;
      color: #333;
      background-color: #613326;
      width: 100%;
      margin: 0;
  }
  
  .serif {
      font-family: "Times New Roman", Times, serif;
  }

  Pages using this styling

  • the-danelaw-of-jorvik [info]

  ¶ 1 occurrence
  

  :root {
    /* === Agency Branding === */
    --logo-image: url(https://static.wikia.nocookie.net/scp-db/images/d/d6/Intelligence_Agency.png);
    --header-subtitle: "In Umbris Surgimus";
    --gradient-header: linear-gradient(to top, rgb(15, 20, 22) 0%, rgb(10, 10, 12) 90%, rgb(var(--header-gradient-color-top)) 100%);
    --diagonal-stripes: repeating-linear-gradient(
      45deg,
      rgba(255, 255, 255, 0),
      rgba(255, 255, 255, 0) 0.25vh,
      rgba(150, 150, 150, 0.08) 0.4vh,
      rgba(150, 150, 150, 0.12) 0.5vh
    );
  
    /* === Accent Colors === */
    --accent-color: #66b3ff;
    --accent-glow: 0 0 20px rgba(102, 179, 255, 0.6);
    --dragon-color: #ff66b2;
    --dragon-glow: 0 0 10px rgba(255, 102, 178, 0.8);
  
    /* === Typography === */
    --body-font: 'Inter', 'Segoe UI', Roboto, sans-serif;
    --mono-font: 'Roboto Mono', monospace;
  }
  
  body {
    background: linear-gradient(180deg, #0b0d0f 0%, #15191c 100%);
    background-attachment: fixed;
    font-family: var(--body-font);
    color: #e6e6e6;
    letter-spacing: 0.02em;
    line-height: 1.6;
  }
  
  /* === Blockquote Terminal Styling === */
  .blockquote {
    font-family: var(--mono-font);
    background: rgba(20, 25, 28, 0.8);
    border: 1px solid rgba(120, 130, 140, 0.3);
    border-left: 4px solid var(--accent-color);
    border-radius: 8px;
    padding: 1rem 1.5rem;
    margin: 1.25rem auto;
    max-width: 850px;
    color: #cbd2d9;
    backdrop-filter: blur(4px);
    transition: 0.4s ease-in-out;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.35);
  }
  
  .blockquote:hover {
    border-left: 4px solid var(--dragon-color);
    transform: translateY(-2px);
    box-shadow: 0 0 15px rgba(255, 102, 178, 0.3);
  }
  
  /* === Dragon Dialogue Glow === */
  .dragon {
    color: var(--dragon-color);
    text-shadow: var(--dragon-glow);
    font-weight: 600;
    letter-spacing: 0.05em;
    animation: pulseDragon 2s infinite alternate;
  }
  
  @keyframes pulseDragon {
    from { text-shadow: 0 0 6px rgba(255, 102, 178, 0.6); }
    to { text-shadow: 0 0 16px rgba(255, 102, 178, 1); }
  }
  
  /* === Section Breaks === */
  hr {
    border: none;
    height: 1px;
    margin: 2.5rem auto;
    background: linear-gradient(to right, transparent, var(--accent-color), transparent);
    width: 80%;
    opacity: 0.6;
  }
  
  /* === Subtle Header Glow === */
  .page-title, #page-title {
    text-shadow: 0 0 10px rgba(102, 179, 255, 0.5);
    font-weight: 700;
    letter-spacing: 0.05em;
  }
  
  h1, h2, h3, h4 {
    color: var(--accent-color);
    text-shadow: 0 0 8px rgba(102, 179, 255, 0.4);
  }
  
  /* === Interactive Feel === */
  a {
    color: var(--accent-color);
    text-decoration: none;
    transition: 0.2s ease;
  }
  
  a:hover {
    color: var(--dragon-color);
    text-shadow: 0 0 6px rgba(255, 102, 178, 0.7);
  }
  
  /* === Terminal-style Animation for "Booting" lines === */
  .blockquote:has(span:contains('Booting')) {
    font-style: italic;
    color: #9adfff;
    animation: flicker 3s infinite;
  }
  
  @keyframes flicker {
    0%, 18%, 22%, 25%, 53%, 57%, 100% {
      opacity: 1;
    }
    20%, 24%, 55% {
      opacity: 0.4;
    }
  }
  
  /* === Subtle Fade-in Effect for All Dialogues === */
  .blockquote {
    opacity: 0;
    animation: fadeInBlock 0.8s ease-in forwards;
  }
  
  @keyframes fadeInBlock {
    to { opacity: 1; }
  }
  
  /* === Exit Scene Styling === */
  .exit-scene {
    margin: 3rem auto;
    padding: 2rem 2.5rem;
    max-width: 850px;
    border-radius: 10px;
    background: linear-gradient(
      180deg,
      rgba(240, 240, 240, 0.08) 0%,
      rgba(255, 255, 255, 0.03) 100%
    );
    color: #dcdcdc;
    font-style: italic;
    font-family: 'Inter', sans-serif;
    line-height: 1.8;
    letter-spacing: 0.02em;
    border: 1px solid rgba(200, 200, 200, 0.1);
    box-shadow: 0 0 25px rgba(255, 255, 255, 0.08);
    backdrop-filter: blur(6px);
    animation: fadeScene 2s ease-in-out forwards;
    transition: all 0.5s ease;
  }
  
  .exit-scene:hover {
    box-shadow: 0 0 35px rgba(255, 255, 255, 0.15);
    transform: translateY(-3px);
  }
  
  /* === Stylized quotes for inner monologue === */
  .exit-scene i,
  .exit-scene em {
    color: #f2f2f2;
    opacity: 0.9;
    font-weight: 500;
  }
  
  /* === “Loading Dock” moment === */
  .exit-scene strong {
    display: block;
    text-align: center;
    margin: 1.8rem 0;
    font-weight: 700;
    font-size: 1.3em;
    letter-spacing: 0.1em;
    color: #f5f5f5;
    text-shadow: 0 0 15px rgba(255, 255, 255, 0.4),
                 0 0 25px rgba(255, 255, 255, 0.15);
    animation: shimmer 4s infinite linear;
  }
  
  /* === Subtle fade-in + desert-light shimmer === */
  @keyframes fadeScene {
    from {
      opacity: 0;
      transform: translateY(10px);
      filter: blur(4px);
    }
    to {
      opacity: 1;
      transform: translateY(0);
      filter: blur(0);
    }
  }
  
  @keyframes shimmer {
    0% { text-shadow: 0 0 5px rgba(255, 255, 255, 0.3); }
    50% { text-shadow: 0 0 25px rgba(255, 255, 255, 0.6); }
    100% { text-shadow: 0 0 5px rgba(255, 255, 255, 0.3); }
  }
  
  /* === Internal Lobby Scene Styling === */
  .lobby-scene {
    margin: 2.5rem auto;
    padding: 2rem 2.5rem;
    max-width: 850px;
    background: linear-gradient(180deg, rgba(40, 45, 50, 0.85), rgba(25, 28, 32, 0.9));
    border: 1px solid rgba(120, 120, 130, 0.25);
    border-left: 5px solid #7da1b5;
    border-radius: 10px;
    color: #d6d6d6;
    font-family: 'Inter', sans-serif;
    line-height: 1.7;
    letter-spacing: 0.01em;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.45);
    backdrop-filter: blur(3px);
    animation: fadeLobby 1.2s ease-in-out forwards;
  }
  
  /* === Scene Header === */
  .lobby-scene strong {
    display: block;
    text-transform: uppercase;
    font-weight: 700;
    color: #aac3d2;
    margin-bottom: 1.2rem;
    letter-spacing: 0.08em;
    text-shadow: 0 0 8px rgba(170, 195, 210, 0.4);
    border-bottom: 1px solid rgba(120, 150, 170, 0.25);
    padding-bottom: 0.3rem;
  }
  
  /* === Dialogue Styling === */
  .lobby-scene p {
    margin: 0.8rem 0;
    text-indent: 1rem;
  }
  
  .lobby-scene p::before {
    content: "";
    display: inline-block;
    width: 0.4em;
  }
  
  /* === Spoken Dialogue Highlight === */
  .lobby-scene q,
  .lobby-scene .quote {
    display: block;
    margin: 0.6rem 0;
    color: #f0f0f0;
    background: rgba(255, 255, 255, 0.05);
    padding: 0.5rem 0.8rem;
    border-radius: 6px;
    border-left: 3px solid #7da1b5;
    font-style: italic;
    transition: 0.2s ease;
  }
  
  .lobby-scene q:hover {
    background: rgba(255, 255, 255, 0.1);
    transform: translateX(2px);
  }
  
  /* === Subtle ambient flicker to simulate old lighting === */
  @keyframes fadeLobby {
    0% { opacity: 0; filter: blur(6px); transform: translateY(10px); }
    100% { opacity: 1; filter: blur(0); transform: translateY(0); }
  }
  
  @keyframes lightFlicker {
    0%, 100% { opacity: 1; }
    45% { opacity: 0.95; }
    48% { opacity: 0.85; }
    50% { opacity: 1; }
    52% { opacity: 0.9; }
    55% { opacity: 1; }
  }
  
  .lobby-scene {
    animation: fadeLobby 1.2s ease-in-out forwards, lightFlicker 8s infinite;
  }
  
  
  /* === Subterranean Sector D Styling === */
  .subsector-d {
    margin: 2.5rem auto;
    padding: 2rem 2.5rem;
    max-width: 850px;
    background: linear-gradient(180deg, rgba(22, 23, 26, 0.9), rgba(15, 16, 18, 0.95));
    border: 1px solid rgba(90, 60, 40, 0.3);
    border-left: 5px solid #b85c3c;
    border-radius: 10px;
    color: #e2e2e2;
    font-family: 'Inter', sans-serif;
    line-height: 1.75;
    letter-spacing: 0.01em;
    box-shadow: 0 0 25px rgba(0, 0, 0, 0.55);
    backdrop-filter: blur(3px);
    animation: fadeSectorD 1.2s ease-in-out forwards, flickerD 10s infinite;
  }
  
  /* === Header === */
  .subsector-d strong {
    display: block;
    text-transform: uppercase;
    font-weight: 700;
    color: #e9a57b;
    margin-bottom: 1.2rem;
    letter-spacing: 0.07em;
    text-shadow: 0 0 8px rgba(185, 100, 70, 0.4);
    border-bottom: 1px solid rgba(150, 100, 70, 0.25);
    padding-bottom: 0.3rem;
  }
  
  /* === Text === */
  .subsector-d p {
    margin: 0.9rem 0;
    text-indent: 1rem;
  }
  
  /* === Dialogue Highlight === */
  .subsector-d q,
  .subsector-d .quote {
    display: block;
    margin: 0.6rem 0;
    color: #f5f5f5;
    background: rgba(255, 255, 255, 0.05);
    padding: 0.55rem 0.8rem;
    border-radius: 6px;
    border-left: 3px solid #b85c3c;
    font-style: italic;
    transition: 0.25s ease;
  }
  
  .subsector-d q:hover {
    background: rgba(255, 255, 255, 0.1);
    transform: translateX(3px);
  }
  
  /* === Animations === */
  @keyframes fadeSectorD {
    0% { opacity: 0; filter: blur(6px); transform: translateY(10px); }
    100% { opacity: 1; filter: blur(0); transform: translateY(0); }
  }
  
  @keyframes flickerD {
    0%, 100% { opacity: 1; }
    45% { opacity: 0.95; }
    48% { opacity: 0.8; }
    50% { opacity: 1; }
    52% { opacity: 0.85; }
    55% { opacity: 1; }
    75% { opacity: 0.9; }
    78% { opacity: 1; }
  }
  
  /* === Sub-section 4 Styling === */
  .subsection-4 {
    margin: 2.5rem auto;
    padding: 2rem 2.5rem;
    max-width: 850px;
    background: linear-gradient(180deg, rgba(28, 32, 40, 0.88), rgba(20, 23, 28, 0.95));
    border: 1px solid rgba(120, 140, 160, 0.25);
    border-left: 5px solid #6b8ea8;
    border-radius: 10px;
    color: #e4e7ea;
    font-family: 'Inter', sans-serif;
    line-height: 1.75;
    letter-spacing: 0.015em;
    box-shadow: 0 0 25px rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(4px);
    animation: fadeSub4 1.4s ease-in-out forwards, subtlePulse 9s infinite;
  }
  
  /* === Header (if any) === */
  .subsection-4 strong {
    display: block;
    text-transform: uppercase;
    font-weight: 700;
    color: #9eb8cc;
    margin-bottom: 1.2rem;
    letter-spacing: 0.08em;
    text-shadow: 0 0 8px rgba(155, 180, 200, 0.4);
    border-bottom: 1px solid rgba(100, 130, 150, 0.25);
    padding-bottom: 0.3rem;
  }
  
  /* === Paragraphs === */
  .subsection-4 p {
    margin: 0.9rem 0;
    text-indent: 1rem;
  }
  
  /* === Soft emphasis for important descriptions === */
  .subsection-4 em {
    color: #b4cfe4;
    font-style: italic;
    text-shadow: 0 0 4px rgba(140, 170, 200, 0.25);
  }
  
  /* === Subtle glow on key elements (like labels or doors) === */
  .subsection-4 .label {
    display: inline-block;
    background: rgba(255, 255, 255, 0.05);
    padding: 0.15rem 0.4rem;
    border-radius: 4px;
    border-left: 3px solid #6b8ea8;
    font-weight: 500;
    color: #d8e3f0;
    margin: 0 0.2rem;
  }
  
  /* === Animations === */
  @keyframes fadeSub4 {
    0% { opacity: 0; filter: blur(6px); transform: translateY(12px); }
    100% { opacity: 1; filter: blur(0); transform: translateY(0); }
  }
  
  /* Slow, almost imperceptible pulse to evoke stale air and tension */
  @keyframes subtlePulse {
    0%, 100% { background-position: 0 0; opacity: 1; }
    50% { background-position: 0 4px; opacity: 0.97; }
  }
  

  Pages using this styling

  • the-dagon-and-the-dragon [info]

  ¶ 1 occurrence
  

  
  @import url(https://fonts.googleapis.com/css?family=Calligraffitti);
  
  @import url(https://fonts.googleapis.com/css?family=Homemade+Apple);
  
  @import url(https://fonts.googleapis.com/css?family=Marck+Script);
  
  @import url(https://fonts.googleapis.com/css?family=Caveat);
  
  @import url(https://fonts.googleapis.com/css?family=Satisfy);
  
  @import url(https://fonts.googleapis.com/css?family=Architects+Daughter);
  
  .letter {
      font-family: 'Caveat';font-size: 17px;font-weight: 500;}
  
  .lettera {
      font-family: 'Architects Daughter';font-size: 15px;font-weight: 500;}
  
  .letterb {
      font-family: 'Satisfy';font-size: 15px;font-weight: 500;}
  
  .letterc {
      font-family: 'Miniver';font-size: 15px;font-weight: 500;}
  

  Pages using this styling

  • the-curious-incident-of-the-contradictory-crocodile [info]

  ¶ 1 occurrence
  

  :root {
   --header-title: "Anomalous Weapons";
   --header-subtitle: "The Crow Laughs at Last";
  }
  
  #header h2 {
  margin-top: 1em;
  }

  Pages using this styling

  • the-crow-gets-the-last-laugh [info]

  ¶ 1 occurrence
  

  :root {
      --link-txt-color: #3c28e6
  
  }
  
  #page-content h1 {
      font-family: 'Saira Stencil One', cursive;
      text-align: center;
      font-weight: unset;
  }
  
  body {
      background-image: linear-gradient(to-bottom, #818ae0, rgb(240,240,240) 200px);
  }
  
  table.wiki-content-table th {
      background-color: rbg(220, 220, 230);
  }
  

  Pages using this styling

  • the-crocosquid [info]

  ¶ 1 occurrence
  

  
  @import url('https://fonts.googleapis.com/css?family=EB+Garamond:500&display=swap');
  
  #header {
      background-image: url(https://scp-wiki.wdfiles.com/local--files/theme%3Amcd/MCDLogo2-small.png);
  }
  
  .fancytext {
  font-family:"EB Garamond";
  font-size:120%;
  }
  

  Pages using this styling

  • the-coronation-of-judd-marshall [info]

  ¶ 1 occurrence
  

  
  :root {
      --linkColor: #FC8391;
      --linkColor-newpage: #FC9958;
   
      --primaryBackgroundColor: #FFFFFF;
      --header-title: 'SCP FOUNDATION';
  
  p {
    text-justify: inter-word;
    text-align: justify;
    text-indent: 1rem;
  }
  
  /* -- CARDS, thank you rounderhouse  -- */ 
  
  .flip-card {
    background-color: transparent;
    width: 33.5rem;
    height: 22.4rem;
    perspective: 1000px;
    margin-top: 1rem;
  
    border-radius: 2.25rem;
  }
  
  .flip-card:nth-of-type(odd) {
    margin-left: 27%;
  }
  
  .flip-card-inner {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    transition: transform 0.8s;
    transform-style: preserve-3d;
  }
  
  .flip-card:hover .flip-card-inner {
    transform: rotateX(180deg);
  }
  
  .flip-card-front, .flip-card-back {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden; /* Safari */
    backface-visibility: hidden;
  }
  
  .flip-card-front {
    background-image: url('https://scp-wiki.wdfiles.com/local--files/the-containment-of-arsene-lupin/cardfront.png');
    background-size: contain;
    background-repeat: no-repeat;
    border-radius: 2.25rem;
    border: 2px solid #080000;
    background-color: #0000;
    background-blend-mode: overlay;
    text-shadow: 2px 2px 2px #1c1c1c;
  }
  
  .flip-card-back {
    background-image: url('https://scp-wiki.wdfiles.com/local--files/the-containment-of-arsene-lupin/callingcardback.png');
    background-size: cover;
    background-repeat: no-repeat;
    color: white;
    transform: rotateX(180deg);
    border-radius: 2.25rem;
    box-shadow: 0px 0px 10px 3px #6f1a1a;
  }
  
  .cardtext {
    top: 30%;
    position: absolute;
    left: 10%;
    right: 10%;
  }
  
  .flip-card-front .cardtext p {
     margin-top: 0;
  }
  
  .cardtext a { color: white!important; font-size: 120%;}
  .votes { color: rgb(255, 215, 0);}
  .comments { color: rgb(255, 215, 0);}
  .flip-card-front .cardtext {
     font-size: 125%;
  }
  .flip-card-back .cardtext {
     font-style: italic;
  }
  .flip-card:nth-of-type(2n) .flip-card-front { background-image: url('https://scp-wiki.wdfiles.com/local--files/the-containment-of-arsene-lupin/cardfront.png');} 
  
  @media only screen and (max-width: 1024px) {
      .flip-card {
          margin: 1rem auto;
          width: 22.5rem;
          height: 15rem;
      }
      .flip-card:nth-of-type(odd) {
          margin-left: auto!important;
      }
  }
  
  .vib {
    display: inline-block;
    animation: vibrate 0.3s infinite;
  }
  
  @keyframes vibrate {
    0%, 100% { transform: translate(-0.03em, 0.03em) }
    20% { transform: translate(-0.03em, -0.03em) }
    40% { transform: translate(0.03em, 0.03em) }
    60% { transform: translate(0.03em, -0.03em) }
    80% { transform: translate(0.03em, 0.03em) }
  }

  Pages using this styling

  • the-containment-of-arsene-lupin [info]

  ¶ 1 occurrence
  

  :root {
    --header-title: "The Conspiracy to Murder ";
    --header-subtitle: "The Story of the Love between the Raven and the Crow";
    --lgurl: none;
    --accentColor: #e8abed;
    --headerColor: #be1ee6;
  }
  #page-title {
    display: none;
  }

  Pages using this styling

  • the-conspiracy-to-murder [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Vast+Shadow&display=swap');
  
  .staticTransition {
      background-image: url(https://scp-wiki.wdfiles.com/local--files/pseudogenesis-productions-hub/Vhs_Glitch-cropped-flipped.gif);
      background-position-x: center;
      background-clip: border-box;
      width: 100%;
      height: 4em;
      overflow: hidden;
      background-size: cover;
      padding: 0em 1.5em;
      margin-left: -1.5em;
  }
  
  div#extra-div-1 {
      height: 150px;
      background-image: url('http://scp-wiki.wikidot.com/local--files/theme:queerstyle/Pseudogenesis_Logo_Flatter.png');
  }
  
  :root {
      --header-title: "Pseudogenesis Productions";
      --header-subtitle: "Art Imitates Life";
  }
  
  #header h1 a::before, #header h2 p{
      font-size: 0.7em;
      font-family: "Vast Shadow", serif !important;
  }
  
  @media only screen and (max-width: 600px) {
      #header h1 a::before, #header h2 p{
          font-size: 0.6em;
      }
  }
  
  #header h1 a::before {
    line-height: 1;
    position: relative;
    top: -0.5lh;
  }
  
  @media (max-width: 415px) {
    #header h1 a::before {
      top: -1lh;
    }
  }
  
  

  Pages using this styling

  • the-color-of-static [info]

  ¶ 1 occurrence
  

  div.audio_iframe.scentofnight {
      margin-top: 0px;
      padding-bottom: 0px;
      scale: 0.8;
  }
  
  @media (max-width: 550px) {
      div.audio_iframe.scentofnight {
          scale: 1;
      }
  }

  Pages using this styling

  • the-cold-cult-of-the-yukon [info]

  ¶ 1 occurrence
  

  #page-title{
  display:none;
  }
  

  Pages using this styling

  • the-clefnikov-experience [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&display=swap');
  #page-title{
  display:none;
  }
  .gaybox{
  background:#1d1e20;
  box-shadow: rgba(189, 195, 199, 1) 0px 0px 0px 1em;
  border-radius:1em;
  color:white;
  margin:auto;
  width:80%;
  max-width:400px;
  padding-left:1em;
  padding-right:1em;
  padding-bottom:1em;
  font-family:'roboto condensed';
  font-weight:bold;
  }
  .gayconvo, .gayheader{
  display:flex;
  }
  .gayheader{
  justify-content:center;
  align-items:center;
  }
  .gaypfp img{
  border-radius:100%;
  width:2.5em;
  margin-right:10px;
  }
  .gaynameaway{
  
  }
  .gaydate{
  border-top:solid 1px #303133;
  color:#9e9ea0;
  text-align:center;
  }
  .distance{
  font-weight:200;
  }
  .gaycaller, .gayresponder{
  max-width:65%;
  width:fit-content;
  position:relative;
  flex-shrink:0;
  padding:5px 10px;
  color:black;
  }
  .gaycaller p, .gayresponder p{
  margin-block-start: 0em;
  margin-block-end: 0em;
  }
  .gaycaller{
  background:#71e094;
  border-radius:5px 5px 5px 0;
  }
  .gaycaller::after{
  border-left: 5px solid transparent;
  border-bottom: 5px solid #71e094;
  border-right: 5px solid #71e094;
  right: 100%;
  }
  .gayresponder{
  background:#8BB0FE;
  border-radius:5px 5px 0 5px;
  margin-left: auto;
  }
  .gayresponder::after{
  border-right: 5px solid transparent;
  border-bottom: 5px solid #8BB0FE;
  border-left: 5px solid #8BB0FE;
  left: 100%;
  }
  .gaycaller::after, .gayresponder::after{
  position:absolute;
  content: '';
  border-top: 5px solid transparent;
  bottom: 0px;
  width: 0;
  height: 0;
  }
  .gaytime, .gaytime2{
  color:grey;
  font-size:10px;
  margin-top:-0.7em;
  margin-bottom:-0.3em;
  }
  .gaytime2{
  text-align:right;
  }

  Pages using this styling

  • the-clef-catfish-kon [info]

  ¶ 1 occurrence
  

  
  :root {
  
      --logo-image: url("http://scp-wiki.wikidot.com/local--files/the-chiron-model/valwhite");
  
     --body-font: 'Jost', sans-serif;
     --header-font: 'Anton', sans-serif;
     --title-font: 'Courier Prime', sans-serif;
     --mono-font: 'Anonymous Pro', monospace;
     --UI-font: var(--body-font);
   
  /* WHITE - GREY - BLACK */
     --tyrant-white: 240, 235, 235;
     --barry-magnum: 230, 230, 230;
     --jill-grey: 198, 205, 215;
     --pecking-crow: 40, 40, 40;
     --weskers-shades: 20, 20, 20;
     --mr-x: 5, 5, 5;
   
  /* BLUE - GREEN */
     --menu-blue: 132, 134, 163;
     --light-stars-blue: 0, 13, 135;
     --medium-stars-blue: 42, 45, 102;
     --dark-stars-blue: 0, 8, 84;
     --rpd-uniform: 30, 30, 56;
     --jills-shoulderpads: 20, 20, 36;
     --chris-green: 9, 112, 0;
     --woman-drawing-water: 1, 71, 50;
   
  /* RED - BROWN */
     --chris-blood: 8, 126, 139;
     --umbrella-red: 51, 55, 69;
     --ashford-red: 84, 0, 0;
     --barry-jacket: 165, 51, 51;
     --rotten-flesh: 82, 54, 42;
     --itchy-tasty: 126, 64, 38;
     --rust-rot: 61, 31, 18;
   
  /* THEME ASSIGNMENTS */
     --white-monochrome: var(--tyrant-white);
     --pale-gray-monochrome: var(--barry-magnum);
     --light-gray-monochrome: var(--barry-magnum);
     --gray-monochrome: var(--werskers-shades);
     --dark-gray-monochrome: var(--jills-shoulderpads);
     --black-monochrome: var(--weskers-shades);
     --pale-accent: var(--barry-jacket);
     --bright-accent: var(--chris-blood);
     --medium-accent: var(--umbrella-red);
     --dark-accent: var(--ashford-red);
   
  }
   
  #header h1 a::before {
      content: "The Valravn Corporation ";
      color: #e9ebf0;
      text-shadow: 3px 3px 5px #000000;
      padding-inline-start: 30px;
  }
   
  #header h2 span {
      color: transparent;
      text-shadow: none;
  }
   
  #header h2 span::before {
      content: 'Óðinn á yðr alla / We feast on the Battlefield.';
      color: #F1F1F1;
      text-shadow: 1px 1px 1px rgba(0,0,0,.8);
      padding-inline-start: 30px;
  }
   
  .papernote {
      background-color: #eaeeef;
      color: #21252E !important;
      padding: 0.1rem 0.5rem 0.5rem 0.5rem;
      box-shadow: 1px 1px 3px 2px rgb(0 0 0 / 30%);
      margin: auto;
  }
  

  Pages using this styling

  • the-chiron-model [info]

  ¶ 1 occurrence
  

  
  img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    height: auto;
    border-radius: 8px;
  }
  
  #page-title {
      font-weight: bold !important;
      text-align: center !important;
  }

  Pages using this styling

  • the-carcass-and-the-tree [info]

  ¶ 1 occurrence
  

  :root {
      --logo-image: var(--eventyr-trans);
  }

  Pages using this styling

  • the-bowe-transition [info]

  ¶ 1 occurrence
  

  
  .a-brk{
  display:block
  }
  
  .poem-xxx{
  font-size:150%;
  }
  
  .poem-xxx{
  font-size:150%;
     margin: 0  auto;
     width: auto;
     left: auto;
     display: flex;
     flex-wrap: nowrap;
     white-space:nowrap;
  }
  
  .poem-xxx:before, .poem-xxx:after{
  width:50%;
     content: ' ';   
     flex-shrink: 5;
  }
  
  .poem-xxx  li::marker {
     color: #999 !important;
          font-size:90%;
  }
  
  .poem-xxx ol > li::before {
      display: none !important;
  }
  
  .poem-xxx  ol > li{
      list-style-type: decimal-leading-zero;
            padding-left: 0 !important;
  }
  
  .poem-xxx * {
    font-family: 'Iceberg', sans-serif;
  }
  
  
  @media (max-width: 479px) {    
  .poem-xxx  li::marker {
     color: #999 !important;
  }
  
  .poem-xxx{
     white-space:  inherit;   
  }
  
  .poem-xxx * {
    font-family: 'Iceland', sans-serif;
  }
  }
  

  Pages using this styling

  • the-book-of-gnosis-repairers-vol-of-psalms-part-1 [info]

  ¶ 1 occurrence
  

  :root {
  logo-image: url("https://wanderers-library.wikidot.com/local--files/component:dustjacket-theme/wl_logo.png");
      --header-title: "The Library of Babylon";
      --header-subtitle: " ";
  }

  Pages using this styling

  • the-book-o-babel [info]

  ¶ 1 occurrence
  

  :root {
       --header-title: "SCP FOUNDATION";
       --header-subtitle: "Department of Unreality";
       --lgurl: url('http://scp-wiki.wikidot.com/local--files/unreality-hub/Unreality%20Header%20Logo.svg');
  }

  Pages using this styling

  • the-blank-page [info]

  ¶ 1 occurrence
  

  sup { 
  
  vertical-align: top; position: relative; top: -0.5em; 
  }
  @media (max-width: 1635px) {
     .desktop-only{ display: none; visibility:hidden }
  }

  Pages using this styling

  • the-big-goi-essay [info]

  ¶ 1 occurrence
  

  .email {background-color: #F2EAE1; color: #21252E; border: solid 2px #F4AB58; width: 88%; padding: 1px 15px; margin: 10px; box-shadow: 0 1px 3px rgba(0,0,0,.5); margin: auto}
  .tofrom {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px #F4AB58; color: #21252E}

  Pages using this styling

  • the-beauty [info]

  ¶ 1 occurrence
  

  
  @import url(‘https://fonts.googleapis.com/css2?family=Anton&family=Playfair+Display+SC&display=swap’);
  
  div.newspaper-border {
  
      border: 2px solid black;
  
  }
  
  div.newspaper-main {
  
      font-family: ‘Special Elite’, sans-serif;
  
  }
  
  div.newspaper-title {
  
      font-family: ‘Playfair Display SC’, serif;
  
      font-size: 4em;
  
      text-align: center;
  
      margin: 0.25em;
  
  }
  
  div.newspaper-banner {
  
      font-family: serif;
  
      font-size: 110%;
  
      border-top-style: solid;
  
      border-bottom-style: solid;
  
  }
  
  div.newspaper-headline {
  
      font-family: ‘Anton’, serif;
  
      margin: 2px 0 5px;
  
      text-align: center;
  
  }
  
  div.newspaper-reporter {
  
      font-family: serif;
  
      font-size: 120%;
  
      font-style: italic;
  
      text-align: center;
  
  }
  
  div.newspaper-body {
  
      font-family: serif;
  
      font-size: 1.2em;
  
      text-align: justify;
  
      text-justify: inter-word;
  
      line-height: 1.4em;
  
      padding: 1em;
  
  }
  
  div.newspaper-body div.scp-image-block {
  
      margin: 0.5em 0 0 1em;
  
  }
  
  div.rejection {
  
      border: 4px solid #ff4040;
  
      border-radius: 30px;
  
      font-weight: bold;
  
      color: #ff4040;
  
      text-align: center;
  
      margin: 0.5em;
  
  }
  
  div.rejection-wrap {
  
       transform: rotate(-3.8deg);
  
       width: 35vw;
  
       margin-bottom: 1em;
  
       margin-left: 3em;
  
  }
  
  @media only screen and (max-width: 768px) {
  
      div.rejection-wrap {
  
          min-width: 60vw;
  
          width: 70vw;
  
          margin-left: -3em;
  
      }
  
  }
  
  div.appeal {
  
      margin-top: 5em;
  
  }
  
  blockquote .inner,
  
  div.blockquote .inner {
  
      border: .0625rem dashed rgba(var(--swatch-border-color), .95);
  
      box-shadow: none;
  
  }
  

  Pages using this styling

  • the-beat-must-go-on [info]

  ¶ 1 occurrence
  

  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;}
  div.parapost.reply6 {margin: 1em 3em 1em 9em;}
   
  @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;}
     div.parapost.reply6 {margin: 1em 0 1em 6em;}
  }
   
  @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;}
     div.parapost.reply6 {margin: 0.5em 0.5em 0.5em 3.5em;}

  Pages using this styling

  • the-bathrooms-wiki [info]

  ¶ 1 occurrence
  

  .parapost::after{
     content: "";
     display: block;
     clear: both;
  }

  Pages using this styling

  • the-bathrooms-wiki [info]

  ¶ 1 occurrence
  

  /* MOBILE CODE */
  @media (max-width: 767px) { 
      div#header {
          background-size: 22em !important;
          background-position: 1em !important;
      }
   
      #top-bar .open-menu a {
          border: 0.2em solid var(--bg-light);
          background-color: #787878;
          color: var(--bg-light);
    }
  }

  Pages using this styling

  • the-bathrooms-wiki [info]

  ¶ 1 occurrence
  

  div#header {
      background: url(https://scp-wiki.wdfiles.com/local--files/the-bathrooms-wiki/bathrooms.png) 10px 40px no-repeat;
  }
  #page-title {
      display: none;
  }
  span, a { word-break: normal !important }

  Pages using this styling

  • the-bathrooms-wiki [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Courgette&display=swap');

  Pages using this styling

  • the-bathrooms-wiki [info]

  ¶ 1 occurrence
  

  div#container-wrap {
      background-image: url(http://scp-wiki.wikidot.com/local--files/grigori-karpin-s-author-page/backgroundVK-1);
  }
  :root {
      --logo-image: url("https://scp-wiki.wikidot.com/local--files/grigori-karpin-s-author-page/VKlogo-pride-Small");
      --header-title: "  Vikander-Kneed";
      --header-subtitle: "   Technical Media";
  }
  
  /* Adjust Mobile Image Size */
  @media (max-width: 479px) {
  #header {
      background-size: 100px 100px;
      background-position: 1em;
  }
  }
  
  #page-title {
      display: none;
  }

  Pages using this styling

  • the-art-of-vikander-kneed-technical-media [info]

  ¶ 1 occurrence
  

  /* This is CSS that will not be part of theme, just for the page itself */
  
  /* SCP HEADER */
  .scp-header {
      position: relative;
      width: 100%;
      height: 80px;
      margin: 0;
      padding: 10px 0;
  }
  
  .scp-header .scp-logo {
      position: absolute;
      left: -14px;
      top: 50%;
      transform: translateY(-50%);
      width: 80px;
      height: 80px;
      border-radius: 50%;
      overflow: hidden;
  }
  
  .scp-header .scp-logo img {
      width: 100%;
      height: 100%;
      object-fit: contain;
  }
  
  .scp-header .scp-text-stack {
      position: absolute;
      left: 75px;
      top: 50%;
      transform: translateY(-50%);
      margin: 0;
      padding: 0;
      padding-left: 6px;
  }
  
  .scp-header .scp-text-stack p {
      line-height: 0;
  }
  
  .scp-header .scp-foundation {
      font-size: 14.7px;
      font-weight: 700;
      color: #333;
      margin: 0;
      padding: 0;
      line-height: 1;
      text-align: center;
  }
  
  .scp-header .scp-site {
      font-size: 33px;
      font-weight: 900;
      color: #333;
      margin: 2px 0 0 0;
      padding: 0;
      line-height: 1;
      text-align: center;
  }
  
  .scp-header .scp-classification {
      position: absolute;
      right: 0;
      top: 50%;
      transform: translateY(-50%);
      max-width: 300px;
      padding-left: 18rem;
      text-align: right;
  }
  
  .scp-header .redacted-highlight {
      background: #000;
      color: white;
      padding: 3px 6px;
      font-size: 14px;
      letter-spacing: 0.5px;
      line-height: 1.3;
  }
  
  /* SCP File Table - Desktop */
  .scp-file-table {
      width: 100%;
      border-collapse: collapse;
      margin: 0px 0px 8px 0px;
      font-size: 18px;
  }
  
  .scp-file-table td {
      padding: 0px 0px 4px 0px;
      border: none;
  }
  
  .scp-file-table .left-cell {
      text-align: left;
      font-weight: normal; 
      width: 50%;
  }
  
  .scp-file-table .right-cell {
      text-align: right;
      font-weight: 800;
      width: 50%;
  }
  
  .scp-file-table .clearance-cell {
      background: rgb(255, 18, 29);
      color: rgb(var(--basalt-secondary-color));
      text-align: center;
      padding: 4px;
      font-weight: bold;
      font-size: 21px;
      letter-spacing: 2px;
  }
  
  /* Tablet and smaller laptops - 800px and below */
  @media screen and (max-width: 800px) {
      .scp-header .scp-classification {
          position: static;
          padding-left: 0;
          text-align: left;
          max-width: none;
          margin-top: 15px;
          transform: none;
      }
      
      .scp-header {
          height: auto;
          min-height: 120px;
          padding: 15px 0 25px 0;
      }
      
      .scp-file-table {
          font-size: 16px;
      }
      
      .scp-file-table .clearance-cell {
          font-size: 18px;
          padding: 6px;
      }
  }
  
  /* Mobile Tablets - 768px and below */
  @media screen and (max-width: 768px) {
      .scp-header {
          height: auto;
          min-height: 140px;
          padding: 15px 0 30px 0;
      }
      
      .scp-header .scp-logo {
          left: 0;
          width: 70px;
          height: 70px;
      }
      
      .scp-header .scp-text-stack {
          left: 80px;
          padding-left: 0;
      }
      
      .scp-header .scp-foundation {
          font-size: 13px;
          text-align: left;
      }
      
      .scp-header .scp-site {
          font-size: 29px;
          text-align: left;
      }
      
      .scp-header .scp-classification {
          position: static;
          margin-top: 20px;
          padding-left: 0;
          text-align: left;
      }
      
      .scp-header .redacted-highlight {
          font-size: 12px;
          padding: 4px 6px;
          line-height: 1.4;
      }
      
      .scp-file-table {
          font-size: 15px;
      }
      
      .scp-file-table td {
          padding: 2px 0 6px 0;
      }
      
      .scp-file-table .clearance-cell {
          font-size: 16px;
          padding: 8px 4px;
          letter-spacing: 1px;
      }
  }
  
  /* Large phones - 600px and below */
  @media screen and (max-width: 600px) {
      .scp-header {
          min-height: 160px;
          padding: 10px 0 35px 0;
      }
      
      .scp-header .scp-logo {
          width: 60px;
          height: 60px;
      }
      
      .scp-header .scp-text-stack {
          left: 70px;
      }
      
      .scp-header .scp-foundation {
          font-size: 12px;
      }
      
      .scp-header .scp-site {
          font-size: 26px;
      }
      
      .scp-header .redacted-highlight {
          font-size: 11px;
          padding: 3px 5px;
      }
      
      .scp-file-table {
          font-size: 14px;
      }
      
      .scp-file-table .clearance-cell {
          font-size: 15px;
          padding: 8px 2px;
          letter-spacing: 0.5px;
      }
  }
  
  /* Small phones - 480px and below */
  @media screen and (max-width: 480px) {
      .scp-header {
          min-height: 180px;
          padding: 10px 0 40px 0;
      }
      
      .scp-header .scp-logo {
          width: 50px;
          height: 50px;
      }
      
      .scp-header .scp-text-stack {
          left: 60px;
      }
      
      .scp-header .scp-foundation {
          font-size: 11px;
      }
      
      .scp-header .scp-site {
          font-size: 22px;
      }
      
      .scp-header .redacted-highlight {
          font-size: 10px;
          padding: 3px 4px;
          line-height: 1.5;
      }
      
      .scp-file-table {
          font-size: 13px;
          margin-bottom: 12px;
      }
      
      .scp-file-table td {
          padding: 3px 0 8px 0;
      }
      
      .scp-file-table .left-cell,
      .scp-file-table .right-cell {
          width: 50%;
          word-wrap: break-word;
      }
      
      .scp-file-table .clearance-cell {
          font-size: 14px;
          padding: 10px 2px;
          letter-spacing: 0.5px;
          line-height: 1.2;
      }
  }
  
  /* Very small phones - 360px and below */
  @media screen and (max-width: 360px) {
      .scp-header {
          min-height: 200px;
          padding: 8px 0 45px 0;
      }
      
      .scp-header .scp-logo {
          width: 45px;
          height: 45px;
      }
      
      .scp-header .scp-text-stack {
          left: 55px;
      }
      
      .scp-header .scp-foundation {
          font-size: 10px;
      }
      
      .scp-header .scp-site {
          font-size: 20px;
      }
      
      .scp-header .redacted-highlight {
          font-size: 9px;
          padding: 2px 3px;
      }
      
      .scp-file-table {
          font-size: 12px;
      }
      
      .scp-file-table .clearance-cell {
          font-size: 13px;
          padding: 12px 2px;
          word-wrap: break-word;
          hyphens: auto;
      }
  }

  Pages using this styling

  • the-arlington-summit [info]

  ¶ 1 occurrence
  

  
  @import url('https://fonts.googleapis.com/css2?family=Permanent+Marker&display=swap');
  
  /* ROOT SETTINGS */
  :root {
      --title: "SCP FOUNDATION";
      --subtitle: "SITE-02";
      --title-size: 1.2rem;
      --subtitle-size: 2.5rem;
      --logo: url('https://scp-wiki.wdfiles.com/local--files/the-arlington-summit/primary_shcr_white.png');
  
      --basalt-secondary-color: 34, 34, 35;
      --top-bar-dropdown-background: var(--basalt-secondary-color);
      --basalt-UI-dark-pallete: 89, 89, 89;
  
      --header-UI-font-size: calc(var(--true-font-size) * .85);
      --header-UI-font-size: calc(var(--true-font-size) * .95);
      --basalt-bright-element-color: 224, 72, 73;
      --basalt-main-text-color: 230, 230, 230;
      
      --base-header-height: calc((var(--title-size) + var(--subtitle-size)) * 1.275 + 1.5rem);
  
      --search-button-width: 2.5rem;
      --user-button-width: 3.5rem;
  
      --blockquote-background-color: var(--basalt-UI-dark-palette);
  
      --footnote-background-color: var(--basalt-UI-dark-palette);
      --image-caption-background-color: var(--basalt-secondary-color);
      --basalt-th-background-color: var(--basalt-secondary-color);
      --hr-color: var(--basalt-UI-dark-palette);
  }
  
  /* HEADER MUMBO JUMBO */
  
  #header {
      display: grid;
      position: sticky;
      contain: layout;
  }
  
  #header::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background-image: url('https://scp-wiki.wdfiles.com/local--files/the-arlington-summit/inv_pate_black_v2_redux.png');
      filter: brightness(1.1) contrast(1) saturate(0.9);
      background-repeat: repeat;
      background-size: auto;
      z-index: -1;
      pointer-events: none;
  }
  
  #header-extra-div-1 {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      overflow: hidden; /* ONLY this div clips - not the whole header */
      pointer-events: none;
      z-index: 1;
  }
  
  #header-extra-div-1 span {
      position: absolute;
      top: 50%;
      right: calc(var(--search-button-width) + var(--user-button-width) + 250px);
      width: clamp(925px, 20vw, 650px);
      height: clamp(950px, 25vw, 550px);
      transform: translateY(-50%) rotate(-15deg);
      background-image: url('https://scp-wiki.wdfiles.com/local--files/the-arlington-summit/primary_shcr_white.png');
      background-repeat: no-repeat;
      background-size: contain;
      background-position: center;
      opacity: 0.25;
      filter: hue-rotate(180deg) saturate(0.3) brightness(0.7);
      display: block;
  }
  
  /* HIDE: Crown on mobile */
  @media (max-width: 1100px) {
      #header-extra-div-1 {
          display: none;
      }
  }
  
  #header h1 a span {
      margin-left: 0.65rem;
  }
  
  #header h1 a::before {
      width: calc(var(--base-header-height) * 0.65);
      min-width: calc(var(--base-header-height) * 0.70);
  }
  
  #header h1 a span {
      text-align: center;
      display: inline-block;
      width: max-content;
      min-width: max-content;
      height: unset;
  }
  
  #header h1 a span::before,
  #header h1 a span::after {
      display: block;
      white-space: nowrap;
      width: max-content;
      margin: 0 auto;
  }
  
  #header h1 a span::before {
      content: var(--title);
      font-size: var(--title-size);
      font-weight: bold;
      line-height: 1.1;
  }
  
  #header h1 a span::after {
      content: var(--subtitle);
      font-size: var(--subtitle-size);
      font-weight: 900;
      line-height: 1;
      margin-bottom: 0px;
  }
  
  /* TOPBAR */
  
  #top-bar div[class*=top-bar]>ul>li>a {
      padding: 0 calc(var(--header-UI-font-size) * 2.5);
  }
  
  #top-bar div[class*=top-bar] ul li ul li a {
      background: rgb(var(--basalt-UI-dark-palette), var(--basalt-UI-opacity)); 
  }
  
  
  #top-bar div[class*=top-bar] > ul > li {
      margin: 0rem 0rem;
      white-space: nowrap;
  }
  
  #top-bar div[class*=top-bar] > ul > li > a {
      transition: background-color 0.15s ease;
      padding: 0 calc(var(--header-UI-font-size) * 2.5);
  }
  
  #top-bar div[class*=top-bar] > ul > li:first-child {
      margin-left: 0;
  }
  
  #top-bar div[class*=top-bar] > ul > li:last-child {
      margin-right: 0;
  }
  
  /* LOGIN STATUS */
  #login-status span.printuser>a {
      padding: min(calc(var(--base-header-height) * .175), 0.325rem);
  }
  
  /* BODY */
  body {
      color: rgb(var(--basalt-secondary-color));
      background-image: url(https://scp-wiki.wdfiles.com/local--files/the-arlington-summit/nor_pate_white_v2_redux.png);
  
  /* BLOCKQUOTES */
  
  .blockquote hr {
      background-color: rgb(var(--basalt-primary-color));
  }
  
  /* TABLES */
  table th,
  table tr:first-child td {
      border: 0.15rem solid rgb(var(--basalt-secondary-color));
  }
  
  /* TABS */
  .yui-navset.yui-navset-top {
      border: 1px solid rgb(var(--basalt-secondary-color));
  }
  
  :is(:where(#page-content) table:not(.form),table.wiki-content-table) td {
     border: solid 0.15rem rgb(var(--basalt-UI-dark-palette));
  }
  
  /* PAGE TITLE */
  #page-title, .meta-title {
      color: rgba(var(--basalt-secondary-color));
      font-size: xxx-large;
  }
  
  /* HOVERTIPS COLORING */
  .bibitems, .footnotes-footer, .hovertip {
      color: rgb(var(--basalt-primary-color));
  }
  
  /* EDIT AREA */
  #edit-page-textarea, #np-text {
      color: rgb(var(--basalt-secondary-color));
  }
  
  /* BIBLITEMS */
  .bibitems .title, .footnotes-footer .title {
      background-color: rgb(var(--basalt-secondary-color));
  }
  
  .bibitems::before, .footnotes-footer::before {
      background-color: rgb(var(--basalt-secondary-color));
  }
  
  /* USER PROFILE WINDOW */
  .owindow .title {
      opacity: 80%;
      color: rgb(var(--basalt-secondary-color));
  }
  
  
  /* SCROLL */
  * {
      scrollbar-width: thin;
      scrollbar-color: rgb(var(--scrollbar-thumb-color)) rgb(89 89 89);
  }
  
  /* PAGE TAGS */
  #main-content>.page-tags>span a {
      color: rgb(var(--basalt-primary-color));
  }
  
  /* TEXT AREA */
  input[type=text], textarea {
      color: rgb(var(--basalt-secondary-color));
  }
  
  /* ACTION AREA (FILE UPLOAD) */
  #action-area input.text, textarea#file-comments {
      color: rgba(var(--basalt-primary-color));
  }
  
  /* PREVIEW MESSAGE */
  .preview-message {
      background-color: rgba(var(--basalt-primary-color));
  }
  
  /* DOCUMENT DIVS */
  div.document {
      box-shadow: 0px 1px 1.9px -4px rgb(0 0 0 / 50%), 0px 6px 15px -4px rgb(0 0 0 / 64%);
      background-image: url(https://scp-wiki.wdfiles.com/local--files/the-arlington-summit/nor_pate_white_v2_redux.png);
  }
  
  div.document::before {
      box-shadow: 0px 1px 1.9px -4px rgb(0 0 0 / 50%), 0px 6px 15px -4px rgb(0 0 0 / 64%);
  }
  
  div.document::before {
      box-shadow: 0px 1px 1.9px -4px rgb(0 0 0 / 50%), 0px 6px 15px -4px rgb(0 0 0 / 64%);
  }
  div:is(.document)::before, div:is(.document)::after {
      background-image: url(https://scp-wiki.wdfiles.com/local--files/the-arlington-summit/nor_pate_white_v2_redux.png);
  }
  
  #page-content div:is(.document, .darkdocument) {
      max-width: 60rem;
  }
  
  div.darkdocument {
      background-color: rgb(var(--darkdocument-background-color), 0.25);
      box-shadow: 0px 1px 1.9px -4px rgb(150 150 159 / 75%), 0px 6px 15px -4px rgb(0 0 0 / 76%);
      background-image: url('https://scp-wiki.wdfiles.com/local--files/the-arlington-summit/inv_pate_black_v2_redux.png');
  }
  
  div:is(.darkdocument)::before, div:is(.darkdocument)::after {
      background-color: rgb(var(--darkdocument-background-color));
      opacity: 90%;
      background-image: url('https://scp-wiki.wdfiles.com/local--files/the-arlington-summit/inv_pate_black_v2_redux.png');
  }
  
  /* HIGHLIGHTER SPAN */
  .shighlight {
      position: relative;
      background: linear-gradient(104deg, 
          rgb(255 255 0 / 28%) 0.9%, 
          rgba(255, 255, 0, 0.8) 2.4%, 
          rgba(255, 255, 0, 0.5) 5.8%, 
          rgb(255 255 0 / 52%) 93%, 
          rgba(255, 255, 0, 0.7) 96%, 
          rgb(255 255 0 / 29%) 98%);
      );
      border-radius: 1.2em 0.3em 0.8em 0.7em;
      padding: 0.1em 0.2em;
      background-size: 100% 60%;
      background-position: 0 40%;
      background-repeat: no-repeat;
      );
  }
  
  .shighlight::before {
      content: '';
      position: relative;
      top: -3px;
      left: -4px;
      bottom: -4px;
      background: rgba(255, 255, 0, 0.3);
      border-radius: 0.8em 0.3em 0.9em 0.4em;
      z-index: -1;
      transform: rotate(-0.5deg) skew(-1deg);
      clip-path: polygon(
          0% 10%, 15% 16%, 25% 12%, 35% 18%, 45% 14%, 
          55% 10%, 65% 16%, 75% 12%, 85% 18%, 100% 14%, 
          100% 90%, 85% 86%, 75% 92%, 65% 88%, 55% 94%, 
          45% 90%, 35% 86%, 25% 92%, 15% 88%, 0% 92%
      );
  }
  
  
  .shighlight::after {
      content: '';
      position: relative;
      top: -2px;
      left: -2px;
      right: -4px;
      bottom: -3px;
      background: rgba(255, 255, 0, 0.15);
      border-radius: 0.6em 0.7em 0.5em 0.8em;
      z-index: -2;
      transform: rotate(0.3deg) skew(0.5deg);
      clip-path: polygon(
              0% 14%, 12% 10%, 24% 16%, 36% 12%, 48% 18%, 
              60% 14%, 72% 10%, 84% 16%, 96% 12%, 100% 18%, 
              100% 88%, 96% 92%, 84% 86%, 72% 94%, 60% 90%, 
              48% 86%, 36% 92%, 24% 88%, 12% 94%, 0% 90%
          );
   }
  
  
  .shighlight-orange {
      position: relative;
      background: linear-gradient(102deg, 
      rgba(255, 165, 0, 0) 0.9%, 
      rgba(255, 165, 0, 0.8) 2.4%, 
      rgba(255, 165, 0, 0.5) 5.8%, 
      rgba(255, 165, 0, 0.45) 93%, 
      rgba(255, 165, 0, 0.7) 96%, 
      rgba(255, 165, 0, 0) 98%)
         );
      border-radius: 1.2em 0.3em 0.8em 0.7em;
      padding: 0.1em 0.2em;
      background-size: 100% 60%;
      background-position: 0 40%;
      background-repeat: no-repeat;
          );
  }
  
  .shighlight-orange::before {
      content: '';
      position: relative;
      top: -2px;
      left: -3px;
      bottom: -2px;
      background: rgba(255, 165, 0, 0.3);
      border-radius: 0.7em 0.5em 0.8em 0.3em;
      z-index: -1;
      transform: rotate(0.4deg) skew(-0.8deg);
      clip-path: polygon(
          0% 16%, 15% 12%, 30% 18%, 45% 14%, 60% 10%, 
          75% 16%, 90% 12%, 100% 18%, 100% 88%, 90% 92%, 
          75% 86%, 60% 94%, 45% 90%, 30% 86%, 15% 92%, 0% 88%
      );
  }
  
  .shighlight-pink {
      position: relative;
      background: linear-gradient(106deg, rgba(255, 20, 147, 0) 0.9%, rgba(255, 20, 147, 0.6) 2.4%, rgba(255, 20, 147, 0.4) 5.8%, rgba(255, 20, 147, 0.1) 93%, rgba(255, 20, 147, 0.6) 96%, rgba(255, 20, 147, 0) 98%);
      border-radius: 1.2em 0.3em 0.8em 0.7em;
      padding: 0.1em 0.2em;
      background-size: 100% 60%;
      background-position: 0 40%;
      background-repeat: no-repeat;
  }
  
  .shighlight-pink::before {
      content: '';
      position: relative;
      top: -1px;
      left: -2px;
      bottom: -3px;
      background: rgba(255, 20, 147, 0.25);
      border-radius: 0.5em 0.9em 0.4em 1.1em;
      z-index: -1;
      transform: rotate(-0.3deg) skew(1deg);
      /* Pink subtle wavy background */
      clip-path: polygon(
          0% 12%, 20% 18%, 35% 14%, 50% 10%, 65% 16%, 
          80% 12%, 100% 18%, 100% 90%, 80% 86%, 65% 92%, 
          50% 88%, 35% 94%, 20% 90%, 0% 86%
      );
  }
  
  .shighlight-blue {
      position: relative;
      background: linear-gradient(102deg, 
          rgba(0, 191, 255, 0) 0.9%, 
          rgba(0, 191, 255, 0.8) 2.4%, 
          rgba(0, 191, 255, 0.5) 5.8%, 
          rgba(0, 191, 255, 0.1) 93%, 
          rgba(0, 191, 255, 0.7) 96%, 
          rgba(0, 191, 255, 0) 98%
      );
      border-radius: 1.2em 0.3em 0.8em 0.7em;
      padding: 0.1em 0.2em;
      background-size: 100% 60%;
      background-position: 0 40%;
      background-repeat: no-repeat;
  }
  
  .shighlight-blue::before {
      content: '';
      position: absolute;
      top: -2px;
      left: -3px;
      right: -3px;
      bottom: -2px;
      background: rgba(0, 191, 255, 0.3);
      border-radius: 0.7em 0.5em 0.8em 0.3em;
      z-index: -1;
      transform: rotate(0.4deg) skew(-0.8deg);
      clip-path: polygon(
          0% 16%, 15% 12%, 30% 18%, 45% 14%, 60% 10%, 
          75% 16%, 90% 12%, 100% 18%, 100% 88%, 90% 92%, 
          75% 86%, 60% 94%, 45% 90%, 30% 86%, 15% 92%, 0% 88%
      );
  }
  
  
  /* STICKY NOTES */
  #page-content div.stickynote {
     float: left;
     max-width: calc(var(--main-content-width) / 2.15);
     box-sizing: border-box;
     margin: 0.25rem 1.25rem;
     padding-inline: 1.2rem;
     padding-block: 0.5rem;
     font-size: 1.1525em;
     border-radius: 7px;
     position: relative;
     font-family: 'Permanent Marker', cursive;
     letter-spacing: 0.75px;
     box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.2), inset 0 0 0 1px rgba(255, 255, 255, 0.4), inset 0 -2px 4px rgba(0, 0, 0, 0.05);
     transform: rotate(-1deg);
     transition: transform 0.2s ease;
  }
  
  /* Hover effect for interactivity */
  #page-content div.stickynote:hover {
      transform: rotate(0deg) scale(1.02);
      box-shadow: 
          4px 4px 12px rgba(0, 0, 0, 0.25),
          inset 0 0 0 1px rgba(255, 255, 255, 0.5),
          inset 0 -3px 6px rgba(0, 0, 0, 0.08);
  }
  
  /* Position Controls */
  #page-content div.stickynote.left {
      float: left;
      margin-left: clamp(calc(var(--main-content-width) / -4.5), calc((87.5vw - 95%) / -2), 0rem); 
  }
  
  #page-content div.stickynote.right {
      float: right;
      clamp(calc(var(--main-content-width) / -100), calc((87.5vw - 95%) / -2), -2rem)
      margin-left: 1.25rem;
  }
  
  /* Tilt Controls */
  #page-content div.stickynote.tilt-none {
      transform: rotate(0deg);
  }
  
  #page-content div.stickynote.tilt-light {
      transform: rotate(-0.5deg);
  }
  
  #page-content div.stickynote.tilt-medium {
      transform: rotate(-2deg);
  }
  
  #page-content div.stickynote.tilt-heavy {
      transform: rotate(-3deg);
  }
  
  #page-content div.stickynote.tilt-right-light {
      transform: rotate(0.5deg);
  }
  
  #page-content div.stickynote.tilt-right-medium {
      transform: rotate(2deg);
  }
  
  #page-content div.stickynote.tilt-right-heavy {
      transform: rotate(3deg);
  }
  
  #page-content div.stickynote.tilt-none:hover { transform: rotate(0deg) scale(1.02); }
  #page-content div.stickynote.tilt-light:hover { transform: rotate(-0.5deg) scale(1.02); }
  #page-content div.stickynote.tilt-normal:hover { transform: rotate(-1deg) scale(1.02); }
  #page-content div.stickynote.tilt-medium:hover { transform: rotate(-2deg) scale(1.02); }
  #page-content div.stickynote.tilt-heavy:hover { transform: rotate(-3deg) scale(1.02); }
  #page-content div.stickynote.tilt-right-light:hover { transform: rotate(0.5deg) scale(1.02); }
  #page-content div.stickynote.tilt-right-normal:hover { transform: rotate(1deg) scale(1.02); }
  #page-content div.stickynote.tilt-right-medium:hover { transform: rotate(2deg) scale(1.02); }
  #page-content div.stickynote.tilt-right-heavy:hover { transform: rotate(3deg) scale(1.02); }
  
  #page-content div.stickynote.yellow {
      background-color: #ffeb3b;
      border: solid 0.12rem #f9c74f;
      color: #333;
  }
  
  #page-content div.stickynote.red {
      background-color: #ff5252;
      border: solid 0.12rem #e53935;
  }
  
  #page-content div.stickynote.blue {
      background-color: #42a5f5;
      border: solid 0.12rem #1976d2;
  }
  
  #page-content div.stickynote.green {
      background-color: #66bb6a;
      border: solid 0.12rem #388e3c;
  }
  
  #page-content div.stickynote.orange {
      background-color: #ff9800;
      border: solid 0.12rem #f57c00;
  }
  
  #page-content div.stickynote.pink {
      background-color: #fb85ad;
      border: solid 0.12rem #c2185b;
  }
  
  div.warning {
      width: 80%;
      margin: 0.625rem auto;
      padding: 0.9375rem;
      border: solid 0.125rem rgb(92, 149, 230);
      background: #fff url('https://scp-wiki.wdfiles.com/local--files/theme%3Agoc/goc-fade.png') center no-repeat;
      color: black;
      text-align: center;
  }
  
  div.warning hr {
      border-color: rgb(92, 149, 230);
  }
  

  Pages using this styling

  • the-arlington-summit [info]

  ¶ 1 occurrence
  

  :root {
  --logo: url("https://i.imgur.com/k9Lp7Zr.png");
  --header-title: "Arachne";
  --header-subtitle: "War is father of everything, war is king of everything.";
  --basalt-primary-color: 20, 20, 20;
      --basalt-primary-color: 28, 0, 0;
  --basalt-UI-dark-palette: 0,0,0;
  --basalt-UI-background-color: 0,0,0;
  --header-background-color: 0,0,0;
  }
  @media only screen and (min-width: 1020px) {
    body {
      background: url("https://i.imgur.com/UQPTkVg.png");
      background-size: cover;
      background-attachment: fixed;
      background-repeat: no-repeat;
      background-position: 25% 25%;
    }
  }
  
  .cards {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
  }
  
  .cards > div {
    margin: -12px;
  }
  
  .cards a {
    border-bottom: none !important;
  }
  
  .cards a:hover,
  .cards a::selection {
    background-color: rgb(var(--accent));
  }
  
  .cards .image-container:nth-of-type(1) *,
  .yui-nav li:nth-of-type(1),
  .yui-content div:nth-of-type(1) * {
    --accent: 175, 175, 175;
  }
  
  .cards .image-container:nth-of-type(2) *,
  .yui-nav li:nth-of-type(2),
  .yui-content div:nth-of-type(2) * {
    --accent: var(--five-color);
  }
  
  .cards .image-container:nth-of-type(3) *,
  .yui-nav li:nth-of-type(3),
  .yui-content div:nth-of-type(3) * {
    --accent: var(--two-color);
  }
  
  .cards .image-container:nth-of-type(4) *,
  .yui-nav li:nth-of-type(4),
  .yui-content div:nth-of-type(4) * {
    --accent: var(--one-color);
  }
  
  div.warning {
      width: 80%;
      margin: 0.625rem auto;
      padding: 0.9375rem;
      border: solid 0.125rem rgb(var(--swatch-primary-darker));
      background: #fff url('https://scp-wiki.wdfiles.com/local--files/scp-7555/Anomaly.png') center no-repeat;
      color: black;
      text-align: center;
  }
  .admo-episode_splash .ctrl {
      font-size: 5vw;
      line-height: 8vw;
  }
  
  .admo-intermission_splash .ctrl {
      font-family: var(--mono-font);
      font-size: 3vw;
      line-height: 2vw;
      letter-spacing: 0.5vw;
  }
  
  :is(.admo-episode_splash, .admo-intermission_splash) .cond:not(.admo-accessibility .cond) {
      font-size: 2vw;
      opacity: 80%;
  }
  
  .admo-episode_splash .cond:not(.admo-accessibility .cond) {
      font-weight: bold;
  }

  Pages using this styling

  • the-arachne-hub [info]

  ¶ 1 occurrence
  

  :root {
       --header-title: "SITE-37";
       --header-subtitle: "We’ve Got Problems.";
       --accent: 151, 206, 142;
       --logo-img: url(https://scp-wiki.wdfiles.com/local--files/the-appliance-war-hub/37NONUMBERSVG.svg);
  }

  Pages using this styling

  • the-appliance-war-hub [info]

  ¶ 1 occurrence
  

  
  div.rule hr {
  
      height: 1px;
  
      border: none;
  
      color: #082706;
  
      background-color: #082706;
  
      width: 100%;
  
      margin: 20px 0px 20px 0px;
  
  }

  Pages using this styling

  • the-antiquarian [info]

  ¶ 1 occurrence
  

  blockquote {
      border: 1px solid rgba(160,188,160,0.5); 
      background-color: rgba(255,255,255,0.5);
  }

  Pages using this styling

  • the-amazonian-hind [info]

  ¶ 1 occurrence
  

  
  /* FAKE LINKS */
   span.fakelink{
       font-weight: bold;
       cursor: pointer;
  
  }
   span.fakelink:hover,
   span.fakelink:focus{
       text-decoration: underline;
  
  }
  
  /* PAGE NUMBERS */
   span.pagenumber{
       font-weight: bold;
       cursor: pointer;
       border: 1px solid #545454;
       display: inline;
       
  }
   span.pagenumber:hover,
   span.pagenumber:focus{
       text-decoration: underline;
  
  }
  
  /* DIV */
   div.threaddesc{
      border: 1px solid #999;
      padding: 1px 1px;
      margin: 0 6em;
          background: linear-gradient(180deg, black, #706649);
          border-radius: 10px;
          box-shadow: 2px 2px 10px #545454;
  }
  

  Pages using this styling

  • the-acrid-corpse [info]

  ¶ 1 occurrence
  

  /* HEADER */
   :root{
     --header-title: "‘PATAPHYSICS DEPT.";
     --header-subtitle: "WRITING OUR OWN DESTINY";
     --titleColor: hsl(0, 0%, 91%);
     --subtitleColor: hsl(0, 0%, 91%);
     --lgurl: url(https://scp-wiki.wikidot.com/local--files/theme:pataphysics/pataphysicslogo-ani.svg);
  }
  
   #page-title{
       display: none;
  }
  
   #header::before{
       opacity: .7;
  }
  
   #header h1 a::before{
       text-shadow:
            -1.75px -1.75px hsl(0, 0%, 5%),
            0       -1.75px hsl(0, 0%, 5%),
            1.75px  -1.75px hsl(0, 0%, 5%),
            1.75px   0   hsl(0, 0%, 5%),
            1.75px   1.75px hsl(0, 0%, 5%),
            0        1.75px hsl(0, 0%, 5%),
            -1.75px  1.75px hsl(0, 0%, 5%),
            -1.75px  0   hsl(0, 0%, 5%);
  }
  
   #header h2::before{
       text-shadow:
            -1px -1px hsl(0, 0%, 5%),
            0    -1px hsl(0, 0%, 5%),
            1px  -1px hsl(0, 0%, 5%),
            1px   0   hsl(0, 0%, 5%),
            1px   1px hsl(0, 0%, 5%),
            0     1px hsl(0, 0%, 5%),
            -1px  1px hsl(0, 0%, 5%),
            -1px  0   hsl(0, 0%, 5%);
  }
  
   #header-extra-div-1::before{
        display: none;
  }
  
  /* GENERAL */
   .THEY{
       font-family: "Georgia", serif;
       font-weight: bold;
  }
  
   .heather{
       color: hsl(332, 93%, 44%);
       font-weight: bold;
       word-break: unset;
  }

  Pages using this styling

  • the-abyss-gazes-back [info]

  ¶ 1 occurrence
  

  :root {
       --header-title: "THATFOUNDATION";
       --header-subtitle: "A BETTER WORLD FOR APPROXIMATELY NOBODY";
       --header-txt-color: #7A0094;
       --misc-txt-color: #7A0094;
       --accent: 102, 31, 135;
       --link-txt-color: #b161c9;
  }

  Pages using this styling

  • thatauthorpagethattime [info]

  ¶ 1 occurrence
  

  a:link {
    color: #C70000;
  }
  
  a:visited {
    color: #B90005;
  }
  
  a:hover {
    color: #F90000 ;
  }

  Pages using this styling

  • thatauthorpagethattime [info]

  ¶ 1 occurrence
  

  div.quote {
   background-color: #EF91FF;
   background-repeat: no-repeat;
   min-height: 4rem;
   margin-inline: auto;
   margin-block: 1rem;
   padding: 15px 15px 10px 15px;
   border: inset 6px rgb(218, 0, 255);
   text-align: center;

  Pages using this styling

  • thatauthorpagethattime [info]

  ¶ 1 occurrence
  

  div.comment {
   min-height: 4rem;
   margin-inline: auto;
   margin-block: 1rem;
   padding: 15px 15px 10px 15px;
   border: double 4px rgb(180, 180, 180);
   border-radius: 10px;
   text-align: left;

  Pages using this styling

  • thatauthorpagethattime [info]

  ¶ 1 occurrence
  

  div.classico {
   background-color: #ECECEC;
   background-repeat: no-repeat;
   min-height: 4rem;
   margin-inline: auto;
   margin-block: 2rem;
   padding-inline: 20px;
   padding-block: 10px;
   border: groove 8px rgb(131, 131, 131);
   border-radius: 15px;
   text-align: center;
  }

  Pages using this styling

  • thatauthorpagethattime [info]

  ¶ 1 occurrence
  

  div.site18 {
   background-color: black;
   background-repeat: no-repeat;
   min-height: 4rem;
   margin-inline: auto;
   margin-block: 2rem;
   padding-inline: 20px;
   padding-block: 10px;
   box-shadow: 1px 1px 2px 2px #ABABAB;
   border-radius: 15px;
   color: #FFFFFF;
   text-align: center;
  }

  Pages using this styling

  • thatauthorpagethattime [info]

  ¶ 1 occurrence
  

  div.talefullcustom {
   background-repeat: no-repeat;
   min-height: 4rem;
   margin-inline: auto;
   margin-block: 2rem;
   padding-inline: 20px;
   padding-block: 10px;
   box-shadow: 1px 1px 2px 2px #ABABAB;
   border-radius: 15px;
   text-align: center;
  }

  Pages using this styling

  • thatauthorpagethattime [info]

  ¶ 1 occurrence
  

  div.bordertale {
   background-color: white;
   background-repeat: no-repeat;
   min-height: 4rem;
   margin-inline: auto;
   margin-block: 2rem;
   padding-inline: 20px;
   padding-block: 10px;
   box-shadow: 1px 1px 2px 2px #ABABAB;
   border-radius: 15px;
   text-align: center;
  }

  Pages using this styling

  • thatauthorpagethattime [info]

  ¶ 1 occurrence
  

  div.tale {
   background-color: white;
   background-repeat: no-repeat;
   min-height: 4rem;
   margin-inline: auto;
   margin-block: 2rem;
   padding-inline: 20px;
   padding-block: 10px;
   border: solid 10px rgb(0, 0, 0);
   box-shadow: 1px 1px 2px 2px #ABABAB;
   border-radius: 15px;
   text-align: center;
  }

  Pages using this styling

  • thatauthorpagethattime [info]

  ¶ 1 occurrence
  

  div.article {
   background-color: white;
   background-repeat: no-repeat;
   min-height: 4rem;
   margin-inline: auto;
   margin-block: 2rem;
   padding-inline: 20px;
   padding-block: 10px;
   border: solid 5px rgb(151, 219, 113);
   box-shadow: 1px 1px 2px 2px #ABABAB;
   border-radius: 15px;
   text-align: center;
  }

  Pages using this styling

  • thatauthorpagethattime [info]

  ¶ 1 occurrence
  

  :root {
       --header-title: "DEPARTMENT OF DELETIONS";
       --header-subtitle: "Forever Bound to NULL";
       --lgurl: url('');
  }

  Pages using this styling

  • that-which-is-not [info]

  ¶ 1 occurrence
  

  :root {
    --accentColor: 0,100,0;
    --darkColor: 5,15,5;
  }
  
  .fake-login {
    text-align: center;
    margin: 4em 0;
  }
  
  .fake-login .collapsible-block-link {
    display: inline-block;
    padding: 0.8em 2em;
    background: rgba(0,100,0,0.25);
    color: rgb(0,100,0);
    border: 2px solid rgb(0,100,0);
    border-radius: 6px;
    font-family: 'Courier New', monospace;
    font-weight: bold;
    cursor: pointer;
    box-shadow: 0 0 12px rgba(0,100,0,0.5);
  }
  
  .fake-login .collapsible-block-link:hover {
    background: rgba(0,100,0,0.45);
    box-shadow: 0 0 25px rgba(0,100,0,0.8);
  }
  
  .fake-login .collapsible-block-unfolded-link {
    display: none;
  }
  
  .licensebox .collapsible-block-folded {
    display: block !important;
  }
  
  .licensebox .collapsible-block-unfolded,
  .licensebox .collapsible-block-content {
    display: none !important;
  }
  
  .licensebox .collapsible-block-link {
    color: rgb(0,100,0);
    font-family: 'Courier New', monospace;
  }

  Pages using this styling

  • that-wasnt-in-the-script [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css?family=Ruslan+Display');
  .shadow {
      font-family: 'Ruslan Display', cursive;
      font-size: 110%;
  }
  
  .icepick-author {
      display: none;
  }
  
  .orderwrapper {position: relative;width: auto;text-align: center;}.council1 {position: relative;top: 0;bottom: 0;left: 0;right: 0;width: 295px;height: 295px;margin: auto;background-image: url( "https://kaktuskontainer.wdfiles.com/local--files/format-hell/scp_trans.png" );background-size: 295px 295px;background-repeat: no-repeat;background-position: center;}.ordertitle {position: absolute;left: 0;right: 0;top: 38px;}.ordertitle h1 {font-size: 220%;color: #555;}.orderdescription {position: absolute;left: 0;right: 0;top: 85px;width: 100%;}.orderdescription p {font-size: 90%;color: #555;}.orderdescription h1 {font-size: 120%;color: #555;}.itemno {position: absolute;left: 0;right: 0;bottom: 27px;}.itemno h1 {font-size: 170%;color: #555;}
  

  Pages using this styling

  • that-s-my-jam [info]

  ¶ 1 occurrence
  

  /* ==== 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' by LtFlops
   * Colors by Jiwoahn
  **/
   .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: #400040;
      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: fff;
      /* ==== Tab Background Colour | [UNSELECTED] ==== */
      background-color: #d8d8d8;
      /* ==== */
      background-image: none;
      border: unset;
  }
  
   .yui-navset .yui-nav a:hover,
   .yui-navset .yui-nav a:focus {
      color: fff;
      /* ==== Tab Background Colour | [HOVER] ==== */
      background-color: #FCDBFF;
      /* ==== */
  }
  
   .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: #320082;
      /* ==== */
  }
  
   .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: #320082;
  }
  
   .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: 1em;
      border-color: hsl(0, 0%, 60%);
  }

  Pages using this styling

  • thalbrum-vehicle-security [info]

  ¶ 1 occurrence
  

  
  .lolly {color:purple; border-radius: 25px;background-color:pink;  background: linear-gradient(#fe6488, pink);padding: 15px;width: 150px;}
  
  .redLord {color:white; border-radius: 25px; background: red; padding: 15px;width: 150px;display: inline-block}
  
  .whiteLord {color:black; border-radius: 25px; border: 0.1em solid black; background: white; padding: 15px;width: 150px;display: inline-block}
  
  .investor {color: #663737; border-radius: 25px;background-color:#b5b096;padding: 15px;width: 150px;}
  
  .yellowLord {color:#343e00; border-radius: 25px; background: #ffff00; padding: 15px;width: 150px;display: inline-block}
  
  .kindness {color:black; border-radius: 25px;background-color:#1aff00; padding: 15px;width: 150px;}
  
  

  Pages using this styling

  • terrible-sunlight [info]

  ¶ 1 occurrence
  

  .email-example .collapsible-block-folded a.collapsible-block-link {
      animation: blink 0.8s ease-in-out infinite alternate;
  }
  @keyframes blink {
      0% { color: transparent; }
      50%, 100% { color: #b01; }
  }
  .email {border: solid 2px #000000; width: 88%; padding: 1px 15px; margin: 10px; box-shadow: 0 1px 3px rgba(0,0,0,.5)}
  .email-example a.collapsible-block-link {font-weight: bold;}
  .tofrom {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px purple}

  Pages using this styling

  • tell-me-why [info]

  ¶ 1 occurrence
  

  .logo-image {background-color: #B71234; border: solid 5px #000000; border-radius: 50%; width: 40%; padding: 10px;}
  .section {border: solid 2px #B71234; padding: 1px 15px; border-right: 0px; margin: 20px -7.5px 20px 20px;}
  .section-header {padding: 0px 5px 0px 5px; margin-top: -17.6px;  width: fit-content; background-color: #FAFAFA;}
  .section-content {margin-top: -10px;}

  Pages using this styling

  • telecommunications-monitoring-office-hub [info]

  ¶ 1 occurrence
  

  .policy {
      border: 1px solid #ddd;
      padding: 1em;
      margin-bottom: 1em;
  }

  Pages using this styling

  • technical-content-policy [info]

  ¶ 1 occurrence
  

  .script{
  border: 1px solid black;
  padding: 3em;
  font-family: "Courier New", monospace;
  text-align:center;
  }

  Pages using this styling

  • teamwork [info]

  ¶ 1 occurrence
  

  /* SITE HEADER */
   #header h1 a,
   #header h2 span{
       color: transparent;
       text-shadow: none;
  }
   #header h1 a::before{
       content: "The Avian Division";
       font-family: "Verdana", sans-serif;
  }
   #header h2 span::before{
       content: "Until we return to The Nest";
  }
  
  /* INFO BAR */
   body{ --barColour: hsl(45, 89%, 40%); }
   .info-container .collapsible-block-unfolded{ background: hsl(0, 0%, 100%); }
   #u-author_block{ display: none; }
  
  /* PAGE RATING */
   .page-rate-widget-box .rate-points{
       background-color: hsl(45, 89%, 40%) !important;
       border: 1px solid hsl(45, 89%, 40%);
  }
   .page-rate-widget-box .rateup,
   .page-rate-widget-box .ratedown{
       background-color: hsl(45, 100%, 97%);
       border-top: 1px solid hsl(45, 89%, 40%);
       border-bottom: 1px solid hsl(45, 89%, 40%);
  }
   .page-rate-widget-box .rateup a,
   .page-rate-widget-box .ratedown a{
       color: hsl(45, 89%, 40%);
  }
   .page-rate-widget-box .cancel{
       background-color: hsl(45, 89%, 40%);
       border: 1px solid hsl(45, 89%, 40%);
  }
   .page-rate-widget-box .cancel a{
       color: hsl(45, 76%, 67%);
  }
   .page-rate-widget-box .rateup a:hover,
   .page-rate-widget-box .ratedown a:hover{
       background: hsl(45, 89%, 40%);
  }
   .page-rate-widget-box .cancel a:hover{
       color: hsl(45, 100%, 97%);
       background: hsl(45, 89%, 40%);
  }
  
  /* FORMATTING */
   .bg-gradiant{
       margin: 0 -1.7em;
       padding: 0 1.7em;
  
       background:
         linear-gradient(to bottom,
                 hsl(0, 0%, 97%),
              hsl(45, 100%, 55%),
              hsl(45, 100%, 55%),
               hsl(0, 0%, 100%));
  }
  
  /* YUI-TABS */
   .yui-navset .yui-nav,
   .yui-navset .yui-navset-top .yui-nav{
       border-color: #444;
  }
  .yui-navset .yui-nav a,
  .yui-navset .yui-navset-top .yui-nav a{
      color: #000;
      background-color: #fff;
      font-weight: normal !important;
  }
  .yui-navset .yui-nav a:hover,
  .yui-navset .yui-nav a:focus{
      color: #000;
      background-color: #f3eddd;
      font-weight: normal !important;
  }
  .yui-navset .yui-nav .selected a,
  .yui-navset .yui-nav .selected a:focus, /* no focus effect for selected */
  .yui-navset .yui-nav .selected a:hover{ /* no hover effect for selected */
      color: #000 !important;
      background-color: #ffc105; /* selected tab background */
      font-weight: normal !important;
  }

  Pages using this styling

  • team-bird-art-page [info]

  ¶ 1 occurrence
  

  #header h1 a::before { content: "" !important;
  }
  
  #header h2 span::before { content: "" !important;
  }
  
  :root {
         --subtitle: ";
         --short_subtitle: ";
  }

  Pages using this styling

  • tboneberryhill-s-author-page [info]

  ¶ 1 occurrence
  

  
  .box {
      position: relative;
      isolation: isolate;
      contain: paint layout;
  
      .title {
          font-weight: 500;
          font-size: .875em;
          z-index: 3;
          transition: all var(--_duration) var(--_timing) var(--_delay);
      }
      .title p, .title::after { transition: inherit; }
  
  }
  
  .feature {
      padding: .5rem .625rem;
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto;
      grid-template-rows: min-content auto min-content;
      column-gap: .75rem;
      > * { grid-column: 1/2; }
  }
  .feature::after {
      content: "->";
      grid-row: 1 / 3;
      grid-column: 2 / 3;
      display: grid;
      place-items: center;
      font-size: 1.5em;
      font-weight: 500;
  }
  
  .feature .feature-article {
      display: flex;
      align-items: baseline;
      column-gap: .75ch;
      row-gap: .5ex;
      flex-wrap: wrap;
      h2 { margin: 0; line-height: 1; }
  }
  
  .feature-subtitle {
      font-size: .875em;
      font-weight: 550;
      flex-grow: 1;
  }
  
  .feature-blurb {
      flex-grow: 1;
  }
  
  /*
  .feature-blurb::after {
      content: "->";
      font-size: 2em;
      font-style: normal;
      font-weight: 500;
      grid-column: 2 / 3;
      grid-row-start: 1;
      grid-row-end: span all;
      display: grid;
      place-items: center;
  }*/
  
  .feature-select {
      grid-column: 1 / -1;
      font-size: .75em;
      font-style: italic;
      text-align: end;
  }
  
  
  .feature1box, .feature2box, .feature3box, .feature4box {
      --_duration: .625s;
      transition: color var(--_duration) var(--_timing) var(--_delay);
      h2 a { text-decoration: none; transition: color var(--_duration) var(--_timing) var(--_delay); }
  }
  
  .feature h2 a::after {
      content: "";
      position: absolute;
      top: 0; left: 0;
      width: 100%; height: 100%;
      z-index: 3;
  }
  
  
  :is(.feature1box, .feature2box, .feature3box, .feature4box):is(:hover,:focus-within) {
      color: black;
      h2 a { color: inherit; transition-delay: 0s; transition-duration: calc(var(--_duration) * 1.5); }
      h2 a::before { width: 100%; }
      .title { --box-accent: var(--active); }
  }
  
  :is(.feature1box, .feature2box, .feature3box, .feature4box)::before,
  :is(.feature1box, .feature2box, .feature3box, .feature4box)::after {
      content: "";
      position: absolute;
      top: 0; left: 0;
      width: 0; height: 100%;
      pointer-events: none;
      transition: width var(--_duration) var(--_timing) var(--_delay);
  }
  :is(.feature1box, .feature2box, .feature3box, .feature4box)::before {
      backdrop-filter: invert(1) grayscale(1);
      z-index: 1;
  }
  :is(.feature1box, .feature2box, .feature3box, .feature4box)::after {
      background-color: var(--active);
      mix-blend-mode: screen;
      z-index: 2;
  }
  :is(.feature1box, .feature2box, .feature3box, .feature4box):is(:hover,:focus-within)::before,
  :is(.feature1box, .feature2box, .feature3box, .feature4box):is(:hover,:focus-within)::after {
      width: 100%;
  }
  
  /*---------------------------*/
  
  .box.art {
      justify-content: end;
  
      .box-link-container {
          display: contents;
          > a {
              position: absolute;
              top: 0; left: 0;
              width: 100%; height: 100%;
              font-size: 0.01em;
              opacity: 0.01;
              z-index: 2;
          }
      }
  
  }
  
  .caption {
      display: flex;
      gap: .75rem;
      justify-content: space-between;
      align-items: center;
      position: relative;
      isolation: isolate;
      padding: .375rem 0.625rem;
      margin: 0.5rem;
      background-color: #0009;
      color: var(--light);
      font-size: .875em;
      font-weight: 500;
      text-align: center;
      > p { margin: 0; flex-grow: 1; }
  }
  .caption::after { content: "->"; }
  .caption::before {
      content: "";
      position: absolute;
      top: 0; left: 0;
      width: 0; height: 100%;
      z-index: -1;
      background-color: var(--active);
      transition: width var(--_duration) var(--_timing) var(--_delay);
  }
  .box.art:is(:hover, :focus-within) .caption::before {
      width: 100%;
  }
  
  .art-slider {
      position: absolute;
      overflow: hidden;
      isolation: isolate;
  
      top: 0; left: 0;
      width: 100%; height: 100%;
      z-index: -1;
      pointer-events: none;
      display: grid;
      grid-template-areas: "stack";
      --slide-persistence: 5s;
  }
  
  .art-slide {
      grid-area: stack;
      background-color: var(--light);
      background-image: var(--artwork);
      background-size: cover;
      background-position: center;
      position: relative;
      visibility: visible;
  
      animation-duration: calc(var(--slide-persistence)*3);
      animation-timing-function: ease-in-out;
      animation-iteration-count: infinite;
  }
  .s1 {
      z-index: -1;
      animation-name: art-slide1;
  }
  .s2 {
      z-index: -2;
      animation-name: art-slide2;
  }
  .s3 {
      z-index: -3;
      animation-name: art-slide3;
  }
  
  .s1re { z-index: -99; animation: none;}
  
  
  @keyframes art-slide1 {
  0% { visibility: visible; }
  33.33%, 100% { visibility: hidden; }
  }
  @keyframes art-slide2 {
  0% { visibility: visible; }
  66.66%, 100% { visibility: hidden;; }
  }
  @keyframes art-slide3 {
  0% { visibility: visible; }
  100% { visibility: hidden; }
  }

  Pages using this styling

  • taylor-s-workbench [info]

  ¶ 1 occurrence
  

  /* Make table headers sticky */
  table.wiki-content-table tbody {
    position: relative;
  }
  table.wiki-content-table tr:first-child:has(th) {
    position: sticky;
    top: 0;
  }
  table.wiki-content-table tr:first-child th {
    box-shadow: 0px 0px 0px 1px #888;
    border-color: transparent;
    border-width: 2px;
  }

  Pages using this styling

  • task-forces-complete-list [info]

  ¶ 1 occurrence
  

  html, body {
    overflow-x: hidden;
  }
  .attribution {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 0.8em;
    position: absolute;
    top: -20px;
    z-index: 10;
    text-align: right;
    right: -200px;
    white-space: nowrap;
    overflow: hidden;
  }
  .attribution p {
    margin: 0;
  }
  #main-content::before {
    height: 600px;
    width: 1400px;
    content: "";
    background-image: url(xx);
    background-size: contain;
    position: relative;
    display: block;
    background-position: center;
    margin-left: calc(-180px - 22em - 1em);
    margin-top: calc(-600px - 1em);
    z-index: 1;
  }
  #content-wrap::before {
    height: 600px;
    width: 1400px;
    content: "";
    background-image: url(https://scp-wiki.wikidot.com/local--files/tanijas-atelier-ecke/zAfxSsu.webp);
    background-size: auto;
    background-repeat: no-repeat;
    position: relative;
    display: block;
    background-position: center;
    margin-left: -180px;
    z-index: 2;
    animation: 2s ease-in-out 0s 1 fadeIn;
  }
  #content-wrap::after {
    height: 600px;
    width: 1400px;
    content: "";
    position: absolute;
    display: block;
    top: 0;
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0, rgba(0,0,0,0) 450px, rgba(255,255,255,0.5) 550px, rgba(255,255,255,1) 600px, rgba(255,255,255,1) 1200px);
    margin-left: -180px;
    animation: 2s ease-out 0s 1 swipeDown;
    background-position: 0 0;
    background-size: 1200px 1400px;
    transition-timing-function: cubic-bezier(0,0.7,0.31,0.96);
    z-index: 3;
  }
  @keyframes swipeDown {
    0% {
      background-position: 0 -300px;
    }
    100% {
      background-position: 0 0;
    }
  }
  @keyframes swipeDownMobile {
    0% {
      /*background-position: 0 -21.4vw;*/
      background-position: 0 0;
    }
    100% {
      background-position: 0 0;
    }
  }
  @keyframes fadeIn {
    0% {
      opacity: 0.01;
    }
    100% {
      opacity: 1;
    }
  }
  #content-wrap {
    position: relative;
    margin-top: 0;
  }
  #side-bar {
    margin-top: 600px;
  }
  @media only screen and (max-width: 1400px) {
    #content-wrap::before {
      width: 100%;
      margin-left: 0;
    }
    #main-content::before {
      width: 100%;
      margin-left: calc(-22em - 1em);
      padding-right: 26em;
      background-size: cover;
    }
    .attribution {
      right: -2em;
    }
  }
  @media only screen and (max-width: 1040px) {
  #content-wrap::before {
    height: 300px;
  [!--  width: 100%; --]
    background-image: url(https://scp-wiki.wikidot.com/local--files/tanijas-atelier-ecke/zAfxSsu.webp);
    background-repeat: no-repeat;
    margin-left: auto;
    margin-right: auto;
    animation: none;
  }
  #main-content::before {
    display: none;
  }
  #content-wrap::after {
    height: 300px;
    width: 100%;
    top: 0;
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0, rgba(0,0,0,0) 225px, rgba(255,255,255,0.5) 275px, rgba(255,255,255,1) 300px, rgba(255,255,255,1) 600px);
    margin-left: auto;
    margin-right: auto;
    background-position: 0 0;
    background-size: 600px 700px;
  }
  #side-bar {
    margin-top: 300px;
  }
  .attribution {
    right: calc(50vw - 350px - 2em)
  }
  }
  @media only screen and (max-width: 700px) {
  #content-wrap::before {
  [!--  height: 42.8vw; --]
    background-size: 100vw 42.8vw;
  }
  #content-wrap::after {
  [!--   height: 21.4vw;
  background-size: 100vw 42.8vw;
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0, rgba(0,0,0,0) 16vw, rgba(255,255,255,0.5) 19.6vw, rgba(255,255,255,1) 21.4vw, rgba(255,255,255,1) 42.8vw);
    animation: 2s ease-out 0s 1 swipeDownMobile; --]
    top: 21.4vw
  }
  .attribution {
    right: 0;
    box-shadow: 0 0 5px 5px #fff;
    background-color: #fff;
  }
  #page-title {
    padding-top: 1em;
  }
  }
  
  .yui-navset .yui-content,
  .yui-navset .yui-navset-top .yui-content {
      border: 0;
      background: 0;
      padding: 0;
  }
  .yui-navset .yui-nav,
  .yui-navset .yui-navset-top .yui-nav {
      border-width: 0 0 2px;
  }
  .yui-navset .yui-nav a, .yui-navset .yui-navset-top .yui-nav a {
    background: 0;
    border: 0;
    color: ;
    color: #b01;
  }
  .yui-navset .yui-nav a em, .yui-navset .yui-navset-top .yui-nav a em {
    border: 0;
  }
  .yui-navset .yui-nav .selected a, .yui-navset .yui-nav .selected a:focus, .yui-navset .yui-nav .selected a:hover {
    background: 0;
    color: #b01;
    font-weight: bold;
  }
  /* This tooltip hover effect is adapted from LurkD's code on https://scp-wiki.wikidot.com/command-query-separation */
  .hover span {
      display: none;
  }
  .hover:hover {
      border-bottom: none;
      text-decoration: none;
  }
  .hover:hover span {
      background: rgba(245, 245, 245, 0.75);
      border-color: rgba(250, 250, 250, 0.75);
      border-style: double;
      color: #b01;
      display: inline;
      font-weight: bold;
      height: auto;
      margin: 1px;
      padding: 1em;
      position: absolute;
      width: auto;
  }
  .hover:hover span span {
      border: none;
      height: auto;
      margin: auto;
      padding: 0;
      position: relative;
      width: auto;
  }
  .hover img {
      border: 1px solid #666;
  }
  .yui-navset .yui-content,
  .yui-navset .yui-navset-top .yui-content {
      border: 0;
      background: 0;
      padding: 0;
  }
  .yui-navset .yui-nav,
  .yui-navset .yui-navset-top .yui-nav {
      border-width: 0 0 2px;
  }
  .yui-navset .yui-nav a, .yui-navset .yui-navset-top .yui-nav a {
    background: 0;
    border: 0;
    color: ;
    color: #b01;
  }
  .yui-navset .yui-nav a em, .yui-navset .yui-navset-top .yui-nav a em {
    border: 0;
  }
  .yui-navset .yui-nav .selected a, .yui-navset .yui-nav .selected a:focus, .yui-navset .yui-nav .selected a:hover {
    background: 0;
    color: #b01;
    font-weight: bold;
  }

  Pages using this styling

  • tanijas-atelier-ecke [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css?family=Mr+Dafoe&display=swap');
  @import url('https://fonts.googleapis.com/css?family=Calistoga&display=swap');
  
  /*
      The Mr Dafoe font was created by Sudtipos and is licensed under the Open Font License
      The Calistoga font was created by Yvonne Schuttler and Eben Sorkin and is licensed under the Open Font License
  */
  
  @import url('https://fonts.googleapis.com/css?family=Bebas+Neue&display=swap');
  @import url('https://fonts.googleapis.com/css?family=Graduate&display=swap');
  #page-title { display: none; };
  
  /*
  The Bebas Neue font was created by Ryoichi Tsunekawa and is licensed under the Open Font License
  The Graduate font was created by Eduardo Tunni and is licensed under the Open Font License
  */

  Pages using this styling

  • tampa-days-miami-nights [info]

  ¶ 1 occurrence
  

  .dupin {
  border:solid 1px #999999;
  background:#E2FFF3;
  padding-left: 16px;
  padding-right:
  16px;margin-bottom: 16px;"
  }
  div.parapost {
  color: white;
      background:  #131313;
      border-width: 2px;
      border-style: solid;
      border-color: white);
      padding: 0 1em;
      margin: 1em 3em;
  }
   
  div.parapost.reply1 {margin: 1em 3em 1em 4em;}
  @media (max-width: 479px) {
     div.parapost {margin: 1em 0;}
     div.parapost.reply1 {margin: 1em 0 1em 1em;}
  }
  @media (min-width: 480px) and (max-width: 580px) {
     div.parapost {margin: 0.5em;}
     div.parapost.reply1 {margin: 0.5em 0.5em 0.5em 1em;}

  Pages using this styling

  • tall-and-short-tales-of-the-thieves-domain [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css?family=Cinzel');
  @import url('https://fonts.googleapis.com/css?family=Anton');
  @import url('https://fonts.googleapis.com/css?family=Pinyon+Script');
  @import url(https://scp-wiki.wdfiles.com/local--files/theme%3Amcf/sansation.css);
  
  /* REDDIT */
  .reddit-post{
      margin: .43em;
      padding: 0 .85em;
  
      background-color: #fcfcfb;
      border: 1px solid #b5b3ac;
  
      font-family: verdana,arial,sans-serif;
      overflow: hidden;
  }
  
  /* 4CHAN */
  .chan.thread-container {
    background-color: #FFFFEE;
    padding: 5px;
    font-family: arial,helvetica,sans-serif;
    color: #872737;
    overflow: hidden;
    font-size: 1.1em;
  }
  .chan.blue-container {
    background-color: #d6daf0;
    padding: 5px;
    font-family: arial,helvetica,sans-serif;
    color: #000;
    display: table;
    margin: 0 auto;
    overflow: hidden;
  }
  .chan.blue-container .post-content {
    margin-bottom: 0;
  }
   
  .chan .deleted-icon {
    color: #FF0000;
    background-color: #E3E3E3;
    border: 1px solid #383838;
    padding: 0 2px;
    font-weight: bold;
  }
   
  .chan .post-content {
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 40px;
    margin-inline-end: 40px;
  }
  .chan .summary {
    color: #707070;
    margin-top: 10px;
  }
  .chan .reply-container {
    display: table;
  }
  .chan .reply-arrows {
    color: #E0BFB7;
    float: left;
    margin-right: 2px;
    margin-top: 9px;
    margin-left: 2px;
  }
  .chan .reply {
    background-color: #F0E0D6;
    border: 1px solid #D9BFB7;
    border-left: none;
    border-top: none;
    display: table;
    padding: 5px;
    margin: 4px 0;
  }
   
  .chan img {
    float: left;
    margin-left: 20px;
    margin-right: 20px;
    margin-top: 3px;
    margin-bottom: 5px;
  }
  .chan .chan-file > p,
  .chan .post-info > p,
  .chan .reply-arrows > p,
  .chan .summary > p,
  .chan.blue-container .post-content > p {
    margin: 0;
  }
  .chan .image-container {
    padding: 0;
  }
  
  @media (max-width: 479px) {
    .chan .reply-arrows {
      display: none;
    }
    .chan .post-content {
      margin: 0;
    }
    .chan .image-container {
      text-align: center;
    }
  }

  Pages using this styling

  • tall-and-short-tales-of-the-thieves-domain [info]

  ¶ 1 occurrence
  

  .small {
    border-radius: 0px !important;
  }
  img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    height: auto;
    border-radius: 8px;
  }
  #page-title {
      font-weight: bold !important;
      text-align: center !important;
  }

  Pages using this styling

  • talking-to-myself [info]

  ¶ 1 occurrence
  

  
  @import url('https://fonts.googleapis.com/css2?family=Hepta+Slab:wght@1..900&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400..800;1,400..800&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=IM+Fell+DW+Pica+SC&display=swap');
  
  .licensebox {
      color: white;
  }
  
  /* COLORS */
  
  #content-wrap {
  background: linear-gradient(34.77deg, #011018 29.51%, #132934 76.89%, #011018 107.83%);
  }
  
  :root {
  --bright-accent: 3, 104, 171;
  --dark-accent: 16, 61, 91; 
  --medium-accent: 40, 40, 40; 
  --newpage-color: 123, 46, 206;
  --pale-accent: 255, 255, 255;
  --gray-monochrome: 30,30,30;
  --visited-link-color: 150, 150, 150;
  }
  
  /* SETTING VARIABLES */
  :root {
  --base-font-size: 1rem;
  --header-title: "Tales of the Mosaic";
  --header-subtitle: "It's always been this way";
  --logo-image: none;
  --header-font: "Hepta Slab", serif;
  --diagonal-stripes: none;
  --body-font: "EB Garamond", serif;
  --UI-font: Hepta Slab, PTRootUI,-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantrell,"Helvetica Neue",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
  }
  
  /*MAKING ACTION AREA READABLE */
  
  .licensebox .collapsible-block-link {
      color: white;
   }
  
  #action-area {
      background: white;
  border-radius: 8px;
  padding: 1rem;
  }
  
  #action-area a {
  color: black;
  }
  
  /* HEADER TEXT */
  
  #header h1 a::before {
  display: none;
  }
  
  #header h2 span::before {
  display: none;
  }
  
  #header h1 a::after {
      font-weight: 600;
      font-size: 2.2rem;
      font-family: 'IM Fell DW Pica SC', serif;
  }
  
  #header h2 span::after {
      text-transform: none;
      font-family: 'EB Garamond', 'IM Fell DW Pica SC', serif;
      font-size: 1.2rem;
      font-weight: bold;
      margin-top: 0.5rem;
  }
  
  /* TITLE  */
  
  div#page-title {
      display: none;
  }
  
  span.title {
      font-weight: bold;
      color: white;
      font-size: 3rem;
      width: max-content;
      display: block;
      margin-inline: 1rem;
      text-align: center;
      font-family: 'IM Fell DW Pica SC', serif;
  }
  
  @media only screen and (max-width: 500px) {
  span.title {
  /*    font-size: 2.3rem; */
      max-width: 14rem;
  }
  
  .whiteline-label {
      font-size: 1.5rem;
      max-width: 14rem;
  }
  
  }
  
  .whiteline-header {
      margin: 3.5rem auto 1rem;
      display: flex;
      align-items: center;
  }
  
  .earthworm .whiteline-header {
      margin: 3rem auto 1rem;
  }
  
  .earthworm p, .earthworm a {
  font-weight: bold;
  margin-bottom: 1rem;
  }
  
  .whiteline-label {
      color: white;
      font-weight: 700;
      font-size: 1.7rem;
      display: block;
      margin-inline: 1rem;
      letter-spacing: 0.15rem;
      font-family: 'IM Fell DW Pica SC', serif;
      max-width: 16rem;
      text-align: center;
      width: max-content;
  }
  
  .whiteline-header p, .centerbox p {
  margin: 0px;
  }
  
  .whiteline-header::before, .whiteline-header::after {
      content: "";
      height: 1px;
      background: white;
      width: 100%;
  }
  
  div#u-authorlink {
      text-align: center;
  font-weight: 700;
  font-size: 1.2rem;
  }
  
  div#u-authorlink a {
      color: rgb(var(--link-color));
  font-weight: 700;
  }
  
  div#u-authorlink p {
  margin: 0px;
  color: white;
  }
  
  .centerbox {
  width: fit-content;
  margin: 1rem auto 0rem;
  text-align: center;
  }
  
  /* INTRO TEXT DIV */
  
  .intro-text {
      color: white;
      font-size: 1.4rem;
      margin: 1rem auto 2.5rem;
      max-width: 35rem;
  font-weight: bold;
  }
  
  .small {
  font-size: 1.2rem;
  font-weight: regular;
  }
  
  /* ARTICLE LIST */
  
  .article-list {
      max-width: 25rem;
      margin: 2rem auto 4rem;
  }
  
  .article-list p {
  margin: 0px;
  }
  
  .article-list br {
  display: none;
  }
  
  .article-list a {
      font-weight: bold;
      padding: 0.5rem 1rem;
      margin: 1rem auto;
      display: block;
      text-align: center;
      font-size: 1.2rem;
      text-decoration: none;
      transition: 0.5s;
      border: 1px solid white;
      background: #011018;
      border-radius: 0px 8px 0px 8px;
      border-left-color: #f0a475;
      border-bottom-color: #f0a475;
  }
  
  .article-list a:visited {
  color: white;
  border-color: #8a8a8a;
  }
  
  .article-list a:hover {
      text-decoration: none;
      border: 1px solid #f0a475;
      color: #f0a475;
  }
  
  /* FAQS DIV */
  
  .faqs {
  max-width: 35rem;
  margin: auto;
  }
  
  /* PAPER DOCUMENT */
  
  .paper {
      padding: 1rem 3rem;
      background: linear-gradient(203.04deg, #FBFAF9 40.5%, #f1f1f1 100%);
      box-shadow: 0px 16px 32px -4px rgba(12, 12, 13, 0.1), 0px 4px 4px -4px rgba(12, 12, 13, 0.05), inset 0px 0px 30px 0px #AE8B75;
      border-radius: 0px;
      max-width: 35rem;
      margin: 2rem auto;
  }
  
  .paper p, .paper li {
      font-weight: 500;
  font-size: 1.2rem;
  color: #262521;
  margin-top: 0.5rem;
  }
  
  .paper h2 {
  font-family: EB Garamond, serif;
  margin-block: 1rem 0.5rem;
  font-size: 1.5rem;
  }
  
  .paper a {
  color: black;
  font-weight: bold;
  }
  
  @media (max-width: 479px) {
      .paper {
          padding:1rem 1rem;
      }
  }
  
  
  /* FIXING NAV BAR FONT SIZE ON MOBILE */
  @media only screen and (max-width: 56.25rem) {
  #header div[class*=top-bar]>ul>li>a {
      background: 0 0;
      font-size: calc(var(--base-font-size)*(13/15));
  }
  }
  
  /* EARTHWORM */
  
  .earthworm {
      margin-block: 3rem;
      font-weight: bold;
      font-size: 1.5rem;
      color: white;
  text-align: center;
  }
  

  Pages using this styling

  • tales-of-the-mosaic [info]

  ¶ 1 occurrence
  

  :root { --box-accent: #3b5c97; }
  
  .page-calendar-box > ul {
      display: grid;
      grid-template-columns: repeat(auto-fill, minmax(min(4.75rem, 100%), 1fr));
      font-feature-settings: 'case', 'ss01', 'ss04', 'tnum';
  }
  
  
  .page-calendar-box > ul > li {
      position: relative;
      display: flex;
      place-items: center;
      box-shadow: inset 0  -.05rem 0 #ccc;
  }
  .page-calendar-box > ul > li > a {
      display: block;
      flex-grow: 1;
      padding: .25rem;
      text-align: center;
      font-size: 0;
      text-underline-offset: 0.1rem;
  }
  .page-calendar-box > ul > li > a::first-line {
      font-size: 1.05rem;
  }
  .page-calendar-box > ul > li:is(:hover,:focus-within) > a {
      background-color: #fff0f0dd;
  }
  
  .page-calendar-box > ul > li > ul {
      position: absolute;
      display: grid;
      gap: .05rem;
      top: 100%; left: 0;
      width: 100%;
      background: #fffa;
      -webkit-backdrop-filter: blur(.25rem);
      backdrop-filter: blur(.25rem);
      padding: 0;
      font-size: 1em;
      opacity: 0;
      pointer-events: none;
      z-index: 1;
  }
  .page-calendar-box > ul > li:is(:hover, :focus-within) > ul {
      opacity: 1;
      pointer-events: auto;
  }
  .page-calendar-box > ul li ul li {
      display: contents;
  }
  .page-calendar-box > ul li ul li a {
      display: block;
      padding: .325rem;
      min-width: max-content;
      box-shadow: 0 0 0 .05rem #ccc;
      transition: background-color 0.125s ease-out;
      font-size: 0;
      text-align: center;
      text-underline-offset: 0.1rem;
  }
  .page-calendar-box > ul li ul li a[href$=".1"] { --month: "January"; }
  .page-calendar-box > ul li ul li a[href$=".2"] { --month: "February"; }
  .page-calendar-box > ul li ul li a[href$=".3"] { --month: "March"; }
  .page-calendar-box > ul li ul li a[href$=".4"] { --month: "April"; }
  .page-calendar-box > ul li ul li a[href$=".5"] { --month: "May"; }
  .page-calendar-box > ul li ul li a[href$=".6"] { --month: "June"; }
  .page-calendar-box > ul li ul li a[href$=".7"] { --month: "July"; }
  .page-calendar-box > ul li ul li a[href$=".8"] { --month: "August"; }
  .page-calendar-box > ul li ul li a[href$=".9"] { --month: "September"; }
  .page-calendar-box > ul li ul li a[href$=".10"] { --month: "October"; }
  .page-calendar-box > ul li ul li a[href$=".11"] { --month: "November"; }
  .page-calendar-box > ul li ul li a[href$=".12"] { --month: "December"; }
  .page-calendar-box > ul li ul li a::before {
      content: var(--month);
      font-size: 0.775rem;
  }
  
  .page-calendar-box ul li.selected > a {
      color: inherit;
      pointer-events: none;
      font-weight: bold;
  } 
  
  
  .tale-list {
      display: grid;
      gap: .75rem;
      margin-block: 1.5rem;
  }
  
  .tale-block {
      background-color: #fff;
      box-shadow: 0 0 0.325rem rgb(0 0 0 / 0.25);
      contain: paint;
      padding: .625rem;
      --box-accent: inherit;
  
      display: grid;
      grid-template-areas:
          "title index"
          "info date"
           "desc desc";
      grid-template-columns: 1fr max-content;
      gap: .425rem;
  }
  
  .tale-block .index {
      grid-area: index;
      display: grid;
      text-align: end;
      align-self: self-start;
      color: #b7b7b7;
  }
  .tale-block .index span:first-child {
      font-size: .575em;
  }
  .tale-block .index .numbering {
      font-feature-settings: 'case', 'ss01', 'ss04', 'tnum';
      font-size: .825em;
  }
  
  .tale-block  .title {
      grid-area: title;
      display: flex;
      gap: .325ex 0.75ex;
      align-items: center;
      flex-wrap: wrap;
  }
  .tale-block .title > a {
      font-weight: bold;
      font-size: 1.075em;
  }
  .tale-block .title > .author { font-size: .775em; flex-grow: 1; }
  .author .printuser {
      display: inline-flex;
      align-items: baseline;
      gap: .325em;
  }
  .author .printuser img {
      margin: 0;
      padding: 0;
      padding-left: .475rem;
  }
  
  .tale-block .date {
      grid-area: date;
      font-feature-settings: 'case', 'ss01', 'ss04', 'tnum';
      font-size: .825em;
  }
  
  .sec-info {
      grid-area: info;
      display: grid;
      grid-template-columns: 6.25rem 3.25rem;
      align-items: center;
      gap: .5rem;
      min-width: max-content;
      font-size: .825em;
  }
  .sec-info > br { display: none; }
  .sec-info .comments { text-align: end; }
  .sec-info .comments > span { font-size: 0; }
  
  .description { grid-area: desc; }
  .description > :not(.preview) { display: none; }
  .description:not(:has(> .preview)) { display: none; } /* progressive enhancement */
  .description > .preview {
      display: block;
      font-size: .9125em;
      padding-block-start: .425rem;
      border-block-start: .05rem solid #ddd;
  }
  .description > .preview > p:first-child { margin-block-start: 0.25em; }
  .description > .preview > p:last-child { margin-block-end: 0.25em; }
  
  .tale-list .pager {
      border-block-start: .225rem solid var(--box-accent);
  }

  Pages using this styling

  • tales-by-year [info]

  ¶ 1 occurrence
  

  #page-content h1 {
      border-bottom: solid 0.125rem currentColor;
      padding: 0 0 0.25em;
  }
  table.wiki-content-table {
      margin: 0.5rem 0;
      width: 100%;
      overflow: auto;
      max-height: 85vh;
      display: block;
      padding-left: 0.75rem;
      box-sizing: border-box;
  }
  table.wiki-content-table tr > * {
      padding: 0.675em 0.5em;
      border-top: 0;
  }
  table.wiki-content-table tr:first-child {
      position: sticky;
      top: 0;
      text-align: center;
  }
  table.wiki-content-table tr > *:first-child {
      min-width: min(25rem, 50vw);
  }
  table.wiki-content-table tr > *:nth-child(2) {
      min-width: 4.15rem;
      font-size: 85%;
  }
  table.wiki-content-table tr > *:nth-child(3) {
      width: 100%;
      font-size: 92.5%;
  }
  
  .modal-wrapper {
      list-style: none;
      display: contents;
  }
  .modal-wrapper > li .foldable-list-container {
      text-align: right;
      font-size: 90%;
  }
  .modal-wrapper > li.folded .foldable-list-container.latest { display: none; }
  .modal-wrapper > li.unfolded .foldable-list-container.chrono { display: none; }
  
  .modal-wrapper > li > .item-list,
  .modal-wrapper > li > .item-list table.wiki-content-table tbody,
  .modal-wrapper > li #toc-list {
      display: flex;
      flex-flow: column;
  }
  .modal-wrapper > li.unfolded > .item-list,
  .modal-wrapper > li.unfolded > .item-list table.wiki-content-table tbody,
  .modal-wrapper > li.unfolded #toc-list {
      flex-flow: column-reverse;
  }
  .modal-wrapper > li.unfolded .item-list table.wiki-content-table tr:first-child {
      order: 9999;
  }

  Pages using this styling

  • tales-by-date [info]

  ¶ 1 occurrence
  

      :root {
       --bg: hsl(14, 6%, 12%);
       --bg-dark: hsl(17, 5%, 10%);
   
       --fg-dark: hsl(197, 85%, 80%);
   
       --fg-dark-2: hsl(197, 94%, 67%);
   
       --fg-accent-light: hsl(197, 94%, 67%);
       --fg-accent: hsl(197, 94%, 62%);
       --fg-accent-dark: hsl(197, 94%, 55%);
   
       --fg-accent-dark-2: hsl(197, 94%, 50%);
  }
  a.newpage {
      color: hsl(156, 18%, 76%);
  }
   
  div.parapost {
       border-color: var(--bg-light);
  }
   
  ::selection {
      background: hsl(22, 11%, 27%);
  }
  #top-bar ul li.sfhover a:hover,
  #top-bar ul li:hover a:hover {
      background: hsl(180, 5%, 31%);
  }
  div#header h1{
       background: url(https://scp-wiki.wdfiles.com/local--files/mkwhiteout-cia-pride/parawatchPRIDE.png) no-repeat;
  }

  Pages using this styling

  • take-it-all-off [info]

  ¶ 1 occurrence
  

  #page-title {
    display: none;
  }
  
  .cromplug {
      background: #f5e5e8;
      color: #9f3c4e;
      width: fit-content;
      text-align: center;
      margin-top: 0.5rem;
      border-radius: 0.5rem;
      padding: 0.75rem;
      background-image: url(https://scp-wiki.wdfiles.com/local--files/search%3Acrom/crom.png);
      background-size: cover;
      background-blend-mode: overlay;
      background-position: center 15%;
  }
  .cromplug p {
      margin: 0;
  }
  .cromplug a, .cromplug a:visited {
      color: #9f3c4e;
      font-weight: bold;
  }

  Pages using this styling

  • tag-search [info]

  ¶ 1 occurrence
  

  .history-container {
      background: linear-gradient(to right, transparent 49.5%, var(--accentColor) 49.5%, var(--accentColor) 50.5%, transparent 50.5%);
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;
      padding: 0.5rem;
      padding-bottom: 0;
      z-index: 3
  }
  
  .history-header {
      width: 50%;
      background: #181B20;
      margin: auto;
      margin-bottom: 30px;
      margin-top: 30px;
      border: 5px solid var(--accentColor);
      padding: 5px;
  }
  
  .history-info-box {
      width: 75%;
      padding: 10px;
      margin: auto;
      text-align: center;
      margin-bottom: 30px;
      background: #181B20;
      border: 3px solid var(--accentColor);
      font-size: 95%;
      margin-top: -15px;
  }
  
  .history-child-left {
      left: 2rem;
  }
  
  .history-child-right {
      float: right;
      right: 2rem;
  }
  
  .history-container > div:not(.history-header, .history-info-box) {
      width: 100%;
  }
  
  .history-child {
      width: 40%;
      background: #181B20;
      border: 3px solid var(--accentColor);
      padding: 10px;
      box-sizing: border-box;
      text-align: center;
      transition-duration: 0.1s;
      transition-delay: 0.4s;
      margin-top: 10px;
      margin-bottom: 10px;
      position: relative;
      z-index: 1;
  }
  
  .history-child-normal {/* Normal CSS applies. This is just a marker. */}
  
  .history-child-minor {
      border-style: double;
      padding-bottom: 0px;
      padding-top: 0px;
  }
  
  .history-child-minor .history-splash-box {
      scale: 0.9
  }
  
  .history-child-minor .history-splash-box > p {
      display: none
  }
  
  .history-child-minor ~ .history-dot-connector {
      border-bottom-width: 20px;
      border-top-width: 20px;
      width: 68px;
  }
  
  .history-child-major {
      --accentColorLite: #FF8F00;
      --accentColor: #FF8F00;
      border: 7px double var(--accentColor);
  }
  
  .history-child-major ~ .history-dot-connector {
      --accentColor: #FF8F00;
  }
  
  .history-child-right:hover {
      right: 0rem;
  }
  
  .history-child-left:hover {
      left: 0rem;
  }
  
  .history-child:hover {
      width: 100%;
      transition-duration: 0.2s;
      transition-delay: 0s;
  }
  
  .history-child .history-text {
      max-height: 0px;
      overflow: hidden;
      text-align: justify;
      transition-duration: 0.4s;
      transition-delay: 0s;
  }
  
  .history-splash-box {
      max-width: 241px;
      margin: auto;
  }
  
  .history-child-title {
      font-size: 1.05rem;
      font-family: var(--header-font);
      letter-spacing: 1px;
      margin: .5em 0 .4em;
      padding: 0;
      line-height: 1.2;
  }
  
  .history-child-date {
      font-size: 0.95rem;
      font-family: var(--header-font);
      letter-spacing: 1px;
      font-weight: bold;
      margin: .5em 0 .4em;
      padding: 0;
      line-height: 1.2;
  }
  
  .history-child:hover .history-text {
      max-height: 2000px;
      transition-duration: 0.4s;
      transition-delay: 0.3s;
  }
  
  .history-text .scp-image-block.block-right + p {
      margin-top: -5px;
  }
  
  .history-text .scp-image-block.block-left + p {
      margin-top: -3px;
  }
  
  .history-dot {
      background: black;
      border: 5px solid var(--accentColor);
      width: 10px;
      height: 10px;
      border-radius: 100%;
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      top: 0;
      margin: auto;
      z-index: 0;
  }
  
  .history-dot-connector {
      position: absolute;
      width: 61px;
      height: 0px;
      border-top: 30px solid transparent;
      border-bottom: 30px solid transparent;
      top: 0;
      bottom: 0;
      margin: auto;
      left: 0;
      right: 0;
  }
  
  .history-child-left + .history-dot-connector {
      border-left: 20px solid var(--accentColor);
  }
  
  .history-child-right + .history-dot-connector {
      border-right: 20px solid var(--accentColor);
  }
  
  .history-end-image {
      width: 200px;
  }
  
  @media(max-width: 450px) {
      .history-child {
          scale: 0.9;
      }
      
      .history-dot-connector {
          border-width: 20px;
      }
  
      .history-end-image {
          width: 100px;
      }
  }
  
  @media(max-width: 592px) {
      .history-child-left {
          left: 0.5rem;
      }
  
      .history-child-right {
          right: 0.5rem;
      }
  
      .history-splash-box {
          max-width: 180px;
          margin: auto;
      }
  }
  
  
  .article-box {
      flex-basis: max(12rem, 36%);
      flex-grow: 2;
      border: 0.2rem solid var(--accentColor);
      margin: 0.35rem;
      padding: 0.5rem;
      background-color: #1e1e1e;
      background-position: center 50%;
      background-size: cover;
      background-repeat: no-repeat;
      text-align: center;
      transition-duration: 0.5s;
      display: grid;
      align-items: center;
      position: relative;
  }
  
  .article-box:hover {
      transition-duration: 0.5s;
      filter: contrast(1.2);
      border-color: #FF8F00;
  }
  
  .article-link-box {
      position: absolute;
      opacity: 0;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 100;
      display: block;
  }
  
  .article-box span {
      text-shadow: 0px 0px 2px black;
  }
  
  @media (max-width: 460px) {
      .article-box {
       flex-basis: calc(100% / 2);
      }
  }
  
  @media (max-width: 680px) {
      .modalsignature img {
          display: none;
      }
      
      .modalsignature p {
          text-align: center;
      }
  }
  
  .house .image {
      background: #000;
  }
  
  img[src="https://scp-wiki.wdfiles.com/local--files/oria-hub/oria.png"],
  img[src="https://scp-wiki.wdfiles.com/local--files/tactical-theology-hub/mescaline_structural.png"] {
      background: #FFF;
  }
  

  Pages using this styling

  • tactical-theology-hub [info]

  ¶ 1 occurrence
  

  
  :root{
    --header-title: "SCP FOUNDATION";
    --head-font: var(--ui-font);
    --page-font-size: 0.89rem;
  }
  
  .footnotes-footer {
  display:none;
  }
  

  Pages using this styling

  • taboo-j [info]

  ¶ 1 occurrence
  

  .licensebox-warning-mobile {
      display: none;
  }
  
  @media only screen and (max-width: 600px) {
      .licensebox-warning-desktop {
          display: none;
      }
  
      .licensebox-warning-mobile {
          display: unset;
      }
  }

  Pages using this styling

  • taboo [info]

  ¶ 1 occurrence
  

  .footnoteref{
  color: #FF5555;
  }
  .danke{
  padding: 5px 5px 5px 15px;
  margin-bottom:10px;
  width: 100%;
  font-family: monospace;
  font-size: 1.1em; }
  
  .danke blockquote {
  background-color:#002200;
  border: 3px solid #55AA55;
  color: #77CC77;
  }
  
  .agent {
  background-color:#002200;
  border: 3px solid #55AA55;
  color: #77CC77;
  }
  
  .site{
  background-color:#222200;
  border: 3px solid #AAAA55;
  color: #DDDD77;
  }
  @@ @@

  Pages using this styling

  • t-rutherford-author-page [info]

  ¶ 1 occurrence
  

  @import url(http://fonts.googleapis.com/css?family=@import url(https://fonts.googleapis.com/css?family=Slabo+27px););

  Pages using this styling

  • t-minus [info]

  ¶ 1 occurrence
  

  .blinkbar {animation: blink 1.5s infinite; letter-spacing: -0.13em;}@keyframes blink{to{opacity: .0;}}@keyframes flicker {0% {opacity: 0.9890; }5% {opacity: 0.5842; }10% {opacity: 0.9865; }20% {opacity: 0.0412; }20% {opacity: 0.6255; }25% {opacity: 0.3157; }30% {opacity: 0.7328; }35% {opacity: 0.4654; }40% {opacity: 0.9128; }45% {opacity: 0.2449; }50% {opacity: 0.5485; }55% {opacity: 0.6438; }60% {opacity: 0.1180; }65% {opacity: 0.9085; }70% {opacity: 0.0266; }75% {opacity: 0.6795; }80% {opacity: 0.7812; }85% {opacity: 0.0117; }90% {opacity: 0.2239; }95% {opacity: 0.8897; }100% {opacity: 0.2260; }}@keyframes overlay-anim {0% {visibility: hidden; }10% {visibility: hidden; }11% {visibility: visible; }50% {visibility: hidden; }100% {visibility: hidden; }}
  .indomitable {background-color: white; color: #6f4c7a; float: center; border: solid 1px #000000; padding: 5px 15px 5px 15px; box-shadow: 0 1px 3px rgba(0,0,0,.2); margin: 0% 4% 0% 4%}
  .scp-box {font-size: 105%; background-color: black; color: white; float: center; border: solid 1px #000000; padding: 5px 15px 5px 15px; box-shadow: 0 1px 3px rgba(0,0,0,.2); margin: 0% 4% 0% 4%}
  .minerva {color: #c10000; float: center; border: solid 1px #000000; padding: 5px 15px 5px 15px; box-shadow: 0 1px 3px rgba(0,0,0,.2); margin: 0% 4% 0% 4%; font-family: monospace}
  a.collapsible-block-link { font-weight: bold; }

  Pages using this styling

  • systems-patch [info]

  ¶ 1 occurrence
  

  #ui-tabs {
      list-style: none;
      margin: 0;
      padding: 0;
      display: grid;
      grid-template-columns: repeat(auto-fit,minmax(min((100% - 1.25rem),max(20ch,(100% - 1.25rem)/3)),1fr));
      gap: .5rem;
  }
  
  #ui-tabs li { display: contents; }
  #ui-tabs li a {
      display: flex;
      padding: .375em .625em;
      border-radius: .375rem;
      align-items: center;
  }
  #ui-tabs li a:is(:hover,:focus) {
      background-color: #b012;
  }
  #ui-tabs li.active a {
      background-color: #884148;
      color: white;
  }
  
  .col-md-9 {
      padding-top: 1rem;
      margin-top: 1rem;
      border-top: solid .05rem #ccc;
  }
  
  .dl-horizontal {
      display: grid;
      grid-template-columns: minmax(0,1fr) minmax(0,4fr);
      gap: .5rem;
  }
  
  #user-info-area :is(dt,dd) {
      padding: 0;
      margin: 0;
  }
  .dl-horizontal dt { font-weight: bold; }
  
  #user-info-area > dl a { font-weight: 600; }
  #user-info-area > dl > dt small { color: #999; }
  #user-info-area > dl > dt small::before {
      content: "—";
      margin-inline: .25em;
  }
  #user-info-area > dl > dd { margin-block: .125em .75em; }

  Pages using this styling

  • system:user [info]

  ¶ 1 occurrence
  

  #page-title {
      display: none;
  }
  
  .content-panel p {
      padding: 0 0.75em;
  }
  
  #tagged-pages-list {
      margin-bottom: 2.25rem;
      column-width: 12rem;
      column-gap: 1.25rem;
      column-rule: 1px solid #888;
      counter-reset: index;
  }
  
  .tag-list ol {
      padding: 0;
      margin-block: .25rem
      margin-bottom: 2.25rem;
      column-width: 12rem;
      column-gap: 1.25rem;
      column-rule: 1px solid #888;
      counter-reset: index;
  }
  .tag-list li {
      margin-left: 40px;
  }
  .tag-list ol li {
      list-style-type: var(--index);
      padding-inline-start: .5ch;
      margin-inline-start: 3.5ch;
  }
  .tag-list ol li::marker { font-size: .75em; }
  .pages-list-item {
      margin-bottom: 0.675em;
      line-height: 1.125;
      display: flex;
      align-items: baseline;
      gap: .175rem;
  }
  .pages-list-item::before {
      counter-increment: index;
      content: counter(index) ".";
      font-size: .625em;
      text-align: end;
      font-feature-settings: 'case','ss01','ss04','tnum';
  }
  
  .pages-tag-cloud-box {
      margin-top: -0.125rem;
      display: flex;
      flex-wrap: wrap;
      grid-gap: 0.185rem;
      align-items: center;
      justify-content: space-between;
      margin-block: 1.5rem;
  }
  
  #u-hidden .pages-tag-cloud-box a:not([href^="/system:page-tags/tag/_"]) {
      display: none;
  }

  Pages using this styling

  • system:page-tags [info]

  ¶ 1 occurrence
  

  .confirm-wrapper,
  .confirm-wrapper > li {
      list-style: none;
      display: contents;
  }
  
  .confirm-wrapper > li.folded .applybox { display: none; }
  .confirm-wrapper > li.unfolded .applybox { display: block; }
  
  .confirm-wrapper > li > .foldable-list-container.confirm {
      display: flex;
      align-items: center;
      font-weight: bold;
      font-size: 1.25em;
      cursor: pointer;
  }
  
  .confirm-wrapper > li > .foldable-list-container.confirm a {
      display: block;
      position: relative;
      width: 1.25rem;
      min-width: 1.25rem;
      height: 1.25rem;
      border: solid 0.1rem grey;
      font-size: 0;
      margin-right: 1.25rem;
  }
  .confirm-wrapper > li.unfolded > .foldable-list-container.confirm a {
      border-color: currentColor;
      box-shadow: 0 0 0 0.1rem currentColor;
  }
  .confirm-wrapper > li.unfolded > .foldable-list-container.confirm a::before,
  .confirm-wrapper > li.unfolded > .foldable-list-container.confirm a::after {
      content: " ";
      display: block;
      position: absolute;
      width: 25%;
      transform-origin: left top;
      background: currentColor;
  }
  .confirm-wrapper > li.unfolded > .foldable-list-container.confirm a::before {
      top: 85%;
      left: 36%;
      height: 145%;
      transform: rotate(-135deg);
  }
  .confirm-wrapper > li.unfolded > .foldable-list-container.confirm a::after {
      top: 50%;
      left: 0%;
      height: 40%;
      transform: rotate(-45deg);
  }

  Pages using this styling

  • system:join [info]

  ¶ 1 occurrence
  

  .yui-navset .yui-nav a {
      font-size: 1.25em;
  }
  
  .navbox {
      display: block;
      float: right;
      width: auto;
      margin: 0.5rem;
      padding: 0 0.5rem;
      text-align: center;
      background:#bfbfbf47;
      border: 2px solid #828282;
  }
  
  a#history-button {
     display: none;
  }
  
  #page-content h2 {
      display: flow-root;
      padding-bottom: .15em;
      border-bottom: solid 0.05rem currentColor;
      margin-top: .775em;
  }
  
  .yui-navset [id*="wiki-tab"] li {
      line-height: 1.5;
      margin-block: .375em;
  }
  
  hr {
      margin: 2.25rem 0;
  }

  Pages using this styling

  • system:join [info]

  ¶ 1 occurrence
  

  :root {
    --header-title: "SynthPanda_’s Author Page";
    --header-subtitle: "Welcome in. Stay a while.";
    --lgurl: url(https://scp-wiki.wdfiles.com/local--files/component:pride-highlighter/tg_logo.svg);
  }

  Pages using this styling

  • synthpanda [info]

  ¶ 1 occurrence
  

  
  :root{
       --titleColor: hsl(0, 0%, 95%);
       --subtitleColor: hsl(60, 62%, 85%);
       --lgurl: url(https://scp-wiki.wikidot.com/local--files/swordlover87-author-page/unknown.webp);
  }
  
   #header::before{
       position: absolute;
       width: 100%;
       height: 100%;
       content: "";
   
       background-image: var(--lgurl);
       background-position: center top;
       background-repeat: no-repeat;
       background-size: auto 8.5em;
       margin-top: 0.5em;
       opacity: .46;
  }
   
  #header h1 a::before {
      content: var(--header-title, "SCP Foundation");
  }
  
  #header h2::before {
      content: var(--header-subtitle, "Secure, Contain, Protect");
  }
  
  #header h1 a::before{
       text-shadow: 4px 4px 4px hsla(0, 0%, 0%, .8);
  }
  
   #header h2::before{
       text-shadow: 3px 3px 3px hsla(0, 0%, 0%, .9);
  }
  
   #header h1 a::before{
       font-family: BauhausLTDemi, 'Nanum Gothic', Arial, sans-serif;
       font-size: 115%;
  }
  
   #header h2::before{
       font-family: 'Trebuchet MS', Arial, sans-serif;
  }
  
  #header h2::before {
      content: "Swords' Cool Pages";
  }
  
   :root{
     --lgurl: url(https://scp-wiki.wikidot.com/local--files/swordlover87-author-page/swords.webp);
  }
  

  Pages using this styling

  • swordlover87-author-page [info]

  ¶ 1 occurrence
  

   :root{
     /* -- COLORS -- */
       --accentColor: hsl(0, 89%, 41%);
       --accentColorLite: hsla(0, 89%, 51%, .5);
       --hue: 0deg;
  
     /* -- LOGO -- */
       --lgurl: url(https://scp-wiki.wdfiles.com/local--files/nightfall-hub/moon1.png);
  
     /* -- TITLES -- */
       --header-title: "NIGHTFALL";
       --header-subtitle: "Light Shines Brightest in Darkness";
  
     /* -- STATIC COLORS -- */
       --textColor: hsl(212, 3%, 75%);
       --bgColor: hsl(220, 20%, 10%);
  }
  
   #extra-div-1{
       filter: opacity(.2) saturate(1.25) brightness(1.25);
  }

  Pages using this styling

  • swatches-of-a-sunrise [info]

  ¶ 1 occurrence
  

  :root { --body-font: 'Noto Sans Cuneiform', 'Inter', 'Arial', sans-serif; 
    --header-height: clamp(10rem,55vmin,40rem);
    --header-image: url("https://scp-wiki.wikidot.com/local--files/medea-filicidium/banner.jpg");
    --footer-image: url("https://scp-wiki.wikidot.com/local--files/seas-of-orcadia-hub/Artemis.png");
  }
  
  #footer, #extrac-div-1, #extrac-div-1 span {
      background-image: var(--footer-image);
      background-size: 100vmax;
      background-attachment: fixed;
      background-position: bottom;
      height: clamp(10rem,55vmin,30rem);
      background-repeat: no-repeat;
  }
  #extra-div-1 {
      background-position: top;
  }
  
  .text-blur { filter: blur(.175rem); }

  Pages using this styling

  • swallowed-by-a-prideful-lesbian-sea [info]

  ¶ 1 occurrence
  

  @import url("https://scp-wiki.wdfiles.com/local--files/svg-animation/gocLogo.css");

  Pages using this styling

  • svg-animation [info]

  ¶ 1 occurrence
  

  @import url("https://scp-wiki.wdfiles.com/local--files/svg-animation/oneiroi.css");

  Pages using this styling

  • svg-animation [info]

  ¶ 1 occurrence
  

  @import url("https://scp-wiki.wdfiles.com/local--files/svg-animation/beyondE.css");

  Pages using this styling

  • svg-animation [info]

  ¶ 1 occurrence
  

  @import url("https://scp-wiki.wdfiles.com/local--files/svg-animation/fixed-flowers.css");

  Pages using this styling

  • svg-animation [info]

  ¶ 1 occurrence
  

  @import url("https://scp-wiki.wdfiles.com/local--files/svg-animation/caecus-c.css");

  Pages using this styling

  • svg-animation [info]

  ¶ 1 occurrence
  

  @import url("https://scp-wiki.wdfiles.com/local--files/svg-animation/recycle.css");

  Pages using this styling

  • svg-animation [info]

  ¶ 1 occurrence
  

  @import url("https://scp-wiki.wdfiles.com/local--files/svg-animation/scarlet-2.css");

  Pages using this styling

  • svg-animation [info]

  ¶ 1 occurrence
  

  @import url("https://scp-wiki.wdfiles.com/local--files/svg-animation/mcdLogo.css");

  Pages using this styling

  • svg-animation [info]

  ¶ 1 occurrence
  

  @import url("https://scp-wiki.wdfiles.com/local--files/svg-animation/cotbg.css");

  Pages using this styling

  • svg-animation [info]

  ¶ 1 occurrence
  

  @import url("https://scp-wiki.wdfiles.com/local--files/svg-animation/ciLogo.css");

  Pages using this styling

  • svg-animation [info]

  ¶ 1 occurrence
  

  @import url("https://scp-wiki.wdfiles.com/local--files/svg-animation/joicl.css");

  Pages using this styling

  • svg-animation [info]

  ¶ 1 occurrence
  

  @import url("https://scp-wiki.wdfiles.com/local--files/svg-animation/rTech.css");

  Pages using this styling

  • svg-animation [info]

  ¶ 1 occurrence
  

  @import url("https://scp-wiki.wdfiles.com/local--files/svg-animation/{$val}.css");
  .{$val} {
      background-image: var(--{$val});
      background-position: center;
      background-repeat: no-repeat;
      background-size: contain;
  }

  Pages using this styling

  • svg-animation [info]

  ¶ 1 occurrence
  

  @import url("https://scp-wiki.wdfiles.com/local--files/svg-animation/ciLogo.css");
  @import url("https://scp-wiki.wdfiles.com/local--files/svg-animation/caecus-c.css");
  @import url("https://scp-wiki.wdfiles.com/local--files/svg-animation/fixed-flowers.css");
  @import url("https://scp-wiki.wdfiles.com/local--files/svg-animation/gocLogo.css");
  @import url("https://scp-wiki.wdfiles.com/local--files/svg-animation/mcdLogo.css");
  @import url("https://scp-wiki.wdfiles.com/local--files/svg-animation/oneiroi.css");
  @import url("https://scp-wiki.wdfiles.com/local--files/svg-animation/recycle.css");
  @import url("https://scp-wiki.wdfiles.com/local--files/svg-animation/scarlet-2.css");
  @import url("https://scp-wiki.wdfiles.com/local--files/svg-animation/cotbg.css");
  @import url("https://scp-wiki.wdfiles.com/local--files/svg-animation/beyondE.css");
  @import url("https://scp-wiki.wdfiles.com/local--files/svg-animation/rTech.css");
  @import url("https://scp-wiki.wdfiles.com/local--files/svg-animation/joicl.css");
  
  .artContent h2 {
      text-align: center;
      background: #A0c6cE;
      color: #fff;
      overflow: hidden;
  }
  .artContent h2 span {
      animation: smooth 10s ease-in-out infinite;
      display: inline-block;
      width: 100%;
  }
  @keyframes smooth {
      0% {transform: translate(-120%,0); opacity: 0;}
      20%,80% {transform: translate(0,0); opacity: 1;}
      100% {transform: translate(120%,0); opacity: 0;}
  }
  
  
  .artContent .animSVG {
      box-shadow: 0 0.0625rem 0.375rem rgba(0,0,0,0.25);
  }
  .artContent blockquote {
      text-align: center;
  }
  .artContent blockquote a:not([onclick]) {
      background-color: rgb(133,0,5);
      border-radius: 0.5rem;
      color: #fff;
      display: inline-block;
      margin: 0.5rem 0 0;
      padding: 0.1rem 0.5rem;
      transition: border-radius 0.5s, transform 0.5s;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
  }
  .artContent blockquote a:not([onclick]):visited {
      background-color: rgb(230,40,60);
      color: #fff;
  }
  .artContent blockquote a:not([onclick]):hover {
      border-radius: 0;
      box-shadow: 0 0 0.15rem #fff;
      text-decoration: none;
      transform: scale(1.1);
  }
  .artContent blockquote a:not([onclick]):before {
      content: "link:";
      font-size: 0.7rem;
      font-weight: bold;
      margin: 0 0.15rem 0 0;
  }
  .artContent blockquote a:not([onclick]):after {
      content: "\f0c1";
      display: block;
      font: normal normal normal 0.9rem/1 FontAwesome;
      text-rendering: auto;
      transition: transform 0.5s;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
  }
  .artContent blockquote a:not([onclick]):hover:after {
      transform: rotateY(360deg);
  }
  
  /* Nanimono Daemon's warning box */
  .warning {
      position: relative;
      margin: 2em 0;
      padding: 25px 10px 7px;
      border: solid 2px #b01;
  }
  .warning h1{
      position: absolute;
      margin-top: 0;
      display: inline-block;
      top: -2px;
      left: -2px;
      padding: 0 9px;
      height: 25px;
      line-height: 25px;
      vertical-align: middle;
      font-size: 17px;
      background: #b01;
      color: #ffffff;
      font-weight: bold;
  }
  .warning p {
      margin: 0; 
      padding: 0;
  }
  
  
  #header {
      background: var(--anim-pride) 15px 40px no-repeat !important;
      background-size: 6rem !important;
  }
  @media (max-width: 580px) and (min-width: 480px) {
      #header {
      	background-position: 0.5em 4.5em  !important;
      	background-size: 66px 66px  !important;
      }
  }
  
  @media (max-width: 479px) {
      #header {
      	background-position: 0 5.5em !important;
      	background-size: 55px 55px !important;
      }
  }
  .footnotes-footer {
      display: none;
  }

  Pages using this styling

  • svg-animation [info]

  ¶ 1 occurrence
  

  .ratioWrapSVG {
    display: none;
  }

  Pages using this styling

  • svg-animation [info]

  ¶ 1 occurrence
  

  .animSVG {
      width: 100%;
      height: 0px; 
      background-position: center;
      background-size: contain;
      background-repeat: no-repeat;
  }
  
  .ratioWrapSVG .error-block {
      display: none;
  }

  Pages using this styling

  • svg-animation [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Jost&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Archivo&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+New&display=swap');
  
  .futurabox{
     font-family: 'Jost', sans-serif;
     background-color: #02010F;
     color: #E3E3D5;
     padding: 2em;
     border: 2px outset #6F727A;
  }
  
  .futurabox p {
     margin-top: 0px;
     margin-bottom: 0px;
  }
  
  .futurabox tt {
     font-family: 'Archivo', monospace;
     color: #2EB81C;
     text-shadow:
        0 0 2px #1B940D,
        0 0 5px #197D0E,
        0 0 7px #1A5E12;
  }
  
  .futurabox em {
     font-family: 'Zen Kaku Gothic New', sans-serif;
     font-style: normal;
     color: #127505;
     text-shadow:
        0 0 1px #1B940D,
        0 0 2px #197D0E,
        0 0 4px #1A5E12;
  }
  
  .futurabox .chi {
     color: #B90000;
     text-shadow:
        0 0 1px #940D0D,
        0 0 2px #7D0E0E,
        0 0 4px #5E1212;
  }
  
  .futurabox .gtalic {
     font-style: italic;
     padding-right: 0.1em;
     color: #127505;
     text-shadow:
        0 0 1px #1B940D,
        0 0 2px #197D0E,
        0 0 4px #1A5E12;
  }

  Pages using this styling

  • surprise-happy-birthday-10 [info]

  ¶ 1 occurrence
  

  #page-content .rate-box-with-credit-button .creditButton {
      background-color: #006c00;
      border: 1px solid #006c00;
  }
  
  #page-content .rate-box-with-credit-button .creditButton:hover {
      background-color: #008f00;
      border: 1px solid #008f00;
  }
  
  #page-content .rate-box-with-credit-button .creditButton a:hover {
      color: white;
  }
  

  Pages using this styling

  • surface-to-air-bamboo [info]

  ¶ 1 occurrence
  

  .content-panel.standalone {
    padding: 20px 30px;
  }
  .sp-art-title {
    font-size: 200%;
    font-weight: bold;
    margin-bottom: 10px;
  }

  Pages using this styling

  • sunny-s-black-and-white-art [info]

  ¶ 1 occurrence
  

  
  :root {
      --header-title: "Nobody";
      --header-subtitle: "The Man Without A Head";
  }
  .danger-diamond > .arrows {
       top: 0;
  }
  #header h2 {
      padding: .5em;
  }
  
  .footnotes-footer {
  display:none;
  }
  
  .starfade {
      background: linear-gradient(to bottom, rgb(var(--space-void) / 0.575), rgb(var(--space-void) / 0.575) 50%, transparent) !important;
  }
  
  .starfade::before {
      border: unset;
  }

  Pages using this styling

  • sundowner [info]

  ¶ 1 occurrence
  

  :root {
  --header-title: "SUN TALK?";
  --header-subtitle: "Anomalous Entity Engagement Division";
    --logo-img: url("https://scp-wiki.wikidot.com/local--files/secure-facility-dossier-site-169/AEED-logo.png");
  }

  Pages using this styling

  • sun-talk [info]

  ¶ 1 occurrence
  

  #header {
    background-image: url(http://scp-wiki.wdfiles.com/local--files/this-page-intentionally-left-blank/SunLogo.png)
  }

  Pages using this styling

  • sun-sister-and-moon-champion [info]

  ¶ 1 occurrence
  

  
  #page-title {display: none;}
  
  :root {
      --header-title: "STRIKEFALL";
      --header-subtitle: "Intermittent Vengeance";
      --link-txt-color: rgb(var(--accent)); 
      --logo-img: url("http://scp-wiki.wikidot.com/local--files/strikefall/strikefall.png");
      --logo-opacity: 50%;
  } 
  
  #header h2::before {
      text-transform: capitalize;
      font-style: italic;
  }
  
  .notation {
      border-width: 4px;
      width: 75%;
      margin: auto;
      border-color: rgb(var(--accent));
      text-align: justify;
  }
  
  .separation {
      margin: 1ex 15%;
      padding: 0;
      border-top: 0.2rem solid #275495;
      display: block;
  }
  
  .elaimal, .president, .al-fine, .vanguard {
      width: 85%;
      margin: auto;
      padding: 15px;
      box-shadow: 0 1px 3px rgba(0,0,0,.2);
  }
  
  .elaimal {
      border: solid 2.5px #fff0ba;
      background-color:#fff0ba;
      color: #4B0101;
      font-family: Times New Roman;
  }
  
  .dictation2 {
     font-family: Garamond, serif;
     color: #000000;
     font-size: 18px;
  }
  
  .president {
      border: solid 2.5px #FF0000;
      background-color:#000000;
      color: #FF0000;
  }
  
  .al-fine {
      border: solid 4px #275495;
      background: #F2F7FB url('https://scp-wiki.wdfiles.com/local--files/theme%3Agoc/goc-fade.png') center no-repeat;
  }
  
  .vanguard {
      border: solid 4px #275495;
      background: #F2F7FB center no-repeat;
  }
  
  div.blockquote {
      padding-right: 2rem;
      padding-top: 1rem;
      border-right: solid 7px rgb(var(--accent)) !important;
      margin: 1em 1.75em;
  }
  
  .blockquote .image-container {
      padding: 0em;
  }
  
  .characters {
      margin-top: -1em;
      margin-bottom: 1em;
      margin-left: 15px;
      margin-right: 10px;
  }
  
  .characters-top {
      display: flex;
      flex-flow: row nowrap;
      align-items: center;
      gap: 16px;
  }
  
  .bar {
      width: 12px;
      height: 85px;
  }
  
  .characters-info {
      flex-grow: 1;
  }
  
  .characters-info p {
      line-height: 200%;
  }
  
  .bio {
      margin-top: -20px;
  }
  
  .goc {
      --color: #5f95e6;
  }
  
  .us {
      --color: #404d7e;
  }
  
  .joicl {
      --color: #d7003a;
  }
  
  .phoenix {
      --color: #d68300;
  }
  
  .mcd {
      --color: #8c148c;
  }
  
  .van {
      --color: #4b2;
  }
  
  .bar {
      background-color: var(--color);
  }

  Pages using this styling

  • strikefall [info]

  ¶ 1 occurrence
  

  #page-content a, #page-content a.newpage, #page-content a:visited {
      color: rgb(var(--accent));
  }
  
  #page-content a:hover, #page-content a.newpage:hover, #page-content a:visited:hover {
      color: var(--link-hover-txt-color);
      text-decoration: none;
      background-color: rgb(var(--accent));
  }
  
  strong {
      color: rgb(var(--accent));
  }
  
  h2, h3, h4, h5, h6 {
      color: rgb(var(--accent)) !important;
  }
  
  .start-line hr {
      height: 0.5rem !important;
      margin: 1em;
  }
  .earthworm {
          --earthworm-segment-border-color: rgba(var(--accent),.6) !important;
  }

  Pages using this styling

  • stray-pigs [info]

  ¶ 1 occurrence
  

  :root {
    --header-title: "Strange Matter";
    --header-subtitle: "Authors Page";
    --top-layer-height-offset: -1rem;
  }
  

  Pages using this styling

  • strange-matter-writes [info]

  ¶ 1 occurrence
  

  :root {
    --header-title: "Strange Matter";
    --header-subtitle: "Art Hub";
    --top-layer-height-offset: -1rem;
  }
  

  Pages using this styling

  • strange-matter-art-hub [info]

  ¶ 1 occurrence
  

  @import url('https://chinese-fonts-cdn.deno.dev/packages/syst/dist/SourceHanSerifCN/result.css');
  @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Afacad+Flux&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Titillium+Web&display=swap');
  :root {
    --title-font: 'Afacad Flux', 'Source Han Serif CN VF', serif;
    --body-font:  'Titillium Web', 'Noto Sans SC', sans-serif;
    --bg-img: url(http://starstrucked.wikidot.com/local--files/secure-shiv-nights/Reflection.png);
    --blur-mode: block;
    --bg-blur-filter: 0px;
    --prologue: "War is father of everything, war is king of everything.";
    --prologue-setting: visible;
    --prologue-author: "";
    --prologue-author-setting: hidden;
    --introduction: "War is father of everything, war is king of everything.";
    --introduction-setting: None;
    --primary-color: 16, 5, 5;
    --secondary-color: 236, 246, 253;
    --link-color: 176,0,0;
    --new-link-color: 225,0,0;
    --display-mode: 25vh;
  
  /* DONT TOUCH BELOW */
    --background-gradient: linear-gradient(to bottom, rgb(var(--primary-color), 0.75) 20%, transparent);
   #page-title
  {
  display: none !important;
  }
  }
  
  body {
      background: transparent;
      color: rgb(var(--secondary-color));
   
      font-family: var(--body-font);
      font-weight: 200;
      font-size: 0.925em;
  }
   
  body:not(#interwiki body)::before {
      content: " ";
      position: fixed;
      display: block;
      z-index: -2;
   
      top: 0;
      width: 100%;
      height: 100vh;
      background: var(--bg-img);
      background-size: cover;
      background-position: center;
  }
   
  a, a:visited, h1  {
      color: rgb(var(--link-color));
  }
   
  #side-bar a:visited {
    color: unset;
    color: rgb(var(--link-color));
  }
   
  a.newpage {
      color: rgb(var(--new-link-color));
  }
   
  hr {
    background: rgb(var(--secondary-color), .15);
    box-shadow: 0 0 10px rgb(0, 0, 0);
    backdrop-filter: brightness(3) contrast(1.1);
    -webkit-backdrop-filter: brightness(3) contrast(1.1);
  }
   
  strong {
    font-weight: bold;
  }
   
  h1, h2, h3, h4, h5, h6, #page-title {
      font-family: var(--title-font);
  }
   
  * {
    scrollbar-width: thin;
    scrollbar-color: rgb(var(--link-color))  rgb(var(--primary-color));
  }
   
  #avatar-hover-container {
    display:none !important;
  }
   
  div#container-wrap {
      background: none;
  }
   
  #header {
    display: grid;
    grid-template-columns: 3rem 1fr 3rem 3rem;
    grid-template-areas:'open-menu top-bar search user';
   
    justify-items: center;
    align-items: center;
    position: fixed;
    z-index: 10;
    max-width: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
    background: transparent;
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
    height: 3em;
    grid-template-rows: 3em;
  }
   
  #top-bar .open-menu a {
    grid-area:open-menu;
    display: flex;
    justify-content: center;
  }
   
  #top-bar {
    grid-area:top-bar;
    top: 1rem !important;
    left: 0;
    margin-left: 1rem;
   
    align-items: stretch;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
  }
   
  #search-top-box {
    grid-area:search;
    width: 100%;
    display: flex;
    justify-content: flex-end;
  }
   
  #login-status {
    grid-area:user;
    top: 2em;
    display: flex;
    justify-content: center;
  }
   
  #top-bar ul {
    float: unset;
  }
   
  #top-bar ul {
    flex: 1 0 100px;
  }
   
  #top-bar ul li ul {
    flex-direction: column;
  }
   
  #top-bar ul li.sfhover a, #top-bar ul li:hover a {
    background: transparent;
    color: rgb(var(--link-color));
    border-left: solid 1px transparent;
    border-right: solid 1px transparent;
  }
   
  #top-bar ul li ul {
    border: transparent;
    box-shadow: none;
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
  }
   
  #top-bar ul li a {
    border-left: solid 1px transparent;
    border-right: solid 1px transparent;
    text-shadow: 0px 0px 5px black;
  }
   
  #top-bar ul li.sfhover ul li a, #top-bar ul li:hover ul li a {
    border-top: 1px solid rgba(var(--secondary-color), 0.33);
    text-shadow: 0px 0px 5px black;
  }
   
  @media (max-width: 767px) {
  .mobile-top-bar {
    display: flex;
    justify-content: flex-start;
    max-width: 100%;
    width: 100%;
    flex-direction: row;
    }
  }
   
  @media (max-width: 479px) {
    .mobile-top-bar {
      font-size: 67%;
    }
  }
   
  #header h1 span, #header h2 span {
      display:none;
  }
   
  #extrac-div-1 {
      position: absolute;
      top: calc(var(--display-mode) / 2);
      left: 50%;
      transform: translateX(-50%);
      padding-left: 1em;
      padding-right: 1em;
      z-index: 2;
      pointer-events: var(--introduction-setting);
      width: 50%;
   
      display: flex;
      flex-direction: column;
  }
   
  #extrac-div-1::before {
      line-height: 1.5em;
      font-size: 1.5em;
      font-family: var(--title-font);
      font-weight: 400;
      text-shadow: 0px 0px 5px black;
   
      content: var(--prologue);
      color: rgb(var(--secondary-color));
      visibility: var(--prologue-setting);
      display: block;
   
      text-align: center;
      transition: font-size 0.3s ease, background-size 0.3s ease;
  }
   
  #extrac-div-1:hover::before {
      font-size: 1.25em;
      content: var(--introduction);
      background:
          linear-gradient(rgb(var(--secondary-color)), rgb(var(--secondary-color))) left top,
          linear-gradient(rgb(var(--secondary-color)), rgb(var(--secondary-color))) left top,
          linear-gradient(rgb(var(--secondary-color)), rgb(var(--secondary-color))) right bottom,
          linear-gradient(rgb(var(--secondary-color)), rgb(var(--secondary-color))) right bottom;
      background-position:
          left top, left top,
          right bottom, right bottom;
      background-repeat: no-repeat;
      background-size:
          1px 5px, 5px 1px,
          1px 5px, 5px 1px;
  }
   
  #extrac-div-1::after {
      line-height: 1.5em;
      font-size: 1.25em;
      font-family: var(--title-font);
      text-shadow: 0px 0px 3px rgba(var(--primary-color));
   
      content: var(--prologue-author);
      color: rgb(var(--secondary-color));
      visibility: var(--prologue-author-setting);
      display: block;
   
      text-align: right;
      transition: font-size 0.3s ease, background-size 0.3s ease;
  }
   
  @media (min-width: 1px) and (max-width: 1000px) {
    #extrac-div-1{
      width: 80%;
   }
   
   #page-title {
       font-size: 4em;
   }
   
   #top-bar {
     top: 1rem !important;
   }
   
   #top-bar li {
    margin-left: -0.6rem;
   }
   
  #top-bar li a {
    padding: 1px 0.9em;
   }
  }
   
  #page-title,
  #action-area h1 {
      margin: 0;
      text-align: center;
  }
   
  #page-title {
      margin-top: -0.35rem;
      font-weight: bold;
      font-size: 4.5em;
   
      color: rgb(var(--secondary-color));
      border-color: transparent;
   
      display: var(--title-setting) !important;
      flex-direction: column;
      align-items: center;
      position: relative;
  }
   
  #page-title::after {
     content: var(--subtitle-content);
   
     display: var(--subtitle-setting);
     width: 100%;
     height: 2rem;
   
     margin-top: -1.5rem;
     justify-content: center;
     align-items: center;
     font-size: 30%;
     letter-spacing: 1px;
  }
   
  #breadcrumbs, .pseudocrumbs {
      margin: 1em 0 -1em;
  }
   
  #content-wrap {
      position: relative;
   
      max-width: none;
      margin: 0;
   
      overflow: hidden;
      top: var(--display-mode);
   
      background: linear-gradient(to bottom, transparent, rgb(var(--primary-color), 0.75) 15vh, rgb(var(--primary-color), 0.75));
  }
   
  @media not all and (max-width: 767px) {
    #main-content {
      max-width: 57.5rem !important;
    }
  }
   
  #content-wrap::after {
      content: " ";
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: -2;
      backdrop-filter: blur(var(--bg-blur-filter));
      -webkit-backdrop-filter: blur(var(--bg-blur-filter));
      display: var(--blur-mode);
  }
   
  #content-wrap::before {
      content: " ";
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: -1;
      background:
      url('http://scpsandboxcn.wikidot.com/local--files/echoaphaniptera3/sn_bg_g.png') top center no-repeat;
      background-size: cover;
      mix-blend-mode: overlay;
      animation: backgroundBounce 180s linear infinite;
      pointer-events: none;
      will-change: transform;
  }
   
  @keyframes backgroundBounce {
      0%, 100% {
          background-position: center bottom;
      }
      50% {
          background-position: center top;
      }
  }
   
  #license-area, #footer {
    top: var(--display-mode);
    position: relative;
    color: rgb(var(--secondary-color));
  }
   
  #footer {
    margin-top: 0px;
    background: rgb(var(--primary-color), 0.75);
  }
   
  #license-area {
    background: var(--background-gradient);
  }
   
  #side-bar a:visited:hover,
  div.buttons input:hover,
  input.button:hover,
  button:hover,
  a.button:hover,
  a:hover {
    text-decoration: none;
    background-color: rgb(var(--link-color));
    color: rgb(var(--primary-color));
    border-radius: 5px;
    text-shadow: none !important;
  }
   
  #top-bar ul li.sfhover a:hover, #top-bar ul li:hover a:hover {
    background: rgb(var(--link-color));
    color: rgb(var(--primary-color));
  }
   
  #main-content .page-tags a {
    text-transform: uppercase;
    padding: 0 2px;
  }
   
  .license-area a,
  .page-options-bottom a {
    text-shadow: 0px 0px 5px rgba(var(--primary-color));
  }
   
  blockquote,
  div.blockquote,
  div#toc,
  #lock-info,
  .scp-image-block {
      border: 0.1px dashed transparent;
      border-radius: 5px;
      position: relative;
      background: transparent;
      box-shadow: 0 0 10px rgb(0, 0, 0);
      backdrop-filter: brightness(2) contrast(1.1);
      -webkit-backdrop-filter: brightness(2) contrast(1.1);
   
      text-shadow: 0px 0px 5px black;
  }
   
  blockquote blockquote {
      backdrop-filter: brightness(1.25) contrast(1);
  }
   
  div.blockquote.porthole,
  div#toc.porthole {
      background: linear-gradient(rgba(var(--primary-color), 0.1), rgba(var(--primary-color), 0.1)), var(--bg-img);
      background-size: cover;
      background-attachment:fixed;
      background-position: center;
      box-shadow: none;
  }
   
  div.blockquote.porthole::before,
  div#toc.porthole::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: rgba(var(--primary-color));
      mix-blend-mode: overlay;
      pointer-events: none;
      opacity: 0.7;
      text-shadow: none;
  }
   
  div.blockquote.dark,
  div#toc.dark {
    background: rgba(53, 0, 0, 0.5);
    backdrop-filter: contrast(1.1);
      -webkit-backdrop-filter: contrast(1.1);
  }
   
  .hovertip, .owindow, .preview-message {
      position: fixed;
      z-index: 100;
      border: 2px solid transparent;
      border-radius: 5px;
   
      background-color: rgb(var(--primary-color), 0.5)  !important;
      backdrop-filter: blur(2px);
      -webkit-backdrop-filter: blur(2px);
      box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  }
   
  .preview-message {
    opacity: 1;
    bottom: 1em;
  }
   
  .owindow .title {
    background-color: transparent;
    text-align: center;
  }
   
  .owindow > :not(.button-bar, .title) > img {
    background: transparent !important;
    padding-right: 6px;
    margin-right: 4px;
  }
   
  .owindow .button-bar a:hover {
    background-color: rgb(var(--link-color));
    color: rgb(var(--primary-color));
  }
   
  #lock-info, textarea, input.text, .owindow .button-bar a {
    color: rgb(var(--secondary-color));
    background-color: transparent;
    backdrop-filter: blur(2px);
      -webkit-backdrop-filter: blur(2px);
  }
   
  .owindow .button-bar a {
    border-color:transparent;
  }
   
  .odialog-shader {
    background-color: #171619;
  }
   
  .scp-image-block img {
    position: relative;
  }
   
  .scp-image-block .scp-image-caption {
    background-color: transparent;
    border-top: solid 1px transparent;
    font-size: 90%;
    font-weight: normal;
  }
   
  div.buttons input, input.button, button, file, a.button {
    background-color: transparent;
    border: 1px solid transparent;
    color: rgb(var(--secondary-color));
    font-size: 90%;
  }
   
  table.page-history td.optionstd a, .pager a {
    border: 1px solid transparent;
  }
   
  .pager .current {
    background-color: rgb(var(--link-color));
    color: rgb(var(--primary-color));
    border: 1px solid transparent;
    border-radius: 5px;
  }
   
  .page-source {
    border: 0.1px dashed transparent;
  }
   
  /* 评分栏 */
   
  .rate-box-with-credit-button,
  .page-rate-widget-box {
    border-radius: 10px !important;
    background-color: rgba(var(--secondary-color), .05) !important;
    box-shadow: 0 0 10px rgb(0, 0, 0);
    backdrop-filter: brightness(2) contrast(1.1) blur(2px);
    -webkit-backdrop-filter: brightness(2) contrast(1.1) blur(2px);
   
    padding-right: 0.45em;
  }
   
  .rate-box-with-credit-button {
    border: none !important;
  }
   
  .rate-box-with-credit-button .page-rate-widget-box {
    border-radius: 0;
    background-color: transparent !important;
    box-shadow: none;
    backdrop-filter: unset;
    -webkit-backdrop-filter: unset;
   
    padding-right: 0;
  }
   
  .page-rate-widget-box .cancel, .page-rate-widget-box .ratedown, .page-rate-widget-box .rateup,
  .page-rate-widget-box .rate-points {
    background-color: transparent !important;
    border: 1px transparent;
  }
   
  .page-rate-widget-box .cancel a, .page-rate-widget-box .ratedown a, .page-rate-widget-box .rateup a {
    color: rgb(var(--secondary-color));
    text-transform: none;
    border-left: none;
  }
   
  .creditButton p a {
    margin-left: 0 !important;
    border-left: solid 1px transparent !important;
  }
   
  .creditButton p a:hover, .page-rate-widget-box .cancel a:hover, .page-rate-widget-box .ratedown a:hover, .page-rate-widget-box .rateup a:hover {
    background: transparent;
    color: rgb(var(--link-color)) !important;
    border-left: none;
  }
   
  .modalbox {
    border: 2px solid transparent !important;
    border-radius: 5px;
    background: rgb(var(--primary-color), 0.5) !important;
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5) !important;
  }
   
  .modalbox .credit p {
    margin-right: 0.75em;
    overflow-x: unset;
  }
   
  table.wiki-content-table th {
    background-color: rgba aliceblue(var(--primary-color) 0.25);
  }
   
  .creditButtonStandalone p a {
    background-color: rgba(var(--secondary-color), .05) !important;
    box-shadow: 0 0 10px rgb(0, 0, 0);
    backdrop-filter: brightness(2) contrast(1.1) blur(2px);
    -webkit-backdrop-filter: brightness(2) contrast(1.1) blur(2px);
  }
   
  .creditButtonStandalone p a:hover {
    color: var(--link-color);
  }
   
  /* TABS */
  .yui-navset .yui-content,
  .yui-content {
    border: 1px solid transparent;
    background-color: transparent;
  }
   
  .yui-navset .yui-nav, .yui-navset .yui-navset-top .yui-nav {
    border-color: transparent !important;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    box-sizing: border-box;
    text-align: center;
  }
   
  .yui-navset .yui-nav .selected, .yui-navset .yui-navset-top .yui-nav .selected,
  .yui-navset .yui-nav li, .yui-navset .yui-navset-top .yui-nav li {
    flex: 1 0 100px;
    margin: 0;
  }
   
  .yui-navset .yui-nav .selected, .yui-navset .yui-navset-top .yui-nav .selected {
    margin: 0;
  }
   
  yui-navset .yui-nav li a, .yui-navset-top .yui-nav li a, .yui-navset-bottom .yui-nav li a {
    display: block;
  }
   
  .yui-navset .yui-nav a, .yui-navset .yui-navset-top .yui-nav a {
    background-color: unset;
    background-image: none;
  }
   
  .yui-navset .yui-nav a, .yui-navset .yui-navset-top .yui-nav a {
    background: rgba(31, 31, 53, 0.5) !important;
    border: solid transparent;
    border-radius: 5px 5px 0px 0px;
    backdrop-filter: contrast(1.1);
    -webkit-backdrop-filter: contrast(1.1);
    text-shadow: 0px 0px 5px black;
    color: rbg(var(--secondary-color)) !important;
  }
   
  .yui-navset .yui-nav a em, .yui-navset .yui-navset-top .yui-nav a em {
    border: solid transparent;
  }
   
  .yui-navset .yui-nav .selected a, .yui-navset .yui-nav .selected a em {
    border: unset;
    background-color: rgba(var(--link-color));
    border-radius: 5px 5px 0px 0px;
    text-shadow:none;
  }
   
  .yui-navset .yui-content, .yui-content {
    border-radius: 0px 0px 5px 5px;
    box-shadow: 0 10px 10px -10px rgb(0, 0, 0);
    background: rgba(31, 31, 53, 0.5);
    backdrop-filter: contrast(1.1);
    border: none;
   
    margin-top: -0.55em;
    border-top: 0.75rem solid rgba(var(--link-color));
  }
   
  .yui-navset .yui-nav .selected a em {
    padding: 0.65em 0.75em;
  }
  /* 搜索栏/用户信息 */
   
  div#search-top-box {
    top: 8px;
    width: 28px;
    right: 0;
  }
   
  div#search-top-box form {
      display: flex;
      justify-content: flex-end;
  }
   
  div#search-top-box form input[type="text"],
  div#search-top-box form input[type="text"]:hover {
      background-color: rgba(var(--primary-color), 0.2) !IMPORTANT;
      display: inline-block;
      height: 1.1rem;
      width: 8rem;
      transition: width .25s;
      outline: none;
      filter: brightness(120%);
  }
   
  _::-webkit-full-page-media,
  _:future,
  :root div#search-top-box form input[type="text"] {
      font-size: 16px
  }
   
  div#search-top-box form input[type="text"]:not(:focus),
  div#search-top-box form input[type="text"]:not(:focus):not(:hover) {
      background-color: var(--primary-color);
      color: transparent;
      cursor: pointer;
      display: inline-block;
      width: 28px;
      height: 28px;
      box-sizing: border-box;
      border-radius: 5px;
      box-shadow: none;
      background-position: center;
      background-size: 55%;
      background-repeat: no-repeat;
      background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22%23ddd%22%20d%3D%22M505%20442.7L405.3%20343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3%2044-79.7%2044-128C416%2093.1%20322.9%200%20208%200S0%2093.1%200%20208s93.1%20208%20208%20208c48.3%200%2092.7-16.4%20128-44v16.3c0%206.4%202.5%2012.5%207%2017l99.7%2099.7c9.4%209.4%2024.6%209.4%2033.9%200l28.3-28.3c9.4-9.4%209.4-24.6.1-34zM208%20336c-70.7%200-128-57.2-128-128%200-70.7%2057.2-128%20128-128%2070.7%200%20128%2057.2%20128%20128%200%2070.7-57.2%20128-128%20128z%22%2F%3E%3C%2Fsvg%3E");
   
    top: initial;
    right: initial;
    position: relative;
  }
   
  div#search-top-box form input[type="submit"] {
      display: none
  }
   
  #search-top-box-input {
      border: solid 1px var(--background);
      border-radius: 5px
  }
   
  #login-status {
      top: 2px
   
      display: flex;
      flex-direction: column;
      align-content: space-around;
      font-size: 0
  }
   
  #login-status .printuser {
      margin: 0;
      background-color: none;
      position: absolute;
      top: 8px;
      right: 0px;
      width: 28px;
      padding: 0;
  }
   
  #login-status .printuser img.small {
      background: none !important;
      margin: 0;
      width: 28px;
      height: 28px;
      padding: 0;
      border-radius: 5px;
      box-shadow: 0 0 3px #3f3f3f;
  }
   
  #login-status [id] {
      font-size: .72rem
  }
   
  #login-status>a[href="javascript:;"] {
      font-size: 0;
      font-weight: bold;
      margin: 0;
      text-align: center;
      text-decoration: none;
      background: none;
      width: 21.8px;
      position: absolute;
      top: 20px;
      height: 0;
      right: 0;
      border: none;
      opacity: 0;
  }
   
  div#login-status a.login-status-create-account {
      top: 8px;
      opacity: 1;
  }
   
  #login-status>a[href="javascript:;"]:before {
      display: inline-block;
      font-family: FontAwesome;
      font-size: 1.3rem;
      margin: 4px 3px;
      text-rendering: auto;
      -webkit-font-smoothing: antialiased;
      transform: translate(0, 0);
  }
   
  #header #login-status #account-topbutton + #account-options:focus, #header #login-status #account-topbutton + #account-options:focus-within, #header #login-status #account-topbutton + #account-options:hover, #header #login-status #account-topbutton + #account-options:active {
    top: 3.5em;
  }
   
  #login-status #account-topbutton:before {
      content: "\f013";
      color: var(--base-color)
  }
   
  #login-status .login-status-sign-in {
      right: 35px !important;
  }
   
  #login-status .login-status-sign-in:before {
      content: "\f13e";
      color: var(--base-color)
  }
   
  #login-status .login-status-create-account {
      right: 11px !important;
      margin: 0 0 .25rem;
  }
   
  div#login-status a.login-status-create-account {
      right: 11px;
  }
   
  #login-status .login-status-create-account:before {
      content: "\f067";
      color: var(--base-color)
  }
   
  #login-status #my-account {
      display: none
  }
   
  #login-status a strong {
      position: absolute;
      top: 0;
      right: 2.25rem;
      font-family: var(--bauhaus);
      font-size: 1rem;
      var(--lightColor)-space: nowrap
  }
   
  #login-status #account-topbutton:not(:focus):not(:focus-within):not(:hover):not(:active)+#account-options {
      display: none !important
  }
   
  #header #login-status #account-topbutton+#account-options:focus,
  #header #login-status #account-topbutton+#account-options:focus-within,
  #header #login-status #account-topbutton+#account-options:hover,
  #header #login-status #account-topbutton+#account-options:active {
      display: block !important
  }
   
  #account-options ul {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-around
  }
   
  #account-options ul>li {
      flex-grow: 1;
      text-align: center;
      width: 40%
  }
   
  #account-options ul>li a {
      transition: all .25s ease-in-out
  }
   
  #account-options ul>li a:hover {
      background-color: var(--base-color);
      color: var(--background);
      text-decoration: none
  }
   
  #login-status ul a {
      color: #000
  }
   
  /* Sidebar组件 */
  /* source: https://ah-sandbox.wikidot.com/component:collapsible-sidebar-x1 */
   
  #top-bar .open-menu a {
          position: fixed;
          top: 0.4em;
          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: transparent;
          background-color: transparent;
          border-radius: 0em;
          color: var(--lightColor);
          pointer-events: auto;
  }
   
  @media not all and (max-width: 767px) {
      #top-bar .mobile-top-bar {
          display: block;
          pointer-events: none;
      }
   
      #top-bar .mobile-top-bar li {
          display: none;
      }
   
      #main-content {
          max-width: 44.5rem;
          margin: 0 auto;
          padding: 0;
          transition: max-width 0.2s ease-in-out;
      }
   
      #side-bar {
          display: block;
          position: fixed;
          top: 3em;
          left: -18rem;
          width: 15.25rem;
          height: 100%;
          margin: 0;
          overflow-x: hidden;
          overflow-y: auto;
          z-index: 10;
          padding: 1em 1em 0 1em;
          background-color: transparent;
          transition: left 0.4s ease-in-out;
      }
   
      #side-bar:target {
          left: 0;
      }
      #side-bar:focus-within {
          left: 0;
      }
   
      #side-bar:target .close-menu {
          display: block;
          position: fixed;
          width: 100%;
          height: 100%;
          top: 0;
          left: 0;
          margin-left: 17rem;
          opacity: 0;
          z-index: -1;
          visibility: visible;
      }
      #side-bar:not(:target) .close-menu { display: none; }
   
      #top-bar .open-menu a:hover {
          text-decoration: none;
      }
  }
   
  @media (max-width: 767px) {
      #side-bar {
          background-color: rgba(34, 32, 46, 0.75);
      }
  }
   
  #side-bar .side-block {
      border: 0.1px dashed transparent;
      border-radius: 5px;
      position: relative;
      background: rgb(var(--primary-color), 0.5) !important;
      box-shadow: 0 0 10px rgb(0, 0, 0);
  }
   
  #side-bar .side-block {
    border: 1.5px solid transparent;
    border-radius: 5px;
    margin-bottom: 15px;
  }
   
  #side-bar div.menu-item a {
    font-weight: normal;
    font-size: 95%;
  }
   
  #side-bar div.menu-item img {
    display: none;
  }
   
  #side-bar .heading {
    color: rgb(var(--secondary-color));
    border-bottom: solid 1px rgb(var(--secondary-color));
    font-size: 95%;
    font-weight: bold;
    font-family: var(--title-font);
    text-align: center;
  }
   
  #side-bar .collapsible-block-folded {
    background: none;
  }
   
  /*组件兼容*/
  div.obj {
    color: rgb(var(--primary-color)) !important;
    background-color: rgb(var(--secondary-color)) !important;
  }
   
  div.class1 > div {
    color: rgb(var(--secondary-color)) !important;
    font-family: rift, 'Noto Sans SC', 'Noto Sans TC', sans-serif;
    font-size: 2.90em;
    line-height: 0.9em;
  }
   
  div.scale {
    --woedbar-lvl1-color: rgba(var(--secondary-color,12, 12, 12),0.1) !important;
    --woedbar-lvl2-color: rgba(var(--secondary-color,12, 12, 12),0.3) !important;
    --woedbar-lvl3-color: rgba(var(--secondary-color,12, 12, 12),0.55) !important;
    --woedbar-lvl4-color: rgba(var(--secondary-color,12, 12, 12),0.75) !important;
    --woedbar-lvl5-color: rgba(var(--secondary-color,12, 12, 12),1) !important;
    --woedbar-lvl6-color: rgba(var(--secondary-color,140, 25, 26),1) !important;
  }
   
  /* ACS适配，感谢平行 */
  div.Shivering-ACS {
    --swatch-menutxt-dark-color: var(--secondary-color);
  }
   
  div.Shivering-ACS.color {
    --five-color: 220, 70, 141;
    --four-color: 162, 78, 200;
    --three-color: 105, 92, 196;
    --two-color: 92, 147, 196;
    --one-color: 92, 196, 171;
  }
   
  div.Shivering-ACS .danger-diamond a {
    background: none;
  }
   
  div.Shivering-ACS .top-box .top-center-box {
    height: 80%;
    opacity: 0.65;
  }
   
  div.Shivering-ACS .anom-bar > .bottom-box {
    box-shadow: none;
    margin-top: -1.5rem !important;
  }
   
  div.Shivering-ACS .bottom-box > .diamond-part {
    box-shadow: none;
  }
   
  div.Shivering-ACS .text-part > .main-class {
    box-shadow: 0 0 10px rgb(0, 0, 0);
    backdrop-filter: brightness(2) contrast(1.1);
    -webkit-backdrop-filter: brightness(2) contrast(1.1);
    border-radius: 5px;
  }
   
  div.Shivering-ACS .text-part > .main-class::before {
    border: 0.25rem solid transparent !important;
  }
   
  div.Shivering-ACS .top-center-box > .bar-one,
  div.Shivering-ACS .top-center-box > .bar-two,
  div.Shivering-ACS .top-center-box > .bar-three,
  div.Shivering-ACS .top-center-box > .bar-four,
  div.Shivering-ACS .top-center-box > .bar-five {
    box-shadow: 0 0 3px rgb(0, 0, 0);
    border-radius: 0px 10px 0px 10px;
  }
   
  div.Shivering-ACS .text-part > .disrupt-class,
  div.Shivering-ACS .text-part > .risk-class {
    box-shadow: 0 0 5px rgb(0, 0, 0);
    backdrop-filter: brightness(2) contrast(1.1);
    -webkit-backdrop-filter: brightness(2) contrast(1.1);
    border-radius: 5px;
  }
   
  div.Shivering-ACS .danger-diamond > .quadrants > div {
    clip-path: polygon(25% 0%, 74% 0%, 97% 31%, 50% 95%, 3% 31%);
    backdrop-filter: brightness(3);
  }
   
  div.Shivering-ACS .text-part .disrupt-class::before,
  div.Shivering-ACS .text-part .risk-class::before {
    background-color: rgb(255, 255, 255);
    color: black;
  }
   
  div.Shivering-ACS .text-part .disrupt-class::after,
  div.Shivering-ACS .text-part .risk-class::after {
    border: 0.25rem solid rgb(255, 255, 255);
  }
   
  div.Shivering-ACS .danger-diamond > .arrows {
    display: none;
  }
   
  div.Shivering-ACS .danger-diamond > .top-icon,
  div.Shivering-ACS .danger-diamond > .right-icon,
  div.Shivering-ACS .danger-diamond > .left-icon,
  div.Shivering-ACS .danger-diamond > .bottom-icon {
    border: 0.1875rem solid transparent !important;
  }
   
  div.Shivering-ACS .danger-diamond > .top-icon::before,
  div.Shivering-ACS .danger-diamond > .left-icon::before,
  div.Shivering-ACS .danger-diamond > .right-icon::before,
  div.Shivering-ACS .danger-diamond > .bottom-icon::before {
    background-color: transparent !important;
  }
   
  div.Shivering-ACS .danger-diamond > .top-quad,
  div.Shivering-ACS .danger-diamond > .right-quad,
  div.Shivering-ACS .danger-diamond > .left-quad,
  div.Shivering-ACS .danger-diamond > .bottom-quad{
    box-shadow: 0 0 5px rgb(0, 0, 0);
    backdrop-filter: brightness(2) contrast(1.1);
    -webkit-backdrop-filter: brightness(2) contrast(1.1);
  }
   
  div.Shivering-ACS .danger-diamond .top-quad::before,
  div.Shivering-ACS .danger-diamond .right-quad::before,
  div.Shivering-ACS .danger-diamond .left-quad::before,
  div.Shivering-ACS .danger-diamond .bottom-quad::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: inherit;
    z-index: 10;
  }

  Pages using this styling

  • strange-bedfellows-bloody-sheets [info]

  ¶ 1 occurrence
  

   :root{
     /* -- CENTERED HEADER VARS -- */
     --header-title: "SCP FOUNDATION";
     --header-subtitle: "Site-22 loves you too!";
     --titleColor: var(--textColor);
     --subtitleColor: hsl(357, 75%, 37%);
     --lgurl: url(https://siddobox.wdfiles.com/local--files/redundancyplayhousetheater/redtransparent.png);
  
     --title-font: "Josefin Sans", sans-serif;
     --subtitle-font: "Sriracha", cursive;
     --body-font: "Inter", sans-serif;

  Pages using this styling

  • story-of-bucephalus [info]

  ¶ 1 occurrence
  

  #page-content .collapsible-block {  
      border: solid 1px #000;
      padding: 3px 5px;
      margin: 1em 0;
  }
  
  #page-content hr {
    height: .5em;
    background: lightgray;
    border: 1px solid lightgray;
    margin: 1.2em 0;
  }

  Pages using this styling

  • stormbreath [info]

  ¶ 1 occurrence
  

  :root{
  /* ---------- Box variables ---------- */
      --blockquote-background-color: 0, 0, 0;
      --UI-opacity: 0.6875;
      --blockquote-border-width: .5rem;
      --blockquote-border-color: 228, 27, 33;
      --window-shadow: 0 0 0.625rem rgb(var(--UI-dark-palette),0.5);
  
      --UI-dark-palette: 255, 255, 255;
  /* -------------------- */
  }
  
  /* ---------- Box code ---------- */
  .box {
      display: grid;
      grid-template-areas:
          "pic title"
          "pic desc"
          "pic desc";
      grid-template-columns: 30% 70%;
  
      background-color: rgba(var(--blockquote-background-color),var(--UI-opacity));
      border-radius: 1.5rem;
      margin: 1em;
      border: solid var(--blockquote-border-width) rgb(var(--blockquote-border-color));
      box-shadow: var(--window-shadow);
  }
  
  .pic {
      grid-area: pic;
      display: grid;
      align-self: center;
  
      padding: 1em;
      transition: transform .30s;
  }
  
  .pic:hover {
      animation: spin 0.5s linear infinite;
      z-index: 2;
  }
  .pic:focus-within {
      animation: spin 0.5s linear infinite;
      z-index: 2;
  }
  
  
  .pic a:hover {
    background-color: transparent;
  }
  
  
  .title {
      display: grid;
      grid-area: title;
      align-self: center;
  
      text-align: center;
      padding: 0 1em;
  }
  
  .title h2 {
      margin-bottom: 0;
  }
  
  .desc {
      grid-area: desc;
      display: grid;
      align-self: center;
  
      padding: 1em;
      text-align: center;
  }
  
  .desc p {
      margin-top: 0;
      margin-bottom: 0.5rem;
  }
  
  @media only screen and (max-width: 767.98px) {
  
  .box {
      display: grid;
      grid-template-areas:
          "title title"
          "pic pic"
          "desc desc";
  
      border: solid var(--blockquote-border-width) rgb(var(--blockquote-border-color));
  }
  
  .desc {
      border-top: solid var(--blockquote-border-width) rgb(var(--blockquote-border-color));
  }
  
  div.skip_window {
      padding: 0 0.5em;
      margin: 1.5rem 0;
  }
  
  .skip_window::before {
      padding: 0.625em 1.5rem;
      margin: 1.5rem -0.6em;
  }
  
  .yui-navset.yui-navset-top .yui-content {
      padding: 1em 0.5em;
  }
  
  }
  
  /* -------------------- */

  Pages using this styling

  • stop-making-sense [info]

  ¶ 1 occurrence
  

  
  @keyframes spin {
    from {
      -ms-transform: rotate(0deg);
      -moz-transform: rotate(0deg);
      -webkit-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      transform: rotate(0deg);
    }
    to {
      -ms-transform: rotate(360deg);
      -moz-transform: rotate(360deg);
      -webkit-transform: rotate(360deg);
      -o-transform: rotate(360deg);
      transform: rotate(360deg);
    }
  }
  .rotating {
    -webkit-animation: rotating 2s linear infinite;
    -moz-animation: rotating 2s linear infinite;
    -ms-animation: rotating 2s linear infinite;
    -o-animation: rotating 2s linear infinite;
    animation: rotating 2s linear infinite;
  }
  

  Pages using this styling

  • stop-making-sense [info]

  ¶ 1 occurrence
  

  :root:has(.dark-light-toggle .collapsible-block-unfolded:not([style*="none"]))
  #extra-div-6 {
    width: 100%;
    height: 100%;
    position: absolute;
    top : 0;
    left: 0;
    pointer-events: none;
    -webkit-backdrop-filter: invert(1) hue-rotate(180deg);
    backdrop-filter: invert(1) hue-rotate(180deg);
    z-index: 999;
  }

  Pages using this styling

  • stone-butch-cyborg-yuri-blues [info]

  ¶ 1 occurrence
  

  
  body {
    background-image: linear-gradient(180deg, #112254 0%, #000000 100%);
  color: white;
  background-size: unset;
  }
  
  :root {
    --lgurl: url("https://scp-wiki.wdfiles.com/local--files/theme%3A3law/PL_3Law_Logo_2.png");
    --header-title: "Third Law";
    --header-subtitle: "Scientia Potentia Est";
  }
  
  #extra-div-1, #extra-div-4 {
    filter: contrast(0.6) brightness(1.4) sepia(1) hue-rotate(190deg) saturate(2);
  }
  
  a, a.newpage, a:visited, #interwiki a, #side-bar a {
      color: #07aeeb;
  }
  
  div#extra-div-1 {
      opacity: 0.3;
  }
  #header .top-bar {
    width: 100vw;
    background: var(--gradient-topmenu-mobile);
    margin-left: -5vw;
    margin-right: -5vw;
  }
  
  #header#header .top-bar > ul {
    width: 100vw;
    max-width: unset;
    justify-content: center;
    display: flex;
  }
  
  
  #header h2 span {
    font-size: 120%;
  }
  
  .largetext {
  font-size: 113%;
  }
  

  Pages using this styling

  • stone-butch-cyborg-yuri-blues [info]

  ¶ 1 occurrence
  

  
  :root {
       --accentColor: #DFC351;
       --accentColorLite: #155,154,162;
       --hue: 325deg;
  
    /* -- LOGO -- */
       --lgurl: url(https://scp-wiki.wdfiles.com/local--files/horizon-initiative-hub/logo5.png);
  
    /* -- TITLES -- */
       --header-title: "STUNTED EARTH";
       --header-subtitle: "DEADLOCKED SEAS";
  
  
  
  

  Pages using this styling

  • stillborn-skies-hub [info]

  ¶ 1 occurrence
  

  :root {
      --logo-image: url('https://scp-wiki.wdfiles.com/local--files/sc-18-005-18-350/CI-Marcus-header.png');
      --header-subtitle: "Creating Reason from Illogic";
  --cutColour: #fafafa;
  --barColour: #590505;
  --timeScale: 1;
  --timeDelay: 1s;
  --accentColor: 160, 44, 44;
  --dark-gray-monochrome: 55, 55, 55;
  --black-monochrome: 26, 26, 26;
  }
  
   @media (max-width: 767px) {
       :root {
          --header-title: "Chaos Insurgency";
      }
  }
  
  
   @media (min-width: 768px) {
       :root {
          --header-title: "The Chaos Insurgency";
      }
  }
  
  :root .thin-blockquote {
    padding: 0;
  }
  

  Pages using this styling

  • step-compilation-what-a-day-that-was [info]

  ¶ 1 occurrence
  

  :root {
      --header-title: 'The Starfish Blockade';
      --header-subtitle:

  Pages using this styling

  • starfish-blockade [info]

  ¶ 1 occurrence
  

   :root{
       --header-title: "STARCH TUBER";
       --header-subtitle: "(the jar contains lemonade i swear)";
  }
  
   .report-box{
     /* -- Report Box -- */
       color: hsl(37, 100%, 5%);
       background: var(--fgColor);
       border-top: 7px solid var(--accentColor);
  }
   
   .red-tint, .orange-tint, .yellow-tint,
   .green-tint, .cyan-tint,
   .blue-tint, .magenta-tint, .grey-tint{
       color: hsl(37, 100%, 5%);
       background: var(--fgColor);
       border: medium solid var(--accentColor);
       font-size: 1.35rem;
  }
  
  .yellow-tint, .yellow-tint hr, .yellow-tint h3{
     --fgColor: hsl(60, 77%, 82%, 1);
     --accentColor: hsl(37, 100%, 26%, 1);
     --accentColorLite: hsla(360, 62%, 85%, .5);
  
  }
  

  Pages using this styling

  • starch-s-lemonade-stand [info]

  ¶ 1 occurrence
  

  :root {
      --logo: url(https://scp-wiki.wdfiles.com/local--files/theme:calibri-logos/SCP%20Fifthism);

  Pages using this styling

  • star-lover [info]

  ¶ 1 occurrence
  

   :root {
      /* == TITLES == */
      --header-subtitle: "POST MORTEM";
  }

  Pages using this styling

  • stained-glass [info]

  ¶ 1 occurrence
  

  .description { grid-area: desc; }
  .description > :not(.preview) { display: none; }
  .description:not(:has(> .preview)) { display: none; }
  .description > .preview {
      display: block;
      font-size: .9125em;
      padding-block-start: .425rem;
      border-block-start: .05rem solid #ddd;
  }
  :is(#page-content table:not(.form), table.wiki-content-table) td { background-color: rgba(0,0,0,1) !important; }
  .description > .preview > p:first-child { margin-block-start: 0.25em; }
  .description > .preview > p:last-child { margin-block-end: 0.25em; }
  .fncon {background-color:black;}
  .texty a {
  color:transparent !important;
  }
  .offset-right.right-1, .offset-left.left-1 {
  margin-left:3px;
  margin-right: 3px;
  } 
  #page-content > div.underwatch_memo::before {
  
      --memo-heading: "BY ORDER OF THE UNDERSEERS" !important;
  
  }
  
  .collapsible-block-folded a, .collapsible-block-unfolded a {
  font-weight:700 !important;
  font-size:1.4em;
  }
  #page-title, .meta-title { display: none; }
  @media only screen and (max-width:1025px) {
  .contrabox {
  
  max-width: 100%;
  margin:0 auto;
  box-sizing:border-box;
  }
  
  }
  @media only screen and (max-width:700px) {
  
  .collapsible-block-folded a, .collapsible-block-unfolded a {
  font-size: 1em;
  }
  
  }
  
  :root {
  --header-logo: url('https://scp-sandbox-3.wdfiles.com/local--files/thebillith/kot.png');
  
  --mobile-title:"oh geez oh frick";
  --mobile-subtitle:"nononononono";
  
  --header-title:"OH GOD OH FUCK";
  --header-subtitle:"YOU'VE FOUND MY WELL OF DEPRAVITY";
  --backdrop:  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 56 28' width='56' height='28'%3E%3Cpath fill='%239c2700' fill-opacity='0.03' d='M56 26v2h-7.75c2.3-1.27 4.94-2 7.75-2zm-26 2a2 2 0 1 0-4 0h-4.09A25.98 25.98 0 0 0 0 16v-2c.67 0 1.34.02 2 .07V14a2 2 0 0 0-2-2v-2a4 4 0 0 1 3.98 3.6 28.09 28.09 0 0 1 2.8-3.86A8 8 0 0 0 0 6V4a9.99 9.99 0 0 1 8.17 4.23c.94-.95 1.96-1.83 3.03-2.63A13.98 13.98 0 0 0 0 0h7.75c2 1.1 3.73 2.63 5.1 4.45 1.12-.72 2.3-1.37 3.53-1.93A20.1 20.1 0 0 0 14.28 0h2.7c.45.56.88 1.14 1.29 1.74 1.3-.48 2.63-.87 4-1.15-.11-.2-.23-.4-.36-.59H26v.07a28.4 28.4 0 0 1 4 0V0h4.09l-.37.59c1.38.28 2.72.67 4.01 1.15.4-.6.84-1.18 1.3-1.74h2.69a20.1 20.1 0 0 0-2.1 2.52c1.23.56 2.41 1.2 3.54 1.93A16.08 16.08 0 0 1 48.25 0H56c-4.58 0-8.65 2.2-11.2 5.6 1.07.8 2.09 1.68 3.03 2.63A9.99 9.99 0 0 1 56 4v2a8 8 0 0 0-6.77 3.74c1.03 1.2 1.97 2.5 2.79 3.86A4 4 0 0 1 56 10v2a2 2 0 0 0-2 2.07 28.4 28.4 0 0 1 2-.07v2c-9.2 0-17.3 4.78-21.91 12H30zM7.75 28H0v-2c2.81 0 5.46.73 7.75 2zM56 20v2c-5.6 0-10.65 2.3-14.28 6h-2.7c4.04-4.89 10.15-8 16.98-8zm-39.03 8h-2.69C10.65 24.3 5.6 22 0 22v-2c6.83 0 12.94 3.11 16.97 8zm15.01-.4a28.09 28.09 0 0 1 2.8-3.86 8 8 0 0 0-13.55 0c1.03 1.2 1.97 2.5 2.79 3.86a4 4 0 0 1 7.96 0zm14.29-11.86c1.3-.48 2.63-.87 4-1.15a25.99 25.99 0 0 0-44.55 0c1.38.28 2.72.67 4.01 1.15a21.98 21.98 0 0 1 36.54 0zm-5.43 2.71c1.13-.72 2.3-1.37 3.54-1.93a19.98 19.98 0 0 0-32.76 0c1.23.56 2.41 1.2 3.54 1.93a15.98 15.98 0 0 1 25.68 0zm-4.67 3.78c.94-.95 1.96-1.83 3.03-2.63a13.98 13.98 0 0 0-22.4 0c1.07.8 2.09 1.68 3.03 2.63a9.99 9.99 0 0 1 16.34 0z'%3E%3C/path%3E%3C/svg%3E");
  --tilesize: 20;
  }
  
  #page-content .widetable .wiki-content-table {font-size: 1.5em;}
  
  :is(span.specialtext, span.bd) {text-decoration: underline 2px;text-underline-offset: 3px;}
  
  #page-content :is(h1,h2,h3,h4,h5,h6) { border-width: 0px; }
  
  .page-rate-widget-box {
  
   margin-right:0px  !important;
   margin-bottom:0 2px  !important;
   margin-top:4px !important;
   
  }
  
  .cell-container img {
  
  filter:invert:(1.0);
  }
  .turbo-block {border-style:inset;}
  .cyanizer {
  border-color:darkcyan;
  }
  h4 {
  font-family: 'Poppins', sans-serif !important;
  font-size:5.325em;
  font-weight: 800;
  line-height: 1;
  }
  h5 {
      color: inherit;
      font-weight: 700;
      font-family: var(--header-font);
      margin: 0.3em 0;
      line-height: 0.35;
      font-size: 4.325em;
  }
  .turbo-block.bg-cyan a:hover {
  color:#824;
  }
  .turbo-block.bg-cyan a {
  background-color:cyan;
  }

  Pages using this styling

  • sr-researcher-james-a-harkness-personnel-file [info]

  ¶ 1 occurrence
  

  blockquote {
      border: 2px double #DDB192;
      background-color: #EFE2BA;
  }

  Pages using this styling

  • squid-ispolin [info]

  ¶ 1 occurrence
  

  
  @import url('https://fonts.googleapis.com/css2?family=Sevillana');
  
  :root{
      --header-logo: url(https://scp-wiki.wdfiles.com/local--files/spring-again/Sidhe.png);
      --header-title: "Sidhe Lounge";
      --header-subtitle: "Preservation of Fae Heritage";
  }
  
  .center-title {
     clear: both;
  }
  
  .faeword {
      color: green !important;
      font-family: 'Sevillana' !important; 
      font-size:1.3em !important;
  }
  
  
  .hover {
      background-color: lightgreen;
      padding: 0 1px;
  }
  .hover:hover {
     
  }
  
  .hover span {    display: none;}
  .hover:hover span {
      position: absolute;
      display: inline;
      margin: 0px 0px;
      height: auto;
      width: auto;
      background: #fff;
      border: 2px solid rgb(var(--medium-accent));
      color: rgb(var(--medium-accent));
      padding: 1em;
      z-index: 2;
  }
  .hover:hover span span {
      position: relative;
      margin: auto;
      height: auto;
      width: auto;
      border: none;
      padding: 0;
  }
  

  Pages using this styling

  • spring-again [info]

  ¶ 1 occurrence
  

  .imagediv { float: right; margin: 15px}
  @media (max-width: 540px) {
    .imagediv {
      float: none; text-align:center; margin: auto;
    }
  }
  
  div#header h1 a span {
      font-size: 0px;
  }
  div#header h1 a:before {
      content: "Site-55 Network";
      color: #eee;
      
  }
  div#header h2 span {
      font-size:0px;
      padding: 4px;
  }
  div#header h2:after {
      content: "Group of Interest Research";
      font-weight: bold;
      color: #f0f0c0;
      padding: 19px 0;
      text-shadow: 1px 1px 1px rgba(0, 0, 0, .8);
      white-space: pre;
  }
  
  #header {
    background-image: url(https://scp-wiki.wdfiles.com/local--files/spread-the-word/55.png)
  }

  Pages using this styling

  • spread-the-word [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css?family=Prompt:500');
  
  .snapchat, .snapchat-sender {
      font-family: "Prompt", "Trebuchet MS", sans-serif;
      font-weight: 500;
  }
  
  .snapchat {
      border-left: 6px solid #999;
      border-radius: 2px;
      margin: 8px;
      padding: 0 24px 0 4px;
      font-size: 17px;
      background: #eeeeee;
      max-width: 460px !important;
  }
  
  .snapchat p {
      margin: 0;
      line-height: 1.55em;
  }
  
  .snapchat img {
      margin: 8px 0 8px 12px;
  }
  
  .snapchat-sender {
      font-size: 13px;
      position: relative;
      left: 7px;
      bottom: -12px;
      text-transform: uppercase;
  }
  
  .snapchat.snapchat-incoming {
      border-left-color: #18aaf8;
  }
  
  .snapchat.snapchat-outgoing {
      border-left-color: #f23b57;
  }
  
  .snapchat-sender.snapchat-incoming {
      color: #18aaf8;
  }
  
  .snapchat-sender.snapchat-outgoing {
      color: #f23b57;
  }
  
  .snapchat.snapchat-typing {
      border-left-width: 3px;
      background-color: white;
      padding-right: 0;
  }
  
  .snapchat.snapchat-typing:after {
      content: "typing...";
      font-size: small;
      color: #666;
      pointer-events: none;
  }
  
  @media (min-width: 480px) {
      .snapchat.snapchat-typing p:last-child {
          margin-bottom: -12px
      }
  
      .snapchat.snapchat-typing:after {
          content: url("http://scp-wiki.wdfiles.com/local--files/grin-and-bear-it/stacey-typing");
          position: relative;
          left: -7px;
          speak: none;
          pointer-events: none;
      }
  
      .jumbomoji {
          line-height: 48px;
          font-size: 32px;
          letter-spacing: -0.17em;
      }
  }
  

  Pages using this styling

  • spock-the-rock-doc-ock-and-hulk-hogan [info]

  ¶ 1 occurrence
  

  :root {
      --header-title: "";
      --header-subtitle: "";
      --lgurl: url("https://scp-wiki.wdfiles.com/local--files/theme%3Ahalloween/scp-halloween.png");
      --accentColor: 228, 116, 18;
      --altAccentColor: 162, 43, 202;
  
      --rating-module-button-color: var(--accentColor);
      --rating-module-text-color: var(--accentColor);
  }
  
  #header::before {
      opacity: initial;
      background-size: auto 7em;
  }
  
  #side-bar .heading p {
      color: rgb(var(--altAccentColor));
  }
  
  #side-bar .heading {
      border-color: rgb(var(--altAccentColor));
  }
  
  .scpnet-interwiki-frame {
      filter: invert(1) hue-rotate(85deg) saturate(13) brightness(80%);
  }
  
  #page-title {
      color: rgb(var(--accentColor));
      border-color: rgb(var(--accentColor));
  }
  
  .chicago {
      color: rgb(var(--altAccentColor));
  }
  
  .night {
       font-family: 'alpha_echoregular';
       font-size: .9em
  }
  
  @media (max-width: 767px) {
      #header::before {
          background-size: auto 5em;
          background-position-y: 2em;
      }
  }

  Pages using this styling

  • spirit-stories [info]

  ¶ 1 occurrence
  

  :root {
  
  --header-logo:url('https://scp-wiki.wdfiles.com/local--files/spiral-the-drain/extradim.png');
  --header-title:"SPIRAL THE DRAIN";
  --header-subtitle:"DARK OCEAN I";
  --abstractor:hidden;
  --backdrop:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 56 28' width='56' height='28'%3E%3Cpath fill='%239386a8' fill-opacity='0.03' d='M56 26v2h-7.75c2.3-1.27 4.94-2 7.75-2zm-26 2a2 2 0 1 0-4 0h-4.09A25.98 25.98 0 0 0 0 16v-2c.67 0 1.34.02 2 .07V14a2 2 0 0 0-2-2v-2a4 4 0 0 1 3.98 3.6 28.09 28.09 0 0 1 2.8-3.86A8 8 0 0 0 0 6V4a9.99 9.99 0 0 1 8.17 4.23c.94-.95 1.96-1.83 3.03-2.63A13.98 13.98 0 0 0 0 0h7.75c2 1.1 3.73 2.63 5.1 4.45 1.12-.72 2.3-1.37 3.53-1.93A20.1 20.1 0 0 0 14.28 0h2.7c.45.56.88 1.14 1.29 1.74 1.3-.48 2.63-.87 4-1.15-.11-.2-.23-.4-.36-.59H26v.07a28.4 28.4 0 0 1 4 0V0h4.09l-.37.59c1.38.28 2.72.67 4.01 1.15.4-.6.84-1.18 1.3-1.74h2.69a20.1 20.1 0 0 0-2.1 2.52c1.23.56 2.41 1.2 3.54 1.93A16.08 16.08 0 0 1 48.25 0H56c-4.58 0-8.65 2.2-11.2 5.6 1.07.8 2.09 1.68 3.03 2.63A9.99 9.99 0 0 1 56 4v2a8 8 0 0 0-6.77 3.74c1.03 1.2 1.97 2.5 2.79 3.86A4 4 0 0 1 56 10v2a2 2 0 0 0-2 2.07 28.4 28.4 0 0 1 2-.07v2c-9.2 0-17.3 4.78-21.91 12H30zM7.75 28H0v-2c2.81 0 5.46.73 7.75 2zM56 20v2c-5.6 0-10.65 2.3-14.28 6h-2.7c4.04-4.89 10.15-8 16.98-8zm-39.03 8h-2.69C10.65 24.3 5.6 22 0 22v-2c6.83 0 12.94 3.11 16.97 8zm15.01-.4a28.09 28.09 0 0 1 2.8-3.86 8 8 0 0 0-13.55 0c1.03 1.2 1.97 2.5 2.79 3.86a4 4 0 0 1 7.96 0zm14.29-11.86c1.3-.48 2.63-.87 4-1.15a25.99 25.99 0 0 0-44.55 0c1.38.28 2.72.67 4.01 1.15a21.98 21.98 0 0 1 36.54 0zm-5.43 2.71c1.13-.72 2.3-1.37 3.54-1.93a19.98 19.98 0 0 0-32.76 0c1.23.56 2.41 1.2 3.54 1.93a15.98 15.98 0 0 1 25.68 0zm-4.67 3.78c.94-.95 1.96-1.83 3.03-2.63a13.98 13.98 0 0 0-22.4 0c1.07.8 2.09 1.68 3.03 2.63a9.99 9.99 0 0 1 16.34 0z'%3E%3C/path%3E%3C/svg%3E");
  --basalt-background-color:5, 0, 5;
  --tilesize:5;
  --astersize:30;
  }
  body {
  background-attachment: fixed;
  }
  .asterisk {
  opacity:.4;
  }
  
  .bumper {
  
  mix-blend-mode: color-dodge;
  filter: hue-rotate(102deg) brightness(1.1);
  
  
  }
  
  a { font-family: Zen Kaku Gothic Antique, 'Sans-seri' !important; }
  #page-content div:is(.opaque) { background-color:rgba(15,15,15,.65) !important; }

  Pages using this styling

  • spiral-the-drain [info]

  ¶ 1 occurrence
  

  :root {
    --logo-image: url("http://kaktuskontainer.wdfiles.com/local--files/collab-sigma%3Afragment%3Aspidercon-1/spiderpride.png");
  }

  Pages using this styling

  • spider-song [info]

  ¶ 1 occurrence
  

  body {
      background: url(https://www.flickr.com/photos/12836528@N00/35717935330);
      background-color: var(--accentColor);
      background-attachment: fixed;
      background-size: cover;
      background-blend-mode: luminosity;
  }
  
  body:before {
    content: ' ';
    position: fixed;
    display: block;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(165deg, transparent, #0c0c0c 55%, #0c0c0c 55%, #0c0c0c 100%);
    z-index: -1;
  }
  
  .bigtext {
      color: var(--accentColor);
  }
  
  @media (max-width: 1290px) {
      body {
          background-size: 100% 66%;
      }
  }
  
  #extra-div-1 {
  background: linear-gradient( 180deg, rgb(10, 10, 10) 0%, var(--accentColor)100%);
  box-shadow: 0px 0px 8px 4px rgb(0 0 0);
  }
  
  :root {
      --accentColor: #42425a;
  }
  
  #side-bar::before {
      border-color: #1a1a1a;
      filter: invert(1);
      color: #42425a;
  }
  
  .list-pages-item > hr,
  #page-content > hr {
  background: transparent;
  border-top: double 3px var(--accentColor);
  filter: brightness(170%);
  }
  
  #page-content tr th {
      text-align: center;
  }
  
  .custom2 tr td {
      padding: 10px !important;
  }
  
  ::selection {
      background-color: rgba(227, 106, 0, 0.7);
      color: white;
  }
  
  ::-webkit-scrollbar-thumb {
      background: var(--accentColor);
  }
  
  ::-webkit-scrollbar-thumb:hover {
      background: rgb(var(--four-color));
  }
  
  ::selection {
      background-color: rgb(90,54,83);
      color: white;
  }
  
  a {
      font-weight: bold;
  }

  Pages using this styling

  • spherefinale-s-secret-stash [info]

  ¶ 1 occurrence
  

  
  @import url('https://fonts.googleapis.com/css2?family=Permanent+Marker&display=swap');
  
  .permanent-marker-regular {
    font-family: "Permanent Marker", cursive;
  }
  

  Pages using this styling

  • spencer-and-shaw-vs-shaq [info]

  ¶ 1 occurrence
  

  .goc-email-box {
     border: solid 5px #4D5889;
     background:#fffbfe;
     padding: 10px;
     margin-bottom: 10px;
  }
  .rotate-photo {
     transform: rotate(-90deg);
  }

  Pages using this styling

  • speed-of-hate [info]

  ¶ 1 occurrence
  

   @import url('https://fonts.googleapis.com/css?family=Comfortaa:700');
  #page-title {
      font-family: 'Comfortaa', cursive;
  }

  Pages using this styling

  • speed-demon-hub [info]

  ¶ 1 occurrence
  

  /* ---- VARIABLES ---- */
   :root {
      /* Tabview Content Background */
      --very-pale-blue: hsl(205, 100%, 97%);
      /* [SELECTED] */
      --dark-blue: hsl(205, 44%, 48%);
      /* [HOVER] */
      --dark-moderate-blue: hsl(205, 49%, 32%);
      /* Content Panel Background */
      --light-grayish-blue: hsl(205, 33%, 95%);
  
      /* Border Type 1 */
      --dark-grayish-blue: hsl(205, 3%, 52%);
      /* Border Type 2 */
      --very-dark-blue: hsl(205, 94%, 20%);
  
      /* [SELECTED] + [HOVER] text color */
      --very-light-grey: hsl(0, 0%, 95%);
      /* [UNSELECTED] text color */
      --very-dark-grey: hsl(0, 0%, 05%);
  }
  
  /* ---- GLOBAL ---- */
   #page-title {
      display: none;
  }
  
   .page-rate-widget-box {
      margin-right: 0;
  }
  
   a, body, span {
      word-break: unset;
  }
  
   .collapsible-block-link {
      font-size: 1.25rem;
      font-weight: bold;
  }
  
  /* ---- FEATURES | [LISTPAGES] ---- */
   .list-pages-item p {
      margin-block-start: 0 !important;
  }
  
  /* ---- FEATURES | [TOP ROW] ---- */
   .feature-block {
      margin: 1rem auto;
      display: flex;
      flex-wrap: wrap;
      grid-gap: 1.4rem;
      align-items: stretch;
  }
  
   .content-panel {
      border: solid 1px var(--dark-grayish-blue);
      background-color: var(--dark-blue);
  }
  
   .content-panel.standalone {
      background: var(--light-grayish-blue);
  }
  
   .content-panel .panel-body {
      background: var(--very-pale-blue) url(https://scp-wiki.wikidot.com/local--files/component:theme/panel-bg-gradient-reverse.png) bottom repeat-x;
  }
  
   .content-panel .panel-footer {
      color: var(--very-pale-blue);
  }
  
   .feature-block .content-panel {
      flex-basis: 17.5rem;
      flex-grow: 1;
      margin: 0 auto;
      display: flex;
      flex-direction: column;
  }
  
   .feature-block .content-panel .panel-body {
      /* To make the content height take up all available space */
      flex-grow: 1;
      padding: .125rem 1rem;
      overflow-y: hidden;
  }
  
   .feature-block .feature-title {
      margin: .5em 0 .4em;
      padding: 0;
      letter-spacing: 1px;
      font-size: 120%;
      font-weight: bold;
  }
  
   .feature-block .feature-subtitle {
      font-size: 90%;
      margin-top: -1em;
      display: block;
  }
  
  /* ---- FEATURES | [SECOND ROW] ---- */
   .news-block {
      margin: 1.5rem auto;
  }
  
   .news-block .panel-body {
      padding: 0;
  }
  
   .news-block .panel-body .alternate {
      padding: 5px 10px;
  }
  
   .news-block .news-title {
      font-weight: bold;
      font-size: 110%;
      margin-bottom: 5px;
      color: hsl(205, 33%, 30%);
  }
  
   .news-block .news-content {
      margin: 5px 0;
  }
  
   .news-block .news-title > p,
   .news-block .news-content > p {
      margin: 0 !important;
      margin-block-start: 0 !important;
      margin-block-end: 0 !important;
  }
  
  /* ---- 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: var(--dark-blue);
      box-shadow: 0 calc(.0625rem * 5) 0 0 var(--very-dark-blue);
  }
  
   .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 a,
  /* ---- Link Modifier ---- */
   .yui-navset .yui-navset-top .yui-nav a {
      color: var(--very-dark-grey);
      /* ---- Tab Background Colour | [UNSELECTED] ---- */
      background-color: var(--very-light-grey);
      /* -------- */
      background-image: none;
      border: unset;
  }
  
   .yui-navset .yui-nav a:hover,
   .yui-navset .yui-nav a:focus {
      color: var(--very-light-grey);
      /* ---- Tab Background Colour | [HOVER] ---- */
      background: var(--dark-moderate-blue);
      /* -------- */
  }
  
   .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: var(--dark-blue);
      box-shadow: 0 0 0 .0625rem var(--very-dark-blue);
  }
  
   .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;
      color: var(--very-light-grey);
      /* ---- Tab Background Colour | [SELECTED] ---- */
      background: var(--dark-blue);
      /* -------- */
  }
  
   .yui-navset .yui-nav .selected a,
   .yui-navset .yui-nav .selected a em {
      border: var(--very-dark-blue);
  }
  
   .yui-navset .yui-nav .selected a {
      width: 100%;
      color: var(--very-light-grey) !important;
      background-image: none;
  }
  
   .yui-navset .yui-nav .selected a:focus,
   .yui-navset .yui-nav .selected a:active {
      color: var(--very-light-grey);
      background-color: var(--dark-blue);
  }
  
   .yui-navset .yui-nav .selected a:hover {
      cursor: default;
  }
  
   .yui-navset .yui-content {
      /* ---- Content Background ---- */
      background-color: var(--very-pale-blue);
      /* -------- */
  }
  
   .yui-navset .yui-content,
   .yui-navset .yui-navset-top .yui-content {
      padding: .5em;
      border-color: var(--dark-grayish-blue);
  }

  Pages using this styling

  • spc-hub [info]

  ¶ 1 occurrence
  

  
  :root {
      --logo-image: url("http://scp-wiki.wikidot.com/local--files/theme:shark-punching-centre-bhl/spc-header.png");
      --header-title: "SPC DATABASE";
      --header-subtitle: "Strike. Perceive. Control.";
  }
  #content-wrap::before {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background-repeat: repeat-x;
    pointer-events: none;
    opacity: 0.0;
  }
  
  .email {border: solid 2px #000000; width: 88%; padding: 1px 15px; margin: 10px; box-shadow: 0 1px 3px rgba(0,0,0,.5)}

  Pages using this styling

  • spc-es-125 [info]

  ¶ 1 occurrence
  

  :root {
      --header-title: "SPC DATABASE";
      --header-subtitle: "Sojourn. Proselytize. Combat.";
  }
  #content-wrap::before {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background-repeat: repeat-x;
    pointer-events: none;
    opacity: 0.0;
  }
  
  .overwatch_memo {
      background: url(https://scp-wiki.wikidot.com/local--files/theme:basalt/O5_LIGHTLOGO.png) #e3e3e3;
      background-size: contain;
      background-position: top center;
      background-repeat: no-repeat;
      font-family: 'Work Sans', sans-serif;
      box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
      width: 90%;
      min-height: 4rem;
      max-height: 100rem;
      margin-left: auto;
      margin-right: auto;
      text-align: center;
      padding: 10px 30px 20px 20px;
      word-break: break-word;
  color:black;
  }

  Pages using this styling

  • spc-cn-985 [info]

  ¶ 1 occurrence
  

  /* HEADER */
   #header h2 span::before {
       content: "Search, Punch, Conquer";
  }
   body{
       --barColour: hsl(210, 50%, 15%);
  }

  Pages using this styling

  • spc-993 [info]

  ¶ 1 occurrence
  

  
  [[module CSS]]
  #content-wrap::before {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background-repeat: repeat-x;
    pointer-events: none;
    opacity: 0;
  }

  Pages using this styling

  • spc-6985 [info]

  ¶ 1 occurrence
  

  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
      color: ##0047C2;
  }
  #page-title {display: none;}
  :root {
      --header-subtitle: "Stay Prepared, Combatant.";
      --pale-accent:190, 190, 255;
  }
  .a:link, a:visited{
  color: rgb(60,100,155);
  }

  Pages using this styling

  • spc-6500 [info]

  ¶ 1 occurrence
  

   #header h2 span::before{ content: "Search, Punch, Conquer"; }
   body{ --barColour: hsl(210, 50%, 15%); }
   .series-nav{ background: linear-gradient(to bottom right, hsla(0, 100%, 100%, 1), hsla(208, 67%, 44%, .5)); }

  Pages using this styling

  • spc-507 [info]

  ¶ 1 occurrence
  

        .info-container{
      --barColour: #0c499c;
      --linkColour: #ffffff; 
      }

  Pages using this styling

  • spc-408 [info]

  ¶ 1 occurrence
  

  #header {
      background-image: url('https://scp-wiki.wikidot.com/local--files/spc-3008/trans_spc.png');
  }

  Pages using this styling

  • spc-3008 [info]

  ¶ 1 occurrence
  

  
  .classification-header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 1.25em;
  }
  .classification-header > div:nth-child(2) {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -moz-box-orient: horizontal;
    -moz-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding: 0 0.2rem;
    -webkit-transform: skew(15deg);
    -moz-transform: skew(15deg);
    -ms-transform: skew(15deg);
    -o-transform: skew(15deg);
    transform: skew(15deg);
  }
  .classification-header > div:nth-child(3) {
    text-align: right;
  }
  .classification-header .clearance {
    width: 0.5rem;
    margin: 0 0.1rem;
    background-color: rgb(var(--bright-accent));
  }
  
  #page-title,
  .meta-title {
      display: none;
  }
  
  .footnotes-footer {
  display:none;
  }
  

  Pages using this styling

  • spc-3000 [info]

  ¶ 1 occurrence
  

  a.collapsible-block-link { font-weight: bold; }
  
  .page-rate-widget-box .rateup,
  .page-rate-widget-box .ratedown {
      background-color: #f0f6ff;
  }

  Pages using this styling

  • spc-2922 [info]

  ¶ 1 occurrence
  

  
  @import url('https://scp-wiki.wdfiles.com/local--files/taboo/amita.css');
  .footnotes-footer {
  display:none;
  }

  Pages using this styling

  • spc-2316 [info]

  ¶ 1 occurrence
  

  .marine-box {
     border: solid 3px #000000;
     border-radius: 9px;
     background: #2476BB;
     font-family: 'Palatino Linotype', serif;
     color: #FFFFFF;
     padding: 1px;
     margin-bottom: 10px;
     padding: 10px;
  }
  
  .marine-box hr {
     height: 3px;
     background-color: white;
     border: none;
  }
  
  div.paper {
      background: linear-gradient(rgba(220, 240, 240, 0.3), rgba(240, 240, 220, 0.5)), url("https://scp-wiki.wdfiles.com/local--files/theme:unusual-Cargo/TOAST-PAPER.jpg");
     font-family: 'Annie Use Your Telescope', cursive;
      box-shadow: 4px 6px 8px #a98;
      padding: 1em .5em 1em .5em;
      display: block;
      margin-block-start: 1em;
      margin-block-end: 1em;
      margin-inline-start: 40px;
      margin-inline-end: 40px;
  }
   
  @media (max-width: 478px) {
      div.paper {
      margin-inline-start: 0px;
      margin-inline-end: 0px;
      margin-block-start: 0em;
      margin-block-end: 0em;
      Margin: .5em 0em .5em 0em;
      }
  }
  
  @import url('https://fonts.googleapis.com/css2?family=Annie+Use+Your+Telescope&display:wght@400;700&display=swap');
  {
  display: block;
  overflow: hidden;
  font-family: 'Annie Use Your Telescope', cursive;
  font-style: cursive;
  font-size: 19px;
  line-height: 20px;
  background-attachment: scroll;
  background-clip: border-box;
  background-color: transparent;
  background-image: linear-gradient(to top ,rgb(21, 21, 21) 0%, rgb(210, 210, 210) 8%);
  background-origin: padding-box;
  background-position: 0px 8px;
  background-repeat: repeat;
  background-size: 100% 20px;
  border: 1px solid #CCC;
  border-radius: 10px;
  padding: 10px 10px;
  margin-bottom: 10px;
  }
  .page p, .page ul
  {
  line-height: 20px;
  margin: 0;
  }
  .page li
  {
  line-height: 200%;
  }
  .page ul
  {
  margin-top: 10px;
  margin-bottom: 10px;
  }
  
   .marine-box .collapsible-block-folded a,
   .marine-box .collapsible-block-unfolded-link a {
      color: white;
  }

  Pages using this styling

  • spc-2191 [info]

  ¶ 1 occurrence
  

  
  :root {
      --logo-image: url("http://scp-wiki.wikidot.com/local--files/theme:shark-punching-centre-bhl/spc-header.png");
      --header-title: "SPC DATABASE";
      --header-subtitle: "Scry. Prostrate. Conquer.";
  }
  #content-wrap::before {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background-repeat: repeat-x;
    pointer-events: none;
    opacity: 0.0;
  }
  

  Pages using this styling

  • spc-1981 [info]

  ¶ 1 occurrence
  

  
  :root {
      --logo-image: url("http://scp-wiki.wikidot.com/local--files/theme:shark-punching-centre-bhl/spc-header.png");
      --header-title: "SPC DATABASE";
      --header-subtitle: "Sojourn. Proselytize. Combat."; 
  }
  #content-wrap::before {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background-repeat: repeat-x;
    pointer-events: none;
    opacity: 0.0;
  }
  

  Pages using this styling

  • spc-179 [info]

  ¶ 1 occurrence
  

  .CICAPOCOnotice {
      border: #999999 1px solid;
      background-color: lightblue;
      padding: 5px;
      margin-bottom: 10px;
  }
  .DOnotice {
      border: hsl(0, 0%, 5%) 2px solid;
      background: hsl(208, 67%, 44%);
      padding: 5px;
      margin-bottom: 10px;
      color: hsl(208, 100%, 97%);
  }

  Pages using this styling

  • spc-1548 [info]

  ¶ 1 occurrence
  

  
  a.collapsible-block-link { font-weight: bold; }
  
  a:visited { color: #083f77}
  
  #side-bar .side-block {
      border-color: #0e7dcd;
      box-shadow: 0 2px 6px rgba(0,0,51,.5);
  }

  Pages using this styling

  • spc-140 [info]

  ¶ 1 occurrence
  

  #content-wrap::before {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background-repeat: repeat-x;
    pointer-events: none;
    opacity: 0.0;
  }
  .inset{
  border: 1px black solid;
  padding: 5px;
  }
  :root {
      --header-subtitle: "Search. Punch. Conquer.";
  }

  Pages using this styling

  • spc-105 [info]

  ¶ 1 occurrence
  

  
  .doc {
  
  background: url(https://scp-wiki.wdfiles.com/local--files/spc-001-ex/spc-logo-trans2.png) center no-repeat;
  float: center;
  border: solid 2px #000000;
  width: 85%;
  padding: 1px 15px;
  margin: auto;
  box-shadow: 0 1px 3px rgba(0,0,0,.2);
  
  }
  
  .scp-image-block {
      box-shadow: none;
  }
  
  div#header h1 a span {
      font-size: 0px;
  }
  
  div#header h1 a:before {
      content: "The SPC Database";
  }
  
  #header h2 span {
      color: transparent;
      text-shadow: none;
  }
   
  #header h2 span::before {
      content: 'To Search, Punch, and Conquer';
      color: #0c499c;
  }
  
  h1, #page-title {
      color: #0c499c;
  }
  
  #page-title {
      text-align: center;
  }
  
  a {
      color: #0c499c;
      text-decoration: none;
      background: transparent;
  }
  
  a.newpage {
      color: #0c499c;
      text-decoration: none;
      background: transparent;
  }
  
  #side-bar .side-block {
      border-color: #0e7dcd;
      box-shadow: 0 2px 6px rgba(0,0,51,.5);
  }
   
  #side-bar .heading {
      color: #0e7dcd;
      border-bottom: solid 1px #0e7dcd;
  }
   
  #side-bar div.menu-item.inactive a {
      color: #0b65c0;
  }
   
  #side-bar a {
      color: #0c499c;
  }
   
  #side-bar div.menu-item .sub-text {
      color: #0b65c0;
  }
   
  #side-bar .collapsible-block-unfolded-link {
      border-bottom: solid 1px #0b65c0;
  }
  #side-bar .collapsible-block-unfolded-link .collapsible-block-link {
      color: #0b65c0;
  }
   
  .interwiki_title {
      color: #0b65c0;
  }
   
  .interwiki_entry a {
      color: #0b65c0;
  }
  
  .footnotes-footer {
  display:none;
  }
  

  Pages using this styling

  • spc-002 [info]

  ¶ 1 occurrence
  

  
  :root{
    --header-title: "SPC DATABASE";
    --header-subtitle: "SEARCH, PUNCH, CONQUER";
    --head-font: var(--ui-font);
    --page-font-size: 0.89rem;
    --link-txt-color: rgba(var(--accent), 0.75);
    --fnColor: rgb(var(--accent));
  
  }
  
  #page-content hr {
    height: 1px;
    background-color: rgb(var(--accent));
    margin-top: 1.5em;
    margin-bottom: 1.5em;
  }
  
  #page-content a {
    font-weight: bold;
  }
  
  #page-content .scp-image-block img {
    border: solid 1px rgba(var(--accent), 0.66);
  }
  
  #page-content .scp-image-block.block-left {
    margin: 0.5em 1.5em 1em 0em;
  }
  
  #page-content .scp-image-block.block-right {
    margin: 0.5em 0em 1em 1.5em;
  }
  
  #page-content .scp-image-caption {
    border: solid 1px rgba(var(--accent), 0.66);
    border-radius: 0px;
    margin-top: 7px;
  }
  
  .footnotes-footer {
  display:none;
  }
  

  Pages using this styling

  • spc-001-j [info]

  ¶ 1 occurrence
  

  
  @import url("https://fonts.googleapis.com/css2?family=Orbitron:wght@400..900&display=swap");
  
  body {
  background-color: #0047ab;
  background-image: linear-gradient(180deg, #0047ab 0%, #483d8bA4 80%, #0038a8 100%), url(https://scp-wiki.wdfiles.com/local--files/theme%3Aclock-tower/color-bg.png), linear-gradient(to right, #63D8FF, #63D8FF);
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
  color: #f8f8ff;
  }
  
  #login-status a {
      color: rgb(var(--accent));
  }
  
  #login-status ul a:hover {
      color: rgb(var(--accent));
  }
  
  #account-topbutton {
      border: solid 1px rgb(var(--accent));
  }
  
  #search-top-box-form>input[type=submit] {
      border: solid 1px rgb(0, 165, 200);
      background: #cacaca45;
       !important;
  }
  
  #search-top-box-form input[type=submit]:hover {
      border: solid 1px rgb(var(--accent));
  }
  
  #top-bar .open-menu a {
      background: rgb(0, 165, 200);
      color: #F5FEFD;
  }
  
  #top-bar .open-menu a {
      filter: drop-shadow(0px 1px 10px rgba(0, 0, 0, 0.2));
  }
  
  .section {
  margin-left: auto;
  margin-right: auto;
  padding: 0em;
  background: #cacaca45;
  border-left: solid 4.5px rgb(var(--accent));
  border-right: solid 4.5px rgb(var(--accent));
  margin-bottom: 7px;
  padding: 3px;
  text-align: center;
  }
  
  .section.small {
  width: 95%;
  }
  
  .mainblock {
  margin: auto;
  background: #cacaca45;
  border-left: solid 5px rgb(var(--accent));
  margin-bottom: 5px;
  margin-top: 5px;
  padding-right: 15px;
  padding-left: 15px;
  padding-top: 5px;
  padding-bottom: 5px;
  }
  
  .divider {
  border-top: solid 2.5px rgb(var(--accent));
  margin-bottom: 5px;
  }
  
  .transition {
  background: url("https://scp-wiki.wdfiles.com/local--files/spc-001-ex/spc-logo-trans3.png") center no-repeat;
  margin-inline: auto;
  margin-top: 32px;
  margin-bottom: 32px;
  padding-top: 30px;
  padding-bottom: 30px;
  width: 20%;
  background-size: 25%;
  -webkit-filter: invert(100%);
  filter: invert(100%);
  }
  
  .addendum {
  margin: auto;
  width: 87%;
  background: #cacaca45;
  border-left: solid 3px rgb(var(--accent));
  border-right: solid 3px rgb(var(--accent));
  margin-bottom: 5px;
  margin-top: 5px;
  padding-right: 15px;
  padding-left: 15px;
  padding-top: 5px;
  padding-bottom: 5px;
  }
  
  .addendum2 {
  margin: auto;
  width: 87%;
  border: solid 3px rgb(var(--accent));
  margin-bottom: 5px;
  margin-top: 5px;
  padding-right: 15px;
  padding-left: 15px;
  padding-top: 5px;
  padding-bottom: 5px;
  }
  
  .document {
  
  border: solid 2px rgb(var(--accent));
  margin: auto;
  padding: 13px;
  
  }
  
  .oracle {
  margin-left: auto;
  margin-right: auto;
  background: rgb(242,243,244);
  border: dashed 2.3px rgb(0, 165, 200);
  margin-bottom: 15px;
  padding: 10px;
  width: 80%;
  }
  
  .oracleouter {
  margin: auto;
  border: solid 2.5px rgb(0, 165, 200);
  padding: 20px;
  width: 82%;
  box-shadow: 0 1px 3px rgba(0,0,0,.2);
  }
  
  .widetable :is(table:not(.form), table.wiki-content-table) {
      width: 100% !important;
      margin-top: 1.2rem;
      margin-bottom: 1rem;
  }
  
  .acstable :is(table:not(.form), table.wiki-content-table) {
      font-size: 0.9em;
  }
  
  :root {
  
  --header-title: "COMPOUND-01";
  --header-subtitle: "SUBTLY PREVENTING CALAMITY";
  --accent: 171, 205, 239;
  --header-txt-color: rgb(var(--accent));
  --head-font: "Orbitron", sans-serif;
  
  --page-font-size: 0.89rem;
  
  }
  
  #page-content hr {
      background: rgb(var(--accent));
  }
  
  .page-rate-widget-box {
      border: solid 1px rgb(var(--accent));
      background-color: #cacaca45 !important;
  }
  
  .page-rate-widget-box .rate-points {
      background-color: #cacaca45 !important;
  }
   
  .page-rate-widget-box .rateup,
  .page-rate-widget-box .ratedown {
      background-color: #cacaca45 !important;
  }
  
  .page-rate-widget-box .cancel {
      background-color: #cacaca45 !important;
  }
  
  .footnotes-footer {
  display:none;
  }
  
  :root {
      --fnColor: rgb(0, 165, 200);
  }
  
  #page-content tr th {
      padding: 6px;
      border: none;
      background: none;
  }
   
  #page-content tr td {
      padding: 4px;
      border: none;
      line-height: 1.4;
      background: none;
  }
  
  .scp-image-block .scp-image-caption {
      background-color: #cacaca45 !important;
      color: #f8f8ff;
      border: solid 2px rgba(var(--accent), 0.1);
      margin-top: 10px;
      box-sizing: border-box;
      border-radius: 5px;
  }
  
  .scp-image-block img {
      border: solid 2px rgba(var(--accent), 0.1);
      box-sizing: border-box;
  }
  

  Pages using this styling

  • spc-000 [info]

  ¶ 1 occurrence
  

  :root {
  --header-title: "Space_Kaiser's";
  --header-subtitle: "Wonderful Author Page";
  }

  Pages using this styling

  • space-kaiser-s-not-wonderful-author-page [info]

  ¶ 1 occurrence
  

  :root {
      --basalt-undertone: 73,154,255;
      --basalt-overtone: 18, 20, 22;
      --basalt-bright-element-color: var(--basalt-undertone);
  
      --header-subtitle: "";
      --title-size: 1.25rem;
      --subtitle-size: 0rem;
      --header-border-width: 0rem;
      --side-bar-button-width: 2rem;
      --main-content-width: 120rem;
      --main-content-top-margin: .325rem;
      --main-content-side-margin: 0rem;
      --bottom-area-text-color: var(--basalt-light-text-color);
      --bottom-area-background-color: var(--basalt-UI-dark-palette);
      --license-area-divider-color: var(--basalt-sub-text-color),.125;
  
      --UI-font: var(--header-font);
  
      --game-title: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2' viewBox='0 0 913 310'%3E%3Cpath d='M216.241 365.43q-1.2 0-2.292-.36t-2.016-1.068-1.62-1.74l.864-.888q1.056 1.536 2.352 2.196t2.76.66q1.272 0 2.28-.444t1.596-1.224.588-1.764q0-.672-.228-1.152t-.648-.84-1.008-.636-1.32-.504-1.572-.468q-1.152-.336-2.052-.696t-1.536-.864-.96-1.2-.324-1.704q0-.984.396-1.8t1.116-1.416 1.668-.924 2.052-.324q1.296 0 2.268.372t1.716 1.044 1.344 1.584l-.888.864q-.528-.816-1.176-1.416t-1.452-.924-1.812-.324q-1.152 0-2.052.42t-1.428 1.164-.528 1.704q0 .672.252 1.176t.792.876 1.368.672 1.98.588q1.176.288 2.136.672t1.668.912 1.08 1.272.372 1.8q0 1.344-.744 2.412t-2.04 1.68-2.952.612m38.088-.24v-16.8h6.456q1.272 0 2.268.624t1.572 1.716.576 2.508q0 1.512-.576 2.676t-1.572 1.824-2.268.66h-5.256v6.792zm1.2-7.992h5.472q.84 0 1.5-.516t1.044-1.416.384-2.076q0-1.032-.384-1.848t-1.044-1.284-1.5-.468h-5.472zm29.736 7.992v-16.8h1.2v16.8zm-11.472 0v-16.8h1.2v16.8zm.696-7.776v-1.2h11.208v1.2zm21 7.776v-1.2h2.712v-14.4h-2.712v-1.2h6.624v1.2h-2.712v14.4h2.712v1.2zm13.656 0 6.384-16.8h1.632l6.312 16.8h-1.344l-4.344-11.616q-.288-.744-.492-1.32t-.396-1.104-.384-1.116-.432-1.332h.408q-.24.792-.444 1.392t-.408 1.14-.42 1.128-.504 1.356l-4.32 11.472zm2.616-5.064.456-1.2h8.232l.456 1.2z' style='fill-rule:nonzero' transform='translate(-1696.2997 -2777.405)scale(8.066)'/%3E%3Cpath d='M219.371 31.5967c38.1926 0 69.2006 31.008 69.2006 69.202 0 38.1926-31.008 69.2006-69.2006 69.2006-38.194 0-69.202-31.008-69.202-69.2006 0-38.194 31.008-69.202 69.202-69.202m0 8.2486c-33.6405 0-60.9533 27.3116-60.9533 60.9534 0 33.6405 27.3128 60.952 60.9533 60.952s60.952-27.3115 60.952-60.952c0-33.6418-27.3115-60.9534-60.952-60.9534'/%3E%3Cpath d='m219.3697.0011 7.1726 57.7152-7.1726 24.7523-7.1725-24.7523zm87.291 151.1944-53.5692-22.646-17.8498-18.5877 25.0224 6.1645zm-174.5826-.0002 46.3966-35.0692 25.0224-6.1645-17.8498 18.5877z'/%3E%3Cpath d='M.263.009a.213.213 0 0 1-.119-.035.247.247 0 0 1-.082-.098C.041-.166.031-.214.031-.267q0-.0825.03-.144c.02-.042.048-.074.083-.098a.213.213 0 0 1 .122-.035c.025 0 .047.003.068.01a.18.18 0 0 1 .094.072c.012.016.021.033.028.052L.418-.412v-.121h.183V0H.414v-.13l.041.002a.195.195 0 0 1-.125.126.18.18 0 0 1-.067.011m.053-.153c.021 0 .04-.005.055-.015s.027-.024.035-.042a.165.165 0 0 0 .013-.066c0-.026-.005-.048-.013-.067a.09.09 0 0 0-.035-.042.1.1 0 0 0-.055-.015.095.095 0 0 0-.054.015.09.09 0 0 0-.035.042.17.17 0 0 0-.012.067c0 .025.004.048.012.066s.02.032.035.042q.0225.015.054.015' style='fill-rule:nonzero' transform='translate(356.2229 213.7155)scale(38.705)'/%3E%3Cpath d='M.07 0v-.533h.174l.009.108-.039.012c.007-.025.02-.048.039-.067.019-.02.042-.036.069-.047a.2.2 0 0 1 .084-.017q.06 0 .102.024c.028.017.049.041.063.074.014.032.021.071.021.118V0H.406v-.313c0-.017-.003-.032-.008-.043a.053.053 0 0 0-.024-.027.074.074 0 0 0-.038-.008c-.011 0-.022.002-.032.005a.073.073 0 0 0-.047.068V0z' style='fill-rule:nonzero' transform='translate(389.9351 213.7155)scale(38.705)'/%3E%3Cpath d='M.264.011a.207.207 0 0 1-.12-.036C.109-.048.082-.081.062-.123c-.02-.041-.03-.089-.03-.143q0-.081.03-.144c.02-.042.048-.074.084-.098a.21.21 0 0 1 .121-.036c.023 0 .046.003.067.01.021.006.04.016.058.028.017.012.031.026.043.042.011.016.018.033.022.05l-.043.012V-.74h.188V0h-.17L.419-.119l.037.007a.114.114 0 0 1-.021.048.16.16 0 0 1-.042.039.23.23 0 0 1-.059.026.24.24 0 0 1-.07.01m.053-.153c.021 0 .039-.005.055-.015.015-.01.027-.024.035-.043q.012-.027.012-.066c0-.026-.004-.049-.012-.067a.094.094 0 0 0-.035-.043.1.1 0 0 0-.055-.015c-.022 0-.04.005-.055.015a.094.094 0 0 0-.035.043.17.17 0 0 0-.012.067q0 .039.012.066c.008.019.02.033.035.043s.033.015.055.015' style='fill-rule:nonzero' transform='translate(422.9507 213.7155)scale(38.705)'/%3E%3Cpath d='M.105 0v-.668h.186V0zM.017-.375v-.158h.368v.158z' style='fill-rule:nonzero' transform='translate(477.1769 213.7155)scale(38.705)'/%3E%3Cpath d='M.07 0v-.74h.183v.315l-.039.012c.007-.025.02-.048.039-.067.019-.02.042-.036.069-.047a.2.2 0 0 1 .084-.017q.06 0 .102.024c.028.017.049.041.063.074.014.032.021.071.021.118V0H.406v-.313c0-.017-.003-.032-.008-.043a.053.053 0 0 0-.024-.027.074.074 0 0 0-.038-.008c-.011 0-.022.002-.032.005a.073.073 0 0 0-.047.068V0z' style='fill-rule:nonzero' transform='translate(500.5927 213.7155)scale(38.705)'/%3E%3Cpath d='M.327.01C.266.01.214-.002.17-.026a.254.254 0 0 1-.102-.098C.044-.165.032-.213.032-.266c0-.04.006-.077.02-.112a.27.27 0 0 1 .056-.088.26.26 0 0 1 .086-.058.27.27 0 0 1 .108-.021c.039 0 .074.007.106.021.031.013.059.032.082.057s.041.054.053.087c.012.034.018.07.016.11l-.001.042h-.42L.115-.321h.294l-.018.02V-.32c0-.015-.004-.027-.012-.038a.07.07 0 0 0-.03-.026.1.1 0 0 0-.043-.009c-.023 0-.041.005-.056.014a.08.08 0 0 0-.035.038.14.14 0 0 0-.012.06c0 .026.005.049.017.069a.113.113 0 0 0 .049.045c.021.011.048.016.079.016.021 0 .039-.002.055-.008a.24.24 0 0 0 .05-.028l.086.121a.3.3 0 0 1-.07.044.33.33 0 0 1-.071.024.34.34 0 0 1-.071.008' style='fill-rule:nonzero' transform='translate(533.6096 213.7155)scale(38.705)'/%3E%3Cpath d='M408.211 979.54c-20.161 0-38.686-3.376-55.578-10.128-16.892-6.756-31.531-16.298-43.919-28.626s-21.952-26.954-28.692-43.877c-6.736-16.923-10.104-35.499-10.104-55.727 0-19.791 3.513-38.067 10.539-54.827 7.03-16.761 16.882-31.331 29.556-43.711 12.677-12.383 27.589-22.007 44.735-28.87 17.15-6.863 35.896-10.295 56.239-10.295 12.674 0 25.101 1.678 37.282 5.035 12.182 3.356 23.511 8.237 33.988 14.643q15.7215 9.6105 27.441 23.169l-39.928 45.236c-5.183-5.62-10.795-10.507-16.836-14.662-6.037-4.154-12.568-7.393-19.594-9.717-7.022-2.323-14.618-3.485-22.788-3.485q-15.4005 0-28.977 5.523c-9.052 3.682-16.926 8.914-23.622 15.698-6.692 6.784-11.963 14.973-15.811 24.569-3.845 9.592-5.767 20.377-5.767 32.355 0 11.713 1.896 22.349 5.689 31.909 3.793 9.556 9.173 17.726 16.139 24.509 6.967 6.784 15.339 11.999 25.117 15.645 9.779 3.646 20.655 5.469 32.63 5.469 7.951 0 15.628-1.144 23.032-3.432 7.407-2.287 14.23-5.409 20.47-9.365 6.243-3.96 11.776-8.497 16.597-13.613l31.319 49.752q-9.4245 10.515-25.254 18.903c-10.553 5.592-22.249 9.977-35.09 13.154-12.836 3.177-25.774 4.766-38.813 4.766m143.195-3.813V708.829h120.188c17.15 0 32.616 3.714 46.397 11.141 13.786 7.423 24.637 17.517 32.552 30.282 7.92 12.765 11.88 27.3 11.88 43.603 0 16.825-3.96 31.903-11.88 45.236-7.915 13.329-18.738 23.816-32.468 31.462-13.73 7.641-29.224 11.462-46.481 11.462h-58.432v93.712zm147.885 0-67.869-120.485 66.403-9.532 75.494 130.178zm-86.129-143.434h52.611c6.788 0 12.63-1.477 17.528-4.432 4.897-2.955 8.67-7.054 11.319-12.296 2.649-5.243 3.974-11.294 3.974-18.153 0-6.998-1.514-13.063-4.54-18.194-3.027-5.132-7.413-9.129-13.16-11.993-5.747-2.863-12.595-4.295-20.542-4.295h-47.19z' style='fill-rule:nonzero' transform='translate(-72.3269 46.8816)scale(.268)'/%3E%3Cpath d='M1501.56 975.727V708.829h58l139.99 190.457-12.67-1.608c-1.16-8.544-2.17-16.6-3-24.17-.84-7.57-1.57-15.029-2.21-22.377-.63-7.351-1.14-14.88-1.52-22.585-.38-7.709-.63-15.97-.74-24.783-.1-8.817-.16-18.528-.16-29.133v-65.801h63.07v266.898h-58.76L1537.49 778.83l19.51 2.985c1.28 12.003 2.36 22.311 3.25 30.926.88 8.61 1.61 16.192 2.17 22.746.56 6.549 1.01 12.467 1.33 17.753.33 5.287.56 10.587.69 15.901.13 5.31.19 11.152.19 17.527v89.059z' style='fill-rule:nonzero' transform='translate(-84.1979 46.8816)scale(.268)'/%3E%3Cpath d='M1931.27 975.727V708.829h115.23q25.02 0 44.82 11.415c13.21 7.61 23.66 18.008 31.36 31.194 7.71 13.182 11.56 28.129 11.56 44.842 0 17.146-3.85 32.53-11.56 46.153-7.7 13.623-18.15 24.404-31.36 32.344-13.2 7.935-28.14 11.903-44.82 11.903h-50.41v89.047zm63.94-146.216h42.21c5.7 0 10.83-1.386 15.4-4.158s8.2-6.559 10.9-11.361c2.71-4.806 4.06-10.418 4.06-16.836 0-6.422-1.35-11.935-4.06-16.538-2.7-4.603-6.33-8.19-10.9-10.76-4.57-2.573-9.7-3.86-15.4-3.86h-42.21zm188.47 146.216V708.829h120.19c17.15 0 32.61 3.714 46.39 11.141 13.79 7.423 24.64 17.517 32.56 30.282s11.88 27.3 11.88 43.603c0 16.825-3.96 31.903-11.88 45.236-7.92 13.329-18.74 23.816-32.47 31.462-13.73 7.641-29.23 11.462-46.48 11.462h-58.44v93.712zm147.88 0-67.87-120.485 66.41-9.532 75.49 130.178zm-86.13-143.434h52.62c6.78 0 12.63-1.477 17.52-4.432 4.9-2.955 8.67-7.054 11.32-12.296 2.65-5.243 3.98-11.294 3.98-18.153 0-6.998-1.52-13.063-4.54-18.194-3.03-5.132-7.42-9.129-13.16-11.993-5.75-2.863-12.6-4.295-20.55-4.295h-47.19zm841.14 143.434V921.18h45.28V763.377h-45.28v-54.548h155.38v54.548h-45.28V921.18h45.28v54.547zm305.64 3.813q-26.55 0-47.67-6.267c-14.08-4.178-26.58-10.253-37.49-18.224-10.92-7.971-20.68-17.529-29.29-28.674l39.38-44.449c12.6 16.915 25.31 28.33 38.14 34.244q19.23 8.871 39.81 8.871c6.89 0 13.11-.904 18.65-2.711 5.54-1.811 9.87-4.437 12.99-7.876 3.11-3.443 4.67-7.648 4.67-12.612 0-3.845-.94-7.29-2.83-10.336-1.89-3.047-4.54-5.748-7.93-8.103q-5.1-3.5325-11.88-6.303c-4.52-1.847-9.31-3.449-14.39-4.808-5.07-1.358-10.33-2.581-15.76-3.669-14.6-3.233-27.35-7.283-38.25-12.148-10.9-4.869-20-10.809-27.3-17.819q-10.95-10.515-16.23-23.997c-3.52-8.988-5.29-19.092-5.29-30.312 0-11.99 2.72-22.998 8.15-33.023 5.43-10.028 12.79-18.665 22.07-25.909 9.29-7.248 19.99-12.825 32.12-16.729q18.21-5.856 38.31-5.856 26.055 0 44.97 5.445c12.6 3.63 23.43 8.905 32.47 15.823 9.05 6.919 16.71 15.17 22.99 24.754l-39.92 38.665c-5.38-6.637-11.17-12.158-17.38-16.562-6.2-4.409-12.79-7.709-19.76-9.902q-10.455-3.288-21.45-3.288c-7.58 0-14.11.905-19.58 2.716-5.48 1.807-9.76 4.423-12.87 7.846-3.09 3.42-4.64 7.648-4.64 12.684 0 4.17 1.27 7.824 3.82 10.962 2.54 3.133 5.98 5.87 10.32 8.209 4.34 2.336 9.3 4.327 14.89 5.976 5.59 1.644 11.36 3.046 17.34 4.206 13.98 2.756 26.65 6.414 38.02 10.974 11.37 4.555 21.19 10.119 29.47 16.693 8.29 6.573 14.62 14.421 19 23.544 4.37 9.119 6.56 19.566 6.56 31.342 0 18.493-4.49 34.185-13.46 47.077s-21.29 22.706-36.95 29.442q-23.475 10.104-53.82 10.104m153.03-3.813V708.829h186.1v55.197h-123.25v156.505h127.18v55.196zm30.5-109.392v-52.79h138.56v52.79z' style='fill-rule:nonzero' transform='translate(-88.1979 46.8816)scale(.268)'/%3E%3Cpath d='M2757.13 975.727V708.829h57.92l97.23 158.233-41.33-.382 98.37-157.851h55.64v266.898h-63.07v-83.161c0-22.877.57-43.466 1.72-61.768a601.4 601.4 0 0 1 5.9-54.523l7.53 19.803-74.18 114.831h-25.16l-72.39-114.182 7.26-20.452c2.8 17.03 4.77 34.506 5.91 52.426s1.72 39.209 1.72 63.865v83.161z' style='fill-rule:nonzero' transform='translate(-88.0456 46.9253)scale(.268)'/%3E%3Cpath d='M600.1944 235.2128c20.462 0 37.073 16.611 37.073 37.073s-16.611 37.0732-37.073 37.0732-37.0731-16.611-37.0731-37.0731 16.611-37.0731 37.073-37.0731m0 15.9989c-11.6306 0-21.0742 9.4436-21.0742 21.0742s9.4436 21.0727 21.0742 21.0727 21.0727-9.4421 21.0727-21.0727-9.4421-21.0742-21.0727-21.0742'/%3E%3Cpath d='m600.1928 251.1466 18.163 31.4584h-36.326z'/%3E%3Cpath d='M2757.13 975.727V708.829h57.92l97.23 158.233-41.33-.382 98.37-157.851h55.64v266.898h-63.07v-83.161c0-22.877.57-43.466 1.72-61.768a601.4 601.4 0 0 1 5.9-54.523l7.53 19.803-74.18 114.831h-25.16l-72.39-114.182 7.26-20.452c2.8 17.03 4.77 34.506 5.91 52.426s1.72 39.209 1.72 63.865v83.161z' style='fill-rule:nonzero' transform='translate(1039.8841 498.3169)scale(-.268)'/%3E%3Cpath d='M178.7599 235.2128c20.462 0 37.073 16.611 37.073 37.073s-16.611 37.0732-37.073 37.0732-37.0731-16.611-37.0731-37.0731 16.611-37.0731 37.073-37.0731m0 15.9989c-11.6306 0-21.0742 9.4436-21.0742 21.0742s9.4436 21.0727 21.0742 21.0727 21.0727-9.4421 21.0727-21.0727-9.4421-21.0742-21.0727-21.0742'/%3E%3Cpath d='m178.762 293.0996-18.163-31.4584h36.3259z'/%3E%3C/svg%3E");
      --game-icon: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' fill-rule='evenodd' stroke-linejoin='round' stroke-miterlimit='2' clip-rule='evenodd' viewBox='0 0 147 75'%3E%3Cpath d='m108.16 37.25-33.4-20.81V1.53h71.51v16.9H124q-9.2 0-16.55-.46-2.11-.14-4.23-.32l25.7 16.6v6.74L103.46 57.1q1.7-.15 3.4-.26 7.2-.45 17.12-.46h22.28v16.9H74.76V57.77zM37.07 0a37.1 37.1 0 0 1 37.08 37.07 37.1 37.1 0 0 1-37.08 37.08A37.1 37.1 0 0 1 0 37.07 37.1 37.1 0 0 1 37.07 0m0 16a21.08 21.08 0 0 0 0 42.15 21.08 21.08 0 0 0 0-42.15'/%3E%3Cpath d='m16.1 36.9 31.46-18.15v36.32z'/%3E%3C/svg%3E");
  }
  
  #header {
      background-color: transparent;
      box-shadow: 0 0 .25rem rgb(var(--basalt-overtone),.25);
      order: -2;
  }
  #header::before {
      content: "";
      position: absolute;
      inset: 0;
      background-color: rgb(var(--header-background-color),.75);
      -webkit-backdrop-filter: blur(.25rem);
      backdrop-filter: blur(.25rem);
      z-index: -1;
  }
  
  #extrac-div-1 {
      display: grid;
      place-items: center;
      position: relative;
      width: 100%;
      height: calc(100svh - var(--header-final-height));
      background-image: url(https://scp-wiki.wdfiles.com/local--files/sophotonics/header-img.jpg);
      background-size: cover;
      background-position-x: center;
      background-position-y: 17.5%;
      order: -1;
      font-family: var(--UI-font);
  
      span {
          width: 90%;
          display: flex;
          align-items: center;
          flex-direction: column;
          text-align: center;
          filter: drop-shadow(0 0 .75rem rgb(var(--basalt-background-color),.5));
          padding-bottom: calc(3.75rem + 14.25svh);
      }
      span::before {
          content: "OPUSCONFIDANT PRESENTS";
          font-weight: bold;
          color: rgb(var(--basalt-light-text-color));
          text-shadow: 0 0 0.325rem rgb(var(--basalt-main-text-color));
          letter-spacing: .25em;
      }
      span::after {
          content: "";
          display: block;
          width: min(100%, 32.5rem);
          aspect-ratio: 3.25;
          background-color: currentColor;
          -webkit-mask-image: var(--game-title);
          -webkit-mask-size: contain;
          -webkit-mask-repeat: no-repeat;
          -webkit-mask-position: center;
          mask-image: var(--game-title);
          mask-size: contain;
          mask-repeat: no-repeat;
          mask-position: center;
      }
  }
  
  #extrac-div-1::before {
  content: "";
      position: absolute;
      bottom: 2.125rem;
      right: 1.5rem;
      width: min(26.75rem, calc(100% - 3rem));
      aspect-ratio: 2400 / 316;
      background-image: url(https://scp-wiki.wdfiles.com/local--files/sophotonics/buttons.png);
      background-size: contain;
      background-position: center;
      background-repeat: no-repeat;
      filter: drop-shadow(0 0 .25rem rgb(var(--basalt-UI-dark-palette), .5));
      z-index: 1;
  }
  
  #extrac-div-1::after {
      content: "";
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 8.75rem;
      background-image: linear-gradient(to bottom, transparent, rgb(var(--basalt-background-color)));
  }
  
  #page-title {
      display: none;
  }
  
  #page-content {
      container: page-content / inline-size;
  }
  
  .linkspec a:any-link {
      font-weight: 550;
      color: inherit;
      text-decoration: none;
      box-shadow: inset 0 -.325ex 0 rgb(var(--link-color));
      transition: all .25s ease-out;
  }
  .linkspec a:any-link:is(:hover,:focus) {
      color: rgb(var(--basalt-light-text-color));
      box-shadow: inset 0 -1lh 0 rgb(var(--link-color));
  }
  
  /*-------------------------*/
  #page-info-break {
      display: none;
  }
  #page-options-container {
      background-color: rgb(var(--basalt-secondary-color));
  }
  page-info {
      padding: 0;
  }
  div[id*=page-options-bottom] {
      --_po-padding: 0.875rem;
  }
  #action-area, #history-subarea {
      background-color: rgb(var(--basalt-secondary-color));
      margin: 0;
  }
  
  #footer {
      display: flex!important;
      flex-wrap: wrap;
      justify-content: center;
      padding-block-start: 1.75rem;
      row-gap: .75rem;
  }
  #footer .options {
      flex-grow: 1;
      flex-basis: 100%;
      justify-content: center;
      border: none;
      margin: 0;
      padding: 0;
  }
  #footer::before,
  #footer::after {
      content: "";
      order: -1;
  }
  #footer::after {
      flex-basis: 12.5rem;
      height: 5.5rem;
      -webkit-mask-image: var(--game-icon);
      -webkit-mask-size: contain;
      -webkit-mask-repeat: no-repeat;
      -webkit-mask-position: center;
      mask-image: var(--game-icon);
      mask-size: contain;
      mask-repeat: no-repeat;
      mask-position: center;
      background-color: rgb(var(--basalt-light-text-color));
  }
  #footer::before {
      height: 7.75rem;
      aspect-ratio: 1;
      background-image: var(--license-area-logo);
      background-repeat: no-repeat;
      background-size: contain;
      background-position: center;
      filter: invert(1);
  }
  
  #license-area {
      padding-block: 3.75rem 1.5rem;
  }
  #license-area::after { content: unset; }
  #license-area::before {
      -webkit-mask-image: none;
      mask-image: none;
      clip-path: unset;
      height: .05rem;
      margin-block: 1rem;
  }
  
  /*-------------------------*/
  /*-------------------------*/
  /*-------------------------*/
  
  .open-letter {
      font-family: var(--mono-font);
      text-align: center;
      position: relative;
      width: min(30rem, calc(100% - 2rem));
      box-sizing: border-box;
      margin: auto; margin-block: 1.25rem;
      isolation: isolate;
      padding: .75rem 1.5rem;
      color: rgb(var(--basalt-light-text-color));
      filter: drop-shadow(0 0 0.325rem rgb(var(--basalt-UI-dark-palette), 0.625));
      z-index: 1;
      --_c: 1.75rem;
  }
  .open-letter::before {
      content:"";
      position: absolute;
      inset: 0;
      background-color: rgb(var(--basalt-UI-dark-palette));
      clip-path: polygon(var(--_c) 0, 100% 0, 100% calc(100% - var(--_c)), calc(100% - var(--_c)) 100%, 0 100%, 0 var(--_c));
      z-index: -1;
  }
  
  /*-------------------------*/
  
  .section-banner {
      color: rgb(var(--basalt-light-text-color));
      display: grid;
      grid-template-areas:
          "deco ."
          "deco h2";
      grid-template-columns: auto minmax(0,1fr);
      grid-template-rows: 0.75rem auto;
      column-gap: 1rem;
      margin-block-start: -0.75rem;
      isolation: isolate;
  }
  .section-banner > h2 {
      grid-area: h2;
      margin: 0;
      display: grid;
      padding-block: .75rem;
      font-size: min(calc(.5em + 2.25vw), 1.875em);
      span {
          font-size: 1.875em;
          font-weight: 200;
          text-transform: uppercase;
          line-height: .875;
      }
  }
  .section-banner > h2::before {
      content: "Sophia and the Crown Promise";
      font-weight: 700;
      font-size: .425em;
      opacity: .675;
      line-height: 1;
  }
  .section-banner::before {
      grid-area: deco;
      content: "";
      display: block;
      height: min(5.675rem, 10vw);
      min-height: calc(100% + .25rem);
      aspect-ratio: 2;
      margin-block: -.1rem;
      -webkit-mask-image: var(--game-icon);
      -webkit-mask-size: contain;
      -webkit-mask-repeat: no-repeat;
      -webkit-mask-position: center;
      mask-image: var(--game-icon);
      mask-size: contain;
      mask-repeat: no-repeat;
      mask-position: center;
      background-color: rgb(var(--basalt-main-text-color));
  }
  .section-banner::after {
      content: "";
      display: block;
      background-color: rgb(var(--basalt-undertone));
      z-index: -1;
      grid-row: 2/3;
      grid-column: 1/-1;
  }
  
  .section-banner.alt1 {
      color: rgb(var(--basalt-main-text-color));
  }
  .section-banner.alt1::before {
      background-color: rgb(var(--basalt-undertone));
  }
  .section-banner.alt1::after {
      background-color: transparent;
      background-image: linear-gradient(to right, rgb(var(--basalt-undertone), .025), rgb(var(--basalt-undertone), .125));
  }
  
  .section-banner.alt2 {
      color: rgb(var(--basalt-undertone));
  }
  .section-banner.alt2::before {
      background-color: rgb(var(--basalt-light-text-color));
      background-image: linear-gradient(to bottom, rgb(var(--basalt-background-color), .675), rgb(var(--basalt-background-color), .675)), url(https://scp-wiki.wdfiles.com/local--files/theme%3Aredtape/topolight.png);
  }
  .section-banner.alt2::after {
      background-color: rgb(var(--basalt-UI-dark-palette));
  }
  
  /*-------------------------*/
  
  .space-make { height: 1rlh; }
  
  .inf-with-img {
      display: flex;
      font-size: 1.05em;
  
      > .sidecard { 
          flex-grow: 1;
          padding: .75rem 1.5rem;
          padding-inline-start: calc(var(--overlap) * .25);
          position: relative;
          isolation: isolate;
          --overlap: 9.75rem;
          --pattern: url(https://scp-wiki.wdfiles.com/local--files/theme%3Aredtape/topolight.png);
      }
      > .sidecard::before { 
          content:"";
          position: absolute;
          inset-block-end: 0; inset-inline-end: 0;
          height: 100%;
          width: calc(100% + var(--overlap));
          background-image: linear-gradient(to bottom, rgb(var(--basalt-background-color), .675), rgb(var(--basalt-background-color), .675)), var(--pattern);
          background-size: 120rem;
          --fade: to right;
          -webkit-mask-image: linear-gradient(var(--fade), transparent, white calc(var(--overlap) * .95));
          mask-image: linear-gradient(var(--fade), transparent, white calc(var(--overlap) * .95));
          z-index: -1;
      }
  }
  .inf-with-img::before {
      content: "";
      background-image: var(--img);
      display: block;
      align-self: stretch;
      background-size: cover;
      background-position: center;
      flex-basis: 50%;
      flex-shrink: 0;
      min-height: 16rem;
  }
  
  @container page-content (max-width: 800px) {
  .inf-with-img {
      flex-direction: column;
      > .sidecard { order: 1; }
      > .sidecard::before { 
          width: 100%;
          height: calc(100% + var(--overlap));
          --fade: to bottom;
      }
  }
  .section-banner::before { margin-inline-start: -2.125rem; }
  }
  
  .inf-with-img h3 {
      display: flex;
      align-items: center;
      isolation: isolate;
  }
  .inf-with-img h3::before {
      content: "";
      display: block;
      height: 1.25lh;
      aspect-ratio: 1.1547;
      background-color: rgb(var(--basalt-undertone));
      clip-path: polygon(0 0, 100% 0, 50% 100%);
      margin-inline: -.5lh;
      opacity: .75;
      z-index: -1;
  }
  
  
  /*-------------------------*/
  
  .faction-list {
      display: grid;
      --_gap: 0rem;
      grid-template-columns: repeat(auto-fit, minmax(min((100% - var(--_gap) * 2), max(36ch, (100% - var(--_gap) * 2) / 3)), 1fr));
      font-size: 1.05em;
  }
  
  .goi {
      --pattern: url(https://scp-wiki.wdfiles.com/local--files/theme%3Aredtape/topolight.png);
      --shade: var(--basalt-background-color);
      --bg: rgb(var(--shade),.675);
      --logo-hover-size: 9.25rem;
      --transition-timing: .475s ease-in-out;
      --aspect-ratio: .875;
      aspect-ratio: var(--aspect-ratio);
      overflow: hidden;
      position: relative;
      display: grid;
      grid-template-areas: "logo"".";
      grid-template-columns: minmax(0,1fr);
      grid-template-rows: 100% 0fr;
      transition: all var(--transition-timing);
      transition-delay: .1s;
  
      background-color: rgb(var(--shade));
      background-image: linear-gradient(to bottom, var(--bg),var(--bg)), var(--pattern);
      background-size: 95rem;
  
      container-type: inline-size;
  }
  .goi::before, .goi::after {
      content: "";
      display: block;
      grid-area: logo;
      max-height: 100cqw;
      background-position: center;
      background-repeat: no-repeat;
      background-size: contain;
      transition: all var(--transition-timing);
      transition-delay: .1s;
  }
  .goi::before { background-image: var(--logo-hover); opacity: 0; }
  .goi:where(.hvr-fx)::before { filter: brightness(0); }
  .goi::after { background-image: var(--logo-def); opacity: 1; }
  
  .goi:where(.reverse) {
      --pattern: url(https://scp-wiki.wdfiles.com/local--files/theme%3Aredtape/topo.png);
      --shade: var(--basalt-UI-dark-palette);
      color: rgb(var(--basalt-light-text-color));
  }
  
  .goi h3 {
      margin: 0;
      text-align: center;
      padding-block: .625rem;
      box-sizing: border-box;
      flex-basis: calc(100cqw * ((1 / var(--aspect-ratio)) - 1));
      flex-shrink: 0;
      display: flex;
      justify-content: center;
      align-items: center;
  }
  
  .goi > .sidecard {
      position: absolute;
      width: 100%;
      height: calc(100% - var(--logo-hover-size));
      inset-block-start: calc(100% * var(--aspect-ratio));
      inset-inline-start: 0;
      box-sizing: border-box;
      display: flex;
      flex-direction: column;
      transition: all var(--transition-timing);
      transition-delay: 0s;
  }
  
  .content-scroll {
      flex-grow: 1;
      overflow-y: auto;
      padding-inline: 1.25rem;
      contain: strict;
      display: flex;
      flex-direction: column;
      gap: 1em;
      opacity: 0;
      transition: inherit;
      > p { margin: 0; }
  }
  .content-scroll::after {
      content: "";
      display: block;
      height: 1lh;
  }
  
  .goi:is(:hover,:focus-within) {
      grid-template-rows: var(--logo-hover-size) 1fr;
      > .sidecard {
              inset-block-start: var(--logo-hover-size);
              transition-delay: .225s;
              > .content-scroll { opacity: 1; transition-delay: .325s;}
      }
  }
  .goi:is(:hover,:focus-within)::before { opacity: 1; }
  .goi:is(:hover,:focus-within)::after{ opacity: 0; }
  
  /*-------------------------*/
  
  .yui-navset.yui-navset-top {
      flex-direction: row;
      margin: 0;
      padding-block: 1.5rem;
      background-image: linear-gradient(105deg, transparent 45%, rgb(var(--basalt-undertone), .5) 70%, rgb(var(--basalt-undertone), .625) 75%, transparent 75.1%), radial-gradient(rgb(var(--basalt-undertone),.5) 0.55px, transparent 0.55px);
      background-size: auto, 11px 11px;
  }
  
  .yui-navset.yui-navset-top>ul.yui-nav {
      flex-direction: column;
      --general-border-color: 0, 0, 0, 0;
      padding-inline: 1rem;
      gap: 1rem;
      flex-shrink: 0;
      flex-basis: 11.5rem;
      font-size: 1.05em;
  }
  .yui-navset.yui-navset-top>ul.yui-nav li {
      flex-grow: 0;
      transform: skewX(-15deg) scale(0.9125);
      a { padding: .675rem 1.25rem; transform: skewX(15deg); }
  }
  .yui-navset.yui-navset-top>ul.yui-nav li.selected {
      box-shadow: 0 0 0 .425rem rgb(var(--basalt-undertone));
  }
  .yui-navset.yui-navset-top>ul.yui-nav li.selected::after { content: unset; }
  
  .yui-navset.yui-navset-top .yui-content {
      flex-grow: 1;
      border: none;
      padding: 0.125rem 1rem;
      container: chara-content / inline-size;
  }
  
  
  @container page-content (max-width: 800px) {
  .yui-navset.yui-navset-top {
      flex-direction: column;
  }
  .yui-navset.yui-navset-top>ul.yui-nav {
      flex-direction: row;
      flex-wrap: wrap;
      flex-basis: unset;
      justify-content: center;
  }
  }
  
  /*-------------------------*/
  
  #page-content .character-pull {
      margin: auto;
      height: min(95svh, 49.5rem);
      position: relative;
      isolation: isolate;
      display: flex;
      flex-direction: column;
  }
  .character-pull > img {
      object-fit: contain;
      position: absolute;
      height: 100%;
      inset-block-start: 0;
      inset-inline-end: 0;
      opacity: 0;
      transform: translateX(-4rem);
      filter: drop-shadow(0rem 0rem 0 var(--character-accent));
      z-index: -1;
      animation: chara-img-in .325s ease-in-out, chara-img-shadow .125s cubic-bezier(.04,.21,.28,.91);
      animation-delay: .125s, .375s;
      animation-fill-mode: forwards;
  }
  @keyframes chara-img-in {
  0% { transform: translateX(-4rem); opacity: 0; }
  100% { transform: translateX(0rem); opacity: 1; }
  }
  @keyframes chara-img-shadow {
  0% { filter: drop-shadow(0rem 0rem 0 var(--character-accent)); }
  100% { filter: drop-shadow(.75rem .125rem 0 var(--character-accent)); }
  }
  
  .more-splash { justify-content: start!important; }
  .character-pull.more-splash > img {
      all: unset;
      max-height: 65%;
      object-fit: cover;
      -webkit-mask-image: linear-gradient(to right, transparent 5%, white 25%, white 75%, transparent 95%);
      mask-image: linear-gradient(to right, transparent 5%, white 25%, white 75%, transparent 95%);
  }
  
  .character-star {
      display: flex;
      padding-block-start: 7.5rem;
      width: min(calc(23.5rem + 15%), 100%);
      justify-content: center;
      > em {
          display: block;
          aspect-ratio: 1;
          font-size: 0;
          flex-basis: min(3.75rem, 20%);
          background-image: url(https://scp-wiki.wdfiles.com/local--files/sophotonics/star.png);
          background-size: contain;
          background-position: center;
          background-repeat: no-repeat;
          filter: drop-shadow(0 0 0.625rem rgb(var(--basalt-undertone),.5));
          opacity: 0;
          animation: chara-star-in .25s cubic-bezier(.65,.09,.71,.97);
          animation-fill-mode: forwards;
      }
      > em:nth-child(2) { animation-delay: .05s; }
      > em:nth-child(3) { animation-delay: .09s; }
      > em:nth-child(4) { animation-delay: .125s; }
      > em:nth-child(5) { animation-delay: .15s; }
  }
  .character-star.star4 > em:nth-child(5) { display: none; }
  .character-star.star1 > em:is(:nth-child(5),:nth-child(4),:nth-child(3),:nth-child(2)) { display: none; }
  @keyframes chara-star-in {
  0% { transform: scale(1.375); opacity: 0; }
  100% { transform: scale(1); opacity: 1; }
  }
  
  
  .character-card {
      padding-block-start: 2.25rem;
      width: min(calc(23.5rem + 15%), 100%);
  }
  
  .character-header {
      display: grid;
      grid-template-areas:
      "fac name name name"
      "fac sub type .";
      grid-template-rows: auto auto;
      grid-template-columns: 6.25rem 1fr auto .95rem;
      margin-block-end: 1.75rem;
  
      h3 {
          grid-area: name;
          font-size: min(calc(1em + 1.5vw),2.25em);
          overflow-wrap: anywhere;
          margin: 0;
          display: flex;
          width: 100%;
          span { position: relative; padding: .75rem; padding-inline-start: 2rem; isolation: isolate; flex-grow: 1;}
          span::before { content: ""; position: absolute; inset: 0; background-color: var(--character-accent); transform: skewX(-15deg); z-index: -1; }
      }
  
      .character-epithet {
          grid-area: sub;
          display: grid;
          align-items: center;
          padding: .5rem;
          padding-inline-start: 1rem;
          color: rgb(var(--basalt-light-text-color));
          background-color: rgb(var(--basalt-UI-dark-palette));
          transform: skewX(-15deg);
          font-size: min(calc(0.5em + 1cqi), 1em);
          line-height: 1.125;
          > tt {
              transform: skewX(15deg);
              display: block;
              letter-spacing: .025em;
          }
      }
      .character-faction {
          grid-area: fac;
          height: 100%;
          background-color: rgb(var(--basalt-UI-dark-palette));
          box-shadow: 0 0 0 0.5rem var(--character-accent);
          z-index: 1;
          transform: rotate(15deg) scale(1.05) translate(-.25rem, -.375rem);
      }
      .character-faction.light { background-color: rgb(var(--basalt-background-color)); }
      .character-faction::before {
          content: "";
          position: absolute;
          inset: 0.25rem;
          background-image: var(--faction);
          background-size: contain;
          background-position: center;
          background-repeat: no-repeat;
          transform: rotate(-15deg);
       }
      .pk-type {
          grid-area: type;
          aspect-ratio: 2;
          width: 5rem;
          display: flex;
          z-index: 1;
          span { display: block; flex-basis: 50%; font-size: 0; background-image: url(https://scp-wiki.wdfiles.com/local--files/sophotonics/typechart.png); background-size: 300%; position: relative; transform: skewX(-15deg); overflow: hidden;}
          span.null { visibility: hidden; }
          span.auto { background-position: 0% 0%; }
          span.cosmos { background-position: 50% 0%; }
          span.divine { background-position: 100% 0%; }
          span.dread { background-position: 0% 50%; }
          span.humor { background-position: 50% 50%; }
          span.meta { background-position: 100% 50%; }
          span.mineral { background-position: 0% 100%; }
          span.mortal { background-position: 50% 100%; }
          span.nature { background-position: 100% 100%; }
          span::before { content: ""; position: absolute; inset: 0; background: inherit; transform: skewX(15deg);}
      }
  }
  
  .character-desc {
      padding: .25rem 1.5rem;
      background-image: linear-gradient(to right, rgb(var(--basalt-background-color), .5), transparent);
      text-shadow: 0 0 0.325rem rgb(var(--basalt-background-color)), 0 0 0.5rem rgb(var(--basalt-background-color));
  }
  
  @container chara-content (max-width: 780px) {
  .character-pull {
      justify-content: end;
      > img {
          width: 100%;
          height: 85%;
      }
  }
  .character-star {
      padding-block-start: 0;
      width: 100%;
      justify-content: end;
  }
  .character-card {
      padding-block-start: 1.25rem;
      width: calc(100% - 3rem);
      align-self: center;
  }
  
  .character-desc {
      overflow-y: auto;
      height: 10.5rem;
  }
  
  }
  
  /*-------------------------*/
  
  .launch-final {
      height: calc(100svh - var(--header-final-height));
      display: flex;
      flex-direction: column;
      place-items: center;
      justify-content: center;
      background: url(https://scp-wiki.wdfiles.com/local--files/sophotonics/final-land.jpg) no-repeat top center;
      background-size: cover;
      background-color: rgb(var(--basalt-UI-dark-palette));
      overflow: hidden;
  }
  .launch-final::before {
      content: "";
      display: block;
      flex-basis: 30%;
  }
  
  .launch-date {
      position: relative;
      font-size: 4.5em;
      font-weight: bold;
      isolation: isolate;
      padding: .25rem 1.75rem;
      color: rgb(var(--basalt-light-text-color));
      line-height: 1.25;
      text-align: center;
      > tt { color: rgb(var(--basalt-undertone)); }
  }
  .launch-date::before {
      content: "SOPHIA AND THE CROWN PROMISE";
      position: absolute;
      font-size: .2125em;
      letter-spacing: .075em;
      width: 100%;
      max-width: max-content;
      box-sizing: border-box;
      padding: .25rem .675rem;
      color: rgb(var(--basalt-main-text-color));
      background-color: rgb(var(--basalt-undertone));
      bottom: 100%;
      left: 50%;
      transform: translate(-50%, 33%);
  }
  .launch-date::after {
      content: "";
      position: absolute;
      z-index: -1;
      inset: 0;
      background-color: rgb(var(--basalt-UI-dark-palette));
      transform: skewX(-15deg);
  }
  
  .launch-maybe {
      color: rgb(var(--basalt-light-text-color));
      font-family: var(--mono-font);
      text-align: center;
      text-shadow: 0 0 .325rem rgb(var(--basalt-overtone));
  }
  
  .licensebox {
      text-align: center;
      padding: .375rem;
  }
  #main-content>.page-tags {
      padding: .375rem;
      > span { width: 100%; }
  }

  Pages using this styling

  • sophotonics [info]

  ¶ 1 occurrence
  

  
  div.terminal {
  color: #eee;
  background-color: #1c1c1c;
  padding: 5px 1em;
  margin: 20px auto;
  border-radius: 4px;
  font-family: ui-monospace, monospace;
  text-align: left;
  }
  
  div.terminal.thought {
  color: #1de56d;
  }
  
  /* colors */
  span.red { color: #ff4949; }
  span.yellow { color: #ffb71c; }
  span.green { color: #0faf4f; }
  span.blue { color: #3498ef; }
  span.purple { color: #9751e2; }
  span.pink { color: #e25fd1; }
  

  Pages using this styling

  • sonofthemourning [info]

  ¶ 1 occurrence
  

  #page-content blockquote {
    margin-top: 50px;
    margin-bottom: 50px;
  }
  .signatureline:before {
    content: "X";
    color: #F5F5DC;
    font-size: 200%;
  }
  

  Pages using this styling

  • somnambulant-directives-take-the-helm [info]

  ¶ 1 occurrence
  

  div#header h1 a span {
      font-size: 0px;
  }
  div#header h1 a:before {
      content: " ";
      color: #eee;
      
  }
  div#header h2 span {
      font-size:0px;
      padding: 4px;
  }
  div#header h2:after {
      content: " ";
      font-weight: bold;
      color: #f0f0c0;
      padding: 19px 0;
      text-shadow: 1px 1px 1px rgba(0, 0, 0, .8);
      white-space: pre;
  }

  Pages using this styling

  • something-glowing [info]

  ¶ 1 occurrence
  

  .info-container{
      --barColour: #8870df; — this is the colour of the bar and the author button
      --linkColour: #FFF; — this is the colour of the "i" and the text within the author button
  }

  Pages using this styling

  • something-glowing [info]

  ¶ 1 occurrence
  

  :root {
       --header-subtitle: "Problematic Breakfast";
  }

  Pages using this styling

  • something-burning [info]

  ¶ 1 occurrence
  

  :root {
    --lgurl: url(https://scp-wiki.wdfiles.com/local--files/component:pride-highlighter/tg_logo_blk.svg);
  }

  Pages using this styling

  • something-beautiful [info]

  ¶ 1 occurrence
  

  
  #header h1 a::before {
      content: "The Wanderers' Lyebrary";
      color: rgb(var(--bright-accent));
      text-shadow: inherit;
      background: url('https://scp-wiki.wdfiles.com/local--files/theme:dustjacket-sigma/goldfoil.png');
      background-size: cover;
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      overflow-wrap: normal;
      font-size: 125%;
  }

  Pages using this styling

  • someareborntoendlessnosh [info]

  ¶ 1 occurrence
  

  /* == COMMON == */
   :root {
      --header-title: "THE SCP FOUNDATION";
      --header-subtitle: "TO SECURE, CONTAIN, AND PROTECT";
      --subtitleColor: hsl(353, 100%, 30%);
      --lgurl: url(https://scp-wiki.wdfiles.com/local--files/component:pride-highlighter/tg_logo.svg);
  }
  
  /* == SITE BANNER == */
   #header h1 a::before,
   #header h2::before {
      font-family: unset;
  }
  
  /* == FORMATTING | [GENERAL] == */
   #page-title {
      display: none;
  }
  
   .fncon,
   .fncon::before {
      text-indent: initial;
  }

  Pages using this styling

  • solidao [info]

  ¶ 1 occurrence
  

  .yui-navset.yui-navset-top {
    border-left: 3px solid var(--bluedark);
  }
  
  .yui-navset .yui-nav {
    position: relative;
    z-index: 0;
    border: none;
    padding-left: 0.2em;
    justify-content: center;
  }
  
  .yui-navset .yui-nav li {
    padding: 0;
    margin: 0.2em 0.3em;
    transition: transform 0.2s ease-in-out;
  }
  
  .yui-navset .yui-nav li a {
    background: transparent;
    border: none;
    font-weight: 900;
    letter-spacing: -1px;
    font-size: 1.5em;
    color: #69684f;
  }
  
  .yui-navset .yui-nav li a em {
    border: none;
    padding: 0.5em 0.5em calc(0.5em - 2px) 0.5em;
    color: #c0b761;
    transition: font-size .3s ease-in-out;
  }
  
  @media only screen and (max-width: 26.5625rem) {
    .yui-navset .yui-nav .selected {
      font-size: 1.8em;
    }
  }
  
  .yui-navset .yui-nav .selected a em {
    padding: none;
    border: none;
    color: #69684f;
    font-size: 1.55em;
    transition: all .3s ease-in-out;
  }
   
  .yui-navset .yui-content {
    display: flex;
    flex-direction: column;
    background-color: transparent;
    border: none;
    padding: 0;
    position: relative;
    margin-top: 0.2em;
    transform-origin: 0 0;
  
  }
  .yui-navset .yui-content > div {
    border: none;
    border-left: none;
    background-color: none;
    padding: 0.25em 0.5em;
    display: block;
    top: 0;
    overflow: hidden;
    transform-origin: 0 0;
  }
  
  #page-content .yui-navset .yui-content > div > * {
    transform-origin: 0 0;
  }
  
  .yui-navset.yui-navset-top > ul.yui-nav {
    justify-content: space-evenly;
  }
  
  #page-content .yui-navset .yui-content > div[style*="none"] {
    display: block !important;
    flex: 0;
    max-height: 0;
    padding: 0 0.5em;
    border-width: 0;
    /* The following transition affects the one that DISAPPEARS */
    transition: padding 0s linear 0.5s,
          border-width 0s linear 0.5s,
          flex 0.5s cubic-bezier(.0,1.27,.0,.89) 0s;
    animation: tab-disappear 0.5s ease-in-out 0s 1 both;
  }
  
  #page-content .yui-navset .yui-content > div[style*="block"] {
    display: block !important;
    flex: 1;
    max-height: 9999rem;
    /* The following transition affects the one that APPEARS */
    transition: padding 0s linear 0.5s,
          border-width 0s linear 0.5s,
          flex 0.5s cubic-bezier(.99,.0,.99,.0) 0.5s;
    animation: tab-appear 0.5s ease-in-out 0.5s 1 both;
  }
   
  @keyframes tab-disappear {
    0% { max-height: 9999rem; }
    1% { max-height: 100vh; }
    100% { max-height: 0; }
  }
  @keyframes tab-appear {
    0% { max-height: 0; }
    99% { max-height: 100vh; }
    100% { max-height: 9999rem; }
  }

  Pages using this styling

  • soicodoc [info]

  ¶ 1 occurrence
  

  @supports not (-webkit-touch-callout: none) {
      @media only screen and (min-width: 1025px) {
  
      body {
      background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgb(var(--basalt-primary-color)) 25%, rgb(var(--basalt-primary-color)) 50%, rgb(var(--basalt-primary-color)) 75%, rgba(0, 0, 0, 0) 100%), var(--admo-backdrop);
      background-size: cover;
      background-attachment: fixed;
      background-repeat: no-repeat;
      background-position: 100% 50%;
      }
  
      }
  }
  
  :root {
      --admo-backdrop: url(https://scp-wiki.wikidot.com/local--files/soicodoc/biasoicodoc.webp);
      --header-title: "LONE WOLF";
      --header-subtitle: "";
  }
  
  .container{
      position: relative;
      left: calc(-20dvw + 20%);
      width: 100dvw !important;
      max-width: 80dvw !important;
  }
  
  .photo-gallery{
    display: flex;
    position: static;
  }
  
  .column{
    display: flex;
    flex-direction: column;
    padding: 5px;
  }
  
  .photo img{
    width: 300px;
    border-radius: 5px;
    padding: 5px;
    cursor: pointer;
    object-fit: fill;
  }
  
  .linkspan {
    font-family: Space Grotesk;
    font-size: 150%;
    text-align: center;
  }

  Pages using this styling

  • soicodoc [info]

  ¶ 1 occurrence
  

  :root {
      --header-title: "SOFTSEAL'S";
      --header-subtitle: "SILLY EMPORIUM";
  }
  
  #header h2::before {
      text-transform: capitalize;
      font-style: italic;
  }

  Pages using this styling

  • softseals-author-page [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Prata&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Gwendolyn:wght@400;700&display=swap');
  
  :root { --body-font: 'Noto Sans Cuneiform', 'Inter', 'Arial', sans-serif;
   --header-height: clamp(10rem,55vmin,40rem);
   --header-image: url("https://scp-wiki.wikidot.com/local--files/medea-filicidium/banner.jpg");
   --footer-image: url("https://scp-wiki.wikidot.com/local--files/seas-of-orcadia-hub/Artemis.png");
   --title-image: url("https://scp-sandbox-3.wdfiles.com/local--files/geocraft/snows%20of%20orcadia.png");
  
  }
  
  #footer, #extrac-div-1, #extrac-div-1 span {
    background-image: var(--footer-image);
    background-size: 100vmax;
    background-attachment: fixed;
    background-position: bottom;
    height: clamp(10rem,55vmin,30rem);
    background-repeat: no-repeat;
  }
  
  #extra-div-1 {
    background-position: top;
  }
  
  .bubble {
    margin: 10px;
    padding: 24px;
    border: 3px solid black;
    border-radius: 12px;
    background-color white;
    min-height: 150px;
  }
  
  }
  .scp-image-block .scp-image-caption{
    font-size: 1.5em;
  }
  
  #wiki-tab-0-0 .bubble .scp-image-block .scp-image-caption{
    display: none;
  }
  
  /*---- Wikimodule integration ----*/
  
  body {
    --wm-bg: var(--foamy-white);
    --wm-accent: var(--lagoon-hue);
    --wm-border: var(--undersea-tone);
  }
  
  /*---- Custom divs ----*/
  
  
  }
  
  .warning-tide {
    box-sizing: border-box;
    border: solid .175rem rgb(var(--stormy-sky));
    position: relative;
    padding: 1rem;
    margin-inline: auto;
  
    font-family: var(--mono-font);
    font-size: 1.125em;
    color: rgb(var(--stormy-sky));
    background-color: rgb(var(--undersea-tone));
  }
  .warning-tide::before {
    content: "";
    position: absolute;
    top: 0; left: 0;
    width: 100%; height: 100%;
    background: linear-gradient(rgb(18, 16, 16, 0.01) 50%, rgb(0, 0, 0, 0.25) 50%), linear-gradient(90deg, rgb(255, 0, 0, 0.1), rgb(0, 255, 0, 0.06), rgb(0, 0, 255, 0.1));
    background-size: 100% 2px, 3px 100%;
    opacity: .875;
    z-index: 1;
    pointer-events: none;
  }
  
  .opener {
    font-size: 1.125em;
    padding: 1.325rem;
    padding-block-end: 0.5rem;
    margin-block-start: 6.25rem;
  }
  
  .warning-header {
    font-weight: bold;
    text-align: center;
    font-size: 1.5em;
    padding: 0.25rem;
    color: rgb(var(--undersea-tone));
    background-color: rgb(var(--stormy-sky));
  }
  
  
  .warning-tide .hili {
    font-weight: bold;
    padding-inline: .125em;
    color: rgb(var(--undersea-tone));
    background-color: rgb(var(--stormy-sky));
  }
  
  /*-------------------------------*/
  
  .mither {
    font-family: var(--header-font);
    color: green;
    font-size: 1.375em;
    line-height: 1.275;
  }
  .mither p { line-height: inherit; }
  
  .scenesetter {
    padding-inline: 1.75rem;
    position: relative;
    padding-block: 3.5rem;
  }
  .scenesetter::before {
    content: "";
    position: absolute;
    top: 0; left: 0;
    width: 100%; height: 100%;
    background-image: var(--header-image);
    background-size: cover;
    background-position: center;
    opacity: 0.225;
    box-shadow: inset 0 0 4rem 4.25rem rgb(var(--foamy-white));
    filter: blur(1.375rem);
    z-index: -1;
  }
  
  .song {
    font-size: 1.1em;
    font-weight: 400;
    font-style: oblique;
  }
  
  .temis {
    text-align: center;
    color: green;
    text-shadow: 1px 1px 1px green;
  }
  
  
  

  Pages using this styling

  • snow-queen [info]

  ¶ 1 occurrence
  

  :root {
    --light-color: #4a4b7e;
    --dark-color:  #17184b;
    --hyperlink:   #5a79ba;
    --hyperlink-visited: #674598;
    /* search */
    --search-input:       #001;
    --search-input-hover: #17184b;
    --search-button:      linear-gradient(to bottom, #4a4b7e,#17184b,#003);
    --search-button-hover:linear-gradient(to bottom, #7d7eb1,#4a4b7e,#17184b);
    /* side */
    --side-background:    #696a9d;
  }
  
  /* 全局链接样式 */
  a {
    color: var(--hyperlink);
  }
  a:visited {
    color: var(--hyperlink-visited);
  }
  
  /* 基础文字、链接 */
  h1, #page-title {
    color: var(--dark-color);
  }
  a {
    color: var(--hyperlink);
  }
  a:visited {
    color: var(--hyperlink-visited);
  }
  
  /* 顶部容器 + 搜索框 */
  div#container-wrap {
    background: linear-gradient(
      to top,
      #fff,
      #333   1%,
      #333  16%,
      #101010 17%,
      #17184b 75%
    );
    background-size: 100% 165px;
    background-repeat: no-repeat;
  }
  #search-top-box-input {
    border-radius: 3px;
    background-color: var(--search-input);
  }
  #search-top-box-input:hover,
  #search-top-box-input:focus {
    background-color: var(--search-input-hover);
  }
  #search-top-box-form input[type=submit] {
    border-radius: 3px;
    background: var(--search-button);
  }
  #search-top-box-form input[type=submit]:hover,
  #search-top-box-form input[type=submit]:focus {
    background: var(--search-button-hover);
  }
  #top-bar li.sfhover a,
  #top-bar li:hover a,
  #top-bar li ul a,
  #top-bar a:hover,
  #login-status ul a {
    color: var(--hyperlink);
  }
  
  /* 侧边栏 */
  #side-bar a {
    color: var(--hyperlink);
  }
  #side-bar .side-block {
    position: relative;    /* 合并后只需写一次 */
    z-index: 3;
    border-color: var(--dark-color);
    border-radius: 4px;
    box-shadow: 0 2px 6px rgba(23,24,75,.5);
  }
  #side-bar .side-block hr {
    background: var(--dark-color);
  }
  #side-bar .heading {
    color: var(--dark-color);
    border-color: var(--dark-color);
  }
  #side-bar .collapsible-block-folded a {
    color: #ba5b59;
  }
  #side-bar .collapsible-block-unfolded-link {
    border-color: var(--dark-color);
  }
  #side-bar .collapsible-block-unfolded-link .collapsible-block-link {
    color: var(--dark-color);
  }
  #side-bar .collapsible-block-unfolded-link .collapsible-block-link:hover {
    color: var(--hyperlink);
  }
  #side-bar img,
  #side-bar iframe.scpnet-interwiki-frame,
  #side-bar .collapsible-block-folded {
    filter: hue-rotate(220deg);
  }
  
  /* yui-tabs */
  .yui-navset .yui-nav a,
  .yui-navset-top .yui-nav a {
    background-image: none;
  }
  .yui-navset .yui-nav .selected a,
  .yui-navset .yui-nav .selected a:focus,
  .yui-navset .yui-nav .selected a:hover {
    background-color: var(--dark-color);
  }
  .yui-navset .yui-nav a:hover,
  .yui-navset .yui-nav a:focus {
    background-color: var(--hyperlink);
    color: #fff;
  }
  
  /* 评分模块 & Credit */
  .page-rate-widget-box {
    border-radius: 3px;
  }
  .page-rate-widget-box .rate-points,
  .rate-box-with-credit-button {
    background-color: var(--dark-color) !important;
    border-color: var(--dark-color) !important;
  }
  .page-rate-widget-box .rate-points {
    border-radius: 3px 0 0 3px;
  }
  .page-rate-widget-box .rateup,
  .page-rate-widget-box .ratedown {
    border-color: var(--dark-color);
  }
  .page-rate-widget-box .rateup a,
  .page-rate-widget-box .ratedown a {
    color: var(--dark-color);
  }
  .page-rate-widget-box .rateup a:hover,
  .page-rate-widget-box .ratedown a:hover,
  .page-rate-widget-box .cancel a:hover {
    background: var(--dark-color);
  }
  .page-rate-widget-box .cancel {
    background-color: var(--dark-color);
    border-radius: 0 3px 3px 0;
  }
  .page-rate-widget-box .cancel a {
    color: var(--light-color);
  }
  .creditButton p a {
    border-left-color: var(--light-color) !important;
  }
  
  /* off-canvas 小屏逻辑 */
  @media (max-width: 767px) {
    .open-menu a { bottom: .5em; }
    #side-bar {
      background-color: var(--side-background);
      opacity: 0;
      transition: left .3s, opacity .3s;
    }
    #side-bar:target {
      opacity: 1;
    }
  }
  
  /* 自定义滚动条（仅 WebKit） */
  #page-content ::-webkit-scrollbar {
    width: 9px;
    height: 9px;
    border: solid 1px rgba(0,0,0,0.1);
    border-radius: 0.5px;
  }
  #page-content ::-webkit-scrollbar-track {
    background: rgba(0,0,0,0.1);
  }
  #page-content ::-webkit-scrollbar-thumb {
    background: rgba(50,50,50,0.3);
  }
  
  /* 公共层级控制：侧栏、内容区、页脚、头像 */
  #page-content, #footer              { position: relative; z-index: 3; }
  img.small, a.avatar-hover div      { position: relative; z-index: 4; }
  
  /* 头像悬停白底提示 */
  a.avatar-hover div div {
    position: absolute;
    left: 48px; top: 0;
    width: 100%; height: 48px;
    background: rgba(255,255,255,0.9);
    z-index: 4;
  }
  a.avatar-hover, a.avatar-hover:hover {
    background: none;
    background-image: url(https://d3g0gp89917ko0.cloudfront.net/v--edac79f846ba/common--theme/base/images/background/opacity2.png);
    padding: 8px;
    font-size: 130%;
    font-weight: bold;
    color: black;
    z-index: 4;
  }
  
  /* 星点动画：只保留一份 before/after，合并目标选择器 */
  #container-wrap-wrap:before {
      content: " ";
      position:absolute;
      display:block;
    width: 1px;
    height: 1px;
    background: transparent;
      z-index:1;
    box-shadow: 805px 413px #FFF , 724px 1326px #FFF , 1175px 606px #FFF , 662px 1275px #FFF , 1205px 1966px #FFF , 1272px 1087px #FFF , 552px 1818px #FFF , 1860px 1654px #FFF , 6px 1526px #FFF , 1414px 255px #FFF , 1892px 739px #FFF , 894px 1633px #FFF , 1615px 521px #FFF , 1374px 651px #FFF , 250px 1473px #FFF , 1984px 1096px #FFF , 202px 5px #FFF , 1694px 1095px #FFF , 1656px 433px #FFF , 1274px 413px #FFF , 1568px 1581px #FFF , 184px 1296px #FFF , 1820px 532px #FFF , 1791px 956px #FFF , 1522px 1638px #FFF , 1056px 1907px #FFF , 745px 493px #FFF , 576px 1246px #FFF , 849px 1625px #FFF , 1484px 91px #FFF , 1818px 1294px #FFF , 1073px 1048px #FFF , 24px 818px #FFF , 1605px 1164px #FFF , 903px 1546px #FFF , 7px 1147px #FFF , 48px 485px #FFF , 130px 1026px #FFF , 306px 735px #FFF , 1280px 1057px #FFF , 1944px 481px #FFF , 142px 238px #FFF , 1195px 732px #FFF , 535px 1985px #FFF , 851px 962px #FFF , 1406px 1056px #FFF , 1869px 1171px #FFF , 968px 1272px #FFF , 278px 461px #FFF , 1655px 1910px #FFF , 1650px 940px #FFF , 186px 1554px #FFF , 1401px 1811px #FFF , 805px 450px #FFF , 749px 831px #FFF , 270px 1913px #FFF , 1254px 1571px #FFF , 1655px 733px #FFF , 1159px 340px #FFF , 40px 941px #FFF , 911px 846px #FFF , 568px 347px #FFF , 849px 1892px #FFF , 768px 1503px #FFF , 1501px 40px #FFF , 480px 384px #FFF , 1930px 1940px #FFF , 1952px 201px #FFF , 1665px 494px #FFF , 1264px 1252px #FFF , 1046px 835px #FFF , 320px 1600px #FFF , 1802px 1465px #FFF , 1659px 1176px #FFF , 647px 1928px #FFF , 1969px 403px #FFF , 246px 1490px #FFF , 1823px 1326px #FFF , 120px 1420px #FFF , 1974px 396px #FFF , 307px 231px #FFF , 338px 43px #FFF , 1129px 343px #FFF , 1261px 1927px #FFF , 1830px 728px #FFF , 249px 701px #FFF , 710px 714px #FFF , 1453px 1998px #FFF , 889px 879px #FFF , 218px 275px #FFF , 128px 314px #FFF , 1906px 1191px #FFF , 1686px 791px #FFF , 903px 1248px #FFF , 1157px 1869px #FFF , 732px 94px #FFF , 150px 1387px #FFF , 428px 1485px #FFF , 1605px 192px #FFF , 963px 67px #FFF , 545px 495px #FFF , 1458px 1548px #FFF , 1478px 803px #FFF , 1319px 1843px #FFF , 367px 1029px #FFF , 1976px 716px #FFF , 1099px 1624px #FFF , 1308px 1228px #FFF , 459px 1640px #FFF , 652px 1290px #FFF , 1660px 772px #FFF , 658px 1342px #FFF , 534px 180px #FFF , 196px 238px #FFF , 1052px 1552px #FFF , 1192px 49px #FFF , 546px 1743px #FFF , 677px 420px #FFF , 495px 1695px #FFF , 692px 1161px #FFF , 1306px 1817px #FFF , 1323px 666px #FFF , 1904px 1838px #FFF , 1117px 275px #FFF , 644px 520px #FFF , 1138px 1681px #FFF , 1326px 74px #FFF , 907px 1946px #FFF , 666px 1159px #FFF , 822px 894px #FFF , 1505px 1208px #FFF , 1809px 987px #FFF , 954px 373px #FFF , 1328px 391px #FFF , 535px 350px #FFF , 1047px 784px #FFF , 1252px 1380px #FFF , 618px 270px #FFF , 531px 1723px #FFF , 1588px 845px #FFF , 1170px 1020px #FFF , 973px 1587px #FFF , 593px 692px #FFF , 283px 1482px #FFF , 959px 1392px #FFF , 39px 1335px #FFF , 1457px 815px #FFF , 21px 1727px #FFF , 1998px 1064px #FFF , 1380px 1216px #FFF , 827px 1538px #FFF , 108px 1390px #FFF , 1612px 1389px #FFF , 1516px 1392px #FFF , 1584px 1044px #FFF , 1261px 1859px #FFF , 1841px 646px #FFF , 1652px 988px #FFF , 1848px 1407px #FFF , 661px 344px #FFF , 1805px 1758px #FFF , 1784px 247px #FFF , 780px 123px #FFF , 117px 332px #FFF , 430px 354px #FFF , 522px 826px #FFF , 1311px 1343px #FFF , 1590px 1863px #FFF , 1155px 1803px #FFF , 368px 168px #FFF , 1965px 140px #FFF , 210px 830px #FFF , 1954px 772px #FFF , 1316px 1990px #FFF , 1783px 692px #FFF , 669px 1323px #FFF , 1188px 949px #FFF , 833px 1030px #FFF , 1467px 988px #FFF , 633px 1926px #FFF , 1490px 320px #FFF , 1619px 1516px #FFF , 1370px 85px #FFF , 678px 1409px #FFF , 152px 650px #FFF , 321px 1771px #FFF , 1443px 1821px #FFF , 1440px 391px #FFF , 1501px 1296px #FFF , 979px 133px #FFF , 1911px 598px #FFF , 1719px 97px #FFF , 893px 735px #FFF , 310px 473px #FFF , 1595px 1047px #FFF , 437px 293px #FFF , 145px 343px #FFF , 1246px 416px #FFF , 1011px 1235px #FFF , 1462px 987px #FFF , 167px 1525px #FFF , 1688px 1415px #FFF , 574px 1801px #FFF , 347px 1741px #FFF , 880px 1109px #FFF , 93px 1692px #FFF , 94px 1987px #FFF , 1695px 951px #FFF , 153px 601px #FFF , 1013px 969px #FFF , 356px 434px #FFF , 1228px 1942px #FFF , 1083px 1445px #FFF , 1317px 438px #FFF , 439px 1242px #FFF , 1031px 356px #FFF , 615px 666px #FFF , 1019px 1826px #FFF , 1526px 1025px #FFF , 538px 210px #FFF , 78px 1954px #FFF , 1344px 965px #FFF , 1280px 143px #FFF , 211px 430px #FFF , 282px 1279px #FFF , 1355px 1639px #FFF , 1142px 1512px #FFF , 141px 822px #FFF , 60px 1923px #FFF , 1322px 1117px #FFF , 523px 1165px #FFF , 1289px 1438px #FFF , 974px 1937px #FFF , 1915px 1955px #FFF , 1793px 308px #FFF , 1712px 1273px #FFF , 201px 1179px #FFF , 1186px 12px #FFF , 1635px 877px #FFF , 361px 256px #FFF , 795px 1283px #FFF , 305px 1072px #FFF , 1099px 1995px #FFF , 1643px 906px #FFF , 835px 1411px #FFF , 142px 1950px #FFF , 1161px 1635px #FFF , 5px 819px #FFF , 977px 1049px #FFF , 86px 417px #FFF , 731px 1015px #FFF , 1746px 1059px #FFF , 1904px 484px #FFF , 1367px 434px #FFF , 982px 1646px #FFF , 685px 1582px #FFF , 1754px 496px #FFF , 1706px 292px #FFF , 1962px 1932px #FFF , 987px 806px #FFF , 76px 1275px #FFF , 746px 430px #FFF , 1337px 122px #FFF , 653px 942px #FFF , 487px 1433px #FFF , 1270px 1287px #FFF , 1418px 574px #FFF , 1640px 1046px #FFF , 950px 1608px #FFF , 1660px 432px #FFF , 1134px 153px #FFF , 1567px 1087px #FFF , 1582px 1957px #FFF , 474px 238px #FFF , 1514px 525px #FFF , 1421px 1984px #FFF , 16px 1994px #FFF , 1935px 1508px #FFF , 438px 775px #FFF , 1612px 630px #FFF , 203px 879px #FFF , 496px 1057px #FFF , 1607px 1518px #FFF , 1588px 574px #FFF , 1451px 1062px #FFF , 1590px 1593px #FFF , 592px 351px #FFF , 361px 437px #FFF , 456px 1221px #FFF , 411px 1628px #FFF , 1103px 44px #FFF , 1890px 749px #FFF , 1368px 1990px #FFF , 872px 18px #FFF , 1528px 907px #FFF , 1199px 235px #FFF , 395px 570px #FFF , 1120px 127px #FFF , 125px 711px #FFF , 1825px 1327px #FFF , 64px 1870px #FFF , 838px 1810px #FFF , 663px 1427px #FFF , 1819px 736px #FFF , 566px 1851px #FFF , 1080px 656px #FFF , 1134px 1861px #FFF , 568px 64px #FFF , 1530px 1096px #FFF , 981px 1711px #FFF , 1783px 999px #FFF , 135px 1975px #FFF , 1772px 1553px #FFF , 1967px 1442px #FFF , 542px 372px #FFF , 1684px 1445px #FFF , 1041px 1106px #FFF , 60px 1460px #FFF , 1083px 1677px #FFF , 143px 204px #FFF , 912px 350px #FFF , 1000px 1586px #FFF , 1068px 908px #FFF , 241px 794px #FFF , 426px 409px #FFF , 961px 1141px #FFF , 1551px 327px #FFF , 1575px 1532px #FFF , 929px 1507px #FFF , 242px 364px #FFF , 1271px 731px #FFF , 1660px 468px #FFF , 1494px 589px #FFF , 988px 1371px #FFF , 431px 539px #FFF , 1974px 239px #FFF , 68px 645px #FFF , 781px 1716px #FFF , 1238px 65px #FFF , 26px 1158px #FFF , 525px 899px #FFF , 1494px 1043px #FFF , 176px 1932px #FFF , 372px 1933px #FFF , 196px 883px #FFF , 615px 614px #FFF , 1298px 288px #FFF , 1690px 1284px #FFF , 414px 5px #FFF , 1050px 453px #FFF , 271px 1805px #FFF , 1024px 1996px #FFF , 458px 1817px #FFF , 831px 1155px #FFF , 229px 1406px #FFF , 1140px 1918px #FFF , 390px 1353px #FFF , 1509px 1025px #FFF , 893px 574px #FFF , 461px 499px #FFF , 568px 1725px #FFF , 791px 1565px #FFF , 1494px 365px #FFF , 1423px 1289px #FFF , 1239px 1356px #FFF , 1367px 776px #FFF , 1596px 965px #FFF , 1162px 798px #FFF , 452px 1158px #FFF , 191px 1111px #FFF , 1194px 1708px #FFF , 694px 804px #FFF , 999px 1711px #FFF , 114px 1175px #FFF , 1950px 809px #FFF , 1991px 889px #FFF , 1948px 1999px #FFF , 1367px 1389px #FFF , 1809px 1878px #FFF , 1613px 607px #FFF , 1143px 842px #FFF , 1746px 324px #FFF , 102px 355px #FFF , 852px 1729px #FFF , 633px 755px #FFF , 723px 1465px #FFF , 1081px 301px #FFF , 1231px 699px #FFF , 1751px 616px #FFF , 1387px 999px #FFF , 500px 940px #FFF , 545px 1387px #FFF , 1777px 223px #FFF , 1058px 1381px #FFF , 1014px 867px #FFF , 403px 712px #FFF , 673px 958px #FFF , 89px 652px #FFF , 234px 1894px #FFF , 603px 1674px #FFF , 111px 1930px #FFF , 28px 1161px #FFF , 1052px 962px #FFF , 134px 1007px #FFF , 290px 1721px #FFF , 1713px 439px #FFF , 443px 1291px #FFF , 1443px 528px #FFF , 465px 1761px #FFF , 491px 82px #FFF , 592px 938px #FFF , 1409px 1274px #FFF , 633px 1201px #FFF , 740px 33px #FFF , 1214px 777px #FFF , 1589px 1106px #FFF , 748px 371px #FFF , 1422px 1726px #FFF , 1607px 225px #FFF , 1520px 280px #FFF , 873px 547px #FFF , 765px 1174px #FFF , 165px 97px #FFF , 126px 422px #FFF , 301px 1356px #FFF , 702px 1837px #FFF , 866px 256px #FFF , 1974px 849px #FFF , 805px 852px #FFF , 1659px 1966px #FFF , 1529px 265px #FFF , 1007px 956px #FFF , 1245px 359px #FFF , 1505px 752px #FFF , 902px 201px #FFF , 219px 1594px #FFF , 1134px 816px #FFF , 1269px 1624px #FFF , 33px 1155px #FFF , 1374px 768px #FFF , 567px 1240px #FFF , 1774px 187px #FFF , 1445px 254px #FFF , 1544px 399px #FFF , 228px 1003px #FFF , 1132px 632px #FFF , 1242px 10px #FFF , 894px 1826px #FFF , 1325px 706px #FFF , 1260px 471px #FFF , 1769px 1115px #FFF , 370px 482px #FFF , 774px 889px #FFF , 1688px 777px #FFF , 124px 1812px #FFF , 364px 1573px #FFF , 1257px 722px #FFF , 1219px 1214px #FFF , 866px 1202px #FFF , 683px 976px #FFF , 245px 562px #FFF , 1958px 1456px #FFF , 940px 331px #FFF , 604px 1006px #FFF , 1871px 56px #FFF , 1671px 1668px #FFF , 114px 1835px #FFF , 1284px 1144px #FFF , 1183px 223px #FFF , 290px 969px #FFF , 55px 92px #FFF , 3px 1067px #FFF , 653px 599px #FFF , 341px 1106px #FFF , 351px 617px #FFF , 1245px 210px #FFF , 1007px 1354px #FFF , 1785px 1298px #FFF , 624px 1677px #FFF , 1382px 1089px #FFF , 204px 244px #FFF , 1572px 1534px #FFF , 211px 1723px #FFF , 1873px 558px #FFF , 1870px 415px #FFF , 1267px 772px #FFF , 2000px 1057px #FFF , 608px 1723px #FFF , 722px 1493px #FFF , 856px 207px #FFF , 21px 434px #FFF , 451px 1696px #FFF , 1712px 1156px #FFF , 1316px 740px #FFF , 606px 772px #FFF , 176px 1359px #FFF , 487px 1748px #FFF , 1240px 118px #FFF , 231px 876px #FFF , 1149px 468px #FFF , 591px 315px #FFF , 739px 843px #FFF , 1932px 464px #FFF , 61px 1995px #FFF , 1884px 756px #FFF , 1714px 547px #FFF , 1764px 1477px #FFF , 1524px 258px #FFF , 831px 1423px #FFF , 858px 1524px #FFF , 1759px 475px #FFF , 1140px 1721px #FFF , 474px 1016px #FFF , 1312px 1967px #FFF , 503px 1878px #FFF , 53px 423px #FFF , 281px 1378px #FFF , 817px 152px #FFF , 1724px 1605px #FFF , 356px 1030px #FFF , 372px 1122px #FFF , 1477px 125px #FFF , 195px 1014px #FFF , 1155px 1432px #FFF , 633px 1810px #FFF , 444px 477px #FFF , 1311px 1863px #FFF , 1081px 865px #FFF , 185px 1222px #FFF , 1290px 1438px #FFF , 630px 1709px #FFF , 372px 117px #FFF , 1987px 1797px #FFF , 801px 109px #FFF , 1230px 1903px #FFF , 1502px 1630px #FFF , 680px 1190px #FFF , 1756px 908px #FFF , 930px 1899px #FFF , 1505px 1734px #FFF , 653px 1026px #FFF , 1486px 1566px #FFF , 46px 109px #FFF , 1526px 1040px #FFF , 840px 519px #FFF , 1912px 1341px #FFF , 1382px 471px #FFF , 638px 1021px #FFF , 38px 347px #FFF , 1290px 781px #FFF , 1485px 847px #FFF , 1496px 1245px #FFF , 1267px 1307px #FFF , 449px 741px #FFF , 636px 1550px #FFF , 1524px 884px #FFF , 137px 604px #FFF , 1864px 180px #FFF , 1373px 323px #FFF , 307px 985px #FFF , 1603px 1012px #FFF , 642px 1490px #FFF , 1889px 1992px #FFF , 1405px 762px #FFF , 7px 582px #FFF , 1586px 236px #FFF , 538px 501px #FFF , 322px 917px #FFF , 176px 430px #FFF , 350px 785px #FFF , 562px 1838px #FFF , 699px 1647px #FFF , 67px 1144px #FFF , 1656px 523px #FFF , 64px 1469px #FFF , 770px 268px #FFF , 1752px 501px #FFF , 641px 179px #FFF , 685px 220px #FFF , 1214px 380px #FFF , 1579px 1438px #FFF , 310px 1300px #FFF , 514px 1492px #FFF , 625px 557px #FFF , 634px 1043px #FFF , 707px 1262px #FFF , 979px 304px #FFF , 283px 29px #FFF , 1541px 1335px #FFF , 1255px 705px #FFF , 1118px 325px #FFF , 1121px 723px #FFF , 1510px 465px #FFF , 1609px 1975px #FFF , 584px 1678px #FFF , 1617px 1270px #FFF , 372px 1033px #FFF , 976px 1024px #FFF , 362px 715px #FFF , 146px 1240px #FFF , 1458px 1770px #FFF , 748px 1118px #FFF , 139px 760px #FFF , 1846px 839px #FFF , 1763px 716px #FFF , 274px 1841px #FFF , 1085px 74px #FFF , 415px 1714px #FFF , 692px 374px #FFF , 1005px 1084px #FFF , 312px 562px #FFF , 1476px 1325px #FFF , 1335px 458px #FFF , 755px 584px #FFF , 329px 1882px #FFF , 73px 1102px #FFF , 1077px 272px #FFF , 1790px 555px #FFF , 936px 1429px #FFF , 1280px 1939px #FFF , 243px 1187px #FFF , 1323px 1294px #FFF , 1921px 281px #FFF , 1163px 1764px #FFF , 598px 100px #FFF , 802px 745px #FFF , 1814px 1371px #FFF , 1532px 1805px #FFF , 1391px 1704px #FFF , 945px 321px #FFF , 361px 1787px #FFF , 985px 1903px #FFF , 652px 1376px #FFF , 425px 1538px #FFF , 1936px 1043px #FFF , 158px 325px #FFF , 89px 1559px #FFF , 1477px 1535px #FFF , 595px 727px #FFF , 956px 683px #FFF , 1765px 1840px #FFF , 696px 1546px #FFF , 1165px 112px #FFF , 1777px 796px #FFF , 894px 1331px #FFF , 531px 1025px #FFF , 296px 1867px #FFF , 1265px 693px #FFF , 29px 1036px #FFF , 1204px 364px #FFF , 605px 1px #FFF , 687px 1940px #FFF , 371px 68px #FFF , 602px 796px #FFF , 1340px 470px #FFF , 1460px 1570px #FFF , 247px 1579px #FFF , 1118px 829px #FFF , 1698px 386px #FFF , 684px 1245px #FFF , 463px 1516px #FFF , 1266px 1461px #FFF , 898px 1751px #FFF , 6px 1281px #FFF , 1957px 166px #FFF , 999px 426px #FFF , 1821px 245px #FFF , 830px 1367px #FFF , 1237px 1106px #FFF , 1412px 645px #FFF , 7px 93px #FFF , 550px 1194px #FFF , 1950px 1403px #FFF , 639px 1787px #FFF , 1293px 1807px #FFF , 462px 1713px #FFF , 378px 1189px #FFF , 1177px 1376px #FFF , 308px 1471px #FFF , 976px 221px #FFF , 1766px 200px #FFF , 1577px 356px #FFF , 1542px 890px #FFF , 567px 1998px #FFF , 96px 1389px #FFF , 1334px 698px #FFF , 1752px 1068px #FFF , 269px 257px #FFF , 950px 1864px #FFF , 1640px 817px #FFF , 1340px 1064px #FFF , 1507px 389px #FFF , 30px 1855px #FFF , 766px 1645px #FFF , 1280px 1975px #FFF , 967px 1469px #FFF , 1560px 1499px #FFF , 52px 664px #FFF , 1319px 995px #FFF , 483px 1952px #FFF;
    animation: animStar 50s linear infinite;
  }
  #container-wrap-wrap:after{
    content: " ";
    z-index:1;
    position: absolute;
    top: 2000px;
    width: 1px;
    height: 1px;
    background: transparent;
    box-shadow: 805px 413px #FFF , 724px 1326px #FFF , 1175px 606px #FFF , 662px 1275px #FFF , 1205px 1966px #FFF , 1272px 1087px #FFF , 552px 1818px #FFF , 1860px 1654px #FFF , 6px 1526px #FFF , 1414px 255px #FFF , 1892px 739px #FFF , 894px 1633px #FFF , 1615px 521px #FFF , 1374px 651px #FFF , 250px 1473px #FFF , 1984px 1096px #FFF , 202px 5px #FFF , 1694px 1095px #FFF , 1656px 433px #FFF , 1274px 413px #FFF , 1568px 1581px #FFF , 184px 1296px #FFF , 1820px 532px #FFF , 1791px 956px #FFF , 1522px 1638px #FFF , 1056px 1907px #FFF , 745px 493px #FFF , 576px 1246px #FFF , 849px 1625px #FFF , 1484px 91px #FFF , 1818px 1294px #FFF , 1073px 1048px #FFF , 24px 818px #FFF , 1605px 1164px #FFF , 903px 1546px #FFF , 7px 1147px #FFF , 48px 485px #FFF , 130px 1026px #FFF , 306px 735px #FFF , 1280px 1057px #FFF , 1944px 481px #FFF , 142px 238px #FFF , 1195px 732px #FFF , 535px 1985px #FFF , 851px 962px #FFF , 1406px 1056px #FFF , 1869px 1171px #FFF , 968px 1272px #FFF , 278px 461px #FFF , 1655px 1910px #FFF , 1650px 940px #FFF , 186px 1554px #FFF , 1401px 1811px #FFF , 805px 450px #FFF , 749px 831px #FFF , 270px 1913px #FFF , 1254px 1571px #FFF , 1655px 733px #FFF , 1159px 340px #FFF , 40px 941px #FFF , 911px 846px #FFF , 568px 347px #FFF , 849px 1892px #FFF , 768px 1503px #FFF , 1501px 40px #FFF , 480px 384px #FFF , 1930px 1940px #FFF , 1952px 201px #FFF , 1665px 494px #FFF , 1264px 1252px #FFF , 1046px 835px #FFF , 320px 1600px #FFF , 1802px 1465px #FFF , 1659px 1176px #FFF , 647px 1928px #FFF , 1969px 403px #FFF , 246px 1490px #FFF , 1823px 1326px #FFF , 120px 1420px #FFF , 1974px 396px #FFF , 307px 231px #FFF , 338px 43px #FFF , 1129px 343px #FFF , 1261px 1927px #FFF , 1830px 728px #FFF , 249px 701px #FFF , 710px 714px #FFF , 1453px 1998px #FFF , 889px 879px #FFF , 218px 275px #FFF , 128px 314px #FFF , 1906px 1191px #FFF , 1686px 791px #FFF , 903px 1248px #FFF , 1157px 1869px #FFF , 732px 94px #FFF , 150px 1387px #FFF , 428px 1485px #FFF , 1605px 192px #FFF , 963px 67px #FFF , 545px 495px #FFF , 1458px 1548px #FFF , 1478px 803px #FFF , 1319px 1843px #FFF , 367px 1029px #FFF , 1976px 716px #FFF , 1099px 1624px #FFF , 1308px 1228px #FFF , 459px 1640px #FFF , 652px 1290px #FFF , 1660px 772px #FFF , 658px 1342px #FFF , 534px 180px #FFF , 196px 238px #FFF , 1052px 1552px #FFF , 1192px 49px #FFF , 546px 1743px #FFF , 677px 420px #FFF , 495px 1695px #FFF , 692px 1161px #FFF , 1306px 1817px #FFF , 1323px 666px #FFF , 1904px 1838px #FFF , 1117px 275px #FFF , 644px 520px #FFF , 1138px 1681px #FFF , 1326px 74px #FFF , 907px 1946px #FFF , 666px 1159px #FFF , 822px 894px #FFF , 1505px 1208px #FFF , 1809px 987px #FFF , 954px 373px #FFF , 1328px 391px #FFF , 535px 350px #FFF , 1047px 784px #FFF , 1252px 1380px #FFF , 618px 270px #FFF , 531px 1723px #FFF , 1588px 845px #FFF , 1170px 1020px #FFF , 973px 1587px #FFF , 593px 692px #FFF , 283px 1482px #FFF , 959px 1392px #FFF , 39px 1335px #FFF , 1457px 815px #FFF , 21px 1727px #FFF , 1998px 1064px #FFF , 1380px 1216px #FFF , 827px 1538px #FFF , 108px 1390px #FFF , 1612px 1389px #FFF , 1516px 1392px #FFF , 1584px 1044px #FFF , 1261px 1859px #FFF , 1841px 646px #FFF , 1652px 988px #FFF , 1848px 1407px #FFF , 661px 344px #FFF , 1805px 1758px #FFF , 1784px 247px #FFF , 780px 123px #FFF , 117px 332px #FFF , 430px 354px #FFF , 522px 826px #FFF , 1311px 1343px #FFF , 1590px 1863px #FFF , 1155px 1803px #FFF , 368px 168px #FFF , 1965px 140px #FFF , 210px 830px #FFF , 1954px 772px #FFF , 1316px 1990px #FFF , 1783px 692px #FFF , 669px 1323px #FFF , 1188px 949px #FFF , 833px 1030px #FFF , 1467px 988px #FFF , 633px 1926px #FFF , 1490px 320px #FFF , 1619px 1516px #FFF , 1370px 85px #FFF , 678px 1409px #FFF , 152px 650px #FFF , 321px 1771px #FFF , 1443px 1821px #FFF , 1440px 391px #FFF , 1501px 1296px #FFF , 979px 133px #FFF , 1911px 598px #FFF , 1719px 97px #FFF , 893px 735px #FFF , 310px 473px #FFF , 1595px 1047px #FFF , 437px 293px #FFF , 145px 343px #FFF , 1246px 416px #FFF , 1011px 1235px #FFF , 1462px 987px #FFF , 167px 1525px #FFF , 1688px 1415px #FFF , 574px 1801px #FFF , 347px 1741px #FFF , 880px 1109px #FFF , 93px 1692px #FFF , 94px 1987px #FFF , 1695px 951px #FFF , 153px 601px #FFF , 1013px 969px #FFF , 356px 434px #FFF , 1228px 1942px #FFF , 1083px 1445px #FFF , 1317px 438px #FFF , 439px 1242px #FFF , 1031px 356px #FFF , 615px 666px #FFF , 1019px 1826px #FFF , 1526px 1025px #FFF , 538px 210px #FFF , 78px 1954px #FFF , 1344px 965px #FFF , 1280px 143px #FFF , 211px 430px #FFF , 282px 1279px #FFF , 1355px 1639px #FFF , 1142px 1512px #FFF , 141px 822px #FFF , 60px 1923px #FFF , 1322px 1117px #FFF , 523px 1165px #FFF , 1289px 1438px #FFF , 974px 1937px #FFF , 1915px 1955px #FFF , 1793px 308px #FFF , 1712px 1273px #FFF , 201px 1179px #FFF , 1186px 12px #FFF , 1635px 877px #FFF , 361px 256px #FFF , 795px 1283px #FFF , 305px 1072px #FFF , 1099px 1995px #FFF , 1643px 906px #FFF , 835px 1411px #FFF , 142px 1950px #FFF , 1161px 1635px #FFF , 5px 819px #FFF , 977px 1049px #FFF , 86px 417px #FFF , 731px 1015px #FFF , 1746px 1059px #FFF , 1904px 484px #FFF , 1367px 434px #FFF , 982px 1646px #FFF , 685px 1582px #FFF , 1754px 496px #FFF , 1706px 292px #FFF , 1962px 1932px #FFF , 987px 806px #FFF , 76px 1275px #FFF , 746px 430px #FFF , 1337px 122px #FFF , 653px 942px #FFF , 487px 1433px #FFF , 1270px 1287px #FFF , 1418px 574px #FFF , 1640px 1046px #FFF , 950px 1608px #FFF , 1660px 432px #FFF , 1134px 153px #FFF , 1567px 1087px #FFF , 1582px 1957px #FFF , 474px 238px #FFF , 1514px 525px #FFF , 1421px 1984px #FFF , 16px 1994px #FFF , 1935px 1508px #FFF , 438px 775px #FFF , 1612px 630px #FFF , 203px 879px #FFF , 496px 1057px #FFF , 1607px 1518px #FFF , 1588px 574px #FFF , 1451px 1062px #FFF , 1590px 1593px #FFF , 592px 351px #FFF , 361px 437px #FFF , 456px 1221px #FFF , 411px 1628px #FFF , 1103px 44px #FFF , 1890px 749px #FFF , 1368px 1990px #FFF , 872px 18px #FFF , 1528px 907px #FFF , 1199px 235px #FFF , 395px 570px #FFF , 1120px 127px #FFF , 125px 711px #FFF , 1825px 1327px #FFF , 64px 1870px #FFF , 838px 1810px #FFF , 663px 1427px #FFF , 1819px 736px #FFF , 566px 1851px #FFF , 1080px 656px #FFF , 1134px 1861px #FFF , 568px 64px #FFF , 1530px 1096px #FFF , 981px 1711px #FFF , 1783px 999px #FFF , 135px 1975px #FFF , 1772px 1553px #FFF , 1967px 1442px #FFF , 542px 372px #FFF , 1684px 1445px #FFF , 1041px 1106px #FFF , 60px 1460px #FFF , 1083px 1677px #FFF , 143px 204px #FFF , 912px 350px #FFF , 1000px 1586px #FFF , 1068px 908px #FFF , 241px 794px #FFF , 426px 409px #FFF , 961px 1141px #FFF , 1551px 327px #FFF , 1575px 1532px #FFF , 929px 1507px #FFF , 242px 364px #FFF , 1271px 731px #FFF , 1660px 468px #FFF , 1494px 589px #FFF , 988px 1371px #FFF , 431px 539px #FFF , 1974px 239px #FFF , 68px 645px #FFF , 781px 1716px #FFF , 1238px 65px #FFF , 26px 1158px #FFF , 525px 899px #FFF , 1494px 1043px #FFF , 176px 1932px #FFF , 372px 1933px #FFF , 196px 883px #FFF , 615px 614px #FFF , 1298px 288px #FFF , 1690px 1284px #FFF , 414px 5px #FFF , 1050px 453px #FFF , 271px 1805px #FFF , 1024px 1996px #FFF , 458px 1817px #FFF , 831px 1155px #FFF , 229px 1406px #FFF , 1140px 1918px #FFF , 390px 1353px #FFF , 1509px 1025px #FFF , 893px 574px #FFF , 461px 499px #FFF , 568px 1725px #FFF , 791px 1565px #FFF , 1494px 365px #FFF , 1423px 1289px #FFF , 1239px 1356px #FFF , 1367px 776px #FFF , 1596px 965px #FFF , 1162px 798px #FFF , 452px 1158px #FFF , 191px 1111px #FFF , 1194px 1708px #FFF , 694px 804px #FFF , 999px 1711px #FFF , 114px 1175px #FFF , 1950px 809px #FFF , 1991px 889px #FFF , 1948px 1999px #FFF , 1367px 1389px #FFF , 1809px 1878px #FFF , 1613px 607px #FFF , 1143px 842px #FFF , 1746px 324px #FFF , 102px 355px #FFF , 852px 1729px #FFF , 633px 755px #FFF , 723px 1465px #FFF , 1081px 301px #FFF , 1231px 699px #FFF , 1751px 616px #FFF , 1387px 999px #FFF , 500px 940px #FFF , 545px 1387px #FFF , 1777px 223px #FFF , 1058px 1381px #FFF , 1014px 867px #FFF , 403px 712px #FFF , 673px 958px #FFF , 89px 652px #FFF , 234px 1894px #FFF , 603px 1674px #FFF , 111px 1930px #FFF , 28px 1161px #FFF , 1052px 962px #FFF , 134px 1007px #FFF , 290px 1721px #FFF , 1713px 439px #FFF , 443px 1291px #FFF , 1443px 528px #FFF , 465px 1761px #FFF , 491px 82px #FFF , 592px 938px #FFF , 1409px 1274px #FFF , 633px 1201px #FFF , 740px 33px #FFF , 1214px 777px #FFF , 1589px 1106px #FFF , 748px 371px #FFF , 1422px 1726px #FFF , 1607px 225px #FFF , 1520px 280px #FFF , 873px 547px #FFF , 765px 1174px #FFF , 165px 97px #FFF , 126px 422px #FFF , 301px 1356px #FFF , 702px 1837px #FFF , 866px 256px #FFF , 1974px 849px #FFF , 805px 852px #FFF , 1659px 1966px #FFF , 1529px 265px #FFF , 1007px 956px #FFF , 1245px 359px #FFF , 1505px 752px #FFF , 902px 201px #FFF , 219px 1594px #FFF , 1134px 816px #FFF , 1269px 1624px #FFF , 33px 1155px #FFF , 1374px 768px #FFF , 567px 1240px #FFF , 1774px 187px #FFF , 1445px 254px #FFF , 1544px 399px #FFF , 228px 1003px #FFF , 1132px 632px #FFF , 1242px 10px #FFF , 894px 1826px #FFF , 1325px 706px #FFF , 1260px 471px #FFF , 1769px 1115px #FFF , 370px 482px #FFF , 774px 889px #FFF , 1688px 777px #FFF , 124px 1812px #FFF , 364px 1573px #FFF , 1257px 722px #FFF , 1219px 1214px #FFF , 866px 1202px #FFF , 683px 976px #FFF , 245px 562px #FFF , 1958px 1456px #FFF , 940px 331px #FFF , 604px 1006px #FFF , 1871px 56px #FFF , 1671px 1668px #FFF , 114px 1835px #FFF , 1284px 1144px #FFF , 1183px 223px #FFF , 290px 969px #FFF , 55px 92px #FFF , 3px 1067px #FFF , 653px 599px #FFF , 341px 1106px #FFF , 351px 617px #FFF , 1245px 210px #FFF , 1007px 1354px #FFF , 1785px 1298px #FFF , 624px 1677px #FFF , 1382px 1089px #FFF , 204px 244px #FFF , 1572px 1534px #FFF , 211px 1723px #FFF , 1873px 558px #FFF , 1870px 415px #FFF , 1267px 772px #FFF , 2000px 1057px #FFF , 608px 1723px #FFF , 722px 1493px #FFF , 856px 207px #FFF , 21px 434px #FFF , 451px 1696px #FFF , 1712px 1156px #FFF , 1316px 740px #FFF , 606px 772px #FFF , 176px 1359px #FFF , 487px 1748px #FFF , 1240px 118px #FFF , 231px 876px #FFF , 1149px 468px #FFF , 591px 315px #FFF , 739px 843px #FFF , 1932px 464px #FFF , 61px 1995px #FFF , 1884px 756px #FFF , 1714px 547px #FFF , 1764px 1477px #FFF , 1524px 258px #FFF , 831px 1423px #FFF , 858px 1524px #FFF , 1759px 475px #FFF , 1140px 1721px #FFF , 474px 1016px #FFF , 1312px 1967px #FFF , 503px 1878px #FFF , 53px 423px #FFF , 281px 1378px #FFF , 817px 152px #FFF , 1724px 1605px #FFF , 356px 1030px #FFF , 372px 1122px #FFF , 1477px 125px #FFF , 195px 1014px #FFF , 1155px 1432px #FFF , 633px 1810px #FFF , 444px 477px #FFF , 1311px 1863px #FFF , 1081px 865px #FFF , 185px 1222px #FFF , 1290px 1438px #FFF , 630px 1709px #FFF , 372px 117px #FFF , 1987px 1797px #FFF , 801px 109px #FFF , 1230px 1903px #FFF , 1502px 1630px #FFF , 680px 1190px #FFF , 1756px 908px #FFF , 930px 1899px #FFF , 1505px 1734px #FFF , 653px 1026px #FFF , 1486px 1566px #FFF , 46px 109px #FFF , 1526px 1040px #FFF , 840px 519px #FFF , 1912px 1341px #FFF , 1382px 471px #FFF , 638px 1021px #FFF , 38px 347px #FFF , 1290px 781px #FFF , 1485px 847px #FFF , 1496px 1245px #FFF , 1267px 1307px #FFF , 449px 741px #FFF , 636px 1550px #FFF , 1524px 884px #FFF , 137px 604px #FFF , 1864px 180px #FFF , 1373px 323px #FFF , 307px 985px #FFF , 1603px 1012px #FFF , 642px 1490px #FFF , 1889px 1992px #FFF , 1405px 762px #FFF , 7px 582px #FFF , 1586px 236px #FFF , 538px 501px #FFF , 322px 917px #FFF , 176px 430px #FFF , 350px 785px #FFF , 562px 1838px #FFF , 699px 1647px #FFF , 67px 1144px #FFF , 1656px 523px #FFF , 64px 1469px #FFF , 770px 268px #FFF , 1752px 501px #FFF , 641px 179px #FFF , 685px 220px #FFF , 1214px 380px #FFF , 1579px 1438px #FFF , 310px 1300px #FFF , 514px 1492px #FFF , 625px 557px #FFF , 634px 1043px #FFF , 707px 1262px #FFF , 979px 304px #FFF , 283px 29px #FFF , 1541px 1335px #FFF , 1255px 705px #FFF , 1118px 325px #FFF , 1121px 723px #FFF , 1510px 465px #FFF , 1609px 1975px #FFF , 584px 1678px #FFF , 1617px 1270px #FFF , 372px 1033px #FFF , 976px 1024px #FFF , 362px 715px #FFF , 146px 1240px #FFF , 1458px 1770px #FFF , 748px 1118px #FFF , 139px 760px #FFF , 1846px 839px #FFF , 1763px 716px #FFF , 274px 1841px #FFF , 1085px 74px #FFF , 415px 1714px #FFF , 692px 374px #FFF , 1005px 1084px #FFF , 312px 562px #FFF , 1476px 1325px #FFF , 1335px 458px #FFF , 755px 584px #FFF , 329px 1882px #FFF , 73px 1102px #FFF , 1077px 272px #FFF , 1790px 555px #FFF , 936px 1429px #FFF , 1280px 1939px #FFF , 243px 1187px #FFF , 1323px 1294px #FFF , 1921px 281px #FFF , 1163px 1764px #FFF , 598px 100px #FFF , 802px 745px #FFF , 1814px 1371px #FFF , 1532px 1805px #FFF , 1391px 1704px #FFF , 945px 321px #FFF , 361px 1787px #FFF , 985px 1903px #FFF , 652px 1376px #FFF , 425px 1538px #FFF , 1936px 1043px #FFF , 158px 325px #FFF , 89px 1559px #FFF , 1477px 1535px #FFF , 595px 727px #FFF , 956px 683px #FFF , 1765px 1840px #FFF , 696px 1546px #FFF , 1165px 112px #FFF , 1777px 796px #FFF , 894px 1331px #FFF , 531px 1025px #FFF , 296px 1867px #FFF , 1265px 693px #FFF , 29px 1036px #FFF , 1204px 364px #FFF , 605px 1px #FFF , 687px 1940px #FFF , 371px 68px #FFF , 602px 796px #FFF , 1340px 470px #FFF , 1460px 1570px #FFF , 247px 1579px #FFF , 1118px 829px #FFF , 1698px 386px #FFF , 684px 1245px #FFF , 463px 1516px #FFF , 1266px 1461px #FFF , 898px 1751px #FFF , 6px 1281px #FFF , 1957px 166px #FFF , 999px 426px #FFF , 1821px 245px #FFF , 830px 1367px #FFF , 1237px 1106px #FFF , 1412px 645px #FFF , 7px 93px #FFF , 550px 1194px #FFF , 1950px 1403px #FFF , 639px 1787px #FFF , 1293px 1807px #FFF , 462px 1713px #FFF , 378px 1189px #FFF , 1177px 1376px #FFF , 308px 1471px #FFF , 976px 221px #FFF , 1766px 200px #FFF , 1577px 356px #FFF , 1542px 890px #FFF , 567px 1998px #FFF , 96px 1389px #FFF , 1334px 698px #FFF , 1752px 1068px #FFF , 269px 257px #FFF , 950px 1864px #FFF , 1640px 817px #FFF , 1340px 1064px #FFF , 1507px 389px #FFF , 30px 1855px #FFF , 766px 1645px #FFF , 1280px 1975px #FFF , 967px 1469px #FFF , 1560px 1499px #FFF , 52px 664px #FFF , 1319px 995px #FFF , 483px 1952px #FFF;
    animation: animStar2 50s linear infinite;
  }
  
  #container-wrap:before {
      content: " ";
    width: 2px;
    height: 2px;
    display:block;
    position:absolute;
    background: transparent;
     z-index:1;
    box-shadow: 97px 253px #FFF , 76px 278px #FFF , 1958px 1952px #FFF , 117px 481px #FFF , 1326px 1250px #FFF , 835px 149px #FFF , 61px 182px #FFF , 788px 1960px #FFF , 1256px 652px #FFF , 1233px 1544px #FFF , 970px 1685px #FFF , 1697px 1583px #FFF , 680px 1847px #FFF , 1282px 749px #FFF , 220px 724px #FFF , 673px 44px #FFF , 1919px 1555px #FFF , 737px 1319px #FFF , 491px 195px #FFF , 1507px 171px #FFF , 771px 1497px #FFF , 602px 419px #FFF , 1908px 621px #FFF , 1993px 1864px #FFF , 345px 1915px #FFF , 1216px 387px #FFF , 1663px 887px #FFF , 1036px 746px #FFF , 831px 12px #FFF , 1675px 1029px #FFF , 1734px 1133px #FFF , 888px 1255px #FFF , 195px 1336px #FFF , 760px 1484px #FFF , 88px 1319px #FFF , 577px 1665px #FFF , 500px 889px #FFF , 337px 1736px #FFF , 1593px 1935px #FFF , 1444px 803px #FFF , 1477px 703px #FFF , 1380px 1137px #FFF , 694px 1375px #FFF , 412px 1132px #FFF , 223px 61px #FFF , 1310px 225px #FFF , 1640px 1415px #FFF , 1222px 955px #FFF , 913px 791px #FFF , 1987px 709px #FFF , 162px 336px #FFF , 855px 1655px #FFF , 738px 726px #FFF , 1981px 1519px #FFF , 1798px 1921px #FFF , 1723px 1314px #FFF , 1313px 1711px #FFF , 1926px 1218px #FFF , 1052px 1868px #FFF , 1622px 912px #FFF , 1974px 901px #FFF , 1195px 82px #FFF , 1446px 757px #FFF , 355px 1425px #FFF , 749px 1479px #FFF , 1779px 963px #FFF , 243px 656px #FFF , 671px 1835px #FFF , 205px 780px #FFF , 811px 1186px #FFF , 14px 1319px #FFF , 436px 64px #FFF , 686px 509px #FFF , 129px 884px #FFF , 683px 80px #FFF , 1931px 1965px #FFF , 867px 373px #FFF , 1215px 244px #FFF , 814px 1658px #FFF , 1600px 841px #FFF , 418px 443px #FFF , 59px 516px #FFF , 988px 1390px #FFF , 164px 1317px #FFF , 1490px 1276px #FFF , 940px 404px #FFF , 721px 1457px #FFF , 1678px 286px #FFF , 640px 385px #FFF , 152px 1160px #FFF , 1235px 1839px #FFF , 1038px 444px #FFF , 1439px 300px #FFF , 1025px 27px #FFF , 1968px 577px #FFF , 835px 1533px #FFF , 1445px 364px #FFF , 1102px 1879px #FFF , 1114px 1631px #FFF , 636px 15px #FFF , 745px 200px #FFF , 1489px 1114px #FFF , 146px 1566px #FFF , 613px 146px #FFF , 190px 1672px #FFF , 1967px 578px #FFF , 1414px 179px #FFF , 1750px 1833px #FFF , 37px 922px #FFF , 1833px 708px #FFF , 413px 1989px #FFF , 1269px 1291px #FFF , 971px 580px #FFF , 503px 533px #FFF , 641px 175px #FFF , 863px 1831px #FFF , 1174px 1250px #FFF , 1612px 1022px #FFF , 1136px 1170px #FFF , 706px 1101px #FFF , 887px 1795px #FFF , 849px 444px #FFF , 1015px 1058px #FFF , 322px 90px #FFF , 1577px 266px #FFF , 176px 878px #FFF , 710px 474px #FFF , 769px 523px #FFF , 418px 1298px #FFF , 654px 1049px #FFF , 327px 743px #FFF , 343px 192px #FFF , 930px 125px #FFF , 835px 1193px #FFF , 473px 1709px #FFF , 1857px 319px #FFF , 675px 278px #FFF , 1546px 613px #FFF , 811px 764px #FFF , 303px 1360px #FFF , 447px 930px #FFF , 1475px 1935px #FFF , 1101px 738px #FFF , 1577px 1373px #FFF , 1634px 628px #FFF , 1231px 663px #FFF , 275px 1076px #FFF , 1746px 668px #FFF , 1714px 1167px #FFF , 847px 34px #FFF , 1413px 450px #FFF , 1037px 1738px #FFF , 794px 634px #FFF , 1800px 1946px #FFF , 1346px 1826px #FFF , 718px 1732px #FFF , 151px 1276px #FFF , 428px 976px #FFF , 485px 938px #FFF , 98px 344px #FFF , 1936px 1462px #FFF , 142px 349px #FFF , 1659px 324px #FFF , 1074px 1878px #FFF , 345px 75px #FFF , 508px 1532px #FFF , 1117px 611px #FFF , 33px 350px #FFF , 1002px 565px #FFF , 986px 885px #FFF , 1086px 1066px #FFF , 1102px 211px #FFF , 590px 1021px #FFF , 719px 145px #FFF , 964px 980px #FFF , 259px 1554px #FFF , 1942px 748px #FFF , 1569px 601px #FFF , 417px 609px #FFF , 1143px 1210px #FFF , 1182px 552px #FFF , 1224px 1804px #FFF , 898px 1516px #FFF , 736px 624px #FFF , 213px 754px #FFF , 408px 496px #FFF , 1820px 1548px #FFF , 1807px 1514px #FFF , 739px 189px #FFF , 1304px 1249px #FFF , 1437px 122px #FFF , 1702px 821px #FFF , 370px 1554px #FFF , 10px 1505px #FFF , 501px 593px #FFF , 1482px 23px #FFF , 1774px 1032px #FFF , 828px 262px #FFF , 1530px 1354px #FFF , 1698px 886px #FFF;
    animation: animStar 100s linear infinite;
  }
  #container-wrap:after {
    content: " ";
    position: absolute;
    top: 2000px;
    width: 2px;
    z-index:1;
    height: 2px;
    background: transparent;
    box-shadow: 97px 253px #FFF , 76px 278px #FFF , 1958px 1952px #FFF , 117px 481px #FFF , 1326px 1250px #FFF , 835px 149px #FFF , 61px 182px #FFF , 788px 1960px #FFF , 1256px 652px #FFF , 1233px 1544px #FFF , 970px 1685px #FFF , 1697px 1583px #FFF , 680px 1847px #FFF , 1282px 749px #FFF , 220px 724px #FFF , 673px 44px #FFF , 1919px 1555px #FFF , 737px 1319px #FFF , 491px 195px #FFF , 1507px 171px #FFF , 771px 1497px #FFF , 602px 419px #FFF , 1908px 621px #FFF , 1993px 1864px #FFF , 345px 1915px #FFF , 1216px 387px #FFF , 1663px 887px #FFF , 1036px 746px #FFF , 831px 12px #FFF , 1675px 1029px #FFF , 1734px 1133px #FFF , 888px 1255px #FFF , 195px 1336px #FFF , 760px 1484px #FFF , 88px 1319px #FFF , 577px 1665px #FFF , 500px 889px #FFF , 337px 1736px #FFF , 1593px 1935px #FFF , 1444px 803px #FFF , 1477px 703px #FFF , 1380px 1137px #FFF , 694px 1375px #FFF , 412px 1132px #FFF , 223px 61px #FFF , 1310px 225px #FFF , 1640px 1415px #FFF , 1222px 955px #FFF , 913px 791px #FFF , 1987px 709px #FFF , 162px 336px #FFF , 855px 1655px #FFF , 738px 726px #FFF , 1981px 1519px #FFF , 1798px 1921px #FFF , 1723px 1314px #FFF , 1313px 1711px #FFF , 1926px 1218px #FFF , 1052px 1868px #FFF , 1622px 912px #FFF , 1974px 901px #FFF , 1195px 82px #FFF , 1446px 757px #FFF , 355px 1425px #FFF , 749px 1479px #FFF , 1779px 963px #FFF , 243px 656px #FFF , 671px 1835px #FFF , 205px 780px #FFF , 811px 1186px #FFF , 14px 1319px #FFF , 436px 64px #FFF , 686px 509px #FFF , 129px 884px #FFF , 683px 80px #FFF , 1931px 1965px #FFF , 867px 373px #FFF , 1215px 244px #FFF , 814px 1658px #FFF , 1600px 841px #FFF , 418px 443px #FFF , 59px 516px #FFF , 988px 1390px #FFF , 164px 1317px #FFF , 1490px 1276px #FFF , 940px 404px #FFF , 721px 1457px #FFF , 1678px 286px #FFF , 640px 385px #FFF , 152px 1160px #FFF , 1235px 1839px #FFF , 1038px 444px #FFF , 1439px 300px #FFF , 1025px 27px #FFF , 1968px 577px #FFF , 835px 1533px #FFF , 1445px 364px #FFF , 1102px 1879px #FFF , 1114px 1631px #FFF , 636px 15px #FFF , 745px 200px #FFF , 1489px 1114px #FFF , 146px 1566px #FFF , 613px 146px #FFF , 190px 1672px #FFF , 1967px 578px #FFF , 1414px 179px #FFF , 1750px 1833px #FFF , 37px 922px #FFF , 1833px 708px #FFF , 413px 1989px #FFF , 1269px 1291px #FFF , 971px 580px #FFF , 503px 533px #FFF , 641px 175px #FFF , 863px 1831px #FFF , 1174px 1250px #FFF , 1612px 1022px #FFF , 1136px 1170px #FFF , 706px 1101px #FFF , 887px 1795px #FFF , 849px 444px #FFF , 1015px 1058px #FFF , 322px 90px #FFF , 1577px 266px #FFF , 176px 878px #FFF , 710px 474px #FFF , 769px 523px #FFF , 418px 1298px #FFF , 654px 1049px #FFF , 327px 743px #FFF , 343px 192px #FFF , 930px 125px #FFF , 835px 1193px #FFF , 473px 1709px #FFF , 1857px 319px #FFF , 675px 278px #FFF , 1546px 613px #FFF , 811px 764px #FFF , 303px 1360px #FFF , 447px 930px #FFF , 1475px 1935px #FFF , 1101px 738px #FFF , 1577px 1373px #FFF , 1634px 628px #FFF , 1231px 663px #FFF , 275px 1076px #FFF , 1746px 668px #FFF , 1714px 1167px #FFF , 847px 34px #FFF , 1413px 450px #FFF , 1037px 1738px #FFF , 794px 634px #FFF , 1800px 1946px #FFF , 1346px 1826px #FFF , 718px 1732px #FFF , 151px 1276px #FFF , 428px 976px #FFF , 485px 938px #FFF , 98px 344px #FFF , 1936px 1462px #FFF , 142px 349px #FFF , 1659px 324px #FFF , 1074px 1878px #FFF , 345px 75px #FFF , 508px 1532px #FFF , 1117px 611px #FFF , 33px 350px #FFF , 1002px 565px #FFF , 986px 885px #FFF , 1086px 1066px #FFF , 1102px 211px #FFF , 590px 1021px #FFF , 719px 145px #FFF , 964px 980px #FFF , 259px 1554px #FFF , 1942px 748px #FFF , 1569px 601px #FFF , 417px 609px #FFF , 1143px 1210px #FFF , 1182px 552px #FFF , 1224px 1804px #FFF , 898px 1516px #FFF , 736px 624px #FFF , 213px 754px #FFF , 408px 496px #FFF , 1820px 1548px #FFF , 1807px 1514px #FFF , 739px 189px #FFF , 1304px 1249px #FFF , 1437px 122px #FFF , 1702px 821px #FFF , 370px 1554px #FFF , 10px 1505px #FFF , 501px 593px #FFF , 1482px 23px #FFF , 1774px 1032px #FFF , 828px 262px #FFF , 1530px 1354px #FFF , 1698px 886px #FFF;
    animation: animStar2 100s linear infinite;
  }
  
  #container:before {
       content: " ";
      display:block;
      position: absolute;
    width: 3px;
    height: 3px;
    background: transparent;
      z-index:1;
    box-shadow: 46px 995px #FFF , 1287px 1821px #FFF , 1954px 1267px #FFF , 1880px 1659px #FFF , 381px 829px #FFF , 314px 1471px #FFF , 1631px 1262px #FFF , 889px 506px #FFF , 1836px 1779px #FFF , 823px 42px #FFF , 343px 943px #FFF , 1334px 1179px #FFF , 285px 287px #FFF , 1820px 1967px #FFF , 872px 663px #FFF , 541px 1759px #FFF , 253px 1099px #FFF , 1383px 794px #FFF , 433px 716px #FFF , 69px 1603px #FFF , 1738px 1239px #FFF , 1540px 1633px #FFF , 1829px 288px #FFF , 1778px 1640px #FFF , 1336px 1188px #FFF , 1001px 1419px #FFF , 198px 334px #FFF , 953px 840px #FFF , 1115px 773px #FFF , 85px 844px #FFF , 1974px 644px #FFF , 1720px 429px #FFF , 1088px 831px #FFF , 919px 390px #FFF , 866px 346px #FFF , 617px 5px #FFF , 665px 1023px #FFF , 231px 118px #FFF , 1715px 78px #FFF , 901px 1788px #FFF , 1516px 1203px #FFF , 541px 1364px #FFF , 404px 562px #FFF , 244px 155px #FFF , 278px 72px #FFF , 1156px 889px #FFF , 204px 1622px #FFF , 313px 484px #FFF , 760px 1478px #FFF , 1416px 1365px #FFF , 257px 190px #FFF , 632px 769px #FFF , 1334px 1685px #FFF , 1769px 555px #FFF , 643px 514px #FFF , 1948px 376px #FFF , 572px 579px #FFF , 643px 1787px #FFF , 1194px 137px #FFF , 1099px 1136px #FFF , 987px 35px #FFF , 207px 1617px #FFF , 756px 174px #FFF , 346px 1054px #FFF , 1338px 1897px #FFF , 1024px 1995px #FFF , 1747px 382px #FFF , 45px 7px #FFF , 1764px 1556px #FFF , 944px 251px #FFF , 1121px 113px #FFF , 1660px 1388px #FFF , 762px 1022px #FFF , 515px 287px #FFF , 1115px 1817px #FFF , 1306px 1942px #FFF , 1572px 1410px #FFF , 1675px 48px #FFF , 48px 1845px #FFF , 1393px 174px #FFF , 1927px 1094px #FFF , 114px 412px #FFF , 1897px 1349px #FFF , 151px 1800px #FFF , 3px 433px #FFF , 1837px 173px #FFF , 1844px 1357px #FFF , 957px 743px #FFF , 672px 719px #FFF , 433px 1476px #FFF , 1314px 690px #FFF , 1764px 1888px #FFF , 1287px 868px #FFF , 1282px 1989px #FFF , 1258px 94px #FFF , 1335px 1311px #FFF , 957px 1204px #FFF , 208px 1065px #FFF , 688px 678px #FFF , 1835px 1130px #FFF;
    animation: animStar 150s linear infinite;
  
  }
  #container:after {
    content: " ";
    position: absolute;
    top: 2000px;
    width: 3px;
    height: 3px;
    z-index:1;
    background: transparent;
    box-shadow: 46px 995px #FFF , 1287px 1821px #FFF , 1954px 1267px #FFF , 1880px 1659px #FFF , 381px 829px #FFF , 314px 1471px #FFF , 1631px 1262px #FFF , 889px 506px #FFF , 1836px 1779px #FFF , 823px 42px #FFF , 343px 943px #FFF , 1334px 1179px #FFF , 285px 287px #FFF , 1820px 1967px #FFF , 872px 663px #FFF , 541px 1759px #FFF , 253px 1099px #FFF , 1383px 794px #FFF , 433px 716px #FFF , 69px 1603px #FFF , 1738px 1239px #FFF , 1540px 1633px #FFF , 1829px 288px #FFF , 1778px 1640px #FFF , 1336px 1188px #FFF , 1001px 1419px #FFF , 198px 334px #FFF , 953px 840px #FFF , 1115px 773px #FFF , 85px 844px #FFF , 1974px 644px #FFF , 1720px 429px #FFF , 1088px 831px #FFF , 919px 390px #FFF , 866px 346px #FFF , 617px 5px #FFF , 665px 1023px #FFF , 231px 118px #FFF , 1715px 78px #FFF , 901px 1788px #FFF , 1516px 1203px #FFF , 541px 1364px #FFF , 404px 562px #FFF , 244px 155px #FFF , 278px 72px #FFF , 1156px 889px #FFF , 204px 1622px #FFF , 313px 484px #FFF , 760px 1478px #FFF , 1416px 1365px #FFF , 257px 190px #FFF , 632px 769px #FFF , 1334px 1685px #FFF , 1769px 555px #FFF , 643px 514px #FFF , 1948px 376px #FFF , 572px 579px #FFF , 643px 1787px #FFF , 1194px 137px #FFF , 1099px 1136px #FFF , 987px 35px #FFF , 207px 1617px #FFF , 756px 174px #FFF , 346px 1054px #FFF , 1338px 1897px #FFF , 1024px 1995px #FFF , 1747px 382px #FFF , 45px 7px #FFF , 1764px 1556px #FFF , 944px 251px #FFF , 1121px 113px #FFF , 1660px 1388px #FFF , 762px 1022px #FFF , 515px 287px #FFF , 1115px 1817px #FFF , 1306px 1942px #FFF , 1572px 1410px #FFF , 1675px 48px #FFF , 48px 1845px #FFF , 1393px 174px #FFF , 1927px 1094px #FFF , 114px 412px #FFF , 1897px 1349px #FFF , 151px 1800px #FFF , 3px 433px #FFF , 1837px 173px #FFF , 1844px 1357px #FFF , 957px 743px #FFF , 672px 719px #FFF , 433px 1476px #FFF , 1314px 690px #FFF , 1764px 1888px #FFF , 1287px 868px #FFF , 1282px 1989px #FFF , 1258px 94px #FFF , 1335px 1311px #FFF , 957px 1204px #FFF , 208px 1065px #FFF , 688px 678px #FFF , 1835px 1130px #FFF;
    animation: animStar2 150s linear infinite;
  }
  
  @keyframes animStar {
    from { transform: translateY(-2000px); }
    to   { transform: translateY(0);       }
  }
  @keyframes animStar2 {
    from { transform: translateY(-1999px); }
    to   { transform: translateY(1px);     }
  }
  
  /* 1. 全站已访问链接深蓝（除去下面要恢复的区域） */
  a:visited {
    color: var(--hyperlink-visited) !important;
  }
  
  /* restore SCP基金会 to theme purple */
  #header h1 a,
  #header h1 a span,
  #header h1 a:visited,
  #header h1 a span:visited {
    color: #EEEEEE !important;
  }
  
  /* override the header‐subtitle under the logo */
  #header h2 span {
    color: #EEEEEE !important;
  }
  
  /* restore “我的账户” to theme’s visited-link purple */
  #login-status a#my-account,
  #login-status a#my-account:visited {
    color: #DDDDDD !important;
  }
  
  /* force each of its buttons/spans to white, too */
  .page-rate-widget-box .rateup,
  .page-rate-widget-box .ratedown{
    background-color: #fff !important;
  }
  

  Pages using this styling

  • snow-art [info]

  ¶ 1 occurrence
  

  #page-title { display: none; }
  

  Pages using this styling

  • smithsonian-irem-expedition [info]

  ¶ 1 occurrence
  

  
  hr {
    height: .87em;
    background: gray;
    background-color: lightgray;
    border: 1px gray;
    margin-top: 1em;
    margin-bottom: 1em;
  }
  

  Pages using this styling

  • small-town-problems [info]

  ¶ 1 occurrence
  

  
  ## ignore this terrible code =D
  
  .redlink a { color: orange; 
  font-size: 150%
  }
  
  .redlink a { color: #d60f0f; 
  font-size: 150%
  }
  
  .orangelink a { color: orange; 
  font-size: 150%
  }
  
  .yellowlink a { color: #FDDA0D; 
  font-size: 150%
  }
  
  .greenlink a { color: #50C878; 
  font-size: 150%
  }
  
  .bluelink a { color: #1eb5e8; 
  font-size: 150%
  }
  
  .violetlink a { color: #8F00FF; 
  font-size: 150%
  }
  
  .pinklink a { color: #F669A1; 
  font-size: 150%
  }
  
  .blacklink a { color: #2c2e2f; 
  font-size: 150%
  }
  
  .whitelink a { color: white; 
  font-size: 150%
  }
  
  .amlink a { color: #5f4053; 
  font-size: 150%
  }
  

  Pages using this styling

  • slurppp [info]

  ¶ 1 occurrence
  

  
  @import url('https://fonts.googleapis.com/css?family=Sansita&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Emilys+Candy&display=swap');
  
  a, a.newpage, a:visited, #interwiki a, #side-bar a {
      color: royalblue;
  }
  
  .email {border: solid 2px #000000; width: 88%; padding: 1px 15px; margin: auto; box-shadow: 0 1px 3px rgba(0,0,0,.5); background-color: white; color: black; font-family: "Helvetica";}
  .email-example a.collapsible-block-link {font-weight: bold;}
  .tofrom {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px royalblue}
  .tofrom2 {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px #f26c0c}
  
  .email2 {border: solid 2px #000000; width: 88%; padding: 1px 15px; margin: auto; box-shadow: 0 1px 3px rgba(0,0,0,.5); background-color: #fdffd3; color: black; font-family: "Sansita";}
  .tofrom2 {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px #9538a5;font-family: "Emilys Candy"}
  .tofrom3 {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px #9538a5; font-family: "Emilys Candy"}
  
  
  

  Pages using this styling

  • slumhouse [info]

  ¶ 1 occurrence
  

  
  
  @import url('https://fonts.googleapis.com/css2?family=DM+Mono:ital,wght@0,300;0,400;0,500;1,300;1,400;1,500&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Playwrite+IS:wght@100..400&display=swap');
  
  :root {
      --basalt-secondary-color: 0, 0, 0;
  
      --basalt-overtone: 255, 0, 0;
      --basalt-undertone: 255, 0, 0;
      --basalt-bright-element-color: 255, 0, 0;
      --basalt-dark-element-color: 255, 0, 0;
  
      --link-color: 255, 0, 0;
      --link-visited-color: 255, 0, 0;
      --link-newpage-color: 255, 0, 0;
  
      --top-bar-link-color-hover: 255, 255, 255;
      --login-status-text-color-hover: 0, 0, 0;
      --side-bar-link-color-hover: 0, 0, 0;
      --side-bar-link-background-hover: 255, 255, 255;
      --selection-text-color: 0, 0, 0;
  
      --header-border-width: 0rem;
      --title-size: 1.25rem;
      --subtitle-size: 0rem;
      --side-bar-button-height: 50vh;
      --user-button-width: 2rem;
      --header-logo-size: 67.5%;
  
      --basalt-UI-dark-palette: 0, 0, 0;
      --top-bar-link-background-hover: 255, 0, 0;
  
  }
  
  #header h1 a::before {
      display: none;
  }
  
  #header h1 a span::after {
      margin-bottom: 0;
  }
  
  #container #header {
      background: none;
      position: absolute;
      box-shadow: unset;
      backdrop-filter: none;
  }
  
  div #container-wrap {
      background-color: #060C0C;
      background: url(https://i.imgur.com/nccHXw6.jpeg);
      background-size: contain;
  }
  
  #main-content {
      margin-top: 0;
  }
  #page-content {
      padding-top: 0;
  }
  
  #page-content > p:nth-child(-n+4) {
      display: none;
  }
  
  .widebox {
      position: relative;
      left: calc(-50dvw + 50%);
      width: 100dvw !important;
      max-width: 100dvw !important;
  }
  
  .widebox .blockquote {
      margin: 4rem auto;
      padding: 2rem 2rem;
  }
  
  .headerimage {
      position: relative;
      height: calc(120dvh);
      background-image: url(https://i.imgur.com/kJRzXtX.jpeg);
      background-repeat: no-repeat;
      background-size: cover;
      background-position: top;
  }
  
  .headerimage .wrathtext {
      position: relative;
      display: block;
      margin: auto;
      bottom: -75dvh;
      width: 40%;
  }
  
  .headerimage .skullseparator {
      position: absolute;
      bottom: -20dvw;
      width: 100%;
  }
  
  .darkWRATHbox {
      width: 100%;
      padding-top: 40dvh;
  }
  
  .darkWRATHboxinterior {
      width: 80%;
      margin: auto;
  }
  
  .darkWRATHbox h1 {
      color: red;
      font-family: "DM Mono", monospace;
      font-weight: 800;
      font-size: 8em;
      line-height: 1;
  }
  
  .darkWRATHbox h2 {
      color: red;
      font-family: "DM Mono", monospace;
      font-weight: 800;
      font-size: 8em;
      line-height: 1;
  }
  
  .darkWRATHboxinterior p {
      color: white;
      font-family: "DM Mono", monospace;
      font-weight: 800;
      font-size: 3em;
      line-height: 1;
  }
  
  .darkWRATHboxinterior h3 {
      color: white;
      font-family: "Playwrite IS", cursive;
      font-weight: 400;
      font-size: 4em;
      line-height: 1;
  }
  
  .darkWRATHboxinterior li {
      color: white;
  }
  
  .darkWRATHboxinterior2 {
      width: 60%;
  }
  
  .darkWRATHbox .sideskull {
      float: right;
      width: 50%;
  }
  
  h1, #page-options-container, .licensebox .collapsible-block-folded a, .page-watch-options a {
      color: white;
  }
  
  #action-area, .licensebox .collapsible-block-content {
      background: #0D0D0F;
      padding: 10px;
  }
  
  .licensebox .collapsible-block-link {
      background: #0D0D0F;
      padding: 10px;
  }
  
  /* Piece of shit sidebar */
  
  #top-bar div.mobile-top-bar>.open-menu {
       visibility:visible;
       opacity: 0.6;
       transition: opacity 0.2s;
  }
  
  #top-bar div.mobile-top-bar>.open-menu:hover {
      opacity: 1;
  }
  
  #side-bar {
       margin-top:0;
       height:100%
  }
  
  #side-bar, #side-bar:is(:hover, :focus-within):not(:target) {
       left:calc(var(--side-bar-width) * -1)
  }
  
  #side-bar::after, #side-bar::before {
       display:none
  }
  
  #side-bar:target {
       left:0;
       width:var(--side-bar-width);
       z-index:10
  }
  
  #side-bar a.close-menu, #side-bar:target a.close-menu {
       display:block;
       pointer-events:none;
       position:fixed;
       top:0;
       right:0;
       left:auto;
       width:100%;
       min-width:3.75rem;
       height:100%;
       margin-left:0;
       opacity:0;
       z-index:-1;
       transition:width var(--side-bar-transition),opacity var(--side-bar-transition)   
  }
  
  #side-bar:target a.close-menu {
       width:calc(100% - var(--side-bar-width));
       pointer-events:auto;
       opacity:1;
  }
  
  /* Mobile */
  
  @media only screen and (max-width: 1020px) {
      #container #header {
          background: black;
          position: sticky;
      }
      .headerimage {
          height: calc(80dvh);
          overflow-x: clip;
      }
      .headerimage .skullseparator {
          top: calc(55dvh);
          left: -37.5dvw;
          width: 150dvw;
          max-width: 150dvw;
      }
      .headerimage .wrathtext {
          bottom: -40dvh;
          width: 90%;
      }
      .darkWRATHbox {
          padding-top: 5dvh;
      }
      .darkWRATHboxinterior {
      width: 80%;
      margin: auto;
      font-size: 1rem;
      }
      .darkWRATHbox h1 {
          font-size: 4em;
      }
      .darkWRATHbox h2 {
          font-size: 4em;
      }
      .darkWRATHboxinterior p {
      color: white;
      font-family: "DM Mono", monospace;
      font-weight: 800;
      font-size: 2em;
      line-height: 1;
      }
      .darkWRATHboxinterior h3 {
      color: red;
      font-family: "Playwrite IS", cursive;
      font-weight: 400;
      font-size: 2em;
      line-height: 1;
      }
      .darkWRATHboxinterior2 {
      width: 100%;
      }
      .darkWRATHbox .sideskull {
          display: none;
      }  
  }

  Pages using this styling

  • slothcon [info]

  ¶ 1 occurrence
  

  .prayer {
    text-align: center;
    font-weight: bold;
  }
  #breadcrumbs {
    display: none;
  }
  .linkbox {
    margin: 125px 0 0 0;
    font-size: 115%;
    display: inline-block;
    font-weight: bold;
  }
  #page-content .image-container.aligncenter {
    margin: 10px 0;
  }

  Pages using this styling

  • slipping-away [info]

  ¶ 1 occurrence
  

  
  #main-content {
      max-width: 805px;
  }
  
  .info-container{
  --barColour: #FF7433;
  }
  

  Pages using this styling

  • skunk-ape [info]

  ¶ 1 occurrence
  

  
  #page-content .info-container {
      --link-color: rgb(var(--swatch-text-general));
  }
  
  #page-content .info-container .collapsible-block-link,
  #page-content .info-container:hover .collapsible-block-link {
      line-height: 1.6em;
  }
  
  #page-content .info-container .collapsible-block-folded,
  #page-content .info-container .collapsible-block-unfolded-link {
      display: grid;
  }
  
  #page-content .info-container .collapsible-block-folded .collapsible-block-link,
  #page-content .info-container .collapsible-block-link {
      -webkit-mask: unset;
              mask: unset;
      background: transparent;
      grid-column: 1;
      grid-row: 1;
      opacity: 0;
  }
  
  #page-content .info-container .collapsible-block-folded::before,
  #page-content .info-container .collapsible-block-unfolded-link::before {
      --wght: 800;
      content: "ETC";
      color: #FFFFFF;
      font-family: Inter, Arimo, Verdana, Geneva, "Helvetica Neue", "Helvetica", Arial, sans-serif;;
      display: block;
      pointer-events: none;
      grid-column: 1;
      grid-row: 1;
      line-height: 2.75ex;
  }
  
   #page-title{
       display: none;
  }
  
  .info-container{
  --barColour: #275495
  }
  
  :root {
       --toggle-border-color: #275495;
       --toggle-icon-color: #275495;
       --toggle-roundness: 0%;
  }
  

  Pages using this styling

  • six-codas [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.bunny.net/css?family=Reenie+Beanie');
  @import url('https://fonts.bunny.net/css2?family=Shadows+Into+Light&display=swap');
  @import url('https://fonts.bunny.net/css2?family=Comic+Neue:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap');
  
  /*
      None CSS with Left Beef
      [2019 Wikidot Theme]
      Created by stormbreath.
  */
  
  .comic-neue-bold {
    font-family: "Comic Neue", cursive;
    font-weight: 700;
    font-style: normal;
  }
  
  .note {
      position: relative;
      display: inline-block;
  
      border: none;
      border-top: none;
      box-shadow: none;
      background: transparent;
  
      margin: 0;
      padding: 0;
  }
  
  .note::after {
      content: attr(data-note);
  
      position: absolute;
      width: 200px;
      margin-left: 0.4em;
      left: 100%;
      top: -0.7em;
  
      font-family: cursive;
      font-size: 0.95em;
      color: #0645AD;
      white-space: normal;
      line-height: 1.2;
  
      transform: rotate(2deg);
      pointer-events: none;
  }
  
  .note-wrapper {
      position: relative;
      padding-right: 220px;
  }
  
  .fn {
      font-family: "Comic Neue";
      font-size: 17px;
      font-weight: 500;
      color: #0645AD;
      line-height: 1.3;
  }
  

  Pages using this styling

  • site90-dossier [info]

  ¶ 1 occurrence
  

  #toc-list div[style*="2em"] {
      margin-left: .5em!important;
  }
  
  #page-content h2 {
      display: flow-root;
      padding-bottom: .15em;
      border-bottom: solid 0.05rem currentColor;
      margin-block: 1.375em .75em;
  }
  
  #page-content ol {
      padding-inline-start: 1.75rem;
  }
  #page-content ol li::marker { 
      font-family: monospace;
      font-size: 1.175em;
  }
  
  #page-content > ol > li > ol { list-style-type: lower-latin; }

  Pages using this styling

  • site-rules [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Baumans&display=swap');
  #header h2 span::before {
      content: 'Stardust to the Stars ';
  }

  Pages using this styling

  • site-anvil [info]

  ¶ 1 occurrence
  

  .quote {
    display: block;
    border: dashed 1px #444444;
    background: #F3F0DA;
    margin-left: auto;
    margin-right: auto;
    width: auto;
    padding:  10px;
  }
  
  #page-content .info-container {
      --link-color: rgb(var(--swatch-text-general));
  }
  
  #page-content .info-container .translation_block {
      display: none;
  }
  
  #page-content .info-container .collapsible-block-link,
  #page-content .info-container:hover .collapsible-block-link {
      line-height: 1.6em;
  }
  
  #page-content .info-container .collapsible-block-folded,
  #page-content .info-container .collapsible-block-unfolded-link {
      display: grid;
  }
  
  #page-content .info-container .collapsible-block-folded .collapsible-block-link,
  #page-content .info-container .collapsible-block-link {
      -webkit-mask: unset;
              mask: unset;
      background: transparent;
      grid-column: 1;
      grid-row: 1;
      opacity: 0;
  }
  
  #page-content .info-container .collapsible-block-folded::before,
  #page-content .info-container .collapsible-block-unfolded-link::before {
      --wght: 800;
      content: "djkaktus";
      color: #FFFFFF;
      font-family: Inter, Arimo, Verdana, Geneva, "Helvetica Neue", "Helvetica", Arial, sans-serif;;
      display: block;
      pointer-events: none;
      grid-column: 1;
      grid-row: 1;
  }

  Pages using this styling

  • site-81-community-cookbook [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Redacted&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Zilla+Slab:wght@500&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Outfit&display=swap');
  
  :root {
     --blue-grey: 11, 11, 13;
     --blue-highlighter: 158, 174, 219;
     --sterile-container: 160, 190, 217;
  
     --logo-image: url("https://scp-wiki.wdfiles.com/local--files/unusual-incidents-unit-hub/FBI_HeaderLogo.png");
  
     --header-height-on-desktop: 12.5rem;
     --header-height-on-mobile: 12.5rem;
  
     --swatch-background: var(--blue-grey);
  
     --hover-link-color: var(--blue-highlighter);
     --newpage-color: var(--sterile-container);
     --link-color: var(--sterile-container);
     --visited-link-color: var(--grey-child);
  }
  
  #header h1 a {
     width: 200%;
     background-image: url("https://scp-wiki.wdfiles.com/local--files/unusual-incidents-unit-hub/FBI_Plate-A.png");
  }
  
  @media only screen and (max-width: 56.25rem) {
     :root {
        --logo-image: url("https://scp-wiki.wdfiles.com/local--files/unusual-incidents-unit-hub/empty.png");
     }
      #header h1 a {
         background-image: url("https://scp-wiki.wdfiles.com/local--files/unusual-incidents-unit-hub/FBI_Plate-M.png");
         width: min(15em);
         margin-left: 1.25em;
      }
  }
  
  #extra-div-1 {
     background-size: calc(var(--header-height-on-desktop) * 2.5);
     background-image: url("https://scp-wiki.wdfiles.com/local--files/unusual-incidents-unit-hub/FBI_Grid.png");
     mix-blend-mode: normal;
     opacity: 0.475;
  }
  
  .code {
     background-color: rgb(var(--believe-white));
     max-width: 100%;
  }
  
  #page-content div#toc {
     background-color: rgb(var(--einhander-gun));
  }
  
  /* PAGE DIVs */
  .motto1 {
     width: 100%;
     font-family: 'Zilla Slab', serif;
     font-size: 2rem;
     line-height: 1.85rem;
     text-align: center;
  }
  
  .motto2 {
     font-family: 'Outfit', sans-serif;
     font-size: 1.55rem;
     text-decoration: underline;
  }
  
  .linkswitcher {
     --hover-link-color: var(--red-room);
     --newpage-color: var(--skinner);
     --link-color: var(--coffee-ring);
     --visited-link-color: var(--saucer-steel);
  }
  
  .linkswitcher hr {
      background-color: rgb(var(--faded-type));
      border-top: .0625rem solid rgb(var(--faded-type)) !important;
  }
  
  .admin-letter {
      max-width: 42rem;
      box-sizing: border-box;
      border: none;
      padding: .25rem 1.75rem;
      margin: 1.5rem auto;
      background-color: black;
      font-family: Courier New, Courier, monospace;
      text-shadow: 1px 1px 1px rgba(0,0,0,.25); font-size: 1.175em;
  }

  Pages using this styling

  • site-19-dossier [info]

  ¶ 1 occurrence
  

  /* fix footnote link colors */
  
  .footnote a, footnotes-footer a {
    color: blue;
  }
  

  Pages using this styling

  • site-19-dossier [info]

  ¶ 1 occurrence
  

  div.terminal {
    margin-bottom: 1em;
    border: solid 3px #BBBBBB;
    border-radius: 16px;
    background-color: #131;
    background-image: radial-gradient(ellipse 1000% 100% at 50% 90%, transparent, #121); /* black shadow at the top of the terminal */
    background-position: center;
    box-shadow: inset 0 0 10em 1em rgba(0,0,0,0.5); /* shadow around the terminal */
    overflow: hidden; /* prevents scanline from forming a scrollwheel */
    color: rgba(128,255,128,0.8);
    font-family: monospace;
    font-size: 1.45em;
    padding: 0 1em;
  }

  Pages using this styling

  • site-17-hub [info]

  ¶ 1 occurrence
  

  @import url('https://scp-wiki.wikidot.com/local--files/scp-8980/departuremono.css');
  
  :root {
    --header-title: "SITE-17 DEEPWELL";
    --logo-img: url(https://scp-wiki.wdfiles.com/local--files/placeholder-mcd-s-authorpage/s17_purp.png);
  
    --head-font: var(--ui-font);
  
    --accent: 153, 119, 238;
  }
  
  @media (max-width: 768px) {
    :root {
      --header-title: "DEEPWELL" !important;
    }
  }
  
  @media (min-width: 768px) {
    #main-content {
     max-width: 98%;
    }
  
    #header h1 a::before {
      letter-spacing: 5px;
    }
  
    #header h2::before {
      letter-spacing: 2px;
    }
  }
  
  #page-content :is(h1, h2, h3, h4, h5, h6) {
    text-transform: uppercase;
  }
  
  body {
    background: #080016 !important;
  }
  
  .notation {
    width: 75%;
    margin: auto;
    background: rgb(20, 20, 20) !important;
  }
  
  /* excerpt div stuff */
  
  .excerpt {
    --link-txt-color: rgb(var(--accent));
  
    border: solid 2px rgb(var(--accent));
    border-left-width: 10px;
    padding: 1px 15px;
    width: 75%;
    margin: auto;
    margin-top: 20px;
    margin-bottom: 20px;
    background: var(--dark-bg-2);
  }
  
  @media (max-width: 479px) {
    .excerpt {
      width: auto;
      margin-left: 0;
      margin-right: 0;
    }
  }
  
  /* replacing wikidot syntax for centering/size */
  
  .excerpt > p:first-child {
    text-align: center;
    font-size: 80%;
  }
  
  .excerpt p:first-child > strong:first-of-type,
  .excerpt p:first-child > em {
    font-size: 125%;
  }
  
  .excerpt:not(.hub) > hr ~ p {
    font-style: italic;
  }
  
  /* excerpt border colors */
  
  .lifeless {
    --accent: 85, 153, 255;
  }
  
  .white-space {
    --accent: 0, 204, 51;
  }
  
  .admonition {
    --accent: var(--five-color);
  }
  
  .other {
    --accent: 204, 204, 204;
  }
  .other .excerpt {
    --link-txt-color: rgb(153, 119, 238);
  }
  
  /* section header stuff */
  
  .section-header {
    border-bottom: 2px solid rgb(var(--accent));
    margin: 50px 0 15px;
  }
  .section-header h1 {
    margin-bottom: 2px;
  }

  Pages using this styling

  • site-17-hub [info]

  ¶ 1 occurrence
  

  /* Hide the automatic page-title if present */
  #page-title {
    visibility: hidden;
  }
  
  /* Root-level variables (theme custom properties) */
  :root {
    --logo-image: url('https://scp-wiki.wdfiles.com/local--files/theme%3Amidnight-rush/midnight-rush-icon.png');
    --color-text-main: #ffffff;
    --color-bg-top: #191f22;
    --color-bg-mid: #161111;
    --color-bg-bottom: #0a0a0a;
    --color-border: #888888;
    --color-facility-bg: #111111;
    --color-facility-border: #000000;
    --color-caption-text: #cccccc;
    --color-caption-border: #444444;
    --color-gray: #999999;
    --accent-color: #1a73e8;
    --highlight-color: #ff5555;
  
    --font-mono: 'Roboto Mono', monospace;
    --font-sans: 'Rubik', sans-serif;
    --font-dossier: 'IBM Plex Sans', sans-serif;
    --font-default-size: 1rem;
  
    --spacing-small: 0.5rem;
    --spacing-base: 1rem;
    --spacing-large: 2rem;
  
    --gradient-header: linear-gradient(to top, var(--color-bg-mid), var(--color-bg-top));
    --diagonal-stripes:
      repeating-linear-gradient(
        45deg,
        rgba(255,255,255,0) 0,
        rgba(255,255,255,0) 0.25rem,
        rgba(88,88,88,0.1) 0.35rem,
        rgba(88,88,88,0.2) 0.5rem
      );
  }
  
  /* --- Animation Keyframes --- */
  @keyframes fadeIn {
    from { opacity: 0; }
    to   { opacity: 1; }
  }
  
  @keyframes slideUp {
    from {
      transform: translateY(20px);
      opacity: 0;
    }
    to {
      transform: translateY(0);
      opacity: 1;
    }
  }
  
  @keyframes glitch {
    0% {
      text-shadow: 2px 0 red, -2px 0 cyan;
    }
    20% {
      text-shadow: -2px 0 red, 2px 0 cyan;
    }
    40% {
      text-shadow: 2px 0 cyan, -2px 0 red;
    }
    60% {
      text-shadow: -2px 0 cyan, 2px 0 red;
    }
    80% {
      text-shadow: 1px 0 red, -1px 0 cyan;
    }
    100% {
      text-shadow: none;
    }
  }
  
  @keyframes pulse {
    0% {
      box-shadow: 0 0 0 rgba(255, 85, 85, 0);
    }
    50% {
      box-shadow: 0 0 10px rgba(255, 85, 85, 0.5);
    }
    100% {
      box-shadow: 0 0 0 rgba(255, 85, 85, 0);
    }
  }
  
  /* Input / console-style blocks */
  .inputField {
    font-family: var(--font-mono);
    border: 2px dashed var(--color-border);
    text-align: left;
    padding: var(--spacing-base);
    margin: var(--spacing-base) auto;
    max-width: 42rem;
    width: 90%;
    background: var(--color-bg-bottom);
    color: #e6e6e6;
    white-space: pre-wrap;
    overflow-wrap: break-word;
  
    /* fade into view */
    opacity: 0;
    animation: fadeIn 0.8s ease-out forwards;
  }
  
  /* The dossier container */
  .facilityDossier {
    background: var(--color-facility-bg);
    border: 2px solid var(--color-facility-border);
    box-shadow: 0 0.25rem 1rem rgba(0, 0, 0, 0.6);
    padding: var(--spacing-large);
    margin: var(--spacing-large) auto;
    max-width: 50rem;
    width: 95%;
    color: var(--color-text-main);
    font-family: var(--font-dossier);
    font-size: 1.1rem;
    line-height: 1.7;
    word-wrap: break-word;
    overflow-wrap: break-word;
    border-radius: 0.25rem;
  
    /* slide into view */
    opacity: 0;
    transform: translateY(20px);
    animation: slideUp 0.8s ease-out forwards;
    animation-delay: 0.3s;
  }
  
  /* Dossier headings */
  .facilityDossier h1,
  .facilityDossier h2,
  .facilityDossier h3,
  .facilityDossier h4 {
    font-family: var(--font-sans);
    color: var(--accent-color);
    margin-top: 2rem;
    border-bottom: 1px solid var(--color-border);
    padding-bottom: 0.5rem;
  
    /* small fade-in */
    opacity: 0;
    animation: fadeIn 0.8s ease-out forwards;
    animation-delay: 0.5s;
  }
  
  /* Glitch / plaintext wrapping helpers */
  .style03-plaintext,
  .style03-plaintext.animation03,
  .style03-plaintext.animation03 span,
  .style03-plaintext.animation03::before,
  .style03-plaintext.animation03::after {
    white-space: normal !important;
    word-break: break-word !important;
    overflow-wrap: break-word !important;
    hyphens: auto !important;
    display: inline-block;
    max-width: 100%;
    box-sizing: border-box;
  }
  
  /* Apply glitch animation on those spans */
  .style03-plaintext.animation03 {
    animation: glitch 3s infinite;
  }
  
  /* Images with captions */
  .imageWithCaption {
    text-align: center;
    margin: var(--spacing-large) auto;
    max-width: 56.25rem; /* ~900px */
    width: 90%;
  }
  .imageWithCaption img,
  .imageWithCaption [[image]] {
    max-width: 100%;
    height: auto;
    border: 1px solid var(--color-caption-border);
    box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.5);
  }
  .imageWithCaption .caption {
    font-size: 0.9rem;
    color: var(--color-caption-text);
    border-top: 1px solid var(--color-caption-border);
    padding-top: 0.25rem;
    margin-top: 0.25rem;
    font-style: italic;
    text-align: center;
  }
  
  /* Highlighted text in dossier — pulse effect */
  .facilityDossier .highlight {
    color: var(--highlight-color);
    font-weight: bold;
    animation: pulse 2s infinite;
  }
  
  /* Info blocks inside dossier */
  .facilityDossier .info {
    display: block;
    margin: 1rem 0;
    padding: 0.75rem;
    background: rgba(255, 255, 255, 0.03);
    border-left: 4px solid var(--accent-color);
    font-size: 0.95rem;
    font-family: var(--font-sans);
  }
  .facilityDossier .info .loc,
  .facilityDossier .info .purpose {
    font-weight: bold;
    color: var(--accent-color);
    display: block;
    margin-bottom: 0.25rem;
  }
  
  /* Collapsible / toggled sections */
  .collapsible-block {
    background: #1b1b1b;
    border: 1px solid #333;
    margin: 1rem 0;
    padding: 0.75rem;
    border-radius: 4px;
    font-size: 0.95rem;
  }
  .collapsible-block .collapsible-block-link {
    color: var(--accent-color);
    cursor: pointer;
    font-weight: bold;
    display: inline-block;
    padding: 0.25rem 0;
    transition: color 0.2s ease;
  }
  .collapsible-block .collapsible-block-content[style*="display: block"] {
    max-height: 500px;
    opacity: 1;
    transition: max-height 0.4s ease-out, opacity 0.4s ease-out;
  }
  .collapsible-block .collapsible-block-content[style*="display: none"] {
    max-height: 0;
    opacity: 0;
    transition: max-height 0.4s ease-in, opacity 0.3s ease-in;
  }
  
  .collapsible-block .collapsible-block-link:hover {
    color: var(--highlight-color);
  }
  
  /* Footnotes styling */
  .footnote {
    font-size: 0.85rem;
    color: var(--color-gray);
  }
  
  /* Transparent horizontal line inside dossier */
  .facilityDossier .transparent-line {
    border: none;
    height: 1px;
    margin: 1rem 0;
    background: linear-gradient(to right, transparent, var(--color-border), transparent);
  }
  
  /* Subtitle / header overrides */
  #header-title .subtitle,
  #page-title + h2 {
    font-size: 0.9rem;
    font-style: italic;
    color: var(--color-caption-text);
  }
  
  /* Extra custom classes */
  .loc {
    color: #780d8e;
  }
  .purpose {
    color: #0096ff;
  }
  
  /* Adjust overall info and indentation */
  .info {
    padding-left: 2em;
  }

  Pages using this styling

  • site-163-dossier [info]

  ¶ 1 occurrence
  

  #page-title {display: none;}
  
  :root {
      --header-title: "Lusophone Foundation";
      --header-subtitle: "Major Arcana";
  }
  h1 {
     font-size: 1.5rem;
  }
  
  h2 {
     font-size: 1.35rem;
  }
  
  h3 {
     font-size: 1.2rem;
  }
  
  h4 {
     font-size: 1.15rem;
  }
  
  #page-content>table {
      position: -webkit-sticky;
      position: sticky;
      width: 30%;
      top: 3rem;
      right: 0;
      overflow: visible;
      transform: translateX(340%);
      border-collapse: collapse;
  }
  
  #page-content>table>tbody {
      position: absolute;
  }
  javascript:;

  Pages using this styling

  • sistema-taumaturgico [info]

  ¶ 1 occurrence
  

  /*SETTINGS HORIZONTAL LINE*/
  .yui-navset .yui-nav,
  .yui-navset .yui-navset-top .yui-nav {
      border:solid #D4CB6A; /* color of the horizontal line between tab list and selected content */
      border-width:0 0 5px; /*thickness of the horizontal line between tab list and content */
  }
  .yui-navset .yui-nav li,
  .yui-navset .yui-navset-top .yui-nav li {
      margin:0 2px 0 0; /* space between tabs */
  }
  .yui-navset .yui-nav .selected,
  .yui-navset .yui-navset-top .yui-nav .selected {
      margin:0 1px -1px 0; /* for overlap */
  }
  /* SETTINGS FOR UNSELECTED TABS */
  .yui-navset .yui-nav a,
  .yui-navset .yui-navset-top .yui-nav a {
      background:#D4CB6A url(http://themes.wikidot.com/local--files/rainbow-base/tabcolor.png) repeat-x -3px;
      border-top:solid #D4CB6A 1px;
      border-left:solid #D4CB6A 1px;
      border-right:solid #D4CB6A 1px;
      font-weight:none;
      font-family:Arial;
      font-size:140%;
      color:#000;/*tab text color*/
  }
  .yui-navset .yui-nav a em,
  .yui-navset .yui-navset-top .yui-nav a em {
      border:solid #D4CB6A 0px;
  }
  
  /*HOVER SETTINGS FOR UNSELECTED TABS*/
  .yui-navset .yui-nav a:hover,
  .yui-navset .yui-navset-top .yui-nav a:hover {
      background:#D4CB6A
  }
  
  /* SETTINGS FOR SELECTED TABS */
  .yui-navset .yui-nav .selected a,
  .yui-navset .yui-nav .selected a:focus,
  .yui-navset .yui-nav .selected a:hover {
      background:#D4CB6A url(https://themes.wikidot.com/local--files/rainbow-base/tabcolor.png) repeat-x -3px;
      color:black;border:1px solid #D4CB6A;font-weight:600
  }
  
  /* SETTINGS FOR SELECTED CONTENT */
  .yui-navset .yui-content {
      background-color: #FFF7AA; /* content background color */
  }
   
  .yui-navset .yui-content,
  .yui-navset .yui-navset-top .yui-content {
      border-color: #D4CB6A; /* content border */
      border-top-color:#D4CB6A; /* different border color */
  }
   
  .yui-navset-left .yui-content {
      border-color: #D4CB6A; /* content border */
      border-left-color: #D4CB6A; /* different border color */
  }
   
  .yui-navset-bottom .yui-content,
  .yui-navset .yui-navset-bottom .yui-content {
      border-color: #D4CB6A; /* content border */
      border-bottom-color: #D4CB6A; /* different border color */
  }
  /* This removes the border around tab images. */
  .yui-navset .yui-nav,
  .yui-navset .yui-navset-top .yui-nav {
      border-color: transparent;
  }
  .yui-navset .yui-nav,
  .yui-navset .yui-navset-top .yui-nav {
      border-color: #D4CB6A;
  }
  .yui-navset li {
      line-height: normal;
  }
  .yui-navset .yui-nav a em, .yui-navset .yui-navset-top .yui-nav a em {
      border-color: none;
      border-width: 0;
      bottom: 0;
      left: 0;
      padding: 0.25em 0.75em;
      position: relative;
      right: 0;
      top: -1px;
  }
  span.redacted {
      color: black;
      background-color: black;
  }

  Pages using this styling

  • sirslash47-s-personnel-page [info]

  ¶ 1 occurrence
  

  
  /* ===TITLE FONT/SECTION FONT=== */
  @import url('https://fonts.googleapis.com/css2?family=Almendra&display=swap');
  /* ===TITLE SUB FONT=== */
  @import url('https://fonts.googleapis.com/css2?family=Aref+Ruqaa&display=swap');
  /* ===ARTICLE NAMES TITLE FONT=== */
  @import url('https://fonts.googleapis.com/css2?family=Luxurious+Roman&display=swap');
  /* ===ARTICLE INSPO FONT=== */
  @import url('https://fonts.googleapis.com/css2?family=Radio+Canada:ital@1&display=swap');
  
  /* ===REMOVE PAGE TITLE=== */
  #page-title{display:none}
  
  /* ===FIXING TOC SO THE BACKGROUND ISN'T BRIGHT WHITE (MY EYES)=== */
  #main-content {
      /* ===TOC=== */
      --toc-header-text-color: 245, 245, 245;
      --toc-header-text-hover-color: 212, 175, 55;
  
      --toc-body-bg-color: var(--deepwell);
      --toc-body-link-hover-color: 212, 175, 55;
      --toc-body-hover-arrow-color: 212, 175, 55;
  
  }
  
  /* ===THEME DIV EDITS=== */
  .document {
    text-align: center;
  }
  
  .document p {
    font-size: 1.25em;
  }
  
  /* ===CUSTOM DIVS=== */
  .title {
    text-align: center;
    color: white;
  }
  
  .title h2 {
    font-family: 'Almendra', sans-serif;
    font-size: 4em;
  }
  
  .title p {
    font-family: 'Aref Ruqaa', sans-serif;
    font-size: 1.5em;
    margin-top: 0.1vh;
  }
  
  .section-title {
    text-align: center;
    color: white;
  }
  
  .section-title h2 {
    font-family: 'Almendra', sans-serif;
    font-size: 3.25em;
  }
  
  .article-title p {
    font-family: 'Luxurious Roman', sans-serif;
    font-size: 2.5em;
    text-align: center;
    color: white;
    margin-top: 0;
    margin-bottom: 1vh;
  }
  
  .article-title a:link {
    color: white;
  }
  
  .article-title a:hover {
    color: rgb(212, 175, 55);
  }
  
  .picture-frame {
    display: inline-block;
    border: 10px solid transparent;
    border-image: url(http://scp-wiki.wikidot.com/local--files/sinking-otter-s-author-page/border.png) 10 round;
    width: 45%;
    margin-bottom: 1vh;
  }
  
  .picture-frame img {
    width: 20rem;
    height: 20rem;
  }
  
  .pdcon {
    display: inline-block;
    border: 10px solid transparent;
    border-image: url(http://scp-wiki.wikidot.com/local--files/sinking-otter-s-author-page/border.png) 10 round;
    margin-bottom: 1vh;
  }
  
  .article-description {
    display: inline-block;
    width: 45%;
    margin-bottom: 1vh;
    color: white;
    font-size: 0.85em;
  }
  
  .no-pic-description {
    color: white;
    margin-bottom: 1vh;
    font-size: 0.85em;
  }
  
  .author-comment {
    font-family: 'Radio Canada', sans-serif;
    color: rgb(212, 175, 55);
    font-size: 0.85em;
  }
  
  /* ===SIZING FOR PICTURE FRAME=== */
  /* ===IF SCREEN IS 760px OR BELOW IT WILL MAKE THIS CHANGE=== */
  @media only screen and (max-width: 760px) {
  
    .picture-frame img {
       height: 16rem;
  }
  
    .article-description {
    width: 52%;
  }
  }
  
  /* ===IF SCREEN IS 560px OR BELOW IT WILL MAKE THIS CHANGE=== */
  @media only screen and (max-width: 560px) {
  
    .picture-frame img {
       height: 12rem;
  }
  
    .article-description {
    width: 50%;
  }
  }
  

  Pages using this styling

  • sinking-otter-s-author-page [info]

  ¶ 1 occurrence
  

  :root {
      --header-subtitle: "Single Contained Phenomenon";
  
  }
  div#extra-div-1 {
      height: 150px;
      background-image: none;
  }
  
  .admin-letter {
      color: #333;
      max-width: 42rem;
      box-sizing: border-box;
      border: none;
      padding: .25rem 1.75rem;
      margin: 1.5rem auto;
      background-color: white;
      background-image: url(https://scp-wiki.wdfiles.com/local--files/about-the-scp-foundation/bg-marble.png);
      font-family: Courier New, Courier, monospace;
      text-shadow: 1px 1px 1px rgba(0,0,0,.25); font-size: 1.175em;
  }

  Pages using this styling

  • single-contained-phenomenon [info]

  ¶ 1 occurrence
  

  
  :root {
      --logo-image: url("https://scp-wiki.wikidot.com/local--files/grigori-karpin-s-author-page/simplycreativepeoplelogo ");
      --header-title: "            SCP";
      --header-subtitle: "          Simply Creative People";
  }
  
  /* Adjust Mobile Image Size */
  @media (max-width: 479px) {
  #header {
      background-size: 100px 100px;
      background-position: 1em;
  }
  }
  
  #page-title {
      display: none;
  }
  

  Pages using this styling

  • simply-creative-people-hub [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css?family=Exo|Just+Another+Hand|Lexend+Peta|Nunito|Playfair+Display|Saira+Stencil+One&display=swap');
  
  div#header h2 span {
      font-size:0px;
      padding: 4px;
  }
  div#header h2:after {
      content: "Secure, Contain, Procrastinate";
      font-weight: bold;
      color: #f0f0c0;
      padding: 19px 0;
      text-shadow: 1px 1px 1px rgba(0, 0, 0, .8);
      white-space: pre;
  }
  
  
  .text {
      font-family: 'Exo', sans-serif;
      font-size: 1.2em;
  }
  .requiredField {
      font-family: 'Exo', sans-serif;
      background-color: #cf0000;
      color: #f5f2f2;
      font-size: 1.2em;
      width: 50%;
      padding: 3px;
      border-radius: 5px;
  }
  
  .title {
      text-align: center;
      font-family: 'Exo-2', sans-serif;
      font-weight: bold;
      font-size: 1.25em;
  }

  Pages using this styling

  • simartar-author-page [info]

  ¶ 1 occurrence
  

   	:root {
    --accentColor: 0,235,96;
    --darkColor: 15,20,18;
  }

  Pages using this styling

  • silicon-on-sapphire [info]

  ¶ 1 occurrence
  

  :root {
      --header-subtitle: "SIGMA THEMES";
      --sp_header-title-scale: 1.25;
      --sp_header-subtitle-scale: 1.875;
  }
  
  #header h1 a::before, #header h2 span::before {
      font-family: 'Sans Normalcy', 'Nanum Gothic', 'Arial', sans-serif;
  }
  
  body {
      background-image: linear-gradient(
          to bottom,
          #FCFCFC, #FCFCFC 100%);
  }
  
  div#extra-div-1 {
      height: 140px;
      width: 100%;
      top: 28px;
      position: absolute;
      background: url("https://scp-wiki.wdfiles.com/local--files/sigma-9-themes/SCP_F.png");
      background-size: contain;
      background-repeat: no-repeat;
      background-position: calc(50vw - 380px) 50%;
      z-index: -1;
  }
  
  @media (max-width: 767px) {
      div#extra-div-1 {
           opacity: 0.2;
           background-position: 50% 50%;
      }
  }
  
  #main-content { max-width: 100%; margin: 0 auto; }
  
  #side-bar {
      background-color: #FCFCFC;
      border: solid 1px #ccc;
  }
  
  #side-bar .side-block { box-shadow: none; }
  
  #top-bar div.open-menu a {
      box-shadow: none;
      border: solid 2px #ccc;
      color: #333;
  }
  
  hr {
      height: 0;
      background-color: transparent;
      border-top: 1px solid #ccc;
  }
  
  
  #page-content .rate-box-with-credit-button {
      box-shadow: none;
      border: solid 2px #ccc;
  }
  #page-content h1 {
      border-bottom: solid 1px #ccc;
      margin: 0 0 0.6em;
  }
  
  #main-content .page-tags a {
      background-color: none;
      margin: initial;
      padding: 0.17rem;
      box-shadow: none;
  }
  #main-content .page-tags a:before {
      content: unset;
  }
  
  /* ----------*/
  
  .tcontainer {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      align-items: flex-start;
      align-content: space-between;
      gap: .75rem;
  }
  
  .caser {
      background-color: white;
      width: calc(11rem + 1.5vw);
      padding: .5rem;
      box-sizing: border-box;
      border: solid 1px #ccc;
      display: grid;
      row-gap: .675rem;
      text-align: center;
      transition: transform .15s;
      line-height: 1.1;
      position: relative;
  }
  
  .caser > p { display: contents; }
  
  .caser h3 {
      font-size: 1.175em;
      margin: 0;
  }
  
  .caser > a { display: block; }
  
  .caser img.image {
      width: 100%;
      height: calc(10.625rem + 1vw);
      object-fit: cover;
      object-position: top;
  }
  
  .caser:is(:hover, :focus-within) {
      transform: scale(1.52);
      z-index: 2;
  }
  
  .hoverdesc {
      position: absolute;
      box-sizing: border-box;
      background: white;
      border: solid 1px #ccc;
      width: calc(11rem + 1.5vw);
      top: 100%; left: 50%;
      transform: translateX(-50%);
      margin-top: -5rem;
      padding: 0.4rem;
      opacity: 0;
      font-size: 70%;
      pointer-events: none;
      transition: margin-top 0.3s cubic-bezier(.08,.72,.5,.94), opacity 0.175s linear;
      z-index: -1;
      word-break: unset;
  }
  
  .caser:hover .hoverdesc,
  .caser .hoverdesc:hover {
      margin-top: 0;
      opacity: 1;
      pointer-events: all;
  }
  .caser:focus-within .hoverdesc{
      margin-top: 0;
      opacity: 1;
      pointer-events: all;
  }
  
  .anchor {
      position: sticky;
      height:0;
      top: 0;
  }
  .sidebox {
      margin-top: 16px;
      max-height: calc(92vh - 24px);
      position: absolute;
      top: 0;
      right: -14em;
      z-index: 4;
      box-sizing: border-box;
  }
  
  div#toc {
      display: block;
      box-sizing: border-box;
      font-size: 90%;
      box-shadow: none;
      border: solid 1px #ccc;
      max-height: 85vh;
      overflow-y: auto;
  }
  
  @media (max-width: 1384px) {
      .sidebox {
          display: none;
      }
  }

  Pages using this styling

  • sigma-9-themes [info]

  ¶ 1 occurrence
  

  
  :root{--headerMask:url("https://file.garden/Yo-ukoCqGHPlp8v8/Transparent%20Department%20of%20Ontokinetics.png")}

  Pages using this styling

  • siggy-and-the-slumbering-woods [info]

  ¶ 1 occurrence
  

  
  :root{--headerMask:url("https://file.garden/Yo-ukoCqGHPlp8v8/Transparent%20Department%20of%20Ontokinetics.png")}
  
  .papież-polak {
      background: #202a36;
      box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
      margin: 26px auto 0;
      max-width: 550px;
      padding: 24px;
      margin-bottom: 36px;
      position: relative;
      width: 80%;
      text-align: justify;
  }
  .papież-polak:before,
  .papież-polak:after {
      content: "";
      height: 98%;
      position: absolute;
      width: 100%;
      z-index: -1;
  }
  .papież-polak:before {
      background: #0E1E21;
      box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
      left: -5px;
      top: 4px;
      transform: rotate(-2.5deg);
  }
  .papież-polak:after {
      background: #152F33;
      box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
      right: -3px;
      top: 1px;
      transform: rotate(1.4deg);
  }
  #breadcrumbs {
    margin-top: 20px;
  }

  Pages using this styling

  • siggy-and-the-forgotten-kingdom [info]

  ¶ 1 occurrence
  

  /*
      Powered on 2021/10/26 22:49:10
      [2021 Wikidot Theme]
      Created by Siddartha Alonne
      CC BY-SA 3.0
  */
  
  
  
  div#header h1 a span {
      font-size: 0px;
  }
  div#header h1 a:before {
      content: "Sidd's Author Page";
      color: #eee;
      
  }
  div#header h2 span {
      font-size:0px;
      padding: 4px;
  }
  div#header h2:after {
      content: "It was about damn time";
      font-weight: bold;
      color: #f0f0c0;
      padding: 19px 0;
      text-shadow: 1px 1px 1px rgba(0, 0, 0, .8);
      white-space: pre;
  }
  

  Pages using this styling

  • siddartha-alonne-s-author-page [info]

  ¶ 1 occurrence
  

  
  #page-content::before {
  display: none;
  }
  
  a.collapsible-block-link {
  font-weight: bold;
  }
  
  a.collapsible-block-link::hover {
  color: slategrey;
  }
  
  #page-content > h1, h2, h3, h4, h5, h6 {
  color: rgb(34, 34, 0);
  }
  
  @keyframes blinky {
  
  0% {
  color: red;
  }
  
  50% {
  color: rgb(34, 34, 0);
  }
  
  100% {
  color: red;
  }
  
  }
  
  .blinktext {
  font-weight: bold;
  text-align: center;
  animation-name: blinky;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  }
  

  Pages using this styling

  • siddartha-alonne-s-author-page [info]

  ¶ 1 occurrence
  

  .navflow {
      display: grid;
      grid-template-areas: "list menu";
      grid-template-columns: 1fr auto;
      --box-accent: #823f3f;
  }
  
  .page-calendar-box {
      grid-area: menu;
      height: max-content;
      position: sticky;
      top: 0;
      padding: 0;
      font-size: 0.875em;
      border-left: solid 0.25rem var(--box-accent);
      font-feature-settings: 'case','ss01','ss04','tnum';
  }
  .page-calendar-box > ul::before {
      content: "Year";
      display: block;
      text-align: center;
      font-weight: bold;
      font-size: 0.9125em;
      padding: .325rem;
  }
  
  .page-calendar-box > ul > li {
      position: relative;
      border-bottom: solid 0.05rem rgba(0,0,0,0.1);
  }
  .page-calendar-box > ul > li:last-child {
      border-bottom: unset;
  }
  .page-calendar-box > ul > li:is(:hover,:focus-within,:has(.selected)) {
      background: var(--box-accent);
  }
  .page-calendar-box > ul > li > a {
      display: block;
      padding: .25rem .325rem;
      width: 3.5rem;
      font-size: 0; /* hack to get rid of the numbers */
      text-align: center;
  }
  .page-calendar-box > ul > li > a::first-line {
      font-size: 0.875rem;
  }
  .page-calendar-box > ul > li:is(:hover,:focus-within,:has(.selected)) > a {
      color: #fff;
      font-weight: bold;
  }
  
  .page-calendar-box > ul > li > ul {
      position: absolute;
      top: 0;
      right: 100%;
      width: 15.5rem;
      padding: 0.05rem;
      box-sizing: border-box;
      display: grid;
      grid-template-columns: 1fr 1fr 1fr;
      gap: 0.05rem;
      text-align: center;
      background: #fffa;
      -webkit-backdrop-filter: blur(.25rem);
      backdrop-filter: blur(.25rem);
      box-shadow: inset 0 0 0 .05rem #ccc;
      opacity: 0;
      pointer-events: none;
      z-index: 1;
  }
  
  
  .page-calendar-box > ul > li:is(:hover,:focus-within) > ul,
  .page-calendar-box > ul > li > ul:is(:hover,:focus-within) {
      opacity: 1;
      pointer-events: auto;
  }
  
  .page-calendar-box > ul > li > ul > li { display: contents; }
  
  .page-calendar-box > ul li ul li a {
      padding: .5rem;
      min-width: max-content;
      box-shadow: 0 0 0 .05rem #ccc;
      transition: background-color 0.125s ease-out;
      font-size: 0;
      text-underline-offset: 0.1rem;
  }
  .page-calendar-box > ul li ul li a[href$=".1"] { --month: "January"; }
  .page-calendar-box > ul li ul li a[href$=".2"] { --month: "February"; }
  .page-calendar-box > ul li ul li a[href$=".3"] { --month: "March"; }
  .page-calendar-box > ul li ul li a[href$=".4"] { --month: "April"; }
  .page-calendar-box > ul li ul li a[href$=".5"] { --month: "May"; }
  .page-calendar-box > ul li ul li a[href$=".6"] { --month: "June"; }
  .page-calendar-box > ul li ul li a[href$=".7"] { --month: "July"; }
  .page-calendar-box > ul li ul li a[href$=".8"] { --month: "August"; }
  .page-calendar-box > ul li ul li a[href$=".9"] { --month: "September"; }
  .page-calendar-box > ul li ul li a[href$=".10"] { --month: "October"; }
  .page-calendar-box > ul li ul li a[href$=".11"] { --month: "November"; }
  .page-calendar-box > ul li ul li a[href$=".12"] { --month: "December"; }
  .page-calendar-box > ul li ul li a::before {
      content: var(--month);
      font-size: 0.775rem;
  }
  .page-calendar-box > ul li ul li a:is(:hover,:focus) {
      background-color: #fff0f0dd;
  }
  
  .page-calendar-box > ul > li > a,
  .page-calendar-box > ul li.selected > a {
     pointer-events: none;
  }
  .page-calendar-box li.selected > a { 
      color: inherit; font-weight: bold;
  }
  
  /*-------------------------------------------*/
  
  .content-box {
      grid-area: list;
  }
  .content-type-title {
      position: sticky;
      top: 0;
  }
  .content-type-title :is(.list-pages-box,.list-pages-item) { display: contents; }
  .content-type-description .wiki-content-table td:nth-child(1) {
      font-feature-settings: 'case','ss01','ss04','tnum';
      font-size: 0.675em;
      text-align: end;
      padding-inline: 0.5em 0;
  }
  .content-type-description .wiki-content-table td:nth-child(2) {
      width: auto;
      font-size: .95em;
  }
  .content-type-description .wiki-content-table td:is(:nth-child(3),:nth-child(4)) {
      text-align: center;
      width: 1.75rem;
      min-width: max-content;
      font-size: 0.875em;
  }
  
  @media screen and (max-width: 767px) {
      .page-calendar-box > ul > li > a {
          width: 2.625rem;
      }
      .page-calendar-box > ul > li > a::first-line {
          font-size: 0.75rem;
      }
     .content-type-description .wiki-content-table :is(td,th):last-child { display: none; }
  }

  Pages using this styling

  • shortest-pages-by-month [info]

  ¶ 1 occurrence
  

  .hfbookcontent{
      font-size: 1.2em !important;
  }

  Pages using this styling

  • shapes-the-clown [info]

  ¶ 1 occurrence
  

  :root{
  --accentColor:#ff5512;
  --header-title:"DAYBREAK";
  --header-subtitle:"SOL'S CRUEL PLANET";
  --lgurl:url("https://scp-wiki.wdfiles.com/local--files/daybreak/daybreaklogo.png")
  }
  .line{
  border-top:2px solid #777;border-bottom:1px solid #777;padding:.5px
  }
  .footnotes-footer{display:none}

  Pages using this styling

  • shaggydredlocks-proposal [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css?family=Electrolize|Slabo+13px');
  @import url('https://fonts.googleapis.com/css?family=Special+Elite');
  @import url('https://fonts.googleapis.com/css2?family=Aref+Ruqaa+Ink');
  @import url('https://fonts.googleapis.com/css2?family=Reem+Kufi');
  @import url('https://fonts.googleapis.com/css2?family=Amiri');
  

  Pages using this styling

  • shadow-on-my-back [info]

  ¶ 1 occurrence
  

  .end1 {
      float:left;
      width:40%;
      padding:20px;
  }
  
  .end2 {
      float:right;
      width:40%;
      padding:20px;
      border:solid 2px #112211;
      background:#DDEEDD;
  }
  
  @media only screen and (max-width: 450px) {
  
      .end1 {
          float: none;
          padding: 12px;
          width: 95%;
      }
  
      .end2 {
          float: none;
          padding: 12px;
          width: 95%;
      }
  
  }
  

  Pages using this styling

  • serpent-s-hand-hub [info]

  ¶ 1 occurrence
  

  #main-content { max-width: min(57.5rem,calc(100% - 3.75rem)); margin: 0 auto; }
  
  :where(#page-content) h2 {
      margin-block-start: 1rem;
      padding-bottom: .25em;
      border-bottom: solid 0.05rem #ccc;
  }
  
  .info-wrapper {
      display: grid;
      grid-template-areas: "info legend";
      grid-template-columns: minmax(0,1fr) 15.75rem;
      gap: 1rem;
      font-size: .925em;
      margin-block-end: 1.875rem;
  }
  @media screen and (max-width: 37.5rem) {
  .info-wrapper {
      grid-template-areas:
          "info"
          "legend";
      grid-template-columns: minmax(0,1fr);
  }
  }
  .info-wrapper > br { display: none; }
  .info { grid-area: info; }
  
  .toc-wrapper {
      display: block;
      list-style: none;
      padding: 0; margin: 0;
      font-size: .95em;
  }
  .toc-wrapper > li {
      display: grid;
      grid-template-areas:
          "title action"
          "list list";
      grid-template-columns: 1fr 3.25rem;
      row-gap: .425rem;
  }
  .toc-wrapper :is(table,tbody, tr, td) {
      display: contents;
  }
  .toc-wrapper .foldable-list-container {
      grid-area: action;
      display: grid;
      align-items: center;
      justify-content: end;
      border-bottom: solid 0.05rem #ccc;
  }
  :where(.folded) .foldable-list-container a:nth-child(2) { display: none; }
  :where(.unfolded) .foldable-list-container a:nth-child(1) { display: none; }
  
  #toc {
      display: contents;
      margin: initial;
      padding: 0;
      border: none;
      background: transparent;
  }
  #toc-action-bar { display: none; }
  
  #toc-list {
      grid-area: list;
      margin: 0;
      counter-reset: toc-index;
  }
  :where(.folded) #toc-list { display: none; }
  
  #toc-list > div {
      margin-block: .45em;
      margin-left: 0!important;
      line-height: 1.15;
  }
  #toc-list > div[style*="3em"] {
      display: grid;
      grid-template-columns: 1.5rem 1fr;
      gap: .25rem;
      align-items: baseline;
      margin-left: 0!important;
      font-size: .95em;
  }
  
  #toc-list > div[style*="3em"]::before {
      counter-increment: toc-index;
      content: counter(toc-index) ".";
      font-size: .75em;
      text-align: end;
      font-feature-settings: 'case','ss01','ss04','tnum';
  }
  #toc-list > div[style*="3em"] > a {
      grid-column: 2/3;
      width: fit-content;
  }
  
  #toc .title {
      grid-area: title;
      display: grid;
      align-items: center;
      margin: 0;
      padding: 0.425rem .175rem;
      border-bottom: solid 0.05rem #ccc;
      text-align: start;
  }
  .legend { grid-area: legend; }
  .legend table { width: 100%; margin: 0;}
  .legend table tr:first-child {
      border-bottom: solid 0.05rem #ccc;
  }
  .legend table td {
      border: none;
      padding: .5rem .325rem;
  }
  .legend table tr:first-child td {
      font-weight: bold;
      padding-inline: .175rem;
  }
  .legend table tr td:first-child {
      width: 2.25rem;
  }
  
  .feature-marker, .spotlight-marker, .complete-marker {
      --_icon: var(--feature-icon);
      display: block;
      position: relative;
      margin: auto;
      font-size: 0;
      height: 1.325rem; width: 1.325rem;
      background-color: rgb(var(--feature-color));
      -webkit-mask: var(--_icon) center no-repeat;
      mask: var(--_icon) center no-repeat;
      -webkit-mask-size: contain;
      mask-size: contain;
  }
  .spotlight-marker {
      --_icon: var(--spotlight-icon);
      width: 1.75rem;
      background-color:  rgb(var(--spotlight-color));
  }
  
  .complete-marker {
      display: inline-block;
      height: 1rem; width: 1rem;
      margin-inline: .125rem;
      --_icon: var(--complete-icon);
      background-color: currentColor;
      vertical-align: text-bottom;
  }
  
  /*----------------------------*/
  
  #page-content {
      --box-accent: #4b4848;
      --feature-color: 253 183 34;
      --spotlight-color: 37 161 224;
      --feature-icon: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' data-name='Layer 1' viewBox='0 0 90 86'%3E%3Cpath fill-rule='evenodd' d='m49 2.6 10.6 23.1a1.5 1.5 0 0 0 1.2 1l25.3 2.9a4.4 4.4 0 0 1 2.5 7.5L69.8 54.4a1.5 1.5 0 0 0-.5 1.4l5 25a4.3 4.3 0 0 1-6.3 4.7L45.8 72.9a1.5 1.5 0 0 0-1.6 0L22 85.5a4.4 4.4 0 0 1-6.4-4.7l5-25a1.5 1.5 0 0 0-.4-1.4L1.4 37A4.4 4.4 0 0 1 4 29.6l25.3-3a1.5 1.5 0 0 0 1.2-.9L41 2.6a4.4 4.4 0 0 1 8 0z'/%3E%3C/svg%3E");
      --spotlight-icon: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 58 44.6'%3E%3Cpath d='M1 27h12a1 1 0 0 1 0 2H1a1 1 0 0 1 0-2zm12-4a1 1 0 0 1-.5-.1l-11-6a1 1 0 1 1 1-1.8l11 6A1 1 0 0 1 13 23ZM2 41a1 1 0 0 1-.5-1.9l11-6a1 1 0 1 1 1 1.8l-11 6a1 1 0 0 1-.5.1ZM15 6a3 3 0 0 0 3-3 1 1 0 0 1 2 0 3 3 0 0 0 3 3 1 1 0 0 1 0 2 3 3 0 0 0-3 3 1 1 0 0 1-2 0 3 3 0 0 0-3-3 1 1 0 0 1 0-2zm4 2a5 5 0 0 1 1-1 5 5 0 0 1-1-1 5 5 0 0 1-1 1 5 5 0 0 1 1 1Zm25 10.6v18.6a3 3 0 0 1-2 2.8l-6 2.3V13.2l6.2 2.7a3 3 0 0 1 1.8 2.7Zm-2 .4a1 1 0 0 0-2 0v7a1 1 0 0 0 2 0zm0 11a1 1 0 0 0-2 0v2a1 1 0 0 0 2 0zm10-1a1 1 0 0 1-1-1V0h2v28a1 1 0 0 1-1 1z'/%3E%3Cpath d='M49 28a3 3 0 0 0 6 0v-7h3v14H46V21h3zM34 12.3v30.8l-4 1.5V10.5zM28 17v22a12 12 0 0 1 0-22Z'/%3E%3C/svg%3E");
      --complete-icon: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 90 90'%3E%3Cpath d='M45 0a45 45 0 1 0 0 90 45 45 0 0 0 0-90Zm18.5 26.7a6.2 6.2 0 0 1 4.4 10.6l-24 24a6.2 6.2 0 0 1-5 2.7 6.2 6.2 0 0 1-5.2-2.7L22.1 49.7a6.2 6.2 0 0 1 4.3-10.6 6.2 6.2 0 0 1 4.4 1.9l8 8 20.4-20.4a6.2 6.2 0 0 1 4.3-1.9z'/%3E%3C/svg%3E");
  }
  
  .series-wrapper {
      display: grid;
      grid-template-columns: repeat(auto-fill, minmax(calc(9.5rem + 7.5vw),1fr));
      gap: .75rem;
      margin-block: 1.325rem 2.25rem;
      clear: both;
  }
  
  .series-block {
      --box-accent: inherit;
      display: flex;
      flex-direction: column;
      font-size: .875em;
      text-align: center;
      position: relative;
      background-color: #fff;
      box-shadow: 0 0 0.325rem rgb(0 0 0 / 0.25);
  }
  .series-block.collaboration { --box-accent: #3d8554; }
  
  .series-block .title {
      display: flex;
      font-weight: bold;
      font-size: 1.125em;
  }
  .series-block .title a {
      display: grid;
      align-items: center;
      flex-grow: 1;
      padding: .425rem .5rem;
  }
  /* special markers for featured series */
  
  .series-block.reviewers-spotlight .title { background-color: rgb(var(--spotlight-color)/0.075); }
  .series-block.featured .title { background-color: rgb(var(--feature-color)/0.1); }
  .series-block:where(.featured, .reviewers-spotlight) .title::after,
  .large :where(.featured, .reviewers-spotlight) h3::after,
  .large :where(._complete) h3::before {
      content: "";
      display: block;
      min-width: 1.25rem;
      min-height: 1.25rem;
      margin-inline-end: .5rem;
      -webkit-mask: var(--_icon) center no-repeat;
      mask: var(--_icon) center no-repeat;
      -webkit-mask-size: contain;
      mask-size: contain;
  }
  .reviewers-spotlight .title::after,
  .large :where(.reviewers-spotlight) h3::after {
      min-width: 2rem;
      --_icon: var(--spotlight-icon);
      background-color: rgb(var(--spotlight-color));
  }
  .featured .title::after,
  .large :where(.featured) h3::after {
      --_icon: var(--feature-icon);
      background-color: rgb(var(--feature-color));
  }
  
  .large :where(._complete) h3::before {
      --_icon: var(--complete-icon);
      order: 2;
      margin: 0;
      background-color: currentColor;
  }
  
  /*---------------------------*/
  
  .series-block .description > :not(.preview) { display: none; } /* fallback for license box bleed */
  .series-block .description > .preview {
      display: block; text-align: start;
      padding-inline: .875rem;
      padding-block-end: .5rem;
  }
  .series-block .description > .preview p:first-child { margin-block-start: 0; }
  .series-block .description > .preview p:last-child { margin-block-end: 0; }
  
  .series-block .metadata {
      display: flex;
      flex-wrap: wrap;
      flex-grow: 1;
      align-items: center;
      border-top: solid 0.05rem rgb(0 0 0/.1);
  }
  .series-block .metadata div {
      flex-grow: 1;
      display: grid;
      place-items: center;
      padding: .425em;
  }
  
  .series-block .footer {
      display: flex;
      justify-content: end;
      font-size: .75em;
      box-shadow: inset 0 -0.325rem 0 var(--box-accent);
  }
  .series-block .footer::before {
      content: "";
      display: block;
      width: 1.75em;
      background: var(--box-accent);
      clip-path: polygon(100% 0, 100% 100%, 0 100%);
      margin-inline-end: -0.05em;
  }
  
  .series-block .footer :is(.printuser, .co-au) {
      color: #fff9;
      display: inline-flex;
      align-items: center;
      padding: .225em .325em;
      background: var(--box-accent);
  }
  .series-block .footer .printuser::before {
      content: "by";
      padding-inline-end: .425ch;
  }
  .series-block .footer a { color: #fff; }
  
  .series-block .footer .co-au {
      padding-inline-start: 0;
      display: none;
  }
  .series-block.co-authored .footer .co-au { display: inline-flex; }
  
  .series-block .footer .deleted img { display: none; }
  
  .series-wrapper .pager {
      grid-column: 1/-1;
      border-bottom: solid 0.175rem var(--box-accent);
  }
  
  /*---------------------------*/
  
  .series-wrapper.large {
      grid-template-columns: repeat(auto-fill, minmax(20.5rem,1fr));
  }
  
  .large .series-block {
      --link-color: #b01;
      display: flex;
      gap: .475rem;
      flex-direction: column;
      padding-block-start: .5rem;
  }
  .large .series-block > img {
      align-self: center;
      height: 4.75rem !important;
  }
  .large h3 {
      display: flex;
      justify-content: center;
      align-items: center;
      gap: .5rem;
      font-size: 1.425em;
      letter-spacing: initial;
      padding-inline: .675rem;
      margin: 0;
      color: currentColor;
  }
  .large .series-block h3::after { margin: 0; }
  .large .series-block h3 > span { flex-grow: 1; }
  
  .large .series-block .blurb {
      flex-grow: 1;
      padding-inline: 1.125em;
      border-block-start: solid 0.05rem #ccc9;
      text-align: start;
  }
  .large :is(.blurb, h3) a {
      color: var(--link-color);
  }
  
  .tag-lead {
      display: flex;
      justify-content: end;
      box-shadow: inset 0 -0.325rem 0 var(--box-accent);
      font-size: .775em;
      font-style: italic;
      margin-block-start: -.5rem;
  }
  .tag-lead::before {
      content: "";
      display: block;
      width: 1.75em;
      background: var(--box-accent);
      clip-path: polygon(100% 0, 100% 100%, 0 100%);
      margin-inline-end: -0.05em;
  }
  .tag-lead a {
      display: block;
      padding: .225em .5em;
      padding-inline-start: .125em;
      color: #fff;
      font-weight: bold;
      background-color: var(--box-accent);
  }
  .tag-lead a::before {
      content: "See all works tagged";
      display: inline-block;
      padding-inline-end: .425ch;
      color: #fff9;
      font-weight: normal;
  }

  Pages using this styling

  • series-archive [info]

  ¶ 1 occurrence
  

  .email-example .collapsible-block-folded a.collapsible-block-link {
      animation: blink 0.8s ease-in-out infinite alternate;
  }
  @keyframes blink {
      0% { color: transparent; }
      50%, 100% { color: #b01; }
  }
  .email {border: solid 2px #000000; width: 88%; padding: 1px 15px; margin: 10px; box-shadow: 0 1px 3px rgba(0,0,0,.5)}
  .email-example a.collapsible-block-link {font-weight: bold;}
  .tofrom {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px maroon}
  
  #page-content .blinkbar-nagi {color: red;font-size:125%; animation: blink 1.5s infinite; letter-spacing: -0.13em;}@keyframes blink{to{opacity: .0;}}@keyframes flicker {0% {opacity: 0.9890; }5% {opacity: 0.5842; }10% {opacity: 0.9865; }20% {opacity: 0.0412; }20% {opacity: 0.6255; }25% {opacity: 0.3157; }30% {opacity: 0.7328; }35% {opacity: 0.4654; }40% {opacity: 0.9128; }45% {opacity: 0.2449; }50% {opacity: 0.5485; }55% {opacity: 0.6438; }60% {opacity: 0.1180; }65% {opacity: 0.9085; }70% {opacity: 0.0266; }75% {opacity: 0.6795; }80% {opacity: 0.7812; }85% {opacity: 0.0117; }90% {opacity: 0.2239; }95% {opacity: 0.8897; }100% {opacity: 0.2260; }}@keyframes overlay-anim {0% {visibility: hidden; }10% {visibility: hidden; }11% {visibility: visible; }50% {visibility: hidden; }100% {visibility: hidden; }}

  Pages using this styling

  • september-eleven-prequel [info]

  ¶ 1 occurrence
  

  @import url(https://fonts.googleapis.com/css?family=Nothing+You+Could+Do);

  Pages using this styling

  • self-similar [info]

  ¶ 1 occurrence
  

  :root {
      --header-title: "SeekGull's Archive";
      --header-subtitle: "Also known as Martin";
  }
  
  .background {
    width: 100vw;
    height: 100vh;
    margin: 0;
    padding: 0;
    position: absolute; 
    left: 0;
    aspect-ratio: 3840 / 2160;
    top: 0;
    z-index: -1;
    pointer-events: none;
    user-select: none;
  }
  .background img {
    width: 100%;
    height: 100%;
    aspect-ratio: 3840 / 2160;
    object-fit: cover;
  }
  
  @media (max-width: 768px) {
    .background {
      position: relative;
      height: auto;
    }
  
    .background img {
      width: 100%;
      height: auto;
      object-fit: contain;
      display: block;
    }
  }
  
  .exclamation {
    width: 20px;
    height: 100px;
    position: absolute; 
    top: 38%;
    left: 53.5%;
    pointer-events: none;
    user-select: none;
    opacity: 1;
    animation: Poof 0.1s ease 10s forwards;
  }
  
  @keyframes Poof {
    from {opacity: 1;}
    to   {opacity: 0;}
  }
  
  .modal {
    position: fixed;
    inset: 0;
    visibility: hidden;
    z-index: 1000;
    background: none !important;
    border: none !important;
  }
  
  .modal:target {
    visibility: visible;
  }
  
  .modal-overlay {
    position: absolute;
    inset: 0;
  }
  
  .modal-box {
    position: absolute;
    top: 50%;
    left: 50%;
    background-color: white;
    border: solid 3px rgb(220, 220, 220);
    text-align: center;
    padding: 1rem;
    z-index: 1001;
    opacity: 0;
    transform: translate(-50%, -45%) scale(0.96);
    transition:
      opacity 0.25s ease,
      transform 0.25s ease;
    max-height: 90vh;
    max-width: 90vw;
    overflow-y: auto;
  }
  
  .smallmodal {
    text-align: center !important;
  }
  
  .modal:target .modal-box {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
  }
  
  .modal-trigger {
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
    cursor: pointer;
    transition: transform 0.25s ease;
  }
  
  .modal-trigger::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 110%;
    height: 110%;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    pointer-events: none;
    opacity: 0;
    box-shadow: 0 0 500px 20px rgba(0, 0, 0, 0.9);
    transition: opacity 0.25s ease, box-shadow 0.25s ease;
  }
  
  .modal-trigger:hover {
    transform: scale(1.1);
  }
  
  .modal-trigger:hover::after {
    opacity: 1;
  }
  
  .modal-computer {
    background-image: url("http://scp-wiki.wikidot.com/local--files/seekgull/door.png");
    width: 13%;
    height: 15%;
    top: 34%;
    left: 48%;
    position: absolute;
  }
  
  .modal-comments {
    background-image: url("http://scp-wiki.wikidot.com/local--files/seekgull/door.png");
    width: 10%;
    height: 9%;
    top: 57.5%;
    left: 62%;
    position: absolute;
  }
  
  .modal-9008 {
    background-image: url("http://scp-wiki.wikidot.com/local--files/seekgull/stickynotesmall.png");
    width: 5%;
    height: 8%;
    top: 41%;
    left: 37%;
    position: absolute;
  }
  
  .modal-9890 {
    background-image: url("http://scp-wiki.wikidot.com/local--files/seekgull/door.png");
    width: 14%;
    height: 30%;
    top: 0%;
    left: 23%;
    position: absolute;
  }
  
  .modal-9870 {
    background-image: url("http://scp-wiki.wikidot.com/local--files/seekgull/thermometer.png");
    width: 7%;
    height: 18%;
    top: 44%;
    left: 12%;
    position: absolute;
  }
  
  .modal-8584 {
    background-image: url("http://scp-wiki.wikidot.com/local--files/seekgull/clown.png");
    width: 9%;
    height: 18%;
    top: 56%;
    left: 78%;
    position: absolute;
  }
  
  .modal-9606 {
    background-image: url("http://scp-wiki.wikidot.com/local--files/seekgull/frame.png");
    width: 9%;
    height: 15%;
    top: 45%;
    left: 66%;
    position: absolute;
  }
  
  .modal-9501 {
    background-image: url("http://scp-wiki.wikidot.com/local--files/seekgull/door.png");
    width: 12%;
    height: 30%;
    top: 47%;
    left: 20%;
    position: absolute;
  }
  
  .modal-stranger {
    background-image: url("http://scp-wiki.wikidot.com/local--files/seekgull/hat.png");
    width: 11%;
    height: 14%;
    top: 29%;
    left: 36.5%;
    position: absolute;
  }
  
  @media (max-width: 768px) {
    .modal-trigger {
      display: none !important;
      visibility: hidden !important;
      pointer-events: none !important;
    }
  }
  
  .mobile-only {
    display: none;
  }
  
  @media (max-width: 768px) {
    .mobile-only {
      display: block;
    }
  }
  
  .exclamation {
    display: block;
  }
  
  @media (max-width: 768px) {
    .exclamation {
      display: none;
    }
  }
  
  #page-info {
    color: white !important;
  }
  
  #page-watch-options {
    color: white !important;
  }
  
  #main-content .page-tags span::before {
    color: white !important;
  }
  
  .page-watch-options a {
    color: black !important;
  }

  Pages using this styling

  • seekgull [info]

  ¶ 1 occurrence
  

  :root {
       --header-title: "SITE-78";
       --head-font: 'Orbitron', sans-serif;
       --header-subtitle: "FOR THE BETTERMENT OF HUMANITY";
       --misc-txt-color: #FFFFFF;
  --header-txt-color: #E5E5E5;
       --darkmode-gradient-top: #5D79FF;
       --darkmode-gradient-bottom: #000823;
       --accent: 69,85,163;
       --link-txt-color: #FFC30B;
       --logo-img: url(https://scp-wiki.wikidot.com/local--files/secure-facility-dossier-site-78/Site-78.png)
  }
  
  .page {
      display: block;
      overflow: hidden;
      font-family: "Monotype Corsiva", "Bradley Hand ITC", sans-serif;
      font-style: normal;
     font-size: 18px;
      background-attachment: scroll;
      background-clip: border-box;
      background-color: transparent;
      background-image: linear-gradient(to top ,rgb(202, 219, 228) 0%, rgb(231, 233, 220) 8%);
      background-origin: padding-box;
      background-position: 0px 8px;
      background-repeat: repeat;
      background-size: 100% 20px;
      border: 1px solid #CCC;
      border-radius: 10px;
      padding: 10px 10px;
      margin-bottom: 10px;
      box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2)
  }
  .page p,
  .page ul {
      line-height: 20px;
      margin: 0;
  }
  .footnoteref{
  color: #FF5555;
  }
  .danke{
  padding: 5px 5px 5px 15px;
  margin-bottom:10px;
  width: 100%;
  font-family: monospace;
  font-size: 1.1em; }
  
  .agent{
  background-color:#002200;
  border: 3px solid #55AA55;
  color: #77CC77;
  }
  
  .site{
  background-color:#222200;
  border: 3px solid #AAAA55;
  color: #DDDD77;
  }

  Pages using this styling

  • secure-facility-dossier-site-78 [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Source+Code+Pro:ital,wght@0,300;0,400;0,500;1,300;1,400;1,500&display=swap');
  
  .logo .image-block,
  .logo .scp-image-block {
      box-shadow: none !important;
  }
  
  .logo .image-block .image-caption,
  .logo .scp-image-block .scp-image-caption {
      box-shadow: none;
      margin-top: 10px;
      border-radius: 3px;
      border-top: none;
      clip-path: polygon(4% 0%, 100% 0%, 96% 100%, 0% 100%);
  }
  
  .insignia {
      width: 140px;
      filter: drop-shadow(0 0 0.75rem #db7a70);
      transition: all 0.25s ease-in-out;
  }
  
  @media not (prefers-reduced-motion) {
      .insignia:hover {
          transform: rotate(15deg);
      }
  }
  
  .email {
      background: white;
      border: solid 2px rgb(var(--medium-accent));
      width: 90%;
      padding: 10px;
      margin: auto;
      box-shadow: 0 1px 3px rgba(0, 0, 0, .5)
  }
  
  .tofrom {
      margin-left: 10px;
      margin-top: 5px;
      padding: 1px 15px;
      border-left: solid 3px maroon;
  }
  
  .talk-page-box {
      margin: 4px 0;
      border: 1px solid #c0c090;
      width: 50%;
      transition: all 0.25s ease-in-out;
  }
  
  .talk-page-box:hover {
      box-shadow: 0 1px 3px rgba(0, 0, 0, .5);
  }
  
  .talk-page-box .box-image {
      border: none;
      padding: 0.4em;
      text-align: center;
  }
  
  .talk-page-box .box-text {
      border: none;
      padding: 0.25em 0.9em;
      width: 100%;
  }
  
  .dossier {
      background: white;
      margin: 2rem auto;
      padding: 1.25rem;
      border: 3px solid rgb(var(--bright-accent));
      box-shadow: inset 0px 0px 4px rgba(var(--medium-accent), 0.5)
  }
  
  .dossier h1,
  .dossier h2,
  .dossier h3,
  .dossier h4,
  .dossier h5,
  .dossier h6 {
      text-align: center;
  }
  
  .terminal {
      font-family: 'Source Code Pro', monospace;
      background: black;
      color: white;
      border: 3px solid gray;
      padding: 0 10px;
  }
  
  .dossier > .scp-image-block {
      border-radius: 8px;
      border: solid rgb(38, 38, 38) 3px;
  }
  
  .dossier > .scp-image-block > img {
      border-radius: 4px 4px 0px 0px;
  }
  
  .dossier > .scp-image-block > .scp-image-caption {
      border-radius: 0px 0px 4px 4px;
  }
  
  .dossier .collapsible-block {
      display: block;
      text-align: center;
      padding: 0.75em;
      background: #cacaca45;
      border-top: 0.125rem dashed rgb(var(--bright-accent));
      border-bottom: 0.125rem dashed rgb(var(--bright-accent));
  }
  
  .dossier .collapsible-block .collapsible-block-content {
      text-align: left;
  }
  
  .date {
      color: lightgray;
      font-size: 80%;
  }
  
  .doc {
      margin: auto;
  }
  
  .blockquote .doc {
      top: -2.3em;
      margin-bottom: -3.75rem;
  }

  Pages using this styling

  • secure-facility-dossier-site-7 [info]

  ¶ 1 occurrence
  

  .dptmbox57k {
      border: none;
      box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
      background-color: #fff;
      padding-right: 15px;
      padding-left: 15px;
      padding-top: 0.3em;
      padding-bottom: 1em;
      margin: 2em auto;
      width: 95%;
      color: #000;
  }
  
  .dptmline57k {
      background-color: #fcfcfc;
      border-top: 1px #eee solid;
      border-bottom: 1px #eee solid;
      border-right: none;
      border-left: none;
      padding-top: 1em;
      padding-bottom: 1em;
      padding-right: 0em;
      padding-left: 0em;
      margin-top: 0.2em;
      margin-bottom: 0.2em;
      margin-right: 0em;
      margin-left: 0em;
  }
  
  .pjbox57k-a {
      border-right: 5px #00021B double;
      border-top: 5px #00021B double;
      border-left: 5px #00021B double;
      border-bottom: 5px #00021B double;
      box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
      background-color: #fff;
      padding: 0 auto;
      margin: 2em auto;
      width: 95%;
  }
  
  .pjbox57k-b {
      background-color: none;
      border: none;
      padding-top: 1.2em;
      padding-bottom: 1.1em;
      padding-right: 20px;
      padding-left: 20px;
      margin: 0 auto;
  }
  
  .pjbox57k-1 {
      border: none;
      background: url('http://scpkrsandbox.wikidot.com/local--files/wallowing/dgfgdaa.png');
      background-size: 100% 100%;
      padding-top: 1em;
      padding-bottom: 1.2em;
      margin: 0 auto;
      text-align: center;
      text-shadow: #EFC377 2px 0 7px;
      color: #F0DD7F;
  }

  Pages using this styling

  • secure-facility-dossier-site-57k [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css?family=Berkshire+Swash');
  @import url('https://fonts.googleapis.com/css?family=Poiret+One');
  @import url('https://fonts.googleapis.com/css2?family=Mr+De+Haviland&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Special+Elite&display=swap');
  @import url(https://scp-wiki.wdfiles.com/local--files/theme%3Amcf/sansation.css);
  
  h4 {
      color: #780d8e;
      padding: 0 0 0.25em;
      margin: 0 0 0.6em;
      font-family: 'Berkshire Swash', cursive;
  }
  
  .document {
      background: white;
      box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
      margin: 26px auto 0;
      max-width: 550px;
      min-height: 300px;
      padding: 24px;
      padding-top: 50px;
      position: relative;
      width: 80%;
  }
  
  .document:before,
  .document:after {
      content: "";
      height: 98%;
      position: absolute;
      width: 100%;
      z-index: -1;
  }
  
  .document:before {
      background: #fafafa;
      box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
      left: -5px;
      top: 4px;
      transform: rotate(-2.5deg);
  }
  
  .document:after {
      background: #f6f6f6;
      box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
      right: -3px;
      top: 1px;
      transform: rotate(1.4deg);
  }
  
  /* Haha blue boi, or peach boi, courtesy of Croquembouche */
  .outside {
    margin: 2em -6em;
    padding: 1em 10em;
    --narration-color: rgba(255, 204, 204,1);
    background: var(--narration-color);
    background: linear-gradient(90deg, rgba(255,255,255,0) 0%, var(--narration-color) 20%, var(--narration-color) 80%, rgba(255,255,255,0) 100%);
    z-index: -2;
  }
  
  /* Make the peach bois that are within the document have smaller margins so they break flow less*/
  .outside.inline {
    margin: 1em -6em;
    padding: 1px 10em;
  }
  
  /* Force the side bar to render on top of the blue bois */
  #side-bar {
    z-index: 2;
  
  .sb-info {
      position: relative;
      margin-bottom: 3em;
  }
  
  .interjection {
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      width: 100%;
  
      background: linear-gradient(transparent, white);
  
      display: flex;
      align-items: center;
      justify-content: center;
  
      font-weight: bold;
      color: black;
      font-size: 3em;
  }

  Pages using this styling

  • secure-facility-dossier-site-55 [info]

  ¶ 1 occurrence
  

  :root{
    --header-title: "R\0026 C SITE-44";
    --header-subtitle: "VERDANT ARCHIVES";
  }
  
  div#extra-div-1 {
      background-image: url(https://scp-wiki.wdfiles.com/local--files/jerden-insignia/Site-44.svg);
      filter: opacity(20%);
  }

  Pages using this styling

  • secure-facility-dossier-site-44 [info]

  ¶ 1 occurrence
  

  
  #header {
      background: url("https://scp-sandbox-3.wdfiles.com/local--files/anky-remix/SCP_Foundation_%28emblem%29%20%281%29.svg") 0px 30px no-repeat;
      background-size: 6.5rem;
  }
  
  body {
      font-family: Arial;
      font-size: 16px;
      color: #000;
  }
  
  blockquote,
  div.blockquote {
      padding: 1em;
      margin: 1em 0;
      border: 2px solid #000;
      border-radius: 10px;
      background-color: #D6EFFF;
  }
  
  .part blockquote,
  .blockquote.part {
      background-color: #B8D7F3;
      border: 1px solid #000;
      border-radius: 2.5px;
  }
  
  .white blockquote,
  .blockquote.white{
      background-color: #FFFFFF;
      border: 1px solid #000;
      border-radius: 2.5px;
  }
  
  .scp-image-block {
      background-color: #B8D7F3;
      border: 1px solid #000;
      border-radius: 2.5px;
      margin: 10px;
      padding: 1em;
  }
  
  .scp-image-block .scp-image-caption {
      background-color: #FFFFFF;
      border: 1px solid #000;
      border-radius: 2.5px;
      margin: 0px;
  }
  
  
  .email {border: solid 2px #000000; width: 88%; padding: 1px 15px; margin: 10px; box-shadow: 0 1px 3px rgba(0,0,0,.5)}
  .email-example a.collapsible-block-link {font-weight: bold;}
  .tofrom {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px maroon}
  }

  Pages using this styling

  • secure-facility-dossier-site-387 [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,900;1,900&display=swap');
  
  :root {
      --logo-image: url("http://scpdsandbox.wdfiles.com/local--files/site-333/At3.png");
      --header-title: "SITE-333";
      --header-subtitle: "HEAVEN ON EARTH";
      --header-font: 'Playfair Display', serif;
      --title-font: 'Playfair Display', serif;
      --body-font: 'Telex', sans-serif;
      --bright-accent: 0, 109, 255;
      --medium-accent: 	0, 63, 197;
      --dark-accent: 0, 22, 142;
  
      --link-color: var(--medium-accent);
  }
  
  #extra-div-1 {
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 10rem;
      background-image: url("http://scpdsandbox.wdfiles.com/local--files/site-333/PanoRam2.jpg");
      background-size: cover;
      background-position: center;
      background-repeat: repeat-x;
      pointer-events: none;
  }
  
  #extra-div-2 {
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 10rem;
      background: linear-gradient(0deg, rgba(0, 109, 255,1) 35%, rgba(204, 226, 255) 97%);
      pointer-events: none;
      opacity: 0.40;
  }
  
  #extra-div-3 {
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 10rem;
      background-image: url("http://scptestwiki.wdfiles.com/local--files/undervegas/dicegold.png");
      background-size: cover;
      background-position: center;
      background-repeat: repeat-x;
      pointer-events: none;
      opacity: 0.65;
  
  }
  
  /* *** DIVS *** */
  .addendum {
      border:solid 2px rgb(var(--bright-accent));
      background:#F5F5F5;
      width:84%;
      padding:1px 15px;
      margin: 10px auto;
  }
  
  .label {
      background: rgb(var(--bright-accent));
      color: white;
      padding: 3px;
      border-radius: 4px;
      font-family: monospace;
      white-space: nowrap;
  }
  
  .doc {
      background-color: rgb(var(--bright-accent));
      color: white;
      font-family: var(--mono-font);
      padding: 0 1.5rem;
      font-size: 1.1em;
      width: fit-content;
      position: relative;
      top: -2em;
      border-radius: 4px;
      margin-bottom: -3rem;
  }
  
  .addendum {margin-top: 1.6rem;}
  
  .angled {clip-path: polygon(4% 0%, 100% 0%, 96% 100%, 0% 100%); border-radius: 5px;}
  
  .foundation {
      border:solid 3px #444;
      background: #f2f2c2 url('https://scp-wiki.wdfiles.com/local--files/theme%3Aredtape/scp_trans.png') center center no-repeat;
      padding: 1.5rem;
      margin-bottom: 10px;
      color: black;
  }
  .foundation p {
      margin: none;
  }
  
  .foundation.snow {
      background: #fff url('') center center no-repeat;
  }
  
  .foundation.raisa {
      background: #f2f2c2 url('https://scp-wiki.wdfiles.com/local--files/theme%3Aredtape/raisa_trans.png') center center no-repeat;
      background-size: 29rem;
      text-align: center;
  }
  .foundation.alt {
      background: #fff url('https://scp-wiki.wdfiles.com/local--files/theme%3Ai57/scp-logo-i57.png') center center no-repeat;
  }
  
  .generic {
     position: relative;
     margin: 0.5em 1.25rem;
     padding: 0.825em 1.25em;
     clear: both;
     clip-path: polygon(93% 0px, 100% 15.11%, 100% 100%, 0px 100%, 0px 0px);
     border-left: 4px solid gray;
  }
  .generic hr {background: gray; border: none;}
  .generic h1, .generic h2, .generic h3, .generic h4, .generic h5, .generic h6 {color: #515050;}
  .generic.red {background: #ff4a4a3d;}
  .generic.blue {background: #4a80ff3d;}
  .generic.yellow {background: #fff77f3d;}
  .generic.purple {background: #a561d536;}
  .generic.green {background: #CDE5DD;}
  
  
  #header::before {
      left: 0.5rem;
      background-position: center -0.5rem;
      opacity: 1;
  }
  
  #header h1, #header h2 {
      margin: 1.7rem 0;
  }
  
  }
  .table2 {
      --accentColor: rgb(40, 135, 189);
  }
  .custom2 .wiki-content-table {
      width: 100%;
  }
  
  #header::before {
      left: 0.5rem;
      background-position: center -0.5rem;
      opacity: 1;
  }
  
  #header h1, #header h2 {
      margin: 1.7rem 0;
  }

  Pages using this styling

  • secure-facility-dossier-site-333 [info]

  ¶ 1 occurrence
  

  #page-title {display: none;}
  
  .email-example .collapsible-block-folded a.collapsible-block-link {
      animation: blink 0.8s ease-in-out infinite alternate;
  }
  @keyframes blink {
      0% { color: transparent; }
      50%, 100% { color: ##146414; }
  }
  .email {border: solid 2px #000000; width: 88%; padding: 1px 15px; margin: 10px; box-shadow: 0 1px 3px rgba(0,0,0,.5)}
  .email-example a.collapsible-block-link {font-weight: bold;}
  .tofrom {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px maroon}

  Pages using this styling

  • secure-facility-dossier-site-225 [info]

  ¶ 1 occurrence
  

  
  .dossier {
      width: 90%;
      background: white;
      margin: auto;
      margin-top: 20px;
      padding: 1.25rem;
      border: 3px solid rgb(var(--dark-accent));
      box-shadow: inset 0px 0px 4px rgba(var(--medium-accent), 0.5);
  }
  
  .footnotes-footer {
  display:none;
  }
  

  Pages using this styling

  • secure-facility-dossier-site-222 [info]

  ¶ 1 occurrence
  

   :root{
     /* -- CENTERED HEADER VARS -- */
     --header-title: "SCP FOUNDATION";
     --header-subtitle: "Site-22 loves you too!";
     --titleColor: var(--textColor);
     --subtitleColor: hsl(357, 75%, 37%);
     --lgurl: url(https://scp-wiki.wdfiles.com/local--files/secure-facility-dossier-site-22/redtransparent.png);
  
     --title-font: "Josefin Sans", sans-serif;
     --subtitle-font: "Sriracha", cursive;
     --body-font: "Inter", sans-serif;

  Pages using this styling

  • secure-facility-dossier-site-22 [info]

  ¶ 1 occurrence
  

  :root {
    --logo: url(https://scp-wiki.wdfiles.com/local--files/secure-facility-dossier-site-184/Site-184.png);
    --title: "SITE-184:";
    --subtitle: "THE SEA AND THE SHORE";
  }
  .email-example .collapsible-block-folded a.collapsible-block-link {
      animation: blink 0.8s ease-in-out infinite alternate;
  }
  @keyframes blink {
      0% { color: transparent; }
      50%, 100% { color: #b01; }
  }
  .email {border: solid 2px #000000; width: 88%; padding: 1px 15px; margin: 10px; box-shadow: 0 1px 3px rgba(0,0,0,.5)}
  .email-example a.collapsible-block-link {font-weight: bold;}
  .tofrom {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px maroon}

  Pages using this styling

  • secure-facility-dossier-site-184 [info]

  ¶ 1 occurrence
  

  :root {
  --header-title: "SITE-169";
  --header-subtitle: "Headquarters of the Engagement Division";
  --headerColor: header_colour;
  --subtitleColor: #ff6090;
    --logo-img: url("https://scp-wiki.wikidot.com/local--files/secure-facility-dossier-site-169/AEED-logo.png");
  --accent: 255, 105, 180;
  }

  Pages using this styling

  • secure-facility-dossier-site-169 [info]

  ¶ 1 occurrence
  

  /*---- IMPORTS ----*/
  @import url('https://fonts.googleapis.com/css2?family=Spectral:wght@300&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Special+Elite&display=swap');
  
  /*---- THEME ----*/
  :root {
    --logo: url(https://scp-wiki.wdfiles.com/local--files/jerden-insignia/Site-12.svg);
    --title: "SITE-12:";
    --subtitle: "ONCE UPON A TIME";
    --title-size: 1.75rem;
    --subtitle-size: 1.25rem;
  }
  :root {
      --basalt-overtone: 10, 10, 11;
      --basalt-undertone: var(--basalt-bright-element-color);
      --basalt-UI-dark-palette: 23, 33, 20;
      --basalt-background-color: 224, 213, 191;
      --basalt-bright-element-color: 34,49,29;
      --basalt-dark-element-color: 34,49,29;
      --basalt-primary-color: 255, 253, 231;
      --basalt-secondary-color: 255, 239, 203;
      --basalt-tertiary-color: 246, 227, 186;
      --basalt-main-text-color: 18, 9, 0;
  
      --header-background-color: 48,69,41;
      --header-title-color: 255, 253, 208;
      --header-subtitle-color: 255, 253, 208;
  
      --top-bar-link-color: 255, 253, 208;
      --search-icon-color: 255, 253, 208;
      --side-bar-background-color: 63,90,54;
      --side-bar-heading-text-color: 255, 253, 208;
      --side-bar-link-color: 255, 253, 208;
      --scrollbar-thumb-color: var(--basalt-dark-element-color);
      --general-border-color: 156, 156, 156;
  
      --link-color: 137, 81, 37 !important;
      --link-visited-color: 84, 49, 22 !important;
  }:root {
      --header-font-primary: 'Spectral';
      --UI-font-primary: 'Spectral';
      --body-font-primary: 'Spectral';
      --mono-font-primary: 'Spectral';
      font-size: 110%;
  }
  div.document {
      background-color: rgb(243,223,193);
      color: rgb(50, 50, 50);
  }
  div:is(.jotting, .transcript) {
      background-color: rgb(243, 206, 161);
      color: rgb(50, 50, 50);
  }
  div.modal {
      background-color: rgb(255, 253, 231);
      color: rgb(50, 50, 50);
  }
  div.papernote {
      background-color: rgb(243, 206, 161);
      color: rgb(50, 50, 50);
  }

  Pages using this styling

  • secure-facility-dossier-site-12 [info]

  ¶ 1 occurrence
  

   div#container-wrap{
       background-image: url('http://scp-sandbox-3.wdfiles.com/local--files/harry-blank-2/bg3.png');
       background-repeat: repeat-x;
  }
  a.collapsible-block-link:not(.licensebox a.collapsible-block-link) {
      font-weight: 600;
      color: white;
      padding-top: 4px;
      padding-bottom: 4px;
      padding-left: 7px;
      padding-right: 9px;
      background: rgb(20, 20, 20);
      border-radius: 6px;
      margin-top: 10px;
      margin-bottom: 10px;
  }

  Pages using this styling

  • secure-facility-dossier-site-106 [info]

  ¶ 1 occurrence
  

  @media screen and (max-width: 600px) {
  
  div.section {
  padding-inline: 1.25rem;
  }
  
  hr {
      margin-inline: -10.25rem;
  }
  
  :root {
  --header-UI-font-size: 0.75rem;
  }
  
  }
  

  Pages using this styling

  • secure-facility-dossier-site-101 [info]

  ¶ 1 occurrence
  

  @import url('https://scp-wiki.wikidot.com/local--files/secure-facility-dossier-site-04k/NotoSerifKR.css');
  
  .body {
      font-family: "NotoSerifKR", arial, helvetica, sans-serif;
      font-size: 18px;
  }

  Pages using this styling

  • secure-facility-dossier-site-04k [info]

  ¶ 1 occurrence
  

  
  
  /* Make the page wider */
  
  #main-content {
      width: 100%;
      max-width: none;
      padding: 0;
      margin: 0;
      box-sizing: border-box;
  }
  
  #page-content {
      width: 85%;
      margin: 0 auto;
      box-sizing: border-box;
      overflow-x: hidden;
  }
  
  /* Page Divs */
  
  div.dossier {
      float: center;
      border: solid 2px #000000;
      padding: 1px 15px; margin: 30px auto;
      box-shadow: 0 1px 3px rgba(0,0,0,.2);"
  }
  
  .sector {
    border: 1px solid black;
    background-color: #f2f2f2;
    padding: 1em;
    margin: 1em;
  }
  
  

  Pages using this styling

  • secure-facility-dossier-chapterhouse-1 [info]

  ¶ 1 occurrence
  

  @import url('https://scp-wiki.wikidot.com/local--files/project-paragon-hub/stylesheet.css');
  :root {
   
  #header::before {
      opacity: 0.9;
  }
  
  #page-content .info-container {
      --link-color: rgb(var(--swatch-text-general));
  }
  
  #page-content .info-container .translation_block {
      display: none;
  }
  
  #page-content .info-container .collapsible-block-link,
  #page-content .info-container:hover .collapsible-block-link {
      line-height: 1.6em;
  }
  
  #page-content .info-container .collapsible-block-folded,
  #page-content .info-container .collapsible-block-unfolded-link {
      display: grid;
  }
  
  #page-content .info-container .collapsible-block-folded .collapsible-block-link,
  #page-content .info-container .collapsible-block-link {
      -webkit-mask: unset;
              mask: unset;
      background: transparent;
      grid-column: 1;
      grid-row: 1;
      opacity: 0;
  }
  
  #page-content .info-container .collapsible-block-folded::before,
  #page-content .info-container .collapsible-block-unfolded-link::before {
      --wght: 800;
      content: "djkaktus";
      color: var(--link-color);
      font-family: Inter, Arimo, Verdana, Geneva, "Helvetica Neue", "Helvetica", Arial, sans-serif;;
      display: block;
      pointer-events: none;
      grid-column: 1;
      grid-row: 1;
  }
  
  .anom-bar-container.esoteric .text-part>.main-class::before {
      border-color: rgb(var(--swatch-menutxt-dark-color, 12, 12, 12));
  }
  
  .anom-bar-container.esoteric .text-part>.main-class::before,
  .anom-bar-container.esoteric .danger-diamond>.top-icon::before {
      background-color: rgb(var(--swatch-menutxt-dark-color, 12, 12, 12));
      background-image: url("https://scptestwiki.wikidot.com/local--files/secret:scp-0000/esoteric-icon-ededed.svg");
      -webkit-filter: initial;
      filter: initial;
  }
  
  .audfont {
       font-family: 'audapaupadopolisian_scriptRg';
       font-variant-ligatures: historical-ligatures;
       word-break: break-all;
  }
  
  /* Lang header CSS */
  .langheader p {
      line-height: initial;
      width: 95%;
      max-width: 100%;
      position: relative;
      display: block;
      font-size: 1em;
      font-family: Inter, sans-serif;
      font-family: var(--title-font, Inter, sans-serif);
  }
  
  /* Mobile fix for large table */
  @media(max-width:1183px){.mobile-fix-1,.mobile-fix-3{display:none}}@media(min-width:74rem){.mobile-fix-2,.mobile-fix-3{display:none}.mobile-fix-1{margin-left:-30%}}@media(max-width:43rem){.mobile-fix-2{display:none}.mobile-fix-3{display:block}}

  Pages using this styling

  • secure-facility-dossier-chapterhouse-1 [info]

  ¶ 1 occurrence
  

  #page-content .widetable :is(table:not(.form), table.wiki-content-table) {
  width: 100% !important;
  margin-top: 1.2rem;
  margin-bottom: 1rem;
  }
  
  #page-content .blurbox {
  filter: blur(var(--basalt-UI-blur)) !important;
  }
  
  #page-content .tetra {
  transition: 1s;
  -webkit-filter: blur(var(--basalt-UI-blur));
  filter: blur(var(--basalt-UI-blur));
  }
  
  #page-content .tetra:hover {
  transition: 7.5s;
  -webkit-filter: blur(0px);
  filter: blur(0px);
  }
  
  #page-content .centertable td {
  text-align: center !important;
  }
  
  #page-content .sourcebox {
  background: url(https://scp-wiki.wdfiles.com/local--files/secure-facility-dossier-area-12/MIRV.jpg) center no-repeat;
  background-size: contain;
  filter: brightness(120%);
  }
  
  #page-content .sourcebox .floatbox {
  background: transparent;
  border: none;
  box-shadow: none;
  filter: opacity(90%);
  }
  
  #page-content .sourcebox .floatbox.psl {
  margin-left: clamp(calc(var(--main-content-width)/-3),calc((87.5vw - 75%)/-2), 0rem);
  }
  
  #page-content .sourcebox .floatbox.psr {
  margin-left: 1.25rem;
  margin-right: clamp(calc(var(--main-content-width)/-3),calc((87.5vw - 75%)/-2), 0rem);
  }

  Pages using this styling

  • secure-facility-dossier-area-12 [info]

  ¶ 1 occurrence
  

  @media (min-width: 768px) {
      #main-content { max-width: min(900px, calc(100% - 4rem)); }
  }
  :root {
    --header-subtitle: "Secure Facilities";
    --sp_header-subtitle-scale: 2.125;
  }
  #header h1 a, #header h2 span {
      font-family: 'Sans Normalcy', 'Nanum Gothic', 'Arial', sans-serif;
  }
  
  body {
      background-image: linear-gradient(
          to bottom,
          #FCFCFC, #FCFCFC 100%);
  }
  
  div#extra-div-1 {
      height: 140px;
      width: 100%;
      top: 28px;
      position: absolute;
      background: url("https://scp-wiki.wdfiles.com/local--files/sigma-9-themes/SCP_F.png");
      background-size: contain;
      background-repeat: no-repeat;
      background-position: calc(50vw - 380px) 50%;
      z-index: -1;
  }
  @media (max-width: 767px) {
      div#extra-div-1 {
           opacity: 0.2;
           background-position: 50% 50%;
      }
  }
  
  
  .socontent.header h1 {
      font-size: 1.85rem;
      max-width: max-content;
      margin: 2.5rem auto 1rem;
  }
  .socontent.header h1 span {
      padding: 0 .25em;
      text-transform: uppercase;
  }
  
  
  /*-- Map CSS --*/
  .m-wrapper {
  }
  
  .m-wrapper .yui-navset .yui-content {
      display: contents;
      background-color: transparent;
      padding: 0;
      border: none;
  }
  .m-wrapper .yui-navset .yui-nav {
      border: none;
      text-align: left;
      margin: 0.2rem;
  }
  #page-content .m-wrapper .yui-navset .yui-nav li {
      margin: 0;
      padding: 0;
  }
  
  #page-content .m-wrapper .yui-navset .yui-nav li a em {
       margin: 0 0 0 auto;
       padding: 0;
       width: max-content;
  }
  .m-wrapper .yui-navset .yui-nav a,
  .m-wrapper .yui-navset .yui-nav a:hover,
  .m-wrapper .yui-navset .yui-nav a em {
      border: none;
      background: #FCFCFC !important;
  }
  #page-content .m-wrapper .yui-navset .yui-nav li a:hover,
  #page-content .m-wrapper .yui-navset .yui-nav li a:focus,
  #page-content .m- wrapper .yui-navset .yui-nav li a:active {
      color: #000
      text-decoration: underline;
  }
  
  #page-content .m-wrapper .yui-navset .yui-nav li a {
      color: #a01;
  }
  
  .m-wrapper .yui-navset .yui-nav .selected {
      display: none;
  }
  
  .m-wrapper .yui-navset .yui-content > div:first-child > p { display: contents; }
  
  .legend-grid {
      display: grid;
      grid-template-columns: repeat(auto-fill, minmax(min(7rem, 100%), 1fr));
      grid-gap: 1rem;
      box-sizing: border-box;
  }
  
  .legend-box {
      box-shadow: 0 0 0.4rem rgb(0 0 0 / 20%);
  }
  
  .legend-text{
      font-family: 'Poppins', sans-serif;
      font-weight: bold;
      font-size: 0.9rem;
      text-transform: uppercase;
      width: 1fr;
  }
  
  @media only screen and (max-width: 45rem) {
    .slide-close-a {
      position: fixed;
      bottom: 45vh;
      right: 0.5rem;
      width: 30px;
      height: 40px;
      z-index: 25;
    }
  
    .slide-close-v {
      position: sticky;
      top: 1rem;
      right: 0.5rem;
      z-index: 10;
    }
  
    .slide-close-a::before,
    .slide-close-v::before {
      content: "X";
      font-weight: 900;
      font-family: 'Josefin Sans', sans-serif;
      font-size: 1.5rem;
      padding: 5px;
    }
    .slide-close-a::before { color: transparent; cursor: pointer; }
    .slide-close-v::before { color: #CCC; }
  }

  Pages using this styling

  • secure-facilities-locations [info]

  ¶ 1 occurrence
  

  /*
      Cafe Theme
      [2026 Wikidot Theme]
      by Fish^12
  */
  
  @import url(https://fonts.bunny.net/css?family=open-sans:400);
  @import url(https://fonts.bunny.net/css?family=chiron-goround-tc:400);
  @import url(https://fonts.bunny.net/css?family=cherry-bomb-one:400);
  @import url(https://fonts.bunny.net/css?family=borel:400);
  
  
  :root {
      --pred: #ffcce1;
      --pyellow: #E1EFFA;
      --pblue: #ccf1ff;
      --pcyan: #d7eeff;
      --ppurple: #e0d7ff;
  
      --agreen: #009f6b;
      --ablue: #0087bd;
      --ayellow: #ffd300;
      --aorange: #ff6d00;
      --ared: #c40233;
  
      --white: #f5f5f5;
      --black: #333333;
      --trans: transparent;
  
      --open: "Open Sans";
      --chir: "Chiron GoRound TC";
      --cher: "Cherry Bomb One";
      --bore: "Borel";
  
      --timer: 200ms;
  
      --header-title: "";
      --header-subtitle: "";
      --sp_header-logo: none;
      --sp_header-logo-adaptive-size: 0;
      --sp_header-title-size: 0;
      --sp_header-subtitle-size: 0;
  
      --sp_header-height: 20rem;
      --sp_top-bar-height: 2rem;
  
      --sp_top-bar-gradient-top-color: var(--ablue);
      --sp_top-bar-gradient-bottom-color: var(--ablue);
  
      --sp_top-bar-link-color: var(--white);
      --sp_top-bar-link-hover-color: var(--black);
      --sp_top-bar-link-hover-background: var(--pblue);
  
      --sp_dropdown-link-color: var(--black);
      --sp_dropdown-link-hover-color: var(--white);
      --sp_dropdown-link-background: var(--pblue);
      --sp_dropdown-link-hover-background: var(--ablue);
      --sp_dropdown-link-border: none;
  
      --sp_rate-module-text-color: var(--white);
      --sp_rate-module-background: var(--ablue);
      --sp_rate-module-sub-color: var(--white);
      --sp_rate-module-active-color: var(--white);
      --sp_rate-module-button-color: var(--white);
      --sp_rate-module-button-background: var(--ablue);
      --sp_rate-module-button-hover-color: var(--black);
      --sp_rate-module-button-hover-background: var(--pblue);
   
      --sp_hovertip-background: var(--pred);
      --sp_hovertip-border: var(--trans);
  }
  
  /* From the top! */
  
  ::selection {
      background-color: rgba(255, 192, 203, 0.8);
  }
  
  #container {
      overflow-x: hidden;
      background-color: var(--pyellow);
  }
  #login-status {
      color: var(--black);
      font-weight: bold;
      height: fit-content;
      margin-right: 0.5em;
      margin-top: 0;
      z-index: 1;
  }
  #login-status a {
      color: var(--white);
      transition: var(--timer);
  }
  
  /* Pop-up page. */
  
  .owindow {
      background-color: var(--white);
      border: solid 2px var(--grey);
  }
  .owindow .title {
      cursor: auto;
      text-align: center;
      background-image: linear-gradient(to bottom, #99da0a, var(--green));
  }
  .owindow img {
      background-color: var(--trans) !important;
  }
  
  /* Account and search buttons. */
  
  #account-options {
      margin-top: 2.2rem;
      border: solid 2px var(--ablue);
      background-color: var(--pblue);
      width: fit-content;
      text-align: center;
  }
  #account-options li a {
      color: var(--black);
  }
  #account-options li a:hover {
      color: var(--white);
      background-color: var(--ablue);
  }
  #account-topbutton {
      border: solid 2px var(--white);
      padding-right: 6px;
  }
  a#account-topbutton:hover {
      color: var(--black);
  }
  #account-topbutton:hover {
      background-color: var(--pblue);
  }
  #search-top-box {
      align-items: flex-start;
      flex-direction: row-reverse;
      margin-right: 0.5rem;
      margin-top: -8rem;
  }
  #search-top-box-form {
      z-index: 10;
  }
  #search-top-box-form input[type=submit] {
      background-color: var(--ablue);
      background-image: none;
      color: var(--white);
      border-color: var(--white);
      border-width: 2px;
      border-radius: 0;
      box-shadow: none;
      transition: var(--timer);
  }
  #search-top-box-form input[type=submit]:hover,
  #search-top-box-form input[type=submit]:focus {
      background-color: var(--white);
      background-image: none;
      color: var(--black);
      border-color: var(--white);
      border-width: 2px;
      border-radius: 0;
      box-shadow: none;
  }
  
  /* Header. */
  
  #header {
      grid-template-areas:
       "top-bar top-bar top-bar top-bar top-bar"
       ". . login login login"
       ". . . . search"
       "h1 h1 h1 h1 h1"
       "h2 h2 h2 h2 h2"
       ". . . . .";
      grid-template-columns: repeat(5, 1fr);
      background-image: none;
      background-color: var(--pblue);
      position: relative;
  }
  #header h2::before {
      position: absolute;
      content: "";
      width: min(400px, 100%);
      height: min(400px, 100%);
      background-image:
       url("http://smlt.wikidot.com/local--files/fish-12:cafethemed/cafelogo2.png"),
       radial-gradient(var(--pyellow) 50%, var(--trans) 1rem);
      background-repeat: no-repeat;
      background-size: contain;
      background-position: center;
      top: 70%;
      left: 50%;
      transform: translate(-50%, -50%);
      z-index: 1;
  }
  #header::after {
      position: absolute;
      content: "";
      background-color: var(--pblue);
      background-image: linear-gradient(to bottom, var(--pred) 0rem, var(--trans));
      width: 100vw;
      height: 10rem;
      clip-path:
       polygon(0 100%,
       5vw 100%,
       10vw 66%,
       15vw 66%,
       20vw 33%,
       25vw 33%,
       30vw 0%,
       70vw 0%,
       75vw 33%,
       80vw 33%,
       85vw 66%,
       90vw 66%,
       95vw 100%,
       100% 100%);
      top: 100%;
      left: 0;
      transform: rotate(180deg);
  }
  
  /* Top bar. */
  
  #top-bar {
      position: relative;
  }
  #top-bar::after {
      position: absolute;
      content: "";
      background-color: var(--ablue);
      width: 100vw;
      height: 10rem;
      clip-path:
       polygon(0 100%,
       5vw 100%,
       10vw 66%,
       15vw 66%,
       20vw 33%,
       25vw 33%,
       30vw 0,
       70vw 0,
       75vw 33%,
       80vw 33%,
       85vw 66%,
       90vw 66%,
       95vw 100%,
       100% 100%,
       100% 0,
       0 0);
      top: 100%;
      left: 0;
  }
  #top-bar ul li {
      flex-basis: 6rem;
  }
  #top-bar ul li a {
      transition: var(--timer);
  }
  #top-bar div[class*="top-bar"] > ul {
      justify-content: center;
  }
  #top-bar :is(.top-bar, .mobile-top-bar) ul li ul li a {
      text-align: center;
  }
  #top-bar :is(.top-bar, .mobile-top-bar) > ul > li:where(:not(:last-child)) > ul {
      box-shadow: none;
      border: solid 2px var(--ablue);
      border-top-width: 0;
      inset-inline-start: 50%;
      transform: translate(-50%, 0);
      transition: var(--timer);
      z-index: 10;
  }
  #top-bar :is(.top-bar, .mobile-top-bar) ul li ul {
      left: 50%;
  }
  #top-bar ul li ul {
      border: solid 2px var(--ablue);
      box-shadow: none;
      border-width: 2px;
      border-top-width: 0;
      transform: translate(-50%, 0);
  }
  
  /* Side bar and side bar button. */
  
  #top-bar .open-menu a {
      background-color: var(--ablue);
      border-width: 0;
      border-radius: 5px;
      color: var(--white);
      outline: solid 2px var(--white);
      font-weight: 100;
      top: calc(1rem + 1.5px);
      transition: var(--timer);
  }
  #top-bar .open-menu a:hover {
      background-color: var(--pblue);
      color: var(--black);
      outline: solid 2px var(--ablue);
  }
  #side-bar {
      background-color: var(--agreen);
      direction: rtl;
      scrollbar-width: thin;
      scrollbar-color: var(--agreen) var(--white);
  }
  #side-bar .side-block.media,
  #side-bar .side-block.resources,
  #side-bar .side-block,
  #interwiki .side-block {
      background-color: var(--white);
      border-radius: 10px;
      box-shadow: none;
      border: solid 1px var(--darkgrey);
      color: var(--brown);
      direction: ltr;
  }
  #side-bar .side-block.media a {
      padding: 0;
  }
  #side-bar .side-block.resources a,
  #side-bar .side-block a,
  #interwiki .side-block a {
      padding: 0 5px;
  }
  #side-bar .side-block.media a:hover {
      background-color: var(--trans);
      filter: invert(1);
  }
  
  /* Body content. */
  
  body, html {
      color: var(--black);
      background-color: var(--white);
      font-family: var(--open);
      scrollbar-width: thin;
      scrollbar-color: var(--ablue) var(--pblue);
  }
  ::-webkit-scrollbar {
      background-color: var(--ablue);
  }
  ::-webkit-scrollbar-thumb, ::-webkit-scrollbar-button {
      background-color: var(--pblue);
  }
  a, a.newpage, a:visited, #interwiki a, #side-bar a, a.action-area-close {
      color: var(--black);
      font-weight: bold;
      transition: var(--timer);
  }
  a.close-menu {
      opacity: 0;
  }
  a:hover, a:visited:hover, #interwiki a:hover, #side-bar a:hover, a.action-area-close:hover {
      color: var(--white);
      background-color: var(--black);
      text-decoration: none !important;
  }
  #action-area a {
      padding: 0 3px;
  }
  #page-title, .meta-title {
      display: none;
  }
  div.page-rate-widget-box, div.rate-box-with-credit-button {
      box-shadow: none;
      border-radius: 0;
      text-transform: capitalize;
  }
  
  /* Bottom of page and editor. */
  
  .page-tags span {
      border-top: 0;
  }
  #main-content .page-tags {
      margin: 5em 0 0;
  }
  #main-content .page-tags a {
      background-color: var(--agreen);
      border: solid 2px var(--agreen);
      color: var(--white);
      padding: 0 5px;
  }
  #footer {
      background-color: var(--aorange);
      color: var(--black);
  }
  #page-info, .page-watch-options, .page-options-bottom {
      text-align: center;
  }
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  /* Stylings for resizing on mobile. */
  
  @media only screen and (max-width: 767px) {
  #top-bar .open-menu a {
      top: 2.5rem;
      left: 0.5rem;
  }
  #top-bar div[class*="top-bar"] > ul > li {
      flex-basis: 33.3333333%;
  }
  }
  
  
  
  
  
  /* Custom stylings for the article proper. */
  
  .menuContainer {
      position: relative;
      padding: 1.5rem 11rem;
      text-align: justify;
      margin: 4rem 0;
  }
  .menuItem {
      position: absolute;
      content: "";
      text-align: center;
      height: fit-content;
      width: max-content;
  }
  
  .menuSig {
      position: absolute;
      top: calc(100% + 4px);
      left: 50%;
      transform: translate(-50%, -50%);
      width: max-content;
      background-color: var(--white);
      color: var(--black);
      border: solid 2px var(--black);
      padding: 0 5px;
      font-weight: bold;
      font-family: var(--chir);
      text-align: center;
  }
  .menuSig::before {
      content: "- "
  }
  .modLeft {
      transform: translate(0%, -50%) rotate(-3deg);
      top: 50%;
      left: -2rem;
  }
  .modRight {
      transform: translate(0%, -50%) rotate(3deg);
      top: 50%;
      right: -2rem;
  }
  .modCenter {
      transform: translate(-50%, -50%);
      clip-path: polygon(1rem 0, calc(100% - 1rem) 0, 100% 50%, calc(100% - 1rem) 100%, 1rem 100%, 0 50%);
      top: -5px;
      left: 50%;
      padding: 5px 1.5rem;
      font-family: var(--chir);
      font-size: clamp(1rem, 0.868rem + 0.702vw, 1.5rem);
      max-width: calc(100% - 4rem);
  }
  .pageCafe {
      text-align: center;
      color: var(--ared);
      font-size: min(15vw, 5rem);
      font-family: var(--cher);
      position: relative;
  }
  .subJpn1::before, .subJpn2::before {
      position: absolute;
      top: 95%;
      left: 50%;
      width: 100%;
      font-size: 1rem;
      font-weight: bold;
      font-family: var(--bore);
      transform: translate(-50%, -50%);
  }
  .subJpn1::before {
      content: "セキュア ★カフェ ★パーラー";
  }
  .subJpn2::before {
      content: "メニュー";
      top: 65%;
  }
  .subPageCafe {
      font-size: 0.6em;
      padding-right: 5px;
  }
  .pageCafe p, .pageHead p, .modCenter p, .yelpBody p, .ribbon p {
      margin-block-start: 0;
      margin-block-end: 0;
  }
  .pageHead {
      text-align: center;
      color: var(--ared);
      font-size: min(20vw, 4rem);
      font-family: var(--bore);
      font-style: italic;
      position: relative;
  }
  .pageBody {
      padding: 3rem 0;
      position: relative;
      z-index: 0;
  }
  .subPageBody::after {
      position: absolute;
      content: "";
      top: 0;
      left: 50%;
      transform: translate(-50%, 0%);
      width: 200vw;
      height: 100%;
      background-color: var(--ppurple);
      background-image:
       url(http://smlt.wikidot.com/local--files/fish-12:cafethemed/lace.png),
       url(http://smlt.wikidot.com/local--files/fish-12:cafethemed/lace3.png);
      background-position:
       bottom,
       top;
      background-repeat: repeat-x;
      z-index: -1;
  }
  .yelpContainer {
      background-color: var(--white);
      outline: solid 2px var(--black);
      padding: 10px;
      margin: 10px;
  }
  .yelpTitle {
      font-size: 24px;
      font-weight: 800;
      font-family: var(--chir);
  }
  .yelpUser {
      display: flex;
      align-items: center;
      justify-content: center;
      width: stretch;
      margin-left: 0.5rem;
      flex-wrap: wrap;
  }
  .yelpIcon {
      display: flex;
      width: 2rem;
      height: 2rem;
      border-radius: 100%;
      color: white;
      background-color: red;
      align-items: center;
      text-align: center;
      justify-content: center;
      margin-right: 0.4rem;
  }
  .yelpName {
      font-weight: 200;
      flex: 1;
  }
  .yelpBody {
      flex: 1 1 100%;
  }
  .yesStar, .noStar {
      clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);
      display: inline-block;
      width: 1.5rem;
      height: 1.5rem;
      margin: 0 2px;
  }
  .yesStar {
      background-color: var(--ared);
  }
  .noStar {
      background-color: var(--black);
  }
  .blob1::after, .blob2::after, .blob3::after, .blob4::after, .blob5::after {
      position: absolute;
      content: "";
      top: 0;
      width: 100%;
      aspect-ratio: 1;
  }
  .blob1::after {
      clip-path: shape(from 75.00% 25.00%,curve to 75.00% 75.00% with 100.00% 50.00%,curve to 25.00% 75.00% with 50.00% 100.00%,curve to 25.00% 25.00% with 0.00% 50.00%,curve to 75.00% 25.00% with 50.00% 0.00%);
      background-color: var(--ared);
      left: calc(100% + 5rem);
  }
  .blob2::after {
      clip-path: shape(from 44.07% 94.13%,curve to 20.70% 76.80% with 28.43% 89.24%,curve to 9.43% 49.67% with 12.97% 64.36%,curve to 17.12% 24.62% with 5.88% 34.98%,curve to 42.46% 10.93% with 28.36% 14.27%,curve to 72.04% 12.38% with 56.56% 7.60%,curve to 88.70% 33.16% with 87.51% 17.16%,curve to 85.02% 61.70% with 89.89% 49.16%,curve to 69.93% 86.63% with 80.15% 74.24%,curve to 44.07% 94.13% with 59.71% 99.03%);
      background-color: var(--aorange);
      right: calc(100% + 5rem);
  }
  .blob3::after {
      clip-path: shape(from 94.42% 53.15%,curve to 78.59% 77.56% with 90.52% 69.07%,curve to 52.22% 90.51% with 66.66% 86.06%,curve to 26.74% 84.41% with 37.78% 94.97%,curve to 11.48% 59.98% with 15.70% 73.84%,curve to 11.07% 30.37% with 7.27% 46.11%,curve to 30.77% 12.43% with 14.87% 14.63%,curve to 59.48% 14.31% with 46.66% 10.24%,curve to 85.31% 27.81% with 72.30% 18.39%,curve to 94.42% 53.15% with 98.32% 37.23%);
      background-color: var(--ayellow);
      left: calc(100% + 5rem);
  }
  .blob4::after {
      clip-path: shape(from 91.93% 60.40%,curve to 85.48% 76.53% with 92.37% 69.94%,curve to 71.22% 89.51% with 78.59% 83.13%,curve to 54.11% 95.27% with 63.86% 95.89%,curve to 35.34% 91.87% with 44.36% 94.65%,curve to 17.67% 83.78% with 26.33% 89.09%,curve to 7.96% 68.35% with 9.02% 78.48%,curve to 7.46% 49.19% with 6.91% 58.22%,curve to 9.10% 29.96% with 8.01% 40.15%,curve to 20.08% 16.68% with 10.18% 19.78%,curve to 38.02% 8.30% with 29.98% 13.59%,curve to 56.01% 3.57% with 46.05% 3.01%,curve to 73.52% 10.52% with 65.97% 4.13%,curve to 84.85% 25.34% with 81.07% 16.92%,curve to 90.06% 42.32% with 88.63% 33.76%,curve to 91.93% 60.40% with 91.49% 50.87%);
      background-color: var(--ablue);
      right: calc(100% + 5rem);
  }
  .blob5::after {
      clip-path: shape(from 22.73% 83.51%,curve to 10.88% 70.81% with 13.92% 79.85%,curve to 5.22% 52.38% with 7.85% 61.77%,curve to 7.29% 34.44% with 2.58% 43.00%,curve to 18.36% 18.91% with 12.00% 25.88%,curve to 33.19% 6.36% with 24.71% 11.94%,curve to 51.29% 4.15% with 41.68% 0.79%,curve to 68.85% 11.85% with 60.91% 7.51%,curve to 85.54% 21.52% with 76.79% 16.20%,curve to 92.88% 37.12% with 94.30% 26.84%,curve to 92.83% 56.91% with 91.47% 47.39%,curve to 89.45% 75.21% with 94.20% 66.44%,curve to 75.71% 88.09% with 84.71% 83.99%,curve to 57.48% 92.03% with 66.71% 92.20%,curve to 39.90% 89.52% with 48.25% 91.87%,curve to 22.73% 83.51% with 31.55% 87.17%);
      background-color: var(--agreen);
      left: calc(100% + 5rem);
  }
  
  /* Stylings for resizing on mobile. */
  
  @media only screen and (max-width: 767px) {
  .menuContainer {
      padding: 10px;
      text-align: left;
  }
  .modLeft {
      position: relative;
      float: left;
      transform: unset;
  }
  .modRight {
      position: relative;
      float: right;
      transform: unset;
  }
  .menuSig {
      left: 25%;
  }
  }
  
  /* HTML: <div class="ribbon">Your text content</div> */
  .ribbon {
    font-size: 28px;
    font-weight: bold;
    color: #fff;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, 3rem)
  }
  .ribbon {
    --s: 1.8em; /* the ribbon size */
    --d: .8em;  /* the depth */
    --c: .8em;  /* the cutout part */
    
    padding: 0 calc(var(--s) + .5em) var(--d);
    line-height: 1.8;
    background:
      conic-gradient(at left  var(--s) bottom var(--d),
       #0000 25%,#0008 0 37.5%,#0004 0) 0   /50% 100% no-repeat,
      conic-gradient(at right var(--s) bottom var(--d),
       #0004 62.5%,#0008 0 75%,#0000 0) 100%/50% 100% no-repeat;
    clip-path: polygon(0 var(--d), var(--s) var(--d),var(--s) 0,calc(100% - var(--s)) 0,calc(100% - var(--s)) var(--d),100% var(--d),calc(100% - var(--c)) calc(50% + var(--d)/2),100% 100%,calc(100% - var(--s) - var(--d)) 100%,calc(100% - var(--s) - var(--d)) calc(100% - var(--d)),calc(var(--s) + var(--d)) calc(100% - var(--d)),calc(var(--s) + var(--d)) 100%,0 100%,var(--c) calc(50% + var(--d)/2));
    background-color: #CC333F; /* the main color */
    width: fit-content;
  }
  
  

  Pages using this styling

  • secure-cafe-parlor [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Fira+Code:wght@300..700&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Briem+Hand:wght@100..900&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Caveat:wght@400..700&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap');
  #page-title {display: none;}
  :root {
      --link-color: 127, 0, 255;
      --visited-link-color: 127, 0, 255;
  }
  .Picturebook{
    align: center;
    border: 2px solid #5d0f87;
    width: 50%;
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
  .picturebooksnake{
   align: center;
    width: 25%;
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
  .storybookforest {
       font-family:Philosopher;
       background-image: url( http://scp-wiki.wikidot.com/local--files/scp-8166/paper-min%5B1%5D.png);
       padding:15px;
       font-size: 105%;
       border: 2px solid #5d0f87;
  }
  .storybookwhiz {
   font-family: "Nunito", sans-serif;
  background-image: url();
  padding:15px;
  font-size: 105%;
  border: 2px solid #5d0f87;
  }
  .storybookmuse {
   font-family: "Briem Hand", cursive;
   background-image: url( http://scp-wiki.wikidot.com/local--files/scp-8166/paper-min%5B1%5D.png);
       padding:15px;
       font-size: 105%;
       border: 2px solid #5d0f87;
  }
  .page {
      display: block;
      overflow: hidden;
  font-family: "Caveat", cursive;
      font-style: normal;
  font-size: 140%;
      background-attachment: scroll;
      background-clip: border-box;
      background-color: transparent;
      background-image: linear-gradient(to top ,rgb(202, 219, 228) 0%, rgb(231, 233, 220) 8%);
      background-origin: padding-box;
      background-position: 0px 8px;
      background-repeat: repeat;
      background-size: 100% 20px;
      border: 1px solid #CCC;
      border-radius: 10px;
      padding: 10px 10px;
      margin-bottom: 10px;
      box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2)
  }
  .page p,
  .page ul {
      line-height: 20px;
      margin: 0;
  }
  .storybookgrey {
  font-family: "Fira Code", monospace;
  background-image: url( http://scp-wiki.wikidot.com/local--files/scp-8166/paper-min%5B1%5D.png);
       padding:15px;
       border: 2px solid #5d0f87;
  }
  .tillytext{
   font-family: "Inter", sans-serif;
  }
  .middletext{
  padding-left: 3em;
  padding-right:3em;
  font-style: italic;
     font-size: 105%;
  text-align: center;
  font-weight: 600; 
  }

  Pages using this styling

  • secrets-and-their-keepers [info]

  ¶ 1 occurrence
  

  :root {
      --logo-image: url("https://scp-wiki.wikidot.com/local--files/grigori-karpin-s-author-page/vanguard%20transparent.png");
      --header-title: "ANGUARD";
      --header-subtitle: "SHELTER - NORMALIZE - INFORM";
      --header-h2-font-size: 1.1em;
  }
  
  @import url('https://fonts.googleapis.com/css?family=Ruslan+Display');
  @import url('https://fonts.googleapis.com/css2?family=Indie+Flower&display=swap');
  
  .shadow {
      font-family: 'Ruslan Display', cursive;
      font-size: 120%;
  }
  
  #header::before {
      left: -12rem;
      filter: brightness(125%);
      opacity: 1;
  }
  
  #header h1 a::before {
      font-size: unset;
  }
  
  #header h2::before {
      color: #fe4;
  }
  
  #header h2 {
      top: 1em;
  }
  
  #header #login-status {
      left: -2vw;
  }
  
  @media (max-width: 767px) {
      #header::before {
          left: -7rem;
      }
  
      #header h1 {
          top: 0.5em;
          left: 0.5em;
      }
  }
  
  .newmes{
  color: #d00;
  }
  
  .red-hr > hr{
  background-color: #d00;
  bottom: 0.2em;
  }
  
  .storybook {
       font-family: "Indie Flower", serif;
       background-image: url( http://scp-wiki.wikidot.com/local--files/scp-8166/paper-min%5B1%5D.png);
       padding:15px;
       font-size: 105%;
       border: 2px solid #000000;
  }
  

  Pages using this styling

  • secondhand-smoke [info]

  ¶ 1 occurrence
  

  :root {
      --header-title: "Manna Charitable Foundation";
      --header-subtitle: "Relief, Where It Belongs";
      --titleColor: white;
      --subtitleColor: #f8fdf8;
      --lgurl: url(http://scp-jp.wdfiles.com/local--files/goi-icon/%E3%83%9E%E3%83%8A%E3%81%AB%E3%82%88%E3%82%8B%E6%85%88%E5%96%84%E8%B2%A1%E5%9B%A3.png);
  }
  
   #header h1 a::before{
      font-family: sansationregular, sans-serif;
  }
   #header h2::before{
      font-family: sansationregular, sans-serif;
      font-style: italic;
  }
  
  #top-bar div.open-menu a {
      border-radius: 0px;
      color: #edf7e3 !important;
      background-color: #092200 !important;
      border: 2px solid #3b7923 !important;
      box-shadow: 0 1px 3px rgba(0,0,0,.2) !important;
  }
  
  h1, h2, h3, h4, h5, h6 {
      color: #6BAB30;
      font-family: sansationregular, serif;
      font-weight: bold;
  }
  
  .scp-image-block .scp-image-caption {
      background-color: #ecfade;
  }
  
  .donation {
      border-spacing: 0px;
      border-collapse: collapse;
  }
  
  .donation th, .donation td {
      border: double 4px #6bab30;
      font-family: sansationregular, serif;
      padding: 0.5em 1em;
      box-shadow: 0 1px 3px rgba(0,0,0,.2);
      background-color: #ecfade;
      text-align: left;
  }
  
  .donation td {
      background: url(https://scp-wiki.wdfiles.com/local--files/3rd-vesta-donation/MCF-7.png) center center no-repeat;
      background-color: #f8fdf8;
      text-align: justify;
  }
  
  .programme {
      border: double 3px;
      max-width: 570px;
      padding: 1px 15px;
      margin: 10px auto;
      font-family: sansationregular, cursive;
      box-shadow: 0 1px 3px rgba(0, 0, 0, .2);
  }
  
  .cancelled {
      background-color: #fafafa;
      border-color: #b4deb4;
  }
  
  .successful {
      background-color: #f6fff6;
      border-color: #006c00;
  }
  
  .active {
      background-color: #f6f6ff;
      border-color: #00006c;
  }
  
  .mcf-box {
      background: url(https://scp-wiki.wdfiles.com/local--files/3rd-vesta-donation/MCF-7.png) center center no-repeat;
      border: solid 4px #006c00;
      padding: 5px 15px;
      margin: 10px auto;
      font-family: sansationregular;
      background-color: #f8fdf8;
      box-shadow: 0 1px 3px rgba(0,0,0,.2);
  }
  
  .alt {
      border: solid 4px #6bab30;
      background-color: #fff;
      max-width: 600px;
  }
  
  .working {
      border: dashed 2px #006c00;
      background-color: #fff;
      max-width: 650px;
  }
  
  .email {
      border: 1px solid #3c9065;
      background-color: #fff;
      max-width: 575px;
  }
  
  .phenix {
      border: solid 3px #d68300;
      background-color: #fff9f0;
      padding: 0 1em;
      max-width: 520px;
      margin: 10px auto;
      text-align: justify;
      text-indent: 20px;
      font-family: sansationregular, cursive;
      font-style: italic;
  }
  
  .unvailed { 
      background: #e7effa;
      box-shadow: inset 0 0 0 .0625rem rgba(112, 149, 201, .5), inset .0625rem 0 0 0 rgba(112, 149, 201, .5), inset 0 -.0625rem 0 0 rgba(112, 149, 201, .75);
      padding: 1.5ex 2ch;
      text-align: justify;
  }
  
  .vanguard {
      background: #21252E;
      color: #EDEDED;
      border-left: solid 7px #55cc33;
      border-right: solid 7px #55cc33;
      padding: 1rem;
      max-width: 650px;
      margin: auto;
      text-align: justify;
  }
  
  .vanguard hr {
      height: 2px;
      background-color: #55cc33;
  }
  
  .vanguard h1 {
      color: #55cc33;
  }
  
  .vanguard a {
      color: #55cc33;
      padding-bottom: 0.067rem;
      border-bottom: thin solid #55cc33;
  }
  
  .vanguard a:hover {
      color: #FFF;
      text-decoration: none;
      background-color: #55cc33;
  }
  
  .vanguard .things {
      padding: 0em 1em;
      margin: auto;
      border: dashed 2px #55cc33;
      font-family: "Andale Mono", AndaleMono, monospace;
      text-align: justify;
  }
  
  .vanguard table {
      width: 625px;
      margin: auto;
      color: #EDEDED;
  }
  
  .vanguard tr th, .vanguard tr td {
      border: 2px solid #55cc33;
      padding: 15px 10px;
  }
  
  .vanguard tr th {
      background-color: #55cc33;
      padding: 6px;
      text-align: center;
  }
  
  .vanguard tr td {
      background-color: #21252E;
      padding: 24px 18px;
  }

  Pages using this styling

  • second-phoenix-technologies-donation [info]

  ¶ 1 occurrence
  

  /* INFO BOX */
  body{
    --cutColour: #ffb961;
    --barColour: #5C1D24;
  }
  .translation_block{
    display: none;
  }
  .info-container .collapsible-block-folded a{
    color: #FFF;
  }
  .info-container .collapsible-block-unfolded-link a{
    color: #FFF;
  }
  .info-container .collapsible-block-link,
  .info-container:hover .collapsible-block-link{
    line-height: 1.6em;
  }
  .collapsible-block-link{
    font-weight: bold;
  }

  Pages using this styling

  • second-contact [info]

  ¶ 1 occurrence
  

  #page-content .yui-content {
      background: none;
      border: none;
  }
  
  #page-content .yui-nav .selected {
      margin: 0 !important;
      a {
          background: #DCEBDC;
          filter: none !important;
      }
  }
  
  #page-content .yui-nav li em{
      display: none;
  }
  
  #page-content .yui-nav li {
      padding: 0;
      margin: 0;
  }
  
  #page-content .yui-nav {
      width: 300px;
      height: 300px;
      position: relative;
      top: 0;
      margin-left: auto;
      margin-right: auto;
      border: none;
  }
  
  #page-content .yui-nav a {
      background-color: #fff;
  }
  
  #page-content .yui-nav li a {
      min-height: 60px;
      min-width: 60px;
      filter: invert(1);
  }
  
  #page-content .yui-nav li:nth-of-type(1) {
      top: 0;
      left: 0;
      border-radius: 100% 0 0 0;
      width: 50%;
      height: 50%;
      position: absolute;
      background-color: #ECCF41;
      a {
          background-image: url(https://scp-wiki.wdfiles.com/local--files/seasons-pass/summer.png);
          position: absolute;
          bottom:0;
          right:0;
          border-radius: 100% 0 0 0;
          border-width: 4px;
          background-size: 50px;
          background-repeat: no-repeat;
          background-position-x: 90%;
          background-position-y: 90%;
  }
  }
  
  #page-content .yui-nav li:nth-of-type(2) {
      top: 0;
      right: 0;
      border-radius: 0 100% 0 0;
      width: 50%;
      height: 50%;
      position: absolute;
      background-color: #DC8225;
      a {
          background-image: url(https://scp-wiki.wdfiles.com/local--files/seasons-pass/fall.png);
          position: absolute;
          bottom:0;
          left:0;
          border-radius: 0 100% 0 0;
          border-width: 4px;
          background-size: 50px;
          background-repeat: no-repeat;
          background-position-x: 10%;
          background-position-y: 90%;
  }
  }
  
  #page-content .yui-nav li:nth-of-type(3) {
      bottom: 0;
      right: 0;
      background-color: #C2EBFF;
      border-radius: 0 0 100% 0;
      width: 50%;
      height: 50%;
      position: absolute;
      a {
          position: absolute;
          top:0;
          left:0;
          border-radius: 0 0 100% 0;
          border-width: 4px;
          background-image: url(https://scp-wiki.wdfiles.com/local--files/seasons-pass/winter.png);
          background-size: 50px;
          background-repeat: no-repeat;
          background-position-x: 10%;
          background-position-y: 10%;
  }
  }
  #page-content .yui-nav li:nth-of-type(4) {
      bottom: 0;
      left: 0;
      background-color: #88B85A;
      border-radius: 0 0 0 100%;
      width: 50%;
      height: 50%;
      position: absolute;
      a {
          position: absolute;
          top:0;
          right:0;
          border-radius: 0 0 0 100%;
          border-width: 4px;
          background-image: url(https://scp-wiki.wdfiles.com/local--files/seasons-pass/spring.png);
          background-size: 45px;
          background-repeat: no-repeat;
          background-position-x: 90%;
          background-position-y: 10%;
  }
  }
  
  body:has(.srSwap .collapsible-block-unfolded[style="display: block;"]),
  body:has(.srSwap .collapsible-block-unfolded[style=""]) {
      .yui-content :is(#wiki-tab-0-0, #wiki-tab-0-1, #wiki-tab-0-2, #wiki-tab-0-3) {
          display: block !important;
      }
  }
  

  Pages using this styling

  • seasons-pass [info]

  ¶ 1 occurrence
  

  
  /*-------------------------------*/
  
  .mither {
      font-family: var(--header-font);
      color: green;
      font-size: 1.375em;
      line-height: 1.275;
  }
  .mither p { line-height: inherit; }
  
  .scenesetter {
      padding-inline: 1.75rem;
      position: relative;
      padding-block: 1.25rem;
      isolation: isolate;
  }
  .scenesetter::before {
      content: "";
      position: absolute;
      top: 0; left: 0;
      width: 100%; height: 100%;
      background-image: var(--header-image);
      background-size: cover;
      background-position: center;
      opacity: 0.195;
      box-shadow: inset 0 0 4rem 3.25rem rgb(var(--foamy-white));
      filter: blur(1.375rem);
      z-index: -1;
  }
  
  .ultraspace {
      padding-block: 3.5rem;
  }
  
  
  .glasscase{
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
  }
  .glassyeye{
      aspect-ratio : 1 / 1;
      width: 50%;
      margin-top: -24px;
      position: relative;
      transition: 0.5s !important;
  }
  .glassyeye:hover{
      filter: hue-rotate(180deg);
  }
  .glassyeye img{
      height: 100%;
      width: 100%;
      object-fit: cover;
      object-position: center;
  }
  .allfolks{
      position: absolute;
      z-index: 5;
      top: 0px;
      left: 10px;
      font-size: 4vh;
      mix-blend-mode: difference;
      filter: invert(1) grayscale(1) contrast(9);
  
  .allfolks a{
      font-weight: bold;
      color:red !important; /*ADD SPECIFICALLY THIS TO CSS*/
  }
  
  @media screen and (min-width: 1200px) {
  .allfolks{
      font-size: 25px;
  }
  }
  @media screen and (max-width: 640px) {
  .glasscase{
      flex-direction: column;
  }
  .allfolks{
      font-size: 4vw;
      top: 3px;
  }
  .glassyeye{
      margin-top: 0px;
      width: 100%;
  }
  }
  
  

  Pages using this styling

  • seas-of-orcadia-hub [info]

  ¶ 1 occurrence
  

  #page-title {display: none}
  
  .cromwalk {
      float: right;
      margin: 0.5rem 0 0 auto;
      width: max-content;
      padding: 0.625rem;
      border-radius: 8px;
      background-color: #F5E5E8;
      color: #9F3C4E;
  }
  .cromwalk a {
      font-weight: bold;
      color: #9F3C4E;
  }
  
  .cromplug {
      background: #f5e5e8;
      color: #9f3c4e;
      width: fit-content;
      text-align: center;
      margin-top: 0.5rem;
      border-radius: 0.5rem;
      padding: 0.75rem;
      background-image: url(https://scp-wiki.wdfiles.com/local--files/search%3Acrom/crom.png);
      background-size: cover;
      background-blend-mode: overlay;
      background-position: center 15%;
  }
  .cromplug p {
      margin: 0;
  }
  .cromplug a, .cromplug a:visited {
      color: #9f3c4e;
      font-weight: bold;
  }

  Pages using this styling

  • search:crom [info]

  ¶ 1 occurrence
  

  :root {
       --header-title: "SITE-37";
       --header-subtitle: "We’re The Problems.";
  }

  Pages using this styling

  • scripture-for-microwaves [info]

  ¶ 1 occurrence
  

  .ego-bar { display: none; flex-direction: column; justify-content: space-evenly; flex-wrap: wrap; align-items: center; margin-block: 1rem; }
  .ego-bar__link { font-size: smaller; margin-inline: 2rem; }
  .ego-bar .page-rate-widget-box { margin: 0; }
  .ab-test--active + .ego-bar { display: flex; }

  Pages using this styling

  • scranton-encabulator [info]

  ¶ 1 occurrence
  

  .scrolling {
    background-color: rgb(30, 30, 35);
    border: solid 2px #21e454;
    box-sizing: border-box;
    box-shadow: rgba(228, 33, 33, 0.3) 0px 1px 2px 0px,
                rgba(228, 33, 33, 0.15) 0px 2px 6px 2px;
    color: #21e454;
    font-size:1.4em;
    overflow: hidden;
    padding-block: 0rem;
    padding-inline: 1rem;
    position: relative;
    text-align: center; 
    text-shadow: 0 0 7px rgba(30, 30, 35, 1),
                0 0 15px rgba(255, 255, 255, 0.5),
                0 0 20px rgba(30, 30, 35, 1),
                0 0 30px rgba(30, 30, 35, 1),
                0 0 40px rgba(33, 33, 33, 0.75),
                0 0 55px rgba(33, 33, 33, 0.75),
                0 0 75px rgba(33, 33, 33, 0.75);
    top: 0;
    white-space: nowrap;
    z-index: 1;
  }
  .scrolling::after {
    box-shadow: inset 0px 0px 20px 5px rgb(30, 30, 35, 1);
    content: "";
    position: absolute;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 2;
  }
  .scrolling p {
    animation: translate 20s linear infinite;
    display: inline-block;
    padding-left: 100%;
  }
  @media (prefers-reduced-motion) {
     .scrolling p {
       animation: unset;
    }
  }
  @keyframes translate {
    0%  { transform: translate(0, 0); }
    100% { transform: translate(-100%, 0); }
  }
  @media screen and (max-width: 991px) {
  .img_pc{display:none;}
  .img_mob{display:block;}
  }
  @media screen and (min-width: 991px) {
  .img_mob{display:none;}
  .img_pc{display:block;}
  }

  Pages using this styling

  • scranton-encabulator [info]

  ¶ 1 occurrence
  

  @import url(https://fonts.googleapis.com/css2?family=Exo+2&display=swap);
  @import url(https://fonts.googleapis.com/css2?family=Questrial&display=swap);
  .h{ color: purple;}
  a, a.collapsible-block-link{ font-weight: bold; }

  Pages using this styling

  • scpdeclassified [info]

  ¶ 1 occurrence
  

  
  .entry-list {
      display: grid;
      margin-block: .75rem;
      padding-inline-start: 1rem;
      padding: 2rem;
      background-color: #E9E6D6;
      box-shadow: 0 1px 6px rgba(0,0,0,.25);
      text-align: left;
  }
  
  .entry {
      padding: .1rem;
      transition: background-color .175s ease-out;
  }
  .entry:is(:hover,:focus-within) { background-color: rgb(var(--basalt-undertone),.175); }
  
  .entry .title {
      font-size: 1.125em;
  }
  .entry .title  p { margin: 0; }
  .entry .title :is(a,.entry-author) { font-weight: bold; font-style: normal; }
  
  .ranked-list .title {
      display: flex;
      justify-content: space-between;
  }
  
  .ranked-list .title .index {
     width: 2.5em;
     text-align: left;
  }
  
  .ranked-list .title .rating {
      margin-left: auto;
  }
  
  .description > :not(.preview) { display: none!important; }
  .description > .preview {
      display: block;
      padding-block: .125rem;
      font-size: .875em;
      text-align: start;
      margin-inline-start: 1.5rem;
  }
  .preview > p {
      margin-block: .55em;
  }
  .preview > p:first-child { margin-block-start: .25em; }
  .preview > p:last-child { margin-block-end: .25em; }
  
  .entry-list .entry::marker {
      content: "";
  }
  
  .entry .description {
      display: none;
      position: absolute;
      background: #E4E1D2;
      box-shadow: 6px 6px 0px rgba(0,0,0,.05),
          0 1px 6px rgba(0,0,0,.25);
      margin-right: -20px;
      pointer-events: none;
  }
  
  .entry .description .preview {
      margin-left: 0;
      margin: 0.5rem 1rem;
  }
  
  .entry:hover .description, .entry:active .description {
      display: block;
      animation-name: desc-bounce;
      animation-duration: 0.1s;
  }
  
  @keyframes desc-bounce {
      0% {
          transform: translateY(0);
      }
      50% {
          transform: translateY(-5px);
      }
      100% {
          transform: translateY(0);
      }
  }
  
  /* Co-authors */
  
  .entry [href="/scp-9231"] ~ .entry-author::after { content: " and SynthPanda_" }
  .entry [href="/scp-9300"] ~ .entry-author::after { content: " and GeminidStrix" }
  .entry [href="/scp-9500"] ~ .entry-author::after { content: ", MrBadFellow and Placeholder McD" }
  .entry [href="/scp-9505"] ~ .entry-author::after { content: " and Anakes" }
  .entry [href="/scp-9899"] ~ .entry-author::after { content: " and DFAstillo9" }
  .entry [href="/scp-9990"] ~ .entry-author::after { content: ", Rosyfox2002 and TroutMaskReplica" }
  .entry [href="/scp-9666"] ~ .entry-author::after { content: " and tawny0" }
  .entry [href="/scp-9014"] ~ .entry-author::after { content: ", cive(creative name) and JVCK" }
  .entry [href="/scp-9001"] ~ .entry-author::after { content: ", Croquembouche and PandoraNuker" }
  .entry [href="/scp-9663"] ~ .entry-author::after { content: " and DrGrimoire" }
  .entry [href="/scp-9009"] ~ .entry-author::after { content: ", Intercedent and ubergoober" }
  .entry [href="/scp-9080"] ~ .entry-author::after { content: " and mouseatemyhouse" }
  .entry [href="/scp-9006"] ~ .entry-author::after { content: " and Tyrastafr" }
  

  Pages using this styling

  • scp9000contesthub [info]

  ¶ 1 occurrence
  

  .entry-list {
      display: grid;
      margin-block: .75rem;
      padding-inline-start: 1rem;
  }
  
  .entry {
      display: list-item;
      padding: .1rem;
      transition: background-color .175s ease-out;
  }
  .entry:is(:hover,:focus-within) { background-color: rgb(var(--basalt-undertone),.175); }
  
  .entry .title {
      font-size: 1.125em;
      font-style: italic;
  }
  .entry .title > p { margin: 0; }
  .entry .title :is(a,span) { font-weight: bold; font-style: normal; }
  
  .description > :not(.preview) { display: none!important; }
  .description > .preview {
      display: block;
      padding-block: .125rem;
      font-size: .875em;
      text-align: start;
      margin-inline-start: 1.5rem;
  }
  .preview > p {
      margin-block: .55em;
  }
  .preview > p:first-child { margin-block-start: .25em; }
  .preview > p:last-child { margin-block-end: .25em; }
  
  .entry-list li {
  font-size: 1.125em;
  }

  Pages using this styling

  • scp8000contesthub [info]

  ¶ 1 occurrence
  

  
  /* Phantasmagoria Theme */
  /* by syuzhet */
  
  /*
  
  Beware! The code you are about to see was cruft by wicked hands...
  
  There is nothing here for you but sorrow, member of the tech team.
  
  Turn back now!
  
  */
  
  :root {
      --basalt-secondary-color: 0, 0, 0;
  
      --basalt-overtone: 73, 90, 211;
      --basalt-undertone: 73, 90, 211;
      --basalt-bright-element-color: 73, 90, 211;
      --basalt-dark-element-color: 73, 90, 211;
  
      --link-color: 59, 199, 251;
      --link-visited-color: 59, 199, 251;
  
      --top-bar-link-color-hover: 255, 255, 255;
      --login-status-text-color-hover: 255, 255, 255;
      --side-bar-link-color-hover: 255, 255, 255;
      --side-bar-link-background-hover: 73, 90, 211;
  
      --header-border-width: 0rem;
      --title-size: 1.25rem;
      --subtitle-size: 0rem;
      --side-bar-button-height: 50vh;
      --user-button-width: 2rem;
      --header-logo-size: 67.5%;
  
      --basalt-UI-dark-palette: 0, 0, 0;
      --top-bar-link-background-hover: 73, 90, 211;
  
  }
  
  #header h1 a::before {
      display: none;
  }
  
  #header h1 a span::after {
      margin-bottom: 0;
  }
  
  #container #header {
      background: none;
      position: absolute;
      box-shadow: unset;
      backdrop-filter: none;
  }
  
  div #container-wrap {
      background-color: #2D455E;
      background: url(https://scp-wiki.wdfiles.com/local--files/scp8000contesthub/bg.jpg);
      background-attachment: fixed;
      background-size: cover;
  }
  
  #main-content {
      margin-top: 0;
  }
  #page-content {
      padding-top: 0;
  }
  
  #page-content > p:nth-child(-n+4) {
      display: none;
  }
  
  .widebox div {
      position: relative;
      top: 70%;
  }
  
  .widebox img {
      display: block;
      margin: auto;
      width: 35%;
  }
  
  .widebox #u-logotop {
      font-size: 2rem;
  }
  
  .widebox {
      position: relative;
      left: calc(-50dvw + 50%);
      width: 100dvw !important;
      height: calc(100dvh);
      max-width: 100dvw !important;
      background-image: url(https://scp-wiki.wdfiles.com/local--files/scp8000contesthub/banner.jpg);
      background-repeat: no-repeat;
      background-size: cover;
      background-position: top;
  }
  
  .widebox:before {
      /*content: "";*/
      position: absolute;
      left: calc(-50dvw + 50%);
      width: 100dvw !important;
      height: calc(100dvh);
      max-width: 100dvw !important;
      background-image: linear-gradient(180deg, transparent 0%, transparent 80vh, rgb(13,13,15) 100vh, transparent 100%);
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center;
      pointer-events: none;
  }
  
  .widebox .bannerseparator {
      position: absolute;
      z-index: 0;
      left: calc(-50dvw + 50%);
      width: 100%;
      height: calc(100dvh);
      max-width: 100dvw !important;
      top: 85dvh;
  }
  
  .widebox .bannerseparator img {
      width: 100%;
  }
  
  hr {
    border: none;
    height: 2px;
    background-image: linear-gradient(to right, #494ED0, #45CEEE, #494ED0);
    margin: 25px;
  }
  
  hr::after {
    content: '∞';
    display: inline-block;
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
    transform-origin: 50% 50%;
    padding: 0.2rem 1rem;
    background-color: #05111A;
    color: #45CEEE;
  }
  
  .darkdocument {
      outline: 3px solid #494ED0;
      outline-offset: -10px;
      padding: 50px !important;
      background-color: #050F18;
      background: url(https://scp-wiki.wdfiles.com/local--files/scp8000contesthub/8kon_darkdoc_bg.jpg);
  }
  
  .darkdocument h1 {
    font-size: 28px;
    font-weight: bold;
    color: #fff;
    margin: 1rem 5px 2rem;
  
    --f: .5em; /* control the folded part*/
    --r: .8em; /* control the ribbon shape */
  
    position: relative;
    top: 20px;
    left: 5px;
    margin-right: 50%;
    inset-inline: -69px;
    padding-inline: 1em;
    line-height: 1.8;
    background: #495AD3;
    border-bottom: var(--f) solid #0005;
    border-right: var(--r) solid #0000;
    clip-path:
      polygon(calc(100% - var(--r)) 0,0 0,0 calc(100% - var(--f)),var(--f) 100%,
        var(--f) calc(100% - var(--f)),calc(100% - var(--r)) calc(100% - var(--f)),
        100% calc(50% - var(--f)/2));
  }
  
  h1, #page-options-container, .licensebox .collapsible-block-folded a, .page-watch-options a {
      color: white;
  }
  
  #action-area, .licensebox .collapsible-block-content {
      background: #0D0D0F;
      padding: 10px;
  }
  
  .licensebox .collapsible-block-link {
      background: #0D0D0F;
      padding: 10px;
  }
  
  .dragon {
      position: relative;
      margin: auto;
      width: 50%;
  }
  
  .dragon:after {
      content:"Here be dragons!";
      visibility:hidden;
      width: 200px;
      background-color: black;
      color: #fff;
      text-align: center;
      border-radius: 6px;
      padding: 5px 0;
  
      /* Position the tooltip */
      position: absolute;
      z-index: 1;
      top: 100%;
      left: 50%;
      margin-left: -100px;
  }
  
  .dragon:hover:after, .dragon:active:after {
      visibility: visible;
  }
  
  /* blurb related crap */
  
  .entry .description {
      display: none;
      position: absolute;
      background: black;
      max-width: calc(100% - 5rem) !important;
  }
  
  .entry .description .preview {
      margin-left: 0;
      margin: 0.5rem 1rem;
  }
  
  .entry:is(:hover,:focus-within) .description {
      display: block;
      animation-name: desc-bounce;
      animation-duration: 0.1s;
  }
  
  @keyframes desc-bounce {
      0% {
          transform: translateY(0);
      }
      50% {
          transform: translateY(-5px);
      }
      100% {
          transform: translateY(0);
      }
  }
  
  /* Piece of shit sidebar */
  
  #top-bar div.mobile-top-bar>.open-menu {
       visibility:visible;
       opacity: 0.6;
       transition: opacity 0.2s;
  }
  
  #top-bar div.mobile-top-bar>.open-menu:hover {
      opacity: 1;
  }
  
  #side-bar {
       margin-top:0;
       height:100%
  }
  
  #side-bar, #side-bar:is(:hover, :focus-within):not(:target) {
       left:calc(var(--side-bar-width) * -1)
  }
  
  #side-bar::after, #side-bar::before {
       display:none
  }
  
  #side-bar:target {
       left:0;
       width:var(--side-bar-width);
       z-index:10
  }
  
  #side-bar a.close-menu, #side-bar:target a.close-menu {
       display:block;
       pointer-events:none;
       position:fixed;
       top:0;
       right:0;
       left:auto;
       width:100%;
       min-width:3.75rem;
       height:100%;
       margin-left:0;
       opacity:0;
       z-index:-1;
       transition:width var(--side-bar-transition),opacity var(--side-bar-transition)   
  }
  
  #side-bar:target a.close-menu {
       width:calc(100% - var(--side-bar-width));
       pointer-events:auto;
       opacity:1;
  }
  
  /* Accessibility */
  
  .aria-invisible {
        border: 0;
        clip: rect(0 0 0 0);
        height: 1px;  
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px;
        pointer-events: none;
  }
  
  /* Mobile */
  
  @media only screen and (max-width: 1020px) {
      .darkdocument h1 {
      margin-right: 0;
      inset-inline: -40px;
      }
      .darkdocument {
      outline: 2px solid #494ED0;
      outline-offset: -10px;
      padding: 20px !important;
      background-color: #05111A !important;
      }
      #container #header {
          background: black;
          position: sticky;
      }
      .widebox div {
          position: relative;
          top: 60%
      }
      .widebox .bannerseparator {
          top: 90dvh;
      }
      .widebox img {
          width: 100%
      }
      .widebox #u-logotop {
          font-size: 6vw;
      }
  }
  

  Pages using this styling

  • scp8000contesthub [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Germania+One&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&display=swap');
  
  :root {
      --body-font: 'Libre Baskerville', serif;
      --header-font: 'Germania One', cursive;
      --header-deco: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='UTF-8' standalone='no'?%3E%3Csvg enable-background='new 0 0 704.686 280.669' height='150' viewBox='0 0 704.686 280.669' width='587.5' xml:space='preserve' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3C/defs%3E%3Cg transform='matrix(1.96554,0,0,1.96554,-334.9741,7.74439)'%3E%3Cpath d='m339.653,57.664c0,3.175 1.82,8.161 5.667,13.148 .458.684.914,1.135 1.587,1.817v3.402 .907 3.174c-2.493-1.36-7.935-4.308-14.282-5.669 .904,3.174-.22,5.897-3.86,5.897-2.721,0-4.758-1.588-7.481-1.588-2.943,0-4.758,1.588-4.758,3.4s.23,3.856 1.584,6.122c-.453,0-6.345-2.04-6.345-6.122 0-3.857 1.815-6.574 4.536-8.16-14.743,2.039-26.535,9.068-37.192,16.777 .453,3.399 1.586,6.574 3.176,9.07 .45-5.218 3.404-11.339 10.433-11.339 5.897,0 11.794,1.816 13.151,10.659-1.587-.682-3.396-1.359-5.897-1.359-2.037,0-4.308,2.947-4.308,5.211 0,4.311 4.085,8.618 10.886,8.618 17.458,0 22.45-13.152 22.216-21.087h2.726c0,18.141-13.151,25.847-24.942,25.847-17.458,0-27.661-9.747-30.832-23.125-14.979,11.11-28.124,22.675-44.679,22.675-7.251,0-14.06-2.722-14.06-10.888 0-8.16 4.991-9.975 9.068-9.975 4.763,0 8.398,3.4 8.398,6.574 0,3.856-3.857,5.444-6.128,4.537 1.134-1.136 1.587-2.266 1.587-4.31 0-1.812-2.493-4.077-4.76-4.077-4.078,0-6.128,3.172-6.128,7.251 0,5.218 3.857,7.713 9.301,7.713 11.562,0 15.416-23.582 27.21-23.582 5.675,0 6.809,4.309 6.809,5.895 0,1.362-.461,4.762-.461,4.762 4.31-2.947 8.615-6.348 13.378-9.979-.223-1.813-.45-3.625-.45-5.668 0-1.356 0-2.948.228-4.305-10.435,1.13-15.193-6.353-15.193-11.339s3.171-8.618 8.163-8.618c3.176,0 5.667,2.947 5.667,5.895 0,2.27-.903,3.857-3.626,3.857-2.04,0-3.174-1.818-3.174-2.948 0-2.722 2.49-2.496 2.49-3.404-.67-.903-1.807-.452-2.721-.452-1.807,0-4.53,2.043-4.53,5.217 0,6.573 6.581,9.75 13.378,9.296 3.174-16.552 18.139-26.079 32.654-26.079 11.789,0 21.541,4.765 30.159,12.474-1.134-1.817-2.047-4.309-2.047-7.256 0-3.631 1.367-6.58 4.538-6.58 4.083,0 6.12,2.722 7.034,5.669-4.09-1.359-8.17-.677-8.17,2.045zm-86.849,44.441c-2.491,0-5.444,4.309-8.838,9.075 2.27-1.136 7.934-4.083 10.875-6.579 0-1.136-.22-2.496-2.037-2.496zm28.124-23.353c-1.367,2.947-2.04,5.897-2.04,8.386 7.484-5.212 15.641-10.43 25.173-13.831-7.484,1.361-16.335,3.631-23.133,5.445zm33.104-23.81c1.587,1.813 1.81,2.04 1.81,4.084 0,3.4-1.81,5.665-7.023,5.665-2.501,0-4.991-.904-7.031-.904-8.615,0-15.196,5.67-19.053,11.792 8.849-2.496 21.546-6.121 36.742-6.121-.914-.684-1.367-1.819-1.367-3.407 0-2.039.914-3.624 3.627-4.759-.22,4.083 2.271,5.669 7.262,5.669 3.857,0 4.991,1.36 4.991,3.173l-.46,1.362c4.768,1.36 9.985,3.172 12.25,4.083-10.887-12.926-21.32-20.411-31.748-20.637zm31.746-14.512c-.458-1.813-1.814-5.896-4.085-5.896-5.211,0-9.974,3.629-15.186,3.629-3.857,0-8.851-2.947-8.851-7.255 0-1.819 1.367-2.947 3.176-3.179-.223.682-.453,1.36-.453,2.043 0,1.361.903,2.497 2.271,2.497 4.527,0 8.165-3.406 12.695-3.406 1.356,0 2.724.457 4.078.909-2.721-2.043-6.568-4.082-9.972-4.761-11.341-1.816-26.076-7.938-24.489-19.73 .45-3.853 3.627-5.664 6.348-5.213-1.356,1.135-2.721,2.039-2.721,3.857 0,6.574 8.387,6.801 13.148,6.801 4.991,0 15.426-1.135 15.426,6.805 0,2.717-2.27,4.761-4.758,5.212 6.798,3.4 13.596,7.939 15.186,15.874l-1.813,1.813zm123.808,75.51c-16.556,0-29.701-11.565-44.669-22.675-2.954,13.378-13.376,23.125-30.848,23.125-11.559,0-24.939-7.707-24.939-25.847h2.729c0,7.935 4.976,21.087 22.211,21.087 6.813,0 10.889-4.308 10.889-8.618 0-2.264-2.268-5.211-4.306-5.211-2.492,0-4.31.677-5.896,1.359 1.356-8.843 7.253-10.659 13.15-10.659 7.259,0 9.982,6.121 10.433,11.339 1.587-2.496 2.719-5.671 3.174-9.07-10.657-7.709-22.446-14.739-37.185-16.777 2.713,1.585 4.53,4.302 4.53,8.16 0,4.083-5.892,6.122-6.348,6.122 1.356-2.266 1.587-4.31 1.587-6.122s-1.587-3.4-4.761-3.4c-2.724,0-4.761,1.588-7.479,1.588-3.63,0-4.766-2.724-3.86-5.897-6.347,1.362-11.789,4.309-14.28,5.669v-3.174-.907-3.402l1.806-1.817c3.854-4.987 5.446-9.973 5.446-13.148 0-2.722-4.079-3.404-8.166-2.044 .914-2.947 2.95-5.669 7.03-5.669 3.174,0 4.535,2.949 4.535,6.58 0,2.947-.906,5.439-2.037,7.256 8.84-7.709 18.361-12.474 30.15-12.474 14.748,0 29.48,9.527 32.66,26.079 6.798.453 13.376-2.724 13.376-9.296 0-3.174-2.493-5.217-4.53-5.217-.917,0-2.048-.452-2.724.452 0,.909 2.493.682 2.493,3.404 0,1.13-.906,2.948-3.174,2.948-2.724,0-3.63-1.587-3.63-3.857 0-2.947 2.493-5.895 5.667-5.895 4.991,0 8.165,3.629 8.165,8.618s-4.761,12.469-15.193,11.339c.225,1.356.225,2.948.225,4.305 0,2.043 0,3.855-.225,5.668 4.541,3.632 9.065,7.032 13.156,9.979 0,0-.451-3.4-.451-4.762 0-1.585 1.356-5.895 6.799-5.895 11.794,0 15.648,23.582 27.207,23.582 5.441,0 9.302-2.495 9.302-7.713 0-4.079-2.048-7.251-6.128-7.251-2.268,0-4.761,2.265-4.761,4.077 0,2.044.456,3.174 1.587,4.31-2.268.908-6.122-.681-6.122-4.537 0-3.174 3.854-6.574 8.396-6.574 4.074,0 9.065,1.815 9.065,9.975s-6.797,10.887-14.056,10.887zm-98.414-90.929c-3.404.679-7.253,2.718-9.972,4.761 1.356-.452 2.719-.909 4.075-.909 4.54,0 8.17,3.406 12.695,3.406 1.592,0 2.272-1.135 2.272-2.497 0-.683 0-1.361-.456-2.043 1.823.232 3.18,1.36 3.18,3.179 0,4.308-4.761,7.255-8.846,7.255-5.217,0-9.752-3.629-15.193-3.629-2.268,0-3.624,4.083-4.075,5.896l-1.821-1.813c1.591-7.935 8.39-12.474 15.197-15.874-2.503-.452-4.766-2.496-4.766-5.212 0-7.94 10.658-6.805 15.424-6.805 4.761,0 13.146-.227 13.146-6.801 0-1.818-1.131-2.722-2.718-3.857 2.718-.451 5.892,1.36 6.348,5.213 1.587,11.792-13.151,17.914-24.49,19.73zm27.664,38.776c-2.038,0-4.53.904-7.029.904-4.985,0-7.028-2.265-7.028-5.665 0-2.044.456-2.271 1.812-4.084-10.428.227-20.865,7.711-31.738,20.636 2.258-.91 7.479-2.722 12.24-4.083l-.451-1.362c0-1.813 1.126-3.173 4.981-3.173 4.99,0 7.483-1.586 7.264-5.669 2.724,1.135 3.624,2.721 3.624,4.759 0,1.588-.45,2.723-1.361,3.407 15.193,0 27.889,3.625 36.959,6.121-4.081-6.121-10.658-11.791-19.273-11.791zm20.859,14.965c-6.798-1.813-15.639-4.084-23.122-5.444 9.521,3.4 17.686,8.618 25.17,13.831 0-2.49-.685-5.44-2.048-8.387zm28.124,23.353c-1.817,0-2.037,1.36-2.037,2.496 2.938,2.496 8.615,5.443 10.873,6.579-3.394-4.766-6.347-9.075-8.836-9.075z'%3E%3C/path%3E%3Cpath d='m130.999,121.768c-.64-2.535-2.536-8.242-5.71-8.242-7.285,0-13.944,5.074-21.229,5.074-5.392,0-12.373-4.121-12.373-10.142 0-2.542 1.912-4.12 4.441-4.444-.312.954-.634,1.901-.634,2.856 0,1.902 1.264,3.489 3.174,3.489 6.33,0 11.415-4.761 17.748-4.761 1.896,0 3.806.639 5.699,1.271-3.803-2.856-9.181-5.706-13.94-6.655-15.854-2.539-36.452-11.097-34.235-27.582 .63-5.387 5.07-7.917 8.873-7.288-1.896,1.586-3.803,2.849-3.803,5.392 0,9.19 11.725,9.507 18.38,9.507 6.978,0 21.566-1.587 21.566,9.512 0,3.798-3.174,6.655-6.651,7.286 9.503,4.754 19.006,11.099 21.228,22.192l-2.534,2.535z'%3E%3C/path%3E%3Cpath d='m567.69,119.233c2.221-11.093 11.721-17.438 21.227-22.192-3.478-.631-6.651-3.488-6.651-7.286 0-11.099 14.586-9.512 21.566-9.512 6.651,0 18.378-.317 18.378-9.507 0-2.542-1.906-3.805-3.802-5.392 3.802-.63 8.243,1.901 8.871,7.288 2.221,16.484-18.377,25.043-34.235,27.582-4.756.949-10.135,3.799-13.937,6.655 1.891-.633 3.802-1.271 5.698-1.271 6.332,0 11.417,4.761 17.749,4.761 1.906,0 3.174-1.587 3.174-3.489 0-.955-.325-1.902-.634-2.856 2.529.324 4.441,1.901 4.441,4.444 0,6.021-6.981,10.142-12.376,10.142-7.285,0-13.941-5.074-21.227-5.074-3.174,0-5.069,5.708-5.714,8.242l-2.528-2.535z'%3E%3C/path%3E%3Cpath d='m553.519,126.838c-6.897,5.057-18.205,11.676-55.625,7.907-10.208-1.012-20.326-2.574-30.623-4.137-6.437-.919-12.962-1.748-19.493-2.391-4.598-.46-16.183-1.656-20.504-1.195-4.509.46-6.253,2.024-6.348,2.851 0,.183-.089.553.095.736 .095.551.461.92.461,1.287-.095.829-2.21,1.655-4.138,1.472-1.288-.092-2.576-.92-2.487-2.024 .184-1.009 3.404-4.965 11.129-6.068 6.253-.826 13.423,0 37.976,2.391 30.522,3.035 51.032,3.126 66.571-2.113 11.401-3.772 28.689-13.517 30.339-27.403 1.566-12.411-9.375-18.388-18.571-19.308-19.032-1.84-38.158,14.896-39.63,26.667-.828,6.527 4.781,10.113 10.757,10.665 6.348.644 11.496-1.93 16-5.24 8.092-5.977 9.014-10.301 9.285-12.322 .278-2.114-.089-3.861-1.1-5.148-.832-1.012-1.472-1.104-2.576-1.196-.461,0-1.194-.094-1.105-.829 .095-1.011 1.105-.919 1.477-.828 3.033.275 6.893,3.953 6.154,10.021-1.283,10.024-13.973,18.574-27.585,17.195-11.124-1.103-16.178-9.286-15.167-17.101 1.655-13.609 21.515-26.851 40.547-24.92 17.105,1.656 28.601,15.357 26.757,30.803-1.106,8.735-5.883,15.263-12.596,20.228z'%3E%3C/path%3E%3Cpath d='m135.706,107.944c-1.841-15.446 9.652-29.148 26.76-30.803 19.032-1.931 38.892,11.31 40.55,24.919 1.008,7.816-4.049,15.999-15.172,17.102-13.612,1.379-26.299-7.172-27.585-17.195-.738-6.068 3.124-9.747 6.157-10.021 .372-.092 1.382-.183 1.474.828 .092.734-.642.829-1.103.829-1.105.092-1.747.184-2.577,1.194-1.011,1.287-1.377,3.035-1.1,5.148 .272,2.023 1.191,6.346 9.285,12.324 4.504,3.309 9.652,5.882 15.998,5.24 5.976-.553 11.587-4.139 10.757-10.666-1.472-11.769-20.598-28.505-39.63-26.667-9.197.92-20.135,6.897-18.571,19.31 1.652,13.884 18.938,23.631 30.342,27.401 15.539,5.24 36.045,5.148 66.571,2.115 24.553-2.391 31.722-3.218 37.976-2.391 7.723,1.104 10.943,5.058 11.126,6.069 .092,1.104-1.196,1.933-2.485,2.024-1.93.183-4.043-.645-4.138-1.473 0-.367.367-.734.461-1.287 .184-.183.094-.551.094-.734-.094-.828-1.841-2.391-6.347-2.852-4.321-.46-15.908.735-20.504,1.195-6.531.644-13.057,1.473-19.493,2.391-10.296,1.564-20.415,3.126-30.62,4.139-37.423,3.77-48.733-2.852-55.628-7.908-6.711-4.965-11.493-11.495-12.598-20.231z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
      --hr-deco: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' id='svg2' width='865.5' height='612.3' version='1.1' viewBox='0 0 9016 6378'%3E%3Cdefs id='defs4'%3E%3Cstyle id='style6' type='text/css'%3E.fi0{fill:%23000}.fi1{fill:%230d0d0d}%3C/style%3E%3C/defs%3E%3Cg id='g8' fill='red'%3E%3Cg id='g10' fill='red'%3E%3Cpath id='path12' fill='red' d='M4403 5102c-680-547-365-1221 48-1530 45 40 72 61 105 98-298 221-694 644-166 1307 109 103 376 143 471-66 21-47 32-65 46-34 99 305-330 325-504 225z' class='fi0'/%3E%3Cpath id='path14' fill='red' d='M4438 4505c-15-48-46-74 21-53 212 66 492 168 590 15 238-368-593-981-824-1149 19-16 23-19 48-34 401 234 1159 827 862 1258-194 282-684 5-697-37z' class='fi0'/%3E%3Cpath id='path16' fill='red' d='M5056 3299c24-31 18-20 44-36 221 116 713 338 966 266 134-35 388-130 103 28-241 158-893-131-1113-258z' class='fi0'/%3E%3Cpath id='path18' fill='red' d='M3179 3544c-165-42-129-53-2-49 709-104 882-227 1263-529 34 20 71 37 100 72-326 326-902 527-1361 506z' class='fi0'/%3E%3Cpath id='path20' fill='red' d='M4863 3163c-116-64-500-293-678-441 5-5 37-23 44-26 210 153 456 294 672 431 5 24-24 23-38 36z' class='fi0'/%3E%3Cpath id='path22' fill='red' d='M4904 2557c-116-64-557-320-735-468 5-5 37-24 44-26 210 153 525 323 742 461-19 18-37 20-51 33z' class='fi0'/%3E%3Cpath id='path24' fill='red' d='M3473 2907c64 25 35 27 95 57-241 135-785 48-720-220 77-323 891 159 1240 432-15 2-6 21-44 34-272-255-1151-734-1120-415 19 190 468 219 549 112z' class='fi0'/%3E%3Cpath id='path26' fill='red' d='M5615 2810c39-56 558-141 536 80-21 213-936-214-1006-240-3 9-27 12-47 34 118 53 1131 541 1120 174-3-125-366-280-708-89 35 16 24 8 105 41z' class='fi0'/%3E%3Cpath id='path28' fill='red' d='M7738 1615c-299-860-2547 386-3018 708-30-24-66-34-109-72 548-396 2821-1659 3273-738 450 919-1398 1315-2000 903-2-8-2-13-2-18 46 0 103 35 150 54 500 80 2005 23 1706-837z' class='fi0'/%3E%3Cpath id='path30' fill='red' d='M3184 2076c33 14 20 18 12 38-135 22-903-15-766-314 108-234 592 22 782 154 189 133 631 449 837 595 0 10-47 18-44 30-306-209-539-396-810-569-272-173-582-284-640-188-133 231 597 240 629 254z' class='fi0'/%3E%3Cpath id='path32' fill='red' d='M3402 2203c44 39 102 71 127 109-865 288-1788 391-2095-414-117-306 102-688 398-789 674-231 1603 485 2165 802-22 12-28 15-58 22-899-422-2005-1249-2320-427-305 792 934 1126 1783 697z' class='fi0'/%3E%3Cpath id='path34' fill='red' d='M5224 2070c-2-10 54-33 54-41 172 46 1282 320 1165-57-73-236-483 6-656 131-51-10-70-17-119-28 137-121 727-475 859-99 150 425-1131 161-1303 94z' class='fi0'/%3E%3Cpath id='path36' fill='red' d='M3531 2133c298-96 668-232 941-389 32 10 72 26 135 69a4844 4844 0 0 1-948 409c-15-17-48-39-111-77-7-5-8-7-17-12z' class='fi0'/%3E%3Cpath id='path38' fill='red' d='M3604 2806c290-116 604-262 865-438 33 8 56 29 122 67a4409 4409 0 0 1-858 441c-16-17-48-26-101-49-9-3-19-16-28-21z' class='fi0'/%3E%3Cpath id='path40' fill='red' d='M4611 3436c283-249 510-408 770-584 33 10 43 25 119 53-256 178-482 316-782 618-73-78-46-46-107-87z' class='fi0'/%3E%3Cpath id='path42' fill='red' d='M4560 2852c341-219 687-483 948-659 30 5 64 3 156 24-256 178-669 495-989 715-66-49-56-32-115-80z' class='fi0'/%3E%3Cpath id='path44' fill='red' d='M5020 1951c-3-11 54-28 54-37-336-142-658-323-980-484 150-41 481-228 575-221 110 56 141 70 402 162 36 3 36 12 1 23-63 37-177 117-448 254 32 22-12-21 140 69 250-155 412-266 643-292 34-11 63-22 8-34-32-7-41-13-210-47-206-41-384-125-568-231-204 20-553 239-781 263-3 9-3 18-3 26 266 56 970 490 1167 549z' class='fi1'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
      --sb-btn: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='UTF-8' standalone='no'?%3E%3C!-- Created with Inkscape (http://www.inkscape.org/) --%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg xmlns:dc='http://purl.org/dc/elements/1.1/' xmlns:cc='http://creativecommons.org/ns%23' xmlns:rdf='http://www.w3.org/1999/02/22-rdf-syntax-ns%23' xmlns:svg='http://www.w3.org/2000/svg' xmlns='http://www.w3.org/2000/svg' version='1.1' width='13' height='11' id='svg2986'%3E%3Cdefs id='defs2988' /%3E%3Cpath d='M 9.115515,0.9698 9.113925,3.9908 11.731027,5.5 9.1139251,7.0091 9.1155151,10.0302 6.5,8.5183 3.884485,10.0302 3.886075,7.0091 1.2689729,5.5 3.8860749,3.9908 3.8844849,0.9698 6.5000004,2.4817 z' id='path3000' style='fill:none;stroke:%23000000;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1' /%3E%3C/svg%3E");
  }
  
  h1 { font-size: 2.65em; }
  h2 { font-size: 2.45em; }
  h3 { font-size: 2.25em; }
  h4 { font-size: 1.95em; }
  h5 { font-size: 1.65em; }
  h6 { font-size: 1.45em; }
  
  div#extra-div-1 {
      height: 140px;
      width: 100%;
      top: 0;
      position: absolute;
      background-color: #121221;
      background-image: url('https://scp-wiki.wdfiles.com/local--files/scp7000contesthub/starlight.png');
      background-attachment: fixed;
      background-position: center;
      background-size: cover;
  }
  div#extra-div-2 {
      height: 22px;
      width: 100%;
      top: 140px;
      position: absolute;
      background: linear-gradient(-135deg, #121221 15%, #291F47 90%);
      box-shadow: 0 0 0 0.15rem #c2ad70;
  }
  #header {
      background-image: url(https://scp-wiki.wdfiles.com/local--files/scp7000contesthub/logo.png);
      background-position-y: 47.5%;
  }
  #header h1 a {
      font-family: var(--header-font);
      color: transparent;
      padding-top: 4rem;
      background: linear-gradient(-90deg, #e1e6b3 15%, #ab8054 55%, #8f4f3d 100%);
      -webkit-background-clip: text;
      background-clip: text;
      text-shadow: none;
  }
  
  #search-top-box-input,
  #search-top-box-input:hover,
  #search-top-box-form input[type='submit'],
  #search-top-box-form input[type='submit']:hover {
      background-image: linear-gradient(to bottom, #291F47, #121221);
      color: #E1E6B3;
      border-color: currentColor;
  }
  
  #top-bar .open-menu a {
      color: transparent;
      background-color: #121221;
      border-color: #121221;
      width: 1.325em;
      height: 1.325em;
      border-radius: 0.25em;
      box-sizing: border-box;
      transform: rotate(45deg);
  }
  #top-bar .open-menu a::after {
      content: "";
      display: block;
      position: absolute;
      top: 0; left: 0;
      width: 100%;
      height: 100%;
      background: linear-gradient(90deg, #e1e6b3 20%, #ab8054 50%, #8f4f3d 100%);
      -webkit-mask-image: var(--sb-btn);
      mask-image: var(--sb-btn);
      -webkit-mask-size: contain;
      mask-size: contain;
      -webkit-mask-repeat: no-repeat;
      mask-repeat: no-repeat;
      -webkit-mask-position: center;
      mask-position: center;
      transform: rotate(-15deg);
  }
  
  #side-bar {
      background-color: #121221;
  }
  #side-bar:target { border: none; }
  #side-bar .side-block {
      padding: 0.875em 0.625em;
      border-color: #c2ad70;
      border-width: 0 0.25rem 0 0;
      border-radius: 1.05rem;
      box-shadow: none;
      background-color: transparent!important;
  }
  #side-bar .heading {
      color: #e1e6b3;
      border-bottom-color: currentColor;
  }
  
  #content-wrap { margin: 1.5em auto 0; }
  #main-content { max-width: 960px; margin: 0 auto; }
  #page-title { display: none; }
  #page-content {
      background-color: #121221;
      background-image: linear-gradient(90deg, rgba(18,18,33,0.15) 0%, rgba(18,18,33,0.5) 20%, rgba(18,18,33,0.875) 50%, rgba(18,18,33,0.5) 80%, rgba(18,18,33,0.15) 100%), url('https://scp-wiki.wdfiles.com/local--files/scp7000contesthub/starlight.png');
      background-attachment: fixed;
      background-size: cover;
      background-position: center;
      padding: 1em 1.75em;
      box-sizing: border-box;
      border-radius: 1.5rem;
  }
  #page-content, #side-bar, #header h2 span {
      color: #fcfdf3;
      font-family: var(--body-font);
      font-size: 1.075em;
  }
  :is(#page-content, #side-bar) a:any-link {
      color: #4FD9E2;
  }
  :is(#page-content, #side-bar) a:visited {
      color: #68AFDF;
  }
  :is(#page-content, #side-bar) a.newpage {
      color: #d61;
  }
  :is(#page-content, #side-bar) :is(li, p) {
      line-height: 1.6;
  }
  
  #side-bar .collapsible-block-unfolded-link { border-bottom-color:  #e1e6b3; }
  #side-bar .collapsible-block-unfolded-link .collapsible-block-link { color: #e1e6b3; }
  #side-bar .collapsible-block-unfolded-link .collapsible-block-link:hover { color: #4FD9E2; }
  
  #page-content .meta-title {
      text-align: center;
      font-family: var(--header-font);
      color: transparent;
      border: none;
      font-weight: bold;
      font-size: 3.875em;
      padding: 0;
      margin-bottom: 0.325rem;
      filter: drop-shadow(0 0 0.15em #e1e6b322) brightness(1.15);
      background: linear-gradient(180deg, #e1e6b3 77%, #ab8054 88%, #8f4f3d 97%, #7a2e3c 100%);
      -webkit-background-clip: text;
      background-clip: text;
  }
  #page-content .meta-title::before {
      content: "";
      display: block;
      height: 5.5rem;
      background: linear-gradient(0deg, #e1e6b3 15%, #ab8054 35%, #8f4f3d 60%, #7a2e3c 100%);
      -webkit-mask-image: var(--header-deco);
      mask-image: var(--header-deco);
      -webkit-mask-size: contain;
      mask-size: contain;
      -webkit-mask-repeat: no-repeat;
      mask-repeat: no-repeat;
      -webkit-mask-position: center;
      mask-position: center;
  }
  
  #page-content hr {
      height: 12.5em;
      margin: 0;
      background: linear-gradient(0deg, #e1e6b3 31%, #ab8054 55%, #8f4f3d 83%, #7a2e3c 100%);
      -webkit-mask-image: var(--hr-deco);
      mask-image: var(--hr-deco);
      -webkit-mask-size: contain;
      mask-size: contain;
      -webkit-mask-repeat: no-repeat;
      mask-repeat: no-repeat;
      -webkit-mask-position: center;
      mask-position: center;
  }
  
  #page-content :is(h1, h2, h3, h4, h5, h6) {
      color: #e1e6b3;
      font-family: var(--header-font);
      font-weight: bold;
  }
  #page-content :is(h1, h2)::after {
      content: "";
      display: block;
      height: 0.075em;
      border-radius: 1em;
      background: linear-gradient(90deg, #e1e6b3 0%, #ab8054 50%, #7a2e3c 100%);
  }
  #page-content :is(h3,h4,h5,h6) {
      font-weight: normal;
  }
  @media screen and (max-width: 960px) {
      #content-wrap {
          margin: 0 auto;
      }
      #breadcrumbs { display: none; }
      #page-content {
          border-radius: 0 0 1.5rem 1.5rem;
      }
  }
  
  .banner-wrapper {
      padding: 1rem 0.75rem 0;
      margin: 0 -0.675rem;
      position: relative;
      text-align: center;
  }
  .banner-wrapper::before,
  .banner-wrapper::after {
      content: "";
      display: block;
      position: absolute;
      top: 0; left: 0;
      width: 100%;
      height: 100%;
      border: solid 0.25rem #e1e6b3;
      border-width: 0 0.225rem;
      border-radius: 1.25rem;
      box-sizing: border-box;
      pointer-events: none;
      -webkit-mask-image: linear-gradient(180deg, white 50%, transparent 80%);
      mask-image: linear-gradient(180deg, white 50%, transparent 80%);
  }
  .banner-wrapper::after {
      border-color: #8f4f3d;
      -webkit-mask-image: linear-gradient(0deg, white 20%, transparent 90%);
      mask-image: linear-gradient(0deg, white 20%, transparent 90%);
  }
  .banner-wrapper img { border-radius: 0.5rem; }
  .banner-wrapper p {
      margin: 0.25rem;
  }
  
  .licensebox .collapsible-block-link {
      font-weight: bold;
  }
  #page-content :is(blockquote, div.blockquote) {
      border: outset 0.1rem #d4cd9c;
      border-radius: 0.5rem;
      background-color: #121221;
  }

  Pages using this styling

  • scp7000contesthub [info]

  ¶ 1 occurrence
  

  @font-face {
      font-family: 'GongGothicMedium';
      src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-10@1.0/GongGothicMedium.woff') format('woff');
      font-weight: normal;
      font-style: normal;
  }
  @font-face {
      font-family: 'OKCHAN';
      src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2206-02@1.0/OKCHAN.woff2') format('woff2');
      font-weight: normal;
      font-style: normal;
  }
  
  :root {
    --size: 240%;
    --height: 110px;
    --width: 100vw;
  }
  
  #page-title {
    display: none;
  }
  
  html {
    overflow-x: unset;
    scrollbar-width: thin;
    scrollbar-color: #0060DF #0D1A3C;
  }
  ::-webkit-scrollbar {
      width: 8px;
  }
  ::-webkit-scrollbar-thumb {
    background: #0060DF;
  }
  ::-webkit-scrollbar-track {
    background: #0D1A3C;
  }
  
  body {
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
    max-width: 100vw;
  }
  
  #breadcrumbs {
    position: absolute;
    display: flex;
    white-space: nowrap;
    top: calc( var(--height) + 190px );
    left: 50%;
    transform: translateX(-50%);
  }
  
  div#container-wrap, #header {
    background: transparent;
  }
  
  div#content-wrap {
    margin-top: 0em;
  }
  
  #extra-div-1 {
    z-index: -1;
    position: absolute;
    top: -7.5em;
    left: 4em;
    width: 25em;
    height: 25em;
    background: center/cover url('http://scpko.wdfiles.com/local--files/scp1000kocontesthub/scp_ko_line.svg') no-repeat;
  }
  @media(min-width: 1921px) {
    #extra-div-1 {
      left: 50%;
      transform: translateX(-65em);
    }
  }
  
  #extra-div-2 {
    z-index: 0;
    position: absolute;
    top: 140px;
    left: 0;
    width: calc( 100vw + 10px );
    height: 75px;
    background: #0060DF;
  }
  
  .raisa {
    z-index: 5;
    background: #0E183C;
    border-color: #0E183C;
    box-sizing: border-box;
  
    background-image: url('http://scpko.wdfiles.com/local--files/scp1000kocontesthub/banner.jpg');
    background-attachment: fixed;
    background-position: center top;
    background-size: 100%;
  }
  
  .right {
    position: sticky;
    top: 0px;
    left: 0px;
    margin-top: -15px;
    margin-left: -40%;
  }
  
  .left {
    margin-left: -100%;
    margin-top: -2px;
  }
  
  .ra-content {
    display: block;
    width: calc( 100vw - 50px );
    margin-left: 0;
    margin-top: -2px;
    text-align: center;
    padding: 10px;
    color: #FFF;
    text-shadow: 2px 0 #049, -2px 0 #049, 0 2px #049, 0 -2px #049, 1px 1px #049, -1px 1px #049, 1px -1px #049, -1px -1px #049;
  }
  
  .ra-content h1 {
    font-family: 'OKCHAN', san-serif;
    font-weight: 400;
    line-height: 0;
    font-size: var(--size);
    color: #FFF;
    text-shadow: 0 -3px 1.5px #049, 0 3px 1.5px #049, 3px 0 1.5px #049, -3px 0 1.5px #049, 2px 2px 1.5px #049, 2px -2px 1.5px #049, -2px 2px 1.5px #049, -2px -2px 1.5px #049;
  }
  
  .ra-subtitle {
    font-family: 'GongGothicMedium', san-serif;
  }
  
  .ra-metatitle {
    display: none;
  }
  
  h1 {
    font-family: 'GongGothicMedium', san-serif;
    color: #049;
  }
  
  h2 {
    font-family: 'GongGothicMedium', san-serif;
    line-height: 1.6;
  }
  
  a, a:visited, a.newpage, a:hover {
    color: #0060DF;
  }
  
  #top-bar ul li:hover a {
    background: #FFF;
    color: #0060DF;
  }
  
  #side-bar a, #side-bar a:visited, #side-bar a.newpage {
    color: #0060DF;
  }
  
  #side-bar a:hover,
  #side-bar .collapsible-block-unfolded-link .collapsible-block-link:hover {
    color: #049;
  }
  
  #side-bar {
    top: calc( var(--height) + 40px );
  }
  
  #side-bar .collapsible-block-unfolded-link .collapsible-block-link {
    color: #0060DF;
  }
  
  #side-bar .heading {
    color: #049;
    border-color: #049;
  }
  
  #side-bar .side-block {
    background-color: #FFF !important;
  }
  
  #side-bar .side-block:nth-child(1) {
    background-color: #E5E5FF !important;
  }
  
  #header, #top-bar {
    width: 90% !important;
  }
  
  #header h1 {
    margin-left: 0;
  }
  
  #header h2 {
    margin-left: 70px;
  }
  
  #header h1 a {
    font-family: 'OKCHAN', san-serif;
    color: transparent;
    text-shadow: none;
    font-size: 180% !important;
  }
  
  #header h1 a::before {
    content: 'SCP-KO';
    white-space: nowrap;
    color: #000;
    text-shadow: 0 -3px 1.5px #EEE, 0 3px 1.5px #EEE, 3px 0 1.5px #EEE, -3px 0 1.5px #EEE, 2px 2px 1.5px #EEE, 2px -2px 1.5px #EEE, -2px 2px 1.5px #EEE, -2px -2px 1.5px #EEE;
  }
  
  #header h2 span {
    font-family: 'GongGothicMedium', san-serif;
    color: transparent;
    text-shadow: none;
  }
  
  #header h2 span::before {
    content: 'Since 2013';
    color: #000;
    text-shadow: 1.5px 0 #EEE, -1.5px 0 #EEE, 0 1.5px #EEE, 0 -1.5px #EEE, 1px 1px #EEE, -1px 1px #EEE, 1px -1px #EEE, -1px -1px #EEE;
  }
  
  #top-bar .open-menu a {
    top: unset;
    bottom: 0.5em;
  }
  
  #search-top-box-input,
  #search-top-box-input:hover,
  #search-top-box-input:focus {
    background-color: transparent;
  }
  
  #search-top-box-form input[type="submit"] {
    background: #0060DF;
    color: #FFF;
  }
  
  #search-top-box-form input[type=submit]:hover, #search-top-box-form input[type=submit]:focus {
    background: #0060DF;
    color: #FFF;
  }
  
  #login-status, #login-status a, #login-status ul a {
    color: #888;
  }
  
  div.wd-adunit {
    display: none;
  }
  
  
  .page-rate-widget-box {
    background-color: #049;
    border: solid 1px #049;
  }
  
  div.page-rate-widget-box .rate-points {
    background-color: #049;
    border: solid 1px #049;
    color: #FFF;
  }
  .page-rate-widget-box .rateup, .page-rate-widget-box .ratedown {
    background-color: #EEEFFF;
    border-top: solid 1px #EEEFFF;
    border-bottom: solid 1px #EEEFFF;
  }
  .page-rate-widget-box .rateup a, .page-rate-widget-box .ratedown a {
    color: #049;
  }
  .page-rate-widget-box .rateup a:hover, .page-rate-widget-box .ratedown a:hover {
    background: #049;
    color: #FFF;
  }
  .page-rate-widget-box .cancel {
    background-color: #049;
    border: solid 1px #049;
  }
  .page-rate-widget-box .cancel a {
    color: #FFF;
  }
  .page-rate-widget-box .cancel a:hover {
    background: #FFF;
    color: #049;
  }
  
  @media (max-height: 600px) {
    :root {
      --height: 75px;
    }
    .ra-title, .ra-subtitle {
      display: none;
    }
    .ra-metatitle {
      display: block;
    }
  }
  
  @media (max-width: 767px) {
    .right {
      margin-top: 0;
      margin-left: 0;
    }
    #side-bar {
      top: 0em;
      background-color: #DDD;
    }
    #search-top-box-input {
      display: none;
    }
  }
  
  @media (max-width: 589px) {
    :root{  
      --size: 200%;
      --height: 95px;
    }
    .wide {
      display: none;
    }
    .ra-title, .ra-metatitle {
      letter-spacing: -0.5px;
    }
    .ra-subtitle {
      line-height: 15px;
    }
    #extra-div-1, #header h1 {
      position: absolute;
      left: 50%;
      transform: translateX(-50%);
    }
    #header h2 {
      position: absolute;
      left: 50%;
      transform: translateX(-115px);
      top: 100px;
    }
    #login-status {
      width: 100%;
      color: transparent;
    }
    #login-status .printuser {
      color: #888;
    }
    #login-status #my-account {
      position: absolute;
      right: 25px;
    }
    #login-status #account-topbutton {
      position: absolute;
      right: 0;
    }
    #login-status .login-status-sign-in {
      float: right;
    }
    .endcomment {
      font-size: 80%;
    }
  }
  
  @media (max-width: 385px) {
    .ra-title, .ra-metatitle {
      letter-spacing: -1px;
      font-size: 90%;
    }
    .ra-subtitle {
      letter-spacing: 0;
    }
  }
  

  Pages using this styling

  • scp1000kocontesthub [info]

  ¶ 1 occurrence
  

  #page-title {
      display: none;
  }
  
  #main-content {
      max-width: 895px;
      font-size: 115%;
  }
  
  sup { text-indent: 0; }
  
  hr {
      margin: 1em 0em;
  }
  
  .img-shadow img {
      box-shadow: -2px 2px 8px 3px gray;
  }
  
  @media (max-width: 980px) {
      p {
       margin: 8px 0px;
       line-height: 1.6;
      }
  
      span, a {
      word-break: normal;
      }
  }

  Pages using this styling

  • scp1000contesthub [info]

  ¶ 1 occurrence
  

  .a-container{position:relative;visibility: hidden;}
  .a-container span{display:inline-block;position:absolute;top:-1px;width:max-content;left:0;opacity:0; }
  .a-container br{display:none}
  @keyframes animate1 {
    0% { opacity: 1; }
    48% { opacity: 1; }
    52% { opacity: 0; }
    100% { opacity: 0; }
  }
  @keyframes animate2 {
    0% { opacity: 0; }
    48% { opacity: 0; }
    52% { opacity: 1; }
    100% { opacity: 1; }
  }
  .a-lv1 { visibility: visible; align:center; animation: animate1 10.0s linear alternate infinite; }
  .a-lv2 { visibility: visible; align:center; animation: animate2 10.0s linear alternate infinite; }

  Pages using this styling

  • scp-zh-968 [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Noto+Sans:wght@900&display=swap');

  Pages using this styling

  • scp-zh-911 [info]

  ¶ 1 occurrence
  

  :root {
      --header-logo: url(https://scp-wiki.wdfiles.com/local--files/scp-zh-716/600px-Moon_farside_LRO_5000.jpg);
      --lumina-footer-image: url(https://scp-wiki.wdfiles.com/local--files/scp-zh-716/moon-surface.jpg);
      --moon-mask: linear-gradient(45deg, transparent 10%, white 70%);
      --line-width: 1px;
      --circle-size: calc(var(--base-header-height) *.75 * .1);
      --circle-width: 2px;
      --location-x: calc((100vw - var(--base-header-height) *.75 - var(--title-size) *8.5 - var(--base-header-height) *.125)/2  + var(--base-header-height) *.75 * 0.5);
      --hor-line-length: calc((100vw - var(--base-header-height) *.75 - var(--title-size) *8.5 - var(--base-header-height) *.125)/2 - var(--title-size)/4 - var(--line-width)/2 + var(--base-header-height) *.75 + var(--base-header-height) *.125 + 1rem);
      --location-y: calc(var(--lumina-header-top-gap) + var(--lumina-top-bar-height) + var(--base-header-height)* .75 / 2 + 1rem);
      --ver-line-length: 100%;
  
  }
  
  #header h1 a::before {
      clip-path: circle(calc(var(--base-header-height) *.375));
      -webkit-mask-image: var(--moon-mask);
      mask-image: var(--moon-mask);
  }
  
  #header h1 a { position: relative;}
  
  #header h1 a span {
      width: calc(var(--title-size) *8.5);
  }
  
  #header:before, #header:after, #header h1:before, #header h1:after, #header h1 a:after {
      content: "";
      visibility: visible !important;
      z-index: 1;
      background: #fff;
      position: absolute;
  }
  
  #header h1 a:after {
      height: var(--circle-size);
      width: var(--circle-size);
      top: calc (50% - var(--circle-size)/2);
      left: calc(var(--location-x) - var(--circle-size)/2 - var(--circle-width) );
      border: var(--circle-width) #fff solid;
      border-radius: 50%;
      background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2 2'%3E%3Ccircle style='' cx='1' cy='1' r='1' fill='%23fff'/%3E%3C/svg%3E") no-repeat center;
      background-size: calc(var(--circle-size)/2.5);
      mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 300'%3E%3Cpath transform='translate(50 50) rotate(90 100 100)' d='m100 100m-75 0a75 75 0 1 0 150 0 75 75 0 1 0-150 0' fill='none' stroke='%23000' stroke-dasharray='0 600 600 0' stroke-width='150'%3E%3Canimate fill='freeze' attributeName='stroke-dashoffset' attributeType='XML' dur='1s' from='0' repeatCount='1' to='600' begin='2s'/%3E%3C/path%3E%3C/svg%3E");
  }
  
  
  #header {
      position: relative;
      top: 0;
  }
  
  #header h1:before {
      clip-path: polygon(50% 0, 0 100%, 100% 100%);
      top: calc(var(--ver-line-length) - 1px);
      left: calc(var(--location-x) - var(--circle-size)/2.5 /2);
  }
  
  #header h1:after {
      clip-path: polygon(0 50%, 100% 100%, 100% 0);
      top: calc(var(--location-y)  - var(--circle-size) /2.5 /2);
      left: calc(var(--hor-line-length) - var(--circle-size) / 2.5);
  }
  
  #header h1:before, #header h1:after  {
      height: calc(var(--circle-size) / 2.5);
      width: calc(var(--circle-size) / 2.5);
  }
  
  #header:before {
      /*height: var(--ver-line-length);*/
      width: var(--line-width);
      left: calc(var(--location-x) - var(--line-width) /2);
      animation: 1s ease 1.8s forwards ver-line-load-in;
  }
  
  #header:after {
      height: var(--line-width);
      /*width: var(--hor-line-length);*/
      top: calc(var(--location-y) - var(--line-width) / 2);
      animation: 1s ease 0.8s forwards hor-line-load-in;
  }
  
  @media only screen and (max-width: 1024px) {
  :root {--ver-line-length: calc(100% - var(--lumina-top-bar-height));}
  }
  
  @media only screen and (max-width: 816px) {
  
  :root {
      --location-x: 50%;
      --hor-line-length: 100%;
      --ver-line-length: calc(var(--lumina-header-top-gap) + var(--lumina-top-bar-height) + var(--base-header-height) *.75 + 2rem)
  }
  
  #header h1 a::after {
      top: calc(var(--base-header-height) *.75 /2 + 1rem - var(--circle-size) / 2 - var(--circle-width) );
  }
  
  #header h1 a span { padding-top: calc(var(--circle-size)/2.5/2); }
  
  }
  
  @keyframes ver-line-load-in{
  from { height: 0%; }
  to { height: var(--ver-line-length);}
  }
  
  @keyframes hor-line-load-in{
  from { width: 0%; }
  to { width: var(--hor-line-length);}
  }
  
  @keyframes conic-effect {
  100% {--angle: 360deg;}
  }

  Pages using this styling

  • scp-zh-716 [info]

  ¶ 1 occurrence
  

  div#container-wrap {
      background: url(https://i.imgur.com/BFzfQcr.png) top left repeat-x;
  }
  div#header {
      background: url(https://i.imgur.com/95PTzvX.png) 10px 40px no-repeat;
  }
  div.open-menu a {
      color: rgb(59, 125, 25)!important;
      border-color: rgb(59, 125, 25)!important;
  }

  Pages using this styling

  • scp-zh-610 [info]

  ¶ 1 occurrence
  

  :root {
      --themeColor: #257E20;
      --accentColor: #1FE01F;
  }
  div#extra-div-1 {
    height: 140px;
    width: 100%;
    top: 0;
    position: absolute;
    background: url(http://scp-jp-storage.wikidot.com/local--files/file:2428007-36-faem/516637F1-C5EB-4C26-914D-DC7E4E4F056D.png);
    background-size: cover;
    background-position: 50% 50%;
  }
  #header h1 a span {
      font-size:0px;
  }
  #header h1 a::before {
      content: "Site-ZH-11";
      font-family: 'jostregular';
      font-weight: bold;
      color: #f4f4f4;
  }
  #header h2 span {
      font-size:0px;
  }
  #header h2:before {
      display:block;
      content: "Scientias Combinatas Protegimus";
      font-family: 'Open Sans', sans-serif;
      font-weight: bold;
      color: #f4f4f4;
      padding: 8px 0;
      text-shadow: 0px 0px 0px #000;
      white-space: pre;
  }

  Pages using this styling

  • scp-zh-424 [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Noto+Serif+TC:wght@900&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@900&display=swap');
   :root{
      --barColour: #000;
  }
  
  #container-wrap-wrap, #header h1 a, #header h2 {
      font-family: 'Noto Serif TC', 'Noto Serif JP', serif;
  
  }
  
  #header , blockquote strong, .blockquote strong{
      filter: drop-shadow(0px 0px 2px black);
      text-decoration: none;
  }
  
  strong{
      text-decoration: underline;
  }
  
  .colmod-link-top {
      margin: 1em 0;
  }
  
  @keyframes fade-in{  
      0%{ opacity: 0;}
      100%{opacity:1;}
  }
  @-webkit-keyframes fade-in{
      0%{ opacity: 0;}
      100%{opacity:1;}
  }
  @-ms-keyframes fade-in{
      0%{ opacity: 0;}
      100%{opacity:1;}
  }
  @-o-keyframes fade-in{
      0%{ opacity: 0;}
      100%{opacity:1;}
  }
  @-moz-keyframes fade-in{
      0%{ opacity: 0;}
      100%{opacity:1;}
  }
  
  .delay {
      opacity: 0;   
      animation: fade-in 1s ease 2s 1;
      -webkit-animation: fade-in 1s ease 2s 1;
      -moz-animation: fade-in 1s ease 2s 1;
      -o-animation: fade-in 1s ease 2s 1;
      -ms-animation: fade-in 1s ease 2s 1;
        
      animation-fill-mode:forwards;
      -webkit-animation-fill-mode: forwards;  
        -o-animation-fill-mode: forwards;
        -ms-animation-fill-mode: forwards;   
        -moz-animation-fill-mode: forwards;
  }
  
  .blink {
      opacity: 0;   
      animation: fade-in 0.8s ease infinite;
      -webkit-animation: fade-in 0.8s ease infinite;
      -moz-animation: fade-in 0.8s ease infinite;
      -o-animation: fade-in 0.8s ease infinite;
      -ms-animation: fade-in 0.8s ease infinite;
  }
  
  #u-meta-title-hiding .meta-title { color:#000 }

  Pages using this styling

  • scp-zh-418 [info]

  ¶ 1 occurrence
  

  :root {
    --header-title: "SCP Foundation";
    --header-subtitle: "Secure, Contain, Protect";
  }
  
  div#extra-div-1 {
      background-image: url(http://scp-sandbox-3.wdfiles.com/local--files/collab%3Aihp/scp-logo.svg);
      padding-top: 10px;
      filter: opacity(0.2);
  }
  
  #page-content .normal a {
     color: #000;
  }
  #page-content .normal a:hover {
      color: #888;
  }
  .notice{
      border: 1px solid #f9e24d;
      outline: 4px solid #b54d3b;
      color: #f9e24d;
      background: #b54d3b;
      padding: 10px;
      text-align: center;
  }

  Pages using this styling

  • scp-zh-176 [info]

  ¶ 1 occurrence
  

  :root {
       --header-title: "    ";
       --header-subtitle: "    ";
       --lgurl: url('https://upload.wikimedia.org/wikipedia/en/0/0a/Logo_of_the_SCP_Foundation.png');
  }
  
  @media only screen and (max-width: 26.5625rem) {
      :root {
     	 --header-title: "    ";
      }
    .mobiletable {overflow-x: auto; font-size: 80%;}
  }
  
  #page-title{display:none}
  
  .footnotes-footer{display:none;}

  Pages using this styling

  • scp-zh-161 [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@500&display=swap');
  @import url('https://scp-wiki.wdfiles.com/local--files/scp-zh-072/KouzanBrush.css');
  
  html {
      scroll-behavior: smooth;
  }
  
   :root{
      --header-title: "SITE-ZH-02";
      --header-subtitle: "WORKPLACE BURGLARY CASE";
      --titleColor: rgb(var(--bright-accent));
      --subtitleColor: rgb(var(--bright-accent));
      --lgurl: url(https://scp-wiki.wikidot.com/local--files/scp-zh-072/site-zh-02-icon.png);
      --bright-accent: 255, 153, 0;
      --dark-accent: 199, 109, 14;
      --barColour: rgb(var(--dark-accent));
      --body-font: verdana, Inter, "Temp Noto Sans TC", 微軟正黑體, "Microsoft JhengHei", "Microsoft JhengHei UI", “微軟雅黑”, "Microsoft YaHei", "Microsoft YaHei UI", sans-serif;
  }
  
  span[style*="color: t"] {
      color: transparent;
  }
  
  #top-bar .open-menu a {
      border: 0.2em solid rgb(var(--bright-accent)) !important;
      color: rgb(var(--bright-accent)) !important;
      background-image: repeating-linear-gradient(
  45deg
   ,hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, 0) 0.25vh, rgba(88, 88, 88, 0.1) 0.35vh, rgba(88, 88, 88, 0.2) 0.5vh), repeating-linear-gradient(
  180deg
   , hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, 0) 0.25vh, rgba(88, 88, 88, 0.1) 0.35vh, rgba(88, 88, 88, 0.2) 0.5vh);
      background-color: rgba(var(--black-monochrome), 1) !important;
  }
  
  #page-content > h2 {text-align: center;}
  
  .lost .collapsible-block {
      text-align: center;
  }
  
  
  /*----------acs adjustment----------*/
  
  .acs-contain:after {
      content: "(temp)";
      display: flex;
      align-items: center;
  }
  
  .acs-contain img {
      filter: saturate(0);
  }
  
  .acs-hybrid-text-bar .acs-contain {
      align-items: center;
  }
  
  /*----------mujin-getsudo css----------*/
  
  .mujin-getsudo {
  background:#000;
  color:#fff;
  max-height:100vh;
  overflow-y:scroll;
  }
  
  .mujin-getsudo::-webkit-scrollbar-thumb {
      background: rgba(255, 255, 255, 0.3);
  }
  
  .mujin-getsudo .header {
      background: url(https://scp-wiki.wikidot.com/local--files/scp-zh-072/seigaiha.png) top left repeat-x;
      height: 140px;
  }
  
  .mujin-getsudo .header:before {
      background: url(https://scp-wiki.wikidot.com/local--files/scp-zh-072/mujingetsudo.png) center no-repeat;
      height: 140px;
      background-size: 80%;
      width: 100%;
      content: " ";
      display: block;
  }
  
  .mujin-getsudo .content {
  padding: 1em;
  color:#fff;
  }
  
  .mujin-getsudo .scp-image-block {
      border-color: #ffefc2;
      box-shadow: none;
  }
  .mujin-getsudo .scp-image-block .scp-image-caption {
      border-color: #ffefc2;
      background-color: #000;
  }
  
  .mujin-getsudo blockquote,
  .mujin-getsudo .blockquote {
      background:  #000;
      border-width: 2px;
      border-style: solid;
      border-color: #262626;
  }
   
  .mujin-getsudo h1, .mujin-getsudo h2, .mujin-getsudo h3, .mujin-getsudo h4, .mujin-getsudo h5, .mujin-getsudo h6 {
      color: #fff;
  }
  
  .mujin-getsudo a, .mujin-getsudo  a:visited {
      color: #f2e2b6;
  }
  
  .mujin-getsudo .ad {
      display: flex;
      align-items: center;
      flex-wrap: wrap;
  }
  
  .mujin-getsudo .ad .scp-image-block {
      margin-top: 1em;
      margin-bottom: 1em;
  }
  
  .antimemetic *{
      color: transparent;
  }
  
  .antimemetic::selection *{
      opacity: 1;
  }
  
  
  
  .receipt {
      font-family: 'Noto Serif JP', serif;
      color: #064371;
      background: #fbfbf8;
      padding: 30px;
      width: 540px;
      height: 360px;
      max-width: unset !important;
      font-size: 15px;
      white-space: nowrap;
  }
  
  .receipt p, .receipt td{
      line-height: 141%;
  }
  
  .receipt .info table {
  width: 100%;
  }
  
  .receipt table td{
  border: unset;
  }
  
  .receipt .info table td:not(:last-child) {
     border-bottom: 1px solid #064371;
     font-size: 20px;
  }
  
  .receipt span[style*="color: hw"] {
      color: #000;
      font-family: 'kouzanmouhitu';
      font-size: 1.2em;
  }
  
  #page-title, .footnotes-footer, .blockquote .mailform-box .buttons {
      display: none;
  }

  Pages using this styling

  • scp-zh-072 [info]

  ¶ 1 occurrence
  

  .forumpost {
      background-image: none!important;
      padding: 0; padding-left: 0.5rem;
      height: 100%;
      width: 100%;
      background-color: rgb(var(--basalt-UI-dark-palette));
      color: rgb(var(--basalt-light-text-color));
      font-family: var(--header-font);
      font-size: 1.05em;
  }
  
  .forumquote {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px rgb(var(--basalt-UI-dark-palette))}
  
  #page-title { display: unset; }
  

  Pages using this styling

  • scp-vs-j [info]

  ¶ 1 occurrence
  

  
  div.terminal{
      border: 1px solid black;
      border: solid 3px #BBBBBB;
      border-radius: 16px;
      background-color: #131;
      /* black shadow at the top of the terminal */
      background-image: 
          radial-gradient(ellipse 1000% 100% at 50% 90%, transparent, #121);
      background-position: center;
      display: block;
      /* shadow around the terminal */
      box-shadow: inset 0 0 10em 1em rgba(0,0,0,0.5);
      /* prevents scanline from forming a scrollwheel */
      overflow:hidden;
  }
  div.terminal blockquote {
      background-color: black;
      border: double 3px #80FF80;
  }
  
  div.scanline{
      margin-top: -40%;
      width: 100%;
      height: 60px;
      position: relative;
      pointer-events: none;
      /* Safari 4.0 - 8.0 */
      -webkit-animation: scan 12s linear 0s infinite; /* You may need to change this. If the bar goes by too quickly, increase 5s. */
      animation: scan 12s linear 0s infinite; /* Same as above */
      background: linear-gradient(to bottom, rgba(56, 112, 82,0), rgba(56, 112, 82,0.1)) !important;
  }
  
  div.text {
      color: rgba(128,255,128,0.8);
      padding-left: 2em;
      padding-top: 40%;
      font-family: monospace;
      font-size: 1.2em;
      }
  
  /* Safari 4.0 - 8.0 */
  @-webkit-keyframes scan{
      from{ transform: translateY(-10%);}
      to{  transform: translateY(5000%);} /* You may need to change this depending on the length of your terminal. If the scanline stops halfway, increase the second number.*/
  }
  
  @keyframes scan{
      from{ transform: translateY(-10%);}
      to{  transform: translateY(5000%);} /* Same as above.*/
  }
  
  div.text a {
      color: #90EE90;
      text-decoration: none;
      background: transparent;
  }
  div.text a.newpage {
      color: #90EE90;
      text-decoration: none;
      background: transparent;
  }
  div.text a:hover {
      color: #131;
      text-decoration: underline;
      background-color: #80FF80;
      padding: 1px;
  }
  div.text a:hover::before{
  content: "> ";
  }

  Pages using this styling

  • scp-style-resource [info]

  ¶ 1 occurrence
  

  /* //// When you want to add new "records", //// */
  /* //// add new "options" like the following format. //// */
  .r1 {animation-delay: 3s;}
  .r2 {animation-delay: 6s;}
  
  .tape-wrap .collapsible-block-unfolded-link .collapsible-block-link
  {animation-delay: calc(6s + 2s);}
  
  .tape-record {position: relative;height: 6em;pointer-events: none;}.record {display: block;position: absolute;width: 100%;animation-name: record;animation-duration: 2.5s;opacity: 0;top: 0;text-align: center;}.tape-wrap {position: relative;background-color: rgba(244, 244, 244, 1);border: 1px dashed #999;padding: 0 1em;}.tape-anim {position: relative;background-image: url("https://scp-wiki.wikidot.com/local--files/scp-style-resource/DoxYSJAV4AET63r.webp");background-size: 200px;background-position: center center;background-repeat: no-repeat;min-height: 300px;}.tape-left,.tape-right {display: block;position: absolute;margin: auto;height: 0;width: 70px;padding-bottom: 100%;background-image: url("https://scp-wiki.wikidot.com/local--files/scp-style-resource/scp_trans.webp");background-size: contain;background-position: center center;background-repeat: no-repeat;pointer-events: none;}.tape-left {top: -20px;bottom: 0;left: -70px;right: 0;animation-name: spin1;animation-duration: 15s;animation-timing-function: linear;animation-fill-mode: forwards;}.tape-right {top: 0;bottom: -32px;left: 0;right: -72px;animation-name: spin1;animation-duration: 20s;animation-timing-function: linear;animation-fill-mode: forwards;}.tape-wrap .collapsible-block-unfolded-link {padding-top: 1em;}.tape-wrap .collapsible-block-folded,.tape-wrap .collapsible-block-unfolded-link {position: relative;text-align: center;}.tape-wrap .collapsible-block-link:before {display: inline-block;font: normal normal normal 14px/1 FontAwesome;font-size: inherit;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;transform: translate(0, 0);}.tape-wrap .collapsible-block-folded .collapsible-block-link:before {content: "\f04b";}.tape-wrap .collapsible-block-unfolded-link .collapsible-block-link:before {content: "\f1da";}.tape-wrap .collapsible-block-unfolded-link .collapsible-block-link {animation-name: g-ex;animation-duration: 1s;animation-fill-mode: forwards;visibility: hidden;opacity: 0;}.tape-wrap .collapsible-block-folded {padding-top: 1em;padding-bottom: 1em;}@keyframes g-ex {50% {visibility: visible;opacity: 0;}100% {visibility: visible;opacity: 1;}}@keyframes spin1 {0% {transform: rotate(0deg);}100% {transform: rotate(360deg);}}@keyframes record {0% {opacity: 0;}25% {opacity: 1;}75% {opacity: 1;}100% {opacity: 0;}}@-moz-document url-prefix() {.tape-anim {height: 300px;}.tape-left,.tape-right {display: block;width: 70px;height: 70px;position: relative;margin: 0 auto;padding: 0 auto;}.tape-left {top: 105px;bottom: initial;left: -36px;}.tape-right {top: 60px;bottom: initial;left: 35px;}}

  Pages using this styling

  • scp-style-resource (2) [info]

  ¶ 1 occurrence
  

  .danke {
      padding: 5px;
      margin-bottom: 10px;
      font-family: monospace;
      font-size: 1.1em; 
  }
  
  .agent {
      background-color:#002200;
      border: 3px solid #55AA55;
      color: #77CC77;
  }
  
  .site {
      background-color:#222200;
      border: 3px solid #AAAA55;
      color: #DDDD77;
  }
  
  .page {
      display: block;
      overflow: hidden;
      font-family: "Monotype Corsiva", "Bradley Hand ITC", sans-serif;
      font-style: normal;
      background-attachment: scroll;
      background-clip: border-box;
      background-color: transparent;
      background-image: linear-gradient(to top ,rgb(202, 219, 228) 0%, rgb(231, 233, 220) 8%);
      background-origin: padding-box;
      background-position: 0px 8px;
      background-repeat: repeat;
      background-size: 100% 20px;
      border: 1px solid #CCC;
      border-radius: 10px;
      padding: 10px 10px;
      margin-bottom: 10px;
      box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2)
  }
  
  .page p, .page ul {
      line-height: 20px;
      margin: 0;
  }

  Pages using this styling

  • scp-style-resource [info]

  ¶ 1 occurrence
  

  /* CODE FROM BASALT */
  .smallmodal {
      padding: 15px 15px 15px 15px;
      box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
      width: 75%;
      margin: auto;
      background: rgb(253, 253, 253);
      border: solid 2px #5D5D5D;
  }
  
  /* FROM STYLE RESOURCE, DUNNO WHERE IT'S ORIGINALLY FROM */
  
  .login .collapsible-block-folded a.collapsible-block-link {
      animation: blink 0.8s ease-in-out infinite alternate;
  }
  @keyframes blink {
      0% { color: transparent; }
      50%, 100% { color: #b01; }
  }
  
  /* FROM WORD PROCESSOR */
  
  #u-blink-bar p:last-child::after {
      content: "Several people are typing...";
      border-right: 1px solid black;
      animation: blink 1.9s infinite;
      position: relative;
      left: 1px;
  }
   
  @keyframes blink{
      to {
          opacity: .0;
      }
  }

  Pages using this styling

  • scp-spdr-j [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css?family=Dancing+Script');
  @import url('https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;700&display=swap');
  
  :root{
      --mono-font: "Fira Code", Cousine, monospace;
  }
  
  .pigeon{
      font-family: 'Dancing Script', cursive;
      color: #a40;
  }
  
   .lie{
       margin: 1px;
  
       background-color: hsla(207, 75%, 50%, .3);
  
       word-break: unset;
       font-family: var(--mono-font);
  }
  
  .taboo a{
      color: green;
      font-style: bold;
      font-weight: 800;
  }

  Pages using this styling

  • scp-series-5-tales-edition [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css?family=Indie+Flower');
  @import url('https://fonts.googleapis.com/css?family=Dancing+Script|IM+Fell+DW+Pica+SC');
  
  .news {
    font-family: 'IM Fell DW Pica SC', serif;
    color: #000000;
  }
  
  .lie{
      font-family: 'Courier', monospace;
      font-weight: bold;
      margin: 2px 1px 1px;
      background-color: #a3cef1;
      overflow-wrap: break-word;
  }
  
  .pigeon {
    font-family: 'Dancing Script', cursive;
    color: #a40;
  }
  
  .taboo a{
      color: green;
      font-style: bold;
      font-weight: 800;
  }
  
  .pinkle {
  color:#02861C;
  background-color: #FBFBEF;
  }
  

  Pages using this styling

  • scp-series-5-audio-edition [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css?family=Indie+Flower');
  @import url('https://fonts.googleapis.com/css?family=Dancing+Script|IM+Fell+DW+Pica+SC');
  @import url('https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;700&display=swap');
  @import url('https://fonts.googleapis.com/css?family=Ruslan+Display');
  
  :root{
      --mono-font: "Fira Code", Cousine, monospace;
  }
  
  .news {
    font-family: 'IM Fell DW Pica SC', serif;
    color: #000000;
  }
  
   .lie{
       margin: 1px;
  
       background-color: hsla(207, 75%, 50%, .3);
  
       word-break: unset;
       font-family: var(--mono-font);
  }
  
  .pigeon {
    font-family: 'Dancing Script', cursive;
    color: #a40;
  }
  
  .taboo a{
      color: green;
      font-style: bold;
      font-weight: 800;
  }
  
  .pinkle {
  color:#02861C;
  background-color: #FBFBEF;
  }
  
  .shadow {
      font-family: 'Ruslan Display', cursive;
      font-size: 110%;
  }
  

  Pages using this styling

  • scp-series-5 [info]

  ¶ 1 occurrence
  

  #page-content div.collab > ul > li > a { font-weight: normal; }

  Pages using this styling

  • scp-series-1-tales-edition [info]

  ¶ 1 occurrence
  

  li:first-child > div.colmod-content {
    text-align: left;
  }
  div.colmod-link-top {
   text-align: center;
  }
  .footnotes-footer {
    display: none;
  }
  div.terminal{
      border: 1px solid black;
      border: solid 3px #BBBBBB;
      border-radius: 16px;
      background-color: #131;
      /* black shadow at the top of the terminal */
      background-image: 
          radial-gradient(ellipse 1000% 100% at 50% 90%, transparent, #121);
      background-position: center;
      display: block;
      /* shadow around the terminal */
      box-shadow: inset 0 0 10em 1em rgba(0,0,0,0.5);
      /* prevents scanline from forming a scrollwheel */
      overflow:hidden;
      margin:12px 0;
  }
  div.terminal blockquote {
      background-color: black;
      border: double 3px #80FF80
  }
  div.text{
      color: rgba(128,255,128,0.8);
      padding: 0.2em 1.7em;
      font-family: monospace;
      font-size: 1.2em;
  }
  div.text a {
      color: #90EE90;
      text-decoration: none;
      background: transparent;
  }
  div.text a.newpage {
      color: #90EE90;
      text-decoration: none;
      background: transparent;
  }
  div.text a:hover {
      color: #131;
      text-decoration: underline;
      background-color: #80FF80;
      padding: 1px;
  }
  div.text a:hover::before{
      content: "> ";
  }
  .folded > .colmod-link-top > .foldable-list-container > .wiggle {
      animation: wiggleAnim 8s infinite linear;
      display: inline-block;
      position: relative;
  }
  @keyframes wiggleAnim {
      0%   { transform: translateX(0); }
      25%  { transform: translateX(-100%); }
      50%  { transform: translateX(0); }
      75%  { transform: translateX(100%); }
      100% { transform: translateX(0); }
  }
  
  .email-example .folded a {
      animation: blink 0.8s ease-in-out infinite alternate;
  }
  @keyframes blink {
      0% { color: transparent; }
      50%, 100% { color: #b01; }
  }
  .email {border: solid 2px #000000; width: 88%; padding: 1px 15px; margin: 10px; box-shadow: 0 1px 3px rgba(0,0,0,.5)}
  .email-example a.collapsible-block-link {font-weight: bold;}
  .tofrom {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px maroon}
  
  .snote {
  position: absolute;
  right: 0;
  transform: rotate(25deg);
  width: auto;
  }
  
  .danke {
      padding: 5px 12px;
      margin-bottom:10px;
      font-family: monospace;
      font-size: 1.2rem; 
  }
  
  .agent {
      background-color:#002200;
      border: 3px solid #55AA55;
      color: #77CC77;
  }
  
  .site {
  margin-top: 1.5em;
      background-color:#222200;
      border: 3px solid #AAAA55;
      color: #DDDD77;
  }
  
  .image-hover-enlarge {
  margin-top: 1em !important;
  }
  
  .warning-box {
  margin-top: 1em !important;
  }
  
  .wiki-email a {
  font-feature-settings: normal;
  }

  Pages using this styling

  • scp-secret-j [info]

  ¶ 1 occurrence
  

  :root {
    --ct_cnt_alt-header-txt: "Foundation";
  }
  
  #header h1 a::before {
  content : 'SCP';
  animation : flicker 3s linear infinite;
  font-size : var(--ct_fns_alt-header-txt);
  }
  
  #header h1 a::after {
  content : ' Foundation';
  animation: none;
  }
  
  #header h1 a span {
      display: inline-block;
      width: 0.5em;
      color: transparent;
      text-shadow: none;
  }

  Pages using this styling

  • scp-que13-126 [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');
  
  :root {
  --top-layer-height-offset: 2em;
  }

  Pages using this styling

  • scp-pl-401 [info]

  ¶ 1 occurrence
  

  #header {
  background-image: url(http://scp-sandbox-3.wdfiles.com/local--files/ralliston/ontologo)
  }
  div#header h1 a span {
  font-size: 0px;
  }
  div#header h1 a:before {
  content: "Site-120";
  color: #eee;
  
  }
  div#header h2 span {
  font-size:0px;
  padding: 4px;
  }
  div#header h2:after {
  content: "Fighting Fire With Fire";
  font-weight: bold;
  color: #f0f0c0;
  padding: 19px 0;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, .8);
  white-space: pre;
  }

  Pages using this styling

  • scp-pl-399 [info]

  ¶ 1 occurrence
  

  body {
  filter: grayscale(100%);
  }
  a {
      text-decoration: underline;
  }

  Pages using this styling

  • scp-pl-399 [info]

  ¶ 1 occurrence
  

  .blinking{
      animation:blinkingText 1.5s infinite;
  }
  @keyframes blinkingText{
      0%{     color: black;    }
      49%{    color: transparent; }
      50%{    color: transparent; }
      99%{    color: black;  }
      100%{   color: black;    }
  }
  
  .notice{
      border: 1px solid #f9e24d;
      outline: 4px solid #b54d3b;
      color: #f9e24d;
      background: #b54d3b;
      padding: 10px;
      text-align: center;
  }
  
  #page-content .scp-image-block .scp-image-caption {
    color: black;
  }

  Pages using this styling

  • scp-pl-380 [info]

  ¶ 1 occurrence
  

   .div{margin:0.5em 0;padding:0 1em;background:hsl(0,0%,100%);border:1px solid hsl(000, 000%, 75%)}

  Pages using this styling

  • scp-pl-355 [info]

  ¶ 1 occurrence
  

   :root {
       --accentColor: hsl(246, 94%, 64%);
       --accentColorLite: hsla(246, 94%, 64%, .5);
       --hue: 246deg;
  
      --bgColor: hsl(222, 12%, 21%);
      background: var(--bgColor);
      --fgColor: hsl(222, 16%, 15%);
  }
  

  Pages using this styling

  • scp-pl-339 [info]

  ¶ 1 occurrence
  

  
  sup {
  
  vertical-align: top; position: relative; top: -0.5em;
  
  }
  :root {
  
  
     --lgurl: url('http://scpdsandbox.wdfiles.com/local--files/collab%3Agenghis-khan/ontologo21');
  --cutColour: #fafafa;
  --barColour: #191b1c;
  }
  .translation_block {
  
  display:none;
  
  }
  
  .info-container .collapsible-block-folded a {
  
  color: #FFF;
  
  }
  
  .info-container .collapsible-block-unfolded-link a {
  
  color: #FFF;
  
  }
  
  .info-container .collapsible-block-link,
  
  .info-container:hover .collapsible-block-link {
  
  line-height: 1.6em;
  
  }
  

  Pages using this styling

  • scp-pl-259 [info]

  ¶ 1 occurrence
  

  :root:lang(en){
  
     --header-title: "SITE 120" !important;
     --header-subtitle: "FIGHTING FIRE WITH FIRE" !important;
  }

  Pages using this styling

  • scp-pl-259 [info]

  ¶ 1 occurrence
  

  :root{
    --header-title: "R\0026 C SITE-120";
    --header-subtitle: "FIGHTING FIRE WITH FIRE";
  }
  
  div#extra-div-1 {
      background-image: url(https://scp-wiki.wdfiles.com/local--files/secure-facility-dossier-site-120/120.png);
      filter: opacity(20%);
  }
  #top-bar .open-menu {
      display : block !important;
  }

  Pages using this styling

  • scp-pl-253 [info]

  ¶ 1 occurrence
  

  /*== variables ==*/
  :root {
  
    /* Background Color (Default: white) */
    --fadeout-background: #FCFCFC;
  
    /* FadeOut Duration */
    --fadeout-time: 1s;
  
    /* Image FadeIn Duration (If you use image fade-in) */
    --img-fadein-time: 1s;
  
    /* Image Fadein Delay (If you use image fade-in) */
    --img-fadein-delay: 1s;
  
    /* Text FadeIn Duration (If you use image fade-in) */
    --txt-fadein-time: 500ms;
  
    /* Text Fadein Delay (If you use image fade-in) */
    --txt-fadein-delay: 1s;
  }
  
  /*== BASE CODE ==*/
  
  .fadeout-wrapper  {
    position: relative;
    overflow: hidden;
  }
  
  .fadeout-wrapper .cover{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: -1;
    background: var(--fadeout-background);
    color: transparent;
    animation-name: cover-anim;
    animation-duration: var(--fadeout-time);
    animation-timing-function: linear;
    animation-delay: 3500ms;
    animation-iteration-count: 1;
    animation-direction: forwards;
    animation-fill-mode: forwards;
  }
  
  @keyframes cover-anim {
    0% {
      opacity: 0;
      z-index:2;
    }
    100% {
      opacity: 1;
     z-index:2;
    }
  }
  
  .fadeout-wrapper .escape {
    position: relative;
    display: inline-block;
    z-index: 3;
  }
  
  .fadeout-wrapper .fadein-img img{
    position: relative;
    z-index: 3;
    opacity: 0;
    animation: cover-anim var(--img-fadein-time) linear var(--img-fadein-delay) 1 forwards;
  }
  
  .fadeout-wrapper .fadein-txt {
    position: relative;
    z-index: 3;
    opacity: 0;
    animation: cover-anim var(--txt-fadein-time) linear var(--txt-fadein-delay) 1 forwards;
  }
  
  #extra-div-1 {
    background: url("https://scp-wiki.wikidot.com/local--files/scp-pl-186/log.jpg");
    display: none;
  }

  Pages using this styling

  • scp-pl-186 [info]

  ¶ 1 occurrence
  

  #page-content .collapsible-block-folded a.collapsible-block-link,
  #page-content .collapsible-block-unfolded a.collapsible-block-link {
  font-weight: bold;
  color:black;
  }

  Pages using this styling

  • scp-pl-186 [info]

  ¶ 1 occurrence
  

  :root {
      --linkColour: #FFF;
      --barColour: #633;
  }
  
  #breadcrumbs{
  margin: auto;
  text-align: center;
  padding-bottom: 4px;
  }
  
  #page-title {
      position: relative;
      text-align: center;
      border-bottom: none;
      margin-bottom: 0;
  }
  
  .info-container {
      content: " ";
      width: 100%;
      text-align: center;
      bottom: 2em;
      margin-bottom: 1em;
  }
  
  .info-container h1 {
      text-align: center;
  }
  
  .info-container .collapsible-block-folded,
  .info-container .collapsible-block-unfolded-link {
  -webkit-mask: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 23.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.2' baseProfile='tiny' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 628 18' xml:space='preserve'%3E%3Cpolygon fill='%23B2B2B2' points='628.3,0 0,0 0,5.3 243.6,5.3 268.1,18.2 360,18.3 384.7,5.3 628.3,5.3 '/%3E%3C/svg%3E%0A");
    mask: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 23.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.2' baseProfile='tiny' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 628 18' xml:space='preserve'%3E%3Cpolygon fill='%23B2B2B2' points='628.3,0 0,0 0,5.3 243.6,5.3 268.1,18.2 360,18.3 384.7,5.3 628.3,5.3 '/%3E%3C/svg%3E%0A");
      -webkit-mask-size: cover;
      mask-size: cover;
      -webkit-mask-position: top center;
      mask-position: top center;
      background: var(--barColour);
  }
  
  .info-container .collapsible-block-folded {
      display: block;
      margin: 0 auto;
      height: 1.5em;
      width: 100%;
  }
  
  .translation_block > p {
      margin: 1em 2em 0 2em;
  }
  
  .info-container .collapsible-block-folded .collapsible-block-link, .info-container .collapsible-block-link {
      -webkit-mask: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 23.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.2' baseProfile='tiny' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 103 205.3' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cpath fill='%23FFFFFF' d='M4.2,75.6c24.1-2.6,48.2-5.2,74.9-8.1c0,15.6,0,29.4,0,43.3c0,20.8,0.4,41.6-0.2,62.3 c-0.3,10.5,4,16.3,13.4,20c4,1.5,7.1,5.3,10.6,8c-0.8,1.4-1.6,2.8-2.4,4.3c-32.4,0-64.8,0-97.3,0c-0.9-1.1-1.7-2.3-2.6-3.4 c3.3-2.7,6.2-7,9.9-7.8c11.4-2.3,15.3-9,15.2-19.9c-0.2-20.3-0.6-40.5,0.1-60.8c0.4-11.8-4.4-18.1-15-22.3c-4.4-1.8-7.4-7.2-11-11 C1.4,78.6,2.8,77.1,4.2,75.6z'/%3E%3Cpath fill='%23FFFFFF' d='M79.6,27c0,16.3-11,26.9-27.5,26.7c-16.5-0.2-26.2-9.9-26.2-26c0-17,10.1-27.7,26.5-27.7 C68.6-0.1,79.6,10.8,79.6,27z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
      mask: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 23.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.2' baseProfile='tiny' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 103 205.3' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cpath fill='%23FFFFFF' d='M4.2,75.6c24.1-2.6,48.2-5.2,74.9-8.1c0,15.6,0,29.4,0,43.3c0,20.8,0.4,41.6-0.2,62.3 c-0.3,10.5,4,16.3,13.4,20c4,1.5,7.1,5.3,10.6,8c-0.8,1.4-1.6,2.8-2.4,4.3c-32.4,0-64.8,0-97.3,0c-0.9-1.1-1.7-2.3-2.6-3.4 c3.3-2.7,6.2-7,9.9-7.8c11.4-2.3,15.3-9,15.2-19.9c-0.2-20.3-0.6-40.5,0.1-60.8c0.4-11.8-4.4-18.1-15-22.3c-4.4-1.8-7.4-7.2-11-11 C1.4,78.6,2.8,77.1,4.2,75.6z'/%3E%3Cpath fill='%23FFFFFF' d='M79.6,27c0,16.3-11,26.9-27.5,26.7c-16.5-0.2-26.2-9.9-26.2-26c0-17,10.1-27.7,26.5-27.7 C68.6-0.1,79.6,10.8,79.6,27z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
      display: block;
      width: 100%;
      height: 100%;
      -webkit-mask-size: 0.5em;
      mask-size: 0.5em;
      -webkit-mask-position: top center;
      mask-position: top center;
      mask-position-y: 3px;
      -webkit-mask-position-y: 3px;
      mask-repeat: no-repeat;
      -webkit-mask-repeat: no-repeat;
      background: var(--linkColour);
      text-decoration: none;
  }
  
  
  .info-container .collapsible-block-unfolded-link {
      display: block;
      margin: 0 auto;
      height: 1.5em;
      width: 100%;
  }
  
  .info-container .collapsible-block-unfolded {
      border: 1px solid #BBB;
      border-top: none;
  }
  
  .info-container .collapsible-block-content {
      text-align: left;
      padding-bottom: 30px;
  }
  
  .info-container .collapsible-block-content > div:nth-child(1) > p {
      margin: 2em;
  }
  
  .u-faq a:link {
      font-size: 80%;
  }
  
  #u-author_block > p > a {
      display: inline;
      padding: 0.8em;
      background: var(--barColour);
      color: var(--linkColour);
      border-radius: 0.25vw;
      box-shadow: 0 0px 4px rgba(0, 0, 0, 0);
      transition: -webkit-backdrop-filter .3s, backdrop-filter .3s, box-shadow .3s;
  }
  
  #u-author_block > p > a:hover {
      box-shadow: 0px 3px 4px rgba(0, 0, 0, .8);
      text-decoration: none;
  }
  
  .translation_block {
      display: block;
      margin: 0 2em;
      width: calc(100% - 4em);
      text-align: center;
  }
  
  .translation_block iframe{
      width: 17.2em;
  }
  
  .translation_block > p > iframe {
      margin: 0 auto;
      width: 19em;
      display: block;
  }
  
  .translation_block > p {
      margin: 0;
  }
  

  Pages using this styling

  • scp-pl-180 [info]

  ¶ 1 occurrence
  

  #page-content .collapsible-block {  
    max-width: 100%;
  background-color: #FFE9C1;
  text-color: black;
     border-color: #b01;
      border: solid 2px #b01;
  padding: 5px;
  }
  .collapsible-block-content p {
  padding-left: 5px;
  padding-right: 5px;
  padding-bottom: 5px;
  padding-top: 5px;
  }
  .collapsible-block-content{
  text-align: left;
  }
  
  .collapsible-block-folded, .collapsible-block-unfolded{
  text-align: center;
  text-color: black;
  }

  Pages using this styling

  • scp-pl-067 [info]

  ¶ 1 occurrence
  

  @media (max-width: 767px){
  
  /* ---- ITEM INFO ---- */
   .itemInfo{
       font-size: 100%;
  }
  }
   .series-nav {
     /* -- Series Navigator -- */
       display: flex;
       justify-content: center;
       margin: 1rem 0;
       padding: .02rem 1rem;
   
       color: var(--textColorAlt);
       background: var(--fgColor);
       border-top-right-radius: .67rem;
       border-top-left-radius: .67rem;
       border-bottom: 2px solid var(--accentColor);
   
       font: 85% var(--header-font);
  }
   
  /* -- Earthworm Series Navigator --
   *   by Croquembouche
  **/
   #page-content .earthworm .first,
   #page-content .earthworm .first:not(.true) img,
   #page-content .earthworm .hub,
   #page-content .earthworm .last,
   #page-content .earthworm .last:not(.true) img {
       background: #2a3b41;
       border-color: rgba(96,213,248,0.3);;
  }
   
   .earthworm .hub {
       font-size: 1.05rem;
  }
   
   #page-content .earthworm a {
       border-bottom: 0;
  }
   
   #page-content .earthworm a[href="/"] {
       color: var(--textColorAlt);
       filter: unset;
  }
   
   .earthworm p {
       cursor: text;
  }
   
   .bt,
   .listPagesNav-prev p, .listPagesNav-next p,
   .related > p:nth-child(1)::before,
   .related > ol:nth-child(1)::before,
   .related > ul:nth-child(1)::before,
   .related > a:nth-child(1)::before,
   #page-content .earthworm a,
   #toc .title,
   strong {
       filter: saturate(.85) brightness(1.15);
  }

  Pages using this styling

  • scp-pl-054 [info]

  ¶ 1 occurrence
  

  :root {
      --linkColor: #27bb96;
      --primaryBackgroundColor: #121617;
      --secondaryBackgroundColor: #0B0D0C;
      --tertiaryBackgroundColor: #193034;
      --shadow: rgba(96,213,248,0.3);
      --borderColor: #2a3b41;
      --selectionColor: #0D929F;
      --textColor: #f4f4f4;
      --header-title: 'Dark Arts Bureau';
  } 
  ::-webkit-scrollbar-track {
      background: var(--secondaryBackgroundColor);
  
  }

  Pages using this styling

  • scp-pl-054 [info]

  ¶ 1 occurrence
  

  :root{
     /* -- TITLES -- */
       --header-title: "SCP FOUNDATION";
       --header-subtitle: "Pataphysics Department";
     /* -- LOGO -- */
       --lgurl: url(https://scp-wiki.wikidot.com/local--files/theme:pataphysics/pataphysicslogo-ani.svg);
  }
  
  
  
  /* ---- FANCY COLLAPSIBLES ---- */
  /* Base */
   .collapsible-block-folded,
   .collapsible-block-unfolded-link{
       margin: 1rem auto;
       padding: .53rem 1rem;
   
       background: transparent;
       transition: all .2s ease-in-out;
   
       text-align: center;
  }
   .collapsible-block-unfolded-link{
       border-top: thick solid var(--accentColor);
       transition: all .2s ease-in-out;
  }
   .collapsible-block-unfolded > *:nth-child(3){
       border-top: 0;
       border-bottom: thick solid var(--accentColor);
  }
   .collapsible-block-link{
       font: 1.35rem var(--header-font);
       letter-spacing: 1px;
   
       white-space: nowrap;
       word-break: break-all;
  }
   @media (max-width: 767px){
       .collapsible-block-link{
            font-size: .85rem;
      }
  }
   
  /* Pseudo-elements */
   .collapsible-block-link::before{
       content: " ";
  }
   .collapsible-block-link::after{
       content: " ";
  }
   .collapsible-block-unfolded .collapsible-block-link::before,
   .collapsible-block-unfolded > *:nth-child(3) .collapsible-block-link::before{
       content: "− "
  }
   .collapsible-block-unfolded .collapsible-block-link::after,
   .collapsible-block-unfolded > *:nth-child(3) .collapsible-block-link::after{
       content: " −"
  }
   .collapsible-block-folded:hover,
   .collapsible-block-unfolded-link:hover{
       background-color: var(--accentColorLite);
       transition: all .2s ease-in-out;
  }
   .collapsible-block-link:hover{
       padding: .067rem !important;
   
       color: var(--alphaColor);
       border-bottom: thin solid var(--alphaColor) !important;
       transition: all .2s ease-in-out;
  }
  /* 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;}
  }
   
   

  Pages using this styling

  • scp-pl-046 [info]

  ¶ 1 occurrence
  

  .body-text {
      margin: 2% 13% 2% 9%;
      padding: 5px 20px 5px 20px;
      background-color: #f2f2f2;
      color: #111;
  }
  
  .text4desk {
      width: 70%;
      margin: auto;
      text-align: center;
  }
  
  #page-content .collapsible-block {  
    max-width: 100%;
      /* text-align: center; */
      text-align: center;
      text-color: black;
      border-color: #fff;
      border: solid 1px #fff;
  }
  #page-content .collapsible-block-folded { 
      background-color: #f2f2f2;
  }
  
  #page-content .collapsible-block-unfolded { 
      text-align: center;
      margin: auto;
  }
  
  #page-content .collapsible-block-link {  
      font-size: 1.5em;
      font-weight: 900;
  }
  
  .collapsible-block-content p {
      text-align: left;
      padding-left: 5px;
      padding-right: 5px;
  }
  
  @media only screen and (max-width: 600px) {
  
      .body-text {
          margin: 0% 4% 0% 4%;
      }
  
      .text4desk {
          width:100%;
      }
  
  }
  
  

  Pages using this styling

  • scp-oct-hub [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+Antique:wght@300;400;500;700;900&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@700&display=swap');
  :root {
  --logo: url(http://scp-wiki.wdfiles.com/local--files/fragment%3Amcdoctorate-s-proposal-5/foundationslogos1.png);
  --header-title: 'SECURE SITE-88';
  --header-subtitle: 'STRANGE - CURIOUS - PECULIAR';
  --header-font-primary: 'Poppins';
  --body-font-primary: 'Zen Kaku Gothic Antique', sans-serif;
  --basalt-undertone: 18, 18, 18;
  --swatch-menubg-black-color: 10,10,10;
  --general-border-color: 18, 18, 18;
  --swatch-menutxt-dark-color: 69, 69, 69;
  --UI-font-primary: 'Poppins';
  
  body{
  background-color: #00849c;
  background-image: url("data:image/svg+xml,%3Csvg width='52' height='26' viewBox='0 0 52 26' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%233b3b3b' fill-opacity='0.19'%3E%3Cpath d='M10 10c0-2.21-1.79-4-4-4-3.314 0-6-2.686-6-6h2c0 2.21 1.79 4 4 4 3.314 0 6 2.686 6 6 0 2.21 1.79 4 4 4 3.314 0 6 2.686 6 6 0 2.21 1.79 4 4 4v2c-3.314 0-6-2.686-6-6 0-2.21-1.79-4-4-4-3.314 0-6-2.686-6-6zm25.464-1.95l8.486 8.486-1.414 1.414-8.486-8.486 1.414-1.414z' /%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  }
  #page-content a.collapsible-block-link {
  font-weight: 800;
  color:#39ffbb;
  }
  .footnoteref {
  font-weight: 800;
  }

  Pages using this styling

  • scp-numberonedoggo-j [info]

  ¶ 1 occurrence
  

  :root {
      --title: " THE FIFTH SUIT";
      --subtitle: " DEPARTMENT OF OTHER";
  }
  
  .anom-bar-container.esoteric .text-part > .main-class::after, .danger-diamond > .bottom-icon::before {
      background-image: url("http://topia.wdfiles.com/local--files/peppo-wowow/daasElyon2.svg")
  }
  
  .custom2 table {
      width: 100%;
  }
  
  .custom2 tr td {
      padding: 10px !important;
  }
  
  .footnotes-footer {
  display: none;
  }

  Pages using this styling

  • scp-more-gun-j [info]

  ¶ 1 occurrence
  

  .blinky a {
    animation: blinker 1s linear infinite;
  }
  
  @keyframes blinker {
    50% {
      opacity: 0;
    }
  }

  Pages using this styling

  • scp-meta-ex-j-offset [info]

  ¶ 1 occurrence
  

  #page-title { display: none; }
  
  :root {
      --ct_col_tab-menu-text: black;
      --ct_col_tab-menu-bg-selected-txt: black;
      --int-tabs-transition: 250ms ease-in-out;
  }
  
  .newest-translations > div:nth-child(1) > p {
      display: -ms-grid;
      display: grid;
      -ms-grid-columns: 1fr 1px 1fr 1px 1fr;
      grid-template-columns: repeat(3, 1fr);
      grid-gap: 1px;
      grid-auto-rows: auto;
      height: 100%;
      margin-top: 0;
  }
  
  .newest-translations > div:nth-child(1) > p > a {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
         -moz-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
         -moz-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      width: 100%;
      height: 100%;
      padding: 0.25em;
      text-align: center;
      word-break: inherit !important;
  }
  
  .newest-translations > div:nth-child(1) br {
      display: none;
  }
  
  .tab-box {
      border: 1px solid #a3a3a3;
      border-radius: 5px;
      padding: 0.4rem;
  }
  
  .yui-navset .yui-content {
      background-color: white;
      border: none;
  }
  
  .yui-navset .yui-content .content-type-options {
     padding: 0 2rem;
  }
  .yui-navset .yui-content .content-type-options ul {
     padding-left: 1.5em;
     margin-top: 0.15em;
     margin-left: 0;
  }
  
  .yui-navset .yui-content .content-type-options p {
     margin-bottom: 0;
     margin-top: 0;
  }
  .yui-navset .yui-nav,
  .yui-navset .yui-navset-top .yui-nav {
      border-color: white;
  }
  
  .yui-navset .yui-nav a em,
  .yui-navset .yui-navset-top .yui-nav a em {
      text-align: center;
      border: none;
      font-size: 1rem;
      font-weight: bold;
      color: black;
      text-shadow: -1px 0 white,
                          0 1px white,
                          1px 0 white,
                          0 -1px white,  
                          -1px -1px white,  
                          -1px 1px white,  
                          1px -1px white,  
                          1px 1px white;
      transition: var(--int-tabs-transition);
  }
  .yui-nav {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-around;
      gap: 0.45rem;
  }
  .yui-navset .yui-nav li, .yui-navset .yui-navset-top .yui-nav li {
      flex-basis: 7rem;
      flex-grow: 1;
      min-width: max-content;
      margin: 0;
  }
  .yui-navset .yui-nav .selected, .yui-navset .yui-navset-top .yui-nav .selected {
      margin: 0;
  }
  .yui-navset .yui-nav a,
  .yui-navset .yui-navset-top .yui-nav a {
      border: 1px solid #a3a3a3;
      border-radius: 5px;
  }
  .yui-navset .yui-nav a,
  .yui-navset .yui-navset-top .yui-nav a,
  .yui-navset .yui-nav a:hover,
  .yui-navset .yui-nav a:focus,
  .yui-navset .yui-nav .selected a,
  .yui-navset .yui-nav .selected a:hover,
  .yui-navset .yui-nav .selected a:focus {
      background: var(--logo) center/contain no-repeat;
      transition: var(--int-tabs-transition);
      background-color: white;
      box-sizing: border-box;
  }
  
  .yui-navset .yui-nav a:is(:hover, :focus) {
      transform: scale(1.15);
      z-index: 1;
  }
  .yui-navset .yui-nav .selected a {
      box-shadow: 0 0 0 0.1rem black;
  }
  .yui-navset .yui-nav .selected a:is(:hover, :focus) {
      transform: none;
  }
  .yui-nav > li > a::before {
      content: "";
      position: absolute;
      inset: 0;
      transition: var(--int-tabs-transition);
  }
  .yui-nav > li:hover > a::before {
      background-color: rgba(0 0 0 / 6%);
  }
  
  .yui-navset .yui-nav .selected a em {
      padding: 0.25em .75em;
  }
  .yui-navset .yui-nav li a,
  .yui-navset-top .yui-nav li a,
  .yui-navset-bottom .yui-nav li a {
      margin: 0;
      padding-top: calc(0.25rem + 0.125vw);
      padding-bottom: calc(0.25rem + 0.125vw);
      width: 100%;
  }
  
  .yui-nav > li:nth-child(1) > a {
      --logo: url(https://o5command-int.wdfiles.com/local--files/tech-team:graphic-templates/scp-logo-int-full-400.png);
  }
  .yui-nav > li:nth-child(2) > a {
      --logo: url(https://scp-int.wdfiles.com/local--files/ru-hub/scp-logo-ru-new.png);
  }
  .yui-nav > li:nth-child(3) > a {
      --logo: url(https://o5command-int.wdfiles.com/local--files/tech-team:graphic-templates/scp-logo-ko-400.png);
  }
  .yui-nav > li:nth-child(4) > a {
      --logo: url(https://o5command-int.wdfiles.com/local--files/tech-team:graphic-templates/scp-logo-cn-400.png);
  }
  .yui-nav > li:nth-child(5) > a {
      --logo: url(https://o5command-int.wdfiles.com/local--files/tech-team:graphic-templates/scp-logo-fr-400.png);
  }
  .yui-nav > li:nth-child(6) > a {
      --logo: url(https://o5command-int.wdfiles.com/local--files/tech-team:graphic-templates/scp-logo-pl.svg);
  }
  .yui-nav > li:nth-child(7) > a {
      --logo: url(https://o5command-int.wdfiles.com/local--files/tech-team:graphic-templates/scp-logo-es.svg);
  }
  .yui-nav > li:nth-child(8) > a {
      --logo: url(https://o5command-int.wdfiles.com/local--files/tech-team:graphic-templates/scp-logo-th.svg);
  }
  .yui-nav > li:nth-child(9) > a {
      --logo: url(https://o5command-int.wdfiles.com/local--files/tech-team:graphic-templates/scp-logo-jp.svg);
  }
  .yui-nav > li:nth-child(10) > a {
      --logo: url(https://scp-int.wdfiles.com/local--files/main/scp-logo-dach-400.png);
  }
  .yui-nav > li:nth-child(11) > a {
      --logo: url(https://o5command-int.wdfiles.com/local--files/tech-team:graphic-templates/scp-logo-it.svg);
  }
  .yui-nav > li:nth-child(12) > a {
      --logo: url(https://o5command-int.wdfiles.com/local--files/tech-team:graphic-templates/scp-logo-ua.svg);
  }
  .yui-nav > li:nth-child(13) > a {
      --logo: url(https://scp-wiki.wdfiles.com/local--files/scp-international/scp-logo-pt-400.png);
  }
  .yui-nav > li:nth-child(14) > a {
      --logo: url(https://o5command-int.wdfiles.com/local--files/tech-team:graphic-templates/scp-logo-cs.svg);
  }
  .yui-nav > li:nth-child(15) > a {
      --logo: url(https://o5command-int.wdfiles.com/local--files/tech-team:graphic-templates/scp-logo-zh.svg);
  }
  .yui-nav > li:nth-child(16) > a {
      --logo: url(https://scp-int.wdfiles.com/local--files/main/scp-logo-vn-400.png);
  }
  .yui-nav > li:nth-child(17) > a {
      --logo: url(https://scp-wiki.wdfiles.com/local--files/main/logo_250.png);
  }
  
  .new-page-box input[type="text"] {
    padding: 2px;
    border-radius: 5px;
  }
  .new-page-box input[type="submit"].button {
    padding: 2px 10px;
    background-color: #b01;
    color: #eee;
    border: solid 1px #666;
    border-radius: 5px;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.8),
      inset 0 8px 2px rgba(255,255,255,.6),
      inset 0 -10px 5px rgba(0,0,0,.25);
    text-shadow: 0 0 2px #600;
  }

  Pages using this styling

  • scp-international [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@600&display=swap');
  :root {
  --title: "OVERWATCH";
  --subtitle: "IDFK DIVISION-44";
  --logo:url(https://scp-wiki.wdfiles.com/local--files/scp-in-a-box-j/unknown_front.png);
  --sidelogo: url(https://scp-wiki.wdfiles.com/local--files/scp-in-a-box-j/unknown_front.png);
  --sidesubtitle: "IDFK DIVISION-44";
  --one-color:rgb(0,0,0);
  --header-font-primary: 'Poppins', Sans-serif;
  }
  div.authorlink-wrapper{
  margin-top: var(--author-top-adjust, .2em) !important;
  }
  div.poppin{
  box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset !important;
  border-radius: 5px 5px 5px 5px !important;
  }
  :is(#page-content table:not(.form), table.wiki-content-table) {
      table-layout: auto;
  }
  

  Pages using this styling

  • scp-in-a-box-j [info]

  ¶ 1 occurrence
  

  #page-title {
      display: none;
  }
  
  @media not all and (max-width: 767px) {
  #main-content {
      max-width: min(57.5rem,calc(100% - 3rem));
  }
  }
  
  :root { --box-accent: #823f3f; }
  
  .scp-list {
      display: grid;
      gap: .75rem;
      margin-block: 1.5rem;
  }
  .scp-list .pager { border-block-start: .225rem solid var(--box-accent); }
  
  .scp-block {
      background-color: #fff;
      box-shadow: 0 0 0.325rem rgb(0 0 0 / 0.25);
      contain: paint;
      display: grid;
      grid-template-areas:
          "title date"
          "meta meta";
      grid-template-columns: 1fr max-content;
      gap: .425rem;
      padding: .625rem;
      --box-accent: inherit;
  }
  .scp-block:not(.scp) { display: none; }
  
  .scp-block  .title {
      grid-area: title;
      display: flex;
      gap: .325ex 0.75ex;
      align-items: center;
      flex-wrap: wrap;
  }
  .scp-block .title > a {
      font-weight: bold;
      font-size: 1.075em;
  }
  .scp-block .title > .author { font-size: .775em; flex-grow: 1; }
  .author .printuser {
      display: inline-flex;
      align-items: baseline;
      gap: .325em;
  }
  .author .printuser img {
      margin: 0;
      padding: 0;
      padding-left: .475rem;
  }
  
  .scp-block .date {
      grid-area: date;
      font-feature-settings: 'case','ss01','ss04','tnum';
      font-size: .725em;
  }
  
  .scp-block .meta {
      grid-area: meta;
      display: flex;
      font-size: .775em;
      gap: .75rem;
      justify-content: space-between;
  }
  .meta .tag-list {
      display: flex;
      flex-wrap: wrap;
      gap: .25rem;
      align-items: flex-start;
  }
  .tag-list a {
      display: block;
      border-radius: 1.5rem;
      padding: .125em .675em;
      text-decoration: none;
      font-weight: 550;
      color: var(--box-accent);
      background-color: #823f3f0f;
  }
  .tag-list a[href$="scp"] { display: none; }
  .tag-list a:is(:hover,:focus) {
      color: white;
      background-color: var(--box-accent);
  }
  
  .meta .sec-info {
      display: grid;
      grid-template-columns: 3rem 3.5rem;
      align-items: center;
      text-align: end;
      gap: .25rem;
      min-width: max-content;
      align-self: flex-end;
  }
  .sec-info > br { display: none; }
  .sec-info .comments > span { font-size: 0; }
  
  .scp-block .description {
      grid-column: 1/-1;
  }
  .description > :not(.preview) { display: none; }
  .description:not(:has(> .preview)) { display: none; } /* progressive enhancement */
  .description > .preview {
      display: block;
      font-size: .9125em;
      padding-block-start: .425rem;
      border-block-start: .05rem solid #ddd;
  }
  .description > .preview > p:first-child { margin-block-start: 0.25em; }
  .description > .preview > p:last-child { margin-block-end: 0.25em; }
  
  
  div.tag-nav {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      gap: .25rem;
      font-size: .9125em;
      margin-block: .5rem;
  }
  div.tag-nav br { display: none; }
  div.tag-nav p { display: contents; }

  Pages using this styling

  • scp-hub [info]

  ¶ 1 occurrence
  

  div.scale {
      --woedbar-lvl1-color: #A3A3A3;
      --woedbar-lvl2-color: #A3A3A3;
      --woedbar-lvl3-color: #A3A3A3;
      --woedbar-lvl4-color: #A3A3A3;
      --woedbar-lvl5-color: #A3A3A3;
      --woedbar-class-bar-color: #A3A3A3;
  }
  div.level-text {
      color: #A3A3A3 !important;
  }
  div.class-text {
      color: #A3A3A3 !important;
  }
  div.itemnum {
      color: #A3A3A3 !important;
  }
  div.obj {
      color: #131313 !important;
  }
  div.objclass::before {
      background-color: #A3A3A3;
  }

  Pages using this styling

  • scp-es-243 [info]

  ¶ 1 occurrence
  

  #header h2 span {
      display: block;
      margin: 0;
      padding: 19px 0;
      line-height: 0px;
      max-height: 0px;
      font-weight: bold;
      color: transparent;
      text-shadow: none;
  }
  
  #header h2 span::before {
      content: 'Security. Containment. Protection.';
       display: block;
       margin: 0;
       line-height: 0px;
       max-height: 32px;
       font-weight: bold;
       color: #f0f0c0;
       text-shadow: 1px 1px 1px #000;
       text-shadow: 1px 1px 1px rgba(0,0,0,.8);

  Pages using this styling

  • scp-es-243 [info]

  ¶ 1 occurrence
  

  .yeklog {
      border: solid 2px #000000;
      width:84%;
      padding:1px 15px;
      margin: 10px 10px 10px 40px;
      box-shadow: 0 1px 3px rgba(0,0,0,.5);
  }

  Pages using this styling

  • scp-es-227 [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css?family=Pangolin&display=swap');
  .page {
      display: block;
      overflow: hidden;
      font-family: 'Pangolin', cursive;
      font-style: normal;
      font-size: 1.3em;
      background-attachment: scroll;
      background-clip: border-box;
      background-color: transparent;
      background-image: linear-gradient(to top ,rgb(202, 219, 228) 0%, rgb(231, 233, 220) 8%);
      background-origin: padding-box;
      background-position: 0px 8px;
      background-repeat: repeat;
      background-size: 100% 20px;
  
      border: 1px solid #CCC;
      border-radius: 10px;
      padding: 10px 10px;
      margin-bottom: 10px;
  
      box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2)
      }
  .page p,
  .page ul {
      line-height: 20px;
      margin: 0;
  }

  Pages using this styling

  • scp-es-222 [info]

  ¶ 1 occurrence
  

  @import url(http://lasagnacep.wikidot.com/component:oemtheme-english/code/1);

  Pages using this styling

  • scp-es-185 [info]

  ¶ 1 occurrence
  

  .footer-wikiwalk-nav { display: none; }

  Pages using this styling

  • scp-es-099 [info]

  ¶ 1 occurrence
  

  
  .notice{
      background: #b54d3b;
      outline: 4px solid #b54d3b;
      border: 1px solid #f7db26;
      padding: .61em;
      color: #f7db26;
      font-weight: bold;
      word-break: unset;
  }
  .h222{
      margin: .5em 0 .4em;
      letter-spacing: 1px;
      font-size: 150%;
      font-family: "Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica;
  }
  

  Pages using this styling

  • scp-cn-jpg-j [info]

  ¶ 1 occurrence
  

  
  body {background-color: #101010;}
  
  .artcon img.image {
      border: solid 4px #2b2b2b;
      margin: 2em auto;
  }
  
  :root {
      --basalt-primary-color: 28,28,28;
      --basalt-secondary-color: 10,10,10;
      --basalt-tertiary-color: 40,40,40;
      --basalt-main-text-color: 190,190,190;
      --basalt-overtone: 222,222,222;
      --basalt-undertone: 100,100,100;
   
      --basalt-bright-element-color: 200,200,200;
      --basalt-dark-element-color: 66,66,66;
      --basalt-alternate-color: 140,140,140;
      --basalt-cancel-color: var(--basalt-negative-color);
      --basalt-sub-text-color: 120,120,120;
      --basalt-light-text-color: var(--basalt-primary-color);
   
      --basalt-UI-dark-palette: var(--basalt-overtone);
      --basalt-focus-color: var(--basalt-undertone);
      --basalt-background-color: var(--basalt-primary-color);
  
      --link-color: 150,50,50;
      --link-visited-color:  120,50,50;
      --link-newpage-color:  180,50,50;
  
      --main-content-width: 65rem;
      --title-size: 2rem;
      --subtitle-size: 0.1rem;
  
  }
  
  :root:lang(cn) {
      --header-title: 'SCP档案';
      --header-subtitle: '';
  }
  
  :root:lang(cn) {
      --body-font-fallback: "Noto Sans SC", Verdana, "Microsoft YaHei", "微软雅黑", Geneva, sans-serif, STXihei, "华文细黑";
      --UI-font-fallback: "Noto Sans SC", "方体", "PingFang SC", "黑体", "Heiti SC", "Microsoft JhengHei UI", "Microsoft JhengHei", Roboto, Noto, "Noto Sans CJK SC", sans-serif;
      --header-font-fallback: var(--body-font-fallback);
      --mono-font-fallback: "Noto Serif SC", "Microsoft YaHei", "微软雅黑", "Courier New", Courier, monospace, STXihei, "华文细黑";
  }
  
  #header h1 a::before {
  display:none;
  }
  
  div#page-title {
      display: none;
  }
  
  #header {
      box-shadow: 0px 0px 30px 10px #000000;
      border: none;
  }
  
  /* custom */
  
  span.tight {
      margin: 0rem 0rem -2rem 0rem;
      display: inline-block;
  }
  
  .tid p {
      text-indent: 2em;
  }
  
  sup.footnoteref {
      text-indent: 0;
  }
  
  .bg-o5 {
      background-image: url(https://scp-wiki.wikidot.com/local--files/scp-cn-3969-art/o-logo-o5.svg);
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
      background-attachment: fixed;
      padding: 0;
  }
  
  .inner {
      background-color: rgba(0,0,0,0.835);
      padding: 0.5rem 0.7rem;
      outline: solid 5px rgb(var(--basalt-tertiary-color));
  }
  
  .blockquote.u-1, .blockquote.u-2, .blockquote u {
  margin:2.25rem auto;
  }
  
  .blockquote.u::before, .blockquote.u-1::before, .blockquote.u-2::before {
      display: block;
      width: 2.4rem;
      height: 2.4rem;
      background-color: transparent;
      position: absolute;
      content: '';
      background-position: center;
      background-size: cover;
      background-origin: border-box;
      outline: solid 2px #333;
      transform: translate(-2rem, -1rem);
  }
  
  .u p, .u-1 p, .u-2 p {
      margin-left: 1.2rem;
  }
  
  .blockquote.u-1::before {
      background-image: url(https://scp-wiki.wikidot.com/local--files/scp-cn-3969-art/aic.webp);
  }
  
  .blockquote.u-2::before {
      background-image: url(https://scp-wiki.wikidot.com/local--files/scp-cn-3969-art/user.webp);
  }
  
  .pd0 .image-container, .pd0 aligncenter, .pd0 td {
      padding:0;
  }
  
  #page-content .creditRate {
      float: none;
      transform: none;
      display: block;
      margin: 0;
      text-align: center;
  }
  
  .image-container {
      padding: 0;
  }
  
  .imgin td {
      padding: 0;
  }
  
  span.name {
      font-size: 135%;
      margin: 0rem 0rem -1rem 0rem;
      padding: 0rem 0rem 0rem 1rem;
      display: block;
      width: auto;
  }
  
  span.name::after {
      content: '';
      display: block;
      background-color: rgb(var(--basalt-tertiary-color));
      width: 100%;
      position: relative;
      height: 0.125rem;
      top: -0.8rem;
      z-index: 1;
  }
  
  .name strong {
      display: block;
      padding-right: 1rem;
      word-break: keep-all;
      background: #000000;
      z-index: 2;
      width: fit-content;
      position: relative;
  }
  
  .title h1 {
      background: rgb(var(--basalt-overtone));
      padding: 0.3rem 1.4rem;
      box-shadow: 3rem 0rem rgb(var(--basalt-overtone));
      transform: translateX(-3rem);
      border-left: 1.5rem double #000;
  }
  
  .log blockquote {
      background: transparent;
      border: none;
      width: 75%;
      box-shadow: none;
      color: rgb(var(--basalt-alternate-color));
  }
  
  .log p {
      padding: 0 2rem;
  }
  
  .imgin {
      width: 75vw;
      margin: 0 auto;
  }
  
  

  Pages using this styling

  • scp-cn-3969-art [info]

  ¶ 1 occurrence
  

  div.preview { display: none; }
  
  .footerwalk :is(p,span) {
      color: rgb(var(--basalt-overtone)) !important;
  }
  

  Pages using this styling

  • scp-cn-3969 [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@300;400;700;900&display=swap');
  
  .fader iframe {
      border: none;
  }
  
  div#container-wrap {
      background-image: url("https://scpsandboxcn.wikidot.com/local--files/collab:ngfztralsefox/night-rush-header.png");
  }
  
  #header h1 a::before {
      content: "Foundation";
      font-family: "Noto Sans SC", sans-serif;
      font-weight: 900;
  }
  
  #header h1 a span {
      display: none;
  }
  
  #header h2 span {
      margin-top: 6px;
  }
  
  body,
  div#page-content {
      font-size: 0.9375rem;
      font-family: "Noto Sans SC", sans-serif;
  }
  
  li, p {
      line-height: 175%;
  }
  
  p {
      margin-block: 1.5em;
  }
  
  @media (max-width: 767px) {
  div#page-content {
      font-size: 0.8125rem;
  }
  }
  
  div#page-content h1,
  div#page-content h2,
  div#page-content h3,
  div#page-content h4,
  div#page-content h5,
  div#page-content h6 {
      font-family: "Noto Sans SC", sans-serif;
      font-weight: 700;
  }
  
  blockquote,
  .blockquote,
  div.blockquote,
  table.wiki-content-table {
      border: solid 2px #fff;
      box-shadow: 0 0 5px #666;
  }

  Pages using this styling

  • scp-cn-3668 [info]

  ¶ 1 occurrence
  

  ul.creditRate {
      margin-right: 0;
  }

  Pages using this styling

  • scp-cn-3000 [info]

  ¶ 1 occurrence
  

  
  /* BASED ON PAPERSTACK THEME by EstrellaYoshte */
  
  /* DARKSTACK THEME by Dr Hormress */
  
  :root {
      --header-title: "SCP Foundation";
      --header-subtitle: "A Brain within a Jar, a Dream within a Dream";
      --title-font: 'Josefin Sans', sans-serif;
  }
  
  body {
      background-image: linear-gradient(#444, #444), linear-gradient(#444, #444), linear-gradient(to bottom, #222, #444);
      background-repeat: repeat-x;
      background-size: 100% 126px, 100% 21px, 100% 6px;
      background-position: center top, center 126px, center 147px;
      background-color: #444;
      color: #DDD;
  }
  
  #header h1 a::before, #header h2::before {
      color: #FFF !important;
      font-style: italic;
  }
  
  div#extra-div-1 {
      display: none;
  }
  
  #side-bar a, #side-bar a:visited, #side-bar a.newpage {
      color: #FFF;
  }
  
  #side-bar .side-block {
      background-color: #444 !important;
      box-shadow: 0px 0px 8px #000;
      border: none;
  }
  
  @media (max-width: 767px) {
  #side-bar {
      background-color: #444;
  }
  }
  
  #side-bar .side-block .heading {
      margin: 0 auto;
      width: auto;
      color: #FFF;
      border-color: #FFF;
  }
  
  #side-bar .side-block .menu-item > .image{
      filter: brightness(0%) invert(100%);
      -webkit-filter: brightness(0%) invert(100%);
  }
  
  #side-bar .collapsible-block-folded {
      background-image: none;
  }
  
  #page-title {
      padding-top: 0.5rem;
      display: block;
      color: #FFF;
      border-color: #FFF;
      font-family: var(--title-font);
      font-weight: bold;
  }
  
  a, a:visited, a.newpage {
      color: #FFF;
  }
  
  a[href="/system:page-tags/tag/meta#pages"] {
      font-weight: bold;
  }
  
  #top-bar div {
      width: 100%;
      text-align: center;
  }
   
  #top-bar div > ul {
      float: none;
      width: 100%;
      display: flex;
  }
   
  #top-bar div > ul > li {
      flex-grow: 1;
  }
  
  #top-bar ul li a,
  #top-bar ul li:hover a,
  #top-bar ul li.sfhover a {
      color: #FFF;
  }
  
  #top-bar ul li:hover *,
  #top-bar ul li.sfhover * {
      background-color: #444 !important;
  }
  
  #top-bar .open-menu a, #side-bar::before {
      background-color: #444;
      box-shadow: 0 0 8px #000 !important;
      color: #FFF;
  }
  
  #top-bar div * {
      border-color: #444 !important;
  }
  
  blockquote, div.blockquote {
      background-color: #444;
      border-color: #444;
      box-shadow: 0 0 8px #000;
  }
  
  .page-rate-widget-box {
      filter: invert(100%);
      -webkit-filter: invert(100%);
      box-shadow: 0 0 8px #FFF;
      background-color: #BBB;
  }
  
  .page-rate-widget-box *,
  .page-rate-widget-box span.rate-points {
      background-color: #BBB !important;
      border: none !important;
  }
  
  #main-content .page-tags a {
      background-color: #444;
      box-shadow: 0.6px 0.6px 1.9px 0.8px #000;
  }
  
  #main-content .page-tags a::before {
      background-color: #222;
      text-shadow: 1px 1px 0.7px #000;
  }

  Pages using this styling

  • scp-cn-2626 [info]

  ¶ 1 occurrence
  

  .time-2, .time-3 {
      display: inline;
  }

  Pages using this styling

  • scp-cn-2626 [info]

  ¶ 1 occurrence
  

  .time-2 {
      display: inline;
  }

  Pages using this styling

  • scp-cn-2626 [info]

  ¶ 1 occurrence
  

  #page-title,
  .open-menu a {
      display: none;
  }
  
  @media (max-width: 767px) {
  
  #side-bar:hover {
      left: 0;
  }
  
  #side-bar::before {
      content: "≡";
      position: fixed;
      top: 0.5em;
      left: 0.5em;
      z-index:-1;
      border-radius: 0;
  font-family: 'Nanum Gothic', san-serif;
      font-size: 30px;
      font-weight: 700;
      width: 30px;
      height: 30px;
      line-height: 0.9em;
      text-align: center;
      box-shadow: 0px 1px 4px 0 rgba(0, 0, 0, 0.2), 0px 3px 10px 0 rgba(0, 0, 0, 0.19);
      border: 1px white;
      background-color: #FFF;
      transition: ease 0.5s;
      -webkit-transition: ease 0.5s;
  }
  
  #side-bar:hover::before {
      opacity: 0;
  }
  
  }
  
  #footer, #license-area {
      display: none !important;
  }
  
  body, #container-wrap-wrap, #container-wrap, #content-wrap, #page-content {
      min-height: unset !important;
  }
  
  .target {
      position: absolute;
      top: -10rem;
  }
  
  .page {
      position: fixed;
      left: -101%;
      opacity: 0;
      transition: ease 1s;
      -webkit-transition: ease 1s;
  }
  
  .target:target + .page {
      position: static;
      opacity: 1;
  }
  
  .button-link a {
      display: block;
      text-align: center;
      width: 15em;
      margin: 0 auto;
      padding: 0.5em;
      color: #000;
      font-weight: bold;
      background-image: linear-gradient(to right, transparent 0, #EFEFEF 35%, #EFEFEF 65%, transparent 100%);
      transition: ease 0.5s;
      -webkit-transition: ease 0.5s;
  }
  
  .button-link a:hover {
      color: #FFF;
      text-decoration: none;
      text-shadow: 0 1px 2px #242424;
      background-image: linear-gradient(to right, transparent 0, #AAA 35%, #AAA 65%, transparent 100%);
  }
  
  .button-link a[href="#u-n-0"] {
      opacity: 0.125;
  }
  
  .button-link a[href="#u-n-0"]:hover {
      opacity: 1;
      color: lightred;
  }

  Pages using this styling

  • scp-cn-2626 [info]

  ¶ 1 occurrence
  

  :root {
      --five-color: 196, 2, 51;
      --four-color: 255, 109, 0;
      --three-color: 255, 211, 0;
      --two-color: 0, 135, 189;
      --one-color: 0, 159, 107;
      --white-monochrome: 255, 255, 255;
      --black-monochrome: 0, 0, 0;
      --secondary-color: 50, 128, 175;
  }
  
  table span.desktop, table span.mobile {
      font-family: "Fira Code", "Courier New", monospace;
  }
  
  @media (min-width: 768px) {
  :root {
      -s-width: 25%;
      -l-width: 35%;
  }
  }
  
  :root {
      --s-width: 15%;
      --l-width: 35%;
  }
  
  .class-icon::after {
      content: "";
      position: absolute;
      top: 50%;
      left: 50%;
      width: 2.5rem;
      height: 2.5rem;
      margin-left: -1.5rem;
      margin-top: -1.5rem;
      background-size: contain;
      background-position: center;
      border: solid 0.25rem;
      border-radius: 50%;
      opacity: 0.15;
      z-index: 0;
  }
  
  .class-icon span {
      position: relative;
      z-index: 2;
      font-weight: bold;
      font-size: 0.9rem;
  }
  
  .esoteric::after {
      background-image: url("https://scp-wiki.wdfiles.com/local--files/component%3Aanomaly-class-bar/esoteric-icon.svg");
      filter: invert(100%);
      -webkit-filter: invert(100%);
      border-color: rgb(var(--black-monochrome));
      opacity: 0.5;
  }
  
  .zurvan::after {
      background-image: url("http://scp-wiki.wdfiles.com/local--files/scp-5103-2/Zurvan.jpg");
      border-color: rgb(var(--secondary-color));
  }
  
  .amida::after {
      background-image: url("https://scp-wiki.wdfiles.com/local--files/component%3Aanomaly-class-bar/amida-icon.svg");
      border-color: rgb(var(--five-color));
  }
  
  .notice::after {
      background-image: url("https://scp-wiki.wdfiles.com/local--files/component%3Aanomaly-class-bar/notice-icon.svg");
      border-color: rgb(var(--one-color));
  }

  Pages using this styling

  • scp-cn-2626 [info]

  ¶ 1 occurrence
  

  /* BASED ON PAPERSTACK THEME by EstrellaYoshte */
  
  /* PATASTACK THEME by Dr Hormress */
  
  :root {
      --header-title: "SCP Foundation";
      --header-subtitle: "'PATAPHYSICS DEPARTMENT";
      --title-font: 'Josefin Sans', sans-serif;
  }
  
  body {
      background-image: linear-gradient(#DECCEF, #DECCEF), linear-gradient(#BF9DE8, #BF9DE8), linear-gradient(to bottom, #DECCEF, #FFFFFF);
      background-repeat: repeat-x;
      background-size: 100% 126px, 100% 21px, 100% 6px;
      background-position: center top, center 126px, center 147px;
  }
  
  div#extra-div-1 {
      display: block;
      position: absolute;
      top: 5px;
      left: 0;
      width: 100%;
      height: 140px;
      z-index: -2;
      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.cls-4%7Bopacity:0.46;%7D.cls-5%7Bfill:%23231f20;%7D.cls-6%7Bfill:%23fff;%7D.cls-7,.cls-9%7Bfill:%23fff;%7D.cls-7,.cls-8%7Bopacity:0.3;%7D.g-0%7Btransform-origin:50px 50px;animation:cont-spin 15s linear infinite;%7D.g-1%7Btransform-origin:50px 50px;animation:clock-spin cubic-bezier(.62,0,.52,1.3) 10s infinite;%7D%40keyframes clock-spin%7B0%25,15%25%7Btransform:rotate(0deg);%7D25%25,40%25%7Btransform:rotate(90deg);%7D50%25,65%25%7Btransform:rotate(180deg);%7D75%25,90%25%7Btransform:rotate(270deg);%7D100%25%7Btransform:rotate(360deg);%7D%7D%40keyframes cont-spin%7Bfrom%7Btransform:rotate(0deg);%7Dto%7Btransform:rotate(360deg);%7D%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%3Cg class='g-0'%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/g%3E%3Cg class='g-1'%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg class='cls-4'%3E%3Cpath class='cls-5' 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-5' 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-5' 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-6' 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-6' 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-6' 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%3Cg id='Layer_1' data-name='Layer 1'%3E%3Cpath class='cls-7' 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-8'%3E%3Cpath class='cls-9' 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/g%3E%3C/svg%3E");
      background-position: center center;
      background-repeat: no-repeat;
      background-size: auto 100%;
      opacity: 0.25;
  }
  
  #side-bar {
      animation: none;
  }
  
  #side-bar a, #side-bar a:visited, #side-bar a.newpage {
      color: #371560;
  }
  
  #side-bar .side-block {
      background-color: #DECCDF !important;
      box-shadow: 0px 0px 8px #DECCEF;
      border: solid 2px #BF9DE8;
  }
  
  #side-bar .side-block .heading {
      margin: 0 auto;
      width: auto;
      color: #593781;
      border-color: #593781;
  }
  
  #side-bar .side-block .menu-item > .image{
      filter: hue-rotate(280deg) saturate(90%) brightness(100%);
      -webkit-filter: hue-rotate(280deg) saturate(90%) brightness(100%);
  }
  
  #side-bar .collapsible-block-folded {
      background-image: none;
  }
  
  #page-title {
      padding-top: 0.5rem;
      display: block;
      color: #593781;
      border-color: #593781;
      font-family: var(--title-font);
      font-weight: bold;
  }
  
  a, a:visited, a.newpage {
      color: #593781;
  }
  
  a[href="/system:page-tags/tag/meta#pages"] {
      font-weight: bold;
  }
  
  #top-bar div {
      width: 100%;
      text-align: center;
  }
   
  #top-bar div > ul {
      float: none;
      width: 100%;
      display: flex;
  }
   
  #top-bar div > ul > li {
      flex-grow: 1;
  }
  
  #top-bar ul li:hover a,
  #top-bar ul li.sfhover a {
      color: #593781;
  }
  
  #top-bar .open-menu a, #side-bar::before {
      color: #593781;
  }
  
  div.no-margin * {
      margin: 0;
  }
  
  div.centered {
      text-align: center;
  }
  
  .anom-lite-bar-container.s-zurvan .diamond .bottom-icon {
      background-size: contain;
      background-position: center center;
      background-repeat: no-repeat;
  }
  
  .collapsible-block-folded,
  .collapsible-block-unfolded-link {
      text-align: center;
  }
  
  .hovertip .content .footnote .f-heading, .hovertip .content .footnote .f-footer  {
      display: none !important;
  }
  
  a.start-button {
      display: inline-block;
      padding: 0.75em;
      background-color: #FFF;
      color: #242424;
      box-shadow: 0px 0px 4px #EFEFEF;
      transition: ease 0.5s;
      -webkit-transition: ease 0.5s;
  }
  
  a.start-button:hover {
      background-color: #242424;
      color: #F8F8F8;
      box-shadow: 0px 0px 4px #999999;
      text-decoration: none;
  }
  
  .time-2, .time-3 {
      display: none;
  }

  Pages using this styling

  • scp-cn-2626 [info]

  ¶ 1 occurrence
  

  /* Hide the collapsible link once it's been expanded */
  .collapsible-block-unfolded-link .collapsible-block-link, #breadcrumbs {
    display: none;
  }
  
  /* Make superscripts not fuck with the line spacing */
  sup {
    vertical-align: top;
    position: relative;
    top: -0.5em;
  }
  
  /* Haha blue boi */
  .outside {
    margin: 2em -6em;
    padding: 1em 10em;
    --narration-color: rgba(220,220,220,1);
    background: var(--narration-color);
    background: linear-gradient(90deg, rgba(220,220,220,0) 0%, var(--narration-color) 20%, var(--narration-color) 80%, rgba(220,220,220,0) 100%);
    z-index: -2;
  }
  
  /* Make the blue bois that are within the document have smaller margins so they break flow less*/
  .outside.inline {
    margin: 1em -6em;
    padding: 1px 10em;
  }
  
  /* Force the side bar to render on top of the blue bois */
  #side-bar {
    z-index: 2;
  }
  
  /* Hide the original page title */
  #page-title {
    display: none;
  }
  
  /* Make my fake page title look like the original (thanks SCP-2998) */
  .page-title {
    border-bottom: solid 1px #bbbbbb;
    color: #990011;
    font-weight: normal;
    margin: 0 0 0.6em;
    padding: 0 0 0.25em;
    font-size: 200%;
  }
  .page-title p {
    margin: 0;
  }
  
  @media only screen and (max-width: 1040px) {
    .outside {
      margin-right: 0 !important;
      margin-left: 0 !important;
      padding-left: 3em !important;
      padding-right: 3em !important;
    }
  }
  
  body {
    overflow-x: hidden;
  }

  Pages using this styling

  • scp-cn-2510 [info]

  ¶ 1 occurrence
  

  body{
      --barColour: #b8a499;
  }
  
  :root{
    --header-title: "Tactical Theology";
    --header-subtitle: "Area-CN-2510";
  }
  @media (max-width: 768px) {
      :root {
           --header-title: "Tactical Theology";
      }
  }
  
  div#extra-div-1 {
      background-image: url(http://topia.wikidot.com/local--files/in-heaven-a-spirit-doth-dwell/tactical-theology.png);
      filter: opacity(20%);
  }
  
  #header h1 a::before,
  #header h2::before {
      background: -webkit-linear-gradient(#801818, #000000);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
  }

  Pages using this styling

  • scp-cn-2510 [info]

  ¶ 1 occurrence
  

  #page-content div.creditRate {
      margin-right: 0;
  }
  
  #page-content div.myImageBlock {
      margin: 2em 0;
      width: 100%;
      border: solid 1px #666;
      background-color: #FAFAFA;
      box-shadow: 0 1px 6px rgba(0,0,0,0.25);
  }
  #page-content div.myImageBlock img {
      width: 100%;
  }
  #page-content div.myImageBlock div.myImageCaption {
      text-align: center;
      border-top: solid 1px #666;
  }
  #page-content div.myImageBlock div.myImageCaption p {
      margin: 4px 1em;
      padding: 0;
  }
  
  #page-content li {
      margin-top: 1em;
  }
  
  #page-content div.sunImage p {
      margin: 32px auto;
      text-align: center;
      font-size: 8vw;
      user-select: none;
  }

  Pages using this styling

  • scp-cn-2304 [info]

  ¶ 1 occurrence
  

  
  div#page-content *,
  div#page-content h1,
  div#page-content h2,
  div#page-content h3 {
      font-family: inherit;
  }
  
  div.blockquote.content {
      border: solid 1px transparent;
      background-color: #EEE;
      border-radius: 1rem;
      margin-left: 0;
      margin-right: 0;
  }
  
  hr {
      margin-left: 0;
      margin-right: 0;
  }
  
  span.black {
      background-color: #000;
      cursor-events: none;
  }
  
  div.scp-image-block div.scp-image-caption,
  div.scp-image-block img {
      width: auto !important;
  }
  
  div#container-wrap {
      background-image: url(http://scpsandboxcn.wdfiles.com/local--files/mscarlet/body_bga.png);
      background-repeat: repeat-x;
  }
  #header {
      background-image: url(http://scpsandboxcn.wdfiles.com/local--files/mscarlet/logo-af3.png);
      background-repeat: no-repeat;
  }
  
  #header h1 a {
      display: block;
      margin: 0;
      padding: 80px 0 25px;
      line-height: 0px;
      max-height: 0px;
      color: transparent;
      background: transparent;
      font-size: 120%;
      text-shadow: none;
      text-decoration: none;
  }
  
  #header h1 a::before {
      content: "Ocean Park Hong Shing ";
      color: #FFFFFF;
      background: transparent;
      font-family: BauhausLTDemi, Arial, sans-serif;
      font-size: 150%;
      text-decoration: none;
      text-shadow: 3px 3px 5px #000000;
  }
  
  #header h2 span {
      display: block;
      margin: 0;
      padding: 19px 0;
      line-height: 0px;
      max-height: 0px;
      color: transparent;
      text-shadow: none;
  }
   
  #header h2 span::before {
      content: 'Seal Cute Pup';
      color: #f0f0c0;
      font-size: 150%;
      text-shadow: 1px 1px 1px #000;
      text-shadow: 1px 1px 1px rgba(0,0,0,.8);
  }
  
  h1, #page-title {
      color: #019;
      padding: 0 0 0.25em;
      margin: 0 0 0.6em;
      font-weight: normal;
  }
  
  .meta-title {
      border-bottom: solid 1px #bbb;
      color: #019;
      font-weight: normal;
      margin: 0 0 0.6em;
      padding: 0 0 0.25em;
      font-size: 200%;
  }
  
  a {
      color: #019;
      text-decoration: none;
      background: transparent;
  }
  a:visited {
      color: #45d;
  }
  
  #side-bar a:visited {
      color: #45d;
  }
  
  #side-bar .side-block {
      padding: 10px;
      border: 1px solid #019;
      border-radius: 10px;
      box-shadow: 0 2px 6px rgba(102,0,0,.5);
      background: #fff;
      margin-bottom: 15px;
  }
  #side-bar .side-area {
      padding: 10px;
  }
  #side-bar .heading {
      color: #019;
      border-bottom: solid 1px #019;
      padding-left: 15px;
      margin-bottom: 5px;
      font-size: 8pt;
      font-weight: bold;
  }
  
  #side-bar div.menu-item .sub-text {
      font-size: 80%;
      color: #019;
  }
  
  #side-bar .collapsible-block-unfolded-link {
      border-bottom: solid 1px #019;
  }
  #side-bar .collapsible-block-unfolded-link .collapsible-block-link {
      margin-top: 10px;
      margin-bottom: 5px;
      font-size: 8pt;
      color: #019;
  }
  #side-bar .collapsible-block-unfolded-link .collapsible-block-link:hover {
      color: #45d;
      text-decoration: none;
  }
  
  .feature-block {
      height: 500px;
  }
  .feature-block .panel-body {
      height: 430px;
      overflow-y: hidden;
  }
  .feature-block .feature-title {
      font-size: 120%;
      font-weight: bold;
  }
  .feature-block .feature-title img {
      display: block;
      width: 300px;
      border: solid 1px #666;
      margin: 5px auto 0;
      border-radius: 10px;
  }
  .feature-block .feature-subtitle {
      font-size: 90%;
      text-align: center;
  }
  
  .feature-block .feature-title > p,
  .feature-block .feature-subtitle > p {
      margin: 0;
  }
  
  .news-block .panel-body {
      padding: 0;
  }
  .news-block .panel-body .alternate {
      padding: 5px 10px;
  }
  .news-block .news-title {
      font-weight: bold;
      font-size: 110%;
      margin-bottom: 5px;
      color: #633;
  }
  .news-block .news-content {
      margin: 5px 0;
  }
  .news-block .news-title > p,
  .news-block .news-content > p {
      margin: 0;
  }
  
  .content-panel {
    padding: 10px 15px;
  }
  

  Pages using this styling

  • scp-cn-1921 [info]

  ¶ 1 occurrence
  

  
  div#header h1 a span {
      font-size: 0px;
  }
  
  div#header h1 a:before {
      content: "SCP Foundation";
  }
  
  div#header h2 span {
      font-size:0px;
      padding: 4px;
  }
  
  div#header h2:after {
      content: "Secure, Contain, Protect";
      font-weight: bold;
      color: rgb(240, 240, 192);
      padding: 19px 0;
      text-shadow: 1px 1px 1px rgba(0, 0, 0, .8);
      white-space: pre;
  }
  
  .colmod-block > ul > li > [class|="colmod-link"] {
      border: 1px dashed #999;
      padding: 1em 1em;
      background-color: #f4f4f4;
      margin: 1em 40px;
  }
  

  Pages using this styling

  • scp-cn-1357 [info]

  ¶ 1 occurrence
  

  :root {
    --fg-lighter: #ce3ebd;
    --fg-light: #b998e0;
    --fg-medium: #613c8b;
    --fg-dark: #160e20;
  }
  
  /* Grid Layout */
  @supports(display: grid) {
  #container {
    display: grid;
    min-height: 100vh;
    grid-template-areas:
      "header"
      "content-wrap"
      "footer"
      "license";
    grid-template-rows: auto 1fr auto auto;
  }
  #header {
    grid-area: header;
  }
  #content-wrap {
    grid-area: content-wrap;
    min-height: 0;
    width: 100%;
  }
  #side-bar {
    max-height: -webkit-calc(100% - 2em);
    max-height: -moz-calc(100% - 2em);
    max-height: calc(100% - 2em);
    margin: -0.5em -0.5em 0;
    padding: 0.5em 0.5em 0;
    overflow-y: auto;
  }
  @media (max-width: 767px) {
    #side-bar {
      max-height: none;
      margin: 0;
      padding: 1em 1em 0 1em;
    }
  }
  #page-content {
    min-height: 0;
  }
  #footer {
    grid-area: footer;
  }
  #license {
    grid-area: license;
  }
  }
  
  /* Scroll Bar */
  #side-bar,
  #page-content > .colmod-block > ul > li.unfolded > .colmod-content {
    scrollbar-width: thin;
    scrollbar-color: rgba(170, 170, 170, 0.4) rgba(170, 170, 170, 0.05);
  }
  #side-bar::-webkit-scrollbar,
  #page-content > .colmod-block > ul > li.unfolded > .colmod-content::-webkit-scrollbar {
    border: none;
    width: 0.5rem;
  }
  #side-bar::-webkit-scrollbar-track,
  #page-content > .colmod-block > ul > li.unfolded > .colmod-content::-webkit-scrollbar-track {
    background: rgba(170, 170, 170, 0.05);
  }
  #side-bar::-webkit-scrollbar-thumb,
  #page-content > .colmod-block > ul > li.unfolded > .colmod-content::-webkit-scrollbar-thumb {
    background: rgba(170, 170, 170, 0.4);
  }
  
  /* Collapsible */
  #page-content > .colmod-block > ul > li.folded > .colmod-link-top {
    text-align: center;
  }
  #page-content > .colmod-block > ul > li.folded > .colmod-link-top a:first-child {
    font-weight: bold;
    font-size: 1.5rem;
  }
  #page-content > .colmod-block > ul > li.unfolded {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    z-index: 10;
  }
  #page-content > .colmod-block > ul > li.unfolded > .colmod-link-top a:not(:first-child) {
    font-size: 0;
  }
  #page-content > .colmod-block > ul > li.unfolded > .colmod-link-top a:not(:first-child)::before {
    content: "\f060";
    position: fixed;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 1rem;
    left: 1rem;
    border: 0.0625rem solid #ddd;
    background-color: #000;
    color: #fff;
    width: 2rem;
    height: 2rem;
    z-index: 11;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 1.5rem;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition: background-color 0.1s ease-in-out;
    -moz-transition: background-color 0.1s ease-in-out;
    -ms-transition: background-color 0.1s ease-in-out;
    -o-transition: background-color 0.1s ease-in-out;
    transition: background-color 0.1s ease-in-out;
  }
  #page-content > .colmod-block > ul > li.unfolded > .colmod-link-top a:not(:first-child):hover::before {
    background-color: #044289;
  }
  #page-content > .colmod-block > ul > li.unfolded > .colmod-content {
    max-width: 65rem;
    height: 100%;
    margin: 0 auto;
    overflow-x: hidden;
    overflow-y: scroll;
    overscroll-behavior-y: contain;
    color: #fff;
  }
  
  /* Common */
  #page-content > .colmod-block > ul > li.unfolded > .colmod-content a,
  #page-content > .colmod-block > ul > li.unfolded > .colmod-content a.newpage,
  #page-content > .colmod-block > ul > li.unfolded > .colmod-content a:visited {
    color: var(--fg-light);
    text-decoration: none;
  }
  #page-content > .colmod-block > ul > li.unfolded > .colmod-content a:hover,
  #page-content > .colmod-block > ul > li.unfolded > .colmod-content a:hover .ruby {
    background-color: transparent;
    text-decoration: underline;
  }
  #page-content > .colmod-block > ul > li.unfolded > .colmod-content strong {
    color: var(--fg-lighter);
  }
  #page-content > .colmod-block > ul > li.unfolded > .colmod-content blockquote {
    padding: 1em;
    border: 0.0625rem double #666;
    background-color: transparent;
  }
  #page-content > .colmod-block > ul > li.unfolded > .colmod-content blockquote > p:first-child {
    margin-top: 0;
  }
  #page-content > .colmod-block > ul > li.unfolded > .colmod-content blockquote > p:last-child {
    margin-bottom: 0;
  }
  #page-content > .colmod-block > ul > li.unfolded > .colmod-content .scp-image-block {
    width: 15rem;
    border-color: #666;
  }
  #page-content > .colmod-block > ul > li.unfolded > .colmod-content .scp-image-block .scp-image-caption {
    border-color: #666;
    background-color: #212121;
  }
  .hovertip {
    border-color: #666 !important;
    background-color: #333 !important;
    color: #fff;
  }
  
  /* Comments */
  #page-content > .colmod-block > ul > li.unfolded > .colmod-content #comments-options-hidden, #page-content > .colmod-block > ul > li.unfolded > .colmod-content #comments-options-shown > a:first-child {
    display: none;
  }
  #page-content > .colmod-block > ul > li.unfolded > .colmod-content #comments-options-shown {
    padding-top: 1em;
    text-align: center;
  }
  #page-content > .colmod-block > ul > li.unfolded > .colmod-content .comments-box {
    padding: 0 0.625rem;
    background-color: rgba(15, 15, 15, 0.9);
  }
  @supports((-webkit-backdrop-filter: none) or (backdrop-filter: none)) {
  #page-content > .colmod-block > ul > li.unfolded > .colmod-content .comments-box {
    background-color: rgba(15, 15, 15, 0.7);
    -webkit-backdrop-filter: blur(0.5rem);
    backdrop-filter: blur(0.5rem);
  }
  }
  #page-content > .colmod-block > ul > li.unfolded > .colmod-content #thread-container {
    margin-top: 0 !important;
  }
  #page-content > .colmod-block > ul > li.unfolded > .colmod-content .thread-container .post .head, #page-content > .colmod-block > ul > li.unfolded > .colmod-content .thread-container .post .short {
    background-color: #222;
    background-image: none;
  }
  #page-content > .colmod-block > ul > li.unfolded > .colmod-content .thread-container .post .long .revisions table tr.active td {
    background-color: #333;
  }
  #page-content > .colmod-block > ul > li.unfolded > .colmod-content #new-post-button:not([style*="none"]) {
    display: inline-block !important;
    border: 1px solid #666;
    background-color: #333;
    padding: 5px 10px;
    font-weight: bold;
  }
  
  /* Page Content */
  .pointer {
    display: none;
  }
  .page-content-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .page-background-wrap, .page-content, .page-comments {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
  }
  .page-background-wrap {
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    background-color: #111;
  }
  .page-background {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    height: 100vh;
    box-shadow: inset 0 -3em 10em 1em rgba(55, 55, 55, 0.5);
  }
  .page-content {
    position: relative;
    left: -100%;
  }
  .page-comments {
    position: relative;
    top: 20vh;
    left: -200%;
  }
  
  /* Rate Module */
  #page-content > .colmod-block > ul > li.unfolded > .colmod-content .page-rate-widget-box {
    border-radius: 0;
    box-shadow: none;
  }
  #page-content > .colmod-block > ul > li.unfolded > .colmod-content .page-rate-widget-box .rate-points {
    background-color: transparent !important;
    border-width: 0 0 0.0625rem;
    border-color: #ddd;
    border-radius: 0;
  }
  #page-content > .colmod-block > ul > li.unfolded > .colmod-content .page-rate-widget-box .rateup,
  #page-content > .colmod-block > ul > li.unfolded > .colmod-content .page-rate-widget-box .ratedown {
    background-color: transparent;
    border-width: 0 0 0.0625rem;
    border-color: #ddd;
  }
  #page-content > .colmod-block > ul > li.unfolded > .colmod-content .page-rate-widget-box .rateup a,
  #page-content > .colmod-block > ul > li.unfolded > .colmod-content .page-rate-widget-box .ratedown a {
    background-color: transparent;
    color: #fff;
    text-decoration: none;
  }
  #page-content > .colmod-block > ul > li.unfolded > .colmod-content .page-rate-widget-box .rateup a:hover,
  #page-content > .colmod-block > ul > li.unfolded > .colmod-content .page-rate-widget-box .ratedown a:hover {
    color: #fff;
    text-decoration: none;
  }
  #page-content > .colmod-block > ul > li.unfolded > .colmod-content .page-rate-widget-box .rateup a:hover {
    background-color: rgba(0, 200, 0, 0.75);
  }
  #page-content > .colmod-block > ul > li.unfolded > .colmod-content .page-rate-widget-box .ratedown a:hover {
    background-color: rgba(200, 0, 0, 0.75);
  }
  #page-content > .colmod-block > ul > li.unfolded > .colmod-content .page-rate-widget-box .cancel {
    background-color: transparent;
    border-width: 0 0.0625rem 0.0625rem 0;
    border-color: #ddd;
    border-radius: 0;
  }
  #page-content > .colmod-block > ul > li.unfolded > .colmod-content .page-rate-widget-box .cancel a {
    background-color: transparent;
    color: #fff;
    text-transform: uppercase;
  }
  #page-content > .colmod-block > ul > li.unfolded > .colmod-content .page-rate-widget-box .cancel a:hover {
    background-color: rgba(200, 200, 200, 0.75);
    color: #fff;
    text-decoration: none;
    border-radius: 0;
  }
  #page-content > .colmod-block > ul > li.unfolded > .colmod-content .page-rate-widget-box a {
    -webkit-transition: background-color 0.1s ease-in-out;
    -moz-transition: background-color 0.1s ease-in-out;
    -ms-transition: background-color 0.1s ease-in-out;
    -o-transition: background-color 0.1s ease-in-out;
    transition: background-color 0.1s ease-in-out;
  }
  
  /* Credit Module */
  #u-credit-view, #u-credit-otherwise {
    z-index: 12;
  }
  #page-content > .colmod-block > ul > li.unfolded > .colmod-content .rate-box-with-credit-button {
    border-width: 0 0.0625rem 0.0625rem 0;
    border-style: solid;
    border-color: #ddd;
    border-radius: 0;
    background-color: transparent !important;
    box-shadow: none;
  }
  #page-content > .colmod-block > ul > li.unfolded > .colmod-content .rate-box-with-credit-button .page-rate-widget-box .rate-points,
  #page-content > .colmod-block > ul > li.unfolded > .colmod-content .rate-box-with-credit-button .page-rate-widget-box .rateup,
  #page-content > .colmod-block > ul > li.unfolded > .colmod-content .rate-box-with-credit-button .page-rate-widget-box .ratedown,
  #page-content > .colmod-block > ul > li.unfolded > .colmod-content .rate-box-with-credit-button .page-rate-widget-box .cancel {
    border-style: none;
  }
  #page-content > .colmod-block > ul > li.unfolded > .colmod-content .rate-box-with-credit-button > .creditButton > a {
    border-left-color: #7d7d7d;
    color: #fff;
    text-decoration: none;
  }
  #page-content > .colmod-block > ul > li.unfolded > .colmod-content .rate-box-with-credit-button > .creditButton > a:hover {
    color: rgb(52, 152, 219);
    text-decoration: none;
  }
  #page-content > .colmod-block > ul > li.unfolded > .colmod-content .modalbox {
    background-color: #222;
    border-radius: 0.0625rem;
    box-shadow: 0 2px 6px rgba(40, 40, 40, 0.5);
  }
  #page-content > .colmod-block > ul > li.unfolded > .colmod-content .modalbox .modalbox-title {
    background-color: #1a1a1a;
    border-radius: 0.0625rem 0.0625rem 0 0;
  }
  #page-content > .colmod-block > ul > li.unfolded > .colmod-content .close-credits, #page-content > .colmod-block > ul > li.unfolded > .colmod-content .credit-back {
    -webkit-filter: hue-rotate(273deg) saturate(120%) brightness(180%);
    filter: hue-rotate(273deg) saturate(120%) brightness(180%);
  }
  
  /* Common Elements */
  .alterable-container > .alterable-child:not(:first-child) {
    display: none;
  }
  .input-field {
    width: 90%;
    max-width: 28.125rem !important;
    margin: 0 auto 1rem;
    padding: 0.625rem 0;
    border-right: 0.1rem solid #fff;
    border-bottom: 0.1rem solid #fff;
    white-space: nowrap;
    text-align: center;
    letter-spacing: 0.0625rem;
    font-size: 1.2em;
  }
  .input-btn {
    display: block;
    width: 50%;
    max-width: 12.5rem;
    margin: 0 auto;
    padding: 0.625rem 0;
    white-space: nowrap;
    text-align: center;
    color: #fff !important;
    -webkit-transition: box-shadow 0.3s ease-in-out;
    -moz-transition: box-shadow 0.3s ease-in-out;
    -ms-transition: box-shadow 0.3s ease-in-out;
    -o-transition: box-shadow 0.3s ease-in-out;
    transition: box-shadow 0.3s ease-in-out;
  }
  .input-btn:hover,
  #page-content > .colmod-block > ul > li.unfolded > .colmod-content a.input-btn:hover {
    text-decoration: none;
    box-shadow: 0 0.125rem 0.25rem 0 rgba(255, 255, 255, 0.7);
  }
  .input-btn:hover .ruby,
  #page-content > .colmod-block > ul > li.unfolded > .colmod-content a.input-btn:hover .ruby {
    text-decoration: none;
  }
  .input-btn.scp-btn,
  .input-btn.scp-btn:hover,
  #page-content > .colmod-block > ul > li.unfolded > .colmod-content a.input-btn.scp-btn,
  #page-content > .colmod-block > ul > li.unfolded > .colmod-content a.input-btn.scp-btn:hover {
    background-color: #901;
  }
  .input-btn.pata-btn,
  .input-btn.pata-btn:hover,
  #page-content > .colmod-block > ul > li.unfolded > .colmod-content a.input-btn.pata-btn,
  #page-content > .colmod-block > ul > li.unfolded > .colmod-content a.input-btn.pata-btn:hover {
    background-color: var(--fg-medium);
  }
  .classification-header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 1.25em;
  }
  .classification-header > div:nth-child(2) {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -moz-box-orient: horizontal;
    -moz-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding: 0 0.2rem;
    -webkit-transform: skew(15deg);
    -moz-transform: skew(15deg);
    -ms-transform: skew(15deg);
    -o-transform: skew(15deg);
    transform: skew(15deg);
  }
  .classification-header > div:nth-child(3) {
    text-align: right;
  }
  .classification-header .clearance {
    width: 0.5rem;
    margin: 0 0.1rem;
    background-color: var(--fg-lighter);
  }
  .user-avatar,
  .user-avatar-noise {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
  }
  .user-avatar > div,
  .user-avatar-noise > div {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
  }
  .user-avatar > div:nth-child(2),
  .user-avatar-noise > div:nth-child(2) {
    position: relative;
    left: -100%;
  }
  .user-avatar > div.user-avatar-mask {
    background-color: #171717;
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -o-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transform-origin: center bottom;
    -moz-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    -o-transform-origin: center bottom;
    transform-origin: center bottom;
  }
  .user-avatar-noise > div:nth-child(2) {
    -webkit-filter: invert(1) hue-rotate(180deg) saturate(400%);
    filter: invert(1) hue-rotate(180deg) saturate(400%);
    opacity: 0;
  }
  
  /* Animation 0 */
  .logo-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    overflow: hidden;
    opacity: 0;
    -webkit-perspective: 400;
    perspective: 400;
    -webkit-animation: ani-showlogo 5s ease-in-out forwards;
    animation: ani-showlogo 5s ease-in-out forwards;
  }
  @keyframes ani-showlogo {
    0%, 20% {
      height: 100%;
      opacity: 0;
      -webkit-filter: drop-shadow(0 0 0 rgba(255, 255, 255, 0));
      filter: drop-shadow(0 0 0 rgba(255, 255, 255, 0));
    }
    50% {
      height: 100%;
      opacity: 1;
      -webkit-filter: drop-shadow(0 0 1em rgba(255, 255, 255, 0.7));
      filter: drop-shadow(0 0 1em rgba(255, 255, 255, 0.7));
    }
    80%, 100% {
      height: 50%;
      opacity: 1;
      -webkit-filter: drop-shadow(0 0 1em rgba(255, 255, 255, 0.7));
      filter: drop-shadow(0 0 1em rgba(255, 255, 255, 0.7));
    }
  }
  .logo {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 90%;
    padding: 5%;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-origin: content-box;
  }
  .logo-wrap .logo:nth-child(1) {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' baseProfile='tiny' version='1.2' viewBox='0 0 2225.2 2081'%3E%3Cpath fill='%23FFF' d='M1073.4,397.4v51.5l-4.2.5c-2.4.2-13.7,1.4-25.2,2.6-101.4,10.1-204.3,47.4-291.7,105.6C682.4,604.1,619.5,667,573,736.9c-31.4,47.1-59.1,103.8-76.5,156.7-48.4,146.6-43.5,304,13.9,447,4,9.9,11,25.7,15.6,35.3,4.6,9.6,8.4,17.7,8.4,18.1s-22,13.4-49,29c-26.9,15.5-49.6,28.7-50.5,29.4-1.3.9,1.2,5.8,18.2,35.3,10.9,18.9,20.1,34.3,20.4,34.3.4,0,23.3-13,50.9-29,27.6-16,50.5-29,51-29,.4,0,4.9,5.8,9.9,12.9,44,61.8,103,118.9,167,161.5,47.1,31.4,103.8,59.1,156.7,76.5,133.5,44.1,275.3,44.1,408.8,0,52.9-17.4,109.6-45.1,156.7-76.5,64.8-43.1,122.6-99.2,168.3-163.4,5.9-8.3,10.9-15,11.2-15,.2,0,22.6,12.8,49.7,28.4,27,15.7,49.9,28.8,50.8,29.1,1.2.5,5.9-6.9,21.3-33.6,17.8-30.7,19.6-34.4,18.1-35.5-.9-.7-23.7-13.9-50.6-29.4-26.9-15.6-48.9-28.6-48.9-29s3.3-7.6,7.4-16.1c55.4-115.6,74.5-254.8,52.5-383.9-15.3-90.1-49.8-177.1-100.5-253.1-40.1-60.3-91.7-114.7-150.4-158.8-32.6-24.4-61.8-42.4-100-61.5-70.7-35.3-145.1-57.1-220.6-64.6-11.5-1.2-22.8-2.4-25.1-2.6l-4.3-.5V346h-80v51.4zm0,287.6v116h-45.6c-26.5,0-45.4.4-45.2.9,1,2.9,132.4,257.1,132.8,257.1s131.7-254.2,132.8-257.1c.2-.5-19.7-.9-47.2-.9h-47.6V569h4.5c14.1,0,56.2,7,84.6,14.1,38.2,9.5,68.4,20.7,105.4,38.9,40.4,19.9,72.9,41,108,70.1,15.3,12.6,54.6,52.6,67.8,68.8,19.5,24.1,37.6,50.5,52.5,76.7,8,14.1,24.4,48.3,30.6,64.1,46,116.2,49.8,245.3,10.6,363.1-8.9,26.8-24.9,65.2-27.2,65.2-1.2,0-184.8-105.8-186.7-107.6-1.2-1,2.1-7.4,20.7-39.6,12.2-21.1,22.2-38.7,22.2-39.3,0-1,.7-1-23-2-9.6-.4-18.2-.8-19-1-.8-.1-9.8-.6-20-.9-10.2-.4-20.7-.9-23.5-1.1-2.7-.2-11.7-.7-20-1-8.2-.3-17-.8-19.5-1s-12.4-.7-22-1.1c-9.6-.3-19-.7-20.8-.9-1.8-.1-11-.6-20.5-1-9.4-.4-18.8-.8-20.7-1-1.9-.2-12-.6-22.5-1-10.4-.4-19.7-.8-20.5-1-3.8-.7-37-1.7-37-1.1,0,.4,28.4,44.9,63.2,98.9,34.7,54,69.9,108.7,78.2,121.5,13.5,21,15.1,23.2,16.3,21.6.7-1,11.5-19.5,24-41.1l22.7-39.3,3,1.8c1.7,1,43.9,25.4,93.9,54.2,49.9,28.8,90.7,52.8,90.7,53.3,0,1.5-14.8,21.4-26.9,36.2-12.3,15.1-52.1,55.4-66.6,67.4-22,18.3-46.3,35.5-70.5,50.1-16.9,10.3-57,30-75.7,37.4-126.6,50-266,50-392.6,0-18.7-7.4-58.8-27.1-75.7-37.4-24.2-14.6-48.7-31.9-70.5-50.1-14.2-11.8-52.3-50.1-64.5-64.9-11.4-13.7-27.4-34.9-26.9-35.5.2-.2,41.1-23.8,90.9-52.5,49.8-28.7,91.9-53.1,93.7-54.1l3.1-1.9,21.8,37.7c12,20.8,22.3,38.6,23,39.6,1,1.6,1.9.6,7.3-8,3.4-5.4,12.3-19.3,19.8-30.8,7.4-11.6,18.6-28.9,24.8-38.5,10.6-16.6,45-70.1,54-84,2.3-3.6,12.4-19.3,22.5-35s20.7-32.2,23.6-36.7c3-4.6,5.4-8.8,5.4-9.4,0-.7-2.4-.9-7.7-.5-4.3.3-13.9.8-21.3,1.1-7.4.3-16.9.7-21,1-8.1.5-22.1,1.2-42,2-6.9.3-15.9.7-20,1s-13.1.7-20,1c-12.7.5-24.2,1.1-41.7,2-5.4.3-19.7,1-31.8,1.5s-26.4,1.2-31.7,1.5c-5.4.3-14.2.7-19.5,1-24.3,1.2-32.3,1.8-32.3,2.4,0,.3,10.5,18.9,23.4,41.1l23.4,40.5-2.7,1.6c-8.7,5.5-185.1,106.9-185.9,106.9-1.2,0-10.5-19.8-17.7-37.6-29.1-71.8-42.4-153.9-37.5-230.9,5.7-88.8,32.8-173.2,79.8-249,10.3-16.6,26-38.4,39.9-55.6,13.2-16.2,52.5-56.2,67.8-68.8,35.1-29.1,67.6-50.2,108-70.1,37-18.2,67.2-29.4,105.4-38.9,28.8-7.2,67.9-13.8,83.4-14l5.7-.1v116z'/%3E%3Cpath fill='%23FFF' d='M2125.4,1285.2c-20.1-16.8-37.3-31.3-38.4-32.2-1.8-1.8-1.8-2.1.2-16.7,11.1-78.2,12.4-155.6,4.1-237.3-19.2-188.9-91.6-366.1-210.5-515.2-76.2-95.6-172.5-178-279.4-239.1-33.5-19.1-80.1-42-113.7-55.7-4.6-1.8-8.5-4.1-8.7-4.9-.3-.9-9.6-41.9-20.6-91.1-11.1-49.2-20.4-90.3-20.6-91.3C1437.3.1,1421,0,1114.4,0H791.6l-.6,2.7c-.3,1.6-7.3,41.7-15.6,89.3-8.2,47.6-15.3,87.1-15.7,87.8-.5.7-7.3,3.9-15.3,7.1C589.5,249.4,450,353.4,345.8,484c-108,135.4-178.7,296.8-203.9,465-1.4,9.6-3.1,18.6-3.6,19.9-2,4.9-6,43.3-7.9,76.5-1.3,23-1.3,80.8,0,105.1,1.2,21.8,3.1,42.2,6.2,68.3l2.2,18.4-4,3.7c-8.3,7.8-19.4,18-30.4,28.1-6.3,5.8-14.6,13.4-18.5,17-8.4,7.9-9.9,9.2-52.2,48.4-18.3,16.8-33.4,31-33.7,31.5-.3.4,12.2,22.8,27.7,49.7s88.1,152.5,161.2,279.1c73.1,126.7,133.4,230.3,134,230.3.6,0,8.5-2.7,17.6-6.1,9-3.3,28.6-10.5,43.4-15.9,88-32.2,109.6-40,110.4-40,.6,0,3.6,2.2,6.9,4.9,18.3,15.3,63.2,46.9,92.7,65.3,50,31.2,115.1,63,176,85.8,145.4,54.5,306.3,73.7,460.5,55,82.3-10,165.4-30.8,239.5-60,9.9-3.9,18.9-7.2,20-7.4,5.4-.9,37.4-15.5,69-31.4,51.3-26,96.2-53.8,143.3-88.9l19.3-14.3,5.2,1.6c2.9.9,6.6,2,8.2,2.6,4.7,1.5,50.3,15.7,57,17.7,11.6,3.5,65,20.2,67.5,21.1,1.4.5,7.2,2.3,13,4,5.8,1.8,14.7,4.5,19.8,6.2,5.1,1.6,9.7,2.8,10.2,2.6,1.2-.4,323.2-557.9,322.8-558.8-.3-.7-19.5-16.9-99.8-83.8zm28.3,104.7c-.5.9-61.2,105.9-134.7,233.3-80.4,139.3-134.4,231.8-135.2,231.8-.8,0-8.8-2.2-17.7-4.9-8.9-2.7-17.8-5.4-19.7-5.9-4.2-1.1-44.9-13.4-53.5-16.1-3.3-1.1-10-3.1-15-4.6-4.9-1.5-9.9-3.1-11-3.5-1.1-.5-4-1.4-6.5-2s-5.4-1.5-6.5-2-5.1-1.8-9-2.8c-3.8-1.1-12.5-3.7-19.2-5.7-12.1-3.7-12.2-3.7-14.7-1.9-1.3,1.1-8.9,7.1-16.8,13.5-24.2,19.6-68.9,51.9-71.7,51.9-.5,0-5,2.6-9.8,5.7-46.7,30.1-104.9,59.9-158.2,81-90.2,35.7-179.7,55.9-281.6,63.5-22.3,1.6-96.7,1.6-119,0-130.3-9.7-244.9-41-356.5-97.3-57.8-29.1-118.2-67.9-163.5-104.9-3.8-3.2-7.5-5.9-8.2-6.1-.6-.2-5.5-4.2-10.8-8.8l-9.7-8.3-4.7,1c-4.5,1-11,3.2-43.1,15.2-9.1,3.4-31.1,11.5-49,18s-39.9,14.6-49,17.9c-9,3.4-16.9,6.1-17.5,6.1s-61.7-105.1-135.9-233.6L71.1,1386.8l3.4-3c1.9-1.7,10.8-10.1,19.9-18.7,9.1-8.5,19.4-18.3,23-21.6,3.6-3.4,10.8-10.2,16-15.2s11.9-11.2,14.9-13.9,7.1-6.5,9.2-8.4c6.8-6.4,26.1-24.5,28.8-26.9,1.4-1.3,5.6-5.2,9.2-8.7l6.7-6.4-1.4-7.2c-5-26-10.5-73.4-10.9-92.8-.1-8-.6-29.6-1-48-1.2-53.3,2-103.9,10-156.5,39-257.1,184.1-485.7,400-630,63.1-42.3,133.9-78,202-102,11.5-4.1,12-4.4,12.8-7.6,1-4,7.5-40.5,19.8-111.4,5-28.6,9.3-53,9.6-54.3l.5-2.2h269.8c256.2,0,269.9.1,270.4,1.7.8,2.7,23.5,99.9,31.6,135.3,3.9,17.3,7.5,32.8,7.9,34.5.7,2.8,1.8,3.4,19.7,10.3,39.4,15.2,86.4,37,118.9,55.2,106,59.2,197.3,136.2,272,229,116.4,144.7,186.3,320.2,201.4,505.5,3.3,40.1,3.9,111.2,1.1,144.5-2.6,32-7.5,69.5-13.2,101.3l-1.2,6.7,4.4,4.3c2.5,2.3,8.6,7.6,13.5,11.7,5,4.1,9.5,8,10.2,8.6.6.6,5.7,4.9,11.4,9.5,5.6,4.6,14.5,12,19.8,16.4,5.3,4.5,22.4,18.8,38.1,31.9,38.2,32,35.5,29.5,34.3,31.5z'/%3E%3Cpath fill='%23FFF' d='M1073.4,397.4v51.5l-4.2.5c-2.4.2-13.7,1.4-25.2,2.6-101.4,10.1-204.3,47.4-291.7,105.6C682.4,604.1,619.5,667,573,736.9c-31.4,47.1-59.1,103.8-76.5,156.7-48.4,146.6-43.5,304,13.9,447,4,9.9,11,25.7,15.6,35.3s8.4,17.7,8.4,18.1-22,13.4-49,29c-26.9,15.5-49.6,28.7-50.5,29.4-1.3.9,1.2,5.8,18.2,35.3,10.9,18.9,20.1,34.3,20.4,34.3.4,0,23.3-13,50.9-29,27.6-16,50.5-29,51-29,.4,0,4.9,5.8,9.9,12.9,44,61.8,103,118.9,167,161.5,47.1,31.4,103.8,59.1,156.7,76.5,133.5,44.1,275.3,44.1,408.8,0,52.9-17.4,109.6-45.1,156.7-76.5,64.8-43.1,122.6-99.2,168.3-163.4,5.9-8.3,10.9-15,11.2-15,.2,0,22.6,12.8,49.7,28.4,27,15.7,49.9,28.8,50.8,29.1,1.2.5,5.9-6.9,21.3-33.6,17.8-30.7,19.6-34.4,18.1-35.5-.9-.7-23.7-13.9-50.6-29.4-26.9-15.6-48.9-28.6-48.9-29s3.3-7.6,7.4-16.1c55.4-115.6,74.5-254.8,52.5-383.9-15.3-90.1-49.8-177.1-100.5-253.1-40.1-60.3-91.7-114.7-150.4-158.8-32.6-24.4-61.8-42.4-100-61.5-70.7-35.3-145.1-57.1-220.6-64.6-11.5-1.2-22.8-2.4-25.1-2.6l-4.3-.5V346h-80v51.4zm0,287.6v116h-45.6c-26.5,0-45.4.4-45.2.9,1,2.9,132.4,257.1,132.8,257.1s131.7-254.2,132.8-257.1c.2-.5-19.7-.9-47.2-.9h-47.6V569h4.5c14.1,0,56.2,7,84.6,14.1,38.2,9.5,68.4,20.7,105.4,38.9,40.4,19.9,72.9,41,108,70.1,15.3,12.6,54.6,52.6,67.8,68.8,19.5,24.1,37.6,50.5,52.5,76.7,8,14.1,24.4,48.3,30.6,64.1,46,116.2,49.8,245.3,10.6,363.1-8.9,26.8-24.9,65.2-27.2,65.2-1.2,0-184.8-105.8-186.7-107.6-1.2-1,2.1-7.4,20.7-39.6,12.2-21.1,22.2-38.7,22.2-39.3,0-1,.7-1-23-2-9.6-.4-18.2-.8-19-1-.8-.1-9.8-.6-20-.9-10.2-.4-20.7-.9-23.5-1.1-2.7-.2-11.7-.7-20-1-8.2-.3-17-.8-19.5-1s-12.4-.7-22-1.1c-9.6-.3-19-.7-20.8-.9-1.8-.1-11-.6-20.5-1-9.4-.4-18.8-.8-20.7-1s-12-.6-22.5-1c-10.4-.4-19.7-.8-20.5-1-3.8-.7-37-1.7-37-1.1,0,.4,28.4,44.9,63.2,98.9,34.7,54,69.9,108.7,78.2,121.5,13.5,21,15.1,23.2,16.3,21.6.7-1,11.5-19.5,24-41.1l22.7-39.3,3,1.8c1.7,1,43.9,25.4,93.9,54.2,49.9,28.8,90.7,52.8,90.7,53.3,0,1.5-14.8,21.4-26.9,36.2-12.3,15.1-52.1,55.4-66.6,67.4-22,18.3-46.3,35.5-70.5,50.1-16.9,10.3-57,30-75.7,37.4-126.6,50-266,50-392.6,0-18.7-7.4-58.8-27.1-75.7-37.4-24.2-14.6-48.7-31.9-70.5-50.1-14.2-11.8-52.3-50.1-64.5-64.9-11.4-13.7-27.4-34.9-26.9-35.5.2-.2,41.1-23.8,90.9-52.5s91.9-53.1,93.7-54.1l3.1-1.9,21.8,37.7c12,20.8,22.3,38.6,23,39.6,1,1.6,1.9.6,7.3-8,3.4-5.4,12.3-19.3,19.8-30.8,7.4-11.6,18.6-28.9,24.8-38.5,10.6-16.6,45-70.1,54-84,2.3-3.6,12.4-19.3,22.5-35s20.7-32.2,23.6-36.7c3-4.6,5.4-8.8,5.4-9.4,0-.7-2.4-.9-7.7-.5-4.3.3-13.9.8-21.3,1.1s-16.9.7-21,1c-8.1.5-22.1,1.2-42,2-6.9.3-15.9.7-20,1s-13.1.7-20,1c-12.7.5-24.2,1.1-41.7,2-5.4.3-19.7,1-31.8,1.5s-26.4,1.2-31.7,1.5c-5.4.3-14.2.7-19.5,1-24.3,1.2-32.3,1.8-32.3,2.4,0,.3,10.5,18.9,23.4,41.1l23.4,40.5-2.7,1.6c-8.7,5.5-185.1,106.9-185.9,106.9-1.2,0-10.5-19.8-17.7-37.6-29.1-71.8-42.4-153.9-37.5-230.9,5.7-88.8,32.8-173.2,79.8-249,10.3-16.6,26-38.4,39.9-55.6,13.2-16.2,52.5-56.2,67.8-68.8,35.1-29.1,67.6-50.2,108-70.1,37-18.2,67.2-29.4,105.4-38.9,28.8-7.2,67.9-13.8,83.4-14l5.7-.1v116z'/%3E%3C/svg%3E");
    opacity: 1;
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    transform: rotateY(0deg);
  }
  .logo-wrap .logo:nth-child(2) {
    position: relative;
    left: -100%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='Layer_3' x='0px' y='0px' viewBox='0 0 97.2 97.2' style='enable-background:new 0 0 97.2 97.2;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E.st0%7Bopacity:.55;fill:url(%23linear-gradient);enable-background:new;%7D.st1%7Bopacity:.66;enable-background:new;%7D.st2%7Bfill:%23FFF;%7D.st3%7Bopacity:.46;%7D.st4%7Bfill:%23231F20;%7D.st5%7Bopacity:.3;fill:%23FFF;enable-background:new;%7D.st6%7Bopacity:.3;%7D%3C/style%3E%3Cg%3E%3ClinearGradient id='linear-gradient' gradientUnits='userSpaceOnUse' x1='4.688' y1='230.4457' x2='95.698' y2='264.9957' gradientTransform='matrix(1 0 0 1 0 -198)'%3E%3Cstop offset='0' style='stop-color:%238B8B8B'/%3E%3Cstop offset='1' style='stop-color:%23FFF'/%3E%3C/linearGradient%3E%3Cpath class='st0' d='M48.5,94.1c-5.2,0-10.3-.9-15.1-2.7c-2.7-1-5.3-2.3-7.7-3.8c-1-.7-2.5-1.7-3.5-2.4l-3.6,1.3l-1.8,.7c-.4,.2-.9,.3-1.4,.4c-1.2,0-1.2,0-3.4-3.8L8.1,77L1.3,65.3c-1.5-2.6-1.8-3.2-1.1-4.2c.5-.6,1.1-1.2,1.7-1.7L5,56.6l.6-.5c-.1-1.1-.2-2-.3-2.8c-.1-1.1-.1-3.6,0-4.6c.1-1.2,.2-2.4,.4-3.6l0,0c0-.1,.1-.3,.1-.6C8.1,29.6,18,17,31.9,11.2c.1-.6,.3-1.6,.5-2.6c.3-2,.7-3.7,.7-3.8l.4-1.7h26.7c2.4,0,3.4,0,3.9,1.5v.2c0,.1,.2,1,.5,2.2l.3,1.6c.2,1.1,.5,2.2,.6,2.9c1.5,.7,3,1.4,4.4,2.2C82,20.6,90,32.9,91.4,46.8c.3,3.3,.3,6.6-.1,9.9l.8,.7c4.5,3.8,4.5,3.8,4.7,4.2l.3,.8l-.4,.8c0,.1-.1,.3-6.9,12c-1.7,2.9-3.3,5.8-4.6,8c-2.4,4.2-2.5,4.3-3.2,4.5c-.5,.1-1.1,.1-1.6-.2l-.6-.2h-.2L79,87.1l-2.7-.8l-2-.6c-2,1.5-4.1,2.8-6.3,3.9c-1,.6-2.1,1.1-3.2,1.4l-.7,.2c-3.4,1.3-6.9,2.2-10.5,2.6C51.9,94,50.2,94.1,48.5,94.1zM22.5,81c.6,0,1.1,.3,1.6,.7c1.2,.9,2.4,1.8,3.7,2.6c2.2,1.4,4.6,2.5,7,3.4c9,3.4,18.9,3.3,27.9-.2c.3-.2,.7-.3,1.1-.4c.3-.1,1.3-.6,2.5-1.2c2-1,3.9-2.2,5.7-3.5l1.6-1.2l1.3,.4l.3,.1c.3,.1,2.1,.7,2.3,.7s2.7,.8,2.9,.9h.1c2.4-4,9.5-16.4,11.9-20.6c-.8-.7-1.9-1.6-2.9-2.4l0,0l-1.7-1.5c-.6-.6-.8-1.5-.6-2.4c.4-3.1,.5-6.3,.2-9.5c-1.3-12.6-8.5-23.7-19.5-30c-1.5-.8-3-1.6-4.5-2.2c-.8-.2-1.3-.8-1.6-1.6l0,0c-.1-.3-.3-1.1-.9-3.8l-.3-1.6c-.1-.2-.1-.4-.2-.6c-1.8,0-5.4,0-11.9,0H36.7c-.1,.6-.2,1.4-.4,2.2c-.7,4-.7,4-.9,4.3l-.1,.2c-.4,.5-.9,.8-1.5,1C21,20,11.9,31.5,9.8,45.1c0,.4-.1,.7-.2,1.1c-.1,.3-.2,1.5-.2,2.8c-.1,.9-.1,3.2,0,4.2s.1,1.6,.2,2.7l.2,1.8l-.9,.8l-1.2,1.1l-3.1,2.7l-.3,.2l.4,.7L11.5,75c2.1,3.6,3.8,6.6,4.8,8.2l1-.4C22.1,81,22.1,81,22.5,81zM63.9,87L63.9,87zM9.6,46.2l-.1,.1L9.6,46.2z'/%3E%3Cpath class='st1' d='M90.6,61.9L89,60.6l-.8-.7l-.5-.4l-.4-.4c-.2-.2-.5-.4-.6-.5l-.2-.2v-.3c.2-1.3,.4-2.9,.6-4.2c.1-2,.1-4,0-6c-1-12.9-8.5-24.5-19.8-30.8c-1.6-.9-3.3-1.7-5-2.3c-.8-.3-.8-.3-.8-.4s-.2-.7-.3-1.4c-.3-1.5-1.3-5.6-1.3-5.7s-.6-.1-11.3-.1H37.2v.1l-.4,2.3c-.5,3-.8,4.5-.8,4.7s-.1,.1-.5,.3c-13.4,4.8-23.1,16.6-25.2,30.6c-.3,2.2-.5,4.4-.4,6.5c0,.8,0,1.7,0,2c.1,1.3,.2,2.6,.5,3.9l.1,.3l-.3,.3c-.1,.2-.3,.3-.4,.4l-1.3,1.1L8.1,60c-.1,.1-.4,.4-.6,.6l-.7,.7c-.1,.1-.6,.5-1,.9L5,63l-.1,.1l5.7,9.7c3.1,5.4,5.7,9.8,5.7,9.8s.4-.1,.7-.2l2-.8l2-.8c.6-.2,1.2-.5,1.8-.6H23l.4,.3c.1,.1,.3,.3,.5,.4c.1,.1,.2,.2,.4,.3c6.2,5,13.8,7.9,21.8,8.5c.9,.1,4,.1,5,0c4-.3,8-1.2,11.8-2.7c2.3-.9,4.5-2.1,6.6-3.4c.1-.1,.3-.2,.4-.2c1-.7,2-1.4,3-2.2l.7-.6c.1-.1,.1-.1,.6,.1l.8,.2l.4,.1l.3,.1l.3,.1l.5,.2l.6,.2c.4,.1,2.1,.6,2.2,.7l.8,.2c.4,.1,.7,.2,.7,.2s2.3-3.9,5.7-9.7c3.1-5.3,5.6-9.7,5.6-9.8S92.2,63.2,90.6,61.9z'/%3E%3Cpath class='st2' d='M90.8,58.8l-1.6-1.4c-.1-.1-.1-.1,0-.7c.5-3.3,.5-6.6,.2-9.9c-1.3-13.2-9-24.9-20.5-31.5c-1.5-.9-3.1-1.6-4.8-2.3c-.1,0-.3-.1-.4-.2c0,0-.4-1.8-.9-3.8s-.9-3.8-.9-3.8S61.3,5,48.5,5H35v.1c0,.1-.3,1.7-.7,3.7s-.6,3.6-.7,3.7c-.2,.1-.4,.2-.6,.3c-13.4,5.5-23,17.6-25.2,32c-.1,.4-.1,.8-.1,.8c-.2,1.1-.3,2.1-.3,3.2c-.1,1-.1,3.4,0,4.4s.1,1.8,.3,2.9l.1,.8L7.5,57l-1.3,1.2l-.7,.6l-2.2,2c-.8,.7-1.4,1.3-1.4,1.3s.5,1,1.2,2.1l6.7,11.7c3.1,5.3,5.6,9.6,5.6,9.6l.7-.2l1.8-.7c3.6-1.3,4.5-1.6,4.6-1.6c.1,.1,.2,.1,.3,.2c1.2,1,2.5,1.9,3.9,2.7c2.3,1.4,4.8,2.6,7.4,3.6c9.5,3.5,19.9,3.4,29.3-.2l.8-.3c1-.4,1.9-.8,2.9-1.3c2.1-1.1,4.1-2.3,6-3.7l.8-.6l.2,.1l.3,.1l2.4,.7l2.8,.9l.5,.2l.8,.3c.1,.1,.3,.1,.4,.1c0,0,13.5-23.3,13.5-23.4S94.2,61.6,90.8,58.8zM92,63.2c0,0-2.6,4.4-5.6,9.8c-3.4,5.8-5.6,9.7-5.7,9.7s-.4-.1-.7-.2l-.8-.2c-.2,0-1.9-.6-2.2-.7l-.6-.2l-.5-.2l-.4-.1L75.2,81l-.4-.1L74,80.7c-.5-.2-.5-.2-.6-.1l-.7,.6c-1,.8-2,1.5-3,2.2c-.1,.1-.3,.1-.4,.2c-2.1,1.3-4.3,2.5-6.6,3.4c-3.8,1.5-7.7,2.4-11.8,2.7c-.9,.1-4,.1-5,0c-7.9-.5-15.5-3.5-21.8-8.5c-.1-.1-.2-.2-.4-.3c-.2-.1-.3-.2-.5-.4l-.4-.3h-.2c-.6,.2-1.2,.4-1.8,.6l-2,.8l-2,.8c-.4,.1-.7,.2-.7,.2s-2.6-4.4-5.7-9.8l-5.6-9.7L4.9,63l.8-.8c.4-.3,.8-.8,1-.9l.8-.7C7.7,60.4,8,60.1,8.1,60l.4-.3l1.2-1.1c.1,0,.2-.2,.4-.4l.3-.3l-.1-.3c-.2-1.3-.4-2.6-.5-3.9c0-.3,0-1.2,0-2c-.1-2.2,.1-4.4,.4-6.5c2.1-14,11.7-25.8,25.1-30.6c.5-.2,.5-.2,.5-.3s.3-1.7,.8-4.7l.6-2.3V7.2h11.3c10.7,0,11.3,0,11.3,.1s1,4.2,1.3,5.7c.2,.7,.3,1.4,.3,1.4s.1,.1,.8,.4c1.7,.7,3.4,1.4,5,2.3C78.5,23.4,85.9,34.9,87,47.8c.1,2,.1,4,0,6c-.1,1.3-.3,2.9-.6,4.2v.3l.2,.2c.1,.1,.4,.3,.6,.5l.4,.4l.5,.4l.8,.7l1.6,1.3C92.2,63.2,92.1,63.1,92,63.2z'/%3E%3Cg%3E%3Cg class='st3'%3E%3Cpath class='st4' d='M48.5,24.1c12.6,0,23.5,8.9,25.9,21.3l3.9-.1L74,53.1l-4.6-7.6l3.7-.1c-2.3-11.5-12.3-19.8-23.9-20.1v10.9h6.4l-7.1,12.3l-7.1-12.2h6.4V24.7l0,0v-.6H48.5M48.5,45.9l4.8-8.4h-9.7L48.5,45.9M73.9,50.5l2.2-3.9l-4.5,.1L73.9,50.5M48.5,23.8h-.9v12.1H41l.2,.4l7.1,12.2l.2,.4l.2-.4l7.1-12.2l.2-.4h-6.6V25.6c11.4,.4,21,8.4,23.4,19.5l-3.4,.1H69l.2,.4l4.6,7.6l.2,.4l.2-.4l4.3-7.8l.2-.4h-.4l-3.8,.1C72,32.7,61.1,23.9,48.5,23.8zM44.1,37.8h8.8l-4.4,7.6C48.5,45.4,44.1,37.7,44.1,37.8zM72.1,46.9l3.6-.1L73.9,50L72.1,46.9z'/%3E%3Cpath class='st4' d='M37.8,27.3l-4.3,7.8l-2-3.2c-8.7,7.7-11,20.5-5.4,30.8l9.4-5.4l-3.2-5.6h14.2l-7.1,12.2l-3.2-5.6l-10,5.8l0,0l-.6,.3l-.3-.5c-6.3-10.9-4-24.7,5.5-33l-2-3.4L37.8,27.3M33.4,32.6l2.2-3.9l-4.5,.1L33.4,32.6M39.4,61.4l4.8-8.4h-9.7L39.4,61.4M38.2,27h-.4l-8.9,.2h-.4l.2,.4l1.9,3.2c-9.4,8.4-11.7,22.3-5.4,33.2l.3,.5l.1,.2l.2-.1l.4-.2l.2-.1l9.8-5.6l3.1,5.3l.2,.4l.2-.4l7.1-12.2l.2-.4H32l.2,.4l3.1,5.3l-9,5.2c-5.4-10-3.2-22.4,5.3-30l1.8,2.9l.2,.4l.2-.4l4.3-7.8L38.2,27L38.2,27zM31.5,28.9l3.6-.1L33.4,32L31.5,28.9zM35,53.2h8.8l-4.4,7.7L35,53.2z'/%3E%3Cpath class='st4' d='M64.6,51.7l-3.2,5.6l10,5.8l0,0l.6,.3l-.3,.5c-6.3,10.9-19.5,15.9-31.4,11.8l-1.9,3.4l-4.6-7.6l8.9-.2l-1.8,3.2c11.1,3.7,23.3-.7,29.3-10.7l-9.5-5.5l-3.2,5.6l-7-12.2L64.6,51.7M57.5,61.3l4.8-8.4h-9.7L57.5,61.3M38.3,76.5l2.2-3.9L36,72.7L38.3,76.5M65,51.4H50l.2,.4L57.3,64l.2,.4l.2-.4l3.1-5.3l9,5.2c-6,9.6-17.8,14-28.6,10.5l1.7-3l.2-.4h-.4l-8.9,.2h-.4l.2,.4l4.6,7.6l.2,.4l.2-.4l1.8-3.3c12,4,25.2-.9,31.5-11.9l.3-.5l.1-.2l-.2-.1L71.8,63l-.3-.2l-9.8-5.6l3.1-5.3C64.8,51.8,65,51.4,65,51.4zM53.1,53.2h8.8l-4.4,7.6L53.1,53.2zM36.4,72.9l3.6-.1L38.2,76L36.4,72.9z'/%3E%3C/g%3E%3Cpath class='st2' d='M74.4,45.4C72,33,61.1,24.1,48.5,24.1h-.6v.6l0,0v11.5h-6.4l7,12.3l7.1-12.2h-6.4v-11c11.7,.3,21.6,8.6,23.9,20.1l-3.7,.1l4.6,7.6l4.3-7.8L74.4,45.4zM53.4,37.5l-4.9,8.4l-4.8-8.4L53.4,37.5zM73.9,50.5l-2.3-3.8l4.5-.1L73.9,50.5z'/%3E%3Cpath class='st2' d='M32.3,51.7l3.2,5.6l-9.4,5.4c-5.6-10.2-3.4-23,5.4-30.8l2,3.2l4.3-7.8l-8.9,.2l2,3.4c-9.5,8.3-11.8,22.1-5.5,33l.3,.5l.6-.3l0,0l10-5.8l3.2,5.6l7-12.2H32.3zM35.6,28.6l-2.2,3.9l-2.3-3.8L35.6,28.6zM34.6,53h9.7l-4.8,8.4L34.6,53z'/%3E%3Cpath class='st2' d='M71.3,63L71.3,63l-10-5.8l3.2-5.6h-14l7,12.2l3.2-5.6l9.4,5.5c-6.1,10-18.3,14.4-29.3,10.7l1.8-3.2l-8.9,.2l4.6,7.6l1.9-3.4c11.9,4.1,25.1-.8,31.4-11.7l.3-.6L71.3,63zM38.3,76.5L36,72.7l4.5-.1L38.3,76.5zM57.5,61.3l-4.8-8.4h9.7L57.5,61.3z'/%3E%3C/g%3E%3Cg%3E%3Cpath class='st5' d='M79.3,64.2L75.5,62c1.5-3.6,2.3-7.5,2.3-11.4c0-14.9-11.1-27.4-25.9-29.2v-4.2h-7v4.2C28.8,23.3,17.3,38,19.3,54.1c.3,2.8,1.1,5.5,2.2,8.1l-3.8,2.1l3.5,6.1l3.7-2.2c9.7,13,28.1,15.6,41.1,5.9c2.3-1.7,4.3-3.7,6-6l3.8,2.2L79.3,64.2zM48.4,73c-6.7,0-13.1-3.1-17.4-8.3l6.6-3.8l1.8,3.1l7.1-12.3H32.3l1.8,3.1l-6.6,3.8c-4.4-11.5,1.3-24.5,12.9-28.9c1.5-.6,3-1,4.5-1.2v7.7h-3.5l7.1,12.3l7.1-12.2H52v-7.7c12.1,1.8,20.5,13.3,18.5,25.5c-.2,1.5-.6,3-1.2,4.4l-6.5-3.8l1.8-3H50.5l7,12.2l1.8-3.1l6.6,3.8C61.6,69.9,55.2,73,48.4,73z'/%3E%3Cg class='st6'%3E%3Cpath class='st2' d='M51.7,17.5v4.2h.2c16,1.9,27.4,16.4,25.5,32.4c-.3,2.7-1,5.4-2.1,7.9l-.1,.2l.2,.1l3.6,2.1L75.8,70l-3.6-2L72,67.9l-.1,.2c-5.5,7.4-14.2,11.7-23.4,11.7s-17.8-4.3-23.3-11.7l-.1-.2L24.9,68l-3.5,2l-3.2-5.6l3.5-2l.2-.1l-.1-.2c-6.3-14.8,.5-31.9,15.3-38.2c2.5-1.1,5.2-1.8,8-2.1h.2v-4.2h6.4M55.1,36.5L48.5,48l-6.6-11.5h3.3v-8.3h-.3c-12.3,2-20.8,13.5-18.8,25.9c.2,1.6,.7,3.1,1.2,4.6l.1,.3l.2-.2l6.5-3.9l.2-.1l-.1-.2l-1.5-2.7H46l-6.6,11.5l-1.6-2.7l-.1-.2l-.2,.1l-6.6,3.8l-.2,.1l.2,.2c7.8,9.7,22.1,11.2,31.8,3.4c1.3-1,2.4-2.2,3.4-3.5l.2-.2l-.2-.1l-6.6-3.7l-.2-.1l-.1,.2l-1.7,2.7l-6.6-11.5h13.3l-1.5,2.7l-.2,.2l.2,.1l6.5,3.8l.3,.2l.1-.3c4.4-11.7-1.4-24.7-13.1-29.2c-1.5-.6-3-1-4.5-1.2h-.3v8.3L55.1,36.5M51.9,17.2h-7v4.2C28.8,23.3,17.3,38,19.3,54.1c.3,2.8,1.1,5.5,2.2,8.1l-3.8,2.1l3.5,6.1l3.7-2.2c9.7,13,28.1,15.6,41.1,5.9c2.3-1.7,4.3-3.7,6-6l3.8,2.2l3.5-6.1L75.5,62c1.5-3.6,2.3-7.5,2.3-11.4c0-14.9-11.1-27.4-25.9-29.2V17.2zM48.5,48.5l7.1-12.2H52v-7.7c12.1,1.8,20.5,13.3,18.5,25.5c-.2,1.5-.6,3-1.2,4.4l-6.5-3.8l1.8-3H50.5l7,12.2l1.8-3.1l6.6,3.8c-7.7,9.6-21.8,11.2-31.4,3.5c-1.3-1-2.4-2.2-3.4-3.4l6.6-3.8l1.8,3.1l7-12.3H32.3l1.7,3.1l-6.5,3.8c-4.4-11.5,1.3-24.5,12.9-28.9c1.5-.6,3-1,4.5-1.2v7.7h-3.5L48.5,48.5z'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    opacity: 0;
    -webkit-transform: rotateY(-90deg);
    -moz-transform: rotateY(-90deg);
    -ms-transform: rotateY(-90deg);
    -o-transform: rotateY(-90deg);
    transform: rotateY(-90deg);
  }
  .login {
    position: absolute;
    top: 50vh;
    width: 100%;
  }
  .subtitle {
    position: relative;
    top: -2.5vh;
    margin-bottom: 1.5rem;
    text-align: center;
    font-size: 2em;
    font-weight: bold;
    color: #eee;
    opacity: 0;
    -webkit-animation: ani-showsubtitle 5s ease-in-out forwards;
    animation: ani-showsubtitle 5s ease-in-out forwards;
  }
  @keyframes ani-showsubtitle {
    0%, 79% {
      top: -2.5vh;
      opacity: 0;
      -webkit-transform: scaleY(0);
      -moz-transform: scaleY(0);
      -ms-transform: scaleY(0);
      -o-transform: scaleY(0);
      transform: scaleY(0);
    }
    80% {
      top: -2.5vh;
      opacity: 0;
      -webkit-transform: none;
      -moz-transform: none;
      -ms-transform: none;
      -o-transform: none;
      transform: none;
    }
    100% {
      top: 0;
      opacity: 1;
      -webkit-transform: none;
      -moz-transform: none;
      -ms-transform: none;
      -o-transform: none;
      transform: none;
    }
  }
  .subtitle span {
    display: inline-block;
    overflow: hidden;
  }
  .subtitle span:nth-child(2) {
    width: 0;
    height: 0;
    opacity: 0;
  }
  .login-form {
    position: relative;
    top: 5vh;
    opacity: 0;
    -webkit-animation: ani-showform 5s ease-in-out forwards;
    animation: ani-showform 5s ease-in-out forwards;
  }
  .login-form > div:nth-child(2) {
    display: none;
  }
  @keyframes ani-showform {
    0%, 79% {
      top: 5vh;
      opacity: 0;
      -webkit-transform: scaleY(0);
      -moz-transform: scaleY(0);
      -ms-transform: scaleY(0);
      -o-transform: scaleY(0);
      transform: scaleY(0);
    }
    80% {
      top: 5vh;
      opacity: 0;
      -webkit-transform: none;
      -moz-transform: none;
      -ms-transform: none;
      -o-transform: none;
      transform: none;
    }
    100% {
      top: 0;
      opacity: 1;
      -webkit-transform: none;
      -moz-transform: none;
      -ms-transform: none;
      -o-transform: none;
      transform: none;
    }
  }
  .main-doc {
    height: 0;
    overflow-y: hidden;
    padding: 0 0.625rem;
    opacity: 0;
  }
  .main-doc > div {
    display: none;
  }
  
  /* Animation 1 */
  #u-p-1:target ~ .page-content-wrap .page-background-wrap {
    -webkit-animation: ani-changebg 10s ease-in-out forwards;
    animation: ani-changebg 10s ease-in-out forwards;
  }
  @keyframes ani-changebg {
    0%, 25% {
      background-color: #111;
    }
    65%, 100% {
      background-color: var(--fg-dark);
    }
  }
  #u-p-1:target ~ .page-content-wrap .logo-wrap {
    height: 50%;
    opacity: 1;
    -webkit-filter: drop-shadow(0 0 1em rgba(255, 255, 255, 0.7));
    filter: drop-shadow(0 0 1em rgba(255, 255, 255, 0.7));
    -webkit-animation: ani-fadelogo 10s ease-in-out forwards;
    animation: ani-fadelogo 10s ease-in-out forwards;
  }
  @keyframes ani-fadelogo {
    0%, 50% {
      height: 50%;
      opacity: 1;
    }
    65%, 100% {
      height: 100%;
      opacity: 0.15;
    }
  }
  #u-p-1:target ~ .page-content-wrap .logo-wrap .logo:nth-child(1) {
    -webkit-animation: ani-hidelogo 10s ease-in-out forwards;
    animation: ani-hidelogo 10s ease-in-out forwards;
  }
  @keyframes ani-hidelogo {
    0% {
      opacity: 1;
      -webkit-transform: rotateY(0deg);
      -moz-transform: rotateY(0deg);
      -ms-transform: rotateY(0deg);
      -o-transform: rotateY(0deg);
      transform: rotateY(0deg);
    }
    12.5% {
      opacity: 1;
      -webkit-transform: rotateY(90deg);
      -moz-transform: rotateY(90deg);
      -ms-transform: rotateY(90deg);
      -o-transform: rotateY(90deg);
      transform: rotateY(90deg);
    }
    13%, 100% {
      opacity: 0;
      -webkit-transform: rotateY(90deg);
      -moz-transform: rotateY(90deg);
      -ms-transform: rotateY(90deg);
      -o-transform: rotateY(90deg);
      transform: rotateY(90deg);
    }
  }
  #u-p-1:target ~ .page-content-wrap .logo-wrap .logo:nth-child(2) {
    -webkit-animation: ani-changelogo 10s ease-in-out forwards;
    animation: ani-changelogo 10s ease-in-out forwards;
  }
  @keyframes ani-changelogo {
    0%, 12% {
      opacity: 0;
      -webkit-transform: rotateY(-90deg);
      -moz-transform: rotateY(-90deg);
      -ms-transform: rotateY(-90deg);
      -o-transform: rotateY(-90deg);
      transform: rotateY(-90deg);
    }
    12.5% {
      opacity: 1;
      -webkit-transform: rotateY(-90deg);
      -moz-transform: rotateY(-90deg);
      -ms-transform: rotateY(-90deg);
      -o-transform: rotateY(-90deg);
      transform: rotateY(-90deg);
    }
    25%, 100% {
      opacity: 1;
      -webkit-transform: rotateY(0deg);
      -moz-transform: rotateY(0deg);
      -ms-transform: rotateY(0deg);
      -o-transform: rotateY(0deg);
      transform: rotateY(0deg);
    }
  }
  #u-p-1:target ~ .page-content-wrap .subtitle {
    top: 0;
    opacity: 1;
    -webkit-animation: ani-fadesubtitle 10s ease-in-out forwards;
    animation: ani-fadesubtitle 10s ease-in-out forwards;
  }
  @keyframes ani-fadesubtitle {
    0%, 40% {
      opacity: 1;
      -webkit-transform: none;
      -moz-transform: none;
      -ms-transform: none;
      -o-transform: none;
      transform: none;
    }
    50% {
      opacity: 0;
      -webkit-transform: none;
      -moz-transform: none;
      -ms-transform: none;
      -o-transform: none;
      transform: none;
    }
    51%, 100% {
      opacity: 0;
      -webkit-transform: scaleY(0);
      -moz-transform: scaleY(0);
      -ms-transform: scaleY(0);
      -o-transform: scaleY(0);
      transform: scaleY(0);
    }
  }
  #u-p-1:target ~ .page-content-wrap .subtitle span:nth-child(1) {
    -webkit-animation: ani-hidesubtitle 10s ease-in-out forwards;
    animation: ani-hidesubtitle 10s ease-in-out forwards;
  }
  @keyframes ani-hidesubtitle {
    0% {
      width: auto;
      height: auto;
      opacity: 1;
    }
    12% {
      width: auto;
      height: auto;
      opacity: 0;
    }
    12.5%, 100% {
      width: 0;
      height: 0;
      opacity: 0;
    }
  }
  #u-p-1:target ~ .page-content-wrap .subtitle span:nth-child(2) {
    -webkit-animation: ani-changesubtitle 10s ease-in-out forwards;
    animation: ani-changesubtitle 10s ease-in-out forwards;
  }
  @keyframes ani-changesubtitle {
    0%, 12.5% {
      width: 0;
      height: 0;
      opacity: 0;
    }
    13% {
      width: auto;
      height: auto;
      opacity: 0;
    }
    25%, 100% {
      width: auto;
      height: auto;
      opacity: 1;
    }
  }
  #u-p-1:target ~ .page-content-wrap .login-form {
    top: 0;
    opacity: 1;
    -webkit-animation: ani-hideform 10s ease-in-out forwards;
    animation: ani-hideform 10s ease-in-out forwards;
  }
  @keyframes ani-hideform {
    0% {
      top: 0;
      opacity: 1;
      -webkit-transform: none;
      -moz-transform: none;
      -ms-transform: none;
      -o-transform: none;
      transform: none;
    }
    9% {
      top: 5vh;
      opacity: 0;
      -webkit-transform: none;
      -moz-transform: none;
      -ms-transform: none;
      -o-transform: none;
      transform: none;
    }
    10%, 100% {
      top: 5vh;
      opacity: 0;
      -webkit-transform: scaleY(0);
      -moz-transform: scaleY(0);
      -ms-transform: scaleY(0);
      -o-transform: scaleY(0);
      transform: scaleY(0);
    }
  }
  #u-p-1:target ~ .page-content-wrap .main-doc {
    -webkit-animation: ani-showdoc 10s ease-in-out forwards;
    animation: ani-showdoc 10s ease-in-out forwards;
  }
  @keyframes ani-showdoc {
    0%, 49% {
      height: 0;
      opacity: 0;
    }
    50% {
      height: auto;
      opacity: 0;
    }
    65%, 100% {
      height: auto;
      opacity: 1;
    }
  }
  #u-p-1:target ~ .page-content-wrap .main-doc > div.fragment-1 {
    display: block;
  }
  
  /* Animation 2 */
  #u-p-2:target ~ .page-content-wrap .page-background-wrap {
    background-color: var(--fg-dark);
  }
  #u-p-2:target ~ .page-content-wrap .logo-wrap {
    height: 100%;
    opacity: 0.15;
    -webkit-filter: drop-shadow(0 0 1em rgba(255, 255, 255, 0.7));
    filter: drop-shadow(0 0 1em rgba(255, 255, 255, 0.7));
    -webkit-animation: none 0;
    animation: none 0;
  }
  #u-p-2:target ~ .page-content-wrap .logo-wrap .logo:nth-child(1) {
    opacity: 0;
    -webkit-transform: rotateY(90deg);
    -moz-transform: rotateY(90deg);
    -ms-transform: rotateY(90deg);
    -o-transform: rotateY(90deg);
    transform: rotateY(90deg);
  }
  #u-p-2:target ~ .page-content-wrap .logo-wrap .logo:nth-child(2) {
    opacity: 1;
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    transform: rotateY(0deg);
  }
  #u-p-2:target ~ .page-content-wrap .subtitle {
    top: 0;
    opacity: 0;
    -webkit-transform: scaleY(0);
    -moz-transform: scaleY(0);
    -ms-transform: scaleY(0);
    -o-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-animation: none 0;
    animation: none 0;
  }
  #u-p-2:target ~ .page-content-wrap .subtitle span:nth-child(1) {
    width: 0;
    height: 0;
    opacity: 0;
  }
  #u-p-2:target ~ .page-content-wrap .subtitle span:nth-child(2) {
    width: auto;
    height: auto;
    opacity: 1;
  }
  #u-p-2:target ~ .page-content-wrap .login-form {
    top: 5vh;
    opacity: 0;
    -webkit-transform: scaleY(0);
    -moz-transform: scaleY(0);
    -ms-transform: scaleY(0);
    -o-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-animation: none 0;
    animation: none 0;
  }
  #u-p-2:target ~ .page-content-wrap .main-doc {
    height: auto;
    opacity: 1;
  }
  #u-p-2:target ~ .page-content-wrap .main-doc > div.fragment-2 {
    display: block;
  }
  /* Noise Animation From SCP-5633 - https://scp-wiki.wikidot.com/scp-5633 */
  #u-p-2:target ~ .page-content-wrap .user-avatar-noise > div:nth-child(2) {
    -webkit-animation: ani-noise-1 1s linear 20 alternate-reverse, ani-noise-2 9s 2;
    animation: ani-noise-1 1s linear 20 alternate-reverse, ani-noise-2 9s 2;
  }
  @keyframes ani-noise-1 {
    3.3333333333% {
      -webkit-clip-path: inset(37px 0 30px 0);
      clip-path: inset(37px 0 30px 0);
    }
    6.6666666667% {
      -webkit-clip-path: inset(32px 0 48px 0);
      clip-path: inset(32px 0 48px 0);
    }
    10% {
      -webkit-clip-path: inset(75px 0 23px 0);
      clip-path: inset(75px 0 23px 0);
    }
    13.3333333333% {
      -webkit-clip-path: inset(79px 0 20px 0);
      clip-path: inset(79px 0 20px 0);
    }
    16.6666666667% {
      -webkit-clip-path: inset(38px 0 16px 0);
      clip-path: inset(38px 0 16px 0);
    }
    20% {
      -webkit-clip-path: inset(65px 0 19px 0);
      clip-path: inset(65px 0 19px 0);
    }
    23.3333333333% {
      -webkit-clip-path: inset(54px 0 5px 0);
      clip-path: inset(54px 0 5px 0);
    }
    26.6666666667% {
      -webkit-clip-path: inset(23px 0 10px 0);
      clip-path: inset(23px 0 10px 0);
    }
    30% {
      -webkit-clip-path: inset(17px 0 45px 0);
      clip-path: inset(17px 0 45px 0);
    }
    33.3333333333% {
      -webkit-clip-path: inset(75px 0 9px 0);
      clip-path: inset(75px 0 9px 0);
    }
    36.6666666667% {
      -webkit-clip-path: inset(36px 0 51px 0);
      clip-path: inset(36px 0 51px 0);
    }
    40% {
      -webkit-clip-path: inset(13px 0 34px 0);
      clip-path: inset(13px 0 34px 0);
    }
    43.3333333333% {
      -webkit-clip-path: inset(73px 0 27px 0);
      clip-path: inset(73px 0 27px 0);
    }
    46.6666666667% {
      -webkit-clip-path: inset(65px 0 1px 0);
      clip-path: inset(65px 0 1px 0);
    }
    50% {
      -webkit-clip-path: inset(60px 0 38px 0);
      clip-path: inset(60px 0 38px 0);
    }
    53.3333333333% {
      -webkit-clip-path: inset(53px 0 5px 0);
      clip-path: inset(53px 0 5px 0);
    }
    56.6666666667% {
      -webkit-clip-path: inset(48px 0 4px 0);
      clip-path: inset(48px 0 4px 0);
    }
    60% {
      -webkit-clip-path: inset(67px 0 6px 0);
      clip-path: inset(67px 0 6px 0);
    }
    63.3333333333% {
      -webkit-clip-path: inset(46px 0 42px 0);
      clip-path: inset(46px 0 42px 0);
    }
    66.6666666667% {
      -webkit-clip-path: inset(43px 0 52px 0);
      clip-path: inset(43px 0 52px 0);
    }
    70% {
      -webkit-clip-path: inset(67px 0 27px 0);
      clip-path: inset(67px 0 27px 0);
    }
    73.3333333333% {
      -webkit-clip-path: inset(54px 0 9px 0);
      clip-path: inset(54px 0 9px 0);
    }
    76.6666666667% {
      -webkit-clip-path: inset(96px 0 1px 0);
      clip-path: inset(96px 0 1px 0);
    }
    80% {
      -webkit-clip-path: inset(11px 0 12px 0);
      clip-path: inset(11px 0 12px 0);
    }
    83.3333333333% {
      -webkit-clip-path: inset(4px 0 40px 0);
      clip-path: inset(4px 0 40px 0);
    }
    86.6666666667% {
      -webkit-clip-path: inset(98px 0 2px 0);
      clip-path: inset(98px 0 2px 0);
    }
    90% {
      -webkit-clip-path: inset(97px 0 2px 0);
      clip-path: inset(97px 0 2px 0);
    }
    93.3333333333% {
      -webkit-clip-path: inset(54px 0 12px 0);
      clip-path: inset(54px 0 12px 0);
    }
    96.6666666667% {
      -webkit-clip-path: inset(40px 0 11px 0);
      clip-path: inset(40px 0 11px 0);
    }
    100% {
      -webkit-clip-path: inset(41px 0 34px 0);
      clip-path: inset(41px 0 34px 0);
    }
  }
  @keyframes ani-noise-2 {
    10% {
      opacity: 0;
    }
    11% {
      opacity: 1;
    }
    13% {
      opacity: 1;
    }
    14% {
      opacity: 0;
    }
    32% {
      opacity: 0;
    }
    33% {
      opacity: 1;
    }
    34% {
      opacity: 0;
    }
    60% {
      opacity: 0;
    }
    61% {
      opacity: 1;
    }
    83% {
      opacity: 1;
    }
    84% {
      opacity: 0;
    }
  }
  #u-p-2:target ~ .page-content-wrap .user-avatar > div.user-avatar-mask {
    -webkit-animation: ani-showavatar 10s steps(10) forwards;
    animation: ani-showavatar 10s steps(10) forwards;
  }
  @keyframes ani-showavatar {
    0% {
      -webkit-transform: scaleY(1);
      -moz-transform: scaleY(1);
      -ms-transform: scaleY(1);
      -o-transform: scaleY(1);
      transform: scaleY(1);
    }
    100% {
      -webkit-transform: scaleY(0);
      -moz-transform: scaleY(0);
      -ms-transform: scaleY(0);
      -o-transform: scaleY(0);
      transform: scaleY(0);
    }
  }
  
  /* Animation 3 */
  #u-p-3:target ~ .page-content-wrap .page-background-wrap {
    background-color: var(--fg-dark);
    -webkit-animation: ani-changebg-alter 10s ease-in-out forwards;
    animation: ani-changebg-alter 10s ease-in-out forwards;
  }
  @keyframes ani-changebg-alter {
    0% {
      background-color: var(--fg-dark);
    }
    40%, 100% {
      background-color: #111;
    }
  }
  #u-p-3:target ~ .page-content-wrap .logo-wrap {
    height: 100%;
    opacity: 0.15;
    -webkit-filter: drop-shadow(0 0 1em rgba(255, 255, 255, 0.7));
    filter: drop-shadow(0 0 1em rgba(255, 255, 255, 0.7));
    -webkit-animation: ani-fadelogo-alter 10s ease-in-out forwards;
    animation: ani-fadelogo-alter 10s ease-in-out forwards;
  }
  @keyframes ani-fadelogo-alter {
    0% {
      height: 100%;
      opacity: 0.15;
    }
    15%, 100% {
      height: 50%;
      opacity: 1;
    }
  }
  #u-p-3:target ~ .page-content-wrap .logo-wrap .logo:nth-child(1) {
    opacity: 0;
    -webkit-transform: rotateY(90deg);
    -moz-transform: rotateY(90deg);
    -ms-transform: rotateY(90deg);
    -o-transform: rotateY(90deg);
    transform: rotateY(90deg);
    -webkit-animation: ani-hidelogo-alter 10s ease-in-out forwards;
    animation: ani-hidelogo-alter 10s ease-in-out forwards;
  }
  @keyframes ani-hidelogo-alter {
    0%, 52% {
      opacity: 0;
      -webkit-transform: rotateY(90deg);
      -moz-transform: rotateY(90deg);
      -ms-transform: rotateY(90deg);
      -o-transform: rotateY(90deg);
      transform: rotateY(90deg);
    }
    52.5% {
      opacity: 1;
      -webkit-transform: rotateY(90deg);
      -moz-transform: rotateY(90deg);
      -ms-transform: rotateY(90deg);
      -o-transform: rotateY(90deg);
      transform: rotateY(90deg);
    }
    65%, 100% {
      opacity: 1;
      -webkit-transform: rotateY(0deg);
      -moz-transform: rotateY(0deg);
      -ms-transform: rotateY(0deg);
      -o-transform: rotateY(0deg);
      transform: rotateY(0deg);
    }
  }
  #u-p-3:target ~ .page-content-wrap .logo-wrap .logo:nth-child(2) {
    opacity: 1;
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    transform: rotateY(0deg);
    -webkit-animation: ani-changelogo-alter 10s ease-in-out forwards;
    animation: ani-changelogo-alter 10s ease-in-out forwards;
  }
  @keyframes ani-changelogo-alter {
    0%, 40% {
      opacity: 1;
      -webkit-transform: rotateY(0deg);
      -moz-transform: rotateY(0deg);
      -ms-transform: rotateY(0deg);
      -o-transform: rotateY(0deg);
      transform: rotateY(0deg);
    }
    52.5% {
      opacity: 1;
      -webkit-transform: rotateY(-90deg);
      -moz-transform: rotateY(-90deg);
      -ms-transform: rotateY(-90deg);
      -o-transform: rotateY(-90deg);
      transform: rotateY(-90deg);
    }
    53%, 100% {
      opacity: 0;
      -webkit-transform: rotateY(-90deg);
      -moz-transform: rotateY(-90deg);
      -ms-transform: rotateY(-90deg);
      -o-transform: rotateY(-90deg);
      transform: rotateY(-90deg);
    }
  }
  #u-p-3:target ~ .page-content-wrap .subtitle {
    top: 0;
    opacity: 0;
    -webkit-transform: scaleY(0);
    -moz-transform: scaleY(0);
    -ms-transform: scaleY(0);
    -o-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-animation: ani-fadesubtitle-alter 10s ease-in-out forwards;
    animation: ani-fadesubtitle-alter 10s ease-in-out forwards;
  }
  @keyframes ani-fadesubtitle-alter {
    0%, 14% {
      opacity: 0;
      -webkit-transform: scaleY(0);
      -moz-transform: scaleY(0);
      -ms-transform: scaleY(0);
      -o-transform: scaleY(0);
      transform: scaleY(0);
    }
    15% {
      opacity: 0;
      -webkit-transform: none;
      -moz-transform: none;
      -ms-transform: none;
      -o-transform: none;
      transform: none;
    }
    25%, 100% {
      opacity: 1;
      -webkit-transform: none;
      -moz-transform: none;
      -ms-transform: none;
      -o-transform: none;
      transform: none;
    }
  }
  #u-p-3:target ~ .page-content-wrap .subtitle span:nth-child(1) {
    width: 0;
    height: 0;
    opacity: 0;
    -webkit-animation: ani-hidesubtitle-alter 10s ease-in-out forwards;
    animation: ani-hidesubtitle-alter 10s ease-in-out forwards;
  }
  @keyframes ani-hidesubtitle-alter {
    0%, 52.5% {
      width: 0;
      height: 0;
      opacity: 0;
    }
    53% {
      width: auto;
      height: auto;
      opacity: 0;
    }
    65%, 100% {
      width: auto;
      height: auto;
      opacity: 1;
    }
  }
  #u-p-3:target ~ .page-content-wrap .subtitle span:nth-child(2) {
    width: auto;
    height: auto;
    opacity: 1;
    -webkit-animation: ani-changesubtitle-alter 10s ease-in-out forwards;
    animation: ani-changesubtitle-alter 10s ease-in-out forwards;
  }
  @keyframes ani-changesubtitle-alter {
    0%, 40% {
      width: auto;
      height: auto;
      opacity: 1;
    }
    52% {
      width: auto;
      height: auto;
      opacity: 0;
    }
    52.5%, 100% {
      width: 0;
      height: 0;
      opacity: 0;
    }
  }
  #u-p-3:target ~ .page-content-wrap .login-form {
    top: 5vh;
    opacity: 0;
    -webkit-transform: scaleY(0);
    -moz-transform: scaleY(0);
    -ms-transform: scaleY(0);
    -o-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-animation: ani-hideform-alter 10s ease-in-out forwards;
    animation: ani-hideform-alter 10s ease-in-out forwards;
  }
  @keyframes ani-hideform-alter {
    0%, 55% {
      top: 5vh;
      opacity: 0;
      --webkit-transform: scaleY(0);
      -moz-transform: scaleY(0);
      -ms-transform: scaleY(0);
      -o-transform: scaleY(0);
      transform: scaleY(0);
    }
    56% {
      top: 5vh;
      opacity: 0;
      -webkit-transform: none;
      -moz-transform: none;
      -ms-transform: none;
      -o-transform: none;
      transform: none;
    }
    65%, 100% {
      top: 0;
      opacity: 1;
      -webkit-transform: none;
      -moz-transform: none;
      -ms-transform: none;
      -o-transform: none;
      transform: none;
    }
  }
  #u-p-3:target ~ .page-content-wrap .login-form > div:nth-child(1) {
    display: none;
  }
  #u-p-3:target ~ .page-content-wrap .login-form > div:nth-child(2) {
    display: block;
  }
  #u-p-3:target ~ .page-content-wrap .main-doc {
    height: auto;
    opacity: 1;
    -webkit-animation: ani-showdoc-alter 10s ease-in-out forwards;
    animation: ani-showdoc-alter 10s ease-in-out forwards;
  }
  @keyframes ani-showdoc-alter {
    0% {
      height: auto;
      opacity: 1;
    }
    15% {
      height: auto;
      opacity: 0;
    }
    16%, 100% {
      height: 0;
      opacity: 0;
    }
  }
  #u-p-3:target ~ .page-content-wrap .main-doc > div.fragment-3 {
    display: block;
  }
  
  /* Common Animation */
  .box-appear {
    width: 0;
    height: 0;
    overflow: hidden;
    -webkit-animation: ani-appear 1ms forwards;
    animation: ani-appear 1ms forwards;
  }
  @keyframes ani-appear {
    0% {
      width: 0;
      height: 0;
    }
    100% {
      width: auto;
      height: auto;
    }
  }
  .box-disappear {
    width: auto;
    height: auto;
    overflow: hidden;
    -webkit-animation: ani-disappear 1ms forwards;
    animation: ani-disappear 1ms forwards;
  }
  @keyframes ani-disappear {
    0% {
      width: auto;
      height: auto;
    }
    100% {
      width: 0;
      height: 0;
    }
  }
  span.box-appear,
  span.box-disappear {
    display: inline-block;
  }
  
  /* Listpages Module */
  .item-wrap {
    margin: 0 2.5rem;
    padding: 0.3em 0.7em;
    border-top: 0.0625rem solid transparent;
    border-bottom: 0.0625rem solid #666;
    background-color: rgba(252, 252, 252, 0);
    -webkit-animation: ani-item-appear 0 cubic-bezier(0.3649610494,0,0.6350389506,1) 2 alternate;
    animation: ani-item-appear 0 cubic-bezier(0.3649610494,0,0.6350389506,1) 2 alternate;
  }
  @keyframes ani-item-appear {
    0% {
      background-color: rgba(252, 252, 252, 0);
    }
    100% {
      background-color: rgba(252, 252, 252, 0.15);
    }
  }
  .object-class {
    font-size: 1.25em;
  }
  .object-class span[style*="line-through"] {
    color: #a0a0a0;
  }

  Pages using this styling

  • scp-cn-1109 [info]

  ¶ 1 occurrence
  

  :root {
      --timeDelay: 0.5s;
  }
  #header h2::before {
    content: var(--header-subtitle, "SEND CASH PROMPTLY");
    font-weight: 700;
    font-size: 1.3em;

  Pages using this styling

  • scp-cash4d-j [info]

  ¶ 1 occurrence
  

  @import url('http://scp-jp.wdfiles.com/local--code/component%3Aaf2018theme');

  Pages using this styling

  • scp-bonito-jp-j [info]

  ¶ 1 occurrence
  

  
  div#page-title::after {
    content: "by BigStonefish";
    font-size: 50%;
    color: #888;
  }
  

  Pages using this styling

  • scp-big-egg-j [info]

  ¶ 1 occurrence
  

  @import url('https://api.fonts.coollabs.io/css2?family=Teko:wght@400;700&display=swap');
  
  span, a {
      word-break: normal;
  }
  
  .halloween-cards-container {
      display: flex;
      flex-wrap: wrap;
      grid-gap: 1.675rem;
      justify-content: center;
      margin: 0.5rem auto;
  }
  .halloween-cards-container .anthology-card {
      display: flex;
      flex-direction: column;
      background-color: #111;
      position: relative;
      flex-basis: 13.25rem;
      box-sizing: border-box;
      font-size: 0.875em;
      isolation: isolate;
      transition: transform 0.15s ease-out;
  }
  .halloween-cards-container .anthology-card:is(:hover,:focus-within) {
      transform: scale(1.325);
      z-index: 1;
  }
  
  .halloween-cards-container .anthology-card > a:first-child {
      font-size: 0;
      display: block;
      width: 100%; height: 100%;
      position: absolute;
      top: 0; left: 0;
      z-index: 3;
      outline: none;
  }
  .halloween-cards-container .anthology-card > a:first-child:not([href*="scp-7"]) {
      display: none;
  }
  .halloween-cards-container .anthology-card > a:first-child:not([href*="scp-7"]) ~ img {
      cursor: not-allowed;
  }
  
  .anthology-card > h1 {
      font-family: 'Teko', 'Inter', sans-serif;
      font-weight: normal;
      font-size: 1.75em;
      line-height: 0.9;
      margin: 0;
      position: absolute;
      width: 100%;
      box-sizing: border-box;
      padding: 0.285rem 2.25rem 0.125rem;
      text-align: center;
      background-color: #111;
      color: white;
      clip-path: polygon(0 0, 100% 0, 100% 0.5rem, calc(100% - 1.25rem) 0.5rem, calc(100% - 2.5rem) 100%, 2.5rem 100%, 1.25rem 0.5rem, 0% 0.5rem);
      transition: color 0.05s linear, background-color 0.125s ease-out;
  }
  .anthology-card:is(:hover,:focus-within) > h1 {
      color: black;
      background-color: var(--fg-accent);
  }
  
  .anthology-card > img {
      padding-top: .5rem;
      height: 17.5rem;
      width: 100%;
      object-fit: cover;
      z-index: -1;
  }
  
  .anthology-card > .antho-title {
      display: flex;
      width: calc(100% + 1rem);
      max-width: unset!important;
      align-items: center;
      font-family: 'Teko', 'Inter', sans-serif;
      isolation: isolate;
      position: absolute;
      bottom: 2.625rem;
      left: -0.625rem;
      transform: translateY(50%);
      z-index: 4;
      pointer-events: none;
  }
  
  .anthology-card > .antho-title span {
      pointer-events: auto;
  }
  .anthology-card > .antho-title span:nth-child(1) {
      --bg: #a22bca;
      display: flex;
      align-items: center;
      justify-content: center;
      height: 3rem;
      min-width: 3.5rem;
      width: 3.5rem;
      box-sizing: border-box;
      color: black;
      font-weight: bold;
      position: relative;
      font-size: 1.675rem;
      font-family: 'Inter', sans-serif;
      transform: scale(1.3125);
      z-index: 1;
  }
  .anthology-card > .antho-title span:nth-child(1)::before,
  .anthology-card > .antho-title span:nth-child(1)::after {
      content: "";
      display: block;
      position: absolute;
      top: 0; left: 0;
      width: 100%; height: 100%;
      background-color: var(--bg);
      z-index: -1;
      clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
  }
  .anthology-card > .antho-title span:nth-child(1)::before {
      background-color: var(--fg-accent);
      transition: transform 0.125s ease-out;
  }
  
  .anthology-card > .antho-title span:nth-child(2) {
      min-height: 2.375em;
      font-size: 1.675em;
      font-weight: normal;
      line-height: 0.875;
      display: inline-grid;
      align-items: center;
      text-align: center;
      padding: 0.175em 1.25em; padding-left: 1.75rem;
      margin-left: -0.875rem;
      background-color: #111;
      background-image: linear-gradient(to right, var(--fg-accent) 0%, var(--fg-accent) 100%);
      background-size: 0% 100%;
      background-position: 0 100%;
      background-repeat: no-repeat;
      clip-path: polygon(0 0, calc(100% - 0.875em) 0, 100% 50%, calc(100% - 0.875em) 100%, 0 100%);
      transition: all 0.175s ease-out;
  }
  
  .anthology-card:is(:hover,:focus-within) > .antho-title span:nth-child(1) {
      --bg: #111;
      color: white;
      transition: color 0.125s linear;
  }
  .anthology-card:is(:hover,:focus-within) > .antho-title span:nth-child(1)::before {
      transform: scale(1.15);
  }
  
  .anthology-card:is(:hover,:focus-within) > .antho-title span:nth-child(2) {
      color: black;
      background-size: 100% 100%;
  }
  
  /*-----------------------*/
  /*-----------------------*/
  /*
  .anthology-card:nth-child(28) img {
      transition: filter 0.175s linear;
  }
  .anthology-card:nth-child(28):is(:hover,:focus-within) img {
      filter: invert(1);
  }*/

  Pages using this styling

  • scp-anthology-hub [info]

  ¶ 1 occurrence
  

  
  .iframe-overlay {
    display: none;
  }
  
  .iframe-overlay[style$="1px;"] {
    display: block;
    top: 0;
    left: 0;
    width: 100vw !important;
    height: 100vh !important;
    position: fixed;
    background-color: #0008;
    z-index: 11;
  }

  Pages using this styling

  • scp-anthology-2025 [info]

  ¶ 1 occurrence
  

  @import url("https://fonts.googleapis.com/css2?family=Caudex:ital,wght@0,400;0,700;1,400;1,700&display=swap");
  @import url("https://fonts.googleapis.com/css2?family=Bodoni+Moda+SC:ital,opsz,wght@0,6..96,400..900;1,6..96,400..900&display=swap");
  @import url("https://api.fonts.coollabs.io/css2?family=Noto+Serif+Hebrew:wght@100..900&display=swap");
  
  @media (max-width: 768px) {
    :root:root .emanation-menu {
      width: 100vw; 
    }
   
    :root:root .e-description {
      padding: 1.5em;
    }
  } 
  
  :root {
    --body-font-primary: "Caudex";
    --header-font-primary: "Bodoni Moda SC";
    --body-font-fallback: "Noto Serif Hebrew", "Times New Roman", serif;
    --header-font-fallback: "Noto Serif Hebrew", "Times New Roman", serif;
    --base-font-size: 1.15rem;
  
    --basalt-primary-color: 29, 30, 43;
    --basalt-secondary-color: 22, 20, 30;
    --basalt-tertiary-color: 49, 47, 63;
    --basalt-bright-element-color: 177, 181, 211;
    --basalt-overtone: 249, 251, 252;
    --basalt-main-text-color: var(--basalt-overtone);
    --modal-fader-background-color: var(--basalt-secondary-color);
    --h-border-color: var(--basalt-tertiary-color);
    --bottom-area-background-color: var(--basalt-secondary-color);
    --basalt-undertone: var(--basalt-bright-element-color);
  
    --header-title: "SCP Anthology 2025";
    --header-subtitle: "Creatio ex nihilo";
    --title-size: min(calc(1.75rem + 2.5vw), 4.5rem);
    --subtitle-size: min(calc(0.875rem + 2.25vw), 1.95rem);
    --header-logo: unset;
    --antho-header: url(https://scp-wiki.wdfiles.com/local--files/scp-anthology-2025/antho25header.jpg);
    --antho-body: url(https://scp-wiki.wdfiles.com/local--files/scp-anthology-2025/pillars.jpg);
    --antho-footer: url(https://scp-wiki.wdfiles.com/local--files/scp-anthology-2025/footer-image.png);
  
    --base-header-height: calc(
      (var(--title-size) + var(--subtitle-size)) * 1.875 + 20.5rem + 7.5svh
    );
    --header-desktop-height: calc(
      var(--base-header-height) + var(--header-border-width) +
        var(--top-bar-mobile-height)
    );
    --header-border-width: 0rem;
    --header-mobile-height: var(--header-desktop-height);
    --top-bar-mobile-height: calc(var(--header-UI-font-size) * 2.675);
    --side-bar-button-width: 3rem;
    --main-content-width: 54.5rem;
  
    --side-bar-link-font-size: calc(var(--base-font-size) * 0.825);
  }
  
  #content-wrap {
    position: relative;
    padding-bottom: calc(100% / (var(--footer-aspect-ratio)) + 4rem);
    margin-block-end: 0;
    --footer-aspect-ratio: 11/4;
  }
  #content-wrap::before {
    content: "";
    position: absolute;
    bottom: 0;
    width: 100%;
    aspect-ratio: var(--footer-aspect-ratio);
    background-image: linear-gradient(
        to bottom,
        transparent 60%,
        rgb(var(--bottom-area-background-color))
      ),
      var(--antho-footer);
    background-size: cover;
    background-position: bottom center;
    z-index: -1;
  }
  
  #header {
    position: sticky;
    top: calc(var(--base-header-height) * -1);
    grid-template-areas:
      ". . search user"
      "h-link h-link h-link h-link"
      "open-menu top-bar top-bar top-bar";
    grid-template-columns:
      var(--side-bar-button-width) 1fr var(--search-button-width)
      var(--user-button-width);
    grid-template-rows: var(--user-button-width) 1fr var(--top-bar-mobile-height);
    background-color: transparent;
    z-index: 7;
  }
  
  #header h1 a {
    flex-direction: column;
    width: 100%;
    height: auto;
    justify-content: center;
    gap: 0;
    padding-inline: 0;
    padding-block-start: calc(10.75vw - 2.5rem);
    text-shadow: 0 0 0.325rem rgb(var(--basalt-bright-element-color)),
      0 0 0.875rem rgb(var(--basalt-bright-element-color));
  }
  #header h1 a::before {
    display: none;
    width: min(var(--base-header-height), 100%);
    min-width: unset;
  }
  
  #header h1 a span {
    width: auto;
    height: auto;
    line-height: 1;
  }
  
  #top-bar div[class*="top-bar"] > ul > li {
    flex-grow: 1;
  }
  
  #top-bar div.mobile-top-bar > .open-menu {
    visibility: visible;
  }
  
  #header::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: var(--header-final-height);
    background-image: var(--antho-header);
    background-size: cover;
    background-position: center top;
    -webkit-mask-image: linear-gradient(to bottom, black 60.5%, transparent);
    mask-image: linear-gradient(to bottom, black 60.5%, transparent);
    z-index: -1;
  }
  
  @media not all and (max-width: 1024px) {
    #header {
      position: static;
      grid-template-areas:
        ". search user"
        "h-link h-link h-link"
        "top-bar top-bar top-bar";
      grid-template-columns: 1fr var(--search-button-width) var(
          --user-button-width
        );
      contain: unset;
    }
    #header h1 a span::after {
      font-weight: 700;
      mix-blend-mode: overlay;
    }
  }
  
  /*--------------------------------*/
  /*---SIDEBAR ---*/
  /*--------------------------------*/
  
  #side-bar {
    padding: 0;
  }
  
  @media not all and (max-width: 1024px) {
    #header .open-menu {
      position: fixed;
      top: 0;
      left: 0;
      width: var(--side-bar-button-width);
      height: var(--side-bar-button-width);
    }
  
    #side-bar {
      position: fixed;
      top: 0;
      left: calc(var(--side-bar-width) * -1);
      height: 100%;
      margin: 0;
      transition: left var(--side-bar-transition);
    }
    #header:has(.open-menu:is(:hover, :focus-within)) ~ #content-wrap > #side-bar,
    #side-bar:is(:hover, :focus-within) {
      left: 0;
    }
  
    #main-content {
      width: min(100%, var(--main-content-width));
      max-width: var(--main-content-width);
      box-sizing: border-box;
    }
  }
  
  #extra-div-2 {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100lvh;
    background-image: linear-gradient(
        to right,
        rgb(var(--basalt-background-color), 0.875),
        rgb(var(--basalt-background-color), 0.25) 33.3%,
        rgb(var(--basalt-background-color), 0.25) 66.6%,
        rgb(var(--basalt-background-color), 0.875)
      ),
      var(--antho-body);
  
    background-size: cover;
    background-position: center;
    z-index: -2;
    pointer-events: none;
  }
  
  /*--------------------------------*/
  
  #content-wrap::after {
    content: unset;
  }
  
  #page-title {
    display: none;
  }
  
  /*--------------------------------*/
  /*--- CUSTOM ---*/
  /*--------------------------------*/
  
  .aria-only {
    position: absolute;
    border: none;
    font-size: 0.1em;
    opacity: 0.01;
    color: transparent;
    pointer-events: none;
  }
  
  .insp-quote {
    position: relative;
    font-size: 1.375em;
    text-align: center;
    width: min(90%, 32.5rem);
    margin-inline: auto;
    margin-block: 1.5rem 0;
    padding-block: 0.5rem;
    padding-inline: 0.875rem;
    box-sizing: border-box;
    line-height: 1.625em;
  }
  .insp-quote::before {
    content: "“";
    top: 1rem;
    left: -1rem;
  }
  .insp-quote::after {
    content: "”";
    bottom: 1rem;
    right: -1rem;
  }
  .insp-quote::before,
  .insp-quote::after {
    position: absolute;
    font-size: 2.5em;
    font-weight: bold;
    color: rgb(var(--basalt-undertone));
  }
  
  .insp-quote > p:first-letter {
    font-size: 1.75em;
    font-weight: bold;
  }
  
  .req-info {
    text-align: center;
  }
  
  div.opener2025 {
    isolation: isolate;
    pointer-events: auto;
    inset: unset;
    margin: 1.5rem auto;
  }
  
  div.opener2025 .e-description {
    display: block;
    padding-inline: 2.75rem;
  }
  div.opener2025.emanation-menu .e-description::before {
    all: unset;
  }
  div.opener2025.emanation-menu .e-description::after {
    opacity: 0.75;
  }
  
  /*--------------------------------*/
  /*--- MOBILE QUERY ---*/
  /*--------------------------------*/
  @media all and (max-width: 1024px) {
    :root {
      --header-title: "SCP ANTHOLOGY 2025";
      --top-bar-mobile-height: calc(var(--header-UI-font-size) * 3.5);
      --main-content-side-margin: 2.125rem;
    }
  
    #header::after {
      content: "";
      display: block;
      grid-column: 1/-1;
      grid-row: 3/4;
      -webkit-backdrop-filter: blur(0.5rem);
      backdrop-filter: blur(0.5rem);
      z-index: -1;
    }
  }
  
  /* rounded corners for opening paragraph */
  
  .emanation-menu {
    --notch-size: 1.875rem;
    --border-width: 0.4125rem;
    position: relative;
    top: -1rem;
    width: min(42.5rem, calc(100% - var(--main-content-side-margin) * 2));
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    pointer-events: none;
  }
  
  .emanation-menu .e-description {
    position: relative;
    width: 100%;
    box-sizing: border-box;
    min-height: calc((var(--notch-size) + 1rem) * 2);
    padding-inline: 2.25rem;
    padding-block: 0 0.375rem;
    display: grid;
    gap: 0.875rem;
  }
  .emanation-menu .e-description::before,
  .emanation-menu .e-description::after {
    content: "";
    --_bg: rgb(var(--basalt-secondary-color));
    position: absolute;
    inset: 0;
    background-image: radial-gradient(
        circle at 0 0,
        transparent var(--notch-size),
        var(--_bg) calc(var(--notch-size) + 0.05rem),
        var(--_bg) calc(var(--notch-size) + 1rem),
        transparent calc(var(--notch-size) + 1rem)
      ),
      radial-gradient(
        circle at 100% 0,
        transparent var(--notch-size),
        var(--_bg) calc(var(--notch-size) + 0.05rem),
        var(--_bg) calc(var(--notch-size) + 1rem),
        transparent calc(var(--notch-size) + 1rem)
      ),
      radial-gradient(
        circle at 0 100%,
        transparent var(--notch-size),
        var(--_bg) calc(var(--notch-size) + 0.05rem),
        var(--_bg) calc(var(--notch-size) + 1rem),
        transparent calc(var(--notch-size) + 1rem)
      ),
      radial-gradient(
        circle at 100% 100%,
        transparent var(--notch-size),
        var(--_bg) calc(var(--notch-size) + 0.05rem),
        var(--_bg) calc(var(--notch-size) + 1rem),
        transparent calc(var(--notch-size) + 1rem)
      ),
      linear-gradient(
        to right,
        transparent var(--notch-size),
        var(--_bg) var(--notch-size),
        var(--_bg) calc(100% - var(--notch-size)),
        transparent calc(100% - var(--notch-size))
      ),
      linear-gradient(
        to bottom,
        transparent var(--notch-size),
        var(--_bg) var(--notch-size),
        var(--_bg) calc(100% - var(--notch-size)),
        transparent calc(100% - var(--notch-size))
      );
    z-index: -1;
  }
  .emanation-menu .e-description::before {
    --_bg: var(--accent);
    --notch-size: 1.75rem;
    inset: 0 calc(var(--border-width) * -1 + 0.1rem);
  }
  

  Pages using this styling

  • scp-anthology-2025 [info]

  ¶ 1 occurrence
  

  
  
  @font-face {
      font-family: 'TT2020 Style D';
      src: url(https://cdn.jsdelivr.net/gh/SYwaves/Webfont-Archive@master/TT2020StyleD-Regular.woff2) format("woff2");
      font-weight: normal;
      font-style: normal;
      font-display: swap;
  }
  @font-face {
      font-family: 'TT2020 Style D';
      src: url(https://cdn.jsdelivr.net/gh/SYwaves/Webfont-Archive@master/TT2020StyleD-Italic.woff2) format("woff2");
      font-weight: normal;
      font-style: italic;
      font-display: swap;
  }
  
  
  :root {
      --accent-h: -12deg;
      --complement-h: calc(var(--accent-h) + 200deg);
      --primary-accent-1: var(--accent-h) 87.5% 54.25%;
      --primary-accent-2: var(--accent-h) 70% 62.5%;
      --primary-accent-3: calc(var(--accent-h) - 5deg) 67.5% 67.25%;
      --dark-accent: calc(var(--accent-h) - 1.5deg) 50% 12.5%;
      --dark-complement: var(--complement-h) 10.5% 2.5%;
      --assist-color: var(--accent-h) 6% 10%;
  
  
      --s-header-desktop-height: 39.5rem;
      --s-header-mobile-height: var( --s-header-desktop-height);
      --sp_dropdown-width: 22ch;
      --header-title: 'SCP Anthology 2024';
      --header-subtitle: 'Face Your Fears.';
      --sp_header-title-size: min(calc(2.675rem * var(--sp_header-title-scale)), calc(.875rem * var(--sp_header-title-scale) + 2.5vw));
      --sp_header-title-scale: 2.75;
      --sp_header-subtitle-scale: 2.25;
  
  
      --anthology-fg: url(https://smlt.wdfiles.com/local--files/odule%3Acrab/ant24fig.png);
      --anthology-bg: url(https://smlt.wdfiles.com/local--files/odule%3Acrab/ant24.jpg);
      --anthology-blend-color: rgb(4 4 4);
      --anthology-blend-gap: 6.5rem;
      --anthology-body-bg: url(https://smlt.wdfiles.com/local--files/odule%3Acrab/tilebg.png);
  
  
      --header-font: 'TT2020 Style D', monospace;
      --body-font: InterVariable,Inter,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Fira Sans','Droid Sans','Helvetica Neue',sans-serif;
  
  
      --main-content-width: 84.25rem;
      --sp_area-max-width: 84.25rem;
      --sp_area-min-margin: 1.75rem;
  }
  
  
  body, textarea, input {
      background-color: hsl(var(--dark-complement));
      color: hsl(var(--light-accent-1));
  }
  
  
  body {
      background-image: linear-gradient(to right, transparent 0%, hsl(var(--dark-complement)) 25%, hsl(var(--dark-complement)) 75%, transparent 100%), var(--anthology-body-bg);
      background-size: auto, 31.75rem;
  }
  
  
  #container::before {
      clip-path: initial;
      width: 100%;
      height: var(--anthology-blend-gap);
      background: linear-gradient(to bottom, var(--anthology-blend-color), transparent);
  }
  
  
  /*-------------------------------*/
  /*-------------------------------*/
  /*-------------------------------*/
  
  
  #header {
      grid-template-areas:
          "login login login search"
          "top-bar top-bar top-bar top-bar"
          ". . . ."
          "h1 h1 h1 h1"
          "h2 h2 h2 h2";
      grid-template-rows: auto auto 1fr auto auto;
  
  
      background-color: var(--anthology-blend-color);
      background-image: var(--anthology-bg);
      background-size: auto 100%;
      background-position: center;
      background-repeat: no-repeat;
  }
  #header::before { all: unset; }
  
  
  #login-status {
      background-color: var(--anthology-blend-color);
  }
  
  
  #top-bar {
      background: transparent;
  }
  #top-bar div[class*="top-bar"] > ul > li { flex-grow: 1; }
  
  
  
  
  #header :is(h1,h2) {
      margin: initial;
      text-align: center;
      z-index: 1;
      position: relative;
  }
  #header h1 a {
      color: hsl(var(--primary-accent-1));
      text-shadow: 0 0 0.325rem hsl(var(--primary-accent-2) /.25);
      letter-spacing: -.1rem;
      line-height: 0.875;
  }
  
  
  
  
  #header-extra-div-1, #header-extra-div-2, #header-extra-div-3 { all: unset; }
  
  
  #top-bar div.open-menu a {
      background-color: hsl(var(--dark-complement));
      clip-path: unset;
  }
  
  
  /*-------------------------------*/
  /*-------------------------------*/
  /*-------------------------------*/
  
  
  #container {
      overflow-x: hidden;
  }
  
  
  #content-wrap {
      margin-top: 0;
  }
  
  
  #page-title {
      display: none;
  }
  
  
  /*-------------------------------*/
  
  
  .page-source, .code,
  .owindow, div.modalbox, #lock-info {
      background-color: hsl(var(--dark-complement));
  }
  
  
  .city-block {
      width: min(calc(100% - 2rem), 80ch);
      padding: 0.5rem 1.75rem;
      margin-block: 2.25rem;
      background-color: hsl(var(--primary-complement) / 0.05);
  }
  
  
  
  
  .collapsible-block-folded, .collapsible-block-unfolded-link { text-align: center; }
  /*-------------------------------*/
  
  
  .a-randomizer {  padding-block-end: .001rem; pointer-events: none; }
  .a-randomizer div[id] { display: none; }
  
  
  .a-randomizer .dude {
      background-image: var(--anthology-fg);
      background-size: auto 100%;
      background-position: center;
      background-repeat: no-repeat;
      position: absolute;
      height: var(--sp_final-header-height); width: 100%;
      left: 0; bottom: calc(100% + var(--anthology-blend-gap));
      visibility: hidden;
  }
  .a-randomizer div:is([id$="4"]) + .dude {
      visibility: visible;
  }
  
  
  .aria-only {
      position: absolute;
      border: none;
      font-size: 0.1em;
      opacity: .01;
      color: transparent;
      pointer-events: none;
  }
  
  
  /*-------------------------------*/
  /*-------------------------------*/
  /*-------------------------------*/
  
  
  .anthology-cards-container {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      gap: 2.25rem 1.625rem;
      margin: 2.5rem auto;
  }
  
  
  .anthology-card {
      --cut: 1.25rem;
      --w: .3875rem;
      --card-size: 17.5rem;
      --time: .175s ease-out .075s;
  
  
      display: flex;
      flex-direction: column;
      align-items: center;
      flex-basis: var(--card-size);
      aspect-ratio: 7 / 9;
      position: relative;
      text-align: center;
      isolation: isolate;
      transition: all var(--time);
  }
  
  
  
  
  .eulogy {
      display: grid;
      place-content: center;
      height: calc(var(--cut)* 2);
      font-family: var(--UI-font);
      font-size: 1.05em;
      font-weight: bold;
      letter-spacing: .05rem;
      position: relative;
      z-index: 1;
      width: calc(100% - 2.75rem);
      margin-block-end: calc(var(--cut)* -1);
      line-height: 1.15;
  }
  .eulogy::before, .eulogy::after {
      content: "";
      position: absolute;
      bottom: 0; left: 0;
      width: 100%; height: 100%;
      clip-path: polygon( 0% var(--cut), var(--cut) 0%, calc(100% - var(--cut)) 0%, 100% var(--cut), 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, var(--cut) 100%, 0% calc(100% - var(--cut)) );
      z-index: -1;
      background-color: hsl(var(--assist-color));
  }
  .eulogy::before {
      background-color: var(--acc);
      transition: all var(--time);
  }
  
  
  
  
  .backing-img {
      flex-grow: 1;
      position: relative;
      background-color: hsl(var(--assist-color));
      align-self: stretch;
      isolation: isolate;
  }
  .backing-img::before, .backing-img::after {
      content: "";
      position: absolute;
      top: 0; left: 0; bottom: 0; right: 0;
  }
  .backing-img::after {
      background-color: hsl(var(--dark-complement));
      background-image: var(--cover-img);
      background-size: cover;
      background-position: center;
  }
  .backing-img::before {
      background-image: linear-gradient(to bottom, var(--acc) var(--cut), hsl(var(--dark-complement)));
      transition: all var(--time);
  }
  
  
  .backing-img > a {
      position: absolute;
      top: 0; left: 0;
      width: 100%; height: 100%;
      border: none;
      background: unset;
      color: transparent;
      font-size: 0.1em;
      z-index: 1;
  }
  
  
  .anthology-title {
      position: relative;
      align-self: stretch;
  }
  .anthology-title .main {
      position: absolute;
      bottom: calc(100% - 1px);
      left: 0;
      width: 100%;
      font-family: var(--header-font);
      font-weight: bold;
      font-size: 1.5em;
      padding: .25em;
      padding-block-start: .5em;
      box-sizing: border-box;
      background-image: linear-gradient(to bottom, transparent, hsl(var(--dark-complement)) 67.5%);
      text-shadow: 0 0 0.625em hsl(var(--dark-complement));
      transition: color var(--time);
  }
  .anthology-title .sub {
      display: grid;
      place-content: center;
      position: relative;
      padding-block: 0.325rem;
      box-sizing: border-box;
      height: 1.875rem;
      font-family: var(--UI-font);
  }
  .anthology-title .sub p {
      margin: 0;
      padding-inline: .25rem;
      line-height: 1.25;
      clip-path: inset(0 50%);
      transition: clip-path var(--time);
  }
  .anthology-title .sub strong {
      color: var(--acc);
  }
  
  
  .anthology-title .sub::before,
  .anthology-title .sub::after {
      content: "";
      position: absolute;
      width: var(--cut);
      height: var(--cut);
      box-sizing: border-box;
      border: solid .175rem var(--acc);
      background-color: var(--acc);
      box-shadow: inset 0 0 0 .225rem hsl(calc( -12deg + 190deg) 10.5% 3.25%);
      top: calc(50% - var(--cut)/2);
      transform: rotate(45deg);
      transition: all var(--time);
  }
  .anthology-title .sub::before {
      left: calc(50% - var(--cut)/2);
      clip-path: polygon(0 0, 100% 0, 100% 100%);
  }
  .anthology-title .sub::after {
      right: calc(50% - var(--cut)/2);
      clip-path: polygon(0 0, 0 100%, 100% 100%);
  }
  
  
  /*-------------------------------*/
  
  
  /* Card hover */
  
  
  .anthology-card:is(:hover,:focus-within) {
      z-index: 1;
      transform: scale(1.1);
  }
  
  
  .anthology-card:is(:hover,:focus-within) .eulogy::before {
      bottom: calc(var(--w));
      left: calc(var(--w)*-.3535);
      width: calc(var(--w)*.707 + 100%);
  }
  
  
  .anthology-card:is(:hover,:focus-within) .backing-img::before {
      top: calc(var(--w)*-1);
      left: calc(var(--w)*-1);
      right: calc(var(--w)*-1);
  }
  
  
  .anthology-card.a-active:is(:hover,:focus-within) .anthology-title .main {
      color: var(--acc);
  }
  
  
  .anthology-card.a-active:is(:hover,:focus-within) .sub p { clip-path: inset(0); }
  .anthology-card.a-active:is(:hover,:focus-within) .sub::before { left: calc(var(--cut)*-1); }
  .anthology-card.a-active:is(:hover,:focus-within) .sub::after { right: calc(var(--cut)*-1); }
  
  
  /*-------------------------------*/
  
  
  /* Fallback if no set accent color */
  
  
  .anthology-card[style*="$color"] {
      --acc: hsl(var(--primary-accent-1))!important;
  }
  
  
  /* Not active card */
  
  
  .anthology-card:not(.a-active) {
      --acc: hsl(var(--accent-h) 5% 50%)!important;
      opacity: .675;
      cursor: not-allowed;
  }
  
  
  .anthology-card:not(.a-active) :is(.backing-img > a, .sub p) { visibility: hidden; }
  .anthology-card:not(.a-active) .backing-img::after {
      background-image: url(https://smlt.wdfiles.com/local--files/odule%3Acrab/brick.jpg);
  }
  
  
  .anthology-card:not(.a-active) .anthology-title .sub::before,
  .anthology-card:not(.a-active) .anthology-title .sub::after {
      background: transparent;
      box-shadow: none;
  }
  
  
  /*-------------------------------*/
  /*-------------------------------*/
  /*-------------------------------*/
  
  
  .yui-navset .yui-nav {
    justify-content: center;
    gap: 0.75rem 1.625rem;
  }
  .yui-navset .yui-nav li {
    flex: 0 1 clamp(5rem, 22%, 17.5rem);
  }
  
  
  .closable-tab .yui-navset .yui-nav {
    position: relative;
    z-index: 1;
  }
  .closable-tab .yui-navset .yui-nav li:first-child {
      position: absolute;
      top: calc(100% + 1.5rem);
      left: 0;
      transform: translateX(-50%);
  }
  
  
  .closable-tab .yui-navset .yui-nav li:first-child a {
      display: grid;
      place-items: center;
      aspect-ratio: 1;
      height: 1.875rem;
      min-height: unset;
      padding: 0.175rem;
      clip-path: unset;
      background: transparent;
      font-weight: bold;
      isolation: isolate;
  }
  .closable-tab .yui-navset .yui-nav li:first-child a::before {all: unset;}
  .closable-tab .yui-navset .yui-nav li:first-child a::after {
      content: "";
      position: absolute;
      top: 0; left: 0;
      width: 100%; height: 100%;
      box-sizing: border-box;
      border: solid .175rem hsl(var(--primary-accent-1));
      background-color: hsl(var(--dark-complement));
      transform: rotate(45deg);
      z-index: -1;
  }
  
  
  
  
  .closable-tab .yui-navset .yui-nav li:first-child.selected,
  .closable-tab .yui-navset .yui-nav:has(li:first-child.selected)::after,
  .closable-tab .yui-navset:has(.yui-nav li:first-child.selected) .yui-content {
    display: none;
  }
  .closable-tab .yui-navset:has(.yui-nav li:first-child.selected) .yui-content:has(#u-newest) { display: block; }
  .closable-tab .yui-navset:has(.yui-nav li:first-child.selected) .yui-content > div:has(#u-newest) {  display: block!important; }
  
  
  .closable-tab .yui-navset .yui-content {
    padding-inline: 1.5rem;
  }
  
  
  .closable-tab div.audio_iframe {
      width: 28rem;
      margin-inline: auto;
      padding-bottom: 0;
  }
  
  
  /* Randomise Mnemophobia/Alethophobia */
  /* Cover image - each of these has a cumulative 25% chance of applying */
  .a-randomizer:has([id*='34'],[id*='93'],[id$='4'],[id$='5'],[id$='6']) ~ .anthology-cards-container [style*='alethophobia'] {
    --cover-img: url(https://scp-sandbox-3.wdfiles.com/local--files/test544/alethophobia2.jpg) !important;
  }
  .a-randomizer:has([id*='23'],[id*='63'],[id*='88'],[id$='7'],[id$='8']) ~ .anthology-cards-container [style*='alethophobia'] {
    --cover-img: url(https://scp-sandbox-3.wdfiles.com/local--files/test544/alethophobia3.jpg) !important;
  }
  .a-randomizer:has([id*='12'],[id*='54'],[id*='22'],[id*='99'],[id$='9']) ~ .anthology-cards-container [style*='alethophobia'] {
    --cover-img: url(https://scp-sandbox-3.wdfiles.com/local--files/test544/alethophobia4.png) !important;
  }
  /* Title - 50% chance of applying */
  .anthology-cards-container [style*='alethophobia'] .main::before,
  .yui-navset:has(.monologue-alethophobia) .yui-nav li:nth-child(2) em::before {
    content: "Aletho";
  }
  .a-randomizer:has([id$='0'],[id$='2'],[id$='4'],[id$='6'],[id$='8']) ~ .anthology-cards-container [style*='alethophobia'] .main::before,
  .a-randomizer:has([id$='0'],[id$='2'],[id$='4'],[id$='6'],[id$='8']) ~ .closable-tab .yui-navset:has(.monologue-alethophobia) .yui-nav li:nth-child(2) em::before {
    content: "Mnemo";
  }
  /* Monologue content - 50% chance of applying; matches title */
  .monologue-mnemophobia, .a-randomizer:has([id$='0'],[id$='2'],[id$='4'],[id$='6'],[id$='8']) ~ .closable-tab .monologue-alethophobia { display: none }
  .monologue-alethophobia, .a-randomizer:has([id$='0'],[id$='2'],[id$='4'],[id$='6'],[id$='8']) ~ .closable-tab .monologue-mnemophobia { display: block }
  
  

  Pages using this styling

  • scp-anthology-2024 [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Alexandria:wght@100..900&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Alexandria:wght@300&display=swap');
  
  .weapon {
      border: dashed 3px #718aa2;
      background: #c8e2ee;
      width: 85%;
      padding: 1px 15px;
      margin: 10px auto;
  }
  
  .Log {
      border: solid 2px #d4d4d4;
      text-align: left;
      background: #f5f5f5;
      width: 85%;
      padding: 1px 15px;
      margin: 10px auto;
  }
  
  .broadcast {
      border-left: 3px solid #1a1a1a;
  }
  
  .carrington {
      width: 90%;
      margin: 10px auto;
      border-radius: 5px;
      box-shadow: 2px 2px 3px #5e5e5e82;
      overflow: hidden;
  }
  
  .cassettetop {
      --stripe-block: 72px;
      background:
      linear-gradient(90deg,
        #bdbdbd 0 calc(var(--stripe-block)/7),
        #bdbf00 calc(var(--stripe-block)/7) calc(2*var(--stripe-block)/7),
        #00caca calc(2*var(--stripe-block)/7) calc(3*var(--stripe-block)/7),
        #00bd00 calc(3*var(--stripe-block)/7) calc(4*var(--stripe-block)/7),
        #bf37b9 calc(4*var(--stripe-block)/7) calc(5*var(--stripe-block)/7),
        #b91a00 calc(5*var(--stripe-block)/7) calc(6*var(--stripe-block)/7),
        #003dbf calc(6*var(--stripe-block)/7) var(--stripe-block),
        #eaeaea var(--stripe-block)
      );
      text-align: center;
      padding: 10px;
      padding-top: 2px;
      padding-bottom: 2px;
      line-height: 2em;
  }
  
  .cassttetitle {
      font-family: "Alexandria", sans-serif;
      font-weight: 600;
      font-size: 1.6em;
      font-size: 2em;
  }
  
  .cassttetitlesub {
      font-family: "Alexandria", sans-serif;
      font-weight: 500;
      font-size: 1.3em;
  }
  
  .cassttetitle,
  .cassttetitlesub,
  .finboxtitle {
      word-break: keep-all;
      overflow-wrap: normal;
      hyphens: none;
  }
  
  .finbox {
      background: #1a1a1a;
      padding: 15px 10px;
      color: white;
      text-align: center;
      font-family: "Alexandria", sans-serif;
  }
  
  .finboxtitle {
      font-family: "Alexandria", sans-serif;
      font-weight: 500;
      font-size: 1.6em;
  }
  
  .fininterview {
      background: #f7f7f7;
      padding: 15px 20px;
      margin: 15px auto;
      color: black;
      text-align: left;
      --wght: 350;
      word-break: keep-all;
      overflow-wrap: normal;
      hyphens: none;
  }
  
  .fininterviewtitle {
      font-family: "Alexandria", sans-serif;
      font-weight: 500;
      font-size: 1.5em;
      text-align: center;
  }
  
  blockquote,
  div.blockquote {
      border: 0.125rem solid #d4d4d4;
      background-color: #f5f5f5;
  }
  
  @media only screen and (max-width: 600px) {
      .cassttetitle {
          font-size: 1.4em;
      }
  
      .cassttetitlesub {
          font-size: 1.1em;
      }
  
      .finboxtitle {
          font-size: 1.2em;
      }
  
      .cassettetop {
          --stripe-block: 25px;
      }
  
      img {
          width: 500%;
      }
  }
  

  Pages using this styling

  • scp-9998 [info]

  ¶ 1 occurrence
  

  .page {
      display: block;
      overflow: hidden;
      font-family: "Georgia", "Times New Roman", serif;
      font-style: normal;
      background-attachment: scroll;
      background-clip: border-box;
      background-color: transparent;
      background-image: linear-gradient(to top ,rgb(202, 219, 228) 0%, rgb(231, 233, 220) 8%);
      background-origin: padding-box;
      background-position: 0px 8px;
      background-repeat: repeat;
      background-size: 100% 20px;
      border: 1px solid #CCC;
      border-radius: 10px;
      padding: 10px 10px;
      margin-bottom: 10px;
      box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2)
  }
  .page p,
  .page ul {
      line-height: 20px;
      font-size: 18px;
      margin: 0;
  }
  
  @media (max-width: 640px) {
    .page img[style*="float:left"] {
      max-width: 180px !important;
    }
  }
  

  Pages using this styling

  • scp-9996 [info]

  ¶ 1 occurrence
  

  
  :root {
    --title: "SITE-137";
  
    --subtitle: "HISTORY WEIGHS ON OUR SHOULDERS";
  
  .email-example .collapsible-block-folded a.collapsible-block-link {
      animation: blink 0.8s ease-in-out infinite alternate;
  }
  @keyframes blink {
      0% { color: transparent; }
      50%, 100% { color: #b01; }
  }
  .email {border: solid 2px #000000; width: 88%; padding: 1px 15px; margin: 10px; box-shadow: 0 1px 3px rgba(0,0,0,.5)}
  .email-example a.collapsible-block-link {font-weight: bold;}
  .tofrom {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px maroon}

  Pages using this styling

  • scp-9993 [info]

  ¶ 1 occurrence
  

  
  @import url('https://fonts.googleapis.com/css2?family=Almendra+SC&display=swap');
  
  .almendra-sc-regular {
    font-family: "Almendra SC", serif;
    font-weight: 400;
    font-style: normal;
  }
  
  :root {
    --basalt-bright-element-color: 161, 169, 240;
  --basalt-dark-element-color: 100, 108, 176;
      --header-logo: url('https://scp-wiki.wdfiles.com/local--files/dinodraws-author-page/departmentofgeology%20darkmode.png');
   --title: "Department of Geology";
    --subtitle: "As Above, So Below";
      --space-body-bg: url(https://scp-wiki.wdfiles.com/local--files/scp-9990/backgroundattempt4.jpg);
  body {
      background-image: var(--space-body-bg);
      background-size: 100%;
      background-attachment: fixed;
  
    background-size: cover;
    background-position: center;
  
  --selection-text-color: 0, 0, 0;
  
  @media only screen and (max-width: 600px){
  #content-wrap{
  background-image:none;
  }
  #content-wrap:before{
  content:"";
  display:block;
  position:fixed;
  left:0;
  top:0;
  width:100vw;
  height:100vh;
  background-size:cover;
  background:url("https://scp-wiki.wdfiles.com/local--files/scp-8446/mobilebackground.png") no-repeat 65% 20% !important;
  z-index:-1;
  }
  
  
  /* image issue */
  div.scp-image-block.block-center.portrait {
  column-gap: 0;
  width: 25vw;
  }
  
  }
  }
  
  .no-img-height-limit .scp-image-block.block-center img {
    height: unset;
   grid-template-columns: repeat(3, minmax(0, 1fr))
  
  }
  
  /* image issue */
  div.scp-image-block.block-center.portrait {
  width: 250px;
  }
  div.scp-image-block.block-center.portrait div.image-container {
  padding: 0;
  }
  
  }
  }
  
  .no-img-height-limit .scp-image-block.block-center img {
    height: unset;
   grid-template-columns: repeat(3, minmax(0, 1fr))
  
  }
  
  .devil h1, .devil h2{
      padding: 4px 16px 4px 16px;
      box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
      width: 80%;
      margin: auto;
      margin-bottom: 28px;
      margin-top: 28px;
      border: ridge 0.25rem #3e3182;
      border-image: linear-gradient(#795b24, #6a2c1b, #590505) 80;
      font-family: "Almendra SC", serif;
      background-image: linear-gradient(60deg, #b78a49, #f5efb5, #dbb560, #b78a49);
      background-clip: text;
      color: transparent;
      text-align: center;
  }
  
  .gibbs{
      padding-left: 12px;
      padding-right: 12px;
      padding-top: 6px;
      background: #151a21;
      border: solid 0.25rem #3f5675;
      margin: 0.5em;
  }
  
  .grove{
      padding-left: 12px;
      padding-right: 12px;
      padding-top: 6px;
      background: #1b1521;
      border: solid 0.25rem #5d3f75;
      margin: 0.5em;
  }
  
  .rune{
      padding-left: 12px;
      padding-right: 12px;
      padding-top: 6px;
      background: #152121;
      border: solid 0.25rem #3f7572;
      margin: 0.5em;
  }
  
  
  

  Pages using this styling

  • scp-9990 [info]

  ¶ 1 occurrence
  

  a {
      color: #000000;
  }

  Pages using this styling

  • scp-9984 [info]

  ¶ 1 occurrence
  

  :root {
      --theme-base: "black-highlighter";
      --theme-id: "calamity";
      --theme-name: "Calamity Theme";
   
      /* Header */
      --logo-image: none;
      --header-title: "The Archons Rule";
      --header-subtitle: "Who Are You?";
  
    --barColour: #6a3c99 !important;
      --linkColour: #6a3c99 !important;
  
      /* Typefaces */
      --body-font: "Ubuntu", sans-serif;
      --header-font: "Arial", sans-serif;
      --title-font: "Roboto", sans-serif;
      --mono-font: "Space Mono", "Andale Mono", "Courier New", Courier, monospace;
  
      --sky-at-dawn: 21, 25, 43;
      --sky-at-morning: 21, 25, 43;
      --sky-at-daytime: 21, 25, 43;
      --sky-at-evening: 21, 25, 43;
      --sky-at-dusk: 21, 25, 43;
      --sky-at-night: 21, 25, 43;
      --sky-length: 15;
     --sky-time: 30s;
  }
  
  div#extra-div-1 {
      background: url("");
      background-repeat: no-repeat;
      background-position: calc(50% - 9rem) 80%;
      background-size: contain;
  }
   
  div#extra-div-2 {
      background: url("");
      background-repeat: no-repeat;
      background-position: calc(50% + 9rem) 80%;
      background-size: contain;
  }
  #header-extra-div-1 {
      display: block;
      position: absolute;
      top: 0%;
      left: calc((-100vw + 100%)/2);
      width: 99.4vw;
      height: 10rem;
      -webkit-animation: rainOne 1.7s infinite linear,
          rainFade var(--sky-at-night) ease;
      animation: rainOne 1.7s infinite linear,
          rainFade var(--sky-at-night) ease;
      -webkit-animation-iteration-count: infinite;
      animation-iteration-count: infinite;
      background: url('https://scp-wiki.wdfiles.com/local--files/theme%3Acalamity/rain1.png');
      background-repeat: repeat;
      background-size: 14.375rem;
      pointer-events: none;
      -webkit-filter: blur(.9px);
      filter: blur(.9px);
  }
  }
  .email-example .collapsible-block-folded a.collapsible-block-link {
      animation: blink 0.8s ease-in-out infinite alternate;
  }
  @keyframes blink {
      0% { color: transparent; }
      50%, 100% { color: #b01; }
  }
  .email {border: solid 2px #000000; width: 88%; padding: 1px 15px; margin: 10px; box-shadow: 0 1px 3px rgba(0,0,0,.5)}
  .email-example a.collapsible-block-link {font-weight: bold;}
  .tofrom {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px maroon}
  
  /* Borrowed from SCP-3984! */
  .outside {
    margin: 2em -6em;
    padding: 1em 10em;
    --narration-color: rgba(214, 234, 248,1);
    background: var(--narration-color);
    background: linear-gradient(90deg, rgba(255,255,255,0) 0%, var(--narration-color) 20%, var(--narration-color) 80%, rgba(255,255,255,0) 100%);
    z-index: -2;
  }
  
  /* Make the blue bois that are within the document have smaller margins so they break flow less*/
  .outside.inline {
    margin: 1em -6em;
    padding: 1px 10em;
  }
  
  .entry {
     background: #fcfcfc;
     margin: 1em 3em;
     padding: 0.75rem;
     border: solid 2px grey;
     text-align: center;
  }
  
  /* REDDIT */
  .reddit-post{
      margin: .43em;
      padding: 0 .85em;
  
      background-color: #fcfcfb;
      border: 1px solid #b5b3ac;
  
      font-family: verdana,arial,sans-serif;
      overflow: hidden;
  }
  
  div.onto_memo {
      --memo-heading: "WARNING: THE FOLLOWING FILE IS LEVEL 4/9982 CLASSIFIED";
      --memo-logo: url(https://scp-wiki.wdfiles.com/local--files/scp-6172/ontologo4.png);
      --memo-color: 238, 237, 250;
      color: #3b3b3b;
  }
  
  div[class$="_memo"] {
      background: var(--memo-logo) rgba(var(--memo-color), 1);
      background-size: contain;
      background-position: center;
      background-repeat: no-repeat;
      min-height: 4rem;
      margin-inline: auto;
      margin-block: 2rem;
      padding-inline: 20px;
      padding-block: 10px;
      border: solid 2px rgba(0, 0, 0, 0.1);
      text-align: justify;
  }
  
  div[class$="_memo"]::before {
      content: var(--memo-heading);
      font-family: var(--UI-font);
      font-weight: 900;
      font-size: 1.3em;
      text-align: center;
      margin: 0 auto 1rem auto;
      display: flex;
      flex-direction: column;
      padding-top: 0.5em;
      color: #3b3b3b;
  }
  
  tt {
     font-size: 105%;
  }
  
  .code-delta {
     border-left: solid 5px rgb(var(--accent));
     padding: 0.325rem 1.25rem;
     margin: 0rem 1.25rem;
  }

  Pages using this styling

  • scp-9982 [info]

  ¶ 1 occurrence
  

  .anom-bar-container.esoteric .text-part .main-class {
    --swatch-background: 250, 250, 250;
    --swatch-menutxt-dark-color: 0, 0, 0
  }

  Pages using this styling

  • scp-9981 [info]

  ¶ 1 occurrence
  

  .warning-box .image-bg {
    display: none;
  }

  Pages using this styling

  • scp-9981 [info]

  ¶ 1 occurrence
  

  .image-cascade {
      position: relative;
      height: 960vh;
      width: 100%;
  }
  .cascade-img {
      position: absolute;
      height: auto;
  }
  .cascade-img-1 { top: 0vh; left: 5%; width: 250px; }
  .cascade-img-2 { top: 80vh; right: 10%; width: 280px; }
  .cascade-img-3 { top: 160vh; left: 15%; width: 300px; }
  .cascade-img-4 { top: 240vh; right: 20%; width: 320px; }
  .cascade-img-5 { top: 320vh; left: 10%; width: 340px; }
  .cascade-img-6 { top: 400vh; right: 15%; width: 360px; }
  .cascade-img-7 { top: 480vh; left: 20%; width: 380px; }
  .cascade-img-8 { top: 560vh; right: 10%; width: 400px; }
  .cascade-img-9 { top: 640vh; left: 15%; width: 420px; }
  .cascade-img-10 { top: 720vh; right: 10%; width: 440px; }
  .cascade-img-11 { top: 800vh; left: 10%; width: 460px; }
  .cascade-img-12 { top: 880vh; left: 2%; width: 480px; }

  Pages using this styling

  • scp-9981 [info]

  ¶ 1 occurrence
  

  :root {
      --basalt-bright-element-color: 181, 13, 13;
      --basalt-dark-element-color: 176, 18, 18;
      --basalt-secondary-color: 25, 25, 25;
      --general-border-color: 100, 0, 0;
      --subtitle: "SHAME - CONTROL - PITY";
  }
  body {
    font-size: 0.97em;
    background-color: #000000;
    opacity: 1;
    background-image:  radial-gradient(#8a0000 1.3px, transparent 1.3px), radial-gradient(#8a0000 1.3px, #000000 1.3px);
    background-size: 52px 52px;
    background-position: 0 0,26px 26px;
  }
  
  
  h2 {
    text-align: center;
  
  }
  
  h3 {
    color: rgb(190,190,190)
  
  }
  
  h4 {
    color: rgb(210, 210, 210)
  
  }
  
  
  h5 {
    text-align: center;
  
  }
  
  
  #page-content div.modal {
      max-width: 50rem;
      border: 1px solid #000000;
      background-color: rgb(22,22,22);
  }
  
  
  div[class$="_memo"] {
      background-color: rgba(var(--basalt-secondary-color), 1);
      border: 1px solid #000000;
      max-width: 52rem;
  }
  div.s19_memo {
      --memo-heading: "SITE-19 ADMINISTRATIVE NOTICE";
      --memo-logo: url(http://scp-sandbox-3.wikidot.com/local--files/katyastrangelovesexantho/scplogo);
      --memo-color:  190, 190, 190;
  }
  
  #page-content div.smallmodal {
      max-width: 50rem;
  }
  
  .texts {
     display: flex;
     flex-direction: column;
     margin: auto;
     padding-left: 0em;
     padding-right: 0em;
     padding-top: 0.5em;
     padding-bottom: 0.5em;
     width: 90%;
  }
  
  .incoming {
       border: 1px solid #990000;
       background:#0f0f0f;
       text-align: left;
       align-self: start;
       margin-right:25%;
       margin-left:1em;
       margin-top: 0.2em;
       margin-bottom: 0.05em;
       border-radius: 1px;
       padding: 0.05em 1em 0.05em 1em;
       line-height: 0.01em
       max-width: 75%;
       width: fit-content;
       color: #ededed;
  }
  .outgoing {
       border: 1px solid #990000;
       background:#1c1c1c;
       text-align: left;
       align-self: end;
       margin-left:25%;
       margin-top: 0.2em;
       margin-bottom: 0.05em;
       margin-right:1em;
       border-radius: 1px;
       padding: 0.05em 1em 0.05em 1em;
       line-height: 0.01em
       max-width: 75%;
       width: fit-content;
       color: #ededed;
  }
  
  .dialoguewide {
     display: grid;
     grid-template-columns: 8em auto;
     grid-template-areas:
        'speaker text';
     justify content: center;
     margin: auto;
     padding: 0 0 0 0;
     width: 95%;
  }
  
  .dialogue {
     display: grid;
     grid-template-columns: 4.5em auto;
     grid-template-areas:
        'speaker text';
     justify content: center;
     margin: auto;
     padding: 0 0 0 0;
     width: 95%;
  }
  
  .speaker {
       line-height: 0.05em;
       border-right: 1px solid #ab0000;
       border-top: 0.25px solid #ab0000;
       border-bottom: 0.25px solid #ab0000;
       padding-left: 18px;
  }
  
  .text {
       padding-left: 18px;
       padding-right: 18px;
       line-height: 0.05em;
       border-top: 0.25px solid #ab0000;
       border-bottom: 0.25px solid #ab0000;
  }
  

  Pages using this styling

  • scp-9980 [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Overpass+Mono:wght@300..700&display=swap');
  :root {
    --mobile-title:"FOUNDATION":
    --mobile-subtitle:"EXTRADIMENSIONAL AFFAIRS";
    --vector-mint: 149, 224, 204;
    --basalt-background-color:28, 38, 56;
    --header-title-color: 149, 224, 204;
    --header-logo: url("https://scp-wiki.wdfiles.com/local--files/scp-9979/extradim.png");
    --basalt-main-text-color:218, 242, 233;
    --header-subtitle: "EXTRADIMENSIONAL AFFAIRS";
    --header-title: "FOUNDATION";
    --top-bar-link-color:218, 242, 233;
    --side-bar-link-color: 241, 78, 82;
    --scrollbar-thumb-color: 241, 78, 82;
    --general-border-color: 35, 73, 93;
    --basalt-secondary-color:28, 38, 56;
    --link-color:241, 78, 82 !important;
    --footer-link-color:241, 78, 82;
    --bottom-area-text-color:218, 242, 233;
    --basalt-sub-text-color: 57, 112, 122; 
    --button-text-color: 57, 112, 122; 
    --abstractor:hidden;
    --h-border-color: 241, 78, 82;
    --link-visited-color: 149, 224, 204;
  }
  
  .info-container{
  --barColour: #3b3939;
  --linkColour: #bababa;
  
  }
  .top-center-box > div {
  height:1rem !important;
  
  }
  .anom-bar-esoteric .anom-bar-container.Keter .danger-diamond > .top-icon::before, .anom-bar-esoteric .anom-bar-container.Keter .text-part > .main-class::before {
  background-blend-mode: darken;
  }
  :is(#side-bar, #interwiki) .heading {
    color: #0ce6f2;
  }
  :is(#side-bar, #interwiki) .menu-item a,
  #top-bar div[class*="top-bar"] > ul > li > a {
    text-transform: uppercase;
  }
  
  .image-click-fullscreen scp-image-block block-left/right {
  
  display: block !important;
  margin: 0 auto !important;
  }
  .scp-image-block.block-center img {
      height: 215px !important;
  }

  Pages using this styling

  • scp-9979 [info]

  ¶ 1 occurrence
  

  :root {
    --five-color: 169, 169, 169 !important;
    --three-color: 143, 143, 143 !important;
    --header-logo:url(https://scp-wiki.wdfiles.com/local--files/theme%3Aeigenmachine/asterisk_scp.svg);
    --header-title:"FOUNDATION";
    --header-subtitle:"DEPT. OF PATHOLOGY";
  
  }
  .interview {
      border:solid 2px #d4d4d4;
      background:#F5F5F5;
  
  }
  
  .addendum {
      border:solid 1px #5e5e5e;
      background:#F5F5F5;
      padding:1px 15px;
      margin: 10px auto;
      width: 90%;
  }
  
  .file {
      width: 70%;
       border:solid 1px #5e5e5e;
      background:#ffffff;
      padding:1px 15px;
      margin: 10px auto;
  }
  
  @media only screen and (max-width: 1024px) {
  .file { 
  width: 90% !important;
  }
  }

  Pages using this styling

  • scp-9977 [info]

  ¶ 1 occurrence
  

  .main-class .contain-class .class-text::before {
    color: rgb(170, 169, 169);
  }

  Pages using this styling

  • scp-9969 [info]

  ¶ 1 occurrence
  

  :root {
      --timeScale: 1;
      --timeDelay: 3s;
  }

  Pages using this styling

  • scp-9968 [info]

  ¶ 1 occurrence
  

  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;
  }
  
  div.wilson-body {
      color: rgba(102, 87, 49);
      background: rgb(209, 237, 154);
      padding: 1em;
  }

  Pages using this styling

  • scp-9968 [info]

  ¶ 1 occurrence
  

  :root {
      --logo-image: url("https://cdn.scpwiki.com/theme/en/black-highlighter/img/logo.svg");
      --header-title: "SCP FOUNDATION";
      --header-subtitle: "SECURE, CONTAIN, PROTECT";
  
  }

  Pages using this styling

  • scp-9968 [info]

  ¶ 1 occurrence
  

  :root {
      --five-color: 196, 196, 196;
      --four-color: 235, 235, 235;
      --three-color: 211, 211, 211;
      --two-color: 189, 189, 189;
      --one-color: 107, 107, 107;
  }
  

  Pages using this styling

  • scp-9967 [info]

  ¶ 1 occurrence
  

  /* Rate */
  div.page-rate-widget-box{
      background-color: rgba(0,0,0,0);
  }
  
  /* Special Text */
  :is(span.specialtext, span.st) {
      text-transform: uppercase;
      text-decoration: underline 2px;
      text-underline-offset: 3px;
      color: #8F00F8;
  }
  
  /* Hide Footnote Footer */
  .footnotes-footer {
  display:none;
  }
  
  /* Footnote Color */
  :root {
      --fnColor: #ACCCDD;
  }
  /* Footnote Root */
  :root {
      --posX: calc(50% - 358px - 12rem);
      --fnTransition: 0.3s;
      --fnLinger: 0.15s;
      --fnInteract: calc(var(--fnTransition) + var(--fnLinger));
  }
  
  /*--- Footnote Auto-counters --*/
  #main-content {
      counter-reset: megacount1 megacount2 megacount3;
  }
  
  /* Footnotes 1 */
  
  /*--- Footnote Superscript Number --*/
  .fnnum1 {
      display: inline-block;
      width: max-content;
      text-indent: -0.475ex;
      vertical-align: super;
      line-height: 80%;
      word-break: initial;
      text-decoration: none;
      font-weight: bold;
      font-style: initial;
      color: transparent;
      position: relative;
      font-size: 80%;
      padding: .15em .05em;
      margin-right: -0.25em;
      counter-increment: megacount1;
      -webkit-user-select: none;
      user-select: none;
  }
  .fnnum1::after {
      content: "" counter(megacount1);
      color: var(--fnColor, #E6283C);
  }
  .fnnum1:hover {
      text-decoration: none;
      cursor: pointer;
      background-color: var(--fnColor, #E6283C);
  }
  .fnnum1:hover::after { color: white; }
  
  /*--- Footnote Content Wrapper --*/
  .fncon1 {
      position: absolute;
      right: calc(var(--posX) + 80px);
      line-height: 1.25;
      padding: 0.8125rem;
      width: 12.5rem;
      box-sizing: border-box;
      background: rgb(var(--basalt-secondary-color));
      border: .125rem solid black;
      font-size: .9125rem;
      font-weight: initial;
      font-style: normal;
      text-align: initial;
      visibility: hidden;
      opacity: 0;
      z-index: 9;
      transition:
          opacity 0.15s linear var(--fnLinger),
          right var(--fnTransition) cubic-bezier(.08,.72,.5,.94) var(--fnLinger),
          visibility 0.01s linear var(--fnInteract);
  }
  .fnnum1:hover + .fncon1, .fncon1:is(:hover,:focus-within) {
      opacity: 1;
      z-index: 10;
      right: var(--posX);
      visibility: visible;
      transition:
          opacity 0.15s linear,
          right var(--fnTransition) cubic-bezier(.08,.72,.5,.94);
  }
  
  .fncon1::before {
      position: absolute;
      top: 0; left: 0;
      transform: translateX(-52%) translateY(-55%) scale(1.15);
      background-color: var(--fnColor, #E6283C);
      color: white;
      content: counter(megacount1);
      font-size: initial;
      font-weight: bold;
      font-style: initial;
      padding: 0.18rem 0.32em 0.08rem;
  }
  
  /*--- Mobile Query --*/
  @media only screen and (max-width: 1279px) {
      .fncon1 {
          position: fixed;
          bottom: 1.5rem;
          left: calc(15% - 50px);
          width: 70%;
          transition:
              opacity 0.15s linear var(--fnLinger),
              left var(--fnTransition) cubic-bezier(.08,.72,.5,.94) var(--fnLinger),
              visibility 0.01s linear var(--fnInteract);
      }
      .fnnum1:hover + .fncon1, .fncon1:is(:hover,:focus-within) {
          left: 15%;
          transition:
              opacity 0.15s linear,
              left var(--fnTransition) cubic-bezier(.08,.72,.5,.94);
      }
  }
  
  /* Footnotes 2*/
  
  /*--- Footnote Superscript Number--*/
  .fnnum2 {
      display: inline-block;
      width: max-content;
      text-indent: -0.475ex;
      vertical-align: super;
      line-height: 80%;
      word-break: initial;
      text-decoration: none;
      font-weight: bold;
      font-style: initial;
      color: transparent;
      position: relative;
      font-size: 80%;
      padding: .15em .05em;
      margin-right: -0.25em;
      counter-increment: megacount2;
      -webkit-user-select: none;
      user-select: none;
  }
  .fnnum2::after {
      content: "" counter(megacount2);
      color: var(--fnColor, #E6283C);
  }
  .fnnum2:hover {
      text-decoration: none;
      cursor: pointer;
      background-color: var(--fnColor, #E6283C);
  }
  .fnnum2:hover::after { color: white; }
  
  /*--- Footnote Content Wrapper --*/
  .fncon2 {
      position: absolute;
      right: calc(var(--posX) + 80px);
      line-height: 1.25;
      padding: 0.8125rem;
      width: 12.5rem;
      box-sizing: border-box;
      background: rgb(var(--basalt-secondary-color));
      border: .125rem solid black;
      font-size: .9125rem;
      font-weight: initial;
      font-style: normal;
      text-align: initial;
      visibility: hidden;
      opacity: 0;
      z-index: 9;
      transition:
          opacity 0.15s linear var(--fnLinger),
          right var(--fnTransition) cubic-bezier(.08,.72,.5,.94) var(--fnLinger),
          visibility 0.01s linear var(--fnInteract);
  }
  .fnnum2:hover + .fncon2, .fncon2:is(:hover,:focus-within) {
      opacity: 1;
      z-index: 10;
      right: var(--posX);
      visibility: visible;
      transition:
          opacity 0.15s linear,
          right var(--fnTransition) cubic-bezier(.08,.72,.5,.94);
  }
  
  .fncon2::before {
      position: absolute;
      top: 0; left: 0;
      transform: translateX(-52%) translateY(-55%) scale(1.15);
      background-color: var(--fnColor, #E6283C);
      color: white;
      content: counter(megacount2);
      font-size: initial;
      font-weight: bold;
      font-style: initial;
      padding: 0.18rem 0.32em 0.08rem;
  }
  
  /*--- Mobile Query --*/
  @media only screen and (max-width: 1279px) {
      .fncon2 {
          position: fixed;
          bottom: 1.5rem;
          left: calc(15% - 50px);
          width: 70%;
          transition:
              opacity 0.15s linear var(--fnLinger),
              left var(--fnTransition) cubic-bezier(.08,.72,.5,.94) var(--fnLinger),
              visibility 0.01s linear var(--fnInteract);
      }
      .fnnum2:hover + .fncon2, .fncon2:is(:hover,:focus-within) {
          left: 15%;
          transition:
              opacity 0.15s linear,
              left var(--fnTransition) cubic-bezier(.08,.72,.5,.94);
      }
  }
  
  /* Footnotes 3 */
  
  /*--- Footnote Superscript Number--*/
  .fnnum3 {
      display: inline-block;
      width: max-content;
      text-indent: -0.475ex;
      vertical-align: super;
      line-height: 80%;
      word-break: initial;
      text-decoration: none;
      font-weight: bold;
      font-style: initial;
      color: transparent;
      position: relative;
      font-size: 80%;
      padding: .15em .05em;
      margin-right: -0.25em;
      counter-increment: megacount3;
      -webkit-user-select: none;
      user-select: none;
  }
  .fnnum3::after {
      content: "" counter(megacount3);
      color: var(--fnColor, #E6283C);
  }
  .fnnum3:hover {
      text-decoration: none;
      cursor: pointer;
      background-color: var(--fnColor, #E6283C);
  }
  .fnnum3:hover::after { color: white; }
  
  /*--- Footnote Content Wrapper --*/
  .fncon3 {
      position: absolute;
      right: calc(var(--posX) + 80px);
      line-height: 1.25;
      padding: 0.8125rem;
      width: 12.5rem;
      box-sizing: border-box;
      background: rgb(var(--basalt-secondary-color));
      border: .125rem solid black;
      font-size: .9125rem;
      font-weight: initial;
      font-style: normal;
      text-align: initial;
      visibility: hidden;
      opacity: 0;
      z-index: 9;
      transition:
          opacity 0.15s linear var(--fnLinger),
          right var(--fnTransition) cubic-bezier(.08,.72,.5,.94) var(--fnLinger),
          visibility 0.01s linear var(--fnInteract);
  }
  .fnnum3:hover + .fncon3, .fncon3:is(:hover,:focus-within) {
      opacity: 1;
      z-index: 10;
      right: var(--posX);
      visibility: visible;
      transition:
          opacity 0.15s linear,
          right var(--fnTransition) cubic-bezier(.08,.72,.5,.94);
  }
  
  .fncon3::before {
      position: absolute;
      top: 0; left: 0;
      transform: translateX(-52%) translateY(-55%) scale(1.15);
      background-color: var(--fnColor, #E6283C);
      color: white;
      content: counter(megacount3);
      font-size: initial;
      font-weight: bold;
      font-style: initial;
      padding: 0.18rem 0.32em 0.08rem;
  }
  
  /*--- Mobile Query --*/
  @media only screen and (max-width: 1279px) {
      .fncon3 {
          position: fixed;
          bottom: 1.5rem;
          left: calc(15% - 50px);
          width: 70%;
          transition:
              opacity 0.15s linear var(--fnLinger),
              left var(--fnTransition) cubic-bezier(.08,.72,.5,.94) var(--fnLinger),
              visibility 0.01s linear var(--fnInteract);
      }
      .fnnum3:hover + .fncon3, .fncon3:is(:hover,:focus-within) {
          left: 15%;
          transition:
              opacity 0.15s linear,
              left var(--fnTransition) cubic-bezier(.08,.72,.5,.94);
      }
  }
  
  /* Image Block */
  .image-block, .scp-image-block {
      border-bottom: solid 0.325rem #8F00F8;
  }
  
  /* Links */
  .authorlink-wrapper a:any-link{
      color: #ACCCDD;
  }
  
  .astra a:any-link {
      color: #77DDFF;
      font-style: italic;
  }
  .astra a:visited {
      color: #77DDFF;
  }
  
  a:any-link {
      color: #9400F4;
      background-color: transparent;
      text-decoration: none;
  }
  a:visited {
      color: #560096;
  }
  a:any-link:is(:hover,:focus) {
      text-decoration: underline 0.1em;
      text-underline-offset: 0.08em;
  }
  
  /* collapsible link*/
  #page-content a.collapsible-block-link {
      overflow-wrap: anywhere;
  }
  
  
  /* Quote */
  div.quote {
      --space-star-mask: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 348.4 429.4'%3E%3Cg data-name='L2'%3E%3Cpath d='M348.4 186.2C191 207.6 193 219.6 174.3 429.5c-18.9-210-16.9-222-174.3-243.4C157.4 164.8 152.8 157.4 174.2 0c21.4 157.4 16.8 164.8 174.3 186.2Z' data-name='L1' style='fill:%23231f20'/%3E%3C/g%3E%3C/svg%3E");
      --star-color: #A1A1FF;
      margin: auto;
      position: relative;
      width: 82%;
      font-size: 1.4rem;
      font-style: italic;
      text-align: center;
      color: #ACCCDD;
  }
  :where(div.quote)::before{
      content: "";
      position: absolute;
      top: 0; right: 0;
      box-sizing: border-box;
      width: 4rem; height: 4rem;
      background-color: var(--star-color);
      mask-image: var(--space-star-mask);
      mask-size: contain;
      mask-position: center;
      mask-repeat: no-repeat;
      transform: translate(75%, -100%);
  }
  :where(div.quote)::after {
      content: "";
      position: absolute;
      bottom: 0; left: 0;
      box-sizing: border-box;
      width: 4rem; height: 4rem;
      background-color: var(--star-color);
      mask-image: var(--space-star-mask);
      mask-size: contain;
      mask-position: center;
      mask-repeat: no-repeat;
      transform: translate(-75%, 40%) rotate(180deg);
  }
  
  
  /* Background And Header */
  body {
      --header-logo: url(https://scp-wiki.wdfiles.com/local--files/theme%3Aspace/spacelogo.png);
  }
  #header h1 a span::before {
      content: "Astroanomalous Phenomenon\A Research Department";
      color: rgb(var(--header-title-color));
      display: block;
      font-size: 1rem;
      font-weight: bold;
      white-space: pre-wrap;
  }
  body {
      --header-subtitle: 'UNDERSTAND YOUR SURROUNDINGS';
      background-image: linear-gradient(#724C88,#724C88 60%,black 75%,black);
      position: relative;
  }
  body::before {
      content: '';
      background-image: url("https://scp-wiki.wdfiles.com/local--files/scp-9966/space-bg.jpg");
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-size: cover;
      background-attachment: fixed;
      mix-blend-mode: multiply;
  }
  
  /* Assignment Table */
  .assignment table{
      width: 100%;
      border: 0.2rem solid rgb(var(--general-border-color));
  }
  
  .assignment tr td{
      background-color: rgb(var(--basalt-primary-color));
      border: 0.2rem solid rgb(var(--general-border-color));
  }
  
  
  /* Notable Event Date */
  div.notabledate{
      text-align: center;
      font-style: bold;
      font-family: var(--mono-font);
      font-size: 1.4rem;
      text-decoration: underline;
      background-color: rgb(var(--basalt-secondary-color));
      color: #C72E33;
  }
  
  /* Related To Event */
  div.related {
      display: block;
      margin-inline: auto;
      margin-block: 1.4rem;
      padding-left: 0.8rem;
      padding-right: 0.8rem;
      border: solid 0.3rem rgb(var(--general-border-color));
      border-radius: 0.4rem;
      color: rgb(var(--basalt-main-text-color));
  }
  
  /* WWS */
  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;
  }
  
  div.wilson-body {
      color: rgba(102, 87, 49);
      background: rgb(209, 237, 154);
      padding: 1em;
  }
  
  /* File Iteration Title */
  div.fileiter{
      text-align: center;
      display: block;
      font-size: 2.5rem;
      background-color: rgb(var(--basalt-secondary-color));
      border-left: solid 4rem rgb(var(--general-border-color));
      border-right: solid 4rem rgb(var(--general-border-color));
      color: rgb(var(--basalt-main-text-color));
  }
  
  /* Terminal */
  div.terminal{
      border: 1px solid black;
      border: solid 3px #BBBBBB;
      border-radius: 16px;
      background-color: #131;
      /* black shadow at the top of the terminal */
      background-image:
          radial-gradient(ellipse 1000% 100% at 50% 90%, transparent, #121);
      background-position: center;
      display: block;
      /* shadow around the terminal */
      box-shadow: inset 0 0 10em 1em rgba(0,0,0,0.5);
      /* prevents scanline from forming a scrollwheel */
      overflow:hidden;
  }
  div.terminal blockquote {
      background-color: black;
      border: double 3px #80FF80
  }
  div.scanline{
      margin-top: -40%;
      width: 100%;
      height: 60px;
      position: relative;
      pointer-events: none;
      /* Safari 4.0 - 8.0 */
      -webkit-animation: scan 12s linear 0s infinite; /* You may need to change this. If the bar goes by too quickly, increase 5s. */
      animation: scan 12s linear 0s infinite; /* Same as above */
      background: linear-gradient(to bottom, rgba(56, 112, 82,0), rgba(56, 112, 82,0.1)) !important;
  }
  
  div.text{
      color: rgba(128,255,128,0.8);
      padding-left: 2em;
      padding-right: 2em;
      padding-top: 40%;
      font-family: monospace;
      font-size: 1.2em;
  }
  
  /* Safari 4.0 - 8.0 */
  @-webkit-keyframes scan{
      from{ transform: translateY(-10%);}
      to{  transform: translateY(5000%);} /* You may need to change this depending on the length of your terminal. If the scanline stops halfway, increase the second number.*/
  }
  
  @keyframes scan{
      from{ transform: translateY(-10%);}
      to{  transform: translateY(5000%);} /* Same as above.*/
  }
  /* Links */
  div.text a {
      color: #90EE90;
      text-decoration: none;
      background: transparent;
  }
  div.text a.newpage {
      color: #90EE90;
      text-decoration: none;
      background: transparent;
  }
  div.text a:hover {
      color: #131;
      text-decoration: underline;
      background-color: #80FF80;
      padding: 1px;
  }
  div.text a:hover::before{
      content: "> ";
  }

  Pages using this styling

  • scp-9966 [info]

  ¶ 1 occurrence
  

  
  div.terminal{
      border: 1px solid black;
      border: solid 3px #BBBBBB;
      border-radius: 16px;
      background-color: #131;
      /* black shadow at the top of the terminal */
      background-image: 
          radial-gradient(ellipse 1000% 100% at 50% 90%, transparent, #121);
      background-position: center;
      display: block;
      /* shadow around the terminal */
      box-shadow: inset 0 0 10em 1em rgba(0,0,0,0.5);
      /* prevents scanline from forming a scrollwheel */
      overflow:hidden;
  }
  div.terminal blockquote {
      background-color: black;
      border: double 3px #80FF80
  }
  div.scanline{
      margin-top: -40%;
      width: 100%;
      height: 60px;
      position: relative;
      pointer-events: none;
      /* Safari 4.0 - 8.0 */
      -webkit-animation: scan 12s linear 0s infinite; /* You may need to change this. If the bar goes by too quickly, increase by 5s. */
      animation: scan 12s linear 0s infinite; /* Same as above */
      background: linear-gradient(to bottom, rgba(56, 112, 82,0), rgba(56, 112, 82,0.1)) !important;
  }
  
  div.text{
      color: rgba(128,255,128,0.8);
      padding-left: 2em;
      padding-top: 40%;
      font-family: monospace;
      font-size: 1.2em;
  }
  
  /* Safari 4.0 - 8.0 */
  @-webkit-keyframes scan{
      from{ transform: translateY(-10%);}
      to{  transform: translateY(5000%);} /* You may need to change this depending on the length of your terminal. If the scanline stops halfway, increase the second number.*/
  }
  
  @keyframes scan{
      from{ transform: translateY(-10%);}
      to{  transform: translateY(5000%);} /* Same as above.*/
  }
  
  div.text a {
      color: #90EE90;
      text-decoration: none;
      background: transparent;
  }
  div.text a.newpage {
      color: #90EE90;
      text-decoration: none;
      background: transparent;
  }
  div.text a:hover {
      color: #131;
      text-decoration: underline;
      background-color: #80FF80;
      padding: 1px;
  }
  div.text a:hover::before{
      content: "> ";
  }

  Pages using this styling

  • scp-9959 [info]

  ¶ 1 occurrence
  

  .info-container{
  --barColour: #rgb(102, 102, 102; — this is the colour of the bar and the author button
  --linkColour: #rgb(102, 102, 102; — this is the colour of the "i" and the text within the author button
  }

  Pages using this styling

  • scp-9950 [info]

  ¶ 1 occurrence
  

  :root {
      --logo-image: url("https://scp-wiki.wdfiles.com/local--files/domc-hub/DoMC_Final.png");
      --header-title: "DoMC";
      --header-subtitle: "Solving Communications Problems";
  }
  
  .email-example .collapsible-block-folded a.collapsible-block-link {
      animation: blink 0.8s ease-in-out infinite alternate;
  }
  
  @keyframes blink {
      0% { color: transparent; }
      50%, 100% { color: #b01; }
  }
  
  .email {border: solid 2px #000000; width: 88%; padding: 1px 15px; margin: 10px; box-shadow: 0 1px 3px rgba(0,0,0,.5)}
  .email-example a.collapsible-block-link {font-weight: bold;}
  .tofrom {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px maroon}
  
  .bold_1 .collapsible-block-link {
       font-weight: bold;
  }
  
  .notice{
      border: 1px solid #f9e24d;
      outline: 4px solid #b54d3b;
      color: #f9e24d;
      background: #b54d3b;
      padding: 10px;
      text-align: center;
  }
  
  /* Wackdog's glitch text component */
  
  .alt-glitch-flick{ position:relative; display:inline-block; visibility:hidden; }
  
  .alt-glitch-flick::after{
    visibility:visible;
    white-space:normal;
    content: attr(data-1);
    color: var(--c1, currentColor);
    animation: flick5 var(--dur, 0.6s) steps(1,end) 1 forwards; /* default = 5 flips in ~0.6s */
    animation-delay: var(--delay, 0s);
    animation-iteration-count: var(--count, 1);
  }
  
  /* 5 flips (ends on data-2): 1→2→1→2→1→2 */
  @keyframes flick5{
    0%   { content: attr(data-1); color: var(--c1, currentColor); }
    20%  { content: attr(data-2); color: var(--c2, currentColor); }
    40%  { content: attr(data-1); color: var(--c1, currentColor); }
    60%  { content: attr(data-2); color: var(--c2, currentColor); }
    80%  { content: attr(data-1); color: var(--c1, currentColor); }
    100% { content: attr(data-2); color: var(--c2, currentColor); }
  }

  Pages using this styling

  • scp-9945 [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Anonymous+Pro:ital,wght@0,400;0,700;1,400;1,700&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Source+Serif+4:ital,opsz,wght@0,8..60,200..900;1,8..60,200..900&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400..800;1,400..800&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Playfair+Display+SC:ital,wght@0,400;0,700;0,900;1,400;1,700;1,900&display=swap');
  :root{
  
      --basalt-undertone: var(--basalt-bright-element-color);
      --basalt-secondary-color: 245, 245, 245;
      --basalt-tertiary-color: 245, 245, 245;
      --basalt-bright-element-color:100, 100, 100;
      --basalt-dark-element-color: 60, 60, 60;
      --hr-color: var(--general-border-color);
      --general-border-color: 180, 180, 180;
      --basalt-light-text-color: 220, 220, 220;
      --basalt-primary-color: 230, 230, 230;
      --basalt-main-text-color: 5, 5, 5;
      --UI-font: "Source Serif 4", serif;
      --UI-font-primary: 'Playfair Display SC';
      --title: "SCP Foundation";
      --subtitle: "Secure - Contain - Protect";
      --darkdocument-background-color: 250, 250, 250;
      --floatbox-background-color: 150, 150, 150 !important;
  
  
  
  
    --s: 12px; /* control the size*/
    --c1: #d6d6d6;
    --c2: #e9e9e9;
    --c3: #dbdbdb;
    --c4: #ececec;
  
      --six-color: 80, 80, 80 !important;
      --three-color: 100, 100, 100 !important;
      --five-color: 90, 90, 90 !important;
      --four-color: 140, 140, 140 !important;
      --two-color: 90, 90, 90 !important;
  
  
  
  }
  
  .anom-bar-container,
  .anom-bar-container *,
  .acs-extra {
      font-family: var(--ACS-font), var(--body-font) !important;
      font-weight: 800 !important;
  }
  
  .anom-bar-esoteric .text-part > .main-class > .second-class > .class-category {
      font-size: 0.75em !important;
      font-weight: 700 !important;
  }
  
  div:is(.class1, .item1)>div {
      font-family: var(--ACS-font), var(--header-font);
      font-weight: 700 !important;
  }
  
  
  #header h1 a span::before {
      font-weight: 400;
  }
  
  #header h1 a span::after {
      margin-bottom: 6px;
      font-weight: 400;
      letter-spacing: 0.00rem;
  }
  
  body {
    overflow-x: hidden;
    font-size: 0.98em;
    font-family: "Source Serif 4", serif;
    background: radial-gradient(var(--c1) 24%,#0000 25%), radial-gradient(var(--c2) 30%,#0000 32%) calc(var(--s)/2) calc(var(--s)/2), repeating-conic-gradient(from 30deg,var(--c3) 0 30deg,var(--c4) 0 25%);
    background-size: var(--s) var(--s);
    background-attachment: fixed;
  
  }
  
  
  
  .playfair-display-sc-regular {
    font-family: "Playfair Display SC", serif;
    font-weight: 400;
    font-style: normal;
  }
  
  .playfair-display-sc-bold {
    font-family: "Playfair Display SC", serif;
    font-weight: 700;
    font-style: normal;
  }
  
  .playfair-display-sc-black {
    font-family: "Playfair Display SC", serif;
    font-weight: 900;
    font-style: normal;
  }
  
  .playfair-display-sc-regular-italic {
    font-family: "Playfair Display SC", serif;
    font-weight: 400;
    font-style: italic;
  }
  
  .playfair-display-sc-bold-italic {
    font-family: "Playfair Display SC", serif;
    font-weight: 700;
    font-style: italic;
  }
  
  .playfair-display-sc-black-italic {
    font-family: "Playfair Display SC", serif;
    font-weight: 900;
    font-style: italic;
  }
  
  .eb-garamond {
    font-family: "EB Garamond", serif;
    font-optical-sizing: auto;
    font-style: normal;
  }
  
  .source-serif-4 {
    font-family: "Source Serif 4", serif;
    font-optical-sizing: auto;
    font-style: normal;
  }
  .anonymous-pro-regular {
    font-family: "Anonymous Pro", monospace;
    font-weight: 400;
    font-style: normal;
  }
  
  .anonymous-pro-bold {
    font-family: "Anonymous Pro", monospace;
    font-weight: 700;
    font-style: normal;
  }
  
  .anonymous-pro-regular-italic {
    font-family: "Anonymous Pro", monospace;
    font-weight: 400;
    font-style: italic;
  }
  
  .anonymous-pro-bold-italic {
    font-family: "Anonymous Pro", monospace;
    font-weight: 700;
    font-style: italic;
  }
  
  h3 {
     text-align:center;
     font-family: "Playfair Display SC", serif;
     font-weight: 400;
  }
  
  
  h4 {
     text-align:center;
     font-family: "Playfair Display SC", serif;
     font-weight: 400;
     padding-top: 0.3em;
  }
  
  h5 {
     text-align:center;
     font-family: "Playfair Display SC", serif;
     font-weight: 400;
  }
  
  
  h6 {
     text-align:center;
     font-family: "Playfair Display SC", serif;
     font-weight: 600;
  }
  
   .texts {
     display: flex;
     flex-direction: column;
     margin: auto;
     padding-left: 0em;
     padding-right: 0em;
     padding-top: 0.5em;
     padding-bottom: 0.5em;
     width: 90%;
  }
  
  .incoming {
       border: 1px solid rgb(12, 133, 97);
       background:rgb(15, 94, 71);
       text-align: left;
       align-self: start;
       margin-right:25%;
       margin-left:1em;
       margin-top: 0.5em;
       margin-bottom: 0.5em;
       border-radius: 1px;
       padding: 0.05em 1em 0.05em 1em;
       line-height: 0.01em
       max-width: 75%;
       width: fit-content;
       color: #fefefe;
  }
  .outgoing {
       border: 1px solid rgb(67, 54, 87);
       background: rgb(52, 44, 64);
       text-align: left;
       align-self: end;
       margin-left:25%;
       margin-top: 0.5em;
       margin-bottom: 0.5em;
       margin-right: 1em;
       border-radius: 1px;
       padding: 0.05em 1em 0.05em 1em;
       line-height: 0.01em
       max-width: 75%;
       width: fit-content;
       color: #fefefe;
  }
  
  .query {
     display: grid;
     grid-template-columns: 4em auto;
     grid-template-areas:
        'num capt';
     justify content: center;
     margin: auto;
     max-width: 60em
     border-top: 1px dashed rgb(176, 18, 18);
     border-bottom: 1px dashed rgb(176, 18, 18);
     background-color: rgb(0, 0, 0);
  }
  
  .container {
     width: 58em;
     margin: auto;
      display: block;
      margin-inline: auto;
      margin-block: 0.4rem;
      padding-inline: 0.5rem;
      padding-block: 0.2rem;
      text-align: left;
  
  }
  
  /* RELATIVE TIME HEADERS */
  .relativetime {
      font-family: "Playfair Display SC", serif;
      font-size: 1.1em;
      display: flex;
      align-items: center;
      text-align: center;
      margin: 2em 0;
  }
  
  .relativetime::before,
  .relativetime::after {
      content: '';
      flex: 1;
      border-bottom: 1px solid rgb(20, 20, 20);
  }
  
  .relativetime p {
      margin: 0 1em;
      padding: 0 10px;
      white-space: nowrap;
  }
  
  
  #page-content div.papernote {
      max-width: 50em;
  }
  
  div.papernote {
      display: block;
      border-left: 0.08rem solid #000000;
      border-right: 0.08rem solid #000000;
     margin-inline: auto;
     padding-inline: 0.8em;
     padding-block: 0.82em;
     font-size: 0.98em;
     margin-block: 0em;
      background: linear-gradient(to bottom, rgb(235, 235, 235), rgb(255, 255, 255));
  
  }
  #page-content div.smallmodal {
      max-width: 50em;
  }
  
  div.smallmodal {
      display: block;
     background: rgb(250, 250, 250);
     border: 0.08rem solid rgb(0, 0, 0);  
     margin-inline: auto;
     padding-inline: 0.8em;
     padding-block: 1em;
     margin-block: 1em;
     font-size: 0.98em;
  }
  .email-example .collapsible-block-folded a.collapsible-block-link {
      animation: blink 1.5s ease-in-out infinite alternate;
  }
  @keyframes blink {
      0% { color: rgb(110, 110, 110); }
      50% { color: rgb(30, 30, 30); }
      100% { color: rgb(110, 110, 110); }
  }
  .email-example a.collapsible-block-link {
     font-weight: 400;
     font-size: 1.2em;
  }
  
  div.modal {
      display: block;
      background: rgba(250, 250, 250, 1);
      box-shadow: 0px 2px 10px 2px rgba(0, 0, 0, 0.25);
      border: 0.1rem outset #000000;
      margin-inline: auto;
      margin-block: 2rem;
      padding-inline: 1em;
      padding-block: 1em;
      color: rgb(var(--basalt-main-text-color));
      text-align: left;
  }
  
  #page-content div.floatbox {
      background: rgba(245, 245, 245, 0);
      border: none;
  
  }
  
  div.darkdocument {
      text-align: left;
      color: rgb(0, 0, 0);
  }
  
  
  #page-content div:is(.document, .darkdocument) {
      max-width: 40rem;
  }
  
  div.jotting {
      display: block;
      margin-inline: auto;
      margin-block: 1.5rem;
      padding-inline: 2rem;
      padding-block: 1.5rem;
      background: radial-gradient(rgb(229, 229, 229) 24%,#0000 25%), radial-gradient(rgb(248, 248, 248) 30%,#0000 32%) calc(7px/2) calc(7px/2), repeating-conic-gradient(from 30deg,rgb(234, 234, 234) 0 30deg,rgb(251, 251, 251) 0 25%);
      background-size: 7px 7px;
      border: 0.1rem inset #000000;
      text-align: left;
  }
  
  .line {
      display: block;
      max-width: 55em;
      margin-inline: auto;
      border-top: 0.06rem solid #000000;
      border-bottom: 0.06rem solid #000000;
      margin-block: 0.01em;
      padding-inline: 1em;
      padding-block: 0.75em;
      background: linear-gradient(to bottom, rgb(235, 235, 235), rgb(255, 255, 255));
  }
  
  
  .corr {
     background: rgb(255, 255, 255);
     border: 0.08rem solid rgb(0, 0, 0);
     max-width: 47em;
     margin: auto;
     padding-inline: 0.5em;
     padding-block: 0.25em;
     font-size: 0.95em;
     margin-block: 1em;
  
  }
  
  
  
  .jottingpattern {
      display: block;
      max-width: 45em;
      margin-inline: auto;
      margin-block: 1rem;
      padding-inline: 1em;
      text-align: left;
      padding-block: 0.5em;
      background: radial-gradient(rgb(229, 229, 229) 24%,#0000 25%), radial-gradient(rgb(248, 248, 248) 30%,#0000 32%) calc(7px/2) calc(7px/2), repeating-conic-gradient(from 30deg,rgb(234, 234, 234) 0 30deg,rgb(251, 251, 251) 0 25%);
      background-size: 7px 7px;
      border: 0.04rem solid rgb(90, 90, 90);
      text-align: left;
  }
  
  div.notation {
      display: block;
      margin-inline: auto;
      margin-block: 1.5rem;
      padding-inline: 2rem;
      padding-block: 1.5rem;
      background: rgba(245, 245, 245, 0.8);
      border: 0.08rem solid #000000;
      border-radius: 1em;
      text-align: left;
  
  }
  
  #page-content a {
      text-decoration: underline;
      color: rgb(80, 80, 80);
  }
  
  #page-content a:hover {
      text-decoration: underline;
      font-weight: bold;
      color: rgb(50, 50, 50);
  }
  
  #page-content div.modal {
      max-width: 50em;
  }
  
  #page-content div.jotting {
      max-width: 45em;
  }
  
  
  #page-content div.notation {
      max-width: 42em;
  }
  
  #page-content .collapsible-block-folded, #page-content .collapsible-block-unfolded-link {
      margin: auto;
      padding: 0.5em 0.8em 0.5em 0.8em;
      /* Technical bits */
      width: fit-content;
      white-space: nowrap;
      overflow: hidden;
      text-align: center;
      background-color: none;
      border: none;
  }
  /* The Clicky Text */
  #page-content .collapsible-block-link {
      color: rgb(100, 100, 100);
      text-decoration: none;
      text-align: center;
  }
  
  #page-content .collapsible-block-link:hover {
      font-weight: 500;
      color: rgb(30, 30, 30);
      margin: auto;
      padding: 0.5em 0.8em 0.5em 0.8em;
      width: fit-content;
  }
  /* Collapsible content */
  
  #page-content .collapsible-block-unfolded-link{
      max-width: 60rem;
      margin: auto;
      padding: 0.5em 0.8em 0.5em 0.8em;
      width: fit-content;
      background-color: none;
      border: none;
  }
  
  /* Hovering effects */
  #page-content .collapsible-block-folded:hover, #page-content .collapsible-block-unfolded-link:hover {
      font-weight: 500;
      text-decoration: underline;
      color: rgb(30, 30, 30);
      background-color: none;
      margin: auto;
      padding: 0.5em 0.8em 0.5em 0.8em;
      width: fit-content;
  
  }
  div[class$="_memo"] {
      border: 0.15rem solid #000000;
      max-width: 65em !important;
      min-height: 3rem;
      margin-inline: auto;
      margin-block: 1rem;
      padding-inline: 1rem;
      padding-block: 1.5rem;
  }
  div.overwatch_memo {
      --memo-heading: "ADMINISTRATIVE MEMORANDUM";
      --memo-logo: url('https://scp-wiki.wdfiles.com/local--files/theme%3Aeigenmachine/asterisk_scp.svg');
      --memo-color: 40, 40, 40;
  }
  
  div.ethics_memo {
      --memo-heading: "ETHICS COMMITTEE MEMORANDUM";
      --memo-logo: url(http://scp-sandbox-3.wikidot.com/local--files/katyastrangelovemirror/ethcommlight);
      --memo-color: 235, 235, 235;
  }
  
  div.raisa_memo {
      --memo-heading: "NOTICE FROM THE RECORDS AND INFORMATION SECURITY ADMINISTRATION";
      --memo-logo: url(http://scp-sandbox-3.wikidot.com/local--files/katyastrangelovemirror/raisa);
      --memo-color: 240, 240, 240;
  }
  
  div[class$="_memo"]::before {
      content: var(--memo-heading);
      font-family: var(--header-font);
      font-weight: 700;
      font-size: 1.3em;
      text-align: center;
      margin: 0 auto 0.4rem auto;
      display: flex;
      flex-direction: column;
      padding-top: 0.4em;
  }
  
  
  /* License Box Patch */
  #page-content .licensebox .collapsible-block-link {
      color: inherit;
  }
  #page-content .licensebox .collapsible-block-link:hover {
      text-decoration: underline;
  }
  #page-content .licensebox .collapsible-block {
      counter-increment: none;
  }
  #page-content .licensebox  .collapsible-block-folded,
  #page-content .licensebox  .collapsible-block-unfolded-link  {
      transition: none;
      width: 100%;
      max-width: 100%;
      margin: 0 auto;
      padding: 0;
      box-shadow: none;
      background: none;
  }
  #page-content .licensebox .collapsible-block-folded::before,
  #page-content .licensebox .collapsible-block-unfolded-link::before  {
      content: "";
      display: none;
  }
  #page-content .licensebox .collapsible-block-content {
      border-bottom: none;
      transition: none;
      border-top: none;
  }
  #page-content .licensebox .collapsible-block-folded .collapsible-block-link::before,
  #page-content .licensebox .collapsible-block-unfolded .collapsible-block-link::before,
  #page-content .licensebox .unfolded-collapse::before {
      display: none;
  }
  #page-content .licensebox .collapsible-block-content::after {
      display: none;
  }
  
  
  
  .authorlink-wrapper>a {
      margin-left: 0.4em;
      font-weight: bold !important;
      font-size: 80%;
      color: rgb(0, 0, 0) !important;
      text-decoration: none !important;
  }
  
  .authorbox a {
      color: rgb(0, 0, 0) !important;
  }
  
  
  .danger-diamond a:any-link {
      font-size: 0px;
  }
  .danger-diamond {
      pointer-events: none;
      user-select: none;
  }
  
  

  Pages using this styling

  • scp-9940 [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Jacquard+24&display=swap');
  :root {
  
    --header-title: "SCP FOUNDATION";
    --header-subtitle: "Department of Structures, Constructs, and Patterns";
    --lgurl: url(https://scp-wiki.wikidot.com/local--files/scp-9935/baseballlogo.png);
  
    --white-monochrome: 28, 22, 16;
    --pale-gray-monochrome: 54, 46, 37;
    --light-pale-gray-monochrome: 72, 64, 54;
    --very-light-gray-monochrome: 96, 86, 74;
    --light-gray-monochrome: 206, 193, 167;
    --gray-monochrome: 222, 210, 186;
    --dark-gray-monochrome: 237, 228, 206;
    --black-monochrome: 247, 241, 226; 
    --top-fade: 217, 201, 180;
  
    --accentColor: 171, 43, 40; 
    --background-gradient-color: var(--dark-gray-monochrome);
    --swatch-menubg-dark-color: var(--very-light-gray-monochrome);
    --swatch-text-tertiary-color: var(--accentColor);
    --ui-button-hover-txt: var(--black-monochrome);
  
    --body-font: Inter, Verdana, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
  
    --accentNavy: 28, 49, 82; 
    --brass: 173, 142, 86; 
    --clay: 133, 87, 52; 
  
    /* helpers for fades */
    --bg-ink: 0, 0, 0;
    --sunset-navy: 28, 49, 82;
    --sunset-amber: 221, 158, 72;
    --sunset-clay: 133, 87, 52;
    --sunset-rose: 171, 43, 40;
  
    --modal-header-txt: var(--black-monochrome);
    --modal-header-bg: var(--white-monochrome);
    --hoverblock-header-txt: var(--black-monochrome);
    --hoverblock-bg: var(--black-monochrome);
  }
  
  /* Page background: pinstripes + cream */
  body {
    position: relative;
    z-index: 0;
    background:
      repeating-linear-gradient(
        90deg,
        rgba(var(--accentNavy), .08) 0 1px,
        transparent 1px 20px
      );
    background-color: rgb(var(--black-monochrome));
  }
  
  /* Top fade (shows only when at page top) */
  body::before {
    content:"";
    position:absolute;
    top:0; left:0; right:0;
    height:20rem;
    pointer-events:none;
    z-index:0;
    background: linear-gradient(to bottom,
      rgba(var(--top-fade), .42),
      rgba(var(--top-fade), 0)
    );
  }
  
  /* Bottom fade (shows only when at page bottom) */
  body::after {
    content:"";
    position:absolute;
    bottom:0; left:0; right:0;
    height:26rem;
    pointer-events:none;
    z-index:0;
    background: linear-gradient(to top,
      rgba(var(--sunset-navy), .10) 0%,
      rgba(var(--sunset-clay), .10) 35%,
      rgba(var(--sunset-amber), .12) 65%,
      rgba(var(--sunset-rose), .12) 85%,
      rgba(0,0,0,0) 100%
    );
  }
  
  /* Content panel sits above fades/stripes */
  #main-content {
    position: relative;
    z-index: 1;
    background-color: rgb(var(--dark-gray-monochrome)); 
    box-shadow: 0px 0px 2px 2px rgba(168,162,149, 1); 
    padding-top: 0rem;
  }
  
  #header {
    padding-bottom: 20px;
  }
  
  #page-title {
    display: none
  }
  
  #footer {
    position:relative;
    z-index: 1000;
  }
  
  #header h1 a { color: rgb(var(--accentNavy)); }
  #header h2 { color: rgba(var(--white-monochrome), .75); }
  
  a { color: rgb(var(--accentNavy)); }
  a:hover, a:focus { color: rgb(var(--accentColor)); }
  
  .scp-image-block {
    border: .5rem double rgba(var(--gray-monochrome), 1);
    border-bottom-width: .5rem;
    box-shadow: .2rem .3rem 0 0 rgba(var(--brass), .8);
  }
  .scp-image-block .scp-image-caption {
    background-color: rgb(var(--light-gray-monochrome));
    color: rgb(var(--white-monochrome));
  }
  
  .info-container .collapsible-block-folded {
    height: 2em;
  }
  .info-container .collapsible-block-unfolded-link {
    height: 2em;
  }
  
  #page-content .info-container .collapsible-block-folded::before,
  #page-content .info-container .collapsible-block-unfolded-link::before {
    font-size: 140%;
    font-family: "Jacquard 24", system-ui;
    font-weight: 400;
    font-style: normal;
    color: #ede4ce;
    padding-bottom: 30px;
    margin-top: -0.1em; /* new line to fix wonky font */
  }
  
  .code pre, .code p, .code {
    background-color: rgb(var(--dark-gray-monochrome));
    color: rgb(var(--white-monochrome));
    border: 1px solid rgba(var(--pale-gray-monochrome), .4);
  }
  
  hr, .page-tags::before {
    background-image:
      repeating-linear-gradient(90deg,
        rgba(var(--accentColor), .7) 0 2px,
        rgba(0,0,0,0) 2px 8px);
    height: 2px;
    border: 0;
    opacity: .9;
  }
  
  button:hover, .btn:hover, #page-content a.action-area:hover {
    background-color: rgb(var(--accentColor));
    color: rgb(var(--black-monochrome));
  }
  

  Pages using this styling

  • scp-9935 [info]

  ¶ 1 occurrence
  

  body {
      font-size: 1.1rem; 
  }
  
  h1 {
      font-family: monospace;
      text-align: center;
      font-size: 2rem;
  }
  
  .mono {
      font-family: monospace;
  }
  
  /* Container Styles */
  .project-container {
      background: #fff;
      border: none;
      width: 95%;
      padding: 0.3125em 0.9375em;
      margin: 1.25em auto;
      /* Restored to original heavy shadow */
      box-shadow: 2px 2px 3px #5e5e5e82; 
      color: #000;
      display: block;
  }
  
  .red { border-left: 0.3125em solid #8a2121; }
  .yellow { border-left: 0.3125em solid #dab600; }
  .green { border-left: 0.3125em solid #2e5200; }
  
  .project-inner {
      background: #fff;
      width: 90%;
      padding: 1em 1.5em;
      margin: 0.75em auto;
      text-align: left;
      /* Restored to original heavy shadow */
      box-shadow: 1px 1px 4px #5e5e5e82; 
      color: #000;
  }
  
  .inner-red { background: #fffafa; }
  .inner-yellow { background: #fffffa; }
  .inner-green { background: #fafffa; }
  
  /* Credits: Components from SCP-9001 */
  .overwatch-order {
    --logo-size: 4rem;
    border: medium solid firebrick;
    background: white;
    color: #444;
    display: grid;
    grid-template-columns: var(--logo-size) 1fr;
    min-height: var(--logo-size);
    border-radius: calc(var(--logo-size) / 2);
    overflow: hidden;
    margin-block: 0.5em;
  }
  
  .overwatch-order__content {
    padding-inline: 1em;
    align-content: center;
    background-image: linear-gradient(to right, #f001, #f000);
  }
  
  .overwatch-order__content p { margin-block: 0.25rem; }
  
  .overwatch-order__title {
    font-weight: bold;
    font-size: 1.2em;
    line-height: 1.2;
  }
  
  .overwatch-order__logo {
    background-color: firebrick;
  }
  
  .overwatch-order__logo img { filter: invert(1); }
  
  /* Forum and Memo Post Structure */
  .forum {
      display: block;
      width: 100%;
      margin: 1.25em auto;
      padding-bottom: 1rem;
  }
  
  .forum__post {
      border: thin solid #bbb;
      box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.08); 
      position: relative;
      background-color: #fff;
      color: #000;
      margin-top: 0.75em;
      margin-bottom: 0.75em;
      box-sizing: border-box;
  }
  
  .forum__post--op {
      width: 95%;
      margin-left: auto;
      margin-right: auto;
  }
  
  .forum__post--reply {
      width: auto;
      margin-right: 2.5%;
  }
  
  .forum__post--indent-1 {
      margin-left: calc(2.5% + 1.5rem);
  }
  
  .forum__post--indent-2 {
      margin-left: calc(2.5% + 3rem);
  }
  
  .forum__post-header {
      border-bottom: thin solid #888;
      padding: 1.1em 1.5em 1.1em 4rem;
      position: relative;
      color: #000;
      font-weight: normal;
      font-style: italic;
      width: 100%;
      box-sizing: border-box;
      background-color: #fff;
  }
  
  /* Memo Override */
  .forum__post-header.memo {
      padding: 0.4em 1.5em; 
      font-style: normal;
      font-size: 1.1rem;
      border-bottom: thin solid #aaa;
  }
  
  .green .forum__post-header {
      background-color: #fafffa;
  }
  
  .forum__post-pfp {
      font-size: 1.1rem;
      font-weight: 500;
      text-align: center;
      color: var(--text, black);
      background-color: var(--bg, #eee);
      border: thin solid rgba(0, 0, 0, 0.05);
      border-radius: 99rem;
      aspect-ratio: 1 / 1;
      width: 2.2rem;
      line-height: 2.2rem;
      position: absolute;
      left: 1rem;
      top: 50%;
      transform: translateY(-50%);
      font-style: normal;
  }
  
  .forum__post-content {
      padding: 1.2em 1.5em;
      background-color: #fff;
  }
  
  /* Pseudo-elements creating branching lines for nested replies */
  .forum__post--reply::before {
      content: "";
      position: absolute;
      left: -1rem;
      top: -0.75em;
      height: calc(2.15rem + 0.75em);
      border-left: thin solid #888;
  }
  
  .forum__post--reply::after {
      content: "";
      position: absolute;
      left: -1rem;
      top: 2.15rem;
      width: 1rem;
      border-bottom: thin solid #888;
  }

  Pages using this styling

  • scp-9933 [info]

  ¶ 1 occurrence
  

  .blinking{
      animation:blinkingText 1.2s infinite;
  }
  @keyframes blinkingText{
      0%{     color: #FF9944;    }
      49%{    color: #FF9944; }
      60%{    color: transparent; }
      99%{    color:transparent;  }
      100%{   color: #FF9944;    }
  }

  Pages using this styling

  • scp-9931 [info]

  ¶ 1 occurrence
  

  .wrapper { 
          background: rgb(238, 242, 241);
          margin: auto; 
          text-align: left; 
          position: relative;
          -webkit-border-radius: 0px;
          -moz-border-radius: 0px;
          margin-bottom: 0px !important;
          width: 800px;
          white-space: nowrap;
          padding: 10px 10px 0px 10px;
      }
      .scrolls { 
          overflow-x: scroll;
          overflow-y: hidden;
          height: 320px;
          white-space: nowrap;
      } 
      .imageDiv img { 
          margin: 2px;
          max-height: 320px;
          cursor: pointer;
      display:inline-block;
      *display:inline;
      *zoom:1;
      vertical-align:top;
      }

  Pages using this styling

  • scp-9931 [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Anek+Latin:wght@400;640&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@700&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Space+Mono:ital,wght@0,400;0,700;1,400;1,700&display=swap');
  
  .table0{
      border-collapse: collapse;
      border: 1px solid #013737;
      border-spacing: 0;
      font-family: Anek Latin;
      margin: 0.5em auto;
      width: 100%; 
  }
  .cell0a{
      background-color: #013737;
      border: 1px solid #013737;
      color: #00FFFF;
      font-weight: bold;
      padding: 0.3em 0.7em;
      text-align: center;
      vertical-align: middle;
      white-space: nowrap;
      width: 15%
  }
  .cell0b{
      background-color: #013737;
      border: 1px solid #013737;
      color: #00FFFF;
      font-weight: bold;
      padding: 0.3em 0.7em;
      text-align: center;
      white-space: nowrap;
  }
  .cell1a{
      background-color: #F8F8F8;
      border: 1px solid #013737;
      padding: 0.3em 0.7em;
      vertical-align: middle;
      white-space: nowrap;
  }
  .cell1b{
      background-color: #F8F8F8;
      border: 1px solid #013737;
      padding: 0.3em 0.7em;
      vertical-align: middle;
  }

  Pages using this styling

  • scp-9931 [info]

  ¶ 1 occurrence
  

  
  :root {
    --two-color: 20, 138, 156;
    --four-color: 198, 109, 0;
    --five-color: 156, 20, 20;
  }
  
  .top-right-box > .level {
    font-size: 2.2em;
  }
  

  Pages using this styling

  • scp-9923 [info]

  ¶ 1 occurrence
  

  
  /* == FADE AWAY == */
   #u-fade-away {
      /* Mouse Hover Reveals Rating Module */
      opacity: calc(1 / 3);
      transition: all .25s ease-in-out;
  }
   #u-fade-away:hover {
      opacity: 1;
  }
  
  :root {
      --logo: url(https://scp-wiki.wdfiles.com/local--files/scp-9923/surrealistics-blue.png);
      --title: "R\0026 C SITE-⌘";
      --subtitle: "MEDIUM INFORMATICS";
      --w-gold: 229, 214, 157;
  }
  
  .ego {
      color: #AD4DBF;
  }
  
  .superego {
      color: #c66d00;
  }
  
  .id {
      color: #bf4d73;
  }
  
  .other {
      color: #75bf4d;
  }
  
  .blur{
      filter: blur(4px);
  }
  
  .titled {
    color: rgb(var(--basalt-bright-element-color));
    text-decoration: underline 3px;
    text-underline-offset: 3px;
  }
  
  .widetable :is(table:not(.form), table.wiki-content-table) {
      width: 100% !important;
      margin-top: 1.2rem;
      margin-bottom: 1rem;
  }
  
  .acstable :is(table:not(.form), table.wiki-content-table) {
      font-size: 0.9em;
  }
  
  :is(#page-content table:not(.form), table.wiki-content-table) th :is(div.blockquote, blockquote) {
      padding-block: 1rem;
      font-family: var(--UI-font);
      font-size: 1.05em;
      font-weight: normal;
      text-align: left;
      word-spacing: 1px;
  }
  
  div.surr_memo {
      --memo-heading: "NOTICE FROM THE DEPARTMENT OF SURREALISTICS";
  }
  
  div.rss_memo {
      --memo-heading: "RESEARCH STATION SYNECDOCHE MEMOSPORE";
  }
  
  div.infotech_memo {
      --memo-heading: "NOTICE FROM THE DEPARTMENT OF INFORMATION TECHNOLOGY";
  }
  
  div.underwatch_memo {
      --memo-heading: "UNDERWATCH COMMAND COMMUNIQUÉ";
  }
  
  #page-content .anom-bar-container.vessel .text-part .disrupt-class::before {
  content: "V" !important;
  }
  
  #page-content .anom-bar-container.enochian .text-part .disrupt-class::before {
  content: "E" !important;
  }
  
  #page-content .anom-bar-container.quintessent .text-part .risk-class::before {
  content: "5" !important;
  }
  
  #page-content .anom-bar-container.digitized .text-part .risk-class::before {
  content: "5" !important;
  }
  
  /*---- keyframes ----*/
  
  @keyframes pulse {
      from { box-shadow: 0px 0px 0.5rem rgb(var(--w-gold)); }
      to { box-shadow: 0px 0px 1.8rem rgb(var(--w-gold)); }
  }
  
  @keyframes glow {
      from { filter: blur(2px); }
      to { filter: blur(8px)}
  }
  
  @keyframes text-glow {
      from { text-shadow: 0 0 2px currentcolor; }
      to { text-shadow: 0 0 8px currentcolor; }
  }
  
  /* ----custom class---- */
  
  .text-glow {
      animation: text-glow 3s 0s ease-out infinite alternate;
  }
  

  Pages using this styling

  • scp-9923 [info]

  ¶ 1 occurrence
  

  
  :has(#u-offset1:target):root {
      --accentColor: #9590c5;
      --accentColorLite: #c8c5eb;
      --header-subtitle: "INVENIMUS NOVUM NUMEN";
  }
  
  :has(#u-offset1:target) body {
      background-image: linear-gradient(180deg, #000022 0%, #36334a85 25%, #36334a85 75%, #000022 100%), url(https://scp-wiki.wdfiles.com/local--files/theme%3Aspace/spacebg.jpg), linear-gradient(to right, #655269, #655269);
  }
  
  :has(#u-offset1:target) #header h1 a::before {
      background: linear-gradient(45deg, #dedff1 0%, var(--accentColor) 50%, #dedff1 100%);
      background-clip: text;
      color: transparent;
      filter: drop-shadow(0 0.375rem 0.3rem rgba(0,0,0,0.6));
      font-family: "Nova Cut", sans-serif;
      font-size: 120%;
      font-weight: bold;
      -webkit-background-clip: text;
  }
  
  :has(#u-offset1:target) #header h2::before {
      background: linear-gradient(45deg, #dedff1 0%, var(--accentColor) 50%, #dedff1 100%);
      background-clip: text;
      color: transparent;
      filter: drop-shadow(0 0.2rem 0.2rem rgba(0, 0, 0, 0.8));
      font-family: "New Rocker", sans-serif;
      font-size: 120%;
      letter-spacing: 0.313rem;
      margin-top: 0.375rem;
      -webkit-background-clip: text;
  }
  

  Pages using this styling

  • scp-9911 [info]

  ¶ 1 occurrence
  

  :root {
      --mono-font: 'Andale Mono', 'Courier New', Courier, monospace;
  }
  
  #u-default {
    display: block;
  }
  
  #u-offset1-content {
    display: none;
  }
  
  :has(#u-offset1:target) #u-default {
    display: none;
  }
  
  :has(#u-offset1:target) #u-offset1-content {
    display: block;
  }
  
  .footnotes-footer {
    display: none;
  }
  
  .scp-image-block {
      display: inline-block;
  }
  
  .scp-image-block.block-right {
      margin: 1em 2em 1.5em;
  }
  
  hr {
      margin: 0rem 0;
      height: 2px;
  }
  
   blockquote, div.blockquote {
      /* = Quote Block = */
      margin: 1rem 3rem;
      padding: .02rem 1rem;
   
      color: var(--textColorAlt);
      border: 0;
      border-left: 7px solid var(--accentColor);
  }
   
   @media (max-width: 767.9px) {
       blockquote, div.blockquote {
          margin: 1rem 0;
      }
  }
  
  div.blockquote.classic {
      border: medium solid var(--accentColor);
  }
  
  .report-box {
      color: var(--textColorAlt);
      background: var(--darkerColor);
      border-top: 11px solid var(--accentColor);
  }
  
  .report-box {
      margin: 1rem 0;
      padding: .02rem 1rem;
  }
  
  .darkbox, .lightbox {
      margin: 1rem 0;
      border-right: 7px solid var(--accentColor);
      border-left: 7px solid var(--accentColor);
      padding: 0.938rem;
  }
  
  #page-content .collapsible-block-link {
      font-size: 110%;
  }
  
  .moonrise{
      position: fixed;
      top: 0;
      opacity: 0;
      left: 0;
      background-color: rgba(0, 0, 0, 0.2);
      width: 100%;
      height: 100%;
      pointer-events: none;
      z-index: 99999;
      animation: starfall 600s linear 60s 1 forwards;
      backdrop-filter: grayscale(0.5);
  }
  
  
  @keyframes starfall{
      0% {
          opacity: 0;
      }
      
      100% {
          opacity: 1;
      }
  }
  

  Pages using this styling

  • scp-9911 [info]

  ¶ 1 occurrence
  

  .email-example .collapsible-block-folded a.collapsible-block-link {
      animation: blink 0.8s ease-in-out infinite alternate;
  }
  @keyframes blink {
      0% { color: transparent; }
      50%, 100% { color: #b01; }
  }
  .email {border: solid 2px #000000; width: 88%; padding: 1px 15px; margin: 10px; box-shadow: 0 1px 3px rgba(0,0,0,.5)}
  .email-example a.collapsible-block-link {font-weight: bold;}
  .tofrom {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px maroon}
  .courtrep-content {
      font-family: "Courier New";
  }
  .h3 {
      font-family: "Courier New";
  }

  Pages using this styling

  • scp-9905 [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Martian+Mono:wght@100..800&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Patrick+Hand&display=swap');
  
  #page-title {
      display: none;
  }
  
  :root {
      --sp_top-bar-gradient-top-color: #373737;
      --sp_top-bar-gradient-bottom-color: #171717;
      --sp_header-logo-size: 8.25rem;
      --sp_rate-module-background: rgba(255,255,255,0.2);
      --sp_rate-module-sub-color: #FFF;
      --accentColor: #6d6d77;
  }
  
  #page-content .page-rate-widget-box :is(.rateup, .ratedown) a {
      color: black;
  }
  
  #action-area, #page-options-container {
      color: white;
  }
  
  #lock-info {
      color:black;
  }
  
  #page-content {
      background: rgba(0,0,0,0.35);
      padding: 0.3em 1.5em;
      border-radius: 30px;
  }
  
  #page-content hr {
      background-color: var(--accentColor);
  }
  
  #page-content .blockquote {
      background: rgba(255,255,255,0.1);
      border-style: solid;
  }
  
  #page-content .blockquote > .blockquote, .specialNote {
      background: rgba(0,0,0,0.3);
      border-style: dashed;
      border-color: var(--accentColor);
      font-family: "Patrick Hand";
      font-size: 1.3em;
  }
  
  .specialNote :is(h1,h2) {
      font-family: "Patrick Hand";
      font-size: 1.3em;
  }
  
  .licensebox blockquote {
      background: rgba(255,255,255,0.1) !important;
      border-style: solid !important;
      margin: 1em 1.5em;
  }
  
  #page-content .licensebox .blockquote {
      background: rgba(255,255,255,0.1);
      border-style: solid;
      margin: 1em 1.5em;
  }
  #page-content .licensebox .blockquote > .blockquote {
      background: inherit;
      border-style: inherit;
      border-color: inherit;
      font-family: inherit;
      font-size: inherit;
      margin: 1em 1.5em;
  }
  
  .innerLog {
      border-style: solid;
      border-color: var(--accentColor);
      margin: 1em 0;
      padding: 0 1em
  }
  
  #page-content .blockquote.report {
      border: 1px solid var(--accentColor);
      background: #e0e0e1;
      color: black;
      margin: 1em 0.5em;
      font-weight: 400;
  }
  
  #header {
      background-image: url(https://scp-sandbox-3.wdfiles.com/local--files/queer-q/mountain_pattern_stretch.jpg);
      background-color: #2b2930;
      background-blend-mode: hard-light;
      background-position-x: center;
      background-size: 1200px;
      height: 250px;
      background-position-y: center;
      grid-template-rows: 1.5fr 1.5fr auto auto 0.75fr auto;
  }
  
  #header::before {
      margin: 0em auto;
      grid-row: 1 / 5;
      grid-column: 1/5;
      z-index: 2;
  }
  
  #header h1, #header h2 {
      padding-inline-start: initial;
      grid-column: 1/5;
      margin: 0em auto;
      z-index: 1;
  }
  
  #header h1 {
      grid-row: 3 / 5;
  }
  
  #header h2 {
      grid-row: 5;
  }
  
  #header-extra-div-1 {
      width: 100%;
      min-height: 250px;
      background-image: url(https://scp-sandbox-3.wdfiles.com/local--files/queer-q/9kRender.png);
      background-position-x: calc(53% + 50px);
      background-position-y: 112px;
      background-size: 9em;
      background-repeat: no-repeat;
      position: absolute;
      filter: opacity(0.25);
      animation: fade-inHeader 600s linear;
      z-index: 0;
      transform: scaleX(-1);
      pointer-events: none;
  }
  
  @keyframes fade-inHeader {
    0% { opacity: 0; }
    20% { opacity: 0.05; }
    40% { opacity: 0.1; }
    60% { opacity: 0.15; }
    80% { opacity: 0.2; }
    100% { opacity: 0.25; }
  }
  
  #container {
      background: url(https://scp-sandbox-3.wikidot.com/local--files/queer-q/trianglify-lowres.png);
      background-repeat: round;
      background-position-x: left;
      background-position-y: 26em;
      background-size: 40em;
      background-blend-mode: multiply;
      background-color: #1b1b1d;
  }
  
  #page-content {
      color: white;
      font-family: 'Martian Mono';
      font-weight: 200;
  }
  
  #page-content th {
      color: black;
  }
  
  h1, h2, h3, h4, h5, h6 {
      font-family: 'Martian Mono';
  }
  
  .scp-image-block {
      margin-top: 1.5em;
      border-width: 2px;
  }
  
  .blockquote .scp-image-block .scp-image-caption {
      background-color: rgba(255,255,255,0.1);
  }
  
  #page-content .scp-image-block .scp-image-caption {
      background-color: rgba(255,255,255,0.1);
  }
  
  /* Adasba's Timer Code */
  
  /* Order is: 1,234,567 */
  
  .timer-main br {
    display: none;
  }
  
  @keyframes timer {
    0% { content: "0"; }
    10% { content: "1"; }
    20% { content: "2"; }
    30% { content: "3"; }
    40% { content: "4"; }
    50% { content: "5"; }
    60% { content: "6"; }
    70% { content: "7"; }
    80% { content: "8"; }
    90% { content: "9"; }
    100% { content: "9"; }
  }
  
  @keyframes timer1 {
    0% { content: "5"; }
    10% { content: "6"; }
    20% { content: "7"; }
    30% { content: "8"; }
    40% { content: "9"; }
    50% { content: "0"; }
    60% { content: "1"; }
    70% { content: "2"; }
    80% { content: "3"; }
    90% { content: "4"; }
    100% { content: "4"; }
  }
  
  @keyframes timer2 {
    0% { content: "2"; }
    10% { content: "3"; }
    20% { content: "4"; }
    30% { content: "5"; }
    40% { content: "6"; }
    50% { content: "7"; }
    60% { content: "8"; }
    70% { content: "9"; }
    80% { content: "0"; }
    90% { content: "1"; }
    100% { content: "1"; }
  }
  @keyframes timer3 {
    0% { content: "3"; }
    10% { content: "4"; }
    20% { content: "5"; }
    30% { content: "6"; }
    40% { content: "7"; }
    50% { content: "8"; }
    60% { content: "9"; }
    70% { content: "0"; }
    80% { content: "1"; }
    90% { content: "2"; }
    100% { content: "2"; }
  }
  @keyframes timer6 {
    0% { content: "1"; }
    10% { content: "2"; }
    20% { content: "3"; }
    30% { content: "4"; }
    40% { content: "5"; }
    50% { content: "6"; }
    60% { content: "7"; }
    70% { content: "8"; }
    80% { content: "9"; }
    90% { content: "0"; }
    100% { content: "0"; }
  }
  @keyframes timer7 {
    0% { content: "7"; }
    10% { content: "8"; }
    20% { content: "9"; }
    30% { content: "0"; }
    40% { content: "1"; }
    50% { content: "2"; }
    60% { content: "3"; }
    70% { content: "4"; }
    80% { content: "5"; }
    90% { content: "6"; }
    100% { content: "6"; }
  }
  
  @keyframes fade-in {
    0% { opacity: 0; }
    100% { opacity: 1; }
  }
  
  .timer-main {
    display: inline-flex;
    :is(.digit1,.digit2,.digit3,.digit,.digit6,.digit7) { font-size: 0; }
  }
  
  .timer-main .digit1::after {
    animation: timer1 calc(var(--period) * 50) steps(1, end) infinite, fade-in 1ms steps(1, end);
    content: "";
    font-size: 1rem;
    animation-delay: -35s;
  }
  .timer-main .digit2::after {
    animation: timer2 calc(var(--period) * 50) steps(1, end) infinite, fade-in 1ms steps(1, end);
    content: "";
    font-size: 1rem;
    animation-delay: -35s;
  }
  .timer-main .digit3::after {
    animation: timer3 calc(var(--period) * 50) steps(1, end) infinite, fade-in 1ms steps(1, end);
    content: "";
    font-size: 1rem;
    animation-delay: -35s;
  }
  .timer-main .digit::after {
    animation: timer calc(var(--period) * 50) steps(1, end) infinite, fade-in 1ms steps(1, end);
    content: "";
    font-size: 1rem;
    animation-delay: -35s;
  }
  
  .timer-main .digit6::after {
    animation: timer6 calc(var(--period) * 50) steps(1, end) infinite, fade-in 1ms steps(1, end);
    content: "";
    font-size: 1rem;
    animation-delay: -35s;
  }
  .timer-main .digit7::after {
    animation: timer7 calc(var(--period) * 50) steps(1, end) infinite, fade-in 1ms steps(1, end);
    content: "";
    font-size: 1rem;
  }
  
  .translation .collapsible-block {
      margin-top: 0.8em;
      text-align: right;
      font-size: 0.9em;
  }
  
  .translation .collapsible-block a {
      color: #bdbdc2;
      text-shadow: 0 0 blue;
  }
  
  
  .cbMode:has(.collapsible-block-unfolded[style="display: none;"]), .cbMode:has(.collapsible-block-unfolded[style="display:none"]) {
      border: 2px solid var(--lighter-color) !important;
      filter: contrast(0.7);
  }
  
  .engText, .latinText {
      display: none;
  }
  
  .translation:has(.collapsible-block-unfolded[style="display: none;"]) .engText, .translation:has(.collapsible-block-unfolded[style="display:none"]) .engText {
      display: block;
      margin-top: 0.5em;
  }
  
  .translation:has(.collapsible-block-folded[style="display: none;"]) .latinText, .translation:has(.collapsible-block-folded[style="display:none"]) .latinText {
      display: block;
      margin-top: 0.5em;
  }
  
  #page-content table.wiki-content-table td {
      padding: 0.5em 0.7em;
  }
  
  /* Table Formatting for Mobile */
  @media (max-width: 750px) {
      #page-content table.wiki-content-table th {
          display: none;
      }
      #page-content table.wiki-content-table tr td:nth-child(odd) {
          color: black;
          background-color: #EEE;
          font-weight: bold;
          text-align: -internal-center;
      }
      #page-content table.wiki-content-table tr td {
          display:block;
      }
      #page-content .blockquote > .blockquote, .specialNote {
          margin: 1em 1.5em;
      }
  }
  
  .ratingModuleAlign {
      text-align: right;
      margin-bottom: -1em;
      margin-top: 0.5em;
  }
  

  Pages using this styling

  • scp-9900 [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Inter:wght@300..700&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Crimson+Text:wght@400;600;700&display=swap');
  
  .internal {
    width: 90%;
    margin: 10px auto;
    border-radius: 5px;
    box-shadow: 2px 2px 3px #5e5e5e82;
    overflow: hidden;
    border: 2px solid #1a1a1a;
    background: white;
    padding: 10px;
    font-family: "Inter", sans-serif;
    position: relative;
  }
  
  .internal::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 200px;
    height: 200px;
    background-image: url('https://scp-wiki.wdfiles.com/local--files/main/logo_250.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    opacity: 0.07;
    pointer-events: none;
    z-index: 0;
  }
  
  .internal > * {
    position: relative;
    z-index: 1;
  }
  
  .internal-o5 {
    text-align: right;
  }
  
  .internal-o5::before {
    opacity: 0.00;
  }
  
  span.o5-8 {
    font-weight: 800;
    position: relative;
    isolation: isolate
  }
  span.o5-8::before {
    content: "";
    position: absolute;
    inset: 0.1em -0.1em;
    background-color: currentColor;
    opacity: 0.05;
    filter: blur(3px);
    border-radius: 0.5ch;
    z-index: -1;
  }
  

  Pages using this styling

  • scp-9895 [info]

  ¶ 1 occurrence
  

  .textbox {
        border: 3px solid #444444;
        color: black;
        padding: 1em;
        margin: 1em;
  }
  .logs {
      padding: 5px 5px 5px 5px;
      margin-bottom: 10px;
      width: 97.7%;
  }
   
  .logs-header {
      text-align: center;
      border-bottom: 2px solid #444444;
  }
   
  table.dialog {
      border-collapse: collapse;
  }
   
  table.dialog th {
      font-family: var(--display-font);
      padding: 1.1em 1em 0em 1em;
  }
   
  table.dialog td {
      font-family: var(--dialogue-font);
      padding: 1.15em 0em 0em 0.8em;
  }
  
  #page-content table.dialog,
  #page-content table.dialog th,
  #page-content table.dialog td {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    color: inherit !important;
    font-family: inherit !important;
    font-size: inherit !important;
    padding: 0 !important;
  }
  
  #page-content table.dialog {
    width: 100% !important;
    border-collapse: collapse !important;
    background: transparent !important;
    margin: 0 0 1rem 0 !important;
  }
  
  #page-content table.dialog th {
    font-family: var(--display-font), system-ui, sans-serif !important;
    padding: 0.75em !important;
    border-right: 2px solid #444444 !important;
    text-align: left !important;
    width: 18%;
    vertical-align: top;
  }
  
  #page-content table.dialog td {
    font-family: var(--dialogue-font), system-ui, sans-serif !important;
    font-size: 1.15em !important;
    padding: 0.75em !important;
    color: #000 !important;
  }
  
  #page-content table.dialog th,
  #page-content table.dialog td {
    font-size: 1em !important;
  }

  Pages using this styling

  • scp-9890 [info]

  ¶ 1 occurrence
  

  body {
  background-image:linear-gradient(white, #F8C8DC);
  }
  
  .yui-navset .yui-nav a,
  .yui-navset .yui-navset-top .yui-nav a {
      background-color: #F8F0F1; /* tab background */
      border-color:rgba(0,0,0,0);
      color:#000;
  }
  

  Pages using this styling

  • scp-9888 [info]

  ¶ 1 occurrence
  

  
  @import url('https://scp-wiki.wikidot.com/local--files/scp-8980/departuremono.css');
  
  :root {
      --logo: url(https://scp-wiki.wdfiles.com/local--files/scp-8566/urgencelogo.png);
      --header-title: "EMERGENCIES DIVISION";
      --header-subtitle: "NORMALITY PRESERVED";
      --basalt-primary-color: 0, 6, 15;
      --basalt-secondary-color: 0, 7, 22;
      --basalt-tertiary-color: 0, 22, 30;
      --ec-popup-color: 10, 46, 70;
      --basalt-bright-element-color: 16, 47, 184;
      --basalt-dark-element-color: 9, 43, 107;
      --rfr-primary: #E0F6FD;
      --rfr-secondary: lightskyblue;
  }
  
  body {
      background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.8)), url("https://scp-wiki.wdfiles.com/local--files/scp-9880/smallblock.png");
      background-position: center, center;
      background-size: cover;
      background-attachment: scroll, fixed;
  }
  
  b, strong {
      font-weight: 800;
  }
  
  table {
      box-sizing: border-box;
  }
  
  .content-warning {
      font-size: 85%;
      translate: 0px -5px;
  }
  
  #top-bar div[class*="top-bar"] > ul > li > a {
      font-size: 115%;
  }
  
  .page-title {
      border-bottom: solid 1px #424248;
      font-weight: normal;
      margin: 0 0 0.6em;
      padding: 0 0 0.25em;
      font-size: 200%;
      font-family: var(--title-font);
  }
  
  .page-title p {
      margin: 0;
  }
  
  #breadcrumbs, .pseudocrumbs {
      margin: auto;
      width: fit-content;
      padding-bottom: 5px;
      opacity: 0.8;
  }
  
  #page-content .yui-content div {
      overflow: hidden;
  }
  
  #page-content div:is(.document, .darkdocument) {
      max-width: 50rem;
  }
  
  div:is(.document, .darkdocument)::before, div:is(.document, .darkdocument)::after {
      position: relative !important;
  }
  
  div.blockquote {
      background-color: #0f0f0f;
  }
  
  div.blockquote.light {
      background-color: #2b2b2b;
  }
  
  .red-text {
      color: red;
  }
  
  .licensebox .collapsible-block-link {
      opacity: 0.5;
      transition-duration: 0.3s;
  }
  
  .licensebox .collapsible-block-link:hover {
      opacity: 1;
      transition-duration: 0.3s;
  }
  
  @media (max-width: 430px) {
      :where(#page-content) table {
          width: fit-content;
      }
  }
  

  Pages using this styling

  • scp-9880 [info]

  ¶ 1 occurrence
  

  :root{
  --header-title: "SCP CONSULATE";
  --header-subtitle: "Secure, Contain, Prosper";
  }
  #page-content .foo div.collapsible-block-unfolded-link {
   display: none;
  }

  Pages using this styling

  • scp-9877 [info]

  ¶ 1 occurrence
  

  #page-content .blockquote {
      background: rgba(255,255,255,0.1);
      border-style: solid;
  }
  .page-rate-widget-box,
  .footer-wikiwalk-nav,
  #page-options-container,
  #header,
  #footer,
  #edit-page-form,
  #history-form-1,
  #page-source,
  #action-area {
    position: relative;
    z-index: 3;
  }
  .frost img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .frost {
    animation-duration: 600s;
    animation-delay: 0s;
    animation-fill-mode: forwards;
    opacity: 0;
    width: 100vw;
    height: 100vh;
    margin: 0;
    padding: 0;
    overflow: hidden;
    position: fixed;
    top: 0;  
    left: 0;
    z-index: 2;
    pointer-events: none;
    user-select: none;
   animation-name: poof;
  }
  @keyframes poof {
    from {opacity: 0;}
    to {opacity: 0.7;}
  }
  
  .blockquote {
  width: 95%;
  margin: 0 !important
  }
  
  @media (max-width: 768px) {
    .frost {
      display: none;
    }
    #page-content {
      padding-left: 0 !important;
      padding-right: 0 !important;
    }
  .blockquote {
  width: 90%;
  }
  }

  Pages using this styling

  • scp-9870 [info]

  ¶ 1 occurrence
  

  .document-box {
    background-color: #f8f5e6;
    border: 1px solid #d4b483;
    border-left: 6px solid #8b4513;
    padding: 20px;
    margin: 30px 10px;
    font-family: 'Georgia', 'Times New Roman', serif;
    color: #333;
    box-shadow: 3px 3px 10px rgba(0,0,0,0.08);
  }
  
  .document-header {
    text-align: center;
    font-weight: bold;
    font-size: 1.1em;
    border-bottom: 1px dashed #d4b483;
    padding-bottom: 10px;
    margin-bottom: 15px;
  }
  
  .document-text {
    line-height: 1.7;
  }
  
  .document-signature {
    margin-top: 25px;
    text-align: right;
    font-style: italic;
    border-top: 1px dashed #d4b483;
    padding-top: 10px;
  }

  Pages using this styling

  • scp-9864 [info]

  ¶ 1 occurrence
  

   :root{
  --logo: url(https://scp-wiki.wdfiles.com/local--files/scp-8253/logoUTS.png);
  --title: "UNORTHODOX SOLUTIONS";
  --subtitle: "It's a lonely night out there.";
  }

  Pages using this styling

  • scp-9841 [info]

  ¶ 1 occurrence
  

  .estrella-paper {
  color: black;
  }

  Pages using this styling

  • scp-9835 [info]

  ¶ 1 occurrence
  

  #page-title {
    display: none;
  }
  
  .meta-title {
    border-bottom: solid 1px #bbbbbb;
    color: #FFFFFF;
    font-weight: normal;
    margin: 0 0 0.6em;
    padding: 0 0 0.25em;
    font-size: 200%;
  }
  
  .meta-title p {
    margin: 0;
  }

  Pages using this styling

  • scp-9831 [info]

  ¶ 1 occurrence
  

  /* //// When you want to add new "records", //// */
  /* //// add new "options" like the following format. //// */
  .r1 {animation-delay: .5s;}
  .r2 {animation-delay: 9s;}
  .r3 {animation-delay: 18s;}
  .r4 {animation-delay: 27s;}
  .r5 {animation-delay: 36s;}
  .r6 {animation-delay: 45s;}
  .r7 {animation-delay: 54s;}
  .r8 {animation-delay: 63s;}
  .r9 {animation-delay: 72s;}
  .r10 {animation-delay: 81s;}
  .r11 {animation-delay: 90s;}
  .r12 {animation-delay: 99s;}
  
  
  
  .tape-wrap .collapsible-block-unfolded-link .collapsible-block-link
  {animation-delay: calc(0s + 0s);}
  
  .tape-record {position: relative;height: 6em;pointer-events: none;}.record {display: block;position: absolute;width: 100%;animation-name: record;animation-duration: 9s;opacity: 0;top: 0;text-align: center;}.tape-wrap {position: relative;background-color: rgba(244, 244, 244, 1);border: 1px dashed #999;padding: 0 1em;}.tape-anim {position: relative;background-image: url("https://unofficial-scp-sandbox-jp.wikidot.com/local--files/iroiro-workshop-8/DoxYSJAV4AET63r.png");background-size: 200px;background-position: center center;background-repeat: no-repeat;min-height: 300px;}.tape-left,.tape-right {display: block;position: absolute;margin: auto;height: 0;width: 70px;padding-bottom: 100%;background-image: url("https://unofficial-scp-sandbox-jp.wikidot.com/local--files/iroiro-workshop-8/scp_trans.png");background-size: contain;background-position: center center;background-repeat: no-repeat;pointer-events: none;}.tape-left {top: -20px;bottom: 0;left: -70px;right: 0;animation-name: spin1;animation-duration: 105s;animation-timing-function: linear;animation-fill-mode: forwards;}.tape-right {top: 0;bottom: -32px;left: 0;right: -72px;animation-name: spin1;animation-duration: 105s;animation-timing-function: linear;animation-fill-mode: forwards;}.tape-wrap .collapsible-block-unfolded-link {padding-top: 1em;}.tape-wrap .collapsible-block-folded,.tape-wrap .collapsible-block-unfolded-link {position: relative;text-align: center;}.tape-wrap .collapsible-block-link:before {display: inline-block;font: normal normal normal 14px/1 FontAwesome;font-size: inherit;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;transform: translate(0, 0);}.tape-wrap .collapsible-block-folded .collapsible-block-link:before {content: "\f04b";}.tape-wrap .collapsible-block-unfolded-link .collapsible-block-link:before {content: "\f1da";}.tape-wrap .collapsible-block-unfolded-link .collapsible-block-link {animation-name: g-ex;animation-duration: 1s;animation-fill-mode: forwards;visibility: hidden;opacity: 0;}.tape-wrap .collapsible-block-folded {padding-top: 1em;padding-bottom: 1em;}@keyframes g-ex {50% {visibility: visible;opacity: 0;}100% {visibility: visible;opacity: 1;}}@keyframes spin1 {0% {transform: rotate(0deg);}100% {transform: rotate(360deg);}}@keyframes record {0% {opacity: 0;}25% {opacity: 1;}75% {opacity: 1;}100% {opacity: 0;}}@-moz-document url-prefix() {.tape-anim {height: 300px;}.tape-left,.tape-right {display: block;width: 70px;height: 70px;position: relative;margin: 0 auto;padding: 0 auto;}.tape-left {top: 105px;bottom: initial;left: -36px;}.tape-right {top: 60px;bottom: initial;left: 35px;}}

  Pages using this styling

  • scp-9816 [info]

  ¶ 1 occurrence
  

  #page-title {
      visibility:hidden;X
  }
  

  Pages using this styling

  • scp-9811 [info]

  ¶ 1 occurrence
  

  //There is probably a better way to do this, but I'm stupid
  .danke{
  padding: 5px 5px 5px 15px;
  margin-bottom:10px;
  width: 100%;
  box-sizing: border-box;
  font-family: bedstead;
  font-size: 1.1em; }
  
  .agent{
  background-color:#011206;
  border: 3px dashed #17E610;
  color: #17E610;
  }
  
  .leck{
  padding: 5px 5px 5px 15px;
  margin-bottom:10px;
  width: 100%;
  box-sizing: border-box;
  font-family: Jost;
  font-size: 1.0em; }
  
  .agent{
  background-color:#011206;
  border: 3px dashed #17E610;
  color: #17E610;
  }
  
  .agent{
  background-color:#011206;
  border: 3px dashed #17E610;
  color: #17E610;
  }
  
  .site{
  background-color:#222200;
  border: 2px solid #e5e30f;
  color: #DDDD77;
  }
  
  .heck{
  padding: 5px 5px 5px 15px;
  margin-bottom:10px;
  width: 100%;
  box-sizing: border-box;
  font-family: jost;
  font-size: 0.9em; }
  
  .site{
  background-color:#222200;
  border: 3px solid #e5e30f;
  color: #DDDD77;
  }
  
  .translucent { color: rgba(248,248,248,0.29); }
  .transparent { color: rgba(248,248,248,0); }
  
  #page-content div:is(.document, .darkdocument) {
      max-width: 45rem;
  }
  
  div:is(.document, .darkdocument) {
      display: block;
      margin-inline: auto;
      margin-block: 1.5em;
      padding: 1.5rem;
      position: relative;
      --posX: -20vw;
  }
  
  div.document {
      background-color: rgb(var(--document-background-color));
      box-shadow: 0px 1px 1.9px -4px rgba(0, 0, 0, 0.1), 0px 6px 15px -4px rgba(0, 0, 0, 0.2);
      color: rgb(50, 50, 53);
  }
  
  div.darkdocument {
      background-color: rgb(var(--darkdocument-background-color));
      box-shadow: 0px 1px 1.9px -4px rgba(0, 0, 10, 0.8), 0px 6px 15px -4px rgba(0, 0, 7, 0.9);
      color: rgb(195, 195, 200);
  }
  
  div:is(.document, .darkdocument)::before,
  div:is(.document, .darkdocument)::after {
      content: "";
      height: 98%;
      position: absolute;
      width: 98%;
      z-index: -1;
  }
  
  div:is(.document, .darkdocument)::before {
      left: -5px;
      top: 4px;
      transform: rotate(-2.5deg);
  }
  
  div:is(.document, .darkdocument)::after {
      right: -3px;
      top: 1px;
      transform: rotate(1.4deg);
  }
  
  div:is(.document)::before,
  div:is(.document)::after {
      background-color: rgb(var(--document-background-color));
  }
  
  div:is(.darkdocument)::before,
  div:is(.darkdocument)::after {
      background-color: rgb(var(--darkdocument-background-color));
      opacity: 90%;
  }
  
  div.document::before {
      box-shadow: 0px 1px 1.9px -4px rgba(0, 0, 0, 0.1), 0px 6px 15px -4px rgba(0, 0, 0, 0.1);
  }
  
  div.document::after {
      box-shadow: 0px 1px 1.9px -4px rgba(0, 0, 0, 0.1), 0px 6px 15px -4px rgba(0, 0, 0, 0.05);
  }
  
  div.darkdocument::before {
      box-shadow: 0px 1px 1.9px -4px rgba(0, 0, 10, 0.8), 0px 6px 15px -4px rgba(0, 0, 7, 0.9);
  }
  
  div.darkdocument::after {
      box-shadow: 0px 1px 1.9px -4px rgba(0, 0, 10, 0.8), 0px 6px 15px -4px rgba(0, 0, 7, 0.05);
  }
  
  @media only screen and (max-width: 1020px) {
  
      div:is(.document, .darkdocument)::before,
      div:is(.document, .darkdocument)::after {
       display: none;
      }
  }
  .email {
      background: #011206;
      border: solid 2px rgb(var(--medium-accent));
      width: 90%;
      padding: 10px;
      margin: auto;
      box-shadow: 0 1px 3px rgba(0, 0, 0, .5)
  }
  .tofrom {
      border-left: 3px solid #17e624;
      padding-left: 1em;
      margin: 1em;
  }

  Pages using this styling

  • scp-9808 [info]

  ¶ 1 occurrence
  

  #u-default {
    display: block;
  }
  
  #u-offset1-content {
    display: none;
  }
  
  :has(#u-offset1:target) #u-default {
    display: none;
  }
  
  :has(#u-offset1:target) #u-offset1-content {
    display: block;
  }
  
  .footnotes-footer {
    display: none;
  }
  
  

  Pages using this styling

  • scp-9800 [info]

  ¶ 1 occurrence
  

  
  :root {
      --header-subtitle: "Secure, Contain, Protect";
      --color: #000000;
      --cutColour: #000000;
      --barColour: #590505;
      --timeScale: 1;
      --timeDelay: 1s;
      --accentColor: 224, 57, 52;
      --dark-gray-monochrome: 15, 15, 25;
      --black-monochrome: 5, 5, 20;
  }
  
  .definition {
      font-family: 'EB Garamond', serif;
      font-size: 140%;
      margin: 8rem 1rem;
      color: white;
  }
  
  .alert {
    color: #FF5C00;
    font-family: monospace;
    background: #00000080;
    padding: 0.3rem 1rem;
    border: 2px solid #FF5C00;
    border-left: 10px #FF5C00;
    font-size: 1.05rem;
  }
  
  
  .pulsate {
      -webkit-animation: pulsate 3s ease-in-out;
      -webkit-animation-iteration-count: infinite;
  }
  
  @-webkit-keyframes pulsate {
    0%   { opacity:0.6; }
    20%  { opacity:1; }
    60%  { opacity:1; }
    100% { opacity:0.4; }
  }
  
  .scramble-terminal{
    background:#eef2ea;
    border:2px solid #4b5d4b;
    padding:12px;
    font-family:monospace;
    color:#111;
    line-height:1.45;
  }
  
  /* each line is a block processed independently */
  .scramble-line{
    display:block;
    min-height:1.2em; /* prevents layout jump while animating */
    white-space:pre-wrap;
    overflow:hidden;
  }
  
  /* small styling for corrupted look if you want to show a glyph layer */
  .scramble-glyph {
    color:#111;
    opacity:0.85;
    letter-spacing:0.02em;
  }
  
  .full-width-panel{
  width:100vw;
  margin-left:calc(50% - 50vw);
  background:#0f0f19;
  border-top:3px solid #590505;
  border-bottom:3px solid #590505;
  padding:20px;
  color:#e6e6e6;
  font-family:monospace;
  }
  .status-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:10px;
  margin-top:10px;
  }
  .status-cell{
  background:#141424;
  border:1px solid #333;
  padding:10px;
  text-align:center;
  }
  
  
  /* --- SITE MONITOR PANEL --- */
  
  .site-monitor{
  background:#0f0f19;
  border:1px solid #333;
  border-radius:8px;
  padding:16px;
  margin:20px 0;
  font-family:monospace;
  color:#ddd;
  box-shadow:0 0 15px rgba(0,0,0,.6);
  }
  
  .monitor-title{
  font-size:0.85rem;
  letter-spacing:.15em;
  color:#aaa;
  margin-bottom:12px;
  }
  
  /* individual metric */
  
  .monitor-row{
  margin:8px 0;
  }
  
  .monitor-label{
  font-size:0.7rem;
  color:#888;
  margin-bottom:2px;
  letter-spacing:.08em;
  }
  
  .monitor-bar{
  height:6px;
  background:#1b1b30;
  border-radius:4px;
  overflow:hidden;
  }
  
  .monitor-fill{
  height:100%;
  border-radius:4px;
  }
  
  /* status colors */
  
  .status-green{
  background: linear-gradient(90deg,#00ff9c,#007a52);
  }
  
  .status-yellow{
  background: linear-gradient(90deg,#ffd24d,#a87c00);
  }
  
  .status-red{
  background: linear-gradient(90deg,#ff5c5c,#7a0000);
  }
  
  .status-purple{
  background: linear-gradient(90deg,#9b7bff,#4b2d9b);
  }
  
  .status-red{
  background: linear-gradient(90deg,#ff5c5c,#7a0000);
  animation: riskpulse 3s infinite;
  }
  
  @keyframes riskpulse{
  0%{opacity:1;}
  50%{opacity:0.7;}
  100%{opacity:1;}
  }
  
  
  .acs-meta{
  background:#0f0f19;
  border:1px solid #333;
  border-radius:6px;
  padding:12px;
  margin:12px 0;
  font-family:monospace;
  color:#ddd;
  }
  
  .acs-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
  }
  
  .acs-block{
  background:#151528;
  padding:8px 10px;
  border-radius:4px;
  border:1px solid #2a2a44;
  }
  
  .acs-label{
  font-size:0.65rem;
  letter-spacing:.12em;
  color:#888;
  }
  
  .acs-value{
  font-size:0.85rem;
  color:#e6e6e6;
  }
  
  /* addendums */
  
  /* Base log header */
  
  .log-header{
  padding:6px 10px;
  margin:24px 0 8px 0;
  border-radius:4px;
  font-family:monospace;
  font-size:0.85rem;
  letter-spacing:.08em;
  color:#e6e6e6;
  box-shadow:0 0 8px rgba(0,0,0,.35);
  display:flex;
  justify-content:space-between;
  align-items:center;
  position:relative;
  overflow:hidden;
  }
  
  /* metadata */
  
  .log-meta{
  font-size:0.65rem;
  opacity:.85;
  color:#d0d0d0;
  }
  
  /* Interview logs */
  
  .log-interview{
  border-left:3px solid #e03a34;
  background:linear-gradient(
  90deg,
  rgba(224,58,52,0.85) 0%,
  rgba(224,58,52,0.45) 35%,
  rgba(224,58,52,0) 100%
  );
  }
  
  /* Event logs */
  
  .log-event{
  border-left:3px solid #9b7bff;
  background:linear-gradient(
  90deg,
  rgba(155,123,255,0.85) 0%,
  rgba(155,123,255,0.45) 35%,
  rgba(155,123,255,0) 100%
  );
  }
  
  /* Email logs */
  
  .log-email{
  border-left:3px solid #fac507;
  background:linear-gradient(
  90deg,
  rgba(250,197,7,0.85) 0%,
  rgba(250,197,7,0.45) 35%,
  rgba(250,197,7,0) 100%
  );
  }
  
  /* Information */
  
  .log-info{
  border-left:3px solid #f2a03d;
  background:linear-gradient(
  90deg,
  rgba(242,160,61,0.85) 0%,
  rgba(242,160,61,0.45) 35%,
  rgba(242,160,61,0) 100%
  );
  }
  
  /* Other logs */
  
  .log-other{
  border-left:3px solid #4fa7ff;
  background:linear-gradient(
  90deg,
  rgba(79,167,255,0.85) 0%,
  rgba(79,167,255,0.45) 35%,
  rgba(79,167,255,0) 100%
  );
  }
  
  
  /* conversation thread spine */
  
  .email-thread{
  background:#0f0f19;
  border:1px solid #333;
  border-top:4px solid #590505;
  border-radius:8px;
  padding:16px 16px 16px 26px;
  margin:18px 0;
  box-shadow:0 0 18px rgba(0,0,0,.6);
  position:relative;
  }
  
  /* vertical conversation line */
  
  .email-thread::before{
  content:"";
  position:absolute;
  left:12px;
  top:55px;
  bottom:12px;
  width:2px;
  background:linear-gradient(
  to bottom,
  #f2a03d,
  #9b7bff,
  #4fa7ff,
  #e03934
  );
  opacity:.6;
  }
  
  /* individual email */
  
  .email{
  background:#151528;
  border:1px solid #2a2a44;
  border-radius:6px;
  padding:10px 12px;
  margin-bottom:10px;
  position:relative;
  }
  
  /* connector node */
  
  .email::before{
  content:"";
  position:absolute;
  left:-17px;
  top:16px;
  width:8px;
  height:8px;
  border-radius:50%;
  background:#4fa7ff;
  box-shadow:0 0 0 2px #0f0f19;
  }
  
  /* reply indentation */
  
  .email.reply{
  margin-left:22px;
  }
  
  /* header layout */
  
  .email-header{
  display:flex;
  align-items:center;
  gap:8px;
  font-size:.75rem;
  margin-bottom:6px;
  }
  
  /* avatar */
  
  .email-avatar{
  width:22px;
  height:22px;
  border-radius:50%;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size:.65rem;
  font-weight:600;
  color:white;
  flex-shrink:0;
  }
  
  /* palette colours */
  
  .avatar-orange{background:#f2a03d;}
  .avatar-purple{background:#9b7bff;}
  .avatar-blue{background:#4fa7ff;}
  .avatar-red{background:#e03934;}
  .avatar-yellow{background:#ffd24d;}
  
  /* sender */
  
  .email-sender{
  color:#fff;
  font-weight:600;
  }
  
  /* time */
  
  .email-time{
  color:#888;
  margin-left:6px;
  }
  
  /* metadata */
  
  .email-meta{
  font-size:.7rem;
  color:#9aa0a6;
  margin-bottom:8px;
  }
  
  /* body */
  
  .email-body{
  font-size:.85rem;
  line-height:1.45;
  color:#ddd;
  }
  
  /* signature */
  
  .email-signature{
  margin-top:10px;
  padding-top:8px;
  border-top:1px solid #2a2a44;
  font-size:.75rem;
  color:#aaa;
  }
  
  /* interview header */
  
  .interview-meta{
  background:#151528;
  border:1px solid #2a2a44;
  border-left:4px solid rgb(224,57,52);
  border-radius:6px;
  padding:10px 12px;
  margin:10px 0 14px 0;
  font-size:.85rem;
  line-height:1.45;
  }
  
  .interview-title{
  font-weight:600;
  color:#fff;
  margin-bottom:6px;
  }
  
  .interview-meta b{
  color:#888;
  font-weight:500;
  margin-right:6px;
  }
  
  
  

  Pages using this styling

  • scp-9798 [info]

  ¶ 1 occurrence
  

  :root {
     --header-title: "SCP FOUNDATION";
  }
  
  #page-title, .meta-title {
         margin: .5em 0 0.25em;
  }
  

  Pages using this styling

  • scp-9785 [info]

  ¶ 1 occurrence
  

  /*    DoPA Modern Theme           */
  /* [2025 Wikidot Theme Recolor]   */
  /*        Version 1.0             */
  /*                                */
  /*      Based on Basalt           */
  /* by Liryn, Placeholder McD,     */
  /*      and EstrellaYoshte        */
  /*                                */
  /*  Adapted by KatyaStrangelove   */
  
  @import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300..700;1,300..700&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Source+Serif+4:ital,opsz,wght@0,8..60,200..900;1,8..60,200..900&display=swap');
  .cormorant-garamond-regular {
    font-family: "Cormorant Garamond", serif;
    font-optical-sizing: auto;
    font-weight: 300;
    font-style: normal;
  }
  .cormorant-garamond-bold {
    font-family: "Cormorant Garamond", serif;
    font-optical-sizing: auto;
    font-weight: 700;
    font-style: normal;
  }
  .source-serif-4 {
    font-family: "Source Serif 4", serif;
    font-optical-sizing: auto;
    font-style: normal;
  }
  :root {
  
  }
  body {
    font-family: "Source Serif 4", serif;
  }
  h1 {
    font-family: "Cormorant Garamond", serif;
    font-weight: 700;
    text-align: center;
  }
  
  h2 {
    font-family: "Cormorant Garamond", serif;
    font-weight: 700;
    text-align: center;
    color: #1c4587;
  }
  
  h3 {
    font-family: "Cormorant Garamond", serif;
    font-weight: 700;
    text-align: center;
    font-size: 1.4em
  }
  h4 {
    font-family: "Cormorant Garamond", serif;
    font-weight: 700;
    text-align: center;
    font-size: 1.3em
  }
  
  h5 {
     text-align: center;
  }
  
  h6 {
    font-family: "Cormorant Garamond", serif;
    font-weight: 700;
    text-align: center;
    font-size: 1.2em;
  }
  
  #header h1 a {
    display:flex;
    align-items:center;
    height:100%;
    line-height:1.15;
    width:max-content;
    gap:calc(var(--base-header-height) *.125);
    padding-left:calc(var(--base-header-height) *3.2);
    padding-right:calc(var(--base-header-height) *.5);
    letter-spacing:calc(var(--header-UI-font-size) * -.05)
  }
  #header h1 a::before {
    content:'';
    display:block;
    height:100%;
    width:calc(var(--base-header-height) *4);
    min-width:calc(var(--base-header-height) *.75);
    background-image:url('http://scp-sandbox-3.wikidot.com/local--files/katyastrangelovedopatheme/dopa');
    background-size:var(--header-logo-size);
    background-position:center;
    background-repeat:no-repeat
  }
  #header h1 a span {
    font-size:0;
    font-family:var(--header-font);
    display:flex;
    width:max-content;
    height:100%;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    text-align:center
  }
  #header h1 a span::before {
    content: "";
    color:rgb(var(--header-title-color));
    display:block;
    font-size: 0;
    font-weight:700
  }
  #header h1 a span::after {
    content: "";
    color:rgb(var(--header-subtitle-color));
    display:block;
    font-size: 0;
    font-weight:400
  }
  div[class$="_memo"] {
      background-size: cover;
  }
  
  div[class$="_memo"]::before {
      content: var(--memo-heading);
      font-family: "Cormorant Garamond", serif;
      font-weight: 700;
      font-size: 1.3em;
      text-align: center;
      margin: 0 auto 1rem auto;
      display: flex;
      flex-direction: column;
      padding-top: 0.5em;
  }
  
  .table5 {
      --basalt-th-background-color: 150, 20, 20;
  }
  
  
  div.dopa_memo {
      --memo-heading: "NOTICE FROM THE DEPARTMENT OF POLITICAL ANOMALIES";
      --memo-logo: url("http://scp-sandbox-3.wikidot.com/local--files/katyastrangelovedopatheme/housebglight.png");
      --memo-color: 233, 235, 242;
  }
  
  @media only screen and (max-width: 470px) {
   #header h1 a {
    display:flex;
    align-items:center;
    height:100%;
    line-height:1.15;
    width:max-content;
    gap:calc(var(--base-header-height) *.125);
    padding-left:calc(var(--base-header-height) *.5);
    padding-right:calc(var(--base-header-height) *.5);
    letter-spacing:calc(var(--header-UI-font-size) * -.05)
   }
  }

  Pages using this styling

  • scp-9776 [info]

  ¶ 1 occurrence
  

  #u-default {
    display: block;
  }
  
  #u-offset2-content {
    display: none;
  }
  
  :has(#u-offset2:target) #u-default {
    display: none;
  }
  
  :has(#u-offset2:target) #u-offset2-content {
    display: block;
  }

  Pages using this styling

  • scp-9770 [info]

  ¶ 1 occurrence
  

  .show-when-hidden {
    display: none;
  }
  
  :has(.collapsible-toggle .collapsible-block .collapsible-block-unfolded[style*="none"]) 
  .show-when-hidden{ 
    display: block;
  }
  
  .show-when-open {
    display: block;
  }
  
  :has(.collapsible-toggle .collapsible-block .collapsible-block-unfolded[style*="none"])
  .show-when-open {
    display: none;
  }
  
  :root .collapsible-toggle {
    display: none;
  }
  
  :root:has(.collapsible-toggle .collapsible-block .collapsible-block-unfolded[style*="none"])
  .collapsible-toggle {
    display: block;
  }
  

  Pages using this styling

  • scp-9770 [info]

  ¶ 1 occurrence
  

  
  @import url('https://fonts.googleapis.com/css2?family=Silkscreen:wght@400;700&display=swap');
  
    
  .glitch {
    color: white;
    font-family: monospace;
    font-weight: bold;
    animation: paths 5s step-end infinite;
    font-size: 15px;
  }
  
  @keyframes paths {
      0% {
     text-shadow: 0 0 10px white;
    }
  
    9.196094638879975% {
      clip-path: polygon(
        89% 21%,
        50% 31%,
        30% 29%,
        90% 7%,
        79% 46%,
        17% 42%,
        21% 60%,
        31% 53%,
        77% 39%,
        2% 88%,
        48% 2%,
        18% 76%,
        2% 64%,
        87% 90%,
        32% 20%,
        53% 97%,
        19% 86%,
        80% 73%,
        69% 88%,
        76% 68%,
        91% 91%,
        12% 80%,
        77% 15%,
        54% 12%,
        78% 58%,
        93% 18%,
        88% 24%,
        90% 30%,
        67% 76%,
        89% 54%,
        18% 52%,
        96% 49%,
        35% 19%,
        22% 52%,
        38% 7%,
        78% 80%,
        28% 24%,
        78% 58%,
        43% 99%,
        55% 95%,
        80% 85%,
        49% 83%,
        77% 66%,
        23% 49%,
        97% 37%,
        66% 40%,
        61% 8%,
        40% 49%,
        14% 89%,
        56% 10%);
      
    text-shadow: 0 0 10px white, 10px 10px 0px #ff88ffff, 3px -4px 0px #88ff88ff;
    }
  
   13.170498501067213% { clip-path: none; text-shadow: 0 0 10px white;}
  
  27.67556087911762% {
      clip-path: polygon(
        73% 38%,
        53% 27%,
        50% 22%,
        49% 93%,
        83% 7%,
        40% 45%,
        49% 62%,
        0% 17%,
        33% 56%,
        71% 36%,
        59% 86%,
        99% 92%,
        43% 9%,
        48% 62%,
        8% 55%,
        16% 9%,
        58% 1%,
        16% 89%,
        17% 61%,
        98% 91%,
        92% 87%,
        52% 97%,
        29% 95%,
        12% 74%,
        40% 35%,
        83% 96%,
        0% 21%,
        51% 17%,
        86% 24%,
        8% 85%,
        82% 84%,
        60% 70%,
        64% 78%,
        43% 13%,
        2% 98%,
        6% 16%,
        15% 33%,
        42% 64%,
        84% 3%,
        56% 55%,
        42% 12%,
        98% 81%,
        14% 69%,
        1% 96%,
        89% 18%,
        46% 34%,
        65% 0%,
        8% 17%,
        91% 36%,
        21% 24%);
      
    text-shadow: 0 0 10px white, 10px 10px 0px #ff88ffff, 3px -4px 0px #88ff88ff;
    }
  
   29.518176284284955% { clip-path: none; text-shadow: 0 0 10px white;}
  
  45.72699077756346% {
      clip-path: polygon(
        81% 79%,
        25% 5%,
        84% 4%,
        40% 54%,
        81% 17%,
        88% 88%,
        30% 25%,
        46% 6%,
        11% 90%,
        7% 47%,
        67% 2%,
        92% 91%,
        12% 33%,
        76% 75%,
        14% 92%,
        91% 6%,
        85% 60%,
        36% 84%,
        58% 50%,
        43% 53%,
        19% 71%,
        5% 84%,
        83% 11%,
        70% 62%,
        1% 34%,
        87% 11%,
        45% 32%,
        53% 0%,
        73% 6%,
        35% 53%,
        71% 42%,
        12% 51%,
        22% 79%,
        79% 84%,
        3% 7%,
        84% 16%,
        16% 52%,
        81% 92%,
        12% 66%,
        12% 65%,
        43% 89%,
        48% 63%,
        32% 75%,
        1% 40%,
        49% 1%,
        32% 68%,
        42% 33%,
        62% 93%,
        98% 73%,
        46% 48%);
      
    text-shadow: 0 0 10px white, 10px 10px 0px #ff88ffff, 3px -4px 0px #88ff88ff;
    }
  
   49.02075646397905% { clip-path: none; text-shadow: 0 0 10px white;}
  
  69.23840386486273% {
      clip-path: polygon(
        89% 82%,
        44% 73%,
        87% 45%,
        77% 4%,
        33% 15%,
        68% 65%,
        87% 48%,
        87% 14%,
        64% 6%,
        60% 70%,
        2% 50%,
        46% 82%,
        97% 43%,
        30% 54%,
        87% 12%,
        85% 3%,
        34% 99%,
        88% 18%,
        84% 74%,
        95% 26%,
        26% 0%,
        81% 86%,
        97% 14%,
        17% 90%,
        15% 11%,
        29% 13%,
        1% 88%,
        88% 21%,
        29% 13%,
        24% 16%,
        45% 25%,
        69% 39%,
        94% 27%,
        41% 77%,
        23% 46%,
        34% 42%,
        77% 12%,
        19% 53%,
        15% 83%,
        95% 24%,
        47% 82%,
        99% 22%,
        53% 60%,
        47% 7%,
        65% 75%,
        51% 3%,
        85% 32%,
        87% 54%,
        31% 99%,
        90% 51%);
      
    text-shadow: 0 0 10px white, 10px 10px 0px #ff88ffff, 3px -4px 0px #88ff88ff;
    }
  
   72.24388058295439% { clip-path: none; text-shadow: 0 0 10px white;}
  
  82.28860171912386% {
      clip-path: polygon(
        64% 61%,
        32% 7%,
        33% 69%,
        48% 3%,
        3% 54%,
        18% 3%,
        88% 12%,
        54% 7%,
        75% 18%,
        32% 72%,
        45% 87%,
        68% 57%,
        46% 39%,
        27% 39%,
        9% 27%,
        82% 95%,
        31% 24%,
        75% 99%,
        36% 4%,
        31% 21%,
        0% 55%,
        79% 45%,
        14% 38%,
        12% 70%,
        22% 30%,
        96% 2%,
        32% 7%,
        53% 99%,
        9% 4%,
        10% 58%,
        64% 85%,
        73% 2%,
        75% 71%,
        53% 85%,
        40% 58%,
        21% 0%,
        65% 77%,
        22% 73%,
        53% 61%,
        4% 14%,
        81% 0%,
        65% 58%,
        5% 36%,
        96% 41%,
        71% 30%,
        1% 51%,
        78% 9%,
        11% 23%,
        29% 43%,
        10% 10%);
      
    text-shadow: 0 0 10px white, 10px 10px 0px #ff88ffff, 3px -4px 0px #88ff88ff;
    }
  
   84.11954210013462% { clip-path: none; text-shadow: 0 0 10px white;}
  }
  
  .research {
  font-family: Monospace;
  }
  
  .bigtext {
  font-size: 120%;
  }
  
  .block2{
     border:solid 1px rgb(24, 229, 14);
     padding: 10px;
  }
  
  .block3{
     border:solid 1px red;
     padding: 10px;
  }
  
  .larger-text {
  font-size: 189%;
  }
  
  .emoticonlarge {
  font-size: 250%;
  }
  
  .greentext {
  color: #12b509;
  }
  
  .pixeltext {
  font-family:'Silkscreen';
  font-size:120%;
  }
  
  .loading {
    font-size: 100%;
  }
  
  .loading:after {
    overflow: hidden;
    display: inline-block;
    vertical-align: bottom;
    -webkit-animation: ellipsis steps(6,end) 1200ms infinite;      
    animation: ellipsis steps(6,end) 1200ms infinite;
    content: "\2026"; /* ascii code for the ellipsis character */
    width: 0px;
  }
  
  @keyframes ellipsis {
    to {
      width: 1.25em;    
    }
  }
  
  @-webkit-keyframes ellipsis {
    to {
      width: 1.25em;    
    }
  }
  
  .invisible{
     color:transparent;
  }

  Pages using this styling

  • scp-9770 [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Pixelify+Sans:wght@400..700&display=swap');
  
  @import url('https://fonts.googleapis.com/css2?family=Tomorrow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
  
  body {
      font-size: 93%;
  }
  
  #page-content img {
      width: 650px !important;
      display: flex
      justify-content: center
  }
  
  .authorlink-wrapper,
  .authorlink-wrapper + div {
    margin-right: 0 !important; /* needed to override inline styles */
  }
  
  
  .blbf-main > div::before { 
  font-size: 120%; 
  font-family: Liquid Crystal;
  }
  
  .blink{
     animation: blink 1.5s infinite;
     animation-fill-mode: both;
     font-size: 50px;
     text-align: center;
     }
  
  
  @keyframes blink {
     0% { opacity: 0 }
     50% { opacity: 1 }
     100% { opacity: 0 }
  }
  
  
  .blink2 {
    animation: blinker 1s step-start infinite;
  }
  
  @keyframes blinker {
    50% {
      opacity: 0;
    }
  }
  
  .normal-font {
  font-family: Tomorrow;
  color: #EEC643;
  }
  
  .white {
  color: white;
  }
  
  .normal-font2 {
  font-size: 115%;
  }
  
  .zeldatext {
  color: #D175FF;
  }
  
  

  Pages using this styling

  • scp-9770 [info]

  ¶ 1 occurrence
  

  
  :root {
     --lgurl: url(https://scp-wiki.wdfiles.com/local--files/theme%3Afish/fishlogo.png);
     --header-title: "DEEPSEA";
     --header-subtitle: "We Drown in The Dark";
  
  }
  

  Pages using this styling

  • scp-9764 [info]

  ¶ 1 occurrence
  

  :root {
      --general-border-color: 108, 13, 55;
      --new-notation-border-color: 108, 13, 55;
      --new-notation-bg-color: 29, 2, 15;
      --code-background-color: 0, 0, 0;
  }
  
  .containercontainer {position: relative;width: auto;height: auto;border: 2px solid #666;background: #141212;color: #3F3;margin-top: 1em;margin-bottom: 1em;}.containercontainer .container .overlay {background: rgba(51, 255, 51, 0.9);color: #121010;position: absolute;width: auto;height: 50px;top: 0;right: 0;bottom: 0;left: 0;margin: auto;line-height: 50px;display: inline;vertical-align: middle;text-align: center;font-family: Courier New;font-size: 30px;letter-spacing: 5px;font-weight: bolder;z-index: 3;animation: overlay-anim 10s linear;animation-fill-mode: forwards;animation-iteration-count: infinite;}.overlayback {background: rgba(187, 187, 187, 0.5);z-index: 3;position: absolute;top: 0;left: 0;bottom: 0;right: 0;width: auto;height: auto;animation: overlay-anim 10s linear;animation-fill-mode: forwards;animation-iteration-count: infinite;}.containercontainer .container {text-align: center;width: inherit;height: inherit;position: relative;overflow: hidden;}.containercontainer .container::after {content: " ";display: block;position: absolute;top: 0;left: 0;bottom: 0;right: 0;background: rgba(21, 19, 19, 0.2);opacity: 0;z-index: 2;}.containercontainer .container::before {content: " ";display: block;position: absolute;top: 0;left: 0;bottom: 0;right: 0;background: linear-gradient(rgba(18, 16, 16, 0.03) 50%, rgba(0, 0, 0, 0.45) 50%), linear-gradient(90deg, rgba(255, 0, 0, 0.22), rgba(0, 255, 0, 0.11), rgba(0, 0, 255, 0.22));z-index: 2;background-size: 100% 2px, 3px 100%;}.no-unfold {text-align: center;}.container h1,.container h2,.container h3,.container h5,.container h6 {color: #3F3;}.container hr {border-top: 1px dotted #3F3;border-bottom: none;}.container hr {border-top: 1px solid #3F3;border-bottom: 1px solid #3F3;color: transparent;background-color: transparent;}.container hr:after {display: block;margin-top: 2px;border-top: 1px solid #3F3;border-bottom: 1px solid #3F3;}.blinkbar {animation: blink 1.5s infinite; letter-spacing: -0.13em;}@keyframes blink{to{opacity: .0;}}@keyframes overlay-anim {0% {visibility: hidden; }10% {visibility: hidden; }11% {visibility: visible; }50% {visibility: hidden; }100% {visibility: hidden; }}
  
  div.notation{
      font-size:80%;
      border-left: solid 0.25rem rgb(var(--new-notation-border-color));
      border-right: solid 0.25rem rgb(var(--new-notation-border-color));
      background-color: rgb(var(--new-notation-bg-color));
  }
  strong{
      color:#f53370;
  }
  .document strong{
      color:#121212;
  }
  .document hr{
      background-color:#121212;
  }

  Pages using this styling

  • scp-9747 [info]

  ¶ 1 occurrence
  

  /* 
  Hello translators. I appreciate all your hard work. I do have one request for you, should you choose to translate this. Please leave the Spanish as-is. Feel free to run it through a translator and add what it means in a footnote, but please leave the Spanish sections untranslated. Please denote that Everwood is speaking English or Spanish when appropriate.
  
  Also, Everwood being nonbinary is important, so if that was kept I would also appreciate it. Thank you, and please do not hesitate to send me a pm if you need any help with translating or have any questions.
  
  Additionally, if you want to translate the ASCI logo that is found further below into your language, you can find a higher resolution version of it here: https://scp-sandbox-3.wdfiles.com/local--files/nico9k/asci-big.png 
   */
  
  
  
  /* Make superscripts not fuck with the line spacing */
  sup {
    vertical-align: top;
    position: relative;
    top: -0.5em;
  }
  
  /* Haha blue boi */
  .outside {
    margin: 2em -6em;
    padding: 1em 10em;
    --narration-color: rgba(214, 234, 248,1);
    background: var(--narration-color);
    background: linear-gradient(90deg, rgba(255,255,255,0) 0%, var(--narration-color) 20%, var(--narration-color) 80%, rgba(255,255,255,0) 100%);
    z-index: -2;
  }
  
  /* Make the blue bois that are within the document have smaller margins so they break flow less*/
  .outside.inline {
    margin: 1em -6em;
    padding: 1px 10em;
  }
  
  /* Force the side bar to render on top of the blue bois */
  #side-bar {
    z-index: 2;
  }
  
  .twopanel {
      display: flex;
      flex-flow: row wrap;
      justify-content: space-between;
  }
  .bit {
      flex-basis: 48%;
  }
  @media only screen and (max-width: 768px) {
      .twopanel {flex-direction: row-reverse;}
      .bit {flex-basis: 100%;}
  }
  
  .footnotes-footer { 
  display:none;
  }
  
  /* Haha blue boi, or peach boi, courtesy of Croquembouche */
  .peach {
    margin: 2em -6em;
    padding: 1em 10em;
    --narration-color: rgba(255, 204, 204,1);
    background: var(--narration-color);
    background: linear-gradient(90deg, rgba(255,255,255,0) 0%, var(--narration-color) 20%, var(--narration-color) 80%, rgba(255,255,255,0) 100%);
    z-index: -2;
  }
  
  /* Make the peach bois that are within the document have smaller margins so they break flow less*/
  .peach.inline {
    margin: 1em -6em;
    padding: 1px 10em;
  }

  Pages using this styling

  • scp-9726 [info]

  ¶ 1 occurrence
  

  :root{
    --header-title: "Site-⌘";
    --header-subtitle: "Department of Surrealistics";
      --memo-heading: "NOTICE FROM THE RECORDS AND INFORMATION SECURITY ADMINISTRATION";
      --memo-logo: url(https://scp-wiki.wikidot.com/local--files/theme:basalt/RAISA_LIGHTLOGO.png);
      --memo-color: 255, 243, 173;
  }
  
  div#extra-div-1 {
      background-image: url(https://scp-wiki.wdfiles.com/local--files/scp-6445/Surrealistics-Logo.png);
      filter: opacity(20%);
  }
  
  .memo {
      background: var(--memo-logo) rgba(var(--memo-color), 1);
      background-size: contain;
      background-position: top center;
      background-repeat: no-repeat;
      min-height: 4rem;
      margin-inline: auto;
      margin-block: 2rem;
      padding-inline: 20px;
      padding-block: 10px;
      border: solid 2px rgba(0, 0, 0, 0.1);
      text-align: center;
      font-weight: 600;
  }

  Pages using this styling

  • scp-9720 [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400;0,600;1,400Cinzel:wght@500;700&family=Noto+Kufic+Arabic:wght@400;700&family=Share+Tech+Mono&display=swap');
  
  :root {
      --logo: url('https://scp-wiki.wdfiles.com/local--files/oria-hub/oria.png');
      
      --title: "سازمان احیای آثار اسلامی";
      --subtitle: "OFFICE FOR THE RECLAMATION OF ISLAMIC ARTIFACTS";
  
      --basalt-bright-element-color: 20, 105, 40; 
      --basalt-dark-element-color: 10, 75, 25; 
      
      --basalt-alternate-color: 218, 0, 0; 
      
      --persian-gold: 196, 154, 69; 
      
      --basalt-UI-dark-palette: 20, 40, 28; 
      --one-color: 20, 105, 40;
      
      --basalt-UI-dark-palette: 20, 40, 28; 
  
      --one-color: 35, 159, 64;
  
      --hr-color: var(--basalt-alternate-color); 
  }
  
  blockquote, div.blockquote {
      border-left: 4px solid rgb(var(--persian-gold));
      background-color: rgba(var(--persian-gold), 0.08);
  }
  
  .footnotes-footer {
      background-color: rgba(var(--persian-gold), 0.05);
      padding: 1.5rem;
      margin-top: 3rem;
  }
  .footnotes-footer .title {
      background-color: transparent;
      color: rgb(var(--basalt-bright-element-color));
      border-bottom: 2px solid rgb(var(--persian-gold));
      text-transform: uppercase;
      letter-spacing: 2px;
      padding-bottom: 0.5rem;
      margin-bottom: 1rem;
      font-weight: 700;
      display: inline-block;
  }
  
  hr {
      height: 2px;
      background: linear-gradient(90deg, transparent 0%, rgba(var(--persian-gold), 0.8) 46%, transparent 46%, transparent 54%, rgba(var(--persian-gold), 0.8) 54%, transparent 100%);
      border: none;
      overflow: visible;
      position: relative;
      margin: 3rem auto;
  }
  hr::after {
      content: "✦";
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      color: rgb(var(--persian-gold));
      font-size: 1.5rem;
      padding: 0;
      background-color: transparent !important;
      border: none !important;
      border: none;
      box-shadow: none;
      outline: none;
  }
  
  #credit-view hr {
      margin: 1rem auto !important;
  }
  
  .transmission {
      font-family: 'Courier Prime', monospace;
      margin-bottom: 1.5rem;
      border-left: 3px solid rgb(var(--basalt-bright-element-color));
      padding: 10px 15px;
      background-color: rgba(var(--basalt-bright-element-color), 0.2);
      text-align: center; 
  }
  .transmission h1, .transmission h2, .transmission h3, .transmission p {
      font-family: 'Courier Prime', monospace;
      color: rgb(var(--basalt-main-text-color)); 
      border-bottom: none;
      text-transform: uppercase;
      letter-spacing: 1px;
      margin-top: 0;
      text-shadow: none;
      font-weight: 700;
  }
  
  div.stele {
      border: 1px solid rgba(var(--persian-gold), 0.2);
      border-left: 3px solid rgb(var(--persian-gold));
      padding: 1.5rem 2.5rem;
      margin: 2rem auto;
      font-family: 'Lora', serif;
      font-size: 1.05em;
      line-height: 1.6;
      max-width: 45rem;
      background-color: rgba(var(--persian-gold), 0.04);
      box-shadow: inset 0 0 20px rgba(var(--persian-gold), 0.05);
  }
  
  .kufic {
      font-family: 'Noto Kufic Arabic', sans-serif;
      font-weight: 700;
      line-height: 1.8;
  }
  
  div.oria_memo {
      --memo-heading: "سازمان احیای آثار اسلامی";
      --memo-logo: url('https://scp-wiki.wdfiles.com/local--files/oria-hub/oria.png');
      --memo-color: 20, 105, 40;
  }
  
  div.irgc_memo {
      --memo-heading: "سپاه پاسداران انقلاب اسلامی - فرماندهی زاگرس";
      --memo-logo: none; 
      --memo-color: 218, 0, 0;
  }
  
  .log-header {
      background-color: rgba(var(--persian-gold), 0.05);
      border-radius: 2px;
      padding: 1.25rem;
      margin: 0.5rem auto 1.5rem auto;
      text-align: center;
      box-shadow: 0 4px 6px rgba(0,0,0,0.02);
  }
  .log-header h1, .log-header h2, .log-header h3, .log-header h4, .log-header h5 {
      color: rgb(var(--basalt-main-text-color));
      text-transform: uppercase;
      letter-spacing: 1.5px;
      margin-top: 0;
      margin-bottom: 0.75rem;
      border-bottom: 1px solid rgba(var(--persian-gold), 0.3);
      padding-bottom: 0.75rem;
      font-weight: 800;
  }
  .log-header p {
      margin: 0.25rem 0;
      font-size: 0.95em;
  }
  .log-header strong {
      letter-spacing: 0.5px;
      text-transform: uppercase;
      font-size: 0.85em;
  }
  
  .page-rate-widget-box a, 
  .page-rate-widget-box a:hover, 
  .page-rate-widget-box a:focus {
      border-bottom: none;
      box-shadow: none;
      text-decoration: none;
  }
  
  @media (prefers-color-scheme: dark) {
      :root {
          --basalt-bright-element-color: 35, 159, 64;
          --basalt-dark-element-color: 20, 105, 40;
          --basalt-alternate-color: 255, 60, 60;
      }
      hr::after { background-color: rgb(30, 30, 35); }
      blockquote, div.blockquote { background-color: rgba(var(--persian-gold), 0.12); }
      div.stele {
          border-color: #4a3b2c;
          border-left-color: #8c7355;
      }
  }
  @media only screen and (max-width: 768px) {
      #header h1 a span::after {
          white-space: normal;
          font-size: 0.5rem;
          line-height: 1.2;
          max-width: 85%;
          margin-top: 2px;
      }
  }

  Pages using this styling

  • scp-9719 [info]

  ¶ 1 occurrence
  

  .estrella-paper {
    width: 100%
  }
  #header h1 a::before {
    content: "SCP Foundation";
    font-size: 150%;
  }
  #header h2 span::before {
    content: "Fæstna. Beluce. Beorg.";
    font-size: 130%;
  }
  @media (max-width: 407px){
    #header h1 a::before {
      font-size: 113%;
      position: relative;
      
      right: -20%;
      padding: 0px;
    }
    #header h2 span::before {
      font-size: 100%;
      right: -20%;
      position: relative;
      line-height: 1;
      padding: 0px;
    } 
    #header h2 span {
      padding: 0px;
    }
  }
  blockquote, div.blockquote {
    border: solid 2px #000000;
    background: transparent;
    padding: 1.5em;
  }
  
  .email {
    background-color: #FFF;
    border: solid 2px #000000; 
    width: 91%; 
    padding: 1px 15px; 
    margin: 1em; 2em; 
    box-shadow: 0 1px 3px rgba(0,0,0,.5)
  }
  
  .tofrom {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px maroon}
  
  body {
    color: #000;
  }
  h2 {
    font-family: verdana, arial, helvetica, sans-serif;
  }
  

  Pages using this styling

  • scp-9700 [info]

  ¶ 1 occurrence
  

  :root{
     /* -- CENTERED HEADER VARS -- */
     --header-title: "SCP FOUNDATION";
     --header-subtitle: "No Cheese Left Behind";
     --lgurl: url(https://scp-sandbox-3.wdfiles.com/local--files/anyar-9kcon/cheeses_logo.png);
  }
  
  div.blockquote, div.anom-bar, .wiki-content-table {
  cursor: url('https://scp-sandbox-3.wdfiles.com/local--files/anyar-9kcon/mouse_cursor3.png')9 0, auto;
  }
  
  .headshots {
  margin: auto;
  }
  
  .scp-image-block {
  min-width: 0 !important;
  margin-top: 24px !important;
  
  @media only screen and (max-width: 600px) {
  margin: 0 1em 0 0 !important;
  }
  
  .scp-image-caption {
  font-size: 0.7em !important;
  }
  }
  
  blockquote, div.blockquote {
  border-radius: 0 !important;
  }
  
  .scp-image-block img {
  border-radius: 1rem !important;
  }
  
  .last-blockquote {
  background: linear-gradient( to bottom, hsla(36, 57%, 68%, 0.55), hsla(36, 57%, 60%, 0.55) ) !important;
  }
  
  #page-content a {
  padding: 0.067rem !important;
  }
  
  #page-content a:hover {
  padding: 0.067rem !important;
  }
  
  div.ending-image .scp-image-caption {
  display: none;
  }
  
  /* pawprint table */
  .wiki-content-table table {
    border-collapse: collapse;
    width: 100%;
  }
  
  .wiki-content-table tr {
    position: relative;
  }
  
  .wiki-content-table th {
    background: none !important;
    background-color: none !important;
    color: var(--juice) !important;
  }
  
  .wiki-content-table td, th {
    border: none !important;
  }
  
  .wiki-content-table td:not(:last-child), th:not(:last-child) {
    border-right: 1px dotted #000 !important;
  }
  
  .wiki-content-table tr::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 1em;
    background-image: url('https://scp-sandbox-3.wdfiles.com/local--files/anyar-css-testing/pawprint.png');
    background-repeat: repeat-x;
    background-position: top left;
    background-size: auto 0.5em;
  }
  
  .wiki-content-table tr:last-child::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 1em;
    background-image: url('https://scp-sandbox-3.wdfiles.com/local--files/anyar-css-testing/pawprint.png');
    background-repeat: repeat-x;
    background-position: bottom left;
    background-size: auto 0.5em;
  }
  
  .wiki-content-table tr:nth-child(even)::before {
    transform: scaleX(-1);
    transform-origin: center;
  }
  
  .wiki-content-table td, th {
    position: relative;
    z-index: 2;
    padding: 0.92em 0.9em 0.46em 0.9em !important;
    vertical-align: top;
    border: none;
  }
  
  .wiki-content-table tr:last-child td,
  tr:last-child th {
    padding-bottom: 0.92em !important;
  }
  
  .final-paw-trails {
    display: block;
    margin: auto;
    width: 1.3em;
    height: auto;
    transform: rotate(90deg);
  }

  Pages using this styling

  • scp-9682 [info]

  ¶ 1 occurrence
  

  .email {float: center; border: solid 2px #000000; width: 88%; padding: 1px 15px; margin: 10px 10px 10px 10px; box-shadow: 0 1px 3px rgba[0,0,0,.5]}
  a.collapsible-block-link { font-weight: bold; }
  .tofrom {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px maroon}
  

  Pages using this styling

  • scp-9680 [info]

  ¶ 1 occurrence
  

  
  @import url('https://fonts.googleapis.com/css?family=Cinzel');
  @import url('https://fonts.googleapis.com/css?family=Anton');
  @import url('https://fonts.googleapis.com/css?family=Pinyon+Script');
  
  
  div.blocknote {
      display: block;
      margin-inline: auto;
      margin-block: 1.4rem;
      padding-inline: 1.1rem;
      padding-block: 0.9rem;
      background-color: black; 
      border-left: solid 0.25rem gray; 
      border-right: solid 0.25rem gray; 
      color: white; 
  

  Pages using this styling

  • scp-9680 [info]

  ¶ 1 occurrence
  

  .email {background-color: #FFFFFF; color: #333333; border: solid 2px #BBBBBB; width: 88%; padding: 1px 15px; margin: 10px; box-shadow: 0 1px 1px rgba(0,0,0,.5)}

  Pages using this styling

  • scp-9669 [info]

  ¶ 1 occurrence
  

  div#page-content a.collapsible-block-link{
  color: #315B7D;
  font-size: 115%;
  font-weight: bold;
  font-family: "Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica;
  letter-spacing: 1px;
  }
  .O5-email-box {
     border: solid 5px #999999;
     background:#e0d8de;
     padding: 10px;
     margin-bottom: 10px;
  }

  Pages using this styling

  • scp-9666 [info]

  ¶ 1 occurrence
  

  #main-content a {
    color: #ffbebe !important;
  }
  
  #toc-list a {
    color: black !important;
  }

  Pages using this styling

  • scp-9660 [info]

  ¶ 1 occurrence
  

  
  @import url('https://fonts.googleapis.com/css2?family=Courier+Prime:ital,wght@0,400;0,700;1,400;1,700&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap');
  #main-content {
       max-width: 46rem;
  }
  
  body {
     font-size: 0.95em;
  }
  
  
  .courier-prime-regular {
    font-family: "Courier Prime", monospace;
    font-weight: 400;
    font-style: normal;
  }
  
  .courier-prime-bold {
    font-family: "Courier Prime", monospace;
    font-weight: 700;
    font-style: normal;
  }
  
  .courier-prime-regular-italic {
    font-family: "Courier Prime", monospace;
    font-weight: 400;
    font-style: italic;
  }
  
  .courier-prime-bold-italic {
    font-family: "Courier Prime", monospace;
    font-weight: 700;
    font-style: italic;
  }
  
  .ibm-plex-mono-thin {
    font-family: "IBM Plex Mono", monospace;
    font-weight: 100;
    font-style: normal;
  }
  
  .ibm-plex-mono-extralight {
    font-family: "IBM Plex Mono", monospace;
    font-weight: 200;
    font-style: normal;
  }
  
  .ibm-plex-mono-light {
    font-family: "IBM Plex Mono", monospace;
    font-weight: 300;
    font-style: normal;
  }
  
  .ibm-plex-mono-regular {
    font-family: "IBM Plex Mono", monospace;
    font-weight: 400;
    font-style: normal;
  }
  
  .ibm-plex-mono-medium {
    font-family: "IBM Plex Mono", monospace;
    font-weight: 500;
    font-style: normal;
  }
  
  .ibm-plex-mono-semibold {
    font-family: "IBM Plex Mono", monospace;
    font-weight: 600;
    font-style: normal;
  }
  
  .ibm-plex-mono-bold {
    font-family: "IBM Plex Mono", monospace;
    font-weight: 700;
    font-style: normal;
  }
  
  .ibm-plex-mono-thin-italic {
    font-family: "IBM Plex Mono", monospace;
    font-weight: 100;
    font-style: italic;
  }
  
  .ibm-plex-mono-extralight-italic {
    font-family: "IBM Plex Mono", monospace;
    font-weight: 200;
    font-style: italic;
  }
  
  .ibm-plex-mono-light-italic {
    font-family: "IBM Plex Mono", monospace;
    font-weight: 300;
    font-style: italic;
  }
  
  .ibm-plex-mono-regular-italic {
    font-family: "IBM Plex Mono", monospace;
    font-weight: 400;
    font-style: italic;
  }
  
  .ibm-plex-mono-medium-italic {
    font-family: "IBM Plex Mono", monospace;
    font-weight: 500;
    font-style: italic;
  }
  
  .ibm-plex-mono-semibold-italic {
    font-family: "IBM Plex Mono", monospace;
    font-weight: 600;
    font-style: italic;
  }
  
  .ibm-plex-mono-bold-italic {
    font-family: "IBM Plex Mono", monospace;
    font-weight: 700;
    font-style: italic;
  }
  
  
  .courier {
    font-family: "IBM Plex Mono", monospace;
  }
  
  .chart {
     display: grid;
     grid-template-columns: 7em auto;
     grid-template-areas:
        'number effect';
     justify content: center;
     margin: auto;
     padding: 0 0 0 0;
     width: 100%;
     border-top: 1.5px solid #c0c0c0;
     border-bottom: 1.5px solid #c0c0c0;
  }
  
  .number {
       padding-top: 2px;
       padding-bottom: 2px;
       line-height: 0.05em;
       border-right: 1.5px solid #c0c0c0;
       border-top: 0.5px solid #e0e0e0;
       border-bottom: 0.5px solid #e0e0e0;
       padding-left: 5px;
  }
  
  .effect {
       padding-left: 8px;
       padding-top: 2px;
       padding-bottom: 2px;
       line-height: 0.05em;
       border-top: 0.5px solid #e0e0e0;
       border-bottom: 0.5px solid #e0e0e0;
  }

  Pages using this styling

  • scp-9640 [info]

  ¶ 1 occurrence
  

  :root{
  
  
  --header-title: 'Surrealistics + Sundry';
  --header-subtitle: 'STOP MAKING SENSE';
  
   --header-top-gap: 0rem;
    --top-bar-height: 3.75rem;
   --title-size: min(calc(1.5rem + 3.75vw), 4.25rem);
      --subtitle-size: min(calc(0.75rem + 2.75vw), 2.75rem);
  
  
  --basalt-primary-color: 19, 2, 8;
  --basalt-secondary-color:31, 5, 16;
  --basalt-tertiary-color: 49, 5, 30;
  
  --basalt-main-text-color: 255, 130, 116;
  --link-color: 213, 60, 106;
  
  --basalt-overtone: 229,229,229;
  --basalt-undertone:  213, 60, 106;
  
  --basalt-bright-element-color:124, 24, 60;
  --basalt-dark-element-color: 213, 60, 106;
  
  --earthworm-segment-border-color: 255, 130, 116 !important;
  
  --general-border-color: 49, 5, 30;
  --basalt-UI-dark-palette: 124, 24, 60;
  
  --swatch-menubg-black-color: 49, 5, 30;
  --swatch-menutxt-dark-color: 213, 60, 106;
  
  --five-color:  124, 24, 60 !important;
  
  --image-caption-background-color: var(--basalt-bright-element-color);
  
  
  --logo: url(http://scp-wiki.wikidot.com/local--files/scp-9628/logo.png);
  --icon-opacity: 25%;
  
  --page-content-font-size: calc(var(--true-font-size) * .97);
  
  
  
  
  }
  
  
  .authorlink-wrapper > a::before {
      color: rgb(255, 130, 116) !important;
  }
  
  #header {
      contain: initial;
      height: auto;
      min-height: var(--header-final-height);
      position: static;
      background: transparent;
  box-shadow: none;
      grid-template-areas:
          '. . . . .'
          '. search line top-bar user'
          'h-link h-link h-link h-link h-link';
      grid-template-columns: var(--side-bar-button-width) var(--search-button-width) 1fr max-content var(--user-button-width);
      grid-template-rows: var(--header-top-gap) var(--top-bar-height) 1fr;
  backdrop-filter: none;
  
  background-color: #130208;
  background-image: url("data:image/svg+xml,%3Csvg width='48' height='64' viewBox='0 0 48 64' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M48 28v-4L36 12 24 24 12 12 0 24v4l4 4-4 4v4l12 12 12-12 12 12 12-12v-4l-4-4 4-4zM8 32l-6-6 10-10 10 10-6 6 6 6-10 10L2 38l6-6zm12 0l4-4 4 4-4 4-4-4zm12 0l-6-6 10-10 10 10-6 6 6 6-10 10-10-10 6-6zM0 16L10 6 4 0h4l4 4 4-4h4l-6 6 10 10L34 6l-6-6h4l4 4 4-4h4l-6 6 10 10v4L36 8 24 20 12 8 0 20v-4zm0 32l10 10-6 6h4l4-4 4 4h4l-6-6 10-10 10 10-6 6h4l4-4 4 4h4l-6-6 10-10v-4L36 56 24 44 12 56 0 44v4z' fill='%237c183c' fill-opacity='0.1' fill-rule='evenodd'/%3E%3C/svg%3E");border-bottom: 1rem solid #ff8274;
  
  }
   
  #header h1 { grid-template-columns: minmax(0,1fr); }
  #header h1 a {
      justify-content: center;
      width: auto; height: auto;
  text-align: center;
      flex-wrap: wrap;
      pointer-events: none;
      gap: 1rem calc(var(--base-header-height) *.125);
      padding: 1rem;
      box-sizing: border-box;
  }
  #header h1 a::before, #header h1 a span { height: auto; pointer-events: auto; }
  #header h1 a::before {
      width: calc(var(--base-header-height) *1.25);
      aspect-ratio: 1;
      min-width: unset;
      max-width: 100%;
  
  position: absolute;
  left: 50%;
  opacity: var(--icon-opacity);
  transform: translateX(-50%) translateY(-20%);
  }
  
   
  #side-bar::before, #side-bar::after {
      inset: initial;
      left: 0;
      top: var(--header-top-gap);
      height: var(--top-bar-height);
      transition: left var(--side-bar-transition);
  }
  
  #more-options-button{
  color: white;
  }
  
  
  :is(.image-block,.scp-image-block) :is(.image-caption,.scp-image-caption) {
      font-size: .675em;
  }
  
  
  :where(#page-content) table:not(.form), table.wiki-content-table{
  min-width: 100%;
  }
  
  #page-content {
      padding-block: 0em;
  }
  
  
  .collapsible-block .collapsible-block-link {padding: 5px 10px 5px 10px;text-decoration: none;background-color: rgb(var(--basalt-bright-element-color));
  color: white;
  font-size: .75rem;
  border-radius: 100px;
      box-sizing: border-box;
  transition: all .2s ease;
  display: inline-flex;
  }
  
  .notifbox{
  border: rgb(var(--basalt-undertone)) .1rem solid;
   padding: .2rem;
   margin-right:70%;
   background-color: rgb(var(--basalt-secondary-color));
  margin-bottom: 0rem;
  }
  
  .table3 {
  --basalt-th-background-color: var(--basalt-dark-element-color);
  }
  
  
  @media only screen and (max-width: 1024px) {
  :root {
      --header-top-gap: 0rem;
      --main-content-side-margin: calc(0.25rem + 2.25vw);
  }
   
  #header {
      grid-template-areas:
          '. search . user'
          'h-link h-link h-link h-link'
          'top-bar top-bar top-bar top-bar';
      grid-template-columns: var(--side-bar-button-width) var(--search-button-width) 1fr var(--user-button-width);
      grid-template-rows: var(--top-bar-height) 1fr var(--top-bar-height);
  }
   
  
  @media only screen and (max-width: 1290px) {
  
  #top-bar div.mobile-top-bar>.open-menu {
      position: fixed;
      left: 0;
      top: var(--header-top-gap);
      width: var(--side-bar-button-width);
      height: var(--top-bar-height);
      background-color: rgba(213, 60, 106,.5);
      border-radius: 0rem 1rem 1rem 0rem;
      backdrop-filter: blur(4px);
  }
  }
  }
  
  .licensebox a.collapsible-block-link {
  background-color: transparent;
  font-size: 1em;
  padding: 0px;
  }
  
  div.sur_memo {
      --memo-heading: "NOTICE FROM THE DEPARTMENT OF SURREALISTICS";
  --memo-logo: url(http://scp-wiki.wikidot.com/local--files/scp-9628/logo-clear.png);
  --memo-color: 255, 130, 116;
  }
  
  .thin{
  max-width: 47.5rem !important;
  }
  

  Pages using this styling

  • scp-9628 [info]

  ¶ 1 occurrence
  

  .shape-container div {
    height: 3rem;
    width: 3rem;
    background-color: #44dd88;
  }
  
  .shape-container.blue div {
    background-color: #3344bb;
  }
  
  .shape-container.red div {
    background-color: #b22;
  }
  
  .shape-container div div {
    background-color: white;
  }
  
  .shape-container {
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    gap: 0.5rem;
    border: solid 2px #ddd;
    padding: 0.5rem;
    margin: 1rem;
  }
  
  .polygon-standard-1 {
    clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
  }
  
  .polygon-standard-2 {
    clip-path: polygon(50% 0%, 100% 38%, 82% 100%, 18% 100%, 0% 38%);
  }
  
  .polygon-standard-3 {
    clip-path: polygon(50% 0%, 83% 12%, 100% 43%, 94% 78%, 68% 100%, 32% 100%, 6% 78%, 0% 43%, 17% 12%);
  }
  
  .polygon-nonstandard {
    clip-path: polygon(5% 19%, 16% 10%, 11% 69%, 95% 35%, 54% 84%, 52% 13%);;
  }
  
  .polygon-nonstandard-1 {
    clip-path: polygon(22% 2%, 4% 83%, 93% 32%, 7% 33%, 69% 20%, 58% 79%, 6% 54%, 57% 17%);
  }
  
  .polygon-nonstandard-2 {
    clip-path: polygon(71% 22%, 1% 0%, 100% 1%, 99% 100%, 23% 61%);
  }
  
  .polygon-nonstandard-3 {
    clip-path: polygon(50% 0%, 17% 80%, 100% 43%, 15% 21%, 36% 55%, 46% 96%, 76% 18%, 0% 43%, 77% 78%);
  }
  
  .polygon-nonstandard-mold {
    clip-path: polygon(13% 21%, 91% 7%, 8% 55%, 62% 60%, 80% 26%, 78% 78%, 37% 75%, 47% 50%);
    background-color: white!important;
  }
  
  .shape-container .caption.caption {
    flex-basis: 100%;
    background-color: #ddd;
    height: max-content;
    padding: 0.2rem;
    text-align: center;
  }

  Pages using this styling

  • scp-9627 [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Alexandria:wght@100..900&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Alexandria:wght@300&display=swap');
  
  .weapon{
      border:dashed 3px #718aa2;
      text-align: left;
      background:#c8e2ee;
      width:85%;
      padding:1px 15px;
      margin: 10px auto;
  }
  
  .Log{
      border:solid 2px #d4d4d4;
      text-align: left;
      background:#F5F5F5;
      width:85%;
      padding:1px 15px;
      margin: 10px auto;
  }
  
  .broadcast {
      border-left: 3px solid #1a1a1a
  }
  
  .carrington{
    width: 100%;
    margin: 10px auto;
    border-radius: 5px;
    box-shadow: 2px 2px 3px #5e5e5e82;
    overflow: hidden;
  }
  
  .cassettetop {
    --stripe-block: 72px;
    background:
      linear-gradient(90deg,
        #bdbdbd 0 calc(var(--stripe-block)/7),
        #bdbf00 calc(var(--stripe-block)/7) calc(2*var(--stripe-block)/7),
        #00caca calc(2*var(--stripe-block)/7) calc(3*var(--stripe-block)/7),
        #00bd00 calc(3*var(--stripe-block)/7) calc(4*var(--stripe-block)/7),
        #bf37b9 calc(4*var(--stripe-block)/7) calc(5*var(--stripe-block)/7),
        #b91a00 calc(5*var(--stripe-block)/7) calc(6*var(--stripe-block)/7),
        #003dbf calc(6*var(--stripe-block)/7) var(--stripe-block),
        #eaeaea var(--stripe-block)
      );
    text-align: center;
    padding: 10px;
    padding-top: 2px;
    padding-bottom: 2px;
    line-height: 2em;
  }
  
  .cassttetitle {
    font-family: "Alexandria", sans-serif;
    font-weight: 600;
    font-size: 1.6em;
    font-size: 2em;
  }
  
  .cassttetitlesub {
    font-family: "Alexandria", sans-serif;
    font-weight: 500;
    font-size: 1.3em;
  }
  
  .cassttetitle,
  .cassttetitlesub,
  .finboxtitle {
      word-break: keep-all;
      overflow-wrap: normal;
      hyphens: none;
  }
  
  .finbox {
    background: #1a1a1a;
    padding: 15px 10px;
    color: white;
    text-align: center;
    font-family: "Alexandria", sans-serif;
  }
  
  .finboxtitle {
    font-family: "Alexandria", sans-serif;
    font-weight: 500;
    font-size: 1.6em;
  }
  
  .fininterview {
    background: #f7f7f7;
    padding: 15px 20px;
    margin: 15px auto;
    color: black;
    text-align: left;
    --wght: 350;
    word-break: keep-all;
    overflow-wrap: normal;
    hyphens: none;
    font-family: var(--mono-font);
  }
  
  .fininterviewtitle {
      font-family: "Alexandria", sans-serif;
      font-weight: 500;
      font-size: 1.5em;
  }
  
  blockquote,
  div.blockquote {
      border: 0.125rem solid #d4d4d4;
      background-color: #F5F5F5;
  }
  
  @media only screen and (max-width: 600px) {
      .cassttetitle {
          font-size: 1.4em;
      }
  
      .cassttetitlesub {
          font-size: 1.1em;
      }
  
      .finboxtitle {
          font-size: 1.2em;
      }
  
      .cassettetop {
          --stripe-block: 25px;
      }
  
      img {
          width: 500%;
      }
  }
  

  Pages using this styling

  • scp-9616 [info]

  ¶ 1 occurrence
  

  
  .email {float: center; border: solid 2px #000000; width: 88%; padding: 1px 15px; margin: 10px 10px 10px 10px; box-shadow: 0 1px 3px rgba(0,0,0,.5)}
  a.collapsible-block-link { font-weight: bold; }
  .tofrom {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px maroon}

  Pages using this styling

  • scp-9616 [info]

  ¶ 1 occurrence
  

  @media (max-width: 768px) {
    .scp-image-block.block-right {
          margin: 0 0 1em;
    }
  }

  Pages using this styling

  • scp-9606 [info]

  ¶ 1 occurrence
  

  :root {
      --header-title: "PROJECT DAEDALUS";
      --header-subtitle: "Overwatch Emergency Command";
  
      --five-color: var(--medium-accent) !important;
  }
  
  .info-container {
      --barColour: #3C6478;
  }
  
  div.blockquote {
      background: #e7f3fb;
      border: 2px solid #3C6478;
  }
  
  #main-content hr {
      border-top: .0625rem solid rgb(var(--bright-accent));
  }
  
  .start {
      background-color: rgba(var(--swatch-primary-darker), .06);
      padding: 1.5ex 2ch;
      box-shadow: 0px 0px 10px rgba(var(--swatch-primary-darker), .06);
  }
  
  .time {
      margin-top: 5px;
      background-color: #ecf5fc;
  }
  
  .blinking {
      animation: blinkingText 2s infinite;
  }
  
  @keyframes blinkingText {
      from { opacity: 1.0; }
      50% { opacity: 0; }
      to { opacity: 1.0; }
  }
  .enlarge .scp-image-block img {
      transition: .25s;
  }
  
  .enlarge .scp-image-block img:hover {
      transform: scale(1.6);
      transition: .25s;
      transition-delay: .4s;
      z-index: 1000;
  }

  Pages using this styling

  • scp-9600 [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:ital,wght@0,100..700;1,100..700&display=swap');
  
  .chan {
      max-width: 86%;
      background: #eef2ff;
      border: none;
      box-shadow: 1px 1px 4px #5e5e5e82;
      padding: 1px 15px;
      margin: 10px auto;
      display: block;
      font-family: "Arial", sans-serif;
  }
  
  .reply {
      max-width: 70%;
      background: #d6daf0;
      border: none;
      padding: 1px 15px;
      margin: 10px 0 10px 15px;
      border-right: solid 2px #b8c4d9;
      border-bottom: solid 2px #b8c4d9;
      font-family: Arial, sans-serif;
  }
  
  .reddit{
      background:#fafafa;
      box-shadow: 1px 1px 4px #5e5e5e82;
      width:85%;
      padding:1px 15px;
      margin: 10px auto;
      font-family: "IBM Plex Sans", sans-serif;
      font-weight: 300;
  }
  
  .tweet-container {
    font-family: "Segoe UI", "Helvetica Neue", sans-serif;
    max-width: 600px;
    background: #000;
    border: solid 1px #2f3336;
    color: #fff;
    border: 1px solid #2f3336;
    border-radius: 2px;
    padding: 16px;
    box-shadow: 1px 1px 4px #5e5e5e82;
    margin: 10px auto;
  }
  
  .tweet-header {
    display: flex;
    align-items: center;
    margin-bottom: -1.5em;
  }
  
  .tweet-avatar {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    margin-right: 10px;
    object-fit: cover;
  }
  
  .tweet-user {
    font-weight: bold;
    font-size: 1.1em;
  }
  
  .tweet-handle {
    color: #aaa;
    font-size: 1em;
  }
  
  .tweet-body {
    margin: 1em 0 0.5em 0;
    font-size: 1.2em;
    line-height: 1.4em;
  }
  
  .tweet-link-preview {
    display: flex;
    background: #16181c;
    border: 1px solid #2f3336;
    border-radius: 12px;
    overflow: hidden;
    margin-top: 1em;
    min-height: 84px;
    height: auto;
  }
  
  .tweet-link-image {
    width: 140px;
    height: auto;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    flex-shrink: 0;
  }
  
  .tweet-link-text {
    flex: 1;
    padding: 10px 12px;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  
  .tweet-timestamp {
    font-size: 0.85em;
    color: #555;
    margin-top: 1em;
  }

  Pages using this styling

  • scp-9595 [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:ital,wght@0,100..700;1,100..700&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Georgian:wdth,wght@62.5..100,100..900&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Source+Sans+3:wght@400;600;700&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Rakkas&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Rosarivo:ital@0;1&display=swap');
  
  .chan {
      max-width: 86%;
      background: #eef2ff;
      border: none;
      box-shadow: 1px 1px 4px #5e5e5e82;
      padding: 1px 15px;
      margin: 10px auto;
      display: block;
      font-family: "Arial", sans-serif;
  }
  
  .reply {
      max-width: 70%;
      background: #d6daf0;
      border: none;
      padding: 1px 15px;
      margin: 10px 0 10px 15px;
      border-right: solid 2px #b8c4d9;
      border-bottom: solid 2px #b8c4d9;
      font-family: Arial, sans-serif;
  }
  
  .reddit{
      background:#fafafa;
      box-shadow: 1px 1px 4px #5e5e5e82;
      width:85%;
      padding:1px 15px;
      margin: 10px auto;
      font-family: "IBM Plex Sans", sans-serif;
      font-weight: 300;
  }
  
  .imdb {
      background:#fff;
      border-radius:12px;
      padding: 0.5rem 1rem;
      max-width:600px;
      margin:10px auto;
      box-shadow:0 0 4px #c7c7c7;
      font-family:Noto Sans Georgian, sans-serif;
      position:relative;
  }
  
  .imdbtitle {
      font-size: 120%;
  }
  
  .chevron {
      position:absolute;
      top:0.75rem;
      right:1rem;
      color:#999;
      font-size:1.3rem;
      line-height:1;
  }
  
  .dots {
      text-align:right;
      color:#999;
      font-size:1.3rem;
      letter-spacing:1px;
      margin-top:-2rem;
  }
  
  .lbd {
      background: #14181c;
      border-radius: 2px;
      padding: 1rem 1.2rem;
      max-width: 780px;
      width: 90%;
      font-family: 'Source Sans 3', sans-serif;
      color: #9ab;
      display: flex;
      gap: 1.2rem;
      align-items: flex-start;
      margin: 10px auto;
  }
  
  .lbd-poster img {
      width: 90px;
  }
  
    .lbd-body {
      flex: 1;
      padding-top: 0;
  }
  
  .lbd-title-row {
      display: flex;
      align-items: baseline;
  }
  
  .lbd-title {
      font-size: 1.8rem;
      font-weight: 700;
      color: #fff;
      font-family: "Rakkas", serif;
  }
  
  .lbd-year {
      color: #97a8b9;
      font-size: 1.4rem;
      font-family: 'Source Sans 3', sans-serif;
  }
  
  .lbd-meta {
      margin-top: -1.8rem;
      display: flex;
      align-items: center;
      gap: 0.6rem;
      font-size: 0.95rem;
      font-family: 'Source Sans 3', sans-serif;
  }
  
  .lbd-stars { 
      color: #00c030; 
      letter-spacing: -2px; 
      font-size:130%; 
  }
  
  .lbd-heart { 
      color: #e87020; 
  }
  
  .lbd-watched { 
      color: #5f6f7e; 
  }
  
  .lbd-text {
      margin-top: -1rem;
      font-size: 0.9rem;
      line-height: 1.4;
      color: #9ab;
      font-family: "Rosarivo", cursive;
  }
  
  .tweet-container {
    font-family: "Segoe UI", "Helvetica Neue", sans-serif;
    max-width: 600px;
    background: #000;
    border: solid 1px #2f3336;
    color: #fff;
    border: 1px solid #2f3336;
    border-radius: 2px;
    padding: 16px;
    box-shadow: 1px 1px 4px #5e5e5e82;
    margin: 10px auto;
  }
  
  .tweet-header {
    display: flex;
    align-items: center;
    margin-bottom: -1.5em;
  }
  
  .tweet-avatar {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    margin-right: 10px;
    object-fit: cover;
  }
  
  .tweet-user {
    font-weight: bold;
    font-size: 1.1em;
  }
  
  .tweet-handle {
    color: #aaa;
    font-size: 1em;
  }
  
  .tweet-body {
    margin: 1em 0 0.5em 0;
    font-size: 1.2em;
    line-height: 1.4em;
  }
  
  .tweet-link-preview {
    display: flex;
    background: #16181c;
    border: 1px solid #2f3336;
    border-radius: 12px;
    overflow: hidden;
    margin-top: 1em;
    min-height: 84px;
    height: auto;
  }
  
  .tweet-link-image {
    width: 140px;
    height: auto;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    flex-shrink: 0;
  }
  
  .tweet-link-text {
    flex: 1;
    padding: 10px 12px;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  
  .tweet-timestamp {
    font-size: 0.85em;
    color: #555;
    margin-top: 1em;
  }

  Pages using this styling

  • scp-9593 [info]

  ¶ 1 occurrence
  

  .cassettetop{
      display: block;
      border-radius:10px;
      background-image: linear-gradient(90deg, 
          #2a1718 1.14%,
          #3c1e1d 1.14%, 
          #3c1e1d 2.27%, 
          #512626 2.27%, 
          #512626 3.41%, 
          #5b2c29 3.41%, 
          #5b2c29 4.55%, 
          #eaeaea 4.55%, 
          #eaeaea 50%, 
          #2a1718 50%, 
          #2a1718 51.14%, 
          #3c1e1d 51.14%, 
          #3c1e1d 52.27%, 
          #512626 52.27%, 
          #512626 53.41%, 
          #5b2c29 53.41%, 
          #5b2c29 54.55%, 
          #eaeaea 54.55%, 
          #eaeaea 100%
      );
      background-size: 1420.00px 1420.00px;
      width: 95%;
      padding:2px 15px;
  }
  
  @media only screen and (max-width: 440px) {
  .cassettetop{
      display: block;
      border-radius:10px;
      background-image: linear-gradient(90deg, 
          #2a1718 1.07%,
          #3c1e1d 1.07%, 
          #3c1e1d 1.67%, 
          #512626 1.67%, 
          #512626 2.28%, 
          #5b2c29 2.28%, 
          #5b2c29 2.88%, 
          #eaeaea 2.88%, 
          #eaeaea 50%, 
          #2a1718 50%, 
          #2a1718 50.57%, 
          #3c1e1d 50.57%, 
          #3c1e1d 51.17%, 
          #512626 51.17%, 
          #512626 51.78%, 
          #5b2c29 51.78%, 
          #5b2c29 52.38%, 
          #eaeaea 53.55%, 
          #eaeaea 100%
      );
      background-size: 1000.00px 1000.00px;
      width: 95%;
      padding:2px 15px;
      font-size: 85%;
      }
  }
  
  .cassetteout{
      border:solid 2px #070608;
      background:#16151a;
      border-radius:10px;
      width:95%;
      padding:11px 15px;
      padding-bottom:30px;
      margin: 10px auto;
      box-shadow: 1px 1px 4px #5e5e5e82;
  }
  
  .cassettein{
      border:none;
      background:#dfd7c7;
      width:95%;
      padding:7px 15px;
      margin: 10px auto;
      border-radius:10px; 
  }
  
  .left {
      float:left;
      padding-left: 65px;
  }
  
  @media only screen and (max-width: 440px) {
  .left {
      float:left;
      padding-left: 25px;
  }
  }
  
  .right {
       text-align: right;
  }
  

  Pages using this styling

  • scp-9590 [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Courier+Prime&display=swap');

  Pages using this styling

  • scp-9564 [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Kalam:wght@300;400;700&display=swap');
  
  .kalam-light {
    font-family: "Kalam", cursive;
    font-weight: 300;
    font-style: normal;
  }
  
  .kalam-regular {
    font-family: "Kalam", cursive;
    font-weight: 400;
    font-style: normal;
  }
  
  .kalam-bold {
    font-family: "Kalam", cursive;
    font-weight: 700;
    font-style: normal;
  }
  .danke {
      padding: 5px;
      margin-bottom:10px;
      font-family: monospace;
      font-size: 1.1em; 
  }
  
  .agent {
      background-color:#002200;
      border: 3px solid #55AA55;
      color: #77CC77;
  }
  
  .site {
      background-color:#222200;
      border: 3px solid #AAAA55;
      color: #DDDD77;
  }

  Pages using this styling

  • scp-9551 [info]

  ¶ 1 occurrence
  

  :root {
       --header-title: "Site-196";
       --header-subtitle: "Department of Methodology.";
  }

  Pages using this styling

  • scp-9541 [info]

  ¶ 1 occurrence
  

  :root {
    --accentColor: 25, 12, 6;
    --darkColor: 220, 215, 189;
  }

  Pages using this styling

  • scp-9541 [info]

  ¶ 1 occurrence
  

  /*
      Last Frontier Theme
      [2021 Wikidot Theme]
      Created by Vivarium
      Based on Shattered Thoughts Theme created by Yossipossi.
  */
   
   body {
      background-color: #150100;
  }
   
  /* -=- HEADER -=- */
   
  #header h1 a::before {
      content: "SCP-9540";
  }
   
  #header h2::before {
      content: "The Vessel";
      text-shadow: 0rem 0rem 0.3125rem #000000;
  }
   
  /* -=- HEADER BACKGROUND -=- */
   
  div#container-wrap {
      background: url(https://scp-wiki.wikidot.com/local--files/theme:last-frontier/Earth.jpg) top left repeat-x;
      background-size: 100%;
  }
   
  div#header {
      background-image: url('http://scptestwiki.wikidot.com/local--files/sigma:vivarium-test-page/ITTV_LOGO.png');
      background-size: 7.3rem;
      background-position: 3px 29px;
  }
  /* -=- LINKS -=- */
   
  a, a.newpage {
      color: #e3647c;
  }
   
  a:visited {
      color: #d2647c;
  }
   
  /* -=- BLOCKQUOTE -=- */
   
  div.blockquote,
  blockquote {
      background: rgba(135, 0, 9, 0.11);
      border: 0.125rem dotted #865757;
  }
   
  /* -=- RATING MODULE -=- */
   
  .page-rate-widget-box .rate-points,
  .page-rate-widget-box > *,
  .rate-box-with-credit-button {
      background-color: rgba(107, 22, 22, 255) !important;
  }
   
  /* -=- PAGE TITLE AND H1 -=- */
   
  #page-title,
  #action-area h1 {
      color: #ffffff;
      font-weight: bold;
   
  }
   
  /* -=- SEARCH BAR -=- */
   
  #search-top-box-input,
  #search-top-box-input:hover,
  #search-top-box-input:focus {
      background-color: #150100;
  }
   
  #search-top-box-form input[type=submit],
  #search-top-box-form input[type=submit]:hover,
  #search-top-box-form input[type=submit]:focus {
      background-color: #61000d;
   
  }
   
  /* -=- TOP BAR -=- */
   
  #top-bar {
      background: linear-gradient(to right, transparent 25%, transparent 50%, #6b1616 75%, transparent 100%);
  }
   
  #top-bar ul li ul {
      border: 0.0625rem solid #2477ac;
  }
   
  #top-bar ul li a {
      color: #ffffff;
      text-shadow: 0rem 0rem 0.3125rem #000000;
  }
   
  #top-bar ul li:hover a,
  #top-bar ul li:hover ul li a {
      background-color: #611e2c;
  }
   
  #top-bar ul li:hover a:hover {
      background: #8c465a;
  }
   
  #top-bar .open-menu a {
      background-color: #611e2c;
      border-color: #e3647c;
      color: #ffffff;
  }
   
  /* -=- SIDEBAR -=- */
   
  #side-bar .heading {
       color: #ffffff;
  }
   
  #side-bar div.menu-item img {
      background: url("http://scp-wiki.wikidot.com/local--files/theme:last-frontier/Diamond.png");
  }
   
  #side-bar div.side-block,
  #side-bar .side-block.media,
  #side-bar .side-block.resources {
      background: #2b1d1d;
      border: 0.3125rem double #000000;
      box-shadow: 0 0.125rem 0.375rem #000000;
      opacity: 0.9;
  }
   
  #side-bar a,
  #side-bar a:visited {
      color: #ff7a98;
  }
   
  /* -=- TABBERS -=- */
   
  .yui-navset .yui-nav .selected a,
  .yui-navset .yui-nav .selected a:focus,
  .yui-navset .yui-nav .selected a:hover {
      background: #8c465a;
  }
   
  .yui-navset .yui-nav a,
  .yui-navset .yui-nav a:hover,
  .yui-navset .yui-nav a:focus {
      background: #360e0b;
  }
   
  .yui-navset .yui-content {
      background-color: #110500;
      border: 0.125rem dotted #865757;
  }
   
  /* -=- USER INFO -=- */
   
  #login-status,
  #login-status a {
      color: #e3647c;
  }
   
  #account-options li a,
  #account-options li a:hover {
      color: #e3647c;
  }
   
  #account-options ul {
      background-color: #150100;
      border: solid 0.0625rem #e3647c;
      opacity: 1.0;
  }
   
  /* -=- IMAGES -=- */
   
  .scp-image-block .scp-image-caption {
      background-color: #394046;
  }
   
  /* -=- TABLES -=- */
   
  table.wiki-content-table td {
      border: 0.0625rem dotted #865757;
  }
   
  table.wiki-content-table th {
      background-color: #394046;
  }
   
  /* -=- MISCELLANEOUS -=- */
   
  /* Changes the top border of the tags section, which is typically colored #888, to match the theme better. */
  .page-tags span {
      border-top: solid 0.0625rem #f15c7d;
  }
   
  /* Changes the colors of the layout in the History tab of the page, which constrasts heavily with the background theme. */
  .pager a,
  .pager a:hover,
  .optionstd a,
  .optionstd a:hover {
      background: #83303f;
      border: solid 0.0625rem #f15c7d;
  }
   
  /* While the page is saving and loading, there is a popup on the screen. This popup was difficult to read due to the body's properties (color being white), so this changed the background to be more thematically appropriate and legible. */
  .owait,
  .osuccess {
      background-color: #83303f;
      border: solid 0.0625rem #f15c7d;
  }
   
  /* -=- FOOTNOTES -=- */
   
  .hovertip {
    background: rgba(17, 0, 5, 255) !important;
    border: solid 0.0625rem #865757 !important;
   
  }
   
  /* -=- MEDIA SELECTORS -=- */
   
  @media screen and (max-width: 50rem) {
   
      #side-bar {
          background-color: rgba(21, 1, 0, .93);
      }
   
  }

  Pages using this styling

  • scp-9540 [info]

  ¶ 1 occurrence
  

  .invert-colors img {
    filter: invert(1);
  }

  Pages using this styling

  • scp-9540 [info]

  ¶ 1 occurrence
  

  .anom-bar > div.bottom-box::before {
  background-color: rgb(255, 255, 255);
  }
  
  .danger-diamond > .arrows {
  filter: invert(100%);
  }

  Pages using this styling

  • scp-9540 [info]

  ¶ 1 occurrence
  

  .danger-diamond a {
  display: none !important;
  }

  Pages using this styling

  • scp-9540 [info]

  ¶ 1 occurrence
  

  @keyframes blink {  50% {    opacity: 0.0;  }}
  @-webkit-keyframes blink {  50% {    opacity: 0.0;  }}
  .blink {  animation: blink 1s step-start 0s infinite;  -webkit-animation: blink 1s step-start 0s infinite;}
  
  @import url('http://scp-int.wikidot.com/component:colstyle/code/1');
  
  .dblock {
      color:#888;
      background-color:#FFF;
      transition: 1s;
      text-decoration: none;
  }
  
  .dblock:hover {
      color:#B01;
  }

  Pages using this styling

  • scp-953-ko [info]

  ¶ 1 occurrence
  

  .footnoteref{
  color: #FF5555;
  }
  .danke{
  text-align: center;
  padding: 5px 5px 5px 15px;
  margin-bottom:10px;
  width: 100%;
  font-family: monospace;
  font-size: 1.1em; }
  
  .agent{
  background-color:#002200;
  border: 3px solid #55AA55;
  color: #77CC77;
  text-align: center;
  }
  
  .site{
  background-color:#222200;
  border: 3px solid #AAAA55;
  color: #DDDD77;
  text-align: center;
  }

  Pages using this styling

  • scp-9510 [info]

  ¶ 1 occurrence
  

  #main-content {
       max-width: 52rem;
  }
  
  
  h2 {
      font-size: 1.5em;
      text-align: center;
  }
  

  Pages using this styling

  • scp-9504 [info]

  ¶ 1 occurrence
  

  .anom-bar-container.danger .danger-diamond .quadrants .right-quad {
   background-color: rgba(255,109,0,0.25);
   background-color: rgb(255,109,0,0.25);

  Pages using this styling

  • scp-9500 [info]

  ¶ 1 occurrence
  

  :root{
    --accent: 144, 0, 16;
    --accent-tint: 256, 240, 245;
  
    --timeDelay: 0.5s;
    --problem: 255, 109, 0;
  
    --header-title: "SCP FOUNDATION";
    --header-subtitle: "SECURE • CONTAIN • PROTECT";
    --head-font: var(--ui-font);
    --link-txt-color: rgba(var(--accent), 0.75);
  
    --posX: calc(50% - 333px - 21vw);
    --fnColor: rgb(var(--accent));
  
    --one-color-tint: 224, 255, 212;
    --two-color-tint: 226, 244, 255;
    --three-color-tint: 255, 245, 189;
    --four-color-tint: 255, 223, 205;
    --five-color-tint: 255, 207, 207;
    --six-color-tint: 255, 227, 255;
    --white: 255, 255, 255;
  
    --dark-bg-1: 33, 37, 46;
    --dark-txt-color: #EDEDED;
  }
  
  h1, h2, h3, h4, h5, h6 {
    font-weight: 900;
  }
  
  #page-content {
    font-weight: 400;
  }
  
  #page-content .blockquote {
    margin: 1em 2em;
  }
  
  #page-content hr {
    height: 1px;
    margin-top: 1.5em;
    margin-bottom: 1.5em;
  }
  
  #page-content > hr {
    background-color: rgb(var(--accent));
  }
  
  #page-content .notation {
    border-left: solid 4px rgba(var(--accent), 0.33);
    border-right: solid 4px rgba(var(--accent), 0.33);
  }
  
  #page-content .jotting {
    padding: 0.5em 1.5em;
  }
  
  .notation > .jotting,
  #page-content > .jotting > blockquote {
    background-color: white;
  }
  
  #page-content a {
    font-weight: bold;
  }
  
  .fnnum::after {
    margin-right: 0.33em;
  }
  
  .fncon {
    border-color: rgb(var(--accent));
    background-color: rgb(var(--accent-tint));
  }
  
  @media only screen and (min-width: 1278px) {
    .fncon {
      width: 14rem;
      border: none;
      border-left: 5px rgb(var(--accent)) solid;
      font-size: 0.9em !important;
    }
  
    .fncon::before {
      top: 14px; left: -10px;
    }
  }
  
  @media (max-width: 767px) {
    .jotting,
    .modal,
    #page-content .blockquote,
    .paper,
    .notation {
      margin: 1em;
    }   
  }
  
  #page-content .scp-image-block img {
    border: solid 1px rgba(var(--accent), 0.66);
  }
  
  #page-content .scp-image-block.block-left {
    margin: 0.5em 1.5em 1em 0em;
  }
  
  #page-content .scp-image-block.block-right {
    margin: 0.5em 0em 1em 1.5em;
  }
  
  #page-content .scp-image-caption {
  /*  background-color: rgb(var(--accent-tint));  */
    border: solid 1px rgba(var(--accent), 0.66);
    border-radius: 0px;
    margin-top: 7px;
  }
  
  #page-content .mono {
    font-family: var(--mono-font);
    color: rgb(33, 33, 33);
  }
  
  #page-content .bidiv {
      border-left-color: rgb(207, 2, 108);
      border-right-color: rgb(0, 54, 163);
  }
  
  div[class$="_memo"] {
      background: var(--memo-logo) rgba(var(--memo-color), 1);
      background-size: 400px;
      background-position: center;
      background-repeat: no-repeat;
      color: rgb(75, 75, 75);
  }
  
  div[class$="_memo"]::before {
      content: var(--memo-heading);
      font-family: var(--UI-font);
      font-weight: 900;
      font-size: 1.3em;
      text-align: center;
      margin: 0 auto 1rem auto;
      display: flex;
      flex-direction: column;
      padding-top: 0.5em;
      padding-bottom: 0.5em;
      border-bottom: dotted 0.13rem darkslategrey;
  }
  
  #page-content .doc_memo {
      --memo-logo: url(https://scp-wiki.wikidot.com/local--files/scp-9500/DoC_Logo.webp);
      --memo-heading: "DEPARTMENT OF CONTAINMENT — Dir. Charles Gears\00000a";
      --memo-color: var(--accent-tint);
  }
  
  #page-content .goi_memo {
      --memo-logo: url(https://scp-wiki.wikidot.com/local--files/scp-9500/GoI_Logo.webp);
      --memo-heading: "GOI RESEARCH GROUP — Dr. Jay Everwood\00000a";
      --memo-color: var(--two-color-tint);
  }
  
  #page-content .dot_memo {
      --memo-logo: url(https://scp-wiki.wikidot.com/local--files/scp-9500/DoT_Logo.webp);
      --memo-heading: "DEPARTMENT OF TASK FORCES — Dir. Alto Clef\00000a";
      --memo-color: var(--three-color-tint);
  }
  
  #page-content .dom_memo {
      --memo-logo: url(https://scp-wiki.wikidot.com/local--files/scp-9500/DoM_Logo.webp);
      --memo-heading: "DEPARTMENT OF MEMETICS — Dir. Alis Rinato\00000a";
      --memo-color: var(--four-color-tint);
  }
  
  #page-content .oc_memo {
      --memo-logo: url(https://scp-wiki.wikidot.com/local--files/scp-9500/OC_Logo.webp);
      --memo-heading: "OVERSEER COUNCIL";
      --memo-color: var(--dark-bg-1);
      color: var(--dark-txt-color);
  }
  
  #page-content .tad_memo {
      --memo-logo: url(https://scp-wiki.wikidot.com/local--files/scp-9500/TAD_Logo.webp);
      --memo-heading: "TEMPORAL ANOMALIES DEPARTMENT — Dir. Ilse Reynders\00000a";
      --memo-color: var(--six-color-tint);
  }
  
  #page-content .ad_memo {
      --memo-logo: url(https://scp-wiki.wikidot.com/local--files/scp-9500/AD_Logo.webp);
      --memo-heading: "ANTIMEMETICS DIVISION\00000a";
      --memo-color: var(--white);
  }
  
  #page-content .creditButton p a {
    color: initial;
  }

  Pages using this styling

  • scp-9500 [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Martian+Mono:wght@100..800&display=swap');
  
  .tabQuote {
      padding: 0.5em 1.5em;
      margin: 0.5em;
      background-color: var(--darker-color);
      border: 3px solid var(--accent-color);
      border-top-left-radius: 20px;
      border-top-right-radius: 20px;
      border-bottom-left-radius: 10px;
      border-bottom-right-radius: 0px;
  }
  
  #page-content .blockquote.report {
      font-family: 'Martian Mono', monospace;
      border: 1px solid #6d6d77;
      border-radius: 10px;
      background: #e0e0e1;
      color: black;
      margin: 1em 0.5em;
      font-weight: 400;
  }
  
  .queerbox_large {
      border-radius: 20px;
      margin: 0.5em auto 1em auto;
      width:95%;
  }
  
  #page-content hr {
      margin: 1em 2em;
  }
  
  #page-content table.wiki-content-table {
      max-width: 80%;
  }
  
  /* Email Fixes */
  
  .top-left-box > .from-box, .to-box, .cc-box, .subject-box {
      margin-right: 0em;
  }
  
  .header-box > .top-right-box {
      filter: invert(1);
  }
  
  .footer-box > .bottom-left-box {
      border-left: 2px solid var(--off-white);
  }
  .dyna-email {
      background-color: var(--darker-color);
  }
  
  .top-middle-box > .from-name-box, .to-name-box, .cc-text-box {
      margin-left: 0em;
  }
  
  .scp-image-block {
      border: solid 2px var(--subdued-accent-color);
  }
  
  .scp-image-caption {
      color: white;
  }
  
  .spacer hr {
      background-color: transparent !important;
  }
  
  /* Table Formatting for Mobile */
  @media (max-width: 600px) {
      #page-content table.wiki-content-table tr :is(th,td) {
          display: block;
      }
  }

  Pages using this styling

  • scp-9490 [info]

  ¶ 1 occurrence
  

  .blockquote{
  border-radius: 10px;
  margin: 10px
  [!--Foldable List Container magic --]
  }
  .flcclean > ul, .flcclean > ul > li{
      display: block;
      line-height: normal;
      list-style: none;
      margin: 0;
      padding: 0;
  }
  .flcclean .flc{
      display: inline-block;
  }
  .realshit li.folded > .realshit-closed {
      display: none;
  }
  .realshit li.unfolded > .realshit-open {
      display: none;
  }
  .aurabox{
  background: url("https://scp-wiki.wdfiles.com/local--files/the-great-hippo/scp_trans.png") center no-repeat;
  float: center;
  }
  .align-center
  {
  text-align: center
  }
  

  Pages using this styling

  • scp-9487 [info]

  ¶ 1 occurrence
  

  .blockquote{
  border-radius: 10px;
  margin: 10px
  }
  
  .faker {
      background: url("https://scp-wiki.wdfiles.com/local--files/scp-9486/FAAMS.png") center no-repeat rgba(26, 26,28,1);
      background-size: contain;
      background-position: top center;
      background-repeat: no-repeat;
      min-height: 4rem;
      margin-inline: auto;
      margin-block: 2rem;
      padding-inline: 20px;
      padding-block: 10px;
      border: solid 2px rgba(255, 243, 173,1);
      text-align: center;
  }
  .faker::before {
      color:rgb(255, 243, 173);
      content:" ";
      font-family: var(--UI-font);
      font-weight: 900;
      font-size: 1.3em;
      text-align: center;
      margin: 0 auto 1rem auto;
      display: flex;
      flex-direction: column;
      padding-top: 0.5em;
  }
  
  
  .flcclean > ul {
  display: block;
  line-height: normal;
  list-style: none;
  margin: 0;
  padding: 0;
  }
  
  
  .flcclean > ul > li {
  display: block;
  line-height: normal;
  list-style: none;
  margin: 0;
  padding: 0;
  }
  
  .flcclean .flc {
  display: inline-block;
  margin: 0;
  padding: 0;
  }
  
  .realk li.folded > .realk-closed {display: none;}
  .realk li.unfolded > .realk-open {display: none;}
  
  .align-center{text-align: center}
  
  .align-left{text-align: left}
  
  .ms{font-family: monospace}
  
  .blackbox{background: black}
  
  .you    {color:red}
  .logos  {color:rgb(16,76,184)}
  .pneuma {color:green}
  .gnosis {color:DarkOrchid}
  .others {color:yellow}
  .foldable-list-container a{color:white}

  Pages using this styling

  • scp-9486 [info]

  ¶ 1 occurrence
  

  .blockquote{
  border-radius: 10px;
  margin: 10px
  }
  .align-center
  {
  text-align: center
  }

  Pages using this styling

  • scp-9485 [info]

  ¶ 1 occurrence
  

  .blockquote{
  border-radius: 10px;
  margin: 10px
  }

  Pages using this styling

  • scp-9484 [info]

  ¶ 1 occurrence
  

  :root {
      --timeScale: 3;
      --timeDelay: 0s;
  }

  Pages using this styling

  • scp-9480 [info]

  ¶ 1 occurrence
  

  div.blockquote {
      margin: 2em;
  }
  .email-example .collapsible-block-folded a.collapsible-block-link {
      animation: blink 0.8s ease-in-out infinite alternate;
  }
  @keyframes blink {
      0% { color: transparent; }
      50%, 100% { color: #b01; }
  }
  .email {border: solid 2px #000000; width: 88%; padding: 1px 15px; margin: 10px; box-shadow: 0 1px 3px rgba(0,0,0,.5)}
  .email-example a.collapsible-block-link {font-weight: bold;}
  .tofrom {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px maroon}
  
  table.wiki-content-table th {
      background-color: #f7d2d2 !important;
  }
  
  table.wiki-content-table td {
      background-color: #fadede !important;
  }

  Pages using this styling

  • scp-9470 [info]

  ¶ 1 occurrence
  

      .image-click-fullscreen-base:active + .image-click-fullscreen-image::before,
      .image-click-fullscreen-base:hover + .image-click-fullscreen-image::before {
       background-color: rgb(var(--swatch-menubg-dark-color, 0, 0, 0),1);
      }
  
      .image-click-fullscreen-base:active + .image-click-fullscreen-image::after,
      .image-click-fullscreen-base:hover + .image-click-fullscreen-image::after {
       visibility: visible;
       background-color: rgb(var(--swatch-menubg-dark-color, 0, 0, 0),0);
      }
  
      .image-click-fullscreen-base:active + .image-click-fullscreen-image,
      .image-click-fullscreen-base:hover + .image-click-fullscreen-image {
       z-index: 998;
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-align: center;
       -webkit-align-items: center;
          -moz-box-align: center;
       -ms-flex-align: center;
       align-items: center;
       -webkit-box-pack: center;
       -webkit-justify-content: center;
          -moz-box-pack: center;
       -ms-flex-pack: center;
       justify-content: center;
       position: fixed;
       top: 0;
       left: 0;
       width: 100%;
       height: 100%;
      }
  
      .image-click-fullscreen-base:active ~ .mobile-exit,
      .image-click-fullscreen-base:hover ~ .mobile-exit {
       --wght: 900;
       position: fixed;
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       align-item: center;
       -webkit-box-pack: center;
       -webkit-justify-content: center;
          -moz-box-pack: center;
       -ms-flex-pack: center;
       justify-content: center;
       width: 1.5em;
       height: 1.5em;
       top: -webkit-calc(1rem + var(--topbar-height-on-mobile, 0rem));
       top: -moz-calc(1rem + var(--topbar-height-on-mobile, 0rem));
       top: calc(1rem + var(--topbar-height-on-mobile, 0rem));
       right: 1rem;
       -webkit-border-radius: 50%;
          -moz-border-radius: 50%;
       border-radius: 50%;
       font-size: 2rem;
       font-weight: 900;
       background-color: rgba(var(--white-monochrome, 255, 255, 255));
       color: rgb(var(--swatch-primary, 51, 51, 51));
       cursor: pointer;
       z-index: 9999;
       line-height: 1em;
       opacity: 0.5;
       text-align: center;
       line-height: 1.3em;
      }
  
      .image-click-fullscreen-base:active ~ .scp-image-caption,
      .image-click-fullscreen-base:hover ~ .scp-image-caption {
       position: fixed;
       bottom: 0;
       left: 0;
       max-width: 100vw !important;
       z-index: 1000;
       font-size: 1rem;
      }

  Pages using this styling

  • scp-9470 [info]

  ¶ 1 occurrence
  

  .scp-image-block.block-right {
    margin: 1em 2em 1em;
  }

  Pages using this styling

  • scp-9446 [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Inter:wght@300..700&display=swap');
  
  .internal{
    width: 90%;
    margin: 10px auto;
    border-radius: 5px;
    box-shadow: 2px 2px 3px #5e5e5e82;
    overflow: hidden;
    border: 2px solid #1a1a1a;
    background: white;
    padding: 10px;
    font-family: "Inter", sans-serif;
  }
  
  .o5-note {
    width: 90%;
    margin: 10px auto;
    border-radius: 5px;
    border: 3px solid #8b0000;
    background: white;
    box-shadow: 2px 2px 3px #5e5e5e82;
    overflow: hidden;
    padding: 10px;
    font-family: "Inter", sans-serif;
  }
  
  .jarndyce {
    width: 90%;
    margin: 10px auto;
    border-radius: 5px;
    border: 3px solid #000000;
    background: white;
    box-shadow: 2px 2px 3px #5e5e5e82;
    overflow: hidden;
    padding: 10px;
    font-family: "Inter", sans-serif;
  }
  

  Pages using this styling

  • scp-9430 [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css?family=Berkshire+Swash');
  @import url('https://fonts.googleapis.com/css?family=Beth+Ellen');
  @import ul('https://fonts.googleapis.com/css?family=Silkscreen');
  @import url('https://fonts.googleapis.com/css?family=Noto+Serif');
   
  .deathSpeak{
  font-family: 'Beth Ellen', courier;
  }
  
  .certificate{
  font-family: 'Noto Serif', courier;
  }
  
  .wonderSpeak{
  font-family: 'Berkshire Swash', courier; font-size: 50px; !important;
  }
  
  .eidoSpeak{
  font-family: 'Silkscreen', courier; font-size: 14px; !important;
  }

  Pages using this styling

  • scp-9429 [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css?family=Rochester');
  
  .signature{
  font-family: 'Rochester', courier; font-size: 18px; !important;
  }

  Pages using this styling

  • scp-9429 [info]

  ¶ 1 occurrence
  

  #page-content div:is(.note-nobody, .yui-content, .blockquote, .code, .mz-cover, .mz-textquote, .mz-outbox, .mz-blockquote,mz-board, .clip-wrap, .note-page, .mz-note ) h1{
      display: block;
  }
  
  
  /*--------------回形针-----------------*/
   
  .clip-wrap div {
      max-width: 60%;
      margin: 1rem auto;
      width: 60%;
  }
   
  .clip-wrap .clip-img,
  .clip-wrap .clip-body {
      border: solid 2px rgb(var(--clip-border,0,0,0));
      background-color: rgb(var(--clip-bg, 256, 256, 256));
      box-sizing: border-box;
      position: relative;
      z-index: 0;
      padding: 0.5rem;
  }
   
  .clip-wrap .clip-img::before,.clip-wrap .clip-img::after,
  .clip-wrap .clip-body::before,.clip-wrap .clip-body::after {
      content:'';
      position: absolute;
      pointer-events: none;
      border: solid 0.25rem #333;
      transform: rotate(25deg);
  }
   
  .clip-wrap .clip-img::before,.clip-wrap .clip-img::after {
      border: solid 0.25rem #333;
  }
   
  .clip-wrap .clip-img::before,
  .clip-wrap .clip-body::before {
    right: 0.45rem;
    height: 36px;
    width: 9px;
    top: -0.45rem;
    border-radius: 0 0 2rem 2rem;
    border-top: none;
  }
   
  .clip-wrap .clip-img::after,
  .clip-wrap .clip-body::after {
      top: -24px;
      right: -0.5rem;
      height: 16px;
      width: 14px;
      border-radius: 2rem 2rem 0 0;
      border-bottom: solid 0.55rem transparent;
      z-index: -1;
  }
   
  .clip-wrap .clip-body img,
  .clip-wrap .clip-img {
      border: 0.15rem solid var(--color-darkest);
    width: max-content;
  }
   
  .clip-wrap .clip-img::before {
    right: -0.2rem;
    top: -0.45rem;
  }
   
  .clip-wrap .clip-img::after {
      right: -0.8rem;
          height: 45px;
  }
   
  .clip-wrap .clip-img {
      padding: 0rem;
      border: 0.12rem solid var(--color-darkest);
      box-shadow:  0px 0px 0px 9px rgba(50,50,50, 0.1), 0px 0px 0px 12px rgba(150,150,150, 0.1);
  }
   
  @media (max-width: 500px) {
  .clip-wrap{
       max-width: 100%;
  }
  .clip-wrap .clip-img::before,
  .clip-wrap .clip-body::before {
    right: 0.3rem;
    height: 1.4rem;
    width: 0.4rem;
    top: 0rem;
  }
   
  .clip-wrap .clip-img::after,
  .clip-wrap .clip-body::after {
      top: -1rem;
      right: -0.5rem;
      height: 1rem;
      width: 0.7rem;
  }
  }

  Pages using this styling

  • scp-9429 [info]

  ¶ 1 occurrence
  

  .tintgreen {
      padding: 4px 16px 4px 16px;
      box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.3);
      width: 85%;
      margin: auto;
      margin-bottom: 28px;
      margin-top: 28px;
      background: #E9FBDF;
      border: solid 2px #5D5D5D;
  }
  .tintpurple {
      padding: 4px 16px 4px 16px;
      box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.3);
      width: 85%;
      margin: auto;
      margin-bottom: 28px;
      margin-top: 28px;
      background: #F3ECF5;
      border: solid 2px #5D5D5D;
  }
  .tintcyan {
      padding: 4px 16px 4px 16px;
      box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.3);
      width: 85%;
      margin: auto;
      margin-bottom: 28px;
      margin-top: 28px;
      background: #D0F9F9;
      border: solid 2px #5D5D5D;
  }
  .tintgold {
      padding: 4px 16px 4px 16px;
      box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.3);
      width: 85%;
      margin: auto;
      margin-bottom: 28px;
      margin-top: 28px;
      background: #FFF8D9;
      border: solid 2px #5D5D5D;
  }
  .tintblue {
      padding: 4px 16px 4px 16px;
      box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.3);
      width: 85%;
      margin: auto;
      margin-bottom: 28px;
      margin-top: 28px;
      background: #E2F4FF;
      border: solid 2px #5D5D5D;
  }
  .tintyellow {
      padding: 4px 16px 4px 16px;
      box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.3);
      width: 85%;
      margin: auto;
      margin-bottom: 28px;
      margin-top: 28px;
      background: #f2f2c2;
      border: solid 2px #5D5D5D;
  }
  .tintorange {
      padding: 4px 16px 4px 16px;
      box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.3);
      width: 85%;
      margin: auto;
      margin-bottom: 28px;
      margin-top: 28px;
      background: #F2E0C2;
      border: solid 2px #5D5D5D;
  }
  .tintred {
      padding: 4px 16px 4px 16px;
      box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.3);
      width: 85%;
      margin: auto;
      margin-bottom: 28px;
      margin-top: 28px;
      background: #f7d3d3;
      border: solid 2px #5D5D5D;
  }
  .tintredorange {
      padding: 4px 16px 4px 16px;
      box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.3);
      width: 85%;
      margin: auto;
      margin-bottom: 28px;
      margin-top: 28px;
      background: #FFE0CB;
      border: solid 2px #5D5D5D;
  }
  .tintmint {
      padding: 4px 16px 4px 16px;
      box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.3);
      width: 85%;
      margin: auto;
      margin-bottom: 28px;
      margin-top: 28px;
      background: #E2FFE5;
      border: solid 2px #5D5D5D;
  }
  .tintnone {
      padding: 4px 16px 4px 16px;
      box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.3);
      width: 85%;
      margin: auto;
      margin-bottom: 28px;
      margin-top: 28px;
      background: white;
      border: solid 2px #5D5D5D;
  }

  Pages using this styling

  • scp-9429 [info]

  ¶ 1 occurrence
  

  span.blackfade {
    background: #000;          /* start black */
    transition: background 1.5s ease;
  }
  
  span.blackfade:hover {
    background: transparent;   /* fade to clear */
    color: inherit;            /* return text to original color */
  }

  Pages using this styling

  • scp-9429 [info]

  ¶ 1 occurrence
  

  .docexcerpt {
      padding: 4px 16px 4px 16px;
      box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
      width: 75%;
      margin: auto;
      margin-bottom: 28px;
      margin-top: 28px;
      background: #FBF9F3;
      border: dashed 0.1rem #5D5D5D;
  }
  
  .archivealert {
      padding: 4px 16px 4px 16px;
      box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
      width: 75%;
      margin: auto;
      margin-bottom: 28px;
      margin-top: 28px;
      background: #d9ebf5;
      border: dashed 0.1rem #5D5D5D;
  }
  
  .docexcerpt2 {
      padding: 4px 16px 4px 16px;
      box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
      width: 100%;
      margin: auto;
      margin-bottom: 28px;
      margin-top: 28px;
      background: #eae8e2;
      border: dashed 0.1rem #5D5D5D;
  }

  Pages using this styling

  • scp-9429 [info]

  ¶ 1 occurrence
  

  :root {
  
      /*----------------------*/
      /*---- BEDROCK VARS ----*/
      /*----------------------*/
  
      --header-logo: var(--logo);
      --logo: url('https://scp-wiki.wikidot.com/local--files/theme:basalt/basalt_scp_logo-for_lightmode.svg');
  
      --header-title: var(--title);
      --header-subtitle: var(--subtitle);
      --title: "R\0026 C SITE-41";
      --subtitle: "There Is No Antimemetics Division";
  
      --main-content-width: 60rem;
      --main-content-top-margin: 1.5rem;
      --base-font-size: .875rem;
      --bottom-area-padding: calc(var(--true-font-size)*2);
      --side-bar-width: 17rem;
      --basalt-page-content-font-weight: 440;
  
      --header-font-primary: var(--UI-font-primary);
      --UI-font-primary: 'Sofia Sans';
  
      --basalt-overtone: 10, 10, 11;
      --basalt-undertone: var(--basalt-bright-element-color);
      --basalt-UI-dark-palette: 50, 50, 51;
      --basalt-bright-element-color: 150, 24, 43;
      --basalt-dark-element-color: 105, 17, 30;
      --basalt-alternate-color: 221, 119, 17;
      --basalt-primary-color: 252, 252, 252;
      --basalt-secondary-color: 245,245,245;
      --basalt-tertiary-color: 229, 229, 238;
      --basalt-main-text-color: 35, 35, 38;
  
      --title-border-color: var(--basalt-overtone);
      --license-area-divider-color: var(--basalt-overtone);
      --footer-divider-color: var(--basalt-overtone);
      --search-icon-color: var(--basalt-overtone);
      --hr-color: var(--general-border-color);
      --general-border-color: 220, 220, 220;
      --rate-module-cancel-color: var(--basalt-alternate-color);
      --scrollbar-thumb-color: var(--basalt-dark-element-color);
      --modal-fader-background-color: 0, 0, 0;
  
      --side-bar-heading-background-color: 0, 0, 2, 0.07;
      --side-bar-media-background-color: none; /* Disabled by default */
      --side-bar-resources-background-color: none; /* Disabled by default */
      --side-bar-button-background-hover: none; /* Disabled by default */
      --side-bar-heading-text-color-hover: 255, 255, 255, 0.4;
      --side-bar-button-color-hover: var(--side-bar-button-color);
  
      /*---------------------*/
      /*---- BASALT VARS ----*/
      /*---------------------*/
  
      --basalt-UI-background-color: var(--basalt-secondary-color);
      --header-background-color: var(--basalt-UI-background-color);
      --side-bar-background-color: var(--basalt-UI-background-color);
      --bottom-area-background-color: var(--basalt-UI-background-color);
      --edit-area-ancillary-background-color: var(--basalt-UI-background-color);
      --edit-area-toolbar-background-color: var(--basalt-UI-background-color);
      --button-background-color: var(--basalt-UI-background-color);
  
      --basalt-UI-text-color: var(--basalt-main-text-color);
      --header-title-color: var(--basalt-UI-text-color);
      --header-subtitle-color: var(--basalt-UI-text-color);
      --top-bar-link-color: var(--basalt-UI-text-color);
      --search-icon-color: var(--basalt-UI-text-color);
      --side-bar-heading-text-color: var(--basalt-UI-text-color);
      --side-bar-link-color: var(--basalt-UI-text-color);
      --bottom-area-text-color: var(--basalt-UI-text-color);
      --edit-area-ancillary-text-color: var(--basalt-UI-text-color);
      --edit-area-toolbar-icon-color: var(--basalt-UI-text-color);
      --button-text-color: var(--basalt-UI-text-color);
      --basalt-sub-text-color: var(--basalt-UI-text-color);
  
      --ACS-font: var(--header-font);
      --basalt-th-background-color: var(--basalt-UI-dark-palette);
      --basalt-th-text-color: var(--basalt-light-text-color);
      --image-caption-text-color: var(--basalt-main-text-color);
      --authorbox-background-color: var(--basalt-primary-color);
      --floatbox-background-color: 240, 240, 244;
      --document-background-color: 253, 253, 253;
      --darkdocument-background-color: 30, 30, 35;
  
      --header-drop-shadow-opacity: 0.1;
      --window-border-radius: 8px;
  
  /*------------------------*/
  /*---- BASALT CLASSES ----*/
  /*------------------------*/
  
  :is(div.blockquote, blockquote) {
      color: rgb(var(--basalt-main-text-color));
      overflow: auto;
  }
  
  :is(div.blockquote, blockquote):has(div.floatbox) {
      overflow: unset;
  }
  
  #page-content div.notation {
      max-width: 45rem;
  }
  
  div.notation {
      display: block;
      margin-inline: auto;
      margin-block: 1.4rem;
      padding-inline: 1.1rem;
      padding-block: 0.9rem;
      background-color: rgb(var(--basalt-secondary-color));
      border-left: solid 0.25rem rgb(var(--general-border-color));
      border-right: solid 0.25rem rgb(var(--general-border-color));
      color: rgb(var(--basalt-main-text-color));
  }
  
  #page-content div.modal {
      max-width: 57rem;
  }
  
  div.modal {
      display: block;
      margin-inline: auto;
      margin-block: 1.4rem;
      padding-inline: 1.5rem;
      padding-block: 0.5rem;
      background-color: rgb(var(--basalt-primary-color));
      border: solid 0.2rem rgb(var(--general-border-color));
      color: rgb(var(--basalt-main-text-color));
  }
  
  #page-content div.smallmodal {
      max-width: 47rem;
  }
  
  div.smallmodal {
      display: block;
      margin-inline: auto;
      margin-block: 1.4rem;
      padding-inline: 1rem;
      padding-block: 0.2rem;
      background-color: rgb(var(--basalt-primary-color));
      border: solid 0.15rem rgb(var(--general-border-color));
      color: rgb(var(--basalt-main-text-color));
  }
  
  #page-content div:is(.jotting, .transcript) {
      max-width: 42rem;
  }
  
  div:is(.jotting, .transcript) {
      display: block;
      margin-inline: auto;
      margin-block: 1.4rem;
      padding-inline: 1.5rem;
      padding-block: 0.2rem;
      background-color: rgb(var(--basalt-secondary-color));
      border: dashed 0.15rem rgb(var(--general-border-color));
      color: rgb(var(--basalt-main-text-color));
  }
  
  #page-content div.papernote {
      max-width: 30rem;
  }
  
  div.papernote {
      display: block;
      margin-inline: auto;
      margin-block: 1.4rem;
      padding: 1rem 2rem;
      background-color: rgb(var(--basalt-tertiary-color));
      color: rgb(var(--basalt-main-text-color));
  }
  
  #page-content div:is(.document, .darkdocument) {
      max-width: 45rem;
  }
  
  div:is(.document, .darkdocument) {
      display: block;
      margin-inline: auto;
      margin-block: 1.5em;
      padding: 1.5rem;
      position: relative;
      --posX: -20vw;
  }
  
  div.document {
      background-color: rgb(var(--document-background-color));
      box-shadow: 0px 1px 1.9px -4px rgba(0, 0, 0, 0.1), 0px 6px 15px -4px rgba(0, 0, 0, 0.2);
      color: rgb(50, 50, 53);
  }
  
  div.darkdocument {
      background-color: rgb(var(--darkdocument-background-color));
      box-shadow: 0px 1px 1.9px -4px rgba(0, 0, 10, 0.8), 0px 6px 15px -4px rgba(0, 0, 7, 0.9);
      color: rgb(195, 195, 200);
  }
  
  div:is(.document, .darkdocument)::before,
  div:is(.document, .darkdocument)::after {
      content: "";
      height: 98%;
      position: absolute;
      width: 98%;
      z-index: -1;
  }
  
  div:is(.document, .darkdocument)::before {
      left: -5px;
      top: 4px;
      transform: rotate(-2.5deg);
  }
  
  div:is(.document, .darkdocument)::after {
      right: -3px;
      top: 1px;
      transform: rotate(1.4deg);
  }
  
  div:is(.document)::before,
  div:is(.document)::after {
      background-color: rgb(var(--document-background-color));
  }
  
  div:is(.darkdocument)::before,
  div:is(.darkdocument)::after {
      background-color: rgb(var(--darkdocument-background-color));
      opacity: 90%;
  }
  
  div.document::before {
      box-shadow: 0px 1px 1.9px -4px rgba(0, 0, 0, 0.1), 0px 6px 15px -4px rgba(0, 0, 0, 0.1);
  }
  
  div.document::after {
      box-shadow: 0px 1px 1.9px -4px rgba(0, 0, 0, 0.1), 0px 6px 15px -4px rgba(0, 0, 0, 0.05);
  }
  
  div.darkdocument::before {
      box-shadow: 0px 1px 1.9px -4px rgba(0, 0, 10, 0.8), 0px 6px 15px -4px rgba(0, 0, 7, 0.9);
  }
  
  div.darkdocument::after {
      box-shadow: 0px 1px 1.9px -4px rgba(0, 0, 10, 0.8), 0px 6px 15px -4px rgba(0, 0, 7, 0.05);
  }
  
  @media only screen and (max-width: 1020px) {
  
      div:is(.document, .darkdocument)::before,
      div:is(.document, .darkdocument)::after {
       display: none;
      }
  }
  
  div[class$="_memo"] {
      background: var(--memo-logo) rgba(var(--memo-color), 1);
      background-size: contain;
      background-position: top center;
      background-repeat: no-repeat;
      min-height: 4rem;
      margin-inline: auto;
      margin-block: 2rem;
      padding-inline: 20px;
      padding-block: 10px;
      border: solid 2px rgba(0, 0, 0, 0.1);
      text-align: center;
  }
  
  div[class$="_memo"]::before {
      content: var(--memo-heading);
      font-family: var(--UI-font);
      font-weight: 900;
      font-size: 1.3em;
      text-align: center;
      margin: 0 auto 1rem auto;
      display: flex;
      flex-direction: column;
      padding-top: 0.5em;
  }
  
  div.raisa_memo {
      --memo-heading: "NOTICE FROM THE RECORDS AND INFORMATION SECURITY ADMINISTRATION";
      --memo-logo: url(https://scp-wiki.wikidot.com/local--files/theme:basalt/RAISA_LIGHTLOGO.png);
      --memo-color: 242, 242, 192;
  }
  
  div.classification_memo {
      --memo-heading: "CLASSIFICATION COMMITTEE MEMORANDUM";
      --memo-logo: url(https://scp-wiki.wikidot.com/local--files/theme:basalt/CLASSIFICATION_LIGHTLOGO.png);
      --memo-color: 237, 245, 243;
  }
  
  div.ettra_memo {
      --memo-heading: "NOTICE FROM THE EMERGENT THREAT TACTICAL RESPONSE AUTHORITY";
      --memo-logo: url(https://scp-wiki.wikidot.com/local--files/theme:basalt/ETTRA_LIGHTLOGO.png);
      --memo-color: 245, 215, 215;
  }
  
  div.ethics_memo {
      --memo-heading: "ETHICS COMMITTEE MEMORANDUM";
      --memo-logo: url(https://scp-wiki.wikidot.com/local--files/theme:basalt/ETHICS_LIGHTLOGO.png);
      --memo-color: 255, 219, 196;
  }
  
  div.temporal_memo {
      --memo-heading: "NOTICE FROM THE DEPARTMENT OF TEMPORAL ANOMALIES";
      --memo-logo: url(https://scp-wiki.wikidot.com/local--files/theme:basalt/DELTA_T_LIGHTLOGO.png);
      --memo-color: 255, 255, 255;
  }
  
  div.overwatch_memo {
      --memo-heading: "BY ORDER OF THE OVERSEER COUNCIL";
      --memo-logo: url(https://scp-wiki.wikidot.com/local--files/theme:basalt/O5_LIGHTLOGO.png);
      --memo-color: 227, 227, 227;
  }
  
  div.miscomm_memo {
      --memo-heading: "NOTICE FROM THE DEPARTMENT OF MISCOMMUNICATIONS";
      --memo-logo: url(https://scp-wiki.wikidot.com/local--files/theme:basalt/MISCOMM_LIGHTLOGO.png);
      --memo-color: 238, 237, 250;
  }
  
  div.tribunal_memo {
      --memo-heading: "VERDICT FROM THE INTERNAL TRIBUNAL DEPARTMENT";
      --memo-logo: url(https://i.imgur.com/qavdzCV.png);
      --memo-color: 206, 237, 214;
  }
  
  div.external_memo {
      --memo-heading: "MEMORANDUM FROM THE EXTERNAL RELATIONS BOARD";
      --memo-logo: url(https://i.imgur.com/Vr7NkgK.png);
      --memo-color: 228, 211, 240;
  }
  
  div.administrator_memo {
      --memo-heading: "FROM THE OFFICE OF THE ADMINISTRATOR";
      --memo-logo: url(https://i.imgur.com/LMiY83P.png);
      --memo-color: 148, 148, 148;
  }
  
  div.archival_memo {
      --memo-heading: "NOTICE FROM THE ARCHIVAL DEPARTMENT";
      --memo-logo: url(https://i.imgur.com/CmXPO1U.png);
      --memo-color: 175, 217, 240;
  }
  
  .table1 {
      --basalt-th-background-color: var(--one-color);
  }
  
  .table2 {
      --basalt-th-background-color: var(--two-color);
  }
  
  .table3 {
      --basalt-th-background-color: var(--three-color);
      --basalt-th-text-color: var(--basalt-main-text-color);
  }
  
  .table4 {
      --basalt-th-background-color: var(--four-color);
  }
  
  .table5 {
      --basalt-th-background-color: var(--five-color);
  }
  
  .table6 {
      --basalt-th-background-color: var(--six-color);
  }
  
  div:is(.table1, .table2, .table3, .table4, .table5, .table6) .scp-image-block {
      border-bottom-color: rgba(var(--basalt-th-background-color), 0.75);
  }
  
  div.tableb :is(#page-content table:not(.form), table.wiki-content-table) {
      border-collapse: separate;
      border-spacing: 4px;
  }
  
  span:is(.bigtext, .bt) {
      font-family: var(--header-font);
      font-weight: bold;
  }
  
  span:is(.specialtext, .st) {
      font-family: var(--UI-font);
      font-weight: bold;
  }
  
  :is(.table1, .table2, .table3, .table4, .table5, .table6) span:is(.st, .specialtext) {
      color: rgb(var(--basalt-th-background-color));
  }
  
  #page-content div.floatbox {
      background-color: rgb(var(--floatbox-background-color));
      float: left;
      max-width: calc(var(--main-content-width)/2.25);
      box-sizing: border-box;
      margin: 0.25rem 1.25rem;
      margin-left: clamp(calc(var(--main-content-width)/-4.5), calc((87.5vw - 95%)/-2), 0rem);
      padding-inline: 1.2rem;
      padding-block: 0.5rem;
      font-size: 0.9125em;
      border-radius: 7px;
      border: solid 0.12rem rgba(var(--general-border-color), 0.4);
  }
  
  #page-content div.floatbox.right {
      float: right;
      margin-left: 1.25rem;
      margin-right: clamp(calc(var(--main-content-width)/-4.5), calc((87.5vw - 95%)/-2), 0rem);
  }
  
  @media only screen and (max-width: 640px) {
      #page-content div:is(.floatbox, .floatbox.right) {
       float: none;
       margin: 0.5rem auto;
       width: 100%;
      }
  }
  
  :is(.table-no-border, .authorbox) td {
      border-color: transparent !important;
  }

  Pages using this styling

  • scp-9429 [info]

  ¶ 1 occurrence
  

  /*
      BLANKSTYLE CSS
      [2021 Wikidot Theme]
      By Placeholder McD and HarryBlank
      Based on:
         Paperstack Theme by EstrellaYoshte
         Penumbra Theme by EstrellaYoshte
  */
   
  @import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,800;1,800&display=swap');
   
  #page-content { font-size: .9rem; }
   
  #main-content {
      top: -1.6rem;
      padding: 0.2em;
  }
   
  div#container-wrap {
       background-image: none;
  }
   
  div#header {
      background-image: none;
  }
   
  #header h1, #header h2 { margin-left: 0; float: none; text-align: center; }
  #header h2 { margin-top: 0.5rem; }
  #header h1 span, #header h2 span { font-size: 0; display: none;}
  #header h1 a::before, #header h2::before {
      color: #000;
      letter-spacing: 1px;
      font-family: 'Montserrat', sans-serif !important;
      text-shadow: none;
  }
   
  #header h1 a::before {
    content: var(--header-title, "SCP Foundation");
    font-weight: 400;
    font-size: 1.3em;
  }
   
  #header h2::before {
    content: var(--header-subtitle, "SECURE, CONTAIN, PROTECT.");
    font-weight: 700;
    font-size: 1.2em;
  }
   
  @media (max-width: 707px) {
      #header h1 a::before {
          font-size: 1.6em;
      }
  }
   
  #login-status,
  #login-status a {
      color: #333333;
  }
   
  #page-title {
      display: none;
  }
   
  #footer, #footer a {
      background: transparent;
      color: #333333;
  }
   
  #search-top-box-input,
  #search-top-box-input:hover,
  #search-top-box-input:focus,
  #search-top-box-form input[type=submit],
  #search-top-box-form input[type=submit]:hover,
  #search-top-box-form input[type=submit]:focus {
      border: none;
      background: #333333;
      box-shadow: none;
      border-radius: 0px;
      color: #efefef;
  }
   
  #search-top-box input.empty {
      color: #999999;
  }
   
  #search-top-box {
      top: 2.3rem!important;
      right: 8px;
  }
   
  #top-bar {
     display: flex;
     justify-content: center;
     right: 0;
     top: 7.9rem;
  }
   
  #top-bar, #top-bar a {
      color: #333333;
  }
   
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
      font-family: 'Montserrat', sans-serif;
      color: #000;
      letter-spacing: 1px;
  }
   
  h1 {
      font-size: 2em;
  }
   
  h2 {
      font-size: 1.45em;
  }
   
  div#extra-div-1 {
      height: 180px;
      width: 100%;
      top: 0;
      position: absolute;
      background: url('https://scp-wiki.wdfiles.com/local--files/secure-facilities-locations/Site-41.svg');
      background-size: contain;
      background-repeat: no-repeat;
      background-position: 50% 50%;
      z-index: -1;
  }
   
  @media (max-width: 707px) {
      div#extra-div-1 {
          top: 15px;
      }
  }
   
  body {
      background-image: linear-gradient(
          to bottom,
          #e0e0e0, #e0e0e0 90px,
          #e0e0e0 90px, #ffffff 200px,
          #ffffff 200px, #ffffff 100%);
      background-repeat: no-repeat;
  }
   
  :root {
    --timeScale: 1.5;
    --timeDelay: 1.5s;
    --posX: calc(50% - 358px - 13rem);
    --fnLinger: 1s;
  }
   
  #page-content hr {
      background-color: #000;
  }
   
  #page-content .sidebox tr td,
  #page-content .sidebox tr th {
      padding: 0.35em;
  }
   
  #side-bar {
      border-right: 1px solid #333;
      background: #DDD;
  }
   
  #side-bar .side-block {
      border: 1px solid #333;
      border-radius: 0;
      box-shadow: none;
  }
   
  #top-bar div.open-menu a {
      border: 1px solid #333;
      border-radius: 0;
      box-shadow: none;
  }
   
  @media (max-width: 767px) {
      #side-bar:target {
          border: 1px black;
          box-shadow: none;
      }
  }
   
  #side-bar .side-block {
      border: 1px solid #333;
      border-radius: 0;
      box-shadow: none;
      background-color: #FDF6D7;
  }
  #side-bar .side-block.media {
      background-color:#D7EFE7;
  }
  #side-bar .side-block.resources {
      background-color:#F5D8E0;
  }
   
  #page-content .creditRate{
      margin: unset;
      margin-bottom: 4px;
  }
  #page-content .rate-box-with-credit-button {
      background-color: #ffffff;
      border: solid 1px #000;
      box-shadow: none;
      border-radius: 0;
  }
   
  #page-content .rate-box-with-credit-button .fa-info {
      border: none;
      color: #333333;
  }
   
  #page-content .rate-box-with-credit-button .fa-info:hover {
      background: #333333;
      color: #ffffff;
  }
   
  .rate-box-with-credit-button .cancel {
      border: solid 1px #ffffff;
  }
   
  /* ---- PAGE RATING ---- */
   
  .page-rate-widget-box {
      box-shadow: none;
      border: solid 1px #000;
      margin: unset;
      margin-bottom: 4px;
      border-radius: 0;
  }
   
  div.page-rate-widget-box .rate-points {
      background-color: #ffffff;
      color: #333333;
      border: none;
      border-radius: 0;
  }
  .page-rate-widget-box .rateup,
  .page-rate-widget-box .ratedown {
      background-color: #ffffff;
      border-top: none;
      border-bottom: none;
  }
   
  .page-rate-widget-box .rateup a,
  .page-rate-widget-box .ratedown a {
      background: transparent;
      color: #333333;
  }
   
  .page-rate-widget-box .rateup a:hover,
  .page-rate-widget-box .ratedown a:hover {
      background: #333333;
      color: #ffffff;
  }
   
  .page-rate-widget-box .cancel {
      background: transparent;
      background-color: #ffffff;
      border: none;
      border-radius: 0;
  }
   
  .page-rate-widget-box .cancel a {
      color: #333333;
  }
  .page-rate-widget-box .cancel a:hover {
      background: #333333;
      color: #ffffff;
      border-radius: 0;
  }
  #page-content .rate-box-with-credit-button .page-rate-widget-box { border: none; }
   
  .anchor {
      position: sticky;
      height:0;
      top: 0;
  }
  .sidebox {
      padding: .14rem;
      margin-top: 0;
      margin-bottom: 8px;
      width: calc((100vw - 870px)/2);
      max-height: calc(100vh - 18rem);
      position: absolute;
      top: 0;
      left: 103.5%;
      z-index: 5;
      overflow: auto;
      box-sizing: border-box;
  }
  @media (max-width: 1290px) {
      .sidebox {
          display: none;
          visibility: hidden;
      }
   
      #header h2::before {
          font-size: 0.9em !important;
      }
  }
   
  .scp-image-block {
      box-shadow: none;
  }
   
  /* ---- 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 ----*/
   
   .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: #333333;
       box-shadow: none;
  }
   .yui-navset .yui-nav a, /* ---- Link Modifier ---- */
   .yui-navset .yui-navset-top .yui-nav a{
       color: #333333;
      /* ---- Tab Background Colour | [UNSELECTED] ---- */
       background-color: #efefef;
       border: unset;
       box-shadow: none;
       box-shadow: none;
  }
   .yui-navset .yui-nav a:hover,
   .yui-navset .yui-nav a:focus{
       color: #ffffff;
      /* ---- Tab Background Colour | [HOVER] ---- */
       background-color: #333333;
  }
   .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;
       color: #ffffff;
       background-color: #ffffff;
       border-color: transparent;
       box-shadow: none;
  }
   .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: #333333;
  }
   .yui-navset .yui-nav .selected a,
   .yui-navset .yui-nav .selected a em{
       border: none;
  }
   .yui-navset .yui-nav .selected a{
       width: 100%;
       color: #ffffff;
  }
   .yui-navset .yui-nav .selected a:focus,
   .yui-navset .yui-nav .selected a:active{
       color: #ffffff;
       background-color: #333333;
  }
   .yui-navset .yui-content {
      background-color: #ffffff;
      box-shadow: none;
  }
   .yui-navset .yui-content,
   .yui-navset .yui-navset-top .yui-content{
      padding: .5em;
      border: 1px solid #333;
      box-sizing: border-box;
  }
   
  /*---- SCROLLBAR ----*/
   
  ::-webkit-scrollbar {
      width: 10px;
  }
   
  ::-webkit-scrollbar-track {
      background: #FFF;
      border-left: 1px solid #333;
  }
   
  ::-webkit-scrollbar-thumb {
       background: #CCC;
       border: #333 1px solid;
  }
   
  ::-webkit-scrollbar-thumb:hover {
       background: #EEE;
  }
   
  /*---- CENTER IMAGES ON MOBILE courtesy of EstrellaYoshte and PeppersGhost ----*/
   
  .imagediv {
      float: right;
      margin: 15px
  }
   
  @media (max-width: 540px) {
    .imagediv {
      float: none;
      text-align:center;
      margin: auto;
    }
  }
   
  @media only screen and (max-width: 600px) {
      .scp-image-block.block-right{
          float: none;
          margin: 10px auto;
      }
  }
   
  /*---- ACS-COLORED TABLE DIVS ----*/
   
  #page-content .table1 tr th,
  #page-content .table1 .scp-image-block .scp-image-caption {
      background-color: #D7EFE7;
  }
   
  #page-content .table2 tr th,
  #page-content .table2 .scp-image-block .scp-image-caption {
      background-color: #D8ECF4;
  }
   
  #page-content .table3 tr th,
  #page-content .table3 .scp-image-block .scp-image-caption {
      background-color: #FDF6D7;
  }
   
  #page-content .table4 tr th,
  #page-content .table4 .scp-image-block .scp-image-caption {
      background-color: #FFDABF;
  }
   
  #page-content .table5 tr th,
  #page-content .table5 .scp-image-block .scp-image-caption {
      background-color: #F5D8E0;
  }
   
  #page-content .table6 tr th,
  #page-content .table6 .scp-image-block .scp-image-caption {
      background-color: rgba(146, 0, 255, 0.2);
  }
   
  .tableb .wiki-content-table {
      border-collapse: separate;
      border-spacing: 2px;
  }
   
  .tableb .scp-image-block {
      border: none;
  }
   
  .tableb .scp-image-block img {
      border: #000 1px solid;
      box-sizing: border-box;
  }
   
  .tableb .scp-image-block .scp-image-caption {
      margin-top: 2px;
      border: #000 1px solid;
      box-sizing: border-box;
  }
   
  .top-left-box > .item {
    display: none;
  }
   
  /* ---- WORDS NO LONGER BROKEN, THE CROQUEMBOUCHE HAS SPOKEN ---- */
  span, a { word-break: normal !important }
   
  .avatar-hover { display: none !important; }
   
  #breadcrumbs, .pseudocrumbs {
      text-align: center;
      padding-top: 10px;
  }
   
  #main-content .page-tags span {
      max-width: 100%;
  }
   
  /* -- FANCY THINGS from Woedenaz's Dustjacket Theme -- */
   
  .fancyhr hr {
      border-top: 2vw solid transparent;
      background-color: rgba(var(--bright-accent), 0);
      height: 0;
      box-sizing: border-box;
      border-image-source: url('https://wanderers-library.wikidot.com/local--files/component:dustjacket-theme/wl_hr.png');
      border-image-repeat: round round;
      background: none;
      border-image-slice: 80 500 80 500 fill;
      border-image-width: 10em 80em 10em 80em;
  }
   
  .fancyborder {
      box-sizing: border-box;
      border: 2vw solid rgba(0,0,0,0.5);
      border-image: url('https://wanderers-library.wikidot.com/local--files/component:dustjacket-theme/wl_border.png') 600 round;
      border-image-width: 6;
      padding: 2vw;
  }

  Pages using this styling

  • scp-9429 [info]

  ¶ 1 occurrence
  

  
  @import url('https://scp-wiki.wdfiles.com/local--files/taboo/Museo.css');
  
  :root{
    --header-title: "R\0026 C SITE-41";
    --header-subtitle: "There Is No Antimemetics Division";
  }
  
  div#extra-div-1 {
      background-image: url(https://scp-wiki.wdfiles.com/local--files/secure-facilities-locations/Site-41.svg);
      filter: opacity(20%);
  }

  Pages using this styling

  • scp-9429 [info]

  ¶ 1 occurrence
  

  .report {
    padding: 10px 20px 10px 20px;
    font-family: "Courier New";  
    font-size: 1em;
    letter-spacing: -0.05em;
    color: #000;
  }
  .report span[style*="underline"] {
    text-decoration-thickness: 1px !important;
    text-decoration-color: rgba(0,0,0,0.55) !important;
    text-underline-offset: 0.3em;
  }
  
  /*---------- this is for the manila folder tabs -----------*/
  /*this is the top, darker brown tab background*/
  .yui-navset .yui-nav {
      border: solid #999999;
      border-width: 0px 0px 0px 0px;
      background: #ae8152;
      box-shadow: 0.2rem 0rem #ae8152;
  }
  
  .yui-navset .yui-nav li {
      margin: 0px 2px 0px 0px;
      padding: 0px;
  }
  
  .yui-navset .yui-nav .selected {
      margin: 0px 2px 0px 0px;
      padding: 0px;
  }
  
  .yui-navset .yui-nav li em {
      font-family: courier, monospace !important;
      font-size: 12pt;
      font-weight: bold;
      color: #000 !important; /* FIX: tab text now black */
  }
  
  /* this is the yellow manila background for the tabs*/
  .yui-navset .yui-content {
      background: #F9D986;
      border: solid 2px #000000;
      border-radius: 5px;
      box-shadow: 0.2rem 0.1rem #ae8152;
  }
  
  .yui-navset .yui-nav a em {
      padding: 0px 5px 0px 5px;
      color: #000 !important; /* FIX */
  }
  
  .yui-navset .yui-nav .selected a em {
      padding: 0px 5px 0px 5px;
      color: #000 !important; /* FIX */
  }
  
  div.yui-navset ul.yui-nav a,
  div.yui-navset div.yui-navset-top ul.yui-nav a {
      background: #f4eede;
      border: solid #000000;
      border-width: 3px 3px 1px 3px;
      color: #000 !important; /* FIX */
  }
  
  div.yui-navset ul.yui-nav a:hover,
  div.yui-navset ul.yui-nav a:focus {
      background: #f4eede !important;
      border: solid #000000 !important;
      border-width: 3px 3px 1px 3px !important;
      color: #000 !important;
      outline: none !important;
      box-shadow: none !important;
      text-decoration: none !important;
  }
  
  div.yui-navset ul.yui-nav a:hover em,
  div.yui-navset ul.yui-nav a:focus em {
      background: transparent !important;
      color: #000 !important;
  }
  
  .yui-navset .yui-nav li:hover {
      background: transparent !important;
      box-shadow: none !important;
  }
  
  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: #F9D986;
      border: solid 3px #000000;
      color: #000 !important; /* FIX */
  }
  .clip-wrap div {
      max-width: 60%;
      margin: 1rem auto;
      width: 60%;
  }
  .clip-wrap .clip-img,
  .clip-wrap .clip-body {
      border: solid 2px #000000;
      background-color: rgb(244, 244, 244);
      box-sizing: border-box;
      position: relative;
      z-index: 0;
      padding: 0.5rem;
  }
  .clip-wrap .clip-img::before,.clip-wrap .clip-img::after,
  .clip-wrap .clip-body::before,.clip-wrap .clip-body::after {
      content:'';
      position: absolute;
      pointer-events: none;
      border: solid 0.25rem #333333;
      transform: rotate(25deg);
  }
  .clip-wrap .clip-img::before,.clip-wrap .clip-img::after {
      border: solid 0.25rem #333333;
  }
  .clip-wrap .clip-img::before,
  .clip-wrap .clip-body::before {
    right: 0.45rem;
    height: 36px;
    width: 9px;
    top: -0.45rem;
    border-radius: 0 0 2rem 2rem;
    border-top: none;
  }
  .clip-wrap .clip-img::after,
  .clip-wrap .clip-body::after {
      top: -24px;
      right: -0.5rem;
      height: 16px;
      width: 14px;
      border-radius: 2rem 2rem 0 0;
      border-bottom: solid 0.55rem transparent;
      z-index: -1;
  }
  .clip-wrap .clip-body img,
  .clip-wrap .clip-img {
      border: 0.15rem solid #000000;
      width: max-content;
  }
  .clip-wrap .clip-img::before {
    right: -0.2rem;
    top: -0.45rem;
  }
  .clip-wrap .clip-img::after {
      right: -0.8rem;
      height: 45px;
  }
  .clip-wrap .clip-img {
      padding: 0rem;
      border: 0.12rem solid #000000;
      box-shadow: 0px 0px 0px 3px rgba(50,50,50, 0.1), 0px 0px 0px 5px rgba(150,150,150, 0.1);
  }
  .clip-wrap .clip-img-left::before {
      left: -0.2rem;
      right: auto;
      top: -0.45rem;
      transform: rotate(-25deg);
  }
  .clip-wrap .clip-img-left::after {
      left: -0.8rem;
      right: auto;
      top: -24px;
      height: 45px;
      transform: rotate(-25deg);
  }

  Pages using this styling

  • scp-9426 [info]

  ¶ 1 occurrence
  

  div[class$="_memo"] {
      background-image: linear-gradient(rgba(var(--memo-color), 0.7), rgba(var(--memo-color), 0.7)),
      var(--memo-logo);
      background-size: contain;
      background-position: top center;
      background-repeat: no-repeat;
      min-height: 4rem;
      margin-inline: auto;
      margin-block: 2rem;
      padding-inline: 20px;
      padding-block: 10px;
      border: solid 2px rgba(0, 0, 0, 0.1);
      text-align: center;
  }
  
  div[class$="_memo"]::before {
      content: var(--memo-heading);
      font-family: var(--UI-font);
      font-weight: 900;
      font-size: 1.3em;
      text-align: center;
      margin: 0 auto 1rem auto;
      display: flex;
      flex-direction: column;
      padding-top: 0.5em;
  }
  div.ethics_memo {
      --memo-heading: "ETHICS COMMITTEE NOTICE";
      --memo-logo: url(https://scp-wiki.wikidot.com/local--files/theme:basalt/ETHICS_LIGHTLOGO.png);
      --memo-color: 255, 219, 196;
  }

  Pages using this styling

  • scp-9420 [info]

  ¶ 1 occurrence
  

  .blinking{
      animation:blinkingText 1.2s infinite;
  }
  @keyframes blinkingText{
      0%{     color: #DDDD77;    }
      49%{    color: #DDDD77; }
      60%{    color: transparent; }
      99%{    color:transparent;  }
      100%{   color: #DDDD77;    }
  }

  Pages using this styling

  • scp-9412 [info]

  ¶ 1 occurrence
  

  :root {
  
      --header-logo: url('https://scp-wiki.wdfiles.com/local--files/dinodraws-author-page/departmentofgeology%20darkmode.png');
   --title: "Geological Research Site-898";
    --subtitle: "'Til the Dead Canary Sings";
      --space-body-bg: url(https://scp-wiki.wdfiles.com/local--files/scp-8446/backgroundattempt3.jpg);
  body {
      background-image: var(--space-body-bg);
      background-size: 100%;
      background-attachment: fixed;
  
    background-size: cover;
    background-position: center;
  
  @media only screen and (max-width: 600px){
  #content-wrap{
  background-image:none;
  }
  #content-wrap:before{
  content:"";
  display:block;
  position:fixed;
  left:0;
  top:0;
  width:100vw;
  height:100vh;
  background-size:cover;
  background:url("https://scp-wiki.wdfiles.com/local--files/scp-8446/mobilebackground.png") no-repeat 65% 20% !important;
  z-index:-1;
  }
  
  }
  }
  
  #page-content div.modal {
      max-width: 57rem;
  }
  
  div.modal {
      display: block;
      width: 80%;
      margin-inline: auto;
      margin-block: 1.4rem;
      padding-inline: 1.5rem;
      padding-block: 0.5rem;
      background-color: rgb(var(--basalt-primary-color));
      border: solid 0.2rem rgb(var(--general-border-color));
      color: rgb(var(--basalt-main-text-color));
  }
  

  Pages using this styling

  • scp-9404 [info]

  ¶ 1 occurrence
  

  :root {
      --header-title: "Transit Foundation";
      --header-subtitle: "SORRY BUS FULL";
  }

  Pages using this styling

  • scp-9403 [info]

  ¶ 1 occurrence
  

  @media (min-width: 1450px) {
    .note-left, .note-right {
      transform: translatey(-100%);
    }
  }

  Pages using this styling

  • scp-9399 [info]

  ¶ 1 occurrence
  

  :root {
  --keter: 120, 17, 204
  }

  Pages using this styling

  • scp-9399 [info]

  ¶ 1 occurrence
  

  .anom-bar-container.endeminis .text-part > .main-class::after {
      background-color: rgb(120, 17, 204)
  }

  Pages using this styling

  • scp-9399 [info]

  ¶ 1 occurrence
  

  .note-left,
  .note-right {
    padding: 8px 16px;
    border-radius: 5px;
    background-color: white;
    box-shadow: 0 0 4px rgba(0,0,0,0.15);
    font-size: 0.9em;
    color: #000;
  }
  
  .note-left {
    border: 1px solid #f24e3a;
  }
  
  .note-right {
    border: 1px solid #F24E3A;
  }
  
  @media (min-width: 1450px) {
    .note-right-container,
    .note-left-container {
      position: relative;
    }
  
    .note-right {
      position: absolute;
      left: 100%;
      margin-left: 20px;
      width: calc(50vw - 590px);
    }
  
    .note-left {
      position: absolute;
      right: 100%;
      margin-right: 20px;
      width: calc(50vw - 590px);
    }
  }
  
  @media (min-width: 950px) and (max-width: 1450px) {
    .note-right-container {
      float: right;
      max-width: 380px;
      margin-left: 20px;
    }
  
    .note-left-container {
      float: left;
      max-width: 380px;
      margin-right: 20px;
    }
  }
  
  @media (min-width: 768px) and (max-width: 950px) {
    .note-right-container,
    .note-left-container {
      width: 100%;
      margin: 10px 0;
    }
  }
  
  @media (min-width: 550px) and (max-width: 768px) {
    .note-right-container {
      float: right;
      max-width: 280px;
      margin-left: 15px;
    }
  
    .note-left-container {
      float: left;
      max-width: 280px;
      margin-right: 15px;
    }
  }
  
  @media (max-width: 550px) {
    .note-right-container,
    .note-left-container {
      width: 100%;
      margin: 10px 0;
    }
  }

  Pages using this styling

  • scp-9399 [info]

  ¶ 1 occurrence
  

  #u-blink-bar p:last-child::after {
      content: "";
      border-right: 1px solid black;
      animation: blink 1.5s infinite;
      position: relative;
      left: 1px;
  }
   
  @keyframes blink {
      to {
          opacity: .0;
      }
  }

  Pages using this styling

  • scp-9390 [info]

  ¶ 1 occurrence
  

  :root{
    --header-title: "SITE-3";
    --header-subtitle: "Low Priority Research and Containment";
  }
  
  div#extra-div-1 {
      background-image: url(https://scp-wiki.wdfiles.com/local--files/vilsolad/Site-3.png);
      filter: opacity(20%);
  }
  div.blockquote.log{border:solid 1px #999999;}
  
  .email-example .collapsible-block-folded a.collapsible-block-link {
      animation: blink 0.8s ease-in-out infinite alternate;
  }
  @keyframes blink {
      0% { color: transparent; }
      50%, 100% { color: ##146414; }
  }
  .email {border: solid 2px #000000; width: 88%; padding: 1px 15px; margin: 10px; box-shadow: 0 1px 3px rgba(0,0,0,.5)}
  .email-example a.collapsible-block-link {font-weight: bold;}
  .tofrom {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px maroon}
  

  Pages using this styling

  • scp-9386 [info]

  ¶ 1 occurrence
  

  .randomiser { display: none; }
  
  .random-image-2 { display: none; }
    {
    .random-image-1 {
      display: none;
    }
    .random-image-2 {
      display: block;
    }
  }

  Pages using this styling

  • scp-9380 [info]

  ¶ 1 occurrence
  

  .page {
      display: block;
      overflow: hidden;
      font-family: sans-serif;
      font-style: normal;
      background-attachment: scroll;
      background-clip: border-box;
      background-color: tran bcarent;
      background-image: linear-gradient(to top , 99.. , 219, 228) 0%, rgb(231, 233, 220) 8%);
      background-origiao
  O ki 9 i97: padding-box;
      background-position: 0px 8px;
      background-repeat: repeat;
      background-size: 100% 20px;
      border: 1px solid #CCC;
      border-radius: 10px;
      padding: 10px 10px;
      margin-bottom: 10px;
      box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2)
  }
  .page p,
  .page ul {
      line-height: 20px;
      margin: 0;
  }
  
  
  .popup-link {
      background-color: rgba(55, 55, 55, 0.25);
  }
  
  .popup {
      border: 5px solid black;
      padding: 10px;
      position: fixed;
      left: 15%;
     bottom: 50%;
  background-color:white;
      visibility: hidden;
      pointer-events: auto;
  }
   .popup::before {
      content: "Translation";
      font-weight: bold;
      font-size: 135%;
      display: block;
      text-align: center;
      margin-bottom: 5px;
  }
  :is(.popup-link):is(:hover) + .popup, .popup:is(:hover) {
      visibility: visible;
  }

  Pages using this styling

  • scp-9380 [info]

  ¶ 1 occurrence
  

  .phone-wrap {
      background-color: #e5ddd5;
      border: 1px solid #999;
      max-width: 400px;
      margin: 20px auto;
      padding: 15px;
      font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
      border-radius: 10px;
      box-shadow: 0 4px 6px rgba(0,0,0,0.3);
      overflow: hidden;
  }
  
  .phone-wrap::after {
      content: "";
      display: table;
      clear: both;
  }
  
  .phone-wrap p {
      margin: 0;
      padding: 0;
  }
  
  .chat-bubble {
      padding: 6px 10px;
      margin-bottom: 2px;
      border-radius: 7px;
      font-size: 0.9em;
      clear: both;
      max-width: 75%;
      box-shadow: 0 1px 1px rgba(0,0,0,0.1);
      line-height: 1.2;
      position: relative;
      display: inline-block;
      word-wrap: break-word;
  }
  
  .left-msg {
      float: left !important;
      background-color: #ffffff;
      border-top-left-radius: 0;
      text-align: left;
      color: #000;
      margin-right: auto;
      clear: both !important;
  }
  
  .right-msg {
      float: right !important;
      background-color: #dcf8c6;
      border-top-right-radius: 0;
      text-align: left;
      color: #000;
      margin-left: auto;
      clear: both !important;
  }
  
  .right-msg strong {
      background: linear-gradient(135deg, #4a4a4a 0%, #1a1a1a 100%);
      color: white;
      padding: 4px 8px;
      border-radius: 4px;
      font-weight: bold;
      letter-spacing: 0.5px;
      text-transform: uppercase;
      font-size: 0.85em;
      display: inline-block;
  }
  
  .sys-msg {
      text-align: center;
      font-size: 0.75em;
      color: #555;
      background: rgba(255,255,255,0.6);
      padding: 3px 8px;
      border-radius: 10px;
      margin: 10px auto 15px auto;
      clear: both !important;
      width: fit-content;
      display: block;
      float: none !important;
  }
  
  .sys-msg::before,
  .sys-msg::after {
      content: "";
      display: table;
      clear: both;
  }
  
  .sender-name {
      font-size: 0.75em;
      font-weight: bold;
      color: #e542a3;
  }
  
  .name-sumon { color: #e542a3 !important; }
  .name-rakib { color: #d35400 !important; }
  
  .right-msg .sender-name {
      display: none;
  }
  
  .timestamp {
      font-size: 0.65em;
      color: #999;
      float: right;
      margin-top: 5px;
      margin-left: 8px;
      vertical-align: bottom;
  }
  
  .video-log {
      background-color: #121212;
      color: #ffffff;
      border: 0px;
      border-left: 5px solid #25F4EE;
      border-right: 5px solid #FE2C55;
      padding: 25px;
      font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
      font-size: 1rem;
      max-width: 550px;
      margin: 30px auto;
      box-shadow: 0 10px 20px rgba(0,0,0,0.4);
      border-radius: 8px;
      line-height: 1.6;
  }
  
  .video-overlay {
      color: #a0a0a0;
      font-size: 0.85em;
      border-bottom: 1px solid #333;
      padding-bottom: 12px;
      margin-bottom: 20px;
      font-weight: 600;
      display: flex;
      justify-content: space-between;
      align-items: center;
  }
  
  .video-overlay strong {
      color: #fff;
      text-shadow: 0 0 5px rgba(255, 255, 255, 0.3);
  }
  
  .video-log strong {
      color: #ffffff;
      font-weight: 700;
  }
  
  .video-log .subject strong {
      color: #FE2C55;
  }
  
  .video-log em {
      color: #ccc;
      font-size: 0.95em;
  }
  
  .rec-dot { 
      color: #FE2C55;
      animation: blink 2s infinite;
      font-weight: bold;
      margin-right: 5px;
  }
  
  @keyframes blink {
      0% { opacity: 1; }
      50% { opacity: 0.3; }
      100% { opacity: 1; }
  }
  
  .ring-log {
      background-color: #000000;
      color: #cccccc;
      border: 1px solid #333;
      border-radius: 4px;
      
      max-width: 680px;
      
      margin: 30px auto;
      box-shadow: 0 4px 10px rgba(0,0,0,0.6);
      font-family: 'Segoe UI', Tahoma, sans-serif;
      font-size: 0.95rem;
      line-height: 1.6;
      position: relative;
      overflow: hidden;
  }
  
  .ring-header {
      background: linear-gradient(to bottom, rgba(30,30,30,0.9) 0%, rgba(0,0,0,0) 100%);
      padding: 15px 20px;
      color: #fff;
      font-family: 'Courier New', Courier, monospace;
      font-size: 0.9em;
      display: flex;
      justify-content: space-between;
      align-items: center;
      letter-spacing: 1px;
      border-bottom: 1px solid #222;
  }
  
  .ring-content {
      padding: 25px;
  }
  
  .ring-dot {
      display: inline-block;
      width: 12px;
      height: 12px;
      background-color: #ff0000;
      border-radius: 50%;
      box-shadow: 0 0 6px #ff0000;
      margin-right: 10px;
      animation: blink 2s infinite;
      vertical-align: middle;
  
      color: transparent;
      font-size: 0;
  }
  
  @keyframes blink {
      0% { opacity: 1; }
      50% { opacity: 0.3; }
      100% { opacity: 1; }
  }
  
  .ring-log strong {
      text-transform: uppercase;
      font-size: 0.9em;
      letter-spacing: 0.5px;
      margin-right: 5px;
  }
  
  .name-babul {
      color: #48dbfb;
  }
  
  .name-rich {
      color: #feca57;
  }
  
  .ring-log em {
      color: #55efc4;
      font-family: 'Courier New', Courier, monospace;
      font-size: 0.9em;
      display: block;
      margin: 15px 0;
      border-left: 2px solid #55efc4;
      padding-left: 15px;
      background: linear-gradient(to right, rgba(85, 239, 196, 0.1) 0%, rgba(0,0,0,0) 100%);
  }
  
  .ring-battery {
      border: 1px solid #fff;
      width: 24px;
      height: 12px;
      display: inline-block;
      position: relative;
      margin-left: 10px;
      vertical-align: middle;
  
      color: transparent;
      font-size: 0;
  }
  .ring-battery::after {
      content: "";
      background-color: #4cd137;
      width: 60%;
      height: 100%;
      display: block;
  }
  
  .news-wrap {
      background-color: #ffffff;
      max-width: 900px;
      width: 100%;
      margin: 40px auto;
      font-family: Georgia, 'Times New Roman', serif;
      color: #111;
      border-top: 1px solid #eee;
      border-left: 5px solid #1a7b96;
      padding: 25px 25px 25px 40px;
      line-height: 1.6;
      display: block;
      position: relative;
      box-sizing: border-box;
      box-shadow: 0 5px 15px rgba(0,0,0,0.05);
  }
  
  .news-title {
      font-family: Georgia, 'Times New Roman', serif;
      font-size: 2.5rem;
      font-weight: 700;
      line-height: 1.1;
      color: #000;
      margin-bottom: 20px;
      letter-spacing: -0.5px;
  }
  
  .news-header-block {
      margin-bottom: 20px;
      border-bottom: 1px solid #eee;
      padding-bottom: 15px;
      
      display: grid;
      grid-template-columns: min-content 1fr;
      align-items: center;
      gap: 20px;
      
      min-height: 80px;
      width: 100%;
  }
  
  .news-avatar {
      float: none !important;
      margin: 0 !important;
      width: 60px;
      height: 60px;
      flex-shrink: 0;
      border-radius: 50%;
      background-color: #ddd;
      background-image: url('https://scp-sandbox-3.wdfiles.com/local--files/feathersnore/Warsawsky_Avatar.png'); 
      background-size: cover;
      background-position: center;
  }
  
  .news-meta {
      min-width: 0;
      display: flex;
      flex-direction: column;
      justify-content: center;
      font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
      line-height: 1.3;
      overflow: hidden;
  }
  
  .news-byline {
      font-size: 1rem;
      color: #333;
      display: block;
      width: 100%;
  }
  
  .news-role {
      font-size: 0.85rem;
      color: #666;
      display: block;
      width: 100%;
  }
  
  .news-date {
      font-size: 0.8rem;
      color: #888;
      margin-top: 3px;
      text-transform: uppercase;
      display: block;
      width: 100%;
  }
  
  .news-actions {
      display: flex;
      flex-wrap: wrap;
      gap: 12px;
      margin-top: 15px;
      margin-bottom: 30px;
      white-space: normal;
  }
  
  .news-btn {
      border: 1px solid #ddd;
      border-radius: 20px;
      padding: 6px 16px;
      font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
      font-size: 0.8rem;
      font-weight: 700;
      color: #444;
      background: #fff;
      cursor: default;
      transition: background 0.2s;
  }
  .news-btn:hover { background: #f5f5f5; }
  
  .news-bullets {
      background-color: #f7f7f7;
      padding: 20px 20px 20px 40px;
      border-radius: 8px;
      margin-bottom: 30px;
      font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
      font-weight: 500;
      color: #222;
      font-size: 1.05rem;
      list-style-type: disc;
  }
  
  .news-bullets li {
      margin-bottom: 12px;
      padding-left: 5px;
  }
  
  .news-body {
      font-size: 1.15rem;
      color: #2a2a2a;
  }
  
  .news-q {
      font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
      font-weight: 900;
      font-size: 0.95rem;
      text-transform: uppercase;
      color: #000;
      margin-top: 30px;
      display: block;
      margin-bottom: 5px;
      letter-spacing: 0.5px;
  }
  
  .news-a {
      display: block;
      margin-bottom: 10px;
  }
  
  .news-link {
      color: #1a7b96;
      text-decoration: underline;
      font-weight: bold;
      cursor: pointer;
  }

  Pages using this styling

  • scp-9365 [info]

  ¶ 1 occurrence
  

  :root{
  --title: "SCP Foundation";
  --subtitle: "SECURE - CONTAIN - PROTECT";
  }

  Pages using this styling

  • scp-9355 [info]

  ¶ 1 occurrence
  

  :root {
  --sp_header-logo: url(https://scp-wiki.wdfiles.com/local--files/scp-8348/stag_final_transparent.png);
  --header-title: "SCP Foundation";
  --header-subtitle: "Sidereal. Cosmic. Planetary.";
  }
  
   #page-content a.collapsible-block-link:not(.licensebox a.collapsible-block-link, .info-container a.collapsible-block-link, .default-col a.collapsible-block-link) {
  color: rgb(187, 0, 18);
  }
  

  Pages using this styling

  • scp-9349 [info]

  ¶ 1 occurrence
  

  
  .testinglog{
      border: solid 2px #d4d4d4;
    border-left: solid 8px #5CC060;
    background: var(--gray-50);
    width: 90%;
    padding: 1px 15px;
    margin: 10px auto;
    box-shadow: var(--shadow);
  }
  
  .dialog{
    border: solid 2px #d4d4d4;
    border-left: solid 8px #48A050;
    background: var(--gray-80);
    width: 90%;
    padding: 1px 15px;
    margin: 10px auto;
    box-shadow: var(--shadow);
  }
  

  Pages using this styling

  • scp-9346 [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css?family=Reenie+Beanie');
  
  .clearance {
    color: black;
    background-color: black;
    -webkit-user-select: none; /* Safari */
    -ms-user-select: none; /* IE 10 and IE 11 */
    user-select: none;
  }
  
  .page-rate-widget-box {
    box-shadow: 17px 25px 5px black !important;
  }
  
  #page-title { display: none !important; }
  
  :root {
    --link-color: 16,76,184 !important;
    --link-visited-color: 18,20,150 !important;
  }
  
  .specifier a {
    text-decoration: underline;
  }
  
  .specifier a:visited {
      text-decoration: none !important;
  }
  
  .return a:visited {
   color: rgb(226,60, 63) !important;
  }
  
  .return a {
    color: rgb(234, 46, 52) !important;
  }

  Pages using this styling

  • scp-9341 [info]

  ¶ 1 occurrence
  

  .modal {
    margin: 1em 0em;
  }
  .modal .poem {
    border-color: #D3D3D3;
  }

  Pages using this styling

  • scp-9340 [info]

  ¶ 1 occurrence
  

  blockquote {
     margin-left: 10px; 
     margin-right: 10px;    
     border: 1px double #999;
     background-color: #ffffff;
  }
  table.wiki-content-table { 
     margin-left: 0px; 
     margin-right: 0px;
     background-color: #ffffff;
  }
  
  body {
    background-image: linear-gradient(to bottom, #2F333C, #030e1c, #000000 15000px);
  }
  
  .al-fine, .vanguard, .elaimal, .omalley, .textbook, .schemer{
      width: 85%;
      margin: auto;
      padding: 15px;
      box-shadow: 0 1px 3px rgba(0,0,0,.2);
      color: #000000;
  }
  
  .omalley {
     border: solid 2.5px #6495ED;
     color: #6495ED;
     background-color: #000000;
  }
  

  Pages using this styling

  • scp-9330 [info]

  ¶ 1 occurrence
  

  .orderwrapper {
    width: auto;
    text-align: center;
    background-image: url("https://kaktuskontainer.wdfiles.com/local--files/format-hell/scp_trans.png");
    background-repeat: no-repeat;
    background-position: center;
    min-height: 300px;
    background-size: 300px;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  
  .council1 {
    margin: auto;
  }
  
  .ordertitle {
    left: 0;
    right: 0;
    top: 38px;
  }
  
  .ordertitle h1 {
    font-size: 220%;
    color: #555;
  }
  
  .orderdescription {
    left: 0;
    right: 0;
    top: 85px;
    width: 100%;
  }
  
  .orderdescription p {
    font-size: 90%;
    color: #555;
  }
  
  .orderdescription h1 {
    font-size: 120%;
    color: #555;
  }
  
  .itemno {
    left: 0;
    right: 0;
    bottom: 27px;
  }
  
  .itemno h1 {
    font-size: 170%;
    color: #555;
  }
  
  .ordertitle {
    margin-bottom: -30px;
  }
  
  .itemno {
    margin-top: -20px;
  }

  Pages using this styling

  • scp-9321 [info]

  ¶ 1 occurrence
  

  :root {
      --four-color: 196,2,51 !important;
      --three-color: 196,2,51 !important;
      --one-color: 196,2,51 !important;
  }

  Pages using this styling

  • scp-9317 [info]

  ¶ 1 occurrence
  

  
  body {
  
      background-image: url(https://scp-wiki.wdfiles.com/local--files/scp-9317/9317Background.png);
      background-attachment: fixed;
      background-size: cover;
  }
  
  body:before {
    content: ' ';
    position: fixed;
    display: block;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(170deg, transparent, rgb(0, 0, 0) 65%, rgb(0, 0, 0) 65%, rgb(0, 0, 0) 100%);
    z-index: -1;
    color:#EDEDED;
  }
  
  :root{
  --logo: url(https://scp-wiki.wdfiles.com/local--files/scp-9317/ScarletSCPLogo.png);
  --title: "SCARLET RESPONSE";
  --subtitle: "Destruentes Radices Tenebrarum";
  }
  
  :root {
      /* REDMODE */
      --basalt-UI-dark-palette: 50, 45, 45;
      --basalt-bright-element-color: 135, 15, 6;
      --basalt-dark-element-color: 135, 15, 6;
      --basalt-primary-color: 15, 10, 12;
      --basalt-secondary-color: 40, 20, 23;
      --basalt-tertiary-color: 50, 40, 40;
      --general-border-color: 135, 15, 6;
  }
  
  
  a:link {
    color: #870F06;
  }
  a:visited {
    color: #870F06;
  }
  a:hover {
    color: #870F06;
  }
  a:active {
    color: #870F06;
  }
  

  Pages using this styling

  • scp-9317 [info]

  ¶ 1 occurrence
  

  body {
      background-image: linear-gradient(to bottom, #e0e0e0, #fff 18700px, #fff 15%, #000000 90%);
  }

  Pages using this styling

  • scp-9314 [info]

  ¶ 1 occurrence
  

  :root {
   --accentColor: 145, 121, 231;
   --altAccentColor: 75, 57, 123;
   --rating-module-button-color: var(--accentColor);
  }

  Pages using this styling

  • scp-9301 [info]

  ¶ 1 occurrence
  

  .borderless-image .scp-image-block {
    border-bottom: none;
  }
  
  .info-container .collapsible-block-folded, .info-container .collapsible-block-unfolded-link {
      background: rgb(var(--stellar-highlight-color));
  }
  
  .info-container .collapsible-block-unfolded {
      border: 1px solid rgb(var(--stellar-highlight-color));
      background-color: rgb(var(--stellar-stnd-bg-color));
  }
  
  .info-container .collapsible-block-folded .collapsible-block-link, .info-container .collapsible-block-link {
      background: rgb(var(--stellar-light-text-color));
  }
  
  #u-author_block > p > a {
      background: rgb(var(--stellar-highlight-color));
          color: rgb(var(--stellar-light-text-color));
  }
  
  .anom-bar-container, .anom-bar-container *, .acs-extra {
      font-family: 'Orbitron', var(--body-font) !important;
      font-weight: 800;
  }
  
  .anom-bar > div.bottom-box::before {
      background-color: rgb(var(--stellar-highlight-color));
  }
  
  .text-part .disrupt-class::after, .text-part .risk-class::after {
      border: 0.25rem solid rgb(var(--stellar-highlight-color));
  }
  
  .text-part .disrupt-class::before, .text-part .risk-class::before {
      background-color: rgb(var(--stellar-dark-text-color));
      color: rgb(var(--stellar-light-text-color));
  }
  
  .scp-image-block.block-center {
    margin-bottom: 1em;
  }
  
  :is(:where(#page-content) table:not(.form), table.wiki-content-table) td {
    width: 50%;
    text-align: center;
  }
  
  .anom-bar-container.esoteric .text-part > .main-class::after {
    border: 0.25rem solid rgb(var(--stellar-highlight-color));
    background-color: rgb(var(--stellar-dark-text-color));
  }
  
  .anom-bar-container.thaumiel .text-part > .main-class::after,
  .anom-bar-container.thaumiel .danger-diamond > .bottom-icon::before {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 23.0.3, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.2' baseProfile='tiny' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 200 200' xml:space='preserve'%3E%3Cg%3E%3Cpath fill='none' d='M94.7,112.4h11.1c0.7,0,1.2-0.8,0.7-1.5c-1.9-2.6-3.7-5.1-5.6-7.7c-0.4-0.5-1.1-0.5-1.5,0 c-1.9,2.6-3.7,5.1-5.6,7.7C93.5,111.6,94,112.4,94.7,112.4z'/%3E%3Cpath fill='none' d='M111.2,108.8c1.1-3.5,2.3-7.1,3.4-10.6c0.2-0.7-0.4-1.4-1.2-1.2c-3,1-6,1.9-9,2.9c-0.6,0.2-0.8,0.9-0.5,1.4 c1.9,2.6,3.7,5.1,5.6,7.7C110,109.7,110.9,109.6,111.2,108.8z'/%3E%3Cpath fill='none' d='M32.6,94.4c1.4,2.8,3.3,5.3,5.7,7.3l0,0c0.9,0.8,3.8,3,7.8,4.4c2.1,0.7,5,1.1,8.9,1.1c0.5,0,1,0,1.5,0 c6.1-0.1,12.1-1.2,17.9-3.1l6.9-2.3c1-0.3,1.5-1.4,1.2-2.3c-0.4-1.2-0.8-2.5-1.2-3.7c-0.4-1.2-1-2.5,0.2-3.5 c0.7-0.6,2.8-2.1,4.4-3.2c0.8-0.6,1-1.8,0.4-2.6L82,80.5c-3.7-5.1-8.1-9.7-13.2-13.5c-3.4-2.5-6.2-4.1-8.4-4.8 c-2.1-0.6-4.5-1.3-7.4-1.3c-3.4,0-6.9,1-10.6,3c-0.5,0.2-0.9,0.5-1.2,0.7l-0.1,0.1l-0.1,0.1l-0.1,0.1l-2.1,1.6l-0.1,0.1l-0.1,0.1 c-3.3,2.8-5.7,6.4-7,10.5c-1.1,3.4-1.4,7.1-0.9,10.6c0.1,0.5,0.3,1.1,0.4,1.6L32.6,94.4z'/%3E%3Cpath fill='none' d='M73.1,162.2l0.2,0c0.4,0,0.9-0.1,1.4-0.1c3.2-0.4,6.2-1.5,8.9-3.2c0.4-0.2,3.7-2.3,6.5-6 c1.2-1.6,2.4-4.2,3.6-7.5c2.1-6.3,3.1-13,3.1-19.7V118c0-1-0.8-1.8-1.8-1.8h-4.2c-1.3,0-2.4,0-2.9-1.4c-0.4-1-1.1-3.3-1.7-5 c-0.3-1-1.4-1.5-2.3-1.2l-5.7,1.8c-5.1,1.7-10,4-14.6,6.9c-5.1,3.3-8.8,6.3-10.5,8.8c-2.5,3.6-5.7,8.2-3.9,17.5 c0.1,0.5,0.2,1,0.3,1.4l0,0.2l0,0.1l0,0.1l0.8,2.5l0,0.1l0.1,0.1c1.6,3.9,4.3,7.3,7.7,9.9c3.5,2.5,7.5,4,11.8,4.3l0.1,0h0.1l1.9,0 H73L73.1,162.2z'/%3E%3Cpath fill='none' d='M84.9,32.6c-0.2,0.1-0.3,0.3-0.5,0.4C82,35.3,80.2,38,79,40.9c-0.2,0.4-1.6,4.1-1.7,8.7 c-0.1,2.6,0.8,6.5,2.5,11.2c2,5.5,4.8,10.7,8.3,15.5l4.2,5.7c0.6,0.9,1.8,1,2.7,0.3c0.9-0.6,1.7-1.2,2.6-1.9c1-0.7,2.2-2.1,3.7-1.4 c0.8,0.4,3,2.1,4.6,3.3c0.8,0.6,2,0.5,2.6-0.4l4.1-5.7c3.5-4.8,6.3-10,8.3-15.5c1.7-4.7,2.6-8.6,2.5-11.2c-0.1-4.5-0.2-10-7.2-16.6 c-0.2-0.2-0.3-0.3-0.5-0.4l-3.4-2.5c-0.2-0.1-0.4-0.3-0.6-0.4c-3.5-2-7.4-3-11.4-3h0c-4,0-7.9,1.1-11.4,3c-0.2,0.1-0.4,0.3-0.6,0.4 L84.9,32.6z'/%3E%3Cpath fill='none' d='M85.9,98.3c1.1,3.5,2.3,7.1,3.4,10.6c0.2,0.7,1.2,0.9,1.6,0.3c1.9-2.6,3.7-5.1,5.6-7.7 c0.4-0.5,0.1-1.2-0.5-1.4l-9-2.9C86.4,96.9,85.7,97.6,85.9,98.3z'/%3E%3Cpath fill='none' d='M97.4,96.5c0.6,0.2,1.2-0.2,1.2-0.9c0-3.2,0-6.3,0-9.5c0-0.7-0.8-1.2-1.4-0.7l-9,6.5c-0.6,0.4-0.5,1.4,0.3,1.6 C91.4,94.6,94.4,95.6,97.4,96.5z'/%3E%3Cpath fill='none' d='M103.5,96.5l9-2.9c0.7-0.2,0.9-1.2,0.3-1.6c-3-2.2-6-4.4-9-6.5c-0.6-0.4-1.4,0-1.5,0.7c0,3.2,0,6.3,0,9.5 C102.3,96.3,102.9,96.7,103.5,96.5z'/%3E%3Cpath fill='none' d='M150.6,148l2-6.2c0.2-2.4,0-4.7-0.6-7.1c-0.1-0.4-1.1-4.3-3.7-8.1c-2.4-3.5-8.9-8.2-18-13.2 c-0.4-0.2-0.7-0.4-1.1-0.5l-13.6-4.4c-0.1,0-0.2,0-0.2,0.1c-0.3,0.8-1.4,4.3-2,6.1c-0.4,1.1-0.9,1.9-2.2,2 c-2.3,0.1-4.6,0.1-6.9,0.1c-0.1,0-0.2,0.1-0.2,0.2v15.6c0,0.4,0,0.9,0.1,1.3c1.9,9.5,4.3,16.6,6.8,19.9c2.3,3,5.1,6.6,11.7,8.4 l8.4,0C140,162.2,147.9,156.5,150.6,148z'/%3E%3Cpath fill='none' d='M170.5,84.3c0-2.4-0.3-4.9-1.1-7.2c-1.3-4.1-3.8-7.7-7-10.5l-0.1-0.1l-0.1-0.1l-2.1-1.6l-0.1-0.1l-0.1-0.1 l-0.1-0.1c-0.4-0.2-0.8-0.5-1.2-0.7c-2.9-1.5-5.9-2.5-9.1-2.7c-0.1,0-0.6,0-1.3,0c-1.8,0-4.6,0.2-7.6,1.1c-2.5,0.8-6,2.9-10,6 c-4.6,3.6-8.7,7.9-12.1,12.6l-4,5.5c-0.6,0.8-0.4,2,0.4,2.6c0.8,0.6,1.6,1.1,2.4,1.7c0.9,0.6,2.5,1.5,2.8,2.7 c0.1,0.5-0.1,0.9-0.2,1.4c-0.5,1.6-1,3.1-1.5,4.7c-0.3,1,0.2,2,1.2,2.3l7,2.3c5.8,1.9,11.9,3,18,3.1c0.5,0,1,0,1.5,0 c3.9,0,6.8-0.4,8.9-1.1c3.9-1.4,8.8-3.1,12.7-10.3l2.1-6.6C170.1,87.6,170.4,86,170.5,84.3z'/%3E%3Cpath fill='%23faf2e2' d='M166.5,60.4L166.5,60.4l-49.8-36.2c-9.8-7.1-22.9-7.1-32.7,0L34,60.4c-9.8,7.1-13.8,19.6-10.1,31l19,58.8 c3.7,11.5,14.4,19.3,26.5,19.3l61.7,0c12.1,0,22.7-7.7,26.5-19.3l19-58.9C180.3,80,176.2,67.5,166.5,60.4z M169.6,89.2l-2.1,6.6 c-4,7.2-8.8,8.9-12.7,10.3c-2.1,0.7-5,1.1-8.9,1.1c-0.5,0-1,0-1.5,0c-6.1-0.1-12.1-1.2-18-3.1l-7-2.3c-1-0.3-1.5-1.4-1.2-2.3 c0.5-1.6,1-3.1,1.5-4.7c0.1-0.5,0.3-0.9,0.2-1.4c-0.2-1.2-1.9-2-2.8-2.7c-0.8-0.6-1.6-1.1-2.4-1.7c-0.8-0.6-1-1.8-0.4-2.6l4-5.5 c3.4-4.7,7.5-9,12.1-12.6c4.1-3.2,7.5-5.3,10-6c3-0.9,5.8-1.1,7.6-1.1c0.7,0,1.2,0,1.3,0c3.2,0.3,6.3,1.2,9.1,2.7 c0.5,0.2,0.8,0.5,1.2,0.7l0.1,0.1l0.1,0.1l0.1,0.1l2.1,1.6l0.1,0.1l0.1,0.1c3.3,2.8,5.7,6.4,7,10.5c0.8,2.4,1.1,4.8,1.1,7.2 C170.4,86,170.1,87.6,169.6,89.2z M50.5,148l-0.1-0.1l0-0.1l-0.8-2.5l0-0.1l0-0.1l0-0.2c-0.1-0.4-0.2-0.9-0.3-1.4 c-1.7-9.3,1.4-13.9,3.9-17.5c1.7-2.5,5.4-5.5,10.5-8.8c4.5-2.9,9.4-5.2,14.6-6.9l5.7-1.8c1-0.3,2,0.2,2.3,1.2c0.5,1.7,1.3,4,1.7,5 c0.6,1.4,1.7,1.4,2.9,1.4h4.2c1,0,1.8,0.8,1.8,1.8v7.7c0,6.7-1,13.4-3.1,19.7c-1.1,3.3-2.3,5.9-3.6,7.5c-2.8,3.7-6.1,5.8-6.5,6 c-2.7,1.7-5.7,2.7-8.9,3.2c-0.5,0.1-1,0.1-1.4,0.1l-0.2,0l-0.1,0h-0.9l-1.9,0h-0.1l-0.1,0c-4.2-0.3-8.3-1.8-11.8-4.3 C54.7,155.4,52.1,152,50.5,148z M38.3,101.7L38.3,101.7c-2.4-2-4.3-4.5-5.7-7.3l-1.7-5.1c-0.2-0.5-0.3-1.1-0.4-1.6 c-0.5-3.5-0.3-7.2,0.9-10.6c1.3-4.1,3.8-7.7,7-10.5l0.1-0.1l0.1-0.1l2.1-1.6l0.1-0.1l0.1-0.1l0.1-0.1c0.4-0.2,0.8-0.5,1.2-0.7 c3.7-2,7.2-3,10.6-3c2.9,0,5.3,0.7,7.4,1.3c2.2,0.7,5.1,2.3,8.4,4.8c5.1,3.8,9.5,8.4,13.2,13.5l4.3,5.9c0.6,0.8,0.4,2-0.4,2.6 c-1.5,1.1-3.6,2.6-4.4,3.2c-1.2,1-0.6,2.3-0.2,3.5c0.4,1.2,0.8,2.5,1.2,3.7c0.3,1-0.2,2-1.2,2.3l-6.9,2.3c-5.8,1.9-11.8,3-17.9,3.1 c-0.5,0-1,0-1.5,0c-3.9,0-6.8-0.4-8.9-1.1C42.1,104.7,39.2,102.5,38.3,101.7z M111.7,29.8c0.2,0.1,0.4,0.3,0.6,0.4l3.4,2.5 c0.2,0.1,0.3,0.3,0.5,0.4c6.9,6.6,7,12.1,7.2,16.6c0.1,2.6-0.8,6.5-2.5,11.2c-2,5.5-4.8,10.7-8.3,15.5l-4.1,5.7 c-0.6,0.8-1.8,1-2.6,0.4c-1.6-1.2-3.9-2.9-4.6-3.3c-1.4-0.6-2.6,0.7-3.7,1.4c-0.9,0.6-1.7,1.2-2.6,1.9c-0.8,0.7-2,0.5-2.7-0.3 l-4.2-5.7c-3.5-4.8-6.3-10-8.3-15.5c-1.7-4.7-2.6-8.6-2.5-11.2c0.1-4.6,1.6-8.3,1.7-8.7c1.2-3,3-5.6,5.4-7.9 c0.2-0.2,0.3-0.3,0.5-0.4l3.4-2.5c0.2-0.1,0.4-0.3,0.6-0.4c3.5-2,7.4-3,11.4-3h0C104.3,26.7,108.2,27.8,111.7,29.8z M96.1,100 c0.6,0.2,0.8,0.9,0.5,1.4c-1.9,2.6-3.7,5.1-5.6,7.7c-0.4,0.6-1.4,0.5-1.6-0.3c-1.1-3.5-2.3-7.1-3.4-10.6c-0.2-0.7,0.4-1.4,1.2-1.2 L96.1,100z M88.2,92l9-6.5c0.6-0.4,1.5,0,1.4,0.7c0,3.2,0,6.3,0,9.5c0,0.6-0.6,1.1-1.2,0.9c-3-1-6-1.9-9-2.9 C87.7,93.4,87.6,92.4,88.2,92z M94,111c1.9-2.6,3.7-5.1,5.6-7.7c0.4-0.5,1.1-0.5,1.5,0c1.9,2.6,3.7,5.1,5.6,7.7 c0.4,0.6,0,1.5-0.7,1.5H94.7C94,112.4,93.5,111.6,94,111z M102.3,95.7c0-3.2,0-6.3,0-9.5c0-0.7,0.8-1.2,1.5-0.7c3,2.2,6,4.4,9,6.5 c0.6,0.4,0.5,1.4-0.3,1.6l-9,2.9C102.9,96.7,102.3,96.3,102.3,95.7z M104,101.4c-0.4-0.5-0.1-1.2,0.5-1.4c3-1,6-1.9,9-2.9 c0.7-0.2,1.4,0.4,1.2,1.2c-1.1,3.5-2.3,7.1-3.4,10.6c-0.2,0.7-1.2,0.9-1.6,0.3C107.7,106.5,105.8,104,104,101.4z M152.6,141.8 l-2,6.2c-2.7,8.5-10.5,14.2-19.4,14.2l-8.4,0c-6.6-1.8-9.4-5.4-11.7-8.4c-2.5-3.3-4.8-10.4-6.8-19.9c-0.1-0.4-0.1-0.9-0.1-1.3V117 c0-0.1,0.1-0.2,0.2-0.2c2.3,0,4.6,0,6.9-0.1c1.3-0.1,1.8-0.8,2.2-2c0.6-1.8,1.7-5.2,2-6.1c0-0.1,0.1-0.1,0.2-0.1l13.6,4.4 c0.4,0.1,0.8,0.3,1.1,0.5c9.1,5,15.5,9.7,18,13.2c2.6,3.8,3.6,7.7,3.7,8.1C152.6,137.1,152.8,139.5,152.6,141.8z'/%3E%3C/g%3E%3C/svg%3E%0A");
  }
  
  .anom-bar-container.esoteric .text-part > .main-class::before,
  .anom-bar-container.esoteric .danger-diamond > .top-icon::before {
      background-color: rgb(var(--stellar-dark-text-color));
      background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 23.0.3, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.2' baseProfile='tiny' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 200 200' xml:space='preserve'%3E%3Cg%3E%3Cpath fill='none' d='M97.4,70.4c-0.7-0.6-1.8-0.6-2.5,0l-51.2,47.7l3.1-0.4c1-0.1,1.9,0.6,2,1.6l0,0c0.1,1-0.6,1.9-1.6,2l-4.7,0.6 c-0.9,0.1-1.5-0.4-1.9-1l-1.4,1.3c-0.8,0.7-0.8,2,0,2.7l57.4,52l0.1-0.1c0.6-0.8,1.8-0.9,2.6-0.3h0c0.2,0.1,0.3,0.3,0.4,0.5 l3.4-3.1c-0.5,0.1-1.1,0-1.6-0.3h0c-0.8-0.6-0.9-1.8-0.3-2.6l2.3-2.9c0.6-0.8,1.8-0.9,2.6-0.3v0c0.8,0.6,0.9,1.8,0.3,2.6l-1.5,2 l52.4-47.4c0.8-0.7,0.8-2,0-2.8L97.4,70.4z M58.2,120.7l-3.6,0.1c-0.9,0-1.7-0.7-1.8-1.6l-0.2-1.9l0,0l0-0.1l0-0.1l0,0l-0.2-3.1 c-0.1-1,0.7-1.9,1.7-1.9l0,0c1,0,1.8,0.7,1.9,1.7l0.1,1.5c0.1,1,0.9,1.7,1.8,1.7l0.2,0c1,0,1.8,0.8,1.8,1.8 C60,119.9,59.2,120.7,58.2,120.7z M71,118.9c0,1-0.8,1.8-1.8,1.8h-3.7c-1,0-1.8-0.8-1.8-1.8v0c0-1,0.8-1.8,1.8-1.8h3.7 C70.1,117.1,71,117.9,71,118.9L71,118.9z M82,118.9c0,1-0.8,1.8-1.8,1.8h-3.7c-1,0-1.8-0.8-1.8-1.8v0c0-1,0.8-1.8,1.8-1.8h3.7 C81.2,117.1,82,117.9,82,118.9L82,118.9z M93.1,118.9c0,1-0.8,1.8-1.8,1.8h-3.7c-1,0-1.8-0.8-1.8-1.8v0c0-1,0.8-1.8,1.8-1.8h3.7 C92.3,117.1,93.1,117.9,93.1,118.9L93.1,118.9z M105.1,118.9c0,1-0.8,1.8-1.8,1.8h-3.7c-1,0-1.8-0.8-1.8-1.8v0c0-1,0.8-1.8,1.8-1.8 h3.7C104.2,117.1,105.1,117.9,105.1,118.9L105.1,118.9z M130.9,118.9c0-1,0.8-1.8,1.8-1.8h3.7c1,0,1.8,0.8,1.8,1.8v0 c0,1-0.8,1.8-1.8,1.8h-3.7C131.7,120.7,130.9,119.9,130.9,118.9L130.9,118.9z M119.8,118.9c0-1,0.8-1.8,1.8-1.8h3.7 c1,0,1.8,0.8,1.8,1.8v0c0,1-0.8,1.8-1.8,1.8h-3.7C120.6,120.7,119.8,119.9,119.8,118.9L119.8,118.9z M113.3,161.8l-2.3,2.9 c-0.6,0.8-1.8,0.9-2.6,0.3h0c-0.8-0.6-0.9-1.8-0.3-2.6l2.3-2.9c0.6-0.8,1.8-0.9,2.6-0.3C113.8,159.9,113.9,161,113.3,161.8z M110.6,120.7c-1,0-1.8-0.8-1.8-1.8v0c0-1,0.8-1.8,1.8-1.8h3.7c1,0,1.8,0.8,1.8,1.8v0c0,1-0.8,1.8-1.8,1.8H110.6z M120.1,153.1 l-2.3,2.9c-0.6,0.8-1.8,0.9-2.6,0.3h0c-0.8-0.6-0.9-1.8-0.3-2.6l2.3-2.9c0.6-0.8,1.8-0.9,2.6-0.3h0 C120.6,151.2,120.8,152.3,120.1,153.1z M127,144.4l-2.3,2.9c-0.6,0.8-1.8,0.9-2.6,0.3v0c-0.8-0.6-0.9-1.8-0.3-2.6l2.3-2.9 c0.6-0.8,1.8-0.9,2.6-0.3C127.4,142.5,127.6,143.6,127,144.4z M133.8,135.7l-2.3,2.9c-0.6,0.8-1.8,0.9-2.6,0.3 c-0.8-0.6-0.9-1.8-0.3-2.6l2.3-2.9c0.6-0.8,1.8-0.9,2.6-0.3v0C134.3,133.8,134.4,134.9,133.8,135.7z M140.6,127l-2.3,2.9 c-0.6,0.8-1.8,0.9-2.6,0.3h0c-0.8-0.6-0.9-1.8-0.3-2.6l2.3-2.9c0.6-0.8,1.8-0.9,2.6-0.3l0,0C141.1,125.1,141.2,126.2,140.6,127z M146.5,118.9c0,0.4-0.1,0.8-0.4,1.1l-0.9,1.2c-0.6,0.8-1.8,0.9-2.6,0.3c-0.8-0.6-0.9-1.8-0.3-2.6l0.2-0.2c0.3-0.3,0.4-0.7,0.4-1.1 v-1.5c0-1,0.8-1.8,1.8-1.8h0c1,0,1.8,0.8,1.8,1.8V118.9z'/%3E%3Cpath fill='none' d='M64.3,39.3L98,60.8c0,0,0,0,0,0c0.2,0.1,0.3,0.2,0.4,0.3l24.4,21.1c1,0.9,2.5,0.4,3-0.8L140,38.4 c0.4-1.2-0.5-2.4-1.8-2.4h-73C63.4,35.9,62.7,38.4,64.3,39.3z'/%3E%3Cpath fill='none' d='M43.7,108.2l8-7.4c0-0.1-0.1-0.3-0.1-0.4l-0.2-3.7c0-1,0.7-1.9,1.8-1.9l0,0c1,0,1.9,0.7,1.9,1.8l0,1l18.2-16.9 c0.8-0.7-0.1-1.9-1-1.5L54.6,87l0.1,2.5c0,1-0.7,1.9-1.8,1.9l0,0c-1,0-1.9-0.7-1.9-1.7l-8.8,17.4C41.8,108,42.9,108.8,43.7,108.2z' /%3E%3Cpath fill='none' d='M147.5,50.6c-0.1-0.6-0.5-1-1-1.3c-0.1,0.9-0.9,1.7-1.8,1.7c-0.3,0-0.6-0.1-0.9-0.3l-12.5,37.8 c-0.2,0.7,0,1.5,0.5,2l24.5,21.2c1.3,1.2,3.4,0,3-1.8L147.5,50.6z M146.5,96.6c0,1-0.8,1.8-1.8,1.8c-1,0-1.8-0.8-1.8-1.8v-4.2 c0-1,0.8-1.8,1.8-1.8c1,0,1.8,0.8,1.8,1.8V96.6z M146.5,84.8c0,1-0.8,1.8-1.8,1.8c-1,0-1.8-0.8-1.8-1.8v-4.2c0-1,0.8-1.8,1.8-1.8 c1,0,1.8,0.8,1.8,1.8V84.8z M146.5,72.9c0,1-0.8,1.8-1.8,1.8c-1,0-1.8-0.8-1.8-1.8v-4.2c0-1,0.8-1.8,1.8-1.8c1,0,1.8,0.8,1.8,1.8 V72.9z M146.5,61c0,1-0.8,1.8-1.8,1.8c-1,0-1.8-0.8-1.8-1.8v-4.2c0-1,0.8-1.8,1.8-1.8c1,0,1.8,0.8,1.8,1.8V61z'/%3E%3Cpath fill='none' d='M54.2,78.9l30.5-13.7c1.3-0.6,1.5-2.4,0.2-3.2L54.4,42.6c-1.2-0.8-2.8,0.1-2.8,1.6v33.1 C51.6,78.5,53,79.4,54.2,78.9z'/%3E%3Cg%3E%3Cpath fill='%23faf2e2' d='M168.2,118.2l-16.4-82.2c-0.9-4.3-4.7-7.5-9.1-7.5H53.5c-5.1,0-9.3,4.2-9.3,9.3v47.6l-15.5,30.6 c-1.9,3.7-1,8.3,2.1,11.1l60.8,55.1c0.9,0.8,1.8,1.4,2.9,1.8c3.4,1.3,7.1,0.5,9.7-1.8l61.2-55.4 C167.7,124.8,168.8,121.4,168.2,118.2z M65.2,35.9h73c1.3,0,2.1,1.2,1.8,2.4l-14.2,43.1c-0.4,1.3-2,1.7-3,0.8L98.5,61.1 c-0.1-0.1-0.3-0.2-0.4-0.3c0,0,0,0,0,0L64.3,39.3C62.7,38.4,63.4,35.9,65.2,35.9z M51.6,44.1c0-1.5,1.6-2.3,2.8-1.6L85,62 c1.2,0.8,1.1,2.6-0.2,3.2L54.2,78.9c-1.2,0.5-2.6-0.3-2.6-1.7V44.1z M42.2,107.1L51,89.7c0.1,1,0.9,1.8,1.9,1.7l0,0 c1,0,1.8-0.9,1.8-1.9L54.6,87L72.3,79c0.9-0.4,1.7,0.8,1,1.5L55.1,97.5l0-1c0-1-0.9-1.8-1.9-1.8l0,0c-1,0-1.8,0.9-1.8,1.9l0.2,3.7 c0,0.1,0,0.3,0.1,0.4l-8,7.4C42.9,108.8,41.8,108,42.2,107.1z M157.3,125.1l-52.4,47.4l1.5-2c0.6-0.8,0.5-2-0.3-2.6v0 c-0.8-0.6-2-0.5-2.6,0.3l-2.3,2.9c-0.6,0.8-0.5,2,0.3,2.6h0c0.5,0.4,1,0.5,1.6,0.3l-3.4,3.1c-0.1-0.2-0.3-0.4-0.4-0.5h0 c-0.8-0.6-2-0.5-2.6,0.3l-0.1,0.1l-57.4-52c-0.8-0.7-0.8-2,0-2.7l1.4-1.3c0.3,0.7,1,1.1,1.9,1l4.7-0.6c1-0.1,1.7-1,1.6-2l0,0 c-0.1-1-1-1.7-2-1.6l-3.1,0.4l51.2-47.7c0.7-0.6,1.8-0.7,2.5,0l59.9,51.9C158.1,123.1,158.1,124.4,157.3,125.1z M156.3,111.8 l-24.5-21.2c-0.6-0.5-0.8-1.3-0.5-2l12.5-37.8c0.3,0.2,0.6,0.3,0.9,0.3c1,0,1.7-0.7,1.8-1.7c0.5,0.2,0.8,0.6,1,1.3l11.9,59.4 C159.7,111.7,157.7,112.9,156.3,111.8z'/%3E%3Cpath fill='%23faf2e2' d='M144.7,78.7c-1,0-1.8,0.8-1.8,1.8v4.2c0,1,0.8,1.8,1.8,1.8c1,0,1.8-0.8,1.8-1.8v-4.2 C146.5,79.5,145.7,78.7,144.7,78.7z'/%3E%3Cpath fill='%23faf2e2' d='M144.7,66.8c-1,0-1.8,0.8-1.8,1.8v4.2c0,1,0.8,1.8,1.8,1.8c1,0,1.8-0.8,1.8-1.8v-4.2 C146.5,67.7,145.7,66.8,144.7,66.8z'/%3E%3Cpath fill='%23faf2e2' d='M144.7,55c-1,0-1.8,0.8-1.8,1.8V61c0,1,0.8,1.8,1.8,1.8c1,0,1.8-0.8,1.8-1.8v-4.2 C146.5,55.8,145.7,55,144.7,55z'/%3E%3Cpath fill='%23faf2e2' d='M144.7,90.6c-1,0-1.8,0.8-1.8,1.8v4.2c0,1,0.8,1.8,1.8,1.8c1,0,1.8-0.8,1.8-1.8v-4.2 C146.5,91.4,145.7,90.6,144.7,90.6z'/%3E%3Cpath fill='%23faf2e2' d='M144.7,114.3L144.7,114.3c-1,0-1.8,0.8-1.8,1.8v1.5c0,0.4-0.1,0.8-0.4,1.1l-0.2,0.2 c-0.6,0.8-0.5,2,0.3,2.6c0.8,0.6,2,0.5,2.6-0.3l0.9-1.2c0.3-0.3,0.4-0.7,0.4-1.1v-2.8C146.5,115.1,145.7,114.3,144.7,114.3z'/%3E%3Cpath fill='%23faf2e2' d='M113,159.3c-0.8-0.6-2-0.5-2.6,0.3l-2.3,2.9c-0.6,0.8-0.5,2,0.3,2.6h0c0.8,0.6,2,0.5,2.6-0.3l2.3-2.9 C113.9,161,113.8,159.9,113,159.3z'/%3E%3Cpath fill='%23faf2e2' d='M133.5,133.1L133.5,133.1c-0.8-0.6-2-0.5-2.6,0.3l-2.3,2.9c-0.6,0.8-0.5,2,0.3,2.6c0.8,0.6,2,0.5,2.6-0.3 l2.3-2.9C134.4,134.9,134.3,133.8,133.5,133.1z'/%3E%3Cpath fill='%23faf2e2' d='M119.8,150.6L119.8,150.6c-0.8-0.6-2-0.5-2.6,0.3l-2.3,2.9c-0.6,0.8-0.5,2,0.3,2.6h0 c0.8,0.6,2,0.5,2.6-0.3l2.3-2.9C120.8,152.3,120.6,151.2,119.8,150.6z'/%3E%3Cpath fill='%23faf2e2' d='M140.3,124.4L140.3,124.4c-0.8-0.6-2-0.5-2.6,0.3l-2.3,2.9c-0.6,0.8-0.5,2,0.3,2.6h0 c0.8,0.6,2,0.5,2.6-0.3l2.3-2.9C141.2,126.2,141.1,125.1,140.3,124.4z'/%3E%3Cpath fill='%23faf2e2' d='M126.6,141.8c-0.8-0.6-2-0.5-2.6,0.3l-2.3,2.9c-0.6,0.8-0.5,2,0.3,2.6v0c0.8,0.6,2,0.5,2.6-0.3l2.3-2.9 C127.6,143.6,127.4,142.5,126.6,141.8z'/%3E%3Cpath fill='%23faf2e2' d='M80.2,117.1h-3.7c-1,0-1.8,0.8-1.8,1.8v0c0,1,0.8,1.8,1.8,1.8h3.7c1,0,1.8-0.8,1.8-1.8v0 C82,117.9,81.2,117.1,80.2,117.1z'/%3E%3Cpath fill='%23faf2e2' d='M69.1,117.1h-3.7c-1,0-1.8,0.8-1.8,1.8v0c0,1,0.8,1.8,1.8,1.8h3.7c1,0,1.8-0.8,1.8-1.8v0 C71,117.9,70.1,117.1,69.1,117.1z'/%3E%3Cpath fill='%23faf2e2' d='M91.2,117.1h-3.7c-1,0-1.8,0.8-1.8,1.8v0c0,1,0.8,1.8,1.8,1.8h3.7c1,0,1.8-0.8,1.8-1.8v0 C93.1,117.9,92.3,117.1,91.2,117.1z'/%3E%3Cpath fill='%23faf2e2' d='M132.7,120.7h3.7c1,0,1.8-0.8,1.8-1.8v0c0-1-0.8-1.8-1.8-1.8h-3.7c-1,0-1.8,0.8-1.8,1.8v0 C130.9,119.9,131.7,120.7,132.7,120.7z'/%3E%3Cpath fill='%23faf2e2' d='M121.7,120.7h3.7c1,0,1.8-0.8,1.8-1.8v0c0-1-0.8-1.8-1.8-1.8h-3.7c-1,0-1.8,0.8-1.8,1.8v0 C119.8,119.9,120.6,120.7,121.7,120.7z'/%3E%3Cpath fill='%23faf2e2' d='M103.2,117.1h-3.7c-1,0-1.8,0.8-1.8,1.8v0c0,1,0.8,1.8,1.8,1.8h3.7c1,0,1.8-0.8,1.8-1.8v0 C105.1,117.9,104.2,117.1,103.2,117.1z'/%3E%3Cpath fill='%23faf2e2' d='M116.1,118.9L116.1,118.9c0-1-0.8-1.8-1.8-1.8h-3.7c-1,0-1.8,0.8-1.8,1.8v0c0,1,0.8,1.8,1.8,1.8h3.7 C115.3,120.7,116.1,119.9,116.1,118.9z'/%3E%3Cpath fill='%23faf2e2' d='M58.1,117.1l-0.2,0c-1,0-1.8-0.7-1.8-1.7l-0.1-1.5c-0.1-1-0.9-1.7-1.9-1.7l0,0c-1,0-1.8,0.9-1.7,1.9 l0.2,3.1l0,0l0,0.1l0,0.1l0,0l0.2,1.9c0.1,0.9,0.9,1.6,1.8,1.6l3.6-0.1c1,0,1.8-0.8,1.8-1.8C60,117.9,59.1,117,58.1,117.1z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    -webkit-filter: none;
    filter: none;
  }
  
  .anom-bar-container.esoteric .text-part > .main-class::before {
      background-color: rgb(var(--stellar-dark-text-color));
      border-color: rgb(var(--stellar-highlight-color));
  }
  
  .danger-diamond > .top-icon, .danger-diamond > .right-icon, .danger-diamond > .left-icon, .danger-diamond > .bottom-icon {
    border: 0.1875rem solid rgb(var(--stellar-highlight-color));
  }
  
  #main-content .pager span > a::before {
    background-color: rgb(var(--stellar-highlight-color));
  }
  
  .intro {
    text-align: center;
    padding: 1em 1em;
  }
  
  .icon {
    max-width: 50%;
  }
   
  .danger-diamond > .arrows {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.2' baseProfile='tiny' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 160 160' xml:space='preserve'%3E%3Cpath fill='%23faf2e2' d='M136.1,133.3l23.9-23.9V51.2l-24-24l19.1-19.1l4.9,4.9l0-12.9l-12.9,0l4.9,4.9L133,24.2l-24-24H51l-24,24 L8,5.2l4.9-4.9L0,0.2l0,12.9l4.9-4.9L24,27.3l-24,24v58.2l23.9,23.9l-19,19L0,147.3l0,12.9l12.9,0L8,155.3l19-19l23.9,23.9h58.4 l23.9-23.9l19,19l-4.9,4.9l12.9,0l0-12.9l-4.9,4.9L136.1,133.3z M155.7,53v54.6l-22.6,22.6l-50-50L133,30.3L155.7,53z M52.8,4.5 h54.4l22.7,22.7L80,77.2L30.1,27.3L52.8,4.5z M4.3,107.6V53L27,30.3L77,80.2l-50,50L4.3,107.6z M107.4,155.9H52.6L30,133.3l50-50 l50,50L107.4,155.9z'/%3E%3C/svg%3E") !important;
  }
  
  .fncon {
      color: rgb(var(--basalt-main-text-color));
  }
  
  .custom img {
      background-color: #eee;
  }
  
  #u-author_block > p > a {
   display: none;
  }
  
  .collapsible-block-content div {
    text-align: center;
  }
  
  #u-comments2 {
    display:block !important;
  }
  
  .collapsible-block-content > hr:nth-of-type(2) {
    display: none;
  }
  
  .danger-diamond a {
    color: rgba(0,0,0,0) !important;
  }
  
  .top-left-box > .number {
      font-size: 3em;
  }
  
  .top-right-box > .level {
      font-size: 2em;
  }
  
  blockquote {
    text-align: center;
  }
  
  blockquote, div.blockquote {
    max-width: 100% !important;
  }
  .danger-diamond > .quadrants > div {
    display: none;
  }
  
  #main-content > .page-tags > span a:is(:hover, :focus) {
    background-color: rgb(var(--stellar-highlight-color));
    box-shadow: 0 0 0 .1rem rgb(var(--stellar-bright-text-color));
    color: rgb(var(--stellar-light-text-color));
  }

  Pages using this styling

  • scp-9300 [info]

  ¶ 1 occurrence
  

  :root {
  --gradient-header: linear-gradient(to top, rgb(203 98 24) 0%, rgb(20 7 1) 90%, rgb(var(--header-gradient-color-top)) 100%);
  }
  :is(.footnotes-footer,.bibitems) .title,
  .hovertip .f-heading {
    background-color: #cb6218;
  }
  :is(.footnotes-footer,.bibitems) {
    box-shadow: inset .5em 0 0 0 rgb(203 98 24);
  }
  .footnoteref {
    color: #ff6000;
  }
  .footnotes-footer a[href*=javascript]:before {
    color: #cb6218;
  }
  .addendum {
      border-left: solid 5px #cb6218;
  }
  
  div.tweet{
      color: black;
      float: center;
      border: solid 1px #000000;
      padding: 5px 15px 15px 15px;
      box-shadow: 0 1px 3px rgba(0,0,0,.2);
      width: 84%;
      margin: 2% 4% 4% 4%
  }
  

  Pages using this styling

  • scp-9299 [info]

  ¶ 1 occurrence
  

  .info-container .collapsible-block-folded, .info-container .collapsible-block-unfolded-link {
    background: #cb6218;
  }

  Pages using this styling

  • scp-9299 [info]

  ¶ 1 occurrence
  

  :root {
      --fnColor: #6da2f7;
  }

  Pages using this styling

  • scp-9256 [info]

  ¶ 1 occurrence
  

  
   #top-bar .open-menu a {
      border-radius: unset;
  }
  
  /* == FADE AWAY == */
   #u-fade-away {
      /* Mouse Hover Reveals Rating Module */
      opacity: calc(1 / 3);
      transition: all .25s ease-in-out;
  }
   #u-fade-away:hover {
      opacity: 1;
  }
  

  Pages using this styling

  • scp-9255 [info]

  ¶ 1 occurrence
  

  @import url('https://api.fonts.coollabs.io/css2?family=Orbitron:wght@400..900&display=swap&family=Roboto:wght@400..700&display=swap');
  @import url('https://api.fonts.coollabs.io/css2?family=Quantico:ital,wght@0,400;0,700;1,400;1,700&display=swap');
  @import url("https://scp-wiki.wikidot.com/local--files/geminid/fonts.css");
  
  .orderwrapper {position: relative;width: auto;text-align: center;}.council1 {position: relative;top: 0;bottom: 0;left: 0;right: 0;width: 295px;height: 295px;margin: auto;background-image: url( "https://kaktuskontainer.wdfiles.com/local--files/format-hell/scp_trans.png" );background-size: 295px 295px;background-repeat: no-repeat;background-position: center;}.ordertitle {position: absolute;left: 0;right: 0;top: 38px;}.ordertitle h1 {font-size: 220%;color: #555;}.orderdescription {position: absolute;left: 0;right: 0;top: 85px;width: 100%;}.orderdescription p {font-size: 90%;color: #555;}.orderdescription h1 {font-size: 120%;color: #555;}.itemno {position: absolute;left: 0;right: 0;bottom: 27px;}.itemno h1 {font-size: 170%;color: #555;}
  
  .borderless-image .scp-image-block {
    border-bottom: none;
  }
  
  html {
    scroll-behavior: smooth;
  }
  body {
    color: rgb(var(--gold));
  }
  .info-container .collapsible-block-folded, .info-container .collapsible-block-unfolded-link {
      background: rgb(var(--gold));
  }
  .info-container .collapsible-block-unfolded {
      border: 1px solid rgb(var(--gold));
      background-color: rgb(var(--lblue));
  }
  .info-container .collapsible-block-folded .collapsible-block-link, .info-container .collapsible-block-link {
      background: rgb(var(--red));
  }
  #u-author_block > p > a {
      background: rgb(var(--red));
      color: rgb(var(--gold));
  }
  .anom-bar-container, .anom-bar-container *, .acs-extra {
      font-family: 'Orbitron', var(--body-font) !important;
      font-weight: 800;
  }
  .anom-bar > div.bottom-box::before {
      background-color: rgb(var(--gold));
  }
  .text-part .disrupt-class::after, .text-part .risk-class::after {
      border: 0.25rem solid rgb(var(--red));
  }
  .text-part .disrupt-class::before, .text-part .risk-class::before {
      background-color: rgb(var(--dblue));
      color: rgb(var(--gold));
  }
  .footnotes-footer .footnote-footer {
    text-indent: 0;
    font-size: .85rem;
  }
  .footnotes-footer .footnote-footer > a:first-child::after {
      content: "";
  }
  .bibitems::before, .footnotes-footer::before {
    content: none;
  }
  .bibitems, .footnotes-footer {
    border: 3px solid rgb(var(--gold));
    border-radius: 15px;
  }
  .bibitems .title, .footnotes-footer .title {
    border-radius: 5px;
    border: 1px solid rgb(var(--gold));
    color: rgb(var(--gold));
  }
  .scp-image-block.block-center {
    margin-bottom: 1em;
  }
  :is(:where(#page-content) table:not(.form), table.wiki-content-table) td {
    width: 50%;
    text-align: center;
  }
  #header h1 a::before, #license-area::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' viewBox='0 0 360 360'%3E%3Cg style='fill:%23fff;fill-opacity:1'%3E%3Cpath d='M186.36 99.65v35.7h12.93L180 173.59l-19.29-38.24h12.93v-35.7c-41.55 3.25-74.27 37.97-74.27 80.35 0 12.42 2.81 24.18 7.83 34.68l30.95-17.87-6.47-11.2 42.76-2.41-23.47 35.83-6.46-11.2-30.93 17.86c14.54 21.1 38.86 34.93 66.42 34.93s51.88-13.84 66.42-34.93l-30.93-17.86-6.46 11.2-23.47-35.83 42.76 2.41-6.47 11.2 30.95 17.87a80.4 80.4 0 0 0 7.83-34.68c0-42.39-32.72-77.11-74.27-80.35' style='fill:%23fff;fill-opacity:1'/%3E%3Cpath d='M315.26 206.85c1.71-8.68 2.62-17.66 2.62-26.85 0-60.63-39.13-112.12-93.52-130.59l-4.72-26.69h-79.28l-4.72 26.69C81.25 67.88 42.12 119.37 42.12 180c0 9.19.91 18.16 2.62 26.85l-20.79 17.46 19.82 34.33 19.82 34.33 25.54-9.28c24.27 21.28 56.06 34.19 90.87 34.19s66.61-12.91 90.87-34.19l25.54 9.28 19.82-34.33 19.82-34.33zm-40.36 35.29-14.91-8.61c-17.27 25.76-46.65 42.71-79.99 42.71s-62.72-16.96-79.99-42.71l-14.91 8.61-6.36-11.02 14.9-8.6c-6.32-12.82-9.88-27.25-9.88-42.51 0-51.01 39.69-92.75 89.88-96.03V66.75h12.72v17.23c50.19 3.28 89.88 45.01 89.88 96.03 0 15.26-3.56 29.69-9.88 42.51l14.9 8.6z' style='fill:%23fff;fill-opacity:1'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  .anom-bar-container.esoteric .text-part > .main-class::after {
    border: 0.25rem solid rgb(var(--red));
    background-color: rgb(var(--dblue));
  }
  
  .anom-bar-container.thaumiel .text-part > .main-class::after,
  .anom-bar-container.thaumiel .danger-diamond > .bottom-icon::before {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 23.0.3, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.2' baseProfile='tiny' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 200 200' xml:space='preserve'%3E%3Cg%3E%3Cpath fill='none' d='M94.7,112.4h11.1c0.7,0,1.2-0.8,0.7-1.5c-1.9-2.6-3.7-5.1-5.6-7.7c-0.4-0.5-1.1-0.5-1.5,0 c-1.9,2.6-3.7,5.1-5.6,7.7C93.5,111.6,94,112.4,94.7,112.4z'/%3E%3Cpath fill='none' d='M111.2,108.8c1.1-3.5,2.3-7.1,3.4-10.6c0.2-0.7-0.4-1.4-1.2-1.2c-3,1-6,1.9-9,2.9c-0.6,0.2-0.8,0.9-0.5,1.4 c1.9,2.6,3.7,5.1,5.6,7.7C110,109.7,110.9,109.6,111.2,108.8z'/%3E%3Cpath fill='none' d='M32.6,94.4c1.4,2.8,3.3,5.3,5.7,7.3l0,0c0.9,0.8,3.8,3,7.8,4.4c2.1,0.7,5,1.1,8.9,1.1c0.5,0,1,0,1.5,0 c6.1-0.1,12.1-1.2,17.9-3.1l6.9-2.3c1-0.3,1.5-1.4,1.2-2.3c-0.4-1.2-0.8-2.5-1.2-3.7c-0.4-1.2-1-2.5,0.2-3.5 c0.7-0.6,2.8-2.1,4.4-3.2c0.8-0.6,1-1.8,0.4-2.6L82,80.5c-3.7-5.1-8.1-9.7-13.2-13.5c-3.4-2.5-6.2-4.1-8.4-4.8 c-2.1-0.6-4.5-1.3-7.4-1.3c-3.4,0-6.9,1-10.6,3c-0.5,0.2-0.9,0.5-1.2,0.7l-0.1,0.1l-0.1,0.1l-0.1,0.1l-2.1,1.6l-0.1,0.1l-0.1,0.1 c-3.3,2.8-5.7,6.4-7,10.5c-1.1,3.4-1.4,7.1-0.9,10.6c0.1,0.5,0.3,1.1,0.4,1.6L32.6,94.4z'/%3E%3Cpath fill='none' d='M73.1,162.2l0.2,0c0.4,0,0.9-0.1,1.4-0.1c3.2-0.4,6.2-1.5,8.9-3.2c0.4-0.2,3.7-2.3,6.5-6 c1.2-1.6,2.4-4.2,3.6-7.5c2.1-6.3,3.1-13,3.1-19.7V118c0-1-0.8-1.8-1.8-1.8h-4.2c-1.3,0-2.4,0-2.9-1.4c-0.4-1-1.1-3.3-1.7-5 c-0.3-1-1.4-1.5-2.3-1.2l-5.7,1.8c-5.1,1.7-10,4-14.6,6.9c-5.1,3.3-8.8,6.3-10.5,8.8c-2.5,3.6-5.7,8.2-3.9,17.5 c0.1,0.5,0.2,1,0.3,1.4l0,0.2l0,0.1l0,0.1l0.8,2.5l0,0.1l0.1,0.1c1.6,3.9,4.3,7.3,7.7,9.9c3.5,2.5,7.5,4,11.8,4.3l0.1,0h0.1l1.9,0 H73L73.1,162.2z'/%3E%3Cpath fill='none' d='M84.9,32.6c-0.2,0.1-0.3,0.3-0.5,0.4C82,35.3,80.2,38,79,40.9c-0.2,0.4-1.6,4.1-1.7,8.7 c-0.1,2.6,0.8,6.5,2.5,11.2c2,5.5,4.8,10.7,8.3,15.5l4.2,5.7c0.6,0.9,1.8,1,2.7,0.3c0.9-0.6,1.7-1.2,2.6-1.9c1-0.7,2.2-2.1,3.7-1.4 c0.8,0.4,3,2.1,4.6,3.3c0.8,0.6,2,0.5,2.6-0.4l4.1-5.7c3.5-4.8,6.3-10,8.3-15.5c1.7-4.7,2.6-8.6,2.5-11.2c-0.1-4.5-0.2-10-7.2-16.6 c-0.2-0.2-0.3-0.3-0.5-0.4l-3.4-2.5c-0.2-0.1-0.4-0.3-0.6-0.4c-3.5-2-7.4-3-11.4-3h0c-4,0-7.9,1.1-11.4,3c-0.2,0.1-0.4,0.3-0.6,0.4 L84.9,32.6z'/%3E%3Cpath fill='none' d='M85.9,98.3c1.1,3.5,2.3,7.1,3.4,10.6c0.2,0.7,1.2,0.9,1.6,0.3c1.9-2.6,3.7-5.1,5.6-7.7 c0.4-0.5,0.1-1.2-0.5-1.4l-9-2.9C86.4,96.9,85.7,97.6,85.9,98.3z'/%3E%3Cpath fill='none' d='M97.4,96.5c0.6,0.2,1.2-0.2,1.2-0.9c0-3.2,0-6.3,0-9.5c0-0.7-0.8-1.2-1.4-0.7l-9,6.5c-0.6,0.4-0.5,1.4,0.3,1.6 C91.4,94.6,94.4,95.6,97.4,96.5z'/%3E%3Cpath fill='none' d='M103.5,96.5l9-2.9c0.7-0.2,0.9-1.2,0.3-1.6c-3-2.2-6-4.4-9-6.5c-0.6-0.4-1.4,0-1.5,0.7c0,3.2,0,6.3,0,9.5 C102.3,96.3,102.9,96.7,103.5,96.5z'/%3E%3Cpath fill='none' d='M150.6,148l2-6.2c0.2-2.4,0-4.7-0.6-7.1c-0.1-0.4-1.1-4.3-3.7-8.1c-2.4-3.5-8.9-8.2-18-13.2 c-0.4-0.2-0.7-0.4-1.1-0.5l-13.6-4.4c-0.1,0-0.2,0-0.2,0.1c-0.3,0.8-1.4,4.3-2,6.1c-0.4,1.1-0.9,1.9-2.2,2 c-2.3,0.1-4.6,0.1-6.9,0.1c-0.1,0-0.2,0.1-0.2,0.2v15.6c0,0.4,0,0.9,0.1,1.3c1.9,9.5,4.3,16.6,6.8,19.9c2.3,3,5.1,6.6,11.7,8.4 l8.4,0C140,162.2,147.9,156.5,150.6,148z'/%3E%3Cpath fill='none' d='M170.5,84.3c0-2.4-0.3-4.9-1.1-7.2c-1.3-4.1-3.8-7.7-7-10.5l-0.1-0.1l-0.1-0.1l-2.1-1.6l-0.1-0.1l-0.1-0.1 l-0.1-0.1c-0.4-0.2-0.8-0.5-1.2-0.7c-2.9-1.5-5.9-2.5-9.1-2.7c-0.1,0-0.6,0-1.3,0c-1.8,0-4.6,0.2-7.6,1.1c-2.5,0.8-6,2.9-10,6 c-4.6,3.6-8.7,7.9-12.1,12.6l-4,5.5c-0.6,0.8-0.4,2,0.4,2.6c0.8,0.6,1.6,1.1,2.4,1.7c0.9,0.6,2.5,1.5,2.8,2.7 c0.1,0.5-0.1,0.9-0.2,1.4c-0.5,1.6-1,3.1-1.5,4.7c-0.3,1,0.2,2,1.2,2.3l7,2.3c5.8,1.9,11.9,3,18,3.1c0.5,0,1,0,1.5,0 c3.9,0,6.8-0.4,8.9-1.1c3.9-1.4,8.8-3.1,12.7-10.3l2.1-6.6C170.1,87.6,170.4,86,170.5,84.3z'/%3E%3Cpath fill='%23faf2e2' d='M166.5,60.4L166.5,60.4l-49.8-36.2c-9.8-7.1-22.9-7.1-32.7,0L34,60.4c-9.8,7.1-13.8,19.6-10.1,31l19,58.8 c3.7,11.5,14.4,19.3,26.5,19.3l61.7,0c12.1,0,22.7-7.7,26.5-19.3l19-58.9C180.3,80,176.2,67.5,166.5,60.4z M169.6,89.2l-2.1,6.6 c-4,7.2-8.8,8.9-12.7,10.3c-2.1,0.7-5,1.1-8.9,1.1c-0.5,0-1,0-1.5,0c-6.1-0.1-12.1-1.2-18-3.1l-7-2.3c-1-0.3-1.5-1.4-1.2-2.3 c0.5-1.6,1-3.1,1.5-4.7c0.1-0.5,0.3-0.9,0.2-1.4c-0.2-1.2-1.9-2-2.8-2.7c-0.8-0.6-1.6-1.1-2.4-1.7c-0.8-0.6-1-1.8-0.4-2.6l4-5.5 c3.4-4.7,7.5-9,12.1-12.6c4.1-3.2,7.5-5.3,10-6c3-0.9,5.8-1.1,7.6-1.1c0.7,0,1.2,0,1.3,0c3.2,0.3,6.3,1.2,9.1,2.7 c0.5,0.2,0.8,0.5,1.2,0.7l0.1,0.1l0.1,0.1l0.1,0.1l2.1,1.6l0.1,0.1l0.1,0.1c3.3,2.8,5.7,6.4,7,10.5c0.8,2.4,1.1,4.8,1.1,7.2 C170.4,86,170.1,87.6,169.6,89.2z M50.5,148l-0.1-0.1l0-0.1l-0.8-2.5l0-0.1l0-0.1l0-0.2c-0.1-0.4-0.2-0.9-0.3-1.4 c-1.7-9.3,1.4-13.9,3.9-17.5c1.7-2.5,5.4-5.5,10.5-8.8c4.5-2.9,9.4-5.2,14.6-6.9l5.7-1.8c1-0.3,2,0.2,2.3,1.2c0.5,1.7,1.3,4,1.7,5 c0.6,1.4,1.7,1.4,2.9,1.4h4.2c1,0,1.8,0.8,1.8,1.8v7.7c0,6.7-1,13.4-3.1,19.7c-1.1,3.3-2.3,5.9-3.6,7.5c-2.8,3.7-6.1,5.8-6.5,6 c-2.7,1.7-5.7,2.7-8.9,3.2c-0.5,0.1-1,0.1-1.4,0.1l-0.2,0l-0.1,0h-0.9l-1.9,0h-0.1l-0.1,0c-4.2-0.3-8.3-1.8-11.8-4.3 C54.7,155.4,52.1,152,50.5,148z M38.3,101.7L38.3,101.7c-2.4-2-4.3-4.5-5.7-7.3l-1.7-5.1c-0.2-0.5-0.3-1.1-0.4-1.6 c-0.5-3.5-0.3-7.2,0.9-10.6c1.3-4.1,3.8-7.7,7-10.5l0.1-0.1l0.1-0.1l2.1-1.6l0.1-0.1l0.1-0.1l0.1-0.1c0.4-0.2,0.8-0.5,1.2-0.7 c3.7-2,7.2-3,10.6-3c2.9,0,5.3,0.7,7.4,1.3c2.2,0.7,5.1,2.3,8.4,4.8c5.1,3.8,9.5,8.4,13.2,13.5l4.3,5.9c0.6,0.8,0.4,2-0.4,2.6 c-1.5,1.1-3.6,2.6-4.4,3.2c-1.2,1-0.6,2.3-0.2,3.5c0.4,1.2,0.8,2.5,1.2,3.7c0.3,1-0.2,2-1.2,2.3l-6.9,2.3c-5.8,1.9-11.8,3-17.9,3.1 c-0.5,0-1,0-1.5,0c-3.9,0-6.8-0.4-8.9-1.1C42.1,104.7,39.2,102.5,38.3,101.7z M111.7,29.8c0.2,0.1,0.4,0.3,0.6,0.4l3.4,2.5 c0.2,0.1,0.3,0.3,0.5,0.4c6.9,6.6,7,12.1,7.2,16.6c0.1,2.6-0.8,6.5-2.5,11.2c-2,5.5-4.8,10.7-8.3,15.5l-4.1,5.7 c-0.6,0.8-1.8,1-2.6,0.4c-1.6-1.2-3.9-2.9-4.6-3.3c-1.4-0.6-2.6,0.7-3.7,1.4c-0.9,0.6-1.7,1.2-2.6,1.9c-0.8,0.7-2,0.5-2.7-0.3 l-4.2-5.7c-3.5-4.8-6.3-10-8.3-15.5c-1.7-4.7-2.6-8.6-2.5-11.2c0.1-4.6,1.6-8.3,1.7-8.7c1.2-3,3-5.6,5.4-7.9 c0.2-0.2,0.3-0.3,0.5-0.4l3.4-2.5c0.2-0.1,0.4-0.3,0.6-0.4c3.5-2,7.4-3,11.4-3h0C104.3,26.7,108.2,27.8,111.7,29.8z M96.1,100 c0.6,0.2,0.8,0.9,0.5,1.4c-1.9,2.6-3.7,5.1-5.6,7.7c-0.4,0.6-1.4,0.5-1.6-0.3c-1.1-3.5-2.3-7.1-3.4-10.6c-0.2-0.7,0.4-1.4,1.2-1.2 L96.1,100z M88.2,92l9-6.5c0.6-0.4,1.5,0,1.4,0.7c0,3.2,0,6.3,0,9.5c0,0.6-0.6,1.1-1.2,0.9c-3-1-6-1.9-9-2.9 C87.7,93.4,87.6,92.4,88.2,92z M94,111c1.9-2.6,3.7-5.1,5.6-7.7c0.4-0.5,1.1-0.5,1.5,0c1.9,2.6,3.7,5.1,5.6,7.7 c0.4,0.6,0,1.5-0.7,1.5H94.7C94,112.4,93.5,111.6,94,111z M102.3,95.7c0-3.2,0-6.3,0-9.5c0-0.7,0.8-1.2,1.5-0.7c3,2.2,6,4.4,9,6.5 c0.6,0.4,0.5,1.4-0.3,1.6l-9,2.9C102.9,96.7,102.3,96.3,102.3,95.7z M104,101.4c-0.4-0.5-0.1-1.2,0.5-1.4c3-1,6-1.9,9-2.9 c0.7-0.2,1.4,0.4,1.2,1.2c-1.1,3.5-2.3,7.1-3.4,10.6c-0.2,0.7-1.2,0.9-1.6,0.3C107.7,106.5,105.8,104,104,101.4z M152.6,141.8 l-2,6.2c-2.7,8.5-10.5,14.2-19.4,14.2l-8.4,0c-6.6-1.8-9.4-5.4-11.7-8.4c-2.5-3.3-4.8-10.4-6.8-19.9c-0.1-0.4-0.1-0.9-0.1-1.3V117 c0-0.1,0.1-0.2,0.2-0.2c2.3,0,4.6,0,6.9-0.1c1.3-0.1,1.8-0.8,2.2-2c0.6-1.8,1.7-5.2,2-6.1c0-0.1,0.1-0.1,0.2-0.1l13.6,4.4 c0.4,0.1,0.8,0.3,1.1,0.5c9.1,5,15.5,9.7,18,13.2c2.6,3.8,3.6,7.7,3.7,8.1C152.6,137.1,152.8,139.5,152.6,141.8z'/%3E%3C/g%3E%3C/svg%3E%0A");
  }
  .anom-bar-container.esoteric .text-part > .main-class::before,
  .anom-bar-container.esoteric .danger-diamond > .top-icon::before {
      background-color: rgb(var(--dblue));
      background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 23.0.3, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.2' baseProfile='tiny' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 200 200' xml:space='preserve'%3E%3Cg%3E%3Cpath fill='none' d='M97.4,70.4c-0.7-0.6-1.8-0.6-2.5,0l-51.2,47.7l3.1-0.4c1-0.1,1.9,0.6,2,1.6l0,0c0.1,1-0.6,1.9-1.6,2l-4.7,0.6 c-0.9,0.1-1.5-0.4-1.9-1l-1.4,1.3c-0.8,0.7-0.8,2,0,2.7l57.4,52l0.1-0.1c0.6-0.8,1.8-0.9,2.6-0.3h0c0.2,0.1,0.3,0.3,0.4,0.5 l3.4-3.1c-0.5,0.1-1.1,0-1.6-0.3h0c-0.8-0.6-0.9-1.8-0.3-2.6l2.3-2.9c0.6-0.8,1.8-0.9,2.6-0.3v0c0.8,0.6,0.9,1.8,0.3,2.6l-1.5,2 l52.4-47.4c0.8-0.7,0.8-2,0-2.8L97.4,70.4z M58.2,120.7l-3.6,0.1c-0.9,0-1.7-0.7-1.8-1.6l-0.2-1.9l0,0l0-0.1l0-0.1l0,0l-0.2-3.1 c-0.1-1,0.7-1.9,1.7-1.9l0,0c1,0,1.8,0.7,1.9,1.7l0.1,1.5c0.1,1,0.9,1.7,1.8,1.7l0.2,0c1,0,1.8,0.8,1.8,1.8 C60,119.9,59.2,120.7,58.2,120.7z M71,118.9c0,1-0.8,1.8-1.8,1.8h-3.7c-1,0-1.8-0.8-1.8-1.8v0c0-1,0.8-1.8,1.8-1.8h3.7 C70.1,117.1,71,117.9,71,118.9L71,118.9z M82,118.9c0,1-0.8,1.8-1.8,1.8h-3.7c-1,0-1.8-0.8-1.8-1.8v0c0-1,0.8-1.8,1.8-1.8h3.7 C81.2,117.1,82,117.9,82,118.9L82,118.9z M93.1,118.9c0,1-0.8,1.8-1.8,1.8h-3.7c-1,0-1.8-0.8-1.8-1.8v0c0-1,0.8-1.8,1.8-1.8h3.7 C92.3,117.1,93.1,117.9,93.1,118.9L93.1,118.9z M105.1,118.9c0,1-0.8,1.8-1.8,1.8h-3.7c-1,0-1.8-0.8-1.8-1.8v0c0-1,0.8-1.8,1.8-1.8 h3.7C104.2,117.1,105.1,117.9,105.1,118.9L105.1,118.9z M130.9,118.9c0-1,0.8-1.8,1.8-1.8h3.7c1,0,1.8,0.8,1.8,1.8v0 c0,1-0.8,1.8-1.8,1.8h-3.7C131.7,120.7,130.9,119.9,130.9,118.9L130.9,118.9z M119.8,118.9c0-1,0.8-1.8,1.8-1.8h3.7 c1,0,1.8,0.8,1.8,1.8v0c0,1-0.8,1.8-1.8,1.8h-3.7C120.6,120.7,119.8,119.9,119.8,118.9L119.8,118.9z M113.3,161.8l-2.3,2.9 c-0.6,0.8-1.8,0.9-2.6,0.3h0c-0.8-0.6-0.9-1.8-0.3-2.6l2.3-2.9c0.6-0.8,1.8-0.9,2.6-0.3C113.8,159.9,113.9,161,113.3,161.8z M110.6,120.7c-1,0-1.8-0.8-1.8-1.8v0c0-1,0.8-1.8,1.8-1.8h3.7c1,0,1.8,0.8,1.8,1.8v0c0,1-0.8,1.8-1.8,1.8H110.6z M120.1,153.1 l-2.3,2.9c-0.6,0.8-1.8,0.9-2.6,0.3h0c-0.8-0.6-0.9-1.8-0.3-2.6l2.3-2.9c0.6-0.8,1.8-0.9,2.6-0.3h0 C120.6,151.2,120.8,152.3,120.1,153.1z M127,144.4l-2.3,2.9c-0.6,0.8-1.8,0.9-2.6,0.3v0c-0.8-0.6-0.9-1.8-0.3-2.6l2.3-2.9 c0.6-0.8,1.8-0.9,2.6-0.3C127.4,142.5,127.6,143.6,127,144.4z M133.8,135.7l-2.3,2.9c-0.6,0.8-1.8,0.9-2.6,0.3 c-0.8-0.6-0.9-1.8-0.3-2.6l2.3-2.9c0.6-0.8,1.8-0.9,2.6-0.3v0C134.3,133.8,134.4,134.9,133.8,135.7z M140.6,127l-2.3,2.9 c-0.6,0.8-1.8,0.9-2.6,0.3h0c-0.8-0.6-0.9-1.8-0.3-2.6l2.3-2.9c0.6-0.8,1.8-0.9,2.6-0.3l0,0C141.1,125.1,141.2,126.2,140.6,127z M146.5,118.9c0,0.4-0.1,0.8-0.4,1.1l-0.9,1.2c-0.6,0.8-1.8,0.9-2.6,0.3c-0.8-0.6-0.9-1.8-0.3-2.6l0.2-0.2c0.3-0.3,0.4-0.7,0.4-1.1 v-1.5c0-1,0.8-1.8,1.8-1.8h0c1,0,1.8,0.8,1.8,1.8V118.9z'/%3E%3Cpath fill='none' d='M64.3,39.3L98,60.8c0,0,0,0,0,0c0.2,0.1,0.3,0.2,0.4,0.3l24.4,21.1c1,0.9,2.5,0.4,3-0.8L140,38.4 c0.4-1.2-0.5-2.4-1.8-2.4h-73C63.4,35.9,62.7,38.4,64.3,39.3z'/%3E%3Cpath fill='none' d='M43.7,108.2l8-7.4c0-0.1-0.1-0.3-0.1-0.4l-0.2-3.7c0-1,0.7-1.9,1.8-1.9l0,0c1,0,1.9,0.7,1.9,1.8l0,1l18.2-16.9 c0.8-0.7-0.1-1.9-1-1.5L54.6,87l0.1,2.5c0,1-0.7,1.9-1.8,1.9l0,0c-1,0-1.9-0.7-1.9-1.7l-8.8,17.4C41.8,108,42.9,108.8,43.7,108.2z' /%3E%3Cpath fill='none' d='M147.5,50.6c-0.1-0.6-0.5-1-1-1.3c-0.1,0.9-0.9,1.7-1.8,1.7c-0.3,0-0.6-0.1-0.9-0.3l-12.5,37.8 c-0.2,0.7,0,1.5,0.5,2l24.5,21.2c1.3,1.2,3.4,0,3-1.8L147.5,50.6z M146.5,96.6c0,1-0.8,1.8-1.8,1.8c-1,0-1.8-0.8-1.8-1.8v-4.2 c0-1,0.8-1.8,1.8-1.8c1,0,1.8,0.8,1.8,1.8V96.6z M146.5,84.8c0,1-0.8,1.8-1.8,1.8c-1,0-1.8-0.8-1.8-1.8v-4.2c0-1,0.8-1.8,1.8-1.8 c1,0,1.8,0.8,1.8,1.8V84.8z M146.5,72.9c0,1-0.8,1.8-1.8,1.8c-1,0-1.8-0.8-1.8-1.8v-4.2c0-1,0.8-1.8,1.8-1.8c1,0,1.8,0.8,1.8,1.8 V72.9z M146.5,61c0,1-0.8,1.8-1.8,1.8c-1,0-1.8-0.8-1.8-1.8v-4.2c0-1,0.8-1.8,1.8-1.8c1,0,1.8,0.8,1.8,1.8V61z'/%3E%3Cpath fill='none' d='M54.2,78.9l30.5-13.7c1.3-0.6,1.5-2.4,0.2-3.2L54.4,42.6c-1.2-0.8-2.8,0.1-2.8,1.6v33.1 C51.6,78.5,53,79.4,54.2,78.9z'/%3E%3Cg%3E%3Cpath fill='%23faf2e2' d='M168.2,118.2l-16.4-82.2c-0.9-4.3-4.7-7.5-9.1-7.5H53.5c-5.1,0-9.3,4.2-9.3,9.3v47.6l-15.5,30.6 c-1.9,3.7-1,8.3,2.1,11.1l60.8,55.1c0.9,0.8,1.8,1.4,2.9,1.8c3.4,1.3,7.1,0.5,9.7-1.8l61.2-55.4 C167.7,124.8,168.8,121.4,168.2,118.2z M65.2,35.9h73c1.3,0,2.1,1.2,1.8,2.4l-14.2,43.1c-0.4,1.3-2,1.7-3,0.8L98.5,61.1 c-0.1-0.1-0.3-0.2-0.4-0.3c0,0,0,0,0,0L64.3,39.3C62.7,38.4,63.4,35.9,65.2,35.9z M51.6,44.1c0-1.5,1.6-2.3,2.8-1.6L85,62 c1.2,0.8,1.1,2.6-0.2,3.2L54.2,78.9c-1.2,0.5-2.6-0.3-2.6-1.7V44.1z M42.2,107.1L51,89.7c0.1,1,0.9,1.8,1.9,1.7l0,0 c1,0,1.8-0.9,1.8-1.9L54.6,87L72.3,79c0.9-0.4,1.7,0.8,1,1.5L55.1,97.5l0-1c0-1-0.9-1.8-1.9-1.8l0,0c-1,0-1.8,0.9-1.8,1.9l0.2,3.7 c0,0.1,0,0.3,0.1,0.4l-8,7.4C42.9,108.8,41.8,108,42.2,107.1z M157.3,125.1l-52.4,47.4l1.5-2c0.6-0.8,0.5-2-0.3-2.6v0 c-0.8-0.6-2-0.5-2.6,0.3l-2.3,2.9c-0.6,0.8-0.5,2,0.3,2.6h0c0.5,0.4,1,0.5,1.6,0.3l-3.4,3.1c-0.1-0.2-0.3-0.4-0.4-0.5h0 c-0.8-0.6-2-0.5-2.6,0.3l-0.1,0.1l-57.4-52c-0.8-0.7-0.8-2,0-2.7l1.4-1.3c0.3,0.7,1,1.1,1.9,1l4.7-0.6c1-0.1,1.7-1,1.6-2l0,0 c-0.1-1-1-1.7-2-1.6l-3.1,0.4l51.2-47.7c0.7-0.6,1.8-0.7,2.5,0l59.9,51.9C158.1,123.1,158.1,124.4,157.3,125.1z M156.3,111.8 l-24.5-21.2c-0.6-0.5-0.8-1.3-0.5-2l12.5-37.8c0.3,0.2,0.6,0.3,0.9,0.3c1,0,1.7-0.7,1.8-1.7c0.5,0.2,0.8,0.6,1,1.3l11.9,59.4 C159.7,111.7,157.7,112.9,156.3,111.8z'/%3E%3Cpath fill='%23faf2e2' d='M144.7,78.7c-1,0-1.8,0.8-1.8,1.8v4.2c0,1,0.8,1.8,1.8,1.8c1,0,1.8-0.8,1.8-1.8v-4.2 C146.5,79.5,145.7,78.7,144.7,78.7z'/%3E%3Cpath fill='%23faf2e2' d='M144.7,66.8c-1,0-1.8,0.8-1.8,1.8v4.2c0,1,0.8,1.8,1.8,1.8c1,0,1.8-0.8,1.8-1.8v-4.2 C146.5,67.7,145.7,66.8,144.7,66.8z'/%3E%3Cpath fill='%23faf2e2' d='M144.7,55c-1,0-1.8,0.8-1.8,1.8V61c0,1,0.8,1.8,1.8,1.8c1,0,1.8-0.8,1.8-1.8v-4.2 C146.5,55.8,145.7,55,144.7,55z'/%3E%3Cpath fill='%23faf2e2' d='M144.7,90.6c-1,0-1.8,0.8-1.8,1.8v4.2c0,1,0.8,1.8,1.8,1.8c1,0,1.8-0.8,1.8-1.8v-4.2 C146.5,91.4,145.7,90.6,144.7,90.6z'/%3E%3Cpath fill='%23faf2e2' d='M144.7,114.3L144.7,114.3c-1,0-1.8,0.8-1.8,1.8v1.5c0,0.4-0.1,0.8-0.4,1.1l-0.2,0.2 c-0.6,0.8-0.5,2,0.3,2.6c0.8,0.6,2,0.5,2.6-0.3l0.9-1.2c0.3-0.3,0.4-0.7,0.4-1.1v-2.8C146.5,115.1,145.7,114.3,144.7,114.3z'/%3E%3Cpath fill='%23faf2e2' d='M113,159.3c-0.8-0.6-2-0.5-2.6,0.3l-2.3,2.9c-0.6,0.8-0.5,2,0.3,2.6h0c0.8,0.6,2,0.5,2.6-0.3l2.3-2.9 C113.9,161,113.8,159.9,113,159.3z'/%3E%3Cpath fill='%23faf2e2' d='M133.5,133.1L133.5,133.1c-0.8-0.6-2-0.5-2.6,0.3l-2.3,2.9c-0.6,0.8-0.5,2,0.3,2.6c0.8,0.6,2,0.5,2.6-0.3 l2.3-2.9C134.4,134.9,134.3,133.8,133.5,133.1z'/%3E%3Cpath fill='%23faf2e2' d='M119.8,150.6L119.8,150.6c-0.8-0.6-2-0.5-2.6,0.3l-2.3,2.9c-0.6,0.8-0.5,2,0.3,2.6h0 c0.8,0.6,2,0.5,2.6-0.3l2.3-2.9C120.8,152.3,120.6,151.2,119.8,150.6z'/%3E%3Cpath fill='%23faf2e2' d='M140.3,124.4L140.3,124.4c-0.8-0.6-2-0.5-2.6,0.3l-2.3,2.9c-0.6,0.8-0.5,2,0.3,2.6h0 c0.8,0.6,2,0.5,2.6-0.3l2.3-2.9C141.2,126.2,141.1,125.1,140.3,124.4z'/%3E%3Cpath fill='%23faf2e2' d='M126.6,141.8c-0.8-0.6-2-0.5-2.6,0.3l-2.3,2.9c-0.6,0.8-0.5,2,0.3,2.6v0c0.8,0.6,2,0.5,2.6-0.3l2.3-2.9 C127.6,143.6,127.4,142.5,126.6,141.8z'/%3E%3Cpath fill='%23faf2e2' d='M80.2,117.1h-3.7c-1,0-1.8,0.8-1.8,1.8v0c0,1,0.8,1.8,1.8,1.8h3.7c1,0,1.8-0.8,1.8-1.8v0 C82,117.9,81.2,117.1,80.2,117.1z'/%3E%3Cpath fill='%23faf2e2' d='M69.1,117.1h-3.7c-1,0-1.8,0.8-1.8,1.8v0c0,1,0.8,1.8,1.8,1.8h3.7c1,0,1.8-0.8,1.8-1.8v0 C71,117.9,70.1,117.1,69.1,117.1z'/%3E%3Cpath fill='%23faf2e2' d='M91.2,117.1h-3.7c-1,0-1.8,0.8-1.8,1.8v0c0,1,0.8,1.8,1.8,1.8h3.7c1,0,1.8-0.8,1.8-1.8v0 C93.1,117.9,92.3,117.1,91.2,117.1z'/%3E%3Cpath fill='%23faf2e2' d='M132.7,120.7h3.7c1,0,1.8-0.8,1.8-1.8v0c0-1-0.8-1.8-1.8-1.8h-3.7c-1,0-1.8,0.8-1.8,1.8v0 C130.9,119.9,131.7,120.7,132.7,120.7z'/%3E%3Cpath fill='%23faf2e2' d='M121.7,120.7h3.7c1,0,1.8-0.8,1.8-1.8v0c0-1-0.8-1.8-1.8-1.8h-3.7c-1,0-1.8,0.8-1.8,1.8v0 C119.8,119.9,120.6,120.7,121.7,120.7z'/%3E%3Cpath fill='%23faf2e2' d='M103.2,117.1h-3.7c-1,0-1.8,0.8-1.8,1.8v0c0,1,0.8,1.8,1.8,1.8h3.7c1,0,1.8-0.8,1.8-1.8v0 C105.1,117.9,104.2,117.1,103.2,117.1z'/%3E%3Cpath fill='%23faf2e2' d='M116.1,118.9L116.1,118.9c0-1-0.8-1.8-1.8-1.8h-3.7c-1,0-1.8,0.8-1.8,1.8v0c0,1,0.8,1.8,1.8,1.8h3.7 C115.3,120.7,116.1,119.9,116.1,118.9z'/%3E%3Cpath fill='%23faf2e2' d='M58.1,117.1l-0.2,0c-1,0-1.8-0.7-1.8-1.7l-0.1-1.5c-0.1-1-0.9-1.7-1.9-1.7l0,0c-1,0-1.8,0.9-1.7,1.9 l0.2,3.1l0,0l0,0.1l0,0.1l0,0l0.2,1.9c0.1,0.9,0.9,1.6,1.8,1.6l3.6-0.1c1,0,1.8-0.8,1.8-1.8C60,117.9,59.1,117,58.1,117.1z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    -webkit-filter: none;
    filter: none;
  }
  .bottom-box > div.diamond-part::before {
      background-color: rgb(var(--gold));
  }
  .anom-bar-container.esoteric .text-part > .main-class::before {
      background-color: rgb(var(--dblue));
      border-color: rgb(var(--red));
  }
  
  .danger-diamond > .top-icon, .danger-diamond > .right-icon, .danger-diamond > .left-icon, .danger-diamond > .bottom-icon {
    border: 0.1875rem solid rgb(var(--gold));
  }
  
  div.rate-box-with-credit-button {
    border: 1px solid rgb(var(--gold));
    border-radius: 10px;
    margin-bottom: 2rem;
  }
  a[name="page-top"] {
    display:none;
  }
  a:any-link:is(:hover, :focus) {
    text-decoration: none;
  }
  #main-content .pager span > a::before {
    background-color: rgb(var(--red));
  }
  div[id*="page-options-bottom"], #footer {
    background-color: rgb(var(--lblue));
    border-top: solid 2px rgb(var(--red));
  }
  #delete-button {
    background-color: rgb(var(--red),.105);
  }
  #side-bar {
    background-color: rgb(var(--lblue));
  }
  #license-area::before {
    background: rgba(var(--gold), 1);
  }
  blockquote {
    text-align: left;
    border-radius: 1em;
    background-color: rgb(var(--lblue));
  }
  .blockquote {
    border-radius: 15px;
  }
  :root {
    --basalt-main-text-color: var(--gold);
    --rate-module-text-color: var(--gold);
    --footnote-background-color: var(--lblue);
    --barColour: rgb(var(--red));
    --image-caption-text-color: var(--gold);
    --image-caption-background-color: var(--dblue);
    --blockquote-border-color: var(--gold);
    --header-title-color: var(--gold);
    --basalt-UI-text-color: var(--gold);
    --header-subtitle-color: var(--gold);
    --header-title-color: var(--gold);
    --side-bar-heading-background-color: var(--dblue);
    --side-bar-heading-text-color: var(--gold);
    --link-color: var(--gold);
    --tag-background-color: var(--lblue);
    --rate-module-background-color: var(--lblue);
    --basalt-UI-dark-palette: var(--red);
    --search-icon-color: var(--gold);
    --hr-color: var(--gold);
    --bottom-area-background-color: var(--lblue);
    --side-bar-button-color: var(--gold);
    --login-status-background-color: var(--lblue);
    --user-icon-button-background-hover: var(--red);
    --basalt-ui-background-color: var(--lblue);
    --basalt-negative-color: var(--red);
    --basalt-focus-color: var(--red) !important;
    --basalt-dark-element-color: var(--gold);
    --basalt-undertone: var(--gold);
    --login-status-link-background-hover: var(--red);
    --top-bar-link-background-hover: var(--red);
    --header-background-color: var(--lblue);
    --top-bar-link-background-hover-alt: var(--dblue);
    --scrollbar-thumb-color: var(--gold);
    --scrollbar-track-color: var(--lblue);
    --selection-background-color: var(--gold);
    --side-bar-link-background-hover: var(--red);
    --c-stargaze: 'CIRCLE-STARGAZE';
    --s-stargaze: 'SQUARE-STARGAZE';
    --gold: 255,255,255;
    --cream: 250,242,226;
    --lblue: 7, 41, 79;
    --dblue: 22, 138, 233;
    --red: 0,0,0;
    --link-newpage-color: 22, 138, 233;
  }
  body {
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    background-color: rgb(var(--red),1);
    /*background-image: url(https://scp-sandbox-3.wikidot.com/local--files/collab:nihilistic-penguins/NihilisticPenguin.jpg);*/
    background-size: cover;
    background-attachment: fixed;
    margin: 0;
    position: relative;
  }
  .header h1 {
    letter-spacing: .25em;
    font-weight: 600;
    text-shadow: 1px 1px 10px rgba(var(--gold), 1);
  }
  h1, h2, h3, h4, #page-title {
    font-family: 'Orbitron', Sans-Serif;
    color: rgba(var(--gold), 1);
    text-shadow: 1px 1px 10px rgba(var(--dblue), 1);
    font-weight: 400;
  }
  p, td {
    font-size: 1rem;
    padding: 0em 1em;
  }
  @media (max-width: 600px) {
    .header h1 {
      font-size: clamp(1.5rem, 1vw, 1rem);
    }
    p {
      font-size: clamp(.85rem, 1vw, 1rem);
    }
  }
  .article {
    padding: 1em 1em;
    background-color: rgb(var(--lblue));
    border: 3px solid rgb(var(--gold), 1);
    border-radius: 15px;
    position: relative;
  }
  
  .intro {
    background-color: rgb(var(--lblue));
    border: 3px solid rgb(var(--gold), 1);
    border-radius: 30px;
    text-align: center;
    padding: 1em 1em;
  }
  body,html {
    font-family: "Quantico", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
  }
  a {
    text-transform: uppercase;
    text-decoration: none;
    display: inline-block;
    position: relative;
  }
  a:after {
    bottom: 0;
    content: "";
    display: block;
    height: 2px;
    left: 50%;
    position: absolute;
    background: rgba(var(--gold), 1);
    transition: width 0.3s ease 0s, left 0.3s ease 0s;
    width: 0;
  }
  a:hover:after {
    width: 100%;
    left: 0;
  }
  .icon {
    max-width: 50%;
  }
  @media screen and (max-height: 300px) {
    ul {
      margin-top: 40px;
    }
  }
  a, a:visited {
    color: rgba(var(--gold), 1);
  }
   
  .danger-diamond > .arrows {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.2' baseProfile='tiny' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 160 160' xml:space='preserve'%3E%3Cpath fill='%23ffffff' d='M136.1,133.3l23.9-23.9V51.2l-24-24l19.1-19.1l4.9,4.9l0-12.9l-12.9,0l4.9,4.9L133,24.2l-24-24H51l-24,24 L8,5.2l4.9-4.9L0,0.2l0,12.9l4.9-4.9L24,27.3l-24,24v58.2l23.9,23.9l-19,19L0,147.3l0,12.9l12.9,0L8,155.3l19-19l23.9,23.9h58.4 l23.9-23.9l19,19l-4.9,4.9l12.9,0l0-12.9l-4.9,4.9L136.1,133.3z M155.7,53v54.6l-22.6,22.6l-50-50L133,30.3L155.7,53z M52.8,4.5 h54.4l22.7,22.7L80,77.2L30.1,27.3L52.8,4.5z M4.3,107.6V53L27,30.3L77,80.2l-50,50L4.3,107.6z M107.4,155.9H52.6L30,133.3l50-50 l50,50L107.4,155.9z'/%3E%3C/svg%3E") !important;
  }
  
  .fncon {
      color: rgb(var(--basalt-main-text-color));
  }
  .custom img {
      background-color: #eee;
  }
  
  .main {
      font-size: .85em;
      margin: auto;
      width: 80%;
  }
  
  :root {
      --white-monochrome: 13,13,15;
      --body-font-primary: 'Jetbrains Mono';
      --header-logo: url(https://scp-wiki.wdfiles.com/local--files/component%3Aobject-warning-box-source/scp-logo.svg);
  }
  .collapsible-block-content div {
    text-align: center;
  }
  #u-comments2 {
    display:block !important;
  }
  .collapsible-block-content > hr:nth-of-type(2) {
    display: none;
  }
  .danger-diamond a {
    color: rgba(0,0,0,0) !important;
  }
  .top-left-box > .number {
      font-size: 3em;
  }
  .top-right-box > .level {
      font-size: 2em;
  }
  @media (max-width: 767px) {
      .main {
          width: 100%;
      }
  }
  .center-container {
    display: flex;
    justify-content: center;
    align-items: center;          
    margin: 0;
  }
  
  .vertical-ellipsis {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 100px;
  }
  
  .vertical-ellipsis .bullet {
    display: block;
    width: 5px;
    height: 5px;
    background-color: rgb(var(--gold));
    border-radius: 50%;
    margin: 100px 0px;
  }
  .bullet.one {
    -webkit-animation: flickerAnimation 2s infinite;
    -moz-animation: flickerAnimation 2s infinite;
    -o-animation: flickerAnimation 2s infinite;
    animation: flickerAnimation 2s infinite;
  }
  .bullet.two {
    -webkit-animation: flickerAnimation 2s infinite;
    -moz-animation: flickerAnimation 2s infinite;
    -o-animation: flickerAnimation 2s infinite;
    animation: flickerAnimation 2s infinite;
    animation-delay: .5s;
  }
  .bullet.three {
    -webkit-animation: flickerAnimation 2s infinite;
    -moz-animation: flickerAnimation 2s infinite;
    -o-animation: flickerAnimation 2s infinite;
    animation: flickerAnimation 2s infinite;
    animation-delay: 1s;
  }
  @keyframes flickerAnimation {
    0%   { opacity:1; }
    50%  { opacity:0; }
    100% { opacity:1; }
  }
  @-o-keyframes flickerAnimation{
    0%   { opacity:1; }
    50%  { opacity:0; }
    100% { opacity:1; }
  }
  @-moz-keyframes flickerAnimation{
    0%   { opacity:1; }
    50%  { opacity:0; }
    100% { opacity:1; }
  }
  @-webkit-keyframes flickerAnimation{
    0%   { opacity:1; }
    50%  { opacity:0; }
    100% { opacity:1; }
  }
  .animate-flicker {
     -webkit-animation: flickerAnimation 2s infinite;
     -moz-animation: flickerAnimation 2s infinite;
     -o-animation: flickerAnimation 2s infinite;
      animation: flickerAnimation 2s infinite;
      animation-delay: 1.5s;
  }
  div.page-rate-widget-box {
    border: 1px solid rgb(var(--gold));
    border-radius: 10px;
    margin-bottom: 2rem;
  }
  
  /* Notes (optional) */
  
  .note-left,
  .note-right {
    padding: 8px 16px;
    border-radius: 5px;
    background-color: rgb(var(--gold));
    box-shadow: 0 0 4px rgba(0,0,0,0.15);
    font-size: 0.9em;
    color: rgb(var(--dblue));
  }
  
  .note-left, .note-right {
    border: 1px solid rgb(var(--dblue));
  }
  
  @media (min-width: 1450px) {
  
    .note-right {
      position: absolute;
      left: 100%;
      margin-left: 20px;
      width: calc(50vw - 590px);
    }
  
    .note-left {
      position: absolute;
      right: 100%;
      margin-right: 20px;
      width: calc(50vw - 590px);
    }
  }
  
  @media (min-width: 950px) and (max-width: 1450px) {
    .note-right-container {
      display: flex;
      justify-content: flex-end;
      max-width: 380px;
      margin-left: 20px;
    }
  
    .note-left-container {
      display: flex;
      flex-direction: row;
      max-width: 380px;
      margin-right: 20px;
    }
  }
  
  @media (min-width: 768px) and (max-width: 950px) {
    .note-right-container,
    .note-left-container {
      width: 100%;
      margin: 10px 0;
    }
  }
  
  @media (min-width: 550px) and (max-width: 768px) {
    .note-right-container {
      display: flex;
      justify-content: flex-end;
      max-width: 280px;
      margin-left: 15px;
    }
  
    .note-left-container {
      display: flex;
      flex-direction: row;
      max-width: 280px;
      margin-right: 15px;
    }
  }
  
  @media (max-width: 550px) {
    .note-right-container,
    .note-left-container {
      width: 100%;
      margin: 10px 0;
    }
  }

  Pages using this styling

  • scp-9254 [info]

  ¶ 1 occurrence
  

  
  :root {
      --gradient-header: linear-gradient(to top, rgb(20, 6, 69) 0%, rgb(27, 8, 94) 50%, rgb(33, 9, 117) 100%);
      --logo-image: url(https://scp-wiki.wdfiles.com/local--files/scp-9250/MusaphysicalLogo);
      --white-monochrome: 252, 252, 252;
      --pale-gray-monochrome: 244, 244, 244;
      --light-pale-gray-monochrome: 244, 244, 244;
      --very-light-gray-monochrome: 215, 215, 215;
      --light-gray-monochrome: 160, 160, 160;
      --gray-monochrome: 66, 66, 72;
      --dark-gray-monochrome: 48, 48, 52;
      --black-monochrome: 12, 12, 12;
      --pale-accent: 80, 20, 210;
      --bright-accent: 55, 0, 133;
      --medium-accent: 58, 44, 100;
      --dark-accent: 19, 3, 92;
      --alt-accent: 204, 17, 221;
  }
  
  #page-title { display: none }
  
  .scp-image-block.block-right img {
      background: var(--gradient-header);
      box-sizing: border-box;
      padding: 1em;
  }
  
  .fonts-display {
      font-size: 1.25em;
  }
  
  .title-font {
      font-family: var(--title-font);
      font-weight: 700;
  }
  .header-font {
      font-family: var(--title-font);
      font-weight: 900;
  }
  .UI-font {
      font-family: var(--UI-font);
  }
  .mono-font {
      --MONO: 1;
      --CASL: 0;
      --CRSV: 0;
      font-family: var(--mono-font);
  }
  
  div#header h1 a span {
      font-size: 0px;
  }
  div#header h1 a:before {
      content: "Musophysical Department";
      color: #eee;
      
  }
  div#header h2 span {
      font-size:0px;
      padding: 4px;
  }
  div#header h2:after {
      content: "Listen for More";
      font-weight: bold;
      color: #ffffff;
      padding: 25px 0;
      text-shadow: 1px 1px 1px rgba(0, 0, 0, .8);
      white-space: pre;
      margin-left: 150px;
  }
  
  .scp-image-block.block-right img {
      padding: 0px;
  }
  
  .email {
      border: solid 2px #000000;
      width: 88%;
      padding: 1px 15px;
      margin: 10px;
      box-shadow: 0 1px 3px rgba(0, 0, 0, .5);
      background-color: white;
  }
  .tofrom {
      margin-left: 10px;
      margin-top: 5px;
      padding: 1px 15px;
      border-left: solid 3px maroon
  }
  .likebutton {
      padding: 0.1em 0.5em;
      text-decoration: none;
      font-size: 1.3em;
      background-color: #F4F4F4;
      border: 1px solid #AAA;
      color: #000;
  }
  .likebutton:hover {
      background-color: #DDD;
      color: #000;
      border: 1px solid #0098b3;
  }
  @media (max-width: 500px) {
  
  div#header h1 a:before {
      content: "Musophysical Department";
      font-size: 18px;
      color: #eee;
  }
  }

  Pages using this styling

  • scp-9250 [info]

  ¶ 1 occurrence
  

  
  :root {
  --four-color:188,188,188 !important;
  --basalt-sub-text-color: 169,169,169;
  --h-border-color: 169,169,169;
  --basalt-focus-color: 145,145,145;
  --general-border-color: 169,169,169;
  --edit-area-border-color: 169,169,169;
  --button-outline-color: 69,69,69;
  --button-text-color: 169,169,169;
  --side-bar-button-background-hover: 31, 31, 31;
  --top-bar-link-color: 131, 131, 131;
  --basalt-background-color: 0,0,0;
  --swatch-secondary-color: 0,0,0;
  --swatch-background: 4,4,4;
  --swatch-tertiary-color: 29,29,29;
  --swatch-text-tertiary-color: 245,245,245;
  --link-newpage-color: 143,143,143;
  }
  .scp-image-block.block-center img {
  height: 430px !important;
  }
  #page-content > div > div:nth-child(12) > div > div {
  padding: 0 !important;
  }
  
  body {
  background: linear-gradient(to top, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 1) 75%), url("http://scpdsandbox.wikidot.com/local--files/billith1/form3.png");
  background-repeat:repeat;
  background-size:contain;
  background-attachment: scroll, fixed;
  color:#F5F5F5;
  
  }
  

  Pages using this styling

  • scp-9243 [info]

  ¶ 1 occurrence
  

  :root {
      --linkColour: #FFF;
      --barColour: #0C2436;
  }
  
  #breadcrumbs{
    margin: auto;
    text-align: center;
    padding-bottom: 4px;
  }
  
  #page-title {
    position: relative;
    text-align: center;
    border-bottom: none;
    margin-bottom: 0;
  }

  Pages using this styling

  • scp-9240 [info]

  ¶ 1 occurrence
  

  
  :root {
      --linkColour: #FFF;
      --barColour: #0C2436;
  }
  
  .info-container {
    content: " ";
    width: 100%;
    text-align: center;
    bottom: 2em;
    margin-bottom: 1em;
  }
  
  .info-container h1 {
    text-align: center;
  }
  
  .info-container .collapsible-block-folded,
  .info-container .collapsible-block-unfolded-link {
    -webkit-mask: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 23.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.2' baseProfile='tiny' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 628 18' xml:space='preserve'%3E%3Cpolygon fill='%23B2B2B2' points='628.3,0 0,0 0,5.3 243.6,5.3 268.1,18.2 360,18.3 384.7,5.3 628.3,5.3 '/%3E%3C/svg%3E%0A");
    
    mask: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 23.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.2' baseProfile='tiny' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 628 18' xml:space='preserve'%3E%3Cpolygon fill='%23B2B2B2' points='628.3,0 0,0 0,5.3 243.6,5.3 268.1,18.2 360,18.3 384.7,5.3 628.3,5.3 '/%3E%3C/svg%3E%0A");
    
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-position: top center;
    mask-position: top center;
    background: var(--barColour);
  }
  
  .info-container .collapsible-block-folded {
      display: block;
      margin: 0 auto;
      height: 1.5em;
      width: 100%;
  }
  
  .translation_block > p {
      margin: 1em 2em 0 2em;
  }
  
  .info-container .collapsible-block-folded .collapsible-block-link, .info-container .collapsible-block-link {
    -webkit-mask: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 23.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.2' baseProfile='tiny' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 103 205.3' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cpath fill='%23FFFFFF' d='M4.2,75.6c24.1-2.6,48.2-5.2,74.9-8.1c0,15.6,0,29.4,0,43.3c0,20.8,0.4,41.6-0.2,62.3 c-0.3,10.5,4,16.3,13.4,20c4,1.5,7.1,5.3,10.6,8c-0.8,1.4-1.6,2.8-2.4,4.3c-32.4,0-64.8,0-97.3,0c-0.9-1.1-1.7-2.3-2.6-3.4 c3.3-2.7,6.2-7,9.9-7.8c11.4-2.3,15.3-9,15.2-19.9c-0.2-20.3-0.6-40.5,0.1-60.8c0.4-11.8-4.4-18.1-15-22.3c-4.4-1.8-7.4-7.2-11-11 C1.4,78.6,2.8,77.1,4.2,75.6z'/%3E%3Cpath fill='%23FFFFFF' d='M79.6,27c0,16.3-11,26.9-27.5,26.7c-16.5-0.2-26.2-9.9-26.2-26c0-17,10.1-27.7,26.5-27.7 C68.6-0.1,79.6,10.8,79.6,27z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
      
    mask: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 23.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.2' baseProfile='tiny' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 103 205.3' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cpath fill='%23FFFFFF' d='M4.2,75.6c24.1-2.6,48.2-5.2,74.9-8.1c0,15.6,0,29.4,0,43.3c0,20.8,0.4,41.6-0.2,62.3 c-0.3,10.5,4,16.3,13.4,20c4,1.5,7.1,5.3,10.6,8c-0.8,1.4-1.6,2.8-2.4,4.3c-32.4,0-64.8,0-97.3,0c-0.9-1.1-1.7-2.3-2.6-3.4 c3.3-2.7,6.2-7,9.9-7.8c11.4-2.3,15.3-9,15.2-19.9c-0.2-20.3-0.6-40.5,0.1-60.8c0.4-11.8-4.4-18.1-15-22.3c-4.4-1.8-7.4-7.2-11-11 C1.4,78.6,2.8,77.1,4.2,75.6z'/%3E%3Cpath fill='%23FFFFFF' d='M79.6,27c0,16.3-11,26.9-27.5,26.7c-16.5-0.2-26.2-9.9-26.2-26c0-17,10.1-27.7,26.5-27.7 C68.6-0.1,79.6,10.8,79.6,27z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
    
    display: block;
    width: 100%;
    height: 100%;
    -webkit-mask-size: 0.5em;
    mask-size: 0.5em;
    -webkit-mask-position: top center;
    mask-position: top center;
    mask-position-y: 3px;
    -webkit-mask-position-y: 3px;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    background: var(--linkColour);
    text-decoration: none;
  }
  
  .info-container .collapsible-block-unfolded-link {
    display: block;
    margin: 0 auto;
    height: 1.5em;
    width: 100%;
  }
  
  .info-container .collapsible-block-unfolded {
    border: 1px solid #BBB;
    border-top: none;
    background: #8495a0;
  }
  
  .info-container .collapsible-block-content {
    text-align: left;
    padding-bottom: 0px;
  }
  
  .info-container .collapsible-block-content div {
    margin: 0em;
  }
  

  Pages using this styling

  • scp-9240 [info]

  ¶ 1 occurrence
  

  
  .trigger:hover ~ .amelia {
    visibility: visible;
    opacity: 1;
  }
  
  .amelia {
    visibility: hidden;
    opacity: 0;
    max-width: 100%;
    word-wrap: break-word;
    z-index: 20; /* Higher than the trigger's z-index */
    
    --margin-tb: 0px;
    --margin-rl: 0px;
    --bubble-width: 100%;
    --transition-time: 1s;
    
    background-color: rgba(11, 57, 84);
    color: rgb(199, 255, 252);
    border-radius: 2px;  
    text-align: center;
  }
  
  .trigger:hover ~ .rosenaic {
    visibility: visible;
    opacity: 1;
  }
  
  .rosenaic {
    visibility: hidden;
    opacity: 0;
    max-width: 100%;
    word-wrap: break-word;
    z-index: 20; /* Higher than the trigger's z-index */
    
    --margin-tb: -1rem;
    --margin-rl: 0px;
    --bubble-width: 100%;
    --transition-time: 1s;
    
    background-color: rgba(0, 0, 0);
    color: rgb(78, 154, 6);
    border-radius: 2px;  
    text-align: center;
    
    padding: 1.5rem 0px;
    
    clip-path: polygon(
      20px 1rem,
      100% 1rem,
      100% calc(100% - 1rem),
      calc(50% + 20px) calc(100% - 1rem),
      50% 100%,
      0% 100%,
      0 30px
    );
  }
  
  .trigger:hover ~ .mother  {
    visibility: visible;
    opacity: 1;
  }
  
  .mother {
    visibility: hidden;
    opacity: 0;
    max-width: 100%;
    word-wrap: break-word;
    z-index: 20; /* Higher than the trigger's z-index */
    
    --margin-tb: 0px;
    --margin-rl: 0px;
    --bubble-width: 100%;
    --transition-time: 1s;
    
    background-color: rgba(46, 24, 52);
    color: rgb(204, 153, 1);
    border-radius: 6px;  
    text-align: center;
    
    animation: ge-anim03-paths 5s step-end infinite;
  }
  

  Pages using this styling

  • scp-9240 [info]

  ¶ 1 occurrence
  

  .image-bubble {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    transition: opacity var(--transition-time);
    width: var(--bubble-width);
    margin: var(--margin-tb) var(--margin-rl);
    z-index: 20;
  }
  
  .image-bubble img {
    max-width: 60%;
    border-radius: 6px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.2);
  }
  
  .image-bubble.mx-image img {
    max-width: 100%;
    width: 100%;
    border-radius: 6px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.2);
  }
  
  .trigger:hover ~ .image-bubble {
    visibility: visible;
    opacity: 1;
  }

  Pages using this styling

  • scp-9240 [info]

  ¶ 1 occurrence
  

  
  .trigger:hover {
    text-shadow:
      0 0 5px rgb(255,48,48), /* First shadow layer (subtle glow) */
      0 0 10px rgb(255,48,48) /* Second shadow layer (medium glow) */
  }
  
  .trigger:hover ~ .basic {
    visibility: visible;
    opacity: 1;
  }
  
  .basic {
    visibility: hidden;
    opacity: 0;
    max-width: 100%;
    word-wrap: break-word;
    z-index: 20; /* Higher than the trigger's z-index */
    
    --margin-tb: 0px;
    --margin-rl: 0px;
    --bubble-width: 100%;
    --transition-time: 1s;
      
    background: #f0f0f0;
    color: #333;
    border-radius: 6px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.2);
    text-align: left;
  }
  
  
  
  .trigger > p {
    margin: 0;
    padding: 0;
  }
  
  .dialogue-box {
    width: 100%;
    position: relative;
    
    display: grid;
    grid-template-columns: 35% 30% 35%;
    grid-template-rows: repeat(3, min-content);
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-areas:
      "tl tc tr"
      ". trigger ."
      "bl bc br";
  }
  
  .tl {
    grid-area: tl;
    position: absolute;
    bottom:0;
    right:0;
    
    transition: opacity var(--transition-time);
    width: var(--bubble-width);
    margin: var(--margin-tb) var(--margin-rl);
  }
  .tc {
    grid-area: tc;
    position: absolute;
    bottom:0;
    
    transition: opacity var(--transition-time);
    width: var(--bubble-width);
    margin: var(--margin-tb) var(--margin-rl);
  }
  .tr {
    grid-area: tr;
    position: absolute;
    bottom:0;
    
    transition: opacity var(--transition-time);
    width: var(--bubble-width);
    margin: var(--margin-tb) var(--margin-rl);
  }
  
  .trigger {
    padding: 1vh 0;
  
    grid-area: trigger;
    text-align: center;
    cursor: pointer;  
    z-index: 10;
  }
  
  .bl {
    grid-area: bl;
    position: absolute;
    right:0;
    
    transition: opacity var(--transition-time);
    width: var(--bubble-width);
    margin: var(--margin-tb) var(--margin-rl);
  }
  .bc {
    grid-area: bc;
    position: absolute;
    
    transition: opacity var(--transition-time);
    width: var(--bubble-width);
    margin: var(--margin-tb) var(--margin-rl);
  }
  .br {
    grid-area: br;
    position: absolute;
    
    transition: opacity var(--transition-time);
    width: var(--bubble-width);
    margin: var(--margin-tb) var(--margin-rl);
  }
  
  .tc, .bc {
    left: 50%;
    transform: translateX(-50%);
  }
  

  Pages using this styling

  • scp-9240 [info]

  ¶ 1 occurrence
  

  
  /* Hide all by default */
  .text-small-pc,
  .text-large-pc,
  .text-mobile-landscape,
  .text-mobile-portrait {
    display: none;
  }
  
  /* Small PC: max 650px, desktop pointer */
  @media only screen and (max-width: 650px) and (pointer: fine) and (hover: hover) {
    .text-small-pc {
      display: block;
    }
  }
  
  /* Large PC: above 651px, desktop pointer */
  @media only screen and (min-width: 651px) and (pointer: fine) and (hover: hover) {
    .text-large-pc {
      display: block;
    }
  }
  
  /* Mobile Portrait */
  @media only screen and (max-device-width: 767px) and (orientation: portrait) and (pointer: coarse) {
    .text-mobile-portrait {
      display: block;
    }
  }
  
  /* Mobile Landscape */
  @media only screen and (max-device-height: 767px) and (orientation: landscape) and (pointer: coarse) {
    .text-mobile-landscape {
      display: block;
    }
  }
  

  Pages using this styling

  • scp-9240 [info]

  ¶ 1 occurrence
  

  
  .bar {
    display: flex;
    align-items: center;
  }
  
  .left {
    white-space: nowrap; /* prevents wrapping, just in case */
    margin-right: auto;  /* pushes everything else away to the right */
  }
  
  .right {
    margin: 0 auto;       /* centers this in the remaining space */
  }
  
  .header-trigger {
    display: inline-block;
    margin-right: 10px;
    text-align: center;
    cursor: pointer;
  }
  
  .target {
    display: inline-block;
    opacity: 0;
    transition: opacity 0.2s ease;
  }
  
  .header-trigger:hover + .target {
    opacity: 1;
  }
  

  Pages using this styling

  • scp-9240 [info]

  ¶ 1 occurrence
  

  
  h1 { font-size: 1.5rem; }
  
  h2 { font-size: 1.25rem; }
  
  h3 { font-size: 1rem; }
  

  Pages using this styling

  • scp-9240 [info]

  ¶ 1 occurrence
  

  #page-title {
  display: none;
  }
  
  .meta-title::after {
    display: none;
  }
  
  .meta-title > p {  
    margin: 0;
  }

  Pages using this styling

  • scp-9240 [info]

  ¶ 1 occurrence
  

  
  .hover-opacity-div {
    opacity: 0;
    transition: opacity 0.5s ease;
  }
  
  .hover-opacity-div:hover {
    opacity: 1;
    transition: opacity 0.5s ease;
  }
  
  
  .hover-text {
    display: inline-block;
    position: relative;
    width: max-content;
  }
  
  .hover-text .text-default,
  .hover-text .text-hover {
    display: block;
    white-space: nowrap;
    transition: opacity 0.3s ease;
  }
  
  .hover-text .text-hover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    text-align: center; /* Center the shorter text */
    opacity: 0;
    visibility: hidden;
  }
  
  .hover-text:hover .text-default {
    opacity: 0;
    visibility: hidden;
  }
  
  .hover-text:hover .text-hover {
    opacity: 1;
    visibility: visible;
  }
  

  Pages using this styling

  • scp-9240 [info]

  ¶ 1 occurrence
  

  #page-content {
    padding-block: 0;
  }

  Pages using this styling

  • scp-9240 [info]

  ¶ 1 occurrence
  

  #main-content {
      background-color: rgb(var(--space-void));
  }
  
  :root {
      --header-title: "Secure Contain Protect";
      --header-subtitle: "The Lady in the Lake";

  Pages using this styling

  • scp-9230 [info]

  ¶ 1 occurrence
  

  
  .redindent{
      border-left: solid 8px #D02020;
      padding: 0.5rem 2.5rem;
      margin: 0px;
  }
  
  .greenindent{
      border-left: solid 8px #20C060;
      padding: 0.5rem 2.5rem;
      margin: 0px;
  }
  
  .blueindent{
      border-left: solid 8px #10A0D0;
      padding: 0.5rem 2.5rem;
      margin: 0px;
  }
  

  Pages using this styling

  • scp-9226 [info]

  ¶ 1 occurrence
  

  
  
  /* === ROOT === */
  :root {
      --header-title: '9K';
      --header-subtitle: 'Department of Contrition';
      --title-size: 2rem;
      --subtitle-size: 0rem;
  --header-logo: url(http://scp-wiki.wikidot.com/local--files/scp-9222/logo.png);
  
  --image-space: calc(var(--main-content-width)/-3);
  --image-float: left;
  --image-float-r: right;
  
  --basalt-undertone: 181, 114, 142;
  --basalt-overtone: 218, 127, 125;
  --basalt-tertiary-color:  218, 127, 125;
  --basalt-bright-element-color: 181, 114, 142;
  --basalt-dark-element-color: 181, 114, 142;
  
  --thinWidth: 45%;
  --docHighlightMargin: 65%;
  }
  
  @media only screen and (max-width: 1500px){
  :root {--image-space: 35%; --image-float: none; --image-float-r: none; --docHighlightMargin: 0%;}
  }
  @media only screen and (max-width: 1290px) {
  :root {--image-space: 0vw; --image-float: none; --image-float-r: none; --thinWidth: 80%; --docHighlightMargin: 0%;}
  }
  
  /* === ANIMATIONS === */
  
  
  @keyframes scale-up {
    from {
      scale: 0%;
    }
  
    to {
      scale: 100%;
    }
  }
  
  @keyframes fade-in {
    from {
      opacity: 0;
    }
  
    to {
      opacity: 1;
    }
  }
  
  @keyframes blur-in {
    from {
      filter: blur(10px);
    }
  
    to {
      filter:blur(0px);
    }
  }
  
  
  
  @keyframes spin {
    from {
      transform: rotate(0deg);
    }
  
    to {
      transform: rotate(360deg);
    }
  }
  
  @keyframes line-grow {
    0% {
      scale: 2% .5%;
    }
  
    45% {
      scale: 100% .5%;
    }
  
    100% {
      scale: 100% 100%;
    }
  
  }
  
  /* === DIVS === */
  
  .imagebox{
  float:var(--image-float);
  box-sizing: border-box;
  margin: 0.25rem 1.25rem;
  margin-left: var(--image-space) !important;
  max-width: 650px;
  width: 350px;
  animation: scale-up 1s;
  }
  
  .genbox{
  border: rgb(var(--basalt-undertone)) .3rem solid;
   padding: .2rem;
   background-color: rgb(var(--basalt-secondary-color));
  margin: 1rem auto;
  padding: .6rem;
  }
  
  .spinbox{
  animation: spin 4s infinite linear;
  }
  
  .label{
  background-color: rgb(var(--basalt-overtone));
  border: solid 0.2rem rgb(var(--basalt-overtone));
  justify-content:center;
  color:  white;
  }
  
  .linebox{
   width: 70%;
  animation: line-grow 1s;
  }
  
  .addendum{
  border: rgb(var(--basalt-overtone)) solid .2rem;
  width: 25%;
  margin: 2rem auto;   
  border-image: linear-gradient(to bottom right, rgb(var(--basalt-overtone)) 0% 10%, #00000000 10% 90%, rgb(var(--basalt-overtone)) 90% 100%) 1;
  padding 1rem;
  background-color: rgba(var(--basalt-undertone), .11);
  backdrop-filter: blur(3px);
  }
  
  .greenbox{
   padding: .2rem;
   background-color: rgb(var(--basalt-overtone));
  margin: 1rem auto;
  padding: .6rem;
  width: var(--thinWidth);
  }
  
  .highlight{
  border: none;
   border-left: .6rem solid; 
  border-color:rgb(var(--basalt-overtone));
   background-color: rgba(var(--basalt-overtone), .1);
   backdrop-filter: blur(10px);
  }
  .notifbox{
  border: rgb(var(--basalt-undertone)) .1rem solid;
   padding: .2rem;
   margin-right:70%;
   background-color: rgb(var(--basalt-secondary-color));
  margin-top: 2rem;
  }
  
  .strongtext{
  color: rgb(var(--basalt-overtone));
   font-size: 1.1rem;
  }
  
  
  .doc{
  
  background-color: none;
  border: none;
  width: 80rem;
  filter: drop-shadow(5px 5px 10px rgba(0, 0, 0, 0.5));
  margin: 1rem auto;
  
  }
  
  /* === OVERRIDES === */
  
  body{
  background-color: #ffffff;
  background-image: url("data:image/svg+xml,%3Csvg width='6' height='6' viewBox='0 0 6 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23da7f7d' fill-opacity='0.16' fill-rule='evenodd'%3E%3Cpath d='M5 0h1L0 6V5zM6 5v1H5z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  #header{
  background-color: #DA7F7D88;
  backdrop-filter: blur(10px);
  border-radius: 0rem 0rem 1rem 1rem;
  border: none;
  }
  
  

  Pages using this styling

  • scp-9222 [info]

  ¶ 1 occurrence
  

  :root {
  --logo-image: url("https://scp-wiki.wdfiles.com/local--files/scp-9220/chesedlogo.png");
  --header-subtitle: "Shame. Compassion. Pity.";
  
          --pale-accent: 215, 97, 113; 
          --bright-accent: 135, 62, 72;
          --medium-accent: 119, 119, 119;
          --dark-accent: 42, 42, 42;

  Pages using this styling

  • scp-9220 [info]

  ¶ 1 occurrence
  

  div#extra-div-1,div#extra-div-2{display:none;}
    #header h1 a, #header h2 span {
           margin-left: calc(var(--header-height-on-desktop) - .5rem);
       }

  Pages using this styling

  • scp-9220 [info]

  ¶ 1 occurrence
  

   :root{
    --lgurl: url(https://lspr.wdfiles.com/local--files/test8/AWD.png);
  }

  Pages using this styling

  • scp-9217 [info]

  ¶ 1 occurrence
  

  .txtbox {
  border: 1px solid rgb(130, 130, 130);
  margin-left: auto;
  margin-right: auto;
  width: 85%;
  padding-left: 7px;
  padding-right: 7px;
  background-color: white;
  }
  .resbox{
  border:1px dashed #9C8686;
  background-color:#F2EBEB;
  padding:0 1em;
  margin:1em 3em;
  }
  .robox{
  border:1px dashed #8E9C86;
  background-color:#E6F0E4;
  padding:0 1em;
  margin:1em 3em;
  }
  .winterbox{
  border:1px dashed #7F9799;
  background-color:#E4EFF0;
  padding:0 1em;
  margin:1em 3em;
  }

  Pages using this styling

  • scp-9204 [info]

  ¶ 1 occurrence
  

  .redacted {
      background-color: rgb(var(--basalt-main-text-color))!important;
  }
  
  .redacted::selection {
      background-color: rgb(var(--basalt-main-text-color))!important;
      color: rgb(var(--basalt-main-text-color));
  }
  
  .document .redacted {
      background-color: rgb(50, 50, 53)!important;
  }
  
  .document .redacted::selection {
      background-color: rgb(50, 50, 53)!important;
      color: rgb(50, 50, 53);
  }
  
  @import url('https://fonts.googleapis.com/css2?family=Libre+Barcode+128&display=swap');
  
  .barcode {
  font-family: "Libre Barcode 128", system-ui, sans-serif;
  }
  
  .pagenum {
      position: absolute;
      bottom: -5px;
  }
  
  .barcode p:has(iframe) {
  margin: 0px;
      position: absolute;
      right: 12px;
      bottom: 12px;
  }
  
  .barcode iframe {
      width: 127px !important;
      height: 16px !important;
      float: right;
  }
  
  .document.mono {
      font-family: consolas, monospace !important;
  }
  
  
  .document.mono h1, .document.mono h2 {
      font-family: consolas, monospace !important;
  }
  
  .birth-cert-grid {
      grid-template-rows: repeat(16, 1fr);
      grit-template-columns: repeat(9, 1fr);
  }
  
  .serif {
      font-family: serif;
  }
  
  .highlight {
      background-color: #FFFF2290;
  }

  Pages using this styling

  • scp-9202 [info]

  ¶ 1 occurrence
  

  div.explainer {
      background-color: #dbdbdb;
  }
  
  .explainer li {
      list-style: none;
  }
  
  .explainer li:not(:last-child) {
      margin-bottom: 0.5em;
  }
  
  .explainer img {
      width: 2em;
  }

  Pages using this styling

  • scp-9201 [info]

  ¶ 1 occurrence
  

  /* sourced from "SCP-3984" by Croquembouche */
  .outside {
    margin: 2em -6em;
    padding: 1em 10em;
    --narration-color: rgba(217, 183, 165, 1);
    background: var(--narration-color);
    background: linear-gradient(90deg, rgba(255,255,255,0) 10%, var(--narration-color) 20%, var(--narration-color) 80%, rgba(255,255,255,0) 90%);
    z-index: -2;
  }
  
  .outside.inline {
    margin: 1em -6em;
    padding: 1px 10em;
  }
  
  #side-bar {
    z-index: 2;
  }
  @media only screen and (max-width: 1040px) {
    .outside {
      margin-right: 0 !important;
      margin-left: 0 !important;
      padding-left: 3em !important;
      padding-right: 3em !important;
    }
  }
  
  body {
    overflow-x: hidden;
  }
  
  div[class$="_memo"] {
      background: var(--memo-logo) rgba(var(--memo-color), 1);
      background-size: contain;
      background-position: top center;
      background-repeat: no-repeat;
      min-height: 4rem;
      margin-inline: auto;
      margin-block: 2rem;
      padding-inline: 20px;
      padding-block: 10px;
      border: solid 2px rgba(0, 0, 0, 0.1);
      text-align: center;
  }
  
  div[class$="_memo"]::before {
      content: var(--memo-heading);
      font-family: var(--UI-font);
      font-weight: 900;
      font-size: 1.3em;
      text-align: center;
      margin: 0 auto 1rem auto;
      display: flex;
      flex-direction: column;
      padding-top: 0.5em;
  }
  
  .raisa_memo {
      --memo-heading: "NOTICE FROM THE RECORDS AND INFORMATION SECURITY ADMINISTRATION";
      --memo-logo: url(https://scp-wiki.wikidot.com/local--files/theme:basalt/RAISA_LIGHTLOGO.png);
      --memo-color: 255, 243, 173;
  }
  
  .raisa {
  background: rgba(255, 243, 173, 1);
  border: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: 0px 1px 1.9px -4px rgba(0, 0, 0, 0.1), 0px 6px 15px -4px rgba(0, 0, 0, 0.2);
  }
  /* RAISA MEMO */
  
  div.raisa_memo {
  max-width: 36rem !important;
  box-shadow: 0px 1px 1.9px -4px rgba(0, 0, 0, 0.1), 0px 6px 15px -4px rgba(0, 0, 0, 0.2);
  padding: 0px;
  margin: 3rem auto;
  width: 95%;
  background-position: center;
  }
  
  div.raisa_memo::before {
  content: none;
  }
  
  .raisa-header {
      padding-inline: 0.5rem;
  }
  
  .raisa-background {
  background: rgba(255, 243, 173, 0.8);
  }
  
  div.raisa-content {
      max-width: 26rem !important;
      text-align: left;
      margin-inline: auto;
  padding-inline: 1rem;
  }
  
  .raisa-divider {
      display: block;
      background: rgba(0,0,0,0.1);
      height: 2px;
      width: 100%;
  }
  
  .text-notice {
      font-size: 1rem;
      font-weight: bold;
  }
  
  .text-raisa {
      font-weight: bold;
      font-size: 1.4rem;
  }

  Pages using this styling

  • scp-9195 [info]

  ¶ 1 occurrence
  

  
  @import url("https://use.typekit.net/hey2uso.css");
  
  
  :root {
  
  --header-title: 'THE FOUNDATION';
  --header-subtitle: 'सुरक्षित / સમાવે / ਰਾਖੀ';
  
   --header-top-gap: 0rem;
    --top-bar-height: 3.75rem;
   --title-size: min(calc(1.5rem + 3.25vw), 4.25rem);
      --subtitle-size: min(calc(0.75rem + 2.75vw), 2.75rem);
  
      --body-font: interstate, 'Lato', sans-serif;
      --header-font: maecenas, 'Poppins', sans-serif;
      --title-font: maecenas-heavies, 'Poppins', sans-serif;
      --mono-font: "PT Mono", "Andale Mono", "Courier New", Courier, monospace;
     --header-top-gap: 0rem;
   --top-bar-height: 3.75rem;
   --title-size: min(calc(1.5rem + 3.75vw), 4.25rem);
   --subtitle-size: min(calc(0.75rem + 2.0vw), 2.75rem);
  
  --basalt-primary-color: 60, 8, 22;
  --basalt-secondary-color: 74, 12, 48;
  --basalt-tertiary-color: 98, 18, 72;
  
  --header-title-color: var(--basalt-UI-text-color);
  --header-subtitle-color: #FF77222;
  
  --basalt-main-text-color: 236, 210, 255;
  --link-color: 255, 120, 180;
  
  
  --basalt-overtone: 240, 220, 240;
  --basalt-undertone: 160, 60, 190;
  
  --basalt-bright-element-color: 196, 92, 48;
  --basalt-dark-element-color: 200, 80, 160;
  
  --general-border-color: 82, 16, 64;
  --basalt-UI-dark-palette: 140, 50, 110;
  
  --swatch-menubg-black-color: 70, 12, 52;
  --swatch-menutxt-dark-color: 200, 90, 210;
  
  --logo: url(http://kaktuskontainer.wdfiles.com/local--files/iss-part1/logo);
  --icon-opacity: 15%;
  
  --page-content-font-size: calc(var(--true-font-size) * .97);
  
  
  }
  
  #header {
      contain: initial;
      height: auto;
      min-height: var(--header-final-height);
      position: static;
      background: transparent;
  box-shadow: none;
      grid-template-areas:
          '. . . . .'
          '. search line top-bar user'
          'h-link h-link h-link h-link h-link';
      grid-template-columns: var(--side-bar-button-width) var(--search-button-width) 1fr max-content var(--user-button-width);
      grid-template-rows: var(--header-top-gap) var(--top-bar-height) 1fr;
  backdrop-filter: none;
  
  background-color: #5B0000
  }
   
  #header h1 { grid-template-columns: minmax(0,1fr); }
  #header h1 a {
      justify-content: center;
      width: auto; height: auto;
  text-align: center;
      flex-wrap: wrap;
      pointer-events: none;
      gap: 1rem calc(var(--base-header-height) *.125);
      padding: 1rem;
      box-sizing: border-box;
  }
  #header h1 a::before, #header h1 a span { height: auto; pointer-events: auto; }
  #header h1 a::before {
      width: calc(var(--base-header-height) *1.25);
      aspect-ratio: 1;
      min-width: unset;
      max-width: 100%;
  
  position: absolute;
  left: 50%;
  opacity: var(--icon-opacity);
  transform: translateX(-50%) translateY(-20%);
  }
  
   
  #side-bar::before, #side-bar::after {
      inset: initial;
      left: 0;
      top: var(--header-top-gap);
      height: var(--top-bar-height);
      transition: left var(--side-bar-transition);
  }
  
  #more-options-button{
  color: white;
  }
  
  
  :is(.image-block,.scp-image-block) :is(.image-caption,.scp-image-caption) {
      font-size: .675em;
  }
  
  
  :where(#page-content) table:not(.form), table.wiki-content-table{
  min-width: 100%;
  }
  
  #page-content {
      padding-block: 0em;
  }
  
  
  .collapsible-block .collapsible-block-link {padding: 5px 10px 5px 10px;text-decoration: none;background-color: rgb(var(--basalt-bright-element-color));
  color: white;
  font-size: .75rem;
  border-radius: 100px;
      box-sizing: border-box;
  transition: all .2s ease;
  display: inline-flex;
  }
  
  .notifbox{
  border: rgb(var(--basalt-undertone)) .1rem solid;
   padding: .2rem;
   margin-right:70%;
   background-color: rgb(var(--basalt-secondary-color));
  margin-bottom: 0rem;
  }
  
  .table3 {
  --basalt-th-background-color: var(--basalt-dark-element-color);
  }
  
  
  @media only screen and (max-width: 1024px) {
  :root {
      --header-top-gap: 0rem;
      --main-content-side-margin: calc(0.25rem + 2.25vw);
  }
   
  #header {
      grid-template-areas:
          '. search . user'
          'h-link h-link h-link h-link'
          'top-bar top-bar top-bar top-bar';
      grid-template-columns: var(--side-bar-button-width) var(--search-button-width) 1fr var(--user-button-width);
      grid-template-rows: var(--top-bar-height) 1fr var(--top-bar-height);
  }
   
  
  @media only screen and (max-width: 1290px) {
  
  #top-bar div.mobile-top-bar>.open-menu {
      position: fixed;
      left: 0;
      top: var(--header-top-gap);
      width: var(--side-bar-button-width);
      height: var(--top-bar-height);
      background-color: rgba(110, 60, 220,.5);
      border-radius: 0rem 1rem 1rem 0rem;
      backdrop-filter: blur(4px);
  }
  }
  }
  
  .licensebox a.collapsible-block-link {
  background-color: transparent;
  font-size: 1em;
  padding: 0px;
  }
  
  #header h2 {
      background: url(http://kaktuskontainer.wdfiles.com/local--files/iss-part1/hindi);
      background-repeat: no-repeat;
      background-clip: border-box;
      background-size: contain;
      top: 4.5rem;
      left: 8rem;
      height: 2rem;
  }   
  
  }

  Pages using this styling

  • scp-9186 [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Comic+Relief:wght@400;700&family=Pixelify+Sans:wght@400..700&display=swap');
  @import url('https://fonts.googleapis.com/css?family=Short+Stack');
  
  :root {
    --logo: url(http://scp-sandbox-3.wikidot.com/local--files/collab:dumbcon/foundlogo);
    --header-font: 'Comic Sans MS';
    --UI-font: 'Comic Sans MS';
    --header-subtitle: "SCREAM - CRY - POUT";
  }
  
  h1 {
      font-family: 'Comic Sans MS', 'Comic Sans', 'Short Stack', cursive;
      margin-top: 1.5em;
  }
  
  .collapsible-block-link {
      font-size: 1.2em;
      font-family: 'Comic Sans MS', 'Comic Sans', 'Short Stack', cursive;
  }
  
  p {
     font-family: 'Comic Relief';
  }
  tt {
    background-color: #eee;
    border-radius: 5px;
  }
  div.blockquote {
     max-width: 90% !important;
  }
  
  .ad .image {
    display: block;
    margin: auto;
    max-width: 50%;
  }
  
  .footnotes-footer {
    display: none;
  }
  
  @media (max-width: 768px) {
    .ad .image {
      max-width: 100%;
    }
    div.blockquote {
     max-width: 100% !important;
    }
  }
  .textbox {
        border: solid 0.2rem rgb(var(--general-border-color));
        background: #f6f9f7;
        color: black;
        padding: 1em;
        margin: 1em;
  }
  .box {
        border: 2px solid black;
        background: #f6f9f7;
        color: black;
        padding: 1em;
        margin: auto;
        text-align: center;
        width: 150px;
        position: relative;
        z-index: 3;
  }
  .logs {
      padding: 5px 5px 5px 5px;
      margin-bottom: 10px;
      width: 97.7%;
  }
   
  .logs-header {
      text-align: center;
  }
   
  table.dialog {
      border-collapse: collapse;
  }
   
  table.dialog th {
      font-family: var(--display-font);
      padding: 1.1em 1em 0em 1em;
  }
   
  table.dialog td {
      font-family: var(--dialogue-font);
      padding: 1.15em 0em 0em 0.8em;
  }
  }
  
  #page-content table.dialog,
  #page-content table.dialog th,
  #page-content table.dialog td {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    color: inherit !important;
    font-family: inherit !important;
    font-size: inherit !important;
    padding: 0 !important;
  }
  
  #page-content table.dialog {
    width: 100% !important;
    border-collapse: collapse !important;
    background: transparent !important;
    margin: 0 0 1rem 0 !important;
  }
  
  #page-content table.dialog th {
    font-family: var(--display-font), system-ui, sans-serif !important;
    padding: 0.75em !important;
    background: #f0f0f0 !important;
    text-align: left !important;
  }
  
  #page-content table.dialog td {
    font-family: var(--dialogue-font), system-ui, sans-serif !important;
    font-size: 1.15em !important;
    padding: 0.75em !important;
    color: #000 !important;
  }
  
  #page-content table.dialog th,
  #page-content table.dialog td {
    font-size: 1em !important;
  }
  .logs-header img {
    width: 600px;
    object-fit: cover;
    height: 300px;
    display:inline-block;
    position: relative;
    z-index: 1;
  }
  .foundation {
      border:solid 3px #444;
      background: #f2f2c2 url('https://scp-wiki.wdfiles.com/local--files/theme%3Aredtape/scp_trans.png') center center no-repeat;
      padding: 1.5rem;
      margin-bottom: 10px;
      color: black;
  }
  .foundation.snow {
      background: #fff url('https://scp-wiki.wdfiles.com/local--files/theme%3Aredtape/scp_trans.png') center center no-repeat;
  }

  Pages using this styling

  • scp-9180 [info]

  ¶ 1 occurrence
  

  .right-align-small {
      display: block;
      text-align: right;
      font-size: 0.85em;
  }

  Pages using this styling

  • scp-9171 [info]

  ¶ 1 occurrence
  

  .blur-text {
      filter: blur(3px);
  }

  Pages using this styling

  • scp-9171 [info]

  ¶ 1 occurrence
  

  :root {
    --header-title: "SCP FOUNDATION";
    --lgurl: url("https://scp-wiki.wdfiles.com/local--files/math-department-hub/Math%20Department%20Logo%20-%20Penumbra.png");
    /* --header-subtitle: "DEPARTMENT OF MATHEMATICS"; */
    /* --accentColor: #1eb5e8; */
    /* --header-subtitle: "DEPARTMENT OF APPLIED MATHEMATICS"; */
    /* --accentColor: #65cdf0; */
    --header-subtitle: "DEPARTMENT OF ESOTERIC MATHEMATICS";
    --accentColor: #0099cc;
    /* --header-subtitle: "DEPARTMENT OF TACTICAL MATHEMATICS"; */
    /* --accentColor: #636fee; */
  }
  
  /* Bottom Rating Module */
  .bottom-rating-module {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-block: 1rem;
  }
  
  .bottom-rating-module .page-rate-widget-box {
    margin: 0;
  }
  
  /* Article-Specific Styling */
  div.vertblock {
      border: solid 2px var(--darkColor);
      box-shadow: 0px -3px 0px -0.1px var(--accentColor);
  }
  
  a.subtlelink {
      color: inherit;
      text-decoration: inherit;
  }
  
  #page-title {display: none;}
  

  Pages using this styling

  • scp-9153 [info]

  ¶ 1 occurrence
  

  .email-box {
     border: solid 5px #820D15;
     background:#fffbfe;
     padding: 10px;
     margin-bottom: 10px;
  }

  Pages using this styling

  • scp-9148 [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Special+Elite&family=TikTok+Sans:opsz,wght@12..36,300..900&display=swap');
  
  .approved-stamp-container {
      position: relative; /* REQUIRED */
  }
  
  .approved-stamp-container::after {
      content: "APPROVED";
      font-family: "Special Elite", serif;
      font-size: 2.25em;
      color: #1f7a1f;
      border: 2px solid #1f7a1f;
  
      padding: 10px 18px;
      line-height: 1;
  
      position: absolute;
      top: 4rem;
      right: 3rem;
  
      transform: rotate(38deg);
      opacity: 0.75;
  
      border-radius:
        255px 15px 225px 15px /
        15px 225px 15px 255px;
  
      pointer-events: none;
  }
  
  @media (max-width: 700px) {
      .approved-stamp-container::after {
          font-size: 30px;
          top: 1em; right: 1rem;
       }
  }
  
  .orderwrapper {position: relative;width: auto;text-align: center;}.council1 {position: relative;top: 0;bottom: 0;left: 0;right: 0;width: 295px;height: 295px;margin: auto;background-image: url( "https://kaktuskontainer.wdfiles.com/local--files/format-hell/scp_trans.png" );background-size: 295px 295px;background-repeat: no-repeat;background-position: center;}.ordertitle {position: absolute;left: 0;right: 0;top: 38px;}.ordertitle h1 {font-size: 220%;color: #555;}.orderdescription {position: absolute;left: 0;right: 0;top: 85px;width: 100%;}.orderdescription p {font-size: 90%;color: #555;}.orderdescription h1 {font-size: 120%;color: #555;}.itemno {position: absolute;left: 0;right: 0;bottom: 27px;}.itemno h1 {font-size: 170%;color: #555;}
  
  .bq {
     color: #000000;
     border: 2px dashed; #000000;
     background: #F2F2F2;
     padding: 10px 1em;
     width: 85%;
     margin: auto;
  }
  
  

  Pages using this styling

  • scp-9145 [info]

  ¶ 1 occurrence
  

  #main-content {
       max-width: 62rem;
  }
  

  Pages using this styling

  • scp-9140 [info]

  ¶ 1 occurrence
  

      #page-title {display: none;}
  
  #footer a {
      color: #000000;
  }

  Pages using this styling

  • scp-9140 [info]

  ¶ 1 occurrence
  

  
  body {
      background-image: linear-gradient(
          to bottom,
          #b9bacc, #FFFFFF 210px,
          #FFFFFF 90px, #FFFFFF 100%);
      background-repeat: no-repeat;
  }

  Pages using this styling

  • scp-9125 [info]

  ¶ 1 occurrence
  

  ::selection {
    background: #3128ba;
    color: white;
  }

  Pages using this styling

  • scp-9125 [info]

  ¶ 1 occurrence
  

  a:link {
    color: #5b58e4;
  }
  a:visited {
    color: #393796;
  }
  a:hover {
    color: #5b58e4;
  }
  a:active {
    color: #5b58e4;
  }

  Pages using this styling

  • scp-9125 [info]

  ¶ 1 occurrence
  

  :root {
  
      /*----------------------*/
      /*---- BEDROCK VARS ----*/
      /*----------------------*/
  
      --header-logo: var(--logo);
      --logo: url('https://i.imgur.com/CNTL2pa.png');
  
      --header-title: var(--title);
      --header-subtitle: var(--subtitle);
      --title: "SCP Foundation";
      --subtitle: "SECURE - CONTAIN - PROTECT";
  
      --main-content-width: 60rem;
      --main-content-top-margin: 1.5rem;
      --base-font-size: .875rem;
      --bottom-area-padding: calc(var(--true-font-size)*2);
      --side-bar-width: 17rem;
      --basalt-page-content-font-weight: 440;
  
      --header-font-primary: var(--UI-font-primary);
      --UI-font-primary: 'Sofia Sans';
  
      --basalt-overtone: 10, 10, 11;
      --basalt-undertone: var(--basalt-bright-element-color);
      --basalt-UI-dark-palette: 50, 50, 51;
      --basalt-bright-element-color: 150, 24, 43;
      --basalt-dark-element-color: 105, 17, 30;
      --basalt-alternate-color: 221, 119, 17;
      --basalt-primary-color: 252, 252, 252;
      --basalt-secondary-color: 245,245,245;
      --basalt-tertiary-color: 229, 229, 238;
      --basalt-main-text-color: 35, 35, 38;
  
      --title-border-color: var(--basalt-overtone);
      --license-area-divider-color: var(--basalt-overtone);
      --footer-divider-color: var(--basalt-overtone);
      --search-icon-color: var(--basalt-overtone);
      --hr-color: var(--general-border-color);
      --general-border-color: 220, 220, 220;
      --rate-module-cancel-color: var(--basalt-alternate-color);
      --scrollbar-thumb-color: var(--basalt-dark-element-color);
      --modal-fader-background-color: 0, 0, 0;
  
      --side-bar-heading-background-color: 0, 0, 2, 0.07;
      --side-bar-media-background-color: none; /* Disabled by default */
      --side-bar-resources-background-color: none; /* Disabled by default */
      --side-bar-button-background-hover: none; /* Disabled by default */
      --side-bar-heading-text-color-hover: 255, 255, 255, 0.4;
      --side-bar-button-color-hover: var(--side-bar-button-color);
  
      /*---------------------*/
      /*---- BASALT VARS ----*/
      /*---------------------*/
  
      --basalt-UI-background-color: var(--basalt-secondary-color);
      --header-background-color: var(--basalt-UI-background-color);
      --side-bar-background-color: var(--basalt-UI-background-color);
      --bottom-area-background-color: var(--basalt-UI-background-color);
      --edit-area-ancillary-background-color: var(--basalt-UI-background-color);
      --edit-area-toolbar-background-color: var(--basalt-UI-background-color);
      --button-background-color: var(--basalt-UI-background-color);
  
      --basalt-UI-text-color: var(--basalt-main-text-color);
      --header-title-color: var(--basalt-UI-text-color);
      --header-subtitle-color: var(--basalt-UI-text-color);
      --top-bar-link-color: var(--basalt-UI-text-color);
      --search-icon-color: var(--basalt-UI-text-color);
      --side-bar-heading-text-color: var(--basalt-UI-text-color);
      --side-bar-link-color: var(--basalt-UI-text-color);
      --bottom-area-text-color: var(--basalt-UI-text-color);
      --edit-area-ancillary-text-color: var(--basalt-UI-text-color);
      --edit-area-toolbar-icon-color: var(--basalt-UI-text-color);
      --button-text-color: var(--basalt-UI-text-color);
      --basalt-sub-text-color: var(--basalt-UI-text-color);
  
      --ACS-font: var(--header-font);
      --basalt-th-background-color: var(--basalt-UI-dark-palette);
      --basalt-th-text-color: var(--basalt-light-text-color);
      --image-caption-text-color: var(--basalt-main-text-color);
      --authorbox-background-color: var(--basalt-primary-color);
      --floatbox-background-color: 240, 240, 244;
      --document-background-color: 253, 253, 253;
      --darkdocument-background-color: 30, 30, 35;
  
      --header-drop-shadow-opacity: 0.1;
      --window-border-radius: 8px;
  
  /*------------------------*/
  /*---- BASALT CLASSES ----*/
  /*------------------------*/
  
  :is(div.blockquote, blockquote) {
      color: rgb(var(--basalt-main-text-color));
      overflow: auto;
  }
  
  :is(div.blockquote, blockquote):has(div.floatbox) {
      overflow: unset;
  }
  
  #page-content div.notation {
      max-width: 45rem;
  }
  
  div.notation {
      display: block;
      margin-inline: auto;
      margin-block: 1.4rem;
      padding-inline: 1.1rem;
      padding-block: 0.9rem;
      background-color: rgb(var(--basalt-secondary-color));
      border-left: solid 0.25rem rgb(var(--general-border-color));
      border-right: solid 0.25rem rgb(var(--general-border-color));
      color: rgb(var(--basalt-main-text-color));
  }
  
  #page-content div.modal {
      max-width: 57rem;
  }
  
  div.modal {
      display: block;
      margin-inline: auto;
      margin-block: 1.4rem;
      padding-inline: 1.5rem;
      padding-block: 0.5rem;
      background-color: rgb(var(--basalt-primary-color));
      border: solid 0.2rem rgb(var(--general-border-color));
      color: rgb(var(--basalt-main-text-color));
  }
  
  #page-content div.smallmodal {
      max-width: 47rem;
  }
  
  div.smallmodal {
      display: block;
      margin-inline: auto;
      margin-block: 1.4rem;
      padding-inline: 1rem;
      padding-block: 0.2rem;
      background-color: rgb(var(--basalt-primary-color));
      border: solid 0.15rem rgb(var(--general-border-color));
      color: rgb(var(--basalt-main-text-color));
  }
  
  #page-content div:is(.jotting, .transcript) {
      max-width: 42rem;
  }
  
  div:is(.jotting, .transcript) {
      display: block;
      margin-inline: auto;
      margin-block: 1.4rem;
      padding-inline: 1.5rem;
      padding-block: 0.2rem;
      background-color: rgb(var(--basalt-secondary-color));
      border: dashed 0.15rem rgb(var(--general-border-color));
      color: rgb(var(--basalt-main-text-color));
  }
  
  #page-content div.papernote {
      max-width: 30rem;
  }
  
  div.papernote {
      display: block;
      margin-inline: auto;
      margin-block: 1.4rem;
      padding: 1rem 2rem;
      background-color: rgb(var(--basalt-tertiary-color));
      color: rgb(var(--basalt-main-text-color));
  }
  
  #page-content div:is(.document, .darkdocument) {
      max-width: 45rem;
  }
  
  div:is(.document, .darkdocument) {
      display: block;
      margin-inline: auto;
      margin-block: 1.5em;
      padding: 1.5rem;
      position: relative;
      --posX: -20vw;
  }
  
  div.document {
      background-color: rgb(var(--document-background-color));
      box-shadow: 0px 1px 1.9px -4px rgba(0, 0, 0, 0.1), 0px 6px 15px -4px rgba(0, 0, 0, 0.2);
      color: rgb(50, 50, 53);
  }
  
  div.darkdocument {
      background-color: rgb(var(--darkdocument-background-color));
      box-shadow: 0px 1px 1.9px -4px rgba(0, 0, 10, 0.8), 0px 6px 15px -4px rgba(0, 0, 7, 0.9);
      color: rgb(195, 195, 200);
  }
  
  div:is(.document, .darkdocument)::before,
  div:is(.document, .darkdocument)::after {
      content: "";
      height: 98%;
      position: absolute;
      width: 98%;
      z-index: -1;
  }
  
  div:is(.document, .darkdocument)::before {
      left: -5px;
      top: 4px;
      transform: rotate(-2.5deg);
  }
  
  div:is(.document, .darkdocument)::after {
      right: -3px;
      top: 1px;
      transform: rotate(1.4deg);
  }
  
  div:is(.document)::before,
  div:is(.document)::after {
      background-color: rgb(var(--document-background-color));
  }
  
  div:is(.darkdocument)::before,
  div:is(.darkdocument)::after {
      background-color: rgb(var(--darkdocument-background-color));
      opacity: 90%;
  }
  
  div.document::before {
      box-shadow: 0px 1px 1.9px -4px rgba(0, 0, 0, 0.1), 0px 6px 15px -4px rgba(0, 0, 0, 0.1);
  }
  
  div.document::after {
      box-shadow: 0px 1px 1.9px -4px rgba(0, 0, 0, 0.1), 0px 6px 15px -4px rgba(0, 0, 0, 0.05);
  }
  
  div.darkdocument::before {
      box-shadow: 0px 1px 1.9px -4px rgba(0, 0, 10, 0.8), 0px 6px 15px -4px rgba(0, 0, 7, 0.9);
  }
  
  div.darkdocument::after {
      box-shadow: 0px 1px 1.9px -4px rgba(0, 0, 10, 0.8), 0px 6px 15px -4px rgba(0, 0, 7, 0.05);
  }
  
  @media only screen and (max-width: 1020px) {
  
      div:is(.document, .darkdocument)::before,
      div:is(.document, .darkdocument)::after {
       display: none;
      }
  }
  
  div[class$="_memo"] {
      background: var(--memo-logo) rgba(var(--memo-color), 1);
      background-size: contain;
      background-position: top center;
      background-repeat: no-repeat;
      min-height: 4rem;
      margin-inline: auto;
      margin-block: 2rem;
      padding-inline: 20px;
      padding-block: 10px;
      border: solid 2px rgba(0, 0, 0, 0.1);
      text-align: center;
  }
  
  div[class$="_memo"]::before {
      content: var(--memo-heading);
      font-family: var(--UI-font);
      font-weight: 900;
      font-size: 1.3em;
      text-align: center;
      margin: 0 auto 1rem auto;
      display: flex;
      flex-direction: column;
      padding-top: 0.5em;
  }
  
  div.raisa_memo {
      --memo-heading: "NOTICE FROM THE RECORDS AND INFORMATION SECURITY ADMINISTRATION";
      --memo-logo: url(https://scp-wiki.wikidot.com/local--files/theme:basalt/RAISA_LIGHTLOGO.png);
      --memo-color: 242, 242, 192;
  }
  
  div.classification_memo {
      --memo-heading: "CLASSIFICATION COMMITTEE MEMORANDUM";
      --memo-logo: url(https://scp-wiki.wikidot.com/local--files/theme:basalt/CLASSIFICATION_LIGHTLOGO.png);
      --memo-color: 237, 245, 243;
  }
  
  div.ettra_memo {
      --memo-heading: "NOTICE FROM THE EMERGENT THREAT TACTICAL RESPONSE AUTHORITY";
      --memo-logo: url(https://scp-wiki.wikidot.com/local--files/theme:basalt/ETTRA_LIGHTLOGO.png);
      --memo-color: 245, 215, 215;
  }
  
  div.ethics_memo {
      --memo-heading: "ETHICS COMMITTEE MEMORANDUM";
      --memo-logo: url(https://scp-wiki.wikidot.com/local--files/theme:basalt/ETHICS_LIGHTLOGO.png);
      --memo-color: 255, 219, 196;
  }
  
  div.temporal_memo {
      --memo-heading: "NOTICE FROM THE DEPARTMENT OF TEMPORAL ANOMALIES";
      --memo-logo: url(https://scp-wiki.wikidot.com/local--files/theme:basalt/DELTA_T_LIGHTLOGO.png);
      --memo-color: 255, 255, 255;
  }
  
  div.overwatch_memo {
      --memo-heading: "BY ORDER OF THE OVERSEER COUNCIL";
      --memo-logo: url(https://scp-wiki.wikidot.com/local--files/theme:basalt/O5_LIGHTLOGO.png);
      --memo-color: 227, 227, 227;
  }
  
  div.miscomm_memo {
      --memo-heading: "NOTICE FROM THE DEPARTMENT OF MISCOMMUNICATIONS";
      --memo-logo: url(https://scp-wiki.wikidot.com/local--files/theme:basalt/MISCOMM_LIGHTLOGO.png);
      --memo-color: 238, 237, 250;
  }
  
  div.tribunal_memo {
      --memo-heading: "VERDICT FROM THE INTERNAL TRIBUNAL DEPARTMENT";
      --memo-logo: url(https://i.imgur.com/qavdzCV.png);
      --memo-color: 206, 237, 214;
  }
  
  div.external_memo {
      --memo-heading: "MEMORANDUM FROM THE EXTERNAL RELATIONS BOARD";
      --memo-logo: url(https://i.imgur.com/Vr7NkgK.png);
      --memo-color: 228, 211, 240;
  }
  
  div.administrator_memo {
      --memo-heading: "FROM THE OFFICE OF THE ADMINISTRATOR";
      --memo-logo: url(https://i.imgur.com/LMiY83P.png);
      --memo-color: 148, 148, 148;
  }
  
  div.archival_memo {
      --memo-heading: "NOTICE FROM THE ARCHIVAL DEPARTMENT";
      --memo-logo: url(https://i.imgur.com/CmXPO1U.png);
      --memo-color: 175, 217, 240;
  }
  
  .table1 {
      --basalt-th-background-color: var(--one-color);
  }
  
  .table2 {
      --basalt-th-background-color: var(--two-color);
  }
  
  .table3 {
      --basalt-th-background-color: var(--three-color);
      --basalt-th-text-color: var(--basalt-main-text-color);
  }
  
  .table4 {
      --basalt-th-background-color: var(--four-color);
  }
  
  .table5 {
      --basalt-th-background-color: var(--five-color);
  }
  
  .table6 {
      --basalt-th-background-color: var(--six-color);
  }
  
  div:is(.table1, .table2, .table3, .table4, .table5, .table6) .scp-image-block {
      border-bottom-color: rgba(var(--basalt-th-background-color), 0.75);
  }
  
  div.tableb :is(#page-content table:not(.form), table.wiki-content-table) {
      border-collapse: separate;
      border-spacing: 4px;
  }
  
  span:is(.bigtext, .bt) {
      font-family: var(--header-font);
      font-weight: bold;
  }
  
  span:is(.specialtext, .st) {
      font-family: var(--UI-font);
      font-weight: bold;
  }
  
  :is(.table1, .table2, .table3, .table4, .table5, .table6) span:is(.st, .specialtext) {
      color: rgb(var(--basalt-th-background-color));
  }
  
  #page-content div.floatbox {
      background-color: rgb(var(--floatbox-background-color));
      float: left;
      max-width: calc(var(--main-content-width)/2.25);
      box-sizing: border-box;
      margin: 0.25rem 1.25rem;
      margin-left: clamp(calc(var(--main-content-width)/-4.5), calc((87.5vw - 95%)/-2), 0rem);
      padding-inline: 1.2rem;
      padding-block: 0.5rem;
      font-size: 0.9125em;
      border-radius: 7px;
      border: solid 0.12rem rgba(var(--general-border-color), 0.4);
  }
  
  #page-content div.floatbox.right {
      float: right;
      margin-left: 1.25rem;
      margin-right: clamp(calc(var(--main-content-width)/-4.5), calc((87.5vw - 95%)/-2), 0rem);
  }
  
  @media only screen and (max-width: 640px) {
      #page-content div:is(.floatbox, .floatbox.right) {
       float: none;
       margin: 0.5rem auto;
       width: 100%;
      }
  }
  
  :is(.table-no-border, .authorbox) td {
      border-color: transparent !important;
  }

  Pages using this styling

  • scp-9125 [info]

  ¶ 1 occurrence
  

  /*
      BLANKSTYLE CSS
      [2021 Wikidot Theme]
      By Placeholder McD and HarryBlank
      Based on:
         Paperstack Theme by EstrellaYoshte
         Penumbra Theme by EstrellaYoshte
  */
   
  @import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,800;1,800&display=swap');
   
  #page-content { font-size: .9rem; }
   
  #main-content {
      top: -1.6rem;
      padding: 0.2em;
  }
   
  div#container-wrap {
       background-image: none;
  }
   
  div#header {
      background-image: none;
  }
   
  #header h1, #header h2 { margin-left: 0; float: none; text-align: center; }
  #header h2 { margin-top: 0.5rem; }
  #header h1 span, #header h2 span { font-size: 0; display: none;}
  #header h1 a::before, #header h2::before {
      color: #000;
      letter-spacing: 1px;
      font-family: 'Montserrat', sans-serif !important;
      text-shadow: none;
  }
   
  #header h1 a::before {
    content: var(--header-title, "SCP Foundation");
    font-weight: 400;
    font-size: 1.3em;
  }
   
  #header h2::before {
    content: var(--header-subtitle, "SECURE, CONTAIN, PROTECT.");
    font-weight: 700;
    font-size: 1.2em;
  }
   
  @media (max-width: 707px) {
      #header h1 a::before {
          font-size: 1.6em;
      }
  }
   
  #login-status,
  #login-status a {
      color: #333333;
  }
   
  #page-title {
      display: none;
  }
   
  #footer, #footer a {
      background: transparent;
      color: #333333;
  }
   
  #search-top-box-input,
  #search-top-box-input:hover,
  #search-top-box-input:focus,
  #search-top-box-form input[type=submit],
  #search-top-box-form input[type=submit]:hover,
  #search-top-box-form input[type=submit]:focus {
      border: none;
      background: #333333;
      box-shadow: none;
      border-radius: 0px;
      color: #efefef;
  }
   
  #search-top-box input.empty {
      color: #999999;
  }
   
  #search-top-box {
      top: 2.3rem!important;
      right: 8px;
  }
   
  #top-bar { 
     display: flex;
     justify-content: center;
     right: 0;
     top: 7.9rem;
  }
   
  #top-bar, #top-bar a {
      color: #464774;
  }
   
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
      font-family: 'Montserrat', sans-serif;
      color: #000;
      letter-spacing: 1px;
  }
   
  h1 {
      font-size: 2em;
  }
   
  h2 {
      font-size: 1.45em;
  }
   
  div#extra-div-1 {
      height: 180px;
      width: 100%;
      top: 0;
      position: absolute;
      background: url('https://i.imgur.com/CNTL2pa.png');
      background-size: contain;
      background-repeat: no-repeat;
      background-position: 50% 50%;
      z-index: -1;
  }
   
  @media (max-width: 707px) {
      div#extra-div-1 {
          top: 15px;
      }
  }
   
  body {
      background-image: linear-gradient(
          to bottom,
          #e0e0e0, #e0e0e0 90px,
          #e0e0e0 90px, #ffffff 200px,
          #ffffff 200px, #ffffff 100%);
      background-repeat: no-repeat;
  }
   
  :root {
    --timeScale: 1.5;
    --timeDelay: 1.5s;
    --posX: calc(50% - 358px - 13rem);
    --fnLinger: 1s;
  }
   
  #page-content hr {
      background-color: #000;
  }
   
  #page-content tr th {
      padding: 6px;
      border: #000 1px solid;
  }
   
  #page-content tr td {
      padding: 12px;
      border: #000 1px solid;
      line-height: 1.4;
  }
   
  #page-content .sidebox tr td, 
  #page-content .sidebox tr th {
      padding: 0.35em;
  }
   
  #side-bar {
      border-right: 1px solid #333;
      background: #DDD;
  }
   
  #side-bar .side-block {
      border: 1px solid #333;
      border-radius: 0;
      box-shadow: none;
  }
   
  #top-bar div.open-menu a {
      border: 1px solid #333;
      border-radius: 0;
      box-shadow: none;
  }
   
  @media (max-width: 767px) {
      #side-bar:target {
          border: 1px black;
          box-shadow: none;
      }
  }
   
  #side-bar .side-block {
      border: 1px solid #333;
      border-radius: 0;
      box-shadow: none;
      background-color: #FDF6D7;
  }
  #side-bar .side-block.media {
      background-color:#D7EFE7;
  }
  #side-bar .side-block.resources {
      background-color:#F5D8E0;
  }
   
  #page-content .creditRate{
      margin: unset;
      margin-bottom: 4px;
  }
  #page-content .rate-box-with-credit-button {
      background-color: #ffffff;
      border: solid 1px #000;
      box-shadow: none;
      border-radius: 0;
  }
   
  #page-content .rate-box-with-credit-button .fa-info {
      border: none;
      color: #333333;
  }
   
  #page-content .rate-box-with-credit-button .fa-info:hover {
      background: #333333;
      color: #ffffff;
  }
   
  .rate-box-with-credit-button .cancel {
      border: solid 1px #ffffff;
  }
   
  /* ---- PAGE RATING ---- */
   
  .page-rate-widget-box {
      box-shadow: none;
      border: solid 1px #000;
      margin: unset;
      margin-bottom: 4px;
      border-radius: 0;
  }
   
  div.page-rate-widget-box .rate-points {
      background-color: #cdcbdf;
      color: #333333;
      border: none;
      border-radius: 0;
  }
  .page-rate-widget-box .rateup,
  .page-rate-widget-box .ratedown {
      background-color: #cdcbdf;
      border-top: none;
      border-bottom: none;
  }
   
  .page-rate-widget-box .rateup a,
  .page-rate-widget-box .ratedown a {
      background: transparent;
      color: #333333;
  }
   
  .page-rate-widget-box .rateup a:hover,
  .page-rate-widget-box .ratedown a:hover {
      background: #333333;
      color: #cdcbdf;
  }
   
  .page-rate-widget-box .cancel {
      background: transparent;
      background-color: #cdcbdf;
      border: none;
      border-radius: 0;
  }
   
  .page-rate-widget-box .cancel a {
      color: #333333;
  }
  .page-rate-widget-box .cancel a:hover {
      background: #333333;
      color: #cdcbdf;
      border-radius: 0;
  }
  #page-content .rate-box-with-credit-button .page-rate-widget-box { border: none; }
   
  .anchor {
      position: sticky;
      height:0;
      top: 0;
  }
  .sidebox {
      padding: .14rem;
      margin-top: 0;
      margin-bottom: 8px;
      width: calc((100vw - 870px)/2);
      max-height: calc(100vh - 18rem);
      position: absolute;
      top: 0;
      left: 103.5%;
      z-index: 5;
      overflow: auto;
      box-sizing: border-box;
  }
  @media (max-width: 1290px) {
      .sidebox {
          display: none;
          visibility: hidden;
      }
   
      #header h2::before {
          font-size: 0.9em !important;
      }
  }
   
  .scp-image-block {
      box-shadow: none;
  }
   
  /* ---- 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 ----*/
   
   .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: #333333;
       box-shadow: none;
  }
   .yui-navset .yui-nav a, /* ---- Link Modifier ---- */
   .yui-navset .yui-navset-top .yui-nav a{
       color: #333333;
      /* ---- Tab Background Colour | [UNSELECTED] ---- */
       background-color: #efefef;
       border: unset;
       box-shadow: none;
       box-shadow: none;
  }
   .yui-navset .yui-nav a:hover,
   .yui-navset .yui-nav a:focus{
       color: #ffffff;
      /* ---- Tab Background Colour | [HOVER] ---- */
       background-color: #333333;
  }
   .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;
       color: #ffffff;
       background-color: #ffffff;
       border-color: transparent;
       box-shadow: none;
  }
   .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: #333333;
  }
   .yui-navset .yui-nav .selected a,
   .yui-navset .yui-nav .selected a em{
       border: none;
  }
   .yui-navset .yui-nav .selected a{
       width: 100%;
       color: #ffffff;
  }
   .yui-navset .yui-nav .selected a:focus,
   .yui-navset .yui-nav .selected a:active{
       color: #ffffff;
       background-color: #333333;
  }
   .yui-navset .yui-content {
      background-color: #ffffff;
      box-shadow: none;
  }
   .yui-navset .yui-content,
   .yui-navset .yui-navset-top .yui-content{
      padding: .5em;
      border: 1px solid #333;
      box-sizing: border-box;
  }
   
  /*---- SCROLLBAR ----*/
   
  ::-webkit-scrollbar {
      width: 10px;
  }
   
  ::-webkit-scrollbar-track {
      background: #FFF;
      border-left: 1px solid #333;
  }
   
  ::-webkit-scrollbar-thumb {
       background: #CCC;
       border: #333 1px solid;
  }
   
  ::-webkit-scrollbar-thumb:hover {
       background: #EEE;
  }
   
  /*---- CENTER IMAGES ON MOBILE courtesy of EstrellaYoshte and PeppersGhost ----*/
   
  .imagediv {
      float: right;
      margin: 15px
  }
   
  @media (max-width: 540px) {
    .imagediv {
      float: none;
      text-align:center;
      margin: auto;
    }
  }
   
  @media only screen and (max-width: 600px) {
      .scp-image-block.block-right{
          float: none;
          margin: 10px auto;
      }
  }
   
  /*---- ACS-COLORED TABLE DIVS ----*/
   
  #page-content .table1 tr th,
  #page-content .table1 .scp-image-block .scp-image-caption {
      background-color: #D7EFE7;
  }
   
  #page-content .table2 tr th,
  #page-content .table2 .scp-image-block .scp-image-caption {
      background-color: #D8ECF4;
  }
   
  #page-content .table3 tr th,
  #page-content .table3 .scp-image-block .scp-image-caption {
      background-color: #FDF6D7;
  }
   
  #page-content .table4 tr th,
  #page-content .table4 .scp-image-block .scp-image-caption {
      background-color: #FFDABF;
  }
   
  #page-content .table5 tr th,
  #page-content .table5 .scp-image-block .scp-image-caption {
      background-color: #F5D8E0;
  }
   
  #page-content .table6 tr th,
  #page-content .table6 .scp-image-block .scp-image-caption {
      background-color: rgba(146, 0, 255, 0.2);
  }
   
  .tableb .wiki-content-table {
      border-collapse: separate;
      border-spacing: 2px;
  }
   
  .tableb .scp-image-block {
      border: none;
  }
   
  .tableb .scp-image-block img {
      border: #000 1px solid;
      box-sizing: border-box;
  }
   
  .tableb .scp-image-block .scp-image-caption {
      margin-top: 2px;
      border: #000 1px solid;
      box-sizing: border-box;
  }
   
  .top-left-box > .item {
    display: none;
  }
   
  /* ---- WORDS NO LONGER BROKEN, THE CROQUEMBOUCHE HAS SPOKEN ---- */
  span, a { word-break: normal !important }
   
  .avatar-hover { display: none !important; }
   
  #breadcrumbs, .pseudocrumbs {
      text-align: center;
      padding-top: 10px;
  }
   
  #main-content .page-tags span {
      max-width: 100%;
  }
   
  /* -- FANCY THINGS from Woedenaz's Dustjacket Theme -- */
   
  .fancyhr hr {
      border-top: 2vw solid transparent;
      background-color: rgba(var(--bright-accent), 0);
      height: 0;
      box-sizing: border-box;
      border-image-source: url('https://wanderers-library.wikidot.com/local--files/component:dustjacket-theme/wl_hr.png');
      border-image-repeat: round round;
      background: none;
      border-image-slice: 80 500 80 500 fill;
      border-image-width: 10em 80em 10em 80em;
  }
   
  .fancyborder {
      box-sizing: border-box;
      border: 2vw solid rgba(0,0,0,0.5);
      border-image: url('https://wanderers-library.wikidot.com/local--files/component:dustjacket-theme/wl_border.png') 600 round;
      border-image-width: 6;
      padding: 2vw;
  }

  Pages using this styling

  • scp-9125 [info]

  ¶ 1 occurrence
  

  
  @import url('https://scp-wiki.wdfiles.com/local--files/taboo/Museo.css');
  
  :root{
    --header-title: "SCP Foundation";
    --header-subtitle: "SECURE - CONTAIN - PROTECT";
  }
  
  div#extra-div-1 {
      background-image: url(https://i.imgur.com/CNTL2pa.png);
      filter: opacity(20%);
  }

  Pages using this styling

  • scp-9125 [info]

  ¶ 1 occurrence
  

  
  .authorlink-wrapper,
  .authorlink-wrapper + div {
    margin-right: 0 !important; /* needed to override inline styles */
  }
  
  .scpemail {border: solid 2px #000000; width: 88%; padding: 1px 15px; margin: auto; box-shadow: 0 1px 3px rgba(0,0,0,.5); background-color: white; color: black; font-family: "Helvetica";}
  .email-example a.collapsible-block-link {font-weight: bold;}
  .scptofrom {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px royalblue}
  .scptofrom2 {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px #f26c0c}
  
  .scpemail a {
    color: royalblue;
  }
  

  Pages using this styling

  • scp-9123 [info]

  ¶ 1 occurrence
  

  
  @import url('https://fonts.googleapis.com/css2?family=Geologica:wght,CRSV@100..900,0&display=swap');
  
  /* -- PAGE COLORS and FONTS -- */
  
  :root {
    --accentColor: 222, 188, 84;
    --title-font: "Geologica", "Josefin Sans", sans-serif;
  }
  
  #html-body {
    background-color: #090d14;
    background-image: linear-gradient(#111e3d 0px, #111e3d00 640px);
  }
  
  /* -- ELEMENTS -- */
  
  .authorlink-wrapper,
  .authorlink-wrapper + div {
    margin-right: 0 !important; /* needed to override inline styles */
  }
  
  /* -- PAGE DIVS -- */
  
  .darkbox {
    padding: 1em;
  }
  
  .scpemail {
    border: solid 2px #000000;
    width: 88%;
    padding: 1px 15px;
    margin: auto;
    box-shadow: 0 1px 3px rgba(0,0,0,.5);
    background-color: #ddd;
    color: black;
    font-family: "Helvetica";
  }
  
  .email-example a.collapsible-block-link {
    font-weight: bold;
  }
  
  .scptofrom {
    margin-left: 10px;
    margin-top: 5px;
    padding: 1px 15px;
    border-left: solid 3px royalblue;
  }
  
  .scptofrom2 {
    margin-left: 10px;
    margin-top: 5px;
    padding: 1px 15px;
    border-left: solid 3px #f26c0c;
  }

  Pages using this styling

  • scp-9123 [info]

  ¶ 1 occurrence
  

  :root {
      --logo-image: url("https://o5command-int.wdfiles.com/local--files/tech-team:graphic-templates/scp-logo-cn-400.png");
      --header-subtitle: "Dragonology Department";
  --cutColour: #591323;
  --barColour: #990ef0;
  --timeScale: 1;
  --timeDelay: 1s;
  --accentColor: 160, 44, 44;
  --dark-gray-monochrome: 55, 55, 55;
  --black-monochrome: 26, 26, 26;
  }
  
  #page-content div:is(.document) {
      max-width: 45rem;
  }
  
  div:is(.document) {
      display: block;
      margin-inline: auto;
      margin-block: 1.5em;
      padding: 1.5rem;
      position: relative;
      --posX: -20vw;
  }
  
  div.document {
      background-color: rgb(43, 43, 43);
      box-shadow: 0px 1px 1.9px -4px rgba(0, 0, 10, 0.8), 0px 6px 15px -4px rgba(0, 0, 7, 0.9);
  }
  
  div:is(.document)::before,
  div:is(.document)::after {
      content: "";
      height: 98%;
      position: absolute;
      width: 98%;
      z-index: -1;
  }
  
  div:is(.document)::before {
      left: -5px;
      top: 4px;
      transform: rotate(-2.5deg);
  }
  
  div:is(.document)::after {
      right: -3px;
      top: 1px;
      transform: rotate(1.4deg);
  }
  
  div:is(.document)::before,
  div:is(.document)::after {
      background-color: rgb(43, 43, 43);
      opacity: 90%;
  }
  
  div.document::before {
      box-shadow: 0px 1px 1.9px -4px rgba(0, 0, 10, 0.8), 0px 6px 15px -4px rgba(0, 0, 7, 0.9);
  }
  
  div.document::after {
      box-shadow: 0px 1px 1.9px -4px rgba(0, 0, 10, 0.8), 0px 6px 15px -4px rgba(0, 0, 7, 0.05);
  }
  
  div.objclassbar div.colorbars-container >
  div:nth-child(5) {
   background: rgb(153, 0, 0) !important;
  }

  Pages using this styling

  • scp-9120 [info]

  ¶ 1 occurrence
  

  
  @import url('https://fonts.googleapis.com/css2?family=Geologica:wght,CRSV@100..900,0&display=swap');
  
  .authorlink-wrapper,
  .authorlink-wrapper + div {
    margin-right: 0 !important; /* needed to override inline styles */
  }
  
  /* -- PAGE COLORS and FONTS -- */
  
  :root {
    --accentColor: 222, 188, 84;
    --title-font: "Geologica", "Josefin Sans", sans-serif;
  }
  
  #html-body {
    background-color: #090d14;
    background-image: linear-gradient(#111e3d 0px, #111e3d00 640px);
  }
  
  /* -- ELEMENTS -- */
  
  .authorlink-wrapper,
  .authorlink-wrapper + div {
    margin-right: 0 !important; /* needed to override inline styles */
  }
  
  /* -- PAGE DIVS -- */
  
  .darkbox {
    padding: 1em;
  }
  
  .scpemail {
    border: solid 2px #000000;
    width: 88%;
    padding: 1px 15px;
    margin: auto;
    box-shadow: 0 1px 3px rgba(0,0,0,.5);
    background-color: #ddd;
    color: black;
    font-family: "Helvetica";
  }
  
  .email-example a.collapsible-block-link {
    font-weight: bold;
  }
  
  .scptofrom {
    margin-left: 10px;
    margin-top: 5px;
    padding: 1px 15px;
    border-left: solid 3px royalblue;
  }
  
  .scptofrom2 {
    margin-left: 10px;
    margin-top: 5px;
    padding: 1px 15px;
    border-left: solid 3px #f26c0c;
  }

  Pages using this styling

  • scp-9117 [info]

  ¶ 1 occurrence
  

  #side-bar p { text-align: center; }

  Pages using this styling

  • scp-9112 [info]

  ¶ 1 occurrence
  

  
  /* Header Title font: Quicksand */
  @import url('https://fonts.googleapis.com/css2?family=Quicksand&display=swap');
  
  /* Header Subtitle font: Space Grotesk */
  @import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500&display=swap');
  
  /* Header */
  
  :root {
      --header-title: "SCIENCE DEPT.";
      --header-subtitle: "Law Within the Irregular";
      --header-logo: url(https://scp-sandbox-3.wdfiles.com/local--files/ideano/Science-Department-white.svg);
      --title-size: min(calc(1.5rem + 3.75vw), 4rem);
      --subtitle-size: min(calc(0.7rem + 1.6vw), 2rem);
  }
  
  #header h1 a span::before {
      font-family: "Quicksand", Verdana, sans-serif;
      font-weight: 100 !important;
  }
  
  #header h1 a span::after {
      font-family: "Space Grotesk", Verdana, sans-serif;
      font-weight: 500 !important;
      line-height: 2;
  }
  
  /* Horizontal Rules */
  
  hr {
      background-color: rgba(var(--basalt-secondary-color)) !important;
      height: 0.5rem;
      border-radius: 50%;
  }
  
  /* Woed OC Bar in Dark Mode */
  
  div.scale {
      filter: invert(1); /* Invert once */
  }
  
  div.objclass::before {
      filter: invert(1); /* Invert twice for the green OC logo */
  }
  
  /* Change the Classification Level text */
  
  .class-text {
      position: relative;
      visibility: hidden;
  }
  
  .class-text::after {
      content: "UNRESTRICTED";
      position: absolute;
      bottom: 0;
      right: 0;
      font-size: 85%;
      visibility: visible;
  }
  
  /* Prevent tables in the test logs from overflowing (show scroll bars) */
  
  .candela-document {
      overflow: auto;
  }
  
  #content-wrap {
      z-index: 1;
  }
  
  /* Blackening gradient on both sides of the screen */
  
  div#extrac-div-1 {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background-image: linear-gradient(90deg, #001e, 10%, transparent, 90%, #001e);
      pointer-events: none;
      mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.8) 85%, transparent 100%);
      -webkit-mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.8) 85%, transparent 100%);
      z-index: -999;
  }
  
  @media screen and (max-width: 600px) {
      div#extrac-div-1 {
          background-image: linear-gradient(90deg, #001e, 5%, transparent, 95%, #001e);
      }
  }
  
  /* Adjusting for narrower screens */
  
  @media screen and (max-width: 400px) {
      div#page-content {
          grid-template-columns:
              [full-width-start] var(--main-content-side-margin) [breakout-start] minmax(0, 1fr) [content-start] minmax(0, 22fr) [content-end] minmax(0, 1fr) [breakout-end] var(--main-content-side-margin) [full-width-end] !important;
      }
  }
  
  @media only screen and (max-width: 500px) {
  
      .candela-story,
      .candela-document {
          padding: 1rem !important;
      }
  
      .candela-document {
          border-radius: 2rem !important;
      }
  
  }
  
  /* Command Lines */
  
  div.command {
      border: none;
      background-color: rgba(var(--basalt-secondary-color)) !important;
      border-radius: 1rem;
      padding: 0 1rem;
      overflow: auto;
  }
  
  div.command br {
      display: none;
  }
  
  div.command p {
      text-align: center;
  }
  
  div.command :is(.ruby, ruby) {
      margin: 0.5rem auto;
  }
  
  div.command :is(p, .rt, .ruby, rt, ruby) {
      white-space: nowrap;
      font-size: calc(1rem + 0.2vw);
      font-family: "Space Grotesk", Verdana, sans-serif;
      font-style: italic;
  }
  
  div.command :is(.rt, rt) {
      font-family: serif;
      line-height: 1.5;
  }
  
  /* Centering Abridging in Tables */
  
  #page-content td[colspan="3"] {
      text-align: center;
  }
  
  /* Bottom Rating Module */
  
  .fade {
      opacity: 0.3;
      transition: all .25s ease-in-out;
  }
  
  .fade:hover {
      opacity: 1;
  }
  

  Pages using this styling

  • scp-9111 [info]

  ¶ 1 occurrence
  

  :root {
   --header-title: FIIC;
   --header-subtitle: Foundation for Investigation Into Irregular Crimes;
   --lgurl: url(http://scp-sandbox-3.wikidot.com/local--files/collab:onlineopossum9k/fiic-spread.png);
   --accentColor: 217, 201, 160;
  }
  #header::before {
    opacity: 1;
  }

  Pages using this styling

  • scp-9110 [info]

  ¶ 1 occurrence
  

  /* Email Formatting */
  .email {border: solid 2px #000000; width: 88%; padding: 1px 15px; margin: 10px; box-shadow: 0 1px 3px rgba(0,0,0,.5)}
  .tofrom {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px maroon}
  
  /* Content Warning */
  #page-content { position: relative; }
  ul.modal-wrapper {
      margin: 0;
      padding: 0;
      list-style: none;
      height: 0;
      display: contents;
      font-family: monospace;
  }
  @keyframes fademodal {
    99% { visibility: hidden; }
    100% { visibility: visible; }
  }
  ul.modal-wrapper > li {
      list-style: none;
      position: absolute;
      top: -0.1rem;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 9;
      transition: opacity 1s ease-out;
      animation: 1s fademodal;
      animation-fill-mode: forwards;
      backdrop-filter: blur(5px);
  }
  ul.modal-wrapper > li.unfolded {
      visibility: visible;
      opacity: 1;
  }
  ul.modal-wrapper > li.folded {
      visibility: hidden;
      opacity: 0;
      pointer-events: none;
      user-select: none;
  }
  
  /* Popup styling */
  
  .custom-popup {
      width: 90%;
      height: 90%;
      margin-left: auto;
      margin-right: auto;
      overflow: auto;
      box-sizing: border-box;
      color: black;
      background-color: rgb(215, 215, 215);
      padding: 25px;
      text-shadow: none;
      border: solid 2px rgb(133, 0, 5);
  }
  
  /*Different File Links*/
  .arrow{
     width: 30px;
     position: absolute;
     right: 37px;
     bottom: 73px;
  }
  
  .arrow2{
     width: 30px;
     position: absolute;
     right: 100px;
     bottom: 73px;
  }
  
  .goBack > p {
     text-align: center;
     color: white;
     background-color: rgb(133, 0, 5);
     border: 2px solid black;
     padding: 15px;
     font-weight: bold;
     font-size: 16px;
     background-image: var(--diagonal-stripes);
     font-family: monospace;
  }
  .goBack > p > a {
     color: white;
     font-size: 16px;
     font-weight: bold;
     background-image: var(--diagonal-stripes);
     font-family: monospace;
  }
  .generalFile {
      display: block;
  }
  .firstFile, .secondFile, .thirdFile{
      display: none;
  }
  :has(#u-target:target) .firstFile, :has(#u-target-b:target) .secondFile, :has(#u-target-c:target) .thirdFile {
      display: block;
  }
  :has(*:target) .generalFile {
      display: none;
  }
  
  #u-target, #u-target-b, #u-target-c {
      height: 0;
      width: 0;
      top: 0;
      left: 0;
  }
  
  /* Opening notice typewriter effect (why tf do i keep insisting on doing this to myself) */
  
  .typewriter{
    overflow: hidden; /* Ensures the content is not revealed until the animation */
    white-space: nowrap;
    margin: 0; /* Gives that scrolling effect as the typing happens */
    letter-spacing: .035em; /* Adjust as needed */
    padding-bottom: 10px;
    animation:
      typing 0.5s steps(40, end);
  }
  
  .typewriter2{
    overflow: hidden; /* Ensures the content is not revealed until the animation */
    white-space: nowrap;
    width: 0;
    margin: 0; /* Gives that scrolling effect as the typing happens */
    margin-top: -30px;
    letter-spacing: .035em; /* Adjust as needed */
    animation:
      typing 0.5s steps(40, end);
    animation-delay: 0.5s;
    animation-fill-mode: forwards;
  }
  
  .typewriter3{
    overflow: hidden; /* Ensures the content is not revealed until the animation */
    width: 0;
    white-space: nowrap;
    margin: 0; /* Gives that scrolling effect as the typing happens */
    margin-top: -30px;
    letter-spacing: .035em; /* Adjust as needed */
    animation:
      typing 0.5s steps(40, end);
    animation-delay: 1s;
    animation-fill-mode: forwards;
  }
  
  .typewriter4{
    overflow: hidden; /* Ensures the content is not revealed until the animation */
    width: 0;
    white-space: nowrap;
    margin: 0; /* Gives that scrolling effect as the typing happens */
    margin-top: -30px;
    letter-spacing: .035em; /* Adjust as needed */
    animation:
      typing 0.5s steps(40, end);
    animation-delay: 1.5s;
    animation-fill-mode: forwards;
  }
  
  .typewriter5{
    overflow: hidden; /* Ensures the content is not revealed until the animation */
    width: 0;
    white-space: nowrap;
    margin: 0; /* Gives that scrolling effect as the typing happens */
    margin-top: -30px;
    letter-spacing: .035em; /* Adjust as needed */
    padding-bottom: 5px;
    animation:
      typing 0.5s steps(40, end);
    animation-delay: 2s;
    animation-fill-mode: forwards;
  }
  
  .typewriter6{
    overflow: hidden; /* Ensures the content is not revealed until the animation */
    width: 0;
    white-space: nowrap;
    margin: 0; /* Gives that scrolling effect as the typing happens */
    margin-top: -30px;
    letter-spacing: .035em; /* Adjust as needed */
    animation:
      typing 0.5s steps(40, end);
    animation-delay: 2.5s;
    animation-fill-mode: forwards;
  }
  
  .typewriter7{
    overflow: hidden; /* Ensures the content is not revealed until the animation */
    width: 0;
    white-space: nowrap;
    margin: 0; /* Gives that scrolling effect as the typing happens */
    margin-top: -30px;
    letter-spacing: .035em; /* Adjust as needed */
    padding-bottom: 5px;
    animation:
      typing 0.5s steps(40, end);
    animation-delay: 3s;
    animation-fill-mode: forwards;
  }
  
  .typewriter8{
    overflow: hidden; /* Ensures the content is not revealed until the animation */
    width: 0;
    white-space: nowrap;
    margin: 0; /* Gives that scrolling effect as the typing happens */
    margin-top: -30px;
    letter-spacing: .035em; /* Adjust as needed */
    padding-bottom: 5px;
    animation:
      typing 0.5s steps(40, end);
    animation-delay: 3.5s;
    animation-fill-mode: forwards;
  }
  
  
  .inputline{
    overflow: hidden; /* Ensures the content is not revealed until the animation */
    width: 0;
    border-right: .15em solid rgb(133, 0, 5); /* The typwriter cursor */
    white-space: nowrap;
    margin: 0; /* Gives that scrolling effect as the typing happens */
    letter-spacing: .15em; /* Adjust as needed */
    padding-bottom: 10px;
    animation:
      typing 10s steps(56, end),
      blink-caret 3s ease-out 60s;
    animation-delay: 3.5s;
    animation-fill-mode: forwards;
  }
  
  .afterinput{
    overflow: hidden; /* Ensures the content is not revealed until the animation */
    width: 0;
    white-space: nowrap;
    margin: 0; /* Gives that scrolling effect as the typing happens */
    letter-spacing: .035em; /* Adjust as needed */
    animation:
      typing 2s steps(40, end);
    animation-delay: 6s;
    animation-fill-mode: forwards;
  }
  
  .typewriterhiding{
    overflow: hidden;
    visibility: hidden;
    animation: 1s fadeIn 2s;
    animation-fill-mode: forwards;
  }
  
  .blink {
      animation: blink 1s infinite;
  }
  @keyframes type {
      from {
          width: 0;
      }
  }
  @keyframes blink {
      to {
          opacity: .0;
      }
  }
  
  .blinkbar {
      animation: blink 1.5s infinite;
      letter-spacing: -0.13em;
  }
  
  /* The typing effect */
  @keyframes typing {
    from { width: 0 }
    to { width: 100% }
  }
  
  /* The typewriter cursor effect */
  @keyframes blink-caret {
    from, to { border-color: transparent }
    50% { border-color: black; }
  }
  
  @media only screen and (max-width: 600px) {
    .typewriter{
    overflow: visible;
    visibility: hidden; /* Ensures the content is not revealed until the animation */
    white-space: normal;
    animation: 1s fadeIn;
    animation-fill-mode: forwards;
  }
  
  .typewriter2{
    overflow: visible;
    visibility: hidden; /* Ensures the content is not revealed until the animation */
    white-space: normal;
    animation: 1s fadeIn;
    animation-fill-mode: forwards;
    width: 100%;
  }
  
  .typewriter3{
    overflow: visible;
    visibility: hidden; /* Ensures the content is not revealed until the animation */
    white-space: normal;
    animation: 1s fadeIn;
    margin-top: 0px;
    animation-fill-mode: forwards;
    width: 100%;
  }
  
  .typewriter4{
    overflow: visible;
    visibility: hidden; /* Ensures the content is not revealed until the animation */
    white-space: normal;
    animation: 1s fadeIn;
    margin-top: 0px;
    animation-fill-mode: forwards;
    width: 100%;
  }
  
  .typewriter5{
    overflow: visible;
    visibility: hidden; /* Ensures the content is not revealed until the animation */
    white-space: normal;
    animation: 1s fadeIn;
    margin-top: 0px;
    animation-fill-mode: forwards;
    width: 100%;
  }
  
  .typewriter6{
    overflow: visible;
    visibility: hidden; /* Ensures the content is not revealed until the animation */
    white-space: normal;
    animation: 1s fadeIn;
    margin-top: 0px;
    animation-fill-mode: forwards;
    width: 100%;
  }
  
  .typewriter7{
    overflow: visible;
    visibility: hidden; /* Ensures the content is not revealed until the animation */
    white-space: normal;
    animation: 1s fadeIn;
    margin-top: 0px;
    animation-fill-mode: forwards;
    width: 100%;
  }
  
  .typewriter8{
    overflow: visible;
    visibility: hidden; /* Ensures the content is not revealed until the animation */
    white-space: normal;
    animation: 1s fadeIn;
    margin-top: 0px;
    animation-fill-mode: forwards;
    width: 100%;
  }
  
  .inputline{
    animation:
      typing 5s steps(27, end),
      blink-caret 3s ease-out 60s;
    animation-delay:1s;
    animation-fill-mode: forwards;
  }
  
  .afterinput{
    overflow: visible;
    visibility: hidden; /* Ensures the content is not revealed until the animation */
    white-space: normal;
    animation: 1s fadeIn;
    animation-delay: 2s;
    animation-fill-mode: forwards;
    width: 100%;
  }
  
  .arrow{
     visibility: hidden;
  }
  
  .arrow2{
     visibility: hidden;
  }
  
  /* Wait to appear */
  @keyframes fadeIn {
    0% {
      opacity: 0;
    }
    100% {
      visibility: visible;
      opacity: 1;
    }
  }
  @keyframes fadeOut {
     0% {
       opacity: 1;
       visibility: visible;
     }
     100% {
       opacity: 0;
     }
  }

  Pages using this styling

  • scp-9104 [info]

  ¶ 1 occurrence
  

  
  /* VARIABLES */
  
  :root {
  --page-content-font-size: 1rem;
  --main-content-width: 100%;
  --basalt-bright-element-color: 176, 39, 39;
  --header-UI-font-size: 1rem;
  --main-content-side-margin: 0rem;
  }
  
  /* MAKING ACTION AREA USABLE */
  
  #action-area, #history-subarea {
      margin: 1rem auto 0;
      max-width: 80%;
  }
  
  .licensebox .collapsible-block-link {
      color: darkgray !important;
  }
  
  div#page-options-container {
      max-width: 45rem;
      margin: auto;
  }
  
  .collapsible-block {
      text-align: center;
  }
   
  /* BACKGROUNDS */
  
  div#content-wrap {
     /* background: linear-gradient(203.04deg, #FBFAF9 40.5%, #f1f1f1 100%); */
     background: linear-gradient(90deg, #E6EAED 0%, #FFFFFF 50%, #E6EAED 100%);
  }
  
  /* FONTS */
  
  h5 {
  font-size: 1.4rem;
  }
  
  a:any-link {
      font-weight: bold;
  }
  
  .trigger {
      font-weight:bold;
      color: #B02727;
  }
  
  /* CENTERBLOCK */
  
  div#u-authorlink {
      text-align: center;
      color: rgb(187, 187, 187);
  font-weight: 700;
  font-size: 0.875rem;
  }
  
  div#u-authorlink a {
      color: rgb(133, 83, 172);
  font-weight: 700;
  }
  
  div#u-authorlink p {
  margin: 0px;
  }
  
  .centerbox {
  width: fit-content;
  margin: auto;
  }
  
  .authorlink-wrapper {
      margin: 0px !important;
  }
  
  /* AUDITOR */
  
  /*div.auditor-section{
  }*/
  
  div.auditor-content {
  width: 95%;
  max-width: 38rem !important; 
  margin: 2.5rem auto;
  color: #C3C3C3;
  background: #001600;
  padding: 2rem;
  box-shadow: inset -4px -4px 3px rgba(0, 0, 0, 0.45), inset 4px 4px 35px rgba(255, 255, 255, 0.2);
  border-radius: 8px;
  box-sizing: border-box;
  
  }
  
  .auditor {
  color: #C3C3C3;
  background: #001600 !important;
  padding: 2rem;
  box-shadow: inset -4px -4px 3px rgba(0, 0, 0, 0.45), inset 4px 4px 35px rgba(255, 255, 255, 0.2);
  border-radius: 8px;
  box-sizing: border-box;
      padding: 0.5rem 2.5rem !important;
      margin: 0px !important;
  }
  
  .auditor-content hr {
      margin-inline: 0px;
      height: 1px;
  }
  
  .auditor-header {
      display: flex;
      justify-content: space-between;
  
      p {
          margin-block: 0px;
      }
  }
  
  .auditor-header-content {
      font-weight: bold;
  }
  
  .a12 {
  font-weight: bold;
  color: green;
  }
  
  /* OVERWATCH/RAISA MEMO */
  
  
  /* RAISA MEMO */
  
  .raisa_memo {
  max-width: 36rem !important;
  box-shadow: 0px 1px 1.9px -4px rgba(0, 0, 0, 0.1), 0px 6px 15px -4px rgba(0, 0, 0, 0.2);
  padding: 0px;
  margin: 3rem auto;
  width: 95%;
  background-position: center;
  }
  
  .raisa_memo::before {
  content: none;
  }
  
  .raisa-header {
      padding-inline: 0.5rem;
  }
  
  .raisa-background {
  background: rgba(255, 243, 173, 0.8);
  }
  
  .raisa-content {
      max-width: 26rem !important;
      text-align: left;
      margin-inline: auto;
  padding-inline: 1rem;
  }
  
  .raisa-divider {
      display: block;
      background: rgba(0,0,0,0.1);
      height: 2px;
      width: 100%;
  }
  
  .text-notice {
      font-size: 1rem;
      font-weight: bold;
  }
  
  .text-raisa {
      font-weight: bold;
      font-size: 1.4rem;
  }
  
  /* IMAGES */
  
  .shortpic {
  position: relative;
  max-width: 50rem !important;
  margin: 1rem auto;
  box-shadow: 0px 1px 1.9px -4px rgba(0, 0, 0, 0.1), 0px 6px 15px -4px rgba(0, 0, 0, 0.2);
  width: 95%;
  }
  
  .shortpic img {
  max-height: 28rem;
  width: 100%;
  object-fit: cover;
  }
  
  .wide {
      margin-block: 2rem;
  }
  
  .wide img {
      max-height: initial;
      object-fit: cover;
  }
  
  .dendrite {
      max-width: calc(var(--main-content-width)*.825) !important;
  }
  
  /* SECTIONS */
  
  .section {
  width: 95%;
  max-width: 45rem !important;
  padding: 1.5rem 2.5rem;
  background: linear-gradient(102.71deg, #FEFEFE 0%, #FAFAFA 100%);
  box-shadow: 0px 1px 1.9px -4px rgba(0, 0, 0, 0.1), 0px 6px 15px -4px rgba(0, 0, 0, 0.2);
  margin: 2.5rem auto;
  box-sizing: border-box;
  position: relative;
  z-index: 2;
  box-sizing: border-box;
  }
  
  .section hr {
      margin-inline: -1.25rem;
  }
  
  .log-title {
      text-align: center;
  /*width: 95%;
  max-width: 45rem !important;
  padding: 1.5rem 2.5rem;
  margin: 2.5rem auto;*/
  }
  
  .pagebreak {
  width: 100%;
  height: 2rem;
  background: #FFFFFF;
  box-shadow: inset 0px 16px 32px -4px rgba(12, 12, 13, 0.1);
  border-bottom: 1px solid #BABDBF;
  border-top: 1px solid #BABDBF;
  }
  
  /* RELATIVE TIME HEADERS */
  .relativetime {
      text-align: center;
      font-family: monospace;
      display: flex;
      align-items: center;
      text-align: center;
      margin: 2em 0;
  }
  
  .relativetime::before,
  .relativetime::after {
      content: '';
      flex: 1;
      border-bottom: 1px solid rgb(var(--hr-color));
  }
  
  .relativetime p {
      margin: 0 1em;
      padding: 0 10px;
      white-space: nowrap;
  }
  
  /* TIMELINE */
  
  
  /*.timeline {
  position:relative;
  }
  
  .timeline::before {
      content: "";
      position: absolute;
      top: 0;
      bottom: 0;
      left: 50%;
      width: 2px;
      background: #ccc;
      z-index: 0;
  }*/
  
  /* EVENTS */
  
  .event {
  background: linear-gradient(102.71deg, #FEFEFE 0%, #FAFAFA 100%);
  box-shadow: 0px 1px 1.9px -4px rgba(0, 0, 0, 0.1), 0px 6px 15px -4px rgba(0, 0, 0, 0.2);
  display: block;
  margin-inline: auto;
  margin-block: 1.5em;
  padding: 1.5rem 2.5rem;
  position: relative;
  --posX: -20vw;
  max-width: 40rem !important;
  width: 85%;
  box-sizing: border-box;
  
      ul {
          padding-inline-start: 1rem;
      }
  }
  
  /* DOCUMENT TYPE STYLES */
  
  .conprocs {
  background: #FCFBFC;
  }
  
  .finlay {
      border-left: solid 8px #8553AC;
  
      h5 {
          color: #8553AC;
      }
  }
  
  .finlay-commentary {
      font-style:italic;
      border-left: solid 8px #8553AC;
      padding: 0.5rem 2.5rem;
      margin: 0px;
  }
  
  .vo {
      border-left: solid 8px #345999;
  
      h5 {
          color: #58769A;
      }
  }
  
  .vo-commentary {
      font-style: italic;
      border-left: solid 8px #345999;
      padding: 0.5rem 2.5rem;
      margin: 0px;
  }
  
  .interview {
      border-top: solid 8px #A8531B;
  
      h5 {
          color: #A8531B;
      }
  }
  
  .study {
      border-top: solid 8px #45731D;
  
      h5 {
          color: #45731D;
      }
  }
  
  .experiment {
      border-top: solid 8px #8292A2;
  
      h5 {
          color: #020816;
      }
  }
  
  .email {
      background: #FCFBFC;
      border: 2px solid #020816;
  }
  
  .memo {
      border-top: solid 8px #020816;
  }
  
  .video {
      border-inline: solid 2px #020816;
  }
  
  /* SMALL SCREENS */
  @media screen and (max-width: 600px) {
  
  /*:root {
  --main-content-side-margin: 1.325rem;
  }*/
  
  div.section {
  padding-inline: 1.25rem;    
  }
  
  .event { 
  padding: 1rem 1.5rem;
  }
  
  .audit {
      margin-block: 1rem;
  }
  }
  
  .footnotes-footer {
      max-width: 45rem !important;
      margin: auto;
  }
  

  Pages using this styling

  • scp-9100 [info]

  ¶ 1 occurrence
  

  #page-content .collapsible-block {  
    max-width: 100%;
      /* text-align: center; */
      text-align: center;
  text-color: black;
      border-color: #000000;
      border: solid 1px #000000;
      background-color: #f5f5f5;
  }
  .collapsible-block-content p {
      text-align: left;
      padding-left: 10px;
      padding-right: 10px;
  }
  blockquote {
     border: 1px double #999;
     /* padding: 0 1em; */
     margin-left: 7px; 
     margin-right: 7px;
     background-color: #ffffff;
  }

  Pages using this styling

  • scp-910 [info]

  ¶ 1 occurrence
  

  .page {
      display: block;
      overflow: hidden;
      font-family: "Monotype Corsiva", "Bradley Hand ITC", sans-serif;
      font-style: normal;
      color: black;
  
      background-attachment: scroll;
      background-clip: border-box;
      background-color: transparent;
      background-image: linear-gradient(to top ,rgb(202, 219, 228) 0%, rgb(231, 233, 220) 8%);
      background-origin: padding-box;
      background-position: 0px 8px;
      background-repeat: repeat;
      background-size: 100% 20px;
      border: 1px solid #CCC;
      border-radius: 10px;
      padding: 10px 10px;
      margin-bottom: 10px;
      box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2)
  }
  .page p,
  .page ul {
      line-height: 20px;
      margin: 0;
  }

  Pages using this styling

  • scp-9098 [info]

  ¶ 1 occurrence
  

  /* BHL styled collapsibles with fancy-schamncy animations! By Monkatraz, modified by AnActualCrow */
  
  /* #page-content is shoved everywhere to make sure it's the most specific thingy */
  /* Styling! */
  #page-content .collapsible-block-folded, #page-content .collapsible-block-unfolded-link {
      margin: auto;
      padding: 1em 0.5em 1em 0.5em;
      /* Technical bits */
      width: 15em;
      white-space: nowrap;
      overflow: hidden;
      text-align: center;
      background-color: #a11823;
      border-radius: 15px;
      border: 2px dotted #24d1bd;
  }
  /* The Clicky Text */
  #page-content .collapsible-block-link {
      color: #ffffff;
      font-weight: bold;
      text-decoration: none;
      text-align: center;
  }
  /* Gets rid of the underline when hovering over the collapsible */
  #page-content .collapsible-block-link:hover {
      text-decoration: none
      color: #ffffff;
  }
  /* Collapsible content */
  
  #page-content .collapsible-block-unfolded-link{
      width: 15em;
      background: #4392ba;
      border: 5px dotted #f5b8e2;
      color: #000000;
  }
  
  /* Hovering effects */
  #page-content .collapsible-block-folded:hover, #page-content .collapsible-block-unfolded-link:hover {
      background-color: #826ef5;
      border: 3px dotted #f5b8e2;
      max-width: 100%;
  
  }
  /* Collapsible borders - because it looks prettier this way */
  #page-content .collapsible-block-unfolded-link:hover + .collapsible-block-content{
      border-top-color: #ededed;
      border-bottom-color: #ededed;
  }
  /* When hovering over link, change addendum tag to hover-color */
  #page-content .collapsible-block-unfolded-link:hover + .collapsible-block-content::after {
      background: #ededed;
  }
  /* Click flash when clicking, also forces the collapsible to expand */
  #page-content .collapsible-block-folded:active, #page-content .collapsible-block-unfolded-link:active, #page-content .collapsible-block-unfolded-link:active + .collapsible-block-content::after {
      transition: background 0s, max-width 0s;
      background: #ededed;
      max-width: 100%;
  }
  /* On click, change borders to click-color */
  #page-content .collapsible-block-unfolded-link:active + .collapsible-block-content {
      transition: border-top-color 0s, border-bottom-color 0s;
      border-top-color: #000000;
      border-bottom-color: #000000;
  }
  /* Centering, very simple */
  #page-content .center-collapse .collapsible-block-folded, #page-content .center-collapse .collapsible-block-unfolded-link, #page-content .center-collapse .unfolded-collapse{
      margin:auto;
      margin-top: 10px;
  }
  /* Removing the slick animation and addendum number because you're a monster */
  /* Set back the max width and just ignore the transition screwyness */
  #page-content .no-addendum .collapsible-block-folded {
      max-width: 100%;
  }
  
  /* Ayer's info-bar patch */
  #page-content .info-container .collapsible-block {
      counter-increment: none;
  }
  #page-content .info-container .collapsible-block-folded, #page-content .info-container .collapsible-block-unfolded-link  {
      transition: none;
      width: 100%;
      max-width: 100%;
      margin: 0 auto;
      padding: 0;
      box-shadow: none;
      background: var(--barColour);
  }
  #page-content .info-container .collapsible-block-folded::before, #page-content .info-container .collapsible-block-unfolded-link::before  {
      content: "";
      display: none;
  }
  #page-content .info-container .collapsible-block-content {
      border-bottom: none;
      transition: none;
      border-top: none;
  }
  #page-content .info-container .collapsible-block-content::after {
      display: none;
  }
  
  /* License Box Patch */
  #page-content .licensebox .collapsible-block-link {
      color: inherit;
  }
  #page-content .licensebox .collapsible-block-link:hover {
      text-decoration: underline;
  }
  #page-content .licensebox .collapsible-block {
      counter-increment: none;
  }
  #page-content .licensebox  .collapsible-block-folded,
  #page-content .licensebox  .collapsible-block-unfolded-link  {
      transition: none;
      width: 100%;
      max-width: 100%;
      margin: 0 auto;
      padding: 0;
      box-shadow: none;
      background: none;
  }
  #page-content .licensebox .collapsible-block-folded::before,
  #page-content .licensebox .collapsible-block-unfolded-link::before  {
      content: "";
      display: none;
  }
  #page-content .licensebox .collapsible-block-content {
      border-bottom: none;
      transition: none;
      border-top: none;
  }
  #page-content .licensebox .collapsible-block-folded .collapsible-block-link::before,
  #page-content .licensebox .collapsible-block-unfolded .collapsible-block-link::before,
  #page-content .licensebox .unfolded-collapse::before {
      display: none;
  }
  #page-content .licensebox .collapsible-block-content::after {
      display: none;
  }

  Pages using this styling

  • scp-9095 [info]

  ¶ 1 occurrence
  

      #page-title {display: none;}
  
  #main-content {
       max-width: 52rem;
  }
  
  @import url('https://api.fonts.coollabs.io/css2?family=Kalnia+Glaze:wght@100..700&display=swap');
  @import url('https://api.fonts.coollabs.io/css2?family=Mea+Culpa&display=swap');
  @import url('https://api.fonts.coollabs.io/css2?family=Ballet:opsz@16..72&display=swap');
  
  div#container-wrap {
      background-image: url('http://scp-wiki.wikidot.com/local--files/scp-9095/topbg');
  }
   
  div#header {
      background-image: url('http://scp-wiki.wikidot.com/local--files/scp-9095/vklogo');
      background-size: 10em;
      image-rendering: pixelated;
  }
  
  #header h1 a {
      content: " ";
  }
  
  #header h1 a::before {
  
      content: 'Victims of VKTM';
      color: #ffffff;
      text-shadow: 3px 3px 0 rgba(0, 0, 0, 0.8);
  }
  
  #header h1 a span{
      display: block;
      content: "";
      visibility: hidden;
  }
   
  #header h2 span::before {
      content: 'Memorial Foundation';
      color: #ffffff;
      text-shadow: none;
  }
  
  #top-bar a {
    color: #000084;
  }
  .mea-culpa-regular {
    font-family: "Mea Culpa", cursive;
    font-weight: 400;
    font-style: normal;
  }
  .kalnia-glaze {
    font-family: "Kalnia Glaze", serif;
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
    font-variation-settings:
      "wdth" 100;
  }
  
  .ballet {
    font-family: "Ballet", cursive;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
  }
  
  
  
  .kalnia-glaze-bold {
    font-family: "Kalnia Glaze", serif;
    font-optical-sizing: auto;
    font-weight: 700;
    font-style: normal;
    font-variation-settings:
      "wdth" 100;
  }
  
  body {
     font-size: 1.04em;
  }
  
  h4 {
     font-size: 1.05em;
  }
  
  /* Adjust Mobile Image Size */
  @media (max-width: 479px) {
  #header {
      background-size: 100px 100px;
      background-position: 1em;
  }
  }
  
  blockquote,
  div.blockquote {
      border: #000000 solid 0.75px;
      background-color: rgb(250, 250, 250);
      color: black;
      color: #000;
  }
  
  .scrollbox {
    overflow: scroll;
    max-height: 250px;
    margin: auto;
    width: 85%;
    align-text: center;
    color: #ffffff;
    background-color: #007474;
  }
  
  /* Radian's Timer Code */
  
  /* Order is: 1,234,567 */
  
  .timer-main br {
    display: none;
  }
  
  @keyframes timer {
    0% { content: "0"; }
    10% { content: "1"; }
    20% { content: "2"; }
    30% { content: "3"; }
    40% { content: "4"; }
    50% { content: "5"; }
    60% { content: "6"; }
    70% { content: "7"; }
    80% { content: "8"; }
    90% { content: "9"; }
    100% { content: "9"; }
  }
  
  @keyframes timer1 {
    0% { content: "10"; }
    10% { content: "11"; }
    20% { content: "12"; }
    30% { content: "8"; }
    40% { content: "9"; }
    50% { content: "0"; }
    60% { content: "1"; }
    70% { content: "2"; }
    80% { content: "3"; }
    90% { content: "4"; }
    100% { content: "4"; }
  }
  
  @keyframes timer2 {
    0% { content: "9"; }
    10% { content: "3"; }
    20% { content: "4"; }
    30% { content: "5"; }
    40% { content: "6"; }
    50% { content: "7"; }
    60% { content: "8"; }
    70% { content: "9"; }
    80% { content: "0"; }
    90% { content: "1"; }
    100% { content: "1"; }
  }
  @keyframes timer3 {
    0% { content: "3"; }
    10% { content: "4"; }
    20% { content: "5"; }
    30% { content: "6"; }
    40% { content: "7"; }
    50% { content: "8"; }
    60% { content: "9"; }
    70% { content: "0"; }
    80% { content: "1"; }
    90% { content: "2"; }
    100% { content: "2"; }
  }
  @keyframes timer6 {
    0% { content: "2"; }
    10% { content: "3"; }
    20% { content: "4"; }
    30% { content: "5"; }
    40% { content: "6"; }
    50% { content: "7"; }
    60% { content: "7"; }
    70% { content: "8"; }
    80% { content: "9"; }
    90% { content: "9"; }
    100% { content: "0"; }
  }
  @keyframes timer7 {
    0% { content: "1"; }
    10% { content: "2"; }
    20% { content: "3"; }
    30% { content: "4"; }
    40% { content: "5"; }
    50% { content: "6"; }
    60% { content: "7"; }
    70% { content: "8"; }
    80% { content: "9"; }
    90% { content: "9"; }
    100% { content: "6"; }
  }
  
  @keyframes timer8 {
    0% { content: "1"; }
    10% { content: "2"; }
    20% { content: "3"; }
    30% { content: "9"; }
    40% { content: "1"; }
    50% { content: "2"; }
    60% { content: "3"; }
    70% { content: "4"; }
    80% { content: "5"; }
    90% { content: "0"; }
    100% { content: "6"; }
  }
  
  @keyframes timer9 {
    0% { content: "7"; }
    10% { content: "8"; }
    20% { content: "9"; }
    30% { content: "9"; }
    40% { content: "1"; }
    50% { content: "2"; }
    60% { content: "3"; }
    70% { content: "4"; }
    80% { content: "5"; }
    90% { content: "6"; }
    100% { content: "0"; }
  }
  
  @keyframes fade-in {
    0% { opacity: 0; }
    100% { opacity: 1; }
  }
  
  .timer-main {
    display: inline-flex;
    :is(.digit1,.digit2,.digit3,.digit,.digit6,.digit7, digit8,.digit9) { font-size: 0; }
  }
  
  .timer-main .digit1::after {
    animation: timer1 calc(var(--period) * 50) steps(1, end) infinite, fade-in 1ms steps(1, end);
    content: "";
    font-size: 1rem;
    animation-delay: -35s;
  }
  .timer-main .digit2::after {
    animation: timer2 calc(var(--period) * 50) steps(1, end) infinite, fade-in 1ms steps(1, end);
    content: "";
    font-size: 1rem;
    animation-delay: -35s;
  }
  .timer-main .digit3::after {
    animation: timer3 calc(var(--period) * 50) steps(1, end) infinite, fade-in 1ms steps(1, end);
    content: "";
    font-size: 1rem;
    animation-delay: -35s;
  }
  .timer-main .digit::after {
    animation: timer calc(var(--period) * 50) steps(1, end) infinite, fade-in 1ms steps(1, end);
    content: "";
    font-size: 1rem;
    animation-delay: -35s;
  }
  
  .timer-main .digit6::after {
    animation: timer6 calc(var(--period) * 50) steps(1, end) infinite, fade-in 1ms steps(1, end);
    content: "";
    font-size: 1rem;
    animation-delay: -35s;
  }
  .timer-main .digit7::after {
    animation: timer7 calc(var(--period) * 50) steps(1, end) infinite, fade-in 1ms steps(1, end);
    content: "";
    font-size: 1rem;
    animation-delay: -35s;
  }
  
  .timer-main .digit8::after {
    animation: timer8 calc(var(--period) * 50) steps(1, end) infinite, fade-in 1ms steps(1, end);
    content: "";
    font-size: 1rem;
    animation-delay: -35s;
  }
  .timer-main .digit9::after {
    animation: timer9 calc(var(--period) * 50) steps(1, end) infinite, fade-in 1ms steps(1, end);
    content: "";
    font-size: 1rem;
  }

  Pages using this styling

  • scp-9095 [info]

  ¶ 1 occurrence
  

  /*
      Petafoxtheme
      [2025 Wikidot Theme]
      Created by Dianaberry
      Based on the Coalition Theme by Greyve with assistance from Calibri Bold and Croquembouche.
      Based on Black Highlighter Theme created by Woedenaz and Croquembouche.
      CC BY SA 3.0.
  */
   
  /* Fonts */
  @import url('https://fonts.googleapis.com/css2?family=Caprasimo&display=swap');
   
  /* ROOT - Header & General Recoloring */
  :root {
   
      /* Intro */
      --theme-base: "nuscp"
          --theme-id: "fet-a-fox-theme"
          --theme-name: "PetAFox Theme";
  
    --logo-image: url("https://scp-sandbox-3.wikidot.com/local--files/diana-messes-with-themes/petafoxlogo.png");
      --header-title: "PetAFox";
      --header-subtitle: "Welcome to your internet sanctuary!";
     --gradient-header: url("https://scp-sandbox-3.wikidot.com/local--files/diana-messes-with-themes/petafoxheader.PNG");
      --header-background-image-size: 2436px 9rem;
      --header-height-on-desktop: 9rem;
      --header-height-on-mobile: 9rem;
      --diagonal-stripes: none;
  
  #header h1 a:before, #header h2 span:before  {
      text-shadow: 1px 1px 1px black;
      }
  
      --body-font: 'Roboto', sans-serif;
      --header-font: 'Caprasimo', sans-serif;
      --title-font: 'Caprasimo', sans-serif;
      --mono-font: "PT Mono", "Andale Mono", "Courier New", Courier, monospace;
   
      /* Colors */
      --white-monochrome: 255, 246, 237;
      /* Light Orange*/
      --pale-gray-monochrome: 237, 216, 185;
      /* Dusty Orange (Quoteblocks) */
      --light-gray-monochrome: 255, 187, 115;
      /* Orange (Login Status) */
      --gray-monochrome: 255, 165, 69;
      /* Orange */
   
      --pale-accent: 138, 71, 0;
      /* Dark Orange*/
      --bright-accent: 207, 175, 143;
      /* Light Orange*/
      --medium-accent: 214, 111, 0;
      /* Orange */
      --dark-accent: 138, 71, 0;
      /* Dark Orange */
      --newpage-color: 179, 125, 73;
  
      /* Light Orange */
   
      /* Primary Header Colors */
      --swatch-headerh1-color: var(--white-monochrome);
      --swatch-headerh2-color: var(--white-monochrome);
      --swatch-topmenu-border-color: var(--dark-accent);
      --swatch-topmenu-bg-color: var(--dark-accent);
   
      --rating-module-button-color: var(--black-monochrome);
      --rating-module-text-color: var(--black-monochrome);
   
      /* Link Colors */
      --link-color: 240, 120, 0;
      --visited-link-color: 168, 84, 0;
      --hover-link-color: 184, 119, 55;
  }
   
  /* Top-Bar Open Button on Mobile */
  #top-bar>div.mobile-top-bar>div.open-menu>p>a {
      color: rgb(var(--gray-monochrome)) !important;
  }
   
  /* Adjusts Header Size */
   
  /* Undo the mobile Image Resize */
  @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;
      }
  }

  Pages using this styling

  • scp-9094 [info]

  ¶ 1 occurrence
  

  
  :root {
      --header-subtitle: "Astronomy Division";
      --space-header-layer-0: url("https://scp-sandbox-3.wdfiles.com/local--files/end-of-the-stars/header.jpg");
  }
  
  #extrac-div-1 {
      background-position: 0% 0%;
  }
  

  Pages using this styling

  • scp-9092 [info]

  ¶ 1 occurrence
  

  :root {
    --header-title: "SCP FOUNDATION";
    --header-subtitle: "Parazoology Department";
  }

  Pages using this styling

  • scp-9090 [info]

  ¶ 1 occurrence
  

  
  @import url('https://fonts.googleapis.com/css2?family=Courier+Prime:ital,wght@0,400;0,700;1,400;1,700&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap');
  #main-content {
       max-width: 45rem;
  }
  
  body {
     font-size: 0.92em;
  }
  
  
  .courier-prime-regular {
    font-family: "Courier Prime", monospace;
    font-weight: 400;
    font-style: normal;
  }
  
  .courier-prime-bold {
    font-family: "Courier Prime", monospace;
    font-weight: 700;
    font-style: normal;
  }
  
  .courier-prime-regular-italic {
    font-family: "Courier Prime", monospace;
    font-weight: 400;
    font-style: italic;
  }
  
  .courier-prime-bold-italic {
    font-family: "Courier Prime", monospace;
    font-weight: 700;
    font-style: italic;
  }
  
  .ibm-plex-mono-thin {
    font-family: "IBM Plex Mono", monospace;
    font-weight: 100;
    font-style: normal;
  }
  
  .ibm-plex-mono-extralight {
    font-family: "IBM Plex Mono", monospace;
    font-weight: 200;
    font-style: normal;
  }
  
  .ibm-plex-mono-light {
    font-family: "IBM Plex Mono", monospace;
    font-weight: 300;
    font-style: normal;
  }
  
  .ibm-plex-mono-regular {
    font-family: "IBM Plex Mono", monospace;
    font-weight: 400;
    font-style: normal;
  }
  
  .ibm-plex-mono-medium {
    font-family: "IBM Plex Mono", monospace;
    font-weight: 500;
    font-style: normal;
  }
  
  .ibm-plex-mono-semibold {
    font-family: "IBM Plex Mono", monospace;
    font-weight: 600;
    font-style: normal;
  }
  
  .ibm-plex-mono-bold {
    font-family: "IBM Plex Mono", monospace;
    font-weight: 700;
    font-style: normal;
  }
  
  .ibm-plex-mono-thin-italic {
    font-family: "IBM Plex Mono", monospace;
    font-weight: 100;
    font-style: italic;
  }
  
  .ibm-plex-mono-extralight-italic {
    font-family: "IBM Plex Mono", monospace;
    font-weight: 200;
    font-style: italic;
  }
  
  .ibm-plex-mono-light-italic {
    font-family: "IBM Plex Mono", monospace;
    font-weight: 300;
    font-style: italic;
  }
  
  .ibm-plex-mono-regular-italic {
    font-family: "IBM Plex Mono", monospace;
    font-weight: 400;
    font-style: italic;
  }
  
  .ibm-plex-mono-medium-italic {
    font-family: "IBM Plex Mono", monospace;
    font-weight: 500;
    font-style: italic;
  }
  
  .ibm-plex-mono-semibold-italic {
    font-family: "IBM Plex Mono", monospace;
    font-weight: 600;
    font-style: italic;
  }
  
  .ibm-plex-mono-bold-italic {
    font-family: "IBM Plex Mono", monospace;
    font-weight: 700;
    font-style: italic;
  }
  
  .courier {
    font-family: "IBM Plex Mono", monospace;
  }
  
  .chart {
     display: grid;
     grid-template-columns: 7em auto;
     grid-template-areas:
        'number effect';
     justify content: center;
     margin: auto;
     padding: 0 0 0 0;
     width: 100%;
     border-top: 1.5px solid #c0c0c0;
     border-bottom: 1.5px solid #c0c0c0;
  }
  
  .number {
       padding-top: 2px;
       padding-bottom: 2px;
       line-height: 0.05em;
       border-right: 1.5px solid #c0c0c0;
       border-top: 0.5px solid #e0e0e0;
       border-bottom: 0.5px solid #e0e0e0;
       padding-left: 5px;
  }
  
  .effect {
       padding-left: 8px;
       padding-top: 2px;
       padding-bottom: 2px;
       line-height: 0.05em;
       border-top: 0.5px solid #e0e0e0;
       border-bottom: 0.5px solid #e0e0e0;
  }
  
  .column {
    display: flex;
    flex-direction: row;
    padding: none;
  }
  
  .items {
    text-align: left;
    width: 100%;
    padding: none;
  }

  Pages using this styling

  • scp-9085 [info]

  ¶ 1 occurrence
  

  
  #page-title::after {
  content: "by Cathy Autumn and FLOORBOARDS";
  font-size: 50%;
  color: #888;
  }
  
  .footnotes-footer {
  display:none;
  }

  Pages using this styling

  • scp-9071 [info]

  ¶ 1 occurrence
  

  
  #toc a {
      margin-bottom: 4px;
  }
  
  #toc-list div {
      margin-bottom: 8px;
  }
  
  #page-content #toc {
    position: absolute;
    right: 2px;
    clip-path: inset(0 0 0 calc(100% - 9px));
    transition: 0.3s ease-in;
    z-index: 3;
    max-height: 18em;
    overflow-y: scroll;
    border-right: none;
  }
  
  #page-content #toc:hover {
    clip-path: inset(0);
    border-right: solid 1px rgb(var(--toc-border-color));
  }
  
  .danger-diamond a {
    display: none!important;
  }
  
  #toc-list::before {
    content: "";
    height: 100rem;
    width: 9px;
    background-color: rgb(var(--link-color));
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    transition: 0.8s ease-in;
  }
  
  #toc:hover #toc-list::before {
    height: 0;
    transition: 0s;
  }
  
  #toc-list {
    height: 100%;
  }
  
  #toc-action-bar a {
      display: none;
  }
  
  #page-content {
    position: relative;
    padding: 16px;
  }
  
  #page-title {
  display: none !important;
  }
  

  Pages using this styling

  • scp-9070 [info]

  ¶ 1 occurrence
  

  
  .demonB {
    font-weight: bolder;
    color: #5382ad;
    text-shadow: 2px 2px #0d242e;
  }
  
  .demonG {
    font-weight: bolder;
    color: #59ad53;
    text-shadow: 2px 2px #0d2e10;
  }
  

  Pages using this styling

  • scp-9070 [info]

  ¶ 1 occurrence
  

  @import url('https://api.fonts.coollabs.io/css2?family=IM+Fell+Great+Primer+SC&display=swap');
  .great {
    font-family: "IM Fell Great Primer SC", serif;
    font-weight: 400;
    font-style: normal;
  }

  Pages using this styling

  • scp-9070 [info]

  ¶ 1 occurrence
  

  h1 {
    
  font-family: 'Garamond', serif;
  font-size: 76px;
  
  }

  Pages using this styling

  • scp-9070 [info]

  ¶ 1 occurrence
  

  @import url('https://api.fonts.coollabs.io/css2?family=Newsreader:ital,opsz,wght@0,6..72,200..800;1,6..72,200..800&display=swap');
  .newsreader {
    font-family: "Newsreader", serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
  }
  

  Pages using this styling

  • scp-9070 [info]

  ¶ 1 occurrence
  

  @import url('https://api.fonts.coollabs.io/css2?family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&display=swap');
  .libre-baskerville-regular {
    font-family: "Libre Baskerville", serif;
    font-weight: 400;
    font-style: normal;
  }
  
  .libre-baskerville-bold {
    font-family: "Libre Baskerville", serif;
    font-weight: 700;
    font-style: normal;
  }
  
  .libre-baskerville-regular-italic {
    font-family: "Libre Baskerville", serif;
    font-weight: 400;
    font-style: italic;
  }

  Pages using this styling

  • scp-9070 [info]

  ¶ 1 occurrence
  

  @import url('https://scp-sandbox-3.wikidot.com/local--files/sevencix/Story%2BScript.css');
  .story {
    font-family: "Story Script", sans-serif;
    font-weight: 400;
    font-style: normal;
  }

  Pages using this styling

  • scp-9070 [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Cinzel+Decorative:wght@400;700;900&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Almendra:ital,wght@0,400;0,700;1,400;1,700&display=swap');
  .cinzel-decorative-regular {
    font-family: "Cinzel Decorative", serif;
    font-weight: 400;
    font-style: normal;
  }
  
  .cinzel-decorative-bold {
    font-family: "Cinzel Decorative", serif;
    font-weight: 700;
    font-style: normal;
  }
  
  .cinzel-decorative-black {
    font-family: "Cinzel Decorative", serif;
    font-weight: 900;
    font-style: normal;
  }
  
  .almendra-regular {
    font-family: "Almendra", serif;
    font-weight: 600;
    font-style: normal;
  }
  
  .almendra-bold {
    font-family: "Almendra", serif;
    font-weight: 700;
    font-style: normal;
  }
  
  .almendra-regular-italic {
    font-family: "Almendra", serif;
    font-weight: 400;
    font-style: italic;
  }
  
  .almendra-bold-italic {
    font-family: "Almendra", serif;
    font-weight: 700;
    font-style: italic;
  }
  
  div.darknetMain { 
    font-family: Consolas,monaco,monospace;
    border: 3px double #3CBBB1; 
    border-radius: 10px; 
    color: #C4CBCA; 
    background-color: #1B1C1B
    padding: 15px; 
  }
  
  div.darknet { 
    font-family: Consolas,monaco,monospace;
    border: 3px double #3CBBB1; 
    border-radius: 10px; 
    color: #C4CBCA; 
    background-color: #0A0F0D 
    padding:15px; 
    margin-bottom: 20px;
  }
  

  Pages using this styling

  • scp-9070 [info]

  ¶ 1 occurrence
  

  
  @import url('https://fonts.googleapis.com/css2?family=Intel+One+Mono:ital,wght@0,300..700;1,300..700&display=swap');
  
  @import url('https://fonts.googleapis.com/css2?family=Newsreader:ital,opsz,wght@0,6..72,200..800;1,6..72,200..800&display=swap');
  
  div.file-class {
    font-family: "Intel One Mono", monospace;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
  }
  
  div.news-headline-font {
    font-family: "Newsreader", serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
  }
  
  div.news-headline-class {
    border-style: none;
    border-width: 5px;
    border-color: #2F323A;
    color: #2F323A;
    background-color: #D4AB3B;
    margin-bottom: 0;
  }
  
  div.news-font {
    font-family: "Newsreader", serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
  }
  
  div.news-class {
    border-style: solid;
    border-width: 5px;
    border-color: #E0D2C3;
    color: #E0D2C3;
    background-color: #570909;
    margin-top: 0;
  }
  
  

  Pages using this styling

  • scp-9070 [info]

  ¶ 1 occurrence
  

  
  .o5 { white-space: nowrap; line-height: inherit; vertical-align: baseline; }
  .o5 .alt { display: none; }
  .o5:hover .main,
  .o5:focus-visible .main,
  .o5:active .main { display: none; }
  .o5:hover .alt,
  .o5:focus-visible .alt,
  .o5:active .alt { display: inline; }
  
  .o5-1 { color:#9C0505; }
  
  .o5-2 { color:#1E88E5; }
  
  .o5-3 { color:#FFC107; }
  
  .o5-4 { color:#8ABECC; }
  
  .o5-5 { color:#5c1fbf; }
  
  .o5-6 { color:#36D1C2; }
  
  .o5-7 { color:#692020; }
  
  .o5-8 { color:#FF8A53; }
  
  .o5-9 { color:#776765; }
  
  .o5-10 { color:#B38C65; }
  
  .o5-11 { color:#729018; }
  
  .o5-12 { color:#84276D; }
  
  .o5-13 { color:#C6D6B2; }
  

  Pages using this styling

  • scp-9070 [info]

  ¶ 1 occurrence
  

  
  
  @import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap');
  #main-content {
       max-width: 44rem;
  }
  #page-title {
      display: none;
  }
  
  
  body {
  
  }
  
  h1 {
  
       text-align: center;
  }
  
  h3 {
  
       text-align: center;
  }
  
  h4 {
       color: rgb(150, 0, 0);
       text-align: center;
  }
  
  
  h5 {
       color: rgb(150, 0, 0);
       text-align: center;
  }
  
  h6 {
       color: rgb(150, 0, 0);
       font-size: 1.1em;
  }
  
  #page-content a {
  
  }
  
  #side-bar a,
  #interwiki a {
  
  }
  #side-bar a:visited,
  #interwiki a:visited,
  #top-bar a,
  #login-status ul a,
  #login-status ul a:hover {
  
  }
  
  #top-bar ul li.sfhover a,
  #top-bar ul li:hover a, {
      background: #212121;
  
  }
  
  
  
  .ibm-plex-mono-thin {
    font-family: "IBM Plex Mono", monospace;
    font-weight: 100;
    font-style: normal;
  }
  
  .ibm-plex-mono-extralight {
    font-family: "IBM Plex Mono", monospace;
    font-weight: 200;
    font-style: normal;
  }
  
  .ibm-plex-mono-light {
    font-family: "IBM Plex Mono", monospace;
    font-weight: 300;
    font-style: normal;
  }
  
  .ibm-plex-mono-regular {
    font-family: "IBM Plex Mono", monospace;
    font-weight: 400;
    font-style: normal;
  }
  
  .ibm-plex-mono-medium {
    font-family: "IBM Plex Mono", monospace;
    font-weight: 500;
    font-style: normal;
  }
  
  .ibm-plex-mono-semibold {
    font-family: "IBM Plex Mono", monospace;
    font-weight: 600;
    font-style: normal;
  }
  
  .ibm-plex-mono-bold {
    font-family: "IBM Plex Mono", monospace;
    font-weight: 700;
    font-style: normal;
  }
  
  .ibm-plex-mono-thin-italic {
    font-family: "IBM Plex Mono", monospace;
    font-weight: 100;
    font-style: italic;
  }
  
  .ibm-plex-mono-extralight-italic {
    font-family: "IBM Plex Mono", monospace;
    font-weight: 200;
    font-style: italic;
  }
  
  .ibm-plex-mono-light-italic {
    font-family: "IBM Plex Mono", monospace;
    font-weight: 300;
    font-style: italic;
  }
  
  .ibm-plex-mono-regular-italic {
    font-family: "IBM Plex Mono", monospace;
    font-weight: 400;
    font-style: italic;
  }
  
  .ibm-plex-mono-medium-italic {
    font-family: "IBM Plex Mono", monospace;
    font-weight: 500;
    font-style: italic;
  }
  
  .ibm-plex-mono-semibold-italic {
    font-family: "IBM Plex Mono", monospace;
    font-weight: 600;
    font-style: italic;
  }
  
  .ibm-plex-mono-bold-italic {
    font-family: "IBM Plex Mono", monospace;
    font-weight: 700;
    font-style: italic;
  }
  
  
  .ibm {
    font-family: "IBM Plex Mono", monospace;
  }
  
  .notation {
      border-top: solid 0.08em #595959;
      border-left: solid 0.4em #595959;
      border-bottom: solid 0.08em #595959;
      border-right: solid 0.4em #595959;
      background: rgba(210, 210, 210, 0.06);
      margin: auto;
      max-width: 46rem;
  }
  
  
  .fakeprot .mailform-box .buttons{display:none;}
  .fakeprot + .collapsible-block .collapsible-block-link {padding: 0.1em 0.5em;text-decoration: none;background-color: #F4F4F4;border: 1px solid #AAA;color: #000;}
  .fakeprot + .collapsible-block .collapsible-block-link:hover {background-color: #DDD;color: #000;}
  .fakeprot + .collapsible-block .collapsible-block-link:active {background-color: #DDD;color: #000;}
  .fakeprot + .collapsible-block .collapsible-block-unfolded-link{margin:0.5em 0;text-align: center;}
  .fakeprot + .collapsible-block .collapsible-block-folded{margin:0.5em 0;text-align: center;}
  .fakeprot .passw input[type=text] {text-security:disc;-webkit-text-security:disc;-mox-text-security:disc;}
  .mailform-box td:first-child {width: 80px;}

  Pages using this styling

  • scp-9064 [info]

  ¶ 1 occurrence
  

  .danke {
      padding: 5px;
      margin-bottom:10px;
      font-family: monospace;
      font-size: 1.2em; 
  }
  
  .agent {
      background-color:#002200;
      border: 3px solid #55AA55;
      color: #77CC77;
  }
  
  .site {
      background-color:#222200;
      border: 3px solid #AAAA55;
      color: #DDDD77;
  }

  Pages using this styling

  • scp-9057 [info]

  ¶ 1 occurrence
  

  .email-example .collapsible-block-folded a.collapsible-block-link 
  .email {border: solid 2px #000000; width: 88%; padding: 1px 15px; margin: 10px; box-shadow: 0 1px 3px rgba(0,0,0,.5)}
  .email-example a.collapsible-block-link {font-weight: bold;}
  .tofrom {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px maroon}

  Pages using this styling

  • scp-9057 [info]

  ¶ 1 occurrence
  

  @import url('https://api.fonts.coollabs.io/css2?family=Orbitron:wght@400..900&display=swap&family=Roboto:wght@400..700&display=swap');
  @import url('https://api.fonts.coollabs.io/css2?family=Quantico:ital,wght@0,400;0,700;1,400;1,700&display=swap');
  @import url("https://scp-wiki.wikidot.com/local--files/geminid/fonts.css");
  
  .orderwrapper {position: relative;width: auto;text-align: center;}.council1 {position: relative;top: 0;bottom: 0;left: 0;right: 0;width: 295px;height: 295px;margin: auto;background-image: url( "https://kaktuskontainer.wdfiles.com/local--files/format-hell/scp_trans.png" );background-size: 295px 295px;background-repeat: no-repeat;background-position: center;}.ordertitle {position: absolute;left: 0;right: 0;top: 38px;}.ordertitle h1 {font-size: 220%;color: #555;}.orderdescription {position: absolute;left: 0;right: 0;top: 85px;width: 100%;}.orderdescription p {font-size: 90%;color: #555;}.orderdescription h1 {font-size: 120%;color: #555;}.itemno {position: absolute;left: 0;right: 0;bottom: 27px;}.itemno h1 {font-size: 170%;color: #555;}
  
  .borderless-image .scp-image-block {
    border-bottom: none;
  }
  
  html {
    scroll-behavior: smooth;
  }
  body {
    color: rgb(var(--cream));
  }
  .info-container .collapsible-block-folded, .info-container .collapsible-block-unfolded-link {
      background: rgb(var(--red));
  }
  .info-container .collapsible-block-unfolded {
      border: 1px solid rgb(var(--red));
      background-color: rgb(var(--lblue));
  }
  .info-container .collapsible-block-folded .collapsible-block-link, .info-container .collapsible-block-link {
      background: rgb(var(--cream));
  }
  #u-author_block > p > a {
      background: rgb(var(--red));
      color: rgb(var(--cream));
  }
  .anom-bar-container, .anom-bar-container *, .acs-extra {
      font-family: 'Orbitron', var(--body-font) !important;
      font-weight: 800;
  }
  .anom-bar > div.bottom-box::before {
      background-color: rgb(var(--red));
  }
  .text-part .disrupt-class::after, .text-part .risk-class::after {
      border: 0.25rem solid rgb(var(--red));
  }
  .text-part .disrupt-class::before, .text-part .risk-class::before {
      background-color: rgb(var(--dblue));
      color: rgb(var(--cream));
  }
  .footnotes-footer .footnote-footer {
    text-indent: 0;
    font-size: .85rem;
  }
  .footnotes-footer .footnote-footer > a:first-child::after {
      content: "";
  }
  .bibitems::before, .footnotes-footer::before {
    content: none;
  }
  .bibitems, .footnotes-footer {
    border: 3px solid rgb(var(--gold));
    border-radius: 15px;
  }
  .bibitems .title, .footnotes-footer .title {
    border-radius: 5px;
    border: 1px solid rgb(var(--gold));
    color: rgb(var(--cream));
  }
  .scp-image-block.block-center {
    margin-bottom: 1em;
  }
  :is(:where(#page-content) table:not(.form), table.wiki-content-table) td {
    width: 50%;
    text-align: center;
  }
  #header h1 a::before, #license-area::after {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8' standalone='no'%3F%3E%3C!-- Generator: Adobe Illustrator 23.0.5, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_3' x='0px' y='0px' viewBox='0 0 360 360' style='enable-background:new 0 0 360 360;' xml:space='preserve' sodipodi:docname='basalt_scp_logo-for_lightmode.svg' inkscape:version='1.1.1 (3bf5ae0d25, 2021-09-20)' xmlns:inkscape='http://www.inkscape.org/namespaces/inkscape' xmlns:sodipodi='http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd' xmlns='http://www.w3.org/2000/svg' xmlns:svg='http://www.w3.org/2000/svg'%3E%3Cdefs id='defs11' /%3E%3Csodipodi:namedview id='namedview9' pagecolor='%23ffffff' bordercolor='%23111111' borderopacity='1' inkscape:pageshadow='0' inkscape:pageopacity='0' inkscape:pagecheckerboard='1' showgrid='false' inkscape:zoom='1.4722222' inkscape:cx='179.66038' inkscape:cy='180' inkscape:window-width='1366' inkscape:window-height='716' inkscape:window-x='-8' inkscape:window-y='22' inkscape:window-maximized='1' inkscape:current-layer='Layer_3' /%3E%3Cg id='g6' style='fill:%23faf2e2;fill-opacity:1'%3E%3Cpath d='M186.36,99.65v35.7h12.93L180,173.59l-19.29-38.24h12.93v-35.7c-41.55,3.25-74.27,37.97-74.27,80.35 c0,12.42,2.81,24.18,7.83,34.68l30.95-17.87l-6.47-11.2l42.76-2.41l-23.47,35.83l-6.46-11.2l-30.93,17.86 c14.54,21.1,38.86,34.93,66.42,34.93c27.56,0,51.88-13.84,66.42-34.93l-30.93-17.86l-6.46,11.2l-23.47-35.83l42.76,2.41l-6.47,11.2 l30.95,17.87c5.01-10.51,7.83-22.27,7.83-34.68C260.63,137.61,227.91,102.89,186.36,99.65z' id='path2' style='fill:%23faf2e2;fill-opacity:1' /%3E%3Cpath d='M315.26,206.85c1.71-8.68,2.62-17.66,2.62-26.85c0-60.63-39.13-112.12-93.52-130.59l-4.72-26.69H180h-39.64l-4.72,26.69 C81.25,67.88,42.12,119.37,42.12,180c0,9.19,0.91,18.16,2.62,26.85l-20.79,17.46l19.82,34.33l19.82,34.33l25.54-9.28 c24.27,21.28,56.06,34.19,90.87,34.19s66.61-12.91,90.87-34.19l25.54,9.28l19.82-34.33l19.82-34.33L315.26,206.85z M274.9,242.14 l-14.91-8.61c-17.27,25.76-46.65,42.71-79.99,42.71s-62.72-16.96-79.99-42.71l-14.91,8.61l-6.36-11.02l14.9-8.6 c-6.32-12.82-9.88-27.25-9.88-42.51c0-51.01,39.69-92.75,89.88-96.03V66.75h12.72v17.23c50.19,3.28,89.88,45.01,89.88,96.03 c0,15.26-3.56,29.69-9.88,42.51l14.9,8.6L274.9,242.14z' id='path4' style='fill:%23faf2e2;fill-opacity:1' /%3E%3C/g%3E%3C/svg%3E%0A");
  }
  
  .anom-bar-container.esoteric .text-part > .main-class::after {
    border: 0.25rem solid rgb(var(--red));
    background-color: rgb(var(--dblue));
  }
  
  .anom-bar-container.thaumiel .text-part > .main-class::after,
  .anom-bar-container.thaumiel .danger-diamond > .bottom-icon::before {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 23.0.3, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.2' baseProfile='tiny' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 200 200' xml:space='preserve'%3E%3Cg%3E%3Cpath fill='none' d='M94.7,112.4h11.1c0.7,0,1.2-0.8,0.7-1.5c-1.9-2.6-3.7-5.1-5.6-7.7c-0.4-0.5-1.1-0.5-1.5,0 c-1.9,2.6-3.7,5.1-5.6,7.7C93.5,111.6,94,112.4,94.7,112.4z'/%3E%3Cpath fill='none' d='M111.2,108.8c1.1-3.5,2.3-7.1,3.4-10.6c0.2-0.7-0.4-1.4-1.2-1.2c-3,1-6,1.9-9,2.9c-0.6,0.2-0.8,0.9-0.5,1.4 c1.9,2.6,3.7,5.1,5.6,7.7C110,109.7,110.9,109.6,111.2,108.8z'/%3E%3Cpath fill='none' d='M32.6,94.4c1.4,2.8,3.3,5.3,5.7,7.3l0,0c0.9,0.8,3.8,3,7.8,4.4c2.1,0.7,5,1.1,8.9,1.1c0.5,0,1,0,1.5,0 c6.1-0.1,12.1-1.2,17.9-3.1l6.9-2.3c1-0.3,1.5-1.4,1.2-2.3c-0.4-1.2-0.8-2.5-1.2-3.7c-0.4-1.2-1-2.5,0.2-3.5 c0.7-0.6,2.8-2.1,4.4-3.2c0.8-0.6,1-1.8,0.4-2.6L82,80.5c-3.7-5.1-8.1-9.7-13.2-13.5c-3.4-2.5-6.2-4.1-8.4-4.8 c-2.1-0.6-4.5-1.3-7.4-1.3c-3.4,0-6.9,1-10.6,3c-0.5,0.2-0.9,0.5-1.2,0.7l-0.1,0.1l-0.1,0.1l-0.1,0.1l-2.1,1.6l-0.1,0.1l-0.1,0.1 c-3.3,2.8-5.7,6.4-7,10.5c-1.1,3.4-1.4,7.1-0.9,10.6c0.1,0.5,0.3,1.1,0.4,1.6L32.6,94.4z'/%3E%3Cpath fill='none' d='M73.1,162.2l0.2,0c0.4,0,0.9-0.1,1.4-0.1c3.2-0.4,6.2-1.5,8.9-3.2c0.4-0.2,3.7-2.3,6.5-6 c1.2-1.6,2.4-4.2,3.6-7.5c2.1-6.3,3.1-13,3.1-19.7V118c0-1-0.8-1.8-1.8-1.8h-4.2c-1.3,0-2.4,0-2.9-1.4c-0.4-1-1.1-3.3-1.7-5 c-0.3-1-1.4-1.5-2.3-1.2l-5.7,1.8c-5.1,1.7-10,4-14.6,6.9c-5.1,3.3-8.8,6.3-10.5,8.8c-2.5,3.6-5.7,8.2-3.9,17.5 c0.1,0.5,0.2,1,0.3,1.4l0,0.2l0,0.1l0,0.1l0.8,2.5l0,0.1l0.1,0.1c1.6,3.9,4.3,7.3,7.7,9.9c3.5,2.5,7.5,4,11.8,4.3l0.1,0h0.1l1.9,0 H73L73.1,162.2z'/%3E%3Cpath fill='none' d='M84.9,32.6c-0.2,0.1-0.3,0.3-0.5,0.4C82,35.3,80.2,38,79,40.9c-0.2,0.4-1.6,4.1-1.7,8.7 c-0.1,2.6,0.8,6.5,2.5,11.2c2,5.5,4.8,10.7,8.3,15.5l4.2,5.7c0.6,0.9,1.8,1,2.7,0.3c0.9-0.6,1.7-1.2,2.6-1.9c1-0.7,2.2-2.1,3.7-1.4 c0.8,0.4,3,2.1,4.6,3.3c0.8,0.6,2,0.5,2.6-0.4l4.1-5.7c3.5-4.8,6.3-10,8.3-15.5c1.7-4.7,2.6-8.6,2.5-11.2c-0.1-4.5-0.2-10-7.2-16.6 c-0.2-0.2-0.3-0.3-0.5-0.4l-3.4-2.5c-0.2-0.1-0.4-0.3-0.6-0.4c-3.5-2-7.4-3-11.4-3h0c-4,0-7.9,1.1-11.4,3c-0.2,0.1-0.4,0.3-0.6,0.4 L84.9,32.6z'/%3E%3Cpath fill='none' d='M85.9,98.3c1.1,3.5,2.3,7.1,3.4,10.6c0.2,0.7,1.2,0.9,1.6,0.3c1.9-2.6,3.7-5.1,5.6-7.7 c0.4-0.5,0.1-1.2-0.5-1.4l-9-2.9C86.4,96.9,85.7,97.6,85.9,98.3z'/%3E%3Cpath fill='none' d='M97.4,96.5c0.6,0.2,1.2-0.2,1.2-0.9c0-3.2,0-6.3,0-9.5c0-0.7-0.8-1.2-1.4-0.7l-9,6.5c-0.6,0.4-0.5,1.4,0.3,1.6 C91.4,94.6,94.4,95.6,97.4,96.5z'/%3E%3Cpath fill='none' d='M103.5,96.5l9-2.9c0.7-0.2,0.9-1.2,0.3-1.6c-3-2.2-6-4.4-9-6.5c-0.6-0.4-1.4,0-1.5,0.7c0,3.2,0,6.3,0,9.5 C102.3,96.3,102.9,96.7,103.5,96.5z'/%3E%3Cpath fill='none' d='M150.6,148l2-6.2c0.2-2.4,0-4.7-0.6-7.1c-0.1-0.4-1.1-4.3-3.7-8.1c-2.4-3.5-8.9-8.2-18-13.2 c-0.4-0.2-0.7-0.4-1.1-0.5l-13.6-4.4c-0.1,0-0.2,0-0.2,0.1c-0.3,0.8-1.4,4.3-2,6.1c-0.4,1.1-0.9,1.9-2.2,2 c-2.3,0.1-4.6,0.1-6.9,0.1c-0.1,0-0.2,0.1-0.2,0.2v15.6c0,0.4,0,0.9,0.1,1.3c1.9,9.5,4.3,16.6,6.8,19.9c2.3,3,5.1,6.6,11.7,8.4 l8.4,0C140,162.2,147.9,156.5,150.6,148z'/%3E%3Cpath fill='none' d='M170.5,84.3c0-2.4-0.3-4.9-1.1-7.2c-1.3-4.1-3.8-7.7-7-10.5l-0.1-0.1l-0.1-0.1l-2.1-1.6l-0.1-0.1l-0.1-0.1 l-0.1-0.1c-0.4-0.2-0.8-0.5-1.2-0.7c-2.9-1.5-5.9-2.5-9.1-2.7c-0.1,0-0.6,0-1.3,0c-1.8,0-4.6,0.2-7.6,1.1c-2.5,0.8-6,2.9-10,6 c-4.6,3.6-8.7,7.9-12.1,12.6l-4,5.5c-0.6,0.8-0.4,2,0.4,2.6c0.8,0.6,1.6,1.1,2.4,1.7c0.9,0.6,2.5,1.5,2.8,2.7 c0.1,0.5-0.1,0.9-0.2,1.4c-0.5,1.6-1,3.1-1.5,4.7c-0.3,1,0.2,2,1.2,2.3l7,2.3c5.8,1.9,11.9,3,18,3.1c0.5,0,1,0,1.5,0 c3.9,0,6.8-0.4,8.9-1.1c3.9-1.4,8.8-3.1,12.7-10.3l2.1-6.6C170.1,87.6,170.4,86,170.5,84.3z'/%3E%3Cpath fill='%23faf2e2' d='M166.5,60.4L166.5,60.4l-49.8-36.2c-9.8-7.1-22.9-7.1-32.7,0L34,60.4c-9.8,7.1-13.8,19.6-10.1,31l19,58.8 c3.7,11.5,14.4,19.3,26.5,19.3l61.7,0c12.1,0,22.7-7.7,26.5-19.3l19-58.9C180.3,80,176.2,67.5,166.5,60.4z M169.6,89.2l-2.1,6.6 c-4,7.2-8.8,8.9-12.7,10.3c-2.1,0.7-5,1.1-8.9,1.1c-0.5,0-1,0-1.5,0c-6.1-0.1-12.1-1.2-18-3.1l-7-2.3c-1-0.3-1.5-1.4-1.2-2.3 c0.5-1.6,1-3.1,1.5-4.7c0.1-0.5,0.3-0.9,0.2-1.4c-0.2-1.2-1.9-2-2.8-2.7c-0.8-0.6-1.6-1.1-2.4-1.7c-0.8-0.6-1-1.8-0.4-2.6l4-5.5 c3.4-4.7,7.5-9,12.1-12.6c4.1-3.2,7.5-5.3,10-6c3-0.9,5.8-1.1,7.6-1.1c0.7,0,1.2,0,1.3,0c3.2,0.3,6.3,1.2,9.1,2.7 c0.5,0.2,0.8,0.5,1.2,0.7l0.1,0.1l0.1,0.1l0.1,0.1l2.1,1.6l0.1,0.1l0.1,0.1c3.3,2.8,5.7,6.4,7,10.5c0.8,2.4,1.1,4.8,1.1,7.2 C170.4,86,170.1,87.6,169.6,89.2z M50.5,148l-0.1-0.1l0-0.1l-0.8-2.5l0-0.1l0-0.1l0-0.2c-0.1-0.4-0.2-0.9-0.3-1.4 c-1.7-9.3,1.4-13.9,3.9-17.5c1.7-2.5,5.4-5.5,10.5-8.8c4.5-2.9,9.4-5.2,14.6-6.9l5.7-1.8c1-0.3,2,0.2,2.3,1.2c0.5,1.7,1.3,4,1.7,5 c0.6,1.4,1.7,1.4,2.9,1.4h4.2c1,0,1.8,0.8,1.8,1.8v7.7c0,6.7-1,13.4-3.1,19.7c-1.1,3.3-2.3,5.9-3.6,7.5c-2.8,3.7-6.1,5.8-6.5,6 c-2.7,1.7-5.7,2.7-8.9,3.2c-0.5,0.1-1,0.1-1.4,0.1l-0.2,0l-0.1,0h-0.9l-1.9,0h-0.1l-0.1,0c-4.2-0.3-8.3-1.8-11.8-4.3 C54.7,155.4,52.1,152,50.5,148z M38.3,101.7L38.3,101.7c-2.4-2-4.3-4.5-5.7-7.3l-1.7-5.1c-0.2-0.5-0.3-1.1-0.4-1.6 c-0.5-3.5-0.3-7.2,0.9-10.6c1.3-4.1,3.8-7.7,7-10.5l0.1-0.1l0.1-0.1l2.1-1.6l0.1-0.1l0.1-0.1l0.1-0.1c0.4-0.2,0.8-0.5,1.2-0.7 c3.7-2,7.2-3,10.6-3c2.9,0,5.3,0.7,7.4,1.3c2.2,0.7,5.1,2.3,8.4,4.8c5.1,3.8,9.5,8.4,13.2,13.5l4.3,5.9c0.6,0.8,0.4,2-0.4,2.6 c-1.5,1.1-3.6,2.6-4.4,3.2c-1.2,1-0.6,2.3-0.2,3.5c0.4,1.2,0.8,2.5,1.2,3.7c0.3,1-0.2,2-1.2,2.3l-6.9,2.3c-5.8,1.9-11.8,3-17.9,3.1 c-0.5,0-1,0-1.5,0c-3.9,0-6.8-0.4-8.9-1.1C42.1,104.7,39.2,102.5,38.3,101.7z M111.7,29.8c0.2,0.1,0.4,0.3,0.6,0.4l3.4,2.5 c0.2,0.1,0.3,0.3,0.5,0.4c6.9,6.6,7,12.1,7.2,16.6c0.1,2.6-0.8,6.5-2.5,11.2c-2,5.5-4.8,10.7-8.3,15.5l-4.1,5.7 c-0.6,0.8-1.8,1-2.6,0.4c-1.6-1.2-3.9-2.9-4.6-3.3c-1.4-0.6-2.6,0.7-3.7,1.4c-0.9,0.6-1.7,1.2-2.6,1.9c-0.8,0.7-2,0.5-2.7-0.3 l-4.2-5.7c-3.5-4.8-6.3-10-8.3-15.5c-1.7-4.7-2.6-8.6-2.5-11.2c0.1-4.6,1.6-8.3,1.7-8.7c1.2-3,3-5.6,5.4-7.9 c0.2-0.2,0.3-0.3,0.5-0.4l3.4-2.5c0.2-0.1,0.4-0.3,0.6-0.4c3.5-2,7.4-3,11.4-3h0C104.3,26.7,108.2,27.8,111.7,29.8z M96.1,100 c0.6,0.2,0.8,0.9,0.5,1.4c-1.9,2.6-3.7,5.1-5.6,7.7c-0.4,0.6-1.4,0.5-1.6-0.3c-1.1-3.5-2.3-7.1-3.4-10.6c-0.2-0.7,0.4-1.4,1.2-1.2 L96.1,100z M88.2,92l9-6.5c0.6-0.4,1.5,0,1.4,0.7c0,3.2,0,6.3,0,9.5c0,0.6-0.6,1.1-1.2,0.9c-3-1-6-1.9-9-2.9 C87.7,93.4,87.6,92.4,88.2,92z M94,111c1.9-2.6,3.7-5.1,5.6-7.7c0.4-0.5,1.1-0.5,1.5,0c1.9,2.6,3.7,5.1,5.6,7.7 c0.4,0.6,0,1.5-0.7,1.5H94.7C94,112.4,93.5,111.6,94,111z M102.3,95.7c0-3.2,0-6.3,0-9.5c0-0.7,0.8-1.2,1.5-0.7c3,2.2,6,4.4,9,6.5 c0.6,0.4,0.5,1.4-0.3,1.6l-9,2.9C102.9,96.7,102.3,96.3,102.3,95.7z M104,101.4c-0.4-0.5-0.1-1.2,0.5-1.4c3-1,6-1.9,9-2.9 c0.7-0.2,1.4,0.4,1.2,1.2c-1.1,3.5-2.3,7.1-3.4,10.6c-0.2,0.7-1.2,0.9-1.6,0.3C107.7,106.5,105.8,104,104,101.4z M152.6,141.8 l-2,6.2c-2.7,8.5-10.5,14.2-19.4,14.2l-8.4,0c-6.6-1.8-9.4-5.4-11.7-8.4c-2.5-3.3-4.8-10.4-6.8-19.9c-0.1-0.4-0.1-0.9-0.1-1.3V117 c0-0.1,0.1-0.2,0.2-0.2c2.3,0,4.6,0,6.9-0.1c1.3-0.1,1.8-0.8,2.2-2c0.6-1.8,1.7-5.2,2-6.1c0-0.1,0.1-0.1,0.2-0.1l13.6,4.4 c0.4,0.1,0.8,0.3,1.1,0.5c9.1,5,15.5,9.7,18,13.2c2.6,3.8,3.6,7.7,3.7,8.1C152.6,137.1,152.8,139.5,152.6,141.8z'/%3E%3C/g%3E%3C/svg%3E%0A");
  }
  .anom-bar-container.esoteric .text-part > .main-class::before,
  .anom-bar-container.esoteric .danger-diamond > .top-icon::before {
      background-color: rgb(var(--dblue));
      background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 23.0.3, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.2' baseProfile='tiny' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 200 200' xml:space='preserve'%3E%3Cg%3E%3Cpath fill='none' d='M97.4,70.4c-0.7-0.6-1.8-0.6-2.5,0l-51.2,47.7l3.1-0.4c1-0.1,1.9,0.6,2,1.6l0,0c0.1,1-0.6,1.9-1.6,2l-4.7,0.6 c-0.9,0.1-1.5-0.4-1.9-1l-1.4,1.3c-0.8,0.7-0.8,2,0,2.7l57.4,52l0.1-0.1c0.6-0.8,1.8-0.9,2.6-0.3h0c0.2,0.1,0.3,0.3,0.4,0.5 l3.4-3.1c-0.5,0.1-1.1,0-1.6-0.3h0c-0.8-0.6-0.9-1.8-0.3-2.6l2.3-2.9c0.6-0.8,1.8-0.9,2.6-0.3v0c0.8,0.6,0.9,1.8,0.3,2.6l-1.5,2 l52.4-47.4c0.8-0.7,0.8-2,0-2.8L97.4,70.4z M58.2,120.7l-3.6,0.1c-0.9,0-1.7-0.7-1.8-1.6l-0.2-1.9l0,0l0-0.1l0-0.1l0,0l-0.2-3.1 c-0.1-1,0.7-1.9,1.7-1.9l0,0c1,0,1.8,0.7,1.9,1.7l0.1,1.5c0.1,1,0.9,1.7,1.8,1.7l0.2,0c1,0,1.8,0.8,1.8,1.8 C60,119.9,59.2,120.7,58.2,120.7z M71,118.9c0,1-0.8,1.8-1.8,1.8h-3.7c-1,0-1.8-0.8-1.8-1.8v0c0-1,0.8-1.8,1.8-1.8h3.7 C70.1,117.1,71,117.9,71,118.9L71,118.9z M82,118.9c0,1-0.8,1.8-1.8,1.8h-3.7c-1,0-1.8-0.8-1.8-1.8v0c0-1,0.8-1.8,1.8-1.8h3.7 C81.2,117.1,82,117.9,82,118.9L82,118.9z M93.1,118.9c0,1-0.8,1.8-1.8,1.8h-3.7c-1,0-1.8-0.8-1.8-1.8v0c0-1,0.8-1.8,1.8-1.8h3.7 C92.3,117.1,93.1,117.9,93.1,118.9L93.1,118.9z M105.1,118.9c0,1-0.8,1.8-1.8,1.8h-3.7c-1,0-1.8-0.8-1.8-1.8v0c0-1,0.8-1.8,1.8-1.8 h3.7C104.2,117.1,105.1,117.9,105.1,118.9L105.1,118.9z M130.9,118.9c0-1,0.8-1.8,1.8-1.8h3.7c1,0,1.8,0.8,1.8,1.8v0 c0,1-0.8,1.8-1.8,1.8h-3.7C131.7,120.7,130.9,119.9,130.9,118.9L130.9,118.9z M119.8,118.9c0-1,0.8-1.8,1.8-1.8h3.7 c1,0,1.8,0.8,1.8,1.8v0c0,1-0.8,1.8-1.8,1.8h-3.7C120.6,120.7,119.8,119.9,119.8,118.9L119.8,118.9z M113.3,161.8l-2.3,2.9 c-0.6,0.8-1.8,0.9-2.6,0.3h0c-0.8-0.6-0.9-1.8-0.3-2.6l2.3-2.9c0.6-0.8,1.8-0.9,2.6-0.3C113.8,159.9,113.9,161,113.3,161.8z M110.6,120.7c-1,0-1.8-0.8-1.8-1.8v0c0-1,0.8-1.8,1.8-1.8h3.7c1,0,1.8,0.8,1.8,1.8v0c0,1-0.8,1.8-1.8,1.8H110.6z M120.1,153.1 l-2.3,2.9c-0.6,0.8-1.8,0.9-2.6,0.3h0c-0.8-0.6-0.9-1.8-0.3-2.6l2.3-2.9c0.6-0.8,1.8-0.9,2.6-0.3h0 C120.6,151.2,120.8,152.3,120.1,153.1z M127,144.4l-2.3,2.9c-0.6,0.8-1.8,0.9-2.6,0.3v0c-0.8-0.6-0.9-1.8-0.3-2.6l2.3-2.9 c0.6-0.8,1.8-0.9,2.6-0.3C127.4,142.5,127.6,143.6,127,144.4z M133.8,135.7l-2.3,2.9c-0.6,0.8-1.8,0.9-2.6,0.3 c-0.8-0.6-0.9-1.8-0.3-2.6l2.3-2.9c0.6-0.8,1.8-0.9,2.6-0.3v0C134.3,133.8,134.4,134.9,133.8,135.7z M140.6,127l-2.3,2.9 c-0.6,0.8-1.8,0.9-2.6,0.3h0c-0.8-0.6-0.9-1.8-0.3-2.6l2.3-2.9c0.6-0.8,1.8-0.9,2.6-0.3l0,0C141.1,125.1,141.2,126.2,140.6,127z M146.5,118.9c0,0.4-0.1,0.8-0.4,1.1l-0.9,1.2c-0.6,0.8-1.8,0.9-2.6,0.3c-0.8-0.6-0.9-1.8-0.3-2.6l0.2-0.2c0.3-0.3,0.4-0.7,0.4-1.1 v-1.5c0-1,0.8-1.8,1.8-1.8h0c1,0,1.8,0.8,1.8,1.8V118.9z'/%3E%3Cpath fill='none' d='M64.3,39.3L98,60.8c0,0,0,0,0,0c0.2,0.1,0.3,0.2,0.4,0.3l24.4,21.1c1,0.9,2.5,0.4,3-0.8L140,38.4 c0.4-1.2-0.5-2.4-1.8-2.4h-73C63.4,35.9,62.7,38.4,64.3,39.3z'/%3E%3Cpath fill='none' d='M43.7,108.2l8-7.4c0-0.1-0.1-0.3-0.1-0.4l-0.2-3.7c0-1,0.7-1.9,1.8-1.9l0,0c1,0,1.9,0.7,1.9,1.8l0,1l18.2-16.9 c0.8-0.7-0.1-1.9-1-1.5L54.6,87l0.1,2.5c0,1-0.7,1.9-1.8,1.9l0,0c-1,0-1.9-0.7-1.9-1.7l-8.8,17.4C41.8,108,42.9,108.8,43.7,108.2z' /%3E%3Cpath fill='none' d='M147.5,50.6c-0.1-0.6-0.5-1-1-1.3c-0.1,0.9-0.9,1.7-1.8,1.7c-0.3,0-0.6-0.1-0.9-0.3l-12.5,37.8 c-0.2,0.7,0,1.5,0.5,2l24.5,21.2c1.3,1.2,3.4,0,3-1.8L147.5,50.6z M146.5,96.6c0,1-0.8,1.8-1.8,1.8c-1,0-1.8-0.8-1.8-1.8v-4.2 c0-1,0.8-1.8,1.8-1.8c1,0,1.8,0.8,1.8,1.8V96.6z M146.5,84.8c0,1-0.8,1.8-1.8,1.8c-1,0-1.8-0.8-1.8-1.8v-4.2c0-1,0.8-1.8,1.8-1.8 c1,0,1.8,0.8,1.8,1.8V84.8z M146.5,72.9c0,1-0.8,1.8-1.8,1.8c-1,0-1.8-0.8-1.8-1.8v-4.2c0-1,0.8-1.8,1.8-1.8c1,0,1.8,0.8,1.8,1.8 V72.9z M146.5,61c0,1-0.8,1.8-1.8,1.8c-1,0-1.8-0.8-1.8-1.8v-4.2c0-1,0.8-1.8,1.8-1.8c1,0,1.8,0.8,1.8,1.8V61z'/%3E%3Cpath fill='none' d='M54.2,78.9l30.5-13.7c1.3-0.6,1.5-2.4,0.2-3.2L54.4,42.6c-1.2-0.8-2.8,0.1-2.8,1.6v33.1 C51.6,78.5,53,79.4,54.2,78.9z'/%3E%3Cg%3E%3Cpath fill='%23faf2e2' d='M168.2,118.2l-16.4-82.2c-0.9-4.3-4.7-7.5-9.1-7.5H53.5c-5.1,0-9.3,4.2-9.3,9.3v47.6l-15.5,30.6 c-1.9,3.7-1,8.3,2.1,11.1l60.8,55.1c0.9,0.8,1.8,1.4,2.9,1.8c3.4,1.3,7.1,0.5,9.7-1.8l61.2-55.4 C167.7,124.8,168.8,121.4,168.2,118.2z M65.2,35.9h73c1.3,0,2.1,1.2,1.8,2.4l-14.2,43.1c-0.4,1.3-2,1.7-3,0.8L98.5,61.1 c-0.1-0.1-0.3-0.2-0.4-0.3c0,0,0,0,0,0L64.3,39.3C62.7,38.4,63.4,35.9,65.2,35.9z M51.6,44.1c0-1.5,1.6-2.3,2.8-1.6L85,62 c1.2,0.8,1.1,2.6-0.2,3.2L54.2,78.9c-1.2,0.5-2.6-0.3-2.6-1.7V44.1z M42.2,107.1L51,89.7c0.1,1,0.9,1.8,1.9,1.7l0,0 c1,0,1.8-0.9,1.8-1.9L54.6,87L72.3,79c0.9-0.4,1.7,0.8,1,1.5L55.1,97.5l0-1c0-1-0.9-1.8-1.9-1.8l0,0c-1,0-1.8,0.9-1.8,1.9l0.2,3.7 c0,0.1,0,0.3,0.1,0.4l-8,7.4C42.9,108.8,41.8,108,42.2,107.1z M157.3,125.1l-52.4,47.4l1.5-2c0.6-0.8,0.5-2-0.3-2.6v0 c-0.8-0.6-2-0.5-2.6,0.3l-2.3,2.9c-0.6,0.8-0.5,2,0.3,2.6h0c0.5,0.4,1,0.5,1.6,0.3l-3.4,3.1c-0.1-0.2-0.3-0.4-0.4-0.5h0 c-0.8-0.6-2-0.5-2.6,0.3l-0.1,0.1l-57.4-52c-0.8-0.7-0.8-2,0-2.7l1.4-1.3c0.3,0.7,1,1.1,1.9,1l4.7-0.6c1-0.1,1.7-1,1.6-2l0,0 c-0.1-1-1-1.7-2-1.6l-3.1,0.4l51.2-47.7c0.7-0.6,1.8-0.7,2.5,0l59.9,51.9C158.1,123.1,158.1,124.4,157.3,125.1z M156.3,111.8 l-24.5-21.2c-0.6-0.5-0.8-1.3-0.5-2l12.5-37.8c0.3,0.2,0.6,0.3,0.9,0.3c1,0,1.7-0.7,1.8-1.7c0.5,0.2,0.8,0.6,1,1.3l11.9,59.4 C159.7,111.7,157.7,112.9,156.3,111.8z'/%3E%3Cpath fill='%23faf2e2' d='M144.7,78.7c-1,0-1.8,0.8-1.8,1.8v4.2c0,1,0.8,1.8,1.8,1.8c1,0,1.8-0.8,1.8-1.8v-4.2 C146.5,79.5,145.7,78.7,144.7,78.7z'/%3E%3Cpath fill='%23faf2e2' d='M144.7,66.8c-1,0-1.8,0.8-1.8,1.8v4.2c0,1,0.8,1.8,1.8,1.8c1,0,1.8-0.8,1.8-1.8v-4.2 C146.5,67.7,145.7,66.8,144.7,66.8z'/%3E%3Cpath fill='%23faf2e2' d='M144.7,55c-1,0-1.8,0.8-1.8,1.8V61c0,1,0.8,1.8,1.8,1.8c1,0,1.8-0.8,1.8-1.8v-4.2 C146.5,55.8,145.7,55,144.7,55z'/%3E%3Cpath fill='%23faf2e2' d='M144.7,90.6c-1,0-1.8,0.8-1.8,1.8v4.2c0,1,0.8,1.8,1.8,1.8c1,0,1.8-0.8,1.8-1.8v-4.2 C146.5,91.4,145.7,90.6,144.7,90.6z'/%3E%3Cpath fill='%23faf2e2' d='M144.7,114.3L144.7,114.3c-1,0-1.8,0.8-1.8,1.8v1.5c0,0.4-0.1,0.8-0.4,1.1l-0.2,0.2 c-0.6,0.8-0.5,2,0.3,2.6c0.8,0.6,2,0.5,2.6-0.3l0.9-1.2c0.3-0.3,0.4-0.7,0.4-1.1v-2.8C146.5,115.1,145.7,114.3,144.7,114.3z'/%3E%3Cpath fill='%23faf2e2' d='M113,159.3c-0.8-0.6-2-0.5-2.6,0.3l-2.3,2.9c-0.6,0.8-0.5,2,0.3,2.6h0c0.8,0.6,2,0.5,2.6-0.3l2.3-2.9 C113.9,161,113.8,159.9,113,159.3z'/%3E%3Cpath fill='%23faf2e2' d='M133.5,133.1L133.5,133.1c-0.8-0.6-2-0.5-2.6,0.3l-2.3,2.9c-0.6,0.8-0.5,2,0.3,2.6c0.8,0.6,2,0.5,2.6-0.3 l2.3-2.9C134.4,134.9,134.3,133.8,133.5,133.1z'/%3E%3Cpath fill='%23faf2e2' d='M119.8,150.6L119.8,150.6c-0.8-0.6-2-0.5-2.6,0.3l-2.3,2.9c-0.6,0.8-0.5,2,0.3,2.6h0 c0.8,0.6,2,0.5,2.6-0.3l2.3-2.9C120.8,152.3,120.6,151.2,119.8,150.6z'/%3E%3Cpath fill='%23faf2e2' d='M140.3,124.4L140.3,124.4c-0.8-0.6-2-0.5-2.6,0.3l-2.3,2.9c-0.6,0.8-0.5,2,0.3,2.6h0 c0.8,0.6,2,0.5,2.6-0.3l2.3-2.9C141.2,126.2,141.1,125.1,140.3,124.4z'/%3E%3Cpath fill='%23faf2e2' d='M126.6,141.8c-0.8-0.6-2-0.5-2.6,0.3l-2.3,2.9c-0.6,0.8-0.5,2,0.3,2.6v0c0.8,0.6,2,0.5,2.6-0.3l2.3-2.9 C127.6,143.6,127.4,142.5,126.6,141.8z'/%3E%3Cpath fill='%23faf2e2' d='M80.2,117.1h-3.7c-1,0-1.8,0.8-1.8,1.8v0c0,1,0.8,1.8,1.8,1.8h3.7c1,0,1.8-0.8,1.8-1.8v0 C82,117.9,81.2,117.1,80.2,117.1z'/%3E%3Cpath fill='%23faf2e2' d='M69.1,117.1h-3.7c-1,0-1.8,0.8-1.8,1.8v0c0,1,0.8,1.8,1.8,1.8h3.7c1,0,1.8-0.8,1.8-1.8v0 C71,117.9,70.1,117.1,69.1,117.1z'/%3E%3Cpath fill='%23faf2e2' d='M91.2,117.1h-3.7c-1,0-1.8,0.8-1.8,1.8v0c0,1,0.8,1.8,1.8,1.8h3.7c1,0,1.8-0.8,1.8-1.8v0 C93.1,117.9,92.3,117.1,91.2,117.1z'/%3E%3Cpath fill='%23faf2e2' d='M132.7,120.7h3.7c1,0,1.8-0.8,1.8-1.8v0c0-1-0.8-1.8-1.8-1.8h-3.7c-1,0-1.8,0.8-1.8,1.8v0 C130.9,119.9,131.7,120.7,132.7,120.7z'/%3E%3Cpath fill='%23faf2e2' d='M121.7,120.7h3.7c1,0,1.8-0.8,1.8-1.8v0c0-1-0.8-1.8-1.8-1.8h-3.7c-1,0-1.8,0.8-1.8,1.8v0 C119.8,119.9,120.6,120.7,121.7,120.7z'/%3E%3Cpath fill='%23faf2e2' d='M103.2,117.1h-3.7c-1,0-1.8,0.8-1.8,1.8v0c0,1,0.8,1.8,1.8,1.8h3.7c1,0,1.8-0.8,1.8-1.8v0 C105.1,117.9,104.2,117.1,103.2,117.1z'/%3E%3Cpath fill='%23faf2e2' d='M116.1,118.9L116.1,118.9c0-1-0.8-1.8-1.8-1.8h-3.7c-1,0-1.8,0.8-1.8,1.8v0c0,1,0.8,1.8,1.8,1.8h3.7 C115.3,120.7,116.1,119.9,116.1,118.9z'/%3E%3Cpath fill='%23faf2e2' d='M58.1,117.1l-0.2,0c-1,0-1.8-0.7-1.8-1.7l-0.1-1.5c-0.1-1-0.9-1.7-1.9-1.7l0,0c-1,0-1.8,0.9-1.7,1.9 l0.2,3.1l0,0l0,0.1l0,0.1l0,0l0.2,1.9c0.1,0.9,0.9,1.6,1.8,1.6l3.6-0.1c1,0,1.8-0.8,1.8-1.8C60,117.9,59.1,117,58.1,117.1z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    -webkit-filter: none;
    filter: none;
  }
  
  .anom-bar-container.esoteric .text-part > .main-class::before {
      background-color: rgb(var(--dblue));
      border-color: rgb(var(--red));
  }
  
  .danger-diamond > .top-icon, .danger-diamond > .right-icon, .danger-diamond > .left-icon, .danger-diamond > .bottom-icon {
    border: 0.1875rem solid rgb(var(--red));
  }
  
  div.rate-box-with-credit-button {
    border: 1px solid rgb(var(--gold));
    border-radius: 10px;
    margin-bottom: 2rem;
  }
  a[name="page-top"] {
    display:none;
  }
  a:any-link:is(:hover, :focus) {
    text-decoration: none;
  }
  #main-content .pager span > a::before {
    background-color: rgb(var(--red));
  }
  div[id*="page-options-bottom"], #footer {
    background-color: rgb(var(--lblue));
    border-top: solid 2px rgb(var(--red));
  }
  #delete-button {
    background-color: rgb(var(--red),.105);
  }
  #side-bar {
    background-color: rgb(var(--lblue));
  }
  #license-area::before {
    background: rgba(var(--cream), 1);
  }
  blockquote {
    text-align: center;
    border-radius: 1em;
    background-color: rgb(var(--dblue));
  }
  .blockquote {
    border-radius: 15px;
  }
  :root {
    --basalt-main-text-color: var(--cream);
    --rate-module-text-color: var(--cream);
    --footnote-background-color: var(--lblue);
    --barColour: rgb(var(--red));
    --image-caption-text-color: var(--cream);
    --image-caption-background-color: var(--dblue);
    --blockquote-border-color: var(--gold);
    --header-title-color: var(--cream);
    --basalt-UI-text-color: var(--cream);
    --header-subtitle-color: var(--cream);
    --header-title-color: var(--cream);
    --side-bar-heading-background-color: var(--dblue);
    --side-bar-heading-text-color: var(--cream);
    --link-color: var(--gold);
    --tag-background-color: var(--lblue);
    --rate-module-background-color: var(--lblue);
    --basalt-UI-dark-palette: var(--red);
    --search-icon-color: var(--cream);
    --hr-color: var(--gold);
    --bottom-area-background-color: var(--lblue);
    --side-bar-button-color: var(--cream);
    --login-status-background-color: var(--lblue);
    --user-icon-button-background-hover: var(--red);
    --basalt-ui-background-color: var(--lblue);
    --basalt-negative-color: var(--red);
    --basalt-focus-color: var(--red) !important;
    --basalt-dark-element-color: var(--cream);
    --basalt-undertone: var(--cream);
    --login-status-link-background-hover: var(--red);
    --top-bar-link-background-hover: var(--red);
    --header-background-color: var(--lblue);
    --top-bar-link-background-hover-alt: var(--dblue);
    --scrollbar-thumb-color: var(--gold);
    --scrollbar-track-color: var(--lblue);
    --selection-background-color: var(--red);
    --side-bar-link-background-hover: var(--red);
    --c-stargaze: 'CIRCLE-STARGAZE';
    --s-stargaze: 'SQUARE-STARGAZE';
    --gold: 221,190,153;
    --cream: 250,242,226;
    --lblue: 15,16,24;
    --dblue: 4,3,4;
    --red: 83,61,72;
  }
  body {
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    background-color: rgb(var(--dblue),1);
    background-image: url(https://scp-wiki.wikidot.com/local--files/scp-9054/Core.jpg);
    background-size: cover;
    background-attachment: fixed;
    margin: 0;
    position: relative;
  }
  .header h1 {
    letter-spacing: .25em;
    font-weight: 600;
    text-shadow: 1px 1px 10px rgba(var(--gold), 1);
  }
  h1, h2, h3, h4, #page-title {
    font-family: 'Orbitron', Sans-Serif;
    color: rgba(var(--cream), 1);
    text-shadow: 1px 1px 10px rgba(var(--dblue), 1);
    font-weight: 400;
  }
  p, td {
    font-size: 1rem;
    padding: 0em 1em;
  }
  @media (max-width: 600px) {
    .header h1 {
      font-size: clamp(1.5rem, 1vw, 1rem);
    }
    p {
      font-size: clamp(.85rem, 1vw, 1rem);
    }
  }
  .article {
    padding: 1em 1em;
    background-color: rgb(var(--lblue));
    border: 3px solid rgb(var(--gold), 1);
    border-radius: 15px;
    position: relative;
  }
  
  .intro {
    background-color: rgb(var(--lblue));
    border: 3px solid rgb(var(--gold), 1);
    border-radius: 30px;
    text-align: center;
    padding: 1em 1em;
  }
  body,html {
    font-family: "Quantico", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
  }
  a {
    text-transform: uppercase;
    text-decoration: none;
    display: inline-block;
    position: relative;
  }
  a:after {
    bottom: 0;
    content: "";
    display: block;
    height: 2px;
    left: 50%;
    position: absolute;
    background: rgba(var(--cream), 1);
    transition: width 0.3s ease 0s, left 0.3s ease 0s;
    width: 0;
  }
  a:hover:after {
    width: 100%;
    left: 0;
  }
  .icon {
    max-width: 50%;
  }
  @media screen and (max-height: 300px) {
    ul {
      margin-top: 40px;
    }
  }
  a, a:visited {
    color: rgba(var(--cream), 1);
  }
   
  .danger-diamond > .arrows {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.2' baseProfile='tiny' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 160 160' xml:space='preserve'%3E%3Cpath fill='%23faf2e2' d='M136.1,133.3l23.9-23.9V51.2l-24-24l19.1-19.1l4.9,4.9l0-12.9l-12.9,0l4.9,4.9L133,24.2l-24-24H51l-24,24 L8,5.2l4.9-4.9L0,0.2l0,12.9l4.9-4.9L24,27.3l-24,24v58.2l23.9,23.9l-19,19L0,147.3l0,12.9l12.9,0L8,155.3l19-19l23.9,23.9h58.4 l23.9-23.9l19,19l-4.9,4.9l12.9,0l0-12.9l-4.9,4.9L136.1,133.3z M155.7,53v54.6l-22.6,22.6l-50-50L133,30.3L155.7,53z M52.8,4.5 h54.4l22.7,22.7L80,77.2L30.1,27.3L52.8,4.5z M4.3,107.6V53L27,30.3L77,80.2l-50,50L4.3,107.6z M107.4,155.9H52.6L30,133.3l50-50 l50,50L107.4,155.9z'/%3E%3C/svg%3E") !important;
  }
  
  .fncon {
      color: rgb(var(--basalt-main-text-color));
  }
  .custom img {
      background-color: #eee;
  }
  
  .main {
      font-size: .85em;
      margin: auto;
      width: 80%;
  }
  
  :root {
      --white-monochrome: 13,13,15;
      --body-font-primary: 'Jetbrains Mono';
      --header-logo: url(https://scp-wiki.wdfiles.com/local--files/component%3Aobject-warning-box-source/scp-logo.svg);
  }
  .collapsible-block-content div {
    text-align: center;
  }
  #u-comments2 {
    display:block !important;
  }
  .collapsible-block-content > hr:nth-of-type(2) {
    display: none;
  }
  .danger-diamond a {
    color: rgba(0,0,0,0) !important;
  }
  .top-left-box > .number {
      font-size: 3em;
  }
  .top-right-box > .level {
      font-size: 2em;
  }
  @media (max-width: 767px) {
      .main {
          width: 100%;
      }
  }

  Pages using this styling

  • scp-9054 [info]

  ¶ 1 occurrence
  

  .bar-one {
      --four-color: 180, 180, 180, 0.5;
      -webkit-backdrop-filter: blur(var(--basalt-UI-blur));
      backdrop-filter: blur(var(--basalt-UI-blur));
  }
  .bar-two {
      --four-color: 150, 150, 150, 0.4;
      -webkit-backdrop-filter: blur(var(--basalt-UI-blur));
      backdrop-filter: blur(var(--basalt-UI-blur));
  }
  .bar-three {
      --four-color: 120, 120, 120, 0.3;
      -webkit-backdrop-filter: blur(var(--basalt-UI-blur));
      backdrop-filter: blur(var(--basalt-UI-blur));
  }
  .bar-four {
      --four-color: 90, 90, 90, 0.2;
      -webkit-backdrop-filter: blur(var(--basalt-UI-blur));
      backdrop-filter: blur(var(--basalt-UI-blur));
  }
  .bar-five {
      --four-color: 60, 60, 60, 0.1;
      -webkit-backdrop-filter: blur(var(--basalt-UI-blur));
      backdrop-filter: blur(var(--basalt-UI-blur));
  }
  .bottom-box {
      background-color: rgb(var(--glass-color), 0);    
      -webkit-backdrop-filter: blur(var(--basalt-UI-blur));
      backdrop-filter: blur(var(--basalt-UI-blur));
  }

  Pages using this styling

  • scp-9050 [info]

  ¶ 1 occurrence
  

  
  @import url('https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
  
  @import url('https://fonts.googleapis.com/css2?family=VT323&display=swap');
  
  @import url('https://fonts.googleapis.com/css2?family=Coming+Soon&display=swap');
  
  :root {
      --basalt-primary-color: 0, 0, 0;
      --basalt-secondary-color: 12, 12, 12;
      --basalt-tertiary-color: 20, 20, 20;
      --basalt-main-text-color: 180, 180, 180;
      --general-border-color: 25, 25, 25;
      --glass-color: 0, 0, 0;
      --swatch-menubg-black-color: 25, 25, 25;
      --swatch-menubg-dark-color: 66, 66, 66;
      --swatch-menutxt-dark-color: 50, 50, 50;
      --basalt-UI-blur: 0.08rem;
      --basalt-UI-opacity: 0.5;
      --header-font: 'Secular One', sans-serif;
      --title-font: 'Secular One', sans-serif;
      --window-radius: 0.875rem;
      --main-content-width: 50rem;
      --header-title: "SITE-03 SUPERCOMPLEX";
      --header-subtitle: "Surviving Catastrophic Paradigms";
      --header-logo: url("https://scp-wiki.wdfiles.com/local--files/scp-8020/site03.png");
  }
  
  
  
  body {
     font-family: 'Figtree', sans-serif;
     text-align: justify;
  }
  
  @media only screen and (min-width: 1020px) {
  body {
      background:
          linear-gradient(to right, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.4)),
          linear-gradient(-90deg, rgba(120, 120, 120, 0.05) 1px, transparent 1px),
          linear-gradient(rgba(120, 120, 120, 0.05) 1px, transparent 1px),
          linear-gradient(-90deg, rgba(150, 150, 150, 0.04) 1px, transparent 1px),
          linear-gradient(rgba(150,150,150,.04) 1px, transparent 1px),
          linear-gradient(transparent 3px, rgb(11, 11, 11) 3px, rgb(11, 11, 11) 78px, transparent 78px),
          linear-gradient(-90deg, #2a2a2a 1px, transparent 1px),
          linear-gradient(-90deg, transparent 3px, rgb(11, 11, 11) 3px, rgb(11, 11, 11) 78px, transparent 78px),
          linear-gradient(#2a2a2a 1px, transparent 1px),
          rgb(11, 11, 11);
      background-size:
          100% 100%,
          4px 4px,
          4px 4px,
          80px 80px,
          80px 80px,
          80px 80px,
          80px 80px,
          80px 80px,
          80px 80px;
      background-attachment: fixed;
  }}
  #header {
      background: radial-gradient(circle, rgb(var(--basalt-secondary-color)) 0%, rgb(var(--basalt-primary-color)) 100%);
      background-size: cover;
      background-repeat: no-repeat;
      background-position: 100% 50%;
      box-shadow: none;
  }
  
  glass, div.glass {
      background-color: rgb(var(--glass-color, 66, 66, 72), 0.15);
      border-radius: var(--window-radius);
      box-shadow: var(--window-shadow);   
      -webkit-backdrop-filter: blur(var(--basalt-UI-blur));
      backdrop-filter: blur(var(--basalt-UI-blur));
      padding: 0.2rem 1.5rem;  
  }
  
  email, div.email {
      background: URL('https://scp-sandbox-3.wdfiles.com/local--files/anakes/scp_logo.png');
      background-size: 40%;
      background-position: center;
      background-repeat: no-repeat;
      background-color: rgb(var(--glass-color, 66, 66, 72), 0.15);
      border-top-right-radius: var(--window-radius);
      border-bottom-right-radius: var(--window-radius);
      box-shadow: var(--window-shadow);   
      -webkit-backdrop-filter: blur(var(--basalt-UI-blur));
      backdrop-filter: blur(var(--basalt-UI-blur));
      padding: 0.2rem 1.5rem;  
  }
  
  border, div.border{
      border-top-left-radius: var(--window-radius);
      border-bottom-left-radius: var(--window-radius);
      box-shadow: var(--window-shadow);   
      background-image: url('https://scp-sandbox-3.wdfiles.com/local--files/anakes2/man.png');
      background-size: cover;
      background-position: top center;
      background-repeat: no-repeat;
  }
  
  .grid-container {
      display: grid;
      grid-template-columns: 0.3fr 1fr;
      grid-gap: 0px;
      width: 80%;
      margin: auto;
  }
  
  .addendum {
   width: fit-content;
   text-align: center;
   padding: 8px 15px;
   font-weight: 700;
   text-transform: uppercase;
   margin: 2rem auto;
   position: relative;
   z-index: 2;
   margin-top: 0rem;
   background: rgb(var(--image-caption-background-color));
   border-radius: calc(var(--window-radius)*0.5);
  }
  .addendum p { margin: 0; }
  
  .custombox {
   background-color: rgb(var(--glass-color, 66, 66, 72), 0.15);
   border-radius: var(--window-radius);
   box-shadow: var(--window-shadow);
   position: relative;
   width: 66%;
   margin: auto;
   -webkit-backdrop-filter: blur(var(--basalt-UI-blur));
   backdrop-filter: blur(var(--basalt-UI-blur));
   padding: 0.2rem 1.5rem;
   top: -3rem;
  }
  .custombox:before {
   content: '';
   position: absolute;
   width: 100%;
   height: 20px;
   top: 0;
   left: 0;
   border: solid 2px rgb(var(--general-border-color));
   border-bottom: none !important;
   box-sizing: border-box;
   border-top-left-radius: var(--window-radius);
   border-top-right-radius: var(--window-radius);
  }
  .custombox:after {
   content: '';
   position: absolute;
   width: 100%;
   height: 20px;
   bottom: 0;
   left: 0;
   border: solid 2px rgb(var(--general-border-color));
   border-top: none !important;
   box-sizing: border-box;
   border-bottom-left-radius: var(--window-radius);
   border-bottom-right-radius: var(--window-radius);
  }
  
  .header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    height: 100%;
    padding: 0px 0px;
  }
  
  .header h2 {
    text-transform: uppercase;
    margin: 0;
    white-space: nowrap;
  }
  
  .header::after {
    content: "";
    flex-grow: 1;
    height: 20px;
    background-color: rgb(11, 11, 11);
    background-image: url('https://scp-sandbox-3.wdfiles.com/local--files/anakes2/test7b.png');
    background-size: cover;
    background-position: center;
  }
  
  :is(#page-content table:not(.form), table.wiki-content-table) :is(th, td) {
      border: none;
      padding: 0.3em 1em;
  }
  

  Pages using this styling

  • scp-9050 [info]

  ¶ 1 occurrence
  

  #main-content {
       max-width: 52rem;
  }
  
  .chart {
     display: grid;
     grid-template-columns: 7em auto;
     grid-template-areas:
        'number effect';
     justify content: center;
     margin: auto;
     padding: 0 0 0 0;
     width: 100%;
     border-top: 1.5px solid #c0c0c0;
     border-bottom: 1.5px solid #c0c0c0;
  }
  
  .number {
       padding-top: 2px;
       padding-bottom: 2px;
       line-height: 0.05em;
       border-right: 1.5px solid #c0c0c0;
       border-top: 0.5px solid #e0e0e0;
       border-bottom: 0.5px solid #e0e0e0;
       padding-left: 5px;
  }
  
  .effect {
       padding-left: 8px;
       padding-top: 2px;
       padding-bottom: 2px;
       line-height: 0.05em;
       border-top: 0.5px solid #e0e0e0;
       border-bottom: 0.5px solid #e0e0e0;
  }

  Pages using this styling

  • scp-9045 [info]

  ¶ 1 occurrence
  

  @keyframes fadein {
    0% { opacity: 0; }
    100% { opacity: 1; }
  }
  
  #extra-div-2::before {
    animation: fadein 2s;
    animation-fill-mode: both;
  }
  
  @media (max-width: 768px) {
    #extra-div-1::before,
    #extra-div-1::after,
    #extra-div-2::before,
    #extra-div-2::after,
    #extra-div-3::before,
    #extra-div-3::after,
    #extra-div-4::before,
    #extra-div-4::after,
    #extra-div-5::before,
    #extra-div-5::after,
    #extra-div-6::before,
    #extra-div-6::after {
      display: none;
    }
  }

  Pages using this styling

  • scp-9042 [info]

  ¶ 1 occurrence
  

  #extra-div-2::before {
    animation-play-state: paused;
  }
  
  :has(iframe.scroll-detector[style="height: 2px;"]) 
  #extra-div-2::before {
    animation-play-state: running;
  }

  Pages using this styling

  • scp-9042 [info]

  ¶ 1 occurrence
  

  #extra-div-2::before,
  #extra-div-2::after,
  #extra-div-3::before,
  #extra-div-3::after,
  #extra-div-4::before,
  #extra-div-4::after,
  #extra-div-5::before,
  #extra-div-5::after,
  #extra-div-6::before,
  #extra-div-6::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    user-select: none;
    background-attachment: fixed;
    background-size: min(25vw, 160px) !important; 
    background-repeat: no-repeat;
    z-index: -1;
  }
  
  #extra-div-2::before {
    /* replace with url of image you want to use */
    background-image: url("http://scp-sandbox-3.wikidot.com/local--files/arclund/rift9.png");
  
    /* position of the image on the screen, measured in distance from the top-left corner on the x- and y- axes*/
    background-position: 10% 10%;
  
    mask-image: linear-gradient(
      to bottom,
      transparent 80%,
      black 100%
   );
  }
  
  /* another example */
  #extra-div-3::before {
    background-image: url("http://scp-sandbox-3.wikidot.com/local--files/arclund/rift2.png");
    background-position: 20% 60%;
    mask-image: linear-gradient(
      to bottom,
      transparent 20%,
      black 30%
    );
  }
  
  /* another example */
  #extra-div-3::after {
    background-image: url("http://scp-sandbox-3.wikidot.com/local--files/arclund/rift8.png");
    background-position: 100% 20%;
    mask-image: linear-gradient(
      to bottom,
      transparent 50%,
      black 55%
    );
  }
  
  /* another example */
  #extra-div-4::before {
    background-image: url("http://scp-sandbox-3.wikidot.com/local--files/arclund/rift5.png");
    background-position: 90% 100%;
    mask-image: linear-gradient(
      to bottom,
      transparent 60%,
      black 70%
    );
  }
  
  /* another example */
  #extra-div-4::after {
    background-image: url("http://scp-sandbox-3.wikidot.com/local--files/arclund/rift7.png");
    background-position: 80% 60%;
    mask-image: linear-gradient(
      to bottom,
      transparent 60%,
      black 70%
    );
  }
  
  /* another example */
  #extra-div-5::before {
    background-image: url("http://scp-sandbox-3.wikidot.com/local--files/arclund/rift4.png");
    background-position: 10% 100%;
    mask-image: linear-gradient(
      to bottom,
      transparent 60%,
      black 70%
    );
  }

  Pages using this styling

  • scp-9042 [info]

  ¶ 1 occurrence
  

  .page {
      display: block;
      overflow: hidden;
      font-family: "Monotype Corsiva", "Bradley Hand ITC", sans-serif;
      font-style: normal;
      background-attachment: scroll;
      background-clip: border-box;
      background-color: transparent;
      background-image: linear-gradient(to top ,rgb(202, 219, 228) 0%, rgb(231, 233, 220) 8%);
      background-origin: padding-box;
      background-position: 0px 8px;
      background-repeat: repeat;
      background-size: 100% 20px;
      border: 1px solid #CCC;
      border-radius: 10px;
      padding: 10px 10px;
      margin-bottom: 10px;
      box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2)
  }
  .page p,
  .page ul {
      line-height: 20px;
      margin: 0;
  }
  
  .wiki-content-table {
    display: block;      
    max-width: 100%;
    overflow-x: auto;     
    table-layout: fixed;
  }
  

  Pages using this styling

  • scp-9042 [info]

  ¶ 1 occurrence
  

  :root {
      --header-title: "APPLIED TEMPORAL DEPT.";
      --header-subtitle: "For the Transcendence of Humanity";
      --lgurl: url('https://scp-sandbox-3.wdfiles.com/local--files/chronesthesia-1/SCP_Time_logo.png');
      --header-h1-font-size: clamp(1.6rem, 5vw, 2.8125rem);
      --header-h2-font-size: clamp(0.8rem, 3vw, 0.9375rem);
  }
  
  #header::before {
      background-size: auto calc(var(--header-height-on-desktop) - 0.5rem);
  }
  
  #header h1 a::before,
  #header h2 span::before {
      display: none;
  }
  
  #header h1 a::after {
      line-height: 1.2;
  text-shadow: 2px 2px #fff, 
  -2px -2px #fff, 
  0px 2px #fff, 
  0px -2px #fff, 
  2px 0px #fff, 
  -2px 0px #fff, 
  2px -2px #fff, 
  -2px 2px #fff;
  }
  
  #header h2 span::after {
      margin-top: 10px;
  text-shadow: 1px 1px #fff, 
  -1px -1px #fff, 
  0px 1px #fff, 
  0px -1px #fff, 
  1px 0px #fff, 
  -1px 0px #fff, 
  1px -1px #fff, 
  -1px 1px #fff;
  }

  Pages using this styling

  • scp-9032 [info]

  ¶ 1 occurrence
  

   :root{
     --header-title: "FACILITY-57";
     --header-subtitle: "SECURE - CONTAIN - PROTECT";
     --titleColor: #DDBC05;
     --subtitleColor: #708090;
     --lgurl: url(http://lafundacionscp.wdfiles.com/local--files/theme%3Ai-57/I-57-Logo.png);
  }

  Pages using this styling

  • scp-9031 [info]

  ¶ 1 occurrence
  

  
  :root {
       --accentColor: #7D54A0;
       --accentColorLite: #754C94;;
       --hue: 325deg;
  
  .justify {
    text-align: justify;
  }
  .danke {
      padding: 5px;
      margin-bottom:10px;
      font-family: monospace;
      font-size: 1.1em;
  }
  
  .agent {
      background-color:#1F1528;
      border: 3px solid #29274C;
      color: #7D54A0;
  }
  
  .site {
      background-color:#1F1528;
      border: 3px solid #29274C;
      color: #7D54A0;
  }
  
  div.ari-line {
       height: .3em;
       background: linear-gradient(to right,
           rgb(67, 35, 113),
           rgb(165, 122, 250),
           rgb(137, 16, 250),
           rgb(67, 35, 113));
       margin: 1em 0;
       border-radius: 5px;
  }
   
  div.ari-line p,
  div.ari-line ul {
      display: none;
  }
  div.ari-line2 {
       height: .3em;
       background: linear-gradient(to right,
           rgb(165, 122, 250),
           rgb(67, 35, 113),
           rgb(137, 16, 250),
           rgb(165, 122, 250));
       margin: 1em 0;
       border-radius: 5px;
  }
   
  div.ari-line2 p,
  div.ari-line ul {
      display: none;
  }
  
  @keyframes spin {
     100% { transform: rotate(360deg); }
  }
  .logo_section{
      float:left;
      width: 150px;
      padding: 0 2%;
  }
  
  .email-example .collapsible-block-folded a.collapsible-block-link {
      animation: blink 0.8s ease-in-out infinite alternate;
  }
  @keyframes blink {
      0% { color: transparent; }
      50%, 100% { color: #b01; }
  }
  .email {border: solid 2px #000000; width: 88%; padding: 1px 15px; margin: 10px; box-shadow: 0 1px 3px rgba(0,0,0,.5)}
  .email-example a.collapsible-block-link {font-weight: bold;}
  .tofrom {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px maroon}
  

  Pages using this styling

  • scp-9028 [info]

  ¶ 1 occurrence
  

  .chatbody {font-family: 'Segoe UI', Arial, sans-serif; background-color: #121212; color: #ffffff; }
  
  .header {
    display: flex;
    align-items: center;
    justify-content: flex-end; 
    background-color: #333344;
    padding: 10px 20px;
    color: white;
    font-size: 20px;
  }
  
  .sidebar {
      background-color: #20232a; 
      width: 100%;
      height: 100%; 
      position: flex;
      top: 0;
      left: 0;
      padding: 20px;
      box-sizing: border-box; 
      font-size: 13px;
  }
  
  .content {
      padding: 5px; 
  }
  
  .fromchat {
      background-color: #696969; 
      border-radius: 10px;
      margin-left: 10px;
      text-align: left; 
      color: #ffffff; 
      padding: 7px; 
    
  }
  .tochat { background-color: #464775; border-radius: 10px; margin-right: 10px; text-align: left; color: #ffffff; padding: 7px; }
  
  .message {
      display: inline-block;
      padding: 8px 12px;
      border-radius: 5px;
      margin: 1.5px 5px;
      font-size: 13px;
      max-width: 60%;
      text-align: left; 
  }
  
  .avatar {
      width: 40px;
      height: 40px;
      border-radius: 50%;
      background-color: #696969;
      margin-right: 10px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 18px;
      color: #fffff;
  }
  .to-message { color: #ffffff; }
  
  .from-message { background-color: #464775; color: #ffffff; }
  
  .text {
      flex: 1;
  }
  
  .channel-list {
      list-style: none;
      padding: 0;
      margin-top: 20px;
  }
  
  .channel-list li {
      padding: 10px;
      border-radius: 4px;
      margin-bottom: 8px;
      background-color: #333344; 
      color: #ffffff;
      cursor: pointer;
  }
  
  .channel-list li:hover {
      background-color: #464775;
  }

  Pages using this styling

  • scp-9026 [info]

  ¶ 1 occurrence
  

  .email {border: solid 2px #000000; width: 88%; padding: 1px 15px; margin: 10px; box-shadow: 0 1px 3px rgba(0,0,0,.5)}
  .tofrom {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px grey}

  Pages using this styling

  • scp-9026 [info]

  ¶ 1 occurrence
  

  .flash{
      animation: blink 0.8s ease-in-out infinite alternate;
  }
  @keyframes blink {
      0% { color: transparent; }
      50%, 100% { color: #b01; }

  Pages using this styling

  • scp-9026 [info]

  ¶ 1 occurrence
  

  .journal 
  {padding: 1px 10px; border: solid 1px black; border-radius: 10px 10px; display: block; color: black; font-family: 'Bradley Hand', cursive; background-image: linear-gradient(to top, #a9a9a9 0%, #faebd7 8%); background-origin: padding-box; background-clip: padding-box; background-size: 100% 20px; background-position: 0 100%; }

  Pages using this styling

  • scp-9026 [info]

  ¶ 1 occurrence
  

  .quote-block{
      border: 3px double #999;
      background-color: #FFFFFF;
      padding: .25em 1em;
      margin-bottom: 1em;
  }
  .danke {
      padding: 5px;
      margin-bottom:10px;
      font-family: monospace;
      font-size: 1.1em; 
  }
  
  .agent {
      background-color:#002200;
      border: 3px solid #55AA55;
      color: #77CC77;
  }
  
  .site {
      background-color:#222200;
      border: 3px solid #AAAA55;
      color: #DDDD77;
  }
  .page {
      display: block;
      overflow: hidden;
      font-family: "Monotype Corsiva", "Bradley Hand ITC", sans-serif;
      font-style: normal;
      background-attachment: scroll;
      background-clip: border-box;
      background-color: transparent;
      background-image: linear-gradient(to top ,rgb(202, 219, 228) 0%, rgb(231, 233, 220) 8%);
      background-origin: padding-box;
      background-position: 0px 8px;
      background-repeat: repeat;
      background-size: 100% 20px;
      border: 1px solid #CCC;
      border-radius: 10px;
      padding: 10px 10px;
      margin-bottom: 10px;
      box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2)
  }
  .page p,
  .page ul {
      line-height: 20px;
      margin: 0;
  }
  .email {border: solid 2px #000000; width: 88%; padding: 1px 15px; margin: 10px; box-shadow: 0 1px 3px rgba(0,0,0,.5)}
  .tofrom {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px maroon}

  Pages using this styling

  • scp-9025 [info]

  ¶ 1 occurrence
  

  
  div.terminal{
      border: 1px solid black;
      border: solid 3px #BBBBBB;
      border-radius: 16px;
      background-color: #2e1615;
      /* black shadow at the top of the terminal */
      background-image: 
          radial-gradient(ellipse 1000% 125% at 50% 90%, transparent, #421e1d);
      background-position: center;
      display: block;
      /* shadow around the terminal */
      box-shadow: inset 0 0 10em 1em rgba(0,0,0,0.5);
      /* prevents scanline from forming a scrollwheel */
      overflow:hidden;
  }
  div.terminal blockquote {
      background-color: black;
      color: rgba(247, 247, 247,0.8);
      border: double 3px #C80005
  }
  div.scanline{
      margin-top: -40%;
      width: 100%;
      height: 60px;
      position: relative;
      pointer-events: none;
      /* Safari 4.0 - 8.0 */
      -webkit-animation: scan 42s linear 0s infinite; /* You may need to change this. If the bar goes by too quickly, increase 5s. */
      animation: scan 42s linear 0s infinite; /* Same as above */
      background: linear-gradient(to bottom, rgba(100, 46, 44,0), rgba(100, 46, 44,0.1)) !important;
  }
  
  div.text{
      color: rgba(252, 0, 5,0.8);
      padding-left: 2em;
      padding-right: 2em;
      padding-top: 40%;
      font-family: monospace;
      font-size: 1.1em;
  }
  
  /* Safari 4.0 - 8.0 */
  @-webkit-keyframes scan{
      from{ transform: translateY(-10%);}
      to{  transform: translateY(25500%);} /* You may need to change this depending on the length of your terminal. If the scanline stops halfway, increase the second number.*/
  }
  
  @keyframes scan{
      from{ transform: translateY(-10%);}
      to{  transform: translateY(25500%);} /* Same as above.*/
  }
  
  div.text a {
      color: #850005;
      text-decoration: none;
      background: transparent;
  }
  div.text a.newpage {
      color: #850005;
      text-decoration: none;
      background: transparent;
  }
  div.text a:hover {
      color: #2e1615;
      text-decoration: underline;
      background-color: #C80005;
      padding: 1px;
  }
  div.text a:hover::before{
      content: "> ";
  }

  Pages using this styling

  • scp-9023 [info]

  ¶ 1 occurrence
  

  /* fuckoff left indent for nested blocks */
  .colmod-block ul {
      margin-left: 0 !important;
      padding-left: 0 !important;
  }
  
  /* for the button */
  .colmod-link {
      margin-left: 0 !important;
      padding-left: 0 !important;
  }
  
  /* for the content */
  .colmod-content {
      margin-left: 0 !important;
      padding-left: 0 !important;
  }

  Pages using this styling

  • scp-9021 [info]

  ¶ 1 occurrence
  

  .creditButton p a {
    color: #000000
  }

  Pages using this styling

  • scp-9020 [info]

  ¶ 1 occurrence
  

  .paper {
    max-width:115%;
    width: 115%;
    margin: auto;
    transform: translateX(-9%);
  }
  @media (max-width: 768px){
    .paper {
      max-width: 90%;
      transform: none;
  }

  Pages using this styling

  • scp-9020 [info]

  ¶ 1 occurrence
  

  .notation {
      border-left: solid 3px rgba(62, 38, 89, 0.40);
      border-right: solid 3px rgba(62, 38, 89, 0.40);
  }

  Pages using this styling

  • scp-9020 [info]

  ¶ 1 occurrence
  

  :root{
    --accent: 62, 38, 89;
    --header-txt-color: #251733;
    --misc-txt-color: #170F1E;
    --link-txt-color: #5800BD;

  Pages using this styling

  • scp-9020 [info]

  ¶ 1 occurrence
  

  :root:lang(en) {
  --header-title:'S.C.P.';
  --header-subtitle:'The True Foundation';
  --logo-image: url(https://scp-wiki.wdfiles.com/local--files/scp-7023/SCP__DoMDlogo_new.png);
  }
  
  div#content-wrap{
  background: rgb(33,35,37);
  background: linear-gradient(0deg, rgba(33,35,37) 2%, rgba(232, 232, 183) 4%, rgba(232, 232, 183) 97%, rgba(33,35,37) 100%);
  }
  body {
    color: black;
  }
  
  .anchor {
      position: sticky;
      height: 0;
      top: 0;
  }
   
  .sidebox {
      padding: .14rem;
      margin-top: 0;
      margin-bottom: 8px;
      width: calc((100vw - 870px)/2);
      max-height: calc(100vh - 18rem);
      position: absolute;
      top: 0;
      left: 103.5%;
      z-index: 5;
      overflow: auto;
      box-sizing: border-box;
  }
  
  /* make Page Source readable */
  .page-source {
    color: white;
  }
  
  /* make License Box readable */
  .licensebox {
    background-color: #212325;
    color: white;
    padding: 20px;
  }
  
  /* make Page Info + Watch Options readable */
  #page-info,
  .page-watch-options {
    background-color: #212325;
    color: white;
  }
  

  Pages using this styling

  • scp-9018 [info]

  ¶ 1 occurrence
  

  #page-title { display:none; }

  Pages using this styling

  • scp-9017 [info]

  ¶ 1 occurrence
  

  
  .email-example .collapsible-block-folded a.collapsible-block-link {
      animation: blink 0.8s ease-in-out infinite alternate;
  }
  @keyframes blink {
      0% { color: transparent; }
      50%, 100% { color: #bb0011; }
  }
  .email {border: solid 2px #000000; width: 88%; padding: 1px 15px; margin: 10px; box-shadow: 0 1px 3px rgba(0,0,0,.5)}
  .email-example a.collapsible-block-link {font-weight: bold;}
  .tofrom {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px maroon}
  
  div#container-wrap {
      background-image: url('https://scp-sandbox-3.wikidot.com/local--files/ptt-1666-gray-templum/test.png');
  }
  #page-title {
      border-color: #315B7D;
  }
   
  #header h1 a::before {
      content: "Third Law ";
      color: #e9ebf0;
      text-shadow: 3px 3px 5px #000000;
  }
  
  @@#header {
      background-image: url('https://scp-wiki.wikidot.com/local--files/site-anvil/SiteAnvilLogo.png');
  }@@
  
   
  #header h2 span {
      color: transparent;
      text-shadow: none;
  }
   
  #header h2 span::before {
      content: 'Stardust to the Stars ';
      color: #F1F1F1;
      font-style: italic;
      text-shadow: 1px 1px 1px rgba(0,0,0,.8);
  }
  
  .goc {
  background-color: rgba(48, 188, 237, 0.25);
  }
  
  .email-box {
     border: solid 5px #820D15;
     background:#fffbfe;
     padding: 10px;
  margin-left: 12%;
  margin-right: 12%;
     margin-bottom: 10px;
  }
  
  .goc-email-box {
     border: solid 5px #4D5889;
     background:#fffbfe;
     padding: 10px;
     margin-bottom: 10px;
  margin-left: 12%;
  margin-right: 12%;
  }

  Pages using this styling

  • scp-9016 [info]

  ¶ 1 occurrence
  

  :root{
    --head-font: 'verdana';
  --header-txt-color: #fff;
  --accent: #fff;
      --link-txt-color: #E6283C;
      --link-hover-txt-color: white;
  }
  body{
  color:white;
  background:linear-gradient(#1D1C18, #5D221E)!important;
  
  }
  .footnotes-footer .title,
  #header h2::before {
    color: white;
  }
  .hovertip {
    background-color: black !important;
  }
  #footer, #footer a {
    color: white;
  }
  
  .sepbox{
      padding: 1.5em;
      margin: 2em;
      background: #FFF;
  border:solid 1px black;
  overflow:auto;
  clear:inline-start;
  
  color:black;
  background-color:white;
  }
  h1, h2, h3, h4, h5, h6{
  color:white;
  }
  .sepbox h1, h2, h3, h4, h5, h6{
  color:black;
  }
  
  .email{
      padding: 1.5em;
      margin: auto;
      background: #FFF;
  border:solid 1px black;
  width:75%;
  box-shadow: 0px 4px 9px rgba(0, 0, 0, 0.2)
  }
  .paper{
  background-color:#ffffff;
  color:black;
  }
  .paper h1, h2, h3, h4, h5, h6{
  color:black;
  }
  .discussion{
  border: 1px solid black;
   padding-right: 5px;
   padding-top: 5px;
   padding-bottom: 12px;
   padding-left: 12px;
   background-color: #F3F3F3
  }
  @media screen and (max-width: 600px) {
  .paper{
  margin:0.5em;
  
  }
  .sepbox{
  margin:0.5em;
  }
  .modal{
  margin:.75em;
  }
  }

  Pages using this styling

  • scp-9013 [info]

  ¶ 1 occurrence
  

  #page-content { text-align: justify; }
  .hovertip { max-width: 500px; }
  .avatar-hover { display: none !important; }
  
  body {color: #1E1E1E}
  
  .irb {color: #9e1111}

  Pages using this styling

  • scp-9012 [info]

  ¶ 1 occurrence
  

  /* This entire module: cydhra-fix: remove margins around image blocks because the floats handle it
  and also modify the ACS top-box so there is no reserved space to the right of the third grid column */
  .scp-image-block.block-left {
    margin: 0 0 0 0 !important;
  }
  
  .scp-image-block.block-right {
    margin: 0 0 0 0 !important;
  }
  
  .anom-bar > .top-box {
    grid-template-columns: auto 1fr auto !important; /* center top box */
  }
  

  Pages using this styling

  • scp-9011 [info]

  ¶ 1 occurrence
  

  .note-left {  /* cydhra-fix */
    border: 1px solid transparent;
    padding: 0 20px 0 0;  /* cydhra-fix */
    border-radius: 5px;
    background-color: transparent;
    box-shadow: 0 0 6px transparent;
  }
  
  @media (min-width: 1350px) { /* cydhra-fix */
    .note-left-container {
      position: absolute;
      left: 0; /* cydhra fix */
      width: calc(50vw - 470px); /* cydhra-fix */
    }
  
   .note-left {
      position: absolute;
      right: 100%;
      width: calc(50vw - 470px); /* cydhra-fix */
    }
  }
  
  @media (min-width: 950px) and (max-width: 1350px) { /* cydhra-fix */
    .note-left-container {
      float: left;
      max-width: 400px;
    }
  }
  
  @media (min-width: 768px) and (max-width: 950px) {
    .note-left-container {
      float: left;  /* cydhra fix */
      max-width: 300px; /* cydhra fix */
    }
  }
  
  @media (min-width: 550px) and (max-width: 768px) {
    .note-left-container {
      float: left; /* cydhra fix */
      max-width: 300px;
    }
  }
  
  @media (max-width: 550px) {
    .note-left-container {
      width: 100%;
    }
  }

  Pages using this styling

  • scp-9011 [info]

  ¶ 1 occurrence
  

  .note-right {
    border: 1px solid transparent;
    padding: 0 0 0 20px;  /* cydhra-fix */
    border-radius: 5px;
    background-color: transparent;
    box-shadow: 0 0 6px transparent;
  }
  
  @media (min-width: 1350px) { /* cydhra-fix */
    .note-right-container {
      position: absolute;
      right: 0;  /* cydhra-fix */
      width: calc(50vw - 470px); /* cydhra-fix */
    }
  
    .note-right {
      position: absolute;
      left: 100%;
      width: calc(50vw - 470px); /* cydhra-fix */
    }
  }
  
  @media (min-width: 950px) and (max-width: 1350px) { /* cydhra-fix */
    .note-right-container {
      float: right;
      max-width: 400px;
    }
  }
  
  @media (min-width: 768px) and (max-width: 950px) {
    .note-right-container {
      float: right;   /* cydhra-fix */
      max-width: 300px; /* cydhra-fix */
    }
  }
  
  @media (min-width: 550px) and (max-width: 768px) {
    .note-right-container {
      float: right;
      max-width: 300px;
    }
  }
  
  @media (max-width: 550px) {
    .note-right-container {
      width: 100%;
    }
  }

  Pages using this styling

  • scp-9011 [info]

  ¶ 1 occurrence
  

  
  div.terminal{
      border: 1px solid black;
      border: solid 3px #E5D69D;
      border-radius: 16px;
      background-color: #121010;
      /* black shadow at the top of the terminal */
      background-image:
          radial-gradient(ellipse 1000% 100% at 50% 90%, transparent, #292626);
      background-position: center;
      display: block;
      /* shadow around the terminal */
      box-shadow: inset 0 0 10em 1em rgba(0,0,0,0.5);
      /* prevents scanline from forming a scrollwheel */
      overflow:hidden;
  }
  div.terminal blockquote {
      background-color: black;
      border: double 3px #161721
  }
  div.scanline{
      margin-top: -40%;
      width: 100%;
      height: 60px;
      position: relative;
      pointer-events: none;
      /* Safari 4.0 - 8.0 */
      -webkit-animation: scan 12s linear 0s infinite; /* You may need to change this. If the bar goes by too quickly, increase 5s. */
      animation: scan 12s linear 0s infinite; /* Same as above */
      background: linear-gradient(to bottom, rgba(178, 138, 204, 0.01), rgba(255, 255, 254, 0.01)) !important;
  }
  
  div.text{
      color: #E5D69D;
      padding-left: 2em;
      padding-right: 2em;
      padding-top: 40%;
      padding-bottom: 10%;
      font-family: monospace;
      font-size: 1.2em;
  }
  
  /* Safari 4.0 - 8.0 */
  @-webkit-keyframes scan{
      from{ transform: translateY(-10%);}
      to{  transform: translateY(5000%);} /* You may need to change this depending on the length of your terminal. If the scanline stops halfway, increase the second number.*/
  }
  
  @keyframes scan{
      from{ transform: translateY(-10%);}
      to{  transform: translateY(5000%);} /* Same as above.*/
  }
  
  div.text a {
      color: #161721;
      text-decoration: none;
      background: transparent;
  }
  div.text a.newpage {
      color: #161721;
      text-decoration: none;
      background: transparent;
  }
  div.text a:hover {
      color: #131;
      text-decoration: underline;
      background-color: #161721;
      padding: 1px;
  }
  div.text a:hover::before{
      content: "> ";
  }

  Pages using this styling

  • scp-9011 [info]

  ¶ 1 occurrence
  

    body {
        background-image: radial-gradient(circle,rgba(255, 234, 204) 0%, rgba(231, 108, 61, .5) 0%, rgba(38, 1, 0, 1) 100%);
        background-repeat: no-repeat;
        background-size: cover;
    }

  Pages using this styling

  • scp-9011 [info]

  ¶ 1 occurrence
  

  
  :root {
      --space-body-bg: url(https://scp-sandbox-3.wdfiles.com/local--files/poufypoufson2/swlbg);
      --space-header-layer-0: url(https://scp-sandbox-3.wdfiles.com/local--files/poufypoufson2/swlhdr1);
      --header-title: "S O F T‎ ‎ ‎  W H I T E ‎ ‎   L I G H T";
      --header-subtitle: "shattered thoughts, broken minds ";
      --sp_header-logo: url(http://scp-sandbox-3.wdfiles.com/local--files/poufypoufson2/swl3);
      --sp_area-max-width: 50rem;
      --space-nebula: 229 214 157;
      --space-planet: 229 214 157;
      --space-sun: 229 214 157;
  #header::before {mix-blend-mode: unset};

  Pages using this styling

  • scp-9011 [info]

  ¶ 1 occurrence
  

  body {overflow-x:hidden;}
  
  .desktop-topper {display:initial;}
  .mobile-topper {display:none;}
  
  .desktop-topper a {color:#fff;}
  
  .mobile-topper .scp-image-block img {
    border: 0;
    width: 100vw;
    max-width: none;
    left: calc(-50vw + 50%);
    position: relative;
  }
  .scp-image-block.block-fullwidth {
    width: 100vw !important;
    max-width: none !important;
    position: relative;
    left: calc(-50vw + 50%);
    margin-top:-5.5rem;
  }

  Pages using this styling

  • scp-9011 [info]

  ¶ 1 occurrence
  

  .dyna-email{
      background-color: #121010}

  Pages using this styling

  • scp-9011 [info]

  ¶ 1 occurrence
  

  .anom-bar-container{
    width: 100vw !important;
    max-width: none !important;
    position: relative;
    left: calc(-50vw + 50%);
    margin-top:-5.5rem;
    padding-left: 1em !important; /* cydhra-fix */
    padding-right: 1em !important; /* cydhra-fix */
  }

  Pages using this styling

  • scp-9011 [info]

  ¶ 1 occurrence
  

  @media (max-width: 600px) {
    .trumpsidebyside {
      flex-direction: column;
    }
  }

  Pages using this styling

  • scp-9009 [info]

  ¶ 1 occurrence
  

  
  /* https://scp-wiki.wikidot.com/scp-6599 */
  /* REDDIT */
  .reddit-post{
      margin: .43em;
      padding: 0 .85em;
  
      background-color: #fcfcfb;
      color: black;
      border: 1px solid #b5b3ac;
  
      font-family: verdana,arial,sans-serif;
      overflow: hidden;
  }
  
  .reddit-container {
    color: black;
    background-color: white;
    padding: 20px;
    border: 1px solid black;
    margin: 0 20px;
  }
  

  Pages using this styling

  • scp-9009 [info]

  ¶ 1 occurrence
  

  @media (min-width: 900px) {
    .trump-container {
      display: flex;
    }
  }

  Pages using this styling

  • scp-9009 [info]

  ¶ 1 occurrence
  

  .licensebox,
  .page-tags,
  .page-info-break,
  #page-info,
  #action-area,
  .page-options-bottom,
  .page-options-area-bottom {
    background-color: white;
    z-index: 10;
    position: relative;
  }
  
  /* Penumbra Light Mode */
  
  @import url("https://scp-wiki.wdfiles.com/local--files/theme%3Awilderness/national-park-full.css");
  
  :root {
    --body-font: InterVariable, sans-serif;
    --accentColor: #bf0016; /* red accent */
    --darkColor: #fff; /* white background */
    --darkerColor: #ededed; /* off-white */
    --lightColor: #2f333c; /* dark background */
    --lgurl: linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5)), url("https://scp-wiki.wdfiles.com/local--files/theme%3Apaperstack/lgtrans.png");
  
  }
  
  hr {
    border-bottom: 1px solid var(--accentColor);
    background-color: transparent;
  }
  
  blockquote,
  div.blockquote {
    border: none;
    display: flow-root;
  }
  
  div.doc {
  box-shadow: none;
  }
  
  div.email {
     box-shadow: 0 0 1px rgba(0,0,0,.5);
     display: flow-root;
     background-color: #f4f4f4;
     padding: 0 1em;
     margin: 1em 3em;
  }
  
  #page-title {display: none;}
  
  .cover {
    font-size: 125%;
    text-align: center;
    margin: 2em auto;
    display: block;
    width: 75%;
    padding: 2em;
    border: 1px solid black;
    box-shadow: 1px 1px 5px rgba(0,0,0,.5);
  }
  
  .divider {
    font-size: 125%;
    text-align: center;
    margin: auto;
    font-weight: bold;
    display: block;
    width: fit-content;
  }
  
  .footnotes-footer {
    background-color: #333;
  }
  
  .divider-large {
    border-top: 1.5px solid black;
    border-bottom: 2px solid black;
    text-align: center;
    padding: 2em;
    margin: 100px auto;
  }
  
  .admin {
    font-family: Courier New, Courier, monospace;
    text-shadow: 1px 1px 1px rgba(0,0,0,.25);
    margin: 1em 3em;
  }
  
  .scp-image-block {
    margin: 2em auto;
  }
  
  .normalwidth,
  #action-area,
  #page-options-container,
  #page-info-break,
  #page-title,
  #action-area-top,
  .page-tags {
    margin-left: auto;
    margin-right: auto;
    padding-left: 1.5em;
    padding-right: 1.5em;
    max-width: 48rem;
  }
  
  #page-content {
    width: 100vw;
    max-width: 100vw;
  }
  
  #main-content {
    width: 100vw;
    max-width: 100vw;
    margin-left: 0;
    margin-right: 0;
  }
  
  #content-wrap {
    width: 100vw;
    max-width: 100vw;
    margin-left: 0;
    margin-right: 0;
  }
  
  /* Fire Diamond */
  
  /* Diamond with quadrants */
  
  .fire-diamond {
    position: relative;
    width: 140px;
    height: 140px;
    margin: 40px auto;
  }
  
  .fire-diamond .quad {
    position: absolute;
    width: 50px;
    height: 50px;
    transform-origin: center;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #000;
    box-sizing: border-box;
    box-shadow: 1px 1px 5px rgba(0,0,0,.5);
  }
  
  /* Position and rotate each quadrant with spacing */
  .fire-diamond .top {
    top: 0;
    left: 45px;
    transform: rotate(45deg);
  }
  .fire-diamond .left {
    top: 45px;
    left: 0;
    transform: rotate(-45deg);
  }
  .fire-diamond .right {
    top: 45px;
    left: 90px;
    transform: rotate(135deg);
  }
  .fire-diamond .bottom {
    top: 90px;
    left: 45px;
    transform: rotate(-135deg);
  }
  
  /* Icon inside each quadrant */
  .fire-diamond .icon {
    width: 36px;
    height: 36px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
  }
  
  .fire-diamond .top .icon    { transform: rotate(-45deg);}
  .fire-diamond .left .icon   { transform: rotate(45deg);}
  .fire-diamond .right .icon  { transform: rotate(-135deg);}
  .fire-diamond .bottom .icon { transform: rotate(135deg);}
  
  /* Dark Theme */
  
  .admo {
    width: 100vw;
    background-image: linear-gradient(to bottom, white 0px, #0a0a0a 100vh);
    padding-top: 100vh;
    color: #eee;
    padding-bottom: 100vh;
  }
  
  .admo :is(blockquote, div.blockquote:not(.fancy-log), .email) {
    background-color: #222;
  }
  
  .admo :is(hr, .divider-large) {
    border-color: #bbb;
  }
  
  .admo :is(.scp-image-block, .scp-image-caption) {
    background-color: #222;
    border-color: #222;
    color: white;
  }
  
  .estrella-paper.weathered {
    color: black;
  }
  
  .admo a {
    color: #f77;
  }
  
  #page-content .admo a.collapsible-block-link {
    background-color: #121212;
    color: #bbb;
  }
  
  div.fancy-log {
    position: relative;
    padding-left: 70px;
    /* padding-top: 1lh; */
  }
  
  div.fancy-log::before {
    content: " ";
    display: block;
    width: 50px;
    height: 100%;
    position: absolute;
    left: 10px;
    top: -15px;
    background-position: center;
    margin-right: 1em;
    margin-top: 1em;
    background-repeat: no-repeat;
  }
  
  /*
  div.fancy-log::after {
    content: "Incident Log";
    position: absolute;
    color: var(--accentColor);
    width: 100%;
    display: block;
    font-weight: bold;
    top: 0;
    left: 0;
    padding: 0.25em;
    box-sizing: border-box;
    border-bottom: 3px solid var(--accentColor);
    background-color: var(--bgColor);
  }*/
  
  #page-content .wiki-content-table tr :is(td, th) {
    border-color: black;
  }
  
  #page-content :not(.admo) th {
    color: black;
  }
  
  div.incident-log {
    background-color: #522;
    --accentColor: #f55;
  }
  
  div.update-log {
    background-color: #225;
    --accentColor: #88d;
  }
  
  div.news-log {
    --accentColor: #bbb;
    background-color: #393939;
  }
  
  div.warning-log {
    --accentColor: #c73;
    background-color: #552c1f;
  }
  
  div.greentext {
    color: green;
    background-color: #f4f4f4;
    padding: 1em;
    margin: 1em auto;
  }
  
  /*js window.inlineSvg = (svg) => {
    return `url('data:image/svg+xml;utf8,${encodeURIComponent(svg)}')`
  }; "";*//*GENERATED START*//*GENERATED END*/
  
  /* https://pictogrammers.com/library/mdi/ */
  div.incident-log::before {
    background-image: /*js inlineSvg(`<svg xmlns="https://www.w3.org/2000/svg" viewBox="0 0 24 24"><title>alert-outline</title><path fill="#f55" d="M12,2L1,21H23M12,6L19.53,19H4.47M11,10V14H13V10M11,16V18H13V16" /></svg>`) *//*GENERATED START*/url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Ctitle%3Ealert-outline%3C%2Ftitle%3E%3Cpath%20fill%3D%22%23f55%22%20d%3D%22M12%2C2L1%2C21H23M12%2C6L19.53%2C19H4.47M11%2C10V14H13V10M11%2C16V18H13V16%22%20%2F%3E%3C%2Fsvg%3E')/*GENERATED END*/;
  }
  
  div.news-log::before {
    background-image: /*js inlineSvg(`<svg xmlns="https://www.w3.org/2000/svg" viewBox="0 0 24 24"><title>web</title><path fill="#bbb" d="M16.36,14C16.44,13.34 16.5,12.68 16.5,12C16.5,11.32 16.44,10.66 16.36,10H19.74C19.9,10.64 20,11.31 20,12C20,12.69 19.9,13.36 19.74,14M14.59,19.56C15.19,18.45 15.65,17.25 15.97,16H18.92C17.96,17.65 16.43,18.93 14.59,19.56M14.34,14H9.66C9.56,13.34 9.5,12.68 9.5,12C9.5,11.32 9.56,10.65 9.66,10H14.34C14.43,10.65 14.5,11.32 14.5,12C14.5,12.68 14.43,13.34 14.34,14M12,19.96C11.17,18.76 10.5,17.43 10.09,16H13.91C13.5,17.43 12.83,18.76 12,19.96M8,8H5.08C6.03,6.34 7.57,5.06 9.4,4.44C8.8,5.55 8.35,6.75 8,8M5.08,16H8C8.35,17.25 8.8,18.45 9.4,19.56C7.57,18.93 6.03,17.65 5.08,16M4.26,14C4.1,13.36 4,12.69 4,12C4,11.31 4.1,10.64 4.26,10H7.64C7.56,10.66 7.5,11.32 7.5,12C7.5,12.68 7.56,13.34 7.64,14M12,4.03C12.83,5.23 13.5,6.57 13.91,8H10.09C10.5,6.57 11.17,5.23 12,4.03M18.92,8H15.97C15.65,6.75 15.19,5.55 14.59,4.44C16.43,5.07 17.96,6.34 18.92,8M12,2C6.47,2 2,6.5 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z" /></svg>`) *//*GENERATED START*/url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Ctitle%3Eweb%3C%2Ftitle%3E%3Cpath%20fill%3D%22%23bbb%22%20d%3D%22M16.36%2C14C16.44%2C13.34%2016.5%2C12.68%2016.5%2C12C16.5%2C11.32%2016.44%2C10.66%2016.36%2C10H19.74C19.9%2C10.64%2020%2C11.31%2020%2C12C20%2C12.69%2019.9%2C13.36%2019.74%2C14M14.59%2C19.56C15.19%2C18.45%2015.65%2C17.25%2015.97%2C16H18.92C17.96%2C17.65%2016.43%2C18.93%2014.59%2C19.56M14.34%2C14H9.66C9.56%2C13.34%209.5%2C12.68%209.5%2C12C9.5%2C11.32%209.56%2C10.65%209.66%2C10H14.34C14.43%2C10.65%2014.5%2C11.32%2014.5%2C12C14.5%2C12.68%2014.43%2C13.34%2014.34%2C14M12%2C19.96C11.17%2C18.76%2010.5%2C17.43%2010.09%2C16H13.91C13.5%2C17.43%2012.83%2C18.76%2012%2C19.96M8%2C8H5.08C6.03%2C6.34%207.57%2C5.06%209.4%2C4.44C8.8%2C5.55%208.35%2C6.75%208%2C8M5.08%2C16H8C8.35%2C17.25%208.8%2C18.45%209.4%2C19.56C7.57%2C18.93%206.03%2C17.65%205.08%2C16M4.26%2C14C4.1%2C13.36%204%2C12.69%204%2C12C4%2C11.31%204.1%2C10.64%204.26%2C10H7.64C7.56%2C10.66%207.5%2C11.32%207.5%2C12C7.5%2C12.68%207.56%2C13.34%207.64%2C14M12%2C4.03C12.83%2C5.23%2013.5%2C6.57%2013.91%2C8H10.09C10.5%2C6.57%2011.17%2C5.23%2012%2C4.03M18.92%2C8H15.97C15.65%2C6.75%2015.19%2C5.55%2014.59%2C4.44C16.43%2C5.07%2017.96%2C6.34%2018.92%2C8M12%2C2C6.47%2C2%202%2C6.5%202%2C12A10%2C10%200%200%2C0%2012%2C22A10%2C10%200%200%2C0%2022%2C12A10%2C10%200%200%2C0%2012%2C2Z%22%20%2F%3E%3C%2Fsvg%3E')/*GENERATED END*/;
  }
  
  div.update-log::before {
    background-image: /*js inlineSvg(`<svg xmlns="https://www.w3.org/2000/svg" viewBox="0 0 24 24"><title>update</title><path fill="#88d" d="M21,10.12H14.22L16.96,7.3C14.23,4.6 9.81,4.5 7.08,7.2C4.35,9.91 4.35,14.28 7.08,17C9.81,19.7 14.23,19.7 16.96,17C18.32,15.65 19,14.08 19,12.1H21C21,14.08 20.12,16.65 18.36,18.39C14.85,21.87 9.15,21.87 5.64,18.39C2.14,14.92 2.11,9.28 5.62,5.81C9.13,2.34 14.76,2.34 18.27,5.81L21,3V10.12M12.5,8V12.25L16,14.33L15.28,15.54L11,13V8H12.5Z" /></svg>`) *//*GENERATED START*/url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Ctitle%3Eupdate%3C%2Ftitle%3E%3Cpath%20fill%3D%22%2388d%22%20d%3D%22M21%2C10.12H14.22L16.96%2C7.3C14.23%2C4.6%209.81%2C4.5%207.08%2C7.2C4.35%2C9.91%204.35%2C14.28%207.08%2C17C9.81%2C19.7%2014.23%2C19.7%2016.96%2C17C18.32%2C15.65%2019%2C14.08%2019%2C12.1H21C21%2C14.08%2020.12%2C16.65%2018.36%2C18.39C14.85%2C21.87%209.15%2C21.87%205.64%2C18.39C2.14%2C14.92%202.11%2C9.28%205.62%2C5.81C9.13%2C2.34%2014.76%2C2.34%2018.27%2C5.81L21%2C3V10.12M12.5%2C8V12.25L16%2C14.33L15.28%2C15.54L11%2C13V8H12.5Z%22%20%2F%3E%3C%2Fsvg%3E')/*GENERATED END*/;
  }
  
  div.warning-log::before {
    background-image: /*js inlineSvg(`<svg xmlns="https://www.w3.org/2000/svg" viewBox="0 0 24 24"><title>flag-variant</title><path fill="#c73" d="M6,3A1,1 0 0,1 7,4V4.88C8.06,4.44 9.5,4 11,4C14,4 14,6 16,6C19,6 20,4 20,4V12C20,12 19,14 16,14C13,14 13,12 11,12C8,12 7,14 7,14V21H5V4A1,1 0 0,1 6,3Z" /></svg>`) *//*GENERATED START*/url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Ctitle%3Eflag-variant%3C%2Ftitle%3E%3Cpath%20fill%3D%22%23c73%22%20d%3D%22M6%2C3A1%2C1%200%200%2C1%207%2C4V4.88C8.06%2C4.44%209.5%2C4%2011%2C4C14%2C4%2014%2C6%2016%2C6C19%2C6%2020%2C4%2020%2C4V12C20%2C12%2019%2C14%2016%2C14C13%2C14%2013%2C12%2011%2C12C8%2C12%207%2C14%207%2C14V21H5V4A1%2C1%200%200%2C1%206%2C3Z%22%20%2F%3E%3C%2Fsvg%3E')/*GENERATED END*/
  }
  
  
  .wilson-container .scp-image-block,
  .wilson-container .scp-image-caption {
    border-color: rgb(230, 255, 186);
    background-color: rgb(230, 255, 186);
    box-shadow: none;
    color: #333;
  }
  
  
  .wilson-container .scp-image-block,
  .wilson-container .scp-image-block img {
    border-radius: 10px;
  }
  
  .wilson-container {
    background-color: rgb(209, 237, 154);
    border-left-color: #0b0;
    padding: 1em;
    color: rgba(102, 87, 49);
  }
  
  .wilson-header {
    display: flex;
    margin: -1em;
    margin-bottom: 1em;
    padding: 1em;
    background-color: rgb(163, 193, 98);
    color: white;
  }
  
  .wilson-header-image {
    width: min(100px, 50%);
    margin-right: 2em;
  }
  
  .wilson-header-text {
    font-size: 2.5em;
    font-family: 'national_parkregular', sans-serif;
    line-height: 1.25;
    margin-top: -0.25em;
    align-self: center;
  }
  
  .wilson-container hr {
    background-color: rgb(102, 87, 49);
  }
  
  
  #page-content {
    --basewidth: min(1920px, 100vw);
  }
  
  .vanillos-macerator {
    --aspect: 1.2;
    --image: url("https://scp-wiki.wdfiles.com/local--files/scp-9009/remediation.webp");
    --transition: url("https://scp-wiki.wdfiles.com/local--files/scp-9009/transition4.webp");
    --quoteoffset: -250;
  }
  
  .vanillos-section {
    margin: 0 auto; 
    padding: 0;
  }
  
  .vanillos-image {
    --baseheight: calc(var(--basewidth) * var(--aspect));
    width: var(--basewidth);
    height: var(--baseheight);
    background-size: var(--basewidth);
    background-image: var(--image);
    background-position: top center;
    background-repeat: no-repeat, repeat-y;
    background-color: #121212;
  }
  
  .vanillos-transition {
    background-image: var(--transition);
    width: var(--basewidth);
    background-size: var(--basewidth);
    background-color: #121212;
    padding: 50px 0;
  }
  
  .vanillos-quote {
    background-color: #0008;
    backdrop-filter: blur(5px);
    max-width: 40em;
    padding: 2em;
    margin: auto;
    border: 3px solid #bbb;
    color: #ccc;
    transform: translateY(calc(var(--quoteoffset) / 1920 * 100vh));
  }
  
  
  
  .vanillos-core {
    --aspect: 1.2;
    --image: url("https://scp-wiki.wdfiles.com/local--files/scp-9009/core.webp");
    --quoteoffset: -500;
  }
  
  .vanillos-breeder {
    --aspect: 0.43;
    --image: url("https://scp-wiki.wdfiles.com/local--files/scp-9009/cultivation.webp"); 
    --transition: url("https://scp-wiki.wdfiles.com/local--files/scp-9009/transition3.webp");
    --quoteoffset: -200;
  }
  
  .vanillos-spatio {
    --aspect: 0.88;
    --image: url("https://scp-wiki.wdfiles.com/local--files/scp-9009/spatio-navigational.webp"); 
    --transition: url("https://scp-wiki.wdfiles.com/local--files/scp-9009/transition3.webp");
    --quoteoffset: -270;
  }
  
  
  .vanillos-training {
    --aspect: 0.72;
    --image: url("https://scp-wiki.wdfiles.com/local--files/scp-9009/training.webp"); 
    --transition: url("https://scp-wiki.wdfiles.com/local--files/scp-9009/transition2.webp");
    --quoteoffset: -200;
  }
  
  
  .vanillos-refinement {
    --aspect: 0.59;
    --image: url("https://scp-wiki.wdfiles.com/local--files/scp-9009/refinement.webp"); 
    --transition: url("https://scp-wiki.wdfiles.com/local--files/scp-9009/transition1.webp");
    padding-top: 100px;
    --quoteoffset: -50;
  }
  
  .vanillos-core {
    position: relative;
    --quoteoffset: -500;
  }
  
  .vanillos-quote {
    z-index: 2;
    position: relative;
  }
  
  .vanillos-core::after {
    width: 100vw;
    height: 500vh;
    position: absolute;
    content: " ";
    background-image: radial-gradient(
      circle,
      #fffb 3%,
      #fff4 10%,
      #fff0
    );
    top: 50%;
    left: 50%;
    background-position: center;
    translate: -50% -50%;
    pointer-events: none;
  }
  
  .vanillos-animation {
    position: absolute;
    top: 50%;
    left: 50%;
    translate: -50% -50%;
  }
  
  .vanillos-core > p {
    height: 0;
    margin: 0;
  }
  
  .vanillos-animation,
  .vanillos-core::after {
    transform: translateY(-200px);
  }
  
  .vanillos-init-header {
    font-size: 20vw;
    text-align: center;
    font-weight: 100;
    margin-top: 20vh;
    color: white;
    text-shadow:
      -2px 0 0 #f008,
      2px 0 0 #00f8;
  }
  
  .vanillos-init-subheader {
    font-size: 5vw;
    text-align: center;
    color: #ccc;
    font-weight: 100;
  }
  .admo .white-people-overlay {
    position: absolute;
    top: 0;
    left:0; 
    width: 100%;
    height: 100%;
    pointer-events: none;
    background-image: url("https://scp-wiki.wdfiles.com/local--files/scp-9009/background-overlay.webp");
    background-attachment: fixed;
    background-size: cover;
    mask-image: linear-gradient(#0000 0%, #00000006 80%, #0002 calc(100% - 100vh), #000 100%);
    mix-blend-mode: screen;
    z-index: -1;
  }
  .admo > :not(.white-people-overlay) {
    z-index: 2;
    position: relative;
  }
  
  .admo .white-people-overlay {
    z-index: 1;
  }
  

  Pages using this styling

  • scp-9009 [info]

  ¶ 1 occurrence
  

  .glitch-text {  display: inline-block;  position: relative;  animation:     3s glitch infinite,     2.7s glitch2 infinite,     3.3s glitch3 infinite,    5s glitchoffset1 infinite,    5.1s glitchoffset2 infinite,    5.5s glitchoffset3 infinite,    7s glitchoffset4 infinite;} .glitch-text::after,.glitch-text::before,.glitch-text-inner::after,.glitch-text-inner::before {  position: absolute;  top: 0;  left: 0;  width: max-content;  content: var(--text);}.glitch-text::before {  transform: translateX(calc(var(--intensity) * var(--offset1)));  clip-path: polygon(    0% 0%,     100% 0%,     100% var(--transition),     0% var(--transition)  );}.glitch-text::after{  transform: translateX(calc(var(--intensity) * var(--offset2)));  clip-path: polygon(    0% var(--transition),     100% var(--transition),     100% var(--transition2),     0% var(--transition2)  );}.glitch-text-inner::before {  transform: translateX(calc(var(--intensity) * var(--offset3)));  clip-path: polygon(    0% var(--transition2),     100% var(--transition2),     100% var(--transition3),     0% var(--transition3)  );}.glitch-text-inner::after{  transform: translateX(calc(var(--intensity) * var(--offset4)));  clip-path: polygon(    0% var(--transition3),     100% var(--transition3),     100% 100%,     0% 100%  );}@property --transition {  syntax: "<percentage>";  inherits: true;  initial-value: 50%;}@property --transition2 {  syntax: "<percentage>";  inherits: true;  initial-value: 50%;}@property --transition3 {  syntax: "<percentage>";  inherits: true;  initial-value: 50%;}@property --offset1 {  syntax: "<number>";  inherits: true;  initial-value: 0;}@property --offset2 {  syntax: "<number>";  inherits: true;  initial-value: 0;}@property --offset3 {  syntax: "<number>";  inherits: true;  initial-value: 0;}@property --offset4 {  syntax: "<number>";  inherits: true;  initial-value: 0;}@keyframes glitchoffset1{16.1%{--offset1:0.7921213826281256}26.8%{--offset1:0.4677429034048436}44.7%{--offset1:0.4757123017352042}82.6%{--offset1:0.4482154452911997}98.7%{--offset1:0.6445543509948187}}@keyframes glitchoffset2{10.2%{--offset2:0.7519981683877207}32.1%{--offset2:0.3907579983606906}62.4%{--offset2:0.1895414255459762}67.7%{--offset2:0.28036118409716626}90.1%{--offset2:0.2390952231626765}}@keyframes glitchoffset3{9.45%{--offset3:0.9732568152416443}30.5%{--offset3:0.832700218831759}37.4%{--offset3:0.16037574611679384}93.4%{--offset3:0.21592995743029253}}@keyframes glitchoffset4{8.92%{--offset4:0.6069735652522363}18.1%{--offset4:0.7295289336857181}91.1%{--offset4:0.47623959678478145}}@keyframes glitch{1.86%{--transition:27.348278879957363%;}4.97%{--transition:11.38065759552417%;}8.29%{--transition:36.03415726693247%;}15.1%{--transition:14.70445066634662%;}16.9%{--transition:17.480872320507267%;}39.7%{--transition:13.697386246756974%;}74.7%{--transition:17.82200832570433%;}79.7%{--transition:24.1300909585261%;}93.9%{--transition:27.087565240692516%;}96.9%{--transition:35.92760041690318%;}}@keyframes glitch2{0.678%{--transition2:43.29616752240093%;}33.1%{--transition2:56.99215885269854%;}37.2%{--transition2:48.59207458078416%;}42.8%{--transition2:52.08349844840558%;}44.1%{--transition2:58.48402018679347%;}49.7%{--transition2:47.03664126186031%;}55.1%{--transition2:42.551816546970024%;}97.4%{--transition2:52.95757153408122%;}}@keyframes glitch3{3.53%{--transition3:85.57922364424289%;}7.69%{--transition3:71.25678545250506%;}10.7%{--transition3:74.79737396605371%;}15.0%{--transition3:64.94422591601256%;}55.2%{--transition3:69.17209700908118%;}57.8%{--transition3:92.56552999652133%;}96.1%{--transition3:93.32348560173412%;}}

  Pages using this styling

  • scp-9006 [info]

  ¶ 1 occurrence
  

  
  :root {
  --link-color: 72, 151, 247;
  --basalt-undertone: 105, 105, 105;
  
  }
  
  .authorlink-wrapper,
  .authorlink-wrapper + div {
    margin-right: 0 !important; /* needed to override inline styles */
  }
  
  
  #page-content {
    font-size: 125%;
  }
  
  :root {
    --main-content-width: 40rem;
  }
  
  .hateself {
    background: url(https://upload.wikimedia.org/wikipedia/commons/0/02/Television_static.gif);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(255, 255, 255, 0.55);
  letter-spacing: 2px:
  
  }
  
  .glitchself {
    background: url(http://scp-wiki.wikidot.com/local--files/scp-9006/glitchself.gif);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke: 0.5px white;
  
  }
  
  .divider hr {
    background-color: rgb(105,105,105);
  }
  
  .fixglitch {
  position: relative;
      top: -10px;
  }
  
  .fixglitch2 {
  position: relative;
      top: -20px;
  }
  

  Pages using this styling

  • scp-9006 [info]

  ¶ 1 occurrence
  

  
  
  @import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
  
  .scp-image-block {
      border: none;
  box-shadow: none;
  }
  
  .overseer {
  background: url(https://kaktuskontainer.wdfiles.com/local--files/format-hell/scp_trans.png) center no-repeat, white; 
  text-align: center; 
  margin: 0 auto; 
  font-size: 20px; 
  padding: 3rem;
  color: black;
  border-radius: 8px;
  }
  
  .header-box > .top-right-box {
      background-image: url("https://scp-wiki.wdfiles.com/local--files/theme%3Apenumbra/logo.png");
  }
  
  .top-middle-box > .from-name-box, .to-name-box, .cc-text-box {
      color: #ededed;
  }
  
  .content-box > hr {
      background-color: #878787;
  }
  
  .footer-box > .bottom-left-box {
      border-left: 2px solid white;
  }
  
  .footer-box > .bottom-right-box {
      padding-right: 2rem;
  }
  
  /* IMPORTED FROM JEZIXO'S WONDERFUL SCP */
  
  div#u-authorlink {
      text-align: center;
      color: rgb(187, 187, 187);
  font-weight: 700;
  margin-top: 0.5rem;
  }
  
  div#u-authorlink a {
  font-weight: 700;
  }
  
  div#u-authorlink p {
  margin: 0px;
  }
  
  .centerbox {
  width: fit-content;
  margin: 3rem auto;
  }
  
  .authorlink-wrapper {
      margin: 0px !important;
  }
  
  /* RAISA MEMO */
  
  div[class$="_memo"] {
      background: var(--memo-logo) rgba(var(--memo-color), 1);
      background-size: contain;
      background-position: top center;
      background-repeat: no-repeat;
      min-height: 4rem;
      margin-inline: auto;
      margin-block: 2rem;
      padding-inline: 20px;
      padding-block: 10px;
      border: solid 2px rgba(0, 0, 0, 0.1);
      text-align: center;
  }
  
  div.raisa_memo {
      --memo-heading: "ugh";
      --memo-logo: url(https://scp-wiki.wikidot.com/local--files/theme:basalt/RAISA_LIGHTLOGO.png);
      --memo-color: 255, 243, 173;
  }
  
  div.raisa_memo {
  max-width: 36rem !important;
  box-shadow: 0px 1px 1.9px -4px rgba(0, 0, 0, 0.1), 0px 6px 15px -4px rgba(0, 0, 0, 0.2);
  padding: 0px;
  margin: 3rem auto;
  width: 95%;
  background-position: center;
  color: black;
  font-family: 'InterVariable', sans-serif;
  }
  
  div.raisa {
  background: rgba(255, 243, 173, 1);
  border: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: 0px 1px 1.9px -4px rgba(0, 0, 0, 0.1), 0px 6px 15px -4px rgba(0, 0, 0, 0.2);
  }
  
  div.raisa_memo::before {
  content: none;
  }
  
  .raisa-header {
      padding-inline: 0.5rem;
  }
  
  .raisa-background {
  background: rgba(255, 243, 173, 0.8);
  }
  
  div.raisa-content {
      max-width: 26rem !important;
      text-align: left;
      margin-inline: auto;
  padding: 1rem;
  }
  
  .raisa-divider {
      display: block;
      background: rgba(0,0,0,0.1);
      height: 2px;
      width: 100%;
  }
  
  .text-notice {
      font-size: 1rem;
      font-weight: bold;
  }
  
  .text-raisa {
      font-weight: bold;
      font-size: 1.4rem;
  }
  

  Pages using this styling

  • scp-9002 [info]

  ¶ 1 occurrence
  

  .contributors-only:not(:is(
    /* authors */ .user-2893766,.user-2157431,.user-6530175,
    /* translators (CN) */ .user-5321783,.user-8193351,.user-4915183,.user-4113182
  ) + .contributors-only) { display:none }

  Pages using this styling

  • scp-9001 [info]

  ¶ 1 occurrence
  

  
  div#container-wrap {
      background-image: url('https://scp-wiki.wdfiles.com/local--files/theme:skiesmadestrange/body_bg.png');
  }
   
  #header h2 span {
      color: transparent;
      text-shadow: none;
  }
   
  #header h2 span::before {
      content: 'Sacrifice Confers Power';
      color: #efefef;
      text-shadow: 1px 1px 1px rgba(0,0,0,.8);
  }
  
  div.page-rate-widget-box .rate-points {
      background-color: #132639;
      border: solid 1px #0b65c0;
  }
  .page-rate-widget-box .rateup,
  .page-rate-widget-box .ratedown {
      background-color: 132639;
      border-top: solid 1px #0b65c0;
      border-bottom: solid 1px #0b65c0;
      font-weight: bold;
  }
  .page-rate-widget-box .rateup a,
  .page-rate-widget-box .ratedown a {
      background: 132639;
      color: #0b65c0;
      padding: 0 4px;
      margin: 0 1px;
  }
  .page-rate-widget-box .rateup a:hover,
  .page-rate-widget-box .ratedown a:hover {
      background: #132639;
      color: #0b65c0;
      text-decoration: none;
  }
  .page-rate-widget-box .cancel {
      background-color: #132639;
      border: solid 1px #0b65c0;
      border-left: 0;
      border-radius: 0 5px 5px 0;
  }
  .page-rate-widget-box .cancel a {
      background: transparent;
      text-transform: uppercase;
      color: #0b65c0;
  }
  .page-rate-widget-box .cancel a:hover {
      border-radius: 0 3px 3px 0;
      background: #132639;
      color: #fffff0;
      text-decoration: none;
  }
   
  
  h1, #page-title {
      color: #0c499c;
  }
  
  
  a {
      color: #0c499c;
      text-decoration: none;
      background: transparent;
  }
  a.newpage {
      color: #0c499c;
      text-decoration: none;
      background: transparent;
  }
  
  #side-bar .side-block {
      border-color: #0e7dcd;
      box-shadow: 0 2px 6px rgba(0,0,51,.5);
  }
   
  #side-bar .heading {
      color: #0e7dcd;
      border-bottom: solid 1px #0e7dcd;
  }
   
  #side-bar div.menu-item.inactive a {
      color: #0b65c0;
  }
   
  #side-bar a {
      color: #0c499c;
  }
   
  #side-bar div.menu-item .sub-text {
      color: #0b65c0;
  }
   
  #side-bar .collapsible-block-unfolded-link {
      border-bottom: solid 1px #0b65c0;
  }
  #side-bar .collapsible-block-unfolded-link .collapsible-block-link {
      color: #0b65c0;
  }
   
  .interwiki_title {
      color: #0b65c0;
  }
   
  .interwiki_entry a {
      color: #0b65c0;
  }
  
  #search-top-box-input {
      border: solid 1px #0b65c0;
      background-color: #132639;
  }
   
  #search-top-box-input:hover,
  #search-top-box-input:focus {
      border: solid 1px #0b65c0;
      background-color: #132639;
  }
   
  #search-top-box-form input[type=submit] {
      background-color: #132639;
      background: linear-gradient(to bottom, #4682b4,#007aa5,#0093af);
  }
   
  #search-top-box-form input[type=submit]:hover,
  #search-top-box-form input[type=submit]:focus {
      background-color: #132639;
      background: linear-gradient(to bottom, #4682b4,#007aa5,#0093af);
  }
   
  .scpnet-interwiki-frame{
       filter: hue-rotate(260deg) brightness(150%);
  }
  
  #header {
      background-image: url(https://scp-wiki.wdfiles.com/local--files/scp-001-and-a-half-j/darkbody-logo.png);
  }
  
  div#header h1 a span {
      font-size: 0px;
  }
  
  div#header h1 a:before {
      content: "Overwatch Command";
  }
  

  Pages using this styling

  • scp-9000-j [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Geologica:wght@100..900&display=swap');
  
  :root {
      --medium-accent: 138, 33, 33;
      --accent-hex: #8a2121;
      --paper: #f3eed9;
      --shadow: 2px 2px 3px #5e5e5e82;
      --bar: #b6bdc7;
  }
  
  /* Info Container Color */
  .info-container {
      --barColour: var(--accent-hex);
  }
  
  /* == TYPOGRAPHY == */
  /* Primary titles */
  .title,
  .warningtitle {
      font-family: "Geologica", sans-serif;
      --wght: 700;
      font-size: 2em;
  }
  
  /* Secondary titles/subheads */
  .sub {
      --wght: 600;
      font-size: 1.6em;
  }
  
  /* Base warning title color (details overridden in Warning section) */
  .warningtitle {
      color: #80bb38;
  }
  
  /* == ADDENDUM == */
  /* Gray container around addendum cards */
  .addendumout {
      background: #ededed;
      border-top: 0.25em solid var(--accent-hex);
      border-bottom: 0.25em solid var(--accent-hex);
      width: 95%;
      padding: 0.3125em 0.9375em;
      margin: 1.25em auto;
      box-shadow: var(--shadow);
      text-align: center;
  }
  
  /* White inner card that holds content */
  .addendumin {
      background: #fff;
      width: 90%;
      padding: 0.3125em 0.9375em;
      margin: 0.625em auto;
      text-align: left;
      box-shadow: 1px 1px 4px #5e5e5e82;
      color: #000;
  }
  
  /* == INTERVIEW == */
  /* Standard interview block with border */
  .interview {
      background: #fff;
      border: none;
      border-left: 0.3125em solid var(--accent-hex);
      width: 89%;
      padding: 0.3125em 0.9375em;
      margin: 1.25em auto;
      box-shadow: var(--shadow);
  }
  
  /* Green Aquino variant */
  .aquino {
      border-left: 3px solid #2e5200;
  }
  
  /*  == STAMPS & SIGNATURE  == */
  /* Circular logo stamp */
  .stamp::after {
      content: "";
      position: absolute;
      right: 3.125em;
      bottom: 0.3125em;
      width: 7.5em;
      aspect-ratio: 1 / 1;
      display: block;
      background-image: url("https://scptestwiki.wdfiles.com/local--files/secret%3Athetrench-test/logo2.png");
      background-repeat: no-repeat;
      background-position: center;
      background-size: contain;
      transform: rotate(-30deg);
      transform-origin: center;
      z-index: 1;
      pointer-events: none;
  }
  
  /* Stamp rotation variations */
  .stamp-one::after { transform: rotate(30deg); }
  .stamp-two::after { transform: rotate(-25deg); }
  .stamp-three::after { transform: rotate(50deg); }
  .stamp-four::after { transform: rotate(-35deg); }
  .stamp-five::after { transform: rotate(-70deg); }
  
  /* Stamp positioning */
  .addendumin.stamp { 
      position: relative; 
  }
  
  /* Right-aligned signature line */
  .signature {
      display: block;
      margin-right: 9.6875em;
  }
  
  
  .addendumin.stamp::after{
    z-index:0 !important;
  }
  
  .addendumin .signature{
    display:block !important;
    float:none !important;
    clear:both !important;
    margin: .5em 10em 0 0;
    position:relative;
    z-index: 5;
  }
  
  /* == WARNING == */
  /* Spin animation */
  @keyframes spin { 
      100% { transform: rotate(360deg); } 
  }
  
  /* Black warning box with green border */
  .warningmemo { 
      background: #1a1a1a; 
      background-size: contain; 
      background-position: top center; 
      background-repeat: no-repeat; 
      box-shadow: 0 0 0.3125em rgba(0, 0, 0, .5); 
      width: 90%; 
      margin: 0 auto 1.5em auto; 
      padding: 1em 1.25em 1.25em 1.25em; 
      word-break: break-word; 
      border-top: solid 0.33em #2c5100; 
      border-bottom: solid 0.33em #2c5100; 
      display: flex; 
      align-items: center; 
      flex-wrap: wrap; 
      box-sizing: border-box;
  }
  
  /* Logo inside warning band */
  .logosection { 
      flex: 0 0 15.875em; 
      padding: 0 0.625em 0.625em 0; 
  }
  
  /* Warning logo spin */
  .warning .logosection img { 
      z-index: 0; 
      animation: spin 20s cubic-bezier(1, 1, 1, 1) infinite; 
      filter: drop-shadow(0 0 0.1rem black); 
      display: block; 
      width: 100%; 
      height: auto; 
      margin: 0;
      margin-left: 1em; 
  }
  
  /* Warning titles flex */
  .titlesection { 
      flex: 1 1 0; 
      min-width: 13.75em; 
  }
  
  /* Warning title */
  .warningtitle { 
      font-family: "Geologica", sans-serif; 
      font-weight: 700; 
      font-size: clamp(1.375em, 5vw, 2.5em); 
      line-height: 1.1; 
      color: #80bb38; 
      display: block; 
  }
  
  /* Warning subtitle */
  .totem { 
      font-size: clamp(1.125em, 4.2vw, 2.125em); 
  }
  
  /* Green earning header content box */
  .warningin { 
      background: #2d5200; 
      width: auto; 
      padding: 0.625em 0.9375em; 
      margin: 0.75em 0 0 0; 
      text-align: left; 
      box-shadow: 0.0625em 0.0625em 0.25em #5e5e5e82; 
      color: white;
      flex: 1 1 100%; 
      box-sizing: border-box; 
  }
  
  /* == OVERVIEW & COMMENTS == */
  /* Assessment Table */
  .table {
      border-top: 3px solid #2e5200;
      border-bottom: 3px solid #2e5200;
      background: #d5dccc;
      width: 90%;
      padding: 0.2em 0.9375em;
      margin: .75em auto;
      box-shadow: var(--shadow);
  }
  
  /* D-class overview box */
  .overview {
      background: #1a1a1a;
      width: 90%;
      padding: 0.3125em 0.9375em;
      margin: 0.625em auto;
      color: white;
      box-shadow: var(--shadow);
      text-align: left;
  }
  
  /* Indented overview comments */
  .comment { 
      margin-left: 1.25em; 
  }
  
  .reply { 
      margin-left: 2.1875em; 
  }
  
  /* D-class color coding */
  .twonine { 
      color: #e2f1ff; 
      font-weight: bold; 
  }
  
  .oneninetwo { 
      color: #ce9ca0; 
      font-weight: bold; 
  }
  
  /* Green list divider */
  .list { 
      border-bottom: 3px solid #2e5200; 
  }
  
  /* == ETHICS COMMITTEE  == */
  /* Ethics Committee blue box */
  .ethicsone { 
      background:#3d4e65;
      border-top:5px solid #091e32;
      border-bottom:5px solid #091e32;
      color:#f1f1e6;
  }
  
  /* Ethics Committee text box */
  .ethicstwo {
      background-color:#f1f1e6;
      border: none;
  }
  
  /* Ethics decorative bars */
  .ethicshead {
      position: relative;
      padding: 12px 84px;
      overflow: visible;
      text-align: center;
      display: flex;
      justify-content: center;
      align-items: center;
  }
  
  /* Ethics title housekeeping */
  .ethicshead .title {
      position: relative;
      z-index: 1;
  }
  
  /* Decorative bars */
  .ethicshead::before,
  .ethicshead::after {
      content:"";
      position:absolute;
      top:50%;
      transform:translateY(-50%);
      width:60px;
      height:90px;
      background-repeat:no-repeat;
      z-index:10;
  }
  
  /* Left Ethics bars */
  .ethicshead::before{
    left:3px;
    background-image:
      linear-gradient(var(--bar),var(--bar)),
      linear-gradient(var(--bar),var(--bar)),
      linear-gradient(var(--bar),var(--bar));
    background-size:12px 88px,12px 77px,12px 66px;
    background-position:48px 100%, 24px 100%, 0 100%;
  }
  
  /* Right Ethics bars */
  .ethicshead::after{
    right:3px;
    background-image:
      linear-gradient(var(--bar),var(--bar)),
      linear-gradient(var(--bar),var(--bar)),
      linear-gradient(var(--bar),var(--bar));
    background-size:12px 66px,12px 77px,12px 88px;
    background-position:48px 100%, 24px 100%, 0 100%;
  }
  
  /* == MOBILE PARITY == */
  /* Warning Box */
  @media (max-width: 30em) {
      .warningmemo { 
          display: grid; 
          grid-template-columns: 6em 1fr; 
          grid-auto-rows: auto; 
          align-items: center; 
      }
  
      .titlesection { min-width: 0; }
      .warningin { 
          grid-column: 1 / -1; 
          margin: 0.75em 0 0 0; 
          width: auto; 
      }
  }
  

  Pages using this styling

  • scp-9000 [info]

  ¶ 1 occurrence
  

  
  div.terminal{
      border: 1px solid black;
      border: solid 3px #BBBBBB;
      border-radius: 16px;
      background-color: #131;
      /* black shadow at the top of the terminal */
      background-image:
      	radial-gradient(ellipse 1000% 100% at 50% 90%, transparent, #121);
      background-position: center;
      display: block;
      /* shadow around the terminal */
      box-shadow: inset 0 0 10em 1em rgba(0,0,0,0.5);
      /* prevents scanline from forming a scrollwheel */
      overflow:hidden;
  }
  div.terminal blockquote {
      background-color: black;
      border: double 3px #80FF80
  }
  div.scanline{
      margin-top: -40%;
      width: 100%;
      height: 60px;
      position: relative;
      pointer-events: none;
      /* Safari 4.0 - 8.0 */
      -webkit-animation: scan 12s linear 0s infinite; /* You may need to change this. If the bar goes by too quickly, increase 5s. */
      animation: scan 12s linear 0s infinite; /* Same as above */
      background: linear-gradient(to bottom, rgba(56, 112, 82,0), rgba(56, 112, 82,0.1)) !important;
  }
  
  div.text{
      color: rgba(128,255,128,0.8);
      padding-left: 2em;
      padding-top: 40%;
      font-family: monospace;
      font-size: 1.2em;
  }
  
  /* Safari 4.0 - 8.0 */
  @-webkit-keyframes scan{
      from{ transform: translateY(-10%);}
      to{  transform: translateY(5000%);} /* You may need to change this depending on the length of your terminal. If the scanline stops halfway, increase the second number.*/
  }
  
  @keyframes scan{
      from{ transform: translateY(-10%);}
      to{  transform: translateY(5000%);} /* Same as above.*/
  }
  
  div.text a {
      color: #90EE90;
      text-decoration: none;
      background: transparent;
  }
  div.text a.newpage {
      color: #90EE90;
      text-decoration: none;
      background: transparent;
  }
  div.text a:hover {
      color: #131;
      text-decoration: underline;
      background-color: #80FF80;
      padding: 1px;
  }
  div.text a:hover::before{
      content: "> ";
  }

  Pages using this styling

  • scp-8996 [info]

  ¶ 1 occurrence
  

  :root {
   --header-title: "Site-47";
   --header-subtitle: "Containment in the Inland Empire Since 1923";
   --lgurl: url("https://i.imgur.com/luBORD2.png%22");
   --accentColor: 0, 100, 0;
  }
  
  .danke {
      padding: 5px;
      margin-bottom:10px;
      font-family: monospace;
      font-size: 1.1em;
  }
  
  .agent {
      background-color:#002200;
      border: 3px solid #55AA55;
      color: #77CC77;
  }
  
  .site {
      background-color:#222200;
      border: 3px solid #AAAA55;
      color: #DDDD77;
  }

  Pages using this styling

  • scp-8996 [info]

  ¶ 1 occurrence
  

  h1,
  #page-title {
      color: black;
      border-color: black;
  }
  #main-content {
      margin-left: 5em;
  }
  #header {
     background: url('http://scp-wiki.wikidot.com/local--files/component:theme/opconfw.png') 10px 40px no-repeat;
     background-image: url('http://scp-wiki.wikidot.com/local--files/main/logo_250.png');
     background-size: 100px;
     background-position: 10px 64%;
  }
  #header h1 span::before {
      display: none;
  }
  #header h1 a:before {
      display: none;
  }
   #header h2 span::before{
     display: none;
  }
  #side-bar{
     position: absolute;
     left: -15em;
  }
  body {
     color: hsl(0, 0%, 0%);
  }
  .footnotes-footer{display:none}
  }

  Pages using this styling

  • scp-8994 [info]

  ¶ 1 occurrence
  

  #page-content .license-box .collapsible-block {
      display: unset;
      text-align: unset;
      padding: unset;
      background-color: unset;
      border-top: unset;
      border-bottom: unset;
  }
  #page-content .license-box .collapsible-block .collapsible-block-content {
      text-align: unset;
  }

  Pages using this styling

  • scp-8992 [info]

  ¶ 1 occurrence
  

  .rate-box-with-credit-button {
    --RATE-btn_filter: drop-shadow(0px 0px 0.5px var(--RATE_boder-flag))drop-shadow(0px 0px 0.5px var(--RATE_boder-flag))      drop-shadow(0px 0px 0.1px  var(--RATE-flag_gap))       drop-shadow(0px 0px 0.1px  var(--RATE-flag_gap))             drop-shadow(0px 0px 1.5px var(--RATE_boder-flag)) drop-shadow(0px 0px 0px var(--RATE_boder-flag)) !important;
  }
  
  .page-rate-widget-box {
    --RATE-btn_filter: drop-shadow(0px 0px 0.5px var(--RATE_boder-flag))drop-shadow(0px 0px 0.5px var(--RATE_boder-flag))      drop-shadow(0px 0px 0.1px  var(--RATE-flag_gap))       drop-shadow(0px 0px 0.1px  var(--RATE-flag_gap))             drop-shadow(0px 0px 1.5px var(--RATE_boder-flag)) drop-shadow(0px 0px 0px var(--RATE_boder-flag)) !important;
  }

  Pages using this styling

  • scp-8990 [info]

  ¶ 1 occurrence
  

  .collapsible-block-folded, .collapsible-block-unfolded-link {
    font-weight: bold;
    text-align: center;
    margin: 10px 0;
  }

  Pages using this styling

  • scp-8988-j [info]

  ¶ 1 occurrence
  

  :root {
    --accentColor: #FA0233; 
    --accentColorLite: #C40233;
    --lgurl: url(https://scp-wiki.wdfiles.com/local--files/dinodraws-author-page/departmentofgeology%20redmode.png);
    --header-title: "DEPARTMENT OF GEOLOGY";
       --header-subtitle: "AS ABOVE, SO BELOW";
  --five-color: 196, 2, 51;
  }

  Pages using this styling

  • scp-8988 [info]

  ¶ 1 occurrence
  

  @import url('https://scp-wiki.wdfiles.com/local--files/theme:isolated-terminal/terminus.css');
  
  .aic {
    font-family: 'terminus_ttfmedium', sans-serif;
    font-weight: 1000; 
    font-size: 1.15em;
  }
  

  Pages using this styling

  • scp-8987 [info]

  ¶ 1 occurrence
  

  :root {
    --basalt-bright-element-color: 129, 114, 148;
  --basalt-dark-element-color: 129, 114, 148;
      --header-logo: url('https://scp-wiki.wdfiles.com/local--files/dinodraws-author-page/departmentofgeology%20darkmode.png');
   --title: "Department of Geology";
    --subtitle: "As Above, So Below";
  }
  
  #page-content div.floatbox {
      background-color: rgb(0, 0, 0);
      border-color: rgb(255, 0, 51) !important;
      border: solid 0.24rem;
  }
  
  #page-content div.floatbox.right {
      background-color: rbg(0, 0, 0);
      border-color: rbg(255, 0, 51);
  }
  
  

  Pages using this styling

  • scp-8987 [info]

  ¶ 1 occurrence
  

  
  /* Woed bar tweaks */
  
  div.scale {
  
    --swatch-text-general:#fff;
  
      /* Classification Colors */
  //    --woedbar-keter-color: rgba/hsl/hex/name;
  //    --woedbar-euclid-color: rgba/hsl/hex/name;
  //    --woedbar-safe-color: rgba/hsl/hex/name;
  //    --woedbar-thaumiel-color: rgba/hsl/hex/name;
  //    --woedbar-neutral-color: rgba/hsl/hex/name;
      /* Angled Bar Colors */
      --woedbar-lvl1-color: #958a72;
      --woedbar-lvl2-color: #f4d55a;
  //    --woedbar-lvl3-color: rgba/hsl/hex/name;
  //    --woedbar-lvl4-color: rgba/hsl/hex/name;
  //   --woedbar-lvl5-color: rgba/hsl/hex/name;
  //    --woedbar-lvl6-color: rgba/hsl/hex/name;
      /* Class Bar Color */
      --woedbar-class-bar-color: #495760;
  }
  
  //div.obj {color: rgb(var(--darkColor)) !important;}

  Pages using this styling

  • scp-8986 [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@700&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap');
  
  /* Penumbra tweaks */
  
  .authorlink-wrapper  a {margin:auto !important; text-align:center !important;}
  
  :root {
    --header-title: "SCP FOUNDATION";
   --accentColor: #f4d55a;
    --author-top-adjust:0.2rem;
    --title-font: "Josefin Sans", sans-serif;
     --body-font: "Inter", sans-serif;
  }
  
  #page-title {display: none;}
  
  table.wiki-content-table {
    margin: 2rem 2rem 2rem 2rem;
    border: solid 2px #82869b;
    }
  
  table.wiki-content-table th {padding: 0.9em 0.7em;}
  
  table.wiki-content-table td {padding: 2.3em 1.6em;}
  
  #page-content .wiki-content-table tr td {
    border: solid 1px #82869b;
    }
  
  #page-content .wiki-content-table tr th {
    border: solid 1px #82869b;
    font-family: var(--title-font);
    text-transform:uppercase;
    }
  
  .boldTag {font-family: var(--title-font);text-transform:uppercase;}
  
  .boldTag2 {font-size:110%; line-height:1.2; color: var(--accentColor);}
  
  @media only screen and (max-width: 600px) {
  
  table.wiki-content-table {margin: 2rem 0.5rem 2rem 0.5rem;}
  }

  Pages using this styling

  • scp-8986 [info]

  ¶ 1 occurrence
  

  
  /* PAGE LEVEL STUFF */
  
  :root {
  --page-content-font-size: 1rem;
  --main-content-width: 100%;
  --main-content-side-margin: 0px;
  --basalt-bright-element-color: 133, 83, 172;
  --header-UI-font-size: 1rem;
  }
   
  #action-area, #history-subarea {
      margin: 1rem auto 0;
      max-width: 80%;
  }
  
  .licensebox .collapsible-block-link {
      color: darkgray !important;
  }
  
  div#page-options-container {
      max-width: 45rem;
      margin: auto;
  }
  
  div#u-authorlink {
      text-align: center;
      color: rgb(187, 187, 187);
  font-weight: 700;
  font-size: 0.875rem;
  }
  
  div#u-authorlink a {
      color: rgb(133, 83, 172);
  font-weight: 700;
  }
  
  div#u-authorlink p {
  margin: 0px;
  }
  
  .centerbox {
  width: fit-content;
  margin: auto;
  }
  
  .authorlink-wrapper {
      margin: 0px !important;
  }
  
  /* #page-content .creditRate {
  margin: 0.5rem;
  text-align: center;
  width: fit-content;
  } */
  
  div#content-wrap {
  /* Old background gradient */
  /* background: linear-gradient(90deg, #CAD2D9 0%, #FCFCFC 50%, #CAD2D9 100%) */
  background: linear-gradient(90deg, #E6EAED 0%, #FFFFFF 50%, #E6EAED 100%);
  }
  
  /* FOOTNOTES */
  
  .f-content {
      font-size: 1rem;
  }
  
  a.footnoteref {
      font-weight: bold;
  }
  
  
  /* TEXT TAGS */
  
  
  .loxodonta {
  color: #0359A5;
  font-weight: bold;
  }
  
  .text-scp {
  color: black;
  font-weight: bold;
  }
  
  .text-scp-a {
  color: black;
  font-weight: bold;
  }
  
  
  /* RAISA MEMO */
  
  div.raisa_memo {
  max-width: 36rem !important;
  box-shadow: 0px 1px 1.9px -4px rgba(0, 0, 0, 0.1), 0px 6px 15px -4px rgba(0, 0, 0, 0.2);
  padding: 0px;
  margin: 3rem auto;
  width: 95%;
  background-position: center;
  }
  
  div.raisa_memo::before {
  content: none;
  }
  
  .raisa-header {
      padding-inline: 0.5rem;
  }
  
  .raisa-background {
  background: rgba(255, 243, 173, 0.8);
  }
  
  div.raisa-content {
      max-width: 26rem !important;
      text-align: left;
      margin-inline: auto;
  padding-inline: 1rem;
  }
  
  .raisa-divider {
      display: block;
      background: rgba(0,0,0,0.1);
      height: 2px;
      width: 100%;
  }
  
  .text-notice {
      font-size: 1rem;
      font-weight: bold;
  }
  
  .text-raisa {
      font-weight: bold;
      font-size: 1.4rem;
  }
  
  /* HARDCASTLE SECTION */
  
  hr {
      margin-inline: -2.5rem;
  }
  
  #u-conprocs {
  margin-block: 2rem;
  }
  
  #u-description {
  margin-block: 2rem 1rem;
  }
  
  
  /* .addendum-1 {
      padding-bottom: 25rem;
      background: linear-gradient(90deg, #E6EAED 0%, #FFFFFF 50%, #E6EAED 100%);
      position: relative;
      margin-bottom: -25rem;
      -webkit-mask-image: linear-gradient(to bottom, black 79%, transparent 100%);
      mask-image: linear-gradient(to bottom, black 79%, transparent 100%);
  }
  */
  
  .conprocs .section {
  margin-top: 0;
  }
  
  .addendum-1 .section {
      margin-bottom: 0;
  }  
  
  .addendum-1 hr {
      margin-block: 32px;
  }
  
  .hardcastle {
      background: linear-gradient(90deg, #B0B0B0 0%, #F2F2F2 50%, #B0B0B0 100%);
  padding-top: 3rem;
  padding-bottom: 0.5rem;
  }
  
  div.section {
  max-width: 45rem !important;
  background-color: white;
  padding: 1.5rem 2.5rem;
  background: #FCFBFC;
  box-shadow: 0px 1px 1.9px -4px rgba(0, 0, 0, 0.1), 0px 6px 15px -4px rgba(0, 0, 0, 0.2);
  margin: 2.5rem auto;
  box-sizing: border-box;
  position: relative;
  z-index: 2;
  width: 95%;
  }
  
  @media screen and (max-width: 600px) {
  
  div.section { 
  padding-inline: 1.25rem;
  }
  
  hr {
      margin-inline: -1.25rem;
  }
  
  :root {
  --header-UI-font-size: 0.75rem;
  }
  
  }
  
  div.raisa {
  background: rgba(255, 243, 173, 1);
  border: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: 0px 1px 1.9px -4px rgba(0, 0, 0, 0.1), 0px 6px 15px -4px rgba(0, 0, 0, 0.2);
  }
  
  .shortpic {
  position: relative;
  max-width: 50rem !important;
  margin: 1rem auto;
  box-shadow: 0px 1px 1.9px -4px rgba(0, 0, 0, 0.1), 0px 6px 15px -4px rgba(0, 0, 0, 0.2);
  width: 95%;
  }
  
  .shortpic img {
  max-height: 28rem;
  width: 100%;
  object-fit: cover;
  }
  
  .wide {
      margin-block: 2rem;
  }
  
  .wide img {
      max-height: initial;
      object-fit: cover;
  }
  
  .bigpic {
  position: relative;
  margin: 0 auto;
  max-width: 70rem !important;
  box-shadow: 0px 1px 1.9px -4px rgba(0, 0, 0, 0.1), 0px 6px 15px -4px rgba(0, 0, 0, 0.2);
  }
  
  .bigpic img {
  width: 100%;
  object-fit: cover;
  }
  
  .bigpic .scp-image-caption {
      max-width: 42rem !important;
      margin: auto;
  }
  
  div#u-kessock img {
      min-height: 30rem;
  }
  
  div#u-skye img {
      min-height: 26rem;
  }
  
  
  .timeline {
     counter-reset: memory;
  position:relative;
  }
  
  .timeline::before {
      content: "";
      position: absolute;
      top: 0;
      bottom: 0;
      left: 50%;
      width: 2px;
      background: #ccc;
      z-index: 0;
  }
  
  .memory {
  display: block;
  background-color: #FCFBFC;
  box-shadow: 0px 1px 1.9px -4px rgba(0, 0, 0, 0.1), 0px 6px 15px -4px rgba(0, 0, 0, 0.2);
  max-width: 40rem !important;
  width: 85%;
  border-bottom: 4px solid #0359A5;
  box-sizing: border-box;
  margin: 1.5rem auto;
  padding: .5rem 1.25rem 1rem;
  position: relative;
  }
  
  .video {
  display: block;
  background-color: #FCFBFC;
  box-shadow: 0px 1px 1.9px -4px rgba(0, 0, 0, 0.1), 0px 6px 15px -4px rgba(0, 0, 0, 0.2);
  max-width: 31.25rem !important;
  width: 85%;
  border: 4px solid #8553AC;
  box-sizing: border-box;
  margin: 2.5rem auto;
  padding: .5rem 1.25rem 1rem;
  position: relative;
  }
  
  .video-header {
      color: #8553AC;
      font-weight: bold;
      display: flex;
      align-items: center;
      text-wrap-mode: nowrap;
      gap: 2rem;
  }
  
  .video-header::after, .video-header::before  {
  content: " ";
  background: #CEBFD9;
  height: 1px;
  width: 100%;
  }
  
  .memory p, .video p {
  margin-block: 1rem;
  }
  
  div.memory {
      counter-increment: memory;
  }
  
  .memory-header {
      color: #0359A5;
      font-weight: bold;
      display: flex;
      align-items: center;
      text-wrap-mode: nowrap;
      gap: 2rem;
  }
  
  .memory-header::after, .memory-header::before  {
  content: " ";
  background: #BFCDD9;
  height: 1px;
  width: 100%;
  }
  
  .recording {
      background: #48494A;
      color: white;
      padding-block: 0.25rem;
      text-align: center;
      display: block;
  }
  
  .failure {
  background: #EAEDF0;
  border: 1px solid #BABDBF;
  margin-block: 1rem;
  }
  
  .failure .memory-header {
      color: #8b8b8b;
  }
  
  #u-kessock scp-image-block block-center scp-image-caption {
  background: #EAEDF0;
  }
  
  div#u-tinybox {
      width: fit-content;
      padding: 0.5rem 1rem;
  }
  
  .pagebreak {
  width: 100%;
  height: 2rem;
  background: #FFFFFF;
  box-shadow: inset 0px 16px 32px -4px rgba(12, 12, 13, 0.1);
  border-bottom: 1px solid #BABDBF;
  border-top: 1px solid #BABDBF;
  }
  
  
  #page-content a.collapsible-block-link {
      overflow-wrap: anywhere;
      display: block;
      margin: 0 auto;
      width: fit-content;
  font-weight: bold;
  }
  
  .finalrate {
      background: linear-gradient(90deg, #E6EAED 0%, #B0B0B0 50%, #E6EAED 100%);
      padding-top: 0.5rem;
      padding-bottom: 0.5rem;
  }
  
  #u-finalrate {
      height: 1rem;
  }
  

  Pages using this styling

  • scp-8985 [info]

  ¶ 1 occurrence
  

  .fncon {
    background-color: black;
  }

  Pages using this styling

  • scp-8984 [info]

  ¶ 1 occurrence
  

  :root {
       --header-title: "The Sanest King";
       --header-subtitle: "FUN - FEAR - FINANCE.";
  }
  
  #page-content { padding-top:0; }
  
  #breadcrumbs { display: none !important; }
  
  #page-title { display: none !important; }
  
  /* Stylized addendum blocks: */
  .addendum {
      margin: 0% 9% 0% 7%;
      padding: 10px 20px 10px 20px;
      background-color: #f2f2f2;
  }
  
  .addendum2 {
      margin: 0% 14% 0% 12%;
      padding: 10px 20px 10px 20px;
      background-color: #f4efef;
    border-width: 9px;
    border-style: double;
    border-color: #ce6666 #aa1212;
  }
  
  .text-part > .main-class {
  margin-left: 0em;
  }
  
  /* Character tag styles */
  .characterTag {
    letter-spacing:0.2rem;
    font-weight:bold;
    text-decoration:underline;
    line-height:inherit;
    text-transform:uppercase;
    font-size: 90%;
    padding-right: 0.5rem;
  }
  
  /* Custom collapsible style */
  #page-content a.collapsible-block-link {
    padding-left: 1em;
    font-size: 1.5rem;
    font-weight: bold;
  }
  
  /* Centers author credit line */
  .authorlink-wrapper {
    margin: auto;
    width: fit-content;
  }
  
  /* Fixes Addendum blocks margins for mobile viewing */
  @media only screen and (max-width: 600px) {
  
  
      .addendum {
          margin: 0% 4% 0% 4%;
      }
      .addendum2 {
          margin: 0% 4% 0% 4%;
      }
  
  }

  Pages using this styling

  • scp-8981 [info]

  ¶ 1 occurrence
  

  
  .content-warning {
      font-size: 100%;
      font-weight: 900;
  }
  
  .earthworm--anth24 {
      --anth24-accent: rgb(10, 70, 10) !important;
  }
  
  div.earthworm--anth24 .earthworm__hub::after {
      background: #000;
      filter: unset !important;
  }
  
  div.earthworm--anth24 .earthworm__previous:has(a:hover) {
      background-image: linear-gradient(to right, #24f04d44, transparent);
  }
  
  div.earthworm--anth24 .earthworm__previous:has(a:hover) .earthworm__arrowhead, .earthworm--anth24 .earthworm__next:has(a:hover) .earthworm__arrowhead {
      background-image: linear-gradient(to left, #24f04d44, #24f04d44);
  }
  
  div.earthworm--anth24 .earthworm__next:has(a:hover) {
      background-image: linear-gradient(to left, #24f04d44, transparent);
  }
  
  .earthworm--anth24 a {
      text-decoration: none !important;
  }
  

  Pages using this styling

  • scp-8980 [info]

  ¶ 1 occurrence
  

  #top-bar .ios-cache-issue-notification {
    display: none !important;
  }

  Pages using this styling

  • scp-8980 [info]

  ¶ 1 occurrence
  

  :root {
    --basalt-bright-element-color: 129, 114, 148;
  --basalt-dark-element-color: 129, 114, 148;
      --header-logo: url('https://i.imgur.com/D4552YA.png');
   --title: "Department of Geology";
    --subtitle: "As Above, So Below";
  }
  
  #page-content div.floatbox {
      background-color: rgb(0, 0, 0);
      border-color: rgb(255, 0, 51) !important;
      border: solid 0.24rem;
  }
  
  #page-content div.floatbox.right {
      background-color: rbg(0, 0, 0);
      border-color: rbg(255, 0, 51);
  }
  
  .redder {
  .image-block, .scp-image-block {
      border-bottom: solid .325rem rgb(207 48 48);
   }
  }
  

  Pages using this styling

  • scp-8978 [info]

  ¶ 1 occurrence
  

  body {
    background: linear-gradient(180deg, rgba(191,202,227,1) 84%, rgba(0,0,0,1) 92%);
  }
  
  .blot {
    height: 100px;
    width: 400px;
    background-color: black;
    position: relative;
    top: -5rem;
    z-index: 4;
    margin-bottom: -100px;
    text-align: center;
    font-weight: bold;
    font-family: monospace;
  }
  
  .blot::before {
    content: "[MEMORY DAMAGED]";
  }
  
  .corruption {
    background: black;
    padding: 0.5rem;
    font-weight: bold;
    font-family: monospace;
  }
  
  .corruption::before {
    content: "[MEMORY CORRUPTED";
  }

  Pages using this styling

  • scp-8976 [info]

  ¶ 1 occurrence
  

  .wiki-content-table {
    width: 80%;
  }
  
  td {
    text-align: center;
  }
  
  td:nth-of-type(1) {
    min-width: 50%;
  }

  Pages using this styling

  • scp-8972 [info]

  ¶ 1 occurrence
  

  :root {
      --bright-accent: 255, 196, 0;
      --medium-accent: 185, 140, 0;
      --dark-accent: 109, 84, 0;
      --barColour: #ffc400!important;
      --header-title: "STARSITE";
  }
  #page-content a { color: rgb(var(--bright-accent)); }
  .foundation > .doc {top: -3.25em;}
  .foundation :is(blockquote, .blockquote, div.blockquote, [class*="blockquote"]) {
   background: #fdf9c2 !important
  }
  
  #top-bar {
  --topmenu-category-color: 0, 0, 0;
  }
  
  .rnb-current {
      background-color: rgb(var(--bright-accent));
      background-blend-mode: darken;
  }
  
  .label, .doc, .scp-image-caption {
      color: #403000;
  }
  .doc {
      margin-bottom: -2.9rem;
  }
  
  #extra-div-1 {
    background: url(https://hubblesite.org/files/live/sites/hubble/files/home/mission-and-telescope/hubble-30th-anniversary/iconic-images/_images/hubble_30th_images/hubble-30th-westerlund2.jpg);
    background-size: contain;
  }
  
  #extra-div-2 {
      display: none;
  }
  
  #extra-div-3 {
      filter: hue-rotate(65deg) brightness(2.5) saturate(1.5);
  }
  .addendum {margin-top: 1.6rem;}
  .tminus {font-size: 150%; padding: 5px 2rem; letter-spacing: 0.25rem;}
  .foundation :is(blockquote, .blockquote, div.blockquote, [class*="blockquote"]) { background: rgba(var(--bright-accent), 0.15);}
  #page-content > .collapsible-block { background: rgba(0,0,0,0.35);}
  #page-content > .collapsible-block a { color: rgb(var(bright-accent));}

  Pages using this styling

  • scp-8969 [info]

  ¶ 1 occurrence
  

  @import url('https://scp-wiki.wdfiles.com/local--files/theme:twin-files/stylesheet-alt.css');
  @import url('https://fonts.googleapis.com/css2?family=Jost&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Rubik&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Archivo&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Sedgwick+Ave&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Arimo&display=swap');
  .genblock {
      background-color: rgb(var(--printer-paper));
      background-image: url("https://scp-wiki.wdfiles.com/local--files/theme:twin-files/paper-texture.png");
      background-repeat: repeat;
      background-size: 100%;
      width: 90%;
  margin-bottom: 10px; width: 90%; margin: auto; overflow-x: auto;
  
      color: rgb(var(--ink-blot));
      font-family: var(--printer-paper-font);
      border: 3px solid white;
      border-color: rgb(var(--papers-edge));
  
      padding: 1.5em 1em 1.5em 1em;
  }

  Pages using this styling

  • scp-8968 [info]

  ¶ 1 occurrence
  

  
  :root {
      --desktop-wallpaper: url(https://i.imgur.com/bEjr07P.png);
      --window-radius: 0.95rem;
      --basalt-UI-opacity: 0.725;
  }
  
  #page-title,#breadcrumbs { display: none; }
  #page-content {
      padding: 0;
      background: transparent;
      border-radius: 0;
  }
  
  div.rate-box-with-credit-button .creditButton>p>a::before {
      border-radius: calc(var(--window-radius)/4);
  }
  
  /*--------------------------------------------------*/
  
  .head-container {
      display: flex;
      align-items: center;
      justify-content: center;
      flex-wrap: wrap;
      background-color: rgb(var(--basalt-secondary-color));
      padding: .15rem .875rem;
      gap: .25rem .75rem;
      border-start-start-radius: var(--window-radius);
      border-start-end-radius: var(--window-radius);
  }
  
  .head-container .pseudo-title {
      display: grid;
      flex-grow: 1;
      font-family: var(--header-font);
  }
  .pseudo-title span:first-child {
      display: inline-block;
      padding-block: 0.125rem;
      font-size: 0.675rem;
  }
  .pseudo-title span:first-child a {
      display: inline-block;
      background-color: rgb(var(--basalt-background-color));
      border-radius: var(--window-radius);
      padding: 0.125em 0.5em;
      transition: background-color 0.125s ease-out;
  }
  .pseudo-title span:first-child a:is(:hover,:focus) {
      text-decoration: none;
      background-color: rgb(var(--link-color));
      color: rgb(var(--basalt-secondary-color));
  }
  
  .pseudo-title span:nth-child(2) {
      font-weight: bold;
      font-size: 1.325rem;
  }
  
  .head-container .rate-box-with-credit-button {
      margin: 0;
      box-shadow: none;
  }
  
  ul.creditRate + div { display: none; }
  
  .body-container {
      padding: .9125rem;
      position: relative;
      border-end-start-radius: var(--window-radius);
      border-end-end-radius: var(--window-radius);
  }
  .body-container::before {
      content: "";
      position: absolute;
      top: 0; left: 0;
      width: 100%; height: 100%;
      box-shadow: var(--window-shadow);
      background-color: rgb(var(--basalt-background-color),var(--basalt-UI-opacity));
      -webkit-backdrop-filter: blur(.175rem);
      backdrop-filter: blur(.75rem);
      border-radius:  inherit;
      z-index: -1;
  }
  
  .danger-diamond > .quadrants > div {
      background-color: transparent !important;
  }
  
  .skip_box.terminal::after{
      content: attr(data-title);
      font-size: min(calc(1.5vw + .25em),1em);
      line-height: 1.25;
  }
  
  .body-container h3 {
      margin-block-start: 1.5rem;
      border-block-end: 0.05rem solid rgb(var(--basalt-main-text-color),0.25) !important; 
      padding-block-end: 0.325rem;
  }
  
  div.skip_float{
      font-size: 1rem;
      background-color: rgb(var(--basalt-background-color));
      width: var(--main-content-width);
      margin-left: 0rem;
  
  /*--------------------------------------------------*/
  
  .email {border: solid 2px #000000; width: 88%; padding: 1px 15px; margin: 10px; box-shadow: 0 1px 3px rgba(0,0,0,.5)}
  .email-example a.collapsible-block-link {font-weight: bold;}
  .tofrom {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px maroon}
  
  
  .lefty {
      float: left;
      width: 55%;
  }
  
  .righty {
      float: left;
      width: 40%;
  }
  
  @media screen and (max-width: 640px) {
      .lefty {
      float: none;
      width: 100%;
  }
      .righty{
      float: none;
      width: 100%;
  }

  Pages using this styling

  • scp-8963 [info]

  ¶ 1 occurrence
  

  /* This greys out the O5s that are absent. */
  .o5-table tr > :nth-child(2) {
      color: #8e8e8e;
  }
  
  .danke {
      padding: 5px;
      margin-bottom:10px;
      font-family: monospace;
      font-size: 1.2em; 
  }
  
  .aic {
      background-color:#d6d6d6;
      border: 3px solid #df0000;
      color: #df0000;
  }
  
  .game {
      background-color:#000000;
      border: 3px solid #000000;
      color: #DDDD77;
  }

  Pages using this styling

  • scp-8961 [info]

  ¶ 1 occurrence
  

  @media (max-width: 479px) {
    #header {
      background-position-y: 70px !important; /* !important needed to override another !important */
    } 
  }
  @media (max-width: 768px) {
    #header h1 {
      font-size: 4vw;
    }
    
    #header h2 {
      font-size: 2.7vw;
    }
  }
  #page-title, .meta-title {
      display: inherit !important;
  }
  
  /* LICENSEBOX */
   .licensebox .collapsible-block-link{
       animation: none !important;
       color: hsl(40, 100%, 62%);
  }
  
  .info-container{
  --barColour: #5C1D24;
  --linkColour: #ffb961; — this is the colour of the "i" and the text within the author button
  }
  
  #page-content .info-container .collapsible-block-folded::before,
  #page-content .info-container .collapsible-block-unfolded-link::before {
      color: #ffb861;
  }
  
  hr {
      background-color: #ffb961;
  }
  
  .item, .level, .class-category {
    color: #ffb961;
  }
  
  .scp-image-block, .scp-image-block .scp-image-caption {
      border-top: solid 1px #ffb961;
  }
  
  .scp-image-block {
      border: solid 1px #ffb961;
  }
  
  /* DIV BLOCKS */
  .log {
      background-color: #192845;
      padding: 1em;
      border: 2px solid #ffb961;
      border-radius: .5em;
  }
  
  .anom-bar-container.apollyon .danger-diamond > .bottom-icon::before {
      background-image: url("https://scp-wiki.wikidot.com/local--files/component:anomaly-class-bar/apollyon-icon.svg");
      background-size: contain;
      background-color: #f2f2f2;
      filter: invert(1);
  }
  .anom-bar > div.bottom-box::before, .bottom-box > div.diamond-part::before, .danger-diamond > .arrows {
      background-color: #ffb961 !important;
  }
  .danger {
      color: red;
      font-weight: bold;
  }
  #u-comments2 {
      display:block !important;
  }

  Pages using this styling

  • scp-8954 [info]

  ¶ 1 occurrence
  

  .queerframe {
   max-width: 50%;
   padding:2.5vmin;
   border-width: 2.5vmin;
   @media only screen and (max-width: 600px) {
   max-width: 500px;
   padding:5vmin;
   border-width: 5vmin;
  }

  Pages using this styling

  • scp-8953 [info]

  ¶ 1 occurrence
  

  
  #page-title {
      display: block !important;
  }
  
  .email-example .collapsible-block-folded a.collapsible-block-link {
      animation: blink 0.8s ease-in-out infinite alternate;
  }
  @keyframes blink {
      0% { color: transparent; }
      50%, 100% { color: #b01; }
  }
  .email {border: solid 2px #000000; width: 88%; padding: 1px 15px; margin: 10px; box-shadow: 0 1px 3px rgba(0,0,0,.5)}
  .email-example a.collapsible-block-link {font-weight: bold;}
  .tofrom {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px maroon}

  Pages using this styling

  • scp-8944 [info]

  ¶ 1 occurrence
  

  @media (prefers-reduced-motion: no-preference) {
     span#u-bar {
         animation: steal 3s ease-in-out infinite alternate;
         font-weight: bold;
     }
  
     @keyframes steal {
         0% { color: transparent; }
         50%, 100% { color: black; }
     }
  }

  Pages using this styling

  • scp-8941 [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Special+Elite&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Stardos+Stencil:wght@400;700&display=swap');
  
  .uiu {
    display: inline-block;
    color: black;
    font-family: "Special Elite";
    font-weight: 450;
    font-style: normal;
    font-size: 1.1em;
  }
  
  .uiu2 {
    display: inline-block;
    color: black;
    font-family: "Stardos Stencil";
    font-weight: 550;
    font-style: normal;
    font-size: 1.2em;
  }

  Pages using this styling

  • scp-8936 [info]

  ¶ 1 occurrence
  

  /* Earthworm + BHL compatibility */
  .earthworm--anth24 a {
    padding: 0 !important;
    margin: 0 !important;
  }

  Pages using this styling

  • scp-8935 [info]

  ¶ 1 occurrence
  

  .iframe-wrapper {
      list-style: none;
      margin: 0;
      padding: 0;
  } 
  .iframe-wrapper > li {
  }
  .iframe-wrapper > li > .foldable-list-container {
  }
  .iframe-wrapper > li > .foldable-list-container > a {
  }
  .iframe-wrapper > li > .foldable-list-container + div {
      background-color: #3339;
      height: 100%;
      left: 0;
      position: fixed;
      top: 0;
      transition: opacity .2s ease-in-out;
      width: 100%;
      z-index: 20;
  }
  .iframe-wrapper > .folded > .foldable-list-container + div {
      opacity: 0;
      pointer-events: none;
  }
  .iframe-wrapper > .unfolded > .foldable-list-container + div {
      opacity: 1;
      pointer-events: auto;
  }
  .iframe-wrapper > li > .foldable-list-container + div > .foldable-list-container {
      left: 1rem;
      position: absolute;
      top: 1rem;
  }
  .iframe-wrapper > li > .foldable-list-container + div > .foldable-list-container > a {
      background-color: #000;
      display: block;
      font-size: 0;
      height: 2rem;
      text-align: center;
      width: 2rem;
  }
  .iframe-wrapper > li > .foldable-list-container + div > .foldable-list-container > a:hover {
      text-decoration: none;
  }
  .iframe-wrapper > li > .foldable-list-container + div > .foldable-list-container > a::before {
      color: #fff;
      content: "\f100";
      font-size: 2rem;
      font-family: "FontAwesome", emoji;
      line-height: 1;
  }
  .iframe-wrapper > li > .foldable-list-container + div > .page-rate-widget-box {
      box-shadow: none;
      position: absolute;
      right: 1rem;
      top: 1rem;
  }
  .iframe-wrapper > li > .foldable-list-container + div > iframe {
      height: 100%;
      width: 100%;
  }

  Pages using this styling

  • scp-8934 [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Spectral:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');
  
  .optext {
  font-family: "Spectral";
  font-size: 1.05em;
  }
  

  Pages using this styling

  • scp-8930 [info]

  ¶ 1 occurrence
  

  .addendumblock
  {
      display: block;
      border: solid 1px #303034;
      background: #DDDDDD;
  }
  .checkblock
  {
      display: block;
      border: solid 1px #111111;
      background: #642E2C;
      color: #EEEEEE;
  }
  .addendumblock .entrytag
  {
     width: 90%;
     margin-left: auto;
     margin-right: auto;
     margin-top: 5%
  }
  .blockquote
  {
     border: solid 1px !important;
     background: #FFFFFF !important;
  }
  
  /* RESPONSIVE */
  
  @media screen and (max-width: 900px)
  {
     .blockquote
     {
         width:70% !important;
         margin-left:auto !important;
         margin-right:auto !important;
     }
  }
  

  Pages using this styling

  • scp-8925 [info]

  ¶ 1 occurrence
  

  :root {
  /*
      BLANKSTYLE CSS
      [2021 Wikidot Theme]
      By Placeholder McD and HarryBlank
      Based on:
         Paperstack Theme by EstrellaYoshte
         Penumbra Theme by EstrellaYoshte
  */
   
  @import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,800;1,800&display=swap');
   
  #page-content { font-size: .9rem; }
   
  #main-content {
      top: -1.6rem;
      padding: 0.2em;
  }
   
  div#container-wrap {
       background-image: none;
  }
   
  div#header {
      background-image: none;
  }
   
  #header h1, #header h2 { margin-left: 0; float: none; text-align: center; }
  #header h2 { margin-top: 0.5rem; }
  #header h1 span, #header h2 span { font-size: 0; display: none;}
  #header h1 a::before, #header h2::before {
      color: #000;
      letter-spacing: 1px;
      font-family: 'Montserrat', sans-serif !important;
      text-shadow: none;
  }
   
  #header h1 a::before {
    content: var(--header-title, "SCP FOUNDATION");
    font-weight: 400;
    font-size: 1.3em;
  }
   
  #header h2::before {
    content: var(--header-subtitle, "Secure, Contain, Protect");
    font-weight: 700;
    font-size: 1.2em;
  }
   
  @media (max-width: 707px) {
      #header h1 a::before {
          font-size: 1.6em;
      }
  }
   
  #login-status,
  #login-status a {
      color: #333333;
  }
   
  #page-title {
      display: none;
  }
   
  #footer, #footer a {
      background: transparent;
      color: #333333;
  }
   
  #search-top-box-input,
  #search-top-box-input:hover,
  #search-top-box-input:focus,
  #search-top-box-form input[type=submit],
  #search-top-box-form input[type=submit]:hover,
  #search-top-box-form input[type=submit]:focus {
      border: none;
      background: #333333;
      box-shadow: none;
      border-radius: 0px;
      color: #efefef;
  }
   
  #search-top-box input.empty {
      color: #999999;
  }
   
  #search-top-box {
      top: 2.3rem!important;
      right: 8px;
  }
   
  #top-bar { 
     display: flex;
     justify-content: center;
     right: 0;
     top: 7.9rem;
  }
   
  #top-bar, #top-bar a {
      color: #333333;
  }
   
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
      font-family: 'Montserrat', sans-serif;
      color: #000;
      letter-spacing: 1px;
  }
   
  h1 {
      font-size: 2em;
  }
   
  h2 {
      font-size: 1.45em;
  }
   
  div#extra-div-1 {
      height: 160px;
      width: 100%;
      top: 0;
      position: absolute;
      background: url('https://i.imgur.com/jXnl8Pl.png');
      background-size: contain;
      background-repeat: no-repeat;
      background-position: 50% 50%;
      z-index: -1;
  }
   
  @media (max-width: 707px) {
      div#extra-div-1 {
          top: 15px;
      }
  }
   
  body {
      background-image: linear-gradient(
          to bottom,
          #B7BCC1, #B7BCC1 90px,
          #B7BCC1 90px, #E1E3E4 200px,
          #E1E3E4 90px, #FFFFFF 100%);
      background-repeat: no-repeat;
  }
   
  :root {
    --timeScale: 1.5;
    --timeDelay: 1.5s;
    --posX: calc(50% - 358px - 13rem);
    --fnLinger: 1s;
  }
   
  #page-content hr {
      background-color: #000;
  }
   
  #page-content tr th {
      padding: 6px;
      border: #000 1px solid;
  }
   
  #page-content tr td {
      padding: 12px;
      border: #000 1px solid;
      line-height: 1.4;
  }
   
  #page-content .sidebox tr td, 
  #page-content .sidebox tr th {
      padding: 0.35em;
  }
   
  #side-bar {
      border-right: 1px solid #333;
      background: #DDD;
  }
   
  #side-bar .side-block {
      border: 1px solid #333;
      border-radius: 0;
      box-shadow: none;
  }
   
  #top-bar div.open-menu a {
      border: 1px solid #333;
      border-radius: 0;
      box-shadow: none;
  }
   
  @media (max-width: 767px) {
      #side-bar:target {
          border: 1px black;
          box-shadow: none;
      }
  }
   
  #side-bar .side-block {
      border: 1px solid #333;
      border-radius: 0;
      box-shadow: none;
      background-color: #FDF6D7;
  }
  #side-bar .side-block.media {
      background-color:#D7EFE7;
  }
  #side-bar .side-block.resources {
      background-color:#F5D8E0;
  }
   
  #page-content .creditRate{
      margin: unset;
      margin-bottom: 4px;
  }
  #page-content .rate-box-with-credit-button {
      background-color: #ffffff;
      border: solid 1px #000;
      box-shadow: none;
      border-radius: 0;
  }
   
  #page-content .rate-box-with-credit-button .fa-info {
      border: none;
      color: #333333;
  }
   
  #page-content .rate-box-with-credit-button .fa-info:hover {
      background: #333333;
      color: #ffffff;
  }
   
  .rate-box-with-credit-button .cancel {
      border: solid 1px #ffffff;
  }
   
  /* ---- PAGE RATING ---- */
   
  .page-rate-widget-box {
      box-shadow: none;
      border: solid 1px #000;
      margin: unset;
      margin-bottom: 4px;
      border-radius: 0;
  }
   
  div.page-rate-widget-box .rate-points {
      background-color: #ffffff;
      color: #333333;
      border: none;
      border-radius: 0;
  }
  .page-rate-widget-box .rateup,
  .page-rate-widget-box .ratedown {
      background-color: #ffffff;
      border-top: none;
      border-bottom: none;
  }
   
  .page-rate-widget-box .rateup a,
  .page-rate-widget-box .ratedown a {
      background: transparent;
      color: #333333;
  }
   
  .page-rate-widget-box .rateup a:hover,
  .page-rate-widget-box .ratedown a:hover {
      background: #333333;
      color: #ffffff;
  }
   
  .page-rate-widget-box .cancel {
      background: transparent;
      background-color: #ffffff;
      border: none;
      border-radius: 0;
  }
   
  .page-rate-widget-box .cancel a {
      color: #333333;
  }
  .page-rate-widget-box .cancel a:hover {
      background: #333333;
      color: #ffffff;
      border-radius: 0;
  }
  #page-content .rate-box-with-credit-button .page-rate-widget-box { border: none; }
   
  .anchor {
      position: sticky;
      height:0;
      top: 0;
  }
  .sidebox {
      padding: .14rem;
      margin-top: 0;
      margin-bottom: 8px;
      width: calc((100vw - 870px)/2);
      max-height: calc(100vh - 18rem);
      position: absolute;
      top: 0;
      left: 103.5%;
      z-index: 5;
      overflow: auto;
      box-sizing: border-box;
  }
  @media (max-width: 1290px) {
      .sidebox {
          display: none;
          visibility: hidden;
      }
   
      #header h2::before {
          font-size: 0.9em !important;
      }
  }
   
  .scp-image-block {
      box-shadow: none;
  }
   
  /* ---- 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 ----*/
   
   .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: #333333;
       box-shadow: none;
  }
   .yui-navset .yui-nav a, /* ---- Link Modifier ---- */
   .yui-navset .yui-navset-top .yui-nav a{
       color: #333333;
      /* ---- Tab Background Colour | [UNSELECTED] ---- */
       background-color: #efefef;
       border: unset;
       box-shadow: none;
       box-shadow: none;
  }
   .yui-navset .yui-nav a:hover,
   .yui-navset .yui-nav a:focus{
       color: #ffffff;
      /* ---- Tab Background Colour | [HOVER] ---- */
       background-color: #333333;
  }
   .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;
       color: #ffffff;
       background-color: #ffffff;
       border-color: transparent;
       box-shadow: none;
  }
   .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: #333333;
  }
   .yui-navset .yui-nav .selected a,
   .yui-navset .yui-nav .selected a em{
       border: none;
  }
   .yui-navset .yui-nav .selected a{
       width: 100%;
       color: #ffffff;
  }
   .yui-navset .yui-nav .selected a:focus,
   .yui-navset .yui-nav .selected a:active{
       color: #ffffff;
       background-color: #333333;
  }
   .yui-navset .yui-content {
      background-color: #ffffff;
      box-shadow: none;
  }
   .yui-navset .yui-content,
   .yui-navset .yui-navset-top .yui-content{
      padding: .5em;
      border: 1px solid #333;
      box-sizing: border-box;
  }
   
  /*---- SCROLLBAR ----*/
   
  ::-webkit-scrollbar {
      width: 10px;
  }
   
  ::-webkit-scrollbar-track {
      background: #FFF;
      border-left: 1px solid #333;
  }
   
  ::-webkit-scrollbar-thumb {
       background: #CCC;
       border: #333 1px solid;
  }
   
  ::-webkit-scrollbar-thumb:hover {
       background: #EEE;
  }
   
  /*---- CENTER IMAGES ON MOBILE courtesy of EstrellaYoshte and PeppersGhost ----*/
   
  .imagediv {
      float: right;
      margin: 15px
  }
   
  @media (max-width: 540px) {
    .imagediv {
      float: none;
      text-align:center;
      margin: auto;
    }
  }
   
  @media only screen and (max-width: 600px) {
      .scp-image-block.block-right{
          float: none;
          margin: 10px auto;
      }
  }
   
  /*---- ACS-COLORED TABLE DIVS ----*/
   
  #page-content .table1 tr th,
  #page-content .table1 .scp-image-block .scp-image-caption {
      background-color: #D7EFE7;
  }
   
  #page-content .table2 tr th,
  #page-content .table2 .scp-image-block .scp-image-caption {
      background-color: #D8ECF4;
  }
   
  #page-content .table3 tr th,
  #page-content .table3 .scp-image-block .scp-image-caption {
      background-color: #FDF6D7;
  }
   
  #page-content .table4 tr th,
  #page-content .table4 .scp-image-block .scp-image-caption {
      background-color: #FFDABF;
  }
   
  #page-content .table5 tr th,
  #page-content .table5 .scp-image-block .scp-image-caption {
      background-color: #F5D8E0;
  }
   
  #page-content .table6 tr th,
  #page-content .table6 .scp-image-block .scp-image-caption {
      background-color: rgba(146, 0, 255, 0.2);
  }
   
  .tableb .wiki-content-table {
      border-collapse: separate;
      border-spacing: 2px;
  }
   
  .tableb .scp-image-block {
      border: none;
  }
   
  .tableb .scp-image-block img {
      border: #000 1px solid;
      box-sizing: border-box;
  }
   
  .tableb .scp-image-block .scp-image-caption {
      margin-top: 2px;
      border: #000 1px solid;
      box-sizing: border-box;
  }
   
  .top-left-box > .item {
    display: none;
  }
   
  /* ---- WORDS NO LONGER BROKEN, THE CROQUEMBOUCHE HAS SPOKEN ---- */
  span, a { word-break: normal !important }
   
  .avatar-hover { display: none !important; }
   
  #breadcrumbs, .pseudocrumbs {
      text-align: center;
      padding-top: 10px;
  }
   
  #main-content .page-tags span {
      max-width: 100%;
  }
   
  /* -- FANCY THINGS from Woedenaz's Dustjacket Theme -- */
   
  .fancyhr hr {
      border-top: 2vw solid transparent;
      background-color: rgba(var(--bright-accent), 0);
      height: 0;
      box-sizing: border-box;
      border-image-source: url('https://scp-wiki.wdfiles.com/local--files/theme%3Aflopstyle-dark/wl_hr.png');
      border-image-repeat: round round;
      background: none;
      border-image-slice: 80 500 80 500 fill;
      border-image-width: 10em 80em 10em 80em;
  }
   
  .fancyborder {
      box-sizing: border-box;
      border: 2vw solid rgba(0,0,0,0.5);
      border-image: url('https://scp-wiki.wdfiles.com/local--files/theme%3Aflopstyle-dark/wl_border.png') 600 round;
      border-image-width: 6;
      padding: 2vw;
  }
  div[class$="_memo"] {
      background: var(--memo-logo) rgba(var(--memo-color), 1);
      background-size: contain;
      background-position: top center;
      background-repeat: no-repeat;
      min-height: 4rem;
      margin-inline: auto;
      margin-block: 2rem;
      padding-inline: 20px;
      padding-block: 10px;
      border: solid 2px rgba(0, 0, 0, 0.1);
      text-align: left;
  }
  
  div.modalsnow_memo {
      --memo-logo: url(https://i.imgur.com/2Jyyis8.png);
      --memo-color: 242, 251, 252;
  }
  
  div.modalfall_memo {
      --memo-logo: url(https://i.imgur.com/2Jyyis8.png);
      --memo-color: 250, 243, 230;
  }
  
  div.modalhome_memo {
      --memo-logo: url(https://i.imgur.com/2Jyyis8.png);
      --memo-color: 252, 242, 248;
  }
  
  div.modalnight_memo {
      --memo-logo: url(https://i.imgur.com/2Jyyis8.png);
      --memo-color: 214, 213, 233;
  }
  
  div.modalswing_memo {
      --memo-logo: url(https://i.imgur.com/2Jyyis8.png);
      --memo-color: 244, 255, 237;
  }
  
  div.modalspring_memo {
      --memo-logo: url(https://i.imgur.com/2Jyyis8.png);
      --memo-color: 231, 245, 232;
  }

  Pages using this styling

  • scp-8910 [info]

  ¶ 1 occurrence
  

  .email-example .collapsible-block-folded a.collapsible-block-link {
      animation: blink 0.8s ease-in-out infinite alternate;
  }
  @keyframes blink {
      0% { color: transparent; }
      50%, 100% { color: #b01; }
  }
  .email {border: solid 2px #000000; width: 88%; padding: 1px 15px; margin: 20px; box-shadow: 0 1px 3px rgba(0,0,0,.5)}
  .email-example a.collapsible-block-link {font-weight: bold;}
  .tofrom {margin-left: 5px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px purple}

  Pages using this styling

  • scp-891 [info]

  ¶ 1 occurrence
  

  .fncon {background-color: black;transition: none !important;}
  :root {
  --backdrop: url("https://scp-wiki.wdfiles.com/local--files/scp-8909/ng.png");
  --header-logo: url('https://scp-wiki.wdfiles.com/local--files/scp-6768/dept.png');
  --header-title:"R.S. MNEMOSYNE";
  --header-subtitle:"DEPARTMENT OF DELETIONS";
  --dark-color:var(--basalt-background-color);
  --light-link: var(--link-color);
  }
  body {
  background-position: center;
  background-attachment: fixed;
  background-size: cover;
  background-repeat: no-repeat;
  }
  #page-content a.collapsible-block-link {background: black; padding: 5px; border-radius:5px;}
  .authorlink-wrapper > a {color: black !important;}
  .anom-bar > .top-box {
  text-transform: unset !important;
  }
  
  .special {
  padding-block:0px !important;
  margin:0px !important;
  }
  
  

  Pages using this styling

  • scp-8909 [info]

  ¶ 1 occurrence
  

   .disruptionHeader {
      filter: invert(1);
  }

  Pages using this styling

  • scp-8907 [info]

  ¶ 1 occurrence
  

  /* Make the earthworm links more visible with low-contrast text */
  .earthworm--anth24 .earthworm__hub {
    color: #eee;
  }

  Pages using this styling

  • scp-8906 [info]

  ¶ 1 occurrence
  

  
  div.info-container > div.collapsible-block {
      padding: 0 !important;
      margin: 0 !important;
      box-shadow: none !important;
  }

  Pages using this styling

  • scp-8905 [info]

  ¶ 1 occurrence
  

  
  @import url('https://fonts.googleapis.com/css?family=Caladea|IM+Fell+DW+Pica|IM+Fell+DW+Pica+SC|Tangerine');
  @import url('https://fonts.googleapis.com/css2?family=Sevillana');
  @import url('https://scp-wiki.wdfiles.com/local--files/scp-8901/palitoon.css');
  
  
  /*making document brown-ish and darkdocument yellow.*/
  :root {
  --document-background-color: 243,223,193;
  --darkdocument-background-color: 250,218,94
  }
  
  :root {
  --mz-paper-bg:rgba(236,235,220, 0.6);
  --mz-paper-bg222:#e9e9e2;
  --icon-noise:url(https://scp-wiki.wikidot.com/local--files/theme:magazine/IMG_noise.png);
  --color-kraft:rgb(185,137,102);
  --color-navy:rgb(20,21,39);
  }
  
  /* taken from the magazine theme (URL theme:magazine) */
  
  .mz-cover, .mz-paper{
          border: 3.5px double #555;
          padding:0.5rem 1rem;
          margin: 1rem 1rem;
          background-size:100px;
          background-position: 0% 0%;
          background-repeat: repeat;
          background-color:var(--mz-paper-bg);
          background-image: var(--icon-noise);
  }
  
  .mz-cover{
          border: 2px solid var(--color-navy);
          background-color:var(--color-kraft);
          background-image: var(--icon-noise);
  }
  
  
  
  div.darkdocument {
    color: rgb(50, 50, 53);
  }
  
  div.addcargo {
      background: linear-gradient(rgba(220, 240, 240, 0.3), rgba(240, 240, 220, 0.5)), url("https://scp-wiki.wdfiles.com/local--files/theme:unusual-Cargo/TOAST-PAPER.jpg");
  }
  
  div.addcargo h2, h3, h4, h5, h6 {
      font-family:'IM Fell DW Pica SC', serif !important;
  }
  
  
  /* adding the cargo-blockquote */
  div.cargoblockquote {
      border: none;
      padding: .5em;
      box-shadow: 4px 6px 8px #a98;
      background: linear-gradient(rgba(255, 255, 245, 0.3), rgba(245, 230, 205, 0.5)), url("https://scp-wiki.wdfiles.com/local--files/theme:unusual-cargo/TOAST-PAPER.jpg");
  }
  
  @media (max-width: 600px){
    .mz-paper,  .mz-blockquote,
    .mz-board, .mz-cover {  
      margin: 0.6rem 0.5rem;
        padding:0.5em 1em;
     }
  }
   

  Pages using this styling

  • scp-8901 [info]

  ¶ 1 occurrence
  

  :root {
    --accentColor: #FF0051;
    --darkColor: #3D303A; 
    --darkerColor: #2E212C;
    --lightColor: #EDEDED;
  }
  
  body {
    font-size: 1rem;
  }
  
  #page-content {
    text-align: justify;
  }
  
  .scp-image-block .scp-image-caption>p {
    text-align: center;
  }
  
  div.scale {
    --woedbar-lvl1-color: #ffffaa;
    --woedbar-lvl2-color: #fffffa;
    --woedbar-lvl3-color: #ffffff;
    --woedbar-lvl4-color: #ffffff;
    --woedbar-lvl5-color: #ffffff;
    --swatch-text-general: #EDEDED;
  }

  Pages using this styling

  • scp-8894 [info]

  ¶ 1 occurrence
  

  .scrimble a {
  color: #000000;
  }

  Pages using this styling

  • scp-8889 [info]

  ¶ 1 occurrence
  

  @import url(https://scp-wiki.wdfiles.com/local--code/scp-8888/1);

  Pages using this styling

  • scp-8888 [info]

  ¶ 1 occurrence
  

  /*
      
      Dreamy Night Theme
      [2024 Wikidot Theme]
      Created by DianaBerry and Queerious
      Created by modifying the Just Girly Things Theme by stormbreath and Blood and Gutz them by Mew-ltiverse and Angryman22
  
  /* --------- EMAIL CSS ----------- */
  .email-example .collapsible-block-folded a.collapsible-block-link {
      animation: blink 0.8s ease-in-out infinite alternate;
  }
  @keyframes blink {
      0% { color: transparent; }
      50%, 100% { color: #b01; }
  }
  .email {border: solid 2px #000000; width: 88%; padding: 1px 15px; margin: 10px; box-shadow: 0 1px 3px rgba(0,0,0,.5)}
  .email-example a.collapsible-block-link {font-weight: bold;}
  .tofrom {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px hsl(268, 100%, 62%)}
  
  /* -------------- HEADER -------------- */
  div#container-wrap {
      background-image: none;
  }
   
  div#extra-div-1 {
      height: 140px;
      width: 100%;
      top: 0;
      position: absolute;
      background: url("http://scp-sandbox-3.wikidot.com/local--files/collab:diana-tests-things/dreamyheader2");
      background-size: cover;
      background-position: 20% 20%;
  }
   
  div#extra-div-2 {
      height: 22px;
      width: 100%;
      top: 140px;
      position: absolute;
      background: linear-gradient(to bottom,
        hsl(260, 100%, 75%),
        hsl(260, 100%, 75%));
  }
  
  h1 {
      color: #8A6CCD;
  }
  div#header h1 a span {
      font-size: 0px;
  }
  div#header h1 a:before {
      content: "Dreamy Nights";
        font-weight: bold;
      color: #ac82ff;
      padding: 19px 0;
      text-shadow: 1px 1px 1px rgba(0, 0, 0, .8);
      white-space: pre;
  }
  
  div#header h2 span {
      font-size:0px;
      padding: 4px;
  }
  div#header h2:after {
      content: "Can I escape?";
      font-weight: bold;
      color: #ac82ff;
      padding: 19px 0;
      text-shadow: 1px 1px 1px rgba(0, 0, 0, .8);
      white-space: pre;
  }
  
   
  #header {
      background-image: url('http://scp-sandbox-3.wikidot.com/local--files/collab:diana-tests-things/Dreamylogo2');
      background-size: 6rem;
  }
  
  /*-------------- LOG-IN INFO -------------- */
  #login-status,
  #login-status a {
      color: hsl(231, 100%, 71%);
  }
   
  #login-status ul a:hover {
     font-weight: bold;
  }
   
  #account-topbutton {
      background: transparent;
      color: hsl(335, 100%, 14%);
      border: none;
  }
   
  #account-options {
      background: hsl(335, 90%, 95%);
      border-color: hsl(335, 55%, 55%);
  }
  
  /* -------------- SEARCH-BAR -------------- */
  #search-top-box-input {
       border: solid 1px #e5e5e5;
       color: #e5e5e5;
       background-color: hsl(252, 83%, 70%);
  }
   
  #search-top-box-input:hover,
  #search-top-box-input:focus {
       background-color: hsl(231, 100%, 71%);
  }
   
  #search-top-box-form input[type=submit] {
       border: solid 1px #e5e5e5;
       color: #e5e5e5;
       background-color: hsl(268, 100%, 82%);
       background: linear-gradient(
         to bottom,
         hsl(268, 100%, 82%),
         hsl(268, 100%, 72%),
         hsl(268, 100%, 62%));
       box-shadow: none;
  }
   
  #search-top-box-form input[type=submit]:hover,
  #search-top-box-form input[type=submit]:focus {
       background-color: hsl(268, 100%, 82%);
       background: linear-gradient(
         to bottom,
         hsl(268, 100%, 82%),
         hsl(268, 100%, 72%),
         hsl(268, 100%, 62%));
       box-shadow: none;
  }
  
  /* -------------- TOP-BAR -------------- */
  #top-bar ul li ul {
      border: solid 1px hsl(335, 90%, 85%);
  }
   
  #top-bar ul li.sfhover ul li a,
  #top-bar ul li:hover ul li a {
      border-top: 1px solid hsl(335, 90%, 85%);
  }
   
  #top-bar ul li.sfhover a,
  #top-bar ul li:hover a {
      background: hsl(252, 67%, 52%);
  }
   
  /* -------------- BODY -------------- */
  body {
       background: hsl(252, 83%, 70%);
       color: hsl();
  }
   
  #page-title, h1 {
      color: hsl(263, 38%, 47%)
  }
   
  #page-title {
      border-bottom-color: hsl(270, 100%, 83%);
  }
   
  /* -------------- SIDE-BAR -------------- */
  #side-bar .side-block,
  #interwiki .side-block {
      border: 1px solid hsl(335, 90%, 25%);
      box-shadow: 0 2px 6px rgba(121, 6, 54,.5);
      color: hsl(335, 90%, 25%);
      background: hsl(222, 100%, 95%);
  }
   
  #side-bar .heading,
  #interwiki .heading {
      color: hsl(335, 90%, 25%);
      border-bottom: solid 1px hsl(252, 67%, 52%);
  }
   
  #side-bar .side-block.media {
      background-color: hsl(248, 66%, 88%);
  }
   
  #side-bar .side-block.resources {
      background-color: hsl(223, 100%, 95%);
  }
   
  #interwiki .side-block {
      background: hsl(335, 85%, 95%);
  }
   
  #side-bar .collapsible-block-unfolded-link {
      border-bottom: solid 1px hsl(335, 90%, 25%);
  }
   
  #side-bar .collapsible-block-unfolded-link .collapsible-block-link {
      color: hsl(335, 90%, 25%);
  }
   
  #side-bar .collapsible-block-unfolded-link .collapsible-block-link:hover {
      color: hsl(335, 95%, 45%);
  }
   
  #interwiki .menu-item img {
      filter: hue-rotate(340deg);    
  }
   
  /* -------------- FOOTER -------------- */
  #footer {
      background: hsl(260, 100%, 75%);
      color: 	hsl(260, 57%, 56%);
  }
  
  div.page-rate-widget-box,
  div.page-rate-widget-box span.rate-points,
  div.page-rate-widget-box span.cancel {
      background-color: #d4b7e2!important;
      border: solid #d4b7e2 1px!important;
  }
  div.page-rate-widget-box span.rateup,
  div.page-rate-widget-box span.ratedown {
      border: solid #d4b7e2!important;
      border-width: 1px 0!important;
  }
  div.page-rate-widget-box span.rate-points,
  div.page-rate-widget-box span.cancel a,
  div.page-rate-widget-box span.cancel a:hover {
      color: #ffffff;
  }
  div.page-rate-widget-box span.rateup,
  div.page-rate-widget-box span.ratedown {
      background-color: #EDD0FB!important;
  }
  div.page-rate-widget-box span.rateup a,
  div.page-rate-widget-box span.ratedown a {
      color: #ffffff!important;
  }
  div.page-rate-widget-box span.cancel a:hover,
  div.page-rate-widget-box span.rateup a:hover,
  div.page-rate-widget-box span.ratedown a:hover {
      background: #d4b7e2!important;
      color: #ffffff!important;
  }
   
  /* Info Module */
  #page-content .rate-box-with-credit-button {
      background-color: hsl(280, 43%, 80%) !important;
      border: solid 1px #BEA1CC;
  
  }
  #page-content .creditButton p a {
      border-left-color: solid #BEA1CC;
  }
   
  #page-content .creditButton p a:hover {
      color: hsl(305, 100%, 15%);
  }
  
  /* -------------- LINKS -------------- */
  a,
  #side-bar a,
  #interwiki a,
  #top-bar ul li.sfhover a,
  #top-bar ul li:hover a,
  #login-status ul a,
  #login-status ul a:hover,
  a.newpage {
      color: hsl(252, 67%, 52%);
  }
   
  a:visited {
      color: hsl(252, 67%, 52%);
  }
   
  
  /* -------------- OTHER ELEMENTS -------------- */
  blockquote,
  div.blockquote,
  .code {
      border-color: hsl(231, 100%, 71%)!important;
      background-color: hsl(235, 100%, 97%)!important;
  }
   
  #page-content .wiki-content-table tr th {
       background-color: hsl(235, 100%, 76%)!important;
       color: hsl(215, 100%, 93%)!important;
       border: 1px solid hsl(335, 100%, 14%);
  }
   
  .scp-image-block .scp-image-caption {
      background-color: hsl(223, 100%, 72%)!important;
  }
   
  .yui-navset .yui-nav,
  .yui-navset .yui-navset-top .yui-nav {
      border-color: hsl(234, 100%, 75%); /* color between tab list and content */
  }
   
  .yui-navset .yui-nav a,
  .yui-navset .yui-navset-top .yui-nav a {
      background-color: hsl(223, 100%, 72%)!important; /* tab background */
      border-color: transparent;
      color: hsl(335, 100%, 14%);
  }
   
  .yui-navset .yui-nav a em {
       background-color: hsl(223, 100%, 72%);
       box-shadow: 0px 1px 2px rgba(0,0,0,0.7);
       border-color: hsl(335, 90%, 85%);
  }
   
  .yui-navset .yui-nav .selected a,
  .yui-navset .yui-nav .selected a:focus,
  .yui-navset .yui-nav .selected a:hover {
      background-image: none;
      background-color: hsl(222, 100%, 85%)!imporant; /* selected tab background */
      color: hsl(335, 100%, 98%);
  }
   
  .yui-navset .yui-nav .selected a,
  .yui-navset .yui-nav .selected a em {
      border-color: hsl(335, 55%, 55%);
      box-shadow: 0px 1px 2px rgba(0,0,0,0.7);
      background-color: hsl(222, 100%, 85%)!important;
  }
   
  .yui-navset .yui-content {
      background-color: hsl(235, 69%, 87%); /* content background color */
  }
  
  body {
      background: #e9e3fc;
  }
  
  

  Pages using this styling

  • scp-8887 [info]

  ¶ 1 occurrence
  

  .contain-class .class-text::before,
  .anom-bar-container.esoteric .text-part > .main-class > .second-class > .class-text::before {
      color: white;
  }

  Pages using this styling

  • scp-8884 [info]

  ¶ 1 occurrence
  

  .creditRate hr { margin-block: 1em; }

  Pages using this styling

  • scp-8884 [info]

  ¶ 1 occurrence
  

  #page-title, .meta-title { display: none;}
  .capt { padding:1.25rem; }
  .scp-image-block.block-center img {
  height: 400px !important;
  }
  .faded {
  filter:invert(.7);
  }
  .interpolated {
  border: 1px solid #000;
  border-radius: 4px;
  padding: 5px;
  width: 150px;
  
  }
  
  .infodump a {
  text-transform:lowercase !important;
  font-family:'Fragment Mono', monospace;
  }
  
  :is(.image-block, .scp-image-block) img { border: none!important; }
  :root {
  --asterimg: url("https://scp-sandbox-3.wdfiles.com/local--files/theme%3Aeigenmachine/topologo.svg");
  --dark-color: 55, 55, 55;
  --logger-color: 15, 15, 27;
  --title-mobile:"P.M. CENTER";
  --subtitle-mobile:"ADVANCED STUDIES";
  --header-logo: url("http://scp-sandbox-3.wikidot.com/local--files/sgc2c/pwnb.png");
  --header-title:"PILCROW-MINKOWSKI";
  --header-subtitle:"CENTER FOR ADVANCED STUDIES";
  --light-link: 219, 185, 246;
  }
  

  Pages using this styling

  • scp-8882 [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css?family=Short+Stack');
  
  .footnoteref {font-family: Inter,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Fira Sans','Droid Sans','Helvetica Neue',sans-serif;}

  Pages using this styling

  • scp-888-ex [info]

  ¶ 1 occurrence
  

  .info-container{
  --barColour: #c90f02;
  --linkColour: #FFF;
  }

  Pages using this styling

  • scp-8879 [info]

  ¶ 1 occurrence
  

  
  .noticebox{
      padding: 15px;
      background: #f2f2c2;
      color: black;
  border:solid 1px black;
  overflow:auto;
  }
  
  .custom-hr {
      height: 5px;
      background-color: #c90f02;
      border: none;
      margin-top: 20px;
      margin-bottom: 20px;
  }
  
  .blank {
      height: 2em;
      display: block;
      clear: both;
  }

  Pages using this styling

  • scp-8879 [info]

  ¶ 1 occurrence
  

  
  #page-content .quadrants > div {top: 2.25%;left: 18.5%;}
  #extra-div-1 {background:rgb(33, 30, 32);box-shadow: 0px 0px 8px 4px rgb(0, 0, 0);}
  div.main-class::before, div.main-class::after, div.top-icon::before,div.top-icon::after  {-webkit-filter: brightness(125%); filter: brightness(125%); }
  #page-content .wiki-content-table tr td {text-align:center;}
  #page-content .wiki-content-table tr:first-child th {background-color:rgb(208, 208, 208); color:rgb(51,51,45);font-weight:700 !important;padding-bottom:3px !important; padding-top:3px; text-align:center;}
  #page-content .wiki-content-table tr th {background-color:rgb(35, 35, 35);color:#F0F6F0;font-weight:400;font-style:none !important;border: 1px solid #ccc; padding-bottom:20px; padding-top:10px; text-align:left;}
  .anom-bar-container.safe .text-part .main-class, .anom-bar-container.dark .text-part .disrupt-class, .anom-bar-container.notice .text-part .risk-class {
  }
  body {
  background-color:rgb(35, 35, 35);
  color:#F0F6F0;
      background-attachment: fixed;
      background-size: cover;
  }
  
  body:before {
    content: ' ';
    position: fixed;
    display: block;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(170deg, transparent, rgb(0, 0, 0) 65%, rgb(0, 0, 0) 65%, rgb(0, 0, 0) 100%);
    z-index: -1;
    color:#b9b9b9;
  }
  
  .authorbox, .authorcontent {background: #222323;color:#F0F6F0; width:300px !important;}
  .authorlink-wrapper {margin-top: var(--author-top-adjust, .2em) !important; z-index:10 !important; }
  #page-content .authorbox {width:auto !important;}
  .tableb .wiki-content-table {border-spacing: 3px;font-size:0.82em;}
  
  :root {
  --header-logo:url(https://scp-wiki.wdfiles.com/local--files/classifications-guides-and-icons-by-billith/aad3.png);
  --header-title:"FOUNDATION";
  --header-subtitle:"ASTROPHYSICAL ANOMALIES DEPT.";
  --barColor:35, 35, 35 !important;
  --five-color: 185,185,185 !important;
  --one-color:35,35,35 !important;
  --swatch-menubg-black-color: 61,61,61 !important;
  --swatch-background:185,185,185 !important;
  --link-color:51,184,200;
  }
  .footnotes-footer .footnote-footer { text-indent: -6px !important; }
  div.poppin{
  box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset !important;
  border-radius: 2px !important;
  }
  .breaklinker a {color: #ffffff !important;
                 }
  
  .blockquote {border-color: #ffffff;    
                   background-color: #000000;
       }
  .container  {position: relative;
                   text-align: center;
                   color: black;
       width:100%;
       }
  .centered   {position: absolute;
      top: 50%;
       left: 50%;
      transform: translate(-50%, -50%);
  }
  .bigtext {
  font-weight:700;
  }
  .image-block, .scp-image-block {
  
  border-bottom: none !important;
  }
  .scp-image-block.block-center img {
  height:300px;
  }
  .danger-diamond > .bottom-icon::before {
  filter: contrast(0.5) !important;
  }
  .bar-one {
  
  border-radius: 2px !important;
  }

  Pages using this styling

  • scp-8878 [info]

  ¶ 1 occurrence
  

  
  .background{
    border:solid 4px #3C0008;
    background:#650000;
    border-radius:0.5em;
  }
  
  .whitebox{
    border:solid 4px #3C0008;
    background:white;
    margin:2em;
    border-radius:0.5em;
  }
  
  .transcript{
    border:solid 3px #D3D3D3;
    background:#F5F5F5;
    margin:1em;
    padding:1em;
    border-radius:0.5em;
  }
  

  Pages using this styling

  • scp-8872 [info]

  ¶ 1 occurrence
  

  
  [[module css]]
  .danke {
      padding: 5px;
      margin-bottom:10px;
      font-family: monospace;
      font-size: 1.1em; 
  }
  
  .agent {
      background-color:#002200;
      border: 3px solid #55AA55;
      color: #77CC77;
  }
  
  .site {
      background-color:#222200;
      border: 3px solid #AAAA55;
      color: #DDDD77;
  }

  Pages using this styling

  • scp-8870 [info]

  ¶ 1 occurrence
  

  :root {
  --basalt-background-color: 230, 246, 230;
  --link-color: 68, 94, 78;
  --basalt-main-text-color: 11, 20, 18;
  --bottom-area-background-color: 184, 212, 184;
  --image-caption-background-color: 206, 228, 206;
  --basalt-secondary-color: 199, 235, 199;
  --header-logo:url(https://scp-wiki.wdfiles.com/local--files/theme%3Aeigenmachine/asterisk_asterisk.svg);
  --vector-grey: 184, 212, 184;
  --side-bar-background-color: 230, 246, 230;
  --side-bar-link-background-hover: 68, 94, 78;
  --login-status-text-color-hover: 230, 246, 230;
  --login-status-link-background-hover: 68, 94, 78;
  --login-status-text-color: 68, 94, 78;
  --link-visited-color: 96, 133, 110;
  --top-bar-dropdown-background-hover: 68, 94, 78;
  --top-bar-dropdown-link-color: 68, 94, 78;
  --top-bar-dropdown-background: 230, 246, 230;
  --general-border-color: 96, 133, 110;
  --login-status-background-color: 230, 246, 230;
  --user-icon-button-background-hover: 68, 94, 78;
  }
  
  #interwiki {
      background-color: rgb(230, 246, 230) !important;
  }

  Pages using this styling

  • scp-8868 [info]

  ¶ 1 occurrence
  

  
  @import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap');
  
  :root {
      --comment: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='-2.4 -2.4 28.8 28.8'%3E%3Cpath stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 4H5a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h3.188c1 0 1.812.811 1.812 1.812 0 .808.976 1.212 1.547.641l1.867-1.867A2 2 0 0 1 14.828 18H19a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2Z'/%3E%3C/svg%3E");
      --repost: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m20 12-6.4-7v3.5C10.4 8.5 4 10.6 4 19c0-1.167 1.92-3.5 9.6-3.5V19l6.4-7Z'/%3E%3C/svg%3E");
      --heart: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M17 4c-3.2 0-5 2.667-5 4 0-1.333-1.8-4-5-4S3 6.667 3 8c0 7 9 12 9 12s9-5 9-12c0-1.333-.8-4-4-4Z'/%3E%3C/svg%3E");
      --upload: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='4' d='M12.005 11.995v.01M12.005 6.995v.01M12.005 16.995v.01'/%3E%3C/svg%3E");
  }
  
  body {
      font-family: "Noto Sans";
  }
  
  .twitbox p {
      margin-block-start: 0;
      margin-block-end: 0;
  }
  .twitbox {
      max-width: 400px;
      width: 80%;
      padding: 1em;
      margin: auto;
      background-color: white;
      border-radius: 1em;
      box-shadow: lightgrey 0px 0px 0px 0.5em;
  }
  
  .twitbox table {
      width: 100%;
  }
  .twitname {
      font-weight: 600;
  }
  .lineconnect {
      background-image: linear-gradient(to bottom, white 10px, transparent 10px), linear-gradient(to right, transparent 48.5%, lightgrey 48.5% 51.5%, transparent 51.5%);
      vertical-align: top;
      height: 100%;
      max-width: 3em;
      width: 2em;
  }
  .twithandle {
      color: #687684;
      font-weight: 300;
  }
  
  .flextwit {
      display: flex;
      margin-top: 4px;
  }
  .flexbutton {
      flex: 25%;
      filter: opacity(0.5);
      padding-left: 20px;
  }
  .commentx p::before {
      content: var(--comment);
      position: absolute;
      left: 0;
  }
  .repostx p::before {
      content: var(--repost);
      position: absolute;
      left: 0;
  }
  .heartx p::before {
      content: var(--heart);
      position: absolute;
      left: 0;
      top: 2px;
  }
  .uploadx p::before {
      content: var(--upload);
      position: absolute;
      left: 0;
  }
  .hashtag {
      color: #026eb0;
      font-weight: 300;
  }
  
  .twitbox .printuser > a:first-child img, .comentbox .printuser > a:first-child img {
      background-image: none !important;
      border-radius: 100%;
      height: 2rem;
      width: 2rem;
      border: solid 2px rgba(206, 205, 206, 0.5);
      padding-left: 0;
      background: white;
  }
  .twitbox .printuser > a:first-child img:hover, .comentbox .printuser > a:first-child img:hover {
      border: solid 2px #026eb0;
  }
  .twitbox .printuser a:nth-child(2), .comentbox .printuser a:nth-child(2) {
      display: none;
  }
  
  @media only screen and (max-width:600px){
  .flextwit {
      display: none;
      }
  .lineconnect {
      max-width: 3em;
      width: 2.5em;
      }
  }
  
  .noto-sans-notosans {
    font-family: "Noto Sans", sans-serif;
    font-optical-sizing: auto;
    font-weight: 100;
    font-style: normal;
    font-variation-settings:
      "wdth" 100;
  }
  
  .noto-serif-notoserif {
    font-family: "Noto Serif", serif;
    font-optical-sizing: auto;
    font-weight: 100;
    font-style: normal;
    font-variation-settings:
      "wdth" 100;
  }
  
  .tag {
  text-decoration: dotted underline;
  text-decoration-thickness: 2px;
  }
  
  .ao3 {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 15px 0 rgba(0, 0, 0, 0.19);
    border: 2px #7d7d7d;
    padding: 2em;
    padding-bottom: 1.5em;
    font-family: "Noto Sans", sans-serif;
  }
  
  #page-content table.wiki-content-table td {
    vertical-align: top;
    display: table-cell;
  }
  

  Pages using this styling

  • scp-8867 [info]

  ¶ 1 occurrence
  

  div.blink a:hover {width: 100%;animation: type 4s steps(60, end);}

  Pages using this styling

  • scp-8863 [info]

  ¶ 1 occurrence
  

  .danke {
      padding: 5px;
      margin-bottom:10px;
      font-family: 'PT Mono', monospace;
      font-size: 1em; 
  }
  
  .agent {
      background-color:#002200;
      border: 3px solid #55AA55;
      color: #77CC77;
  }
  
  .site {
      background-color:#1a1a1a;
      border: 3px solid #ffff80;
      color: #ffffcc;
  }

  Pages using this styling

  • scp-8863 [info]

  ¶ 1 occurrence
  

  
  .id-box {
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      align-items: center;
      justify-content: center;
      border: solid 1px black;
  padding-block: 1rem;
  }
  
  .hjalmar-pic .image-container.aligncenter {
      padding: 0px;
  }
  
  .hjalmar-info {
      width: 22rem;
      margin-inline: 1rem;
  }
  

  Pages using this styling

  • scp-8860 [info]

  ¶ 1 occurrence
  

  :is(#page-content table:not(.form), table.wiki-content-table) th :is(div.blockquote, .blockquote, blockquote) {
  font-family: var(--UI-font);
  font-weight: normal;
  font-size: 1em;
  text-align: left;
  letter-spacing: 0.033rem;
  }
   
  .asterisk {
      border-radius: 50% 50% 50% 50%;
      margin-inline: auto;
      margin-block:10px;
      object-fit: contain;
      width: calc(10px + var(--astersize, 85));
      height: calc(10px + var(--astersize, 85));
      max-width: calc(2px * var(--astersize, 85));
      max-height: calc(2px * var(--astersize, 85));
      justify-content: center;
      display: flex;
  }
   
  .asterisk img {
      width: calc(1px * var(--astersize, 50));
      height: calc(1px * var(--astersize, 50));
  }

  Pages using this styling

  • scp-8855 [info]

  ¶ 1 occurrence
  

  :root {
  
      --one-color: 10, 10, 20;
  }

  Pages using this styling

  • scp-8855 [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Special+Elite&family=TikTok+Sans:opsz,wght@12..36,300..900&display=swap');
  
  div.blbf-addendum4::after {
       padding-top: 11px;
       line-height: 0.9;
       font-family: "Special Elite", serif;
       font-size: 48px;
       content: "APPROVED";
       color: green;
       border: solid 2px green;
       display: block;
       position: absolute;
       top: 4rem;
       right: 4rem;
       transform: rotate(38deg);
    border-radius: 255px 15px 225px 15px/15px 225px 15px 255px;
  }
  
  @media (max-width: 767px) {
       div.blbf-addendum4::after {
          font-size: 36px;
          top: 2em; right: 1rem;
       }
  }
  
  ::marker {
      font-weight: bold;
  }
  .blbf-main > div.blbf-document-color {
      background-color: rgb(235,235,235);
  }
  .danger-diamond > .arrows {
      background-image: url('data:image/svg+xml,%3C%3Fxml version="1.0" encoding="utf-8"%3F>%3Csvg version="1.2" baseProfile="tiny" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 160 160" xml:space="preserve">%3Cpath fill="%23C3C3C3" d="M136.1,133.3l23.9-23.9V51.2l-24-24l19.1-19.1l4.9,4.9l0-12.9l-12.9,0l4.9,4.9L133,24.2l-24-24H51l-24,24 L8,5.2l4.9-4.9L0,0.2l0,12.9l4.9-4.9L24,27.3l-24,24v58.2l23.9,23.9l-19,19L0,147.3l0,12.9l12.9,0L8,155.3l19-19l23.9,23.9h58.4 l23.9-23.9l19,19l-4.9,4.9l12.9,0l0-12.9l-4.9,4.9L136.1,133.3z M155.7,53v54.6l-22.6,22.6l-50-50L133,30.3L155.7,53z M52.8,4.5 h54.4l22.7,22.7L80,77.2L30.1,27.3L52.8,4.5z M4.3,107.6V53L27,30.3L77,80.2l-50,50L4.3,107.6z M107.4,155.9H52.6L30,133.3l50-50 l50,50L107.4,155.9z"/>%3C/svg>') !important;
  }
  
  .fncon {
      color: rgb(var(--basalt-main-text-color));
  }
  .custom img {
      background-color: #eee;
  }
  
  #header h1 a::before {
      filter: invert(1);
  }
  
  .main {
      font-size: .85em !important;
      margin: auto;
      width: 80%;
  }
  
  :root {
      --white-monochrome: 13,13,15;
      --body-font-primary: 'Jetbrains Mono';
      --header-logo: url(https://scp-wiki.wdfiles.com/local--files/component%3Aobject-warning-box-source/scp-logo.svg);
  }
  
  .custom2 img {
      filter: invert(1) !important;
      background-color: #eee !important;
  }
  
  @media (max-width: 768px) {
      .small {
          font-size: 6px !important;
      }
  }
  .text-part .disrupt-class::before, .anom-bar-container.warning .text-part .risk-class::before {
      color: white !important;
  }
  
  div.diamond-part::before { opacity: 0; }
  /*-- ACS Lite Animation Compatibility Patch --*/
  .anom-bar > .bottom-box::before { display: none; }
  .anom-bar > .bottom-box { box-shadow: none!important; }
  div.diamond-part {
     clip-path: none; animation: none; box-shadow: none!important;
  }
  @media (max-width: 480px) {
     div.top-right-box { clip-path: polygon(0% -30%, 100% -30%, 100% 130%, 0% 130%); }
  }
  .email-example .collapsible-block-folded a.collapsible-block-link {
      animation: blink 0.8s ease-in-out infinite alternate;
  }
  @keyframes blink {
      0% { color: transparent; }
      50%, 100% { color: #b01; }
  }
  .email {border: solid 2px #000000; width: 88%; padding: 1px 15px; margin: 10px; box-shadow: 0 1px 3px rgba(0,0,0,.5)}
  .email-example a.collapsible-block-link {font-weight: bold;}
  .tofrom {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px maroon}
  #u-comments2 {
      display:block !important;
  }

  Pages using this styling

  • scp-8854 [info]

  ¶ 1 occurrence
  

  .top-middle-box > .from-name-box, .to-name-box, .cc-text-box{
  color: #1EB5E8 ;
  }

  Pages using this styling

  • scp-8853 [info]

  ¶ 1 occurrence
  

  
  .lite-heading.meta-title p{
       border-bottom: 0;
  }
  
  .meta-title p{
       color: var(--textColorAlt);
  }
  

  Pages using this styling

  • scp-8851 [info]

  ¶ 1 occurrence
  

  :root {
       --accent: 0, 200, 255;
  }
  #page-title, .meta-title {
      display: none;
  }

  Pages using this styling

  • scp-8848 [info]

  ¶ 1 occurrence
  

  :root{
  --color-light:#e8e8e8;
  --color-darkest:#000;
  --color-darker:#333;
  --color-dark:#555; 
      --SB_width:14rem;
      --SB-blank_right:1rem;
      --SB-blank_left:2rem;
      --SB-blank_top:6rem;
      --content-width:54rem;   
      --SB_width-total:calc(var(--SB_width) + var(--SB-blank_left) + var(--SB-blank_right));  
  }
  /*------------ this is for the paperclip/photograph format----------*/
  .clip-wrap div {
      max-width: 60%;
      margin: 1rem auto;
      width: 60%;
  }
  
  .clip-wrap .clip-img,
  .clip-wrap .clip-body {
      border: solid 2px rgb(var(--clip-border,0,0,0));
      background-color: rgb(var(--clip-bg, 244, 244, 244));
      box-sizing: border-box;
      position: relative;
      z-index: 0;
      padding: 0.5rem;
  }
  
  
  .clip-wrap .clip-img::before,.clip-wrap .clip-img::after,
  .clip-wrap .clip-body::before,.clip-wrap .clip-body::after {
      content:'';
      position: absolute;
      pointer-events: none;
      border: solid 0.25rem var(--color-darker);
      transform: rotate(25deg); /*this handles the rotation of the paperclip*/
  }
  
  .clip-wrap .clip-img::before,.clip-wrap .clip-img::after {
      border: solid 0.25rem var(--color-darker);
  }
  
  .clip-wrap .clip-img::before,
  .clip-wrap .clip-body::before {
    right: 0.45rem;
    height: 36px;
    width: 9px;
    top: -0.45rem;
    border-radius: 0 0 2rem 2rem;
    border-top: none;
  }
  
  .clip-wrap .clip-img::after,
  .clip-wrap .clip-body::after {
      top: -24px;
      right: -0.5rem;
      height: 16px;
      width: 14px;
      border-radius: 2rem 2rem 0 0;
      border-bottom: solid 0.55rem transparent;
      z-index: -1;
  }
  
  .clip-wrap .clip-body img,
  .clip-wrap .clip-img {
      border: 0.15rem solid var(--color-darkest);
    width: max-content;
  }
  
  .clip-wrap .clip-img::before {
    right: -0.2rem;
    top: -0.45rem;
  }
  
  .clip-wrap .clip-img::after {
      right: -0.8rem;
          height: 45px;
  }
  
  /*this is the css for the shadow surrounding the clip-img box*/
  .clip-wrap .clip-img {
      padding: 0rem;
      border: 0.12rem solid var(--color-darkest);
      box-shadow:  0px 0px 0px 3px rgba(50,50,50, 0.1), 0px 0px 0px 5px rgba(150,150,150, 0.1);
  }
  
  @media (max-width: 500px) {
  .clip-wrap{
       max-width: 100%;
  }
  .clip-wrap .clip-img::before,
  .clip-wrap .clip-body::before {
    right: 0.3rem;
    height: 1.4rem;
    width: 0.4rem;
    top: 0rem;
  }
  
  .clip-wrap .clip-img::after,
  .clip-wrap .clip-body::after {
      top: -1rem;
      right: -0.5rem;
      height: 1rem;
      width: 0.7rem;
  }
  #page-content div {
    clear: none;
  }

  Pages using this styling

  • scp-8847 [info]

  ¶ 1 occurrence
  

  /*
      BLANKSTYLE CSS
      [2021 Wikidot Theme]
      By Placeholder McD and HarryBlank
      Based on:
         Paperstack Theme by EstrellaYoshte
         Penumbra Theme by EstrellaYoshte
  */
   
  @import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,800;1,800&display=swap');
   
  #page-content { font-size: .9rem; }
   
  #main-content {
      top: -1.6rem;
      padding: 0.2em;
  }
   
  div#container-wrap {
       background-image: none;
  }
   
  div#header {
      background-image: none;
  }
   
  #header h1, #header h2 { margin-left: 0; float: none; text-align: center; }
  #header h2 { margin-top: 0.5rem; }
  #header h1 span, #header h2 span { font-size: 0; display: none;}
  #header h1 a::before, #header h2::before {
      color: #000;
      letter-spacing: 1px;
      font-family: 'Montserrat', sans-serif !important;
      text-shadow: none;
  }
   
  #header h1 a::before {
    content: var(--header-title, "SCP Foundation");
    font-weight: 400;
    font-size: 1.3em;
  }
   
  #header h2::before {
    content: var(--header-subtitle, "SECURE, CONTAIN, PROTECT.");
    font-weight: 700;
    font-size: 1.2em;
  }
   
  @media (max-width: 707px) {
      #header h1 a::before {
          font-size: 1.6em;
      }
  }
   
  #login-status,
  #login-status a {
      color: #333333;
  }
   
  #page-title {
      display: none;
  }
   
  #footer, #footer a {
      background: transparent;
      color: #333333;
  }
   
  #search-top-box-input,
  #search-top-box-input:hover,
  #search-top-box-input:focus,
  #search-top-box-form input[type=submit],
  #search-top-box-form input[type=submit]:hover,
  #search-top-box-form input[type=submit]:focus {
      border: none;
      background: #333333;
      box-shadow: none;
      border-radius: 0px;
      color: #efefef;
  }
   
  #search-top-box input.empty {
      color: #999999;
  }
   
  #search-top-box {
      top: 2.3rem!important;
      right: 8px;
  }
   
  #top-bar {
     display: flex;
     justify-content: center;
     right: 0;
     top: 7.9rem;
  }
   
  #top-bar, #top-bar a {
      color: #333333;
  }
   
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
      font-family: 'Montserrat', sans-serif;
      color: #000;
      letter-spacing: 1px;
  }
   
  h1 {
      font-size: 2em;
  }
   
  h2 {
      font-size: 1.45em;
  }
   
  div#extra-div-1 {
      height: 180px;
      width: 100%;
      top: 0;
      position: absolute;
      background: url('https://i.imgur.com/jXnl8Pl.png');
      background-size: contain;
      background-repeat: no-repeat;
      background-position: 50% 50%;
      z-index: -1;
  }
   
  @media (max-width: 707px) {
      div#extra-div-1 {
          top: 15px;
      }
  }
   
  body {
      background-image: linear-gradient(
          to bottom,
          #e0e0e0, #e0e0e0 90px,
          #e0e0e0 90px, #ffffff 200px,
          #ffffff 200px, #ffffff 100%);
      background-repeat: no-repeat;
  }
   
  :root {
    --timeScale: 1.5;
    --timeDelay: 1.5s;
    --posX: calc(50% - 358px - 13rem);
    --fnLinger: 1s;
  }
   
  #page-content hr {
      background-color: #000;
  }
   
  #page-content tr th {
      padding: 6px;
      border: #000 1px solid;
  }
   
  #page-content tr td {
      padding: 12px;
      border: #000 1px solid;
      line-height: 1.4;
  }
   
  #page-content .sidebox tr td,
  #page-content .sidebox tr th {
      padding: 0.35em;
  }
   
  #side-bar {
      border-right: 1px solid #333;
      background: #DDD;
  }
   
  #side-bar .side-block {
      border: 1px solid #333;
      border-radius: 0;
      box-shadow: none;
  }
   
  #top-bar div.open-menu a {
      border: 1px solid #333;
      border-radius: 0;
      box-shadow: none;
  }
   
  @media (max-width: 767px) {
      #side-bar:target {
          border: 1px black;
          box-shadow: none;
      }
  }
   
  #side-bar .side-block {
      border: 1px solid #333;
      border-radius: 0;
      box-shadow: none;
      background-color: #FDF6D7;
  }
  #side-bar .side-block.media {
      background-color:#D7EFE7;
  }
  #side-bar .side-block.resources {
      background-color:#F5D8E0;
  }
   
  #page-content .creditRate{
      margin: unset;
      margin-bottom: 4px;
  }
  #page-content .rate-box-with-credit-button {
      background-color: #ffffff;
      border: solid 1px #000;
      box-shadow: none;
      border-radius: 0;
  }
   
  #page-content .rate-box-with-credit-button .fa-info {
      border: none;
      color: #333333;
  }
   
  #page-content .rate-box-with-credit-button .fa-info:hover {
      background: #333333;
      color: #ffffff;
  }
   
  .rate-box-with-credit-button .cancel {
      border: solid 1px #ffffff;
  }
   
  /* ---- PAGE RATING ---- */
   
  .page-rate-widget-box {
      box-shadow: none;
      border: solid 1px #000;
      margin: unset;
      margin-bottom: 4px;
      border-radius: 0;
  }
   
  div.page-rate-widget-box .rate-points {
      background-color: #ffffff;
      color: #333333;
      border: none;
      border-radius: 0;
  }
  .page-rate-widget-box .rateup,
  .page-rate-widget-box .ratedown {
      background-color: #ffffff;
      border-top: none;
      border-bottom: none;
  }
   
  .page-rate-widget-box .rateup a,
  .page-rate-widget-box .ratedown a {
      background: transparent;
      color: #333333;
  }
   
  .page-rate-widget-box .rateup a:hover,
  .page-rate-widget-box .ratedown a:hover {
      background: #333333;
      color: #ffffff;
  }
   
  .page-rate-widget-box .cancel {
      background: transparent;
      background-color: #ffffff;
      border: none;
      border-radius: 0;
  }
   
  .page-rate-widget-box .cancel a {
      color: #333333;
  }
  .page-rate-widget-box .cancel a:hover {
      background: #333333;
      color: #ffffff;
      border-radius: 0;
  }
  #page-content .rate-box-with-credit-button .page-rate-widget-box { border: none; }
   
  .anchor {
      position: sticky;
      height:0;
      top: 0;
  }
  .sidebox {
      padding: .14rem;
      margin-top: 0;
      margin-bottom: 8px;
      width: calc((100vw - 870px)/2);
      max-height: calc(100vh - 18rem);
      position: absolute;
      top: 0;
      left: 103.5%;
      z-index: 5;
      overflow: auto;
      box-sizing: border-box;
  }
  @media (max-width: 1290px) {
      .sidebox {
          display: none;
          visibility: hidden;
      }
   
      #header h2::before {
          font-size: 0.9em !important;
      }
  }
   
  .scp-image-block {
      box-shadow: none;
  }
   
  /* ---- 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 ----*/
   
   .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: #333333;
       box-shadow: none;
  }
   .yui-navset .yui-nav a, /* ---- Link Modifier ---- */
   .yui-navset .yui-navset-top .yui-nav a{
       color: #333333;
      /* ---- Tab Background Colour | [UNSELECTED] ---- */
       background-color: #efefef;
       border: unset;
       box-shadow: none;
       box-shadow: none;
  }
   .yui-navset .yui-nav a:hover,
   .yui-navset .yui-nav a:focus{
       color: #ffffff;
      /* ---- Tab Background Colour | [HOVER] ---- */
       background-color: #333333;
  }
   .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;
       color: #ffffff;
       background-color: #ffffff;
       border-color: transparent;
       box-shadow: none;
  }
   .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: #333333;
  }
   .yui-navset .yui-nav .selected a,
   .yui-navset .yui-nav .selected a em{
       border: none;
  }
   .yui-navset .yui-nav .selected a{
       width: 100%;
       color: #ffffff;
  }
   .yui-navset .yui-nav .selected a:focus,
   .yui-navset .yui-nav .selected a:active{
       color: #ffffff;
       background-color: #333333;
  }
   .yui-navset .yui-content {
      background-color: #ffffff;
      box-shadow: none;
  }
   .yui-navset .yui-content,
   .yui-navset .yui-navset-top .yui-content{
      padding: .5em;
      border: 1px solid #333;
      box-sizing: border-box;
  }
   
  /*---- SCROLLBAR ----*/
   
  ::-webkit-scrollbar {
      width: 10px;
  }
   
  ::-webkit-scrollbar-track {
      background: #FFF;
      border-left: 1px solid #333;
  }
   
  ::-webkit-scrollbar-thumb {
       background: #CCC;
       border: #333 1px solid;
  }
   
  ::-webkit-scrollbar-thumb:hover {
       background: #EEE;
  }
   
  /*---- CENTER IMAGES ON MOBILE courtesy of EstrellaYoshte and PeppersGhost ----*/
   
  .imagediv {
      float: right;
      margin: 15px
  }
   
  @media (max-width: 540px) {
    .imagediv {
      float: none;
      text-align:center;
      margin: auto;
    }
  }
   
  @media only screen and (max-width: 600px) {
      .scp-image-block.block-right{
          float: none;
          margin: 10px auto;
      }
  }
   
  /*---- ACS-COLORED TABLE DIVS ----*/
   
  #page-content .table1 tr th,
  #page-content .table1 .scp-image-block .scp-image-caption {
      background-color: #D7EFE7;
  }
   
  #page-content .table2 tr th,
  #page-content .table2 .scp-image-block .scp-image-caption {
      background-color: #D8ECF4;
  }
   
  #page-content .table3 tr th,
  #page-content .table3 .scp-image-block .scp-image-caption {
      background-color: #FDF6D7;
  }
   
  #page-content .table4 tr th,
  #page-content .table4 .scp-image-block .scp-image-caption {
      background-color: #FFDABF;
  }
   
  #page-content .table5 tr th,
  #page-content .table5 .scp-image-block .scp-image-caption {
      background-color: #F5D8E0;
  }
   
  #page-content .table6 tr th,
  #page-content .table6 .scp-image-block .scp-image-caption {
      background-color: rgba(146, 0, 255, 0.2);
  }
   
  .tableb .wiki-content-table {
      border-collapse: separate;
      border-spacing: 2px;
  }
   
  .tableb .scp-image-block {
      border: none;
  }
   
  .tableb .scp-image-block img {
      border: #000 1px solid;
      box-sizing: border-box;
  }
   
  .tableb .scp-image-block .scp-image-caption {
      margin-top: 2px;
      border: #000 1px solid;
      box-sizing: border-box;
  }
   
  .top-left-box > .item {
    display: none;
  }
   
  /* ---- WORDS NO LONGER BROKEN, THE CROQUEMBOUCHE HAS SPOKEN ---- */
  span, a { word-break: normal !important }
   
  .avatar-hover { display: none !important; }
   
  #breadcrumbs, .pseudocrumbs {
      text-align: center;
      padding-top: 10px;
  }
   
  #main-content .page-tags span {
      max-width: 100%;
  }
   
  /* -- FANCY THINGS from Woedenaz's Dustjacket Theme -- */
   
  .fancyhr hr {
      border-top: 2vw solid transparent;
      background-color: rgba(var(--bright-accent), 0);
      height: 0;
      box-sizing: border-box;
      border-image-source: url('https://wanderers-library.wikidot.com/local--files/component:dustjacket-theme/wl_hr.png');
      border-image-repeat: round round;
      background: none;
      border-image-slice: 80 500 80 500 fill;
      border-image-width: 10em 80em 10em 80em;
  }
   
  .fancyborder {
      box-sizing: border-box;
      border: 2vw solid rgba(0,0,0,0.5);
      border-image: url('https://wanderers-library.wikidot.com/local--files/component:dustjacket-theme/wl_border.png') 600 round;
      border-image-width: 6;
      padding: 2vw;
  }

  Pages using this styling

  • scp-8844 [info]

  ¶ 1 occurrence
  

  :root {
      --timeDelay: 0.1s;
  }
  
  /* --------- COMPUTER CSS ----------- */
  .danke {
      padding: 5px 1em;
      margin-bottom:10px;
      font-family: monospace;
      font-size: 1.1em;
  }
  
  .agent {
      background-color:#002200;
      border: 3px solid #55AA55;
      color: #77CC77;
  }
  
  .site {
      background-color:#222200;
      border: 3px solid #AAAA55;
      color: #DDDD77;
  }
  
  .flair {
      background-color:#150052;
      border: 3px solid #5555AA;
      color: #AFB4FF;
  }
  
  .dryg {
      padding-left: 12px;
      padding-right: 12px;
      padding-top: 6px;
      background: #FFE9D9;
      border:solid 2px #FF6D00;
      margin: auto;
  }
  
  .dryg img.image {
      width: 25px;
      border-radius: 50%;
      border: 2px solid black;
  }
  
  .big img.image {
      width: 50px !important;
  }
  
  .prof img.image {
      width: 100px !important;
  }
  
  .dryg .prof {
      width: 70%;
  }
  
  .dryg .inner {
      margin-bottom: -1.5px;
  }
  
  /* Mobile Formatting */
  @media screen and (max-width: 800px){
  
  .prof img.image {
      margin-bottom: -10px;
      width: 50px !important;
  }
  
  #page-content tr td {
      font-size: 0.7em;
      padding: 4px;
  }
  
  #page-content tr th {
      font-size: 0.8em;
  }
  
  .dryg img.image {
      margin-bottom: -1em;
  }
  
  }

  Pages using this styling

  • scp-8843 [info]

  ¶ 1 occurrence
  

  
  @import url('https://fonts.googleapis.com/css?family=Courier+Prime');
  @import url('https://fonts.googleapis.com/css?family=Special+Elite');
  #header h1 a::before {
      content: "From 120's Archives";
      color: #e9ebf0;
  }
  @media (max-width: 900px) {
   
      #header h1 a::before {
          content: "F120A";
          font-size: 6vw;
          padding-inline-start: 55px;
          text-shadow: 3px 3px 5px #000000;
      }
  }
  @import url('https://scp-wiki.wdfiles.com/local--files/theme:twin-files/stylesheet-alt.css');
  @import url('https://fonts.googleapis.com/css2?family=Jost&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Rubik&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Archivo&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Sedgwick+Ave&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Arimo&display=swap');
  
  :root {
  --img-chew444: var(--MASK-chew222);
      --MASK-chew_repeat: repeat;
      --MASK-chew_size:100%;
      --theme-base: "black-highlighter";
      --logo-image: url("https://scp-wiki.wdfiles.com/local--files/theme:twin-files/fiic-logo-wash.png");
      --header-title: "FIIC";
      --header-subtitle: " ";
  
  --dark-accent:rgb(110, 100, 105);
  --page-bg:var(--color-grey);
  --accentColor:#542429;
  
  --color-red:#990314;
  --color-darkred:#6f1212;
  --color-grey:#ecebf0;
  --color-grey-pale:#eee;
  --color-grey-dark:#e0e1e1;
  --color-grey-darker:#d2d2d2;
  --color-grey-darkest:#c4c4c4;
  --swatch-primary-darker:egb(64,96,22);
  
  --color-kraft:rgb(185,137,102);
  --color-navy:rgb(20,21,39);
  --color-blue:#2c477d;
  --color-paleblue:#4e5166;
  --color-gold:#c39c52;
  --color-brown:#ead1b3;
  
  --color-light:#e8e8e8;
  --color-darkest:#000;
  --color-darker:#333;
  --color-dark:#555;  
  
   
      --body-font: 'Jost', sans-serif;
      --header-font: 'Rubik', sans-serif;
      --title-font: 'Archivo', sans-serif;
      --mono-font: 'IBM Plex Mono', monospace;
      --UI-font: var(--printer-paper-font);
   
      --manila-tabs-font: 'Telegraphem', monospace;
      --manila-body-font: 'Remington Noiseless', serif;
      --blokquote-alt-font: var(--printer-paper-font);
      --ticker-font: 'Nouveau IBM', monospace;
      --printer-paper-font: 'Alte Haas Grotesk', sans-serif;
      --handwriting-font: 'Sedgwick Ave', cursive;
      --windows-font: 'Modern DOS 8x16', sans-serif;
      --logs-header-font: 'Commodore 64 Angled', sans-serif;
      --logs-text-font: 'BabelSans', sans-serif;
      --logs-dialogue-font: 'Arimo', sans-serif;
      --logs-action-font: 'MoonGloss Display', sans-serif;
   
      --header-height-on-desktop: 11.5rem;
      --header-height-on-mobile: 11.5rem;
   
      /* WHITE - GREY */
      --win-white: 255, 255, 255;
      --win-grey: 195, 195, 195;
      --win-lborder: 237, 237, 237;
      --win-border: 207, 207, 207;
   
      --printer-paper: 245, 242, 235;
      --believe-white: 215, 216, 217;
      --grey-child: 205, 206, 208;
      --papers-edge: 176, 176, 176;
      --another-grey: 196, 196, 196;
      --filing-cabinet: 193, 197, 201;
      --white-lodge: 159, 160, 161;
   
      --one-more-grey: 99, 99, 99;
      --dark-track: 40, 42, 46;
      --faded-type: 28, 28, 28;
      --ink-blot: 10, 10, 10;
   
      /* BLUE */
      --dept-blue: 2, 4, 20;
      --saucer-steel: 19, 21, 26;
      --believe-grey: 25, 29, 43;
      --einhander-gun: 78, 82, 92;
      --fiic-blue: 16, 20, 105;
      --fiic-grey: 119, 125, 140;
   
      --cooper: 98, 112, 140;
      --mulder: 69, 84, 115;
      --skinner: 41, 51, 91;
      --scully: 34, 40, 54;
   
      /* BROWN */
      --manila-folder: 217, 201, 160;
      --manila-body: 224, 213, 186;
      --manila-edge: 189, 169, 124;
   
      --coffee-ring: 71, 39, 5;
      --dead-wood: 43, 35, 25;
      --light-desk: 26, 24, 21;
      --dark-desk: 13, 12, 11;
   
      --reyes: 224, 219, 195;
      --doggett: 140, 119, 98;
   
      /* GREEN */
      --peaks-green: 0, 145, 9;
   
      /* YELLOW */
      --highlighter: 214, 184, 36;
      --post-it: 230, 223, 131;
   
      /* RED */
      --red-room: 163, 0, 0;
  
  --color-darkest:#000;
  --color-darker:#333;
  --color-dark:#555;  
  
      --mz-paper-bg:rgba(236,235,220, 0.6);
      --mz-paper-bg222:#e9e9e2;
   --tip-bdcl:155,155,155;
      --tip-color:var(--color-grey-darker);
      --tip-deg:-45deg;
      --tip-dogear-size:1.5em;
      --tip-dogearoll-size:calc( var(--tip-dogear-size) * 1.4); 
      --tip-maxwidth_PC:calc(var(--content-width, 56rem) * 0.5);
      --tip-dogearoll-margin: 0rem -0.9rem 0 0;
  
  --icon-noise:url(https://scp-wiki.wikidot.com/local--files/theme:magazine/IMG_noise.png);
   
      /* THEME ASSIGNMENTS */
      --white-monochrome: var(--filing-cabinet);
      --pale-gray-monochrome: var(--reyes);
      --light-gray-monochrome: var(--manila-edge);
      --gray-monochrome: var(--ink-blot);
      --dark-gray-monochrome: var(--filing-cabinet);
      --black-monochrome: var(--printer-paper);
      --pale-accent: var(--cooper);
      --bright-accent: var(--doggett);
      --medium-accent: var(--scully);
      --dark-accent: var(--mulder);
   
  
  
      --swatch-topmenu-bg-color: var(--einhander-gun);
      --swatch-topmenu-border-color: var(--einhander-gun);
   
      --swatch-code-text-general: var(--swatch-text-dark);
  
      --swatch-text-dark: var(--ink-blot);
      --swatch-text-general: var(--swatch-text-light);
   
      --swatch-menubg-color: var(--filing-cabinet);
      --swatch-menubg-medium-color: var(--papers-edge);
      --swatch-menubg-medium-dark-color: var(--ink-blot);
   
      --swatch-menutxt-light-color: var(--believe-white);
      --swatch-menutxt-dark-color: var(--ink-blot);
      --swatch-menutxt-general-color: var(--swatch-menutxt-dark-color);
   
      --swatch-text-secondary-color: var(--ink-blot);
      --swatch-text-tertiary-color: var(--believe-white);
      --swatch-important-text: var(--bright-accent);
   
      --header-gradient-color-top: var(--saucer-steel);
      --header-gradient-color-middle: var(--believe-grey);
      --header-gradient-color-bottom: var(--saucer-steel);
      --background-gradient-distance: 0rem;
      --diagonal-stripes: linear-gradient(transparent 0);
   
      --sidebar-transition-timing: 0.8s ease-in-out 0.1s;
   
      --hover-link-color: var(--highlighter);
      --newpage-color: var(--manila-folder);
      --link-color: var(--manila-folder);
      --visited-link-color: var(--grey-child);
   
      --rating-module-bg-color: var(--einhander-gun);
      --rating-module-button-plus-color: var(--peaks-green);
      --rating-module-button-cancel-color: var(--scully);
      --rating-module-bottom-border-color: var(--scully);
      --rating-module-text-hover-color: var(--swatch-text-tertiary-color);
   
      --toggle-button-bg: rgba(var(--ink-blot), 0);
      --toggle-border-color: rgb(var(--printer-paper));
      --toggle-icon-color: rgb(var(--believe-white));
      --toggle-roundness: 0%;
   
      --ui-button-bg: var(--another-grey);
      --ui-button-txt: var(--ink-blot);
      --ui-button-hover-bg: var(--skinner);
      --ui-button-hover-outline: var(--scully);
      --ui-button-hover-txt: var(--printer-paper);
  
  
       --SB-btn_border_cl:var(--color-darker);
      --SB-btn_txt:var(--color-darker);
  
      --PGtt-line_color:var(--color-darker);
  }
   #main-content {
      --tabs-bg: var(--manila-folder);
      --tabs-txt: var(--ink-blot);
      --tabs-hover-bg: var(--manila-edge);
      --tabs-hover-txt: var(--dead-wood);
      --tabs-selected-bg: var(--manila-edge);
      --tabs-selected-txt: var(--ink-blot);
      --tabs-selected-outline: var(--manila-edge);
      --tabs-bottom-border-color: var(--manila-edge);
  .CS-title {
      font-family: 'alpha_echoregular';
  }
   
  .page {
      display: block;
      overflow: hidden;
      font-family: "Monotype";
      font-style: normal;
      background-attachment: scroll;
      background-clip: border-box;
      background-color: transparent;
      background-image: linear-gradient(to top ,rgb(202, 219, 228) 0%, rgb(255,244,139) 8%);
      background-origin: padding-box;
      background-position: 0px 8px;
      background-repeat: repeat;
      background-size: 100% 20px;
      border: 1px solid #CCC;
      border-radius: 10px;
      padding: 10px 10px;
      margin-bottom: 10px;
      box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2)
  }
  
  
  
  /* Imports */
  /* Note that fonts MUST be imported synchronously using the link element,
   * otherwise the page structure may not render properly */
   
  /* Styling */
   
  .pages-container {
    font-size: min(4vw, 1rem);
    position: relative;
  }
   
  /* A page without a medium needs some default styling. */
  .aspect-ratio {
    margin: 1rem 0;
    /* The padding-top should be the ratio of the bg image's width / height */
    padding-top: calc(400 / 700 * 100%);
    position: relative;
  }
  .page {
    height: 0;
    padding: 2rem 2rem 3rem;
    position: absolute;
    height: 100%; width: 100%; top: 0; left: 0;
    box-sizing: border-box;
  }
  .page::before {
    content: "";
    position: absolute;
    height: 100%; width: 100%; top: 0; left: 0;
    pointer-events: none;
    background-image: linear-gradient(beige, antiquewhite);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    z-index: -1;
    box-sizing: border-box;
  }
   
  .content {
    position: relative;
    display: flex;
    flex-direction: column;
  }
  .content > * {
    margin-block-start: 0.5em;
    margin-block-end: 0.5em;
  }
   
  p, img, div { max-width: 100%; }
  h1, h2, h3, h4, h5, h6 { line-height: 1em; }
   
  /* Each medium gets its own style. */
   
  /* Vintage book */
   
  .vintage-book {
    font-family: 'Libre Baskerville', serif;
    color: #514132;
    line-height: 1.5em;
    text-align: justify;
  }
  .vintage-book .aspect-ratio {
    padding-top: calc(2500 / 2250 * 100%);
  }
  .vintage-book .page {
    padding: 8vw 17vw;
  }
  .vintage-book .page::before {
    background-image:
      url(https://scp-wiki.wikidot.com/local--files/component:pages/book.1000px.webp);
  }
  .vintage-book > :nth-child(2n+1) .page::before {
    transform: scaleX(-1);
  }
  .vintage-book .content {
    transform: skewY(-0.5deg);
  }
  .vintage-book > :nth-child(2n+1) .content {
    transform: skewY(0.5deg);
  }
  .vintage-book .split-paragraph-start {
    text-align-last: justify;
  }
  .vintage-book .content > p:not(.split-paragraph-end):not(.is-image) {
    text-indent: 2em;
  }
   
  /* Gdocs */
   
  .gdocs {
    font-family: sans-serif;
    color: #15141A;
    line-height: 1.25em;
  }
  .gdocs .aspect-ratio {
    padding-top: calc(1.414 / 1 * 100%);
  }
  .gdocs .page {
    padding: 10vw 10vw;
  }
  .gdocs .page::before {
    background: white;
    border: thin solid grey;
  }
  
  
  
  .mz-paper{
          border: 2px double #555;
          padding:0.5rem 0.5rem;
          margin: 0rem 0rem;
          background-size:100px;
          background-position: 0% 0%;
          background-repeat: repeat;
          background-color:var(--mz-paper-bg);
          background-image: var(--icon-noise);
  }
  .hovertip .content .footnote,
  .mz-note{
      min-width: 15vw;
  }
  
  .hovertip  .content,
  .mz-note{
      background-image:linear-gradient(var(--tip-deg),transparent 0%, transparent var(--tip-dogear-size) ,var(--tip-color) var(--tip-dogear-size), var(--tip-color) 100%);
      -webkit-filter: drop-shadow(0px 0px 2px rgba(var(--tip-bdcl),0.5));
      filter: drop-shadow(0px 0px 2px rgba(var(--tip-bdcl),0.5));
  }
  
  .hovertip  .content:after,
  .mz-note::after{
      content: "  ";
      display: block;
      width: var(--tip-dogearoll-size);
      height: var(--tip-dogearoll-size);
      background-size:contain;
      background-image:linear-gradient(var(--tip-deg),transparent 0%, transparent 50% , var(--tip-color) 50%, var(--tip-color) 100%);    
      float: right;
      margin: 0 -0.5rem -0.5rem 0;
      -webkit-filter: drop-shadow(-2px -1px 4px rgba(var(--tip-bdcl),0.6))  drop-shadow(2px -1px 1px rgba(var(--tip-bdcl),0.2)) grayscale(50%);
      filter: drop-shadow(-2px -1px 4px rgba(var(--tip-bdcl),0.6))  drop-shadow(2px -1px 1px rgba(var(--tip-bdcl),0.2)) grayscale(50%);
      position: absolute;
      bottom: 0;
      right: 0;
      margin: 0;
  }
  
  .mz-note.note-left{
      --tip-deg:45deg;
  }
  
  .mz-note.note-left:after{
     float: left;
      right: unset;
      left: 0;
  }
  
  .mz-note .blockquote,
  .mz-note blockquote{
      padding:0 1em;
      margin: 1rem 1em;
  }
  
  .mz-note hr{
     border-width: 2px;
     border-style: solid;
  }
  
  #page-content .mz-note{
      max-width:var(--tip-maxwidth_PC);
      padding: 0.5rem;
  }
  
  a.footnoteref  {
      display: inline-flex;
      font-family:var(--page-tt-font);
      text-decoration: none;
  }
  
  a.footnoteref::before{
      content: "(";
      margin: 0 0.1em;
  }
  
  a.footnoteref::after{
      content: ")";
        margin: 0 0.1em;
  }
  
  .hovertip  {
      --tip-dogear-size:1em;
      --tip-dogearoll-size:1.35em;
      border: none !important;
      background: transparent !important;
    /* width: auto !important;*/
      font-size:var(--tip-txt_size)
  }
  
  .hovertip .content{
      --tip-dogear-padding: 0.5rem  calc(var(--tip-dogearoll-size) + 0.5em) 0.5rem 0.5rem;
      -webkit-filter: drop-shadow(0px 0px 3px rgba(var(--tip-bdcl),0.5))  drop-shadow(0px 0px 1px rgba(var(--tip-bdcl),1));  
      filter: drop-shadow(0px 0px 3px rgba(var(--tip-bdcl),0.5))  drop-shadow(0px 0px 1px rgba(var(--tip-bdcl),1));  
      padding:var(--tip-dogear-padding);
      font-size: 110%;
      min-height: var(--tip-dogearoll-size);
  }
  
  .hovertip .f-footer{
      height: 0;
      font-size: 0;
  }
  
  .hovertip .f-heading  {
      max-width: 11em;
      padding: 0em 0 0em 0em;
      font-size: 110%;
      font-family:var(--handwriting-font);
      letter-spacing:1px;
      font-weight: 600;
  }
  
  .hovertip .f-heading::after {
      content: ' ';
      height: 0.1rem;
      display: block;    
      padding: 0;
      margin-left: -5px;  
      background-image: linear-gradient(70deg, transparent 0px,  var(--color-navy) 8%,  var(--color-navy) 10%, transparent 100%);
  }
  
  @media (max-width: 500px) {  
    #page-content .mz-note{
       max-width: 90%;
    }   
    .hovertip {
      max-width: 90vw;
        --tip-txt_size:0.9em;
    }
   a.footnoteref  {
      font-size:80%;
    }
  }
  
  /* 非脚注的注释 */
  .hovertip:not(:has(.f-heading))  .content {
      --tip-dogear-size:0;
      --tip-dogearoll-size:0;
      --tip-dogear-padding:0.5rem 1em;
      --tip-color:var(--color-grey-pale);
      letter-spacing: 1px
  }
  
  
  .img-border.img-paper .scp-image-block {      
      background: linear-gradient(-45deg,transparent 15px,var(--mz-paper-bg222) 0) bottom right,
                 linear-gradient(45deg,transparent 15px,var(--mz-paper-bg222) 0) bottom left,
                 linear-gradient(135deg,transparent 15px,var(--mz-paper-bg222) 0) top left,
                 linear-gradient(-135deg,transparent 15px,var(--mz-paper-bg222) 0) top right;
  }
  @media (max-width: 550px) {    
     .notebook-body, .notepage-body{
       --NOTEPAGE-txt_size: 0.9rem;
       --NOTE-bookmark_display:none;
       --NOTE-bookseam_display:none;
      }  
  
      .mz-notebook-wrap {        
      --NOTEBOOK-grid:'left' 'right';
      --NOTEBOOK-grid-columns:auto;
      --NOTEBOOK-mid_display:none;
      --NOTEBOOK-bookmark_display:none;    
      --box-bk-0:none;
       --NOTEPAGE-side_width: 0.6rem;
       --NOTEBOOK_padding:0 0 1em 0;
          --NOTEBOOK_border:3px solid #bbb;
      }
  
      .notebook-right{
          --NOTEBOOK-bookmark_display:none;
          margin-top: calc( 0em - var(--NOTEPAGE-line-height) / 2);
      }
  
  }
  
  .mz-notequote-wrap{
       --NOTE-quote_line: var(--color-grey-darkest);
      --NOTEPAGE-footer_display:inline-grid;
      --color-header-footer: var(--NOTE-quote_bg);
      --NOTEPAGE-header_min-height:1.2em;
      --NOTEPAGE-footer_min-height:1.2em;
          --NOTEPAGE-before_display:none;
          --NOTEPAGE-after_display:none;
     --MASK-chew: none;
      --MASK-chew222:none;
      --page-color:red;
  
  }
  
  .mz-notequote-wrap .notepage-main,
  .notepage-main :is(.blockquote, blockquote){
      background-color:  var(--NOTE-quote_bg);
     background-image: linear-gradient(to top ,var(--NOTE-quote_line) 0%, var(--NOTE-quote_bg) 10%);        
      border: 0;
      margin-top: var(--NOTEPAGE-line-height);
      margin-bottom: 0;
      background-position: 0 var(--NOTEPAGE-line-height_half);
      padding: var(--NOTE-quote_padding);
      -webkit-filter: var(--NOTE-quote_shadow);
              filter: var(--NOTE-quote_shadow);
  }
  
  .mz-notequote-wrap .notepage-body:before,
  .mz-notequote-wrap .notepage-body:after,
  .mz-notequote-wrap :is(.blockquote, blockquote):before{
     content: '  ';
      width:var(--NOTE-quote_width);
      height: var(--NOTE-quote_height);
      margin: var(--NOTEPAGE-line-height_half-OPS) 0  var(--NOTEPAGE-line-height_half-OPS) var(--NOTE-quote_margin-left);
      position: relative;
      float: left;
      background-image: radial-gradient(transparent 38%,var(--NOTE-quote_bg) 41%); /* 标准的语法（必须放在最后） */
       background-size:var( --NOTE-quote_bg-size);
       background-position: var( --NOTE-quote-side_position);
      background-repeat: var( --NOTE-quote-side_repeat);
  }
  
  .notepage-main :is(.blockquote, blockquote){
      --NOTE-quote_width:var(--NOTE-inerquote_width, 1.5em);
      --NOTE-quote_height: calc(100% + var(--NOTEPAGE-line-height_half) * 2);
      --NOTE-quote_bg-size:var( --NOTE-quote_width) var( --NOTE-quote_width);
      --NOTE-quote-side_repeat:repeat-y;
      --NOTEPAGE-txt_padding:0;
       --NOTE-quote-side_position:auto;
      --NOTE-quote_margin-left: calc(0em - var(--NOTE-quote_width) - var(--NOTE-quote_padding_lr) );  
  }
  
  .mz-notequote-wrap .notepage-main {
              margin-top: 0;
      -webkit-filter: none;
              filter: none;   
  }
  
  .mz-notequote-wrap .notepage-body{
          -webkit-filter: var(--NOTE-quote_shadow);
            filter: var(--NOTE-quote_shadow);
  }
  
  .mz-notequote-wrap .notepage-body:before,
  .mz-notequote-wrap .notepage-body:after{
      margin: 0    ;
      float: none;
      font-size: var(--NOTEPAGE-txt_size);
      background-color: transparent;
  -webkit-clip-path:  var(--NOTE-quote-side_clip);
  clip-path: var(--NOTE-quote-side_clip);
  }
  
  .mz-notequote-wrap .notepage-body:before{
      display: var(--NOTEPAGE-before_display, inline-grid);
  }
  .mz-notequote-wrap .notepage-body:after{
      display: var(--NOTEPAGE-after_display, inline-grid);
  }
  /*------------ 其他 --------------*/
  
  #page-content .notepage-main :is(.blockquote, blockquote) p{
     margin: 0;
  }
  
  .notepage-main hr{
      border: none;
      height:  1px;
      margin: 0 auto;
      position: relative;
      top: 0.5em;
      box-shadow: 0 0.2em 0px 1px var(--color-dark);
      width: 90%;  
  }
  
  
  .notepage-main .mz-note :is(.blockquote, blockquote){
      -webkit-filter: none;
      filter: none;
      background-image: none;
      background-color: var(--QUOTE_bg222);
      border: 2px dashed var(--QUOTE_border);
      margin-top: 0
  }
  
  .notepage-main ul{
      margin: 0;
  }
  .notepage-main ul li{
      line-height: var(--NOTEPAGE-line-height);  
  }
  .mz-notepage-wrap :is(.blockquote, blockquote):before{
      content: " ";
      display: block;
      position: absolute;
      margin:-2.5em 0em 0 -0.5em;
      width: 1.5em;
      height: 6em;
      background: var(--NOTE-tap_bg, rgba(55,55,55,0.1));
      transform: rotate(45deg);
      border: var(--NOTE-tap_bd, rgba(33,33,33,0.4) solid 1.5px);
  }
  
  
  
  .genblock {
      background-color: rgb(var(--printer-paper));
      background-image: url("https://scp-wiki.wdfiles.com/local--files/theme:twin-files/paper-texture.png");
      background-repeat: repeat;
      background-size: 100%;
  
      color: rgb(var(--ink-blot));
      font-family: var(--printer-paper-font);
      border: 3px solid black;
  
      border-color: rgb(var(--papers-edge));
  
      padding: 1.5em 1em 1.5em 1em;
  }
  
  
  .page p,
  .page ul {
      line-height: 20px;
      margin: 0;
  }
  
  .mz-notepage-wrap{
      width: 100%;
      margin: 0 auto;
     -webkit-filter:drop-shadow(1px 2px 2px #333);
      filter: drop-shadow(1px 2px 2px #333);
      height: auto;
  }
  
  
  .ticker {
      padding: 5px 5px 1.1em 3.7em;
      font-family: var(--ticker-font);
      font-size: 95%;
      font-weight: 400;
      color: #000;
   
      background: repeat-y url("https://scp-wiki.wdfiles.com/local--files/theme%3Atwin-files/tickerback.png");
      background-position: center top;
      background-size: 100%;
   
      border: 2px solid #D8D6CA;
      border-style: solid solid solid;
      border-width: medium 2px 0px;
  }
  
  .chew-bottom,
  .chew-top{
      --NOTEPAGE-txt_border-size:0.8em;
      --NOTEPAGE-before_area:header;
      --NOTEPAGE-after_area:footer;
      --NOTEPAGE-side_width: 100%;
     --NOTEPAGE-side_height: 1rem;
       --MASK-chew_repeat: repeat-x;
      --MASK-chew_size:14rem;
      --NOTEPAGE-before_display:none;
      --NOTEPAGE-after_display:none;
      --NOTEPAGE-header_font-size:0;
      --NOTEPAGE-footer_font-size:0;
  
      --NOTE-quote_width:100%;
      --NOTE-quote_bg-size:3em;
      --NOTE-quote_height:3em;
       --NOTE-quote-side_clip:inset(0 0 25% 0);
     --NOTE-quote-side_position: 0em 0;
    --NOTE-quote-side_repeat:repeat-x;
  }
  
  .chew-top {
          --NOTEPAGE-before_display:inline-grid;
          --MASK-chew-before_margin:0px 0 -1px 0;
          --NOTEPAGE-footer_font-size:0.8em;
          --NOTEPAGE-header_display:none;
  
  }
  
  .chew-bottom {
       --MASK-chew-after_margin: -1px 0 0 0;  
      --NOTEPAGE-after_display:inline-grid;
      --NOTEPAGE-header_font-size:1.5em;
  }
  
  .chew-bottom .notepage-body:after{
      --MASK-chew-after: var(--MASK-chew222);
  }
  
  .chew-top .notepage-body:before{
      --MASK-chew-before: var(--MASK-chew222);
      transform: scaleY(-1);
  }
  
  
  .mmposter-wrap{
      display: flex;
      justify-content: center ;   
      flex-wrap: wrap;
  
  }
  
  .mmposter-cell{
      min-width: 10%;
          justify-self: center;
  }
  
  .mmposter-blockquote .mmposter-cell{
      min-width: 50%;
  }
  
  .mmposter-semi  .mmposter-cell{
    width: 50% ;
  }
  
  .mmposter-semi  .mmposter-cell span[style*="underline"]{
   display: none
  }
  
  .flex-pc{
      display: flex;
  }
  
  
  .flex-wrap{
      display: flex;
      justify-content: space-around;    
  }
  
  .flex-wrap div{
       margin: 0 0.5rem;
      width: 100%;
  }
  
  @media (max-width: 500px) {
    .flex-pc{
      display: block;
  }
  
      .flex-wrap{
  flex-wrap:wrap;        
      }
  
    .mmposter-semi  .mmposter-cell,
  
      .mmposter-cell{
          width: 100%;
  min-width: auto;
  
      }    
      .mmposter-right{
  margin-top:2rem;
      }    
      .mob-breakkkk{
      display: block
  }
  }
  a.footnoteref  {
      display: inline-flex;
      font-family:var(--page-tt-font);
      text-decoration: none;
  }
  
  a.footnoteref::before{
      content: "(";
      margin: 0 0.1em;
  }
  
  a.footnoteref::after{
      content: ")";
        margin: 0 0.1em;
  }
  .hovertip .content .footnote,
  .mz-note{
      min-width: 15vw;
  }
  
  .clip-wrap div {
      max-width: 60%;
      margin: 1rem auto;
      width: 60%;
  }
  
  .clip-wrap .clip-img,
  .clip-wrap .clip-body {
      border: solid 2px rgb(var(--clip-border,0,0,0));
      background-color: rgb(var(--clip-bg, 244, 244, 244));
      box-sizing: border-box;
      position: relative;
      z-index: 0;
      padding: 0.5rem;
  }
  
  .clip-wrap .clip-img::before,.clip-wrap .clip-img::after,
  .clip-wrap .clip-body::before,.clip-wrap .clip-body::after {
      content:'';
      position: absolute;
      pointer-events: none;
      border: solid 0.25rem var(--color-darker);
      transform: rotate(25deg);
  }
  
  .clip-wrap .clip-img::before,.clip-wrap .clip-img::after {
      border: solid 0.25rem var(--color-darker);
  }
  
  .clip-wrap .clip-img::before,
  .clip-wrap .clip-body::before {
    right: 0.45rem;
    height: 36px;
    width: 9px;
    top: -0.45rem;
    border-radius: 0 0 2rem 2rem;
    border-top: none;
  }
  
  .clip-wrap .clip-img::after,
  .clip-wrap .clip-body::after {
      top: -24px;
      right: -0.5rem;
      height: 16px;
      width: 14px;
      border-radius: 2rem 2rem 0 0;
      border-bottom: solid 0.55rem transparent;
      z-index: -1;
  }
  
  .clip-wrap .clip-body img,
  .clip-wrap .clip-img {
      border: 0.15rem solid var(--color-darkest);
    width: max-content;
  }
  
  .clip-wrap .clip-img::before {
    right: -0.2rem;
    top: -0.45rem;
  }
  
  .clip-wrap .clip-img::after {
      right: -0.8rem;
          height: 45px;
  }
  
  .clip-wrap .clip-img {
      padding: 0rem;
      border: 0.12rem solid var(--color-darkest);
      box-shadow:  0px 0px 0px 9px rgba(50,50,50, 0.1), 0px 0px 0px 12px rgba(150,150,150, 0.1);
  }
  
  @media (max-width: 500px) {
  .clip-wrap{
       max-width: 100%;
  }
  .clip-wrap .clip-img::before,
  .clip-wrap .clip-body::before {
    right: 0.3rem;
    height: 1.4rem;
    width: 0.4rem;
    top: 0rem;
  }
  
  .clip-wrap .clip-img::after,
  .clip-wrap .clip-body::after {
      top: -1rem;
      right: -0.5rem;
      height: 1rem;
      width: 0.7rem;
  }
  }
  
  
  @import url('https://scp-wiki.wdfiles.com/local--files/theme:twin-files/stylesheet-alt.css');
  @import url('https://fonts.googleapis.com/css2?family=Jost&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Rubik&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Archivo&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Sedgwick+Ave&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Arimo&display=swap');
  
  @import url('https://fonts.googleapis.com/css?family=Special+Elite');
  @import url('https://fonts.googleapis.com/css?family=Courier+Prime');
  @import url('http://scp-wiki.wdfiles.com/local--files/component%3Aspirit-theme/telegram3.css');
  @import url('http://scp-wiki.wdfiles.com/local--files/component%3Aspirit-theme/Yukarimobile.css');
   
  .CS-title {
      font-family: 'alpha_echoregular';
  }
   
  .yui-navset .yui-nav {
      border: solid #999999;
      border-width: 0px 0px 0px 0px;
      background: #ae8152;
  }
  .yui-navset .yui-nav li {
      margin: 0px 2px 0px 0px;
      padding: 0px;
  }
  .yui-navset .yui-nav .selected {
      margin: 0px 2px 0px 0px;
      padding: 0px;
  }
  .yui-navset .yui-nav li em {
      font-family: courier, monospace !important;
      font-size: 12pt;
      font-weight: bold;
  }
  .yui-navset .yui-content {
      background: #F9D986;
      border: solid 2px #000000;
      border-radius: 5px;
  
  }
  .yui-navset .yui-nav a em {
      padding: 0px 5px 0px 5px;
  }
  .yui-navset .yui-nav .selected a em {
      padding: 0px 5px 0px 5px;
  }
  div.yui-navset ul.yui-nav a,
  div.yui-navset div.yui-navset-top ul.yui-nav a {
      background: #f4eede;
      border: solid #000000;
      border-width: 3px 3px 1px 3px;
  }
  div.yui-navset ul.yui-nav a:hover,
  div.yui-navset ul.yui-nav a:focus {
      background: #bfc3d4;
  }
  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: #0a0037;
      border: solid 3px #ffffff;
  }

  Pages using this styling

  • scp-8842 [info]

  ¶ 1 occurrence
  

  :root {
          /* Theme Colors */
          --bright-accent: 255, 96, 144;
          --medium-accent: 255, 96, 144;
          --dark-accent: 255, 96, 144;
          --gray-monochrome: 163, 0, 107;
          --dark-gray-monochrome: 83, 0, 52;
   
          /* Header Gradient */
          --header-gradient-color-bottom: 179, 68, 109;
          --header-gradient-color-middle: 225, 21, 133;
          --header-gradient-color-top: 225, 21, 133;
   
          /* Background Gradient */
          --background-gradient-color: 244, 194, 194;
   
          /* Link Colors */
          --link-color: var(--bright-accent);
          --visited-link-color: var(--header-gradient-color-bottom);
          --hover-link-color: var(--header-gradient-color-bottom);
   
          /* Menu Colors */
          --swatch-menubg-color: 83, 0, 52;
      }
   
      #interwiki,
      #side-bar {
          --sidebar-links-text: 255, 255, 255;
  }

  Pages using this styling

  • scp-8838 [info]

  ¶ 1 occurrence
  

  .mouse {
      background-color: black;
      text-align: center;
      color: #e8e8e8;
  }
  .marcus {
      background-color: black;
      color: #e8e8e8;
      padding: 2em;
      margin: 2em auto;     
      max-width: 1000px;  
      box-sizing: border-box;
  }
  .footnotes-footer { 
  display:none;
  }
  
  .you {
      background-color: white;
      color: black;
      padding: 2em;
      margin: 2em auto;     
      max-width: 1000px;  
      box-sizing: border-box;
  }
  
  .monse {
    position: relative;
    z-index: 0;
    color: #e8e8e8;
  }
  
  .monse::before {
    content: "";
    background-color: black;
    width: calc(100vw - 5px);
    height: 100%;
    position: absolute;
    left: calc(50% - 2.5px);
    transform: translateX(-50%);
    z-index: -1;
  }

  Pages using this styling

  • scp-8835 [info]

  ¶ 1 occurrence
  

  table.wiki-content-table {
      background-color: #FCFCFC !important;
      color: black !important;
      box-shadow: 5px -5px 6px #0F0F0F;
  }
  table.wiki-content-table th {
      background-color: #0F0F0F !important;
      color: #FCFCFC !important;
      box-shadow: 5px -5px 6px #1a1918;
  }

  Pages using this styling

  • scp-8825 [info]

  ¶ 1 occurrence
  

  .ego-bar { display: flex; flex-direction: column; justify-content: space-evenly; flex-wrap: wrap; align-items: center; margin-block: 1rem; }
  .ego-bar__link { font-size: smaller; margin-inline: 2rem; }
  .ego-bar .page-rate-widget-box { margin: 0; }
  :not(.ab-test--active) + .ego-bar { display: none; }

  Pages using this styling

  • scp-8822 [info]

  ¶ 1 occurrence
  

  .modalbox { max-height: 90vh }
  .modalbox .credit { height: auto }

  Pages using this styling

  • scp-8822 [info]

  ¶ 1 occurrence
  

  .phone-call {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    align-items: end;
    margin-inline: max(0px, calc(25% - 5rem));
  }
  
  .phone__left, .phone__right {
    position: relative;
    border: thin solid var(--border-light);
    border-radius: 0.3rem;
    padding: 0.4rem 0.8rem;
    margin: 0;
    background-color: transparent;
    max-width: 75%;
  }
  .phone__left { align-self: start }
  .phone__right { background-color: var(--bg-light) }
  .phone__left::before { left: 0.5em }
  .phone__right::before { right: 0.5em }
  :is(.phone__left, .phone__right) p { margin: 0; }
  
  .phone-call [data-speaker] { margin-top: 1rem; }
  .phone-call [data-speaker]::before {
    content: attr(data-speaker);
    font-size: 0.8rem;
    font-weight: bold;
    opacity: 0.6;
    position: absolute;
    top: -1.5em;
  }

  Pages using this styling

  • scp-8822 [info]

  ¶ 1 occurrence
  

  /* SCP-8822-specific jank */
  
  @import url(https://croquembouche.net/scp/scp-8822/assertions-v1.css);
  
  /* Hide the page if the assertions stylesheet fails to load */
  :where(.article) { visibility: hidden }
  
  .controller { height: 1px !important }
  .scout {
    height: 1em;
    width: 1px;
    border: none;
    transform: scaleY(50);
    margin-block: -0.25em;
  }
  .controller, .scout:not([src*="debug=true"]) { opacity: 0.01 }
  
  /* Images */
  
  .img-head-original-angle {
    --image-url: url(https://scp-wiki.wikidot.com/local--files/scp-8822/head-original-angle-300x300.webp);
    --image-large-url: url(https://scp-wiki.wikidot.com/local--files/scp-8822/head-original-angle-1000x1000.webp);
    --aspect-ratio: 1 / 1;
  }
  .img-head-original-straight {
    --image-url: url(https://scp-wiki.wikidot.com/local--files/scp-8822/head-original-straight-300x300.webp);
    --image-large-url: url(https://scp-wiki.wikidot.com/local--files/scp-8822/head-original-straight-1000x1000.webp);
    --aspect-ratio: 1 / 1;
  }
  .img-head-brian-angle {
    --image-url: url(https://scp-wiki.wikidot.com/local--files/scp-8822/head-brian-angle-300x300.webp);
    --image-large-url: url(https://scp-wiki.wikidot.com/local--files/scp-8822/head-brian-angle-1000x1000.webp);
    --aspect-ratio: 1 / 1;
  }
  .img-head-brian-straight {
    --image-url: url(https://scp-wiki.wikidot.com/local--files/scp-8822/head-brian-straight-300x300.webp);
    --image-large-url: url(https://scp-wiki.wikidot.com/local--files/scp-8822/head-brian-straight-1000x1000.webp);
    --aspect-ratio: 1 / 1;
  }
  .img-head-christie-angle {
    --image-url: url(https://scp-wiki.wikidot.com/local--files/scp-8822/head-christie-angle-300x300.webp);
    --image-large-url: url(https://scp-wiki.wikidot.com/local--files/scp-8822/head-christie-angle-1000x1000.webp);
    --aspect-ratio: 1 / 1;
  }
  .img-head-christie-straight {
    --image-url: url(https://scp-wiki.wikidot.com/local--files/scp-8822/head-christie-straight-300x300.webp);
    --image-large-url: url(https://scp-wiki.wikidot.com/local--files/scp-8822/head-christie-straight-1000x1000.webp);
    --aspect-ratio: 1 / 1;
  }
  .img-head-claire-angle {
    --image-url: url(https://scp-wiki.wikidot.com/local--files/scp-8822/head-claire-angle-300x484.webp);
    --image-large-url: url(https://scp-wiki.wikidot.com/local--files/scp-8822/head-claire-angle-1000x1613.webp);
    --aspect-ratio: 5 / 8;
  }
  .img-head-claire-straight {
    --image-url: url(https://scp-wiki.wikidot.com/local--files/scp-8822/head-claire-straight-300x484.webp);
    --image-large-url: url(https://scp-wiki.wikidot.com/local--files/scp-8822/head-claire-straight-1000x1613.webp);
    --aspect-ratio: 5 / 8;
  }
  .img-head-gary-angle {
    --image-url: url(https://scp-wiki.wikidot.com/local--files/scp-8822/head-gary-angle-300x484.webp);
    --image-large-url: url(https://scp-wiki.wikidot.com/local--files/scp-8822/head-gary-angle-1000x1613.webp);
    --aspect-ratio: 5 / 8;
  }
  .img-head-gary-straight {
    --image-url: url(https://scp-wiki.wikidot.com/local--files/scp-8822/head-gary-straight-300x484.webp);
    --image-large-url: url(https://scp-wiki.wikidot.com/local--files/scp-8822/head-gary-straight-1000x1613.webp);
    --aspect-ratio: 5 / 8;
  }
  .img-head-gregory-angle {
    --image-url: url(https://scp-wiki.wikidot.com/local--files/scp-8822/head-gregory-angle-300x300.webp);
    --image-large-url: url(https://scp-wiki.wikidot.com/local--files/scp-8822/head-gregory-angle-1000x1000.webp);
    --aspect-ratio: 1 / 1;
  }
  .img-head-gregory-straight {
    --image-url: url(https://scp-wiki.wikidot.com/local--files/scp-8822/head-gregory-straight-300x300.webp);
    --image-large-url: url(https://scp-wiki.wikidot.com/local--files/scp-8822/head-gregory-straight-1000x1000.webp);
    --aspect-ratio: 1 / 1;
  }
  .img-head-nicholas-angle {
    --image-url: url(https://scp-wiki.wikidot.com/local--files/scp-8822/head-nicholas-angle-300x484.webp);
    --image-large-url: url(https://scp-wiki.wikidot.com/local--files/scp-8822/head-nicholas-angle-1000x1614.webp);
    --aspect-ratio: 5 / 8;
  }
  .img-head-nicholas-straight {
    --image-url: url(https://scp-wiki.wikidot.com/local--files/scp-8822/head-nicholas-straight-300x484.webp);
    --image-large-url: url(https://scp-wiki.wikidot.com/local--files/scp-8822/head-nicholas-straight-1000x1614.webp);
    --aspect-ratio: 5 / 8;
  }
  
  .img-heads-pile {
    --image-url: url(https://scp-wiki.wikidot.com/local--files/scp-8822/heads-pile-300x300.webp);
    --aspect-ratio: 1 / 1;
  }
  
  .img-masonry-interior {
    --image-url: url(https://scp-wiki.wikidot.com/local--files/scp-8822/masonry-interior-300x200.webp);
    --image-large-url: url(https://scp-wiki.wikidot.com/local--files/scp-8822/masonry-interior-1000x667.webp);
    --aspect-ratio: 3 / 2;
  }
  .img-masonry-exterior-salford {
    --image-url: url(https://scp-wiki.wikidot.com/local--files/scp-8822/masonry-exterior-salford-300x225.webp);
    --image-large-url: url(https://scp-wiki.wikidot.com/local--files/scp-8822/masonry-exterior-salford-1000x750.webp);
    --aspect-ratio: 4 / 3;
  }
  .img-masonry-exterior-bradford {
    --image-url: url(https://scp-wiki.wikidot.com/local--files/scp-8822/masonry-exterior-bradford-300x225.webp);
    --image-large-url: url(https://scp-wiki.wikidot.com/local--files/scp-8822/masonry-exterior-bradford-1000x750.webp);
    --aspect-ratio: 4 / 3;
  }
  
  /* Late-article theme change */
  
  #page-title, #breadcrumbs, .meta-title--sdp, .pseudocrumbs--sdp {
    display: none;
  }
  
  :root:has(.controller:is([style*=".460"],[style*=".470"],[style*=".480"],[style*=".490"],[style*=".500"])) {
    --header-title: "SDP Foundation";
    --header-subtitle: "Secure, Display, Protect";
    --sp_header-logo: url(https://scp-sandbox-3.wdfiles.com/local--files/cqb-head/header-logo-inverted.svg);
    --sp_header-gradient-bottom-color: mediumpurple;
    --sp_header-height: 10rem;
    --sp_top-bar-height: 1.8rem;
  
    :is(
      .meta-title,
      .rate-box-with-credit-button,
      .page-rate-widget-box,
      #side-bar .side-block,
      .scpnet-interwiki-frame,
      a:not(#side-bar a):not(.page-rate-widget-box a):not(a:has(img))
    ) {
      filter: hue-rotate(290deg) saturate(1.5);
    }
  
    :is(.meta-title--scp, .pseudocrumbs--scp) { display: none }
    :is(.meta-title--sdp, .pseudocrumbs--sdp) { display: revert }
  }
  
  /* Accessibility/debug options */
  
  :root:has(.checkbox--highlight .unfolded) .ch_B :is(.a_11, .a_12, .a_13, .a_14, .a_15, .a_16, .a_17, .a_18, .a_19) { background-color: #c9daf8 }
  :root:has(.checkbox--highlight .unfolded) .ch_B :is(.a_20, .a_21, .a_22, .a_23, .a_24, .a_25, .a_26, .a_27, .a_28) { background-color: #d9ead3 }
  :root:has(.checkbox--highlight .unfolded) .ch_B :is(.a_29, .a_30, .a_31, .a_32, .a_33, .a_34, .a_35) { background-color: #fce5cd }
  :root:has(.checkbox--highlight .unfolded) .ch_B :is(.a_36, .a_37, .a_38, .a_39, .a_40, .a_41, .a_42, .a_43, .a_44, .a_45) { background-color: #f4cccc }
  :root:has(.checkbox--highlight .unfolded) .ch_B :is(.a_46, .a_47, .a_48, .a_49, .a_50) { background-color: #d9d2e9 }
  
  .debug-mode-toggle { display: none }
  @media (min-width: 800px) {
    :root:has(.checkbox--highlight .unfolded) .debug-mode-toggle { display: block }
  }
  :root:has(.checkbox--debug .unfolded) .controller {
    opacity: 1;
    height: 220px !important;
    position: sticky;
    top: 0;
    z-index: 9;
  }
  :root:has(.checkbox--debug .unfolded) .scout {
    opacity: 1;
  }
  
  /* Blur on major shift */
  
  :root:has(.controller:is([style*=".280"],[style*=".350"],[style*=".450"])) body {
    animation: bigblur 0.3s ease;
  }
  @keyframes bigblur {
    0%, 100% { filter: blur(0px) }
    50% { filter: blur(3px) }
  }
  
  /* Calibration
  This is always a terrible idea
  Well-designed CSS doesn't need this
  This is not well-designed CSS
  This is not a place of honour */
  
  @media (min-width: 800px) {
    #u-t1-order { margin-bottom: 0px}
    .t2-optional { display: revert }
  
    #u-t1-order p { padding-bottom: 0px }
    #u-t1-morning p { padding-bottom: 0px }
    #u-t1-lunch p { padding-bottom: 0px }
  
    #u-t1-morning-2 p { padding-bottom: 0px }
    #u-t1-lunch-2 p { padding-bottom: 0px }
    #u-t1-afternoon p { padding-bottom: 0px }
  
    #u-t2-order p { padding-bottom: 0px }
    #u-t2-morning p { padding-bottom: 0px }
    #u-t2-lunch p { padding-bottom: 0px }
    #u-t2-afternoon p { padding-bottom: 0px }
  }
  
  /* NOTE TO SELF listed breakpoints are exact test candidates, will probably need some fuzzing */
  
  @media (max-width: 640px) {
    .t2-optional { display: none }
  
    #u-t1-order p { padding-bottom: 3px }
    #u-t1-morning p { padding-bottom: 3px }
    #u-t1-lunch p { padding-bottom: 3px }
  
    #u-t1-morning-2 p { padding-bottom: 8px }
    #u-t1-lunch-2 p { padding-bottom: 8px }
  }
  
  @media (max-width: 430px) {
    #u-t1-afternoon p { padding-bottom: 8px }
  }
  
  @media (max-width: 380px) {
    #u-t1-order { margin-bottom: 100px}
    #u-t1-morning p { padding-bottom: 5px }
    #u-t1-lunch p { padding-bottom: 5px }
    #u-t1-afternoon p { padding-bottom: 0px }
  }

  Pages using this styling

  • scp-8822 [info]

  ¶ 1 occurrence
  

  :root {
    --border-light: #d0d0d0;
    --bg-light: #fbfbfb;
    --shadow-light: #dfdfdf;
    --title-dark: #444450;
  }
  
  #main-content :is(h1, h2) {
    font-family: Inter, sans-serif;
    font-weight: bold;
  }
  
  @media (min-width: 551px) and (max-width: 767px), (min-width: 851px) {
    .scp-image-block.block-right {
      margin-right: 0;
    }
  }
  
  .document-continuation {
    background-image: radial-gradient(circle at center, #eee 25%, transparent 26%);
    background-size: 1rem 1rem;
    background-repeat: repeat-y;
    background-position: center;
  }
  
  .document {
    position: relative;
    margin-block: 1.5rem;
    --document-padding-inline: 2.5rem;
    padding: 2rem var(--document-padding-inline);
    border: thin solid var(--border-light);
    border-radius: 0.4rem;
    box-shadow:
      0px 0.1rem 0.3rem var(--shadow-light),
      0px 0.1rem 0.8rem var(--bg-light);
    color: #444;
    background-color: white;
  }
  @media (max-width: 700px) {
    .document {
      --document-padding-inline: 0.75rem;
      margin-inline: max(-2.5vw, -1rem);
    }
  }
  .document :is(h2, h3) {
    font-family: inherit;
    letter-spacing: inherit;
    margin-bottom: 1.5rem;
    text-align: center;
  }
  .document h2 {
    font-weight: 650;
    color: var(--title-dark);
    font-size: 1.5rem;
  }
  .document h2 + h3 {
    margin-top: -1.5rem;
    font-weight: 300;
    font-size: 0.9rem;
  }
  .document p {
    margin-right: -0.5ch;
  }
  .document .wiki-content-table :is(th, td) {
    border-color: var(--border-light);
    padding: 0.5rem 0.8rem;
  }
  .document .wiki-content-table th {
    background-color: var(--bg-light);
  }
  .document .wiki-content-table { border-collapse: separate }
  .document .wiki-content-table tr:not(:last-child) :is(th, td) { border-bottom-width: 0 }
  .document .wiki-content-table tr :is(th, td):not(:last-child) { border-right-width: 0 }
  .document .wiki-content-table tr:first-child :is(th, td):first-child { border-top-left-radius: 0.4rem }
  .document .wiki-content-table tr:first-child :is(th, td):last-child { border-top-right-radius: 0.4rem }
  .document .wiki-content-table tr:last-child :is(th, td):first-child { border-bottom-left-radius: 0.4rem }
  .document .wiki-content-table tr:last-child :is(th, td):last-child { border-bottom-right-radius: 0.4rem }
  .document .wiki-content-table :is(th, td) { vertical-align: top }
  .document .wiki-content-table th:not(:only-child) { text-align: left }
  .document hr {
    margin-block: 2rem;
    background: none;
    height: 0;
    border-top: thin solid var(--border-light);
    align-self: stretch;
  }
  .document .document {
    margin-top: 2rem;
    --document-nested-padding-inline: 0.5rem;
    margin-inline: calc(-1 * var(--document-nested-padding-inline));
    padding: 1rem calc(var(--document-padding-inline) / 2);
    border-radius: 0.6rem;
  }
  .document .document::before {
    /* Flatten shadow of underlying document */
    content: "";
    position: absolute;
    --cover-width: min(6px, calc(var(--document-padding-inline) - var(--document-nested-padding-inline)));
    inset: -3rem calc(0px - var(--document-padding-inline) + var(--document-nested-padding-inline) - var(--cover-width) - 2px);
    border-inline: var(--cover-width) solid var(--darkreader-neutral-background, white);
    border-block: 100px solid transparent;
    pointer-events: none;
  }
  .document .document::after {
    /* Show paperclip connected to underlying document */
    content: "";
    position: absolute;
    height: 21px; width: 80px;
    background-size: 5rem auto;
    background-image: url(https://scp-sandbox-3.wdfiles.com/local--files/croquemtest/paperclip.svg);
    background-repeat: no-repeat;
    background-position: top left;
    left: calc(-1 * var(--document-padding-inline) + var(--document-nested-padding-inline));
    top: 1rem;
    transform: translateX(-14%) rotate(10deg);
  }
  @media (max-width: 700px) {
    .document .document::after { top: 0.5rem; }
  }
  
  .document__image-block {
    border: none;
    box-shadow: 0px 0.1rem 0.2rem var(--shadow-light);
    border-radius: 0.4rem;
  }
  @media (min-width: 1080px) {
    .document__image-block.block-right {
      margin-right: -1.5rem;
    }
    .document__image-block.block-left {
      margin-left: -1.5rem;
    }
  }
  .document__image-block .scp-image-alt::before,
  .document__image-block .image {
    border-radius: 0.4rem 0.4rem 0 0;
  }
  @media (min-width: 670px) and (max-width: 767px), (min-width: 940px) {
    .document__image-block.croqstyle-image-block:not(.croqstyle-image-block--no-hover) .scp-image-alt:hover::before {
      border-radius: 0.4rem;
      box-shadow:
        0px 0.1rem 0.3rem var(--shadow-light),
        0px 0.1rem 0.8rem var(--bg-light);
    }
  }
  .document__image-block .scp-image-caption {
    background-color: var(--bg-light);
    padding: 0.5rem 0.8rem;
    border: thin solid var(--border-light);
    border-radius: 0 0 0.4rem 0.4rem;
    border-top-width: 0;
  }
  
  .document .croqstyle-img-footnote::before {
    border-radius: 0.4rem;
    box-shadow:
      0px 0.1rem 0.3rem var(--shadow-light),
      0px 0.1rem 0.8rem var(--bg-light);
    border: none;
    background-size: cover;
  }
  .document--red {
    background-color: #fff5f5;
    --border-light: #d0b0b0;
    --bg-light: #fbe0e0;
    --title-dark: #442430;
  }
  .document--green {
    background-color: #f5fff5;
    --border-light: #b0d0b0;
    --bg-light: #e0fbe0;
    --title-dark: #244430;
  }
  .document--blue {
    background-color: #f5f5ff;
    --border-light: #b0b0d0;
    --bg-light: #e0e0fb;
    --title-dark: #243044;
  }
  
  .table-flex {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 0.5em;
    margin-block: 0.5em;
  }
  .table-flex table {
    flex: 1 1 15rem;
    margin: 0;
  }
  
  .review {
    padding: 0 1rem;
    border: medium solid grey;
    margin: 2rem auto;
    max-width: 24rem;
  }
  .review p:first-child {
    font-weight: bold;
  }
  .review p:first-child::after {
    margin-left: 1em;
    font-family: FontAwesome;
    font-weight: normal;
    color: mediumseagreen;
  }
  .review--3 p:first-child::after { content: "\f005 \f005 \f005 \f006 \f006" }
  .review--4 p:first-child::after { content: "\f005 \f005 \f005 \f005 \f006" }
  .review--5 p:first-child::after { content: "\f005 \f005 \f005 \f005 \f005" }
  
  .out-of-universe-note {
    margin-top: 1rem;
    margin-bottom: 2rem;
    font-size: 94%;
    padding: 0.8em 1em;
    border: thin solid #143d52;
    border-radius: 10px;
    box-shadow: 0 2px 6px #143d524d;
    background: #eef9ff;
  }

  Pages using this styling

  • scp-8822 [info]

  ¶ 1 occurrence
  

  .checkbox ul {
    list-style: none;
    padding: 0;
    display: block !important;
  }
  .checkbox a { color: inherit; text-decoration: none; }
  .checkbox li a::before {
    content: "\f096";
    color: #8f8f9d;
    font-family: FontAwesome;
    display: inline-block;
    width: 1em;
    padding-right: 0.5ch;
  }
  .checkbox li a:hover::before { color: #676774; }
  .checkbox li.unfolded a::before {
    content: "\f14a";
    color: #3584e4;
  }
  .checkbox li.unfolded a:hover::before { color: #1e6fc5; }

  Pages using this styling

  • scp-8822 [info]

  ¶ 1 occurrence
  

  /* Sigma+ modification - add Sigma-10 shadows to topbar */
  #header {
    background-image:
      linear-gradient(to bottom,
        transparent,
        transparent calc(100% - var(--sp_top-bar-height) - 3px),
        #88220029 calc(100% - var(--sp_top-bar-height))
      ),
      repeating-linear-gradient(var(--sp_diagonal-stripes-angle),
        var(--sp_diagonal-stripes-color),
        var(--sp_diagonal-stripes-color) var(--sp_diagonal-stripes-width),
        transparent var(--sp_diagonal-stripes-width),
        transparent var(--sp_diagonal-stripes-gap)
      ),
      linear-gradient(to bottom,
        var(--sp_header-gradient-top-color) calc(var(--sp_header-gradient-top-stop) * var(--sp_header-height)),
        var(--sp_header-gradient-bottom-color) calc(var(--sp_header-gradient-bottom-stop) * var(--sp_header-height))
      );
  }
  #container {
    background-image:
      linear-gradient(to bottom,
        transparent,
        #88220066 var(--sp_final-header-height),
        #8822000d calc(var(--sp_final-header-height) + 4px),
        #f9f9f900 calc(var(--sp_final-header-height) + 262px)
      );
  }

  Pages using this styling

  • scp-8822 [info]

  ¶ 1 occurrence
  

  html {
      filter: grayscale(100%);
  }

  Pages using this styling

  • scp-8821 [info]

  ¶ 1 occurrence
  

  
  #extra-div-2 {
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 10rem;
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 304 304' width='304' height='304'%3E%3Cpath fill='%23aeaeb0' fill-opacity='0.08' d='M44.1 224a5 5 0 1 1 0 2H0v-2h44.1zm160 48a5 5 0 1 1 0 2H82v-2h122.1zm57.8-46a5 5 0 1 1 0-2H304v2h-42.1zm0 16a5 5 0 1 1 0-2H304v2h-42.1zm6.2-114a5 5 0 1 1 0 2h-86.2a5 5 0 1 1 0-2h86.2zm-256-48a5 5 0 1 1 0 2H0v-2h12.1zm185.8 34a5 5 0 1 1 0-2h86.2a5 5 0 1 1 0 2h-86.2zM258 12.1a5 5 0 1 1-2 0V0h2v12.1zm-64 208a5 5 0 1 1-2 0v-54.2a5 5 0 1 1 2 0v54.2zm48-198.2V80h62v2h-64V21.9a5 5 0 1 1 2 0zm16 16V64h46v2h-48V37.9a5 5 0 1 1 2 0zm-128 96V208h16v12.1a5 5 0 1 1-2 0V210h-16v-76.1a5 5 0 1 1 2 0zm-5.9-21.9a5 5 0 1 1 0 2H114v48H85.9a5 5 0 1 1 0-2H112v-48h12.1zm-6.2 130a5 5 0 1 1 0-2H176v-74.1a5 5 0 1 1 2 0V242h-60.1zm-16-64a5 5 0 1 1 0-2H114v48h10.1a5 5 0 1 1 0 2H112v-48h-10.1zM66 284.1a5 5 0 1 1-2 0V274H50v30h-2v-32h18v12.1zM236.1 176a5 5 0 1 1 0 2H226v94h48v32h-2v-30h-48v-98h12.1zm25.8-30a5 5 0 1 1 0-2H274v44.1a5 5 0 1 1-2 0V146h-10.1zm-64 96a5 5 0 1 1 0-2H208v-80h16v-14h-42.1a5 5 0 1 1 0-2H226v18h-16v80h-12.1zm86.2-210a5 5 0 1 1 0 2H272V0h2v32h10.1zM98 101.9V146H53.9a5 5 0 1 1 0-2H96v-42.1a5 5 0 1 1 2 0zM53.9 34a5 5 0 1 1 0-2H80V0h2v34H53.9zm60.1 3.9V66H82v64H69.9a5 5 0 1 1 0-2H80V64h32V37.9a5 5 0 1 1 2 0zM101.9 82a5 5 0 1 1 0-2H128V37.9a5 5 0 1 1 2 0V82h-28.1zm16-64a5 5 0 1 1 0-2H146v44.1a5 5 0 1 1-2 0V18h-26.1zm102.2 270a5 5 0 1 1 0 2H98v14h-2v-16h124.1zM242 149.9V160h16v34h-16v62h48v48h-2v-46h-48v-66h16v-30h-16v-12.1a5 5 0 1 1 2 0zM53.9 18a5 5 0 1 1 0-2H64V2H48V0h18v18H53.9zm112 32a5 5 0 1 1 0-2H192V0h50v2h-48v48h-28.1zm-48-48a5 5 0 0 1-9.8-2h2.07a3 3 0 1 0 5.66 0H178v34h-18V21.9a5 5 0 1 1 2 0V32h14V2h-58.1zm0 96a5 5 0 1 1 0-2H137l32-32h39V21.9a5 5 0 1 1 2 0V66h-40.17l-32 32H117.9zm28.1 90.1a5 5 0 1 1-2 0v-76.51L175.59 80H224V21.9a5 5 0 1 1 2 0V82h-49.59L146 112.41v75.69zm16 32a5 5 0 1 1-2 0v-99.51L184.59 96H300.1a5 5 0 0 1 3.9-3.9v2.07a3 3 0 0 0 0 5.66v2.07a5 5 0 0 1-3.9-3.9H185.41L162 121.41v98.69zm-144-64a5 5 0 1 1-2 0v-3.51l48-48V48h32V0h2v50H66v55.41l-48 48v2.69zM50 53.9v43.51l-48 48V208h26.1a5 5 0 1 1 0 2H0v-65.41l48-48V53.9a5 5 0 1 1 2 0zm-16 16V89.41l-34 34v-2.82l32-32V69.9a5 5 0 1 1 2 0zM12.1 32a5 5 0 1 1 0 2H9.41L0 43.41V40.6L8.59 32h3.51zm265.8 18a5 5 0 1 1 0-2h18.69l7.41-7.41v2.82L297.41 50H277.9zm-16 160a5 5 0 1 1 0-2H288v-71.41l16-16v2.82l-14 14V210h-28.1zm-208 32a5 5 0 1 1 0-2H64v-22.59L40.59 194H21.9a5 5 0 1 1 0-2H41.41L66 216.59V242H53.9zm150.2 14a5 5 0 1 1 0 2H96v-56.6L56.6 162H37.9a5 5 0 1 1 0-2h19.5L98 200.6V256h106.1zm-150.2 2a5 5 0 1 1 0-2H80v-46.59L48.59 178H21.9a5 5 0 1 1 0-2H49.41L82 208.59V258H53.9zM34 39.8v1.61L9.41 66H0v-2h8.59L32 40.59V0h2v39.8zM2 300.1a5 5 0 0 1 3.9 3.9H3.83A3 3 0 0 0 0 302.17V256h18v48h-2v-46H2v42.1zM34 241v63h-2v-62H0v-2h34v1zM17 18H0v-2h16V0h2v18h-1zm273-2h14v2h-16V0h2v16zm-32 273v15h-2v-14h-14v14h-2v-16h18v1zM0 92.1A5.02 5.02 0 0 1 6 97a5 5 0 0 1-6 4.9v-2.07a3 3 0 1 0 0-5.66V92.1zM80 272h2v32h-2v-32zm37.9 32h-2.07a3 3 0 0 0-5.66 0h-2.07a5 5 0 0 1 9.8 0zM5.9 0A5.02 5.02 0 0 1 0 5.9V3.83A3 3 0 0 0 3.83 0H5.9zm294.2 0h2.07A3 3 0 0 0 304 3.83V5.9a5 5 0 0 1-3.9-5.9zm3.9 300.1v2.07a3 3 0 0 0-1.83 1.83h-2.07a5 5 0 0 1 3.9-3.9zM97 100a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-48 32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm32 48a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm32-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0-32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm32 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16-64a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 96a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-144a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-96 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm96 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16-64a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-32 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM49 36a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-32 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm32 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM33 68a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-48a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 240a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16-64a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16-32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm80-176a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm32 48a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0-32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm112 176a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM17 180a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0-32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM17 84a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm32 64a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6z'%3E%3C/path%3E%3C/svg%3E");
      background-size: cover;
      background-position: center;
      background-repeat: repeat-x;
      pointer-events: none;
  }
  
  #content-wrap {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 304 304' width='304' height='304'%3E%3Cpath fill='%23aeaeb0' fill-opacity='0.08' d='M44.1 224a5 5 0 1 1 0 2H0v-2h44.1zm160 48a5 5 0 1 1 0 2H82v-2h122.1zm57.8-46a5 5 0 1 1 0-2H304v2h-42.1zm0 16a5 5 0 1 1 0-2H304v2h-42.1zm6.2-114a5 5 0 1 1 0 2h-86.2a5 5 0 1 1 0-2h86.2zm-256-48a5 5 0 1 1 0 2H0v-2h12.1zm185.8 34a5 5 0 1 1 0-2h86.2a5 5 0 1 1 0 2h-86.2zM258 12.1a5 5 0 1 1-2 0V0h2v12.1zm-64 208a5 5 0 1 1-2 0v-54.2a5 5 0 1 1 2 0v54.2zm48-198.2V80h62v2h-64V21.9a5 5 0 1 1 2 0zm16 16V64h46v2h-48V37.9a5 5 0 1 1 2 0zm-128 96V208h16v12.1a5 5 0 1 1-2 0V210h-16v-76.1a5 5 0 1 1 2 0zm-5.9-21.9a5 5 0 1 1 0 2H114v48H85.9a5 5 0 1 1 0-2H112v-48h12.1zm-6.2 130a5 5 0 1 1 0-2H176v-74.1a5 5 0 1 1 2 0V242h-60.1zm-16-64a5 5 0 1 1 0-2H114v48h10.1a5 5 0 1 1 0 2H112v-48h-10.1zM66 284.1a5 5 0 1 1-2 0V274H50v30h-2v-32h18v12.1zM236.1 176a5 5 0 1 1 0 2H226v94h48v32h-2v-30h-48v-98h12.1zm25.8-30a5 5 0 1 1 0-2H274v44.1a5 5 0 1 1-2 0V146h-10.1zm-64 96a5 5 0 1 1 0-2H208v-80h16v-14h-42.1a5 5 0 1 1 0-2H226v18h-16v80h-12.1zm86.2-210a5 5 0 1 1 0 2H272V0h2v32h10.1zM98 101.9V146H53.9a5 5 0 1 1 0-2H96v-42.1a5 5 0 1 1 2 0zM53.9 34a5 5 0 1 1 0-2H80V0h2v34H53.9zm60.1 3.9V66H82v64H69.9a5 5 0 1 1 0-2H80V64h32V37.9a5 5 0 1 1 2 0zM101.9 82a5 5 0 1 1 0-2H128V37.9a5 5 0 1 1 2 0V82h-28.1zm16-64a5 5 0 1 1 0-2H146v44.1a5 5 0 1 1-2 0V18h-26.1zm102.2 270a5 5 0 1 1 0 2H98v14h-2v-16h124.1zM242 149.9V160h16v34h-16v62h48v48h-2v-46h-48v-66h16v-30h-16v-12.1a5 5 0 1 1 2 0zM53.9 18a5 5 0 1 1 0-2H64V2H48V0h18v18H53.9zm112 32a5 5 0 1 1 0-2H192V0h50v2h-48v48h-28.1zm-48-48a5 5 0 0 1-9.8-2h2.07a3 3 0 1 0 5.66 0H178v34h-18V21.9a5 5 0 1 1 2 0V32h14V2h-58.1zm0 96a5 5 0 1 1 0-2H137l32-32h39V21.9a5 5 0 1 1 2 0V66h-40.17l-32 32H117.9zm28.1 90.1a5 5 0 1 1-2 0v-76.51L175.59 80H224V21.9a5 5 0 1 1 2 0V82h-49.59L146 112.41v75.69zm16 32a5 5 0 1 1-2 0v-99.51L184.59 96H300.1a5 5 0 0 1 3.9-3.9v2.07a3 3 0 0 0 0 5.66v2.07a5 5 0 0 1-3.9-3.9H185.41L162 121.41v98.69zm-144-64a5 5 0 1 1-2 0v-3.51l48-48V48h32V0h2v50H66v55.41l-48 48v2.69zM50 53.9v43.51l-48 48V208h26.1a5 5 0 1 1 0 2H0v-65.41l48-48V53.9a5 5 0 1 1 2 0zm-16 16V89.41l-34 34v-2.82l32-32V69.9a5 5 0 1 1 2 0zM12.1 32a5 5 0 1 1 0 2H9.41L0 43.41V40.6L8.59 32h3.51zm265.8 18a5 5 0 1 1 0-2h18.69l7.41-7.41v2.82L297.41 50H277.9zm-16 160a5 5 0 1 1 0-2H288v-71.41l16-16v2.82l-14 14V210h-28.1zm-208 32a5 5 0 1 1 0-2H64v-22.59L40.59 194H21.9a5 5 0 1 1 0-2H41.41L66 216.59V242H53.9zm150.2 14a5 5 0 1 1 0 2H96v-56.6L56.6 162H37.9a5 5 0 1 1 0-2h19.5L98 200.6V256h106.1zm-150.2 2a5 5 0 1 1 0-2H80v-46.59L48.59 178H21.9a5 5 0 1 1 0-2H49.41L82 208.59V258H53.9zM34 39.8v1.61L9.41 66H0v-2h8.59L32 40.59V0h2v39.8zM2 300.1a5 5 0 0 1 3.9 3.9H3.83A3 3 0 0 0 0 302.17V256h18v48h-2v-46H2v42.1zM34 241v63h-2v-62H0v-2h34v1zM17 18H0v-2h16V0h2v18h-1zm273-2h14v2h-16V0h2v16zm-32 273v15h-2v-14h-14v14h-2v-16h18v1zM0 92.1A5.02 5.02 0 0 1 6 97a5 5 0 0 1-6 4.9v-2.07a3 3 0 1 0 0-5.66V92.1zM80 272h2v32h-2v-32zm37.9 32h-2.07a3 3 0 0 0-5.66 0h-2.07a5 5 0 0 1 9.8 0zM5.9 0A5.02 5.02 0 0 1 0 5.9V3.83A3 3 0 0 0 3.83 0H5.9zm294.2 0h2.07A3 3 0 0 0 304 3.83V5.9a5 5 0 0 1-3.9-5.9zm3.9 300.1v2.07a3 3 0 0 0-1.83 1.83h-2.07a5 5 0 0 1 3.9-3.9zM97 100a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-48 32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm32 48a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm32-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0-32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm32 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16-64a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 96a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-144a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-96 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm96 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16-64a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-32 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM49 36a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-32 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm32 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM33 68a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-48a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 240a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16-64a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16-32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm80-176a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm32 48a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0-32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm112 176a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM17 180a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0-32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM17 84a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm32 64a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6z'%3E%3C/path%3E%3C/svg%3E");
      background-attachment: fixed;
      background-size: 30%;
      background-repeat: repeat;
  }
  

  Pages using this styling

  • scp-8820 [info]

  ¶ 1 occurrence
  

  
  .anom-bar {
      --five-color: 65,105,225;
  }
  

  Pages using this styling

  • scp-8820 [info]

  ¶ 1 occurrence
  

  { FANCY BACKGROUND OVERRIDE  }
  .text-part > .main-class {
    color: rgba(252, 252, 252,1) !important;
  }
  
  .anom-bar-container.drygioni .text-part > .main-class > .contain-class > .class-text::before {
  content: "Drygioni";
    color: rgba(252, 252, 252,1) !important; }
  
  .anom-bar-container.drygioni .text-part > .main-class > .contain-class > .class-text {
  color: transparent; }
  
  .anom-bar-container.drygioni .text-part > .main-class::before {
      background-color: rgb(51,2,196);
  background-color: rgb(var(--white-monochrome, 252, 252, 252));
      background-image: url("https://scp-wiki.wdfiles.com/local--files/scp-6820/drygioni-icon-2.svg");
  border: 0.25rem solid rgb(var(--white-monochrome, 252, 252, 252));
  }
  
  .anom-bar-container.drygioni .text-part > .main-class {
      background-color: rgb(5, 0, 133) !important;
      background-image: url("http://scp-wiki.wdfiles.com/local--files/component%3Aanomaly-class-bar/galactic.jpg");
      background-attachment: fixed;
      background-size: contain;
      background-blend-mode: overlay;
      border-left: 0.75rem solid rgba(66, 66, 72 ,1);
      border-left: 0.75rem solid rgba(var(--gray-monochrome, 66, 66, 72),1);
  }
  
  .anom-bar-container.drygioni .danger-diamond > .top-icon::before {
      background-color: rgb(51,2,196);
  background-color: rgb(var(--white-monochrome, 252, 252, 252));
      background-image: url("https://scp-wiki.wdfiles.com/local--files/scp-6820/drygioni-icon-2.svg");
  }
  
  .anom-bar-container.drygioni .danger-diamond > .quadrants > .top-quad {
      background-color:rgba(51,2,196,0.25);
      background-color: rgb(var(--five-color),0.25);
  }
  

  Pages using this styling

  • scp-8820 [info]

  ¶ 1 occurrence
  

  
  /* CODE FOR ACS BAR FROM NULL SUM PROPOSAL BY JACK IKE AND CUSTOMIZABLE ACS BY CALIBOLD */
  
  .anom-bar-container.drygioni .text-part > .main-class::before {
      display:none;
  }
  
  .anom-bar-container.drygioni .text-part .main-class {
      background-color: rgba({$containment-color},0.15);
      background-color: rgba({$containment-color},0.15);
      border-left: 0.75rem solid rgba({$containment-color},1);
      border-left: 0.75rem solid rgba({$containment-color},1);
  }
  
  .anom-bar-container.drygioni .text-part {
      -ms-grid-columns: 1fr!important;
      grid-template-columns: 1fr!important;
  }
  
  .anom-bar-container.drygioni .second-class,
  .anom-bar-container.drygioni .disrupt-class,
  .anom-bar-container.drygioni .risk-class,
  .anom-bar-container.drygioni .danger-diamond > .quadrants > .left-quad,
  .anom-bar-container.drygioni .danger-diamond > .quadrants > .right-quad,
  .anom-bar-container.drygioni .danger-diamond > .left-icon,
  .anom-bar-container.drygioni .danger-diamond > .right-icon {
      display: none;
  }
  
  .danger-diamond > .quadrants > .top-quad.drygioni {
      background-color: rgb({$containment-color},0.25);
      background-color: rgb({$containment-color},0.25);
  }
  
  .anom-bar-container.drygioni .danger-diamond > .top-icon {
      width: 65%;
      height: 65%;
      top: 17.5%;
      left: 17.5%;
      border-width: 0.3625rem;
  }
  
  .anom-bar-container.drygioni .danger-diamond > .top-icon {
      background-color: rgb(252, 252, 252);
      background-color: rgb(var(--swatch-background, 252, 252, 252));
  }
  
  .anom-bar-container.drygioni .danger-diamond > .top-icon::before {
      background-color: rgba({$containment-color},0.25);
      background-color: rgba({$containment-color},0.25);
      background-image: url("{$containment-image}");
      -webkit-background-size: 100% 100%;
         -moz-background-size: 100% 100%;
       -o-background-size: 100% 100%;
       background-size: 100% 100%;
      background-position: center center;
  }
  
  @media (max-width: 875px ) {
      .anom-bar-container.drygioni .bottom-box > .text-part {
       height: 6rem;
      }
      .anom-bar-container.drygioni .bottom-box > .text-part {
       -ms-grid-rows: 1fr!important;
       grid-template-rows: 1fr!important;
       grid-template-areas: "main-class";
      }
  }
  
  @media (max-width: 875px ) and (min-width: 480px ) {
      .anom-bar-container.drygioni .anom-bar > .bottom-box {
       -ms-grid-columns: 1fr 6rem!important;
       grid-template-columns: 1fr 6rem!important;
       height: 6rem;
      }
  }
  
  @media (max-width: 480px ) {
      .anom-bar-container.drygioni .anom-bar > .bottom-box {
       height: 6rem;
      }
  }
  
  .anom-bar-container.drygioni .danger-diamond > .quadrants > .top-quad,
  .anom-bar-container.drygioni .danger-diamond > .quadrants > .bottom-quad  {
      background-color:rgba({$containment-color},0)!important;
  }

  Pages using this styling

  • scp-8820 [info]

  ¶ 1 occurrence
  

  
  @import url("https://use.typekit.net/mst2dnj.css");
  @import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');
  
  :root {
  
  --logo-image: url(https://scp-wiki.wdfiles.com/local--files/theme%3Amidnight-rush/midnight-rush-icon.png);
  
  --body-font: "Roboto", sans-serif;
  --header-font: korolev-condensed, sans-serif;
  --title-font: korolev, sans-serif;
  
  --maincolor: 65,105,225;
  --medcolor: 100,149,237;
  --darkcolor: 0,0,139;
  --brightcolor: 0,191,255;
  
  --medium-accent: 100,149,237;
  --dark-accent: 0,0,139;
  --bright-accent: 65,105,225;
  
  --barColour: var(--maincolor);
  --toggle-border-color: rgb(var(--maincolor));
  --toggle-icon-color: rgb(var(--maincolor));
  --barColour: var(--maincolor);
   
  --link-color: var(--maincolor);
  --visited-link-color: var(--darkcolor);
  --hover-link-color: var(--brightcolor);
  --newpage-color: var(--brightcolor);
  
  }
  
  .bluemodal {
  background: #f4f0ec;
  border-left: solid 4px #4169e1;
  border-right: solid 4px #4169e1;
  width: 87%;
  padding:10px;
  margin-top: 10px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 5px;
  }
  
   #extra-div-1 {
      height: var(--header-height-on-desktop);
      width: 100%;
      position: absolute;
      top: 0;
      left: 0;
      pointer-events: none;
      background-image: url(https://scp-wiki.wdfiles.com/local--files/theme%3Aclock-tower/color-bg.png);
      background-size: calc(var(--header-height-on-desktop) * 4);
  }
  
  .info-container {
      --barColour: rgb(35,41,122);
      --linkColour: #FFF;
  }
  
   #main-content hr,
   .anom-bar > .bottom-box::before {
      background-attachment: fixed;
      background-blend-mode: overlay;
      background-color: #4169e1 !important;
      background-size: contain;
  }
  

  Pages using this styling

  • scp-8820 [info]

  ¶ 1 occurrence
  

  @import url('https://api.fonts.coollabs.io/css2?family=Finlandica:ital,wght@0,400;0,700;1,400;1,700&display=swap');
  
  /*--------------------------------*/
  /*--- ELETRIC DREAM THEME ---*/
  /*--------------------------------*/
  
  :root {
      --base-font-size: 1.025rem;
      --basalt-primary-color: 250,252,253;
      --basalt-secondary-color: 154,168,200,.125;
      --basalt-tertiary-color: 222,235,240;
      --basalt-undertone: 44,190,196;
      --basalt-overtone: var(--basalt-tertiary-color);
      --basalt-main-text-color: 8,16,20;
      --basalt-sub-text-color: 180,180,200;
      --basalt-light-text-color: var(--basalt-primary-color);
      --link-color: var(--basalt-undertone);
      --link-visited-color: 49,144,155;
  
      --basalt-UI-opacity: .675;
      --basalt-UI-blur: .125rem;
      --base-header-height: min(calc(12.5rem + 13.25vmin), 19.5rem);
      --main-content-side-margin: calc(1.75rem + 1.75vw);
      --side-bar-button-width: 3.25rem;
      --side-bar-button-color: var(--basalt-undertone);
      --side-bar-background-color: var(--basalt-primary-color),.9;
      --side-bar-button-background-hover: var(--basalt-secondary-color);
      --button-background-color: var(--basalt-secondary-color);
  
      --UI-font-primary: 'Finlandica';
      --header-title: "Artificial Intelligence";
      --header-subtitle: "Application Division";
      --title-size: min(calc(1.375rem + 2.5vw), 3.75rem);
      --lumina-top-bar-height: 3.25rem;
      --lumina-header-image: url(https://scp-wiki.wdfiles.com/local--files/scp-8817/infotech.png);
      --lumina-background: unset;
      --lumina-footer-image: unset;
      --elec-width: 65.25rem;
      --elec-glacon: 255,208,140;
  }
  
  body {
      overflow-x: hidden;
      line-height: 1.625;
  }
  #container {
      overflow-x: hidden;
      overflow-x: clip;
  }
  
  #header, #top-bar div[class*=top-bar]>ul { z-index: initial; }
  #top-bar div[class*=top-bar] ul li ul {
      z-index: 7;
  }
  
  #header h1 a {
      gap: 0 1rem;
      padding: .5rem;
  }
  #header h1 a::before {
      -webkit-mask-image: initial;
      mask-image: initial;
  }
  
  #header-extra-div-1 { background-color: rgb(var(--basalt-main-text-color),.15); }
  
  #top-bar div[class*=top-bar]>ul::before {
      background-color: rgb(var(--basalt-tertiary-color),.15);
  }
  
  #breadcrumbs, .pseudocrumbs {
      --_gap: .75rem;
  }
  
  #more-options-button {
      background-color: rgb(var(--basalt-tertiary-color));
  }
  
  .hovertip {
      box-shadow: 0 0 0.5rem rgb(var(--basalt-main-text-color),.25);
  }
  
  #footer { 
      padding: var(--bottom-area-padding);
  }
  #footer::before { all: unset; }
  
  div#license-area, #footer-bar {
      font-size: .625em;
  }
  
  @media only screen and (max-width: 1024px) {
  #header-extra-div-1 {
      display: none;
  }
  }
  
  /*-----------------------------*/
  /*--- ARTICLE-SPECIFIC  ---*/
  /*-----------------------------*/
  
  
  .background-wrapper {
      min-height: calc(100vh - var(--base-header-height));
      min-height: calc(100lvh - var(--base-header-height));
      z-index: 7;
      position: relative;
  }
  
  #u-logic-wrapper {
      display: flex;
      flex-direction: column;
  }
  
  #u-logic-wrapper,
  #u-logic-wrapper > li {
      padding: 0;
      margin: 0;
      list-style: none;
  }
  
  :where(#u-logic-wrapper) > li {
      display: block;
  }
  
  #u-logic-wrapper > li > * {
      margin-inline: auto;
      box-sizing: border-box;
  }
  #u-logic-wrapper > li > br { display: none; }
  
  li.folded + li {
      display: none;
  }
  li.unfolded + li {
      display: block;
  }
  
  /*-----------------------------*/
  
  #u-t-1.unfolded { display: none; } 
  
  #u-t-1 > :is(.filebox) {
      max-width: min(var(--elec-width), calc(100% - var(--main-content-side-margin)*2));
      margin-block: 1.5rem .75rem;
  }
  
  #u-t-1 .foldable-list-container { width: max-content; }
  #u-t-1 .foldable-list-container a {
      display: block;
      text-align: center; text-decoration: none;
      padding: 1ch;
      font-family: var(--UI-font);
      color: rgb(var(--button-text-color));
      background-color: rgb(var(--button-background-color));
      border: solid .125em rgb(var(--button-border-color));
      outline: rgb(var(--button-outline-color)) solid 0;
      transition: all var(--button-hover-transition);
  }
  #u-t-1 .foldable-list-container a:is(:hover,:focus) {
      color: rgb(var(--button-hover-text-color));
      background-color: rgb(var(--button-hover-background-color));
      border-color: rgb(var(--button-hover-border-color));
      outline-width: .25rem;
      text-decoration: none;
  }
  
  :where(#u-t-1.unfolded) ~ #u-coverup {
      display: block;
      position: fixed;
      inset-block-end: 0;
      inset-inline-start: 0;
      width: 100%;
      height: 100vh; height: 100lvh;
      background-color: rgb(var(--basalt-main-text-color));
      opacity: 0;
      animation: t-2-after .25s forwards;
      animation-delay: 3.5s;
      z-index: -1;
  }
  
  #u-blackout { display: none }
  :where(#u-t-1.unfolded) ~ #u-blackout {
      display: block;
      position: absolute;
      bottom: calc(100% - 20rem);
      left: 0;
      height: 50rem;
      width: 100%;
      z-index: 0;
      opacity: 0;
      background-color: rgb(var(--basalt-main-text-color));
      animation: t-2-after .1s forwards;
      animation-delay: 3.5s;
  }
  
  /*-----------------------------*/
  
  #u-t-2 { position: relative; }
  
  .domain-expansion {
      position: relative; top: 0; left: 0; right: 0;
      padding-block: .75rem;
      line-height: 1.425rem;
      animation: t-2-explode 1.5s forwards, t-2-merge 0.25s forwards;
      animation-timing-function: linear;
      animation-delay: 2s, 0s;
      pointer-events: none;
      max-width: unset!important;
      max-height: 15rem;
      width: min(var(--elec-width), calc(100% - var(--main-content-side-margin)*2));
      opacity: 0;
      z-index:-1;
  }
  @keyframes t-2-explode {
  to {
      top: -25rem;
      font-size: 77.5lvh;
      line-height: 0.1rem;
      font-weight: bold;
      left: -9rem;
      right: -9rem;
      width: calc(100% + 22.5rem);
  }
  }
  @keyframes t-2-merge { to {opacity: 1; } }
  
  .domain-expansion p {
      margin: 0; margin-block-end: .625rem;
      animation: t-2-dis forwards 0.1s linear;
      animation-delay: 3.75s;
  }
  @keyframes t-2-dis {
  to { visibility: hidden; }
  }
  
  .background-filler {
      height: calc(75vh + 25rem);
      height: calc(75lvh + 25rem);
      padding-block-end: 7.5rem;
      opacity: 0;
      pointer-events: none;
      background-color: rgb(var(--basalt-main-text-color));
      box-shadow: 0 -10rem 0 rgb(var(--basalt-main-text-color));
      animation: t-2-after .25s forwards;
      animation-delay: 3.5s;
  
      position: relative;
      display: flex;
      justify-content: center;
      align-items: end;
  }
  @keyframes t-2-after { to { opacity: 1; } }
  
  .foldable-list-container.star-collapse a {
      display: block;
      color: rgb(var(--elec-glacon));
      text-align: center;
      font-size: 1.125em;
      pointer-events: auto;
      filter: drop-shadow(0 0 .5em rgb(var(--basalt-primary-color),.775));
      animation: 1s star-collapse ease infinite alternate;
  }
  .foldable-list-container.star-collapse a::before { 
      content: "";
      display: block;
      background-color:  rgb(var(--elec-glacon));
      width: 6rem;
      height: 6rem;
      -webkit-mask-image: var(--side-bar-button-mask);
      mask-image: var(--side-bar-button-mask);
  } 
  @keyframes star-collapse {
      to { filter: drop-shadow(0 0 0em rgb(var(--basalt-primary-color),.25)); }
  }
  
  .unfolded .foldable-list-container.star-collapse a { pointer-events: none; animation: none; color: transparent; filter: none; }
  
  /*-----------------------------*/
  
  #u-logic-wrapper > li.forw {
      background-color: rgb(var(--basalt-main-text-color));
      color: rgb(var(--basalt-light-text-color));
  }
  
  li.forw .foldable-list-container {
      pointer-events: none;
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      align-items: center;
      gap: 1rem 2.5rem;
  }
  li.forw .foldable-list-container a {
      pointer-events: auto;
      display: block;
      max-width: min(var(--elec-width), calc(100% - var(--main-content-side-margin)*2));
      width: max-content;
      padding: .75em 1.25em;
      border: solid .1rem currentColor;
      border-radius: .75rem;
      box-sizing: border-box;
      color: rgb(var(--elec-glacon));
      transition: background-color .25s ease-out;
  }
  li.forw .foldable-list-container a:is(:hover,:focus) {
      background-color: rgb(var(--elec-glacon),.25);
  }
  li.forw .foldable-list-container:where(:not(.star-collapse)) a::before {
      content: "▷";
      display: inline-block;
      margin-inline-end: .675ch;
  }
  
  li.forw.unfolded .foldable-list-container a { pointer-events: none; display: none; }
  
  li.forw:not(.unfolded) .foldable-list-container.star-collapse a {
      border: none;
      display: flex;
      flex-direction: column;
      text-align: center;
      align-items: center;
      --elec-glacon: var(--basalt-focus-color);
  }
  
  li.forw > * {
      animation: elec-fade-in .375s ease-out forwards;
  }
  @keyframes elec-fade-in {
      from { opacity: 0; }
      to { opacity: 1; }
  }
  
  /*--------------------------------*/
  
  #u-logic-wrapper .elec-log {
      max-width: min(var(--elec-width), calc(100% - var(--main-content-side-margin)*2));
      margin-inline: auto;
      box-sizing: border-box;
  }
  
  .text-bubble {
      display: flex;
      align-items: center;
      gap: .875rem;
      margin-block: 1.25rem;
      --_accent: var(--elec-glacon);
  }
  
  .text-bubble .text-container {
      position: relative;
      padding: .325rem 1.25rem;
      border-radius: .675rem/1.625rem;
      box-sizing: border-box;
      border: solid 0.175rem rgb(var(--_accent));
      background-color: rgb(var(--_accent),.1);
      flex-basis: calc(var(--elec-width)*.475);
      max-width: calc(100% - 8.75rem)!important;
  }
  
  
  .text-bubble.alexandra {
      --_accent: var(--basalt-undertone);
      flex-direction: row-reverse;
  }
  .text-bubble.alexandra::before {
      content: "";
      width: min(calc(3.5rem + 2.5vw),6rem); flex-shrink: 0;
      height: 6.5rem;
      background-image: var(--face);
      background-size: contain;
      background-position: center;
      background-repeat: no-repeat;
      filter: saturate(0.75);
  }
  
  .alexandra .text-container::before {
      content: "";
      position: absolute;
      border: solid transparent .625rem;
      border-inline-end: 0;
      border-inline-start: solid .75rem rgb(var(--_accent));
      inset-block-start: 50%;
      inset-inline-start: 100%;
      transform: translate(0, -50%);
  }
  
  .d-fadeout {
      line-height: 7.5em;
      text-align: center;
      box-shadow: 0 -10rem 9rem rgb(var(--basalt-main-text-color));
      position: relative;
  }
  
  /*--------------------------------*/
  
  #u-astra {
      --_spacing: 8.75rem;
      --_bg: url(https://scp-wiki.wdfiles.com/local--files/theme%3Aspace/spacebg.jpg);
  }
  .space-container {
      padding-block: var(--_spacing);
      background-image: var(--_bg);
      background-size: calc(45rem + 20%);
      background-attachment: fixed;
      position: relative;
      isolation: isolate;
  }
  .space-container::before {
      content: "";
      position: absolute;
      inset: 0;
      z-index: -1;
      background-image: linear-gradient(to bottom, rgb(var(--basalt-main-text-color)), transparent var(--_spacing), transparent calc(100% - var(--_spacing)),rgb(var(--basalt-main-text-color)) );
  }
  
  .banner-wrapper {
      margin-block: 1rem;
      --_mask: linear-gradient(to bottom, transparent, white 30%, white 85%, transparent);
      -webkit-mask-image: var(--_mask);
      mask-image: var(--_mask);
  }
  .banner-wrapper img { width: 100%; }
  
  .aapa-block {
      position: relative;
      padding: .625rem 1.925rem;
      isolation: isolate;
      text-indent: 3.5ch;
      --_dark:27,48,77;
      --_accent:255,185,97;
  }
  .aapa-block::before {
      content: "";
      position: absolute;
      inset: 0;
      background-color: rgb(var(--_dark),.75);
      border: .25rem solid rgb(var(--_accent));
      border-radius: 0 1.5rem;
      z-index: -1;
      --_mask: linear-gradient(to bottom, white calc(100% - 15rem), transparent calc(100% - 1.5rem));
      -webkit-mask-image: var(--_mask);
      mask-image: var(--_mask);
  }
  
  .aapa-block hr {
      background-color: rgb(var(--_accent));
      margin-block: 2.25rem;
  }
  
  .aapa-block tt { font-style: italic; }
  
  .aapa-block strong {
      color: rgb(var(--_accent));
      font-family: var(--mono-font);
  }
  
  .aapa-block p[style*="center"] {
      margin-block: 2.125em -.75em;
      text-indent: initial;
  }
  
  .blur-1 { filter: blur(.1em); }
  .blur-2 { filter: blur(.2em); }
  .blur-3 { filter: blur(.3em); }
  .blur-4 { filter: blur(.4em); }
  .opacity-75 { opacity: .75; }
  .opacity-50 { opacity: .5; }
  .opacity-25 { opacity: .25; }
  
  .lucidity {
      padding: 2.25rem;
      margin-block: 50vh; margin-block: 50svh;
      font-family: var(--UI-font);
      letter-spacing: .025rem;
      font-size: 1.25em;
  }
  
  .lucidity span {
      color: rgb(var(--basalt-light-text-color), .675);
  }
  
  #u-logic-wrapper .wiki-content-table :is(th,td) {
      border: none;
      padding: .675em 1em;
  }
  #u-logic-wrapper .wiki-content-table th {
      text-align: center;
      background-color: rgb(var(--elec-glacon));
      color: rgb(var(--basalt-main-text-color));
  }
  
  /*--------------------------------*/
  
  #u-lampeter {
      --_spacing: 20.75rem;
      --_bg: url(https://scp-wiki.wdfiles.com/local--files/scp-8817/sky.jpg);
  }
  
  :where(#u-lampeter) .space-container {
      background-size: cover;
      background-position: center;
  }
  
  .the-journey {
      position: relative;
      isolation: isolate;
      padding: .5em 2.25em;
      color: rgb(var(--basalt-main-text-color));
      --_cut: 1.5rem;
  }
  .the-journey::before, .the-journey::after {
      content: "";
      position: absolute;
      inset: 0;
      z-index: -1;
      clip-path: polygon(var(--_cut) 0,calc(100% - var(--_cut)) 0, 100% var(--_cut), 100% calc(100% - var(--_cut)), calc(100% - var(--_cut)) 100%, var(--_cut) 100%, 0 calc(100% - var(--_cut)), 0 var(--_cut));
      background: linear-gradient(to bottom, rgb(210 160 201/.75), rgb(226 177 133/.75));
  }
  .the-journey::after {
      --_cut: 1.325rem;
      inset: .325rem;
      background: rgb(var(--basalt-background-color),.75);
  }
  
  /*--------------------------------*/
  #u-aiad {
      --_spacing: 17.5rem;
      --_bg: linear-gradient(rgb(var(--basalt-background-color),0.775), rgb(var(--basalt-background-color),0.775)),
          url("https://scp-wiki.wdfiles.com/local--files/aiad-homescreen/blue_squares_2.gif");
  }
  
  :where(#u-aiad) .space-container {
      background-size: 30rem;
      background-attachment: local;
  }
  
  .aiad-interface {
      color: rgb(var(--basalt-main-text-color));
  }
  .aiad-interface hr { margin-block: 3.25rem; }
  
  .lurk {
      --_accent: 170,170,170;
  }
  
  .aiad-interface .repo {
      padding: .325em 1.125em;
      border: solid .25rem rgb(126 100 218);
      background-color: rgb(var(--basalt-main-text-color),.875);
      color: rgb(var(--basalt-background-color));
      margin-block: 1.5rem;
  }
  
  .repo h3::before { all: unset; }
  .repo > p { padding-inline-start: 1.75em; }
  .repo > div.blockquote { border-color: inherit; }
  
  /*--------------------------------*/
  
  .crom {
      --_accent: 147,63,101;
  }
  .crom.standalone {
      justify-content: center;
      text-align: center;
  }
  .crom.standalone::before { all:unset!important; }
  .crom.standalone .text-container::before { all:unset!important; }
  
  .cromfall {
      margin-block: 16.75rem;
      position: relative;
  }
  .cromfall::before {
      content: "";
      position: absolute;
      inset: 0;
      z-index: 1;
      box-shadow: inset 0 0 3.75rem .5rem rgb(var(--basalt-main-text-color));
  }
  
  /*--------------------------------*/
  
  #u-finale {
      --_spacing: 12.5rem;
      --_bg: url(https://scp-wiki.wdfiles.com/local--files/scp-8817/finale.jpg);
  }
  :where(#u-finale) .space-container {
      background-size: cover;
  }
  :where(#u-finale) .space-container::before {
      background-image: linear-gradient(to bottom, rgb(var(--basalt-main-text-color)), transparent var(--_spacing), transparent 30%, rgb(var(--basalt-main-text-color)) 65%);
  }
  
  .final-act {
      background-color: rgb(var(--basalt-main-text-color),.775);
      color: rgb(var(--basalt-background-color));
      border-radius: 1.25rem;
      padding: .25em 1.5em;
      -webkit-backdrop-filter: blur(.125rem);
      backdrop-filter: blur(.125rem);
  }
  
  .final-act p { margin-block: 1.325em; }
  
  .final-act hr {
      background-color: rgb(var(--basalt-undertone));
      margin-block: 3.25rem;
  }
  
  #u-finale .wiki-content-table th {
      background-color: rgb(var(--basalt-undertone));
  }
  
  :is(#u-finale, #u-epilogue) .text-bubble.alexandra::before { filter: unset; }
  
  .text-bubble.crom::before {
      content: "";
      width: min(calc(3.5rem + 2.5vw),6rem); flex-shrink: 0;
      height: 6.5rem;
      background-image: url(https://scp-wiki.wdfiles.com/local--files/scp-8817/crom_neutral.png);
      background-size: contain;
      background-position: center;
      background-repeat: no-repeat;
  }
  .text-bubble.crom.tilt::before {
      background-image: url(https://scp-wiki.wdfiles.com/local--files/scp-8817/crom_tilt.png);
  }
  .text-bubble.crom.bow::before {
      background-image: url(https://scp-wiki.wdfiles.com/local--files/scp-8817/crom_bow.png);
  }
  
  .crom .text-container::before {
      content: "";
      position: absolute;
      border: solid transparent .625rem;
      border-inline-start: 0;
      border-inline-end: solid .75rem rgb(var(--_accent));
      inset-block-start: 50%;
      inset-inline-end: 100%;
      transform: translate(0, -50%);
  }
  
  .crom.silent .text-container { display: none; }
  
  /*--------------------------------*/
  
  #u-finale.unfolded + #u-blackout {
      z-index: 1;
      height: 100%;
      bottom: 0;
      pointer-events: auto;
      background-color: rgb(var(--basalt-background-color));
  }
  
  #u-ascension {
      display: none;
      position: fixed;
      top: 50%; left: 50%;
      width: 100%;
      aspect-ratio: 16/9;
      transform: translate(-50%, -50%);
      animation: alexa .9s forwards .75s, ascend-fade .25s forwards 1.625s;
      background-image: url(https://scp-wiki.wdfiles.com/local--files/scp-8817/ascension-sheet.png);
      background-position-x: 0;
      background-position-y: 0%;
      animation-timing-function: step-start, ease-out;
      background-size: cover;
      background-repeat: no-repeat;
      opacity: 1;
      pointer-events: none;
      z-index: 3;
  }
  
  #u-finale.unfolded ~ #u-coverup { display: none; }
  #u-finale.unfolded ~ #u-ascension { display: block; }
  
  #u-finale.unfolded + #u-blackout::before {
      content: "";
      position: absolute;
      inset: 0;
      background-color: rgb(var(--basalt-main-text-color));
      opacity: 1;
      animation: ascend-b .125s forwards;
      animation-delay: 1.75s;
  }
  
  @keyframes ascend-b {
  to { opacity: 0; }
  }
  
  @keyframes alexa {
  0% { background-position-y: 0%; }
  10% { background-position-y: 11.1%; }
  20% { background-position-y: 22.2%; }
  30% { background-position-y: 33.3%; }
  40% { background-position-y: 44.4%; }
  50% { background-position-y: 55.5%; }
  60% { background-position-y: 66.6%; }
  70% { background-position-y: 77.7%; }
  80% { background-position-y: 88.8%; }
  90% { background-position-y: 99.9%; }
  100% { background-position-y: 99.9%; }
  }
  
  @keyframes ascend-fade {
  to { opacity: 0; }
  }
  
  /*--------------------------------*/
  
  li#u-epilogue {
      z-index: 2;
      display: none;
      padding-block-start: 65rem;
  }
  
  #u-finale.unfolded ~ li#u-epilogue {
      display: block;
  }
  
  #u-epilogue .elec-log { position: relative; padding-block-end: 10rem; }
  #u-epilogue .elec-log::before {
      content: "";
      position: absolute;
      top: 0; left: 0;
      width: 100%; height: 10rem;
      background: linear-gradient(to bottom, rgb(var(--basalt-background-color)), transparent);
      z-index: 1;
  }
  
  /*--------------------------------*/
  
  .the-question {
      text-align: center;
      font-family: var(--UI-font);
      font-size: 1.25em;
      color: rgb(var(--basalt-undertone));
      margin-block-start: 40rem;
  }
  
  .pass-content {
      text-align: center;
      font-family: var(--UI-font);
      font-size: 1.25em;
      line-height: 1.75;
      padding-block-start: 5rem;
  }

  Pages using this styling

  • scp-8817 [info]

  ¶ 1 occurrence
  

  
  .page-source {
      background: black;
  }
  
  div#container-wrap{
  
  div.end {
     color: black;
  }

  Pages using this styling

  • scp-8815 [info]

  ¶ 1 occurrence
  

  
  body {
  background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), var(--space-body-bg);
  }
  
  
  .starfade::before {
      border: unset;
  }

  Pages using this styling

  • scp-8815 [info]

  ¶ 1 occurrence
  

  @media (min-width:769px) {
  .hover {
      padding: 0 1px;
  }
  
  .hover span {    display: none;}
  .hover:hover span {
      position: absolute;
      display: inline;
      margin: 25px 0px;
      height: auto;
      width: auto;    
      border: 1px solid #f9e24d;
      outline: 4px solid #b54d3b;
      color: #f9e24d;
      background: #b54d3b;
      padding: 1em;
      z-index: 2;
  }
  .hover:hover span span {
      position: relative;
      margin: auto;
      height: auto;
      width: auto;
      border: none;
      padding: 0;
  }
  }
  
  @media (max-width: 768px) {
  .hover {
      padding: 0 1px;
  }
  
  .hover span {    display: none;}
  .hover:hover span {
      position: absolute;
      display: inline;
      margin: 50px -290px;
      height: auto;
      width: 250px;    
      border: 1px solid #f9e24d;
      outline: 4px solid #b54d3b;
      color: #f9e24d;
      background: #b54d3b;
      padding: 1em;
      z-index: 2;
  }
  .hover:hover span span {
      position: relative;
      margin: auto;
      height: auto;
      width: auto;
      border: none;
      padding: 0;
  }
  }

  Pages using this styling

  • scp-8813 [info]

  ¶ 1 occurrence
  

   .scp-image-block {
      box-shadow: none;
  }
  
   .creditRate {
      margin-right: 0 !important;
  }
   
   .rate-box-with-credit-button {
      box-shadow: none !important;
  }
  
  a.collapsible-block-link{
       font-weight: bold;
       font-size: 90%;
  }
  
  /* 1. Reasonably-sized footnotes */
  .hovertip { max-width: 400px; }

  Pages using this styling

  • scp-8813 [info]

  ¶ 1 occurrence
  

  .notice{
      border: 1px solid #f9e24d;
      outline: 4px solid #b54d3b;
      color: #f9e24d;
      background: #b54d3b;
      padding: 10px;
      text-align: center;
  }
  
  /* HEADER */
  #header{ background-image: url(https://scp-wiki.wdfiles.com/local--files/scp-4428/DoMC_Logo100.png); }
  #header h1 a{
      display: block;
      margin: 0;
      padding: 80px 0 25px;
      line-height: 0;
      max-height: 0;
      color: transparent;
      background: transparent;
      text-decoration: none;
      text-shadow: none;
      letter-spacing: 0.9px;
  }
  #header h1 a::before{
      content: "DoMC";
      color: white;
      letter-spacing: -0.02em;
      text-shadow: 3px 3px 5px black;
  }
  #header h2 span{
      display: block;
      margin: 0;
      padding: 19px 0;
      line-height: 0;
      max-height: 0;
      font-weight: bold;
      color: transparent;
      text-shadow: none;
  }
  #header h2 span::before{
      content: 'Standardizing Communication Processes';
      color: white;
      text-shadow: 1px 1px 1px black;
  }

  Pages using this styling

  • scp-8813 [info]

  ¶ 1 occurrence
  

  
  :root {
    --fade-in-delay: 0s;
  }
  
  .storybook {
       font-family:Philosopher;
       background-image: url( http://scp-wiki.wikidot.com/local--files/scp-8166/paper-min%5B1%5D.png);
       padding:15px;
       font-size: 105%;
       border: 1px solid #000000;
  }

  Pages using this styling

  • scp-8811 [info]

  ¶ 1 occurrence
  

  
  :root { --body-font: 'Noto Sans Cuneiform', 'Inter', 'Arial', sans-serif; 
    --header-height: clamp(10rem,55vmin,40rem);
    --header-image: url("https://scp-wiki.wikidot.com/local--files/medea-filicidium/banner.jpg");
    --footer-image: url("https://scp-wiki.wikidot.com/local--files/seas-of-orcadia-hub/Artemis.png");
  }
  
  #footer, #extrac-div-1, #extrac-div-1 span {
      background-image: var(--footer-image);
      background-size: 100vmax;
      background-attachment: fixed;
      background-position: bottom;
      height: clamp(10rem,55vmin,30rem);
      background-repeat: no-repeat;
  }
  #extra-div-1 {
      background-position: top;
  }
  
  /* --------- Made by Queerious ---------*/
  .danke {
      padding: 5px;
      font-family: monospace;
      font-size: 1.1em;
      margin: 1.5em;
  }
  
  .alannaM {
      background-color:#010a01;
      border: 3px solid #b695b3;
      color:#ef7fd4;
  }
  
  .mitherM {
      background-color:#010a01;
      border: 3px solid #8cc28d;
      color:#16d10a;
  }
  
  .agent {
      background-color:#002200;
      border: 3px solid #55AA55;
      color: #77CC77;
  }
  
  .site {
      background-color:#222200;
      border: 3px solid #AAAA55;
      color: #DDDD77;
  }
  
  .flair {
      background-color:#150052;
      border: 3px solid #5555AA;
      color: #AFB4FF;
  }
  
  .containercontainer {
  position: relative;width: auto;height: auto;border: 2px solid #666;background: #141212;color: #3F3;margin-top: 1em;margin-bottom: 1em;
  }
  
  .containercontainer .container .overlay {
  background: rgba(51, 255, 51, 0.9);color: #121010;position: absolute;width: auto;height: 50px;top: 0;right: 0;bottom: 0;left: 0;margin: auto;line-height: 50px;display: inline;vertical-align: middle;font-family: Courier New;font-size: 30px;letter-spacing: 5px;font-weight: bolder;z-index: 3;animation: overlay-anim 10s linear;animation-fill-mode: forwards;animation-iteration-count: infinite;
  }
  
  .overlayback {
  background: rgba(187, 187, 187, 0.5);z-index: 3;position: absolute;top: 0;left: 0;bottom: 0;right: 0;width: auto;height: auto;animation: overlay-anim 10s linear;animation-fill-mode: forwards;animation-iteration-count: infinite;
  }
  
  .containercontainer .container {width: inherit;height: inherit;position: relative;overflow: hidden;
  }
  
  .containercontainer .container::after {
  content: " ";display: block;position: absolute;top: 0;left: 0;bottom: 0;right: 0;background: rgba(21, 19, 19, 0.2);opacity: 0;z-index: 2;
  }
  
  .containercontainer .container::before {
  content: " ";display: block;position: absolute;top: 0;left: 0;bottom: 0;right: 0;background: linear-gradient(rgba(18, 16, 16, 0.03) 50%, rgba(0, 0, 0, 0.45) 50%), linear-gradient(90deg, rgba(255, 0, 0, 0.22), rgba(0, 255, 0, 0.11), rgba(0, 0, 255, 0.22));z-index: 2;background-size: 100% 2px, 3px 100%;
  }
  
  .container h1,.container h2,.container h3,.container h5,.container h6 {
  color: #3F3;}.container hr {border-top: 1px dotted #3F3;border-bottom: none;
  }
  
  .container hr {
  border-top: 1px solid #3F3;border-bottom: 1px solid #3F3;color: transparent;background-color: transparent;
  }
  
  .container hr:after {
  display: block;margin-top: 2px;border-top: 1px solid #3F3;border-bottom: 1px solid #3F3;
  }
  
  .blinkbar {
  animation: blink 1.5s infinite; letter-spacing: -0.13em;
  }
  
  @keyframes blink{to{opacity: .0;}}@keyframes overlay-anim {0% {visibility: hidden; }10% {visibility: hidden; }11% {visibility: visible; }50% {visibility: hidden; }100% {visibility: hidden; }}
  
  /*---- Toggle Sidebar compatibility patch ----*/
  #content-wrap {
      grid-template-areas:
          "deco"
          "main";
      grid-template-columns: minmax(0, 1fr);
  }
  #main-content {
      max-width: 47.5rem;
  }
  #side-bar { background-color: rgb(var(--foamy-white)); }
  
  /*---- Toggle Sidebar compatibility patch ----*/
  #content-wrap {
      grid-template-areas:
          "deco"
          "main";
      grid-template-columns: minmax(0, 1fr);
  }
  #main-content {
      max-width: 47.5rem;
  }
  #side-bar { background-color: rgb(var(--foamy-white)); }
  
  /*---- Wikimodule integration ----*/
  
  body {
      --wm-bg: var(--foamy-white);
      --wm-accent: var(--lagoon-hue);
      --wm-border: var(--undersea-tone);
  }
  
  /*-------------------------------*/
  
  .mither {
      font-family: var(--header-font);
      color: green;
      font-size: 1.375em;
      line-height: 1.275;
  }
  .mither p { line-height: inherit; }
  
  .scenesetter {
      padding-inline: 1.75rem;
      position: relative;
      padding-block: 1.25rem;
      isolation: isolate;
  }
  .scenesetter::before {
      content: "";
      position: absolute;
      top: 0; left: 0;
      width: 100%; height: 100%;
      background-image: var(--header-image);
      background-size: cover;
      background-position: center;
      opacity: 0.195;
      box-shadow: inset 0 0 4rem 3.25rem rgb(var(--foamy-white));
      filter: blur(1.375rem);
      z-index: -1;
  }
  
  .ultraspace {
      padding-block: 3.5rem;
  }
  

  Pages using this styling

  • scp-8810 [info]

  ¶ 1 occurrence
  

  :root {
      --swatch-menubg-black-color: 0, 0, 0;
      --basalt-UI-dark-palette: 40,20,40;
      --basalt-bright-element-color: 148,127,138;
      --basalt-primary-color: 15, 15, 16;
      --basalt-background-color: 15, 15, 16;
      --basalt-secondary-color: 2, 2, 9;
      --basalt-tertiary-color: 65, 65, 75;
      --general-border-color: 0,0,0;
      --rate-module-background-color: 0,0,0;
      --basalt-undertone: 48, 28, 48;
      --header-title:"DEPT. OF MANDATORY SUGGESTION";
      --header-subtitle:"YOU CANNOT READ THIS DOCUMENT";
      --header-logo:url("https://scp-wiki.wdfiles.com/local--files/classifications-guides-and-icons-by-billith/dmslogo.png");
      --backdrop:url("https://scp-wiki.wdfiles.com/local--files/scp-8808/balcaroni.png");
      --mtitle:"SUGGESTION";
      --hr-color: 48, 28, 48;
      --scrollbar-track-color: 2, 12, 2;
      --three-color: 114, 116, 118 !important;
      --five-color: 239, 144, 150 !important;
      --selection-background-color: 26, 20, 26;
  }
  div:is(.oheader) hr {
  --hr-color:var(--active-color);
  }
  .scp-image-block.block-center img {
  height: 375px;
  }
  body {
      background-attachment: fixed;
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
  }
  .space {
  
  margin-block: 0;
  }
  @media (max-width: 600px) {
  :root {
      --header-title: var(--mtitle);
  }
  .scp-image-block.block-center img {
  height: 200px;
  }
  }
  .buffer {
  height:50px;
  }
  .container {
  width:40px;
  background-image:url("http://scp-wiki.wikidot.com/local--files/deleted/swirl2.gif");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  height:40px;
  margin-block:0;
  margin-inline: auto;
  border-radius: 50%;
  filter:contrast(.9);
  }
  .message {
  height:50px;	
  font-size:75%;
  text-align:center;
  }
  .wide {
  letter-spacing: .5em;
  }
  #page-content div:is(.medium) {
      max-width: 30rem;
  }

  Pages using this styling

  • scp-8808 [info]

  ¶ 1 occurrence
  

  :root {
      --header-title: "SCP FOUNDATION";
      --header-subtitle: "SECURE, CONTAIN, PROTECT";
      --wm-bg: 240,240,240;
      --wm-accent: 0,0,0;
      --wm-border: 47,47,47;
  }
  .licensebox .collapsible-block-folded .collapsible-block-link {
     left: 50%;
     transform: translateX(-50%);
  }

  Pages using this styling

  • scp-8801 [info]

  ¶ 1 occurrence
  

  [class^="skip_"] {
      box-shadow: var(--window-shadow);
      border-radius: var(--window-radius);
      background-color: rgb(var(--basalt-background-color));
      padding: 0.5rem 1.5rem;
      margin: -1rem 0;
  }

  Pages using this styling

  • scp-8800 [info]

  ¶ 1 occurrence
  

  
  :root {
      --desktop-wallpaper: url(http://scpdsandbox.wikidot.com/local--files/gaia/earthrise.jpg);
      --window-radius: 0.95rem;
  }
  
  #page-title,#breadcrumbs { display: none; }
  #page-content {
      padding: 0;
      background: transparent;
      border-radius: 0;
  }
  
  div.rate-box-with-credit-button .creditButton>p>a::before {
      border-radius: calc(var(--window-radius)/4);
  }
  
  /*--------------------------------------------------*/
  
  .head-container {
      display: flex;
      align-items: center;
      justify-content: center;
      flex-wrap: wrap;
      background-color: rgb(var(--basalt-secondary-color));
      padding: .15rem .875rem;
      gap: .25rem .75rem;
      border-start-start-radius: var(--window-radius);
      border-start-end-radius: var(--window-radius);
  }
  
  .head-container .pseudo-title {
      display: grid;
      flex-grow: 1;
      font-family: var(--header-font);
  }
  .pseudo-title span:first-child {
      display: inline-block;
      padding-block: 0.125rem;
      font-size: 0.675rem;
  }
  .pseudo-title span:first-child a {
      display: inline-block;
      background-color: rgb(var(--basalt-background-color));
      border-radius: var(--window-radius);
      padding: 0.125em 0.5em;
      transition: background-color 0.125s ease-out;
  }
  .pseudo-title span:first-child a:is(:hover,:focus) {
      text-decoration: none;
      background-color: rgb(var(--link-color));
      color: rgb(var(--basalt-secondary-color));
  }
  
  .pseudo-title span:nth-child(2) {
      font-weight: bold;
      font-size: 1.325rem;
  }
  
  .head-container .rate-box-with-credit-button {
      margin: 0;
      box-shadow: none;
  }
  
  ul.creditRate + div { display: none; }
  
  .body-container {
      padding: .9125rem;
      position: relative;
      border-end-start-radius: var(--window-radius);
      border-end-end-radius: var(--window-radius);
  }
  .body-container::before {
      content: "";
      position: absolute;
      top: 0; left: 0;
      width: 100%; height: 100%;
      box-shadow: var(--window-shadow);
      background-color: rgb(var(--basalt-background-color),var(--basalt-UI-opacity));
      -webkit-backdrop-filter: blur(.175rem);
      backdrop-filter: blur(.175rem);
      border-radius:  inherit;
      z-index: -1;
  }
  
  .danger-diamond > .quadrants > div {
      background-color: transparent !important;
  }
  
  .skip_box.terminal::after{
      content: attr(data-title);
      font-size: min(calc(1.5vw + .25em),1em);
      line-height: 1.25;
  }
  
  /*--------------------------------------------------*/
  
  .body-container h3 {
      margin-block-start: 1.5rem;
      border-block-end: 0.05rem solid rgb(var(--basalt-main-text-color),0.25);
      padding-block-end: 0.325rem;
  }
  

  Pages using this styling

  • scp-8800 [info]

  ¶ 1 occurrence
  

  
  :root {
      --accent: 200, 2, 2;
      --logo-img: url(https://scp-wiki.wdfiles.com/local--files/component:pride-highlighter/ally_logo_blk.svg);
  }
  
  #page-options-container {
    border: none;
  }
  
  #main-content .page-tags {
    border-top: thin solid grey;
    padding-top: 0.7rem;
  }
  

  Pages using this styling

  • scp-8794 [info]

  ¶ 1 occurrence
  

  
  div.graph {
     display: grid;
     grid-template-columns: repeat(2, 50fr);
     grid-template-rows: auto;
     grid-gap: 1rem;
     grid-template-areas:
   	"info image";
  }
  
  div.graphinfo{
      grid-area: info;
      color: black;
      position: relative;
      z-index: 1;
  }
  
  div.graphimage{
      grid-area: image;
      position: relative;
      z-index: 1;
  }
  

  Pages using this styling

  • scp-8787 [info]

  ¶ 1 occurrence
  

  /* Make superscripts not fuck with the line spacing */
  sup {
    vertical-align: top;
    position: relative;
    top: -0.5em;
  }
  
  /* Haha blue boi */
  .outside {
    margin: 2em -6em;
    padding: 1em 10em;
    --narration-color: rgba(214, 234, 248,1);
    background: var(--narration-color);
    background: linear-gradient(90deg, rgba(255,255,255,0) 0%, var(--narration-color) 20%, var(--narration-color) 80%, rgba(255,255,255,0) 100%);
    z-index: -2;
  }
  
  /* Make the blue bois that are within the document have smaller margins so they break flow less*/
  .outside.inline {
    margin: 1em -6em;
    padding: 1px 10em;
  }
  
  /* Force the side bar to render on top of the blue bois */
  #side-bar {
    z-index: 2;
  }
  

  Pages using this styling

  • scp-8787 [info]

  ¶ 1 occurrence
  

  
  #page-content > .collapsible-block {
      display: block;
      text-align: center;
      font-weight: bold;
  }
  
  #page-content > .collapsible-block .collapsible-block-content {
      text-align: left;
      font-weight: normal;
  }
  
  .footnotes-footer {
      visibility: hidden;
      height: 0;
      padding: 0;
      margin: 0;
  }
  

  Pages using this styling

  • scp-8778 [info]

  ¶ 1 occurrence
  

  :root {
    --blue: 0, 127, 255;
    --gold: 222, 184, 65;
    --header-title: "SCP FOUNDATION";
    --header-subtitle: "Secure • Contain • Protect";
    --black-monochrome: 2, 2, 2;
  }
  .bigbox {
    display: block;
    margin-inline:auto;
    margin-block: 0.5rem;
    padding-inline: 0.5rem;
    padding-block: 0.5rem;
    background-color: rgb(var(--basalt-dark-element-color));
    color: rgb(var(--black-monochrome));
    text-align: center;
    font-weight: 700;
  }
  strong, header { 
    color: rgb(var(--basalt-dark-element-color))
  }
  .bigbox strong, header{
    color: rgb(var(--basalt-primary-color))
  }

  Pages using this styling

  • scp-8777 [info]

  ¶ 1 occurrence
  

  :root {
    --rate-module-background-color: 16, 50, 50;
    --link-color: 29, 124, 124;
    --visited-link-color: 29, 124, 124;
  }
  
  #page-content#page-content a {
    color: rgb(var(--link-color));  
  }
  
  #page-content#page-content .page-rate-widget-box a {
    color: transparent;
  }
  
  #container {
    width: 100%; 
    margin: 0px;
    background: linear-gradient(to bottom, #092929, #000000);
  }
  
  .date-header {
  font-size: 125%;
  text-align: center;
  text-decoration: underline;
  } 
  
  .blockquote {
    background-color: #00000088 !important;
    border-radius: 5px;
  }
  
  :root:root:root:root:root:root #page-content a { 
    box-shadow: none;
  }
  
  #page-content#page-content .rate-box-with-credit-button .creditButton a {
    color: transparent;
  }
  

  Pages using this styling

  • scp-8776 [info]

  ¶ 1 occurrence
  

  
  div#page-title::after {
    content: "- Teenage Lament '76";
  }
  

  Pages using this styling

  • scp-8775 [info]

  ¶ 1 occurrence
  

  :root {
     --logo-image: url("https://scp-wiki.wikidot.com/local--files/dr-dagons-curriculum-vitae/DoP.png");
      --header-title: "RESEARCH SITE-403";
      --header-subtitle: "SECURE - CONTAIN - PROTECT";
  }

  Pages using this styling

  • scp-8773 [info]

  ¶ 1 occurrence
  

  .old-paper {
      background: url(https://wanderers-library.wdfiles.com/local--files/the-works-of-lady-tianhong-who-scribes/Paper);
  border: 3px ridge rgb(var(--medium-accent));
      border-radius: 5px;
      border-color: #BA9938;
      padding: 10px 10px;
      margin: auto;
      
      font-family: "Architects Daughter", cursive;
  }
  .page p,
  .page ul {
      line-height: 1.2em;
      margin: 0;
  }
  -- some css from https://wanderers-library.wikidot.com/the-works-of-lady-tianhong-who-scribes --

  Pages using this styling

  • scp-8773 [info]

  ¶ 1 occurrence
  

  body {
      background-image: linear-gradient(to bottom, #e0e0e0, #fff 5000px, #fff 15%, #000000 75%);
  }
  
  .depths {
    position: relative;
    color: blue;
    text-shadow:
      0px 0px 20px #fffd,
      0px 0px 40px #fff,
      0px 0px 40px #fffd,
      0px 0px 40px #fffb,
      0px 0px 40px #fff9,
      0px 0px 120px #777;
    margin-inline: -0.5ch;
  }
  .depths::before, .depths::after {
    content: "|";
    color: transparent;
  }
  

  Pages using this styling

  • scp-8770 [info]

  ¶ 1 occurrence
  

  
  .footnotes-footer {
    display:none;
  }
  

  Pages using this styling

  • scp-8770 [info]

  ¶ 1 occurrence
  

  #page-content#page-content .colmod-block > ul {
      margin-left: 0;
      padding-left: 0;
  }

  Pages using this styling

  • scp-8767 [info]

  ¶ 1 occurrence
  

  
  :root {
      --accentColor: #46be46;
      --fnColor: #46be46;
  }
  
  :is(.class1, .item1) h1 {
      color: var(--lightColor) !important;
  }
  
  .item1 h1 {
      transform: scale(1, 1) !important;
  }
  
  @media (min-width: 767px) and (max-width: 960px) {
    .item1 h1 {
      font-size: 160% !important;
    }
    
    .class1 h1 {
      font-size: 240% !important;
    }
  }
  
  @media (max-width: 766px) {
    .item1 h1 {
      font-size: 150% !important;
    }
  
    .class1 h1 {
      font-size: 170% !important;
    }
  }
  
  .class1image {
      display: none;
  }
  
  strong {
      color: var(--accentColor);
  }
  
  .licensebox strong {
      color: var(--lightColor);
  }
  
  #page-content .licensebox .collapsible-block-folded .collapsible-block-link::before, #page-content .licensebox .collapsible-block-unfolded .collapsible-block-link::before {
      content: "";
  }
  
  #page-content .licensebox .collapsible-block-folded, #page-content .licensebox .collapsible-block-unfolded-link {
      margin: unset;
      opacity: 0.6;
  }
  
  .scp-image-block {
      background-color: var(--darkerColor);
  }
  
  .fncon {
      color: var(--darkerColor);
  }
  

  Pages using this styling

  • scp-8765 [info]

  ¶ 1 occurrence
  

  @media (max-width: 479px) {
    #header {
      background-position-y: 70px !important; /* !important needed to override another !important */
    } 
  }
  @media (max-width: 768px) {
    #header h1 {
      font-size: 4vw;
    }
    
    #header h2 {
      font-size: 2.7vw;
    }
  }
  #page-title, .meta-title {
      display: inherit !important;
  }
  
  /* LICENSEBOX */
   .licensebox .collapsible-block-link{
       animation: none !important;
       color: hsl(40, 100%, 62%);
  }
  
  .info-container{
  --barColour: #5C1D24;
  --linkColour: #ffb961; — this is the colour of the "i" and the text within the author button
  }
  
  #page-content .info-container .collapsible-block-folded::before,
  #page-content .info-container .collapsible-block-unfolded-link::before {
      color: #ffb861;
  }
  
  hr {
      background-color: #ffb961;
  }
  
  .item, .level, .class-category {
    color: #ffb961;
  }
  
  .scp-image-block, .scp-image-block .scp-image-caption {
      border-top: solid 1px #ffb961;
  }
  
  .scp-image-block {
      border: solid 1px #ffb961;
  }
  
  /* DIV BLOCKS */
  .log {
      background-color: #192845;
      padding: 1em;
      border: 2px solid #ffb961;
      border-radius: .5em;
  }
  
  .anom-bar-container.apollyon .danger-diamond > .bottom-icon::before {
      background-image: url("https://scp-wiki.wikidot.com/local--files/component:anomaly-class-bar/apollyon-icon.svg");
      background-size: contain;
      background-color: #f2f2f2;
      filter: invert(1);
  }
  .anom-bar > div.bottom-box::before, .bottom-box > div.diamond-part::before, .danger-diamond > .arrows {
      background-color: #ffb961 !important;
  }
  .danger {
      color: red;
      font-weight: bold;
  }
  #u-comments2 {
      display:block !important;
  }
  .modalbox .credit {
      height: auto !important;
  }

  Pages using this styling

  • scp-8754 [info]

  ¶ 1 occurrence
  

  
  div.modalbox {
      background: linear-gradient(#a6a4a4 56px, #e9e9e9 51px, #fefefe);
  }
  
  .top-left-box > .item{
      display: inline;
  }
  
  .log_div {
      border-radius: 10px;
      margin: 10px;
      padding: 0px;
      border: 1px dashed #999;
      background-color: #f4f4f4
  }
  
  .log_text {
      padding: 1em 1em 0em 1em
  }
  
  .log_div > .image-container {
      padding-left: 0em;
      padding-right: 0em;
  }
  

  Pages using this styling

  • scp-8740 [info]

  ¶ 1 occurrence
  

  
  div.readme {
      max-width: 58ch;
      float: center;
      background-color: black;
      color: white;
      font-family: monospace;
      font-size: 1.2em;
      line-height: 1em;
      border: double thick white;
      padding: 2em 2em;
      margin: 2em auto;
  }
  
  div.readme a:link {  color: white; }
  div.readme a:hover {  color: blue; text-decoration: underline; }
  div.readme a:visited {  color: white; }
  div.readme a:active {  color: blue; text-decoration: underline; }
  
  div.readme ul { list-style-type: "* "; padding-left: 1em;}
  
  div.blockquote table { width: 100%; }
  div.blockquote th { width: 15%; }
  
  div.ethics {
      padding: 1em 2em 2em;
      margin: 3em;
      border: 3px solid #b3001b;
      display: block;
      background-color:#f7f3e8;
      font-family: 'Times New Roman', serif;
  }
  
  div.ethics ul { list-style-type: disc; }

  Pages using this styling

  • scp-8735 [info]

  ¶ 1 occurrence
  

  :root {
   --header-title: "SCP Foundation";
   --header-subtitle: "Secure, Display, Protect";
  }

  Pages using this styling

  • scp-8730 [info]

  ¶ 1 occurrence
  

  :root {
    --accentColor: #cc6600;
  }

  Pages using this styling

  • scp-8722 [info]

  ¶ 1 occurrence
  

  .black-bar {
      background: black;
      color: black;
      padding: 2px 5px;
  }
  

  Pages using this styling

  • scp-8718 [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Prata&display=swap');
  
  :root { --body-font: 'Noto Sans Cuneiform', 'Inter', 'Arial', sans-serif; 
    --header-height: clamp(10rem,55vmin,40rem);
    --header-image: url("https://scp-wiki.wikidot.com/local--files/medea-filicidium/banner.jpg");
    --footer-image: url("https://scp-wiki.wikidot.com/local--files/seas-of-orcadia-hub/Artemis.png");
  }
  
  #footer, #extrac-div-1, #extrac-div-1 span {
      background-image: var(--footer-image);
      background-size: 100vmax;
      background-attachment: fixed;
      background-position: bottom;
      height: clamp(10rem,55vmin,30rem);
      background-repeat: no-repeat;
  }
  
  #extra-div-1 {
      background-position: top;
  }
  
  /*---- Toggle Sidebar compatibility patch ----*/
  #content-wrap {
      grid-template-areas:
          "deco"
          "main";
      grid-template-columns: minmax(0, 1fr);
  }
  #main-content {
      max-width: 47.5rem;
  }
  #side-bar { background-color: rgb(var(--foamy-white)); }
  
  /*---- Wikimodule integration ----*/
  
  body {
      --wm-bg: var(--foamy-white);
      --wm-accent: var(--lagoon-hue);
      --wm-border: var(--undersea-tone);
  }
  

  Pages using this styling

  • scp-8711 [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Cuneiform&display=swap');
  
  :root { --body-font: 'Noto Sans Cuneiform', 'Inter', 'Arial', sans-serif; 
    --header-height: clamp(10rem,55vmin,40rem);
    --header-image: url("https://scp-wiki.wikidot.com/local--files/medea-filicidium/banner.jpg");
    --footer-image: url("https://scp-wiki.wikidot.com/local--files/seas-of-orcadia-hub/Artemis.png");
  }
  
  #footer, #extrac-div-1, #extrac-div-1 span {
      background-image: var(--footer-image);
      background-size: 100vmax;
      background-attachment: fixed;
      background-position: bottom;
      height: clamp(10rem,55vmin,30rem);
      background-repeat: no-repeat;
  }
  #extra-div-1 {
      background-position: top;
  }
  
  .text-blur { filter: blur(.175rem); }
  
  /* --------- Made by Queerious ---------*/
  .danke {
      padding: 5px;
      font-family: monospace;
      font-size: 1.1em;
      margin: 1.5em;
  }
  
  .alannaM {
      background-color:#010a01;
      border: 3px solid #b695b3;
      color:#ef7fd4;
  }
  
  .mitherM {
      background-color:#010a01;
      border: 3px solid #8cc28d;
      color:#16d10a;
  }
  
  .agent {
      background-color:#002200;
      border: 3px solid #55AA55;
      color: #77CC77;
  }
  
  .site {
      background-color:#222200;
      border: 3px solid #AAAA55;
      color: #DDDD77;
  }
  
  .flair {
      background-color:#150052;
      border: 3px solid #5555AA;
      color: #AFB4FF;
  }
  
  .containercontainer {
  position: relative;width: auto;height: auto;border: 2px solid #666;background: #141212;color: #3F3;margin-top: 1em;margin-bottom: 1em;
  }
  
  .containercontainer .container .overlay {
  background: rgba(51, 255, 51, 0.9);color: #121010;position: absolute;width: auto;height: 50px;top: 0;right: 0;bottom: 0;left: 0;margin: auto;line-height: 50px;display: inline;vertical-align: middle;font-family: Courier New;font-size: 30px;letter-spacing: 5px;font-weight: bolder;z-index: 3;animation: overlay-anim 10s linear;animation-fill-mode: forwards;animation-iteration-count: infinite;
  }
  
  .overlayback {
  background: rgba(187, 187, 187, 0.5);z-index: 3;position: absolute;top: 0;left: 0;bottom: 0;right: 0;width: auto;height: auto;animation: overlay-anim 10s linear;animation-fill-mode: forwards;animation-iteration-count: infinite;
  }
  
  .containercontainer .container {width: inherit;height: inherit;position: relative;overflow: hidden;
  }
  
  .containercontainer .container::after {
  content: " ";display: block;position: absolute;top: 0;left: 0;bottom: 0;right: 0;background: rgba(21, 19, 19, 0.2);opacity: 0;z-index: 2;
  }
  
  .containercontainer .container::before {
  content: " ";display: block;position: absolute;top: 0;left: 0;bottom: 0;right: 0;background: linear-gradient(rgba(18, 16, 16, 0.03) 50%, rgba(0, 0, 0, 0.45) 50%), linear-gradient(90deg, rgba(255, 0, 0, 0.22), rgba(0, 255, 0, 0.11), rgba(0, 0, 255, 0.22));z-index: 2;background-size: 100% 2px, 3px 100%;
  }
  
  .container h1,.container h2,.container h3,.container h5,.container h6 {
  color: #3F3;}.container hr {border-top: 1px dotted #3F3;border-bottom: none;
  }
  
  .container hr {
  border-top: 1px solid #3F3;border-bottom: 1px solid #3F3;color: transparent;background-color: transparent;
  }
  
  .container hr:after {
  display: block;margin-top: 2px;border-top: 1px solid #3F3;border-bottom: 1px solid #3F3;
  }
  
  .blinkbar {
  animation: blink 1.5s infinite; letter-spacing: -0.13em;
  }
  
  @keyframes blink{to{opacity: .0;}}@keyframes overlay-anim {0% {visibility: hidden; }10% {visibility: hidden; }11% {visibility: visible; }50% {visibility: hidden; }100% {visibility: hidden; }}
  
  /*---- Wikimodule integration ----*/
  
  body {
      --wm-bg: var(--foamy-white);
      --wm-accent: var(--lagoon-hue);
      --wm-border: var(--undersea-tone);
  }
  
  /*---- Custom divs ----*/
  
  :root {
      --stormy-sky: 190,235,241;
  }
  
  .warning-tide {
      box-sizing: border-box;
      border: solid .175rem rgb(var(--stormy-sky));
      position: relative;
      padding: 1rem;
      margin-inline: auto;
      margin-block: 1.5rem;
  
      font-family: var(--mono-font);
      font-size: 1.125em;
      color: rgb(var(--stormy-sky));
      background-color: rgb(var(--undersea-tone));
  }
  .warning-tide::before {
      content: "";
      position: absolute;
      top: 0; left: 0;
      width: 100%; height: 100%;
      background: linear-gradient(rgb(18, 16, 16, 0.01) 50%, rgb(0, 0, 0, 0.25) 50%), linear-gradient(90deg, rgb(255, 0, 0, 0.1), rgb(0, 255, 0, 0.06), rgb(0, 0, 255, 0.1));
      background-size: 100% 2px, 3px 100%;
      opacity: .875;
      z-index: 1;
      pointer-events: none;
  }
  
  .opener {
      font-size: 1.125em;
      padding: 1.325rem;
      padding-block-end: 0.5rem;
      margin-block-start: 6.25rem;
  }
  
  .warning-header {
      font-weight: bold;
      text-align: center;
      font-size: 1.5em;
      line-height: 1.325;
      padding: 0.25rem;
      color: rgb(var(--undersea-tone));
      background-color: rgb(var(--stormy-sky));
  }
  
  
  .warning-tide .hili {
      font-weight: bold;
      padding-inline: .25em;
      color: rgb(var(--undersea-tone));
      background-color: rgb(var(--stormy-sky));
  }
  
  /*-------------------------------*/
  
  .mither {
      font-family: var(--header-font);
      color: green;
      font-size: 1.375em;
      line-height: 1.275;
  }
  .mither p { line-height: inherit; }
  
  .scenesetter {
      padding-inline: 1.75rem;
      position: relative;
      padding-block: 1.25rem;
      isolation: isolate;
  }
  .scenesetter::before {
      content: "";
      position: absolute;
      top: 0; left: 0;
      width: 100%; height: 100%;
      background-image: var(--header-image);
      background-size: cover;
      background-position: center;
      opacity: 0.195;
      box-shadow: inset 0 0 4rem 3.25rem rgb(var(--foamy-white));
      filter: blur(1.375rem);
      z-index: -1;
  }
  
  .ultraspace {
      padding-block: 3.5rem;
  }
  

  Pages using this styling

  • scp-8710 [info]

  ¶ 1 occurrence
  

  
  #header:before {
      display:block;
      position: absolute;
      width: 120px;
      height: 120px;
      z-index: -1;
      top: 15%;
      left: 2%;
      content: "";
      background: url("http://scp-wiki.wikidot.com/local--files/scp-8703/dream");
      background-repeat: no-repeat;
      background-size: 95px 100px;
      background-position: 0px 0px 0px;
  }
  
  #header h1 a::before {
      font-family: 'IM Fell DW Pica SC', serif;
      padding: 35px 0 25px; 
      font-weight: normal;
      content: "Life is but a Dream";
      color: #000000;
  }
   
  #header h2 span {
      font-size: 167%;
      color: transparent;
      text-shadow: none;
  }
  #header h2 span::before {
      font-family: 'Tangerine', cursive;
      font-size: 200%;
      content: "Holy Order Of SCP";
      color: #000000;
      padding: 0px 20px 00px;
  }
  

  Pages using this styling

  • scp-8703 [info]

  ¶ 1 occurrence
  

  .Dragon {
  font-family: metal mania;
  font-size: 110%;
  word-break: normal !important;
  line-height: 1.35; 

  Pages using this styling

  • scp-8700 [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Metal+Mania&display=swap');

  Pages using this styling

  • scp-8700 [info]

  ¶ 1 occurrence
  

  .balthdiv {
      background: #F2E0C2;
      background-size: contain;
      background-position: top center;
      background-repeat: no-repeat;
      box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
      width: 90%;
      margin-left: auto;
      margin-right: auto;
      margin-bottom: 24px;
      padding: 10px 20px 20px 20px;
      word-break: break-word;
      color: black;
  }
  .text_section{
      float:left;
      width: 95%;
      padding: 0 2%;
      color: black;
  }

  Pages using this styling

  • scp-8700 [info]

  ¶ 1 occurrence
  

  @media (max-width: 550px), (min-width: 768px) and (max-width: 850px) {
    .scp-image-block:is(.block-right, .block-left) {
      float: none;
      margin-inline: auto;
    }
  }

  Pages using this styling

  • scp-8696 [info]

  ¶ 1 occurrence
  

  
  /* --------- EMAIL CSS ----------- */
  .email-example .collapsible-block-folded a.collapsible-block-link {
      animation: blink 0.8s ease-in-out infinite alternate;
  }
  @keyframes blink {
      0% { color: transparent; }
      50%, 100% { color: #b01; }
  }
  .email {border: solid 2px #000000; width: 88%; padding: 1px 15px; margin: 10px; box-shadow: 0 1px 3px rgba(0,0,0,.5)}
  .email-example a.collapsible-block-link {font-weight: bold;}
  .tofrom {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px maroon}
  
  /* --------- PAPER NOTE CSS ----------- */
  .page {
      display: block;
      overflow: hidden;
      font-family: "Monotype Corsiva", "Bradley Hand ITC", sans-serif;
      font-style: normal;
      font-size:1.5em;
      background-attachment: scroll;
      background-clip: border-box;
      background-color: transparent;
      background-image: linear-gradient(to top ,rgb(202, 219, 228) 0%, rgb(231, 233, 220) 8%);
      background-origin: padding-box;
      background-position: 0px 8px;
      background-repeat: repeat;
      background-size: 100% 20px;
      border: 1px solid #CCC;
      border-radius: 10px;
      padding: 10px 10px;
      margin-bottom: 10px;
      box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2)
  }
  .page p,
  .page ul {
      line-height: 20px;
      margin: 0;
  }
  
  /* --------- COMPUTER CSS ----------- */
  .danke {
      padding: 5px 1em;
      margin-bottom:10px;
      font-family: monospace;
      font-size: 1.1em; 
  }
  
  .agent {
      background-color:#002200;
      border: 3px solid #55AA55;
      color: #77CC77;
  }
  
  .site {
      background-color:#222200;
      border: 3px solid #AAAA55;
      color: #DDDD77;
  }
  
  .flair {
      background-color:#150052;
      border: 3px solid #5555AA;
      color: #AFB4FF;
  }
  

  Pages using this styling

  • scp-8688 [info]

  ¶ 1 occurrence
  

  
  div.modalbox {
      background: linear-gradient(#a6a4a4 56px, #e9e9e9 51px, #fefefe);
  }
  
  .log_div {
      border-radius: 10px;
      margin: 10px;
      padding: 0px;
      border: 1px dashed #999;
      background-color: #f4f4f4
  }
  
  .log_text {
      padding: 1em 1em 0em 1em
  }
  
  .top-left-box > .item {
      display: block !important;
  }
  
  .log_div > .image-container {
      padding-left: 0em;
      padding-right: 0em;
  }
  

  Pages using this styling

  • scp-8686 [info]

  ¶ 1 occurrence
  

  :root {
      --basalt-bright-element-color: 194, 52, 52;
      --basalt-dark-element-color: 140, 72, 72;
      --selection-text-color: 72, 140, 72;
      --general-border-color: 255,7,58;
      --basalt-overtone: 50, 2, 2;
      --basalt-undertone: var(--basalt-bright-element-color);
      --basalt-UI-dark-palette: 50, 10, 10;
      --basalt-alternate-color: 221, 17, 17;
      --title-border-color: 255,7,58;
      --scrollbar-thumb-color: 255,7,58;
      --side-bar-heading-background-color: 255, 7, 58, 0.07;
      --side-bar-heading-text-color-hover: 255, 200, 200, 0.4;
      --basalt-primary-color: 15, 10, 10;
      --basalt-secondary-color: 67, 0, 0;
      --basalt-tertiary-color: 15, 10, 10;
      --logo: url(https://scp-sandbox-3.wdfiles.com/local--files/collab%3Aphlox-01/highway-white.svg);
      --phlox-div-color : #000000ee;
      --title: "PHLOX";
      --subtitle: "Portlands Highway: Logistics, Operations, and Exchanges";
  
      --tl-line: 4rem;
  }
  
  .transition {
      height: 3rem;
      background-image: url(http://scp-sandbox-3.wikidot.com/local--files/collab:phlox-hub/transition.png);
      background-repeat: no-repeat;
      background-size: contain;
      background-position: center;
      margin: 2rem auto;
  }
  
  
  
  body {
      background-color: #240000;
      background-image:background-color: #240000;
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='88' height='88' viewBox='0 0 88 88'%3E%3Cg fill='%23aa0000' fill-opacity='0.1'%3E%3Cpath fill-rule='evenodd' d='M29.42 29.41c.36-.36.58-.85.58-1.4V0h-4v26H0v4h28c.55 0 1.05-.22 1.41-.58h.01zm0 29.18c.36.36.58.86.58 1.4V88h-4V62H0v-4h28c.56 0 1.05.22 1.41.58zm29.16 0c-.36.36-.58.85-.58 1.4V88h4V62h26v-4H60c-.55 0-1.05.22-1.41.58h-.01zM62 26V0h-4v28c0 .55.22 1.05.58 1.41.37.37.86.59 1.41.59H88v-4H62zM18 36c0-1.1.9-2 2-2h10a2 2 0 1 1 0 4H20a2 2 0 0 1-2-2zm0 16c0-1.1.9-2 2-2h10a2 2 0 1 1 0 4H20a2 2 0 0 1-2-2zm16-26a2 2 0 0 1 2-2 2 2 0 0 1 2 2v4a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-4zm16 0a2 2 0 0 1 2-2 2 2 0 0 1 2 2v4a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-4zM34 58a2 2 0 0 1 2-2 2 2 0 0 1 2 2v4a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-4zm16 0a2 2 0 0 1 2-2 2 2 0 0 1 2 2v4a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-4zM34 78a2 2 0 0 1 2-2 2 2 0 0 1 2 2v6a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-6zm16 0a2 2 0 0 1 2-2 2 2 0 0 1 2 2v6a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-6zM34 4a2 2 0 0 1 2-2 2 2 0 0 1 2 2v6a2 2 0 0 1-2 2 2 2 0 0 1-2-2V4zm16 0a2 2 0 0 1 2-2 2 2 0 0 1 2 2v6a2 2 0 0 1-2 2 2 2 0 0 1-2-2V4zm-8 82a2 2 0 1 1 4 0v2h-4v-2zm0-68a2 2 0 1 1 4 0v10a2 2 0 1 1-4 0V18zM66 4a2 2 0 1 1 4 0v8a2 2 0 1 1-4 0V4zm0 72a2 2 0 1 1 4 0v8a2 2 0 1 1-4 0v-8zm-48 0a2 2 0 1 1 4 0v8a2 2 0 1 1-4 0v-8zm0-72a2 2 0 1 1 4 0v8a2 2 0 1 1-4 0V4zm24-4h4v2a2 2 0 1 1-4 0V0zm0 60a2 2 0 1 1 4 0v10a2 2 0 1 1-4 0V60zm14-24c0-1.1.9-2 2-2h10a2 2 0 1 1 0 4H58a2 2 0 0 1-2-2zm0 16c0-1.1.9-2 2-2h10a2 2 0 1 1 0 4H58a2 2 0 0 1-2-2zm-28-6a2 2 0 1 0 0-4 2 2 0 0 0 0 4zm8 26a2 2 0 1 0 0-4 2 2 0 0 0 0 4zm16 0a2 2 0 1 0 0-4 2 2 0 0 0 0 4zM36 20a2 2 0 1 0 0-4 2 2 0 0 0 0 4zm16 0a2 2 0 1 0 0-4 2 2 0 0 0 0 4zm-8-8a2 2 0 1 0 0-4 2 2 0 0 0 0 4zm0 68a2 2 0 1 0 0-4 2 2 0 0 0 0 4zm16-34a2 2 0 1 0 0-4 2 2 0 0 0 0 4zm16-12a2 2 0 1 0 0 4 6 6 0 1 1 0 12 2 2 0 1 0 0 4 10 10 0 1 0 0-20zm-64 0a2 2 0 1 1 0 4 6 6 0 1 0 0 12 2 2 0 1 1 0 4 10 10 0 1 1 0-20zm56-12a2 2 0 1 0 0-4 2 2 0 0 0 0 4zm0 48a2 2 0 1 0 0-4 2 2 0 0 0 0 4zm-48 0a2 2 0 1 0 0-4 2 2 0 0 0 0 4zm0-48a2 2 0 1 0 0-4 2 2 0 0 0 0 4zm24 32a10 10 0 1 1 0-20 10 10 0 0 1 0 20zm0-4a6 6 0 1 0 0-12 6 6 0 0 0 0 12zm36-36a6 6 0 1 1 0-12 6 6 0 0 1 0 12zm0-4a2 2 0 1 0 0-4 2 2 0 0 0 0 4zM10 44c0-1.1.9-2 2-2h8a2 2 0 1 1 0 4h-8a2 2 0 0 1-2-2zm56 0c0-1.1.9-2 2-2h8a2 2 0 1 1 0 4h-8a2 2 0 0 1-2-2zm8 24c0-1.1.9-2 2-2h8a2 2 0 1 1 0 4h-8a2 2 0 0 1-2-2zM3 68c0-1.1.9-2 2-2h8a2 2 0 1 1 0 4H5a2 2 0 0 1-2-2zm0-48c0-1.1.9-2 2-2h8a2 2 0 1 1 0 4H5a2 2 0 0 1-2-2zm71 0c0-1.1.9-2 2-2h8a2 2 0 1 1 0 4h-8a2 2 0 0 1-2-2zm6 66a6 6 0 1 1 0-12 6 6 0 0 1 0 12zm0-4a2 2 0 1 0 0-4 2 2 0 0 0 0 4zM8 86a6 6 0 1 1 0-12 6 6 0 0 1 0 12zm0-4a2 2 0 1 0 0-4 2 2 0 0 0 0 4zm0-68A6 6 0 1 1 8 2a6 6 0 0 1 0 12zm0-4a2 2 0 1 0 0-4 2 2 0 0 0 0 4zm36 36a2 2 0 1 0 0-4 2 2 0 0 0 0 4z'/%3E%3C/g%3E%3C/svg%3E"),url("https://scp-sandbox-3.wdfiles.com/local--files/collab%3Aphlox-hub/road%20lines.png");
      background-repeat: repeat, repeat-y;
      background-position: center;
      background-blend-mode: screen;
  }
  
  .tl-yr {
      display: flex;
      align-items: center;
      gap: 1em;
  }
  
  
  .rightmode-\{\$rightmode\} .side-text-cell {
      background: url(https://scp-wiki.wdfiles.com/local--files/rise-of-the-wave/flame-2-grey.svg) center no-repeat;
      background-size: 2em;
  }
  
  
  .leftmode-\{\$leftmode\} .side-text-cell {
      background: url(https://scp-sandbox-3.wikidot.com/local--files/collab:phlox-01/flame-4-grey.svg) center no-repeat;
      background-size: 5em;
  }
  
  
  @media only screen and (max-width: 640px) {
  :root {--tl-line: 50%;}
  .tl-yr, .scp-section {flex-direction: column;}
  }
  
  .label{background-color: rgb(var(--general-border-color)); border: solid 0.2rem rgb(var(--general-border-color)); justify-content:center;color: #fff;}
  

  Pages using this styling

  • scp-8681 [info]

  ¶ 1 occurrence
  

  :root {
    --basalt-bright-element-color: 194, 52, 52;
    --basalt-dark-element-color: 140, 72, 72;
    --selection-text-color: 72, 140, 72;
    --general-border-color: 255,7,58;
      --basalt-overtone: 50, 2, 2;
      --basalt-undertone: var(--basalt-bright-element-color);
      --basalt-UI-dark-palette: 50, 10, 10;
    --basalt-alternate-color: 221, 17, 17;
    --title-border-color: 255,7,58;
  
   --scrollbar-thumb-color: 255,7,58;
      --side-bar-heading-background-color: 255, 7, 58, 0.07;
      --side-bar-heading-text-color-hover: 255, 200, 200, 0.4;
  
  
      --basalt-primary-color: 15, 10, 10;
      --basalt-secondary-color: 67, 0, 0;
      --basalt-tertiary-color: 15, 10, 10;
  
  --phlox-div-color : #000000ee;
  --logo: url(http://scp-wiki.wikidot.com/local--files/scp-8680/highway-logo-white.svg);
  
  .transition {
  height: 3rem;
  background-image: url(http://scp-wiki.wikidot.com/local--files/rise-of-the-wave/transition.webp);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  margin: 2rem auto;
  }
  
   --title: "PHLOX";
    --subtitle: "Portlands Highway: Logistics, Operations, and Exchanges";
  }
  
  body {
  background-color: #240000;
  background-image:background-color: #240000;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='88' height='88' viewBox='0 0 88 88'%3E%3Cg fill='%23aa0000' fill-opacity='0.1'%3E%3Cpath fill-rule='evenodd' d='M29.42 29.41c.36-.36.58-.85.58-1.4V0h-4v26H0v4h28c.55 0 1.05-.22 1.41-.58h.01zm0 29.18c.36.36.58.86.58 1.4V88h-4V62H0v-4h28c.56 0 1.05.22 1.41.58zm29.16 0c-.36.36-.58.85-.58 1.4V88h4V62h26v-4H60c-.55 0-1.05.22-1.41.58h-.01zM62 26V0h-4v28c0 .55.22 1.05.58 1.41.37.37.86.59 1.41.59H88v-4H62zM18 36c0-1.1.9-2 2-2h10a2 2 0 1 1 0 4H20a2 2 0 0 1-2-2zm0 16c0-1.1.9-2 2-2h10a2 2 0 1 1 0 4H20a2 2 0 0 1-2-2zm16-26a2 2 0 0 1 2-2 2 2 0 0 1 2 2v4a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-4zm16 0a2 2 0 0 1 2-2 2 2 0 0 1 2 2v4a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-4zM34 58a2 2 0 0 1 2-2 2 2 0 0 1 2 2v4a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-4zm16 0a2 2 0 0 1 2-2 2 2 0 0 1 2 2v4a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-4zM34 78a2 2 0 0 1 2-2 2 2 0 0 1 2 2v6a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-6zm16 0a2 2 0 0 1 2-2 2 2 0 0 1 2 2v6a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-6zM34 4a2 2 0 0 1 2-2 2 2 0 0 1 2 2v6a2 2 0 0 1-2 2 2 2 0 0 1-2-2V4zm16 0a2 2 0 0 1 2-2 2 2 0 0 1 2 2v6a2 2 0 0 1-2 2 2 2 0 0 1-2-2V4zm-8 82a2 2 0 1 1 4 0v2h-4v-2zm0-68a2 2 0 1 1 4 0v10a2 2 0 1 1-4 0V18zM66 4a2 2 0 1 1 4 0v8a2 2 0 1 1-4 0V4zm0 72a2 2 0 1 1 4 0v8a2 2 0 1 1-4 0v-8zm-48 0a2 2 0 1 1 4 0v8a2 2 0 1 1-4 0v-8zm0-72a2 2 0 1 1 4 0v8a2 2 0 1 1-4 0V4zm24-4h4v2a2 2 0 1 1-4 0V0zm0 60a2 2 0 1 1 4 0v10a2 2 0 1 1-4 0V60zm14-24c0-1.1.9-2 2-2h10a2 2 0 1 1 0 4H58a2 2 0 0 1-2-2zm0 16c0-1.1.9-2 2-2h10a2 2 0 1 1 0 4H58a2 2 0 0 1-2-2zm-28-6a2 2 0 1 0 0-4 2 2 0 0 0 0 4zm8 26a2 2 0 1 0 0-4 2 2 0 0 0 0 4zm16 0a2 2 0 1 0 0-4 2 2 0 0 0 0 4zM36 20a2 2 0 1 0 0-4 2 2 0 0 0 0 4zm16 0a2 2 0 1 0 0-4 2 2 0 0 0 0 4zm-8-8a2 2 0 1 0 0-4 2 2 0 0 0 0 4zm0 68a2 2 0 1 0 0-4 2 2 0 0 0 0 4zm16-34a2 2 0 1 0 0-4 2 2 0 0 0 0 4zm16-12a2 2 0 1 0 0 4 6 6 0 1 1 0 12 2 2 0 1 0 0 4 10 10 0 1 0 0-20zm-64 0a2 2 0 1 1 0 4 6 6 0 1 0 0 12 2 2 0 1 1 0 4 10 10 0 1 1 0-20zm56-12a2 2 0 1 0 0-4 2 2 0 0 0 0 4zm0 48a2 2 0 1 0 0-4 2 2 0 0 0 0 4zm-48 0a2 2 0 1 0 0-4 2 2 0 0 0 0 4zm0-48a2 2 0 1 0 0-4 2 2 0 0 0 0 4zm24 32a10 10 0 1 1 0-20 10 10 0 0 1 0 20zm0-4a6 6 0 1 0 0-12 6 6 0 0 0 0 12zm36-36a6 6 0 1 1 0-12 6 6 0 0 1 0 12zm0-4a2 2 0 1 0 0-4 2 2 0 0 0 0 4zM10 44c0-1.1.9-2 2-2h8a2 2 0 1 1 0 4h-8a2 2 0 0 1-2-2zm56 0c0-1.1.9-2 2-2h8a2 2 0 1 1 0 4h-8a2 2 0 0 1-2-2zm8 24c0-1.1.9-2 2-2h8a2 2 0 1 1 0 4h-8a2 2 0 0 1-2-2zM3 68c0-1.1.9-2 2-2h8a2 2 0 1 1 0 4H5a2 2 0 0 1-2-2zm0-48c0-1.1.9-2 2-2h8a2 2 0 1 1 0 4H5a2 2 0 0 1-2-2zm71 0c0-1.1.9-2 2-2h8a2 2 0 1 1 0 4h-8a2 2 0 0 1-2-2zm6 66a6 6 0 1 1 0-12 6 6 0 0 1 0 12zm0-4a2 2 0 1 0 0-4 2 2 0 0 0 0 4zM8 86a6 6 0 1 1 0-12 6 6 0 0 1 0 12zm0-4a2 2 0 1 0 0-4 2 2 0 0 0 0 4zm0-68A6 6 0 1 1 8 2a6 6 0 0 1 0 12zm0-4a2 2 0 1 0 0-4 2 2 0 0 0 0 4zm36 36a2 2 0 1 0 0-4 2 2 0 0 0 0 4z'/%3E%3C/g%3E%3C/svg%3E"),url(http://scp-wiki.wikidot.com/local--files/scp-8680/roadlines.png);
  background-repeat: repeat, repeat-y;
  background-position: center;
  background-blend-mode: screen;
  }
  
  div.reg_memo {
      --memo-heading: "FROM THE DESK OF THE PHLOX REGISTRAR";
      --memo-logo: url(http://scp-wiki.wikidot.com/local--files/scp-8680/phlox-white.svg);
      --memo-color: 255, 243, 173;
      background: var(--memo-logo),rgba(var(--memo-color), 1);
      background-size: contain;
      background-position: top center;
      background-repeat: no-repeat;
  background-blend-mode: multiply;
  }
  
  div.board_memo {
      --memo-heading: "FROM THE BOARD OF DIRECTORS";
      --memo-logo: url(http://scp-wiki.wikidot.com/local--files/scp-8680/phlox-white.svg);
      --memo-color: 211, 222, 211;
      background: var(--memo-logo),rgba(var(--memo-color), 1);
      background-size: contain;
      background-position: top center;
      background-repeat: no-repeat;
  background-blend-mode: multiply;
  }
  
  div.pub_memo {
      --memo-heading: "PUBLISHED BY THE DEPARTMENT OF OUTREACH";
      --memo-logo: url(http://scp-wiki.wikidot.com/local--files/scp-8680/phlox-white.svg);
      --memo-color: 238, 237, 250;
      background: var(--memo-logo),rgba(var(--memo-color), 1);
      background-size: contain;
      background-position: top center;
      background-repeat: no-repeat;
  background-blend-mode: multiply;
  }
  
  
  div.risk_memo {
      --memo-heading: "NOTICE FROM THE RISK ANALYSIS SECTION";
      --memo-logo: url(http://scp-wiki.wikidot.com/local--files/scp-8680/phlox-white.svg);
      --memo-color: 240, 255, 255;
      background: var(--memo-logo),rgba(var(--memo-color), 1);
      background-size: contain;
      background-position: top center;
      background-repeat: no-repeat;
  background-blend-mode: multiply;
  }
  
  .rightmode-\{\$rightmode\} .side-text-cell {
      background: url(	http://scp-wiki.wikidot.com/local--files/scp-8680/flame-1-grey.svg) center no-repeat;
      background-size: 1.5em;
  }
  
  
  .leftmode-\{\$leftmode\} .side-text-cell {
      background: url(	http://scp-wiki.wikidot.com/local--files/scp-8680/flame-3-grey.svg) center no-repeat;
      background-size: 2.5em;
  }
  

  Pages using this styling

  • scp-8680 [info]

  ¶ 1 occurrence
  

  div#container-wrap {
      background: url(http://lafundacionscp.wdfiles.com/local--files/theme%3Acomi/Fondo-Comi.png) top left repeat-x;
  }
  
  #search-top-box {
      position: absolute;
      top: 79px;
      right: 9px;
      width: 250px;
      text-align: right;
  }
   
  #search-top-box-input {
      border: solid 1px #EDEDED;
      border-radius: 5px;
      color: #F22424;
      background-color: #1C1818;
      box-shadow: inset 1px 1px 3px rgba(0,0,0,.5);
  }
  #search-top-box-input:hover,
  #search-top-box-input:focus {
      border: solid 1px #efeaea;
      color: #fff;
      background-color: #5d5b5b;
      box-shadow: inset 1px 1px 3px rgba(0,0,0,.8);
  }
  #search-top-box-form input[type=submit] {
      border: solid 1px #EDEDED;
      border-radius: 5px;
      padding: 2px 5px;
      font-size: 90%;
      font-weight: bold;
      color: #ddd;
      background-color: #282828;
      background: linear-gradient(to bottom, #878787, #5b5b5b, #303030);
      box-shadow: 0 1px 3px rgba(0,0,0,.5);
      cursor: pointer;
  }
  #search-top-box-form input[type=submit]:hover,
  #search-top-box-form input[type=submit]:focus {
      border: solid 1px #fff;
      color: #fff;
      text-shadow: 0 0 1px rgba(255,255,255,.25)
      background-color: #a09a9a;
      background: linear-gradient(to bottom, #d1cfcf,#878787,#5b5a5a);
      box-shadow: 0 1px 3px rgba(0,0,0,.8);
  }

  Pages using this styling

  • scp-8671 [info]

  ¶ 1 occurrence
  

  .page {
      display: block;
      overflow: hidden;
      font-family: "Bradley Hand ITC", sans-serif;
      font-style: normal;
      background-attachment: scroll;
      background-clip: border-box;
      background-color: transparent;
      background-image: linear-gradient(to top ,rgb(230, 230, 230) 0%, rgb(250, 250, 255) 8%);
      background-origin: padding-box;
      background-position: 0px 8px;
      background-repeat: repeat;
      background-size: 100% 20px;
      border: 1px solid #CCC;
      border-radius: 0px;
      padding: 10px 8px;
      margin-bottom: 10px;
      box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2)
  }
  .page p,
  .page ul {
      line-height: 20px;
      margin: 0;
  }

  Pages using this styling

  • scp-8670 [info]

  ¶ 1 occurrence
  

  @import url('https://scp-wiki.wdfiles.com/local--code/theme%3Abasalt/2');
  
  :root {
      --header-logo: url(https://scp-wiki.wikidot.com/local--files/theme:basalt/basalt_scp_logo-for_darkmode.svg); 
  
      --basalt-undertone: 202,71,61;
   
      --link-color: var(--basalt-undertone);
      --basalt-bright-element-color: 184,76,16;
      --basalt-dark-element-color: 150,20,18;
      --basalt-alternate-color: 255,132,0;
  
      --one-color: var(--basalt-undertone);
      --two-color: var(--basalt-undertone);
  }

  Pages using this styling

  • scp-8666 [info]

  ¶ 1 occurrence
  

  .green a {
    color: green;
  }

  Pages using this styling

  • scp-8657 [info]

  ¶ 1 occurrence
  

  .announcementdiv {
  border:solid 3px #999999; 
  background:#4cbb17; 
  padding:6px; 
  margin-bottom: 10px;
  }

  Pages using this styling

  • scp-8646 [info]

  ¶ 1 occurrence
  

  .researcherchat {
  background: #ADD8E6;
  color: black;
  margin-left: auto;
  font-family: sans-serif;
  font-weight: bold;
  max-width: 24rem;
  padding: 0.6rem 2rem;
  border-radius: 7px;
  margin-bottom: 3rem;
  }

  Pages using this styling

  • scp-8646 [info]

  ¶ 1 occurrence
  

  .teamleadchat {
  background: #c74b4b;
  color: black;
  margin-right: auto;
  font-family: 'Spline Sans', Arial;
  font-weight: bold;
  max-width: 24rem;
  padding: 0.6rem 2rem;
  border-radius: 7px;
  margin-bottom: 3rem;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  }

  Pages using this styling

  • scp-8646 [info]

  ¶ 1 occurrence
  

  .agentchat {
  background: #D3D3D3;
  color: black;
  margin-left: auto;
  font-family: 'Spline Sans', Arial;
  font-weight: bold;
  max-width: 24rem;
  padding: 0.6rem 2rem;
  border-radius: 7px;
  margin-bottom: 3rem;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  }

  Pages using this styling

  • scp-8646 [info]

  ¶ 1 occurrence
  

  .missionreportdiv {
  background: linear-gradient(to bottom, #fdfdfd, #f5f5dc);
  color: #333;
  font-family: 'Courier New', Courier, monospace;
  border: 1px solid #999999;
  border-radius: 10px;
  padding: 10px 10px;
  margin-bottom: 10px;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
  }

  Pages using this styling

  • scp-8646 [info]

  ¶ 1 occurrence
  

  .page {
      display: block;
      overflow: hidden;
      font-family: "Monotype Corsiva", 'Bradley Hand ITC', sans-serif;
      font-style: normal;
      background-attachment: scroll;
      background-clip: border-box;
      background-color: transparent;
      background-image: linear-gradient(to top ,rgb(202, 219, 228) 0%, rgb(231, 233, 220) 8%);
      background-origin: padding-box;
      background-position: 0px 8px;
      background-repeat: repeat;
      background-size: 100% 20px;
      border: 1px solid #CCC;
      border-radius: 10px;
      padding: 10px 10px;
      margin-bottom: 10px;
      box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2)
  }
  .page p,
  .page ul {
      line-height: 20px;
      margin: 0;
  }

  Pages using this styling

  • scp-8646 [info]

  ¶ 1 occurrence
  

  .dyna-email > .footer-box {
      margin-top: 1em;
  }

  Pages using this styling

  • scp-8646 [info]

  ¶ 1 occurrence
  

  
  #header {
      background-image: url('https://scp-wiki.wdfiles.com/local--files/component:pride-highlighter/lsb_logo_blk.svg')
  }
  

  Pages using this styling

  • scp-864 [info]

  ¶ 1 occurrence
  

  body {
  font-size: 0.95em;
  }

  Pages using this styling

  • scp-8633 [info]

  ¶ 1 occurrence
  

  .page {
  display: block;
  overflow: hidden;
  font-family: "Monotype Corsiva", "Bradley Hand ITC", sans-serif;
  font-style: normal;
  background-attachment: scroll;
  background-clip: border-box;
  background-color: transparent;
  background-image: linear-gradient(to top ,rgb(202, 219, 228) 0%, rgb(231, 233, 220) 8%);
  background-origin: padding-box;
  background-position: 0px 8px;
  background-repeat: repeat;
  background-size: 100% 20px;
  border: 1px solid #CCC;
  border-radius: 10px;
  padding: 10px 10px;
  margin-bottom: 10px;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2)
  }
  .page p,
  .page ul {
      line-height: 20px;
      margin: 0;
  }

  Pages using this styling

  • scp-8631 [info]

  ¶ 1 occurrence
  

  
  @media (max-width: 400px) {
      .image8630 .scp-image-block {
          margin: auto;
          float: unset;
      }
  }
  

  Pages using this styling

  • scp-8630 [info]

  ¶ 1 occurrence
  

  :root {
  --proposal-logo1: url("http://scp-sandbox-3.wikidot.com/local--files/dr-angells-d-class-and-demons-but-do-it-right-this-time/Department%20of%20Alchemical%20Research");
  --proposal-logo-size: 15rem;
  }

  Pages using this styling

  • scp-8627 [info]

  ¶ 1 occurrence
  

  .headline {
    margin-inline: min(1.25rem, 3vw);
  }
  
  .dyna-email-container {
    width: auto;
  }

  Pages using this styling

  • scp-8627 [info]

  ¶ 1 occurrence
  

  /* Inserting theme elements from Unusual Cargo */
  @import url('https://fonts.googleapis.com/css?family=Caladea|IM+Fell+DW+Pica|IM+Fell+DW+Pica+SC|Tangerine');
  @import url('https://fonts.googleapis.com/css2?family=Lacquer&display=swap');
  
  div.paper {
      background: linear-gradient(rgba(220, 240, 240, 0.3), rgba(240, 240, 220, 0.5)), url("https://scp-wiki.wdfiles.com/local--files/theme:unusual-Cargo/TOAST-PAPER.jpg");
      box-shadow: 4px 6px 8px #a98;
      padding: 1em .5em 1em .5em;
      display: block;
      margin-block-start: 1em;
      margin-block-end: 1em;
      margin-inline-start: 40px;
      margin-inline-end: 40px;
  
  }
  
  .paper h1, .paper h2, .paper h3, .paper h4, .paper h5, .paper h6 {
      font-family:'IM Fell DW Pica', serif;
      font-weight: normal;
      color: black;
   
  }
  
  @media (max-width: 478px) {
      div.paper {
      margin-inline-start: 0px;
      margin-inline-end: 0px;
      margin-block-start: 0em;
      margin-block-end: 0em;
      Margin: .5em 0em .5em 0em;
      }
  }
  

  Pages using this styling

  • scp-8620 [info]

  ¶ 1 occurrence
  

  :root {
      --header-title: "ARCHIVAL DIVISION";
      --header-subtitle: "Archaeologists of the Invisible";
      --sp_header-title-size: clamp(3rem, 1rem + 5vw, 12.5rem);
      --sp_header-subtitle-size: 2rem;
      --font-size: .5em
      --sp_header-height: 10rem;
      --sp_top-bar-height: 1.5rem;
  }

  Pages using this styling

  • scp-8620 [info]

  ¶ 1 occurrence
  

  .hovertip {
      border-style: solid !important;
      border-color: white !important;
      box-shadow: 0 1px 3px rgba(0, 0, 0, .25);
      font-family: monospace;
  }
  .page-rate-widget-box {
      box-shadow: none;
      margin: unset;
      margin-bottom: 4px;
      border-radius: 0;
      padding: 2px;
      background-color: #ffffff;
      border: solid 1px #A2A9B1;
  }
   
  div.page-rate-widget-box .rate-points {
      background-color: #ffffff;
      color: #202122;
      border: solid 1px #ffffff;
      border-radius: 0;
  }
  .page-rate-widget-box .rateup,
  .page-rate-widget-box .ratedown {
      background-color: #ffffff;
      border-top: solid 1px #ffffff;
      border-bottom: solid 1px #ffffff;
  }
   
  .page-rate-widget-box .rateup a,
  .page-rate-widget-box .ratedown a {
      background: transparent;
      color: #202122;
  }
   
  .page-rate-widget-box .rateup a:hover,
  .page-rate-widget-box .ratedown a:hover {
      background: #DDDDFF;
  }
   
  .page-rate-widget-box .cancel {
      background: transparent;
      background-color: #ffffff;
      border: solid 1px #ffffff;
      border-radius: 0;
  }
   
  .page-rate-widget-box .cancel a {
      color: #202122;
  }
  .page-rate-widget-box .cancel a:hover {
      background: #DDDDFF;
      border-radius: 0;
  }

  Pages using this styling

  • scp-8619 [info]

  ¶ 1 occurrence
  

  #page-title{display:none}
  .scp-image-block {
      box-shadow: 0 0 0;
  }
  @media only screen and (max-width: 600px) {
      .scp-image-block.block-right{
          float: none;
          margin: auto;
      }
  }

  Pages using this styling

  • scp-8619 [info]

  ¶ 1 occurrence
  

  .bg-banner2 {
    position: relative;
    z-index: 0;
  }
  
  .bg-banner2::before {
    content: "";
    background-color: #d6c5d1;
    width: calc(100vw - 5px);
    height: 100%;
    position: absolute;
    left: calc(50% - 2.5px);
    transform: translateX(-50%);
    z-index: -1;
  }

  Pages using this styling

  • scp-8608 [info]

  ¶ 1 occurrence
  

  .bg-banner {
    position: relative;
    z-index: 0;
  }
  
  .bg-banner::before {
    content: "";
    background-color: black;
    width: calc(100vw - 5px);
    height: 100%;
    position: absolute;
    left: calc(50% - 2.5px);
    transform: translateX(-50%);
    z-index: -1;
  }

  Pages using this styling

  • scp-8608 [info]

  ¶ 1 occurrence
  

  :root {
      --header-title: "SCP FOUNDATION";
      --cutColour: #fafafa;
      --barColour: #590505;
      --pale-accent: 183, 97, 159;
      --bright-accent: 132, 70, 124;
      --medium-accent: 178, 86, 191;
      --dark-accent: 170, 73, 146;
      --five-color: 170, 73, 146;
      --four-color: 170, 73, 146;
      --three-color: 170, 73, 146;
      --two-color: 170, 73, 146;
      --one-color: 170, 73, 146;
  }

  Pages using this styling

  • scp-8608 [info]

  ¶ 1 occurrence
  

  .sss {
    display: inline-block;
    color: #e064e1ff;
    font-family: "Inter";
    font-weight: 900;
    font-size: 0.9em;
  }

  Pages using this styling

  • scp-8608 [info]

  ¶ 1 occurrence
  

  .him {
    display: inline-block;
    color: green;
    font-family: "Arial";
    font-weight: 900;
    font-style: bold;
    font-size: 1.2em;
  }

  Pages using this styling

  • scp-8608 [info]

  ¶ 1 occurrence
  

  .earthworm--anth24 {
    --anth24-rgb: 100, 100, 100;
  }
  
  [!-- This changes the colour of the Anthology link bar, so long as it is placed after the link bar --]

  Pages using this styling

  • scp-8607 [info]

  ¶ 1 occurrence
  

  @media (max-width: 550px), (min-width: 768px) and (max-width: 850px) {
    .scp-image-block:is(.block-right, .block-left) {
      float: none;
      margin-inline: auto;
    }
  }
  
  [!-- This module is meant to fix the issue with the first two images not shrinking on mobile --]

  Pages using this styling

  • scp-8607 [info]

  ¶ 1 occurrence
  

  .interview-block-lucy {
    border:dashed 1px #999999;
    background:#F5F5F5;
    float:center;
    width:84%;
    padding:1px 15px;
    margin-inline: auto
  }
  
  [!-- This module creates the Interview blocks for Lucy's House --]

  Pages using this styling

  • scp-8607 [info]

  ¶ 1 occurrence
  

  .filled-in {
    background-color: #eee;
    font-family: 'Andale Mono', 'Courier New', Courier, monospace;
    font-size: 102%;
  }
  
  [!-- This module makes anything with the "filled-in" span class monospace and have a light grey background --]

  Pages using this styling

  • scp-8607 [info]

  ¶ 1 occurrence
  

  .scp-image-block {
    box-shadow: 0 1px 6px rgba(0,0,0,.25);
  }
  
  [!-- This module gives each image a small shadow effect --]

  Pages using this styling

  • scp-8607 [info]

  ¶ 1 occurrence
  

  hr {
    height: 0px;
    border-bottom: thin solid #aaa;
  }
  
  [!-- This module fixes the issue that causes lines to come out with different thicknesses --]

  Pages using this styling

  • scp-8607 [info]

  ¶ 1 occurrence
  

  #page-title {
      display: none;
  }
  
  [!-- This module removes the page title --]

  Pages using this styling

  • scp-8607 [info]

  ¶ 1 occurrence
  

  :root {
      --lampeter-manual-mask: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8' standalone='no'%3F%3E%3C!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools --%3E%3Csvg fill='%23000000' width='800px' height='800px' viewBox='0 0 14 14' role='img' focusable='false' aria-hidden='true' version='1.1' id='svg1' sodipodi:docname='book-svgrepo-com-2.svg' inkscape:version='1.3.2 (091e20e, 2023-11-25, custom)' xmlns:inkscape='http://www.inkscape.org/namespaces/inkscape' xmlns:sodipodi='http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd' xmlns='http://www.w3.org/2000/svg' xmlns:svg='http://www.w3.org/2000/svg'%3E%3Csodipodi:namedview id='namedview1' pagecolor='%23ffffff' bordercolor='%23000000' borderopacity='0.25' inkscape:showpageshadow='2' inkscape:pageopacity='0.0' inkscape:pagecheckerboard='0' inkscape:deskcolor='%23d1d1d1' inkscape:zoom='1.46625' inkscape:cx='352.60017' inkscape:cy='410.91219' inkscape:window-width='2560' inkscape:window-height='1369' inkscape:window-x='-8' inkscape:window-y='-8' inkscape:window-maximized='1' inkscape:current-layer='svg1' /%3E%3Cdefs id='defs1' /%3E%3Cpath id='path1' style='stroke:none;stroke-width:0.15336;stroke-dasharray:none' d='M 2.9620801 2.2752051 C 2.9547001 4.4646876 2.9453468 6.6541952 2.9426318 8.8436865 C 2.9468818 8.8482065 5.5882625 9.0357329 6.3008203 10.447534 L 6.3010596 10.447705 C 6.3465935 10.537905 6.3879389 10.611903 6.3933789 10.612178 C 6.4083459 8.5338016 6.4029492 6.4551692 6.4029492 4.376709 C 5.638397 2.5684535 3.5857795 2.3422038 2.9620801 2.2752051 z M 11.039697 2.2752051 C 10.415998 2.3422038 8.3633804 2.5684535 7.5988281 4.376709 C 7.5988281 6.4551692 7.5933953 8.5338016 7.6083643 10.612178 C 7.6138043 10.611903 7.6551496 10.537905 7.7006836 10.447705 L 7.7009229 10.447534 C 8.4134806 9.0357329 11.054946 8.8482065 11.059146 8.8436865 C 11.056426 6.6541952 11.047097 4.4646876 11.039697 2.2752051 z M 1.7931689 3.8885889 C 1.5917905 3.9265147 1.3986309 3.9955621 1.2043555 4.0595898 C 1.2043555 6.5041201 1.1944254 8.9490946 1.2216504 11.393389 C 1.2313504 11.393389 1.3712979 11.362414 1.5330273 11.324414 C 3.0087631 10.997427 4.5412075 11.114526 5.9487012 11.670791 L 5.7675488 11.494902 L 5.767583 11.495791 C 4.4893123 10.254657 2.9146073 9.9876123 2.1976514 9.9876123 C 2.005621 9.9876123 1.8991178 9.9445851 1.8390381 9.8424854 C 1.7938191 9.7654854 1.7933273 9.7323999 1.7932373 6.8268115 L 1.7931689 3.8885889 z M 12.208608 3.8885889 L 12.20854 6.8268115 C 12.20845 9.7323999 12.207956 9.7654854 12.162739 9.8424854 C 12.102659 9.9445846 11.996157 9.9876123 11.804126 9.9876123 C 11.087171 9.9876123 9.5124651 10.254647 8.2341943 11.495791 L 8.2342285 11.494902 L 8.0530762 11.670791 C 9.4605699 11.114526 10.993013 10.997427 12.46875 11.324414 C 12.63048 11.362414 12.770427 11.393389 12.780127 11.393389 C 12.807347 8.9490946 12.797422 6.5041201 12.797422 4.0595898 C 12.603146 3.9955619 12.409987 3.9265144 12.208608 3.8885889 z ' /%3E%3C/svg%3E%0A");
  
      --lampeter-chain-mask: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8' standalone='no'%3F%3E%3C!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools --%3E%3Csvg width='800px' height='800px' viewBox='0 0 48 48' version='1.1' id='svg3' sodipodi:docname='newchain.svg' inkscape:version='1.3.2 (091e20e, 2023-11-25, custom)' xmlns:inkscape='http://www.inkscape.org/namespaces/inkscape' xmlns:sodipodi='http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd' xmlns='http://www.w3.org/2000/svg' xmlns:svg='http://www.w3.org/2000/svg'%3E%3Cdefs id='defs3' /%3E%3Csodipodi:namedview id='namedview3' pagecolor='%23ffffff' bordercolor='%23000000' borderopacity='0.25' inkscape:showpageshadow='2' inkscape:pageopacity='0.0' inkscape:pagecheckerboard='0' inkscape:deskcolor='%23d1d1d1' inkscape:zoom='0.733125' inkscape:cx='275.53282' inkscape:cy='422.16539' inkscape:window-width='2560' inkscape:window-height='1369' inkscape:window-x='-8' inkscape:window-y='-8' inkscape:window-maximized='1' inkscape:current-layer='svg3' /%3E%3Cpath d='M0 0h48v48H0z' fill='none' id='path1' /%3E%3Cg id='g18' transform='matrix(0.82634074,0.81201028,-0.81201028,0.82634074,23.724196,-2.0560846)' style='fill:%23000000'%3E%3Cpath id='path2-5' style='fill:%23000000' d='M -2.9671526 15.073956 C -4.8131508 16.876955 -4.822097 19.808004 -2.9870989 21.623002 L 9.8811892 34.59803 C 11.715188 36.407029 14.701133 36.416011 16.549131 34.616013 L 20.912175 30.356004 C 22.756173 28.551006 22.764172 25.622031 20.932174 23.809033 L 16.813181 19.613739 L 14.219209 22.183715 L 18.329513 26.366558 L 18.337666 26.358547 C 18.535904 27.127308 18.195144 28.108794 17.580085 28.709045 L 14.891126 31.336056 C 13.969127 32.236055 12.477112 32.231005 11.559113 31.324006 L 0.34688516 19.99501 C -0.56911392 19.089011 -0.56313316 17.615932 0.35886591 16.719933 L 3.0498985 14.093011 C 3.7058978 13.456012 4.6479149 13.131981 5.4699141 13.40398 L 9.580147 17.586751 L 12.182736 15.029296 L 8.0638861 10.834004 C 6.227888 9.0230066 3.2398888 9.0139498 1.3958906 10.813948 L -2.9671526 15.073956 z ' /%3E%3Cg id='g3' style='fill:%23000000'%3E%3C/g%3E%3Cg id='g4' style='fill:%23000000'%3E%3C/g%3E%3Cg id='g5' style='fill:%23000000'%3E%3C/g%3E%3Cg id='g6' style='fill:%23000000'%3E%3C/g%3E%3Cg id='g7' style='fill:%23000000'%3E%3C/g%3E%3Cg id='g8' style='fill:%23000000'%3E%3C/g%3E%3Cg id='g9' style='fill:%23000000'%3E%3C/g%3E%3Cg id='g10' style='fill:%23000000'%3E%3C/g%3E%3Cg id='g11' style='fill:%23000000'%3E%3C/g%3E%3Cg id='g12' style='fill:%23000000'%3E%3C/g%3E%3Cg id='g13' style='fill:%23000000'%3E%3C/g%3E%3Cg id='g14' style='fill:%23000000'%3E%3C/g%3E%3Cg id='g15' style='fill:%23000000'%3E%3C/g%3E%3Cg id='g16' style='fill:%23000000'%3E%3C/g%3E%3Cg id='g17' style='fill:%23000000'%3E%3C/g%3E%3C/g%3E%3Cg id='g34' transform='matrix(-0.82634074,0.81201028,0.81201028,0.82634074,24.347267,-1.9503752)' style='fill:%23000000'%3E%3Cpath id='path6' style='fill:%23000000' d='m -2.9671526,15.073956 c -1.8459982,1.802999 -1.8549444,4.734048 -0.019946,6.549046 L 9.8811892,34.59803 c 1.8339988,1.808999 4.8199438,1.817981 6.6679418,0.01798 l 4.363044,-4.260009 c 1.843998,-1.804998 1.851997,-4.733973 0.02,-6.546971 l -4.118993,-4.195294 -2.593972,2.569976 4.110304,4.182843 0.0082,-0.008 c 0.198238,0.768761 -0.142522,1.750247 -0.757581,2.350498 l -2.688959,2.627011 c -0.921999,0.899999 -2.414014,0.894949 -3.332013,-0.01205 L 0.34688516,19.99501 c -0.91599908,-0.905999 -0.91001832,-2.379078 0.0119807,-3.275077 L 3.0498985,14.093011 C 3.7058978,13.456012 4.6479149,13.131981 5.4699141,13.40398 L 9.580147,17.586751 12.182736,15.029296 8.0638861,10.834004 C 6.227888,9.0230066 3.2398888,9.0139498 1.3958906,10.813948 Z' /%3E%3Cg id='g19' style='fill:%23000000'%3E%3C/g%3E%3Cg id='g20' style='fill:%23000000'%3E%3C/g%3E%3Cg id='g21' style='fill:%23000000'%3E%3C/g%3E%3Cg id='g22' style='fill:%23000000'%3E%3C/g%3E%3Cg id='g23' style='fill:%23000000'%3E%3C/g%3E%3Cg id='g24' style='fill:%23000000'%3E%3C/g%3E%3Cg id='g25' style='fill:%23000000'%3E%3C/g%3E%3Cg id='g26' style='fill:%23000000'%3E%3C/g%3E%3Cg id='g27' style='fill:%23000000'%3E%3C/g%3E%3Cg id='g28' style='fill:%23000000'%3E%3C/g%3E%3Cg id='g29' style='fill:%23000000'%3E%3C/g%3E%3Cg id='g30' style='fill:%23000000'%3E%3C/g%3E%3Cg id='g31' style='fill:%23000000'%3E%3C/g%3E%3Cg id='g32' style='fill:%23000000'%3E%3C/g%3E%3Cg id='g33' style='fill:%23000000'%3E%3C/g%3E%3C/g%3E%3Cpath id='rect34' style='stroke-width:1.0544' d='m 14.675148,21.425562 h 18.69684 c 1.110968,0 2.005358,0.89439 2.005358,2.005358 v 1.274195 c 0,1.110968 -0.89439,2.005358 -2.005358,2.005358 h -18.69684 c -1.110968,0 -2.005358,-0.89439 -2.005358,-2.005358 V 23.43092 c 0,-1.110968 0.89439,-2.005358 2.005358,-2.005358 z' /%3E%3C/svg%3E%0A");
  
  #top-bar .open-menu a {
      border: 0.1rem solid rgb(var(--lampeter-gentleneon));
      color: transparent;
  }
  :where(#top-bar .open-menu a)::before {
      content: "";
      position: absolute;
     top: 50%; left: 50%;
      box-sizing: border-box;
      width: 2rem; height: 2rem;
      background-color: rgb(var(--lampeter-gentleneon));
      -webkit-mask-image: var(--lampeter-trainengine-mask);
      -webkit-mask-size: contain;
      -webkit-mask-position: center;
      -webkit-mask-repeat: no-repeat;
      mask-image: var(--lampeter-trainengine-mask);
      mask-size: contain;
      mask-position: center;
      mask-repeat: no-repeat;
      transform: translate(-50%, -42.5%);
  }
  }
  
  div.manual {
      background-color: #1B0A12;
      border: none;
      padding: 0.25rem 1.325rem;
      position: relative;
      min-height: 2rem;
      margin: 1em calc(1em + 1vw);
  }
  
  div.manual strong {
      color: #e5d69d;
  }
  
  :where(div.manual)::before {
      content: "";
      position: absolute;
      top: 0; left: 0;
      box-sizing: border-box;
      width: 100%; height: 100%;
      border: solid 0.1rem #e5d69d;
      clip-path: polygon(100% 0, 100% 100%, 0 100%, 0 1.425rem, 1.425rem 0);
      pointer-events: none;
  }
  
  :where(div.manual)::after {
      content: "";
      position: absolute;
      top: 0; left: 0;
      box-sizing: border-box;
      width: 2rem; height: 2rem;
      background-color: rgb(var(--lampeter-gentleneon));
      -webkit-mask-image: var(--lampeter-manual-mask);
      -webkit-mask-size: contain;
      -webkit-mask-position: center;
      -webkit-mask-repeat: no-repeat;
      mask-image: var(--lampeter-manual-mask);
      mask-size: contain;
      mask-position: center;
      mask-repeat: no-repeat;
      transform: translate(-50%, -42.5%);
  }
  
  div.chain, #toc {
      background-color: rgb(var(--lampeter-velvet));
      border: none;
      padding: calc(1rem + 1vw) calc(1rem + 1vw);
      margin: 1em calc(1em + 1vw);
  }
   
  div.chain {
      position: relative;
      min-height: 2rem;
  }
   
  div.chain strong {
      color: #e5d69d;
  }
   
  :where(div.chain)::before {
      content: "";
      position: absolute;
      top: 0; left: 0;
      box-sizing: border-box;
      width: 100%; height: 100%;
      border: solid 0.1rem rgb(var(--lampeter-gentleneon));
      clip-path: polygon(100% 0, 100% 100%, 0 100%, 0 1.425rem, 1.425rem 0);
      pointer-events: none;
  }
  
  :where(div.chain)::after {
      content: "";
      position: absolute;
      top: 0; left: 0;
      box-sizing: border-box;
      width: 2rem; height: 2rem;
      background-color: rgb(var(--lampeter-gentleneon));
      -webkit-mask-image: var(--lampeter-chain-mask);
      -webkit-mask-size: contain;
      -webkit-mask-position: center;
      -webkit-mask-repeat: no-repeat;
      mask-image: var(--lampeter-chain-mask);
      mask-size: contain;
      mask-position: center;
      mask-repeat: no-repeat;
      transform: translate(-50%, -42.5%);
  }
  
  :where(manual)::after {
      content: "";
      position: absolute;
      top: 0; left: 0;
      box-sizing: border-box;
      width: 2rem; height: 2rem;
      background-color: rgb(var(--lampeter-gentleneon));
      -webkit-mask-image: var(--lampeter-manual-mask);
      -webkit-mask-size: contain;
      -webkit-mask-position: center;
      -webkit-mask-repeat: no-repeat;
      mask-image: var(--lampeter-manual-mask);
      mask-size: contain;
      mask-position: center;
      mask-repeat: no-repeat;
      transform: translate(-50%, -42.5%);
  }
  
  
  .accent {
      color: #E5D69D;
  }
  
  #page-title {
      display: none;
  }
  

  Pages using this styling

  • scp-8605 [info]

  ¶ 1 occurrence
  

  
  .war-report {
      background-color: #f5f5f5;
      border: 2px solid #333;
      padding: 25px 30px;
      margin: 40px 0;
      color: #111;
      font-family: "Courier New", Courier, monospace;
      font-size: 14px;
      line-height: 1.7;
      box-shadow: 0 2px 6px rgba(0,0,0,0.1);
  }
  
  /* Title (first + line) */
  .war-report p:first-of-type {
      font-size: 18px;
      font-weight: bold;
      text-transform: uppercase;
      letter-spacing: 1px;
      margin-bottom: 10px;
      color: #000;
  }
  
  
  .war-report hr {
      border: none;
      border-top: 1px solid #999;
      margin: 15px 0;
  }
  
  
  .war-report p {
      margin: 10px 0;
      text-align: left;
  }
  
  
  .war-report em {
      font-style: italic;
      color: #444;
  }
  
  
  
  
  .collapsible-block-folded .collapsible-block-link {
    display: block;
    width: 500px;
    padding: 1em;
    margin: 1em auto;
    background: linear-gradient(135deg, rgb(230,230,230), rgb(200,200,200));
    border-radius: 12px;
    color: #1a1a1a;
    font-family: 'Segoe UI', sans-serif;
    font-size: 1.1em;
    font-weight: 500;
    text-align: center;
    box-shadow: 0 4px 10px rgba(0,0,0,0.15);
    transition: background 0.4s ease, box-shadow 0.4s ease, transform 0.3s ease, color 0.3s ease;
  }
  
  
  .collapsible-block-folded .collapsible-block-link:hover {
    background: linear-gradient(135deg, rgb(133,0,5), rgb(90,0,10));
    color: #fff;
    transform: scale(1.02);
    box-shadow: 0 8px 20px rgba(133,0,5,0.4);
  }
  
  
  .collapsible-block-unfolded .collapsible-block-link {
    display: none;
  }
  
  :root {
      --fnColor: rgb(51,153,255);
  }
  
  
  .diplomatic-statement {
    position: relative;
    background: #fafafa;
    border-left: 6px solid #555;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
    margin: 2em auto;
    padding: 2em 1.5em;
    max-width: 700px;
    font-family: Georgia, serif;
    color: #333;
  }
  
  
  .diplomatic-statement .statement-logo {
    display: block;
    margin: 0 auto 1em auto;
    width: 100px;
  }
  
  .diplomatic-statement .statement-text {
    font-style: italic;
    line-height: 1.6;
    margin-bottom: 1.5em;
  }
  
  /* Signature aligned right */
  .diplomatic-statement .statement-signature {
    display: block;
    text-align: right;
    font-weight: bold;
    margin-top: 1em;
  }
  
  
  .diplomatic-statement.gradient-accent {
    border-left: none;
    background: #fff;
  }
  
  .diplomatic-statement.gradient-accent:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 5px;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    border-radius: 8px 0 0 8px;
  }
  
  
  .report-statement {
    background: #f9f9f9;
    border: 2px solid #444;
    border-radius: 6px;
    box-shadow: 0 3px 8px rgba(0,0,0,0.1);
    margin: 2em auto;
    max-width: 700px;
    padding: 1.5em 1.8em;
    font-family: "PT Mono", Consolas, "Courier New", monospace;
    color: #222;
  }
  
  
  .report-statement .report-header {
    font-weight: bold;
    font-size: 1.2em;
    margin-bottom: 0.5em;
  }
  
  .report-statement .report-meta {
    font-size: 0.9em;
    color: #555;
    margin-bottom: 1em;
  }
  
  .report-statement hr {
    border: none;
    border-top: 1px dashed #bbb;
    margin: 1em 0;
  }
  
  
  .report-statement .report-body {
    line-height: 1.6;
    margin-bottom: 1em;
  }
  
  .report-statement .report-body ul {
    margin-left: 1.2em;
    list-style-type: disc;
  }
  
  .report-statement .report-body em {
    font-style: italic;
  }
  
  
  .report-statement .fnnum {
    font-size: 0.8em;
    vertical-align: super;
  }
  
  .report-statement .fncon {
    font-size: 0.8em;
    display: block;
    margin-top: 0.3em;
    color: #444;
  }
  
  
  .report-modal {
    background: #eef;
    border-left: 4px solid #446;
    border-radius: 4px;
    max-width: 700px;
    margin: 1em auto 2em auto;
    padding: 1em 1.3em;
    font-family: "PT Mono", Consolas, monospace;
    color: #333;
    font-style: italic;
  }
  
  
  .mission-log {
    background: #f5f5f5;
    border-left: 4px solid #333;
    border-radius: 5px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
    margin: 1.5em auto;
    max-width: 700px;
    padding: 1em 1.3em;
    font-family: "Courier New", Courier, monospace;
    color: #222;
    line-height: 1.5;
  }
  
  
  .mission-log .log-header {
    font-weight: bold;
    font-size: 1.1em;
    margin-bottom: 0.5em;
  }
  
  
  .mission-log ul {
    list-style: none;
    padding-left: 1em;
  }
  
  .mission-log ul li {
    position: relative;
    padding-left: 1em;
    margin-bottom: 0.4em;
  }
  
  .mission-log ul li:before {
    content: "•";
    position: absolute;
    left: 0;
    color: #333;
  }
  
  
  .mission-log em,
  .mission-log strong {
    font-style: normal;
    font-weight: bold;
  }
  
  
  .mission-summary {
    background: #e6f3ff;
    border-left: 4px solid #005f99;
    border-radius: 4px;
    margin: 1em auto;
    max-width: 700px;
    padding: 0.8em 1em;
    font-family: "Courier New", monospace;
    color: #333;
    font-style: italic;
  }
  

  Pages using this styling

  • scp-8603 [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Iceberg&display=swap');
  
  /* --------------- REDTAPE modifications start --------------- */
  :is(blockquote, .blockquote, div.blockquote, [class*="blockquote"]) {
      border-left: 5px rgb(var(--bright-accent)) solid;
      background: rgb(32, 36, 44);
      box-shadow: 1px 1px 4px rgba(var(--medium-accent), 0.5);
  }
  
  blockquote,
  .blockquote,
  div.blockquote,
  [class*="blockquote"] {
      background: rgb(32, 36, 44)!important;
  }
  
  .addendum {
      background: rgb(32, 36, 44);
  }
  
  hr {
      height: 1.5rem;
  }
  /* --------------- REDTAPE modifications end --------------- */
  
  /* --------------- Flopstyle: DARK ports start --------------- */
   .fancyborder {
      padding: .4rem .6rem;
   
       border: 2vw solid;
       border-image: url(https://scp-wiki.wikidot.com/local--files/theme:flopstyle-dark/wl_border.png) 600 round;
       border-image-width: 6;
  }
  
   div.blockquote.lightweight {
      border-left: 0;
      background: rgb(32, 36, 44);
  }
  
  /* --------------- Flopstyle: DARK ports end --------------- */
  
   .image-box{
       background: rgb(32, 36, 44) !important;
       border-color: rgb(255, 191, 31) !important;
  }
  
  .voice{
       font-family: Iceberg, 'Fira Code', sans-serif;
       font-size: 20px;
       color: goldenrod;
  }
  

  Pages using this styling

  • scp-8600 [info]

  ¶ 1 occurrence
  

  html {
      -webkit-filter: grayscale(1); /* Older Webkit */
      -webkit-filter: grayscale(100%);
      -moz-filter: grayscale(100%);
      -ms-filter: grayscale(100%);
      -o-filter: grayscale(100%);
      filter: grayscale(100%);
      background-color: white;
  }

  Pages using this styling

  • scp-8598 [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=PT+Sans&display=swap');
  
  .slide {
      background: #363636;
      width: 90%;
      min-height: 300px;   /* allow at least some baseline size */
      padding: 1px 15px;
      margin: 10px auto;
      font-family: "PT Sans", sans-serif;
      color: #dbdbdb;
      font-size: 120%;
      overflow: hidden; 
      display: block;
  }
  
  .slide .image-right {
      float: right;
      margin-left: 15px;
      max-width: 100%;
      padding-bottom: 5px;
      padding-top: 20px;
  }
  
  @media only screen and (max-width: 440px) {
    .slide {
      font-size: 85%;
      min-height: auto;
    }
  
    .slide .image-right {
      float: none;
      display: block;
      margin: 6px auto 8px;
      padding: 5px;
      text-align: center;
    }
  
    .slide img {
      display: block;
      max-width: 11em;
      height: auto;
    }
  }

  Pages using this styling

  • scp-8597 [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Special+Elite&display=swap');
  
  .interviewmain{
      border:none;
      background:#F5F5F5;
      width:90%;
      padding:1px 15px;
      margin: 10px auto;
  }
  
  .paper{
      border:none;
      background:#f7f7f7;
      width:95%;
      padding:1px 15px;
      margin: 10px auto;
      box-shadow: 1px 1px 4px #5e5e5e82;
  }
  
  .raisa{
      font-family: "Special Elite", system-ui;
      font-size: 120%;
      border-left:solid 5px #514538;
      background:#f8f4c4;
      background-image: 
      linear-gradient(90deg, transparent 45px, #9c7d78 45px, #9c7d78 47px, transparent 47px);
      background-size: 100% 1.2em;
      box-shadow: 1px 1px 4px #5e5e5e82;
      width:80%;
      padding:9px 15px 9px 60px;
      margin: 10px auto;
  }
  
  .noteend{
      border:solid 3px #514538;
      background:#f8f4c4;
      box-shadow: 1px 1px 4px #5e5e5e82;
      padding:5px 10px;
      margin: 10px auto;
  }

  Pages using this styling

  • scp-8596 [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Imbue:opsz,wght@10..100,100..900&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@600&display=swap');
  
  .reviewtop{
      border:none;
      background:#ffbb00;
      width:90%;
      padding:1px 15px;
      margin: 10px auto;
      margin-bottom: -10px;
  }
  
  .review{
      border:none;
      background:#F5F5F5;
      width:90%;
      padding:1px 15px;
      margin: 10px auto;
      font-family: "Cormorant Garamond", serif;
      font-weight: 400;
      font-size: 125%;
  }
  
  span.title {
    font-family: 'Imbue', serif;
    font-size: 400%;
    color:white;
    text-shadow: 1.5px 1.5px black;
  }
  
  .review::first-letter {
    -webkit-initial-letter: 2;
            initial-letter: 2;
    color: #ffbb00;
    font-weight: bold;
    margin-right: .30em;
  }

  Pages using this styling

  • scp-8595 [info]

  ¶ 1 occurrence
  

  :root {
      --logo-image: url("https://nu-scptheme.github.io/Black-Highlighter/img/logo.svg");
  }
  
  .testfile{
      border-left:solid 5px #5A0000;
      background:#9d2424;
      width:90%;
      padding:1px 15px;
      margin: 10px auto;
      box-shadow: 2px 2px 2px #5e5e5e82;
      color: white;
  }
  
  .testvideo{
      background:white;
      width:90%;
      padding:15px 10px;
      margin: 15px 5px;
      color: black;
  }
  

  Pages using this styling

  • scp-8593 [info]

  ¶ 1 occurrence
  

  .reply{
      border-left:solid 5px #137692;
      background:#ffffff;
      box-shadow: 1px 1px 4px #5e5e5e82;
      width:90%;
      padding:1px 15px;
      margin: 10px auto;
  }

  Pages using this styling

  • scp-8592 [info]

  ¶ 1 occurrence
  

  :root {
       --header-title: "Department of Unreality";
       --header-subtitle: "Making the Unreal a ㅤㅤㅤㅤ";
       --lgurl: url('http://scp-wiki.wikidot.com/local--files/unreality-hub/Unreality%20Header%20Logo.svg');
  }
  
  @media only screen and (max-width: 26.5625rem) {
      :root {
          --header-title: "Unreality";
      }
  }
  
  
  .info-container{
  --barColour: #2c2427;
  --linkColour: #FFF;
  }
  
  #page-content hr {
  border-top: none;
  height: .05em;
  background: #454545;
  }
  
  #page-content > .collapsible-block {
      display: block;
      text-align: center;
      padding: .8em;
      background-color: #e3e3e3;
      border-top: 0.125rem dashed #b5b5b5;
      border-bottom: 0.125rem dashed #b5b5b5;
  }
  
  #page-content > .collapsible-block .collapsible-block-content {
      text-align: left;
  }
  
  .interview{
      border:solid 2px #d4d4d4;
      background:#F5F5F5;
      width:90%;
      padding:1px 15px;
      margin: 10px auto;
  }
  
  .file{
      border:none;
      background:#F5F5F5;
      width:90%;
      padding:1px 15px;
      margin: 10px auto;
  }
  
  .addendum{
      border:solid 1px #5e5e5e;
      background:#ffffff;
      width:90%;
      padding:1px 15px;
      margin: 10px auto;
  }
  
  .testfile{
      border:solid 3px #643434;
      background:#f7efef;
      width:90%;
      padding:1px 15px;
      margin: 10px auto;
  }
  
  .testvideo{
      background:#e9d5d5;
      width:90%;
      padding:1px 15px;
      margin: 10px auto;
  }
  
  @media only screen and (max-width: 440px) {
    img {
      max-width: 45%;
      height: auto;
    }
  }
  
  @media only screen and (max-width: 26.5625rem) {
    img {
      max-width: 45%;
      height: auto;
    }
  }
  
  #page-title{display:none}
  

  Pages using this styling

  • scp-8591 [info]

  ¶ 1 occurrence
  

  .info-container{
  --barColour: #018c70;
  --linkColour: #FFF;
  }

  Pages using this styling

  • scp-8575 [info]

  ¶ 1 occurrence
  

  
  [[module CSS]]
  
  .img{
      padding: 15px;
      background: #e9f5f2;
      color: black;
  border:solid 1px black;
  overflow:auto;
  }
  
  .custom-hr {
      height: 5px;
      background-color: #018c70;
      border: none;
      margin-top: 20px;
      margin-bottom: 20px;
  }
  
  .blank {
      height: 2em;
      display: block;
      clear: both;
  }

  Pages using this styling

  • scp-8575 [info]

  ¶ 1 occurrence
  

  :root {
      --top-layer-height-offset: 2em;
  }

  Pages using this styling

  • scp-8572 [info]

  ¶ 1 occurrence
  

  :root{
      --fnColor: #c40233;
      --accentColor: rgb(39, 32, 60);
  
      --basalt-undertone: 196, 2, 51;
      --basalt-bright-element-color: 196, 2, 51;
  }
  #extra-div-1 {
      background: linear-gradient( 180deg, rgb(10, 10, 10) 0%, rgb(0, 0, 0)100%);
  box-shadow: 0px 0px 8px 4px rgb(0 0 0);
  }
  #top-bar {
      left: 30.4rem;
  }
  #top-bar ul li:hover ul li a {
      background-color: #27203C;
  }
  #top-bar a {
      filter: grayscale(0%) saturate(100%);
      -webkit-filter: grayscale(0%) saturate(100%);
  }
  #top-bar ul li:hover a:hover {
      background: #27203C;
  }
  #side-bar {
      background: linear-gradient(
  0deg
   , rgba(10, 10, 10, 1) 87%, var(--accentColor) 100%);
  }
  #side-bar img,
  iframe.scpnet-interwiki-frame {
      background: rgb(39, 32, 60);
      filter: grayscale(0%) saturate(100%);
      -webkit-filter: grayscale(00%) saturate(100%);
  }
  #side-bar .side-block {
      background: rgb(39, 32, 60);
  }
  #side-bar .side-block.media {
       background-color: var(--accentColor) !important;;
  }
  #side-bar .side-block.resources {
      background: rgb(39, 32, 60);
  }
  #side-bar > div.side-block.media img {
      filter: none !important;
      -webkit-filter: none !important;
  }
  ::-webkit-scrollbar-thumb {
      background: var(--accentColor)
  }
  body {
      background-image: url(https://upload.wikimedia.org/wikipedia/commons/thumb/a/a6/SDF_Fractal_Render_10.png/640px-SDF_Fractal_Render_10.png);
      background-attachment: fixed;
      background-size: cover;
  }
  body:before {
    content: ' ';
    position: fixed;
    display: block;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgb(var(--basalt-primary-color)) 35%, rgb(var(--basalt-primary-color)) 60%, rgb(var(--basalt-primary-color)) 75%, rgba(0, 0, 0, 0) 100%);
    z-index: -1;
    color:#EDEDED;
  }
  .widetable :is(table:not(.form), table.wiki-content-table) {
      width: 100% !important;
      margin-top: 1.2rem;
      margin-bottom: 1rem;
  }
  .acstable :is(table:not(.form), table.wiki-content-table) {
      font-size: 0.9em;
  }
  
  }
  :is(span.bigtext, span.bt, span.specialtext, span.st) {
      text-transform: uppercase;
  }
  
  :is(span.specialtext, span.st) {
      text-decoration: underline 2px;
      text-underline-offset: 3px;
  }
  .modal {
      background: rgba(26, 26, 26, 0.616);
  }
  #u-blink-bar p:last-child::after {
      content: "";
      border-right: 1px solid #e4e4e4;
      animation: blink 1.0s infinite;
      position: relative;
      left: 1px;
  }
   
  @keyframes blink{
      to {
          opacity: .0;
      }
  }
  .fncon {
  background: #0c0003;
  }
  .fncon::before {
      background-color: var(--fnColor);
      width:7px;
  }
  .fnnumblock ol li::marker {
      color: rgb(196, 2, 51);
      font-family: var(--ui-font);
      font-weight: bold;
  }
  .fnnum:hover::after {
      color: black;
  }
  
  :is(#page-content table:not(.form), table.wiki-content-table) th {
      font-family: var(--UI-font);
      font-size: 0.95em;
  }
  :is(#page-content table:not(.form), table.wiki-content-table) th :is(div.blockquote, blockquote) {
      padding-block: 1rem;
      background-color: rgb(var(--basalt-primary-color));
      font-family: var(--UI-font);
      font-size: 1.05em;
      font-weight: normal;
      text-align: left;
      word-spacing: 1px;
  }
  :is(#page-content table:not(.form), table.wiki-content-table) td {
      background-color: rgba(0, 0, 0, 0.5);
      padding: 0.6rem 1rem;
  }
  :is(#page-content table:not(.form), table.wiki-content-table) td {
      background-color: unset;
  }
  .bblock:hover {color: #c3c3c3}

  Pages using this styling

  • scp-8569 [info]

  ¶ 1 occurrence
  

  :root{
  --header-title:"TACTICAL THEOLOGY";
  --header-subtitle:"INVENIENT NOVUM NUMEN";
  --lgurl:url("https://scp-wiki.wdfiles.com/local--files/scp-6659/DoTT-White.png") 1px 20px no-repeat
  }
  .line{
  border-top:2px solid #777;border-bottom:1px solid #777;padding:.5px
  }
  .footnotes-footer{display:none}

  Pages using this styling

  • scp-8569 [info]

  ¶ 1 occurrence
  

  body {
  background: linear-gradient(to left, black, #B8B8B8 10%, white 25%, white 75%, #B8B8B8 90%, black 100%);
  }

  Pages using this styling

  • scp-8567 [info]

  ¶ 1 occurrence
  

  
  @import url('https://scp-wiki.wikidot.com/local--files/scp-8980/departuremono.css');
  
  :root {
      --logo: url(https://scp-wiki.wdfiles.com/local--files/scp-8566/urgencelogo.png);
      --header-title: "EMERGENCIES DIVISION";
      --header-subtitle: "SURVIVAL PROTOCOL MAINTAINED";
      --basalt-primary-color: 15, 2, 0;
      --basalt-secondary-color: 22, 1, 0;
      --basalt-tertiary-color: 30, 0, 0;
      --ec-popup-color: 70, 18, 10;
      --basalt-bright-element-color: 184, 22, 16;
      --basalt-dark-element-color: 150, 10, 10;
      --rfr-primary: #E0F6FD;
      --rfr-secondary: lightskyblue;
  }
  
  body {
      background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.8)), url("https://scp-wiki.wdfiles.com/local--files/scp-8566/texture.png");
      background-position: center, center;
      background-size: cover;
      background-attachment: scroll, fixed;
  }
  
  b, strong {
      font-weight: 800;
  }
  
  table {
      box-sizing: border-box;
  }
  
  .content-warning {
      font-size: 85%;
      translate: 0px -5px;
  }
  
  #top-bar div[class*="top-bar"] > ul > li > a {
      font-size: 115%;
  }
  
  .page-title {
      border-bottom: solid 1px #424248;
      font-weight: normal;
      margin: 0 0 0.6em;
      padding: 0 0 0.25em;
      font-size: 200%;
      font-family: var(--title-font);
  }
  
  .page-title p {
      margin: 0;
  }
  
  #breadcrumbs, .pseudocrumbs {
      margin: auto;
      width: fit-content;
      padding-bottom: 5px;
      opacity: 0.8;
  }
  
  #page-content .yui-content div {
      overflow: hidden;
  }
  
  #page-content div:is(.document, .darkdocument) {
      max-width: 50rem;
  }
  
  div:is(.document, .darkdocument)::before, div:is(.document, .darkdocument)::after {
      position: relative !important;
  }
  
  div.blockquote {
      background-color: #0f0f0f;
  }
  
  div.blockquote.light {
      background-color: #2b2b2b;
  }
  
  .red-text {
      color: red;
  }
  
  .licensebox .collapsible-block-link {
      opacity: 0.5;
      transition-duration: 0.3s;
  }
  
  .licensebox .collapsible-block-link:hover {
      opacity: 1;
      transition-duration: 0.3s;
  }
  
  @media (max-width: 430px) {
      :where(#page-content) table {
          width: fit-content;
      }
  }
  

  Pages using this styling

  • scp-8566 [info]

  ¶ 1 occurrence
  

  
  @import url('https://fonts.googleapis.com/css2?family=Silkscreen:wght@400;700&display=swap');
  
  /* "border:solid 3px #19801D; background:#000000; padding:50px; margin-bottom: 10px;" */
  /* thanks fish^12, css is awesome */
  /* ralliston also showed me the preview component :3 */
  
  .ethics {
       border: 10px solid #19801D;
       background-color: #000000;
       padding: 2rem;
       margin-top: 1rem;
       margin-bottom: 1rem;
       font-family: "Silkscreen", sans-serif;
       font-size: 20px;
  }
  
  .h4 {
       font-size: 30px;
  }
  
  .vosser {
        border: 8px double black;
        background-color: #60695F; 
        padding: 2rem;
        margin-bottom: 1rem; 
        font-size: 23px;
  }
  
  .josef {
      border: 8px solid black;
      background-color: #77787E;
      padding: 1rem;
      margin-bottom: 1rem;
      font-size: 23px;
  }
  

  Pages using this styling

  • scp-8560 [info]

  ¶ 1 occurrence
  

  .danke {
      padding: 5px;
      margin-bottom:10px;
      font-family: monospace;
      font-size: 1.1em; 
  }
  
  .agent {
      background-color:#001200;
      border: 3px solid #55AA55;
      color: #77CC77;
  }
  
  .site {
      background-color:#222200;
      border: 3px solid #AAAA55;
      color: #DDDD77;
  }

  Pages using this styling

  • scp-8556 [info]

  ¶ 1 occurrence
  

  a {
      color: rgb(0, 170, 170);
  }
  
  h1 {
      color: #00aaaa;
      font-family: "Microsoft Sans Serif";
  }

  Pages using this styling

  • scp-8556 [info]

  ¶ 1 occurrence
  

  .email-example .collapsible-block-folded a.collapsible-block-link {
      animation: blink 0.8s ease-in-out infinite alternate;
  }
  @keyframes blink {
      0% { color: transparent; }
      50%, 100% { color: #b01; }
  }
  .email {border: solid 2px #000000; width: 88%; padding: 1px 15px; margin: 10px; box-shadow: 0 1px 3px rgba(0,0,0,.5)}
  .email-example a.collapsible-block-link {font-weight: bold;}
  .tofrom {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px maroon}
  
  :root {
      --header-logo: url('https://scp-wiki.wdfiles.com/local--files/art%3Amicrobiology-department-logo/microbiology-department.png');
      --header-title: 'Department of Microbiology';
  }
  
  .orderwrapper {position: relative;width: auto;text-align: center;}.council1 {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-8550/microbiology-department-trans.png" );background-size: 400px 400px;background-repeat: no-repeat;background-position: center;}.ordertitle {position: absolute;left: 0;right: 0;top: 38px;}.ordertitle h1 {font-size: 220%;color: #555;}.orderdescription {position: absolute;left: 0;right: 0;top: 85px;width: 100%;}.orderdescription p {font-size: 90%;color: #555;}.orderdescription h1 {font-size: 120%;color: #555;}.itemno {position: absolute;left: 0;right: 0;bottom: 27px;}.itemno h1 {font-size: 170%;color: #555;}
  
  .page {
      display: block;
      overflow: hidden;
      font-family: "Monotype Corsiva", "Bradley Hand ITC", sans-serif;
      font-style: normal;
      background-attachment: scroll;
      background-clip: border-box;
      background-color: transparent;
      background-image: linear-gradient(to top ,rgb(202, 219, 228) 0%, rgb(231, 233, 220) 8%);
      background-origin: padding-box;
      background-position: 0px 8px;
      background-repeat: repeat;
      background-size: 100% 20px;
      border: 1px solid #CCC;
      border-radius: 10px;
      padding: 10px 10px;
      margin-bottom: 10px;
      box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2)
  }
  .page p,
  .page ul {
      line-height: 20px;
      margin: 0;
  }
  

  Pages using this styling

  • scp-8550 [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Old+Standard+TT&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Special+Elite&display=swap');
  @import url("https://scp-wiki.wikidot.com/local--files/theme:turbo-vision/Mx437_IBM_VGA_8x16.css");
  @import url('https://fonts.googleapis.com/css2?family=Courier+Prime:ital,wght@0,400;0,700;1,400;1,700&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Corben&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Archivo+Black&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=League+Spartan:wght@100..900&display=swap'); /* "League Spartan" */
  @import url('https://fonts.googleapis.com/css2?family=Yesteryear&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=EB+Garamond&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Kalam:wght@300;400;700&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Shadows+Into+Light&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Just+Another+Hand&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Covered+By+Your+Grace&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Charmonman:wght@700&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Uncial+Antiqua&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Eagle+Lake&display=swap');
  
  
  /* Foreword */
  
  .avertissement_8542 {
      border-top: 10px double black; 
      border-right: 10px double black;
      border-left: 10px double black; 
      margin-top:15px; 
      margin-bottom:-65px; 
      height:60px;
  }
  
  .avertissement_texte_8542, .addendum_8542 {
      font-size: 125%; 
      text-align:center;
      font-variant: small-caps; 
      font-family: "Courier Prime", monospace;
      font-weight: bold;
      letter-spacing: 0.2pt;
  }
  
  .avertissement_texte_8542 {
      padding-left:0em; 
      padding-right:0em;
  }
  
  .addendum_8542 {
      margin:40px; 
      border-top: 10px double black; 
      border-bottom: 10px double black; 
  }
  
  .addendum_8542 p {
      line-height: 0; 
  }
  
  .addendum_border_8542 {
      border-top: 5px solid white;
      border-bottom: 5px solid white;
      padding: 14px;
      border-radius: 5px;
  }
  
  /* RAISA */
  
  .bannerANF {
      border: outset 0px lightgrey; 
      width: 100%;
      background-color: #000082; 
      color: white; 
      font-family: "Mx437 IBM VGA 8x16", monospace; 
      letter-spacing: 0.2pt; 
      font-size: 100%; 
      border-bottom: solid 0px black;
  }
  
  .bannerANF_cross {
     display: inline-block; 
     border: outset 2px lightgrey; 
     background-color: lightgrey; 
     color: black; 
     font-weight: bold; 
     height: 11px; 
     line-height: 14px;
  }
  
  .scrollANF {
      overflow-y:hidden;
      overflow-x:hidden;
      overflow-y:scroll;
      height: 860px;
      width: 900px;
  }
  
  .grisANF {
      border: outset 5px lightgrey;
      background-color: #d8d8d8;
      box-shadow: inset 2px 2px black;
      height: 884px;
      width: 900px;
      margin: auto;
  }
  
  .pageANF {
      position: relative;
      display: block;
      border: solid 1px black; 
      width: 830px;
      height: 888px;
      margin: auto;
      background-color: white;
      background-image: url('https://scp-wiki.wdfiles.com/local--files/scp-8542/Papier.png');
      background-repeat:no-repeat;
      background-size: auto 100%;
      font-size: 14px;
  }
  
  
  
  .texteANF {
      padding-top: 2em;
      text-align: justify;
      font-family: 'Special Elite', cursive; 
      letter-spacing: 0.5pt;
      padding-left: 2em;
      padding-right: 2em;
      transform: rotate(-0.1deg);
  }
  
  
  .texteANF p {
     line-height: 22px;
   
  }
  
  @media (max-width: 700px){
  
  .scrollANF {
      height: 845px;
  } 
  
  .pageANF {
      width: 92%;
      height: auto;
  }
  
  .texteANF {
      padding: 2em;
      text-align: initial;
      font-size:15px;
  }
  
  }
  
  .cartel { 
      display: grid; 
      grid-template-columns: 1fr 1fr; 
      grid-gap: 5px; 
      width: 100%; 
  } 
  .cartel-case { 
      margin: 5px; 
      border: 0px solid lightgrey; 
      text-align: center;
      align-items:center;
  }
  
  @media (max-width: 700px){
  
  .cartel { 
      display: grid;
      grid-template-columns: 1fr; 
      grid-column-start: 1;
      grid-column-end: 2;
  } 
  .cartel-case { 
      margin: 0px; 
      display: flex;
  }
  
  }
  
  .demande_8542 {
     background-image: url(https://scp-wiki.wdfiles.com/local--files/scp-8542/Demande_vert.jpg);
     width: 645px;
     position: relative;
     margin-left: 2em;
     margin-right: 2em;
  }
  
  .demande_8542::before {
     content: "";
     position: absolute;
     top: 0;
     left: 0;
     width: 645px;
     height: 100%;
     background-image: url(https://scp-wiki.wdfiles.com/local--files/scp-8542/Vert.png);
     background-repeat: no-repeat;
     background-position: center;
     background-size: contain; 
     z-index: 2; 
     opacity: 0.3;
     filter: grayscale(1) contrast(1);
  }
  
  .demande_8542 .title {
      position: relative;
      margin-top: -0.3em;
      text-align:center;
      font-size: 47px;
      font-family: 'Bebas Neue', sans-serif; 
      text-transform: uppercase; 
      font-smooth: never; 
      filter: blur(0.4px) contrast(180%); 
      color: #111;
  }
  
  .demande_8542 .title p {
     line-height : 47px;
  }
  
  .demande_8542 .number {
      position: absolute;
      top: 160px;
      margin-left: 6em;
      margin-right: 3em;
  }
  
  .demande_8542 .date {
      position: absolute;
      top: 160px;
      margin-left: 19em;
      margin-right: 3em;
  }
  
  .demande_8542 .distrib {
     position: absolute;
     top: 160px;
     margin-left: 30em;
     margin-right: 3em;
  }
  
  .demande_8542 .attach {
      position: absolute;
      top: 220px;
      margin-left: 4em;
      margin-right: 3em;
  }
  
  .demande_8542 .report {
      position: absolute;
      top: 320px;
      margin-left: 2em;
      margin-right: 3em;
  }
  
  .Report_8542 {
      font-family: 'Old Standard TT', serif; 
      filter: contrast(200%); 
      -webkit-font-smoothing: none; 
      font-smooth: never; 
      font-weight: bold; 
  }
  
  .affiche_8542 {
      font-size:35px; 
      text-transform: uppercase; 
      text-align:center; 
      margin-top:-30px; 
      margin-bottom:-30px;
  }
  
  .affiche_8542 p {
      line-height: 35px;
  }
  
  .titre_f3 {
     background-color : white; 
     font-weight: bold;
     font-size: 15px;
     padding: 10px;
     margin: 20px;
  }
  
  .audiovis_txt {
     margin: 0px 30px 0px 30px;
     color : black;
     font-weight: bold;
     font-size: 15px;
  }
  
  .image_corail_8542 {
      background-image:url(https://scp-wiki.wdfiles.com/local--files/scp-8542/quatrieme_couverture.png); 
      width:630px;
  }
  
  .image_corail_2_8542 {
      background-image:url(https://scp-wiki.wdfiles.com/local--files/scp-8542/interieur_livre.png);
      width:630px;
  }
  
  .text_corail_8542 {
      font-family: "Old Standard TT", serif; 
      filter: blur(0.5px) contrast(200%); 
      -webkit-font-smoothing: none; 
      font-smooth: never; 
      font-weight: bold; 
      margin-left:120px;
      margin-right:0px; 
      margin-top:100px;
  }
  
  .text_corail_2_8542 {
      font-family: "Old Standard TT", serif; 
      filter: blur(0.5px) contrast(200%); 
      -webkit-font-smoothing: none; 
      font-smooth: never; 
      font-weight: bold; 
      margin-left:50px;
      margin-right:45px; 
      filter: grayscale(1); 
      margin-top: 10px;
  }
  
  .image_ads_8542 {
      border: 20px double black; 
      width: 630px;
  }
  
  .text_ads_8542 {
      font-family: "League Spartan", sans-serif; 
      font-size:16px; 
      font-weight:bold;
  }
  
  .ads_1_8542 {
      transform: scaleY(0.9); 
      font-family: "Yesteryear", cursive; 
      font-size: 40px; 
      text-align: center; 
      margin-bottom:-120px; 
      color: white
  }
  
  .ads_2_8542 {
      transform: scaleY(0.9); 
      font-family: "Archivo Black", sans-serif; 
      font-size: 27px; 
      text-align: center; 
      margin-top: -80px; 
      margin-bottom: 50px; 
      color: white; 
      font-variant: small-caps; 
  }
  
  .image_board_8542 {
      background-image: url('http://fondationscp.wikidot.com/local--files/scp-547-fr/cardboard.jpg'); 
      background-size: 100% 100%;
  }
  
  .image_pv_8542 {
      background-image: url(http://fondationscp.wdfiles.com/local--files/scp-542-fr/PageA1); 
      width:620px;
  }
  
  .image_pv_2_8542 {
      background-image: url(http://fondationscp.wdfiles.com/local--files/scp-542-fr/PageA2); 
      width:620px;
  }
  
  .image_plan_8542 {
      background-image:url(https://scp-wiki.wdfiles.com/local--files/scp-8542/rearrangement.jpg); 
      width: 670px;
  }
  
  .text_plan_8542 {
      font-family: 'Old Standard TT', serif; 
      filter: blur(0.1px) contrast(200%); 
      -webkit-font-smoothing: none; 
      font-smooth: never; 
      font-weight: bold; 
      margin-left:200px; 
      margin-top:40px;
  }
  
  .title_plan_8542 {
      font-variant: small-caps; 
      text-align: center; 
      font-size: 30px; 
      margin-top: 300px;
  }
  
  .image_plan_2_8542 {
      background-image:url(https://scp-wiki.wdfiles.com/local--files/scp-8542/plan_modif_droite.jpg); 
      width: 670px;
  }
  
  .text_plan_2_8542 {
      font-family: 'Old Standard TT', serif; 
      filter: contrast(200%); 
      -webkit-font-smoothing: none; 
      font-smooth: never; 
      font-weight: bold; 
      margin-left:80px; 
      margin-right:40px;
  }
  
  .top_plan_8542 {
      font-variant: small-caps; 
      text-align:center; 
      margin-bottom:30px;
  }
  
  .down_plan_8542 {
      text-align: right; 
      margin-top: 30px;
  }
  
  .image_report_8542 {
      background-image:url(http://fondationscp.wdfiles.com/local--files/scp-542-fr/PageA1); 
      width:650px; 
      height: 950px;
  }
  
  .image_report_2_8542 {
      background-image:url(http://fondationscp.wdfiles.com/local--files/scp-542-fr/PageA2); 
      width:650px; 
      height: 950px;
  }
  
  .image_wall_8542 {
      background-image: url('https://scp-wiki.wdfiles.com/local--files/scp-8542/mur_text.jpg'); 
      width: 580px; 
      font-family: 'Bebas Neue', sans-serif; 
      font-smooth: never; 
      perspective-origin: center top; 
      font-size: 18px;
  }
  
  .text_wall_8542 {
      transform: perspective(900px) rotateX(-25deg) rotateY(-4deg); 
      transform-origin: center bottom; 
      transform-style: preserve-3d; 
      margin-right: 65px; 
      margin-left:100px;
  }
  
  .space_wall_8542 {
      height:200px;
  }
  
  .image_nom_8542 {
      background-image: url('https://scp-wiki.wdfiles.com/local--files/scp-8542/nomenclature_0.jpg'); 
      width:570px; 
  }
  
  .space_nom_8542 {
      height:130px;
  }
  
  .text_nom_8542 {
      margin-left: 130px; 
      margin-right: 100px; 
      text-align: center; 
      font-family: 'Old Standard TT', serif; 
      font-smooth: never; 
      font-weight: bold;
  }
  
  .image_nom_2_8542 {
      background-image: url('https://scp-wiki.wdfiles.com/local--files/scp-8542/nomenclature_1.png'); 
      width:500px; 
      font-family: 'Old Standard TT', serif; 
      font-size: 15px; 
      font-smooth: never; 
      font-weight: bold;
  }
  
  .text_nom_2_8542 {
      font-family: 'Old Standard TT', serif; 
      font-smooth: never; 
      font-weight: bold; 
  }
  
  .image_journal_8542 {
      background-image: url('https://scp-wiki.wdfiles.com/local--files/scp-8542/journal_1.jpg');
      width:590px;
      background-size: cover; 
  }
  
  .image_journal_2_8542 {
      background-image: url('https://scp-wiki.wdfiles.com/local--files/scp-8542/journal_2.jpg'); 
      width:590px; 
  }
  
  .text_journal_8542 {
      font-family: 'Kalam', cursive; 
      font-size: 15px; 
      font-smooth: never; 
      font-weight: bold; 
      margin:30px; 
      margin-top: 0px;
      transform: rotate(1deg);
  }
  
  .image_god_8542 {
      background-image: url('http://fondationscp.wdfiles.com/local--files/scp-597-fr/Fouille'); 
          width: 640px;
          height: 975px;
      border:none;
  }
  
  .text_god_8542 {
      font-family: "Eagle Lake", serif;
      font-size: 14px; 
      margin:18px;
  }
  
  .space_image_8542 {
      height:200px;
  }
  
  @media (max-width: 700px){
  
  .demande_8542 {
      background-image: url('https://scp-wiki.wdfiles.com/local--files/scp-8542/Demande_mobile.jpg') ;
      background-size: contain;
      margin: 0px;
      height:1700px;
  }
  
  .demande_8542::before {
     background-image: none;
  }
  
  .demande_8542 .title {
      margin-top: -40px;
      font-size: 30px;
      padding: 0px;
  }
  
  .demdemande_8542ande_8542 .title p {
      line-height:30px;
  }
  
  .demande_8542 .number {
      position: relative;
      padding: 0px;
      margin: 0px;
      margin-top: -140px;
      text-align: center;
  }
  
  .demande_8542 .date {
      position: relative;
      padding: 0px;
      margin: 0px;
      margin-top: 60px;
      text-align: center;
  }
  
  .demande_8542 .distrib {
      position: relative;
      padding: 0px;
      margin: 0px;
      margin-top: 50px;
      text-align: center;
  }
  
  .demande_8542 .attach {
      position: relative;
      padding: 0px;
      margin: 0px;
      margin-top: 0px;
  }
  
  .demande_8542 .report {
      position: relative;
      padding: 0px;
      margin: 0px;
      margin-top: 0px;
  }
  
  .image_corail_8542 {
      background-image:url(https://scp-wiki.wdfiles.com/local--files/scp-8542/quatrieme_couverture_mobile.png); 
      width:100%;
  }
  
  .text_corail_8542 {
      margin-left:50px;
      margin-top:50px;
  }
  
  .image_corail_2_8542 {
      background-image:url(https://scp-wiki.wdfiles.com/local--files/scp-8542/interieur_livre_mobile.png);
      width:100%;
  }
  
  .text_corail_2_8542 {
      margin-left:10px;
      margin-right:10px;  
      margin-top: 10px;
      filter: blur(0.5px) contrast(200%); 
      font-weight: bold; 
  }
  
  .ads_1_8542 p, .ads_2_8542 p {
      line-height: 30px;
  }
  
  .ads_2_8542 {
      margin-top: -100px; 
  }
  
  .ads_1_8542 {
      font-size: 30px;
  }
  
  
  .ads_2_8542 {
      font-size: 22px;
  }
  
  .image_ads_8542 {
      border: 20px double black; 
      width: 85%;
  }
  
  .text_ads_8542 {
      margin:-20px;
  
  }
  
  .space_image_8542{
      height:100px;
  }
  
  .image_board_8542 { 
      background-size: 100% 100%;
      height: 400px;
  }
  
  .image_plan_8542 {
      background-image:url(https://scp-wiki.wdfiles.com/local--files/scp-8542/rearrangement_mobile.jpg); 
      width: 100%;
      height:600px;
  }
  
  .text_plan_8542 {
      margin-top:40px;
      margin-left: 20px;
      margin-right:0px;
  }
  
  .title_plan_8542 {
      font-variant: small-caps; 
      text-align: center; 
      font-size: 28px; 
      margin-left: 0px;
      margin-right: 0px;
      margin-top: 100px;
  }
  
  .image_plan_2_8542 {
      background-image:url(https://scp-wiki.wdfiles.com/local--files/scp-8542/plan_modif_droite_mobile.jpg); 
      width: 100%;
      height:1000px;
  }
  
  .text_plan_2_8542 {
      margin-top:40px;
      margin-left: 20px;
      margin-right:0px;
  }
  
  .top_plan_8542 {
      margin-bottom: 0px;
      margin-top: -70px;
      border-bottom: 2px black solid;
      font-size: 15px;
  }
  
  .down_plan_8542 {
      text-align: center; 
      margin-top: 0px;
      border-top: 2px solid black;
  }
  
  .image_report_8542 {
      background-image:url(http://fondationscp.wdfiles.com/local--files/scp-542-fr/PageA1);  
      background-size: contain;
      height: 1900px;
  }
  
  .image_report_2_8542 {
      background-image:url(http://fondationscp.wdfiles.com/local--files/scp-542-fr/PageA2); 
      background-size: contain;
      height: 1900px;
  }
  
  .image_wall_8542 {
      background-image: none; 
      color #b6b6b6; 
      width: 90%; 
      font-family: 'Bebas Neue', sans-serif; 
      font-smooth: never; 
      perspective-origin: none; 
      font-size: 18px;
      border: 10px double black;
  }
  
  .text_wall_8542 { 
      transform: none; 
      transform-origin: none; 
      transform-style: none; 
      margin-right: 10px; 
      margin-left: 10px;
  }
  
  .space_wall_8542 {
      height:0px;
  }
  
  .image_nom_8542 {
      background-image: url('https://scp-wiki.wdfiles.com/local--files/scp-8542/nomenclature_0.jpg');
      background-position: center center;
      background-size: 120% 120%; 
      width:100%; 
      height:900px;
  }
  
  .space_nom_8542 {
      height:70px;
  }
  
  .text_nom_8542 {
      margin-left: 20px; 
      margin-right: 10px; 
  }
  
  .text_journal_8542 {
      font-family: 'Kalam', cursive; 
      font-size: 15px; 
      font-smooth: never; 
      font-weight: bold; 
      margin:0px; 
      margin-right: -20px;
      margin-top: 30px;
      margin-left: 40px;
      transform: rotate(1deg);
  }
  
  .image_god_8542 {
      background-image: url('http://fondationscp.wdfiles.com/local--files/scp-597-fr/Fouille'); 
      width:625px; 
      height: 1600px; 
      border:none;
  }
  
  .text_god_8542 {
      margin:0px;
  }
  
  
  
  
  }
  
  

  Pages using this styling

  • scp-8542 [info]

  ¶ 1 occurrence
  

  :root{
    --base-color: rgb(204, 153, 0);
    --hover-color: rgb(36, 65, 103);
    --click-color: rgb(255, 185, 97);
  }
  .arrows {
    top: 0;
  }

  Pages using this styling

  • scp-8538 [info]

  ¶ 1 occurrence
  

  
  body {
      font-family: "Source Serif 4", serif;
      background: #e7e7e7;
      color: #000000;
      line-height: 1.5rem;
      font-size: 0.95em;
  }
  
  h1 {
      text-align: center;
      font-family: "Quintessential", serif;
  }
  
  h3 {
      text-align: center;
      color: #000084;
      font-family: "Source Serif 4", serif;
  }
  
  
  h4 {
      text-align: center;
      color: #000084;
      font-family: "Source Serif 4", serif;
  }
  
  h5 {
      text-align: right;
      color: #e7e7e7;
  }
  
  
  .grey-box {
      display: inline-block;
      width: 100%;
      padding: 1.2rem;
      margin: auto;
  }
  
  
  div#container-wrap {
      background-image: url('http://scp-sandbox-3.wikidot.com/local--files/katyastrangelovechad/bg');
  }
   
  div#header {
      background-image: url('http://scp-sandbox-3.wikidot.com/local--files/katyastrangelovechad/logo3');
      image-rendering: pixelated;
  }
  
  #header h1 a {
      content: " ";
  }
  
  #header h1 a::before {
  
      content: 'Department of Political Anomalies';
      color: #e7e7e7;
      font-family: "Quintessential", serif;
      text-shadow: 3px 3px 0 rgba(0, 0, 0, 0.8);
  }
  
  #header h1 a span{
      display: block;
      content: "";
      visibility: hidden;
  }
   
  #header h2 span::before {
      content: 'U.S. Electoral Division';
      color: #ededed;
      text-shadow: none;
  }
  
  #top-bar a {
    color: #000084;
  }
  
  #footer a {
    color: #000084;
  }
  
  #footer {
    color: black;
  }
  
  .pictures {
     display: flex;
     width: 100%;
     flex-wrap: wrap;
     flex-direction: row;
     justify-content: center;
  }
  
  .sketch {
    display: flex;
    margin: 0.5em;
    width: 15em;
    aspect-ratio: 1 / 1;
    border: dashed 1.5px #CF0707;
  }
  
  @media (max-width: 500px) {
    #page-title {
      font-size: 0;
    }
  
    #header h1 a::before {
      font-size: 2rem;
      font-family: "Quintessential", serif;
      content: "DoPA";
      margin-bottom: 8px;
      display: block;
    }
  
    .sketch {
      display: flex;
      width: 20em;
      aspect-ratio: 1 / 1;
    }
  }

  Pages using this styling

  • scp-8537 [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Quintessential&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Source+Serif+4:ital,opsz,wght@0,8..60,200..900;1,8..60,200..900&display=swap');
  
  #page-title {display: none;}
  
  
  #main-content {
       max-width: 48rem;
  }
  
  .quintessential-regular {
    font-family: "Quintessential", serif;
    font-weight: 400;
    font-style: normal;
  }
  .source-serif-4 {
    font-family: "Source Serif 4", serif;
    font-optical-sizing: auto;
    font-style: normal;
  }

  Pages using this styling

  • scp-8537 [info]

  ¶ 1 occurrence
  

  .baseHeading {
      background-color: var(--darkerColor) !important;
  }
  
  .confidentialSpan a{
     color: #FDFDFD !important
  }
  
  .componentHeading {
     background: #505052 !important
  }
  
  .numberHeading {
    background: orange !important;
    color: black !important;
  }
  
  .euclid #u-classImageHeading-euclid {
    background: orange !important
  }
  
  #page-content .collapsible-block-folded .collapsible-block-link::before {
      content: " "
  }
   
  #page-content .collapsible-block-folded .collapsible-block-link::after {
      content: " "
  }
   
  #page-content .collapsible-block-unfolded .collapsible-block-link::before {
      content: " "
  }
   
  #page-content .collapsible-block-unfolded .collapsible-block-link::after {
      content: " "
  }
  
   @media (max-width: 767px) {
       .confidentialHeading {
             display:none;
        }
  }
  

  Pages using this styling

  • scp-8530 [info]

  ¶ 1 occurrence
  

  table.wiki-content-table tr > td {
        min-width: 40%;
      }

  Pages using this styling

  • scp-8526 [info]

  ¶ 1 occurrence
  

  
  .blink{
     animation: blink 1s infinite;
     animation-fill-mode: forwards;
     display: inline;
     }
  
  
  @keyframes blink {
     0% { opacity: 0 }
     100% { opacity: 1 }
     }
  

  Pages using this styling

  • scp-8525 [info]

  ¶ 1 occurrence
  

  
  /* *** DIVS *** */
  
  .foundation.raisa {
  
      background: #f2f2c2 url('https://scp-wiki.wdfiles.com/local--files/theme%3Aredtape/raisa_trans.png') center center no-repeat;
  
      background-size: 20rem;
  
      text-align: center;
  
      border: 2px solid #000000;
  
      padding: 2px 10px;
  
      max-width: 550px;
  
      margin: 0 auto;
  
  }
  

  Pages using this styling

  • scp-8524 [info]

  ¶ 1 occurrence
  

  
  .email-example .collapsible-block-folded a.collapsible-block-link {
  
      animation: blink 0.8s ease-in-out infinite alternate;
  
  }
  
  @keyframes blink {
  
      0% { color: transparent; }
  
      50%, 100% { color: #b01; }
  
  }
  
  .email {border: solid 2px #000000; width: 88%; padding: 1px 15px; margin: 10px; box-shadow: 0 1px 3px rgba(0,0,0,.5)}
  
  .email-example a.collapsible-block-link {font-weight: bold;}
  
  .tofrom {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px blue}
  

  Pages using this styling

  • scp-8524 [info]

  ¶ 1 occurrence
  

  
  @import url('https://fonts.googleapis.com/css2?family=Courier+Prime&display=swap');
  

  Pages using this styling

  • scp-8524 [info]

  ¶ 1 occurrence
  

  :root {
    --header-title: "THE FOUNDATION";
    --header-subtitle: "SECURE. CONTAIN. PROTECT.";
    --accentColor: #FFFFFF;
  #page-content a {
    color: #bfc7e0;
  }
  .danger-diamond a {
      color: rgba(0, 0, 0, 0) !important;
  }
  ::selection{
      background: #1EB5E8;
  }
  }

  Pages using this styling

  • scp-8520 [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Crafty+Girls&display=swap');
  
  .hand {
    font-family: 'Crafty Girls', cursive;
    color: #002;
  }

  Pages using this styling

  • scp-8519 [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Amatic+SC:wght@400');
  @import url('https://fonts.googleapis.com/css2?family=Caveat:wght@400');
  @import url('https://fonts.googleapis.com/css2?family=Gloria+Hallelujah:wght@400');
  @import url('https://fonts.googleapis.com/css2?family=Handlee:wght@400');
  @import url('https://fonts.googleapis.com/css2?family=Indie+Flower:wght@400');
  @import url('https://fonts.googleapis.com/css2?family=Permanent+Marker:wght@400');
  @import url('https://fonts.googleapis.com/css2?family=Shadows+Into+Light:wght@400');
  
  #page-title{
      font-family: 'Handlee', serif !important;
  }

  Pages using this styling

  • scp-8510 [info]

  ¶ 1 occurrence
  

  :root {
  --cutColour: #fafafa;
  --barColour: #590505;
  --timeScale: 1;
  --timeDelay: 1s;
  --accentColor: 160, 44, 44;
  --dark-gray-monochrome: 55, 55, 55;
  --black-monochrome: 26, 26, 26;
  }
  
  @import url("https://use.typekit.net/tqr1skr.css");
  @import url('https://fonts.googleapis.com/css?family=Playfair+Display:700|Poppins:400,600&display=swap');
  @import url('https://fonts.googleapis.com/css?family=PT+Mono&display=swap');
  
  .parawatch blockquote {
      background:  #1a1a1a;
      border-width: 2px;
      border-style: solid;
      border-color: #262626;
      color: #f2f2f2;
      font-family: 'PT Mono', monospace;
  }
  
  .parawatch a {
      color: #6F9;
      font-weight: bold;
  }
  
  /* NEWSPAPER, slight modification of Pitchfork CSS by Lt Flops */
  .newspaper-header{
      line-height: 38.1px;
      font-size: 300%;
      font-family: 'Playfair Display', serif;
      font-weight: 700;
  }

  Pages using this styling

  • scp-8507 [info]

  ¶ 1 occurrence
  

  
  .popup-container .collapsible-block-unfolded {
  position: absolute;
  background-color: white;
  border: 3px solid black;
  transform: translate(-50%, 0%);
    border-width: 2px;
    border-left-color: #999;
    border-style: solid;
    border-top-color: #aaaaaa;
    border-right-color: #666666;
    border-bottom-color: #333333;
  }
  
  .popup-container .collapsible-block-folded {
  display: none !important;
  }
  
  .popup-container {
  height: 0;
  position: relative;
  margin-left: 50%;
  }
  
  .popup-container .collapsible-block-unfolded-link {
    text-align: right;
    background: #3366ff;
  }
  
  
  .popup-container .collapsible-block-unfolded-link a {
    font-weight: bold;
    color: white;
    margin: 3px;
  }
  .popup-container .collapsible-block-content {
    padding: 10px;
  }
  
  

  Pages using this styling

  • scp-8504 [info]

  ¶ 1 occurrence
  

  /* Tweaks to Y2K theme */
  .scp-image-block img {image-reeeeeendering: auto !important;}
  #header h2 span::before {content: 'One day I’ll find you' !important;}
  body blockquote, body div.blockquote {background-color: #D0D0D0 !important;}
  body {font-family: Tahoma, Verdana, sans-serif !important; font-size: 14px;}
  body strong {font-weight: 900;}
  a {text-decoration: underline;}
  a.footnoteref {text-decoration: none;}
  .footnote-footer {text-decoration: none;}
  .okok-supplement h3 {font-size: 18px;}
  .collapsible-block-link {font-size: 18px;}
  .collapsible-block-folded {margin: .6em 0;}
  .collapsible-block-unfolded-link {margin: .6em 0;}
  
  div#extra-div-1 {
      height: 140px;
      width: 100%;
      top: 0;
      position: absolute;
      background: url("http://scp-sandbox-3.wikidot.com/local--files/one-day-i-ll-find-you/header5");
      background-position: 20% 20%;
  
  }
  
  div#header{
      background-image: url('http://scp-sandbox-3.wikidot.com/local--files/one-day-i-ll-find-you/Miley3');
      background-size: 6rem;
  }
  
  
  h1 {
      color: #8A6CCD;
  }
  div#header h1 a span {
      font-size: 0px;
  }
  div#header h1 a:before {
      content: "Hi Sam!";
        font-weight: bold;
      color: #e775eb;
      padding: 19px 0;
      text-shadow: 1px 1px 1px rgba(0, 0, 0, .8);
      white-space: pre;
  }
  
   
  #page-title, h1 {
      color: hsl(327, 86%, 73%)
  }
   
  #page-title {
      border-bottom-color: hsl(327, 86%, 73%);
  }
  
  
  .scp-image-block {margin-top: 1em !important;}
  
  tt
  {
    position: relative;
    display: inline-block;
    background: black;
    color: white;
    border: 1px solid #444;
    font-weight: bold;
    padding: 0 2px;
    text-transform: uppercase;
    cursor: help;
  }
  tt:hover:after
  {
    display: block;
    position: absolute;
    top: 1.2em;
    left: -8em;
    right: -8em;
    margin-left: auto; margin-right: auto;
    content: 'ERRNO 2: PROCEDURE FILE MISSING';
    text-align: center;
    background: red;
    color: black;
    z-index: 1;
  }
  
  .ok-terminal-wrap
  {
    position: relative;
    font-family: monospace;
    line-height: 1em;
    font-size: 10pt;
    height: 0;
    width: 100%;
    margin-left: 4em; margin-right: 4em;
    padding: 0;
    animation: 12s vanishes forwards;
    -webkit-animation: 12s vanishes forwards;
  }
  .ok-terminal
  {
  }
  .ok-terminal-inner
  {
    position: relative;
    color: #CCC;
    background: 103010;
    background: linear-gradient(180deg, blue 0 16px, #103010 16px 100%);
    padding: 22px 1em 1em .5em;
    margin: 4em auto auto 0;
    display: block;
    width: 40em;
    height: 20em;
    border: 2px solid;
    border-color: white grey grey white;
  }
  .ok-terminal-inner strong:before
  {
    display: block;
    position: absolute;
    background: blue;
    width: auto;
    height: 16px;
    font-size: 14px;
    position: absolute;
    top: 2px;
    left: 2px; right: 2px;
    padding: 2px 32px 2px 32px;
    text-decoration: none;
  }
  .ok-terminal p
  {
    padding: 0; margin: 0;
    animation: printlines 3s steps(3, end) 1s 1 normal both;
    -webkit-animation: printlines 3s steps(3, end) 1s 1 normal both;
    line-height: 1.2em;
    height: 2.4em;
    overflow: hidden;
  }
  
  .blinking {
    animation: 1s blink steps(2, start) infinite;
    -webkit-animation: 1s blink steps(2, start) infinite;
  }
  
  @keyframes printlines {from { height: 2.4em; } to { height: 6em; }}
  @-webkit-keyframes printlines {from { height: 2.4em; } to { height: 6em; }}
  
  @keyframes "vanishes" {to {visibility: hidden; height: 0; overflow: hide;}}
  @-webkit-keyframes "vanishes" {to {visibility: hidden; height: 0; overflow: hide;}}
  
  @keyframes "blink" {to {visibility: hidden;}}
  @-webkit-keyframes "blink" {to {visibility: hidden;}}
  
  @keyframes appear {
    from { opacity: 0; }
    99%  { opacity: 0; }
    to   { opacity: 1; }
  }
  @-webkit-keyframes appear {
    from { opacity: 0; }
    99%  { opacity: 0; }
    to   { opacity: 1; }
  }
  @keyframes bootup {
    from { visibility: hidden; }
    1%  { visibility: visible; }
    99%  { visibility: visible; }
    to   { visibility: hidden; }
  }
  @-webkit-keyframes bootup {
    from { visibility: hidden; }
    1%  { visibility: visible; }
    99%  { visibility: visible; }
    to   { visibility: hidden; }
  }
  @keyframes loadblock {
    from { max-height: 0; visibility: hidden; overflow: hidden; }
    1%  { max-height: 10em; visibility: visible; overflow: hidden; }
    to   { max-height: 1000em; visibility: visible; overflow: visible; }
  }
  @-webkit-keyframes loadblock {
    from { max-height: 0; visibility: hidden; overflow: hidden; }
    1%  { max-height: 10em; visibility: visible; overflow: hidden; }
    to   { max-height: 1000em; visibility: visible; overflow: visible; }
  }
  
  .loadblock {
    overflow: hidden;
    overflow-x: visible;
    display: block;
    animation: 5s loadblock steps(20,end) 10s 1 normal both;
    -webkit-animation: 5s loadblock steps(20,end) 10s 1 normal both;
  }
  
  .eg-section td {text-align: center;}
  .eg-section h2 {text-align: center;}
  .eg-suff {font-family: Arial; font-size: 150%;}
  .eg-big {font-weight: bold; font-family: Arial; font-size: 150%; color: darkred;}
  .eg-huge {font-weight: bold; font-family: Arial; font-size: 200%; color: darkred;}
  
  .ok .collapsible-block {position: sticky; top: 8px;}
  .ok .collapsible-block-content {margin: 0;}
  .ok .collapsible-block-folded
  {
      display: none !important;
  }
  .ok .collapsible-block-unfolded
  {
      animation: appear 2s steps(2);
      -webkit-animation: appear 2s steps(2);
      top: -64px;
      left: 50%; right: 50%;
      background: #D0D0D0;
      border: 2px solid;
      border-color: white grey grey white;
      padding: 1.5em 1em 2.5em 1em;
      margin-left: -200px; margin-right: -200px;
      position: absolute;
      box-shadow: 5px 5px 20px rgba(0,0,0,.2);
  }
  .ok .collapsible-block-unfolded strong
  {
    display: block;
    background: pink;
    color: white;
    width: auto;
    height: 16px;
    font-size: 14px;
    position: absolute;
    top: 2px;
    left: 2px; right: 2px;
    padding: 2px 32px 2px 32px;
    text-decoration: none;
  }
  .ok .collapsible-block-unfolded strong:before
  {
    display: block;
    position: absolute;
    left: 2px;
    top: 2px;
    content: '好'; color: red;
    font-weight: bold; font-family: Courier New;
    font-size: 13px;
    text-align: center;
    line-height: 18px;
    width: 15px;
    height: 15px;
    border-radius: 8px;
    border: 0px solid red;
    background: white;
  }
  .olympia-logo-OLD
  {
    /*content: 'XO'; color: red;
    font-family: Courier New;
    font-size: 10px;
    line-height: 1.2em;
    text-align: center;
    display: block;
    position: absolute;
    border: 3px solid red;
    background: white;
    border-radius: 20px;
    border-bottom-left-radius: 0;*/
  }
  .ok .collapsible-block-unfolded-link
  {
    margin: 0; padding: 0;
  }
  .ok .collapsible-block-unfolded-link a
  {
      display: inline-block;
      background: #D0D0D0;
      border: 2px solid;
      border-color: white grey grey white;
      position: absolute;
      bottom: 10px; left: 50%; right: 50%;
      margin-left: -40px;
      margin-right: -40px;
      text-align: center;
      padding: .25em;
      content: "OK";
    text-decoration: none;
    color: black;
      font-size: 14px;
  }
  .ok .collapsible-block-unfolded-link a:active
  {
    border-color: grey white white grey;
    text-decoration: none;
    color: black;
  }
  .okok-supplement
  {
      border: 2px inset #999;
      padding: 0 1em;
      margin: 1em 0;
      background-color: #fafafa;
  }
  .okok-exploration
  {
      border: 2px inset #999;
      padding: 0 1em;
      margin: 1em 0;
      background-color: #fafafa;
  }
  .okok-supplement table
  {
      margin-top: 1.4em !important;
      margin-bottom: 1.4em !important;
  }
  .okok-supplement p
  {
      margin-top: 1.4em;
      margin-bottom: 1.4em;
  }
  .okok-exploration p
  {
      margin-top: 1.4em;
      margin-bottom: 1.4em;
      line-height: 1.6em;
  }
  .okok-note
  {
      border: 1px outset #da8;
      border-radius: 2px;
      padding: 3em;
      margin: 2em 0;
      min-height: 780px;
    background-color: #f8f5de;
    background-image: linear-gradient(to right, rgba(255,210,0,0.4), rgba(200, 160, 0, 0.1) 11%, rgba(0,0,0,0) 35%, rgba(200, 160, 0, 0.1) 65%);
    box-shadow: inset 0 0 75px rgba(255,210,0,0.2), inset 0 0 20px rgba(255,210,0,0.3), inset 0 0 30px rgba(220,120,0,0.5);
    color: rgba(0,0,0,0.5);
    letter-spacing: 0.05em;
    line-height: 1.8;
  font-family: monospace; font-size: 15px; text-shadow: 1px 1px 1px #ffc, -1px -1px 2px #edd; color: #081861;
  }
  
  .ok .collapsible-block-unfolded strong:before
  {
  background: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg fill='%23fff' version='1.1' viewBox='0 0 328.3 328.3' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m236.79 27.648c-29.599 0-55.91 14.057-72.638 35.854-16.727-21.797-43.039-35.854-72.638-35.854-50.54 0-91.511 40.971-91.511 91.512 0 113.25 164.15 181.49 164.15 181.49s164.15-67.216 164.15-181.49c1e-3 -50.541-40.971-91.512-91.511-91.512z'/%3E%3C/svg%3E%0A");
  content: "";
  }

  Pages using this styling

  • scp-8504 [info]

  ¶ 1 occurrence
  

  div#header
  {
    background-image: url('https://scp-wiki.wdfiles.com/local--files/scp-8500/y2klogo.png') !important;
    image-rendering: pixelated;
  }
  div#container-wrap
  {
    background-image: url('https://scp-wiki.wdfiles.com/local--files/scp-8500/header.png') !important;
  }
  #header h2 span::before
  {
    content: 'Secure. Contain. Protect.'!important;
  }

  Pages using this styling

  • scp-8500 [info]

  ¶ 1 occurrence
  

  
  .fnnum:hover::after { color: rgb(43, 34, 34); }
   
  .fncon {
      background: rgb(43, 34, 34);
      border: .125rem solid rgb(211, 166, 71);
  }
   
  .fncon::before {
      color: rgb(43, 34, 34);
  }
  
  div.anom-bar-container {
    --five-color: 223, 169, 32;   /*  red  */
    --four-color: 223, 169, 32;   /*  orange  */
    --three-color: 223, 169, 32;   /*  yellow  */
    --two-color: 223, 169, 32;   /*  blue  */
    --one-color: 223, 169, 32;   /*  green  */
  }
  
  .authorlink-wrapper > a::before {
      content: unset!important;
      color: rgb(var(--swatch-tertiary-color, 187,187,187));
      display: inline-block;
      margin-right: 0.25em;
  }
  

  Pages using this styling

  • scp-8499 [info]

  ¶ 1 occurrence
  

  .page-rate-widget-box {
      margin-right: 0px;
  }

  Pages using this styling

  • scp-8494 [info]

  ¶ 1 occurrence
  

  /* dynamic emails - responsive modifications by croquembouche
  to be removed when dynamic emails is updated with improved responsivity */
  
  .header-box {
    background-image: url("http://scp-sandbox-3.wikidot.com/local--files/tiamat-elsen/WhiteLogo.png");
    background-size: 75px 75px;
    background-position: right 20px top 20px;
    background-repeat: no-repeat;
  }
  
  .from-box {
    font-weight: bold;
    display: block;
    text-align: right;
    font-weight: 700;
    margin-bottom: 0px;
    margin-top: 5px;
  }
  .from-name-box {
    color: #b01;
    display: block;
    text-align: left;
    margin-top: 5px;
    margin-bottom: 0px;
  }
  :is(.from-name-box, .to-name-box) span { word-break: break-word; }
  
  .dyna-email {
    container-type: inline-size;
  }
  .dyna-email > .header-box {
    grid-template-areas:
      "from from-name"
      "to to-name"
      "cc cc-text"
      "subject subject-text";
    grid-template-rows: unset;
    align-items: start;
    align-content: center;
    column-gap: 1ch;
    padding-top: 20px;
    padding-inline: 0.5rem;
     margin-bottom: 10px;
  }
  @container (max-width: 450px) {
    .dyna-email > .header-box {
      grid-template-areas:
        "from" "from-name"
        "to" "to-name"
        "cc" "cc-text"
        "subject" "subject-text";
      grid-template-columns: 1fr;
    }
    .from-box, .to-box, .cc-box, .subject-box { text-align: left; }
  }
  .dyna-email .header-box * { margin-inline: 0; }
  .dyna-email .from-box { grid-area: from; }
  .dyna-email .from-name-box { grid-area: from-name; }
  .dyna-email .to-box { grid-area: to; }
  .dyna-email .to-name-box { grid-area: to-name; }
  .dyna-email .cc-box { grid-area: cc; }
  .dyna-email .cc-text-box { grid-area: cc-text; }
  .dyna-email .subject-box { grid-area: subject; }
  .dyna-email .subject-text-box { grid-area: subject-text; }
  
  .content-box > hr{
     background-color: white;
  }
  
  .footer-box > .bottom-left-box{
     border-left: 2px solid white;
  }

  Pages using this styling

  • scp-8492 [info]

  ¶ 1 occurrence
  

  .turbo-block.bg-green,
  .turbo-block.bg-green::after,
  .turbo-block.bg-green .heading p {
    background: #285a25;
  }
  

  Pages using this styling

  • scp-8483 [info]

  ¶ 1 occurrence
  

  :root {
      --timeScale: 2;
      --timeDelay: 0.5s;
  }
  
  div.modalbox {
      background: linear-gradient(#a6a4a4 56px, #e9e9e9 51px, #fefefe);
  }
  
  .top-left-box > .item{
      display: inline;
  }
  
  .image-container {
      padding-left: 0em;
      padding-right: 0em;
  }
  
  #page-content :is(h1,h2,h3,h4,h5,h6) {
      color: #ffffff;
  }
  

  Pages using this styling

  • scp-8478 [info]

  ¶ 1 occurrence
  

  /*
   * This is an uglified version of http://topia.wikidot.com/local--files/the-siege-of-site-19/SiegeOfSite19.scss
   */
  
  @import url("https://fonts.googleapis.com/css2?family=PT+Serif&display=swap");@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Mono&display=swap");table{border-collapse:collapse}table th,table td{border:1px solid #050505;padding:5px 10px}table th{background-color:#acabab}div.system-message{margin:10px;margin-top:20px;padding:10px;background-color:#ececec;border:2px dashed #050505}div.system-message::before{content:"AIC System Message";position:relative;top:-1.5em;left:-1.5em;border:2px solid #050505;color:#050505;background-color:#fff071;font-family:"PT Serif",serif;padding:1px 3px;border-radius:3px;font-weight:bold;letter-spacing:2px}div.replies{margin:10px;margin-top:20px;padding:10px;border:2px solid #050505;border-radius:10px;background-color:#c1f1ff}div.replies::before{content:"Replies";position:relative;top:-1.5em;left:45%;border:2px solid #050505;color:#f3f3f3;background-color:#140077;font-family:"PT Serif",serif;padding:1px 3px;border-radius:3px;font-weight:bold;letter-spacing:2px}div.calvin-reply{margin:10px;margin-top:20px;padding:10px;border:1px solid #050505;background-color:#e8fcff;padding-top:-2em}div.calvin-reply::before{content:"Researcher Calvin";position:relative;top:-1.5em;left:-1.5em;border:2px solid #050505;color:#050505;background-color:#009f1e;font-family:"PT Serif",serif;padding:1px 3px;border-radius:3px;font-weight:bold;letter-spacing:2px}div.gregory-reply{margin:10px;margin-top:20px;padding:10px;border:1px solid #050505;background-color:#e8fcff;padding-top:-2em}div.gregory-reply::before{content:"Dr. Gregory";position:relative;top:-1.5em;left:-1.5em;border:2px solid #050505;color:#f3f3f3;background-color:#4a0179;font-family:"PT Serif",serif;padding:1px 3px;border-radius:3px;font-weight:bold;letter-spacing:2px}div.deneal-reply{margin:10px;margin-top:20px;padding:10px;border:1px solid #050505;background-color:#e8fcff;padding-top:-2em}div.deneal-reply::before{content:"Dr. DeNeal";position:relative;top:-1.5em;left:-1.5em;border:2px solid #050505;color:#050505;background-color:#00ffd2;font-family:"PT Serif",serif;padding:1px 3px;border-radius:3px;font-weight:bold;letter-spacing:2px}div.irc-log{margin:10px;margin-top:20px;padding:10px;border:3px solid #2ef300;background-color:#424242;border-radius:15px;font-family:"IBM Plex Mono",monospace;color:#2ef300}div.irc-log td{border:1px solid #2ef300;font-weight:bold}div.irc-log p{line-height:200%}div.irc-log span.userred{font-weight:bold;letter-spacing:1px;background-color:#ffabab;color:#050505;padding-left:2px;border:1px solid #ffabab;margin-right:.25em}div.irc-log span.userblue{font-weight:bold;letter-spacing:1px;background-color:#abcdff;color:#050505;padding-left:2px;border:1px solid #abcdff;margin-right:.25em}div.irc-log span.usergray{font-weight:bold;letter-spacing:1px;background-color:#e7e7e7;color:#050505;padding-left:2px;border:1px solid #e7e7e7;margin-right:.25em}div.irc-log span.userpink{font-weight:bold;letter-spacing:1px;background-color:#ffd6ff;color:#050505;padding-left:2px;border:1px solid #ffd6ff;margin-right:.25em}div.irc-log span.useryellow{font-weight:bold;letter-spacing:1px;background-color:#fffcb2;color:#050505;padding-left:2px;border:1px solid #fffcb2;margin-right:.25em}div.irc-log span.userorange{font-weight:bold;letter-spacing:1px;background-color:#ffe3b1;color:#050505;padding-left:2px;border:1px solid #ffe3b1;margin-right:.25em}div.irc-log span.usergreen{font-weight:bold;letter-spacing:1px;background-color:#afffb1;color:#050505;padding-left:2px;border:1px solid #afffb1;margin-right:.25em}div.irc-log span.userpurple{font-weight:bold;letter-spacing:1px;background-color:#d792ff;color:#050505;padding-left:2px;border:1px solid #d792ff;margin-right:.25em}div.irc-log::before{content:"Staff IRC Log";position:relative;top:-1.5em;left:-1.5em;border:2px solid #050505;color:#050505;background-color:#5effa6;font-family:"PT Serif",serif;padding:1px 3px;border-radius:3px;font-weight:bold;letter-spacing:2px}
  
  div.after-action-report{margin:10px;margin-top:20px;padding:10px;border:2px solid #050505;background-color:#eee;border-radius:3px}div.after-action-report::before{content:"After-Action Report";position:relative;top:-1.5em;left:-1.5em;border:2px solid #050505;color:#050505;background-color:#cbcdff;font-family:"PT Serif",serif;padding:1px 3px;border-radius:3px;font-weight:bold;letter-spacing:2px}
  
  div.video-log{background-color:#f2f2f2;margin:36pt;padding:3%;text-align:left;border-top:1px solid #050505}div.video-log::before{content:"Video Footage Transcript";position:relative;top:-2.4em;left:-2.4em;border:2px solid #050505;color:#050505;background-color:#c2f2d2;font-family:"PT Serif",serif;padding:1px 3px;border-radius:3px;font-weight:bold;letter-spacing:2px}
  
  /* css end */

  Pages using this styling

  • scp-8477 [info]

  ¶ 1 occurrence
  

  :root {
      --header-title: "Bowe Commission";
      --header-subtitle: "Spearheading Contemporary Parasecurity";
          --logo-image: url("https://scp-sandbox-3.wdfiles.com/local--files/collab%3Ascp-935-rewrite/BoweComission_normlsize.png");
      --modal-fader-background-color: 0, 0, 0;
  }
  
  .scp-image-block {
      color: rgb(0,0,0);
  }
  
  
  
  #page-content div.modal {
      max-width: 57rem;
  }
  
  div.modal {
      display: block;
      margin-inline: auto;
      margin-block: 1.4rem;
      padding-inline: 1.5rem;
      padding-block: 0.5rem;
      background-color: rgb(252, 252, 252);
      border: solid 0.2rem rgb(220, 220, 220);
      color: rgb(var(--basalt-main-text-color));
  }
  
  #page-content div.smallmodal {
      max-width: 47rem;
  }
  
  div.smallmodal {
      display: block;
      margin-inline: auto;
      margin-block: 1.4rem;
      padding-inline: 1rem;
      padding-block: 0.2rem;
      background-color: rgb(252, 252, 252);
      border: solid 0.15rem rgb(220, 220, 220);
      color: rgb(var(--basalt-main-text-color));
  }
  
  

  Pages using this styling

  • scp-8477 [info]

  ¶ 1 occurrence
  

  
  div#breadcrumbs {
       display: none;
  }
  
  .lite-heading.meta-title p{
       border-bottom: 0;
  }
  
  .meta-title p{
       color: var(--textColorAlt);
  }
  .primer {
       --accentColor: #CC9233;
       --fnColor: #CC9233;
       --accentColorLite: #CC9233;
  }
  
  .autumn {
       --accentColor: #CC6833;
       --fnColor: #CC6833;
       --accentColorLite: #CC6833;
  }
  
  .winter {
       --accentColor: #3384CC;
       --fnColor: #3384CC;
       --accentColorLite: #3384CC;
  }
  
  .spring {
       --accentColor: #89CC77;
       --fnColor: #89CC77;
       --accentColorLite: #89CC77;
  }
  

  Pages using this styling

  • scp-8471 [info]

  ¶ 1 occurrence
  

  .flashing-text .collapsible-block-folded a.collapsible-block-link {
      animation: blink 0.8s ease-in-out infinite alternate;
  }
  @keyframes blink {
      0% { color: transparent; }
      50%, 100% { color: #b01; }
  }
  .email {border: solid 2px #000000; width: 88%; padding: 1px 15px; margin: 10px; box-shadow: 0 1px 3px rgba(0,0,0,.5)}
  .email-example a.collapsible-block-link {font-weight: bold;}
  .tofrom {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px maroon}

  Pages using this styling

  • scp-8469 [info]

  ¶ 1 occurrence
  

  .tabQuote {
      padding: 0.5em;
      background-color: var(--darker-color);
      border: 3px solid var(--accent-color);
      border-top-left-radius: 20px;
      border-top-right-radius: 20px;
      border-bottom-left-radius: 10px;
      border-bottom-right-radius: 0px;
  }
  
  /* Earthworm + minimalist BHL compatibility */
  .earthworm--anth24 a {
    padding: 0 !important;
    margin: 0 !important;
  }

  Pages using this styling

  • scp-8465 [info]

  ¶ 1 occurrence
  

  
  .update, .mail, .revision {
  border: 1px solid #0008;
  margin: 100px 0px;
  padding: 0px 20px;
  }
  
  .revision {
  background-color: #efe;
  }
  
  .update {
  background-color: #ffc;
  }
  
  .mail {
  background-color: #f2f2f2;
  }
  
  .red.red {
  background-color: #fee;
  }
  
  blockquote {
  background-color: none;
  background: none;
  border: none;
  padding: 0;
  margin: 0;
  border-left: 1px solid #888;
  padding-left: 10px;
  }
  
  .date-header {
  font-size: 150%;
  text-align: center;
  text-decoration: underline;
  }
  

  Pages using this styling

  • scp-8447 [info]

  ¶ 1 occurrence
  

  :root {
  
      --header-logo: url('https://scp-wiki.wdfiles.com/local--files/dinodraws-author-page/departmentofgeology%20darkmode.png');
   --title: "Geological Research Site-898";
    --subtitle: "'Til the Dead Canary Sings";
  
    --basalt-bright-element-color: 130, 56, 161;
  --basalt-dark-element-color: 130, 56, 161;
  
      --space-body-bg: url(https://scp-wiki.wdfiles.com/local--files/scp-8446/backgroundattempt3.jpg);
  body {
      background-image: var(--space-body-bg);
      background-size: 100%;
      background-attachment: fixed;
  
    background-size: cover;
    background-position: center;
  
  @media only screen and (max-width: 1200px){
  #content-wrap{
  background-image:none;
  }
  #content-wrap:before{
  content:"";
  display:block;
  position:fixed;
  left:0;
  top:0;
  width:100vw;
  height:100vh;
  background-size:cover;
  background:url("https://scp-wiki.wdfiles.com/local--files/scp-8446/mobilebackground.png") no-repeat 65% 20% !important;
  z-index:-1;
  }
  
  }
  }
  

  Pages using this styling

  • scp-8446 [info]

  ¶ 1 occurrence
  

  :root {
      --timeDelay: 0.5s;
  }
  
  a.collapsible-block-link:not(.licensebox a.collapsible-block-link) {
      font-weight: 600;
      color: white;
      padding-top: 4px;
      padding-bottom: 4px;
      padding-left: 7px;
      padding-right: 9px;
      background: rgb(20, 20, 20);
      border-radius: 6px;
      margin-top: 10px;
      margin-bottom: 10px;
  }
  
  #page-content .normal a {
     color: #000000;
     background-color: initial;
     filter: initial;
     transition: background-color 0.15s linear;
  }
  #page-content .normal a:hover {
      color: #EE4B2B;
      background-color: var(--accentColor);
  }
  
  @import url('https://fonts.googleapis.com/css?family=Pangolin&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Covered+By+Your+Grace&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Gugi&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Schoolbell&display=swap');
  
  :root {
   
  }
  .ad_memo>p:nth-child(1)::before {
      content: "DEPARTMENT OF POLITICAL SCIENCE REPORT\00000a";
      font-family: 'Work Sans', sans-serif;
      font-weight: 900;
      font-size: 130%;
      text-align: center;
      margin-bottom: 1rem;
      padding-bottom: 0.3rem;
      border-bottom: dotted 0.13rem darkslategrey;
      max-width: 49rem;
      margin-left: auto;
      margin-right: auto;
      display: flex;
      flex-direction: column;
      align-content: stretch;
      align-items: center;
  }
  .ad_memo {
      background: url(https://scp-wiki.wdfiles.com/local--files/scp-7000/ADtransparent.png) #F4DFDF;
      background-size: 400px;
      background-position: center;
      background-repeat: no-repeat;
      box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
      width: 90%;
      min-height: 4rem;
      margin-left: auto;
      margin-right: auto;
      padding: 10px 20px 20px 20px;
      word-break: break-word;
  }
  .overwatch_memo {
      background: #EBEBEB;
      background-size: contain;
      background-position: center;
      background-repeat: no-repeat;
      box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
      width: 90%;
      margin-left: auto;
      margin-right: auto;
      padding: 10px 30px 20px 20px;
      word-break: break-word;
  }
  .classic {
      display: block;
      font-family: 'Pangolin';
      font-size: 1.3em;
      background-attachment: scroll;
      background-clip: border-box;
      background-color: transparent;
      background-image: linear-gradient(to top ,rgb(202, 219, 228) 0%, rgb(231, 233, 220) 8%);
      background-origin: padding-box;
      background-position: 0px 8px;
      background-repeat: repeat;
      background-size: 100% 20px;
      border: 1px solid #CCC;
      border-radius: 10px;
      padding: 10px 10px;
      margin-bottom: 10px;
      box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2)
      }
  .classic ul {
      list-style: symbols;
  }
  
  .cyberpunk {
      background-color: #212121;
      border-top: 0.2rem solid red;
      border-bottom: 0.2rem solid red;
      border-radius: 5% 13%;
      color: #FF3300;
      padding: 0.5rem 1rem;
      margin: 1em auto;
      width: auto;
      font-family: 'Gugi', cursive;
      font-size: 1em;
  }
  
  .kiddo {
      background-image: linear-gradient(to top ,rgb(177, 156, 217) 0%, rgb(255, 209, 220) 8%);
      font-family: 'Schoolbell', cursive;
      font-size: 1.1em;
      border-radius: 2%;
  
  }
  
  .wartime {
     background: url(http://scptestwiki.wdfiles.com/local--files/conyurt3/paper.png);
     font-family: 'Covered By Your Grace', cursive;
     box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
     font-size: 1.2rem;
     padding: 0.6rem;
     margin: 0.7em auto;
  }
  
  .nobody {
      width: 70%;
      margin: 1rem auto;
      text-align: center;
      padding: 0.6rem;
      font-size: 1rem;
  }

  Pages using this styling

  • scp-8443 [info]

  ¶ 1 occurrence
  

  :root {
    --header-title: "SCP Foundation";
    --header-subtitle: "Secure - Contain - Protect";
    --accentColor: #ffdeff;
  }
  
  #page-title { display: none; }
  
  .email-example .collapsible-block-folded a.collapsible-block-link {
      animation: blink 0.8s ease-in-out infinite alternate;
  }
  @keyframes blink {
      0% { color: transparent; }
      50%, 100% { color: #b01; }
  }
  .email {border: solid 2px #000000; width: 88%; padding: 1px 15px; margin: 10px; box-shadow: 0 1px 3px rgba(0,0,0,.5)}
  .email-example a.collapsible-block-link {font-weight: bold;}
  .tofrom {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px maroon}
  
  .danke {
      padding: 5px;
      margin-bottom:10px;
      font-family: monospace;
      font-size: 1.1em;
  }
  
  .agent {
      background-color:#060620;
      border: 3px solid #02334c;
      color: #77ccbb;
  }
  
  .file {
      border-width: 3px;
      border-style: solid hidden solid hidden;
      border-color: #ffdeff;
      color: #ffdeff;
      font-size: 1.3em;
  }
  
  .file-two {
      font-size: 0.9em;
  }
  
  .site {
      background-color:#060620;
      border: 3px solid #02334c;
      color: #9efff5;
  }

  Pages using this styling

  • scp-8438 [info]

  ¶ 1 occurrence
  

  :root {
   --timeDelay: 0.5s;
   --problem: 255, 109, 0;
   --grey: 136, 136, 136;
   --head-font: Lexend;
   --page-font-size: 0.9rem;
   --header-subtitle: "SECURE | CONTAIN | PROTECT";
  }
  
  .dossier {border: 3px double #888888; margin: 1em; padding: 1em;}
  .dosshead {color: #99bbff;}
  .fncon {color: #000000;}
  .hand {font-family: Kalam;}
  .jhand {font-family: Handlee;}
  .housescript strong {color: #55cc33;}
  .nohs strong {color: #ffffff;}
  .notation strong {color: #99bbff;}
  .sd {color: #cccccc; font-style: italic}
  
  @media (max-width: 767px) {
      .blockquote, div.blockquote, blockquote, .jotting, .modal, .notation, .dossier {
          margin: 1em;
          padding: 1em;
      }
      .vwi div {
          width: 100%;
      }
  }
  
  @media (min-width: 768px) {
      .vwi div {
          width: 80%;
      }
  }
  

  Pages using this styling

  • scp-8435 [info]

  ¶ 1 occurrence
  

  @import url("https://fonts.googleapis.com/css2?family=Kalam:wght@400&display=swap");
  @import url('https://fonts.googleapis.com/css2?family=Handlee&display=swap');

  Pages using this styling

  • scp-8435 [info]

  ¶ 1 occurrence
  

  @import url('https://scp-wiki.wikidot.com/local--files/scp-8980/departuremono.css');
  
  :root {
    --fade-in: none;
  }
  
  .fncon {
      background:green;
      right: -5em !important;
  }
  
  .header-box > .top-right-box {
      filter: invert(1);
  }
  
  .footer-box > .bottom-left-box {
      border-left: 2px solid var(--off-white);
  }
  
  /* ACCESSIBILITY */
  
  .accessibilityToggle {
      text-align: center;
      display: inline-block;
      height: 100%;
      width: 50%;
      padding: 0 0.2em;
      background: var(--accent-color);
      border: 2px solid var(--lighter-color);
  }
  
  .cbMode {
      font-family: 'Departure Mono';
      padding: 0.5em;
      background: var(--darker-color);
      border: 3px solid var(--accent-color);
      width: 45%;
      font-size: 95%;
      margin: 0em 0.4em 1em 0.5em;
      text-align: left;
      display: inline-flex;
      justify-content: space-between;
      align-items: center;
  }
  
  .cbMode .collapsible-block {
      display:inline-block;
  }
  
  .cbMode .collapsible-block .collapsible-block-folded a {
      color: var(--lighter-color) !important;
      font-size: 120%;
  }
  
  .cbMode .collapsible-block .collapsible-block-unfolded a {
      color: initial;
      font-size: 120%;
  }
  
  .cbMode:has(.collapsible-block-unfolded[style="display: none;"]), .cbMode:has(.collapsible-block-unfolded[style="display:none"]) {
      border: 2px solid var(--lighter-color) !important;
      filter: contrast(0.7);
  }
  
  .cbMode:has(.collapsible-block-unfolded[style="display: none;"]) .accessibilityToggle, .cbMode:has(.collapsible-block-unfolded[style="display:none"]) .accessibilityToggle {
      background: var(--darker-color);
  }
  
  .srMode {
      font-family: 'Departure Mono';
      padding: 0.5em 1em;
      background: var(--darker-color);
      border: 3px solid var(--accent-color);
      width: 45%;
      font-size: 95%;
      margin: 0em 0em 1em 0em;
      text-align: left;
      display:inline-flex;
      justify-content: space-between;
      align-items: center;
  }
  
  .srMode .collapsible-block {
      display:inline-block;
  }
  
  .srMode .collapsible-block .collapsible-block-folded a {
      color: var(--lighter-color) !important;
      font-size: 120%;
  }
  
  .srMode .collapsible-block .collapsible-block-unfolded a {
      color: initial;
      font-size: 120%;
  }
  
  .srMode:has(.collapsible-block-unfolded[style="display: none;"]), .srMode:has(.collapsible-block-unfolded[style="display:none"]) {
      border: 2px solid var(--lighter-color) !important;
      filter: contrast(0.7);
  }
  
  .srMode:has(.collapsible-block-unfolded[style="display: none;"]) .accessibilityToggle, .srMode:has(.collapsible-block-unfolded[style="display:none"]) .accessibilityToggle {
      background: var(--darker-color);
  }
  
  .srPre {
  
  }
  
  @media (max-width: 750px) {
      .cbMode, .srMode {
          width: 80%;
          margin: 0em auto 1em auto !important;
          display:flex;
  }
  }
  
  .randMod:has(.srMode .collapsible-block-unfolded[style="display: none;"]) .srPre, .randMod:has(.srMode .collapsible-block-unfolded[style="display:none"]) .srPre {
      display: none !important;
  }
  
  .randMod:has(.cbMode .collapsible-block-unfolded[style="display: none;"]) :is(.ontoTip.ontoProb, .ontoTip.ontoUncertain, .ontoTip.ontoImprob, .ontoTip.ontoRand)::after, .randMod:has(.cbMode .collapsible-block-unfolded[style="display:none"]) :is(.ontoTip.ontoProb, .ontoTip.ontoUncertain, .ontoTip.ontoImprob, .ontoTip.ontoRand)::after {
      display: none !important;
  }
  
  .randMod:has(.cbMode .collapsible-block-unfolded[style="display: none;"]) :is(.ontoTip.ontoProb, .ontoTip.ontoUncertain, .ontoTip.ontoImprob, .ontoTip.ontoRand), .randMod:has(.cbMode .collapsible-block-unfolded[style="display:none"]) :is(.ontoTip.ontoProb, .ontoTip.ontoUncertain, .ontoTip.ontoImprob, .ontoTip.ontoRand) {
      outline: 2.5px solid transparent !important;
      text-decoration: underline 2px transparent !important;
  }
  
  .ontoTip {
      position: relative;
  }
  
  .ontoTip.ontoProb {
      background: none;
      outline: 2.5px solid transparent;
      color: cyan;
      text-decoration: underline 1px solid cyan;
  }
  
  .ontoTip.ontoProb:hover {
      outline: 2.5px solid cyan;
      z-index: 1;
  }
  
  .ontoTip.ontoProb::after {
      visibility: hidden;
  }
  
  .ontoTip.ontoProb:hover::after {
      text-align: center;
      content:"PROBABLE";
      position: absolute;
      font-size: 1.3em;
      background: var(--darker-color);
      border: 2px solid cyan;
      top: 100%;
      left: 50%;
      transform: translateX(-50%);
      padding: 0 0.3em;
      visibility: visible;
  }
  
  .ontoTip.ontoUncertain {
      background: none;
      outline: 2.5px solid transparent;
      color: #faf279;
      text-decoration: underline 2px dashed #faf279;
  }
  
  .ontoTip.ontoUncertain:hover {
      outline: 2.5px solid #faf279;
      z-index: 1;
  }
  
  .ontoTip.ontoUncertain::after {
      visibility: hidden;
  }
  
  .ontoTip.ontoUncertain:hover::after {
      text-align: center;
      content:"UNCERTAIN";
      position: absolute;
      font-size: 1.3em;
      background: var(--darker-color);
      border: 2px solid #faf279;
      top: 100%;
      left: 50%;
      transform: translateX(-50%);
      padding: 0 0.3em;
      visibility: visible;
  }
  
  .ontoTip.ontoImprob {
      background: none;
      outline: 2.5px solid transparent;
      color: salmon;
      text-decoration: underline 3px dotted salmon;
  }
  
  .ontoTip.ontoImprob:hover {
      outline: 2.5px solid salmon;
      z-index: 1;
  }
  
  .ontoTip.ontoImprob::after {
      visibility: hidden;
  }
  
  .ontoTip.ontoImprob:hover::after {
      text-align: center;
      content:"IMPROBABLE";
      position: absolute;
      font-size: 1.3em;
      background: var(--darker-color);
      border: 2px solid salmon;
      top: 100%;
      left: 50%;
      transform: translateX(-50%);
      padding: 0 0.3em;
      visibility: visible;
  }
  
  .ontoTip.ontoRand {
      background: none;
      outline: 2.5px solid transparent;
      color: violet;
      text-decoration: underline 1px wavy violet;
  }
  
  .ontoTip.ontoRand:hover {
      outline: 2.5px solid violet;
      z-index: 1;
  }
  
  .ontoTip.ontoRand::after {
      visibility: hidden;
  }
  
  .ontoTip.ontoRand:hover::after {
      text-align: center;
      content:"UNPREDICTABLE";
      position: absolute;
      font-size: 1.3em;
      background: var(--darker-color);
      border: 2px solid violet;
      top: 100%;
      left: 50%;
      transform: translateX(-50%);
      padding: 0 0.3em;
      visibility: visible;
  }
  
  .ontoTip.span:is(A,B,C,D,E,F,G,H,I,J) {
      font-size: 15em !important;
  }
  
  .dyna-email {
      background-color: var(--darkest-color);
  }
  
  /* SYST PRINTOUT UI */
  .syst {
      width: 100%;
      box-sizing: border-box;
      background-color: #1B111B;
      border: 5px solid var(--lighter-color);
      font-family: 'Departure Mono';
      padding: 10px;
      font-size: 90%;
  }
  
  .systInner {
      background-color: rgba(25, 25, 25, 0.6);
      border: 1px solid black;
      padding: 0.5em 1.5em;
  }
  
  .systTitle {
      font-family: 'Departure Mono';
      font-size: 2rem;
      padding: 0;
      margin: auto;
  }
  
  :is(.syst) > p {
      margin: auto;
  }
  
  @media (max-width: 733px) {
      .systTitle {
          font-size: 7vw;
      }
  }
  
  .forSale{
      color: transparent;
      cursor: url(https://scp-wiki.wdfiles.com/local--files/scp-8426/pointer_edit.png), default;    
  }
  
  /* Randomized Information */
  
  .randMod {
      padding-block-end: .001rem;
  }
  
  
  .randMod div[id] { display: none; }
  
  div:is(.imgH, .imgI, .imgJ) {
      display: none;
  }
  
  span:is(.A, .B, .C, .D, .E, .F, .G, .H, .I, .J) {
      color: violet;
      display: none;
  }
  
  .end td span:is(.A, .B, .C, .D, .E, .F, .G, .H, .I, .J) {
      color: inherit;
  }
  
  .randMod div:is([id$='0']) ~ p span.A, .randMod div:is([id$='0']) ~ .blockquote table.wiki-content-table tbody tr td span.A, .randMod div:is([id$='0']) ~.blockquote span.A, .randMod div:is([id$='0']) ~ .end table.wiki-content-table tbody tr td span.A {
      display: inline;
  }
  
  .randMod div:is([id$='1']) ~ p span.B, .randMod div:is([id$='1']) ~ .blockquote table.wiki-content-table tbody tr td span.B, .randMod div:is([id$='1']) ~.blockquote span.B, .randMod div:is([id$='1']) ~ .end table.wiki-content-table tbody tr td span.B {
      display: inline;
  }
  
  .randMod div:is([id$='2']) ~ p span.C, .randMod div:is([id$='2']) ~ .blockquote table.wiki-content-table tbody tr td span.C, .randMod div:is([id$='2']) ~.blockquote span.C, .randMod div:is([id$='2']) ~ .end table.wiki-content-table tbody tr td span.C {
      display: inline;
  }
  
  .randMod div:is([id$='3']) ~ p span.D, .randMod div:is([id$='3']) ~ .blockquote table.wiki-content-table tbody tr td span.D, .randMod div:is([id$='3']) ~.blockquote span.D, .randMod div:is([id$='3']) ~ .end table.wiki-content-table tbody tr td span.D {
      display: inline;
  }
  
  .randMod div:is([id$='4']) ~ p span.E, .randMod div:is([id$='4']) ~ .blockquote table.wiki-content-table tbody tr td span.E, .randMod div:is([id$='4']) ~.blockquote span.E, .randMod div:is([id$='4']) ~ .end table.wiki-content-table tbody tr td span.E {
      display: inline;
  }
  
  .randMod div:is([id$='5']) ~ p span.F, .randMod div:is([id$='5']) ~ .blockquote table.wiki-content-table tbody tr td span.F, .randMod div:is([id$='5']) ~.blockquote span.F, .randMod div:is([id$='5']) ~ .end table.wiki-content-table tbody tr td span.F  {
      display: inline;
  }
  
  .randMod div:is([id$='6']) ~ p span.G, .randMod div:is([id$='6']) ~ .blockquote table.wiki-content-table tbody tr td span.G, .randMod div:is([id$='6']) ~.blockquote span.G, .randMod div:is([id$='6']) ~ .end table.wiki-content-table tbody tr td span.G {
      display: inline;
  }
  
  .randMod div:is([id$='7']) ~ p span.H, .randMod div:is([id$='7']) ~ .blockquote table.wiki-content-table tbody tr td span.H, .randMod div:is([id$='7']) ~.blockquote span.H, .randMod div:is([id$='7']) ~ .end table.wiki-content-table tbody tr td span.H {
      display: inline;
  }
  
  .randMod div:is([id$='8']) ~ p span.I, .randMod div:is([id$='8']) ~ .blockquote table.wiki-content-table tbody tr td span.I, .randMod div:is([id$='8']) ~ .blockquote span.I, .randMod div:is([id$='8']) ~ .end table.wiki-content-table tbody tr td span.I {
      display: inline;
  }
  
  .randMod div:is([id$='9']) ~ p span.J, .randMod div:is([id$='9']) ~ .blockquote table.wiki-content-table tbody tr td span.J, .randMod div:is([id$='9']) ~.blockquote span.J, .randMod div:is([id$='9']) ~ .end table.wiki-content-table tbody tr td span.J {
      display: inline;
  }
  
  .randMod div:is([id$='7']) ~ div.imgH {
      display: block;
  }
  
  .randMod div:is([id$='8']) ~ div.imgI {
      display: block;
  }
  
  .randMod div:is([id$='9']) ~ div.imgJ {
      display: block;
  }
  
  .queerbox_large {
      border-radius: 20px;
      margin: 0.5em auto 1em auto;
      width:95%;
  }
  
  @media (min-width: 450px) and (max-width: 750px) {
      .wiki-content-table {
          font-size:90%;
  }
  }
  
  @media (max-width: 449px) {
      .wiki-content-table {
          font-size: 80%;    
  }
  }
  
  @media only screen and (max-width: 600px) {
      .scp-image-block.block-right {
          width: 90% !important;
      }
      .pre {
          display:none !important;
  }
  }
  
  @media only screen and (max-width: 750px) {
      .scp-image-block.block-left {
          width: 40% !important;
  }
  }
  
  @media only screen and (min-width: 600px) {
      .post {
          display: none !important;
  }
  }
  
  /* Info for Accessibility Modes */
  
  #page-content .randMod .creditRate {
      margin-right: -2em;
      margin-top: 1em;
      font-size: 1.5em;
  }
  
  .randMod .creditButtonStandalone p a {
      background: var(--off-white);
      box-shadow: 0 0 3px var(--accent-color);
      width: 1.4em;
      height: 1.4em;
  }
  
  .randMod .creditButtonStandalone p a:hover {
      background: var(--accent-color);
  }
  
  .randMod .modalbox {
      background: var(--darkest-color);
      border: solid 2px var(--brighter-white);
  }
  
  #page-content .randMod .modalbox a {
      color: var(--off-white);
  }
  
  #page-content .modalcontainer {
      top: -5vh;
  }
  
  #page-content .modalbox hr {
      margin: 0.5em 2em;
  }
  
  #page-content .modalbox .credit {
      height: 40vh;
      font-size: 0.8em;
  }
  
  @media only screen and (max-width: 800px) {
  
  #page-content .randMod .creditRate {
      display: flex;
      margin: 0em auto 10px auto;
      justify-content: center;
      float: none;
  }
  
  }
  

  Pages using this styling

  • scp-8426 [info]

  ¶ 1 occurrence
  

  :root {
      --swatch-menubg-black-color: 0, 0, 0;
      --basalt-UI-dark-palette: 20, 94, 20;
      --basalt-bright-element-color: 18, 194, 18;
      --basalt-primary-color: 3, 15, 3;
      --basalt-secondary-color: 1, 8, 1;
      --basalt-tertiary-color: 45, 75, 45;
      --general-border-color: 1, 4, 1;
      --basalt-undertone: 48, 128, 48;
      --header-title:"PHARMACOKINETICS DIVISION";
      --header-subtitle:"BETTER LIVING THROUGH CHEMISTRY";
      --header-logo:url("https://scp-wiki.wdfiles.com/local--files/scp-3335/pharma.png");
      --backdrop:url("https://scp-wiki.wdfiles.com/local--files/scp-8419/ground.png");
      --mtitle:"PHARMACOKINETICS";
      --hr-color: 48, 128, 48;
      --scrollbar-track-color: 2, 12, 2;
  }
  div:is(.oheader) hr {
  --hr-color:var(--active-color);
  }
  
  body {
      background-attachment: fixed;
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
  }
  
  @media (max-width: 600px) {
  :root {
      --header-title: var(--mtitle);
  }
  }
  

  Pages using this styling

  • scp-8419 [info]

  ¶ 1 occurrence
  

  .footnotes-footer {
    display: none;
  }
  
  .top-center-box > div {
    background-color: rgb(205, 205, 209) !important;
  }
  
  .email {border: solid 2px #b1b1b5; width: 88%; padding: 1px 15px; margin: 10px; box-shadow: 0 1px 3px rgba(0,0,0,.5)}
  .tofrom {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px #cdcdd1}
  div.image-bg {filter: invert(1);}
  
  span.ins{
    position: relative;
    display: inline-block;
    transform: translate(0,2px) skew(0deg);
    color: #ccbdbd;
  }
  
  span.ins::after {
    content: attr(data-hover);
    position: absolute;
    left: 0;
    top: 0;
    white-space: nowrap;
    opacity: 0;
    transition: opacity 0.2s;
    color: rgb(205, 205, 209);
    transform: none;
  }
  
  span.ins:hover {
    color: transparent;
    transform: none;
  }
  
  span.ins:hover::after {
    opacity: 1;
  }

  Pages using this styling

  • scp-8406 [info]

  ¶ 1 occurrence
  

  .mobileHeaderWidth {display: none;}
  .desktopHeaderWidth {display: initial;}
  
  /* bg color compensation for legibility */
  
  #page-info { color: #fff; }
  #footer a {color: #fff;}
  #action-area {color: #fff;}
  #lock-info {background-color: #5E4545;}
  .page-options-bottom a { color: #ff4959; }
  
  /* Fades out the desired text (SCP name) */
  
  #u-inviz {     animation-name: fadeOut;
      animation-duration: 900s;
      animation-iteration-count: 1;
      animation-timing-function: linear;
      animation-fill-mode: forwards; }
  
  @keyframes fadeOut {
    from {
      opacity: 1;
    }
    to {
      opacity: 0;
    }
  }
  
  /* Adds schmancy spacing to the staircase section */
  
  .proseStyle1 { padding-left:5%; }
  .proseStyle2 { padding-left:10%; }
  .proseStyle3 { padding-left:15%; }
  .proseStyle4 { padding-left:20%; }
  .proseStyle5 { padding-left:25%; }
  .proseStyle6 { padding-left:30%; }
  
  /* Custom rating module styling */ 
  
  .page-rate-widget-box {
    text-align: center;
    position: relative;
    width: fit-content;
    border: dashed 1px #c7c7c7;
    margin: 4rem auto 1rem auto;
    display: block;
  }
  
  .authorlink-wrapper {
    display: table !important;
    padding: 0;
    position: relative;
    margin: 0.6rem auto !important;
    text-align: center;
  }
  
  .top-left-box > .number {
  color: rgba(0,0,0,0);
  }
  
  /* Gradient background; hides the extra space created by the fullwidth image */
  
  body {  
      background-image: linear-gradient(to bottom, #e0e0e0, #e0e0e0 90px, #e0e0e0 90px, #ffffff 200px, #ffffff 2000px, #394628 100%);
      overflow-x:hidden;
  }
  
  /* Drop cap effect */
  .dropcapParagraph {font-family: Georgia; font-size:125%;}
  .dropcapParagraph p {padding-top:10px;}
  .dropcapSection { }
  
  .firstcharacter {
    color: #903;
    float: left;
    font-family: Georgia;
    font-size: 650%;
    line-height: 60px;
    padding-top: 4px;
    padding-right: 5px;
    padding-left: 3px;
  }
  
  /* Div styles per act */
  
  .addendumBox {
      margin: 25px 4% 25px 2%;
      padding: 4% 6% 4% 6%;
      background-color: #f9f9f9;
      color: #3e3434;
      box-shadow: 10px 10px 3px rgba(0,0,0,0.07);
     border-radius: 20px;
     border-width: 0px 0px 0px 10px;
     border-style: solid;
  border-color: #d9d9d9 #d9d9d9 #d9d9d9 #993a3a;
  }
  
  .addendumBox2 {
      margin: 25px 4% 25px 2%;
      padding: 4% 6% 4% 6%;
      background-color: #fbfaf4;
      color: #3e3434;
      box-shadow: 10px 10px 3px rgba(0,0,0,0.07);
     border-radius: 10px;
     border-width: 0px 12px 0px 0px;
     border-style: solid;
     border-color: #3e3434b
  }
  
  .addendumBox3 {
      margin: 25px 4% 25px 2%;
      padding: 4% 6% 4% 6%;
      background-color: #fffdeb;
      color: #3e3434;
      box-shadow: 10px 10px 3px rgba(0,0,0,0.07);
     border-radius: 2px;
     border-width: 0px 0px 0px 10px;
     border-style: solid;
     border-color: #d9d9d9 #d9d9d9 #d9d9d9 #014421;
      text-align:justify;
  }
  
  .addendumBox tt {
    color: #595553;
  }
  
  .addendumBox2 tt {
    color: #595553;
  }
  .addendumBox3 tt {
    color: #595553;
  }
  
  /*-- Warning box --*/
  
  .warning-box {
      display: block;
      width: 90%;
      height: auto;
      text-align:center;
      overflow: visible;
      margin: 0px 5% 10px 5%;
  
  background: radial-gradient(circle at 100% 100%, #ffffff 0, #ffffff 25px, transparent 25px) 0% 0%/30px 30px no-repeat,
              radial-gradient(circle at 0 100%, #ffffff 0, #ffffff 25px, transparent 25px) 100% 0%/30px 30px no-repeat,
              radial-gradient(circle at 100% 0, #ffffff 0, #ffffff 25px, transparent 25px) 0% 100%/30px 30px no-repeat,
              radial-gradient(circle at 0 0, #ffffff 0, #ffffff 25px, transparent 25px) 100% 100%/30px 30px no-repeat,
              linear-gradient(#ffffff, #ffffff) 50% 50%/calc(100% - 10px) calc(100% - 60px) no-repeat,
              linear-gradient(#ffffff, #ffffff) 50% 50%/calc(100% - 60px) calc(100% - 10px) no-repeat,
              linear-gradient(144deg, #b22222 0%, rgba(178,34,34,0.11) 100%);
  border-radius: 30px;
  padding: 9px;
  box-sizing: border-box;
  
  }
  
  .warning-img {
      width: fit-content;
      height: auto;
      padding: 5px;
      display: table-cell;
      vertical-align: middle;
  }
  
  .warning-text {
      max-width: 80%;
      width: 80%;
      display: table-cell;
      padding: 5px;
  }
  
  .warning-text p {
      display: inline-block;
      padding: 5px;
  }
  
  
  /*-- Misc Blankstyle customizations --*/
  :root {
      --header-title: "SCP FOUNDATION";
      --header-subtitle: "Summa Cunctorum Peccatorum";
  }
  
  #header h1 a::before {
    color: #444;
  }
  
  #header h2::before {
    color: #777;
  }
  
  div#extra-div-1 {
      background-image: url(https://scp-wiki.wdfiles.com/local--files/jerden-insignia/folklore-dept.png);
      filter: opacity(0.08);
  }
  
  .bblock:hover {color: white}
  
  #page-content hr {
    background-color: rgba(96, 17, 17, 0.18);
  }
  
  hr {
  margin:0;
  }
  
  
  .anom-bar-container {
    margin: 1rem 0 0.4rem 0;
  }
  
  .anom-bar > div.bottom-box {
    margin-bottom: 1rem;
  }
  
  .page-rate-widget-box .rate-points {
      color: #8a5e5e !important;
      font-weight: 100;
  }
  
  #page-content tr td {
      padding: 4px 12px;
  }
  
  
  /*-- Custom search bar --*/
  
  #search-top-box-input, #search-top-box-input:hover, #search-top-box-input:focus, #search-top-box-form input[type=submit], #search-top-box-form input[type=submit]:hover, #search-top-box-form input[type=submit]:focus {
      border: 1px solid #ffffff;
      background: transparent;
      border-radius: 0px;
      color: #ab7171;
  }
  
  /*-- Custom headers --*/
  
  .peppo-head {
  font-family:'Montserrat';
  font-size:1.6rem;
  }
  
  .peppo-head p {
    margin-block-start: 3rem;
    margin-block-end: 0.75rem;
    color: #B22222;
    text-align: center;
  }
  
  .peppo-head2 {
  font-family:inherit;
  font-weight:bold;
  font-size:1.2rem;
  }
  
  .peppo-head2 p {
    margin-block-start:1rem;
    margin-block-end:1rem;
  text-align:center;
  }
  
  body {
  // text-align:justify;
  }
  
  /* Sizing defaults */
  
  @media (min-width: 768px) and (max-width: 979px) {
  
      #page-content div, #page-content div table {
          clear: none;
      }
  }
  
  /* Mobile sizing */
  
  @media (min-width: 0px) and (max-width: 590px) {
  
  .mobileHeaderWidth { display: initial; }
  .desktopHeaderWidth { display: none; }
  
    .dropcapParagraph {clear:none !important;}
  
    .addendumBox { 
      margin: 0;
      width: 100vw;
      position: relative;
      left: -7vw;
    }
  
    .addendumBox2 { 
      margin: 0;
      width: 100vw;
      position: relative;
      left: -7vw;
    }
  
    .addendumBox3 { 
      margin: 0;
      width: 100vw;
      position: relative;
      left: -7vw;
    }
  
      .page-rate-widget-box {
           top: -0.5rem;
      }
  
      #header h1 a {
          font-size: 60%;
      }
  
    .addendum {
      margin: 25px 4% 25px 3%;
    }
  
    .peppo-head {
      font-size:1rem;
    }
  
    #header h2::before {
        font-size: 0.8em;
    }
  }
   
  .footnotes-footer {
  display:none;
  }

  Pages using this styling

  • scp-8400 [info]

  ¶ 1 occurrence
  

  
  @import url("https://fonts.googleapis.com/css2?family=Anta&family=Electrolize&family=Exo+2:ital,wght@0,100..900;1,100..900&family=Kanit:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
  
  :root {
  
  --logo-image: url("http://timebox.wdfiles.com/local--files/sc-18-005-18-350/CI-Marcus-header.png");
  --header-title: 'INSURGENCE';
  --header-subtitle: 'LONG LIVE THE INSURGENCY';
  
  --body-width-on-desktop: 65.75rem;
  --original-width-on-desktop: 50.75rem;
  
  --header-font: "Anta", sans-serif;
  --title-font: "Anta", sans-serif;
  --UI-font: "Anta", sans-serif;
  
  --rating-module-text-color: var(--bright-accent);
  
  --header-height-on-desktop: 13rem;
  --header-height-on-mobile: 13rem;
  
  --toggle-border-color: rgb(var(--bright-accent));
  --toggle-icon-color: rgb(var(--bright-accent));
  --toggle-roundness: 1%;
  --toggle-button-bg: rgb(var(--black-monochrome));
  
  --link-color: var(--bright-accent);
  --hover-link-color: var(--bright-accent);
  --visited-link-color: var(--bright-accent);
  
  --zero: 0;
  
  }
  
  #main-content hr {
      height: 0.0925rem;
      border-top: 0.0625rem solid rgba(var(--bright-accent));
      background-color: rgba(var(--bright-accent));
  }
  
  div.modal {
      display: block;
      margin-inline: auto;
      margin-block: 1.4rem;
      padding-inline: 1.5rem;
      padding-block: 0.5rem;
      background-color: rgb(0,0,0);
      border: double 0.5rem rgb(var(--bright-accent));
  }
  
  div.modal.two {
      border: double 0.4rem rgb(var(--bright-accent));
      width: 50%;
      background: rgb(var(--swatch-menubg-extra-dark-color));
      align-center;
  }
  
  .dashed {
      padding-inline: 1.5rem;
      padding-block: 0.5rem;
      border: dashed 0.2rem rgb(var(--dark-gray-monochrome));
      background: rgb(var(--black-monochrome));
  }
  
  .twosides {
      padding-inline: 1.5rem;
      padding-block: 0.5rem;
      border-left: solid 0.2rem rgb(var(--bright-accent));
      border-right: solid 0.2rem rgb(var(--bright-accent));
      background: rgb(var(--black-monochrome));
  }
  
  .smallheading {
      background-image: url("https://testinggrounds.wdfiles.com/local--files/insurgence/clock-tower-red.jpg");
      background-attachment: fixed;
      border: solid 2px rgb(var(--bright-accent));
      margin-top: 10px;
  }
  
  .highlight {
      background: rgb(var(--bright-accent));
      color: rgb(var(--black-monochrome));
      font-weight: bold;
      border: solid 2px rgb(var(--bright-accent));
      border-radius: 3px;
      padding-inline: 3px;
      font-family: "Anta", sans-serif;
  }
  
  .transition {
      animation: chaosspin 7s cubic-bezier(1,1,1,1) infinite;
      background: url("https://testinggrounds.wdfiles.com/local--files/insurgence/redcismall.png") center no-repeat;
      margin-inline: auto;
      margin-top: 60px;
      margin-bottom: 60px;
      padding-top: 30px;
      padding-bottom: 30px;
      width: 20%;
  }
  
  @keyframes chaosspin {
  100% { transform: rotate(360deg); }
  }
  
  .warning {
      animation: bigwarning 2s cubic-bezier(1,1,1,1) infinite;
  }
  
  @keyframes bigwarning {
    0%   { color: rgb(var(--bright-accent)); }
    100%   { color: rgb(var(--swatch-menubg-extra-dark-color)); }
  }
  
  @media only screen and (max-width: 600px) {
  
  div.modal.two {
      width: 85%;
  }
  
  }
  
  #content-wrap {
  background-image: url("https://testinggrounds.wdfiles.com/local--files/insurgence/squarepattern.png");
  background-size: 100%;
  background-repeat: repeat;
  background-attachment: fixed;
  }
  
  #header h1 a::before,
  #header h1 a::after {
     content: var(--header-title);
     font-size: 3rem;
  }
  
  .image-block .image-caption,
  .scp-image-block .scp-image-caption {
      background-image: url("https://testinggrounds.wdfiles.com/local--files/insurgence/clock-tower-red.jpg");
      background-attachment: fixed;
      font-family: "Anta", sans-serif;
      border-bottom-left-radius: 8px;
      border-bottom-right-radius: 8px;
      border-bottom: 4px solid rgb(var(--bright-accent));
      box-shadow: none;
  }
  
  #extra-div-2 {
  height: var(--header-height-on-desktop);
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
  background-color: black;
  background-image: url("https://testinggrounds.wdfiles.com/local--files/insurgence/clock-tower-red.jpg");
  background-size: calc(var(--header-height-on-desktop) * 10);
  }
  
  #extra-div-3 {
  height: var(--header-height-on-desktop);
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
  background-image: var(--tech-pattern);
  background-size: calc(var(--header-height-on-desktop) * 4);
  }
  
  
  #page-content div.modal {
      max-width: 100%;
  }
  
  .page-rate-widget-box .rate-points {
  text-transform: uppercase !important;
  }
  
  a.btn {
  text-transform: uppercase !important;
  }
  
      @supports (background-blend-mode: screen) {
          #extra-div-1 {
              width: 100%;
              height: 100%;
              position: absolute;
              top: 0;
              left: 0;
              z-index: -1;
              background-image:
                  linear-gradient(to bottom,
                      rgb(var(--black-monochrome)) 0%,
                      rgb(var(--black-monochrome)) 30%,
                      rgb(var(--dark-gray-monochrome)) 100%),
                  linear-gradient(to bottom,
                      rgb(var(--bright-accent)) calc(var(--header-height-on-desktop) + 0.145rem),
                      rgb(var(--black-monochrome)) calc(var(--header-height-on-desktop) + 0.125rem),
                      rgb(var(--black-monochrome)) calc(100% - 0.125rem),
                      rgb(var(--bright-accent)) calc(100% - 0.125rem),
                      rgb(var(--bright-accent)) 100%),
                  linear-gradient(to bottom,
                      rgba(var(--black-monochrome), 0) 0,
                      rgba(var(--black-monochrome), 0.5) 10rem,
                      rgba(var(--black-monochrome), 1) 25rem,
                      rgba(var(--black-monochrome), 1) 100%);
              background-size:
                  var(--header-background-image-size),
                  100% var(--final-header-height-on-desktop),
                  100% var(--background-gradient-distance);
              background-repeat: no-repeat;
              background-blend-mode: darken;
              pointer-events: none;
          }
  
      .page-rate-widget-box {
          background:
              linear-gradient(to bottom left,
                  rgba(var(--swatch-primary-darkest), 0.1) 0,
                  rgba(var(--black-monochrome), 1) 100%) !important;
      }
  
  
  
  :root {
  
  --tech-pattern: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 304 304' width='304' height='304'%3E%3Cpath fill='%23aeaeb0' fill-opacity='0.08' d='M44.1 224a5 5 0 1 1 0 2H0v-2h44.1zm160 48a5 5 0 1 1 0 2H82v-2h122.1zm57.8-46a5 5 0 1 1 0-2H304v2h-42.1zm0 16a5 5 0 1 1 0-2H304v2h-42.1zm6.2-114a5 5 0 1 1 0 2h-86.2a5 5 0 1 1 0-2h86.2zm-256-48a5 5 0 1 1 0 2H0v-2h12.1zm185.8 34a5 5 0 1 1 0-2h86.2a5 5 0 1 1 0 2h-86.2zM258 12.1a5 5 0 1 1-2 0V0h2v12.1zm-64 208a5 5 0 1 1-2 0v-54.2a5 5 0 1 1 2 0v54.2zm48-198.2V80h62v2h-64V21.9a5 5 0 1 1 2 0zm16 16V64h46v2h-48V37.9a5 5 0 1 1 2 0zm-128 96V208h16v12.1a5 5 0 1 1-2 0V210h-16v-76.1a5 5 0 1 1 2 0zm-5.9-21.9a5 5 0 1 1 0 2H114v48H85.9a5 5 0 1 1 0-2H112v-48h12.1zm-6.2 130a5 5 0 1 1 0-2H176v-74.1a5 5 0 1 1 2 0V242h-60.1zm-16-64a5 5 0 1 1 0-2H114v48h10.1a5 5 0 1 1 0 2H112v-48h-10.1zM66 284.1a5 5 0 1 1-2 0V274H50v30h-2v-32h18v12.1zM236.1 176a5 5 0 1 1 0 2H226v94h48v32h-2v-30h-48v-98h12.1zm25.8-30a5 5 0 1 1 0-2H274v44.1a5 5 0 1 1-2 0V146h-10.1zm-64 96a5 5 0 1 1 0-2H208v-80h16v-14h-42.1a5 5 0 1 1 0-2H226v18h-16v80h-12.1zm86.2-210a5 5 0 1 1 0 2H272V0h2v32h10.1zM98 101.9V146H53.9a5 5 0 1 1 0-2H96v-42.1a5 5 0 1 1 2 0zM53.9 34a5 5 0 1 1 0-2H80V0h2v34H53.9zm60.1 3.9V66H82v64H69.9a5 5 0 1 1 0-2H80V64h32V37.9a5 5 0 1 1 2 0zM101.9 82a5 5 0 1 1 0-2H128V37.9a5 5 0 1 1 2 0V82h-28.1zm16-64a5 5 0 1 1 0-2H146v44.1a5 5 0 1 1-2 0V18h-26.1zm102.2 270a5 5 0 1 1 0 2H98v14h-2v-16h124.1zM242 149.9V160h16v34h-16v62h48v48h-2v-46h-48v-66h16v-30h-16v-12.1a5 5 0 1 1 2 0zM53.9 18a5 5 0 1 1 0-2H64V2H48V0h18v18H53.9zm112 32a5 5 0 1 1 0-2H192V0h50v2h-48v48h-28.1zm-48-48a5 5 0 0 1-9.8-2h2.07a3 3 0 1 0 5.66 0H178v34h-18V21.9a5 5 0 1 1 2 0V32h14V2h-58.1zm0 96a5 5 0 1 1 0-2H137l32-32h39V21.9a5 5 0 1 1 2 0V66h-40.17l-32 32H117.9zm28.1 90.1a5 5 0 1 1-2 0v-76.51L175.59 80H224V21.9a5 5 0 1 1 2 0V82h-49.59L146 112.41v75.69zm16 32a5 5 0 1 1-2 0v-99.51L184.59 96H300.1a5 5 0 0 1 3.9-3.9v2.07a3 3 0 0 0 0 5.66v2.07a5 5 0 0 1-3.9-3.9H185.41L162 121.41v98.69zm-144-64a5 5 0 1 1-2 0v-3.51l48-48V48h32V0h2v50H66v55.41l-48 48v2.69zM50 53.9v43.51l-48 48V208h26.1a5 5 0 1 1 0 2H0v-65.41l48-48V53.9a5 5 0 1 1 2 0zm-16 16V89.41l-34 34v-2.82l32-32V69.9a5 5 0 1 1 2 0zM12.1 32a5 5 0 1 1 0 2H9.41L0 43.41V40.6L8.59 32h3.51zm265.8 18a5 5 0 1 1 0-2h18.69l7.41-7.41v2.82L297.41 50H277.9zm-16 160a5 5 0 1 1 0-2H288v-71.41l16-16v2.82l-14 14V210h-28.1zm-208 32a5 5 0 1 1 0-2H64v-22.59L40.59 194H21.9a5 5 0 1 1 0-2H41.41L66 216.59V242H53.9zm150.2 14a5 5 0 1 1 0 2H96v-56.6L56.6 162H37.9a5 5 0 1 1 0-2h19.5L98 200.6V256h106.1zm-150.2 2a5 5 0 1 1 0-2H80v-46.59L48.59 178H21.9a5 5 0 1 1 0-2H49.41L82 208.59V258H53.9zM34 39.8v1.61L9.41 66H0v-2h8.59L32 40.59V0h2v39.8zM2 300.1a5 5 0 0 1 3.9 3.9H3.83A3 3 0 0 0 0 302.17V256h18v48h-2v-46H2v42.1zM34 241v63h-2v-62H0v-2h34v1zM17 18H0v-2h16V0h2v18h-1zm273-2h14v2h-16V0h2v16zm-32 273v15h-2v-14h-14v14h-2v-16h18v1zM0 92.1A5.02 5.02 0 0 1 6 97a5 5 0 0 1-6 4.9v-2.07a3 3 0 1 0 0-5.66V92.1zM80 272h2v32h-2v-32zm37.9 32h-2.07a3 3 0 0 0-5.66 0h-2.07a5 5 0 0 1 9.8 0zM5.9 0A5.02 5.02 0 0 1 0 5.9V3.83A3 3 0 0 0 3.83 0H5.9zm294.2 0h2.07A3 3 0 0 0 304 3.83V5.9a5 5 0 0 1-3.9-5.9zm3.9 300.1v2.07a3 3 0 0 0-1.83 1.83h-2.07a5 5 0 0 1 3.9-3.9zM97 100a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-48 32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm32 48a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm32-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0-32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm32 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16-64a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 96a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-144a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-96 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm96 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16-64a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-32 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM49 36a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-32 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm32 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM33 68a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-48a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 240a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16-64a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16-32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm80-176a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm32 48a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0-32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm112 176a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM17 180a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0-32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM17 84a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm32 64a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6z'%3E%3C/path%3E%3C/svg%3E");
  
  }
  
  @keyframes acsgradient {
    0%   { background: radial-gradient(circle at 50%, #C40233, #000 75%); }
    10%  { background: radial-gradient(circle at 50%, #C40233, #000 85%); }
    20%  { background: radial-gradient(circle at 50%, #C40233, #000 90%); }
    30%  { background: radial-gradient(circle at 50%, #C40233, #000 85%); }
    40% { background: radial-gradient(circle at 50%, #C40233, #000 75%); }
    50%   { background: radial-gradient(circle at 50%, #C40233, #000 75%); }
    60%  { background: radial-gradient(circle at 50%, #C40233, #000 65%); }
    70%  { background: radial-gradient(circle at 50%, #C40233, #000 55%); }
    80%  { background: radial-gradient(circle at 50%, #C40233, #000 65%); }
    90% { background: radial-gradient(circle at 50%, #C40233, #000 75%); }
    100% { background: radial-gradient(circle at 50%, #C40233, #000 80%); }
  }
  
  /* CODE FOR ACS BAR FROM NULL SUM PROPOSAL BY JACK IKE AND CUSTOMIZABLE ACS BY CALIBOLD */
  
  .anom-bar-container.active .text-part > .main-class::before {
      display:none;
  }
  
  .anom-bar-container.active .text-part .main-class {
      background-color: rgba({$containment-color},0.15);
      background-color: rgba({$containment-color},0.15);
      border-left: 0.75rem solid rgba({$containment-color},1);
      border-left: 0.75rem solid rgba({$containment-color},1);
  }
  
  .anom-bar-container.active .text-part {
      -ms-grid-columns: 1fr!important;
      grid-template-columns: 1fr!important;
  }
  
  .anom-bar-container.active .second-class,
  .anom-bar-container.active .disrupt-class,
  .anom-bar-container.active .risk-class,
  .anom-bar-container.active .danger-diamond > .quadrants > .left-quad,
  .anom-bar-container.active .danger-diamond > .quadrants > .right-quad,
  .anom-bar-container.active .danger-diamond > .left-icon,
  .anom-bar-container.active .danger-diamond > .right-icon {
      display: none;
  }
  
  .danger-diamond > .quadrants > .top-quad.active {
      background-color: rgb({$containment-color},0.25);
      background-color: rgb({$containment-color},0.25);
  }
  
  .anom-bar-container.active .danger-diamond > .top-icon {
      width: 65%;
      height: 65%;
      top: 17.5%;
      left: 17.5%;
      border-width: 0.3625rem;
  }
  
  .anom-bar-container.active .danger-diamond > .top-icon {
      background-color: rgb(252, 252, 252);
      background-color: rgb(var(--swatch-background, 252, 252, 252));
  }
  
  .anom-bar-container.active .danger-diamond > .top-icon::before {
      background-color: rgba({$containment-color},0.25);
      background-color: rgba({$containment-color},0.25);
      background-image: url("{$containment-image}");
      -webkit-background-size: 100% 100%;
         -moz-background-size: 100% 100%;
       -o-background-size: 100% 100%;
       background-size: 100% 100%;
      background-position: center center;
  }
  
  @media (max-width: 875px ) {
      .anom-bar-container.active .bottom-box > .text-part {
       height: 6rem;
      }
      .anom-bar-container.active .bottom-box > .text-part {
       -ms-grid-rows: 1fr!important;
       grid-template-rows: 1fr!important;
       grid-template-areas: "main-class";
      }
  }
  
  @media (max-width: 875px ) and (min-width: 480px ) {
      .anom-bar-container.active .anom-bar > .bottom-box {
       -ms-grid-columns: 1fr 6rem!important;
       grid-template-columns: 1fr 6rem!important;
       height: 6rem;
      }
  }
  
  @media (max-width: 480px ) {
      .anom-bar-container.active .anom-bar > .bottom-box {
       height: 6rem;
      }
  }
  
  .anom-bar-container.active .danger-diamond > .quadrants > .top-quad,
  .anom-bar-container.active .danger-diamond > .quadrants > .bottom-quad  {
      background-color:rgba({$containment-color},0)!important;
  }
  
  { FANCY BACKGROUND OVERRIDE  }
  .text-part > .main-class {
    color: rgba(252, 252, 252,1) !important;
  }
  
  .anom-bar-container.active .text-part > .main-class > .contain-class > .class-text::before {
  content: "Active";
    color: rgba(252, 252, 252,1) !important; }
  
  .anom-bar-container.active .text-part > .main-class > .contain-class > .class-text {
  color: transparent; }
  
  .anom-bar-container.active .text-part > .main-class::before {
      background-color: rgb(0,0,0);
      background: radial-gradient(circle at 50%, #C40233, #000 75%);
  border: 0.25rem solid rgb(0,0,0);
  }
  
  .anom-bar-container.active .text-part > .main-class {
      background-color: rgb(var(--dark-gray-monochrome));
      background-image: url("https://upload.wikimedia.org/wikipedia/commons/thumb/8/82/Red_tints_and_shades.svg/1200px-Red_tints_and_shades.svg.png?20200817074143");
      background-attachment: fixed;
      background-size: contain;
      background-blend-mode: overlay;
      border-left: 0.75rem solid rgba(66, 66, 72 ,1);
      border-left: 0.75rem solid rgba(var(--gray-monochrome, 66, 66, 72),1);
  }
  
  .anom-bar-container.active .danger-diamond > .top-icon::before {
      background-color: rgb(51,2,196);
  background-color: rgb(0,0,0);
  
  }
  
  .anom-bar-container.active .danger-diamond > .quadrants > .top-quad {
      background-color:rgba(51,2,196,0.25);
      background-color: rgb(var(--five-color),0.25);
  }
  
  .anom-bar-container.active .danger-diamond > .top-icon::before {
  animation: acsgradient .7s cubic-bezier(1,1,1,1) infinite;
  }
  
  

  Pages using this styling

  • scp-8399 [info]

  ¶ 1 occurrence
  

  .footnotes-footer {
    display: none;
  }
  .image-change {
  max-width: 40% !important;
  }

  Pages using this styling

  • scp-8397 [info]

  ¶ 1 occurrence
  

  .anom-bar-container.ekhi .danger-diamond > .quadrants > .left-quad,
  .anom-bar-container.danger .danger-diamond > .quadrants > .right-quad {
    background-color:rgba(255,109,0,0.25);
    background-color: rgb(255,109,0,0.25);

  Pages using this styling

  • scp-8382 [info]

  ¶ 1 occurrence
  

  .wiki-content-table tbody tr th {
      color: #ffffff;
      background-color: #8B5E8C;
      border: 1px solid #000000;
  }
  table.wiki-content-table td {
      background-color: #FFFFFF;
      color: #000000;
  }
  @import url("https://fonts.googleapis.com/css2?family=PT+Serif&display=swap");@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Mono&display=swap");div.irc-log{margin:10px;margin-top:20px;padding:10px;border:3px solid #000000;background-color:#333333;border-radius:15px;font-family:"IBM Plex Mono",monospace;color:#FFFFFF;font-size: 125%;}div.irc-log td{border:1px solid #000000;font-weight:bold}div.irc-log p{line-height:200%}div.irc-log span.userred{font-weight:bold;letter-spacing:1px;background-color:#ffabab;color:#050505;padding-left:2px;border:1px solid #ffabab;margin-right:.25em}div.irc-log span.userwhite{font-weight:bold;letter-spacing:1px;background-color:#ffffff;color:#050505;padding-left:2px;border:0px solid #ffabab;margin-right:.25em}div.irc-log span.userblue{font-weight:bold;letter-spacing:1px;background-color:#9FB6F4;color:#050505;padding-left:2px;border:1px solid #9FB6F4;margin-right:.25em}div.irc-log span.userdune{font-weight:bold;letter-spacing:1px;background-color:#1CAFEC;color:#050505;padding-left:2px;border:1px solid #1CAFEC;margin-right:.25em}div.irc-log span.usergreen{font-weight:bold;letter-spacing:1px;background-color:#afffb1;color:#050505;padding-left:2px;border:1px solid #afffb1;margin-right:.25em}div.irc-log::before{content:"SCiPNET Messaging System";position:relative;top:-1.5em;left:-1.5em;border:2px solid #050505;color:#050505;background-color:#5effa6;font-family:"PT Serif",serif;padding:1px 3px;border-radius:3px;font-weight:bold;letter-spacing:2px}div.inventory-report{margin:10px;margin-top:20px;padding:10px;border:2px solid #050505;background-color:#eee;border-radius:3px}

  Pages using this styling

  • scp-8382 [info]

  ¶ 1 occurrence
  

  /* anendlessusername's invaluable correction of the ACS octagon! */
  #page-content .quadrants > div {
    top: 2.25%;
    left: 18.5%;

  Pages using this styling

  • scp-8382 [info]

  ¶ 1 occurrence
  

  :root {
  --problem: 241, 167, 92
  }
  a.collapsible-block-link:not(.licensebox a.collapsible-block-link) {
    font-weight: 600;
    color: #F2F2C2;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 7px;
    padding-right: 9px;
    background: rgb(0, 0, 0);
    border-color: black;
    border-width: 2px;
    margin-top: 10px;
    margin-bottom: 12px;
    line-height: 18px;
  }

  Pages using this styling

  • scp-8382 [info]

  ¶ 1 occurrence
  

  .flashyhammer {
      border-left: solid 3px rgb(197, 0, 11);
      border-right: solid 3px rgb(197, 0, 11);
      padding: 25px 25px 25px 25px;
      box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
      margin: auto;
      background: #f7f7f7;
  }
  .lillihammer {
      padding: 4px 16px 4px 16px;
      box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
      width: 85%;
      margin: auto;
      margin-bottom: 28px;
      margin-top: 28px;
      background: #white;
      border-top: solid 2px #58C8F2;
      border-bottom: solid 2px #58C8F2;
      border-left: solid 2px #EDA4B2;
      border-right: solid 2px #EDA4B2;
  }
  .lillipaper {
      padding: 4px 16px 4px 16px;
      box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
      width: 85%;
      margin: auto;
      margin-bottom: 28px;
      margin-top: 28px;
      background: #FFEAEF;
      border: solid 2px #5D5D5D;
  }
  .raisa {
      border: solid 1px #999999; 
      background: #f2f2c2; 
      padding:5px; 
      margin-bottom: 28px;
      margin-top: 28px;
  }
  .wettle {
      padding: 4px 16px 4px 16px;
      box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
      width: 85%;
      margin: auto;
      margin-bottom: 28px;
      margin-top: 28px;
      background: #white;
      border: solid 2px #E3F9FF;
  }
  .lines {
    padding: 4px 16px 4px 16px;
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
    margin: auto;
    margin-bottom: 28px;
    margin-top: 28px;
    border: solid 5px #E9FBDF;

  Pages using this styling

  • scp-8382 [info]

  ¶ 1 occurrence
  

  
  @import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
  
  .scp-image-block {
      border: none;
  box-shadow: none;
  }
  
  .overseer {
  background: url(https://kaktuskontainer.wdfiles.com/local--files/format-hell/scp_trans.png) center no-repeat, white; 
  text-align: center; 
  margin: 0 auto; 
  font-size: 20px; 
  padding: 3rem;
  color: black;
  border-radius: 8px;
  }
  
  .header-box > .top-right-box {
      background-image: url("https://scp-wiki.wdfiles.com/local--files/theme%3Apenumbra/logo.png");
  }
  
  .top-middle-box > .from-name-box, .to-name-box, .cc-text-box {
      color: #ededed;
  }
  
  .content-box > hr {
      background-color: #878787;
  }
  
  .footer-box > .bottom-left-box {
      border-left: 2px solid white;
  }
  
  .footer-box > .bottom-right-box {
      padding-right: 2rem;
  }
  
  /* IMPORTED FROM JEZIXO'S WONDERFUL SCP */
  
  div#u-authorlink {
      text-align: center;
      color: rgb(187, 187, 187);
  font-weight: 700;
  margin-top: 0.5rem;
  }
  
  div#u-authorlink a {
  font-weight: 700;
  }
  
  div#u-authorlink p {
  margin: 0px;
  }
  
  .centerbox {
  width: fit-content;
  margin: 3rem auto;
  }
  
  .authorlink-wrapper {
      margin: 0px !important;
  }
  
  /* RAISA MEMO */
  
  div[class$="_memo"] {
      background: var(--memo-logo) rgba(var(--memo-color), 1);
      background-size: contain;
      background-position: top center;
      background-repeat: no-repeat;
      min-height: 4rem;
      margin-inline: auto;
      margin-block: 2rem;
      padding-inline: 20px;
      padding-block: 10px;
      border: solid 2px rgba(0, 0, 0, 0.1);
      text-align: center;
  }
  
  div.raisa_memo {
      --memo-heading: "NOTICE FROM THE RECORDS AND INFORMATION SECURITY ADMINISTRATION";
      --memo-logo: url(https://scp-wiki.wikidot.com/local--files/theme:basalt/RAISA_LIGHTLOGO.png);
      --memo-color: 255, 243, 173;
  }
  
  div.raisa_memo {
  max-width: 36rem !important;
  box-shadow: 0px 1px 1.9px -4px rgba(0, 0, 0, 0.1), 0px 6px 15px -4px rgba(0, 0, 0, 0.2);
  padding: 0px;
  margin: 3rem auto;
  width: 95%;
  background-position: center;
  color: black;
  font-family: 'InterVariable', sans-serif;
  }
  
  div.raisa {
  background: rgba(255, 243, 173, 1);
  border: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: 0px 1px 1.9px -4px rgba(0, 0, 0, 0.1), 0px 6px 15px -4px rgba(0, 0, 0, 0.2);
  }
  
  div.raisa_memo::before {
  content: none;
  }
  
  .raisa-header {
      padding-inline: 0.5rem;
  }
  
  .raisa-background {
  background: rgba(255, 243, 173, 0.8);
  }
  
  div.raisa-content {
      max-width: 26rem !important;
      text-align: left;
      margin-inline: auto;
  padding: 1rem;
  }
  
  .raisa-divider {
      display: block;
      background: rgba(0,0,0,0.1);
      height: 2px;
      width: 100%;
  }
  
  .text-notice {
      font-size: 1rem;
      font-weight: bold;
  }
  
  .text-raisa {
      font-weight: bold;
      font-size: 1.4rem;
  }
  

  Pages using this styling

  • scp-8377 [info]

  ¶ 1 occurrence
  

  
  .creditRate {
  float: unset !important;
  margin-bottom: unset !important;
  }
  
  #page-title {
  text-align: center;
  }
  
  #content-wrap {
  max-width: 600px;
  padding: 1rem;
  border: solid 1px rgb(200, 200, 200);
  }
  
  a.disruptionHeader {
  color: white !important;
  }
  

  Pages using this styling

  • scp-8372 [info]

  ¶ 1 occurrence
  

  .story{
      border-right:solid 3px #c2c2c7;
      border-left:solid 3px #c2c2c7;
      background:#2b2d2f;
      width:90%;
      padding:1px 15px;
      margin: 10px auto;
  }
  
  .files{
      border:solid 2px #c2c2c7;
      background: #2b2d2f;
      width:90%;
      padding:1px 15px;
      margin: 10px auto;
  }
  

  Pages using this styling

  • scp-8370 [info]

  ¶ 1 occurrence
  

  .info-container{
  --barColour: #c2c2c7;
  --linkColour: #212325;
  }

  Pages using this styling

  • scp-8370 [info]

  ¶ 1 occurrence
  

  
  
  .popup {
      border: 5px solid black;
      padding: 10px;
      position: fixed;
      left: 15%;
     bottom: 50%;
  background-color:white;
      visibility: hidden;
      pointer-events: auto;
  }
   .popup::before {
      content: "Translation";
      font-weight: bold;
      font-size: 135%;
      display: block;
      text-align: center;
      margin-bottom: 5px;
  }
  :is(.popup-link):is(:hover) + .popup, .popup:is(:hover) {
      visibility: visible;
  }

  Pages using this styling

  • scp-8361 [info]

  ¶ 1 occurrence
  

  :root {
      --header-subtitle: "Secure, Contain, Protect";
  }

  Pages using this styling

  • scp-8359 [info]

  ¶ 1 occurrence
  

  body {
  font-size: 0.880em;
  }
  @media only screen and (max-width: 600px) {
      .scp-image-block.block-right{
          float: none;
          margin: auto;
      }
  }

  Pages using this styling

  • scp-8357 [info]

  ¶ 1 occurrence
  

  
  div#page-title::after {
    content: "";
  }
  

  Pages using this styling

  • scp-8356 [info]

  ¶ 1 occurrence
  

  #header h1 a span {
    display: none;
  }
  
  @media (max-width: 460px) {
    #header h1  {
      font-size: calc(8vw - 10px);
    }
  }
  
  @media (max-width: 600px) {
    .page-rate-widget-box {
      display: flex;
      width: fit-content;
      margin-left: auto;
      margin-right: 0;
    }
  }
  
  @media (max-width: 1000px) {
    .scp-image-block.block-right {
       width: min(270px, 90%) !important
    }
  }

  Pages using this styling

  • scp-8352 [info]

  ¶ 1 occurrence
  

  #main-content {
      --tables-header-bg: 0, 64, 128, 0.7;
  }
  .storyblock{
      border-right:solid 2px rgb(5,162,234);
      border-left:solid 2px rgb(5,162,234);
      background:#F1F1F1;
      width:90%;
      box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 3px 10px 0 rgba(0, 0, 0, 0.19);
      padding:1px 15px;
      margin: 10px auto;
  }
  div.raisablock {
      background: url(https://scp-wiki.wikidot.com/local--files/theme:basalt/RAISA_LIGHTLOGO.png) #faf2c3;
      background-size: contain;
      background-position: top center;
      background-repeat: no-repeat;
      border: 1px solid #ccc;
      padding: 0 10px 0px;
      margin: 7px 4px 12px;
      overflow: hidden;
  }
  div.raisablock div.image-container img {
      margin: 5px;
      padding: 2px;
      border: 1px solid #999;
      opacity: 0.33;
  }
  .infoblock{
      border-right:solid 2px rgb(5,162,234);
      border-left:solid 2px rgb(5,162,234);
      background:#F5F5F5;
      width:90%;
      padding:1px 15px;
      margin: 10px auto;
  }
  div.spin img {
    z-index: 0;
    animation: spin 40s cubic-bezier(1,1,1,1) infinite;
    opacity: 0.9;
  }
  @keyframes spin {
     100% { transform: rotate(360deg); }
  }
  :root {
    --header-title: "SCP Foundation";
    --header-subtitle: "Secure, Contain, Protect";
  }
  .email {border: solid 2px rgb(5,162,234); width: 88%; padding: 1px 15px; margin: 10px; box-shadow: 0 1px 3px rgba(0,0,0,.5)}
  .tofrom {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px lightblue}

  Pages using this styling

  • scp-8350 [info]

  ¶ 1 occurrence
  

  :root {
  --sp_header-logo: url(https://scp-wiki.wdfiles.com/local--files/scp-8348/stag_final_transparent.png);
  --header-title: "SCP Foundation";
  --header-subtitle: "Sidereal. Cosmic. Planetary.";
  }
  

  Pages using this styling

  • scp-8348 [info]

  ¶ 1 occurrence
  

  .fakeprot .mailform-box .buttons{display:none;}
  .fakeprot + .collapsible-block .collapsible-block-link {padding: 0.1em 0.5em;text-decoration: none;background-color: #F4F4F4;border: 1px solid #AAA;color: #000;}
  .fakeprot + .collapsible-block .collapsible-block-link:hover {background-color: #DDD;color: #000;}
  .fakeprot + .collapsible-block .collapsible-block-link:active {background-color: #DDD;color: #000;}
  .fakeprot + .collapsible-block .collapsible-block-unfolded-link{margin:0.5em 0;text-align: center;}
  .fakeprot + .collapsible-block .collapsible-block-folded{margin:0.5em 0;text-align: center;}
  .fakeprot .passw input[type=text] {text-security:disc;-webkit-text-security:disc;-mox-text-security:disc;}
  .mailform-box td:first-child {width: 80px;}
  
  .dblock a:visited, .dblock a {color: #000}
  
  .dblock a:hover {color:#824}
  
  .dblock:hover, .dblock a:visited {background: #fff}

  Pages using this styling

  • scp-8342 [info]

  ¶ 1 occurrence
  

  .earthworm--anth24 .earthworm__hub {
    color: #eee;
  }

  Pages using this styling

  • scp-8339 [info]

  ¶ 1 occurrence
  

  .page {
      display: block;
      overflow: hidden;
      font-family: "Monotype Corsiva", "Bradley Hand", sans-serif;
      font-style: normal;
      background-clip: border-box;
      background-color: transparent;
      background-origin: padding-box;
      background-position: 0px 8px;
      background-repeat: repeat;
      background-size: 100% 20px;
      padding: 10px 10px;
      margin-bottom: 10px;
  }
  .page p,
  .page ul {
      line-height: 20px;
      margin: 0;
  }

  Pages using this styling

  • scp-8339 [info]

  ¶ 1 occurrence
  

  
  :root {
  
  --zero: 0;
  
  }
  
  .ad_memo {
      background: url(https://scp-wiki.wdfiles.com/local--files/scp-7000/ADtransparent.png) #F4DFDF;
      background-size: 400px;
      background-position: center;
      background-repeat: no-repeat;
      box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
      width: 90%;
      min-height: 4rem;
      max-height: 100rem;
      margin-left: auto;
      margin-right: auto;
      padding: 10px 20px 20px 20px;
      word-break: break-word;
  }
  
   .ad_memo>p:nth-child(1)::before {
      content: "ANALYTICS DEPARTMENT REPORT\00000a";
      font-family: 'Work Sans', sans-serif;
      font-weight: 900;
      font-size: 130%;
      text-align: center;
      margin-bottom: 1rem;
      padding-bottom: 0.3rem;
      border-bottom: dotted 0.13rem darkslategrey;
      max-width: 49rem;
      margin-left: auto;
      margin-right: auto;
      display: flex;
      flex-direction: column;
      align-content: stretch;
      align-items: center;
  }
  
  .logs{
      border-top:solid 2px #c40033;
      border-bottom:solid 2px #c40033;
      background:#F5F5F5;
      width:90%;
      padding:1px 15px;
      margin: 10px auto;
  }
  

  Pages using this styling

  • scp-8338 [info]

  ¶ 1 occurrence
  

  @import url(https://scp-sandbox-3.wikidot.com/theme:joshua-tree/code/1);

  Pages using this styling

  • scp-8336 [info]

  ¶ 1 occurrence
  

  :root {
    --accentColor: 235, 198, 96;
    --darkColor: 40, 26, 8;
  }

  Pages using this styling

  • scp-8332 [info]

  ¶ 1 occurrence
  

  /*Email component*/
  .email-example .collapsible-block-folded a.collapsible-block-link {
      animation: blink 0.8s ease-in-out infinite alternate;
  }
  @keyframes blink {
      0% { color: transparent; }
      50%, 100% { color: #b01; }
  }
  .email {border: solid 2px #000000; width: 88%; padding: 1px 15px; margin: 10px; box-shadow: 0 1px 3px rgba(0,0,0,.5)}
  .email-example a.collapsible-block-link {font-weight: bold;}
  .tofrom {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px maroon}
  
  /*Fix for collapsible alignment*/
  
  #page-content ul:not(.yui-nav) ul:not(.yui-nav) {
      padding-left: 0em;
      margin-left: 0em;
  }

  Pages using this styling

  • scp-8324 [info]

  ¶ 1 occurrence
  

  .leftbar {
    border-left: 2px solid grey;
    padding-left: 8px;
  }

  Pages using this styling

  • scp-8319 [info]

  ¶ 1 occurrence
  

  #page-content hr {
      background-color: #ffffff;
      height: 2px;
     margin: .75rem 0;
  }

  Pages using this styling

  • scp-8319 (2) [info]

  ¶ 1 occurrence
  

  :root {
      --one-color: 66, 66, 72;
      --two-color: 66, 66, 72;
  }

  Pages using this styling

  • scp-8316 [info]

  ¶ 1 occurrence
  

  
  
  /* DIV BLOCKS stolen from lt flops */
  .quote-block{
      border: 2px double #999;
      background-color: #f4f4f4;
      padding: .25em 1em;
      margin-bottom: 1em;
  }
  .report-box{
      border: 2px solid rgb(12, 12, 12);
      background-color: white;
      padding: .25em 1em;
      margin-bottom: 1em;
  }
  

  Pages using this styling

  • scp-8308 [info]

  ¶ 1 occurrence
  

  .Red{
      padding: 4px 16px 4px 16px;
      box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
      width: 85%;
      margin: auto;
      margin-bottom: 28px;
      margin-top: 28px;
      background: #070708;
      border: solid 0.15rem #FF0000;
  }

  Pages using this styling

  • scp-8306 [info]

  ¶ 1 occurrence
  

  :root {
      --header-logo: url('https://scp-wiki.wdfiles.com/local--files/dinodraws-author-page/departmentofgeology%20darkmode.png');
      --title: "Department of Geology";
      --subtitle: "As Above, So Below";
      --space-body-bg: url(https://scp-wiki.wdfiles.com/local--files/scp-8446/backgroundattempt3.jpg);
  }
  
  body {
      background-image: var(--space-body-bg);
      background-size: 100%;
      background-attachment: fixed;
      background-size: cover;
      background-position: center;
  }
  
  @media only screen and (max-width: 600px) {
      #content-wrap {
          background-image: none;
      }
      #content-wrap:before {
          content: "";
          display: block;
          position: fixed;
          left: 0;
          top: 0;
          width: 100vw;
          height: 100vh;
          background-size: cover;
          background: url("https://scp-wiki.wdfiles.com/local--files/scp-8446/mobilebackground.png") no-repeat 65% 20% !important;
          z-index: -1;
      }
  }
  
  

  Pages using this styling

  • scp-8306 [info]

  ¶ 1 occurrence
  

  
  @import url('https://fonts.googleapis.com/css2?family=Tagesschrift&display=swap');
  
  .paper {
    font-family: "Tagesschrift", sans-serif;
  }
  

  Pages using this styling

  • scp-8305 [info]

  ¶ 1 occurrence
  

  .anom-bar-container.neutralized .text-part .main-class,
  .anom-bar-container.neutralised .text-part .main-class {
      background-color: rgba(93,112,122 ,0.15);
      background-color: rgba(93,112,122 ,0.15);
      border-left: 0.75rem solid rgba(30,181,232 ,1);
      border-left: 0.75rem solid rgba(30,181,232,1);
  }
  
  .danger-diamond > .arrows {
      --danger-diamond-arrows: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.2' baseProfile='tiny' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 160 160' xml:space='preserve'%3E%3Cpath fill='%23010101' d='M136.1,133.3l23.9-23.9V51.2l-24-24l19.1-19.1l4.9,4.9l0-12.9l-12.9,0l4.9,4.9L133,24.2l-24-24H51l-24,24 L8,5.2l4.9-4.9L0,0.2l0,12.9l4.9-4.9L24,27.3l-24,24v58.2l23.9,23.9l-19,19L0,147.3l0,12.9l12.9,0L8,155.3l19-19l23.9,23.9h58.4 l23.9-23.9l19,19l-4.9,4.9l12.9,0l0-12.9l-4.9,4.9L136.1,133.3z M155.7,53v54.6l-22.6,22.6l-50-50L133,30.3L155.7,53z M52.8,4.5 h54.4l22.7,22.7L80,77.2L30.1,27.3L52.8,4.5z M4.3,107.6V53L27,30.3L77,80.2l-50,50L4.3,107.6z M107.4,155.9H52.6L30,133.3l50-50 l50,50L107.4,155.9z'/%3E%3C/svg%3E%0A");
      position: absolute;
      width: 100%;
      height: 100%;
      z-index: 1;
      background-color: rgb(1,1,1,0.6);
      -webkit-mask-image: var(--danger-diamond-arrows);
              mask-image: var(--danger-diamond-arrows);
      -webkit-mask-repeat: no-repeat;
              mask-repeat: no-repeat;
  }
  
  .danger-diamond > .top-icon,
  .danger-diamond > .right-icon,
  .danger-diamond > .left-icon,
  .danger-diamond > .bottom-icon {
      border: 0.1875rem solid rgb(30,181,232 ,1);
      border: 0.1875rem solid rgb(30,181,232 ,1);
  }
  
  
  .anom-bar-container.neutralized .danger-diamond > .top-icon::before,
  .anom-bar-container.neutralised .danger-diamond > .top-icon::before {
      background-color: rgba(55,55,55 ,1);
      background-color: rgba(55,55,55,1);
      background-image: url("https://scp-wiki.wikidot.com/local--files/component:anomaly-class-bar/neutralized-icon.svg");
  }

  Pages using this styling

  • scp-8302 [info]

  ¶ 1 occurrence
  

  /* Logo Customization */
  :root {
      --proposal-logo: url(https://scp-wiki.wdfiles.com/local--files/theme%3Apenumbra/logo.png);
      --proposal-logo-filter: invert(100%);
      --proposal-logo-size: 15rem;
  }
   
  .proposal-logo {
      min-height: 15rem;
      filter: var(--proposal-logo-filter);
      background: var(--proposal-logo);
      background-size: var(--proposal-logo-size);
      background-repeat: no-repeat;
      background-position: center center;
  }
  
  .proposal-title {
      font-size: 2em;
  }
   
  .proposal-subtitle {
      font-size: 1.5em;
  }
   
  .proposal-title,
  .proposal-subtitle {
      position: relative;
      margin: .5rem 1.25rem;
      margin-bottom: 0;
      padding: .5rem 1.25rem;
      padding-bottom: 0;
      --wght: 700;
      font-family: var(--title-font);
      text-align: center;
      color: rgb(var(--gray-monochrome));
  }
   
  .proposal-title p,
  .proposal-subtitle p {
      margin: 0;
  }
   
  .proposal-author {
  font-style: italic;
  text-align: right;
  }
  
  /* Document Base */
  .document {
      display: block;
      position: relative;
      max-width: 45rem;
      margin: 1.25em 1.25em 2.25em 1.25em;
      padding: 1.25em;
      color: rgb(var(--gray-monochrome));
      background-color: rgb(var(--white-monochrome));
      box-shadow: 0 0 10px rgba(var(--dark-gray-monochrome), .5);
  }
   
  .document::before {
      top: 5px;
      left: -5px;
      transform: rotate(-2.5deg);
  }
   
  .document::after {
      top: 2.5px;
      right: -2.5px;
      transform: rotate(1.25deg);
  }
   
  .document::before,
  .document::after {
      content: "";
      position: absolute;
      z-index: -1;
      height: 98%;
      width: 98%;
      background-color: rgb(var(--white-monochrome));
      box-shadow: 0 0 10px rgba(var(--dark-gray-monochrome), .5);
  }
   
  @media only screen and (max-width: 1020px) {
  .document::before,
  .document::after {
          display: none;
      }
  }
  
      /* Fix for BetterFootnotes overlapping sidebox by T3DK */
      .anchor {
       z-index: 8;
      }

  Pages using this styling

  • scp-8302 [info]

  ¶ 1 occurrence
  

  /* == A/V LOG FORMAT == */
  
   .logs {
      padding-top: .8rem;
  
      font-family: var(--mono-font);
  }
  
   .logs hr {
      border-color: var(--accentColorLite);
  }
  
   table td {
      line-height: 1.5;
  }
  
   table.dialog {
      display: block;
      padding-top: 1.2rem;
  
      border-collapse: collapse;
  }
  
   table.dialog th {
      padding: 1.2rem .8rem 1.2rem 0;
  
      border-right: thin solid var(--accentColorLite);
  
      font: 1.05rem var(--header-font);
  }
  
   table.dialog td,
   table.dialog td.active tt {
      opacity: .75;
  
      font-style: italic;
  }
  
   table.dialog td {
      padding: 1.2rem 0 1.2rem .8rem;
  
      font-family: var(--mono-font);
  }
  
   table.dialog td.active {
      opacity: 1;
  
      font: 100%/1.5 var(--body-font);
      font-feature-settings: var(--glyphs);
  }
  
   @media (max-width: 767px) {
       table.dialog th {
      	font-size: .85rem;
      }
  }
  
  /* == BLACKLIGHT BOX == */
  
   .modal,
   .blbf-main > div {
      margin: 1.5rem .5rem;
  }
  
   .modal {
      width: calc(100% - 3rem);
      padding: 0 .75rem;
  
      color: var(--textColorMid);
      background: var(--fgColor);
      border: thick solid var(--accentColorLite);
  }
  
   .blbf-main > div {
      border-width: thick;
  
      hyphens: none;
  }
  
   .blbf-main > div::before {
      font-family: var(--header-font);
  }
  
   @media (max-width: 767px) {
       .blbf-main > div {
      	padding-top: 0;
      }
  }
  
  /* == DIV BLOCKS == */
  
   div.blockquote.lightweight {
      box-shadow: none;
  }
  
   @media (min-width: 768px) {
       div.blockquote.lightweight {
      	width: 75%;
      	margin: auto;
      }
  }
  
   .blockquote.lightweight.custom {
      width: fit-content;
      margin: 3.5rem auto;
  
      box-shadow: 5px 5px var(--keyColor);
  }
  
  /* == COMMON == */
  
   :root {
      --secure-head-bg: hsl(240, 91%, 81%); 
      --secure-head-text: hsl(240, 91%, 21%);
      --secure-fg: hsl(240, 31%, 15%);
      --secure-accent: hsla(240, 91%, 91%, .5);
  }
  
  /* == EAVVESNET == */
  
   table {
      width: 100%;
  }
  
   .eNet {
      border: 1px solid;
  }
  
   .eNet.head,
   .eNet.sub {
      text-align: center;
  }
  
   .eNet.sub,
   .eNet.body {
      background: var(--fgColor);
  }
  
   .eNet.head {
      padding: .8rem;
  
      font: bold 1.25rem var(--header-font);
  }
  
   .eNet.sub {
      padding: .4rem;
  
      font: bold 1.05rem var(--mono-font);
  }
  
   .eNet.body {
      padding: .4rem .8rem;
  }
  
   .head.secure {
      color: var(--secure-head-text);
      background: var(--secure-head-bg);
      border-color: var(--secure-head-bg);
  }
  
   .sub.secure,
   .body.secure {
      background: var(--secure-fg);
      border-color:  var(--secure-accent);
  }
  
  /* == INFO BAR == */
  
   #u-author_block {
      display: none;
  }
  
  /* == MISC == */
  
   .scp-header {
      font-size: x-large;
  }
  
   .icon-tint {
      filter:
      	invert(.3)
      	sepia(.5)
      	saturate(800%)
      	hue-rotate(var(--tint))
      	opacity(.8);
  }

  Pages using this styling

  • scp-8299 [info]

  ¶ 1 occurrence
  

  .danke {
      padding: 5px;
      margin-bottom:10px;
      font-family: monospace;
      font-size: 1.1em;
  }
  
  .agent {
      background-color:#002200;
      border: 3px solid #55AA55;
      color: #77CC77;
      opacity: 0.8;
  }
  
  .site {
      background-color:#222200;
      border: 3px solid #AAAA55;
      color: #DDDD77;
  }
  .leftpad{
      padding-left: 10px;
      border-color: #55AA55;
      border-top-style: solid;
      border-right-style: solid;
      border-left-style: solid;
      border-opacity: 0.8;
  }

  Pages using this styling

  • scp-8298 [info]

  ¶ 1 occurrence
  

  .blbf-main > div {
  color: rgb(var(--swatch-text-general,51,51,51));
  line-height: 1.5;
  -moz-hyphens: none !important;
  hyphens: none !important;
  font-size: inherit;
  }
  
  table.wiki-content-table td {
  border: 0px
  }

  Pages using this styling

  • scp-8294 [info]

  ¶ 1 occurrence
  

  .email-example .collapsible-block-folded a.collapsible-block-link {
      animation: blink 0.8s ease-in-out infinite alternate;
  }
  @keyframes blink {
      0% { color: transparent; }
      50%, 100% { color: #b01; }
  }

  Pages using this styling

  • scp-8293 [info]

  ¶ 1 occurrence
  

  :root {
      --header-title:"Orlando";
      --header-subtitle:"An Extended Biography";
      --logo-image: url("https://scp-sandbox-3.wdfiles.com/local--files/queerlando-theme/quill_shadow.png");
  }
  
  #header h1 a:before {
      font-size: clamp(3rem, 24vw, 6rem);
  }
  
  #header h2 span::before {
      font-size: 1.3em;
      padding-top: 0.5em;
      margin-left: -0.5em;
      text-shadow: 0.125rem 0.125rem 0 rgb(79 79 79);
  }
  
  #page-content hr {
      width: 100% !important;
      margin: 1em auto;
  }
  
  #page-content .creditButton p a {
      color:#373737;
  }
  
  .email-example .collapsible-block-folded a.collapsible-block-link {
      animation: blink 0.8s ease-in-out infinite alternate;
  }
  @keyframes blink {
      0% { color: transparent; }
      50%, 100% { color: #b01; }
  }
  .email {border: solid 2px #000000; width: 88%; padding: 1px 15px; margin: 10px; box-shadow: 0 1px 3px rgba(0,0,0,.5)}
  .email-example a.collapsible-block-link {font-weight: bold;}
  .tofrom {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px maroon}

  Pages using this styling

  • scp-8291 [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Courier+Prime&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Jost&display=swap');
  
  :root {
    --body-font: "Jost", sans-serif;
  }
  
  .coll-block {
     border: solid 1px #e5ddb7;
     background: #f9efc2;
     padding: 10px;
     margin-bottom: 10px;
     text-align: center;
     font-family: "Courier Prime", monospace;
  }
  
  .inner-block {
     border: solid 1px #e5ddb7;
     background: #fffdf0;
     padding: 20px;
     margin-bottom: 10px;
     text-align: left;
     font-family: var(--body-font);
  }
  
  table.dialog {
     border-collapse: collapse;
     font-family: "Courier Prime", monospace;
  }
  
  table.dialog th {
     font-weight: bold;
     border-right: 1px solid #333;
     padding: 1em 1em 0 0;
     text-align: center;
  }
  
  table.dialog td {
     padding: 1em 0 0 1em;
  }
  
  ul {
     padding-left: 3em;
  }

  Pages using this styling

  • scp-829 [info]

  ¶ 1 occurrence
  

  .email-example .collapsible-block-folded a.collapsible-block-link {
      animation: blink 0.8s ease-in-out infinite alternate;
  }
  @keyframes blink {
      0% { color: transparent; }
      50%, 100% { color: #b01; }
  }
  .email {border: solid 2px #000000; padding: 1px 15px; margin: 10px 10px 10px 10px; box-shadow: 0 1px 3px rgba(0,0,0,.5)}
  .email-example a.collapsible-block-link {font-weight: bold;}
  .tofrom {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px maroon}
  
  .scp-image-block .scp-image-caption {
  background-color: #f4f4f4 !important;
  }

  Pages using this styling

  • scp-8282 [info]

  ¶ 1 occurrence
  

  :root{
    --header-subtitle: "SELECTIVE CARTOMANTIC PRACTICES";
  }
  
  div#extra-div-1 {
      background-image: url(https://scp-wiki.wdfiles.com/local--files/scp-6625/logoblue.png);
      filter: opacity(100%);
  }

  Pages using this styling

  • scp-8282 [info]

  ¶ 1 occurrence
  

  :root {
   --timeDelay: 0.05s;
   --problem: 255, 109, 0;
   --thaumiel: 88, 0, 188;
   --head-font: Lexend;
   --page-font-size: 0.9rem;
  }

  Pages using this styling

  • scp-8282 [info]

  ¶ 1 occurrence
  

  .anom-bar-esoteric .anom-bar-container.embla .anom-bar .text-part > .main-class::after {
  border: 0.25rem solid rgb(250, 250, 250) !important;
  filter: invert(100%);
  -webkit-filter: invert(100%);
  }
  
  .bottom-icon {
  border: 0.19rem solid rgb(250, 250, 250) !important;
  filter: invert(100%);
  -webkit-filter: invert(100%);
  }
  
  .responsive_table {
  margin: 0px !important;
  width: 100% !important;
  }
  
  li.unfolded > div.colmod-link-top {
  height: 0px !important;
  overflow: hidden !important;
  }
  
  .colmod-link-top {
  text-align: center !important;
  font-size: 17px;
  }
  
  .colmod-link-top > .foldable-list-container {
      padding: 5px;
      border: #888 solid 1px;
      background-color: white;
  }
  
  .table_row div:nth-child(1) {
          width: auto;
          text-align: center;
  }
  .table_row div:nth-child(2) {
          width: auto;
  }
  
  @media screen and (min-width: 801px) {
      .table_row div:nth-child(1) {
          width: 14%;
          text-align: center;
          vertical-align: middle;
      }
      .table_row div:nth-child(2) {
          width: 20%;
          vertical-align: middle;
      }
  }
  
  #container {
      background-image: linear-gradient(transparent 0px, transparent 170px, #fffff8 100px, #fffff8 2400px, #f8f8ff 4000px);
  }
  
  .w-container {
      background-color: white;
  }
  
  .unused-table-background-test { 
  background-color:rgb(var(--swatch-secondary-color, 248, 248, 248));}
  
  /* ridiculous CSS crimes imo; thanks Vi */
  p + .userloggedin { display: none; }
  

  Pages using this styling

  • scp-8281 [info]

  ¶ 1 occurrence
  

  .creditRate {
  display: flex;
  float: none;
  justify-content: center;
  }
  
   :root{
     --header-title: "Department Of Artistic Anomalies";
     --header-subtitle: "Sketch. Create. Portray.";
     
  }
  
  :root{
    --base-color: rgb(75, 57, 123);
    --hover-color: rgb(145, 121, 231);
    --click-color: rgb(145, 121, 231);
  }
  .page {
      display: block;
      overflow: hidden;
      font-family: "Monotype Corsiva", "Bradley Hand ITC", sans-serif;
      font-style: normal;
      color: black;
      background-attachment: scroll;
      background-clip: border-box;
      background-color: transparent;
      background-image: linear-gradient(to top ,rgb(202, 219, 228) 0%, rgb(231, 233, 220) 8%);
      background-origin: padding-box;
      background-position: 0px 8px;
      background-repeat: repeat;
      background-size: 100% 20px;
      border: 1px solid #CCC;
      border-radius: 10px;
      padding: 10px 10px;
      margin-bottom: 10px;
      box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2)
  }
  .page p,
  .page ul {
      line-height: 20px;
      margin: 0;
  }
  @import url('https://fonts.googleapis.com/css2?family=Dekko&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Neucha&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Rock+Salt&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Gloria+Hallelujah&display=swap');
  .info-container {
  --barColour: #888;
  }
  .grayFilter {
    color: black;
    filter: grayscale(100%) saturate(0%);
    -webkit-filter: grayscale(100%) saturate(0%);
  }
  .poem {
    text-align: center;
    font-style: italic;
    padding: 1em 2em;
  }
  .poemSig {
    text-align: right;
  }
  .artA {
    font-family: Gloria Hallelujah; font-size: 110%; word-break: normal !important
  }
  .artB {
    font-family: Dekko; font-size: 130%; word-break: normal !important
  }
  .artC {
    font-family: Rock Salt; font-size: 120%; word-break: normal !important
  }

  Pages using this styling

  • scp-8278 [info]

  ¶ 1 occurrence
  

  
  @import url('https://fonts.googleapis.com/css2?family=Kode+Mono:wght@400..700&display=swap'); 
  
  
  :root {
     --base-font-size: 1rem;
     --header-font-primary: 'Legend';
     --body-font-primary: 'Jost';
     --UI-font-primary: 'Spaceport 2006';
     --mono-font-primary: 'Kode Mono';
  }
  
  .blockquote, div.blockquote {
      border-radius: 12px;
  }
  
  .terminal {
     justify-content: center;
   }
  
  
  .terminal-content {
     border: 20px solid grey;
     box-sizing: border-box;
     border-radius: 10px;
     background: black;
     width: 100%;
     display: grid;
     grid-template-areas:
        "sp text sp2";
     grid-template-columns: 2fr 96fr 2fr;
  }
  
  .terminal-text {
     mix-blend-mode: lighten;
     font-family: 'Kode Mono';
     font-size: clamp(0.8em, 1vw, 1.5em);
     grid-area: text;
     padding: 0.15em;
     color: white;
  }
  
  
  .terminal-header {
     font-family: font-family: 'DOSFont', monospace;
     font-size: 2.45em;
     line-height: 0.75em;
     text-align: center;
  }
  

  Pages using this styling

  • scp-8274 [info]

  ¶ 1 occurrence
  

  :root {
  --problem: 241, 167, 92
  }

  Pages using this styling

  • scp-8273 [info]

  ¶ 1 occurrence
  

  .inevitablink a{
      color: #ffd700;
  }

  Pages using this styling

  • scp-8273 [info]

  ¶ 1 occurrence
  

  .lines {
    padding: 4px 16px 4px 16px;
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
    margin: auto;
    margin-bottom: 28px;
    margin-top: 28px;
    border: solid 5px #E9FBDF;
  }
  .ettra_memo {
      width: 66%;
      margin-left: auto;
      margin-right: auto;
      margin-bottom: 24px;
      padding: 10px 20px 20px 20px;
      word-break: break-word;
  }
  .ics_memo {
      box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
      width: 90%;
      min-height: 4rem;
      margin-left: auto;
      margin-right: auto;
      padding: 10px 20px 20px 20px;
      word-break: break-word;
  }
  .chaos {
    padding: 4px 16px 4px 16px;
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
    width: 85%;
    margin: auto;
    margin-bottom: 28px;
    margin-top: 28px;
    border: solid 5px #FF0000;
  }

  Pages using this styling

  • scp-8273 [info]

  ¶ 1 occurrence
  

  .medic{
      padding: 4px 16px 4px 16px;
      box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
      width: 75%;
      margin: auto;
      margin-bottom: 28px;
      margin-top: 28px;
      background: #e1f2ed;
      border: solid 0.1rem #5D5D5D;

  Pages using this styling

  • scp-8272 [info]

  ¶ 1 occurrence
  

  @import url(https://fonts.googleapis.com/css2?family=Satisfy&display=swap);
  
  .email-example .collapsible-block-folded a.collapsible-block-link {
      animation: blink 0.8s ease-in-out infinite alternate;
  }
  @keyframes blink {
      0% { color: transparent; }
      50%, 100% { color: #b01; }
  }
  .email {border: solid 2px #000000; width: 88%; padding: 1px 15px; margin: 10px; box-shadow: 0 1px 3px rgba(0,0,0,.5)}
  .email-example a.collapsible-block-link {font-weight: bold;}
  .tofrom {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px maroon}
  
  .blinkylink a {animation: blink 0.8s ease-in-out infinite alternate;}
  @keyframes blink {     0% { color: transparent; }     50%, 100% { color: #b01; } }
  

  Pages using this styling

  • scp-8265 [info]

  ¶ 1 occurrence
  

  .minstyle {
      background: #eaecee;
      background-size: 265px;
      float: center;
      border: solid 2px #aaaaaa;
      padding: 8px;
      border-radius: 3px;
      box-shadow: 0 1px 4px rgba(0,0,0,.25);
  }
  
  .pulsy {
    background-image: linear-gradient(#f7f8fa ,#e7e9ec);
    border-color: #adb1b8 #a2a6ac #8d9096;
    border-style: solid;
    border-width: 1px;
    border-radius: 3px;
    box-shadow: rgba(255,255,255,.6) 0 1px 0 inset;
    box-sizing: border-box;
    color: #0f1111;
    display: inline-block;
    font-size: 85%;
    outline: 0;
    overflow: hidden;
    padding: 15px;
    max-width: 100%;
    text-align: center;
    text-decoration: none;
    user-select: none;
    white-space: nowrap;
  }
  

  Pages using this styling

  • scp-8265 [info]

  ¶ 1 occurrence
  

  
  .body-text {
      margin: 2% 5% 2% 5%;
      padding: 5px 20px 5px 20px;
      background-color: #f2f2f2;
      color: #111;
  }
  
  .quote-text {
      display: inline-block;
      border:dashed 1px #999999;
      background:#F5F5F5;
      float:center;
      width:84%;
      padding:1px 15px;
      margin: 10px 10px 10px 30px;
  }
  
  @media only screen and (max-width: 600px) {
  
      .body-text {
          margin: 0% 4% 0% 4%;
      }
  
      .quote-text {
          margin: 10px 20px 10px 20px;
      }
  
  }
  
  #page-content .info-container {
      --link-color: rgb(var(--swatch-text-general));
  }
  
  #page-content .info-container .translation_block {
      display: none;
  }
  
  #page-content .info-container .collapsible-block-link,
  #page-content .info-container:hover .collapsible-block-link {
      line-height: 1.6em;
  }
  
  #page-content .info-container .collapsible-block-folded,
  #page-content .info-container .collapsible-block-unfolded-link {
      display: grid;
  }
  
  #page-content .info-container .collapsible-block-folded .collapsible-block-link,
  #page-content .info-container .collapsible-block-link {
      -webkit-mask: unset;
              mask: unset;
      background: transparent;
      grid-column: 1;
      grid-row: 1;
      opacity: 0;
  }
  
  #page-content .info-container .collapsible-block-folded::before,
  #page-content .info-container .collapsible-block-unfolded-link::before {
      --wght: 800;
      content: "Elenee FishTruck";
      color: #FFFFFF;
      font-family: Inter, Arimo, Verdana, Geneva, "Helvetica Neue", "Helvetica", Arial, sans-serif;;
      display: block;
      pointer-events: none;
      grid-column: 1;
      grid-row: 1;
      line-height: 2.75ex;
  }

  Pages using this styling

  • scp-8265 [info]

  ¶ 1 occurrence
  

  .siddo-style {
      background: url(http://scp-wiki.wdfiles.com/local--files/the-great-hippo/scp_trans.png) center no-repeat #E9E0D2;
      float: center;
      border: solid 4px #000;
      padding: 1px 15px;
      box-shadow: 0 1px 3px rgba(0,0,0,.2);
      color: #000000;
  }
  
  .oni-style {
      background: url(http://scp-wiki.wdfiles.com/local--files/the-great-hippo/scp_trans.png) center no-repeat rgba(160, 160, 160);
      float: center;
      border: solid 4px rgba(75, 51, 102);
      padding: 1px 15px;
      box-shadow: 0 1px 3px rgba(0,0,0,.2);
  }
  
  :root {
      --logo-image: url(http://siddobox.wikidot.com/local--files/oniricidio/OneiroiBianco.png);
      --header-title: "Nootic and Onironautics Division";
      --header-subtitle: "Sleep, Consciousness and Psionics";
  }

  Pages using this styling

  • scp-8265 [info]

  ¶ 1 occurrence
  

  .oni-style {
      background: url(http://scp-wiki.wdfiles.com/local--files/the-great-hippo/scp_trans.png) center no-repeat rgba(160, 160, 160);
      float: center;
      border: solid 4px rgba(75, 51, 102);
      padding: 1px 15px;
      box-shadow: 0 1px 3px rgba(0,0,0,.2);
  }

  Pages using this styling

  • scp-8265 [info]

  ¶ 1 occurrence
  

  .typewriter{
    overflow: hidden; /* Ensures the content is not revealed until the animation */
    white-space: nowrap;
    margin: 0; /* Gives that scrolling effect as the typing happens */
    letter-spacing: .15em; /* Adjust as needed */
    animation: 
      typing 1s steps(40, end);
  }
  
  .typewriterhiding{
    overflow: hidden;
    visibility: hidden;
    animation: 1s fadeIn 8s;
    animation-fill-mode: forwards;
  }
  
  .typewriteranswer{
    overflow: hidden; /* Ensures the content is not revealed until the animation */
    border-right: .15em solid orange; /* The typwriter cursor */
    white-space: nowrap;
    width: 0;
    margin: 0; /* Gives that scrolling effect as the typing happens */
    letter-spacing: .15 em; /* Adjust as needed */
    animation: 
      typing 10s steps(90, end),
      blink-caret .75s ease-out 60s;
   animation-delay: 2.5s;
   animation-fill-mode: forwards;
  }
  
  .typewriteranswerresponse{
    overflow: hidden; /* Ensures the content is not revealed until the animation */
    width: 0;
    white-space: nowrap;
    margin: 0; /* Gives that scrolling effect as the typing happens */
    letter-spacing: .15em; /* Adjust as needed */
    animation: 
      typing 1s steps(40, end);
    animation-delay: 5s;
    animation-fill-mode: forwards;
  }
  
  /* The typing effect */
  @keyframes typing {
    from { width: 0 }
    to { width: 100% }
  }
  
  /* The typewriter cursor effect */
  @keyframes blink-caret {
    from, to { border-color: transparent }
    50% { border-color: orange; }
  }
  
  /* Wait to appear */
  @keyframes fadeIn {
    0% {
      opacity: 0;
    }
    100% {
      visibility: visible;
      opacity: 1;
    }
  }
  .email {
      border: solid 2px #000000;
      width: 88%;
      padding: 1px 15px;
      margin: 10px;
      box-shadow: 0 1px 3px rgba(0, 0, 0, .5);
      background-color: white;
  }
  .tofrom {
      margin-left: 10px;
      margin-top: 5px;
      padding: 1px 15px;
      border-left: solid 3px maroon
  }
  .containercontainer {
      position: relative;
      width: auto;
      height: auto;
      border: 2px solid #666;
      background: #141212;
      color: #3F3;
      margin-top: 1em;
      margin-bottom: 1em;
  }
  .containercontainer .container .overlay {
      background: rgba(51, 255, 51, 0.9);
      color: #121010;
      position: absolute;
      width: auto;
      height: 50px;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      margin: auto;
      line-height: 50px;
      display: inline;
      vertical-align: middle;
      text-align: center;
      font-family: Courier New;
      font-size: 30px;
      letter-spacing: 5px;
      font-weight: bolder;
      z-index: 3;
      animation: overlay-anim 10s linear;
      animation-fill-mode: forwards;
      animation-iteration-count: infinite;
  }
  .overlayback {
      background: rgba(187, 187, 187, 0.5);
      z-index: 3;
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      width: auto;
      height: auto;
      animation: overlay-anim 10s linear;
      animation-fill-mode: forwards;
      animation-iteration-count: infinite;
  }
  .containercontainer .container {
      text-align: center;
      width: inherit;
      height: inherit;
      position: relative;
      overflow: hidden;
  }
  .containercontainer .container::after {
      content: " ";
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      background: rgba(21, 19, 19, 0.2);
      opacity: 0;
      z-index: 2;
  }
  .containercontainer .container::before {
      content: " ";
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      background: linear-gradient(rgba(18, 16, 16, 0.03) 50%, rgba(0, 0, 0, 0.45) 50%), linear-gradient(90deg, rgba(255, 0, 0, 0.22), rgba(0, 255, 0, 0.11), rgba(0, 0, 255, 0.22));
      z-index: 2;
      background-size: 100% 2px, 3px 100%;
  }
  .no-unfold {
      text-align: center;
  }
  .container h1, .container h2, .container h3, .container h5, .container h6 {
      color: #3F3;
  }
  .container hr {
      border-top: 1px dotted #3F3;
      border-bottom: none;
  }
  .container hr {
      border-top: 1px solid #3F3;
      border-bottom: 1px solid #3F3;
      color: transparent;
      background-color: transparent;
  }
  .container hr:after {
      display: block;
      margin-top: 2px;
      border-top: 1px solid #3F3;
      border-bottom: 1px solid #3F3;
  }
  .blinkbar {
      animation: blink 1.5s infinite;
      letter-spacing: -0.13em;
  }
  @keyframes blink {
      to {
          opacity: .0;
      }
  }
  @keyframes overlay-anim {
      0% {
          visibility: hidden;
      }
      10% {
          visibility: hidden;
      }
      11% {
          visibility: visible;
      }
      50% {
          visibility: hidden;
      }
      100% {
          visibility: hidden;
      }
  }
  #u-start, .textchange div.sitemember:nth-child(2) {
      display: none;
  }
  .type-wrap-wrapper {
      position: relative;
      text-align: left;
  }
  .type-wrapper {
      background: #555;
  }
  .typearea {
      color: lime;
      font-family: "Courier";
      font-size: 1.2em;
      margin: 10px 0 0 10px;
      white-space: nowrap;
      overflow: hidden;
      width: 0;
  }
  #u-start:target~.typearea {
      width: 100%;
      animation: type 4s steps(60, end);
  }
  .typearea a {
      color: lime;
      text-decoration: none;
  }
  .blink {
      animation: blink 1s infinite;
  }
  @keyframes type {
      from {
          width: 0;
      }
  }
  @keyframes blink {
      to {
          opacity: .0;
      }
  }
  .buttonwrapper {
      text-align: center;
  }
  .likebutton {
      padding: 0.1em 0.5em;
      text-decoration: none;
      font-size: 1.3em;
      background-color: #F4F4F4;
      border: 1px solid #AAA;
      color: #000;
  }
  .likebutton:hover {
      background-color: #DDD;
      color: #000;
      border: 1px solid #0098b3;
  }

  Pages using this styling

  • scp-8264 [info]

  ¶ 1 occurrence
  

  #page-content
  .image-side-by-side-container
  .image-block.image-block-right {
    max-width: 300px;
  }
  
  .image-side-by-side-container {
    display: grid;
    grid-template-columns: auto auto;
    grid-template-rows: auto auto;
    grid-template-areas:
      "description images"
      "discovery images";
  }
  
  .image-side-by-side-container img {
    margin-left: 15px;
  }
  
  @media (max-width: 640px) {
    .image-side-by-side-container img {
      margin-left: 0;
    }  
   
    .image-side-by-side-container {
      grid-template-columns: auto;
      grid-template-rows: auto auto auto;
      grid-template-areas:
        "description"
        "images"
        "discovery";
    }
  }
  

  Pages using this styling

  • scp-8263 [info]

  ¶ 1 occurrence
  

  :root{
      --header-title: "SCP FOUNDATION";
      --header-subtitle: "Secure - Contain - Protect";
      --logo-image: url("https://i.imgur.com/gUrwuM3.png");
  
      --deep-crimson: 186, 43, 247;
  
      
      --pitch-black: 6, 6, 6;
      --dark-midnight: 26, 26, 26;
      --silver-lining: 196, 196, 196;
  }
  
  #container-wrap:before {
  
      /*background-image: none;
      background-color: rgb(var(--pitch-black));*/
  
      opacity: 0.07;
  
  }
  
  
  .ramka {
    display: block ; border : solid 3px rgb(var(--deep-crimson)); background: rgb(var(--dark-midnight)); margin-left : auto ; margin-right : auto ; width : 88% ; padding:20px ; padding-top:10px ; padding-bottom:10px; 
  }
  

  Pages using this styling

  • scp-8260 [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Cutive+Mono&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&display=swap');
  
  .page {
      display: block;
      overflow: hidden;
      font-family: "Monotype Corsiva", "Bradley Hand ITC", sans-serif;
      font-style: normal;
      background-attachment: scroll;
      background-clip: border-box;
      background-color: transparent;
      background-image: linear-gradient(to top ,rgb(202, 219, 228) 0%, rgb(231, 233, 220) 8%);
      background-origin: padding-box;
      background-position: 0px 8px;
      background-repeat: repeat;
      background-size: 100% 20px;
      border: 1px solid #CCC;
      border-radius: 10px;
      padding: 10px 10px;
      margin-bottom: 10px;
      box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2)
  }
  .page p,
  .page ul {
      line-height: 20px;
      margin: 0;
      font-size: 130%;
  }
  .email {border: solid 2px #000000; width: 88%; padding: 1px 15px; margin: auto; box-shadow: 0 1px 3px rgba(0,0,0,.5); background-color: white; color: black; font-family: "Helvetica";}
  .email-example a.collapsible-block-link {font-weight: bold;}
  .tofrom {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px maroon;font-family: "Helvetica"}
  
  a, a.newpage, a:visited, #interwiki a, #side-bar a {
      color: royalblue;
  }
  .letter {
  font-family: "Cutive Mono";
  font-size: 110%;
  width: 90%
  margin: auto;
  padding: 15px;
  border: solid 2.5px #dee0ea;
  background-color:#ffffff;
  color: #000000;
  }
  .liason {
  font-family: "monospace";
  font-size: 110%;
  width: 90%
  margin: auto;
  padding: 15px;
  border: solid 2.5px #e0d6b1;
  background-color:#e8dfbd;
  color: #000000;
  }
  .ec {
  font-family:"Oswald";
  font-size:180%;
  background-color:##000060
  }
  
  

  Pages using this styling

  • scp-8257 [info]

  ¶ 1 occurrence
  

  .carousel-caption {
    width: 100% !important;
  }

  Pages using this styling

  • scp-8256 [info]

  ¶ 1 occurrence
  

  :root {
       --header-title: "THE FOUNDATION";
       --header-subtitle: "ANOTHER ROUND DONE";
  }

  Pages using this styling

  • scp-8254 [info]

  ¶ 1 occurrence
  

  :root {
      --four-color: 247, 194, 94;
      --three-color: 247, 194, 94;
      --one-color: 247, 194, 94;
  } !important

  Pages using this styling

  • scp-8253 [info]

  ¶ 1 occurrence
  

  
  body {
  
      background-image: url(https://scp-wiki.wdfiles.com/local--files/scp-8253/Gabriel3dark.JPEG);
      background-attachment: fixed;
      background-size: cover;
  }
  
  body:before {
    content: ' ';
    position: fixed;
    display: block;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(170deg, transparent, rgb(0, 0, 0) 65%, rgb(0, 0, 0) 65%, rgb(0, 0, 0) 62%);
    z-index: -1;
    color:#EDEDED;
  }
  
  :root{
  --logo: url(https://scp-wiki.wdfiles.com/local--files/scp-8253/logoUTS.png);
  --title: "UNORTHODOX SOLUTIONS";
  --subtitle: "Are you a holy man, Jerome?";
  }
  
  :root {
      /* REDMODE */
      --basalt-UI-dark-palette: 26, 26, 47;
      --basalt-bright-element-color: 38, 40, 64;
      --basalt-dark-element-color: 24, 22, 33;
      --basalt-primary-color: 13, 17, 31;
      --basalt-secondary-color: 18, 17, 26;
      --basalt-tertiary-color: 40, 40, 50;
      --general-border-color: 245, 215, 132;
  }
  
  
  a:link {
    color: #f2b90c;
  }
  a:visited {
    color: #f0d686;
  }
  a:hover {
    color: #f2b90c;
  }
  a:active {
    color: #f2b90c;
  }
  

  Pages using this styling

  • scp-8253 [info]

  ¶ 1 occurrence
  

  :root { --header-h1-font-size: calc(var(--base-font-size) * (40 / 15));
  --header-title: "TENEBRIS DEPARTMENT";
  --header-subtitle: "Your Light in the Dark";

  Pages using this styling

  • scp-8250 [info]

  ¶ 1 occurrence
  

  .instagram{
  width:350px;
  margin:auto;
  box-shadow:1px 1px 7px #aaa inset;
  }
  .textual{
  background-repeat:no-repeat;
  height:20px;
  width:20px;
  object-fit:contain;
  object-position:center;
  cursor:pointer;
  }
  .heart{
  background-image:url("https://scp-sandbox-3.wikidot.com/local--files/collab:mombun-and-fish-12/likes.png");
  }
  .heart:hover{
  background-image:url("https://scp-sandbox-3.wikidot.com/local--files/collab:mombun-and-fish-12/liked.png");
  }
  .commenter{
  background-image:url("https://scp-sandbox-3.wikidot.com/local--files/collab:mombun-and-fish-12/comment.png");
  }
  .commenter:hover{
  background-image:url("https://scp-sandbox-3.wikidot.com/local--files/collab:mombun-and-fish-12/commented.png");
  }
  .network{
  background-image:url("https://scp-sandbox-3.wikidot.com/local--files/collab:mombun-and-fish-12/share.png");
  }
  .network:hover{
  background-image:url("https://scp-sandbox-3.wikidot.com/local--files/collab:mombun-and-fish-12/shared.png");
  }

  Pages using this styling

  • scp-8247 (6) [info]

  ¶ 1 occurrence
  

  .anom-bar-esoteric .anomaly-class-bar .secondary-icon img {
      filter: brightness(0) invert(1) !important;
  }
  
  .anom-bar-esoteric .anomaly-class-bar .containment-class .class-icon img {
      filter: none !important;
  }
  .readable-container {
      background: rgba(0, 0, 0, 0.92);
      padding: 24px;
      border-radius: 10px;
      margin: 30px auto;
      max-width: 900px;
      box-shadow: 0 0 40px rgba(0,0,0,1);
      border: 1px solid rgba(255,255,255,0.04);
  }
  

  Pages using this styling

  • scp-8241 [info]

  ¶ 1 occurrence
  

  .box {
      position: relative;
      padding: 1em;
      margin: 0.5em;
      box-shadow: 2px 1.5px 1px rgba(176,16,0,0.7), 0 0 0px 1px lightgrey;
      overflow-wrap: break-word;
      color: black;
  }
  .box.imagebox {
      padding: 0.2em;
      margin: 0.2em;
      box-shadow: 2px 1.5px 1px lightgrey, 0 0 0px 1px lightgrey;
  }
  
  table td p {
    margin: 0px;
  }

  Pages using this styling

  • scp-8238 [info]

  ¶ 1 occurrence
  

  
  /* Author Label Color */
  .authorlink-wrapper > a {color:#634629;}
  
  /* Rating Module Colors */
  div.page-rate-widget-box .rate-points {background-color: #634629;border: solid 1px #634629;}
  .page-rate-widget-box .rateup,
  .page-rate-widget-box .ratedown {background-color: #f5f5f5;border-top: solid 1px #473f63;border-bottom: solid 1px #634629;}
  .page-rate-widget-box .rateup a,
  .page-rate-widget-box .ratedown a {background: transparent;color: #634629;}
  .page-rate-widget-box .rateup a:hover,
  .page-rate-widget-box .ratedown a:hover {background: #634629;color: #f0f1f2;}
  .page-rate-widget-box .cancel {background-color: #634629;border: solid 1px #634629}
  .page-rate-widget-box .cancel a {background: transparent;color: #8c8279;}
  .page-rate-widget-box .cancel a:hover {background: transparent;color: #f0f1f2;}
  
  /* Rating Module In-line */
  div.shift {
  position:relative; top:3.2rem;
  }
  
  /* Logo In-line */
  div.shift2 {
  position:relative; top:-5rem;
  }
  @media (max-width: 479px) {div.shift2 {position:relative; top:-3rem;}}
  
  /* The Clutter */
  #page-title {display:none;}
  .footnotes-footer {display:none;}
  body {background-color:rgb(240, 240, 240)}
  
  /* Top Bar */
  div#header h1 span {font-size:0px}
  div#header h1 a:before {content: "SCP Foundation"; color:#eee;}
  div#header h2 span {font-size:0px; padding: 4px;}
  div#header h2:after {
  content: "Secure, Contain, Protect";
  color:#f0f0c0;
  font-family:Trebuchet MS;
  font-size:110%;
  }
  div#container-wrap {background: url('http://scp-wiki.wikidot.com/local--files/scp-8234/Eternalbackground6.png') top left repeat-x;}
  #header {background-image: url('https://scpwiki.github.io/sigma/images/header-logo.svg')}
  
  /* Debrief Box */
  div.cont {
  font-family: 'Georgia';
  font-size: 16px;
  color: #303030;
  border: dashed 1px #777;
  background:#f9f9f9;
  padding:0 2em;
  text-align: left;
  width:80%;
  margin:auto;
  box-shadow: 0 1px 1px rgba(0,0,0,.1);
  }
  
  div.dinkus {
  text-align: center;
  }
  
  div.endlog {
  font-family: 'Courier New';
  font-size: 16px;
  color: #000000;
  }
  

  Pages using this styling

  • scp-8234 [info]

  ¶ 1 occurrence
  

  .blue-collapse a.collapsible-block-link {
      color: #036ffc;
  }

  Pages using this styling

  • scp-8232 [info]

  ¶ 1 occurrence
  

  
  @import url("https://fonts.googleapis.com/css2?family=Orbitron:wght@400..900&display=swap");
  
  :root{
    --header-title: "OVERWATCH";
    --header-subtitle: "SACRIFICE CONFERS POWER";
    --head-font: var(--ui-font);
    --page-font-size: 0.89rem;
    --link-txt-color: rgba(var(--accent), 0.75);
  
    --accent: 124, 10, 2;
    --fnColor: rgb(var(--accent));
  
  }
  
  #page-content hr {
    height: 1px;
    background-color: rgb(var(--accent));
    margin-top: 1.5em;
    margin-bottom: 1.5em;
  }
  
  #page-content a {
    font-weight: bold;
  }
  
  #page-content .scp-image-block img {
    border: solid 1px rgba(var(--accent), 0.66);
  }
  
  #page-content .scp-image-block.block-left {
    margin: 0.5em 1.5em 1em 0em;
  }
  
  #page-content .scp-image-block.block-right {
    margin: 0.5em 0em 1em 1.5em;
  }
  
  #page-content .scp-image-caption {
    border: solid 1px rgba(var(--accent), 0.66);
    border-radius: 0px;
    margin-top: 7px;
  }
  
  .footnotes-footer {
  display:none;
  }
  

  Pages using this styling

  • scp-8231 [info]

  ¶ 1 occurrence
  

  :root {
      --timeDelay: 0s;
  }
  
  .authorlink-wrapper {
      --author-top-adjust: -0.1rem;
  }
  
  body {
      background-image: linear-gradient(
          to bottom,
          #e0e0e0, #e0e0e0 90px,
          #e0e0e0 90px, #eeeeee 200px,
          #eeeeee 200px, #eeeeee 12%,
          #eeeeee 12%, #eee5ee 17%,
          #eee5ee 20%, #e5eeee 25%,
          #e5eeee 40%, #eee5e5 45%,
          #eee5e5 70%, #e5eee5 75%,
          #e5eee5 88%, #eeeeee 93%,
          #eeeeee 93%, #ffffff 100%);
      background-repeat: no-repeat;
  }
  

  Pages using this styling

  • scp-8228 [info]

  ¶ 1 occurrence
  

  :root {
     --lgurl:  https://scp-wiki.wikidot.com/;
     --header-title: "Department of Marine Cryptozoology";
     --header-subtitle: "Love, loss and leviathans";
  }

  Pages using this styling

  • scp-8223 [info]

  ¶ 1 occurrence
  

  .tabular h5,
  .tabular > p,
  .tabular > span,
  .tabular > .collapsible-block {margin: 0;}
  
  .tabular > p,
  .tabular > span,
  .tabular > .collapsible-block {line-height: 1.2;}
  
  .tabular > .collapsible-block + br {display: none;}
  
  .tabular .collapsible-block-content {line-height: 1.5;}

  Pages using this styling

  • scp-8222 [info]

  ¶ 1 occurrence
  

  #page-content div.placeholder {
      user-select: none;
      width: 1em;
      height: 1em;
  }

  Pages using this styling

  • scp-8222 [info]

  ¶ 1 occurrence
  

  
  [[include :scp-wiki:component:centered-header-sigma-9]]
  [[module CSS]]
   :root {
      --header-title: "SCP FOUNDATION";
      --header-subtitle: "DEPARTMENT OF TACTICAL THEOLOGY";
      --lgurl: url(https://scp-wiki.wdfiles.com/local--files/theme%3Aad-abyssum/Department%20of%20Tactical%20Theology%20Inverted%20Transparent.png);
  }

  Pages using this styling

  • scp-8221 [info]

  ¶ 1 occurrence
  

  /* Character */
  
  div.blockquote.side {
      color: #cccccc;
      background-color: #0d0d0f;
      padding-left: 15px;
      border-left: 3px solid #373737;
      border-right: 3px solid #0d0d0f;
      border-top: 3px solid #0d0d0f;
      border-bottom: 3px solid #0d0d0f;
  }
  
  span.buffy {
      color: #ff8400;
      border-left: 3px solid #ff8400;
      padding-left: 8px;
  }
  
  span.buffy a {
      color: #ff8400;
  }
  
  span.buffy2 {
      color: #ff8400;
      border: 3px solid #ff8400;
      padding: 10px;
      margin-left: 30px;
  }
  
  span.buffy2 a {
      color: #ff8400;
  }
  
  span.ingrid {
      color: #75bfec;
      border-left: 3px solid #75bfec;
      padding-left: 8px;
  }
  
  span.ingrid a {
      color: #75bfec;
  }
  
  span.ingrid2 {
      color: #75bfec;
      border: 3px solid #75bfec;
      padding: 10px;
  }
  
  span.ingrid2 a {
      color: #75bfec;
  }
  

  Pages using this styling

  • scp-8214 [info]

  ¶ 1 occurrence
  

  /* Text */
  
  span.text {
      letter-spacing: 3px}
  }
  
  span.text a {
      color: #cccccc;
  }
  
  span.test {
      border: 2px solid #373737;
      padding: 3px;}
  }
  
  span.test a {
      color: #cccccc;
  }
  
  span.test2 {
      border: 2px solid #b19cd7;
      padding: 3px;}
  }
  
  span.test2 a {
      color: #b19cd7;
  }
  
  
  span.title {
      letter-spacing: 3px;
      border-left: 3px solid #cccccc;
      padding-left: 8px}
  }
  

  Pages using this styling

  • scp-8214 [info]

  ¶ 1 occurrence
  

  /* Spacers */
  
  div.space{
      background-color: #0d0d0f;
      margin-top: 18px;
      margin-bottom: 12px;
      padding-left: 18px;
      padding-right: 18px;
      color: #cccccc;
      font-size: 12pt;
  }
  
  div.space2{
      background-color: #1e1e23;
      margin-top: 18px;
      margin-bottom: 12px;
      padding-left: 18px;
      padding-right: 18px;
      color: #cccccc;
      font-size: 12pt;
  }
  

  Pages using this styling

  • scp-8214 [info]

  ¶ 1 occurrence
  

  .anom-bar-container.{$secondary-class} .text-part > .main-class::after {
      background-image: url("https://scp-wiki.wikidot.com/local--files/component:anomaly-class-bar/neutralized-icon.svg");
      background-size: contain;
  }
  .anom-bar-container.{$secondary-class} .danger-diamond > .bottom-icon::before {
      background-image: url("https://scp-wiki.wikidot.com/local--files/component:anomaly-class-bar/neutralized-icon.svg");
      background-size: contain;
  }
  

  Pages using this styling

  • scp-821 [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Dosis:wght@200..800&display=swap');
  
  #page-content li {
      margin-bottom: 5px;
  }
  
  #header {
      grid-template-rows: auto 0.5fr auto auto 1.25fr auto;
  }
  
  #footer {
      z-index: -1;
  }
  
  #header::before{
      background: none;
      height: 0em;
  }
  
  #header h1 a{
      color: rgb(255 255 255);
      text-shadow: 0 0 .375rem black;
  }
  
  #header h2 span{
      text-shadow: 0 0 .375rem black;
  }
  
  .farmHR > hr::after{
      mask-image: var(--tractor-mask);
      -webkit-mask-image: var(--tractor-mask);
  }
  
  .gardenHR > hr::after{
      mask-image: var(--fountain-mask);
      -webkit-mask-image: var(--fountain-mask);
  }
  
  .fairHR > hr::after{
      mask-image: var(--tent-mask);
      -webkit-mask-image: var(--tent-mask);
  }
  
  .hauntHR > hr::after{
      mask-image: var(--haunted-mask);
      -webkit-mask-image: var(--haunted-mask);
  }
  
  .circusHR > hr::after{
      mask-image: var(--clown-mask);
      -webkit-mask-image: var(--clown-mask);
  }
  
  .funlandHR > hr::after{
      mask-image: var(--magic-mask);
      -webkit-mask-image: var(--magic-mask);
  }
  
  .aethosHR > hr::after{
      mask-image: var(--heart-drip-mask);
      -webkit-mask-image: var(--heart-drip-mask);
  }
  
  :root {
      --space-starlight: 220 220 220;
      --header-title: "Dixie Fun Faire";
      --header-subtitle: "Still Standing, 70+ Years Later";
      --space-header-layer-0: url(https://scp-wiki.wdfiles.com/local--files/scp-821/Puigaudeau%2C_Ferdinand_du_-_Carnival_at_Night%2C_Saint-Pal_de_Leon.jpeg);
      --space-orbit-mask: url(https://upload.wikimedia.org/wikipedia/commons/9/92/Tabler-icons_building-carousel.svg);
      --space-star-mask: url(https://upload.wikimedia.org/wikipedia/commons/2/21/Medieval-pavilion_-_Delapouite_-_white_-_game-icons.svg);
      --space-constellation-mask: url(https://upload.wikimedia.org/wikipedia/commons/8/80/Carousel_-_Delapouite_-_white_-_game-icons.svg);
      --space-footer-bg: url(https://scp-wiki.wdfiles.com/local--files/scp-821/DarkFieldEdit.png);
  
  
      --clown-mask: url(https://upload.wikimedia.org/wikipedia/commons/b/ba/Clown_-_Delapouite_-_white_-_game-icons.svg);
      --heart-drip-mask: url(https://upload.wikimedia.org/wikipedia/commons/4/4b/Bleeding-heart_-_Lorc_-_white_-_game-icons.svg);
      --tractor-mask: url(https://upload.wikimedia.org/wikipedia/commons/6/62/Farm-tractor_-_Delapouite_-_white_-_game-icons.svg);
      --fountain-mask: url(https://upload.wikimedia.org/wikipedia/commons/9/99/Water-fountain_-_Delapouite_-_white_-_game-icons.svg);
      --haunted-mask: url(https://upload.wikimedia.org/wikipedia/commons/7/71/Spooky-house_-_Delapouite_-_white_-_game-icons.svg);
      --tent-mask: url(https://upload.wikimedia.org/wikipedia/commons/2/21/Medieval-pavilion_-_Delapouite_-_white_-_game-icons.svg);
      --magic-mask: url(https://upload.wikimedia.org/wikipedia/commons/e/ea/Magick-trick_-_Delapouite_-_white_-_game-icons.svg);
  
  /* Other Color Fixes */
      --space-planet: var(--space-sun);
  }
  
  
  div#content-wrap{
      background-image: linear-gradient( to bottom, black 0px, black 85%, transparent 100%);
      width: 100%;
      max-width: 100%;
  }
  
  .echo {
      color: rgb(180 180 180);
      font-family: "Dosis", sans-serif;
      font-size: 1.8em;
      font-style: italic;
      font-weight: 400;
      margin: 1em 0em;
      text-align: center;
  }
  
  .echo p{
      line-height: 2;
  }
  
  #footer::before{
      background-position: center;
      height: calc(8rem + 30.25vw);
  }
  

  Pages using this styling

  • scp-821 [info]

  ¶ 1 occurrence
  

  
  #page-content .info-container {
      --link-color: rgb(var(--swatch-text-general));
  }
  
  #page-content .info-container .translation_block {
      display: none;
  }
  
  #page-content .info-container .collapsible-block-link,
  #page-content .info-container:hover .collapsible-block-link {
      line-height: 1.6em;
  }
  
  #page-content .info-container .collapsible-block-folded,
  #page-content .info-container .collapsible-block-unfolded-link {
      display: grid;
  }
  
  #page-content .info-container .collapsible-block-folded .collapsible-block-link,
  #page-content .info-container .collapsible-block-link {
      -webkit-mask: unset;
              mask: unset;
      background: transparent;
      grid-column: 1;
      grid-row: 1;
      opacity: 0;
  }
  
  .info-container{
  --barColour: #561717;
  --linkColour: #ffb861;
  }
  
  #page-content .info-container .collapsible-block-folded::before,
  #page-content .info-container .collapsible-block-unfolded-link::before {
      --wght: 800;
      content: "ETC";
      color: #ffb861;
      font-family: Inter, Arimo, Verdana, Geneva, "Helvetica Neue", "Helvetica", Arial, sans-serif;;
      display: block;
      pointer-events: none;
      grid-column: 1;
      grid-row: 1;
      line-height: 2.75ex;
  }
  
  .top-left-box > .item {
    display: none;
  }
  

  Pages using this styling

  • scp-8200 [info]

  ¶ 1 occurrence
  

  /* HEADER */
   :root{
       --header-title: "AD ASTRA PER ASPERA";
       --header-subtitle: "To the Stars Through Hardship";
       --titleColor: hsl(0, 0%, 93%);
       --subtitleColor: hsl(34, 100%, 75%);
       --lgurl: url(https://scp-wiki.wdfiles.com/local--files/component:pride-highlighter/nb_logo_blk.svg);
  
     /* ---- BETTERFOOTNOTES ---- */
       --posX: calc(50% - 358px - 13rem);
       --fnLinger: 1.5s;
       --fnColor: hsl(40, 100%, 62%);
  }
   #header h1 a::before{
       text-shadow: 4px 4px 4px hsla(0, 0%, 0%, .8);
  }
   #header h2::before{
       text-shadow: 3px 3px 3px hsla(0, 0%, 0%, .9);
  }
   #header h1 a::before,
   #header h2::before{
       font-family: "Exo", sans-serif;
  }
   #page-title{
       display: none;
  }
   .meta-title{
       color: hsl(33, 100%, 69%);
       border-color: hsl(34, 100%, 75%);
  }
  
  /* SIDE-BAR */
   #top-bar .open-menu a{
       color: hsl(33, 100%, 69%);
       background: hsl(214, 48%, 12%);
       border-color: hsl(33, 100%, 69%);
  }
  
  /* INFO BAR */
   .info-container{
       --barColour: hsl(353, 52%, 24%);
       --linkColour: hsl(33, 100%, 69%);
  }
  
  /* FLOPS HEADER */
   .itemInfoHeading{
       color: hsl(33, 100%, 69%);
  }
  
  /* ---- BETTERFOOTNOTES ---- */
   .fnnum{
       font-size: .95em;
  }
   .fncon{
       background: hsl(215, 48%, 20%);
       border-color: hsl(33, 100%, 69%);
  }
   .fncon::before{
       color: black;
  }
   .fnnum:hover + .fncon{
       right: calc(-8vw - 4rem);
  }
  
  /* TABLES */
   .attachment table.wiki-content-table tr th{
       font-family: var(--mono-font);
       font-size: 150%;
  }
  
  /* COLLAPSIBLE BLINK */
   a.collapsible-block-link:not(.licensebox a.collapsible-block-link) {
       font-family: var(--mono-font);
       font-size: 1.365em;
       color: hsl(40, 100%, 62%);
  }
  
  /* DIV BLOCKS */
   .o5{
       width: 85%;
       margin: 1em 5% 5%;
       padding: 1em;
  
       background: hsl(220, 47%, 18%) url(https://scp-wiki.wdfiles.com/local--files/scp-4790/o5-command-trans.png) center no-repeat;
       border: 1px solid hsl(33, 100%, 69%);
  
       font-family: var(--mono-font);
       font-size: 120%;
  }
   .o5 hr{
       border-top-color: hsl(33, 100%, 69%);
  }
   .blockquote.forget{
       display: inline-block;
       width: 50%;
       margin: 5em 0;
  }
  
  /* FOOTING */
   .footing,
   .footing::before{
       border-color: hsl(34, 100%, 75%);
  }
  
  /* LICENSEBOX */
   .licensebox .collapsible-block-link{
       animation: none !important;
       color: hsl(40, 100%, 62%);
  }
  

  Pages using this styling

  • scp-8200 [info]

  ¶ 1 occurrence
  

  .danke {
      padding: 15px;
      margin-bottom:0px;
      font-family: monospace;
      font-size: 1em; 
  }
  
  .agent {
      background-color:#161715;
      border: 1px solid #7c9421;
      color: #9db542;
  }
  
  .site {
      background-color:#161715;
      border: 3px solid #7c9421;
      color: #c2c2c2;
  }

  Pages using this styling

  • scp-8198 [info]

  ¶ 1 occurrence
  

  .containercontainer {position: relative;width: auto;height: auto;border: 2px solid #7d8f34;background: #141212;color: #b9d551;text-align: left;padding: 15px;margin-top: 10em;margin-bottom: 15em;}.containercontainer .container .overlay {background: rgba(51, 255, 51, 0.9);color: #121010;position: absolute;width: auto;height: 60px;top: 0;right: 0;bottom: 0;left: 0;margin: 10px;padding: 5px;line-height: 60px;display: inline;vertical-align: middle;text-align: left;font-family: Courier New;font-size: 60px;letter-spacing: 7px;font-weight: bolder;z-index: 3;animation: overlay-anim 10s linear;animation-fill-mode: forwards;animation-iteration-count: infinite;}.overlayback {background: rgba(187, 187, 187, 0.5);z-index: 3;position: absolute;top: 0;left: 0;bottom: 0;right: 0;width: auto;height: auto;animation: overlay-anim 10s linear;animation-fill-mode: forwards;animation-iteration-count: infinite;}.containercontainer .container {text-align: center;width: inherit;height: inherit;position: relative;overflow: hidden;}.containercontainer .container::after {content: " ";display: block;position: absolute;top: 0;left: 0;bottom: 0;right: 0;background: rgba(21, 19, 19, 0.2);opacity: 0;z-index: 2;}.containercontainer .container::before {content: " ";display: block;position: absolute;top: 0;left: 0;bottom: 0;right: 0;background: linear-gradient(rgba(18, 16, 16, 0.03) 50%, rgba(0, 0, 0, 0.45) 50%), linear-gradient(90deg, rgba(255, 0, 0, 0.22), rgba(0, 255, 0, 0.11), rgba(0, 0, 255, 0.22));z-index: 2;background-size: 100% 2px, 3px 100%;}.no-unfold {text-align: center;}.container h1,.container h2,.container h3,.container h5,.container h6 {color: #3F3;}.container hr {border-top: 1px dotted #3F3;border-bottom: none;}.container hr {border-top: 1px solid #3F3;border-bottom: 1px solid #3F3;color: transparent;background-color: transparent;}.container hr:after {display: block;margin-top: 2px;border-top: 1px solid #3F3;border-bottom: 1px solid #3F3;}}

  Pages using this styling

  • scp-8198 [info]

  ¶ 1 occurrence
  

  #container {
    background-image: url(https://imgur.com/vfSZexl.png);
    background-color: black;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
    background-size: cover; auto;
  }

  Pages using this styling

  • scp-8198 [info]

  ¶ 1 occurrence
  

  :root{
    --header-title: "OVERWATCH COMMAND";
    --header-subtitle: "Sacrifice Confers Power";
    --logo-img: url("https://scp-wiki.wdfiles.com/local--files/scp-8192/overwatch.png");
    --accent: 255, 36, 60;
    --five-color: 255, 36, 60;
    --dark-bg-1: #202020;
    --dark-bg-2: #060606;
    --darkmode-gradient-top: #302020;
  }
  @media(max-width: 768px){
    :root{
      --header-title: "OVERWATCH";
    }
  }
  #page-content *.creditRate, #page-content .content-warning.creditRate{
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    float: right !important;
    padding-right: 0 !important;
  }
  #page-content .anom-bar-container.zk .text-part .risk-class::before{
    content: "Z" !important;
  }
  .domc{
    background-image: linear-gradient(rgb(from var(--dark-bg-1) r g b / 90%), rgb(from var(--dark-bg-1) r g b / 90%)),
                      url("https://scp-wiki.wdfiles.com/local--files/scp-8192/domc.png"),
                      linear-gradient(var(--dark-bg-1), var(--dark-bg-1));
  }
  .site{
    background-image: linear-gradient(rgb(from var(--dark-bg-1) r g b / 90%), rgb(from var(--dark-bg-1) r g b / 90%)),
                      url("https://scp-wiki.wdfiles.com/local--files/scp-8192/site01.svg"),
                      linear-gradient(var(--dark-bg-1), var(--dark-bg-1));
  }
  .domc, .site{
    background-position: center;
    background-size: 33%;
    background-repeat: no-repeat;
  }

  Pages using this styling

  • scp-8192 [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+Antique&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Sometype+Mono:ital,wght@0,400..700;1,400..700&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Reddit+Mono:wght@200..900&display=swap');
  
  
  :root {
      --ACS-font: 'Poppins', sans-serif;
      --body-font-primary: 'Zen Kaku Gothic Antique', sans-serif;
      --swatch-menutxt-dark-color: 0, 0, 0;
      --swatch-menubg-black-color: 8, 26, 23;
      --scrollbar-track-color: 0,0,0;
      --general-border-color: 93, 127, 127;
      --admo-color-bright: 0, 77, 46;
      --admo-color-alt: 133, 144, 140;
      --basalt-main-text-color: 255, 255, 255;
      --admo-color-bright: 114, 164, 136;
      --admo-color-alt: 133, 144, 140;
  
  }
  
  .centerer {
  display: flex;
  justify-content: center;
  margin-top:10px;
  margin-bottom:10px;
  }
  .centerer .wiki-content-table {
  width:100%;
  margin: 0 auto;
  
  }
  .admo-intermission_splash .admo-rate_splash {
  margin-top: -9rem !important;
  }
  .foldable-list-container a, .grn a {color:#72a488;font-family: "Poppins", sans-serif;font-weight: 500;}
  
  div.convo hr {background-color: rgb(163, 163, 163); margin-block: 0rem; margin-inline: 0rem; height: 0.1rem;}
  
  .conds {font-family: 'Poppins', var(--header-font);}
  
  body {
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%), url("https://scp-wiki.wdfiles.com/local--files/scp-8190/rcr.png");
  background-repeat:no-repeat;
  background-size:cover;
  background-attachment: scroll, fixed;
  color:F5F5F5;
  }
  
  
  
  /* tables and tickets and wrappers thereof */
  
  :is(#page-content table:not(.form), table.wiki-content-table) th {color: #120e0e;}
  
  .dept {padding:9px;width:90%;margin:0 auto;background-color:#151616;border-radius:13px;}
  
  .dept table.wiki-content-table td, .clearance table.wiki-content-table td {padding:5px!important;}
  
  div.tableb :is(#page-content table:not(.form), table.wiki-content-table) {border-collapse: separate;border-spacing: 4px;}
  
  .convo hr {background-color: #d3d3d3;}
  
  :where(#page-content) table:not(.form), table.wiki-content-table {margin: 0px;border:solid .01rem rgb(34,35,34);}
  
  :is(#page-content table:not(.form), table.wiki-content-table) td {background-color:rgba(240,246,240,0.1) !important;padding: 2px;}
  
  /* ACS element styles */
  
  .acs-extra .class-text {font-size: calc(8px + (12 - 8) * ((100vw - 400px) / (800 - 400))) !important;font-weight: 700 !important;}
  
  .acs-extra {background-color: rgba(12,255,175,.5);margin-left: 0px;}
  
  .acs-extra-1,.acs-extra-2,.acs-extra-3 {border-left:none !important;}
  
  .bottom-icon::before, top-icon::before {background-color: #f0f6f0 !important;}
  
  .acs-extra-1 > .class-category, .acs-extra-2 > .class-category, .acs-extra-3 > .class-category, .acs-extra-4 > .class-category {font-size: 1.4rem !important;}
  
  .icon-1 {background-size: -2.5rem 0.5rem !important;background-position: center !important;}
  
  .acs-extra-1 , .acs-extra-1 div {font-size:125% !important;}
  
  .anom-bar > div.bottom-box::before { background-color: transparent !important; }
  .text-part .disrupt-class::before, .text-part .risk-class::before { background-color: transparent !important; }
  .bottom-box > div.diamond-part::before {background-color: transparent !important; }
  
  
  /* footnotes */
  
  .footnotes-footer {display:none;}
  .fnnum:after {color:#19a774;font-family: "Poppins", sans-serif;font-weight: 500;}
  
  
  
  
  /* intermission-specific admo restyles */
  
  .modal {
  border-width: 0.15rem !important;
  padding: 20px !important;
  }
  
  
  
  .floatbox {display:inline-block;padding:8px 12px;font-weight:500;margin:1.5px 10px;max-width: 300px;margin: 10px;}
  
  div.ettra_memo {--memo-color:134, 173, 169;background-size: 90% auto !important;background-position: center center !important;background-color: rgb(0, 13, 24) !important;font-size: 1.1em;}
  
  .bt a:any-link {color:black !important;}
  
  div:is(.jotting) {border: 2px solid black;padding-inline: 2.5rem;}
  
  /* custom element styles */
  
  .comms {background-color:black !important; color:#a9d8c7 !important; border-radius:16px; border:solid 2px #72a488 !important;}
  
  .buffer {clear:both;}
  
  .leaf {
  background-image:url("https://scp-wiki.wdfiles.com/local--files/scp-8190/bg2.png");
  background-size: 100% auto;
  background-position: center;
  border-radius:8px;
  border: 2px solid #2f3f39;
  width: 50%;
  margin: 0 auto;
  }
  
  .poppin {padding: 0px 16px 16px 16px;}
  
  .special {
  color:#222323;
  background-color: #f0f6f0 !important;
  border: 5px inset #86ada9 !important;
  padding-bottom:24px;}
  
  .altspecial {
  
  color:#f0f6f0;
  background-color: #222323;
  border-color:#f0f6f0;
  border-radius: 11px;
  border-bottom: 5px solid #222323;
  border-left: 3px solid #2f3030;
  border-right: 3px solid #2f3030;
  padding-bottom:24px;  
  font-family: "Reddit Mono", monospace;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  }
  
  
  
  .right { margin-right:0vw !important;}
  
  .left {margin-left:0vw !important;}
  
  
  /* handbook styles */
  
  .handbook {
  background-image: url("data:image/svg+xml,%3Csvg width='60' height='48' viewBox='0 0 60 48' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='Page-1' fill='none' fill-rule='evenodd'%3E%3Cg id='fancy-rectangles' fill='%23333137' fill-opacity='0.04'%3E%3Cpath d='M6 12h6v12H6V12zm12 0h6v12h-6V12zm6-12h6v12h-6V0zM12 0h6v12h-6V0zm0 24h6v12h-6V24zM0 0h6v12H0V0zm6 36h6v12H6V36zm12 0h6v12h-6V36zm12-12h6v12h-6V24zM42 0h6v12h-6V0zm-6 12h6v12h-6V12zm12 0h6v12h-6V12zM36 36h6v12h-6V36zm12 0h6v12h-6V36zm-6-12h6v12h-6V24zm12 0h6v12h-6V24z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  
  }
  .handbook .blockquote {
  background-color:black;
  color:white;
  
  }
  
  
  
  #page-content div:is(.darkdocument) {max-width:48rem;color:white;}
  
  /* interview styles */
  
  .inter {
  background-color:#10221e !important;
  border-radius:9px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3E%3Cpath fill='%23f0f6f0' fill-opacity='0.07' d='M1 3h1v1H1V3zm2-2h1v1H3V1z'%3E%3C/path%3E%3C/svg%3E");
  margin-block: 1.1rem !important;
  padding-inline: 1.1rem !important;
  padding-block: 0.2rem !important;
  font-family: "Reddit Mono", monospace;
  font-optical-sizing: auto;
  font-weight: 400;
  }
  
  .inter2 {
  background-image: url(https://scp-wiki.wdfiles.com/local--files/scp-8190/wall.png);
  }
      .admo-intermission_splash .ctrl {
          font-size: 3vw;
          font-family: "Poppins";
  }
  
  /* modified default/ACS element styles */
  
  .collapsible-block {box-shadow: none !important;}
  
  /* mobile styling */
  @media only screen and (max-width: 1024px) {
      .admo-intermission_splash .ctrl {
          font-size: 7vw;
  }
  }
  
  
  @media screen and (max-width: 768px) {
  .document{font-size: 50%;max-height: 100dvh;max-width:50%;}
  .level {font-size: 2.3em !important;}
  .poppin {padding: 0px 6px 6px 6px;}
    #page-content .convo{
      margin-left: unset;
      margin-right: unset;
    }
    img {
      float: none;
    }
  
  }
  
  
  
  .titler {
  
  font-size:calc(100% + 2vw);
  }
  
  
  /* icon animations */
  
  @keyframes flip-with-rotate {
      0%{transform: perspective(400px) rotateY(0);}
      100%{transform: perspective(400px) rotateY(180deg);}
  }
  
  @keyframes rotation {
    from {
      transform: rotate(0deg);
    }
    to {
      transform: rotate(359deg);
    }
  }
  
  
  .broken img {
  will-change:transform;
  animation-name: flip-with-rotate;
  animation-duration: 4s;
  animation-iteration-count: infinite;
  margin: 0 10px;
  vertical-align: middle;
  }
  
  .asterisk {
  will-change:transform;
  /* animation: rotation 8s infinite linear; */
  width:80px;
  }
  

  Pages using this styling

  • scp-8190 [info]

  ¶ 1 occurrence
  

  /* Make superscripts not fuck with the line spacing */
  sup {
    vertical-align: top;
    position: relative;
    top: -0.5em;
  }
  
  /* Haha blue boi */
  .outside {
    margin: 2em -6em;
    padding: 1em 10em;
    --narration-color: rgba(214, 234, 248,1);
    background: var(--narration-color);
    background: linear-gradient(90deg, rgba(255,255,255,0) 0%, var(--narration-color) 20%, var(--narration-color) 80%, rgba(255,255,255,0) 100%);
    z-index: -2;
  }
  
  /* Make the blue bois that are within the document have smaller margins so they break flow less*/
  .outside.inline {
    margin: 1em -6em;
    padding: 1px 10em;
  }
  
  
  

  Pages using this styling

  • scp-8186 [info]

  ¶ 1 occurrence
  

  
  @media (max-width: 550px), (min-width: 768px) and (max-width: 850px) {
    .scp-image-block:is(.block-right, .block-left) {
      float: none;
      margin-inline: auto;
    }
  }
  

  Pages using this styling

  • scp-8185 [info]

  ¶ 1 occurrence
  

  .info-container {
  --barColour: #333333;
  --linkColour: #FFF;
  }
  
  .staticTransition {
      background-image: url(https://scp-wiki.wdfiles.com/local--files/pseudogenesis-productions-hub/Vhs_Glitch-cropped-flipped.gif);
      background-position-x: center;
      background-clip: border-box;
      width: 100%;
      height: 4em;
      overflow: hidden;
      background-size: cover;
      padding: 0em 1em;
      margin-left: -1em;
  }

  Pages using this styling

  • scp-8184 [info]

  ¶ 1 occurrence
  

  td:nth-child(1) { width: 25%; }

  Pages using this styling

  • scp-8180 [info]

  ¶ 1 occurrence
  

  .email {border: solid 2px #000000; width: 88%; padding: 1px 15px; margin: 10px; box-shadow: 0 1px 3px rgba(0,0,0,.5)}
  .tofrom {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px maroon}
  #page-content { position: relative; }
  ul.modal-wrapper {
      margin: 0;
      padding: 0;
      list-style: none;
      height: 0;
      display: contents;
  }
  @keyframes fademodal {
    99% { visibility: hidden; }
    100% { visibility: visible; }
  }
  ul.modal-wrapper > li {
      list-style: none;
      position: absolute;
      top: -0.1rem;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 9;
      transition: opacity 1s ease-out;
      animation: 1s fademodal;
      animation-fill-mode: forwards;
      backdrop-filter: blur(5px);
  }
  ul.modal-wrapper > li.unfolded {
      visibility: visible;
      opacity: 1;
  }
  ul.modal-wrapper > li.folded {
      visibility: hidden;
      opacity: 0;
      pointer-events: none;
      user-select: none;
  }
  
  /* Hoverable text */
  
  .edited {
     font-style: normal;
     position: relative;
  }
  
  .original {
     display: block;
     background-color: #281a08;
     color: rgb(246, 196, 3);
     border: thin solid rgb(246, 196, 3);
     font-size: 14px;
     padding: 10px;
     text-align: center;
     position: absolute;
     left: 0;
     right: 0;
     margin-right: auto;
     margin-left: auto;
     bottom: 90%;
     width: 300px;
     visibility: hidden;
     overflow: hidden;
     animation: 0.5s fadeOut;
  }
  
  .edited:hover {
     text-decoration: underline;
  }
  
  .edited:hover > .original {
     visibility: visible;
     overflow: visible;
     animation: 0.5s fadeIn;
  }
  
  /* Popup styling */
  
  .custom-popup {
      width: 90%;
      height: 7%;
      margin-left: auto;
      margin-right: auto;
      overflow: auto;
      box-sizing: border-box;
      color: black;
      padding: 25px;
      text-shadow: none;
      background-color: #281a08;
      border: thin solid rgb(246, 196, 3);
  }
  
  /* Opening notice typewriter effect (aka the biggest pain in my ass) */
  
  .typewriter{
    overflow: hidden; /* Ensures the content is not revealed until the animation */
    white-space: nowrap;
    margin: 0; /* Gives that scrolling effect as the typing happens */
    letter-spacing: .035em; /* Adjust as needed */
    color: rgb(246, 196, 3);
    animation:
      typing 2s steps(40, end);
  }
  
  .typewriter2{
    overflow: hidden; /* Ensures the content is not revealed until the animation */
    color: rgb(246, 196, 3);
    white-space: nowrap;
    width: 0;
    margin: 0; /* Gives that scrolling effect as the typing happens */
    margin-top: -30px;
    letter-spacing: .035em; /* Adjust as needed */
    animation:
      typing 2s steps(40, end);
    animation-delay: 2s;
    animation-fill-mode: forwards;
  }
  
  .typewriter3{
    overflow: hidden; /* Ensures the content is not revealed until the animation */
    color: rgb(246, 196, 3);
    width: 0;
    white-space: nowrap;
    margin: 0; /* Gives that scrolling effect as the typing happens */
    margin-top: -30px;
    letter-spacing: .035em; /* Adjust as needed */
    animation:
      typing 2s steps(40, end);
    animation-delay: 2s;
    animation-fill-mode: forwards;
  }
  
  .inputline{
    color: rgb(246, 196, 3);
    overflow: hidden; /* Ensures the content is not revealed until the animation */
    width: 0;
    border-right: .15em solid rgb(246, 196, 3); /* The typwriter cursor */
    white-space: nowrap;
    margin: 0; /* Gives that scrolling effect as the typing happens */
    letter-spacing: .15em; /* Adjust as needed */
    animation:
      typing 10s steps(41, end),
      blink-caret 3s ease-out 60s;
    animation-delay: 3s;
    animation-fill-mode: forwards;
  }
  
  .afterinput{
    overflow: hidden; /* Ensures the content is not revealed until the animation */
    color: rgb(246, 196, 3);
    width: 0;
    white-space: nowrap;
    margin: 0; /* Gives that scrolling effect as the typing happens */
    letter-spacing: .035em; /* Adjust as needed */
    animation:
      typing 2s steps(40, end);
    animation-delay: 5s;
    animation-fill-mode: forwards;
  }
  
  .typewriterhiding{
    overflow: hidden;
    visibility: hidden;
    animation: 1s fadeIn 2s;
    animation-fill-mode: forwards;
  }
  
  .blink {
      animation: blink 1s infinite;
  }
  @keyframes type {
      from {
          width: 0;
      }
  }
  @keyframes blink {
      to {
          opacity: .0;
      }
  }
  
  .blinkbar {
      animation: blink 1.5s infinite;
      letter-spacing: -0.13em;
  }
  
  /* The typing effect */
  @keyframes typing {
    from { width: 0 }
    to { width: 100% }
  }
  
  /* The typewriter cursor effect */
  @keyframes blink-caret {
    from, to { border-color: transparent }
    50% { border-color: rgb(246, 196, 3); }
  }
  
  @media only screen and (max-width: 600px) {
    .typewriter{
    overflow: visible;
    visibility: hidden; /* Ensures the content is not revealed until the animation */
    white-space: normal;
    animation: 1s fadeIn;
    animation-fill-mode: forwards;
  }
  
  .typewriter2{
    overflow: visible;
    visibility: hidden; /* Ensures the content is not revealed until the animation */
    white-space: normal;
    animation: 1s fadeIn;
    animation-delay: 2s;
    animation-fill-mode: forwards;
    width: 100%;
    margin-top: 30px;
  }
  
  .typewriter3{
    overflow: visible;
    visibility: hidden; /* Ensures the content is not revealed until the animation */
    white-space: normal;
    animation: 1s fadeIn;
    margin-top: 0px;
    animation-delay: 2s;
    animation-fill-mode: forwards;
    width: 100%;
  }
  
  .inputline{
    animation:
      typing 5s steps(13, end),
      blink-caret 3s ease-out 60s;
    animation-delay:3s;
    animation-fill-mode: forwards;
  }
  
  .afterinput{
    overflow: visible;
    visibility: hidden; /* Ensures the content is not revealed until the animation */
    white-space: normal;
    animation: 1s fadeIn;
    animation-delay: 5s;
    animation-fill-mode: forwards;
    width: 100%;
  }
  }
  
  /* Wait to appear */
  @keyframes fadeIn {
    0% {
      opacity: 0;
    }
    100% {
      visibility: visible;
      opacity: 1;
    }
  }
  @keyframes fadeOut {
     0% {
       opacity: 1;
       visibility: visible;
     }
     100% {
       opacity: 0;
     }

  Pages using this styling

  • scp-8175 [info]

  ¶ 1 occurrence
  

  .collapsible-block-content {
    animation-name: fadeUp;
    animation-duration: 1.0s;
    animation-iteration-count: 1;
    animation-timing-function: ease-out;
    animation-fill-mode: backwards;
  }
  .collapsible-block-unfolded .collapsible-block-link {
    animation-name: fadeIn;
    animation-duration: 2.0s;
    animation-iteration-count: 1;
    animation-timing-function: ease-out;
    animation-fill-mode: backwards;
  }
  @keyframes fadeUp {
    from {
      opacity: 0;
      transform: translate(0,15px);
    }
    to {
      opacity: 1;
      transform: translate(0,0);
    }
  }
  @keyframes fadeIn {
    from {
      opacity: 0;
    }
    to {
      opacity: 1;
    }
  }

  Pages using this styling

  • scp-8173 [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Philosopher&display=swap');
  
  body {  
      overflow-x:hidden;
  }
  
  :root {
   --header-subtitle: 'Stories Coming to Pass';
   --basalt-undertone: 93, 15, 135;
  }
  
  .Picturebook{
    align: center;
    border: 2px solid #5d0f87;
    width: 50%;
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
  
  .Picturebook-big{
    align: center;
    border: 2px solid #5d0f87;
    width: 80%;
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
  
  .Picturebook-small{
    align: center;
    border: 2px solid #5d0f87;
    width: 35%;
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
  
  .Picturebook-MC{
    align: center;
    border: 2px solid #5d0f87;
    width: 60%;
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
  
  .storybook {
       font-family:Philosopher;
       background-image: url(	http://scp-wiki.wikidot.com/local--files/scp-8166/paper-min%5B1%5D.png);
       padding:15px;
       font-size: 105%;
       border: 2px solid #5d0f87;
  }
  
  .image-block, .scp-image-block {
      border-bottom: solid 0.5rem rgb(var(--basalt-undertone));
  }

  Pages using this styling

  • scp-8166 [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Old+Standard+TT&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Special+Elite&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=IM+Fell+English+SC&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=EB+Garamond&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=EB+Garamond:wght@500&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Cormorant:wght@700&display=swap');
  @import url("https://scp-wiki.wikidot.com/local--files/theme:turbo-vision/Mx437_IBM_VGA_8x16.css");
  @import url('https://fonts.googleapis.com/css2?family=Gideon+roman&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Luxurious+roman&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Gabarito:wght@500&display=swap');
  
  
  .presaudiovis_corps {
      background: linear-gradient(#c37f42, #683334);
      position: relative;
      display: block;
      border: solid 1px;
      border-color: black;
  }
  
  .audiovis_border {
     background: linear-gradient(#8d1021, #EB8D38, #683334);
     padding: 10px;
     margin: 30px 30px -10px 30px;
     border: 1px solid black;
     box-shadow: 7px 7px 0px black;
     color : white;
     text-shadow: 2px 2px 2px black;
     text-transform: uppercase;
     font-weight: bold;
     font-size: 19px;
  }
  
  .audiovis_txt {
     margin: 0px 30px 0px 30px;
     color : white;
     text-shadow: 2px 2px 2px black;
     font-weight: bold;
     font-size: 15px;
  }
  
  .pres-audiovis {
    display: flex;
    align-items:center;
    margin-top:-15px;
  }
  
  .pres-audiovis img {
    margin-right: 10px;
    display: block;
  }
  
  .pres-audiovis text,
  .content p {margin: 0;}
  
  .flex-parent {
    display: flex;
    width: 100%;
    align-items: center;
    margin-top:-25px;
    margin-bottom:-20px;
  }
  
  .flex-child-edge {
    flex-grow: 2;
    height: 1px;
    background-color: black;
    border: 3px solid black;
    transform: skew(-30deg);
  }
  
  .flex-child-text {
    flex-basis: auto;
    flex-grow: 0;
    margin: 0px 5px 0px 5px;
    text-align: center;
    font-size: 13px;
    color: black;
    letter-spacing: 3px;
    font-style: italic;
    text-shadow: none;
  }
  
  .del {
       color: black;
       background-color: black;
       user-select: none;
       padding-top:2px;
       padding-bottom: -2em;
       margin-bottom: -2em;
  }
  
  /* RAISA */
  
  .grisANF {
      border: outset 5px black;
      background-color: rgba(0, 0, 0, 0.7);
      box-shadow: 7px 7px 0px black;
      height: 884px;
      margin: 0px 30px 30px 30px;
  }
  
  .scrollANF {
      overflow-y:hidden;
      overflow-x:hidden;
      overflow-y:scroll;
      height: 884px;
  }
  
  .pageANF {
      position: relative;
      display: block;
      border: solid 1px black;
      margin-bottom: 2em;
      overflow: auto;
      width: 97%;
      margin: auto;
      background-color : white;
      background-size:100% 100%;
  }
  
  .texteANF {
      padding: 2em 3em 5em 3em;
  }
  
  .texteANF-bottom {
      padding: 2em 3em 2em 3em;
  }
  
  .image-pyr {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(50px, 1fr));
      grid-gap: 1rem;
      align-items: start;
      width: 100%;  
      margin: auto auto;
      text-align:center;
  }
  
  .rec {
     font-family: 'Gabarito', sans-serif;
     font-size: 16px;
  }
  
  .rec p {
      line-height: 32px;
  }
  
  .titre_f3 {
     background-color : white;
     font-weight: bold;
     font-size: 15px;
     padding: 10px;
  }
  
  @media (max-width: 700px){
  
  .audiovis_border {
      width: 85%;
      margin: 10px auto;
  }
  
  .pres-audiovis {
      gap: 10px;
  }
  
  .grisANF {
      width: 97%;
      margin: 0px 0px 0px 0px;
      box-shadow: none;
  }
  
  .scrollANF {
      width: 100%;
  }
  
  .pageANF {
      width: 98%;
  }
  
  .texteANF-bottom, .texteANF {
      padding: 2em 10px 2em 10px;
  }
  
  .image-pyr {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
      grid-gap: 1rem;
      align-items: start;
      width: 100%;  
      margin: auto auto;
      text-align:center;
  }
  

  Pages using this styling

  • scp-8162 [info]

  ¶ 1 occurrence
  

  .earthworm--anth24 {
    --anth24-rgb: 60, 60, 60;
  }
  .earthworm--anth24 .earthworm__hub::after {
      background-color: color-mix(in srgb, rgb(191 191 191) 15%, currentColor 75%);
  }
  
  [!-- This changes the colour of the anthro link bar --]

  Pages using this styling

  • scp-8160 [info]

  ¶ 1 occurrence
  

  /*blue border*/
  .darksmol {
   border-style: solid none solid none;
   border-color: #FFFFFF;
   color: white;
   background-color: rgb(10,10,20);
   padding-top: 0;
   padding-right: 10px;
   padding-bottom: 0px;
   padding-left: 10px;
   border-width: 2px;
   font-family: monospace;
  }
  /*grey border*/
  .darksmyl {
   border-style: solid;
   border-color: rgb(156, 146, 147);
   color: white;
   background-color: #000000cc;
   padding-top: 0;
   padding-right: 10px;
   padding-bottom: 10px;
   padding-left: 10px;
   border-width: 2px;
   font-family: monospace;
  }
  .darksmal {
   filter: invert(1) hue-rotate(260deg);
  }

  Pages using this styling

  • scp-8160 [info]

  ¶ 1 occurrence
  

  /*theme coloring*/
  :root {
      --space-sun: 69, 122, 191;
      --space-moon: 42, 105, 189;
  }

  Pages using this styling

  • scp-8160 [info]

  ¶ 1 occurrence
  

  #skrollr-body {
    background-image: linear-gradient(to bottom, #0000 77%, #0003 90%, #000e 93%);
  }
  #footer {
      position: relative;
      background-color: transparent;
      color: rgb(var(--space-starlight));
      margin-top: 0;
      overflow: unset;
      isolation: isolate;
  }
  #footer::before {
      content: 0;
      position: absolute;
      bottom: 0; left: 0;
      height: 0; width: 100%;
      background-image: none;
      background-size: cover;
      background-position: center top;
      z-index: -1;
      pointer-events: none;
  }
  #page-title{display:none}
  .footnotes-footer {
      visibility: hidden;
      height: 0;
      padding: 0;
      margin: 0;
  }
  /*header stuff*/
  :root {
  --sp_header-height: 250px;
  }
  
  #extrac-div-1 { display: none; }
  #header {
      grid-template-rows: auto 2fr auto auto 1fr auto;
  }
  #header::before {
      align-self: center;
      mix-blend-mode: normal;
  }

  Pages using this styling

  • scp-8160 [info]

  ¶ 1 occurrence
  

  
  ::-webkit-scrollbar-thumb {
    background-color: #afafaf;
  }
  
  #header h1 a {
      content: "SCP Foundation";
      text-shadow: 1px 1px 2px white, 0 0 1em red, 0 0 0.2em white;
      color: #000;
  }
  
  #header h1 a::before {
      content: "SCP Foundation";
  }
  
  #header h2::before {
      content: "Secure, Contain, Protect";
  }
  
  #header h1 a::before{
       text-shadow: 4px 4px 4px hsla(0, 0%, 0%, .8);
  }
   #header h2::before{
       text-shadow: 3px 3px 3px hsla(0, 0%, 0%, .9);
  }
  
   #header h1 a::before{
       font-family: BauhausLTDemi, 'Nanum Gothic', Arial, sans-serif;
  }
   #header h2::before{
       font-family: 'Trebuchet MS', Arial, sans-serif;
  }
  
   #header::before{
       background-size: auto 8.8em;
       margin-top: 0.5em;
       opacity: .46;
  }
  
  #header h2 {
      margin-left: 0;
      text-align: center;
      padding: 0;
      clear: center;
      float: none;
      font-size: 105%;
      max-height: 38px;
  }
  #header h2 span {
      display: block;
      margin: 0;
      line-height: 0px;
      max-height: 0px;
      font-weight: bold;
      color: transparent;
      text-shadow: none;
  }
  
  #header h2 span::before {
      content: " ";
      display: block;
      margin: 0;
      padding: 0px 0;
      line-height: 0px;
      max-height: 0px;
      font-weight: bold;
      color: #fff;
      text-shadow: 1px 1px 1px #000;
      text-shadow: 1px 1px 1px rgba(0,0,0,.8);
  }
  
    .page-rate-widget-box {
    background-color: #200303;
    border: 2px solid #363535;
    color: #ededed;
    padding: .1em;
  }
  
  div.page-rate-widget-box .rate-points,
  .page-rate-widget-box .rateup,
  .page-rate-widget-box .ratedown,
  .page-rate-widget-box .rateup a,
  .page-rate-widget-box .ratedown a,
  .page-rate-widget-box .cancel a {
    background-color: transparent;   /*  clears sigma-9 colors  */
    border: 0;   /*  clears sigma-9 borders  */
    color: #ededed;
    text-transform: capitalize;
  }
  .page-rate-widget-box .rateup,
  .page-rate-widget-box .ratedown {
    border-left: 2px solid #383737;
  }
  .page-rate-widget-box .rateup a,
  .page-rate-widget-box .ratedown a {
    color: #ededed;
  }
  .page-rate-widget-box .rateup a:hover,
  .page-rate-widget-box .ratedown a:hover {
    color: #363535;
  }
  .page-rate-widget-box .cancel {
    background-color: transparent;
    border: 0;
    border-left: 2px solid #383737;
  }
  .page-rate-widget-box .cancel a,
  .page-rate-widget-box .cancel a:hover {
    border-radius: 0 5px 5px 0;
    color: #ededed;
  }
  .page-rate-widget-box .cancel a:hover {
    color: #363535;
  }
  
  div.customblock{
  float: center; border: solid 2px #FFFFFF; font-family: Courier New, Courier; font-size: 101%; width: auto; padding: 10px 25px; margin: 15px auto
  }
  
  .dialogue {
    margin: 20px 0;
    padding-left: 4%;
    border-left: 3px solid #363535;
    padding-right: 4%;
  }
  
  .logtitle {
    font-size: 140%;
    text-align: center;
    color: #363535;
    font-weight: 900;
  }
  
  .fncon {
    font-family: var(--page-font) !important;
    border-color: rgb(var(--accent));
    background-color: #eee;
  }
  
  .fncon::before {
    background-color: rgb(var(--accent));
  }
  
  @media only screen and (min-width: 1278px) {
    .fncon {
      width: 14rem;
      border: none;
      border-left: 5px rgb(var(--accent)) solid;
    }
  
    .fncon::before {
      top: 14px; left: -10px;
    }
  }

  Pages using this styling

  • scp-8155 [info]

  ¶ 1 occurrence
  

  /*
  THE BLIND-Write an article without any images.
  THE AMNESIAC-Write an article that uses no pre-existing lore or background elements besides the existence of the SCP Foundation.
  THE FORTUNE-(closed, difficulty, article, assume, secure.)
  */

  Pages using this styling

  • scp-8153 [info]

  ¶ 1 occurrence
  

  a.collapsible-block-link {color: red; font: georgia}

  Pages using this styling

  • scp-8151 [info]

  ¶ 1 occurrence
  

  :root {
  --header-title: "SCP FOUNDATION";
  --header-subtitle: "SECURE, CONTAIN, PROTECT";
  --lgurl: url('your url here');
  }
  .info-container{
  --barColour: #242424; — this is the colour of the bar and the author button
  --linkColour: #242424; — this is the colour of the "i" and the text within the author button
  }
  .scp-image-block {
      background-color: #5B5B5B;
      margin: 4px;
      padding: 0.25em;
  }

  Pages using this styling

  • scp-8142 [info]

  ¶ 1 occurrence
  

  .udo {
      padding: 20px;
  }
  .memory {
      background-color:#F7F3EC;
      border: 3px solid #FFBA00;
      color: #000000;
  }
  .lines {
    padding: 4px 16px 4px 16px;
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
    margin: auto;
    margin-bottom: 28px;
    margin-top: 28px;
    border: solid 5px #E9FBDF;
  }
  div.ettra img {
    z-index: 0;
    animation: spin 20s cubic-bezier(1,1,1,1) infinite;
    margin-top: 18px;
  }
  .ettra_memo {
      background: #F2E0C2;
      background-size: contain;
      background-position: top center;
      background-repeat: no-repeat;
      box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
      width: 90%;
      margin-left: auto;
      margin-right: auto;
      margin-bottom: 24px;
      padding: 10px 20px 20px 20px;
      word-break: break-word;
  }
  .logo_section{
      float:left;
      width: 150px;
      padding: 0 2%;
  }
  .title_section{
      float:left;
      width: calc(90% - 150px);
  }
  .text_section{
      float:left;
      width: 95%;
      padding: 0 2%;
  }
  @media (max-width: 1000px) {
      .logo_section{
          float:left;
          width: 95%;
          padding: 0 2%;
      }
      .title_section{
          float:left;
          width: 95%;
          padding: 0 2%;
      }
  }

  Pages using this styling

  • scp-8141 [info]

  ¶ 1 occurrence
  

  div#container-wrap {
      background-image: url(http://scpdsandbox.wikidot.com/local--files/grigori-karpin-i/SCP-8000%20heading%20texture%201);
  }
  :root {
      --logo-image: url("https://scp-wiki.wikidot.com/local--files/grigori-karpin-s-author-page/Site-91%20Logo ");
      --header-title: "            Site-91";
      --header-subtitle: "          Thaumaturgical Research";
  }
  
  /* Adjust Mobile Image Size */
  @media (max-width: 479px) {
  #header {
      background-size: 100px 100px;
      background-position: 1em;
  }
  }
  
  @import url('https://fonts.googleapis.com/css2?family=Courier+Prime&display=swap');
  
  @import url('https://fonts.googleapis.com/css2?family=Josefin+Sans&display=swap');
  
  @import url('https://fonts.googleapis.com/css2?family=Noto+Serif&display=swap');
  
  .c_content {
      font-family: 'Courier Prime';
      font-style: italic;
      width: 95%;
      line-height: 20px;
      display: inline-block;
      padding-top: 20px;
      padding-left: 20px;
      padding-right: 25px;
      vertical-align: top;
      transition: all .7s;
      background: url("http://scpdsandbox.wikidot.com/local--files/grigori-karpin-i/creased%20paper") ;
  }
  
  
  .courier { 
  font-family: 'Courier Prime', monospace;
  }

  Pages using this styling

  • scp-8140 [info]

  ¶ 1 occurrence
  

  .imagediv {
      float: right;
      margin: 15px
  }
   
  @media (max-width: 540px) {
    .imagediv {
      float: none;
      text-align:center;
      margin: auto;
    }
  }
   
  @media only screen and (max-width: 600px) {
      .scp-image-block.block-right{
          float: none;
          margin: 10px auto;
      }
  }

  Pages using this styling

  • scp-8136 [info]

  ¶ 1 occurrence
  

  .dupin {
  border:solid 1px #999999; 
  background:#E2FFF3; 
  padding-left: 16px; 
  padding-right: 
  16px;margin-bottom: 16px;"
  }
  .lupin {
  border:solid 1px #999999; 
  background:#E2F4FF; 
  padding-left: 16px; 
  padding-right: 
  16px;margin-bottom: 16px;"
  }
  .roscoe {
  border:solid 1px #999999; 
  background:#FFE9D9; 
  padding-left: 16px; 
  padding-right: 
  16px;margin-bottom: 16px;"
  }
  
  ]]

  Pages using this styling

  • scp-8136 [info]

  ¶ 1 occurrence
  

  @import url('https://scp-wiki.wdfiles.com/local--files/taboo/amita.css');
  
  .email {border: solid 2px #000000; width: 88%; padding: 1px 15px; margin: 10px; box-shadow: 0 1px 3px rgba(0,0,0,.5)}
  .tofrom {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px maroon}

  Pages using this styling

  • scp-8132 [info]

  ¶ 1 occurrence
  

  :is(blockquote, .blockquote, div.blockquote, [class*="blockquote"]) {
  
  background: hsla(0, 87%, 28%, 1);
  
  background: radial-gradient(circle, hsl(0deg 54.06% 22%) 0%, hsla(0, 0%, 0%, 1) 100%);
  
  background: -moz-radial-gradient(circle, hsl(0deg 54.06% 22%) 0%, hsla(0, 0%, 0%, 1) 100%);
  
  background:-webkit-radial-gradient(circle, hsl(0deg 54.06% 22%) 0%, hsla(0, 0%, 0%, 1) 100%)
  
  filter: progid: DXImageTransform.Microsoft.gradient( startColorstr="#840909", endColorstr="#000000", GradientType=1 );
  
  box-shadow: none !important;
  }
  .anom-bar-container.esoteric .text-part > .main-class::before,.anom-bar-container.esoteric .text-part > .main-class::after {
  background-color: rgb(252, 252, 252) !important;
  }
  
  .danger-diamond > .quadrants > .bottom-quad {background-color: white !important; }
  
  .anom-bar-container.esoteric .danger-diamond > .top-icon::before {     
  background-color: rgb(252, 252, 252) !important;
  -webkit-filter: invert(0) !important; 
  filter: invert(0) !important;
  }

  Pages using this styling

  • scp-8131 [info]

  ¶ 1 occurrence
  

  :root {
     --header-title: "SCP Foundation";
     --header-subtitle: "Secure. Contain. Protect.";
  }

  Pages using this styling

  • scp-8127 [info]

  ¶ 1 occurrence
  

  .email-example .collapsible-block-folded a.collapsible-block-link {
      animation: blink 0.8s ease-in-out infinite alternate;
  }
  @keyframes blink {
      0% { color: transparent; }
      50%, 100% { color: #b01; }
  }
  .email {border: solid 2px #000000; width: 88%; padding: 1px 15px; margin: 10px; box-shadow: 0 1px 3px rgba(0,0,0,.5)}
  .email-example a.collapsible-block-link {font-weight: bold;}
  .tofrom {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px maroon}
  
  @media (max-width: 479px){
  .scp-image-block.block-right {
      margin: 0 auto 1em;
      width: 100%;
  }
  }
  

  Pages using this styling

  • scp-8126 [info]

  ¶ 1 occurrence
  

  .hovercard {
      position: relative;
      display: inline-block;
  }
  
  .hovercard.trigger-newpage > a {
    color: rgb(var(--newpage-color));
  }
  
  .hovercard > a:focus {
      z-index: 1;
  }
  
  .hovercard > a:hover {
      z-index: 2;
  }
  
  .hovercard-content {
      position: absolute;
      box-shadow: 0 .25rem 1rem 0 rgba(var(--swatch-alternate-color), .25);
      line-height: calc(var(--base-line-height) * 1.1);
      font-size: 0.86em;
      
      background-color: #fff;
      border-radius: 6px;
      padding: 8px;
      top: -6px;
      left: 50%;
      width: 120px;
  
      translate: -50% calc(-100% + 5px);
      opacity: 0;
      pointer-events: none;
  
      transition: translate .3s var(--ease-in-out), opacity .15s var(--ease-in-out);
  }
  
  .hovercard-content:after {
      content: "";
      position: absolute;
      top: 100%;
      left: 50%;
      transform: translateX(-50%) rotate(45deg);
      width: 12px;
      height: 12px;
      background-color: #fff;
      border-bottom-right-radius: 3px;
      margin-top: -6px;
  }
  
  @media only screen and (min-width: 960px) {
    .hovercard-content {
      width: 240px;
      left: 50%;
    }
  }
  
  .hovercard:has(> a:hover, > a:focus, .hovercard-content:hover) .hovercard-content {
      translate: -50% -100%;
      opacity: 1;
      pointer-events: auto;
      z-index: 3;
      
      @starting-style {
          translate: -50% calc(-100% + 5px);
          opacity: 0.4;
      }
  }
  
  .hovercard:has(> a:hover, > a:focus, .hovercard-content:hover) .hovercard-content:before {
    content: "";
    position: absolute;
    inset: -10px;
    z-index: -1;
  }
  
  .hovercard-content > img {
      display: block;
      width: 100%;
      height: 80px;
      object-fit: cover;
      border-radius: 4px;
      margin-bottom: 8px;
  }

  Pages using this styling

  • scp-8125-j [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Architects+Daughter&family=Caveat:wght@400..700&display=swap');
  
  .architects-daughter-regular {
    font-family: "Architects Daughter", cursive;
    font-weight: 400;
    font-size: 1.1em;
    font-style: normal;
  }
  
  :root {
    --document-background-color: 253, 253, 236 !important;
  }
  
  .box {
      position: relative;
      padding: 0.5em;
      margin: 0.5em;
      box-shadow: 2px 1.5px 1px rgba(150,24,43,0.8), 0 0 0px 1px lightgrey;
      overflow-wrap: break-word;
      color: black;
  }
  .box.imagebox {
      padding: 0.2em;
      margin: 0.2em;
      box-shadow: 2px 1.5px 1px lightgrey, 0 0 0px 1px lightgrey;
  }
  .bibitems,
  .footnotes-footer {
      margin: 2rem 0 1rem;
  }
  .infotext {
      text-align: right;
      margin-right: 7px;
  }
  :is(#u-credit-view, div#u-credit-otherwise) .modalbox {
    height: 20svh;
  }
  :is(#u-credit-view, #u-credit-otherwise) .modalbox > hr {
    margin: 0rem 0rem 0rem;
  }
  :is(#u-credit-view, #u-credit-otherwise) .modalbox > div:first-child {
    height: 8rem;
  }

  Pages using this styling

  • scp-8125 [info]

  ¶ 1 occurrence
  

  
  
  .info-container{
  --barColour: #3b3939;
  --linkColour: #bababa;
  
  }
  .top-center-box > div {
  height:1rem !important;
  
  }
  
  :is(#side-bar, #interwiki) .heading {
    color: #0ce6f2;
  }
  :is(#side-bar, #interwiki) .menu-item a,
  #top-bar div[class*="top-bar"] > ul > li > a {
    text-transform: uppercase;
  }
  

  Pages using this styling

  • scp-8121 [info]

  ¶ 1 occurrence
  

  
  :root {
      --header-title: "SCP FOUNDATION";
      --header-subtitle: "SECURE - CONTAIN - PROTECT";
      --lgurl: url(https://upload.wikimedia.org/wikipedia/commons/e/ec/SCP_Foundation_%28emblem%29.svg);
      --white-monochrome: 0, 0, 0;
      --pale-gray-monochrome: 0, 0, 0;
      --light-pale-gray-monochrome: 166, 28, 0;
      --very-light-gray-monochrome: 230, 230, 230;
      --light-gray-monochrome: 230, 230, 230;
      --gray-monochrome: 217, 217, 217;
      --dark-gray-monochrome: 204, 204, 204;
      --black-monochrome: 240, 240, 240;
   
      --accentColor: 144, 127, 75;
      --background-gradient-color: var(--light-gray-monochrome);
      --swatch-menubg-dark-color: var(--very-light-gray-monochrome);
      --swatch-text-tertiary-color: var(--accentColor);
      --ui-button-hover-txt: var(--black-monochrome);
   
      --body-font: Inter, Verdana, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
   
      /*-- modal --*/
      --modal-header-txt: var(--black-monochrome);
      --modal-header-bg: var(--white-monochrome);
   
      /*-- footnote --*/
      --hoverblock-header-txt: var(--black-monochrome);
      --hoverblock-bg: var(--black-monochrome);
  }
   
  #header {
      --search-icon-hover-color: var(--black-monochrome);
      --search-icon-hover-bg-color: var(--swatch-primary-darkest);
      --login-myaccount-hover-color: var(--black-monochrome);
      --login-dropdown-text-hover-color: var(--black-monochrome);
  }
  #header h1 a::before,
  #header h2 span::before {
      content: none;
  }
   
  #top-bar {
      --dropdown-bg-color: var(--dark-gray-monochrome), 0.9;
  }
   
  #side-bar, #interwiki {
      --sidebar-links-hover-text-color: var(--black-monochrome);
      --sidebar-collapsible-fld-link-hover-color: var(--black-monochrome);
      --sidebar-collapsible-fld-arrow-hover-color: var(--sidebar-collapsible-fld-link-hover-color);
  }
   
  #main-content {
      --tables-header-txt: var(--black-monochrome);
      --footnotes-footer-title-text-color: var(--black-monochrome);
  }
   
  :is(#breadcrumbs,.pseudocrumbs) a:is(:hover,:active,:focus,:focus-within) {
      color: rgb(var(--black-monochrome));
  }
   
  #page-content div.warning-top-box>h1 {
      color: rgb(var(--black-monochrome));
  }
   
  .top-right-box>.level {
      line-height: 0;
  }
   
  .scp-image-block {
      border: solid 0.5rem rgb(var(--pale-gray-monochrome));
      border-bottom: solid 0rem rgb(var(--pale-gray-monochrome));
      box-shadow: 0rem 0.26rem 0rem 0rem rgb(var(--accentColor));
      box-sizing: border-box;
  }
   
  .scp-image-block .scp-image-caption {
      background-color: rgb(var(--pale-gray-monochrome));
      border: solid 0.25rem rgb(var(--pale-gray-monochrome));
      color: rgb(var(--black-monochrome));
      font-size: 0.875em;
  }
   
  #page-content .collapsible-block-folded,
  #page-content .collapsible-block-unfolded-link {
      margin: 0;
      background: transparent;
  }
   
  sup {
      vertical-align: top;
      position: relative;
      top: -0.5em;
  }
   
  .anom-bar-container {
      --five-color: var(--accentColor);
      --four-color: var(--accentColor);
      --three-color: var(--accentColor);
      --two-color: var(--accentColor);
      --one-color: var(--accentColor);
  }
   
  .page-tags {
      --pagetags-title-text: var(--black-monochrome);
  }
   
  div[id*=page-options-bottom]>a {
      --ui-icon-color: var(--black-monochrome);
      --ui-icon-hover-color: var(--black-monochrome);
  }
   
  #action-area {
      --swatch-text-secondary-color: var(--black-monochrome);
  }
   
  #revision-list span {
      --pager-selected-link: var(--swatch-text-secondary-color);
      --pager-link-hover: var(--pager-selected-link);
  }
   
  #footer,
  #license-area {
      --hover-link-color: var(--link-color);
      --swatch-text-secondary-color: var(--black-monochrome);
      --white-monochrome: var(--black-monochrome);
  }
   
  .code pre, .code p, .code {
      background-color: rgb(var(--pale-gray-monochrome));
      color: rgb(var(--black-monochrome));
  }
   
  /*---- AYERS INFO BAR MOD ----*/
  #page-content .info-container .translation_block {
      display: none;
  }
  #page-content .info-container .collapsible-block-link,
  #page-content .info-container:hover .collapsible-block-link {
      line-height: 1.6em;
  }
  #page-content .info-container .collapsible-block-folded,
  #page-content .info-container .collapsible-block-unfolded-link {
      display: grid;
      background: rgb(var(--bright-accent));
  }
  #page-content .info-container .collapsible-block-folded .collapsible-block-link,
  #page-content .info-container .collapsible-block-link {
      -webkit-mask: unset;
      mask: unset;
      background: transparent;
      grid-column: 1;
      grid-row: 1;
      opacity: 0;
  }
  #page-content .info-container .collapsible-block-folded::before,
  #page-content .info-container .collapsible-block-unfolded-link::before {
      --wght: 800;
      content: "CH";
      color: #fff;
      font-family: var(--body-font);
      display: block;
      pointer-events: none;
      grid-column: 1;
      grid-row: 1;
  }
   
  /* CODE BLOCK */
  .hl-default, .hl-code, .hl-brackets {
      color: rgb(var(--swatch-text-dark));
  }
  

  Pages using this styling

  • scp-8119 [info]

  ¶ 1 occurrence
  

  
  @import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
  
  .email-example .collapsible-block-folded a.collapsible-block-link {
      animation: blink 0.8s ease-in-out infinite alternate;
  }
  @keyframes blink {
      0% { color: transparent; }
      50%, 100% { color: #b01; }
  }
  
  .email {border: solid 2px #000000; width: 88%; padding: 1px 15px; margin: auto; box-shadow: 0 1px 3px rgba(0,0,0,.5); background-color: white; color: black; font-family: "Helvetica";}
  .email-example a.collapsible-block-link {font-weight: bold;}
  .tofrom {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px royalblue;font-family: "Helvetica"}
  .tofrom2 {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px royalblue; font-family: "Helvetica"}
  
  .confidential {margin-left: 1px; color: grey; font-family: "Helvetica"; font-size: 70%}
  
  /* CONTENT > Image Block */
  
  .caption {
      background-color: #f4f4f4;
      color: #3b3b3b;
      border: solid 2px rgba(0, 0, 0, 0.1);
      margin-top: 10px;
      box-sizing: border-box;
      border-radius: 5px;
  }
  
  .scp-image-block {
      border: none;
      box-shadow: none;
  }
  
  .img {
      border: solid 2px rgba(0, 0, 0, 0.1);
      box-sizing: border-box;
  }
  
  /* fix image block on mobile */
  @media (max-width: 600px) {
    .scp-image-block.block-right {
      margin: auto;
      float: none;
    }
  }

  Pages using this styling

  • scp-8116 [info]

  ¶ 1 occurrence
  

  sup {
  vertical-align: top; position: relative; top: -0.5em;
  }
  #header::before {
      opacity: 0.9 !important;
  }
  :root{
  --header-subtitle: "DEPARTMENT OF LUNAR ASSESSMENT";
  --cutColour: #fafafa;
  --barColour: #590505;
  --timeScale: 1;
  --timeDelay: 1s;
  --accentColor: 127, 127, 127;
  --dark-gray-monochrome: 55, 55, 55;
  --black-monochrome: 26, 26, 26;
  --lgurl: url(https://upload.wikimedia.org/wikipedia/commons/3/33/Lune_ico.png);
  }
  .translation_block{
  display:none;}
  
  #page-content .info-container {
      --link-color: rgb(var(--swatch-text-general));
  }
  
  #page-content .info-container .translation_block {
      display: none;
  }
  
  #page-content .info-container .collapsible-block-link,
  #page-content .info-container:hover .collapsible-block-link {
      line-height: 1.6em;
  }
  
  #page-content .info-container .collapsible-block-folded,
  #page-content .info-container .collapsible-block-unfolded-link {
      display: grid;
  }
  
  #page-content .info-container .collapsible-block-folded .collapsible-block-link,
  #page-content .info-container .collapsible-block-link {
      -webkit-mask: unset;
              mask: unset;
      background: transparent;
      grid-column: 1;
      grid-row: 1;
      opacity: 0;
  }
  
  .anom-bar-container.esoteric .text-part>.main-class::before {
      border-color: rgb(var(--swatch-menutxt-dark-color, 12, 12, 12));
  }
  
  .anom-bar-container.esoteric .text-part>.main-class::before,
  .anom-bar-container.esoteric .danger-diamond>.top-icon::before {
      background-color: rgb(var(--swatch-menutxt-dark-color, 12, 12, 12));
      background-image: url("http://scptestwiki.wikidot.com/local--files/secret:scp-0000/esoteric-icon-ededed.svg");
      -webkit-filter: initial;
      filter: initial;
  }
  
  .anom-bar-container {
      --five-color: var(--accentColor);
      --four-color: var(--accentColor);
      --three-color: var(--accentColor);
      --two-color: var(--accentColor);
      --one-color: var(--accentColor);
  }

  Pages using this styling

  • scp-8110 [info]

  ¶ 1 occurrence
  

  :root{
  --accentColor:#db3b3b;
  --header-title:"SITE-40";
  --header-subtitle:"SCP Foundation";
  --lgurl:url("http://scp-sandbox-3.wikidot.com/local--files/collab:crime-monsters-brainstorming/Maksur.png")
  }

  Pages using this styling

  • scp-8106 [info]

  ¶ 1 occurrence
  

  
  :root {
      --header-title: "The Foundation";
      --header-subtitle: "We'll be back shortly";
  }

  Pages using this styling

  • scp-8105 [info]

  ¶ 1 occurrence
  

  .page {
      display: block;
      overflow: hidden;
      font-family: "Monotype Corsiva", "Bradley Hand ITC", sans-serif;
      font-style: normal;
      font-size: 16px;
      background-attachment: scroll;
      background-clip: border-box;
      background-color: transparent;
      background-image: linear-gradient(to top ,rgb(202, 219, 228) 0%, rgb(231, 233, 220) 8%);
      background-origin: padding-box;
      background-position: 0px 8px;
      background-repeat: repeat;
      background-size: 100% 20px;
      border: 1px solid #CCC;
      border-radius: 10px;
      padding: 10px 10px;
      margin-bottom: 10px;
      box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2)
  }
  .page p,
  .page ul {
      line-height: 20px;
      margin: 0;
  }

  Pages using this styling

  • scp-8104 [info]

  ¶ 1 occurrence
  

  :root{
    --header-title: "SCP FOUNDATION";
    --header-subtitle: "SECURE. CONTAIN. PROTECT.";
  }
  
  
  div#extra-div-1 {
      background-image: url(https://cdn.discordapp.com/attachments/770866626089582633/816896081870323712/Big87.png);
      filter: opacity(20%);
  }

  Pages using this styling

  • scp-8097 [info]

  ¶ 1 occurrence
  

  :root {
      --wm-bg: 28,28,28;
      --wm-accent: 105,105,105;
      --wm-border: 181,181,181;
  }
  
  .orderwrapper {position: relative;width: auto;text-align: center;}.council1 {position: relative;top: 0;bottom: 0;left: 0;right: 0;width: 295px;height: 295px;margin: auto;background-image: url( "https://kaktuskontainer.wdfiles.com/local--files/format-hell/scp_trans.png" );background-size: 295px 295px;background-repeat: no-repeat;background-position: center;}.ordertitle {position: absolute;left: 0;right: 0;top: 38px;}.ordertitle h1 {font-size: 220%;color: #555;}.orderdescription {position: absolute;left: 0;right: 0;top: 85px;width: 100%;}.orderdescription p {font-size: 90%;color: #555;}.orderdescription h1 {font-size: 120%;color: #666;}.itemno {position: absolute;left: 0;right: 0;bottom: 27px;}.itemno h1 {font-size: 170%;color: #555;}
  .rsplash {color: white; background: black; font-family: monospace;}
  
  #page-title {
      display: none;
  }
  
  #page-content .yui-content div {
      overflow: hidden;
  }
  
  .yui-nav li:first-child, .yui-nav li.selected {
      display: none;
      border: none;
  }
  
  .yui-navset.yui-navset-top {
      margin: 0;
      border: none;
      box-sizing: border-box;
  }
  
  .yui-navset.yui-navset-top div.yui-content {
      padding: 0px;
      border: none;
      box-sizing: border-box;
      overflow: auto;
  }
  
  .yui-nav li, .yui-nav li a, body .yui-navset.yui-navset-top > ul.yui-nav li a {
      border: none !important;
      border-top: none !important;
      gap: 0;
  }
  
  .yui-navset div.yui-content {
      background: transparent;
      border: none;
  }
  
  .yui-navset.yui-navset-top {
      display: grid;
      border: none;
  }
  
  .yui-navset .yui-nav {
      grid-row-start: 2;
      border: none;
  }

  Pages using this styling

  • scp-8096 [info]

  ¶ 1 occurrence
  

  .text-container{
  box-shadow:1px 1px 7px gray inset;
  background-color:#white;
  }
  .sent .text{
  background-color:#3d87ff;
  color:black;
  }
  .recv .text{
  background-color:#d7dade;
  color:black;
  }

  Pages using this styling

  • scp-8094 [info]

  ¶ 1 occurrence
  

  #page-content {
      color: black;
  }

  Pages using this styling

  • scp-8091 [info]

  ¶ 1 occurrence
  

  .page {
      display: block;
      overflow: hidden;
      font-family: "Arial", "Bradley Hand ITC", sans-serif;
      font-style: normal;
      background-attachment: scroll;
      background-clip: border-box;
      background-color: transparent;
      background-image: linear-gradient(to top ,rgb(202, 219, 228) 0%, rgb(231, 233, 220) 8%);
      background-origin: padding-box;
      background-position: 0px 8px;
      background-repeat: repeat;
      background-size: 100% 20px;
      border: 1px solid #CCC;
      border-radius: 10px;
      padding: 10px 10px;
      margin-bottom: 10px;
      box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2)
  }
  .page p,
  .page ul {
      line-height: 20px;
      margin: 0;
  }

  Pages using this styling

  • scp-8089 [info]

  ¶ 1 occurrence
  

  :root {
      --header-title: "SCP Foundation";
      --header-subtitle: "Searching for Cryptid Paranormalities";
  }
  
  .scp-image-block.block-right { margin: 1em 2em 1em 1em; }
  
  .vdn {
      background: #ffffff;
      background-size: 400px;
      background-position: center;
      background-repeat: no-repeat;
      box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
      width: 84%;
      min-height: 4rem;
      margin-left: auto;
      margin-right: auto;
      padding: 10px 20px 20px 20px;
      word-break: break-word;
  }
  
  .scp-image-block.block-right { margin: 1em 2em 1em 1em; }
  
  #page-title{display:none}
  
  .email-example .collapsible-block-folded a.collapsible-block-link {
      animation: blink 0.8s ease-in-out infinite alternate;
  }
  @keyframes blink {
      0% { color: transparent; }
      50%, 100% { color: #b01; }
  }
  .email {border: solid 2px #000100; background-position: center; width: 88%; padding: 1px 15px; margin: 10px; margin-left: auto; margin-right: auto; box-shadow: 0 1px 3px rgba(0,0,0,.5)}
  .email-example a.collapsible-block-link {font-weight: bold;}
  .tofrom {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px maroon}
  

  Pages using this styling

  • scp-8087 [info]

  ¶ 1 occurrence
  

  @import url('https://scpdsandbox.wdfiles.com/local--files/toki-pona-test/nasin-nanpa-uscur3.css');
  
  .nimisin {
  font-family: 'nasin-nanparegular';
  }
  
  .snote {
  
  color: black;
  
  }

  Pages using this styling

  • scp-8086 [info]

  ¶ 1 occurrence
  

  #header h1 a {
   
      background-image: none;
  
  }
  
  #header h1 a::before {
      text-shadow: none;
      color: white;
  }
   
  #header h2 {
      display: flex;
  }
  
  #header h1 {
      margin-top: 5.7rem;
      margin-left: 2.5rem;
  }
  
  @media (max-width: 768px) {
  
  #header h1 {
      margin-left: 1.3rem;
  }
  
  }
  
  :root {
  
      --header-title: "SCP Foundation";
      --header-subtitle: "Secure, Contain, Protect";
  
  }
  
  .footnotes-footer {
  display:none;
  }

  Pages using this styling

  • scp-8084 [info]

  ¶ 1 occurrence
  

  .info-container{
  --barColour: #CDCDD1;
  --linkColour: #212325;
  }

  Pages using this styling

  • scp-8080 [info]

  ¶ 1 occurrence
  

  .heavycollapsible .collapsible-block-folded a.collapsible-block-link {font-weight: bold; color: blue; text-align: center; text-decoration: underline;}

  Pages using this styling

  • scp-8075 [info]

  ¶ 1 occurrence
  

  
  @import url('https://fonts.googleapis.com/css2?family=Courier+Prime&display=swap');
  
  @import url('https://fonts.googleapis.com/css2?family=League+Gothic&display=swap');
  
  .courier {
  font-family: 'Courier Prime', monospace;
  }
  
  .league {
  font-family: 'League Gothic', monospace;
  }
  
  .whitebox{
      padding: 15px;
      background: white;
      color: black;
  border:solid 1px black;
  overflow:auto;
  }
  
  .foundationbox{
      padding: 15px;
      background: #d1e0d5;
      color: black;
  border:solid 1px black;
  overflow:auto;
  }
  
  .blank {
      height: 80px;
      display: block;
      clear: both;
  }
  
  .smallblank {
      height: 40px;
      display: block;
      clear: both;
  }
  
  .darkbox{
      padding: 1em;
      background: #262927;
      color: white;
  border:solid 1px black;
  font-size: 100%;
  overflow:auto;
  }
  
  .testimonial{
      border:solid 1px white;
      padding: 2em;
      background-color: #f2dfc4;
  color: black;
  border:solid 1px black;
  
  .blackspace {
      height: 5px;
      background-color: black;
      border: none;
      margin-top: 40px; 
      margin-bottom: 40px;
  
  

  Pages using this styling

  • scp-8075 [info]

  ¶ 1 occurrence
  

  .info-container{
  --barColour: #274501;
  --linkColour: #FFF;
  }

  Pages using this styling

  • scp-8074 [info]

  ¶ 1 occurrence
  

  
  .custom-hr {
      height: 5px;
      background-color: #274501;
      border: none;
      margin-top: 20px;
      margin-bottom: 20px;
  }
  
  .blank {
      height: 2em;
      display: block;
      clear: both;
  }

  Pages using this styling

  • scp-8074 [info]

  ¶ 1 occurrence
  

  
  :root {
  
  --zero: 0;
  
  }
  
  #page-title,
  .meta-title {
      display: none;
  }
  

  Pages using this styling

  • scp-8069 [info]

  ¶ 1 occurrence
  

  
  #page-content .info-container {
      --link-color: rgb(var(--swatch-text-general));
  }
  
  #page-content .info-container .collapsible-block-link,
  #page-content .info-container:hover .collapsible-block-link {
      line-height: 1.6em;
  }
  
  #page-content .info-container .collapsible-block-folded,
  #page-content .info-container .collapsible-block-unfolded-link {
      display: grid;
  }
  
  #page-content .info-container .collapsible-block-folded .collapsible-block-link,
  #page-content .info-container .collapsible-block-link {
      -webkit-mask: unset;
          	mask: unset;
      background: transparent;
      grid-column: 1;
      grid-row: 1;
      opacity: 0;
  }
  
  #page-content .info-container .collapsible-block-folded::before,
  #page-content .info-container .collapsible-block-unfolded-link::before {
      --wght: 800;
      content: "ETC";
      color: #FFFFFF;
      font-family: Inter, Arimo, Verdana, Geneva, "Helvetica Neue", "Helvetica", Arial, sans-serif;;
      display: block;
      pointer-events: none;
      grid-column: 1;
      grid-row: 1;
      line-height: 2.75ex;
  }
  

  Pages using this styling

  • scp-8066 [info]

  ¶ 1 occurrence
  

  .danke {
      padding: 5px;
      margin-bottom:10px;
      font-family: monospace;
      font-size: 1.1em; 
  }
  
  .agent {
      background-color:#002200;
      border: 3px solid #55AA55;
      color: #77CC77;
  }
  
  .site {
      background-color:#222200;
      border: 3px solid #AAAA55;
      color: #DDDD77;
  }
  
  .email {border: solid 2px #000000; width: 88%; padding: 1px 15px; margin: 10px; margin-bottom:20px; margin-top:20px; box-shadow: 0 1px 3px rgba(0,0,0,.5)}
  .tofrom {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px maroon}
  

  Pages using this styling

  • scp-8064 [info]

  ¶ 1 occurrence
  

  :root { --header-h1-font-size: calc(var(--base-font-size) * (40 / 16)); 
      --header-title: 'Concepts Division';
      --title-size: 1.0rem;
  }
  #header h2 span{
      padding-top: 6px;
  }
  .email-example .collapsible-block-folded a.collapsible-block-link {
      animation: blink 0.8s ease-in-out infinite alternate;
  }
  @keyframes blink {
      0% { color: transparent; }
      50%, 100% { color: #9179e7; }
  }
  .email {border: solid 2px #9179e7; width: 88%; padding: 1px 15px; margin: 10px; box-shadow: 0 1px 3px rgba(0,0,0,.5)}
  .email-example a.collapsible-block-link {font-weight: bold;}
  .tofrom {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px #4b397b}

  Pages using this styling

  • scp-8057 [info]

  ¶ 1 occurrence
  

  :root {
  --dangerous: 255, 109, 0
  }
  .lines {
    padding: 4px 16px 4px 16px;
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
    margin: auto;
    margin-bottom: 28px;
    margin-top: 28px;
    border: solid 5px #E9FBDF;
  }
  .Ngo {
      padding: 4px 16px 4px 16px;
      box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
      width: 75%;
      margin: auto;
      margin-bottom: 28px;
      margin-top: 28px;
      background: #FBF9F3;
      border: dashed 0.1rem #5D5D5D;

  Pages using this styling

  • scp-8056 [info]

  ¶ 1 occurrence
  

  :root {
      --top-layer-height-offset: -0.85rem;
  }
  
  div#header-extra-div-1 {
      height: 12.75em;
      width: 100%;
      top: .5em;
      left: 0;
      position: absolute;
      background: url(https://scp-wiki.wdfiles.com/local--files/theme:paperstack/lgtrans.png);
      background-size: contain;
      background-repeat: no-repeat;
      background-position: calc(var(--sp_area-comp-margin) + 2.25rem) 50%;
      z-index: -1;
      pointer-events: none;
  }
  #side-bar {
      background-color: var(--paper-background-color);
      box-shadow: 0 0 .5rem var(--paper-shadow-color);
  }
  @media (max-width: 720px) {
      div#header-extra-div-1 { background-position: center; }
  }
  
  .header-container-ex {
      padding-top: 0;
  }

  Pages using this styling

  • scp-8055 [info]

  ¶ 1 occurrence
  

  :root {
  --body-font-primary: 'Jetbrains Mono';
  --header-logo: url(https://scp-wiki.wdfiles.com/local--files/component%3Aobject-warning-box-source/scp-logo.svg);
  --image-caption-text-color:rgba(128,255,128,0.8);
  }
  #header h1 a::before {
      filter: invert(1);
  }
  .collapsible-block-folded::before, .collapsible-block-unfolded-link::before{
      content: "> ";
  }
  .image-block, .scp-image-block {
      font-weight: normal !important; 
      border-bottom: solid .325rem rgba(128,255,128,0.8);
  }
  #u-start1, #u-start2, .textchange div.sitemember:nth-child(2) {
      display:none;
  }
  .type-wrap-wrapper {
      position: relative;
      text-align: left;
  }
  .type-wrapper {
      background: rgba(255, 0, 0, 0);
  }
  .typearea1 {
      color: rgba(128,255,128,0.8);
      overflow: hidden;
      width: 0;
      display: none;
  }
  .typearea1 {
      overflow: hidden;
  }
  #u-start1:target ~ .typearea1 {
      display: block;
      width: 100%;
      //animation: type 4s steps(60, end);
  }
  .typearea2 .blockquote {
      color: rgba(128,255,128,0.8);
      overflow: hidden;
      display: block;
  }
  .blink {
      animation: blink 1s infinite;
  }
  
  @keyframes type {
    0% {
      width: 0;
    }
    1% {
      opacity: 1;
    }
    100% {
      opacity: 1;
    }
  }
  @keyframes blink{
      to{
          opacity: .0;
      }
  }
  .buttonwrapper {
      text-align: left;
  }
  .likebutton {
      text-decoration: none;
      border: 1px solid #AAA;
      color: #000;
  }
  .likebutton:hover {
      background-color: #DDD;
      color: #000;
      border: 1px solid #0098b3;
  }
   
  div.terminal{
      border: 1px solid black;
      border: solid 3px #BBBBBB;
      border-radius: 16px;
      background-color: #131;
      /* black shadow at the top of the terminal */
      background-image: 
          radial-gradient(ellipse 1000% 100% at 50% 90%, transparent, #121);
      background-position: center;
      display: block;
      /* shadow around the terminal */
      box-shadow: inset 0 0 10em 1em rgba(0,0,0,0.5);
      /* prevents scanline from forming a scrollwheel */
      overflow:hidden;
  }
  div.terminal .blockquote {
      background-color: black;
      border: double 3px #80FF80
  }
  div.scanline{
      margin-top: -40%;
      width: 100%;
      height: 60px;
      position: relative;
      pointer-events: none;
      /* Safari 4.0 - 8.0 */
      -webkit-animation: scan 12s linear 0s infinite;
      animation: scan 12s linear 0s infinite;
      background: linear-gradient(to bottom, rgba(56, 112, 82, 0), rgba(56, 112, 82, 0.1)) !important;
  }
  
  div.text{
      color: rgba(128,255,128,0.8);
      padding-left: 2em;
      padding-right: 2em;
      padding-top: 40%;
      font-size: 0.85em;
  }
  
  /* Safari 4.0 - 8.0 */
  @-webkit-keyframes scan{
      from{ transform: translateY(-10%);}
      to{  transform: translateY(5000%);} /* You may need to change this depending on the length of your terminal. If the scanline stops halfway, increase the second number.*/
  }
  
  @keyframes scan{
      from{ transform: translateY(-10%);}
      to{  transform: translateY(5000%);} /* Same as above.*/
  }
  
  div.text a {
      color: #90EE90;
      text-decoration: underline;
      background: transparent;
  }
  div.text a.newpage {
      color: #90EE90;
      text-decoration: none;
      background: transparent;
  }
  div.text a:hover {
      color: #131;
      text-decoration: underline;
      background-color: #80FF80;
  }

  Pages using this styling

  • scp-8054 [info]

  ¶ 1 occurrence
  

  
  /* Author Label Color */
  .authorlink-wrapper > a {color:#634629;}
  
  /* Rating Module Colors */
  div.page-rate-widget-box .rate-points {background-color: #634629;border: solid 1px #634629;}
  .page-rate-widget-box .rateup,
  .page-rate-widget-box .ratedown {background-color: #f5f5f5;border-top: solid 1px #473f63;border-bottom: solid 1px #634629;}
  .page-rate-widget-box .rateup a,
  .page-rate-widget-box .ratedown a {background: transparent;color: #634629;}
  .page-rate-widget-box .rateup a:hover,
  .page-rate-widget-box .ratedown a:hover {background: #634629;color: #f0f1f2;}
  .page-rate-widget-box .cancel {background-color: #634629;border: solid 1px #634629}
  .page-rate-widget-box .cancel a {background: transparent;color: #8c8279;}
  .page-rate-widget-box .cancel a:hover {background: transparent;color: #f0f1f2;}
  
  /* Rating Module In-line */
  div.shift {
  position:relative; top:3.2rem;
  }
  
  /* Logo In-line */
  div.shift2 {
  position:relative; top:-5rem;
  }
  @media (max-width: 479px) {div.shift2 {position:relative; top:-3rem;}}
  
  /* The Clutter */
  #page-title {display:none;}
  .footnotes-footer {display:none;}
  body {background-color:rgb(240, 240, 240)}
  
  /* Top Bar */
  div#header h1 span {font-size:0px}
  div#header h1 a:before {content: "SCP Foundation"; color:#eee;}
  div#header h2 span {font-size:0px; padding: 4px;}
  div#header h2:after {
  content: "Secure, Contain, Protect";
  color:#f0f0c0;
  font-family:Trebuchet MS;
  font-size:110%;
  }
  div#container-wrap {background: url('http://scp-wiki.wikidot.com/local--files/scp-8044/Eternalbackground6.png') top left repeat-x;}
  #header {background-image: url('https://scpwiki.github.io/sigma/images/header-logo.svg')}
  
  /* Debrief Box */
  div.cont {
  font-family: 'Georgia';
  font-size: 15px;
  color: #303030;
  border: dashed 1px #777;
  background:#f9f9f9;
  padding:0 2em;
  text-align: left;
  width:80%;
  margin:auto;
  box-shadow: 0 1px 1px rgba(0,0,0,.1);
  }
  
  div.dinkus {
  text-align: center;
  }
  
  div.endlog {
  font-family: 'Courier New';
  font-size: 16px;
  color: #000000;
  }
  

  Pages using this styling

  • scp-8044 [info]

  ¶ 1 occurrence
  

  @keyframes fade-inout {
    0% { opacity: 1; }
    100% { opacity: 0; }
  }
  
  .fade-in-fade-out {
    animation: fade-inout 690s;
    animation-fill-mode: forwards;
  }

  Pages using this styling

  • scp-8041 [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Arimo:ital,wght@0,400..700;1,400..700&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Noto+Serif:ital,wght@0,100..900;1,100..900&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Inconsolata:wght@200..900&display=swap');
  
  hr {
     margin: 1em 0em;
     width: 100%;
  }
  
  .image-container { padding: 0.4em; }
  
  .minipedia {
     font-family: 'Arimo', sans-serif;
     background-color: #F7F5F5;
     border: 2px dotted grey;
     padding: 0.5em 1em;
  }
  
  .minichan {
     font-family: 'Noto Sans', sans-serif;
     background-color: #EEF2FF;
     border: 2px dotted grey;
     padding: 0.3em 0.8em 0em 0.8em;
  }
  
  .indenter {
     padding: 0em 1em;
     margin-bottom: 1.5em;
     border-bottom: 2px solid rgba(219, 219, 219, 0.4);
  }
  
  .miniheader {
     font-size: 150%;
     font-family: 'Noto Serif', serif;
     font-weight: 500;
     border-bottom: 2px solid grey;
  }
  
  .miniheader p { margin: 0.5em 0em 0.4em 0em; }
  
  .minipost {
     background-color: #D6DAF0;
     border: 1px solid #B8BFD6;
     padding: 0.1em 0.7em 0.3em 0.7em;
     margin-bottom: 2em;
  }
  
  .minisig { font-weight: bold; }
  .minisig::after { content: '  ▶';}
  
  .minidual {
     margin: none;
     display: grid;
     grid-template-areas:
        "image post";
     grid-template-columns: 6fr 11fr;
     grid-template-rows: auto;
  }
  
  .minidual-image {
     grid-area: image;
     padding: 0em 0.5em 0.5em 0.5em;
  }
  
  .minidual-post {
     grid-area: post;
     padding-left: 0.5em;
  }
  
  .script {
     font-family: "Inconsolata", monospace;
     font-size: 1.1em;
     outline: 2px solid rgba(130, 130, 130, 0.4);
     padding: 1.5em 3.5em;
  }
  
  .script p { margin: 0em; }
  
  .fadein {
     margin: 2em 0em 0.5em;
     text-transform: uppercase;
  }
  
  .scene {
     margin: 1.5em 0em 1em;
     text-transform: uppercase;
   }
  
  .action {
     margin: 1em 0em 1.5em;
  }
  
  .dialog {
     margin: 0em 23.5% 1.25em;
     display: grid;
     grid-template-areas:
        "char"
        "text";
  }
  
  .dialog-dual {
     margin: 0em 0em 1.25em;
     display: grid;
     grid-template-columns: 1fr 5% 1fr;
     grid-template-areas:
        "char1 sp char2"
        "text1 sp text2";
  }
  
  .char, .char1, .char2 {
     text-transform: uppercase;
     line-height: 0.85em;
     margin: auto;
     padding: 0em 3em;
     position: relative;
  }
  
  .char { grid-area: char; }
  .char1 { grid-area: char1; }
  .char2 { grid-area: char2; }
  
  .cont { left: 2.2vw; }
  .cont p::after { content: " (CONT'D)"; }
  
  .dtext { grid-area: text; }
  .dtext1 { grid-area: text1; }
  .dtext2 { grid-area: text2; }
  
  .paren {
     text-transform: none;
     line-height: 1em;
     padding: 0em 2.2vw;
  }
  .paren::before { content:"( "; }
  .paren::after { content:" )"; }
  
  .transition {
     text-transform: uppercase;
     text-align: right;
  }

  Pages using this styling

  • scp-8038 [info]

  ¶ 1 occurrence
  

  .email-example .collapsible-block-folded a.collapsible-block-link {
      animation: blink 0.8s ease-in-out infinite alternate;
  }
  @keyframes blink {
      0% { color: transparent; }
      50%, 100% { color: #00; }
  }
  .email {border: solid 2px #000000; width: 88%; padding: 1px 15px; margin: 10px; box-shadow: 0 1px 3px rgba(0,0,0,.5)}
  .email-example a.collapsible-block-link {font-weight: bold;}
  .tofrom {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px maroon}

  Pages using this styling

  • scp-8034 [info]

  ¶ 1 occurrence
  

  div#extrac-div-1, div#extrac-div-2 {
  display: none;
  }
  :root {
    --accentColor: 224,224,224;
    --darkColor: 22,22,22;
    --swatch-headerh1-color: var(--gray-monochrome);
  }

  Pages using this styling

  • scp-8034 [info]

  ¶ 1 occurrence
  

  :root {
      --header-logo: url(https://scp-sandbox-3.wdfiles.com/local--files/chronesthesia/Polychronal-clipped.png);
      --header-title: var(--title);
      --header-subtitle: "APPLIED TEMPORAL DIVISION";
  }

  Pages using this styling

  • scp-8033 [info]

  ¶ 1 occurrence
  

  #header:before {
      background: url("http://scp-sandbox-3.wdfiles.com/local--files/jakuwoski-new-sandbox/Brotherhood%20of%20Orthodoxy%20Symbol1%20png%20transparent-Photoroom.png-Photoroom.png");
      background-repeat: no-repeat;
  
  }
  
  #header h1 a::before {
  content: "Brotherhood of the Orthodoxy";
  font-size: 150%;
  }
  
  #header h2 span::before {
  content: "Sanctity, Control, Power";
  font-size: 125%;
  }

  Pages using this styling

  • scp-8030 [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Calligraffitti:wght@400;700&display=swap');
  
  :root {
       --accentColor: #55AA55;
       --accentColorLite: #002200;;
       --hue: 325deg;
  
  .justify {
    text-align: justify;
  }
  .danke {
      padding: 5px;
      margin-bottom:10px;
      font-family: monospace;
      font-size: 1.1em;
  }
  
  .agent {
      background-color:#002200;
      border: 3px solid #55AA55;
      color: #77CC77;
  }
  
  .site {
      background-color:#222200;
      border: 3px solid #AAAA55;
      color: #DDDD77;
  }
  
  div.ari-line {
       height: .3em;
       background: linear-gradient(to right,
           rgb(0, 34, 0),
           rgb(85, 170, 85),
           rgb(111, 196, 110),
           rgb(26, 26, 26));
       margin: 1em 0;
       border-radius: 5px;
  }
   
  div.ari-line p,
  div.ari-line ul {
      display: none;
  }
  div.ari-line2 {
       height: .3em;
       background: linear-gradient(to right,
           rgb(85, 170, 85),
           rgb(0, 34, 0),
           rgb(26, 26, 26),
           rgb(111, 196, 110));
       margin: 1em 0;
       border-radius: 5px;
  }
   
  div.ari-line2 p,
  div.ari-line ul {
      display: none;
  }
  
  @keyframes spin {
     100% { transform: rotate(360deg); }
  }
  div.ettra img {
    z-index: 0;
    animation: spin 20s cubic-bezier(1,1,1,1) infinite;
    filter: drop-shadow(0 0 0.1rem black);
    margin-top: 18px;
  }
  .ettra_memo {
      background: #fffafa;
      background-size: contain;
      background-position: top center;
      background-repeat: no-repeat;
      box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
      width: 90%;
      margin-left: auto;
      margin-right: auto;
      margin-bottom: 24px;
      padding: 10px 20px 20px 20px;
      word-break: break-word;
  }
  .logo_section{
      float:left;
      width: 150px;
      padding: 0 2%;
  }
  

  Pages using this styling

  • scp-8028 [info]

  ¶ 1 occurrence
  

  
  div#page-title::after {
    content: "- The 27 Club";
  }
  

  Pages using this styling

  • scp-8027 [info]

  ¶ 1 occurrence
  

  div#content-wrap{
  background: rgb(0,0,0);
  background: linear-gradient(0deg, rgba(0,0,0,1) 25%, rgba(33,35,37,1) 100%);
  
  }
  
  #top-bar .open-menu a {
      border-radius: 0px;
      border: none;
      background: rgb(var(--accent));
      color: white;
  }
  
  .anchor {
      position: sticky;
      height: 0;
      top: 0;
  }
   
  .sidebox {
      padding: .14rem;
      margin-top: 0;
      margin-bottom: 8px;
      width: calc((100vw - 870px)/2);
      max-height: calc(100vh - 18rem);
      position: absolute;
      top: 0;
      left: 103.5%;
      z-index: 5;
      overflow: auto;
      box-sizing: border-box;
  }
   
  @media (max-width: 1290px) {
      .sidebox {
       display: none;
       visibility: hidden;
      }
  }
  
  .footnotes-footer { 
  display:none;
  }
  

  Pages using this styling

  • scp-8023 [info]

  ¶ 1 occurrence
  

  :root {
      --logo: url(https://scp-sandbox-3.wdfiles.com/local--files/collab%3Adanieltorno-and-anakes/site03);
      --title: "SITE-03: ANOMALOUS CATALOG";
      --subtitle: "Survival amidst Catastrophic Paradigms";
  }
  

  Pages using this styling

  • scp-8020 [info]

  ¶ 1 occurrence
  

  :root {
   --header-title: "SITE-03 SUPERCOMPLEX";
   --header-subtitle: "Surviving Catastrophic Paradigms";
   --lgurl: url("https://scp-wiki.wdfiles.com/local--files/scp-8020/site03.png");
   --accentColor: 205, 40, 45;
   --dark-gray-monochrome: 13, 13, 15;
   --pale-gray-monochrome: 217, 217, 217;
   --black-monochrome: 26, 26, 28
  }

  Pages using this styling

  • scp-8020 [info]

  ¶ 1 occurrence
  

  
  /* CSS derived from the SCP-8000 Contest page, huge, massive, absolutely gargantuan thanks to syuzhet for their gorgeous design and incredible CSS/HTML skills that helped make this article what it is ❤️ */
  
  #header h1 a::before {
      display: none;
  }
  #header h1 a span::after {
      margin-bottom: 0;
  }
  #container #header {
      background: none;
      position: absolute;
      box-shadow: unset;
      backdrop-filter: none;
  }
  div #container-wrap {
      background-color: #fdfdfd;
      background-attachment: fixed;
      background-size: cover;
  }
  #main-content {
      margin-top: 0;
  }
  #page-content {
      padding-top: 0;
  }
  #page-content > p:nth-child(-n+4) {
      display: none;
  }
  .widebox div {
      position: relative;
      top: 70%;
  }
  .widebox img {
      display: block;
      margin: auto;
      width: 35%;
  }
  .widebox #u-logotop {
      font-size: 2rem;
  }
  .widebox {
      position: relative;
      left: calc(-50dvw + 50%);
      width: 100dvw !important;
      height: calc(100dvh);
      max-width: 100dvw !important;
      background-image: url(https://scp-wiki.wdfiles.com/local--files/scp-8018/Banner_Default.png);
      background-repeat: no-repeat;
      background-size: cover;
      background-position: top;
  }
  .widebox:before {
      position: absolute;
      left: calc(-50dvw + 50%);
      width: 100dvw !important;
      height: calc(100dvh);
      max-width: 100dvw !important;
      background-image: linear-gradient(180deg, transparent 0%, transparent 80vh, rgb(13,13,15) 100vh, transparent 100%);
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center;
      pointer-events: none;
  }
  
  
  
  @media only screen and (min-width: 1421px) {
  /* Sidebox By EstrellaYoshte to the rescue! */
  
  .limit {
       margin-bottom: -1rem;
      }
  .anchor {
   position: -webkit-sticky;
   position: sticky;
   height: 0;
   top: 0;
   z-index: 9999;
   }
  .sidebox {
    background-color: transparent;
  /*  padding: .14rem 1rem .14rem;
    margin-top: 0;
    margin-bottom: 0.5rem;*/
    width: 500px;
    height: calc(100dvh);
    position: absolute;
    top: 0;
    left: calc(90dvh);
    z-index: 5;
    overflow: auto;
    box-sizing: border-box;
  }
  }
  
  /* Blinking Memo for last page */
  .memoblink .collapsible-block-folded a.collapsible-block-link {
      animation: blink 0.8s ease-in-out infinite alternate;
  }
  @keyframes blink {
      0% { color: transparent; }
      50%, 100% { color: #b01; }
  }
  .memoblink a.collapsible-block-link {font-weight: bold;
  }
  
  
  /*Email format stuff */
  .email {float: center; border: solid 2px #000000; width: 88%; padding: 1px 15px; margin: 10px 10px 10px 10px; box-shadow: 0 1px 3px rgba(0,0,0,.5)
  }
  a.collapsible-block-link { font-weight: bold;
  }
  .tofrom {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px maroon
  }
  
  
  
  /* Story Text Effects*/
  .gregory {
    font-size: 1.5em;
    font-family: "Garamond", Times, serif;
  }
  .telepathy {
    font-size: 1.5em;
    text-shadow: 1px 1px lightgray;
    font-family: "Garamond", Times, serif;
  }
  
  /* Sidebar >:( */
  
  #top-bar div.mobile-top-bar>.open-menu {
    visibility:visible;
    opacity: 0.6;
    transition: opacity 0.2s;
  }
  #top-bar div.mobile-top-bar>.open-menu:hover {
      opacity: 1;
  }
  #side-bar {
       margin-top:0;
       height:100%
  }
  #side-bar, #side-bar:is(:hover, :focus-within):not(:target) {
       left:calc(var(--side-bar-width) * -1)
  }
  #side-bar::after, #side-bar::before {
       display:none
  }
  #side-bar:target {
       left:0;
       width:var(--side-bar-width);
       z-index:10
  }
  #side-bar a.close-menu, #side-bar:target a.close-menu {
       display:block;
       pointer-events:none;
       position:fixed;
       top:0;
       right:0;
       left:auto;
       width:100%;
       min-width:3.75rem;
       height:100%;
       margin-left:0;
       opacity:0;
       z-index:-1;
       transition:width var(--side-bar-transition),opacity var(--side-bar-transition)   
  }
  #side-bar:target a.close-menu {
       width:calc(100% - var(--side-bar-width));
       pointer-events:auto;
       opacity:1;
  }
  
  .footnotes-footer {
    display:none;
  }
  
  
  .choicebox {
    background-color: transparent;
    width: 250px;
  
  
  /* Mobile Compatibility */
  @media only screen and (max-width: 1420px) {
      
  #container #header {
    background: black;
    position: sticky;
  }
  .widebox div {
    position: relative;
    top: 60%
  }
  .widebox img {
    width: 100%
  }
  .widebox #u-logotop {
    font-size: 6vw;
  }
  .sidebox {
    background-color: transparent;
    padding: .14rem 1rem .14rem;
    margin-top: 0;
    margin-bottom: 0.5rem;
    width: 500px;
    height: calc(100dvh);
    position: absolute;
    top: 0;
    left: calc(20dvh);
    z-index: 5;
  }
  }

  Pages using this styling

  • scp-8018 [info]

  ¶ 1 occurrence
  

  /* Utilizes the "paper" div made by CityToast and found in the Unusual Cargo theme.*/
  @import url('https://fonts.googleapis.com/css2?family=Gloria+Hallelujah&display=swap');
  div.paper {
      font-family: Gloria Hallelujah;
      font-style: normal;
      font-size: 1.20em;
      background: linear-gradient(rgba(220, 240, 240, 0.3), rgba(240, 240, 220, 0.5)), url("https://scp-wiki.wdfiles.com/local--files/theme:unusual-Cargo/TOAST-PAPER.jpg");
      box-shadow: 4px 6px 8px #a98;
      padding: 1em .5em 1em .5em;
      display: block;
      margin-block-start: 1em;
      margin-block-end: 1em;
      margin-inline-start: 40px;
      margin-inline-end: 40px;
  }
   
  @media (max-width: 478px) {
      div.paper {
      margin-inline-start: 0px;
      margin-inline-end: 0px;
      margin-block-start: 0em;
      margin-block-end: 0em;
      Margin: .5em 0em .5em 0em;
      }
  }

  Pages using this styling

  • scp-8016 [info]

  ¶ 1 occurrence
  

  :root {
    --header-title: "SONARK Test-003";
    --header-subtitle: "SCP Archives";
  }

  Pages using this styling

  • scp-8016 [info]

  ¶ 1 occurrence
  

  .email-example .collapsible-block-folded a.collapsible-block-link {
      animation: blink 0.8s ease-in-out infinite alternate;
  }
  @keyframes blink {
      0% { color: transparent; }
      50%, 100% { color: #b01; }
  }
  .email {border: solid 2px #000000; width: 88%; padding: 1px 15px; margin: 27px; box-shadow: 0
  1px 3px rgba(0,0,0,.5)}
  .email-example a.collapsible-block-link {font-weight: bold;}
  .tofrom {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px maroon}
  @media only screen and (max-width: 550px) {
     .email {border: solid 2px #000000; width: 88%; padding: 1px 15px; margin: 9px; box-shadow: 0
  }

  Pages using this styling

  • scp-8012 [info]

  ¶ 1 occurrence
  

  :root {
  --accentColor: 235, 47, 47;
  --swatch-background: 47, 51, 60;
  --swatch-menubg-black-color: var(--accentColor);
  }

  Pages using this styling

  • scp-8011 [info]

  ¶ 1 occurrence
  

  .email-example .collapsible-block-folded a.collapsible-block-link {
      animation: blink 0.8s ease-in-out infinite alternate;
  }
  @keyframes blink {
      0% { color: transparent; }
      50%, 100% { color: #0000ff;}
  }
  .email-example a.collapsible-block-link {font-weight: bold; color: #0000ff;}

  Pages using this styling

  • scp-801-ko [info]

  ¶ 1 occurrence
  

  .footnoteref{
  color: #FF5555;
  }
  .danke{
  padding: 5px 5px 5px 15px;
  margin-bottom:10px;
  width: 96.5%;
  font-family: monospace;
  font-size: 1.15em; }
  
  .agent{
  background-color:#001900;
  border: 3px solid #55AA55;
  color: #77CC77;
  }
  
  .site{
  background-color:#222200;
  border: 3px solid #AAAA55;
  color: #DDDD77;
  }
  

  Pages using this styling

  • scp-801-ko [info]

  ¶ 1 occurrence
  

  :root{
    --head-font: 'verdana';
  }
  .sepbox{
      padding: 1.5em;
      margin: 2em;
      background: #FFF;
  border:solid 1px black;
  overflow:auto;
  clear:inline-start;
  }
  .email{
      padding: 1.5em;
      margin: auto;
      background: #FFF;
  border:solid 1px black;
  width:75%;
  box-shadow: 0px 4px 9px rgba(0, 0, 0, 0.2)
  }
  
  .discussion{
  border: 1px solid black;
   padding-right: 5px;
   padding-top: 5px;
   padding-bottom: 12px;
   padding-left: 12px;
   background-color: #F3F3F3
  }
  @media screen and (max-width: 600px) {
  .paper{
  margin:0.5em;
  }
  .sepbox{
  margin:0.5em;
  }
  .modal{
  margin:.75em;
  }
  }

  Pages using this styling

  • scp-8008 [info]

  ¶ 1 occurrence
  

  .info-container{
  --barColour: #032863; 
  --linkColour: #FFF; 
  }

  Pages using this styling

  • scp-8006 [info]

  ¶ 1 occurrence
  

  .darkbox{
      padding: 1.5em;
      margin: 2em;
      background: #032863;
      color: #FFFFFF;
  border:solid 3px black;
  overflow:auto;
  clear:inline-start;
  
  }
  
  .logbox {
      border:solid 1px black;
      padding: 1.5em;
      background-color: #dae0e3;
  }
  
  .custom-hr {
      height: 5px;
      background-color: #032863;
      border: none;
      margin-top: 20px; 
      margin-bottom: 20px;
  
  }
  
  .big-blank-space {
      height: 1000px;
      display: block;
      clear: both;
  }
  
  .small-blank-space {
      height: 1em;
      display: block;
      clear: both;
  }

  Pages using this styling

  • scp-8006 [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,900;1,900&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Bungee+Shade&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Staatliches&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');
  
  :root {
      --logo-image: url("http://scpdsandbox.wdfiles.com/local--files/site-333/At3.png");
      --header-title: "SITE-333";
      --header-subtitle: "HEAVEN ON EARTH";
      --header-font: 'Playfair Display', serif;
      --title-font: 'Playfair Display', serif;
      --body-font: 'Telex', sans-serif;
      --bright-accent: 0, 109, 255;
      --medium-accent: 0, 63, 197;
      --dark-accent: 0, 22, 142;
  
      --link-color: var(--medium-accent);
  }
  
  #extra-div-1 {
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 10rem;
      background-image: url("http://scpdsandbox.wdfiles.com/local--files/site-333/PanoRam2.jpg");
      background-size: cover;
      background-position: center;
      background-repeat: repeat-x;
      pointer-events: none;
  }
  
  #extra-div-2 {
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 10rem;
      background: linear-gradient(0deg, rgba(0, 109, 255,1) 35%, rgba(204, 226, 255) 97%);
      pointer-events: none;
      opacity: 0.40;
  }
  
  #extra-div-3 {
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 10rem;
      background-image: url("http://scptestwiki.wdfiles.com/local--files/undervegas/dicegold.png");
      background-size: cover;
      background-position: center;
      background-repeat: repeat-x;
      pointer-events: none;
      opacity: 0.65;
  
  }
  
  /* *** DIVS *** */
  .addendum {
      border:solid 2px rgb(var(--bright-accent));
      background:#F5F5F5;
      width:84%;
      padding:1px 15px;
      margin: 10px auto;
  }
  
  .label {
      background: rgb(var(--bright-accent));
      color: white;
      padding: 3px;
      border-radius: 4px;
      font-family: monospace;
      white-space: nowrap;
  }
  
  .doc {
      background-color: rgb(var(--bright-accent));
      color: white;
      font-family: var(--mono-font);
      padding: 0 1.5rem;
      font-size: 1.1em;
      width: fit-content;
      position: relative;
      top: -2em;
      border-radius: 4px;
      margin-bottom: -3rem;
  }
  
  .addendum {margin-top: 1.6rem;}
  
  .angled {clip-path: polygon(4% 0%, 100% 0%, 96% 100%, 0% 100%); border-radius: 5px;}
  
  .foundation {
      border:solid 3px #444;
      background: #f2f2c2 url('https://scp-wiki.wdfiles.com/local--files/theme%3Aredtape/scp_trans.png') center center no-repeat;
      padding: 1.5rem;
      margin-bottom: 10px;
      color: black;
  }
  .foundation p {
      margin: none;
  }
  
  .foundation.snow {
      background: #fff url('') center center no-repeat;
  }
  
  .foundation.raisa {
      background: #f2f2c2 url('https://scp-wiki.wdfiles.com/local--files/theme%3Aredtape/raisa_trans.png') center center no-repeat;
      background-size: 29rem;
      text-align: center;
  }
  .foundation.alt {
      background: #fff url('https://scp-wiki.wdfiles.com/local--files/theme%3Ai57/scp-logo-i57.png') center center no-repeat;
  }
  
  .generic {
     position: relative;
     margin: 0.5em 1.25rem;
     padding: 0.825em 1.25em;
     clear: both;
     clip-path: polygon(93% 0px, 100% 15.11%, 100% 100%, 0px 100%, 0px 0px);
     border-left: 4px solid gray;
  }
  .generic hr {background: gray; border: none;}
  .generic h1, .generic h2, .generic h3, .generic h4, .generic h5, .generic h6 {color: #515050;}
  .generic.red {background: #ff4a4a3d;}
  .generic.blue {background: #4a80ff3d;}
  .generic.yellow {background: #fff77f3d;}
  .generic.purple {background: #a561d536;}
  .generic.green {background: #CDE5DD;}
  
  
  #header::before {
      left: 0.5rem;
      background-position: center -0.5rem;
      opacity: 1;
  }
  
  #header h1, #header h2 {
      margin: 1.7rem 0;
  }
  
  }
  .table2 {
      --accentColor: rgb(40, 135, 189);
  }
  .custom2 .wiki-content-table {
      width: 100%;
  }

  Pages using this styling

  • scp-8004 [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=EB+Garamond&display=swap');
  
  .definition {
      font-family: 'EB Garamond', serif;
      text-align: center;
      font-size: 140%;
      margin: 8rem 1rem;
      color: white;
  }
  
  .definition h1 {
      color: black;
      font-family: 'EB Garamond', serif;
  }:root {
    --accentColor: #B00F0F;
  }
  
  .footnotes-footer {
      display: none;
  }
  
  .alert {
  color: yellow;
    font-family: monospace;
    background: #00000080;
    padding: 0.3rem 1rem;
    border: 1px solid yellow;
    border-left: 5px solid yellow;
    font-size: 1.05rem;
  }

  Pages using this styling

  • scp-8003 [info]

  ¶ 1 occurrence
  

  :root {
      --gray-monochrome: 211, 196, 189;
      --dark-gray-monochrome: 228, 206, 196;
      --black-monochrome: 245, 222, 211;
      --accentColor: 152, 93, 57;
      --background-gradient-color: 255, 215, 188;
  }
  #page-content .info-container .collapsible-block-folded,
  #page-content .info-container .collapsible-block-unfolded-link {
      display: grid;
      background: #985d39;
  }

  Pages using this styling

  • scp-8001 [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Big+Shoulders+Display:wght@800&display=swap');
  
  :root {
      --timeScale: 1.5;
      --red: 176, 216, 247;
      --medium-accent: var(--red);
      --cutColour: #fafafa;
      --barColour: var(--red);
      --toggle-border-color: rgb(var(--red));
      --toggle-icon-color: rgb(var(--red));
      --mono-font: 'IBM Plex Mono', monospace;
      --background-gradient-distance: 20rem;
      --background-gradient-color: var(--red);
      --dark-accent: var(--red);
      --bright-accent: var(--red);
      --link-color: 140, 199, 245;
      --visited-link-color: 176, 216, 247;
      --hover-link-color: 176, 216, 247;
      --logo-image: url("https://nu-scptheme.github.io/Black-Highlighter/img/logo.svg");
      --shadow: 1px 1px 4px #5e5e5e82;
      --gray-100: #F5F5F5;
      --blue-100: #b0d8f7;
      --blue-200: #6bb6f0;
  }
  
  #content-wrap {
      background-color: #ffffff;
      background-image: url("data:image/svg+xml,%3Csvg width='48' height='64' viewBox='0 0 48 64' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M48 28v-4L36 12 24 24 12 12 0 24v4l4 4-4 4v4l12 12 12-12 12 12 12-12v-4l-4-4 4-4zM8 32l-6-6 10-10 10 10-6 6 6 6-10 10L2 38l6-6zm12 0l4-4 4 4-4 4-4-4zm12 0l-6-6 10-10 10 10-6 6 6 6-10 10-10-10 6-6zM0 16L10 6 4 0h4l4 4 4-4h4l-6 6 10 10L34 6l-6-6h4l4 4 4-4h4l-6 6 10 10v4L36 8 24 20 12 8 0 20v-4zm0 32l10 10-6 6h4l4-4 4 4h4l-6-6 10-10 10 10-6 6h4l4-4 4 4h4l-6-6 10-10v-4L36 56 24 44 12 56 0 44v4z' fill='%23eff7fd' fill-opacity='0.4' fill-rule='evenodd'/%3E%3C/svg%3E");
  }
  
  .interview {
      border: solid 2px #d4d4d4;
      background: var(--gray-100);
      width: 90%;
      padding: 1px 15px;
      margin: 10px auto;
      box-shadow: var(--shadow);
  }
  
  .paper {
      border-top: solid 2px var(--blue-100);
      border-bottom: solid 2px var(--blue-100);
      background: #fafafa;
      width: 60%;
      padding: 1px 15px;
      margin: 10px auto;
      box-shadow: var(--shadow);
  }
  
  .title {
      font-family: 'Big Shoulders Display', cursive;
      text-align: center;
      font-size: 110%;
  }
  
  .ooo {
      border-right: solid 2px var(--blue-200);
      border-left: solid 2px var(--blue-200);
      background: var(--gray-100);
      width: 90%;
      padding: 1px 15px;
      margin: 10px auto;
      box-shadow: var(--shadow);
  }
  
  .addendum {
      border-left: solid 5px var(--blue-200);
      background: #ffffff;
      width: 90%;
      padding: 1px 15px;
      margin: 10px auto;
      box-shadow: var(--shadow);
  }
  
  .testfile {
      border: none;
      background: #f5fafe;
      width: 90%;
      padding: 1px 15px;
      margin: 10px auto;
      box-shadow: var(--shadow);
  }
  
  .testvideo {
      background: #deeffc;
      width: 90%;
      padding: 1px 15px;
      margin: 10px auto;
      box-shadow: var(--shadow);
  }
  
  .info-container {
      --barColour: var(--blue-100);
  }

  Pages using this styling

  • scp-8000 [info]

  ¶ 1 occurrence
  

  
  :root {
      --header-title: "SCP Foundation";
      --header-subtitle: "BRIDGING THE GAPS BETWEEN US";
      --sp_header-logo: url(https://scp-wiki.wikidot.com/local--files/scp-7999/58logotrans.png);
  }
  #header::before { mix-blend-mode: normal; }

  Pages using this styling

  • scp-7999 [info]

  ¶ 1 occurrence
  

  :root {
    --fnColor: #ba2c24;
  }
  
  #page-content { text-align: justify; }
  
  .interview {margin: 6px auto; padding: 1em 1em .2em 1em; background-color: #e5e5e5;}
  .interview .interview {background-color: #cccccc; padding: 0.5em;}
  .bbox {border:solid 3px #1f1f1f; background:#292929; color: white !important; padding: 10px; text-align:left;}
  
  /* EMAIL STUFF */
  .email-example .collapsible-block-folded a.collapsible-block-link {
      animation: blink-text 1s ease-in-out infinite alternate; }
  @keyframes blink-text {
      0% { color: transparent; }
      30%, 100% { color: #white; }
  }
  .email-example .collapsible-block-folded {
      animation: blink-box 1s ease-in-out infinite alternate; }
  @keyframes blink-box {
      0% { background: #6c5656;}
      50%, 100% { background: #7E2520; }
  }
  .email {border: solid 2px #000000; width: 88%; padding: 1px 15px; margin: 10px auto;}
  .email-example a.collapsible-block-link {font-weight: bold;}
  .tofrom {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px maroon;}
  
  @media only screen and (max-width: 600px) {
    .hrmobile { margin: -0.3em auto -0.6 auto; }
    .email-example a.collapsible-block-link { font-size: 0.75em !important; }
    #page-content { text-align: left; }
  }

  Pages using this styling

  • scp-7998 [info]

  ¶ 1 occurrence
  

   .responsive_table {
          background-color: white !important;
  }
  
      .responsive_table .table_data {
          border: 1px solid black !important;
          background-color: white !important;
          color: black !important;
  vertical-align:middle;
      }
  .responsive_table .table_header_data {
  
          border: 1px solid black !important;
          background-color: #efefef !important;
          color: black !important;
          font-weight: 700;
          font-weight: var(--wght, 700);
      }
  
  
  :root {
      --timeScale: 0;
      --timeDelay: 0s;
  }
  

  Pages using this styling

  • scp-7997 [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Special+Elite&display=swap');
  .transcript{
      border:dotted 1px #000000;
      background:#f2f3f4;
      width:80%;
      padding:1px 15px;
      margin: 10px auto;
  }
  .transcript-short{
      border:dotted 1px #000000;
      background:#f2f3f4;
      width:55%;
      padding:1px 15px;
      margin: 10px auto;
  }
  .incident{
      border:dotted 1px #000000;
      background:#E2DADE;
      width:80%;
      font-size: 15px;
      font-family: 'Special Elite';
      padding:1px 15px;
      margin: 10px auto;
      box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
  }
  #page-content .table2 tr th,
  #page-content .table2 .scp-image-bloc .scp-image-caption {
      background-color: #f0dc82;
  }
  .archive{
      border:dotted 1px #000000;
      background:#F3E9DD;
      width:80%;
      font-size: 15px;
      font-family: 'Special Elite', Cursive;
      padding:1px 15px;
      margin: 10px auto;
      box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
  }
  .excerpt{
      font-size: 18px;
      font-family: 'Verdana';
  }
  
  .excerpt-end{
      font-size: 18px;
      font-family: 'Verdana';
      width:55%;
  }
  .jarhead {
    font-family: 'Special Elite', cursive;
      font-size: 24px;
  }

  Pages using this styling

  • scp-7994 [info]

  ¶ 1 occurrence
  

  #page-content a.collapsible-block-link { font-weight: bold; }
  .info-container .collapsible-block-folded a, .info-container .collapsible-block-unfolded-link a { color: #FFF; }
  
  .addendum .collapsible-block-link { font-size: 160%; }
  
  .finlog {
    border: 3px solid #9c7e50;
    border-left: none; border-right: none;
    background: #e6e3d4; padding: 15px 8px;
  }
  .finlog .collapsible-block-link { color: #6c4408; }
  
  .fininterview {
    border-radius: 15px;
    border:solid 3px #3b3b3b;
    background: #f4eec0 url(http://kaktuskontainer.wdfiles.com/local--files/a-gorilla/tribundept.png) center center/100% no-repeat;
    width:85%;
    padding:15px 20px;
    margin: 12px auto;
  }
  
  blockquote,
  div.blockquote {
      border: 0.125rem solid #d4d4d4;
      background-color: #F5F5F5;
  }
  
  #page-title{display:none}
  

  Pages using this styling

  • scp-7992 [info]

  ¶ 1 occurrence
  

  .info-container{--barColour: #633;--linkColour: #FFF;}
  #page-title{display: none;}

  Pages using this styling

  • scp-7991 [info]

  ¶ 1 occurrence
  

  .photograph2{float:left; margin:0 2em 1em 2em; width:270px; border:0;}
  .photograph2 p{margin-block-start:4px;margin-block-end:4px;}
  @media only screen and (max-width: 600px) {.photograph2{float:bitch;margin-left:auto;margin-right:auto;}

  Pages using this styling

  • scp-7991 [info]

  ¶ 1 occurrence
  

   #page-title, #breadcrumbs, #page-content > * {animation-duration: 0s;}
  .footnotes-footer {display:none;}
  .photograph1{float:right; margin:0 2em 1em 2em; width:245px; border:0;}
  .photograph1 p{margin-block-start:4px;margin-block-end:4px;}
  @media only screen and (max-width: 600px) {.photograph1{float:bitch;margin-left:auto;margin-right:auto;}

  Pages using this styling

  • scp-7991 [info]

  ¶ 1 occurrence
  

  /* no footnoteblock */
  .footnotes-footer {
  display:none;
  }
  
  /* boldify collapsibles */
  a.collapsible-block-link {
      font-weight: 600;
  }
  
  :root {
      --header-subtitle: "SECURE, CONTAIN, PROFIT";
  }

  Pages using this styling

  • scp-7989 [info]

  ¶ 1 occurrence
  

  #page-title {
     display: none;
  }
  
  .blink {
    animation: blinking 2s step-start infinite;
  }
  
  @keyframes blinking {
    50% {
      opacity: 0;
    }
  }

  Pages using this styling

  • scp-7984 [info]

  ¶ 1 occurrence
  

  .test{
      border:dotted 1px #000000;
      background:#f4f4f4;
      width:90%;
      padding:1px 15px;
      margin: 10px auto;
  }

  Pages using this styling

  • scp-7979 [info]

  ¶ 1 occurrence
  

  .goc {
  background: #ffffff8a url('https://scp-wiki.wdfiles.com/local--files/theme%3Aredtape/goc-fade.png') -5rem -5rem no-repeat;
  background-blend-mode: color-burn;
  border-left: 5px solid #275495;
  background-size: 30rem;
  box-shadow: 1px 1px 4px #27549582;
  color: black;
  width: 84%;
  padding: 1px 15px;
  margin: 10px auto;
  }
  
  .goc hr {
      padding: 0.0313rem;
      border-top: 0.125rem solid #275495;
      border-bottom: 0.0625rem solid #275495;
      background: transparent;
  }
  
  .goc .date {
  background: #275495 !important;
  color: white;
  padding: 3px;
  border-radius: 4px;
  font-family: monospace;
  white-space: nowrap;
  }
  .goc th { background-color: #275495!important;}

  Pages using this styling

  • scp-7976 [info]

  ¶ 1 occurrence
  

  :root {
      --header-title: "SITE-78";
      --header-subtitle: "Cryptozoology Department";
      --logo-image: url("http://scp-sandbox-3.wdfiles.com/local--files/secure-facility-dossier%3Asite-44/CryptozoologyDivisionDark.png");
   
      --pale-accent: 93, 125, 0;
      /* light red, for visited links */
      --bright-accent: 0, 133, 5;
      /* bright red */
      --medium-accent: 46, 100, 44;
      /* medium red - the "default" accent color */
      --dark-accent: 3, 100, 15;
      /* dark red */
      --alt-accent: 102, 221, 17;
      /* pale orange, for newpage links */
   
  }

  Pages using this styling

  • scp-7975 [info]

  ¶ 1 occurrence
  

  :root {
      --one-color: 5, 124, 252;
      --five-color: 252, 5, 50;
  }
  
  .anchor {
      position: sticky;
      height:0;
      top: 0;
  }
  .sidebox {
      padding: .14rem;
      margin-top: 0;
      margin-bottom: 8px;
      width: calc((100vw - 870px)/2);
      max-height: calc(100vh - 18rem);
      position: absolute;
      top: 0;
      left: 103.5%;
      z-index: 5;
      overflow: auto;
      box-sizing: border-box;
  }
  @media (max-width: 1290px) {
      .sidebox {
          display: none;
          visibility: hidden;
      }
  }

  Pages using this styling

  • scp-7973 [info]

  ¶ 1 occurrence
  

  body {
      background: rgb(47,47,47);
      background: linear-gradient(180deg, rgba(47,47,47,1) 0%, rgba(111,111,142,1) 53%, rgba(154,206,255,1) 100%);
  }
  :root {
      --header-title: "SCP FOUNDATION";
      --header-subtitle: "SECURE, CONTAIN, PROTECT";
      --wm-bg: 145,185,230;
      --wm-accent: 50,50,50;
      --wm-border: 100,100,100;
  }

  Pages using this styling

  • scp-7971 [info]

  ¶ 1 occurrence
  

  :root {
  --header-title: "Department of MAUDE";
  --header-subtitle: "Declassifying the Miscellaneous";
      --logo-image: url("https://scp-wiki.wikidot.com/local--files/scp-7970/imageedit_1_5307070343.png");

  Pages using this styling

  • scp-7970 [info]

  ¶ 1 occurrence
  

  
  .danke {
      padding: 15px;
      margin-bottom:10px;
      font-family: monospace;
      font-size: 1.2em;
  }
  
  .agent {
      background-color:#002200;
      border: 3px solid #55AA55;
      color: #77CC77;
  }
  
  .site {
      background-color:#222200;
      border: 3px solid #AAAA55;
      color: #DDDD77;
  }
  

  Pages using this styling

  • scp-7967 [info]

  ¶ 1 occurrence
  

  
  @import url('https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+Antique:wght@300;400;500;700;900&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@700&display=swap');
  div.authorlink-wrapper{margin-top: var(--author-top-adjust, .2em) !important;}
  :root {
  --header-logo: url('https://scp-wiki.wdfiles.com/local--files/scp-6768/dept.png');
  --title:"R.S. MNEMOSYNE";
  --subtitle:"DEPARTMENT OF DELETIONS";
  --sidesubtitle: "DELETIONS";
  --sidelogo: url('https://scp-wiki.wdfiles.com/local--files/scp-6768/dept.png');
  --header-font: 'Poppins';
  --body-font: 'Zen Kaku Gothic Antique', sans-serif;
  --basalt-undertone: 60,9,33;
  --swatch-menubg-black-color: 10,10,10;
  --general-border-color: 1,1,1;
  --swatch-menutxt-dark-color: 1,1,1;
  --UI-font: 'Poppins';
  --selection-background-color: 197, 119, 41;
  --link-color: var(--basalt-alternate-color);
  --link-visited-color: var(--basalt-alternate-color);
  --basalt-bright-element-color: var(--basalt-alternate-color);
  }
  a {
  font-family: var(--header-font-primary);
  }
  body:before {
   content: ' ';
    position: fixed;
    display: block;
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
  background-position:center;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 304 304' width='304' height='304'%3E%3Cpath fill='%23ffffff' fill-opacity='.04' d='M44.1 224a5 5 0 1 1 0 2H0v-2h44.1zm160 48a5 5 0 1 1 0 2H82v-2h122.1zm57.8-46a5 5 0 1 1 0-2H304v2h-42.1zm0 16a5 5 0 1 1 0-2H304v2h-42.1zm6.2-114a5 5 0 1 1 0 2h-86.2a5 5 0 1 1 0-2h86.2zm-256-48a5 5 0 1 1 0 2H0v-2h12.1zm185.8 34a5 5 0 1 1 0-2h86.2a5 5 0 1 1 0 2h-86.2zM258 12.1a5 5 0 1 1-2 0V0h2v12.1zm-64 208a5 5 0 1 1-2 0v-54.2a5 5 0 1 1 2 0v54.2zm48-198.2V80h62v2h-64V21.9a5 5 0 1 1 2 0zm16 16V64h46v2h-48V37.9a5 5 0 1 1 2 0zm-128 96V208h16v12.1a5 5 0 1 1-2 0V210h-16v-76.1a5 5 0 1 1 2 0zm-5.9-21.9a5 5 0 1 1 0 2H114v48H85.9a5 5 0 1 1 0-2H112v-48h12.1zm-6.2 130a5 5 0 1 1 0-2H176v-74.1a5 5 0 1 1 2 0V242h-60.1zm-16-64a5 5 0 1 1 0-2H114v48h10.1a5 5 0 1 1 0 2H112v-48h-10.1zM66 284.1a5 5 0 1 1-2 0V274H50v30h-2v-32h18v12.1zM236.1 176a5 5 0 1 1 0 2H226v94h48v32h-2v-30h-48v-98h12.1zm25.8-30a5 5 0 1 1 0-2H274v44.1a5 5 0 1 1-2 0V146h-10.1zm-64 96a5 5 0 1 1 0-2H208v-80h16v-14h-42.1a5 5 0 1 1 0-2H226v18h-16v80h-12.1zm86.2-210a5 5 0 1 1 0 2H272V0h2v32h10.1zM98 101.9V146H53.9a5 5 0 1 1 0-2H96v-42.1a5 5 0 1 1 2 0zM53.9 34a5 5 0 1 1 0-2H80V0h2v34H53.9zm60.1 3.9V66H82v64H69.9a5 5 0 1 1 0-2H80V64h32V37.9a5 5 0 1 1 2 0zM101.9 82a5 5 0 1 1 0-2H128V37.9a5 5 0 1 1 2 0V82h-28.1zm16-64a5 5 0 1 1 0-2H146v44.1a5 5 0 1 1-2 0V18h-26.1zm102.2 270a5 5 0 1 1 0 2H98v14h-2v-16h124.1zM242 149.9V160h16v34h-16v62h48v48h-2v-46h-48v-66h16v-30h-16v-12.1a5 5 0 1 1 2 0zM53.9 18a5 5 0 1 1 0-2H64V2H48V0h18v18H53.9zm112 32a5 5 0 1 1 0-2H192V0h50v2h-48v48h-28.1zm-48-48a5 5 0 0 1-9.8-2h2.07a3 3 0 1 0 5.66 0H178v34h-18V21.9a5 5 0 1 1 2 0V32h14V2h-58.1zm0 96a5 5 0 1 1 0-2H137l32-32h39V21.9a5 5 0 1 1 2 0V66h-40.17l-32 32H117.9zm28.1 90.1a5 5 0 1 1-2 0v-76.51L175.59 80H224V21.9a5 5 0 1 1 2 0V82h-49.59L146 112.41v75.69zm16 32a5 5 0 1 1-2 0v-99.51L184.59 96H300.1a5 5 0 0 1 3.9-3.9v2.07a3 3 0 0 0 0 5.66v2.07a5 5 0 0 1-3.9-3.9H185.41L162 121.41v98.69zm-144-64a5 5 0 1 1-2 0v-3.51l48-48V48h32V0h2v50H66v55.41l-48 48v2.69zM50 53.9v43.51l-48 48V208h26.1a5 5 0 1 1 0 2H0v-65.41l48-48V53.9a5 5 0 1 1 2 0zm-16 16V89.41l-34 34v-2.82l32-32V69.9a5 5 0 1 1 2 0zM12.1 32a5 5 0 1 1 0 2H9.41L0 43.41V40.6L8.59 32h3.51zm265.8 18a5 5 0 1 1 0-2h18.69l7.41-7.41v2.82L297.41 50H277.9zm-16 160a5 5 0 1 1 0-2H288v-71.41l16-16v2.82l-14 14V210h-28.1zm-208 32a5 5 0 1 1 0-2H64v-22.59L40.59 194H21.9a5 5 0 1 1 0-2H41.41L66 216.59V242H53.9zm150.2 14a5 5 0 1 1 0 2H96v-56.6L56.6 162H37.9a5 5 0 1 1 0-2h19.5L98 200.6V256h106.1zm-150.2 2a5 5 0 1 1 0-2H80v-46.59L48.59 178H21.9a5 5 0 1 1 0-2H49.41L82 208.59V258H53.9zM34 39.8v1.61L9.41 66H0v-2h8.59L32 40.59V0h2v39.8zM2 300.1a5 5 0 0 1 3.9 3.9H3.83A3 3 0 0 0 0 302.17V256h18v48h-2v-46H2v42.1zM34 241v63h-2v-62H0v-2h34v1zM17 18H0v-2h16V0h2v18h-1zm273-2h14v2h-16V0h2v16zm-32 273v15h-2v-14h-14v14h-2v-16h18v1zM0 92.1A5.02 5.02 0 0 1 6 97a5 5 0 0 1-6 4.9v-2.07a3 3 0 1 0 0-5.66V92.1zM80 272h2v32h-2v-32zm37.9 32h-2.07a3 3 0 0 0-5.66 0h-2.07a5 5 0 0 1 9.8 0zM5.9 0A5.02 5.02 0 0 1 0 5.9V3.83A3 3 0 0 0 3.83 0H5.9zm294.2 0h2.07A3 3 0 0 0 304 3.83V5.9a5 5 0 0 1-3.9-5.9zm3.9 300.1v2.07a3 3 0 0 0-1.83 1.83h-2.07a5 5 0 0 1 3.9-3.9zM97 100a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-48 32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm32 48a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm32-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0-32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm32 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16-64a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 96a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-144a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-96 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm96 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16-64a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-32 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM49 36a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-32 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm32 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM33 68a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-48a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 240a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16-64a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16-32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm80-176a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm32 48a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0-32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm112 176a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM17 180a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0-32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM17 84a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm32 64a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6z'%3E%3C/path%3E%3C/svg%3E");
      background-attachment: fixed;
      background-size: 24%;
      background-repeat: repeat;
  }
  body {
      background-image:url("https://scpdsandbox.wdfiles.com/local--files/billith/web.png");
      background-attachment: fixed;
      background-size: 100%;
      background-blend-mode: saturation;
      background-repeat:no-repeat;
  
  }
  

  Pages using this styling

  • scp-7959 [info]

  ¶ 1 occurrence
  

   :root{
     --header-title: "SCP FOUNDATION";
     --header-subtitle: "Site-400";
     --lgurl: url(https://scp-wiki.wdfiles.com/local--files/secure-facilities-locations/Site-400.svg);
  }

  Pages using this styling

  • scp-7956 [info]

  ¶ 1 occurrence
  

  .email-example .collapsible-block-folded a.collapsible-block-link {
      animation: blink 0.8s ease-in-out infinite alternate;
  }
  @keyframes blink {
      0% { color: transparent; }
      50%, 100% { color: #b01; }
  }
  .email {border: solid 2px #000000; width: 88%; padding: 1px 15px; margin: 10px; box-shadow: 0 1px 3px rgba(0,0,0,.5)}
  .email-example a.collapsible-block-link {font-weight: bold;}
  .tofrom {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px maroon}
  
  div.blockquote.legal {border:solid 1px #999999; background:#e2f4ff}

  Pages using this styling

  • scp-7953 [info]

  ¶ 1 occurrence
  

  :root {
   --timeDelay: 0.1s;
   --problem: 255, 109, 0
  }

  Pages using this styling

  • scp-7953 [info]

  ¶ 1 occurrence
  

  :root {
    --timeScale: 1.5;
    --timeDelay: 1.5s;
    --posX: calc(50% - 358px - 13rem);
    --cutColour: #fafafa;
    --barColour: #590505;
    --fnColor: #cb4450;
    --header-subtitle: "The Department of Spectral Phenomena";
  }
  
  body {
      background-image: none;
  }
  
  
  .info-container .collapsible-block-folded a{
  color: #FFF;}
  .info-container .collapsible-block-unfolded-link a{
  color: #FFF;
  }
  
  #page-title {
      text-align: center;
  }
  
  .coolcol .collapsible-block {
      display: block;
      text-align: center;
      padding: 0.75em;
      background-color: lightgrey;
      border-top: 0.125rem dashed slategrey;
      border-bottom: 0.125rem dashed slategrey;
  }
  
  .coolcol .collapsible-block .collapsible-block-content {
      text-align: left;
  }
  
  .addendum {
      border:solid 2px #999999;
      background:#F5F5F5;
      width:84%;
      padding:1px 15px;
      margin: 10px auto;
  }
  
  div.terminal{
      border: 1px solid black;
      border: solid 3px #BBBBBB;
      border-radius: 16px;
      background-color: #131;
  /* black shadow at the top of the terminal */
      background-image:
          radial-gradient(ellipse 1000% 100% at 50% 90%, transparent, #121);
      background-position: center;
      display: block;
  /* shadow around the terminal */
      box-shadow: inset 0 0 10em 1em rgba(0,0,0,0.5);
  /* prevents scanline from forming a scrollwheel */
      overflow:hidden;
  }
  div.terminal blockquote {
      background-color: black;
      border: double 3px #80FF80
  }
  div.scanline{
      margin-top: -40%;
      width: 100%;
      height: 60px;
      position: relative;
      pointer-events: none;
  /* Safari 4.0 - 8.0 */
      -webkit-animation: scan 12s linear 0s infinite; /* You may need to change this. If the bar goes by too quickly, increase 5s. */
      animation: scan 12s linear 0s infinite; /* Same as above */
      background: linear-gradient(to bottom, rgba(56, 112, 82,0), rgba(56, 112, 82,0.1)) !important;
  }
  
  div.text{
      color: rgba(128,255,128,0.8);
      padding-left: 2em;
      padding-right: 2em;
      padding-top: 40%;
      font-family: monospace;
      font-size: 1.2em;
      }
  
  /* Safari 4.0 - 8.0 */
  @-webkit-keyframes scan{
      from{ transform: translateY(-10%);}
      to{  transform: translateY(5000%);} /* You may need to change this depending on the length of your terminal. If the scanline stops halfway, increase the second number.*/
  }
  
  @keyframes scan{
      from{ transform: translateY(-10%);}
      to{  transform: translateY(5000%);} /* Same as above.*/
  }
  
  div.text a {
      color: #90EE90;
      text-decoration: none;
      background: transparent;
  }
  
  div.text a.newpage {
      color: #90EE90;
      text-decoration: none;
      background: transparent;
  }
  
  div.text a:hover {
      color: #131;
      text-decoration: underline;
      background-color: #80FF80;
      padding: 1px;
  }
  
  div.text a:hover::before{
  content: "> ";
  }
  
  #page-content .rate-box-with-credit-button, .page-rate-widget-box {
      box-shadow: none;
  }
  #page-content .creditRate { border: solid 2px #ccc;}
  
  #page-content h1 {
      border-bottom: solid 1px #ccc;
      margin: 0 0 0.6em;
  }
   
  div#extra-div-1 {
      height: 160px;
      width: 100%;
      top: 0;
      position: absolute;
      background: url('https://scp-wiki.wikidot.com/local--files/theme:paperstack/lgtrans.png');
      filter: opacity(70%);
      background-size: contain;
      background-repeat: no-repeat;
      background-position: 50% 50%;
      z-index: -1;
  }
  
  #main-content .page-tags a {
      line-height: 0.94rem;
      background-color: none;
      margin: initial;
      padding: 0.17rem;
      box-shadow: none;
  }
  #main-content .page-tags a:before {
      content: "";
  }
  

  Pages using this styling

  • scp-7950 [info]

  ¶ 1 occurrence
  

  .interview{
      border:solid 2px #d4d4d4;
      background:#F4F4F4;
      width:90%;
      padding:1px 15px;
      margin: 10px auto;
  }
  
  .takemi{
      border-top:solid 2px #DE3023;
      border-bottom:solid 2px #d4d4d4;
  
  }
  
  .syuzhet {
      border-top:solid 2px #2399DE;
      border-bottom:solid 2px #d4d4d4;
  }
  
  .pataphysics {
      border-top:solid 2px #7F00FF;
      border-bottom:solid 2px #d4d4d4;
  }
  
  .parrhesia {
      border-top:solid 2px #000000;
      border-bottom:solid 2px #000000;
  }
  
  .Itakemi{
      border-top:solid 2px #d4d4d4;
      border-bottom:solid 2px #DE3023;
  
  }
  
  .Isyuzhet {
      border-top:solid 2px #d4d4d4;
      border-bottom:solid 2px #2399DE;
  }
  
  .Ipataphysics {
      border-top:solid 2px #d4d4d4;
      border-bottom:solid 2px #7F00FF;
  }
  
  .addendum{
      border:solid 1px #5e5e5e;
      background:#ffffff;
      width:90%;
      padding:1px 15px;
      margin: 10px auto;
  }
  
  #page-title{display:none}
  

  Pages using this styling

  • scp-7947 [info]

  ¶ 1 occurrence
  

  .fakeprot .mailform-box .buttons{display:none;}
  .fakeprot + .collapsible-block .collapsible-block-link {padding: 0.1em 0.5em;text-decoration: none;background-color: #fe2984;border: 1px solid #AAA;color: #000;}
  .fakeprot + .collapsible-block .collapsible-block-link:hover {background-color: #DDD;color: #000;}
  .fakeprot + .collapsible-block .collapsible-block-link:active {background-color: #DDD;color: #000;}
  .fakeprot + .collapsible-block .collapsible-block-unfolded-link{margin:0.5em 0;text-align: center;}
  .fakeprot + .collapsible-block .collapsible-block-folded{margin:0.5em 0;text-align: center;}
  .fakeprot .passw input[type=text] {text-security:disc;-webkit-text-security:disc;-mox-text-security:disc;}
  .mailform-box td:first-child {width: 80px;}

  Pages using this styling

  • scp-7946 [info]

  ¶ 1 occurrence
  

  :root {
    --header-title: "SCP FOUNDATION";
    --header-subtitle: "SECURE - CONTAIN - PROTECT";
    --accentColor: #FF2A85;
  }

  Pages using this styling

  • scp-7946 [info]

  ¶ 1 occurrence
  

  .page {
      display: block;
      overflow: hidden;
      font-family: "Monotype Corsiva", "Bradley Hand ITC", sans-serif;
      font-style: normal;
      font-size: big;
      background-attachment: scroll;
      background-clip: border-box;
      background-color: transparent;
      background-image: linear-gradient(to top ,rgb(202, 219, 228) 0%, rgb(231, 233, 220) 8%);
      background-origin: padding-box;
      background-position: 0px 8px;
      background-repeat: repeat;
      background-size: 100% 20px;
      border: 1px solid #CCC;
      border-radius: 10px;
      padding: 10px 10px;
      margin-bottom: 10px;
      box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2)
  }
  .page p,
  .page ul {
      line-height: 20px;
      margin: 0;
  }

  Pages using this styling

  • scp-7945 [info]

  ¶ 1 occurrence
  

  .email-example .collapsible-block-folded a.collapsible-block-link {
      animation: blink 0.8s ease-in-out infinite alternate;
  }
  @keyframes blink { 
      0% { color: transparent; }
      50%, 100% { color: #b01; }
  }
  .email {border: solid 2px #000000; width: 88%; padding: 1px 15px; margin: 10px; box-shadow: 0 1px 3px rgba(0,0,0,.5)}
  .email-example a.collapsible-block-link {font-weight: bold;}
  .tofrom {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px maroon}

  Pages using this styling

  • scp-7945 [info]

  ¶ 1 occurrence
  

  .icn-spinner {
     animation: spin-animation 6s infinite;
     margin: auto;
     width: 15%;
  }
  
  .icn-spinner2 {
     animation: spin-animation 2s infinite;
     margin: auto;
     width: 15%;
  }
  
  @keyframes spin-animation {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(359deg);
    }
  }

  Pages using this styling

  • scp-7944 [info]

  ¶ 1 occurrence
  

  :root {
     --header-subtitle: "Shine, Cast, Project";
  }
  
  :root {
      --header-gradient-color-bottom: 37, 85, 102;
      --bright-accent: 37, 85, 102;
      --link-color: 175, 193, 199;
      --hover-link-color: 244, 244, 244;
      --visited-link-color: 91, 206, 250;
      --alt-accent: 156, 89, 209;
      --footnotes-footer-num-color: 91, 206, 250;
      --dark-accent: 139, 154, 160;
  }
  
  #page-title {display: none;}
  
  .scp-image-caption {
    max-width: 100%;}

  Pages using this styling

  • scp-7944 [info]

  ¶ 1 occurrence
  

  :root {
       --header-title: "SITE-37";
       --header-subtitle: "New Problem.";
      --bright-accent: 186, 9, 42;
      --medium-accent: 186, 9, 42;
      --dark-accent: 186, 9, 42;

  Pages using this styling

  • scp-7939 [info]

  ¶ 1 occurrence
  

  [[include :scp-wiki:theme:black-highlighter-theme]]
  [[include :scp-wiki:theme:raisa]]
  [[include :scp-wiki:component:fade-in speed=1]]
  [[module css]]
  .page {
      display: block;
      overflow: hidden;
      font-family: "Monotype Corsiva", "Bradley Hand ITC", sans-serif;
      font-style: normal;
      background-attachment: scroll;
      background-clip: border-box;
      background-color: transparent;
      background-image: linear-gradient(to top ,rgb(202, 219, 228) 0%, rgb(231, 233, 220) 8%);
      background-origin: padding-box;
      background-position: 0px 8px;
      background-repeat: repeat;
      background-size: 100% 20px;
      border: 1px solid #CCC;
      border-radius: 10px;
      padding: 10px 10px;
      margin-bottom: 10px;
      box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2)
  }
  .page p,
  .page ul {
      line-height: 20px;
      margin: 0;
  }

  Pages using this styling

  • scp-7937 [info]

  ¶ 1 occurrence
  

  /*Table in second addendum.*/
  .council .wiki-content-table tr td {text-align: center; background-color: rgb(255,255,255,.75);}
  
  /* Rating module spacing. */
  .page-rate-widget-box {
    margin: 20px 0;
  }
  
  /*Info bar adjustments.*/
  :root {
    --barColour: #590505;
  }
  .info-container .collapsible-block-content {
    text-align: center;
  }
  .info-container hr {
    max-width: 300px;
    margin: 50px auto;
    background-color: rgb(48, 48, 52);
    clip-path: polygon(0% .25em, .25em 0%, calc(100% - .25em) 0%, 100% .25em, 100% calc(100% - .25em), calc(100% - .25em) 100%, .25em 100%, 0% calc(100% - .25em));
    height: 7px;
  }
  #u-author_block a {
    color: #FFF;
    background-color: rgb(48, 48, 52);
  }
  .u-faq p:nth-child(1) {
    line-height: 0;
  }

  Pages using this styling

  • scp-7936 [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Coming+Soon&display=swap');
  
  .pain {
  font-family: 'Coming Soon', cursive;
  color:#ff6f6f;
  }
  

  Pages using this styling

  • scp-7931 [info]

  ¶ 1 occurrence
  

  .line {
     border-bottom: solid 3px #8c1419;
     margin-left:50px;
     margin-right:50px;
  }
  
  @media only screen and (max-width: 1024px) {
  .line {
     margin-left:5px;
     margin-right:5px;
  }
  }
  
  .etop {
     position: relative;
     border-top: solid 3px #8c1419;
     border-bottom: solid 3px #8c1419;
     margin-left:50px;
     margin-right:50px;
     font-size: 1.2em;
  }
  
  @media only screen and (max-width: 1024px) {
  .etop {
     margin-left:5px;
     margin-right:5px;
  }
  }

  Pages using this styling

  • scp-7931 [info]

  ¶ 1 occurrence
  

   :root{
  --header-title: "THE FOUNDATION?";
  --header-subtitle: "PLEASE, IT HURTS";
  }
  
  #page-title {display: none}
  

  Pages using this styling

  • scp-7931 [info]

  ¶ 1 occurrence
  

  
  #header h1 a::before {
      content: "SCP Foundation";
  }
   
  #header h2::before {
      content: "Media Communications Division";
  }
  
  .body-text {
      margin: 2% 13% 2% 9%;
      padding: 5px 20px 5px 20px;
      background-color: rgba(135, 0, 9, 0.11);
  }
  
  .text4desk {
      width: 70%;
      margin: auto;
  }
  
  @media only screen and (max-width: 600px) {
  
      .body-text {
          margin: 0% 4% 0% 4%;
      }
  
      .text4desk {
          width:100%;
      }
  
  }
  

  Pages using this styling

  • scp-7930 [info]

  ¶ 1 occurrence
  

  :root {
   
  --logo-image: url("http://scp-wiki.wikidot.com/local--files/scp-7929/37COFFEE");
   
  }
   

  Pages using this styling

  • scp-7929 [info]

  ¶ 1 occurrence
  

  :root {
      --five-color: 56, 34, 8;
      --four-color: 56, 34, 8;
      --three-color: 56, 34, 8;
      --two-color: 56, 34, 8;
      --one-color: 154, 123, 79;
  }

  Pages using this styling

  • scp-7929 [info]

  ¶ 1 occurrence
  

  :root {
       --header-title: "SITE-37";
       --header-subtitle: "A nice cup o' problems.";
      --bright-accent: 56, 34, 8;
      --medium-accent: 56, 34, 8;
      --dark-accent: 56, 34, 8;
  }

  Pages using this styling

  • scp-7929 [info]

  ¶ 1 occurrence
  

  :root{
    /* -- LOGO -- */
       --lgurl: url(https://scp-sandbox-3.wdfiles.com/local--files/troutmaskreplica-fsd/wokeFSD2.png);
  }
  @media (max-width: 600px) {
    #header h2 {
      font-size: 80%;
    } 
  }

  Pages using this styling

  • scp-7921 [info]

  ¶ 1 occurrence
  

  .thatsbone {
  margin-top: 15px; border-top: #777 2px solid; border-left: #777 2px solid; border-bottom: #333 2px solid; border-right: #333 2px solid; box-shadow: 2px 2px var(--x-very-dark-grey) inset; padding: 1px 15px; background-color: Ivory
  }
  
  :root {
    --body-font: InterVariable,RedactRect,Inter,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Fira Sans','Droid Sans','Helvetica Neue',sans-serif;
  }

  Pages using this styling

  • scp-7919 [info]

  ¶ 1 occurrence
  

  :root {
    --header-title: "Site-115";
    --header-subtitle: "Whatever Works";
  }
  .info-container{
  --barColour: #000;
  --linkColour: #FFF;
  }

  Pages using this styling

  • scp-7915 [info]

  ¶ 1 occurrence
  

  
  @import url('https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+Antique:wght@300;400;500;700;900&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@700&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Spline+Sans:wght@400;700&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap');
  div.authorlink-wrapper{margin-top: var(--author-top-adjust, .2em) !important;}
  :root {
  --header-logo: url('https://scp-wiki.wdfiles.com/local--files/scp-6768/dept.png');
  --title:"R.S. MNEMOSYNE";
  --subtitle:"DEPARTMENT OF DELETIONS";
  --sidesubtitle: "DELETIONS";
  --sidelogo: url(https://scp-wiki.wdfiles.com/local--files/scp-6768/dept.png);
  --header-font: 'Poppins';
  --body-font: 'Zen Kaku Gothic Antique', sans-serif;
  --ACS-font: var(--header-font);
  --five-color: 116,71,88 !important;
  --basalt-undertone: 60,9,33 !important;
  --swatch-menubg-black-color: 10,10,10 !important;
  --general-border-color: 1,1,1 !important;
  --swatch-menutxt-dark-color: 1,1,1 !important;
  --UI-font: 'Poppins';
  --basalt-main-text-color: 253, 241, 242 !important;
  }
  #page-content .widetable .wiki-content-table {
      width: 100% !important;
      font-size: 1.5em;
  }
  :is(#page-content table:not(.form), table.wiki-content-table) {
      table-layout: auto;
  }
  
  :is(span.specialtext, span.st) {
  text-decoration: underline 2px;
      text-underline-offset: 3px;
  }
  @keyframes strike{
  0%   { width : 0; }
  20% { width: 50%; }
  40% { width: 75%; }
  60% { width: 100%; }
  80% { width: 50%; }
  100% { width: 0; } 
  }
  .strike, .unstrike {
    position: relative;
  }
  .strike::after, .unstrike::after {
    content: ' ';
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 2px;
    background: rgb(253, 241, 242);
    animation-name: strike;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-fill-mode: forwards; 
  }
  @keyframes unstrike{
  0%  { width: 0; }
  20% { width: 25%; }
  40% { width: 75%; } 
  60% { width: 50; }
  80% { width: 100%; } 
  100% { width: 0; }
  }
  body {
      background-image: url(https://scp-wiki.wdfiles.com/local--files/scp-7912/sort.jpg);
      background-attachment: fixed;
      background-size: cover;
      background-blend-mode: difference;
  }
  .acs-extra-1 {
  
  font-family: var(--ACS-font), var(--body-font) !important;
  }
  #page-content a.collapsible-block-link {
  
  color: rgb(253, 241, 242);
  
  }
  #page-content div.modal {
      max-width: var(--main-content-width) !important;
  }
  .anom-bar > div.bottom-box::before {
  display: none !important;
  }
  div.overwatch_memo {
  
  --memo-heading: "THIS DOCUMENT HAS BEEN MARKED FOR DELETIONS";
  --memo-logo: url(https://scp-wiki.wdfiles.com/local--files/scp-6768/deletion.png);
  --memo-color: 253, 241, 242;
  }
  
  div.overwatch {
  filter: brightness(65%);
  }
  div[class$="_memo"] {
  
  background-color:rgba(69,69,69,0.6);
  }
  .series-nav {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      align-content: center;
      align-items: baseline;
  
      margin: 1rem 0;
      padding: .02rem 1rem;
      background: rgb(var(--basalt-tertiary-color));
  
      border-top-right-radius: .67rem;
      border-top-left-radius: .67rem;
  
      font-size: 1.2em;
      font-family: var(--UI-font);
  }
  
  .series-nav>* {
      margin: 0 0.3em;
  }
  
  .end_card {
      background: linear-gradient(145deg, rgba(var(--basalt-dark-element-color), 0.5) 0%, rgb(var(--basalt-tertiary-color)) 80%);
      padding: 1.25rem 2rem;
      text-align: center;
  }
  div:is(.jotting, .transcript) {
  border: double 0.15rem #000;
  }
  #page-content :is(blockquote, .blockquote) {
      border-color: #000;
      font-weight: normal;
      background-color: #060b11;
      color: #cdd9d6;
  }
  
  .image-block, .scp-image-block {
  
  border-bottom: none !important;
  }
  
  #page-content div:is(.jotting, .transcript) {
  
  max-width: 44rem;
  } 
  
  .text-part .risk-class::before, .text-part .risk-class::after, .bottom-box > div.diamond-part::before, .text-part .disrupt-class::after, .text-part .disrupt-class::before,.danger-diamond > .arrows { 
  
  
  }
  

  Pages using this styling

  • scp-7912 [info]

  ¶ 1 occurrence
  

  
  #page-content > .collapsible-block .collapsible-block-content,
  .list-pages-item > .collapsible-block .collapsible-block-content {
      text-align: left;
  }
  
  .page {
      display: block;
      overflow: hidden;
      font-family: "Monotype Corsiva", "Bradley Hand ITC", sans-serif;
      font-style: normal;
      background-attachment: scroll;
      background-clip: border-box;
      background-color: transparent;
      background-image: linear-gradient(to top ,rgb(202, 219, 228) 0%, rgb(231, 233, 220) 8%);
      background-origin: padding-box;
      background-position: 0px 8px;
      background-repeat: repeat;
      background-size: 100% 20px;
      border: 1px solid #CCC;
      border-radius: 10px;
      padding: 10px 10px;
      margin-bottom: 10px;
      box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2)
  }
  .page p,
  .page ul {
      line-height: 20px;
      margin: 0;
  }

  Pages using this styling

  • scp-7907 [info]

  ¶ 1 occurrence
  

  :root {
    --header-title: "SCP FOUNDATION";
    --header-subtitle: "Department of Cetacean Studies";
  }

  Pages using this styling

  • scp-7900 [info]

  ¶ 1 occurrence
  

  :root {
       --header-title: "SCP Foundation";
       --header-subtitle: "Informatics Branch";
       --lgurl: url('https://i.imgur.com/luBORD2_d.webp?maxwidth=760&fidelity=grand');
  }

  Pages using this styling

  • scp-7893 [info]

  ¶ 1 occurrence
  

  /*
      Powered on 2023/07/18 17:22:54
      [2023 Wikidot Theme]
      Created by MsBlackandBlue
      CC BY-SA 3.0
  */
  
  
  
  body {
      background: #e4f5e4;
  }
  div#container-wrap {
      background: url(local--files/scp-7891/body_bg.png) top left repeat-x;
  }
  

  Pages using this styling

  • scp-7891 [info]

  ¶ 1 occurrence
  

  
  #page-title::after {
  content: "by Liryn";
  font-size: 50%;
  color: #888;
  }
  

  Pages using this styling

  • scp-7887 [info]

  ¶ 1 occurrence
  

  .footnotes-footer {
  display:none;
  }
  
  .collapsiblealt{
   text-align : center ;
  }
  .collapsiblealt .collapsible-block-link {
  padding: 0.1em 0.5em;
  text-decoration: none;
  background-color: #F4F4F4;
  border: 1px solid #AAA;
  color: #000;
  }
  .collapsiblealt .collapsible-block-link:hover {
  background-color: #DDD;
  color: #000;
  }
  .collapsiblealt .collapsible-block-link:active {
  background-color: #DDD;
  color: #000;
  }
  

  Pages using this styling

  • scp-7883 [info]

  ¶ 1 occurrence
  

  /*
      BLANKSTYLE CSS
      [2021 Wikidot Theme]
      By Placeholder McD and HarryBlank
      Based on:
         Paperstack Theme by EstrellaYoshte
         Penumbra Theme by EstrellaYoshte
  */
   
  @import url('https://fonts.bunny.net/css2?family=Montserrat:ital,wght@0,800;1,800&display=swap');
   
  #page-content { font-size: .9rem; }
   
  #main-content {
      top: -1.6rem;
      padding: 0.2em;
  }
   
  div#container-wrap {
       background-image: none;
  }
   
  div#header {
      background-image: none;
  }
   
  #header h1, #header h2 { margin-left: 0; float: none; text-align: center; }
  #header h2 { margin-top: 0.5rem; }
  #header h1 span, #header h2 span { font-size: 0; display: none;}
  #header h1 a::before, #header h2::before {
      color: #000;
      letter-spacing: 1px;
      font-family: 'Montserrat', sans-serif !important;
      text-shadow: none;
  }
   
  #header h1 a::before {
    content: var(--header-title, "SCP Foundation");
    font-weight: 400;
    font-size: 1.3em;
  }
   
  #header h2::before {
    content: var(--header-subtitle, "SECURE, CONTAIN, PROTECT.");
    font-weight: 700;
    font-size: 1.2em;
  }
   
  @media (max-width: 707px) {
      #header h1 a::before {
          font-size: 1.6em;
      }
  }
   
  #login-status,
  #login-status a {
      color: #333333;
  }
   
  #page-title {
      display: none;
  }
   
  #footer, #footer a {
      background: transparent;
      color: #333333;
  }
   
  #search-top-box-input,
  #search-top-box-input:hover,
  #search-top-box-input:focus,
  #search-top-box-form input[type=submit],
  #search-top-box-form input[type=submit]:hover,
  #search-top-box-form input[type=submit]:focus {
      border: none;
      background: #333333;
      box-shadow: none;
      border-radius: 0px;
      color: #efefef;
  }
   
  #search-top-box input.empty {
      color: #999999;
  }
   
  #search-top-box {
      top: 2.3rem!important;
      right: 8px;
  }
   
  #top-bar { 
     display: flex;
     justify-content: center;
     right: 0;
     top: 7.9rem;
  }
   
  #top-bar, #top-bar a {
      color: #333333;
  }
   
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
      font-family: 'Montserrat', sans-serif;
      color: #000;
      letter-spacing: 1px;
  }
   
  h1 {
      font-size: 2em;
  }
   
  h2 {
      font-size: 1.45em;
  }
   
  div#extra-div-1 {
      height: 180px;
      width: 100%;
      top: 0;
      position: absolute;
      background: url('https://scp-wiki.wikidot.com/local--files/scp-7882/jXnl8Pl.webp');
      background-size: contain;
      background-repeat: no-repeat;
      background-position: 50% 50%;
      z-index: -1;
  }
   
  @media (max-width: 707px) {
      div#extra-div-1 {
          top: 15px;
      }
  }
   
  body {
      background-image: linear-gradient(
          to bottom,
          #e0e0e0, #e0e0e0 90px,
          #e0e0e0 90px, #ffffff 200px,
          #ffffff 200px, #ffffff 100%);
      background-repeat: no-repeat;
  }
   
  :root {
    --timeScale: 1.5;
    --timeDelay: 1.5s;
    --posX: calc(50% - 358px - 13rem);
    --fnLinger: 1s;
  }
   
  #page-content hr {
      background-color: #000;
  }
   
  #page-content tr th {
      padding: 6px;
      border: #000 1px solid;
  }
   
  #page-content tr td {
      padding: 12px;
      border: #000 1px solid;
      line-height: 1.4;
  }
   
  #page-content .sidebox tr td, 
  #page-content .sidebox tr th {
      padding: 0.35em;
  }
   
  #side-bar {
      border-right: 1px solid #333;
      background: #DDD;
  }
   
  #side-bar .side-block {
      border: 1px solid #333;
      border-radius: 0;
      box-shadow: none;
  }
   
  #top-bar div.open-menu a {
      border: 1px solid #333;
      border-radius: 0;
      box-shadow: none;
  }
   
  @media (max-width: 767px) {
      #side-bar:target {
          border: 1px black;
          box-shadow: none;
      }
  }
   
  #side-bar .side-block {
      border: 1px solid #333;
      border-radius: 0;
      box-shadow: none;
      background-color: #FDF6D7;
  }
  #side-bar .side-block.media {
      background-color:#D7EFE7;
  }
  #side-bar .side-block.resources {
      background-color:#F5D8E0;
  }
   
  #page-content .creditRate{
      margin: unset;
      margin-bottom: 4px;
  }
  #page-content .rate-box-with-credit-button {
      background-color: #ffffff;
      border: solid 1px #000;
      box-shadow: none;
      border-radius: 0;
  }
   
  #page-content .rate-box-with-credit-button .fa-info {
      border: none;
      color: #333333;
  }
   
  #page-content .rate-box-with-credit-button .fa-info:hover {
      background: #333333;
      color: #ffffff;
  }
   
  .rate-box-with-credit-button .cancel {
      border: solid 1px #ffffff;
  }
   
  /* ---- PAGE RATING ---- */
   
  .page-rate-widget-box {
      box-shadow: none;
      border: solid 1px #000;
      margin: unset;
      margin-bottom: 4px;
      border-radius: 0;
  }
   
  div.page-rate-widget-box .rate-points {
      background-color: #ffffff;
      color: #333333;
      border: none;
      border-radius: 0;
  }
  .page-rate-widget-box .rateup,
  .page-rate-widget-box .ratedown {
      background-color: #ffffff;
      border-top: none;
      border-bottom: none;
  }
   
  .page-rate-widget-box .rateup a,
  .page-rate-widget-box .ratedown a {
      background: transparent;
      color: #333333;
  }
   
  .page-rate-widget-box .rateup a:hover,
  .page-rate-widget-box .ratedown a:hover {
      background: #333333;
      color: #ffffff;
  }
   
  .page-rate-widget-box .cancel {
      background: transparent;
      background-color: #ffffff;
      border: none;
      border-radius: 0;
  }
   
  .page-rate-widget-box .cancel a {
      color: #333333;
  }
  .page-rate-widget-box .cancel a:hover {
      background: #333333;
      color: #ffffff;
      border-radius: 0;
  }
  #page-content .rate-box-with-credit-button .page-rate-widget-box { border: none; }
   
  .anchor {
      position: sticky;
      height:0;
      top: 0;
  }
  .sidebox {
      padding: .14rem;
      margin-top: 0;
      margin-bottom: 8px;
      width: calc((100vw - 870px)/2);
      max-height: calc(100vh - 18rem);
      position: absolute;
      top: 0;
      left: 103.5%;
      z-index: 5;
      overflow: auto;
      box-sizing: border-box;
  }
  @media (max-width: 1290px) {
      .sidebox {
          display: none;
          visibility: hidden;
      }
   
      #header h2::before {
          font-size: 0.9em !important;
      }
  }
   
  .scp-image-block {
      box-shadow: none;
  }
   
  /* ---- 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 ----*/
   
   .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: #333333;
       box-shadow: none;
  }
   .yui-navset .yui-nav a, /* ---- Link Modifier ---- */
   .yui-navset .yui-navset-top .yui-nav a{
       color: #333333;
      /* ---- Tab Background Colour | [UNSELECTED] ---- */
       background-color: #efefef;
       border: unset;
       box-shadow: none;
       box-shadow: none;
  }
   .yui-navset .yui-nav a:hover,
   .yui-navset .yui-nav a:focus{
       color: #ffffff;
      /* ---- Tab Background Colour | [HOVER] ---- */
       background-color: #333333;
  }
   .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;
       color: #ffffff;
       background-color: #ffffff;
       border-color: transparent;
       box-shadow: none;
  }
   .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: #333333;
  }
   .yui-navset .yui-nav .selected a,
   .yui-navset .yui-nav .selected a em{
       border: none;
  }
   .yui-navset .yui-nav .selected a{
       width: 100%;
       color: #ffffff;
  }
   .yui-navset .yui-nav .selected a:focus,
   .yui-navset .yui-nav .selected a:active{
       color: #ffffff;
       background-color: #333333;
  }
   .yui-navset .yui-content {
      background-color: #ffffff;
      box-shadow: none;
  }
   .yui-navset .yui-content,
   .yui-navset .yui-navset-top .yui-content{
      padding: .5em;
      border: 1px solid #333;
      box-sizing: border-box;
  }
   
  /*---- SCROLLBAR ----*/
   
  ::-webkit-scrollbar {
      width: 10px;
  }
   
  ::-webkit-scrollbar-track {
      background: #FFF;
      border-left: 1px solid #333;
  }
   
  ::-webkit-scrollbar-thumb {
       background: #CCC;
       border: #333 1px solid;
  }
   
  ::-webkit-scrollbar-thumb:hover {
       background: #EEE;
  }
   
  /*---- CENTER IMAGES ON MOBILE courtesy of EstrellaYoshte and PeppersGhost ----*/
   
  .imagediv {
      float: right;
      margin: 15px
  }
   
  @media (max-width: 540px) {
    .imagediv {
      float: none;
      text-align:center;
      margin: auto;
    }
  }
   
  @media only screen and (max-width: 600px) {
      .scp-image-block.block-right{
          float: none;
          margin: 10px auto;
      }
  }
   
  /*---- ACS-COLORED TABLE DIVS ----*/
   
  #page-content .table1 tr th,
  #page-content .table1 .scp-image-block .scp-image-caption {
      background-color: #D7EFE7;
  }
   
  #page-content .table2 tr th,
  #page-content .table2 .scp-image-block .scp-image-caption {
      background-color: #D8ECF4;
  }
   
  #page-content .table3 tr th,
  #page-content .table3 .scp-image-block .scp-image-caption {
      background-color: #FDF6D7;
  }
   
  #page-content .table4 tr th,
  #page-content .table4 .scp-image-block .scp-image-caption {
      background-color: #FFDABF;
  }
   
  #page-content .table5 tr th,
  #page-content .table5 .scp-image-block .scp-image-caption {
      background-color: #F5D8E0;
  }
   
  #page-content .table6 tr th,
  #page-content .table6 .scp-image-block .scp-image-caption {
      background-color: rgba(146, 0, 255, 0.2);
  }
   
  .tableb .wiki-content-table {
      border-collapse: separate;
      border-spacing: 2px;
  }
   
  .tableb .scp-image-block {
      border: none;
  }
   
  .tableb .scp-image-block img {
      border: #000 1px solid;
      box-sizing: border-box;
  }
   
  .tableb .scp-image-block .scp-image-caption {
      margin-top: 2px;
      border: #000 1px solid;
      box-sizing: border-box;
  }
   
  .top-left-box > .item {
    display: none;
  }
   
  /* ---- WORDS NO LONGER BROKEN, THE CROQUEMBOUCHE HAS SPOKEN ---- */
  span, a { word-break: normal !important }
   
  .avatar-hover { display: none !important; }
   
  #breadcrumbs, .pseudocrumbs {
      text-align: center;
      padding-top: 10px;
  }
   
  #main-content .page-tags span {
      max-width: 100%;
  }
   
  /* -- FANCY THINGS from Woedenaz's Dustjacket Theme -- */
   
  .fancyhr hr {
      border-top: 2vw solid transparent;
      background-color: rgba(var(--bright-accent), 0);
      height: 0;
      box-sizing: border-box;
      border-image-source: url('https://scp-wiki.wikidot.com/local--files/scp-7882/wl_hr.webp');
      border-image-repeat: round round;
      background: none;
      border-image-slice: 80 500 80 500 fill;
      border-image-width: 10em 80em 10em 80em;
  }
   
  .fancyborder {
      box-sizing: border-box;
      border: 2vw solid rgba(0,0,0,0.5);
      border-image: url('https://scp-wiki.wikidot.com/local--files/scp-7882/wl_border.webp') 600 round;
      border-image-width: 6;
      padding: 2vw;
  }

  Pages using this styling

  • scp-7882 [info]

  ¶ 1 occurrence
  

   .raisa-header{ /* ---- RAISA Notice Header ---- */
       background: hsl(38, 91%, 92%);
       border: 1px solid hsl(0, 0%, 60%);
      font-family: "Monotype Corsiva", "Goudy Bookletter 1911", sans-serif;
  }

  Pages using this styling

  • scp-7882 [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.bunny.net/css?family=Reenie+Beanie');

  Pages using this styling

  • scp-7882 [info]

  ¶ 1 occurrence
  

  :root {
   --header-title: "SITE-92: PATHOLOGY DIVISION";
   --header-subtitle: "SEQUESTER - CLASSIFY - PREVENT";
  }

  Pages using this styling

  • scp-7875 [info]

  ¶ 1 occurrence
  

  :root {
      --header-gradient-color-bottom: 37, 85, 102;
      --bright-accent: 37, 85, 102;
      --link-color: 175, 193, 199;
      --hover-link-color: 244, 244, 244;
      --visited-link-color: 91, 206, 250;
      --alt-accent: 156, 89, 209;
      --footnotes-footer-num-color: 91, 206, 250;
      --dark-accent: 139, 154, 160;
  }
  
  .scp-image-caption {
    max-width: 100%;
  }
  
  #page-title {display: none;}
  .foldable-list-container a {
      border-bottom: none;}

  Pages using this styling

  • scp-7873 [info]

  ¶ 1 occurrence
  

  :root{
  --accentColor: hsl(43, 100%, 56%);
  --accentColorLite: hsla(43, 100%, 66%, .5);
  --hue: 43deg;
  --lgurl: url(https://scp-wiki.wdfiles.com/local--files/her-golden-wings/image.png);
  --header-title: "AMONI-RAM";
  --header-subtitle: "The Golden City of the Mekhanite Empire";
  }
  
  .transparent{
      color: transparent;
  }
  
  .colmod-italic{
      font-style: italic;
  }
  
  .blurry{
      filter: blur(4px);
  }

  Pages using this styling

  • scp-7866 [info]

  ¶ 1 occurrence
  

  .fakeprot .mailform-box .buttons{display:none;}
  .fakeprot + .collapsible-block .collapsible-block-link {padding: 0.1em 0.5em;text-decoration: none;background-color: #F4F4F4;border: 1px solid #AAA;color: #000;}
  .fakeprot + .collapsible-block .collapsible-block-link:hover {background-color: #FFF;color: #255;}
  .fakeprot + .collapsible-block .collapsible-block-link:active {background-color: #FFF;color: #255;}
  .fakeprot + .collapsible-block .collapsible-block-unfolded-link{margin:0.5em 0;text-align: center;}
  .fakeprot + .collapsible-block .collapsible-block-folded{margin:0.5em 0;text-align: center;}
  .fakeprot .passw input[type=text] {text-security:disc;-webkit-text-security:disc;-mox-text-security:disc;}
  .mailform-box td:first-child {width: 80px;}

  Pages using this styling

  • scp-7863 [info]

  ¶ 1 occurrence
  

  :root {
      --header-logo: url('http://scp-sandbox-3.wikidot.com/local--files/ace-of-blades/blades');
      --header-title: 'Countdown';
      --header-subtitle: 'Life or Death';
      --title-size: 1.5rem;
      --subtitle-size: 0.825rem;
   
      --base-font-size: 1rem;
      --main-content-width: 67.5rem;
      --side-bar-width: 19rem;
  }

  Pages using this styling

  • scp-7859 [info]

  ¶ 1 occurrence
  

  .collapsible-block-unfolded-link, .collapsible-block-folded {
      margin-top: 1em;
      margin-bottom: 1em;
  }

  Pages using this styling

  • scp-7858 [info]

  ¶ 1 occurrence
  

      :root {
          --header-gradient-color-bottom: 239, 48, 62;
      --bright-accent: 253, 219, 32;
      --pale-accent: 253, 219, 32;
      --dark-accent: 239, 48, 62;
      --hover-link-color: 253, 219, 32;
      --visited-link-color: 253, 219, 32;
      --footnotes-footer-num-color: 253, 219, 32;
      --hoverblock-header-bg:  253, 219, 32;
      --alt-accent: 253, 219, 32;}
  #page-title {display: none;}
  .anom-bar-container.serpent .quadrants > .top-quad {
    background-color: #89e398;
  }
  
  .scp-image-caption {
    max-width: 100%;
  }

  Pages using this styling

  • scp-7852 [info]

  ¶ 1 occurrence
  

  
  
  @import url('https://fonts.googleapis.com/css?family=EB+Garamond:500&display=swap');
  
  :root {
    --logo-image: url("https://scp-wiki.wdfiles.com/local--files/theme%3Amidnight-rush/midnight-rush-icon.png");
    --header-subtitle: "Secure, Contain, Protect";
  }
  .fancytext {
  font-family:"EB Garamond";
  }
  
  .coll-block {
     border:solid 1px var(--hour-hand);
     background: rgba(var(--fantaisie-impromptu), 0.25);
     padding:10px; 
     margin-bottom: 10px; 
     text-align: center;
     font-family: "Courier Prime", monospace;
  }
  
  .inner-block {
     border:solid 1px var(--hour-hand);
     background: rgb(var(--dark-rooms));
     padding:20px;
     margin-top: 1em;
     margin-bottom: 10px;
     text-align: left;
     font-family: var(--body-font);
  }
  

  Pages using this styling

  • scp-7847 [info]

  ¶ 1 occurrence
  

  sup {
  vertical-align: top; position: relative; top: -0.5em;
  }
  :root{
  --cutColour: #fafafa;
  --barColour: #590505;
  }
  .translation_block{
  display:none;}
  
  .info-container .collapsible-block-folded a{
  color: #FFF;}
  .info-container .collapsible-block-unfolded-link a{
  color: #FFF;}
  
  .info-container .collapsible-block-link,
  .info-container:hover .collapsible-block-link {
  line-height: 1.6em;
  }
  .scp-image-block {
      box-shadow: initial;
      width: 50%;
  }
  
  .scp-image-caption {
      --wght: 600;
      font-size: 0.75rem;
      background-color: rgb(var(--light-gray-monochrome));
      padding: 0.25rem;
      display: flex;
      align-items: center;
      justify-content: center;
      width: 100%;
      text-align: center;
      line-height: 1.25;
      color: rgb(var(--white-monochrome));
      font-weight: 600;
      letter-spacing: 0.0125rem;
      border-left: .0625rem solid rgb(var(--swatch-primary-darkest));
      border-right: .0625rem solid rgb(var(--swatch-primary-darkest));
      border-bottom: .0625rem solid rgb(var(--swatch-primary-darkest));
  }
  
  .scp-image-container, .scp-image-container * {
      box-sizing: border-box;
  }
  
  .document-main {
      position: relative;
  }
  
  .document-main > br {
      display: none;
  }
  
  .document-main > div {
      display: block;
      width: calc(100% - 3rem);
      background-color: rgb(var(--very-light-gray-monochrome), 1);
      padding: 0.75rem 0.75rem 0.5rem;
      margin: 1.5rem 0.5rem 0.5rem 0.5rem;
      border: 0.25rem rgb(var(--swatch-border-color)) solid;
      position: relative;
      line-height: 1.5;
      overflow-wrap: break-word;
      word-wrap: break-word;
      hyphens: auto;
      font-size: inherit;
  }
  
  .document-main > div > p:last-of-type {
      margin-bottom: 0;
  }
  
  .document-main > div::before {
      --wght: 600;
      content: " ";
      position: absolute;
      top: -1.25rem;
      left: -0.5rem;
      padding: 0.5em 0.5em;
      color: rgb(var(--white-monochrome));
      font-size: calc(12px + (14 - 12) * ( (100vw - 300px) / ( 800 - 300) ));
      font-family: var(--title-font);
      font-variant: all-petite-caps;
      font-weight: 600;
      letter-spacing: 0.05em;
      text-indent: 0;
      display: flex;
      line-height: 1;
      white-space: nowrap;
  }
  
  .document-main > div. sp-containment,
  .document-main > div.discovery,
  .document-main > div.description {
      background-color: rgba(var(--light-gray-monochrome),0.15);
      border-color: rgba(var(--swatch-primary-darkest),1);
  }
  
  .document-main > div.sp-containment::before,
  .document-main > div.discovery::before,
  .document-main > div.description::before {
      background-color: rgba(var(--swatch-primary-darkest),1)
  }
  
  .document-main > div.sp-containment::before {
      content: "Special Containment Procedures";    
  }
  
  .document-main > div.discovery::before {
      content: "Discovery";    
  }
  
  .document-main > div.description::before {
      content: "Description";
  }
  
  .document-main > .sp-containment > .sp-containment-image {
      grid-area: image;
      width: 15vw;
      float: right;
      padding-left: 1rem;
  }
  
  .document-main > .sp-containment > .sp-containment-image img {
      max-height: 110vh;
  }
  

  Pages using this styling

  • scp-7839 [info]

  ¶ 1 occurrence
  

  :root {
    --header-title: "SCP FOUNDATION ";
    --header-subtitle: "Secure - Contain - Protect";
    --lgurl: url([[include :scp-wiki:component:pride-highlighter |inc-nb= --]]]);
    --accentColor: #a153e0;
  }

  Pages using this styling

  • scp-7836 [info]

  ¶ 1 occurrence
  

  .danke{
  padding: 5px 5px 5px 15px;
  margin: auto;
  margin-top:1em;
  margin-bottom:1em;
  width: auto;
  font-family: monospace;
  font-size: 1em;
  }
  
  .red{
  background-color:#220000;
  border: 3px solid #AA5555;
  color: #dd1f1b;
  }
  
  .green{
      background-color:#222200;
      border: 3px solid #AAAA55;
      color: #DDDD77;

  Pages using this styling

  • scp-7831 [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2
  family=IBM+Plex+Sans:ital,wght@0,100..700;1,100..700&display=swap');
  
  body {
      font-family: 'IBM Plex Sans', sans-serif;
      font-size: 0.925rem;
      font-weight: 400;
  }

  Pages using this styling

  • scp-7831 [info]

  ¶ 1 occurrence
  

  .footnotes-footer {
  display:none;
  }
  .rotate {
  
  /* Safari */
  -webkit-transform: rotate(-.5deg);
  
  /* Firefox */
  -moz-transform: rotate(-.5deg);
  
  /* IE */
  -ms-transform: rotate(-.5deg);
  
  /* Opera */
  -o-transform: rotate(-.5deg);
  
  /* Internet Explorer */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=.5);
  
  }
  .rotate2 {
  
  /* Safari */
  -webkit-transform: rotate(.1deg);
  
  /* Firefox */
  -moz-transform: rotate(.1deg);
  
  /* IE */
  -ms-transform: rotate(.1deg);
  
  /* Opera */
  -o-transform: rotate(.1deg);
  
  /* Internet Explorer */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  
  }

  Pages using this styling

  • scp-783-l2 [info]

  ¶ 1 occurrence
  

  :root {
  --five-color: 246,246,246;
  --three-color: 246,246,246;
  --one-color: 246,246,246;
  }

  Pages using this styling

  • scp-7826 [info]

  ¶ 1 occurrence
  

  .fakeprot .mailform-box .buttons{display:none;}
  .fakeprot + .collapsible-block .collapsible-block-link {padding: 0.1em 0.5em;text-decoration: none;background-color: #131;border: 1px solid #AAA;color: #000;}
  .fakeprot + .collapsible-block .collapsible-block-link:hover {background-color: #131;color: #000;}
  .fakeprot + .collapsible-block .collapsible-block-link:active {background-color: #131;color: #000;}
  .fakeprot + .collapsible-block .collapsible-block-unfolded-link{margin:0.5em 0;text-align: center;}
  .fakeprot + .collapsible-block .collapsible-block-folded{margin:0.5em 0;text-align: center;}
  .fakeprot .passw input[type=text] {text-security:disc;-webkit-text-security:disc;-mox-text-security:disc;}
  .mailform-box td:first-child {width: 80px;}

  Pages using this styling

  • scp-7826 [info]

  ¶ 1 occurrence
  

  .email-example .collapsible-block-folded a.collapsible-block-link {
      animation: blink 0.8s ease-in-out infinite alternate;
  }
  @keyframes blink {
      0% { color: transparent; }
      50%, 100% { color: #ffffff; }
  }
  .email {border: solid 2px #000000; width: 88%; padding: 1px 15px; margin: 10px; box-shadow: 0 1px 3px rgba(0,0,0,.5);background-color: #212325}
  .email-example a.collapsible-block-link {font-weight: bold;}
  .tofrom {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px maroon}

  Pages using this styling

  • scp-7826 [info]

  ¶ 1 occurrence
  

  .text-container-wrap {
    border:3px solid #666;
    background-color:#212325;
  }
  .text-container {
    box-shadow:1px 1px 7px #666666 inset;
    background-color:#2D3033;
  }
  .sent .text {
    background-color: #808080;
    color: white;
  }
  .recv .text {
    background-color: #116280;
    color: white;
  }
  .text-container-wrap h1, .text-container-wrap h2, .text-container-wrap h3, .text-container-wrap h4, .text-container-wrap h5, .text-container-wrap h6 {
    color: white;
  }

  Pages using this styling

  • scp-7826 [info]

  ¶ 1 occurrence
  

  :root {
  --header-logo: url("http://scp-wiki.wikidot.com/local--files/unreality-hub/Unreality%20Header%20Logo.svg");
  --header-title: "Department of Unreality";
  --header-subtitle: "Making the Unreal a";
  .info-container{
  --barColour: #3b3939;
  --linkColour: #bababa;
  }
  }

  Pages using this styling

  • scp-7825 [info]

  ¶ 1 occurrence
  

  :root {
       --header-title: "THE FOUNDATION";
       --header-subtitle: "SEE YOU NEXT YEAR";
  }

  Pages using this styling

  • scp-7824 [info]

  ¶ 1 occurrence
  

  :root {
    --link-color: 204,22,10;
    --visited-link-color: 104, 11, 5;
    --hover-link-color: 163,18,8;
  }

  Pages using this styling

  • scp-7821 [info]

  ¶ 1 occurrence
  

  :root {
      --fnColor: #cc170a;
  }

  Pages using this styling

  • scp-7821 [info]

  ¶ 1 occurrence
  

  .authorlink-wrapper {
      --author-top-adjust: -0.5rem;
      --author-bottom-adjust: -0.35rem;
  }

  Pages using this styling

  • scp-7818 [info]

  ¶ 1 occurrence
  

   :root{
     --header-title: "Blåhaj Committee";
     --header-subtitle: "Blowing the Limits Sky High";

  Pages using this styling

  • scp-7816 [info]

  ¶ 1 occurrence
  

  
  div.terminal{
      border: 1px solid black;
      border: solid 3px #BBBBBB;
      border-radius: 16px;
      background-color: #131;
      /* black shadow at the top of the terminal */
      background-image: 
          radial-gradient(ellipse 1000% 100% at 50% 90%, transparent, #121);
      background-position: center;
      display: block;
      /* shadow around the terminal */
      box-shadow: inset 0 0 10em 1em rgba(0,0,0,0.5);
      /* prevents scanline from forming a scrollwheel */
      overflow:hidden;
  }
  div.terminal blockquote {
      background-color: black;
      border: double 3px #80FF80
  }
  div.scanline{
      margin-top: -40%;
      width: 100%;
      height: 60px;
      position: relative;
      pointer-events: none;
      /* Safari 4.0 - 8.0 */
      -webkit-animation: scan 12s linear 0s infinite; /* You may need to change this. If the bar goes by too quickly, increase 5s. */
      animation: scan 12s linear 0s infinite; /* Same as above */
      background: linear-gradient(to bottom, rgba(56, 112, 82,0), rgba(56, 112, 82,0.1)) !important;
  }
  
  div.text{
      color: rgba(128,255,128,0.8);
      padding: 40% 2em 0;
      font-family: monospace;
      font-size: 1.2em;
  }
  
  /* Safari 4.0 - 8.0 */
  @-webkit-keyframes scan{
      from{ transform: translateY(-10%);}
      to{  transform: translateY(5000%);} /* You may need to change this depending on the length of your terminal. If the scanline stops halfway, increase the second number.*/
  }
  
  @keyframes scan{
      from{ transform: translateY(-10%);}
      to{  transform: translateY(5000%);} /* Same as above.*/
  }
  
  div.text a {
      color: #90EE90;
      text-decoration: none;
      background: transparent;
  }
  div.text a.newpage {
      color: #90EE90;
      text-decoration: none;
      background: transparent;
  }
  div.text a:hover {
      color: #131;
      text-decoration: underline;
      background-color: #80FF80;
      padding: 1px;
  }
  div.text a:hover::before{
      content: "> ";
  }
  
  .danke {
      padding: 5px;
      margin-bottom:10px;
      font-family: monospace;
      font-size: 1.1em; 
  }
  
  .agent {
      background-color:#002200;
      border: 3px solid #55AA55;
      color: #77CC77;
  }
  
  .site {
      background-color:#222200;
      border: 3px solid #AAAA55;
      color: #DDDD77;
  }

  Pages using this styling

  • scp-7814 [info]

  ¶ 1 occurrence
  

  :root {
  --line-color: rgb(85, 85, 170);
  --panel-color: rgb(223, 223, 233);
  --logo-image: url(https://scp-wiki.wdfiles.com/local--files/secure-facilities-locations/Site-79.svg);
  --header-title: "Site-79";
  --header-subtitle: "Department of Gaming";
  --header-gradient-color-bottom: 115, 185, 235;
  }
  
  #page-title {
  display: none;
  }
  
  .custom-heading {
  display: inline-block;
  width: calc(100% - 4px);
  margin-left: 2px;
  margin-right: 2px;
  border-bottom: 2px solid var(--line-color);
  padding: 1px;
  }
  
  .chatbox {
  font-family: var(--mono-font);
  background-color: #223;
  color: #FFF;
  border: 1px solid #050505;
  padding: 1em 2em;
  }
  
  .divider {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: space-evenly;
  }
  
  .divider::before {
  content: ' ';
  background-color: var(--line-color);
  display: block;
  height: 2px;
  margin-right: 1em;
  width: auto;
  flex: 1;
  }
  
  .divider::after {
  content: ' ';
  background-color: var(--line-color);
  display: block;
  height: 2px;
  margin-left: 1em;
  width: auto;
  flex: 1;
  }
  
  .divider p {
  margin: 0px;
  padding: 0px;
  }
  
  .subtitle {
  display: block;
  text-align: center;
  }
  
  .custom-blockquote {
  padding: 1.4em;
  background-color: var(--panel-color);
  border: 1px solid var(--line-color);
  }

  Pages using this styling

  • scp-7813 [info]

  ¶ 1 occurrence
  

  
  :root {
      --logo-image: url("https://scp-wiki.wikidot.com/local--files/grigori-karpin-s-author-page/Site-91%20Logo");
      --header-title: "            Site-91";
      --header-subtitle: "          Thaumaturgical Research";
  }
  
  /* Adjust Mobile Image Size */
   @media (max-width: 479px) {
  
  #header {
       background-size: 100px 100px;
      background-position: 1em;
  }
  }
  
  .email-example .collapsible-block-folded a.collapsible-block-link {
      animation: blink 0.8s ease-in-out infinite alternate;
  }
  @keyframes blink {
      0% { color: transparent; }
      50%, 100% { color: #b01; }
  }
  .email {border: solid 2px #000000; width: 88%; padding: 1px 15px; margin: 10px; box-shadow: 0 1px 3px rgba(0,0,0,.5)}
  .email-example a.collapsible-block-link {font-weight: bold;}
  .tofrom {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px maroon}
  
  

  Pages using this styling

  • scp-7812 [info]

  ¶ 1 occurrence
  

  .anom-bar-container.esoteric .text-part > .main-class::before {
      -webkit-filter: none;
      filter: none;
      border-color: rgb(var(--black-monochrome));
      background-image: url("http://scp-wiki.wdfiles.com/local--files/component%3Aanomaly-class-bar/tiamat-icon.svg");
      background-color: rgb(235, 235, 235) !important;
  }
  
  .anom-bar-container.esoteric .danger-diamond > .top-icon::before {
      -webkit-filter: none;
      filter: none;
      background-image: url("http://scp-wiki.wdfiles.com/local--files/component%3Aanomaly-class-bar/tiamat-icon.svg");
      background-color: rgb(235, 235, 235) !important;
  }
  
  .anom-bar-container.esoteric .text-part > .main-class > .contain-class > .class-text {
      color: transparent;
  }
  
  .anom-bar-container.esoteric .text-part > .main-class > .contain-class > .class-text::before {
      content: "Tiamat";
      color: rgb(var(--white-monochrome));
  }
  
  .anom-bar-container.esoteric .text-part > .main-class > .second-class > .class-text {
      color: transparent;
  }
  
  .anom-bar-container.esoteric .text-part > .main-class > .second-class > .class-text::before {
      content: "Ѻмѐга-Титло";
      color: rgb(var(--white-monochrome));
  }
  
  .anom-bar-container.esoteric .text-part > .main-class::before {
      border-color: rgb(var(--black-monochrome));
      background-position: left -12px center;
  }
  
  @media (max-width: 875px) {
  .anom-bar-container.esoteric .text-part > .main-class::before {
      background-position: left -20px center;
  }
  }
  
  @media (max-width: 480px) {
  .anom-bar-container.esoteric .text-part > .main-class::before {
      background-position: left -15px center;
  }
  }
  
  div.danger-diamond > a {
      margin: 0 !important;
      padding: 0 !important;
  }
  
  .hovertip .footnote {
      border: none;
  }
  
  .text-part .disrupt-class::before, .text-part .risk-class::before {
      color: rgb(var(--white-monochrome));
  }
  
  .anom-bar-esoteric .anom-bar-container.esoteric.ot .text-part .main-class {
      background-color: transparent !important;
  }

  Pages using this styling

  • scp-7802 [info]

  ¶ 1 occurrence
  

  :root {
      --header-title: "ARED";
      --header-subtitle: "Anomalous Religious Expressions Department";
      --lgurl: url("data:image/svg+xml,%3Csvg version='1.1' id='SCP_Logo' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 2215 2080' style='enable-background:new 0 0 2215 2080;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23FFFFFF;%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st0' d='M2090,1212.1c5-40.5,7.5-81.3,7.5-122.1c0-410-249.3-761.8-604.6-912.2L1434.5,0h-654l-58.4,177.9 C366.8,328.2,117.5,680,117.5,1090c0,40.8,2.5,81.6,7.5,122.1L0,1351.8l327,566.4l183.5-38.4c166,125.7,372.8,200.2,597,200.2 s431-74.5,597-200.2l183.5,38.4l327-566.4L2090,1212.1z M1847.2,1828.9l-164.2-34.5c-156.7,128.5-357.1,205.6-575.5,205.6 s-418.8-77.1-575.5-205.6l-164.2,34.4l-270-467.7l112.3-125.4c-7.6-47.5-11.6-96.1-11.6-145.8c0-389,243.9-721.1,586.9-851.2 L837.5,80h540l52.1,158.8C1772.7,369,2016.5,701,2016.5,1090c0,49.6-4,98.3-11.6,145.8l112.3,125.4L1847.2,1828.9z'/%3E%3Cpath class='st0' d='M1307.5,1377.5c0-110.5-89.5-200-200-200s-200,89.5-200,200s89.5,200,200,200S1307.5,1488,1307.5,1377.5z M1007.5,1377.5c0-55.1,44.9-100,100-100s100,44.9,100,100s-44.9,100-100,100S1007.5,1432.6,1007.5,1377.5z'/%3E%3Cpath class='st0' d='M1782.3,1072.8c0-1.6-0.1-3.2-0.1-4.8c0-0.9-0.1-1.8-0.1-2.7c-0.1-1.5-0.1-3.1-0.2-4.6c0-0.9-0.1-1.8-0.1-2.7 c-0.1-1.5-0.1-3-0.2-4.6c0-0.9-0.1-1.8-0.2-2.7c-0.1-1.5-0.2-3-0.3-4.6c-0.1-0.9-0.1-1.8-0.2-2.7c-0.1-1.5-0.2-3.1-0.3-4.6 c-0.1-0.9-0.1-1.7-0.2-2.6c-0.1-1.6-0.2-3.1-0.4-4.7c-0.1-0.8-0.1-1.7-0.2-2.5c-0.1-1.6-0.3-3.2-0.4-4.8c-0.1-0.8-0.2-1.6-0.2-2.4 c-0.2-1.6-0.3-3.3-0.5-4.9c-0.1-0.8-0.2-1.5-0.2-2.3c-0.2-1.7-0.4-3.3-0.6-5c-0.1-0.7-0.2-1.4-0.3-2.1c-0.2-1.7-0.4-3.5-0.7-5.2 c-0.1-0.6-0.2-1.3-0.3-1.9c-0.2-1.8-0.5-3.6-0.7-5.4c-0.1-0.6-0.2-1.1-0.2-1.7c-0.3-1.9-0.5-3.8-0.8-5.6c-0.1-0.5-0.1-0.9-0.2-1.4 c-0.3-2-0.6-4-0.9-5.9c-0.1-0.4-0.1-0.7-0.2-1.1c-0.3-2.1-0.7-4.2-1.1-6.3c0-0.2-0.1-0.4-0.1-0.7c-0.4-2.3-0.8-4.6-1.2-6.9v-0.1 c-46.9-251.1-232.8-453.3-474.9-523.6l81,140.3c115.5,61.4,207.6,161.1,259.3,282.2c0.5,1.2,1.1,2.5,1.6,3.7c1,2.3,1.9,4.7,2.9,7 c0.5,1.3,1,2.5,1.5,3.8c0.6,1.4,1.1,2.8,1.6,4.2c0.5,1.3,1,2.6,1.5,4s1.1,2.9,1.6,4.4c0.5,1.3,1,2.6,1.4,3.9c0.8,2.3,1.7,4.6,2.5,7 c0.4,1.3,0.9,2.6,1.3,3.8c0.5,1.5,1,2.9,1.5,4.4c0.4,1.3,0.9,2.6,1.3,3.9c0.5,1.6,1,3.3,1.6,4.9c0.5,1.6,1,3.2,1.5,4.8 c0.6,2,1.2,4,1.8,6c0.4,1.2,0.7,2.5,1.1,3.7c0.4,1.6,0.9,3.2,1.3,4.8c0.3,1.2,0.7,2.5,1,3.7c0.5,2.1,1.1,4.1,1.6,6.2 c0.3,1.4,0.7,2.7,1,4.1c0.5,2,1,4,1.4,6c0.3,1.2,0.5,2.4,0.8,3.6c0.4,1.8,0.8,3.5,1.2,5.3c0.2,1.1,0.5,2.2,0.7,3.4 c0.6,2.7,1.1,5.4,1.7,8.1c0.2,0.9,0.3,1.7,0.5,2.6c0.4,2.1,0.8,4.1,1.2,6.2c0.2,1.1,0.4,2.2,0.6,3.3c0.3,2,0.7,4,1,5.9 c0.2,1,0.3,1.9,0.5,2.9c0.4,2.8,0.9,5.6,1.3,8.5c0.1,0.9,0.2,1.7,0.3,2.6c0.3,2.1,0.6,4.3,0.9,6.4c0.1,1,0.3,2.1,0.4,3.1 c0.3,2.2,0.5,4.5,0.8,6.7c0.1,0.8,0.2,1.5,0.2,2.3c0.3,2.9,0.6,5.9,0.9,8.8c0.1,0.9,0.1,1.7,0.2,2.6c0.2,2.2,0.4,4.5,0.5,6.7 c0.1,1,0.1,1.9,0.2,2.9c0.2,2.6,0.3,5.1,0.5,7.7c0,0.5,0.1,0.9,0.1,1.4c0.2,3,0.3,6,0.4,9.1c0,0.9,0.1,1.7,0.1,2.6 c0.1,2.3,0.1,4.6,0.2,6.9c0,0.9,0,1.8,0.1,2.8c0,3,0.1,6.1,0.1,9.1v0.1v0.1c0,3.1,0,6.3-0.1,9.4c0,0.5,0,1,0,1.6 c-0.1,3.1-0.1,6.1-0.2,9.2c-1.9,53.8-11.1,105.6-26.7,154.7L1107.5,315l-547.9,948.9c-15.4-48.7-24.5-100.1-26.3-153.4 c-0.1-3.1-0.2-6.2-0.2-9.3c0-0.5,0-1,0-1.5c-0.1-3.2-0.1-6.4-0.1-9.5s0-6.2,0.1-9.3c0-0.9,0-1.8,0.1-2.6c0-2.3,0.1-4.7,0.2-7 c0-0.8,0.1-1.7,0.1-2.5c0.1-3,0.2-6.1,0.4-9.1c0-0.4,0-0.8,0.1-1.2c0.1-2.6,0.3-5.3,0.5-7.9c0.1-0.9,0.1-1.9,0.2-2.8 c0.2-2.3,0.3-4.6,0.5-6.8c0.1-0.8,0.1-1.6,0.2-2.4c0.3-3,0.5-5.9,0.9-8.9c0.1-0.7,0.2-1.4,0.2-2.1c0.3-2.3,0.5-4.6,0.8-6.9 c0.1-1,0.2-2,0.4-3c0.3-2.2,0.6-4.4,0.9-6.6c0.1-0.8,0.2-1.6,0.3-2.4c0.4-2.9,0.8-5.7,1.3-8.5c0.1-0.9,0.3-1.8,0.5-2.8 c0.3-2,0.7-4.1,1-6.1c0.2-1.1,0.4-2.2,0.6-3.2c0.4-2.1,0.8-4.2,1.2-6.4c0.2-0.8,0.3-1.6,0.5-2.4c0.5-2.7,1.1-5.5,1.7-8.2 c0.2-1.1,0.5-2.2,0.7-3.2c0.4-1.8,0.8-3.6,1.2-5.4c0.3-1.2,0.5-2.3,0.8-3.5c0.5-2.1,1-4.1,1.5-6.2c0.3-1.2,0.6-2.5,0.9-3.7 c0.5-2.2,1.1-4.3,1.7-6.5c0.3-1.2,0.6-2.4,1-3.6c0.4-1.6,0.9-3.3,1.4-4.9c0.3-1.2,0.7-2.4,1-3.6c0.6-2.1,1.2-4.2,1.9-6.3 c0.4-1.5,0.9-2.9,1.3-4.4c0.5-1.7,1.1-3.4,1.6-5.1c0.4-1.3,0.8-2.5,1.2-3.8c0.5-1.5,1-3,1.5-4.5c0.4-1.2,0.8-2.5,1.3-3.7 c0.8-2.4,1.7-4.9,2.6-7.3c0.4-1.2,0.9-2.4,1.3-3.5c0.6-1.5,1.1-3,1.7-4.5c0.5-1.3,1-2.6,1.5-3.9c0.6-1.5,1.1-2.9,1.7-4.3 c0.5-1.2,1-2.4,1.4-3.6c1-2.4,1.9-4.7,2.9-7.1c0.5-1.2,1-2.4,1.5-3.6c51-121.7,143-221.4,258.6-282.9l81-140.3 c-242,70.3-428,272.5-474.9,523.5c0,0.1,0,0.2-0.1,0.3c-0.4,2.2-0.8,4.4-1.2,6.6c-0.1,0.3-0.1,0.6-0.1,0.9c-0.4,2-0.7,4.1-1,6.1 c-0.1,0.4-0.1,0.8-0.2,1.3c-0.3,1.9-0.6,3.8-0.9,5.7c-0.1,0.5-0.2,1.1-0.2,1.6c-0.3,1.8-0.5,3.6-0.8,5.4c-0.1,0.6-0.2,1.2-0.3,1.9 c-0.2,1.7-0.5,3.5-0.7,5.2c-0.1,0.7-0.2,1.4-0.3,2.1c-0.2,1.7-0.4,3.3-0.6,5c-0.1,0.8-0.2,1.5-0.3,2.3c-0.2,1.6-0.4,3.2-0.6,4.8 c-0.1,0.8-0.2,1.6-0.3,2.4c-0.2,1.6-0.3,3.1-0.5,4.7c-0.1,0.9-0.2,1.7-0.3,2.6c-0.1,1.5-0.3,3-0.4,4.6c-0.1,0.9-0.2,1.8-0.2,2.7 c-0.1,1.5-0.2,3-0.4,4.5c-0.1,0.9-0.2,1.9-0.2,2.8c-0.1,1.5-0.2,2.9-0.3,4.4c-0.1,1-0.1,1.9-0.2,2.9c-0.1,1.4-0.2,2.9-0.3,4.3 c-0.1,1-0.1,2-0.2,3c-0.1,1.4-0.1,2.9-0.2,4.3c0,1-0.1,2-0.1,3c-0.1,1.4-0.1,2.9-0.2,4.3c0,1-0.1,2-0.1,3c0,1.4-0.1,2.9-0.1,4.3 c0,1-0.1,2-0.1,3c0,1.5-0.1,3.1-0.1,4.7c0,0.9,0,1.8,0,2.7c0,2.1,0,4.2,0,6.3c0,0.3,0,0.7,0,1c0,3.2,0,6.4,0.1,9.7c0,1,0,2,0.1,3 c0,2.2,0.1,4.4,0.2,6.7c0,1.2,0.1,2.3,0.1,3.5c0.1,2.1,0.1,4.1,0.2,6.2c0,1.2,0.1,2.3,0.2,3.5c0.1,2.2,0.2,4.3,0.3,6.4 c0.1,1,0.1,2.1,0.2,3.1c0.2,2.7,0.3,5.4,0.5,8.1c0,0.5,0.1,1,0.1,1.4c0.2,3.2,0.5,6.4,0.8,9.5c0.1,0.8,0.2,1.6,0.2,2.4 c0.2,2.4,0.4,4.7,0.7,7.1c0.1,1.1,0.2,2.1,0.3,3.2c0.2,2.1,0.5,4.2,0.7,6.3c0.1,1.1,0.3,2.2,0.4,3.3c0.3,2.1,0.5,4.2,0.8,6.3 c0.1,1,0.3,2.1,0.4,3.1c0.3,2.5,0.7,4.9,1.1,7.3c0.1,0.7,0.2,1.3,0.3,2c0.5,3.1,1,6.3,1.5,9.4c0.1,0.5,0.2,1,0.2,1.4 c0.4,2.6,0.9,5.2,1.4,7.8c0.2,1,0.4,1.9,0.5,2.9c0.4,2.1,0.8,4.3,1.2,6.4c0.2,1,0.4,2.1,0.6,3.1c0.4,2.1,0.8,4.2,1.3,6.2 c0.2,1,0.4,2,0.6,3c0.5,2.3,1,4.6,1.5,6.8c0.2,0.8,0.3,1.5,0.5,2.3c10.7,46.5,26.2,91.3,45.9,133.6l-1.5,2.6l0.1,0.1l-57.7,99.9 h118.5c33.8,48.1,73.7,91.6,118.6,129.4c0.5,0.5,1,0.9,1.6,1.4c0.3,0.3,0.7,0.6,1,0.9c1.7,1.4,3.3,2.8,5,4.1 c0.4,0.3,0.7,0.6,1.1,0.9c1.7,1.4,3.3,2.7,5,4c0.4,0.3,0.8,0.6,1.2,1c1.7,1.3,3.3,2.6,5,3.9c0.4,0.3,0.8,0.7,1.3,1 c1.7,1.3,3.3,2.6,5,3.8c0.4,0.3,0.9,0.7,1.3,1c1.7,1.3,3.3,2.5,5,3.7c0.5,0.3,0.9,0.7,1.4,1c1.3,1,2.7,2,4,3c0.3,0.2,0.6,0.5,1,0.7 c0.5,0.3,0.9,0.7,1.4,1c1.7,1.2,3.4,2.4,5,3.6c0.5,0.3,1,0.7,1.4,1c1.7,1.2,3.4,2.4,5.1,3.5c0.5,0.3,1,0.7,1.5,1c0,0,0,0,0,0 c0.7,0.5,1.5,1,2.2,1.5c1,0.6,1.9,1.3,2.9,2c0.5,0.3,1,0.7,1.5,1c1.3,0.9,2.7,1.8,4.1,2.7c0.7,0.5,1.5,1,2.2,1.4 c0.1,0.1,0.3,0.2,0.4,0.3c1.7,1.1,3.5,2.3,5.2,3.4c0.5,0.3,1,0.6,1.5,0.9c1.8,1.1,3.5,2.2,5.3,3.3c0.5,0.3,0.9,0.6,1.4,0.9 c1.8,1.1,3.6,2.2,5.4,3.3c0.5,0.3,0.9,0.5,1.4,0.8c1.8,1.1,3.7,2.2,5.5,3.3c0.1,0,0.2,0.1,0.3,0.2c1.8,1,3.5,2,5.3,3.1 c0.4,0.3,0.9,0.5,1.3,0.8c0.1,0.1,0.3,0.2,0.4,0.2c0.1,0.1,0.2,0.1,0.3,0.2c0.2,0.1,0.3,0.2,0.5,0.3c1.9,1.1,3.9,2.2,5.8,3.3 c0.3,0.2,0.6,0.4,1,0.5c1.1,0.6,2.2,1.2,3.3,1.8c1.1,0.6,2.2,1.2,3.3,1.8c0.1,0,0.2,0.1,0.2,0.1c1.8,0.9,3.6,2,5.5,2.9 c96.6,50.9,204.7,77.8,314.6,77.8c120.6,0,239-32.2,342.3-93.2c83.2-49.1,155-115.6,210.4-194.4h118.4l-57.6-99.8l0.1-0.2l-1.5-2.6 c18.4-39.4,33.1-81,43.6-124.2c0.7-3,1.5-6.1,2.2-9.1c0.2-0.8,0.4-1.6,0.6-2.5c0.5-2.2,1-4.4,1.5-6.6c0.2-1,0.4-2.1,0.7-3.1 c0.4-2,0.8-4.1,1.2-6.1c0.2-1.1,0.4-2.2,0.6-3.3c0.4-2.1,0.8-4.2,1.2-6.2c0.2-1,0.4-2,0.6-3c0.5-2.5,0.9-5,1.3-7.5 c0.1-0.6,0.2-1.1,0.3-1.7c0.5-3.1,1-6.2,1.5-9.3c0.1-0.7,0.2-1.5,0.3-2.2c0.4-2.4,0.7-4.7,1-7.1c0.1-1.1,0.3-2.2,0.4-3.2 c0.3-2.1,0.5-4.1,0.8-6.2c0.1-1.2,0.3-2.3,0.4-3.5c0.2-2,0.5-4.1,0.7-6.1c0.1-1.1,0.2-2.2,0.4-3.4c0.2-2.3,0.5-4.6,0.7-6.8 c0.1-0.9,0.2-1.7,0.2-2.6c0.3-3.1,0.5-6.3,0.8-9.4c0-0.6,0.1-1.2,0.1-1.7c0.2-2.6,0.4-5.2,0.5-7.8c0.1-1.1,0.1-2.2,0.2-3.3 c0.1-2.1,0.2-4.2,0.3-6.3c0.1-1.2,0.1-2.4,0.2-3.7c0.1-2,0.2-4,0.2-6.1c0-1.2,0.1-2.4,0.1-3.6c0.1-2.2,0.1-4.3,0.1-6.5 c0-1.1,0-2.1,0.1-3.2c0-3.1,0.1-6.3,0.1-9.4c0-0.1,0-0.1,0-0.2c0-2.5,0-4.9,0-7.4c0-0.6,0-1.3,0-1.9c0-1.8,0-3.6-0.1-5.4 C1782.4,1074.5,1782.4,1073.6,1782.3,1072.8z M890.4,1622.6c-11.1-4.5-21.9-9.4-32.6-14.5c-1-0.5-1.9-1-2.9-1.4 c-0.3-0.1-0.6-0.3-0.8-0.4c-5.6-2.8-11.2-5.6-16.7-8.6c-0.3-0.2-0.7-0.4-1-0.5c-5.5-3-10.9-6-16.3-9.1c-0.3-0.2-0.5-0.3-0.8-0.5 c-2.6-1.5-5.1-3-7.7-4.5c-0.1-0.1-0.3-0.2-0.4-0.3c-2.7-1.7-5.5-3.3-8.2-5c-79.7-50-146.2-118.9-193.3-200.5 C709,1205.5,894.7,1090,1107.5,1090c208.8,0,391.3,111.1,492.2,277.5l1,1.8c1.6,2.7,3.3,5.5,4.8,8.2c-20.8,36-45.4,69.5-73.3,100 h0.1c-105.2,115.2-256.5,187.5-424.8,187.5c-75.3,0-147.1-14.5-213-40.8C893.1,1623.7,891.7,1623.1,890.4,1622.6z M1428.6,1071.1 c-98.2-53.1-208.7-81.2-321.1-81.2c-112.4,0-223,28-321.1,81.2L1107.5,515L1428.6,1071.1z'/%3E%3C/g%3E%3C/svg%3E");
      --five-color: 192, 192, 192 !important;
  }
  
  div.page-rate-widget-box span.rate-points {
      border: none;
      background-color: transparent !important;
  }
  
  @media (max-width: 768px) {
      #content-wrap {
          grid-template-columns: none;
      }
  }
  
  div.blockquote.warning-panel {
      width: 30rem;
      max-width: 80% !important;
      margin-left: auto;
      margin-right: auto;
  }
  
  div.blockquote.warning-panel * {
      max-width: 100% !important;
      position: relative;
      z-index: 2;
  }
  
  div.blockquote.warning-panel::before {
      content: "";
      display: block;
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      background-image: var(--lgurl);
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 80% auto;
      opacity: 0.1;
      z-index: 1;
  }
  
  div.blockquote.function {
      display: flex;
      align-items: center;
  }
  
  div.blockquote.function > div.image {
      flex-shrink: 0;
      flex-grow: 0;
      margin-right: 1em;
      opacity: 0.2;
  }
  
  div.blockquote.function > div.image a {
      box-shadow: none !important;
  }
  
  div.blockquote.function > div.content {
      flex-shrink: 1;
      flex-grow: 1;
  }

  Pages using this styling

  • scp-7802 [info]

  ¶ 1 occurrence
  

  /* ==== BS IMAGE BLOCK ==== */
   @media (max-width: 575px) {
       .image-box {
       width: 96.4% !important;
      }
  }
  
   .image-box.image-box-middle img {
      width: 100%;
      height: 215px;
      object-fit: cover;
  }
  
  /* ==== BLACKLIGHT BOX ==== */
   .blbf-main > div {
      border-width: thick;
      hyphens: none;
  }
  
   .blbf-main > div::before {
      font-family: var(--header-font);
  }
  
   @media (max-width: 767px) {
       .blbf-main > div {
       padding-top: 0;
      }
  }

  Pages using this styling

  • scp-7801 [info]

  ¶ 1 occurrence
  

  .modal {
      padding: 15px 15px 15px 15px;
      box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
      width: auto;
      margin: 1.5rem 0.5rem 0.5rem 0.5rem;
      background: rgb(32 36 44);
      border: solid 0.25rem #f0a400;
  }
  
  .anom-bar-container.clear-6 .top-center-box > div {
      background-color: var(--accentColor);
      background-blend-mode: luminosity;
  }
  
  .anom-bar > .bottom-box::before {
      background-color: rgb(32 36 44);
  }
  
  .custom { width: fit-content !important; border: double 3px #00000000 !important; margin: 0 auto !important; font-weight: bold; }

  Pages using this styling

  • scp-7800 [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Almendra+SC&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=New+Rocker&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Nova+Cut&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Martel&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Finlandica&display=swap');
  :root {
    --header-title: "TACTICAL THEOLOGY";
    --header-subtitle: "INVENIENT NOVUM NUMEN";
  
  --accentColor: hsl(41deg 100% 47%);
  --accentColorLite: hsl(41deg 100% 57%);
  --hue: 30deg;
  
  --header-font: 'Finlandica', serif;
  --body-font: 'verdana', sans-serif;
  --textColor: #fdfdfd;
  --textColorAlt: hsl(44.3, 0%, 100%);
  
  --lgurl: url(https://scp-wiki.wdfiles.com/local--files/scp-6659/DoTT-White.png);
  }
  
  
  body {
      background-color: rgb(255 141 54);
      background-image: linear-gradient(180deg, #4A3933 0%, #4A393385 70%, #4A3933 100%), url(https://scp-wiki.wdfiles.com/local--files/theme%3Aad-abyssum/tacttheo_sidebar_small_compressed.png);
      background-attachment: fixed;
      background-size: cover;
      font-size: 0.81rem;
  }
  
  #header h1 a::before {
  color: transparent;
  background: linear-gradient(45deg, rgb(242, 220, 122) 0%, var(--accentColor) 50%, rgb(242, 220, 122) 100%);
  -webkit-background-clip: text;
  background-clip: text;
  font-family: 'Nova Cut', sans-serif;
  filter: drop-shadow(0px 6px 11px rgba(0,0,0,0.4));
  }
  
  #header h2::before {
  color: transparent;
  background: linear-gradient(45deg, rgb(242, 220, 122) 0%, var(--accentColor) 50%, rgb(242, 220, 122) 100%);
  -webkit-background-clip: text;
  background-clip: text;
  font-family: 'New Rocker', sans-serif;
  filter: drop-shadow(0px 6px 11px rgba(0,0,0,0.4));
  letter-spacing: 5px !important;
  margin-top: 6px;
  }
  
  #main-content h1, #main-content h2, #main-content h3, #main-content h4, #main-content h5, #main-content h6 {
  filter: drop-shadow(0px 6px 11px rgba(0,0,0,0.6));
  }
  
  #header h2 {
    margin-top: 0.8em;
  }
  
  #header {
    height: 155px;
  }
  
  #extra-div-1 {
  filter: opacity(.33) drop-shadow(0px 10px 3px #000);
  }
  
  #search-top-box-input, #search-top-box-input:hover, #search-top-box-input:focus, #search-top-box-form input[type="submit"], #search-top-box-form input[type="submit"]:hover, #search-top-box-form input[type="submit"]:focus {
  font-size: unset;
  }
  
  #lock-info {
  color: unset;
  }
  
  ::selection {
  color: var(--bgColor);
  }
  
  #top-bar {
  top: 156px;
  }
  
  .top-bar::before {
  background: none;
  border-top: double 4px var(--accentColor);
  top: -0.5rem;
  }
  
  .meta-title {
  font-size: 238%;
  margin: 0;
  padding: 0;
  }
  
  .meta-title p {
    border-bottom: none;
  }
  
  #top-bar .open-menu a {
  width: 1.15em;
  height: 1.15em;
  border-radius: 0.25em;
  border: groove 2px var(--accentColor);
  filter: drop-shadow(0px 6px 11px rgba(0,0,0,0.4));
  }
  
  .hovertip .f-content{
  font-size: 0.81rem;
  }
  
  #page-content a.footnoteref {
      border: 0;
      font-size: .7rem;
      font-weight: bold;
  }
  
  @media (min-width: 768px) {
  #page-content {
    font-size: inherit;
  }
  
  /* ---- SIDE-BAR ---- */
   #top-bar .open-menu a{
       background: #4A3933;
       border: thin solid var(--accentColor);
       border-radius: 0;
       box-shadow: none;
  }
   #side-bar .heading{
       color: #4A3933;
       border-bottom-color: var(--textColor);
   
       font: bold 95% "Josefin Sans", sans-serif;
  }
   #side-bar{
       padding: 1em 0;
   
       background: #4A3933;
  }
   #side-bar .side-block{
       background: #4A3933;
       border: 0;
       box-shadow: none;
  }
   #side-bar .side-block.media{
       background: #4A3933;
  }
   #side-bar .side-block.resources{
       background: #4A3933;
  }
  
  #main-content .page-tags a {
      font: bold 0.75rem var(--body-font);
  }
  

  Pages using this styling

  • scp-7800 [info]

  ¶ 1 occurrence
  

  :root {
       --header-title: "SPHERE";
       --header-subtitle: "Philosophical Dare Consult.";

  Pages using this styling

  • scp-7793 [info]

  ¶ 1 occurrence
  

  .document .scp-image-block {
  background-color: rgb(var(--document-background-color)) !important;
  color: rgb(var(--document-primary-color)) !important;
  }
  .document .scp-image-caption {
  background-color: rgb(var(--document-background-color)) !important;
  color: rgb(var(--document-primary-color)) !important;
  }

  Pages using this styling

  • scp-7793 [info]

  ¶ 1 occurrence
  

  .page {
      display: block;
      overflow: hidden;
      font-family: 'Bradley Hand ITC', sans-serif;
      font-style: normal;
      font-size: 18px;
      background-attachment: scroll;
      background-clip: border-box;
      background-color: transparent;
      background-image: linear-gradient(to top ,rgb(202, 219, 228) 0%, rgb(231, 233, 220) 8%);
      background-origin: padding-box;
      background-position: 0px 8px;
      background-repeat: repeat;
      background-size: 100% 27px;
      border: 1px solid #CCC;
      border-radius: 10px;
      padding: 10px 10px;
      margin-bottom: 10px;
      box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2)
  }
  .page p,
  .page ul {
      line-height: 27px;
      margin: 0;
  }

  Pages using this styling

  • scp-7789 [info]

  ¶ 1 occurrence
  

  div#header-extra-div-1 {height: 180px;width: 100%;top: 6px;left: -10px;position: absolute;background: url("http://scp-wiki.wdfiles.com/local--files/theme%3Apaperstack/lgtrans.png");background-size: contain;background-repeat: no-repeat;background-position: 0 50%;z-index: -1;pointer-events: none;}
  @media (max-width: 880px) {div#header-extra-div-1 {height: 184px;top: -3px;left: 0;background-position: 50% 50%;}}
  #side-bar {background-color: #fff;box-shadow: 0px 0px 7px #949494;}
  hr {border: 1px solid #00000000;}
  .page {padding: 1.3em; margin: 1em 1.5em; border: dashed 2px #ccc;}
  body .italic, body .italic *, body em, body em *, body i, body i * {--slnt: 7;}

  Pages using this styling

  • scp-7788 [info]

  ¶ 1 occurrence
  

  @import url('https://scp-wiki.wikidot.com/local--files/scp-7785/poorfish.css');
  @import url('https://scp-wiki.wikidot.com/local--files/scp-7785/toscuchetcm.css');
  
  #page-title {
    display: none;
  }
  
  #page-content .authorlink-wrapper {
    margin-top: 0.2rem;
  }
  
  .authorlink-wrapper > a {
    width:inherit !important;
    text-align:center !important;
    margin:auto;
   border-bottom:none !important;
  }
  
  
  #header h1 {
  font-family: Toscuchet_CMRegular;
  color: #fff;
  }
  
  :root {
  --header-subtitle: "secure, contain, protect";
  --accent: 140, 69, 255;
  --dark-bg-1: #211531;
  --dark-bg-2: #0B0E15;
  --head-font: Toscuchet_CMRegular; 
  --logo-img: url(https://scp-wiki.wikidot.com/local--files/scp-7785/DrawnLogo.png);
  }
  
  .wideman {
    width: 100vw;
  max-width: none;
    position: relative;
    left: calc(-50vw + 50%);
  background: #fff;
  color: black;
  }
  
  .wideman p {
     font-family: 'PoorfishRegular';
     font-weight: normal;
     font-style: normal; 
     font-size: 4em;
  }
  
  .pome p {
    font-family: 'PoorfishRegular';
    font-weight: normal;
    font-style: normal; 
    font-size: 2.5em;
    letter-spacing: -0.03em;
    line-height: 1.4em;
  }
  
  .frametop {
    margin-bottom:-7rem;
    display: block;
  }
  
  .frametop-mobile {
    width: 100vw;
    max-width: none;
    position: relative;
    left: calc(-50vw + 50%);
    margin-bottom:-5rem;
    display: none;
  }
  
  .bottomFrame {
  margin-top:-5rem;
  }
  
  .fullWidthImg {
    width: 100vw;
    max-width: none;
    position: relative;
    left: calc(-50vw + 50%);
  }
  
  .imageDesktop { display:block; }
  .imageMobile { display:none; }
  
  @media only screen and (max-width: 640px) {
  
  .pome p {
    font-size: 2.2em;
    letter-spacing: -0.04em;
  }
  
  
  .imageDesktop { display:none; }
  .imageMobile { display:block; }
  
  /* maybe not */
  /* .frametop {display:none;} */
  
    .pome p {
      font-size: 2em;
    }
  
    .frametop {
      display: none;
    }
  
    .frametop-mobile {
      display: block;
    }
    .bottomFrame {
    width: 100vw;
    max-width: none;
    position: relative;
    left: calc(-50vw + 50%);
    margin-top: -2rem;
    }
  }
  

  Pages using this styling

  • scp-7785 [info]

  ¶ 1 occurrence
  

  #page-content a.collapsible-block-link:not(.licensebox a.collapsible-block-link) {font-weight: 600;}

  Pages using this styling

  • scp-7779 [info]

  ¶ 1 occurrence
  

  :root {--logo-img: url(none)}
  .footnotes-footer{isplay:none;}
  #page-title {display: none;}
  .spinny img {animation: spin 25s cubic-bezier(1,1,1,1) infinite;}
  @keyframes spin {100% { transform: rotate(360deg); }}

  Pages using this styling

  • scp-7779 [info]

  ¶ 1 occurrence
  

  
  a#footnoteref-4 {
          font-size: 0;
  }
  
  a#footnoteref-4::before {
     font-size: 10.2px;
     content: 'footnote';
  }
  

  Pages using this styling

  • scp-7777 [info]

  ¶ 1 occurrence
  

  .email {background: #0b0b0b;color: white; border: solid 2px #000000; width: 88%; padding: 1px 15px; margin: 10px; box-shadow: 0 1px 3px rgba(0,0,0,.5)} 
  .email-example a.collapsible-block-link {font-weight: bold;}
  .tofrom {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px maroon} 

  Pages using this styling

  • scp-7773 [info]

  ¶ 1 occurrence
  

  :root{
      --header-title: "SCP Foundation of Worship";
      --header-subtitle: "The Spirits' Congregation of the Pious";
      --lgurl: url(https://scp-wiki.wikidot.com/local--files/scp-7767/uIR3aYK.webp);
      --titleColor: hsla(0, 100%, 50%, 1);
      --subtitleColor: hsla(0, 100%, 50%, 1);
      --accentColor: hsla(0, 100%, 50%, 1);
      --accentColorLite: hsla(0, 100%, 60%, 0.5);
      --hue: rgba(255, 0, 0);
  }
  .page {
      display: block;
      overflow: hidden;
      font-family: "Monotype Corsiva", "Bradley Hand ITC", sans-serif;
      font-style: normal;
      background-attachment: scroll;
      background-clip: border-box;
      background-color: transparent;
      background-image: linear-gradient(to top ,rgb(202, 219, 228) 0%, rgb(231, 233, 220) 8%);
      background-origin: padding-box;
      background-position: 0px 8px;
      background-repeat: repeat;
      background-size: 100% 20px;
      border: 1px solid #CCC;
      border-radius: 10px;
      padding: 10px 10px;
      margin-bottom: 10px;
      box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2)
  }
  .page p,
  .page ul {
      line-height: 20px;
      margin: 0;
  }

  Pages using this styling

  • scp-7767 [info]

  ¶ 1 occurrence
  

  .authorlink-wrapper {
      margin-top: 0;
      margin-bottom: var(--author-bottom-adjust, -0.35rem);
      margin-right: 0;
  }
  
  #page-content .authorbox {
      color: #ededed;
      background-color: rgb(12, 12, 12);
      border: 3px solid #ff243c;
  }
  .authorbox::before {
      border-color: transparent transparent #ff243c transparent;
  }

  Pages using this styling

  • scp-7766 [info]

  ¶ 1 occurrence
  

  .footnotes-footer {
  display: none;
  }
  
  :root {
      --white-bar: 255, 36, 60;
      --lg-bar: 255, 36, 60;
      --gray-bg: 12, 12, 12;
      --five-color: 255, 36, 60!important;
  }
  
  
  .interface {
      background: rgb(12, 12, 12);
      padding: 6px 6px;
      border-radius: 5px;
      border: 3px solid #ff243c;
  }
  
  .text-container .text {
    border-radius: 0;
    text-align: left;
    display:inline-block;
    padding:8px 12px;
    font-weight:500;
    margin:1.5px 10px;
    max-width: 300px;
  }
  
  .text-container-wrap {
      border: 3px solid #ff243c;
      background-color: rgb(12, 12, 12);
  }
  
  .text-container-wrap h1, .text-container-wrap h2, .text-container-wrap h3, .text-container-wrap h4, .text-container-wrap h5, .text-container-wrap h6 {
      color: #ff243c;
  }
  
  .text-container {
      border: 3px solid #ff243c;
      margin: 0px auto 25px;
      width: 325px;
      display: block;
      padding: 25px 0px 6px;
      background-color: rgb(12 12 12);
      box-shadow: none;
  }
  
  .sent .text {
    border-bottom-right-radius: 3px;
    background-color: rgb(29 29 29);
    color: rgb(226, 226, 226);
    border: 3px solid rgb(52, 52, 52);
  }
  
  .recv .text {
    border-bottom-left-radius: 3px;
    background-color: rgb(52, 52, 52);
    color: rgb(226, 226, 226);
    border: 3px solid rgb(122 122 122);
  }
  
  @media only screen and (max-width: 450px) {
  .text-container {
     width: 300px;
  }
  }
  
  .notation {
      border: solid 3px rgb(255, 36, 60);
      background: rgb(12 12 12);
      padding: 5px 25px 5px 25px;
  }
  
  .notation hr, .jotting hr, .darkdocument hr, .modal hr, .smallmodal hr, div.blockquote hr, .blockquote hr, blockquote hr {
      border-top: solid 2px #ff243c;
  }
  
  .top-right-box > .level {
      font-size: 2.3em;
  }
  
  .anom-bar > .bottom-box::before {
      position: absolute;
      content: " ";
      width: 100%;
      height: 8px;
      background-color: rgb(255, 36, 60);
      transform: translateY(-0.74rem);
  }
  
  .danger-diamond > .arrows {
      background-color: #07d6ff;
  }
  
  .modal {
      margin-top: 0.75rem;
      border: 3px solid rgb(12, 12, 12);
  }
  
  .smallmodal {
      border: solid 2px rgb(12 12 12);
      margin-top: 0.75rem;
  }
  
  .w3-grey, .w3-hover-grey:hover, .w3-gray, .w3-hover-gray:hover {
      color: #000;
      background-color: rgb(255, 36, 60);
  }
  
  .w3-border {
      border: 3px solid rgb(255, 36, 60);
      background-color: rgb(12 12 12);
  }
  
  #extra-div-1::before {
      font-size: 22.45px;
  }
   
  #extra-div-2::before {
      font-size: 1.20em;
  
  }

  Pages using this styling

  • scp-7766 [info]

  ¶ 1 occurrence
  

  
  div.text {
       background-color: #FFFFFF;
       border: solid 1px #C1C1C1;
      width: 95%;
      margin: auto;
      padding: 1px 15px;
      box-shadow: 0 -1px 3px rgba(10,0,55,.2);
  }
  
  div.pop {
      border: solid 1px #C1C1C1;
      background-color: #828282;
      width: 95%;
      margin: auto;
      padding: 1px 15px;
      box-shadow: 0 -1px 3px rgba(10,0,55,.2);
  }
  div.pop + text {
      border: solid 1px #C1C1C1;
      background-color: #FFFFFF;
      width: 95%;
      padding: 1px 15px;
      margin: auto;
      box-shadow: 0 1px 3px rgba(10,0,55,.4);
      margin-bottom: 1em;
      text-align: justify;
  }
  
  div.wind {
      border: solid 1px #C1C1C1;
      background-color: #010080;
      color: #FFFFFF;
      width: 95%;
      margin: auto;
      padding: 1px 15px;
      box-shadow: 0 -1px 3px rgba(10,0,55,.2);
  }
  div.wind + text {
      border: solid 1px #C1C1C1;
      width: 95%;
      padding: 1px 15px;
      margin: auto;
      box-shadow: 0 1px 3px rgba(10,0,55,.4);
      margin-bottom: 1em;
      text-align: justify;
  }
  
  div.content {
  border: solid 1px #919191;
  background-color: #C1C1C1;
  width: 95%;
  padding: 1px 15px;
  margin: auto;
  box-shadow: 0 1px 3px rgba(10,0,55,.4);
  margin-bottom: 1em;
   text-align: justify;
  }
  
  div.librar {
      border: solid 1px #919191;
      background-color: #FFFFFF;
      width: 95%;
      padding: 1px 15px;
      margin: auto;
      box-shadow: 0 1px 3px rgba(10,0,55,.4);
      margin-bottom: 1em;
      text-align: justify;
  
  }
  
  div.web {
      border: solid 1px #5174AA;
      background-color: #062BC4;
      width: 95%;
      padding: 1px 15px;
      margin: auto;
      box-shadow: 0 1px 3px rgba(10,0,55,.4);
      margin-bottom: 1em;
      text-align: justify;
  
  }
  
  div.infobar {
  border: solid 1px #5174AA;
  background-color: #C1C1C1;
  width: 95%;
  padding: 1px 15px;
  margin: auto;
  box-shadow: 0 1px 3px rgba(10,0,55,.4);
  margin-bottom: 1em;
   text-align: justify;
  }
  
  div.web + infobar {
      border: solid 1px #C1C1C1;
      width: 95%;
      padding: 1px 15px;
      margin: auto;
      box-shadow: 0 1px 3px rgba(10,0,55,.4);
      margin-bottom: 1em;
      text-align: justify;
  }
  
  span.adress {
  background-color: #FFFFFF;
  }
  
  div.pager {
      border: solid 1px #A49F94;
      background-color: #5A4848;
      width: 95%;
      margin: auto;
      padding: 1px 15px;
      box-shadow: 0 -1px 3px rgba(10,0,55,.2);
  }
  
  div.blackbox {
      border: solid 1px #5A4848;
      background-color: #18100E;
      width: 95%;
      margin: auto;
      padding: 10px;
      box-shadow: 0 -1px 3px rgba(10,0,55,.2);
  }
  
  div.pagerwindow {
      border: solid 1px #A49F94;
      background-color: #B7BCC2;
      width: 95%;
      margin: auto;
      padding: 5px;
      box-shadow: 0 -1px 3px rgba(10,0,55,.2);
  }
  
  div.ipod {
      border: solid 1px #C9C9CB;
      background-color: #F3F3F3;
      width: 70%;
      margin: auto;
      padding: 5px;
      box-shadow: 0 -1px 3px rgba(10,0,55,.2);
  }
  
  div.ipodwindow {
      border: solid 1px #3F434E;
      background-color: #B7C6E3;
      text-align: center;
      width: 40%;
      margin: auto;
      padding: 5px;
      box-shadow: 0 -1px 3px rgba(10,0,55,.2);
  }
  
  span.ipodselect {
  color: #B7C6E3;
  background-color: #354079;
  }
  
  div.envelope {
  background-color: #D5241E;
  width: 120%;
  margin: auto;
      padding: 5px;
      box-shadow: 0 -1px 3px rgba(10,0,55,.2);
  }
  div.barcode {
      border: solid 1px #C1C1C1;
      background-color: #DADEE1;
      text-align: center;
      width: 50%;
      margin: auto;
      padding: 5px;
      box-shadow: 0 -1px 3px rgba(10,0,55,.2);
  
  }
  
  div.envelope + barcode {
      border: solid 1px #C1C1C1;
      width: 50%;
      margin: auto;
      margin-bottom: 1em;
      text-align: justify;
  }
  
  div.tv {
      border: solid 1px #404040;
      background-color: #AD332D;
      text-align: center;
      width: 90%;
      margin: auto;
      padding: 5px;
      box-shadow: 0 -1px 3px rgba(10,0,55,.2);
  
  }
  
  div.buttons {
      border: solid 1px #C1B9B0;
      background-color: #030106;
      text-align: center;
      width: 60%;
      margin: auto;
      padding: 5px;
      box-shadow: 0 -1px 3px rgba(10,0,55,.2);
  
  }
  
  div.tvscreen {
      border: solid 1px #B6BFC6;
      background-color: #6B7E78;
      text-align: center;
      width: 40%;
      margin: auto;
      padding: 5px;
      box-shadow: 0 -1px 3px rgba(10,0,55,.2);
  
  }
  
  div.cassette {
      border: solid 1px #13171A;
      background-color: #0D0D0D;
      text-align: center;
      width: 70%;
      margin: auto;
      padding: 5px;
      box-shadow: 0 -1px 3px rgba(10,0,55,.2);
  
  }
  
  div.tapea {
      border: solid 1px #C1B9B0;
      background-color: #BCBBB6;
      text-align: center;
      width: 60%;
      margin: auto;
      padding: 5px;
      box-shadow: 0 -1px 3px rgba(10,0,55,.2);
  
  }
  
  div.tapetdk {
      background-color: #BCBBB6;
  border-top: 0.125rem solid #AEAAAB;
      border-bottom: 0.0625rem solid #AEAAAB;
      text-align: center;
      width: 60%;
      margin: auto;
      box-shadow: 0 -1px 3px rgba(10,0,55,.2);
  
  }
  div.VHS {
      border: solid 1px #1D1D1D;
      background-color: #4A4A4C;
      text-align: center;
      width: 70%;
      margin: auto;
      padding: 5px;
      box-shadow: 0 -1px 3px rgba(10,0,55,.2);
  
  }
  
  div.VHSTDK {
      background-color: #CFD0CB;
  border-top: 1rem solid #317EAA;
      border-bottom: 1rem solid #317EAA;
      text-align: center;
      width: 60%;
      margin: auto;
      box-shadow: 0 -1px 3px rgba(10,0,55,.2);
  
  }
  
  

  Pages using this styling

  • scp-7761 [info]

  ¶ 1 occurrence
  

  
  ::-webkit-scrollbar-thumb {
    background-color: #afafaf;
  }
  
  body {
      background-color: #060606 !important;
      font-size: 0.90em;
      color: #baa6a6;
  }
  
  #header h1 a {
      content: "SCP Foundation";
      text-shadow: 1px 1px 2px white, 0 0 1em red, 0 0 0.2em white;
      color: #000;
  }
  
  #header h1 a::before {
      content: "SCP Foundation";
  }
  
  #header h2::before {
      content: "Secure, Contain, Protect";
  }
  
  #header h1 a::before{
       text-shadow: 4px 4px 4px hsla(0, 0%, 0%, .8);
  }
   #header h2::before{
       text-shadow: 3px 3px 3px hsla(0, 0%, 0%, .9);
  }
  
   #header h1 a::before{
       font-family: BauhausLTDemi, 'Nanum Gothic', Arial, sans-serif;
  }
   #header h2::before{
       font-family: 'Trebuchet MS', Arial, sans-serif;
  }
  
   #header::before{
       background-size: auto 8.8em;
       margin-top: 0.5em;
       opacity: .46;
  }
  
  #header h2 {
      margin-left: 0;
      text-align: center;
      padding: 0;
      clear: center;
      float: none;
      font-size: 105%;
      max-height: 38px;
  }
  #header h2 span {
      display: block;
      margin: 0;
      line-height: 0px;
      max-height: 0px;
      font-weight: bold;
      color: transparent;
      text-shadow: none;
  }
  
  #header h2 span::before {
      content: " ";
      display: block;
      margin: 0;
      padding: 0px 0;
      line-height: 0px;
      max-height: 0px;
      font-weight: bold;
      color: #fff;
      text-shadow: 1px 1px 1px #000;
      text-shadow: 1px 1px 1px rgba(0,0,0,.8);
  }
  
    .page-rate-widget-box {
    background-color: #200303;
    border: 2px solid #E24E5D;
    color: #ededed;
    padding: .1em;
  }
  
  div.page-rate-widget-box .rate-points,
  .page-rate-widget-box .rateup,
  .page-rate-widget-box .ratedown,
  .page-rate-widget-box .rateup a,
  .page-rate-widget-box .ratedown a,
  .page-rate-widget-box .cancel a {
    background-color: transparent;   /*  clears sigma-9 colors  */
    border: 0;   /*  clears sigma-9 borders  */
    color: #ededed;
    text-transform: capitalize;
  }
  .page-rate-widget-box .rateup,
  .page-rate-widget-box .ratedown {
    border-left: 2px solid #E24E5D;
  }
  .page-rate-widget-box .rateup a,
  .page-rate-widget-box .ratedown a {
    color: #ededed;
  }
  .page-rate-widget-box .rateup a:hover,
  .page-rate-widget-box .ratedown a:hover {
    color: #E0869D;
  }
  .page-rate-widget-box .cancel {
    background-color: transparent;
    border: 0;
    border-left: 2px solid #E24E5D;
  }
  .page-rate-widget-box .cancel a,
  .page-rate-widget-box .cancel a:hover {
    border-radius: 0 5px 5px 0;
    color: #ededed;
  }
  .page-rate-widget-box .cancel a:hover {
    color: #E0869D;
  }
  
  .scp-image-block {
    border-color: #060606;
  }
  
  .scp-image-block .scp-image-caption {
    background-color: #404040;
  }
  
  div.customblock{
  color: #EDEDED; float: center; border: solid 2px #E24E5D; background:#21070A; font-family: Courier New, Courier; font-weight: bold; font-size: 101%; width: auto; padding: 10px 25px; margin: 15px auto
  }
  
  .dialogue {
    margin: 20px 0;
    padding-left: 4%;
    border-left: 3px solid #E24E5D;
    padding-right: 4%;
  }
  
  .logtitle {
    font-size: 140%;
    text-align: center;
    color: #E1B3B3;
    font-weight: 900;
  }
  
  /* For licence box */
  blockquote{border-color:#e24e5d;background:#21070a}

  Pages using this styling

  • scp-7759 [info]

  ¶ 1 occurrence
  

  .textdivsurreality {
      border-left: solid 4px rgb(85, 83, 82);
      border-right: solid 4px rgb(85, 83, 82);
      border-top: solid 4px rgb(85, 83, 82);
      border-bottom: solid 4px rgb(85, 83, 82);
      padding: 25px 25px 25px 25px;
      box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
      margin: auto;
      background: #E8FCFC;
  }
  .textdivfoundation {
      border-left: solid 4px rgb(85, 83, 82);
      border-right: solid 4px rgb(85, 83, 82);
      border-top: solid 4px rgb(85, 83, 82);
      border-bottom: solid 4px rgb(85, 83, 82);
      padding: 25px 25px 25px 25px;
      box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
      margin: auto;
      background: #f7f7f7;
  }

  Pages using this styling

  • scp-7757 [info]

  ¶ 1 occurrence
  

  :root {
  
      /*----------------------*/
      /*---- BEDROCK VARS ----*/
      /*----------------------*/
  
      --header-logo: var(--logo);
      --logo: url('https://scp-wiki.wdfiles.com/local--files/scp-6445/Surrealistics%20Logo.png');
  
      --header-title: var(--title);
      --header-subtitle: var(--subtitle);
      --title: "SITE-⌘";
      --subtitle: "Department of Surrealistics";
  
      --main-content-width: 60rem;
      --main-content-top-margin: 1.5rem;
      --base-font-size: .875rem;
      --bottom-area-padding: calc(var(--true-font-size)*2);
      --side-bar-width: 17rem;
      --basalt-page-content-font-weight: 440;
  
      --header-font-primary: var(--UI-font-primary);
      --UI-font-primary: 'Sofia Sans';
  
      --basalt-overtone: 10, 10, 11;
      --basalt-undertone: var(--basalt-bright-element-color);
      --basalt-UI-dark-palette: 50, 50, 51;
      --basalt-bright-element-color: 150, 24, 43;
      --basalt-dark-element-color: 105, 17, 30;
      --basalt-alternate-color: 221, 119, 17;
      --basalt-primary-color: 252, 252, 252;
      --basalt-secondary-color: 245,245,245;
      --basalt-tertiary-color: 229, 229, 238;
      --basalt-main-text-color: 35, 35, 38;
  
      --title-border-color: var(--basalt-overtone);
      --license-area-divider-color: var(--basalt-overtone);
      --footer-divider-color: var(--basalt-overtone);
      --search-icon-color: var(--basalt-overtone);
      --hr-color: var(--general-border-color);
      --general-border-color: 220, 220, 220;
      --rate-module-cancel-color: var(--basalt-alternate-color);
      --scrollbar-thumb-color: var(--basalt-dark-element-color);
      --modal-fader-background-color: 0, 0, 0;
  
      --side-bar-heading-background-color: 0, 0, 2, 0.07;
      --side-bar-media-background-color: none; /* Disabled by default */
      --side-bar-resources-background-color: none; /* Disabled by default */
      --side-bar-button-background-hover: none; /* Disabled by default */
      --side-bar-heading-text-color-hover: 255, 255, 255, 0.4;
      --side-bar-button-color-hover: var(--side-bar-button-color);
  
      /*---------------------*/
      /*---- BASALT VARS ----*/
      /*---------------------*/
  
      --basalt-UI-background-color: var(--basalt-secondary-color);
      --header-background-color: var(--basalt-UI-background-color);
      --side-bar-background-color: var(--basalt-UI-background-color);
      --bottom-area-background-color: var(--basalt-UI-background-color);
      --edit-area-ancillary-background-color: var(--basalt-UI-background-color);
      --edit-area-toolbar-background-color: var(--basalt-UI-background-color);
      --button-background-color: var(--basalt-UI-background-color);
  
      --basalt-UI-text-color: var(--basalt-main-text-color);
      --header-title-color: var(--basalt-UI-text-color);
      --header-subtitle-color: var(--basalt-UI-text-color);
      --top-bar-link-color: var(--basalt-UI-text-color);
      --search-icon-color: var(--basalt-UI-text-color);
      --side-bar-heading-text-color: var(--basalt-UI-text-color);
      --side-bar-link-color: var(--basalt-UI-text-color);
      --bottom-area-text-color: var(--basalt-UI-text-color);
      --edit-area-ancillary-text-color: var(--basalt-UI-text-color);
      --edit-area-toolbar-icon-color: var(--basalt-UI-text-color);
      --button-text-color: var(--basalt-UI-text-color);
      --basalt-sub-text-color: var(--basalt-UI-text-color);
  
      --ACS-font: var(--header-font);
      --basalt-th-background-color: var(--basalt-UI-dark-palette);
      --basalt-th-text-color: var(--basalt-light-text-color);
      --image-caption-text-color: var(--basalt-main-text-color);
      --authorbox-background-color: var(--basalt-primary-color);
      --floatbox-background-color: 240, 240, 244;
      --document-background-color: 253, 253, 253;
      --darkdocument-background-color: 30, 30, 35;
  
      --header-drop-shadow-opacity: 0.1;
      --window-border-radius: 8px;
  
  /*------------------------*/
  /*---- BASALT CLASSES ----*/
  /*------------------------*/
  
  :is(div.blockquote, blockquote) {
      color: rgb(var(--basalt-main-text-color));
      overflow: auto;
  }
  
  :is(div.blockquote, blockquote):has(div.floatbox) {
      overflow: unset;
  }
  
  #page-content div.notation {
      max-width: 45rem;
  }
  
  div.notation {
      display: block;
      margin-inline: auto;
      margin-block: 1.4rem;
      padding-inline: 1.1rem;
      padding-block: 0.9rem;
      background-color: rgb(var(--basalt-secondary-color));
      border-left: solid 0.25rem rgb(var(--general-border-color));
      border-right: solid 0.25rem rgb(var(--general-border-color));
      color: rgb(var(--basalt-main-text-color));
  }
  
  #page-content div.modal {
      max-width: 57rem;
  }
  
  div.modal {
      display: block;
      margin-inline: auto;
      margin-block: 1.4rem;
      padding-inline: 1.5rem;
      padding-block: 0.5rem;
      background-color: rgb(var(--basalt-primary-color));
      border: solid 0.2rem rgb(var(--general-border-color));
      color: rgb(var(--basalt-main-text-color));
  }
  
  #page-content div.smallmodal {
      max-width: 47rem;
  }
  
  div.smallmodal {
      display: block;
      margin-inline: auto;
      margin-block: 1.4rem;
      padding-inline: 1rem;
      padding-block: 0.2rem;
      background-color: rgb(var(--basalt-primary-color));
      border: solid 0.15rem rgb(var(--general-border-color));
      color: rgb(var(--basalt-main-text-color));
  }
  
  #page-content div:is(.jotting, .transcript) {
      max-width: 42rem;
  }
  
  div:is(.jotting, .transcript) {
      display: block;
      margin-inline: auto;
      margin-block: 1.4rem;
      padding-inline: 1.5rem;
      padding-block: 0.2rem;
      background-color: rgb(var(--basalt-secondary-color));
      border: dashed 0.15rem rgb(var(--general-border-color));
      color: rgb(var(--basalt-main-text-color));
  }
  
  #page-content div.papernote {
      max-width: 30rem;
  }
  
  div.papernote {
      display: block;
      margin-inline: auto;
      margin-block: 1.4rem;
      padding: 1rem 2rem;
      background-color: rgb(var(--basalt-tertiary-color));
      color: rgb(var(--basalt-main-text-color));
  }
  
  #page-content div:is(.document, .darkdocument) {
      max-width: 45rem;
  }
  
  div:is(.document, .darkdocument) {
      display: block;
      margin-inline: auto;
      margin-block: 1.5em;
      padding: 1.5rem;
      position: relative;
      --posX: -20vw;
  }
  
  div.document {
      background-color: rgb(var(--document-background-color));
      box-shadow: 0px 1px 1.9px -4px rgba(0, 0, 0, 0.1), 0px 6px 15px -4px rgba(0, 0, 0, 0.2);
      color: rgb(50, 50, 53);
  }
  
  div.darkdocument {
      background-color: rgb(var(--darkdocument-background-color));
      box-shadow: 0px 1px 1.9px -4px rgba(0, 0, 10, 0.8), 0px 6px 15px -4px rgba(0, 0, 7, 0.9);
      color: rgb(195, 195, 200);
  }
  
  div:is(.document, .darkdocument)::before,
  div:is(.document, .darkdocument)::after {
      content: "";
      height: 98%;
      position: absolute;
      width: 98%;
      z-index: -1;
  }
  
  div:is(.document, .darkdocument)::before {
      left: -5px;
      top: 4px;
      transform: rotate(-2.5deg);
  }
  
  div:is(.document, .darkdocument)::after {
      right: -3px;
      top: 1px;
      transform: rotate(1.4deg);
  }
  
  div:is(.document)::before,
  div:is(.document)::after {
      background-color: rgb(var(--document-background-color));
  }
  
  div:is(.darkdocument)::before,
  div:is(.darkdocument)::after {
      background-color: rgb(var(--darkdocument-background-color));
      opacity: 90%;
  }
  
  div.document::before {
      box-shadow: 0px 1px 1.9px -4px rgba(0, 0, 0, 0.1), 0px 6px 15px -4px rgba(0, 0, 0, 0.1);
  }
  
  div.document::after {
      box-shadow: 0px 1px 1.9px -4px rgba(0, 0, 0, 0.1), 0px 6px 15px -4px rgba(0, 0, 0, 0.05);
  }
  
  div.darkdocument::before {
      box-shadow: 0px 1px 1.9px -4px rgba(0, 0, 10, 0.8), 0px 6px 15px -4px rgba(0, 0, 7, 0.9);
  }
  
  div.darkdocument::after {
      box-shadow: 0px 1px 1.9px -4px rgba(0, 0, 10, 0.8), 0px 6px 15px -4px rgba(0, 0, 7, 0.05);
  }
  
  @media only screen and (max-width: 1020px) {
  
      div:is(.document, .darkdocument)::before,
      div:is(.document, .darkdocument)::after {
       display: none;
      }
  }
  
  div[class$="_memo"] {
      background: var(--memo-logo) rgba(var(--memo-color), 1);
      background-size: contain;
      background-position: top center;
      background-repeat: no-repeat;
      min-height: 4rem;
      margin-inline: auto;
      margin-block: 2rem;
      padding-inline: 20px;
      padding-block: 10px;
      border: solid 2px rgba(0, 0, 0, 0.1);
      text-align: center;
  }
  
  div[class$="_memo"]::before {
      content: var(--memo-heading);
      font-family: var(--UI-font);
      font-weight: 900;
      font-size: 1.3em;
      text-align: center;
      margin: 0 auto 1rem auto;
      display: flex;
      flex-direction: column;
      padding-top: 0.5em;
  }
  
  div.raisa_memo {
      --memo-heading: "NOTICE FROM THE RECORDS AND INFORMATION SECURITY ADMINISTRATION";
      --memo-logo: url(https://scp-wiki.wikidot.com/local--files/theme:basalt/RAISA_LIGHTLOGO.png);
      --memo-color: 242, 242, 192;
  }
  
  div.classification_memo {
      --memo-heading: "CLASSIFICATION COMMITTEE MEMORANDUM";
      --memo-logo: url(https://scp-wiki.wikidot.com/local--files/theme:basalt/CLASSIFICATION_LIGHTLOGO.png);
      --memo-color: 237, 245, 243;
  }
  
  div.ettra_memo {
      --memo-heading: "NOTICE FROM THE EMERGENT THREAT TACTICAL RESPONSE AUTHORITY";
      --memo-logo: url(https://scp-wiki.wikidot.com/local--files/theme:basalt/ETTRA_LIGHTLOGO.png);
      --memo-color: 245, 215, 215;
  }
  
  div.surrealconprocs_memo {
      --memo-heading: "________________________________________________________________________________________________";
      --memo-logo: url(https://scp-wiki.wdfiles.com/local--files/taboo/Museo.cs);
      --memo-color: 232, 252, 252;
  }
  
  div.surrealdescription_memo {
      --memo-heading: "________________________________________________________________________________________________";
      --memo-logo: url(https://scp-wiki.wdfiles.com/local--files/taboo/Museo.cs);
      --memo-color: 232, 252, 252;
  }
  
  div.realconprocs_memo {
      --memo-heading: "________________________________________________________________________________________________";
      --memo-logo: url(https://lounge.hexick.com/uploads/0a423dea78e5984d/image.png style="width: 150px);
      --memo-color: 209, 199, 201;
  }
  
  div.realdescription_memo {
      --memo-heading: "________________________________________________________________________________________________";
      --memo-logo: url(https://lounge.hexick.com/uploads/0a423dea78e5984d/image.png style="width: 150px);
      --memo-color: 209, 199, 201;
  }
  
  div.ethics_memo {
      --memo-heading: "ETHICS COMMITTEE MEMORANDUM";
      --memo-logo: url(https://scp-wiki.wikidot.com/local--files/theme:basalt/ETHICS_LIGHTLOGO.png);
      --memo-color: 255, 219, 196;
  }
  
  div.temporal_memo {
      --memo-heading: "NOTICE FROM THE DEPARTMENT OF TEMPORAL ANOMALIES";
      --memo-logo: url(https://scp-wiki.wikidot.com/local--files/theme:basalt/DELTA_T_LIGHTLOGO.png);
      --memo-color: 255, 255, 255;
  }
  
  div.overwatch_memo {
      --memo-heading: "BY ORDER OF THE OVERSEER COUNCIL";
      --memo-logo: url(https://scp-wiki.wikidot.com/local--files/theme:basalt/O5_LIGHTLOGO.png);
      --memo-color: 227, 227, 227;
  }
  
  div.miscomm_memo {
      --memo-heading: "NOTICE FROM THE DEPARTMENT OF MISCOMMUNICATIONS";
      --memo-logo: url(https://scp-wiki.wikidot.com/local--files/theme:basalt/MISCOMM_LIGHTLOGO.png);
      --memo-color: 238, 237, 250;
  }
  
  div.tribunal_memo {
      --memo-heading: "VERDICT FROM THE INTERNAL TRIBUNAL DEPARTMENT";
      --memo-logo: url(https://i.imgur.com/qavdzCV.png);
      --memo-color: 206, 237, 214;
  }
  
  div.external_memo {
      --memo-heading: "MEMORANDUM FROM THE EXTERNAL RELATIONS BOARD";
      --memo-logo: url(https://i.imgur.com/Vr7NkgK.png);
      --memo-color: 228, 211, 240;
  }
  
  div.administrator_memo {
      --memo-heading: "FROM THE OFFICE OF THE ADMINISTRATOR";
      --memo-logo: url(https://i.imgur.com/LMiY83P.png);
      --memo-color: 148, 148, 148;
  }
  
  .table1 {
      --basalt-th-background-color: var(--one-color);
  }
  
  .table2 {
      --basalt-th-background-color: var(--two-color);
  }
  
  .table3 {
      --basalt-th-background-color: var(--three-color);
      --basalt-th-text-color: var(--basalt-main-text-color);
  }
  
  .table4 {
      --basalt-th-background-color: var(--four-color);
  }
  
  .table5 {
      --basalt-th-background-color: var(--five-color);
  }
  
  .table6 {
      --basalt-th-background-color: var(--six-color);
  }
  
  div:is(.table1, .table2, .table3, .table4, .table5, .table6) .scp-image-block {
      border-bottom-color: rgba(var(--basalt-th-background-color), 0.75);
  }
  
  div.tableb :is(#page-content table:not(.form), table.wiki-content-table) {
      border-collapse: separate;
      border-spacing: 4px;
  }
  
  span:is(.bigtext, .bt) {
      font-family: var(--header-font);
      font-weight: bold;
  }
  
  span:is(.specialtext, .st) {
      font-family: var(--UI-font);
      font-weight: bold;
  }
  
  :is(.table1, .table2, .table3, .table4, .table5, .table6) span:is(.st, .specialtext) {
      color: rgb(var(--basalt-th-background-color));
  }
  
  #page-content div.floatbox {
      background-color: rgb(var(--floatbox-background-color));
      float: left;
      max-width: calc(var(--main-content-width)/2.25);
      box-sizing: border-box;
      margin: 0.25rem 1.25rem;
      margin-left: clamp(calc(var(--main-content-width)/-4.5), calc((87.5vw - 95%)/-2), 0rem);
      padding-inline: 1.2rem;
      padding-block: 0.5rem;
      font-size: 0.9125em;
      border-radius: 7px;
      border: solid 0.12rem rgba(var(--general-border-color), 0.4);
  }
  
  #page-content div.floatbox.right {
      float: right;
      margin-left: 1.25rem;
      margin-right: clamp(calc(var(--main-content-width)/-4.5), calc((87.5vw - 95%)/-2), 0rem);
  }
  
  @media only screen and (max-width: 640px) {
      #page-content div:is(.floatbox, .floatbox.right) {
       float: none;
       margin: 0.5rem auto;
       width: 100%;
      }
  }
  
  :is(.table-no-border, .authorbox) td {
      border-color: transparent !important;
  }

  Pages using this styling

  • scp-7757 [info]

  ¶ 1 occurrence
  

  /*
      BLANKSTYLE CSS
      [2021 Wikidot Theme]
      By Placeholder McD and HarryBlank
      Based on:
         Paperstack Theme by EstrellaYoshte
         Penumbra Theme by EstrellaYoshte
  */
   
  @import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,800;1,800&display=swap');
   
  #page-content { font-size: .9rem; }
   
  #main-content {
      top: -1.6rem;
      padding: 0.2em;
  }
   
  div#container-wrap {
       background-image: none;
  }
   
  div#header {
      background-image: none;
  }
   
  #header h1, #header h2 { margin-left: 0; float: none; text-align: center; }
  #header h2 { margin-top: 0.5rem; }
  #header h1 span, #header h2 span { font-size: 0; display: none;}
  #header h1 a::before, #header h2::before {
      color: #000;
      letter-spacing: 1px;
      font-family: 'Montserrat', sans-serif !important;
      text-shadow: none;
  }
   
  #header h1 a::before {
    content: var(--header-title, "SCP Foundation");
    font-weight: 400;
    font-size: 1.3em;
  }
   
  #header h2::before {
    content: var(--header-subtitle, "SECURE, CONTAIN, PROTECT.");
    font-weight: 700;
    font-size: 1.2em;
  }
   
  @media (max-width: 707px) {
      #header h1 a::before {
          font-size: 1.6em;
      }
  }
   
  #login-status,
  #login-status a {
      color: #333333;
  }
   
  #page-title {
      display: none;
  }
   
  #footer, #footer a {
      background: transparent;
      color: #333333;
  }
   
  #search-top-box-input,
  #search-top-box-input:hover,
  #search-top-box-input:focus,
  #search-top-box-form input[type=submit],
  #search-top-box-form input[type=submit]:hover,
  #search-top-box-form input[type=submit]:focus {
      border: none;
      background: #333333;
      box-shadow: none;
      border-radius: 0px;
      color: #efefef;
  }
   
  #search-top-box input.empty {
      color: #999999;
  }
   
  #search-top-box {
      top: 2.3rem!important;
      right: 8px;
  }
   
  #top-bar {
     display: flex;
     justify-content: center;
     right: 0;
     top: 7.9rem;
  }
   
  #top-bar, #top-bar a {
      color: #333333;
  }
   
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
      font-family: 'Montserrat', sans-serif;
      color: #000;
      letter-spacing: 1px;
  }
   
  h1 {
      font-size: 2em;
  }
   
  h2 {
      font-size: 1.45em;
  }
   
  div#extra-div-1 {
      height: 180px;
      width: 100%;
      top: 0;
      position: absolute;
      background: url('https://scp-wiki.wdfiles.com/local--files/scp-6445/Surrealistics-Logo.png');
      background-size: contain;
      background-repeat: no-repeat;
      background-position: 50% 50%;
      z-index: -1;
  }
   
  @media (max-width: 707px) {
      div#extra-div-1 {
          top: 15px;
      }
  }
   
  body {
      background-image: linear-gradient(
          to bottom,
          #e0e0e0, #e0e0e0 90px,
          #e0e0e0 90px, #ffffff 200px,
          #ffffff 200px, #ffffff 100%);
      background-repeat: no-repeat;
  }
   
  :root {
    --timeScale: 1.5;
    --timeDelay: 1.5s;
    --posX: calc(50% - 358px - 13rem);
    --fnLinger: 1s;
  }
   
  #page-content hr {
      background-color: #000;
  }
   
  #page-content tr th {
      padding: 6px;
      border: #000 1px solid;
  }
   
  #page-content tr td {
      padding: 12px;
      border: #000 1px solid;
      line-height: 1.4;
  }
   
  #page-content .sidebox tr td,
  #page-content .sidebox tr th {
      padding: 0.35em;
  }
   
  #side-bar {
      border-right: 1px solid #333;
      background: #DDD;
  }
   
  #side-bar .side-block {
      border: 1px solid #333;
      border-radius: 0;
      box-shadow: none;
  }
   
  #top-bar div.open-menu a {
      border: 1px solid #333;
      border-radius: 0;
      box-shadow: none;
  }
   
  @media (max-width: 767px) {
      #side-bar:target {
          border: 1px black;
          box-shadow: none;
      }
  }
   
  #side-bar .side-block {
      border: 1px solid #333;
      border-radius: 0;
      box-shadow: none;
      background-color: #FDF6D7;
  }
  #side-bar .side-block.media {
      background-color:#D7EFE7;
  }
  #side-bar .side-block.resources {
      background-color:#F5D8E0;
  }
   
  #page-content .creditRate{
      margin: unset;
      margin-bottom: 4px;
  }
  #page-content .rate-box-with-credit-button {
      background-color: #ffffff;
      border: solid 1px #000;
      box-shadow: none;
      border-radius: 0;
  }
   
  #page-content .rate-box-with-credit-button .fa-info {
      border: none;
      color: #333333;
  }
   
  #page-content .rate-box-with-credit-button .fa-info:hover {
      background: #333333;
      color: #ffffff;
  }
   
  .rate-box-with-credit-button .cancel {
      border: solid 1px #ffffff;
  }
   
  /* ---- PAGE RATING ---- */
   
  .page-rate-widget-box {
      box-shadow: none;
      border: solid 1px #000;
      margin: unset;
      margin-bottom: 4px;
      border-radius: 0;
  }
   
  div.page-rate-widget-box .rate-points {
      background-color: #ffffff;
      color: #333333;
      border: none;
      border-radius: 0;
  }
  .page-rate-widget-box .rateup,
  .page-rate-widget-box .ratedown {
      background-color: #ffffff;
      border-top: none;
      border-bottom: none;
  }
   
  .page-rate-widget-box .rateup a,
  .page-rate-widget-box .ratedown a {
      background: transparent;
      color: #333333;
  }
   
  .page-rate-widget-box .rateup a:hover,
  .page-rate-widget-box .ratedown a:hover {
      background: #333333;
      color: #ffffff;
  }
   
  .page-rate-widget-box .cancel {
      background: transparent;
      background-color: #ffffff;
      border: none;
      border-radius: 0;
  }
   
  .page-rate-widget-box .cancel a {
      color: #333333;
  }
  .page-rate-widget-box .cancel a:hover {
      background: #333333;
      color: #ffffff;
      border-radius: 0;
  }
  #page-content .rate-box-with-credit-button .page-rate-widget-box { border: none; }
   
  .anchor {
      position: sticky;
      height:0;
      top: 0;
  }
  .sidebox {
      padding: .14rem;
      margin-top: 0;
      margin-bottom: 8px;
      width: calc((100vw - 870px)/2);
      max-height: calc(100vh - 18rem);
      position: absolute;
      top: 0;
      left: 103.5%;
      z-index: 5;
      overflow: auto;
      box-sizing: border-box;
  }
  @media (max-width: 1290px) {
      .sidebox {
          display: none;
          visibility: hidden;
      }
   
      #header h2::before {
          font-size: 0.9em !important;
      }
  }
   
  .scp-image-block {
      box-shadow: none;
  }
   
  /* ---- 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 ----*/
   
   .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: #333333;
       box-shadow: none;
  }
   .yui-navset .yui-nav a, /* ---- Link Modifier ---- */
   .yui-navset .yui-navset-top .yui-nav a{
       color: #333333;
      /* ---- Tab Background Colour | [UNSELECTED] ---- */
       background-color: #efefef;
       border: unset;
       box-shadow: none;
       box-shadow: none;
  }
   .yui-navset .yui-nav a:hover,
   .yui-navset .yui-nav a:focus{
       color: #ffffff;
      /* ---- Tab Background Colour | [HOVER] ---- */
       background-color: #333333;
  }
   .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;
       color: #ffffff;
       background-color: #ffffff;
       border-color: transparent;
       box-shadow: none;
  }
   .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: #333333;
  }
   .yui-navset .yui-nav .selected a,
   .yui-navset .yui-nav .selected a em{
       border: none;
  }
   .yui-navset .yui-nav .selected a{
       width: 100%;
       color: #ffffff;
  }
   .yui-navset .yui-nav .selected a:focus,
   .yui-navset .yui-nav .selected a:active{
       color: #ffffff;
       background-color: #333333;
  }
   .yui-navset .yui-content {
      background-color: #ffffff;
      box-shadow: none;
  }
   .yui-navset .yui-content,
   .yui-navset .yui-navset-top .yui-content{
      padding: .5em;
      border: 1px solid #333;
      box-sizing: border-box;
  }
   
  /*---- SCROLLBAR ----*/
   
  ::-webkit-scrollbar {
      width: 10px;
  }
   
  ::-webkit-scrollbar-track {
      background: #FFF;
      border-left: 1px solid #333;
  }
   
  ::-webkit-scrollbar-thumb {
       background: #CCC;
       border: #333 1px solid;
  }
   
  ::-webkit-scrollbar-thumb:hover {
       background: #EEE;
  }
   
  /*---- CENTER IMAGES ON MOBILE courtesy of EstrellaYoshte and PeppersGhost ----*/
   
  .imagediv {
      float: right;
      margin: 15px
  }
   
  @media (max-width: 540px) {
    .imagediv {
      float: none;
      text-align:center;
      margin: auto;
    }
  }
   
  @media only screen and (max-width: 600px) {
      .scp-image-block.block-right{
          float: none;
          margin: 10px auto;
      }
  }
   
  /*---- ACS-COLORED TABLE DIVS ----*/
   
  #page-content .table1 tr th,
  #page-content .table1 .scp-image-block .scp-image-caption {
      background-color: #D7EFE7;
  }
   
  #page-content .table2 tr th,
  #page-content .table2 .scp-image-block .scp-image-caption {
      background-color: #D8ECF4;
  }
   
  #page-content .table3 tr th,
  #page-content .table3 .scp-image-block .scp-image-caption {
      background-color: #FDF6D7;
  }
   
  #page-content .table4 tr th,
  #page-content .table4 .scp-image-block .scp-image-caption {
      background-color: #FFDABF;
  }
   
  #page-content .table5 tr th,
  #page-content .table5 .scp-image-block .scp-image-caption {
      background-color: #F5D8E0;
  }
   
  #page-content .table6 tr th,
  #page-content .table6 .scp-image-block .scp-image-caption {
      background-color: rgba(146, 0, 255, 0.2);
  }
   
  .tableb .wiki-content-table {
      border-collapse: separate;
      border-spacing: 2px;
  }
   
  .tableb .scp-image-block {
      border: none;
  }
   
  .tableb .scp-image-block img {
      border: #000 1px solid;
      box-sizing: border-box;
  }
   
  .tableb .scp-image-block .scp-image-caption {
      margin-top: 2px;
      border: #000 1px solid;
      box-sizing: border-box;
  }
   
  .top-left-box > .item {
    display: none;
  }
   
  /* ---- WORDS NO LONGER BROKEN, THE CROQUEMBOUCHE HAS SPOKEN ---- */
  span, a { word-break: normal !important }
   
  .avatar-hover { display: none !important; }
   
  #breadcrumbs, .pseudocrumbs {
      text-align: center;
      padding-top: 10px;
  }
   
  #main-content .page-tags span {
      max-width: 100%;
  }
   
  /* -- FANCY THINGS from Woedenaz's Dustjacket Theme -- */
   
  .fancyhr hr {
      border-top: 2vw solid transparent;
      background-color: rgba(var(--bright-accent), 0);
      height: 0;
      box-sizing: border-box;
      border-image-source: url('https://wanderers-library.wikidot.com/local--files/component:dustjacket-theme/wl_hr.png');
      border-image-repeat: round round;
      background: none;
      border-image-slice: 80 500 80 500 fill;
      border-image-width: 10em 80em 10em 80em;
  }
   
  .fancyborder {
      box-sizing: border-box;
      border: 2vw solid rgba(0,0,0,0.5);
      border-image: url('https://wanderers-library.wikidot.com/local--files/component:dustjacket-theme/wl_border.png') 600 round;
      border-image-width: 6;
      padding: 2vw;
  }

  Pages using this styling

  • scp-7757 [info]

  ¶ 1 occurrence
  

  
  @import url('https://scp-wiki.wdfiles.com/local--files/taboo/Museo.css');
  
  :root{
    --header-title: "SITE-⌘";
    --header-subtitle: "Department of Surrealistics";
  }
  
  div#extra-div-1 {
      background-image: url(https://scp-wiki.wdfiles.com/local--files/scp-6445/Surrealistics-Logo.png);
      filter: opacity(20%);
  }

  Pages using this styling

  • scp-7757 [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css?family=Special+Elite');
  @import url('https://fonts.googleapis.com/css?family=Courier+Prime');

  Pages using this styling

  • scp-7755 [info]

  ¶ 1 occurrence
  

  :root {
       --header-title: "THE FOUNDATION";
       --header-txt-color: #FFFFFF;
       --misc-txt-color: #FFFFFF;
       --darkmode-gradient-top: #0084D9;
       --darkmode-gradient-bottom: #000000;
       --accent: 0, 154, 255
  }

  Pages using this styling

  • scp-7754 [info]

  ¶ 1 occurrence
  

  .email-example .collapsible-block-folded a.collapsible-block-link {
      animation: blink 0.8s ease-in-out infinite alternate;
  }
  @keyframes blink {
      0% { color: transparent; }
      50%, 100% { color: #5BCDFA; }
  }
  .email {border: solid 2px #000000; width: 88%; padding: 1px 15px; margin: 25px; box-shadow: 0 1px 3px rgba(0,0,0,.5)}
  .email-example a.collapsible-block-link {font-weight: bold;}
  .tofrom {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px #5BCDFA}

  Pages using this styling

  • scp-7753 [info]

  ¶ 1 occurrence
  

  .danke {
      padding: 5px;
      margin-bottom:10px;
      font-family: monospace;
      font-size: 1.1em; 
  }
  
  .agent {
      background-color:#102240;
      border: 3px solid #5BCDFA;
      color: #5BCDFA;
  }

  Pages using this styling

  • scp-7753 [info]

  ¶ 1 occurrence
  

  :root {
      --fnColor: #bfbfbf;
  }

  Pages using this styling

  • scp-7753 [info]

  ¶ 1 occurrence
  

      :root {
          --header-gradient-color-bottom: 157, 157, 157;
      --bright-accent: 190, 190, 190;
      --pale-accent: 190, 190, 190;
      --dark-accent: 141, 199, 223;
      --hover-link-color: 91, 206, 250;
      --visited-link-color: 91, 206, 250;
      --footnotes-footer-num-color: 191, 191, 191;
      --hoverblock-header-bg:  191, 191, 191;
      --newpage-color: 191, 191, 191;}

  Pages using this styling

  • scp-7753 [info]

  ¶ 1 occurrence
  

  div.paper {
      background: linear-gradient(rgba(220, 240, 240, 0.3), rgba(240, 240, 220, 0.5)), url("https://scp-wiki.wdfiles.com/local--files/theme:unusual-Cargo/TOAST-PAPER.jpg");
      padding: 1em 2em 1em 2em;
      display: block;
      margin-block-start: 1em;
      margin-block-end: 1em;
      margin-inline-start: 40px;
      margin-inline-end: 40px;
  }

  Pages using this styling

  • scp-7752 [info]

  ¶ 1 occurrence
  

  
  .staticTransition {
      background-image: url(https://scp-wiki.wdfiles.com/local--files/pseudogenesis-productions-hub/Vhs_Glitch-cropped-flipped.gif);
      background-position-x: center;
      background-clip: border-box;
      width: 100%;
      height: 4em;
      overflow: hidden;
      background-size: cover;
      padding: 0em 1.1em;
      margin-left: -1.1em;
  }
  
  div.modalbox {
      background: linear-gradient(#a6a4a4 56px, #e9e9e9 51px, #fefefe);
  }
  
  .top-left-box > .item{
      display: inline;
  }
  

  Pages using this styling

  • scp-7748 [info]

  ¶ 1 occurrence
  

  :root {
   --header-title: "SCP FOUNDATION";
   --header-subtitle: "SOURCE - CODE - PROGRAM";
  }

  Pages using this styling

  • scp-7745 [info]

  ¶ 1 occurrence
  

   :root{
     --header-title: "SCP FOUNDATION";
     --header-subtitle: "Site-400";
     --lgurl: url(https://scp-wiki.wdfiles.com/local--files/secure-facilities-locations/Site-400.svg);
  }
  .footnotes-footer {
      visibility: hidden;
      height: 0;
      padding: 0;
      margin: 0;
  }
  @keyframes spin {
     100% { transform: rotate(360deg); }
  }
  div.ettra img {
    z-index: 0;
    animation: spin 20s cubic-bezier(1,1,1,1) infinite;
    filter: drop-shadow(0 0 0.1rem black);
    margin-top: 18px;
  }
  .ettra_memo {
      background: #F2E0C2;
      background-size: contain;
      background-position: top center;
      background-repeat: no-repeat;
      box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
      width: 90%;
      margin-left: auto;
      margin-right: auto;
      margin-bottom: 24px;
      padding: 10px 20px 20px 20px;
      word-break: break-word;
  }
  .logo_section{
      float:left;
      width: 150px;
      padding: 0 2%;
  }
  .title_section{
      float:left;
      width: calc(90% - 150px);
  }
  .text_section{
      float:left;
      width: 95%;
      padding: 0 2%;
  }
  @media (max-width: 1000px) {
      .logo_section{
          float:left;
          width: 95%;
          padding: 0 2%;
      }
      .title_section{
          float:left;
          width: 95%;
          padding: 0 2%;
      }
  }

  Pages using this styling

  • scp-7742 [info]

  ¶ 1 occurrence
  

  :root{
  --logo: url(http://scp-sandbox-3.wikidot.com/local--files/collab:phantomnapalm/B.png);
  --title: "Détente";
  --subtitle: "A World On Fire";
  }
  .tabstyle{
  padding: 10px;
  color: black;
  background-color: #f5f5f5;
  }

  Pages using this styling

  • scp-7741 [info]

  ¶ 1 occurrence
  

  #page-title {
     display: none;
  }
  
  body {
      font-size: 13px;
  }
  
  @media (min-width: 768px) {
     #main-content {
        width: calc(100% - 19em - 3em);
        margin: 0 0 0 19em;
     }
  }
  
  .meta-title {
     margin-bottom: 0em;
  }
  
  .capt {
     margin: 0.2em;
     margin-bottom: -0.5rem;
  }
  
  .capt-thin {
     display: flow-root;
     font-size: 1.05em;
     margin: -0.5em;
     margin-bottom: -1em;
     padding: 2px;
  }
  
  .lazy {
     font-size: xx-small;
     opacity: 0;
     line-height: 1.2em;
     padding: -5em;
  }
  
  .lazyagain {
     font-size: 0.95em;
  }
  
  .bullet {
     font-size: 2em;
     font-weight: bold;
     vertical-align: middle;
  }
  
  .edit {
     font-size: 0.7em;
     font-weight: 200;
  }
  
  .wikibox img {
     padding: 0em 0.2em;
     box-sizing: border-box;
     vertical-align: text-bottom;
  }
  
  table.infobox {
      border-collapse: collapse;
  }
  
  table.infobox th {
      font-size: 1.15em;
      text-align: left;
      font-weight: bold;
      padding:  0.9em 1em 0 1em;
  }
   
  table.infobox td {
      font-size: 1.15em;
      text-align: left;
      padding: 1em 0 0 0.85em;
  }
  
  .scp-image-block .scp-image-caption > p {
     font-weight: normal;
  }
  
  .bigbody {
      font-size: 1.15em;
  }
  
  div#extra-div-2::before {
     content: var(--header-title, "SCPedia");
     font-size: 4.45em;
  }
   
  @media (max-width: 767px) {
     #header h1 a::before {
          content: var(--header-title, "SCPEDIA");
      }
  }
  
  div#extra-div-1::after {
     left: 18.30rem;
  }
  
  #toc .title {
     font-size: 0em;
  }
  
  #toc .title::before {
     content: "Contents";
     font-size: 0.9rem;
     font-weight: bold;
     
     margin: 0.2em 0;
     padding: 0 2em;
     text-align: center;
  }
  
  #page-content h1 { display: flex; align-items: center; }
  #page-content h1 span { display: contents;}
  
  #page-content h1::before {
     content: "     [";
     order: 2;
     font-size: 65%;
     font-weight: 100;
     margin-left: 0.9rem;
  }
  
  #page-content h1 span::after {
     content: "edit";
     order: 3;
     color: #0645AD;
     font-size: 65%;
     font-weight: 100;
  }
  
  #page-content h1::after {
     content: "]";
     order: 4;
     font-size: 65%;
     font-weight: 100;
  }
  
  #page-content .wiki-content-table tr th {
      border: solid 1px #888;
      background-color: #b7b9f7;
  }
  
  table {
     border-collapse: collapse;
  }
  
  .longplot {
     border: solid 1px #A2A9B1;
     border-left: solid 1em #FFCC33;
     background-color: #F6F6F6;
  }
  
  .plotflex {
     display: flex;
     align-items: center;
     justify-content: center;
     margin-right: 16rem;
  }
  
  .episode {
     width: 100%;
     font-size: 1.15em;
  }
  
  @media (max-width: 767px) {
     .plotflex {
          margin-right: 0em;
      }
  
     .episode {
        width: 100%;
        font-size: 1em;
     }
  }
  
  .tab-hr{
     border: solid 1px #888;
     background-color: #ECECF4;
     padding: 0.3em 0.7em;
  }
  
  .tab-mid{
     border: solid 1px #A2A9B1;
     background-color: #F8F9FA;
     padding: 0.3em 0.7em;
     text-align: center;
     line-height: 175%;
  }
  
  .tab-long{
     border: solid 1px #A2A9B1;
     background-color: #F8F9FA;
     padding: 0.3em 0.7em;
     text-align: left;
     line-height: 150%;
  }
  
  .mvtemp-outer {
     border: solid 1px #A2A9B1;
  }
  
  .mvtemp {
     border: solid 2px #5445C9;
     background-color: #217A97;
     text-align: center;
     margin: 3px;
  }
  
  .mvtemp p{
     margin-block-start: 0.3em;
     margin-block-end: 0.3em;
  }
  
  .standard {
     border: solid 1px #A2A9B1;
     background-color: #F6F6F6;
  }
  
  #page-options-container {
     margin-top: -2px;
  }
  

  Pages using this styling

  • scp-7737 [info]

  ¶ 1 occurrence
  

  :root {
      --five-color: 145,121,231;
      --four-color: 145,121,231;
      --three-color: 145,121,231;
      --two-color: 145,121,231;
      --one-color: 145,121,231;
  }

  Pages using this styling

  • scp-7736 [info]

  ¶ 1 occurrence
  

   :root{
     --header-title: "SCP FOUNDATION";
     --header-subtitle: "Site-400";
     --lgurl: url(https://scp-wiki.wdfiles.com/local--files/theme%3Anight-rush-theme/night-rush-icon.png);
  }
  .footnotes-footer {
      visibility: hidden;
      height: 0;
      padding: 0;
      margin: 0;
  }
  @keyframes spin {
     100% { transform: rotate(360deg); }
  }
  div.ettra img {
    z-index: 0;
    animation: spin 20s cubic-bezier(1,1,1,1) infinite;
    filter: drop-shadow(0 0 0.1rem black);
    margin-top: 18px;
  }
  .ettra_memo {
      background: #5E4391;
      background-size: contain;
      background-position: top center;
      background-repeat: no-repeat;
      box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
      width: 90%;
      margin-left: auto;
      margin-right: auto;
      margin-bottom: 24px;
      padding: 10px 20px 20px 20px;
      word-break: break-word;
  }
  .logo_section{
      float:left;
      width: 150px;
      padding: 0 2%;
  }
  .title_section{
      float:left;
      width: calc(90% - 150px);
  }
  .text_section{
      float:left;
      width: 95%;
      padding: 0 2%;
  }
  @media (max-width: 1000px) {
      .logo_section{
          float:left;
          width: 95%;
          padding: 0 2%;
      }
      .title_section{
          float:left;
          width: 95%;
          padding: 0 2%;
      }
  }

  Pages using this styling

  • scp-7736 [info]

  ¶ 1 occurrence
  

  /* Make superscripts not fuck with the line spacing */
  sup {
    vertical-align: top;
    position: relative;
    top: -0.5em;
  }
  
  /* Haha blue boi */
  .outside {
    margin: 2em -6em;
    padding: 1em 10em;
    --narration-color: rgba(214, 234, 248,1);
    background: var(--narration-color);
    background: linear-gradient(90deg, rgba(255,255,255,0) 0%, var(--narration-color) 20%, var(--narration-color) 80%, rgba(255,255,255,0) 100%);
    z-index: -2;
  }
  
  /* Make the blue bois that are within the document have smaller margins so they break flow less*/
  .outside.inline {
    margin: 1em -6em;
    padding: 1px 10em;
  }
  
  /* Force the side bar to render on top of the blue bois */
  #side-bar {
    z-index: 2;
  }
  
  /* Hide the original page title */
  #page-title {
    display: none;
  }
  
  /* Make my fake page title look like the original (thanks SCP-2998) */
  .page-title {
    border-bottom: solid 1px #bbbbbb;
    color: #990011;
    font-weight: normal;
    margin: 0 0 0.6em;
    padding: 0 0 0.25em;
    font-size: 200%;
  }
  .page-title p {
    margin: 0;
  }
  
  @media only screen and (max-width: 1040px) {
    .outside {
      margin-right: 0 !important;
      margin-left: 0 !important;
      padding-left: 3em !important;
      padding-right: 3em !important;
    }
  }
  
  body {
    overflow-x: hidden;
  }
  
  .meta-title {
    border-bottom: solid 1px #bbbbbb;
    color: #990011;
    font-weight: normal;
    margin: 0 0 0.6em;
    padding: 0 0 0.25em;
    font-size: 200%;
  }
  .meta-title p {
    margin: 0;
  }

  Pages using this styling

  • scp-7726 [info]

  ¶ 1 occurrence
  

  
  .footnote .f-footer, .equation .e-footer, .reference .r-footer {
  display: none;
  }
  
  .hovertip {
  max-width: 400px;
  }
  
  li, p {
  line-height: 1.5;
  }
  

  Pages using this styling

  • scp-7724 [info]

  ¶ 1 occurrence
  

   #u-fade-away {   
       opacity: .35;
       transition: all .25s ease-in-out;
  }
  
   #u-fade-away:hover {  
       opacity: 1;
  }

  Pages using this styling

  • scp-7723 [info]

  ¶ 1 occurrence
  

  /* SIDEBOXES */
   .sidecontainer {
      scrollbar-color: var(--accentColor) var(--fgColor);
      scrollbar-width: thin;
  }
  
   @media (max-width: 1280px) {
       .sidecontainer {
      	border-right: medium solid var(--accentColor);
      }
  }
  
   @media (min-width: 1281px) {
       .sidecontainer {
      	left: 107%;
      }
  }
  
  /* COLLAPSIBLES */
   .unlock .collapsible-block-folded,
   .unlock .collapsible-block-unfolded-link {
      width: fit-content;
      margin: 5rem auto;
  }
  
   .unlock .collapsible-block-unfolded-link {
      border-top: 0;
      border-bottom: thick solid var(--accentColor);
  }
  
   .unlock .collapsible-block-content {
      margin-top: 12.4rem;
  }
  
  /* IMAGE BLOCK */
   .image-box {
      border: 0 !important;
  }
  
   .image-box .image-box-image {
      border: 1px solid var(--accentColorLite);
      border-radius: 12px;
  }
  
  /* DIV BLOCKS */
   div.blockquote.lightweight {
      box-shadow: none;
  }
  
   @media (min-width: 768px) {
       div.blockquote.lightweight {
      	width: 75%;
      	margin: auto;
      }
  }
  
   .blockquote.lightweight.custom {
      width: fit-content;
      margin: 3.5rem auto;
  
      box-shadow: 5px 5px var(--keyColor);
  }
  
  /* BLACKLIGHT BOX */
   .modal {
      width: calc(100% - 3rem);
      padding: 0 .75rem;
      margin: 1.5rem .5rem .5rem;
  
      color: var(--textColorMid);
      background: var(--fgColor);
      border: thick solid var(--accentColorLite);
  }
  
   .blbf-main > div {
      border-width: thick;
  
      hyphens: none;
  }
  
   .blbf-main > div::before {
      font-family: var(--header-font);
  }
  
   @media (max-width: 767px) {
       .blbf-main > div {
      	padding-top: 0;
      }
  }
  
  /* MISCELLANEOUS */
   .raisa-header .fnnum::after {
      color: var(--textColorHigh) !important;
  }
  
   .scp-header {
      font-size: x-large;
  }
  
  /* WITCH ELEMENTS */
   .secure, .secure hr {
      --accentColor: hsl(240, 50%, 60%);
      --accentColorLite: hsla(240, 50%, 70%, .5);
  }
  
   .secure .fnnum::after,
   .secure .fnnum:hover,
   .secure .fncon:before {
      --fnColor: hsl(240, 50%, 60%);
  }
  
   .contain, .contain hr {
      --accentColor: hsl(360, 50%, 60%);
      --accentColorLite: hsla(360, 50%, 70%, .5);
  }
  
   .contain .fnnum::after,
   .contain .fnnum:hover,
   .contain .fncon:before {
      --fnColor: hsl(360, 50%, 60%);
  }
  
   .protect, .protect hr {
      --accentColor: hsl(120, 50%, 60%);
      --accentColorLite: hsla(120, 50%, 70%, .5);
  }
  
   .protect .fnnum::after,
   .protect .fnnum:hover,
   .protect  .fncon:before {
      --fnColor: hsl(120, 50%, 60%);
  }
  
  /* A/V LOG FORMAT */
   .logs {
      padding-top: .8rem;
  
      font-family: var(--mono-font);
  }
  
   .logs hr {
      border-color: var(--accentColorLite);
  }
  
   table td {
      line-height: 1.5;
  }
  
   table.dialog {
      display: block;
      padding-top: 1.2rem;
  
      border-collapse: collapse;
  }
  
   table.dialog th {
      padding: 1.2rem .8rem 1.2rem 0;
  
      border-right: thin solid var(--accentColorLite);
  
      font: 1.05rem var(--header-font);
  }
  
   table.dialog td,
   table.dialog td.active tt {
      opacity: .75;
  
      font-style: italic;
  }
  
   table.dialog td {
      padding: 1.2rem 0 1.2rem .8rem;
  
      font-family: var(--mono-font);
  }
  
   table.dialog td.active {
      opacity: 1;
  
      font: 100%/1.5 var(--body-font);
      font-feature-settings: var(--glyphs);
  }
  
   @media (max-width: 767px) {
       table.dialog th {
      	font-size: .85rem;
      }
  }

  Pages using this styling

  • scp-7723 [info]

  ¶ 1 occurrence
  

  :root {
      --techno-base-white: 252 252 252;
      --techno-base-black: 9 3 3;
      --techno-accent: 255 100 93;
      --techno-secondary: 196 56 56;
      --techno-tertiary: 165 82 24;
      --techno-counter: 255 60 80;
      --techno-dark: 40 34 35;
  
      --body-font: Inter,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Fira Sans','Droid Sans','Helvetica Neue',sans-serif;
  
      --sp_area-max-width: 55.75rem;
      --header-title: "Overseer Council";
      --header-subtitle: "To Secure, Contain, and Protect";
      --sp_header-height: 8.5rem;
      --sp_header-title-scale: .95;
      --sp_header-subtitle-scale: 1.375;
      --sp_top-bar-height: 2.125rem;
      --sp_diagonal-stripes-angle: -45deg;
      --sp_side-bar-width: 15.25rem;
  
      --fnLinger: 0.25s;
      --fnColor: rgb(var(--techno-counter));
  }
  
  body { font-size: .945em; }
  
  #header {
      grid-template-rows: auto .75fr auto auto 1fr auto;
  }
  #header::before { content: unset; }
  #header h1, #header h2 { padding-inline-start: 0; }
  #header h2 span {
      font-family: var(--mono-font);
  }
  #side-bar {
      padding: .75em;
      background: rgb(var(--techno-base-black));
  }
  
  #main-content { max-width: initial; }
  
  #page-title {
      display: none;
  }
  
  .update-wrapper, .update-wrapper > li {
      padding: initial; margin: initial;
      display: contents;
      list-style: none;
  }
  
  .upd1 {
      display: none;
      opacity: 0;
      margin-inline-start: -1rem;
      animation: fin .75s ease-out .325s forwards;
  }
  li.unfolded :is(.upd0, .adminpr ){
      display: none;
  }
  li.unfolded .upd1 { display: block; }
  
  @keyframes fin {
  0% { opacity: 0; margin-inline-start: -1rem; }
  100% { opacity: 1; margin-inline-start: 0; }
  }
  
  #page-content .adminpr {
      max-width: calc(var(--sp_area-max-width)*.675);
      margin: auto;
      margin-block-start: 40.5rem;
      margin-block-end: 12.5rem;
      box-sizing: border-box;
      border: solid .375rem rgb(var(--techno-secondary));
      padding: .75rem 1.25rem;
      position: relative;
  }
  .adminpr::before {
      content: "UPDATE";
      font-family: var(--mono-font);
      font-weight: bold;
      font-size: 1.425em;
      color: rgb(var(--techno-secondary));
      position: absolute;
      padding-inline: .675rem;
      top: -1.25rem;
      left: 50%;
      background: rgb(var(--techno-base-white));
      transform: translateX(-50%);
  }
  
  span:is(.add,.remove) {
      font-family: var(--mono-font);
      font-weight: bold;
      margin-inline-start: .5em;
  }
  .add { color: green; }
  .remove { color: red; }
  
  .foldable-list-container { pointer-events: none; }
  .foldable-list-container a {
      pointer-events: auto;
      display: block;
      box-sizing: border-box;
      padding: .5em;
      width: min(100%, 12rem);
      margin: 1.5rem auto .75rem;
      text-align: center;
      color: rgb(var(--techno-base-white));
      text-decoration: none;
      font-family: var(--mono-font);
      font-weight: bold;
      background: rgb(var(--techno-dark));
      transition: background .15s ease-out .05s;
  }
  .foldable-list-container a:is(:hover,:focus) {
      background: rgb(var(--techno-accent));
  }
  
  .meta-title {
      display: flex;
      justify-content: center;
      align-items: center;
      gap: 1.5rem;
      font-family: var(--mono-font);
      font-size: 1em;
      margin-block-end: 1rem;
  }
  .meta-title p {
      font-size: 2.125em;
      font-weight: bold;
      flex-grow: 1;
      line-height: 1.175;
  }
  .meta-title .page-rate-widget-box {
      margin: 0;
      font-size: .9375em;
      flex-wrap: nowrap;
      padding-inline: .325em;
      margin: 0;
  }
  
  #page-content h2 {
      display: flow-root;
      font-family: var(--mono-font);
      font-weight: bold;
      font-size: 1.125em;
      margin-block: 1.25rem 0.25rem;
  }
  #page-content h2 > span {
      display: flex;
      align-items: center;
      gap: .5em;
  }
  #page-content h2 > span::before {
      content: "";
      display: block;
      height: .05rem;
      background: red;
      flex-grow: 1;
      min-width: 2.5rem;
  }
  .dhl {
      display: inline-block;
      background: rgb(var(--techno-base-black));
      color: rgb(var(--techno-accent));
      font-weight: bold;
      padding: .25em .5em;
      line-height: 1.25;
      order: -1;
  }
  
  span.fncon {
      color: rgb(var(--techno-base-white));
      border: none;
      background: var(--sp_dropdown-background);
      -webkit-backdrop-filter: blur(0.125rem);
      backdrop-filter: blur(0.125rem);
  }
  
  table.wiki-content-table td {
      text-align: center;
  }
  
  #license-area {
      background: rgb(var(--techno-base-black));
      color: rgb(var(--techno-base-white));
  }
  
  @media screen and (max-width: 768px) {
      :root { --header-title: "Overwatch"; }
  }

  Pages using this styling

  • scp-7719-ex [info]

  ¶ 1 occurrence
  

  .imageovertext {
     position: relative;
     color: black;
     border-top: solid 5px #000000;
     border-right: solid 5px #000000;
     border-left: solid 5px #000000;
     border-bottom: solid 5px #000000;
     background-color: #ffffff;
     background-position: top center;
     padding-left:15px;
     padding-right:15px;
     padding-top:5px;
     margin-top:5px;
     padding-bottom:5px;
     margin-bottom: 0px;
     z-index: 1;
  }
  
  .imageovertext::after {
     content: "";
     position: absolute;
     z-index: 1;
     top: 0;
     bottom: 0;
     left: 0;
     right: 0;
     background: url('https://scp-wiki.wdfiles.com/local--files/scp-7717/klokhuispf.png') center center;
     background-size: contain;
     background-repeat: no-repeat;
     opacity: 2.00;
  }

  Pages using this styling

  • scp-7717 [info]

  ¶ 1 occurrence
  

  div#extra-div-1 {
      background-image: url('https://scp-wiki.wdfiles.com/local--files/theme%3Adarkqueer/SiteLogo_3.png') !important;
      filter: invert(1) opacity(0.75);
  }
  
  /*Email Recolor*/
  .dyna-email {
      background-color: var(--darkest-color);
  }
  
  .header-box > .top-right-box {
      filter: invert(1);
  }
  
  .footer-box > .bottom-left-box {
      border-left: 2px solid var(--off-white);
  }

  Pages using this styling

  • scp-7716 [info]

  ¶ 1 occurrence
  

  
  body {
      font-family: 'Inter', sans-serif;
      font-size: .9325rem;
      color: #dedede;
      accent-color: var(--accentColor);
  }
  
  div#extra-div-1 {
       width: 100%;
       height: calc(100% - var(--final-header-height-on-desktop));
       position: absolute;
       top: calc(var(--final-header-height-on-desktop));
       left: 0;
       z-index: -1;
       mask: var(--gradient-background);
       -webkit-mask: var(--gradient-background);
       background-image: url(https://scp-wiki.wdfiles.com/local--files/scp-7713/Orange);
       background-size: 100%, 80% var(--background-gradient-distance);
       background-blend-mode: difference;
       background-repeat: no-repeat, repeat-x;
       pointer-events: none;
  }
  
  :root {
  --header-title: "SCP Foundation";
  --header-subtitle: "The Beholder Program";
  --logo-image: url("https://scp-wiki.wdfiles.com/local--files/scp-7713/ITTV");
  
  }
  
  

  Pages using this styling

  • scp-7713 [info]

  ¶ 1 occurrence
  

  .email-example .collapsible-block-folded a.collapsible-block-link {
      animation: blink 0.8s ease-in-out infinite alternate;
  }
  @keyframes blink {
      0% { color: transparent; }
      50%, 100% { color: #FFFFFF; }
  }
  .email {border: solid 2px #000000; width: 88%; padding: 1px 15px; margin: 10px; box-shadow: 0 1px 3px rgba(0,0,0,.5)}
  .email-example a.collapsible-block-link {font-weight: bold;}
  .tofrom {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px maroon}

  Pages using this styling

  • scp-7709 [info]

  ¶ 1 occurrence
  

  ::marker {
      font-weight: bold;
  }
  
  .custom img {
      background-color: #eee;
  }
  
  :root {
      --logo: url(https://scp-wiki.wdfiles.com/local--files/scp-7706/Nrv99YJ.png);
      --title: "THE FOUNDATION";
      --subtitle: "ESOTERIC MATHEMATICS DEPT.";
  }
  .logo {
      filter: invert(1);
  }
  .custom2 img {
      filter: invert(1);
      background-color: #eee;
  }
  
  @media (max-width: 768px) {
      .small {
          font-size: 6px !important;
      }
  }
  
  .dblock {background-color: transparent !important; color: transparent; transition: color 6s;}
  .dblock:hover {color: #ccc; transition: color 6s;}

  Pages using this styling

  • scp-7706 [info]

  ¶ 1 occurrence
  

  /*scp-7701*/
  #page-content .info-container {
      --link-color: rgb(var(--swatch-text-general));
  }
  
  #page-content .info-container .collapsible-block-link,
  #page-content .info-container:hover .collapsible-block-link {
      line-height: 1.6em;
  }
  
  #page-content .info-container .collapsible-block-folded,
  #page-content .info-container .collapsible-block-unfolded-link {
      display: grid;
  }
  
  #page-content .info-container .collapsible-block-folded .collapsible-block-link,
  #page-content .info-container .collapsible-block-link {
      -webkit-mask: unset;
              mask: unset;
      background: transparent;
      grid-column: 1;
      grid-row: 1;
      opacity: 0;
  }
  
  #page-content .info-container .collapsible-block-folded::before,
  #page-content .info-container .collapsible-block-unfolded-link::before {
      --wght: 800;
      content: "ETC";
      color: #FFFFFF;
      font-family: Inter, Arimo, Verdana, Geneva, "Helvetica Neue", "Helvetica", Arial, sans-serif;;
      display: block;
      pointer-events: none;
      grid-column: 1;
      grid-row: 1;
      line-height: 2.75ex;
  }
  
  .top-left-box > .item {
    display: none;
  }
  

  Pages using this styling

  • scp-7701 [info]

  ¶ 1 occurrence
  

  .jotting {margin: 1em 3em;}
  .modal {margin: 1em 1.5em;}
  @media (max-width: 1250px) {
      .jotting {
       margin: auto;
       width: 90%;
      }
      .modal {
       margin: auto;
       width: 85%;
      }
  }

  Pages using this styling

  • scp-7699 [info]

  ¶ 1 occurrence
  

  .footnotes-footer {display:none;}

  Pages using this styling

  • scp-7699 [info]

  ¶ 1 occurrence
  

  #header h2::before {
      color: #591900;
      content: "Invenient Novum Iocus";
      font-family: 'Martel', serif;
      text-shadow: 0rem 0rem 0.1rem #fff;
  }
  
  #page-title{display:none}
  

  Pages using this styling

  • scp-7689 [info]

  ¶ 1 occurrence
  

  blockquote {
     margin-left: 10px; 
     margin-right: 10px;    
     border: 1px double #999;
     background-color: #f5f5f5;
  }
  blockquote blockquote {
     margin-left: 10px; 
     margin-right: 110x;    
     border: 1px double #999;
     background-color: #ffffff;
  }
  table.wiki-content-table { 
     margin-left: 7px; 
     margin-right: 7px;
     background-color: #ffffff;
  }
  .footnotes-footer { 
      visibility: hidden; 
      height: 0;
      padding: 0;
      margin: 0;
  }

  Pages using this styling

  • scp-7684 [info]

  ¶ 1 occurrence
  

  #title {
      display: none;
  }

  Pages using this styling

  • scp-7676 [info]

  ¶ 1 occurrence
  

   #page-title{
       display: none;
  
  }
   .footnotes-footer{
       display: none;
  }

  Pages using this styling

  • scp-7668 [info]

  ¶ 1 occurrence
  

  :root {
      --five-color: 132, 50, 50;
      --four-color: 132, 50, 50;
      --three-color: 132, 50, 50;
      --two-color: 132, 50, 50;
      --one-color: 238, 179, 179;
  }

  Pages using this styling

  • scp-7662 [info]

  ¶ 1 occurrence
  

  :root {
      --four-color: 117, 117, 117;
      --three-color: 132, 50, 50;
      --two-color: 132, 50, 50;
  }

  Pages using this styling

  • scp-7662 [info]

  ¶ 1 occurrence
  

  div.backaroo {
      background-color: #E2DFAC;
      background-size: contain;
      background-position: top center;
      background-repeat: no-repeat;
      min-height: 4rem;
      margin-inline: auto;
      margin-block: 2rem;
      padding-inline: 20px;
      padding-block: 10px;
      border: solid 0px rgba(0, 0, 0, 0.1);
      text-align: center;
  }

  Pages using this styling

  • scp-7662 [info]

  ¶ 1 occurrence
  

  :root {
      --header-title: "SCP Foundation";
      --header-subtitle: "Seizing Cloned People";
  }
  
  .scp-image-block.block-right { margin: 1em 2em 1em 1em; }
  
  .vdn {
      background: #ffffff;
      background-size: 400px;
      background-position: center;
      background-repeat: no-repeat;
      box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
      width: 84%;
      min-height: 4rem;
      margin-left: auto;
      margin-right: auto;
      padding: 10px 20px 20px 20px;
      word-break: break-word;
  }
  
  .scp-image-block.block-right { margin: 1em 2em 1em 1em; }
  
  #page-title{display:none}
  
  .email-example .collapsible-block-folded a.collapsible-block-link {
      animation: blink 0.8s ease-in-out infinite alternate;
  }
  @keyframes blink {
      0% { color: transparent; }
      50%, 100% { color: #b01; }
  }
  .email {border: solid 2px #000000; background-position: center; width: 88%; padding: 1px 15px; margin: 10px; margin-left: auto; margin-right: auto; box-shadow: 0 1px 3px rgba(0,0,0,.5)}
  .email-example a.collapsible-block-link {font-weight: bold;}
  .tofrom {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px maroon}
  

  Pages using this styling

  • scp-7661 [info]

  ¶ 1 occurrence
  

  /* ==== COMMON ==== */
   :root {
      --off-white: 255, 255, 255, .9;
  
      /* == BETTERFOOTNOTES PATCH == */
      --posX: calc(50% - 358px - 13rem);
      --fnLinger: 1.5s;
      --fnColor: rgb(var(--swatch-primary-darkest, 144, 25, 1));
  }
  
   *, a, span {
      word-break: normal;
  }
  
  /* ==== ACS PATCH ==== */
   .anom-bar-container.clear-6 .top-center-box > div {
      background-blend-mode: luminosity;
      background-color: var(--accentColor);
  }
  
   #main-content hr,
   .anom-bar > .bottom-box::before {
      background-attachment: fixed;
      background-blend-mode: overlay;
      background-color: rgb(var(--swatch-primary, 133, 0, 5)) !important;
      background-image: url(https://scp-wiki.wdfiles.com/local--files/component%3Aanomaly-class-bar/galactic.jpg);
      background-size: contain;
  }
  
  /* == BETTERFOOTNOTES PATCH == */
   .fnnum {
      font-size: .9rem;
  }
  
  /* ==== BLACKLIGHT BOX AND MODAL ==== */
   .addenda {
      width: fit-content;
      margin: 0 auto;
      padding: 0 1rem;
  
      background-color: rgb(var(--swatch-primary-darkest, 144, 25, 1));
  }
  
    .addenda p {
      --wght: 800;
      color: rgb(var(--off-white, 255, 255, 255, .9));
  
      font-family: var(--title-font);
      font-size: 1.55rem;
  
  }
  
   .modal {
      width: auto;
      margin: .5rem;
      padding: 15px;
  
      border: .25rem solid rgb(var(--swatch-primary-darkest,  144, 25, 1));
  }
  
   .modal.light {
      background: rgb(var(--off-white, 255, 255, 255, .9));
  }
  
   .modal.light.council {
      width: 84%;
      margin: auto;
  
      background: rgb(var(--off-white, 255, 255, 255, .9)) url(http://scp-wiki.wdfiles.com/local--files/the-great-hippo/scp_trans.png) center no-repeat;
  }
  
  #page-content .modal.light.council table.wiki-content-table {
      background-color: rgba(244, 244, 244, .25);
  }
  
   #page-content table.wiki-content-table * {
      text-align: center;
  }
  
   .modal.dark {
      background: rgb(var(--swatch-primary-darkest, 144, 25, 1));
  }
  
   .modal.dark .collapsible-block-folded,
   .modal.dark .collapsible-block-unfolded-link {
      --link-color: var(--off-white, 255, 255, 255, .9);
      --hover-link-color: 252, 207, 207, .85;
      --wght: 700;
      padding: .5rem;
  
      font-size: 1.35rem;
      overflow-wrap: anywhere;
      text-align: center;
      white-space: normal;
  }
  
    @media (max-width: 767px) {
       .modal.dark .collapsible-block-folded,
       .modal.dark .collapsible-block-unfolded-link {
       padding: .5rem 0;
       font-size: 1rem;
      }
  }
  
   .modal.dark .blockquote {
      color: hsla(0, 0%, 100%, .8);
  }
  
   .modal.dark .fncon {
      color: black;
  }
  
  /* ==== GENERAL FORMATTING ==== */
   h4,
   .addenda p,
   .blbf-main > div::before,
   .modal.dark .collapsible-block-folded {
      font-variant: small-caps;
  }
  
   h4 {
      text-align: center;
  }
  
   #main-content hr {
      width: 100%;
      height: .5rem;
  
      border: 0;
  }

  Pages using this styling

  • scp-7655 [info]

  ¶ 1 occurrence
  

  :root {
    --header-title: "O5 COMMAND";
    --header-subtitle: "SECURE CONTAIN PROTECT";
    --accentColor: #c40233;
  }

  Pages using this styling

  • scp-7654 [info]

  ¶ 1 occurrence
  

  ::marker {
      font-weight: bold;
  }
  
  .custom img {
      background-color: #eee;
  }
  
  :root {
      --logo: url(https://scp-wiki.wikidot.com/local--files/scp-6218/RetconLogo.png);
      --title: "THE FOUNDATION";
      --subtitle: "PROJECT: π";
  }
  .custom2 img {
      filter: invert(1);
      background-color: #eee;
  }
  
  @media (max-width: 768px) {
      .small {
          font-size: 6px !important;
      }
  }
  
  .dblock {background-color: transparent !important; color: transparent; transition: color 6s;}
  .dblock:hover {color: #ccc; transition: color 6s;}

  Pages using this styling

  • scp-7650 [info]

  ¶ 1 occurrence
  

  
  :root {
       --header-title: "Department of Unreality";
       --header-subtitle: "Making the Unreal a ㅤㅤㅤㅤ";
       --header-logo: url('http://scp-wiki.wikidot.com/local--files/unreality-hub/Unreality%20Header%20Logo.svg');
       --basalt-secondary-color: 245, 245, 245;
       --basalt-background-color: 245, 245, 245;
       --basalt-main-text-color: 14, 14, 18;
       --vector-white: 245, 245, 245;
       --image-caption-background-color: 245, 245, 245;
       --top-bar-dropdown-link-color: 14, 14, 18;
       --top-bar-dropdown-background: 245, 245, 245;
       --top-bar-link-color: 14, 14, 18;
       --top-bar-link-background-hover-alt: 14, 14, 18;
       --link-color: 14, 14, 18;
      --fnColor: #0E0E12;
      --astersize: 40;
  
  }
  
  @media screen and (min-width: 769px) and (max-width: 1024px) {
  .drinkbar {width:17rem;height: calc(100vh - var(--header-final-height)); bottom: 20px;}
  .drinker { width: 17rem; right:-16rem;}
  .drinker iframe {
  width: 15rem;
  padding: 2px;
  margin-right: 5px;
  height: 90%;
  }
  
  .interview { width: 28rem; }
  .file{ width: 31rem; }
  .tab:hover + .drinkbar {right: -17em;}
  .tab:hover {width:16rem; height: calc(95vh - var(--header-final-height));}
  
  }
  
  
  @media screen and (min-width: 1025px) {
  .drinkbar {    width:30rem;height: calc(100vh - var(--header-final-height));}
  .drinker { width: 29rem; right:-29rem; }
  .tab:hover + .drinkbar {right: -29rem;}
  .tab:hover {width:29rem; height: calc(100vh - var(--header-final-height)); }
  .interview { width: 45rem; }
  .addendum { width:34rem; }
  .file { width: 50rem; }
  .ayerwrapper {width 35rem;}
  .tab {  width: 40px;   line-height: 0px; }
  #page-options-container, .footnotes-footer, .page-tags { width: 40rem !important; margin: 0 auto !important; border: none !important; }
  @import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap');
  }
  @media screen and (min-width: 991px) {
  .oat_mob{display:none;}
  .oat_pc{display:block;}
  .pfoa_mob{display:none;}
  .pfoa_pc{display:block;}
  
  }
  
  
  @media screen and (min-width: 769px) {
  .drinker{
   position: absolute;
    height: 90%;
    transition: right .25s ease -.225s;
     background-color:rgb(245, 245, 245);
     border-left: 0.05rem solid black;
     z-index:5;
     overflow: scroll;
     margin-bottom: 30px;
  }
  
  .tab {
    position: absolute;
    right: 0;
    top: 45%;
    width: 35px; 
    line-height: 10px;
    height: 100px;
    background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23d7d6d8' fill-opacity='0.4' fill-rule='evenodd'%3E%3Cpath d='M0 40L40 0H20L0 20M40 40V20L20 40'/%3E%3C/g%3E%3C/svg%3E");
    background-color:rgb(237,237,237);
    color: black;
    display:block;
    writing-mode: vertical-rl;
    text-orientation: mixed;
    text-align: center;
    cursor: pointer;
    border-style: solid;
    border-width: 0.05rem 0 0.05rem 0.75rem;
    border-color: black;
    z-index:4;
    transition: right var(--side-bar-transition);
    font-family: "Outfit", sans-serif;
    font-size: .8em;
  }
  
  .drinkbar {
      position: fixed;
      right: 0;
      top: calc(1px + var(--header-final-height));
      overflow: hidden;
      z-index:3;
   transition: right var(--side-bar-transition);
  }
  
  .tab:hover .drinker {
    right: 0;
  }
  
  .tab:hover {
  border-bottom: 1px solid black;
  writing-mode: horizontal-tb;
  top: calc(1px + var(--header-final-height));
  }
  }
  
  @media screen and (max-width: 991px) {
  .oat_pc{display:none;}
  .oat_mob{display:block;}
  .pfoa_pc{display:none;}
  .pfoa_mob{display:block;}
  
  }
  
  @media screen and (max-width: 768px) {
  
  
  .drinker{
    position: relative;
    height: 90%;
     background-color:rgb(245, 245, 245);
     overflow: scroll;
     margin: 0 auto;
     border: .05rem black;
  }
  
  
  .tab {
    background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23d7d6d8' fill-opacity='0.4' fill-rule='evenodd'%3E%3Cpath d='M0 40L40 0H20L0 20M40 40V20L20 40'/%3E%3C/g%3E%3C/svg%3E");
    background-color:rgb(237,237,237);
    color: black;
    text-align: center;
    margin: 0 auto;
    cursor: pointer;
    border-style: solid;
    border-width: 0.05rem 0.75rem;
    border-color: black;
    font-family: "Outfit", sans-serif;
    font-size: .8em;
  }
  
  }
  
  .info-container{
  --barColour: #2c2427;
  --linkColour: #FFF;
  }
  :is(div.image-block,div.scp-image-block) :is(.image-caption,.scp-image-caption) {
  color:white;
  }
  
  #page-content hr {
  border-top: none;
  height: .05em;
  background: #454545;
  }
  
  #page-content > .collapsible-block {
      display: block;
      text-align: center;
      padding: .8em;
      background-color: #e3e3e3;
      border-top: 0.125rem dashed #b5b5b5;
      border-bottom: 0.125rem dashed #b5b5b5;
  }
  
  #page-content > .collapsible-block .collapsible-block-content {
      text-align: left;
  }
  
  .interview{
      border:solid 2px #d4d4d4;
      background:#F5F5F5;
      padding:1px 15px;
      margin: 10px auto;
  }
  
  .sass a {
  text-transform: lowercase !important;
  }
  
  .file{
      border:none;
      background:#F5F5F5;
      padding:1px 15px;
      margin: 10px auto;
  }
  
  .addendum{
      border:solid 1px #5e5e5e;
      background:#ffffff;
      width:40rem;
      padding:1px 15px;
      margin: 10px auto;
  }
  
  .testfile{
      border:solid 3px #643434;
      background:#f7efef;
      width:90%;
      padding:1px 15px;
      margin: 10px auto;
  }
  
  .letterhead {
  
  padding: 15px;
  margin: 15px;
  
  }
  
  :is(div.image-block,div.scp-image-block) :is(.image-caption,.scp-image-caption) {
  
  color: rgb(var(--basalt-main-text-color));
  
  }
  
  .bibitems .title, .footnotes-footer .title, .bibitems .title hr, .footnotes-footer .title hr {
  color: rgb(var(--basalt-main-text-color)) !important;
  width: 30rem;
  border: none;
  }
  

  Pages using this styling

  • scp-7646 [info]

  ¶ 1 occurrence
  

  
  #page-content .quadrants > div {
      top: 2.25%;
      left: 18.5%;
  }
  
  :root {
    --fade-in-delay: 0s;
      --timeScale: 0.7;
      --timeDelay: 0s;
  }

  Pages using this styling

  • scp-7643 [info]

  ¶ 1 occurrence
  

  :root {
       --header-title: "SITE-37";
       --header-subtitle: "Newer, Worse Problems.";
       --accent: 151, 206, 142;
       --logo-img: url(https://scp-wiki.wdfiles.com/local--files/the-appliance-war-hub/37NONUMBERSVG.svg);
  --link-txt-color: #64AF45;
  }

  Pages using this styling

  • scp-7639 [info]

  ¶ 1 occurrence
  

  .tact {
      border: 1px dashed;
      background-color:  #ffc2814f;
      background-position: center center;
      background-repeat: no-repeat;
      background-size: 75%;
      padding: 1em;
      margin: .5em 0 .4em;
  }
  
  .raisa {
      border: 2px solid;
      background-color:  #f2f2c2;
     background-image: url("https://scp-wiki.wdfiles.com/local--files/theme%3Aredtape/raisa_trans.png");
      background-position: center center;
      background-repeat: no-repeat;
      background-size: 29rem;
      padding: 1px 15px;
      margin: .5em 0 .4em;
      box-shadow: 0 1px 3px rgba(0, 0, 0, .2);
  }
  
  .normal {
      border: 1px dashed;
      background-color:  #bebebe;
      background-position: center center;
      background-repeat: no-repeat;
      background-size: 75%;
      padding: 1em;
      margin: .5em 0 .4em;
  }

  Pages using this styling

  • scp-7638 [info]

  ¶ 1 occurrence
  

  blockquote {
     margin-left: 10px; 
     margin-right: 10px;    
     border: 1px double #999;
     background-color: #ffffff;
  }
  table.wiki-content-table { 
     margin-left: 0px; 
     margin-right: 0px;
     background-color: #ffffff;
  }
  .footnotes-footer { 
      visibility: hidden; 
      height: 0;
      padding: 0;
      margin: 0;
  }

  Pages using this styling

  • scp-7636 [info]

  ¶ 1 occurrence
  

  :root {
  logo-image: url("http://scp-wiki.wikidot.com/local--files/theme:minimalist-bhl/Foundation%20Logo");
      --header-title: "SCP Foundation";
      --header-subtitle: "Secure, Contain, Protect";
  }
  
  #header::before {
      height: calc(100% - var(--topbar-height-on-desktop));
      aspect-ratio: 1;
      left: 50%;
      top: 0.3rem;
      background-image: url(http://scp-wiki.wikidot.com/local--files/theme:minimalist-bhl/Foundation%20Logo);
      background-size: contain;
      transform: translatex(-50%);
      -webkit-filter: invert(1);
              filter: invert(1);
  }

  Pages using this styling

  • scp-7627 [info]

  ¶ 1 occurrence
  

  :root{
  --five-color: 160, 160, 160;
  --four-color: 160, 160, 160;
  --three-color: 160, 160, 160;
  --two-color: 160, 160, 160;
  --one-color: 160, 160, 160;
  
  --background-gradient-color: var(--light-gray-monochrome);

  Pages using this styling

  • scp-7623 [info]

  ¶ 1 occurrence
  

  .page {
      display: block;
      overflow: hidden;
      font-family: "Bradley Hand", "Bradley Hand", sans-serif;
      font-style: normal;
      background-attachment: scroll;
      background-clip: border-box;
      background-color: transparent;
      background-image: linear-gradient(to top ,rgb(202, 219, 228) 0%, rgb(231, 233, 220) 8%);
      background-origin: padding-box;
      background-position: 0px 8px;
      background-repeat: repeat;
      background-size: 100% 20px;
      border: 1px solid #CCC;
      border-radius: 10px;
      padding: 10px 10px;
      margin-bottom: 10px;
      box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2)
  }
  .page p,
  .page ul {
      line-height: 20px;
      margin: 0;
  }

  Pages using this styling

  • scp-7622 [info]

  ¶ 1 occurrence
  

  :root {
    --header-title: "SITE-02";
    --header-subtitle: "The Ends Do Not Justify The Means";
    --fnColor: #9eb399;
  }
  .fncon {
      background: #e9e7cc !important;
  }

  Pages using this styling

  • scp-7618 [info]

  ¶ 1 occurrence
  

  :root {
    --logo-image: url("https://scp-wiki.wdfiles.com/local--files/theme%3Afoxtrot/fxtrt-scp_logo_lightmode.svg");
    --header-title: "SCP Foundation";
    --header-subtitle: "Ex Animo, Ex Visu";
    --gradient-header: linear-gradient(#E9AB00, #FFF6B3);
  }
  
  .alert_header {
      background: url("https://scp-wiki.wdfiles.com/local--files/scp-7612/SCP-7612Remix2602Header.png") transparent;
      background-position: top;
      background-repeat: no-repeat;
      background-size: 340px;
      background-origin: content-box;
      width: 95%;
      min-height: 4rem;
      max-height: 100rem;
      margin-left: auto;
      margin-right: auto;
      padding: 5px 10px 10px 10px;
      word-break: break-word;
  }
  
  .alert_header>p:nth-child(1)::before {
      content: "EMERGENCY NOTICE";
      font-weight: 800;
      font-size: 130%;
      color: #d40b0b;
      text-align: center;
      padding-top: 9.5rem;
      margin-bottom: 1rem;
      padding-bottom: 0.1rem;
      max-width: 49rem;
      margin-left: auto;
      margin-right: auto;
      display: flex;
      flex-direction: column;
      align-content: stretch;
      align-items: center;
  }

  Pages using this styling

  • scp-7612 [info]

  ¶ 1 occurrence
  

  
  [[include :scp-wiki:component:acs-animation]]
  [[include :scp-wiki:theme:black-highlighter-theme]]
  [[include :scp-wiki:theme:the-foundation-theme]]
  
  [[module CSS]]
  .email-example .collapsible-block-folded a.collapsible-block-link {
      animation: blink 0.8s ease-in-out infinite alternate;
  }
  @keyframes blink {
      0% { color: transparent; }
      50%, 100% { color: #b01; }
  }
  .email {border: solid 2px #B80007; width: 88%; padding: 1px 15px; margin: 10px; box-shadow: 0 1px 3px rgba(0,0,0,.5)}
  .email-example a.collapsible-block-link {font-weight: bold;}
  .tofrom {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px maroon}

  Pages using this styling

  • scp-7606 [info]

  ¶ 1 occurrence
  

  .storybook {
       font-family:Satisfy;
       border: 2px dotted #fffbea;
       background: #fffbea;
       padding:15px;
       font-size: 105%;
       box-shadow: 0 1px 3px rgba(0,0,0,.2)
  }

  Pages using this styling

  • scp-7604 [info]

  ¶ 1 occurrence
  

  .item .number {
      color: #8000080;
  }

  Pages using this styling

  • scp-7604 [info]

  ¶ 1 occurrence
  

  .interview{
      border-top:solid 2px #c40033;
      border-bottom:solid 2px #c40033;
      border-left: none;
      border-right: none;
  }
  
  .normal{
      border:solid 2px #d4d4d4;
  }
  
  .testfile{
      border:solid 3px #abc3cc;
      background:#f2fbff;
      width:85%;
      padding:1px 15px;
      margin: 10px auto;
  }
  
  .testvideo{
      background:#ccf1ff;
      width:90%;
      padding:1px 15px;
      margin: 10px auto;
  }

  Pages using this styling

  • scp-7599 [info]

  ¶ 1 occurrence
  

  .testfile{
      border:solid 3px #643434;
      background:#f7efef;
      width:90%;
      padding:1px 15px;
      margin: 10px auto;
  }
  
  .testvideo{
      background:#e9d5d5;
      width:90%;
      padding:1px 15px;
      margin: 10px auto;
  }
  
  .goc {
      background: #ffffff8a url('https://scp-wiki.wdfiles.com/local--files/theme%3Aredtape/goc-fade.png') -5rem -5rem no-repeat;
      background-blend-mode: color-burn;
      border-left: 5px solid #275495;
      background-size: 30rem;
      box-shadow: 1px 1px 4px #27549582;
      color: black;
      width: 84%;
      padding: 1px 15px;
      margin: 10px auto;
  }
  
  .goc hr {
      padding: 0.0313rem;
      border-top: 0.125rem solid #275495;
      border-bottom: 0.0625rem solid #275495;
      background: transparent;
  }
  
  .goc .date {
      background: #275495 !important;
      color: white;
      padding: 3px;
      border-radius: 4px;
      font-family: monospace;
      white-space: nowrap;
  }
  .goc th { 
      background-color: #275495!important;
  }
  

  Pages using this styling

  • scp-7597 [info]

  ¶ 1 occurrence
  

  .coix{
      border-top:solid 2px #de3023;
      border-bottom:solid 2px #de3023;
  }
  
  .lague {
      border-top:solid 2px #2399de;
      border-bottom:solid 2px #2399de;
  }
  
  .davis{
      border-top:solid 2px #2fde23;
      border-bottom:solid 2px #2fde23;
  }
  
  .cbold {
      border-top:solid 2px #bc23de;
      border-bottom:solid 2px #bc23de;
  }
  
  .incidento{
      border: solid 2px #c40033;
      background:##ededed;
      width:90%;
      padding:1px 15px;
      margin: 10px auto;
  }
  
  .incidenti{
      background:#f9e6eb;
      width:90%;
      padding:1px 15px;
      margin: 10px auto;
  }
  
  .neutralo{
      border: solid 2px #2c3999;
      background:##ededed;
      width:90%;
      padding:1px 15px;
      margin: 10px auto;
  }
  
  .neutrali{
      background:#eaebf5;
      width:90%;
      padding:1px 15px;
      margin: 10px auto;
  }

  Pages using this styling

  • scp-7596 [info]

  ¶ 1 occurrence
  

  .chatwind{
      color:#f9fafb;
      width:100%;
      padding:15px 5px;
      margin: 10px auto;
  }
  
  .chatbox{
      border-radius: 10px;
      background:#404251;
      width:85%;
      padding:1px 15px;
      margin: 10px auto;
  }
  
  .chatbotres{
      border-left: solid 7px #2eeeff;
      background:#50505f;
      width:96%;
      padding:1px 15px;
  }
  
  .usres{
      border-left: solid 7px #3d3d4c;
      background:#3d3d4c;
      width:96%;
      padding:1px 15px;
  }
  

  Pages using this styling

  • scp-7594 [info]

  ¶ 1 occurrence
  

  .info-container{
  --barColour: rgb(var(--dark-accent));
  --linkColour: rgb(var(--bright-accent));
  }
  
  #page-content hr {
  border-top: none;
  height: .05em;
  background: #454545;
  }
  
  #page-content > .collapsible-block {
      display: block;
      text-align: center;
      padding: .8em;
  background-color: #0f0f0f;
  border-top: 0.125rem dashed rgb(var(--medium-accent));
  border-bottom: 0.125rem dashed rgb(var(--medium-accent));
  }
  
  #page-content > .collapsible-block .collapsible-block-content {
      text-align: left;
  }
  
  .interview{
      border:solid 2px #d4d4d4;
      background:#F5F5F5;
      width:90%;
      padding:1px 15px;
      margin: 10px auto;
  }
  
  .file{
      border:none;
      background:#F5F5F5;
      width:90%;
      padding:1px 15px;
      margin: 10px auto;
  }
  
  .testfile{
      border:solid 3px #643434;
      background:#f7efef;
      width:90%;
      padding:1px 15px;
      margin: 10px auto;
  }
  
  .testvideo{
      background:#e9d5d5;
      width:90%;
      padding:1px 15px;
      margin: 10px auto;
  }
  
  .message{
      border:solid 3px #ffffff;
      background-image: linear-gradient(129deg, #e6bfbf 25%, #ededed 25%, #ededed 50%, #e6bfbf 50%, #e6bfbf 75%, #ededed 75%, #ededed 100%);
      background-size: 36.03px 44.49px;
      text-align: center;
      font-size: 115%;
      padding:1px 15px;
      margin: 10px auto;
  }
  
  #page-title{display:none}
  

  Pages using this styling

  • scp-7593 [info]

  ¶ 1 occurrence
  

  .testfile{
      border:solid 4px #5A0000;
      background:#9d2424;
      width:90%;
      padding:1px 15px;
      margin: 10px auto;
      box-shadow: 1px 1px 4px #5e5e5e82;
      color: white;
  }
  
  .testvideo{
      border:solid 4px #5A0000;
      background:white;
      width:95%;
      padding:1px 15px;
      margin: 5px auto;
      color: black;
  }

  Pages using this styling

  • scp-7590 [info]

  ¶ 1 occurrence
  

  
  #page-content .info-container {
      --link-color: rgb(var(--swatch-text-general));
  }
  
  #page-content .info-container .collapsible-block-link,
  #page-content .info-container:hover .collapsible-block-link {
      line-height: 1.6em;
  }
  
  #page-content .info-container .collapsible-block-folded,
  #page-content .info-container .collapsible-block-unfolded-link {
      display: grid;
  }
  
  #page-content .info-container .collapsible-block-folded .collapsible-block-link,
  #page-content .info-container .collapsible-block-link {
      -webkit-mask: unset;
              mask: unset;
      background: transparent;
      grid-column: 1;
      grid-row: 1;
      opacity: 0;
  }
  
  #page-content .info-container .collapsible-block-folded::before,
  #page-content .info-container .collapsible-block-unfolded-link::before {
      --wght: 800;
      content: "ETC";
      color: #FFFFFF;
      font-family: Inter, Arimo, Verdana, Geneva, "Helvetica Neue", "Helvetica", Arial, sans-serif;;
      display: block;
      pointer-events: none;
      grid-column: 1;
      grid-row: 1;
      line-height: 2.75ex;
  }
  
  .info-container{
  --barColour: #275495
  }
  

  Pages using this styling

  • scp-7586 [info]

  ¶ 1 occurrence
  

  :root {
       --header-title: "‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ";
       --lgurl: url('http://scp-wiki.wikidot.com/local--files/unreality-hub/Unreality%20Header%20Logo.svg');
  }
  
  .obj-text {
    color: white;
  }
  

  Pages using this styling

  • scp-7582 [info]

  ¶ 1 occurrence
  

  :root{
    --header-title: "SCP FOUNDATION";
    --header-subtitle: "SECURE · CONTAIN · PROTECT";
    --head-font: var(--ui-font);
    --page-font-size: 0.79rem;
    --link-txt-color: rgba(var(--accent), 0.75);
  
    --accent: 0, 77, 99;
  
    --posX: calc(50% - 333px - 17.5rem);
    --fnColor: rgb(var(--accent));
  }
  
  h1, h2, h3, h4, h5, h6 {
    font-weight: 900;
  }
  
  #page-content > p {
    font-weight: normal;
  }
  
  #page-content .blockquote {
    margin: 1em 2em;
  }
  
  #page-content hr {
    height: 1px;
    background-color: rgb(var(--accent));
    margin-top: 1.5em;
    margin-bottom: 1.5em;
  }
  
  #page-content .modal {
    font-family: 'Inter';
    font-size: 110%;
  }
  
  #page-content .notation {
    width: auto;
    margin: auto;
    font-family: 'Inter';
    font-size: 110%;
    border-left: solid 4px rgba(var(--accent), 0.33);
    border-right: solid 4px rgba(var(--accent), 0.33);
  }
  
  #page-content .jotting {
    padding: 0.5em 1.5em;
  }
  
  .notation > .jotting,
  #page-content > .jotting > blockquote {
    background-color: white;
  }
  
  #page-content a {
    font-weight: bold;
  }
  
  .fncon {
    font-family: var(--page-font) !important;
    font-size: 92% !important;
    line-height: 1.4;
    border-color: rgb(var(--accent));
  }
  
  .fncon::before {
    font-family: 'Inter';
  }
  
  @media only screen and (min-width: 1278px) {
    .fncon {
      width: 14rem;
      border: none;
      border-left: 5px rgb(var(--accent)) solid;
      background-color: rgba(var(--accent), 0.1);
    }
  
    .fncon::before {
      top: 14px; left: -10px;
    }
  }
  
  @media (max-width: 767px) {
    .jotting,
    .modal {
      margin: 1em;
    }   
  }
  
  #page-content .scp-image-block img {
    border: solid 1px rgba(var(--accent), 0.66);
  }
  
  #page-content .scp-image-block.block-left {
    margin: 0.5em 1.5em 1em 0em;
  }
  
  #page-content .scp-image-block.block-right {
    margin: 0.5em 0em 1em 1.5em;
  }
  
  #page-content .scp-image-caption {
    border: solid 1px rgba(var(--accent), 0.66);
    border-radius: 0px;
    margin-top: 7px;
  }
  
  #breadcrumbs, .pseudocrumbs {
    font-size: 90%;
    font-family: 'Inter';
  }

  Pages using this styling

  • scp-7579 [info]

  ¶ 1 occurrence
  

  /* Hide the original page title */
  #page-title {
    display: none;
  }
  .meta-title {
    border-bottom: solid 1px #bbbbbb;
    color: #990011;
    font-weight: normal;
    margin: 0 0 0.6em;
    padding: 0 0 0.25em;
    font-size: 200%;
  }
  .meta-title p {
    margin: 0;
  }

  Pages using this styling

  • scp-7573 [info]

  ¶ 1 occurrence
  

  .Wylder1 {
      float: right;
      width: 500px;
      text-align: right;
      margin-top: 0;
      margin-right: 0;
      margin-bottom: 2em;
      margin-left: 0;
      padding-right: 0;
  }
  .Wylder2 {
      color: white;
      font-size: 12pt;
      font-family: var(--UI-font);
      border-radius: 5% / 66px;
      background: rgba(154, 140, 71, .5);
      text-align: left;
      padding: 2px 24px;
  }
  #page-content .Wylder1::before {
      display: block;
      content: "» DR. WYLDER";
      text-align: right;
      font-family: var(--UI-font);
      font-style: bold;
      font-size: 1.1em;
      color: white;
      margin-left: 1rem;
      padding-bottom: 3px;
  }
  .Toth1 {
      float: left;
      width: 500px;
      text-align: left;
      margin-top: 0;
      margin-right: 0;
      margin-bottom: 2em;
      margin-left: 0;
      padding-right: 0;
  }
  .Toth2 {
      color: white;
      font-size: 12pt;
      font-family: var(--UI-font);
      border-radius: 5% / 66px;
      background: rgba(61, 117, 116, .5);
      text-align: left;
      padding: 2px 24px;
  }
  #page-content .Toth1::before {
      display: block;
      content: "» DR. TOTH";
      text-align: left;
      font-family: var(--UI-font);
      font-style: bold;
      font-size: 1.1em;
      color: white;
      margin-left: 1rem;
      padding-bottom: 3px;
  }
  
  @media only screen and (min-width: 1020px) {
    body {
      background-image: linear-gradient(90deg, rgba(0,0,0,0) 0%, rgb(var(--basalt-primary-color)) 15%, rgb(var(--basalt-primary-color)) 50%, rgb(var(--basalt-primary-color)) 85%, rgba(0,0,0,0) 100%), url(https://scp-wiki.wikidot.com/local--files/scp-7566/bad_doors.jpg);
      background-size: cover;
      background-attachment: fixed;
      background-repeat: no-repeat;
      background-position: 100% 50%;
    }

  Pages using this styling

  • scp-7566 [info]

  ¶ 1 occurrence
  

  .footnotes-footer {
  display:none;
  }
  
  .collapsible-block {
      position: relative;
      padding: 0.5em;
      margin: 0.5em;
      box-shadow: 2px 1.5px 1px rgba(176,16,0,0.7), 0 0 0px 1px lightgrey;
      overflow-wrap: break-word;
  }
  
  .collapsible-block-unfolded{
      color: black;
      overflow-wrap: break-word;
  }
   
  .collapsible-block-unfolded-link {
      text-align:center;
  }
   
  .collapsible-block-folded {
      text-align: center;
      color: #b01;
  }
   
  .collapsible-block-link {
      font-weight: bold;
      color: #b01;
      text-align: center;
  }
  
  #page-content .licensebox .collapsible-block {
      position: unset;
      padding: unset;
      margin: unset;
      box-shadow: unset;
  }
   
  .licensebox .collapsible-block-unfolded{
      color: inherit;
  }
   
  .licensebox .collapsible-block-unfolded-link {
      text-align: left;
  }
   
  .licensebox .collapsible-block-folded {
      text-align: left;
      color: inherit;
  }
   
  .licensebox .collapsible-block-link {
      color: inherit;
      text-align: left;
  }

  Pages using this styling

  • scp-7562 [info]

  ¶ 1 occurrence
  

  :root{
    --header-title: "SCP FOUNDATION";
    --header-subtitle: "Site-78 Archive";
    --lgurl: url(http://scp-sandbox-3.wdfiles.com/local--files/rtsandboxnoketerleftbehind/scp-reintegration-sigil-alt.png);
  }
  
  }
  div.terminal{
      border: 1px solid black;
      border: solid 3px #BBBBBB;
      border-radius: 16px;
      background-color: #131;
      /* black shadow at the top of the terminal */
      background-image:
          radial-gradient(ellipse 1000% 100% at 50% 90%, transparent, #121);
      background-position: center;
      display: block;
      /* shadow around the terminal */
      box-shadow: inset 0 0 10em 1em rgba(0,0,0,0.5);
      /* prevents scanline from forming a scrollwheel */
      overflow:hidden;
  }
  div.terminal blockquote {
      background-color: black;
      border: double 3px #80FF80
  }
  div.scanline{
      margin-top: -40%;
      width: 100%;
      height: 60px;
      position: relative;
      pointer-events: none;
      /* Safari 4.0 - 8.0 */
      -webkit-animation: scan 12s linear 0s infinite; /* You may need to change this. If the bar goes by too quickly, increase 5s. */
      animation: scan 12s linear 0s infinite; /* Same as above */
      background: linear-gradient(to bottom, rgba(56, 112, 82,0), rgba(56, 112, 82,0.1)) !important;
  }
  
  div.text{
      color: rgba(128,255,128,0.8);
      padding-left: 2em;
      padding-top: 40%;
      font-family: monospace;
      font-size: 1.2em;
  }
  
  /* Safari 4.0 - 8.0 */
  @-webkit-keyframes scan{
      from{ transform: translateY(-10%);}
      to{  transform: translateY(5000%);} /* You may need to change this depending on the length of your terminal. If the scanline stops halfway, increase the second number.*/
  }
  
  @keyframes scan{
      from{ transform: translateY(-10%);}
      to{  transform: translateY(5000%);} /* Same as above.*/
  }
  
  div.text a {
      color: #90EE90;
      text-decoration: none;
      background: transparent;
  }
  div.text a.newpage {
      color: #90EE90;
      text-decoration: none;
      background: transparent;
  }
  div.text a:hover {
      color: #131;
      text-decoration: underline;
      background-color: #80FF80;
      padding: 1px;
  }
  div.text a:hover::before{
      content: "> ";
  }
  .ad_memo {
      background: url(https://scp-wiki.wdfiles.com/local--files/scp-7000/ADtransparent.png) #545454;
      background-size: 400px;
      background-position: center;
      background-repeat: no-repeat;
      box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
      width: 90%;
      min-height: 4rem;
      max-height: 100rem;
      margin-left: auto;
      margin-right: auto;
      padding: 10px 20px 20px 20px;
      word-break: break-word;
  }
  .ad_memo>p:nth-child(1)::before {
      content: "FROM THE OFFICE OF THE OVERSEER\00000a";
      font-family: 'Work Sans', sans-serif;
      font-weight: 900;
      font-size: 130%;
      text-align: center;
      margin-bottom: 1rem;
      padding-bottom: 0.3rem;
      border-bottom: dotted 0.13rem darkslategrey;
      max-width: 49rem;
      margin-left: auto;
      margin-right: auto;
      display: flex;
      flex-direction: column;
      align-content: stretch;
      align-items: center;
  }
  @keyframes blink {
      0% { color: transparent; }
      50%, 100% { color: #b01; }
  }
  .email {border: solid 2px #000000; width: 88%; padding: 1px 15px; margin: 10px; box-shadow: 0 1px 3px rgba(0,0,0,.5)}
  .email-example a.collapsible-block-link {font-weight: bold;}
  .tofrom {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px maroon}

  Pages using this styling

  • scp-7560 [info]

  ¶ 1 occurrence
  

  @media only screen and (min-width: 1020px) {
  body {
  background: linear-gradient(90deg, rgba(0,0,0,0) 0%, rgb(var(--basalt-primary-color)) 15%, rgb(var(--basalt-primary-color)) 50%, rgb(var(--basalt-primary-color)) 85%, rgba(0,0,0,0) 100%), url(https://scp-wiki.wdfiles.com/local--files/scp-7555/background.png);
  background-size: cover;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-position: 100% 50%;
  }
  }
  body {
  isolation: isolate;
  }
  
  #header {
  border-bottom: 6px var(--basalt-primary-color)) solid;
  box-shadow: 0px 1.3px 1.5px rgba(0, 0, 0, 0.2), 0px 4.2px 4.9px rgba(0, 0, 0, 0.3);
  background-image: radial-gradient(circle, rgba(0, 0, 0, 0) 0%, rgba(var(--basalt-primary-color),1) 100%);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 100% 50%;
  }
  
  #page-content :is(blockquote, .blockquote) {
      border-color: rgb(82, 82, 83);
  }
  
  #page-content .widetable :is(table:not(.form), table.wiki-content-table) {
  width: 100% !important;
  margin-top: 1.2rem;
  margin-bottom: 1rem;
  }
  
  :is(#page-content table:not(.form), table.wiki-content-table) th :is(div.blockquote, .blockquote, blockquote) {
  font-family: var(--UI-font);
  font-weight: normal;
  font-size: 0.96em;
  text-align: left;
  letter-spacing: 0.033rem;
  }
  
  :is(span.bigtext, span.bt) {
  text-transform: uppercase;
  }
  
  #page-content .bt {
  color: #f2a;
  }
  
  #page-content .tert {
    background-color: rgb(var(--basalt-tertiary-color));
  }
  
  #page-content .yes {
    color: transparent;
    text-shadow: none;
  }
  
  hr {
  height: 0.22rem;
  transform: skew(-54deg, 0deg);
  background-color: rgb(var(--basalt-bright-element-color));
  }
  
  :is(div.notation, div.blockquote, .blockquote, blockquote, div.modal, div.smallmodal, div.jotting, div.papernote, div.document, div.darkdocument) hr {
  background-color: rgb(144, 144, 144);
  }
  
  div.jailers_memo {
  background: url(https://scp-wiki.wdfiles.com/local--files/scp-7555/JAILERS.png) #eee;
  background-size: contain;
  background-position: top center;
  background-repeat: no-repeat;
  min-height: 4rem;
  margin-inline: auto;
  margin-block: 2rem;
  padding-inline: 20px;
  padding-block: 10px;
  border: solid 2px #111;
  color: #111;
  }
  
  div.jailers_memo::before {
  content: "NOTICE FROM JOINT AMBASSADORS IN LESSENING EXTERNAL RELATIONS STRESSES";
  font-family: var(--UI-font);
  font-weight: bold;
  font-size: 1.3em;
  text-align: center;
  margin: 0 auto 1rem auto;
  display: flex;
  flex-direction: column;
  }
  
  #page-content .confessions-of-the-unseen {
  font-family: 'Barlow', sans-serif;
  color: rgba(255, 255, 255, 0.2) !important;
  }
  
  #u-blink-bar p:last-child::after {
  content: "";
  border-right: 1px solid #fff;
  animation: blink 1.0s infinite;
  position: relative;
  left: 1px;
  }
   
  @keyframes blink{
  to {
  opacity: .0;
  }
  }

  Pages using this styling

  • scp-7555 [info]

  ¶ 1 occurrence
  

  
  [[include :scp-wiki:component:acs-animation]]
  [[include :scp-wiki:component:anomaly-class-bar-source
  |item-number= 7554
  |clearance= 2
  |container-class= safe
  |secondary-class=
  |secondary-icon=
  |disruption-class= dark
  |risk-class= notice
  ]]
  
  [[module CSS]]
  .contain-class .class-text::before {
      color: rgb(228 228 228) !important;
  }
  .anom-bar-container.esoteric .text-part > .main-class > .second-class > .class-text::before {
      color: #e4e4e4!important;
  }

  Pages using this styling

  • scp-7554 [info]

  ¶ 1 occurrence
  

  
  @import url('https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+Antique:wght@300;400;500;700;900&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@700&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Spline+Sans:wght@400;700&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap');
  div.authorlink-wrapper{margin-top: var(--author-top-adjust, .2em) !important;}
  :root {
  --header-logo: url('https://scp-wiki.wdfiles.com/local--files/scp-6768/dept.png');
  --title:"R.S. MNEMOSYNE";
  --subtitle:"DEPARTMENT OF DELETIONS";
  --sidesubtitle: "DELETIONS";
  --sidelogo: url('https://scp-wiki.wdfiles.com/local--files/scp-6768/dept.png');
  --header-font: 'Poppins';
  --body-font: 'Zen Kaku Gothic Antique', sans-serif;
  --ACS-font: var(--header-font);
  --five-color: 116,71,88 !important;
  --basalt-undertone: 60,9,33 !important;
  --swatch-menubg-black-color: 10,10,10 !important;
  --general-border-color: 1,1,1 !important;
  --swatch-menutxt-dark-color: 1,1,1 !important;
  --UI-font: 'Poppins';
  --basalt-main-text-color: 253, 241, 242 !important;
  --selection-background-color: 197, 119, 41 !important;
  --link-color: var(--basalt-alternate-color) !important;
  --link-visited-color: var(--basalt-alternate-color) !important;
  --basalt-bright-element-color: var(--basalt-alternate-color) !important;
  }
  #page-content .widetable .wiki-content-table {
      width: 100% !important;
      font-size: 1.5em;
  }
  :is(#page-content table:not(.form), table.wiki-content-table) {
      table-layout: auto;
  }
  
  
  :is(span.specialtext, span.st) {
  text-decoration: underline 2px;
      text-underline-offset: 3px;
  }
  body {
      background-image:url("https://scp-wiki.wdfiles.com/local--files/scp-7549/cab.png");
      background-attachment: fixed;
      background-size: cover;
      background-blend-mode: color-dodge;
      background-repeat:no-repeat;
  
  }
  
  
  .acs-extra-1 {
  
  font-family: var(--ACS-font), var(--body-font) !important;
  }
  #page-content a.collapsible-block-link {
  
  color: rgb(236, 200, 158);
  
  }
  #page-content div.modal {
      max-width: var(--main-content-width) !important;
  }
  .anom-bar > div.bottom-box::before {
  display: none !important;
  }
  div.overwatch_memo {
  
  --memo-heading: "THIS DOCUMENT HAS BEEN MARKED FOR DELETIONS";
  --memo-logo: url(https://scp-wiki.wdfiles.com/local--files/scp-6768/deletion.png);
  --memo-color: 253, 241, 242;
  }
  
  div.overwatch {
  filter: brightness(65%);
  }
  div[class$="_memo"] {
  
  background-color:rgba(49,49,49,0.6);
  }
  .series-nav {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      align-content: center;
      align-items: baseline;
  
      margin: 1rem 0;
      padding: .02rem 1rem;
      background: rgb(var(--basalt-tertiary-color));
  
      border-top-right-radius: .67rem;
      border-top-left-radius: .67rem;
  
      font-size: 1.2em;
      font-family: var(--UI-font);
  }
  
  .series-nav>* {
      margin: 0 0.3em;
  }
  
  .end_card {
      background: linear-gradient(145deg, rgba(var(--basalt-dark-element-color), 0.5) 0%, rgb(var(--basalt-tertiary-color)) 80%);
      padding: 1.25rem 2rem;
      text-align: center;
  }
  div:is(.jotting, .transcript) {
  border: double 0.15rem #000;
  }
  #page-content :is(blockquote, .blockquote) {
      border-color: #000;
      font-weight: normal;
      background-color: #060b11;
      color: #cdd9d6;
  }
  
  .image-block, .scp-image-block {
  
  border-bottom: none !important;
  }
  
  
  #page-content div:is(.jotting, .transcript) {
  
  max-width: 44rem;
  } 
  .acs_modal {
  width: 100%;
  }
  .featurewrapper {
  position: relative;
  }
  .featurewrapper > * {
  margin: 0 auto !important;
  left: 5px;
  }

  Pages using this styling

  • scp-7549 [info]

  ¶ 1 occurrence
  

  
  
  .scp-image-block.block-right { margin: 1em 2em 1em 1em; }
  
  .page {
      display: block;
      overflow: hidden;
      font-family: "Monotype Corsiva", "Bradley Hand ITC", sans-serif;
      font-style: normal;
      font-size: 19px;
  
     
      background-attachment: scroll;
      background-clip: border-box;
      background-color: transparent;
      background-image: linear-gradient(to top ,rgb(202, 219, 228) 0%, rgb(231, 233, 220) 8%);
      background-origin: padding-box;
      background-position: 0px 8px;
      background-repeat: repeat;
      background-size: 100% 20px;
      
  
      border: 1px solid #CCC;
      border-radius: 10px;
      padding: 10px 10px;
      margin-bottom: 10px;
  
      box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2)
      }
  .page p {
      line-height: 20px;
      margin: 0;
  }

  Pages using this styling

  • scp-7547 [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');
  
  .ram a {
  color: red;
  font-family: 'Bebas Neue', cursive;
  font-size: 300%;
  }
  
  #page-content > .collapsible-block {
       background-color: #cacaca45;
  }
  .footnotes-footer {
  display: none;
  }

  Pages using this styling

  • scp-7545 [info]

  ¶ 1 occurrence
  

  :root {
    --header-title: 'SCP Foundation' !important;
    --header-subtitle: 'RPCF Site-515' !important;
  }

  Pages using this styling

  • scp-7540 [info]

  ¶ 1 occurrence
  

  :root {
      --header-title: "SCP Foundation";
      --header-subtitle: "Anomalous Entity Engagement Division";
      --logo-image: url(" http://scpdsandbox.wikidot.com/local--files/depcon/AEEDLogoWhite.png");
      --diagonal-stripes: linear-gradient(transparent, transparent, transparent) !important;
  }
  .logo-image {background-color: #ff69b4; border: solid 5px #000000; border-radius: 50%; width: 40%; padding: 10px;}
  .section {border: solid 2px #ff69b4; padding: 1px 15px; border-right: 0px; margin: 20px -7.5px 20px 20px;}
  .section-header {padding: 0px 5px 0px 5px; margin-top: -17.6px;  width: fit-content; background-color: #FAFAFA;}
  .section-content {margin-top: -10px;}

  Pages using this styling

  • scp-7538 [info]

  ¶ 1 occurrence
  

  .email {background-color: #FFFFFF; color: #333333; border: solid 2px #BBBBBB; width: 88%; padding: 1px 15px; margin: 10px; box-shadow: 0 1px 1px rgba(0,0,0,.5)}
  .post {background-color: #000000; color: #FFFFFF; border: solid 2px #BBBBBB; width: 88%; padding: 1px 15px; margin: 10px; box-shadow: 0 1px 1px rgba(0,0,0,.5)}

  Pages using this styling

  • scp-7534 [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+Antique:wght@300;400;500;700;900&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@700&display=swap');
  :root {
   --header-font: "Poppins", sans-serif;
   --body-font: "Zen Kaku Gothic Antique", sans-serif;
  }
  .anom-bar-container.vlam .text-part .disrupt-class, .anom-bar-container.vlam .danger-diamond > .quadrants > .left-quad {
  background-color: rgb(208, 55, 145) !important;
  border-left: rgb(254, 91, 169) !important;
  }
  #page-content a {
  border-bottom: none !important;
  }
  .anom-bar-container.caution .text-part .risk-class, .anom-bar-container.caution .danger-diamond > .quadrants > .right-quad {
  background-color: rgb(254, 91, 169) !important;
  border-left: rgb(208, 55, 145) !important;
  }
  .anom-bar-container.uncontained .danger-diamond > .quadrants > .bottom-quad {
  background-color: rgb(254, 108, 144) !important;
  }
  .anom-bar-container.uncontained .danger-diamond > .quadrants > .top-quad {
  background-color: rgb(255, 145, 175) !important;
  }
  .anom-bar-esoteric .anom-bar-container.euclid .danger-diamond > .bottom-icon {
      filter:invert(1);
  }
  @media screen and (max-width: 990px) {
  .fireflies_pc{display:none;}
  .fireflies_mob{display:block}
  }
  @media screen and (min-width: 991px) {
  .fireflies_mob{display:none;}
  .fireflies_pc{display:block;}
  }
  
  .scp-image-block .scp-image-caption {
  font-size: 95%;
  }

  Pages using this styling

  • scp-7533 [info]

  ¶ 1 occurrence
  

  :root {
      --top-layer-height-offset: 3em;
  }

  Pages using this styling

  • scp-7532 [info]

  ¶ 1 occurrence
  

  :root {
  --header-title: "SCP Foundation";
  --header-subtitle: "Admin Site-39";
  --lgurl: url('your url here');
  }

  Pages using this styling

  • scp-7530 [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,900;1,900&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Bungee+Shade&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Staatliches&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');
  
  :root {
      --logo-image: url("http://scpdsandbox.wdfiles.com/local--files/site-333/At3.png");
      --header-title: "SITE-333";
      --header-subtitle: "HEAVEN ON EARTH";
      --header-font: 'Playfair Display', serif;
      --title-font: 'Playfair Display', serif;
      --body-font: 'Telex', sans-serif;
      --bright-accent: 0, 109, 255;
      --medium-accent: 	0, 63, 197;
      --dark-accent: 0, 22, 142;
  
      --link-color: var(--medium-accent);
  }
  
  #extra-div-1 {
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 10rem;
      background-image: url("http://scpdsandbox.wdfiles.com/local--files/site-333/PanoRam2.jpg");
      background-size: cover;
      background-position: center;
      background-repeat: repeat-x;
      pointer-events: none;
  }
  
  #extra-div-2 {
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 10rem;
      background: linear-gradient(0deg, rgba(0, 109, 255,1) 35%, rgba(204, 226, 255) 97%);
      pointer-events: none;
      opacity: 0.40;
  }
  
  #extra-div-3 {
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 10rem;
      background-image: url("http://scptestwiki.wdfiles.com/local--files/undervegas/dicegold.png");
      background-size: cover;
      background-position: center;
      background-repeat: repeat-x;
      pointer-events: none;
      opacity: 0.65;
  
  }
  
  /* *** DIVS *** */
  .addendum {
      border:solid 2px rgb(var(--bright-accent));
      background:#F5F5F5;
      width:84%;
      padding:1px 15px;
      margin: 10px auto;
  }
  
  .label {
      background: rgb(var(--bright-accent));
      color: white;
      padding: 3px;
      border-radius: 4px;
      font-family: monospace;
      white-space: nowrap;
  }
  
  .doc {
      background-color: rgb(var(--bright-accent));
      color: white;
      font-family: var(--mono-font);
      padding: 0 1.5rem;
      font-size: 1.1em;
      width: fit-content;
      position: relative;
      top: -2em;
      border-radius: 4px;
      margin-bottom: -3rem;
  }
  
  .addendum {margin-top: 1.6rem;}
  
  .angled {clip-path: polygon(4% 0%, 100% 0%, 96% 100%, 0% 100%); border-radius: 5px;}
  
  .foundation {
      border:solid 3px #444;
      background: #f2f2c2 url('https://scp-wiki.wdfiles.com/local--files/theme%3Aredtape/scp_trans.png') center center no-repeat;
      padding: 1.5rem;
      margin-bottom: 10px;
      color: black;
  }
  .foundation p {
      margin: none;
  }
  
  .foundation.snow {
      background: #fff;
  }
  
  .foundation.raisa {
      background: #f2f2c2 url('https://scp-wiki.wdfiles.com/local--files/theme%3Aredtape/raisa_trans.png') center center no-repeat;
      background-size: 29rem;
      text-align: center;
  }
  .foundation.alt {
      background: #fff url('https://scp-wiki.wdfiles.com/local--files/theme%3Ai57/scp-logo-i57.png') center center no-repeat;
  }
  
  .generic {
     position: relative;
     margin: 0.5em 1.25rem;
     padding: 0.825em 1.25em;
     clear: both;
     clip-path: polygon(93% 0px, 100% 15.11%, 100% 100%, 0px 100%, 0px 0px);
     border-left: 4px solid gray;
  }
  .generic hr {background: gray; border: none;}
  .generic h1, .generic h2, .generic h3, .generic h4, .generic h5, .generic h6 {color: #515050;}
  .generic.red {background: #ff4a4a3d;}
  .generic.blue {background: #4a80ff3d;}
  .generic.yellow {background: #fff77f3d;}
  .generic.purple {background: #a561d536;}
  .generic.green {background: #CDE5DD;}
  
  
  #header::before {
      left: 0.5rem;
      background-position: center -0.5rem;
      opacity: 1;
  }
  
  #header h1, #header h2 {
      margin: 1.7rem 0;
  }
  
  #page-content div:is(.document, .darkdocument) {
      max-width: 45rem;
  }
  
  div[class$="_memo"] {
      background: var(--memo-logo) rgba(var(--memo-color), 1);
      background-size: contain;
      background-position: top center;
      background-repeat: no-repeat;
      min-height: 4rem;
      margin-inline: auto;
      margin-block: 2rem;
      padding-inline: 20px;
      padding-block: 10px;
      border: solid 2px rgba(0, 0, 0, 0.1);
      text-align: center;
  }
  
  div[class$="_memo"]::before {
      content: var(--memo-heading);
      font-family: var(--UI-font);
      font-weight: 900;
      font-size: 1.75em;
      text-align: center;
      margin: 0 auto 1rem auto;
      display: flex;
      flex-direction: column;
      padding-top: 0.5em;
  }
  
  div.overwatch_memo {
      --memo-heading: "PROCLAMATION OF THE O5 COUNCIL";
      --memo-logo: url(https://scp-wiki.wdfiles.com/local--files/theme%3Abasalt/O5_DARKLOGO.png);
      --memo-color: 227, 227, 227;
  }
  
  div.temporal_memo {
      --memo-heading: "NOTICE OF TEMPORAL REVISION";
      --memo-logo: url(https://scp-wiki.wdfiles.com/local--files/theme%3Abasalt/DELTA_T_DARKLOGO.png);
      --memo-color: 255, 255, 255;
  }
  
  .table2 {
      --accentColor: rgb(40, 135, 189);
  }
  .custom2 .wiki-content-table {
      width: 100%;
  }

  Pages using this styling

  • scp-7529 [info]

  ¶ 1 occurrence
  

  :root {
      --accent: 0, 210, 60 !important;
  }
  
  .series-nav {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      align-content: center;
      align-items: baseline;
  
      margin: 1rem 0;
      padding: .02rem 1rem;
      background: #445;
  
      border-top-right-radius: .67rem;
      border-top-left-radius: .67rem;
  
      font-size: 1.2em;
      font-family: var(--UI-font);
  }
  
  .series-nav>* {
      margin: 0 0.3em;
  }
  
  .end_card {
      background: linear-gradient(145deg, rgba(var(--accent), 0.5) 0%, #445 80%);
      padding: 1.25rem 2rem;
      text-align: center;
  }

  Pages using this styling

  • scp-7528 [info]

  ¶ 1 occurrence
  

  
  :root {
  --thaumiel: 0, 135, 189
  }
  
  #page-content hr {
  border-top: none;
  height: .05em;
  background: #454545;
  }
  
  .info-container .collapsible-block-folded a{
  color: #FFF;}
  .info-container .collapsible-block-unfolded-link a{
  color: #FFF;
  }
  
  .info-container .collapsible-block-folded a{
  color: #FFF;}
  .info-container .collapsible-block-unfolded-link a{
  color: #FFF;
  }
  
  #page-content > .collapsible-block {
      display: block;
      text-align: center;
      padding: .8em;
      background-color: #e3e3e3;
      border-top: 0.125rem dashed #b5b5b5;
      border-bottom: 0.125rem dashed #b5b5b5;
  }
  
  #page-content > .collapsible-block .collapsible-block-content {
      text-align: left;
  }
  
  blockquote,
  div.blockquote {
      border: 0.125rem solid #d4d4d4;
      background-color: #F5F5F5;
  }
  
  .interview{
      border:solid 2px #d4d4d4;
      background:#F5F5F5;
      width:90%;
      padding:1px 15px;
      margin: 10px auto;
  }
  
  .addendum{
      border:solid 1px #5e5e5e;
      background:#ffffff;
      width:90%;
      padding:1px 15px;
      margin: 10px auto;
  }
  
  .event{
      border:solid 1px #000000;
      background:#D8ECF4;
      width:90%;
      padding:1px 15px;
      margin: 10px auto;
  }
  
  .test{
      border:solid 1px #000000;
      background:#F5D8E0;
      width:90%;
      padding:1px 15px;
      margin: 10px auto;
  }
  
  #page-title{display:none}
  

  Pages using this styling

  • scp-7522 [info]

  ¶ 1 occurrence
  

  .email-example .collapsible-block-folded a.collapsible-block-link {
      animation: blink 0.8s ease-in-out infinite alternate;
  }
  @keyframes blink {
      0% { color: transparent; }
      50%, 100% { color: #b01; }
  }
  .email {border: solid 2px #1b415d; width: 88%; padding: 1px 15px; margin: 10px; box-shadow: 0 1px 3px rgba(0,0,0,.5)}
  .email-example a.collapsible-block-link {font-weight: bold;}
  .tofrom {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px maroon}

  Pages using this styling

  • scp-7521 [info]

  ¶ 1 occurrence
  

  :root {
       --header-title: "THE FOUNDATION";
       --header-txt-color: #FFFFFF;
       --misc-txt-color: #FFFFFF;
       --darkmode-gradient-top: #325E3D;
       --darkmode-gradient-bottom: #000000;
       --accent: 75, 131, 89
  }

  Pages using this styling

  • scp-7518 [info]

  ¶ 1 occurrence
  

  
  :root {
  
  --header-title: "ONTOKINETICS";
  
  --admo-color-bright: 130, 80, 160;
  --admo-color-dim: 11, 5, 26;
  --admo-color-dark: 5, 0, 8;
  --admo-color-alt: 116, 77, 135;
  
  --general-border-color: 37, 30, 50;
  --basalt-tertiary-color: 34, 10, 44;
  --darkdocument-background-color: 14, 4, 18;
  
  --one-color: 34, 187, 68 !important;
  --six-color: var(--admo-color-bright);
  
  }

  Pages using this styling

  • scp-7517 [info]

  ¶ 1 occurrence
  

  .risk-class::before, .disrupt-class::before {
      color: var(--white-monochrome) !important;
      font-family: var(--body-font) !important;
      font-size: 4px !important;
  }
  .anom-bar-container.severus .text-part .risk-class::before {
      content: "IV" !important;
  }
  .anom-bar-container.ifrit .text-part .disrupt-class::before {
      content: "III" !important;
  }

  Pages using this styling

  • scp-7511 [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=El+Messiri&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Forum&display=swap');
  :root {
      --pale-accent: 239, 192, 153;
      --bright-accent: 230, 222, 222;
      --medium-accent:  183, 160, 89;
      --dark-accent: 145, 105, 124;
      --alt-accent: 255, 246, 255;
  --header-gradient-color-bottom: var(--medium-accent);
  --header-gradient-color-middle: var(--dark-accent);
  --link-color: var(--dark-accent);
  --tabs-bg: var(--dark-accent);
  --rating-module-bottom-border-color: var(--dark-accent);
  --rating-module-button-plus-color: 55, 158, 179;
  --rating-module-button-negative-color: 255, 126, 5;
  --title-font: 'El Messiri', sans-serif;
  --header-font: 'Forum', cursive;
  --logo-image: url(http://scp-sandbox-3.wdfiles.com/local--files/byebyemanhubert/scp-ecumene-sigil.png);
  --header-title: "The • Ecumenical • Archives";
  --header-subtitle: "O c v l v m • P r o • O c v l o";
  }
  
  .Transcript{
      border:dotted 1px #000000;
      background:#cfcedc;
      width:90%;
      font-size: 18px;
      font-family: 'Forum';
      padding:1px 15px;
      margin: 10px auto;
      max-width: 600px;
  }
  .James{
      font-size: 18px;
      font-family: 'Forum';
  }
  .Hagi{
      border:dotted 1px #000000;
      background:#f5f0f0;
      width:95%;
      padding:1px 15px;
      margin: 10px auto;
      max-width: 600px;
  }
  .Verse{
      border:dotted 1px #000000;
      background:#fdf5e6;
      width:60%;
      padding:1px 15px;
      font-size: 18px;
      font-family: 'Forum';
      margin: 10px auto;
      max-width: 400px;
  }

  Pages using this styling

  • scp-7511 [info]

  ¶ 1 occurrence
  

  :root{
  --title: "HPC Division";
  --subtitle: "LOOK BEFORE YOU THINK";
  }

  Pages using this styling

  • scp-7510 [info]

  ¶ 1 occurrence
  

  .email {border: solid 2px #000000; width: 88%; padding: 1px 15px; margin: 10px; box-shadow: 0 1px 3px rgba(0,0,0,.5)}
  
  .email-example a.collapsible-block-link {font-weight: bold;}
  
  .tofrom {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px maroon}
  
  .dryg {
      padding-left: 12px; 
      padding-right: 12px; 
      padding-top: 6px;
      background: #feff8c;
      border:solid 2px #FF6D00;
  }
  
  .ad_memo {
      background: #F4DFDF;
      background-size: 400px;
      background-position: center;
      background-repeat: no-repeat;
      box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
      width: 90%;
      min-height: 4rem;
      margin-left: auto;
      margin-right: auto;
      padding: 10px 20px 20px 20px;
      word-break: break-word;
  }

  Pages using this styling

  • scp-7509 [info]

  ¶ 1 occurrence
  

  :root {
    --header-title: "SCP FOUNDATION";
    --header-subtitle: "Secure, Contain, Protect.";
    --lgurl: url(https://scp-wiki.wdfiles.com/local--files/component:pride-highlighter/tg_logo.svg);
  }

  Pages using this styling

  • scp-7505 [info]

  ¶ 1 occurrence
  

  .box {
      width: 85%;
      border: 1px dashed #cdcdcd;
      background-color: #f5f5f5;
      padding: 15px;
      margin: 15px auto;
  }

  Pages using this styling

  • scp-7504 [info]

  ¶ 1 occurrence
  

  /*
      Powered on 2023/02/24 12:57:46
      [2023 Wikidot Theme]
      Created by Doctor Jiqian
      CC BY-SA 3.0
  */
  
  :root {
      --header-subtitle: "Secure, Contain, Protect";
      --cutColour: #fafafa;
      --barColour: #590505;
      --timeScale: 1;
      --timeDelay: 1s;
      --accentColor: 39, 134, 156;
      --dark-gray-monochrome: 55, 55, 55;
      --black-monochrome: 26, 26, 26;
  }
  
  sup {
  vertical-align: top; position: relative; top: -0.5em;
  }
  #header::before {
      opacity: 0.5 !important;
  }
  
  .translation_block{
  display:none;}
  
  #page-content .info-container {
      --link-color: rgb(var(--swatch-text-general));
  }
  
  #page-content .info-container .translation_block {
      display: none;
  }
  
  #page-content .info-container .collapsible-block-link,
  #page-content .info-container:hover .collapsible-block-link {
      line-height: 1.6em;
  }
  
  #page-content .info-container .collapsible-block-folded,
  #page-content .info-container .collapsible-block-unfolded-link {
      display: grid;
  }
  
  #page-content .info-container .collapsible-block-folded .collapsible-block-link,
  #page-content .info-container .collapsible-block-link {
      -webkit-mask: unset;
              mask: unset;
      background: transparent;
      grid-column: 1;
      grid-row: 1;
      opacity: 0;
  }
  
  #page-content .info-container .collapsible-block-folded::before,
  #page-content .info-container .collapsible-block-unfolded-link::before {
      --wght: 800;
      content: "djkaktus";
      color: var(--link-color);
      font-family: Inter, Arimo, Verdana, Geneva, "Helvetica Neue", "Helvetica", Arial, sans-serif;;
      display: block;
      pointer-events: none;
      grid-column: 1;
      grid-row: 1;
  }
  

  Pages using this styling

  • scp-7502 [info]

  ¶ 1 occurrence
  

  div#container-wrap {
      background: url('https://scp-sandbox-3.wdfiles.com/local--files/tstaffor/theme1') top left repeat-x;
  }

  Pages using this styling

  • scp-7500 [info]

  ¶ 1 occurrence
  

  :root {
      --header-logo: var(--logo);
      --logo: url('https://scp-wiki.wdfiles.com/local--files/desk-of-junior-designer-s-yvonne/miscdept.png');
      --header-title: var(--title);
      --header-subtitle: var(--subtitle);
      --title: "DoMC";
      --subtitle: "Solving Communications Problems";
  }

  Pages using this styling

  • scp-7498 [info]

  ¶ 1 occurrence
  

     /* The following code is a remix of an effect made by Matt Gross, which can be found at this url https://codepen.io/mattgrosswork/pen/VwprebG. It is under an MIT license per codepen's policies, which dictates the code is open source. The following statement has been provided in order to comply with the terms of the MIT license:
  
  Copyright 2021 MATT GROSS
  
  Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the “Software”), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
  
  The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
  
  THE SOFTWARE IS PROVIDED “AS IS”, WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
  
  */
  .glitch {
    font-weight: bold;
    animation: paths 5s step-end infinite;
  }
  
  @keyframes paths {
      0% {
     text-shadow: 0 0 10px white;
    }
  
    9.196094638879975% {
      clip-path: polygon(
        89% 21%,
        50% 31%,
        30% 29%,
        90% 7%,
        79% 46%,
        17% 42%,
        21% 60%,
        31% 53%,
        77% 39%,
        2% 88%,
        48% 2%,
        18% 76%,
        2% 64%,
        87% 90%,
        32% 20%,
        53% 97%,
        19% 86%,
        80% 73%,
        69% 88%,
        76% 68%,
        91% 91%,
        12% 80%,
        77% 15%,
        54% 12%,
        78% 58%,
        93% 18%,
        88% 24%,
        90% 30%,
        67% 76%,
        89% 54%,
        18% 52%,
        96% 49%,
        35% 19%,
        22% 52%,
        38% 7%,
        78% 80%,
        28% 24%,
        78% 58%,
        43% 99%,
        55% 95%,
        80% 85%,
        49% 83%,
        77% 66%,
        23% 49%,
        97% 37%,
        66% 40%,
        61% 8%,
        40% 49%,
        14% 89%,
        56% 10%);
      
    text-shadow: 0 0 10px white, 10px 10px 0px #ff88ffff, 3px -4px 0px #88ff88ff;
    }
  
   13.170498501067213% { clip-path: none; text-shadow: 0 0 10px white;}
  
  27.67556087911762% {
      clip-path: polygon(
        73% 38%,
        53% 27%,
        50% 22%,
        49% 93%,
        83% 7%,
        40% 45%,
        49% 62%,
        0% 17%,
        33% 56%,
        71% 36%,
        59% 86%,
        99% 92%,
        43% 9%,
        48% 62%,
        8% 55%,
        16% 9%,
        58% 1%,
        16% 89%,
        17% 61%,
        98% 91%,
        92% 87%,
        52% 97%,
        29% 95%,
        12% 74%,
        40% 35%,
        83% 96%,
        0% 21%,
        51% 17%,
        86% 24%,
        8% 85%,
        82% 84%,
        60% 70%,
        64% 78%,
        43% 13%,
        2% 98%,
        6% 16%,
        15% 33%,
        42% 64%,
        84% 3%,
        56% 55%,
        42% 12%,
        98% 81%,
        14% 69%,
        1% 96%,
        89% 18%,
        46% 34%,
        65% 0%,
        8% 17%,
        91% 36%,
        21% 24%);
      
    text-shadow: 0 0 10px white, 10px 10px 0px #ff88ffff, 3px -4px 0px #88ff88ff;
    }
  
   29.518176284284955% { clip-path: none; text-shadow: 0 0 10px white;}
  
  45.72699077756346% {
      clip-path: polygon(
        81% 79%,
        25% 5%,
        84% 4%,
        40% 54%,
        81% 17%,
        88% 88%,
        30% 25%,
        46% 6%,
        11% 90%,
        7% 47%,
        67% 2%,
        92% 91%,
        12% 33%,
        76% 75%,
        14% 92%,
        91% 6%,
        85% 60%,
        36% 84%,
        58% 50%,
        43% 53%,
        19% 71%,
        5% 84%,
        83% 11%,
        70% 62%,
        1% 34%,
        87% 11%,
        45% 32%,
        53% 0%,
        73% 6%,
        35% 53%,
        71% 42%,
        12% 51%,
        22% 79%,
        79% 84%,
        3% 7%,
        84% 16%,
        16% 52%,
        81% 92%,
        12% 66%,
        12% 65%,
        43% 89%,
        48% 63%,
        32% 75%,
        1% 40%,
        49% 1%,
        32% 68%,
        42% 33%,
        62% 93%,
        98% 73%,
        46% 48%);
      
    text-shadow: 0 0 10px white, 10px 10px 0px #ff88ffff, 3px -4px 0px #88ff88ff;
    }
  
   49.02075646397905% { clip-path: none; text-shadow: 0 0 10px white;}
  
  69.23840386486273% {
      clip-path: polygon(
        89% 82%,
        44% 73%,
        87% 45%,
        77% 4%,
        33% 15%,
        68% 65%,
        87% 48%,
        87% 14%,
        64% 6%,
        60% 70%,
        2% 50%,
        46% 82%,
        97% 43%,
        30% 54%,
        87% 12%,
        85% 3%,
        34% 99%,
        88% 18%,
        84% 74%,
        95% 26%,
        26% 0%,
        81% 86%,
        97% 14%,
        17% 90%,
        15% 11%,
        29% 13%,
        1% 88%,
        88% 21%,
        29% 13%,
        24% 16%,
        45% 25%,
        69% 39%,
        94% 27%,
        41% 77%,
        23% 46%,
        34% 42%,
        77% 12%,
        19% 53%,
        15% 83%,
        95% 24%,
        47% 82%,
        99% 22%,
        53% 60%,
        47% 7%,
        65% 75%,
        51% 3%,
        85% 32%,
        87% 54%,
        31% 99%,
        90% 51%);
      
    text-shadow: 0 0 10px white, 10px 10px 0px #ff88ffff, 3px -4px 0px #88ff88ff;
    }
  
   72.24388058295439% { clip-path: none; text-shadow: 0 0 10px white;}
  
  82.28860171912386% {
      clip-path: polygon(
        64% 61%,
        32% 7%,
        33% 69%,
        48% 3%,
        3% 54%,
        18% 3%,
        88% 12%,
        54% 7%,
        75% 18%,
        32% 72%,
        45% 87%,
        68% 57%,
        46% 39%,
        27% 39%,
        9% 27%,
        82% 95%,
        31% 24%,
        75% 99%,
        36% 4%,
        31% 21%,
        0% 55%,
        79% 45%,
        14% 38%,
        12% 70%,
        22% 30%,
        96% 2%,
        32% 7%,
        53% 99%,
        9% 4%,
        10% 58%,
        64% 85%,
        73% 2%,
        75% 71%,
        53% 85%,
        40% 58%,
        21% 0%,
        65% 77%,
        22% 73%,
        53% 61%,
        4% 14%,
        81% 0%,
        65% 58%,
        5% 36%,
        96% 41%,
        71% 30%,
        1% 51%,
        78% 9%,
        11% 23%,
        29% 43%,
        10% 10%);
      
    text-shadow: 0 0 10px white, 10px 10px 0px #ff88ffff, 3px -4px 0px #88ff88ff;
    }
  
   84.11954210013462% { clip-path: none; text-shadow: 0 0 10px white;}
  }
  

  Pages using this styling

  • scp-7495 [info]

  ¶ 1 occurrence
  

  .nested-footnote-container {
  color: #b01;
  position: relative;
  display: inline;
  }
  
  .nested-footnote {
  display: none;
  }
  
  .nested-footnote > br:nth-last-child(1) {
  display: none;
  }
  
  .nested-footnote-hitbox {
  display: none
  }
  
  .nested-footnote-container:hover > .nested-footnote-hitbox {
  display: block;
  position: absolute;
  top: -15px;
  left: 0px;
  padding-top: 15px;
  min-width: 200px;
  }
  
  .nested-footnote-container:hover > .nested-footnote-hitbox > .nested-footnote {
  display: block;
  border: 1px solid #EEC643;
  padding: 3px;
  background-color: #261B0B;
  color: #EEC643;
  }
  
  .inline-paragraph > p {
  display: inline;
  }
  

  Pages using this styling

  • scp-7495 [info]

  ¶ 1 occurrence
  

  
  .blink{
     animation: blink 1s infinite;
     animation-fill-mode: forwards;
     display: inline;
     font-size: 50px;
     }
  
  
  @keyframes blink {
     0% { opacity: 0 }
     100% { opacity: 1 }
     }
  

  Pages using this styling

  • scp-7495 [info]

  ¶ 1 occurrence
  

  
  #extrac-div-2 {
    display: none;
  }
  

  Pages using this styling

  • scp-7495 [info]

  ¶ 1 occurrence
  

  
  :root{
    --header-title: "SITE-101";
    --header-subtitle: "Dosis Sola Facit Venenum";
  }
  
  div#extra-div-1 {
      background-image: url(https://scp-sandbox-3.wdfiles.com/local--files/socksesforfoxes-presents-rappaccini-s-poison/ivylogo.png);
      filter: opacity(50%);
  }
  
  .herbal{
      padding: 15px;
      background: #cef5d3;
      color: black;
      border:solid 1px black;
      box-shadow: 3px 6px #888888;
      overflow:auto;
  }

  Pages using this styling

  • scp-7493 [info]

  ¶ 1 occurrence
  

  #top-bar { 
     display: flex;
     justify-content: center;
     right: 0;
     top: 10rem;
  }
  
  #page-content {
      margin-top: 3rem;
  }
  
  @media screen and (max-width: 600px) {
  
  div.section {
  padding-inline: 1.25rem;
  }
  
  hr {
      margin-inline: -10.25rem;
  }
  
  :root {
  --header-UI-font-size: 0.75rem;
  }
  
  }
  

  Pages using this styling

  • scp-7493 [info]

  ¶ 1 occurrence
  

  :root {
    --header-title: "RESEARCH AREA-57";
    --header-subtitle: "STUDYING COGNITIVE PHENOMENA";
    --lgurl: url(http://scp-wiki.wikidot.com/local--files/scp-7491/a57gheader.svg);
    --accentColor: #ededed;
    --fnColor: #1EB5E8;
  }
  @media (max-width: 479px) {
  :root {
    --header-title: "RES. AREA-57";
  }
  #header h2::before {
    font-size: 1rem;
  }
  }
  div#extra-div-1 {
      opacity: 20%;
  }
  .top-left-box > .item{
      display: none;
  }
  .darkboxal, .darkboxio {
      background-color: var(--darkerColor);
      padding: .4rem;
      margin-top: 12px;
      margin-bottom:12px;
  }
  .darkboxal {
      border-left: solid 0.26rem #8868de;
      border-right: solid 0.26rem #8868de;
  }
  .darkboxio {
      border-left: solid 0.26rem #f26430;
      border-right: solid 0.26rem #f26430;
  
  }
  .alblock {
      background-color: var(--darkerColor);
      border: solid 2px var(--darkColor);
      box-shadow: -3px 0px 0px -0.1px #8868de;
      padding: 0 1em;
      margin: 1em 3em;
  }
  
  .email-example .collapsible-block-folded a.collapsible-block-link {
      animation: blink 0.8s ease-in-out infinite alternate;
  }
  @keyframes blink {
      0% { color: transparent; }
      50%, 100% { color: #b01; }
  }
  .email {border: solid 2px #000000; width: 88%; padding: 1px 15px; margin: 10px;}
  .email-example a.collapsible-block-link {font-weight: bold;}
  .tofrom {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px #1EB5E8}

  Pages using this styling

  • scp-7491 [info]

  ¶ 1 occurrence
  

  :root {
      --timeScale: 2;
      --timeDelay: 0.5s;
  }
  
  .testseries {
     border: 1px solid white;
     border-radius: 8px;
     width: 90%;
     margin: auto;
     margin-top: 1em;
     margin-bottom: 1em;
  
  
  }
  .noword {
     padding: 0px 10px 10px 10px;
  }
  .afterword {
     padding: 0px 10px;
  }
  
  .testlogs {
     border-collapse: collapse;
     margin: auto;
     table-layout: fixed;
     width: 100%;
  }
  
  
  .testlogs th {
     font-weight: bold;
     padding: .3em .7em;
     text-align: center;
     border: 1px solid white;
     color: white; 
  }
  
  .testlogs td {
     border: 1px solid white;
     padding: .3em .7em;
     color: white;
  }
  

  Pages using this styling

  • scp-7486 [info]

  ¶ 1 occurrence
  

  div#side-bar span.printuser a:nth-child(1) {
      pointer-events: none;
  }
  
  div#side-bar::before {
      content: '';
      background-color: #eee;
      background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' xmlns='http://www.w3.org/2000/svg'%3E%3Ctext x='50%25' y='55%25' font-size='15' fill='%23a2a9b6' font-family='system-ui, sans-serif' text-anchor='middle' dominant-baseline='middle'%3E⇱%3C/text%3E%3C/svg%3E");
      background-size:cover;
      position: fixed;
      right: 5%;
      bottom: 5%;
      height: 5vh;
      width: 5vh;
      display:block;
      border-radius: 1rem 0 0;
      transition: .2s ease;
      box-shadow: #eee 5px 5px 13px;
      border: .1rem solid #ccc;
  }
  
  div#side-bar {
      height: 0%;
      max-height: 50%;
      border: unset;
      margin: 0;
      padding: 0;
      overflow: hidden;
      position: fixed;
      bottom: 5%;
      right: 5%;
      transition: .2s ease;
  }
  
  div#side-bar:hover {
      height: 600px;
      width: 200px
      scrollbar-width: none;
      margin: 0;
      padding: 1rem;
      overflow: scroll;
      position: fixed;
      bottom: 5%;
      right: 5%;
      background-color: #f8f8f8cc;
      border: 1px solid #ccc;
      border-radius: 1rem 0;
      box-shadow: #555 5px 5px 13px;
  }
  div#side-bar:hover::before {
      border-radius: 1rem 0;
      background-color: #3339;
      box-shadow: #555 5px 5px 13px;
  }

  Pages using this styling

  • scp-7486 [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css?family=Ruslan+Display');
  .shadow {
      font-family: 'Ruslan Display', cursive;
      font-size: 130%;
  }

  Pages using this styling

  • scp-7486 [info]

  ¶ 1 occurrence
  

  .funnybox{
      background: #808080;
      width:90%;
      padding:1px 15px;
      margin: 10px auto;
  }

  Pages using this styling

  • scp-7485 [info]

  ¶ 1 occurrence
  

  :root {
     --header-logo: var(--logo);
     --logo: url('https://scp-wiki.wdfiles.com/local--files/scp-7483/ECAD_Logo.svg');
     --subtitle: "Department of Egregore Containment and Analysis";
     --basalt-bright-element-color: 2, 152, 179;
     --basalt-dark-element-color: 11, 120, 116;
  }
  #header h1 a::before {
     filter: invert();
  }
  #page-content#page-content .yui-navset .yui-content > div {
    animation: none;
    transition: none;
  }
  .danger-diamond > a {
    display: none;
  }
  .info-container{
  --barColour: #050363;
  --linkColour: #FFF;
  }

  Pages using this styling

  • scp-7483 [info]

  ¶ 1 occurrence
  

  body{
      --barColour: #b8a499;
  }
  
  :root{
    --header-title: "Tactical Theology";
    --header-subtitle: "Abrahamic Subdepartment";
  }
  @media (max-width: 768px) {
      :root {
           --header-title: "Tact. Theo.";
      }
  }
  
  div#extra-div-1 {
      background-image: url(http://topia.wikidot.com/local--files/in-heaven-a-spirit-doth-dwell/tactical-theology.png);
      filter: opacity(20%);
  }
  
  #header h1 a::before,
  #header h2::before {
      background: -webkit-linear-gradient(#801818, #000000);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
  }
  
  #page-content .info-container {
      --link-color: rgb(var(--swatch-text-general));
  }
  
  #page-content .info-container .translation_block {
      display: none;
  }
  
  #page-content .info-container .collapsible-block-link,
  #page-content .info-container:hover .collapsible-block-link {
      line-height: 1.6em;
  }
  
  #page-content .info-container .collapsible-block-folded,
  #page-content .info-container .collapsible-block-unfolded-link {
      display: grid;
  }
  
  #page-content .info-container .collapsible-block-folded .collapsible-block-link,
  #page-content .info-container .collapsible-block-link {
      -webkit-mask: unset;
              mask: unset;
      background: transparent;
      grid-column: 1;
      grid-row: 1;
      opacity: 0;
  }
  
  #page-content .info-container .collapsible-block-folded::before,
  #page-content .info-container .collapsible-block-unfolded-link::before {
      --wght: 800;
      content: "NielleiN";
      color: #FFFFFF;
      font-family: Inter, Arimo, Verdana, Geneva, "Helvetica Neue", "Helvetica", Arial, sans-serif;;
      display: block;
      pointer-events: none;
      grid-column: 1;
      grid-row: 1;
      line-height: 2.75ex;
  }

  Pages using this styling

  • scp-7481 [info]

  ¶ 1 occurrence
  

  div.titlename { display: none; }
  div.author { display: none; }

  Pages using this styling

  • scp-7481 [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Reenie+Beanie&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Birthstone&display=swap');
  #page-title{
  display:none;
  }

  Pages using this styling

  • scp-7480 [info]

  ¶ 1 occurrence
  

  a.collapsible-block-link {
      font-weight: bold;
      display: block;
      text-align: center;
  }

  Pages using this styling

  • scp-7477 [info]

  ¶ 1 occurrence
  

  
  :root{
       --accentColor: hsl(196, 94%, 56%);
       --accentColorLite: hsla(196, 94%, 66%, .5);
       --hue: 4deg;
  }
  
  .email {
  border: solid 2px #000000; width: 88%; padding: 1px 15px; margin: 10px; box-shadow: 0 1px 3px rgba(0,0,0,.5)
  }
  .email-example a.collapsible-block-link {font-weight: bold;}
  .tofrom {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px maroon}
  
  
  .indent{ 
  text-indent:5%'
   }
  
  .hilite{ 
  color: #f5a9b8;
  text-decoration: underline;
  }

  Pages using this styling

  • scp-7473 [info]

  ¶ 1 occurrence
  

  
  #page-content h1 {
    font-size: 15px;
    text-shadow: 0px 0px 4px rgba(11,78,186,0.15);
    background: url(https://upload.wikimedia.org/wikipedia/commons/5/5a/Peacock_00788-480px.gif);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  
  }
  
  h1:focus {
    outline: none;
  }
  

  Pages using this styling

  • scp-7469 [info]

  ¶ 1 occurrence
  

  /* Copied from https://codepen.io/cbanlawi/pen/xxRBeMY . This code is under an MIT license and credit must be given to the original as a result. */
  .container {
    text-align: center;
    color: black;
    display: inline-block; 
  white-space: nowrap;
  
  }
  
  .glitch {
    font-weight: bold;
    position: relative;
    text-shadow: 0.05em 0 0 #00fffc, -0.03em -0.04em 0 #fc00ff,
      0.025em 0.04em 0 #fffc00;
    animation: glitch 725ms infinite;
  }
  
  .glitch p {
    margin: 0;
  }
  
  .glitch span {
    position: absolute;
    top: 0;
    left: 0;
  }
  
  .glitch span:first-child {
    animation: glitch 500ms infinite;
    clip-path: polygon(0 0, 100% 0, 100% 35%, 0 35%);
    transform: translate(-0.04em, -0.03em);
    opacity: 0.75;
  }
  
  .glitch span:last-child {
    animation: glitch 375ms infinite;
    clip-path: polygon(0 65%, 100% 65%, 100% 100%, 0 100%);
    transform: translate(0.04em, 0.03em);
    opacity: 0.75;
  }
  
  @keyframes glitch {
    0% {
      text-shadow: 0.05em 0 0 #00fffc, -0.03em -0.04em 0 #fc00ff,
        0.025em 0.04em 0 #fffc00;
    }
    15% {
      text-shadow: 0.05em 0 0 #00fffc, -0.03em -0.04em 0 #fc00ff,
        0.025em 0.04em 0 #fffc00;
    }
    16% {
      text-shadow: -0.05em -0.025em 0 #00fffc, 0.025em 0.035em 0 #fc00ff,
        -0.05em -0.05em 0 #fffc00;
    }
    49% {
      text-shadow: -0.05em -0.025em 0 #00fffc, 0.025em 0.035em 0 #fc00ff,
        -0.05em -0.05em 0 #fffc00;
    }
    50% {
      text-shadow: 0.05em 0.035em 0 #00fffc, 0.03em 0 0 #fc00ff,
        0 -0.04em 0 #fffc00;
    }
    99% {
      text-shadow: 0.05em 0.035em 0 #00fffc, 0.03em 0 0 #fc00ff,
        0 -0.04em 0 #fffc00;
    }
    100% {
      text-shadow: -0.05em 0 0 #00fffc, -0.025em -0.04em 0 #fc00ff,
        -0.04em -0.025em 0 #fffc00;
    }
  }
  

  Pages using this styling

  • scp-7469 [info]

  ¶ 1 occurrence
  

  @font-face {
      font-family: 'Hiazaifeut';
      src: url(data:application/octet-stream;base64,d09GMgABAAAAAAcUAA4AAAAAGbQAAAa6AAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP0ZGVE0cGhwGYACDRggEEQgKonSXHwtuAAE2AiQDgU4EIAWEfAeBLht6EqOijE8GQf6ZkMl5fImGSCRVp1MN2t7UYLGodvzhWde/U9snshxGhcBYQAMG0dRUuSqNgqQDRqcHXyUij1VAFXxIRNRt775J8EGDTAJqJuPEQimjUIUrAE1ELv4E/+RYI76IQdLhqXgmEgp9bK8b6haJdLFMEtNQiBwhkQopemcRz+VyAy2n7AEAlcGt0A33Rs0mrkn/IHPIdiQAhIhBAMAAoMHhxDCgN5GA3MmPAJrcxviro1EAGHLAJiQDZK5Ve9qWwJPAzF4K/mMj6UtXHdHk11AQliNwTFNACbCToqmSsOzlMzEIGIZZmVrNnNrxBoyZsguuITZtRlrv/wIME6sK9Vqxlug2ZMLLcXGaNq3nIzh77LbLzuD/jTZYb13wf6/9yeuuHYTsZAl8xaDxVmYxQwHQCoBWRgUADIQKIACAw7UJEigZLQ8KhpDQsPCISIiKjomNg/gizpiYBMkpqWnpDGRkZmXn5EJefkFhUTddAfCPVdAFSAkdrWQkAKD/7X/2bGaPYwsA0SelzGyajdlQU+KAYR5TBoF1Zg22DZqvpXGwYoKgaCWpnk3QdEoStVPSEVR0ZCQrpLOjI5JUVlqaeJIXlK3ZNtiYSc8KFsIn20PlIW2RuoUReqFqcqLSLEwJOipYZiAOuoVBEBxbqMcd9IZglCybBNYWjGGcAgvFCeaNAAMvhCU7AndQoTKhytFaaXY5JzmGsE6obmGIo5VrbO7QVe9qaeJbnCER1lCrSIcRiqBcSE1kpDUu6CYX6gW3bkkfWZozQ9sIOiBc7qto0RFxZIvEnjiNoGl1sA5jtbPd0VqqdU25BJOqTktLmbqxMRWEWFZj6r3iCh0dLDeQfhw05r5uOqgpHdJOZkw0ZgoCWGlDtDzMJzYcr7NHiqiQaMs+2a+M767QTEyqy7s6S7XCVMVQSna6+rVh27iJsrojnJkJkDRqof6Apqgfv5HHp5mDvozw2DDYsAjzKSiKPG9OGPfq9fwSy5tOfv3Q9/NUO/FRjxIrkE0MPpvP8uGxD/nB/e504OG0H8jnLueTNypGjvnPkHuMm5kg3uYLnPKcCojEKnluJm2RHgYkmxiweQAa7G2S6G/rF6VT5FnlFs8GByvs8XZiD8EEAS+e2iHG7fWqDmTOpYG2JzaGwQRH50wsq1t+OUgZvTxcXrP+YcDr9la6HEdpk1Fe+GqDMJTHHTrVQxuN9FeKOX+6vV7R/5ptAWT+6hPt0w8D0wT1NHla9IuYJENkjrkEqFfEADR/2e0f9T8c9SpG1od8b1XgRCOkHLMkILlww12lKFklBokkQIrpNSPiXett70LU1+f1q7kKr+Bpf0P2VFNrst35x86nzlat7gheBuwtIfjXy7OdB2xzt1fedW/69I77WF3bykWXG+zO/cHT9q7Y8Wv15mH/eW4aAWzW4YIPYIXkkYykH0dLmQTkOV+NTLHaPwV3R6pu4kvotLtTTyjf9RhDdiif9YDyPd+xhOov94h+jz09K773I240qbBdgODO/fjdtz+mpTSoUbIq7UeJfjdlqHZRQ8J756tXLFrRVnV274ut9pHotPmzX/2RpEXMeFMZfbbKDF261UE2k9xTYuBU/+jmiv6qnDb9xNb1qcSXhqWehwHPZsJSmc9RVJUODwfDsa8Lp7Wu3ZzgHn5K5h6x9v98Tfb6Bc1gvGVH0fx9rG/4KLctfOGvdPCxNNwl3PZ/n1CRPgA0LA5qoN4eNhKtqwBiA2R3Pk0fsAIA7AHEASr3QcWZJJ66sNlQoAmDunm9prB+LQv1wCagM+GTZiUYYOjWnBCA2VHEXRYmKgQw2vkIsxyQjDkGJIAE2Q4wMpcALisFgCCLB5DC89zRlKhsgUOLHAD6QAeQGN8BTJhDAGd3DRDCUgVIaeFeByU77ynFY01h8TpwRo1QqMdZalQP1hBGu0kMC1a3fp0YvGGMXg+XbpwlKRZqTq2hfGKTPrwxnCHDWD2g9GKnWL6DGx1RvEdix/ZJxsJ293cy/DDz9fJNLRY1o1GqX+g6NlTaPd9oUHQE5E8BsK/S+oxwtiGfCg5DW6Ln+RhWbMoY3iuC09q0LUVBM1VqqVNngzeR2W06tJRjtEo1M5+xsv8Q2MbxpVqtQqN4vHE0yBYBXhkAzQcC5aupYKipDybUIuAZoWK1WqNUjyYMR0ufB6blQYY5/19ah2Hk7Md715ctR558BQo9YpCmpCrrLWrNMMtsc8w1zwI6VjYlSpUpV6FStRq16tRr0KRZi1YOLh6HgHcTbiEM4YhApGy0j9fYZmg5zgzpbAuxAgAA);
      font-weight: normal;
      font-style: normal;
  }
  
  :root {
      --header-title: "T'ina Pádn, 77-Vaon";
      --header-subtitle: "Feve Piri Bohu";
      /*--logo: url("https://scp-wiki.wdfiles.com/local--files/secure-facility-dossier-reliquary-area-27/DoTT.png");*/
  }
  
  #page-content div.REDTAPE_paper {
      max-width: 30rem;
  }
  
  span.translate sub {
      font-size: 0.77em;
      margin-top: 0;
  }
  
  span.daevite { 
      font-family: "Hiazaifeut"; 
      font-size: 1.2rem;
  }
  
  div.REDTAPE_paper {
      display: block;
      margin-inline: auto;
      margin-block: 1.4rem;
      padding: 0.3rem;
      background-color: #121212;
  }
  
  div.REDTAPE_paper div.content {
      border: 1px solid #fff;
      display: grid;
      padding: 10px 20px;
      color: #fff;
      font-family: 'Times New Roman', Times, serif;
  }
  
  span.censored {
      background-color: #232326;
  }
  
  /*Sick translation transition CSS that only works because God want it*/
  .translation-swap {
      position: relative;
      cursor: pointer;
      min-width: max-content;
  }
  .translation-swap .og-text, .translation-swap .tr-text {
      position: absolute;
      transition: opacity 0.3s ease;
      white-space: nowrap;
  }
  /* Default state */
  .og-text {
      opacity: 1;
  }
  .tr-text {
      opacity: 0;
  }
  /* Hover state */
  .translation-swap:hover .og-text {
      opacity: 0;
  }
  .translation-swap:hover .tr-text {
      opacity: 1;
  }

  Pages using this styling

  • scp-7467 [info]

  ¶ 1 occurrence
  

  :root {
  --one-color: 246,246,246;
  --two-color: 246,246,246;
  --three-color: 246,246,246;
  --four-color: 246,246,246;
  --five-color: 246,246,246;
  

  Pages using this styling

  • scp-7466 [info]

  ¶ 1 occurrence
  

  .fnnum::after {
      color: var(--fnColor, #1eb5e8);
  }
  .fncon {
      background: #38383C;
      border: 2px #212325;
  }
  :root {
      --fnColor: #1eb5e8;
  }

  Pages using this styling

  • scp-7466 [info]

  ¶ 1 occurrence
  

  
  @import url('https://fonts.googleapis.com/css2?family=MedievalSharp&display=swap');
  
  .Title{
       font-family:MedievalSharp;
       padding:15px;
       font-size: 300%;
       text-align: center;
  }
  
  .Madocke{
       font-family:MedievalSharp;
       padding:15px;
       font-size: 500%;
       border: 2px;
       text-align: center;
       margin: 2px 0 5px;
  }
  
  #page-title {display: none;}
  
  .scp-image-caption {
    max-width: 100%;}

  Pages using this styling

  • scp-7462 [info]

  ¶ 1 occurrence
  

  #page-content { text-align: justify; }
  .hovertip { max-width: 400px; }
  .avatar-hover { display: none !important; }
  
  #page-title { display: none !important; }
  
  .notation { text-align: left; margin-top: 1em; padding: 8px 1.5em;}

  Pages using this styling

  • scp-7455 [info]

  ¶ 1 occurrence
  

  
  :root {
    --accentColor: #1EB5E8;
    --darkColor: #101112; 
    --darkerColor:#020203;
  }
  
  body {
      font-family: 'Inter', sans-serif;
      font-size: .9325rem;
      color: #dedede;
       
      accent-color: var(--accentColor);
  }
  
  :root {
  --header-title: "SCP Foundation";
  --header-subtitle: "Secure. Contain. Protect.";
  }
  :root {
  --logo-image: url("https://cdn.scpwiki.com/theme/en/black-highlighter/img/logo.svg");
  
  }

  Pages using this styling

  • scp-7454 [info]

  ¶ 1 occurrence
  

  :root {
      --header-title: "SCP Foundation";
      --header-subtitle: "Sweepstakes for Cash Prizes";
  }
  
  sup {
    vertical-align: top;
    position: relative;
    top: -0.5em;
  }
  
  
  .vdn {
      background: #ffffff;
      background-size: 400px;
      background-position: center;
      background-repeat: no-repeat;
      box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
      width: 84%;
      min-height: 4rem;
      margin-left: auto;
      margin-right: auto;
      padding: 10px 20px 20px 20px;
      word-break: break-word;
  }
  
  .scp-image-block.block-right { margin: 1em 2em 1em 1em; }
  
  #page-title{display:none}
  

  Pages using this styling

  • scp-7452 [info]

  ¶ 1 occurrence
  

  .anom-bar-container * {
  filter: grayscale(1);
  
  }
  
  h2 {
     font-size: 1.55rem;
     border-bottom: none !important;
     margin-bottom: 0.125em;
  }
  
  h2::before {
     display: inline-block;
     content: " ";
     width: 0.975%;
     border-top: 1px solid black;
     height: 5px;
     margin-right: 0.2em;
  }
  
  h2::after {
     display: inline-block;
     content: " ";
     width: 30%;
     border-top: 1px solid black;
     height: 5px;
     margin-left: 0.2em;
  }
  

  Pages using this styling

  • scp-7451 [info]

  ¶ 1 occurrence
  

  .finnish { font-style: italic; }
  .finnish:hover + .translated {
      display: inline;
      opacity: .8;
      font-family: var(--UI-font);
  }
  .translated { display: none; }
  .translated::before { content: ""; padding-inline-start: 0.6ch; }
  
  /* BHL COLORS */
  
  :root{
  --color: 64, 64, 64;
  --white: 166, 166, 166;
  
  --header-gradient-color-bottom: var(--white);
  --header-gradient-color-middle: var(--color);
  --header-gradient-color-top: var(--color);
  --diagonal-stripes: unset;
  
  }
  
  .info-container{
  --barColour: #404040;
  --linkColour: #cfcfcf;
  }
  
  html {
     -webkit-filter: grayscale(1); /* Older Webkit */
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    background-color: white;
  }
  
  .info-container .collapsible-block-folded a{
  color: #FFF;}
  .info-container .collapsible-block-unfolded-link a{
  color: #FFF;
  }
  .info-container .collapsible-block-unfolded-link a{
  color: #FFF;
  }
  
  #page-content > .collapsible-block {
      display: block;
      text-align: center;
      padding: .8em;
      background-color: #e3e3e3;
      border: 0.125rem dashed #b5b5b5;
      border-left: none;
      border-right:none;
  }
  .recommend > .collapsible-block {
      display: block;
      text-align: left;
      padding: auto;
      background-color: transparent;
      border: none;
  }
  
  #page-content > .collapsible-block .collapsible-block-content {
      text-align: left;
  }

  Pages using this styling

  • scp-7445 [info]

  ¶ 1 occurrence
  

  a.collapsible-block-link {font-weight: 600;}
  .footnotes-footer {display:none}
  #page-title{display:none}

  Pages using this styling

  • scp-7444 [info]

  ¶ 1 occurrence
  

  .containercontainer {position: relative;width: auto;height: auto;border: 2px solid #666;background: #141212;color: #3F3;margin-top: 1em;margin-bottom: 1em;}.containercontainer .container .overlay {background: rgba(51, 255, 51, 0.9);color: #121010;position: absolute;width: auto;height: fit-content;top: 0;right: 0;bottom: 0;left: 0;margin: auto;line-height: 50px;display: inline;vertical-align: middle;text-align: center;font-family: Courier New;font-size: 30px;letter-spacing: 5px;font-weight: bolder;z-index: 3;animation: overlay-anim 10s linear;animation-fill-mode: forwards;animation-iteration-count: infinite;}.overlayback {background: rgba(1, 1, 1, 0.5);z-index: 3;position: absolute;top: 0;left: 0;bottom: 0;right: 0;width: auto;height: auto;animation: overlay-anim 10s linear;animation-fill-mode: forwards;animation-iteration-count: infinite;}.containercontainer .container {text-align: center;width: inherit;height: inherit;position: relative;overflow: hidden;}.containercontainer .container::after {content: " ";display: block;position: absolute;top: 0;left: 0;bottom: 0;right: 0;background: rgba(21, 19, 19, 0.2);opacity: 0;z-index: 2;}.containercontainer .container::before {content: " ";display: block;position: absolute;top: 0;left: 0;bottom: 0;right: 0;background: linear-gradient(rgba(18, 16, 16, 0.03) 50%, rgba(0, 0, 0, 0.45) 50%), linear-gradient(90deg, rgba(255, 0, 0, 0.22), rgba(0, 255, 0, 0.11), rgba(0, 0, 255, 0.22));z-index: 2;background-size: 100% 2px, 3px 100%;}.no-unfold {text-align: center;}.container h1,.container h2,.container h3,.container h5,.container h6 {color: #3F3;}.container hr {border-top: 1px dotted #3F3;border-bottom: none;}.container hr {border-top: 1px solid #3F3;border-bottom: 1px solid #3F3;color: transparent;background-color: transparent;}.container hr:after {display: block;margin-top: 2px;border-top: 1px solid #3F3;border-bottom: 1px solid #3F3;}.blinkbar {animation: blink 1.5s infinite; letter-spacing: -0.13em;}@keyframes blink{to{opacity: .0;}}@keyframes overlay-anim {0% {visibility: hidden; }10% {visibility: hidden; }11% {visibility: visible; }50% {visibility: hidden; }100% {visibility: hidden; }}

  Pages using this styling

  • scp-7442 [info]

  ¶ 1 occurrence
  

  
  :root {
      --three-color: 116, 170, 213;
      --two-color: 0, 132, 132;
  }
  
  .top-left-box > .item {
    display: none;
  }
  

  Pages using this styling

  • scp-744 [info]

  ¶ 1 occurrence
  

  
  #page-content .info-container {
      --link-color: rgb(var(--swatch-text-general));
  }
  
  #page-content .info-container .translation_block {
      display: none;
  }
  
  #page-content .info-container .collapsible-block-link,
  #page-content .info-container:hover .collapsible-block-link {
      line-height: 1.6em;
  }
  
  #page-content .info-container .collapsible-block-folded,
  #page-content .info-container .collapsible-block-unfolded-link {
      display: grid;
  }
  
  #page-content .info-container .collapsible-block-folded .collapsible-block-link,
  #page-content .info-container .collapsible-block-link {
      -webkit-mask: unset;
     		 mask: unset;
      background: transparent;
      grid-column: 1;
      grid-row: 1;
      opacity: 0;
  }
  
  #page-content .info-container .collapsible-block-folded::before,
  #page-content .info-container .collapsible-block-unfolded-link::before {
      --wght: 800;
      content: "ETC";
      color: #FFFFFF;
      font-family: Inter, Arimo, Verdana, Geneva, "Helvetica Neue", "Helvetica", Arial, sans-serif;;
      display: block;
      pointer-events: none;
      grid-column: 1;
      grid-row: 1;
      line-height: 2.75ex;
  }
  
  .info-container{
  --barColour: #008484;
  --linkColour: #FFFFFF;
  }
  
  :root {
      --fnColor: #008484;
  }
  

  Pages using this styling

  • scp-744 [info]

  ¶ 1 occurrence
  

  :root{
    --header-title: "SCP FOUNDATION";
    --header-subtitle: "Secure, Contain, Protect.";
  }
  
  div#extra-div-1 {
      background-image: url(https://scp-wiki.wdfiles.com/local--files/scp-7439/LogoF.png);
      filter: invert(0) opacity(0.3);
  }
  
  body {
      background-image: linear-gradient(
          to bottom,
          #BCBCBC, #BCBCBC 90px,
          #BCBCBC 90px, #e0e0e0 200px,
          #e0e0e0 200px, #e0e0e0 100%);
      background-repeat: no-repeat;
  }

  Pages using this styling

  • scp-7439 [info]

  ¶ 1 occurrence
  

   :root{
     --header-title: "SCP FOUNDATION";
     --header-subtitle: "Site-400";
     --lgurl: url(https://scp-wiki.wdfiles.com/local--files/secure-facilities-locations/Site-400.svg);
  }
  .footnotes-footer {
      visibility: hidden;
      height: 0;
      padding: 0;
      margin: 0;
  }
  .papernote {
      background-color: #eaeeef;
      color: #21252E !important;
      padding: 0.1rem 0.5rem 0.5rem 0.5rem;
      box-shadow: 1px 1px 3px 2px rgb(0 0 0 / 30%);
      margin: auto;
      width: 84%;
  }

  Pages using this styling

  • scp-7434 [info]

  ¶ 1 occurrence
  

  body {
      background-image: linear-gradient(
          to bottom,
          #BCBCBC, #BCBCBC 90px,
          #BCBCBC 90px, #e0e0e0 200px,
          #e0e0e0 200px, #e0e0e0 100%);
      background-repeat: no-repeat;
  }

  Pages using this styling

  • scp-7432 [info]

  ¶ 1 occurrence
  

  
  .content-panel-standalone > blockquote {background-color: #fff;}
  .rotate > blockquote {background-color: #fff;}
  .rotate2 > blockquote {background-color: #fff;}
  .rotate3 > blockquote {background-color: #fff;}
  .rotate4 > blockquote {background-color: #fff;}
  .rotate5 > blockquote {background-color: #fff;}
  .rotate6 > blockquote {background-color: #fff;}
  .rotate7 > blockquote {background-color: #fff;}
  .rotate8 > blockquote {background-color: #fff;}
  
  .footnotes-footer {
  display:none;
  }
  .rotate {
  
  /* Safari */
  -webkit-transform: rotate(-.5deg);
  
  /* Firefox */
  -moz-transform: rotate(-.5deg);
  
  /* IE */
  -ms-transform: rotate(-.5deg);
  
  /* Opera */
  -o-transform: rotate(-.5deg);
  
  /* Internet Explorer */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=.5);
  
  }
  .rotate2 {
  
  /* Safari */
  -webkit-transform: rotate(.1deg);
  
  /* Firefox */
  -moz-transform: rotate(.1deg);
  
  /* IE */
  -ms-transform: rotate(.1deg);
  
  /* Opera */
  -o-transform: rotate(.1deg);
  
  /* Internet Explorer */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  
  }
  
  .rotate3 {
  
  /* Safari */
  -webkit-transform: rotate(.4deg);
  
  /* Firefox */
  -moz-transform: rotate(.4deg);
  
  /* IE */
  -ms-transform: rotate(.4deg);
  
  /* Opera */
  -o-transform: rotate(.4deg);
  
  /* Internet Explorer */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=4);
  
  }
  
  .rotate4 {
  
  /* Safari */
  -webkit-transform: rotate(-.4deg);
  
  /* Firefox */
  -moz-transform: rotate(-.4deg);
  
  /* IE */
  -ms-transform: rotate(-.4deg);
  
  /* Opera */
  -o-transform: rotate(-.4deg);
  
  /* Internet Explorer */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=-4);
  
  }
  
  .rotate5 {
  
  padding-top:0.3rem;
  
  /* Safari */
  -webkit-transform: rotate(2deg);
  
  /* Firefox */
  -moz-transform: rotate(2deg);
  
  /* IE */
  -ms-transform: rotate(2deg);
  
  /* Opera */
  -o-transform: rotate(2deg);
  
  /* Internet Explorer */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=9);
  
  }
  
  .rotate6 {
  
  /* Safari */
  -webkit-transform: rotate(-2deg);
  
  /* Firefox */
  -moz-transform: rotate(-2deg);
  
  /* IE */
  -ms-transform: rotate(-2deg);
  
  /* Opera */
  -o-transform: rotate(-2deg);
  
  /* Internet Explorer */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=-9);
  
  }
  
  .rotate7 {
  
  /* Safari */
  -webkit-transform: rotate(5deg);
  
  /* Firefox */
  -moz-transform: rotate(5deg);
  
  /* IE */
  -ms-transform: rotate(5deg);
  
  /* Opera */
  -o-transform: rotate(5deg);
  
  /* Internet Explorer */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=12);
  
  }
  
  .rotate8 {
  
  /* Safari */
  -webkit-transform: rotate(-5deg);
  
  /* Firefox */
  -moz-transform: rotate(-5deg);
  
  /* IE */
  -ms-transform: rotate(-5deg);
  
  /* Opera */
  -o-transform: rotate(-5deg);
  
  /* Internet Explorer */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=-12);
  
  }
  
  blockquote {border-color: #000000; background-color: #ffffff}

  Pages using this styling

  • scp-7427 [info]

  ¶ 1 occurrence
  

  :root {
   --accentColor: 132, 112, 223;
      --fnColor: #8470DF;
  
  }
  #page-title {
    display: none;
  }
  
  .fncon {
  background: #2F333C;
  }

  Pages using this styling

  • scp-7423-j [info]

  ¶ 1 occurrence
  

  .email {border: solid 2px #000000; width: 88%; padding: 1px 15px; margin: 10px; box-shadow: 0 1px 3px rgba(0,0,0,.5)}
  .tofrom {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px maroon}
  
   table.timeline {
      border: 0;
      padding: 0;
      margin: 0 auto;
      width: 600px;
      border-spacing: 0;
      border-collapse: separate;
  }
  
   table.timeline th {
    border-right: solid 1px #999;
    font-size: 16pt;
    color: #999;
    width: 200px;
    text-align: right;
    padding-right: 10px;
    font-size: 14pt;
    font-weight: bold;
  }
  
   table.timeline td {
    vertical-align: top;
    opacity: .75;
    font-style: italic;
  
    line-height: 1.5rem;
  
      padding: 1.2rem 0 1.2rem .8rem;
  
      font-family: var(--mono-font);
  }
  
   table.timeline td.active {
    padding: 6px 0 20px 10px;
    opacity: 1;
    font-style: italic;
    font-size: 12pt;
    color: #666;
  }
  
   table.timeline td.active p {
    margin: 5px 0;
  }
  
  @media (max-width: 767px) {
       table.timeline th {
       font-size: .85rem;
       width: unset;
      }
  }

  Pages using this styling

  • scp-7423 [info]

  ¶ 1 occurrence
  

      :root {
          --header-gradient-color-bottom: 156, 89, 209;
      --bright-accent: 91, 206, 250;
      --pale-accent: 91, 206, 250;
      --dark-accent: 40, 16, 60;
      --hover-link-color: 91, 206, 250;
      --visited-link-color: 91, 206, 250;
      --footnotes-footer-num-color: 91, 206, 250;
      --hoverblock-header-bg:  40, 16, 60;
      --alt-accent: 156, 89, 209;}
  #page-title {display: none;}
  .colmod-block > ul,
  .colmod-block > ul > li {
      text-align: center;}
  .colmod-content {
      text-align: left;}
  
  .scp-image-caption {
    max-width: 100%;}

  Pages using this styling

  • scp-7422 [info]

  ¶ 1 occurrence
  

  table.wiki-content-table td{
      border:solid 2px#000;
      overflow:clip;
      text-align:center
  }
  table.wiki-content-table th{
      background:silver;
      border:solid 2px#000;
      min-width:min(7em,20vw)
  }
  .wiki-content-table td:nth-child(2){
      background:#d85755;
      color:#000
  }
  .wiki-content-table td[style]{
      background:#60c85b
  }

  Pages using this styling

  • scp-7419 [info]

  ¶ 1 occurrence
  

  div#header h1 a span {
      font-size: 0px;
  }
  div#header h1 a:before {
      content: "Site-433";
      color: #eee;
      
  }
  div#header h2 span {
      font-size:0px;
      padding: 4px;
  }
  div#header h2:after {
      content: "Anart and Anomalous Media";
      font-weight: bold;
      color: #f0f0c0;
      padding: 19px 0;
      text-shadow: 1px 1px 1px rgba(0, 0, 0, .8);
      white-space: pre;
  }
  
  #header {
    background-image: url(http://scp-sandbox-3.wdfiles.com/local--files/harry-blank-7/433.png)
  }
  

  Pages using this styling

  • scp-7413 [info]

  ¶ 1 occurrence
  

  :root{
    --header-title: "SCP FOUNDATION";
    --header-subtitle: "SECURE · CONTAIN · PROTECT";
    --head-font: var(--ui-font);
    --page-font-size: 0.79rem;
    --link-txt-color: rgba(var(--accent), 0.75);
  
    --accent: 0, 77, 99;
  
    --posX: calc(50% - 358px - 17.5rem);
    --fnColor: rgb(var(--accent));
  }
  
  h1, h2, h3, h4, h5, h6 {
    font-weight: 900;
  }
  
  #page-content > p {
    font-weight: normal;
  }
  
  #page-content .blockquote {
    margin: 1em 2em;
  }
  
  #page-content hr {
    height: 1px;
    background-color: rgb(var(--accent));
    margin-top: 1.5em;
    margin-bottom: 1.5em;
  }
  
  #page-content .modal {
    font-family: 'Inter';
    font-size: 110%;
  }
  
  #page-content .notation {
    width: auto;
    margin: auto;
    font-family: 'Inter';
    font-size: 110%;
    border-left: solid 4px rgba(var(--accent), 0.33);
    border-right: solid 4px rgba(var(--accent), 0.33);
  }
  
  #page-content .jotting {
    padding: 0.5em 1.5em;
  }
  
  .notation > .jotting,
  #page-content > .jotting > blockquote {
    background-color: white;
  }
  
  #page-content a {
    font-weight: bold;
  }
  
  .fncon {
    font-family: var(--page-font) !important;
    font-size: 92% !important;
    line-height: 1.4;
    border-color: rgb(var(--accent));
  }
  
  .fncon::before {
    font-family: 'Inter';
  }
  
  @media only screen and (min-width: 1278px) {
    .fncon {
      width: 14rem;
      border: none;
      border-left: 5px rgb(var(--accent)) solid;
      background-color: rgba(var(--accent), 0.1);
    }
  
    .fncon::before {
      top: 14px; left: -10px;
    }
  }
  
  @media (max-width: 767px) {
    .jotting,
    .modal {
      margin: 1em;
    }   
  }
  
  #page-content .scp-image-block img {
    border: solid 1px rgba(var(--accent), 0.66);
  }
  
  #page-content .scp-image-block.block-left {
    margin: 0.5em 1.5em 1em 0em;
  }
  
  #page-content .scp-image-block.block-right {
    margin: 0.5em 0em 1em 1.5em;
  }
  
  #page-content .scp-image-caption {
    border: solid 1px rgba(var(--accent), 0.66);
    border-radius: 0px;
    margin-top: 7px;
  }
  
  #breadcrumbs, .pseudocrumbs {
    font-size: 90%;
    font-family: 'Inter';
  }

  Pages using this styling

  • scp-7411 [info]

  ¶ 1 occurrence
  

  
  #page-content .info-container {
      --link-color: rgb(var(--swatch-text-general));
  }
  
  #page-content .info-container .translation_block {
      display: none;
  }
  
  #page-content .info-container .collapsible-block-link,
  #page-content .info-container:hover .collapsible-block-link {
      line-height: 1.6em;
  }
  
  #page-content .info-container .collapsible-block-folded,
  #page-content .info-container .collapsible-block-unfolded-link {
      display: grid;
  }
  
  #page-content .info-container .collapsible-block-folded .collapsible-block-link,
  #page-content .info-container .collapsible-block-link {
      -webkit-mask: unset;
    	   mask: unset;
      background: transparent;
      grid-column: 1;
      grid-row: 1;
      opacity: 0;
  }
  
  #page-content .info-container .collapsible-block-folded::before,
  #page-content .info-container .collapsible-block-unfolded-link::before {
      --wght: 800;
      content: "ETC";
      color: #FFFFFF;
      font-family: Inter, Arimo, Verdana, Geneva, "Helvetica Neue", "Helvetica", Arial, sans-serif;;
      display: block;
      pointer-events: none;
      grid-column: 1;
      grid-row: 1;
      line-height: 2.75ex;
  }
  
  .top-left-box > .item {
    display: none;
  }
  
  :root {
      --red: 45, 100, 44;
       --medium-accent: var(--red);
       --cutColour: #fafafa;
       --barColour: var(--red);
       --toggle-border-color: rgb(var(--red));
       --toggle-icon-color: rgb(var(--red));
       --mono-font: 'IBM Plex Mono', monospace;
       --dark-accent: var(--red);
       --barColour: var(--red);
       --bright-accent: var(--red);
  
       --link-color: 55, 122, 54;
       --visited-link-color: 45, 100, 44;
       --hover-link-color: 45, 100, 44;
  
      --fnColor: #2d642c;
  
      --logo-image: url("https://nu-scptheme.github.io/Black-Highlighter/img/logo.svg");
  
  --toggle-roundness: 0%;
  }
  
  .info-container{
  --barColour: #2d642c
  }
  
  .poi_box {
      box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
      border-top:solid 5px #3a852e;
      border-bottom:solid 5px #3a852e;
      background:#FAFAFA;
      width: 85%;
      margin-left: auto;
      margin-right: auto;
      padding: 10px 20px 10px 20px;
      word-break: break-word;
  }
  
  .document {
      background: white url('http://scpdsandbox.wdfiles.com/local--files/darkartist-s-hub-for-drafts-or-whatever/sphere%20smells%20like%20fart%20sometimes') center center no-repeat;
      box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
      margin: 26px auto 0;
      max-width: 550px;
      min-height: 300px;
      padding: 24px;
      padding-top: 50px;
      position: relative;
      width: 80%;
      color: black;
  }
   
  .document:before,
  .document:after {
      content: " ";
      height: 98%;
      position: absolute;
      width: 100%;
      z-index: -1;
  }
   
  .document:before {
      background: #fafafa;
      box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
      left: -5px;
      top: 4px;
      transform: rotate(-2.5deg);
  }
   
  .document:after {
      background: #f6f6f6;
      box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
      right: -3px;
      top: 1px;
      transform: rotate(1.4deg);
  }
  

  Pages using this styling

  • scp-7408 [info]

  ¶ 1 occurrence
  

  #page-content .collapsible-block { 
      position: relative;
      padding: 0.5em;
      margin: 0.5em;
      box-shadow: 2px 1.5px 1px rgba(176,16,0,0.7), 0 0 0px 1px black;
      overflow-wrap: break-word;
  }
   
  .collapsible-block-unfolded{
      color: black;
      overflow-wrap: break-word;
   
  }
   
  .collapsible-block-unfolded-link {
      text-align:center;
  }
   
  .collapsible-block-folded {
      text-align: center;
      color: black;
  }
   
  .collapsible-block-link {
      font-weight: bold;
      color: black;
      text-align: center;
  }
   
  .addendumbox {
      padding: .01em 16px;
      margin-bottom: 16px;
      margin-top: 16px;
      padding-bottom: 1em;
      box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
  }

  Pages using this styling

  • scp-7407 [info]

  ¶ 1 occurrence
  

  /* //// When you want to add new "records", //// */
  /* //// add new "options" like the following format. //// */
  .r1 {animation-delay: 0.5s;}
  .r2 {animation-delay: 4s;}
  .r3 {animation-delay: 7s;}
  .r4 {animation-delay: 7.1s;}
  
  .tape-wrap .collapsible-block-unfolded-link .collapsible-block-link
  {animation-delay: calc(6s + 1s);}
  
  .tape-record {position: relative;height: 6em;pointer-events: none;}.record {display: block;position: absolute;width: 100%;animation-name: record;animation-duration: 2.5s;opacity: 0;top: 0;text-align: center;}.tape-wrap {position: relative;background-color: rgba(244, 244, 244, 1);border: 1px dashed #999;padding: 0 1em;}.tape-anim {position: relative;background-image: url("https://unofficial-scp-sandbox-jp.wikidot.com/local--files/iroiro-workshop-8/DoxYSJAV4AET63r.png");background-size: 200px;background-position: center center;background-repeat: no-repeat;min-height: 300px;}.tape-left,.tape-right {display: block;position: absolute;margin: auto;height: 0;width: 70px;padding-bottom: 100%;background-image: url("https://unofficial-scp-sandbox-jp.wikidot.com/local--files/iroiro-workshop-8/scp_trans.png");background-size: contain;background-position: center center;background-repeat: no-repeat;pointer-events: none;}.tape-left {top: -20px;bottom: 0;left: -70px;right: 0;animation-name: spin1;animation-duration: 15s;animation-timing-function: linear;animation-fill-mode: forwards;}.tape-right {top: 0;bottom: -32px;left: 0;right: -72px;animation-name: spin1;animation-duration: 20s;animation-timing-function: linear;animation-fill-mode: forwards;}.tape-wrap .collapsible-block-unfolded-link {padding-top: 1em;}.tape-wrap .collapsible-block-folded,.tape-wrap .collapsible-block-unfolded-link {position: relative;text-align: center;}.tape-wrap .collapsible-block-link:before {display: inline-block;font: normal normal normal 14px/1 FontAwesome;font-size: inherit;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;transform: translate(0, 0);}.tape-wrap .collapsible-block-folded .collapsible-block-link:before {content: "\f04b";}.tape-wrap .collapsible-block-unfolded-link .collapsible-block-link:before {content: "\f1da";}.tape-wrap .collapsible-block-unfolded-link .collapsible-block-link {animation-name: g-ex;animation-duration: 1s;animation-fill-mode: forwards;visibility: hidden;opacity: 0;}.tape-wrap .collapsible-block-folded {padding-top: 1em;padding-bottom: 1em;}@keyframes g-ex {50% {visibility: visible;opacity: 0;}100% {visibility: visible;opacity: 1;}}@keyframes spin1 {0% {transform: rotate(0deg);}100% {transform: rotate(360deg);}}@keyframes record {0% {opacity: 0;}25% {opacity: 1;}75% {opacity: 1;}100% {opacity: 0;}}@-moz-document url-prefix() {.tape-anim {height: 300px;}.tape-left,.tape-right {display: block;width: 70px;height: 70px;position: relative;margin: 0 auto;padding: 0 auto;}.tape-left {top: 105px;bottom: initial;left: -36px;}.tape-right {top: 60px;bottom: initial;left: 35px;}}

  Pages using this styling

  • scp-7406 [info]

  ¶ 1 occurrence
  

  .email-example .collapsible-block-folded a.collapsible-block-link {
      animation: blink 0.7s ease-in-out infinite alternate;
  }
  @keyframes blink {
      0% { color: transparent; }
      50%, 100% { color: #b01; }
  }
  .email {border: solid 2px #000000; width: 88%; padding: 1px 15px; margin: 10px; box-shadow: 0 1px 3px rgba(0,0,0,.5)}
  .email-example a.collapsible-block-link {font-weight: bold;}
  .tofrom {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px maroon}

  Pages using this styling

  • scp-7406 [info]

  ¶ 1 occurrence
  

  :root {
  --header-title: "BRILLIANT BURGERS";
  --header-subtitle: "BEST BUNS IN THE BUSINESS";
  --lgurl: url('https://cdn-icons-png.flaticon.com/512/1161/1161695.png');
  }

  Pages using this styling

  • scp-7403 [info]

  ¶ 1 occurrence
  

  
  .anom-bar-container .text-part .main-class {
      margin-left: 0px;
  }
  

  Pages using this styling

  • scp-7400 [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,900;1,900&display=swap');
  
  :root {
      --logo-image: url("http://scpdsandbox.wdfiles.com/local--files/site-333/At3.png");
      --header-title: "SITE-333";
      --header-subtitle: "HEAVEN ON EARTH";
      --header-font: 'Playfair Display', serif;
      --title-font: 'Playfair Display', serif;
      --body-font: 'Telex', sans-serif;
      --bright-accent: 0, 109, 255;
      --medium-accent: 	0, 63, 197;
      --dark-accent: 0, 22, 142;
  
      --link-color: var(--medium-accent);
  }
  
  #extra-div-1 {
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 10rem;
      background-image: url("http://scpdsandbox.wdfiles.com/local--files/site-333/PanoRam2.jpg");
      background-size: cover;
      background-position: center;
      background-repeat: repeat-x;
      pointer-events: none;
  }
  
  #extra-div-2 {
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 10rem;
      background: linear-gradient(0deg, rgba(0, 109, 255,1) 35%, rgba(204, 226, 255) 97%);
      pointer-events: none;
      opacity: 0.40;
  }
  
  #extra-div-3 {
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 10rem;
      background-image: url("http://scptestwiki.wdfiles.com/local--files/undervegas/dicegold.png");
      background-size: cover;
      background-position: center;
      background-repeat: repeat-x;
      pointer-events: none;
      opacity: 0.65;
  
  }
  
  /* *** DIVS *** */
  .addendum {
      border:solid 2px rgb(var(--bright-accent));
      background:#F5F5F5;
      width:84%;
      padding:1px 15px;
      margin: 10px auto;
  }
  
  .label {
      background: rgb(var(--bright-accent));
      color: white;
      padding: 3px;
      border-radius: 4px;
      font-family: monospace;
      white-space: nowrap;
  }
  
  .doc {
      background-color: rgb(var(--bright-accent));
      color: white;
      font-family: var(--mono-font);
      padding: 0 1.5rem;
      font-size: 1.1em;
      width: fit-content;
      position: relative;
      top: -2em;
      border-radius: 4px;
      margin-bottom: -3rem;
  }
  
  .addendum {margin-top: 1.6rem;}
  
  .angled {clip-path: polygon(4% 0%, 100% 0%, 96% 100%, 0% 100%); border-radius: 5px;}
  
  .foundation {
      border:solid 3px #444;
      background: #f2f2c2 url('https://scp-wiki.wdfiles.com/local--files/theme%3Aredtape/scp_trans.png') center center no-repeat;
      padding: 1.5rem;
      margin-bottom: 10px;
      color: black;
  }
  .foundation p {
      margin: none;
  }
  
  .foundation.snow {
      background: #fff url('https://scp-wiki.wdfiles.com/local--files/theme%3Aredtape/scp_trans.png') center center no-repeat;
  }
  
  .foundation.raisa {
      background: #f2f2c2 url('https://scp-wiki.wdfiles.com/local--files/theme%3Aredtape/raisa_trans.png') center center no-repeat;
      background-size: 29rem;
      text-align: center;
  }
  .foundation.alt {
      background: #fff url('https://scp-wiki.wdfiles.com/local--files/theme%3Ai57/scp-logo-i57.png') center center no-repeat;
  }
  
  .generic {
     position: relative;
     margin: 0.5em 1.25rem;
     padding: 0.825em 1.25em;
     clear: both;
     clip-path: polygon(93% 0px, 100% 15.11%, 100% 100%, 0px 100%, 0px 0px);
     border-left: 4px solid gray;
  }
  .generic hr {background: gray; border: none;}
  .generic h1, .generic h2, .generic h3, .generic h4, .generic h5, .generic h6 {color: #515050;}
  .generic.red {background: #ff4a4a3d;}
  .generic.blue {background: #4a80ff3d;}
  .generic.yellow {background: #fff77f3d;}
  .generic.purple {background: #a561d536;}
  
  #header::before {
      left: 0.5rem;
      background-position: center -0.5rem;
      opacity: 1;
  }
  
  #header h1, #header h2 {
      margin: 1.7rem 0;
  }
  
  }
  .table2 {
      --accentColor: rgb(40, 135, 189);
  }
  .custom2 .wiki-content-table {
      width: 100%;
  }

  Pages using this styling

  • scp-7399 [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+Antique:wght@300;400;500;700;900&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@700&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Spline+Sans:wght@400;700&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap');
  #page-content .quadrants > div {top: 2.25%;left: 18.5%;}
  #extra-div-1::before {font-family: 'Poppins', sans-serif;font-weight: 500 !important;font-size: 26.45px;}
  #extra-div-2::before {font-size: 1.1em;font-weight: 700;font-family: 'Poppins', sans-serif;}
  #extra-div-1 {background:rgb(33, 30, 32);box-shadow: 0px 0px 8px 4px rgb(0, 0, 0);}
  div.main-class::before, div.main-class::after, div.top-icon::before,div.top-icon::after  {-webkit-filter: brightness(125%); filter: brightness(125%); }
  #page-content .wiki-content-table tr td {text-align:center;}
  #page-content .wiki-content-table tr:first-child th {background-color:rgb(208, 208, 208); color:rgb(51,51,45);font-weight:700 !important;padding-bottom:3px !important; padding-top:3px; text-align:center;}
  #page-content .wiki-content-table tr th {background-color:rgb(35, 35, 35);color:#F0F6F0;font-weight:400;font-style:none !important;border: 1px solid #ccc; padding-bottom:20px; padding-top:10px; text-align:left;}
  
  body {font-family: 'Zen Kaku Gothic Antique', sans-serif;font-style:normal;font-weight:400 !important;background-color:rgb(51, 52, 52);color:#F0F6F0;
      background-image: url(https://scp-wiki.wdfiles.com/local--files/scp-6793/spaced.png);
      background-attachment: fixed;
      background-size: cover;
      background-blend-mode: difference;
  }
  
  body:before {
    content: ' ';
    position: fixed;
    display: block;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(170deg, transparent, rgb(0, 0, 0) 65%, rgb(0, 0, 0) 65%, rgb(0, 0, 0) 100%);
    z-index: -1;
    color:#EDEDED;
  }
  
  .anom-bar-container,.anom-bar-container *,.acs-extra,.acs-extra * {font-family: 'Poppins' !important;font-weight: 500 !important;}
  .authorbox, .authorcontent {background: #120b19;color:#F0F6F0; width:300px !important;}
  .authorlink-wrapper {margin-top: var(--author-top-adjust, .2em) !important; z-index:10 !important; }
  #page-content .authorbox {width:auto !important;} 
  .tableb .wiki-content-table {border-spacing: 3px;font-size:0.82em;}
  
  :root {
  --logo:url(https://scp-wiki.wdfiles.com/local--files/classifications-guides-and-icons-by-billith/aad3.png);
  --title:"FOUNDATION";
  --subtitle:"ASTROPHYSICAL ANOMALIES DEPT.";
  --barColor:rgb(196, 219, 196);
  --one-color:rgb(84, 65, 97) !important;
  --three-color:rgb(34, 35, 36) !important;
  }
  .footnotes-footer .footnote-footer { text-indent: -6px !important; }
  div.poppin{
  box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset !important;
  border-radius: 5px 5px 5px 5px !important;
  }
  .breaklinker a {color: #ffffff !important;
                 }
  
  .blockquote {border-color: #ffffff;    
                   background-color: #000000;
       }
  .container  {position: relative;
                   text-align: center;
                   color: black;
       width:100%;
       }
  .centered   {position: absolute;
      top: 50%;
       left: 50%;
      transform: translate(-50%, -50%);
  }
  
  .bigtext {
  font-weight:700;
  }
  
  .danger-diamond > .bottom-icon::before {
  
  filter: contrast(0.5) !important;
  }

  Pages using this styling

  • scp-7396 [info]

  ¶ 1 occurrence
  

  :root {
       --header-title: "SITE-73";
       --header-subtitle: "SECURE - CONTAIN - PROTECT";
       --lgurl: url('https://scp-wiki.wdfiles.com/local--files/secure-facilities-locations/Site-73.svg');
  }

  Pages using this styling

  • scp-7395 [info]

  ¶ 1 occurrence
  

  .blockquote h1 {
      font-size: 220%;
      color: #555;
  }
  

  Pages using this styling

  • scp-7394 [info]

  ¶ 1 occurrence
  

  :root{
    --header-title: "FOUNDATION";
    --header-subtitle: "DEPARTMENT OF LOGISTICS";
  }
  
  div#extra-div-1 {
      background-image: url(https://scp-wiki.wdfiles.com/local--files/scp-6934/Logo.png);
      filter: invert(0) opacity(0.2);
  }

  Pages using this styling

  • scp-7390 [info]

  ¶ 1 occurrence
  

  :root {
    --header-title: "Entomology";
    --header-subtitle: "Odd is To Be Expected";
    --accent: 10, 10, 10;
    --logo-img: url("http://scp-wiki.wikidot.com/local--files/department-of-entomology-hub/Site-95.png");
  }

  Pages using this styling

  • scp-7386 [info]

  ¶ 1 occurrence
  

  :root {
      --header-title: "SCP Foundation";
      --header-subtitle: "Sentras, Civics, Priuses";
  }
  
  .scp-image-block.block-right { margin: 1em 2em 1em 1em; }
  
  .vdn {
      background: #ffffff;
      background-size: 400px;
      background-position: center;
      background-repeat: no-repeat;
      box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
      width: 84%;
      min-height: 4rem;
      margin-left: auto;
      margin-right: auto;
      padding: 10px 20px 20px 20px;
      word-break: break-word;
  }
  
  .scp-image-block.block-right { margin: 1em 2em 1em 1em; }
  
  #page-title{display:none}
  
  
  

  Pages using this styling

  • scp-7384 [info]

  ¶ 1 occurrence
  

  
  div.terminal{
      border: 1px solid black;
      border: solid 3px #263359;
      border-radius: 16px;
      background-color: #131;
      /* black shadow at the top of the terminal */
      background-image: 
          radial-gradient(ellipse 1000% 100% at 50% 90%, transparent, #121);
      background-position: center;
      display: block;
      /* shadow around the terminal */
      box-shadow: inset 0 0 10em 1em rgba(0,0,0,0.5);
      /* prevents scanline from forming a scrollwheel */
      overflow:hidden;
  }
  div.terminal blockquote {
      background-color: black;
      border: double 3px #80FF80
  }
  div.scanline{
      margin-top: -40%;
      width: 100%;
      height: 60px;
      position: relative;
      pointer-events: none;
      /* Safari 4.0 - 8.0 */
      -webkit-animation: scan 12s linear 0s infinite; /* You may need to change this. If the bar goes by too quickly, increase 5s. */
      animation: scan 12s linear 0s infinite; /* Same as above */
      background: linear-gradient(to bottom, rgba(56, 112, 82,0), rgba(56, 112, 82,0.1)) !important;
  }
  
  div.text{
      color: rgba(128,255,128,0.8);
      padding-left: 2em;
      padding-top: 40%;
      font-family: monospace;
      font-size: 1.1em;
  }
  
  /* Safari 4.0 - 8.0 */
  @-webkit-keyframes scan{
      from{ transform: translateY(-10%);}
      to{  transform: translateY(5000%);} /* You may need to change this depending on the length of your terminal. If the scanline stops halfway, increase the second number.*/
  }
  
  @keyframes scan{
      from{ transform: translateY(-10%);}
      to{  transform: translateY(5000%);} /* Same as above.*/
  }
  
  div.text a {
      color: #90EE90;
      text-decoration: none;
      background: transparent;
  }
  div.text a.newpage {
      color: #90EE90;
      text-decoration: none;
      background: transparent;
  }
  div.text a:hover {
      color: #131;
      text-decoration: underline;
      background-color: #80FF80;
      padding: 1px;
  }
  div.text a:hover::before{
      content: "> ";
  }
  
  @import url('https://fonts.bunny.net/css?family=PT+Mono&display=swap');
  
  .papernote {
      background-color: #eaeeef;
      color: #21252E !important;
      padding: 0.1rem 0.5rem 0.5rem 0.5rem;
      border:solid 2px #263359;
      margin: auto;
      width: 65%;
  }
  

  Pages using this styling

  • scp-7381 [info]

  ¶ 1 occurrence
  

  
  :root{
       --titleColor: hsl(0, 0%, 95%);
       --subtitleColor: hsl(60, 62%, 85%);
       --lgurl: url(https://scp-wiki.wdfiles.com/local--files/scp-7380/image.png);
  }
  
   #header::before{
       position: absolute;
       width: 100%;
       height: 100%;
       content: "";
   
       background-image: var(--lgurl);
       background-position: center top;
       background-repeat: no-repeat;
       background-size: auto 8.5em;
       margin-top: 0.5em;
       opacity: .46;
  }
   
  #header h1 a::before {
      content: var(--header-title, "SCP Foundation");
  }
  
  #header h2::before {
      content: var(--header-subtitle, "Secure, Contain, Protect");
  }
  
  #header h1 a::before{
       text-shadow: 4px 4px 4px hsla(0, 0%, 0%, .8);
  }
  
   #header h2::before{
       text-shadow: 3px 3px 3px hsla(0, 0%, 0%, .9);
  }
  
   #header h1 a::before{
       font-family: BauhausLTDemi, 'Nanum Gothic', Arial, sans-serif;
       font-size: 115%;
  }
  
   #header h2::before{
       font-family: 'Trebuchet MS', Arial, sans-serif;
  }
  
  .footnotes-footer { 
      visibility: hidden; 
      height: 0;
      padding: 0;
      margin: 0;
  }
  

  Pages using this styling

  • scp-7380 [info]

  ¶ 1 occurrence
  

  :root{
  --header-title: "THE FOUNDATION";
  --header-subtitle: "Site-7379 Deepwell";
  --accent: 36, 18, 18;
  --darkmode-gradient-top: #482D26;
  --dark-bg-1: #887F7E;
  --dark-bg-2: #807D7D;
  --misc-txt-color: #000000;
  --header-txt-color: #000000;
  --dark-txt-color: #000000;
  --misc-txt-color: #000000;
  --link-txt-color: #730D0D;
  --link-hover-txt-color: white;
  --logo-opacity: 20%;
  --head-font: 'Monsterrat';
  }
  

  Pages using this styling

  • scp-7379 [info]

  ¶ 1 occurrence
  

  .email-example .collapsible-block-folded a.collapsible-block-link {
      animation: blink 0.5s ease-in-out infinite alternate;
  }
  @keyframes blink {
      0% { color: transparent; }
      50%, 100% { color: #b01; }
  }
  .email {border: solid 2px #000000; width: 88%; padding: 1px 15px; margin: 10px; box-shadow: 0 1px 3px rgba(0,0,0,.5)}
  .email-example a.collapsible-block-link {font-weight: bold;}
  .tofrom {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px maroon}

  Pages using this styling

  • scp-7371 [info]

  ¶ 1 occurrence
  

  :root {
  --header-title: "WORSHIP DEPARTMENT";
   --header-subtitle: "SANCTIFY CONSECRATE PRAISE";
   --lgurl: url('http://scp-wiki.wikidot.com/local--files/golem-s-icon-page/OverwatchCommand.png');
  --header-height-on-desktop: 15rem;
  --header-height-on-mobile: 15rem;
  }
  @media only screen and (max-width: 56.25rem) {
  :root {
  --header-title: "WORSHIP DEPT."
  }
  }

  Pages using this styling

  • scp-7371 [info]

  ¶ 1 occurrence
  

  :root {
      --one-color: 181, 99, 7;
      --four-color: 181, 99, 7;
      --five-color: 181, 99, 7;
  }
  .footnotes-footer {
  display:none;
  }
  

  Pages using this styling

  • scp-7362 [info]

  ¶ 1 occurrence
  

  .email-example .collapsible-block-folded a.collapsible-block-link {
  }
  .email {border: solid 2px #000000; width: 88%; padding: 1px 15px; margin: 10px; box-shadow: 0 1px 3px rgba(0,0,0,.5)}
  .email-example a.collapsible-block-link {font-weight: bold;}
  .tofrom {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px maroon}

  Pages using this styling

  • scp-7361 [info]

  ¶ 1 occurrence
  

  #header {
      background-image: url('https://scp-sandbox-3.wdfiles.com/local--files/schlagenheim/header-logo-aroace.png')
  }
  
  body {
      font-family: Verdana, sans-serif; font-size: 0.85rem;
  }

  Pages using this styling

  • scp-736 [info]

  ¶ 1 occurrence
  

  :root {
      --one-color: 157, 119, 83;
  }

  Pages using this styling

  • scp-7357 [info]

  ¶ 1 occurrence
  

  :root {
      --bright-accent: 157, 119, 83;
      --medium-accent: 157, 119, 83;
      --dark-accent: 157, 119, 83;
  }

  Pages using this styling

  • scp-7357 [info]

  ¶ 1 occurrence
  

  .page {
      display: block;
      overflow: hidden;
      font-family: "Monotype Corsiva", "Bradley Hand ITC", sans-serif;
      font-style: normal;
      background-attachment: scroll;
      background-clip: border-box;
      background-color: transparent;
      background-image: linear-gradient(to top ,rgb(202, 219, 228) 0%, rgb(231, 233, 220) 8%);
      background-origin: padding-box;
      background-position: 0px 8px;
      background-repeat: repeat;
      background-size: 100% 20px;
      border: 1px solid #CCC;
      border-radius: 10px;
      padding: 10px 10px;
      margin-bottom: 10px;
      box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2)
      }
  .page p {
      line-height: 20px;
      margin: 0;
  }

  Pages using this styling

  • scp-7352 [info]

  ¶ 1 occurrence
  

  .rate-box-with-credit-button {
      margin-bottom: 0px;
  }
  
  #page-content div.rate-box-with-credit-button, div.page-rate-widget-box {
    margin: 0 0 2px;

  Pages using this styling

  • scp-7347 [info]

  ¶ 1 occurrence
  

  .box {
      position: relative;
      padding: 0.5em;
      margin: 0.5em;
      box-shadow: 2px 1.5px 1px rgba(176,16,0,0.7), 0 0 0px 1px lightgrey;
      overflow-wrap: break-word;
      color: black;
  }
  
  :is(div.image-block, div.scp-image-block) {
      padding: 5px;
      box-shadow: 2px 1.5px 1px lightgrey, 0 0 0px 1px lightgrey;
      margin-bottom: 7px;
  }
  
  .infotext {
      text-align: right;
      margin-right: 7px;
  }

  Pages using this styling

  • scp-7347 [info]

  ¶ 1 occurrence
  

  .blbf-main>div {
      padding-top: 2rem;
  }

  Pages using this styling

  • scp-7346 [info]

  ¶ 1 occurrence
  

  .system{
      border: 3px solid rgb(var(--seafoam-teal));
      width: 350px;
      margin-left: auto;
      padding: .33rem 1rem;
      background: rgb(var(--pitch-black));
      color: rgb(var(--seafoam-teal));
  }
  
  .yellowstone{
      border: 3px solid rgb(var(--neon-orange));
      width: 350px;
      margin-left: auto;
      padding: .33rem 1rem;
      background: rgb(var(--pitch-black));
      color: rgb(var(--neon-orange));
  }
  
  .jericho{
  width:500px;
  margin-right:auto;
  text-align: justify;
  }
  
  .svg-box {
     text-align: center;
    border-radius:6px;f
    background-color: rgb(255,255,255);
  }
  .svg-box > img {
    background-color: rgb(255,255,255);
  }
  
  .aic {
      border: 2px solid rgb(var(--silver-lining));
      width: 350px;
      margin-right: auto;
      margin-top: 1rem;
      margin-bottom: 1rem;
      padding: .33rem 1rem;
      background: rgb(var(--pitch-black));
      color: rgb(var(--silver-lining));
  }
  
  .w3-grey, .w3-hover-grey:hover, .w3-gray, .w3-hover-gray:hover {
      color: #000;
      background-color: rgb(var(--accent-color));
  }
  
  .w3-border {
      border: 3px solid rgb(var(--accent-color));
      background-color: rgb(12 12 12);
  }
  
  
  @media screen and (max-width: 600px) {
  .mariposa{
      width: 80%;
  }
  }
  
  @media screen and (max-width: 600px) {
  .system{
      width: 80%;
  }
  
  .jericho{
  width:90%;
  margin-left:auto;
  text-align: justify;
  }
  }
  
  

  Pages using this styling

  • scp-7346 [info]

  ¶ 1 occurrence
  

  .svg-box {
     text-align: center;
    border-radius:6px;
    background-color: rgb(255,255,255);
  }
  .svg-box > img {
    background-color: rgb(255,255,255);
  }
  
  .mariposa{
      border: 2px solid rgb(var(--skylight-blue));
      width: 350px;
      margin-right: auto;
      padding: .33rem 1rem;
      background: rgb(var(--dark-midnight));
      color: cyan;
  }
  
  .forge{
  width:400px;
  margin-left:auto;
  text-align: justify;
  padding-bottom:3em;
  }
  
  
  
  @media screen and (max-width: 600px) {
  .mariposa{
      width: 80%;
  }
  
  .forge{
  width:90%;
  margin-left:auto;
  text-align: justify;
  }
  }

  Pages using this styling

  • scp-7335 [info]

  ¶ 1 occurrence
  

  @import url("https://scpwiki.github.io/sigma/css/sigma.min.css");

  Pages using this styling

  • scp-7326 [info]

  ¶ 1 occurrence
  

  .flashing-text::after {
    animation-name: fade-text-1;
    animation-duration: 15.5s;
    animation-iteration-count: infinite;
    content: "";
    animation-fill-mode: both;
    animation-timing-function: steps(3, end);
  }
  
  @keyframes fade-text-1 {
    0% { content: "a cool"; font-weight: bold; color: red }
    20% { content: "a funny" ; font-weight: bold; color: orange }
    40% { content: "an awesome"; font-weight: bold; color: cyan }
    60% { content: "a cute"; font-weight: bold; color: blue }
    80% { content: "a lovable"; font-weight: bold; color: purple }
    100% { content: "an honest"; font-weight: bold; color: black }
  }
  .flashing-text-2::after {
    animation-name: fade-text-2;
    animation-duration: 20.5s;
    animation-iteration-count: infinite;
    content: "";
    animation-fill-mode: both;
    animation-timing-function: steps(3, end);
  }
  
  @keyframes fade-text-2 {
    0% { content: "dragon"; font-weight: bold; color: black }
    20% { content: "wizard" ; font-weight: bold; color: purple }
    40% { content: "truth-teller"; font-weight: bold; color: blue }
    60% { content: "kid"; font-weight: bold; color: cyan }
    80% { content: "grown-up"; font-weight: bold; color: orange }
    100% { content: "person"; font-weight: bold; color: red }
  }

  Pages using this styling

  • scp-7322 [info]

  ¶ 1 occurrence
  

  @media screen and (prefers-reduced-motion: no-preference) {
    #page-title, #breadcrumbs, #page-content > * {
      animation-name: fadeIn;
      animation-duration: 1s;
      animation-iteration-count: 1;
      animation-timing-function: ease-out;
      animation-fill-mode: backwards;
    }
  }
   
  #page-title { animation-delay: 0s; }
   
  @keyframes fadeIn {
    from {
      opacity: 0;
      transform: translate(0,30px);
    }
    to {
      opacity: 1;
      transform: translate(0,0);
    }
  }
   
  :root {
    --fade-in-delay: 0.5s;
  }
  #page-content > :nth-child(n+15) { animation-delay: calc(1 * var(--fade-in-delay)); }
  #page-content > :nth-child(15) { animation-delay: calc(2 * var(--fade-in-delay)); }
  #page-content > :nth-child(14) { animation-delay: calc(3 * var(--fade-in-delay)); }
  #page-content > :nth-child(13) { animation-delay: calc(4 * var(--fade-in-delay)); }
  #page-content > :nth-child(12) { animation-delay: calc(5 * var(--fade-in-delay)); }
  #page-content > :nth-child(11) { animation-delay: calc(6 * var(--fade-in-delay)); }
  #page-content > :nth-child(10) { animation-delay: calc(7 * var(--fade-in-delay)); }
  #page-content > :nth-child(9) { animation-delay: calc(8 * var(--fade-in-delay)); }
  #page-content > :nth-child(8) { animation-delay: calc(9 * var(--fade-in-delay)); }
  #page-content > :nth-child(7) { animation-delay: calc(10 * var(--fade-in-delay)); }
  #page-content > :nth-child(6) { animation-delay: calc(11 * var(--fade-in-delay)); }
  #page-content > :nth-child(5) { animation-delay: calc(12 * var(--fade-in-delay)); }
  #page-content > :nth-child(4) { animation-delay: calc(13 * var(--fade-in-delay)); }
  #page-content > :nth-child(3) { animation-delay: calc(14 * var(--fade-in-delay)); }
  #page-content > :nth-child(2) { animation-delay: calc(15 * var(--fade-in-delay)); }
  #page-content > :nth-child(1) { animation-delay: calc(16 * var(--fade-in-delay)); }
  

  Pages using this styling

  • scp-7321 [info]

  ¶ 1 occurrence
  

  div.scale {
      --woedbar-safe-color: rgb(54, 227, 184);
  }

  Pages using this styling

  • scp-7313 [info]

  ¶ 1 occurrence
  

  :root{
      --header-title: "Site-47 History Dept.";
      --header-subtitle: "Remember the Past, Reach the Future";
      --lgurl: url(https://i.imgur.com/Y6UMVXu.png%22);
      --titleColor: hsla(211, 100%, 43%, 1);
      --subtitleColor: hsla(211, 100%, 43%, 1);
      --accentColor: hsla(211, 100%, 43%, 1);
      --accentColorLite: hsla(0, 100%, 60%, 0.5);
      --hue: rgba(0, 255, 255);
  }
  .page {
      display: block;
      overflow: hidden;
      font-family: "Monotype Corsiva", "Bradley Hand ITC", sans-serif;
      font-style: normal;
      background-attachment: scroll;
      background-clip: border-box;
      background-color: transparent;
      background-image: linear-gradient(to top ,rgb(202, 219, 228) 0%, rgb(231, 233, 220) 8%);
      background-origin: padding-box;
      background-position: 0px 8px;
      background-repeat: repeat;
      background-size: 100% 20px;
      border: 1px solid #CCC;
      border-radius: 10px;
      padding: 10px 10px;
      margin-bottom: 10px;
      box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2)
  }
  .page p,
  .page ul {
      line-height: 20px;
      margin: 0;
  }

  Pages using this styling

  • scp-7305 [info]

  ¶ 1 occurrence
  

  
  .interview{
      border:solid 2px #d4d4d4;
      text-align: left;
      background:#F5F5F5;
      width:100%;
      padding:1px 15px;
      margin: 10px auto;
  }
  
  #page-title{display:none}
  

  Pages using this styling

  • scp-7303 [info]

  ¶ 1 occurrence
  

  :root{
    --header-title: "SCP FOUNDATION";
    --header-subtitle: "Site-48 Reintegration Committee";
    --lgurl: url(http://scp-sandbox-3.wdfiles.com/local--files/rtsandboxnoketerleftbehind/scp-reintegration-sigil-alt.png);
  }
  .footnotes-footer {
      visibility: hidden;
      height: 0;
      padding: 0;
      margin: 0;
  }
  div.terminal{
      border: 1px solid black;
      border: solid 3px #BBBBBB;
      border-radius: 16px;
      background-color: #131;
      /* black shadow at the top of the terminal */
      background-image:
          radial-gradient(ellipse 1000% 100% at 50% 90%, transparent, #121);
      background-position: center;
      display: block;
      /* shadow around the terminal */
      box-shadow: inset 0 0 10em 1em rgba(0,0,0,0.5);
      /* prevents scanline from forming a scrollwheel */
      overflow:hidden;
  }
  div.terminal blockquote {
      background-color: black;
      border: double 3px #80FF80
  }
  div.scanline{
      margin-top: -40%;
      width: 100%;
      height: 60px;
      position: relative;
      pointer-events: none;
      /* Safari 4.0 - 8.0 */
      -webkit-animation: scan 12s linear 0s infinite; /* You may need to change this. If the bar goes by too quickly, increase 5s. */
      animation: scan 12s linear 0s infinite; /* Same as above */
      background: linear-gradient(to bottom, rgba(56, 112, 82,0), rgba(56, 112, 82,0.1)) !important;
  }
  
  div.text{
      color: rgba(128,255,128,0.8);
      padding-left: 2em;
      padding-top: 40%;
      font-family: monospace;
      font-size: 1.2em;
  }
  
  /* Safari 4.0 - 8.0 */
  @-webkit-keyframes scan{
      from{ transform: translateY(-10%);}
      to{  transform: translateY(5000%);} /* You may need to change this depending on the length of your terminal. If the scanline stops halfway, increase the second number.*/
  }
  
  @keyframes scan{
      from{ transform: translateY(-10%);}
      to{  transform: translateY(5000%);} /* Same as above.*/
  }
  
  div.text a {
      color: #90EE90;
      text-decoration: none;
      background: transparent;
  }
  div.text a.newpage {
      color: #90EE90;
      text-decoration: none;
      background: transparent;
  }
  div.text a:hover {
      color: #131;
      text-decoration: underline;
      background-color: #80FF80;
      padding: 1px;
  }
  div.text a:hover::before{
      content: "> ";
  }
  .ad_memo {
      background: url(https://scp-wiki.wdfiles.com/local--files/scp-7000/ADtransparent.png) #ADD8E6;
      background-size: 400px;
      background-position: center;
      background-repeat: no-repeat;
      box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
      width: 90%;
      min-height: 4rem;
      max-height: 100rem;
      margin-left: auto;
      margin-right: auto;
      padding: 10px 20px 20px 20px;
      word-break: break-word;
  }
  .ad_memo>p:nth-child(1)::before {
      content: "FROM THE OFFICE OF THE OVERSEER\00000a";
      font-family: 'Work Sans', sans-serif;
      font-weight: 900;
      font-size: 130%;
      text-align: center;
      margin-bottom: 1rem;
      padding-bottom: 0.3rem;
      border-bottom: dotted 0.13rem darkslategrey;
      max-width: 49rem;
      margin-left: auto;
      margin-right: auto;
      display: flex;
      flex-direction: column;
      align-content: stretch;
      align-items: center;
  }
  @keyframes blink {
      0% { color: transparent; }
      50%, 100% { color: #b01; }
  }
  .email {border: solid 2px #000000; width: 88%; padding: 1px 15px; margin: 10px; box-shadow: 0 1px 3px rgba(0,0,0,.5)}
  .email-example a.collapsible-block-link {font-weight: bold;}
  .tofrom {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px maroon}

  Pages using this styling

  • scp-7297 [info]

  ¶ 1 occurrence
  

  :root {
    --header-title: "SITE - 24";
    --header-subtitle: "Spiritual Recollection";
    --lgurl: url("");
    --accentColor: white;
  }

  Pages using this styling

  • scp-7296 [info]

  ¶ 1 occurrence
  

  :root:lang(en) {
      --logo-img: url("https://scp-wiki.wdfiles.com/local--files/from-120-s-archives-hub/pride120.png");
  }

  Pages using this styling

  • scp-7293 [info]

  ¶ 1 occurrence
  

  .email {
      background: white;
      border: solid 2px rgb(var(--medium-accent));
      width: 90%;
      padding: 10px;
      margin: auto;
      box-shadow: 0 1px 3px rgba(0, 0, 0, .5)
  }
  .email .blockquote, .email blockquote {
      box-shadow: none;
      border-left: 2px solid maroon;
  }
  .tofrom {
      margin-left: 10px;
      margin-top: 5px;
      padding: 1px 15px;
      border-left: solid 3px maroon;
  }

  Pages using this styling

  • scp-7288 [info]

  ¶ 1 occurrence
  

  
  #page-title {
  text-align: center;
  }
  
  #page-title::after {
  content: "by Liryn";
  font-size: 50%;
  color: #888;
  }
  
  .footnote .f-footer, .equation .e-footer, .reference .r-footer {
  display: none;
  }
  
  div.blockquote {
  border: solid 1px #999;
  background-color: #ffffff;
  }
  
  .hovertip {
  max-width: 400px;
  }
  
  li, p {
  line-height: 1.5;
  }
  

  Pages using this styling

  • scp-7286 [info]

  ¶ 1 occurrence
  

  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;
  }
  
  div.wilson-body {
      color: rgba(102, 87, 49);
      background: rgb(209, 237, 154);
      padding: 1em;
  }

  Pages using this styling

  • scp-7284 [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Gowun+Batang&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Inknut+Antiqua&display=swap');
  .poem-text {
      padding: 1em;
      font-family: Inknut Antiqua, Gowun Batang, serif;
      margin-left: 2em;
      width: fit-content;
  }
  

  Pages using this styling

  • scp-7283 [info]

  ¶ 1 occurrence
  

  
  .raisa_memo {
      background: url( https://scpdsandbox.wikidot.com/local--files/collab:kilerpoyo5/raisa-faint.png )  #fff3ad;
     color: black;
      background-size: contain;
      background-position: top center;
      background-repeat: no-repeat;
      font-family: 'Work Sans', sans-serif;
      box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
      width: 90%;
      min-height: 4rem;
      max-height: 100rem;
      margin-left: auto;
      margin-right: auto;
      text-align: center;
      padding: 10px 20px 20px 20px;
      word-break: break-word;
  }
  .raisa_memo>p:nth-child(1)::before {
      content: "NOTICE FROM THE RECORDS AND INFORMATION SECURITY ADMINISTRATION\00000a";
      color: black;
      font-family: 'Work Sans', sans-serif;
      font-weight: 900;
      font-size: 130%;
      text-align: center;
      margin-bottom: 1rem;
      padding-bottom: 0.3rem;
      border-bottom: dotted 0.13rem darkslategrey;
      max-width: 49rem;
      margin-left: auto;
      margin-right: auto;
      display: flex;
      flex-direction: column;
      align-content: stretch;
      align-items: center;
  }
  
  .raisa_memo2 {
     background: #fff3ad;
     color: black;
      background-size: contain;
      background-position: top center;
      background-repeat: no-repeat;
      font-family: 'Work Sans', sans-serif;
      box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
      width: 90%;
      min-height: 4rem;
      max-height: 100rem;
      margin-left: auto;
      margin-right: auto;
      text-align: center;
      padding: 10px 10px 10px 10px;
      word-break: break-word;
  }
  
  .papernote {
      background-color: #eaeeef;
      color: #21252E !important;
      padding: 0.1rem 0.5rem 0.5rem 0.5rem;
      box-shadow: 1px 1px 3px 2px rgb(0 0 0 / 30%);
      margin: auto;
      width: 100%;
  }
  

  Pages using this styling

  • scp-7279 [info]

  ¶ 1 occurrence
  

  
  #page-title{display:none}
  
  .footnotes-footer {
  display:none;
  }

  Pages using this styling

  • scp-7277 [info]

  ¶ 1 occurrence
  

  :root {
    --accentColor: #6b0002;
  }
  
  body {
  
      background-image: url(https://upload.wikimedia.org/wikipedia/commons/thumb/a/a7/Liquid_Flame_%2813958200348%29.jpg/800px-Liquid_Flame_%2813958200348%29.jpg?2017071700102);
      background-attachment: fixed;
      background-size: cover;
  }
  
  body:before {
    content: ' ';
    position: fixed;
    display: block;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(170deg, transparent, rgb(0, 0, 0) 65%, rgb(0, 0, 0) 65%, rgb(0, 0, 0) 100%);
    z-index: -1;
    color:#EDEDED;
  }
  
  .email-example .collapsible-block-folded a.collapsible-block-link {
      animation: blink 0.8s ease-in-out infinite alternate;
  }
  @keyframes blink {
      0% { color: transparent; }
      50%, 100% { color: #b01; }
  }
  .email {border: solid 2px #000000; width: 88%; padding: 1px 15px; margin: 10px; box-shadow: 0 1px 3px rgba(0,0,0,.5)}
  .email-example a.collapsible-block-link {font-weight: bold;}
  .tofrom {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px maroon}

  Pages using this styling

  • scp-7276 [info]

  ¶ 1 occurrence
  

  .email-example .collapsible-block-folded a.collapsible-block-link {
      animation: blink 0.8s ease-in-out infinite alternate;
  }
  @keyframes blink {
      0% { color: transparent; }
      50%, 100% { color: #b01; }
  }
  .email {border: solid 2px #000000; width: 88%; padding: 1px 15px; margin: 10px; box-shadow: 0 1px 3px rgba(0,0,0,.5)}
  .email-example a.collapsible-block-link {font-weight: bold;}
  .tofrom {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px #77CC77}

  Pages using this styling

  • scp-7273 [info]

  ¶ 1 occurrence
  

  @media (min-width: 768px)
  #page-content {
      font-size: calc(15px * 1.025);
  }

  Pages using this styling

  • scp-7272 [info]

  ¶ 1 occurrence
  

   .sidecontainer{
       background: 0;
       border: 0;
       overflow: unset;
  }

  Pages using this styling

  • scp-7272 [info]

  ¶ 1 occurrence
  

  :root {
      --linkColour: #FFF;
      --barColour: #633;
  }
  
  #breadcrumbs{
  margin: auto;
  text-align: center;
  padding-bottom: 4px;
  }
  
  #page-title {
      position: relative;
      text-align: center;
      border-bottom: none;
      margin-bottom: 0;
  }
  
  .info-container {
      content: " ";
      width: 100%;
      text-align: center;
      bottom: 2em;
      margin-bottom: 1em;
  }
  
  .info-container h1 {
      text-align: center;
  }

  Pages using this styling

  • scp-7272 [info]

  ¶ 1 occurrence
  

   :root{
     /* -- COLORS -- */
       --accentColor: #DFC351;
       --accentColorLite: #CCCC66;
       --hue: 48deg;
  }
  div#extra-div-1 {
      filter: invert(1) opacity(0.2);
  }

  Pages using this styling

  • scp-7272 [info]

  ¶ 1 occurrence
  

  blockquote,
  div.blockquote {
      display: flow-root;
  }
  

  Pages using this styling

  • scp-7270 [info]

  ¶ 1 occurrence
  

  
  :root {
  --header-title: "Fundación SCP";
  }
  
  .email-example .collapsible-block-folded a.collapsible-block-link {
      animation: blink 0.8s ease-in-out infinite alternate;
  }
  @keyframes blink {
      0% { color: transparent; }
      50%, 100% { color: #b01; }
  }
  .email {border: solid 2px #000000; width: 88%; padding: 1px 15px; margin: 10px; box-shadow: 0 1px 3px rgba(0,0,0,.5)}
  .email-example a.collapsible-block-link {font-weight: bold;}
  .tofrom {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px maroon}

  Pages using this styling

  • scp-7269 [info]

  ¶ 1 occurrence
  

  div.f-footer {
  display: none;
  }

  Pages using this styling

  • scp-7267 [info]

  ¶ 1 occurrence
  

  #page-title{display:none}
  :root {
   --bright-accent: 250, 61, 2;
   --medium-accent: 107, 41, 20;
  }

  Pages using this styling

  • scp-7263 [info]

  ¶ 1 occurrence
  

  .msg-time{
  margin-bottom:2px;
  }
  .message.twelve > .body > .userblock > .user-name:after{
  content:"BOT";
  color:white;
  display:inline-block;
  font-size:10px;
  background:#5865f2;
  border-radius:3px;
  font-weight:bold;
  padding:0 4px 0 4px;
  margin-left:0.3rem;
  }

  Pages using this styling

  • scp-7262 [info]

  ¶ 1 occurrence
  

  .finnish { font-style: italic; }
  .finnish:hover + .translated {
      display: inline;
      opacity: .8;
      font-family: var(--UI-font);
  }
  .translated { display: none; }
  .translated::before { content: ""; padding-inline-start: 0.6ch; }

  Pages using this styling

  • scp-7255 [info]

  ¶ 1 occurrence
  

  :root {
  --two-color: 245,245,245;
  --three-color: 245,245,245;
  --one-color: 245,245,245;
  }

  Pages using this styling

  • scp-7252 [info]

  ¶ 1 occurrence
  

  .info-container{
  --barColour: #000000; — this is the colour of the bar and the author button
  --linkColour: #12,12,12; — this is the colour of the "i" and the text within the author button
  }

  Pages using this styling

  • scp-7252 [info]

  ¶ 1 occurrence
  

  :root {
      --one-color: 214, 152, 214;
  }

  Pages using this styling

  • scp-7245 [info]

  ¶ 1 occurrence
  

  :root {
      --bright-accent: 128, 0, 128;
      --medium-accent: 128, 0, 128;
      --dark-accent: 128, 0, 128;
  }

  Pages using this styling

  • scp-7245 [info]

  ¶ 1 occurrence
  

  .twopanel {
      display: flex;
      justify-content: space-between;
  }
  .bit {
      flex-basis: 48%;
  }
  
  

  Pages using this styling

  • scp-7236 [info]

  ¶ 1 occurrence
  

  .page {
      display: block;
      overflow: hidden;
      font-style: normal;
      background-attachment: scroll;
      background-clip: border-box;
      background-color: transparent;
      background-image: linear-gradient(to top ,rgb(202, 219, 228) 0%, rgb(252, 252, 252) 8%);
      background-origin: padding-box;
      background-position: 0px 8px;
      background-repeat: repeat;
      background-size: 100% 20px;
      border: 1px solid #CCC;
      border-radius: 10px;
      padding: 10px 10px;
      margin-bottom: 10px;
      box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2)
  }
  .page p,
  .page ul {
      line-height: 20px;
      margin: 0;
  }
  
  @media only screen and (max-width: 1000px) {
      .twopanel {flex-direction: row;}
      .bit {flex-basis: 100%;font-size: 1.4vw;}
  }
  
  @media only screen and (max-width: 850px) {
      .twopanel {flex-direction: row;}
      .bit {flex-basis: 100%;font-size: 1.5vw;}
  }
  
  @media only screen and (max-width: 768px) {
      .twopanel {flex-direction: row;}
      .bit {flex-basis: 100%;font-size: 2vw;}
  }
  
  @media only screen and (max-width: 550px) {
      .twopanel {flex-direction: row;}
      .bit {flex-basis: 100%;font-size: 2.2vw;}
  }

  Pages using this styling

  • scp-7236 [info]

  ¶ 1 occurrence
  

  #page-title {
    display: none;
  }
  :is(blockquote, .blockquote, div.blockquote, [class*="blockquote"]) {
      background-color: #fdfdfd;
  }
  .meta-title {
    border-bottom: solid 1px #bbbbbb;
    color: #000000;
    font-weight: normal;
    margin: 0 0 0.6em;
    padding: 0 0 0.25em;
    font-size: 200%;
  }
  .meta-title p {
    margin: 0;
  }

  Pages using this styling

  • scp-7231 [info]

  ¶ 1 occurrence
  

  :root {
    --accentColor: #000FFF;
    --link-txt-color: #000FFF;  
    --header-title: "SCP Foundation";
    --header-subtitle: "Secure. Contain. Protect.";
  }

  Pages using this styling

  • scp-7217 [info]

  ¶ 1 occurrence
  

  @import url('http://scp-int.wikidot.com/component:colstyle/code/1');

  Pages using this styling

  • scp-7214 [info]

  ¶ 1 occurrence
  

  .footnotes-footer {
      visibility: hidden;
      height: 0;
      padding: 0;
      margin: 0;
  }
  .page {
      display: block;
      overflow: hidden;
      font-family: "Monotype Corsiva", "Bradley Hand ITC", sans-serif;
      font-style: normal;
      background-attachment: scroll;
      background-clip: border-box;
      background-color: transparent;
      background-image: linear-gradient(to top ,rgb(202, 219, 228) 0%, rgb(231, 233, 220) 8%);
      background-origin: padding-box;
      background-position: 0px 8px;
      background-repeat: repeat;
      background-size: 100% 20px;
      border: 1px solid #CCC;
      border-radius: 10px;
      padding: 10px 10px;
      margin-bottom: 10px;
      box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2)
  }
  .page p,
  .page ul {
      line-height: 20px;
      margin: 0;
  }

  Pages using this styling

  • scp-7212 [info]

  ¶ 1 occurrence
  

  /* Styling for the flashing notification */
  .notification {
      background-color: #fff; /* Background color */
      border: 1px solid #ddd;
      padding: 10px;
      border-radius: 3px;
      color: #c46262; /* Text color */
      margin-top: 20px;
      text-align: center;
      font-weight: bold;
      font-size: 16px;
  }
  
  .flashing {
    animation: blink 1s ease-in-out infinite alternate;
  }
  
  @keyframes blink {
      0% { color: transparent; }
      50%, 100% { color: #b01; }
  }

  Pages using this styling

  • scp-7210 [info]

  ¶ 1 occurrence
  

  
  .page {
      display: block;
      overflow: hidden;
      font-family: "Monotype Corsiva", "Bradley Hand ITC", sans-serif;
      font-style: normal;
      background-attachment: scroll;
      background-clip: border-box;
      background-color: transparent;
      background-image: linear-gradient(to top ,rgb(202, 219, 228) 0%, rgb(231, 233, 220) 8%);
      background-origin: padding-box;
      background-position: 0px 8px;
      background-repeat: repeat;
      background-size: 100% 20px;
      border: 1px solid #CCC;
      border-radius: 10px;
      padding: 10px 10px;
      margin-bottom: 10px;
      box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2)
  }
  .page p,
  .page ul {
      line-height: 20px;
      margin: 0;
  }

  Pages using this styling

  • scp-7210 [info]

  ¶ 1 occurrence
  

  :root {
      --timeScale: 2;
      --timeDelay: 0s;
  }

  Pages using this styling

  • scp-7210 [info]

  ¶ 1 occurrence
  

  /* Styling for the email container */
  .email-container {
      background-color: #f7f7f7;
      padding: 20px;
      border: 1px solid #ccc;
      border-radius: 5px;
      margin: auto;
      font-family: Arial, sans-serif;
      text-align: center; /* Center align buttons */
      position: relative;
      width: 90%;
  }
  .body {
      padding: 0px;
      margin: 0px;
  }
  
  /* Styling for the quote block */
  .quote-block {
      background-color: #f7f7f7; /* Background color */
      border-left: 4px solid #0077cc; /* Left border color */
      padding: 10px 20px; /* Padding inside the quote block */
      margin: 10px 0; /* Margin around the quote block */
      font-style: italic; /* Italic text */
      color: #333; /* Text color */
      text-align: left;
  }
  
  .email {
     text-align: left;
  }
  
  /* Styling for email items */
  .email-item {
      background-color: #fff;
      margin-bottom: 10px;
      border: 1px solid #ddd;
      padding: 10px;
      border-radius: 3px;
      color: #555; /* Slightly darker text color */
      text-align: center;
  }
  
  /* Styling for email headers */
  .email-header {
      text-align: center;
      font-size: 24px;
      font-weight: bold;
      margin-bottom: 10px;
      color: #333; /* Darker title color */
  }
  
  /* Styling for email actions */
  .email-actions {
      position: relative;
      left: 0; /* Align buttons to the left */
      bottom: 10px;
      width: 100%; /* Ensure full width for buttons */
  }
  
  .email-action {
      display: inline-block; /* Display buttons next to each other */
      margin: 0 10px; /* Add margin between buttons */
      text-decoration: none;
      color: #0077cc;
      font-weight: bold;
      pointer-events: none;
  }
  
  .email-action:hover {
      background-color: #0077cc; /* Change background color on hover */
      color: #fff; /* Change text color on hover */
      cursor: pointer; /* Change cursor to pointer on hover */
      text-decoration: none; /* Remove underline on hover */
  }
  
  /* Styling for email sender, subject, and date */
  .email-sender,
  .email-subject,
  .email-date {
      display: block;
      margin-bottom: 5px;
      margin-top: 10px;
      font-weight: bold;
  }
  
  .email-subject {
       color: #c46262;
  {
  
  /* Styling for the new message container */
  #new-message-1 {
      background-color: #fff;
      margin-bottom: 10px;
      border: 1px solid #ddd;
      padding: 10px;
      border-radius: 3px;
      color: #555; /* Slightly darker text color */
  }

  Pages using this styling

  • scp-7210 [info]

  ¶ 1 occurrence
  

  
  :root {
    --header-title: "GHOSTPOST";
    --header-subtitle: "Mail Beyond Worlds!";
    --accentColor: #c46262;
    --lgurl: url("https://clipart-library.com/images_k/email-clipart-transparent/email-clipart-transparent-6.png");
  }
  

  Pages using this styling

  • scp-7210 [info]

  ¶ 1 occurrence
  

  :root {
       --header-title: "THE FOUNDATION";
       --header-txt-color: #FFFFFF;
       --misc-txt-color: #FFFFFF;
       --darkmode-gradient-top: #6E0000;
       --darkmode-gradient-bottom: #000000;
       --accent: 218, 0, 0
  }

  Pages using this styling

  • scp-7209 [info]

  ¶ 1 occurrence
  

  :root{
    --base-color: #430704;
    --hover-color: #73140f;
    --click-color: #430704;
  }

  Pages using this styling

  • scp-7208 [info]

  ¶ 1 occurrence
  

  :root {
      --fnColor: #430704;
  }

  Pages using this styling

  • scp-7208 [info]

  ¶ 1 occurrence
  

  :root {
    --header-title: "SCP FOUNDATION";
    --header-subtitle: "RCT-Δt";
    --lgurl: url("https://scp-wiki.wdfiles.com/local--files/scp-5541/delta-t");
    --accentColor: #b651e5;
  }

  Pages using this styling

  • scp-7207 [info]

  ¶ 1 occurrence
  

  #page-content { padding-top:0; }
  
  #breadcrumbs { display: none !important; }
  
  #page-title { display: none !important; }
  
  .raisa-notice {
  border: dashed firebrick 3px; 
  width:50%; 
  margin:auto; 
  padding:1rem;
  }
  
  .raisa-notice p {
  margin:0;
  } 
  
  .authorlink-wrapper {
  width: 100%;
  max-width: none;
  }
  
  
  .redirect-banner {
    width: 100vw;
  max-width: none !important;
    position: relative;
    left: calc(-50vw + 50%);
  background: #fff;
   background-image: url("https://scp-wiki.wdfiles.com/local--files/scp-7202/Redirecting03.png");
  color: black;
  background-repeat: repeat-x;
  height: 50px;
  }
  
  #main-content blockquote {
    border-left: firebrick 0.5rem solid;
    background-color: #f7f7f7;
  }
  
  @media only screen and (min-width: 1020px) {
  .page-rate-widget-box {
  position: absolute;
  right: 5rem;
  top: 7.5rem;
  }
  
  .authorlink-wrapper {
  position: absolute !important;
    width: 100%;
    right: 3rem;
    top: 10rem;
  }
  
  

  Pages using this styling

  • scp-7202 [info]

  ¶ 1 occurrence
  

  :root {
      --logo-img: url("https://scp-wiki.wikidot.com/local--files/scp-7201/pan");
      --accent: 16, 98, 127;
      --dark-bg-1: #181A1E;
      --dark-bg-2: #0A0C0E;
      --link-txt-color: #25e0e6;
  }
  
  div#extra-div-1 {
      background-size: 160px;
  }

  Pages using this styling

  • scp-7201 [info]

  ¶ 1 occurrence
  

  .comparison-images {
    margin: 30px 0;
  }
  
  .comparison-images .yui-content {
      padding: 0;
  }
  
  .comparison-images .scp-image-block {
      border: none;
      box-shadow: none;
  }
  
  .attempt-box__header {
    margin-top: -1px;
    display: flex;
    flex-direction: row;
    padding: 5px 10px;
    color: white;
    font-family: var(--mono-font);
    justify-content: space-between;
  }
  
  .attempt-box__header--failure {
    background-color: #850005;
  }
  
  .attempt-box__header--restricted {
    background-color: #000;
  }
  .attempt-box__header--ongoing {
    background-color: #008080;
  }
  
  .attempt-box__content {
    padding: 10px 10px;
  }
  
  .attempt-box__content > p {
    margin-top: 0;
    margin-bottom: 0.6em;
  }
  
  .attempt-box__content > *:last-child {
    margin-bottom: 0;
  }
  
  .attempt-box__content--failure {
    border: 1px solid #850005;
  }
  
  .attempt-box__content--restricted {
    border: 1px solid #000;
    font-family: var(--mono-font);
  }
  
  .attempt-box__content--ongoing {
    border: 1px solid #008080;
  }
  
  .comparison-images .yui-content {
      position: relative;
  }
  
  .comparison-images .yui-content > div {
      display: block !important;
      position: absolute;
      top: 0;
      animation: 0.5s fadeout cubic-bezier(1,.05,1,-0.2) both;
  }
  
  .comparison-images .yui-content > div:first-child {
      position: sticky;
  }
  
  .comparison-images .yui-content > div[style*="display: block"] {
      z-index: 1;
      animation: 0.5s fadein ease-out both;
  }
  
  @keyframes fadein {
    from { opacity: 0; }
    to { opacity: 1; }
  }
  
  @keyframes fadeout {
    from { opacity: 1; }
    to { opacity: 0; }
  }

  Pages using this styling

  • scp-7200 [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css?family=Cinzel');
  @import url('https://fonts.googleapis.com/css?family=Anton');
  @import url('https://fonts.googleapis.com/css?family=Pinyon+Script');

  Pages using this styling

  • scp-720 [info]

  ¶ 1 occurrence
  

  .note {
   right no-repeat;
   color: black;
   letter-spacing: 0.02em;
   float: center;
   border: solid 1px #000000;
   padding: 25px 35px 35px 35px !important;
   box-shadow: 0 1px 3px rgba(0,0,0,.2);
   width: 74%;
   margin: 2% 4% 4% 4%;
  }
  
  
  table.wiki-content-table td {
  padding: 12px;
  }
  

  Pages using this styling

  • scp-7199 [info]

  ¶ 1 occurrence
  

  :root {
      --header-title: "RCT-Δt";
      --header-subtitle: "Secure the Past. Contain the Present. Protect the Future.";
  --logo-image: url("http://scp-wiki.wdfiles.com/local--files/welcome-to-delta-t/Delta-t-transparent.png");
  }
  div[class$="_memo"] {
      background: var(--memo-logo) rgba(var(--memo-color), 1);
      background-size: contain;
      background-position: top center;
      background-repeat: no-repeat;
      min-height: 4rem;
      margin-inline: auto;
      margin-block: 2rem;
      padding-inline: 20px;
      padding-block: 10px;
      border: solid 2px rgba(0, 0, 0, 0.1);
      text-align: center;
  }
  div[class$="_memo"]::before {
      content: var(--memo-heading);
      font-family: var(--UI-font);
      font-weight: 900;
      font-size: 1.75em;
      text-align: center;
      margin: 0 auto 1rem auto;
      display: flex;
      flex-direction: column;
      padding-top: 0.5em;
  }
  div.temporal_memo {
      --memo-heading: "FROM THE DEPT. OF TEMPORAL ANOMALIES";
      --memo-logo: url(https://scp-wiki.wdfiles.com/local--files/theme%3Abasalt/DELTA_T_DARKLOGO.png);
      --memo-color: 255, 255, 255;
  }
  div.b_memo {
      --memo-heading: "BY B, FOR B";
      --memo-logo: url(https://scp-wiki.wikidot.com/local--files/scp-7196/B_logo.png);
      --memo-color: 255, 255, 255;
  }
  .blinkbar {color: red;font-size:125%; animation: blink 1.5s infinite; letter-spacing: -0.13em;}@keyframes blink{to{opacity: .0;}}@keyframes flicker {0% {opacity: 0.9890; }5% {opacity: 0.5842; }10% {opacity: 0.9865; }20% {opacity: 0.0412; }20% {opacity: 0.6255; }25% {opacity: 0.3157; }30% {opacity: 0.7328; }35% {opacity: 0.4654; }40% {opacity: 0.9128; }45% {opacity: 0.2449; }50% {opacity: 0.5485; }55% {opacity: 0.6438; }60% {opacity: 0.1180; }65% {opacity: 0.9085; }70% {opacity: 0.0266; }75% {opacity: 0.6795; }80% {opacity: 0.7812; }85% {opacity: 0.0117; }90% {opacity: 0.2239; }95% {opacity: 0.8897; }100% {opacity: 0.2260; }}@keyframes overlay-anim {0% {visibility: hidden; }10% {visibility: hidden; }11% {visibility: visible; }50% {visibility: hidden; }100% {visibility: hidden; }}
  .blinkmessage .collapsible-block-folded a.collapsible-block-link {
      animation: blink 0.8s ease-in-out infinite alternate;
  }
  @keyframes blink {
      0% { color: transparent; }
      50%, 100% { color: #b01; }
  }
  .blinkmessage a.collapsible-block-link { font-weight: bold; }

  Pages using this styling

  • scp-7196 [info]

  ¶ 1 occurrence
  

  :root {
  --header-title: "SITE-01";
  --header-subtitle: "quem deus vult perdere, dementat prius";
  }

  Pages using this styling

  • scp-7188 [info]

  ¶ 1 occurrence
  

  sup { 
  
  vertical-align: top; position: relative; top: -0.5em; 
  }
  
  #page-content .info-container {
      --link-color: rgb(var(--swatch-text-general));
  }
  
  #page-content .info-container .translation_block {
      display: none;
  }
  
  #page-content .info-container .collapsible-block-link,
  #page-content .info-container:hover .collapsible-block-link {
      line-height: 1.6em;
  }
  
  #page-content .info-container .collapsible-block-folded,
  #page-content .info-container .collapsible-block-unfolded-link {
      display: grid;
  }
  
  #page-content .info-container .collapsible-block-folded .collapsible-block-link,
  #page-content .info-container .collapsible-block-link {
      -webkit-mask: unset;
              mask: unset;
      background: transparent;
      grid-column: 1;
      grid-row: 1;
      opacity: 0;
  }
  
  #page-content .info-container .collapsible-block-folded::before,
  #page-content .info-container .collapsible-block-unfolded-link::before {
      --wght: 800;
      content: "OzzyLizard";
      color: #FFFFFF;
      font-family: Inter, Arimo, Verdana, Geneva, "Helvetica Neue", "Helvetica", Arial, sans-serif;;
      display: block;
      pointer-events: none;
      grid-column: 1;
      grid-row: 1;
  }

  Pages using this styling

  • scp-7187 [info]

  ¶ 1 occurrence
  

  :root {
   --header-title: "Department of Dreams";
   --header-subtitle: "Somnia Creo Potestas";
  }

  Pages using this styling

  • scp-7182 [info]

  ¶ 1 occurrence
  

  /* Tweaks to Y2K theme */
  .scp-image-block img {image-reeeeeendering: auto !important;}
  #header h2 span::before {content: 'Everything will be OK' !important;}
  body blockquote, body div.blockquote {background-color: #D0D0D0 !important;}
  body {font-family: Tahoma, Verdana, sans-serif !important; font-size: 14px;}
  body strong {font-weight: 900;}
  a {text-decoration: underline;}
  a.footnoteref {text-decoration: none;}
  .footnote-footer {text-decoration: none;}
  .okok-supplement h3 {font-size: 18px;}
  .collapsible-block-link {font-size: 18px;}
  .collapsible-block-folded {margin: .6em 0;}
  .collapsible-block-unfolded-link {margin: .6em 0;}
  
  .scp-image-block {margin-top: 1em !important;}
  
  tt
  {
    position: relative;
    display: inline-block;
    background: black;
    color: white;
    border: 1px solid #444;
    font-weight: bold;
    padding: 0 2px;
    text-transform: uppercase;
    cursor: help;
  }
  tt:hover:after
  {
    display: block;
    position: absolute;
    top: 1.2em;
    left: -8em;
    right: -8em;
    margin-left: auto; margin-right: auto;
    content: 'ERRNO 2: PROCEDURE FILE MISSING';
    text-align: center;
    background: red;
    color: black;
    z-index: 1;
  }
  
  .ok-terminal-wrap
  {
    position: relative;
    font-family: monospace;
    line-height: 1em;
    font-size: 10pt;
    height: 0;
    width: 100%;
    margin-left: 4em; margin-right: 4em;
    padding: 0;
    animation: 12s vanishes forwards;
    -webkit-animation: 12s vanishes forwards;
  }
  .ok-terminal
  {
  }
  .ok-terminal-inner
  {
    position: relative;
    color: #CCC;
    background: 103010;
    background: linear-gradient(180deg, blue 0 16px, #103010 16px 100%);
    padding: 22px 1em 1em .5em;
    margin: 4em auto auto 0;
    display: block;
    width: 40em;
    height: 20em;
    border: 2px solid;
    border-color: white grey grey white;
  }
  .ok-terminal-inner strong:before
  {
    display: block;
    position: absolute;
    background: blue;
    width: auto;
    height: 16px;
    font-size: 14px;
    position: absolute;
    top: 2px;
    left: 2px; right: 2px;
    padding: 2px 32px 2px 32px;
    text-decoration: none;
  }
  .ok-terminal p
  {
    padding: 0; margin: 0;
    animation: printlines 3s steps(3, end) 1s 1 normal both;
    -webkit-animation: printlines 3s steps(3, end) 1s 1 normal both;
    line-height: 1.2em;
    height: 2.4em;
    overflow: hidden;
  }
  
  .blinking {
    animation: 1s blink steps(2, start) infinite;
    -webkit-animation: 1s blink steps(2, start) infinite;
  }
  
  @keyframes printlines {from { height: 2.4em; } to { height: 6em; }}
  @-webkit-keyframes printlines {from { height: 2.4em; } to { height: 6em; }}
  
  @keyframes "vanishes" {to {visibility: hidden; height: 0; overflow: hide;}}
  @-webkit-keyframes "vanishes" {to {visibility: hidden; height: 0; overflow: hide;}}
  
  @keyframes "blink" {to {visibility: hidden;}}
  @-webkit-keyframes "blink" {to {visibility: hidden;}}
  
  @keyframes appear {
    from { opacity: 0; }
    99%  { opacity: 0; }
    to   { opacity: 1; }
  }
  @-webkit-keyframes appear {
    from { opacity: 0; }
    99%  { opacity: 0; }
    to   { opacity: 1; }
  }
  @keyframes bootup {
    from { visibility: hidden; }
    1%  { visibility: visible; }
    99%  { visibility: visible; }
    to   { visibility: hidden; }
  }
  @-webkit-keyframes bootup {
    from { visibility: hidden; }
    1%  { visibility: visible; }
    99%  { visibility: visible; }
    to   { visibility: hidden; }
  }
  @keyframes loadblock {
    from { max-height: 0; visibility: hidden; overflow: hidden; }
    1%  { max-height: 10em; visibility: visible; overflow: hidden; }
    to   { max-height: 1000em; visibility: visible; overflow: visible; }
  }
  @-webkit-keyframes loadblock {
    from { max-height: 0; visibility: hidden; overflow: hidden; }
    1%  { max-height: 10em; visibility: visible; overflow: hidden; }
    to   { max-height: 1000em; visibility: visible; overflow: visible; }
  }
  
  .loadblock {
    overflow: hidden;
    overflow-x: visible;
    display: block;
    animation: 5s loadblock steps(20,end) 10s 1 normal both;
    -webkit-animation: 5s loadblock steps(20,end) 10s 1 normal both;
  }
  
  .eg-section td {text-align: center;}
  .eg-section h2 {text-align: center;}
  .eg-suff {font-family: Arial; font-size: 150%;}
  .eg-big {font-weight: bold; font-family: Arial; font-size: 150%; color: darkred;}
  .eg-huge {font-weight: bold; font-family: Arial; font-size: 200%; color: darkred;}
  
  .ok .collapsible-block {position: sticky; top: 8px;}
  .ok .collapsible-block-content {margin: 0;}
  .ok .collapsible-block-folded
  {
      display: none !important;
  }
  .ok .collapsible-block-unfolded
  {
      animation: appear 2s steps(2);
      -webkit-animation: appear 2s steps(2);
      top: -64px;
      left: 50%; right: 50%;
      background: #D0D0D0;
      border: 2px solid;
      border-color: white grey grey white;
      padding: 1.5em 1em 2.5em 1em;
      margin-left: -200px; margin-right: -200px;
      position: absolute;
      box-shadow: 5px 5px 20px rgba(0,0,0,.2);
  }
  .ok .collapsible-block-unfolded strong
  {
    display: block;
    background: blue;
    color: white;
    width: auto;
    height: 16px;
    font-size: 14px;
    position: absolute;
    top: 2px;
    left: 2px; right: 2px;
    padding: 2px 32px 2px 32px;
    text-decoration: none;
  }
  .ok .collapsible-block-unfolded strong:before
  {
    display: block;
    position: absolute;
    left: 2px;
    top: 2px;
    content: '好'; color: red;
    font-weight: bold; font-family: Courier New;
    font-size: 13px;
    text-align: center;
    line-height: 18px;
    width: 15px;
    height: 15px;
    border-radius: 8px;
    border: 0px solid red;
    background: white;
  }
  .olympia-logo-OLD
  {
    /*content: 'XO'; color: red;
    font-family: Courier New;
    font-size: 10px;
    line-height: 1.2em;
    text-align: center;
    display: block;
    position: absolute;
    border: 3px solid red;
    background: white;
    border-radius: 20px;
    border-bottom-left-radius: 0;*/
  }
  .ok .collapsible-block-unfolded-link
  {
    margin: 0; padding: 0;
  }
  .ok .collapsible-block-unfolded-link a
  {
      display: inline-block;
      background: #D0D0D0;
      border: 2px solid;
      border-color: white grey grey white;
      position: absolute;
      bottom: 10px; left: 50%; right: 50%;
      margin-left: -40px;
      margin-right: -40px;
      text-align: center;
      padding: .25em;
      content: "OK";
    text-decoration: none;
    color: black;
      font-size: 14px;
  }
  .ok .collapsible-block-unfolded-link a:active
  {
    border-color: grey white white grey;
    text-decoration: none;
    color: black;
  }
  .okok-supplement
  {
      border: 2px inset #999;
      padding: 0 1em;
      margin: 1em 0;
      background-color: #fafafa;
  }
  .okok-exploration
  {
      border: 2px inset #999;
      padding: 0 1em;
      margin: 1em 0;
      background-color: #fafafa;
  }
  .okok-supplement table
  {
      margin-top: 1.4em !important;
      margin-bottom: 1.4em !important;
  }
  .okok-supplement p
  {
      margin-top: 1.4em;
      margin-bottom: 1.4em;
  }
  .okok-exploration p
  {
      margin-top: 1.4em;
      margin-bottom: 1.4em;
      line-height: 1.6em;
  }
  .okok-note
  {
      border: 1px outset #da8;
      border-radius: 2px;
      padding: 3em;
      margin: 2em 0;
      min-height: 780px;
    background-color: #f8f5de;
    background-image: linear-gradient(to right, rgba(255,210,0,0.4), rgba(200, 160, 0, 0.1) 11%, rgba(0,0,0,0) 35%, rgba(200, 160, 0, 0.1) 65%);
    box-shadow: inset 0 0 75px rgba(255,210,0,0.2), inset 0 0 20px rgba(255,210,0,0.3), inset 0 0 30px rgba(220,120,0,0.5);
    color: rgba(0,0,0,0.5);
    letter-spacing: 0.05em;
    line-height: 1.8;
  font-family: monospace; font-size: 15px; text-shadow: 1px 1px 1px #ffc, -1px -1px 2px #edd; color: #081861;
  }

  Pages using this styling

  • scp-7180 [info]

  ¶ 1 occurrence
  

   :root{
     --header-title: "SCP FOUNDATION";
     --header-subtitle: "PROJECT ÁSPRO";
     --lgurl: url(https://scp-wiki.wdfiles.com/local--files/theme%3Aflopstyle-dark/alt_logo_bw.png);
  }
  .footnotes-footer {
      visibility: hidden;
      height: 0;
      padding: 0;
      margin: 0;
  }

  Pages using this styling

  • scp-7176 [info]

  ¶ 1 occurrence
  

  /* HEADER */
  :root{
       --header-title: "SITE-232";
       --header-subtitle: "STRATHROY-CARADOC PLAZA";
  }
   div#extra-div-1{
       background-image: url(https://scp-sandbox-3.wdfiles.com/local--files/harry-blank/232.png);
  }
   .top-left-box > .item{
       display: inline;
  }
  .top-left-box > .item {
    display: none;
  }

  Pages using this styling

  • scp-7173 [info]

  ¶ 1 occurrence
  

  .strathroy {
      background: url(https://scp-sandbox-3.wdfiles.com/local--files/collab%3Amrbadfellow/232transparent.png) #E9F6F3;
      background-size: 190px;
      background-position: center;
      background-repeat: no-repeat;
      box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
      width: 90%;
      min-height: 4rem;
      margin-left: auto;
      margin-right: auto;
      margin-bottom: 12px;
      padding: 10px 20px 20px 20px;
      word-break: break-word;
  } 
  .strathroy>p:nth-child(1)::before {
      content: "OFFICE OF THE ACTING DIRECTOR\00000a";
      font-weight: 900;
      font-size: 130%;
      text-align: center;
      margin-bottom: 1rem;
      padding-bottom: .3rem;
      border-bottom: dotted 0.13rem darkslategrey;
      max-width: 49rem;
      margin-left: auto;
      margin-right: auto;
      display: flex;
      flex-direction: column;
      align-content: stretch;
      align-items: center;
  }
  .strathroyB {
      background: url(https://scp-sandbox-3.wdfiles.com/local--files/collab%3Amrbadfellow/232transparent.png) #E9F6F3;
      background-size: 250px;
      background-position: center;
      background-repeat: no-repeat;
      box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
      width: 90%;
      min-height: 4rem;
      margin-left: auto;
      margin-right: auto;
      margin-bottom: 12px;
      padding: 10px 20px 20px 20px;
      word-break: break-word;
  } 
  .strathroyB>p:nth-child(1)::before {
      content: "OFFICE OF THE ASSISTANT DIRECTOR\00000a";
      font-weight: 900;
      font-size: 130%;
      text-align: center;
      margin-bottom: 1rem;
      padding-bottom: .3rem;
      border-bottom: dotted 0.13rem darkslategrey;
      max-width: 49rem;
      margin-left: auto;
      margin-right: auto;
      display: flex;
      flex-direction: column;
      align-content: stretch;
      align-items: center;
  }
  .bidiv {
      border-left: solid 3px rgb(207, 2, 108);
      border-right: solid 3px rgb(0, 54, 163);
      padding: 25px 25px 25px 25px;
      box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
      margin: auto;
      background: #f7f7f7;
  }

  Pages using this styling

  • scp-7173 [info]

  ¶ 1 occurrence
  

  .email-example .collapsible-block-folded a.collapsible-block-link {
      animation: blink 0.8s ease-in-out infinite alternate;
  }
  @keyframes blink {
      0% { color: transparent; }
      50%, 100% { color: #b01; }
  }
  .email {border: solid 2px #000000; width: 88%; padding: 1px 15px; margin-left: auto; margin-right: auto; margin-top: 12px; box-shadow: 0 1px 3px rgba(0,0,0,.5);}
  .email-example a.collapsible-block-link {font-weight: bold;}
  .tofrom {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px maroon}

  Pages using this styling

  • scp-7173 [info]

  ¶ 1 occurrence
  

  @import url("https://fonts.googleapis.com/css2?family=PT+Serif&display=swap");@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Mono&display=swap");div.irc-log{margin:10px;margin-top:20px;padding:10px;border:3px solid #000000;background-color:#333333;border-radius:15px;font-family:"IBM Plex Mono",monospace;color:#FFFFFF;font-size: 110%;}div.irc-log td{border:1px solid #000000;font-weight:bold}div.irc-log p{line-height:135%}div.irc-log span.userred{font-weight:bold;letter-spacing:1px;background-color:#ffabab;color:#050505;padding-left:2px;border:1px solid #ffabab;margin-right:.25em}div.irc-log span.userwhite{font-weight:bold;letter-spacing:1px;background-color:#ffffff;color:#050505;padding-left:2px;border:0px solid #ffabab;margin-right:.25em}div.irc-log::before{content:"SCiPNET Messaging System";position:relative;top:-1.5em;left:-1.5em;border:2px solid #050505;color:#050505;background-color:#5effa6;font-family:"PT Serif",serif;padding:1px 3px;border-radius:3px;font-weight:bold;letter-spacing:2px}div.inventory-report{margin:10px;margin-top:20px;padding:10px;border:2px solid #050505;background-color:#eee;border-radius:3px}

  Pages using this styling

  • scp-7173 [info]

  ¶ 1 occurrence
  

  .email-example .collapsible-block-folded a.collapsibe-block-link {
      animation: blink 0.8s ease-in-out infinite alternate;
  }
  @keyframes blink {
      0% { color: transparent; }
      50%, 100% { color: #b01; }
  }
  .email {border: solid 2px #000000; width: 88%; padding: 1px 15px; margin: 10px; box-shadow: 0 1px 3px rgba(0,0,0,.5)}
  .email-example a.collapsible-block-link {font-weight: bold;}
  .tofrom {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px maroon}

  Pages using this styling

  • scp-7172 [info]

  ¶ 1 occurrence
  

  :root{
  --logo-image: url( "" );
  --logo-size: 280px;
  --header-title: "S.T.O.N.E.R. Division";
  --header-subtitle: "We roll in the dark so you can burn in the light";
  --color: #ffffff;
  }

  Pages using this styling

  • scp-7168 [info]

  ¶ 1 occurrence
  

  .creditRate {
      float: none;
  }
  
  #page-content .creditRate {
      margin-right: 0;
      margin-bottom: 0.25rem;
  }

  Pages using this styling

  • scp-7160 [info]

  ¶ 1 occurrence
  

  :root {
    --title: "SCP Foundation";
    --subtitle: "Secure · Contain · Protect";
    --sidesubtitle: "Secure · Contain · Protect";
  }
  
  /* disable iOS cache warning (temp) */
  #top-bar .ios-cache-issue-notification {
    display: none !important;
  }

  Pages using this styling

  • scp-7155 [info]

  ¶ 1 occurrence
  

  :root {
      --logo-image: url("http://o5command-int.wdfiles.com/local--files/tech-team:graphic-templates/scp-logo-int-full.svg");
      --header-title: "INT Archives";
      --header-subtitle: "of the SCP Foundation";
      --swatch-int-blue: 52, 76, 105;
      --swatch-int-white: 201, 208, 216;
      --header-gradient-color-bottom: var(--swatch-int-blue);
      --rating-module-bg-color: var(--swatch-int-white);
  }
  
  .info-container{
  --barColour: #344C69; — this is the colour of the bar and the author button
  --linkColour: #FFF; — this is the colour of the "i" and the text within the author button
  }

  Pages using this styling

  • scp-7150 [info]

  ¶ 1 occurrence
  

   :root{
       --accentColor: hsl(44, 100%, 77%);
       --accentColorLite: hsla(44, 100%, 87%, .5);
       --hue: 44deg;
  }

  Pages using this styling

  • scp-7148 [info]

  ¶ 1 occurrence
  

  :root {
      --timeScale: 1.75;
      --timeDelay: 0.75s;
  }

  Pages using this styling

  • scp-7144 [info]

  ¶ 1 occurrence
  

  
  .indent {
  margin-left: 2%;
  }
  .s-cell {
      color: transparent;
      user-select: none;
  }
  .fonts-display {
      font-size: 1.25em;
  }
  .title-font {
      font-family: var(--title-font);
      font-weight: 700;
  }
  .header-font {
      font-family: var(--title-font);
      font-weight: 900;
  }
  .UI-font {
      font-family: var(--UI-font);
  }
  .mono-font {
      --MONO: 1;
      --CASL: 0;
      --CRSV: 0;
      font-family: var(--mono-font);
  }

  Pages using this styling

  • scp-7143 [info]

  ¶ 1 occurrence
  

  #page-content .lotus {
  background-color: rgb(var(--admo-color-dim));
  background-image: url("https://scp-wiki.wikidot.com/local--files/scp-7140/tvQKL74.gif");
  background-attachment: fixed;
  background-size: 100%;
  opacity: 36%;
  background-repeat: round;
  background-blend-mode: darken;
  border: none;
  box-shadow: inset 0rem -2rem 10rem 8rem rgba(var(--admo-color-dark))
  }
  
  #page-content div.notation {
  background-color: rgba(var(--basalt-secondary-color), 0.6);
  }
  
  #page-content .lotus .st {
  text-decoration: none;
  }
  
  #page-content .lotus p:has(.st) {
  text-align: center;
  }
  
  @media only screen and (max-width: 768px) {
     #page-content .chat {
        padding: 0.5rem 0px;
        font-size: 0.88rem;
     }
  
     #page-content .chat > p {
        margin: 0.5rem;
     }
  
     #page-content :is(.vjds, .veiss, .jldo, .elng, .kelvin) {
        margin-left: unset;
        margin-right: unset;
     }
  
     #page-content .lotus {
        background-size: 33%;
        box-shadow: inset 0rem -2rem 10rem 2rem rgba(var(--admo-color-dark));
     }
  }
  
  .diss, .diss::selection {
  color: transparent;
  }

  Pages using this styling

  • scp-7140 [info]

  ¶ 1 occurrence
  

  
  div[class$="_memo7"] {
      background: var(--memo7-logo) rgba(var(--memo7-color), 1);
      background-size: contain;
      background-position: center;
      background-repeat: no-repeat;
      min-height: 4rem;
      margin-inline: auto;
      margin-block: 2rem;
      padding-inline: 20px;
      padding-block: 10px;
      border: solid 4px rgba(209, 15, 92, 255);
      text-align: center;
  }
  
  div[class$="_memo7"]::before {
      content: var(--memo7-heading);
      font-family: var(--UI-font);
      font-weight: 900;
      font-size: 1.3em;
      text-align: center;
      color: rgb(209, 15, 92);
      margin: 0 auto 1rem auto;
      display: flex;
      flex-direction: column;
      padding-top: 0.5em;
  }
  
  
  div.modalredblack_memo7 {
      --memo7-logo: url(https://scp-wiki.wikidot.com/local--files/scp-7140/2Jyyis8.webp);
      --memo7-color: 0,0,0;
  }
  
  

  Pages using this styling

  • scp-7140 [info]

  ¶ 1 occurrence
  

  
  div[class$="_memo6"] {
      background: var(--memo6-logo) rgba(var(--memo6-color), 1);
      background-size: contain;
      background-position: center;
      background-repeat: no-repeat;
      min-height: 4rem;
      margin-inline: auto;
      margin-block: 2rem;
      padding-inline: 20px;
      padding-block: 10px;
      border: solid 4px rgba(154, 6, 24, 255);
      text-align: center;
  }
  
  div[class$="_memo6"]::before {
      content: var(--memo6-heading);
      font-family: var(--UI-font);
      font-weight: 900;
      font-size: 1.3em;
      text-align: center;
      color: rgb(154, 6, 24);
      margin: 0 auto 1rem auto;
      display: flex;
      flex-direction: column;
      padding-top: 0.5em;
  }
  
  
  div.modalredblack_memo6 {
      --memo6-logo: url(https://scp-wiki.wikidot.com/local--files/scp-7140/2Jyyis8.webp);
      --memo6-color: 0,0,0;
  }
  
  

  Pages using this styling

  • scp-7140 [info]

  ¶ 1 occurrence
  

  
  div[class$="_memo5"] {
      background: var(--memo5-logo) rgba(var(--memo5-color), 1);
      background-size: contain;
      background-position: center;
      background-repeat: no-repeat;
      min-height: 4rem;
      margin-inline: auto;
      margin-block: 2rem;
      padding-inline: 20px;
      padding-block: 10px;
      border: solid 4px rgba(72, 4, 11, 255);
      text-align: center;
  }
  
  div[class$="_memo5"]::before {
      content: var(--memo5-heading);
      font-family: var(--UI-font);
      font-weight: 900;
      font-size: 1.3em;
      text-align: center;
      color: rgb(72, 4, 11);
      margin: 0 auto 1rem auto;
      display: flex;
      flex-direction: column;
      padding-top: 0.5em;
  }
  
  
  div.modalredblack_memo5 {
      --memo5-logo: url(https://scp-wiki.wikidot.com/local--files/scp-7140/2Jyyis8.webp);
      --memo5-color: 0,0,0;
  }
  
  

  Pages using this styling

  • scp-7140 [info]

  ¶ 1 occurrence
  

  
  div[class$="_memo4"] {
      background: var(--memo4-logo) rgba(var(--memo4-color), 1);
      background-size: contain;
      background-position: center;
      background-repeat: no-repeat;
      min-height: 4rem;
      margin-inline: auto;
      margin-block: 2rem;
      padding-inline: 20px;
      padding-block: 10px;
      border: solid 4px rgba(42, 2, 7, 255);
      text-align: center;
  }
  
  div[class$="_memo4"]::before {
      content: var(--memo4-heading);
      font-family: var(--UI-font);
      font-weight: 900;
      font-size: 1.3em;
      text-align: center;
      color: rgb(42, 2, 7);
      margin: 0 auto 1rem auto;
      display: flex;
      flex-direction: column;
      padding-top: 0.5em;
  }
  
  
  div.modalredblack_memo4 {
      --memo4-logo: url(https://scp-wiki.wikidot.com/local--files/scp-7140/2Jyyis8.webp);
      --memo4-color: 0,0,0;
  }
  
  

  Pages using this styling

  • scp-7140 [info]

  ¶ 1 occurrence
  

  
  div[class$="_memo3"] {
      background: var(--memo3-logo) rgba(var(--memo3-color), 1);
      background-size: contain;
      background-position: center;
      background-repeat: no-repeat;
      min-height: 4rem;
      margin-inline: auto;
      margin-block: 2rem;
      padding-inline: 20px;
      padding-block: 10px;
      border: solid 4px rgba(211, 1, 32, 255);
      text-align: center;
  }
  
  div[class$="_memo3"]::before {
      content: var(--memo3-heading);
      font-family: var(--UI-font);
      font-weight: 900;
      font-size: 1.3em;
      text-align: center;
      color: rgb(211, 1, 32);
      margin: 0 auto 1rem auto;
      display: flex;
      flex-direction: column;
      padding-top: 0.5em;
  }
  
  
  div.modalredblack_memo3 {
      --memo3-logo: url(https://scp-wiki.wikidot.com/local--files/scp-7140/2Jyyis8.webp);
      --memo3-color: 0,0,0;
  }
  
  

  Pages using this styling

  • scp-7140 [info]

  ¶ 1 occurrence
  

  
  @import url('https://fonts.bunny.net/css2?family=Zen+Kaku+Gothic+Antique:wght@300;400;500;700;900&display=swap');
  @import url('https://fonts.bunny.net/css2?family=Poppins:wght@700&display=swap');
  div.authorlink-wrapper{margin-top: var(--author-top-adjust, .2em) !important;}
  :root {
  --header-logo: url('https://scp-wiki.wikidot.com/local--files/scp-7140/leyXBPM.webp');
  --title:"SCP FOUNDATION";
  --subtitle:"SECURE, CONTAIN, PROTECT.";
  --sidesubtitle: "TEXT";
  --sidelogo: url('https://scp-wiki.wikidot.com/local--files/scp-7140/leyXBPM.webp');
  --header-font: 'Poppins';
  --body-font: 'Zen Kaku Gothic Antique', sans-serif;
  --basalt-undertone: 60,9,33;
  --swatch-menubg-black-color: 10,10,10;
  --general-border-color: 1,1,1;
  --swatch-menutxt-dark-color: 1,1,1;
  --UI-font: 'Poppins';
  --selection-background-color: 228, 13, 13;
  --link-color: 228, 13, 13;
  --link-visited-color: 171, 15, 15;
  --basalt-bright-element-color: var(--basalt-alternate-color);
  }
  a {
  font-family: var(--header-font-primary);
  }
  body:before {
   content: ' ';
    position: fixed;
    display: block;
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
  background-position:center;
  }
  body {
      background-image:url("https://scp-wiki.wikidot.com/local--files/scp-7140/BbwglsR.webp");
      background-attachment: fixed;
      background-size: 100%;
      background-repeat:repeat;
  
  }
  

  Pages using this styling

  • scp-7140 [info]

  ¶ 1 occurrence
  

  .collapsible-block {
      display: block;
      text-align: left;
      padding: 0.75em;
      background-color: lightgrey;
      border-top: 0.125rem dashed slategrey;
      border-bottom: 0.125rem dashed slategrey;
  }

  Pages using this styling

  • scp-7134 [info]

  ¶ 1 occurrence
  

  :root {
    --header-title: 'SCP Foundation' !important;
    /* --header-subtitle: 'Admin Site-39' !important; */
  }

  Pages using this styling

  • scp-7130 [info]

  ¶ 1 occurrence
  

  
  #page-content .collapsible-block {
      position: relative;
      padding: 0.75em;
      margin: 0.75em;
      box-shadow: 3px 2.5px 1px rgba(36,6,180,0.7), 0 0 0px 1px lightgrey;
      overflow-wrap: break-word;
  }
   
  .collapsible-block-unfolded{
      color: black;
      overflow-wrap: break-word;
   
  }
   
  .collapsible-block-unfolded-link {
      text-align:center;
  }
   
  .collapsible-block-folded {
      text-align: center;
      color: black;
  }
   
  .collapsible-block-link {
      font-weight: bold;
      color: maroon;
      text-align: center;
  }

  Pages using this styling

  • scp-7129 [info]

  ¶ 1 occurrence
  

   :root{
     --header-title: "SITE-120";
     --header-subtitle: "Fighting Fire With Fire";
     --subtitleColor: #990012;
     --lgurl: url(https://scp-wiki.wdfiles.com/local--files/inadvertent-neolinguistics/Ontotop.png);
  }

  Pages using this styling

  • scp-7120 [info]

  ¶ 1 occurrence
  

  #page-title{display:none}
  

  Pages using this styling

  • scp-7118 [info]

  ¶ 1 occurrence
  

  #page-content .colmod-block {
      margin: 1em o;
  }
  .ethics_memo>p:nth-child(1)::before {
      content: "THE MANDATE OF THE ETHICS COMMITTEE IS IN EFFECT";
  }

  Pages using this styling

  • scp-7116 [info]

  ¶ 1 occurrence
  

  :root {
  --header-title: "SITE-78";
  --header-subtitle: "Outreach Program";
  --lgurl: url(https://scp-wiki.wdfiles.com/local--files/secure-facility-dossier-site-78/site-78.svg);
  }

  Pages using this styling

  • scp-7110 [info]

  ¶ 1 occurrence
  

  .translation_block, .u-faq {
      display: none;
  }
  #page-title {
      display: inline !important;
      text-align: center;
  }

  Pages using this styling

  • scp-7105 [info]

  ¶ 1 occurrence
  

  :root {
  --header-title: "SITE-120";
  --header-subtitle: "Борьба с огнем с огнем"; 
  }
  

  Pages using this styling

  • scp-7102 [info]

  ¶ 1 occurrence
  

  a {
     color: #9d1cb9;
  }
  
  :root {
      --title: "The Foundation";
      --subtitle: "Secretum Servare Deum";
  }
  
  #extra-div-1::before {
      color: #9d1cb9;
  }

  Pages using this styling

  • scp-7101 [info]

  ¶ 1 occurrence
  

  #page-content hr {
  border-top: none;
  height: .05em;
  background: #454545;
  }
  
  #page-content > .collapsible-block,
  .list-pages-item > .collapsible-block {
      display: block;
      text-align: center;
      padding: .8em;
      background-color: #e3e3e3;
      border-top: 0.125rem dashed #b5b5b5;
      border-bottom: 0.125rem dashed #b5b5b5;
  }
  
  #page-content > .collapsible-block .collapsible-block-content,
  .list-pages-item > .collapsible-block .collapsible-block-content {
      text-align: left;
  }
  
  .page {
      display: block;
      overflow: hidden;
      font-family: "Monotype Corsiva", "Bradley Hand ITC", sans-serif;
      font-style: normal;
      background-attachment: scroll;
      background-clip: border-box;
      background-color: transparent;
      background-image: linear-gradient(to top ,rgb(202, 219, 228) 0%, rgb(231, 233, 220) 8%);
      background-origin: padding-box;
      background-position: 0px 8px;
      background-repeat: repeat;
      background-size: 100% 20px;
      border: 1px solid #CCC;
      border-radius: 10px;
      padding: 10px 10px;
      margin-bottom: 10px;
      box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2)
  }
  .page p,
  .page ul {
      line-height: 20px;
      margin: 0;
  }
  
  .interview{
      border:solid 2px #d4d4d4;
      background:#F5F5F5;
      width:90%;
      padding:1px 15px;
      margin: 10px auto;
  }
  
  .file{
      border:none;
      background:#F5F5F5;
      width:90%;
      padding:1px 15px;
      margin: 10px auto;
  }
  
  .addendum{
      border:solid 1px #5e5e5e;
      background:#ffffff;
      width:90%;
      padding:1px 15px;
      margin: 10px auto;
  }
  
  #page-title{display:none}
  

  Pages using this styling

  • scp-7097 [info]

  ¶ 1 occurrence
  

  .alert_interviewvideo {
      background: url(https://kaktuskontainer.wdfiles.com/local--files/format-hell/scp_trans.png) #e6f2dc;
      color: black;
      background-position: right top;
      background-repeat: no-repeat;
      background-size: 200px 200px;
      background-origin: content-box;
      box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
      width: 90%;
      min-height: 4rem;
      margin-left: auto;
      margin-right: auto;
      padding: 5px 10px 10px 10px;
      word-break: break-word;
  }
  
  .alert_interviewvideo>p:nth-child(1)::before {
      content: "FOUNDATION MISSION TRANSCRIPT";
      font-weight: 800;
      font-size: 110%;
      text-align: center;
      margin-bottom: 1rem;
      padding-bottom: 0.3rem;
      max-width: 49rem;
      margin-left: auto;
      margin-right: auto;
      display: flex;
      flex-direction: column;
      align-content: stretch;
      align-items: center;
  }
  
  .alert_interviewaudio {
      background: url(https://kaktuskontainer.wdfiles.com/local--files/format-hell/scp_trans.png) #e6f2dc;
      color: black;
      background-position: right top;
      background-repeat: no-repeat;
      background-size: 200px 200px;
      background-origin: content-box;
      box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
      width: 90%;
      min-height: 4rem;
      margin-left: auto;
      margin-right: auto;
      padding: 5px 10px 10px 10px;
      word-break: break-word;
  }
  
  .alert_interviewaudio>p:nth-child(1)::before {
      content: "FOUNDATION MEETING TRANSCRIPT";
      font-weight: 800;
      font-size: 110%;
      text-align: center;
      margin-bottom: 1rem;
      padding-bottom: 0.3rem;
      max-width: 49rem;
      margin-left: auto;
      margin-right: auto;
      display: flex;
      flex-direction: column;
      align-content: stretch;
      align-items: center;
  }
  
  .alert_interviewfuture{
      background: url(https://kaktuskontainer.wdfiles.com/local--files/format-hell/scp_trans.png) #e6f2dc;
      color: black;
      background-position: right top;
      background-repeat: no-repeat;
      background-size: 200px 200px;
      background-origin: content-box;
      box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
      width: 90%;
      min-height: 4rem;
      margin-left: auto;
      margin-right: auto;
      padding: 5px 10px 10px 10px;
      word-break: break-word;
  }
  
  .alert_interviewfuture>p:nth-child(1)::before {
      content: "FOUNDATION ARCHIVED TRANSCRIPT";
      font-weight: 800;
      font-size: 110%;
      text-align: center;
      margin-bottom: 1rem;
      padding-bottom: 0.3rem;
      max-width: 49rem;
      margin-left: auto;
      margin-right: auto;
      display: flex;
      flex-direction: column;
      align-content: stretch;
      align-items: center;
  }
  
  .alert_bulletin {
      background: url(https://kaktuskontainer.wdfiles.com/local--files/format-hell/scp_trans.png) #dff0f2;
      color: black;
      background-position: right top;
      background-repeat: no-repeat;
      background-size: 200px 200px;
      background-origin: content-box;
      box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
      width: 90%;
      min-height: 4rem;
      max-height: 100rem;
      margin-left: auto;
      margin-right: auto;
      padding: 5px 10px 10px 10px;
      word-break: break-word;
  }
  
  .alert_bulletin>p:nth-child(1)::before {
      content: "FOUNDATION INTERNAL MEMO";
      font-weight: 800;
      font-size: 110%;
      text-align: center;
      margin-bottom: 1rem;
      padding-bottom: 0.3rem;
      max-width: 49rem;
      margin-left: auto;
      margin-right: auto;
      display: flex;
      flex-direction: column;
      align-content: stretch;
      align-items: center;
  }
  
  .alert_incident {
      background: url(https://kaktuskontainer.wdfiles.com/local--files/format-hell/scp_trans.png) #f4dfdf;
      color: black;
      background-position: right top;
      background-repeat: no-repeat;
      background-size: 200px 200px;
      background-origin: content-box;
      box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
      width: 90%;
      min-height: 4rem;
      max-height: 100rem;
      margin-left: auto;
      margin-right: auto;
      padding: 5px 10px 10px 10px;
      word-break: break-word;
  }
   
  .alert_incident>p:nth-child(1)::before {
      content: "SITE-44 INCIDENT REPORT";
      font-weight: 800;
      font-size: 110%;
      text-align: center;
      margin-bottom: 1rem;
      padding-bottom: 0.3rem;
      max-width: 49rem;
      margin-left: auto;
      margin-right: auto;
      display: flex;
      flex-direction: column;
      align-content: stretch;
      align-items: center;
  }
  
  .alert_o5 {
      background: url(https://kaktuskontainer.wdfiles.com/local--files/format-hell/scp_trans.png) #d9d5f0;
      color: black;
      background-position: top;
      background-repeat: no-repeat;
      background-size: 200px 200px;
      background-origin: content-box;
      box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
      width: 90%;
      min-height: 4rem;
      max-height: 100rem;
      margin-left: auto;
      margin-right: auto;
      padding: 5px 10px 10px 10px;
      word-break: break-word;
  }
   
  .alert_o5>p:nth-child(1)::before {
      content: "BY ORDER OF THE OVERSEER COUNCIL";
      font-weight: 800;
      font-size: 130%;
      color: #d40b0b;
      text-align: center;
      margin-bottom: 1rem;
      padding-bottom: 0.1rem;
      max-width: 49rem;
      margin-left: auto;
      margin-right: auto;
      display: flex;
      flex-direction: column;
      align-content: stretch;
      align-items: center;
  }
  
  .alert_login1 {
      background: url(https://kaktuskontainer.wdfiles.com/local--files/format-hell/scp_trans.png) transparent;
      background-position: top;
      background-repeat: no-repeat;
      background-size: 200px 200px;
      background-origin: content-box;
      width: 95%;
      min-height: 4rem;
      max-height: 100rem;
      margin-left: auto;
      margin-right: auto;
      padding: 5px 10px 10px 10px;
      word-break: break-word;
  }
  
  .alert_login2 {
      background: transparent;
      background-position: top;
      background-repeat: no-repeat;
      background-size: 200px 200px;
      background-origin: content-box;
      width: 30rem;
      min-height: 4rem;
      max-height: 100rem;
      margin-left: auto;
      margin-right: auto;
      padding: 5px 10px 10px 10px;
      word-break: break-word;
  }
  
  .collapsible_tag a{
      color:green;
  }

  Pages using this styling

  • scp-7089 [info]

  ¶ 1 occurrence
  

  div.rate-box-with-credit-button .creditButton>p>a::before {
      background-color: rgb(var(--rate-module-background-color));
  }
  .email-example .collapsible-block-folded a.collapsible-block-link {
      animation: blink 0.8s ease-in-out infinite alternate;
  }
  @keyframes blink {
      0% { color: transparent; }
      50%, 100% { color: #b01; }
  }
  .email {border: solid 2px #000000; width: 88%; padding: 1px 15px; margin: 10px; box-shadow: 0 1px 3px rgba(0,0,0,.5)}
  .email-example a.collapsible-block-link {font-weight: bold;}
  .tofrom {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px maroon}

  Pages using this styling

  • scp-7081 [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+Antique:wght@300;400;500;700;900&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=VT323&display=swap');
  :is(#page-content table:not(.form), table.wiki-content-table) {
      table-layout: auto;
  }
  
  .anom-bar-container, .anom-bar-container *, .acs-extra {
  font-weight:700;
  }
  .broken {
      height: 50px;
      width: 50px;
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='600' height='600' viewBox='0 0 600 600'%3E%3Cpath fill='%235f3a97' fill-opacity='0.84' d='M600 325.1v-1.17c-6.5 3.83-13.06 7.64-14.68 8.64-10.6 6.56-18.57 12.56-24.68 19.09-5.58 5.95-12.44 10.06-22.42 14.15-1.45.6-2.96 1.2-4.83 1.9l-4.75 1.82c-9.78 3.75-14.8 6.27-18.98 10.1-4.23 3.88-9.65 6.6-16.77 8.84-1.95.6-3.99 1.17-6.47 1.8l-6.14 1.53c-5.29 1.35-8.3 2.37-10.54 3.78-3.08 1.92-6.63 3.26-12.74 5.03a384.1 384.1 0 0 1-4.82 1.36c-2.04.58-3.6 1.04-5.17 1.52a110.03 110.03 0 0 0-11.2 4.05c-2.7 1.15-5.5 3.93-8.78 8.4a157.68 157.68 0 0 0-6.15 9.2c-5.75 9.07-7.58 11.74-10.24 14.51a50.97 50.97 0 0 1-4.6 4.22c-2.33 1.9-10.39 7.54-11.81 8.74a14.68 14.68 0 0 0-3.67 4.15c-1.24 2.3-1.9 4.57-2.78 8.87-2.17 10.61-3.52 14.81-8.2 22.1-4.07 6.33-6.8 9.88-9.83 12.99-.47.48-.95.96-1.5 1.48l-3.75 3.56c-1.67 1.6-3.18 3.12-4.86 4.9a42.44 42.44 0 0 0-9.89 16.94c-2.5 8.13-2.72 15.47-1.76 27.22.47 5.82.51 6.36.51 8.18 0 10.51.12 17.53.63 25.78.24 4.05.56 7.8.97 11.22h.9c-1.13-9.58-1.5-21.83-1.5-37 0-1.86-.04-2.4-.52-8.26-.94-11.63-.72-18.87 1.73-26.85a41.44 41.44 0 0 1 9.65-16.55c1.67-1.76 3.18-3.27 4.83-4.85.63-.6 3.13-2.96 3.75-3.57a71.6 71.6 0 0 0 1.52-1.5c3.09-3.16 5.86-6.76 9.96-13.15 4.77-7.42 6.15-11.71 8.34-22.44.86-4.21 1.5-6.4 2.68-8.6.68-1.25 1.79-2.48 3.43-3.86 1.38-1.15 9.43-6.8 11.8-8.72 1.71-1.4 3.26-2.81 4.7-4.3 2.72-2.85 4.56-5.54 10.36-14.67a156.9 156.9 0 0 1 6.1-9.15c3.2-4.33 5.9-7.01 8.37-8.07 3.5-1.5 7.06-2.77 11.1-4.02a233.84 233.84 0 0 1 7.6-2.2l2.38-.67c6.19-1.79 9.81-3.16 12.98-5.15 2.14-1.33 5.08-2.33 10.27-3.65l6.14-1.53c2.5-.63 4.55-1.2 6.52-1.82 7.24-2.27 12.79-5.06 17.15-9.05 4.05-3.72 9-6.2 18.66-9.9l4.75-1.82c1.87-.72 3.39-1.31 4.85-1.91 10.1-4.15 17.07-8.32 22.76-14.4 6.05-6.45 13.95-12.4 24.49-18.92 1.56-.96 7.82-4.6 14.15-8.33v-64.58c-4 8.15-8.52 14.85-12.7 17.9-2.51 1.82-5.38 4.02-9.04 6.92a1063.87 1063.87 0 0 0-6.23 4.98l-1.27 1.02a2309.25 2309.25 0 0 1-4.87 3.9c-7.55 6-12.9 10.05-17.61 13.19-3.1 2.06-3.86 2.78-8.06 7.13-5.84 6.07-11.72 8.62-29.15 10.95-11.3 1.5-20.04 4.91-30.75 11.07-1.65.94-7.27 4.27-6.97 4.1-2.7 1.58-4.69 2.69-6.64 3.66-5.63 2.8-10.47 4.17-15.71 4.17-17.13 0-41.44 11.51-51.63 22.83-12.05 13.4-31.42 27.7-45.25 31.16-7.4 1.85-11.85 7.05-14.04 14.69-1.26 4.4-1.58 8.28-1.58 13.82 0 .82.01.98.24 3.63.45 5.18.35 8.72-.77 13.26-1.53 6.2-4.89 12.6-10.59 19.43-13.87 16.65-22.88 46.58-22.88 71.68 0 2.39.02 4.26.06 8.75.12 10.8.1 15.8-.22 21.95-.56 11.18-2.09 20.73-5 29.3h-1.05c2.94-8.56 4.49-18.12 5.05-29.35.31-6.13.34-11.1.22-21.9-.04-4.48-.06-6.36-.06-8.75 0-25.32 9.07-55.47 23.12-72.32 5.6-6.72 8.88-12.99 10.38-19.03 1.09-4.4 1.18-7.85.74-12.93-.23-2.7-.24-2.86-.24-3.72 0-5.62.32-9.57 1.62-14.1 2.28-7.95 6.97-13.44 14.76-15.39 13.6-3.4 32.82-17.59 44.75-30.84C409 360.14 433.58 348.5 451 348.5c5.07 0 9.77-1.33 15.26-4.07 1.93-.96 3.9-2.05 6.58-3.62-.3.18 5.33-3.16 6.98-4.11 10.82-6.21 19.66-9.67 31.11-11.2 17.23-2.3 22.9-4.75 28.57-10.64 4.25-4.41 5.04-5.16 8.22-7.28 4.68-3.11 10.01-7.14 17.55-13.14a1113.33 1113.33 0 0 0 4.86-3.89l1.28-1.02a4668.54 4668.54 0 0 1 6.23-4.98c3.67-2.9 6.55-5.12 9.07-6.95 4.37-3.19 9.16-10.56 13.29-19.4v66.9zm0-116.23c-.62.01-1.27.06-1.95.13-6.13.63-13.83 3.45-21.83 7.45-3.64 1.82-8.46 2.67-14.17 2.71-4.7.04-9.72-.47-14.73-1.33-1.7-.3-3.26-.61-4.67-.93a31.55 31.55 0 0 0-3.55-.57 273.4 273.4 0 0 0-16.66-.88c-10.42-.16-17.2.74-17.97 2.73-.38.97.6 2.55 3.03 4.87 1.01.97 2.22 2.03 4.04 3.55a1746.07 1746.07 0 0 0 4.79 4.02c1.39 1.2 3.1 1.92 5.5 2.5.7.16.86.2 2.64.54 3.53.7 5.03 1.25 6.15 2.63 1.41 1.76 1.4 4.54-.15 8.88-2.44 6.83-5.72 10.05-10.19 10.33-3.63.23-7.6-1.29-14.52-5.06-4.53-2.47-6.82-7.3-8.32-15.26-.17-.87-.32-1.78-.5-2.86l-.43-2.76c-1.05-6.58-1.9-9.2-3.73-10.11-.81-.4-1.59-.74-2.36-1-2.27-.77-4.6-1.02-8.1-.92-2.29.07-14.7 1-13.77.93-20.55 1.37-28.8 5.05-37.09 14.99a133.07 133.07 0 0 0-4.25 5.44l-2.3 3.09-2.51 3.32c-4.1 5.36-7.06 8.48-10.39 11.12-.65.52-1.33 1.04-2.13 1.62l-4.11 2.94a106.8 106.8 0 0 0-5.16 3.99c-4.55 3.74-9.74 8.6-16.25 15.38-8.25 8.58-11.78 13.54-11.7 15.95.07 1.65 1.64 2.11 6.79 2.38 1.61.09 2.15.12 2.98.2 2.95.24 5.09.73 6.81 1.68 7.48 4.15 11.63 7.26 13.95 11.58 3.3 6.15.8 12.88-8.89 20.26-8.28 6.3-11.1 10.37-11.31 14.96-.06 1.17 0 1.93.26 4.43.69 6.47.25 10.65-2.8 17.42a44.23 44.23 0 0 1-4.16 7.53c-2.82 3.97-5.47 5.74-10.6 7.69-.43.16-3.34 1.23-4.27 1.59-1.8.68-3.38 1.36-5.01 2.14-4.18 2-8.4 4.6-13.1 8.24-8.44 6.51-13.23 14.56-15.98 25.06-1.1 4.2-1.55 6.81-2.8 15.21-1.26 8.6-2.17 12.64-4.08 16.55-2.1 4.28-11.93 26.59-12.97 28.88a382.7 382.7 0 0 1-6.37 13.41c-4.07 8.11-7.61 14.07-10.73 17.81-5.38 6.46-8.98 14.37-13.77 28.42a810.14 810.14 0 0 0-1.89 5.6c-1.8 5.35-2.96 8.6-4.26 11.85-6.13 15.32-25.43 26.31-46.46 26.31-11.2 0-20.58-2.74-31.02-8.55-5.6-3.13-4.55-2.42-22.26-14.54-14.33-9.8-17.7-10.73-20.47-6.9-.37.5-1.81 2.74-1.83 2.77a52.24 52.24 0 0 1-4.94 5.9c-.73.79-5.52 5.87-6.97 7.45-2.38 2.6-4.3 4.81-5.98 6.93a45.6 45.6 0 0 0-5.08 7.66c-1.29 2.57-1.9 5.25-2.66 10.6a997.6 997.6 0 0 1-.46 3.18h-1l.47-3.32c.77-5.45 1.4-8.2 2.75-10.9a46.54 46.54 0 0 1 5.2-7.84c1.7-2.14 3.63-4.38 6.03-6.98 1.45-1.59 6.24-6.68 6.96-7.46a51.58 51.58 0 0 0 4.84-5.78s1.47-2.26 1.86-2.8c3.25-4.5 7.08-3.44 21.84 6.67 17.67 12.08 16.62 11.38 22.19 14.48 10.3 5.73 19.5 8.43 30.53 8.43 20.65 0 39.57-10.77 45.54-25.69a219.7 219.7 0 0 0 4.24-11.8 6752.32 6752.32 0 0 0 1.88-5.6c4.83-14.16 8.47-22.14 13.96-28.73 3.05-3.66 6.56-9.57 10.6-17.61 1.97-3.93 4.04-8.31 6.35-13.38 1.03-2.28 10.88-24.61 12.98-28.91 1.85-3.79 2.75-7.76 4-16.25 1.24-8.44 1.7-11.07 2.81-15.32 2.8-10.7 7.71-18.94 16.33-25.6a73.18 73.18 0 0 1 13.29-8.35c1.66-.8 3.27-1.48 5.08-2.18.94-.36 3.86-1.43 4.28-1.59 4.95-1.88 7.44-3.55 10.14-7.33 1.35-1.9 2.68-4.3 4.06-7.37 2.97-6.58 3.39-10.59 2.72-16.9a27.13 27.13 0 0 1-.27-4.58c.22-4.94 3.21-9.24 11.7-15.7 9.33-7.11 11.66-13.34 8.62-19-2.2-4.09-6.25-7.12-13.55-11.17-1.57-.88-3.6-1.33-6.42-1.57-.8-.07-1.34-.1-2.95-.19-5.77-.3-7.63-.85-7.72-3.34-.1-2.81 3.5-7.87 11.97-16.69 6.53-6.8 11.75-11.69 16.33-15.45 1.79-1.47 3.42-2.72 5.2-4.03l4.12-2.94c.79-.58 1.46-1.08 2.1-1.59 3.26-2.6 6.16-5.65 10.21-10.94a383.2 383.2 0 0 0 2.5-3.32l2.31-3.09c1.8-2.39 3.04-4 4.29-5.48 8.47-10.17 16.98-13.96 37.27-15.3-.44.02 12-.9 14.32-.98 3.62-.1 6.05.16 8.46.98.8.27 1.62.62 2.47 1.04 2.27 1.14 3.17 3.87 4.27 10.85l.44 2.76c.17 1.07.33 1.97.5 2.83 1.44 7.69 3.62 12.29 7.8 14.57 6.76 3.68 10.6 5.15 13.99 4.94 4-.25 6.99-3.17 9.3-9.67 1.45-4.04 1.46-6.49.32-7.92-.9-1.12-2.28-1.62-5.57-2.27a55.8 55.8 0 0 1-2.67-.55c-2.54-.6-4.39-1.4-5.93-2.71a252.63 252.63 0 0 0-4.78-4.01 84.35 84.35 0 0 1-4.08-3.6c-2.73-2.6-3.86-4.43-3.28-5.95 1.02-2.64 7.82-3.54 18.93-3.37a230.56 230.56 0 0 1 16.73.88c2.76.39 3.2.49 3.68.6 1.4.3 2.95.62 4.62.91a82.9 82.9 0 0 0 14.56 1.32c5.56-.04 10.24-.86 13.73-2.6 8.1-4.05 15.89-6.9 22.17-7.56.7-.07 1.4-.11 2.05-.13v1zm0-100.94v1.5c-8.62 16.05-17.27 29.55-23.65 35.92-3.19 3.2-7.62 4.9-13.54 5.56-4.45.48-8.28.4-19.18-.2-9.91-.55-15.32-.44-20.52.78a84.05 84.05 0 0 1-15 2.11l-2.25.14c-12.49.75-19.37 1.78-32.72 5.74-4.5 1.33-9.27 2.49-14.3 3.48a246.27 246.27 0 0 1-32.6 3.97c-7.56.45-13.21.57-20.24.57-5.4 0-11.9 1.61-18 5.18-8.3 4.87-15.06 12.87-19.53 24.5a68.57 68.57 0 0 1-4.56 9.8c-3.6 6.2-6.92 8.99-13.38 12.18l-4.03 1.96a64.48 64.48 0 0 0-15.16 10.25c-8.2 7.33-13.72 16.63-22.54 35.6l-2.08 4.49c-7.3 15.7-11.5 23.3-17.35 29.87-7.7 8.66-20.25 14.42-40.31 20.08-4.37 1.23-19.04 5.08-19.24 5.13-6.92 1.87-11.68 3.34-15.63 4.92-10.55 4.22-18.71 10.52-36.38 26.52l-1.7 1.54c-8.58 7.76-13.41 11.9-18.81 15.88-3.95 2.9-8 5.67-12.97 8.91-2.06 1.34-10.3 6.6-12.33 7.94-11.52 7.5-18.53 13.04-24.62 20.08a62.01 62.01 0 0 0-6.44 8.85c-4.13 6.91-6.27 13.15-9.2 25.11l-1.54 6.26c-.6 2.45-1.15 4.54-1.72 6.58-2.97 10.7-6.9 17.36-14.78 26.91L69.6 491a148.51 148.51 0 0 0-4.19 5.3 23.9 23.9 0 0 0-3.44 6.28c-1.16 3.23-1.52 5.9-1.87 11.94-.58 10.05-1.42 15.04-4.63 22.67-1.57 3.72-5.66 14.02-6.41 15.8a73.46 73.46 0 0 1-3.57 7.4c-2.88 5.14-6.71 10.12-13.12 16.95-5.96 6.36-8.87 10.9-10.61 16a56.88 56.88 0 0 0-1.38 4.82l-.46 1.84h-1.03l.52-2.08c.52-2.09.92-3.49 1.4-4.9 1.8-5.25 4.78-9.9 10.84-16.36 6.35-6.78 10.13-11.7 12.97-16.77a72.5 72.5 0 0 0 3.52-7.29c.75-1.76 4.84-12.06 6.4-15.8 3.17-7.5 3.99-12.4 4.56-22.33.35-6.14.72-8.88 1.93-12.23a24.9 24.9 0 0 1 3.58-6.54c1.27-1.7 2.6-3.37 4.22-5.34l4.11-4.95c7.8-9.46 11.66-16 14.59-26.54.56-2.04 1.1-4.12 1.71-6.56l1.53-6.26c2.96-12.04 5.13-18.36 9.32-25.39 1.84-3.08 4-6.05 6.54-8.99 6.17-7.12 13.24-12.7 24.83-20.26 2.05-1.33 10.28-6.6 12.33-7.94 4.96-3.22 9-5.98 12.92-8.87 5.37-3.95 10.19-8.08 18.74-15.82l1.7-1.54c17.76-16.09 25.98-22.43 36.67-26.7 4-1.6 8.8-3.09 15.75-4.96.21-.06 14.87-3.9 19.22-5.13 19.9-5.61 32.32-11.31 39.85-19.78 5.76-6.48 9.93-14.02 17.18-29.64l2.09-4.5c8.87-19.07 14.44-28.46 22.77-35.9a65.48 65.48 0 0 1 15.38-10.4l4.04-1.97c6.3-3.1 9.47-5.77 12.96-11.77a67.6 67.6 0 0 0 4.48-9.67c4.56-11.84 11.47-20.02 19.97-25 6.25-3.66 12.93-5.32 18.5-5.32 7.01 0 12.65-.12 20.17-.57a245.3 245.3 0 0 0 32.47-3.96c5-.98 9.75-2.13 14.22-3.45 13.43-3.98 20.38-5.02 32.94-5.78l2.24-.14c5.76-.37 9.8-.9 14.85-2.09 5.31-1.25 10.79-1.35 22.6-.7 9.04.5 12.84.58 17.21.1 5.71-.62 9.94-2.26 12.95-5.26 6.44-6.45 15.3-20.37 24.35-36.72zm0 450.21c-1.28-4.6-2.2-10.55-3.33-20.25l-.24-2.04-.23-2.03c-1.82-15.7-3.07-21.98-5.55-24.47-2.46-2.46-3.04-5.03-2.52-8.64.1-.6.18-1.1.39-2.15.69-3.54.77-5.04.08-6.84-.91-2.38-3.31-4.41-7.79-6.26-5.08-2.09-6.52-4.84-4.89-8.44.66-1.45 1.79-3.02 3.52-5.01 1.04-1.2 5.48-5.96 5.08-5.53 6.15-6.7 8.98-11.34 8.98-16.48a15.2 15.2 0 0 1 6.5-12.89v1.26a14.17 14.17 0 0 0-5.5 11.63c0 5.47-2.93 10.29-9.24 17.16.38-.42-4.04 4.33-5.07 5.5-1.67 1.93-2.75 3.43-3.36 4.77-1.37 3.04-.23 5.22 4.36 7.1 4.71 1.95 7.32 4.16 8.34 6.83.78 2.04.7 3.67-.03 7.4-.2 1.03-.3 1.51-.38 2.09-.48 3.33.03 5.59 2.23 7.8 2.74 2.74 3.98 8.96 5.84 25.06l.24 2.03.23 2.04c.82 7.01 1.53 12.06 2.34 16.03v4.33zm0-62.16c-1.4-3.13-4.43-9.9-4.95-11.17-1.02-2.53-1.25-3.8-.91-5.18.2-.84 2.05-4.68 2.32-5.33a70.79 70.79 0 0 0 3.54-11.2v3.99a62.82 62.82 0 0 1-2.62 7.6c-.31.75-2.09 4.46-2.27 5.18-.28 1.12-.08 2.22.87 4.57.41 1.02 2.5 5.7 4.02 9.09v2.45zm0-85.09c-1.65 1.66-3.66 2.9-6.4 4.13-.25.1-13.97 5.47-20.4 8.43-9.35 4.32-16.7 5.9-23.03 5.25-5.08-.53-9.02-2.25-14.77-5.92l-3.2-2.07a77.4 77.4 0 0 0-5.44-3.27c-4.05-2.18-3.25-5.8 1.47-10.47 3.71-3.68 9.6-7.93 18.73-13.8l4.46-2.82c17.95-11.33 18.22-11.5 22.27-14.74 11.25-9 19.69-14.02 26.31-15.1v1.02c-6.37 1.1-14.62 6-25.69 14.86-4.1 3.28-4.34 3.44-22.36 14.8a652.4 652.4 0 0 0-4.45 2.83c-9.07 5.83-14.92 10.05-18.57 13.66-4.31 4.28-4.95 7.13-1.7 8.88 1.7.91 3.29 1.88 5.5 3.3l3.2 2.08c5.64 3.59 9.45 5.25 14.34 5.76 6.13.64 13.32-.9 22.52-5.15 6.46-2.98 20.18-8.35 20.4-8.44 3.04-1.37 5.1-2.71 6.81-4.69v1.47zm0-41.37v1c-6.56.26-12.11 3.13-19.71 9.08l-4.63 3.68a51.87 51.87 0 0 1-4.4 3.14c-.82.52-5.51 3.33-6.22 3.76-3.31 2-6.15 3.8-8.87 5.6a112.61 112.61 0 0 0-8.16 5.92c-4.61 3.72-7.4 6.9-7.97 9.35-.63 2.67 1.48 4.53 7.05 5.46 10.7 1.78 20.92-.05 30.45-4.65a61.96 61.96 0 0 0 17.1-12.2 41.8 41.8 0 0 0 5.36-7.42v1.92a38.94 38.94 0 0 1-4.64 6.19 62.95 62.95 0 0 1-17.39 12.41c-9.7 4.68-20.13 6.55-31.05 4.73-6.06-1-8.65-3.29-7.85-6.67.64-2.74 3.53-6.05 8.31-9.9 2.35-1.9 5.1-3.88 8.24-5.97 2.73-1.82 5.58-3.61 8.9-5.62.72-.44 5.4-3.24 6.22-3.75 1.26-.8 2.6-1.76 4.3-3.09.8-.62 3.9-3.1 4.63-3.67 7.77-6.1 13.49-9.04 20.33-9.3zm0-154.6v1c-1.75-.24-4.3.23-7.82 1.55-10.01 3.75-13.8 5.07-19.15 6.76-1.78.56-2.63.83-3.87 1.24-1.48.5-3.16.76-6.74 1.16a1550.34 1550.34 0 0 0-2.64.3c-7.8.94-11.28 2.47-11.28 6.07 0 4.45 2.89 13.18 7.96 25.81a57.34 57.34 0 0 1 2.33 7.6 258.32 258.32 0 0 1 .84 3.46c1.86 7.62 3.17 10.71 5.56 11.67 2.21.88 4.7.6 7.47-.72 3.48-1.69 7.22-4.94 11.2-9.47 1.52-1.7 2.97-3.49 4.59-5.57l3.16-4.1c2.59-3.23 6.07-12.21 8.39-20.23v3.45c-2.29 7.2-5.27 14.5-7.61 17.41-.44.55-2.67 3.46-3.15 4.09-1.63 2.1-3.1 3.9-4.62 5.62-4.08 4.61-7.9 7.94-11.53 9.7-2.99 1.44-5.77 1.75-8.28.74-2.84-1.13-4.2-4.34-6.15-12.35a2097.48 2097.48 0 0 1-.84-3.46c-.8-3.2-1.47-5.45-2.28-7.46-5.14-12.8-8.04-21.55-8.04-26.19 0-4.37 3.84-6.06 12.16-7.07a160.9 160.9 0 0 1 2.65-.3c3.5-.39 5.15-.64 6.53-1.1 1.26-.42 2.1-.7 3.88-1.26 5.34-1.68 9.11-3 19.1-6.74 3.53-1.32 6.22-1.84 8.18-1.61zM0 292c10.13-11.31 18.13-23.2 23.07-35.39 3.3-8.14 6.09-16.12 10.81-30.55l1.59-4.84c6.53-19.94 10.11-29.82 14.77-39.56 6.07-12.72 12.55-21.18 20.27-25.54 6.66-3.76 10.2-7.86 12.22-13.15a46.6 46.6 0 0 0 1.86-6.58c1.23-5.2 2.05-7.59 3.93-10.36 2.45-3.62 6.27-6.53 12.1-8.96 15.78-6.58 16.73-7.04 18.05-9.01.65-.98.83-2.15.74-4.51-.03-.73-.23-3.82-.24-4A93.8 93.8 0 0 1 119 94c0-10.04.18-11.37 2.37-13.15.52-.42 1.13-.8 2.07-1.3.27-.14 2.18-1.12 2.84-1.48a68.4 68.4 0 0 0 9.12-5.87c2.06-1.54 2.64-2.14 8.01-7.93 3.78-4.09 6.21-6.36 8.96-8.12 3.64-2.33 7.2-3.12 10.9-2.11 4.4 1.2 10.81 2 18.78 2.46 6.9.4 12.9.5 21.95.5 4.87 0 8.97.47 15.4 1.57 7.77 1.33 9.3 1.54 12.38 1.54 4.05 0 7.43-.88 10.68-2.95 5.06-3.22 8.11-4.67 11.2-5.2 3.62-.64 4.77-.46 16.55 2.06 17.26 3.7 30.85 1.36 41.06-9.7 5.1-5.53 5.48-8.9 3.48-14.8-.83-2.42-1.03-3.1-1.17-4.3-.29-2.52.5-4.71 2.71-6.93 2.65-2.65 4.72-9.17 6.22-18.29h2.03c-1.56 9.71-3.77 16.65-6.83 19.7-1.79 1.8-2.36 3.39-2.14 5.28.11 1 .3 1.63 1.07 3.9 2.22 6.53 1.76 10.66-3.9 16.8-10.77 11.66-25.07 14.13-42.95 10.3-11.42-2.45-12.55-2.62-15.78-2.06-2.77.48-5.62 1.84-10.47 4.92a20.93 20.93 0 0 1-11.76 3.27c-3.25 0-4.81-.22-12.73-1.57C212.74 59.46 208.73 59 204 59c-9.1 0-15.11-.1-22.07-.5-8.09-.47-14.62-1.29-19.2-2.54-5.62-1.53-10.17 1.38-17.85 9.66-5.5 5.94-6.08 6.53-8.28 8.18a70.38 70.38 0 0 1-9.38 6.03c-.68.37-2.58 1.35-2.84 1.49-.84.44-1.35.76-1.75 1.08C121.16 83.6 121 84.8 121 94c0 1.85.06 3.54.17 5.44 0 .17.2 3.28.24 4.03.1 2.75-.13 4.29-1.08 5.71-1.67 2.5-2.27 2.8-18.95 9.74-5.48 2.29-8.99 4.96-11.2 8.24-1.71 2.51-2.47 4.73-3.64 9.7-.83 3.5-1.21 4.92-1.94 6.83-2.18 5.73-6.05 10.19-13.1 14.18-7.3 4.12-13.55 12.28-19.46 24.66-4.6 9.64-8.17 19.46-14.67 39.32l-1.58 4.84c-4.75 14.47-7.54 22.48-10.86 30.69-5.28 13.01-13.95 25.65-24.93 37.6v-2.97zm0 78v-.5l1-.01c6.32 0 7.47 5.2 4.6 13.36a60.36 60.36 0 0 1-5.6 11.3v-1.92a57.76 57.76 0 0 0 4.65-9.72c2.69-7.6 1.71-12.02-3.65-12.02-.34 0-.67 0-1 .02v-46.59a340.96 340.96 0 0 0 13.71-8.34c13.66-9.46 29.79-37.6 29.79-53.59 0-18.1 21.57-72.64 32.23-79.42 12.71-8.09 32.24-27.96 35.8-37.75 1.93-5.3 5.5-7.27 14.42-9.37 6.15-1.44 8.64-2.42 10.67-4.79 1.5-1.74 2.72-4.79 4.33-10.3.23-.78 1.9-6.68 2.43-8.46 3.62-12.08 7.3-18.49 13.47-20.39 2.5-.76 3.03-.98 9.74-3.7 7.49-3.03 11.97-4.43 17.12-4.92 6.75-.65 13.13.75 19.55 4.67 5.43 3.32 12.19 4.72 20.17 4.56 6.03-.12 12.2-1.07 19.83-2.8 1.82-.4 7.38-1.74 8.26-1.94 2.69-.6 4.34-.89 5.48-.89 4.97 0 8.93-.05 14.2-.27 7.9-.32 15.56-.92 22.75-1.88 8.5-1.14 15.9-2.73 21.88-4.82 18.9-6.62 32.64-18.3 33.67-27.59.29-2.56.4-2.96 2.79-11.11 2.33-7.95 3.21-12.93 2.72-18.23-.2-2.24-.69-4.38-1.48-6.42-1.5-3.92-2.63-9.4-3.43-16.18h.9c.77 6.47 1.89 11.72 3.47 15.82a24.93 24.93 0 0 1 1.54 6.69c.5 5.46-.4 10.54-2.77 18.6-2.36 8.06-2.47 8.47-2.74 10.95-1.09 9.75-15.1 21.68-34.33 28.41-6.06 2.12-13.52 3.72-22.09 4.87-7.22.96-14.92 1.57-22.83 1.89-5.3.21-9.27.27-14.25.27-1.04 0-2.64.27-5.26.87-.87.2-6.43 1.53-8.26 1.94-7.68 1.73-13.92 2.7-20.03 2.82-8.15.17-15.1-1.27-20.71-4.7-6.23-3.81-12.4-5.16-18.93-4.54-5.04.48-9.44 1.86-16.84 4.86-6.75 2.74-7.29 2.95-9.82 3.73-5.73 1.76-9.28 7.96-12.81 19.72-.53 1.77-2.2 7.66-2.43 8.46-1.66 5.65-2.91 8.78-4.53 10.67-2.22 2.58-4.84 3.62-12.01 5.3-7.8 1.83-11.13 3.66-12.9 8.54-3.65 10.04-23.32 30.06-36.2 38.25C65.94 190 44.5 244.2 44.5 262c0 16.34-16.3 44.78-30.22 54.41-2.14 1.48-8.24 5.12-14.28 8.68v-1.16 46.09zm0-173.7v-1.11c7.42-3.82 14.55-10.23 21.84-18.98 3.8-4.56 14.21-18.78 15.79-20.55 1.8-2.04 4.06-3.96 7.42-6.45 1.08-.8 4.92-3.57 5.49-3.99 9.36-6.85 14-11.96 15.98-19.36.8-2.98 1.54-6.78 2.46-12.3.23-1.44 2-12.46 2.56-15.79 2.87-16.77 5.73-26.79 10.07-32.1C92.46 52.43 101.5 38.13 101.5 33c0-2.54.34-3.35 6.05-15.71.68-1.49 1.25-2.74 1.77-3.93 2.5-5.75 3.9-10.04 4.14-13.36h1c-.23 3.48-1.66 7.87-4.23 13.76-.52 1.2-1.09 2.45-1.78 3.95-5.54 12.01-5.95 12.99-5.95 15.29 0 5.47-9.09 19.84-20.11 33.31-4.2 5.12-7.03 15.06-9.86 31.64-.57 3.33-2.33 14.33-2.57 15.78-.92 5.56-1.67 9.38-2.48 12.4-2.05 7.68-6.82 12.93-16.35 19.91l-5.49 3.98c-3.3 2.45-5.51 4.34-7.27 6.31-1.53 1.73-11.94 15.93-15.76 20.53-7.52 9.02-14.88 15.6-22.61 19.46zm0 361.83v-4.33c.48 2.36 1 4.35 1.6 6.15 2 6.03 4.6 8.26 8.19 6.59C28.76 557.69 43.5 542.4 43.5 527c0-16.2 6.37-31.99 17.1-46.3 1.88-2.5 3.66-4.4 5.53-6 .73-.62 1.45-1.18 2.3-1.8l2-1.43c3.68-2.68 5.32-5.28 7.08-12.59.75-3.07 1.38-5.02 4.2-13.26l.63-1.88c3.24-9.58 4.56-14.97 4.17-18.65-.48-4.43-3.8-5.23-11.3-1.64a81.12 81.12 0 0 1-9.15 3.7c-13.89 4.67-26.96 5.8-42.66 5.42l-1.95-.05-1.45-.02a39.8 39.8 0 0 0-15.05 2.96A21.81 21.81 0 0 0 0 438.37v-1.26a23.55 23.55 0 0 1 4.55-2.57 40.77 40.77 0 0 1 16.92-3.02l1.95.05c15.6.38 28.57-.75 42.32-5.37a80.12 80.12 0 0 0 9.04-3.65c8.04-3.84 12.16-2.85 12.72 2.43.42 3.89-.92 9.34-4.21 19.08l-.64 1.88c-2.8 8.2-3.43 10.15-4.16 13.18-1.82 7.52-3.59 10.34-7.47 13.16l-2 1.43c-.84.6-1.54 1.15-2.25 1.75a35.45 35.45 0 0 0-5.37 5.84c-10.61 14.15-16.9 29.74-16.9 45.7 0 15.88-15 31.45-34.29 40.45-4.3 2.01-7.39-.66-9.56-7.18-.23-.68-.44-1.39-.65-2.13zm0-62.16v-2.45l1.46 3.27c2.1 4.8 3.46 10.33 4.26 16.77.66 5.3.84 9.3 1.04 18.5.2 9.32.5 12.75 1.63 15.05 1.28 2.6 3.67 2.35 8.29-1.5 17.14-14.3 21.82-22.9 21.82-38.62 0-7.17 1.1-12.39 3.7-17.68 2.27-4.67 3.65-6.62 13.4-19.62a69.8 69.8 0 0 1 7.6-8.79 44.76 44.76 0 0 1 3.54-3.06c.38-.3.64-.52.89-.74a10.47 10.47 0 0 0 2.63-3.32 35.78 35.78 0 0 0 2.26-5.94l.37-1.2.36-1.15c.29-.91.48-1.55.66-2.16.45-1.53.74-2.68.91-3.66.38-2.2.12-3.49-.85-4.15-2.35-1.61-9.28-.24-23.8 4.94-9.54 3.4-16.12 4.17-27.85 4.26-7.71.06-10.43.4-13.25 2.12-3.48 2.12-5.84 6.4-7.58 14.26-.5 2.2-.99 4.19-1.49 5.98v-3.98l.51-2.22c1.8-8.1 4.28-12.6 8.04-14.9 3.04-1.85 5.86-2.2 13.77-2.26 11.61-.09 18.1-.84 27.51-4.2 14.93-5.32 21.95-6.71 24.7-4.83 1.38.94 1.71 2.6 1.28 5.15a33.69 33.69 0 0 1-.94 3.78l-.66 2.17-.36 1.15-.37 1.2a36.64 36.64 0 0 1-2.33 6.1c-.8 1.53-1.61 2.52-2.86 3.61l-.92.77-1.02.83c-.9.74-1.65 1.4-2.47 2.18a68.84 68.84 0 0 0-7.48 8.66c-9.7 12.93-11.07 14.87-13.31 19.46-2.52 5.15-3.59 10.22-3.59 17.24 0 16.04-4.82 24.91-22.18 39.38-5.04 4.2-8.18 4.55-9.83 1.18-1.22-2.5-1.52-5.94-1.73-15.47-.2-9.16-.38-13.15-1.03-18.4-.79-6.34-2.12-11.8-4.19-16.49L0 495.98zM379.27 0h1.04l1.5 5.26c3.28 11.56 4.89 19.33 5.26 27.8.49 11.01-1.52 21.26-6.63 31.17-7.8 15.13-20.47 26.5-36.22 34.1-12.38 5.96-26.12 9.17-36.22 9.17-6.84 0-17.24 1.38-37.27 4.62l-2.27.37c-24.5 3.99-31.65 5-37.46 5-3.49 0-4.08-.08-19.54-2.8-3.56-.64-6.32-1.1-9-1.5-20.23-2.96-31-1.2-31.96 7.86-.1.85-.18 1.72-.29 2.81l-.27 2.73c-1.1 10.9-2.02 15.73-4.31 19.96-2.9 5.34-7.77 7.95-15.63 7.95-10.2 0-12.92.6-15.5 3.17.52-.51-5.03 5.85-8.16 8.7-2.75 2.5-14.32 12.55-15.77 13.83a341.27 341.27 0 0 0-6.54 5.92c-6.97 6.49-11.81 11.76-14.6 16.15-5.92 9.3-10.48 18.04-11.69 24.08-1.66 8.3 3.67 9.54 19.02 1.21a626.23 626.23 0 0 1 44.54-21.9c3.5-1.56 14.04-6.2 15.68-6.95 5.05-2.25 8.3-3.8 10.78-5.15l1.95-1.07 2.18-1.18c1.76-.94 3.38-1.76 5-2.55 18.1-8.72 34.48-10.46 50.33-1.2 22.89 13.34 38.28 37.02 38.28 56.44 0 19.12-.73 25.13-5.18 33.2a45.32 45.32 0 0 1-4.94 7.12c-6.47 7.77-11.81 16.2-12.76 21.27-1.2 6.34 4.69 7.03 20.17-.05 13.31-6.08 22.4-14.95 28.5-26.32a80.51 80.51 0 0 0 6.1-15.13c.9-2.98 3.17-11.65 3.41-12.48a29.02 29.02 0 0 1 1.75-4.83c7.47-14.93 21.09-30.5 36.25-37.24 7.61-3.38 13-9.65 19.4-20.79.84-1.48 4.26-7.64 5.14-9.17 3.52-6.1 6.22-9.7 9.37-11.98 10.15-7.4 28.7-11.1 50.29-11.1 7.52 0 16.54-1.24 27.51-3.58a420.1 420.1 0 0 0 14.96-3.52c-1.3.33 15.54-3.98 19.42-4.89 14.15-3.33 41.07-5.01 64.11-5.01 17.36 0 27.82-9.23 38.53-38.67 6.62-18.21 6.62-26.37 2.69-34.35l-1.18-2.37A13.36 13.36 0 0 1 587.5 58c0-4.03 0-4.01 2.5-24.56.46-3.73.8-6.74 1.12-9.64.9-8.45 1.38-15.2 1.38-20.8 0-.94-.02-1.94-.04-3h1c.03 1.06.04 2.06.04 3 0 5.65-.48 12.43-1.39 20.9-.3 2.91-.66 5.93-1.11 9.66-2.5 20.45-2.5 20.47-2.5 24.44 0 1.97.45 3.57 1.45 5.68.24.51 1.16 2.35 1.17 2.36 4.06 8.24 4.06 16.68-2.65 35.13-10.84 29.8-21.63 39.33-39.47 39.33-22.96 0-49.83 1.68-63.89 4.99-3.86.9-20.69 5.2-19.4 4.88a421.05 421.05 0 0 1-14.99 3.53c-11.04 2.35-20.11 3.6-27.72 3.6-21.4 0-39.76 3.67-49.7 10.9-3 2.19-5.64 5.7-9.1 11.68-.87 1.52-4.29 7.68-5.14 9.17-6.49 11.3-12 17.71-19.86 21.2-14.9 6.63-28.38 22.03-35.75 36.77a28.17 28.17 0 0 0-1.69 4.67c-.23.8-2.5 9.49-3.4 12.5a81.48 81.48 0 0 1-6.19 15.3c-6.2 11.56-15.44 20.58-28.96 26.76-16.1 7.36-23 6.55-21.58-1.04 1-5.29 6.4-13.83 12.99-21.73a44.33 44.33 0 0 0 4.82-6.96c4.35-7.88 5.06-13.77 5.06-32.72 0-19.04-15.19-42.4-37.72-55.55-15.57-9.08-31.62-7.38-49.45 1.21a132.9 132.9 0 0 0-7.14 3.71l-1.95 1.07a158.83 158.83 0 0 1-10.85 5.19c-1.65.74-12.18 5.38-15.69 6.95a625.25 625.25 0 0 0-44.46 21.86c-15.95 8.66-22.37 7.16-20.48-2.29 1.24-6.2 5.83-15.02 11.82-24.42 2.85-4.48 7.74-9.8 14.77-16.34 1.98-1.85 4.12-3.79 6.56-5.94 1.46-1.29 13.02-11.33 15.75-13.82 3.09-2.8 8.6-9.14 8.14-8.67 2.82-2.82 5.75-3.46 16.2-3.46 7.5 0 12.04-2.43 14.75-7.42 2.2-4.07 3.11-8.84 4.2-19.59l.26-2.73.3-2.81c.56-5.42 4.47-8.5 11.23-9.6 5.44-.88 12.51-.51 21.86.86 2.7.4 5.47.86 9.04 1.49 15.33 2.7 15.96 2.8 19.36 2.8 5.73 0 12.9-1.03 37.3-5l2.27-.36c20.1-3.26 30.52-4.64 37.43-4.64 9.95 0 23.54-3.18 35.78-9.08 15.57-7.5 28.09-18.73 35.78-33.65 5.02-9.75 7-19.82 6.51-30.67-.37-8.37-1.96-16.08-5.23-27.57L379.27 0zm13.68 0h1.02c.78 3.9 1.92 8.7 3.51 14.88 3.63 14.05 3.06 27.03-.75 38.77a61 61 0 0 1-11.35 20.68 138.36 138.36 0 0 1-19.32 18.77c-11.32 9.02-23.36 15.49-35.95 18.39a258.63 258.63 0 0 1-22.57 4.07c-3.17.44-6.36.85-10.3 1.32l-9.39 1.12c-11.53 1.41-17.45 2.55-21.64 4.46-9.28 4.21-28.35 6.04-49.21 6.04-1.37 0-2.8-.12-4.3-.35-2.62-.41-5-1.03-9.14-2.29-7.34-2.21-9.63-2.75-12.63-2.56-3.9.23-6.63 2.29-8.47 6.89-1.86 4.66-2.42 7.53-3.34 14.98-1.1 8.98-2.87 12.12-9.97 14.3a40.12 40.12 0 0 0-6.8 2.66c-.63.33-1.16.64-1.76 1.02l-1.34.86c-1.9 1.14-3.86 1.49-9.25 1.49-3.2 0-8.83-.55-9.51-.39-1.22.28-.75-.14-7.14 6.24-1.5 1.5-3.49 3.18-6.32 5.37-1.52 1.18-7.16 5.43-7.94 6.03-4.96 3.78-8.33 6.6-11.06 9.38-4.88 4.98-6.85 9.15-5.56 12.7 1.34 3.67 4.07 4.42 8.9 2.82a55.72 55.72 0 0 0 7.77-3.48c1.5-.77 7.78-4.13 9.37-4.96a116.8 116.8 0 0 1 12.31-5.68 162.2 162.2 0 0 0 11.04-4.84c2.04-.97 10.74-5.16 13-6.22 4.41-2.1 8.1-3.78 11.65-5.29 17.14-7.3 29.32-9.9 37.67-6.65l5.43 2.1c2.3.88 4.17 1.62 6.02 2.38a150.9 150.9 0 0 1 13.07 6c18.34 9.63 30.35 22.13 34.79 39.87 6.96 27.85 3.6 45.53-8.08 62.4-3.97 5.75-3.52 9.2.06 8.97 4.14-.28 10.21-4.95 15.11-12.52 3.1-4.8 5.1-10.45 8.05-21.53l1.69-6.35c.66-2.47 1.24-4.52 1.83-6.5 4.93-16.56 11-27.28 21.56-34.76 7.15-5.06 23.73-15.5 25.48-16.75 6.74-4.81 10.53-9.44 14.34-18 7.74-17.44 21.09-24.34 44.47-24.34 9.36 0 17.91-1.13 29.53-3.49a624.86 624.86 0 0 0 6.2-1.28c2.4-.5 4.07-.84 5.66-1.13 4.03-.74 7.04-1.1 9.61-1.1 4.44 0 9.39-1 31.39-5.99l2.95-.66c16.34-3.67 25.64-5.35 31.66-5.35 1.54 0 2.4.01 6.4.1 7.8.15 12.27.13 17.33-.2 16.41-1.06 26.73-5.36 29.8-14.56a87.1 87.1 0 0 1 3.55-8.83c-.15.31 2.29-4.96 2.9-6.38 5.38-12.3 5.57-21.92-1.44-39.44a86.4 86.4 0 0 1-5.26-20.72c-1.61-11.98-1.38-23.14.1-40.35l.2-2.12h1l-.2 2.2c-1.48 17.15-1.7 28.24-.11 40.14a85.4 85.4 0 0 0 5.2 20.47c7.1 17.78 6.91 27.67 1.43 40.22-.62 1.43-3.06 6.72-2.91 6.4a86.17 86.17 0 0 0-3.52 8.73c-3.23 9.72-13.9 14.15-30.68 15.24-5.1.33-9.58.35-17.42.2-3.98-.09-4.84-.1-6.37-.1-5.91 0-15.18 1.67-31.44 5.32l-2.95.67c-22.16 5.02-27.05 6.01-31.61 6.01-2.5 0-5.45.36-9.43 1.09-1.58.29-3.25.62-5.64 1.11a4894.21 4894.21 0 0 0-6.2 1.29c-11.68 2.37-20.3 3.51-29.73 3.51-23.02 0-36 6.71-43.53 23.66-3.9 8.8-7.82 13.58-14.7 18.5-1.78 1.27-18.36 11.7-25.48 16.75-10.34 7.32-16.3 17.87-21.19 34.23-.58 1.96-1.15 4-1.82 6.47l-1.69 6.35c-2.98 11.18-5 16.9-8.17 21.81-5.05 7.81-11.37 12.68-15.89 12.98-4.7.31-5.3-4.23-.94-10.53 11.52-16.64 14.82-34.03 7.92-61.6-4.35-17.42-16.16-29.72-34.27-39.22-4-2.1-8.2-4-12.99-5.97-1.84-.75-3.7-1.49-6-2.38l-5.43-2.08c-8.03-3.12-20.02-.58-36.92 6.63-3.52 1.5-7.21 3.19-11.61 5.27l-13 6.22c-4.71 2.22-8.16 3.75-11.11 4.88a115.87 115.87 0 0 0-12.21 5.63c-1.58.83-7.86 4.18-9.37 4.96a56.55 56.55 0 0 1-7.9 3.54c-5.3 1.75-8.62.85-10.17-3.43-1.46-4.02.66-8.5 5.8-13.74 2.75-2.82 6.16-5.66 11.15-9.48.79-.6 6.43-4.85 7.94-6.02a66.96 66.96 0 0 0 6.23-5.28c6.74-6.74 6.1-6.16 7.61-6.51.87-.2 6.69.36 9.74.36 5.22 0 7.03-.32 8.74-1.35l1.31-.84c.62-.4 1.18-.72 1.84-1.07a41.07 41.07 0 0 1 6.96-2.72c6.64-2.04 8.22-4.84 9.28-13.47.93-7.53 1.5-10.47 3.4-15.24 1.99-4.95 5.04-7.26 9.34-7.51 3.17-.2 5.5.35 12.97 2.6a63.54 63.54 0 0 0 9.02 2.26c1.45.22 2.83.34 4.14.34 20.71 0 39.7-1.82 48.8-5.96 4.32-1.96 10.29-3.1 21.93-4.53l9.4-1.12c3.92-.48 7.11-.88 10.27-1.32 8.16-1.14 15.4-2.43 22.49-4.06 12.42-2.86 24.33-9.26 35.55-18.2a137.4 137.4 0 0 0 19.18-18.64 60.02 60.02 0 0 0 11.15-20.32c3.76-11.57 4.32-24.36.75-38.23A284.86 284.86 0 0 1 392.95 0zM506.7 0h1.26c-.5.66-.9 1.18-1.17 1.51-3.95 4.96-6.9 7.92-9.82 9.57A10.02 10.02 0 0 1 492 12.5c-2.38 0-4.24.67-6.71 2.21l-2.65 1.71c-4.38 2.8-8.01 4.08-13.64 4.08-5.6 0-9.99-1.26-16.08-4.05a202.63 202.63 0 0 1-2.3-1.06l-2.18-.98c-1.6-.7-2.92-1.17-4.17-1.48a13.42 13.42 0 0 0-3.27-.43c-2.3 0-4.3-.68-11-3.37l-1.56-.62c-5-1.97-8.1-2.82-10.52-2.66-2.93.2-4.42 2.03-4.42 6.15 0 20.76-5.21 50.42-12.15 57.35-7.58 7.59-26.55 23.7-34.06 29.06-13.16 9.4-31.17 20.2-44.11 25.06a106.87 106.87 0 0 1-13.32 4.03c-3.28.78-6.6 1.43-11.25 2.24-.53.1-8.8 1.5-11.5 1.99-4.86.87-9.3 1.74-14 2.76-20.62 4.48-25.07 5.01-38.11 5.01-2.49 0-2.9-.07-14.05-2-2.42-.42-4.31-.73-6.15-1-8.11-1.19-13.83-1.36-17.64-.2-4.54 1.4-5.93 4.65-3.7 10.52 2.02 5.28 4.84 8.61 8.84 10.74 3.26 1.74 6.75 2.6 13.82 3.71 9.42 1.48 10.94 1.75 15.5 2.92a78.2 78.2 0 0 1 18.62 7.37c8.3 4.58 14.58 11.5 19.98 20.89 2.73 4.73 9.46 19.33 10.54 21.19 3.4 5.85 6.26 6.63 10.89 2 4.95-4.94 10.35-8.37 21.13-14.06.47-.25 2.06-1.1 2.12-1.12 7.98-4.21 11.92-6.51 15.87-9.54 5.11-3.9 8.66-8.1 10.77-13.11 8.52-20.24 20.75-33.31 32.46-33.31l5.5.03c10.53.08 17.35.02 24.9-.31 13.66-.62 23.78-2.09 29.39-4.67 5.85-2.7 13.42-5.49 24.18-9.02 3.46-1.14 6.29-2.05 12.7-4.1 7.7-2.45 11.08-3.54 15.17-4.9a1059.43 1059.43 0 0 1 11.33-3.72c3.67-1.2 5.96-2 8.03-2.78a59.88 59.88 0 0 0 6.66-2.94c1.87-.98 3.76-2.1 5.86-3.5 3.48-2.33 6.15-3.13 12.04-4.13l1.15-.2c5.71-1.01 9-2.3 12.76-5.63 7.82-6.96 8.58-23.18 3.84-44.52-1.7-7.67-2.1-19.28-1.57-35.47A837.22 837.22 0 0 1 546.76 0h1l-.15 3.06c-.32 6.42-.53 11.02-.68 15.62-.51 16.1-.12 27.65 1.56 35.21 4.82 21.68 4.04 38.2-4.16 45.48-3.91 3.48-7.37 4.84-13.24 5.87l-1.16.2c-5.76.99-8.32 1.75-11.65 3.98a63.73 63.73 0 0 1-5.96 3.56 60.86 60.86 0 0 1-6.77 2.99c-2.09.79-4.39 1.58-8.07 2.79a5398.31 5398.31 0 0 1-11.32 3.71c-4.1 1.37-7.48 2.46-15.18 4.92-6.42 2.04-9.24 2.95-12.7 4.08-10.73 3.53-18.27 6.3-24.07 8.98-5.76 2.66-15.97 4.14-29.77 4.77-7.56.33-14.4.39-24.95.31l-5.49-.03c-11.19 0-23.16 12.79-31.54 32.7-2.19 5.19-5.84 9.52-11.08 13.52-4.02 3.07-7.99 5.39-16.01 9.62l-2.12 1.12c-10.7 5.65-16.04 9.04-20.9 13.9-5.14 5.14-8.75 4.15-12.45-2.22-1.12-1.92-7.85-16.5-10.54-21.2-5.33-9.24-11.48-16.02-19.6-20.5a77.2 77.2 0 0 0-18.4-7.28c-4.5-1.17-6.02-1.43-15.4-2.9-7.17-1.12-10.74-2-14.13-3.81-4.22-2.25-7.2-5.77-9.3-11.27-2.43-6.39-.78-10.26 4.34-11.83 4-1.22 9.82-1.05 18.08.17 1.84.27 3.74.58 6.17 1 11.02 1.9 11.48 1.98 13.88 1.98 12.96 0 17.35-.52 37.9-4.99 4.71-1.02 9.16-1.9 14.03-2.77 2.71-.48 10.98-1.9 11.5-1.98 4.64-.81 7.95-1.46 11.2-2.23 4.55-1.07 8.76-2.34 13.2-4 12.83-4.81 30.79-15.59 43.88-24.94 7.47-5.33 26.4-21.4 33.94-28.94C407.3 61.98 412.5 32.49 412.5 12c0-4.61 1.86-6.9 5.35-7.15 2.63-.18 5.8.7 10.96 2.73l1.56.62c6.53 2.62 8.53 3.3 10.63 3.3 1.14 0 2.3.16 3.5.46 1.32.33 2.68.82 4.34 1.53a90.97 90.97 0 0 1 3.34 1.52l1.15.54c5.98 2.73 10.23 3.95 15.67 3.95 5.41 0 8.87-1.21 13.1-3.92.2-.13 2.1-1.38 2.66-1.72 2.62-1.63 4.64-2.36 7.24-2.36 1.47 0 2.94-.43 4.47-1.3 2.78-1.56 5.67-4.45 9.54-9.31l.7-.89zM324.54 600h-2.03c.49-2.96.91-6.2 1.28-9.66.44-4.1.76-8.25.98-12.21.08-1.39.14-2.65-.35-7.29-.47-1.94-.93-4.14-1.36-6.54-2.01-11.26-2.66-22.9-1.14-33.78a60.76 60.76 0 0 1 5.18-17.95 70.78 70.78 0 0 1 12.6-18.22c3.38-3.6 5.53-5.5 11.83-10.79 4.5-3.78 6.35-5.56 7.52-7.5.64-1.07.95-2.06.95-3.06 0-1.75 0-1.74-.75-9.23-.36-3.7-.57-6.3-.68-8.96-.5-12.1 1.62-19.6 8.11-21.76 15.9-5.3 25.89-12.1 33.45-25.54C409.6 390.65 425.85 376 436 376c12.36 0 20-1.96 29.41-8.8 6.76-4.92 9.5-6.6 12.47-7.46 2.22-.64 3.8-.74 9.12-.74 1.86 0 3.53-.83 5.57-2.62 1.08-.96 5.11-5.12 5.6-5.6 6.04-5.85 11.98-8.78 20.83-8.78 2.45 0 4.54.04 7.32.12 7.51.23 8.87.17 11.27-.7 3.03-1.1 5.53-3.03 14.75-11.17 8-7.06 10.72-8.92 22.87-16.47 1.44-.9 2.59-1.63 3.69-2.37a69.45 69.45 0 0 0 9.46-7.5c4.12-3.88 8.02-7.85 11.64-11.9v2.98a201.58 201.58 0 0 1-10.27 10.38c-3.18 3-6.2 5.35-9.72 7.7-1.12.76-2.28 1.5-3.75 2.4-12.05 7.5-14.71 9.32-22.6 16.28-9.46 8.35-12.01 10.32-15.39 11.55-2.74 1-4.19 1.06-12.01.82-2.76-.08-4.83-.12-7.26-.12-8.27 0-13.75 2.7-19.43 8.22-.44.43-4.52 4.64-5.68 5.66-2.37 2.09-4.46 3.12-6.89 3.12-5.1 0-6.6.1-8.56.66-2.67.78-5.29 2.37-11.85 7.15-9.8 7.13-17.85 9.19-30.59 9.19-9.22 0-24.96 14.2-34.13 30.49-7.84 13.94-18.24 21.02-34.55 26.46-5.31 1.77-7.21 8.51-6.75 19.78.1 2.6.31 5.19.68 8.84.75 7.62.75 7.58.75 9.43 0 1.38-.42 2.73-1.24 4.09-1.33 2.2-3.26 4.07-7.94 8-6.25 5.24-8.36 7.12-11.67 10.63a68.8 68.8 0 0 0-12.25 17.71 58.8 58.8 0 0 0-5 17.36c-1.49 10.66-.85 22.09 1.13 33.15.43 2.37.88 4.53 1.33 6.44.16.66.3 1.25.6 4.06a249.3 249.3 0 0 1-1.17 16.12c-.37 3.37-.78 6.53-1.25 9.44zm-13.4 0h-1.05l.12-.28c3.07-7.16 4.29-11.83 4.29-18.72 0-3.57-.07-4.93-.76-15.65-.77-12.04-1-19.64-.55-28.3.58-11.5 2.4-22.1 5.81-32.16 1.3-3.8 2.8-7.5 4.55-11.1 3.46-7.14 6.83-12.39 10.42-16.6a59.02 59.02 0 0 1 4.35-4.56c.43-.4 3-2.8 3.67-3.45 5.72-5.6 7.51-11.52 7.51-29.18 0-18.84 2.9-23.77 15.82-28.24 1.09-.37 1.92-.67 2.77-.98a51.3 51.3 0 0 0 6.1-2.7c4.95-2.6 9.64-6.22 14.44-11.42 25.5-27.63 37.15-35.16 56.37-35.16 8.28 0 14.54-1.95 22-6.3 1.78-1.03 13.82-8.82 18.16-11.27 2.83-1.59 5.66-3.03 8.63-4.39 7.92-3.6 13.97-4.45 26.6-4.8 7.53-.2 10.7-.49 14.26-1.58 4.55-1.4 8.06-4 10.93-8.43 2.2-3.41 6.85-7.08 14.66-12.06 1.61-1.03 3.27-2.05 5.65-3.5 9.53-5.85 11.56-7.13 14.81-9.57 5.34-4 9.3-8.37 13.68-14.77a204.2 204.2 0 0 0 5.62-8.75v1.9c-1.97 3.17-3.4 5.38-4.8 7.42-4.42 6.48-8.46 10.92-13.9 15-3.29 2.46-5.32 3.75-14.89 9.61a375.06 375.06 0 0 0-5.63 3.5c-7.7 4.9-12.26 8.52-14.36 11.76-3 4.63-6.7 7.39-11.48 8.85-3.68 1.12-6.9 1.42-14.53 1.63-12.5.34-18.44 1.18-26.2 4.7a111.08 111.08 0 0 0-8.56 4.35c-4.3 2.43-16.34 10.22-18.15 11.27-7.6 4.43-14.03 6.43-22.5 6.43-18.87 0-30.3 7.4-55.63 34.84-4.88 5.28-9.67 8.97-14.7 11.62-2 1.05-4 1.92-6.23 2.75-.86.32-1.7.62-5.37 1.87-5.08 1.76-7.44 3.25-9.28 6.37-2.23 3.78-3.29 9.94-3.29 20.05 0 17.9-1.87 24.07-7.8 29.89-.69.67-3.27 3.06-3.69 3.46a58.04 58.04 0 0 0-4.28 4.49c-3.53 4.14-6.86 9.32-10.28 16.38a95.19 95.19 0 0 0-4.5 10.99c-3.38 9.97-5.18 20.48-5.76 31.9-.44 8.6-.22 16.17.55 28.17.69 10.76.76 12.12.76 15.72 0 6.35-1.02 10.87-4.35 19zm25.08 0h-1c-.04-4.73.06-9.39.28-15.02.26-6.41-.4-11.79-2.53-24.37l-.31-1.86c-2.12-12.55-2.76-19.35-1.97-26.47 1.03-9.25 4.75-16.68 12-22.67 22.04-18.2 29.81-30.18 29.81-44.61 0-2.6-.3-4.81-.98-8.17-.97-4.79-1.1-5.68-.97-7.57.2-2.56 1.27-4.7 3.56-6.72 2.67-2.35 7.05-4.6 13.72-7.01 9.72-3.5 15.52-9.18 24.3-21.57l1.78-2.5c4.48-6.33 7.1-9.63 10.43-12.78 4.31-4.07 8.98-6.77 14.54-8.17 13.3-3.32 20.37-5.47 25.34-7.64a49.5 49.5 0 0 0 5.28-2.7c1.1-.65 1.75-1.04 4.24-2.6 2.7-1.68 5.22-2.08 11.38-2.28 5.44-.18 7.9-.43 10.97-1.41a21.47 21.47 0 0 0 9.54-6.22c4.87-5.3 10.03-7.61 17.79-8.9 1.07-.18 1.88-.3 3.86-.58 6.9-.97 9.94-1.69 13.48-3.62 4.5-2.45 6.79-4.44 23.46-19.68l3.14-2.85c9.65-8.71 16.12-13.83 21.42-16.48 4.25-2.12 7.6-4.69 11.22-8.6v1.45c-3.42 3.57-6.69 6-10.78 8.05-5.18 2.59-11.61 7.67-21.2 16.32l-3.12 2.85c-16.8 15.35-19.05 17.3-23.66 19.82-3.68 2-6.8 2.75-13.82 3.73-1.97.28-2.78.4-3.84.57-7.56 1.26-12.52 3.48-17.21 8.6a22.47 22.47 0 0 1-9.97 6.5c-3.2 1-5.72 1.27-11.25 1.45-5.98.2-8.39.57-10.89 2.13a144 144 0 0 1-4.25 2.61 50.48 50.48 0 0 1-5.39 2.75c-5.04 2.2-12.15 4.37-25.5 7.7-9.74 2.44-15.26 7.65-24.4 20.56l-1.77 2.5c-8.9 12.54-14.82 18.34-24.78 21.93-6.57 2.36-10.85 4.57-13.4 6.82-2.1 1.86-3.05 3.74-3.22 6.04-.13 1.76 0 2.63.95 7.3.7 3.42 1 5.7 1 8.37 0 14.79-7.93 27-30.18 45.39-7.03 5.8-10.64 13-11.64 22-.78 7-.14 13.73 1.96 26.2l.32 1.85c2.15 12.65 2.8 18.07 2.54 24.58-.22 5.57-.32 10.2-.28 14.98zM95.9 600h-2.04c.68-3.82 1.14-8.8 1.61-15.98.2-3.11.27-4.06.39-5.6 1.3-17.54 4.04-27.14 11.5-33.2 4.65-3.77 7.22-8.92 8.67-16 .51-2.52.7-3.87 1.33-9.17.66-5.5 1.16-8.06 2.24-10.36 1.45-3.09 3.82-4.69 7.39-4.69 14.28 0 38.48 9.12 53.6 20.2 8.66 6.35 21.26 13.32 31.74 17.11 13.03 4.71 21.89 4.41 24.75-1.73 1.7-3.64 1.92-4.11 2.65-5.77 2.93-6.67 4.69-12.2 5.25-17.5.23-2.17.24-4.23.02-6.2-.32-2.75-1.42-4.55-4.08-7.35l-1.32-1.37a30.59 30.59 0 0 1-2.41-2.79 30.37 30.37 0 0 1-2.5-4.07l-1.13-2.14c-1.62-3.1-2.68-4.6-4.12-5.56-5.26-3.5-14.8-5.5-28.55-6.83a272.42 272.42 0 0 0-9.04-.71l-2.18-.17c-9.57-.73-15.12-1.56-19.06-3.2C156.57 471.07 136 450.5 136 440c0-5.34 1.74-9.53 5.47-14.13 1.98-2.44 11.12-11.71 12.79-13.54 4.52-4.97 10.16-9.54 17.68-14.66 2.8-1.9 14.78-9.6 17.49-11.49a50.54 50.54 0 0 0 6.34-5.43c1.53-1.5 6.96-7.13 7.12-7.3 7.18-7.3 12.7-11.56 19.74-14.38 3.36-1.34 8.13-2.79 17.45-5.38a9577.18 9577.18 0 0 1 11.78-3.28 602.6 602.6 0 0 0 12.67-3.7c20.4-6.24 34-12.08 40.79-18.44 8.74-8.2 11.78-13.84 15.73-26.02 2.02-6.22 3.09-9.04 5.07-12.72 9.54-17.71 28.71-39.37 43.5-45.45C383.77 238.25 389 232.34 389 226c0-2.89 2.73-8.4 6.83-13.73 4.76-6.2 10.65-11.36 16.75-14.18 12.5-5.77 33.5-10.09 47.42-10.09 5.32 0 9.83-1.5 16.42-4.89 9.2-4.71 10.1-5.11 13.58-5.11 10.42 0 32.06-2.55 45.76-5.97l3.88-.98 3.47-.89c2.6-.66 4.33-1.08 5.93-1.43 3.9-.86 6.76-1.23 9.58-1.17 2.74.06 5.47.52 8.67 1.48 4.56 1.37 13.71-.9 22.87-5.68a68.07 68.07 0 0 0 9.84-6.2v2.4c-11.09 8.14-25.76 13.66-33.29 11.4a29.72 29.72 0 0 0-8.13-1.4c-2.63-.05-5.36.3-9.11 1.12a238 238 0 0 0-9.33 2.3l-3.9.99C522.38 177.43 500.58 180 490 180c-2.99 0-3.91.4-12.67 4.89-6.85 3.51-11.61 5.11-17.33 5.11-13.65 0-34.35 4.26-46.58 9.9-5.78 2.67-11.42 7.62-16 13.58-3.85 5.02-6.42 10.2-6.42 12.52 0 7.27-5.8 13.82-20.62 19.92-14.27 5.88-33.16 27.21-42.5 44.55-1.9 3.55-2.95 6.28-4.93 12.4-4.05 12.47-7.23 18.39-16.27 26.86-7.08 6.64-20.87 12.57-41.57 18.89a604.52 604.52 0 0 1-12.7 3.71 1495.1 1495.1 0 0 1-11.8 3.28c-9.24 2.58-13.97 4.01-17.24 5.32-6.73 2.69-12.05 6.8-19.05 13.92-.15.15-5.6 5.8-7.15 7.32a52.4 52.4 0 0 1-6.6 5.65c-2.74 1.92-14.75 9.63-17.5 11.5-7.4 5.04-12.94 9.52-17.33 14.35-1.72 1.9-10.8 11.11-12.71 13.46-3.47 4.26-5.03 8.03-5.03 12.87 0 9.5 20 29.5 33.38 35.08 3.67 1.53 9.1 2.34 18.45 3.05a586.23 586.23 0 0 0 4.34.32c3.24.23 5.07.37 6.93.55 14.08 1.37 23.82 3.4 29.45 7.17 1.82 1.2 3.02 2.91 4.8 6.29l1.11 2.13a28.55 28.55 0 0 0 2.34 3.81c.62.83 1.3 1.6 2.26 2.61.23.24 1.1 1.16 1.32 1.37 2.93 3.09 4.24 5.23 4.61 8.5.24 2.12.23 4.33-.01 6.64-.59 5.55-2.4 11.25-5.41 18.1-.74 1.67-.96 2.15-2.66 5.8-3.49 7.47-13.33 7.8-27.25 2.77-10.67-3.86-23.43-10.92-32.25-17.38C164.62 515.96 140.82 507 127 507c-5 0-6.4 3.02-7.64 13.29a99.03 99.03 0 0 1-1.36 9.33c-1.53 7.5-4.3 13.04-9.37 17.16-6.87 5.58-9.5 14.78-10.77 31.8-.11 1.52-.18 2.47-.38 5.57-.46 7.01-.91 11.99-1.57 15.85zm8.05 0h-1.02c.29-1.41.58-2.94.9-4.59l1.05-5.62c2.5-13.3 4.2-19.92 6.68-24.05 1.7-2.84 3.68-5.5 8.05-11.03 8.21-10.36 10.88-14.55 10.88-18.71l-.02-1.69c-.02-1.78-.02-2.7.02-3.77.21-5.05 1.47-8.2 4.64-9.4 3.92-1.5 10.39.44 20.12 6.43 9.56 5.88 17.53 10.7 25.91 15.66 1.31.78 14.27 8.41 17.67 10.45a714.21 714.21 0 0 1 6.42 3.9c13.82 8.5 38.94 5.05 46.3-7.83 3.6-6.28 4.54-8.52 7.78-17.32a82.3 82.3 0 0 1 1.18-3.07 42.27 42.27 0 0 1 4.06-7.64c9.33-13.98 14.92-26.1 14.92-36.72 0-3.66.75-6.62 3.36-14.85.52-1.64.83-2.66 1.15-3.73 3.64-12.23 3.04-19.12-4.29-24a23.1 23.1 0 0 0-9.98-3.78c-7.2-.93-14.49 1.17-23.91 5.88-1.55.78-6.64 3.44-7.6 3.93a62.6 62.6 0 0 0-4.14 2.3l-4.4 2.66c-11.62 6.92-20.4 9.18-32.81 6.08-3.32-.84-6.24-1.4-13.1-2.64-13.25-2.39-18.7-3.75-23.33-6.46-6.23-3.67-7.46-9.02-2.88-16.65A93.1 93.1 0 0 1 172 415.42a157 157 0 0 1 8.32-7.66c-.07.05 6.16-5.3 7.82-6.77a85.12 85.12 0 0 0 6.5-6.33c7.7-8.46 12.78-13.36 20.08-18.57 9.94-7.1 21.4-12.36 35.18-15.58 37.03-8.64 51-12.7 58.83-17.93 8.6-5.73 21.3-24.77 36.84-54.81 5.22-10.1 12.27-18.4 21.13-25.71 5.13-4.24 9.56-7.25 17.55-12.23 7.42-4.62 9.62-6.14 11.38-8.16a21.15 21.15 0 0 0 2.95-4.87c.61-1.3 2.87-6.47 3-6.77 1.36-3 2.56-5.4 3.95-7.73 6.53-10.97 16.03-18 31.4-20.8 12.73-2.3 19.85-2.7 29.68-2.3 3.25.13 4.13.16 5.6.14 5.15-.07 9.71-1.04 16.61-3.8 20.74-8.3 38.75-12.04 59.19-12.04 3.05 0 6.03.15 10.48.48l2.09.16c12.45.96 18.08.96 25.34-.63a49.65 49.65 0 0 0 14.09-5.45v1.15a50.52 50.52 0 0 1-13.88 5.28c-7.38 1.61-13.08 1.61-25.63.65l-2.08-.16c-4.43-.33-7.39-.48-10.41-.48-20.3 0-38.2 3.72-58.81 11.96-7.01 2.8-11.7 3.8-16.97 3.88-1.5.02-2.39-.01-5.66-.14-9.76-.4-16.8-.01-29.47 2.3-15.06 2.73-24.32 9.58-30.71 20.31a72.8 72.8 0 0 0-3.9 7.63c-.12.28-2.39 5.47-3.01 6.79a22 22 0 0 1-3.1 5.1c-1.86 2.13-4.07 3.66-11.6 8.35-7.95 4.96-12.35 7.95-17.44 12.15-8.76 7.23-15.73 15.43-20.89 25.4-15.61 30.2-28.36 49.32-37.16 55.19-7.98 5.32-21.97 9.39-59.17 18.07-13.65 3.18-24.98 8.39-34.82 15.42-7.22 5.16-12.27 10.01-19.92 18.43a86.07 86.07 0 0 1-6.57 6.4c-1.67 1.48-7.91 6.83-7.84 6.77-3.27 2.84-5.8 5.16-8.26 7.62a92.1 92.1 0 0 0-14.27 18.13c-4.3 7.16-3.22 11.89 2.53 15.26 4.47 2.63 9.88 3.99 23.24 6.39a185.7 185.7 0 0 1 12.92 2.6c12.11 3.03 20.64.84 32.06-5.96l4.4-2.65c1.66-1 2.96-1.73 4.2-2.35.95-.48 6.04-3.14 7.6-3.92 9.59-4.8 17.04-6.94 24.49-5.98a24.1 24.1 0 0 1 10.4 3.93c7.82 5.21 8.45 12.52 4.7 25.13-.32 1.07-.64 2.1-1.16 3.74-2.57 8.12-3.31 11.04-3.31 14.55 0 10.88-5.66 23.14-15.08 37.28a41.28 41.28 0 0 0-3.97 7.46c-.37.9-.73 1.82-1.18 3.04-3.25 8.85-4.21 11.13-7.84 17.47-7.67 13.42-33.43 16.95-47.7 8.18a578.4 578.4 0 0 0-6.4-3.89c-3.4-2.04-16.36-9.67-17.67-10.45-8.38-4.97-16.36-9.78-25.92-15.66-9.5-5.85-15.7-7.7-19.24-6.36-2.68 1.02-3.8 3.82-4 8.51a61.12 61.12 0 0 0-.02 3.72l.02 1.7c0 4.5-2.69 8.73-11.52 19.87-3.92 4.95-5.87 7.59-7.55 10.39-2.39 3.97-4.08 10.56-6.56 23.72l-1.05 5.62-.86 4.4zm10.5 0h-1c.03-.34.04-.68.04-1 0-12.39 8.48-33.57 19.16-43.37a26.18 26.18 0 0 0 3.67-4.17 35.8 35.8 0 0 0 2.88-4.9c.36-.72 1.75-3.66 2.1-4.36 3.22-6.29 6.84-6.54 16.97.39 1.34.9 6.07 4.16 6.4 4.38 2.62 1.8 4.67 3.2 6.7 4.56 5.03 3.39 9.37 6.2 13.51 8.7 14.33 8.67 25.49 13.27 34.11 13.27 16.86 0 32.71-5.95 39.6-14.8 1.59-2.04 3.2-5.17 5.06-9.63.8-1.92 1.64-4.06 2.67-6.8l2.74-7.33c4.66-12.44 7.76-19.06 11.56-23.27 7.9-8.79 14.87-36 14.87-52.67 0-1.9.17-3.11 1.02-8.27.37-2.2.58-3.6.74-5.07.63-5.51.21-9.46-1.68-12.39-4.6-7.1-19.7-9.23-38.46-4.78a100.57 100.57 0 0 0-18.94 6.3c-5.17 2.37-17.11 9.74-16.5 9.4-6.72 3.64-12.97 4.15-24.8 1.3-29.55-7.14-30.43-8.62-15.26-26.81 17.44-20.93 47.12-46.18 56.38-46.18 9.92 0 53.84-11.98 65.78-17.95 9.46-4.73 24.32-21.18 36.82-37.85.71-.95 13.5-21.6 19.2-29.6 9.35-13.13 18.22-22.55 26.95-27.53 7.29-4.17 13.16-10.28 18.8-18.73 1.93-2.9 10.52-17.65 12.73-20.41 1.54-1.93 3-3.21 4.52-3.89 14.07-6.25 24.22-9.04 39.2-9.04h29c4.05 0 7.36-.4 22.93-2.5l4.3-.57c9.92-1.3 16.57-1.93 21.77-1.93 1.66 0 2.95.01 6.03.04 18.61.19 28.55-.48 44.86-4.03 3.1-.67 6.13-1.78 9.11-3.31v1.12a37.96 37.96 0 0 1-8.9 3.17c-16.4 3.56-26.4 4.24-45.08 4.05-3.08-.03-4.36-.04-6.02-.04-5.15 0-11.76.63-21.64 1.92l-4.3.58c-15.64 2.11-18.94 2.5-23.06 2.5h-29c-14.81 0-24.84 2.75-38.8 8.96-1.34.6-2.69 1.78-4.14 3.6-2.16 2.68-10.72 17.39-12.68 20.33-5.72 8.57-11.7 14.8-19.13 19.04-8.57 4.9-17.36 14.23-26.63 27.24-5.68 7.97-18.47 28.64-19.22 29.63-12.6 16.8-27.52 33.32-37.18 38.15-12.06 6.03-56.14 18.05-66.22 18.05-8.82 0-38.39 25.15-55.62 45.82-14.6 17.52-14.19 18.21 14.74 25.2 11.6 2.8 17.6 2.3 24.09-1.2-.67.35 11.31-7.03 16.56-9.44 5.41-2.48 11.6-4.59 19.11-6.37 19.13-4.53 34.65-2.35 39.54 5.22 2.05 3.17 2.48 7.32 1.84 13.04a96.34 96.34 0 0 1-.75 5.13c-.84 5.08-1.01 6.29-1.01 8.1 0 16.9-7.03 44.33-15.13 53.33-3.68 4.09-6.76 10.65-11.37 22.96-.35.93-2.2 5.94-2.73 7.33-1.04 2.76-1.88 4.9-2.68 6.84-1.9 4.53-3.55 7.73-5.2 9.85-7.1 9.13-23.25 15.19-40.39 15.19-8.86 0-20.15-4.65-34.63-13.42-4.15-2.51-8.5-5.32-13.55-8.72a861.54 861.54 0 0 1-6.71-4.56l-6.4-4.39c-9.68-6.63-12.61-6.42-15.5-.75-.35.68-1.74 3.62-2.1 4.35a36.77 36.77 0 0 1-2.96 5.03c-1.12 1.57-2.37 3-3.81 4.33-10.47 9.6-18.84 30.51-18.84 42.63l-.03 1zm-29.65 0h-1.1c1.17-2.52 1.79-5.2 1.79-8 0-20 4.83-42.04 12.15-49.35 5.17-5.18 7.77-8.38 9.9-12.74 2.64-5.41 3.95-12 3.95-20.91 0-6.82 1.14-11.59 3.37-15.07 1.74-2.7 3.6-4.21 8.91-7.52a31.64 31.64 0 0 0 3.9-2.79c4.61-3.96 6.58-6.2 7.72-9.41 1.43-4.02.93-9.04-1.86-16.02a68.98 68.98 0 0 0-3.99-8.07l-.93-1.7a75.47 75.47 0 0 1-2.64-5c-5.16-10.71-3.77-18.9 7.68-29.78a204 204 0 0 1 26.81-21.55c3.96-2.69 16.8-10.8 19.24-12.5 1.99-1.4 4.33-3.3 7.77-6.3-.02 0 7.23-6.39 9.47-8.3 4.97-4.26 9.09-7.5 13.05-10.15 4.72-3.15 8.97-5.28 12.87-6.32 12.78-3.41 15.6-4.18 21.77-5.97 12.55-3.64 21.96-6.9 28.14-10a45.47 45.47 0 0 1 7.47-2.79c8.66-2.66 12.02-4.1 16.97-8.1 6.78-5.46 13.07-14.25 19.33-27.87 15.97-34.77 19.08-39.39 32.15-49.19 3.14-2.36 6.37-4.1 11.43-6.4l2.33-1.04c11.93-5.35 16.87-8.93 21.1-17.38 1.88-3.77 2.48-6.29 3.37-12.27.78-5.19 1.48-7.56 3.53-10.25 2.57-3.4 7.03-6.27 14.36-9.01 3.37-1.26 7.36-2.5 12.05-3.73 16.33-4.3 25.28-5.36 39.6-5.81 6.9-.22 9.5-.56 12.66-2 1.19-.54 2.36-1.23 3.58-2.11 3.7-2.7 8.14-4.54 13.24-5.67 5.71-1.27 10.69-1.54 18.7-1.45l2.35.02c2.82 0 6.8-1 19.7-4.69 10.83-3.08 15.95-4.31 19.3-4.31.82 0 1.9.13 3.55.41l5.01.9c9.82 1.68 17.44 1.89 25.15-.21 7.98-2.18 14.8-6.77 20.29-14.24V147c-5.47 7.04-12.21 11.42-20.03 13.55-7.88 2.15-15.63 1.94-25.58.23l-5-.9c-1.6-.26-2.64-.39-3.39-.39-3.2 0-8.32 1.22-19.74 4.48-12.35 3.53-16.3 4.52-19.26 4.52l-2.36-.02c-7.94-.1-12.85.17-18.47 1.42-4.97 1.11-9.3 2.9-12.88 5.5a21.4 21.4 0 0 1-3.75 2.22c-3.32 1.5-6 1.87-13.04 2.09-14.25.44-23.13 1.5-39.37 5.77a125.56 125.56 0 0 0-11.95 3.7c-7.17 2.7-11.49 5.46-13.93 8.68-1.9 2.52-2.58 4.76-3.33 9.8-.9 6.08-1.53 8.68-3.47 12.56a30.6 30.6 0 0 1-9.66 11.45c-3.12 2.26-5.95 3.73-11.93 6.4l-2.31 1.04c-5.01 2.27-8.18 3.99-11.25 6.29-12.9 9.68-15.93 14.17-31.85 48.8-6.31 13.76-12.7 22.68-19.6 28.25-5.08 4.1-8.53 5.57-17.3 8.27a44.64 44.64 0 0 0-7.33 2.73c-6.24 3.12-15.7 6.4-28.3 10.06a867.4 867.4 0 0 1-21.8 5.97c-3.77 1.01-7.93 3.1-12.56 6.19a137.35 137.35 0 0 0-12.95 10.07c-2.24 1.92-9.48 8.3-9.48 8.3a98.2 98.2 0 0 1-7.84 6.37c-2.46 1.72-15.32 9.83-19.26 12.5a203 203 0 0 0-26.69 21.45c-11.13 10.58-12.43 18.3-7.47 28.63a74.52 74.52 0 0 0 2.62 4.95l.94 1.7a69.84 69.84 0 0 1 4.03 8.17c2.88 7.2 3.4 12.46 1.89 16.73-1.22 3.43-3.28 5.77-8.02 9.84-1.14.97-2.32 1.8-5.3 3.67-3.92 2.45-5.69 3.89-7.31 6.42-2.13 3.3-3.22 7.89-3.22 14.53 0 9.05-1.34 15.79-4.05 21.34-2.19 4.49-4.85 7.77-10.1 13.01-7.07 7.07-11.85 28.9-11.85 48.65 0 2.8-.58 5.48-1.7 8zm282.54 0h-1.01l-1.1-5.8c-3.08-16.26-4.05-26.2-2.74-37.26.7-5.8.77-9.68.55-15.3-.18-4.45-.17-5.68.19-7.63.78-4.3 3.44-8.53 10.39-16.34 9.07-10.2 12.26-15.41 19.8-30.15 1.35-2.64 2.33-4.47 3.38-6.3.9-1.58 1.82-3.06 2.77-4.5 3.14-4.7 7.03-8.42 16.84-16.81 11.22-9.6 15.5-13.86 18.13-19.13.7-1.4 1.3-2.8 1.93-4.4a206 206 0 0 0 1.49-4.05c3.63-9.94 8.01-13.93 22.9-17.81 4.99-1.3 20.55-5.13 21.38-5.34 16.19-4.1 25.33-7.36 33.48-12.6 5.86-3.77 5.84-3.76 27.66-16.53l2.6-1.52c10.23-6 17.1-10.2 22.73-13.95a149.3 149.3 0 0 0 8.8-6.3 723.7 723.7 0 0 0 6.37-5.08A87.74 87.74 0 0 1 600 342.95v1.12a85.76 85.76 0 0 0-15.49 9.9c.18-.14-4.76 3.84-6.38 5.1a150.3 150.3 0 0 1-8.85 6.35c-5.65 3.76-12.53 7.96-22.78 13.97l-2.6 1.53c-21.8 12.75-21.78 12.74-27.63 16.5-8.27 5.32-17.49 8.61-33.78 12.73-.83.21-16.39 4.04-21.36 5.33-8.03 2.1-13.15 4.5-16.45 7.5-2.66 2.42-4 4.86-5.77 9.7l-1.5 4.07a51.12 51.12 0 0 1-1.96 4.47c-2.72 5.45-7.04 9.75-18.38 19.45-9.73 8.32-13.6 12.02-16.65 16.6a77.18 77.18 0 0 0-2.74 4.45c-1.05 1.81-2.01 3.63-3.35 6.25-7.58 14.81-10.82 20.08-19.96 30.36-6.83 7.7-9.4 11.78-10.15 15.86-.34 1.85-.34 3.04-.17 7.4.22 5.68.14 9.6-.55 15.47-1.3 10.92-.34 20.79 2.73 36.95l1.12 5.99zm-76.59 0h-2.1l1.39-4.3c1.04-3.3 1.93-6.78 2.68-10.4 2.65-12.73 3.27-23.63 3.27-41.3 0-5.71-1.86-9.75-4.13-9.75-2.94 0-6.96 5.61-10.93 17.08C271.14 579.68 258.3 593 238 593c-22.42 0-29.26-1.35-48.42-10.09a87.69 87.69 0 0 1-9.42-5.04c-2.95-1.8-12.78-8.57-14.84-9.72-4.2-2.36-7-2.71-9.72-.99-.63.4-1.26.91-1.9 1.55a57.69 57.69 0 0 1-4.31 3.86 147.88 147.88 0 0 1-3.06 2.44l-1 .8C137.01 582.43 134 587.18 134 597c0 1.02-.02 2.01-.07 3h-2c.05-.99.07-1.98.07-3 0-10.52 3.33-15.78 12.09-22.76a265.61 265.61 0 0 1 2-1.6c.83-.64 1.43-1.13 2.03-1.61a55.76 55.76 0 0 0 4.17-3.74c.74-.73 1.48-1.34 2.24-1.82 3.47-2.2 7-1.75 11.77.93 2.15 1.21 12.03 8 14.9 9.76a85.7 85.7 0 0 0 9.22 4.93C209.29 589.7 215.85 591 238 591c19.25 0 31.49-12.7 41.06-40.33 4.24-12.25 8.66-18.42 12.81-18.42 3.8 0 6.13 5.06 6.13 11.75 0 17.8-.63 28.8-3.3 41.7-.77 3.7-1.68 7.23-2.75 10.6-.4 1.3-.8 2.53-1.19 3.7zm-149.25 0l.5-.94a160.1 160.1 0 0 0 6.53-13.26c2.73-6.29 5.78-9.64 9.24-10.52 3.74-.95 7.15.74 12.56 5.13 5.43 4.4 6.07 4.86 7.73 5.1 1.6.22 4.28 1.14 8.86 2.95 1.3.5 10.78 4.35 13.85 5.55 3.07 1.2 5.85 2.25 8.49 3.18 3.1 1.1 5.98 2.04 8.65 2.81h-3.45c-1.76-.56-3.6-1.18-5.54-1.87a281.2 281.2 0 0 1-8.51-3.19c-3.08-1.2-12.57-5.04-13.86-5.55-4.5-1.78-7.15-2.68-8.63-2.9-1.94-.27-2.53-.7-8.22-5.3-5.17-4.2-8.36-5.78-11.69-4.94-3.1.78-5.94 3.92-8.56 9.95a161 161 0 0 1-6.82 13.8h-1.13zm112.89 0a30.34 30.34 0 0 0 11.27-6.27c1.55-1.36 3.32-3.46 5.34-6.29 1.05-1.46 2.15-3.1 3.41-5.04a349.73 349.73 0 0 0 2.5-3.9l.47-.75.93-1.47a89.17 89.17 0 0 1 3.25-4.86c1.05-1.43 1.82-2.23 2.44-2.46 1.02-.37 1.49.48 1.49 2.04l.01 2.11c.05 6.91-.08 11.32-.7 16.33a48.4 48.4 0 0 1-2.38 10.56h-1.07a46.47 46.47 0 0 0 2.45-10.68c.62-4.96.75-9.33.7-16.2l-.01-2.12c0-.97-.08-1.12-.15-1.1-.36.14-1.05.85-1.97 2.1a88.44 88.44 0 0 0-3.22 4.82l-.92 1.46-.48.75a1268.1 1268.1 0 0 1-2.5 3.92c-1.26 1.95-2.38 3.6-3.44 5.08-2.06 2.88-3.87 5.04-5.5 6.45a30.87 30.87 0 0 1-8.94 5.52h-2.98zm-183.72 0H69.3c3.37-3.43 5.19-8.33 5.19-15 0-18.6-.04-17.35 1.02-20.77.6-1.93 1.5-3.74 3.27-6.63.42-.7 4.92-7.8 6.78-10.86 3.04-4.97 11.04-16.5 12.21-18.56 3.48-6.08 4.72-12.06 4.72-24.18 0-7.85 2.5-14.2 8.1-23.44l2.84-4.63a72.67 72.67 0 0 0 2.49-4.4c1.62-3.15 2.48-5.78 2.62-8.28.2-3.78-1.3-7.29-4.9-10.9-5.13-5.12-8.6-5.43-11.2-1.85-2.12 2.92-3.48 7.74-5.06 16.47-.2 1.03-.82 4.6-.82 4.57-.83 4.67-1.4 7.33-2.1 9.6-1.35 4.42-3.7 7.61-8.36 12.26l-3.26 3.2c-6.38 6.39-9.68 11.51-11.36 19.5l-1.16 5.52c-.87 4.1-1.56 7.04-2.33 9.94-3.67 13.74-9.65 25.97-22.59 44.72-7.68 11.14-11.05 18.87-10.92 23.72h-1c-.12-5.16 3.35-13.05 11.1-24.28 12.87-18.67 18.8-30.8 22.44-44.42.77-2.88 1.45-5.8 2.32-9.89l1.16-5.51c1.73-8.22 5.13-13.5 11.64-20 .63-.64 2.84-2.8 3.25-3.21 4.57-4.54 6.82-7.62 8.12-11.84a81.58 81.58 0 0 0 2.07-9.48l.81-4.57c1.62-8.9 3-13.8 5.24-16.89 3-4.15 7.2-3.78 12.71 1.74 3.8 3.8 5.42 7.58 5.2 11.66-.15 2.66-1.05 5.41-2.73 8.68a73.6 73.6 0 0 1-2.52 4.46l-2.84 4.63c-5.52 9.1-7.96 15.3-7.96 22.92 0 12.28-1.28 18.43-4.85 24.68-1.2 2.1-9.21 13.65-12.22 18.58-1.87 3.06-6.37 10.18-6.78 10.86-1.73 2.82-2.6 4.57-3.17 6.4-1.02 3.28-.98 2.1-.98 20.48 0 6.52-1.7 11.44-4.82 15zM310.09 0h1.06c-.37.9-.77 1.83-1.2 2.82-3.9 9.06-5.45 15.15-5.45 25.18 0 7.64-2.1 11.6-6.64 13.05-3.46 1.1-5.72.98-17.57-.43-11.55-1.36-19.17-1.58-28.16-.14-6.24 2.49-25.91 7.02-32.13 7.02-11.15 0-36.76-2.88-54.12-7.01a22.08 22.08 0 0 0-16.95 2.48c-4.05 2.33-7.09 5.03-13.9 11.97-6.28 6.39-9.53 9.23-13.8 11.5-7.09 3.79-11.22 7.65-13.4 12.27-1.82 3.85-2.33 7.84-2.33 15.29 0 4.4-2.65 6.69-9.45 9.74.1-.05-2.97 1.31-3.84 1.71-8.78 4.06-12.71 8.29-12.71 16.55 0 12.52-4.86 19.22-17.34 27.96l-4.56 3.14c-1.9 1.3-3.3 2.3-4.67 3.3-.92.68-1.79 1.34-2.62 2-7.16 5.62-11 14.54-15.56 33.28-.63 2.57-3.3 14-4.07 17.14a350.44 350.44 0 0 1-5.2 19.33c-1.37 4.5-4.5 15.07-4.96 16.53-1.05 3.4-1.64 4.94-2.46 6.32-.82 1.4-6.85 9.08-12.64 18.27L0 277.98v-1.9l4.58-7.35a270.8 270.8 0 0 1 12.61-18.23c-.3.5 1.35-2.8 2.38-6.12.45-1.44 3.58-12.01 4.95-16.53 1.83-6.03 3.44-12.09 5.19-19.27.76-3.13 3.44-14.56 4.06-17.14 4.62-18.95 8.52-28.02 15.92-33.83.84-.67 1.72-1.33 2.65-2.01 1.38-1.02 2.8-2.01 4.7-3.32l4.54-3.14C73.83 140.57 78.5 134.13 78.5 122c0-8.74 4.2-13.26 13.29-17.45.88-.41 3.96-1.77 3.85-1.73 6.46-2.9 8.86-4.97 8.86-8.82 0-7.6.53-11.7 2.42-15.71 2.29-4.84 6.57-8.85 13.84-12.73 4.15-2.21 7.35-5 14.15-11.93 6.28-6.4 9.36-9.13 13.52-11.53a23.07 23.07 0 0 1 17.69-2.59c17.27 4.12 42.8 6.99 53.88 6.99 6.1 0 25.73-4.53 31.92-7 9.12-1.46 16.83-1.25 28.49.13 11.63 1.38 13.9 1.5 17.15.47 4.06-1.3 5.94-4.85 5.94-12.1 0-10.1 1.56-16.3 6.6-28zm25.12 0h1c.05 5.62.26 11.48.65 19.4.47 9.7.64 14.57.64 21.6 0 9.81-4.68 17.46-13.1 23.16-6.53 4.43-14.94 7.46-24.33 9.33-3.74.54-9.42.56-22.68.23-6.74-.17-9.35-.22-12.39-.22-2.77 0-4.97.43-7.63 1.36-.88.3-4.55 1.74-5.58 2.11-6.55 2.35-13.59 3.53-24.79 3.53-8.1 0-13.58-1.38-22.46-4.9l-3.18-1.25c-12.55-4.87-21.27-5.15-37.18 1.12-11.15 4.39-18.13 9.2-22.28 14.81-3.15 4.26-4.33 7.8-5.94 15.8-1.22 6.09-1.93 8.74-3.5 12.13-1.65 3.53-3.97 5.81-7.07 7.22-2.33 1.07-4.35 1.5-9.32 2.19-9.04 1.27-12.77 3.09-15.61 9.58-3.71 8.48-7.72 13.87-14.22 19.76-2.4 2.18-13.14 11.02-15.91 13.42-8.2 7.1-13.85 17.37-18.7 31.97a258.81 258.81 0 0 0-3.27 10.7c-.01.05-2.26 7.97-2.88 10.1-8.49 28.85-17.88 52.95-26.13 61.2-2.8 2.8-5.06 5.64-10.4 12.96-3.4 4.68-6.23 8.25-8.95 11.1v-1.55c2.74-2.98 5.73-6.82 9.48-11.97 4.03-5.52 6.32-8.4 9.17-11.24 8.07-8.08 17.44-32.14 25.87-60.8.62-2.1 2.86-10.03 2.88-10.08 1.21-4.24 2.21-7.53 3.28-10.74 4.9-14.75 10.63-25.16 19-32.4 2.78-2.42 13.5-11.25 15.89-13.4 6.4-5.8 10.32-11.09 13.97-19.43 1.68-3.83 4.05-6.31 7.2-7.86 2.4-1.17 4.64-1.67 9.53-2.36 4.54-.63 6.5-1.05 8.7-2.06 2.89-1.31 5.03-3.42 6.58-6.73 1.53-3.3 2.23-5.9 3.43-11.9 1.64-8.14 2.85-11.79 6.11-16.2 4.28-5.79 11.41-10.7 22.73-15.16 16.15-6.36 25.13-6.07 37.9-1.11l3.19 1.26c8.77 3.47 14.13 4.82 22.09 4.82 11.09 0 18.02-1.16 24.46-3.47 1-.36 4.68-1.8 5.58-2.11A22.5 22.5 0 0 1 265 72.5c3.05 0 5.67.05 14.07.26 11.53.29 17.2.27 20.83-.25 9.25-1.85 17.54-4.83 23.94-9.17C332 57.8 336.5 50.46 336.5 41c0-7-.17-11.86-.7-22.7-.35-7.26-.55-12.83-.59-18.3zM93.87 0h2.04c-.7 4-1.61 6.82-3.03 9.47-2.33 4.38-2.85 5.75-5.26 13.03a40.46 40.46 0 0 1-1.94 5.03c-2.24 4.66-5.92 8.8-13.07 14.26-8.01 6.13-14.27 16.55-20.03 31.55-2.4 6.23-8.75 25.63-9.64 28.01-2.69 7.16-6.56 12.7-15.63 23.68l-2.68 3.24c-6.02 7.34-9.35 12.07-11.72 17.15-2.3 4.94-7.12 9.9-12.91 14.15v-2.4c5.14-3.94 9.1-8.3 11.1-12.6 2.46-5.27 5.87-10.1 11.98-17.56l2.68-3.26c8.94-10.8 12.72-16.22 15.3-23.1.88-2.33 7.24-21.74 9.65-28.03 5.89-15.31 12.3-26 20.68-32.41 6.92-5.3 10.4-9.2 12.48-13.55.65-1.35 1.16-2.7 1.85-4.79 2.45-7.4 3-8.83 5.4-13.34A27.68 27.68 0 0 0 93.87 0zm9.07 0h1.02c-1.66 8.3-2.91 12.67-4.54 15.26a59.14 59.14 0 0 0-4.1 8.21c-1.27 3-2.44 6.2-3.5 9.4-.38 1.12-.7 2.16-2.41 5.39a251.48 251.48 0 0 0-12.81 13.3c-3.48 3.96-5.95 7.27-7.15 9.66-.95 1.9-2.06 5.99-3.61 12.97-.64 2.9-3.65 17.15-4.51 21.07-3.63 16.45-6.63 26.69-9.9 32-7.66 12.45-10.64 15.71-37.08 41.1A69.78 69.78 0 0 1 0 179.21v-1.15a69.39 69.39 0 0 0 13.65-10.42c26.4-25.33 29.32-28.55 36.92-40.9 3.2-5.18 6.18-15.37 9.78-31.7.86-3.91 3.87-18.16 4.51-21.06 1.57-7.09 2.7-11.2 3.7-13.2 1.24-2.5 3.76-5.86 7.29-9.89.9-1.03 1.86-2.1 2.86-3.18 2.4-2.6 4.96-5.22 7.53-7.76.9-.88 1.73-1.7 3.37-3.4a129.02 129.02 0 0 1 4.78-13.46 60.07 60.07 0 0 1 4.19-8.35c1.52-2.44 2.74-6.71 4.36-14.74zM83.71 0h1.1c-2.09 4.74-6.03 8.92-11.42 12.3-7.2 4.52-16.5 7.2-24.39 7.2-8.9 0-11.8 7-11.74 21.52 0 1.7.04 3.17.12 5.99.1 3.3.12 4.45.12 5.99 0 5.73-.76 11.3-2.01 16.5a66.67 66.67 0 0 1-2.15 6.97 2597.76 2597.76 0 0 1-7 15.86A4270.8 4270.8 0 0 1 6.44 136.2 54.64 54.64 0 0 1 0 147v-1.65a54.87 54.87 0 0 0 5.55-9.57A4269.82 4269.82 0 0 0 30.7 79.97c.53-1.2.99-2.23 2.44-5.9A69.23 69.23 0 0 0 36.5 53c0-1.52-.03-2.66-.12-5.95-.08-2.83-.12-4.31-.12-6.01-.03-6.79.53-11.62 2.07-15.34 1.94-4.68 5.39-7.19 10.67-7.19 7.7 0 16.81-2.63 23.86-7.05C77.93 8.27 81.66 4.38 83.7 0zm282.63 0h1.01c1.86 10.02 2.18 12.67 2.32 18.3a123.43 123.43 0 0 1 .37 27.83c-.96 8.78-3.1 16.01-6.63 21.15-11.34 16.5-39.8 29.22-66.41 29.22-5.09 0-10.47.28-16.31.83a413.8 413.8 0 0 0-24.37 3.16c-21.56 3.26-27.66 4.01-36.32 4.01-6.92 0-12.2-1.05-21.69-3.9l-2.78-.83c-1.39-.41-2.54-.74-3.65-1.02-8-2.05-14.22-2.04-21.7.72a16.32 16.32 0 0 0-9.17 8.18c-1.6 3.05-2.5 6.06-4.02 12.83-1.5 6.64-2.34 9.52-3.99 12.64a16.16 16.16 0 0 1-9.85 8.36 104.8 104.8 0 0 0-9.5 3.42c-6.55 2.8-10.1 5.57-13.8 10.47-1.33 1.75-1.03 1.3-5.43 7.9-1.98 2.97-4.66 5.8-8.48 9.14-2.01 1.76-10.71 8.83-12.88 10.7-7.37 6.35-12.58 12.14-16.63 19.14-4.22 7.3-7.8 18.3-11.28 33.26-.87 3.73-1.72 7.64-2.64 12.14l-1.18 5.8-1.09 5.45c-1.8 8.96-2.77 13.28-3.77 16.26-6.8 20.44-17.26 42.16-27.13 51.2-5.11 4.7-8.1 7.07-11.1 8.86-.9.54-1.84 1.04-2.92 1.57-.44.22-9.6 4.4-14.1 6.66l-1.22.62v-1.13l.78-.39c4.52-2.26 13.67-6.44 14.1-6.65a41.19 41.19 0 0 0 2.84-1.54c2.94-1.75 5.88-4.09 10.94-8.73 9.71-8.9 20.1-30.51 26.87-50.79.97-2.92 1.94-7.22 3.73-16.13l1.1-5.46a490.5 490.5 0 0 1 3.82-17.96c3.5-15.06 7.1-26.14 11.39-33.54 4.11-7.11 9.4-12.98 16.83-19.4 2.19-1.88 10.88-8.95 12.88-10.7 3.77-3.28 6.39-6.05 8.3-8.93 4.43-6.64 4.12-6.18 5.47-7.96 3.8-5.03 7.5-7.91 14.21-10.78 2.61-1.12 5.74-2.24 9.59-3.46a15.17 15.17 0 0 0 9.27-7.86c1.59-3.02 2.42-5.85 4.03-12.99 1.41-6.27 2.32-9.33 3.98-12.48a17.31 17.31 0 0 1 9.7-8.66c7.7-2.83 14.1-2.84 22.3-.75 1.12.29 2.28.61 3.68 1.03l3.73 1.11c8.47 2.54 13.66 3.58 20.46 3.58 8.59 0 14.67-.75 36.18-4a414.64 414.64 0 0 1 24.41-3.17c5.88-.54 11.29-.83 16.41-.83 26.3 0 54.45-12.58 65.59-28.78 3.42-4.98 5.5-12.06 6.46-20.7.84-7.74.73-16.02.02-23.9a136.2 136.2 0 0 0-.57-5.12c0-4.47-.3-6.94-2.16-17zM18.88 0h1.03C18 7.57 17.15 10.18 14.46 16.2c-1.95 4.37-2.67 9.19-2.42 14.89.2 4.33.71 7.7 2.28 16.13 1.09 5.88 1.57 8.77 1.94 12.2.96 8.9.24 16.08-2.8 22.79A463.4 463.4 0 0 1 0 109.43v-2.12a465 465 0 0 0 12.54-25.52c2.97-6.52 3.67-13.53 2.72-22.27-.36-3.4-.84-6.26-1.93-12.12-1.57-8.47-2.1-11.88-2.29-16.27-.26-5.84.48-10.81 2.5-15.33 2.64-5.9 3.48-8.47 5.34-15.8zm280.47 0a70.78 70.78 0 0 1-4.91 11.24c-2.56 4.7-4.01 8.45-4.86 11.98l-.4 1.8-.28 1.45a5.28 5.28 0 0 1-.74 2.07c-.74 1.03-1.93 1.28-5.13 1.25.92 0-9.85-.29-15.03-.29-10.2 0-18.45.82-29.46 2.56-16.87 2.66-17.73 2.77-23.66 2.52a42.57 42.57 0 0 1-8-1.09c-17.7-4.16-46.18-5.86-54.72-3.01-2.72.9-5.88 2.8-9.52 5.59a112.37 112.37 0 0 0-6.54 5.48c-1.4 1.25-9.17 8.5-10.78 9.84-1.45 1.2-8.18 7.42-8.85 8.02a114.65 114.65 0 0 1-4.55 3.9c-4.99 4.03-8.9 6.2-11.92 6.2-3.52.05-4.32 0-5.14-.4-1.13-.56-1.5-1.72-1.13-3.57.74-3.63 4.47-10.84 12.84-24.8 5.69-9.48 9.42-18 11.78-26.2 1.45-5.04 1.94-7.4 2.97-14.54h1.01c-1.05 7.3-1.54 9.7-3.01 14.82-2.39 8.28-6.16 16.89-11.9 26.44-8.3 13.84-12 21.01-12.7 24.48-.3 1.45-.08 2.14.59 2.47.6.3 1.35.35 3.48.3 3.92 0 7.69-2.1 12.5-5.98 1.4-1.13 2.87-2.39 4.51-3.86.66-.59 7.41-6.83 8.88-8.05 1.59-1.33 9.34-8.55 10.75-9.82 2.4-2.15 4.55-3.96 6.6-5.53 3.72-2.85 6.97-4.8 9.81-5.74 8.76-2.92 37.41-1.22 55.27 2.99 2.57.6 5.14.95 7.81 1.06 5.84.25 6.7.14 23.47-2.51 11.05-1.75 19.36-2.57 29.6-2.57 5.2 0 15.99.3 15.05.29 2.87.03 3.84-.17 4.3-.83.23-.32.4-.8.58-1.7l.28-1.43.4-1.85c.88-3.6 2.36-7.44 4.96-12.22 1.87-3.43 3.44-7 4.73-10.76h1.06zm-8.59 0c-5.91 17.94-9.55 22-19.76 22-4.5 0-10.22.32-28.69 1.5l-1.53.1c-15.6.99-23.47 1.4-28.78 1.4-5.35 0-13.24-.96-28.86-3.28l-1.54-.23C163.18 18.75 157.47 18 153 18c-4.45 0-7.3 1.01-10.96 3.34-.1.06-1.8 1.17-2.3 1.47-2.43 1.5-4.32 2.19-6.74 2.19-2.8 0-4.11-1.46-4.11-4.22 0-1.04.16-2.29.5-4.1.16-.82.9-4.4 1.07-5.32.8-4.11 1.3-7.68 1.47-11.36h2c-.17 3.82-.68 7.5-1.5 11.75-.19.94-.92 4.5-1.07 5.31a21.04 21.04 0 0 0-.47 3.72c0 1.7.46 2.22 2.11 2.22 1.99 0 3.55-.57 5.7-1.9.47-.28 2.15-1.37 2.26-1.44C144.92 17.14 148.12 16 153 16c4.62 0 10.3.74 28.9 3.51l1.53.23C198.93 22.04 206.8 23 212 23c5.25 0 13.11-.41 28.65-1.4l1.54-.1C260.73 20.32 266.43 20 271 20c8.95 0 12.15-3.4 17.66-20h2.1zM141.51 0h1.13c-2.06 3.86-2.63 5.1-2.77 6.19-.15 1.12.42 1.64 2.32 1.96 1.8.3 3.85.35 10.81.35 6.02 0 13 .56 21.35 1.62 3.95.5 8.03 1.1 13.13 1.89 24 3.7 22.5 3.49 26.83 3.49 24.02 0 51.83-2.24 60.45-6.94 2.88-1.57 5.05-4.49 6.6-8.56h1.07c-1.64 4.47-3.98 7.69-7.2 9.44-8.83 4.82-36.67 7.06-60.92 7.06-4.41 0-2.84.22-26.98-3.5-5.1-.8-9.17-1.38-13.1-1.88-8.31-1.06-15.26-1.62-21.23-1.62-7.04 0-9.1-.05-10.97-.37-2.38-.4-3.38-1.32-3.15-3.07.16-1.22.69-2.41 2.63-6.06zm76.4 0c5.69 1.64 10.37 2.5 14.09 2.5 9.59 0 16.7-.71 22.4-2.5h2.98C251.12 2.53 243.2 3.5 232 3.5c-4.5 0-10.32-1.21-17.53-3.5h3.45zM70.69 0c-2.87 3.27-6.95 5.39-12.02 6.53-3.98.89-7.5 1.08-12.92 1A97.24 97.24 0 0 0 44 7.5c-5.37 0-8.86-1.24-10.1-4.97A8.6 8.6 0 0 1 33.5 0h.99c.02.82.14 1.56.36 2.22C35.91 5.39 39.02 6.5 44 6.5l1.76.02c5.35.09 8.8-.1 12.69-.97C62.95 4.54 66.63 2.74 69.3 0h1.37zM0 207.87c7.31-.16 11.5 3.33 11.5 11.13 0 11.41-5.05 28.35-11.5 41.5v-2.3c5.93-12.72 10.5-28.47 10.5-39.2 0-7.18-3.7-10.3-10.5-10.13v-1zm0 7.05c1.23.14 2.18.58 2.87 1.31 1.4 1.48 1.6 3.72 1.16 7.58l-.16 1.3A28.93 28.93 0 0 0 3.5 229c0 3.2-1.48 9.52-3.5 15.9v-3.45c1.49-5.13 2.5-9.87 2.5-12.45 0-.98.08-1.75.37-4.02l.16-1.29c.42-3.56.24-5.59-.88-6.77-.5-.53-1.21-.87-2.15-1v-1zM0 410.9v-1.47a21.67 21.67 0 0 0 2.97-4.7c1.32-2.7 2.68-6.28 4.56-11.89 7.85-23.55 7.83-26.6.25-30.4-2.25-1.12-4.8-1.43-7.78-.91v-1.02a13.1 13.1 0 0 1 8.22 1.04c8.24 4.12 8.26 7.6.25 31.6-1.88 5.66-3.25 9.27-4.6 12.02A20.82 20.82 0 0 1 0 410.9zM33.64 452c1.68 0 3.04-.23 8.34-1.31l2.38-.47c8.26-1.57 12.72-1.3 14.53 2.33 1.38 2.75-.47 5.86-4.75 9.68a75.6 75.6 0 0 1-5.08 4.07c-.94.7-4.89 3.59-5.79 4.27-1.86 1.4-2.97 2.37-3.47 3.03a19.08 19.08 0 0 0-2.89 5.5c.07-.2-4.02 13.65-6.96 22.22-2.7 7.85-5.56 10.72-8.82 8.59-2.11-1.4-3.66-4.24-6.6-11.03-1.98-4.62-2.5-5.76-3.4-7.4-4.55-8.18-3.9-23.9-.05-32.87a9.6 9.6 0 0 1 6.98-5.96c2.59-.66 4.86-.75 11.78-.67l3.8.02zm0 2c-1.13 0-2.09 0-3.82-.02-12.07-.13-14.83.57-16.9 5.41-3.63 8.47-4.26 23.55-.05 31.12.96 1.73 1.48 2.88 3.5 7.58 2.72 6.3 4.24 9.08 5.86 10.14 1.64 1.08 3.5-.8 5.82-7.55a682.9 682.9 0 0 0 6.97-22.24 21.03 21.03 0 0 1 3.18-6.04c.65-.87 1.85-1.9 3.86-3.43.92-.7 4.87-3.57 5.8-4.27 2.02-1.5 3.6-2.77 4.95-3.97 3.63-3.23 5.09-5.7 4.3-7.28-1.21-2.42-5.07-2.65-12.38-1.27l-2.35.47c-5.49 1.11-6.86 1.35-8.74 1.35zm345.63 146c-3.45-12.26-3.77-14.13-3.77-19 0-3.33-.13-6.27-.43-11.34-.63-10.33-.65-13.5.26-17.07 1.21-4.74 4.21-7.1 9.67-7.1h26c4.08 0 5.19 1.85 5.93 7.11.1.79.13.97.19 1.32.84 5.35 2.8 7.58 8.88 7.58 3.64 0 5.54.4 6.43 1.37.76.83.76 1.44.36 3.93-.85 5.26.5 8.85 7.5 13.8 6.32 4.45 11.63 5.36 16.55 3.37 3.8-1.54 6.73-4.16 11.92-10l1.1-1.23 1.09-1.23a75.6 75.6 0 0 1 2.7-2.86 35.81 35.81 0 0 1 9.57-6.73c1.52-.76 1.72-.86 5.66-2.63 6.1-2.73 9.01-4.5 11.74-7.62 2.63-3 4.67-4.85 6.7-6.04 3.18-1.85 5.46-2.13 13.68-2.13 5.98 0 10.56-4.32 18-14.99l2.82-4.03c1.06-1.5 1.94-2.7 2.79-3.79 7.87-10.12 19.38-10.4 30.74.96 5.54 5.53 10.17 19.43 13.64 38.51 2.5 13.75 4.18 29.46 4.47 39.84h-1c-.3-10.32-1.96-25.97-4.45-39.66-3.43-18.87-8.02-32.65-13.36-37.99-10.95-10.95-21.76-10.68-29.26-1.04-.83 1.07-1.7 2.26-2.75 3.75l-2.81 4.02c-7.65 10.95-12.38 15.42-18.83 15.42-8.04 0-10.21.26-13.17 2-1.92 1.12-3.9 2.9-6.45 5.83-2.86 3.26-5.87 5.09-12.09 7.88a103.35 103.35 0 0 0-5.62 2.6 34.84 34.84 0 0 0-9.32 6.54 74.67 74.67 0 0 0-3.75 4.05l-1.1 1.24c-5.28 5.95-8.29 8.64-12.28 10.25-5.26 2.13-10.92 1.17-17.5-3.48-7.33-5.17-8.82-9.15-7.92-14.77.34-2.12.34-2.6-.1-3.1-.64-.69-2.34-1.04-5.7-1.04-6.63 0-8.96-2.63-9.87-8.42l-.2-1.34c-.67-4.82-1.53-6.24-4.93-6.24h-26c-5 0-7.6 2.04-8.7 6.34-.88 3.43-.85 6.57-.23 16.76a177 177 0 0 1 .43 11.4c0 4.78.32 6.63 3.81 19h-1.04zm13.68 0c-1.31-6.58-1.61-10.71-1.36-14.84.04-.7.1-1.44.18-2.38l.23-2.56c.34-3.81.5-6.97.5-11.22 0-4.94 1.46-7.76 4.21-8.42 2.38-.58 5.56.54 9.2 3 6.64 4.52 13.99 13.07 16.55 19.23 4.77 11.44 14.12 15.69 33.54 15.69 8.6 0 14.32-2.35 20.67-7.88 1.45-1.26 15.06-15 21-20 7.21-6.07 11.77-7.59 20.62-8.32 5.52-.45 7.98-.9 11.44-2.36 4.58-1.95 9.36-5.48 14.9-11.29 7.43-7.76 13.25-8.92 17.47-4.3 3.32 3.63 5.46 10.58 6.82 20.24.73 5.17.94 7.74 1.58 17.38.25 3.75.17 5.32-.92 18.03h-1c1.09-12.7 1.17-14.28.92-17.97-.64-9.6-.85-12.16-1.57-17.3-1.33-9.47-3.43-16.27-6.56-19.7-3.76-4.11-8.93-3.08-16 4.32-5.65 5.9-10.54 9.5-15.25 11.5-3.58 1.53-6.13 1.99-11.6 2.44-8.8.72-13.17 2.18-20.2 8.1-5.9 4.96-19.5 18.7-21 19.99-6.52 5.68-12.47 8.12-21.32 8.12-19.78 0-29.5-4.42-34.46-16.3-2.49-5.97-9.71-14.38-16.2-18.79-3.42-2.32-6.36-3.35-8.4-2.86-2.2.53-3.44 2.92-3.44 7.45 0 4.28-.16 7.47-.5 11.31l-.23 2.56c-.09.93-.14 1.65-.19 2.35-.24 4.08.06 8.18 1.39 14.78h-1.02zm113.75 0c2.52-3.26 8.93-11.79 10.9-14.3 5.48-6.98 13.05-12.38 19.4-13.94 7.01-1.71 11.5 1.45 11.5 9.24 0 4.02-.04 5.16-.74 19h-1c.7-13.85.74-15 .74-19 0-7.12-3.86-9.83-10.26-8.26-6.11 1.5-13.5 6.77-18.85 13.57-1.86 2.36-7.65 10.07-10.43 13.69h-1.26zm-9.86-338.96c3.44 2.71 7 5.1 11.44 7.75 1.06.64 8.42 4.9 10.35 6.1 11.27 7 15 13.35 12.35 25.33-1.45 6.52-4.53 11.1-9.39 14.44-3.83 2.63-8.07 4.26-16.08 6.56-11.97 3.45-13.68 3.99-18.82 6.28a60.18 60.18 0 0 0-7.81 4.18c-11.11 7.07-19.1 7.7-27.96 3.28-3.56-1.77-17.2-11-17.2-11.01a101.77 101.77 0 0 0-5.2-3.07c-16.04-8.83-34.27-24.16-34.52-31.85-.11-3.46 1.99-6.57 6.28-10.26 1.03-.9 2.18-1.81 3.68-2.95.72-.55 3.38-2.56 3.94-3 4.47-3.4 7.18-5.79 9.32-8.45 11.12-13.82 26.55-28.68 34.36-32.28 12.06-5.54 19.84-5.77 27.37.12 3.25 2.54 5.65 6.54 8.58 13.35.29.65 2.3 5.45 2.88 6.74 1.62 3.65 2.9 5.8 4.24 6.94.72.6 1.45 1.2 2.2 1.8zm-3.49-.28c-1.63-1.39-3.03-3.74-4.77-7.65-.58-1.3-2.6-6.12-2.88-6.76-2.81-6.5-5.08-10.3-7.98-12.56-6.83-5.35-13.85-5.15-25.3.12-7.45 3.42-22.7 18.12-33.64 31.72-2.27 2.82-5.08 5.3-9.67 8.79l-3.94 2.98a79.98 79.98 0 0 0-3.59 2.88c-3.87 3.33-5.67 6-5.58 8.69.21 6.64 18.14 21.72 33.48 30.15 1.76.97 3.5 2 5.3 3.13.12.08 13.61 9.22 17.03 10.92 8.22 4.1 15.46 3.52 26-3.18a62.17 62.17 0 0 1 8.07-4.31c5.25-2.35 7-2.9 19.08-6.38 7.8-2.24 11.9-3.82 15.5-6.3 4.44-3.04 7.23-7.18 8.56-13.22 2.44-11.02-.83-16.6-11.45-23.2-1.9-1.18-9.23-5.42-10.32-6.08-4.5-2.69-8.13-5.12-11.64-7.9-.77-.6-1.52-1.21-2.26-1.84zM87.72 241.6c4.3-2.98 7.88-5 12.14-6.95.84-.4 1.73-.78 2.78-1.24l4.37-1.88a164.3 164.3 0 0 0 17.74-8.96 320.67 320.67 0 0 1 27.87-14.5c4.22-1.95 21.89-9.84 21.17-9.52 19.17-8.62 28.1-6.93 49.5 8.05 7.91 5.54 13.24 13.25 16.45 22.66 3.02 8.83 3.76 16.51 3.76 27.75 0 8.32-.66 12.95-3.68 18.97-4.18 8.36-12.3 16.14-25.58 23.47-24.45 13.49-38.83 27.55-52.83 47.84-8.83 12.8-47.76 44.21-65.16 54.15C75.04 413.55 48.89 423.5 31 423.5c-10.05 0-14.67-4.78-14.76-13.37-.07-6.32 2.06-13.73 6.3-24.32 2.95-7.37 2.02-12.9-2.16-22.29-3.19-7.17-3.88-9.14-3.88-12.52 0-3.35 1.87-6.9 5.52-11.07 2.61-3 3.5-3.83 11.9-11.5 5.09-4.66 8.08-7.6 10.7-10.75 9.46-11.36 12.62-19.47 17.9-44.78 3.12-15.05 6.63-20.28 15.12-25.25.8-.47 3.95-2.25 4.7-2.68a76.66 76.66 0 0 0 5.38-3.38zm.56.82a77.63 77.63 0 0 1-5.44 3.43l-4.7 2.67c-8.23 4.82-11.57 9.81-14.65 24.6-5.3 25.45-8.51 33.7-18.1 45.21-2.66 3.19-5.68 6.16-10.8 10.84-8.36 7.64-9.24 8.48-11.82 11.42-3.5 4.01-5.27 7.36-5.27 10.42 0 3.18.68 5.1 3.8 12.12 4.27 9.6 5.24 15.37 2.16 23.07-4.18 10.47-6.29 17.78-6.22 23.93.08 8.06 4.26 12.38 13.76 12.38 17.67 0 43.68-9.9 64.75-21.93 17.28-9.88 56.1-41.2 64.84-53.85 14.08-20.42 28.57-34.59 53.17-48.16 13.12-7.23 21.09-14.87 25.17-23.03 2.92-5.86 3.57-10.35 3.57-18.53 0-11.13-.74-18.73-3.7-27.43-3.15-9.22-8.36-16.75-16.09-22.16-21.13-14.8-29.7-16.42-48.5-7.95.7-.32-16.96 7.56-21.17 9.5-1.7.8-3.3 1.55-4.86 2.3a319.68 319.68 0 0 0-22.93 12.17 165.3 165.3 0 0 1-17.85 9.01l-4.37 1.88c-1.04.45-1.92.84-2.76 1.23a74.56 74.56 0 0 0-11.99 6.86zm-7.6 12.2c7.7-6.25 12.3-8.17 23.68-11.27 6.12-1.67 9.12-2.95 12.31-5.72 3.8-3.3 7.47-4.52 15.86-6.1 2.75-.52 3.67-.7 5.06-1.02 5.48-1.24 9.48-2.93 13.1-5.89 10.42-8.53 25.4-14.11 36.31-14.11 5.33 0 16.77 7.58 25.74 17.16 10.73 11.46 15.96 23.27 12.73 32.5-3.18 9.1-11.39 18.57-23.03 27.86-8.44 6.73-18.36 13-25.22 16.43-3.72 1.86-6.59 4.88-9.77 9.99-.69 1.1-11.1 20.25-16.03 27.83-5.62 8.65-15.4 17.36-30.23 27.96a552.58 552.58 0 0 1-9.2 6.42c-.13.09-6.81 4.65-8.6 5.89-6.47 4.46-10.35 7.35-13.05 9.83-11.64 10.67-37.14 15.54-43.7 8.98-1.96-1.96-2.2-4.06-1.95-10.52.37-9.42-.5-14.5-4.95-20.51a34.09 34.09 0 0 0-7.04-6.92c-3.93-2.95-6.07-6.11-6.56-9.49-.97-6.61 3.87-13.06 14.17-21.69 1.58-1.32 6.67-5.44 7.09-5.78a48.03 48.03 0 0 0 5.23-4.77c4.1-4.63 5.85-9.55 7.8-20.07a501.52 501.52 0 0 0 .8-4.37c.33-1.87.6-3.3.88-4.73.74-3.78 1.5-7.18 2.4-10.63 1-3.78 1.38-5.5 2.36-10.37.6-3.02.93-4.21 1.56-5.47 1.22-2.45 1.27-2.5 12.25-11.42zm.64.78c-10.77 8.74-10.88 8.84-12 11.08-.58 1.16-.88 2.3-1.47 5.22-.98 4.89-1.36 6.63-2.37 10.44-.9 3.43-1.65 6.8-2.39 10.56a339.79 339.79 0 0 0-1.29 6.95l-.39 2.15c-1.98 10.68-3.77 15.74-8.04 20.54a48.77 48.77 0 0 1-5.34 4.88c-.42.34-5.5 4.47-7.07 5.78-10.04 8.4-14.72 14.65-13.83 20.78.45 3.1 2.44 6.03 6.17 8.83 3 2.25 5.39 4.62 7.24 7.12 4.63 6.24 5.52 11.52 5.15 21.15-.25 6.14-.01 8.1 1.66 9.78 6.1 6.1 31.02 1.33 42.31-9.02 2.75-2.52 6.66-5.43 13.16-9.92l8.6-5.89c3.63-2.48 6.45-4.44 9.19-6.4 14.73-10.54 24.44-19.18 29.97-27.7 4.9-7.54 15.31-26.68 16.02-27.8 3.27-5.26 6.26-8.41 10.18-10.37 6.79-3.4 16.65-9.63 25.03-16.32 11.52-9.18 19.61-18.53 22.72-27.4 3.07-8.78-2.02-20.27-12.52-31.49-8.8-9.4-20.04-16.84-25.01-16.84-10.67 0-25.43 5.5-35.68 13.89-3.76 3.07-7.9 4.81-13.5 6.09-1.41.32-2.35.5-5.11 1.02-8.21 1.55-11.76 2.73-15.38 5.88-3.34 2.9-6.45 4.22-12.7 5.92-11.26 3.07-15.75 4.94-23.31 11.09zM212 251.85c0 7.56-.6 10.92-2.6 14.3-1.1 1.84-7.66 10.05-8.6 11.3-5.96 7.94-9.33 10.28-17.26 13.76-1.34.58-2.2 1-3.03 1.5-.55.33-1.2.66-2 1.02-.71.33-4.46 1.9-5.52 2.39-6.05 2.78-8.99 5.8-8.99 10.73 0 10.97-18.95 36.12-34.51 44.87-8.18 4.6-21.3 9.36-32.78 11.86-13.33 2.9-22.49 2.48-24.62-2.32-1.32-2.97-4.4-4.26-11.98-5.81l-.6-.12c-4.84-.99-6.94-1.55-9.03-2.64-2.92-1.5-4.48-3.7-4.48-6.84 0-2.74 1.08-5.77 3.25-9.67.85-1.53 1.82-3.13 3.23-5.35-.16.25 2.83-4.4 3.67-5.76 6.69-10.7 9.85-18.5 9.85-27.22 0-18.41 11.22-33.37 27.5-42.86 5.22-3.05 9.23-3.31 15.2-2.12 5.04 1 6.05.9 7.43-1.52 4.5-7.85 7.04-9.5 15.87-9.5 3.93 0 6.97-.98 10.47-3.16 1.56-.97 8.67-6.17 10.99-7.68 9.2-5.98 11.34-7 25.2-11.95 6.95-2.48 15.18 1.28 22.33 9.12 6.55 7.19 11.01 16.61 11.01 23.67zm-2 0c0-6.5-4.25-15.48-10.49-22.32-6.67-7.32-14.16-10.74-20.17-8.59-13.73 4.9-15.73 5.85-24.8 11.75-2.24 1.46-9.37 6.68-11.01 7.7-3.8 2.36-7.2 3.46-11.53 3.46-8.08 0-9.98 1.23-14.13 8.5-1.1 1.91-2.51 2.88-4.35 3.09-1.3.14-1.9.05-5.22-.61-5.53-1.1-9.07-.88-13.8 1.88-15.72 9.17-26.5 23.55-26.5 41.14 0 9.2-3.28 17.29-10.15 28.28l-3.68 5.77c-1.39 2.19-2.35 3.77-3.17 5.25-2.02 3.63-3 6.38-3 8.7 0 4.19 2.87 5.67 11.9 7.52l.61.12c8.27 1.7 11.7 3.13 13.4 6.95 3.17 7.14 36 0 54.6-10.46 14.98-8.43 33.49-32.99 33.49-43.13 0-5.9 3.47-9.48 10.16-12.55 1.1-.5 4.85-2.08 5.52-2.38.74-.34 1.32-.64 1.8-.93.92-.55 1.85-1 3.25-1.62 7.65-3.35 10.75-5.5 16.47-13.12 1.02-1.36 7.47-9.42 8.47-11.11 1.79-3.01 2.33-6.06 2.33-13.3zm-37.18-22.4c.15-.1 2.4-1.51 2.95-1.84.96-.57 1.7-.94 2.43-1.17 2.57-.83 5.06-.1 11.04 3.12 14.86 8 19.43 22.87 9.18 38.71-4.04 6.24-9.37 9-18.72 11.11-.85.2-1.2.27-3.13.68-6.04 1.29-8.78 2.08-11.6 3.65-3.63 2.02-6.09 4.98-7.5 9.44-7.87 24.93-19.72 43.34-36.28 50.31-16.45 6.93-21.13 8.53-27.98 8.89-4.94.25-9.8-.65-15.4-2.89a44.45 44.45 0 0 1-5.64-2.6c-4.02-2.33-5.14-4.74-4.5-9.31.3-2.13 3.77-15.53 4.84-20.65.63-3.05 1.19-6.14 1.75-9.69a464.04 464.04 0 0 0 1.35-8.9c1.42-9.41 2.5-14.27 4.49-18.65 2.46-5.43 6.13-9.03 11.72-11.13 6.59-2.47 10.54-3.1 18.03-3.53 4.75-.27 6.68-.64 9-2.05.61-.37 1.22-.81 1.82-1.33a30.61 30.61 0 0 0 3.37-3.4c.59-.69 2.38-2.9 2.63-3.19 3.36-4 6.3-5.53 12.33-5.53 3.94 0 5.9-.92 8.18-3.36-.17.18 2.75-3.14 3.85-4.22a30.95 30.95 0 0 1 6.79-5c1.5-.83 3.15-1.62 4.99-2.38a64.92 64.92 0 0 0 10.01-5.1zm-14.52 8.34a29.95 29.95 0 0 0-6.57 4.84 116.68 116.68 0 0 0-3.82 4.2c-2.46 2.63-4.68 3.67-8.91 3.67-5.72 0-8.39 1.39-11.57 5.17-.23.28-2.03 2.5-2.63 3.2a31.6 31.6 0 0 1-3.47 3.51c-.65.55-1.3 1.03-1.96 1.43-2.5 1.51-4.55 1.9-9.47 2.19-7.39.42-11.25 1.04-17.72 3.47-5.34 2-8.82 5.4-11.17 10.6-1.93 4.27-3 9.07-4.41 18.39l-.65 4.34-.7 4.57c-.57 3.56-1.12 6.67-1.76 9.73-1.08 5.18-4.54 18.53-4.83 20.59-.59 4.17.35 6.18 4.01 8.3 1.35.77 3.1 1.58 5.52 2.55 5.46 2.18 10.18 3.05 14.97 2.8 6.69-.34 11.32-1.93 27.65-8.8 16.21-6.83 27.92-25.01 35.71-49.7 1.49-4.7 4.12-7.86 7.97-10 2.93-1.63 5.74-2.45 11.87-3.76 1.92-.4 2.28-.49 3.12-.68 9.12-2.06 14.24-4.7 18.1-10.67 9.92-15.34 5.55-29.55-8.82-37.29-5.75-3.1-8.03-3.76-10.25-3.05-.65.2-1.33.54-2.23 1.08-.55.32-2.77 1.72-2.93 1.82a65.91 65.91 0 0 1-10.16 5.17c-1.8.75-3.42 1.52-4.89 2.33zm-42.39 32.72c16.15-2.87 26.36-.97 32.47 6.16 5.08 5.93 1.13 21.42-5.93 35.55-4.79 9.58-10.6 16.21-23.16 25.19-14.15 10.1-35.5 12.2-40.71 3.85-1.86-2.97-2.1-8.14-1.06-15.73.78-5.68 1.86-10.71 4.73-22.98l.12-.51c1.59-6.8 2.37-10.31 3.14-14.14 1.45-7.25 3.74-11.47 7.26-13.74 2.81-1.8 5.53-2.28 12.33-2.62 5.33-.27 7.56-.46 10.81-1.03zm.18.98c-3.3.59-5.56.78-10.94 1.05-6.62.33-9.23.78-11.84 2.46-3.25 2.1-5.42 6.09-6.82 13.1-.77 3.84-1.56 7.35-3.15 14.17l-.12.5c-2.86 12.24-3.93 17.26-4.7 22.9-1.03 7.36-.79 12.36.9 15.07 4.82 7.7 25.54 5.67 39.29-4.15 12.43-8.88 18.13-15.39 22.84-24.81 6.86-13.72 10.75-29 6.07-34.45-5.84-6.81-15.7-8.65-31.53-5.84zM132 276.5c7.12 0 10.66 3.08 11.25 8.7.42 4.02-.43 8.14-2.77 15.94-2.56 8.52-18.36 25.38-27.2 31.28-7.01 4.67-20.02 5.67-26.57.99-3.99-2.85-3.53-12.08.02-26.46.68-2.75 1.47-5.65 2.37-8.76a412.6 412.6 0 0 1 3.05-10.14l.37-1.2c1.48-4.8 5.1-7.75 10.73-9.27 4.4-1.2 9.54-1.5 17.48-1.33l3.89.1c3.87.11 5.42.15 7.38.15zm0 1c-1.97 0-3.53-.04-7.41-.15l-3.88-.1c-7.85-.17-12.92.13-17.2 1.3-5.32 1.43-8.67 4.16-10.03 8.6a1277.83 1277.83 0 0 1-1.6 5.21c-.68 2.2-1.27 4.17-1.82 6.1-.9 3.1-1.68 5.99-2.36 8.73-3.43 13.88-3.87 22.93-.4 25.4 6.17 4.42 18.73 3.45 25.42-1 8.66-5.78 24.33-22.49 26.8-30.73 2.3-7.67 3.14-11.71 2.73-15.56-.53-5.1-3.64-7.8-10.25-7.8zm-17.79 7a31.3 31.3 0 0 1 8.57 1.4c5.42 1.78 8.72 5.03 8.72 10.1 0 9.59-9.51 17.2-22.34 21.47-9.82 3.28-13.62-1.79-11.66-16.54.84-6.28 3.82-10.67 8.24-13.46a20.38 20.38 0 0 1 8.47-2.97zm-.6 1.08a19.39 19.39 0 0 0-7.34 2.73c-4.18 2.64-6.98 6.78-7.77 12.76-1.89 14.11 1.36 18.45 10.34 15.46C121.3 312.37 130.5 305 130.5 296c0-4.56-2.98-7.5-8.03-9.15a28.05 28.05 0 0 0-8.2-1.35c-.13 0-.35.03-.66.08zm80.87-23.45c-2.72 9.8-14.93 9.86-26.72 3.3-10.17-5.64-13.8-17.98-5-22.87a66.53 66.53 0 0 0 4.48-2.7l2.03-1.3a50.15 50.15 0 0 1 3.92-2.3c4.73-2.43 8.82-2.8 14-.72 9.16 3.66 10.98 13.33 7.3 26.6zm-20.83-24.98a49.26 49.26 0 0 0-3.84 2.25l-2.03 1.3c-.84.53-1.5.95-2.16 1.35-.82.5-1.6.96-2.38 1.39-7.94 4.4-4.59 15.8 5 21.12 11.31 6.29 22.8 6.23 25.28-2.7 3.57-12.83 1.85-21.97-6.7-25.4-4.9-1.95-8.69-1.62-13.17.7zm17.85 12.15c0 5.7-2.44 9-6.64 9.96-3.3.76-7.56-.05-11.08-1.81l-1.89-.94c-.67-.34-1.18-.62-1.63-.88-4.07-2.38-4.13-4.97.34-10.93 6.8-9.06 20.9-7.16 20.9 4.6zm-1 0c0-5.3-2.87-8.55-7.32-9.16-4.23-.57-8.99 1.44-11.78 5.16-4.15 5.54-4.1 7.44-.64 9.47.44.25.93.51 1.59.85l1.87.93c3.34 1.67 7.36 2.44 10.42 1.74 3.73-.86 5.86-3.74 5.86-9zM387 530.3c0-12.8 2.44-16.74 18.48-29.77a56.8 56.8 0 0 1 7.61-5.2c2.6-1.5 5.33-2.82 8.5-4.18 1.24-.53 2.48-1.05 4.1-1.7l3.92-1.57c9.4-3.83 13.74-6.7 16.62-12.05 1.2-2.22 2.21-4.4 3.23-6.83a148.57 148.57 0 0 0 1.54-3.84l.3-.74.56-1.44c3.2-8.02 6.05-12.08 12.7-16.5a35.26 35.26 0 0 0 4.96-4 46.36 46.36 0 0 0 3.88-4.29c.27-.34 2.55-3.2 3.2-3.98 3.48-4.15 6.51-5.9 11.51-5.9 3.08 0 5.62-.63 9.57-2.1 5.42-2.02 6.53-2.34 8.96-2.2 2.53.13 4.85 1.26 7.18 3.59 1.3 1.3 5.55 5.83 6.52 6.78 5.06 5 9.44 6.92 17.77 6.92a197.5 197.5 0 0 1 12.08.45c15.93.87 21.94.57 25.28-2.21 6.91-5.77 11.64-2.73 11.64 7.76 0 10.73-8.6 20-19 20-4.8 0-8.32 1.43-9.34 3.67-1.12 2.48.68 6.15 5.98 10.57 13.6 11.33 11.24 20.76-7.64 20.76a21.91 21.91 0 0 0-14.6 5.24c-3.28 2.71-5.8 5.86-9.85 11.82l-1.52 2.25c-3.1 4.57-5.01 7.1-7.32 9.4-6.21 6.21-9.3 7.64-13.05 6.89l-1-.23a10.82 10.82 0 0 0-2.66-.37c-1.6 0-2.41.67-8.18 6.22-4.85 4.67-8.07 6.78-11.82 6.78-1.33 0-3.46 1.15-6.45 3.45-1.27.98-2.68 2.14-4.5 3.7l-4.92 4.29a181.11 181.11 0 0 1-4.54 3.82c-9.33 7.56-15.63 10.2-20.21 6.52-2.7-2.15-4.14-4.51-4.63-7.26-.37-2.04-.26-3.63.29-7.3.87-5.85.65-8.42-1.83-11.6-2.32-2.98-2.96-3.22-3.77-2.39-.25.26-1.35 1.63-1.61 1.94-2.21 2.5-4.85 3.57-9 2.82-4.6-.84-5.57-4.11-4.72-10.09l.24-1.56c.6-3.66.68-4.93.25-5.8-.44-.86-1.9-.94-5.23.4l-.74.29c-13.78 5.54-15.26 6.09-19.43 6.67-6.03.84-9.31-1.6-9.31-7.9zm2 0c0 5 2.14 6.6 7.04 5.92 3.91-.55 5.43-1.1 18.95-6.55l.75-.3c4.17-1.66 6.7-1.54 7.76.58.71 1.43.62 2.76-.06 7l-.24 1.53c-.72 5.04-.06 7.27 3.09 7.84 3.43.62 5.38-.17 7.15-2.18.2-.23 1.34-1.66 1.68-2 1.9-1.96 3.82-1.25 6.78 2.55 2.9 3.74 3.17 6.77 2.22 13.12-1 6.75-.52 9.4 3.62 12.71 3.49 2.8 9.1.45 17.7-6.51 1.35-1.1 2.75-2.28 4.49-3.78l4.93-4.3c1.84-1.58 3.27-2.76 4.58-3.77 3.34-2.56 5.74-3.86 7.67-3.86 3.04 0 5.95-1.9 10.43-6.22l2.46-2.39c.94-.89 1.67-1.56 2.37-2.13 1.81-1.49 3.3-2.26 4.74-2.26 1.03 0 1.81.13 3.1.42.7.16.71.17.96.21 2.96.6 5.45-.55 11.23-6.33 2.2-2.2 4.06-4.65 7.09-9.11l1.52-2.25c4.15-6.11 6.76-9.37 10.22-12.24a23.9 23.9 0 0 1 15.88-5.7c16.87 0 18.62-7.01 6.36-17.23-5.9-4.92-8.12-9.41-6.52-12.93 1.42-3.12 5.67-4.84 11.16-4.84 9.25 0 17-8.34 17-18 0-8.94-2.88-10.79-8.36-6.23-3.94 3.28-9.98 3.59-26.67 2.68l-1.02-.06c-5.09-.27-7.99-.39-10.95-.39-8.88 0-13.76-2.14-19.18-7.5-1-.98-5.26-5.53-6.53-6.79-1.99-1.99-3.86-2.9-5.87-3-2.03-.12-3.06.18-8.15 2.07-4.15 1.55-6.9 2.22-10.27 2.22-4.33 0-6.84 1.46-9.98 5.2-.63.74-2.89 3.6-3.18 3.95a48.29 48.29 0 0 1-4.04 4.46 37.26 37.26 0 0 1-5.24 4.23c-6.26 4.17-8.9 7.91-11.95 15.58l-.57 1.43-.28.74a531.5 531.5 0 0 1-1.56 3.88 77.49 77.49 0 0 1-3.32 7c-3.16 5.88-7.82 8.97-17.63 12.96l-3.92 1.58c-1.6.64-2.84 1.15-4.05 1.67a79.2 79.2 0 0 0-8.3 4.08 54.8 54.8 0 0 0-7.35 5.02C391.12 514.78 389 518.21 389 530.31zm133.22-79.76c3.06 1.53 6.54 2.02 10.68 1.7 2.53-.2 4.91-.62 8.8-1.49 5.36-1.19 6.33-1.38 8.33-1.54 2.78-.23 4.82.17 6.29 1.4 1.58 1.31 1.96 2.72 1.26 4.22-.66 1.38-1.05 1.74-5.05 5.07-3.53 2.93-5.03 4.83-5.03 7.09 0 7.3 1.29 10.02 7.83 15.62 3.86 3.3 5.93 6.84 5.28 9.62-.75 3.25-4.96 5.02-12.61 5.02-7.18 0-12.7 4.61-20.03 14.68-.5.7-3.96 5.57-4.94 6.87a38.89 38.89 0 0 1-4.72 5.5c-1.06.98-2.09 1.7-3.1 2.15-2.85 1.26-5.05 1.57-9.83 1.74-7.66.27-10.87 1.45-14.98 7.1-1.58 2.17-3.11 4-4.68 5.6a42.87 42.87 0 0 1-8.65 6.69c-.15.08-10.69 6.19-14.8 8.83-3.76 2.42-6.45 2.04-8.22-.77-1.28-2.03-1.9-4.54-2.87-10.35-.84-5.08-1.27-7.08-2.06-8.93-.97-2.3-2.21-3.24-4.02-2.88-6.2 1.24-8.95 1.39-10.98.2-2.37-1.4-3.13-4.62-2.62-10.73.16-1.96-1.04-2.87-3.76-3.04-2.24-.13-4.9.2-9.94 1.12l-.69.12c-7.97 1.45-10.72 1.72-12.72.73-2.91-1.43-1.6-5.27 4.23-12.21 5.48-6.53 10.6-10.81 15.76-13.53 3.74-1.97 5.94-2.65 12.16-4.1 7.29-1.72 10.4-3.51 14.04-9.31 2.96-4.75 10.74-18.62 12.14-20.84 3.59-5.67 6.8-9.1 11.05-11.34 2.6-1.38 4.72-2.82 9.17-6.07l1.38-1.01c7.85-5.72 12.3-7.98 17.68-7.98 4.22 0 6.49 1.36 9.13 4.77.34.43 1.67 2.22 2 2.67.85 1.09 1.6 1.98 2.45 2.83a24.29 24.29 0 0 0 6.64 4.78zm-.44.9c-2.8-1.4-5-3.03-6.92-4.97-.87-.9-1.65-1.81-2.51-2.93-.35-.46-1.68-2.25-2.01-2.67-2.47-3.18-4.46-4.38-8.34-4.38-5.09 0-9.4 2.2-17.09 7.78l-1.38 1.01c-4.49 3.29-6.63 4.74-9.3 6.15-4.06 2.15-7.16 5.45-10.66 11-1.39 2.19-9.16 16.05-12.15 20.82-3.79 6.07-7.13 7.98-14.66 9.75-6.13 1.45-8.27 2.1-11.92 4.02-5.04 2.66-10.05 6.86-15.46 13.3-5.43 6.46-6.53 9.69-4.55 10.66 1.7.84 4.48.57 12.1-.81l.7-.13c5.12-.93 7.82-1.27 10.17-1.12 3.21.2 4.92 1.48 4.7 4.11-.48 5.76.2 8.64 2.13 9.78 1.73 1.02 4.34.88 10.27-.31 2.35-.47 4 .78 5.14 3.47.83 1.95 1.27 4 2.07 8.8l.06.36c.94 5.65 1.55 8.11 2.72 9.98 1.46 2.3 3.52 2.6 6.84.46 4.14-2.66 14.69-8.77 14.81-8.85a41.9 41.9 0 0 0 8.46-6.54 47.89 47.89 0 0 0 4.6-5.48c4.32-5.95 7.81-7.23 15.74-7.5 4.66-.17 6.76-.47 9.46-1.67.9-.4 1.85-1.06 2.84-1.96a38.03 38.03 0 0 0 4.6-5.36c.96-1.3 4.4-6.16 4.93-6.87 7.5-10.31 13.22-15.09 20.83-15.09 7.24 0 11.02-1.6 11.64-4.24.54-2.32-1.36-5.55-4.97-8.64-6.75-5.79-8.17-8.79-8.17-16.38 0-2.67 1.64-4.74 5.39-7.86 3.8-3.17 4.23-3.56 4.78-4.73.5-1.06.25-1.99-.99-3.03-2.23-1.85-4.72-1.65-13.76.36-3.93.87-6.35 1.3-8.94 1.5-4.3.34-7.97-.18-11.2-1.8zm-28-3.9c5.65-2.82 8.96-2.2 12.9 1.37.56.5 2.6 2.47 3.02 2.87 4.2 3.89 8.07 5.71 14.3 5.71 11.37 0 14 1.41 16.1 8.09.26.83 1.35 4.6 1.66 5.62.8 2.63 1.64 5.03 2.7 7.6 2.13 5.17 2.64 8.32 1.72 10.24-.77 1.61-2.1 2.18-5.37 2.79-2.32.43-2.8.53-3.85.85-1.85.58-3.35 1.4-4.6 2.66-1 1-2.02 2.13-3.31 3.66-.6.71-2.91 3.5-3.46 4.14-7.2 8.54-12.43 12.35-19.59 12.35-3.76 0-6.95 1.28-10.59 4-1.84 1.37-11.62 10.31-15.22 13.06a73.09 73.09 0 0 1-8.95 5.88c-4.58 2.54-7.35 3.22-8.98 2.23-1.32-.8-1.65-2.07-1.94-5.5a52.53 52.53 0 0 0-.16-1.81c-.54-4.73-2.24-6.86-7.16-6.86-7.11 0-8.85-1.23-9.73-5.41-.96-4.61-2.1-6.7-6.55-9.67-3.97-2.65-4.31-5.42-1.52-8.22 2-2 4.63-3.5 11.35-6.87 6.61-3.3 9.2-4.8 11.1-6.68a39.09 39.09 0 0 0 5.3-6.48c.98-1.5 1.83-3.04 2.88-5.13l2.12-4.3c.91-1.83 1.72-3.37 2.61-4.98 5.74-10.32 10.37-14.78 23.22-21.2zm-22.34 21.7c-.89 1.59-1.69 3.12-2.6 4.94l-2.11 4.3a52.9 52.9 0 0 1-2.94 5.23 40.08 40.08 0 0 1-5.44 6.63c-2 2-4.62 3.51-11.35 6.87-6.6 3.3-9.2 4.8-11.1 6.69-2.33 2.34-2.08 4.37 1.38 6.67 4.7 3.14 5.96 5.46 6.97 10.3.78 3.7 2.09 4.62 8.75 4.62 5.5 0 7.57 2.57 8.15 7.75.06.5.09.82.17 1.84.25 3.06.55 4.17 1.46 4.72 1.2.74 3.69.13 7.98-2.25a72.09 72.09 0 0 0 8.82-5.8c3.55-2.7 13.34-11.65 15.24-13.07 3.79-2.83 7.18-4.19 11.18-4.19 6.77 0 11.8-3.67 18.83-12l3.45-4.13a60.07 60.07 0 0 1 3.37-3.72 11.72 11.72 0 0 1 5.01-2.91c1.1-.34 1.6-.45 3.97-.89 2.95-.55 4.07-1.02 4.65-2.23.76-1.59.28-4.5-1.74-9.43a84.46 84.46 0 0 1-2.74-7.69c-.31-1.03-1.4-4.8-1.66-5.61-1.95-6.2-4.16-7.39-15.14-7.39-6.5 0-10.61-1.93-14.98-5.98-.44-.4-2.46-2.37-3.01-2.86-3.65-3.3-6.52-3.85-11.79-1.21-12.67 6.33-17.15 10.65-22.78 20.8zm55.86 11.93c-2.98 6.45-16.78 15.26-26.74 15.26-5.33 0-7.56-2.98-7.11-7.86.32-3.48 2.1-7.91 3.93-10.61l1.52-2.32a44.95 44.95 0 0 1 1.88-2.7c3.66-4.8 7.85-7.45 13.62-7.45 9.06 0 15.75 9.52 12.9 15.68zm-.9-.42c2.52-5.47-3.65-14.26-12-14.26-5.4 0-9.33 2.48-12.82 7.06-.6.8-1.17 1.6-1.85 2.64 0 0-1.2 1.87-1.52 2.33-1.74 2.57-3.46 6.85-3.77 10.14-.4 4.33 1.43 6.77 6.12 6.77 9.57 0 23.02-8.58 25.83-14.68zm-69.67 20.74c2.08.18 4.44.81 5.88 1.8 2.12 1.47 2.2 3.6-.26 6.05-5.14 5.15-12.85 4.34-12.85-1.35 0-4.66 3.14-6.84 7.23-6.5zm-.09 1c-3.56-.3-6.14 1.5-6.14 5.5 0 4.58 6.53 5.26 11.15.65 2.03-2.04 1.98-3.43.4-4.52-1.27-.88-3.48-1.47-5.4-1.63zm29.59-225.95c4.64 2.35 17.27 8.24 19.39 9.43a24.14 24.14 0 0 1 7.05 5.64 45.03 45.03 0 0 1 3.75 5.2c2.4 3.78.04 7.66-6.2 11.63-4.97 3.16-12.18 6.3-21.95 9.82-4.84 1.74-19.63 6.68-21.1 7.2-6.59 2.33-14.85.1-25.14-5.86-3.93-2.27-8-5-12.94-8.54-2.23-1.61-9.5-6.99-10.7-7.85a81.21 81.21 0 0 0-8.63-5.7c-4.82-2.6-4.45-6.64.17-12.13 3.27-3.88 4.17-4.67 18.1-16.33a230.2 230.2 0 0 0 8.89-7.74 95.2 95.2 0 0 0 4.72-4.66c5.08-5.43 9.8-6.49 14.97-3.92 2.24 1.1 4.53 2.85 7.43 5.52 1.48 1.37 6.94 6.72 7.98 7.7 5.2 4.91 9.46 8.2 14.2 10.6zm-.46.9c-4.85-2.45-9.18-5.79-14.44-10.76-1.05-1-6.5-6.34-7.97-7.69-2.83-2.61-5.06-4.3-7.2-5.37-4.75-2.36-9-1.4-13.8 3.71a96.18 96.18 0 0 1-4.76 4.71c-2.48 2.3-5.16 4.62-8.92 7.77-13.86 11.6-14.77 12.4-17.98 16.21-4.28 5.08-4.58 8.4-.46 10.61 2.23 1.2 4.9 2.99 8.74 5.77 1.2.87 8.47 6.24 10.7 7.85a154.8 154.8 0 0 0 12.85 8.49c10.06 5.82 18.07 7.98 24.3 5.78 1.48-.52 16.27-5.47 21.1-7.2 9.7-3.5 16.86-6.61 21.75-9.72 5.84-3.71 7.9-7.1 5.9-10.26a44.09 44.09 0 0 0-3.67-5.08 23.16 23.16 0 0 0-6.78-5.42c-2.08-1.16-14.68-7.05-19.36-9.4zm-38.83 8.05c3.11-.37 5.7-.13 8.4.7 2.15.66 2.74.93 8.64 3.77 4.75 2.29 8.39 3.86 13.19 5.56 8.38 2.97 11.32 6.23 8.83 9.76-2.08 2.94-8.04 5.92-17.84 9.18-8.45 2.82-15.48 2.35-21.43-.9-4.65-2.55-8.33-6.5-12.15-12.3-2.9-4.41-2.73-8.2.16-11.06 2.48-2.45 6.87-4.07 12.2-4.7zm.12 1c-5.13.6-9.33 2.16-11.62 4.42-2.53 2.5-2.68 5.77-.02 9.8 3.73 5.68 7.3 9.51 11.8 11.97 5.7 3.11 12.43 3.57 20.62.84 9.59-3.2 15.44-6.12 17.34-8.82 1.94-2.75-.5-5.45-8.35-8.24-4.84-1.72-8.5-3.3-13.28-5.6-5.84-2.81-6.42-3.07-8.5-3.71a18.42 18.42 0 0 0-8-.66zM202.5 500.38c0 4.78-1.45 7.56-4.43 8.93-2.29 1.05-4.55 1.23-10.79 1.2l-1.78-.01c-9.19 0-17-7.65-17-15.5 0-7.59 10.6-10.51 19.74-5.44 2.78 1.55 4.21 1.94 8.57 2.75 4.44.83 5.69 2.27 5.69 8.07zm-1 0c0-5.3-.9-6.34-4.88-7.08-4.45-.83-5.96-1.25-8.86-2.86-8.57-4.76-18.26-2.1-18.26 4.56 0 7.3 7.36 14.5 16 14.5h1.79c6.06.04 8.26-.14 10.36-1.1 2.6-1.2 3.85-3.6 3.85-8.02zm33.33-117.85c3.71-1.31 8.7-2.7 16.1-4.55 2.58-.65 16.53-4.04 20.56-5.05 19.59-4.93 31.55-8.9 38.23-13.35 14.93-9.95 36.87-33.88 43.83-47.8 2.25-4.5 4.65-6.38 7.68-6.25 1.26.06 2.61.45 4.32 1.2a50.81 50.81 0 0 1 3.54 1.7l1.26.63c4.78 2.34 8.38 3.44 12.65 3.44 7.2 0 10.01 3.07 8.35 7.91-1.4 4.06-5.92 8.91-11.1 12.02-8.3 4.98-11.75 17.3-11.75 33.57 0 3.59-1.37 6.28-3.98 8.36-1.98 1.58-4.2 2.6-8.47 4.16l-1.02.37c-4.85 1.75-6.98 2.77-8.68 4.46-5.09 5.1-12.54 7.15-20.35 7.15-1.38 0-2.47.92-3.99 3.1-.29.41-1.32 1.95-1.47 2.18-2.68 3.92-4.93 5.72-8.54 5.72-7.84 0-10.74.93-21.76 6.94-5.18 2.82-8.8 3.58-14.66 3.68-.26 0-.47 0-.92.02-4.82.06-7.12.3-10.51 1.34a73.43 73.43 0 0 0-8.89 3.56c-2.17 1-10.53 5.01-10.23 4.87-7.79 3.7-13.32 5.98-18.9 7.57-12.41 3.55-18.58 2.24-27.42-4.07-2.58-1.85-2.72-4.43-.83-7.62 1.45-2.45 3.9-5.09 8.08-8.97l1.78-1.64c3.92-3.6 4.48-4.11 5.9-5.53 2.32-2.32 3.12-3.5 5.48-7.63 1.93-3.36 3.37-5.11 6.27-7.06 2.3-1.54 5.34-2.98 9.44-4.43zm.34.94c-4.03 1.42-7 2.83-9.22 4.32-2.75 1.85-4.1 3.49-5.96 6.73-2.4 4.2-3.24 5.44-5.64 7.83-1.43 1.44-2 1.96-5.94 5.57l-1.77 1.63c-4.1 3.82-6.52 6.41-7.9 8.75-1.65 2.79-1.54 4.8.55 6.3 8.6 6.14 14.46 7.38 26.57 3.92 5.5-1.57 11-3.84 18.74-7.51-.3.14 8.06-3.88 10.24-4.88a74.3 74.3 0 0 1 9.01-3.6c3.51-1.09 5.89-1.33 10.8-1.4h.91c5.72-.1 9.18-.83 14.2-3.57 11.16-6.08 14.2-7.06 22.24-7.06 3.19 0 5.2-1.6 7.71-5.28l1.48-2.2c1.7-2.43 3-3.52 4.81-3.52 7.57 0 14.78-2 19.65-6.85 1.83-1.84 4.04-2.9 9.04-4.7l1.02-.37c8.6-3.13 11.79-5.67 11.79-11.58 0-16.6 3.53-29.2 12.24-34.43 5-3 9.35-7.67 10.66-11.48 1.42-4.13-.83-6.59-7.4-6.59-4.45 0-8.19-1.14-13.09-3.54-7.52-3.67-6.78-3.34-8.72-3.43-2.58-.1-4.65 1.52-6.74 5.7-7.04 14.07-29.1 38.14-44.17 48.19-6.81 4.54-18.84 8.52-38.55 13.48-4.03 1.02-17.98 4.4-20.56 5.05-7.37 1.84-12.33 3.23-16 4.52zM252 387.5c2.08 0 4-.2 7.25-.69 5.22-.77 6.64-.9 8.46-.5 2.52.56 3.79 2.35 3.79 5.69 0 4.05-2.27 7.29-6.62 10.11-3.24 2.1-6.53 3.53-14.15 6.4l-.27.1-2.28.86c-3.04 1.16-5.27 2.52-9.33 5.43l-.8.57c-8.19 5.88-13.35 8.03-23.05 8.03-4.98 0-6.88-2.03-5.75-5.62.87-2.81 3.58-6.56 7.8-11.13 1.26-1.37 2.64-2.8 4.15-4.3 3.17-3.14 11.25-10.61 11.45-10.8.46-.47.93-.89 1.4-1.26 3.38-2.71 5.77-3.08 14.18-2.93 1.65.03 2.63.04 3.77.04zm0 1c-1.15 0-2.13-.01-3.79-.04-8.18-.14-10.4.2-13.54 2.71-.44.35-.88.74-1.32 1.18-.2.21-8.3 7.69-11.45 10.82a134.6 134.6 0 0 0-4.12 4.26c-4.12 4.47-6.76 8.12-7.58 10.75-.9 2.88.45 4.32 4.8 4.32 9.46 0 14.44-2.07 22.46-7.84l.8-.57c4.13-2.96 6.42-4.36 9.56-5.56l2.3-.86.25-.1c7.55-2.84 10.8-4.25 13.97-6.3 4.08-2.65 6.16-5.6 6.16-9.27 0-2.89-.97-4.26-3-4.7-1.65-.37-3.05-.25-8.1.5-3.3.5-5.26.7-7.4.7zm112.47-45.34c-1.88 5.44-1.98 6.76-.98 12.76 1.18 7.06-1.38 16.58-5.49 16.58a16.89 16.89 0 0 0-1.51.07l-.64.04c-2.86.18-4.83.17-6.94-.17-6.55-1.06-10.41-5.14-10.41-13.44 0-13.9 2.14-19.69 8.13-26.33a21.9 21.9 0 0 0 2.52-3.75c.59-1.03 2.78-5.13 2.72-5.01 4.44-8.14 7.71-11.53 12.25-10.4 1.17.3 2.2.77 3.58 1.59l1.39.84a20 20 0 0 0 3.1 1.6c.7.27 1.8.32 4.75.26l.72-.01c3.16-.05 4.78.08 5.83.66 1.61.89 1.2 2.56-1.14 4.9a215.9 215.9 0 0 1-3.86 3.76c-10.6 10.1-12.75 12.4-14.02 16.05zm-.94-.32c1.34-3.9 3.46-6.17 14.27-16.46 1.55-1.47 2.73-2.62 3.85-3.73 1.94-1.95 2.17-2.88 1.35-3.33-.82-.45-2.37-.58-5.32-.53l-.72.01c-3.14.06-4.26.02-5.14-.34-1.06-.41-1.97-.9-3.25-1.67l-1.38-.83a12.1 12.1 0 0 0-3.31-1.47c-3.88-.97-6.92 2.17-11.13 9.9.07-.13-2.14 3.98-2.73 5.02a22.71 22.71 0 0 1-2.65 3.92c-5.81 6.47-7.87 12-7.87 25.67 0 7.79 3.48 11.47 9.57 12.45 2.01.33 3.92.34 6.71.16a371.33 371.33 0 0 0 1.23-.07c.42-.03.73-.04.99-.04 3.2 0 5.6-8.9 4.5-15.42-1.02-6.16-.91-7.64 1.03-13.24zm-9.26 12.42c.58.52 2.5 1.9 2.55 1.93 1.96 1.57 2.04 3.31.01 6.36-3.74 5.64-8.83 3.09-8.83-4.55 0-3.81.51-5.67 2.07-6.02 1.18-.26 2 .3 4.2 2.28zm-1.34 1.48c-1.5-1.35-2.23-1.85-2.43-1.8-.17.03-.5 1.23-.5 4.06 0 5.87 2.67 7.21 5.17 3.45 1.5-2.26 1.47-2.84.4-3.7.03.03-1.95-1.4-2.64-2zm222.9-130.19c2.2-1.1 3.67-1.66 5.88-2.36l.28-.09a48.92 48.92 0 0 0 8.79-3.55c4.17-2.08 6.35-1.88 6.96.84.44 2 .2 4.01-1.25 12.7-2.27 13.62-9.16 26.14-21.17 36.3-4.3 3.63-7.41 4.39-9.75 2.44-1.88-1.57-3.1-4.57-4.61-10.48-.3-1.15-1.43-5.83-1.72-6.96a114.18 114.18 0 0 0-2.71-9.22c-2.4-6.82-3.03-10.78-2.1-12.94.77-1.83 2.08-2.24 5.6-2.45 1.49-.09 2.09-.14 2.97-.28l1.95-.33c.72-.12 1.22-.2 1.68-.29 1.1-.2 1.92-.38 2.71-.6 1.7-.49 3.42-1.2 6.49-2.73zm.44.9c-3.11 1.54-4.88 2.29-6.65 2.79-.84.23-1.69.42-2.81.63a108.77 108.77 0 0 1-3.81.63c-.77.13-1.39.19-2.92.28-3.13.18-4.17.51-4.74 1.85-.78 1.84-.2 5.62 2.13 12.2a115.12 115.12 0 0 1 2.74 9.31l1.72 6.96c1.46 5.7 2.62 8.58 4.28 9.96 1.87 1.56 4.49.93 8.47-2.44 11.82-10 18.6-22.3 20.83-35.7 1.4-8.45 1.65-10.51 1.25-12.31-.41-1.87-1.86-2-5.54-.16a49.87 49.87 0 0 1-8.93 3.6l-.28.1a35.4 35.4 0 0 0-5.74 2.3zm-4.5 6.58c1.37-.32 2.5-.75 3.9-1.42.35-.18 2.57-1.31 3.32-1.67 1.5-.71 2.97-1.31 4.7-1.89 2.7-.9 4.64-.77 5.88.4.98.94 1.34 2.26 1.41 4.18.02.4.02.7.02 1.37 0 5.63-4.63 16.88-11.34 22.75-4.34 3.8-7.31 4.67-9.92 2.52-2.06-1.7-3.5-4.65-6.67-12.91-1.86-4.83-2.05-8.1-.68-10.2 1.12-1.7 2.9-2.36 5.83-2.7l1.26-.12c1.19-.12 1.75-.19 2.3-.31zm-2.1 2.3l-1.22.12c-2.4.27-3.7.76-4.39 1.81-.93 1.43-.78 4.1.87 8.38 3.02 7.84 4.41 10.71 6.08 12.09 1.63 1.34 3.64.75 7.33-2.48C584.6 250.77 589 240.08 589 235c0-.64 0-.93-.02-1.29-.05-1.44-.3-2.33-.79-2.8-.6-.57-1.8-.65-3.87.04a37.95 37.95 0 0 0-4.47 1.8c-.72.34-2.93 1.47-3.32 1.66a19.54 19.54 0 0 1-4.3 1.56c-.66.16-1.28.24-2.56.36zm-227.73-88.98c-1.59 4.3-3.54 7.25-7.14 11.4l-2.6 2.97a67.02 67.02 0 0 0-2.63 3.23 46.4 46.4 0 0 0-4.68 7.5c-2.85 5.7-7.14 10.18-12.85 13.89-4.25 2.76-8.25 4.62-15.67 7.59-11.01 4.4-16.43 1.26-27.22-16.4-2.86-4.69-8.8-8.63-17.98-12.66-3-1.33-12.88-5.24-14.43-5.92-4.96-2.18-7.04-3.72-6.42-5.85.67-2.32 5.3-4.05 15.48-6.08 16.63-3.32 26.93-3.82 39.93-3.02 7.9.49 9.67.5 12.74-.26 1.99-.48 3.92-1.3 6-2.6l2.79-1.71c9.86-6.14 12.94-7.96 17.3-9.9 6.03-2.71 10.57-3.32 13.94-1.4 7.2 4.12 7.68 7.7 3.44 19.22zm-1.88-.7c3.95-10.7 3.6-13.26-2.56-16.78-2.66-1.52-6.62-.99-12.12 1.48-4.24 1.9-7.3 3.7-17.07 9.77l-2.79 1.73a22.6 22.6 0 0 1-6.57 2.84c-3.36.81-5.22.8-13.34.3-12.84-.78-22.97-.29-39.41 3-4.9.97-8.45 1.88-10.79 2.75-2.03.76-3.04 1.45-3.17 1.91-.16.57 1.48 1.79 5.3 3.46 1.5.67 11.39 4.58 14.44 5.93 9.52 4.19 15.74 8.3 18.87 13.44 10.35 16.93 14.87 19.56 24.78 15.6 7.3-2.93 11.21-4.75 15.33-7.42 5.42-3.53 9.47-7.75 12.15-13.1 1.44-2.9 3.02-5.4 4.86-7.82a68.95 68.95 0 0 1 2.72-3.33l2.6-2.97c3.46-3.99 5.28-6.75 6.77-10.79zm-6.64-.39c-7.94 12.8-18.53 21.75-33.3 25.23-7.82 1.83-12.47-.79-13.12-5.93-.55-4.45 2.29-9.06 6-9.06 3.02 0 5.6-1.68 15.38-9.16 1.47-1.12 2.57-1.96 3.66-2.74 4.4-3.2 7.77-5.17 10.82-6.08 5.57-1.67 9.33-2.15 11.35-1.22 2.5 1.14 2.22 4.13-.79 8.96zm-.84-.52c2.72-4.4 2.94-6.74 1.21-7.53-1.71-.79-5.32-.33-10.65 1.27-2.9.87-6.2 2.79-10.51 5.92-1.08.79-2.18 1.62-3.65 2.74-10.08 7.72-12.62 9.36-15.98 9.36-3.02 0-5.5 4.02-5 7.94.56 4.5 4.62 6.78 11.89 5.07 14.48-3.4 24.86-12.18 32.69-24.77zM461.17 33.53c13.88 4.96 20.75 4.96 31.62.01 3.02-1.37 5.47-2.94 11-6.82 5.57-3.92 8.05-5.51 11.14-6.92 4.14-1.88 7.78-2.38 11.22-1.28 3.92 1.26 6.2 12.3 6.78 28.45.5 14.2-.52 28.93-2.46 34.2-1.82 4.93-5.86 8.17-11.51 10.02A41.7 41.7 0 0 1 506 93.01c-5.79 0-9 2.4-12.2 7.64-.37.59-1.55 2.6-1.71 2.87-1.75 2.9-3.05 4.33-4.93 4.95-.94.32-2.07.83-3.87 1.74l-2.43 1.23c-1.03.53-1.87.94-2.7 1.34-6.43 3.1-11.73 4.72-17.16 4.72-5.71 0-10.04 2.09-14.02 5.92-1.16 1.11-4.2 4.53-4.63 4.94-2.54 2.44-5.93 4.24-10.85 6.1-1.4.52-5.98 2.13-6.25 2.22l-2.06.78c-.89.36-1.78.63-2.7.81-5.55 1.14-11.14-.54-17.98-4.42-1.27-.73-5.13-3.06-5.76-3.42-2.05-1.16-4.12-1.53-9.09-1.9l-1.73-.15c-4.78-.4-7.68-1.14-10.22-2.97-5-3.61-6.77-7.76-5.65-12.33 1.33-5.42 6.5-11.02 14.85-17.28a169.2 169.2 0 0 1 6.5-4.61c-.33.23 4.33-2.92 5.3-3.6 2.73-1.91 4.8-3.9 12.75-12.04l1.09-1.1c3.49-3.56 5.89-5.89 8.12-7.83 2.9-2.5 4.72-5.95 7.5-13.05l.63-1.61c2.7-6.92 4.28-10 6.87-12.33 1.42-1.28 6.68-6.54 7.93-7.5 3.98-3 8.01-2.73 19.57 1.4zm-.34.94c-11.26-4.02-15-4.28-18.62-1.53-1.19.9-6.4 6.11-7.88 7.43-2.42 2.18-3.96 5.19-6.6 11.95l-.63 1.61c-2.83 7.26-4.72 10.8-7.77 13.45a141.85 141.85 0 0 0-9.16 8.87c-8.02 8.2-10.08 10.2-12.88 12.16-.99.69-5.65 3.84-5.31 3.6-2.5 1.71-4.52 3.13-6.47 4.59-8.17 6.13-13.23 11.6-14.48 16.72-1.02 4.15.58 7.9 5.26 11.27 2.36 1.7 5.11 2.4 9.72 2.8l1.73.13c5.12.4 7.28.78 9.5 2.05.65.36 4.5 2.7 5.76 3.4 6.66 3.78 12.04 5.4 17.29 4.32.86-.17 1.7-.42 2.52-.75a67 67 0 0 1 2.1-.8c.28-.1 4.86-1.7 6.24-2.22 4.8-1.8 8.08-3.56 10.5-5.88.4-.38 3.44-3.8 4.63-4.94 4.16-4 8.72-6.2 14.72-6.2 5.25 0 10.42-1.59 16.73-4.62.82-.4 1.65-.8 2.68-1.33.12-.06 1.93-.99 2.43-1.23 1.84-.93 3-1.46 4-1.8 1.6-.52 2.76-1.82 4.39-4.52l1.7-2.88c3.39-5.5 6.87-8.11 13.07-8.11 4.45 0 8.73-.49 12.64-1.77 5.4-1.76 9.2-4.8 10.9-9.41 1.87-5.11 2.9-19.75 2.39-33.83-.56-15.53-2.81-26.48-6.08-27.52-3.18-1.02-6.57-.55-10.5 1.23-3.02 1.37-5.47 2.94-11 6.83-5.57 3.92-8.05 5.5-11.14 6.92-11.13 5.05-18.26 5.05-32.38.01zM475 55c5.38 0 7.55-.21 9.72-.96 1.26-.43 9.95-4.8 14.88-6.96 1.9-.82 3.56-2.44 6.6-6.04 2.56-3.04 3.19-3.75 4.4-4.84 3.7-3.35 7.07-3.28 10.22 1.23 6.23 8.9 5.61 15.94.07 27.02a71.26 71.26 0 0 0-2.5 5.48c-.32.8-1 2.7-1.09 2.9-.17.45-.34.81-.54 1.17-.63 1.14-1.56 2.21-4.05 4.7-2.4 2.4-5.16 3.27-11.68 4.33-1.81.3-2.2.36-3 .51-6.02 1.1-9.6 2.69-12.24 6.07-3.57 4.59-7.9 7.48-14.98 10.74-.55.24-1.1.5-1.8.8l-1.78.8a60.08 60.08 0 0 0-7.7 3.9c-2.57 1.6-4.79 2.35-9.42 3.46-8.58 2.06-12.28 3.76-17.37 9.36-5.12 5.64-10.17 7.64-16.63 6.7-5.36-.79-10.63-3.01-23.56-9.48-6.3-3.15-6.43-7.78-1.5-13.56 3.38-3.94 3.52-4.06 19.4-16.44 8.12-6.33 12.97-10.57 16.63-14.88 2.53-2.98 4.2-5.73 4.96-8.3 5.5-18.3 12.5-21.98 22.78-15.56 1.95 1.22 6.61 4.55 7.18 4.9 3.36 2.15 6.52 2.95 13 2.95zm0 2c-6.84 0-10.37-.89-14.08-3.26-.63-.4-5.27-3.71-7.16-4.9-9.05-5.65-14.66-2.7-19.8 14.45-.86 2.87-2.67 5.85-5.35 9.01-3.78 4.45-8.7 8.75-16.94 15.17-15.66 12.21-15.86 12.38-19.1 16.16-4.17 4.9-4.09 8 .88 10.48 12.71 6.35 17.89 8.54 22.94 9.28 5.78.84 10.18-.9 14.87-6.06 5.42-5.96 9.45-7.82 18.38-9.96 4.43-1.07 6.5-1.76 8.83-3.22a61.7 61.7 0 0 1 7.94-4.02l1.78-.8 1.78-.8c6.82-3.13 10.91-5.87 14.24-10.14 3-3.87 7-5.64 13.46-6.82.83-.15 1.21-.21 3.04-.51 6.1-1 8.6-1.78 10.58-3.77 2.36-2.36 3.21-3.34 3.72-4.26.15-.27.29-.56.44-.94.06-.15.75-2.06 1.09-2.9.64-1.6 1.45-3.4 2.57-5.64 5.24-10.49 5.8-16.8.07-24.98-2.4-3.44-4.37-3.48-7.24-.89-1.11 1-1.73 1.7-4.22 4.65-3.24 3.85-5.04 5.59-7.32 6.59-4.82 2.1-13.62 6.53-15.03 7.01-2.44.84-4.79 1.07-10.37 1.07zm-12.7 8.6c5.47 3.9 10.34 3.72 18.23.88 5.39-1.94 5.92-2.1 7.7-2.1 2.5-.01 4.21 1.36 5.24 4.46 1.66 4.98-2.32 8.52-12.3 12.68-2.7 1.13-16.25 6.18-20 7.73-7.86 3.24-13.93 6.42-18.87 10.15-13.02 9.84-18.36 11.93-23.71 9.68a24.67 24.67 0 0 1-3.62-1.98l-1.99-1.28a90.4 90.4 0 0 0-2.24-1.4c-3.33-2-2.82-4.28.85-7.34 1.35-1.13 10.66-7.61 13.53-9.91 7.1-5.69 11.91-11.47 14.41-18.34 3.07-8.45 4.89-12.1 6.8-13.39 1.73-1.16 3.36-.53 6.18 1.9.63.56 3.4 3.08 4.11 3.7 1.93 1.7 3.71 3.15 5.67 4.55zm-.6.8c-1.98-1.42-3.79-2.88-5.74-4.6-.73-.64-3.48-3.16-4.1-3.7-2.5-2.16-3.75-2.65-4.97-1.83-1.66 1.11-3.44 4.7-6.42 12.9-2.57 7.07-7.5 12.99-14.72 18.78-2.91 2.33-12.21 8.8-13.52 9.9-3.22 2.68-3.56 4.17-.97 5.72l2.26 1.4 1.99 1.28c1.47.93 2.48 1.5 3.47 1.91 4.9 2.07 9.96.07 22.72-9.56 5.02-3.79 11.15-7 19.1-10.28 3.76-1.55 17.3-6.6 20-7.72 9.5-3.97 13.14-7.2 11.73-11.44-.9-2.71-2.25-3.8-4.3-3.79-1.6 0-2.15.17-7.36 2.05-8.17 2.94-13.34 3.14-19.16-1.01z'%3E%3C/path%3E%3C/svg%3E");
      background-repeat: no-repeat;
      background-size: 150%;
      background-position: center;
      border: 1px solid white;
      border-radius: 50% 50% 50% 50%;
      margin: 0 auto;
      filter: hue-rotate(45deg) brightness(2.5);
  }
  
  body {font-style:normal;font-weight:400;border-radius: 5px;
      background-color:rgb(9,9,9);
      background-image:url("https://scp-wiki.wdfiles.com/local--files/scp-7079/extra.png");
      background-attachment: fixed;
      background-repeat: no-repeat;
      background-size:cover;}
  
  .authorbox, .authorcontent {background: #150710; color:#e9efec; width:300px; border: 1px solid white;border-radius:19px;}
  
  #page-content .authorbox {width:auto;} 
  
  :root {
  --logo:url(https://scp-wiki.wdfiles.com/local--files/scp-7079/synec.png);
  --title:"R.S. SYNECDOCHE";
  --subtitle:"SEPARATION CREATES PERSPECTIVE";
  --barColor:rgb(237 237 237);
  --turbo-block-border-width: 16px;
  --ACS-font: 'Poppins', sans-serif;
  --body-font-primary: 'Zen Kaku Gothic Antique', sans-serif;
  --swatch-menutxt-dark-color: 0, 0, 0;
  --scrollbar-track-color: 0,0,0;
  --mono-font-fallback: 'VT323', monospace;
  --admo-color-bright: 0, 77, 46;
  --admo-color-alt: 143, 128, 140;
  --basalt-main-text-color: 250, 249, 246;
  --header-font: 'Poppins', sans-serif;
  }
  
  .footnotes-footer {margin-top: none;}		
  .rate-points, .page-rate-widget-box > *, .rate-box-with-credit-button, #page-content .page-rate-widget-box .rate-points {background:#211e20;}
  #footnoteref-14 {pointer-events:none;}
  #footnote-1,#footnote-2,#footnote-3,#footnote-4,#footnote-5,#footnote-6,#footnote-7,#footnote-8,#footnote-9,#footnote-10,#footnote-11,#footnote-12,#footnote-13,#footnote-15{visibility: hidden;display: none;}
  @media screen and (min-width: 991px) {
  .limit{margin-bottom: -1rem;}
  .anchor{position: sticky; height: 0;top: 0;}
  .sidebox {position: absolute;width: calc((100vw - 921.2px) / 2);max-height: calc(100vh - 18rem);margin: 0 8px 0 0;padding: .14rem;box-sizing: border-box; overflow: auto;z-index: 5;}
  .sidebox{ top: 0;left: 103.5%;padding-left: 1em;}
  .tabla {display:block;}
  .antitabla {display:none;}
  }
  @media screen and (max-width: 990px) {
  .tabla {display:none;}
  .antitabla {display:block;border: 1px solid white; border-radius:10px;}
  }
  .fakeprot .mailform-box .buttons{display:none;}
  .fakeprot + .collapsible-block .collapsible-block-link {padding: 0.1em 0.5em;text-decoration: none;background-color: #F4F4F4;border: 1px solid #AAA;color: #000;}
  .fakeprot + .collapsible-block .collapsible-block-link:hover {background-color: #DDD;color: #000;}
  .fakeprot + .collapsible-block .collapsible-block-link:active {background-color: #DDD;color: #000;}
  .fakeprot + .collapsible-block .collapsible-block-unfolded-link{margin:0.5em 0;text-align: center;}
  .fakeprot + .collapsible-block .collapsible-block-folded{margin:0.5em 0;text-align: center;}
  .fakeprot .passw input[type=text] {text-security:disc;-webkit-text-security:disc;-mox-text-security:disc;}
  .mailform-box td:first-child {width: 80px;}
  .special {border-bottom: none;box-shadow: none;}
  .inlay {margin: 0.1rem 0.1rem 1.5rem 0.1rem;background: black;}
  
  div.f-footer:nth-of-type(9):after {
  content: '(and stop asking' !important;
  }
  
  
  .hovertip .content .footnote .f-footer, .hovertip .content .reference .r-footer {}

  Pages using this styling

  • scp-7079 [info]

  ¶ 1 occurrence
  

  a.collapsible-block-link { font-weight: bold;}

  Pages using this styling

  • scp-7077 [info]

  ¶ 1 occurrence
  

  
  :root{
       --titleColor: hsl(0, 0%, 95%);
       --subtitleColor: hsl(60, 62%, 85%);
       --lgurl: url(https://cdn.discordapp.com/attachments/689304077280215107/1021632930273054780/unknown.png);
  }
  
   #header::before{
       position: absolute;
       width: 100%;
       height: 100%;
       content: "";
   
       background-image: var(--lgurl);
       background-position: center top;
       background-repeat: no-repeat;
       background-size: auto 8.5em;
       margin-top: 0.5em;
       opacity: .46;
  }
   
  #header h1 a::before {
      content: var(--header-title, "SCP Foundation");
  }
  
  #header h2::before {
      content: var(--header-subtitle, "Secure, Contain, Protect");
  }
  
  #header h1 a::before{
       text-shadow: 4px 4px 4px hsla(0, 0%, 0%, .8);
  }
  
   #header h2::before{
       text-shadow: 3px 3px 3px hsla(0, 0%, 0%, .9);
  }
  
   #header h1 a::before{
       font-family: BauhausLTDemi, 'Nanum Gothic', Arial, sans-serif;
       font-size: 115%;
  }
  
   #header h2::before{
       font-family: 'Trebuchet MS', Arial, sans-serif;
  }
  
  .danke {
      padding: 5px 5px 5px 15px;
      margin-bottom:10px;
      font-family: monospace;
      font-size: 1.1em; 
  }
  
  .agent {
      background-color:#002200;
      border: 3px solid #55AA55;
      color: #77CC77;
  }
  
  .site {
      background-color:#222200;
      border: 3px solid #AAAA55;
      color: #DDDD77;
  }
  

  Pages using this styling

  • scp-7074 [info]

  ¶ 1 occurrence
  

  #header h1 a{
      display: block;
      margin: 0;
      padding: 80px 0 25px;
      line-height: 0;
      max-height: 0;
      color: transparent;
      background: transparent;
      font-family: 'Verdana', Arial, sans-serif;
      text-decoration: none;
      text-shadow: none;
      letter-spacing: 0.9px;
  }
  #header h1 a::before{
      content: "SCP Foundation";
      color: white;
      letter-spacing: -0.02em;
      text-shadow: 3px 3px 5px black;
  }
  #header h2 span{
      display: block;
      margin: 0;
      padding: 19px 0;
      line-height: 0;
      max-height: 0;
      font-weight: bold;
      color: transparent;
      text-shadow: none;
  }
  #header h2 span::before{
      content: 'Solving Christmastime Predicaments';
      color: white;
      text-shadow: 1px 1px 1px black;
  }
  .footnotes-footer {
      visibility: hidden;
      height: 0;
      padding: 0;
      margin: 0;
  }

  Pages using this styling

  • scp-7072 [info]

  ¶ 1 occurrence
  

  
  #page-content .license-box .collapsible-block {
      display: unset;
      text-align: unset;
      padding: unset;
      background-color: unset;
      border-top: unset;
      border-bottom: unset;
  }
  
  #page-content .license-box .collapsible-block .collapsible-block-content {
      text-align: unset;
  }

  Pages using this styling

  • scp-7070 [info]

  ¶ 1 occurrence
  

  :root {
      --timeScale: 0;
      --timeDelay: 0s;
  }

  Pages using this styling

  • scp-7069 [info]

  ¶ 1 occurrence
  

  div.clioblock{
  border: double 5px #BAFFAD;
  background-color: #F4F4F4;
  margin-left: auto;
  margin-right: auto;
  margin-top: 12px;
  padding-left: 12px;
  padding-right: 12px;

  Pages using this styling

  • scp-7056 [info]

  ¶ 1 occurrence
  

  :root {
  --problem: 241, 167, 92
  }
  div.console{
      background-color: black;
      border: double 3px #80FF80;
      margin-top: 18px;
      margin-bottom: 12px;
      padding-left: 18px;
      padding-right: 18px;
      color: #80FF80;
      font-family: monospace;
      font-size: 12pt;
  }
  div.console::before{content:"43NET COMMAND PROMPT";
  border: double 3px #80FF80;
  margin: auto;
  width: 50%;
  color: #80FF80;
  background-color: black;
  padding: 1px 3px;
  font-weight: bold;
  letter-spacing: 2px}
  }

  Pages using this styling

  • scp-7056 [info]

  ¶ 1 occurrence
  

  :root{
      --header-title: "Site-47";
      --header-subtitle: "Containment in the Inland Empire Since 1923";
      --lgurl: url(https://i.imgur.com/luBORD2.png%22);
      --titleColor: hsla(211, 100%, 43%, 1);
      --subtitleColor: hsla(211, 100%, 43%, 1);
      --accentColor: hsla(211, 100%, 43%, 1);
      --accentColorLite: hsla(0, 100%, 60%, 0.5);
      --hue: rgba(0, 255, 255);
  }
  .page {
      display: block;
      overflow: hidden;
      font-family: "Monotype Corsiva", "Bradley Hand ITC", sans-serif;
      font-style: normal;
      background-attachment: scroll;
      background-clip: border-box;
      background-color: transparent;
      background-image: linear-gradient(to top ,rgb(202, 219, 228) 0%, rgb(231, 233, 220) 8%);
      background-origin: padding-box;
      background-position: 0px 8px;
      background-repeat: repeat;
      background-size: 100% 20px;
      border: 1px solid #CCC;
      border-radius: 10px;
      padding: 10px 10px;
      margin-bottom: 10px;
      box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2)
  }
  .page p,
  .page ul {
      line-height: 20px;
      margin: 0;
  }

  Pages using this styling

  • scp-7049 [info]

  ¶ 1 occurrence
  

  
  @import url(https://fonts.bunny.net/css2?family=Fira+Code&display=swap);
  
   :root{
     --subtitleColor: #D4CEFF;
     --lgurl: url(https://scp-wiki.wikidot.com/local--files/scp-7020/7k%20logo%20bigger.png);
  }
  
   #header::before{
       background-size: auto 8.5em;
       margin-top: 0.5em;
       opacity: .44;
  }
  
   #header h1 a::before{
       font-family: BauhausLTDemi, 'Nanum Gothic', Arial, sans-serif;
       font-size: 115%;
  }
  
   #header h2::before{
       font-family: 'Trebuchet MS', Arial, sans-serif;
  }
  
  #header h1 a::before {
      content: "SCP Foundation";
  }
  
  #header h2::before {
      content: "Secure, Contain, Protect";
  }
  
   #header h1 a::before{
       text-shadow: 4px 4px 4px hsla(0, 0%, 0%, .8);
  }
   #header h2::before{
       text-shadow: 3px 3px 3px hsla(0, 0%, 0%, .9);
  }
  
  .page-source, tt{
      font-family: "Fira Code", monospace;
      font-size: 0.87rem;
  }
   .code pre, .code p, .code {
      font-family: "Fira Code", monospace;
      font-size: 0.87rem;
  }
  
   .lite-heading {
     /* -- Special Heading Area -- */
       margin: 3rem -5.5%;
       padding: 0 5.5%;
       background:
          linear-gradient(
            to right,
            #1A1A1A,
            #000000,
            #1A1A1A);
  }
  
   .lite-heading hr {
       width: unset;
       height: .3rem;
       margin: 0 -5.5%;
       background:
          linear-gradient(
            to right,
            #1A1A1A,
            #9179E7,
            #1A1A1A);
       border: 0;
       border-radius: 5px;
  }
  
  div#extra-div-1 {
      height: 140px;
      width: 100%;
      top: 0;
      position: absolute;
      background: url("https://scp-wiki.wikidot.com/local--files/scp-7020/7k%20header%20improved.png");
      background-size: cover;
      background-position: 50% 50%;
  } 
   
  div#container-wrap {
      background-image: url(none);
  }
  
  div#extra-div-2 {
      height: 22px;
      width: 100%;
      top: 140px;
      position: absolute;
      background-color: #525252;
      background-image: linear-gradient(to bottom,
        #525252,
        #3D3D3D);
  } 
  
  div.quote{
  color: #EDEDED; float: center; border: dashed 1px #343434; background:#343434; padding: 1px 10px; margin-top: 1.5em; margin-bottom: 1.5em;
  }
  

  Pages using this styling

  • scp-7020 [info]

  ¶ 1 occurrence
  

  .header-container {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    flex-wrap: wrap;
    position: relative;
    justify-content: space-around;
    align-content: space-between;
    width: 100%;
    left: 0;
    align-items: flex-start;
    row-gap: 2px;
  }
  .text-item {
    flex-grow: 1;
    max-width: 25%;
    text-align: center;
  }

  Pages using this styling

  • scp-7017 [info]

  ¶ 1 occurrence
  

  .orderwrapper {position: relative;width: auto;text-align: center;}.council1 {position: relative;top: 0;bottom: 0;left: 0;right: 0;width: 295px;height: 295px;margin: auto;background-size: 295px 295px;background-repeat: no-repeat;background-position: center;}.ordertitle {position: absolute;left: 0;right: 0;top: 38px;}.ordertitle h1 {font-size: 220%;color: #FFFFFF;}.orderdescription {position: absolute;left: 0;right: 0;top: 85px;width: 100%;}.orderdescription p {font-size: 90%;color: #FFFFFF;}.orderdescription h1 {font-size: 120%;color: #FFFFFF;}.itemno {position: absolute;left: 0;right: 0;bottom: 27px;}.itemno h1 {font-size: 170%;color: #555;}

  Pages using this styling

  • scp-7015 [info]

  ¶ 1 occurrence
  

  
  
  hr {
      margin: 1em 1em;
      padding: 0;
      height: 0;
      border-top: solid 3px;
  }
  
  }
  #page-title {
    display: none;
  }
  
  .footnotes-footer {
  
    display: none;
  }

  Pages using this styling

  • scp-7014 [info]

  ¶ 1 occurrence
  

  .material-box {padding: .01em 16px;margin-bottom: 16px;margin-top: 16px;padding-bottom: 0.6em;border: 1px #bbbbbb solid;box-shadow: 1px 2px 2px 0 rgba(0,0,0,0.16);}
  .footnotes-footer {display:none;}
   :root{
     --header-subtitle: "To Secure, Contain, and Protect";
     --subtitleColor: #990012;
     --lgurl: url(URL_HERE);
  }
  #side-bar {background-color: #ddd;}

  Pages using this styling

  • scp-7013 [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Cinzel+Decorative:wght@900&display=swap');
  
  div#page-title {
      display:none;
  }
  .authorlink-wrapper > a::before {
      color: black !important;
  }
  #header h1 a::before {
      content: "SiMuLaCRUm";
      font-family: 'cinzel decorative';
  }
  #header h2::before {
      content: "";
  }
  #header {
      background-image: url("http://scp-wiki.wikidot.com/local--files/scp-7012/crown.png");
      opacity: 80%;
  }
  span.blue {
  max-width: 300px;
  border-radius: 15px;
  padding: 4px 8px;
  display: inline-block;
  text-align: left; float:right;
  background-color: #3578e5;
  color: #f5f5f5;
  }
  span.green {
  max-width: 300px;
  border-radius: 15px;
  padding: 4px 8px;
  display: inline-block;
  text-align: left; float:left;
  background-color: #00A300;
  color: #f5f5f5;
  }

  Pages using this styling

  • scp-7012 [info]

  ¶ 1 occurrence
  

  @import url(https://fonts.googleapis.com/css2?family=Quintessential&display=swap);
  
  /* HEADER */
   :root {
     --header-title: "War on All Fronts";
     --header-subtitle: "We're Going To Need a Bigger Boat";
     --titleColor: hsl(252, 6%, 69%);
     --subtitleColor: hsl(252, 6%, 69%);
     --lgurl: url(https://scp-wiki.wdfiles.com/local--files/theme%3Awar-on-all-fronts-sigma/mksjrpride.png);
  
     --header-font: "Montserrat", "Arial", sans-serif;
     --strong-blue: hsl(245, 100%, 37%);
  
     --fnColor: var(--strong-blue);
  }
  
   #header::before {
       opacity: .83;
  }
  
   #header h1 a::before,
   #header h2::before {
       font-family: "Saira Stencil One", cursive;
       font-variant: small-caps;
  }
  
   #header h1 a::before {
       text-shadow: 3px 3px 5px hsl(0, 0%, 0%);
  }
  
   #header h2::before {
       text-shadow: 1px 1px 1px hsla(0, 0%, 0%, .8);
  }
  
   #page-title,
   #breadcrumbs{
       display: none;
  }
  
   .meta-title {
       color: hsl(238, 39%, 28%);
       border-color: hsl(238, 39%, 28%);
       font: small-caps 1.95rem "Saira Stencil One", cursive;
       text-align: center;
  }
  
  /* FORMATTING */
   .scp-image-block {
       box-shadow: none;
  }
  
   .w-container {
       box-shadow: none !important;
  }
  
   h1, h2, h3, h4, h5, h6 {
       font-family: var(--header-font);
       font-weight: bold;
  }
  
  tt {
       font-size: 110%;
  }
  
  /* DIV BLOCKS */
   .lite-heading {
     /* -- Special Heading Area -- */
       margin: 3rem -5.5%;
       padding: 0 5.5%;
       background: hsl(0, 0%, 90%);
  }
  
   .lite-heading hr {
       width: unset;
       height: .3rem;
       margin: 0 -5.5%;
       background:
          linear-gradient(
            to right,
            hsl(0, 0%, 0%),
            hsl(257, 100%, 16%),
            hsl(240, 100%, 20%),
            hsl(257, 100%, 16%),
            hsl(0, 0%, 0%));
       border: 0;
       border-radius: 5px;
  }
  
   .entry {
       margin: .8rem 0;
       padding: .8rem;
       background: hsl(0, 100%, 100%);
       border: .0625rem solid hsla(0, 0%, 5%, .15);
       border-left: .25rem solid hsl(245, 100%, 26%);
  }
  
   .entry.sep {
       margin: -10px 0;
       padding: 5px;
       background: hsla(245, 100%, 37%, .15);
       border: .0625rem solid hsla(0, 0%, 5%, .15);
  }
  
   blockquote,
   div.blockquote {
       border: 1px dashed #999;
  }
  
   .high-king {
       margin-bottom: 1em;
       padding: 1em;
       background: hsl(222, 25%, 86%);
       border: 3px outset hsl(222, 40%, 68%);
       text-align: center;
  }
  
   .high-king hr {
       border-color: hsl(222, 40%, 68%);
  }
  
   .narration.book {
       padding: 1rem 2rem;
       font: 135% "Garamond", serif;
       letter-spacing: .02rem;
  }
  
   @media (min-width: 768px) {
       .narration.book {
                 margin: 2rem;
      }
  }
  
  /* COLLAPSIBLES */
   .centeredbonus .collapsible-block-folded,
   .centeredbonus .collapsible-block-unfolded-link {
       padding: .53rem .27rem;
  }
  
   .centeredgen .collapsible-block-link,
   .centeredbonus .collapsible-block-link {
       padding-bottom: 1px;
       border-bottom: 1px solid var(--strong-blue);
       text-decoration: 0 !important;
  }
  
   .centeredgen .collapsible-block-link {
       font: bold .95rem var(--header-font);
  }
  
   .centeredbonus .collapsible-block-link {
       font: bold 1.3rem var(--header-font);
  }
  
   @media (max-width: 767px){
       .centeredbonus .collapsible-block-link {
            font-size: 1.15rem;
      }
  }
  
   .centeredbonus .collapsible-block-folded:hover,
   .centeredbonus .collapsible-block-unfolded-link:hover {
       background:
          linear-gradient(
            to right,
            transparent 0% 15%,
            hsla(245, 100%, 37%, .15) 30%,
            hsla(245, 100%, 37%, .15) 70%,
            transparent 85% 100%);
  }
  
   .centeredgen .collapsible-block-link:hover,
   .centeredbonus .collapsible-block-link:hover {
       border-bottom-width: 2px;
  }
  
   .centeredbonus .collapsible-block-folded a.collapsible-block-link {
       animation: blink .8s ease-in-out infinite alternate;
  }
  
   @keyframes blink {
       0%{
            color: transparent;
            border-bottom-color: transparent;
      }
  
       50%, 100% {
            color: var(--strong-blue);
            border-bottom-color: var(--strong-blue);
      }
  }

  Pages using this styling

  • scp-7010 [info]

  ¶ 1 occurrence
  

  
  #page-content .info-container {
      --link-color: rgb(var(--swatch-text-general));
  }
  
  #page-content .info-container .translation_block {
      display: none;
  }
  
  #page-content .info-container .collapsible-block-link,
  #page-content .info-container:hover .collapsible-block-link {
      line-height: 1.6em;
  }
  
  #page-content .info-container .collapsible-block-folded,
  #page-content .info-container .collapsible-block-unfolded-link {
      display: grid;
  }
  
  #page-content .info-container .collapsible-block-folded .collapsible-block-link,
  #page-content .info-container .collapsible-block-link {
      -webkit-mask: unset;
              mask: unset;
      background: transparent;
      grid-column: 1;
      grid-row: 1;
      opacity: 0;
  }
  
  .info-container{
  --barColour: #561717; — this is the colour of the bar and the author button
  --linkColour: #ffb861; — this is the colour of the "i" and the text within the author button
  }
  
  #page-content .info-container .collapsible-block-folded::before,
  #page-content .info-container .collapsible-block-unfolded-link::before {
      --wght: 800;
      content: "ETC";
      color: #ffb861;
      font-family: Inter, Arimo, Verdana, Geneva, "Helvetica Neue", "Helvetica", Arial, sans-serif;;
      display: block;
      pointer-events: none;
      grid-column: 1;
      grid-row: 1;
      line-height: 2.75ex;
  }
  
  .top-left-box > .item {
    display: none;
  }
  

  Pages using this styling

  • scp-7009 [info]

  ¶ 1 occurrence
  

  /* HEADER */
   :root{
       --header-title: "AD ASTRA PER ASPERA";
       --header-subtitle: "To the Stars Through Hardship";
       --titleColor: hsl(0, 0%, 93%);
       --subtitleColor: hsl(34, 100%, 75%);
       --lgurl: url(https://scp-wiki.wdfiles.com/local--files/component:pride-highlighter/nb_logo_blk.svg);
  
     /* ---- BETTERFOOTNOTES ---- */
       --posX: calc(50% - 358px - 13rem);
       --fnLinger: 1.5s;
       --fnColor: hsl(40, 100%, 62%);
  }
   #header h1 a::before{
       text-shadow: 4px 4px 4px hsla(0, 0%, 0%, .8);
  }
   #header h2::before{
       text-shadow: 3px 3px 3px hsla(0, 0%, 0%, .9);
  }
   #header h1 a::before,
   #header h2::before{
       font-family: "Exo", sans-serif;
  }
   #page-title{
       display: none;
  }
   .meta-title{
       color: hsl(33, 100%, 69%);
       border-color: hsl(34, 100%, 75%);
  }
  
  /* SIDE-BAR */
   #top-bar .open-menu a{
       color: hsl(33, 100%, 69%);
       background: hsl(214, 48%, 12%);
       border-color: hsl(33, 100%, 69%);
  }
  
  /* INFO BAR */
   .info-container{
       --barColour: hsl(353, 52%, 24%);
       --linkColour: hsl(33, 100%, 69%);
  }
  
  /* FLOPS HEADER */
   .itemInfoHeading{
       color: hsl(33, 100%, 69%);
  }
  
  /* ---- BETTERFOOTNOTES ---- */
   .fnnum{
       font-size: .95em;
  }
   .fncon{
       background: hsl(215, 48%, 20%);
       border-color: hsl(33, 100%, 69%);
  }
   .fncon::before{
       color: black;
  }
   .fnnum:hover + .fncon{
       right: calc(-8vw - 4rem);
  }
  
  /* TABLES */
   .attachment table.wiki-content-table tr th{
       font-family: var(--mono-font);
       font-size: 150%;
  }
  
  /* COLLAPSIBLE BLINK */
   a.collapsible-block-link:not(.licensebox a.collapsible-block-link) {
       font-family: var(--mono-font);
       font-size: 1.365em;
       color: hsl(40, 100%, 62%);
  }
  
  /* DIV BLOCKS */
   .o5{
       width: 85%;
       margin: 1em 5% 5%;
       padding: 1em;
  
       background: hsl(220, 47%, 18%) url(https://scp-wiki.wdfiles.com/local--files/scp-4790/o5-command-trans.png) center no-repeat;
       border: 1px solid hsl(33, 100%, 69%);
  
       font-family: var(--mono-font);
       font-size: 120%;
  }
   .o5 hr{
       border-top-color: hsl(33, 100%, 69%);
  }
   .blockquote.forget{
       display: inline-block;
       width: 50%;
       margin: 5em 0;
  }
  
  /* FOOTING */
   .footing,
   .footing::before{
       border-color: hsl(34, 100%, 75%);
  }
  
  /* LICENSEBOX */
   .licensebox .collapsible-block-link{
       animation: none !important;
       color: hsl(40, 100%, 62%);
  }

  Pages using this styling

  • scp-7009 [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Alfa+Slab+One&family=Mea+Culpa&family=Space+Mono:wght@700&display=swap');

  Pages using this styling

  • scp-7007 [info]

  ¶ 1 occurrence
  

  
  @import url('https://fonts.googleapis.com/css2?family=Germania+One&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Gentium+Basic:ital,wght@0,400;0,700;1,400;1,700&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Macondo&display=swap');
  
  :root {
  
  --accentColor: rgb(232, 218, 60);
  --accentColorLite: rgb(242, 220, 95);
  --hue: 51deg;
  
  --lgurl: url(https://scp-wiki.wikidot.com/local--files/scp-7006/triadcouncil.svg);
  
  --header-font: 'Germania One', sans-serif;
  --body-font: 'verdana', sans-serif;
  --textColor: #fdfdfd;
  --textColorAlt: hsl(44.3, 100%, 95.5%);
  
  --bgColor: rgb(3, 51, 8);
  --fgColor: rgb(8, 97, 22);
  
  --header-title: "Initiative";
  --header-subtitle: "TO SERVE IN ABSOLUTION";
  
  }
  
  html {
  scroll-behavior: smooth;
  }
  
  body {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.com/svgjs' width='1440' height='738' preserveAspectRatio='none' viewBox='0 0 1440 738'%3e%3cg clip-path='url(%26quot%3b%23SvgjsClipPath1389%26quot%3b)' fill='none'%3e%3ccircle r='123' cx='67.83' cy='-73.18' stroke='black' stroke-opacity='0.1' stroke-width='2'%3e%3c/circle%3e%3ccircle r='123' cx='585.38' cy='483.89' stroke='black' stroke-opacity='0.1' stroke-width='2'%3e%3c/circle%3e%3ccircle r='222.59' cx='121.21' cy='246.06' stroke='black' stroke-opacity='0.1' stroke-width='2'%3e%3c/circle%3e%3ccircle r='120.235' cx='98.41' cy='116.17' stroke='black' stroke-opacity='0.1' stroke-width='2'%3e%3c/circle%3e%3ccircle r='109.89' cx='355.14' cy='699.32' stroke='black' stroke-opacity='0.1' stroke-width='2'%3e%3c/circle%3e%3ccircle r='198.36' cx='1241.33' cy='539.61' stroke='black' stroke-opacity='0.1' stroke-width='2'%3e%3c/circle%3e%3ccircle r='235.075' cx='654.82' cy='193.65' stroke='black' stroke-opacity='0.1' stroke-width='2'%3e%3c/circle%3e%3ccircle r='97.515' cx='1281.28' cy='699.59' stroke='black' stroke-opacity='0.1' stroke-width='2'%3e%3c/circle%3e%3ccircle r='243.18' cx='960.27' cy='638.61' stroke='black' stroke-opacity='0.1' stroke-width='2'%3e%3c/circle%3e%3ccircle r='234.29' cx='419.85' cy='295.6' stroke='black' stroke-opacity='0.1' stroke-width='2'%3e%3c/circle%3e%3ccircle r='72.175' cx='120.16' cy='459.86' stroke='black' stroke-opacity='0.1' stroke-width='2'%3e%3c/circle%3e%3ccircle r='219.36' cx='995.8' cy='20.04' stroke='black' stroke-opacity='0.1' stroke-width='2'%3e%3c/circle%3e%3ccircle r='201.59' cx='193.41' cy='644.13' stroke='black' stroke-opacity='0.1' stroke-width='2'%3e%3c/circle%3e%3ccircle r='139.715' cx='570.77' cy='49.57' stroke='black' stroke-opacity='0.1' stroke-width='2'%3e%3c/circle%3e%3ccircle r='82.5' cx='1191.22' cy='135.85' stroke='black' stroke-opacity='0.1' stroke-width='2'%3e%3c/circle%3e%3ccircle r='120.35' cx='1377.55' cy='574.04' stroke='black' stroke-opacity='0.1' stroke-width='2'%3e%3c/circle%3e%3ccircle r='168.48' cx='1221.57' cy='137.72' stroke='black' stroke-opacity='0.1' stroke-width='2'%3e%3c/circle%3e%3ccircle r='209.415' cx='676.74' cy='586.4' stroke='black' stroke-opacity='0.1' stroke-width='2'%3e%3c/circle%3e%3ccircle r='242.495' cx='1435.94' cy='229.77' stroke='black' stroke-opacity='0.1' stroke-width='2'%3e%3c/circle%3e%3ccircle r='181.13' cx='246.3' cy='55.79' stroke='black' stroke-opacity='0.1' stroke-width='2'%3e%3c/circle%3e%3ccircle r='76.98' cx='1381.13' cy='652.16' stroke='black' stroke-opacity='0.1' stroke-width='2'%3e%3c/circle%3e%3ccircle r='151.785' cx='855.97' cy='563.31' stroke='black' stroke-opacity='0.1' stroke-width='2'%3e%3c/circle%3e%3ccircle r='230.61' cx='78.97' cy='672.82' stroke='black' stroke-opacity='0.1' stroke-width='2'%3e%3c/circle%3e%3ccircle r='238.53' cx='309.85' cy='671.82' stroke='black' stroke-opacity='0.1' stroke-width='2'%3e%3c/circle%3e%3ccircle r='215.485' cx='636.35' cy='383.41' stroke='black' stroke-opacity='0.1' stroke-width='2'%3e%3c/circle%3e%3ccircle r='84.835' cx='232.32' cy='611.9' stroke='black' stroke-opacity='0.1' stroke-width='2'%3e%3c/circle%3e%3ccircle r='66.405' cx='342.35' cy='456.01' stroke='black' stroke-opacity='0.1' stroke-width='2'%3e%3c/circle%3e%3ccircle r='160.2' cx='1175.13' cy='684.5' stroke='black' stroke-opacity='0.1' stroke-width='2'%3e%3c/circle%3e%3ccircle r='206.835' cx='58.24' cy='435.88' stroke='black' stroke-opacity='0.1' stroke-width='2'%3e%3c/circle%3e%3ccircle r='137.57' cx='744.81' cy='358.42' stroke='black' stroke-opacity='0.1' stroke-width='2'%3e%3c/circle%3e%3ccircle r='227.14' cx='1039.8' cy='631.1' stroke='black' stroke-opacity='0.1' stroke-width='2'%3e%3c/circle%3e%3ccircle r='163.485' cx='1195.94' cy='697.93' stroke='black' stroke-opacity='0.1' stroke-width='2'%3e%3c/circle%3e%3ccircle r='222.245' cx='1263.47' cy='10.11' stroke='black' stroke-opacity='0.1' stroke-width='2'%3e%3c/circle%3e%3ccircle r='222.835' cx='1094.01' cy='120.57' stroke='black' stroke-opacity='0.1' stroke-width='2'%3e%3c/circle%3e%3ccircle r='129.275' cx='1352.19' cy='364.12' stroke='black' stroke-opacity='0.1' stroke-width='2'%3e%3c/circle%3e%3ccircle r='69.4' cx='766.56' cy='301.27' stroke='black' stroke-opacity='0.1' stroke-width='2'%3e%3c/circle%3e%3ccircle r='104.405' cx='1381.2' cy='410.65' stroke='black' stroke-opacity='0.1' stroke-width='2'%3e%3c/circle%3e%3ccircle r='173.91' cx='785.11' cy='331.41' stroke='black' stroke-opacity='0.1' stroke-width='2'%3e%3c/circle%3e%3ccircle r='180.58' cx='1395.76' cy='491.32' stroke='black' stroke-opacity='0.1' stroke-width='2'%3e%3c/circle%3e%3ccircle r='205.44' cx='212.54' cy='13.73' stroke='black' stroke-opacity='0.1' stroke-width='2'%3e%3c/circle%3e%3ccircle r='234.265' cx='508.97' cy='487.04' stroke='black' stroke-opacity='0.1' stroke-width='2'%3e%3c/circle%3e%3ccircle r='127.03' cx='509.84' cy='340.69' stroke='black' stroke-opacity='0.1' stroke-width='2'%3e%3c/circle%3e%3ccircle r='130.945' cx='678.17' cy='660.18' stroke='black' stroke-opacity='0.1' stroke-width='2'%3e%3c/circle%3e%3ccircle r='135.28' cx='241.44' cy='304.87' stroke='black' stroke-opacity='0.1' stroke-width='2'%3e%3c/circle%3e%3ccircle r='237.565' cx='515.47' cy='407.41' stroke='black' stroke-opacity='0.1' stroke-width='2'%3e%3c/circle%3e%3ccircle r='231.405' cx='528.88' cy='471.97' stroke='black' stroke-opacity='0.1' stroke-width='2'%3e%3c/circle%3e%3ccircle r='235.9' cx='1232.55' cy='466.5' stroke='black' stroke-opacity='0.1' stroke-width='2'%3e%3c/circle%3e%3ccircle r='103.56' cx='295.28' cy='493.29' stroke='black' stroke-opacity='0.1' stroke-width='2'%3e%3c/circle%3e%3ccircle r='112.7' cx='313.49' cy='440.69' stroke='black' stroke-opacity='0.1' stroke-width='2'%3e%3c/circle%3e%3ccircle r='119.17' cx='338.44' cy='541.15' stroke='black' stroke-opacity='0.1' stroke-width='2'%3e%3c/circle%3e%3ccircle r='212.945' cx='200.17' cy='622.56' stroke='black' stroke-opacity='0.1' stroke-width='2'%3e%3c/circle%3e%3ccircle r='216.9' cx='222.52' cy='413.07' stroke='black' stroke-opacity='0.1' stroke-width='2'%3e%3c/circle%3e%3ccircle r='140.595' cx='315.86' cy='2.79' stroke='black' stroke-opacity='0.1' stroke-width='2'%3e%3c/circle%3e%3ccircle r='215.725' cx='1301.65' cy='667.67' stroke='black' stroke-opacity='0.1' stroke-width='2'%3e%3c/circle%3e%3ccircle r='135.32' cx='305.79' cy='471.47' stroke='black' stroke-opacity='0.1' stroke-width='2'%3e%3c/circle%3e%3ccircle r='236.52' cx='1244.71' cy='539.5' stroke='black' stroke-opacity='0.1' stroke-width='2'%3e%3c/circle%3e%3ccircle r='179.84' cx='1066.05' cy='345.5' stroke='black' stroke-opacity='0.1' stroke-width='2'%3e%3c/circle%3e%3ccircle r='155.115' cx='403.87' cy='538.8' stroke='black' stroke-opacity='0.1' stroke-width='2'%3e%3c/circle%3e%3ccircle r='109.075' cx='1052.29' cy='383.7' stroke='black' stroke-opacity='0.1' stroke-width='2'%3e%3c/circle%3e%3ccircle r='221.81' cx='1057.12' cy='236.67' stroke='black' stroke-opacity='0.1' stroke-width='2'%3e%3c/circle%3e%3ccircle r='120.835' cx='1094.05' cy='209.64' stroke='black' stroke-opacity='0.1' stroke-width='2'%3e%3c/circle%3e%3ccircle r='210.115' cx='1420.85' cy='3.85' stroke='black' stroke-opacity='0.1' stroke-width='2'%3e%3c/circle%3e%3ccircle r='162.925' cx='163.81' cy='32.84' stroke='black' stroke-opacity='0.1' stroke-width='2'%3e%3c/circle%3e%3ccircle r='150.2' cx='408.7' cy='34.75' stroke='black' stroke-opacity='0.1' stroke-width='2'%3e%3c/circle%3e%3ccircle r='192.845' cx='941.01' cy='558.66' stroke='black' stroke-opacity='0.1' stroke-width='2'%3e%3c/circle%3e%3ccircle r='182.86' cx='1091.27' cy='217.08' stroke='black' stroke-opacity='0.1' stroke-width='2'%3e%3c/circle%3e%3ccircle r='126.78' cx='633.99' cy='170.76' stroke='black' stroke-opacity='0.1' stroke-width='2'%3e%3c/circle%3e%3ccircle r='177.64' cx='600.54' cy='353.86' stroke='black' stroke-opacity='0.1' stroke-width='2'%3e%3c/circle%3e%3ccircle r='88.95' cx='134.84' cy='119.46' stroke='black' stroke-opacity='0.1' stroke-width='2'%3e%3c/circle%3e%3ccircle r='115.535' cx='717.8' cy='8.54' stroke='black' stroke-opacity='0.1' stroke-width='2'%3e%3c/circle%3e%3ccircle r='200.4' cx='1383.76' cy='199.83' stroke='black' stroke-opacity='0.1' stroke-width='2'%3e%3c/circle%3e%3ccircle r='166.355' cx='1013.33' cy='663.3' stroke='black' stroke-opacity='0.1' stroke-width='2'%3e%3c/circle%3e%3ccircle r='104.79' cx='1008.06' cy='290.11' stroke='black' stroke-opacity='0.1' stroke-width='2'%3e%3c/circle%3e%3ccircle r='209.85' cx='424.8' cy='334.97' stroke='black' stroke-opacity='0.1' stroke-width='2'%3e%3c/circle%3e%3ccircle r='201.67' cx='1159.8' cy='675.46' stroke='black' stroke-opacity='0.1' stroke-width='2'%3e%3c/circle%3e%3ccircle r='220.385' cx='826.73' cy='647.38' stroke='black' stroke-opacity='0.1' stroke-width='2'%3e%3c/circle%3e%3ccircle r='187.37' cx='1177.25' cy='661.65' stroke='black' stroke-opacity='0.1' stroke-width='2'%3e%3c/circle%3e%3ccircle r='196.78' cx='357.63' cy='593.27' stroke='black' stroke-opacity='0.1' stroke-width='2'%3e%3c/circle%3e%3ccircle r='144.67' cx='243.32' cy='306.27' stroke='black' stroke-opacity='0.1' stroke-width='2'%3e%3c/circle%3e%3ccircle r='150.07' cx='450.64' cy='202' stroke='black' stroke-opacity='0.1' stroke-width='2'%3e%3c/circle%3e%3ccircle r='157.595' cx='1216.79' cy='622.4' stroke='black' stroke-opacity='0.1' stroke-width='2'%3e%3c/circle%3e%3ccircle r='134.12' cx='1034.65' cy='455.08' stroke='black' stroke-opacity='0.1' stroke-width='2'%3e%3c/circle%3e%3ccircle r='170.2' cx='393.25' cy='310.11' stroke='black' stroke-opacity='0.1' stroke-width='2'%3e%3c/circle%3e%3ccircle r='118.98' cx='735.17' cy='685.2' stroke='black' stroke-opacity='0.1' stroke-width='2'%3e%3c/circle%3e%3ccircle r='157.51' cx='1222.11' cy='239.67' stroke='black' stroke-opacity='0.1' stroke-width='2'%3e%3c/circle%3e%3ccircle r='144.725' cx='671.37' cy='398.86' stroke='black' stroke-opacity='0.1' stroke-width='2'%3e%3c/circle%3e%3ccircle r='134.36' cx='1165.76' cy='579.73' stroke='black' stroke-opacity='0.1' stroke-width='2'%3e%3c/circle%3e%3ccircle r='175.785' cx='1405.85' cy='728.76' stroke='black' stroke-opacity='0.1' stroke-width='2'%3e%3c/circle%3e%3ccircle r='163.965' cx='1097.11' cy='419.13' stroke='black' stroke-opacity='0.1' stroke-width='2'%3e%3c/circle%3e%3ccircle r='202.205' cx='342.77' cy='620.75' stroke='black' stroke-opacity='0.1' stroke-width='2'%3e%3c/circle%3e%3ccircle r='79.96' cx='370.92' cy='471.25' stroke='black' stroke-opacity='0.1' stroke-width='2'%3e%3c/circle%3e%3ccircle r='224.685' cx='467.44' cy='721.43' stroke='black' stroke-opacity='0.1' stroke-width='2'%3e%3c/circle%3e%3ccircle r='107.68' cx='57.58' cy='76.65' stroke='black' stroke-opacity='0.1' stroke-width='2'%3e%3c/circle%3e%3ccircle r='199.215' cx='202.58' cy='386.6' stroke='black' stroke-opacity='0.1' stroke-width='2'%3e%3c/circle%3e%3ccircle r='179.27' cx='656.54' cy='37.25' stroke='black' stroke-opacity='0.1' stroke-width='2'%3e%3c/circle%3e%3ccircle r='228.995' cx='1032.67' cy='646.31' stroke='black' stroke-opacity='0.1' stroke-width='2'%3e%3c/circle%3e%3c/g%3e%3cdefs%3e%3cclipPath id='SvgjsClipPath1389'%3e%3crect width='1440' height='738' x='0' y='0'%3e%3c/rect%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
  background-color: var(--bgColor);
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
  font-size: 0.81rem;
  }
  
  #container {
  background-image: linear-gradient( var(--fgColor) 0 100px, rgba(0, 0, 0, 0) 200px 100%);
  }
  
  #header h1 a::before {
  letter-spacing: 1px !important;
  font-size: 1.3em;
  line-height: 12px;
  }
  
  @keyframes shine {
    from { -webkit-mask-position: 150%; }
    to { -webkit-mask-position: -50%; }
  }
  
  #header h2::before {
  font-size: 1.5em;
  letter-spacing: 10px !important;
  margin-top: 6px;
  }
  
  #header h2 {
    margin-top: 0.8em;
    display: none;
  }
  
  #extra-div-1 {
  filter: opacity(.33) drop-shadow(0px 10px 3px #000);
  }
  
  #search-top-box-input, #search-top-box-input:hover, #search-top-box-input:focus, #search-top-box-form input[type="submit"], #search-top-box-form input[type="submit"]:hover, #search-top-box-form input[type="submit"]:focus {
  font-size: unset;
  }
  
  #lock-info {
  color: unset;
  }
  
  ::selection {
  color: var(--bgColor);
  }
  
  #top-bar {
  top: 137px;
  }
  
  .top-bar::before {
  background: none;
  border-top: double 4px var(--accentColor);
  top: -0.5rem;
  }
  
  .meta-title {
  font-size: 238%;
  margin: 0;
  padding: 0;
  }
  
  .meta-title p {
    border-bottom: none;
  }
  
  #top-bar .open-menu a {
  border: solid 3px var(--bgColor);
  filter: drop-shadow(0px 6px 11px rgba(0,0,0,0.4));
  }
  
  #header h1 a::before, #header h2::before, h1, h2, h3, h4, h5, h6 {
  color: transparent;
  background: linear-gradient(45deg, rgb(242, 220, 122) 0%, var(--accentColor) 50%, rgb(242, 220, 122) 100%);
  -webkit-background-clip: text;
  background-clip: text;
  filter: drop-shadow(0px 6px 11px rgba(0,0,0,0.4));
  }
  
  #main-content h1, #main-content h2, #main-content h3, #main-content h4, #main-content h5, #main-content h6 {
  filter: drop-shadow(0px 6px 11px rgba(0,0,0,0.6));
  }
  
  @media (min-width: 768px) {
  #page-content {
    font-size: inherit;
  }
  }
  
  .bt.bb, .bt.bh {
  filter: none;
  }
  
  /*
  STAR Animation
      * Dr Devan
      * C-Take
      * Nanimono Demonai
  */
  
  @media (prefers-reduced-motion: no-preference) {
    #container-wrap-wrap:before,
    #container-wrap-wrap:after {
      animation: animStar 50s linear infinite;
      background: transparent;
      box-shadow: 805px 413px #f2dc5f, 724px 1326px #f2dc5f, 1175px 606px #f2dc5f,
        662px 1275px #f2dc5f, 1205px 1966px #f2dc5f, 1272px 1087px #f2dc5f,
        552px 1818px #f2dc5f, 1860px 1654px #f2dc5f, 6px 1526px #f2dc5f, 1414px 255px #f2dc5f,
        1892px 739px #f2dc5f, 894px 1633px #f2dc5f, 1615px 521px #f2dc5f, 1374px 651px #f2dc5f,
        250px 1473px #f2dc5f, 1984px 1096px #f2dc5f, 202px 5px #f2dc5f, 1694px 1095px #f2dc5f,
        1656px 433px #f2dc5f, 1274px 413px #f2dc5f, 1568px 1581px #f2dc5f,
        184px 1296px #f2dc5f, 1820px 532px #f2dc5f, 1791px 956px #f2dc5f,
        1522px 1638px #f2dc5f, 1056px 1907px #f2dc5f, 745px 493px #f2dc5f,
        576px 1246px #f2dc5f, 849px 1625px #f2dc5f, 1484px 91px #f2dc5f, 1818px 1294px #f2dc5f,
        1073px 1048px #f2dc5f, 24px 818px #f2dc5f, 1605px 1164px #f2dc5f, 903px 1546px #f2dc5f,
        7px 1147px #f2dc5f, 48px 485px #f2dc5f, 130px 1026px #f2dc5f, 306px 735px #f2dc5f,
        1280px 1057px #f2dc5f, 1944px 481px #f2dc5f, 142px 238px #f2dc5f, 1195px 732px #f2dc5f,
        535px 1985px #f2dc5f, 851px 962px #f2dc5f, 1406px 1056px #f2dc5f,
        1869px 1171px #f2dc5f, 968px 1272px #f2dc5f, 278px 461px #f2dc5f,
        1655px 1910px #f2dc5f, 1650px 940px #f2dc5f, 186px 1554px #f2dc5f,
        1401px 1811px #f2dc5f, 805px 450px #f2dc5f, 749px 831px #f2dc5f, 270px 1913px #f2dc5f,
        1254px 1571px #f2dc5f, 1655px 733px #f2dc5f, 1159px 340px #f2dc5f, 40px 941px #f2dc5f,
        911px 846px #f2dc5f, 568px 347px #f2dc5f, 849px 1892px #f2dc5f, 768px 1503px #f2dc5f,
        1501px 40px #f2dc5f, 480px 384px #f2dc5f, 1930px 1940px #f2dc5f, 1952px 201px #f2dc5f,
        1665px 494px #f2dc5f, 1264px 1252px #f2dc5f, 1046px 835px #f2dc5f,
        320px 1600px #f2dc5f, 1802px 1465px #f2dc5f, 1659px 1176px #f2dc5f,
        647px 1928px #f2dc5f, 1969px 403px #f2dc5f, 246px 1490px #f2dc5f,
        1823px 1326px #f2dc5f, 120px 1420px #f2dc5f, 1974px 396px #f2dc5f, 307px 231px #f2dc5f,
        338px 43px #f2dc5f, 1129px 343px #f2dc5f, 1261px 1927px #f2dc5f, 1830px 728px #f2dc5f,
        249px 701px #f2dc5f, 710px 714px #f2dc5f, 1453px 1998px #f2dc5f, 889px 879px #f2dc5f,
        218px 275px #f2dc5f, 128px 314px #f2dc5f, 1906px 1191px #f2dc5f, 1686px 791px #f2dc5f,
        903px 1248px #f2dc5f, 1157px 1869px #f2dc5f, 732px 94px #f2dc5f, 150px 1387px #f2dc5f,
        428px 1485px #f2dc5f, 1605px 192px #f2dc5f, 963px 67px #f2dc5f, 545px 495px #f2dc5f,
        1458px 1548px #f2dc5f, 1478px 803px #f2dc5f, 1319px 1843px #f2dc5f,
        367px 1029px #f2dc5f, 1976px 716px #f2dc5f, 1099px 1624px #f2dc5f,
        1308px 1228px #f2dc5f, 459px 1640px #f2dc5f, 652px 1290px #f2dc5f,
        1660px 772px #f2dc5f, 658px 1342px #f2dc5f, 534px 180px #f2dc5f, 196px 238px #f2dc5f,
        1052px 1552px #f2dc5f, 1192px 49px #f2dc5f, 546px 1743px #f2dc5f, 677px 420px #f2dc5f,
        495px 1695px #f2dc5f, 692px 1161px #f2dc5f, 1306px 1817px #f2dc5f,
        1323px 666px #f2dc5f, 1904px 1838px #f2dc5f, 1117px 275px #f2dc5f, 644px 520px #f2dc5f,
        1138px 1681px #f2dc5f, 1326px 74px #f2dc5f, 907px 1946px #f2dc5f, 666px 1159px #f2dc5f,
        822px 894px #f2dc5f, 1505px 1208px #f2dc5f, 1809px 987px #f2dc5f, 954px 373px #f2dc5f,
        1328px 391px #f2dc5f, 535px 350px #f2dc5f, 1047px 784px #f2dc5f, 1252px 1380px #f2dc5f,
        618px 270px #f2dc5f, 531px 1723px #f2dc5f, 1588px 845px #f2dc5f, 1170px 1020px #f2dc5f,
        973px 1587px #f2dc5f, 593px 692px #f2dc5f, 283px 1482px #f2dc5f, 959px 1392px #f2dc5f,
        39px 1335px #f2dc5f, 1457px 815px #f2dc5f, 21px 1727px #f2dc5f, 1998px 1064px #f2dc5f,
        1380px 1216px #f2dc5f, 827px 1538px #f2dc5f, 108px 1390px #f2dc5f,
        1612px 1389px #f2dc5f, 1516px 1392px #f2dc5f, 1584px 1044px #f2dc5f,
        1261px 1859px #f2dc5f, 1841px 646px #f2dc5f, 1652px 988px #f2dc5f,
        1848px 1407px #f2dc5f, 661px 344px #f2dc5f, 1805px 1758px #f2dc5f,
        1784px 247px #f2dc5f, 780px 123px #f2dc5f, 117px 332px #f2dc5f, 430px 354px #f2dc5f,
        522px 826px #f2dc5f, 1311px 1343px #f2dc5f, 1590px 1863px #f2dc5f,
        1155px 1803px #f2dc5f, 368px 168px #f2dc5f, 1965px 140px #f2dc5f, 210px 830px #f2dc5f,
        1954px 772px #f2dc5f, 1316px 1990px #f2dc5f, 1783px 692px #f2dc5f,
        669px 1323px #f2dc5f, 1188px 949px #f2dc5f, 833px 1030px #f2dc5f, 1467px 988px #f2dc5f,
        633px 1926px #f2dc5f, 1490px 320px #f2dc5f, 1619px 1516px #f2dc5f, 1370px 85px #f2dc5f,
        678px 1409px #f2dc5f, 152px 650px #f2dc5f, 321px 1771px #f2dc5f, 1443px 1821px #f2dc5f,
        1440px 391px #f2dc5f, 1501px 1296px #f2dc5f, 979px 133px #f2dc5f, 1911px 598px #f2dc5f,
        1719px 97px #f2dc5f, 893px 735px #f2dc5f, 310px 473px #f2dc5f, 1595px 1047px #f2dc5f,
        437px 293px #f2dc5f, 145px 343px #f2dc5f, 1246px 416px #f2dc5f, 1011px 1235px #f2dc5f,
        1462px 987px #f2dc5f, 167px 1525px #f2dc5f, 1688px 1415px #f2dc5f,
        574px 1801px #f2dc5f, 347px 1741px #f2dc5f, 880px 1109px #f2dc5f, 93px 1692px #f2dc5f,
        94px 1987px #f2dc5f, 1695px 951px #f2dc5f, 153px 601px #f2dc5f, 1013px 969px #f2dc5f,
        356px 434px #f2dc5f, 1228px 1942px #f2dc5f, 1083px 1445px #f2dc5f,
        1317px 438px #f2dc5f, 439px 1242px #f2dc5f, 1031px 356px #f2dc5f, 615px 666px #f2dc5f,
        1019px 1826px #f2dc5f, 1526px 1025px #f2dc5f, 538px 210px #f2dc5f, 78px 1954px #f2dc5f,
        1344px 965px #f2dc5f, 1280px 143px #f2dc5f, 211px 430px #f2dc5f, 282px 1279px #f2dc5f,
        1355px 1639px #f2dc5f, 1142px 1512px #f2dc5f, 141px 822px #f2dc5f, 60px 1923px #f2dc5f,
        1322px 1117px #f2dc5f, 523px 1165px #f2dc5f, 1289px 1438px #f2dc5f,
        974px 1937px #f2dc5f, 1915px 1955px #f2dc5f, 1793px 308px #f2dc5f,
        1712px 1273px #f2dc5f, 201px 1179px #f2dc5f, 1186px 12px #f2dc5f, 1635px 877px #f2dc5f,
        361px 256px #f2dc5f, 795px 1283px #f2dc5f, 305px 1072px #f2dc5f, 1099px 1995px #f2dc5f,
        1643px 906px #f2dc5f, 835px 1411px #f2dc5f, 142px 1950px #f2dc5f,
        1161px 1635px #f2dc5f, 5px 819px #f2dc5f, 977px 1049px #f2dc5f, 86px 417px #f2dc5f,
        731px 1015px #f2dc5f, 1746px 1059px #f2dc5f, 1904px 484px #f2dc5f,
        1367px 434px #f2dc5f, 982px 1646px #f2dc5f, 685px 1582px #f2dc5f, 1754px 496px #f2dc5f,
        1706px 292px #f2dc5f, 1962px 1932px #f2dc5f, 987px 806px #f2dc5f, 76px 1275px #f2dc5f,
        746px 430px #f2dc5f, 1337px 122px #f2dc5f, 653px 942px #f2dc5f, 487px 1433px #f2dc5f,
        1270px 1287px #f2dc5f, 1418px 574px #f2dc5f, 1640px 1046px #f2dc5f,
        950px 1608px #f2dc5f, 1660px 432px #f2dc5f, 1134px 153px #f2dc5f,
        1567px 1087px #f2dc5f, 1582px 1957px #f2dc5f, 474px 238px #f2dc5f,
        1514px 525px #f2dc5f, 1421px 1984px #f2dc5f, 16px 1994px #f2dc5f,
        1935px 1508px #f2dc5f, 438px 775px #f2dc5f, 1612px 630px #f2dc5f, 203px 879px #f2dc5f,
        496px 1057px #f2dc5f, 1607px 1518px #f2dc5f, 1588px 574px #f2dc5f,
        1451px 1062px #f2dc5f, 1590px 1593px #f2dc5f, 592px 351px #f2dc5f, 361px 437px #f2dc5f,
        456px 1221px #f2dc5f, 411px 1628px #f2dc5f, 1103px 44px #f2dc5f, 1890px 749px #f2dc5f,
        1368px 1990px #f2dc5f, 872px 18px #f2dc5f, 1528px 907px #f2dc5f, 1199px 235px #f2dc5f,
        395px 570px #f2dc5f, 1120px 127px #f2dc5f, 125px 711px #f2dc5f, 1825px 1327px #f2dc5f,
        64px 1870px #f2dc5f, 838px 1810px #f2dc5f, 663px 1427px #f2dc5f, 1819px 736px #f2dc5f,
        566px 1851px #f2dc5f, 1080px 656px #f2dc5f, 1134px 1861px #f2dc5f, 568px 64px #f2dc5f,
        1530px 1096px #f2dc5f, 981px 1711px #f2dc5f, 1783px 999px #f2dc5f,
        135px 1975px #f2dc5f, 1772px 1553px #f2dc5f, 1967px 1442px #f2dc5f,
        542px 372px #f2dc5f, 1684px 1445px #f2dc5f, 1041px 1106px #f2dc5f, 60px 1460px #f2dc5f,
        1083px 1677px #f2dc5f, 143px 204px #f2dc5f, 912px 350px #f2dc5f, 1000px 1586px #f2dc5f,
        1068px 908px #f2dc5f, 241px 794px #f2dc5f, 426px 409px #f2dc5f, 961px 1141px #f2dc5f,
        1551px 327px #f2dc5f, 1575px 1532px #f2dc5f, 929px 1507px #f2dc5f, 242px 364px #f2dc5f,
        1271px 731px #f2dc5f, 1660px 468px #f2dc5f, 1494px 589px #f2dc5f, 988px 1371px #f2dc5f,
        431px 539px #f2dc5f, 1974px 239px #f2dc5f, 68px 645px #f2dc5f, 781px 1716px #f2dc5f,
        1238px 65px #f2dc5f, 26px 1158px #f2dc5f, 525px 899px #f2dc5f, 1494px 1043px #f2dc5f,
        176px 1932px #f2dc5f, 372px 1933px #f2dc5f, 196px 883px #f2dc5f, 615px 614px #f2dc5f,
        1298px 288px #f2dc5f, 1690px 1284px #f2dc5f, 414px 5px #f2dc5f, 1050px 453px #f2dc5f,
        271px 1805px #f2dc5f, 1024px 1996px #f2dc5f, 458px 1817px #f2dc5f,
        831px 1155px #f2dc5f, 229px 1406px #f2dc5f, 1140px 1918px #f2dc5f,
        390px 1353px #f2dc5f, 1509px 1025px #f2dc5f, 893px 574px #f2dc5f, 461px 499px #f2dc5f,
        568px 1725px #f2dc5f, 791px 1565px #f2dc5f, 1494px 365px #f2dc5f,
        1423px 1289px #f2dc5f, 1239px 1356px #f2dc5f, 1367px 776px #f2dc5f,
        1596px 965px #f2dc5f, 1162px 798px #f2dc5f, 452px 1158px #f2dc5f, 191px 1111px #f2dc5f,
        1194px 1708px #f2dc5f, 694px 804px #f2dc5f, 999px 1711px #f2dc5f, 114px 1175px #f2dc5f,
        1950px 809px #f2dc5f, 1991px 889px #f2dc5f, 1948px 1999px #f2dc5f,
        1367px 1389px #f2dc5f, 1809px 1878px #f2dc5f, 1613px 607px #f2dc5f,
        1143px 842px #f2dc5f, 1746px 324px #f2dc5f, 102px 355px #f2dc5f, 852px 1729px #f2dc5f,
        633px 755px #f2dc5f, 723px 1465px #f2dc5f, 1081px 301px #f2dc5f, 1231px 699px #f2dc5f,
        1751px 616px #f2dc5f, 1387px 999px #f2dc5f, 500px 940px #f2dc5f, 545px 1387px #f2dc5f,
        1777px 223px #f2dc5f, 1058px 1381px #f2dc5f, 1014px 867px #f2dc5f, 403px 712px #f2dc5f,
        673px 958px #f2dc5f, 89px 652px #f2dc5f, 234px 1894px #f2dc5f, 603px 1674px #f2dc5f,
        111px 1930px #f2dc5f, 28px 1161px #f2dc5f, 1052px 962px #f2dc5f, 134px 1007px #f2dc5f,
        290px 1721px #f2dc5f, 1713px 439px #f2dc5f, 443px 1291px #f2dc5f, 1443px 528px #f2dc5f,
        465px 1761px #f2dc5f, 491px 82px #f2dc5f, 592px 938px #f2dc5f, 1409px 1274px #f2dc5f,
        633px 1201px #f2dc5f, 740px 33px #f2dc5f, 1214px 777px #f2dc5f, 1589px 1106px #f2dc5f,
        748px 371px #f2dc5f, 1422px 1726px #f2dc5f, 1607px 225px #f2dc5f, 1520px 280px #f2dc5f,
        873px 547px #f2dc5f, 765px 1174px #f2dc5f, 165px 97px #f2dc5f, 126px 422px #f2dc5f,
        301px 1356px #f2dc5f, 702px 1837px #f2dc5f, 866px 256px #f2dc5f, 1974px 849px #f2dc5f,
        805px 852px #f2dc5f, 1659px 1966px #f2dc5f, 1529px 265px #f2dc5f, 1007px 956px #f2dc5f,
        1245px 359px #f2dc5f, 1505px 752px #f2dc5f, 902px 201px #f2dc5f, 219px 1594px #f2dc5f,
        1134px 816px #f2dc5f, 1269px 1624px #f2dc5f, 33px 1155px #f2dc5f, 1374px 768px #f2dc5f,
        567px 1240px #f2dc5f, 1774px 187px #f2dc5f, 1445px 254px #f2dc5f, 1544px 399px #f2dc5f,
        228px 1003px #f2dc5f, 1132px 632px #f2dc5f, 1242px 10px #f2dc5f, 894px 1826px #f2dc5f,
        1325px 706px #f2dc5f, 1260px 471px #f2dc5f, 1769px 1115px #f2dc5f, 370px 482px #f2dc5f,
        774px 889px #f2dc5f, 1688px 777px #f2dc5f, 124px 1812px #f2dc5f, 364px 1573px #f2dc5f,
        1257px 722px #f2dc5f, 1219px 1214px #f2dc5f, 866px 1202px #f2dc5f, 683px 976px #f2dc5f,
        245px 562px #f2dc5f, 1958px 1456px #f2dc5f, 940px 331px #f2dc5f, 604px 1006px #f2dc5f,
        1871px 56px #f2dc5f, 1671px 1668px #f2dc5f, 114px 1835px #f2dc5f,
        1284px 1144px #f2dc5f, 1183px 223px #f2dc5f, 290px 969px #f2dc5f, 55px 92px #f2dc5f,
        3px 1067px #f2dc5f, 653px 599px #f2dc5f, 341px 1106px #f2dc5f, 351px 617px #f2dc5f,
        1245px 210px #f2dc5f, 1007px 1354px #f2dc5f, 1785px 1298px #f2dc5f,
        624px 1677px #f2dc5f, 1382px 1089px #f2dc5f, 204px 244px #f2dc5f,
        1572px 1534px #f2dc5f, 211px 1723px #f2dc5f, 1873px 558px #f2dc5f,
        1870px 415px #f2dc5f, 1267px 772px #f2dc5f, 2000px 1057px #f2dc5f,
        608px 1723px #f2dc5f, 722px 1493px #f2dc5f, 856px 207px #f2dc5f, 21px 434px #f2dc5f,
        451px 1696px #f2dc5f, 1712px 1156px #f2dc5f, 1316px 740px #f2dc5f, 606px 772px #f2dc5f,
        176px 1359px #f2dc5f, 487px 1748px #f2dc5f, 1240px 118px #f2dc5f, 231px 876px #f2dc5f,
        1149px 468px #f2dc5f, 591px 315px #f2dc5f, 739px 843px #f2dc5f, 1932px 464px #f2dc5f,
        61px 1995px #f2dc5f, 1884px 756px #f2dc5f, 1714px 547px #f2dc5f, 1764px 1477px #f2dc5f,
        1524px 258px #f2dc5f, 831px 1423px #f2dc5f, 858px 1524px #f2dc5f, 1759px 475px #f2dc5f,
        1140px 1721px #f2dc5f, 474px 1016px #f2dc5f, 1312px 1967px #f2dc5f,
        503px 1878px #f2dc5f, 53px 423px #f2dc5f, 281px 1378px #f2dc5f, 817px 152px #f2dc5f,
        1724px 1605px #f2dc5f, 356px 1030px #f2dc5f, 372px 1122px #f2dc5f,
        1477px 125px #f2dc5f, 195px 1014px #f2dc5f, 1155px 1432px #f2dc5f,
        633px 1810px #f2dc5f, 444px 477px #f2dc5f, 1311px 1863px #f2dc5f, 1081px 865px #f2dc5f,
        185px 1222px #f2dc5f, 1290px 1438px #f2dc5f, 630px 1709px #f2dc5f, 372px 117px #f2dc5f,
        1987px 1797px #f2dc5f, 801px 109px #f2dc5f, 1230px 1903px #f2dc5f,
        1502px 1630px #f2dc5f, 680px 1190px #f2dc5f, 1756px 908px #f2dc5f,
        930px 1899px #f2dc5f, 1505px 1734px #f2dc5f, 653px 1026px #f2dc5f,
        1486px 1566px #f2dc5f, 46px 109px #f2dc5f, 1526px 1040px #f2dc5f, 840px 519px #f2dc5f,
        1912px 1341px #f2dc5f, 1382px 471px #f2dc5f, 638px 1021px #f2dc5f, 38px 347px #f2dc5f,
        1290px 781px #f2dc5f, 1485px 847px #f2dc5f, 1496px 1245px #f2dc5f,
        1267px 1307px #f2dc5f, 449px 741px #f2dc5f, 636px 1550px #f2dc5f, 1524px 884px #f2dc5f,
        137px 604px #f2dc5f, 1864px 180px #f2dc5f, 1373px 323px #f2dc5f, 307px 985px #f2dc5f,
        1603px 1012px #f2dc5f, 642px 1490px #f2dc5f, 1889px 1992px #f2dc5f,
        1405px 762px #f2dc5f, 7px 582px #f2dc5f, 1586px 236px #f2dc5f, 538px 501px #f2dc5f,
        322px 917px #f2dc5f, 176px 430px #f2dc5f, 350px 785px #f2dc5f, 562px 1838px #f2dc5f,
        699px 1647px #f2dc5f, 67px 1144px #f2dc5f, 1656px 523px #f2dc5f, 64px 1469px #f2dc5f,
        770px 268px #f2dc5f, 1752px 501px #f2dc5f, 641px 179px #f2dc5f, 685px 220px #f2dc5f,
        1214px 380px #f2dc5f, 1579px 1438px #f2dc5f, 310px 1300px #f2dc5f,
        514px 1492px #f2dc5f, 625px 557px #f2dc5f, 634px 1043px #f2dc5f, 707px 1262px #f2dc5f,
        979px 304px #f2dc5f, 283px 29px #f2dc5f, 1541px 1335px #f2dc5f, 1255px 705px #f2dc5f,
        1118px 325px #f2dc5f, 1121px 723px #f2dc5f, 1510px 465px #f2dc5f,
        1609px 1975px #f2dc5f, 584px 1678px #f2dc5f, 1617px 1270px #f2dc5f,
        372px 1033px #f2dc5f, 976px 1024px #f2dc5f, 362px 715px #f2dc5f, 146px 1240px #f2dc5f,
        1458px 1770px #f2dc5f, 748px 1118px #f2dc5f, 139px 760px #f2dc5f, 1846px 839px #f2dc5f,
        1763px 716px #f2dc5f, 274px 1841px #f2dc5f, 1085px 74px #f2dc5f, 415px 1714px #f2dc5f,
        692px 374px #f2dc5f, 1005px 1084px #f2dc5f, 312px 562px #f2dc5f, 1476px 1325px #f2dc5f,
        1335px 458px #f2dc5f, 755px 584px #f2dc5f, 329px 1882px #f2dc5f, 73px 1102px #f2dc5f,
        1077px 272px #f2dc5f, 1790px 555px #f2dc5f, 936px 1429px #f2dc5f,
        1280px 1939px #f2dc5f, 243px 1187px #f2dc5f, 1323px 1294px #f2dc5f,
        1921px 281px #f2dc5f, 1163px 1764px #f2dc5f, 598px 100px #f2dc5f, 802px 745px #f2dc5f,
        1814px 1371px #f2dc5f, 1532px 1805px #f2dc5f, 1391px 1704px #f2dc5f,
        945px 321px #f2dc5f, 361px 1787px #f2dc5f, 985px 1903px #f2dc5f, 652px 1376px #f2dc5f,
        425px 1538px #f2dc5f, 1936px 1043px #f2dc5f, 158px 325px #f2dc5f, 89px 1559px #f2dc5f,
        1477px 1535px #f2dc5f, 595px 727px #f2dc5f, 956px 683px #f2dc5f, 1765px 1840px #f2dc5f,
        696px 1546px #f2dc5f, 1165px 112px #f2dc5f, 1777px 796px #f2dc5f, 894px 1331px #f2dc5f,
        531px 1025px #f2dc5f, 296px 1867px #f2dc5f, 1265px 693px #f2dc5f, 29px 1036px #f2dc5f,
        1204px 364px #f2dc5f, 605px 1px #f2dc5f, 687px 1940px #f2dc5f, 371px 68px #f2dc5f,
        602px 796px #f2dc5f, 1340px 470px #f2dc5f, 1460px 1570px #f2dc5f, 247px 1579px #f2dc5f,
        1118px 829px #f2dc5f, 1698px 386px #f2dc5f, 684px 1245px #f2dc5f, 463px 1516px #f2dc5f,
        1266px 1461px #f2dc5f, 898px 1751px #f2dc5f, 6px 1281px #f2dc5f, 1957px 166px #f2dc5f,
        999px 426px #f2dc5f, 1821px 245px #f2dc5f, 830px 1367px #f2dc5f, 1237px 1106px #f2dc5f,
        1412px 645px #f2dc5f, 7px 93px #f2dc5f, 550px 1194px #f2dc5f, 1950px 1403px #f2dc5f,
        639px 1787px #f2dc5f, 1293px 1807px #f2dc5f, 462px 1713px #f2dc5f,
        378px 1189px #f2dc5f, 1177px 1376px #f2dc5f, 308px 1471px #f2dc5f, 976px 221px #f2dc5f,
        1766px 200px #f2dc5f, 1577px 356px #f2dc5f, 1542px 890px #f2dc5f, 567px 1998px #f2dc5f,
        96px 1389px #f2dc5f, 1334px 698px #f2dc5f, 1752px 1068px #f2dc5f, 269px 257px #f2dc5f,
        950px 1864px #f2dc5f, 1640px 817px #f2dc5f, 1340px 1064px #f2dc5f,
        1507px 389px #f2dc5f, 30px 1855px #f2dc5f, 766px 1645px #f2dc5f, 1280px 1975px #f2dc5f,
        967px 1469px #f2dc5f, 1560px 1499px #f2dc5f, 52px 664px #f2dc5f, 1319px 995px #f2dc5f,
        483px 1952px #f2dc5f;
      content: " ";
      display: block;
      height: 1px;
      position: fixed;
      width: 1px;
      z-index: 1;
      opacity: 50%;
    }
    #container-wrap:before,
    #container-wrap:after {
      animation: animStar 100s linear infinite;
      background: transparent;
      box-shadow: 97px 253px #f2dc5f, 76px 278px #f2dc5f, 1958px 1952px #f2dc5f,
        117px 481px #f2dc5f, 1326px 1250px #f2dc5f, 835px 149px #f2dc5f, 61px 182px #f2dc5f,
        788px 1960px #f2dc5f, 1256px 652px #f2dc5f, 1233px 1544px #f2dc5f,
        970px 1685px #f2dc5f, 1697px 1583px #f2dc5f, 680px 1847px #f2dc5f,
        1282px 749px #f2dc5f, 220px 724px #f2dc5f, 673px 44px #f2dc5f, 1919px 1555px #f2dc5f,
        737px 1319px #f2dc5f, 491px 195px #f2dc5f, 1507px 171px #f2dc5f, 771px 1497px #f2dc5f,
        602px 419px #f2dc5f, 1908px 621px #f2dc5f, 1993px 1864px #f2dc5f, 345px 1915px #f2dc5f,
        1216px 387px #f2dc5f, 1663px 887px #f2dc5f, 1036px 746px #f2dc5f, 831px 12px #f2dc5f,
        1675px 1029px #f2dc5f, 1734px 1133px #f2dc5f, 888px 1255px #f2dc5f,
        195px 1336px #f2dc5f, 760px 1484px #f2dc5f, 88px 1319px #f2dc5f, 577px 1665px #f2dc5f,
        500px 889px #f2dc5f, 337px 1736px #f2dc5f, 1593px 1935px #f2dc5f, 1444px 803px #f2dc5f,
        1477px 703px #f2dc5f, 1380px 1137px #f2dc5f, 694px 1375px #f2dc5f,
        412px 1132px #f2dc5f, 223px 61px #f2dc5f, 1310px 225px #f2dc5f, 1640px 1415px #f2dc5f,
        1222px 955px #f2dc5f, 913px 791px #f2dc5f, 1987px 709px #f2dc5f, 162px 336px #f2dc5f,
        855px 1655px #f2dc5f, 738px 726px #f2dc5f, 1981px 1519px #f2dc5f,
        1798px 1921px #f2dc5f, 1723px 1314px #f2dc5f, 1313px 1711px #f2dc5f,
        1926px 1218px #f2dc5f, 1052px 1868px #f2dc5f, 1622px 912px #f2dc5f,
        1974px 901px #f2dc5f, 1195px 82px #f2dc5f, 1446px 757px #f2dc5f, 355px 1425px #f2dc5f,
        749px 1479px #f2dc5f, 1779px 963px #f2dc5f, 243px 656px #f2dc5f, 671px 1835px #f2dc5f,
        205px 780px #f2dc5f, 811px 1186px #f2dc5f, 14px 1319px #f2dc5f, 436px 64px #f2dc5f,
        686px 509px #f2dc5f, 129px 884px #f2dc5f, 683px 80px #f2dc5f, 1931px 1965px #f2dc5f,
        867px 373px #f2dc5f, 1215px 244px #f2dc5f, 814px 1658px #f2dc5f, 1600px 841px #f2dc5f,
        418px 443px #f2dc5f, 59px 516px #f2dc5f, 988px 1390px #f2dc5f, 164px 1317px #f2dc5f,
        1490px 1276px #f2dc5f, 940px 404px #f2dc5f, 721px 1457px #f2dc5f, 1678px 286px #f2dc5f,
        640px 385px #f2dc5f, 152px 1160px #f2dc5f, 1235px 1839px #f2dc5f, 1038px 444px #f2dc5f,
        1439px 300px #f2dc5f, 1025px 27px #f2dc5f, 1968px 577px #f2dc5f, 835px 1533px #f2dc5f,
        1445px 364px #f2dc5f, 1102px 1879px #f2dc5f, 1114px 1631px #f2dc5f, 636px 15px #f2dc5f,
        745px 200px #f2dc5f, 1489px 1114px #f2dc5f, 146px 1566px #f2dc5f, 613px 146px #f2dc5f,
        190px 1672px #f2dc5f, 1967px 578px #f2dc5f, 1414px 179px #f2dc5f,
        1750px 1833px #f2dc5f, 37px 922px #f2dc5f, 1833px 708px #f2dc5f, 413px 1989px #f2dc5f,
        1269px 1291px #f2dc5f, 971px 580px #f2dc5f, 503px 533px #f2dc5f, 641px 175px #f2dc5f,
        863px 1831px #f2dc5f, 1174px 1250px #f2dc5f, 1612px 1022px #f2dc5f,
        1136px 1170px #f2dc5f, 706px 1101px #f2dc5f, 887px 1795px #f2dc5f, 849px 444px #f2dc5f,
        1015px 1058px #f2dc5f, 322px 90px #f2dc5f, 1577px 266px #f2dc5f, 176px 878px #f2dc5f,
        710px 474px #f2dc5f, 769px 523px #f2dc5f, 418px 1298px #f2dc5f, 654px 1049px #f2dc5f,
        327px 743px #f2dc5f, 343px 192px #f2dc5f, 930px 125px #f2dc5f, 835px 1193px #f2dc5f,
        473px 1709px #f2dc5f, 1857px 319px #f2dc5f, 675px 278px #f2dc5f, 1546px 613px #f2dc5f,
        811px 764px #f2dc5f, 303px 1360px #f2dc5f, 447px 930px #f2dc5f, 1475px 1935px #f2dc5f,
        1101px 738px #f2dc5f, 1577px 1373px #f2dc5f, 1634px 628px #f2dc5f,
        1231px 663px #f2dc5f, 275px 1076px #f2dc5f, 1746px 668px #f2dc5f,
        1714px 1167px #f2dc5f, 847px 34px #f2dc5f, 1413px 450px #f2dc5f, 1037px 1738px #f2dc5f,
        794px 634px #f2dc5f, 1800px 1946px #f2dc5f, 1346px 1826px #f2dc5f,
        718px 1732px #f2dc5f, 151px 1276px #f2dc5f, 428px 976px #f2dc5f, 485px 938px #f2dc5f,
        98px 344px #f2dc5f, 1936px 1462px #f2dc5f, 142px 349px #f2dc5f, 1659px 324px #f2dc5f,
        1074px 1878px #f2dc5f, 345px 75px #f2dc5f, 508px 1532px #f2dc5f, 1117px 611px #f2dc5f,
        33px 350px #f2dc5f, 1002px 565px #f2dc5f, 986px 885px #f2dc5f, 1086px 1066px #f2dc5f,
        1102px 211px #f2dc5f, 590px 1021px #f2dc5f, 719px 145px #f2dc5f, 964px 980px #f2dc5f,
        259px 1554px #f2dc5f, 1942px 748px #f2dc5f, 1569px 601px #f2dc5f, 417px 609px #f2dc5f,
        1143px 1210px #f2dc5f, 1182px 552px #f2dc5f, 1224px 1804px #f2dc5f,
        898px 1516px #f2dc5f, 736px 624px #f2dc5f, 213px 754px #f2dc5f, 408px 496px #f2dc5f,
        1820px 1548px #f2dc5f, 1807px 1514px #f2dc5f, 739px 189px #f2dc5f,
        1304px 1249px #f2dc5f, 1437px 122px #f2dc5f, 1702px 821px #f2dc5f,
        370px 1554px #f2dc5f, 10px 1505px #f2dc5f, 501px 593px #f2dc5f, 1482px 23px #f2dc5f,
        1774px 1032px #f2dc5f, 828px 262px #f2dc5f, 1530px 1354px #f2dc5f,
        1698px 886px #f2dc5f;
      content: " ";
      display: block;
      height: 2px;
      position: fixed;
      width: 2px;
      z-index: 1;
      opacity: 50%;
    }
    #container:before,
    #container:after {
      animation: animStar 150s linear infinite;
      background: transparent;
      box-shadow: 46px 995px #f2dc5f, 1287px 1821px #f2dc5f, 1954px 1267px #f2dc5f,
        1880px 1659px #f2dc5f, 381px 829px #f2dc5f, 314px 1471px #f2dc5f,
        1631px 1262px #f2dc5f, 889px 506px #f2dc5f, 1836px 1779px #f2dc5f, 823px 42px #f2dc5f,
        343px 943px #f2dc5f, 1334px 1179px #f2dc5f, 285px 287px #f2dc5f, 1820px 1967px #f2dc5f,
        872px 663px #f2dc5f, 541px 1759px #f2dc5f, 253px 1099px #f2dc5f, 1383px 794px #f2dc5f,
        433px 716px #f2dc5f, 69px 1603px #f2dc5f, 1738px 1239px #f2dc5f, 1540px 1633px #f2dc5f,
        1829px 288px #f2dc5f, 1778px 1640px #f2dc5f, 1336px 1188px #f2dc5f,
        1001px 1419px #f2dc5f, 198px 334px #f2dc5f, 953px 840px #f2dc5f, 1115px 773px #f2dc5f,
        85px 844px #f2dc5f, 1974px 644px #f2dc5f, 1720px 429px #f2dc5f, 1088px 831px #f2dc5f,
        919px 390px #f2dc5f, 866px 346px #f2dc5f, 617px 5px #f2dc5f, 665px 1023px #f2dc5f,
        231px 118px #f2dc5f, 1715px 78px #f2dc5f, 901px 1788px #f2dc5f, 1516px 1203px #f2dc5f,
        541px 1364px #f2dc5f, 404px 562px #f2dc5f, 244px 155px #f2dc5f, 278px 72px #f2dc5f,
        1156px 889px #f2dc5f, 204px 1622px #f2dc5f, 313px 484px #f2dc5f, 760px 1478px #f2dc5f,
        1416px 1365px #f2dc5f, 257px 190px #f2dc5f, 632px 769px #f2dc5f, 1334px 1685px #f2dc5f,
        1769px 555px #f2dc5f, 643px 514px #f2dc5f, 1948px 376px #f2dc5f, 572px 579px #f2dc5f,
        643px 1787px #f2dc5f, 1194px 137px #f2dc5f, 1099px 1136px #f2dc5f, 987px 35px #f2dc5f,
        207px 1617px #f2dc5f, 756px 174px #f2dc5f, 346px 1054px #f2dc5f, 1338px 1897px #f2dc5f,
        1024px 1995px #f2dc5f, 1747px 382px #f2dc5f, 45px 7px #f2dc5f, 1764px 1556px #f2dc5f,
        944px 251px #f2dc5f, 1121px 113px #f2dc5f, 1660px 1388px #f2dc5f, 762px 1022px #f2dc5f,
        515px 287px #f2dc5f, 1115px 1817px #f2dc5f, 1306px 1942px #f2dc5f,
        1572px 1410px #f2dc5f, 1675px 48px #f2dc5f, 48px 1845px #f2dc5f, 1393px 174px #f2dc5f,
        1927px 1094px #f2dc5f, 114px 412px #f2dc5f, 1897px 1349px #f2dc5f,
        151px 1800px #f2dc5f, 3px 433px #f2dc5f, 1837px 173px #f2dc5f, 1844px 1357px #f2dc5f,
        957px 743px #f2dc5f, 672px 719px #f2dc5f, 433px 1476px #f2dc5f, 1314px 690px #f2dc5f,
        1764px 1888px #f2dc5f, 1287px 868px #f2dc5f, 1282px 1989px #f2dc5f,
        1258px 94px #f2dc5f, 1335px 1311px #f2dc5f, 957px 1204px #f2dc5f, 208px 1065px #f2dc5f,
        688px 678px #f2dc5f, 1835px 1130px #f2dc5f;
      content: " ";
      display: block;
      height: 3px;
      position: fixed;
      width: 3px;
      z-index: 1;
      opacity: 20%;
    }
    @keyframes animStar {
      from {
        transform: translateY(0px);
      }
      to {
        transform: translateY(-2000px);
      }
    }
  }
  
  .byline span:nth-of-type(2)::after {
  content: " ";
  }
  
  .byline span:nth-of-type(2) {
  display: none;
  }
  
  .bt {
    filter: none;
  }
  
  :target {
      display: block;    
      position: relative;     
      top: -100px;
      visibility: hidden;
  }
  
  #page-content table.wiki-content-table {
  width: 100%;
  }
  
  #page-content table.wiki-content-table th {
  font-family: 'Germania One', sans-serif;
  font-size: 1.1rem;
  letter-spacing: 2px;
  font-weight: normal;
  }
  
  .limit br {
  display: unset;
  }
  
  a.initbutn:hover {
  filter: drop-shadow(0px 0px 50px var(--accentColor));
  }
  
  .w-container {
      background-color: #0f5717;
      border: none;
      border-left: groove 0.4rem var(--accentColor);
      border-right: groove 0.4rem var(--accentColor);
      padding: 16px;
      margin-top: 12px;
      margin-bottom:12px;
      box-shadow: none;
      color: #fdfdfd;
      filter: drop-shadow(0px 6px 11px rgba(0,0,0,0.4));
  }
  
  .w-container strong {
    color: var(--textColor);
    filter: none;
  }
  
  #page-content .cell-container-image {
      background: url(https://scp-wiki.wikidot.com/local--files/scp-7006/radix.png) center no-repeat !important;
  }
  
  @media (max-width: 706px) {
      #page-content .cell-container {
          background: none !important;
       }
  }
  
  .adventure-menu {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin: 0;
  }
  
  .adventure-card {
  border: groove 7px var(--accentColor);
  margin: 10px 0.5rem;
  width: 100%;
  background: linear-gradient(180deg, var(--fgColor) 0%, var(--bgColor) 40%);
  display: block;
  box-shadow: inset 0px 0px 27px 5px rgba(0, 0, 0, 0.5);
  }
  
  .adventure-card .image-container {
  padding: unset;
  }
  
  .adventure-card .image-container a {
  border-bottom: none !important;
  }
  
  .adventure-card .image-container a:hover {
  background-color: unset;
  }
  
  .adventure-card .image-container a img {
  transition-duration: 0.5s;
  filter: drop-shadow(0px 10px 10px #000);
  }
  
  .adventure-card .image-container:hover a img {
  filter: drop-shadow(0px 0px 10px var(--accentColor));
  }
  
  .adventure-card.securement .image-container:hover a img {
  transform: scale(0.9) rotate(-10deg);
  }
  
  .adventure-card.containment .image-container:hover a img {
  transform: scale(0.9) translateY(-20px);
  }
  
  .adventure-card.protection .image-container:hover a img {
  transform: scale(0.9) rotate(10deg);
  }
  
  .adventure-card.securement .image-container a::before {
  content: "Securement";
  font-family: var(--header-font);
  display: inline-block;
  padding-top: 10px;
  color: var(--accentColor);
  font-size: 1.5rem;
  }
  
  .adventure-card.containment .image-container a::before {
  content: "Containment";
  font-family: var(--header-font);
  display: inline-block;
  padding-top: 10px;
  color: var(--accentColor);
  font-size: 1.5rem;
  }
  
  .adventure-card.protection .image-container a::before {
  content: "Protection";
  font-family: var(--header-font);
  display: inline-block;
  padding-top: 10px;
  color: var(--accentColor);
  font-size: 1.5rem;
  }
  

  Pages using this styling

  • scp-7006 [info]

  ¶ 1 occurrence
  

  
  #page-title {
  
    display: none;
  
  }
  

  Pages using this styling

  • scp-7005 [info]

  ¶ 1 occurrence
  

  .accent {
  color: #E5D69D;
  }
   #page-title {
      display: none;

  Pages using this styling

  • scp-7005 [info]

  ¶ 1 occurrence
  

  
  :root {
  
      --timeScale: 6;
      --timeDelay: 6s;
      --red: 176, 216, 247;
       --medium-accent: var(--red);
       --cutColour: #fafafa;
       --barColour: var(--red);
       --toggle-border-color: rgb(var(--red));
       --toggle-icon-color: rgb(var(--red));
       --mono-font: 'IBM Plex Mono', monospace;
       --background-gradient-distance: 20rem;
       --background-gradient-color: var(--red);
       --dark-accent: var(--red);
       --barColour: var(--red);
       --bright-accent: var(--red);
  
       --link-color: 140, 199, 245;
       --visited-link-color: 176, 216, 247;
       --hover-link-color: 176, 216, 247;
  
      --logo-image: url("https://scp-wiki.wikidot.com/local--files/scp-7001/logo.svg");
  }
  
  #content-wrap {
      background-color: #ffffff;
      background-image: url("data:image/svg+xml,%3Csvg width='48' height='64' viewBox='0 0 48 64' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M48 28v-4L36 12 24 24 12 12 0 24v4l4 4-4 4v4l12 12 12-12 12 12 12-12v-4l-4-4 4-4zM8 32l-6-6 10-10 10 10-6 6 6 6-10 10L2 38l6-6zm12 0l4-4 4 4-4 4-4-4zm12 0l-6-6 10-10 10 10-6 6 6 6-10 10-10-10 6-6zM0 16L10 6 4 0h4l4 4 4-4h4l-6 6 10 10L34 6l-6-6h4l4 4 4-4h4l-6 6 10 10v4L36 8 24 20 12 8 0 20v-4zm0 32l10 10-6 6h4l4-4 4 4h4l-6-6 10-10 10 10-6 6h4l4-4 4 4h4l-6-6 10-10v-4L36 56 24 44 12 56 0 44v4z' fill='%23d8ecfb' fill-opacity='0.25' fill-rule='evenodd'/%3E%3C/svg%3E");
  }
  
  #page-content hr {
  border-top: none;
  height: .09em;
  background: rgb(var(--red));
  border-left: 50px double #fcfcfc;
  border-right: 50px double #fcfcfc;
  }
  
  .info-container{
  --barColour: #b0d8f7;
  }
  
  .scp-image-block {
  border: none;
  border-bottom: 2px solid #b0d8f7;
      box-shadow: none;
  }
  
  .info-container .collapsible-block-folded a{
  color: #FFF;}
  .info-container .collapsible-block-unfolded-link a{
  color: #FFF;
  }
  
  .info-container .collapsible-block-folded a{
  color: #FFF;}
  .info-container .collapsible-block-unfolded-link a{
  color: #FFF;
  }
  
  #page-content > .collapsible-block {
      display: block;
      text-align: center;
      padding: .8em;
      background-color: white;
      border-top: 0.125rem solid #b0d8f7;
      border-bottom: 0.125rem solid #b0d8f7;
  }
  
  #page-content > .collapsible-block .collapsible-block-content {
      text-align: left;
  }
  
  blockquote,
  div.blockquote {
      border: 0.125rem solid #d4d4d4;
      background-color: #F5F5F5;
  }
  
  .interview{
      border-top:solid 2px #b0d8f7;
      border-bottom:solid 2px #b0d8f7;
      background:#F5F5F5;
      width:90%;
      padding:1px 15px;
      margin: 10px auto;
  }
  
  .addendum{
      border-top: 0.125rem solid #b0d8f7;
      border-bottom: 0.125rem solid #b0d8f7;
      background:white;
      width:90%;
      padding:1px 15px;
      margin: 10px auto;
  }
  
  .snip{
      border-left:solid 3px #b0d8f7;
      background:#fafafa;
      width:90%;
      padding:1px 15px;
      margin: 10px auto;
  }
  
  .dation{
       color: black;
       font-weight: bold;
       background:#ffffff url(http://scp-wiki.wdfiles.com/local--files/the-great-hippo/scp_trans.png) center no-repeat;
       float: center;
       border-top: solid 2px #b31010;
       border-bottom: solid 2px #b31010;
       padding: 15px 15px;
      margin: 10px auto;
  }
  
  .one{
       color: black;
       font-weight: bold;
       background:#ffffff url(http://scp-wiki.wdfiles.com/local--files/the-great-hippo/scp_trans.png) center no-repeat;
       float: center;
       border-top:solid 2px #b0d8f7;
       border-bottom:solid 2px #b0d8f7;
       padding: 15px 15px;
      margin: 10px auto;
  }
  
  #page-title{display:none}
  

  Pages using this styling

  • scp-7001 [info]

  ¶ 1 occurrence
  

  :root {
   --timeDelay: 0.5s;
   --problem: 255, 109, 0
  }
  a.collapsible-block-link:not(.licensebox a.collapsible-block-link) {
      font-weight: 600;
      color: white;
      padding-top: 4px;
      padding-bottom: 4px;
      padding-left: 7px;
      padding-right: 9px;
      background: rgb(20, 20, 20);
      border-radius: 6px;
      margin-top: 10px;
      margin-bottom: 12px;
  }
  @keyframes spin {
     100% { transform: rotate(360deg); }
  }
  div.ettra img {
    z-index: 0;
    animation: spin 20s cubic-bezier(1,1,1,1) infinite;
    filter: drop-shadow(0 0 0.1rem black);
    margin-top: 18px;
  }
  .ettra_memo {
      background: #F2E0C2;
      background-size: contain;
      background-position: top center;
      background-repeat: no-repeat;
      box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
      width: 90%;
      margin-left: auto;
      margin-right: auto;
      margin-bottom: 24px;
      padding: 10px 20px 20px 20px;
      word-break: break-word;
  }
  .logo_section{
      float:left;
      width: 150px;
      padding: 0 2%;
  }
  .title_section{
      float:left;
      width: calc(90% - 150px);
  }
  .text_section{
      float:left;
      width: 95%;
      padding: 0 2%;
  }
  @media (max-width: 1000px) {
      .logo_section{
          float:left;
          width: 95%;
          padding: 0 2%;
      }
      .title_section{
          float:left;
          width: 95%;
          padding: 0 2%;
      }
  }
  .ad_memo {
      background: url(https://scp-wiki.wdfiles.com/local--files/scp-7000/ADtransparent.png) #F4DFDF;
      background-size: 400px;
      background-position: center;
      background-repeat: no-repeat;
      box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
      width: 90%;
      min-height: 4rem;
      margin-left: auto;
      margin-right: auto;
      padding: 10px 20px 20px 20px;
      word-break: break-word;
  }
   
  .ad_memo>p:nth-child(1)::before {
      content: "ANALYTICS DEPARTMENT REPORT\00000a";
      font-family: 'Work Sans', sans-serif;
      font-weight: 900;
      font-size: 130%;
      text-align: center;
      margin-bottom: 1rem;
      padding-bottom: 0.3rem;
      border-bottom: dotted 0.13rem darkslategrey;
      max-width: 49rem;
      margin-left: auto;
      margin-right: auto;
      display: flex;
      flex-direction: column;
      align-content: stretch;
      align-items: center;
  }
  .overwatch_memo {
      background: #EBEBEB;
      background-size: contain;
      background-position: center;
      background-repeat: no-repeat;
      box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
      width: 90%;
      margin-left: auto;
      margin-right: auto;
      padding: 10px 30px 20px 20px;
      word-break: break-word;
  } 
  .overwatch_memo>p:nth-child(1)::before {
      content: "OVERWATCH COMMAND: O5 COUNCIL MINUTES\00000a";
      font-weight: 900;
      font-size: 130%;
      text-align: center;
      margin-bottom: 1rem;
      padding-bottom: 0.55rem;
      border-bottom: dotted 0.13rem darkslategrey;
      max-width: 49rem;
      margin-left: auto;
      margin-right: auto;
      display: flex;
      flex-direction: column;
      align-content: stretch;
      align-items: center;

  Pages using this styling

  • scp-7000 [info]

  ¶ 1 occurrence
  

  body{
      --barColour: #3648a3;
  }
  
  :root{
    --header-title: "SCP Foundation";
    --header-subtitle: "Secure, Contain, Protect";
  }
  
  #header h1 a:before {
      font-size: 2.5rem;
  }
  
  div#extra-div-1 {
      background-image: url(https://scp-wiki.wdfiles.com/local--files/component:pride-highlighter/nb_logo_blk.svg);
      filter: opacity(30%);
  }
  
  .meta-title {
    border-bottom: solid 1px #bbbbbb;
    color: #990011;
    font-weight: normal;
    margin: 0 0 0.6em;
    padding: 0 0 0.25em;
    font-size: 200%;
  }
  
  .meta-title p {
    margin: 0;
  }
  
  .body-text {
      margin: 2% 5% 2% 5%;
      padding: 5px 20px 5px 20px;
      background-color: #f2f2f2;
      color: #111;
  }
  
  .quote-text {
      display: inline-block;
      border:dashed 1px #999999;
      background:#F5F5F5;
      float:center;
      width:84%;
      padding:1px 15px;
      margin: 10px 10px 10px 30px;
  }
  
  @media only screen and (max-width: 600px) {
  
      .body-text {
          margin: 0% 4% 0% 4%;
      }
  
      .quote-text {
          margin: 10px 20px 10px 20px;
      }
  
  }
  
  #page-content .info-container {
      --link-color: rgb(var(--swatch-text-general));
  }
  
  #page-content .info-container .translation_block {
      display: none;
  }
  
  #page-content .info-container .collapsible-block-link,
  #page-content .info-container:hover .collapsible-block-link {
      line-height: 1.6em;
  }
  
  #page-content .info-container .collapsible-block-folded,
  #page-content .info-container .collapsible-block-unfolded-link {
      display: grid;
  }
  
  #page-content .info-container .collapsible-block-folded .collapsible-block-link,
  #page-content .info-container .collapsible-block-link {
      -webkit-mask: unset;
              mask: unset;
      background: transparent;
      grid-column: 1;
      grid-row: 1;
      opacity: 0;
  }
  
  #page-content .info-container .collapsible-block-folded::before,
  #page-content .info-container .collapsible-block-unfolded-link::before {
      --wght: 800;
      content: "Elenee FishTruck";
      color: #FFFFFF;
      font-family: Inter, Arimo, Verdana, Geneva, "Helvetica Neue", "Helvetica", Arial, sans-serif;;
      display: block;
      pointer-events: none;
      grid-column: 1;
      grid-row: 1;
      line-height: 2.75ex;
  }

  Pages using this styling

  • scp-6999 [info]

  ¶ 1 occurrence
  

  
  .info-container .collapsible-block-folded a{
  color: #FFF;}
  .info-container .collapsible-block-unfolded-link a{
  color: #FFF;
  }
  
  #page-content > .collapsible-block {
      display: block;
      text-align: center;
      padding: .8em;
      background-color: #e3e3e3;
      border-top: 0.125rem dashed #b5b5b5;
      border-bottom: 0.125rem dashed #b5b5b5;
  }
  
  #page-content > .collapsible-block .collapsible-block-content {
      text-align: left;
  }
  
  #page-content .license-box .collapsible-block {
  
      display: unset;
  
      text-align: unset;
  
      padding: unset;
  
      background-color: unset;
  
      border-top: unset;
  
      border-bottom: unset;
  
  }
  
  
  
  #page-content .license-box .collapsible-block .collapsible-block-content {
  
      text-align: unset;
  
  }
  
  blockquote,
  div.blockquote {
      border: 0.125rem solid #d4d4d4;
      background-color: #F5F5F5;
  }
  
  .interview{
      border:solid 2px #d4d4d4;
      text-align: left;
      background:#F5F5F5;
      width:90%;
      padding:1px 15px;
      margin: 10px auto;
  }
  
  .test{
      display: block;
      text-align: center;
      padding: .8em;
  }
  
  .wrapper{
      display: block;
      text-align: center;
      padding: .8em;
      background-color: #e3e3e3;
      border-top: 0.125rem dashed #b5b5b5;
      border-bottom: 0.125rem dashed #b5b5b5;
  }
  
  .fancy {
    background: url(http://firedawnfolder.wdfiles.com/local--files/dysadron-50/Gradient2.jpg);
    background-size: auto;
    -webkit-background-clip: text;
    text-decoration: none;
    -webkit-text-fill-color: rgba(var(--dark-accent),0);
    background-position: 0% 0%;
    text-shadow: inset 0.0625rem 0.0625rem 0 rgba(var(--dark-accent));
  }
  
  #page-title{display:none}
  

  Pages using this styling

  • scp-6996 [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Dekko&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Neucha&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Rock+Salt&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Gloria+Hallelujah&display=swap');

  Pages using this styling

  • scp-6993 [info]

  ¶ 1 occurrence
  

  :root {
    --accentColor: 255,99,71;
    --header-title: "THE FOUNDATION";
    --header-subtitle: "Fighting Fire With Fire";
  }

  Pages using this styling

  • scp-6989-j [info]

  ¶ 1 occurrence
  

  #page-title {
      display: none;
  }
  
  div.notice-box {
      background: url(https://scp-wiki.wikidot.com/local--files/theme:basalt/RAISA_LIGHTLOGO.png) #faf2c3;
      background-size: contain;
      background-position: top center;
      background-repeat: no-repeat;
      border: 1px solid #ccc;
      padding: 0 10px 12px;
      margin: 7px 4px 12px;
      overflow: hidden;
  }
   
  div.notice-box div.image-container img {
      margin: 5px;
      padding: 2px;
      border: 1px solid #999;
  }

  Pages using this styling

  • scp-6989 [info]

  ¶ 1 occurrence
  

  .authorlink-wrapper {
      --author-top-adjust: .5rem;
  }
  
  .owindow h1 {
    color: black;
  }

  Pages using this styling

  • scp-6987 [info]

  ¶ 1 occurrence
  

  .email-example .collapsible-block-folded a.collapsible-block-link {
      animation: blink 0.8s ease-in-out infinite alternate;
  }
  @keyframes blink {
      0% { color: color: #b01; }
      50%, 100% { color: #b01; }
  }
  
  .email {border: solid 2px #000000; width: 88%; padding: 1px 15px; margin: 10px; box-shadow: 0 1px 3px rgba(0,0,0,.5)}
  .email-example a.collapsible-block-link {font-weight: bold;}
  .tofrom {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px maroon}

  Pages using this styling

  • scp-6984 [info]

  ¶ 1 occurrence
  

  .yeetbox{
  width: 85.5%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 10px;
  padding-right: 10px;
  border: 1px dashed rgb(130, 130, 130);
  background-color: rgb(233,231,204);
  text-align: right;
  }
  
  .aaaaa {
  border: 1px solid rgb(130, 130, 130);
  margin-left: auto;
  margin-right: auto;
  width: 85%;
  padding-left: 7px;
  padding-right: 7px;
  background-color: white;
  }

  Pages using this styling

  • scp-6982 [info]

  ¶ 1 occurrence
  

  :root{
  --cutColour: #fafafa;
  --barColour: #590505;
  --logo-image: url("https://scp-wiki.wdfiles.com/local--files/component:pride-highlighter/nb_logo_blk.svg");
  --wght: 500;
  }
  .translation_block{
  display:none;}
  
  #page-content .info-container {
      --link-color: rgb(var(--swatch-text-general));
  }
  
  #page-content .info-container .translation_block {
      display: none;
  }
  
  #page-content .info-container .collapsible-block-link,
  #page-content .info-container:hover .collapsible-block-link {
      line-height: 1.6em;
  }
  
  #page-content .info-container .collapsible-block-folded,
  #page-content .info-container .collapsible-block-unfolded-link {
      display: grid;
  }
  
  #page-content .info-container .collapsible-block-folded .collapsible-block-link,
  #page-content .info-container .collapsible-block-link {
      -webkit-mask: unset;
              mask: unset;
      background: transparent;
      grid-column: 1;
      grid-row: 1;
      opacity: 0;
  }
  
  #page-content .info-container .collapsible-block-folded::before,
  #page-content .info-container .collapsible-block-unfolded-link::before {
      --wght: 800;
      content: "Collaboration";
      color: #FFFFFF;
      font-family: Inter, Arimo, Verdana, Geneva, "Helvetica Neue", "Helvetica", Arial, sans-serif;;
      display: block;
      pointer-events: none;
      grid-column: 1;
      grid-row: 1;
      line-height: 2.75ex;
  }

  Pages using this styling

  • scp-6977 [info]

  ¶ 1 occurrence
  

  .danke {
      padding: 8px;
      margin-bottom:10px;
      font-family: monospace;
      font-size: 1.2em; 
  }
  
  .agent {
      background-color:#002200;
      border: 3px solid #55AA55;
      color: #77CC77;
  }
  
  .site {
      background-color:#222200;
      border: 3px solid #AAAA55;
      color: #DDDD77;
  }

  Pages using this styling

  • scp-6974 [info]

  ¶ 1 occurrence
  

  .meta-title p {
      color: transparent !important;
      font-size: 0 !important;
  }

  Pages using this styling

  • scp-6969-j [info]

  ¶ 1 occurrence
  

  :root {
    --zero: 0;
  }
  
  .blockquote, [class*="blockquote"], blockquote, div.blockquote {
      box-shadow: none !important;
  }
  

  Pages using this styling

  • scp-6969 [info]

  ¶ 1 occurrence
  

  
  .anom-bar > .bottom-box {   /*  horizontal bar  */
    box-shadow: 0 -0.5rem 0 0 rgb(var(--five-color)) !important;
    -webkit-box-shadow: 0 -0.5rem 0 0 rgb(var(--five-color)) !important;
    -moz-box-shadow: 0 -0.5rem 0 0 rgb(var(--five-color)) !important;
    box-shadow: 0 -0.5rem 0 0 rgb(var(--five-color)) !important;
    -webkit-box-shadow: 0 -0.5rem 0 0 rgb(var(--five-color)) !important;
    -moz-box-shadow: 0 -0.5rem 0 0 rgb(var(--five-color)) !important;
  }
  

  Pages using this styling

  • scp-6969 [info]

  ¶ 1 occurrence
  

  .dryg {
      padding-left: 12px; 
      padding-right: 12px; 
      padding-top: 6px;
      background: #FFE9D9;
      border:solid 2px #FF6D00;
      margin: auto;
  }
  .ad_memo {
      background: url(https://scp-wiki.wdfiles.com/local--files/scp-7000/ADtransparent.png) #F4DFDF;
      background-size: 400px;
      background-position: center;
      background-repeat: no-repeat;
      box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
      width: 90%;
      min-height: 4rem;
      margin: auto;
      padding: 10px 20px 20px 20px;
      word-break: break-word;
  }
   .ad_memo>p:nth-child(1)::before {
      content: "ANALYTICS DEPARTMENT REPORT\00000a";
      font-family: 'Work Sans', sans-serif;
      font-weight: 900;
      font-size: 130%;
      text-align: center;
      margin-bottom: 1rem;
      padding-bottom: 0.3rem;
      border-bottom: dotted 0.13rem darkslategrey;
      max-width: 49rem;
      margin-left: auto;
      margin-right: auto;
      display: flex;
      flex-direction: column;
      align-content: stretch;
      align-items: center;
  }

  Pages using this styling

  • scp-6965 [info]

  ¶ 1 occurrence
  

  
  .footnotes-footer {
  
  display:none;
  
  }
  

  Pages using this styling

  • scp-6964 [info]

  ¶ 1 occurrence
  

  a.collapsible-block-link:not(.licensebox a.collapsible-block-link) {
      background: #141414;
  }
  .top-left-box > .item {
    display: inline;
  }
  .header-container {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    flex-wrap: wrap;
    position: relative;
    justify-content: space-around;
    align-content: space-between;
    width: 100%;
    left: 0;
    align-items: flex-start;
    row-gap: 2px;
  }
  .text-item {
    flex-grow: 1;
    max-width: 25%;
    text-align: center;
  }

  Pages using this styling

  • scp-6963 [info]

  ¶ 1 occurrence
  

  .danke {
      padding: 5px;
      margin-bottom:10px;
      font-family: monospace;
      font-size: 1.1 em; 
  }
  
  .agent {
      background-color:#002200;
      border: 3px solid #55AA55;
      color: #77CC77;
  }
  
  .site {
      background-color:#222200;
      border: 3px solid #AAAA55;
      color: #DDDD77;
  }

  Pages using this styling

  • scp-6959 [info]

  ¶ 1 occurrence
  

  .msg-time{
  margin-bottom:2px;
  }
  .message.three> .body > .userblock > .user-name:after{
  
  content:"BOT";
  color:white;
  display:inline-block;
  font-size:10px;
  background:#5865f2;
  border-radius:3px;
  font-weight:bold;
  padding:0 4px 0 4px;
  margin-left:0.3rem;
  }

  Pages using this styling

  • scp-6956 [info]

  ¶ 1 occurrence
  

   :root{
     --header-title: "SCP FOUNDATION";
     --header-subtitle: "Site-400";
  
  }
  .footnotes-footer {
      visibility: hidden;
      height: 0;
      padding: 0;
      margin: 0;
  }
  :root {
  --thaumiel: 0, 135, 189
  }

  Pages using this styling

  • scp-6955 [info]

  ¶ 1 occurrence
  

  }
  .ad_memo {
      background: url(https://scp-wiki.wdfiles.com/local--files/scp-7000/ADtransparent.png) #545454;
      background-size: 400px;
      background-position: center;
      background-repeat: no-repeat;
      box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
      width: 90%;
      min-height: 4rem;
      max-height: 100rem;
      margin-left: auto;
      margin-right: auto;
      padding: 10px 20px 20px 20px;
      word-break: break-word;
  }
  .ad_memo>p:nth-child(1)::before {
      content: "FROM THE OFFICE OF SITE DIRECTOR LEAH RICHTER\00000a";
      font-family: 'Work Sans', sans-serif;
      font-weight: 900;
      font-size: 130%;
      text-align: center;
      margin-bottom: 1rem;
      padding-bottom: 0.3rem;
      border-bottom: dotted 0.13rem darkslategrey;
      max-width: 49rem;
      margin-left: auto;
      margin-right: auto;
      display: flex;
      flex-direction: column;
      align-content: stretch;
      align-items: center;

  Pages using this styling

  • scp-6952 [info]

  ¶ 1 occurrence
  

  .footnoteref{
  color: #FF5555;
  }
  .danke{
  padding: 5px 5px 5px 15px;
  margin-bottom:10px;
  width: 100%;
  font-family: monospace;
  font-size: 1.1em; }
  
  .agent{
  background-color:#002200;
  border: 3px solid #55AA55;
  color: #77CC77;
  }
  
  .site{
  background-color:#222200;
  border: 3px solid #AAAA55;
  color: #DDDD77;
  }
  .collapsible-block-folded a.collapsible-block-link {
      animation: blink 0.8s ease-in-out infinite alternate;
  }
  @keyframes blink {
      0% { color: transparent; }
      50%, 100% { color: #1c4c3a  ; }
  }
  

  Pages using this styling

  • scp-6945 [info]

  ¶ 1 occurrence
  

  :root {
    --header-title: "SCP Foundation";
    --header-subtitle: "Secure, Contain, Protect";
  }
  
  div#extra-div-1 {
      background-image: url(http://scp-sandbox-3.wdfiles.com/local--files/collab%3Aihp/scp-logo.svg);
      padding-top: 10px;
      filter: opacity(0.2);
  }

  Pages using this styling

  • scp-6943 [info]

  ¶ 1 occurrence
  

  :root {
      --logo-image: url("https://scp-wiki.wdfiles.com/local--files/theme%3Athe-way-out/wtf.svg");
      --header-title: "OVERWATCH COMMAND";
      --header-subtitle: "SITE-01 INTERNAL DATABASE";
  }

  Pages using this styling

  • scp-6936 [info]

  ¶ 1 occurrence
  

  :root {
    --header-title: "SCP Foundation";
    --header-subtitle: "Secure, Contain, Protect";
  }
  
  div#extra-div-1 {
      background-image: url(https://scp-wiki.wdfiles.com/local--files/scp-6934/Logo.png);
      filter: invert(0) opacity(0.2);
  }
  
  .memo {
      background: #edf5f3;
      font-family: 'Work Sans', sans-serif;
      box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
      width: 90%;
      min-height: 4rem;
      max-height: 100rem;
      margin-left: auto;
      margin-right: auto;
      text-align: center;
      padding: 10px 20px 20px 20px;
      word-break: break-word;
  }
  
  .email-example a {
      animation: blink 0.8s ease-in-out infinite alternate;
  }
  @keyframes blink {
      0% { color: transparent; }
      50%, 100% { color: #b01; }
  }
  .email {border: solid 2px #000000; width: 88%; padding: 1px 15px; margin: 10px; box-shadow: 0 1px 3px rgba(0,0,0,.5)}
  .email-example a.collapsible-block-link {font-weight: bold;}
  .tofrom {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px maroon}

  Pages using this styling

  • scp-6934 [info]

  ¶ 1 occurrence
  

  :root {
   --five-color: 32, 73, 126;
      --four-color: 32, 73, 126;
      --one-color: 32, 73, 126;
    --keter: 32, 73, 126;
  }

  Pages using this styling

  • scp-6930 [info]

  ¶ 1 occurrence
  

  :root {
      --themeColor: #20497E;
      --accentColor: #1F7AE0;
  }
   div#container-wrap{
       background-image: url('http://filedmns2.wikidot.com/local--files/dokumentoz/SimpleBluender.jpg');
  }
  .yui-navset-left .yui-content {
      border-left-color: #A9AEB7;
  }
  #main-content .page-tags a:hover {
      background-color: #1F7AE0;
  }
  #page-content .collapsible-block-folded, #page-content .collapsible-block-unfolded-link {
      background: #20497E;
  }
  #page-content .collapsible-block-content {
      border-top: solid 0.08rem #20497E;
      border-bottom: solid 0.08rem #20497E;
  }
  #page-content .collapsible-block-folded .collapsible-block-link::before {
      content: none;
  }
  #page-content .collapsible-block-unfolded .collapsible-block-link::before {
      content: none;
  }
  div#header {
      background-image: url('http://filedmns2.wikidot.com/local--files/dokumentoz/PatyTransLogo2.png');
  }
  ::selection {
      background: #1F7AE0;
      color: #ffffff;
  }

  Pages using this styling

  • scp-6930 [info]

  ¶ 1 occurrence
  

   :root{
     --header-title: "SCP FOUNDATION";
     --header-subtitle: "AFTER THE FLOOD AND BEFORE THE FALL";
     --titleColor: title_colour;
     --subtitleColor: white;
  }
  }

  Pages using this styling

  • scp-6923 [info]

  ¶ 1 occurrence
  

  :root {
       --header-title: "The Foundation";
       --header-subtitle: "Department of Paracrime";
  }

  Pages using this styling

  • scp-6920 [info]

  ¶ 1 occurrence
  

  .email-example .collapsible-block-folded a.collapsible-block-link {
      animation: blink 0.8s ease-in-out infinite alternate;
  }
  @keyframes blink {
      0% { color: transparent; }
      50%, 100% { color: #246BCE; }
  }

  Pages using this styling

  • scp-6916 [info]

  ¶ 1 occurrence
  

  
  :root {
  --zero: 0;
  }

  Pages using this styling

  • scp-6914 [info]

  ¶ 1 occurrence
  

  .email-example .collapsible-block-folded a.collapsible-block-link {
      animation: blink 0.8s ease-in-out infinite alternate;
  }
  @keyframes blink {
      0% { color: transparent; }
      50%, 100% { color: #b01; }
  }
  .email {
      background: #303034;
      border: solid 3px rgb(228, 228, 228);
      width: 88%;
      padding: 1px 15px;
      margin: 10px; box-shadow: 0 1px 3px rgba(0,0,0,.5)
  }
  
  .email-example a.collapsible-block {
      font-weight: monospaced;
  }
  
  .tofrom {
      margin-left: 10px;
      margin-top: 5px;
      padding: 1px 15px;
      border-left: solid 3px rgb(228, 228, 228)
  }
  
  .quoteblock {
      border-left: solid 3px rgb(228, 228, 228);
      border-right: solid 3px rgb(228, 228, 228);
      padding: 10px 10px 10px 10px;
      box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
      width: 90%;
      margin: auto;
      background: #303034;
  }

  Pages using this styling

  • scp-6906 [info]

  ¶ 1 occurrence
  

  :root {
       --header-title: "SCP Foundation: Site-103";
       --header-subtitle: "Sow, Cultivate, Plant";
       --logo-image: url();
  }

  Pages using this styling

  • scp-6896 [info]

  ¶ 1 occurrence
  

  :root {
       --header-subtitle: "SHIMMERING, CHRISTMAS, PRESENTS";
  }

  Pages using this styling

  • scp-6895 [info]

  ¶ 1 occurrence
  

  :root {
      --header-title: "Cryptozoology Division";
      --header-subtitle: "Unearthing Our Folklore";
      --logo-image: url("http://scp-sandbox-3.wikidot.com/local--files/ozzylizard-2/CryptozoologyDivision.png");
  
      --pale-accent: 93, 125, 0 ;
      /* light red, for visited links */
      --bright-accent: 0, 133, 5;
      /* bright red */
      --medium-accent: 46, 100, 44;
      /* medium red - the "default" accent color */
      --dark-accent: 3, 100, 15;
      /* dark red */
      --alt-accent: 102, 221, 17;
      /* pale orange, for newpage links */
  
  }

  Pages using this styling

  • scp-6884 [info]

  ¶ 1 occurrence
  

  .danke{
  padding: 5px 5px 5px 15px;
  margin: auto;
  margin-top: 1em;
  margin-bottom: 1em;
  width: auto;
  font-family: monospace;
  font-size: 1em;
  }
  
  .black{
      background-color: #272727;
      border: 3px solid #474747;
      color: #ffffff;
  }
  
  .white{
      background-color: #e0e0e0;
      border: 3px solid #9b9b9b;
      color: #000000;
  }

  Pages using this styling

  • scp-6882 [info]

  ¶ 1 occurrence
  

  /* HEADER */
   :root{
     --header-title: "SERAPIS";
     --header-subtitle: "WARNING - PROCEDURE DRAFTING IN PROGRESS";
  }
  
   div#extra-div-1{
       background-image: url(https://scp-wiki.wikidot.com/local--files/scp-6881-supplementary-document-lima/Q2TCZnd.webp);
       filter: opacity(.25);
  }
  
   @media (max-width: 767px){
       #header h1{
            position: relative;
            top: -.5rem;
      }
       #header h2{
            margin-top: -.5rem;
      }
  }
  
   .meta-title{
       color: hsl(0, 0%, 0%);
  
       font-family: "Montserrat", sans-serif;
       text-align: center;
       letter-spacing: 1px;
  }
  
   #breadcrumbs{
       display: none;
  }
  
   .pseudocrumbs{
       margin: -2em 0 1em;
  
       text-align: center;
  }
  
  /* FORMATTING */
   body{
       color: hsl(0, 0%, 0%);
  
       text-underline-offset: 30%;
  }
  
   h1, h2, h3, h4, h5{
       text-align: center;
       word-break: unset;
  }
  
   hr{
       height: 0;
       margin: 1em 0;
  
       background-color: transparent;
       border-top: 1px solid hsl(0, 0%, 0%);
  }
  
   .terminal-span{
       font: bold 110%/1.5 var(--mono-font);
       letter-spacing: 0;
  }
  
  /* CUSTOM BLOCKS */
   div.evidence{
       margin: 1em 3em;
       padding: 0 1em;
  
       background-color: hsl(0, 0%, 96%);
       border: 3px double hsl(0, 0%, 60%);
  }
  
   @media (max-width: 479px){
       div.evidence{ margin: 1em 0; }
  }
  
   @media (min-width: 480px) and (max-width: 580px){
       div.evidence{ margin: .5em; }
  }
  
   table div.blockquote{
       margin: 1em 0;
  }
  
   .notes{
       padding: .001em 1em;
  
       background: hsla(53, 73%, 47%, .15);
       border-top: 10px solid hsl(53, 93%, 37%);
  }
  
   .imagediv tr th{
       margin-bottom: 0;
  
       font-size: 85%;
       text-align: center;
  }
  
    @media (max-width: 767px){
       .imagediv.wider{
            width: 250px;
      }
  }
  
   .footing::before{ /* ---- Page Footing ---- */
       position: absolute;
       right: 0;
       bottom: 1px;
       left: 0;
       content: " ";
  
       border-bottom: 2px solid hsl(0, 0%, 0%);
  }
  
   .footing{
       position: relative;
       bottom: -2px;
       margin-bottom: 2px;
  
       border-bottom: 1px solid hsl(0, 0%, 0%);
  }

  Pages using this styling

  • scp-6881-supplementary-document-lima [info]

  ¶ 1 occurrence
  

   @import url(https://fonts.bunny.net/css2?family=Cutive+Mono&display=swap);
  
  /* HEADER */
   :root{
     --header-title: "SERAPIS";
     --header-subtitle: "WARNING - PROCEDURE DRAFTING IN PROGRESS";
  }
  
   div#extra-div-1{
       background-image: url(https://scp-wiki.wikidot.com/local--files/scp-6881-supplementary-document-kilo/Q2TCZnd.webp);
       filter: opacity(.25);
  }
  
   @media (max-width: 767px){
       #header h1{
            position: relative;
            top: -.5rem;
      }
       #header h2{
            margin-top: -.5rem;
      }
  }
  
   .meta-title{
       color: hsl(0, 0%, 0%);
  
       font-family: "Montserrat", sans-serif;
       letter-spacing: 1px;
       text-align: center;
  }
  
   #breadcrumbs{
       display: none;
  }
  
   .pseudocrumbs{
       margin: -2em 0 1em;
  
       text-align: center;
  }
  
  /* FORMATTING */
   body{
       color: hsl(0, 0%, 0%);
  
       text-underline-offset: 30%;
  }
  
   h1, h2, h3, h4, h5{
       text-align: center;
       word-break: unset;
  }
  
   hr{
       height: 0;
       margin: 1em 0;
  
       background-color: transparent;
       border-top: 1px solid hsl(0, 0%, 0%);
  }
  
   .collapsible-block{
       margin: 4em 0;
  }
  
   .collapsible-block-link,
   .collapsible-block-unfolded-link{
       display: flex;
       justify-content: center;
  
       font-size: 1.25rem;
  }
  
   .collapsible-block-content{
       text-align: left;
  }
  
   .collapsible-block-folded a.collapsible-block-link{
       animation: blink .8s ease-in-out infinite alternate;
  }
  
   @keyframes blink{
       0%{
            color: transparent;
            border-bottom-color: transparent;
      }
       50%, 100%{
            color: hsl(355, 100%, 37%);
            border-bottom-color: hsl(355, 100%, 37%);
      }
  }
  
   .licensebox .collapsible-block-link,
   .licensebox .collapsible-block-unfolded-link{
       animation: none !important;
  
       font-size: unset;
  }
  
   .licensebox .collapsible-block-content{
       text-align: unset;
  }
  
   .colmod-block ul li.folded .colmod-link-top .foldable-list-container a::after{
       content: " [CLASSIFIED 5/SERAPIS]";
  }
  
   .big{
       margin: 4em 0;
  
       color: hsl(355, 100%, 37%);
  
       font-size: 1.25rem;
  }
  
  /* CUSTOM BLOCKS */
   .email{
       width: 85%;
       margin: auto;
       margin-bottom: 1em;
       padding: 0 1em;
  
       border: 3px solid hsl(0, 0%, 27%);
  }
  
   .tofrom{
       padding: 0 1em;
  
       background: url(https://scp-wiki.wdfiles.com/local--files/the-great-hippo/SCP_icon.png) right no-repeat;
       border-left: 5px solid hsl(0, 100%, 30%);
  }
  
   div.evidence{
       margin: 1em 3em;
       padding: 0 1em;
  
       background: hsl(0, 0%, 96%);
       border: 3px double hsl(0, 0%, 60%);
  }
  
   @media (max-width: 479px){
       div.evidence{ margin: 1em 0; }
  }
  
   @media (min-width: 480px) and (max-width: 580px){
       div.evidence{ margin: .5em; }
  }
  
   .manuscript{
       width: 95%;
       margin: auto;
       margin-bottom: 1rem;
       padding: 0 1rem;
  
       background: hsl(360, 45%, 90%);
       border: 3px ridge hsl(360, 35%, 65%);
  
       font: 1.25rem "Cutive Mono", monospace;
       letter-spacing: -1px;
  }
  
   .manuscript.doc2{
       background: hsl(45, 45%, 90%);
       border-color: hsl(45, 35%, 65%);
  }
  
   .manuscript.doc3{
       background: hsl(90, 45%, 90%);
       border-color: hsl(90, 35%, 65%);
  }
  
   .footing::before{ /* ---- Page Footing ---- */
       position: absolute;
       right: 0;
       bottom: 1px;
       left: 0;
       content: " ";
  
       border-bottom: 2px solid hsl(0, 0%, 0%);
  }
  
   .footing{
       position: relative;
       bottom: -2px;
       margin-bottom: 2px;
  
       border-bottom: 1px solid hsl(0, 0%, 0%);
  }
  
  /* CROQSTYLE ALTERATIONS */
   tt{
       padding: 0;
  
       background: 0;
  
       font-size: unset;
  }

  Pages using this styling

  • scp-6881-supplementary-document-kilo [info]

  ¶ 1 occurrence
  

   @import url('https://fonts.bunny.net/css2?family=Patrick+Hand&display=swap');
  
  /* HEADER */
   :root{
     --header-title: "SERAPIS";
     --header-subtitle: "WARNING - PROCEDURE DRAFTING IN PROGRESS";
  }
  
   div#extra-div-1{
       background-image: url(https://scp-wiki.wikidot.com/local--files/scp-6881-supplementary-document-juliett/Q2TCZnd.webp);
       filter: opacity(.25);
  }
  
   @media (max-width: 767px){
       #header h1{
            position: relative;
            top: -.5rem;
      }
       #header h2{
            margin-top: -.5rem;
      }
  }
  
   .meta-title{
       color: hsl(0, 0%, 0%);
       font-family: "Montserrat", sans-serif;
       text-align: center;
       letter-spacing: 1px;
  }
  
   #breadcrumbs{
       display: none;
  }
  
   .pseudocrumbs{
       margin: -2em 0 1em;
       text-align: center;
  }
  
  /* FORMATTING */
   body{
       color: hsl(0, 0%, 0%);
       text-underline-offset: 30%;
  }
  
  h1,
   h2,
    h3,
     h4,
      h5{
       text-align: center;
       word-break: unset;
  }
  
   hr{
       height: 0;
       margin: 1em 0;
  
       background-color: transparent;
       border-top: 1px solid hsl(0, 0%, 0%);
  }
  
   .collapsible-block{
       margin: 1em 0;
  }
  
   #page-content tr th{
       background: hsl(0, 0%, 96%);
       border-color: hsl(0, 0%, 60%);
  }
  
   .scp-image-block.block-right{
       margin: 0 0 1em 2em;
  }
  
  /* CUSTOM BLOCKS */
   div.evidence{
       margin: 1em 3em;
       padding: 0 1em;
  
       background-color: hsl(0, 0%, 96%);
       border: 3px double hsl(0, 0%, 60%);
  }
  
   @media (max-width: 479px){
       div.evidence{ margin: 1em 0; }
  }
  
   @media (min-width: 480px) and (max-width: 580px){
       div.evidence{ margin: .5em; }
  }
  
   .transcription{ /* ---- Mimics the Pages of a Book ---- */
       margin: 1em 0;
       padding: 0 1em;
  
       background-color: hsl(0, 0%, 100%);
       border: 1px solid hsl(0, 0%, 60%);
  }
  
   .transcription p{
       line-height: 1.5;
  }
  
   .justified{
     /* -- Justify-Aligns Text -- */
       text-align: justify;
  }
   .indented{
     /* -- Indents Block by ⅜-inch (Use Within Other Divs) -- */
       text-indent: 2.4rem;
  }
  
   .unsigned{
       margin: auto;
       padding: .001rem 1rem;
  
       background-image: url(https://scp-wiki.wikidot.com/local--files/scp-6881-supplementary-document-juliett/Oldpapertexture.webp);
  }
  
   .unsigned p,
   .unsigned ul{
       font: 1.65rem/1.35 'Patrick Hand', cursive;
       text-rendering: optimizeLegibility;
  }
  
   .unsigned ul{
       list-style-type: "x  ";
  }
  
   .unsigned ul li::marker{
       font-style: italic;
  }
  
   .footing::before{ /* ---- Page Footing ---- */
       content: " ";
       position: absolute;
       bottom: 1px;
       left: 0;
       right: 0;
       border-bottom: 2px solid hsl(0, 0%, 0%);
  }
  
   .footing{
       position: relative;
       bottom: -2px;
       margin-bottom: 2px;
       border-bottom: 1px solid hsl(0, 0%, 0%);
  }

  Pages using this styling

  • scp-6881-supplementary-document-juliett [info]

  ¶ 1 occurrence
  

  /* HEADER */
   :root{
     --header-title: "SERAPIS";
     --header-subtitle: "WARNING - PROCEDURE DRAFTING IN PROGRESS";
  }
  
   div#extra-div-1{
       background-image: url(https://scp-wiki.wikidot.com/local--files/scp-6881-supplementary-document-india/Q2TCZnd.webp);
       filter: opacity(.25);
  }
  
   @media (max-width: 767px){
       #header h1{
            position: relative;
            top: -.5rem;
      }
       #header h2{
            margin-top: -.5rem;
      }
  }
  
   .meta-title{
       color: hsl(0, 0%, 0%);
       font-family: "Montserrat", sans-serif;
       text-align: center;
       letter-spacing: 1px;
  }
  
   #breadcrumbs{
       display: none;
  }
  
   .pseudocrumbs{
       margin: -2em 0 1em;
       text-align: center;
  }
  
  /* FORMATTING */
   body{
       color: hsl(0, 0%, 0%);
       text-underline-offset: 2px;
  }
  
  h1,
   h2,
    h3,
     h4,
      h5{
       text-align: center;
       word-break: unset;
  }
  
   hr{
       height: 0;
       margin: 1em 0;
  
       background-color: transparent;
       border-top: 1px solid hsl(0, 0%, 0%);
  }
  
   .collapsible-block{
       margin: 1em 0;
  }
  
   .colmod-block ul li.folded .colmod-link-top .foldable-list-container a{
       animation: blink .8s ease-in-out infinite alternate;
  }
  
   @keyframes blink{
       0%{
          color: transparent;
      }
       50%, 100%{
          color: hsl(355, 100%, 37%);
      }
  }
  
   .scp-image-block.block-right{
       margin: 0 0 1em 2em;
  }
  
  /* CUSTOM BLOCKS */
   div.interview{
       margin: 1em 3em;
       padding: 0 1em;
  
       background-color: hsl(0, 0%, 96%);
       border: 3px double hsl(0, 0%, 60%);
  }
  
   @media (max-width: 479px){
       div.interview{ margin: 1em 0; }
  }
  
   @media (min-width: 480px) and (max-width: 580px){
       div.interview{ margin: .5em; }
  }
  
   div.interview.interview-info{
       background-image: url(https://scp-wiki.wdfiles.com/local--files/scp-style-resource/DoxYSJAV4AET63r.png);
       background-position: top center;
       background-repeat: no-repeat;
       background-size: contain;
  }
  
   .footing::before{ /* ---- Page Footing ---- */
       content: " ";
       position: absolute;
       bottom: 1px;
       left: 0;
       right: 0;
       border-bottom: 2px solid hsl(0, 0%, 0%);
  }
  
   .footing{
       position: relative;
       bottom: -2px;
       margin-bottom: 2px;
       border-bottom: 1px solid hsl(0, 0%, 0%);
  }

  Pages using this styling

  • scp-6881-supplementary-document-india [info]

  ¶ 1 occurrence
  

  /* HEADER */
   :root{
     --header-title: "SERAPIS";
     --header-subtitle: "WARNING - PROCEDURE DRAFTING IN PROGRESS";
  }
  
   div#extra-div-1{
       background-image: url(https://scp-wiki.wikidot.com/local--files/scp-6881-supplementary-document-hotel/Q2TCZnd.webp);
       filter: opacity(.25);
  }
  
   @media (max-width: 767px){
       #header h1{
            position: relative;
            top: -.5rem;
      }
       #header h2{
            margin-top: -.5rem;
      }
  }
  
   .meta-title{
       color: hsl(0, 0%, 0%);
       font-family: "Montserrat", sans-serif;
       text-align: center;
       letter-spacing: 1px;
  }
  
   #breadcrumbs{
       display: none;
  }
  
   .pseudocrumbs{
       margin: -2em 0 1em;
       text-align: center;
  }
  
  /* FORMATTING */
   body{
       color: hsl(0, 0%, 0%);
       text-underline-offset: 2px;
  }
  
  h1,
   h2,
    h3,
     h4,
      h5{
       text-align: center;
       word-break: unset;
  }
  
   hr{
       height: 0;
       margin: 1em 0;
  
       background-color: transparent;
       border-top: 1px solid hsl(0, 0%, 0%);
  }
  
   .collapsible-block{
       margin: 1em 0;
  }
  
   .scp-image-block.block-right{
       margin: 0 0 1em 2em;
  }
  
  /* CUSTOM BLOCKS */
   div.interview{
       margin: 1em 3em;
       padding: 0 1em;
  
       background-color: hsl(0, 0%, 96%);
       border: 3px double hsl(0, 0%, 60%);
  }
  
   @media (max-width: 479px){
       div.interview{ margin: 1em 0; }
  }
  
   @media (min-width: 480px) and (max-width: 580px){
       div.interview{ margin: .5em; }
  }
  
   div.interview.interview-info{
       background-image: url(https://scp-wiki.wdfiles.com/local--files/scp-style-resource/DoxYSJAV4AET63r.png);
       background-position: top center;
       background-repeat: no-repeat;
       background-size: contain;
  }
  
   .footing::before{ /* ---- Page Footing ---- */
       content: " ";
       position: absolute;
       bottom: 1px;
       left: 0;
       right: 0;
       border-bottom: 2px solid hsl(0, 0%, 0%);
  }
  
   .footing{
       position: relative;
       bottom: -2px;
       margin-bottom: 2px;
       border-bottom: 1px solid hsl(0, 0%, 0%);
  }

  Pages using this styling

  • scp-6881-supplementary-document-hotel [info]

  ¶ 1 occurrence
  

  /* HEADER */
   :root{
     --header-title: "SERAPIS";
     --header-subtitle: "WARNING - PROCEDURE DRAFTING IN PROGRESS";
  }
  
   div#extra-div-1{
       background-image: url(https://scp-wiki.wikidot.com/local--files/scp-6881-supplementary-document-golf/Q2TCZnd.webp);
       filter: opacity(.25);
  }
  
   @media (max-width: 767px){
       #header h1{
            position: relative;
            top: -.5rem;
      }
  
       #header h2{
            margin-top: -.5rem;
      }
  }
  
   .meta-title{
       color: hsl(0, 0%, 0%);
       font-family: "Montserrat", sans-serif;
       text-align: center;
       letter-spacing: 1px;
  }
  
   #breadcrumbs{
       display: none;
  }
  
   .pseudocrumbs{
       margin: -2em 0 1em;
       text-align: center;
  }
  
  /* FORMATTING */
   body{
       color: hsl(0, 0%, 0%);
       text-underline-offset: 2px;
  }
  
  h1,
   h2,
    h3,
     h4,
      h5{
       text-align: center;
       word-break: unset;
  }
  
   hr{
       height: 0;
       margin: 1em 0;
  
       background-color: transparent;
       border-top: 1px solid hsl(0, 0%, 0%);
  }
  
   .collapsible-block{
       margin: 1em 0;
  }
  
   .scp-image-block.block-right{
       margin: 0 0 1em 2em;
  }
  
  /* CUSTOM BLOCKS */
   .report-box{ /* ---- Report Block ---- */
       margin: 1em 0;
       padding: 0 1em;
       background-color: hsl(0, 0%, 100%);
       border: medium solid hsl(0, 0%, 0%);
  }
  
   .report-box hr{
       border-color: hsl(0, 0%, 0%);
  }
  
   .seal{
       height: 150px;
  }
  
  @media (max-width: 540px){
       .seal{
            height: 90px;
      }
  }
  
   .footing::before{ /* ---- Page Footing ---- */
       content: " ";
       position: absolute;
       bottom: 1px;
       left: 0;
       right: 0;
       border-bottom: 2px solid hsl(0, 0%, 0%);
  }
  
   .footing{
       position: relative;
       bottom: -2px;
       margin-bottom: 2px;
       border-bottom: 1px solid hsl(0, 0%, 0%);
  }

  Pages using this styling

  • scp-6881-supplementary-document-golf [info]

  ¶ 1 occurrence
  

   @import url(https://fonts.bunny.net/css2?family=Short+Stack&display=swap); /*SALLY */
   @import url(https://fonts.bunny.net/css2?family=Chilanka&display=swap); /*BOBBI */
   @import url(https://fonts.bunny.net/css2?family=Schoolbell&display=swap); /*PEARL*/
   @import url(https://fonts.bunny.net/css2?family=Klee+One&display=swap); /* MAGGIE */
  
  /* HEADER */
   :root{
     --header-title: "SERAPIS";
     --header-subtitle: "WARNING - PROCEDURE DRAFTING IN PROGRESS";
  }
  
   div#extra-div-1{
       background-image: url(https://scp-wiki.wikidot.com/local--files/scp-6881-supplementary-document-foxtrot/Q2TCZnd.webp);
       filter: opacity(.25);
  }
  
   @media (max-width: 767px){
       #header h1{
            position: relative;
            top: -.5rem;
      }
  
       #header h2{
            margin-top: -.5rem;
      }
  }
  
   .meta-title{
       color: hsl(0, 0%, 0%);
       font-family: "Montserrat", sans-serif;
       text-align: center;
       letter-spacing: 1px;
  }
  
   #breadcrumbs{
       display: none;
  }
  
   .pseudocrumbs{
       margin: -2em 0 1em;
       text-align: center;
  }
  
  /* FORMATTING */
   body{
       color: hsl(0, 0%, 0%);
       text-underline-offset: 2px;
  }
  
  h1,
   h2,
    h3,
     h4,
      h5{
       text-align: center;
       word-break: unset;
  }
  
   hr{
       height: 0;
       margin: 1em 0;
  
       background-color: transparent;
       border-top: 1px solid hsl(0, 0%, 0%);
  }
  
   .collapsible-block{
       margin: 1em 0;
  }
  
   .scp-image-block.block-right{
       margin: 0 0 1em 2em;
  }
  
  /* CUSTOM BLOCKS */
   div.evidence{
       margin: 1em 3em;
       padding: 0 1em;
  
       background-color: hsl(0, 0%, 96%);
       border: 3px double hsl(0, 0%, 60%);
  }
  
   @media (max-width: 479px){
       div.evidence{ margin: 1em 0; }
  }
  
   @media (min-width: 480px) and (max-width: 580px){
       div.evidence{ margin: .5em; }
  }
  
   .page{ /* ---- Page (Adapted From 'RAISA-007710') ---- */
       margin: 1em 0;
       padding: 11px 20px 20px;
  
       background-image:
          linear-gradient(
            to top,
            hsl(0, 0%, 84%) 0%,
            hsl(0, 0%, 93%) 8%);
       background-position: 0 8px;
       background-size: 100% 1.3rem;
       border: 1px solid gray;
  
       overflow: hidden;
  }
  
   .journal{ /* ---- Journal (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;
  }
  
   .page p,
   .journal p{
       margin: 0;
   
       font-size: 1.3rem;
       line-height: 1.3rem;
  }
  
  /* SALLY */
   .page.sally,
   .journal.sally{
       font-family: "Short Stack", cursive;
  }
  
   .page.sally p{
       position: relative;
       top: .05em;
  }
  
  /* BOBBI */
   .page.bobbi,
   .journal.bobbi{
       font-family: "Chilanka", cursive;
  }
  
   .page.bobbi p,
   .journal.bobbi p{
       position: relative;
       top: .15em;
  }
  
  /* MAGGIE */
   .page.maggie,
   .journal.maggie{
       font-family: "Klee One", cursive;
  }
  
   .page.maggie p,
   .journal.maggie p{
       position: relative;
       top: -.1em;
  }
  
  /* PEARL */
   .page.pearl,
   .journal.pearl{
       font-family: "Schoolbell", cursive;
  }
  
   .page.pearl p,
   .journal.pearl p{
       position: relative;
       top. -.05em;
  
       font-size: 1.4rem;
  }
  
   .footing::before{ /* ---- Page Footing ---- */
       content: " ";
       position: absolute;
       bottom: 1px;
       left: 0;
       right: 0;
       border-bottom: 2px solid hsl(0, 0%, 0%);
  }
  
   .footing{
       position: relative;
       bottom: -2px;
       margin-bottom: 2px;
       border-bottom: 1px solid hsl(0, 0%, 0%);
  }

  Pages using this styling

  • scp-6881-supplementary-document-foxtrot [info]

  ¶ 1 occurrence
  

  /* HEADER */
   :root{
     --header-title: "SERAPIS";
     --header-subtitle: "WARNING - PROCEDURE DRAFTING IN PROGRESS";
  }
  
   div#extra-div-1{
       background-image: url(https://scp-wiki.wikidot.com/local--files/scp-6881-supplementary-document-echo/Q2TCZnd.webp);
       filter: opacity(.25);
  }
  
   @media (max-width: 767px){
       #header h1{
            position: relative;
            top: -.5rem;
      }
  
       #header h2{
            margin-top: -.5rem;
      }
  }
  
   .meta-title{
       color: hsl(0, 0%, 0%);
       font-family: "Montserrat", sans-serif;
       text-align: center;
       letter-spacing: 1px;
  }
  
   #breadcrumbs{
       display: none;
  }
  
   .pseudocrumbs{
       margin: -2em 0 1em;
       text-align: center;
  }
  
  /* FORMATTING */
   body{
       color: hsl(0, 0%, 0%);
       text-underline-offset: 2px;
  }
  
  h1,
   h2,
    h3,
     h4,
      h5{
       text-align: center;
       word-break: unset;
  }
  
   hr{
       height: 0;
       margin: 1em 0;
  
       background-color: transparent;
       border-top: 1px solid hsl(0, 0%, 0%);
  }
  
   .collapsible-block{
       margin: 1em 0;
  }
  
   .scp-image-block.block-right{
       margin: 0 0 1em 2em;
  }
  
  /* CUSTOM BLOCKS */
   .report-box{ /* ---- Report Block ---- */
       margin: 1em 0;
       padding: 0 1em;
       background-color: hsl(0, 0%, 100%);
       border: medium solid hsl(0, 0%, 0%);
  }
  
   .report-box hr{
       border-color: hsl(0, 0%, 0%);
  }
  
   .seal{
       height: 150px;
  }
  
  @media (max-width: 540px){
       .seal{
            height: 90px;
      }
  }
  
   .footing::before{ /* ---- Page Footing ---- */
       content: " ";
       position: absolute;
       bottom: 1px;
       left: 0;
       right: 0;
       border-bottom: 2px solid hsl(0, 0%, 0%);
  }
  
   .footing{
       position: relative;
       bottom: -2px;
       margin-bottom: 2px;
       border-bottom: 1px solid hsl(0, 0%, 0%);
  }

  Pages using this styling

  • scp-6881-supplementary-document-echo [info]

  ¶ 1 occurrence
  

  /* HEADER */
   :root{
     --header-title: "SERAPIS";
     --header-subtitle: "WARNING - PROCEDURE DRAFTING IN PROGRESS";
  }
  
   div#extra-div-1{
       background-image: url(https://scp-wiki.wikidot.com/local--files/scp-6881-supplementary-document-delta/Q2TCZnd.webp);
       filter: opacity(.25);
  }
  
   @media (max-width: 767px){
       #header h1{
            position: relative;
            top: -.5rem;
      }
  
       #header h2{
            margin-top: -.5rem;
      }
  }
  
   .meta-title{
       color: hsl(0, 0%, 0%);
       font-family: "Montserrat", sans-serif;
       text-align: center;
       letter-spacing: 1px;
  }
  
   #breadcrumbs{
       display: none;
  }
  
   .pseudocrumbs{
       margin: -2em 0 1em;
       text-align: center;
  }
  
  /* FORMATTING */
   body{
       color: hsl(0, 0%, 0%);
       text-underline-offset: 2px;
  }
  
  h1,
   h2,
    h3,
     h4,
      h5{
       text-align: center;
       word-break: unset;
  }
  
   hr{
       height: 0;
       margin: 1em 0;
  
       background-color: transparent;
       border-top: 1px solid hsl(0, 0%, 0%);
  }
  
   .collapsible-block{
       margin: 1em 0;
  }
  
   .scp-image-block.block-right{
       margin: 1em 0;
  }
  
  /* CUSTOM BLOCKS */
   div.blockquote{
       margin: 1em 0;
  }
  
   div.blockquote.footage{
       height: calc(42.324em + 2em);
  }
  
   @media (max-width: 767px){
       div.blockquote.footage{
            height: 100%;
      }
  }
  
   .notes{
       padding: .001em 1em;
  
       background: hsla(117, 73%, 47%, .1);
       border-left: 10px solid hsl(117, 73%, 37%);
  }
  
   .footing::before{ /* ---- Page Footing ---- */
       content: " ";
       position: absolute;
       bottom: 1px;
       left: 0;
       right: 0;
       border-bottom: 2px solid hsl(0, 0%, 0%);
  }
  
   .footing{
       position: relative;
       bottom: -2px;
       margin-bottom: 2px;
       border-bottom: 1px solid hsl(0, 0%, 0%);
  }

  Pages using this styling

  • scp-6881-supplementary-document-delta [info]

  ¶ 1 occurrence
  

   @import url(https://fonts.bunny.net/css2?family=Fira+Code:wght@400;700&display=swap);
  
  /* HEADER */
   :root{
     --header-title: "SERAPIS";
     --header-subtitle: "WARNING - PROCEDURE DRAFTING IN PROGRESS";
     --mono-font: "Fira Code", "Cousine", monospace;
  }
  
   div#extra-div-1{
       background-image: url(https://scp-wiki.wikidot.com/local--files/scp-6881-supplementary-document-charlie/Q2TCZnd.webp);
       filter: opacity(.25);
  }
  
   @media (max-width: 767px){
       #header h1{
            position: relative;
            top: -.5rem;
      }
  
       #header h2{
            margin-top: -.5rem;
      }
  }
  
   .meta-title{
       color: hsl(0, 0%, 0%);
       font-family: "Montserrat", sans-serif;
       text-align: center;
       letter-spacing: 1px;
  }
  
   #breadcrumbs{
       display: none;
  }
  
   .pseudocrumbs{
       margin: -2em 0 1em;
       text-align: center;
  }
  
   /* FORMATTING */
   body{
       color: hsl(0, 0%, 0%);
       text-underline-offset: 2px;
  }
  
  h1,
   h2,
    h3,
     h4,
      h5{
       text-align: center;
       word-break: unset;
  }
  
   hr{
       height: 0;
       margin: 1em 0;
  
       background-color: transparent;
       border-top: 1px solid hsl(0, 0%, 0%);
  }
  
   .collapsible-block{
       margin: 1em 0;
  }
  
  /* CUSTOM BLOCKS */
   .report-box{ /* ---- Report Block ---- */
       margin: 1em 0;
       padding: 0 1em;
       background-color: hsl(0, 0%, 100%);
       border: medium solid hsl(0, 0%, 0%);
  }
  
   .report-box hr{
       border-color: hsl(0, 0%, 0%);
  }
  
   .terminal-span{
       font-family: var(--mono-font);
       font-size: 110%;
       font-weight: bold;
       letter-spacing: .3px;
  }
  
   .footing::before{ /* ---- Page Footing ---- */
       content: " ";
       position: absolute;
       bottom: 1px;
       left: 0;
       right: 0;
       border-bottom: 2px solid hsl(0, 0%, 0%);
  }
  
   .footing{
       position: relative;
       bottom: -2px;
       margin-bottom: 2px;
       border-bottom: 1px solid hsl(0, 0%, 0%);
  }

  Pages using this styling

  • scp-6881-supplementary-document-charlie [info]

  ¶ 1 occurrence
  

  /* HEADER */
   :root{
     --header-title: "SERAPIS";
     --header-subtitle: "WARNING - PROCEDURE DRAFTING IN PROGRESS";
  }
  
   div#extra-div-1{
       background-image: url(https://scp-wiki.wikidot.com/local--files/scp-6881-supplementary-document-bravo/Q2TCZnd.webp);
       filter: opacity(.25);
  }
  
   @media (max-width: 767px){
       #header h1{
            position: relative;
            top: -.5rem;
      }
  
       #header h2{
            margin-top: -.5rem;
      }
  }
  
   .meta-title{
       color: hsl(0, 0%, 0%);
       font-family: "Montserrat", sans-serif;
       text-align: center;
       letter-spacing: 1px;
  }
  
   #breadcrumbs{
       display: none;
  }
  
   .pseudocrumbs{
       margin: -2em 0 1em;
       text-align: center;
  }
  
  /* FORMATTING */
   body{
       color: hsl(0, 0%, 0%);
       text-underline-offset: 2px;
  }
  
  h1,
   h2,
    h3,
     h4,
      h5{
       text-align: center;
       word-break: unset;
  }
  
   hr{
       height: 0;
       margin: 1em 0;
  
       background-color: transparent;
       border-top: 1px solid hsl(0, 0%, 0%);
  }
  
   .collapsible-block{
       margin: 1em 0;
  }
  
   .scp-image-block.block-right{
       margin: 0 0 1em 2em;
  }
  
  /* CUSTOM BLOCKS */
   .report-box{ /* ---- Report Block ---- */
       margin: 1em 0;
       padding: 0 1em;
       background-color: hsl(0, 0%, 100%);
       border: medium solid hsl(0, 0%, 0%);
  }
  
   .report-box hr{
       border-color: hsl(0, 0%, 0%);
  }
  
   .seal{
       height: 150px;
  }
  
  @media (max-width: 540px){
       .seal{
            height: 90px;
      }
  }
  
   .footing::before{ /* ---- Page Footing ---- */
       content: " ";
       position: absolute;
       bottom: 1px;
       left: 0;
       right: 0;
       border-bottom: 2px solid hsl(0, 0%, 0%);
  }
  
   .footing{
       position: relative;
       bottom: -2px;
       margin-bottom: 2px;
       border-bottom: 1px solid hsl(0, 0%, 0%);
  }

  Pages using this styling

  • scp-6881-supplementary-document-bravo [info]

  ¶ 1 occurrence
  

   @import url(https://fonts.bunny.net/css2?family=Fira+Code:wght@400;700&display=swap);
  
  /* HEADER */
   :root{
     --header-title: "SERAPIS";
     --header-subtitle: "WARNING - PROCEDURE DRAFTING IN PROGRESS";
     --mono-font: "Fira Code", "Cousine", monospace;
  }
  
   div#extra-div-1{
       background-image: url(https://scp-wiki.wikidot.com/local--files/scp-6881/Q2TCZnd.webp);
       filter: opacity(.25);
  }
  
   @media (max-width: 767px){
       #header h1{
            position: relative;
            top: -.5rem;
      }
       #header h2{
            margin-top: -.5rem;
      }
  }
  
   .meta-title{
       color: hsl(0, 0%, 0%);
       font-family: "Montserrat", sans-serif;
       text-align: center;
       letter-spacing: 1px;
  }
  
   .pseudocrumbs{
       margin: -2em 0 1em;
       text-align: center;
  }
  
   /* FORMATTING */
   body{
       color: hsl(0, 0%, 0%);
       text-underline-offset: 2px;
  }
  
   h1, h2, h3, h4, h5{
       text-align: center;
       word-break: unset;
  }
  
   hr{
       height: 0;
       margin: 1em 0;
  
       background-color: transparent;
       border-top: 1px solid hsl(0, 0%, 0%);
  }
  
   .collapsible-block{
       margin: 1em 0;
  }
  
   .terminal-span{
       font: bold 100%/1.5 var(--mono-font);
       letter-spacing: 0;
  }
  
  /* CUSTOM BLOCKS */
   .progress-block{
       display: inline-block;
       width: 1em;
       height: 1em;
       vertical-align: middle;
       border-width: medium;
       border-style: solid;
  }
  
   .progress-block.alfa{
       width: 1.5em;
       height: 1.5em;
  }
  
   .progress-block.available{
       background-color: hsla(120, 91%, 86%, .5);
       border-color: hsl(120, 62%, 66%);
  }
  
   .progress-block.pending{
       background-color: hsla(0, 0%, 67%, .5);
       border-color: hsl(0, 0%, 67%);
  }
  
   .progress-block.unavailable{
       background-color: hsla(360, 91%, 86%, .5);
       border-color: hsla(360, 62%, 66%);
  }
  
   .page-source{
       border-width: medium;
  }
  
   .page-source p{
       font-size: 120%;
  }
  
   .page-source.available{
       background-color: hsla(120, 91%, 86%, .25);
       border-color: hsl(120, 62%, 66%);
       border-style: solid;
  }
  
   .page-source.available h2{
       color: hsl(120, 100%, 30%);
  }
  
   #page-content .page-source.available hr{
       border-color: hsl(120, 62%, 66%);
  }
  
   .page-source.pending{
       background-color: hsla(0, 0%, 67%, .25);
  }
  
   .page-source.unavailable{
       background-color: hsla(360, 91%, 86%, .25);
       border-color: hsla(360, 62%, 66%, .5);
  }
  
   .page-source.unavailable h2{
       color: hsl(0, 100%, 30%);
  }
  
   #page-content .page-source.unavailable hr{
       border-color: hsl(360, 62%, 66%);
  }
  
   .footing::before{ /* ---- Page Footing ---- */
       content: " ";
       position: absolute;
       bottom: 1px;
       left: 0;
       right: 0;
       border-bottom: 2px solid hsl(0, 0%, 0%);
  }
  
   .footing{
       position: relative;
       bottom: -2px;
       margin-bottom: 2px;
       border-bottom: 1px solid hsl(0, 0%, 0%);
  }

  Pages using this styling

  • scp-6881 [info]

  ¶ 1 occurrence
  

  :root {
      --header-title: "Site-44";
      --header-subtitle: "VERDANT ARCHIVES";
      --logo-image: url("http://scp-sandbox-3.wikidot.com/local--files/ozzylizard-2/Site-44Plain2.png");
  

  Pages using this styling

  • scp-6877 [info]

  ¶ 1 occurrence
  

   :root{
     --header-title: "SCP FOUNDATION";
     --header-subtitle: "Specters, Carrions, and Poltergeists";
     --lgurl: url(http://scpdsandbox.wikidot.com/local--files/heckfire-ghost1/SpecLogo.png);
  }
  .footnotes-footer {
      visibility: hidden;
      height: 0;
      padding: 0;
      margin: 0;
  }

  Pages using this styling

  • scp-6876 [info]

  ¶ 1 occurrence
  

   #page-content div table{
       overflow-x: auto;
  }

  Pages using this styling

  • scp-6875 [info]

  ¶ 1 occurrence
  

   :root{
    --lgurl: url(https://scp-wiki.wdfiles.com/local--files/component:pride-highlighter/tg_logo_blk.svg);
  }

  Pages using this styling

  • scp-6875 [info]

  ¶ 1 occurrence
  

  div.scale {
      --woedbar-thaumiel-color: rgb(var(--accent-color));
      --woedbar-lvl6-color: rgb(var(--accent-color));
      --woedbar-lvl5-color: rgb(var(--accent-color));
      --woedbar-lvl4-color: rgb(var(--accent-color));
      --woedbar-lvl3-color: rgb(var(--accent-color));
      --woedbar-lvl2-color: rgb(var(--accent-color));
      --woedbar-lvl1-color: rgb(var(--accent-color));
  }

  Pages using this styling

  • scp-6872 [info]

  ¶ 1 occurrence
  

  .white a{ color: rgb(var(--dark-midnight));}

  Pages using this styling

  • scp-6872 [info]

  ¶ 1 occurrence
  

  :root {
      --timeScale: 6;
      --timeDelay: 6s;
  }
  .footnotes-footer {
  display: none;
  }
  
  .info-container .collapsible-block-folded, .info-container .collapsible-block-unfolded-link {
      box-shadow: non--e;
  }

  Pages using this styling

  • scp-6872 [info]

  ¶ 1 occurrence
  

     body {
      --barColour: #21284E
  }

  Pages using this styling

  • scp-6871 [info]

  ¶ 1 occurrence
  

  div.scale { 
    --woedbar-lvl6-color: #21284E;
  }

  Pages using this styling

  • scp-6871 [info]

  ¶ 1 occurrence
  

  .collection .collapsible-block-unfolded-link a , .collection .collapsible-block-folded a {
  background-color: #21284E !important;
  color: #FFFFFF !important;
  }
  
  .titlecolumn {
  background-color: #21284E !important;
  color: #FFFFFF !important;
  }
  
  .namerow {
  background-color: #21284E !important;
  color:  #FFFFFF !important;
  }
  
  .namerow a {
    color:  #FFFFFF !important;
  }

  Pages using this styling

  • scp-6871 [info]

  ¶ 1 occurrence
  

  :root {
      --timeScale: 6;
      --timeDelay: 6s;
  }
  
  #page-content hr {
  border-top: none;
  height: .05em;
  background: #454545;
  }
  #page-title {
    display: none;
  }
  .footnotes-footer {
  display: none;
  }

  Pages using this styling

  • scp-6871 [info]

  ¶ 1 occurrence
  

  .warning{
      border:dashed 1px #8a8a8a;
      background:#D8ECF4;
      width:90%;
      padding:1px 15px;
      margin: 10px auto;
  }

  Pages using this styling

  • scp-6869 [info]

  ¶ 1 occurrence
  

  .wonder {
      border: solid 1px #999999;
      background:#f2f2c2;
      padding: 5px;
      margin-bottom: 10px;
  }
  
  .text{
      border:dotted 1px #000000;
      background:#FFFFFF;
      width:90%;
      padding:1px 15px;
      margin: 10px auto;
  }
  
  span.blue{
  max-width: 300px;
  border-radius: 15px;
  padding: 4px 8px;
  display: inline-block;
  text-align: left; float:right;
  background-color: #3578e5;
  color: #fff;
  }
  
  span.green{
  max-width: 300px;
  border-radius: 15px;
  padding: 4px 8px;
  display: inline-block;
  text-align: left; float:left;
  background-color: #f1f0f0;
  }
  blockquote{background-color: transparent;}

  Pages using this styling

  • scp-6868 [info]

  ¶ 1 occurrence
  

  a {
     color: #9d1cb9!important;
  }
  
  div.page-rate-widget-box span.btn>a::before, div.rate-box-with-credit-button .creditButton>p>a::before, div.rate-box-with-credit-button .creditButton>p>a::after, div.creditButtonStandalone>p>a::before, div.creditButtonStandalone>p> a::after {
      background-color: none;
  }

  Pages using this styling

  • scp-6864 [info]

  ¶ 1 occurrence
  

  
  :root {
      --title: "BELWOOD STAFFING";
      --subtitle: "FUFILLING OUR POTENTIAL";
      --basalt-bright-element-color: 157, 28, 185;
  }
  
  #extra-div-1::before {
      color: #9d1cb9;
  }
  
  div.page-rate-widget-box span.btn>a::before, div.rate-box-with-credit-button .creditButton>p>a::before, div.rate-box-with-credit-button .creditButton>p>a::after, div.creditButtonStandalone>p>a::before, div.creditButtonStandalone>p> a::after {
      background-color: none;
  }
  
  div.page-rate-widget-box span.btn>a::before, div.rate-box-with-credit-button .creditButton>p>a::before, div.rate-box-with-credit-button .creditButton>p>a::after, div.creditButtonStandalone>p>a::before, div.creditButtonStandalone>p> a::after {
      background-color: none;
  }

  Pages using this styling

  • scp-6864 [info]

  ¶ 1 occurrence
  

  :root {
      --four-color: 255,192,203;
      --three-color: 255,192,203;
      --one-color: 255,192,203;
  } !important

  Pages using this styling

  • scp-6862 [info]

  ¶ 1 occurrence
  

  .page {
      display: block;
      overflow: hidden;
      font-family: "Monotype Corsiva", "Bradley Hand ITC", sans-serif;
      font-style: normal;
      background-attachment: scroll;
      background-clip: border-box;
      background-color: transparent;
      background-image: linear-gradient(to top ,rgb(202, 219, 228) 0%, rgb(231, 233, 220) 8%);
      background-origin: padding-box;
      background-position: 0px 8px;
      background-repeat: repeat;
      background-size: 100% 20px;
      border: 1px solid #CCC;
      border-radius: 10px;
      padding: 10px 10px;
      margin-bottom: 10px;
      box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2)
  }
  .page p,
  .page ul {
      line-height: 20px;
      margin: 0;
  }
  

  Pages using this styling

  • scp-6860 [info]

  ¶ 1 occurrence
  

  :root {
      --thaumiel: 0, 135, 189

  Pages using this styling

  • scp-6858 [info]

  ¶ 1 occurrence
  

  .email-example .collapsible-block-folded a.collapsible-block-link {
      animation: blink 0.8s ease-in-out infinite alternate;
  }
  @keyframes blink {
      0% { color: transparent; }
      50%, 100% { color: #FF0000; }
  }
  .email {border: solid 2px #000000; width: 88%; padding: 1px 15px; margin: 10px; box-shadow: 0 1px 3px rgba(0,0,0,.5)}
  .email-example a.collapsible-block-link {font-weight: bold;}
  .tofrom {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px maroon}

  Pages using this styling

  • scp-6855 [info]

  ¶ 1 occurrence
  

  .blink_me {
    animation: blinker 0.8s ease-in-out infinite alternate;
  }
  @keyframes blink {
      0% { color: transparent; }
      50%, 100% { color: #FF0000; }
    }
  }

  Pages using this styling

  • scp-6855 [info]

  ¶ 1 occurrence
  

  
  :root {
    --header-subtitle: "SAUSAGES, CARROTS, PINEAPPLES";
  }

  Pages using this styling

  • scp-6847 [info]

  ¶ 1 occurrence
  

  @keyframes blink {
      0% { color: transparent; }
      50%, 100% { color: #b01; }
  }
  .email {border: solid 2px #000000; width: 88%; padding: 1px 15px; margin: 10px; box-shadow: 0 1px 3px rgba(0,0,0,.5)}
  .email-example a.collapsible-block-link {font-weight: bold;}
  .tofrom {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px maroon}

  Pages using this styling

  • scp-6844 [info]

  ¶ 1 occurrence
  

  .strathroy {
      background: url(https://scp-wiki.wdfiles.com/local--files/scp-6836/232transparent.png) #E9F6F3;
      background-size: 190px;
      background-position: center;
      background-repeat: no-repeat;
      box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
      width: 90%;
      min-height: 4rem;
      max-height: 100rem;
      margin-left: auto;
      margin-right: auto;
      margin-bottom: 12px;
      padding: 10px 20px 20px 20px;
      word-break: break-word;
  } 
  .strathroy>p:nth-child(1)::before {
      content: "OFFICE OF THE ACTING DIRECTOR\00000a";
      font-weight: 900;
      font-size: 130%;
      text-align: center;
      margin-bottom: 1rem;
      padding-bottom: .3rem;
      border-bottom: dotted 0.13rem darkslategrey;
      max-width: 49rem;
      margin-left: auto;
      margin-right: auto;
      display: flex;
      flex-direction: column;
      align-content: stretch;
      align-items: center;
  }
  .strathroyB {
      background: url(https://scp-wiki.wdfiles.com/local--files/scp-6836/232transparent.png) #E9F6F3;
      background-size: 250px;
      background-position: center;
      background-repeat: no-repeat;
      box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
      width: 90%;
      min-height: 4rem;
      max-height: 100rem;
      margin-left: auto;
      margin-right: auto;
      margin-bottom: 12px;
      padding: 10px 20px 20px 20px;
      word-break: break-word;
  } 
  .strathroyB>p:nth-child(1)::before {
      content: "OFFICE OF THE ASSISTANT DIRECTOR\00000a";
      font-weight: 900;
      font-size: 130%;
      text-align: center;
      margin-bottom: 1rem;
      padding-bottom: .3rem;
      border-bottom: dotted 0.13rem darkslategrey;
      max-width: 49rem;
      margin-left: auto;
      margin-right: auto;
      display: flex;
      flex-direction: column;
      align-content: stretch;
      align-items: center;
  }
  .bidiv {
      border-left: solid 3px rgb(207, 2, 108);
      border-right: solid 3px rgb(0, 54, 163);
      padding: 25px 25px 25px 25px;
      box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
      margin: auto;
      background: #f7f7f7;
  }
  .raisa_memo {
      background: url(https://scp-wiki.wikidot.com/local--files/theme:basalt/RAISA_LIGHTLOGO.png) #fff3ad;
      background-size: contain;
      background-position: top center;
      background-repeat: no-repeat;
      box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
      width: 90%;
      min-height: 4rem;
      max-height: 100rem;
      margin-left: auto;
      margin-right: auto;
      text-align: center;
      padding: 10px 20px 20px 20px;
      word-break: break-word;
  } 
  .raisa_memo>p:nth-child(1)::before {
      content: "NOTICE FROM THE RECORDS AND INFORMATION SECURITY ADMINISTRATION\00000a";
      font-weight: 900;
      font-size: 130%;
      text-align: center;
      margin-bottom: 1rem;
      padding-bottom: 0.3rem;
      border-bottom: dotted 0.13rem darkslategrey;
      max-width: 49rem;
      margin-left: auto;
      margin-right: auto;
      display: flex;
      flex-direction: column;
      align-content: stretch;
      align-items: center;
  }

  Pages using this styling

  • scp-6836 [info]

  ¶ 1 occurrence
  

  :root {
      /* REDMODE */
      --basalt-UI-dark-palette: 50, 45, 45;
      --basalt-bright-element-color: 215, 40, 40;
      --basalt-primary-color: 15, 10, 12;
      --basalt-secondary-color: 40, 20, 23;
      --basalt-tertiary-color: 50, 40, 40;
      --general-border-color: 80, 70, 70;
  }
  
  .fakeprot .mailform-box .buttons{display:none;}
  .fakeprot + .collapsible-block .collapsible-block-link {padding: 0.1em 0.5em;text-decoration: none;background-color: #F4F4F4;border: 1px solid #AAA;color: #000;}
  .fakeprot + .collapsible-block .collapsible-block-link:hover {background-color: #DDD;color: #000;}
  .fakeprot + .collapsible-block .collapsible-block-link:active {background-color: #DDD;color: #000;}
  .fakeprot + .collapsible-block .collapsible-block-unfolded-link{margin:0.5em 0;text-align: center;}
  .fakeprot + .collapsible-block .collapsible-block-folded{margin:0.5em 0;text-align: center;}
  .fakeprot .passw input[type=text] {text-security:disc;-webkit-text-security:disc;-mox-text-security:disc;}
  .mailform-box td:first-child {width: 80px;}

  Pages using this styling

  • scp-6834 [info]

  ¶ 1 occurrence
  

  /* ==== COMMON ==== */
   :root {
      --off-white: 255, 255, 255, .9;
  
      /* == BETTERFOOTNOTES PATCH == */
      --posX: calc(50% - 358px - 13rem);
      --fnLinger: 1.5s;
      --fnColor: rgb(var(--swatch-primary-darkest, 144, 25, 1));
  }
  
   *, a, span {
      word-break: normal;
  }
  
  /* ==== ACS PATCH ==== */
   .anom-bar-container.clear-6 .top-center-box > div {
      background-blend-mode: luminosity;
      background-color: var(--accentColor);
  }
  
   #main-content hr,
   .anom-bar > .bottom-box::before {
      background-attachment: fixed;
      background-blend-mode: overlay;
      background-color: rgb(var(--swatch-primary, 133, 0, 5)) !important;
      background-image: url(https://scp-wiki.wdfiles.com/local--files/component%3Aanomaly-class-bar/galactic.jpg);
      background-size: contain;
  }
  
  /* == BETTERFOOTNOTES PATCH == */
   .fnnum {
      font-size: .9rem;
  }
  
  /* ==== BLACKLIGHT BOX AND MODAL ==== */
   .addenda {
      width: fit-content;
      margin: 0 auto;
      padding: 0 1rem;
  
      background-color: rgb(var(--swatch-primary-darkest, 144, 25, 1));
  }
  
    .addenda p {
      --wght: 800;
      color: rgb(var(--off-white, 255, 255, 255, .9));
  
      font-family: var(--title-font);
      font-size: 1.55rem;
  
  }
  
   .modal {
      width: auto;
      margin: .5rem;
      padding: 15px;
  
      border: .25rem solid rgb(var(--swatch-primary-darkest,  144, 25, 1));
  }
  
   .modal.light {
      background: rgb(var(--off-white, 255, 255, 255, .9));
  }
  
   .modal.light.council {
      width: 84%;
      margin: auto;
  
      background: rgb(var(--off-white, 255, 255, 255, .9)) url(http://scp-wiki.wdfiles.com/local--files/the-great-hippo/scp_trans.png) center no-repeat;
  }
  
  #page-content .modal.light.council table.wiki-content-table {
      background-color: rgba(244, 244, 244, .25);
  }
  
   #page-content table.wiki-content-table * {
      text-align: center;
  }
  
   .modal.dark {
      background: rgb(var(--swatch-primary-darkest, 144, 25, 1));
  }
  
   .modal.dark .collapsible-block-folded,
   .modal.dark .collapsible-block-unfolded-link {
      --link-color: var(--off-white, 255, 255, 255, .9);
      --hover-link-color: 252, 207, 207, .85;
      --wght: 700;
      padding: .5rem;
  
      font-size: 1.35rem;
      overflow-wrap: anywhere;
      text-align: center;
      white-space: normal;
  }
  
    @media (max-width: 767px) {
       .modal.dark .collapsible-block-folded,
       .modal.dark .collapsible-block-unfolded-link {
      	padding: .5rem 0;
      	font-size: 1rem;
      }
  }
  
   .modal.dark .blockquote {
      color: hsla(0, 0%, 100%, .8);
  }
  
   .modal.dark .fncon {
      color: black;
  }
  
  /* ==== GENERAL FORMATTING ==== */
   h4,
   .addenda p,
   .blbf-main > div::before,
   .modal.dark .collapsible-block-folded {
      font-variant: small-caps;
  }
  
   h4 {
      text-align: center;
  }
  
   #main-content hr {
      width: 100%;
      height: .5rem;
  
      border: 0;
  }

  Pages using this styling

  • scp-6830 [info]

  ¶ 1 occurrence
  

  .page {
      display: block;
      overflow: hidden;
      
      font-style: normal;
      background-attachment: scroll;
      background-clip: border-box;
      background-color: transparent;
      background-image: linear-gradient(to top ,rgb(202, 219, 228) 0%, rgb(231, 233, 220) 8%);
      background-origin: padding-box;
      background-position: 0px 8px;
      background-repeat: repeat;
      background-size: 100% 20px;
      border: 1px solid #CCC;
      border-radius: 10px;
      padding: 10px 10px;
      margin-bottom: 10px;
      box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2)
  }
  .page p,
  .page ul {
      line-height: 20px;
      margin: 0;
  }

  Pages using this styling

  • scp-6826 [info]

  ¶ 1 occurrence
  

  :root {
      --four-color: 33, 37, 46;
      --three-color: 33, 37, 46;
      --five-color: 33, 37, 46;
  }

  Pages using this styling

  • scp-6825 [info]

  ¶ 1 occurrence
  

  :root {
    --accentColor: #FF5512;
    --three-color: 217, 64, 13;
    --header-title: "SCP FOUNDATION";
    --header-subtitle: "SECURE, CONTAIN, PROTECT";
    --lgurl: url("https://scp-wiki.wdfiles.com/local--files/daybreak/daybreaklogo.png");
  }
  
  #page-title { display: none; }
  
  .outer-chat {background: var(--accentColor); padding: 1px 15px; margin: 10px; border-radius: 30px 15px}
  
  .inner-chat {background: #0a0a0a; padding: 1px 15px; border: solid 3px #0a0b0d; margin: 10px; border-radius: 30px 15px}
  
  .leonidas {width: 8.359em}
  
   @media only screen and (max-width: 425px){ .leonidas{ width: 6.27em} }
  
   .footing::before{ /* ---- Article Footing ---- */
       content: " ";
       position: absolute;
       bottom: 1px;
       left: 0;
       right: 0;
   
       border-bottom: 2px solid hsl(0, 0%, 67%);
  }
   .footing{
       position: relative;
       bottom: -2px;
       margin-bottom: 2px;
   
       border-bottom: 1px solid hsl(0, 0%, 67%);
  }

  Pages using this styling

  • scp-6825 [info]

  ¶ 1 occurrence
  

  :root{
    --lgurl: url("http://scp-wiki.wdfiles.com/local--files/black-autumn-hub/scp-halloween-alone.png");
    --accentColor: #EB6123;
  
  }
  
  div#extra-div-1 {
      filter: opacity(40%);
  }

  Pages using this styling

  • scp-6824 [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Inter:wght@300&display=swap');
  
  :root {
      --white-monochrome: 15, 25, 15;
      --pale-gray-monochrome: 34, 34, 34;
      --light-pale-gray-monochrome: 35, 35, 35;
      --very-light-gray-monochrome: 60, 60, 60;
      --light-gray-monochrome: 135, 135, 135;
      --gray-monochrome: 160, 160, 160;
      --dark-gray-monochrome: 205, 205, 205;
      --black-monochrome: 240, 240, 240;
      --accentColor: 38, 51, 89;
      --background-gradient-color: var(--light-gray-monochrome);
      --swatch-menubg-dark-color: var(--very-light-gray-monochrome);
      --swatch-text-tertiary-color: var(--accentColor);
      --ui-button-hover-txt: var(--black-monochrome);
      /*-- modal --*/
      --modal-header-txt: var(--black-monochrome);
      --modal-header-bg: var(--white-monochrome);
      /*-- footnote --*/
      --hoverblock-header-txt: var(--black-monochrome);
      --hoverblock-bg: var(--black-monochrome);
  --title-font: "Inter", sans-serif;
  }
   #header {
      --login-myaccount-hover-color: var(--black-monochrome);
      --login-dropdown-text-hover-color: var(--black-monochrome);
  }
  #header h1 a::before,
  #header h2 span::before {
      content: none;
  }
   
  #top-bar {
      --dropdown-bg-color: var(--dark-gray-monochrome), 0.9;
  }
   
  #side-bar {
      --sidebar-links-hover-text-color: var(--black-monochrome);
      --sidebar-collapsible-fld-link-hover-color: var(--black-monochrome);
      --sidebar-collapsible-fld-arrow-hover-color: var(--sidebar-collapsible-fld-link-hover-color);
  }
   
  #main-content {
      --tables-header-txt: var(--black-monochrome);
      --footnotes-footer-title-text-color: var(--black-monochrome);
  }
   
  #page-content div.warning-top-box>h1 {
      color: rgb(var(--black-monochrome));
  }
   
   
  .scp-image-block {
      border: solid 0.5rem rgb(var(--pale-gray-monochrome));
      border-bottom: solid 0rem rgb(var(--pale-gray-monochrome));
      box-shadow: 0rem 0.26rem 0rem 0rem rgb(var(--accentColor));
      box-sizing: border-box;
  }
   
  .scp-image-block .scp-image-caption {
      background-color: rgb(var(--pale-gray-monochrome));
      border: solid 0.25rem rgb(var(--pale-gray-monochrome));
      color: rgb(var(--black-monochrome));
      font-size: 0.84rem;
  }
   
  #page-content .collapsible-block-folded,
  #page-content .collapsible-block-unfolded-link {
      margin: 1;
      background: transparent;
  }
   
  .page-tags {
      --pagetags-title-text: var(--black-monochrome);
  }
   
  div[id*=page-options-bottom]>a {
      --ui-icon-color: var(--black-monochrome);
      --ui-icon-hover-color: var(--black-monochrome);
  }
   
  #action-area {
      --swatch-text-secondary-color: var(--black-monochrome);
  }
   
  #revision-list span {
      --pager-selected-link: var(--swatch-text-secondary-color);
      --pager-link-hover: var(--pager-selected-link);
  }
   
  #footer,
  #license-area {
      --hover-link-color: var(--link-color);
      --swatch-text-secondary-color: var(--black-monochrome);
      --white-monochrome: var(--black-monochrome);
  }
   
  .code pre, .code p, .code {
      background-color: rgb(var(--pale-gray-monochrome));
      color: rgb(var(--black-monochrome));
  }
  
  #side-bar .scpnet-interwiki-wrapper,
  #side-bar .scpnet-interwiki-wrapper p {
      --swatch-menubg-color: var(--sidebar-bg-color);
      --swatch-primary: var(--black-monochrome);
  }
  #side-bar iframe.scpnet-interwiki-frame:not(:lang(cn)) {
      filter: none;
  }
  #side-bar .scpnet-interwiki-wrapper:not(:lang(cn))::before {
      mix-blend-mode: darken;
  }
  
  #page-content .info-container .collapsible-block-folded,
  #page-content .info-container .collapsible-block-unfolded-link {
      display: grid;
      background: #263359;
  }
  

  Pages using this styling

  • scp-6817 [info]

  ¶ 1 occurrence
  

  :root {
    --header-title: "SCP Foundation";
    --header-subtitle: "SECURED, CONTAINED, PROTECTED";
  }

  Pages using this styling

  • scp-6817 [info]

  ¶ 1 occurrence
  

  .center {
    margin: auto;
    width: 60%;
    padding: 10px;
  }

  Pages using this styling

  • scp-6815 [info]

  ¶ 1 occurrence
  

  :root {
      --header-title: "SCP Foundation";
      --header-subtitle: "Securing California's Postage";
  }
  
  .scp-image-block.block-right { margin: 1em 2em 1em 1em; }
  
  #page-title{display:none}
  
  .email {border: solid 2px #000000; width: 88%; padding: 1px 15px; margin: 10px; box-shadow: 0 1px 3px rgba(0,0,0,.5)}
  
  .email-example a.collapsible-block-link {font-weight: bold;}
  
  .tofrom {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px maroon}
  
  .dryg {
      padding-left: 12px; 
      padding-right: 12px; 
      padding-top: 6px;
      background: #feff8c;
      border:solid 2px #FF6D00;
  }
  
  .ad_memo {
      background: #ffffff;
      background-size: 400px;
      background-position: center;
      background-repeat: no-repeat;
      box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
      width: 84%;
      min-height: 4rem;
      margin-left: auto;
      margin-right: auto;
      padding: 10px 20px 20px 20px;
      word-break: break-word;
  }
  

  Pages using this styling

  • scp-6814 [info]

  ¶ 1 occurrence
  

  .wiki-content-table tr td:first-of-type {
    width: 50%;
  }

  Pages using this styling

  • scp-6809 [info]

  ¶ 1 occurrence
  

  :root {
    --scp-number: '6808';  /*Change the 6808 to whatever number you want, but don't get rid of the apostrophes*/
  }
  #page-content .collapsible-block-folded .collapsible-block-link::before {
      content: "▷ ADDENDUM " var(--scp-number) "." counter(collapse);
  }
  #page-content .collapsible-block-unfolded .collapsible-block-link::before {
      content: "▽ ADDENDUM " var(--scp-number) "." counter(collapse);
  }
  #page-content .unfolded-collapse::before {
      content: "▽ ADDENDUM" var(--scp-number) "." counter(collapse);
  }

  Pages using this styling

  • scp-6808 [info]

  ¶ 1 occurrence
  

  body{
      --barColour: #710709;
  }
  
  :root {
      --logo-image: url("https://scp-wiki.wdfiles.com/local--files/component:pride-highlighter/nb_logo_blk.svg");
      --wght: 500;
  }
  
  .quote-text {
      display: inline-block;
      border:dashed 1px #999999;
      background:#1b1c1f;
      float:center;
      width:84%;
      padding:1px 15px;
      margin: 10px 10px 10px 30px
  }
  
  #page-content .info-container {
      --link-color: rgb(var(--swatch-text-general));
  }
  
  #page-content .info-container .translation_block {
      display: none;
  }
  
  #page-content .info-container .collapsible-block-link,
  #page-content .info-container:hover .collapsible-block-link {
      line-height: 1.6em;
  }
  
  #page-content .info-container .collapsible-block-folded,
  #page-content .info-container .collapsible-block-unfolded-link {
      display: grid;
  }
  
  #page-content .info-container .collapsible-block-folded .collapsible-block-link,
  #page-content .info-container .collapsible-block-link {
      -webkit-mask: unset;
              mask: unset;
      background: transparent;
      grid-column: 1;
      grid-row: 1;
      opacity: 0;
  }
  
  #page-content .info-container .collapsible-block-folded::before,
  #page-content .info-container .collapsible-block-unfolded-link::before {
      --wght: 800;
      content: "Collaboration";
      color: #FFFFFF;
      font-family: Inter, Arimo, Verdana, Geneva, "Helvetica Neue", "Helvetica", Arial, sans-serif;;
      display: block;
      pointer-events: none;
      grid-column: 1;
      grid-row: 1;
      line-height: 2.75ex;
  }

  Pages using this styling

  • scp-6807 [info]

  ¶ 1 occurrence
  

  .collapsible-block-unfolded-link {
      color: rgb(6,131,131);
  }
  
  .collapsible-block-link {
      color: rgb(6,131,131);
  }
  .collapsible-block-link:hover {
      color: rgb(6,131,131);
  }
  #main-content {
      --tables-header-txt: rgb(6,131,131);
      --tables-body-txt: rgb(6,131,131);
  }

  Pages using this styling

  • scp-6804 [info]

  ¶ 1 occurrence
  

  .danke{
  padding: 5px 5px 5px 15px;
  margin-bottom:10px;
  font-family: monospace;
  font-size: 1.1em; }
  
  .log1{
  background-color:#000222;
  border: 3px solid #555bab;
  color: #767ccc;
  }
  
  .log2{
  background-color:#002221;
  border: 3px solid #55aba8;
  color: #78dedb;
  }

  Pages using this styling

  • scp-6803 [info]

  ¶ 1 occurrence
  

  :root {
    --scp-number: '6803';  /*Change the XXXX to whatever number you want, but don't get rid of the apostrophes*/
  }
  #page-content .collapsible-block-folded .collapsible-block-link::before {
      content: "▷ ADDENDUM " var(--scp-number) "." counter(collapse);
  }
  #page-content .collapsible-block-unfolded .collapsible-block-link::before {
      content: "▽ ADDENDUM " var(--scp-number) "." counter(collapse);
  }
  #page-content .unfolded-collapse::before {
      content: "▽ ADDENDUM" var(--scp-number) "." counter(collapse);
  }

  Pages using this styling

  • scp-6803 [info]

  ¶ 1 occurrence
  

  .danke{
  padding: 5px 5px 5px 15px;
  margin-bottom:10px;
  font-family: monospace;
  font-size: 1.1em; }
  
  .agent{
  background-color:#000002;
  border: 3px solid #55AA55;
  color: #1e90ff;
  }
  
  .site{
  background-color:#222200;
  border: 3px solid #AAAA55;
  color: #DDDD77;
  }

  Pages using this styling

  • scp-6801 [info]

  ¶ 1 occurrence
  

  
  :root {
  --logo-image: url("http://urlhere.com/filename.png");
  --header-title: "The White Ashes";
  --header-subtitle: "It all ends in less than ten days";
  --diagonal-stripes: linear-gradient(transparent, transparent);
  }
  
  .page {
      display: block;
      overflow: hidden;
      font-family: 'Pangolin', cursive;
      font-size: 1.6em;
      font-style: normal;
  
     
      background-attachment: scroll;
      background-clip: border-box;
      background-color: transparent;
      background-image: linear-gradient(to top ,rgb(202, 219, 228) 0%, rgb(231, 233, 220) 8%);
      background-origin: padding-box;
      background-position: 0px 8px;
      background-repeat: repeat;
      background-size: 100% 20px;
      
  
      border: 1px solid #CCC;
      border-radius: 10px;
      padding: 10px 10px;
      margin-bottom: 10px;
  
      box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2)
      }
  .page p {
      line-height: 20px;
      margin: 0;
  }
  .page ul {
      list-style: symbols;
  }
  
  #page-content {
      position: relative;
  }
  
  .desktop-only {
      height: 24rem;
      width: 10rem;
      background: #000000;
      position: -webkit-sticky;
      position: sticky;
      top: 15rem;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      border: solid 1px #444444;
      padding: 10px;
      -webkit-box-shadow: none;
         -moz-box-shadow:  none;
              box-shadow: none;
      overflow: visible;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
         -moz-box-orient: vertical;
         -moz-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-transform: translateX(400%);
         -moz-transform: translateX(400%);
          -ms-transform: translateX(400%);
           -o-transform: translateX(400%);
              transform: translateX(400%);
  }
  
  .article {
      margin-top: -21rem!important;
  }
      
  @media (max-width: 1250px) {
      .desktop-only {
       display: none !important;
       visibility:hidden
      }
  .article {
      margin-top: 4rem!important;
  }
      #page-content > div:nth-child(5) {
       margin-top: 0;
      }
  
  }
  

  Pages using this styling

  • scp-6800 [info]

  ¶ 1 occurrence
  

  }div.terminal{
      border: 1px solid black;
      border: solid 3px #BBBBBB;
      border-radius: 16px;
      background-color: #131;
  /* black shadow at the top of the terminal */
      background-image: 
          radial-gradient(ellipse 1000% 100% at 50% 90%, transparent, #121);
      background-position: center;
      display: block;
  /* shadow around the terminal */
      box-shadow: inset 0 0 10em 1em rgba(0,0,0,0.5);
  /* prevents scanline from forming a scrollwheel */
      overflow:hidden;
  }
  div.terminal blockquote {
      background-color: black;
      border: double 3px #80FF80
  }
  div.scanline{
      margin-top: -40%;
      width: 100%;
      height: 60px;
      position: relative;
      pointer-events: none;
  /* Safari 4.0 - 8.0 */
      -webkit-animation: scan 12s linear 0s infinite; /* You may need to change this. If the bar goes by too quickly, increase 5s. */
      animation: scan 12s linear 0s infinite; /* Same as above */
      background: linear-gradient(to bottom, rgba(56, 112, 82,0), rgba(56, 112, 82,0.1)) !important;
  }
  
  div.text{
      color: rgba(128,255,128,0.8);
      padding-left: 2em;
      padding-top: 40%;
      font-family: monospace;
      font-size: 1.2em;
      }
  
  /* Safari 4.0 - 8.0 */
  @-webkit-keyframes scan{
      from{ transform: translateY(-10%);}
      to{  transform: translateY(5000%);} /* You may need to change this depending on the length of your terminal. If the scanline stops halfway, increase the second number.*/
  }
  
  @keyframes scan{
      from{ transform: translateY(-10%);}
      to{  transform: translateY(5000%);} /* Same as above.*/
  }
  
  div.text a {
      color: #90EE90;
      text-decoration: none;
      background: transparent;
  }
  div.text a.newpage {
      color: #90EE90;
      text-decoration: none;
      background: transparent;
  }
  div.text a:hover {
      color: #131;
      text-decoration: underline;
      background-color: #80FF80;
      padding: 1px;
  }
  div.text a:hover::before{
  content: "> ";
  }

  Pages using this styling

  • scp-6800 [info]

  ¶ 1 occurrence
  

  :is(#page-content table:not(.form), table.wiki-content-table) {
      table-layout: auto;
  }
  
  @import url('https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+Antique:wght@300;400;500;700;900&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@700&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Spline+Sans:wght@400;700&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap');
  #page-content .quadrants > div {top: 2.25%;left: 18.5%;}
  #extra-div-1 {background:rgb(33, 30, 32);box-shadow: 0px 0px 8px 4px rgb(0, 0, 0);}
  div.main-class::before, div.main-class::after, div.top-icon::before,div.top-icon::after  {-webkit-filter: brightness(125%); filter: brightness(125%); }
  #page-content .wiki-content-table tr td {text-align:center;}
  #page-content .wiki-content-table tr:first-child th {background-color:rgb(208, 208, 208); color:rgb(51,51,45);font-weight:700 !important;padding-bottom:3px !important; padding-top:3px; text-align:center;}
  #page-content .wiki-content-table tr th {background-color:rgb(35, 35, 35);color:#F0F6F0;font-weight:400;font-style:none !important;border: 1px solid #ccc; padding-bottom:20px; padding-top:10px; text-align:left;}
  
  body {
  background-color:rgb(51, 52, 52);color:#F0F6F0;
      background-image: url(https://scp-wiki.wdfiles.com/local--files/scp-6793/spaced.png);
      background-attachment: fixed;
      background-size: cover;
      background-blend-mode: difference;
  }
  
  body:before {
    content: ' ';
    position: fixed;
    display: block;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(170deg, transparent, rgb(0, 0, 0) 65%, rgb(0, 0, 0) 65%, rgb(0, 0, 0) 100%);
    z-index: -1;
    color:#EDEDED;
  }
  ;}
  .authorbox, .authorcontent {background: #120b19;color:#F0F6F0; width:300px !important;}
  .authorlink-wrapper {margin-top: var(--author-top-adjust, .2em) !important; z-index:10 !important; }
  #page-content .authorbox {width:auto !important;}
  .tableb .wiki-content-table {border-spacing: 3px;font-size:0.82em;}
  
  :root {
  --logo:url(https://scp-wiki.wdfiles.com/local--files/classifications-guides-and-icons-by-billith/aad3.png);
  --title:"FOUNDATION";
  --subtitle:"ASTROPHYSICAL ANOMALIES DEPT.";
  --barColor:rgb(196, 219, 196);
  --header-font: 'Poppins';
  --body-font: 'Zen Kaku Gothic Antique', sans-serif;
  --ACS-font: var(--header-font);
  --five-color: 116,71,88 !important;
  --UI-font: 'Poppins';
  }
  .footnotes-footer .footnote-footer { text-indent: -6px !important; }
  div.poppin{
  box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset !important;
  border-radius: 5px 5px 5px 5px !important;
  }
  .breaklinker a {color: #ffffff !important;
                 }
  
  .blockquote {border-color: #ffffff;    
                   background-color: #000000;
       }
  .container  {position: relative;
                   text-align: center;
                   color: black;
       width:100%;
       }
  .centered   {position: absolute;
      top: 50%;
       left: 50%;
      transform: translate(-50%, -50%);
  }
  
  .bigtext {
  font-weight:700;
  }
  
  .danger-diamond > .bottom-icon::before {
  
  filter: contrast(0.5) !important;
  }

  Pages using this styling

  • scp-6793 [info]

  ¶ 1 occurrence
  

  sup {
  vertical-align: top; position: relative; top: -0.5em;
  }
  :root{
  --cutColour: #fafafa;
  --barColour: #313135;
  --linkColour: #fff;
  }
  .translation_block{
  display:none;}
  
  .info-container .collapsible-block-folded a{
  color: #FFF;}
  .info-container .collapsible-block-unfolded-link a{
  color: #FFF;}
  
  .info-container .collapsible-block-link,
  .info-container:hover .collapsible-block-link {
  line-height: 1.6em;
  }
  
  :root {
  --toggle-roundness: 0;
  }

  Pages using this styling

  • scp-6790 [info]

  ¶ 1 occurrence
  

  :root{
    --header-title: "Site-87";
    --header-subtitle: "Archival Division";
  
  }
  
  div#extra-div-1 {
      background-image: url(https://scp-wiki.wikidot.com/local--files/scp-6787/Big87.png);
      filter: opacity(20%);
  
  }

  Pages using this styling

  • scp-6787 [info]

  ¶ 1 occurrence
  

   :root{
     --header-subtitle: "SECURE, CONTAIN, PRESERVE";
  }

  Pages using this styling

  • scp-6776 [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Josefin+Sans&display=swap');
  .metal-plate {
  display: block;
  overflow: hidden;
  font-family: 'Josefin Sans', sans-serif;
  margin-right: auto;
  margin-left: auto;
  font-size: 180%;
  width: 80%;
  margin-top: 17px;
  margin-bottom: 17px;
  padding: 8px 8px 8px 8px;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
  border-radius: .5em;
  background-image: -webkit-repeating-linear-gradient(left, hsla(0,0%,100%,0) 0%, hsla(0,0%,100%,0)   6%, hsla(0,0%,100%, .1) 7.5%),
  -webkit-repeating-linear-gradient(left, hsla(0,0%,  0%,0) 0%, hsla(0,0%,  0%,0)   4%, hsla(0,0%,  0%,.03) 4.5%),
  -webkit-repeating-linear-gradient(left, hsla(0,0%,100%,0) 0%, hsla(0,0%,100%,0) 1.2%, hsla(0,0%,100%,.15) 2.2%),
  linear-gradient(180deg, hsl(0,0%,78%)  0%,
      hsl(0,0%,90%) 47%,
      hsl(0,0%,78%) 53%,
      hsl(0,0%,70%)100%);
  font-weight: bold;
  text-align: center;
  color: hsla(0,0%,20%,1);
  text-shadow: hsla(0,0%,40%,.5) 0 -1px 0, hsla(0,0%,100%,.6) 0 2px 1px;
  }

  Pages using this styling

  • scp-6776 [info]

  ¶ 1 occurrence
  

  h1, #page-title {
      font-family: "Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica;
      color:  #090;
  }
  
  #header h1 a,
  #header h2 span {
      font-family: BauhausLTDemi, 'Nanum Gothic', Arial, sans-serif;
  }
  
  #header {
      background-image: url(https://scp-wiki.wdfiles.com/local--files/component:theme/logo.png);
  }
  
  #header h2 span::before {
       content: 'Secure, Contain, Preserve';
       color: #f0f0c0;
       text-shadow: 1px 1px 1px rgba(0,0,0,.8);
  }
  /* anendlessusername's invaluable correction of the ACS octagon! */
  #page-content .quadrants > div {
      top: 2.25%;
      left: 18.5%;
  }
  :root {
      --timeScale: 2;
      --timeDelay: 0.5s;
  }
  ::-webkit-scrollbar {
      width: 9px;
      background: transparent;
  }
  .evencols tr th,
  .evencols tr td {
      width: 1%;
  }
  :root {
      --fnColor: #228822;
  }
  .email {border: solid 2px #000000; width: 88%; padding: 1px 15px; margin: 10px; box-shadow: 0 1px 3px rgba(0,0,0,.5)}
  .email-example a.collapsible-block-link {font-weight: bold;}
  .tofrom {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px maroon}

  Pages using this styling

  • scp-6776 [info]

  ¶ 1 occurrence
  

  ul {
     padding-left: 1em;
  }
  
  .scp-image-block {
     max-width: 40vw !important;
  }

  Pages using this styling

  • scp-6771 [info]

  ¶ 1 occurrence
  

  body {
  background-attachment:fixed;
  }
  #page-content .widetable .wiki-content-table {
      width: 100% !important;
      font-size: 1.5em;
  }
  
  :is(span.bd, span.bd) {
  text-decoration: underline 2px;
      text-underline-offset: 3px;
  }
  
  #page-content :is(blockquote, .blockquote) {
      border-color: #000;
      font-weight: normal;
      background-color: #060b11;
      color: #cdd9d6;
  }
  
  .image-block, .scp-image-block {
  
  border-bottom: none !important;
  }
  

  Pages using this styling

  • scp-6768 [info]

  ¶ 1 occurrence
  

  #page-title {
      display: none;
  }
   :root{
     --header-subtitle: "The Department of Spectral Phenomena";
  }
   .collapsible-block-link{
       font-size: 120%;
       font-weight: bold;
  }
   .scp-image-block.block-right{
       margin: 0 0 1em 2em;
  }

  Pages using this styling

  • scp-6766 [info]

  ¶ 1 occurrence
  

  @import url('https://scp-wiki.wikidot.com/local--files/project-paragon-hub/stylesheet.css');
  :root {
      --header-subtitle: "Project PARAGON";
      --cutColour: #fafafa;
      --barColour: #590505;
      --timeScale: 1;
      --timeDelay: 1s;
      --accentColor: 160, 44, 44;
      --dark-gray-monochrome: 55, 55, 55;
      --black-monochrome: 26, 26, 26;
      --lgurl: url(https://scptestwiki.wikidot.com/local--files/secret:scp-0000/scpnewlogo.png);
  }
  
  #header::before {
      opacity: 0.9;
  }
  
  #page-content .info-container {
      --link-color: rgb(var(--swatch-text-general));
  }
  
  #page-content .info-container .translation_block {
      display: none;
  }
  
  #page-content .info-container .collapsible-block-link,
  #page-content .info-container:hover .collapsible-block-link {
      line-height: 1.6em;
  }
  
  #page-content .info-container .collapsible-block-folded,
  #page-content .info-container .collapsible-block-unfolded-link {
      display: grid;
  }
  
  #page-content .info-container .collapsible-block-folded .collapsible-block-link,
  #page-content .info-container .collapsible-block-link {
      -webkit-mask: unset;
              mask: unset;
      background: transparent;
      grid-column: 1;
      grid-row: 1;
      opacity: 0;
  }
  
  #page-content .info-container .collapsible-block-folded::before,
  #page-content .info-container .collapsible-block-unfolded-link::before {
      --wght: 800;
      content: "djkaktus";
      color: var(--link-color);
      font-family: Inter, Arimo, Verdana, Geneva, "Helvetica Neue", "Helvetica", Arial, sans-serif;;
      display: block;
      pointer-events: none;
      grid-column: 1;
      grid-row: 1;
  }
  
  .anom-bar-container.esoteric .text-part>.main-class::before {
      border-color: rgb(var(--swatch-menutxt-dark-color, 12, 12, 12));
  }
  
  .anom-bar-container.esoteric .text-part>.main-class::before,
  .anom-bar-container.esoteric .danger-diamond>.top-icon::before {
      background-color: rgb(var(--swatch-menutxt-dark-color, 12, 12, 12));
      background-image: url("https://scptestwiki.wikidot.com/local--files/secret:scp-6765/esoteric-icon-ededed.svg");
      -webkit-filter: initial;
      filter: initial;
  }
  
  .audfont {
       font-family: 'audapaupadopolisian_scriptRg';
       font-variant-ligatures: historical-ligatures;
  }

  Pages using this styling

  • scp-6765 [info]

  ¶ 1 occurrence
  

  body{
      --barColour: #8c8c8c;
  }
  
  :root{
    --header-title: "SCP Foundation";
    --header-subtitle: "Dept. of Internal Affairs";
  }
  
  #header h1 a:before {
      font-size: 2.0rem;
  }
  
  div#extra-div-1 {
      background-image: url(http://scp-sandbox-3.wdfiles.com/local--files/harry-blank-6/BlankstyleSCP-2.png);
      filter: opacity(50%);
  }
  
  #page-content .info-container {
      --link-color: rgb(var(--swatch-text-general));
  }
  
  #page-content .info-container .translation_block {
      display: none;
  }
  
  #page-content .info-container .collapsible-block-link,
  #page-content .info-container:hover .collapsible-block-link {
      line-height: 1.6em;
  }
  
  #page-content .info-container .collapsible-block-folded,
  #page-content .info-container .collapsible-block-unfolded-link {
      display: grid;
  }
  
  #page-content .info-container .collapsible-block-folded .collapsible-block-link,
  #page-content .info-container .collapsible-block-link {
      -webkit-mask: unset;
              mask: unset;
      background: transparent;
      grid-column: 1;
      grid-row: 1;
      opacity: 0;
  }
  

  Pages using this styling

  • scp-6763 [info]

  ¶ 1 occurrence
  

  @media only screen and (min-width: 1020px) {
    body {
      background: linear-gradient(90deg, rgba(0,0,0,0) 0%, rgb(var(--basalt-primary-color)) 15%, rgb(var(--basalt-primary-color)) 50%, rgb(var(--basalt-primary-color)) 85%, rgba(0,0,0,0) 100%), url(https://scp-wiki.wdfiles.com/local--files/scp-6762/Cardboard.jpg);
      background-size: cover;
      background-attachment: fixed;
      background-repeat: no-repeat;
      background-position: 100% 50%;
    }
  }
  
  body {
    isolation: isolate;
  }
  
  #header {
    border-bottom: 6px var(--basalt-primary-color)) solid;
    box-shadow: 0px 1.3px 1.5px rgba(0, 0, 0, 0.2), 0px 4.2px 4.9px rgba(0, 0, 0, 0.3);
    background-image: radial-gradient(circle, rgba(0, 0, 0, 0) 0%, rgba(var(--basalt-primary-color),1) 100%);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 100% 50%;
  }
  
  #page-content .widetable :is(table:not(.form), table.wiki-content-table) {
    width: 100% !important;
    margin-top: 1.2rem;
    margin-bottom: 1rem;
  
  }
  
  :is(#page-content table:not(.form), table.wiki-content-table) th :is(div.blockquote, .blockquote, blockquote) {
    font-family: var(--UI-font);
    font-weight: normal;
    font-size: 0.90em;
    text-align: left;
    letter-spacing: 0.033rem;
    line-height: 5.5vw;
  }
  
  :is(span.bigtext, span.bt) {
    text-transform: uppercase;
  }
  
  #page-content .bt {
    color: #f2a;
  }
  
  #page-content .yes {
    color: transparent;
    text-shadow: none;
  }
  
  #page-content .tert {
    background-color: rgb(var(--basalt-tertiary-color));
  }
  
  hr {
    height: 0.22rem;
    transform: skew(-54deg, 0deg);
    background-color: rgb(144, 144, 144);
  }
  
  :is(div.notation, div.blockquote, .blockquote, blockquote, div.modal, div.smallmodal, div.jotting, div.papernote, div.document, div.darkdocument) hr {
    background-color: rgb(88, 88, 88);
  }

  Pages using this styling

  • scp-6762 [info]

  ¶ 1 occurrence
  

  #page-content .widetable .wiki-content-table {
      width: 100% !important;
  }
  
  #page-content div.modal {
      max-width: var(--main-content-width) !important;
  }
  
  .series-nav {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      align-content: center;
      align-items: baseline;
  
      margin: 1rem 0;
      padding: .02rem 1rem;
      background: rgb(var(--basalt-tertiary-color));
  
      border-top-right-radius: .67rem;
      border-top-left-radius: .67rem;
  
      font-size: 1.2em;
      font-family: var(--UI-font);
  }
  
  .series-nav>* {
      margin: 0 0.3em;
  }
  
  .end_card {
      background: linear-gradient(145deg, rgba(var(--basalt-dark-element-color), 0.5) 0%, rgb(var(--basalt-tertiary-color)) 80%);
      padding: 1.25rem 2rem;
      text-align: center;
  }
  
  #page-content :is(blockquote, .blockquote) {
      border-color: rgb(82, 82, 83);
  }

  Pages using this styling

  • scp-6762 [info]

  ¶ 1 occurrence
  

  
  @import url('https://fonts.googleapis.com/css2?family=Inconsolata:wght@200;300;400;500;600;700;800;900&display=swap');
  
  :root {
  --logo-image: url(https://scp-wiki.wikidot.com/local--files/scp-6659/DoTT-White.png);
  --header-title: "TACT. THEOLOGY";
  --header-subtitle: "TECHNICAL SITE-07";
  }
  
  div.terminal {
  display: block;
  padding: 0.7rem 0.7rem 0.7rem 0.7rem;
  margin: 1rem auto 1rem auto;
  width: 70%;
  font-family: 'Inconsolata', monospace;
  background: black;
  color: white;
  box-shadow: 0px 0px 3px -3px rgba(0, 0, 0, 0.081), 0px 0px 10.1px -3px rgba(0, 0, 0, 0.119), 0px 0px 45px -3px rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  }
  
  a.collapsible-block-link:not(div.collection a.collapsible-block-link) {
  text-align: center;
  background: rgb(var(--bright-accent));
  color: white;
  font-weight: bold;
  padding: 0.7rem 0.7rem 0.7rem 0.7rem;
  transition-duration: 1s
  margin: 1rem auto 1rem auto;
  }
  
  a.collapsible-block-link:hover:not(div.collection a.collapsible-block-link:hover) {
  background: rgb(var(--dark-accent));
  }
  

  Pages using this styling

  • scp-6760 [info]

  ¶ 1 occurrence
  

  
  #page-content .anom-bar-container.none .text-part .disrupt-class::before {
  content: "0" !important;
  }
  
  #page-content .anom-bar-container.none .text-part .risk-class::before {
  content: "0" !important;
  }
  

  Pages using this styling

  • scp-6751 [info]

  ¶ 1 occurrence
  

  sup {
  vertical-align: top; position: relative; top: -0.5em;
  }
  :root{
  --cutColour: #fafafa;
  --barColour: #313135;
  --linkColour: #fff;
  }
  .translation_block{
  display:none;}
  
  .info-container .collapsible-block-folded a{
  color: #FFF;}
  .info-container .collapsible-block-unfolded-link a{
  color: #FFF;}
  
  .info-container .collapsible-block-link,
  .info-container:hover .collapsible-block-link {
  line-height: 1.6em;
  }
  :root {
  --toggle-roundness: 0;
  }

  Pages using this styling

  • scp-6744 [info]

  ¶ 1 occurrence
  

  .footnotes-footer { 
      visibility: hidden; 
      height: 0;
      padding: 0;
      margin: 0;
  }
  
  span:not([class]):not([style]) > sup.footnoteref:first-child > a.footnoteref:before,
  sup.footnoteref > a.footnoteref:before {
    content: "[";
  }
  span:not([class]):not([style]) > sup.footnoteref:first-child > a.footnoteref:after,
  sup.footnoteref > a.footnoteref:after {
    content: "]";
  }
  
  .blinking{
      animation:blinkingText 0.8s ease-in-out infinite alternate;
  }
  @keyframes blinkingText{
     0% { color: transparent; }
      50%, 100% { color: black; }
  }
  

  Pages using this styling

  • scp-6741 [info]

  ¶ 1 occurrence
  

  sup { 
  vertical-align: top; position: relative; top: -0.5em; 
  }
  :root{ 
  --cutColour: #fafafa;
  --barColour: #1e2c24;
  }
  .translation_block{
  display:none;}
  
  #page-content .info-container {
      --link-color: rgb(var(--swatch-text-general));
  }
  
  #page-content .info-container .translation_block {
      display: none;
  }
  
  #page-content .info-container .collapsible-block-link,
  #page-content .info-container:hover .collapsible-block-link {
      line-height: 1.6em;
  }
  
  #page-content .info-container .collapsible-block-folded,
  #page-content .info-container .collapsible-block-unfolded-link {
      display: grid;
  }
  
  #page-content .info-container .collapsible-block-folded .collapsible-block-link,
  #page-content .info-container .collapsible-block-link {
      -webkit-mask: unset;
              mask: unset;
      background: transparent;
      grid-column: 1;
      grid-row: 1;
      opacity: 0;
  }
  
  #page-content .info-container .collapsible-block-folded::before,
  #page-content .info-container .collapsible-block-unfolded-link::before {
      --wght: 800;
      content: "djkaktus";
      color: #FFFFFF;
      font-family: Inter, Arimo, Verdana, Geneva, "Helvetica Neue", "Helvetica", Arial, sans-serif;;
      display: block;
      pointer-events: none;
      grid-column: 1;
      grid-row: 1;
  }
  

  Pages using this styling

  • scp-6740 [info]

  ¶ 1 occurrence
  

  .email-example .collapsible-block-folded a.collapsible-block-link {
      animation: blink 0.8s ease-in-out infinite alternate;
  }
  @keyframes blink {
      0% { color: transparent; }
      50%, 100% { color: #b01; }
  }
  .email {border: solid 2px #6e6c67; width: 88%; padding: 1px 15px; margin: 10px; box-shadow: 0 1px 3px rgba(0,0,0,1)}
  .email-wilson {background: rgb(209, 237, 154); color: rgba(102, 87, 49); border: solid 2px #6e6c67; width: 88%; padding: 1px 15px; margin: 10px; box-shadow: 0 1px 3px rgba(0,0,0,1)}
  .email-example a.collapsible-block-link {font-weight: bold;}
  .tofrom {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px maroon}

  Pages using this styling

  • scp-6738 [info]

  ¶ 1 occurrence
  

  .appeal{
      border:dotted 1px #000000;
      background:#F8F8FF;
      width:90%;
      padding:1px 15px;
      margin: 10px auto;
      max-width: 500px;
  }
  .transcript{
      border:dotted 1px #000000;
      background:#f2f3f4;
      width:90%;
      padding:1px 15px;
      margin: 10px auto;
  }
  

  Pages using this styling

  • scp-6738 [info]

  ¶ 1 occurrence
  

  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;
  }
  
  div.wilson-subtitle-left {
      color: rgb(102, 87, 49);
      background: rgba(200, 226, 147);
      padding: 0.313em;
      text-align: left;
      font-weight: bold;
  }
  
  div.wilson-body {
      color: rgba(102, 87, 49);
      background: rgb(209, 237, 154);
      padding: 1em;
  }

  Pages using this styling

  • scp-6738 [info]

  ¶ 1 occurrence
  

  .appeal{
      border:dotted 1px #000000;
      background:#F8F8FF;
      width:90%;
      padding:1px 15px;
      margin: 10px auto;
      max-width: 500px;
  }
  .textbook{
      border:dotted 1px #000000;
      background:#fffacd;
      width:90%;
      padding:1px 15px;
      margin: 10px auto;
      max-width: 500px;
  }
  .transcript{
      border:dotted 1px #000000;
      background:#f2f3f4;
      width:90%;
      padding:1px 15px;
      margin: 10px auto;
  }
  .gru{
      border:dotted 1px #000000;
      font-family: "Courier New", "Courier", monospace;
      font-style: normal;
      background:#f1d592; 
      width: 90%;
      padding:1px 15px;
      margin: 5px auto;
      max-width: 450px;
  }

  Pages using this styling

  • scp-6736 [info]

  ¶ 1 occurrence
  

  #page-content .collapsible-block-folded .collapsible-block-link::before {
      content: "▷ ADDENDUM 6733." counter(collapse);
  }
  #page-content .collapsible-block-unfolded .collapsible-block-link::before {
      content: "▽ ADDENDUM 6733." counter(collapse);
  }
  
  #page-content .license-box .collapsible-block {
  
      display: unset;
  
      text-align: unset;
  
      padding: unset;
  
      background-color: unset;
  
      border-top: unset;
  
      border-bottom: unset;
  
  }
  
  #page-content .license-box .collapsible-block .collapsible-block-content {
  
      text-align: unset;
  }
  
  #page-title{display:none}
  

  Pages using this styling

  • scp-6733 [info]

  ¶ 1 occurrence
  

   
  .document {
      background: white;
      box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
      margin: 26px auto 0;
      max-width: 550px;
      min-height: 300px;
      padding: 24px;
      padding-top: 50px;
      position: relative;
      width: 80%;
  }
   
  .document:before,
  .document:after {
      content: "";
      height: 98%;
      position: absolute;
      width: 100%;
      z-index: -1;
  }
   
  .document:before {
      background: #fafafa;
      box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
      left: -5px;
      top: 4px;
      transform: rotate(-2.5deg);
  }
   
  .document:after {
      background: #f6f6f6;
      box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
      right: -3px;
      top: 1px;
      transform: rotate(1.4deg);
  }

  Pages using this styling

  • scp-6730 [info]

  ¶ 1 occurrence
  

  :root{
  
  div#extra-div-1 {
      background-image: url(https://scp-wiki.wdfiles.com/local--files/jerden-insignia/Site-44.svg);
      filter: opacity(20%);
  }
  
  .document {
      background: white url('http://scpdsandbox.wdfiles.com/local--files/darkartist-s-hub-for-drafts-or-whatever/sphere%20smells%20like%20fart%20sometimes') center center no-repeat;
      box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
      margin: 26px auto 0;
      max-width: 550px;
      min-height: 300px;
      padding: 24px;
      padding-top: 50px;
      position: relative;
      width: 80%;
  }
   
  .document:before,
  .document:after {
      content: "";
      height: 98%;
      position: absolute;
      width: 100%;
      z-index: -1;
  }

  Pages using this styling

  • scp-6730 [info]

  ¶ 1 occurrence
  

  div#extra-div-1 {
      background-image: url(https://scp-wiki.wdfiles.com/local--files/secure-facilities-locations/Big79.svg);
      filter: opacity(20%);
  }
  
  .terminal-span{
       font: bold 110%/1.5 var(--mono-font);
       letter-spacing: 0;
  }

  Pages using this styling

  • scp-6722 [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;700&display=swap');
   
  :root { --mono-font: "Fira Code", Cousine, monospace; }
  #edit-page-textarea, .code pre, .code p, .code, tt, .page-source { font-family: var(--mono-font); }
  .code pre * { white-space: pre; }
  .code *, .pre * { font-feature-settings: unset; }
  
  
   :root{
     --header-title: "RSR. SITE-79";
     --header-subtitle: "DEPARTMENT OF GAMING";
     
  }

  Pages using this styling

  • scp-6722 [info]

  ¶ 1 occurrence
  

  :root {
  --dangerous: 255, 109, 0
  }

  Pages using this styling

  • scp-6721 [info]

  ¶ 1 occurrence
  

  /* HEADER */
  :root{
       --header-title: "AREA-21";
       --header-subtitle: "A MAGICA AD MUNDANUM";
  }
   div#extra-div-1{
       background-image: url(http://scp-sandbox-3.wdfiles.com/local--files/12-aromantic-abatement/21Head.png);
  }
   .top-left-box > .item{
       display: inline;
  }
  /* anendlessusername's invaluable correction of the ACS octagon! */
  #page-content .quadrants > div {
   top: 2.25%;
   left: 18.5%;
  }

  Pages using this styling

  • scp-6721 [info]

  ¶ 1 occurrence
  

  div.console::before{content:"FACILITY INTERLINK";
  border: double 3px #80FF80;
  margin: auto;
  width: 50%;
  color: #80FF80;
  background-color: black;
  padding: 1px 3px;
  font-weight: bold;
  letter-spacing: 2px}

  Pages using this styling

  • scp-6721 [info]

  ¶ 1 occurrence
  

  div.comment{
      background-color: black;
      border: double 3px #80FF80;
      margin-top: 18px;
      margin-bottom: 12px;
      padding-left: 18px;
      padding-right: 18px;
      color: #80FF80;
      font-family: monospace;
      font-size: 12pt;
  }

  Pages using this styling

  • scp-6721 [info]

  ¶ 1 occurrence
  

  div.console{
      background-color: black;
      border: double 3px #80FF80;
      margin-top: 18px;
      margin-bottom: 12px;
      padding-left: 18px;
      padding-right: 18px;
      color: #80FF80;
      font-family: monospace;
      font-size: 12pt;
  }

  Pages using this styling

  • scp-6721 [info]

  ¶ 1 occurrence
  

  
  .blink .collapsible-block-folded a.collapsible-block-link {
      animation: blink 0.8s ease-in-out infinite alternate;
  }
  @keyframes blink {
      0% { color: transparent; }
      50%, 100% { color: #9M37F4; }
  }
  
  .blink .collapsible-block-unfolded a {
      color: #9M37F4;
  }
  
  .blink .collapsible-block-unfolded a.collapsible-block-link {
      color: #9M37F4;
  }
  
  /* blink message */
  

  Pages using this styling

  • scp-6710 [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Abel&display=swap');
  
  .coupon {
       border: 5px solid red;
       background: linear-gradient(100deg, rgba(255,97,97,1) 0%, rgba(255,236,52,1) 100%);
       padding: 1rem;
       margin: 0 4rem;
       text-align: center;
  }
  .coupon h1, .coupon h3 {
       font-family: 'Abel', sans-serif;
  }
  
  .quote-text {
      display: inline-block;
      border:dashed 1px #999999;
      background:#F5F5F5;
      float:center;
      width:84%;
      padding:1px 15px;
      margin: 10px 10px 10px 30px
  }
  
  #page-content .info-container {
      --link-color: rgb(var(--swatch-text-general));
  }
  
  #page-content .info-container .translation_block {
      display: none;
  }
  
  #page-content .info-container .collapsible-block-link,
  #page-content .info-container:hover .collapsible-block-link {
      line-height: 1.6em;
  }
  
  #page-content .info-container .collapsible-block-folded,
  #page-content .info-container .collapsible-block-unfolded-link {
      display: grid;
  }
  
  #page-content .info-container .collapsible-block-folded .collapsible-block-link,
  #page-content .info-container .collapsible-block-link {
      -webkit-mask: unset;
              mask: unset;
      background: transparent;
      grid-column: 1;
      grid-row: 1;
      opacity: 0;
  }
  
  #page-content .info-container .collapsible-block-folded::before,
  #page-content .info-container .collapsible-block-unfolded-link::before {
      --wght: 800;
      content: "Collaboration";
      color: #FFFFFF;
      font-family: Inter, Arimo, Verdana, Geneva, "Helvetica Neue", "Helvetica", Arial, sans-serif;;
      display: block;
      pointer-events: none;
      grid-column: 1;
      grid-row: 1;
      line-height: 2.75ex;
  }

  Pages using this styling

  • scp-6707 [info]

  ¶ 1 occurrence
  

   :root{
       --accentColor: hsl(0, 0%, 0%);
       --fnColor: hsl(0, 100%, 42%);
  }
  
   body{
       --barColour: var(--accentColor);
  }
  
   #page-title,
   #u-author_block{
       display: none;
  }
  
   .meta-title{
       color: hsl(0, 0%, 0%);
  }
  
   .meta-title,
   .pseudocrumbs{
       text-align: center;
  }
  
   .disruptionHeader{
       display: none !important
  }
  
   .moo{
       color: hsl(214, 70%, 45%);
       font-weight: bold;
  }
  
   ol li{
       margin: 1em 0;
  }

  Pages using this styling

  • scp-6705 [info]

  ¶ 1 occurrence
  

  div#header h2 span {
      font-size:0px;
      padding: 4px;
  }
  div#header h2:after {
      content: "The Department of Spectral Phenomena";
      font-weight: bold;
      color: #f0f0c0;
      padding: 19px 0;
      text-shadow: 1px 1px 1px rgba(0, 0, 0, .8);
      white-space: pre;
  }
  .footnotes-footer {display:none}

  Pages using this styling

  • scp-6698 [info]

  ¶ 1 occurrence
  

  .authorlink-wrapper {
      --author-top-adjust: 0.33rem;
      --author-bottom-adjust: 1rem;
  }

  Pages using this styling

  • scp-6695 [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+Antique:wght@300;400;500;700;900&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@800&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Spline+Sans:wght@400;700&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap');
  :root {
      --header-title: "SITE-88";
      --header-subtitle: "CHTHONIAN THEOLOGISTICS";
      --header-logo: url(https://scp-wiki.wdfiles.com/local--files/theme%3Aad-abyssum-penumbra/tacttheo_demonology.png);
      --accentColor: #FFFFFF;
      --accentColorLite: #FFFFFF;
      --hue: 30deg;
      --header-font-primary: "Poppins", sans-serif;
      --body-font-primary: "Zen Kaku Gothic Antique", sans-serif;
      --blockquote-background-color: 25,29,27;
      --basalt-primary-color:21,31,26; 
      --basalt-UI-dark-palette: 20,25,23;
      --basalt-focus-color: 71,79,75;
      --basalt-main-text-color: 255,255,255;
  }
  h1, .st {
  font-family: "Poppins", sans-serif !important;
  }
  image-block, .scp-image-block {
  border-bottom: none;
  }
  .footnotes-footer .footnote-footer {
  text-indent:-.5ch;
  }
  body {
  background-color: #444b47;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 80 80'%3E%3Cg fill-rule='evenodd'%3E%3Cg id='church-on-sunday' fill='%23cfffe6' fill-opacity='0.08'%3E%3Cpath d='M77.17 0H80v2.83l-.1.1A39.9 39.9 0 0 1 74.64 20a39.9 39.9 0 0 1 5.24 17.06l.11.11v2.89c-.01 6.9-1.8 13.79-5.35 19.94A39.96 39.96 0 0 1 80 79.94V80h-2.83L66.84 69.66a39.83 39.83 0 0 1-24.1 10.25l.09.09h-5.66l.1-.1c-8.7-.58-17.22-4-24.1-10.23L2.82 80H0V79.94c.01-6.9 1.8-13.8 5.35-19.94A39.96 39.96 0 0 1 0 40.06V37.17l.1-.1A39.9 39.9 0 0 1 5.36 20 39.9 39.9 0 0 1 .1 2.94L0 2.83V0h2.83l-.1.1a39.83 39.83 0 0 1 24.1 10.24L37.18 0H40c0 6.92-1.78 13.83-5.35 20A39.96 39.96 0 0 1 40 40c0-6.92 1.78-13.83 5.35-20A39.96 39.96 0 0 1 40 0h2.83l10.33 10.34A39.83 39.83 0 0 1 77.26.09L77.17 0zm.77 77.94c-.3-5.52-1.8-11-4.49-16a40.18 40.18 0 0 1-5.17 6.34l9.66 9.66zm-12.52-9.7l-6.83-6.83-5.46 5.46-1.41 1.41-9.66 9.66c8.4-.45 16.69-3.68 23.36-9.7zm-23.07 6.58l7.99-7.98a40.05 40.05 0 0 1-3.79-4.9 37.88 37.88 0 0 0-4.2 12.88zM47.68 60a37.98 37.98 0 0 0 4.07 5.42L57.17 60l-5.42-5.42A38 38 0 0 0 47.68 60zm2.66-6.84a40.06 40.06 0 0 0-3.79 4.9 37.88 37.88 0 0 1-4.2-12.88l7.99 7.98zm1.38-1.44l1.41 1.41 5.46 5.46 6.83-6.84a37.85 37.85 0 0 0-23.36-9.7l9.66 9.67zM60 60l6.87 6.87A38.1 38.1 0 0 0 72.32 60a38.11 38.11 0 0 0-5.45-6.87L60 60zm-14.65 0a39.9 39.9 0 0 0-5.24 17.06l-.11.11-.1-.1A39.9 39.9 0 0 0 34.64 60a39.9 39.9 0 0 0 5.24-17.06l.11-.11.1.1A39.9 39.9 0 0 0 45.36 60zm9.23-48.25a37.85 37.85 0 0 1 23.36-9.7l-9.66 9.67-1.41 1.41-5.46 5.46-6.83-6.84zm13.67 13.67L62.83 20l5.42-5.42A38 38 0 0 1 72.32 20a37.98 37.98 0 0 1-4.07 5.42zm5.2-3.47a40.05 40.05 0 0 1-3.79 4.89l7.99 7.98c-.61-4.45-2.01-8.82-4.2-12.87zm-6.58 4.92l1.41 1.41 9.66 9.66a37.85 37.85 0 0 1-23.36-9.7l6.83-6.83 5.46 5.46zM53.13 13.13L60 20l-6.87 6.87A38.11 38.11 0 0 1 47.68 20a38.1 38.1 0 0 1 5.45-6.87zm-1.41-1.41l-9.66-9.66c.3 5.52 1.8 11 4.49 16a40.18 40.18 0 0 1 5.17-6.34zm-9.66 26.22c.3-5.52 1.8-11 4.49-16a40.18 40.18 0 0 0 5.17 6.34l-9.66 9.66zm26.22 13.78l9.66-9.66c-.3 5.52-1.8 11-4.49 16a40.18 40.18 0 0 0-5.17-6.34zm8.98-11.81L66.84 50.34a39.83 39.83 0 0 0-24.1-10.25l10.42-10.43a39.83 39.83 0 0 0 24.1 10.25zm-7.6-26.75a40.06 40.06 0 0 1 3.79 4.9 37.88 37.88 0 0 0 4.2-12.88l-7.99 7.98zm-31.72 28.9c-8.4.45-16.69 3.68-23.36 9.7l6.83 6.83 5.46-5.46 1.41-1.41 9.66-9.66zM22.83 60l5.42 5.42c1.54-1.7 2.9-3.52 4.07-5.42a38 38 0 0 0-4.07-5.42L22.83 60zm5.45 8.28l-1.41-1.41-5.46-5.46-6.83 6.84a37.85 37.85 0 0 0 23.36 9.7l-9.66-9.67zm9.37 6.54l-7.99-7.98a40.05 40.05 0 0 0 3.79-4.9 37.88 37.88 0 0 1 4.2 12.88zM20 60l-6.87-6.87A38.11 38.11 0 0 0 7.68 60a38.11 38.11 0 0 0 5.45 6.87L20 60zm17.26-19.9L26.84 29.65a39.83 39.83 0 0 1-24.1 10.25l10.42 10.43a39.83 39.83 0 0 1 24.1-10.25zm-35.2 1.96l9.66 9.66a40.18 40.18 0 0 0-5.17 6.33c-2.7-5-4.2-10.47-4.5-16zm4.49 19.89c-2.7 5-4.2 10.47-4.5 16l9.67-9.67a40.18 40.18 0 0 1-5.17-6.33zm31.1-16.77c-.61 4.45-2.01 8.82-4.2 12.87a40.06 40.06 0 0 0-3.79-4.89l7.99-7.98zm-4.2-23.23c2.7 5 4.2 10.47 4.5 16l-9.67-9.67c1.97-1.97 3.7-4.1 5.17-6.33zm-14.86-.54l6.83 6.84a37.85 37.85 0 0 1-23.36 9.7l9.66-9.67 1.41-1.41 5.46-5.46zm-8.25 5.43l-7.99 7.98c.61-4.45 2.01-8.82 4.2-12.87a40.04 40.04 0 0 0 3.79 4.89zm1.41-1.42A37.99 37.99 0 0 1 7.68 20a38 38 0 0 1 4.07-5.42L17.17 20l-5.42 5.42zm-5.2-7.37a40.04 40.04 0 0 1 3.79-4.89L2.35 5.18c.61 4.45 2.01 8.82 4.2 12.87zm6.58-4.92l-1.41-1.41-9.66-9.66a37.85 37.85 0 0 1 23.36 9.7l-6.83 6.83-5.46-5.46zm13.74 13.74L20 20l6.87-6.87A38.1 38.1 0 0 1 32.32 20a38.1 38.1 0 0 1-5.45 6.87zm6.58-8.82a40.18 40.18 0 0 0-5.17-6.33l9.66-9.66c-.3 5.52-1.8 11-4.49 16z' /%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-size:50%;
  }
  div.modal {
  border:none !important;
  }

  Pages using this styling

  • scp-6693 [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Courier+Prime&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Jost&display=swap');
  
  :root {
    --body-font: "Jost", sans-serif;
  }
  

  Pages using this styling

  • scp-6692 [info]

  ¶ 1 occurrence
  

  :root {
      --header-title: "SCP FOUNDATION";
  }

  Pages using this styling

  • scp-6690 [info]

  ¶ 1 occurrence
  

  @import url('http://smlt.wdfiles.com/local--code/ukwhatn%3Afadeout/1');
  
  .hover {
    color: red;
    text-decoration: underline;
  }
  .hover .hover-text {
     position: absolute;
     display: none;
     margin: 20px 0px;
     height: auto;
     width: auto;
     background:white;
     border: 1px solid black;
     color: black;
     padding: 0.5em;
  }
  
  .hover:hover {
    text-decoration: none;
    border-bottom: none;
    color: #004c00;
  }
  .hover:hover .hover-text {
    display: inline;
  }
  
  .email {float: center; border: solid 2px #000000; width: 88%; padding: 1px 15px; margin: 10px auto; box-shadow: 0 1px 3px rgba(0,0,0,.5)}
  .tofrom {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px maroon}
  a.collapsible-block-link { font-weight: bold; }
  
  /*== VARIABLES ==*/
  :root {
  
    /* Background Color (Default: white) */
    --fadeout-background: white;
  
    /* FadeOut Duration */
    --fadeout-time: 1s;
  
    /* Image FadeIn Duration (For Option2) */
    --img-fadein-time: 1s;
  
    /* Image Fadein Delay (For Option2) */
    --img-fadein-delay: 2s;
  
    /* Cropped Header (To erase the shadow under the header)
        If you use themes other than Sigma-9(Default), pls change this variable. */
    --cropped-header: url(http://smlt.wdfiles.com/local--files/ukwhatn:fadeout/header-crop.png);
  
  }

  Pages using this styling

  • scp-6688 [info]

  ¶ 1 occurrence
  

  
  div.vpro {
      border: 2px solid #ad7c2b;
      background-color: #ffd899;
      padding: 0 1em;
      margin: 1em 3em;
  }
  div.vprb {
      border: 2px solid #7cafc4;
      background-color: #d6f5ff;
      padding: 0 1em;
      margin: 1em 3em;
  }
   

  Pages using this styling

  • scp-6687 [info]

  ¶ 1 occurrence
  

  /*
      [no title]
      Created at 2021
      Created by dog_punch
      CC BY-SA 3.0
  */
  
  .logo-line-wrap {
      position: relative;
      --lbc: #292929;
      width: calc(100% - 20px);
      margin: 1em auto;
      display: flex;
      justify-content: center;
      align-items: center;
      height: 85px;
      overflow: hidden;
  }
  
  
  .logo-main {
      width: var(--cc);
      height: var(--cc);
      background-image: url('http://incbox.wikidot.com/local--files/svg-base/origin-1.svg');
      background-size: contain;
      border-radius: 50%;
      z-index: 1;
      --cc: 81px;
      opacity: .83;
  }
  
  .logo-center {
      position: absolute;
      display: flex;
      justify-content: center;
      align-items: center;
      background: #fff;
      border-radius: 50%;
      width: 80px;
      height: 80px;
  }
  
  #html-body .logo-line-wrap div {
      max-width: none;
  }
  
  .logo-circle {
      position: absolute;
      border-radius: 50%;
      display: flex;
      justify-content: center;
      align-items: center;
      width: 100%;
      height: 100%;
      z-index: 2;
      animation: rotate 3s 0s infinite both linear;
      border: 2px solid var(--lbc);
  }
  @keyframes rotate {
      from {transform:rotate(0deg)}
       to {transform:rotate(360deg)}
  }
  
  .logo-circle.c-2 {
      clip-path: polygon(0 66%, 50% 50%, 50% 0, 85% 0%, 50% 50%, 100% 15%, 100% 48%, 8% 100%, 85% 100%, 0 0, 0 100%, 0% 85%);
      width: calc(100% - 4px);
      height: calc(100% - 4px);
  }
  
  .logo-circle.c-1 {
      animation: none;
  }
  
  .logo-circle.c-3 {
      width: calc(100% - 8px);
      height: calc(100% - 8px);
      clip-path: polygon(0 59%, 50% 50%, 46% 0, 85% 0%, 50% 50%, 100% 40%, 100% 85%, 50% 50%, 57% 100%, 18% 100%, 50% 50%, 0 100%);
      animation-direction: reverse;
      opacity: .3;
  }
  
  .logo-circle.c-4 {
      clip-path: polygon(0 30%, 50% 50%, 0 0, 85% 0%, 50% 50%, 100% 22%, 100% 85%, 50% 50%, 100% 100%, 81% 100%, 50% 50%, 0 100%);
      width: calc(100% - 12px);
      height: calc(100% - 12px);
      animation-duration: 2.5s;
  }
  
  .line-c {
      width: 100%;
      height: 5px;
      background: var(--lbc);
      position: absolute;
  }
  
  
  
  .line-c:before {
      content: '';
      position: absolute;
      background: #fff;
      top: 2px;
      bottom: 2px;
      left: 2px;
      right: 2px;
      }
  
  .line-t:before {
      content: '';
      position: absolute;
      height: 2px;
      background: var(--lbc);
      width: 20px;
      animation: line-l 1.7s 0s infinite both linear;
      transform: translateY(-50%);
  }
  
  @keyframes line-l {
      from {left: 50%}
      to   {left: -20px}
  }
  
  @keyframes line-r {
      from {right: 50%}
      to   {right: -20px}
  }
  
  .line-b:before {
      content: '';
      position: absolute;
      height: 2px;
      background: var(--lbc);
      width: 20px;
      top: 50%;
      animation: line-l 1.4s 0s infinite both linear;
      transform: translateY(-50%);
  }
  
  .line-t:after {
      content: '';
      position: absolute;
      height: 2px;
      background: var(--lbc);
      width: 20px;
      animation: line-r 1.9s 0s infinite both linear;
      transform: translateY(-50%);
  }
  
  .line-b:after {
      content: '';
      position: absolute;
      height: 2px;
      background: var(--lbc);
      width: 20px;
      top: 50%;
      animation: line-r 1.5s 0s infinite both linear;
      transform: translateY(-50%);
  }
  

  Pages using this styling

  • scp-6686 [info]

  ¶ 1 occurrence
  

  /*
      [no title]
      Created at 2021
      Created by dog_punch
      CC BY-SA 3.0
  */
  
  .type {
      color: #000;
      font-family: Verdana;
      font-size: 15px;
  }
  
  span.testn {
      background-image: linear-gradient(to left,#ffffff00 50%,#000000 50%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-size: 200% 100%;
      background-repeat: no-repeat;
      background-position: 100% 0;
      animation: gradient 5s steps(367) 1 both;
  }
  
  @keyframes gradient {
  from {background-position: 100% 0;}
  to   {background-position: 0 0;}
  }

  Pages using this styling

  • scp-6686 [info]

  ¶ 1 occurrence
  

  
  .warning {
      position: relative;
      margin: 2em 0;
      padding: 25px 10px 7px;
      border: solid 1px #000000;
  }
  .warning h1{
      position: absolute;
      margin-top: 0;
      display: inline-block;
      top: -1px;
      left: -1px;
      padding: 0 8px;
      height: 26px;
      line-height: 25px;
      vertical-align: middle;
      font-size: 17px;
      background: #000000;
      color: #ffffff;
      font-weight: bold;
  }
  .warning p {
      margin: 0;
      padding: 0;
  }

  Pages using this styling

  • scp-6686 [info]

  ¶ 1 occurrence
  

  #page-content .collapsible-block {
  max-width: 100%;
  text-color: Red;
  padding: 5px;
  }
  .collapsible-block-content p {
  padding-left: 5px;
  padding-right: 5px;
  padding-bottom: 5px;
  padding-top: 5px;
  }
  .collapsible-block-content{
  text-align: left;
  }
  
  .collapsible-block-folded, .collapsible-block-unfolded{
  text-align: center;
  text-color: black;
  }

  Pages using this styling

  • scp-6686 [info]

  ¶ 1 occurrence
  

  #page-content .collapsible-block-folded a.collapsible-block-link,
  #page-content .collapsible-block-unfolded a.collapsible-block-link {
      font-weight: bold;
  }
  }

  Pages using this styling

  • scp-6686 [info]

  ¶ 1 occurrence
  

  .contain-class .class-text {
    color: transparent !important;
  }
  
  .contain-class .class-text::before {
    content: "euclid";
    position: absolute;
    top: 0;
    color: rgba(var(--black-monochrome),1) !important;
  }
  
  .anom-bar-container.esoteric .text-part > .main-class::before {
    background-color: rgba(var(--three-color),1);
    background-image: url("http://scp-wiki.wikidot.com/local--files/component:anomaly-class-bar/euclid-icon.svg");
    -webkit-filter: invert(0);
    filter: invert(0);
    border-color: rgb(var(--black-monochrome));
  }
  
  .anom-bar-container.esoteric .text-part > .main-class {
    background-color: rgb(var(--white-monochrome));
    background: linear-gradient(30deg,
      rgb(var(--gray-monochrome),0.25) 0%,
      rgb(var(--gray-monochrome),0.25) 50%,
      rgb(var(--three-color),0.25) 50%,
      rgb(var(--three-color),0.25) 50%
    )
  }
  
  .anom-bar-container.esoteric .danger-diamond > .top-icon::before {
    background-color: rgb(var(--three-color));
    background-image: url("http://scp-wiki.wikidot.com/local--files/component:anomaly-class-bar/euclid-icon.svg");
    -webkit-filter: invert(0);
    filter: invert(0);
  }

  Pages using this styling

  • scp-6685 [info]

  ¶ 1 occurrence
  

  :root {
      --header-title: "Site-74";
      --header-subtitle: "Silvology Division";
          --logo-image: url("https://scp-wiki.wdfiles.com/local--files/scp-6685/silvology.png");
      --pale-accent: 67, 97, 86;
      /* light red, for visited links */
      --bright-accent: 54, 197, 94;
      /* bright green */
      --medium-accent: 69, 117, 96;
      /* medium green - the "default" accent color */
      --dark-accent: 82, 168, 135;
      /* dark green */
      --alt-accent: 121, 146, 137;
      /* pale green, for newpage links */
  }

  Pages using this styling

  • scp-6685 [info]

  ¶ 1 occurrence
  

  .email {border: solid 2px #000000; width: 88%; padding: 1px 15px; margin: 10px; box-shadow: 0 1px 3px rgba(0,0,0,.5)}
  .email-example a.collapsible-block-link {font-weight: bold;}
  .tofrom {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px green}

  Pages using this styling

  • scp-6676 [info]

  ¶ 1 occurrence
  

  
  :root {
    --header-title: "DECOMMISSION DEPT.";
    --header-subtitle: "SO IT SHALL BE AT THE END OF THE AGE";
    --lgurl: url(https://scp-wiki.wdfiles.com/local--files/theme%3Apenumbra/logo.png);
    --accentColor: #50AC3E;
  }
  

  Pages using this styling

  • scp-6676 [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.google.com/specimen/Special+Elite')

  Pages using this styling

  • scp-6674 [info]

  ¶ 1 occurrence
  

  :root{
    --header-title: "Site-400";
    --header-subtitle: "Newcastle Region, Northern Ireland";
  }
  .footnotes-footer {
      visibility: hidden;
      height: 0;
      padding: 0;
      margin: 0;
  }

  Pages using this styling

  • scp-6673 [info]

  ¶ 1 occurrence
  

   :root{
     --lgurl: var(--anim-pride);
  }
  #header::before{
     opacity:0.80;
  }
  #main-content {
  hyphens: auto;
  }

  Pages using this styling

  • scp-6669 [info]

  ¶ 1 occurrence
  

  
  .info-container .collapsible-block-folded a{
  color: #FFF;}
  .info-container .collapsible-block-unfolded-link a{
  color: #FFF;
  }
  
  #page-content .collapsible-block {
      display: block;
      text-align: center;
      padding: .8em;
      background-color: #e3e3e3;
      border-top: 0.125rem dashed #b5b5b5;
      border-bottom: 0.125rem dashed #b5b5b5;
  }
  
  #page-content .collapsible-block .collapsible-block-content {
      text-align: left;
  }
  
  #page-content .license-box .collapsible-block {
  
      display: unset;
      text-align: unset;
      padding: unset;
      background-color: unset;
      border-top: unset;
      border-bottom: unset;
  }
  
  
  
  #page-content .license-box .collapsible-block .collapsible-block-content {
      text-align: unset;
  }
  
  blockquote,
  div.blockquote {
      border: 0.125rem solid #d4d4d4;
      background-color: #F5F5F5;
  }
  
  .interview{
      border:solid 2px #d4d4d4;
      text-align: left;
      background:#F5F5F5;
      width:90%;
      padding:1px 15px;
      margin: 10px auto;
  }
  #page-title{display:none}

  Pages using this styling

  • scp-6668 [info]

  ¶ 1 occurrence
  

  sup {
  vertical-align: top; position: relative; top: -0.5em;
  }
  #header::before {
      opacity: 0.5 !important;
  }
  :root{
  --header-subtitle: 'Project PARAGON' !important;
  --cutColour: #fafafa !important;
  --barColour: #590505 !important;
  --timeScale: 1 !important;
  --timeDelay: 1s !important;
    --accentColor: 160, 44, 44 !important;
  --dark-gray-monochrome: 46, 58, 51 !important;
  --black-monochrome: 26, 33, 29 !important;
  --lgurl: url(http://scp-wiki.wikidot.com/local--files/scp-6666/scpnewlogo.png) !important;
  }
  .translation_block{
  display:none;}
  
  #page-content .info-container {
      --link-color: rgb(var(--swatch-text-general));
  }
  
  #page-content .info-container .translation_block {
      display: none;
  }
  
  #page-content .info-container .collapsible-block-link,
  #page-content .info-container:hover .collapsible-block-link {
      line-height: 1.6em;
  }
  
  #page-content .info-container .collapsible-block-folded,
  #page-content .info-container .collapsible-block-unfolded-link {
      display: grid;
  }
  
  #page-content .info-container .collapsible-block-folded .collapsible-block-link,
  #page-content .info-container .collapsible-block-link {
      -webkit-mask: unset;
              mask: unset;
      background: transparent;
      grid-column: 1;
      grid-row: 1;
      opacity: 0;
  }
  
  #page-content .info-container .collapsible-block-folded::before,
  #page-content .info-container .collapsible-block-unfolded-link::before {
      --wght: 800;
      content: "djkaktus";
      color: var(--link-color);
      font-family: Inter, Arimo, Verdana, Geneva, "Helvetica Neue", "Helvetica", Arial, sans-serif;;
      display: block;
      pointer-events: none;
      grid-column: 1;
      grid-row: 1;
  }
  

  Pages using this styling

  • scp-6666 [info]

  ¶ 1 occurrence
  

  
  
  
  :root {
      --logo-image: url("http://scp-wiki.wdfiles.com/local--files/scp-6665/adm.png");
      --header-subtitle: "MEMORIAL OFFICE OF THE ADMINISTRATORS";
      --wght: 500;
  }
  
  #header h1 a::before,
  #header h2 span::before  {
          -webkit-text-stroke: 0.325rem rgb(var(--swatch-text-dark));
  }
  
  #page-title {
    display: none;
  }
  
  
  .meta-title a{
      color: #fafafa;
  }
  
  .footnotes-footer {
  
    display: none;
  }
  .scp-image-block {
      border: none;
      box-sizing: border-box;
  }
  .scp-image-block .scp-image-caption {
      background-color: #202020;
      border: 2px solid #a12d25;
      color: #fcfcfc;
      font-size: 0.65rem;
      padding: 0.3rem;
      box-sizing: border-box;
     font-size: 90%;
  }
  .scp-image-block.block-left { margin-left: 0; }
  .scp-image-block.block-right { margin-right: 0; }
  @media (max-width: 540px) {
    .scp-image-block.block-left, .scp-image-block.block-right {
      float: none; clear: both; margin-left: auto; margin-right: auto;
    }
  }
  
  .redhr { 
  border-top: solid 2px #a12d25; 
  padding-top: 10px; 
  margin-top:10px;
  width: 97%; 
  margin: auto;
  }
  
  hr {
      margin: 1em 1em;
      padding: 0;
      height: 0;
      border-top: #a12d25 solid 2px;
  }
  
  .bredhr { 
  border-bottom: solid 2px #a12d25; 
  padding-top: 10px; 
  margin-top: 10px;
  width: 97%; 
  margin: auto;
  }
  
  .rbbox {
    background: linear-gradient(to bottom, #a12d25, #730000);
    padding: 3px;
    width: 87%;
     margin: auto;
  }
  
  .ebbox {
    background: linear-gradient(to bottom, #a12d25, #730000);
    padding: 3px;
    width: 90%;
     margin: auto;
  }
  
  .rbox {
    background: #202020;
    border: solid 2px #c75d5d;
    color: #fcfcfc;
    padding: 10px;
    padding-left: 20px;
    padding-right: 20px;
  }
  
  .end {
      -webkit-mask-image: linear-gradient(to bottom, rgb(0,0,0,1) 0%, rgb(0,0,0,1) calc(100% - 15rem), rgb(0,0,0,0) 100%);
      mask-image: linear-gradient(to bottom, rgb(0,0,0,1) 0%, rgb(0,0,0,1) calc(100% - 15rem), rgb(0,0,0,0) 100%);
  
  }
  .end2 {
      -webkit-mask-image: linear-gradient(to top, rgb(0,0,0,1) 0%, rgb(0,0,0,1) calc(100% - 15rem), rgb(0,0,0,0) 100%);
      mask-image: linear-gradient(to top, rgb(0,0,0,1) 0%, rgb(0,0,0,1) calc(100% - 15rem), rgb(0,0,0,0) 100%);
  
  }
  
  .not-licensebox a.collapsible-block-link { 
  font-weight: bold; 
  color: #fcfcfc; 
  font-size:160%; 
  text-shadow: 2px 2px 2px #c75d5d;
  }
  
  #page-content .wiki-content-table tr th {
      border: 1px solid #a12d25 !important;
    background: linear-gradient(to bottom, #a12d25, #730000);
      color: #fcfcfc;
   
      // set border for table title
  }
   
  #page-content .wiki-content-table tr td {
      background: #202020;
      text-align: center;
      border: 1px solid #a12d25 !important;
      
  }
  
  .redact {
  background: #fcfcfc; 
  font-family: Georgia,Times,Times New Roman,serif;
  }
  
  
  
  

  Pages using this styling

  • scp-6665 [info]

  ¶ 1 occurrence
  

  :root {
      --header-title: "SCP FOUNDATION";
      --header-subtitle: "Summa Cordo Peccatorum";
  }
  
  #header h1 a::before {
    color: #444;
  }
  
  #header h2::before {
    color: #777;
  }
  
  div#extra-div-1 {
      background-image: url(http://topia.wikidot.com/local--files/peppo-popep/Ar6AfDt.png);
      filter: opacity(0.08);
  }
  
  .footnotes-footer {
  display: none;
  }
  
  .bblock:hover {color: white}
  
  /*-- ACS Lite Animation Compatibility Patch --*/
  .anom-bar > .bottom-box::before { display: none; }
  .anom-bar > .bottom-box { box-shadow: none!important; }
  div.diamond-part { clip-path: none; animation: none; box-shadow: none!important; }
  @media (max-width: 480px) {
  
  div.top-right-box { clip-path: polygon(0% -30%, 100% -30%, 100% 130%, 0% 130%); }
  
      div.top-left-box {
          max-width:50% !important;
      }
  
      .top-box .top-center-box {
          width: 75%;
          height: 1.5rem;
      }
  
      .anom-bar > .top-box {
          grid-template-columns: 1fr 2fr;
      }
  
  }
  
  /* Article-specific stuff */
  
  .cereal-table {
    text-align: center;
    font-size: 0.9rem;
    border-collapse:collapse;
  }
  
  .cereal-table tr td {
    text-align:center;
    border: lightgrey 1px solid !important;
    padding: 4px 12px;
  }
  
  .cereal-flex-grid {
    display: block;
    justify-content: space-between;
    margin: auto;
  }
  
  
  hr {
  margin:0;
  }
  
  .peppo-infobox {
      float:right;
      margin: 1.1rem 0 0.5rem 1.2rem;
      border: lightgrey 1px solid;
      padding: 0.5rem;
      width:min-content;
      background:#f8f9fa;
  }
  
  .peppo-infobox p {
  margin-block-start:0;
  margin-block-end:0;
  }
  
  .anom-bar-container {
    margin: 1rem 0 0.4rem 0;
  }
  
  .page-rate-widget-box {
    text-align: right;
    position: absolute;
    right: 0;
    border: dashed 1px #c7c7c7;
    padding:4px;
  }
  
  .page-rate-widget-box .rate-points {
      color: #8a5e5e !important;
      font-weight: 100;
  }
  
  #page-content tr td {
      padding: 4px 12px;
  }
  
  @media (min-width: 768px) and (max-width: 979px) {
      #page-content div, #page-content div table {
          clear: none;
      }
  }
  
  #search-top-box-input, #search-top-box-input:hover, #search-top-box-input:focus, #search-top-box-form input[type=submit], #search-top-box-form input[type=submit]:hover, #search-top-box-form input[type=submit]:focus {
      border: 1px solid #ffffff;
      background: transparent;
      border-radius: 0px;
      color: #ab7171;
  }
  
  .peppo-head {
  font-family:'Montserrat'; 
  font-size:1.6rem;
  }
  
  .peppo-head p {
    margin-block-start:1rem;
    margin-block-end:0;
    color: #525252;
  }
  
  .peppo-head2 {
  font-family:'Montserrat'; 
  font-size:1.2rem;
  }
  
  .peppo-head2 p {
    margin-block-start:1rem;
    margin-block-end:0;
    color: #525252;
  }
  
  body {
  // text-align:justify;
  }
  
  .addendum {
      margin: 25px 8% 25px 6%;
      padding: 2% 4% 2% 4%;
      background-color: #f2f2f2;
  }
  
  @media (max-width: 590px) {
  
      .page-rate-widget-box {
           top: -0.5rem;
      }
  
      #header h1 a {
          font-size: 60%;
      }
  
    .addendum {
      margin: 25px 4% 25px 3%;
    }
  
    .peppo-head {
      font-size:1rem;
    }
  
    #header h2::before {
        font-size: 0.8em;
    }
  
    .cereal-table {
      width:100%;
    }
  
    .peppo-infobox {
      float:none;
      width: 95%;
      Margin:0.3rem 0em 0.3rem 0;
    }
  
    .cereal-flex-grid .cereal-col {
      width:100%;
      margin:auto;
    }
  }

  Pages using this styling

  • scp-6662 [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Russo+One&display=swap');
  #page-title {
      font-family: 'Russo One', sans-serif;
  }

  Pages using this styling

  • scp-6656 [info]

  ¶ 1 occurrence
  

  :root {
  .namethree {-webkit-filter: blur(3px);
  filter: blur(3px);
  }
  }
  .fncon {
      background: #424248;

  Pages using this styling

  • scp-6655 [info]

  ¶ 1 occurrence
  

  body {
      background: url(https://www.flickr.com/photos/12836528@N00/35717935330);
      background-color: var(--accentColor);
      background-attachment: fixed;
      background-size: cover;
      background-blend-mode: luminosity;
  }
  
  body:before {
    content: ' ';
    position: fixed;
    display: block;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(165deg, transparent, #0c0c0c 55%, #0c0c0c 55%, #0c0c0c 100%);
    z-index: -1;
  }
  
  .table2 {
      --accentColor: #42425a;
  }
  
  .bigtext {
      color: var(--accentColor);
  }
  
  @media (max-width: 1290px) {
      body {
          background-size: 100% 66%;
      }
  }
  
  #extra-div-1 {
  background: linear-gradient( 180deg, rgb(10, 10, 10) 0%, var(--accentColor)100%);
  box-shadow: 0px 0px 8px 4px rgb(0 0 0);
  }
  
  :root {
      --title: "SITE-120";
      --subtitle: "FIGHTING FIRE WITH FIRE";
      --side-subtitle: "FIGHTING FIRE WITH FIRE";
      --accentColor: #42425a;
      --four-color: #42425a;
      --logo: url(http://scpdsandbox.wdfiles.com/local--files/darkartists-dead-fairy/120);
      --side-logo: url(http://scpdsandbox.wdfiles.com/local--files/darkartists-dead-fairy/120);
  }
  
  .logo {
  filter: invert(1);
  }
  
  #side-bar::before {
      border-color: #1a1a1a;
      filter: invert(1);
      color: #42425a;
  }
  
  .list-pages-item > hr,
  #page-content > hr {
  background: transparent;
  border-top: double 3px var(--accentColor);
  filter: brightness(170%);
  }
  
  .custom2 .wiki-content-table {
      width: 100%;
  }
  
  #page-content tr th {
      text-align: center;
  }
  
  .custom2 tr td {
      padding: 10px !important;
  }
  
  .bigtext {
  color: rgb(196,2,51);
  }
  
  .fnnum::after {
      color: #a82d4c !important;
  }
   
  .fnnum:hover::after {
      color: white !important;
  }
   
  .fncon {
      background: rgb(25, 25, 25) !important;
      color: #EDEDED;
      border: 0.15rem solid rgb(20, 20, 20);
      border-radius: 2px;
      font-size: 90%;
  }
  
  ::selection {
      background-color: rgba(227, 106, 0, 0.7);
      color: white;
  }
  
  ::-webkit-scrollbar-thumb {
      background: #42425a;
  }
  
  ::-webkit-scrollbar-thumb:hover {
      background:  #42425a;
  }
  
  .jotting hr, .darkdocument hr, .smallmodal hr, div.blockquote hr, .blockquote hr, blockquote hr {
  border-top: solid 2px grey;
  }
  
  .modal hr, .doublehr hr, .notation hr {
  background: transparent;
  border-top: double 4px gray;
  }
  
  ::selection {
      background-color: rgb(90,54,83);
      color: white;
  }
  
  .old {
  text-decoration: none;
      border-bottom: none;
      color: rgb(80,80,94);
  }
  
  .fae {
      text-decoration:none;
      border-bottom: none;
      color: #a82d4c;
      font-weight: bold;
      font-family: 'Fira Code', monospace;
  }
  
  #page-content .table7 tr th {
      background-color: rgb(66,66,90);
      border: 1px solid rgb(66,66,90);
  }
   
  #page-content .table7 .st {
      color: rgb(66,66,90);
  }
  
  #page-content .table8 tr th {
      background-color: #a82d4c;
      border: 1px solid #a82d4c;
  }
   
  #page-content .table8 .st {
      color: #a82d4c;
  }
  
  #page-content .table9 tr th {
      background-color: #3bb6c0;
      border: 1px solid #3bb6c0;
      color: black !important;
  }
   
  #page-content .table9 .st {
      color: #3bb6c0;
  }
  
  .aiad_memo {
      background: url(http://scpdsandbox.wdfiles.com/local--files/darkartists-dead-fairy/AIAD-DARKLOGO) #141414;
      background-size: contain;
      background-position: top center;
      background-repeat: no-repeat;
      font-family: 'Work Sans', sans-serif;
      box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
      width: 90%;
      min-height: 4rem;
      max-height: 100rem;
      margin-left: auto;
      margin-right: auto;
      text-align: center;
      padding: 10px 20px 20px 20px;
      word-break: break-word;
      border: 5px solid #3bb5bf;
      color: #3bb5bf;
  }
   
  .aiad_memo>p:nth-child(1)::before {
      content: "NOTICE FROM THE ARTIFICIAL INTELIGENCE APPLICATIONS DIVISION\00000a";
      font-family: 'Work Sans', sans-serif;
      font-weight: 900;
      font-size: 130%;
      text-align: center;
      margin-bottom: 1rem;
      padding-bottom: 0.3rem;
      border-bottom: dotted 0.13rem darkslategrey;
      max-width: 49rem;
      margin-left: auto;
      margin-right: auto;
      display: flex;
      flex-direction: column;
      align-content: stretch;
      align-items: center;
      color: #3bb5bf;
  }
  
  .parent {
      text-transform: uppercase;
      color: grey;
      font-weight: 600;
      font-family: 'Work Sans', sans-serif;
      margin-top: -1.5rem;
      font-size: 80%;
  }
  
  #u-blink-bar p:last-child::after {
      content: "|";
      animation: blink 1.9s infinite;
      position: relative;
      left: 1px;
  }
   
  @keyframes blink{
      to {
          opacity: .0;
      }
  }

  Pages using this styling

  • scp-6651 [info]

  ¶ 1 occurrence
  

  .footnotes-footer{
     visibility:hidden;
     height:0;
     padding:0;
     margin:0;
  }

  Pages using this styling

  • scp-6645 [info]

  ¶ 1 occurrence
  

  :root {
      --zero: 0;
  }
  
  /* boldify collapsibles */
  a.collapsible-block-link {
      font-weight: 600;
  }
  
  div.notice-box {
      background: url(https://scp-wiki.wikidot.com/local--files/theme:basalt/RAISA_LIGHTLOGO.png) #faf2c3;
      background-size: contain;
      background-position: top center;
      background-repeat: no-repeat;
      border: 1px solid #ccc;
      padding: 0 10px 12px;
      margin: 7px 4px 12px;
      overflow: hidden;
  }
   
  div.notice-box div.image-container img {
      margin: 5px;
      padding: 2px;
      border: 1px solid #999;
  }
  
  .document {
      background: white url('http://scpdsandbox.wdfiles.com/local--files/darkartist-s-hub-for-drafts-or-whatever/sphere%20smells%20like%20fart%20sometimes') center center no-repeat;
      box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
      margin: 26px auto 0;
      max-width: 550px;
      min-height: 300px;
      padding: 24px;
      padding-top: 50px;
      position: relative;
      width: 80%;
  }
   
  .document:before,
  .document:after {
      content: "";
      height: 98%;
      position: absolute;
      width: 100%;
      z-index: -1;
  }
   
  .document:before {
      background: #fafafa;
      box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
      left: -5px;
      top: 4px;
      transform: rotate(-2.5deg);
  }
   
  .document:after {
      background: #f6f6f6;
      box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
      right: -3px;
      top: 1px;
      transform: rotate(1.4deg);
  }

  Pages using this styling

  • scp-6644 [info]

  ¶ 1 occurrence
  

  /* HEADER */
  :root{
       --header-title: "AREA-21";
       --header-subtitle: "A MAGICA AD MUNDANUM";
  }
   div#extra-div-1{
       background-image: url(https://scp-wiki.wdfiles.com/local--files/12-aromantic-abatement/21Head.png);
  }
   .top-left-box > .item{
       display: inline;
  }
  /* anendlessusername's invaluable correction of the ACS octagon! */
  #page-content .quadrants > div {
   top: 2.25%;
   left: 18.5%;
  }

  Pages using this styling

  • scp-6643 [info]

  ¶ 1 occurrence
  

   :root{
     --header-title: "SCP FOUNDATION";
     --header-subtitle: "Site-400";
     --lgurl: url(https://scp-wiki.wdfiles.com/local--files/secure-facilities-locations/Site-400.svg);
  }
  .classification_memo {
      background: url(https://scp-wiki.wikidot.com/local--files/theme:basalt/CLASSIFICATION_LIGHTLOGO.png) #edf5f3;
      background-size: contain;
      background-position: top center;
      background-repeat: no-repeat;
      font-family: 'Work Sans', sans-serif;
      box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
      width: 90%;
      min-height: 4rem;
      max-height: 100rem;
      margin-left: auto;
      margin-right: auto;
      text-align: center;
      padding: 10px 20px 20px 20px;
      word-break: break-word;
  }
  .classification_memo>p:nth-child(1)::before {
      content: "CLASSIFICATION COMMITTEE MEMORANDUM\00000a";
      font-family: 'Work Sans', sans-serif;
      font-weight: 900;
      font-size: 130%;
      text-align: center;
      margin-bottom: 1rem;
      padding-bottom: 0.3rem;
      border-bottom: dotted 0.13rem darkslategrey;
      max-width: 49rem;
      margin-left: auto;
      margin-right: auto;
      display: flex;
      flex-direction: column;
      align-content: stretch;
      align-items: center;
  }

  Pages using this styling

  • scp-6641 [info]

  ¶ 1 occurrence
  

  .page {
      display: block;
      overflow: hidden;
      font-family: "Monotype Corsiva", "Bradley Hand ITC", sans-serif;
      font-style: normal;
      font-size: 1.2rem;
      background-attachment: scroll;
      background-clip: border-box;
      background-color: transparent;
      background-image: linear-gradient(to top ,rgb(235, 236, 237) 45%, rgb(235, 236, 237) 8%);
      background-origin: padding-box;
      background-position: 0px 8px;
      background-repeat: repeat;
      background-size: 100% 20px;
      border: 1px solid #CCC;
      border-radius: 10px;
      padding: 10px 10px;
      margin-bottom: 10px;
      box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2)
  }
  .page p,
  .page ul {
      line-height: 20px;
      margin: 0;
  }

  Pages using this styling

  • scp-6629 [info]

  ¶ 1 occurrence
  

  .danke {
      padding: 5px;
      margin-bottom:10px;
      font-family: monospace;
      font-size: 1.1em; 
  }
  
  .agent {
      background-color:#002200;
      border: 3px solid #55AA55;
      color: #77CC77;
  }
  
  .site {
      background-color:#666666;
      border: 3px solid #AAAA55;
      color: #DDDD77;
  }

  Pages using this styling

  • scp-6629 [info]

  ¶ 1 occurrence
  

  div.blockquote.s128 {border:3px double #0087bd;}
  div.blockquote.s120 {border:3px double #00b478;}
  div.blockquote.a021 {border:3px double #c40233;}
  div.blockquote.s000 {border:3px double #000000;}
  div.blockquote.s106 {border:3px double #983cff;}
  div.blockquote.s054 {border:3px double #ff6d00;}

  Pages using this styling

  • scp-6625 [info]

  ¶ 1 occurrence
  

  .w-container {
     border: 0px #bbbbbb solid;
     box-shadow: 0px 0px 0px 0 rgba(0,0,0,0);
     padding: 0px;
     margin-bottom: 6px;
     margin-top: 6px;
  }
  .w-cell {
     font-size: 0.75rem;
  }

  Pages using this styling

  • scp-6623 [info]

  ¶ 1 occurrence
  

  .box {
      position: relative;
      padding: 0.5em;
      margin: 0.5em;
      box-shadow: 2px 1.5px 1px rgba(176,16,0,0.7), 0 0 0px 1px lightgrey;
      overflow-wrap: break-word;
      color: black;
  }
  .aim-adjustment-box {
      padding: .01em 16px;
      margin-bottom: 8px;
      margin-top: 8px;
      padding-bottom: 0.2em;
      padding-top: 0em;
      border: 1px lightgrey solid;
      box-shadow: 1px 2px 2px 0 rgba(0,0,0,0.16);
  }
  

  Pages using this styling

  • scp-6623 [info]

  ¶ 1 occurrence
  

  
  .document {
       background-color: white;
       padding: 40px;
       width: 70%;
       margin: auto;
  }

  Pages using this styling

  • scp-6620 [info]

  ¶ 1 occurrence
  

  :root{
    --base-color: rgb(66, 66, 72);
    --hover-color: rgb(236, 203, 217);
    --click-color: rgb(216, 151, 178);
  }
  
  #page-title {
    display: none;
  }

  Pages using this styling

  • scp-6620 [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Rubik:wght@300&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@600&display=swap');
  
  /* ROOT VARS
     ============================= */
  
  /* Structural elements generally part of standard HTML spec as well as Wikidot's base structural elements */
  
  /* ===DIRECTORY===
      0. =CUSTOM MEDIA DEFINITIONS
      1. =S-CSS-P INTEGRATION
      2. =HEADER ELEMENTS
      3. =TYPEFACES
      	3.1 =BASE FONT SIZE & LINE HEIGHT
      	3.2 =HEADER TITLE FONT SIZES
      4. =VARIABLE FONT SETTINGS
      	4.1 =VARIABLE MONO FONT SETTINGS
      5. =OPENTYPE FEATURE SETTINGS
      6. =STANDARD THEME COLORS
      7. =PRIMARY COLORS
      	8.1. =GENERAL COLORS
      	8.2. =GENERAL TEXT COLORS
      8. =BACKGROUND & HEADER COLORS
      9. =MENU COLORS
      	9.1 =MENU BACKGROUND COLORS
      	9.2 =MENU TEXT COLORS
      10. =SECONDARY & TERTIARY COLORS
      11. =PRIMARY GRADIENTS
      12. =STRUCTURAL SPACING ELEMENTS
      	14.1 =HEADER MEASUREMENTS
      	14.2 =TOPBAR MEASUREMENTS
      	14.3 =FINAL HEADER + TOPBAR MEASUREMENTS
      	14.4 =SIDEBAR MEASUREMENTS
  
      ===============================
      ======= SPECIFIC COLORS =======
      ===============================
      13. =BACKGROUND GRADIENT
      	13.1 =GENERAL BACKGROUND
      	13.2 =HEADER GRADIENT
      	13.3 =TOPBAR GRADIENT
      14. =LINK COLORS
      15. =CODE BLOCK COLORS
      16. =HEADER ELEMENTS
      	16.1 =HEADER TITLES
      	16.2 =SEARCH ELEMENT
      	16.3 =LOGIN BOX ELEMENT
      17. =TOPBAR ELEMENTS
      	17.1 =TOPBAR CATEGORIES
      	17.2 =DROPDOWN MENU
      18. =SIDE-BAR ELEMENTS
      	18.1 =SIDE-BAR GENERAL
      	18.2 =SOCIAL MEDIA ICONS
      	18.3 =SIDEBLOCK MENU
      	18.4 =MENU-ITEMS
      	18.5 =SIDEBAR COLLAPSIBLES
      	18.5 =INTERWIKI ELEMENTS
      19. =FOOTER
      20. =LICENSE AREA
  
      21. =MAIN CONTENT UI ELEMENTS
      	21.1 =UI ICONS
      		21.1.1 =PAGE OPTIONS ICONS
      		21.1.2 =TEXT EDITOR ICONS
      	21.2 =TABS
      	21.3 =TABLES
      	21.4 =BLOCKQUOTES
      	21.5 =FOOTNOTES/BIBLIOGRAPHY FOOTER
      	21.6 =TOC
  
      22. =GLOBAL ELEMENTS
      	22.1 =UI BUTTONS
      	22.2 =RATING MODULE
      	22.3 =MODALS
      	22.4 =FOOTNOTES HOVER BLOCK
      	22.5 =LISTPAGES PAGER
      	22.6 =ANIMATIONS
  
      ===============================
      ======== TEXT ELEMENTS ========
      ===============================
  
      23. =HARDCODED TEXT
  
      ===============================
      ========= DEPRECIATED =========
      ===============================
      24. =LEGACY VARS
    =============== */
  
  /* ===CUSTOM MEDIA DEFINITIONS=== */
  
  @custom-media --viewport-desktop only screen and (width >= 56.25rem);
  @custom-media --viewport-tablet only screen and (width <= 56.25rem);
  @custom-media --viewport-mobile only screen and (width <= 30rem);
  
  :root {
      /* ===S-CSS-P INTEGRATION=== */
      /* If you're making a new CSS theme, please include the following three variables at minimum. */
      --theme-base: "black-highlighter";
      /* must be either "black-highlighter" or "sigma9" */
      --theme-id: "nonumb3rstheme";
      /* set this to the URL of your theme's page - eg for "component:ar-theme", set it to "ar-theme" */
      --theme-name: "Black Highlighter Theme";
      /* set this to your theme's full name */
  
      /* ===HEADER ELEMENTS=== */
      --logo-image: url("http://scp-wiki.wikidot.com/local--files/scp-6620/6620logo.png");
      --header-title: "SCP-6620";
      --header-subtitle: none;
  
      --diagonal-stripes: none;
  
      /* ===TYPEFACES=== */
      --body-font: "Rubik";
      --UI-font: PTRootUI, -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantrell, "Helvetica Neue", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
      --header-font: "Poppins";
      --title-font: "Poppins";
      --mono-font: Recursive, Consolas, Monaco, monospace;
  
      /* ===BASE FONT SIZE & LINE HEIGHT=== */
      --min-font-size: 0.8125rem; /* 13px */
      --max-font-size: 0.9375rem; /* 15px */
  
      --base-font-size: max(var(--min-font-size), min(2vw, var(--max-font-size)));
  
      --base-line-height: 1.5;
  
      /* ===HEADER TITLE FONT SIZES=== */
      --header-h1-font-size: calc(var(--base-font-size) * (40 / 9));
  
      --header-h2-font-size: var(--base-font-size);
  }
  
  /* Temporary fix until either Safari fixes itself or another solution reveals itself */
  :root {
      @media (--viewport-tablet) {
      	--base-font-size: var(--min-font-size);
      }
  }
  
  :root {
      /* ===VARIABLE FONT SETTINGS=== */
      /* SETTING  |  ============== DESCRIPTION			|	FONT: 	RANGE 	 */
      /* SETTING  |  ============== Weight				|	Body: 100 - 900  */
      --wght: 400;
      /* SETTING  |  ============== Weight for UI			|	  UI: 100 - 700  */
      --ui-wght: 500;
      /* SETTING  |  ============== Hover Weight for UI	|	  UI: 100 - 700  */
      --ui-hvr-wght: 500;
      /* ========================== Body Font Italic 		| 	Body:   0 - 1    */
      --ital: 0;
  
      /* ===VARIABLE MONO FONT SETTINGS=== */
      /* See here for Recursive Font information: https://www.recursive.design/ */
      /* =========================== Mono Font Weight 		| 	Mono: 300 - 1000 */
      --mono-wght: 350;
      /* ========================== Mono Font Italic 		| 	Mono: -15 - 0    */
      --slnt: 0;
      /* ========================== Mono Font Casual Amnt | 	Mono:   0 - 1    */
      --CASL: 0;
      /* ========================== Mono Font Cursive Amnt|	Mono:   0 - 1    */
      --CRSV: 0;
      /* ========================== Mono Font Mono Amnt	| 	Mono:   0 - 1    */
      --MONO: 1;
  
      /* ===OPENTYPE FEATURE SETTINGS=== */
      /* See here for detailed explainations: https://sparanoid.com/lab/opentype-features/ */
      /* ========================== Lining Numerals		|	Any: 	0 OR 1	 */
      --lnum: 1;
      /* ========================== Proportional Numerals	|	Any: 	0 OR 1	 */
      --pnum: 1;
      /* ========================== Kerning				|	Any: 	0 OR 1	 */
      --kern: 1;
      /* ========================== Capital Spacing		|	Any: 	0 OR 1	 */
      --cpsp: 1;
      /* ========================== Case Alternatives		|	Any: 	0 OR 1	 */
      --liga: 1;
      /* ========================== Standard Ligature		|	Any: 	0 OR 1	 */
      --case: 1;
      /* ========================== Contextual Ligature	|	Any: 	0 OR 1	 */
      --clig: 1;
      /* ========================== Discretionary Ligature|	Any: 	0 OR 1	 */
      --dlig: 0;
      /* ========================== Contextual Alternate	|	Any: 	0 OR 1	 */
      --calt: 1;
      /* ========================== Access All Alternates	|	Any: 	0 OR 1	 */
      --aalt: 0;
      /* ========================== Stylistic Sets		|	Any: 	0 OR 1	 */
      /* ========================== SS 1 | Open Digits	|	Inter: 	0 OR 1	 */
      --ss01: 1;
      /* ========================== SS 2 | Disambiguation	|	Inter: 	0 OR 1	 */
      --ss02: 0;
      /* ========================== SS 3 | Curved R		|	Inter: 	0 OR 1	 */
      --ss03: 1;
      /* ========================== SS 4 | SS2 w/o zero	|	Inter: 	0 OR 1	 */
      --ss04: 1;
      /* ========================== Slashed Zero			|	Inter: 	0 OR 1	 */
      --zero: 1;
      /* ========================== Single Story a		|	Inter: 	0 OR 1	 */
      --cv11: 0;
  
      /* ===STANDARD THEME COLORS=== */
      /* white */
      --white-monochrome: 247, 247, 247;
      /* v light gray for blockquotes and stuff */
      --pale-gray-monochrome: 236, 236, 234;
      /* very light pale gray for misc. use */
      --light-pale-gray-monochrome: 242, 242, 241;
      /* very light accent gray for misc. use */
      --very-light-gray-monochrome: 224, 225, 221;
      /* light accent gray for login status */
      --light-gray-monochrome: 224, 225, 221;
      /* gray */
      --gray-monochrome: 149, 155, 163;
      /* dark accent gray for sidebar background */
      --dark-gray-monochrome: 13, 27, 42;
      /* black */
      --black-monochrome: 13, 20, 28;
      /* subdued theme color */
      --pale-accent: 210, 20, 20;
      /* vivid theme color the "default" accent color */
      --bright-accent: 231, 191, 191;
      /* theme color */
      --medium-accent: 220, 193, 193;
      /* darker theme color */
      --dark-accent: 203, 159, 159;
      /* alternate accent color for newpage links */
      --alt-accent: 65, 90, 119;
  
      /* ===PRIMARY COLORS=== */
      /* ===GENERAL COLORS=== */
      --swatch-primary: var(--bright-accent);
      --swatch-primary-darker: var(--medium-accent);
      --swatch-primary-darkest: var(--dark-accent);
      --swatch-border-color: var(--black-monochrome);
  
      /* ===GENERAL TEXT COLORS=== */
      --swatch-text-dark: var(--black-monochrome);
      --swatch-text-light: var(--white-monochrome);
      --swatch-text-general: var(--swatch-text-light);
      --swatch-important-text: var(--bright-accent);
  
      /* ===MENU COLORS=== */
      /* ===MENU BACKGROUND COLORS=== */
      --swatch-menubg-color: var(--white-monochrome);
      --swatch-menubg-light-color: var(--pale-gray-monochrome);
      --swatch-menubg-medium-color: var(--light-gray-monochrome);
      --swatch-menubg-medium-dark-color: var(--gray-monochrome);
      --swatch-menubg-dark-color: var(--dark-gray-monochrome);
      --swatch-menubg-black-color: var(--black-monochrome);
      --swatch-menubg-hover-color: var(--black-monochrome);
  
      /* ===MENU TEXT COLORS=== */
      --swatch-menutxt-dark-color: var(--black-monochrome);
      --swatch-menutxt-light-color: var(--white-monochrome);
      --swatch-menutxt-general-color: var(--swatch-menutxt-dark-color);
  
      /* ===SECONDARY & TERTIARY COLORS=== */
      /* Editing these will edit a vast majority of theme elements. Useful for making dark themes */
  
      /* Colors for Secondary & Tertiary items like Blockquote and YUI Tabs */
      --swatch-secondary-color: var(--swatch-menubg-light-color);
      --swatch-tertiary-color: var(--swatch-menubg-medium-color);
      --swatch-alternate-color: var(--swatch-menubg-dark-color);
  
      /* Text Colors for Secondary & Tertiary items like Sidebar Headers and Top-Bar Menu Text */
      --swatch-text-secondary-color: var(--swatch-menutxt-light-color);
      --swatch-text-tertiary-color: var(--swatch-menutxt-dark-color);
  
      /* ===STRUCTURAL SPACING ELEMENTS=== */
      --body-width-on-desktop: 60rem;
      --body-width-on-mobile: 100%;
      --scrollbar-width: 1ch;
  
      /* ===HEADER MEASUREMENTS=== */
      --header-width-on-desktop: 61.25rem;
      --header-width-on-mobile: 100vw;
      --header-height-on-desktop: 15rem;
      --header-height-on-mobile: 15rem;
      --header-background-image-size: 100% var(--header-height-on-desktop);
  
      /* ===TOPBAR MEASUREMENTS=== */
      --topbar-height-on-desktop: 1.875rem;
      --topbar-height-on-mobile: 3rem;
  
      /* ===FINAL HEADER + TOPBAR MEASUREMENTS=== */
      /* These Vars should not be edited unless necessary. */
      --final-header-height-on-desktop: calc(var(--header-height-on-desktop) + var(--topbar-height-on-desktop));
      --final-header-height-on-mobile: calc(var(--header-height-on-mobile) + var(--topbar-height-on-mobile));
  
      /* ===SIDEBAR MEASUREMENTS=== */
      --sidebar-width-on-desktop: min(calc(var(--base-font-size) * (266 / 15)), calc((100vw - var(--body-width-on-desktop))));
      --sidebar-width-on-mobile: calc(var(--base-font-size) * (238 / 15));
      --sidebar-internal-border-thickness: 0.125rem;
  }
  
  /*  ===============================
      	======= SPECIFIC COLORS =======
      	===============================
  
  /* Colors for Buttons, Tabs, Tables, Footnotes Hover/Modal, Etc. */
  
  :root {
      /* ===BACKGROUND GRADIENT=== */
  
      /* ===GENERAL BACKGROUND=== */
      /* Overall Page Background Color */
      --swatch-background: var(--black-monochrome);
      --background-gradient-color: var(--black-monochrome);
  
  
      /* ===HEADER GRADIENT=== */
      /* Colors forming the header gradient used in --gradient-header var */
      --header-gradient-color-bottom: 13, 27, 42;
      --header-gradient-color-middle: 13, 27, 42;
      --header-gradient-color-top: 13, 27, 42;
  
      /* ===TOPBAR GRADIENT=== */
      /* Colors used in the --gradient-topmenu var to give the topbar its color */
      --swatch-topmenu-bg-color: var(--swatch-menubg-medium-dark-color);
      --swatch-topmenu-border-color: var(--swatch-menubg-black-color);
  
      /* ===LINK COLORS=== */
      --link-color: var(--pale-accent);
      --visited-link-color: var(--swatch-primary-darkest);
      --hover-link-color: var(--swatch-primary);
      --newpage-color: var(--alt-accent);
  
      /* ===CODE BLOCK COLORS=== */
      --swatch-code-text-general: var(--swatch-text-dark);
  
      --swatch-code-text-comment: 102 111 120; /* Greyish Blue */
      --swatch-code-text-quotes: 183 83 1; /* Redish Orange */
      --swatch-code-text-string: 86 122 13; /* Green */
      --swatch-code-text-identifier: 1 84 147; /* Blue */
      --swatch-code-text-reserved: 128 51 120; /* Dark Purple */
  
      --swatch-code-text-builtin: var(--swatch-code-text-quotes);
      --swatch-code-text-inlinedoc: var(--swatch-code-text-identifier);
      --swatch-code-text-var: var(--swatch-code-text-string);
      --swatch-code-text-url: var(--swatch-code-text-identifier);
      --swatch-code-text-special: var(--swatch-code-text-identifier);
      --swatch-code-text-number: var(--swatch-code-text-quotes);
      --swatch-code-text-inlinetags: var(--swatch-code-text-quotes);
  }
  
  #header {
      /* ===HEADER ELEMENTS=== */
      /* ===HEADER TITLES=== */
      /* Header H1 and H2 colors */
      --swatch-headerh1-color: var(--swatch-text-light);
      --swatch-headerh2-color: var(--swatch-text-light);
  
      /* ===SEARCH ELEMENT=== */
      --search-icon-color: var(--swatch-text-secondary-color);
      --search-icon-hover-color: var(--swatch-text-secondary-color);
      --search-icon-hover-bg-color: var(--swatch-alternate-color);
      --search-textbox-text-color: 0, 0, 0, 0;
      /* Focus is when the search box has been clicked on */
      --search-icon-focus-color: var(--swatch-text-secondary-color);
      --search-icon-focus-bg-color: var(--swatch-primary);
      --search-focus-outline-color: var(--swatch-primary);
      --search-focus-textbox-bg-color: var(--swatch-alternate-color);
      --search-focus-textbox-text-color: var(--swatch-text-secondary-color);
  
      /* ===LOGIN BOX ELEMENT=== */
      --login-line-divider-color: var(--swatch-text-secondary-color);
      --login-username-color: var(--swatch-text-secondary-color);
      --login-myaccount-color: var(--swatch-text-secondary-color);
      --login-myaccount-hover-color: var(--login-myaccount-color);
      --login-myaccount-underline-color: var(--swatch-primary-darkest);
      --login-myaccount-hover-bg-color: var(--swatch-primary-darkest);
      --login-arrow-color: var(--search-icon-color);
      /* Dropdown Box when arrow is clicked */
      --login-dropdown-bg-color: var(--swatch-menubg-color);
      --login-dropdown-bg-image: var(--gradient-header);
      --login-dropdown-border-color: var(--swatch-text-tertiary-color), 0.5;
      --login-dropdown-text-color: var(--swatch-text-secondary-color);
      --login-dropdown-text-hover-color: var(--swatch-text-secondary-color);
      --login-dropdown-bg-hover-color: var(--swatch-primary);
  
      /* Mobile Icon Styling */
      --login-mobile-icon-color: var(--search-icon-color);
      --login-mobile-icon-hover-color: var(--search-icon-hover-color);
      --login-mobile-icon-hover-bg-color: var(--search-icon-hover-bg-color);
  }
  
  #top-bar {
      /* ===TOPBAR ELEMENTS=== */
  
      /* ===TOPBAR CATEGORIES=== */
      --topmenu-category-color: var(--swatch-text-secondary-color);
      --topmenu-category-hover-color: var(--swatch-text-secondary-color);
      --topmenu-category-hover-bg: 0, 0, 0, 0; /* Transparent */
      --topmenu-hover-border-color: var(--swatch-primary);
  
      --mobile-topmenu-sidebar-button-color: var(--swatch-text-secondary-color);
  
      /* ===DROPDOWN MENU=== */
      --dropdown-bg-color: var(--swatch-alternate-color), 0.9;
      --dropdown-border-color: var(--swatch-text-tertiary-color), 0.5;
      --dropdown-links-color: var(--swatch-text-secondary-color);
      --dropdown-links-bg-color: 0, 0, 0, 0; /* Transparent */
      --dropdown-links-hover-color: var(--swatch-text-secondary-color);
      --dropdown-links-hover-bg-color: var(--swatch-primary);
  }
  
  #side-bar,
  #interwiki {
      /* ===SIDE-BAR ELEMENTS=== */
  
      /* ===SIDE-BAR GENERAL=== */
      --sidebar-bg-color: var(--);
      --sidebar-resources-bg-color: var(--swatch-primary-darker), 0.25;
      --sidebar-media-bg-color: var(--swatch-primary-darker), 0.125;
  
      /* ===SOCIAL MEDIA ICONS=== */
      --discord-icon-color: 88, 101, 242; /* BLURPLE */
      --deviantart-icon-color: 0, 199, 135;
      --facebook-icon-color: 59, 89, 152;
      --github-icon-color: 25, 23, 23;
      --instagram-icon-color: 240, 148, 51;
      --instagram-icon-gradient: linear-gradient(45deg, rgb(240 148 51) 0%, rgb(230 104 60) 25%, rgb(220 39 67) 50%, rgb(204 35 102) 75%, rgb(188 24 136) 100%);
      --reddit-icon-color: 225, 69, 0;
      --sandbox-icon-color: 35, 140, 120;
      --steam-icon-color: 8, 20, 40;
      --tiktok-icon-color: 12, 12, 12;
      --tiktok-icon-gradient: linear-gradient(125deg, rgb(37 244 238) 0%, rgb(37 244 238) 50%, rgb(254 44 85) calc(50% + 0.0625rem), rgb(254 44 85) 100%);
      --twitch-icon-color: 100, 65, 165;
      --twitter-icon-color: 29, 161, 242;
      --youtube-icon-color: 255, 0, 0;
  
      --social-icon-hover-color: var(--swatch-primary);
  
      /* ===SIDEBLOCK MENU=== */
      --sideblock-bg-color: 0, 0, 0, 0; /* Transparent */
      --sideblock-heading-border-color: var(--swatch-primary);
      --sideblock-heading-bg-color: 0, 0, 0, 0; /* Transparent */
      --sideblock-heading-text-color: var(--swatch-primary-darker);
  
      /* ===MENU-ITEMS=== */
      --sidebar-border-color: var(--swatch-border-color), 0.08;
      --sidebar-subtext-color: var(--swatch-text-light);
  
      --sidebar-links-text: var(--swatch-text-light);
      --sidebar-links-bg-color: 0, 0, 0, 0; /* Transparent */
      --sidebar-links-hover-bg-color: var(--swatch-primary);
      --sidebar-links-hover-text-color: var(--swatch-text-secondary-color);
  
      /* ===SIDEBAR COLLAPSIBLES=== */
      /* Folded Colors */
      --sidebar-collapsible-fld-link-bg: var(--swatch-primary-darker), 0.25;
      --sidebar-collapsible-fld-link-color: var(--sideblock-heading-text-color);
      --sidebar-collapsible-fld-link-hover-bg: var(--swatch-primary-darker);
      --sidebar-collapsible-fld-link-hover-color: var(--swatch-text-secondary-color);
      --sidebar-collapsible-fld-arrow-color: var(--swatch-text-tertiary-color);
      --sidebar-collapsible-fld-arrow-hover-color: var(--swatch-text-secondary-color);
  
      /* Unfolded Colors */
      --sidebar-collapsible-ufld-link-bg: var(--sidebar-collapsible-fld-link-bg);
      --sidebar-collapsible-ufld-link-color: var(--sideblock-heading-text-color);
      --sidebar-collapsible-ufld-link-hover-bg: var(--swatch-primary);
      --sidebar-collapsible-ufld-link-hover-color: var(--sidebar-collapsible-fld-link-hover-color);
      --sidebar-collapsible-ufld-arrow-color: var(--sidebar-collapsible-fld-arrow-color);
      --sidebar-collapsible-ufld-arrow-hover-color: var(--sidebar-collapsible-fld-arrow-hover-color);
  
      /* Unfolded Body Colors */
      --sidebar-collapsible-body-bg: var(--swatch-primary), 0.125;
      --sidebar-collapsible-link-color: var(--sidebar-links-text);
      --sidebar-collapsible-link-hover-bg: var(--sidebar-links-hover-bg-color);
      --sidebar-collapsible-link-hover-color: var(--sidebar-links-hover-text-color);
  }
  
  /* ===INTERWIKI ELEMENTS=== */
  
  #interwiki {
      --base-font-size: var(--max-font-size);
  }
  
  @media only screen and (max-width: 14rem) {
      #interwiki {
      	--base-font-size: var(--min-font-size);
      }
  }
  
  /* ===FOOTER=== */
  
  #footer {
      --footer-bg-color: var(--swatch-primary-darkest);
      --footer-text-color: var(--swatch-text-secondary-color);
      --footer-link-color: var(--swatch-text-secondary-color);
      --footer-link-hover-color: var(--swatch-primary);
      --footer-link-hover-bg-color: var(--swatch-secondary-color);
  }
  
  /* ===LICENSE AREA=== */
  
  #license-area {
      --license-bg-color: var(--swatch-alternate-color);
      --license-text-color: var(--swatch-text-secondary-color);
      --license-link-color: var(--swatch-text-secondary-color);
      --license-link-hover-color: var(--swatch-primary);
      --license-link-hover-bg-color: var(--swatch-secondary-color);
  }
  
  #main-content {
      /* ===MAIN CONTENT UI ELEMENTS */
      /* ===UI ICONS=== */
      /* ===PAGE OPTIONS ICONS=== */
      --ui-icon-color: var(--swatch-text-secondary-color);
      --ui-icon-bg: var(--swatch-primary-darkest);
      --ui-icon-hover-color: var(--swatch-text-secondary-color);
      --ui-icon-hover-bg: var(--swatch-primary);
  
      /* ===TEXT EDITOR ICONS=== */
      --editor-icon-color: var(--swatch-menutxt-general-color);
      --editor-icon-bg: 0, 0, 0, 0; /* Transparent */
      --editor-icon-hover-color: var(--swatch-background);
      --editor-icon-hover-bg: var(--swatch-primary);
      --editor-icon-submenu-bg: var(--swatch-secondary-color);
  
      /* ===TABS=== */
      --tabs-bg: var(--swatch-secondary-color);
      --tabs-txt: var(--swatch-text-tertiary-color);
      --tabs-hover-bg: var(--swatch-primary-darker);
      --tabs-hover-txt: var(--swatch-text-secondary-color);
      --tabs-selected-bg: var(--swatch-primary);
      --tabs-selected-txt: var(--swatch-text-secondary-color);
      --tabs-selected-outline: var(--swatch-primary);
      --tabs-bottom-border-color: var(--swatch-primary-darker);
  
      --tabs-content-bg-color: var(--swatch-secondary-color), 0.25;
      --tabs-content-border-color: var(--swatch-tertiary-color);
  
      /* ===TABLES=== */
      --tables-header-bg: var(--swatch-primary-darkest);
      --tables-header-txt: var(--swatch-text-secondary-color);
      --tables-border: var(--swatch-tertiary-color);
      --tables-body-bg: var(--swatch-background);
      --tables-body-txt: var(--swatch-text-dark);
  
      /* ===BLOCKQUOTES=== */
      --blockquote-bg-color: var(--swatch-secondary-color), 0.25;
      --blockquote-border-color: var(--swatch-tertiary-color);
      /* Color for special .colorbar-quote blockquote class */
      --blockquote-colorbar-color: var(--swatch-primary), 1;
  
      /* ===FOOTNOTES/BIBLIOGRAPHY FOOTER=== */
      --footnotes-footer-bg-color: var(--swatch-secondary-color);
      --footnotes-footer-colorbar-color: var(--swatch-primary-darkest);
      --footnotes-footer-title-bg-color: var(--swatch-primary-darkest);
      --footnotes-footer-title-text-color: var(--swatch-text-secondary-color);
      --footnotes-footer-num-color: var(--link-color);
      --footnotes-footer-num-hover-color: var(--hover-link-color);
      --footnotes-footer-text-color: var(--swatch-text-dark);
  
      /* ===TOC=== */
      --toc-header-bg-color: var(--swatch-primary-darkest);
      --toc-header-text-color: var(--swatch-text-secondary-color);
      --toc-header-text-hover-color: var(--swatch-text-secondary-color);
  
      --toc-body-bg-color: var(--swatch-menubg-color);
      --toc-directory-lines-color: var(--swatch-tertiary-color);
  
      --toc-body-link-color: var(--link-color);
      --toc-body-link-hover-color: var(--link-color);
      --toc-body-hover-arrow-color: var(--link-color);
  
      /* ===PAGE TAGS=== */
      --pagetags-title-bg: var(--swatch-primary-darkest);
      --pagetags-title-text: var(--swatch-text-secondary-color);
      --pagetags-text-color: var(--swatch-primary-darkest);
      --pagetags-text-hover-color: var(--swatch-background);
      --pagetags-text-hover-bg-color: var(--swatch-primary);
  
      /* ===DEFINITION LISTS */
      --dl-content-bg-color: var(--swatch-secondary-color), 0.25;
      --dl-content-border-color: var(--swatch-tertiary-color);
  
      --dt-bg-color: var(--swatch-primary-darkest);
      --dt-text-color: var(--swatch-text-secondary-color);
  
      --dd-left-border-color: var(--dt-bg-color);
  }
  
  /* ===GLOBAL ELEMENTS=== */
  
  /* ===UI BUTTONS=== */
  @define-mixin bhl-btn $maxwidth {
      --wght: var(--ui-wght);
  
      display: inline-flex;
      container-type: normal;
      position: relative;
      z-index: 2;
      align-items: center;
      justify-content: center;
      min-width: $maxwidth;
      margin: 0;
      padding: 0.25em;
      overflow: hidden;
      transition:
      	border-color 0.2s var(--ease-in-out),
      	box-shadow 0.2s var(--ease-in-out),
      	color 0.15s var(--ease-in-out),
      	background-color 0.15s var(--ease-in-out),
      	font-weight 0.2s var(--ease-in-out),
      	font-variation-settings 0.2s var(--ease-in-out);
      border: 0.0625rem solid rgba(var(--swatch-primary), 0.05);
      outline: 0 solid rgb(var(--swatch-primary));
      background-color: rgb(var(--ui-button-bg));
      box-shadow:
      	-0.125rem 0 0.25rem 0 rgba(var(--swatch-tertiary-color), 0.25),
      	inset 0 -0.0625rem 0 0 rgba(var(--swatch-tertiary-color), 0.75),
      	0 0 0 0 rgb(var(--ui-button-bg));
      color: rgb(var(--ui-button-txt));
      font-family: var(--UI-font);
      font-weight: var(--wght);
      text-decoration: none;
      will-change: border-color, box-shadow, color, background-color, font-weight, font-variation-settings;
  
      @supports (font-size:0.75cqi) {
      	font-size: calc(max(var(--min-font-size),min(0.75cqi,var(--max-font-size))) * 1.8);
      }
  
      &:is(:hover, :active, :focus, :focus-within) {
      	--wght: var(--ui-hvr-wght);
  
      	border-color: transparent;
      	outline: 0 solid rgb(var(--swatch-primary));
      	background-color: rgb(var(--ui-button-hover-bg));
      	box-shadow: 0 0 0 0 rgba(var(--swatch-tertiary-color), 0), inset 0 0 0 0 rgba(var(--swatch-tertiary-color), 0), 0 0 0 0.125rem rgb(var(--ui-button-hover-outline));
      	color: rgb(var(--ui-button-hover-txt));
      	font-weight: var(--wght);
      	text-decoration: none;
      	cursor: pointer;
      }
  
      @supports (font-size: 1cqi) {
      	font-size: max(var(--min-font-size), min(0.75cqi, var(--max-font-size)));
      }
  }
  
  :root {
      --ui-button-bg: var(--swatch-secondary-color);
      --ui-button-txt: var(--swatch-text-tertiary-color);
      --ui-button-hover-bg: var(--swatch-primary);
      --ui-button-hover-txt: var(--swatch-text-secondary-color);
      --ui-button-hover-outline: var(--swatch-primary);
  
      /* ===RATING MODULE=== */
  
      --rating-module-button-plus-color: var(--theme-color);
      --rating-module-button-negative-color: var(--theme-color);
      --rating-module-button-cancel-color: var(--swatch-tertiary-color);
      --rating-module-button-credit-color: var(--swatch-secondary-color);
  
      --rating-module-bg-color: var(--swatch-background);
      --rating-module-bottom-border-color: var(--swatch-primary);
  
      --rating-module-text-color: var(--swatch-text-light);
      --rating-module-text-hover-color: var(--swatch-text-light);
      --font-family: "Poppins";
  
      /* ===MODALS=== */
  
      --modal-bg: var(--swatch-secondary-color);
      --modal-body-text: var(--swatch-text-tertiary-color);
      --modal-body-header-txt: var(--swatch-text-tertiary-color); /* h1/h2/h3/h4/h5/h6 */
  
      --modal-header-bg: var(--swatch-primary-darkest);
      --modal-header-txt: var(--swatch-text-secondary-color);
      --modal-header-stripe: var(--swatch-primary);
  
      /* ===FOOTNOTES HOVER BLOCK=== */
      --hoverblock-bg: var(--swatch-secondary-color);
      --hoverblock-txt: var(--swatch-text-tertiary-color);
      --hoverblock-header-bg: var(--swatch-primary-darker);
      --hoverblock-header-txt: var(--swatch-text-secondary-color);
      --hoverblock-footer-bg: var(--swatch-tertiary-color);
      --hoverblock-footer-txt: var(--swatch-text-tertiary-color);
  
      /* ===LISTPAGES PAGER=== */
      --pager-text: var(--swatch-text-dark);
      --pager-link: var(--link-color);
  
      --pager-link-hover: var(--swatch-text-secondary-color);
      --pager-hover-bg: var(--swatch-primary-darkest);
  
      --pager-selected-bg: var(--swatch-primary);
      --pager-selected-link: var(--swatch-text-secondary-color);
  }
  
  /* ===ANIMATIONS=== */
  :root {
      --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
  }
  
  @keyframes fade-in {
      from {
      	opacity: 0;
      }
  
      to {
      	opacity: 1;
      }
  }
  
  @keyframes slide-in {
      from {
      	translate: 1rem 1rem;
      }
  
      to {
      	translate: 0 0;
      }
  }
  
  
  @supports not (translate: 1rem 1rem) {
      @keyframes slide-in {
      	from {
      		transform: translate(1rem, 1rem);
      	}
  
      	to {
      		transform: translate(0, 0);
      	}
      }
  }
  
  @keyframes slide-down {
      from {
      	max-height: 0;
      }
  
      to {
      	max-height: var(--header-height-on-desktop);
      }
  }
  
  @keyframes lift-in {
      from {
      	box-shadow: 0 0 0 0 rgba(var(--swatch-alternate-color), 0.25), inset 0 0 0 0.0625rem rgb(var(--swatch-primary-darkest));
      }
  
      to {
      	box-shadow: 0.25rem 0.125rem 0.5rem 0 rgba(var(--swatch-alternate-color), 0.25), inset 0 0 0 0.0625rem rgb(var(--swatch-primary-darkest));
      }
  }
  
  /*  ===============================
      	======== TEXT ELEMENTS ========
      	===============================
  
  /* ===HARDCODED TEXT=== */
  
  :root {
      /* Found in Wikidot Structure */
      --text-tags: "TAGS\0021b4";
      --text-editor-desc: "Short Description of Changes:";
      --text-pagehistory-rev: "rev.";
      --text-pagehistory-flags: "flags";
      --text-pagehistory-actions: "actions";
      --text-pagehistory-by: "by";
      --text-pagehistory-date: "date";
      --text-sitetools: "Site Tools";
  
      /* Found in Elements */
      --text-creditview-back: "Back";
      --text-tableofcontents: "Table of Contents";
  
      /* Found in Header */
      --text-messages: "Messages";
  }
  
  /*  ===============================
      	========= DEPRECIATED =========
      	===============================
  
  /* ===LEGACY VARIABLES=== */
  
  /* These Vars are being left for now in case they are used in various these but will eventually be removed */
  :root {
      /* Legacy Var -- No longer used */
      --gradient-sidemenu-header: linear-gradient(10deg, rgba(var(--swatch-primary-darker), 0.45) 0%, rgba(var(--swatch-primary-darker), 0.55) 100%);
  
      --rating-module-button-color: var(--swatch-menutxt-general-color);
  
      --border-styling: solid 0.0625rem rgb(var(--swatch-border-color));
  
      --border-radius-width: 0.0625rem;
  
      /* Box-Shadow 1px Borders */
      --box-border-bottom: 0 0.0625rem 0 0 rgb(var(--swatch-border-color));
      --box-border-top: 0 -0.0625rem 0 0 rgb(var(--swatch-border-color));
      --box-border-left: -0.0625rem 0 0 0 rgb(var(--swatch-border-color));
      --box-border-right: 0.0625rem 0 0 0 rgb(var(--swatch-border-color));
      --box-border-all: 0 0 0 0.0625rem rgb(var(--swatch-border-color));
  
      --sidebar-transition-timing: 0.5s var(--ease-in-out) 0.1s;
  }
  

  Pages using this styling

  • scp-6620 [info]

  ¶ 1 occurrence
  

  
  :root {
          /* header measurements */
          --header-height-on-desktop: 15rem;
          --header-height-on-mobile: 15rem;
          --header-h1-font-size: clamp(2rem, 5vw, 2.8125rem);
          --header-h2-font-size: clamp(0.875rem, 3vw, 0.9375rem);
   
          --logo-image: url("https://nu-scptheme.github.io/Black-Highlighter/img/logo.svg");
      }
   
      #header {
          --search-textbox-text-color: var(--swatch-secondary-color);
          background: none;
      }
   
      #header::before {
          content: " ";
          position: absolute;
          width: 100%;
          height: 100%;
          left: 0;
          top: 0.75rem;
          background-image: var(--logo-image);
          background-repeat: no-repeat;
          background-position: center 0;
          background-size: auto calc(var(--header-height-on-desktop) - 1.5rem);
          opacity: 0.8;
          pointer-events: none;
      }
   
      #header h1,
      #header h2 {
          margin: 0;
          padding: 0;
          width: 100%;
          height: var(--header-height-on-desktop);
          display: flex;
          align-items: center;
          justify-content: center;
          display: flex;
          align-items: center;
          justify-content: center;
      }
   
      #header h1 a,
      #header h1 a::before,
      #header h2 span,
      #header h2 span::before {
          margin: 0;
          padding: 0;
          z-index: 0;
          display: block;
          text-align: center;
      }
   
      #header h1 {
          z-index: 1;
      }
   
      #header h1 a::before,
      #header h1 a::after {
          content: var(--header-title);
      }
   
  #header h1 a::before {
      z-index: -1;
  } 
      #header h1 a::after {
          color: rgb(var(--swatch-headerh1-color));
          z-index: 1;
      }
   
      #header h2 {
          z-index: 0;
          text-transform: uppercase;
          pointer-events: none;
      }
   
      #header h2 span {
          margin-top: 5px;    
  }
   
      #header h2 span::before,
      #header h2 span::after {
          --wght: 600;
          content: var(--header-subtitle);
          position: absolute;
          left: 50%;
          transform: translateY(-50%) translateX(-50%);
          width: 100%;
          text-align: center;
      }
   
      #header h2 span::after {
          color: rgb(var(--swatch-headerh2-color));
          z-index: 1;
      }
   
      #search-top-box form[id="search-top-box-form"]:not(:focus-within) input[type="text"] {
          color: rgba(0, 0, 0, 0);
      }
   
      @media (min-width: 36rem) {
   
          #login-status {
              flex-grow: 1;
              left: 3%;
              right: initial;
          }
   
           #login-status::before {
              --mask-image: none;
              background-color: transparent;
          }
   
          #login-status:not(:focus-within) {
              color: rgb(var(--login-line-divider-color));
              -webkit-user-select: initial;
              -moz-user-select: initial;
              -ms-user-select: initial;
              user-select: initial;
          }
   
          #login-status #account-topbutton,
          #login-status:not(:focus-within) #account-topbutton {
              --clip-path:
                      polygon( 0 0, 100% 0, 100% 100%, 0 100% );
              background-color: rgba(var(--login-arrow-color), 0);
   
          }
   
          #login-status #account-topbutton::before{
              --clip-path:
                      polygon( 30% 35%, 70% 35%, 50% 60%, 50% 60% );
              --mask-image: initial;
              content: "";
              position: absolute;
              top: 0;
              left: 0;
              width: 100%;
              height: 100%;
              background-color: rgba(var(--login-arrow-color), 1);
              -webkit-clip-path: var(--clip-path);
              clip-path: var(--clip-path);
          }
   
          #login-status #account-topbutton::before,
          #login-status:not(:focus-within) #account-topbutton::before,
          #login-status:not(:focus-within) #account-topbutton:hover::before {
              --clip-path:
                      polygon( 30% 35%, 70% 35%, 50% 60%, 50% 60% );
              --mask-image: initial;
          }
   
          #login-status:not(:focus-within) #account-topbutton::after {
              display: none;
          }
   
          #login-status:not(:focus-within) *:not(#account-topbutton):not([href*="account/messages"]) {
              --clip-path:
                      polygon(
                          0 0,
                          100% 0,
                          100% 100%,
                          0 100%
                      );
              pointer-events: all;
              -webkit-clip-path: var(--clip-path);
              clip-path: var(--clip-path);
          }
   
          #login-status:not(:focus-within) *:not(#account-topbutton):not(#account-options):not([href*="account/messages"]) {
              opacity: 1;
          }
   
          #login-status #my-account {
              --wght: 300;
          }
   
          #account-options {
              background: var(--gradient-header);
          }
   
          #search-top-box {
              top: 1.5em;
              right: 3%;
              background: rgba(var(--search-focus-textbox-bg-color), 0.4);
          }
   
           #search-top-box:focus-within ~ #login-status {
              opacity: 1;
          }
   
          #search-top-box::after {
              transition:
                  background-color 150ms cubic-bezier(0.4, 0, 0.2, 1),
                  -webkit-clip-path 150ms cubic-bezier(0.4, 0, 0.2, 1);
              transition:
                  background-color 150ms cubic-bezier(0.4, 0, 0.2, 1),
                  clip-path 150ms cubic-bezier(0.4, 0, 0.2, 1);
              transition:
                  background-color 150ms cubic-bezier(0.4, 0, 0.2, 1),
                  clip-path 150ms cubic-bezier(0.4, 0, 0.2, 1),
                  -webkit-clip-path 150ms cubic-bezier(0.4, 0, 0.2, 1);
          }
   
          #search-top-box:not(:focus-within)::after {
              --clip-path:
                      polygon(
                          0 0,
                          100% 0,
                          100% 100%,
                          0% 100%
                      );
              background-color: rgba(var(--search-icon-bg-color, --dark-accent), 1);
              -webkit-clip-path: var(--clip-path);
              clip-path: var(--clip-path);
          }
   
          #search-top-box:not(:focus-within):hover::after {
              --clip-path:
                      polygon(
                          0 0,
                          100% 0,
                          100% 100%,
                          0 100%
                      );
              background-color: rgb(var(--search-icon-hover-bg-color));
          }
   
          #search-top-box form[id="search-top-box-form"]:not(:focus-within) {
              max-width: var(--search-width);
          }
   
          #search-top-box form[id="search-top-box-form"]:not(:focus-within) input[type="text"] {
              max-width: var(--search-width);
              padding: 0 var(--search-height) 0 1em;
              outline-width: 0;
              background-color: rgb(var(--search-focus-textbox-bg-color), 0.35);
              color: rgba(var(--search-textbox-text-color), 0.4);
              cursor: pointer;
          }
   
          #search-top-box form[id="search-top-box-form"]:not(:focus-within) input[type="submit"],
          #search-top-box form[id="search-top-box-form"]:focus-within input[type="submit"] {
              pointer-events: all;
              border: none;
          }
   
      }
   
      #page-title::after,
      .meta-title::after,
      #page-title::before,
      .meta-title::before {
          content: "";
          flex-grow: 1;
          height: 0.0625rem;
          background: rgb(var(--swatch-primary));
      }
   
      #page-title::before,
      .meta-title::before {
          margin: auto 1.25rem auto auto;
      }
  

  Pages using this styling

  • scp-6620 [info]

  ¶ 1 occurrence
  

  :root{
  --accentColor: hsla(44, 80%, 65%, 1);
  --accentColorLite: hsla(44, 100%, 75%, 1);
  --hue: 44deg;
  --bgColor: hsl(252, 6%, 17%);
  --fgColor: hsl(252, 6%, 10%);
  --lgurl: url(https://upload.wikimedia.org/wikipedia/commons/3/33/Lune_ico.png);
  }
  
  body{
  font-size: 0.81rem;
  }
  
  #page-content h2, #page-content h3, #page-content h4, #toc .title, strong {
      filter: saturate(1) brightness(1);
  }

  Pages using this styling

  • scp-6614 [info]

  ¶ 1 occurrence
  

  :root {
    --logo: url(https://scp-wiki.wdfiles.com/local--files/scp-6609/logo1.png);
  }

  Pages using this styling

  • scp-6609 [info]

  ¶ 1 occurrence
  

  #page-content .collapsible-block {  
    max-width: 100%;
      /* text-align: center; */
  text-color: #FFFFFF;
  background-color: #7E7E7E;
      border-color: #b01;
      border: solid 1px #b01;
  padding: 5px;
  margin: 5px;
  }
  .collapsible-block-content p {
      padding-left: 5px;
      padding-right: 5px;
      padding-bottom: 5px;
      padding-top: 5px;
  }
  .collapsible-block-content{
  text-align: left;
  }
  
  .collapsible-block-folded{
  text-align: center;
  color: black;
  }
  
  .collapsible-block-unfolded{
  text-align: center;
  background-color: #B0B0B0;
  }
  
  .collapsible-block-link{
  color:#FFFFFF;
  }
  

  Pages using this styling

  • scp-6608 [info]

  ¶ 1 occurrence
  

  :root{
    --header-title: "Tactical Theology";
    --header-subtitle: "Demonology Division";
  }
  @media (max-width: 768px) {
      :root {
           --header-title: "Tact. Theo.";
      }
  }
  
  div#extra-div-1 {
      background-image: url(http://topia.wikidot.com/local--files/in-heaven-a-spirit-doth-dwell/tactical-theology.png);
      filter: opacity(20%);
  }
  
  #header h1 a::before,
  #header h2::before {
      background: -webkit-linear-gradient(#801818, #000000);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
  }
  

  Pages using this styling

  • scp-6607-instance-log [info]

  ¶ 1 occurrence
  

  :root{
    --header-title: "Tactical Theology";
    --header-subtitle: "Demonology Division";
  }
  @media (max-width: 768px) {
      :root {
           --header-title: "Tact. Theo.";
      }
  }
  
  div#extra-div-1 {
      background-image: url(http://topia.wikidot.com/local--files/in-heaven-a-spirit-doth-dwell/tactical-theology.png);
      filter: opacity(20%);
  }
  
  #header h1 a::before,
  #header h2::before {
      background: -webkit-linear-gradient(#801818, #000000);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
  }
  
  #page-content .info-container {
      --link-color: rgb(var(--swatch-text-general));
  }
  
  #page-content .info-container .translation_block {
      display: none;
  }
  
  #page-content .info-container .collapsible-block-link,
  #page-content .info-container:hover .collapsible-block-link {
      line-height: 1.6em;
  }
  
  #page-content .info-container .collapsible-block-folded,
  #page-content .info-container .collapsible-block-unfolded-link {
      display: grid;
  }
  
  #page-content .info-container .collapsible-block-folded .collapsible-block-link,
  #page-content .info-container .collapsible-block-link {
      -webkit-mask: unset;
              mask: unset;
      background: transparent;
      grid-column: 1;
      grid-row: 1;
      opacity: 0;
  }
  
  #page-content .info-container .collapsible-block-folded::before,
  #page-content .info-container .collapsible-block-unfolded-link::before {
      --wght: 800;
      content: "ETC";
      color: #FFFFFF;
      font-family: Inter, Arimo, Verdana, Geneva, "Helvetica Neue", "Helvetica", Arial, sans-serif;;
      display: block;
      pointer-events: none;
      grid-column: 1;
      grid-row: 1;
      line-height: 2.75ex;
  }
  
  a.collapsible-block-link:not(.licensebox a.collapsible-block-link) {
      font-weight: 600;
      color: white;
      padding-top: 4px;
      padding-bottom: 4px;
      padding-left: 7px;
      padding-right: 9px;
      background: rgb(102,51,51);
      border-radius: 6px;
      margin-top: 10px;
      margin-bottom: 10px;
  }
  
  .document {
      background: white url('http://scpdsandbox.wdfiles.com/local--files/darkartist-s-hub-for-drafts-or-whatever/sphere%20smells%20like%20fart%20sometimes') center center no-repeat;
      box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
      margin: 26px auto 0;
      max-width: 550px;
      min-height: 300px;
      padding: 24px;
      padding-top: 50px;
      position: relative;
      width: 80%;
      color: black;
  }
   
  .document:before,
  .document:after {
      content: " ";
      height: 98%;
      position: absolute;
      width: 100%;
      z-index: -1;
  }
   
  .document:before {
      background: #fafafa;
      box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
      left: -5px;
      top: 4px;
      transform: rotate(-2.5deg);
  }
   
  .document:after {
      background: #f6f6f6;
      box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
      right: -3px;
      top: 1px;
      transform: rotate(1.4deg);
  }
  

  Pages using this styling

  • scp-6607 [info]

  ¶ 1 occurrence
  

  #page-content .collapsible-block-folded, #page-content .collapsible-block-unfolded, #page-content .unfolded-collapse{
      line-height: 1.4;
  }
  
  #page-content .collapsible-block-folded .collapsible-block-link::before, #page-content .collapsible-block-unfolded .collapsible-block-link::before, #page-content .unfolded-collapse::before {
      font-family: monospace;
      font-size: 130%;
      margin-left: -0.4em
  }
  

  Pages using this styling

  • scp-6604 [info]

  ¶ 1 occurrence
  

  
  body{
      --barColour: #106133;
  }
  
  :root{
    --header-title: "SCP Foundation";
    --header-subtitle: "Secure, Contain, Protect";
  }
  
  #header h1 a:before {
      font-size: 2.0rem;
  }
  
  div#extra-div-1 {
      background-image: url(https://scp-wiki.wdfiles.com/local--files/component:pride-highlighter/nb_logo_blk.svg);
      filter: opacity(25%);
  }
  
  #page-content .info-container {
      --link-color: rgb(var(--swatch-text-general));
  }
  
  #page-content .info-container .translation_block {
      display: none;
  }
  
  #page-content .info-container .collapsible-block-link,
  #page-content .info-container:hover .collapsible-block-link {
      line-height: 1.6em;
  }
  
  #page-content .info-container .collapsible-block-folded,
  #page-content .info-container .collapsible-block-unfolded-link {
      display: grid;
  }
  
  #page-content .info-container .collapsible-block-folded .collapsible-block-link,
  #page-content .info-container .collapsible-block-link {
      -webkit-mask: unset;
              mask: unset;
      background: transparent;
      grid-column: 1;
      grid-row: 1;
      opacity: 0;
  }
  
  #page-content .info-container .collapsible-block-folded::before,
  #page-content .info-container .collapsible-block-unfolded-link::before {
      --wght: 800;
      content: "Elenee FishTruck";
      color: #FFFFFF;
      font-family: Inter, Arimo, Verdana, Geneva, "Helvetica Neue", "Helvetica", Arial, sans-serif;;
      display: block;
      pointer-events: none;
      grid-column: 1;
      grid-row: 1;
      line-height: 2.75ex;
  }
  
  .quote-text {
      display: inline-block;
      border:dashed 1px #999999;
      background:#F5F5F5;
      float:center;
      width:84%;
      padding:1px 15px;
      margin: 10px 10px 10px 30px
  }

  Pages using this styling

  • scp-6603 [info]

  ¶ 1 occurrence
  

  .email {float: center; border: solid 2px #000000; width: 88%; padding: 1px 15px; margin: 10px 10px 10px 10px; box-shadow: 0 1px 3px rgba(0,0,0,.5)}
  .tofrom {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px maroon}
  
  
  div.parapost {
      background:  black;
      color:white;
      font-family: 'PT Mono', monospace;
      font-size: 90%;
      border-width: 2px;
      border-style: solid;
      border-color: #1a1a1a;
      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;}
  }
   
  div.siteheader {
    background: #ffffff;
    color:white;
    padding: 0.5em;
    margin: 0;
    line-height: 0;
  }
  
  /* MUPPET SITE*/
  
  div.muppetsite {
      background: #ededed;
      color:black;
      font-family: 'Raleway', sans-serif;
      font-size: 90%;
      border: none;
      border-top: 5px solid #8ec8d4;
      border-bottom: 5px solid #8ec8d4;
      padding: 0 1em;
      margin: 1em 1em;
  }
  
  .muppetpost{
    background: #8ec8d433;
    border-radius: 16px;
    margin: 0.5em;
  }
  
  .muppetuser{
    background: #267b8c;
    color:white;
    padding: 0.5em;
    margin: 0;
    line-height: 0;
  }
  
  .muppettext{
    padding-top: 0.5px;
    padding-right: 1em;
    padding-bottom: 0.5em;
    padding-left: 1em;
  }
  
  span.righteous {
     font-family: 'Righteous', cursive;
     font-size: 200%;
     color: #267b8c;
  }
  
  div.muppetpost.reply1 {margin: 1em 0.5em 1em 4em;}
  
  @media (max-width: 479px) {
     div.muppetpost {margin: 1em 0;}
     div.muppetpost.reply1 {margin: 1em 0 1em 1em;}
  }
  
  @media (min-width: 480px) and (max-width: 580px) {
     div.muppetpost {margin: 0.5em;}
     div.muppetpost.reply1 {margin: 0.5em 0.5em 0.5em 1em;}
  }
  
  /* BUG FORUM*/
  
  div.bugsite {
      background: #e6f5d7;
      color:black;
      font-family: 'Raleway', sans-serif;
      font-size: 90%;
      border: none;
      margin: 0.5em;
  }
  
  div.bugpost {
      background: none;
      border: none;
      border-left: 2px solid #bdd4ab;
      padding: 0 1em;
      margin: 1em 3em;
  }
   
  div.bugpost.reply1 {margin: 1em 3em 1em 4em;}
  div.bugpost.reply2 {margin: 1em 3em 1em 5em;}
  div.bugpost.reply3 {margin: 1em 3em 1em 6em;}
  div.bugpost.reply4 {margin: 1em 3em 1em 7em;}
  div.bugpost.reply5 {margin: 1em 3em 1em 8em;}
   
  @media (max-width: 479px) {
     div.bugpost {margin: 1em 0;}
     div.bugpost.reply1 {margin: 1em 0 1em 1em;}
     div.bugpost.reply2 {margin: 1em 0 1em 2em;}
     div.bugpost.reply3 {margin: 1em 0 1em 3em;}
     div.bugpost.reply4 {margin: 1em 0 1em 4em;}
     div.bugpost.reply5 {margin: 1em 0 1em 5em;}
  }
   
  @media (min-width: 480px) and (max-width: 580px) {
     div.bugpost {margin: 0.5em;}
     div.bugpost.reply1 {margin: 0.5em 0.5em 0.5em 1em;}
     div.bugpost.reply2 {margin: 0.5em 0.5em 0.5em 1.5em;}
     div.bugpost.reply3 {margin: 0.5em 0.5em 0.5em 2em;}
     div.bugpost.reply4 {margin: 0.5em 0.5em 0.5em 2.5em;}
     div.bugpost.reply5 {margin: 0.5em 0.5em 0.5em 3em;}
  }
  
  /* OTHER SITES */
  span.flowerfont {
     font-family: 'Bona Nova', serif;
     font-size: 100%;
     color: #525252;
  }
  
  /* REDDIT */
  .reddit-post{
      margin: .43em;
      padding: 0 .85em;
  
      background-color: #fcfcfb;
      border: 1px solid #b5b3ac;
  
      font-family: verdana,arial,sans-serif;
      overflow: hidden;
  }
  

  Pages using this styling

  • scp-6599 [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Raleway&display=swap');
  @import url('https://fonts.googleapis.com/css?family=PT+Mono&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Righteous&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Bona+Nova&display=swap');

  Pages using this styling

  • scp-6599 [info]

  ¶ 1 occurrence
  

  
  .poster{
      border:solid 2px #9c0202;
      background:#ffffff;
      width:60%;
      padding:15px;
      margin: 10px auto;
  }
  

  Pages using this styling

  • scp-6597 [info]

  ¶ 1 occurrence
  

  .poleaddendum{
      border-left:solid 5px #642c2c;
      background:#ffffff url('https://scp-wiki.wdfiles.com/local--files/scp-6596/120logo2.png') center no-repeat;
      box-shadow: 1px 1px 4px #5e5e5e82;
      width: 90%;
      padding: 1px 15px;
      margin: 10px auto;
  }
  
  :root {
      --logo-image: url("https://scp-wiki.wdfiles.com/local--files/secure-facility-dossier-site-120/ontologonew.png");
      --header-title: "Site-120";
      --header-subtitle: "Fighting Fire With Fire";

  Pages using this styling

  • scp-6596 [info]

  ¶ 1 occurrence
  

  .testfile{
      border:solid 3px #abc3cc;
      background:#f2fbff;
      width:75%;
      padding:1px 15px;
      margin: 10px auto;
  }
  
  .testvideo{
      background:#ccf1ff;
      width:90%;
      padding:1px 15px;
      margin: 10px auto;
  }

  Pages using this styling

  • scp-6595 [info]

  ¶ 1 occurrence
  

  .spooky{
      border:solid 2px #d46f04;
      background:#F5F5F5;
      width:90%;
      padding:1px 15px;
      margin: 10px auto;
  }

  Pages using this styling

  • scp-6592 [info]

  ¶ 1 occurrence
  

  .testfile{
      border-left:solid 5px #D9AC68;
      background:#f8efe3;
      width:90%;
      padding:1px 15px;
      margin: 10px auto;
      box-shadow: 1px 1px 4px #5e5e5e82;
  }
  
  .testvideo{
      border:none;
      background: #ffffff;
      width:90%;
      padding:1px 15px;
      margin: 10px auto;
  }

  Pages using this styling

  • scp-6591 [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Oxygen&display=swap');
  
  .hovertip { max-width: 400px; }
  .avatar-hover { display: none !important; }
  a.collapsible-block-link { font-weight: bold; }
  #page-content { text-align: justify; }
  
  /* anendlessusername's invaluable correction of the ACS octagon! */
  #page-content .quadrants > div {
      top: 2.25%;
      left: 18.5%;
  }
  
  .hidelinks a{color:black !important; text-decoration: underline;}
  .compare{
    border-bottom:1px solid black;
    vertical-align:top;
  }
  
  .news{
    background: linear-gradient(180deg, rgba(135, 206, 250, .3) 20%, rgba(255,255,255,0) 50%);
    border: 1px solid #3c6178;
    padding: 5px 10px;
    box-shadow: 0px 0px 5px 0px gray;
  }
  .headline {
    color: black;
    font-family: 'Libre Baskerville', serif;
    font-size: 150%;
    font-weight: bold;
  }
  .article{
    font-family: 'Oxygen', sans-serif;
    font-size: 110%;
    mask-image: linear-gradient(to bottom, rgb(0,0,0,1) 0%, rgb(0,0,0,0) 100%);
  }
  
  .request{
    border-radius: 15px;
    border:solid 3px #8f8e89;
    background: #fdf2cc;
    width:85%;
    padding:10px 15px;
    margin: 12px auto;
  }
  
  .review{
    background:#ffffff url(https://scp-wiki.wdfiles.com/local--files/scp-6590/wact.png) center center/80% no-repeat;
    width:95%;
    padding:10px 20px;
    border: 1px solid #EDEDED;
    margin: 15px auto;
    box-shadow: 0px 0px 40px -4px lightgray;
    font-family: 'Oxygen', sans-serif;
    font-size: 110%;
  }
  @media only screen and (max-width: 600px) {
    .review{width:85%;}
  }
  
  .isd{
    border:solid 2px #7C7C7C;
    background: #e7ebf1;
    width:94%;
    padding: 5px 15px;
    margin: 10px auto 20px auto;
  }

  Pages using this styling

  • scp-6590 [info]

  ¶ 1 occurrence
  

  .outer-yellow{
      border:solid 5px #ffc30b;
      border-radius: 50px;
      background:#fee227;
      width:90%;
      padding:20px 20px;
      margin: 10px auto;
  }
  
  .inner-yellow{
      border:dotted 2px #ad9300;
      background:#fffee0;
      width:90%;
      padding:1px 15px;
      margin: 10px auto;
  }
  

  Pages using this styling

  • scp-6588 [info]

  ¶ 1 occurrence
  

  .footnotes-footer {
      visibility: hidden;
      height: 0;
      padding: 0;
      margin: 0;
  }
  /* HEADER */
   :root{
     --header-title: "‘PATAPHYSICS DEPARTMENT";
     --header-subtitle: "SILENCING CRUEL PUBLISHERS";
     --titleColor: hsl(0, 0%, 91%);
     --subtitleColor: hsl(0, 0%, 91%);
     --lgurl: url(https://scp-wiki.wikidot.com/local--files/theme:pataphysics/pataphysicslogo-ani.svg);
  }
  
  @media (max-width: 830px) {
      :root {
           --header-title: "‘PATAPHYS. DEPT.";
      }
  }
  
   #page-title{
       display: none;
  }
  
   #header::before{
       opacity: .7;
  }
  
   #header h1 a::before{
       text-shadow:
            -1.75px -1.75px hsl(0, 0%, 5%),
            0       -1.75px hsl(0, 0%, 5%),
            1.75px  -1.75px hsl(0, 0%, 5%),
            1.75px   0   hsl(0, 0%, 5%),
            1.75px   1.75px hsl(0, 0%, 5%),
            0        1.75px hsl(0, 0%, 5%),
            -1.75px  1.75px hsl(0, 0%, 5%),
            -1.75px  0   hsl(0, 0%, 5%);
  }
  
   #header h2::before{
       text-shadow:
            -1px -1px hsl(0, 0%, 5%),
            0    -1px hsl(0, 0%, 5%),
            1px  -1px hsl(0, 0%, 5%),
            1px   0   hsl(0, 0%, 5%),
            1px   1px hsl(0, 0%, 5%),
            0     1px hsl(0, 0%, 5%),
            -1px  1px hsl(0, 0%, 5%),
            -1px  0   hsl(0, 0%, 5%);
  }
  
   #header-extra-div-1::before{
       display: none;
  }
  

  Pages using this styling

  • scp-6584 [info]

  ¶ 1 occurrence
  

  :root {
      --timeScale: 2;
      --timeDelay: 0.5s;
  }
  
  

  Pages using this styling

  • scp-6582 [info]

  ¶ 1 occurrence
  

  .quoteblock {
      border-left: solid 3px rgb(228, 228, 228);
      border-right: solid 3px rgb(228, 228, 228);
      padding: 10px 10px 10px 10px;
      box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
      width: 90%;
      margin: auto;
      background: #303034;
  }
  
  .blockquote {
      border-left: solid 3px rgb(228, 228, 228);
      padding: 10px 10px 10px 10px;
      box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
      width: 90%;
      margin: auto;
      background: #303034;
  }
  .log_block {
      border-left: solid 5px rgb(228, 228, 228);
      padding: 10px 10px 10px 10px;
      box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3);
      width: 100%;
      margin: auto;
      background: #303034;
  }
  .log_info {
      margin-left: 10px;
      margin-top: 5px;
      padding: 1px 15px;
      border-left: solid 3px rgb(228, 228, 228);
  

  Pages using this styling

  • scp-6582 [info]

  ¶ 1 occurrence
  

  :root {
   --accentColor: 132, 112, 223;
  }

  Pages using this styling

  • scp-6581 [info]

  ¶ 1 occurrence
  

  
  #page-title,
  .meta-title {
      display: none!important;
  }
  
  .authorlink-wrapper {
      --author-top-adjust: -0.2rem;
  }
  

  Pages using this styling

  • scp-6579 [info]

  ¶ 1 occurrence
  

   :root{
     --header-title: "SCP FOUNDATION";
     --header-subtitle: "SURREAL CO-PROJECT";
     --titleColor: hsl(0, 0%, 95%);
     --subtitleColor: hsl(60, 62%, 85%);
     --lgurl: url(https://cdn.discordapp.com/attachments/689304077280215107/987928297000275988/unknown.png);
  }

  Pages using this styling

  • scp-6575 [info]

  ¶ 1 occurrence
  

  :root {
      --five-color: 157, 157, 157;
      --four-color: 157, 157, 157;
      --three-color: 157, 157, 157;
      --two-color: 91, 206, 250;
      --one-color: 91, 206, 250;
  }

  Pages using this styling

  • scp-6573 [info]

  ¶ 1 occurrence
  

  :root {
  --header-title: "Advanced Diplomacy";
  --header-subtitle: "Site-400";
  }
  .report {
      display: block;
      width: 84%;
      margin: 0.625rem auto;
      padding: 0.3125rem 0.9375rem;
      border: dashed 0.0625rem rgb(var(--very-light-gray-monochrome));
      background: url('https://scp-wiki.wdfiles.com/local--files/theme%3Ai57/scp-logo-i57.png') center center no-repeat;
  }
  .notation {
      border-left: solid 3px rgb(30, 30, 30);
      border-right: solid 3px rgb(30, 30, 30);
      padding: 25px 25px 25px 25px;
      box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
      width: 84%;
      margin: auto;
      background: #f7f7f7;
  }
  .papernote {
      background-color: #eaeeef;
      color: #21252E !important;
      padding: 0.1rem 0.5rem 0.5rem 0.5rem;
      box-shadow: 1px 1px 3px 2px rgb(0 0 0 / 30%);
      margin: auto;
      width: 84%;
  }

  Pages using this styling

  • scp-6571 [info]

  ¶ 1 occurrence
  

  #page-content .collapsible-block {
      position: relative;
      padding: 0.75em;
      margin: 0.75em;
      box-shadow: 3px 2.5px 1px rgba(36,6,180,0.7), 0 0 0px 1px lightgrey;
      overflow-wrap: break-word;
  }
   
  .collapsible-block-unfolded{
      color: black;
      overflow-wrap: break-word;
   
  }
   
  .collapsible-block-unfolded-link {
      text-align:center;
  }
   
  .collapsible-block-folded {
      text-align: center;
      color: black;
  }
   
  .collapsible-block-link {
      font-weight: bold;
      color: maroon;
      text-align: center;
  }

  Pages using this styling

  • scp-6566 [info]

  ¶ 1 occurrence
  

   :root{
  
  /* -- TITLES -- */
       --header-title: "AQUATIC ANOMALIES";
  
  }

  Pages using this styling

  • scp-6559 [info]

  ¶ 1 occurrence
  

  :root {
       --header-title: "SCPF Timeline #617204";
  }

  Pages using this styling

  • scp-6557 [info]

  ¶ 1 occurrence
  

  @media screen and (min-width: 900px) {
  #page-content > div.image-click-fullscreen.scp-image-block.block-left {
  max-width: 40% !important;
    }
  #page-content > div.image-click-fullscreen.scp-image-block.block-right {
  max-width: 50% !important;
   }
  }
  #header h1 a::before, #header h2::before, #header h1, #header h2, #header h1 a, #header h2 a {
  font-family: 'Poppins', Sans-Serif !important;
  }
  @import url('https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+Antique:wght@300;400;500;700;900&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@700&display=swap');
  :root {
     --lgurl: url(https://scp-wiki.wdfiles.com/local--files/secure-facilities-locations/Site-184.svg);
     --header-title: "";
     --header-subtitle: "AQUATIC ANOMALIES DEPARTMENT";
     --accentColor: rgb(229, 207, 175);
    --header-font:  'Poppins', Sans-Serif !important;
    --body-font: 'Zen Kaku Gothic Antique', Sans-Serif !important;
  }
  a, a.newpage, #side-bar a, #sidebar a:visited {
  color: #5defff !important;
  }
  a, .bt {
  font-family: 'Poppins', Sans-Serif;
  font-weight:700;
  }
  #page-content .collapsible-block-link {
  color:rgb(211, 102, 92) !important;
  }
  #header h1 a {
  font-family: 'Poppins', San-Serif;
  }
  .scp-image-block {
  box-shadow: 0px 0.26rem 0px 0px #010108 !important;
  }
  .blockquote {
  text-align: left !important;
  }
  body:before{
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 80' width='80' height='80'%3E%3Cpath fill='%235defff' fill-opacity='0.06' d='M14 16H9v-2h5V9.87a4 4 0 1 1 2 0V14h5v2h-5v15.95A10 10 0 0 0 23.66 27l-3.46-2 8.2-2.2-2.9 5a12 12 0 0 1-21 0l-2.89-5 8.2 2.2-3.47 2A10 10 0 0 0 14 31.95V16zm40 40h-5v-2h5v-4.13a4 4 0 1 1 2 0V54h5v2h-5v15.95A10 10 0 0 0 63.66 67l-3.47-2 8.2-2.2-2.88 5a12 12 0 0 1-21.02 0l-2.88-5 8.2 2.2-3.47 2A10 10 0 0 0 54 71.95V56zm-39 6a2 2 0 1 1 0-4 2 2 0 0 1 0 4zm40-40a2 2 0 1 1 0-4 2 2 0 0 1 0 4zM15 8a2 2 0 1 0 0-4 2 2 0 0 0 0 4zm40 40a2 2 0 1 0 0-4 2 2 0 0 0 0 4z'%3E%3C/path%3E%3C/svg%3E");
  background-color: TT#01030a;
      background-attachment: fixed;
      background-size: 14%;
      background-repeat: repeat;
  }

  Pages using this styling

  • scp-6549 [info]

  ¶ 1 occurrence
  

  :root{
    --header-title: "SCP Foundation";
    --header-subtitle: "Secure, Contain, Protect";
  }
  div#extra-div-1 {
      background-image: url('http://scp-wiki.wikidot.com/local--files/theme:minimalist-bhl/Foundation%20Logo');
      filter: opacity(0.3);
  }

  Pages using this styling

  • scp-6544 [info]

  ¶ 1 occurrence
  

  :root #container-wrap-wrap::before,
  :root #container-wrap::before,
  :root #container::before {
    display: none;
  }

  Pages using this styling

  • scp-6543 [info]

  ¶ 1 occurrence
  

  :root {
      --header-title: "";
      --header-subtitle: "";
  }

  Pages using this styling

  • scp-6543 [info]

  ¶ 1 occurrence
  

  
  :root {
    --header-title: "TACT. THEOLOGY";
    --header-subtitle: "ABRAHAMIC SUBDEPARTMENT";
  }
  
  
  body {
      --barColour: #0c0c0c;
  }
  
  div#extra-div-1 {
      background-image: url(https://scp-wiki.wikidot.com/local--files/scp-6542/skO4rrW.webp);
      filter: opacity(15%);
  }
  
  #header {
      height: 190px;
  }
  
  #top-bar {
      top: 9.7rem;
  }
  
  .mobile-top-bar {
      left: unset;
  }
  
  #header h1 a::before,
  #header h2::before {
      background: -webkit-linear-gradient(#801818, #000000);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
  }
  
  @media (max-width: 707px) {
  #header h1 a::before {
      font-size: 1.2em;
  }
  }
  
  table.wiki-content-table {
      border-collapse: separate;
      border-spacing: 3px;
  }
  
  table.wiki-content-table th {
      background-color: #0c0c0c;
      color: white;
  }
  
  table.wiki-content-table td {
      padding: 0.3em 0.7em;
      color: white;
  }
  
  #page-content tr td {
      border: #0c0c0c 1px solid;
      background-color: #fff;
      color: black;
  }
  
  #page-content tr th {
      padding: 6px;
      border: #0c0c0c 1px solid;
  }
  
  .scp-image-block .scp-image-caption {
      background-color: #0c0c0c;
      border-top: solid 1px #0c0c0c;
      color: white;
  }
  
  div.blockquote {
      border: none;
      background-color: #ffffff;
      padding: 0 1em;
      margin: 1em 3em;
      color: #0c0c0c;
      padding: 0.5em;
      padding-left: 1em;
      padding-right: 1em;
  }
  
  .jotting {
      box-shadow: 0px 0px 8px 4px rgb(0 0 0 / 70%);
      background: rgb(47 3 3);
      border: dashed 0.1rem #1b0606;
      padding: 5px 10px 5px 10px;
      width: 90%;
      margin: auto;
  }
  
  div.objclass::before {
      background-color: rgb(98 18 18);
      --mask-url: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/Pgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDIwMDEwOTA0Ly9FTiIKICJodHRwOi8vd3d3LnczLm9yZy9UUi8yMDAxL1JFQy1TVkctMjAwMTA5MDQvRFREL3N2ZzEwLmR0ZCI+CjxzdmcgdmVyc2lvbj0iMS4wIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiB3aWR0aD0iMjAwMC4wMDAwMDBwdCIgaGVpZ2h0PSIyMDAwLjAwMDAwMHB0IiB2aWV3Qm94PSIwIDAgMjAwMC4wMDAwMDAgMjAwMC4wMDAwMDAiCiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWlkWU1pZCBtZWV0Ij4KPG1ldGFkYXRhPgpDcmVhdGVkIGJ5IHBvdHJhY2UgMS4xNiwgd3JpdHRlbiBieSBQZXRlciBTZWxpbmdlciAyMDAxLTIwMTkKPC9tZXRhZGF0YT4KPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC4wMDAwMDAsMjAwMC4wMDAwMDApIHNjYWxlKDAuMTAwMDAwLC0wLjEwMDAwMCkiCmZpbGw9IiMwMDAwMDAiIHN0cm9rZT0ibm9uZSI+CjxwYXRoIGQ9Ik05NDM1IDE5OTg5IGMtNzc2IC00NyAtMTQ5NCAtMTY5IC0yMjA1IC0zNzMgLTIyODUgLTY1NyAtNDI2MCAtMjEwOQotNTU4NCAtNDEwNCAtMjk0IC00NDQgLTU5NCAtOTkyIC04MDUgLTE0NzIgLTM3MyAtODQ1IC02MjMgLTE3MjUgLTc1MCAtMjYzMAotNzAgLTUwMCAtODIgLTY2OSAtODggLTEyMzUgLTUgLTQ5MiAyIC03MzMgMzIgLTEwNzUgMjYyIC0yOTU1IDE4MTggLTU2MjEKNDI4MCAtNzMzNyA2NDIgLTQ0NyAxNDQ2IC04NjcgMjE4MSAtMTEzOCAxMTU1IC00MjcgMjI2NSAtNjI1IDM0OTkgLTYyNSAxMDQxCjAgMTkzMiAxMzEgMjkzMCA0MzIgODk4IDI3MCAxODE1IDcwNCAyNjE3IDEyMzkgNTU4IDM3MyAxMDE0IDc0NiAxNTA0IDEyMzQKMzE3IDMxNiA0NTAgNDYxIDY4MSA3NDMgNTgzIDcxMyAxMDQ4IDE0NjQgMTQxNyAyMjg5IDU1OSAxMjUyIDg1NiAyNjM4IDg1NgozOTkyIDAgMTQ5OSAtMjg4IDI4NjEgLTg4NSA0MTk2IC04MCAxNzggLTMxNSA2NDEgLTQxMCA4MDUgLTI1OCA0NTAgLTQ4NyA3OTIKLTgwOSAxMjEwIC0yNjkgMzUwIC01NjQgNjc5IC05MTkgMTAyNyAtMTE3NiAxMTUwIC0yNjI1IDE5OTQgLTQyMDQgMjQ0NyAtNzM0CjIxMSAtMTQyOCAzMjggLTIyMzMgMzc2IC0xOTAgMTEgLTkxMyAxMSAtMTEwNSAtMXogbTEyNTMgLTI0MTYgYzggLTEzIDIzIC0xNgo3OCAtMTUgMzggMSA5NCAtMyAxMjQgLTggMzAgLTYgOTEgLTE1IDEzNSAtMjAgNzUgLTkgMTQxIC0xOCAyOTUgLTM5IDM2IC01CjkwIC0xNSAxMjAgLTIxIDMwIC02IDc4IC0xNSAxMDUgLTIwIDU1IC0xMCAxMTcgLTIzIDE4MyAtMzkgMjMgLTYgNTkgLTE1IDgwCi0yMCA1OSAtMTQgODkgLTI4IDk3IC00OCAxNyAtMzYgMjcgLTE5MiAyOCAtNDI4IGwyIC0yNDAgLTQ0IC0zIGMtMjQgLTIgLTQ5CjIgLTU0IDcgLTYgNiAtMzkgMTEgLTczIDExIC0zNSAwIC02NiA1IC02OSAxMCAtMyA2IC0zOSAxMCAtNzkgMTAgLTQyIDAgLTc3CjUgLTg0IDEyIC0yMiAyMiAtMjI1IDMyIC02NzIgMzIgLTQyOSAwIC02NjggLTExIC02OTMgLTMyIC0xMSAtOSAtMTQ3IC0yMgotMTQ3IC0xNCAwIDIgNCAxMSA5IDIxIDYgMTAgMTIgMjggMTQgNDIgMiAxMyA4IDQyIDE1IDY0IDI0IDg3IDMzIDE1NiA0MCAyOTUKMTAgMjEzIDYgMzQxIC0xNCA0MzggbC00IDIyIDI5OSAwIGMyNzEgMCAzMDEgLTIgMzA5IC0xN3ogbS0xMjkzIC04MCBjNCAtMjEKMTEgLTYwIDE3IC04OCAzMCAtMTU0IDM2IC0yOTEgMTkgLTQxNSAtMjEgLTE2MiAtMzkgLTIzNCAtODAgLTMyNSAtMTAgLTIyCi0yNiAtNTcgLTM0IC03NyAtOSAtMjEgLTI0IC0zOCAtMzIgLTM4IC04IDAgLTIzIC00IC0zMyAtOSAtOSAtNSAtMzcgLTE0IC02MgotMjEgLTY5IC0xOCAtMTEzIC0zMSAtMTM1IC0zOSAtMTEgLTUgLTgxIC0yOCAtMTU1IC01MiAtNzQgLTIzIC0xNTEgLTUwIC0xNzAKLTU5IC0xOSAtOSAtNTAgLTIyIC02NyAtMjkgLTEwMyAtMzYgLTEwMSAtMzUgLTE2OCAtNjIgLTExIC00IC00OSAtMjEgLTg1Ci0zNyAtMzYgLTE3IC04NyAtNDAgLTExNSAtNTIgLTY5IC0zMSAtMjYwIC0xMjYgLTM4MCAtMTkwIC01NSAtMjkgLTExMyAtNjAKLTEzMCAtNjggLTE2IC05IC01NSAtMzMgLTg2IC01NCAtMzEgLTIxIC01OSAtMzggLTYzIC0zOCAtNCAwIC0yMCAtMTAgLTM3Ci0yMiAtMzMgLTI1IC00NCAtMTkgLTU1IDMyIC0yMSAxMDEgLTk0IDI1NyAtMTc5IDM4NSAtNTIgNzggLTI3MyAzMDYgLTM1OQozNzEgLTcyIDU0IC0xMTcgODQgLTEyNSA4NCAtNSAwIC0xNCA3IC0yMiAxNiAtNyA4IC0zNCAyNiAtNTkgMzkgLTczIDM3IC03Nwo0OCAtMjcgNjkgMjMgMTAgNTEgMjEgNjIgMjYgMTEgNSA1OCAyNiAxMDUgNDggNDcgMjIgMTIxIDU1IDE2NSA3MiA0NCAxOCA4OAozNiA5NyA0MSAxMCA1IDIyIDkgMjggOSA2IDAgMjkgOCA1MyAxOCAyMyAxMCA2MiAyNiA4NyAzNCAyNSA5IDg4IDMyIDE0MCA1Mgo4NyAzMiAyMzMgNzkgMzM1IDEwNyAyMiA2IDQ5IDE1IDYwIDE5IDExIDUgMzYgMTMgNTUgMTggMTkgNSA2NCAxOSAxMDAgMzEgMzYKMTIgOTcgMjggMTM1IDM2IDcxIDE1IDEyOCAyOCAyMDAgNDYgNDUgMTEgMTA1IDI0IDE4MCAzOSAyOCA1IDcwIDEzIDk1IDE5CjE3NCAzNyAzMzEgNjIgNDg4IDgwIDQ2IDUgODYgMTIgOTAgMTUgMyAzIDM1IDYgNzIgNiBsNjcgMCA4IC0zN3ogbTI4NTkgLTIyNApjMzQgLTExIDcwIC0yNCA4MSAtMjkgMTEgLTUgMzggLTE0IDYwIC0yMSAyMiAtNyA1NCAtMTggNzAgLTI1IDE3IC03IDU3IC0yMQo5MCAtMzMgOTQgLTMyIDE4NCAtNjkgMjIyIC05MSAxOSAtMTEgNDAgLTIwIDQ4IC0yMCAxNiAwIDU1MiAtMjcwIDY0MSAtMzIzCjg1IC01MCA5MCAtNTkgNzYgLTExMyAtNyAtMjQgLTEyIC04NyAtMTIgLTEzOSAwIC01MiAtNCAtOTcgLTEwIC0xMDAgLTUgLTMKLTEwIC0yMCAtMTAgLTM3IDAgLTQ5IC0zNyAtMTU4IC01MyAtMTU4IC02IDAgLTQxIDE2IC03OCAzNSAtMzggMTkgLTczIDM1Ci03OSAzNSAtNSAwIC0yOSA4IC01MyAxOSAtNzYgMzMgLTE0MSA1OCAtMTgyIDcwIC0yMiA3IC00OSAxNiAtNjAgMjEgLTQ4IDIwCi0xODMgNzAgLTIyMCA4MCAtMjIgNyAtNDggMTYgLTU3IDIxIC0xMCA1IC0yNSA5IC0zMyA5IC04IDAgLTIzIDQgLTMzIDkgLTI2CjEzIC04NiAzMSAtMTA1IDMxIC0xMCAwIC0yNSA0IC0zNSA5IC05IDUgLTM3IDE0IC02MiAyMSAtMjUgNiAtNjUgMTggLTkwIDI1Ci0yNSA4IC02MyAxOSAtODUgMjQgbC00MCAxMCAwIDkzIGMwIDUxIC02IDExNCAtMTMgMTM5IC02IDI2IC0xMiA3NCAtMTEgMTA2CjEgMzMgLTMgNjggLTggNzkgLTYgMTAgLTE0IDcwIC0xOCAxMzMgLTQgNjMgLTkgMTIwIC0xMiAxMjggLTcgMTcgMCAxNyA3MSAtOHoKbTE2NDQgLTc5MyBjMjAgLTEzIDU5IC0zNiA4NiAtNTEgMjcgLTE1IDY1IC00MyA4NiAtNjEgMjEgLTE5IDU3IC00MyA4MSAtNTQKMjQgLTEyIDY0IC0zNiA4OSAtNTUgMzggLTI5IDEwOCAtNzggMjA0IC0xNDUgMTEgLTggNDYgLTM0IDc2IC01OCAzMCAtMjQgODIKLTYzIDExNSAtODcgMzMgLTI0IDg5IC02OCAxMjQgLTk3IDM1IC0yOSA4NiAtNzIgMTE1IC05NSA2NiAtNTQgMjAyIC0xNzUgMzI0Ci0yODggNTQgLTQ5IDExNiAtMTA2IDEzNyAtMTI1IDIyIC0xOSA3NiAtNzQgMTIwIC0xMjMgNDQgLTQ4IDg1IC04NyA5MSAtODcgNwowIDE5IC0xMiAyOSAtMjYgMTYgLTI1IDg1IC0xMDEgMjkwIC0zMjAgNDEgLTQ0IDc1IC04NSA3NSAtOTEgMCAtNiA3IC0xNyAxNwotMjQgMTggLTE1IDExNCAtMTMxIDE1MSAtMTgyIDUxIC03MCA2OCAtOTMgMTAyIC0xMzIgMTkgLTIyIDQwIC00NyA0NSAtNTYgMTMKLTIxIDU4IC04NCA5NSAtMTM0IDMwIC0zOSAxNDkgLTIxNyAxODIgLTI3MiAxMCAtMTUgMzUgLTUzIDU3IC04MyAyMiAtMzAgNDcKLTY4IDU2IC04NSA4IC0xNiAzNSAtNjEgNjAgLTEwMCA0MCAtNjQgOTEgLTE1NCAxODIgLTMyMyA0MCAtNzUgMjggLTc0IC0xNyAxCi00NyA3OSAtMTA2IDE2OCAtMTgyIDI3MyAtMTMgMTcgLTQ0IDYyIC02OSAxMDAgLTI2IDM4IC01NiA3OCAtNjggODggLTExIDExCi0yMSAyMyAtMjEgMjggMCA5IC0yNCA0MCAtMTI1IDE1OSAtMjcgMzIgLTc1IDg4IC0xMDUgMTI1IC0zMCAzNiAtODggMTAxCi0xMjcgMTQ0IC00MCA0MyAtNzMgODMgLTczIDg3IDAgMTIgLTQwMCA0MTMgLTQxMiA0MTMgLTUgMCAtNDcgMzUgLTk0IDc4Ci0xNDMgMTMyIC0zMDQgMjY5IC0zODQgMzI3IC0yMiAxNyAtNjEgNDYgLTg1IDY1IC0yNCAxOSAtNjAgNDYgLTgwIDYwIC0yMSAxNAotNTQgMzkgLTc0IDU2IC0zMSAyNiAtMTIwIDg3IC0xNzMgMTE5IC05IDYgLTM3IDI1IC02MyA0MyAtMjUgMTcgLTUwIDMyIC01NAozMiAtNCAwIC0xNiA5IC0yNiAyMCAtMTAgMTEgLTIxIDIwIC0yNSAyMCAtNCAwIC0zNyAxOSAtNzIgNDMgLTM2IDIzIC04MCA1MQotOTggNjIgLTE5IDExIC02NSAzOSAtMTA0IDYzIC0zOSAyMyAtMTA5IDYwIC0xNTYgODMgLTQ3IDIyIC05MyA0OCAtMTA0IDU3Ci0xMCAxMCAtNjggNDIgLTEzMCA3MiBsLTExMSA1NiAxIDk5IGMxIDU1IDIgMTIwIDQgMTQ1IDEgMjUgLTEgOTMgLTUgMTUzIC00CjU5IC01IDEwNyAtMSAxMDcgMyAwIDIzIC0xMSA0NCAtMjR6IG0tODA1MiAtMjYzIGMxOCAtMTMgNTEgLTMxIDc1IC00MSAyNQotMTEgNTAgLTI3IDU4IC0zNiA3IC05IDE3IC0xNiAyMiAtMTYgOSAwIDUwIC0yNyAxMjkgLTg2IDg2IC02NSAyOTAgLTI4NCAyOTAKLTMxMiAwIC01IDcgLTE1IDE1IC0yMiAzMCAtMjUgMTA4IC0yMTcgMTI3IC0zMTUgNiAtMjcgMTIgLTEwNyAxNSAtMTc2IGw0Ci0xMjYgLTk4IC04OSBjLTEyNCAtMTEyIC02MjggLTYyMCAtNjY4IC02NzMgLTE2IC0yMiAtNzIgLTg5IC0xMjMgLTE0OCAtMTU3Ci0xODMgLTE1NyAtMTg0IC0yMTkgLTI3MyAtOSAtMTQgLTI1IC0zNSAtMzYgLTQ3IC0xMSAtMTIgLTI1IC0zMSAtMzEgLTQxIC0xMwotMjIgLTkzIC0xMzIgLTEyOCAtMTc2IC0xMyAtMTYgLTI1IC0zNCAtMjggLTQwIC0zIC02IC0yNiAtNDIgLTUxIC04MSAtMjUKLTM4IC01NCAtODIgLTYzIC05NyAtMTggLTMwIC0zNCAtMzYgLTQwIC0xNSAtMjIgNzYgLTM0IDExMiAtNTcgMTY3IC0xNSAzNgotMzcgOTIgLTQ5IDEyNSAtMTIgMzMgLTMxIDc5IC00MSAxMDIgLTExIDI0IC0xOSA0NyAtMTkgNTMgMCA1IC05IDI1IC0yMCA0NQotMTEgMjAgLTIwIDQyIC0yMCA0OSAwIDcgLTEzIDM3IC0zMCA2NyAtMTYgMzAgLTMwIDYwIC0zMCA2NyAwIDcgLTE4IDUxIC00MAo5NyAtMjIgNDYgLTQwIDg3IC00MCA5MCAwIDQgLTI5IDY2IC02NSAxMzkgLTM2IDcyIC02NSAxMzcgLTY1IDE0MyAwIDYgLTI5CjY4IC02NSAxMzkgLTM2IDcxIC02NSAxMzIgLTY1IDEzNiAwIDUgLTIzIDU2IC01MSAxMTYgLTgyIDE3MCAtOTcgMTMxIDEzMAozNTMgMTkwIDE4NyAzMDUgMjkxIDQ0NiA0MDkgMzYgMzAgODcgNzQgMTE0IDk4IDI2IDIzIDUyIDQyIDU2IDQyIDQgMCAyNCAxNQo0NSAzMyAzOSAzMyA4MiA2NiAxODkgMTQ1IDEwNiA3NyAxNDEgMTAyIDE0NyAxMDIgMyAwIDMwIDE5IDYyIDQzIDMxIDIzIDc2CjU0IDEwMCA2OCA0OCAyOSA1NCAyOCAxMTggLTE4eiBtNTEyOSAtNjgyIGMxNjcgLTExIDMwMCAtMjUgMzkwIC00MCAxMjUgLTIxCjE3MiAtMzAgMjM1IC00MSAzNiAtNiA4NSAtMTUgMTEwIC0xOSAxNTMgLTI3IDE4OCAtMzQgMjEyIC00NyAxNCAtOCAzNCAtMTQKNDMgLTE0IDEwIDAgNDUgLTkgNzkgLTE5IDMzIC0xMSAxMjIgLTM5IDE5NiAtNjIgMTY2IC01MiAzNzYgLTEzMCA0NTIgLTE3MAozMSAtMTYgNjMgLTI5IDcxIC0yOSAxOCAwIDQ2MiAtMjIzIDQ4NSAtMjQzIDkgLTggMzMgLTIzIDUzIC0zMyA2MSAtMzIgMjE5Ci0xMzEgMzM0IC0yMDkgODEgLTU0IDEyNSAtODcgMjE1IC0xNjAgODEgLTY1IDEwNiAtODMgMTMzIC05NiAxNSAtNyAzNCAtMjMKNDIgLTM1IDggLTEzIDQxIC00MiA3MiAtNjUgNTkgLTQ0IDU0MyAtNTIzIDU0MyAtNTM4IDAgLTQgMjUgLTM0IDU1IC02NiAzMAotMzEgNTUgLTYyIDU1IC02OSAwIC03IDE4IC0zMCA0MSAtNTEgMjMgLTIyIDUyIC01NiA2NSAtNzUgMTQgLTE5IDM4IC01MyA1NQotNzUgNDQgLTU5IDg2IC0xMjAgMTYzIC0yMzYgMjcgLTQxIDU2IC04NSA2NSAtOTggMTU1IC0yMjUgMzkyIC03MDggNDkxCi0xMDAxIDEyIC0zNiAzMCAtODQgNDEgLTEwOCAxMSAtMjMgMzAgLTc3IDQ0IC0xMjAgMTQgLTQyIDM0IC0xMDUgNDUgLTEzOCAxMQotMzQgMjAgLTcwIDIwIC04MCAwIC0xMSAxNSAtODAgMzQgLTE1NCAxOCAtNzQgMzcgLTE1NCA0MSAtMTc3IDQgLTI0IDExIC00NQoxNiAtNDkgNSAtMyA5IC0yOSA5IC01OCAwIC0yOCA0IC01NiA5IC02MSA1IC02IDEyIC0zNSAxNSAtNjUgMyAtMzAgMTAgLTg5CjE2IC0xMzAgMjQgLTE2NyAzMSAtMjY2IDM4IC00OTggOCAtMjYxIC0xIC02MzEgLTE3IC03NzcgLTI5IC0yNTYgLTUyIC00MDAKLTg2IC01MzUgLTkgLTM2IC0yMSAtODUgLTI1IC0xMTAgLTExIC01OSAtMjYgLTEyMSAtNDYgLTE5NSAtOSAtMzMgLTE4IC03NwotMjEgLTk4IC0zIC0yMCAtOSAtNDAgLTE0IC00MyAtNSAtMyAtOSAtMTQgLTkgLTI1IDAgLTEwIC00IC0yNyAtMTAgLTM3IC01Ci05IC0yNyAtNzAgLTQ5IC0xMzQgLTIyIC02NCAtNDcgLTEzMCAtNTUgLTE0NyAtOSAtMTYgLTE2IC0zOCAtMTYgLTQ5IDAgLTEwCi03IC0yNyAtMTUgLTM4IC04IC0xMCAtMTUgLTI2IC0xNSAtMzQgMCAtOCAtMjEgLTYwIC00NiAtMTE1IC0yNSAtNTUgLTU0Ci0xMjEgLTY1IC0xNDcgLTM1IC04OSAtODcgLTE5NiAtOTkgLTIwMyAtNiAtNCAtMzUgLTU2IC02NSAtMTE3IC0zMCAtNjAgLTY0Ci0xMjIgLTc1IC0xMzggLTExIC0xNSAtMjAgLTMxIC0yMCAtMzUgMCAtNyAtNzAgLTExNyAtODAgLTEyNSAtNCAtMyAtMjEgLTMwCi0zOCAtNjEgLTE4IC0zMSAtMzkgLTYyIC00NyAtNjkgLTggLTcgLTE1IC0xOCAtMTUgLTI1IDAgLTcgLTcgLTE5IC0xNiAtMjYKLTkgLTcgLTM2IC00MyAtNjAgLTc5IC03MyAtMTA4IC03NyAtMTEzIC0xMTQgLTE1NyAtMTkgLTIzIC01MyAtNjUgLTc1IC05NAotMjIgLTI4IC03NSAtODggLTExNyAtMTMzIC00MyAtNDUgLTc4IC04NyAtNzggLTkyIDAgLTIxIC00MTUgLTQxNCAtNTkyIC01NjEKLTEwNSAtODcgLTEyNiAtMTAzIC0xMzUgLTEwMyAtNSAwIC0yMiAtMTQgLTM4IC0zMCAtMTYgLTE3IC0zMyAtMzAgLTM4IC0zMAotNSAwIC0yNiAtMTUgLTQ3IC0zMiAtMjAgLTE4IC02OCAtNTMgLTEwNiAtNzYgLTM4IC0yNCAtODcgLTU3IC0xMDkgLTczIC0yMgotMTYgLTU2IC0zNyAtNzUgLTQ2IC0xOSAtOSAtNDIgLTIyIC01MCAtMjggLTggLTcgLTQ0IC0yOCAtODAgLTQ2IC0zNiAtMTkKLTY5IC0zOSAtNzUgLTQ2IC01IC03IC00OCAtMzAgLTk1IC01MyAtNDcgLTIyIC0xNTAgLTc0IC0yMzAgLTExNSAtODAgLTQxCi0xNTQgLTc0IC0xNjUgLTc1IC0xMSAwIC0yOSAtNiAtNDAgLTEzIC0xMSAtNyAtMzYgLTE5IC01NSAtMjcgLTE5IC03IC01NwotMjMgLTg1IC0zNSAtMjcgLTEzIC03NyAtMzMgLTExMCAtNDUgLTMzIC0xMiAtNjggLTI2IC03NyAtMzEgLTEwIC01IC0yOSAtOQotNDMgLTkgLTE0IDAgLTMzIC00IC00MyAtOSAtOSAtNSAtMzUgLTE0IC01NyAtMjAgLTIyIC03IC00OSAtMTYgLTYwIC0yMCAtNTAKLTIwIC0xNTUgLTUxIC0xNzMgLTUxIC0xMiAwIC0yMyAtNCAtMjYgLTkgLTMgLTUgLTIwIC0xMSAtMzggLTE0IC0xOCAtMyAtNTMKLTExIC03OCAtMTcgLTI1IC02IC02MyAtMTQgLTg1IC0xNiAtMjIgLTMgLTQ5IC05IC02MCAtMTQgLTExIC01IC0zOCAtMTEgLTYwCi0xNCAtMjIgLTMgLTY3IC0xMCAtMTAwIC0xNiAtMzMgLTYgLTg1IC0xMyAtMTE1IC0xNiAtMzAgLTMgLTY0IC05IC03NSAtMTQKLTExIC01IC00NyAtMTIgLTgwIC0xNSAtMzMgLTMgLTEwNSAtMTAgLTE2MCAtMTYgLTEzMSAtMTQgLTkxMyAtMTQgLTEwMzAgMAotNDkgNiAtMTI4IDE1IC0xNzUgMjEgLTQ3IDYgLTExMCAxMyAtMTQwIDE2IC0zMCAzIC02NCA5IC03NSAxNCAtMTEgNSAtMzggMTEKLTYwIDE0IC0yMiAzIC02NCAxMCAtOTIgMTUgLTI5IDYgLTc0IDE1IC0xMDAgMjAgLTI3IDUgLTgyIDE5IC0xMjMgMzEgLTQxIDEyCi05MiAyNCAtMTEzIDI3IC0yMCAzIC00MCA5IC00MyAxNCAtMyA1IC0xNCA5IC0yNSA5IC0yMSAwIC0yMDAgNTUgLTIzMSA3MQotMTAgNSAtMjUgOSAtMzMgOSAtOCAwIC0yMyA0IC0zMyA5IC05IDUgLTM1IDE0IC01NyAyMSAtMjIgNyAtNTggMjEgLTc5IDMxCi0yMiAxMSAtNDYgMTkgLTU0IDE5IC04IDAgLTI5IDggLTQ2IDE4IC0xNyAxMSAtNjcgMzIgLTExMSA0OCAtOTAgMzMgLTQzMwoyMDQgLTU3MCAyODQgLTQ5IDI5IC0xMDMgNjAgLTEyMCA2OSAtMTYgMTAgLTQ4IDI5IC03MCA0NCAtMjIgMTUgLTc0IDQ5IC0xMTUKNzYgLTQxIDI3IC04NyA1OSAtMTAyIDcwIC0xNCAxMiAtMzAgMjEgLTM1IDIxIC01IDAgLTIyIDEzIC0zOCAzMCAtMTYgMTYgLTMzCjMwIC0zOCAzMCAtOSAwIC02NSA0MyAtMTMyIDEwMyAtMjMgMjAgLTQ3IDM3IC01MyAzNyAtNSAwIC0yMyAxNSAtMzkgMzMgLTE1CjE4IC00NCA0MyAtNjMgNTYgLTExMCA3NiAtNTAwIDQ2OCAtNjUzIDY1NyAtMTY5IDIwOSAtMzI1IDQyMSAtMzYzIDQ5NiAtOSAxOAotMzEgNTEgLTQ3IDcyIC0xNyAyMiAtNDEgNjAgLTU0IDg1IC0yNCA0OCAtMjUgNTEgLTgzIDE0MSAtNDIgNjQgLTI0MCA0NjQKLTI0MCA0ODMgMCA3IC00IDE3IC04IDIzIC01IDUgLTIzIDQ3IC00MSA5NCAtMTggNDcgLTQxIDEwNCAtNTIgMTI4IC0xMCAyMwotMTkgNDYgLTE5IDUwIDEgNCA0NSAtODEgOTggLTE4OCA1NCAtMTA3IDExNSAtMjE5IDEzNSAtMjQ3IDIwIC0yOSAzNyAtNTUgMzcKLTU3IDAgLTMgMjIgLTM4IDUwIC03OCAyNyAtNDAgNzEgLTEwNCA5NyAtMTQzIDI2IC0zOCA1MiAtNzUgNTcgLTgyIDYgLTcgMzEKLTM3IDU2IC02OCAyNSAtMzEgNzAgLTg1IDEwMCAtMTIwIDMwIC0zNiA3NSAtODggMTAwIC0xMTcgNjEgLTcyIDM4MCAtMzgwCjQ2MyAtNDQ4IDM3IC0zMCA4MiAtNjggMTAwIC04NCAxOCAtMTYgNDggLTM5IDY3IC01MSAxOSAtMTIgNDEgLTMwIDQ5IC0zOSA3Ci05IDE5IC0xNiAyNiAtMTYgNiAwIDIwIC05IDMxIC0yMSAxNiAtMTggMTYwIC0xMTkgMTY5IC0xMTkgMyAwIDI0IC0xNCA0NwotMzAgOTMgLTY2IDE0NyAtOTkgMjMzIC0xNDUgMTQ4IC03OSAzODcgLTIwMCA0MjUgLTIxNCAxOSAtOCA1OCAtMjQgODUgLTM3CjY4IC0zMSAxODcgLTc0IDIwNiAtNzQgOCAwIDE5IC00IDI0IC04IDYgLTUgNTEgLTIxIDEwMCAtMzcgNTAgLTE2IDk1IC0zMQoxMDAgLTM1IDEwIC02IDU5IC0yMSAxMzggLTQxIDIzIC02IDU2IC0xNSA3MyAtMjAgMTcgLTUgNDIgLTkgNTcgLTkgMTQgMCAyOAotNCAzMSAtOSAzIC00IDI3IC0xMSA1MyAtMTUgMjcgLTMgNzMgLTEwIDEwMyAtMTYgMTQ4IC0yNyAxNzkgLTMyIDIzNSAtMzYgMzMKLTMgNjkgLTkgODAgLTE0IDQ1IC0yMSA2MDIgLTI5IDg1NSAtMTEgMjQ3IDE3IDUyMiA1NiA2OTggMTAwIDIzIDYgNTkgMTUgODAKMjAgMjAgNCA1NyAxNiA4MiAyNSAyNSA4IDU0IDE2IDY1IDE2IDEyIDAgMjUgNCAzMCA4IDYgNSAzNyAxNyA3MCAyOCAzMyAxMAo3NCAyNiA5MCAzNSAxNyA5IDQ3IDE5IDY3IDIzIDYyIDExIDUwMCAyMjEgNjE5IDI5NSAzNSAyMyA4MSA1MCAxMDEgNjEgMjEgMTEKNTcgMzQgODAgNTAgMjQgMTcgODcgNjAgMTQyIDk4IDU0IDM3IDExMyA3NyAxMzAgODggMTcgMTIgNDQgMzYgNjAgNTMgMTcgMTcKMzUgMzEgNDEgMzEgMTggMCAzMDcgMjYwIDQxMCAzNjggMzMgMzUgMTAyIDEwNSAxNTMgMTU2IDUwIDUxIDkyIDk4IDkyIDEwNCAwCjYgMjYgNDAgNTggNzUgMzEgMzUgNzAgODMgODcgMTA4IDE2IDI0IDUxIDcyIDc3IDEwNiAyNyAzNCA0OCA2NyA0OCA3MSAwIDUgNwoxNSAxNSAyMiA5IDcgNDQgNTYgNzggMTA5IDgxIDEyNiA4OSAxMzkgMTYzIDI2NiAzOSA2NyAyMjQgNDQxIDIyNCA0NTIgMCA3IDgKMjcgMTggNDUgMTAgMTggMjggNjIgNDEgOTggMTIgMzYgMjcgNzMgMzIgODIgNSAxMCA5IDI1IDkgMzMgMCA4IDQgMjMgOSAzMyA1CjkgMTggNDkgMzAgODcgMTIgMzkgMjYgNzkgMzEgOTAgMjAgNDYgNDUgMTMwIDYxIDIwMyA1IDIzIDE0IDYzIDIwIDkwIDUgMjYKMTQgNzAgMTkgOTcgNSAyOCAxMSA2NCAxNSA4MCAxOCA5MSAyOCAxNjEgMzUgMjYwIDQgNjAgMTMgMTI4IDE5IDE1MCAxNCA1MwoxMyA3OTAgLTIgODI1IC02IDE0IC0xNCA1NyAtMTggOTUgLTE0IDEzOCAtMjkgMjUxIC0zOSAyOTAgLTUgMjIgLTE0IDY1IC0yMAo5NSAtMjMgMTA4IC05MiAzNDcgLTExMSAzODIgLTUgMTAgLTkgMjQgLTkgMzEgMCA3IC05IDMyIC0yMCA1NSAtMTEgMjIgLTIwCjQ1IC0yMCA1MCAwIDEzIC02NSAxNzUgLTk0IDIzNyAtNjQgMTMzIC0xMDYgMjI1IC0xMDYgMjMwIDAgMyAtMTIgMjQgLTI3IDQ4Ci0xNSAyMyAtNDQgNzQgLTY0IDExMiAtODMgMTU5IC0xNDcgMjY1IC0xNjAgMjY1IC01IDAgLTkgNCAtOSA5IDAgMTMgLTM0IDY2Ci05NCAxNDkgLTI3IDM2IC02MCA4NSAtNzUgMTA3IC0xNCAyMiAtNDEgNTkgLTYxIDgyIC0xOSAyMyAtNjAgNzIgLTkwIDEwOQotNDggNTggLTEwNSAxMjAgLTI5MSAzMjAgLTI1IDI3IC05NiA5NCAtMTU4IDE0OSAtNjIgNTUgLTE0MCAxMjYgLTE3NSAxNTgKLTM0IDMxIC02NiA1NyAtNzAgNTcgLTQgMCAtMjYgMTYgLTQ5IDM1IC02NyA1NiAtMjM4IDE3OSAtMjkyIDIxMCAtMjcgMTUgLTY4CjQzIC05MCA2MCAtNDEgMzQgLTYxIDQ1IC0yMjQgMTMwIC01MyAyOCAtMTIzIDY0IC0xNTYgODIgLTc5IDQxIC0zMDEgMTQ2Ci0zNDUgMTYzIC0xOSA3IC0zOSAxNiAtNDUgMjAgLTUgMyAtMzAgMTIgLTU1IDE5IC0yNSA3IC01MyAxNyAtNjIgMjIgLTEwIDUKLTI1IDkgLTMzIDkgLTggMCAtMjMgNCAtMzMgOSAtMzEgMTYgLTIxMCA3MSAtMjMxIDcxIC0xMSAwIC0yMiA0IC0yNSA5IC0zIDUKLTIwIDExIC0zOCAxNCAtMTggNCAtNDkgOSAtNjggMTIgLTE5IDQgLTQ0IDEwIC01NSAxNSAtMTEgNSAtMzggMTEgLTYwIDE0Ci04NyAxMSAtMTIxIDE4IC0xNDAgMjYgLTExIDUgLTQ3IDExIC04MCAxNCAtMzMgMyAtOTggMTEgLTE0NSAxNyAtMTEyIDE1Ci04OTggMjMgLTkyNSAxMCAtMTEgLTYgLTU2IC0xMyAtMTAwIC0xNSAtODcgLTUgLTE4OCAtMTkgLTI3NSAtMzYgLTMwIC02IC03MwotMTMgLTk1IC0xNiAtMjIgLTMgLTQ5IC05IC02MCAtMTQgLTExIC01IC0zOCAtMTEgLTYwIC0xNSAtMjIgLTMgLTU3IC04IC03OAotMTEgLTIwIC00IC00MCAtMTAgLTQzIC0xNSAtMyAtNSAtMTQgLTkgLTI2IC05IC0xMSAwIC00OCAtOSAtODIgLTE5IC0zMyAtMTEKLTgxIC0yNSAtMTA2IC0zMSAtMjUgLTcgLTUzIC0xNiAtNjIgLTIxIC0xMCAtNSAtMjQgLTkgLTMzIC05IC04IDAgLTMwIC05Ci01MCAtMjAgLTIwIC0xMSAtNDQgLTIwIC01NSAtMjAgLTEwIDAgLTIyIC00IC0yNSAtMTAgLTMgLTUgLTE1IC0xMCAtMjYgLTEwCi0xMSAwIC0zNyAtOSAtNTcgLTIwIC0zNSAtMTggLTkzIC00MSAtMjM3IC05NSAtNTUgLTIwIC0xMTAgLTQ3IC0zNzUgLTE4OAotODAgLTQyIC0xNjIgLTkyIC0yMDUgLTEyNCAtMjMgLTE4IC05NSAtNjMgLTEwMCAtNjMgLTUgMCAtNzkgLTU1IC0xMDYgLTc5Ci04IC03IC00MyAtMzMgLTc5IC01OSAtOTEgLTY1IC0yNDIgLTE5NCAtMjgyIC0yNDEgLTE4IC0yMSAtNTUgLTU3IC04MyAtNzkKLTI3IC0yMiAtNzEgLTYxIC05NiAtODggLTEyNiAtMTMzIC0xNjkgLTE4MyAtMTkzIC0yMjIgLTE1IC0yNCAtMzQgLTQ2IC00MgotNDkgLTggLTMgLTQyIC00MiAtNzQgLTg3IC0zMiAtNDQgLTY5IC05MiAtODIgLTEwNiAtMTMgLTE0IC0zNyAtNDcgLTU1IC03NQotMTggLTI3IC0zNyAtNTUgLTQzIC02MiAtNSAtNyAtMTAgLTE1IC0xMCAtMTkgMCAtNCAtMTEgLTIyIC0yNSAtNDAgLTE0IC0xOAotMjUgLTM3IC0yNSAtNDIgMCAtNSAtOSAtMTcgLTIwIC0yNyAtMTEgLTEwIC0yMCAtMjMgLTIwIC0yOCAwIC02IC04IC0yMCAtMTkKLTMxIC0xMCAtMTIgLTM5IC02MSAtNjYgLTExMCAtMjYgLTQ4IC02NCAtMTE1IC04NiAtMTQ4IC0yMSAtMzMgLTQxIC03MCAtNDQKLTgxIC04IC0yOSAtMTQgLTQyIC03MyAtMTY3IC04MyAtMTc0IC0xMTIgLTI0MiAtMTEyIC0yNjEgMCAtMTAgLTQgLTIxIC0xMAotMjQgLTUgLTMgLTEwIC0xNyAtMTAgLTMwIDAgLTEzIC00IC0yNyAtMTAgLTMwIC01IC0zIC0xMSAtMTYgLTExIC0yOCAtMSAtMTUKLTMgLTE3IC02IC02IC0yIDkgMTAgNTkgMjcgMTEwIDE3IDUyIDM1IDExNCA0MSAxMzkgNSAyNCAxNiA1OCAyNCA3NSA3IDE2IDIxCjUzIDMwIDgwIDkgMjggMjMgNjEgMzAgNzUgOCAxNCAyMCA0NCAyOCA2NSA1MSAxMzkgNzUgMTkyIDE3MSAzODUgNTkgMTE4IDExMwoyMjIgMTIxIDIzMCA3IDggMzQgNTMgNjAgMTAwIDU1IDk5IDIxOSAzNDkgMjg1IDQzNCA4MSAxMDYgMTAwIDEzMSAxMTEgMTUzCjEzIDI0IDUzIDcxIDE2NyAxOTIgMzkgNDMgNzIgODIgNzIgODcgMCAxMyAzODYgMzkxIDQ4NCA0NzQgNDIgMzYgMTAwIDg1IDEyOQoxMTEgMjggMjUgNjMgNTMgNzcgNjIgMTQgOSA0NSAzMyA3MCA1MiAyNSAxOSA4OCA2NCAxNDAgMTAwIDUyIDM2IDEwNCA3MSAxMTUKNzkgMTEgOCA0MCAyNyA2NCA0MiAyNCAxNiA1NiAzNyA3MCA0NiAxNCAxMCA0MiAyNiA2MSAzNyAxOSAxMCA2MCAzNSA5MCA1NQozMCAyMCA2NCAzOSA3NSA0MiAxMSA0IDMxIDE0IDQ1IDI0IDM4IDI2IDI4OCAxNTUgMzUwIDE4MCAzMCAxMiA3OCAzMSAxMDUgNDIKMjggMTEgNzcgMzMgMTEwIDQ5IDMzIDE1IDg1IDM2IDExNSA0NSAzMCA5IDYwIDIwIDY1IDI0IDYgNCA1MSAxOSAxMDAgMzQgMjA2CjYzIDI4MiA4NSAzMjUgOTYgMjUgNiA1OSAxNiA3NSAyMiAxNyA1IDUwIDE0IDc1IDIwIDI1IDUgNzIgMTYgMTA1IDIzIDE3MCA0MQo1MjcgODkgNzU3IDEwMyA2OSA0IDEzMCAxMSAxMzQgMTUgMTAgMTAgNDE3IDIgNjI5IC0xMnogbS03MDE2IC05ODQgYzEyIC0yMQoyMSAtNDMgMjEgLTQ5IDAgLTYgMjAgLTUyIDQ0IC0xMDIgNTUgLTExNSA4MiAtMTc4IDc4IC0xODkgLTEgLTQgNSAtMjEgMTMKLTM3IDggLTE1IDIyIC01MCAzMCAtNzcgOSAtMjYgMjAgLTU3IDI1IC02OCA1IC0xMSAxNCAtMzggMjAgLTYwIDYgLTIyIDE1Ci00OSAxOSAtNjAgMTcgLTQzIDMxIC05MiAzMSAtMTExIDAgLTExIDcgLTMwIDE2IC00MiA4IC0xMiAxNCAtMjggMTEgLTM1IC0yCi02IDAgLTIzIDYgLTM3IDUgLTE0IDExIC0zNyAxMyAtNTIgMiAtMTUgMTAgLTYwIDE5IC0xMDAgOCAtNDAgMTUgLTg3IDE1Ci0xMDUgMCAtMTcgNSAtNDQgMTIgLTYwIDM2IC05MCAzOCAtNjM2IDIgLTY4OCAtOCAtMTEgLTE0IC0zNiAtMTQgLTU2IDAgLTIxCi03IC02NiAtMTUgLTEwMSAtOCAtMzUgLTIwIC04NSAtMjYgLTExMyAtNiAtMjcgLTE3IC02MCAtMjUgLTcyIC04IC0xMiAtMTQKLTI5IC0xNCAtMzggMCAtOSAtOSAtMzQgLTIwIC01NSAtMTEgLTIyIC0xOCAtNDAgLTE1IC00MCAzIDAgLTE3IC00NCAtNDUgLTk3Ci0yNyAtNTMgLTUwIC0xMDEgLTUwIC0xMDYgMCAtNyAtNjggLTExMyAtMTUwIC0yMzMgLTM1IC01MSAtNTkgLTgwIC0xMjIgLTE1MAotMzYgLTQwIC03MCAtODIgLTczIC05MSAtNCAtMTAgLTM2IC00MyAtNzIgLTczIC0zNSAtMzAgLTkwIC03OSAtMTIxIC0xMDkKLTMxIC0yOSAtNzUgLTY2IC05NyAtODEgLTIyIC0xNSAtNTEgLTQwIC02NCAtNTQgLTE0IC0xNCAtMjkgLTI2IC0zNCAtMjYgLTYKMCAtMTkgLTkgLTMxIC0yMSAtMTggLTE4IC0xMTIgLTgzIC0xNjcgLTExNSAtMTAgLTYgLTI3IC0xOCAtMzcgLTI3IC0xMCAtMTAKLTIyIC0xNyAtMjcgLTE3IC01IDAgLTE2IC03IC0yNSAtMTUgLTE3IC0xNSAtMzEgLTIzIC0xNTggLTkyIC0zMyAtMTggLTc3Ci00NCAtOTcgLTU4IC0zMiAtMjEgLTczIC00MiAtMjE1IC0xMDggLTE0IC02IC00MiAtMjIgLTYzIC0zNSAtMjIgLTEzIC00NQotMjEgLTUzIC0xOCAtMTkgNyAtMTkgMTI5IDAgMTgyIDcgMjIgMTYgOTcgMjAgMTY5IDUgNzEgMTMgMTM5IDE5IDE1MCA2IDExCjE0IDU0IDE4IDk1IDEyIDExMyAyMCAxNjMgMjkgMTg1IDUgMTEgMTEgNDUgMTQgNzUgMyAzMCAxMCA3OCAxNiAxMDUgNiAyOCAxNQo3MCAxOSA5NSAxNyA5NCAxOSA5NyAxMTMgMTA0IDEzMyAxMCAyNDIgMzQgMjgyIDYyIDExIDggMjcgMTQgMzQgMTQgMTcgMCAxNDIKNzMgMjAyIDExNyA1NCA0MSAxOTAgMTcyIDE5MCAxODQgMCA1IDE5IDM1IDQzIDY2IDU0IDcyIDg3IDE0MyAxMjIgMjU4IDE1IDUwCjMxIDk4IDM2IDEwNyAxMiAyMyAxMiAzNTMgMCAzNzYgLTExIDIxIC0zNCAxMDAgLTM2IDEyNyAtMyAzMyAtOTIgMjA2IC0xMzUKMjY1IC0yMyAzMCAtNzMgODcgLTExMiAxMjcgbC03MSA3MiAxMyAzMyBjOCAxOCAzMiA2NSA1NSAxMDMgMjIgMzkgNDcgODQgNTQKMTAyIDcgMTggMjAgMzggMjggNDUgOCA2IDI2IDMyIDM5IDU3IDEzIDI1IDMyIDYwIDQyIDc2IDEwIDE3IDMyIDU1IDUwIDg1IDE4CjMwIDQ1IDcxIDYwIDkyIDE1IDIwIDQxIDU0IDU3IDc2IDE3IDIyIDM5IDU1IDUwIDczIDExIDE4IDI3IDQzIDM1IDU0IDggMTIKMjYgMzggMzggNTggMTMgMjAgMjcgMzcgMzEgMzcgNCAwIDE1IDEzIDI0IDMwIDE4IDMxIDQ3IDYzIDUyIDU4IDIgLTIgMTIgLTIwCjI0IC00MXogbTY4MzYgLTEyNDggYzEwOCAtMTQgMTQ1IC0xOSAyMTUgLTM0IDczIC0xNSAyMzAgLTYzIDI0NSAtNzUgNiAtNCAzNwotMTcgNzAgLTI5IDMzIC0xMyA2NSAtMjcgNzIgLTMzIDcgLTYgMTMgLTcgMTMgLTMgMCA0IDYgMyAxMyAtMyAxMiAtMTAgODIKLTQ5IDE0NyAtODMgMTQ5IC03NiA0NjEgLTM3OSA1NjAgLTU0NCAxMyAtMjIgMjcgLTQyIDMxIC00NSA5IC03IDE1OSAtMzAwCjE1NyAtMzA5IC0xIC0zIDEgLTEzIDQgLTIxIDEwNyAtMjkyIDEzNyAtNTkwIDkyIC05MjAgLTExIC04MiAtNjcgLTI5NyAtODYKLTMzNCAtNiAtMTIgLTExIC0yMiAtMTEgLTIzIDUgLTE0IC0zNCAtOTcgLTEzNSAtMjg4IC04IC0xNiAtMTI3IC0xOTAgLTI2NAotMzg2IC0xMzYgLTE5NyAtMjQ4IC0zNjEgLTI0OCAtMzY3IDAgLTUgODYgLTY5IDE5MCAtMTQyIDEwNSAtNzIgMTkwIC0xMzQKMTkwIC0xMzYgMCAtOSAtMTYwNiAtMjMxMiAtMTYzMSAtMjMzOSAtMTAxIC0xMDggLTE1MCAtMTUyIC0yNDQgLTIyMiAtMzkgLTI5Ci03NSAtNTcgLTgxIC02MiAtMTEgLTkgLTE4NSAtOTcgLTI0OSAtMTI2IC0xNiAtOCAtNTcgLTIxIC05MCAtMzEgLTMzIC05IC03MQotMjAgLTg1IC0yNCAtOTcgLTMzIC0zODYgLTQ1IC01MDAgLTIxIC0zMCA2IC02NiAxMyAtNzkgMTYgLTQ2IDkgLTE4NiA1OAotMjUwIDg3IC02MiAyOSAtMTkyMyAxMzE4IC0xOTg2IDEzNzYgLTQ2IDQyIC0xNDcgMTYyIC0xNzUgMjA3IC0xMyAyMiAtMzAgNDYKLTM3IDUzIC0xNyAxOCAtOTEgMTcyIC0xMTMgMjM4IC0xMCAyOSAtMjkgMTAxIC00MSAxNjEgLTI3IDEyOCAtMzIgMzc5IC0xMAo1MDMgMTEgNjMgNTcgMjI4IDc4IDI4MCA0IDggNyAxNyA4IDIwIDE3IDUxIDY1IDE0OSA5NiAxOTUgMTQgMjIgMjggNDggMzIgNTcKMyAxMCAzNTYgNTIwIDc4NCAxMTM1IDQyOCA2MTQgNzgxIDExMjEgNzg0IDExMjUgMyA1IDk0IC01MiAyMDEgLTEyNiAxMDggLTc1CjE5OSAtMTM2IDIwNCAtMTM1IDUgMCAxMjIgMTYzIDI1OSAzNjIgMjI4IDMzMCAzNDggNDg2IDQzMCA1NTggMTcgMTUgNDIgMzcKNTYgNTAgNjIgNTYgMjA3IDE2MCAyOTQgMjEwIDE5MyAxMTIgNTEwIDIxMiA3MzAgMjMyIDgxIDcgMjkyIDUgMzYwIC00egptNjg1NSAtMTQ2NSBjNzkgLTExIDc5IC0xMCA0NCAtMTc0IC04IC00MSAtMTggLTkyIC0yMSAtMTEzIC0zIC0yMCAtOSAtNDAKLTE0IC00MyAtNSAtMyAtOSAtMTUgLTkgLTI2IDAgLTIwIC03IC00OSAtMzEgLTEyMyAtNiAtMTYgLTEyIC0zOCAtMTQgLTQ4IC0yCi05IC03IC0yMiAtMTEgLTI5IC00IC02IC0xMSAtMzAgLTE2IC01MiAtMTIgLTYwIC0xMyAtNjMgLTQ4IC0xNTEgLTQgLTExIC0xMwotNDAgLTIwIC02NSAtMjUgLTg1IC01MiAtMTY1IC03MCAtMjA1IC0xMCAtMjIgLTMyIC03MSAtNDkgLTEwOCAtMTcgLTM3IC0zMQotNzIgLTMxIC03OCAwIC0xNCAtMTIwIC0yNTQgLTE1MyAtMzA2IC0xNSAtMjQgLTI3IC00NSAtMjcgLTQ4IDAgLTQgLTEzIC0yNgotMzAgLTUwIC0xNiAtMjQgLTMwIC00OCAtMzAgLTUzIDAgLTUgLTkgLTE3IC0yMCAtMjcgLTExIC0xMCAtMjAgLTI0IC0yMCAtMzAKMCAtMTQgLTI3IC0yOCAtNDAgLTIwIC01IDMgLTMzIDU2IC02NCAxMTkgLTU5IDExOSAtMTA2IDI1MiAtMTA2IDI5OCAwIDE1IC01CjM5IC0xMSA1NSAtMTMgMzMgLTE2IDI0MyAtNCAyNjMgNCA3IDEyIDQ1IDE2IDg0IDEyIDEwNSAxNyAxMzMgMjggMTU1IDYgMTEKMTEgMjkgMTEgNDAgMCAxMiA0IDI5IDkgMzkgMTUgMjkgMjggNjUgNDIgMTEyIDE0IDUyIDQzIDEyNCA2MyAxNjAgOCAxNCAzMwo2MSA1NyAxMDUgMjMgNDQgNTQgOTQgNjggMTEyIDE0IDE3IDM0IDQzIDQ0IDU3IDEwIDE0IDMyIDMzIDUwIDQyIDE4IDkgNDcgMzAKNjUgNDUgMTggMTYgNDMgMjkgNTUgMjkgMTMgMCAyNyA0IDMzIDkgNSA2IDM2IDE3IDY5IDI1IDU4IDE0IDg4IDE0IDE4NSAwegptMjg3IC0xMzQgYzE0OCAtMTAzIDE2MiAtMTE2IDIxMCAtMTg4IDE5IC0yOSA0NCAtNTcgNTQgLTYyIDEwIC02IDMwIC0zMCA0NAotNTMgMTMgLTI0IDM2IC01NCA1MCAtNjcgMTQgLTEzIDI1IC0yOSAyNSAtMzcgMCAtNyA1IC0xMyAxMCAtMTMgMTYgMCAxNzQKLTMzNSAyMTAgLTQ0NSAxOCAtNTUgMzggLTExNyA0NiAtMTM4IDggLTIwIDE0IC01MCAxNCAtNjYgMCAtMTYgNiAtMzEgMTUgLTM1CjEzIC00IDE1IC0zNSAxNSAtMTkwIDAgLTE1NCAtMiAtMTg1IC0xNSAtMTkwIC04IC0zIC0xNSAtMTcgLTE1IC0zMSAwIC0xNCAtOQotNDUgLTIwIC02NyAtMTEgLTIzIC0yMCAtNDYgLTIwIC01MSAwIC0xMSAtODUgLTE4MyAtMTEwIC0yMjIgLTExIC0xNiAtMjkKLTQ3IC00MCAtNjcgLTI1IC00NiAtMzYgLTQ3IC01NCAtNSAtNyAxNyAtMjcgNjEgLTQ0IDk3IC01MyAxMTYgLTcyIDE2MCAtNzIKMTcwIDAgNiAtNCAxOCAtOSAyOCAtMTYgMzEgLTEzMSAzOTEgLTEzMSA0MTEgMCAxMSAtNCAyMiAtOSAyNSAtNSAzIC0xMSAyMwotMTQgNDMgLTcgNTMgLTE3IDk1IC0yNyAxMTggLTUgMTEgLTExIDM0IC0xNCA1MCAtNiAzNSAtMjIgMTExIC0zNiAxNzUgLTYgMjUKLTE1IDcyIC0yMSAxMDUgLTYgMzMgLTE1IDgzIC0yMCAxMTAgLTYgMjggLTE0IDc3IC0xOCAxMTAgLTQgMzMgLTExIDY3IC0xNAo3NSAtMyA4IC04IDM0IC0xMSA1NyAtMiAyMyAtOCA0OCAtMTIgNTUgLTUgNyAtOSAzMyAtMTEgNTggLTIgNDIgLTEyIDEyMyAtMjgKMjMzIC01IDMxIC00IDQ3IDMgNDcgNiAwIDM3IC0xOCA2OSAtNDB6IG0tMTM3NDIgLTk5MiBjLTE3IC01MSAtMjcgLTMwNCAtMjcKLTY3OCAwIC00MjAgOSAtNjA4IDMxIC02NTIgMTAgLTE5IDEyIC00NyA2IC0xMDIgLTYgLTcwIC05IC03NyAtNDEgLTEwMyAtMTkKLTE2IC01MSAtNDMgLTcxIC02MCAtMjEgLTE4IC00MSAtMzMgLTQ2IC0zMyAtNSAwIC0yNyAtMTUgLTQ4IC0zMiAtMTQ5IC0xMjQKLTIwNSAtMTY4IC0yMTcgLTE2OCAtNSAwIC0xNiAtNyAtMjMgLTE2IC04IC05IC0yOCAtMjYgLTQ1IC0zOCAtMTcgLTExIC01NwotNDEgLTg5IC02NiAtNjAgLTQ3IC03MyAtNTYgLTE0NiAtMTA0IC0yNCAtMTYgLTQ4IC0zNSAtNTIgLTQyIC00IC04IC0xNCAtMTQKLTIxIC0xNCAtOCAwIC0xOSAtNyAtMjcgLTE2IC03IC04IC00NSAtMzMgLTg1IC01NSAtNDAgLTIyIC03OCAtNDYgLTg0IC01NAotNyAtOCAtMTYgLTE1IC0yMSAtMTUgLTQgMCAtMjcgLTEzIC01MSAtMjggLTUyIC0zNSAtNjIgLTQwIC0yNTAgLTEzMiAtODEKLTM5IC0xNTUgLTcwIC0xNjQgLTY4IC0xMSAyIC0yMiAxNyAtMjcgMzggLTQgMTkgLTEzIDUzIC0xOCA3NSAtNiAyMiAtMTQgNTkKLTIwIDgzIC01IDIzIC0xNCA2MyAtMjAgOTAgLTYgMjYgLTEzIDY3IC0xNiA5MiAtMyAyNSAtOSA0OSAtMTQgNTQgLTUgNiAtOQoyOCAtOSA1MSAwIDIzIC01IDQ2IC0xMSA1MiAtNSA1IC0xMiAzMiAtMTQgNTkgLTggMTAwIC0yMSAxODAgLTMyIDE5OSAtNiAxMgotMTUgODEgLTE4IDE1NSAtNSA4NyAtMTIgMTQzIC0yMSAxNTcgLTEwIDE2IC0xNCA1NiAtMTQgMTMzIDAgODkgLTMgMTEyIC0xNQoxMTYgLTEzIDUgLTE1IDQxIC0xNSAyNDAgMCAyMTYgMSAyMzQgMTggMjM1IDkgMCAyNCAyIDMyIDUgOCAyIDMzIDggNTUgMTMgMjIKNSA2NyAxOCAxMDAgMzAgMzMgMTEgNjggMjEgNzggMjEgOSAwIDI1IDQgMzUgOSA5IDUgMzcgMTUgNjIgMjEgMjUgNyA1NCAxNgo2NSAyMCAxMSA0IDQwIDEzIDY1IDIwIDI1IDcgNTQgMTYgNjUgMjEgMTEgNCA1MiAxOCA5MCAzMCAxMzcgNDIgMTg4IDYwIDI0Nwo5MCAxMCA1IDI0IDkgMzMgOSA4IDAgMjkgOSA0NyAyMCAxOCAxMSA0MiAyMCA1NCAyMCAxMSAwIDI0IDQgMzAgOCA1IDUgNDcgMjQKOTQgNDIgNDcgMTggOTIgMzkgMTAxIDQ3IDggNyAxOSAxMyAyMyAxMyAzMyAwIDM3NSAxNzggNDE2IDIxNiAyMiAyMSAzMyAxNwoyNSAtOHogbTEzNTEwIC02NDEgYzkwIC0xMCAzMDQgLTEwOCAzNzEgLTE2OCAxMSAtMTEgMjQgLTE5IDI5IC0xOSAxMiAwIDIxNQotMjAyIDIxNSAtMjEzIDAgLTE0IC0yMDUgLTIxMyAtMjQ3IC0yNDAgLTM4IC0yNCAtODIgLTc0IC04MyAtOTQgLTEgLTQgLTE0Ci0yMyAtMjkgLTQxIC0yMyAtMjcgLTMyIC0zMiAtNDcgLTI0IC0zOCAyMCAtMTMwIDYwIC0xNTQgNjYgLTI1IDcgLTU5IDE3Ci0xMjcgMzcgLTU0IDE1IC0xMzAgMzAgLTE5MCAzNiAtNDggNCAtNTEgNyAtNTcgMzYgLTMgMTggLTggNDggLTEyIDY3IC0xMyA3NQotMTc2IDM2NiAtMjI4IDQwOSAtMzIgMjcgLTE4IDQ2IDU3IDc4IDEyMCA1MiAxNjMgNjUgMjE1IDY3IDI4IDEgNTQgNSA1OSAxMAo3IDcgMTM4IDMgMjI4IC03eiBtLTIzNCAtOTIwIGMzIC00IDI1IC0xMCA0OSAtMTMgMjQgLTMgNDcgLTcgNTIgLTEwIDQgLTMgMTYKLTcgMjUgLTkgMTAgLTIgMzYgLTExIDU4IC0yMSAyMiAtMTAgNDUgLTE4IDUxIC0yMCA2IC0xIDMyIC0xMSA1OCAtMjIgNDUgLTIwCjQ2IC0yMiA0NiAtNjQgMCAtMjQgLTcgLTUyIC0xNSAtNjIgLTggLTEwIC0xMiAtMjMgLTkgLTI4IDMgLTUgMSAtMjEgLTUgLTM2Ci02IC0xNSAtMTIgLTM5IC0xNSAtNTQgLTIgLTE0IC05IC0zNSAtMTUgLTQ2IC02IC0xMiAtMTEgLTMwIC0xMSAtNDEgMCAtMTIKLTQgLTI5IC05IC0zOSAtNSAtOSAtMTcgLTUzIC0yNiAtOTcgLTEwIC00NCAtMjEgLTkwIC0yNiAtMTAzIC01IC0xMyAtOSAtMzQKLTkgLTQ4IDAgLTEzIC00IC0zMiAtOSAtNDIgLTEzIC0yNyAtMzEgLTg3IC0zMSAtMTA2IDAgLTkgLTUgLTI3IC0xMiAtMzkgLTYKLTEyIC0xMyAtMzEgLTE0IC00MiAtMSAtMTEgLTEwIC00MCAtMTkgLTY1IC0xMCAtMjUgLTE5IC01NiAtMjEgLTcwIC0yIC0xNAotMTYgLTY1IC0zMyAtMTE1IC0xNiAtNDkgLTM3IC0xMTkgLTQ2IC0xNTUgLTEwIC0zNiAtMjQgLTc5IC0zMSAtOTcgLTggLTE3Ci0xNCAtMzcgLTE0IC00NCAwIC0xMiAtMTUgLTYzIC0zMCAtMTA0IC0xNyAtNDMgLTI5IC04MiAtNDAgLTEzMCAtNyAtMjcgLTE1Ci01OSAtMjAgLTcwIC0xMiAtMzAgLTI2IC03NCAtNDAgLTEyNSAtNiAtMjUgLTE2IC01MyAtMjEgLTYyIC01IC0xMCAtOSAtMjkKLTkgLTQyIDAgLTE0IC00IC0yOCAtMTAgLTMxIC01IC0zIC0xMCAtMTcgLTEwIC0zMCAwIC0zNiAtMTYgLTM5IC0zOSAtOCAtNjgKOTIgLTkxIDEyMSAtMTMxIDE2OSAtMjUgMzAgLTY0IDc4IC04OCAxMDYgLTIzIDI5IC01OCA3MiAtNzggOTUgbC0zNSA0MiAzMAo2MyBjMTcgMzQgMzEgNjcgMzEgNzMgMCA2IDIyIDU2IDUwIDExMCAyNyA1NSA1MCAxMDUgNTAgMTEwIDAgNiAyMyA1NiA1MCAxMTIKMjggNTYgNTAgMTA3IDUwIDExMyAwIDcgNyAyNCAxNSAzOCA4IDE1IDIyIDQ3IDMxIDcyIDQ1IDEyNyA2MCAxNjYgNjUgMTc1IDMKNiAxMiAzMyAxOSA2MCA3IDI4IDE3IDU0IDIxIDYwIDUgNSA5IDE5IDkgMzIgMCAxMyA0IDMxIDkgNDEgOSAxNyAxNyA0NSA0NgoxNjcgMjcgMTExIDM2IDE4MSA0MiAzMjAgMyA4MyA5IDEzMyAxNiAxMzcgMTQgOSA0MCA2IDQ4IC01eiBtLTEzNTMxIC0xMjY1CmM1NyAtMTAgMTA2IC0yMyAxNzUgLTQ3IDEwMiAtMzYgMTMxIC00NyAxNzIgLTcwIDI0IC0xNCA0OSAtMjUgNTYgLTI1IDggMCAzOAotMTIgNjcgLTI2IDY1IC0zMSA5MSAtNDIgMTUwIC02MyAzNiAtMTMgNDggLTI0IDY2IC02MSA0NSAtOTEgMTQyIC0zMDYgMTQ5Ci0zMzAgOCAtMjcgMTExIC0yMjcgMTQ4IC0yODggMTIgLTIwIDM0IC01OSA0NyAtODcgMTMgLTI3IDMzIC02MyA0NSAtNzkgMzAKLTQ0IDgxIC0xMzUgMTA2IC0xODggMTIgLTI3IDI1IC00OCAzMCAtNDggNCAwIDEwIC05IDE0IC0xOSAzIC0xMSAyNiAtNDYgNTAKLTc3IDI1IC0zMiA0NSAtNjAgNDUgLTYzIDAgLTExIC03OSAtMzEgLTEyMCAtMzEgLTIzIDAgLTQ5IC00IC01OCAtOSAtOSAtNQotMzcgLTExIC02MiAtMTQgLTYxIC04IC0xMDEgLTE3IC0xMjUgLTI3IC0xMSAtNSAtNDcgLTE2IC04MCAtMjQgLTMzIC04IC03NgotMjAgLTk1IC0yNiAtMzkgLTE0IC02MCAtMjIgLTc1IC0yNiAtNDIgLTEyIC0xODYgLTY4IC0yMjQgLTg4IC0yNSAtMTMgLTcxCi0zNCAtMTAxIC00NyAtMzAgLTEyIC02MiAtMjggLTcwIC0zNSAtOCAtNyAtNDYgLTI3IC04NSAtNDUgLTM4IC0xOCAtNzIgLTM2Ci03MyAtNDEgLTIgLTUgLTI3IC0yMCAtNTUgLTM1IC0yOSAtMTQgLTgwIC00NSAtMTE0IC02OSAtMzQgLTI0IC02OSAtNDQgLTc3Ci00NCAtOSAwIC0yNyAxNyAtNDEgMzggLTI4IDQzIC0xMzYgMTk2IC0xNjEgMjMwIC0xOSAyNSAtMzkgNTcgLTUwIDgyIC00IDgKLTI3IDQ2IC01MSA4MyAtMjMgMzcgLTQzIDcwIC00MyA3MyAwIDMgLTkgMTkgLTIwIDM0IC0xOSAyNyAtNDEgNjYgLTExMiAyMDAKLTE3IDMwIC0zOCA2OSAtNDkgODUgLTEwIDE3IC0yNCA0MSAtMzAgNTUgLTYgMTQgLTYwIDEyNCAtMTIwIDI0NiAtNjAgMTIyCi0xMDkgMjI4IC0xMDkgMjM2IDAgOCAtNCAxOCAtOCAyNCAtNSA1IC0xNyAyOSAtMjYgNTQgLTEwIDI1IC0yMyA1OSAtMzAgNzUKLTggMTcgLTIxIDQ5IC0zMSA3MiBsLTE4IDQzIDc5IDgyIGM0MyA0NiA5OSA5NyAxMjMgMTEzIDI1IDE3IDU0IDM3IDY2IDQ1IDk2CjY3IDE2OSAxMDkgMjIwIDEyNCAzMyAxMCA2OCAyMiA3NyAyNyAxMCA1IDI4IDkgNDAgOSAxMyAwIDMwIDUgMzggMTAgMTggMTIKMjcxIDcgMzUwIC04eiBtMTI3NzQgLTg5NSBjMTEgLTIzIDIwIC00OSAyMSAtNTggMSAtOSAxMSAtMzQgMjIgLTU1IDEyIC0yMQozNSAtNzUgNTMgLTExOSAxNyAtNDQgNDAgLTk4IDQ5IC0xMjAgMTAgLTIyIDI0IC02MCAzMSAtODUgNiAtMjUgMjAgLTYwIDMxCi03OCAxMCAtMTggMTkgLTQyIDE5IC01MiAwIC0xMCA0IC0yMSA5IC0yNCA0IC0zIDExIC0yNCAxNSAtNDYgNyAtNDQgLTYgLTgyCi01NSAtMTU1IC0xNSAtMjIgLTQ2IC03NiAtNzAgLTEyMCAtMjMgLTQ0IC00OSAtOTIgLTU4IC0xMDYgLTM4IC02MiAtODcgLTE0MgotOTYgLTE1NyAtMjIgLTM2IC0xMDcgLTE1OSAtMTQwIC0yMDIgLTIwIC0yNSAtNDggLTY1IC02MyAtOTAgLTE1IC0yNCAtNDYKLTY1IC02OSAtOTEgLTI0IC0yNSAtNDMgLTQ5IC00MyAtNTMgMCAtNCAtMTIgLTE5IC0yNiAtMzQgLTE0IC0xNSAtMzYgLTQzCi00OSAtNjIgLTEzIC0xOSAtNTAgLTYyIC04NCAtOTUgLTM0IC0zMyAtNjEgLTY0IC02MSAtNjkgMCAtMTAgLTE4OCAtMjA4Ci0yMDQgLTIxNSAtMTUgLTYgLTI2IDIyIC0yNiA2NyAwIDI0IC03IDU2IC0xNSA3MSAtOCAxNiAtMTIgMzEgLTkgMzQgNiA2IC0zMAoxMzIgLTY3IDIzNyAtNTAgMTQwIC0xNDggMjk3IC0yMzcgMzgzIC0zMyAzMSAtNjUgNTcgLTcxIDU3IC0yMiAwIC0xMCAzMCAxNwo0NCAxNSA4IDQ1IDM0IDY3IDU4IDIyIDI0IDU2IDU0IDc1IDY4IDE5IDEzIDY5IDU0IDExMCA5MCAxMDEgODggNTMwIDUxNSA1MzAKNTI3IDAgNiAyNiAzNyA1OCA3MCAzMSAzMyA3MyA4MyA5MiAxMTEgMTkgMjkgNDEgNjAgNDggNzAgNyA5IDMxIDQyIDUyIDcyIDIyCjMwIDQ3IDY0IDU2IDc1IDkgMTEgMjIgMzcgMzEgNTggOCAyMCAyMCAzNyAyNyAzNyA2IDAgMjAgLTE5IDMwIC00M3ogbS0xMDY3MQotMTUxMiBjMTM1IC0xMzUgMjQ5IC0yNDUgMjU0IC0yNDUgNSAwIDM5IC0yOSA3NSAtNjUgMzcgLTM2IDcyIC02NSA3OCAtNjUgNgowIDMxIC0yMCA1NyAtNDUgMjUgLTI1IDQ5IC00NSA1NCAtNDUgNyAwIDQwIC0yNyAxMzcgLTExMSAxOSAtMTYgMzggLTI5IDQyCi0yOSA0IDAgMjggLTE2IDUyIC0zNSAyMyAtMTkgNDggLTM5IDUzIC00MyA2IC00IDQ0IC0yOSA4NiAtNTUgNDIgLTI2IDg4IC01OAoxMDEgLTcwIDEzIC0xMiA1OCAtNDIgOTkgLTY2IDQwIC0yNCAxMDQgLTY0IDE0MSAtODggMzcgLTIzIDg2IC01NCAxMTAgLTY3CjgxIC00NCAyMTMgLTExNyAyNzMgLTE1MSAzMyAtMTkgOTkgLTUzIDE0OCAtNzYgNDggLTIzIDg3IC00OCA4NyAtNTUgMCAtNwotMTggLTE0IC00MiAtMTggLTgyIC0xMCAtMTE4IC0xOCAtMTI0IC0yNyAtMyAtNSAtMjAgLTkgLTM5IC05IC0xOSAwIC0zNyAtNAotNDAgLTEwIC0zIC01IC0yMSAtMTAgLTQwIC0xMCAtMTkgMCAtMzYgLTQgLTM5IC05IC0zIC01IC0yMCAtMTEgLTM4IC0xNCAtMTgKLTMgLTUxIC0xMCAtNzMgLTE3IC0yMiAtNiAtNTEgLTE0IC02NSAtMTcgLTE0IC0yIC0zMiAtNyAtNDAgLTEwIC04IC0zIC0xOQotNyAtMjUgLTggLTQwIC0xMCAtMTUyIC00OSAtMTYwIC01NiAtNSAtNSAtMTkgLTkgLTMxIC05IC0xMyAwIC0yNiAtNCAtMjkKLTEwIC0zIC01IC0xNiAtMTAgLTI5IC0xMCAtMTIgMCAtMjYgLTMgLTI5IC02IC0xMSAtMTIgLTEyMSAtNTQgLTEzOSAtNTQgLTEwCjAgLTMyIC05IC01MCAtMjAgLTE4IC0xMSAtMzkgLTIwIC00NiAtMjAgLTEzIDAgLTc0IC0yNSAtMTY3IC03MCAtMzMgLTE1IC03NgotMzQgLTk1IC00MSAtMTkgLTcgLTM5IC0xNiAtNDUgLTIxIC01IC00IC0xNCAtOCAtMjAgLTggLTYgMCAtNTMgLTIyIC0xMDUKLTUwIC01MiAtMjcgLTEwMiAtNTAgLTExMSAtNTAgLTkgMCAtNDcgMjEgLTg1IDQ2IC0zNyAyNSAtODQgNTQgLTEwNCA2NSAtMTkKMTAgLTY5IDQ0IC0xMTAgNzQgLTQxIDMwIC04OCA2MiAtMTA1IDcxIC0xNiA5IC0zNyAyNCAtNDUgMzMgLTggOSAtMzcgMzEgLTY1CjQ5IC0yNyAxNyAtNTcgMzcgLTY1IDQ1IC04IDcgLTI4IDIxIC00NSAzMiAtMTYgMTAgLTM4IDI3IC00OSAzNyAtMTEgMTAgLTIzCjE4IC0yOCAxOCAtNCAwIC00MCAyOCAtODAgNjMgLTQwIDM1IC04OSA3NCAtMTA4IDg3IC0xOSAxMyAtNjkgNTQgLTExMCA5MAotNDEgMzcgLTk1IDgxIC0xMTkgOTkgLTI0IDE3IC01OSA0OSAtNzggNzAgLTE4IDIyIC02NiA2NCAtMTA2IDk1IC05MyA3MQotNDYyIDQ0MyAtNDc2IDQ3OSAtMTAgMjYgLTcgMzIgNDcgODUgMTE2IDExNCAyNDQgMjE2IDM1NiAyODQgNDUgMjcgODggNTMgOTYKNTkgOCA1IDQ0IDIzIDgwIDQwIDM2IDE2IDgxIDM5IDEwMSA0OSAyMCAxMSA0NCAyMCA1MyAyMCA5IDAgMzYgOSA1OCAyMCAyMwoxMSA0OSAyMCA1OCAyMCA4IDAgNDAgOSA3MCAyMCAzMCAxMSA2NCAyMCA3NSAyMCAxMiAwIDI1IDQgMzEgOSA5IDkgMzcgMTMKMTc2IDI5IDM2IDQgNzAgMTAgNzQgMTUgNCA0IDEzIDcgMjAgNyA3IDAgMTIzIC0xMTAgMjU3IC0yNDV6IG05MjEyIC0yOCBjMTEKLTYgMzQgLTIzIDUyIC0zNyAxNyAtMTQgNDMgLTMzIDU3IC00MyAyNSAtMTcgNzMgLTc2IDE0NCAtMTc2IDUwIC03MSAxMjUKLTIyNiAxNTcgLTMyNiAxNiAtNDkgMzYgLTEwNiA0NCAtMTI1IDggLTE5IDE0IC00MiAxMiAtNTAgLTMgLTE4IC0xNjEgLTE4MAotMTc2IC0xODAgLTYgMCAtMzMgLTIzIC02MCAtNTEgLTI4IC0yOCAtNjYgLTYxIC04NSAtNzQgLTM5IC0yNSAtNjkgLTQ5IC0xNDQKLTExNiAtMjggLTI1IC02NCAtNTMgLTc5IC02MyAtMTYgLTkgLTM2IC0yNCAtNDUgLTMyIC04MyAtNzAgLTEwMSAtODQgLTEwOQotODQgLTYgMCAtMTggLTkgLTI4IC0yMCAtMTAgLTExIC0yMiAtMjAgLTI4IC0yMCAtNSAwIC0yNCAtMTIgLTQzIC0yNyAtNjEKLTUxIC05MiAtNzMgLTEwMiAtNzMgLTUgMCAtMTcgLTkgLTI3IC0yMCAtMTAgLTExIC0yMyAtMjAgLTMwIC0yMCAtNiAwIC0yMgotMTEgLTM0IC0yNCAtMTMgLTE0IC0zNiAtMzAgLTUyIC0zNiAtMTYgLTcgLTI5IC0xNSAtMjkgLTE5IDAgLTQgLTE3IC0xNSAtMzcKLTI2IC0yMSAtMTAgLTQ3IC0yNiAtNTggLTM2IC0xMSAtOSAtNTQgLTM2IC05NSAtNTkgLTQxIC0yNCAtNzcgLTQ3IC04MCAtNTEKLTMgLTMgLTIyIC0xNCAtNDMgLTIzIC0yMSAtOCAtNTAgLTI1IC02NSAtMzYgLTQ0IC0zNSAtOTUgLTY1IC0xMzIgLTgwIC0xOQotNyAtNDYgLTIxIC02MCAtMzAgLTE0IC05IC02MiAtMzMgLTEwOCAtNTQgLTYxIC0yOCAtODYgLTM1IC05NSAtMjcgLTggNiAtMjIKMTIgLTMzIDE0IC0xMCAyIC0zMCA4IC00NCAxNCAtMTQgNSAtNTYgMjAgLTk1IDMzIC0zOCAxMiAtNzkgMjYgLTkwIDMxIC0xMSA0Ci0zNiAxMiAtNTUgMTggLTE5IDYgLTYwIDE4IC05MCAyOCAtMzAgOSAtNjMgMTggLTc0IDIwIC0xMCAyIC04NSAyNiAtMTY2IDUzCi04MiAyOCAtMTU3IDUwIC0xNjkgNTAgLTExIDAgLTIzIDUgLTI2IDEwIC0zIDYgLTE1IDEwIC0yNiAxMCAtMTAgMCAtMjcgNAotMzcgOSAtOSA1IC0zNyAxNCAtNjIgMjEgLTI1IDYgLTczIDIwIC0xMDYgMzEgLTM0IDEwIC02OSAxOSAtNzggMTkgLTkgMCAtMjQKNCAtMzQgOSAtOSA1IC0zNyAxNSAtNjIgMjEgLTI1IDcgLTU2IDE2IC03MCAyMCAtMTQgNCAtNDUgMTMgLTcwIDIwIC0yNSA2Ci01OSAxNiAtNzYgMjEgLTE3IDUgLTQyIDkgLTU3IDkgLTE0IDAgLTI4IDQgLTMxIDkgLTMgNSAtMjIgMTIgLTQxIDE1IC0xOSAzCi01MSA5IC03MCAxMiAtMTkgMyAtMzggMTAgLTQxIDE1IC0zIDUgLTE3IDkgLTMyIDkgLTE1IDAgLTM1IDcgLTQ0IDE0IC0xNiAxMgotMTQgMTQgMjAgMjQgMjAgNiA0NiAxMyA1NyAxNiAxMSAyIDQ0IDEzIDczIDI0IDI4IDExIDUyIDE4IDUyIDE2IDAgLTIgMjQgNQo1MyAxNSAyOCAxMCA3MiAyNCA5NyAzMiAyNSA3IDc5IDI4IDEyMiA0NiA0MiAxOCA4MiAzMyA4OCAzMyA3IDAgMjYgNiA0MyAxNAoxOCA3IDUyIDIxIDc3IDMwIDI1IDEwIDYyIDI2IDgyIDM3IDIwIDEwIDQ0IDE5IDUzIDE5IDkgMCA2OSAyNSAxMzIgNTUgNjQgMzAKMTIxIDU1IDEyNyA1NSA2IDAgNTMgMjAgMTA0IDQ1IDUyIDI1IDk3IDQ1IDEwMCA0NSA4IDAgNTAwIDI0OCA2MzQgMzE5IDQ3IDI1Cjk0IDUzIDEwNSA2MiAxMCA5IDM1IDIzIDU1IDMzIDIwIDkgNDAgMjEgNDMgMjYgMyA1IDI3IDE5IDUzIDMyIDI2IDEyIDgwIDQ0CjExOSA3MCA0MCAyNiA5NiA1OSAxMjQgNzQgMjggMTQgNjEgMzUgNzMgNDYgMTEgMTEgMzMgMjYgNDggMzQgMjYgMTQgOTEgNTUKMTEzIDcxIDI0IDE5IDk1IDYzIDEwMSA2MyA1IDAgOTAgNjYgMTA0IDgwIDMgMyAzMCAyMSA2MCA0MCAzMCAxOCA2NCA0MSA3NQo1MSAxMSAxMCAzMyAyNCA0OSAzMyAzMCAxNSA0NCAxMSAxMjEgLTM3eiBtLTY0ODAgLTE2MTYgYzEyNyAtNDEgMTk4IC01OCAyNzAKLTY3IDIyIC0zIDQ5IC05IDYwIC0xNCAxMSAtNSAzOCAtMTEgNjAgLTE0IDIyIC0zIDY3IC0xMCAxMDAgLTE2IDMzIC02IDg3Ci0xMyAxMjAgLTE2IDMzIC0zIDY5IC05IDgwIC0xNCAxMSAtNCAyNyAtMTAgMzYgLTEzIDI1IC04IDM5IC05OSA2MCAtMzc3IDEyCi0xNTUgMjMgLTg0MyAxNCAtODc5IC02IC0yMiAtNyAtMjIgLTI0IC03IC0xMyAxMiAtMzggMTYgLTEwMCAxNiAtNDkgMCAtOTMgNQotMTA5IDE0IC0xNSA4IC04MCAxNiAtMTUyIDIwIC02OCA0IC0xMzMgMTIgLTE0NSAxOCAtMTEgNiAtNTYgMTUgLTEwMCAyMAotMTM0IDE1IC0xNDggMTcgLTE1OSAyOCAtNSA1IC0yOSAxMCAtNTIgMTAgLTI0IDAgLTQ1IDQgLTQ4IDggLTIgNCAtMTkgOSAtMzgKMTAgLTE4IDEgLTU4IDExIC04OCAyMSAtMzAgMTAgLTgyIDI0IC0xMTUgMzEgLTMzIDcgLTY5IDE1IC04MCAyMCAtMjYgOSAtMTQzCjM5IC0xNzUgNDQgLTE0IDIgLTU2IDE2IC05NSAzMSAtOTYgMzcgLTIzNSA4OCAtMzI1IDExOSAtNDEgMTUgLTg3IDMzIC0xMDIKNDEgLTE0IDggLTMyIDE1IC00MCAxNSAtNyAwIC00MCAxMyAtNzMgMjkgLTIwMiA5OCAtMzE3IDE1MSAtMzI2IDE1MSAtNiAwCi01MCAyMCAtOTggNDMgLTE2MSA4MiAtMTUzIDc1IC0xNDEgOTggNiAxMSAxOSAyMyAyNyAyNiA5IDQgNTMgMzEgOTcgNjAgNDUKMjkgMTA4IDY3IDE0MSA4NCAzMyAxNyA3OCA0MSAxMDAgNTQgODMgNDggMzY4IDE4NSAzODMgMTg1IDQgMCAyNyAxMSA1MiAyMwoyNSAxMyA2OCAzMCA5NSAzNyAyOCA3IDU0IDE3IDU5IDIxIDYgNSAxOCA5IDI4IDkgMTAgMCAyNiA0IDM2IDkgOSA1IDUxIDE5CjkyIDMyIDQxIDEyIDgwIDI2IDg1IDMwIDYgMyAyNiA5IDQ1IDEyIDE5IDMgNTMgMTAgNzUgMTcgNjYgMTkgMTE3IDMxIDE3MyA0MAozMCA1IDU3IDExIDYwIDE1IDEzIDEzIDE3MCAtMyAyMzcgLTI0eiBtMjEyMyAtMTUyIGMzNyAtMTEgNzYgLTI0IDg3IC0yOSAxMQotNSAzNiAtMTMgNTUgLTE5IDk1IC0yNiAzNTYgLTExNCAzNjQgLTEyMiA2IC01IDE5IC05IDMxIC05IDEyIDAgMjUgLTQgMzEgLTkKNSAtNiAzNSAtMTcgNjggLTI1IDMyIC05IDYzIC0yMCA3MCAtMjUgMTQgLTExIDEyNSAtNTYgMjAxIC04MSAzMyAtMTEgNjggLTI1Cjc3IC0zMCAxMCAtNiAyNSAtMTAgMzMgLTEwIDggMCAxNSAtNCAxNSAtMTAgMCAtNSA5IC0xMCAyMCAtMTAgMTEgMCA0OSAtMTYKODQgLTM1IDM2IC0xOSA3MCAtMzUgNzYgLTM1IDYgMCA0NCAtMTYgODQgLTM1IDQxIC0xOSA3OSAtMzUgODUgLTM1IDYgMCA1NAotMjIgMTA4IC01MCA1NCAtMjcgMTAxIC01MCAxMDUgLTUwIDQgMCA3MyAtMzEgMTUzIC03MCAxMzUgLTY1IDE3MSAtOTAgMTI3Ci05MCAtMTAgMCAtMjIgLTQgLTI4IC04IC01IC01IC00MyAtMTkgLTg0IC0zMSAtNDEgLTEyIC05NCAtMzEgLTExOCAtNDIgLTIzCi0xMCAtNTEgLTE5IC02MiAtMTkgLTEwIDAgLTIyIC00IC0yNSAtMTAgLTMgLTUgLTE5IC0xMCAtMzYgLTEwIC0xNiAwIC0zOCAtNAotNDkgLTEwIC0xMSAtNSAtMjkgLTE0IC00MCAtMjAgLTExIC01IC0zMSAtMTAgLTQ0IC0xMCAtMTQgMCAtMjggLTQgLTMxIC0xMAotMyAtNSAtMTkgLTEwIC0zNSAtMTAgLTE2IDAgLTMxIC00IC0zNCAtOSAtMyAtNSAtMjYgLTEyIC01MSAtMTUgLTI0IC00IC00NwotMTEgLTUwIC0xNyAtNCAtNSAtMTkgLTkgLTM0IC05IC0xNSAwIC00NyAtNiAtNzIgLTE0IC0yNCAtOCAtNzEgLTE5IC0xMDQKLTI2IC0zMyAtNiAtNzYgLTE2IC05NiAtMjEgLTIwIC01IC01MCAtOSAtNjcgLTkgLTE3IDAgLTM0IC00IC0zNyAtMTAgLTMgLTUKLTIxIC0xMCAtMzkgLTEwIC0xNyAwIC0zNiAtNCAtNDIgLTkgLTUgLTUgLTI5IC0xMSAtNTQgLTE0IC0yNSAtMyAtNzAgLTEwCi0xMDAgLTE2IC0zMCAtNiAtNzkgLTE0IC0xMDggLTE3IC0yOSAtNCAtNTUgLTExIC01OCAtMTUgLTMgLTUgLTMwIC05IC02MCAtOQotMzAgMCAtNjcgLTYgLTgzIC0xNCAtMTggLTEwIC03OSAtMTcgLTE3NyAtMjIgLTkzIC00IC0xNTkgLTEyIC0xNzYgLTIwIC0xNwotOSAtNjEgLTE0IC0xMjIgLTE0IC03MSAwIC05OCAtNCAtMTEwIC0xNSAtMTIgLTEyIC01NCAtMTUgLTI1MCAtMTUgLTIzMSAwCi0yMzYgMCAtMjM2IDIwIDAgMTIgLTYgMzMgLTE0IDQ4IC0xOCAzNiAtMTYgNzcxIDMgODE2IDYgMTYgMTEgNTIgMTAgODEgLTEKMjkgMSA1NyA1IDYzIDYgMTAgMTQgNjEgMzAgMTgxIDIgMTggOCAzNyAxMyA0MiA0IDQgMTEyIDEwIDIzOCAxMyAzMDIgNyA0MzgKMTUgNDUwIDI3IDEzIDEzIDI4IDExIDEwMyAtMTJ6Ii8+CjxwYXRoIGQ9Ik0xMDQ5NSAxMjc2MyBjLTY2IC04IC0xNjIgLTI1IC0xOTAgLTMzIC0xNiAtNSAtNjQgLTE5IC0xMDUgLTMyCi0xMDAgLTI5IC0zMDkgLTEzNSAtMzkxIC0xOTggLTEwNyAtODAgLTIyMSAtMTk4IC0yOTUgLTMwNCAtMzggLTU0IC02OSAtMTAxCi03MCAtMTA1IC00IC0yNyAtNTEgLTEwNCAtMTU4IC0yNTcgLTEyNCAtMTc3IC0xNzUgLTI1OSAtMTY2IC0yNjcgMjMgLTE5CjIwODQgLTE0NDkgMjA5NSAtMTQ1MyA5IC00IDIzIDExIDQyIDQ2IDE1IDI4IDcyIDExNSAxMjYgMTkyIDUzIDc4IDk3IDE0NiA5NwoxNTAgMCA1IDI5IDUxIDY1IDEwMiAzNiA1MiA2OCAxMDIgNzIgMTEyIDUgMTEgMzIgNTQgNjEgOTYgMjggNDIgNTIgODAgNTIgODUKMCA0IDE4IDMyIDM5IDYzIDQxIDU4IDg0IDE1OSAxMDIgMjQwIDYgMjUgMTMgNTQgMTUgNjUgMyAxMSA4IDgxIDExIDE1NSA1CjEzMCAtNiAyNzcgLTI2IDM0NCAtNSAxNyAtMTcgNTQgLTI1IDgxIC04NCAyNzggLTIyNCA0ODcgLTQ0MSA2NTkgLTM4IDMwIC04MQo2MSAtOTUgNjggLTE0IDcgLTQzIDI0IC02NSAzOCAtNzUgNDkgLTIxOSAxMTAgLTI5NiAxMjUgLTEzMCAyNiAtMjA5IDM1IC0zMTQKMzMgLTYwIDAgLTEyMyAtMyAtMTQwIC01eiIvPgo8L2c+Cjwvc3ZnPgo=");
  }

  Pages using this styling

  • scp-6542 [info]

  ¶ 1 occurrence
  

  div.scale {
      --woedbar-class-bar-color: #0c0c0c;
  }

  Pages using this styling

  • scp-6542 [info]

  ¶ 1 occurrence
  

  
  /* WILSON'S DIVS */
  div.wilson-border {border: 1px solid #665731;}
   
  div.wilson-header {color:white; background: #a3c162; padding: 15px; font-size: 150%; font-weight: bold; text-align: center;}
   
  div.wilson-subtitle {color:#665731; background: #c8e293;padding: 5px; text-align: right; font-weight: bold;}
   
  div.wilson-body {color:#665731; background: #d1ed9a; padding: 15px;}

  Pages using this styling

  • scp-654 [info]

  ¶ 1 occurrence
  

  .email-example .collapsible-block-folded a.collapsible-block-link {
      animation: blink 0.8s ease-in-out infinite alternate;
  }
  @keyframes blink {
      0% { color: transparent; }
      50%, 100% { color: #b01; }
  }
  .email {border: solid 2px #000000; width: 88%; padding: 1px 15px; margin: 10px; margin-left: 24px; box-shadow: 0 1px 3px rgba(0,0,0,.5); --nest-level: 0;}
  .email2 {border: solid 2px #000000; width: 77%; padding: 1px 15px; margin: 10px; margin-left: 100px; box-shadow: 0 1px 3px rgba(0,0,0,.5); --nest-level: 1;
  }
  .email-example a.collapsible-block-link {font-weight: bold;}
  .tofrom {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px maroon}

  Pages using this styling

  • scp-6537 [info]

  ¶ 1 occurrence
  

  .addenda-header {
      width: 100%;
      border-bottom: 2px black solid;
      color: black;
  }
  
  .title-style {
      opacity: 0.8;
      margin-bottom: 10px;
      color: #b01;
      font-size: large;
      text-decoration: underline;
      font-weight: bold;
  }
  
  .material-box {
      padding: .01em 16px;
      margin-bottom: 16px;
      margin-top: 16px;
      padding-bottom: 1em;
      border: 1px lightgrey solid;
      box-shadow: 1px 2px 2px 0 rgba(0,0,0,0.16);
  }

  Pages using this styling

  • scp-6537 [info]

  ¶ 1 occurrence
  

  :root {
      --header-title: "SCP Foundation";
      --header-subtitle: "Securing Cassettes in Parcels";
  }
  
  .scp-image-block.block-right { margin: 1em 2em 1em 1em; }
  
  .vdn {
      background: #ffffff;
      background-size: 400px;
      background-position: center;
      background-repeat: no-repeat;
      box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
      width: 84%;
      min-height: 4rem;
      margin-left: auto;
      margin-right: auto;
      padding: 10px 20px 20px 20px;
      word-break: break-word;
  }
  
  .scp-image-block.block-right { margin: 1em 2em 1em 1em; }
  
  #page-title{display:none}
  
  .email-example .collapsible-block-folded a.collapsible-block-link {
      animation: blink 0.8s ease-in-out infinite alternate;
  }
  @keyframes blink {
      0% { color: transparent; }
      50%, 100% { color: #b01; }
  }
  .email {border: solid 2px #653400; background-position: center; width: 88%; padding: 1px 15px; margin: 10px; margin-left: auto; margin-right: auto; box-shadow: 0 1px 3px rgba(0,0,0,.5)}
  .email-example a.collapsible-block-link {font-weight: bold;}
  .tofrom {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px maroon}
  

  Pages using this styling

  • scp-6534 [info]

  ¶ 1 occurrence
  

  /* HEADER */
   :root{
       --header-title: "AD ASTRA PER ASPERA";
       --header-subtitle: "To the Stars Through Hardship";
       --titleColor: hsl(0, 0%, 93%);
       --subtitleColor: hsl(34, 100%, 75%);
       --lgurl: url(https://scp-wiki.wdfiles.com/local--files/component:pride-highlighter/tg_logo_blk.svg);
  
     /* ---- BETTERFOOTNOTES ---- */
       --posX: calc(50% - 358px - 13rem);
       --fnLinger: 1.5s;
       --fnColor: hsl(40, 100%, 62%);
  }
   #header h1 a::before{
       text-shadow: 4px 4px 4px hsla(0, 0%, 0%, .8);
  }
   #header h2::before{
       text-shadow: 3px 3px 3px hsla(0, 0%, 0%, .9);
  }
   #header h1 a::before,
   #header h2::before{
       font-family: "Exo", sans-serif;
  }
   #page-title{
       display: none;
  }
   .meta-title{
       color: hsl(33, 100%, 69%);
       border-color: hsl(34, 100%, 75%);
  }
  
  /* SIDE-BAR */
   #top-bar .open-menu a{
       color: hsl(33, 100%, 69%);
       background: hsl(214, 48%, 12%);
       border-color: hsl(33, 100%, 69%);
  }
  
  /* INFO BAR */
   .info-container{
       --barColour: hsl(353, 52%, 24%);
       --linkColour: hsl(33, 100%, 69%);
  }
  
  /* FLOPS HEADER */
   .itemInfoHeading{
       color: hsl(33, 100%, 69%);
  }
  
  /* COLLAPSIBLE BLINK */
   #page-content .collapsible-block-folded a.collapsible-block-link{
       animation: blink .8s ease-in-out infinite alternate;
  }
   @keyframes blink{
       0%{
          color: transparent;
      }
       50%, 100%{
          color: hsl(33, 100%, 69%);
      }
  }
  
  /* ---- BETTERFOOTNOTES ---- */
   .fnnum{
       font-size: .95em;
  }
   .fncon{
       background: hsl(215, 48%, 20%);
       border-color: hsl(33, 100%, 69%);
  }
   .fncon::before{
       color: black;
  }
   .fnnum:hover + .fncon{
       right: calc(-8vw - 4rem);
  }
  
  
  /* FOOTING */
   .footing,
   .footing::before{
       border-color: hsl(34, 100%, 75%);
  }
  
  /* LICENSEBOX */
   .licensebox .collapsible-block-link{
       animation: none !important;
       color: hsl(40, 100%, 62%);
  }
  
  
  body {
     font-size: .925rem;
  }

  Pages using this styling

  • scp-6533 [info]

  ¶ 1 occurrence
  

  .box {
      position: relative;
      padding: 0.5em;
      margin: 0.5em;
      box-shadow: 2px 1.5px 1px rgba(176,16,0,0.7), 0 0 0px 1px lightgrey;
      overflow-wrap: break-word;
      color: black;
  }
  
  /* Utilizes the "paper" div made by CityToast and found in the Unusual Cargo theme.*/
   
  div.paper {
      background: linear-gradient(rgba(220, 240, 240, 0.3), rgba(240, 240, 220, 0.5)), url("https://scp-wiki.wdfiles.com/local--files/theme:unusual-Cargo/TOAST-PAPER.jpg");
      box-shadow: 4px 6px 8px #a98;
      padding: 1em .5em 1em .5em;
      display: block;
      margin-block-start: 1em;
      margin-block-end: 1em;
      margin-inline-start: 40px;
      margin-inline-end: 40px;
  }
   
  @media (max-width: 478px) {
      div.paper {
      margin-inline-start: 0px;
      margin-inline-end: 0px;
      margin-block-start: 0em;
      margin-block-end: 0em;
      Margin: .5em 0em .5em 0em;
      }
  }

  Pages using this styling

  • scp-6529 [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=East+Sea+Dokdo&display=swap');
  #page-title {
      font-family: 'East Sea Dokdo', cursive;}

  Pages using this styling

  • scp-6529 [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Gloria+Hallelujah&display=swap');
  #page-title {
      font-family: 'Gloria Hallelujah', cursive;}

  Pages using this styling

  • scp-6529 [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Architects+Daughter&display=swap');
  #page-title {
      font-family: 'Architects Daughter', cursive;}

  Pages using this styling

  • scp-6529 [info]

  ¶ 1 occurrence
  

  :root {
    --header-title: "SCP FOUNDATION";
    --header-subtitle: "Site-184: Department of Anomalous Art and Artefacts";
  }

  Pages using this styling

  • scp-6529 [info]

  ¶ 1 occurrence
  

  #page-title {
      display: none;
  }
  
  .email-example .collapsible-block-folded a.collapsible-block-link {
  }
  
  .email {border: solid 2px #000000; width: 88%; padding: 1px 15px; margin: 10px; box-shadow: 0 1px 3px rgba(0,0,0,.5)}
  .email-example a.collapsible-block-link {font-weight: bold;}
  .tofrom {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px maroon}

  Pages using this styling

  • scp-6528 [info]

  ¶ 1 occurrence
  

  :root {
  --problem: 241, 167, 92
  }
  a.collapsible-block-link:not(.licensebox a.collapsible-block-link) {
      font-weight: 600;
      color: #F2F2C2;
      padding-top: 4px;
      padding-bottom: 4px;
      padding-left: 7px;
      padding-right: 9px;
      background: rgb(0, 0, 0);
      border-color: black;
      border-width: 2px;
      margin-top: 10px;
      margin-bottom: 12px;
      line-height: 18px;
  }

  Pages using this styling

  • scp-6519 [info]

  ¶ 1 occurrence
  

  :root {
      --basalt-primary-color: 19, 15, 15;
      --basalt-secondary-color: 35, 30, 30;
      --basalt-tertiary-color: 51, 45, 45;
      --general-border-color: 80, 70, 70;
  
      --only-accent: 60,0,0;
      --hr-color: var(--only-accent);
      --title-border-color: var(--only-accent);
      --scrollbar-thumb-color: var(--only-accent);
      --selection-background-color: var(--only-accent);
      --side-bar-link-background-hover: var(--only-accent);
      --action-area-border-color: var(--only-accent);
      --login-status-link-background-hover: var(--only-accent);
      --top-bar-dropdown-background-hover: var(--only-accent);
      --top-bar-link-background-hover: var(--only-accent);
  }
  
  #header {
      background: linear-gradient( 180deg, rgb(10, 10, 10) 0%, rgb(var(--only-accent)) 100%);
  }
  
  #page-title, .meta-title {
      border-bottom: solid 0.15rem rgba(var(--only-accent), 1);
  }
  
  .owindow.owait .content::after {
      --basalt-undertone: var(--only-accent);
  }
  
  div.warning1 {
       border: 3px solid #3a0000;
       padding: 2em;
       background: #422323;
       margin: 0 auto 3rem;
       width: 32.185em;
       font-size: .7em;
       text-align: justify;
  }
  
  div.warning2 {
        background: #3a0000;
        color: white;
        padding: 1rem;
        text-align: center;
        font-size: 1.5rem;
        font-weight: bold;
  }
  
  div.warning2 p {
       margin: .3em;
  }
  
  .no-turning-back div.collapsible-block-folded {
       text-align: center;
  }
  
  .no-turning-back div.collapsible-block-unfolded-link {
        display: none;
  }
  
  .no-turning-back a.collapsible-block-link {
      cursor: pointer;
      margin: 0;
      display: inline-block;
      text-align: center;
      padding: 2.5ch;
      font-family: var(--UI-font);
      text-decoration: none;
      color: rgb(var(--button-text-color));
      background-color: rgb(var(--button-background-color));
      outline: rgb(var(--button-outline-color)) solid 0;
      transition: all var(--button-hover-transition);
  
      margin-top: 10px;
      margin-bottom: 10px;
  }
  
  .no-turning-back a.collapsible-block-link:hover {
      background-color: rgb(var(--button-hover-background-color));
      border-color: rgb(var(--button-hover-border-color));
      outline-width: 0.25rem;
  }
  
  @media (max-width: 767px) {
       div.warning1 {
           width: 80%;
       }
  }

  Pages using this styling

  • scp-6511 [info]

  ¶ 1 occurrence
  

   :root{
     --lgurl: url(https://scp-wiki.wdfiles.com/local--files/component:pride-highlighter/lgbtqp_logo.svg);
  }
   .footnotes-footer{
       display: none;
  }

  Pages using this styling

  • scp-6509 [info]

  ¶ 1 occurrence
  

  :root {
      --fnColor: rgb(100, 3, 15);
  }

  Pages using this styling

  • scp-6508 [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Spectral:wght@300&display=swap');
  
  :root {
      --document-background-color: 243,223,193;
  }

  Pages using this styling

  • scp-6505 [info]

  ¶ 1 occurrence
  

  
  div.terminal{
      border: 1px solid black;
      border: solid 3px #BBBBBB;
      border-radius: 16px;
      background-color: #131;
  /* black shadow at the top of the terminal */
      background-image:
          radial-gradient(ellipse 1000% 100% at 50% 90%, transparent, #121);
      background-position: center;
      display: block;
  /* shadow around the terminal */
      box-shadow: inset 0 0 10em 1em rgba(0,0,0,0.5);
  /* prevents scanline from forming a scrollwheel */
      overflow:hidden;
  }
  div.terminal blockquote {
      background-color: black;
      border: double 3px #80FF80
  }
  div.scanline{
      margin-top: -40%;
      width: 100%;
      height: 60px;
      position: relative;
      pointer-events: none;
  /* Safari 4.0 - 8.0 */
      -webkit-animation: scan 12s linear 0s infinite; /* You may need to change this. If the bar goes by too quickly, increase 5s. */
      animation: scan 12s linear 0s infinite; /* Same as above */
      background: linear-gradient(to bottom, rgba(56, 112, 82,0), rgba(56, 112, 82,0.1)) !important;
  }
  
  div.text{
      color: rgba(128,255,128,0.8);
      padding: 2em;
      padding-top: 40%;
      font-family: monospace;
      font-size: 1.2em;
      }
  
  /* Safari 4.0 - 8.0 */
  @-webkit-keyframes scan{
      from{ transform: translateY(-10%);}
      to{  transform: translateY(5000%);} /* You may need to change this depending on the length of your terminal. If the scanline stops halfway, increase the second number.*/
  }
  
  @keyframes scan{
      from{ transform: translateY(-10%);}
      to{  transform: translateY(5000%);} /* Same as above.*/
  }
  
  div.text a {
      color: #90EE90;
      text-decoration: none;
      background: transparent;
  }
  div.text a.newpage {
      color: #90EE90;
      text-decoration: none;
      background: transparent;
  }
  div.text a:hover {
      color: #131;
      text-decoration: underline;
      background-color: #80FF80;
      padding: 1px;
  }
  div.text a:hover::before{
  content: "> ";
  }

  Pages using this styling

  • scp-6504 [info]

  ¶ 1 occurrence
  

  .risk-class::before, .disrupt-class::before {
      color: var(--white-monochrome) !important;
      font-family: var(--body-font) !important;
      font-size: 0.6em !important;
  }
  
  .anom-bar-container.cautela .text-part .risk-class::before {
      content: "IV" !important;
  }
  .anom-bar-container.praetorian .text-part .disrupt-class::before {
      content: "IV" !important;
  }

  Pages using this styling

  • scp-6503 [info]

  ¶ 1 occurrence
  

  
  :root {
  /* Typefaces */
          --body-font: 'Verdana', sans-serif;
          --header-font: ivymode, sans-serif;
          --title-font: 'Exo', sans-serif;
          --UI-font: 'Verdana', serif;
          --mono-font: pennsylvania, monospace;
  
  /* Standard Colors */
          --white-monochrome: 220, 220, 220;
          /* white */
  
  /* Rating Module Colors */
          --rating-module-button-color: var(--gray-monochrome);
          --rating-module-button-plus-color: 45, 65, 25;
          --rating-module-button-negative-color: 70, 35, 30;
          --rating-module-button-cancel-color: 50, 45, 50;
          --rating-module-button-credit-color: 50, 45, 50;
          --rating-module-text-color: var(--gray-monochrome);
          --rating-module-text-hover-color: var(--swatch-menutxt-light-color);
  
  }
  
  body {
    font-size: 102%;
  }
  
  a:visited {
    color: #b99650;
    background-color: transparent;
    text-decoration: none;
  }
  
  .collapsible-block-unfolded-link {
      color: #b99650;
  }
  
  .collapsible-block-link {
      color: #b99650;
       font-weight: bold;
       font-size: 125%;;
  }
  
  .collapsible-block-link {
      color: #b99650;
       font-weight: bold;
       font-size: 125%;;
  }
  
  #header h2 span {
          margin-left: calc(var(--header-height-on-desktop) + 0.75rem);
      }
  
  #header h2 span::before {
      content: 'SECURE, CONTINEANT, PROTEGANT';
      color: #F1F1F1;
      text-shadow: 1px 1px 1px rgba(0,0,0,.8);
      padding-inline-start: 30px;
  }
  .raisa_memo {
      background: url( http://scp-wiki.wikidot.com/local--files/scp-6503/hori )  #fff3ad;
     color: black;
      background-size: contain;
      background-position: top center;
      background-repeat: no-repeat;
      font-family: 'Work Sans', sans-serif;
      box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
      width: 90%;
      min-height: 4rem;
      max-height: 100rem;
      margin-left: auto;
      margin-right: auto;
      text-align: center;
      padding: 10px 20px 20px 20px;
      word-break: break-word;
  }
  .raisa_memo>p:nth-child(1)::before {
      content: "NOTICE FROM THE RECORDS AND INFORMATION SECURITY ADMINISTRATION\00000a";
      color: black;
      font-family: 'Work Sans', sans-serif;
      font-weight: 900;
      font-size: 130%;
      text-align: center;
      margin-bottom: 1rem;
      padding-bottom: 0.3rem;
      border-bottom: dotted 0.13rem darkslategrey;
      max-width: 49rem;
      margin-left: auto;
      margin-right: auto;
      display: flex;
      flex-direction: column;
      align-content: stretch;
      align-items: center;
  }
  
  .papernote {
      background-color: #eaeeef;
      color: #21252E !important;
      padding: 0.1rem 0.5rem 0.5rem 0.5rem;
      box-shadow: 1px 1px 3px 2px rgb(0 0 0 / 30%);
      margin: auto;
      width: 100%;
  }
  

  Pages using this styling

  • scp-6503 [info]

  ¶ 1 occurrence
  

  :root {
    --timeScale: 1.5;
    --timeDelay: 1.5s;
    --posX: calc(50% - 358px - 13rem);
    --cutColour: #fafafa;
    --barColour: #590505;
    --fnColor: #cb4450;
    --header-subtitle: "The Department of Spectral Phenomena";
  }
  
  body {
      background-image: none;
  }
  
  
  .info-container .collapsible-block-folded a{
  color: #FFF;}
  .info-container .collapsible-block-unfolded-link a{
  color: #FFF;
  }
  
  #page-title {
      text-align: center;
  }
  
  .coolcol .collapsible-block {
      display: block;
      text-align: center;
      padding: 0.75em;
      background-color: lightgrey;
      border-top: 0.125rem dashed slategrey;
      border-bottom: 0.125rem dashed slategrey;
  }
  
  .coolcol .collapsible-block .collapsible-block-content {
      text-align: left;
  }
  
  .addendum {
      border:solid 2px #999999;
      background:#F5F5F5;
      width:84%;
      padding:1px 15px;
      margin: 10px auto;
  }
  
  div.terminal{
      border: 1px solid black;
      border: solid 3px #BBBBBB;
      border-radius: 16px;
      background-color: #131;
  /* black shadow at the top of the terminal */
      background-image:
          radial-gradient(ellipse 1000% 100% at 50% 90%, transparent, #121);
      background-position: center;
      display: block;
  /* shadow around the terminal */
      box-shadow: inset 0 0 10em 1em rgba(0,0,0,0.5);
  /* prevents scanline from forming a scrollwheel */
      overflow:hidden;
  }
  div.terminal blockquote {
      background-color: black;
      border: double 3px #80FF80
  }
  div.scanline{
      margin-top: -40%;
      width: 100%;
      height: 60px;
      position: relative;
      pointer-events: none;
  /* Safari 4.0 - 8.0 */
      -webkit-animation: scan 12s linear 0s infinite; /* You may need to change this. If the bar goes by too quickly, increase 5s. */
      animation: scan 12s linear 0s infinite; /* Same as above */
      background: linear-gradient(to bottom, rgba(56, 112, 82,0), rgba(56, 112, 82,0.1)) !important;
  }
  
  div.text{
      color: rgba(128,255,128,0.8);
      padding-left: 2em;
      padding-right: 2em;
      padding-top: 40%;
      font-family: monospace;
      font-size: 1.2em;
      }
  
  /* Safari 4.0 - 8.0 */
  @-webkit-keyframes scan{
      from{ transform: translateY(-10%);}
      to{  transform: translateY(5000%);} /* You may need to change this depending on the length of your terminal. If the scanline stops halfway, increase the second number.*/
  }
  
  @keyframes scan{
      from{ transform: translateY(-10%);}
      to{  transform: translateY(5000%);} /* Same as above.*/
  }
  
  div.text a {
      color: #90EE90;
      text-decoration: none;
      background: transparent;
  }
  
  div.text a.newpage {
      color: #90EE90;
      text-decoration: none;
      background: transparent;
  }
  
  div.text a:hover {
      color: #131;
      text-decoration: underline;
      background-color: #80FF80;
      padding: 1px;
  }
  
  div.text a:hover::before{
  content: "> ";
  }
  
  #page-content .rate-box-with-credit-button {
      box-shadow: none;
      border: solid 2px #ccc;
  }
  
  #page-content h1 {
      border-bottom: solid 1px #ccc;
      margin: 0 0 0.6em;
  }
  
   
  div#extra-div-1 {
      height: 160px;
      width: 100%;
      top: 0;
      position: absolute;
      background: url('https://scp-wiki.wikidot.com/local--files/theme:paperstack/lgtrans.png');
      filter: opacity(70%);
      background-size: contain;
      background-repeat: no-repeat;
      background-position: 50% 50%;
      z-index: -1;
  }
  
  #main-content .page-tags a {
      line-height: 0.94rem;
      background-color: none;
      margin: initial;
      padding: 0.17rem;
      box-shadow: none;
  }
  #main-content .page-tags a:before {
      content: "";
  }
  

  Pages using this styling

  • scp-6501 [info]

  ¶ 1 occurrence
  

  #main-content .page-tags a {
    font-size: 0.88em !important;
    filter: opacity(0.5);
  }
  
  #main-content .page-tags a:hover {
    font-size: 1em !important;
    filter: opacity(1);
  }

  Pages using this styling

  • scp-6500 [info]

  ¶ 1 occurrence
  

  .note{
    color:#000;
    letter-spacing:.02em;
    float:center;
    padding:25px 35px 35px 35px!important;
    box-shadow:0 1px 3px#0003;
    width:74%;
  }
  table.wiki-content-table td{padding:12px}
  
  .Fblockquote,Fblockquote{
    font-weight:bold;
  
    color:#000;
    font-size:16pt;
    padding:.5em;
    border:solid .5em#000;
    border-image:repeating-linear-gradient(-45deg,#000,#000 20px,#ffb101 20px,#ffb101 40px)10;
  }
  
  .blockquote, blockquote{
    font-family:verdana,arial,helvetica,sans-serif;
    font-style:italic;
    font-weight:bold;
    color:#000;
    font-size:18pt;
    padding:1em;
    border:solid .5em#000;
    border-image:repeating-linear-gradient(-45deg,#000,#000 20px,#ffb101 20px,#ffb101 40px)10;
    animation:pulse 2s infinite;
    -webkit-animation:pulse 2s infinite;
  }
  @keyframes pulse{
    0% {background:#fff}
    50% {background:#fcc}
    100% {background:#fff}
  }
  @-webkit-keyframes pulse{
    0% {background:#fff}
    50% {background:#fcc}
    100% {background:#fff}
  }
  
  /* LICENSEBOX FIX */
  .licensebox blockquote{animation:none;-webkit-animation:none;background:#f4f4f4;border:dashed 1px#999;color:#333;font-family:unset;font-size:unset;font-style:normal;font-weight:normal;padding:0 1em}

  Pages using this styling

  • scp-6499 [info]

  ¶ 1 occurrence
  

  div.blockquote.report {border:solid 1px #999999; background:#e2f4ff}
  div.blockquote.s128 {border:3px double #0087bd}

  Pages using this styling

  • scp-6495 [info]

  ¶ 1 occurrence
  

  :root {
   --timeDelay: 0.5s;
   --problem: 255, 109, 0
  
  a.collapsible-block-link:not(.licensebox a.collapsible-block-link) {
      font-weight: 600;
      color: white;
      padding-top: 4px;
      padding-bottom: 4px;
      padding-left: 7px;
      padding-right: 9px;
      background: rgb(20, 20, 20);
      border-radius: 6px;
      margin-top: 10px;
      margin-bottom: 10px;
  }

  Pages using this styling

  • scp-6495 [info]

  ¶ 1 occurrence
  

  @keyframes fadein {
    from {opacity:0.05;}
    to {opacity: 1;}
  }
  
  .invisshenanigans{
    opacity: 0.05;
    transition: opacity 2s
  }
  
  .invisshenanigans:hover {
    opacity: 1;
    /*animation-name: fadein;*/
    /*animation-duration: 2s;*/
  }

  Pages using this styling

  • scp-6491 [info]

  ¶ 1 occurrence
  

  #page-content .info-container {
      --link-color: rgb(var(--swatch-text-general));
  }
  
  #page-content .info-container .translation_block {
      display: none;
  }
  
  #page-content .info-container .collapsible-block-link,
  #page-content .info-container:hover .collapsible-block-link {
      line-height: 1.6em;
  }
  
  #page-content .info-container .collapsible-block-folded,
  #page-content .info-container .collapsible-block-unfolded-link {
      display: grid;
  }
  
  #page-content .info-container .collapsible-block-folded .collapsible-block-link,
  #page-content .info-container .collapsible-block-link {
      -webkit-mask: unset;
              mask: unset;
      background: transparent;
      grid-column: 1;
      grid-row: 1;
      opacity: 0;
  }
  
  #page-content .info-container .collapsible-block-folded::before,
  #page-content .info-container .collapsible-block-unfolded-link::before {
      --wght: 800;
      content: "Elenee FishTruck";
      color: #FFFFFF;
      font-family: Inter, Arimo, Verdana, Geneva, "Helvetica Neue", "Helvetica", Arial, sans-serif;;
      display: block;
      pointer-events: none;
      grid-column: 1;
      grid-row: 1;
      line-height: 2.75ex;
  }

  Pages using this styling

  • scp-6489 [info]

  ¶ 1 occurrence
  

  
  /*
  EPISODE-SPECIFIC STYLING
  */
  
  @import url('https://fonts.googleapis.com/css2?family=Kanit&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@600&display=swap');
  
  #page-content .anom-bar-container.cyber-amida .text-part .disrupt-class::before {
  content: "E" !important;
  }
  
  #page-content .chat {
  background: #081011;
  margin: 1.5rem auto;
  padding: 0.5rem 1.5rem;
  max-width: 45rem;
  word-break: break-word;
  border: solid 0.35rem rgba(var(--admo-color-alt), 0.3);
  border-radius: 0.8rem;
  color: rgba(var(--four-color), 1.75);
  font-size: 1rem;
  font-family: var(--mono-font);
  }
  
  #page-content .chat > .chat {
  font-weight: normal;
  font-family: var(--body-font);
  color: #C4C4C4;
  background: #000909;
  padding: 2rem;
  }
  
  @keyframes rotation {
  from {
  transform: rotate(0deg);
  }
  to {
  transform: rotate(359deg);
  }
  }
  
  #page-content .vbox::after {
  display: block;
  content: "";
  margin: 1rem auto;
  background: url(http://scptestwiki.wikidot.com/local--files/sigma:admonition-redesign-6488/admo-6488-vjds.png) center no-repeat;
  background-size: contain;
  width: 100px;
  height: 100px;
  margin-right: 1rem;
  }
  
  #page-content .vjds {
  font-family: var(--mono-font);
  max-width: 22rem;
  margin-left: auto;
  padding: 0.6rem 2rem;
  background: linear-gradient(130deg, rgb(0, 33, 40) 0%, rgba(0, 33, 40, 0.4) 80%);
  color: rgb(var(--four-color));
  font-weight: 600;
  border-radius: 8px;
  }
  
  #page-content .rbox::after {
  display: block;
  margin: 1rem auto;
  content: "» R. VEISS";
  text-align: left;
  font-family: var(--mono-font);
  font-style: bold;
  font-size: 1.2em;
  color: #ddd;
  margin-left: 1rem;
  }
  
  #page-content .veiss {
  font-family: var(--mono-font);
  max-width: 19rem;
  padding: 0.6rem 2rem;
  background: linear-gradient(130deg, rgb(34, 34, 34) 0%, rgba(34, 34, 34, 0.4) 80%);
  border-radius: 8px;
  }
  
  #page-content .jbox::after {
  display: block;
  content: "";
  margin: 1rem auto;
  background: url(http://scptestwiki.wikidot.com/local--files/sigma:admonition-redesign-6488/admo-6488-jldo.png) center no-repeat;
  background-size: contain;
  width: 100px;
  height: 100px;
  margin-left: 1rem;
  }
  
  #page-content .jldo {
  font-family: 'Space Grotesk', var(--body-font);
  font-size: 1.2rem;
  max-width: 31rem;
  margin-right: auto;
  padding: 0.6rem 2rem;
  background: linear-gradient(130deg, rgb(0, 17, 34) 0%, rgba(0, 17, 34, 0.4) 80%);
  color: #9be;
  font-weight: 600;
  border-radius: 8px;
  }
  
  #page-content .ebox::after {
  display: block;
  content: "";
  margin: 1rem auto;
  background: url(http://scptestwiki.wikidot.com/local--files/sigma:admonition-redesign-6488/admo-6488-elng.png) center no-repeat;
  background-size: contain;
  width: 100px;
  height: 100px;
  margin-left: 1rem;
  }
  
  #page-content .elng {
  font-family: 'Kanit', var(--body-font);
  font-size: 1.3rem;
  max-width: 17rem;
  margin-right: auto;
  padding: 0.6rem 2rem;
  background: linear-gradient(130deg, rgb(68, 0, 0) 0%, rgba(68, 0, 0, 0.4) 80%);
  color: #faa;
  border-radius: 8px;
  }
  
  #page-content .kbox::after {
  display: block;
  margin: 1rem auto;
  content: "» V. KELVIN";
  font-family: var(--mono-font);
  font-weight: 600;
  font-size: 1.2em;
  color: #429530;
  margin-left: 1rem;
  }
  
  #page-content .kelvin {
  font-family: var(--mono-font);
  max-width: 21rem;
  padding: 0.6rem 2rem;
  background: linear-gradient(130deg, rgb(17, 34, 17) 0%, rgba(17, 34, 17, 0.4) 80%);
  border-radius: 8px;
  }
  
  #page-content .lotus {
  background-color: rgb(var(--admo-color-dim));
  background-image: url("https://scp-wiki.wdfiles.com/local--files/scp-6488/pixels.gif");
  background-attachment: fixed;
  background-size: 15%;
  background-repeat: round;
  background-blend-mode: darken;
  border: none;
  box-shadow: inset 0rem -2rem 10rem 8rem rgba(var(--admo-color-dark))
  }
  
  #page-content div.notation {
  background-color: rgba(var(--basalt-secondary-color), 0.6);
  }
  
  #page-content .lotus .st {
  text-decoration: none;
  }
  
  #page-content .lotus p:has(.st) {
  text-align: center;
  }
  
  @media only screen and (max-width: 768px) {
     #page-content .chat {
        padding: 0.5rem 0px;
        font-size: 0.88rem;
     }
  
     #page-content .chat > p {
        margin: 0.5rem;
     }
  
     #page-content :is(.vjds, .veiss, .jldo, .elng, .kelvin) {
        margin-left: unset;
        margin-right: unset;
     }
  
     #page-content .lotus {
        background-size: 33%;
        box-shadow: inset 0rem -2rem 10rem 2rem rgba(var(--admo-color-dark));
     }
  }
  
  .diss, .diss::selection {
  color: transparent;
  }

  Pages using this styling

  • scp-6488 [info]

  ¶ 1 occurrence
  

  :root {
    --header-title: "SCP Foundation";
    --header-subtitle: "SECURED, CONTAINED, PROTECTED";
   --gray-monochrome: 35, 35, 35;
  --blacki-monochrome: 245, 245, 245;
   --accentColor: 160, 44, 44;
  }
  
  div.scp-image-block {
      border: solid 0.5rem rgb(var(--gray-monochrome));
      border-bottom: solid 0rem rgb(var(--gray-monochrome));
      box-shadow: 0rem 0.26rem 0rem 0rem rgb(var(--accentColor));
      box-sizing: border-box;
  }
   
  div.scp-image-block .scp-image-caption {
      background-color: rgb(var(--gray-monochrome));
      border: solid 0.25rem rgb(var(--gray-monochrome));
      color: rgb(var(--blacki-monochrome));
      font-size: 0.84rem;
      box-shadow: unset;
  }
  

  Pages using this styling

  • scp-6487 [info]

  ¶ 1 occurrence
  

  /* anendlessusername's invaluable correction of the ACS octagon! */
  #page-content .quadrants > div {
   top: 2.25%;
   left: 18.5%;
  }

  Pages using this styling

  • scp-6484 [info]

  ¶ 1 occurrence
  

  :root {
   --timeDelay: 0.5s;
   --problem: 255, 109, 0
  }
  a.collapsible-block-link:not(.licensebox a.collapsible-block-link) {
      font-weight: 600;
      color: white;
      padding-top: 4px;
      padding-bottom: 4px;
      padding-left: 7px;
      padding-right: 9px;
      background: rgb(20, 20, 20);
      border-radius: 6px;
      margin-top: 10px;
      margin-bottom: 12px;
  }

  Pages using this styling

  • scp-6484 [info]

  ¶ 1 occurrence
  

  /* HEADER */
   :root{
     --lgurl: url(https://scp-wiki.wdfiles.com/local--files/component:pride-highlighter/tg_logo.svg);
  }
  
   #page-title{
       display: none;
  }
  
  /* INFO BAR */
   #u-author_block{
       display: none;
  }
  
  /* DIV BLOCKS */
   .report-box td{
       background: hsl(60, 65%, 85%);
       border-color: hsl(210, 15%, 42%);
  }
  
  /* FORMATTING */
   tt{
       font-size: 110%;
  }
  
   .imagediv{
       float: right;
       width: 15.625rem;
       margin: 0 0 1rem 2rem;
  }
  
   .imagediv img{
       border: 1px solid hsl(0, 0%, 5%);
  }
  
   @media (max-width: 540px){
       .imagediv{
            float: none;
            margin: auto;
      }
  }
  
   .imagediv th{
       font-size: 95%;
       text-align: center;
       text-underline-offset: 30%;
  }

  Pages using this styling

  • scp-6481 [info]

  ¶ 1 occurrence
  

  
  div.discompact
  {
  max-width: 85%; float: center; background-color: #323338;
  color: white; font-family: Arial "sans-serif"; font-size: normal;
  border: thick #1e1f23; padding: 1em; margin: 1em auto 1em auto
  }
  div.discompact span.user1{font-weight:bold;color:#66CC00}
  div.discompact span.user2{font-weight:bold;color:#FF33FF}
  div.discompact span.user3{font-weight:bold;color:#FF9966}
  div.discompact span.user4{font-weight:bold;color:#C6ECC6}
  div.discompact span.user5{font-weight:bold;color:#6699FF}
  div.discompact span.user6{font-weight:bold;color:#A3A11F}
  div.discompact span.mention {color:#6e8adc; background-color: #3C414E}
  
  .email-example .collapsible-block-folded a.collapsible-block-link {
      animation: blink 0.8s ease-in-out infinite alternate;
  }
  @keyframes blink {
      0% { color: transparent; }
      50%, 100% { color: #b01; }
  }
  .email {border: solid 2px #000000; width: 88%; padding: 1px 15px; margin: 10px; box-shadow: 0 1px 3px rgba(0,0,0,.5)}
  .email-example a.collapsible-block-link {font-weight: bold;}
  .tofrom {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px maroon}
  

  Pages using this styling

  • scp-6476 [info]

  ¶ 1 occurrence
  

  .email-example .collapsible-block-folded a.collapsible-block-link {
      animation: blink 0.8s ease-in-out infinite alternate;
  }
  @keyframes blink {
      0% { color: transparent; }
      50%, 100% { color: #895125; }
  }
  .email {border: solid 2px #000000; width: 88%; padding: 1px 15px; margin: 10px; box-shadow: 0 1px 3px rgba(0,0,0,.5); background-color: #fffde7;}
  .email-example a.collapsible-block-link {font-weight: bold;}
  .tofrom {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px #304529}

  Pages using this styling

  • scp-6475 [info]

  ¶ 1 occurrence
  

  #header {
      background-image: url('https://scp-wiki.wdfiles.com/local--files/theme%3Acrayon/scribble-logo.png');
  }
  
  .raisa-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%);
  }

  Pages using this styling

  • scp-6472 [info]

  ¶ 1 occurrence
  

  :root {
      --top-layer-height-offset: -0.85rem;
  }
  
  div#header-extra-div-1 {
      height: 12.75em;
      width: 100%;
      top: .5em;
      left: 0;
      position: absolute;
      background: url(http://scp-wiki.wdfiles.com/local--files/theme%3Apaperstack/lgtrans.png);
      background-size: contain;
      background-repeat: no-repeat;
      background-position: calc(var(--sp_area-comp-margin) + 2.25rem) 50%;
      z-index: -1;
      pointer-events: none;
  }
  #side-bar {
      background-color: var(--paper-background-color);
      box-shadow: 0 0 .5rem var(--paper-shadow-color);
  }
  @media (max-width: 720px) {
      div#header-extra-div-1 { background-position: center; }
  }
  
  .header-container-ex {
      padding-top: 0;
  }

  Pages using this styling

  • scp-6463 [info]

  ¶ 1 occurrence
  

  :root {
    --logo: url(https://scp-wiki.wdfiles.com/local--files/secure-facility-dossier-site-58/58logo.png);
    --title: "SITE-58:";
    --subtitle: "BRIDGING THE GAPS BETWEEN US";
  }

  Pages using this styling

  • scp-6459 [info]

  ¶ 1 occurrence
  

  :root {
  --logo: url(https://scp-wiki.wdfiles.com/local--files/secure-facility-dossier-site-58/58logo.png);
  --title: "SITE-58:";la
  --subtitle: "BRIDGING THE GAPS BETWEEN US";
  }
  .email-example .collapsible-block-folded a.collapsible-block-link {
      animation: blink 0.8s ease-in-out infinite alternate;
  }
  @keyframes blink {
      0% { color: transparent; }
      50%, 100% { color: #b01; }
  }
  .email {border: solid 2px #000000; width: 88%; padding: 1px 15px; margin: 10px; box-shadow: 0 1px 3px rgba(0,0,0,.5)}
  .email-example a.collapsible-block-link {font-weight: bold;}
  .tofrom {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px maroon}

  Pages using this styling

  • scp-6458 [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Water+Brush&display=swap');
  
  .end {
       font-family: 'Water Brush', cursive;
       text-align: center;
       font-size: 200%;
       font-weight: bold;
  }

  Pages using this styling

  • scp-6456 [info]

  ¶ 1 occurrence
  

  .bump div,
  .noospherics div {
      margin-top: -1em !important;
  }
  
  .noospherics {
      border: .0625rem solid rgba(var(--swatch-border-color),.15);
      border-left: .25rem solid rgb(var(--rating-module-bottom-border-color));
      margin: 1em 0;
      padding: 1em;
  }
  
  .anom-bar-container {
      margin-bottom: 1.5em;
  }

  Pages using this styling

  • scp-6455 [info]

  ¶ 1 occurrence
  

   :root{
     --header-title: "CRYPTOZOOLOGY DIVISION";
     --header-subtitle: "Site-400";
   --lgurl: url(http://scp-sandbox-3.wdfiles.com/local--files/ozzylizard-2/CryptozoologyDivision2.png);
  }
  .footnotes-footer {
      visibility: hidden;
      height: 0;
      padding: 0;
      margin: 0;
  }

  Pages using this styling

  • scp-6450 [info]

  ¶ 1 occurrence
  

   .top-left-box > .item{
       display: inline;
  }
  
  /* CONTENT */
   .lightweight{ /* ---- Lightweight Quote Block ---- */
       padding: 1em;
       background-color: hsl(0, 0%, 90%);
  }
   .darkness{
       padding: 1em;
       color: hsl(3, 63%, 55%);
       background-color: hsla(0, 0%, 5%);
       border: 3px dotted hsl(3, 63%, 55%);
  }
   .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%);
  }

  Pages using this styling

  • scp-6447 [info]

  ¶ 1 occurrence
  

  :root {
      --timeScale: 1.35;
      --timeDelay: 1.25s;
  }

  Pages using this styling

  • scp-6442 [info]

  ¶ 1 occurrence
  

  
  /* Code borrowed from Lt. Flops, originally used for SCP-4058 */
  
  .smaller-g hr{
  width: 45%;
  margin: auto;
  background-color: #e6e6e6;
  border: none;
  height: 2px;
  }
   
  .adden{
  font-size: 1.3em;
  }

  Pages using this styling

  • scp-6422 [info]

  ¶ 1 occurrence
  

  :root {
  --lgurl: url('https://scp-wiki.wdfiles.com/local--files/theme:calibri-logos/SCP%20GOC');
  }
  .report {
      display: block;
      width: 84%;
      margin: 0.625rem auto;
      padding: 0.3125rem 0.9375rem;
      border: dashed 0.0625rem rgb(var(--very-light-gray-monochrome));
      background: url('https://scp-wiki.wdfiles.com/local--files/theme%3Ai57/scp-logo-i57.png') center center no-repeat;
  }
  .smallmodal {
      padding: 15px 15px 15px 15px;
      box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
      width: 84%;
      margin: auto;
      background: rgb(253, 253, 253);
      border: solid 2px #5D5D5D;
  }
  .papernote {
      background-color: #eaeeef;
      color: #21252E !important;
      padding: 0.1rem 0.5rem 0.5rem 0.5rem;
      box-shadow: 1px 1px 3px 2px rgb(0 0 0 / 30%);
      margin: auto;
      width: 84%;
  }

  Pages using this styling

  • scp-6421 [info]

  ¶ 1 occurrence
  

  .email-example .collapsible-block-folded a.collapsible-block-link {
      animation: blink 0.8s ease-in-out infinite alternate;
  }
  @keyframes blink {
      0% { color: transparent; }
      50%, 100% { color: hsl(120, 100%, 25%); }
  }
  .email {border: solid 2px #000000; width: 88%; padding: 1px 15px; margin: 10px; box-shadow: 0 1px 3px rgba(0,0,0,.5)}
  .email-example a.collapsible-block-link {font-weight: bold;}
  .tofrom {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px green}
  
  :root{
    --header-title: "SCP FOUNDATION";
    --header-subtitle: "Site-78 Archive";
    --lgurl: url(https://scp-wiki.wikidot.com/local--files/scp-6419/scp-reintegration-sigil-alt.webp);
  }

  Pages using this styling

  • scp-6419 [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Exo+2:wght@300&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Oxanium:wght@200&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Lexend+Zetta:wght@200&display=swap');
  :root {
      --header-title: "";
      --header-subtitle: "";
      --timeScale: 2;
      --timeDelay: 0.5s;
      --accentColor: 255, 211, 0;
  --body-font: 'Exo 2';
  --title-font: 'Oxanium';
  --header-font: 'Lexend Zetta';
  --lgurl: url(http://scp-sandbox-3.wikidot.com/local--files/collab:jchmielewska-and-boogeyman23/293_logo_Wide) !important;
  }
  
  #header::before {
      opacity: initial;
      background-size: 37em;
      background-position-y: 1.3em;
  }
  

  Pages using this styling

  • scp-6414 [info]

  ¶ 1 occurrence
  

  :root{
    --header-title: "S\0026 C PLASTICS";
    --header-subtitle: "SITE-87, NARRATIVE AND NEXOLOGICAL STUDIES";
  }
  
  div#extra-div-1 {
      background-image: url(https://scp-wiki.wikidot.com/local--files/scp-6406/Big87.png);
      filter: opacity(20%);
  }
  :root {
      --timeDelay: 0.5s;
  }

  Pages using this styling

  • scp-6406 [info]

  ¶ 1 occurrence
  

  :root {
    --header-title: "SCP Foundation";
    --header-subtitle: "SECURED - CONTAINTED - PROTECTED";
  }

  Pages using this styling

  • scp-6397 [info]

  ¶ 1 occurrence
  

  #page-content .collapsible-block-folded,
  #page-content .collapsible-block-unfolded-link {
      margin: 0;
      background: transparent;
  }

  Pages using this styling

  • scp-6395 [info]

  ¶ 1 occurrence
  

  :root{
  --accentColor: 160, 44, 44;
  --dark-gray-monochrome: 42, 36, 44;
  --black-monochrome: 26, 21, 20;
  }

  Pages using this styling

  • scp-6395 [info]

  ¶ 1 occurrence
  

     body {
      --barColour: #3C6478
  }

  Pages using this styling

  • scp-6392 [info]

  ¶ 1 occurrence
  

  .center {
    margin: auto;
    width: 60%;
    padding: 10px;
  }
  

  Pages using this styling

  • scp-6385 [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Coustard&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Raleway:wght@900&display=swap');
  

  Pages using this styling

  • scp-6385 [info]

  ¶ 1 occurrence
  

  .colmod-block > ul,
  .colmod-block > ul > li {
      font-weight: 600;
      color: black;
      padding-top: 4px;
      padding-bottom: 4px;
      padding-left: 7px;
      padding-right: 9px;
      background: rgb(255, 255, 255);
      border-radius: 6px;
      margin-top: 10px;
      margin-bottom: 12px;
  }

  Pages using this styling

  • scp-6382 [info]

  ¶ 1 occurrence
  

  .fae {
      font-weight: bold;
      color: green;
      --wght: 800;
      --mono-wght: calc(var(--wght) - 50);
  }

  Pages using this styling

  • scp-6380 [info]

  ¶ 1 occurrence
  

  #page-content > .collapsible-block {
       background-color: #2626265e;
  }

  Pages using this styling

  • scp-638 [info]

  ¶ 1 occurrence
  

  
  body {
  font-family: Verdana, Inter, sans-serif;
  color: black;
  }
  
  #header h1 a, #page-title {
  font-family: BauhausLTDemi, Verdana, sans-serif;
  }
  
  #page-title {
  text-align: center;
  }
  
  #top-bar .open-menu a {
  border-radius: 0px;
  border-color: #000;
  color: #000;
  }
  
  .page-rate-widget-box {
  margin-right: unset;
  }
  
  table.wiki-content-table th {
  border: 1px solid #888;
  padding: 0.9em 0.9em;
  color: white;
  background-color: #000;
  font-family: 'Arial', sans-serif;
  font-weight: 700 !important;
  }
  
  ::selection {
  background-color: #000;
  color: white;
  }
  
  hr {
  background-color: black;
  }
  
  @media (max-width: 767px) {
  span, a {
  word-break: break-word;
  }
  }
  
  @media (min-width: 768px) {
  #main-content {
  max-width: 450px;
  }
  }
  
  #page-content a.collapsible-block-link:not(.licensebox a.collapsible-block-link, .info-container a.collapsible-block-link) {
     font-weight: 600;
     color: white;
     padding-top: 4px;
     padding-bottom: 4px;
     padding-left: 7px;
     padding-right: 9px;
     background: black;
     border-radius: 6px;
     margin-top: 10px;
     margin-bottom: 12px;
  }
  
  .blockquote {
  background: black !important;
  color: white;
  }
  
  span.blink {
      animation: blink 0.8s ease-in-out infinite alternate;
  }
  
  @keyframes blink {
      0% { opacity: 0%; }
      50%, 100% { opacity: 100%; }
  }
  

  Pages using this styling

  • scp-6371 [info]

  ¶ 1 occurrence
  

  
  .info-container .collapsible-block-folded a{
  color: #FFF;}
  .info-container .collapsible-block-unfolded-link a{
  color: #FFF;
  }
  
  #page-content .license-box .collapsible-block {
  
      display: unset;
      text-align: unset;
      padding: unset;
      background-color: unset;
      border-top: unset;
      border-bottom: unset;
  }
  
  
  #page-content .license-box .collapsible-block .collapsible-block-content {
      text-align: unset;
  }
  
  blockquote,
  div.blockquote {
      border: 0.125rem solid #d4d4d4;
      background-color: #F5F5F5;
  }
  
  .interview{
      border:solid 2px #d4d4d4;
      text-align: left;
      background:#F5F5F5;
      width:90%;
      padding:1px 15px;
      margin: 10px auto;
  }
  #page-title{display:none}
  

  Pages using this styling

  • scp-6370 [info]

  ¶ 1 occurrence
  

  :root {
      --one-color: 39, 119, 145;
      --two-color: 9, 111, 145;
      --three-color: 23, 136, 173;
      --four-color: 11, 91, 117;
      --five-color: 10, 131, 171;
  }

  Pages using this styling

  • scp-6368 [info]

  ¶ 1 occurrence
  

  /*-- ACS Lite Animation Compatibility Patch --*/
  .anom-bar > .bottom-box::before { display: none; }
  .anom-bar > .bottom-box { box-shadow: none!important; }
  div.diamond-part { clip-path: none; animation: none; box-shadow: none!important; }
  @media (max-width: 480px) {
  div.top-right-box { clip-path: polygon(0% -30%, 100% -30%, 100% 130%, 0% 130%); }

  Pages using this styling

  • scp-6360 [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Nothing+You+Could+Do&display=swap');
  
  div.info-container > div.collapsible-block {
      padding: 0 !important;
      margin: 0 !important;
      box-shadow: none !important;
  }
  
  
  .type3 {
      display: block;
      overflow: hidden;
      font-family: 'Nothing You Could Do', cursive;
      font-style: normal;
      font-size: 150%;
  
      background-attachment: scroll;
      background: linear-gradient(rgba(230, 225, 250, 0.3), rgba(230, 225, 250, 0.3)), url(http://scp-wiki.wdfiles.com/local--files/scp-5862/paperbackground.jpg);
      background-clip: border-box;
      background-color: rgb(219, 199, 171);
      background-origin: padding-box;
      background-repeat: repeat;
      background-size: 100%;
  
      border: 1px solid #CCC;
      border-radius: 10px;
      padding: 10px 10px;
      margin-bottom: 10px;
  
      box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2)
      }
  .type3 p,
  .type3 ul {
      line-height: 25px;
      margin: 0;
  }

  Pages using this styling

  • scp-6360 [info]

  ¶ 1 occurrence
  

  div#container-wrap {
      background-image: url(http://scp-wiki.wikidot.com/local--files/grigori-karpin-s-author-page/backgroundVK-1);
  }
  :root {
      --logo-image: url("https://scp-wiki.wikidot.com/local--files/grigori-karpin-s-author-page/VKlogo-pride-Small");
      --header-title: "  Vikander-Kneed";
      --header-subtitle: "   Technical Media";
      --accentColor: 15, 15, 15 !important;
  }
  
  /* Adjust Mobile Image Size */
  @media (max-width: 479px) {
  #header {
      background-size: 100px 100px;
      background-position: 1em;
  }
  }
  

  Pages using this styling

  • scp-6358 [info]

  ¶ 1 occurrence
  

  .page {
      display: block;
      overflow: hidden;
      font-family: "Monotype Corsiva", "Bradley Hand ITC", sans-serif;
      font-style: normal;
      color: black;
  
      background-attachment: scroll;
      background-clip: border-box;
      background-color: transparent;
      background-image: linear-gradient(to top ,rgb(202, 219, 228) 0%, rgb(231, 233, 220) 8%);
      background-origin: padding-box;
      background-position: 0px 8px;
      background-repeat: repeat;
      background-size: 100% 20px;
  
      border: 1px solid #CCC;
      border-radius: 10px;
      padding: 10px 10px;
      margin-bottom: 10px;
  
      box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2)
      }
  .page p,
  .page ul {
      line-height: 20px;
      margin: 0;
  }

  Pages using this styling

  • scp-6357 [info]

  ¶ 1 occurrence
  

  :root {
      --logo-image: url("https://scp-wiki.wikidot.com/local--files/scp-6351/pan_logo.png");
  }
  
  .footnotes-footer {
  display:none;
  }

  Pages using this styling

  • scp-6351 [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Nothing+You+Could+Do&display=swap');
  
  div.esther p {
      font: 16pt "Nothing You Could Do";
  }

  Pages using this styling

  • scp-6350 [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css?family=Tangerine');
  
  div.paper p {
      font: 200% "Tangerine", cursive;
  }

  Pages using this styling

  • scp-6350 [info]

  ¶ 1 occurrence
  

  div.paper {
      background: linear-gradient(rgba(220, 240, 240, 0.3), rgba(240, 240, 220, 0.5)), url("https://scp-wiki.wdfiles.com/local--files/theme:unusual-Cargo/TOAST-PAPER.jpg");
      box-shadow: 4px 6px 8px #a98;
      padding: 1em .5em 1em .5em;
      display: block;
      margin-block-start: 1em;
      margin-block-end: 1em;
      margin-inline-start: 40px;
      margin-inline-end: 40px;
  }
   
  @media (max-width: 478px) {
      div.paper {
      margin-inline-start: 0px;
      margin-inline-end: 0px;
      margin-block-start: 0em;
      margin-block-end: 0em;
      Margin: .5em 0em .5em 0em;
      }
  }

  Pages using this styling

  • scp-6350 [info]

  ¶ 1 occurrence
  

   :root{
     --header-title: "SCP FOUNDATION";
     --header-subtitle: "Site-400";
     --lgurl: url(https://scp-wiki.wdfiles.com/local--files/theme:calibri-logos/SCP%20Fifthism);
  }

  Pages using this styling

  • scp-6349 [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Fira+Code:wght@300..700&display=swap');
  .storybook {
       font-family:Philosopher;
       background-image: url(http://scp-wiki.wikidot.com/local--files/scp-8166/paper-min%5B1%5D.png);
       padding:15px;
       font-size: 105%;
       border: 2px solid #000000;
  }
  .manila {
       font-family:Satisfy;
       border: 2px dotted #fffbea;
       background: #fffbea;
       padding:15px;
       font-size: 110%;
       box-shadow: 0 1px 3px rgba(0,0,0,.2)
  }
  
  .twopanel {
      display: flex;
      flex-flow: row wrap;
      justify-content: space-between;
  }
  .bit {
      flex-basis: 48%;
  }
  
  @media only screen and (max-width: 768px) {
      .twopanel {flex-direction: row-reverse;}
      .bit {flex-basis: 100%;}
  }
  
  .picturebook {
    border: 2px solid #000000;
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
  
  .comptext{
  font-family: "Fira Code", monospace;
  }

  Pages using this styling

  • scp-6342 [info]

  ¶ 1 occurrence
  

  .email-example .collapsible-block-folded a.collapsible-block-link {
      animation: blink 0.8s ease-in-out infinite alternate;
  }
  @keyframes blink {
      0% { color: transparent; }
      50%, 100% { color: hsl(0, 100%, 32%); }
  }
  .email {border: solid 2px #000000; width: 88%; padding: 1px 15px; margin: 10px; box-shadow: 0 1px 3px rgba(0,0,0,.5)}
  .email-example a.collapsible-block-link {font-weight: bold;}
  .tofrom {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px purple}

  Pages using this styling

  • scp-6339 [info]

  ¶ 1 occurrence
  

  /* == COMMON == */
  
   :root {
      --lgurl: url(https://scp-wiki.wdfiles.com/local--files/welcome-to-delta-t/Delta-t-transparent.png);
  
      --header-title: "TEMPORAL SITE-01";
      --header-subtitle: "SUSTAINING CHRONOLOGICAL PREDICTABILITY";
  }
  
  /* == SITE BANNER == */
  
   #extra-div-1 {
      filter: opacity(.15);
  }
  
  /* == BLACKLIGHT BOX == */
  
   .modal {
      width: calc(100% - 3rem);
      padding: 0 .75rem;
      margin: 1.5rem .5rem .5rem;
  
      color: var(--textColorMid);
      background: var(--fgColor);
      border: thick solid var(--accentColorLite);
  }
  
   .blbf-main > div {
      border-width: thick;
  
      hyphens: none;
  }
  
   .blbf-main > div::before {
      font-family: var(--header-font);
  }
  
   @media (max-width: 767px) {
       .blbf-main > div {
      	padding-top: 0;
      }
  }
  
  /* == DIV BLOCKS == */
  
   div.blockquote.simple {
      width: fit-content;
      margin: 1rem auto;
  
      box-shadow: none;
  }
  
  /* == TABLES == */
  
   .tableb.log .wiki-content-table tr th:is(:nth-child(1), :nth-child(3)) {
      font: bold 1.35rem var(--header-font);
      font-variant: all-small-caps;
      letter-spacing: .05em;
  }
  
   .faketable {
      position: relative;
      bottom: 1rem;
      margin: .4rem;
  
      color: var(--textColorMid);
      background: var(--fgColor);
      outline: thin solid var(--accentColor);
  }
  
  /* == MISC == */
   .scp-header {
      font-size: x-large;
  }
  
   .icon-tint {
      filter:
      	invert(.3)
      	sepia(.5)
      	saturate(800%)
      	hue-rotate(var(--tint))
      	opacity(.8);
  }

  Pages using this styling

  • scp-6327 [info]

  ¶ 1 occurrence
  

  div#header {
      background-image: url('https://scp-wiki.wdfiles.com/local--files/scp-6318/106.png');

  Pages using this styling

  • scp-6318 [info]

  ¶ 1 occurrence
  

   div#container-wrap{
       background-image: url('https://scp-wiki.wdfiles.com/local--files/scp-6318/bg3.png');
       background-repeat: repeat-x;
  }
  a.collapsible-block-link:not(.licensebox a.collapsible-block-link) {
      font-weight: 600;
      color: white;
      padding-top: 4px;
      padding-bottom: 4px;
      padding-left: 7px;
      padding-right: 9px;
      background: rgb(20, 20, 20);
      border-radius: 6px;
      margin-top: 10px;
      margin-bottom: 10px;
  }

  Pages using this styling

  • scp-6318 [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css?family=Cinzel');
  @import url('https://fonts.googleapis.com/css?family=Anton');
  @import url('https://fonts.googleapis.com/css?family=Pinyon+Script');
  :root {
      --link-color: 127, 0, 255;
      --visited-link-color: 127, 0, 255;
  }
  #page-title { display: none; }
  .twopanel {
      display: flex;
      flex-flow: row wrap;
      justify-content: space-between;
  }
  .bit {
      flex-basis: 48%;
  }
  
  @media only screen and (max-width: 768px) {
      .twopanel {flex-direction: row-reverse;}
      .bit {flex-basis: 100%;}
  }
  

  Pages using this styling

  • scp-6317 [info]

  ¶ 1 occurrence
  

  .blockquote {
      border: 1px dashed #999;
      background-color: #f4f4f4;
      padding: 0 1em;
      margin: 1em 3em;
  }

  Pages using this styling

  • scp-6315 [info]

  ¶ 1 occurrence
  

  .hover {
    color: blue;
    text-decoration: underline;
  }
  .hover .hover-text {
     position: absolute;
     display: none;
     margin: 20px 0px;
     height: auto;
     width: auto;
     background:white;
     border: 1px solid black;
     color: black;
     padding: 0.5em;
  }
  
  .hover:hover {
    text-decoration: none;
    border-bottom: none;
    color: #004c00;
  }
  .hover:hover .hover-text {
    display: inline;
  }

  Pages using this styling

  • scp-6315 [info]

  ¶ 1 occurrence
  

  :root {
  --header-title: "SCP: North Star";
  --header-subtitle: "Chapter 1 - Humans and Horrors";
  --lgurl: url('http://scp-wiki.wikidot.com/local--files/scp-6303/Omega7-splash.png');
  }

  Pages using this styling

  • scp-6303 [info]

  ¶ 1 occurrence
  

  
  #extra-div-1 {
  background: linear-gradient( 180deg, rgb(10, 10, 10) 0%, var(--accentColor)100%);
  box-shadow: 0px 0px 8px 4px rgb(0 0 0);
  }
  
  :root {
      --logo: url(http://scp-sandbox-3.wdfiles.com/local--files/is-dodo-cool-yet/O5-Out.png);
      --title: "DIVINATION DEPT.";
      --subtitle: "EYES OPEN ☄|🜝 HANDS READY";
      --accentColor: hsl(0,88.7%,38.2%);
      --fnColor: #e80e0e;
      --four-color: 194, 85, 0 !important;
  }
  
  :root {
      /* REDMODE */
      --basalt-UI-dark-palette: 50, 45, 45;
      --basalt-bright-element-color: 215, 40, 40;
      --basalt-primary-color: 15, 10, 12;
      --basalt-secondary-color: 40, 20, 23;
      --basalt-tertiary-color: 50, 40, 40;
      --general-border-color: 80, 70, 70;
  }
  
  .custom2 .wiki-content-table {
      width: 100%;
  }
  
  #page-content tr th {
      text-align: center;
  }
  
  .custom2 tr td {
      padding: 10px !important;
  }
  
  .table3 {
      --accentColor: rgb(173, 150, 42);
  }
  
  .fnnum::after {
      color: #e80e0e !important;
  }
   
  .fnnum:hover::after {
      color: white !important;
  }
   
  .fncon {
      background: rgb(25, 25, 25) !important;
      color: #EDEDED;
      border: 0.15rem solid rgb(20, 20, 20);
      border-radius: 2px;
      font-size: 90%;
  }
  

  Pages using this styling

  • scp-6297 [info]

  ¶ 1 occurrence
  

  #header {
    background-image: url(https://scp-wiki.wikidot.com/local--files/secure-facility-dossier-site-78/Site-78.png);

  Pages using this styling

  • scp-6294 [info]

  ¶ 1 occurrence
  

  .test {
    width: 85%;
    margin: auto;
    margin-bottom: 1.2rem;
    padding: 1.2em 1.2em 1em 1.2em;
    border: 2px solid black;
    background: #d1d1d1;
  }
  
  .email {border: solid 2px #000000; width: 88%; padding: 1px 15px; margin: auto; box-shadow: 0 1px 3px rgba(0,0,0,.5)}
  .email-example a.collapsible-block-link {font-weight: bold;}
  .tofrom {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px maroon}

  Pages using this styling

  • scp-6280 [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Lexend:wght@270&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Courier+Prime&display=swap');
  @import url('https://scp-wiki.wdfiles.com/local--files/scp-6279/stylesheet.css');
  
  #page-title {
     display: none;
  }
  
  h1 {
      margin-bottom: -0.4em;
  }
  
  :root {
    --body-font: 'Lexend', sans-serif;
    --mono-font: 'Ra Mono', monospace;
  
    --accentColor: 48, 199, 6;
    --darkColor: 7, 26, 7;
  }
  
  .console {
      padding: 10px;
      margin-bottom: 10px;
      background-color: #071a07;
      color: #30c706;
  }
  
  .regular {
      font-family: 'IBM Plex Mono', monospace;
      border: 3px solid #30c706;
      border-top: none;
  }
  
  .script {
      font-family: 'Courier Prime', monospace;
      padding: 5px;
      border: 1px solid #30c706;
      border-top: none;
  }
  
  .dialogue {
      padding-left: 10%;
      padding-right: 10%;
  }
  
  .draft {
      font-family: 'IBM Plex Mono', monospace;
      padding-right: 20%;
      margin-bottom: 10px;
  }

  Pages using this styling

  • scp-6279 [info]

  ¶ 1 occurrence
  

  ::marker {
      font-weight: bold;
  }
  
  .custom img {
      background-color: #eee;
  }
  
  :root {
      --logo: url(https://scp-wiki.wikidot.com/local--files/scp-6276/uIR3aYK.webp);
      --title: "SCP FOUNDATION";
      --subtitle: "SURREALSTICS DEPT.";
  }
  
  #header h1 a::before {
      filter: invert(1);
  }
  
  .custom2 img {
      filter: invert(1);
      background-color: #eee;
  }
  
  @media (max-width: 768px) {
      .small {
          font-size: 6px !important;
      }
  }
  
  .dblock {background-color: transparent !important; color: transparent; transition: color 6s;}
  .dblock:hover {color: #ccc; transition: color 6s;}

  Pages using this styling

  • scp-6276 [info]

  ¶ 1 occurrence
  

  :root {
    --accentColor: #FF3C3C;
  }

  Pages using this styling

  • scp-6274 [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Gravitas+One&display=swap');
  
  :root {
      --basalt-bright-element-color: 148, 93, 139;
      --basalt-dark-element-color: 107, 69, 101;
      --basalt-secondary-color: 18, 18, 18;
      --general-border-color: 50, 50, 50;
      --three-color: 107, 69, 101;
      --subtitle: "Department of Surrealistics";
  }
  .gravitas-one-regular {
    font-family: "Gravitas One", serif;
    font-weight: 400;
    font-style: normal;
  }
  
  body {
    font-size: 0.97em;
    background: #000000
  }
  
  
  h2 {
    text-align: center;
  
  }
  
  h3 {
    color: rgb(186, 128, 176);
    text-align: center;
  }
  
  h4 {
    text-align: center;
    color: #e36b99;
  
  }
  
  
  h5 {
    text-align: center;
  
  }
  
  .soft-bg{
    width: 100%;
    margin: auto;
    background: rgba(0, 0, 0, 0.3);
    border-radius: 15px;
  }
  
  div:is.scp-image-block {
      border-bottom-color: rgba(224, 182, 43, 0.75);
  }
  
  
  #page-content div.modal {
      max-width: 100%;
  }
  
  
  #page-content div.notation {
      max-width: 100%;
  }
  
  #page-content div.jotting {
      max-width: 75%;
  }
  
  div.notation {
      border-left: solid 0.25rem rgb(80, 57, 110);
      border-right: solid 0.25rem rgb(80, 57, 110);
  }
  
  div.jotting {
      border-color: rgb(80, 57, 110);
      max-width: 85%;
  
  }
  
  :is(#page-content table:not(.form), table.wiki-content-table) th {
      font-family: var(--body-font);
      padding: 0.45em 0.7em;
      background-color: rgb(77, 61, 99);
      border-color: rgb(77, 61, 99);
      color: rgb(200, 200, 200);
      letter-spacing: 0.033rem;
      text-align: center;
  }
  
  #page-content .collapsible-block-folded, #page-content .collapsible-block-unfolded-link {
      text-align: center;
      font-size: 1em;
      color: #b1dee3;
      text-decoration: underline;
  }
  
  #page-content .collapsible-block-link {
      color: #b1dee3;
      text-align: center;
      text-decoration: underline;
  }
  
  
  div[class$="_memo"] {
      background-color: rgba(var(--basalt-secondary-color), 1);
      border: 1px solid #990000;
  }
  
  .numbers {
     display: grid;
     grid-template-columns: auto auto;
     grid-template-areas:
        'digit summary';
     justify content: center;
     margin: auto;
     padding: 0 0 0 0;
     width: 95%;
  }
  
  .digit {
       font-size: 4em;
       padding-left: 18px;
       padding-right: 18px;
       font-family: "Gravitas One", serif;
       line-height: 0em;
       padding: 0 0 0 0;
       align-self: center;
       margin: 0 0 0 0;
  }
  
  .summary {
       padding-left: 18px;
       padding-right: 18px;
       align-self: center;
       font-size: 1.03em;
  }
  

  Pages using this styling

  • scp-627 [info]

  ¶ 1 occurrence
  

  
  :root {
  
  --header-title: "ACQUISITIONS";
  
  --admo-backdrop: url(http://scptestwiki.wikidot.com/local--files/sigma:admonition-redesign-6269/mcmachine-bg.webp);
  
  --admo-color-bright: 40, 160, 200;
  --admo-color-dim: 5, 14, 26;
  --admo-color-dark: 0, 3, 11;
  --admo-color-alt: 49, 135, 163;
  
  --general-border-color: 30, 36, 50;
  --basalt-tertiary-color: 10, 26, 44;
  --darkdocument-background-color: 4, 14, 18;
  
  --side-bar-link-color-hover: var(--basalt-light-text-color);
  --top-bar-dropdown-link-color-hover: var(--basalt-light-text-color);
  --login-status-text-color-hover: var(--basalt-light-text-color);
  --selection-text-color: var(--basalt-light-text-color);
  
  --two-color: var(--admo-color-bright) !important;
  --four-color: 194, 85, 0 !important;
  
  }
  
  div.overwatch_memo {
  --memo-heading: "NOTICE FROM THE DEPARTMENT OF ACQUISITIONS";
  }
  

  Pages using this styling

  • scp-6269-j [info]

  ¶ 1 occurrence
  

  
  :root {
  
  --header-title: "ACQUISITIONS";
  
  --admo-backdrop: url(http://scptestwiki.wikidot.com/local--files/sigma:admonition-redesign-6269/mcmachine-bg.webp);
  
  --admo-color-bright: 40, 160, 200;
  --admo-color-dim: 5, 14, 26;
  --admo-color-dark: 0, 3, 11;
  --admo-color-alt: 49, 135, 163;
  
  --general-border-color: 30, 36, 50;
  --basalt-tertiary-color: 10, 26, 44;
  --darkdocument-background-color: 4, 14, 18;
  
  --side-bar-link-color-hover: var(--basalt-light-text-color);
  --top-bar-dropdown-link-color-hover: var(--basalt-light-text-color);
  --login-status-text-color-hover: var(--basalt-light-text-color);
  --selection-text-color: var(--basalt-light-text-color);
  
  --two-color: var(--admo-color-bright) !important;
  --four-color: 194, 85, 0 !important;
  
  }
  

  Pages using this styling

  • scp-6269 [info]

  ¶ 1 occurrence
  

  :root {
      --header-title: "SCP-FOUNDATION";
      --header-subtitle: "DEPARTMENT OF ENHANCED CONTAINMENT OPERATIONS";
  }

  Pages using this styling

  • scp-6268 [info]

  ¶ 1 occurrence
  

  div.scale {
      /* Class Bar Color */
      --woedbar-class-bar-color: #3f3f3f;
  }

  Pages using this styling

  • scp-6266 [info]

  ¶ 1 occurrence
  

  #page-title {display: none;}
  
  .footnotes-footer { 
      display: none;
  }
  
  @keyframes blink {
      0% { color: transparent; }
      50%, 100% { color: #b01; }
  }
  
  .email-example .collapsible-block-folded a.collapsible-block-link {
      animation: blink 0.8s ease-in-out infinite alternate;
  }
  .email {border: solid 2px #000000; width: 88%; padding: 1px 15px; margin: 10px}
  .email-example a.collapsible-block-link {font-weight: bold;}
  .tofrom {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px black}

  Pages using this styling

  • scp-6264 [info]

  ¶ 1 occurrence
  

  div#header {
      background-image: url('https://scp-wiki.wikidot.com/local--files/scp-6261/106.webp');

  Pages using this styling

  • scp-6261 [info]

  ¶ 1 occurrence
  

   div#container-wrap{
       background-image: url('https://scp-wiki.wikidot.com/local--files/scp-6261/bg3.webp');
       background-repeat: repeat-x;
  }

  Pages using this styling

  • scp-6261 [info]

  ¶ 1 occurrence
  

  :root {
      --timeScale: 0.8;
      --timeDelay: 0.2s;
  }

  Pages using this styling

  • scp-6236 [info]

  ¶ 1 occurrence
  

  :root {
  --header-title: "SCP FOUNDATION";
  --header-subtitle: "Site-400";
  }
  .danke{
  padding: 5px 5px 5px 15px;
  margin: auto;
  margin-top:1em;
  margin-bottom:1em;
  width: auto;
  font-family: monospace;
  font-size: 1em;
  }
  .blue{
  background-color:#000022;
  border: 3px solid #5555AA;
  color: #0076fd;
  }

  Pages using this styling

  • scp-6232 [info]

  ¶ 1 occurrence
  

  .letter {
      color: black;
      font-family: 'Indie Flower', cursive;
      border: 1px black;
      background-image: url("    http://scpdsandbox.wikidot.com/local--files/colestyle/LETTERDIV.jpg");
      padding: 1em;
      font-size: 150%;
      border-radius: 30px;
  }

  Pages using this styling

  • scp-6231 [info]

  ¶ 1 occurrence
  

  
  #page-title {
  text-align: center;
  }
  
  #page-title::after {
  content: "by Liryn";
  font-size: 50%;
  color: #888;
  }
  
  div.blockquote {
  border-color: transparent;
  padding: 1rem 2rem;
  margin: 3rem auto;
  }
  
  div.blockquote.a {
  background-color: #e6d2a3;
  }
  
  div.blockquote.b {
  background-color: #e3e3e9;
  }
  

  Pages using this styling

  • scp-6230 [info]

  ¶ 1 occurrence
  

  :root{
  --five-color: 111, 125, 136;
  --four-color: 111, 125, 136;
  --three-color:111, 125, 136;
  --two-color: 111, 125, 136;
  --one-color: 111, 125, 136;
  }

  Pages using this styling

  • scp-6225 [info]

  ¶ 1 occurrence
  

  :root{
      --white-monochrome: 248, 248, 248;
      --pale-gray-monochrome: 215, 215, 215;
      --very-light-gray-monochrome: 216, 216, 216;
      --accentColor: 111, 125, 136;
  }

  Pages using this styling

  • scp-6225 [info]

  ¶ 1 occurrence
  

  :root{
       --header-title: "OUTPOST-384";
       --header-subtitle: "DEPARTMENT OF MISICHTHYES";
       --subtitleColor: white;
       --lgurl: url(http://scpdsandbox.wdfiles.com/local--files/collab%3Afish-prison-ext-logs/FISHCPCP.png);
  }
  
  /* COMMON */
   #page-title{
       display: none;
  }
   .meta-title{
       color: hsl(214, 86%, 48%);
  }
   a,
   a:visited,
   #side-bar a:visited{
       color: hsl(216, 86%, 55%);
  }
  
  /* GLOBAL WIDTH */
   div#container-wrap{
       background: url(http://scpdsandbox.wdfiles.com/local--files/collab%3Afish-prison-ext-logs/6222extlogheader.png) top repeat-x;
  }
  
  /* HEADER */
   #login-status,
   #login-status a{
       color: hsl(0, 0%, 95%);
  }
   #account-topbutton{
       border: solid 1px hsl(0, 0%, 95%);
  }
  
  /* TOP MENU */
   #top-bar a,
   #top-bar ul li ul a,
   #top-bar .open-menu a,
   #top-bar a:hover,
   #top-bar ul li.sfhover a,
   #top-bar ul li:hover a{
       color: hsl(216, 86%, 55%);
  }
   #top-bar .open-menu a{
       border-color: hsla(0, 0%, 50%, .5);
  }
  
  /* SIDE MENU */
   .side-block .menu-item > .image{
       filter: hue-rotate(216deg) brightness(155%);
  }
  
  /* PAGE RATING */
   .page-rate-widget-box .rate-points{
       background-color: hsl(221, 33%, 48%) !important;
       border: solid 1px hsl(221, 33%, 48%);
  }
   .page-rate-widget-box .rateup,
   .page-rate-widget-box .ratedown{
       background-color: hsl(244, 100%, 97%);
       border-color: hsl(221, 33%, 48%);
  }
   .page-rate-widget-box .cancel{
       background-color: hsl(221, 33%, 48%);
       border: solid 1px hsl(221, 33%, 48%);
  }
   .page-rate-widget-box .rateup a,
   .page-rate-widget-box .ratedown a{
       color: hsl(221, 33%, 48%);
  }
   .page-rate-widget-box .cancel a{
       color: hsl(222, 20%, 68%);
  }
   .page-rate-widget-box .rateup a:hover,
   .page-rate-widget-box .ratedown a:hover{
       background: hsl(221, 33%, 48%);
  }
   .page-rate-widget-box .cancel a:hover{
       background: hsl(221, 33%, 48%);
  }

  Pages using this styling

  • scp-6222-collab [info]

  ¶ 1 occurrence
  

  :root {
    --header-title: "Entomology";
    --header-subtitle: "Odd is To Be Expected";
    --accent: 10, 10, 10;
    --logo-img: url("http://scp-sandbox-3.wdfiles.com/local--files/collab%3Adepartment-of-entomology/ento%20logo%20test.png");
  }

  Pages using this styling

  • scp-6220 [info]

  ¶ 1 occurrence
  

  :root {
  --header-title: "SCP FOUNDATION";
  --header-subtitle: "Secrecy, Concealment, Preservation";
  --lgurl: url('crudelogo.jpg');
  }

  Pages using this styling

  • scp-6219 [info]

  ¶ 1 occurrence
  

  :root {
      --fnColor: grey;
  }

  Pages using this styling

  • scp-6219 [info]

  ¶ 1 occurrence
  

  
  :root {
  
      --logo: url(https://scp-wiki.wikidot.com/local--files/scp-6218/RetconLogo.png);
      --basalt-overtone: #ffffff;
      --basalt-bright-element-color: 255, 255, 255;
      --basalt-dark-element-color: 160, 160, 160;
      --basalt-main-text-color: 255, 255, 255;
      --basalt-alternate-color: 200, 200, 200
      --general-border-color: 0, 255, 0;
  
  }
  
  body {
  color: #bdbdbd;
  }
  
  a {
  color: #fff;
  }
  
  a:visited {
  color: #eee;
  }
  
  table.wiki-content-table{
  margin:0;
  width:100%;
  }
  
  .licensebox a {
  text-decoration: underline;
  }
  
  .email {
  border: solid 2px #000000;
  background-color: #1e1e1e;
  color: bdbdbd;
  width: 80%;
  padding: 1px 15px;
  margin: 26px auto 0;
  box-shadow: 0 1px 3px rgba(0,0,0,.5);
  }
  
  .tofrom a {
  color: #bdbdbd;
  }
  
  .tofrom {
  margin-left: 10px;
  margin-top: 5px;
  margin-right: 10px;
  padding: 1px 15px 0px 15px;
  border-left: solid 3px #d8d8d8;
  }
  
  .sent {
  float: right;
  display: inline-block;
  text-align: right;
  font-size: 10px;
  margin-right: 28px;
  margin-bottom: 5px
  margin-top: 5px
  }
  
  
  
  .darkdocument {
      background: #1e1e1e;
      box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
      margin: 26px auto 0;
      max-width: 550px;
      min-height: 300px;
      padding: 24px;
      padding-top: 20px;
      position: relative;
      width: 80%;
      color: #bdbdbd;
  }
  
  .reportdate {
  float: right;
  display: inline-block;
  width: 250px;
  text-align: center;
  border: solid 1px #bdbdbd;
  margin-left: 28px;
  }
  
  .reportdate-2 {
  float: right;
  display: inline-block;
  width: 350px;
  text-align: center;
  border: solid 1px #bdbdbd;
  }
  

  Pages using this styling

  • scp-6218 [info]

  ¶ 1 occurrence
  

  :root {
  --five-color: 0,0,0;
  --four-color: 95,95,95;
  --three-color: 159,159,159;
  --two-color: 200,200,200;
  --one-color: 240,240,240;
  }

  Pages using this styling

  • scp-6217 (2) [info]

  ¶ 1 occurrence
  

  :root {
   --header-title: "DEPARTMENT OF SCIENCES";
   --header-subtitle: "STUDY - CLASSIFY - PROCESS";
   --lgurl: url('https://scp-wiki.wikidot.com/local--files/scp-6217/Ar6AfDt.webp');
  }

  Pages using this styling

  • scp-6217 [info]

  ¶ 1 occurrence
  

  .footnotes-footer {
  display:none;
  }
  
  div.paper {
      background: linear-gradient(rgba(220, 240, 240, 0.3), rgba(240, 240, 220, 0.5)), url("https://scp-wiki.wdfiles.com/local--files/theme:unusual-Cargo/TOAST-PAPER.jpg");
      padding: 1em .5em 1em .5em;
      display: block;
      margin-block-start: 1em;
      margin-block-end: 1em;
      margin-inline-start: 40px;
      margin-inline-end: 40px;
  }

  Pages using this styling

  • scp-6202 [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Newsreader&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Roboto+Mono&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Sriracha&display=swap');
  .page {
      display: block;
      overflow: hidden;
      font-family: "Open Sans", "Shadows Into Light", sans-serif;
      font-style: normal;
  
      background-attachment: scroll;
      background-clip: border-box;
      background-color: transparent;
      background-image: linear-gradient(to top, rgb(202, 219, 228) 0%, rgb(231, 233, 220) 8%);
      background-origin: padding-box;
      background-position: 0px 8px;
      background-repeat: repeat;
      background-size: 100% 20px;
  
      border: 1px solid #CCC;
      border-radius: 10px;
      padding: 10px 10px;
      margin-bottom: 10px;
  
      box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2)
      }
  .log {
  font-family: "Roboto Mono", monospace;
  margin: 10px auto;
  background: #f5f5f5;
  width: 75%;
  padding: 15px; 
  border: dashed 1px #d9d9d9;
  }
  .paper {
      border:solid 1px #e5ddb7; 
      background:#fffdf0; 
      padding:20px; 
      margin-bottom: 10px; 
      text-align: left; 
      font-family: sans-serif;
      font-size: 0.80em;
  }
  .news {
      border:solid 1px #e5ddb7; 
      background:#fbebd3; 
      padding:20px; 
      margin-bottom: 5px; 
      float:left; width: 45; 
      text-align: left; 
      font-family: 'Newsreader', serif;
      font-size: 0.80em;
  }
  
  .page p,
  .page ul {
      line-height: 20px;
      margin: 0;
  }
  
  
  .Arch {
    border: 5px outset black;
    background-color: white;
  }

  Pages using this styling

  • scp-6201 [info]

  ¶ 1 occurrence
  

  
  #u-blink-bar p:last-child::after {
      content: "";
      border-right: 1px solid #e4e4e4;
      animation: blink 1.5s infinite;
      position: relative;
      left: 1px;
  }
   
  @keyframes blink{
      to {
          opacity: .0;
      }

  Pages using this styling

  • scp-6200 [info]

  ¶ 1 occurrence
  

  :root {
      --title: "CALCARULER";
      --subtitle: "BOW BEFORE IT";
  }

  Pages using this styling

  • scp-6199 [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=EB+Garamond&display=swap');
  
  #page-title {
      display: none;
  }
  
  .definition {
      font-family: 'EB Garamond', serif;
      text-align: center;
      font-size: 140%;
  }
  
  .definition h1 {
      color: black;
      font-family: 'EB Garamond', serif;
  }
  
  :root {
    --accentColor: #B00F0F;
  }
  
  .footnotes-footer {
      display: none;
  }

  Pages using this styling

  • scp-6196 [info]

  ¶ 1 occurrence
  

  
   :root{
     --header-title: "Department of Spectral Affairs";
     --header-subtitle: "Office of Spectral Entity Diplomacy";
     --misc-txt-color: #FFFFFF;
     --header-txt-color: #E5E5E5;
       --darkmode-gradient-top: #5D79FF;
       --darkmode-gradient-bottom: #000823;
       --accent: 69,85,163;
       --link-txt-color: #FFC30B;
     --logo-img: url(https://scp-wiki.wdfiles.com/local--files/welcome-to-spectral-affairs/new_spectral_affairs_logo.png)
  
  }
  
  }

  Pages using this styling

  • scp-6187 [info]

  ¶ 1 occurrence
  

  .top-left-box > .item {
    display: inline;
  }
   #page-title{
       display: none;
  }

  Pages using this styling

  • scp-6186 [info]

  ¶ 1 occurrence
  

  .document {
      background: white url('http://scpdsandbox.wdfiles.com/local--files/darkartist-s-hub-for-drafts-or-whatever/sphere%20smells%20like%20fart%20sometimes') center center no-repeat;
      box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
      margin: 26px auto 0;
      max-width: 550px;
      min-height: 300px;
      padding: 24px;
      padding-top: 50px;
      position: relative;
      width: 80%;
      color: black;
  }
   
  .document:before,
  .document:after {
      content: " ";
      height: 98%;
      position: absolute;
      width: 100%;
      z-index: -1;
  }
   
  .document:before {
      background: #fafafa;
      box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
      left: -5px;
      top: 4px;
      transform: rotate(-2.5deg);
  }
   
  .document:after {
      background: #f6f6f6;
      box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
      right: -3px;
      top: 1px;
      transform: rotate(1.4deg);
  }

  Pages using this styling

  • scp-6185 [info]

  ¶ 1 occurrence
  

  
  :root {
  --fadeout-background: black;
  --fadeout-time: 3s;
  }
  
  @import url('http://smlt.wdfiles.com/local--code/ukwhatn%3Afadeout/1');
  
  .fadeout-wrapper {
  position: relative;
  overflow: hidden;
  }
  
  .fadeout-wrapper .cover {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 200%;
  z-index: 2;
  background: var(--fadeout-background);
  color: transparent;
  animation: cover-anim var(--fadeout-time) linear 0s 1 forwards;
  }
  
  
  @keyframes cover-anim {
  0% {
  opacity: 0;
  }
  
  100% {
  opacity: 1;
  }
  }
  
  .fadeout-wrapper .escape {
  display: inline-block;
  position: relative;
  z-index: 3;
  }
  
  .fadeout-wrapper .fadein-txt {
  position: relative;
  z-index: 3;
  opacity: 30%;
  animation: cover-anim var(--txt-fadein-time) linear var(--txt-fadein-delay) 1 forwards;
  }
  
  .image-block, .scp-image-block {
  border-bottom-color: rgb(30, 30, 30);
  }
  
  .text-part .main-class {
  background-color: rgba(0, 0, 0, 0.5) !important;
  }
  
  :is(#page-content table:not(.form), table.wiki-content-table) {
      table-layout: auto !important;
  }
  

  Pages using this styling

  • scp-6183 [info]

  ¶ 1 occurrence
  

  #page-content .collapsible-block {  
    max-width: 100%;
  background-color: #ECD7D7;
  text-color: black;
     border-color: #520505;
      border: solid 1px #520505;
  padding: 5px;
  }
  .collapsible-block-content p {
  padding-left: 5px;
  padding-right: 5px;
  padding-bottom: 5px;
  padding-top: 5px;
  }
  .collapsible-block-content{
  background-color: # FCF6F6;
  text-align: left;
  }
  
  .collapsible-block-folded, .collapsible-block-unfolded{
  text-align: left;
  text-color: black;
  }

  Pages using this styling

  • scp-6174 [info]

  ¶ 1 occurrence
  

  .page {
      display: block;
      overflow: hidden;
      font-family: "Liberation Mono", sans-serif;
      font-style: italic;
  
      background-attachment: scroll;
      background-clip: border-box;
      background-color: transparent;
      background-image: linear-gradient(to top ,rgb(202, 219, 228) 0%, rgb(231, 233, 220) 8%);
      background-origin: padding-box;
      background-position: 0px 8px;
      background-repeat: repeat;
      background-size: 100% 20px;
  
      border: 1px solid #CCC;
      border-radius: 10px;
      padding: 10px 10px;
      margin-bottom: 10px;
  
      box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2)
      }
  .page p,
  .page ul {
      line-height: 20px;
      margin: 0;
  }

  Pages using this styling

  • scp-6174 [info]

  ¶ 1 occurrence
  

  .orderwrapper {position: relative;width: auto;text-align: center;}.council1 {position: relative;top: 0;bottom: 0;left: 0;right: 0;width: 295px;height: 295px;margin: auto;background-image: url( "https://i.imgur.com/7mZJABr.png" );background-size: 295px 295px;background-repeat: no-repeat;background-position: center;}.ordertitle {position: absolute;left: 0;right: 0;top: 38px;}.ordertitle h1 {font-size: 220%;color: #555;}.orderdescription {position: absolute;left: 0;right: 0;top: 85px;width: 100%;}.orderdescription p {font-size: 90%;color: #555;}.orderdescription h1 {font-size: 120%;color: #555;}.itemno {position: absolute;left: 0;right: 0;bottom: 27px;}.itemno h1 {font-size: 170%;color: #555;}

  Pages using this styling

  • scp-6174 [info]

  ¶ 1 occurrence
  

  @media (max-width: 768px) {
  .scp-clear-true.scp-image-block {
  float: none;
  clear: both;
  margin-left: auto;
  margin-right: auto;
  }
  }

  Pages using this styling

  • scp-6173 [info]

  ¶ 1 occurrence
  

   
  .document {
      background: white;
      box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
      margin: 26px auto 0;
      max-width: 550px;
      min-height: 300px;
      padding: 24px;
      padding-top: 50px;
      position: relative;
      width: 80%;
  }
   
  .document:before,
  .document:after {
      content: "";
      height: 98%;
      position: absolute;
      width: 100%;
      z-index: -1;
  }
   
  .document:before {
      background: #fafafa;
      box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
      left: -5px;
      top: 4px;
      transform: rotate(-2.5deg);
  }
   
  .document:after {
      background: #f6f6f6;
      box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
      right: -3px;
      top: 1px;
      transform: rotate(1.4deg);
  }
  .gay {
  transition-property: transform;
  transition-duration: 0.3s;
  }
  
  .gay:hover {
     transform: scale(1.25);
  }

  Pages using this styling

  • scp-6172 [info]

  ¶ 1 occurrence
  

  :root{
  --logo: url(https://scp-wiki.wdfiles.com/local--files/pitch-haven-hub/scp45trans.png);
  --title: "Site-45";
  --subtitle: "DEMONS • LEGENDS • FABLES";
  }
  .tabstyle{
  padding: 10px;
  color: black;
  background-color: #f5f5f5;
  }

  Pages using this styling

  • scp-6167 [info]

  ¶ 1 occurrence
  

  :root {
    --header-title: "Project Lakshmi";
    --header-subtitle: "Safely Controlling Probability";
  }

  Pages using this styling

  • scp-6153 [info]

  ¶ 1 occurrence
  

  body{
      --barColour: #8c8c8c;
  }
  
  :root{
    --header-title: "SCP Foundation";
    --header-subtitle: "Secure, Contain, Protect";
  }
  
  #header h1 a:before {
      font-size: 2.0rem;
  }
  
  div#extra-div-1 {
      background-image: url(https://scp-wiki.wdfiles.com/local--files/component:pride-highlighter/nb_logo_blk.svg);
      filter: opacity(25%);
  }
  
  #page-content .info-container {
      --link-color: rgb(var(--swatch-text-general));
  }
  
  #page-content .info-container .translation_block {
      display: none;
  }
  
  #page-content .info-container .collapsible-block-link,
  #page-content .info-container:hover .collapsible-block-link {
      line-height: 1.6em;
  }
  
  #page-content .info-container .collapsible-block-folded,
  #page-content .info-container .collapsible-block-unfolded-link {
      display: grid;
  }
  
  #page-content .info-container .collapsible-block-folded .collapsible-block-link,
  #page-content .info-container .collapsible-block-link {
      -webkit-mask: unset;
              mask: unset;
      background: transparent;
      grid-column: 1;
      grid-row: 1;
      opacity: 0;
  }
  
  #page-content .info-container .collapsible-block-folded::before,
  #page-content .info-container .collapsible-block-unfolded-link::before {
      --wght: 800;
      content: "Elenee FishTruck";
      color: #FFFFFF;
      font-family: Inter, Arimo, Verdana, Geneva, "Helvetica Neue", "Helvetica", Arial, sans-serif;;
      display: block;
      pointer-events: none;
      grid-column: 1;
      grid-row: 1;
      line-height: 2.75ex;
  }

  Pages using this styling

  • scp-6150 [info]

  ¶ 1 occurrence
  

  .email {background: #ffffff; text-shadow: 0px 0px 0px #ffffff; color: #000000; border: solid 2px #000000; width: 88%; padding: 1px 15px; margin: 10px; box-shadow: 0 1px 3px rgba(0,0,0,.5)}
  .email-example a.collapsible-block-link {font-weight: bold;}
  .tofrom {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px maroon}

  Pages using this styling

  • scp-6143 [info]

  ¶ 1 occurrence
  

  #u-author_block {
      display: none;
  }

  Pages using this styling

  • scp-6140 [info]

  ¶ 1 occurrence
  

  body {
      background-color: #fff;
  }
  
  @import url('http://scp-wiki.wikidot.com/component:colstyle/code/1');
  

  Pages using this styling

  • scp-6134 [info]

  ¶ 1 occurrence
  

  .fakerate {
      text-align: center;
      position: relative;
      width: -webkit-max-content;
      width: -moz-max-content;
      width: max-content;
      margin: auto;
  }
  
  .fakerate .hovertexts {
      pointer-events: none;
      opacity: 0;
      transition: opacity 0.25s linear;
  }
  
  .fakerate .page-rate-widget-box {
      position: absolute;
      top: 0;
      left: 50%;
      transform: translateX(-50%);
      opacity: 1;
      pointer-events: none;
      transition: opacity 0.15s linear;
  }
  
  .fakerate:hover .page-rate-widget-box {
      opacity: 0;
  }
  .fakerate:hover .hovertexts {
      pointer-events: all;
      opacity: 1;

  Pages using this styling

  • scp-6131 [info]

  ¶ 1 occurrence
  

  :root {
      --header-font: "Nova Cut", sans-serif;
      --subheader-font: "New Rocker", sans-serif;
  }
  
  .modal .collapsible-block-unfolded-link {
      display: none;
  }
  
  .hidden-link {
      color: white;
      border: none !important;
  }
  
  :root:has(.modal .collapsible-block-unfolded:not([style*="none"])) {
      --header-title: "FIRE SUPPRESSION";
      --header-subtitle: "WE SEE YOU.";
      --lgurl: url(http://kaktuskontainer.wikidot.com/local--files/fire-in-the-distance/firesuppressiondepartmentw.png);
  
      --header-font: Inter,"Franklin Gothic Medium","Franklin Gothic","ITC Franklin Gothic","Helvetica Neue",Helvetica,Arial,sans-serif;
      --subheader-font: Inter,"Franklin Gothic Medium","Franklin Gothic","ITC Franklin Gothic","Helvetica Neue",Helvetica,Arial,sans-serif;
  }
  
  .uhoh {
      position: fixed;
      top: 0;
      opacity: 0;
      left: 0;
      background-color: rgba(0, 0, 0, 0.2);
      width: 100%;
      height: 100%;
      pointer-events: none;
      z-index: 99999;
      animation: spooky-mode 45s linear 20s 1 forwards;
      backdrop-filter: grayscale(0.75);
  }
  
  .OHNO {
      opacity: 0;
      background-image: url("https://scp-wiki.wdfiles.com/local--files/scp-6130/thefunnyevillogo.png");
      background-size: cover;
      background-position: center center;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      animation: these-fuckers-again 25s linear 35s 1 forwards;
      pointer-events: none;
  }
  
  @keyframes these-fuckers-again {
      0% { opacity: 0; }
      100% { opacity: 1; }
  }
  
  @keyframes spooky-mode {
      0% {
          opacity: 0;
      }
      
      100% {
          opacity: 1;
      }
  }
  
  #header h1 a::before {
      font-family: var(--header-font);
  }
  
  #header h2::before {
      font-family: var(--subheader-font);
  }
  
  .results {
      background-color:#221800;
      border: 3px solid var(--accentColor);
      color: #CC9F77;
      padding: 15px;
      margin-bottom:10px;
      font-family: monospace;
      font-size: 1.2em;
      text-align: center;
  }
  

  Pages using this styling

  • scp-6130 [info]

  ¶ 1 occurrence
  

  .scp-image-block  {
      margin-right: -1px !important;
  }

  Pages using this styling

  • scp-6122 [info]

  ¶ 1 occurrence
  

  a.collapsible-block-link:not(.licensebox a.collapsible-block-link) {
      font-weight: 600;
      color: white;
      padding-top: 4px;
      padding-bottom: 4px;
      padding-left: 7px;
      padding-right: 9px;
      background: rgb(20, 20, 20);
      border-radius: 6px;
      margin-top: 10px;
      margin-bottom: 10px;
  }

  Pages using this styling

  • scp-6121 [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Kalam&display=swap');
  
  html {
     -webkit-filter: grayscale(1); /* Older Webkit */
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    background-color: white;
  }
  :root{
  --color: 64, 64, 64;
  --white: 166, 166, 166;
  
  --header-gradient-color-bottom: var(--white);
  --header-gradient-color-middle: var(--color);
  --header-gradient-color-top: var(--color);
  --diagonal-stripes: unset;
  
  }
  
  .info-container{
  --barColour: #404040;
  --linkColour: #cfcfcf;
  }

  Pages using this styling

  • scp-6120 [info]

  ¶ 1 occurrence
  

  div#header {
      background-image: url('https://scp-wiki.wikidot.com/local--files/scp-6117/106.webp');

  Pages using this styling

  • scp-6117 [info]

  ¶ 1 occurrence
  

   div#container-wrap{
       background-image: url('https://scp-wiki.wikidot.com/local--files/scp-6117/bg3.webp');
       background-repeat: repeat-x;
  }

  Pages using this styling

  • scp-6117 [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Libre+Baskerville:ital,wght@0,700;1,400&family=Lobster&display=swap');
  
  
  .letter {
       font-family: 'Libre Baskerville', serif;
  }

  Pages using this styling

  • scp-6114 [info]

  ¶ 1 occurrence
  

  }
  .email-example .collapsible-block-folded a.collapsible-block-link {
      animation: blink 0.8s ease-in-out infinite alternate;
  }
  @keyframes blink {
      0% { color: transparent; }
      50%, 100% { color: #b01; }
  }
  .email {border: solid 2px #000000; width: 88%; padding: 1px 15px; margin: 10px; box-shadow: 0 1px 3px rgba(0,0,0,.5)}
  .email-example a.collapsible-block-link {font-weight: bold;}
  .tofrom {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px maroon}
  }
  @import url('https://fonts.googleapis.com/css2?family=Kaushan+Script&display=swap');
  
  blockquote {
      border-style: solid;
  }
  blockquote tt {
      border: 1px #aaa solid;
      background-color: white;
      padding: 0 2px;
  }
  
   div.quote-block{
       border: 3px double #999;
  }
   div.quote-block{
       background-color: #f4f4f4;
       padding: 0 1em;
       margin: 1em 3em;
  }
   @media (max-width: 479px){
       div.quote-block{ margin: 1em 0; }
  }
   @media (min-width: 480px) and (max-width: 580px){
       div.quote-block{ margin: .5em; }
  }
  
  #page-title {
    display: none;
  }
  .meta-title {
    border-bottom: solid 1px #bbbbbb;
    color: #990011;
    font-weight: normal;
    margin: 0 0 0.6em;
    padding: 0 0 0.25em;
    font-size: 200%;
  }
  .meta-title p {
    margin: 0;
  }
  
  .textchange div.sitemember:nth-child(2) {
  display:none;
  }
  
  
  @keyframes rotation {
    from {
      transform: rotate(0deg);
    }
    to {
      transform: rotate(359deg);
    }
  }
  
  .no {
      font-size: 125%;
  }
  
  .danke{
  padding: 5px 5px 5px 15px;
  margin-bottom:10px;
  font-family: monospace;
  font-size: 1.1em; }
  
  .agent{
  background-color:#002200;
  border: 3px solid #55AA55;
  color: #77CC77;
  }
  
  .site{
  background-color:#222200;
  border: 3px solid #AAAA55;
  color: #DDDD77;
  }

  Pages using this styling

  • scp-6111 [info]

  ¶ 1 occurrence
  

  
  .email-example .collapsible-block-folded a.collapsible-block-link {
      animation: blink 0.8s ease-in-out infinite alternate;
  }
  @keyframes blink {
      0% { color: transparent; }
      50%, 100% { color: #b01; }
  }
  .email {border: solid 2px #000000; width: 88%; padding: 1px 15px; margin: 10px; box-shadow: 0 1px 3px rgba(0,0,0,.5)}
  .email-example a.collapsible-block-link {font-weight: bold;}
  .tofrom {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px maroon}

  Pages using this styling

  • scp-6099 [info]

  ¶ 1 occurrence
  

  #page-content .collapsible-block {
      position: relative;
      padding: 0.75em;
      margin: 0.75em;
      box-shadow: 3px 2.5px 1px rgba(16,170,48,0.7), 0 0 0px 1px lightgrey;
      overflow-wrap: break-word;
  }
   
  .collapsible-block-unfolded{
      color: black;
      overflow-wrap: break-word;
   
  }
   
  .collapsible-block-unfolded-link {
      text-align:center;
  }
   
  .collapsible-block-folded {
      text-align: center;
      color: black;
  }
   
  .collapsible-block-link {
      font-weight: bold;
      color: maroon;
      text-align: center;
  }

  Pages using this styling

  • scp-6094 [info]

  ¶ 1 occurrence
  

  .rating-ratio { display: inline-flex; width: 100%; }
  .uv-text,
  .dv-text {
    font-size: .75em;
    font-weight: bold;
    font-family: var(--UI-font);
    padding: 0 10px;
    overflow: hidden;
  }
  .uv-text { text-align: left; }
  .dv-text { text-align: right; }
  .ud-cont { width: 90%; }
  .uv-line {
    background: rgba(var(--rating-module-button-plus-color, 0, 200, 0), .6);
  }
  .dv-line {
    background: rgba(var(--rating-module-button-negative-color, 200, 0, 0), .6);
  }

  Pages using this styling

  • scp-6090 [info]

  ¶ 1 occurrence
  

  :root {
  --logo-image: url("http://scp-wiki.wikidot.com/local--files/scp-6090/TherianLogo.svg");
  --header-title: "Therianthropy Department";
  --header-subtitle: "Harnessing Polymorphism"
  }
  /* Blockquote */
  blockquote,
  .blockquote,
  div.blockquote,
  [class*=blockquote] {
    margin: 0.5em 5px;
  }
  .info-container {
  --barColour: rgb(var(--medium-accent));
  }
  .poem {
    text-align: center;
    font-style: italic;
    padding-bottom: 120px;
  }
  .poemSig {
    text-align: right;
    animation: echoTextShadowDown 5s;
    animation-delay: 5s;
    animation-fill-mode: forwards;
  }
  .kca {
    margin: 1em 0;
    padding: 5px;
    border: solid 1px #ccc;
    border-radius: 3px;
    background: #eee;
  }
  .kca > p { margin: 0; }
  .kca strong { color: #813838; }
  .aceNotes {
    font-family: monospace;
    font-size: 80%;
    margin: 1em 0;
    padding: 0 0.5em;
    border: dashed 1px #ccc;
  }
  .banner1 {
    background: url(https://scp-wiki.wdfiles.com/local--files/the-great-hippo/scp_trans.png) center no-repeat;
    float: center;
    border: solid 2px #000;
    margin: 5px 0;
    padding: 1px 15px;
    box-shadow: 0 1px 3px rgba(0,0,0,.2);
  }
  .wbdr { border:1px solid #665731; margin: 15px 0; }
  .wbdr a { color: #148c14; }
  .wbdr a.newpage { color: #c8e293; }
  .wbdr a:visited { color: #036403; }
  .whdr { color:white; background: #a3c162; padding: 15px; text-align: center; font-size: 150% }
  .whdr a { color: #d61; }
  .whdr a.newpage { color: #f80; }
  .whdr a:visited { color: #630; }
  .wsub { color:#665731; background: #c8e293; padding: 5px; font-size: 90%; }
  .wbdy { color:#665731; background: #d1ed9a; padding: 15px }
  
  @keyframes echoTextShadowDown {
      0% { text-shadow: none; }
     20% { text-shadow: 0 20px 1px rgba(0,0,0,0.9) }
     40% { text-shadow: 0 20px 1px rgba(0,0,0,0.9), 0 40px 1px rgba(0,0,0,0.8) }
     60% { text-shadow: 0 20px 1px rgba(0,0,0,0.9), 0 40px 1px rgba(0,0,0,0.8), 0 60px 1px rgba(0,0,0,0.7) }
     80% { text-shadow: 0 20px 1px rgba(0,0,0,0.9), 0 40px 1px rgba(0,0,0,0.8), 0 60px 1px rgba(0,0,0,0.7), 0 80px 1px rgba(0,0,0,0.6) }
    100% { text-shadow: 0 20px 1px rgba(0,0,0,0.9), 0 40px 1px rgba(0,0,0,0.8), 0 60px 1px rgba(0,0,0,0.7), 0 80px 1px rgba(0,0,0,0.6), 0 100px 1px rgba(0,0,0,0.5) }
  }

  Pages using this styling

  • scp-6090 [info]

  ¶ 1 occurrence
  

  .text {
     position: relative;
     color: black;
     border: solid 5px #000000;
     border-top:solid 3px #d3d3d3;
     background-color: #ffffff;
     background-position: top center;
     padding-left:15px;
     padding-right:15px;
     padding-top:5px;
     padding-bottom:5px;
     margin-bottom: 10px;
     z-index: 1;
  }
  
  .text2 {
     position: relative;
     color: black;
     border: solid 5px #000000;
     border-top:solid 3px #5E1A1E;
     background-color: #ffffff;
     background-position: top center;
     padding-left:15px;
     padding-right:15px;
     padding-top:5px;
     padding-bottom:5px;
     margin-bottom: 10px;
     z-index: 1;
  }
  
  .image {
     position: relative;
     color: black;
     border-top: solid 5px #000000;
     border-right: solid 5px #000000;
     border-left: solid 5px #000000;
     border-bottom: solid 3px #d3d3d3;
     background-color: #ffffff;
     background-position: top center;
     padding-left:15px;
     padding-right:15px;
     padding-top:5px;
     padding-bottom:5px;
     margin-bottom: 0px;
     z-index: 1;
  }
  
  .image::after {
     content: "";
     position: absolute;
     z-index: -1;
     top: 0;
     bottom: 0;
     left: 0;
     right: 0;
     background: url('https://scp-wiki.wikidot.com/local--files/scp-6086/CQCcN7e.webp') center center;
     background-size: contain;
     background-repeat: no-repeat;
     opacity: 0.15;
  }
  
  .image2 {
     position: relative;
     color: black;
     border-top: solid 5px #000000;
     border-right: solid 5px #000000;
     border-left: solid 5px #000000;
     border-bottom: solid 3px #5E1A1E;
     background-color: #ffffff;
     background-position: top center;
     padding-left:15px;
     padding-right:15px;
     padding-top:5px;
     padding-bottom:5px;
     margin-bottom: 0px;
     z-index: 1;
  }
  
  .image2::after {
     content: "";
     position: absolute;
     z-index: -1;
     top: 0;
     bottom: 0;
     left: 0;
     right: 0;
     background: url('https://scp-wiki.wikidot.com/local--files/scp-6086/SCP_Foundation_%2528emblem%2529.svg') center center;
     background-size: contain;
     background-repeat: no-repeat;
     opacity: 0.05;
  }

  Pages using this styling

  • scp-6086 [info]

  ¶ 1 occurrence
  

  #header h1 span::before {
      content: "Site-120";
  }
  #header h2 span::before {
      content: "Fighting Fire With Fire";
  }
  

  Pages using this styling

  • scp-6079 [info]

  ¶ 1 occurrence
  

  /* HEADER */
  :root{
       --header-title: "SCP Foundation";
       --header-subtitle: "Secure • Contain • Protect";
  }
   #header h1 a:before{
       font-size: 2rem;
  }
   div#extra-div-1{
       background-image: url(https://scp-wiki.wdfiles.com/local--files/theme%3Apaperstack/lgtrans.png);
  }
   .top-left-box > .item{
       display: inline;
  }
  a.collapsible-block-link:not(.licensebox a.collapsible-block-link) {
      font-weight: 600;
      color: white;
      padding-top: 4px;
      padding-bottom: 4px;
      padding-left: 7px;
      padding-right: 9px;
      background: rgb(20, 20, 20);
      border-radius: 6px;
      margin-top: 10px;
      margin-bottom: 10px;
  }

  Pages using this styling

  • scp-6073 [info]

  ¶ 1 occurrence
  

  :root {
    --link-color: 16,76,184 !important;
    --link-visited-color: 18,20,150 !important;
  }
  
  .decommissioning::before, .ettra::before, .temporal::before, .archive::before, .raisa::before, .overwatch::before {
    content: ' ';
    display: block;
    position: absolute;
    left: -15px;
    top: 30px;
    width: 100%;
    height: 100%;
    border: none; 
    float: center; 
  }
  
  .decommissioning::before {
    background: url(https://scp-wiki.wdfiles.com/local--files/scp-6070/Decom.%20Dept.%20Logo.svg) top right/40% no-repeat ;
    opacity: 0.15;
  }
  
  .ettra::before {
    background: url(https://scp-wiki.wikidot.com/local--files/theme:basalt/ETTRA_LIGHTLOGO.png) top right/40% no-repeat;
    opacity: 0.55;
  }
  
  .temporal::before {
    background: url(https://scp-wiki.wikidot.com/local--files/theme:basalt/DELTA_T_LIGHTLOGO.png) top right/40% no-repeat;
    opacity: 0.55;
  }
  
  .archive::before {
    background: url(https://scp-wiki.wikidot.com/local--files/theme:basalt/RAISA_LIGHTLOGO.png) top right/40% no-repeat;
    opacity: 0.55;
  }
  
  .overwatch::before {
    background: url(http://scp-wiki.wikidot.com/local--files/theme:basalt/O5_LIGHTLOGO.png) top right/40% no-repeat;
    opacity: 0.55;
  }
  
  .raisa::before {
    background: url(https://scp-wiki.wikidot.com/local--files/theme:basalt/RAISA_LIGHTLOGO.png) top right/40% no-repeat;
    opacity: 0.55;
  }
  
  .document_content {
    position: relative;
  }
  
  div.proceedings {
    background-color: rgba(0,0,0,0);
    border-style: none none none solid;
    border-width: medium;
    padding: 0 0 0 10px;
  }
  

  Pages using this styling

  • scp-6070 [info]

  ¶ 1 occurrence
  

  
  :root {
      --header-title: "SCP FOUNDATION";
      --header-subtitle: "SECURE - CONTAIN - PROFIT";
      --lgurl: url("https://scp-wiki.wdfiles.com/local--files/black-autumn-hub/scp-halloween-alone.png");
      --accentColor: 235, 97, 35;
  }

  Pages using this styling

  • scp-6064 [info]

  ¶ 1 occurrence
  

  .page {
      display: block;
      overflow: hidden;
      font-family: "Monotype Corsiva", "Bradley Hand ITC", sans-serif;
      font-style: normal;
      font-size: 18px;
      background-attachment: scroll;
      background-clip: border-box;
      background-color: transparent;
      background-image: linear-gradient(to top ,rgb(202, 219, 228) 0%, rgb(231, 233, 220) 8%);
      background-origin: padding-box;
      background-position: 0px 8px;
      background-repeat: repeat;
      background-size: 100% 20px;
      border: 1px solid #CCC;
      border-radius: 10px;
      padding: 10px 10px;
      margin-bottom: 10px;
      box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2)
  }
  .page p,
  .page ul {
      line-height: 20px;
      margin: 0;
  }

  Pages using this styling

  • scp-6063 [info]

  ¶ 1 occurrence
  

  
  div#extra-div-1 {
    z-index: 2;
    transform: none;
  }
  
  div.terminal{
      border: 1px solid black;
      border: solid 3px #BBBBBB;
      border-radius: 16px;
      background-color: #131;
  /* black shadow at the top of the terminal */
      background-image:
          radial-gradient(ellipse 1000% 100% at 50% 90%, transparent, #121);
      background-position: center;
      display: block;
  /* shadow around the terminal */
      box-shadow: inset 0 0 10em 1em rgba(0,0,0,0.5);
  /* prevents scanline from forming a scrollwheel */
      overflow:hidden;
  }
  div.terminal blockquote {
      background-color: black;
      border: double 2px #80FF80
  }
  div.terminal hr {
     border-top: 2px dashed rgba(128, 255, 128, 0.8);
      height: 0px;
      border-bottom: 0px solid rgba(0, 0, 0, 0);
      background: rgba(0, 0, 0, 0);
  }
  div.terminal .collapsible-block-link {
      position: in-line;
      padding: 0em;
      margin: 0em;
      line-height: 0;
      white-space: nowrap;
  }
  div.scanline{
      margin-top: -40%;
      width: 100%;
      height: 60px;
      position: relative;
      pointer-events: none;
  /* Safari 4.0 - 8.0 */
      -webkit-animation: scan 12s linear 0s infinite; /* You may need to change this. If the bar goes by too quickly, increase 5s. */
      animation: scan 12s linear 0s infinite; /* Same as above */
      background: linear-gradient(to bottom, rgba(56, 112, 82,0), rgba(56, 112, 82,0.1)) !important;
  }
  
  div.text{
      color: rgba(128,255,128,0.8);
      padding-left: 2em;
      padding-right: 2em;
      padding-top: 35%;
      font-family: monospace;
      font-size: 1.2em;
      }
  
  /* Safari 4.0 - 8.0 */
  @-webkit-keyframes scan{
      from{ transform: translateY(-10%);}
      to{  transform: translateY(5000%);} /* You may need to change this depending on the length of your terminal. If the scanline stops halfway, increase the second number.*/
  }
  
  @keyframes scan{
      from{ transform: translateY(-10%);}
      to{  transform: translateY(5000%);} /* Same as above.*/
  }
  
  div.text a {
      color: #90EE90;
      text-decoration: none;
      background: transparent;
  }
  div.text a.newpage {
      color: #90EE90;
      text-decoration: none;
      background: transparent;
  }
  div.text a:hover {
      color: #131;
      text-decoration: underline;
      background-color: #80FF80;
      padding: 1px;
  }
  div.text a:hover::before{
  content: "> ";
  }

  Pages using this styling

  • scp-6060 [info]

  ¶ 1 occurrence
  

  
  /*
   * Snagged from HarryBlanks Inadvertent Neolinguistics, which was gotten from notgulls Siege of Site 19
   */
  
  @import url("https://fonts.googleapis.com/css2?family=PT+Serif&display=swap");
  @import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Mono&display=swap");
  
  div.irc-log{
      margin:10px;
      margin-top:20px;
      padding:10px;
      border:3px solid #000000;
      background-color:#333333;
      border-radius:15px;
      font-family:"IBM Plex Mono",monospace;
      color:#FFFFFF;
      font-size: 125%;
  }
  
  div.irc-log td{
      border:1px solid #000000;
      font-weight:bold;
  }
  
  div.irc-log p{
      line-height:200%;
  }
  
  div.irc-log::before{
      content:"SCiPNET Teams Direct Message";
      position:relative;
      top:-1.5em;
      left:-1.5em;
      border:2px solid #050505;
      color:#050505;
      background-color:#5effa6;
      font-family:"PT Serif",serif;
      padding:1px 3px;
      border-radius:3px;
      font-weight:bold;
      letter-spacing:2px;
  }
  
  div.inventory-report{
      margin:10px;
      margin-top:20px;
      padding:10px;
      border:2px solid #050505;
      background-color:#eee;
      border-radius:3px;
  }
  
  .no-margin {
      border: 1px dashed #999;
      background-color: #f4f4f4;
      padding: 0 1em;
      margin: none;
      color: black;
  }
  
  .irc-log a {
      background-color:#5effa6;
  }
  

  Pages using this styling

  • scp-6054 [info]

  ¶ 1 occurrence
  

  sup {
      vertical-align: top;
      position:
      top: -0.5em;
  }
  
  :root {
      --cutColour: #fafafa;
      --barColour: #590505;
  }
  
  .translation_block {
      display: none;
  }
  
  .info-container .collapsible-block-folded a {
      color: #FFF;
  }
  
  .info-container .collapsible-block-unfolded-link a {
      color: #FFF;
  }
  
  .info-container .collapsible-block-link,
  .info-container:hover .collapsible-block-link {
      line-height: 1.6em;
  }

  Pages using this styling

  • scp-6050 [info]

  ¶ 1 occurrence
  

  .logbox {
      display: inline-block;
      float: top;
      padding: 1px 15px;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      -ms-box-sizing: border-box;
      box-sizing: border-box;
      width:100%;
      margin: auto;
      border: solid 2px #000000;
      box-shadow: 0 1px 3px rgba(0,0,0,.5);
  }
  .tofrom {
      margin-left: 10px;
      margin-top: 5px;
      padding: 1px 15px;
      border-left: solid 3px maroon;
  }

  Pages using this styling

  • scp-6046 [info]

  ¶ 1 occurrence
  

  .footnotes-footer {
  display:none;
  }
  /* boldify collapsibles */
  a.collapsible-block-link {
      font-weight: 600;
  }
  :root {
      --cutColour: #fafafa;
      --barColour: #590505;
  }

  Pages using this styling

  • scp-6036 [info]

  ¶ 1 occurrence
  

  #header {
      background: url('https://scp-wiki.wdfiles.com/local--files/component:theme/logo.png') 10px 35px no-repeat;
  }
  #header h1 a {
      content: "SCP Foundation";
  }
  #header h1 a::before {
      content: "SCP Foundation";
  }
  #header h2 span::before {
      content: "Secure Contain Protect";
  }
  .side-block .menu-item > .image {
      display: none;
  }
  .page {
      display: block;
      overflow: hidden;
      font-family: "Monotype Corsiva", "Bradley Hand ITC", sans-serif;
      font-style: normal;
  
      background-attachment: scroll;
      background-clip: border-box;
      background-color: transparent;
      background-image: linear-gradient(to top ,rgb(202, 219, 228) 0%, rgb(231, 233, 220) 8%);
      background-origin: padding-box;
      background-position: 0px 8px;
      background-repeat: repeat;
      background-size: 100% 20px;
  
      border: 1px solid #CCC;
      border-radius: 10px;
      padding: 10px 10px;
      margin-bottom: 10px;
  
      box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2)
      }
  .page p,
  .page ul {
      line-height: 20px;
      margin: 0;
  }
  /* anendlessusername's invaluable correction of the ACS octagon! */
  #page-content .quadrants > div {
      top: 2.25%;
      left: 18.5%;
  }
  :root {
      --timeScale: 2;
      --timeDelay: 0.5s;
  }

  Pages using this styling

  • scp-6026 [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Dawning+of+a+New+Day&display=swap');
  div#container-wrap {background: url('http://scp-wiki.wikidot.com/local--files/scp-6024/RDbackground2.png') top left repeat-x;}
  body {background-color:rgb(245, 245, 245)}
  div.sig3 {
  border: solid 1px #444444;
  background: #fefefe;
  padding: 0 1em;
  text-align: left;
  width: 60%;
  height: 30px;
  font-size: 1.3em;
  box-shadow: 0 1px 2px rgba(0,0,0,.4);
  }
  div.sig {
  font-family: 'Dawning of a New Day';
  font-size: 28px;
  position: relative; top: -62px; left: 25px;
  }
  div.end2 {
  font-size: 28px;
  position: relative; top: -30px;
  text-align: center;
  }
  a.collapsible-block-link {
  font-weight: bold;
  }
  div.interview {
  border: solid 1px #444444;
  background: #e3e3e3;
  padding: 0 2em;
  text-align: left;
  box-shadow: 0 1px 3px rgba(0,0,0,.2);
  }
  div.analysis {
  background: #ffffff;
  border: solid 1px #d6d6d6;
  padding: 0 2em;
  text-align: center;
  box-shadow: 0 1px 3px rgba(0,0,0,.2);
  }
  div.empty {
  text-align: left;
  }
  div.MTFwarn {
  position: relative; top: -20px;
  }
  .footnotes-footer {
    display: none;
  }

  Pages using this styling

  • scp-6024 [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css?family=Caveat&display=swap');
  @import url('https://fonts.googleapis.com/css?family=Cutive+Mono&display=swap');
  @import url('https://fonts.googleapis.com/css?family=Courier+Prime&display=swap');
  
  .greenlink a{
      color: #0fe800;
  }
  
  #page-title {
    text-align: center;
  }
  

  Pages using this styling

  • scp-6019 [info]

  ¶ 1 occurrence
  

  @import url("https://nu-scptheme.github.io/Black-Highlighter/stable/styles/normalize.min.css");
  @import url("https://nu-scptheme.github.io/Black-Highlighter/stable/styles/black-highlighter.min.css");
  
  .help {
      display: flex;
      align-content: stretch;
      padding-top: 1em;
      border-top: 1px dashed #999;
  }
  
  .help blockquote {
      margin: 0;
  }
  
  .help blockquote > p {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      align-content: center;
      margin-right: 0;
      min-height: 2rem;
      margin: 0;
  }
  
  .help blockquote > p > * {
      margin: 0 0.1rem;
      height: 100%;
      font-size: 70%;
  }
  
  .help blockquote:nth-of-type(1) {
      width: 50%;
      background: transparent;
      border: unset;
      box-shadow: unset;
      text-align: right;
      margin-right: 0;
      padding: 0;
  }
  
  .help blockquote:nth-of-type(1) > p {
      justify-content: flex-end;
  }
  
  .help blockquote:nth-of-type(2) {
      margin-left: 1em;
      width: 50%;
  }
  
  #page-content > .collapsible-block {
      display: block;
      text-align: center;
      padding: 0.75em;
      background-color: lightgrey;
      border-top: 0.125rem dashed slategrey;
      border-bottom: 0.125rem dashed slategrey;
  }
  
  #page-content > div.collapsible-block > div.collapsible-block-unfolded > div.collapsible-block-content {
      text-align:left;
  }
  
  .type1 {
      font-family: "Monotype Corsiva", "Bradley Hand ITC", sans-serif;
      font-size: 140%;
      color: #000;
      background-attachment: scroll;
      background: linear-gradient(rgba(220, 240, 240, 0.3), rgba(240, 240, 220, 0.5)), url(http://www.scp-wiki.net/local--files/scp-5862/paperbackground.jpg);
      background-clip: border-box;
      background-origin: padding-box;
      background-repeat: repeat;
      background-size: 100%;
      padding: 25px;
  }
  .type1 p,
  .type1 ul {
      line-height: 25px;
      margin: none;
  }
  

  Pages using this styling

  • scp-6019 [info]

  ¶ 1 occurrence
  

  [[module CSS]]
  @import url('https://fonts.googleapis.com/css?family=Caveat&display=swap');
  @import url('https://fonts.googleapis.com/css?family=Cinzel');
  @import url('https://fonts.googleapis.com/css?family=Anton');
  @import url('https://fonts.googleapis.com/css?family=Pinyon+Script');
  @import url('https://fonts.googleapis.com/css?family=Pangolin&display=swap');
  @import url('https://fonts.googleapis.com/css?family=Patrick+Hand+SC&display=swap');
  @import url('https://fonts.googleapis.com/css?family=Reenie+Beanie');

  Pages using this styling

  • scp-6019 [info]

  ¶ 1 occurrence
  

  body {
      background-image: none;
  }
  
  :root {
      --timeScale: 0.5;
      --timeDelay: 1s;
  }
  
  :root{
  --cutColour: #fafafa;
  --barColour: #590505;
  }
  
  .info-container .collapsible-block-folded a{
  color: #FFF;}
  .info-container .collapsible-block-unfolded-link a{
  color: #FFF;
  }
  
  #page-title {
      text-align: center;
  }
  
  .coolcol .collapsible-block {
      display: block;
      text-align: center;
      padding: 0.75em;
      background-color: lightgrey;
      border-top: 0.125rem dashed slategrey;
      border-bottom: 0.125rem dashed slategrey;
  }
  
  .coolcol .collapsible-block .collapsible-block-content {
      text-align: left;
  }
  
  .addendum {
      border:solid 2px #999999;
      background:#F5F5F5;
      width:84%;
      padding:1px 15px;
      margin: 10px auto;
  }
  
  #main-content .page-tags {
      border-top: 2px solid rgba(var(--swatch-menubg-medium-color),.5);
  }
  
  #main-content .page-tags a {
      display: inline-block;
      height: 0.8125rem;
      line-height: 13px;
      line-height: 0.8125rem;
      font-size: 11px;
      font-size: 0.6875rem;
      background: rgb(48, 48, 52);
      background: rgb(var(--swatch-menubg-dark-color, 48, 48, 52));
      color: rgb(252, 252, 22);
      color: rgb(var(--swatch-menutxt-light-color, 252, 252, 252));
      border-bottom-right-radius: 0.25rem;
      border-top-right-radius: 0.25rem;
      margin: 0 0 .5rem .75rem;
      padding: 0.1875rem 0.3125rem 0.1875rem 0;
  }
  
  #main-content .page-tags a:before {
      top: -0.1875rem;
      left: -0.625rem;
      width: 0;
      height: 0;
      border-color:
       transparent
       rgb(48, 48, 52)
       transparent
       transparent;
      border-color:
       transparent
       rgb(var(--swatch-menubg-dark-color,  48, 48, 52))
       transparent
       transparent;
      border-style: solid;
      border-width: 0.5rem 0.5rem 0.5rem 0;
      padding: 0 0.0625rem 0.1875rem;
  }
  
  #main-content .page-tags a:before,
  #main-content .page-tags a:after {
      content: "";
      float: left;
      position: relative;
  }
  
  #main-content .page-tags a:after {
      --box-shadow: rgb(var(--swatch-menubg-dark-color,  48, 48, 52));
      top: 0.28125rem;
      left: -0.5rem;
      width: 0.25rem;
      height: 0.25rem;
      border-radius: 0.125rem;
      background-color: rgb(252, 252, 252);
      background-color: rgb(var(--swatch-background, 252, 252, 252));
      box-shadow: -0.0625rem -0.0625rem 0.125rem rgb(48, 48, 52);
      box-shadow: -0.0625rem -0.0625rem 0.125rem var(--box-shadow);
  }
  
  .page-tags span {
      border-top: .5rem solid transparent;
  }
  
  div.terminal{
      border: 1px solid black;
      border: solid 3px #BBBBBB;
      border-radius: 16px;
      background-color: #131;
  /* black shadow at the top of the terminal */
      background-image:
          radial-gradient(ellipse 1000% 100% at 50% 90%, transparent, #121);
      background-position: center;
      display: block;
  /* shadow around the terminal */
      box-shadow: inset 0 0 10em 1em rgba(0,0,0,0.5);
  /* prevents scanline from forming a scrollwheel */
      overflow:hidden;
  }
  div.terminal blockquote {
      background-color: black;
      border: double 3px #80FF80
  }
  div.scanline{
      margin-top: -40%;
      width: 100%;
      height: 60px;
      position: relative;
      pointer-events: none;
  /* Safari 4.0 - 8.0 */
      -webkit-animation: scan 12s linear 0s infinite; /* You may need to change this. If the bar goes by too quickly, increase 5s. */
      animation: scan 12s linear 0s infinite; /* Same as above */
      background: linear-gradient(to bottom, rgba(56, 112, 82,0), rgba(56, 112, 82,0.1)) !important;
  }
  
  div.text{
      color: rgba(128,255,128,0.8);
      padding-left: 2em;
      padding-right: 2em;
      padding-top: 40%;
      font-family: monospace;
      font-size: 1.2em;
      }
  
  /* Safari 4.0 - 8.0 */
  @-webkit-keyframes scan{
      from{ transform: translateY(-10%);}
      to{  transform: translateY(5000%);} /* You may need to change this depending on the length of your terminal. If the scanline stops halfway, increase the second number.*/
  }
  
  @keyframes scan{
      from{ transform: translateY(-10%);}
      to{  transform: translateY(5000%);} /* Same as above.*/
  }
  
  div.text a {
      color: #90EE90;
      text-decoration: none;
      background: transparent;
  }
  
  div.text a.newpage {
      color: #90EE90;
      text-decoration: none;
      background: transparent;
  }
  
  div.text a:hover {
      color: #131;
      text-decoration: underline;
      background-color: #80FF80;
      padding: 1px;
  }
  
  div.text a:hover::before{
  content: "> ";
  }

  Pages using this styling

  • scp-6015 [info]

  ¶ 1 occurrence
  

  .responsive_table .table_header_data {
          background: #6aad90;
  }
  @media screen and (max-width: 800px) {
    .responsive_table .table_data::before {
      background: #6aad90;
    }
  }

  Pages using this styling

  • scp-6013 [info]

  ¶ 1 occurrence
  

  .Rosetta {
       background: url(http://scp-sandbox-3.wikidot.com/local--files/rtsandboxtestbed/rosetta_proposal-trans.png) center no-repeat;
       background-position: center center;
       background-size: 45%;
       border: solid 2px #000;
       box-shadow: 0 1px 3px rgba(0,0,0,.2);
       float: center;
       padding: 15px;
  }
  .Doc {
       background: #dcf7fc url(http://scp-wiki.wdfiles.com/local--files/the-great-hippo/scp_trans.png) 20px 20px/20% no-repeat;
       border: solid 1px #000;
       color: black;
       margin: auto;
       margin-bottom: 10px;
       max-width: 500px;
       padding: 20px;
  }
  .IFrewUp {
       background: #ffe6fc url(http://scp-wiki.wdfiles.com/local--files/the-great-hippo/scp_trans.png) 20px 20px/20% no-repeat;
       border: solid 1px #000;
       color: black;
       margin: auto;
       margin-bottom: 10px;
       max-width: 500px;
       padding: 20px;
  }
  .SitraAchra {
        background:#fff url(http://scpsandbox2.wikidot.com/local--files/reach/Sitra%20Achra-t.png) center center no-repeat;
       background-size: 80%;
       border: solid 1px #000;
       color: black;
       float: center;
       margin: auto;
       margin-bottom: 10px;
       max-width: 650px;
       padding: 20px;
  }

  Pages using this styling

  • scp-6013 [info]

  ¶ 1 occurrence
  

  :root {
  --logo-image: url(http://scp-sandbox-3.wikidot.com/local--files/rtsandboxtestbed/rosetta_proposal_150px.png);
  --header-title: "The Rosetta Protocol";
  --header-subtitle: "Sharp Minds, Sharper Tongues";
  --rating-module-button-plus-color: 106, 173, 144;
  --rating-module-button-negative-color: 255, 128, 0;
  }

  Pages using this styling

  • scp-6013 [info]

  ¶ 1 occurrence
  

  :root {
  --body-font: 'Raleway';
  --title-font: 'Mitr';
  --header-font: 'Titillium Web';
  --fnColor: #1655c9;
  --visited-link-color: var(--bright-accent);
  --hover-link-color: var(--pale-accent);
  }
  .scp-image-block .scp-image-caption {
      border: solid 1 px #000;
  }
  .scp-image-block img, .scp-image-block .scp-image-caption {
      background-color: #f4f4f4;
      outline: solid 1px #000;
  }

  Pages using this styling

  • scp-6013 [info]

  ¶ 1 occurrence
  

  :root {
      --pale-accent: 22, 85, 201;
      --bright-accent: 106, 173, 144;
      --medium-accent: 47, 135, 97;
      --dark-accent: 48, 71, 60;
      --alt-accent: 193, 115, 209;
  }

  Pages using this styling

  • scp-6013 [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Raleway&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Mitr:wght@200&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Titillium+Web:wght@200&display=swap');

  Pages using this styling

  • scp-6013 [info]

  ¶ 1 occurrence
  

  .info-container{
  --barColour: #6aad90;
  --linkColour: #fff;
  }
  .info-container .collapsible-block-content > div:nth-child(1) > p {
      margin: 0.5em;
  }
  .info-container #u-author_block, .info-container .translation_block{
   display: none;
  }

  Pages using this styling

  • scp-6013 [info]

  ¶ 1 occurrence
  

  .fakeprot .mailform-box .buttons{display:none;}
  .fakeprot + .collapsible-block .collapsible-block-link {padding: 0.1em 0.5em;text-decoration: none;background-color: #F4F4F4;border: 1px solid #AAA;color: #000;}
  .fakeprot + .collapsible-block .collapsible-block-link:hover {background-color: #DDD;color: #000;}
  .fakeprot + .collapsible-block .collapsible-block-link:active {background-color: #DDD;color: #000;}
  .fakeprot + .collapsible-block .collapsible-block-unfolded-link{margin:0.5em 0;text-align: left;}
  .fakeprot + .collapsible-block .collapsible-block-folded{margin:0.5em 0;text-align: right;}
  .fakeprot .passw input[type=text] {text-security:disc;-webkit-text-security:disc;-mox-text-security:disc;}
  .mailform-box td:first-child {width: 400px;}

  Pages using this styling

  • scp-6010 [info]

  ¶ 1 occurrence
  

  .newcontainer {
      margin-top: 0.2rem; margin-bottom: -1.5rem;
      display: grid;
      grid-template-columns: 1fr 1fr 1fr 1fr;
      line-height: 20%;
      grid-template-rows: auto;
      grid-template-areas:
          "one two image image"
          "text text image image";
  }
  .slot1 { grid-area: one; }
  .slot2 { grid-area: two; }
  .slot1, .slot2 {
      text-align: center;
      margin-bottom: 0.1rem;
      padding: 4px;
      box-sizing: border-box;
  }
  .grid-image { grid-area: image; box-sizing: border-box; padding: 0.5rem; }
  .textslot { grid-area: text; padding: 0.5rem; padding-left: 0; }
  
  @media (max-width: 767px) {
      .newcontainer {
          grid-template-areas:
              "one one two two"
              "image image image image"
              "text text text text";
      }
  }
  
  .email {border: solid 2px #000000; width: 88%; padding: 1px 15px; margin: 10px; box-shadow: 0 1px 3px rgba(0,0,0,.5)}
  
  .emailchiang {border: solid 2px #000000; background: lavenderblush; width: 88%; padding: 1px 15px; margin: 10px auto; box-shadow: 0 1px 3px rgba(0,0,0,.5)}
  
  .emailokami {border: solid 2px #000000; background: antiquewhite; width: 88%; padding: 1px 15px; margin: 10px auto; box-shadow: 0 1px 3px rgba(0,0,0,.5)}
  
  .evencols tr th,
  .evencols tr td {
      width: 280px;
  }
  
  .footnotes-footer {
  display: none;
  }
  
  /*-- fancy collapsible, derived from monkatraz bhl collapsible --*/
  div[class*="email"] .collapsible-block-folded, div[class*="email"] .collapsible-block-unfolded-link {
      background: #7E2520;
      padding-top: 0.3rem;
      padding-bottom: 0.24rem;
      padding-left: 1rem;
      padding-right: 1rem;
      width: min-content;
      white-space: nowrap;
      overflow: hidden;
      margin:auto; /*-- center --*/
  }
  div[class*="email"] .collapsible-block-link {
      color: #f4f4f4;
      font-family: 'Fira Code', monospace;
      font-weight: bold;
      font-size: 96%;
  }
  div[class*="email"] .collapsible-block-link:hover {
      text-decoration: none
  }
  
  div[class*="email"] .collapsible-block-content {
      border-top: solid 0.24rem #7E2520;
      border-bottom: solid 0.24rem #7E2520;
  }
  
  div[class*="email"] .collapsible-block-folded .collapsible-block-link::before {
      content: "▷  ";
  }
  div[class*="email"] .collapsible-block-unfolded .collapsible-block-link::before {
      content: "▽  ";
  }
  

  Pages using this styling

  • scp-6009 [info]

  ¶ 1 occurrence
  

  div.chatbox-container {
      background: linear-gradient(rgba(220, 220, 250, 1), rgba(200, 200, 255, 1));
      border-radius: 10px;
      box-shadow: 4px 6px 8px #a98;
      padding: 1em .5em;
      display: block;
      width: 75%;
      align:center;
      margin-block-start: 1em;
      margin-block-end: 1em;
      margin-inline-start: 40px;
      margin-inline-end: 40px;
  z-index:30
  }
  
  table, th, td {
    border-bottom: 1px solid silver;
  }
  
  div.chatboxcontent {
      color:white!important;
      border-radius: 20px;
      background: #8c5450;
      padding: .5em 1em;
      width: 20%;
      margin:auto;
  }
  
  div.chatboxcontent a:link {
      color:white!important;
  }
  div.chatboxcontent a:visited {
      color:white!important;
  }
   
  @media (max-width: 600px) {
      div.chatbox-container {
      margin-inline-start: 0px;
      margin-inline-end: 0px;
      margin-block-start: 0em;
      margin-block-end: 1em;
  width:75%;
  padding: 1em;
      Margin: .5em 0em;
      position:fixed;
      right:4em;
      bottom:4em;
      }
  }
  
  .footnotes-footer { 
      visibility: hidden; 
      height: 0;
      padding: 0;
      margin: 0;
  }

  Pages using this styling

  • scp-6006 [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Kalam&display=swap');
  
  :root {
      --logo-image: url("https://nu-scptheme.github.io/Black-Highlighter/img/logo.svg");
  }
  
  html {
     -webkit-filter: grayscale(1); /* Older Webkit */
     -webkit-filter: grayscale(100%);
     -moz-filter: grayscale(100%);
     -ms-filter: grayscale(100%);
     -o-filter: grayscale(100%);
     filter: grayscale(100%);
     background-color: white;
  }
  
  .info-container .collapsible-block-folded a{
  color: #FFF;}
  .info-container .collapsible-block-unfolded-link a{
  color: #FFF;
  }
  .info-container .collapsible-block-unfolded-link a{
  color: #FFF;
  }
  
  #page-content > .collapsible-block {
      display: block;
      text-align: center;
      padding: .8em;
      background-color: #e3e3e3;
      border: 0.125rem dashed #b5b5b5;
      border-left: none;
      border-right:none;
  }
  .recommend > .collapsible-block {
      display: block;
      text-align: left;
      padding: auto;
      background-color: transparent;
      border: none;
  }
  
  #page-content > .collapsible-block .collapsible-block-content {
      text-align: left;
  }
  
  /* BOLD FOOTNOTES & COLLAPSIBLES (feel free to add more properties) */
  sup { font-weight: bold; }
  a.collapsible-block-link { font-weight: bold; }
  
  /* VERY FANCY LOOKING BOXES */
  .interview{
      border:solid 2px #d4d4d4;
      background:#F5F5F5;
      width:90%;
      padding:1px 15px;
      margin: 10px auto;
  }
  
  .addendum{
      border-left:solid 5px #642c2c;
      background:#ffffff;
      box-shadow: 1px 1px 4px #5e5e5e82;
      width:90%;
      padding:1px 15px;
      margin: 10px auto;
  }
  
  .request{   /* USED IN TRANSFER REQUESTS */
    background: #ffffff;
    padding-top: 5px;
    padding-bottom: 7px;
    border: solid 4px #a9a9a9;
    width: 80%;
  }
  .rant{
    background: #e2e2e2;
    width: 95%
    border: solid 2px #5e5e5e;
    padding-top: 5px;
    padding-bottom: 5px;
    color: black;
  }
  .dark{
    border-color: #323232;
    border-style: groove;
    background: #424242;
    color:white;
  }
  
  .journal{  /*USED IN SWAINE PERSONAL LOGS */
    border: 1px solid #EDEDED;
    width: auto;
    margin: 15px auto;
    font-family: 'Kalam', cursive;
    font-size: 110%;
  }
  .shadow{
    box-shadow: 0px 0px 40px -4px lightgray;
    width: 90%;
    margin: 15px auto;
    background:#E3E3E3;
  }
  
  .terminal{
      border:solid 3px #1f1f1f;
      background:#292929;
      padding:1px 15px;
      margin: 10px auto;
      text-align: center;
      color:white;
      font-size: 110%;
  }
  
  
  :root{
  --color: 64, 64, 64;
  --white: 166, 166, 166;
  
  --header-gradient-color-bottom: var(--white);
  --header-gradient-color-middle: var(--color);
  --header-gradient-color-top: var(--color);
  --diagonal-stripes: unset;
  
  }
  
  .info-container{
  --barColour: #404040;
  --linkColour: #cfcfcf;
  }
  
  
  .widebox div {
      position: relative;
      top: 80%;
  }
  
  .widebox {
      position: relative;
      left: calc(-50dvw + 50%);
      width: 100dvw !important;
      height: calc(60em);
      max-width: 100dvw !important;
      background-image: url(
  https://scptestwiki.wdfiles.com/local--files/jawn-bacon/beaconheader1.png);
      background-repeat: no-repeat;
      background-size: cover;
      background-position: top;
      margin-top: -3.70em;
      background-color: rgb(var(--dark-accent));
      -webkit-mask-image:-webkit-gradient(linear, left 70%, left bottom, from(rgba(0,0,0,1)), to(rgba(0,0,0,0)))
  }
  
  @media only screen and (max-width: 26.5625rem) {
  .widebox {
      background-image: url(
  https://scptestwiki.wdfiles.com/local--files/jawn-bacon/beaconmobile1.png);
  }
  }
  

  Pages using this styling

  • scp-6003 [info]

  ¶ 1 occurrence
  

  @font-face { font-family: 'UhBeeRice'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_five@.2.0/UhBeeRice.woff') format('woff'); font-weight: normal; font-style: normal; }
  
  #main-content {
    margin: 0 2em 0 22em;
    padding: 1em;
  }
  
  #page-content {
    font-size: 0.85em !important;
  }
  
  .page-rate-widget-box .rate-points {
    background-color: #999 !important;
    border: solid 1px #999;
  }
  .page-rate-widget-box .rateup,
  .page-rate-widget-box .ratedown {
    background-color: #fff;
    border-top: solid 1px #999;
    border-bottom: solid 1px #999;
  }
  .page-rate-widget-box .rateup a,
  .page-rate-widget-box .ratedown a {
    color: #999;
  }
  .page-rate-widget-box .rateup a:hover,
  .page-rate-widget-box .ratedown a:hover {
    background: #999;
    color: #fff;
  }
  .page-rate-widget-box .cancel {
    background-color: #999;
    border: solid 1px #999;
  }
  .page-rate-widget-box .cancel a {
    color: #fff;
  }
  .page-rate-widget-box .cancel a:hover {
    background: #fff;
    color: #999;
  }
  .rate-box-with-credit-button {
      background-color: #999 !important;
      border-color: #999 !important;
      border-radius: 5px;
      box-shadow: 1px 1px 3px rgba(0,0,0,.5);
  }
  .creditButton p a {
      border-left-color: #fff !important;
  }

  Pages using this styling

  • scp-600-ko [info]

  ¶ 1 occurrence
  

  
  :root{
       --titleColor: hsl(0, 0%, 95%);
       --subtitleColor: hsl(60, 62%, 85%);
       --lgurl: url(https://cdn.discordapp.com/attachments/689304077280215107/1021632930273054780/unknown.png);
  }
  
   #header::before{
       position: absolute;
       width: 100%;
       height: 100%;
       content: "";
   
       background-image: var(--lgurl);
       background-position: center top;
       background-repeat: no-repeat;
       background-size: auto 8.5em;
       margin-top: 0.5em;
       opacity: .46;
  }
   
  #header h1 a::before {
      content: var(--header-title, "SCP Foundation");
  }
  
  #header h2::before {
      content: var(--header-subtitle, "Secure, Contain, Protect");
  }
  
  #header h1 a::before{
       text-shadow: 4px 4px 4px hsla(0, 0%, 0%, .8);
  }
  
   #header h2::before{
       text-shadow: 3px 3px 3px hsla(0, 0%, 0%, .9);
  }
  
   #header h1 a::before{
       font-family: BauhausLTDemi, 'Nanum Gothic', Arial, sans-serif;
       font-size: 115%;
  }
  
   #header h2::before{
       font-family: 'Trebuchet MS', Arial, sans-serif;
  }
  
   :root{
     --header-title: "SCP Foundation";
     --header-subtitle: "Site-01 Deepwell Archives";
     --lgurl: url(https://cdn.discordapp.com/attachments/689304077280215107/1007890251404021810/unknown.png);
  }
  
  .info-container .collapsible-block-folded a{
  color: #FFF;}
  .info-container .collapsible-block-unfolded-link a{
  color: #FFF;
  }
  
  #page-content > .collapsible-block {
      display: block;
      text-align: center;
      font-weight: bold;
  }
  
  #page-content > .collapsible-block .collapsible-block-content {
      text-align: left;
      font-weight: normal;
  }
  

  Pages using this styling

  • scp-5997 [info]

  ¶ 1 occurrence
  

  .scp-logs {
      margin: 0% 13% 0% 9%;
      padding: 10px 20px 10px 20px;
      background-color: #f2f2f2;
  }
  
  @media only screen and (max-width: 600px) {
  
      .scp-logs {
          margin: 0% 4% 0% 4%;
      }
  }
  

  Pages using this styling

  • scp-5994 [info]

  ¶ 1 occurrence
  

  /* == COMMON == */
   :root {
      --bgColor: hsl(360, 6%, 21%);
      --fgColor: hsl(360, 8%, 15%);
  }
  
  /* == A/V LOG FORMAT == */
   .logs {
      padding-top: .8rem;
  
      font-family: var(--mono-font);
  }
  
   .logs hr {
      border-color: var(--accentColorLite);
  }
  
   table td {
      line-height: 1.5;
  }
  
   table.dialog {
      display: block;
      padding-top: 1.2rem;
  
      border-collapse: collapse;
  }
  
   table.dialog th {
      padding: 1.2rem .8rem 1.2rem 0;
  
      border-right: thin solid var(--accentColorLite);
  
      font: 1.05rem var(--header-font);
  }
  
   table.dialog td,
   table.dialog td.active tt {
      opacity: .75;
  
      font-style: italic;
  }
  
   table.dialog td {
      padding: 1.2rem 0 1.2rem .8rem;
  
      font-family: var(--mono-font);
  }
  
   table.dialog td.active {
      opacity: 1;
  
      font: 100%/1.5 var(--body-font);
      font-feature-settings: var(--glyphs);
  }
  
   @media (max-width: 767px) {
       table.dialog th {
      	font-size: .85rem;
      }
  }
  
  /* == BLACKLIGHT BOX == */
   .modal,
   .blbf-main > div {
      margin: 1.5rem .5rem;
  }
  
   .modal {
      width: calc(100% - 3rem);
      padding: 0 .75rem;
  
      color: var(--textColorMid);
      background: var(--fgColor);
      border: thick solid var(--accentColorLite);
  }
  
   .blbf-main > div {
      border-width: thick;
  
      hyphens: none;
  }
  
   .blbf-main > div::before {
      font-family: var(--header-font);
  }
  
   @media (max-width: 767px) {
       .blbf-main > div {
      	padding-top: 0;
      }
  }
  
  /* == COLLAPSIBLES == */
   .collapsible-block-folded a.collapsible-block-link {
      animation: flicker .8s ease-in-out infinite alternate;
  }
  
   @keyframes flicker {
       0% {
      	color: transparent;
      	border-bottom-color: transparent;
      }
  
       50%, 100% {
      	color: var(--accentColor);
      	border-bottom-color: var(--accentColor);
      }
  }
  
   a.collapsible-block-link:hover {
      color: var(--alphaColor) !important;
  }
  
   .unlock .collapsible-block-folded,
   .unlock .collapsible-block-unfolded-link {
      width: fit-content;
      margin: 5rem auto;
  }
  
   .unlock .collapsible-block-content {
      margin-top: 5rem;
      margin-bottom: 5rem;
  }
  
   .licensebox .collapsible-block-link {
      animation: 0 !important;
  }
  
  /* == DIV BLOCKS == */
   div.blockquote.lightweight {
      box-shadow: none;
  }
  
   @media (min-width: 768px) {
       div.blockquote.lightweight {
      	width: 75%;
      	margin: auto;
      }
  }
  
   .blockquote.lightweight.custom {
      width: fit-content;
      margin: 3.5rem auto;
  
      box-shadow: 5px 5px var(--keyColor);
  }
  
  /* == TABLES == */
   .abridged .wiki-content-table tr th {
      margin: 3.5rem auto;
      display: block;
  
      box-shadow: 5px 5px var(--keyColor);
  
      font: 1.15rem/1.2 var(--header-font);
  }
  
  /* == MISC. == */
   .scp-header {
      font-size: x-large;
  }
  
   .icon-tint {
      filter:
      	invert(.3)
      	sepia(.5)
      	saturate(800%)
      	hue-rotate(var(--tint))
      	opacity(.8);
  }

  Pages using this styling

  • scp-5990 [info]

  ¶ 1 occurrence
  

  .danke{
  padding: 4px 5px 4px 15px;
  margin-bottom:8px;
  width: 100%;
  font-family: monospace;
  font-size: 1.0em; }
  
  .agent{
  background-color:#002200;
  border: 3px solid #55AA55;
  color: #77CC77;
  }
  
  .site{
  background-color:#222200;
  border: 3px solid #AAAA55;
  color: #DDDD77;
  }

  Pages using this styling

  • scp-5985 [info]

  ¶ 1 occurrence
  

  .blink .collapsible-block-folded a.collapsible-block-link {
      animation: blink 0.8s ease-in-out infinite alternate;
  }
  @keyframes blink {
      0% { color: transparent; }
      50%, 100% { color: #b01; }
  }
  
  .blink a.collapsible-block-link {font-weight: bold;}
  
  .email {border: solid 2px #000000; width: 88%; padding: 1px 15px; margin: 10px; box-shadow: 0 1px 3px rgba(0,0,0,.5)}
  .email-example a.collapsible-block-link {font-weight: bold;}
  .tofrom {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px maroon}

  Pages using this styling

  • scp-5975 [info]

  ¶ 1 occurrence
  

  .danke{
  padding: 5px 5px 5px 15px;
  margin-bottom:10px;
  width: 100%;
  font-family: monospace;
  font-size: 1.1em; }
  
  .agent{
  background-color:#002200;
  border: 3px solid #55AA55;
  color: #77CC77;
  }
  
  .site{
  background-color:#222200;
  border: 3px solid #69AA55;
  color: #DDDD77;
  }
  

  Pages using this styling

  • scp-5975 [info]

  ¶ 1 occurrence
  

  /* anendlessusername's invaluable correction of the ACS octagon! */
  #page-content .quadrants > div {
      top: 2.25%;
      left: 18.5%;
  }
  div.textadventure {font-family:Courier; font-size:130%; border:none; background:#000000; color:#FFFFFF; padding: 16px; margin-bottom: 16px;}
  

  Pages using this styling

  • scp-5974 [info]

  ¶ 1 occurrence
  

  :root {
  --problem: 241, 167, 92
  }
  #page-content .main-class .class-text {
      font-size: 2em;
  }
  #page-content .contain-class .class-text {
      font-size: 2em;
  }

  Pages using this styling

  • scp-5974 [info]

  ¶ 1 occurrence
  

  
  @import url('https://fonts.googleapis.com/css?family=Special+Elite');
  @import url('https://fonts.googleapis.com/css?family=Courier+Prime');
  @import url('https://scp-wiki.wdfiles.com/local--files/component%3Aspirit-theme/telegram3.css');
  @import url('https://scp-wiki.wdfiles.com/local--files/component%3Aspirit-theme/Yukarimobile.css');
  
  #header {
    background-image: url(https://scp-wiki.wdfiles.com/local--files/grigori-karpin-s-author-page/Sovietlogowhite)
  }
  
  div#header h1 a span {
      font-size: 0px;
  }
  div#header h1 a:before {
      content: "SCP Foundation";
      color: #eee;
      
  }
  div#header h2 span {
      font-size:0px;
      padding: 6px;
  
  }
  div#header h2:after {
      content: "    Обезопасить, Удержать, Сохранить";
      font-weight: bold;
      color: #f0f0c0;
      padding: 19px 0;
      text-shadow: 1px 1px 1px rgba(0, 0, 0, .8);
      white-space: pre;
  }
   
  .CS-title {
      font-family: 'alpha_echoregular';
  }
   
  /* YUI-TABS */
  /* This is the parent class for most of the tab module.  */
  .yui-navset .yui-content{
      background-color: #F1F0E6;
      padding: 10px 25px 10px 25px;
      border-width: 15px 1px 1px 1px;
      border-color: #291f1f;
   
  }
   
  /* This section affects unselected tabs. */
  .yui-navset .yui-nav a,
  .yui-navset .yui-navset-top .yui-nav a {
      font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
      background-color: transparent;
      background-image: url(https://scp-wiki.wdfiles.com/local--files/component%3Aspirit-theme/yuitabs8.png);
      background-size: cover;
      border-width: 0px;
      padding: 2px 20px 0px 20px;
      margin-top: 10px;
      border-top: none;
  }
   
  /* This section affects the currently selected tab. */
  .yui-navset .yui-nav .selected a,
  .yui-navset .yui-nav .selected a:focus, /* no focus effect for selected */
  .yui-navset .yui-nav .selected a:hover { /* no hover effect for selected */
      font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
      background:transparent url(https://scp-wiki.wdfiles.com/local--files/component%3Aspirit-theme/yuitabs7.png) ; /* selected tab background */
      color:#000;
      background-size: cover;
      border-width: 0px;
      padding: 2px 20px 0px 20px;
      margin-top: 10px;
      border-top: none;
  }
   
  /* This section affects tabs you are hovering over. */
  .yui-navset .yui-nav a:hover,
  .yui-navset .yui-nav a:focus {
      font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
      background:transparent url(https://scp-wiki.wdfiles.com/local--files/component%3Aspirit-theme/yuitabs7.png) ;
      background-size: cover;
      text-decoration: hover;
      border-width: 0px;
      padding: 2px 20px 0px 20px;
      margin-top: 10px;
      border-top: none;
  }
   
  /* This removes the border around tab images. */
  .yui-navset .yui-nav,
  .yui-navset .yui-navset-top .yui-nav {
      border-color: transparent;
  }
  .yui-navset .yui-nav,
  .yui-navset .yui-navset-top .yui-nav {
      border-color: #291f1f;
  }
  .yui-navset li {
      line-height: normal;
  }
  .yui-navset .yui-nav a em, .yui-navset .yui-navset-top .yui-nav a em {
      border-color: none;
      border-width: 0;
      bottom: 0;
      left: 0;
      padding: 0.25em 0.75em;
      position: relative;
      right: 0;
      top: -1px;
  }
  span.redacted {
      color: black;
      background-color: black;
  }
  
  .c_content {
      font-family: 'Bahnschrift SemiBold';
      font-style: italic;
      width: 90%;
      line-height: 20px;
      display: inline-block;
      padding-top: 75px;
      padding-left: 20px;
      padding-right: 25px;
      vertical-align: top;
      transition: all .7s;
      background: linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,.5)), url("https://topia.wdfiles.com/local--files/offset%3Aoldimey/oldtimeywhimey.jpg") ;
  }
  
  .c_content h1, .c_content span {
      font-style: normal;
  }
  
  .c_content h1 {
      font-size: 150%;
      font-family: "alpha_echoregular";
      font-weight: normal;
      margin: -0.3em 0 -0.3em 0.3em;
      color: inherit;
  }
  

  Pages using this styling

  • scp-5957 [info]

  ¶ 1 occurrence
  

  
  /* -=- HEADER -=- */
   
  #header h1 a::before {
      content: "The Beholder Program";
      margin-left: 3.5rem;
  }
   
  #header h2::before {
      content: "Re-Discovering Space.";
      text-shadow: 0rem 0rem 0.3125rem #000000;
      margin-left: 5.5rem;
  }
   
  /* -=- HEADER BACKGROUND -=- */
   
  div#container-wrap {
      background: url(https://scp-wiki.wikidot.com/local--files/theme:last-frontier/Earth.jpg) top left repeat-x;
      background-size: 100%;
  }
  
  div#header {
      background-image: url('http://scptestwiki.wikidot.com/local--files/sigma:vivarium-test-page/Logo.gif');
      background-size: 8.3rem;
      background-position: 38px 26px;
  }
  
  /* -=- SEARCH BAR -=- */
   
  #search-top-box-input,
  #search-top-box-input:hover,
  #search-top-box-input:focus {
      background-color: #150100;
      margin-left: 0.5rem;
  }
   
  #search-top-box-form input[type=submit],
  #search-top-box-form input[type=submit]:hover,
  #search-top-box-form input[type=submit]:focus {
      background-color: #61000d;
      margin-left: 0.5rem;
   
  }
  
  /* -=- MEDIA SELECTORS -=- */
   
  @media screen and (max-width: 50rem) {
  
      #header h1 a::before {
          margin-left: 3.5rem;
      }
   
      #header h2::before {
          margin-left: 4.5rem;
      }
   
      #header {
          background-image: none !important;
          padding-bottom: 1.875rem !important;
      }
  
      div#extra-div-1 {
          height: 160px;
          width: 100%;
          top: 0;
          position: absolute;
          background: url('http://scptestwiki.wikidot.com/local--files/sigma:vivarium-test-page/Logo.gif');
          background-size: contain;
          background-repeat: no-repeat;
          background-position: 50% 50%;
          z-index: -1;
      }
  
   
  }
  

  Pages using this styling

  • scp-5943 [info]

  ¶ 1 occurrence
  

  .textchange div.sitemember:nth-child(2) {
  display:none;
  }
  .textchange div.sitemember:nth-child(2) {
  display:none;
  }

  Pages using this styling

  • scp-5943 [info]

  ¶ 1 occurrence
  

  /*-- ACS Lite Animation Compatibility Patch --*/
  .anom-bar > .bottom-box::before { display: none; }
  .anom-bar > .bottom-box { box-shadow: none!important; }
  div.diamond-part { clip-path: none; animation: none; box-shadow: none!important; }
  @media (max-width: 480px) {
  div.top-right-box { clip-path: polygon(0% -30%, 100% -30%, 100% 130%, 0% 130%); }
  }
  .ad_memo {
      background: url(https://scp-wiki.wdfiles.com/local--files/scp-7000/ADtransparent.png) #545454;
      background-size: 400px;
      background-position: center;
      background-repeat: no-repeat;
      box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
      width: 90%;
      min-height: 4rem;
      max-height: 100rem;
      margin-left: auto;
      margin-right: auto;
      padding: 10px 20px 20px 20px;
      word-break: break-word;
  }
  .ad_memo>p:nth-child(1)::before {
      content: "FROM THE OFFICE OF THE OVERSEER\00000a";
      font-family: 'Work Sans', sans-serif;
      font-weight: 900;
      font-size: 130%;
      text-align: center;
      margin-bottom: 1rem;
      padding-bottom: 0.3rem;
      border-bottom: dotted 0.13rem darkslategrey;
      max-width: 49rem;
      margin-left: auto;
      margin-right: auto;
      display: flex;
      flex-direction: column;
      align-content: stretch;
      align-items: center;
  }
  
  :root{
    --header-title: "SCP FOUNDATION";
    --header-subtitle: "Site-78 Archive";
    --lgurl: url(http://scp-sandbox-3.wdfiles.com/local--files/rtsandboxnoketerleftbehind/scp-reintegration-sigil-alt.png);
  }

  Pages using this styling

  • scp-5938 [info]

  ¶ 1 occurrence
  

  sup { 
  vertical-align: top; position: relative; top: -0.5em; 
  }
  :root{ 
  --cutColour: #fafafa;
  --barColour: #590505;
  }
  .translation_block{
  display:none;}
  
  #page-content .info-container {
      --link-color: rgb(var(--swatch-text-general));
  }
  
  #page-content .info-container .translation_block {
      display: none;
  }
  
  #page-content .info-container .collapsible-block-link,
  #page-content .info-container:hover .collapsible-block-link {
      line-height: 1.6em;
  }
  
  #page-content .info-container .collapsible-block-folded,
  #page-content .info-container .collapsible-block-unfolded-link {
      display: grid;
  }
  
  #page-content .info-container .collapsible-block-folded .collapsible-block-link,
  #page-content .info-container .collapsible-block-link {
      -webkit-mask: unset;
              mask: unset;
      background: transparent;
      grid-column: 1;
      grid-row: 1;
      opacity: 0;
  }
  
  #page-content .info-container .collapsible-block-folded::before,
  #page-content .info-container .collapsible-block-unfolded-link::before {
      --wght: 800;
      content: "djkaktus";
      color: #FFFFFF;
      font-family: Inter, Arimo, Verdana, Geneva, "Helvetica Neue", "Helvetica", Arial, sans-serif;;
      display: block;
      pointer-events: none;
      grid-column: 1;
      grid-row: 1;
  }
  
  .pulsate {
      -webkit-animation: pulsate 1s linear;
      -webkit-animation-iteration-count: infinite; 
  }
  @-webkit-keyframes pulsate {
    0% {
      opacity:1;
    }
    25% {
      opacity:.20;
    }
    50% {
      opacity:.9;
    }
    70% {
      opacity:.05;
    }
    85% {
      opacity:.05;
    }
  }

  Pages using this styling

  • scp-5935 [info]

  ¶ 1 occurrence
  

  .box{
      border: 1px dashed #cdcdcd;
      background-color: #f5f5f5;
      padding: 15px;
      margin: 20px 0;
  }
  
  .log{
      border: none
      background-color: #ffffff;
      padding: 15px;
      margin: 20px 0;
      box-shadow : 0 0 7px rgba(0 , 0 , 0 , 0.3);
  }

  Pages using this styling

  • scp-5932 [info]

  ¶ 1 occurrence
  

  .log {
  font-family: "Roboto Mono", monospace;
  margin: 10px auto;
  background: #f5f5f5;
  width: 75%;
  padding: 15px; 
  border: dashed 1px #d9d9d9;
  }
  
  
  

  Pages using this styling

  • scp-5930 [info]

  ¶ 1 occurrence
  

  
  .invisible {
      visibility: hidden;
      position: absolute;
      top: -9999px;
      opacity: 0;
  }
  

  Pages using this styling

  • scp-5921 [info]

  ¶ 1 occurrence
  

  sup {
      vertical-align: top;
      position: relative;
      top: -0.5em;
  }
  
  :root {
      --cutColour: #fafafa;
      --barColour: #590505;
  }
  
  .translation_block {
      display: none;
  }
  
  .info-container .collapsible-block-folded a {
      color: #FFF;
  }
  
  .info-container .collapsible-block-unfolded-link a {
      color: #FFF;
  }
  
  .info-container .collapsible-block-link,
  .info-container:hover .collapsible-block-link {
      line-height: 1.6em;
  }
  .parawatch {
      background:  #000000;
      border-width: 2px;
      border-style: solid;
      border-color: #262626;
      color: #f2f2f2;
      font-family: 'PT Mono', monospace;
  }
  
  .parawatch a {
      color: #6F9;
      font-weight: bold;
  }

  Pages using this styling

  • scp-5904 [info]

  ¶ 1 occurrence
  

  .blinkbar {color: red;font-size:125%; animation: blink 1.5s infinite; letter-spacing: -0.13em;}@keyframes blink{to{opacity: .0;}}@keyframes flicker {0% {opacity: 0.9890; }5% {opacity: 0.5842; }10% {opacity: 0.9865; }20% {opacity: 0.0412; }20% {opacity: 0.6255; }25% {opacity: 0.3157; }30% {opacity: 0.7328; }35% {opacity: 0.4654; }40% {opacity: 0.9128; }45% {opacity: 0.2449; }50% {opacity: 0.5485; }55% {opacity: 0.6438; }60% {opacity: 0.1180; }65% {opacity: 0.9085; }70% {opacity: 0.0266; }75% {opacity: 0.6795; }80% {opacity: 0.7812; }85% {opacity: 0.0117; }90% {opacity: 0.2239; }95% {opacity: 0.8897; }100% {opacity: 0.2260; }}@keyframes overlay-anim {0% {visibility: hidden; }10% {visibility: hidden; }11% {visibility: visible; }50% {visibility: hidden; }100% {visibility: hidden; }}
  .collapsible-block-folded a.collapsible-block-link {
      animation: blink 0.8s ease-in-out infinite alternate;
  }
  @keyframes blink {
      0% { color: transparent; }
      50%, 100% { color: #b01; }
  }
  .email {float: center; border: solid 2px #000000; width: 88%; padding: 1px 15px; margin: 10px 10px 10px 10px; box-shadow: 0 1px 3px rgba[0,0,0,.5]}
  a.collapsible-block-link { font-weight: bold; }
  .tofrom {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px maroon}

  Pages using this styling

  • scp-5903 [info]

  ¶ 1 occurrence
  

  /* add separator between image and caption */
  .block-center img {
      border-bottom: .0625rem solid rgb(var(--swatch-primary-darkest));
  }
  
  /* add gap on top of addendum images */
  .addendum .scp-image-block {
      margin-top: 0.5em;
  }
  
  /* this and the below include are for chat logs */
  .memberbot {
      color: #ccc;
  }
  
  .member1 {
      color: #e40;
  }
  
  .member2 {
      color: #1f1;
  }
  
  .member3 {
      color: #a38;
  }
  
  .member4 {
      color: #99f;
  }
  
  .member5 {
      color: #0be;
  }
  
  .member6 {
      color: #906;
  }
  
  .memberbot:hover,
  .member1:hover,
  .member2:hover,
  .member3:hover,
  .member4:hover,
  .member5:hover,
  .member6:hover {
      cursor: pointer;
      text-decoration: underline;
  }
  
  .memberbot:active,
  .member1:active,
  .member2:active,
  .member3:active,
  .member4:active,
  .member5:active,
  .member6:active {
      background-color: #99f;
      border-radius: 4px;
  }

  Pages using this styling

  • scp-5900 [info]

  ¶ 1 occurrence
  

  :root {
      --logo-image: url("http://scp-wiki.wdfiles.com/local--files/limey-s-citrus-corner/enby-bi-pride.png");
      --dark-accent: 20, 22, 24;
      --pale-accent: 228, 228, 228;
      --bright-accent: 228, 228, 228;
      --dark-gray-monochrome: 48, 48, 52;
      --black-monochrome: 20, 22, 24;
  }

  Pages using this styling

  • scp-5894 [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Gloria+Hallelujah&display=swap');
  @import url('https://fonts.googleapis.com/css?family=PT+Mono&display=swap');
  
  .page {
      display: block;
      overflow: hidden;
      font-family: 'Gloria Hallelujah', cursive;
      font-style: normal;
  
      background-attachment: scroll;
      background-clip: border-box;
      background-color: transparent;
      background-image: linear-gradient(to top ,rgb(202, 219, 228) 0%, rgb(231, 233, 220) 8%);
      background-origin: padding-box;
      background-position: 0px 8px;
      background-repeat: repeat;
      background-size: 100% 20px;
  
      border: 1px solid #CCC;
      border-radius: 10px;
      padding: 10px 10px;
      margin-bottom: 10px;
  
      box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2)
  }
  
  .page p {
      line-height: 20px;
      margin: 0;
  }

  Pages using this styling

  • scp-5893 [info]

  ¶ 1 occurrence
  

  div.box {
          display: flow-root;
          border: .063em dashed rgba(var(--swatch-border-color),.25);
          background-color: rgb(var(--swatch-menubg-light-color));
          padding: 0 1em;
          margin-block-start: 1em;
          margin-block-end: 1em;
          margin-inline-start: 40px;
          margin-inline-end: 40px;
  }

  Pages using this styling

  • scp-5885 [info]

  ¶ 1 occurrence
  

  .page {
      display: block;
      overflow: hidden;
      font-family: "Bradley Hand", cursive;
      font-style: normal;
      font-size: medium;
  
      background-attachment: scroll;
      background-clip: border-box;
      background-color: transparent;
      background-image: linear-gradient(to top ,rgb(202, 219, 228) 0%, rgb(231, 233, 220) 8%);
      background-origin: padding-box;
      background-position: 0px 8px;
      background-repeat: repeat;
      background-size: 100% 20px;
  
      border: 1px solid #CCC;
      border-radius: 10px;
      padding: 10px 10px;
      margin-bottom: 10px;
  
      box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2)
      }
  .page p,
  .page ul {
      line-height: 20px;
      margin: 0;
  }

  Pages using this styling

  • scp-5881 [info]

  ¶ 1 occurrence
  

  .green {background-color:#FDF6D7;"}
  }
  .red {background-color:#F6D9E1;"}
  }

  Pages using this styling

  • scp-5866 [info]

  ¶ 1 occurrence
  

  div.page-rate-widget-box .rate-points {
  border: none !important;
  }
  
  div.poppin{
  box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset !important;
  border-radius: 5px 5px 5px 5px !important;
  }
  .breaklinker a {color: #ededed; text-decoration: underline; 
                 }
  .breaklinker a:hover {
  color: var(--basalt-main-text-color);
  }
  .breaktexter {color: #ededed;}
  .breaktexter p:hover {color: var(--basalt-main-text-color); }
  .blockquote {border-color: #ffffff;    
                   background-color: #000000;
      	}
  .container  {position: relative;
                   text-align: center;
                   color: black;
      	 width:100%;
      	}
  .centered  	{position: absolute;
     		 top: 50%;
      	 left: 50%;
     		 transform: translate(-50%, -50%);
  }
  :root {
      --header-logo: url(https://scp-wiki.wdfiles.com/local--files/scp-5861/domc.png);
      --header-title: "P.M. CENTER";
      --header-subtitle: "Hybrid Studies";
  
  }
  

  Pages using this styling

  • scp-5861 [info]

  ¶ 1 occurrence
  

  
  @import url('https://fonts.googleapis.com/css?family=Courier+Prime');
  @import url('https://fonts.googleapis.com/css?family=Special+Elite');
  @media (max-width: 900px) {
  }
  @import url('https://scp-wiki.wdfiles.com/local--files/theme:twin-files/stylesheet-alt.css');
  @import url('https://fonts.googleapis.com/css2?family=Jost&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Rubik&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Archivo&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Sedgwick+Ave&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Arimo&display=swap');
  
  :root {
  --img-chew444: var(--MASK-chew222);
      --MASK-chew_repeat: repeat;
      --MASK-chew_size:100%;
      --theme-base: "black-highlighter";
      --logo-image: url("https://scp-wiki.wdfiles.com/local--files/theme:twin-files/fiic-logo-wash.png");
      --header-title: "FIIC";
      --header-subtitle: " ";
  
  --dark-accent:rgb(110, 100, 105);
  --page-bg:var(--color-grey);
  --accentColor:#542429;
  
  --color-red:#990314;
  --color-darkred:#6f1212;
  --color-grey:#ecebf0;
  --color-grey-pale:#eee;
  --color-grey-dark:#e0e1e1;
  --color-grey-darker:#d2d2d2;
  --color-grey-darkest:#c4c4c4;
  --swatch-primary-darker:egb(64,96,22);
  
  --color-kraft:rgb(185,137,102);
  --color-navy:rgb(20,21,39);
  --color-blue:#2c477d;
  --color-paleblue:#4e5166;
  --color-gold:#c39c52;
  --color-brown:#ead1b3;
  
  --color-light:#e8e8e8;
  --color-darkest:#000;
  --color-darker:#333;
  --color-dark:#555;  
  
   
      --body-font: 'Jost', sans-serif;
      --header-font: 'Rubik', sans-serif;
      --title-font: 'Archivo', sans-serif;
      --mono-font: 'IBM Plex Mono', monospace;
      --UI-font: var(--printer-paper-font);
   
      --manila-tabs-font: 'Telegraphem', monospace;
      --manila-body-font: 'Remington Noiseless', serif;
      --blokquote-alt-font: var(--printer-paper-font);
      --ticker-font: 'Nouveau IBM', monospace;
      --printer-paper-font: 'Alte Haas Grotesk', sans-serif;
      --handwriting-font: 'Sedgwick Ave', cursive;
      --windows-font: 'Modern DOS 8x16', sans-serif;
      --logs-header-font: 'Commodore 64 Angled', sans-serif;
      --logs-text-font: 'BabelSans', sans-serif;
      --logs-dialogue-font: 'Arimo', sans-serif;
      --logs-action-font: 'MoonGloss Display', sans-serif;
   
      --header-height-on-desktop: 11.5rem;
      --header-height-on-mobile: 11.5rem;
   
      /* WHITE - GREY */
      --win-white: 255, 255, 255;
      --win-grey: 195, 195, 195;
      --win-lborder: 237, 237, 237;
      --win-border: 207, 207, 207;
   
      --printer-paper: 245, 242, 235;
      --believe-white: 215, 216, 217;
      --grey-child: 205, 206, 208;
      --papers-edge: 176, 176, 176;
      --another-grey: 196, 196, 196;
      --filing-cabinet: 193, 197, 201;
      --white-lodge: 159, 160, 161;
   
      --one-more-grey: 99, 99, 99;
      --dark-track: 40, 42, 46;
      --faded-type: 28, 28, 28;
      --ink-blot: 10, 10, 10;
   
      /* BLUE */
      --dept-blue: 2, 4, 20;
      --saucer-steel: 19, 21, 26;
      --believe-grey: 25, 29, 43;
      --einhander-gun: 78, 82, 92;
      --fiic-blue: 16, 20, 105;
      --fiic-grey: 119, 125, 140;
   
      --cooper: 98, 112, 140;
      --mulder: 69, 84, 115;
      --skinner: 41, 51, 91;
      --scully: 34, 40, 54;
   
      /* BROWN */
      --manila-folder: 217, 201, 160;
      --manila-body: 224, 213, 186;
      --manila-edge: 189, 169, 124;
   
      --coffee-ring: 71, 39, 5;
      --dead-wood: 43, 35, 25;
      --light-desk: 26, 24, 21;
      --dark-desk: 13, 12, 11;
   
      --reyes: 224, 219, 195;
      --doggett: 140, 119, 98;
   
      /* GREEN */
      --peaks-green: 0, 145, 9;
   
      /* YELLOW */
      --highlighter: 214, 184, 36;
      --post-it: 230, 223, 131;
   
      /* RED */
      --red-room: 163, 0, 0;
  
  --color-darkest:#000;
  --color-darker:#333;
  --color-dark:#555;  
  
      --mz-paper-bg:rgba(236,235,220, 0.6);
      --mz-paper-bg222:#e9e9e2;
   --tip-bdcl:155,155,155;
      --tip-color:var(--color-grey-darker);
      --tip-deg:-45deg;
      --tip-dogear-size:1.5em;
      --tip-dogearoll-size:calc( var(--tip-dogear-size) * 1.4); 
      --tip-maxwidth_PC:calc(var(--content-width, 56rem) * 0.5);
      --tip-dogearoll-margin: 0rem -0.9rem 0 0;
  
  --icon-noise:url(https://scp-wiki.wikidot.com/local--files/theme:magazine/IMG_noise.png);
   
      /* THEME ASSIGNMENTS */
      --white-monochrome: var(--filing-cabinet);
      --pale-gray-monochrome: var(--reyes);
      --light-gray-monochrome: var(--manila-edge);
      --gray-monochrome: var(--ink-blot);
      --dark-gray-monochrome: var(--filing-cabinet);
      --black-monochrome: var(--printer-paper);
      --pale-accent: var(--cooper);
      --bright-accent: var(--doggett);
      --medium-accent: var(--scully);
      --dark-accent: var(--mulder);
   
  
  
      --swatch-topmenu-bg-color: var(--einhander-gun);
      --swatch-topmenu-border-color: var(--einhander-gun);
   
      --swatch-code-text-general: var(--swatch-text-dark);
  
      --swatch-text-dark: var(--ink-blot);
      --swatch-text-general: var(--swatch-text-light);
   
      --swatch-menubg-color: var(--filing-cabinet);
      --swatch-menubg-medium-color: var(--papers-edge);
      --swatch-menubg-medium-dark-color: var(--ink-blot);
   
      --swatch-menutxt-light-color: var(--believe-white);
      --swatch-menutxt-dark-color: var(--ink-blot);
      --swatch-menutxt-general-color: var(--swatch-menutxt-dark-color);
   
      --swatch-text-secondary-color: var(--ink-blot);
      --swatch-text-tertiary-color: var(--believe-white);
      --swatch-important-text: var(--bright-accent);
   
      --header-gradient-color-top: var(--saucer-steel);
      --header-gradient-color-middle: var(--believe-grey);
      --header-gradient-color-bottom: var(--saucer-steel);
      --background-gradient-distance: 0rem;
      --diagonal-stripes: linear-gradient(transparent 0);
   
      --sidebar-transition-timing: 0.8s ease-in-out 0.1s;
   
      --hover-link-color: var(--highlighter);
      --newpage-color: var(--manila-folder);
      --link-color: var(--manila-folder);
      --visited-link-color: var(--grey-child);
   
      --rating-module-bg-color: var(--einhander-gun);
      --rating-module-button-plus-color: var(--peaks-green);
      --rating-module-button-cancel-color: var(--scully);
      --rating-module-bottom-border-color: var(--scully);
      --rating-module-text-hover-color: var(--swatch-text-tertiary-color);
   
      --toggle-button-bg: rgba(var(--ink-blot), 0);
      --toggle-border-color: rgb(var(--printer-paper));
      --toggle-icon-color: rgb(var(--believe-white));
      --toggle-roundness: 0%;
   
      --ui-button-bg: var(--another-grey);
      --ui-button-txt: var(--ink-blot);
      --ui-button-hover-bg: var(--skinner);
      --ui-button-hover-outline: var(--scully);
      --ui-button-hover-txt: var(--printer-paper);
  
  
       --SB-btn_border_cl:var(--color-darker);
      --SB-btn_txt:var(--color-darker);
  
      --PGtt-line_color:var(--color-darker);
  }
   #main-content {
      --tabs-bg: var(--manila-folder);
      --tabs-txt: var(--ink-blot);
      --tabs-hover-bg: var(--manila-edge);
      --tabs-hover-txt: var(--dead-wood);
      --tabs-selected-bg: var(--manila-edge);
      --tabs-selected-txt: var(--ink-blot);
      --tabs-selected-outline: var(--manila-edge);
      --tabs-bottom-border-color: var(--manila-edge);
  .CS-title {
      font-family: 'alpha_echoregular';
  }
   
  .page {
      display: block;
      overflow: hidden;
      font-family: "Monotype";
      font-style: normal;
      background-attachment: scroll;
      background-clip: border-box;
      background-color: transparent;
      background-image: linear-gradient(to top ,rgb(202, 219, 228) 0%, rgb(255,244,139) 8%);
      background-origin: padding-box;
      background-position: 0px 8px;
      background-repeat: repeat;
      background-size: 100% 20px;
      border: 1px solid #CCC;
      border-radius: 10px;
      padding: 10px 10px;
      margin-bottom: 10px;
      box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2)
  }
  
  
  
  /* Imports */
  /* Note that fonts MUST be imported synchronously using the link element,
   * otherwise the page structure may not render properly */
   
  /* Styling */
   
  .pages-container {
    font-size: min(4vw, 1rem);
    position: relative;
  }
   
  /* A page without a medium needs some default styling. */
  .aspect-ratio {
    margin: 1rem 0;
    /* The padding-top should be the ratio of the bg image's width / height */
    padding-top: calc(400 / 700 * 100%);
    position: relative;
  }
  .page {
    height: 0;
    padding: 2rem 2rem 3rem;
    position: absolute;
    height: 100%; width: 100%; top: 0; left: 0;
    box-sizing: border-box;
  }
  .page::before {
    content: "";
    position: absolute;
    height: 100%; width: 100%; top: 0; left: 0;
    pointer-events: none;
    background-image: linear-gradient(beige, antiquewhite);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    z-index: -1;
    box-sizing: border-box;
  }
   
  .content {
    position: relative;
    display: flex;
    flex-direction: column;
  }
  .content > * {
    margin-block-start: 0.5em;
    margin-block-end: 0.5em;
  }
   
  p, img, div { max-width: 100%; }
  h1, h2, h3, h4, h5, h6 { line-height: 1em; }
   
  /* Each medium gets its own style. */
   
  /* Vintage book */
   
  .vintage-book {
    font-family: 'Libre Baskerville', serif;
    color: #514132;
    line-height: 1.5em;
    text-align: justify;
  }
  .vintage-book .aspect-ratio {
    padding-top: calc(2500 / 2250 * 100%);
  }
  .vintage-book .page {
    padding: 8vw 17vw;
  }
  .vintage-book .page::before {
    background-image:
      url(https://scp-wiki.wikidot.com/local--files/component:pages/book.1000px.webp);
  }
  .vintage-book > :nth-child(2n+1) .page::before {
    transform: scaleX(-1);
  }
  .vintage-book .content {
    transform: skewY(-0.5deg);
  }
  .vintage-book > :nth-child(2n+1) .content {
    transform: skewY(0.5deg);
  }
  .vintage-book .split-paragraph-start {
    text-align-last: justify;
  }
  .vintage-book .content > p:not(.split-paragraph-end):not(.is-image) {
    text-indent: 2em;
  }
   
  /* Gdocs */
   
  .gdocs {
    font-family: sans-serif;
    color: #15141A;
    line-height: 1.25em;
  }
  .gdocs .aspect-ratio {
    padding-top: calc(1.414 / 1 * 100%);
  }
  .gdocs .page {
    padding: 10vw 10vw;
  }
  .gdocs .page::before {
    background: white;
    border: thin solid grey;
  }
  
  
  
  .mz-paper{
          border: 2px double #555;
          padding:0.5rem 0.5rem;
          margin: 0rem 0rem;
          background-size:100px;
          background-position: 0% 0%;
          background-repeat: repeat;
          background-color:var(--mz-paper-bg);
          background-image: var(--icon-noise);
  }
  .hovertip .content .footnote,
  .mz-note{
      min-width: 15vw;
  }
  
  .hovertip  .content,
  .mz-note{
      background-image:linear-gradient(var(--tip-deg),transparent 0%, transparent var(--tip-dogear-size) ,var(--tip-color) var(--tip-dogear-size), var(--tip-color) 100%);
      -webkit-filter: drop-shadow(0px 0px 2px rgba(var(--tip-bdcl),0.5));
      filter: drop-shadow(0px 0px 2px rgba(var(--tip-bdcl),0.5));
  }
  
  .hovertip  .content:after,
  .mz-note::after{
      content: "  ";
      display: block;
      width: var(--tip-dogearoll-size);
      height: var(--tip-dogearoll-size);
      background-size:contain;
      background-image:linear-gradient(var(--tip-deg),transparent 0%, transparent 50% , var(--tip-color) 50%, var(--tip-color) 100%);    
      float: right;
      margin: 0 -0.5rem -0.5rem 0;
      -webkit-filter: drop-shadow(-2px -1px 4px rgba(var(--tip-bdcl),0.6))  drop-shadow(2px -1px 1px rgba(var(--tip-bdcl),0.2)) grayscale(50%);
      filter: drop-shadow(-2px -1px 4px rgba(var(--tip-bdcl),0.6))  drop-shadow(2px -1px 1px rgba(var(--tip-bdcl),0.2)) grayscale(50%);
      position: absolute;
      bottom: 0;
      right: 0;
      margin: 0;
  }
  
  .mz-note.note-left{
      --tip-deg:45deg;
  }
  
  .mz-note.note-left:after{
     float: left;
      right: unset;
      left: 0;
  }
  
  .mz-note .blockquote,
  .mz-note blockquote{
      padding:0 1em;
      margin: 1rem 1em;
  }
  
  .mz-note hr{
     border-width: 2px;
     border-style: solid;
  }
  
  #page-content .mz-note{
      max-width:var(--tip-maxwidth_PC);
      padding: 0.5rem;
  }
  
  a.footnoteref  {
      display: inline-flex;
      font-family:var(--page-tt-font);
      text-decoration: none;
  }
  
  a.footnoteref::before{
      content: "(";
      margin: 0 0.1em;
  }
  
  a.footnoteref::after{
      content: ")";
        margin: 0 0.1em;
  }
  
  .hovertip  {
      --tip-dogear-size:1em;
      --tip-dogearoll-size:1.35em;
      border: none !important;
      background: transparent !important;
    /* width: auto !important;*/
      font-size:var(--tip-txt_size)
  }
  
  .hovertip .content{
      --tip-dogear-padding: 0.5rem  calc(var(--tip-dogearoll-size) + 0.5em) 0.5rem 0.5rem;
      -webkit-filter: drop-shadow(0px 0px 3px rgba(var(--tip-bdcl),0.5))  drop-shadow(0px 0px 1px rgba(var(--tip-bdcl),1));  
      filter: drop-shadow(0px 0px 3px rgba(var(--tip-bdcl),0.5))  drop-shadow(0px 0px 1px rgba(var(--tip-bdcl),1));  
      padding:var(--tip-dogear-padding);
      font-size: 110%;
      min-height: var(--tip-dogearoll-size);
  }
  
  .hovertip .f-footer{
      height: 0;
      font-size: 0;
  }
  
  .hovertip .f-heading  {
      max-width: 11em;
      padding: 0em 0 0em 0em;
      font-size: 110%;
      font-family:var(--handwriting-font);
      letter-spacing:1px;
      font-weight: 600;
  }
  
  .hovertip .f-heading::after {
      content: ' ';
      height: 0.1rem;
      display: block;    
      padding: 0;
      margin-left: -5px;  
      background-image: linear-gradient(70deg, transparent 0px,  var(--color-navy) 8%,  var(--color-navy) 10%, transparent 100%);
  }
  
  @media (max-width: 500px) {  
    #page-content .mz-note{
       max-width: 90%;
    }   
    .hovertip {
      max-width: 90vw;
        --tip-txt_size:0.9em;
    }
   a.footnoteref  {
      font-size:80%;
    }
  }
  
  /* 非脚注的注释 */
  .hovertip:not(:has(.f-heading))  .content {
      --tip-dogear-size:0;
      --tip-dogearoll-size:0;
      --tip-dogear-padding:0.5rem 1em;
      --tip-color:var(--color-grey-pale);
      letter-spacing: 1px
  }
  
  
  .img-border.img-paper .scp-image-block {      
      background: linear-gradient(-45deg,transparent 15px,var(--mz-paper-bg222) 0) bottom right,
                 linear-gradient(45deg,transparent 15px,var(--mz-paper-bg222) 0) bottom left,
                 linear-gradient(135deg,transparent 15px,var(--mz-paper-bg222) 0) top left,
                 linear-gradient(-135deg,transparent 15px,var(--mz-paper-bg222) 0) top right;
  }
  @media (max-width: 550px) {    
     .notebook-body, .notepage-body{
       --NOTEPAGE-txt_size: 0.9rem;
       --NOTE-bookmark_display:none;
       --NOTE-bookseam_display:none;
      }  
  
      .mz-notebook-wrap {        
      --NOTEBOOK-grid:'left' 'right';
      --NOTEBOOK-grid-columns:auto;
      --NOTEBOOK-mid_display:none;
      --NOTEBOOK-bookmark_display:none;    
      --box-bk-0:none;
       --NOTEPAGE-side_width: 0.6rem;
       --NOTEBOOK_padding:0 0 1em 0;
          --NOTEBOOK_border:3px solid #bbb;
      }
  
      .notebook-right{
          --NOTEBOOK-bookmark_display:none;
          margin-top: calc( 0em - var(--NOTEPAGE-line-height) / 2);
      }
  
  }
  
  .mz-notequote-wrap{
       --NOTE-quote_line: var(--color-grey-darkest);
      --NOTEPAGE-footer_display:inline-grid;
      --color-header-footer: var(--NOTE-quote_bg);
      --NOTEPAGE-header_min-height:1.2em;
      --NOTEPAGE-footer_min-height:1.2em;
          --NOTEPAGE-before_display:none;
          --NOTEPAGE-after_display:none;
     --MASK-chew: none;
      --MASK-chew222:none;
      --page-color:red;
  
  }
  
  .mz-notequote-wrap .notepage-main,
  .notepage-main :is(.blockquote, blockquote){
      background-color:  var(--NOTE-quote_bg);
     background-image: linear-gradient(to top ,var(--NOTE-quote_line) 0%, var(--NOTE-quote_bg) 10%);        
      border: 0;
      margin-top: var(--NOTEPAGE-line-height);
      margin-bottom: 0;
      background-position: 0 var(--NOTEPAGE-line-height_half);
      padding: var(--NOTE-quote_padding);
      -webkit-filter: var(--NOTE-quote_shadow);
              filter: var(--NOTE-quote_shadow);
  }
  
  .mz-notequote-wrap .notepage-body:before,
  .mz-notequote-wrap .notepage-body:after,
  .mz-notequote-wrap :is(.blockquote, blockquote):before{
     content: '  ';
      width:var(--NOTE-quote_width);
      height: var(--NOTE-quote_height);
      margin: var(--NOTEPAGE-line-height_half-OPS) 0  var(--NOTEPAGE-line-height_half-OPS) var(--NOTE-quote_margin-left);
      position: relative;
      float: left;
      background-image: radial-gradient(transparent 38%,var(--NOTE-quote_bg) 41%); /* 标准的语法（必须放在最后） */
       background-size:var( --NOTE-quote_bg-size);
       background-position: var( --NOTE-quote-side_position);
      background-repeat: var( --NOTE-quote-side_repeat);
  }
  
  .notepage-main :is(.blockquote, blockquote){
      --NOTE-quote_width:var(--NOTE-inerquote_width, 1.5em);
      --NOTE-quote_height: calc(100% + var(--NOTEPAGE-line-height_half) * 2);
      --NOTE-quote_bg-size:var( --NOTE-quote_width) var( --NOTE-quote_width);
      --NOTE-quote-side_repeat:repeat-y;
      --NOTEPAGE-txt_padding:0;
       --NOTE-quote-side_position:auto;
      --NOTE-quote_margin-left: calc(0em - var(--NOTE-quote_width) - var(--NOTE-quote_padding_lr) );  
  }
  
  .mz-notequote-wrap .notepage-main {
              margin-top: 0;
      -webkit-filter: none;
              filter: none;   
  }
  
  .mz-notequote-wrap .notepage-body{
          -webkit-filter: var(--NOTE-quote_shadow);
            filter: var(--NOTE-quote_shadow);
  }
  
  .mz-notequote-wrap .notepage-body:before,
  .mz-notequote-wrap .notepage-body:after{
      margin: 0    ;
      float: none;
      font-size: var(--NOTEPAGE-txt_size);
      background-color: transparent;
  -webkit-clip-path:  var(--NOTE-quote-side_clip);
  clip-path: var(--NOTE-quote-side_clip);
  }
  
  .mz-notequote-wrap .notepage-body:before{
      display: var(--NOTEPAGE-before_display, inline-grid);
  }
  .mz-notequote-wrap .notepage-body:after{
      display: var(--NOTEPAGE-after_display, inline-grid);
  }
  /*------------ 其他 --------------*/
  
  #page-content .notepage-main :is(.blockquote, blockquote) p{
     margin: 0;
  }
  
  .notepage-main hr{
      border: none;
      height:  1px;
      margin: 0 auto;
      position: relative;
      top: 0.5em;
      box-shadow: 0 0.2em 0px 1px var(--color-dark);
      width: 90%;  
  }
  
  
  .notepage-main .mz-note :is(.blockquote, blockquote){
      -webkit-filter: none;
      filter: none;
      background-image: none;
      background-color: var(--QUOTE_bg222);
      border: 2px dashed var(--QUOTE_border);
      margin-top: 0
  }
  
  .notepage-main ul{
      margin: 0;
  }
  .notepage-main ul li{
      line-height: var(--NOTEPAGE-line-height);  
  }
  .mz-notepage-wrap :is(.blockquote, blockquote):before{
      content: " ";
      display: block;
      position: absolute;
      margin:-2.5em 0em 0 -0.5em;
      width: 1.5em;
      height: 6em;
      background: var(--NOTE-tap_bg, rgba(55,55,55,0.1));
      transform: rotate(45deg);
      border: var(--NOTE-tap_bd, rgba(33,33,33,0.4) solid 1.5px);
  }
  
  
  
  .genblock {
      background-color: rgb(var(--printer-paper));
      background-image: url("https://scp-wiki.wdfiles.com/local--files/theme:twin-files/paper-texture.png");
      background-repeat: repeat;
      background-size: 100%;
  
      color: rgb(var(--ink-blot));
      font-family: var(--printer-paper-font);
      border: 3px solid black;
  
      border-color: rgb(var(--papers-edge));
  
      padding: 1.5em 1em 1.5em 1em;
  }
  
  
  .page p,
  .page ul {
      line-height: 20px;
      margin: 0;
  }
  
  .mz-notepage-wrap{
      width: 100%;
      margin: 0 auto;
     -webkit-filter:drop-shadow(1px 2px 2px #333);
      filter: drop-shadow(1px 2px 2px #333);
      height: auto;
  }
  
  
  .ticker {
      padding: 5px 5px 1.1em 3.7em;
      font-family: var(--ticker-font);
      font-size: 95%;
      font-weight: 400;
      color: #000;
   
      background: repeat-y url("https://scp-wiki.wdfiles.com/local--files/theme%3Atwin-files/tickerback.png");
      background-position: center top;
      background-size: 100%;
   
      border: 2px solid #D8D6CA;
      border-style: solid solid solid;
      border-width: medium 2px 0px;
  }
  
  .chew-bottom,
  .chew-top{
      --NOTEPAGE-txt_border-size:0.8em;
      --NOTEPAGE-before_area:header;
      --NOTEPAGE-after_area:footer;
      --NOTEPAGE-side_width: 100%;
     --NOTEPAGE-side_height: 1rem;
       --MASK-chew_repeat: repeat-x;
      --MASK-chew_size:14rem;
      --NOTEPAGE-before_display:none;
      --NOTEPAGE-after_display:none;
      --NOTEPAGE-header_font-size:0;
      --NOTEPAGE-footer_font-size:0;
  
      --NOTE-quote_width:100%;
      --NOTE-quote_bg-size:3em;
      --NOTE-quote_height:3em;
       --NOTE-quote-side_clip:inset(0 0 25% 0);
     --NOTE-quote-side_position: 0em 0;
    --NOTE-quote-side_repeat:repeat-x;
  }
  
  .chew-top {
          --NOTEPAGE-before_display:inline-grid;
          --MASK-chew-before_margin:0px 0 -1px 0;
          --NOTEPAGE-footer_font-size:0.8em;
          --NOTEPAGE-header_display:none;
  
  }
  
  .chew-bottom {
       --MASK-chew-after_margin: -1px 0 0 0;  
      --NOTEPAGE-after_display:inline-grid;
      --NOTEPAGE-header_font-size:1.5em;
  }
  
  .chew-bottom .notepage-body:after{
      --MASK-chew-after: var(--MASK-chew222);
  }
  
  .chew-top .notepage-body:before{
      --MASK-chew-before: var(--MASK-chew222);
      transform: scaleY(-1);
  }
  
  
  .mmposter-wrap{
      display: flex;
      justify-content: center ;   
      flex-wrap: wrap;
  
  }
  
  .mmposter-cell{
      min-width: 10%;
          justify-self: center;
  }
  
  .mmposter-blockquote .mmposter-cell{
      min-width: 50%;
  }
  
  .mmposter-semi  .mmposter-cell{
    width: 50% ;
  }
  
  .mmposter-semi  .mmposter-cell span[style*="underline"]{
   display: none
  }
  
  .flex-pc{
      display: flex;
  }
  
  
  .flex-wrap{
      display: flex;
      justify-content: space-around;    
  }
  
  .flex-wrap div{
       margin: 0 0.5rem;
      width: 100%;
  }
  
  @media (max-width: 500px) {
    .flex-pc{
      display: block;
  }
  
      .flex-wrap{
  flex-wrap:wrap;        
      }
  
    .mmposter-semi  .mmposter-cell,
  
      .mmposter-cell{
          width: 100%;
  min-width: auto;
  
      }    
      .mmposter-right{
  margin-top:2rem;
      }    
      .mob-breakkkk{
      display: block
  }
  }
  a.footnoteref  {
      display: inline-flex;
      font-family:var(--page-tt-font);
      text-decoration: none;
  }
  
  a.footnoteref::before{
      content: "(";
      margin: 0 0.1em;
  }
  
  a.footnoteref::after{
      content: ")";
        margin: 0 0.1em;
  }
  .hovertip .content .footnote,
  .mz-note{
      min-width: 15vw;
  }
  
  .clip-wrap div {
      max-width: 60%;
      margin: 1rem auto;
      width: 60%;
  }
  
  .clip-wrap .clip-img,
  .clip-wrap .clip-body {
      border: solid 2px rgb(var(--clip-border,0,0,0));
      background-color: rgb(var(--clip-bg, 244, 244, 244));
      box-sizing: border-box;
      position: relative;
      z-index: 0;
      padding: 0.5rem;
  }
  
  .clip-wrap .clip-img::before,.clip-wrap .clip-img::after,
  .clip-wrap .clip-body::before,.clip-wrap .clip-body::after {
      content:'';
      position: absolute;
      pointer-events: none;
      border: solid 0.25rem var(--color-darker);
      transform: rotate(25deg);
  }
  
  .clip-wrap .clip-img::before,.clip-wrap .clip-img::after {
      border: solid 0.25rem var(--color-darker);
  }
  
  .clip-wrap .clip-img::before,
  .clip-wrap .clip-body::before {
    right: 0.45rem;
    height: 36px;
    width: 9px;
    top: -0.45rem;
    border-radius: 0 0 2rem 2rem;
    border-top: none;
  }
  
  .clip-wrap .clip-img::after,
  .clip-wrap .clip-body::after {
      top: -24px;
      right: -0.5rem;
      height: 16px;
      width: 14px;
      border-radius: 2rem 2rem 0 0;
      border-bottom: solid 0.55rem transparent;
      z-index: -1;
  }
  
  .clip-wrap .clip-body img,
  .clip-wrap .clip-img {
      border: 0.15rem solid var(--color-darkest);
    width: max-content;
  }
  
  .clip-wrap .clip-img::before {
    right: -0.2rem;
    top: -0.45rem;
  }
  
  .clip-wrap .clip-img::after {
      right: -0.8rem;
          height: 45px;
  }
  
  .clip-wrap .clip-img {
      padding: 0rem;
      border: 0.12rem solid var(--color-darkest);
      box-shadow:  0px 0px 0px 9px rgba(50,50,50, 0.1), 0px 0px 0px 12px rgba(150,150,150, 0.1);
  }
  
  @media (max-width: 500px) {
  .clip-wrap{
       max-width: 100%;
  }
  .clip-wrap .clip-img::before,
  .clip-wrap .clip-body::before {
    right: 0.3rem;
    height: 1.4rem;
    width: 0.4rem;
    top: 0rem;
  }
  
  .clip-wrap .clip-img::after,
  .clip-wrap .clip-body::after {
      top: -1rem;
      right: -0.5rem;
      height: 1rem;
      width: 0.7rem;
  }
  }
  
  
  @import url('https://scp-wiki.wdfiles.com/local--files/theme:twin-files/stylesheet-alt.css');
  @import url('https://fonts.googleapis.com/css2?family=Jost&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Rubik&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Archivo&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Sedgwick+Ave&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Arimo&display=swap');
  
  @import url('https://fonts.googleapis.com/css?family=Special+Elite');
  @import url('https://fonts.googleapis.com/css?family=Courier+Prime');
  @import url('http://scp-wiki.wdfiles.com/local--files/component%3Aspirit-theme/telegram3.css');
  @import url('http://scp-wiki.wdfiles.com/local--files/component%3Aspirit-theme/Yukarimobile.css');
   
  .CS-title {
      font-family: 'alpha_echoregular';
  }
   
  .yui-navset .yui-nav {
      border: solid #999999;
      border-width: 0px 0px 0px 0px;
      background: #ae8152;
  }
  .yui-navset .yui-nav li {
      margin: 0px 2px 0px 0px;
      padding: 0px;
  }
  .yui-navset .yui-nav .selected {
      margin: 0px 2px 0px 0px;
      padding: 0px;
  }
  .yui-navset .yui-nav li em {
      font-family: courier, monospace !important;
      font-size: 12pt;
      font-weight: bold;
  }
  .yui-navset .yui-content {
      background: #F9D986;
      border: solid 2px #000000;
      border-radius: 5px;
  
  }
  .yui-navset .yui-nav a em {
      padding: 0px 5px 0px 5px;
  }
  .yui-navset .yui-nav .selected a em {
      padding: 0px 5px 0px 5px;
  }
  div.yui-navset ul.yui-nav a,
  div.yui-navset div.yui-navset-top ul.yui-nav a {
      background: #f4eede;
      border: solid #000000;
      border-width: 3px 3px 1px 3px;
  }
  div.yui-navset ul.yui-nav a:hover,
  div.yui-navset ul.yui-nav a:focus {
      background: #bfc3d4;
  }
  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: #0a0037;
      border: solid 3px #ffffff;
  }
  
  

  Pages using this styling

  • scp-5859 [info]

  ¶ 1 occurrence
  

  /* This comes from the page titled "Hawks n Artworks" where woedenaz added the css for this effect (if I understood everything correctly) */
  
  .Typer {
  animation: blink 1.2s infinite;
  }
  
  /* KEYFRAMES */
  
  @keyframes blink{
  to{opacity: .0;}
  }
  
  @keyframes flicker {
  0% {opacity: 0.9890; }5% {opacity: 0.5842; }
  10% {opacity: 0.9865; }15% {opacity: 0.0412; }
  20% {opacity: 0.6255; }25% {opacity: 0.3157; }
  30% {opacity: 0.7328; }35% {opacity: 0.4654; }
  40% {opacity: 0.9128; }45% {opacity: 0.2449; }
  50% {opacity: 0.5485; }55% {opacity: 0.6438; }
  60% {opacity: 0.1180; }65% {opacity: 0.9085; }
  70% {opacity: 0.0266; }75% {opacity: 0.6795; }
  80% {opacity: 0.7812; }85% {opacity: 0.0117; }
  90% {opacity: 0.2239; }95% {opacity: 0.8897; }
  100% {opacity: 0.2260; }
  }
  
  @keyframes overlay-anim {
  0% {visibility: hidden; }
  10% {visibility: hidden; }
  11% {visibility: visible; }
  50% {visibility: hidden; }
  100% {visibility: hidden; }
  }
  

  Pages using this styling

  • scp-5857 [info]

  ¶ 1 occurrence
  

  :root {
  --accentColor: 64,198,44;
  --darkColor: 45,57,43;
  }

  Pages using this styling

  • scp-5857 [info]

  ¶ 1 occurrence
  

  div#extra-div-1 {
      display: none;
  }
   
  div#extra-div-2 {
      display: none;
  }
   
  div#header {
      background-image: url(none);
  }

  Pages using this styling

  • scp-5857 [info]

  ¶ 1 occurrence
  

  span.s {
      display: inline-block;
      border: 1px dashed black;
      font-family: Courier;
      font-weight: normal;
      font-size: 85%;
      padding: 0px 3px 0px 3px;
  }

  Pages using this styling

  • scp-5856 [info]

  ¶ 1 occurrence
  

  .anom-bar > .bottom-box::before { display: none; }
  .anom-bar > .bottom-box { box-shadow: none!important; }
  div.diamond-part { clip-path: none; animation: none; box-shadow: none!important; }
  @media (max-width: 480px) {
      div.top-right-box { clip-path: polygon(0% -30%, 100% -30%, 100% 130%, 0% 130%); }
  }
  
  :root {
      --timeDelay: 1s;
  }
  
  a.collapsible-block-link { font-weight: bold; color: #8d0600;}
  .avatar-hover { display: none !important; }
  
  .operation {
    width: 70%;
    margin: auto;
    margin-bottom: 1.2rem;
    padding: 1.2em 1.2em 1em 1.2em;
    border: 2px solid black;
    background: #ffc3c0;
    font-family: bitter;
    box-shadow: 8px 8px 15px -4px gray;
  }
  
  /* BRINGS IMAGES CLOSER ON 1080P MONITORS */
  .widebox {
   border: 0px solid white;
   padding: none;
   margin: 0px auto;
   width: 93%;
  }
  @media only screen and (max-width: 1919px) {
    .widebox{ width: 100%; }
  }
  
  @media only screen and (max-width: 600px) {
    .operation{ width: 90%; }
    .begone{display: none;}
  }

  Pages using this styling

  • scp-5855 [info]

  ¶ 1 occurrence
  

  }
  .email {float: center; border: solid 2px #000000; width: 88%; padding: 1px 15px; margin: 10px 10px 10px 10px; box-shadow: 0 1px 3px rgba(0,0,0,.5)}
  a.collapsible-block-link { font-weight: bold; }
  .tofrom {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px maroon}

  Pages using this styling

  • scp-5850 [info]

  ¶ 1 occurrence
  

  :root {
      --fnColor: #5800bd;
  }

  Pages using this styling

  • scp-5846-j [info]

  ¶ 1 occurrence
  

  .test{
      border:dotted 1px #000000;
      background:#f4f4f4;
      width:90%;
      padding:1px 15px;
      margin: 10px auto;
  }
  
  .addendum {
      border:solid 1px #5e5e5e;
      background:#ffffff;
      width:90%;
      padding:1px 15px;
      margin: 10px auto;
  }aaa
  
  .page {
      display: block;
      overflow: hidden;
      font-family: "Monotype Corsiva", "Bradley Hand ITC", sans-serif;
      font-style: normal;
      background-attachment: scroll;
      background-clip: border-box;
      background-color: transparent;
      background-image: linear-gradient(to top ,rgb(202, 219, 228) 0%, rgb(231, 233, 220) 8%);
      background-origin: padding-box;
      background-position: 0px 8px;
      background-repeat: repeat;
      background-size: 100% 20px;
      border: 1px solid #CCC;
      border-radius: 10px;
      padding: 10px 10px;
      margin-bottom: 10px;
      box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2)
  }
  .page p,
  .page ul {
      line-height: 20px;
      margin: 0;
  }

  Pages using this styling

  • scp-5846-j [info]

  ¶ 1 occurrence
  

  div#extra-div-1 {
       width: 100%;
       height: calc(100% - var(--final-header-height-on-desktop));
       position: absolute;
       top: calc(var(--final-header-height-on-desktop));
       left: 0;
       z-index: -1;
       mask: var(--gradient-background);
       -webkit-mask: var(--gradient-background);
       background-image: url(https://upload.wikimedia.org/wikipedia/commons/thumb/0/0e/Hubble_view_of_M_106_%288450543502%29.jpg/1280px-Hubble_view_of_M_106_%288450543502%29.jpg);
       background-size: 100%, 80% var(--background-gradient-distance);
       background-blend-mode: difference;
       background-repeat: no-repeat, repeat-x;
       pointer-events: none;
  }

  Pages using this styling

  • scp-5843 [info]

  ¶ 1 occurrence
  

  .hover {
  }
  .hover:hover {
    text-decoration: none;
      border-bottom: none;
  }
  
  .hover span { display: none;}
  .hover:hover span {
      position: absolute;
      display: inline;
      margin: 0px 0px;
      height: auto;
      width: auto;
      background: #FFF;
      border: 2px solid #34B;
      color: #000;
      padding: 1em;
  }
  .hover:hover span span {
      position: relative;
      margin: auto;
      height: auto;
      width: auto;
      border: none;
      padding: 0;
  }
  
  #page-title {
  display: none;
  }
  
  .footnotes-footer {
  display: none;
  }

  Pages using this styling

  • scp-5841 [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css?family=Satisfy&display=swap');
  
  div.info-container > div.collapsible-block {
      padding: 0 !important;
      margin: 0 !important;
      box-shadow: none !important;
  }
      .imgcontainer {
          width: 165;
          height: 165;
          padding: 0px 0px 0px 0px;
      }
  .page {
      display: block;
      overflow: hidden;
      font-family: 'Satisfy', cursive;
      font-size: 26px;
      background-attachment: scroll;
      background-clip: border-box;
      background-color: transparent;
      background-image: linear-gradient(to top ,rgb(202, 219, 228) 0%, rgb(231, 233, 220) 8%);
      background-origin: padding-box;
      background-position: 0px 8px;
      background-repeat: repeat;
      background-size: 100% 26px;
      border: 1px solid #CCC;
      border-radius: 10px;
      padding: 10px 10px;
      margin-bottom: 10px;
      box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2)
      }
  .page p,
  .page ul {
      line-height: 26px;
      margin: 0;
  }
  

  Pages using this styling

  • scp-5836 [info]

  ¶ 1 occurrence
  

  .page {
      display: block;
      overflow: hidden;
      font-family: 'Shadows Into Light', cursive;
      font-style: normal;
  
      background-attachment: scroll;
      background-clip: border-box;
      background-color: transparent;
      background-image: linear-gradient(to top ,rgb(202, 219, 228) 0%, rgb(231, 233, 220) 8%);
      background-origin: padding-box;
      background-position: 0px 8px;
      background-repeat: repeat;
      background-size: 100% 20px;
  
      border: 1px solid #CCC;
      border-radius: 10px;
      padding: 10px 10px;
      margin-bottom: 10px;
  
      box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2)
      }
  .page p,
  .page ul {
      line-height: 20px;
      margin: 0;
  }

  Pages using this styling

  • scp-5827 [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.bunny.net/css2?family=Shadows+Into+Light&display=swap');
  #page-title {
      font-family: 'Architects Daughter', cursive;
  }

  Pages using this styling

  • scp-5827 [info]

  ¶ 1 occurrence
  

  .danke{
  padding: 5px 5px 5px 15px;
  margin-bottom:10px;
  box-sizing: border-box;
  width: 100%;
  font-family: monospace;
  font-size: 1.1em; }
  
  .inner{
  padding: 5px 5px 5px 15px;
  margin-bottom:10px;
  width: 94%;
  font-family: monospace;
  font-size: 1.1em; }
  
  .agent{
  background-color:#002200;
  border: 3px solid #55AA55;
  color: #77CC77;
  }
  
  .site{
  background-color:#222200;
  border: 3px solid #AAAA55;
  color: #DDDD77;
  }
  
  .blue{
  background-color:#002026;
  border: 3px solid #43A6B5;
  color: #65C8D7;
  }
  
  .red{
  background-color:#33130D;
  border: 3px solid #E17E6F;
  color: #FFA091;
  }
  
  .pink{
  background-color:#351022;
  border: 3px solid #e377ae;
  color: #ff99cd;
  }
  
  

  Pages using this styling

  • scp-5825 [info]

  ¶ 1 occurrence
  

  .page {
      display: block;
      overflow: hidden;
      font-family: "Monotype Corsiva", "Bradley Hand ITC", sans-serif;
      font-style: normal;
  
      background-attachment: scroll;
      background-clip: border-box;
      background-color: transparent;
      background-image: linear-gradient(to top ,rgb(202, 219, 228) 0%, rgb(231, 233, 220) 8%);
      background-origin: padding-box;
      background-position: 0px 8px;
      background-repeat: repeat;
      background-size: 100% 20px;
  
      border: 1px solid #CCC;
      border-radius: 10px;
      padding: 10px 10px;
      margin-bottom: 10px;
  
      box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2)
      }
  .page p,
  .page ul {
      line-height: 20px;
      margin: 0;
  }
  
  .email-example .collapsible-block-folded a.collapsible-block-link {
      animation: blink 0.8s ease-in-out infinite alternate;
  }
  @keyframes blink {
      0% { color: transparent; }
      50%, 100% { color: #b01; }
  }
  .email {border: solid 2px #000000; width: 88%; padding: 1px 15px; margin: 10px; box-shadow: 0 1px 3px rgba(0,0,0,.5)}
  .email-example a.collapsible-block-link {font-weight: bold;}
  .tofrom {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px maroon}

  Pages using this styling

  • scp-5816 [info]

  ¶ 1 occurrence
  

  /* GENERAL */
   :root{
     --lgurl: url(https://scp-wiki.wdfiles.com/local--files/component:pride-highlighter/tg_logo.svg);
  }
   #page-title{
       display: none;
  }
  
  /* DIV BLOCKS */
   .oscp{
       margin: 1em 0;
       padding: 0 1em;
  
       color: hsl(5, 59%, 66%);
       background-color: hsl(5, 100%, 11%);
       border: 3px ridge hsl(5, 60%, 44%);
       font-size: 1.35em;
  }
   table.mimicUpload{
       margin: 0 auto;
  }
   table.mimicUpload td{
       vertical-align: top;
       padding: 0.2em 1em;
  }
   .typeborder{
       float: right;
       width: 20em;
       padding: 2px;
  
       background-color: hsl(0, 100%, 100%);
       border: 1px solid hsl(0, 0%, 47%);
  }
   @media (max-width: 479px){
       table.mimicUpload td{
           float: left;
           padding: 0;
      }
  }

  Pages using this styling

  • scp-5810 [info]

  ¶ 1 occurrence
  

  
  @import url('https://fonts.googleapis.com/css?family=Exo+2|Just+Another+Hand|Lexend+Peta|Nunito|Playfair+Display|Roboto+Mono|Saira+Stencil+One|Electrolize|Schoolbell&display=swap');  /* General-purpose font imports */
  
  
  .collapsible {
      border: solid 2px #999999;
      background: #fdfcff;
      width: 95%;
      padding: 1px 15px;
      margin: 10px auto;
  }
  
  .redCollapsible {
      border: solid 2px #999999;
      background: #D7BABA;
      width: 95%;
      padding:15px 20px;
      margin: 10px auto;
  }
  
  .logEntry {
      background-color: #EAEEEE;
      text-align: left;
      font-size: 1em;
      padding: 10px;
      display: block;
      width: 92%;
      display: block;
      margin: 15px auto 15px auto;
  }
  

  Pages using this styling

  • scp-5794 [info]

  ¶ 1 occurrence
  

  @import url('https://scp-wiki.wikidot.com/local--files/theme:turbo-vision/IBM_VGA8.css');
  
  /* Hide the original page title */
  #page-title {
    display: none;
  }
  
  :root {
    --turbo-block-shadow: none;
  }
  .turbo-block {
    margin: 1em 0;
    text-align: initial;
    font: 16px pxplus_ibm_vga8regular,monospace;
  }
  .turbo-block li,
  .turbo-block p {
    line-height: 16px;
  }
  .turbo-block h1,
  .turbo-block h3,
  .turbo-block.text-black .heading p,
  .turbo-block.text-black::after {
    color: #fff;
    font-family: pxplus_ibm_vga8regular,monospace;
  }
  .turbo-block h1 {
    margin: initial;
  }
  .turbo-block a {
    padding: initial;
  }
  .turbo-block.bg-grey a,
  .turbo-block.text-black a {
    background-color: initial;
    color: #a00;
  }
  .turbo-block a:hover {
    background-color: #fff;
  }
  .turbo-block .mathletter {
    font-style: italic;
    color: #FFD;
  }
  .turbo-block.bg-blue,
  .turbo-block.bg-blue::after,
  .turbo-block.bg-blue > .heading p {
    background: #22a;
  }
  .turbo-block.bg-blue::after {
    font-size: 1.5em;
  }
  .turbo-block.bg-grey,
  .turbo-block.bg-grey::after,
  .turbo-block.bg-grey > .heading p {
    background: #bbb;
  }
  .turbo-block.bg-lblue,
  .turbo-block.bg-lblue::after,
  .turbo-block.bg-lblue > .heading p {
    background: #99f;
  }
  .turbo-block.bg-pink,
  .turbo-block.bg-pink::after,
  .turbo-block.bg-pink > .heading p {
    background: #c9d;
  }

  Pages using this styling

  • scp-5789 [info]

  ¶ 1 occurrence
  

  .email {float: center; border: solid 2px #000000; width: 88%; padding: 1px 15px; margin: 10px 10px 10px 10px; box-shadow: 0 1px 3px rgba(0,0,0,.5)}
  .tofrom {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px maroon}
  

  Pages using this styling

  • scp-5785 [info]

  ¶ 1 occurrence
  

  :root {
      --header-subtitle: "Telecommunications Monitoring Office";
      --logo-image: url("http://filedmns2.wikidot.com/local--files/dokumentoz/TMOwhite.png");
  }
  #page-title {
    display: none;
  }
  sup {
  
  vertical-align: top; position: relative; top: -0.5em;
  }
  @media (max-width: 1600px) {
     .desktop-only{ display: none; visibility:hidden }
  }

  Pages using this styling

  • scp-5783 [info]

  ¶ 1 occurrence
  

  .thot {
    background: #eee;
    margin: 1em;
    padding: .25em 1em;
  }
  
  .hdhd h1 {
    margin: 2em 0 0;
    text-align: center;
  }
  
  .hdhd h2 {
    margin: 0 0 0.4em;
    text-align: center;
  }

  Pages using this styling

  • scp-5777 [info]

  ¶ 1 occurrence
  

  /* Page-specific */
  th {
      font-weight: bold;
  }
  
  .licensebox .collapsible-block-link {
      color: var(--backgroundColor);
  }
  .licensebox blockquote a {
      text-decoration: underline;
  }
  
  :root {
  /* VARIABLES */
  
      --backgroundColor: #0c0c0c;
      --divColor: var(--textColor);
      --textColor: #ffffff;
  
      --headerTitle: "SCP FOUNDATION";
      --headerSubtitle: "SECURED INTERNAL DATABASE";
  
      --darkAccent: var(--textColor);
      --accentColor: var(--textColor);
  
  /* Author Label "by" Change */
      --swatch-tertiary-color: var(--textColor);
  }
  
  /* HEADER */
  
  #header {
      background-image: none;
  }
  
  div#extra-div-1 {
      height: 140px;
      width: 100%;
      top: 0;
      position: absolute;
      background-color: var(--backgroundColor);
      background-image: var(--backgroundColor);
  }
  
  div#extra-div-2 {
      height: 23px;
      width: 100%;
      top: 140px;
      position: absolute;
      background: var(--backgroundColor);
  }
  
  div#container-wrap {
      background: var(--backgroundColor);
  }
  
  #header h1 a {
      color: transparent;
      text-shadow: none;
      font-family: 'Fira Code', monospace;
      margin-left: -95px;
  }
  
  #header h1 a::before {
      content: var(--headerTitle);
      color: var(--textColor);
      font-variant: small-caps;
  }
  
  #header h2 span {
      color: transparent;
      text-shadow: none;
      font-family: 'Fira Code', monospace;
      margin-left: -95px;
  }
  
  #header h2 span::before {
      content: var(--headerSubtitle);
      color: var(--textColor);
      text-transform: uppercase;
  }
  
  /* MAIN PAGE ELEMENTS */
  
  ::selection {
      background: #ededed;
      color: black;
  }
  
  body {
      background-color: var(--backgroundColor);
      color: var(--textColor);
      font-family: 'Fira Code', monospace;
  }
  
  hr {
      border-bottom: 1px solid var(--textColor);
      border-top: 1px solid var(--textColor);
      background: transparent;
  }
  
  .page-source, tt {
      font-family: "Fira Code", monospace;
      font-size: 0.87rem;
  }
  
  .code {
      background-color: var(--textColor);
      color: var(--backgroundColor);
      border: none;
      box-shadow: none;
      font-family: 'Fira Code', monospace;
  }
  
  .code pre, .code p, .code {
      font-family: "Fira Code", monospace;
      font-size: 0.87rem;
      color: var(--backgroundColor);
  }
  
  h1 { font-size: 225%; }
  h2 { font-size: 200%; }
  h3 { font-size: 175%; }
  h4 { font-size: 150%; }
  h5 { font-size: 125%; }
  h6 { font-size: 100%; }
  
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
      font-family: 'Fira Code', monospace;
      font-weight: bold;
      color: var(--textColor);
  }
  
  #page-title {
      display: none;
  }
  
  blockquote,
  div.blockquote,
  #toc {
      background-color: var(--divColor);
      border: 1px solid var(--divColor);
      box-shadow: 0 0 7px var(--backgroundColor);
  }
  
  .scp-image-block .scp-image-caption {
      background-color: var(--divColor);
      border: none;
      color: var(--textColor);
      font-size: 0.84rem;
  }
  
  #page-content .wiki-content-table tr th {
      border: solid 1px var(--textColor);
      color: var(--backgroundColor);
      background-color: var(--textColor);
  }
  
  #page-content .wiki-content-table tr td {
      background-color: var(--divColor);
      border: solid 1px var(--textColor);
  }
  
  a {
      color: var(--accentColor);
  }
  
  a:visited {
      color: var(--darkAccent);
  }
  
  a:hover {
      background-color: var(--accentColor);
      color: var(--backgroundColor);
      text-decoration: underline;
  }
  
  #page-content a:hover::before {
      background-color: var(--accentColor);
      color: var(--backgroundColor);
      content:">";
      text-decoration: underline;
  }
  
  .page-tags span {
      border-top: 1px solid var(--textColor);
      margin-top: 0.18rem;
  }
  
  /* RATING MODULE */
  
  .page-rate-widget-box {
       border: solid 2px var(--divColor);
       background-color: var(--divColor);
       margin-top: 4px;
       margin-bottom:0.70em;
       margin-right: 1em;
  }
  
  .page-rate-widget-box .rate-points {
      background-color: var(--divColor) !important;
      border: none;
      color: var(--textColor) !important;
      text-transform: capitalize;
  }
  
  .page-rate-widget-box .rateup,
  .page-rate-widget-box .ratedown {
      background-color: var(--divColor);
      border-top: none;
      border-bottom: none;
  }
  
  .page-rate-widget-box .rateup a,
  .page-rate-widget-box .ratedown a {
      background: transparent;
      color: var(--accentColor);
  }
  
  .page-rate-widget-box .rateup a:hover,
  .page-rate-widget-box .ratedown a:hover {
      background: var(--accentColor);
      color: var(--backgroundColor);
  }
  
  .page-rate-widget-box .cancel {
      background: transparent;
      background-color: var(--divColor);
      border: none;
  }
  
  .page-rate-widget-box .cancel a {
      color: var(--accentColor);
  }
  
  .page-rate-widget-box .cancel a:hover {
      background: var(--accentColor);
      color: var(--backgroundColor);
  }
  
  .page-rate-widget-box .cancel a:hover::before,
  .page-rate-widget-box .rateup a:hover::before,
  .page-rate-widget-box .ratedown a:hover::before {
      display: none;
  }
  
  /* SIDEBAR */
  
  #side-bar a,
  #side-bar a:visited {
      color: var(--textColor);
      transition: color 0.15s linear;
  }
  
  #side-bar .collapsible-block-unfolded-link .collapsible-block-link,
  #side-bar .collapsible-block-unfolded-link .collapsible-block-link:hover {
      color: var(--textColor);
      text-shadow: none;
  }
  
  #side-bar a:hover {
      background-color: var(--accentColor);
      color: var(--backgroundColor);
      text-decoration: underline;
  }
  
  #side-bar a:hover::before {
      background-color: var(--accentColor);
      color: var(--divColor);
      content:none;
      text-decoration: underline;
  }
  
  #side-bar .heading {
      color: var(--textColor);
  }
  
  #side-bar .side-block {
      border: 3px solid var(--divColor);
      box-shadow: 0 0.125em 0.375em var(--divColor);
  }
  
  /* Media Block */
  
  #side-bar .side-block.media {
      background-color: var(--divColor);
      background-position-y: -3em;
      background-size: 100%;
  }
  
  /* Resources Block */
  
  #side-bar .side-block.resources {
      background-color: var(--divColor);
      background-position-y: -11.6em;
      background-size: 100%;
  }
  
  /* Main Side Blocks */
  
  #side-bar .side-block {
      background-color: var(--divColor);
      background-size: 100%;
  }
  
  /* Interwiki Block */
  
  #interwiki .side-block {
      background-color: var(--divColor);
      background-position: bottom;
      background-size: 100%;
  }
  
  #interwiki .side-block .menu-item a {
      color: var(--textColor);
  }
  
  /* Toggle Sidebar Adaptation */
  
  #top-bar .open-menu a {
      border: 0.2em solid var(--backgroundColor);
      background-color: var(--divColor);
      color: var(--backgroundColor);
  }
  
  /* BOTTOM BAR */
  
  #license-area {
      color: var(--textColor);
      background-color: var(--divColor);
      border-top: solid 0.1rem var(--accentColor);
  }
  
  #footer-bar {
      border: none;
      padding: 0 0 1em;
      margin: 0;
      max-width: 100%;
      background-color: var(--divColor);
  }
  
  #footer {
      background: transparent;
      color: var(--textColor);
      align-items: center;
  }
  
  #footer > a {
      color: var(--textColor);
  }
  
  /* TOPBAR */
  
  #top-bar {
      background: linear-gradient(to right, transparent 30%, var(--divColor) 55%, transparent 100%);
      padding-right: 3.125rem;
  }
  
  #top-bar ul li a {
      border: none;
      color: var(--textColor);
  }
  
  #top-bar ul li:hover a,
  #top-bar ul li:hover ul li a {
      background: var(--divColor);
      border: none;
      color: var(--textColor);
  }
  
  #top-bar ul li:hover a:hover {
      background: var(--backgroundColor);
      color: var(--textColor);
  }
  
  #top-bar ul li:hover ul li a {
      padding-bottom: 0.0938rem;
      padding-top: 0.0938rem;
  }
  
  #top-bar ul li ul {
      border: 0.0625rem solid var(--divColor);
  }
  
  #top-bar .open-menu a {
      background-color: var(--textColor);
      border-color: var(--backgroundColor);
      color: var(--backgroundColor);
  }
  
  @media (max-width: 768px) {
      .mobile-top-bar {
           display: flex;
           justify-content: center;
           max-width: 100%;
           width: 100%;
           left: 0;
           background: var(--divColor);
      }
  
      .mobile-top-bar ul li a { color: var(--textColor); }
  }
  
  /* MY ACCOUNT */
  
  #login-status {
      color: var(--textColor);
  }
  #login-status a {
      color: var(--accentColor);
  }
  
  #account-topbutton {
      border: none;
      margin-left: 0.35em;
      padding: 0 0.45em;
      font-size: 1em;
      position: relative;
  }
  
  #account-topbutton::before {
      content: "";
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      background-color: var(--divColor);
      opacity: 0.125;
  }
  
  #account-options {
      width: 6.25rem;
      background: var(--backgroundColor);
      border: none;
      border-right: solid 3px var(--divColor);
  }/* ´ */
  
  #account-options::before,
  #account-options::after {
      content: "";
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      pointer-events: none;
  }
  
  #account-options::before {
      background: var(--backgroundColor);
  }
  
  #account-options::after {
      background-color: var(--divColor);
      mix-blend-mode: overlay;
  }
  
  #account-options > ul {
      position: relative;
      z-index: 1;
  }
  #account-options ul a {
      color: var(--accentColor);
      background-color: transparent;
      font-weight: bold;
      letter-spacing: 0.01em;
      padding: 0.25em 0.5em;
      text-align: right;
  }
  #account-options ul a:hover {
      color: var(--divColor);
      background: var(--backgroundColor);
  }
  
  /* SEARCH BOX - FORKED FROM PENUMBRA */
  
  #search-top-box {
      top: 2.2rem !important;
      right: 8px;
  }
  #search-top-box-form > input[type=submit] {
      border: solid 1px var(--textColor);
      background: var(--backgroundColor) !important;
      box-shadow: none;
      border-radius: 0;
      color: var(--textColor);
      transition: color 0.15s linear;
  }
  #search-top-box-form input[type=submit]:hover {
      border: solid 1px var(--textColor);
      box-shadow: none;
      color: var(--textColor);
      background: var(--divColor);
  }
  #search-top-box-form > input[type=text] { display: none; }
  
  /* -----== AGENT ==----- */
  
  /* LINK CHANGES */
  
  a,
  a:visited {
      background-color: var(--textColor);
      color: var(--backgroundColor);
  }
  
  a:hover {
      text-decoration: underline;
      background-color: var(--textColor);
  }
  
  #side-bar a,
  #side-bar a:visited {
      color: var(--backgroundColor);
  }
  
  #page-content a:hover::before {
      background-color: var(--textColor);
  }
  
  /* DIV CHANGES */
  
  #top-bar ul li a,
  .page-rate-widget-box,
  .page-rate-widget-box .rate-points,
  .page-rate-widget-box .rateup,
  .page-rate-widget-box .ratedown,
  .page-rate-widget-box .rateup a,
  .page-rate-widget-box .ratedown a,
  .page-rate-widget-box .cancel,
  .page-rate-widget-box .cancel a,
  .scp-image-block .scp-image-caption,
  .yui-navset .yui-nav li,
  .yui-navset .yui-navset-top .yui-nav li,
  .hovertip,
  #side-bar .side-block.media,
  #side-bar .side-block.resources,
  #side-bar .side-block,
  #interwiki .side-block,
  #account-topbutton::before,
  #account-options::after,
  #search-top-box-form input[type=submit]:hover,
  .owindow .modal-header,
  .owindow .title,
  #lock-info,
  blockquote,
  div.blockquote,
  #toc {
      color: var(--backgroundColor) !important;
  }
  
  #page-content .wiki-content-table tr td {
      background-color: var(--backgroundColor);
      color: var(--textColor);
  }
  
  .yui-navset .yui-nav a,
  .yui-navset .yui-navset-top .yui-nav a {
      color: var(--textColor);
      background-color: var(--backgroundColor);
  }
  
  .yui-navset .yui-nav a:hover,
  .yui-navset .yui-nav a:focus {
      color: var(--backgroundColor);
      background-color: var(--textColor);
  }
  
  #top-bar ul li:hover a:hover {
      color: var(--textColor) !important;
  }
  
  #top-bar {
      background: linear-gradient(to right, transparent 30%, var(--divColor) 100%);
      padding-right: 3.125rem;
  }
  
  .page-rate-widget-box .cancel a:hover,
  .page-rate-widget-box .rateup a:hover,
  .page-rate-widget-box .ratedown a:hover {
      background: var(--backgroundColor);
      color: var(--textColor) !important;
  }
  
  #license-area,
  #footer-bar {
      color: var(--backgroundColor);
  }
  
  .box {
      position: relative;
      padding: 0.5em;
      margin: 0.5em;
      box-shadow: 2px 1.5px 1px var(--textColor), 0 0 0 1px var(--textColor);
      overflow-wrap: break-word;
      color: var(--textColor);
  }
  
  .report {
      display: block;
      width: 60%;
      margin: 0.625rem auto;
      padding: 0.3125rem 0.9375rem;
      border: dashed 0.0625rem var(--textColor);
      background: url(http://scpdsandbox.wdfiles.com/local--files/fragment%3Adarkartists-fooling-around-box-3/logo.png) center center no-repeat;
  }
  
  .system-box {
      position: relative;
      padding: 0.5em;
      margin: 0.5em;
      box-shadow: 2px 1.5px 1px var(--textColor), 0 0 0 1px var(--textColor);
      overflow-wrap: break-word;
      color: var(--textColor);
      background: url(http://scpdsandbox.wdfiles.com/local--files/fragment%3Adarkartists-fooling-around-box-3/logo.png) center center no-repeat;
  }

  Pages using this styling

  • scp-5759 [info]

  ¶ 1 occurrence
  

  a.collapsible-block-link { font-weight: bold; }
  a.colmod-block > ul, .colmod-block > ul > li { font-weight: bold; }
  
  p {
    font-weight: normal;
  }

  Pages using this styling

  • scp-5758 [info]

  ¶ 1 occurrence
  

  :root {
      --timeDelay: 1s;
  }

  Pages using this styling

  • scp-5756 [info]

  ¶ 1 occurrence
  

  div.blockquote {
  border: 1px dashed #999;
  background-color: #f4f4f4;
  padding: 0 1em;
  margin: 1em 3em;
  }
  
  .footnotes-footer {
  display: none;
  }

  Pages using this styling

  • scp-5747 [info]

  ¶ 1 occurrence
  

  :root{
  --accentColor: 160, 44, 44;
  --dark-gray-monochrome: 46, 39, 41;
  --black-monochrome: 26, 20, 20;
  --header-subtitle: "We Die in the Dark";
  --lgurl: url(https://i.imgur.com/6TlZiJM.png);
  --title-font: "Inter", sans-serif;
  }

  Pages using this styling

  • scp-574 [info]

  ¶ 1 occurrence
  

  
  :root {
  
    --header-title: "Site-290";
  
    --header-subtitle: "ANOMOLINGUISTIC STUDIES";
  
  }
  
  
  div#extra-div-1 {
  
      background-image: url(http://scp-sandbox-3.wdfiles.com/local--files/collab%3Aihp/scp-logo.svg);
  
      padding-top: 10px;
  
      filter: opacity(0.2);
  
  }
  
  
  #page-content .normal a {
  
     color: #000;
  
  }
  
  #page-content .normal a:hover {
  
      color: #888;
  
  }
  

  Pages using this styling

  • scp-5734 [info]

  ¶ 1 occurrence
  

  #page-content .collapsible-block-folded .collapsible-block-link::before {
      content: "▷ ADDENDUM 5733." counter(collapse);
  }
  #page-content .collapsible-block-unfolded .collapsible-block-link::before {
      content: "▽ ADDENDUM 5733." counter(collapse);
  }

  Pages using this styling

  • scp-5733 [info]

  ¶ 1 occurrence
  

  :root {
      --header-title: "Anomalous Animal Healthcare";
      --header-subtitle: "Vets for the really really exotic pets";
  --logo-image: url("http://scp-sandbox-3.wdfiles.com/local--files/agreensquidkid/AHHdept%20logo.png");`
  
      --pale-accent: 165, 119, 190;
      /* light red, for visited links */
      --bright-accent: 171, 52, 84;
      /* bright red */
      --medium-accent: 165, 119, 190;
      /* medium red - the "default" accent color */
      --dark-accent: 71, 52, 84;
      /* dark red */
      --alt-accent: 71, 52, 84;
      /* pale orange, for newpage links */
  }

  Pages using this styling

  • scp-5731 [info]

  ¶ 1 occurrence
  

  :root {
  --neuter: 66, 66, 72;
  --thaumiel: 0, 135, 189
  }
  #page-content .contain-class .class-text {
      font-size: 2em;
  }

  Pages using this styling

  • scp-5729 [info]

  ¶ 1 occurrence
  

  /* anendlessusername's invaluable correction of the ACS octagon! */
  #page-content .quadrants > div {
      top: 2.25%;
      left: 18.5%;
  }
  :root {
      --timeScale: 2;
      --timeDelay: 0.5s;
    --lgurl: url(https://scp-wiki.wdfiles.com/local--files/component:pride-highlighter/tg_logo_blk.svg);
  }
  .email-example .collapsible-block-folded a.collapsible-block-link {
      animation: blink 0.8s ease-in-out infinite alternate;
  }
  @keyframes blink {
      0% { color: transparent; }
      50%, 100% { color: #b01; }
  }
  .email {border: solid 2px #000000; width: 88%; padding: 1px 15px; margin: 10px; box-shadow: 0 1px 3px rgba(0,0,0,.5)}
  .email-example a.collapsible-block-link {font-weight: bold;}
  .tofrom {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px maroon}

  Pages using this styling

  • scp-5723 [info]

  ¶ 1 occurrence
  

  .test{
      border:dotted 1px #000000;
      background:#f4f4f4;
      width:90%;
      padding:1px 15px;
      margin: 10px auto;
  }
  :root {
      --fnColor: #465a4b;
  }

  Pages using this styling

  • scp-5722 [info]

  ¶ 1 occurrence
  

  .blinkbar {
      color: red;
      font-size: 125%;
      animation: blink 1.5s infinite;
      letter-spacing: -0.13em;
  }
  
  @media (prefers-reduced-motion) {
      .blinkbar {
      	animation: none;
      }
  }
  
  @keyframes blink {
      to {
      	opacity: .0;
      }
  }
  
  @keyframes flicker {
      0% {
      	opacity: 0.9890;
      }
  
      5% {
      	opacity: 0.5842;
      }
  
      10% {
      	opacity: 0.9865;
      }
  
      20% {
      	opacity: 0.0412;
      }
  
      20% {
      	opacity: 0.6255;
      }
  
      25% {
      	opacity: 0.3157;
      }
  
      30% {
      	opacity: 0.7328;
      }
  
      35% {
      	opacity: 0.4654;
      }
  
      40% {
      	opacity: 0.9128;
      }
  
      45% {
      	opacity: 0.2449;
      }
  
      50% {
      	opacity: 0.5485;
      }
  
      55% {
      	opacity: 0.6438;
      }
  
      60% {
      	opacity: 0.1180;
      }
  
      65% {
      	opacity: 0.9085;
      }
  
      70% {
      	opacity: 0.0266;
      }
  
      75% {
      	opacity: 0.6795;
      }
  
      80% {
      	opacity: 0.7812;
      }
  
      85% {
      	opacity: 0.0117;
      }
  
      90% {
      	opacity: 0.2239;
      }
  
      95% {
      	opacity: 0.8897;
      }
  
      100% {
      	opacity: 0.2260;
      }
  }
  
  @keyframes overlay-anim {
      0% {
      	visibility: hidden;
      }
  
      10% {
      	visibility: hidden;
      }
  
      11% {
      	visibility: visible;
      }
  
      50% {
      	visibility: hidden;
      }
  
      100% {
      	visibility: hidden;
      }
  }
  
  .blinking .collapsible-block-folded a.collapsible-block-link {
      animation: blink 0.8s ease-in-out infinite alternate;
  }
  
  @keyframes blink {
      0% {
      	color: transparent;
      }
  
      50%,
      100% {
      	color: #b01;
      }
  }
  
  .email {
      float: center;
      border: solid 2px #000000;
      width: 88%;
      padding: 1px 15px;
      margin: 10px 10px 10px 10px;
      box-shadow: 0 1px 3px rgba(0, 0, 0, .5)
  }
  
  a.collapsible-block-link {
      font-weight: bold;
  }
  
  .tofrom {
      margin-left: 10px;
      margin-top: 5px;
      padding: 1px 15px;
      border-left: solid 3px maroon
  }

  Pages using this styling

  • scp-5716 [info]

  ¶ 1 occurrence
  

  :root {
      --header-title: "RCT-Δt";
      --header-subtitle: "Secure the Past. Contain the Present. Protect the Future.";
  --logo-image: url("https://scp-wiki.wdfiles.com/local--files/scp-5711/Delta-t-transparent.png");`

  Pages using this styling

  • scp-5711 [info]

  ¶ 1 occurrence
  

  body{
      --barColour: #b8a499;
  }
  
  :root{
    --header-title: "Tactical Theology";
    --header-subtitle: "Abrahamic Subdepartment";
  }
  @media (max-width: 768px) {
      :root {
           --header-title: "Tact. Theo.";
      }
  }
  
  div#extra-div-1 {
      background-image: url(http://topia.wikidot.com/local--files/in-heaven-a-spirit-doth-dwell/tactical-theology.png);
      filter: opacity(20%);
  }
  
  #header h1 a::before,
  #header h2::before {
      background: -webkit-linear-gradient(#801818, #000000);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
  }
  
  #page-content .info-container {
      --link-color: rgb(var(--swatch-text-general));
  }
  
  #page-content .info-container .translation_block {
      display: none;
  }
  
  #page-content .info-container .collapsible-block-link,
  #page-content .info-container:hover .collapsible-block-link {
      line-height: 1.6em;
  }
  
  #page-content .info-container .collapsible-block-folded,
  #page-content .info-container .collapsible-block-unfolded-link {
      display: grid;
  }
  
  #page-content .info-container .collapsible-block-folded .collapsible-block-link,
  #page-content .info-container .collapsible-block-link {
      -webkit-mask: unset;
              mask: unset;
      background: transparent;
      grid-column: 1;
      grid-row: 1;
      opacity: 0;
  }
  
  #page-content .info-container .collapsible-block-folded::before,
  #page-content .info-container .collapsible-block-unfolded-link::before {
      --wght: 800;
      content: "Elenee FishTruck";
      color: #FFFFFF;
      font-family: Inter, Arimo, Verdana, Geneva, "Helvetica Neue", "Helvetica", Arial, sans-serif;;
      display: block;
      pointer-events: none;
      grid-column: 1;
      grid-row: 1;
      line-height: 2.75ex;
  }

  Pages using this styling

  • scp-5709 [info]

  ¶ 1 occurrence
  

  .addendum {
      margin: 25px 8% 25px 6%;
      padding: 2% 4% 2% 4%;
      background-color: #f2f2f2;
  }
  
  @media only screen and (max-width: 600px) {
      .addendum {
      margin: 25px 4% 25px 3%;
      }
  }

  Pages using this styling

  • scp-5703 [info]

  ¶ 1 occurrence
  

  :root {
      --timeScale: 6;
      --timeDelay: 6s;
  }
  
  .interview{
      border:solid 2px #d4d4d4;
      background:#F5F5F5;
      width:90%;
      padding:1px 15px;
      margin: 10px auto;
  }
  
  #page-title{display:none}
  

  Pages using this styling

  • scp-5694 [info]

  ¶ 1 occurrence
  

  body {
      filter: grayscale(100%);
  }
  
  #page-content,
  .wiki-content-table td {
       text-align: justify;
  }
  
  .wiki-content-table th {
      text-align: center;
  }
  
  #page-content h3 {
      text-align: center;
      border-width: .085em 0;
      border-style: solid;
      border-color: #3c3c3c;
      padding: .3em 0;
      font-variant: small-caps;
  }
  
  div.interview {
       border: dashed 1px #444444; 
       background: #F5F5F5;
       padding: 0 1em;
       margin-bottom: 1em;
  }
  
  div.interview h4 {
       text-align: center;
       padding: .45em 0;
       margin: 0 1em;
       border-bottom: .085em solid #646464;
  }
  
  div.uiu {
      border: solid 1px #090909;
      background-color: #090909; 
      padding: 0 1em; 
  }
  
  div.uiu + div {
      border: solid 1px #090909; 
      padding: 0 1em; 
      margin-bottom: 1em;
  }
  
  div.uiu + div blockquote {
      border-style: solid;
      background: transparent;
  }
  
  div.uiu h1,
  div.uiu h2 {
      color: #fff;
  }
  
  h1 span,
  h2 span,
  h3 span {
      word-break: unset;
  }
  
  #page-title {
      display: block;
  }
  
  .class-text::after {
       content: ' (Provisional)'
  }
  
  :root {
      --three-color: 211, 211, 211;
  }
  
  .scp-image-block.block-right {
       margin: 0 0 1em 2em;
  }
  
  @media (max-width: 767px) {
      .scp-image-block.block-right {
          float: none;
          margin: auto;
      }
  
      .top-right-box > .clearance::before {
          margin-top: 1em;
      }
  
      .wiki-content-table td {
          text-align: initial;
      }
  }

  Pages using this styling

  • scp-5682 [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css?family=Architects+Daughter&display=swap');
  .page {
      display: block;
      overflow: hidden;
      font-family: 'Architects Daughter', cursive;
      font-style: normal;
  
      background-attachment: scroll;
      background-clip: border-box;
      background-color: transparent;
      background-image: linear-gradient(to top ,rgb(202, 219, 228) 0%, rgb(231, 233, 220) 8%);
      background-origin: padding-box;
      background-position: 0px 8px;
      background-repeat: repeat;
      background-size: 100% 20px;
  
      border: 1px solid #CCC;
      border-radius: 10px;
      padding: 10px 10px;
      margin-bottom: 10px;
  
      box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2)
      }
  .page p {
      line-height: 20px;
      margin: 0;
      font-size: 150%
  }

  Pages using this styling

  • scp-5678 [info]

  ¶ 1 occurrence
  

  .Letter{
      border:dotted 1px #000000;
      background:#FFEDDD;
      width:90%;
      padding:1px 15px;
      font-size: 18px;
      font-family: 'Monaco';
      margin: 10px auto;
      max-width: 500px;
  }
  .Transcript{
      border:dotted 1px #000000;
      background:#cfcedc;
      width:60%;
      padding:1px 15px;
      font-size: 17px;
      font-family: 'Forum';
      margin: 10px auto;
  }
  .Verse{
      border:dotted 1px #000000;
      background:#fdf5e6;
      width:50%;
      padding:1px 15px;
      font-size: 18px;
      font-family: 'Forum';
      margin: 10px auto;
      max-width: 500px;
  }
  .Semper {
  font-family: 'Forum';
      font-size: 18px;
  }

  Pages using this styling

  • scp-5674 [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=El+Messiri&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Forum&display=swap');
  :root {
      --pale-accent: 239, 192, 153;
      --bright-accent: 230, 222, 222;
      --medium-accent:  183, 160, 89;
      --dark-accent: 145, 105, 124;
      --alt-accent: 255, 246, 255;
  --header-gradient-color-bottom: var(--medium-accent);
  --header-gradient-color-middle: var(--dark-accent);
  --link-color: var(--dark-accent);
  --tabs-bg: var(--dark-accent);
  --rating-module-bottom-border-color: var(--dark-accent);
  --rating-module-button-plus-color: 145, 105, 124;
  --rating-module-button-negative-color: 239, 192, 153;
  --title-font: 'El Messiri', sans-serif;
  --header-font: 'Forum', cursive;
  --logo-image: url(https://scp-wiki.wdfiles.com/local--files/scp-5674/scp-ecumene-sigil.png);
  --header-title: "The • Ecumenical • Archives";
  --header-subtitle: "S a n c t v s • R e l i q v i a r i v m • A n i m v s";
  }

  Pages using this styling

  • scp-5674 [info]

  ¶ 1 occurrence
  

  :root {
      --four-color: 117, 45, 167;
      --five-color: 215, 46, 235;
  }

  Pages using this styling

  • scp-5671 [info]

  ¶ 1 occurrence
  

  .parawatch{
      background-color: #202020;
      border: 2px solid #111;
      color: #f2f2f2;
      font-family: "Courier", "Courier New", "Roboto Mono", monospace;
      padding: 0 1em;
      font-size: 1.1em;
      width: 85%;
      margin:0 auto;
  }
  
  .parawatch hr{margin: 1em 2em; padding: 0; height: 1px; border: none; background-color: #f2f2f2;}
  
  .parawatch .scp-image-block{
      border-color: #ffff99;
  }
  .parawatch .scp-image-caption{
      background-color: #000;
  }
  
  .parawatch blockquote{
      background: #000;
      border-width: 2px;
      border-style: solid;
      border-color: #262626;
  }

  Pages using this styling

  • scp-5668 [info]

  ¶ 1 occurrence
  

  a.collapsible-block-link { font-weight: bold; }
  
  .footnotes-footer {
  
    display: none;
  }
  
  #page-title {
    display: none;
  }
  
  
  .redhr { 
  border-top: solid 1px #900; 
  padding-top: 10px; 
  margin-top:10px;
  width: 97%; 
  margin: auto;
  }

  Pages using this styling

  • scp-5666 [info]

  ¶ 1 occurrence
  

  a.collapsible-block-link { font-weight: bold;
  }

  Pages using this styling

  • scp-5664 [info]

  ¶ 1 occurrence
  

  .email {float: center; border: solid 2px #000000; width: 88%; padding: 1px 15px; margin: 10px 10px 10px 10px; box-shadow: 0 1px 3px rgba[0,0,0,.5]}
  a.collapsible-block-link { font-weight: bold; }
  .tofrom {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px maroon}
   blockquote{ /* ---- Regular Quote Block ---- */
       background-color: hsl(0, 0%, 96%);
       border: 3px double hsl(0, 0%, 60%);
  }
   .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%);
  }
   .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: 1em;
  }
   .warning-notice{ /* ---- Simple Warning Block ---- */
       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: 2px solid hsl(0, 0%, 5%);
   
       text-align: center;
  }

  Pages using this styling

  • scp-5662 [info]

  ¶ 1 occurrence
  

  @import url("http://wanderers-library.wikidot.com/component:dustjacket-theme-typefaces/code/1");
  
  
  #page-content .border{
      box-sizing: border-box;
      padding: .85em 0;
      background-color: rgb(45, 70, 45);
      border: 2vw solid rgba(0,0,0,0.5);
      border-radius: 3vw;
      border-image: url(http://wanderers-library.wdfiles.com/local--files/component%3Adustjacket-theme/wl_border.png) 600 round;
      border-image-width: 6;
      text-align: center;
      margin: auto;
      width: 60%;
  
      font-size: 120%;
      font-family: 'adelle-sans', sans-serif;
      letter-spacing: 1px;
      word-break: unset;
      color: #FFDB5A;
  }
  
  #page-content h2 {
      text-align: center;
  }
  
  @media (max-width: 767px) {
      #page-content .border{
          width: 100%;
       }
  }

  Pages using this styling

  • scp-5661 [info]

  ¶ 1 occurrence
  

  #page-content .collapsible-block {  
    max-width: 100%;
      /* text-align: left; */
      text-align: center;
  text-color: black;
      border-color: #000000;
      border: solid 1px #000000;
      background-color: #f5f5f5;
  }
  .collapsible-block-content p {
      text-align: left;
         margin-left: 7px; 
     margin-right: 7px;
  padding-left: 10px;
      padding-right: 10px;
  }
  blockquote {
         margin-left: 10px; 
     margin-right: 10px;    
  border: 1px double #999;
      background-color: #ffffff;
  }
  table.wiki-content-table { 
     margin-left: 7px; 
     margin-right: 7px;
     background-color: #ffffff;
  }
  .footnotes-footer { 
      visibility: hidden; 
      height: 0;
      padding: 0;
      margin: 0;
  }

  Pages using this styling

  • scp-5656 [info]

  ¶ 1 occurrence
  

  .test {
    margin: 6px auto;
    padding: .2em 1.25em;
    background-color: #e5e5e5;
    width: 85%;
  }
  
  @media only screen and (max-width: 600px) {
    .test { width: 95% }
  }

  Pages using this styling

  • scp-5655 [info]

  ¶ 1 occurrence
  

  div#extra-div-1 {
       width: 100%;
       height: calc(100% - var(--final-header-height-on-desktop));
       position: absolute;
       top: calc(var(--final-header-height-on-desktop));
       left: 0;
       z-index: -1;
       mask: var(--gradient-background);
       -webkit-mask: var(--gradient-background);
       background-image: url(http://scp-wiki.wdfiles.com/local--files/scp-5651/planetnostarsmirror.jpg);
       background-size: 100%, 80% var(--background-gradient-distance);
       background-blend-mode: difference;
       background-repeat: no-repeat, repeat-x;
       pointer-events: none;
  }

  Pages using this styling

  • scp-5651 [info]

  ¶ 1 occurrence
  

  html#html-block-html, html#html-block-html body {
  margin-left: -100px;
  }
  
  
  @import url('https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+Antique:wght@300;400;500;700;900&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@700&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Spline+Sans:wght@400;700&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap');
  div.authorlink-wrapper{margin-top: var(--author-top-adjust, .2em) !important;}
  body {
  margin: 
  }
  
  :root {
  --title: "FOUNDATION";
  --logo: url(https://scp-sandbox-3.wdfiles.com/local--files/thebillith/narrativistics_invert.png);
  --subtitle: "NARRATIVISTICS DIVISION";
  --sidesubtitle: "ERUDITION";
  --sidelogo: url(https://scp-sandbox-3.wdfiles.com/local--files/thebillith/narrativistics_invert.png);
  --header-font: 'Poppins';
  --body-font: 'Zen Kaku Gothic Antique', sans-serif;
  --ACS-font: var(--body-font);
  --two-color: 85, 85, 104 !important;
  --four-color: 84, 51, 68 !important;
  --three-color: 90, 118, 103 !important;
  --five-color: 60, 9, 33 !important;
  }
  
  

  Pages using this styling

  • scp-5646 [info]

  ¶ 1 occurrence
  

  .header_bar {
      color:#a6a6a6;
      border-radius: 10px;
      background-color: #000212;
      background-image: linear-gradient(
          to bottom,
          rgba(28, 28, 28, .8), rgba(0, 2, 18, 0) 50%);
      z-index: 3;
      padding: 10px;
      margin: auto;
      width: 100%;
  }

  Pages using this styling

  • scp-5637 [info]

  ¶ 1 occurrence
  

  :root {
    --scp-number: '5635';  /*Change the XXXX to whatever number you want, but don't get rid of the apostrophes*/
  }
  #page-content .collapsible-block-folded .collapsible-block-link::before {
      content: "▷ ADDENDUM " var(--scp-number) "." counter(collapse);
  }
  #page-content .collapsible-block-unfolded .collapsible-block-link::before {
      content: "▽ ADDENDUM " var(--scp-number) "." counter(collapse);
  }
  #page-content .unfolded-collapse::before {
      content: "▽ ADDENDUM" var(--scp-number) "." counter(collapse);
  }

  Pages using this styling

  • scp-5635 [info]

  ¶ 1 occurrence
  

  .anom-bar-container.esoteric .text-part > .main-class::before {
     background-color: rgb(var(--dress-white));
  }
  
  .anom-bar-container.esoteric .text-part > .main-class::after {
     border: 0.25rem solid rgb(var(--dress-white));
  }
  
  .anom-bar-container.esoteric .danger-diamond > .top-icon::before {
     background-color: rgb(var(--dress-white));
  }
  
  .danger-diamond a:hover {
     text-decoration: none;
     color: rgba(0, 0, 0, 0);
  }

  Pages using this styling

  • scp-5634 [info]

  ¶ 1 occurrence
  

  span.monotype {
      font-family: var(--mono-font);
  }
  
  span.monotype,
  span.monotype * {
      font-variation-settings: 
      	"wght" var(--mono-wght), 
      	"CASL" var(--CASL), 
      	"CRSV" var(--CRSV), 
      	"MONO" var(--MONO);
  }
  
  .raisa-alert tt {
      --mono-wght: 800;
      font-size: 2rem;
      font-weight: 800;
  }
  .raisa-alert {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      text-align: center;
      background-color: rgb(var(--bright-accent));
      border: 0.5rem solid rgb(var(--bright-accent));
      background-image: -webkit-linear-gradient(135deg, transparent, transparent 25%, hsla(0,0%,0%,.05) 25%, hsla(0,0%,0%,.05) 50%, transparent 50%, transparent 75%, hsla(0,0%,0%,.05) 75%, hsla(0,0%,0%,.05));
      background-image: -moz-linear-gradient(135deg, transparent, transparent 25%, hsla(0,0%,0%,.1) 25%, hsla(0,0%,0%,.1) 50%, transparent 50%, transparent 75%, hsla(0,0%,0%,.1) 75%, hsla(0,0%,0%,.1));
      background-image: -ms-linear-gradient(135deg, transparent, transparent 25%, hsla(0,0%,0%,.1) 25%, hsla(0,0%,0%,.1) 50%, transparent 50%, transparent 75%, hsla(0,0%,0%,.1) 75%, hsla(0,0%,0%,.1));
      background-image: -o-linear-gradient(135deg, transparent, transparent 25%, hsla(0,0%,0%,.1) 25%, hsla(0,0%,0%,.1) 50%, transparent 50%, transparent 75%, hsla(0,0%,0%,.1) 75%, hsla(0,0%,0%,.1));
      background-image: linear-gradient(135deg, transparent, transparent 25%, hsla(0,0%,0%,.1) 25%, hsla(0,0%,0%,.1) 50%, transparent 50%, transparent 75%, hsla(0,0%,0%,.1) 75%, hsla(0,0%,0%,.1));
      background-size: 20px 20px;
      box-shadow: 0 5px 0 hsla(0,0%,0%,.1);
      color: rgb(var(--white-monochrome));
      line-height: 1.25;
  }
  
  .blbf-desc .scp-image-container {
      margin-top: 1rem;
  }
  
  .scp-image-block {
      box-shadow: initial;
      	width: 100%;
  }
  
  .scp-image-caption {
      --wght: 600;
      font-size: 0.75rem;
      background-color: rgb(var(--light-gray-monochrome));
      padding: 0.25rem;
      display: flex;
      align-items: center;
      justify-content: center;
      width: 100%;
      text-align: center;
      line-height: 1.25;
      color: rgb(var(--white-monochrome));
      font-weight: 600;
      letter-spacing: 0.0125rem;
      border-left: .0625rem solid rgb(var(--swatch-primary-darkest));
      border-right: .0625rem solid rgb(var(--swatch-primary-darkest));
      border-bottom: .0625rem solid rgb(var(--swatch-primary-darkest));
  }
  
  .scp-image-container, .scp-image-container * {
      box-sizing: border-box;
  }
  
  .scp-image-container.right-float {
      width: 50%;
      float: right;
      padding-left: 1rem;
      margin-top: 1rem;
  }
  
  .compete {
      position: relative;
      width: 100%;
      overflow: hidden;
      mix-blend-mode: darken;
  }
  
  .compete > div {
      top: 0;
      left: 0;
      background: rgb(var(--white-monochrome));
      padding: 0.25rem 1rem;
  }
  
  .compete > div:not(:first-of-type) {
      position: absolute;
      opacity: 0;
  }
  
  .compete > div:nth-of-type(2) {
      animation: noise-1 1s linear infinite alternate-reverse, glitch 10s infinite;
      z-index: 10;
  }
  
  .compete > div:nth-of-type(3) {
      animation: noise-1 3s linear infinite alternate-reverse, glitch 18s infinite;
      z-index: 11;
  }
  
  @keyframes glitch {
    10% {
      transform: rotateX(0deg) skewX(0deg);
      opacity: 1;
    }
    11% {
      transform: rotateX(10deg) skewX(90deg);
      opacity: 1;
    }
    12% {
      transform: rotateX(0deg) skewX(0deg);
      opacity: 0;
    }
    22% {
      transform: rotateX(0deg) skewX(0deg);
      opacity: 0;
    }
    23% {
      transform: rotateX(0deg) skewX(0deg);
      opacity: 1;
    }
    23.66667% {
      transform: rotateX(0deg) skewX(0deg);
      opacity: 1;
    }
    24% {
      transform: rotateX(0deg) skewX(0deg);
      opacity: 0;
    }
    90% {
      transform: rotateX(0deg) skewX(0deg);
      opacity: 0;
    }
    90.66667% {
      transform: rotateX(0deg) skewX(0deg);
      opacity: 1;
    }
    93% {
      transform: rotateX(0deg) skewX(0deg);
      opacity: 1;
    }
    94.666667% {
      transform: rotateX(0deg) skewX(0deg);
      opacity: 0;
    }
  }
  
  @keyframes noise-1 {
    3.3333333333% {
      clip-path: inset(37px 0 30px 0);
    }
    6.6666666667% {
      clip-path: inset(32px 0 48px 0);
    }
    10% {
      clip-path: inset(75px 0 23px 0);
    }
    13.3333333333% {
      clip-path: inset(79px 0 20px 0);
    }
    16.6666666667% {
      clip-path: inset(38px 0 16px 0);
    }
    20% {
      clip-path: inset(65px 0 19px 0);
    }
    23.3333333333% {
      clip-path: inset(54px 0 5px 0);
    }
    26.6666666667% {
      clip-path: inset(23px 0 10px 0);
    }
    30% {
      clip-path: inset(17px 0 45px 0);
    }
    33.3333333333% {
      clip-path: inset(75px 0 9px 0);
    }
    36.6666666667% {
      clip-path: inset(36px 0 51px 0);
    }
    40% {
      clip-path: inset(13px 0 34px 0);
    }
    43.3333333333% {
      clip-path: inset(73px 0 27px 0);
    }
    46.6666666667% {
      clip-path: inset(65px 0 1px 0);
    }
    50% {
      clip-path: inset(60px 0 38px 0);
    }
    53.3333333333% {
      clip-path: inset(53px 0 5px 0);
    }
    56.6666666667% {
      clip-path: inset(48px 0 4px 0);
    }
    60% {
      clip-path: inset(67px 0 6px 0);
    }
    63.3333333333% {
      clip-path: inset(46px 0 42px 0);
    }
    66.6666666667% {
      clip-path: inset(43px 0 52px 0);
    }
    70% {
      clip-path: inset(67px 0 27px 0);
    }
    73.3333333333% {
      clip-path: inset(54px 0 9px 0);
    }
    76.6666666667% {
      clip-path: inset(96px 0 1px 0);
    }
    80% {
      clip-path: inset(11px 0 12px 0);
    }
    83.3333333333% {
      clip-path: inset(4px 0 40px 0);
    }
    86.6666666667% {
      clip-path: inset(98px 0 2px 0);
    }
    90% {
      clip-path: inset(97px 0 2px 0);
    }
    93.3333333333% {
      clip-path: inset(54px 0 12px 0);
    }
    96.6666666667% {
      clip-path: inset(40px 0 11px 0);
    }
    100% {
      clip-path: inset(41px 0 34px 0);
    }
  }

  Pages using this styling

  • scp-5633 [info]

  ¶ 1 occurrence
  

  :root {
    --logo: url(https://scp-wiki.wdfiles.com/local--files/secure-facility-dossier-site-58/58logo.png);
    --title: "SITE-58:";
    --subtitle: "BRIDGING THE GAPS BETWEEN US";
  }
  
  .dark {
    background-color: #140E14;
    color: #DCDCDC;
  }
  
  /* REDDIT */
  .reddit-post{
      margin: .43em;
      padding: 0 .85em;
  
      background-color: #fcfcfb;
      border: 1px solid #b5b3ac;
  
      font-family: verdana,arial,sans-serif;
      overflow: hidden;
  }

  Pages using this styling

  • scp-5632 [info]

  ¶ 1 occurrence
  

  .email {float: center; border: solid 2px #000000; width: 88%; padding: 1px 15px; margin: 10px 10px 10px 10px; box-shadow: 0 1px 3px rgba(0,0,0,.5)}
  .tofrom {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px maroon}

  Pages using this styling

  • scp-5625 [info]

  ¶ 1 occurrence
  

  div#extra-div-1 {
       width: 100%;
       height: calc(100% - var(--final-header-height-on-desktop));
       position: absolute;
       top: calc(var(--final-header-height-on-desktop));
       left: 0;
       z-index: -1;
       mask: var(--gradient-background);
       -webkit-mask: var(--gradient-background);
       background-image: url(https://upload.wikimedia.org/wikipedia/commons/thumb/f/f3/Orion_Nebula_-_Hubble_2006_mosaic_18000.jpg/1024px-Orion_Nebula_-_Hubble_2006_mosaic_18000.jpg);
       background-size: 100%, 80% var(--background-gradient-distance);
       background-blend-mode: difference;
       background-repeat: no-repeat, repeat-x;
       pointer-events: none;
  }

  Pages using this styling

  • scp-5623 [info]

  ¶ 1 occurrence
  

  #page-content .contain-class .class-text {
      font-size: 3em;
  }

  Pages using this styling

  • scp-5618 [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css?family=Bahianita|Cabin+Sketch|Miss+Fajardose|Nothing+You+Could+Do|Open+Sans|Reenie+Beanie|Ruthie|Tangerine&display=swap');
  
  div.info-container > div.collapsible-block {
      padding: 0 !important;
      margin: 0 !important;
      box-shadow: none !important;
  }
  
  .type1 {
      display: block;
      overflow: hidden;
      font-family: "Monotype Corsiva", "Bradley Hand ITC", cursive;
      font-style: normal;
      font-size: 1.2em;
  
      background-attachment: scroll;
      background: linear-gradient(rgba(220, 240, 240, 0.3), rgba(240, 240, 220, 0.5)), url("https://scp-wiki.wdfiles.com/local--files/scp-5862/paperbackground.jpg");
      background-clip: border-box;
      background-origin: padding-box;
      background-repeat: repeat;
      background-size: 100%;
  
      border: 1px solid #CCC;
      border-radius: 10px;
      padding: 2px 2px;
      margin-bottom: 10px;
  
      box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2)
      }
  .type1 p,
  .type1 ul {
      line-height: 25px;
      margin: 0;
  }
  
  

  Pages using this styling

  • scp-5612 [info]

  ¶ 1 occurrence
  

  
  .link a {
  text-align: center;
  font-weight : bold;
  font-size : 120%;
  }
  
  .antilink a {
  text-align: left;
  font-weight : normal;
  font-size : 100%;
  }
  
  .scribblebox {
      display: flex;
      justify-content: space-between;
  }
  
  .notepad {
      border : 1px solid black; 
      font-family : Consolas; 
      padding : 1em;
  }

  Pages using this styling

  • scp-561-fr [info]

  ¶ 1 occurrence
  

  
  #page-title{display:none}
  
  .info-container .collapsible-block-folded a{
  color: #FFF;}
  .info-container .collapsible-block-unfolded-link a{
  color: #FFF;
  }
  
  #page-content > .collapsible-block {
      display: block;
      text-align: center;
      padding: .8em;
      background-color: #e3e3e3;
      border-top: 0.125rem dashed #b5b5b5;
      border-bottom: 0.125rem dashed #b5b5b5;
  }
  
  #page-content > .collapsible-block .collapsible-block-content {
      text-align: left;
  }
  
  #page-content .license-box .collapsible-block {
      display: unset;
      text-align: unset;
      padding: unset;
      background-color: unset;
      border-top: unset;
      border-bottom: unset;
  }
  
  #page-content .license-box .collapsible-block .collapsible-block-content {
      text-align: unset;
  }
  
  blockquote,
  div.blockquote {
      border: 0.125rem solid #d4d4d4;
      background-color: #F5F5F5;
  }
  
  .interview{
      border:solid 2px #d4d4d4;
      background:#F5F5F5;
      width:90%;
      padding:1px 15px;
      margin: 10px auto;
  }
  

  Pages using this styling

  • scp-5604 [info]

  ¶ 1 occurrence
  

  
  :root {
  --thaumiel: 0, 135, 189
      --logo-image: url("https://nu-scptheme.github.io/Black-Highlighter/img/logo.svg");
  }
  
  .event{
      border:solid 1px #000000;
      background:#D8ECF4;
      width:90%;
      padding:1px 15px;
      margin: 10px auto;
  }
  
  .test{
      border:solid 1px #000000;
      background:#F5D8E0;
      width:90%;
      padding:1px 15px;
      margin: 10px auto;
  }

  Pages using this styling

  • scp-5595 [info]

  ¶ 1 occurrence
  

  .testfile{
      border:solid 3px #abc3cc;
      background:#f2fbff;
      width:85%;
      padding:1px 15px;
      margin: 10px auto;
  }
  
  .testvideo{
      background:#ccf1ff;
      width:90%;
      padding:1px 15px;
      margin: 10px auto;
  }

  Pages using this styling

  • scp-5591 [info]

  ¶ 1 occurrence
  

  :root {
      --timeScale: 1.5;
      --timeDelay: 0.5s;
  }
  
  .hovertip { max-width: 400px; }
  a.collapsible-block-link { font-weight: bold; }
  .avatar-hover { display: none !important; }
  sup { font-weight: bold; }
  
  .email { border: solid 2px black; width: 88%; padding: 1px 15px; margin: 10px auto; box-shadow: 0px 0px 8px 0px gray;}
  .tofrom {margin-left: 10px; margin-top: 8px; padding: 1px 15px; border-left: solid 3px maroon}
  
  .testseries {
     border: 1px solid black;
     border-radius: 8px;
     width: 90%;
     margin: auto;
     margin-top: 1em;
     margin-bottom: 1em;
     background: #eeeeee
  }
  .noword{padding: 0px 10px 10px 10px;}
  .afterword{padding: 0px 10px;}
  
  .testlogs {
     border-collapse:collapse;
     margin:auto;
     table-layout: fixed;
     width: 100%;
  }
  
  @media only screen and (max-width: 600px) {
    .begone{display: none;}
  }

  Pages using this styling

  • scp-5590 [info]

  ¶ 1 occurrence
  

  .email-example .collapsible-block-folded a.collapsible-block-link {
      animation: blink 0.8s ease-in-out infinite alternate;
  }
  @keyframes blink {
      0% { color: transparent; }
      50%, 100% { color: #b01; }
  }
  .email {border-radius: 10px;
  background-image: url("https://scp-wiki.wdfiles.com/local--files/the-great-hippo/scp_trans.png"), linear-gradient(#fff, #eee);
    background-repeat: no-repeat;
    background-position: center;
  border: solid 2px #000000;
  width: 88%;
  padding: 1px 15px;
  margin: 10px;
  box-shadow: 0 1px 3px rgba(0,0,0,.5)}
  .email-example a.collapsible-block-link {font-weight: bold;}
  .tofrom {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px maroon}

  Pages using this styling

  • scp-5584 [info]

  ¶ 1 occurrence
  

  .email-example .collapsible-block-folded a.collapsible-block-link {
      animation: blink 0.8s ease-in-out infinite alternate;
  }
  @keyframes blink {
      0% { color: transparent; }
      50%, 100% { color: #b01; }
  }
  .email {border-radius: 10px; border: solid 2px #000000; width: 88%; padding: 1px 15px; margin: 10px; box-shadow: 0 1px 3px rgba(0,0,0,.5)}
  .email-example a.collapsible-block-link {font-weight: bold;}
  .tofrom {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px maroon}

  Pages using this styling

  • scp-5584 [info]

  ¶ 1 occurrence
  

  #page-title {
    display: none;
  }
  .meta-title {
    border-bottom: solid 1px #bbbbbb;
    color: #000000;
    font-weight: normal;
    margin: 0 0 0.6em;
    padding: 0 0 0.25em;
    font-size: 200%;
  }
  .meta-title p {
    margin: 0;
  }

  Pages using this styling

  • scp-5580 [info]

  ¶ 1 occurrence
  

  .appeal{
      border:dotted 1px #000000;
      background:#F8F8FF;
      width:90%;
      padding:1px 15px;
      margin: 10px auto;
      max-width: 500px;
  }
  .log{
      border:dotted 1px #000000;
      background:#fdf5e6;
      width:90%;
      padding:1px 15px;
      margin: 10px auto;
  }

  Pages using this styling

  • scp-5578 [info]

  ¶ 1 occurrence
  

  .email-example .collapsible-block-folded a.collapsible-block-link {
      animation: blink 0.8s ease-in-out infinite alternate;
  }
  @keyframes blink {
      0% { color: transparent; }
      50%, 100% { color: #379eb3; }
  }
  .email {border: solid 2px #6e6c67; width: 88%; padding: 1px 15px; margin: 10px; box-shadow: 0 1px 3px rgba(0,0,0,1)}
  .email-example a.collapsible-block-link {font-weight: bold;}
  .tofrom {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px maroon}

  Pages using this styling

  • scp-5578 [info]

  ¶ 1 occurrence
  

  #page-content .collapsible-block {
      position: relative;
      padding: 0.5em;
      margin: 0.5em;
      box-shadow: 2px 1.5px 1px rgba(176,16,0,0.7), 0 0 0px 1px #263571;
      overflow-wrap: break-word;
  }
  .addendumtitle {
     opacity: 0.8;
     margin-bottom: 10px;
     color: #263571;
  }
  .appeal{
      border:dotted 1px #000000;
      background:#F8F8FF;
      width:90%;
      padding:1px 15px;
      margin: 10px auto;
      max-width: 500px;
  }
  .transcript{
      border:dotted 1px #000000;
      background:#f2f3f4;
      width:60%;
      padding:1px 15px;
      margin: 10px auto;
  }

  Pages using this styling

  • scp-5578 [info]

  ¶ 1 occurrence
  

  @import url(''https://fonts.googleapis.com/css2?family=Open+Sans+Condensed:wght@300&display=swap'');
  @import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@300&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Teko:wght@300&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=EB+Garamond&display=swap');
  .Salamin {
    font-family: 'EB Garamond', serif;
    font-size: 1.00em;
    font-style: italic;
  }
  :root {
      --pale-accent: 158, 105, 0;
      --bright-accent: 232, 202, 37;
      --medium-accent: 55, 158, 179;
      --dark-accent: 38, 53, 113;
      --alt-accent: 255, 126, 5;
  --header-h2-font-size: calc(var(--base-font-size) * 1.05);
  --header-gradient-color-bottom: var(--medium-accent);
  --header-gradient-color-middle: var(--dark-accent);
  --visited-link-color: var(--pale-accent);
  --hover-link-color: var(--bright-accent);
  --tabs-bg: var(--dark-accent);
  --rating-module-bottom-border-color: var(--dark-accent);
  --rating-module-button-plus-color: 55, 158, 179;
  --rating-module-button-negative-color: 255, 126, 5;
  --title-font: 'Barlow Condensed', sans-serif;
  --header-font: 'Teko', sans-serif;
  --logo-image: url(http://scp-sandbox-3.wikidot.com/local--files/rtsandboxnoketerleftbehind/scp-reintegration-sigil-alt.png);
  --header-title: "Site-48 Reintegration Committee";
  --header-subtitle: "Safety, Camaraderie, Prosperity";
  --body-width-on-mobile: 120%;
  }

  Pages using this styling

  • scp-5578 [info]

  ¶ 1 occurrence
  

  .footnotes-footer {display:none;}
  .collapsible-block-link {font-weight: bold;}
  #page-title {display: none;}
  #page-content a.collapsible-block-link:not(.licensebox a.collapsible-block-link) {
      font-weight: 600;
      color: #ffffff;
      padding-top: 4px;
      padding-bottom: 4px;
      padding-left: 15px;
      padding-right: 15px;
      background: #444444;
      border-radius: 2px;
      margin-top: 10px;
      margin-bottom: 10px;
  }

  Pages using this styling

  • scp-5576 [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Macondo+Swash+Caps&display=swap');
  
  div.info-container > div.collapsible-block {
      padding: 0 !important;
      margin: 0 !important;
      box-shadow: none !important;
  }
  
  

  Pages using this styling

  • scp-5573 [info]

  ¶ 1 occurrence
  

  
  :root {
    --header-subtitle: "Serve, Cook, Prepare";
  }
  

  Pages using this styling

  • scp-5559 [info]

  ¶ 1 occurrence
  

  .quote-block{
      border: 3px double #999;
      background-color: #d8e5f0;
      padding: .25em 1em;
      margin-bottom: 1em;
  }
  .vid-block{
      border: 3px double #999;
      background-color: #e5d1e5;
      padding: .25em 1em;
      margin-bottom: 1em;
  }
  
  /* HEADER */
  #header{ background-image: url(http://scp-wiki.wdfiles.com/local--files/scp-4428/DoMC_Logo100.png); }
  #header h1 a{
      display: block;
      margin: 0;
      padding: 80px 0 25px;
      line-height: 0;
      max-height: 0;
      color: transparent;
      background: transparent;
      font-family: 'Verdana', Arial, sans-serif;
      text-decoration: none;
      text-shadow: none;
      letter-spacing: 0.9px;
  }
  #header h1 a::before{
      content: "DoMC";
      color: white;
      letter-spacing: -0.02em;
      text-shadow: 3px 3px 5px black;
  }
  #header h2 span{
      display: block;
      margin: 0;
      padding: 19px 0;
      line-height: 0;
      max-height: 0;
      font-weight: bold;
      color: transparent;
      text-shadow: none;
  }
  #header h2 span::before{
      content: 'Solving Communications Problems';
      color: white;
      text-shadow: 1px 1px 1px black;
  }

  Pages using this styling

  • scp-5558 [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css?family=Caveat&display=swap');
  @import url('https://fonts.googleapis.com/css?family=Cinzel');
  @import url('https://fonts.googleapis.com/css?family=Anton');
  @import url('https://fonts.googleapis.com/css?family=Pinyon+Script');
  @import url('https://fonts.googleapis.com/css?family=Pangolin&display=swap');
  @import url('https://fonts.googleapis.com/css?family=Patrick+Hand+SC&display=swap');
  @import url('https://fonts.googleapis.com/css?family=Reenie+Beanie');
  
  .page {
      display: block;
      overflow: hidden;
      font-family: 'Pangolin', cursive;
      font-size: 1.6em;
      font-style: normal;
  
     
      background-attachment: scroll;
      background-clip: border-box;
      background-color: transparent;
      background-image: linear-gradient(to top ,rgb(202, 219, 228) 0%, rgb(231, 233, 220) 8%);
      background-origin: padding-box;
      background-position: 0px 8px;
      background-repeat: repeat;
      background-size: 100% 20px;
      
  
      border: 1px solid #CCC;
      border-radius: 10px;
      padding: 10px 10px;
      margin-bottom: 10px;
  
      box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2)
      }
  .page p {
      line-height: 20px;
      margin: 0;
  }
  .page ul {
      list-style: symbols;
  }
  
  #page-content {
      position: relative;
  }
  
  .desktop-only {
      height: 21rem;
      width: 10rem;
      background: #ffffff;
      position: -webkit-sticky;
      position: sticky;
      top: 15rem;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      border: solid 1px #444444;
      padding: 10px;
      -webkit-box-shadow: none;
         -moz-box-shadow:  none;
              box-shadow: none;
      overflow: visible;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
         -moz-box-orient: vertical;
         -moz-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-transform: translateX(400%);
         -moz-transform: translateX(400%);
          -ms-transform: translateX(400%);
           -o-transform: translateX(400%);
              transform: translateX(400%);
  }
  
  .article {
      margin-top: -21rem!important;
  }
      
  @media (max-width: 1250px) {
      .desktop-only {
       display: none !important;
       visibility:hidden
      }
  .article {
      margin-top: 4rem!important;
  }
      #page-content > div:nth-child(5) {
       margin-top: 0;
      }
  
  }
  

  Pages using this styling

  • scp-5555 [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=PT+Sans+Narrow&display=swap');//
  
  table td.Greybox {
  width:19%;
  }
  
  table td.Whitebox {
  width:62%;
  padding-left: 1em;
  }
  
  table td.Whiteboxi {
  width:62%;
  padding-left: 1.5em;
  }
  
  @media (max-width: 479px) {
  table td.Greybox {
  width:25%!important;
  }
  table td.Whitebox {
  width:50%!important;
  padding-left: .5em;
  }
  table td.Whiteboxi {
  width:50%;
  padding-left: 1em;
  }
  }

  Pages using this styling

  • scp-5553 [info]

  ¶ 1 occurrence
  

  #page-content > .collapsible-block {
    background-color: transparent;
    border-top: none;
    border-bottom: none;
  }
  .hover {
      color: rgb(var(--bright-accent));
  }
  .hover:hover {
       text-decoration: none;
      border-bottom: none;
  }
  
  .hover span {    display: none;}
  .hover:hover span {
      position: absolute;
      display: inline;
      margin: 0px 0px;
      height: auto;
      width: auto;
      background: #000;
      border: 2px double rgb(var(--dark-accent));
      color: #fff;
      padding: 1em;
  }
  .hover:hover span span {
      position: relative;
      margin: auto;
      height: auto;
      width: auto;
      border: none;
      padding: 0;
  }
  .orderwrapper {
      position: relative;
      width: auto;
      text-align: center;
  }
  
  .council1 {
      position: relative;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      width: 295px;
      height: 295px;
      margin: auto;
      background-image: url("https://scp-wiki.wikidot.com/local--files/scp-5549/scp_trans.webp");
      background-size: 295px 295px;
      background-repeat: no-repeat;
      background-position: center;
  }
  
  .ordertitle {
      position: absolute;
      left: 0;
      right: 0;
      top: 38px;
  }
  
  .ordertitle h1 {
      font-size: 220%;
      color: #555;
  }
  
  .orderdescription {
      position: absolute;
      left: 0;
      right: 0;
      top: 85px;
      width: 100%;
  }
  
  .orderdescription p {
      font-size: 90%;
      color: #555;
  }
  
  .orderdescription h1 {
      font-size: 120%;
      color: #555;
  }
  
  .itemno {
      position: absolute;
      left: 0;
      right: 0;
      bottom: 27px;
  }
  
  .itemno h1 {
      font-size: 170%;
      color: #555;
  }
  
  div.terminal{
      border: 1px solid black;
      border: solid 3px #BBBBBB;
      border-radius: 5px;
      background-color: #311;
  /* black shadow at the top of the terminal */
      background-image: 
          radial-gradient(ellipse 1000% 100% at 50% 90%, transparent, #211);
      background-position: center;
      display: block;
  /* shadow around the terminal */
      box-shadow: inset 0 0 10em 1em rgba(0,0,0,0.5);
  /* prevents scanline from forming a scrollwheel */
      overflow:hidden;
  }
  div.terminal blockquote {
      background-color: black;
      border: double 3px rgb(var(--bright-accent));
  }
  div.scanline{
      margin-top: -40%;
      width: 100%;
      height: 60px;
      position: relative;
      pointer-events: none;
  /* Safari 4.0 - 8.0 */
      -webkit-animation: scan 12s linear 0s infinite; /* You may need to change this. If the bar goes by too quickly, increase 5s. */
      animation: scan 12s linear 0s infinite; /* Same as above */
      background: linear-gradient(to bottom, rgba(56, 112, 82,0), rgba(56, 112, 82,0.1)) !important;
  }
  
  div.text{
      color: rgba(240, 82, 82, 0.8);
      padding: 1.5em;
      padding-top: 40%;
      font-family: monospace;
      font-size: 1.2em;
      }
  
  /* Safari 4.0 - 8.0 */
  @-webkit-keyframes scan{
      from{ transform: translateY(-10%);}
      to{  transform: translateY(5000%);} /* You may need to change this depending on the length of your terminal. If the scanline stops halfway, increase the second number.*/
  }
  
  @keyframes scan{
      from{ transform: translateY(-10%);}
      to{  transform: translateY(5000%);} /* Same as above.*/
  }
  
  div.text a {
      color: #90EE90;
      text-decoration: none;
      background: transparent;
  }
  div.text a.newpage {
      color: #90EE90;
      text-decoration: none;
      background: transparent;
  }
  div.text a:hover {
      color: #131;
      text-decoration: underline;
      background-color: rgb(var(--bright-accent));
      padding: 1px;
  }
  div.text a:hover::before{
  content: "> ";
  }
  div[style^="background: url(https://kaktuskontainer.wdfiles.com"] {
      filter: invert(1);
  }
  
  div.quote {
      --box-shadow: rgba(var(--swatch-menubg-black-color),0.1);
      border: double 3px rgb(var(--bright-accent));
      background-color: #000;
      -webkit-box-shadow: 0 0.063em 0.125em rgba(0,0,0,0.1);
      box-shadow: 0 0.063em 0.125em rgba(0,0,0,0.1);
      -webkit-box-shadow: 0 .063em .125em var(--box-shadow);
      box-shadow: 0 .063em .125em var(--box-shadow);
      padding: 0 1em;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      margin: 1em 2.500rem;
  }
  
  div.quote > div {
      flex-basis: 50%;
      padding: 0;
      margin: 1em !important;
  }
  
  div.quote .scp-image-block {
      border: solid 1px rgb(var(--bright-accent));
      position: relative;
  }
  
  div.quote div.scp-image-block::before {
      background-color: rgba(var(--bright-accent), 0.9);
      content: " ";
      display: block;
      position: absolute;
      width: 100%;
      height: 100%;
      z-index: 1;
      mix-blend-mode: soft-light;
  }
  
  #page-title {
      align: center;
  }

  Pages using this styling

  • scp-5549 [info]

  ¶ 1 occurrence
  

  :is(#page-content table:not(.form), table.wiki-content-table) {
      table-layout: auto;
  }
  
  a.collapsible-block-link::before, a.collapsible-block-link {
  background:#424248 !important;
  }
  .mod,.yui-content, #page-content :is(.image-block,.scp-image-block), #page-content :is(.image-block,.scp-image-block)>*  {
  
  border-radius: 0 10px 0 10px;
  }
  
  #page-content > div:nth-child(13) > div.center-collapse > div > div.collapsible-block-unfolded > div.collapsible-block-content > div > div:nth-child(38) > ul > li > div.colmod-content > div > div > img {
  
  background-color:white !important;
  
  }
  
  .anom-bar-container.esoteric .text-part > .main-class::after {
  border-color:black !important;
  }
  .notation {
  max-width: 55rem !important;
  
  }
  /* bhl-style-collapse Sigma-9 Compatiblity Patch */
  #page-content .collapsible-block-folded, #page-content .collapsible-block-unfolded, #page-content .unfolded-collapse{
      line-height: 1.4;
  
  }
  .anom-bar-container.uncontained .text-part > .main-class::after, .anom-bar-container.esoteric .danger-diamond > .top-icon::before, .anom-bar-container.esoteric .text-part > .main-class::before {
      filter: brightness(2.5) !important;
  }
  
  
  
  #page-content .collapsible-block-folded .collapsible-block-link::before, #page-content .collapsible-block-unfolded .collapsible-block-link::before, #page-content .unfolded-collapse::before {
      font-family: monospace;
      font-size: 130%;
      margin-left: -0.4em
  background-color:rgb(66, 66, 72) !important;
  }
  #page-content .collapsible-block-folded, #page-content .collapsible-block-unfolded, #page-content .unfolded-collapse::hover{
  background-color:rgb(66, 66, 72) !important;
  }
  :root {
    --scp-number: ''; 
    --click-color:66, 66, 72;
    --hover-color:66, 66, 72;
    --swatch-primary:72, 10, 56;
    --link-color:147, 46, 90;
    --header-title: "RCT-Δt";
    --header-subtitle: "FOR TIME ITSELF";
    --header-logo: url("https://scp-wiki.wdfiles.com/local--files/scp-5541/delta2.png");
    --basalt-background-color:14,14,14;
    --header-background-color: 19,18,21;
  }
  #page-content .collapsible-block-folded .collapsible-block-link::before {
      content: "⟳ ACCESS FILE " var(--scp-number);
  }
  #page-content .collapsible-block-unfolded .collapsible-block-link::before {
      content: "⟲ CLOSE FILE " var(--scp-number); 
  }
  #page-content .collapsible-block-content::after {
      content:"";
  }
  
  
  .darkdocument::before {
  
  background-color: transparent !important;
  box-shadow: none;
  transform:none;
  }
  div:is(.document, .darkdocument)::before, div:is(.document, .darkdocument)::after {
  
  position: relative;
  }
  .darkdocument {
  box-shadow: none;
  }
  #page-content .collapsible-block-folded .collapsible-block-link::before, #page-content .collapsible-block-unfolded .collapsible-block-link::before, #page-content .unfolded-collapse::before, #page-content .collapsible-block-folded, #page-content .collapsible-block-unfolded-link, a.collapsible-block-link::before, a.collapsible-block-link {
  
  background:transparent !important;
  }

  Pages using this styling

  • scp-5541 [info]

  ¶ 1 occurrence
  

  sup {
      vertical-align: top;
      position: relative;
      top: -0.5em;
  }
  :root {
      --cutColour: #fafafa;
      --barColour: #590505;
  }
  a.collapsible-block-link {
    font-weight: bold;
  }
  .translation_block, .u-faq { display: none; }
  }
  .info-container .collapsible-block-folded a{
  color: #fff;}
  .info-container .collapsible-block-unfolded-link a{
  color: #fff;
  }
  #page-title {
      display: inline !important;
      text-align: center;
  }
   .scp-image-block > p {
       margin: 0;
  }
   .scp-image-block .scp-image-caption > p {
       margin: 0;
       padding: 0 10px;
  }
  #page-content > .collapsible-block {
      display: block;
      text-align: center;
      padding: 0.65em;
  }
  #page-content > .collapsible-block .collapsible-block-content {
      text-align: left;
  }
  .lie{
       font-weight: bold;
       font-family: monospace;
       font-size: 140%;
  }
  .list{
      background: #f4f4f4;
      padding: 0 1em;
  }
  .info-container .collapsible-block-link,
  .info-container:hover .collapsible-block-link {
      line-height: 1.6em;
  }
  @media (max-width: 2000px) {
      .desktop-only {
       display: none;
       visibility: hidden;
  }
  div.info-container > div.collapsible-block {
      padding: 0 !important;
      margin: 0 !important;
      box-shadow: none !important;
  }
  .hover {
      background-color: #88c2ff;
      padding: 0 1px;
  }
  .hover:hover {
  }
  .hover span {    display: none;}
  .hover:hover span {
      position: absolute;
      display: inline;
      margin: 0px 0px;
      height: auto;
      width: auto;
      background: #fff;
      border: 2px solid rgb(var(--bright-accent));
      color: rgb(var(--bright-accent));;
      padding: 1em;
  }
  .hover:hover span span {
      position: relative;
      margin: auto;
      height: auto;
      width: auto;
      border: none;
      padding: 0;
  }

  Pages using this styling

  • scp-5537 [info]

  ¶ 1 occurrence
  

  .email {
      background: url(https://scp-wiki.wdfiles.com/local--files/the-great-hippo/scp_trans.png) center no-repeat;
      float: center;
      border: solid 2px #000000;
      padding: 1px 15px;
      margin: 10px 0px;
      box-shadow: 0 1px 3px rgba(0,0,0,.2);
  }
  .tofrom {
      margin-left: 10px;
      margin-top: 5px;
      padding: 0px 15px;
      border-left: solid 3px maroon
  }
  .emaildate {
      float:right;
  }

  Pages using this styling

  • scp-5533 [info]

  ¶ 1 occurrence
  

  table.wiki-content-table { width: 100%;}

  Pages using this styling

  • scp-5531 [info]

  ¶ 1 occurrence
  

  a.collapsible-block-link { font-weight: bold; }
  div.rule hr {
  
      height: 1px;
  
      border: none;
  
      color: #333;
  
      background-color: #999999;
  
      width: 100%;
  
      margin: 0;
  
  }
  

  Pages using this styling

  • scp-5530 [info]

  ¶ 1 occurrence
  

  :root {
      --timeDelay: 0.5s;
  }
  
  span, a { word-break: normal !important }
  
  #page-content .contain-class .class-text {
      font-size: 2.5em;
  }
  
  /* anendlessusername's invaluable correction of the ACS octagon! */
  #page-content .quadrants > div {
      top: 2.25%;
      left: 18.5%;
  }

  Pages using this styling

  • scp-5524 [info]

  ¶ 1 occurrence
  

  :root {
      --header-title: "Parazoology ";
      --header-subtitle: "Division";
          --logo-image: url("https://scp-wiki.wikidot.com/local--files/scp-4347/1572269486726.png");
      --pale-accent: 40, 230, 60;
      /* light red, for visited links */
      --bright-accent: 0, 133, 5;
      /* bright green */
      --medium-accent: 46, 100, 44;
      /* medium green - the "default" accent color */
      --dark-accent: 3, 100, 15;
      /* dark green */
      --alt-accent: 102, 221, 17;
      /* pale green, for newpage links */
  }

  Pages using this styling

  • scp-5523 [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css?family=Karla&display=swap');
  
  .thot {
    width: 50%;
    margin: 10px auto;
    border: 1px solid #c9c9c9;
    background: #ebebeb;
    padding: 10px 20px 10px 20px;
    font-family: 'Karla', sans-serif;  
    font-size: 1.2em;
    letter-spacing: -0.05em;
    text-align: center;
  }

  Pages using this styling

  • scp-5515 [info]

  ¶ 1 occurrence
  

  .notice {
      border: solid 1px #999;
      background: #f2f2c2;
      padding: 1em;
      margin-bottom: 0.5em;
  }

  Pages using this styling

  • scp-5510 [info]

  ¶ 1 occurrence
  

  :root {
      --header-title: "Parazoology Division";
      --header-subtitle: "Secure, Contain, Protect";
          --logo-image: url("https://scp-wiki.wikidot.com/local--files/scp-4347/1572269486726.png");
      --pale-accent: 40, 230, 60;
      /* light red, for visited links */
      --bright-accent: 0, 133, 5;
      /* bright red */
      --medium-accent: 46, 100, 44;
      /* medium red - the "default" accent color */
      --dark-accent: 3, 100, 15;
      /* dark red */
      --alt-accent: 102, 221, 17;
      /* pale orange, for newpage links */
  }

  Pages using this styling

  • scp-5508 [info]

  ¶ 1 occurrence
  

  a.collapsible-block-link { font-weight: bold; }
  div.rule hr {
      height: 1px;
      border: none;
      color: #333;
      background-color: #8a8a8a;
      width: 100%;
      margin: 0;
  }

  Pages using this styling

  • scp-5503 [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css?family=Annie+Use+Your+Telescope&display=swap');
  @import url('https://fonts.googleapis.com/css?family=Allura&display=swap');
  @import url('https://fonts.googleapis.com/css?family=Courier+Prime&display=swap');
  
  div.info-container > div.collapsible-block {
      padding: 0 !important;
      margin: 0 !important;
      box-shadow: none !important;
  }
      .imgcontainer {
          width: 165;
          height: 165;
          padding: 0px 0px 0px 0px;
      }
  .page {
      display: block;
      overflow: hidden;
      font-family: 'Allura', cursive;
      font-size: 1.30em;
      background-attachment: scroll;
      background-clip: border-box;
      background-color: transparent;
      background-image: linear-gradient(to top ,rgb(202, 219, 228) 0%, rgb(231, 233, 220) 8%);
      background-origin: padding-box;
      background-position: 0px 8px;
      background-repeat: repeat;
      background-size: 100% 26px; 
      border: 1px solid #CCC;
      border-radius: 10px;
      padding: 10px 10px;
      margin-bottom: 10px;
      box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2)
      }
  .page p,
  .page ul {
      line-height: 26px;
      margin: 0;
  }
  
  .page2 {
      display: block;
      overflow: hidden;
      font-family: 'Annie Use Your Telescope', cursive;
      font-size: 1.30em;
      background-attachment: scroll;
      background-clip: border-box;
      background-color: transparent;
      background-image: linear-gradient(to top ,rgb(202, 219, 228) 0%, rgb(231, 233, 220) 8%);
      background-origin: padding-box;
      background-position: 0px 8px;
      background-repeat: repeat;
      background-size: 100% 26px; 
      border: 1px solid #CCC;
      border-radius: 10px;
      padding: 10px 10px;
      margin-bottom: 10px;
      box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2)
      }
  .page2 p,
  .page2 ul {
      line-height: 26px;
      margin: 0;
  }

  Pages using this styling

  • scp-5501 [info]

  ¶ 1 occurrence
  

  .anom-bar-container.truculent .quadrants > .bottom-quad {
    background-color: thistle;
  }

  Pages using this styling

  • scp-5496 [info]

  ¶ 1 occurrence
  

  .anom-bar-container.truculent .text-part > .main-class::after,
  .anom-bar-container.truculent .danger-diamond > .bottom-icon::before {
    background-color: darkorchid;
  }

  Pages using this styling

  • scp-5496 [info]

  ¶ 1 occurrence
  

  .anom-bar-container.ESOTERICCLASSNAME .text-part > .main-class::after,
  .anom-bar-container.ESOTERICCLASSNAME .danger-diamond > .bottom-icon::before {
    background-color: darkorchid;
  }

  Pages using this styling

  • scp-5496 [info]

  ¶ 1 occurrence
  

  :root {
      --timeDelay: 0.25s;

  Pages using this styling

  • scp-5496 [info]

  ¶ 1 occurrence
  

  :root {
      --barColour: rgb(var(--medium-accent));
  }
  .danke{
  padding: 5px 5px 5px 15px;
  margin: auto;
  margin-top:1em;
  margin-bottom:1em;
  width: auto;
  font-family: monospace;
  font-size: 1em;
  }
  
  .red{
  background-color:#220000;
  border: 3px solid #AA5555;
  color: #dd1f1b;
  }
  
  .blue{
  background-color:#000022;
  border: 3px solid #5555AA;
  color: #0076fd;
  }
  
  .hover {
      background-color: rgb(var(--medium-accent));
      padding: 0 1px;
  }
  .hover:hover {
     
  }
  
  .hover span {    display: none;}
  .hover:hover span {
      position: absolute;
      display: inline;
      margin: 0px 0px;
      height: auto;
      width: auto;
      background: #fff;
      border: 2px solid rgb(var(--medium-accent));
      color: rgb(var(--medium-accent));;
      padding: 1em;
      z-index: 2;
  }
  .hover:hover span span {
      position: relative;
      margin: auto;
      height: auto;
      width: auto;
      border: none;
      padding: 0;
  }
  

  Pages using this styling

  • scp-5495 [info]

  ¶ 1 occurrence
  

  :root {
    --header-title: "O5 COMMAND";
    --header-subtitle: "Overseeing the Foundation, always.";
    --accentColor: #EC2D04;
  }

  Pages using this styling

  • scp-5493 [info]

  ¶ 1 occurrence
  

  :root{
    --header-title: "RCT-Δt";
    --header-subtitle: "LIGHT OF A NEW SUN";
  }
  
  div#extra-div-1 {
      background-image: url(https://scp-wiki.wdfiles.com/local--files/welcome-to-delta-t/Delta-t-transparent.png);
      filter: invert(1) opacity(0.2);
  }

  Pages using this styling

  • scp-5492 [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css?family=Courier+Prime&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=DotGothic16&display=swap');
  
  #page-title {
    text-align: center;
  }
  
  div#header {
    position: relative;
    height: 142px;
    background: url("https://scp-wiki.wdfiles.com/local--files/scp-5487/scid-logo.png")
      3.675em 1.25em no-repeat;
    background-size: auto 100px;
  }
  
  body {
    font-family: "IBM Plex Mono", sans-serif;
    background-color: #b8bacf;
  }
  
  .turbo-block {
    font-family: "IBM Plex Mono", sans-serif;
  }
   
  .turbo-block.bg-grey,
  .turbo-block.bg-grey::after,
  .turbo-block.bg-grey .heading p {
    background: #bdbdbd;
  }
  
  .turbo-block.bg-yellow,
  .turbo-block.bg-yellow::after,
  .turbo-block.bg-yellow .heading p {
    background: #bfcc2b;
  }
  
  .turbo-block.bg-orange,
  .turbo-block.bg-orange::after,
  .turbo-block.bg-orange .heading p {
    background: #e39814;
  }
  
  table.dialog {
      border-collapse: collapse;
  }
  
  table.dialog th {
      font-weight: bold;
      font-family: "DotGothic16", sans-serif;
      border-right: 2px solid #ffffff;
      padding: 1em 1em 0 0;
  }
  
  table.dialog td {
      padding: 1em 0 0 1em;
  }
  

  Pages using this styling

  • scp-5487 [info]

  ¶ 1 occurrence
  

  .addendum{
      border-left:solid 5px #642c2c;
      background:#ffffff;
  box-shadow: 1px 1px 4px #5e5e5e82;
      width:90%;
      padding:1px 15px;
      margin: 10px auto;
  }
  

  Pages using this styling

  • scp-5486 [info]

  ¶ 1 occurrence
  

  .anom-bar-container .top-center-box {
      --five-color: var(--two-color) !important;
  }
  
  .anom-bar-container.pending .text-part .main-class {
      background-color: rgba(var(--two-color), .33) !important;
      border-left-color: var(--accentColorLite) !important;
  }

  Pages using this styling

  • scp-5485 [info]

  ¶ 1 occurrence
  

  :root {
      --two-color: 120, 175, 250 !important;
  
      --accentColor: rgb(var(--two-color));
      --accentColorLite: hsla(220, 90%, 80%, .5);
      --hue: 220deg;
  }
  
  #breadcrumbs {
      display: none;
  }

  Pages using this styling

  • scp-5485 [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Montserrat+Subrayada&display=swap');
  
  .date {
      text-align: center;
      font-family: 'Montserrat Subrayada', sans-serif;
  }

  Pages using this styling

  • scp-5483 [info]

  ¶ 1 occurrence
  

  :root {
      --header-title: "SCP Foundation";
      --header-subtitle: "Studying Contradictory Places";
  }
  
  sup {
    vertical-align: top;
    position: relative;
    top: -0.5em;
  }
  
  .note {
      background: #ffffff;
      background-size: 400px;
      background-position: center;
      background-repeat: no-repeat;
      box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
      width: 90%;
      min-height: 4rem;
      margin-left: auto;
      margin-right: auto;
      padding: 10px 20px 20px 20px;
      word-break: break-word;
  }
  
  
  .scp-image-block.block-right { margin: 1em 2em 1em 1em; }
  
  #page-title{display:none}
  

  Pages using this styling

  • scp-5472 [info]

  ¶ 1 occurrence
  

  #page-title {
  display: none;
  }
  .footnotes-footer {
  display: none;
  }

  Pages using this styling

  • scp-5470 [info]

  ¶ 1 occurrence
  

  .acs-gif-desktop {
      display: block;
  }
  
  .acs-gif-mobile {
      display: none;
  }
  
  @media (max-width: 767px) {
      .acs-gif-desktop {
          display: none;
      }
      .acs-gif-mobile {
          display: block;
      }
  }
  
  table.wiki-content-table td.gap-row {
      height: 1em;
      border-color: #888 transparent;
  }

  Pages using this styling

  • scp-5466 [info]

  ¶ 1 occurrence
  

  .licensebox22 .collapsible-block-link {
  margin-left:.25em;
  padding: .25em;
  font-weight: bold;
  opacity: .5;
  color: inherit;
      -webkit-transition: opacity 0.5s ease-in-out;
      -moz-transition: opacity 0.5s ease-in-out;
      transition: opacity 0.5s ease-in-out;
  }
  .licensebox22 .collapsible-block-link:hover {
  opacity:1;
  }
  .licensebox22 .collapsible-block-link:active {
  opacity:1;
  }
  

  Pages using this styling

  • scp-5465 [info]

  ¶ 1 occurrence
  

  .hovertip { max-width: 400px; }

  Pages using this styling

  • scp-5455 [info]

  ¶ 1 occurrence
  

  table.wiki-content-table td:nth-of-type(1) {
   width:15%;
  }
  
  table.wiki-content-table td:nth-of-type(2) {
   width:30%;
  }
  
  .icepick-author {
      display: none;
  }
  

  Pages using this styling

  • scp-5454 [info]

  ¶ 1 occurrence
  

  
  .email-example .collapsible-block-folded a.collapsible-block-link {
      animation: blink 0.8s ease-in-out infinite alternate;
  }
  
  @keyframes blink {
      0% { color: transparent; }
      50%, 100% { color: #b01; }
  }
  
  .email {border: solid 2px #000000; width: 88%; padding: 1px 15px; margin: 10px; box-shadow: 0 1px 3px rgba(0,0,0,.5)}
  
  .email-example a.collapsible-block-link {font-weight: bold;}
  
  .tofrom {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px maroon}
  

  Pages using this styling

  • scp-5453 [info]

  ¶ 1 occurrence
  

  
  .email {border: solid 2px #000000; width: 88%; padding: 1px 15px; margin: 10px; box-shadow: 0 1px 3px rgba(0,0,0,.5)}
  .tofrom {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px maroon}
  
  div.terminal{
      border: 1px solid black;
      border: solid 3px #BBBBBB;
      border-radius: 16px;
      background-color: #131;
  /* black shadow at the top of the terminal */
      background-image:
          radial-gradient(ellipse 1000% 100% at 50% 90%, transparent, #121);
      background-position: center;
      display: block;
  /* shadow around the terminal */
      box-shadow: inset 0 0 10em 1em rgba(0,0,0,0.5);
  /* prevents scanline from forming a scrollwheel */
      overflow:hidden;
  }
  div.terminal blockquote {
      background-color: black;
      border: double 3px #80FF80
  }
  div.scanline{
      margin-top: -40%;
      width: 100%;
      height: 60px;
      position: relative;
      pointer-events: none;
  /* Safari 4.0 - 8.0 */
      -webkit-animation: scan 12s linear 0s infinite; /* You may need to change this. If the bar goes by too quickly, increase 5s. */
      animation: scan 12s linear 0s infinite; /* Same as above */
      background: linear-gradient(to bottom, rgba(56, 112, 82,0), rgba(56, 112, 82,0.1)) !important;
  }
  
  div.text{
      color: rgba(128,255,128,0.8);
      padding-left: 2em;
      padding-top: 40%;
      font-family: monospace;
      font-size: 1.2em;
      }
  
  /* Safari 4.0 - 8.0 */
  @-webkit-keyframes scan{
      from{ transform: translateY(-10%);}
      to{  transform: translateY(5000%);} /* You may need to change this depending on the length of your terminal. If the scanline stops halfway, increase the second number.*/
  }
  
  @keyframes scan{
      from{ transform: translateY(-10%);}
      to{  transform: translateY(5000%);} /* Same as above.*/
  }
  
  div.text a {
      color: #90EE90;
      text-decoration: none;
      background: transparent;
  }
  div.text a.newpage {
      color: #90EE90;
      text-decoration: none;
      background: transparent;
  }
  div.text a:hover {
      color: #131;
      text-decoration: underline;
      background-color: #80FF80;
      padding: 1px;
  }
  div.text a:hover::before{
  content: "> ";
  }
  
  .hover {
  }
  .hover:hover {
    text-decoration: none;
      border-bottom: none;
  }
  
  .hover span { display: none;}
  .hover:hover span {
      position: absolute;
      display: inline;
      margin: 0px 0px;
      height: auto;
      width: auto;
      background: #FFF;
      border: 2px solid HotPink;
      color: #000;
      padding: 1em;
  }
  .hover:hover span span {
      position: relative;
      margin: auto;
      height: auto;
      width: auto;
      border: none;
      padding: 0;
  }
  

  Pages using this styling

  • scp-5452 [info]

  ¶ 1 occurrence
  

  
  .post{
    display: flex;
    padding: 5%;
  }
  
  .one {
    width: 15%;
    float: left;
  }
  
  .two {
    margin-left: 5%;
  }
  
  .eno {
    width: 15%;
    float: right;
  }
  
  .owt {
    margin-right: 5%;
  }

  Pages using this styling

  • scp-5451 [info]

  ¶ 1 occurrence
  

  .blockquote {
    border: 1px dashed #999; padding: 0 1em; background-color:#f4f4f4; margin: 1em 40px;
  }
  .blockquote iframe.html-block-iframe{
    width: initial !important;
  }
  
  #header {
      background-image: url(http://www.scp-wiki.net/local--files/scp-3448/dammerung-logo100.png);
  }
   
  #header h1 a {
      display: block;
      margin: 0;
      padding: 80px 0 25px;
      line-height: 0px;
      max-height: 0px;
      color: transparent;
      background: transparent;
      font-family: 'Verdana', Arial, sans-serif;
      text-decoration: none;
      text-shadow: none;
      letter-spacing: 0.9px;
  }
   
  #header h1 a::before {
      content: "Project Dammerung ";
      color: #fff;
      letter-spacing: -0.02em;
      text-shadow: 3px 3px 5px #000;
  }
   
  #header h2 span {
      display: block;
      margin: 0;
      padding: 19px 0;
      line-height: 0px;
      max-height: 0px;
      font-weight: bold;
      color: transparent;
      text-shadow: none;
  }
   
  #header h2 span::before {
      content: 'So We Can Live In The Light ';
      color: #fff;
      text-shadow: 1px 1px 1px #000;
      text-shadow: 1px 1px 1px rgba(0,0,0,.8);
  }
  
  sup {
    vertical-align: top;
    position: relative;
    top: -0.5em;
  }
  
  .scp-image-block.block-right { margin: 1em 2em 1em 1em; }

  Pages using this styling

  • scp-5448 [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Roboto+Mono&display=swap');
  
  .log {
  font-family: "Roboto Mono", monospace;
  margin: 10px auto;
  background: #f5f5f5;
  width: 75%;
  padding: 15px; 
  border: dashed 1px #d9d9d9;
  }
  

  Pages using this styling

  • scp-5439 [info]

  ¶ 1 occurrence
  

  div#container-wrap {
      background-image: url(https://scp-wiki.wdfiles.com/local--files/grigori-karpin-s-author-page/backgroundVK-1);
  }
  :root {
      --logo-image: url("https://scp-wiki.wdfiles.com/local--files/grigori-karpin-s-author-page/vklogotransparent-1.png");
      --header-title: "  Vikander-Kneed";
      --header-subtitle: "   Technical Media";
  }
  /* Adjust Mobile Image Size */
  @media (max-width: 479px) {
  #header {
      background-size: 100px 100px;
      background-position: 1em;
  }
  }

  Pages using this styling

  • scp-5428 [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css?family=Courier+Prime&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Jost&display=swap');
  #page-title {
    text-align: center;
  }
  
  :root {
    --body-font: 'Jost';
  }
  
  ul {
     padding-left: 3em;
  }

  Pages using this styling

  • scp-5420 [info]

  ¶ 1 occurrence
  

  
  .info-container .collapsible-block-folded a{
  color: #FFF;}
  .info-container .collapsible-block-unfolded-link a{
  color: #FFF;
  }
  
  #page-content .collapsible-block {
      display: block;
      text-align: center;
      padding: .8em;
      background-color: #e3e3e3;
      border-top: 0.125rem dashed #b5b5b5;
      border-bottom: 0.125rem dashed #b5b5b5;
  }
  
  #page-content .collapsible-block .collapsible-block-content {
      text-align: left;
  }
  
  #page-content .licensebox .collapsible-block {
      display: unset;
      text-align: unset;
      padding: unset;
      background-color: unset;
      border-top: unset;
      border-bottom: unset;
  }
  
  #page-content .licensebox .collapsible-block .collapsible-block-content {
      text-align: unset;
  }
  
  blockquote,
  div.blockquote {
      border: 0.125rem solid #d4d4d4;
      background-color: #F5F5F5;
  }
  
  .interview{
      border:solid 2px #d4d4d4;
      background:#F5F5F5;
      width:80%;
      padding:1px 15px;
      margin: 10px auto;
  }
  
  #page-title{display:none}
  

  Pages using this styling

  • scp-5415 [info]

  ¶ 1 occurrence
  

  @import url('https://fontlibrary.org/face/comic-relief');
  @font-face {
    font-family: ComicReliefRegular;
    src: url("https://fontlibrary.org/face/comic-relief");
  }
  .comicsans {
      font-family: "Comic Sans MS";
  }
  .scp-image-block > .no-hover {
      display: block;
      transition: .25s;
  }
  
  .scp-image-block > .on-hover {
      display: none;
      transition: .25s;
  }
  
  .scp-image-block:hover > .no-hover {
      display: none;
  }
  
  .scp-image-block:hover > .on-hover {
      display: block;
      transition: .25s;
      transform: scale(1.6);
      transition-delay: .4s;
      z-index: 1000;
  }

  Pages using this styling

  • scp-5403 [info]

  ¶ 1 occurrence
  

  .foldable-list-container {font-weight: bold;}
  
  :root {
      --background-gradient-distance: 100%;
      --gradient-background: linear-gradient(to bottom,rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(0,0,0,1) 77% var(--background-gradient-distance));
  }
  

  Pages using this styling

  • scp-5400-j [info]

  ¶ 1 occurrence
  

  .email-example .collapsible-block-folded a.collapsible-block-link {
      animation: blink 0.8s ease-in-out infinite alternate;
  }
  @keyframes blink {
      0% { color: transparent; }
      50%, 100% { color: #007800; }
  }
  .email {border: solid 2px #000000; width: 88%; padding: 1px 15px; margin: 10px; box-shadow: 0 1px 3px rgba(0,0,0,.5)}
  .email-example a.collapsible-block-link {font-weight: bold;}
  .tofrom {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px #007800;}

  Pages using this styling

  • scp-5393 [info]

  ¶ 1 occurrence
  

  
  #page-content img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    height: auto;
    border-radius: 8px;
  }
  
  #page-title {
      font-weight: bold;
      text-align: center;
  }

  Pages using this styling

  • scp-5386 [info]

  ¶ 1 occurrence
  

  :root {
      --header-title: "SCP Foundation";
      --header-subtitle: "Subduing Chrysler Phenomena";
  }
  
  
  sup {
    vertical-align: top;
    position: relative;
    top: -0.5em;
  }
  
  #page-title{display:none}
  
  .scp-image-block.block-right { margin: 1em 2em 1em 1em; }
  

  Pages using this styling

  • scp-5384 [info]

  ¶ 1 occurrence
  

  :root {
      --timeDelay: 0.5s;
  }
  #page-content .contain-class .class-text {
      font-size: 2em;

  Pages using this styling

  • scp-5379 [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Abel&display=swap');
  
  .coupon {
       border: 5px ridge red;
       background: linear-gradient(100deg, rgba(255,97,97,1) 0%, rgba(255,236,52,1) 100%);
       padding: 1rem;
       margin: 0 4rem;
       text-align: center;
       box-shadow: rgba(0,0,0,0.5) 3px 3px 15px;
  }
  .coupon h1, .coupon h3 {
       font-family: 'Abel', sans-serif;
  }

  Pages using this styling

  • scp-5377 [info]

  ¶ 1 occurrence
  

  div.scale {
      /* Angled Bar Colors */
      --woedbar-lvl1-color: rgba(var(--swatch-menubg-light-color,12, 12, 12),0.1);
      --woedbar-lvl2-color: rgba(var(--swatch-menubg-light-color,12, 12, 12),0.3);
      --woedbar-lvl3-color: rgba(var(--swatch-menubg-light-color,12, 12, 12),0.55);
      --woedbar-lvl4-color: rgba(var(--swatch-menubg-light-color,12, 12, 12),0.75);
  }

  Pages using this styling

  • scp-5375 [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.bunny.net/css?family=Pangolin&display=swap');
  
  
  :root {
  --logo-image:url("https://smlt.wdfiles.com/local--files/plaguebearer%3Anobody/%3F");
  --header-title: 'NOBODY';
  --header-subtitle: '...';
      --rating-module-text-color: 252,252,252;
      --rating-module-button-color:252,252,252;
      --background-gradient-distance: 0rem;
      --swatch-background: 39, 39, 39;
      --swatch-primary: var(--medium-accent);
      --swatch-primary-darker: var(--bright-accent);
      --swatch-primary-darkest: var(--medium-accent);
      /* Primary Text Colors */
      --swatch-text-dark: var(--white-monochrome);
      --swatch-text-light: var(--black-monochrome);
      --swatch-important-text: var(--bright-accent);
  }
  
  .nameone {-webkit-filter: blur(1px);
  filter: blur(1px);
  }
  
  .nametwo {-webkit-filter: blur(2px);
  filter: blur(2px);
  }
  
  .namethree {-webkit-filter: blur(3px);
  filter: blur(3px);
  }
  
  h1 {
      color: white;
  } 
  
  #header h1 a::before {
      color: white;
  }
  #page-content > .collapsible-block {
      background-color:#1d1d1d;
      border-top: 0.125rem dashed slategrey;
      border-bottom: 0.125rem dashed slategrey;
  }
  
  blockquote, .blockquote {
      color: black;
  }
  
  .addendum {
      border:solid 2px #fff;
      background:#292929;
  }
  
  .scale, .level-text, .obj-text, .class-text, .itemnum {
     color: white!important;
  }
  
  .scp-image-block .scp-image-caption {
      background-color: rgba(0,0,0,.15);
  }
  #skrollr-body {
      width: 100%;
      height: 7.625rem;
      position: absolute;
      top: 0;
      left: 0;
      background-image:
      linear-gradient(to bottom, rgba(255,255,255,0) 65%, rgba(0,0,0,1) 100%),
      url('https://media.discordapp.net/attachments/524295654638354443/758773059577708604/Untitled_gradient.png');
      background-color: black;
      background-repeat: no-repeat;
      background-size: cover;
  }
  
  div.nobody {
      width: 70%;
      margin: 1rem auto;
      text-align: center;
      padding: 0.6rem;
      font-family: 'Pangolin', cursive;
      border: 1px solid #CCC;
      border-radius: 5px;
      box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2)
      background-attachment: scroll;
      background-clip: border-box;
      background-color: transparent;
      background-image: linear-gradient(to top ,rgb(202, 219, 228) 0%, rgb(231, 233, 220) 8%);
      background-origin: padding-box;
      background-position: 0px 8px;
      background-repeat: repeat;
      background-size: 100% 20px;
      color: black;
  }
  
  div.nobody a { 
      color: rgb(230,40,60);
  }

  Pages using this styling

  • scp-5375 [info]

  ¶ 1 occurrence
  

  .sms-reply{ /* ---- Text Reply Block ---- */
       float: right;
       clear: right;
       width: 22.4em;
       margin: .5em 0 .5em 1em;
       padding: 0 1.2em;
   
       background: hsl(198, 100%, 83%, 1);
       border-radius: 2em;
  
       font-size: 112.5%;
       text-align: center;
  }
  
  :root {
       font-size: 14px;
  }

  Pages using this styling

  • scp-5368 [info]

  ¶ 1 occurrence
  

  :root {
   --header-title: "DEPARTMENT OF SCIENCES";
   --header-subtitle: "STUDY - CLASSIFY - PROCESS";
   --lgurl: url('http://pokm.wdfiles.com/local--files/6000contestrespectators-pedagon/Ar6AfDt.png');
  }

  Pages using this styling

  • scp-5366 [info]

  ¶ 1 occurrence
  

  :root {
   --header-title: "DEPT. OF SCIENCES";
   --header-subtitle: "STUDY - CLASSIFY - PROCESS";
   --lgurl: url('http://pokm.wdfiles.com/local--files/6000contestrespectators-pedagon/Ar6AfDt.png');
  }
  
  div.wrapper{
      display: flex;
      align-items:flex-start;
      justify-content:space-around;
  }

  Pages using this styling

  • scp-5365 [info]

  ¶ 1 occurrence
  

  @import url(http://destinox.wikidot.com/sueniummmmm/code/1)

  Pages using this styling

  • scp-5359 [info]

  ¶ 1 occurrence
  

  a.collapsible-block-link { font-weight: bold; }
  div.rule hr {
  
      height: 1px;
  
      border: none;
  
      color: black;
  
      background-color: black;
  
      width: 100%;
  
      margin: 15px 0px 0px 0px;
  
  }
  
  div.rule2 hr {
  
      height: 1px;
  
      border: none;
  
      color: black;
  
      background-color: gray;
  
      text-align: center;
  
      margin: 0px 20px 0px 20px
  
  }

  Pages using this styling

  • scp-5354 [info]

  ¶ 1 occurrence
  

  div.email {
      border: solid 2px #A38800;
      box-shadow: 0 1px 3px rgba(0,0,0,.2);
      padding: 0 1em;
      margin: 1em 3em;
      background-image: url(http://scp-wiki.wdfiles.com/local--files/do-you-like-huey-lewis-and-the-news/ambrose-logo.png);
      background-size: 64px 64px;
      background-position: 95% .5em;
      background-repeat: no-repeat;
      background-color: #F5F2E4;
      color: #21003C;
  }
   
  div.email a {
      color: #A38800;
  }
  
  div.email a:visited {
      color: #524400;
  }
  
  div.email h5 {
      max-width: 85%;
  }
  
  div.email h2 span,
  div.email h5 span {
      word-break: unset;
  }
  
  @media (max-width: 479px) {
      div.email {
          margin: 1em 0;
      }
  
      div.email h2 {
          max-width: 80%;
      }
  }
   
  @media (min-width: 480px) and (max-width: 580px) {
      div.email {
          margin: 0.5em;
      }
  
      div.email h2 {
          max-width: 80%;
      }
  }

  Pages using this styling

  • scp-5348 [info]

  ¶ 1 occurrence
  

  .header-container {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    flex-wrap: wrap;
    position: relative;
    justify-content: space-around;
    align-content: space-between;
    width: 100%;
    left: 0;
    align-items: flex-start;
    row-gap: 2px;
  }
   
  .text-item {
    flex-grow: 1;
    max-width: 25%;
    text-align: center;
  }
  
  #page-title {
    display: none;
  }

  Pages using this styling

  • scp-5343 [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Luxurious+Script&display=swap');
  .paper {
      background:#E2D7C7; 
      padding:1px; 
      margin-bottom: 1px; 
      text-align: center; 
      font-family: 'Luxurious Script', cursive;
      font-size: 0.8em;
      width:500px;
  }
  .desc {
      background:#383B4B; 
      padding:5px;  
      text-align: left; 
      width:490px;
  }
  .log {
  margin: 10px auto;
  background: #f5f5f5;
  width: 90%;
  padding: 15px;
  border: dashed 1px #d9d9d9;
  }
  

  Pages using this styling

  • scp-5342 [info]

  ¶ 1 occurrence
  

  @media screen and (min-width: 1201px)  {
    span.PC {
      font-size: 40px
    }
  }

  Pages using this styling

  • scp-5340 [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.bunny.net/css2?family=Lato&display=swap');
  :root {
      --body-font: Lato, sans-serif;
  }

  Pages using this styling

  • scp-5340 [info]

  ¶ 1 occurrence
  

  @media screen and (max-width: 1200px)  {
    span.example {
      font-size: 90px
    }
  }

  Pages using this styling

  • scp-5340 [info]

  ¶ 1 occurrence
  

  a.collapsible-block-link { font-weight: bold; }
  .avatar-hover { display: none !important; }
  
  .paper {
    display:block;
    background: white;
    border: 1px solid #EDEDED;
    margin: 15px auto;
    padding: .5em 2em;
    text-align: justify;
    font-family:georgia;
  }
  
  .shadow {
    width: 85%;
    box-shadow: 0px 0px 40px -4px lightgray;
    background:#EDEDED;
    margin: auto;
  }
  
  @media only screen and (max-width: 600px) {
    .shadow{ width:100%; }
    .paper{padding: 0 1em;}
  }

  Pages using this styling

  • scp-5336 [info]

  ¶ 1 occurrence
  

  
  .page {
      display: block;
      overflow: hidden;
      font-family: "Monotype Corsiva", "Bradley Hand ITC", sans-serif;
      font-style: normal;
  
      background-attachment: scroll;
      background-clip: border-box;
      background-color: transparent;
      background-image: linear-gradient(to top ,rgb(202, 219, 228) 0%, rgb(231, 233, 220) 8%);
      background-origin: padding-box;
      background-position: 0px 8px;
      background-repeat: repeat;
      background-size: 100% 20px;
  
      border: 1px solid #CCC;
      border-radius: 10px;
      padding: 10px 10px;
      margin-bottom: 10px;
  
      box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2)
      }
  .page p,
  .page ul {
      line-height: 20px;
      margin: 0;
  }
  
  div.info-container > div.collapsible-block {
      padding: 0 !important;
      margin: 0 !important;
      box-shadow: none !important;
  }
  
  @import url('https://fonts.googleapis.com/css?family=Courier+Prime&display=swap');
   
  .courierprime {
      font-family: 'Courier Prime', monospace;
  }
  

  Pages using this styling

  • scp-5335 [info]

  ¶ 1 occurrence
  

  
  div#page-title::after {
    content: "by Yossipossi";
    font-size: 50%;
    color: #888;
  }
  

  Pages using this styling

  • scp-5334 [info]

  ¶ 1 occurrence
  

  .box {
      position: relative;
      padding: 0.5em;
      margin: 0.5em;
      box-shadow: 2px 1.5px 1px rgba(176,16,0,0.7), 0 0 0px 1px lightgrey;
      overflow-wrap: break-word;
      color: black;
  }
  
  /* Utilizes the "paper" div made by CityToast and found in the Unusual Cargo theme.*/
   
  div.paper {
      background: linear-gradient(rgba(220, 240, 240, 0.3), rgba(240, 240, 220, 0.5)), url("https://scp-wiki.wdfiles.com/local--files/theme:unusual-Cargo/TOAST-PAPER.jpg");
      box-shadow: 4px 6px 8px #a98;
      padding: 1em .5em 1em .5em;
      display: block;
      margin-block-start: 1em;
      margin-block-end: 1em;
      margin-inline-start: 40px;
      margin-inline-end: 40px;
  }
   
  @media (max-width: 478px) {
      div.paper {
      margin-inline-start: 0px;
      margin-inline-end: 0px;
      margin-block-start: 0em;
      margin-block-end: 0em;
      Margin: .5em 0em .5em 0em;
      }
  }
  

  Pages using this styling

  • scp-5332 [info]

  ¶ 1 occurrence
  

  .danke{
  padding: 5px 5px 5px 15px;
  margin-bottom:10px;
  font-family: monospace;
  font-size: 1.4em; }
  
  .agent{
  background-color:#444444;
  border: 3px solid #EEEEEE;
  color: #EEEEEE;
  }
  
  .site{
  background-color:#222200;
  border: 3px solid #AAAA55;
  color: #DDDD77;
  }

  Pages using this styling

  • scp-5328 [info]

  ¶ 1 occurrence
  

  
  .email-example .collapsible-block-folded a.collapsible-block-link {
      animation: blink 0.8s ease-in-out infinite alternate;
      font-weight: bold;
  }
  @keyframes blink {
      0% { color: transparent; }
      50%, 100% { color: #b01; }
  }
  .email {border: solid 2px #000000; width: 88%; padding: 1px 15px; margin: 10px; box-shadow: 0 1px 3px rgba(0,0,0,.5)}
  .email-example a.collapsible-block-link {font-weight: bold;}
  .tofrom {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px maroon}
  
  :root {
  
      --logo-image: url("http://scp-sandbox-3.wdfiles.com/local--files/ralliston/ontologonew");
      --header-title: "Site-120";
      --header-subtitle: "Belief is Key";
  }

  Pages using this styling

  • scp-5327 [info]

  ¶ 1 occurrence
  

  :root {
      --header-title: "Parazoology ";
      --header-subtitle: "Division";
          --logo-image: url("https://scp-wiki.wdfiles.com/local--files/scp-4347/1572269486726.png");
      --pale-accent: 40, 230, 60;
      /* light red, for visited links */
      --bright-accent: 0, 133, 5;
      /* bright green */
      --medium-accent: 46, 100, 44;
      /* medium green - the "default" accent color */
      --dark-accent: 3, 100, 15;
      /* dark green */
      --alt-accent: 102, 221, 17;
      /* pale green, for newpage links */
  }

  Pages using this styling

  • scp-5326 [info]

  ¶ 1 occurrence
  

  .page {background: rgba(245,245,245,1); font-family: courier; box-shadow: 5px 5px 3px grey; text-align: justify; border: single 1px rgba(215,215,215,1); padding: 10px; font-size: 125%;}
  .page .number {font-size: 75%; margin: 5px; text-align: right;}
  .note {font-family: coronetscript; font-size: 110%;}

  Pages using this styling

  • scp-5323 [info]

  ¶ 1 occurrence
  

  :root {
    --accentColor: 60,210,60;
    --darkColor: 14,20,10;
  }

  Pages using this styling

  • scp-5311 [info]

  ¶ 1 occurrence
  

  .box{
      border: 1px solid #bababa;
      background-color: #F4F4F4;
      padding: 10px;
      margin: 20px 0;
  }
  
  .pata-notice{
      border: none;
      background-color: #1e122b;
      padding: 10px;
      margin: 20px 0;
  
      text-align: center;
      color: #e9e9e9;
  }
  
  .hover {
  text-decoration: none;
      border-bottom: none;
      color:#5b2f8e;
  }
  .hover:hover {
       text-decoration: none;
      border-bottom: none;
      color:#a0a0a0;
  }
  
  .hover span {    display: none;}
  .hover:hover span {
     position: absolute;
     display: inline;
     margin: 20px 0;
     height: auto;
     width: auto;
     background: #FFFFFF;
     border: none;
     color: #5b2f8e;
     padding: 10px;
     box-shadow : 0 0 7px rgba(0 , 0 , 0 , 0.3);
  }

  Pages using this styling

  • scp-5309 [info]

  ¶ 1 occurrence
  

  a.collapsible-block-link { font-weight: bold; [[html]] }

  Pages using this styling

  • scp-5305 [info]

  ¶ 1 occurrence
  

  .info-container .collapsible-block-content br {
      margin-bottom: 1em;
  }
  .info-container .collapsible-block-content > div:nth-child(1) > p {
      margin: 1em 2em 1em 2em;
  }

  Pages using this styling

  • scp-5300 [info]

  ¶ 1 occurrence
  

  #page-title {
      display: none;
  }
  
  .logbox {
      display: inline-block;
      float: top;
      padding: 1px 15px;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      -ms-box-sizing: border-box;
      box-sizing: border-box;
      width:100%;
      margin: auto;
      border: solid 2px #000000;
      box-shadow: 0 1px 3px rgba(0,0,0,.5);
  }
  .tofrom {
      margin-left: 10px;
      margin-top: 5px;
      padding: 1px 15px;
      border-left: solid 3px maroon;
  }

  Pages using this styling

  • scp-5300 [info]

  ¶ 1 occurrence
  

  :root {
    --scp-number: ' 5294';  /*Fixing collapsibles*/
  }
  #page-content .collapsible-block-folded .collapsible-block-link::before {
      content: "▷ ADDENDUM " var(--scp-number) "." counter(collapse);
  }
  #page-content .collapsible-block-unfolded .collapsible-block-link::before {
      content: "▽ ADDENDUM " var(--scp-number) "." counter(collapse);
  }
  #page-content .unfolded-collapse::before {
      content: "▽ ADDENDUM" var(--scp-number) "." counter(collapse);
  }

  Pages using this styling

  • scp-5294 [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');
  
  .page {
      display: block;
      overflow: hidden;
      font-family: "Open Sans", "Shadows Into Light", sans-serif;
      font-style: normal;
  
      background-attachment: scroll;
      background-clip: border-box;
      background-color: transparent;
      background-image: linear-gradient(to top, rgb(202, 219, 228) 0%, rgb(231, 233, 220) 8%);
      background-origin: padding-box;
      background-position: 0px 8px;
      background-repeat: repeat;
      background-size: 100% 20px;
  
      border: 1px solid #CCC;
      border-radius: 10px;
      padding: 10px 10px;
      margin-bottom: 10px;
  
      box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2)
      }
  .log {
  font-family: "Open Sans", "Shadows Into Light", sans-serif;
  margin: 10px auto;
  background: #f5f5f5;
  width: 75%;
  padding: 15px; 
  border: dashed 1px #d9d9d9;
  }
  .paper {
      border:solid 1px #e5ddb7; 
      background:#fffdf0; 
      padding:20px; 
      margin-bottom: 10px; 
      text-align: left; 
      font-family: sans-serif;
      font-size: 0.80em;
  }
  .letter {
      border:solid 1px #e5ddb7; 
      background:#fbebd3; 
      padding:20px; 
      margin-bottom: 5px; 
      float:left; width: 45; 
      text-align: left; 
      font-family: 'Bebas Neue', serif;
      font-size: 2.0em;
  }
  
  .page p,
  .page ul {
      line-height: 20px;
      margin: 0;
  }
  
  
  .Arch {
    border: 5px outset black;
    background-color: white;
  }

  Pages using this styling

  • scp-5294 [info]

  ¶ 1 occurrence
  

  
  :root {
    --accentColor: #1EB5E8;
    --darkColor: #101112; 
    --darkerColor:#020203;
  }
  
  :root {
  --logo-image: url("https://cdn.scpwiki.com/theme/en/black-highlighter/img/logo.svg");
  
  }
  
  body {
      font-family: 'Inter', sans-serif;
      font-size: .9325rem;
      color: #dedede;
      accent-color: var(--accentColor);
  }
  
  :root {
  --header-title: "SCP Foundation";
  --header-subtitle: "Secure. Contain. Protect.";
  }
  
  }
   

  Pages using this styling

  • scp-5286 [info]

  ¶ 1 occurrence
  

  /* Make redacted stuff invisible */
  #header h1 a,
  #header h2 span,
  #header h2 span::before,
  .no {
    color: transparent;
    text-shadow: none;
  }
  
  /* Hide the original page title */
  #page-title {
    display: none;
  }
  
  /* Make my fake page title look like the original (thanks SCP-2998) */
  .page-title {
    border-bottom: solid 1px #bbbbbb;
    color: #990011;
    font-weight: normal;
    margin: 0 0 0.6em;
    padding: 0 0 0.25em;
    font-size: 200%;
  }
  .page-title p {
    margin: 0;
  }
  
  /* Notices at the top of the page */
  .notice {
    border: solid 1px #999999;
    background: #f2f2c2;
    padding: 5px;
    text-align: center;
    margin: 1rem;
  }
  .raisa.notice {
    background: #f2f2c2;
  }
  
  /* Parawatch forum pseudo-blockquotes
   * The CSS for component:parawatch-forum-post is normally provided by
   * theme:creepypasta, which isn't used here */
  .parapost {
    background-color: var(--post-bg-color);
    border: 2px solid var(--post-border-color);
    border-left-width: 4px;
    padding: 0 1em;
    margin-top: -0.5em;
    margin-right: var(--post-base-margin);
    margin-bottom: 1em;
    margin-left: calc(
      var(--nest-level) * var(--post-nest-margin) + var(--post-base-margin)
    );
  }
  
  :root {
    --post-bg-color: #f9f9f9;
    --post-border-color: #999;
    --post-nest-margin: 1em;
    --post-base-margin: 3em;
  }
  
  .reply0 { margin-top: 1em; border-left-width: 6px; --nest-level: 0; }
  .reply1 { --nest-level: 1; }
  .reply2 { --nest-level: 2; }
  .reply3 { --nest-level: 3; }
  .reply4 { --nest-level: 4; }
  .reply5 { --nest-level: 5; }
   
  @media (min-width: 480px) and (max-width: 580px) {
    :root {
      --post-nest-margin: 0.5em;
      --post-base-margin: 0.5em;
    }
  }
   
  @media (max-width: 479px) {
    :root {
      --post-nest-margin: 1em;
      --post-base-margin: 0em;
    }
  }
  
  /* Colours for each character */
  .parapost {
    --post-bg-color: hsl(var(--char-hue), 33.3%, 97%);
    --post-border-color: hsl(var(--char-hue), 33.3%, 50%);
  }
  .parapost p:first-child > span:first-child {
    color: var(--post-border-color) !important;
  }
  .parapost hr {
    background-color: var(--post-border-color);
  }
  .by-limonova  { --char-hue: 0; }
  .by-vershinin { --char-hue: 240; }
  .by-petrov    { --char-hue: 300; }
  .by-mcfenton  { --char-hue: 120; }

  Pages using this styling

  • scp-5251 [info]

  ¶ 1 occurrence
  

   :root{
       --accentColor: hsl(4, 98%, 66%);
       --accentColorLite: hsla(4, 98%, 76%, .5);
       --hue: 4deg;
  }
  
  .leftblock{
       word-wrap: normal;
       text-align: left;
  }
  
  .rightblock{
       word-wrap: normal;
       text-align: right;
  }

  Pages using this styling

  • scp-5248 [info]

  ¶ 1 occurrence
  

  .anom-bar-container.clear-∶№ .top-center-box > :is(.bar-one, .bar-two, .bar-three, .bar-four) {
      display: block;
  }
  
  .anom-bar-container.clear-∶№ .top-right-box > .clearance::before {
      content: "Access";
  }
  
  .anom-bar-container.clear-∶№ .danger-diamond > .center-circle::before {
      content: "∶№";
  }

  Pages using this styling

  • scp-5242 [info]

  ¶ 1 occurrence
  

  :root {
    --header-title: "ORGANIZATION";
    --header-subtitle: "ENSURE ● INCLUDE ● PRESERVE";
    --logo-img: url(https://scp-wiki.wdfiles.com/local--files/calibri-s-mega-cool-art-page-it-s-mostly-just-icons-but-what/Volatility);
  
    --head-font: var(--ui-font);
  
    --accentLite: 230, 40, 60;
    --posX: calc(50% - 333px - 17.5rem);
  }
  
  #page-content h1, h2, h3, h4, h5, h6 {
    font-weight: 900;
  }
  
  #page-content > p {
    font-weight: normal;
  }
  
  #page-content .blockquote {
    margin: 1em 2em;
  }
  
  #page-content hr {
    height: 1px;
    background-color: rgb(var(--accent));
    margin-top: 1.5em;
    margin-bottom: 1.5em;
  }
  
  #page-content .notation {
    width: auto;
    margin: auto;
    border-left: solid 4px rgba(var(--accent), 0.33);
    border-right: solid 4px rgba(var(--accent), 0.33);
  }
  
  #page-content .jotting {
    padding: 0.5em 1.5em;
  }
  
  .notation > .jotting,
  #page-content > .jotting > blockquote,
  #page-content > .jotting tr td {
    background: white;
  }
  
  #page-content a {
    font-weight: bold;
  }
  
  #page-content tr th {
    background: #eee;
  }
  
  .fncon {
    font-family: var(--page-font) !important;
    border-color: rgb(var(--accent));
    background-color: #eee;
  }
  
  .fncon::before {
    background-color: rgb(var(--accent));
  }
  
  @media only screen and (min-width: 1278px) {
    .fncon {
      width: 14rem;
      border: none;
      border-left: 5px rgb(var(--accent)) solid;
    }
  
    .fncon::before {
      top: 14px; left: -10px;
    }
  }
  
  @media (max-width: 767px) {
    .jotting,
    .modal {
      margin: 0.5em;
    }   
  }
  
  #page-content .scp-image-block img {
    border: solid 1px rgba(var(--accent), 0.66);
  }
  
  #page-content .scp-image-block.block-left {
    margin: 0.5em 1.5em 1em 0em;
  }
  
  #page-content .scp-image-block.block-right {
    margin: 0.5em 0em 1em 1.5em;
  }
  
  #page-content .scp-image-caption {
    border: solid 1px rgba(var(--accent), 0.66);
    border-radius: 0px;
    margin-top: 7px;
  }
  
  :is(.anom-bar-container, .anom-bar-esoteric) + :not(.acs-extra),
  .acs-extra + * {
      margin-top: 1.2rem !important;
  }
  
  #breadcrumbs, .pseudocrumbs {
    font-size: 90%;
  }
  
  .bblock:hover {
    color: white;
  }

  Pages using this styling

  • scp-5242 [info]

  ¶ 1 occurrence
  

  /* TABS */
  
  .yui-navset .yui-nav a,
  .yui-navset .yui-navset-top .yui-nav a {
      background-color:#d8d8d8;
      background-image: url(http://lastlook.pl/~quake/wikidot/images/yuitabs.png);
  }
  
  .yui-navset .yui-nav a em,
  .yui-navset .yui-navset-top .yui-nav a em {
      border-color: #F7F7F7;
  }
  
  .yui-navset .yui-nav .selected a,
  .yui-navset .yui-nav .selected a:focus, /* no focus effect for selected */
  .yui-navset .yui-nav .selected a:hover { /* no hover effect for selected */
      background:#314A5B url(http://lastlook.pl/~quake/wikidot/images/yuitabs.png) repeat-x left -1400px; /* selected tab background */
      color:#E2E2E2;
  }
  
  .yui-navset .yui-nav a:hover,
  .yui-navset .yui-nav a:focus {
      background:#C9C9C9 url(http://lastlook.pl/~quake/wikidot/images/yuitabs.png) repeat-x left -1300px;
  }
  
  .yui-navset .yui-nav,
  .yui-navset .yui-navset-top .yui-nav {
      border-color: #424242;
  }

  Pages using this styling

  • scp-5235 [info]

  ¶ 1 occurrence
  

  .NEUTRALIZED {
    display: inline;
  }

  Pages using this styling

  • scp-5230 [info]

  ¶ 1 occurrence
  

  :root{
  --barColour: #000000;
  }
  
  div.terminal{
      border: 1px solid black;
      border: solid 3px #BBBBBB;
      border-radius: 16px;
      background-color: #131;
  /* black shadow at the top of the terminal */
      background-image:
          radial-gradient(ellipse 1000% 100% at 50% 90%, transparent, #121);
      background-position: center;
      display: block;
  /* shadow around the terminal */
      box-shadow: inset 0 0 10em 1em rgba(0,0,0,0.5);
  /* prevents scanline from forming a scrollwheel */
      overflow:hidden;
  }
  div.terminal blockquote {
      background-color: black;
      border: double 3px #80FF80
  }
  div.scanline{
      margin-top: -40%;
      width: 100%;
      height: 60px;
      position: relative;
      pointer-events: none;
  /* Safari 4.0 - 8.0 */
      -webkit-animation: scan 12s linear 0s infinite; /* You may need to change this. If the bar goes by too quickly, increase 5s. */
      animation: scan 12s linear 0s infinite; /* Same as above */
      background: linear-gradient(to bottom, rgba(56, 112, 82,0), rgba(56, 112, 82,0.1)) !important;
  }
  
  div.text{
      color: rgba(128,255,128,0.8);
      padding-top: 40%;
      font-family: monospace;
      font-size: 1.2em;
     padding-left: 1rem;
      }
  
  /* Safari 4.0 - 8.0 */
  @-webkit-keyframes scan{
      from{ transform: translateY(-10%);}
      to{  transform: translateY(5000%);} /* You may need to change this depending on the length of your terminal. If the scanline stops halfway, increase the second number.*/
  }
  
  @keyframes scan{
      from{ transform: translateY(-10%);}
      to{  transform: translateY(5000%);} /* Same as above.*/
  }
  
  div.text a {
      color: #90EE90;
      text-decoration: none;
      background: transparent;
     padding-left: 1rem;
  }
  div.text a.newpage {
      color: #90EE90;
      text-decoration: none;
      background: transparent;
  }
  div.text a:hover {
      color: #131;
      text-decoration: underline;
      background-color: #80FF80;
      padding: 1px;
  }
  div.text a:hover::before{
  content: "> ";
  }

  Pages using this styling

  • scp-5227 [info]

  ¶ 1 occurrence
  

  #page-title {
      display: block;
      position: relative;
      text-align: center;
      border-bottom: none;
      margin-bottom: 0;
  }
  #page-title {
      position: relative;
      text-align: center;
      border-bottom: none;
      margin-bottom: 0;
  }

  Pages using this styling

  • scp-5225 [info]

  ¶ 1 occurrence
  

  .footnotes-footer { 
      display: none
  }

  Pages using this styling

  • scp-5207 [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Homemade+Apple&display=swap');
  
  
  
  div.info-container > div.collapsible-block {
      padding: 0 !important;
      margin: 0 !important;
      box-shadow: none !important;
  }
  
  .type1 {
      display: block;
      overflow: hidden;
      font-family: 'Homemade Apple', cursive;
      font-style: normal;
      font-size: 110%;
  
      background-attachment: scroll;
      background: linear-gradient(rgba(220, 240, 240, 0.3), rgba(240, 240, 220, 0.5)), url(http://scp-sandbox-3.wikidot.com/local--files/collab:sqydgraves/paperbackground.jpg);
      background-clip: border-box;
      background-color: rgb(219, 199, 171);
      background-origin: padding-box;
      background-repeat: repeat;
      background-size: 100%;
  
      border: 1px solid #CCC;
      border-radius: 10px;
      padding: 10px 10px;
      margin-bottom: 10px;
  
      box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2)
      }
  .type1 p,
  .type1 ul {
      line-height: 25px;
      margin: 0;
  }

  Pages using this styling

  • scp-5181 [info]

  ¶ 1 occurrence
  

  .footnoteref{
  color: #FF5555;
  }
  .danke{
  padding: 5px 5px 5px 15px;
  margin-bottom:10px;
  width: 100%;
  font-family: monospace;
  font-size: 1.1em; }
  
  .agent{
  background-color:#222200;
  border: 3px solid #AAAA55;
  color: #DDDD77;
  }
  
  .site{
  background-color:#222200;
  border: 3px solid #AAAA55;
  color: #DDDD77;
  }

  Pages using this styling

  • scp-5177 [info]

  ¶ 1 occurrence
  

  sup {
      vertical-align: top;
      position: relative;
      top: -0.5em;
  }
  :root {
      --cutColour: #fafafa;
      --barColour: #590505;
  }
  a.collapsible-block-link {
    font-weight: bold;
  }
  .translation_block, .u-faq { display: none; }
  }
  .info-container .collapsible-block-folded a{
  color: #fff;}
  .info-container .collapsible-block-unfolded-link a{
  color: #fff;
  }
  #page-title {
      display: inline !important;
      text-align: center;
  }
   .scp-image-block > p {
       margin: 0;
  }
   .scp-image-block .scp-image-caption > p {
       margin: 0;
       padding: 0 10px;
  }
  #page-content > .collapsible-block {
      display: block;
      text-align: center;
      padding: 0.65em;
  }
  #page-content > .collapsible-block .collapsible-block-content {
      text-align: left;
  }
  .lie{
       font-weight: bold;
       font-family: monospace;
       font-size: 140%;
  }
  .list{
      background: #f4f4f4;
      padding: 0 1em;
  }
  .info-container .collapsible-block-link,
  .info-container:hover .collapsible-block-link {
      line-height: 1.6em;
  }
  @media (max-width: 2000px) {
      .desktop-only {
       display: none;
       visibility: hidden;
  }
  div.info-container > div.collapsible-block {
      padding: 0 !important;
      margin: 0 !important;
      box-shadow: none !important;
  }
  .hover {
      background-color: #88c2ff;
      padding: 0 1px;
  }
  .hover:hover {
  }
  .hover span {    display: none;}
  .hover:hover span {
      position: absolute;
      display: inline;
      margin: 0px 0px;
      height: auto;
      width: auto;
      background: #fff;
      border: 2px solid rgb(var(--bright-accent));
      color: rgb(var(--bright-accent));;
      padding: 1em;
  }
  .hover:hover span span {
      position: relative;
      margin: auto;
      height: auto;
      width: auto;
      border: none;
      padding: 0;
  }
  .top-left-box > .item {
    display: none;
  }

  Pages using this styling

  • scp-5176 [info]

  ¶ 1 occurrence
  

  sup {
      vertical-align: top;
      position: relative;
      top: -0.5em;
  }
  
  :root {
      --cutColour: #fafafa;
      --barColour: #590505;
      --thaumiel: 0, 135, 189;
  }
  
  .translation_block {
      display: none;
  }
  
  .info-container .collapsible-block-folded a {
      color: #fff;
  }
  
  .info-container .collapsible-block-unfolded-link a {
      color: #fff;
  }
  
  .info-container .collapsible-block-link,
  .info-container:hover .collapsible-block-link {
      line-height: 1.6em;
  }

  Pages using this styling

  • scp-5175 [info]

  ¶ 1 occurrence
  

  .footnoteref{ font-variant: unset; }

  Pages using this styling

  • scp-5175 [info]

  ¶ 1 occurrence
  

  /* Fonts */
  @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500');
  
  /* ROOT - Header & General Recoloring */
  :root {
  
  /* Intro */
      --theme-base: "nuscp"
      --theme-id: "PACER-theme"
      --theme-name: "PACER";
  
  /* Header */
      --logo-image: url("https://scp-wiki.wdfiles.com/local--files/scp-5170/PACER-logo2034.svg");
      --header-title: "";
      --header-subtitle: "";
      --header-gradient-color-bottom: 0, 95, 176;
      --header-gradient-color-middle: 0, 95, 176;
      --header-gradient-color-top: 0, 95, 176;
      --gradient-header: linear-gradient(to top,
            rgb(var(--header-gradient-color-bottom)) 100%,
            rgb(var(--header-gradient-color-middle)) 100%,
            rgb(var(--header-gradient-color-top)) 100%);
      --diagonal-stripes: unset;
  
      --body-font: 'Arial', sans-serif;
      --header-font: 'Arial', sans-serif;
      --title-font: 'Arial', sans-serif;
      --mono-font: "PT Mono", "Andale Mono", "Courier New", Courier, monospace;
  
    /* Colors */
      --white-monochrome: 252, 252, 252; /* White */
      --pale-gray-monochrome: 244, 244, 244; /* Light Grey (Quoteblocks) */
      --light-gray-monochrome: 170, 170, 170; /* Accent Light Gray (Login Status) */
      --gray-monochrome: 66, 66, 72; /* Gray */
  
      --pale-accent: 167, 188, 201; /* Pale Blue*/
      --bright-accent: 56, 117, 161; /* Steel Blue*/
      --medium-accent: 44, 74, 120; /* Deep Blue */
      --dark-accent: 32, 40, 78; /* Navy */
      --newpage-color: 187, 225, 250; /* Pale Turquoise */
  
      /* Primary Header Colors */
      --swatch-headerh1-color: var(--white-monochrome);
      --swatch-headerh2-color: var(--white-monochrome);
      --swatch-topmenu-border-color: var(--dark-accent);
      --swatch-topmenu-bg-color: var(--dark-accent);
      
      --rating-module-button-color: var(--black-monochrome);
      --rating-module-text-color: var(--black-monochrome);
  
         /* Link Colors */
      --link-color: 27, 65, 94 ;
      --visited-link-color: 133, 193, 233;
      --hover-link-color: 133, 193, 233;
  }
  
  /* Top-Bar Open Button on Mobile */
  #top-bar > div.mobile-top-bar > div.open-menu > p > a {
      color: rgb(var(--gray-monochrome)) !important;
  }
  
  /* Adjusts Header Size */
  
  /* Undo the mobile Image Resize */
  @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;
      }
  }

  Pages using this styling

  • scp-5170 [info]

  ¶ 1 occurrence
  

      :root {
       --x-grey: #f9f9f9;
       --x-dark-grey: #c8c8c8;
       --x-very-dark-grey: #909090;
       --x-yellow: #FFF9E5;
       --x-blue: #D5D2E1;
       --x-red: #F4E3E8;
       --x-color-notice: #f2f2c2;
       }
  
       /* report style boxes (colors, shadows, margins) */
       .x-log { border: solid 1px; padding: 5px; }
       .x-log { box-shadow: 2px 3px var(--x-very-dark-grey); }
       .x-log { background-color: var(--x-grey); }
      
       /* standard report formatting */
       .x-log-head, .x-log-body { margin: 15px 2px; padding: 0px 10px; }
       .x-log hr { margin-left: 25px; margin-right: 25px; }
       .x-log-head { border-left: solid 3px black; border-radius: 2px; margin-bottom: 15px; }
       .x-log-head th { text-align: left; color: black; font-weight: bold; vertical-align: top; }
       .x-log-head td { padding-left: 15px; vertical-align: top; }
       .x-log-body { border-left: solid 3px var(--x-grey); }

  Pages using this styling

  • scp-5164 [info]

  ¶ 1 occurrence
  

  /* fix ACS incorrectly handling the š */
  .contain-class > .class-text {
    padding-top: 7px !important;
  }
  
  .text-part > .main-class::before {
    top: calc(50% - 1.8rem) !important;
  }
  

  Pages using this styling

  • scp-5164 [info]

  ¶ 1 occurrence
  

  .logformat{
      display: inline-block;
      border-radius: 10px;
      border:dashed 1px #444444;
      background:#F5F5F5;
      float:top;
      width:96.5%;
      padding:10px

  Pages using this styling

  • scp-516-ko-ex [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css?family=Courier+Prime&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Jost&display=swap');
  
  #page-title {
    text-align: center;
  }
  
  :root {
    --body-font: "Jost";
  }
  
  table.dialog {
      border-collapse: collapse;
  }
  
  table.dialog th {
      font-weight: bold;
      border-right: 1px solid #333;
      padding: 1em 1em 0 0;
  }
  
  table.dialog td {
      padding: 1em 0 0 1em;
  }
  

  Pages using this styling

  • scp-5158 [info]

  ¶ 1 occurrence
  

  .log {
  margin: 10px auto;
  background: #f5f5f5;
  width: 75%;
  padding: 15px;
  border: dashed 1px #d9d9d9;
  }

  Pages using this styling

  • scp-5155 [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Parisienne&display=swap');
  
  :root{
  --cutColour: #fafafa;
  --barColour: #590505;
  }
  
  .info-container .collapsible-block-folded a{
  color: #FFF;}
  .info-container .collapsible-block-unfolded-link a{
  color: #FFF;}
  
  .translation_block{
  display:none;}

  Pages using this styling

  • scp-5154 [info]

  ¶ 1 occurrence
  

  .invert {
       filter: invert(1);
  }

  Pages using this styling

  • scp-5150 [info]

  ¶ 1 occurrence
  

  .footnoteref{
  color: #FF5555;
  }
  .danke{
  padding: 5px 5px 5px 15px;
  margin: auto;
  margin-top:1em;
  margin-bottom:1em;
  width: auto;
  font-family: monospace;
  font-size: 1em;
  }
  
  .red{
  background-color:#220000;
  border: 3px solid #AA5555;
  color: #dd1f1b;
  }
  
  
  .blue{
  background-color:#000022;
  border: 3px solid #5555AA;
  color: #0076fd;
  }
  .fadeish {
  position:relative;
  }
  .fadeish:before {
    content:'';
    width:100%;
    height:100%;    
    position:absolute;
    left:0;
    top:0;
    background: linear-gradient(#97242400 0px, #563d3d);
  }

  Pages using this styling

  • scp-5140-j [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Share+Tech+Mono&display=swap');
  
  
  div.info-container > div.collapsible-block {
      padding: 0 !important;
      margin: 0 !important;
      box-shadow: none !important;
  }
  

  Pages using this styling

  • scp-5138 [info]

  ¶ 1 occurrence
  

  div.letter {
      margin: 1em 3em;
  }
  @media (max-width: 479px) {
      div.letter {
          margin: 1em 0;
      }
  }
  @media (min-width: 480px) and (max-width: 580px) {
      div.letter {
          margin: 0.5em;
      }
  }

  Pages using this styling

  • scp-5135 [info]

  ¶ 1 occurrence
  

   .no {
      color: transparent;
      text-shadow: none;
  }
  .no {
      letter-spacing: -1px;
  }

  Pages using this styling

  • scp-5124 [info]

  ¶ 1 occurrence
  

  
  @import url('https://fonts.googleapis.com/css2?family=Noticia+Text&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Stalemate&display=swap');
  
  .pre-islean {
      background-size: 100%;
      background-position: 0% 0%;
      background-repeat: repeat;
      background-image: url("https://www.transparenttextures.com/patterns/rice-paper-2.png");
      background-color: #ebc384;
      padding: 14px;
      width: 90%;
      margin: 0 auto;
  }
  
  .islean {
      background-size: 100%;
      background-position: 0% 0%;
      background-repeat: repeat;
      background-image: url("https://www.transparenttextures.com/patterns/rice-paper-2.png");
      background-color: #ebc384;
      border: solid 2px #4b472d;
      padding-top: 2px;
      padding-bottom: 2px;
      padding-left: 0;
      padding-right: 0;
      margin: 0 auto;
      font-family: 'Noticia Text', serif;
      color: #4b472d;
  }
  
  .islean hr {
      background-color: #4b472d;
      height: 2px;
  }
  
  .cell-islean-1 {
      width: 33%;
      text-align: center;
  }
  
  .cell-islean-2 {
      width: 33%;
      padding: 10px;
      font-size: 85%;
      font-weight: bold;
      text-align: justify;
  }
  
  .title-islean {
      font-size: 120%;
      font-weight: bold;
      text-decoration: underline;
  }
  
  .writing-islean {
      display: inline-block;
      font-family: "Stalemate", cursive;
      font-size: 210%;
      transform: rotate(-4deg);
  }
  
  @media (max-width: 767px) {
      .pre-islean {
          width: 95%;
      }
      .writing-islean {
          transform: rotate(-2deg);
      }
  }
  
  .centered{
       text-align: center;
  }
  

  Pages using this styling

  • scp-512 [info]

  ¶ 1 occurrence
  

  .hover {
  text-decoration: none;
      border-bottom: none;
      color:red;
  }
  .hover:hover {
       text-decoration: none;
      border-bottom: none;
      color:black;
  }
  
  .hover span {    display: none;}
  .hover:hover span {
     position: absolute;
     display: inline;
     margin: 20px 0px;
     height: auto;
     width: auto;
     background: #F5F5F5;
     border: dashed 1px #444444;
     color: black;
     padding: 10px;
  }

  Pages using this styling

  • scp-5117 [info]

  ¶ 1 occurrence
  

  .orderwrapper {position: relative;width: auto;text-align: center;}.council1 {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-5108/cia" );background-size: 295px 295px;background-repeat: no-repeat;background-position: center;}.ordertitle {position: absolute;left: 0;right: 0;top: 38px;}.ordertitle h1 {font-size: 220%;color: #555;}.orderdescription {position: absolute;left: 0;right: 0;top: 85px;width: 100%;}.orderdescription p {font-size: 90%;color: #555;}.orderdescription h1 {font-size: 120%;color: #555;}.itemno {position: absolute;left: 0;right: 0;bottom: 27px;}.itemno h1 {font-size: 170%;color: #555;}

  Pages using this styling

  • scp-5108 [info]

  ¶ 1 occurrence
  

  :root {
      --header-title: "Project Morningstar";
      --header-subtitle: "A Nation Secured.";
          --logo-image: url("https://scp-wiki.wdfiles.com/local--files/scp-5108/cia2");
  

  Pages using this styling

  • scp-5108 [info]

  ¶ 1 occurrence
  

  :root { --logo-image: none}

  Pages using this styling

  • scp-5105 [info]

  ¶ 1 occurrence
  

  :root {
      --header-title: "Parazoology ";
      --header-subtitle: "Division";
          --logo-image: url("https://scp-wiki.wikidot.com/local--files/scp-4347/1572269486726.png");
      --pale-accent: 40, 230, 60;
      /* light red, for visited links */
      --bright-accent: 0, 133, 5;
      /* bright red */
      --medium-accent: 46, 100, 44;
      /* medium red - the "default" accent color */
      --dark-accent: 3, 100, 15;
      /* dark red */
      --alt-accent: 102, 221, 17;
      /* pale orange, for newpage links */
  }

  Pages using this styling

  • scp-5090 [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css?family=Merienda&display=swap');
  @import url('https://fonts.googleapis.com/css?family=Sriracha&display=swap');
  
  .CusQuote {
      border:solid 4px #424248; 
      background:#f4f4f4; 
      padding:5px; 
      margin-bottom: 10px; 
      width:90%;  
      margin: auto;
  }
  
  
  .CusQuoteHeader {
      border:solid 8px #303034; 
      border-style: none none solid none;
      background:#642e2c; 
      color: white;
      padding: 0px 10px ; 
      width:100%;  
      margin: 0px;
  }
  
  .Text_1 {
      width:90%;  
      margin: auto;
  }
  
  .smol_hr {
      margin: auto;
      height: 2px;
      border: 0;
      background-color: rgb(170, 170, 170);
  }
  
  .paper {
      font-family: 'Merienda', cursive;
      font-style: bold;
      background: url("http://scp-wiki.wdfiles.com/local--files/scp-5089/paper.jpg") repeat 0px 8px;
      /*Licensed under CC, produced by https://www.deviantart.com/jojo-ojoj*/
      border: 3px ridge #877d60;
      border-radius: 25px;
      padding: 10px 50px;
      margin: auto;
      width: 70%;
  }
  
  

  Pages using this styling

  • scp-5089 [info]

  ¶ 1 occurrence
  

  #page-title {
    display: none;
  }
  
  blockquote,
  div.blockquote {
      border: 0.1rem solid #d4d4d4;
      background-color: #F5F5F5;
  }
  
  .roundhr {
    border-bottom: 7px solid #AAAAAA;
    clip-path: polygon(
      0% .25em,
      .25em 0%,
      calc(100% - .25em) 0%,
      100% .25em,
      100% calc(100% - .25em),
      calc(100% - .25em) 100%,
      .25em 100%,
      0% calc(100% - .25em)
      );
  }
  

  Pages using this styling

  • scp-5083 [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css?family=Karla&display=swap');
  
  .poem {
    width: 50%;
    margin: 10px auto;
    border: 1px solid #c9c9c9;
    background: #ebebeb;
    padding: 10px 20px 10px 20px;
    font-family: '', sans-serif;  
    font-size: 1.em;
    letter-spacing: -0.05em;
    text-align: center;
  }

  Pages using this styling

  • scp-5078 [info]

  ¶ 1 occurrence
  

  .blinkbar {color: red;font-size:125%; animation: blink 1.5s infinite; letter-spacing: -0.13em;}@keyframes blink{to{opacity: .0;}}@keyframes flicker {0% {opacity: 0.9890; }5% {opacity: 0.5842; }10% {opacity: 0.9865; }20% {opacity: 0.0412; }20% {opacity: 0.6255; }25% {opacity: 0.3157; }30% {opacity: 0.7328; }35% {opacity: 0.4654; }40% {opacity: 0.9128; }45% {opacity: 0.2449; }50% {opacity: 0.5485; }55% {opacity: 0.6438; }60% {opacity: 0.1180; }65% {opacity: 0.9085; }70% {opacity: 0.0266; }75% {opacity: 0.6795; }80% {opacity: 0.7812; }85% {opacity: 0.0117; }90% {opacity: 0.2239; }95% {opacity: 0.8897; }100% {opacity: 0.2260; }}@keyframes overlay-anim {0% {visibility: hidden; }10% {visibility: hidden; }11% {visibility: visible; }50% {visibility: hidden; }100% {visibility: hidden; }}
  .blinkmessage .collapsible-block-folded a.collapsible-block-link {
      animation: blink 0.8s ease-in-out infinite alternate;
  }
  @keyframes blink {
      0% { color: transparent; }
      50%, 100% { color: #b01; }
  }
  .email {float: center; border: solid 2px #000000; width: 88%; padding: 1px 15px; margin: 10px 10px 10px 10px; box-shadow: 0 1px 3px rgba(0,0,0,.5)}
  .blinkmessage a.collapsible-block-link { font-weight: bold; }
  .tofrom {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px maroon}

  Pages using this styling

  • scp-5076 [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Gaegu:wght@300&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=La+Belle+Aurore&display=swap');
  
  div.info-container > div.collapsible-block {
      padding: 0 !important;
      margin: 0 !important;
      box-shadow: none !important;
  }
  
  .type1 {
      display: block;
      overflow: hidden;
      font-family: 'La Belle Aurore', cursive;
      font-style: normal;
      font-size: 150%;
  
      background-attachment: scroll;
      background: linear-gradient(rgba(220, 240, 240, 0.3), rgba(240, 240, 220, 0.5)), url(http://scp-sandbox-3.wikidot.com/local--files/collab:sqydgraves/paperbackground.jpg);
      background-clip: border-box;
      background-color: rgb(219, 199, 171); 
      background-origin: padding-box;
      background-repeat: repeat;
      background-size: 100%;
  
      border: 1px solid #CCC;
      border-radius: 10px;
      padding: 10px 10px;
      margin-bottom: 10px;
  
      box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2)
      }
  .type1 p,
  .type1 ul {
      line-height: 25px;
      margin: 0;
  }

  Pages using this styling

  • scp-5071 [info]

  ¶ 1 occurrence
  

  .standalone h2 {
     font-family: verdana, arial, helvetica, sans-serif;
     letter-spacing: unset;
     font-weight: bold;
  }

  Pages using this styling

  • scp-5054 [info]

  ¶ 1 occurrence
  

  .footnotes-footer { 
      display: none;
  }

  Pages using this styling

  • scp-5051 [info]

  ¶ 1 occurrence
  

  .red {background-color:#F6D9E1;"}
  }
  /* anendlessusername's invaluable correction of the ACS octagon! */
  #page-content .quadrants > div {
      top: 2.25%;
      left: 18.5%;
  }

  Pages using this styling

  • scp-5044 [info]

  ¶ 1 occurrence
  

  
  /* Fix footnote superscript flying away: */
  .footnoteref, #page-content > sup {
      top: -0.25em;
  }
  
  /* Remove clear on image block when >600px wide */
  @media (max-width: 979px) and (min-width: 768px) {
      #page-content div, #page-content div table {
      clear: none;
      }
  }
  
  .synopsis {
      margin: 25px 8% 25px 6%;
      padding: 2% 4% 2% 4%;
      background-color: #f2f2f2;
  }
  
  .memory {
      margin: 0px 5% 0 3%;
  }
  
  .pictures4mobile {
      height: 0px;
      overflow: hidden;
  }
  
  .pictures4desk {
      height: auto;
  }
  
  @media only screen and (max-width: 600px) {
  
      .pictures4mobile {
          height: auto;
      }
  
      .pictures4desk {
          height: 0px;
          overflow: hidden;
      }
  
  }

  Pages using this styling

  • scp-5040 [info]

  ¶ 1 occurrence
  

  div.info-container > div.collapsible-block {
      padding: 0 !important;
      margin: 0 !important;
      box-shadow: none !important;
  }
  
  .email {float: center; border: solid 2px #000000; width: 88%; padding: 1px 15px; margin: 10px 10px 10px 10px; box-shadow: 0 1px 3px rgba(0,0,0,.5);}
  a.collapsible-block-link { font-weight: bold; }
  .tofrom {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px maroon}
  

  Pages using this styling

  • scp-5038 [info]

  ¶ 1 occurrence
  

  .note {
   background: url(https://scp-wiki.wdfiles.com/local--files/the-great-hippo/SCP_icon%281%29.png) top 
   right no-repeat; 
   color: black;
   letter-spacing: 0.02em;
   float: center;
   border: solid 1px #000000;
   padding: 25px 35px 35px 35px !important;
   box-shadow: 0 1px 3px rgba(0,0,0,.2);
   width: 74%;
   margin: 2% 4% 4% 4%;
  }
  
  
  table.wiki-content-table td {
  padding: 12px;
  }
  

  Pages using this styling

  • scp-5031 [info]

  ¶ 1 occurrence
  

  .warning-box {
      display: block;
      width: 90%;
      height: auto;
      text-align:center;
      overflow: visible;
      margin: 0px 5% 10px 5%;
  }
  
  .warning-img {
      width: 14%;
      height: auto;
      padding: 5px;
      display: table-cell;
      vertical-align: middle;
  }
  
  .warning-text {
      max-width: 80%;
      width: 80%;
      display: table-cell;
      padding: 5px;
  }
  
  .warning-text p {
      display: inline-block;
      padding: 5px;
  }
  
  @media only screen and (max-width: 600px) {
  
      .warning-img {display:none;}
  
  }

  Pages using this styling

  • scp-5031 [info]

  ¶ 1 occurrence
  

  @import url("https://use.typekit.net/tqr1skr.css");
  @import url('https://fonts.bunny.net/css?family=Playfair+Display:700|Poppins:400,600&display=swap');
  @import url("https://fontlibrary.org/face/comic-neue");
  
  /* REDDIT */
  .reddit-post{
      background-color: #fcfcfb; 
      border: 1px solid #b5b3ac; 
      padding: 0 .85em;
      margin: .43em; 
      overflow: hidden;
      font-family: verdana,arial,sans-serif;
  }

  Pages using this styling

  • scp-5019 [info]

  ¶ 1 occurrence
  

  
  @import url('https://fonts.bunny.net/css?family=Poppins&display=swap');
  
  .lostmedia-comment,
  .lostmedia-comment * {
      box-sizing: border-box;
  }
  
  .lostmedia-comment * {
      font-family: 'Poppins', sans-serif;
  }
  .lostmedia-comment {
      margin-top:5px;
      margin-bottom:5px;
      overflow:hidden;
      background-color: #fff;
  }
  .lostmedia-comment .comment {
      position:relative;
  }
  .lostmedia-comment .reply-comment {
      margin-top:10px;
      margin-left:30px;
  }
  .lostmedia-comment .head-comment > .comment-header {
      border-top:1px solid #00a7d8;
  }
  .lostmedia-comment .target-comment .comment-header {
      border:2px solid green;
  }
  .lostmedia-comment .comment-header {
      background-color:#e4f1ff;
  }
  .lostmedia-comment .reply-comment > .comment-header {
      background-color:#f5faff;
  }
  .lostmedia-comment .comment-header {
      padding-top:2px;
      padding-bottom:2px;
      background-color:#f9f9f9 !important;
      width:100%
  }
  .lostmedia-comment .head-comment > .comment-header {
      border-top: 4px solid #36782c;
  }
  .lostmedia-comment .comment-header-left {
      display:inline-block;
      vertical-align:middle;
  }
  .lostmedia-comment .comment-header-center {
      display:inline-block;
      vertical-align:middle;
      padding-left:5px;
  }
  .lostmedia-comment .comment-header-right {
      display:inline-block;
      float:right;
  }
  .lostmedia-comment .avatar {
      height:48px;
      padding:5px;
  }
  .lostmedia-comment .comment-title {
      font-size:20px;
      font-weight:bold;
  }
  .lostmedia-comment .comment-author {
      padding-right:5px;
      font-size:12px;
  }
  .lostmedia-comment .comment-author a {
      color:#00a7d8;
      font-weight:bold;
  }
  .lostmedia-comment .collapsible-block {
      position: relative;
  }
  .lostmedia-comment .collapsible-block .collapsible-block-link {
      position: absolute;
      top: -50px;
      right: 0;
      width: 32px;
      height: 32px;
      box-sizing: content-box;
      padding: 0 5px;
      color: rgba(0,0,0,0);
  }
  .lostmedia-comment .collapsible-block .collapsible-block-link:hover {
      background-color:#8eddf5;
      mix-blend-mode: darken;
  }
  .lostmedia-comment .comment-body {
      margin-bottom:5px;
      font-size:14px;
      padding-left: 5px;
  }
  .lostmedia-comment .comment-details {
      color:#555555;
      opacity:0.8;
      font-size:12px;
      padding-right:5px;
      padding-left:5px;
  }
  .lostmedia-comment .button {
      background-color:transparent;
      border:none;
      font-family:sans-serif;
      font-weight:bold;
      text-decoration:none;
      padding-left:5px;
      padding-right:5px;
      box-shadow:none;
      -webkit-appearance: button;
      cursor: pointer;
      text-transform: none;
      overflow: visible;
      margin: 0;
  }
  .lostmedia-comment .button:hover {
      background-color:#8eddf5;
  }
  .lostmedia-comment .button:enabled:active {
      opacity:0.5;
  }
  .lostmedia-comment .button:enabled:hover {
      color:#3ccefa;
  }
  .lostmedia-comment .button:disabled {
      color:#95a5a6;
      opacity:0.2;
  }
  .lostmedia-comment .moderator-button {
      color:#ff0000;
  }
  .lostmedia-comment .moderator-button:enabled:hover {
      color:#ff5555;
  }
  .lostmedia-comment .toggle-button {
      border:none;
      border-style:none;
  }
  .lostmedia-comment .vote-upcount,
  .lostmedia-comment .vote-downcount {
      color:#555555;
      padding-left:3px;
  }
  .lostmedia-comment .link-button {
      border:none;
      border-style:none;
      font-size:12px;
      font-weight:normal;
      text-align:left;
      position: relative;
  }
  
  .lostmedia-comment .link-button a,
  .lostmedia-comment .link-button a:hover,
  .lostmedia-comment .link-button a:active,
  .lostmedia-comment .link-button a:visited {
      text-decoration: none;
      color: #333;
  }
  .lostmedia-comment .reply-button {
      font-size:12px;
      font-weight:normal;
      text-align:left;
  }
  .lostmedia-comment div.span {
      display: inline-block;
  }
  

  Pages using this styling

  • scp-5019 [info]

  ¶ 1 occurrence
  

  @keyframes blink {
      0% { color: transparent; }
      50%, 100% { color: #b01; }
  }
  .email {float: center; border: solid 2px #000000; width: 88%; padding: 1px 15px; margin: 10px 10px 10px 10px; box-shadow: 0 1px 3px rgba(0,0,0,.5)}
  a.collapsible-block-link { font-weight: bold; }
  .tofrom {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px #000098}
  
  .dblock:hover {background: #f4f4f4} 
  
  .danke{
  padding: 5px 5px 5px 15px;
  margin-bottom:10px;
  width: auto;
  font-family: monospace;
  font-size: 1.1em; }
  
  .agent{
  background-color:#002200;
  border: 3px solid #55AA55;
  color: #77CC77;
  }
  
  .site{
  background-color:#222200;
  border: 3px solid #AAAA55;
  color: #DDDD77;
  }
  
  .clpcolor a.collapsible-block-link { 
  color: #1A8718; 
  }
  
  }
  
  ::-webkit-scrollbar-thumb
  {
    background: #6a6c6e;
  }

  Pages using this styling

  • scp-5018 [info]

  ¶ 1 occurrence
  

  :root { 
      --barColour: #3C6478;
  }

  Pages using this styling

  • scp-5008 [info]

  ¶ 1 occurrence
  

  :root{
  --cutColour: #fafafa;
  --barColour: #590505;
  }
  
  .info-container .collapsible-block-folded a{
  color: #FFF;}
  .info-container .collapsible-block-unfolded-link a{
  color: #FFF;}
  
  .translation_block{
  display:none;}
  
  .fakeprot .mailform-box .buttons{display:none;}
  .fakeprot + .collapsible-block .collapsible-block-link {padding: 0.1em 0.5em;text-decoration: none;background-color: #F4F4F4;border: 1px solid #AAA;color: #000;}
  .fakeprot + .collapsible-block .collapsible-block-link:hover {background-color: #DDD;color: #000;}
  .fakeprot + .collapsible-block .collapsible-block-link:active {background-color: #DDD;color: #000;}
  .fakeprot + .collapsible-block .collapsible-block-unfolded-link{margin:0.5em 0;text-align: center;}
  .fakeprot + .collapsible-block .collapsible-block-folded{margin:0.5em 0;text-align: center;}
  .fakeprot .passw input[type=text] {text-security:disc;-webkit-text-security:disc;-mox-text-security:disc;}
  .mailform-box td:first-child {width: 80px;}
  
  .fakeprot {
      margin: auto;
  }

  Pages using this styling

  • scp-5006 [info]

  ¶ 1 occurrence
  

  .computed {
  border: 1px black solid;
  width: 50%;
  display: inline-block;
  text-align: left;
  padding: 3px;
  }
  .computed:before {
  content:"Computed Code";
  font-weight: bold;
  border-bottom: solid 1px black;
  width: 100%;
  }
  .rawcode {
  border: black solid 1px;
  width: 50%;
  display: inline-block;
  text-align: left;
  padding: 3px;
  }
  .rawcode:before{
  content:"Raw Code";
  text-align: center;
  font-weight: bold;
  border-bottom: solid 1px black;
  width: 100%;
  }
  .codebox {
  display: inline-block;
  width: 100%;
  text-align: center;
  }
  .yui-navset .yui-nav .selected a em,  .yui-navset .yui-nav a em{
  padding: 0.25em .75em;
  top: 0px;
  margin-bottom: 0px;
  }
  .yui-navset .yui-nav .selected a {
  background: gray;
  }
  .yui-navset .yui-nav .selected {
  margin: 0px;
  }
  .yui-navset .yui-nav .selected a, .yui-navset .yui-nav .selected a:focus, .yui-navset .yui-nav .selected a:hover, .yui-navset .yui-nav .selected a {
  background: gray;
  }
  .yui-navset .yui-nav a, .yui-navset .yui-navset-top .yui-nav a {
  background-color: none;
  background-image: none;
  }
  .yui-navset .yui-nav a {
  background: none;
  }
  .yui-navset .yui-nav li{
  margin: 0px;
  }
  .yui-navset .yui-content {
  background-color: #FDFCF9;
  }

  Pages using this styling

  • scp-5002 [info]

  ¶ 1 occurrence
  

  /* 4CHAN */
  .chan.thread-container {
    background-color: #FFFFEE;
    padding: 5px;
    font-family: arial,helvetica,sans-serif;
    color: #872737;
    overflow: hidden;
    font-size: 1.1em;
  }
  .chan.blue-container {
    background-color: #d6daf0;
    padding: 5px;
    font-family: arial,helvetica,sans-serif;
    color: #000;
    display: table;
    margin: 0 auto;
    overflow: hidden;
  }
  .chan.blue-container .post-content {
    margin-bottom: 0;
  }
   
  .chan .deleted-icon {
    color: #FF0000;
    background-color: #E3E3E3;
    border: 1px solid #383838;
    padding: 0 2px;
    font-weight: bold;
  }
   
  .chan .post-content {
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 40px;
    margin-inline-end: 40px;
  }
  .chan .summary {
    color: #707070;
    margin-top: 10px;
  }
  .chan .reply-container {
    display: table;
  }
  .chan .reply-arrows {
    color: #E0BFB7;
    float: left;
    margin-right: 2px;
    margin-top: 9px;
    margin-left: 2px;
  }
  .chan .reply {
    background-color: #F0E0D6;
    border: 1px solid #D9BFB7;
    border-left: none;
    border-top: none;
    display: table;
    padding: 5px;
    margin: 4px 0;
  }
   
  .chan img {
    float: left;
    margin-left: 20px;
    margin-right: 20px;
    margin-top: 3px;
    margin-bottom: 5px;
  }
  .chan .chan-file > p,
  .chan .post-info > p,
  .chan .reply-arrows > p,
  .chan .summary > p,
  .chan.blue-container .post-content > p {
    margin: 0;
  }
  .chan .image-container {
    padding: 0;
  }
  
  @media (max-width: 479px) {
    .chan .reply-arrows {
      display: none;
    }
    .chan .post-content {
      margin: 0;
    }
    .chan .image-container {
      text-align: center;
    }
  }
  
  /* REDDIT */
  .reddit-post{
      margin: .43em;
      padding: 0 .85em;
  
      background-color: #fcfcfb;
      border: 1px solid #b5b3ac;
  
      font-family: verdana,arial,sans-serif;
      overflow: hidden;
  }

  Pages using this styling

  • scp-4991 [info]

  ¶ 1 occurrence
  

  :root {
       --five-color: 204, 59, 103;
      --four-color: 204, 59, 103;
      --three-color: 69, 69, 69;
      --two-color: 0,135,189;
      --one-color: 0,159,107;
  }

  Pages using this styling

  • scp-4983 [info]

  ¶ 1 occurrence
  

  #page-title {
      display: none;
  }
  
  @import url('https://fonts.googleapis.com/css2?family=Inconsolata:wght@300&display=swap');
  

  Pages using this styling

  • scp-4983 [info]

  ¶ 1 occurrence
  

  @import url("https://wanderers-library.wdfiles.com/local--code/component%3Adustjacket-theme-typefaces/1");
  @import url("https://use.typekit.net/tqr1skr.css");
  
  #page-content .border {
      box-sizing: border-box;
      border: 2vw solid rgba(0,0,0,0.5);
      border-image: url("https://wanderers-library.wdfiles.com/local--files/component%3Adustjacket-theme/wl_border.png") 600 round;
      border-image-width: 6;
      background-color: rgb(45, 70, 45);
      border-radius: 3vw;
      padding: 1em 0;
      color: #FFDB5A;
      text-align: center;
  }
  
  h2 {
      font-family: 'adelle-sans', sans-serif;
  }

  Pages using this styling

  • scp-4982 [info]

  ¶ 1 occurrence
  

  .spanz {
     display: block;
     width: 100%;
     background-color: #ffa500;
     text-align: center;
     border: 1px none #000;
     margin: 1px;
     padding-top: 8px;
     padding-bottom: 8px;
  }
  
  .damz {
     display: block;
     width: 100%;
     background-color: #115363;
     text-align: center;
     border: 1px none #000;
     margin: 1px;
     padding-top: 8px;
     padding-bottom: 8px;
     font-size: 18px;
     color: #ffffff;
     text-shadow: 1px 3px 2px rgba(0,0,0,0.3);
  }
  
  .camz {
     display: block;
     width: 100%;
     background-color: #9c3111;
     text-align: center;
     border: 1px none #000;
     margin: 1px;
     padding-top: 8px;
     padding-bottom: 8px;
     font-size: 18px;
     color: #ffffff;
     text-shadow: 1px 3px 2px rgba(0,0,0,0.3);
  }
  .quote {
    background-color: #e2ecf0;
    background-color: hsla(190, 30%, 94%, 1);
    border-radius: 10px;
    box-shadow: -2px 0px 10px 1px #115363;
    border: 2px double #f4f4f4;
    padding: 12px;
    font-family: sans;
    font-size: 1.2em;
  }

  Pages using this styling

  • scp-4979 [info]

  ¶ 1 occurrence
  

  .dott {
      background-image: url(https://scp-wiki.wdfiles.com/local--files/scp-4531/Department%20of%20Tactical%20Theology%20White%20Background%20Shiny%20transparent.png);
      border: 5px solid #591b1b;
      width: 90%;
      margin: auto;
      text-align: center;
      padding: 0px 20px;
      text-shadow: 0px 1px 1px #0000003b;
      color: black;
      background-size: 75%;
      background-color: white;
      background-position: center;
      background-repeat: no-repeat;
      background-blend-mode: multiply;
  }

  Pages using this styling

  • scp-4967 [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.bunny.net/css?family=Architects+Daughter&display=swap');
   .page {
       display: block;
       overflow: hidden;
       font-family: 'Architects Daughter', cursive;
       font-style: normal;
  
       background-attachment: scroll;
       background-clip: border-box;
       background-color: transparent;
       background-image: linear-gradient(to top, rgb(202, 219, 228) 0%, rgb(231, 233, 220) 8%);
       background-origin: padding-box;
       background-position: 0 8px;
       background-repeat: repeat;
       background-size: 100% 18px;
  
       border: 1px solid #ccc;
       border-radius: 10px;
       padding: 10px 10px;
       margin-bottom: 10px;
  
       box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  }
   .page p {
       line-height: 18px;
       margin: 0;
  }

  Pages using this styling

  • scp-4965 [info]

  ¶ 1 occurrence
  

  /*Table in second addendum.*/
  .council .wiki-content-table tr td {text-align: center; background-color: rgb(255,255,255,.75);}
  
  /* Rating module spacing. */
  .page-rate-widget-box {
    margin: 20px 0;
  }
  
  /*Info bar adjustments.*/
  :root {
    --barColour: #590505;
  }
  .info-container .collapsible-block-content {
    text-align: center;
  }
  .info-container hr {
    max-width: 300px;
    margin: 50px auto;
    background-color: rgb(48, 48, 52);
    clip-path: polygon(0% .25em, .25em 0%, calc(100% - .25em) 0%, 100% .25em, 100% calc(100% - .25em), calc(100% - .25em) 100%, .25em 100%, 0% calc(100% - .25em));
    height: 7px;
  }
  #u-author_block a {
    color: #FFF;
    background-color: rgb(48, 48, 52);
  }
  .translation_block {
    display: none;
  }
  .u-faq p:nth-child(1) {
    line-height: 0;
  }

  Pages using this styling

  • scp-4936 [info]

  ¶ 1 occurrence
  

  
  .email {float: center; border: solid 2px #0F0F0F; width: 88%; padding: 1px 15px; margin: 10px 10px 10px 10px; box-shadow: 0 1px 3px rgba(0,0,0,.5)}
  
  a.collapsible-block-link { font-weight: bold; }
  
  .tofrom {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px #f0f0f0}
  

  Pages using this styling

  • scp-4921 [info]

  ¶ 1 occurrence
  

  
  .anchor {
      position: sticky;
      height:0;
      top: 0;
  }
  .sidebox {
      padding: .14rem;
      margin-top: 0;
      margin-bottom: 8px;
      width: calc((100vw - 870px)/2);
      max-height: calc(100vh - 18rem);
      position: absolute;
      top: 0;
      left: 103.5%;
      z-index: 5;
      overflow: auto;
      box-sizing: border-box;
  }
  @media (max-width: 1290px) {
      .sidebox {
          display: none;
          visibility:hidden;
      }
  }

  Pages using this styling

  • scp-4918 [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css?family=Courier+Prime&display=swap');
  #page-title {
    text-align: center;
  }

  Pages using this styling

  • scp-4917 [info]

  ¶ 1 occurrence
  

  .footnotes-footer {
  display:none;
  }
  
  #u-aaa ~ .after,
  #u-aaa ~ * .after,
  #u-aaa:target ~ .before,
  #u-aaa:target ~ * .before{
  display: none;
  }
  
  #u-aaa ~ .before,
  #u-aaa ~ * .before,
  #u-aaa:target ~ .after,
  #u-aaa:target ~ * .after{
  display: inline;
  }

  Pages using this styling

  • scp-4893 [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+Antique:wght@300;400;500;700;900&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@700;800;900&display=swap');
  body {
  font-family: 'Zen Kaku Gothic Antique', Sans-serif;
  } 
  div.authorlink-wrapper{
  
  margin-top: var(--author-top-adjust, .2em) !important;
  
  }
  #page-content > div.scpfnet.padded > div:nth-child(6) > div > div > div.collapsible-block-unfolded > div.collapsible-block-content > div:nth-child(3) > div:nth-child(1) > img, #page-content > div.scpfnet.padded > div:nth-child(6) > div > div > div.collapsible-block-unfolded > div.collapsible-block-content > div:nth-child(3) > div:nth-child(3) > img {
      max-width: 103%;
      margin-left: -2%;
  }
  
  #page-content > div.scpfnet.padded > div.collapsible-block > div.collapsible-block-unfolded > div:nth-child(4) > div.inset.poppin > a {
  #eab6b6;
  }
  #page-content > div.scpfnet.padded > div.collapsible-block > div.collapsible-block-folded {
  margin-top:-25px;
  }
  div.poppin{
  
  box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset !important;
  
  border-radius: 5px 5px 5px 5px !important;
  }
  .darktext {
  color:black;
  Font-size:100%;
  }
  #my-account {
  color:white !important;
  }
  #page-title {
  display:none;
  
  }
  .padded{
  
  4px 4px 4px 15px;
  
  }
  .inset{
  margin-bottom:10px;
  font-family: monospace;
  font-size: 100%; 
  background-color:black;
  color: #77CC77;
  padding: 5px 5px 5px 15px;
  position: relative;
  border-style:ridge;
  border-radius: 15px;
  }
  
  .scpfnet{
  position: relative;
  padding: 8px 8px 8px 8px;
  border-style: double;
  border-radius: 15px;
  width: 100%;
  margin-bottom:10px;
  font-family: monospace;
  font-size: 100%; 
  border-style:ridge;
  
  }
  
  .text {
  
  color: black;
  Font-size:100%;
  }
  a:any-link {
  font-family: 'Poppins', sans-serif;
  font-weight: 700;
  }
  a {
  color: #6e6eff !important;
  }

  Pages using this styling

  • scp-4888 [info]

  ¶ 1 occurrence
  

  #page-title {
    display: none;
  }
  
  .meta-title {
    border-bottom: solid 1px #bbbbbb;
    color: #990011;
    font-weight: normal;
    margin: 0 0 0.6em;
    padding: 0 0 0.25em;
    font-size: 200%;
  }
  
  .meta-title p {
    margin: 0;
  }
  .body-text {
      margin: 2% 13% 2% 9%;
      padding: 5px 20px 5px 20px;
      background-color: #f2f2f2;
      color: #111;
  }
  
  .text4desk {
      width: 70%;
      margin: auto;
  }
  
  @media only screen and (max-width: 600px) {
  
      .body-text {
          margin: 0% 4% 0% 4%;
      }
  
      .text4desk {
          width:100%;
      }
  
  }
  
  

  Pages using this styling

  • scp-4886 [info]

  ¶ 1 occurrence
  

  sup { 
  
  vertical-align: top; position: relative; top: -0.5em; 
  }
  .footnotes-footer{display:none;}

  Pages using this styling

  • scp-4881 [info]

  ¶ 1 occurrence
  

  
  blockquote {
      display: inline-block;
  }
  
  /* TABVIEW */
   
  .yui-navset .yui-nav,
  .yui-navset .yui-navset-top .yui-nav {
      border-color:#d6c2c2; /* color between tab list and content */
      display: grid;
      grid-gap: .25em;
      grid-template-columns: repeat(9, auto);
      grid-auto-flow: row;
      text-align: center;
      font-weight: 900;
  }
  
  .yui-navset .yui-nav li, 
  .yui-navset .yui-navset-top .yui-nav li {
      display: flex;
  }
   
  .yui-navset .yui-nav a,
  .yui-navset .yui-navset-top .yui-nav a {
      background-color:#d8d8d8 ! important; /* tab background */
      border-color:#d6c2c2;
      color:#303030;
      transition: 0.125s;
      flex-grow: 2;
  }
   
  .yui-navset .yui-nav a em {
      background-color: #fdfdfd;
      box-shadow: 0px 1px 2px rgba(0,0,0,0.7);
      border-color: #b7a9a9;
  }
   
  .yui-navset .yui-nav .selected a,
  .yui-navset .yui-nav .selected a:focus,
  .yui-navset .yui-nav .selected a:hover {
      background-image: none;
      background-color: #4D4D4D; /* selected tab background */
      color:white;
  }
   
  .yui-navset .yui-nav .selected a,
  .yui-navset .yui-nav .selected a em {
      border-color: transparent;
      box-shadow: 0px 1px 2px rgba(134,7,7,0.5);
      background-color: #c72e2e; 
  }
   
  .yui-navset .yui-content {
      background-color: #F7F7F7; /* content background color */
  }
   
  .yui-navset .yui-content,
  .yui-navset .yui-navset-top .yui-content {
      border-color: #b7a9a9; /* content border */
      border-top-color:#b7a9a9; /* different border color */
  }
   
  .yui-navset-left .yui-content {
      border-left-color: #b7a9a9; /* different border color */
  }
  
  @media (max-width: 767px) {
      .yui-navset .yui-nav,
      .yui-navset .yui-navset-top .yui-nav {
          grid-template-columns: repeat(3, auto);
      }
  }
   
  blockquote {
    border-style: dashed;
    border-color: #a7a7a7;
    border-width: 1pt;
    background-color: #f7f7f7;
    box-shadow: 0px 1px 2px rgba(0,0,0,0.1); }
   
  div.image-block {
   float:right;
   margin:0 2em 1em 2em;
   width:300px;
  }
   
  div.image-block img {
  width:300px;
  }

  Pages using this styling

  • scp-4877 [info]

  ¶ 1 occurrence
  

  
  /* DIV BLOCKS stolen from floppypheonix uwu */
  .quote-block{
      border: 2px double #999;
      background-color: #f4f4f4;
      padding: .25em 1em;
      margin-bottom: 1em;
  }
  .report-box{
      border: 2px solid rgb(12, 12, 12);
      background-color: white;
      padding: .25em 1em;
      margin-bottom: 1em;
  }
  
  .message-location{
      float: left;
      text-align: left;
  }
  .message-size{
      background: #c0c0c0;
      width: 18.4em;
      border-radius: 3.049em;
      padding: 0.061em 1.220em;
      font-size: 112.5%;
      text-align: center;
  }
  

  Pages using this styling

  • scp-4874 [info]

  ¶ 1 occurrence
  

  .scp-image-block.block-right {
      margin: 0 0 1em 2em;
  }

  Pages using this styling

  • scp-4866 [info]

  ¶ 1 occurrence
  

  
  #header {
      background-image: url(https://scp-wiki.wdfiles.com/local--files/scp-3176/temporal_dept_logo.png);
  }
  
  #header h2 span {
      display: block;
      margin: 0;
      padding: 19px 0;
      line-height: 0px;
      max-height: 0px;
      font-weight: bold;
      color: transparent;
      text-shadow: none;
  }
  
  #header h2 span::before {
      content: 'Department of Temporal Anomalies ';
      color: #f0f0c0;
      text-shadow: 1px 1px 1px #000;
      text-shadow: 1px 1px 1px rgba(0,0,0,.8);
  }
  
  #page-content .wiki-content-table tr th {
      border: none;
      background-color: transparent;
   
      // set border for table title
  }
   
  #page-content .wiki-content-table tr td {
      border: 1px dashed grey;
   
      // set border for table content
  }
  

  Pages using this styling

  • scp-4856 [info]

  ¶ 1 occurrence
  

  span.reference {
      vertical-align: super;
  }

  Pages using this styling

  • scp-4853 [info]

  ¶ 1 occurrence
  

  .sign  {
      margin-bottom: 1.25rem;
  }
  
  table.wiki-content-table {
      width: 100%;
  }
  
  .center-header {
      font-size: 150%;
      display: block;
      width: 100%;
      height: auto;
      font-weight: 900;
      text-align: center;
      border-bottom: 1px dotted currentColor;
      padding-bottom: 0.25em;
  }
  
  .item-table {
      font-size: 1em;
      width: 90%;
      text-align: center;
      border-collapse: collapse;
      margin: 1.250em auto;
  }
  
  .table-header td {
      font-size: 1.1em;
      font-weight: 900;
      background: #b9c9fe;
      border-top: 0.250rem solid #aabcfe;
      border-bottom: 0.0625rem solid #fff;
      color: #039;
      text-align: center;
  }
  
  .item-table td {
      background: #e8edff;
      border-bottom: 0.125rem solid #fff;
      border-right: 0.0625rem solid #fff;
      border-top: 0.125rem solid transparent;
      border-left: 0.0625rem solid transparent;
      color: #669;
      padding: 0.5em;
  }
  
  .item-table  ul {
      padding-inline-start: 1.5em;
  }
  
  .item-table td:nth-of-type(1),
  .item-table td:nth-of-type(2) {
      text-align: center;
  }

  Pages using this styling

  • scp-4852 [info]

  ¶ 1 occurrence
  

  @keyframes static {
    0% {color: black;}
    15% {color: #cccccc;}
    17% {color: black;}
    23% {color: #707070;}
    25% {color: black;}
    32% {color: #aaaaaa;}
    36% {color: black;}
    49% {color: #2d2d2d;}
    50% {color: black;}
    100% {color: black;}
  }
  
  .statictext {
    color: black;
    animation-name: static;
    animation-duration: 1s;
    animation-iteration-count: infinite;
  }

  Pages using this styling

  • scp-4850 [info]

  ¶ 1 occurrence
  

  .page {
      display: block;
      overflow: hidden;
      font-family: "Bradley Hand", "Comic Sans MS", cursive;
      font-style: normal;
  
      background-attachment: scroll;
      background-clip: border-box;
      background-color: transparent;
      background-image: linear-gradient(to top ,rgb(202, 219, 228) 0%, rgb(231, 233, 220) 8%);
      background-origin: padding-box;
      background-position: 0px 8px;
      background-repeat: repeat;
      background-size: 100% 20px;
  
      border: 1px solid #CCC;
      border-radius: 10px;
      padding: 10px 10px;
      margin-bottom: 10px;
  
      box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2)
      }
  .page p,
  .page ul {
      line-height: 20px;
      margin: 0;
  }

  Pages using this styling

  • scp-4836 [info]

  ¶ 1 occurrence
  

  
  .footnotes-footer{
      display: none;
  }
  
  #header h2 span {
      color: transparent;
      text-shadow: none;
  }
  
  #header h2 span::before {
      content: "Secure, Contain,      ";
      display: block;
      margin: 0;
      padding: 0px 0;
      line-height: 0px;
      max-height: 0px;
      color: #fff;
  }
  

  Pages using this styling

  • scp-4830 [info]

  ¶ 1 occurrence
  

  .spanz {
     display: block;
     width: 100%;
     background-color: #ffa500;
     text-align: center;
     border: 1px none #000;
     margin: 1px;
     padding-top: 8px;
     padding-bottom: 8px;
  }
  
  .damz {
     display: block;
     width: 100%;
     background-color: #115363;
     text-align: center;
     border: 1px none #000;
     margin: 1px;
     padding-top: 8px;
     padding-bottom: 8px;
     font-size: 18px;
     color: #ffffff;
     text-shadow: 1px 3px 2px rgba(0,0,0,0.3);
  }
  
  .camz {
     display: block;
     width: 100%;
     background-color: #9c3111;
     text-align: center;
     border: 1px none #000;
     margin: 1px;
     padding-top: 8px;
     padding-bottom: 8px;
     font-size: 18px;
     color: #ffffff;
     text-shadow: 1px 3px 2px rgba(0,0,0,0.3);
  }
  .quote {
    background-color: #e2ecf0;
    background-color: hsla(190, 30%, 94%, 1);
    border-radius: 10px;
    box-shadow: -2px 0px 10px 1px #115363;
    border: 2px double #f4f4f4;
    padding: 12px;
    font-family: "Helvetica", monotype, serif !important;
    font-size: 1.2em;
    font-feature-settings: "lnum"!important;
  }
  .quote * {
    font-family: "Helvetica", monotype, serif !important;
    font-feature-settings: "lnum"!important;
  }

  Pages using this styling

  • scp-4818 [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css?family=Homemade+Apple%27);
  
  #page-content div.jeeves2 .collapsible-block-folded a.collapsible-block-link {
      animation: blink 0.8s ease-in-out infinite alternate;
  }
  
  #page-content div.jeeves .collapsible-block-folded a.collapsible-block-link {
     color: #ffffff;
  }
  @keyframes blink {
      0% { color: transparent; }
      50%, 100% { color: #b01; }
  }
  
  .jeeves {
    display: inline-block;
    border-radius: 3px;
    border: solid 1px #555;
    background: #4A9B97;
    width: 96.5%;
    padding: 10px;
    box-shadow: 0 2px 4px rgba(75, 75, 75, .5);
  
  }
  
  jeeves2 {
  
  }
  
  .docsig {
    float: right;
    text-align: right;
    font-family: 'Homemade Apple', cursive;
    font-size: 150%;
    color: #16264c;
  }
  
  .inner {
  display:block;
  margin:auto;
  width:60%;
  padding:5px;
  border:double 3px #112211;
  background:#FFFFFF;
  box-shadow: 0 5px 15px rgba(0,0,0,.2);
  padding-bottom:15px;
  }
  .outer {
  display:block;
  margin:auto;
  width:93%;
  padding:10px;
  border:double 3px #112211;
  background:#FFFFFF;
  }
  

  Pages using this styling

  • scp-4810 [info]

  ¶ 1 occurrence
  

  #header {background: url(https://scp-wiki.wikidot.com/local--files/component:theme/scp_pride_icon2.png) 10px 40px no-repeat;}

  Pages using this styling

  • scp-4803 [info]

  ¶ 1 occurrence
  

  .anom-bar-container, .anom-bar-container * {
      font-family: "Poppins",sans-serif !important;
  }
  
  #page-content > br:nth-child(4) {
      display: none;
  }
  
  #page-content p {
       position: relative;
  }
  
  #main-content p:first-of-type {
      margin-top: 0.25rem;
  }
  
  .scp-image-container {
      display: flex;
      float: right;
      flex-direction: row;
      flex-wrap: wrap;
      width: 50%;
      padding: 0 0 1rem 1rem;
  }
  
  .scp-image-container.full-image {
      width: 100%;
      padding: 1rem;
  }
  
  .scp-image-block {
      box-shadow: initial;
      width: 100%;
  }
  
  .scp-image-caption {
      --wght: 600;
      font-size: 0.75rem;
      background-color: rgb(var(--light-gray-monochrome));
      padding: 0.25rem;
      display: flex;
      align-items: center;
      justify-content: center;
      width: 100%;
      text-align: center;
      line-height: 1.25;
      color: rgb(var(--white-monochrome));
      font-weight: 600;
      letter-spacing: 0.0125rem;
      border-left: .0625rem solid rgb(var(--swatch-primary-darkest));
      border-right: .0625rem solid rgb(var(--swatch-primary-darkest));
      border-bottom: .0625rem solid rgb(var(--swatch-primary-darkest));
  }
  
  .scp-image-container, .scp-image-container * {
      box-sizing: border-box;
  }
  
  #page-content .collapsible-block {
      display: block;
      padding: 0.75em;
      background-color: rgb(var(--pale-gray-monochrome));
      border-top: 0.125rem dashed rgb(var(--light-gray-monochrome));
      border-bottom: 0.125rem dashed rgb(var(--light-gray-monochrome));
  }
  
  #page-content .collapsible-block .collapsible-block-folded,
  #page-content .collapsible-block .collapsible-block-unfolded-link  {
      text-align: center;
      font-family: "Poppins",sans-serif;
  }
  
  .footnote_block {
      --wght: 600;
      display: inline-flex;
      font-family: var(--body-font);
      font-weight: 600;
      font-size: 0.8em;
      margin-left: -0.5em;
      margin-right: -0.5em;
      z-index: 9999;
  }
  
  .footnote_content,
  .footnote_content * {
      --wght: 400;
      display: block;
      position: absolute;
      right: -13rem;
      width: 10rem;
      line-height: 1.2;
      border: 0.125rem solid rgb(var(--swatch-primary));
      font-family: var(--body-font);
      padding: 0.5rem 0.25rem 0.5rem 0.5rem;
      text-shadow: initial;
      filter: initial;
      color: rgb(var(--black-monochrome));
      transition:
       opacity 600ms cubic-bezier(0.4, 0.0, 0.2, 1),
       transform 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
      pointer-events: none;
      font-weight: 400;
      font-size: calc(var(--base-font-size) * 0.9);
      text-indent: 0.75rem;
      letter-spacing: 0.0125rem;
      z-index: 9999;
  }
  
  .footnote_num {
      cursor: pointer;
      color: rgb(var(--link-color));
      height: 1em;
      width: 1em;
      display: flex;
      align-items: center;
      justify-content: center;
      z-index: 1;
      margin-left: 0.25em;
      font-variant: lining-nums;
      font-size: 0.9em;
      position: relative;
      bottom: 0.6rem;
      border-radius: 50%;
  }
  
  .footnote_block .footnote_content::before {
      --wght: 900;
      content: " ";
      position: absolute;
      font-size: 1em;
      top: -0.5em;
      left: -0.5em;
      font-weight: 900;
      color: rgb(var(--white-monochrome));
      background-color: rgb(var(--link-color));
      height: 1em;
      width: 1em;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 0.25em;
      font-variant: lining-nums;
      border-radius: 50%;
      text-indent: 0;
  }
  
  .footnote_block.one .footnote_content::before {
      content: "1";
  }
  
  .footnote_block.two .footnote_content::before {
      content: "2";
  }
  
  .footnote_block.three .footnote_content::before {
      content: "3";
  }
  
  .footnote_block.four .footnote_content::before {
      content: "4";
  }
  
  .footnote_block.five .footnote_content::before {
      content: "5";
  }
  
  
  .footnote_block.six .footnote_content::before {
      content: "6";
  }
  
  
  .footnote_block.seven .footnote_content::before {
      content: "7";
  }
  
  .footnote_block.eight .footnote_content::before {
      content: "8";
  }
  
  .footnote_block.nine .footnote_content::before {
      content: "9";
  }
  
  .footnote_block.ten .footnote_content::before {
      content: "10";
  }
  
  .footnote_block.eleven .footnote_content::before {
      content: "11";
  }
  
  .footnote_block.twelve .footnote_content::before {
      content: "12";
  }
  
  .footnote_block.thirteen .footnote_content::before {
      content: "13";
  }
  
  .footnote_block.fourteen .footnote_content::before {
      content: "14";
  }
  
  .footnote_num + span {
      transform: translateX(-25%);
      opacity: 0;
  }
  
  .footnote_num:hover + span {
      transform: translateX(0);
      opacity: 1;
  }
  
  @media (max-width: 1200px) {
      .footnote_content {
      		position: fixed;
      		bottom: 1em;
      		left: 12.5%;
      		background-color: rgba(var(--white-monochrome));
      		width: 75%;
      		max-width: 75vw;
      }
  }
  
  .document-main {
      position: relative;
  }
  
  .document-main > br {
      display: none;
  }
  
  .document-main > div {
      display: block;
      width: calc(100% - 3rem);
      background-color: rgb(var(--very-light-gray-monochrome), 1);
      padding: 0.75rem 0.75rem 0.5rem;
      margin: 1.5rem 0.5rem 0.5rem 0.5rem;
      border: 0.25rem rgb(var(--swatch-border-color)) solid;
      position: relative;
      line-height: 1.5;
      overflow-wrap: break-word;
      word-wrap: break-word;
      hyphens: auto;
      font-size: inherit;
  }
  
  .document-main > div > p:last-of-type {
      margin-bottom: 0;
  }
  
  .document-main > div::before {
      --wght: 600;
      content: " ";
      position: absolute;
      top: -1.25rem;
      left: -0.5rem;
      padding: 0.5em 0.5em;
      color: rgb(var(--white-monochrome));
      font-size: calc(12px + (14 - 12) * ( (100vw - 300px) / ( 800 - 300) ));
      font-family: var(--title-font);
      font-variant: all-petite-caps;
      font-weight: 600;
      letter-spacing: 0.05em;
      text-indent: 0;
      display: flex;
      line-height: 1;
      white-space: nowrap;
  }
  
  .document-main > div.sp-containment,
  .document-main > div.discovery,
  .document-main > div.description {
      background-color: rgba(var(--light-gray-monochrome),0.15);
      border-color: rgba(var(--swatch-primary-darkest),1);
  }
  
  .document-main > div.sp-containment::before,
  .document-main > div.discovery::before,
  .document-main > div.description::before {
      background-color: rgba(var(--swatch-primary-darkest),1)
  }
  
  .document-main > div.sp-containment::before {
      content: "Special Containment Procedures";    
  }
  
  .document-main > div.discovery::before {
      content: "Discovery";    
  }
  
  .document-main > div.description::before {
      content: "Description";
  }
  
  .document-main > .sp-containment > .sp-containment-image {
      grid-area: image;
      width: 15vw;
      float: right;
      padding-left: 1rem;
  }
  
  .document-main > .sp-containment > .sp-containment-image img {
      max-height: 110vh;
  }
  

  Pages using this styling

  • scp-4801 [info]

  ¶ 1 occurrence
  

  /* SITE HEADER */
   #header h1 a,
   #header h2 span{
       color: transparent;
       text-shadow: none;
  }
   #header h1 a::before{
       content: "The Avian Division";
       font-family: "Verdana", sans-serif;
  }
   #header h2 span::before{
       content: "Until we return to The Nest";
  }
  
  /* INFO BAR */
   #u-author_block{
       display: none;
  }
  
  /* FLOPS HEADER */
   .disruptionHeader{
       display: none !important;
  }
  
  /* DIV BLOCKS */
   .warning-notice.tacTheo{
       background-color: hsl(11, 89%, 85%);
       background-image: url(https://scp-wiki.wdfiles.com/local--files/scp-4795/DoTT_trans.png);
       background-size: 75%;
  }
   .warning-notice.avian {
       background-color: hsl(45, 89%, 80%);
       background-image: url(https://scp-wiki.wdfiles.com/local--files/bird/avian-division-logo-transparent.png);
       background-size: 75%;
  }

  Pages using this styling

  • scp-4795 [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css?family=Caveat&display=swap');
  
  div#page-title::after {
    content: "by Yossipossi";
    font-size: 50%;
    color: #888;
    padding-left: 5px;
  }
  

  Pages using this styling

  • scp-4792 [info]

  ¶ 1 occurrence
  

  #page-title {display: ;}
  .footnotes-footer {display:none;}

  Pages using this styling

  • scp-4791 [info]

  ¶ 1 occurrence
  

  /* HEADER */
   :root{
       --header-title: "AD ASTRA PER ASPERA";
       --header-subtitle: "To the Stars Through Hardship";
       --titleColor: hsl(0, 0%, 93%);
       --subtitleColor: hsl(34, 100%, 75%);
       --lgurl: url(https://scp-wiki.wdfiles.com/local--files/component:pride-highlighter/tg_logo_blk.svg);
  
     /* ---- BETTERFOOTNOTES ---- */
       --posX: calc(50% - 358px - 13rem);
       --fnLinger: 1.5s;
       --fnColor: hsl(40, 100%, 62%);
  }
   #header h1 a::before{
       text-shadow: 4px 4px 4px hsla(0, 0%, 0%, .8);
  }
   #header h2::before{
       text-shadow: 3px 3px 3px hsla(0, 0%, 0%, .9);
  }
   #header h1 a::before,
   #header h2::before{
       font-family: "Exo", sans-serif;
  }
   #page-title{
       display: none;
  }
   .meta-title{
       color: hsl(33, 100%, 69%);
       border-color: hsl(34, 100%, 75%);
  }
  
  /* SIDE-BAR */
   #top-bar .open-menu a{
       color: hsl(33, 100%, 69%);
       background: hsl(214, 48%, 12%);
       border-color: hsl(33, 100%, 69%);
  }
  
  /* INFO BAR */
   .info-container{
       --barColour: hsl(353, 52%, 24%);
       --linkColour: hsl(33, 100%, 69%);
  }
  
  /* FLOPS HEADER */
   .itemInfoHeading{
       color: hsl(33, 100%, 69%);
  }
  
  /* ---- BETTERFOOTNOTES ---- */
   .fnnum{
       font-size: .95em;
  }
   .fncon{
       background: hsl(215, 48%, 20%);
       border-color: hsl(33, 100%, 69%);
  }
   .fncon::before{
       color: black;
  }
   .fnnum:hover + .fncon{
       right: calc(-8vw - 4rem);
  }
  
  /* TABLES */
   .attachment table.wiki-content-table tr th{
       font-family: var(--mono-font);
       font-size: 150%;
  }
  
  /* COLLAPSIBLE BLINK */
   .collapsible-block-link{
       font-family: var(--mono-font);
       font-size: 1.365em;
  }
   #page-content .collapsible-block-folded a.collapsible-block-link{
       animation: blink .8s ease-in-out infinite alternate;
  }
   @keyframes blink{
       0%{
          color: transparent;
      }
       50%, 100%{
          color: hsl(33, 100%, 69%);
      }
  }
   .h-span.fakeCollapsible{
       font-family: var(--mono-font);
       font-size: 1.365em;
       letter-spacing: .3px;
  }
  
  /* DIV BLOCKS */
   .o5{
       width: 85%;
       margin: 1em 5% 5%;
       padding: 1em;
  
       background: hsl(220, 47%, 18%) url(https://scp-wiki.wdfiles.com/local--files/scp-4790/o5-command-trans.png) center no-repeat;
       border: 1px solid hsl(33, 100%, 69%);
  
       font-family: var(--mono-font);
       font-size: 120%;
  }
   .o5 hr{
       border-top-color: hsl(33, 100%, 69%);
  }
   .blockquote.forget{
       display: inline-block;
       width: 50%;
       margin: 5em 0;
  }
  
  /* FOOTING */
   .footing,
   .footing::before{
       border-color: hsl(34, 100%, 75%);
  }
  
  /* LICENSEBOX */
   .licensebox .collapsible-block-link{
       animation: none !important;
       color: hsl(40, 100%, 62%);
  }

  Pages using this styling

  • scp-4790 [info]

  ¶ 1 occurrence
  

  
  div.info-container > div.collapsible-block {
      padding: 0 !important;
      margin: 0 !important;
      box-shadow: none !important;
  }
  
  

  Pages using this styling

  • scp-4786 [info]

  ¶ 1 occurrence
  

  :root {
      --header-title: "Parazoology";
      --header-subtitle: "Division";
      --logo-image: url("https://scp-wiki.wikidot.com/local--files/scp-4347/1572269486726.png");
  
      --pale-accent: 40, 230, 60;
      /* light red, for visited links */
      --bright-accent: 0, 133, 5;
      /* bright red */
      --medium-accent: 46, 100, 44;
      /* medium red - the "default" accent color */
      --dark-accent: 3, 100, 15;
      /* dark red */
      --alt-accent: 102, 221, 17;
      /* pale orange, for newpage links */
  }

  Pages using this styling

  • scp-4778 [info]

  ¶ 1 occurrence
  

  #page-content .collapsible-block-folded a.collapsible-block-link {
      animation: blink 0.5s ease-in-out infinite alternate;
  }
  #page-title {
      display: none;
  }
  @keyframes blink {
      0% { color: transparent; }
      50%, 100% { color: #b01; }
  }

  Pages using this styling

  • scp-4773 [info]

  ¶ 1 occurrence
  

  #page-content blockquote {
    border: 2px double #999;
    background-color: #f4f4f4;
  }
  a.collapsible-block-link { font-weight: bold; }
  .collapsible-block {  
    text-align: center;
  }
  .collapsible-block-content {
    text-align: justify;
  }
  .roundhr {
    border-bottom: 7px solid #AAAAAA;
    clip-path: polygon(
      0% .25em,
      .25em 0%,
      calc(100% - .25em) 0%,
      100% .25em,
      100% calc(100% - .25em),
      calc(100% - .25em) 100%,
      .25em 100%,
      0% calc(100% - .25em)
      );
  }
  ::-webkit-scrollbar-thumb {
    background: #6a6c6e;
  }

  Pages using this styling

  • scp-4755 [info]

  ¶ 1 occurrence
  

  @keyframes fade-in {
      0% {opacity: 0;}
      50% {opacity: 0;}
      100% {opacity: 1;}}
  
  .hidden {color: transparent; transition: 1s;}
  .hidden:hover {color: inherit; transition: 1.5s;}
  
  /* Credit to James Kanjo for the inline hover tip CSS, found here:
  http://community.wikidot.com/howto:inline-hover-tips */
  
  .hover {color: inherit; transition: 1s;}
  .hover:hover {color: transparent; transition: 1s;}
  .hover span {display: none;}
  .hover:hover span {position: absolute; display: inline; background-color: transparent; color: #333; animation: fade-in 1.5s;}
  .hover:hover span span {position: relative;}

  Pages using this styling

  • scp-4746 [info]

  ¶ 1 occurrence
  

  #breadcrumbs {
    display: none;
  }
  
  #page-content a {
    font-weight: bold;
  }
  .excerpt hr {
    margin: 50px auto
  }
  #page-content blockquote {
    margin-top: 25px;
    margin-bottom: 25px;
  }
  .collapsible-block-link, .collapsible-block-unfolded-link, .collapsible-block-folded {
    text-align: center;
  }
  .collapsible-block {
    margin-top: 50px;
  }
  .collapsible-block-unfolded-link {
    margin-bottom: 50px;
  }
  .collapsible-block-folded, .collapsible-block-unfolded-link {
    font-size: 125%;
  }
  .dialogue {
    margin: 25px 0;
    padding-left: 2%;
    border-left: 3px solid white;
  }
  span:not([class]):not([style]) > sup.footnoteref:first-child > a.footnoteref:before,
  sup.footnoteref > a.footnoteref:before {
    content: "[";
  }
  span:not([class]):not([style]) > sup.footnoteref:first-child > a.footnoteref:after,
  sup.footnoteref > a.footnoteref:after {
    content: "]";
  }
  .linkbox {
    margin: 125px 0 0 0;
    font-size: 115%;
    display: inline-block;
    font-weight: bold;
  }

  Pages using this styling

  • scp-4736 [info]

  ¶ 1 occurrence
  

  
  :root{
       --titleColor: hsl(0, 0%, 95%);
       --subtitleColor: hsl(60, 62%, 85%);
       --lgurl: url(https://scp-wiki.wikidot.com/local--files/scp-4718/unknown.png);
  }
  
   #header::before{
       position: absolute;
       width: 100%;
       height: 100%;
       content: "";
   
       background-image: var(--lgurl);
       background-position: center top;
       background-repeat: no-repeat;
       background-size: auto 8.5em;
       margin-top: 0.5em;
       opacity: .46;
  }
   
  #header h1 a::before {
      content: var(--header-title, "SCP Foundation");
  }
  
  #header h2::before {
      content: var(--header-subtitle, "Secure, Contain, Protect");
  }
  
  #header h1 a::before{
       text-shadow: 4px 4px 4px hsla(0, 0%, 0%, .8);
  }
  
   #header h2::before{
       text-shadow: 3px 3px 3px hsla(0, 0%, 0%, .9);
  }
  
   #header h1 a::before{
       font-family: BauhausLTDemi, 'Nanum Gothic', Arial, sans-serif;
       font-size: 115%;
  }
  
   #header h2::before{
       font-family: 'Trebuchet MS', Arial, sans-serif;
  }
  

  Pages using this styling

  • scp-4718 [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css?family=Blinker&display=swap');
  
  * {
    font-family: 'Blinker';
    transition-duration: 0.5s;
  }
  
  /* Tooltips */
  .hovertip {
    transition-duration: 0s !important;
  }
  
  /* Images */
  img.image:hover {
    transform: scale(1.25);
    filter: drop-shadow(0px 0px 10px rgba(0,0,0,0.9));
  }
  
  /* Rating Module */
  .rateup, .ratedown {
    background-color: white !important;
  }
  .rateup:hover, .ratedown:hover {
    background-color: #ddd !important;
  }
  .rateup > a, .ratedown > a {
    background-color: transparent !important;
    color: green !important;
  }
  
  .cancel {
    background-color: white !important;
  }
  .cancel:hover {
    background-color: #ddd !important;
  }
  .cancel > a {
    background-color: transparent !important;
    color: red !important;
  }
  
  .page-rate-widget-box .rate-points {
    background-color: white !important;
    color: red !important;
    text-transform: uppercase;
    font-weight: normal !important;
  }
  
  .page-rate-widget-box {
  /*  border-radius: 0px; */
  }
  
  /* Tabs */
  .yui-navset > ul > li > a {
    transition-duration: 0s !important;
  }
  

  Pages using this styling

  • scp-4707 [info]

  ¶ 1 occurrence
  

  :root{
  --cutColour: #fafafa;
  --barColour: #590505;
  }
  
  .info-container .collapsible-block-folded a{
  color: #FFF;}
  .info-container .collapsible-block-unfolded-link a{
  color: #FFF;}
  
  .antimeme {-webkit-filter: blur(4px);
  filter: blur(4px);
  }

  Pages using this styling

  • scp-4693 [info]

  ¶ 1 occurrence
  

  
  .proposal {
  border:solid 1px #999999;
  background:#fff7e5;
  padding:5px;
  margin-bottom:10px;
  }
  
  .revision {
  border:solid 1px #999999;
  background:#e5ffe5;
  padding:5px;
  margin-bottom:10px;
  }
  
  .report {
  border:solid 1px #999999;
  background:#f5f5f5;
  padding:5px;
  margin-bottom:10px;
  }
  
  .email {float: center; border: solid 2px #000000; background:#ffffff; width: 88%; padding: 1px 15px; margin: 10px 10px 10px 10px; box-shadow: 0 1px 3px rgba(0,0,0,.5)}
  .tofrom {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px maroon}
  

  Pages using this styling

  • scp-4659 [info]

  ¶ 1 occurrence
  

  .email {float: center; border: solid 2px #000000; width: 88%; padding: 1px 15px; margin: 10px 10px 10px 10px; box-shadow: 0 1px 3px rgba(0,0,0,.5)}
  .tofrom {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px maroon}
  .nobleletter {float: center; margin: 10px 10px 10px 10px; border: outset 3px black; background: #FFF8E7; border-radius: 5px; padding: 5% 10px 10% 10px; font-family: "Times New Roman"}
  .lastletter {margin-right: 10px; border: groove 1px #000000; background: #FFFFFF; border-radius: 3px; padding: 10% 10px 10% 10px}
  

  Pages using this styling

  • scp-4653 [info]

  ¶ 1 occurrence
  

  
  @media screen and (prefers-reduced-motion: no-preference) {
    .calibold-wrap,
    .calibold {
      animation-name: jumpscare;
      animation-duration: 2s;
      animation-iteration-count: 1;
      animation-timing-function: ease-out;
      animation-fill-mode: backwards;
    }
  }
  
  @keyframes jumpscare {
    from {
      opacity: 0;
      transform: scale(0,0);
    }
    to {
      opacity: 1;
      transform: scale(1,1);
    }
  }
  
  .calibold-wrap {
      animation-delay: 3600s;
      position: fixed;
      top: 10%;
      left: 50%;
      z-index: 20;
      width: 302px;
      text-align: center;
  }
  
  #page-content .calibold-wrap .collapsible-block-folded .collapsible-block-link {
      opacity: 0;
  }
  
  .calibold {
      animation-delay: 3600s;
      position: fixed;
      z-index: 20;
      background-image: url("https://scp-wiki.wdfiles.com/local--files/component%3Acustomizable-acs/calibold-jumpscare.png");
      height: 457px;
      width: 302px;
      text-align: center;
  }
  
  .calibold p {
      line-height: 457px!important;
  }
  

  Pages using this styling

  • scp-4645 [info]

  ¶ 1 occurrence
  

  table.wiki-content-table td:nth-of-type(1) {
   width:15%;
  }
  
  table.wiki-content-table td:nth-of-type(2) {
   width:30%;
  }
  
  .icepick-author { 
      display: none; 
  }
  

  Pages using this styling

  • scp-4633 [info]

  ¶ 1 occurrence
  

  .footnoteref{
  color: #FF5555;
  }
  .danke{
  padding: 5px 5px 5px 15px;
  margin: auto;
  margin-top:1em;
  margin-bottom:1em;
  width: auto;
  font-family: monospace;
  font-size: 1em;
  }
  
  .red{
  background-color:#220000;
  border: 3px solid #AA5555;
  color: #dd1f1b;
  }
  
  .blue{
  background-color:#000022;
  border: 3px solid #5555AA;
  color: #0076fd;
  }

  Pages using this styling

  • scp-4632 [info]

  ¶ 1 occurrence
  

  .email {float: center; border: solid 2px #000000; width: 88%; padding: 1px 15px; margin: 10px 10px 10px 10px; box-shadow: 0 1px 3px rgba(0,0,0,.5)}
  a.collapsible-block-link { font-weight: bold; }
  .tofrom {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px maroon}

  Pages using this styling

  • scp-4632 [info]

  ¶ 1 occurrence
  

  .page {
      display: block;
      overflow: hidden;
      font-family: "Monotype Corsiva", "Bradley Hand ITC", sans-serif;
      font-style: normal;
      font-size: 22px;
  
      background-attachment: scroll;
      background-clip: border-box;
      background-color: transparent;
      background-image: linear-gradient(to top ,rgb(202, 219, 228) 0%, rgb(231, 233, 220) 8%);
      background-origin: padding-box;
      background-position: 0px 8px;
      background-repeat: repeat;
      background-size: 100% 20px;
  
      border: 1px solid #CCC;
      border-radius: 10px;
      padding: 10px 10px;
      margin-bottom: 10px;
  
      box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2)
      }
  
  .page p,
  .page ul {
      line-height: 20px;
      margin: 0;
  }
  .text {
  font-family: "Verdana";
  }
  

  Pages using this styling

  • scp-4625 [info]

  ¶ 1 occurrence
  

  .overwatch_memo {background: url(https://scp-wiki.wikidot.com/local--files/theme:basalt/ETTRA_LIGHTLOGO.png) #e3e3e3;background-size: contain;background-position: top center;background-repeat: no-repeat;font-family: 'Work Sans', sans-serif;box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);width: 90%;min-height: 4rem;max-height: 100rem;margin-left: auto;margin-right: auto;text-align: center;padding: 10px 30px 20px 20px;word-break: break-word;}
  .vidlog{border:solid 2px #d4d4d4;text-align: left;background:#F5F5F5;width:90%;padding:1px 15px;margin: 10px auto;}
  .anom-bar > .bottom-box::before { display: none; }
  .anom-bar > .bottom-box { box-shadow: none!important; }
  div.diamond-part { clip-path: none; animation: none; box-shadow: none!important; }
  @media (max-width: 480px) {div.top-right-box { clip-path: polygon(0% -30%, 100% -30%, 100% 130%, 0% 130%); }}
  .footnotes-footer {visibility: hidden;height: 0;padding: 0;margin: 0;}
  #page-title {display: none;}

  Pages using this styling

  • scp-4620 [info]

  ¶ 1 occurrence
  

  :root {
      --header-title: "SCP Foundation";
      --header-subtitle: "Student-Coaching Personnel";
  }
  
  .scp-image-block.block-right { margin: 1em 2em 1em 1em; }
  
  #page-title{display:none}
  

  Pages using this styling

  • scp-4618 [info]

  ¶ 1 occurrence
  

  .orderwrapper {position: relative;width: auto;text-align: center;}.council1 {position: relative;top: 0;bottom: 0;left: 0;right: 0;width: 295px;height: 295px;margin: auto;background-image: url( "https://kaktuskontainer.wdfiles.com/local--files/format-hell/scp_trans.png" );background-size: 295px 295px;background-repeat: no-repeat;background-position: center;}.ordertitle {position: absolute;left: 0;right: 0;top: 38px;}.ordertitle h1 {font-size: 220%;color: #555;}.orderdescription {position: absolute;left: 0;right: 0;top: 85px;width: 100%;}.orderdescription p {font-size: 90%;color: #555;}.orderdescription h1 {font-size: 120%;color: #555;}.itemno {position: absolute;left: 0;right: 0;bottom: 27px;}.itemno h1 {font-size: 170%;color: #555;}
  

  Pages using this styling

  • scp-4612 [info]

  ¶ 1 occurrence
  

  .page {
      display: block;
      overflow: hidden;
      font-family: "Monotype Corsiva", "Bradley Hand ITC", cursive;
      font-style: normal;
      font-size: 1.2em;
  
      background-attachment: scroll;
      background-clip: border-box;
      background-color: transparent;
      background-image: linear-gradient(to top ,rgb(202, 219, 228) 0%, rgb(231, 233, 220) 8%);
      background-origin: padding-box;
      background-position: 0px 8px;
      background-repeat: repeat;
      background-size: 100% 20px;
  
      border: 1px solid #CCC;
      border-radius: 10px;
      padding: 10px 10px;
      margin-bottom: 10px;
  
      box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2)
      }
  .page p {
      line-height: 20px;
      margin: 0;
  }

  Pages using this styling

  • scp-4612 [info]

  ¶ 1 occurrence
  

  :root {
      --logo-image: url("https://scp-wiki.wdfiles.com/local--files/grigori-karpin-s-author-page/ProjectHecaWhiteSmall");
      --header-title: "Prov. Site-91";
      --header-subtitle: "Xenobiological Research";
  }
  
  /* Adjust Mobile Image Size */
  @media (max-width: 479px) {
  #header {
      background-size: 100px 100px;
      background-position: 1em;
  }
  }

  Pages using this styling

  • scp-4612 [info]

  ¶ 1 occurrence
  

  .icepick-author { 
      display: none; 
  }
  

  Pages using this styling

  • scp-4611 [info]

  ¶ 1 occurrence
  

  .footnoteref{
  color: #FF5555;
  }
  .danke{
  padding: 5px 5px 5px 15px;
  margin-bottom:10px;
  width: 100%;
  font-family: monospace;
  font-size: 1.5em; }
  
  .agent{
  background-color:#D3D3D3;
  border: 3px solid #000000;
  color: #000000;
  }
  
  .site{
  background-color:#000000;
  border: 3px solid #AAAA55;
  color: #DDDD77;
  }

  Pages using this styling

  • scp-4593 [info]

  ¶ 1 occurrence
  

  div.terminal{
      border: 1px solid black;
      border: solid 3px #BBBBBB;
      border-radius: 16px;
      background-color: #131;
  /* black shadow at the top of the terminal */
      background-image: 
          radial-gradient(ellipse 1000% 100% at 50% 90%, transparent, #121);
      background-position: center;
      display: block;
  /* shadow around the terminal */
      box-shadow: inset 0 0 10em 1em rgba(0,0,0,0.5);
  /* prevents scanline from forming a scrollwheel */
      overflow:hidden;
  }
  div.terminal blockquote {
      background-color: black;
      border: double 3px #80FF80
  }
  div.scanline{
      margin-top: -40%;
      width: 100%;
      height: 60px;
      position: relative;
      pointer-events: none;
  /* Safari 4.0 - 8.0 */
      -webkit-animation: scan 12s linear 0s infinite; /* You may need to change this. If the bar goes by too quickly, increase 5s. */
      animation: scan 12s linear 0s infinite; /* Same as above */
      background: linear-gradient(to bottom, rgba(56, 112, 82,0), rgba(56, 112, 82,0.1)) !important;
  }
  
  div.text{
      color: rgba(128,255,128,0.8);
      padding-left: 2em;
      padding-top: 40%;
      font-family: monospace;
      font-size: 1.2em;
      }
  
  /* Safari 4.0 - 8.0 */
  @-webkit-keyframes scan{
      from{ transform: translateY(-10%);}
      to{  transform: translateY(5000%);} /* You may need to change this depending on the length of your terminal. If the scanline stops halfway, increase the second number.*/
  }
  
  @keyframes scan{
      from{ transform: translateY(-10%);}
      to{  transform: translateY(5000%);} /* Same as above.*/
  }
  
  div.text a {
      color: #90EE90;
      text-decoration: none;
      background: transparent;
  }
  div.text a.newpage {
      color: #90EE90;
      text-decoration: none;
      background: transparent;
  }
  div.text a:hover {
      color: #131;
      text-decoration: underline;
      background-color: #80FF80;
      padding: 1px;
  }
  div.text a:hover::before{
  content: "> ";
  }

  Pages using this styling

  • scp-4592 [info]

  ¶ 1 occurrence
  

  #page-content > table > tbody > tr > th:nth-child(1) {
      min-width: 7em;
  }

  Pages using this styling

  • scp-4590 [info]

  ¶ 1 occurrence
  

  .note {
   background: url(http://scp-wiki.wdfiles.com/local--files/the-great-hippo/SCP_icon%281%29.png) top
   right no-repeat;
   color: black;
   letter-spacing: 0.02em;
   float: center;
   border: solid 1px #000000;
   padding: 25px 35px 35px 35px !important;
   box-shadow: 0 1px 3px rgba(0,0,0,.2);
   width: 74%;
   margin: 2% 4% 4% 4%;
  }
  @keyframes blink {
      0% { color: transparent; }
      50%, 100% { color: #b01; }
  }
  
  blockquote {
  background-color: #f4f4f4;
  }
  
  table.wiki-content-table td {
  padding: 12px;
  }
  

  Pages using this styling

  • scp-4584 [info]

  ¶ 1 occurrence
  

  
  span.notice {
  font-weight: bold;
  font-size: 120%;
  font-family: "Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica;
  margin: 0.5em 0 0.4em;
  padding: 0;
  letter-spacing: 1px;
  }
  
  .email-example .collapsible-block-folded a.collapsible-block-link {
      animation: blink 0.8s ease-in-out infinite alternate;
  }
  @keyframes blink {
      0% { color: transparent; }
      50%, 100% { color: #b01; }
  }
  .email {border: solid 2px #000000; width: 88%; padding: 1px 15px; margin: 10px; box-shadow: 0 1px 3px rgba(0,0,0,.5)}
  .email-example a.collapsible-block-link {font-weight: bold;}
  

  Pages using this styling

  • scp-4581 [info]

  ¶ 1 occurrence
  

  
  @import url('https://fonts.googleapis.com/css?family=Exo+2|Just+Another+Hand|Lexend+Peta|Nunito|Playfair+Display|Roboto+Mono|Saira+Stencil+One|Electrolize&display=swap');/* General-purpose font imports */
  
  .text {
      font-family: 'Exo 2', sans-serif;
      font-size: 1.2em;
  } 

  Pages using this styling

  • scp-4579 [info]

  ¶ 1 occurrence
  

  .document {
  display: inline-block;
  border-radius: 10px;
  border:solid 1px #ccc;
  background:#f0f0f0;
  width:96.5%;
  padding: 10px;
  box-shadow: 0 2px 4px rgba(68, 68, 68, .5);
  }

  Pages using this styling

  • scp-4577 [info]

  ¶ 1 occurrence
  

  .raisa_box{
  border:solid 1px #252525; 
  background:#f2f2c2; 
  padding: 5px; 
  margin-bottom: 10px;
  }
  
  div.resize img{
  width: auto;
  height: 150px;
  float: left;
  margin: 5px;
  }
  
  div.resizesm img{
  width: auto;
  height: 125px;
  float: left;
  margin: 5px;
  }
  
  

  Pages using this styling

  • scp-4575 [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.bunny.net/css?family=Lexend+Deca&display=swap');
  
  .au-credit {
      text-align: right;
      margin-right: 2em;
      margin-top: -10px;
  }
  
  #page-content .creditRate {
      margin-bottom: 0;
  }
  
  div.aapa {
      background-color: #1b304d;
      border: .19em solid #ffb961;
      border-radius: .625em;
      padding: 0em 1em;
      margin: 1em 0em;
  }
  
  div.aapa strong {
      color: #ffb961;
  }
  
  span.orto {
      font-family: 'Lexend Deca', sans-serif;
      color: #f0f0f0;
      word-break: unset;
  }
  
  .wiki-content-table td {
      text-align: center;
  }
  
  .kclass tr td:last-child {
      text-align: left;
  }
  
  .kclass tr th {
      padding: 1em;
  }
  
  @media (max-width: 767px) {
      .scp-image-block.block-right {
          float: none;
          margin: auto;
      }
  }

  Pages using this styling

  • scp-4547 [info]

  ¶ 1 occurrence
  

  
  .scp-image-block {
      align-items: inherit;
  }
  

  Pages using this styling

  • scp-4543 [info]

  ¶ 1 occurrence
  

  .translation_block{
  display:none;}
  #u-author_block{
  display:none;}

  Pages using this styling

  • scp-4541 [info]

  ¶ 1 occurrence
  

  
  table.wiki-content-table td {
      padding: 0.9em 1.3em;
  }

  Pages using this styling

  • scp-4540 [info]

  ¶ 1 occurrence
  

  :root {
      --fnColor: #f0cc00;
  }

  Pages using this styling

  • scp-4536 [info]

  ¶ 1 occurrence
  

  .contain-class .class-text {
    color: transparent !important;
  }
  
  .contain-class .class-text::before {
    content: "euclid";
    position: absolute;
    top: 0;
    color: rgba(var(--black-monochrome),1) !important;
  }
  
  .anom-bar-container.esoteric .text-part > .main-class::before {
    background-color: rgba(var(--three-color),1);
    background-image: url("https://scp-wiki.wikidot.com/local--files/component:anomaly-class-bar/euclid-icon.svg");
    -webkit-filter: invert(0);
    filter: invert(0);
    border-color: rgb(var(--black-monochrome));
  }
  
  .anom-bar-container.esoteric .text-part > .main-class {
    background-color: rgb(var(--white-monochrome));
    background: linear-gradient(30deg,
      rgb(var(--gray-monochrome),0.25) 0%,
      rgb(var(--gray-monochrome),0.25) 50%,
      rgb(var(--three-color),0.25) 50%,
      rgb(var(--three-color),0.25) 50%
    )
  }
  
  .anom-bar-container.esoteric .danger-diamond > .top-icon::before {
    background-color: rgb(var(--three-color));
    background-image: url("https://scp-wiki.wikidot.com/local--files/component:anomaly-class-bar/euclid-icon.svg");
    -webkit-filter: invert(0);
    filter: invert(0);
  }

  Pages using this styling

  • scp-4531 [info]

  ¶ 1 occurrence
  

  
  @import url('https://fonts.googleapis.com/css?family=Exo+2|Just+Another+Hand|Lexend+Peta|Nunito|Playfair+Display|Roboto+Mono|Saira+Stencil+One|Electrolize|Schoolbell&display=swap');  /* General-purpose font imports */
  
  .text {
      font-family: 'Exo 2', sans-serif;
      font-size: 1.2em;
  } 
  .logEntry {
      background-color: #b8bbbf;
      text-align: left;
      font-size: 1em;
      padding: 10px;
      display: block;
      width: 80%;
      display: block;
      margin: 15px auto 15px auto;
  } 
  .pageBreak {
      text-align: center;
      display: block;
      font-family: 'Saira Stencil One', serif;
      font-size: 1.3em;
  }
  
  #page-content .collapsible-block-folded a.collapsible-block-link {
     font-weight: bold;
     margin: auto;
  } 
  
  .collapsible {
      border:solid 2px #999999;
      background:#F5F5F5;
      width:84%;
      padding:1px 15px;
      margin: 10px auto;
  }
  
  .writtenNote {
   font-family: 'Schoolbell', cursive;
   text-align: left;
   font-size: 1em;
   background-color: ##f0f0f0;
   padding: 20px;
   margin: auto;
   border: solid 5px;
   width: 80%;
   border-radius: 20px;
   border-color: #000000;
  } 
  
  .incident {
  text-align: left;
  }
  
  

  Pages using this styling

  • scp-4527 [info]

  ¶ 1 occurrence
  

  div.scale {
      --woedbar-thaumiel-color: rgb(0, 209, 66); 
      --woedbar-lvl6-color: rgb(0, 209, 66);
  }

  Pages using this styling

  • scp-4523 [info]

  ¶ 1 occurrence
  

  .prompt{
      border: 2px solid rgb(var(--mutant-green));
      width: 350px;
      margin-right: auto;
      padding: .33rem 1rem;
      background-color: rgb(var(--pitch-black));
      color: limegreen;
  }
  
  .altprompt{
      border: 2px solid rgb(var(--silver-lining));
      width: 350px;
      margin-left: auto;
      padding: .33rem 1rem;
      background-color: rgb(var(--pitch-black));
      color: lightgrey;
  }
  
  .w3-grey, .w3-hover-grey:hover, .w3-gray, .w3-hover-gray:hover {
      color: #000;
      background-color: rgb(0, 209, 66);
  }
  
  .w3-border {
      border: 3px solid rgb(0, 209, 66);
      background-color: rgb(12 12 12);
  }
  
  .chat{
      border: 2px solid rgb(var(--mutant-green));
      width: 350px;
      margin-left: auto;
      padding: .33rem 1rem;
      background: rgb(var(--dark-midnight));
      color: limegreen;
      margin-bottom: 0.45rem;
  }

  Pages using this styling

  • scp-4523 [info]

  ¶ 1 occurrence
  

  .anom-bar-container, .anom-bar-container * {
      --wght: 400;
      font-family: var(--body-font);
      font-weight: 400;
  }

  Pages using this styling

  • scp-4522 [info]

  ¶ 1 occurrence
  

  [id*="toc"] {
      text-align: center;
  }
  
  h1, h2, h3, h4, h5, h6 {
      --wght: 400;
      font-family: var(--body-font);
      font-weight: 400;
  }
  
  #page-content > br:first-of-type {
      display: none;
  }
  
  .center-header {
      --wght: 900;
      font-size: 125%;
      font-family: var(--title-font);
      font-weight: 900;
      display: flex;
      height: auto;
      text-align: center;
      background-color: rgb(var(--bright-accent));
      background-image: url(https://scp-wiki.wdfiles.com/local--files/theme:ch-scp-theme/subtle_white_mini_waves.png);
      background-blend-mode: screen;
      color: rgb(var(--white-monochrome));
      padding: 0.25em;
      justify-content: center;
      align-items: center;
  }
  
  .scp-image-block.block-right {
      margin: 0em 0 1em 2em;
  }
  
  .scp-image-block.block-left {
      margin: 2em 2em 1em 1em;
  }
  
  .scp-image-block img {
      min-width: 100%;
      border: 0.5rem solid rgba(var(--pale-gray-monochrome));
      box-sizing: border-box;
  }
  
  div.notebox {
      width: 90%;
      margin: 0 auto;
      background: rgba(var(--white-monochrome),0.15);
      text-align: center;
      border: 0.0625rem dashed rgb(var(--dark-accent));
      padding: 1em;
      font-size: 90%;
  }
  
  div.discbox [id*="toc"] {
      text-align: center;
      background: rgb(var(--bright-accent));
      color: rgb(var(--white-monochrome));
      margin-top: 0;
      background-image: url(https://scp-wiki.wdfiles.com/local--files/theme:ch-scp-theme/subtle_white_mini_waves.png);
      background-blend-mode: screen;
  }
  
  div.discbox [id*="toc"] a[id*="footnoteref"] {
      color: rgb(var(--white-monochrome));
  }
  
  div.discbox {
      border: 0.25rem solid rgb(var(--bright-accent));
      padding: 0.5em;
      margin: 0.5em;
  }
  
  div.notebox *,
  div.discbox * {
      box-sizing: border-box;
  }
  
  /* Report Code */
  
  div.fnd_report,
  div.fnd_testing,
  div.fnd_chreport {
      border: 0.125rem dotted rgba(var(--gray-monochrome),0.5);
      display: flex;
      flex-wrap: wrap;
      background-color: rgba(var(--gray-monochrome),0.06);
      border-radius: 1rem;
      overflow: hidden;
      position: relative;
  }
  
  div.fnd_chreport {
      background: url("https://scp-wiki.wdfiles.com/local--files/scp-4522/scpchlogo_invsm.png");
      background-repeat: no-repeat;
      background-size: auto;
      background-position: left 0.5rem top 0.5rem;
      border-radius: 0;
  }
  
  div.fnd_report::before,
  div.fnd_testing::before,
  div.fnd_chreport::before  {
      content: " ";
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: url("https://scp-wiki.wdfiles.com/local--files/theme:ch-scp-theme/subtle_white_mini_waves.png");
      z-index: 1;
      pointer-events: none;
      mix-blend-mode: screen;
  }
  
  div.fnd_report,
  div.fnd_report *,
  div.fnd_testing,
  div.fnd_testing *,
  div.fnd_chreport,
  div.fnd_chreport * {
      box-sizing: border-box;
  }
  
  
  div.fnd_report div.header,
  div.fnd_report div.footer,
  div.fnd_testing div.header,
  div.fnd_chreport div.header {
      --wght: 500;
      display: flex;
      justify-content: center;
      align-items: center;
      height: auto;
      font-family: var(--header-font);
      font-size: 150%;
      font-weight: 500;
      border-bottom: 0.125rem dotted rgba(var(--gray-monochrome),0.5);
      width: 100%;
      background: rgba(var(--bright-accent),0.25);
      background-image: url(https://scp-wiki.wdfiles.com/local--files/scp-4522/IJAMEA_10.png);
      background-size: cover;
      text-align: center;
      line-height: 100%;
  }
  
  div.fnd_chreport div.header {
      background-image: initial;
      background: rgba(var(--dark-accent),0.25);
  }
  
  div.fnd_testing div.header {
      flex-direction: column;
      height: auto;
      border: 0px;
  }
  
  div.fnd_testing div.header p {
      margin: 0.25em 0;
  }
  
  div.fnd_report div.footer {
      padding: 0;
      height: auto;
  }
  
  div.fnd_report div.header > div.left,
  div.fnd_report div.footer > div.left {
      white-space: nowrap;
      padding: 0.5em;
  }
  
  div.fnd_report div.header > div.right,
  div.fnd_report div.footer > div.right {
      font-size: 70%;
      line-height: 100%;
      padding: 0.25em 0;
  }
  
  div.fnd_report div.report_text,
  div.fnd_testing div.report_text,
  div.fnd_chreport div.report_text {
      padding: 1em;
      width: 100%;
      border-top: 0.125rem dotted rgba(var(--gray-monochrome),0.5);
  }
  
  div.fnd_report div.compile, 
  div.fnd_report div.division, 
  div.fnd_report div.date_comp, 
  div.fnd_report div.date_disc, 
  div.fnd_report div.urgent,
  div.fnd_report div.useful,
  div.fnd_report div.collected,
  div.fnd_report div.approval {
      flex-grow: 2;
      flex-basis: 30%;
      max-width: 50%;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      text-align: center;
  }
  
  div.fnd_report div.collected,
  div.fnd_report div.approval {
      align-self: flex-start;
  }
  
  div.fnd_report div.compile > div, 
  div.fnd_report div.division > div, 
  div.fnd_report div.date_comp > div, 
  div.fnd_report div.date_disc > div, 
  div.fnd_report div.urgent > div,
  div.fnd_report div.useful > div,
  div.fnd_report div.collected > div,
  div.fnd_report div.approval > div {
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
  }
  
  div.fnd_report div.collected > div,
  div.fnd_report div.approval > div {
      padding: 0.5em;
  }
  
  div.fnd_report div.top {
      --wght: 500;
      text-transform: uppercase;
      text-align: center;
      font-weight: 500;
      font-size: 70%;
      background: rgba(var(--gray-monochrome),0.15);
      padding: 0.25em;
  }
  
  div.fnd_report div.bottom {
      flex-grow: 2;
  }
  
  #page-content ul {
      padding: 0 1em;
      width: calc(100% - 2em);
      list-style-position: inside;
      list-style: none;
  }
  
  #page-content ul li {
      padding: 0 0 1em 2em;
  }
  
  #page-content ul li::before {
      content: "•";
      color: rgb(var(--swatch-menubg-dark-color));
      font-family: var(--header-font);
      display: inline-block;
      width: 1em;
      margin-left: -1em;
  }
  
  div.report_text div.rec_record {
      width: 100%;
      display: flex;
      border-bottom: 0.125rem dotted rgba(var(--dark-accent));
  }
  
  div.report_text div.rec_record > div {
      padding: 1rem;
  }
  
  div.report_text div.rec_record div.timestamp {
      max-width: 4rem !important;
      text-decoration-skip-ink: auto;
      border-right: 0.125rem dotted rgba(var(--dark-accent));
      font-family: var(--mono-font);
      font-size: 80%;
  }
  
  div.report_text div.rec_record div.time_description.head {
      --wght: 500;
      display: flex;
      align-items: flex-end;
      font-size: 125%;
      font-family: var(--mono-font);
      font-weight: 500;
  }
  
  span.audio, span.video {
      display: inline-block;
      width: 100%;
      padding: 0;
      font-family: var(--mono-font);
      font-size: 90%;
  }
  
  span.video {
      padding-top: 1em;
  }
  
  /* collapsible block */
  
  #page-content > .collapsible-block {
      display: block;
      text-align: center;
      padding: 0.75em;
      background-color: rgba(var(--gray-monochrome),0.1);
      border-top: 0.125rem dashed rgba(var(--dark-accent),1);
      border-bottom: 0.125rem dashed rgba(var(--dark-accent),1);
  }
  
  #page-content > .collapsible-block .collapsible-block-content {
      text-align: left;
  }
  
  @media only screen and (max-width: 768px) {
  
      .scp-image-block.block-right,
      .scp-image-block.block-left {
      	margin: 1em 0 2em 1em;
      	padding: 0;
      }
  }

  Pages using this styling

  • scp-4522 [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css?family=Tinos&display=swap');
  @import url('https://fonts.googleapis.com/css?family=Architects+Daughter&display=swap');
  
  /* INFO BOX */
  sup{
      vertical-align: top;
      position: relative;
      top: -0.5em;
  }
  body{
      --cutColour: #fafafa;
      --barColour: #590505;
      color: rgb(12, 12, 12);
  }
  .translation_block, .u-faq, #u-author_block{ display: none; }
  
  /* SAPPHIRE FORMAT */
   .sapphire-block{
       border: 5px solid #0d0e26;
       background-color: #abafed;
       padding: 0 1em;
       margin: 1em 0;
   
       color: #222;
       font-family: 'Tinos', serif;
       font-size: 12.5pt;
       text-align: justify;
       word-break: unset;
  }
   .sapphire-block hr{
       background-color: #0d0e26;
       border: none;
       margin: auto;
       height: 2px;
       width: 100%;
  }
   .sapphire-heading-2,
   .sapphire-heading-3,
   .sapphire-heading-4{
       color: #151a61;
       font-weight: bold;
       word-break: unset;
       line-height: 120%;
  }
   .sapphire-heading-2{ font-size: 150%; }
   .sapphire-heading-3{ font-size: 130%; }
   .sapphire-heading-4{ font-size: 120%; }
  
  /* MIMIC BLOCKQUOTE */
   div.quote-block, blockquote{
       border: 3px double #999;
  }
   div.quote-block{
       background-color: #f4f4f4;
       padding: 0 1em;
       margin: 1em 3em;
  }
   @media (max-width: 479px){
       div.quote-block{ margin: 1em 0; }
  }
   @media (min-width: 480px) and (max-width: 580px){
       div.quote-block{ margin: .5em; }
  }
  
  /* DIV BLOCK */
  .report-box{
      border: 2px solid rgb(12, 12, 12);
      background-color: white;
      padding: 0 1em;
      margin: 1em 0;
  }
  .report-box hr{ background: rgb(12, 12, 12); }
  
  /* JOURNALS */
   .journal{
       font-family: 'Architects Daughter', cursive;
       font-style: normal;
  
       background-attachment: scroll;
       background-clip: border-box;
       background-color: transparent;
       background-image: linear-gradient(to top, rgb(202, 219, 228) 0%, rgb(235, 235, 219) 8%);
       background-origin: padding-box;
       background-position: 0 8px;
       background-repeat: repeat;
       background-size: 100% 1.375rem;
      
       border: 1px solid #ccc;
       border-radius: 0.769em;
       padding: 0.769em;
       margin-bottom: 0.769em;
       box-shadow: 0 1px 3px rgba(0,0,0,.2);
  }
   .journal p{
       line-height: 1.375rem;
       margin: 0;
  }
  
  /* FORMATTING */
  .collapsible-block-link{ font-weight: bold; }
  hr{
      display: block;
      border: 0;
      padding: 0;
      margin: 1em 0;
      height: 1px;
  }
  .lite-header hr{
      display: block;
      border: none;
      background-color: #e6e6e6;
      margin: auto;
      height: 2px;
      width: 45%;
  }
  .h2, .h3{
      margin: 0.5em 0 0.4em;
      padding: 0;
      letter-spacing: 1px;
      font-family: "Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica;
  }
  .h2{
      font-size: 150%;
  }
  .h3{
      font-size: 130%;
      font-weight: bold;
      color: darkred;
  }
  
  /* WIKIWALK NAV */
  .saphir-nav{
      color: #0d0f26;
      text-shadow: 1px 1px 2px rgba(0,0,0,.35);
      border: 1px solid #0d2613;
      border-radius: .61em;
      background-color: #969be9;
      box-shadow: 1.5px 1.5px 3px #636ce9;
      box-shadow: 0 1px 3px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 5px rgba(255,255,255,0.2), inset 0 5px 20px rgba(255,255,255,0.25), inset 0 -7.5px 15px rgba(0,0,0,0.1);
      padding: 0 1.829em;
      margin: .61em 0 1em;
      font-weight: bold;
      font-size: 85%;
  }
  .saphir-nav a{ color: #202892; }

  Pages using this styling

  • scp-4519 [info]

  ¶ 1 occurrence
  

  table.wiki-content-table {
      width: 100%;
  }
  
  .center-header {
      --wght: 900;
      font-size: 150%;
      display: block;
      width: 100%;
      height: auto;
      font-weight: 900;
      text-align: center;
      border-bottom: 1px dotted currentColor;
      padding-bottom: 0.25em;
  }
  
  .item-table {
      font-size: 1em;
      width: 90%;
      text-align: center;
      border-collapse: collapse;
      margin: 1.250em auto;
  }
  
  .table-header td {
      --wght: 900;
      font-size: 1.1em;
      font-weight: 900;
      background: #b9c9fe;
      border-top: 0.250rem solid #aabcfe;
      border-bottom: 0.0625rem solid #fff;
      color: #039;
      text-align: center;
  }
  
  .item-table td {
      background: #e8edff;
      border-bottom: 0.125rem solid #fff;
      border-right: 0.0625rem solid #fff;
      border-top: 0.125rem solid transparent;
      border-left: 0.0625rem solid transparent;
      color: #669;
      padding: 0.5em;
  }
  
  .item-table  ul {
      padding-inline-start: 1.5em;
  }
  
  .item-table td:nth-of-type(1), 
  .item-table td:nth-of-type(2) {
      text-align: center;
  }
  
  div.special-styling div.collapsible-block-unfolded > div.collapsible-block-content > table:nth-child(2) > tbody > tr > td:nth-child(1) {
      width: 60%;
  }
  
  div.special-styling div.collapsible-block-unfolded > div.collapsible-block-content > table:nth-child(2) > tbody > tr > td:nth-child(2) {
      text-align: left;
  }
  
  #page-content .collapsible-block {
      display: block;
      text-align: center;
      padding: 0.75em;
      background-color: lightgrey;
      border-top: 0.125rem dashed slategrey;
      border-bottom: 0.125rem dashed slategrey;
  }
  
  #page-content .collapsible-block .collapsible-block-content {
      text-align: left;
  }
  
  div.special-styling div.collapsible-block-unfolded > div.collapsible-block-content th {
      text-align: center;
  }
  
  div.special-styling div.collapsible-block-unfolded > div.collapsible-block-content > table:nth-child(3) > tbody > tr:nth-child(3) > td:nth-child(2) {
      color: darkred;
      background-color: rgba(193,31,32,0.25);
      text-align: center;
      width: 25%;
  }
  
  div.special-styling div.collapsible-block-unfolded > div.collapsible-block-content > table:nth-child(1) > tbody > tr:nth-child(3) > td:nth-child(2),
  div.special-styling div.collapsible-block-unfolded > div.collapsible-block-content > table:nth-child(2) > tbody > tr:nth-child(3) > td:nth-child(2),
  div.special-styling div.collapsible-block-unfolded > div.collapsible-block-content > table:nth-child(4) > tbody > tr:nth-child(3) > td:nth-child(2) {
      color: darkgreen;
      background-color: rgba(90,137,32,0.25);
      text-align: center;
      width: 25%;
  }

  Pages using this styling

  • scp-4512 [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css?family=Special+Elite');
  
  table {
  margin: 0 auto;
  }
  
  #toc1 > span > span,
  #toc2 > span > span,
  #toc3 > span > span,
  #toc4 > span > span {
      font-family: 'Special Elite', cursive  !important;
  }
  
  .obj-right {
      background-image: url("data:image/svg+xml,%3Csvg version='1.2' baseProfile='tiny' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 1223.7 144' xml:space='preserve'%3E%3Cpath d='M125.9,0C147.8,16.4,162,42.6,162,72s-14.2,55.6-36.1,72h1097.8V0H125.9z'/%3E%3Cpath fill='%237F7F7F' d='M72,0H0v144h72c39.8,0,72-32.2,72-72S111.8,0,72,0z'/%3E%3Cg id='TLVi9W_1_'%3E%3Cg%3E%3Cg%3E%3Cpath fill='%23FFFFFF' d='M63.9,135.5c-0.1,0-0.1,0-0.2,0c0-0.2,0-0.3,0-0.5c0.2-0.9-0.3-1.1-1-1.1c-0.3,0-0.7,0-1,0 c0.2-1.4,0.6-2.7,0.7-4c0.1-2,0.1-3.9,0.1-5.9c0-0.6-0.3-1-0.9-1c-1.8-0.1-3.5-0.3-5.3-0.5c-0.6-0.1-1.3-0.2-1.9-0.3 c0.1-0.3,0.2-0.5,0.1-0.6c0-0.3-0.1-0.6-0.2-0.9c-0.2,0.2-0.5,0.3-0.6,0.6c-0.4,1.1-0.7,2.1-1,3.2c-0.1,0.5-0.4,0.7-0.9,0.6 c-0.6-0.1-1.3-0.2-1.9-0.4c-0.8-0.2-1.2,0.1-1.5,0.8c-0.1,0.3-0.2,0.5-0.3,0.8c-0.3,0.7-0.5,1.3-0.8,2c-0.1,0-0.2-0.1-0.2-0.1 c0.3-1.6,0.7-3.1,1-4.8c-3.1-0.7-5.3-3-8.2-4.3c0.1-0.3,0.2-0.7,0.4-1c0.7-1.7,1.4-3.5,2.1-5.2c0.1-0.3,0.1-0.9-0.2-1.1 c-0.2-0.2-0.8-0.1-1.1,0.1c-0.6,0.3-1.2,0.8-1.8,1.2c-0.2,0.1-0.6,0.2-0.8,0.1c-1-0.7-2-1.4-3-2.1c-0.1-0.1-0.1-0.2-0.1-0.3 c-0.2-1-0.3-2-0.5-3.1c0.6-0.1,1.2-0.3,1.8-0.4c0.2-0.1,0.5-0.3,0.5-0.3c-0.4-0.8,0.4-1.1,0.7-1.4c0.9-1.1,1.8-2,2.8-3.1 c0.6-0.7,1.1-1.5,1.8-2.1c0.8-0.7,1.8-1.3,2.7-1.9c0.4-0.3,0.8-0.5,1.1-0.7c0,1.2-0.2,2.3-0.1,3.5c0.2,1.8,0.5,3.6,0.8,5.5 c0,0.2,0.1,0.3,0.1,0.5c-0.3,1.4,0.4,2.6,0.7,3.9c0,0.2,0.4,0.5,0.6,0.6c0.1,0,0.4-0.3,0.6-0.5c0.9-1.2,1.7-2.6,2.7-3.7 c0.9-1,1.4-2.1,1.7-3.3c0.1-0.3,0.2-0.5,0.3-0.7c1.5-1.5,3-3,4.7-4.6c-0.3-0.3-0.7-0.7-1.1-1.2c0.3-0.2,0.6-0.3,1-0.5 c0.3-0.1,0.7-0.2,0.9-0.4c1.3-1.9,2.6-3.7,3.9-5.6c1.1-1.7,2-3.4,3.1-5.1c1.7-2.6,3.4-5.1,5.1-7.7c0.6-0.9,1-1.8,1.6-2.7 c-1.5-0.4-1.7,1.2-2.6,1.5c0.1-1.5-0.1-1.8-1.2-1.6c-2.6,0.6-5.2,1.2-7.9,1.8c0,0-0.1-0.2-0.1-0.3c-0.4-1.1-0.7-1.3-1.8-0.9 c-1,0.3-1.9,0.6-2.8,0.9c-0.4-0.2-0.7-0.5-1-0.5c-1.7,0-3.4,0-5.1,0c-2,0.1-3.9,0.3-5.9,0.3c-3.1,0-6.3-0.2-9.4-0.4 c-0.7,0-1.4-0.1-2.1-0.2c-0.1,0-0.4,0.1-0.4,0.2c0,0.2,0.1,0.3,0.1,0.5c0.1,0.2,0.2,0.3,0.4,0.4c1.7,2.3,3.1,4.8,4.4,7.4 c0.5,1,0.6,1.8-0.1,2.8c-0.2-0.2-0.4-0.4-0.5-0.7c-0.3-0.9-0.4-1-1.2-0.5c-1.6,0.8-3.1,1.7-4.7,2.6c-1.4,0.8-2.9,1.7-4.4,2.6 c0-0.3,0-0.5,0-0.6c0-1.5-0.2-1.6-1.6-1.2c-0.7,0.2-1.3,0.4-2,0.5c-0.1-0.3-0.3-0.5-0.4-0.7c-0.4-1.2-0.4-1.2-1.6-0.6 c-1.1,0.5-2.1,0.9-3.2,1.4c0-0.1-0.1-0.1-0.1-0.2c1.3-0.8,2.6-1.6,4.1-2.6c0.1-0.3,0.9-0.9-0.2-1.4c-0.1,0,0-0.3-0.1-0.4 c-0.3-1.7-0.7-3.4-1-5c-0.1-0.6-0.4-0.8-0.9-0.8c-1.2,0-2.3,0-3.5,0c0-0.1,0-0.1,0-0.2c1.2-0.3,2.4-0.7,3.6-0.9 c1.1-0.1,1.7-0.7,2.1-1.6c0.1-0.3,0.3-0.6,0.5-0.8c0.4-0.6,0.3-1.1-0.5-1.2c-0.5-0.1-0.7-0.4-0.9-0.9c-0.5-1.2-0.1-2.8-1.2-3.8 c0,0,0-0.1,0-0.2c-0.1-0.7-0.1-1.4-0.1-2.2c0.2,0.1,0.5,0.2,0.8,0.3c0.9,0.3,1.3-0.1,1.1-1.1c0-0.1-0.1-0.2-0.1-0.3 c-0.1-0.7,0.5-1.5,1.2-1.4c1,0.1,2,0.2,3,0.3c1.9,0.2,3.7,0.8,5.7,0.4c1.1-0.2,1.4-0.4,1.5-1.6c0.1-1.2,0.2-2.5,0.4-3.7 c0-0.3,0.4-0.6,0.6-0.8c0.2-0.2,0.5-0.3,0.5-0.5s-0.2-0.6-0.4-0.7c-0.7-0.4-1.5-0.7-2.3-0.9c-2.1-0.7-4.1-1.3-6.2-2 c-0.2-0.1-0.5-0.2-0.6-0.3c-0.4-0.8-0.7-1.5-1-2.3c0.9-0.4,1-0.8,0.2-1.7c-0.5-0.6-1.1-1.1-1.7-1.8c1.3,0.2,2.5,0.5,3.6,0.6 c0.6,0.1,1.2,0.1,1.8,0C30,50.3,32,49.2,34,48c0.1-0.1,0.3-0.1,0.5-0.2c0.2-0.1,0.6-0.1,0.6-0.2c0.1-0.3,0.1-0.6-0.1-0.8 c-0.2-0.4-0.6-0.7-1.1-1.2c0.4,0.1,0.5,0.2,0.7,0.2c2.3,1.1,4.3,2.7,6.1,4.5c0.5,0.5,1,0.7,1.7,0.6c1.1-0.2,2.3-0.3,3.4-0.4 c0.7-0.1,1.5-0.2,2.5-0.3C47.2,49,46.4,48,45.5,47c-1.6-1.7-3.3-3.4-4.9-5.1c-1.6-1.6-3.1-3.2-4.7-4.7c-1.3-1.3-2.7-2.6-3.8-4 c-1.3-1.6-1.1-1.9,0.5-2.9c0.1,0,0.1-0.1,0.3-0.1c1.3,1,2.6,2.1,3.9,3.2c0.4,0.3,0.9,0.7,1.4,0.8c0.2,0.1,0.7-0.2,0.9-0.4 c0.3-0.5,0.4-1,0.7-1.5c0.5-0.9,1.1-1.8,1.6-2.7c0.6,0.6,1.3,1.2,2,1.9c0.4,0.5,0.9,0.6,1.5,0.3c0.5-0.3,0.9-0.7,1.4-1.1 c1.4,1.5,2.8,3,4.3,4.5c0.3,0.3,0.6,0.6,1,0.7c1,0.1,2,0,3.2,0c-1.1-3.3-2.1-6.4-3.1-9.5c0.5,0.1,0.8,0.3,1.2,0.3 c1.7-0.1,3-1.3,4.4-2.2c0.2-0.1,0.3-0.7,0.2-1c-0.4-1.9-0.9-3.7-1.4-5.6c-0.3-1.2-0.2-1.3,0.9-1.6c1-0.3,2-0.6,2.8-0.8 c0.4,0.3,0.8,0.7,1.2,0.7c0.9,0,1.7-0.2,2.6-0.3c0.3,0,0.7-0.1,0.9,0c0.8,0.4,1.2,0.2,1.3-0.7c0.2-1,0.3-2.1,0.5-3.1 c0.5,2,0,4.1,0.4,6.1c0.4,2.3,0.4,4.7,0.5,7c0.1,3.5,0.2,7.1,0.4,10.6c0.1,1.4,0.2,2.9,0.4,4.5c0.9-0.5,1.1-1.1,1.2-1.9 c0.1-0.7,0.1-1.4,0.2-2c0.4-3.6,0.9-7.3,1.3-10.9c0.2-1.9,0.4-3.8,0.7-5.5c0.8,0.4,1.5,1,2.3,1.3c1.1,0.4,1.5-0.8,2.1-1.3 c0.2,0.9,0.3,1.7,0.5,2.7c0.5-0.3,0.7-0.4,1-0.5c0.5-0.3,1-0.8,1.5-0.9c0.8-0.3,1.6-0.4,1.6-1.3c0.5,0.4,0.9,0.9,1.3,1.1 c1.9,0.5,3.9,1,5.9,1.4c0.4,0.1,1,0,1.3-0.2c0.9-1,1.7-2.1,2.5-3.1c0.5-0.6,0.9-1.3,1.4-1.9c0.1,0,0.1,0.1,0.2,0.1 c-0.9,2-2.6,3.7-2.8,6.1c0.1,0.1,0.1,0.1,0.2,0.2c0.5-0.4,1-0.8,1.6-1.2c-0.1,0.3-0.2,0.6-0.2,0.8c-0.5,1.5-0.5,1.6,1.1,2.1 c1.3,0.4,2.6,0.9,3.8,1.5c0.9,0.4,1,0.5,1.7-0.3c1.3-1.5,2.6-3,3.9-4.4c0.6-0.6,1.2-1.2,1.7-1.8c0.1,0,0.1,0.1,0.2,0.1 c-0.1,0.1-0.1,0.3-0.2,0.4c-1.7,2.4-3.3,4.7-5.1,7.1c-0.8,1.1-0.8,1.4,0.5,2c0.1,0.1,0.3,0.1,0.4,0.2c0.9,0.5,1.7,0.9,2.6,1.4 c0.5,0.3,0.9,0.3,1.3-0.1c0.7-0.7,1.4-1.5,2.2-2.2c0,0.3-0.1,0.4-0.2,0.5c-0.8,1-1.5,2-2.3,3c-0.1,0.2,0,0.5,0,0.7 c0.2,0,0.5,0,0.7-0.1c0.8-0.6,1.6-1.2,2.4-1.9c3.7-3.2,7.4-6.3,11.1-9.5c1.2-1,2.4-2,3.6-2.9l0.1,0.1c-0.1,0.1-0.1,0.2-0.2,0.3 c-1.5,1.6-3,3.2-4.6,4.8c-1.4,1.5-2.9,2.9-4.3,4.3c-0.4,0.4-0.4,0.8-0.1,1.3c0.4,0.6,0.9,1.3,0.9,1.9c0,0.9,0.4,1,1.1,1.1 c0.6,0,1.2-0.1,2-0.1c-0.6,0.7-1.2,1.4-1.8,2.2c0.4,0.1,0.6,0.1,0.8,0.2c0.1,2.7,0.3,5.3,0.4,7.9c0,0.6-0.5,1.4,0.7,1.4 c0,0,0,0.1,0.1,0.1c0.9,1.1,1.8,2.2,2.6,3.4c0.8,1.1,1.6,2.3,2.2,3.5s1.6,1.4,2.6,0.5c0.2-0.2,0.5-0.3,0.9-0.5 c0,0.7,0.1,1.4-0.2,1.8c-0.3,0.6,0,0.8,0.4,1c0.2,0.1,0.4,0.2,0.7,0.3c-1,0.4-2,0.9-3,1.2c-0.7,0.3-0.9,0.6-0.5,1.3 c1.6,2.6,2.5,5.5,2.9,8.5c0.2,1.5,1.1,2.4,2.4,3c0.9,0.4,1.9,0.7,2.9,1c0,0.1,0,0.1,0,0.2c-0.6,0.2-1.1,0.5-1.7,0.7 c-1,0.3-2,0.9-3.2,0.3c0,0.9,0,1.6,0,2.3c-1.8,0.5-3.6,1.1-5.4,1.6c-0.2,0-0.4,0.2-0.4,0.3c0,0.2,0.1,0.4,0.2,0.6 c0.1,0.1,0.3,0.2,0.5,0.2c1.2,0.2,2.4,0.5,3.6,0.7c2,0.4,4,0.8,6.1,1.2c-0.1,0.1-0.2,0.2-0.3,0.2c-1.5,0-3.1-0.1-4.6-0.1 c-0.2,0-0.6,0.2-0.6,0.4c-0.1,0.2,0.1,0.5,0.2,0.8c-1.6,0.1-1.7,1.3-1.8,2.4c-0.1,0.9-0.1,1.9-0.3,2.8c-0.1,0.4-0.3,0.7-0.6,1.3 c0.2,0.1,0.5,0.4,0.8,0.6c0.4,0.2,0.8,0.3,1.2,0.5c0.8,0.3,1,0.7,0.6,1.5c-0.4,0.7-0.9,1.3-1,2.1c-0.4,1.5-1.5,1.9-2.8,2.3 c-0.4,0.1-0.8,0.2-1.2,0.4c-0.4,0.2-0.7,0.2-1.1,0c-2.1-1.3-4.2-2.5-6.3-3.7c-0.2-0.1-0.4-0.3-0.5-0.4c-0.7-1.1-1.4-2.3-2-3.4 c-0.4-0.6-0.3-1.1,0.1-1.7c1.4-2.1,2.7-4.3,4.1-6.4l-0.1-0.1c-0.2,0.1-0.5,0.3-0.7,0.4c-0.3-0.1-0.5-0.4-0.8-0.4 c-1.3-0.1-2.5-0.2-3.8-0.2c-0.2,0-0.5,0.2-0.7,0.3c-2,1.3-4,2.6-6,4c-0.5-0.4-1-0.8-1.5-1.2c-0.7-0.5-1.3-1.3-2.1-1.6 c-2.6-0.8-5.2-1.3-7.9-1.9c-0.5-0.1-1.1,0.1-1.6,0.1c-0.9,0-0.5,0.8-0.8,1.2c-0.4-0.3-0.7-0.5-1.1-0.8c-0.1-0.1-0.2-0.4-0.3-0.4 c-0.8-0.2-1.6-0.3-2.4-0.4c-1-1.2-2-1.3-3.1-1.3c-2.1-0.1-4.1-0.2-6.4-0.3c0.3,0.5,0.4,0.8,0.6,0.9c1.3,1.2,2.1,2.7,2.9,4.2 c0.2,0.3,0.4,0.6,0.6,0.9c-0.2,0-0.4-0.1-0.5-0.2c-1.4-1.7-2.8-3.4-4.2-5.1c-0.2-0.2-0.5-0.2-0.7-0.3c0,0.3-0.1,0.6,0,0.8 c0.3,0.6,0.7,1,1,1.6c1.2,2.1,2.4,4.3,3.7,6.4c1.9,3.1,3.9,6.2,5.7,9.4c1,1.7,1.8,3.5,3.3,4.9c1.8,1.8,3.6,3.6,5.4,5.4 c-0.2,0.1-0.3,0.2-0.4,0.2c-0.7,0.2-0.7,0.6-0.4,1.1c0.6,0.9,1.3,1.8,2,2.7c0.2,0.3,0.4,0.7,0.7,1.2c0.4-0.4,0.8-0.9,1.2-1.4 c1.4-2,2.7-3.9,4.1-5.9c0.1-0.1,0.1-0.2,0.2-0.2c1.2,0,0.5-0.7,0.3-1.1c-0.2-0.5-0.6-1-0.9-1.4c0-0.1,0.1-0.1,0.1-0.2 c3.5,2.3,7,4.7,10.4,7c0,0.1-0.1,0.2-0.1,0.3c-0.5,0-0.9,0-1.4,0.2c-0.3,0.1-0.6,0.2-0.7,0.5c-0.1,0.1,0.2,0.5,0.4,0.7 c0.2,0.2,0.5,0.4,0.8,0.6c1,0.8,2,1.5,3,2.3c-1.2,1.4-2.4,2.7-3.6,4c-0.1,0.1-0.2,0.2-0.2,0.2c-0.9-0.2-0.6,0.5-0.6,0.9 c-1.7-0.4-2.6,0.7-3.6,1.5c-1,0.9-2.4,1.4-3,2.8c-0.5-0.8-1.2-0.5-2-0.1c-1.1,0.6-2.2,1-3.2,1.6c-0.2,0.1-0.4,0.3-0.5,0.6 c-0.7,1.1-1.4,2.2-2.2,3.3c-0.3-0.2-0.6-0.3-0.9-0.5c0.1-0.2,0.2-0.3,0.2-0.4c-1.6,0.1-3.1,0.1-4.7,0.3c-1.2,0.1-2.3,0.5-3.5,0.8 c-0.1-0.3-0.3-0.7-0.4-1c-0.1,0-0.2,0-0.3,0c-0.2,0.4-0.5,0.9-0.7,1.4c-0.3-0.2-0.6-0.5-0.9-0.7c-0.3-0.1-0.6-0.2-0.9-0.3 c0,0.3-0.2,0.7-0.1,1c0.2,1,0.5,1.9,0.8,2.9c-1.3-1.5-1.9-3.2-2.2-5.1c0-0.1,0-0.3,0.1-0.4c0.5-0.7,0-0.9-0.5-0.9 c-0.8,0-1.7,0-2.5,0.2c-1.3,0.3-2.7-0.2-3.8,0.7c-0.1,0.1-0.5,0-0.5-0.1c-0.3-0.7-0.9-0.6-1.5-0.5s-1.3,0.3-1.9,0.4s-1.2,0-1.9,0 c0-0.7,0-1.1,0-1.6c-0.1,0-0.2-0.1-0.3-0.1c-0.2,0.5-0.6,1-0.7,1.5c-0.2,1.7-0.3,3.4-0.4,5.2C65.1,130.3,65.4,133.1,63.9,135.5z M75.8,66.6c0.1,0,0.1,0,0.2,0c0.1,0.3,0.2,0.6,0.3,0.8c0.2,0.4,0.7,0.3,0.7,0c0.1-0.9,0.8-1.3,1.2-1.8c2.3-3.2,3.9-6.9,5.8-10.4 c1-1.9,2-3.9,3.2-5.6c1.7-2.4,3.1-5,4.2-7.7c0.1-0.4,0.3-1,0.1-1.2c-0.2-0.2-0.8-0.3-1.2-0.2c-2.4,0.4-4.8,0.9-7.1,1.3 c-0.5,0.1-0.7,0.1-0.8-0.5c-0.1-0.4-0.2-0.8-0.4-1.2c-0.1-0.2-0.4-0.4-0.6-0.5c-0.2,0.2-0.4,0.4-0.5,0.6 c-0.3,0.6-0.5,1.3-0.8,1.9c-0.1,0-0.2,0-0.3-0.1c0-5.1,0-10.2,0-15.3c0-1.4-0.3-2.7-0.5-4.3c-0.8,0.6-1.5,1.1-2.1,1.6 c-0.3-0.5-0.6-1-1-1.4c-0.2-0.3-0.7-0.8-0.8-0.8c-0.4,0.2-0.8,0.6-1,1c-0.6,1-1.1,2.1-1.7,3.1c-0.3,0.6-0.7,1.2-0.7,1.8 c-0.3,2.4-0.3,4.8-0.6,7.2c-0.4,3.4-0.7,6.8-2.2,10c-1.1,2.3-1.9,4.6-2.8,6.9c0.9,0.3,0.7,0.9,0.6,1.6c-0.3-0.2-0.5-0.4-0.7-0.5 s-0.5-0.2-0.7-0.3c-0.1,0.2-0.2,0.5-0.2,0.7c-0.1,0.8-0.2,1.7-0.3,2.5c-0.1-1.1-0.2-2.1-0.3-3.1c-0.1-1.5,0.2-2.9,0.8-4.2 c0.8-1.7,1.5-3.5,2.3-5.2c0.3-0.6,0.3-1.1-0.3-1.6c-0.5-0.4-0.9-0.8-1.3-1.3c-0.4-0.6-1-0.6-1.7-0.6c-2.8-0.1-5.6-0.2-8.5-0.3 c-0.6,0-1.1-0.2-1.7-0.3c-0.5-0.1-1,0-1.6,0c0.2,0.6,0.3,1.3,0.6,1.8c2.4,4.1,4.8,8.1,7.3,12.1c0.8,1.4,1.7,2.7,2.6,4 c0.6,0.8,0.8,0.7,1.2-0.2c0.1-0.2,0.3-0.4,0.4-0.6c0,0.7,0,1.5-0.3,2c-0.7,1.1-0.3,1.9,0.2,2.8c1.9,3.3,3.8,6.5,5.1,10.1 c0.5,1.2,1.2,2.4,1.8,3.5c0.3,0.5,0.9,0.5,1.1,0c0.6-1.3,1.2-2.6,1.6-4C75,69.3,75.4,67.9,75.8,66.6z'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A") !important;
  }

  Pages using this styling

  • scp-4511 [info]

  ¶ 1 occurrence
  

  :root{
  --cutColour: #fafafa;
  --barColour: #590505;
  }
  
  .info-container .collapsible-block-folded a{
  color: #FFF;}
  .info-container .collapsible-block-unfolded-link a{
  color: #FFF;}

  Pages using this styling

  • scp-4511 [info]

  ¶ 1 occurrence
  

  .art-entry {
  padding: 25px 5% 25px 5%;
  float: left;
  display: inline-block;
  border-bottom: solid 1px gray;
  }
  
  .art-entry th, td{
  text-align: center;
  }
  
  .art-entry table{
  float: left;
  display: inline-block;
  margin-right: 5%;
  margin-block-start: 1em;
  }
  
  .art-entry2 {
  padding: 25px 5% 25px 5%;
  float: left;
  display: inline-block;
  }
  
  .art-entry2 th, td{
  text-align: center;
  }
  
  .art-entry2 table{
  float: left;
  display: inline-block;
  margin-right: 5%;
  margin-block-start: 1em;
  }
  
  .scp-image-block {
  margin: 0px;
  }
  
  @media only screen and (max-width: 600px)  {
  .art-entry table{
  float: initial;
  display: block;
  margin: auto;
  }
  }

  Pages using this styling

  • scp-4505 [info]

  ¶ 1 occurrence
  

  
  .body-text {
      margin: 2% 13% 2% 9%;
      padding: 5px 20px 5px 20px;
      background-color: #f2f2f2;
      color: #111;
  }
  
  .text4desk {
      width: 70%;
      margin: auto;
  }
  
  @media only screen and (max-width: 600px) {
  
      .body-text {
          margin: 0% 4% 0% 4%;
      }
  
      .text4desk {
          width:100%;
      }
  
  }
  

  Pages using this styling

  • scp-4495 [info]

  ¶ 1 occurrence
  

  #page-title {
    display: none;
  }
  
  #page-content .info-container {
      --link-color: rgb(var(--swatch-text-general));
  }
  
  #page-content .info-container .translation_block {
      display: none;
  }
  
  #page-content .info-container .collapsible-block-link,
  #page-content .info-container:hover .collapsible-block-link {
      line-height: 1.6em;
  }
  
  #page-content .info-container .collapsible-block-folded,
  #page-content .info-container .collapsible-block-unfolded-link {
      display: grid;
  }
  
  #page-content .info-container .collapsible-block-folded .collapsible-block-link,
  #page-content .info-container .collapsible-block-link {
      -webkit-mask: unset;
              mask: unset;
      background: transparent;
      grid-column: 1;
      grid-row: 1;
      opacity: 0;
  }
  
  #page-content .info-container .collapsible-block-folded::before,
  #page-content .info-container .collapsible-block-unfolded-link::before {
      --wght: 800;
      content: "Collaboration";
      color: #FFFFFF;
      font-family: Inter, Arimo, Verdana, Geneva, "Helvetica Neue", "Helvetica", Arial, sans-serif;;
      display: block;
      pointer-events: none;
      grid-column: 1;
      grid-row: 1;
  }

  Pages using this styling

  • scp-4485 [info]

  ¶ 1 occurrence
  

  div.jesus {
      margin: auto;
      width: 85%;
      border: .3em double rgb(240, 204, 0);
      background: rgb(255, 255, 240) url(https://scp-wiki.wdfiles.com/local--files/the-great-hippo/scp_trans.png) center no-repeat;
      padding: 0 1em;
      box-shadow: 0.066em 0.066em .329em .132em rgba(89, 75, 2,.6);
      border-radius: .2em;
  }
  
  div.jesus span {
      display: block;
      text-align: center;
      word-break: unset;
      font-variant: small-caps;
      color: rgb(240, 204, 0);
      font-weight: bold;
  }
  
  span.leave {
      font-size: 1.95em;
      text-shadow: 2.5px 2px 0 black;
  }
  
  span.room {
      font-size: 1.5em;
      text-shadow: 1.5px 2px 0 black;
  }

  Pages using this styling

  • scp-4477 [info]

  ¶ 1 occurrence
  

  body{
    --cutColour: #ffb961;
    --barColour: #5C1D24;
  }
  .translation_block{ display: none; }
  .u-faq{ display: none; }
  #u-author_block{ display:none; }
  
  /* FONT */
   @import url('https://fonts.googleapis.com/css?family=Ubuntu&display=swap');
  
  /* THREAT LEVEL */
   .threat-level{
       display: inline-block;
       text-align: center;
       width: 100%;
       margin: 0;
       padding: .3em 0;
       font-size: 140%;
       text-transform: uppercase;
       color: rgb(230, 230, 230);
       background-color: rgb(80, 80, 109);
       text-shadow: 1px 3px 1px rgba(0, 0, 0, .3);
  }
   .threat-level a:hover{
       text-decoration: none;
  }
  
  /* DIV BLOCKS */
   .log{
       background-color: #192845;
       padding: .427em;
       margin: .183em;
  }
   .log-bg{
       background-color: #ffb961;
  }
   .quote-block{
       border: 3px solid #ccc;
       border-radius: .61em;
       background-color: #21212d;
       padding: .25em 1em;
       margin-bottom: 1em;
       font-weight: bold;
  }
  
  /* SPECIAL CODE */
   .enlarge{
       transition: .25s;
  }
   .enlarge:hover{
       transform: scale(1.6);
       transition: .25s;
       transition-delay: .4s;
       z-index: 1000;
  }
   .earthworm .hub.no a, .earthworm a[href="/"], .earthworm a[href="https://scp-wiki.wikidot.com"]{
       color: #ccc !important;
  }
  
  /* FORMATTING */
  .collapsible-block-link{ font-weight: bold; }
  hr{
       background-color: #ccc;
       margin: 1em 0;
       padding: 0;
       border: 0;
  }
  .lite-header hr{
      width: 45%;
      margin: auto;
      background-color: #ccc;
      border: none;
      height: 2px;
  }
  .h2, .h3{
      margin: 0.5em 0 0.4em;
      padding: 0;
      letter-spacing: 1px;
      font-family: "Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica;
  }
  .h2{
      font-size: 150%;
      color: #ffb961;
  }
  .h3{
      font-size: 130%;
      font-weight: bold;
  }

  Pages using this styling

  • scp-4475 [info]

  ¶ 1 occurrence
  

  #page-content .collapsible-block {  
    max-width: 100%;
      /* text-align: left; */
      text-align: center;
  text-color: black;
      border-color: #000000;
      border: solid 1px #000000;
      background-color: #f5f5f5;
  }
  .collapsible-block-content p {
      text-align: left;
         margin-left: 7px;
     margin-right: 7px;
  padding-left: 10px;
      padding-right: 10px;
  }
  blockquote {
         margin-left: 10px;
     margin-right: 10px;    
  border: 1px double #999;
      background-color: #ffffff;
  }
  table.wiki-content-table {
     margin-left: 7px;
     margin-right: 7px;
     background-color: #ffffff;
  }

  Pages using this styling

  • scp-4470 [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css?family=Courgette');

  Pages using this styling

  • scp-4462 (3) [info]

  ¶ 1 occurrence
  

  
  
  div.info-container > div.collapsible-block {
      padding: 0 !important;
      margin: 0 !important;
      box-shadow: none !important;
  }
  
  .page {
      display: block;
      overflow: hidden;
      font-family: "Monotype Corsiva", "Bradley Hand ITC", sans-serif;
      font-style: normal;
  
      background-attachment: scroll;
      background-clip: border-box;
      background-color: transparent;
      background-image: linear-gradient(to top ,rgb(202, 219, 228) 0%, rgb(231, 233, 220) 8%);
      background-origin: padding-box;
      background-position: 0px 8px;
      background-repeat: repeat;
      background-size: 100% 20px;
  
      border: 1px solid #CCC;
      border-radius: 10px;
      padding: 10px 10px;
      margin-bottom: 10px;
  
      box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2)
      }
  .page p,
  .page ul {
      line-height: 20px;
      margin: 0;
  }

  Pages using this styling

  • scp-4459 [info]

  ¶ 1 occurrence
  

  div.dado {
     color: #ff0000;
     font-family: 'ComicNeueAngularRegular', 'MS Comic Sans', 'Comic Sans', san-serif;
     padding-left: 2em;
     font-size: 1em;
  }

  Pages using this styling

  • scp-4451 [info]

  ¶ 1 occurrence
  

  .scp-image-caption{position: inherit;}
  
  .collapsible-block-content > hr{
      display: none;
  }
  #u-author_block{
      display: none;
  }
  
  #u-author_block2 > p > a {
      display: inline;
      padding: 0.8em 2.5em;
      background: var(--barColour);
      color: var(--linkColour);
      border-radius: 0.25vw;
      box-shadow: 0 0px 4px rgba(0, 0, 0, 0);
      transition: -webkit-backdrop-filter .3s, backdrop-filter .3s, box-shadow .3s;
  }
  
  #u-author_block2 > p > a:hover {
      box-shadow: 0px 3px 4px rgba(0, 0, 0, .8);
      text-decoration: none;
  }
  @media only screen and (min-width: 500px){
      .page-rate-widget-box{position: relative;bottom: 1em;}
  }
  
  .parawatch{
      background-color: #000;
      border: 2px solid #262626;
      color: #f2f2f2;
      font-family: "Courier", "Courier New", "Roboto Mono", monospace;
      padding: 0 1em;
      font-size: 1.1em;
  }
  .parawatch hr{margin: 1em 2em; padding: 0; height: 1px; border: none; background-color: #f2f2f2;}
  
  .parawatch .scp-image-block{
      border-color: #ffff99;
  }
  .parawatch .scp-image-caption{
      background-color: #000;
  }
  
  .parawatch blockquote{
      background: #000;
      border-width: 2px;
      border-style: solid;
      border-color: #262626;
  }

  Pages using this styling

  • scp-4430 [info]

  ¶ 1 occurrence
  

  /* HEADER */
   :root{
     --header-title: "DEPT. OF MISCOMM.";
     --header-subtitle: "SOLVING COMMUNICATIONS PROBLEMS";
     --lgurl: url(https://scp-wiki.wdfiles.com/local--files/scp-4428/DoMC_Logo100.png);
  }
   #page-title{
       display: none;
  }
  
  /* INFO BAR */
   #u-author_block{
       display: none;
  }
  
  /* FORMATTING */
   table.wiki-content-table td{
       line-height: 141%;
  }
   .inoculation table.wiki-content-table{
       width: 100%;
  }
   .inoculation table.wiki-content-table td{
       border: none;
  }
   .inoculation table.wiki-content-table tr td:nth-child(2){
       text-align: right;
  }
   .lie{
       margin: 1px;
  
       background-color: hsla(207, 75%, 50%, .3);
  
       word-break: unset;
       font-family: var(--mono-font);
  }
  
  /* DIV BLOCKS */
   .notice{
       padding: 0 .5em;
  
       color: hsl(57, 98%, 68%);
       background: hsl(9, 51%, 47%);
       border: 1px solid hsl(57, 98%, 68%);
       outline: 4px solid hsl(9, 51%, 47%);
  
       text-align: center;
  }

  Pages using this styling

  • scp-4428 [info]

  ¶ 1 occurrence
  

  
  div.info-container > div.collapsible-block {
      padding: 0 !important;
      margin: 0 !important;
      box-shadow: none !important;
  }
  
      .rmposttitle 
  {
          width: auto;
          height: auto;
          padding: 0px 20px 0px 70px;
  }
  
     .darkpost
  {
  
      background:#404040
      color:#999999
      width: 85%;
      margin: 0px;
          padding: 60px 20px 0px 80px;
  }
  
      .imgcontainer {
          width: 165;
          height: 165;
          padding: 0px 0px 0px 0px;
      }

  Pages using this styling

  • scp-4421 [info]

  ¶ 1 occurrence
  

  /* HEADER */
   :root{
     --lgurl: url(https://scp-wiki.wdfiles.com/local--files/component:pride-highlighter/tg_logo.svg);
  }
   #page-title{
       display: none;
  }
  
  /* GENERAL */
   ul li{
       margin: unset;
  }

  Pages using this styling

  • scp-4420 [info]

  ¶ 1 occurrence
  

   .w-container{box-shadow:none}

  Pages using this styling

  • scp-4416 [info]

  ¶ 1 occurrence
  

  .email {
    border: solid 2px #000000;
    padding: 1px 15px;
    margin: 1em;
    box-shadow: 0 1px 3px rgba(0,0,0,.5);
  }
  .tofrom {
    margin-left: 10px;
    margin-top: 5px;
    padding: 1px 15px;
    border-left: solid 3px maroon;
  }
  a.collapsible-block-link {
    font-weight: bold;
  }
  .collapsible-block-link, .collapsible-block-unfolded-link, .collapsible-block-folded {
      text-align: center;
  }

  Pages using this styling

  • scp-4415 [info]

  ¶ 1 occurrence
  

  /*
      Powered on 2019/09/01 01:28:09
      [2019 Wikidot Theme]
      Created by Tanhony
      CC BY-SA 3.0
  */
  
  
  
  div#header h1 a span {
      font-size: 0px;
  }
  div#header h1 a:before {
      content: "SCP Conclave";
      color: #eee;
      
  }
  div#header h2 span {
      font-size:0px;
      padding: 4px;
  }
  div#header h2:after {
      content: "Secure the heart. Contain the sin. Protect the soul.";
      font-weight: bold;
      color: #f0f0c0;
      padding: 19px 0;
      text-shadow: 1px 1px 1px rgba(0, 0, 0, .8);
      white-space: pre;
  }
  

  Pages using this styling

  • scp-4407 [info]

  ¶ 1 occurrence
  

  .notice {
    border: solid 1px #999999;
    background: #f2f2c2;
    padding: 5px;
    margin-bottom: 10px;
  }
  
  .footnotes-footer .title {
    display: none;
  }

  Pages using this styling

  • scp-4406 [info]

  ¶ 1 occurrence
  

  .page-tags span {
      border-top: none;
  }
  
  a.collapsible-block-link {
      font-weight: bold;
  }
  
  .report {
      border: solid 2px #000; 
      padding: 10px; 
      width: 90%; 
      margin: auto; 
      margin-top: 10px; 
      box-shadow: 0 1px 3px rgba(0,0,0,.2);
  }
  
  .arch blockquote {
      border-color: black; 
      background-color: white;
  }
  
  .other blockquote {
      border-style: solid; 
      background-color: white; 
      box-shadow: 0px 1px 2px rgba(0,0,0,0.1);
  }
  
  .prepped {
      display: inline-block;
      border: 1px solid black; 
      background-color: white;
      padding: 0 20px;
  }
  
  @media (max-width: 767px) {
      .scp-image-block.block-right {
          float: none;
          margin: auto;
      }
  }

  Pages using this styling

  • scp-4400 [info]

  ¶ 1 occurrence
  

  .tRed {
  color: red;
  }
  
  .tBold {
  font-weight: bold;
  }
  
  .terminalBlock {
  background: #1b1b1b;
  color: #33FF00;
  font-family: "Lucida Console", Monaco, monospace;
  padding: 0.4em 0.4em;
  border-style: ridge;
  border-width: 5px;
  border-color: #ddd;
  margin-bottom: 2em;
  font-size:0.9em;
  }
  
  .terminalBlock .terminalAlert {
  text-align: center;
  color: #de382b;
  }
  
  .terminalBlock span {
  text-indent: -1.1em;
  display: block;
  width: 100%;
  }
  
  .terminalBlock span.lastLine span {
  display: inline;
  }
  
  .terminalBlock br {
  display: none;
  }
  
  .blinkCursor {
  animation: blinkAnim 1s linear infinite;
  animation-delay: 2s;
  opacity: 1;
  }
  
  @keyframes blinkAnim {
  0% {
  opacity: 0;
  }
  49% {
  opacity: 0;
  }
  50% {
  opacity: 1;
  }
  100% {
  opacity: 1;
  }
  }
  
  .errorrep {
      border: 1px solid black;
  }
  
  .errorrep>.errorname {
      margin-left: 1em;
  }
  
  .errorname h2 {
      font-weight: normal;
  }
  
  .errorname .errornum {
      color: #8c8c8c;
  }
  
  .errorrep>.errordets {
      margin-left: 1em;
  }
  
  .bugbox {
      background-color: #fff;
      border: 1px solid #d1d5da;
      border-radius: 3px;
      margin: 15px;
  }
  
  .bugbox>blockquote {
      margin: 0;
      background: none;
      border: 0;
      box-shadow: none;
  }
  
  .bugheader {
      background-color: #f6f8fa;
      border-bottom: 1px solid #d1d5da;
      border-top-left-radius: 3px;
      border-top-right-radius: 3px;
      color: #586069;
      padding-left: 15px;
      padding-right: 15px;
  }
  
  .bugheader>p {
      margin:0;
      padding-bottom: 10px;
      padding-top: 10px;
  }
  
  .closedsign {
      background: #cb2431;
      color: #fff;
      font-weight: bold;
      padding: 4px 15px;
      margin-right: 8px;
      border-radius: 4px;
  }
  
  .warrenlog blockquote {
      border: none;
      font-family: monospace;
      background: #f6f8fa;
  }

  Pages using this styling

  • scp-4386 [info]

  ¶ 1 occurrence
  

  :root {
      --header-title: "SCP Foundation";
      --header-subtitle: "Supreme Chief Primus";
  
  .notice{
      border: 1px solid #f9e24d;
      outline: 4px solid #b54d3b;
      color: #f9e24d;
      background: #b54d3b;
      padding: 10px;
      text-align: center;
  }
  
  #page-content .info-container {
      --link-color: rgb(var(--swatch-text-general));
  }
  
  #page-content .info-container .translation_block {
      display: none;
  }
  
  #page-content .info-container .collapsible-block-link,
  #page-content .info-container:hover .collapsible-block-link {
      line-height: 1.6em;
  }
  
  #page-content .info-container .collapsible-block-folded,
  #page-content .info-container .collapsible-block-unfolded-link {
      display: grid;
  }
  
  #page-content .info-container .collapsible-block-folded .collapsible-block-link,
  #page-content .info-container .collapsible-block-link {
      -webkit-mask: unset;
              mask: unset;
      background: transparent;
      grid-column: 1;
      grid-row: 1;
      opacity: 0;
  }
  
  #page-content .info-container .collapsible-block-folded::before,
  #page-content .info-container .collapsible-block-unfolded-link::before {
      --wght: 800;
      content: "Felixou";
      color: #FFFFFF;
      font-family: Inter, Arimo, Verdana, Geneva, "Helvetica Neue", "Helvetica", Arial, sans-serif;;
      display: block;
      pointer-events: none;
      grid-column: 1;
      grid-row: 1;
      line-height: 2.75ex;
  }
  
  .top-left-box > .item {
    display: none;
  }

  Pages using this styling

  • scp-4380 [info]

  ¶ 1 occurrence
  

  .page {
      display: block;
      overflow: hidden;
      font-family: "Monotype Corsiva", "Bradley Hand ITC", sans-serif;
      font-style: normal;
  
      background-attachment: scroll;
      background-clip: border-box;
      background-color: transparent;
      background-image: linear-gradient(to top ,rgb(202, 219, 228) 0%, rgb(231, 233, 220) 8%);
      background-origin: padding-box;
      background-position: 0px 8px;
      background-repeat: repeat;
      background-size: 100% 20px;
  
      border: 1px solid #CCC;
      border-radius: 10px;
      padding: 10px 10px;
      margin-bottom: 10px;
  
      box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2)
      }
  .page p {
      line-height: 20px;
      margin: 0;
  }
  .footnoteref{
  color: #FF5555;
  }
  .danke{
  padding: 5px 5px 5px 15px;
  margin-bottom:10px;
  width: 90%;
  font-family: monospace;
  font-size: 1.1em; }
  
  .agent{
  background-color:#002200;
  border: 3px solid #55AA55;
  color: #77CC77;
  }
  
  .site{
  background-color:#222200;
  border: 3px solid #AAAA55;
  color: #DDDD77;
  }
  
  #page-content > div:nth-child(27) > div.collapsible-block-unfolded > div.collapsible-block-content > p:nth-child(28) {
      width: 100%;
      margin: 1rem auto;
      display: flex;
      align-items: center;
      justify-content: center;
  }
  
  #page-content > div:nth-child(27) > div.collapsible-block-unfolded > div.collapsible-block-content > p:nth-child(28) > iframe {
      width: 300px !important;
  }
  
  #page-content > div:nth-child(27) > div.collapsible-block-unfolded > div:nth-child(3) > div {
      float: unset;
      margin: 0.5rem auto;
  }
  
  #page-content > .collapsible-block {
      display: block;
      text-align: center;
      padding: 0.75em;
      margin: 0.25em auto;
      background-color: rgba(var(--swatch-menubg-medium-color),0.25);
      border-top: 0.125rem dashed rgba(var(--swatch-primary-darker));
      border-bottom: 0.125rem dashed rgba(var(--swatch-primary-darker));
  }
  
  #page-content > .collapsible-block .collapsible-block-content {
      text-align: left;
  }
  
  div[style="margin: 0 auto"] {
      width: 100%;
      height: 100%;
      position: relative;
      display: flex;
      align-items: center;
      justify-content: center;
  }
  
  div[style="margin: 0 auto"] > div {
      margin: 0 !important;
  }
  
  table.wiki-content-table th, 
  table.wiki-content-table tr {
      display: flex;
      align-items: stretch;
      justify-content: start;
  }
  
  table.wiki-content-table th[colspan="2"],
  table.wiki-content-table td[colspan="2"] {
    flex-grow: 2;
  }

  Pages using this styling

  • scp-4378 [info]

  ¶ 1 occurrence
  

  
  .body-text {
      margin: 2% 13% 2% 9%;
      padding: 5px 20px 5px 20px;
      background-color: #f2f2f2;
      color: #111;
  }
  
  .text4desk {
      width: 70%;
      margin: auto;
  }
  
  @media only screen and (max-width: 600px) {
  
      .body-text {
          margin: 0% 4% 0% 4%;
      }
  
      .text4desk {
          width:100%;
      }
  
  }
  
  span.blue{
  max-width: 300px;
  border-radius: 15px;
  padding: 4px 8px;
  display: inline-block;
  text-align: left; float:right;
  background-color: #3578e5;
  color: #fff;
  }

  Pages using this styling

  • scp-4370 [info]

  ¶ 1 occurrence
  

  /* RECOLORING THE TABS */
  :root {
      --tab-flicker-color-1: var(--swatch-primary-darker);
      --tab-flicker-color-2: var(--swatch-primary);
  }
  
  .yui-navset .yui-nav li, 
  .yui-navset .yui-navset-top .yui-nav li {
      margin: 0 0.25em 0.5em;
      box-shadow: 0px 0px 0px rgba(var(--dark-accent));
      transition: all 300ms cubic-bezier(0.4,0.0,0.2,1);
      background-color: rgb(var(--swatch-menubg-light-color));
  }
  
  .yui-navset .yui-nav .selected, 
  .yui-navset .yui-navset-top .yui-nav .selected {
      margin: -0.25em 0 0.25em 0;
  }
  
  .yui-navset .yui-nav li:not([class*="selected"]) a:hover, 
  .yui-navset .yui-navset-top .yui-nav li:not([class*="selected"]) a:hover {
      animation: flicker-on-1 1s linear forwards;
      -webkit-animation: flicker-on-1 1s linear forwards;
  }
  
  .yui-navset .yui-nav .selected a, 
  .yui-navset .yui-navset-top .yui-nav .selected a {
      animation: flicker-on-2 1s linear forwards;
      -webkit-animation: flicker-on-2 1s linear forwards;
      background-color: rgba(var(--tab-flicker-color-2),1);
      box-shadow: 0px 1px 2px rgba(var(--dark-accent));
  }
  
  .yui-navset .yui-nav .selected a:hover, 
  .yui-navset .yui-navset-top .yui-nav .selected a:hover {
      background-color: rgba(var(--tab-flicker-color-2),1) !important;
  }
  
  @keyframes flicker-on-1 {
    0% {
      background-color: rgba(var(--tab-flicker-color-1),0);
    }
    10% {
      background-color: rgba(var(--tab-flicker-color-1),1);
    }
    15% {
      background-color: rgba(var(--tab-flicker-color-1),0);
    }
    20% {
      background-color: rgba(var(--tab-flicker-color-1),0.5);
    }
    25% {
      background-color: rgba(var(--tab-flicker-color-1),0.2);
    }
    30%,75% {
      background-color: rgba(var(--tab-flicker-color-1),0.75);
    }
    79% {
      background-color: rgba(var(--tab-flicker-color-1),0.8);
    }
    80% {
      background-color: rgba(var(--tab-flicker-color-1),0.85);
    }
    100% {
      background-color: rgba(var(--tab-flicker-color-1),1);
    }
  }
  
  @keyframes flicker-on-2 {
    0% {
      background-color: rgba(var(--tab-flicker-color-2),0);
    }
    10% {
      background-color: rgba(var(--tab-flicker-color-2),1);
    }
    15% {
      background-color: rgba(var(--tab-flicker-color-2),0);
    }
    20% {
      background-color: rgba(var(--tab-flicker-color-2),0.5);
    }
    25% {
      background-color: rgba(var(--tab-flicker-color-2),0.2);
    }
    30%,75% {
      background-color: rgba(var(--tab-flicker-color-2),0.75);
    }
    79% {
      background-color: rgba(var(--tab-flicker-color-2),0.8);
    }
    80% {
      background-color: rgba(var(--tab-flicker-color-2),0.85);
    }
    100% {
      background-color: rgba(var(--tab-flicker-color-2),1);
    }
  }

  Pages using this styling

  • scp-4367 [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css?family=IM+Fell+DW+Pica+SC|Permanent+Marker');
  
  .news {
    font-family: 'IM Fell DW Pica SC', serif;
    color: #000000;
  }
  
  .scrib {
    font-family: 'Permanent Marker', cursive;
    color: #213241;
  }
  

  Pages using this styling

  • scp-4359 [info]

  ¶ 1 occurrence
  

  .antimeme {-webkit-filter: blur(4px);
  filter: blur(4px);
  }

  Pages using this styling

  • scp-4355 [info]

  ¶ 1 occurrence
  

  .table-hcell {
      border: 1px solid #888;
      padding: 0.3em 0.7em;
      background-color: #EEE;
      font-weight: bold;
      text-align: center;
  }
  
  .table-cell {
      border: 1px solid #888;
      padding: 0.3em 0.7em;
  }
  
  .image-cell {
      border: 1px solid #888;
      padding: 0.3em 0.7em;
      width: 115px;
  }

  Pages using this styling

  • scp-4354 [info]

  ¶ 1 occurrence
  

  .addtag {
    color: green;
    font-weight: bold;
  }
  
  .commit {
    font-family: monospace;
    background-color: #CCCCDD;
    border-left-style: dotted;
    padding-left: 5px;
  }
  
  .removetag {
    color: red;
    font-weight: bold;
  }
  
  .postmortem {
    background-color: #EEEEFF;
    border-style: solid;
    padding: 5px;
  }
  
  .meeting {
    background-color: #EEFFEE;
    border-style: solid;
    padding: 5px;
  }
  
  .email {
    background-color: #FFEEEE;
    border-style: solid;
    padding: 5px;
  }
  
  .accessdenied {
    background-color: #B22222;
    border-style: dotted;
    padding: 5px;
    font-weight: bold;
  }

  Pages using this styling

  • scp-4353 [info]

  ¶ 1 occurrence
  

  .anom-bar-container.NULL .text-part .disrupt-class::after {
      background-image: url(" ");
  }
  .anom-bar-container.NULL .text-part .disrupt-class::before {
      content: "0";
  }

  Pages using this styling

  • scp-4352 [info]

  ¶ 1 occurrence
  

  :root {
      --header-title: "SCP Foundation";
      --header-subtitle: "Sun-Colored People";
  }
  
  .scp-image-block.block-right { margin: 1em 2em 1em 1em; }
  
  #page-title{display:none}
  
  .footnotes-footer { 
      visibility: hidden; 
      height: 0;
      padding: 0;
      margin: 0;
  }
  
  .email {border: solid 2px #000000; width: 88%; padding: 1px 15px; margin: 10px; box-shadow: 0 1px 3px rgba(0,0,0,.5)}
  
  .email-example a.collapsible-block-link {font-weight: bold;}
  
  .tofrom {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px maroon}
  
  .dryg {
      padding-left: 12px; 
      padding-right: 12px; 
      padding-top: 6px;
      background: #feff8c;
      border:solid 2px #FF6D00;
  }
  
  .ad_memo {
      background: #ffffff;
      background-size: 400px;
      background-position: center;
      background-repeat: no-repeat;
      box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
      width: 84%;
      min-height: 4rem;
      margin-left: auto;
      margin-right: auto;
      padding: 10px 20px 20px 20px;
      word-break: break-word;
  }
  

  Pages using this styling

  • scp-4350 [info]

  ¶ 1 occurrence
  

  :root {
      --header-title: "Parazoology";
      --header-subtitle: "Division";
  --logo-image: url("https://scp-wiki.wikidot.com/local--files/scp-4347/1572269486726.png");`
  
      --pale-accent: 40, 230, 60;
      /* light red, for visited links */
      --bright-accent: 0, 133, 5;
      /* bright red */
      --medium-accent: 46, 100, 44;
      /* medium red - the "default" accent color */
      --dark-accent: 3, 100, 15;
      /* dark red */
      --alt-accent: 102, 221, 17;
      /* pale orange, for newpage links */
  }

  Pages using this styling

  • scp-4347 [info]

  ¶ 1 occurrence
  

  .prettyInterview {
      margin: 0% 9% 0% 6%;
      padding: 1% 3% 1% 3%;
      background-color: #f2f2f2;
      text-align:left;
  }
  
  @media only screen and (max-width: 600px) {
  
      .prettyInterview {
          margin: 0% 4% 0% 4%;
      }
  
  }
  

  Pages using this styling

  • scp-4333 [info]

  ¶ 1 occurrence
  

  .translation_block{ display: none; } 
  #u-author_block{ display:none; } 
  .u-faq{ display: none; } 

  Pages using this styling

  • scp-4332 [info]

  ¶ 1 occurrence
  

  #header{
      background: url(null);
  }
  #header:before{
  display:block;
  position: absolute;
  width: 100px;
  height: 100px;
  top: 15%;
  left:2%;
  z-index: -1;
  content: "";
  background:url(https://scp-wiki.wdfiles.com/local--files/component%3Atheme/logo.png);
  background-repeat: no-repeat;
  background-size: 100px 99px;
  background-position: 0px 0px 0px;
  z-index: -20;
  transform: rotateZ(180deg);
  }
  #header h2 span {
      color: transparent;
      text-shadow:none;
  }
  #header h2 span::before {
      content: "Protect, Secure. Contain";
      color: #F0F0C0;
      padding: 0px 0px 00px;
      text-shadow: initial;
  }
  @media (max-width: 800px) {
  #header{
      background: url(null);
  }
  #header:before{
  display:block;
  position: absolute;
  width: 100px;
  height: 100px;
  top: 15%;
  left:2%;
  z-index: -1;
  content: "";
  background:url(http://scp-wiki.wdfiles.com/local--files/component%3Atheme/logo.png);
  background-repeat: no-repeat;
  background-position: 3.75em .5em;
  background-size: 55px 55px;
  z-index: -20;
  transform: rotateZ(180deg);
  }
  }

  Pages using this styling

  • scp-4332 [info]

  ¶ 1 occurrence
  

  
  div.terminal{
      border: 1px solid pink;
      border: solid 3px #ff94b4;
      border-radius: 16px;
      background-color: #ffb0d0;
  /* black shadow at the top of the terminal */
      background-image: 
          radial-gradient(ellipse 1000% 100% at 50% 90%, transparent, #ffedf5);
      background-position: center;
      display: block;
  /* shadow around the terminal */
      box-shadow: inset 0 0 10em 1em rgba(252,217,231,0.96);
  /* prevents scanline from forming a scrollwheel */
      overflow:hidden;
  }
  div.terminal blockquote {
      background-color: #fff2f7;
      border: double 3px #ff94b4
  }
  div.scanline{
      margin-top: -40%;
      width: 100%;
      height: 60px;
      position: relative;
      pointer-events: none;
  /* Safari 4.0 - 8.0 */
      -webkit-animation: scan 12s linear 0s infinite; /* You may need to change this. If the bar goes by too quickly, increase 5s. */
      animation: scan 12s linear 0s infinite; /* Same as above */
      background: linear-gradient(to bottom, rgba(56, 112, 82,0), rgba(56, 112, 82,0.1)) !important;
  }
  
  div.text{
      color: rgba(148,0,108,1);
      padding-left: 2em;
      padding-right: 2em;
      padding-top: 40%;
      font-family: monospace;
      font-size: 1.2em;
      }
  
  /* Safari 4.0 - 8.0 */
  @-webkit-keyframes scan{
      from{ transform: translateY(-10%);}
      to{  transform: translateY(5000%);} /* You may need to change this depending on the length of your terminal. If the scanline stops halfway, increase the second number.*/
  }
  
  @keyframes scan{
      from{ transform: translateY(-10%);}
      to{  transform: translateY(5000%);} /* Same as above.*/
  }
  
  div.text a:hover {
      color: #131;
      text-decoration: underline;
      background-color: #ff6392;
      padding: 1px;
  }
  div.text a:hover::before{
  content: "> ";
  }

  Pages using this styling

  • scp-4319 [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css?family=Pangolin');
  
  .paper {
      font-family: 'Pangolin', cursive;
      width: 100%;
      box-sizing: border-box;
      line-height: 20px;
      display: block;
      padding-top: 75px;
      padding-left: 25px;
      padding-right: 25px;
      vertical-align: top;
      transition: all .7s;
      background: linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,.5)), url("https://scp-wiki.wdfiles.com/local--files/scp-4316/paper.jpg") ;
      background-repeat: no-repeat;
      background-size: cover;
      width: 660px;
      margin: auto;
          padding: 60px;
  }
  }
  
  .paper h1, .paper span {
      font-family: 'Pangolin', cursive;
  }
  
  .paper h1 {
      font-size: 150%;
      font-family: 'Pangolin', cursive;
      font-weight: normal;
      margin: -0.3em 0 -0.3em 0.3em;
      color: inherit;
  }

  Pages using this styling

  • scp-4316 [info]

  ¶ 1 occurrence
  

  :root{ 
  --cutColour: #fafafa;
  --barColour: #590505;
  }
  
  .info-container .collapsible-block-folded a{
  color: #FFF;}
  .info-container .collapsible-block-unfolded-link a{
  color: #FFF;}

  Pages using this styling

  • scp-4316 [info]

  ¶ 1 occurrence
  

  :root {
    --header-title: "SCP FOUNDATION";
    --lgurl: url("https://scp-wiki.wdfiles.com/local--files/math-department-hub/Math%20Department%20Logo%20-%20Penumbra.png");
    --header-subtitle: "DEPARTMENT OF MATHEMATICS";
    --accentColor: #1eb5e8;
    /* --header-subtitle: "DEPARTMENT OF APPLIED MATHEMATICS"; */
    /* --accentColor: #65cdf0; */
    /* --header-subtitle: "DEPARTMENT OF ESOTERIC MATHEMATICS"; */
    /* --accentColor: #0099cc; */
    /* --header-subtitle: "DEPARTMENT OF TACTICAL MATHEMATICS"; */
    /* --accentColor: #636fee; */
  }
  
  /* Bottom Rating Module */
  .bottom-rating-module {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-block: 1rem;
  }
  
  .bottom-rating-module .page-rate-widget-box {
    margin: 0;
  }
  
  /* Article-Specific Styling */
  
  div.vertblock {
      border: solid 2px var(--darkColor);
      box-shadow: 0px -3px 0px -0.1px var(--accentColor);
  }
  
  a.subtlelink {
      color: inherit;
      text-decoration: inherit;
  }
  
  #page-title {display: none;}
  

  Pages using this styling

  • scp-4314 [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css?family=Dancing+Script');
  
  .pigeon {
    font-family: 'Dancing Script', cursive;
    color: #a40;
  }

  Pages using this styling

  • scp-4287 [info]

  ¶ 1 occurrence
  

  .page {
      display: block;
      overflow: hidden;
      font-family: "Monotype Corsiva", "Bradley Hand ITC", sans-serif;
      font-style: normal;
      font-size: 130%;
  
      background-attachment: scroll;
      background-clip: border-box;
      background-color: transparent;
      background-image: linear-gradient(to top ,rgb(202, 219, 228) 0%, rgb(231, 233, 220) 8%);
      background-origin: padding-box;
      background-position: 0px 8px;
      background-repeat: repeat;
      background-size: 100% 20px;
  
      border: 1px solid #CCC;
      border-radius: 10px;
      padding: 10px 10px;
      margin-bottom: 10px;
  
      box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2)
      }
  .page p {
      line-height: 20px;
      margin: 0;
  }

  Pages using this styling

  • scp-4279 [info]

  ¶ 1 occurrence
  

  blockquote {
    border-style: solid;
    border-color: #000000;
    border-width: 1pt;
    background-color: #F3F3F3;
    box-shadow: 0px 1px 2px rgba(0,0,0,0.1); }

  Pages using this styling

  • scp-4241 [info]

  ¶ 1 occurrence
  

  .email-example .collapsible-block-folded a.collapsible-block-link {
      animation: blink 0.8s ease-in-out infinite alternate;
  }
  @keyframes blink {
      0% { color: transparent; }
      50%, 100% { color: hsl(266, 100%, 25%); }
  }
  .email {border: solid 2px #000000; width: 88%; padding: 1px 15px; margin: 10px; box-shadow: 0 1px 3px rgba(0,0,0,.5)}
  .email-example a.collapsible-block-link {font-weight: bold;}
  .tofrom {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px purple}

  Pages using this styling

  • scp-4230 [info]

  ¶ 1 occurrence
  

  :root{
      --barColour: #3a3a3a;
  }
  #page-title{
  margin-bottom: 0px;
  }
  .info-container .collapsible-block-folded a{
  color: #FFF;}
  .info-container .collapsible-block-unfolded-link a{
  color: #FFF;}

  Pages using this styling

  • scp-4224 [info]

  ¶ 1 occurrence
  

  .bhl-raisa {
      border:solid 0.0625rem rgba(12, 12, 12, 0.25);
      background:#f2f2c2; 
      padding: 0.3125rem; 
      margin: 0.625rem;
      box-shadow: 0em 0.063em 0.125em rgba(0, 0, 0, 0.1);
  }
  
  div.overseer {
      background: url(https://scp-wiki.wdfiles.com/local--files/djkaktus-s-proposal/amber.png) center no-repeat; 
      border: 1rem solid rgb(244, 244, 244); 
      box-shadow: 0 0 0 0.063em rgb(12,12,12) inset, 0em 0.063rem 0.3125rem rgba(0, 0, 0, 0.1); outline: 0.063em dashed rgba(12,12,12,0.25); 
      padding: 0.063em 1em; 
      text-align: justify;
      margin: .5em 40px;
      box-sizing: border-box;
  }
   
  @media only screen and (max-width: 768px) {
      div.overseer {
          margin-left: 0;
      margin-right: 0;
      }
  }

  Pages using this styling

  • scp-4223 [info]

  ¶ 1 occurrence
  

   .wide-hr hr{
       margin: auto;
  }

  Pages using this styling

  • scp-422-fr [info]

  ¶ 1 occurrence
  

  .scp-image-caption{position: inherit;}
  .page-rate-widget-box{position: relative;bottom: 1em;}
  
  sup {
  
  vertical-align: top; position: relative; top: -0.5em; 
  }
  .footnoteref a{
  color: transparent;
  }
  .footnoteref a::before{
  color: #00A;
  font-size: 12px;
  font-weight: bold;
  content: "[!]";
  text-decoration: none;
  }
  
  .footnotes-footer{display:none;}
  
  .document {
  border-radius: 10px;
  border:solid 1px #ccc;
  background: rgba(0,0,0,0.05);
  width:96.5%;
  padding: 10px;
  box-shadow: 0 2px 4px rgba(68, 68, 68, .5);
  }
  
  .bibcite{
  vertical-align: top; position: relative; top: -0.5em;font-size: 85%;}

  Pages using this styling

  • scp-4211 [info]

  ¶ 1 occurrence
  

  .page {
      display: block;
      overflow: hidden;
      font-family: "Courier New", Courier, monospace;
      font-style: normal;
  
      background-attachment: scroll;
      background-clip: border-box;
      background-color: transparent;
      background-image: linear-gradient(to top ,rgb(180, 186, 152) 0%, rgb(231, 233, 220) 8%);
      background-origin: padding-box;
      background-position: 0px 8px;
      background-repeat: repeat;
      background-size: 100% 20px;
  
      border: 1px solid #CCC;
      border-radius: 10px;
      padding: 10px 10px;
      margin-bottom: 10px;
  
      box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2)
      }
  .page p {
      line-height: 20px;
      margin: 0;
  }

  Pages using this styling

  • scp-4210 [info]

  ¶ 1 occurrence
  

  :root{ 
  --cutColour: #fafafa;
  --barColour: #590505;
  }
  
  
  
  .translation_block{
      display: none;
  }
  
  .info-container .collapsible-block-folded a{
  color: #FFF;}
  .info-container .collapsible-block-unfolded-link a{
  color: #FFF;}

  Pages using this styling

  • scp-4210 [info]

  ¶ 1 occurrence
  

  .iframe {
      overflow: hidden;
      height: 85vh !important;
      display: block;
  }
      #main-content{
      	position: -webkit-sticky; /* Safari */
   		position: sticky !important;
      	align-self: flex-start;
      	top: -4.375rem;
      	left: 0;
      	right: 0;
      	bottom: 2vh;
      }
  @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  #main-content{
      	top: 0!important;
      }
  }

  Pages using this styling

  • scp-4205 [info]

  ¶ 1 occurrence
  

  #container {
      text-shadow: 0 0.2rem 1rem #7b7b7b
  }
  
  sup { 
  vertical-align: top; position: relative; top: -0.5em; 
  }
  :root{ 
  --cutColour: rgb(var(--white-monochrome));
  --barColour: rgb(var(--bright-accent));
  }
  
  .info-container .collapsible-block-folded a{
  color: #FFF;}
  .info-container .collapsible-block-unfolded-link a{
  color: #FFF;}
  
  .info-container .collapsible-block-link, 
  .info-container:hover .collapsible-block-link {
  line-height: 1.6em;
  }
  
  .page-rate-widget-box {
      overflow: hidden;
      padding: 4px 0 4px 0;
      border-radius: 5px;
      position: relative;
  }
  
  #page-content {
      margin-top: -4rem;
  }
  
  #header {
      filter: inherit;
      -webkit-filter: inherit;
  }
  
  @media (max-width: 775px) {
      #page-content > div:nth-child(1) > div {
          margin-top: -0.5rem !important;
      }
      .page-rate-widget-box {
          width: intrinsic;  
          width: -moz-max-content;    
          width: -webkit-max-content;
          margin: 0 auto 2rem auto !important;
      }
  }
  
  .shadow {
  -webkit-border-radius: 20px/60px;
  -webkit-box-shadow: rgba(0, 0, 0,.30) 0 2px 3px;
    width: 80%;
    margin: auto;
  }
  .container {
    margin: auto;
    margin-top: -5px;;
  
    background: #fff;
    border: 1px solid #000;
    box-shadow: 1px 1px 2px #fff inset,
                -1px -1px 2px #fff inset;
    border-radius: 20px/60px;  
  }
  
  a img {
      position: relative;
      z-index: 1;
  }

  Pages using this styling

  • scp-4205 [info]

  ¶ 1 occurrence
  

  
  .enlarge:hover{
  transform: scale(2.0);
  }
  
  .icepick-author { 
      display: none; 
  }
  

  Pages using this styling

  • scp-4188 [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css?family=Nothing+You+Could+Do');

  Pages using this styling

  • scp-4184 [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css?family=Caveat');

  Pages using this styling

  • scp-4184 [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css?family=Amatic+SC');

  Pages using this styling

  • scp-4184 [info]

  ¶ 1 occurrence
  

  a.collapsible-block-link {
    font-weight: bold;
  }

  Pages using this styling

  • scp-4175 [info]

  ¶ 1 occurrence
  

  .class1image img {
      mix-blend-mode: multiply;
  }

  Pages using this styling

  • scp-4161 [info]

  ¶ 1 occurrence
  

  
  ul li {
  margin-bottom:5px;
  }
  
  .pictures4mobile {
      height: 0px;
      overflow: hidden;
  }
  
  .pictures4desk {
      height: auto;
  }
  
  @media only screen and (max-width: 600px) {
  
      .journal-logs {
          margin: 0% 4% 0% 4%;
      }
  
      .pictures4mobile {
          height: auto;
      }
  
      .pictures4desk {
          height: 0px;
          overflow: hidden;
      }
  
  }
  

  Pages using this styling

  • scp-4107 [info]

  ¶ 1 occurrence
  

  :root {
    --scp-number: ' 4106';  /*Fixing collapsibles*/
  }
  #page-content .collapsible-block-folded .collapsible-block-link::before {
      content: "▷ ADDENDUM " var(--scp-number) "." counter(collapse);
  }
  #page-content .collapsible-block-unfolded .collapsible-block-link::before {
      content: "▽ ADDENDUM " var(--scp-number) "." counter(collapse);
  }
  #page-content .unfolded-collapse::before {
      content: "▽ ADDENDUM" var(--scp-number) "." counter(collapse);
  }

  Pages using this styling

  • scp-4106 [info]

  ¶ 1 occurrence
  

  
  :root{
       --titleColor: hsl(0, 0%, 95%);
       --subtitleColor: hsl(60, 62%, 85%);
       --lgurl: url(https://scp-wiki.wikidot.com/local--files/scp-4104/unknown.png);
  }
  
   #header::before{
       position: absolute;
       width: 100%;
       height: 100%;
       content: "";
   
       background-image: var(--lgurl);
       background-position: center top;
       background-repeat: no-repeat;
       background-size: auto 8.5em;
       margin-top: 0.5em;
       opacity: .46;
  }
   
  #header h1 a::before {
      content: var(--header-title, "SCP Foundation");
  }
  
  #header h2::before {
      content: var(--header-subtitle, "Secure, Contain, Protect");
  }
  
  #header h1 a::before{
       text-shadow: 4px 4px 4px hsla(0, 0%, 0%, .8);
  }
  
   #header h2::before{
       text-shadow: 3px 3px 3px hsla(0, 0%, 0%, .9);
  }
  
   #header h1 a::before{
       font-family: BauhausLTDemi, 'Nanum Gothic', Arial, sans-serif;
       font-size: 115%;
  }
  
   #header h2::before{
       font-family: 'Trebuchet MS', Arial, sans-serif;
  }
  
  span:not([class]):not([style]) > sup.footnoteref:first-child > a.footnoteref:before,
  sup.footnoteref > a.footnoteref:before {
    content: "[";
  }
  span:not([class]):not([style]) > sup.footnoteref:first-child > a.footnoteref:after,
  sup.footnoteref > a.footnoteref:after {
    content: "]";
  }
  

  Pages using this styling

  • scp-4104 [info]

  ¶ 1 occurrence
  

  
  blockquote{
  background-size: cover;
  }
  .doapaper1 blockquote{
  background-image:url(https://scp-wiki.wikidot.com/local--files/scp-4099/gRjvJ66.webp);
  }
  .doapaper2 blockquote{
  background-image:url(https://scp-wiki.wikidot.com/local--files/scp-4099/NXtblxY.webp);
  }
  .doapaper3 blockquote{
  background-image:url(https://scp-wiki.wikidot.com/local--files/scp-4099/OEBvcaH.webp);
  }
  .doapaper4 blockquote{
  background-image:url(https://scp-wiki.wikidot.com/local--files/scp-4099/3AhKw5T.webp);
  }
  

  Pages using this styling

  • scp-4099 [info]

  ¶ 1 occurrence
  

  /* HEADER */
  #header h1 a{
      display: block;
      margin: 0;
      padding: 80px 0 25px;
      line-height: 0;
      max-height: 0;
      color: transparent;
      background: transparent;
      font-family: 'Verdana', Arial, sans-serif;
      text-decoration: none;
      text-shadow: none;
      letter-spacing: 0.9px;
  }
  #header h1 a::before{
      content: "DoMC";
      color: white;
      letter-spacing: -0.02em;
      text-shadow: 3px 3px 5px black;
  }
  #header h2 span{
      display: block;
      margin: 0;
      padding: 19px 0;
      line-height: 0;
      max-height: 0;
      font-weight: bold;
      color: transparent;
      text-shadow: none;
  }
  #header h2 span::before{
      content: 'Solving Communications Problems';
      color: white;
      text-shadow: 1px 1px 1px black;
  }

  Pages using this styling

  • scp-4098 [info]

  ¶ 1 occurrence
  

  :root {
      --header-title: "SCP Foundation";
      --header-subtitle: "Schools Call for Perusal";
  }
  
  .scp-image-block.block-right { margin: 1em 2em 1em 1em; }
  
  #page-title{display:none}
  
  .skin_note {
      background: #fffff0;
      background-size: 400px;
      background-position: center;
      background-repeat: no-repeat;
      box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
      width: 50%;
      min-height: 4rem;
      margin-left: auto;
      margin-right: auto;
      padding: 10px 20px 20px 20px;
      word-break: break-word;
  }
  
  
  .scp-image-block.block-right { margin: 1em 2em 1em 1em; }
  

  Pages using this styling

  • scp-4081 [info]

  ¶ 1 occurrence
  

  sup { 
  
  vertical-align: top; position: relative; top: -0.5em;
  }

  Pages using this styling

  • scp-4078 [info]

  ¶ 1 occurrence
  

  sup {
  
  vertical-align: top; position: relative; top: -0.5em;
  }
  
  .raisa_box{
  border:solid 1px #252525;
  background:#f2f2c2;
  padding: 5px;
  margin-bottom: 10px;
  width: 95%;
  align: center;
  margin:0 auto;
  box-shadow: 0 5px 15px rgba(0,0,0,.2);
  }
  
  .smaller-g hr{
  width: 45%;
  background-color: #e6e6e6;
  height: 110%;
  border: none;
  height: 2px;
  text-align:center; 
  margin: 0 auto;
  }
  

  Pages using this styling

  • scp-4073 [info]

  ¶ 1 occurrence
  

  div#extra-div-1 {
      height: 160px;
      width: 100%;
      top: 0;
      position: absolute;
      background: url('https://scp-wiki.wikidot.com/local--files/scp-4072/sitelogo');
      background-size: 150px;
      background-repeat: no-repeat;
      background-position: 50% 50%;
      z-index: -1;
  }
  #page-content a.collapsible-block-link { font-weight: bold; 
  }
  .info-container .collapsible-block-folded a, .info-container .collapsible-block-unfolded-link a { color: #FFF; 
  }
  .top-left-box>.item {
      display: inline;
  }
  #header h1 a::before {
    content: var(--header-title, "SITE-184");
    font-weight: 400;
    font-size: 1.3em;
  }
  #header h2::before {
    content: var(--header-subtitle, "THE SEA \0026  THE SHORE");
    font-weight: 700;
    font-size: 1.2em;
  }
  #page-content .info-container .translation_block {
      display: none;
  }
  #page-content .info-container .collapsible-block-link,
  #page-content .info-container:hover .collapsible-block-link {
      line-height: 1.6em;
  }
  #page-content .info-container .collapsible-block-folded,
  #page-content .info-container .collapsible-block-unfolded-link {
      display: grid;
  }
  #page-content .info-container .collapsible-block-folded .collapsible-block-link,
  #page-content .info-container .collapsible-block-link {
      -webkit-mask: unset;
              mask: unset;
      background: transparent;
      grid-column: 1;
      grid-row: 1;
      opacity: 0;
  }
  #page-content .info-container .collapsible-block-folded::before,
  #page-content .info-container .collapsible-block-unfolded-link::before {
      font-weight: 800;
      content: "DrApricus";
      color: var(--linkColour);
      font-family: Inter, Arimo, Verdana, Geneva, "Helvetica Neue", "Helvetica", Arial, sans-serif;;
      display: block;
      pointer-events: none;
      grid-column: 1;
      grid-row: 1;
  }
  .info-container{
  --barColour: #888888;
  --linkColour: #FFF;
  }

  Pages using this styling

  • scp-4072 [info]

  ¶ 1 occurrence
  

  sup { 
  
  vertical-align: top; position: relative; top: -0.5em; 
  }
  
  .smaller-g hr{
  width: 45%;
  margin: auto;
  background-color: #e6e6e6;
  border: none;
  height: 2px;
  }
   
  .adden{
  font-size: 1.3em;
  }

  Pages using this styling

  • scp-4058 [info]

  ¶ 1 occurrence
  

  .test {border: solid 2px #000000; width: 88%; padding: 1px 15px; margin: 10px auto; box-shadow: 0 1px 3px rgba(0,0,0,.5)}
  .therapy {background: #eff4ff; padding: 1px 15px; border: 2px solid #2F4F4F; width: 88%; margin: 10px auto; box-shadow: 0 1px 3px rgba(0,0,0,1)}
  
  .breach-proto {
    margin: 20px auto;
    border: solid 2px #000000;
    background-color: #F5F5F5;
    width: 90%;
    padding: 0 2%;
  }

  Pages using this styling

  • scp-4051 [info]

  ¶ 1 occurrence
  

  .page {
      display: block;
      overflow: hidden;
      font-family: "Courier New", Courier, monospace;
      font-style: normal;
  
      background-attachment: scroll;
      background-clip: border-box;
      background-color: transparent;
      background-image: linear-gradient(to top ,rgb(202, 219, 228) 0%, rgb(231, 233, 220) 8%);
      background-origin: padding-box;
      background-position: 0px 8px;
      background-repeat: repeat;
      background-size: 100% 20px;
  
      border: 1px solid #CCC;
      border-radius: 10px;
      padding: 10px 10px;
      margin-bottom: 10px;
  
      box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2)
      }
  .page p {
      line-height: 20px;
      margin: 0;
  }
  
  .footnoteref{
  color: #FF5555;
  }
  .danke{
  padding: 5px 5px 5px 15px;
  margin-bottom:10px;
  width: 100%;
  font-family: monospace;
  font-size: 1.1em; }
  
  .agent{
  background-color:#002200;
  border: 3px solid #55AA55;
  color: #77CC77;
  }
  
  .site{
  background-color:#222200;
  border: 3px solid #AAAA55;
  color: #DDDD77;
  }
  
  :root{ 
  --cutColour: #fafafa;
  --barColour: #590505;
  }
  
  .info-container .collapsible-block-folded a{
  color: #FFF;}
  .info-container .collapsible-block-unfolded-link a{
  color: #FFF;}

  Pages using this styling

  • scp-4049 [info]

  ¶ 1 occurrence
  

  /* HEADER AREA */
   :root {
      --header-title: "RAISA Archive";
      --header-subtitle: "RECORDS AND INFORMATION SECURITY ADMINISTRATION";
      --titleColor: hsl(0, 0%, 20%);
      --subtitleColor: hsl(0, 0%, 20%);
      --lgurl: url(https://scp-wiki.wdfiles.com/local--files/scp-4031/raisa-logo100.png);
  }
  
   div#container-wrap {
      background-image: url(https://scp-wiki.wdfiles.com/local--files/scp-4031/raisa-body_bg.png);
  }
  
   #header::before {
      opacity: .4;
  }
  
   #login-status,
   #login-status a,
   #login-status #my-account {
      color: hsl(0, 0%, 20%);
  }
  
   #account-topbutton {
      border-color: hsl(0, 0%, 20%);
  }
  
   #page-title {
      display: none;
  }
  
  /* FORMATTING */
   #page-content .collapsible-block {
      box-shadow: none;
  }
  
   .title-style {
      text-underline-offset: 30%;
  }
  
   .centered-table {
      display: flex;
  
      border-collapse: collapse;
  }
  
   .centered-table > tbody {
      margin: auto;
  }
  
   .centered-table td {
      padding: .4rem .8rem;
  
      border: thin solid hsl(0, 0%, 5%);
  
      text-align: center;
  }
  
   .centered-table tr:first-child td {
      width: 30%;
  
      background: silver;
  
      font-weight: bold;
  }
  
   .sanguine {
      color: hsl(356, 82%, 38%);
  
      font-weight: bold;
  }

  Pages using this styling

  • scp-4031 [info]

  ¶ 1 occurrence
  

  div.vcomms{
      background-color: #b0f0a5;
      padding-left: 2px;
      font-family: monospace;
      font-size: medium
  }
  
  div.swarning{
      border: 1px solid gray;
      margin: 1em 0 1em 0;
      padding: 0 1em 0 1em;
      color: black;
      background-color: #e0e0e0;
  }

  Pages using this styling

  • scp-4011 [info]

  ¶ 1 occurrence
  

  /* Hide the collapsible link once it's been expanded */
  .collapsible-block-unfolded-link .collapsible-block-link, #breadcrumbs {
    display: none;
  }
  
  /* Make superscripts not fuk with the line spacing */
  sup {
    vertical-align: top;
    position: relative;
    top: -0.5em;
  }
  
  /* Haha blue boi, or peach boi, courtesy of Croquembouche */
  .outside {
    margin: 2em -6em;
    padding: 1em 10em;
    --narration-color: rgba(255, 204, 204,1);
    background: var(--narration-color);
    background: linear-gradient(90deg, rgba(255,255,255,0) 0%, var(--narration-color) 20%, var(--narration-color) 80%, rgba(255,255,255,0) 100%);
    z-index: -2;
  }
  
  /* Make the peach bois that are within the document have smaller margins so they break flow less*/
  .outside.inline {
    margin: 1em -6em;
    padding: 1px 10em;
  }
  
  /* Force the side bar to render on top of the blue bois */
  #side-bar {
    z-index: 2;
  }
  
  /* Hide the original page title */
  #page-title {
    display: none;
  }
  
  /* Make my fake page title look like the original (thanks SCP-2998) */
  .page-title {
    border-bottom: solid 1px #bbbbbb;
    color: #990011;
    font-weight: normal;
    margin: 0 0 0.6em;
    padding: 0 0 0.25em;
    font-size: 200%;
  }
  .page-title p {
    margin: 0;
  }
  
  @media only screen and (max-width: 1040px) {
    .outside {
      margin-right: 0 !important;
      margin-left: 0 !important;
      padding-left: 3em !important;
      padding-right: 3em !important;
    }
  }
  
  body {
    overflow-x: hidden;
  }

  Pages using this styling

  • scp-4009 [info]

  ¶ 1 occurrence
  

  
  #header {
      background-image: url(https://scp-wiki.wdfiles.com/local--files/scp-3176/temporal_dept_logo.png);
  }
  
  #header h2 span {
      display: block;
      margin: 0;
      padding: 19px 0;
      line-height: 0px;
      max-height: 0px;
      font-weight: bold;
      color: transparent;
      text-shadow: none;
  }
  
  #header h2 span::before {
      content: 'Department of Temporal Anomalies ';
      color: #fff;
      text-shadow: 1px 1px 1px #000;
      text-shadow: 1px 1px 1px rgba(0,0,0,.8);
  }
  

  Pages using this styling

  • scp-4003 [info]

  ¶ 1 occurrence
  

  blockquote{-webkit-margin-start: 0px;-webkit-margin-before: 1em;-webkit-margin-after: 1em;-webkit-margin-end: 0px;border: 3px solid #000000}
  .red blockquote{background-color:#ffe2e2}
  .orange blockquote{background-color:#ffe4c1}
  .yellow blockquote{background-color:#fff9d3}
  .gray blockquote{background-color: #d1d1d1}

  Pages using this styling

  • scp-4000-j [info]

  ¶ 1 occurrence
  

  .taleBlock {
     margin: 0px 80px 0px 50px;
     padding: 10px 20px 10px 20px;
     background-color: #f2f2f2;
  }

  Pages using this styling

  • scp-4000 [info]

  ¶ 1 occurrence
  

  :root {
      --header-title: "SCP Foundation";
      --header-subtitle: "Screaming Climate Purifiers";
  }
  
  sup {
    vertical-align: top;
    position: relative;
    top: -0.5em;
  }
  
  .scp-image-block.block-right { margin: 1em 2em 1em 1em; }
  
  #page-title{display:none}
  
  /* ==== 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' by LtFlops
  **/
   .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: 1em;
      border-color: hsl(0, 0%, 60%);
  }
  

  Pages using this styling

  • scp-3987 [info]

  ¶ 1 occurrence
  

  span, a { word-break: normal; }
  
  /* Hide the collapsible link once it's been expanded */
  .collapsible-block-unfolded-link .collapsible-block-link, #breadcrumbs {
    display: none;
  }
  
  /* Make superscripts not fuck with the line spacing */
  sup {
    vertical-align: top;
    position: relative;
    top: -0.5em;
  }
  
  /* Haha blue boi */
  .outside {
    margin: 2em -6em;
    padding: 1em 10em;
    --narration-color: rgba(214, 234, 248,1);
    background: var(--narration-color);
    background: linear-gradient(90deg, rgba(255,255,255,0) 0%, var(--narration-color) 20%, var(--narration-color) 80%, rgba(255,255,255,0) 100%);
    z-index: -2;
  }
  
  /* Make the blue bois that are within the document have smaller margins so they break flow less*/
  .outside.inline {
    margin: 1em -6em;
    padding: 1px 10em;
  }
  
  /* Force the side bar to render on top of the blue bois */
  #side-bar {
    z-index: 2;
  }
  
  /* Hide the original page title */
  #page-title {
    display: none;
  }
  
  /* Make my fake page title look like the original (thanks SCP-2998) */
  .page-title {
    border-bottom: solid 1px #bbbbbb;
    color: #990011;
    font-weight: normal;
    margin: 0 0 0.6em;
    padding: 0 0 0.25em;
    font-size: 200%;
  }
  .page-title p {
    margin: 0;
  }
  
  @media only screen and (max-width: 1040px) {
    .outside {
      margin-right: 0 !important;
      margin-left: 0 !important;
      padding-left: 3em !important;
      padding-right: 3em !important;
    }
  }
  
  body {
    overflow-x: hidden;
  }
  
  .denied { padding: 0 3rem 1rem; margin: 3rem auto; width: 75%; border: 4px solid firebrick; text-align: center; box-sizing: border-box; }
  .denied h1 { font-size: 2.5rem; color: firebrick; font-family: verdana; }
  @media (max-width: 768px) {
    .denied { padding-left: 1rem; padding-right: 1rem; width: 90% }
  }

  Pages using this styling

  • scp-3984 [info]

  ¶ 1 occurrence
  

  .activation{
    background-color: rgb(49, 2, 2);
    border-left: 3px solid rgb(153, 0, 0);
    border-right: 3px solid rgb(153, 0, 0);
    padding: 16px;
  }

  Pages using this styling

  • scp-3977 [info]

  ¶ 1 occurrence
  

  
  .wup {
  
  width:130% !important;
  }
  :root {
      --logo: url(http://scp-wiki.wdfiles.com/local--files/fragment%3Amcdoctorate-s-proposal-5/foundationslogos1.png);
      --title: "FOUNDATION";
      --subtitle: "ARCHIVAL SITE-01";
  }
  
  div.authorlink-wrapper{
  
  margin-top: var(--author-top-adjust, .2em) !important;
  
  }
  
  div.poppin{
  
  box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset !important;
  
  border-radius: 5px 5px 5px 5px !important;
  }
  .darktext {
  color:black;
  Font-size:100%;
  }
  
  .padded{
  
  4px 4px 4px 15px;
  
  }
  .inset{
  margin-bottom:10px;
  font-family: monospace;
  font-size: 100%;
  background-color:black;
  color: #77CC77;
  padding: 5px 5px 5px 15px;
  position: relative;
  border-style:ridge;
  border-radius: 15px;
  }
  
  .scpfnet{
  position: relative;
  padding: 8px 8px 8px 8px;
  border-style: double;
  border-radius: 15px;
  width: 100%;
  margin-bottom:10px;
  font-family: monospace;
  font-size: 100%;
  border-style:ridge;
  
  }
  
  .text {
  
  color: black;
  Font-size:100%;
  }
  

  Pages using this styling

  • scp-3959-restricted [info]

  ¶ 1 occurrence
  

  .wup {
  
  width:130% !important;
  }
  :root {
      --logo: url(http://scp-wiki.wdfiles.com/local--files/fragment%3Amcdoctorate-s-proposal-5/foundationslogos1.png);
      --title: "FOUNDATION";
      --subtitle: "ARCHIVAL SITE-01";
  }
  div.page-rate-widget-box .rate-points {
  border: none !important;
  }
  div.authorlink-wrapper{
  margin-top: var(--author-top-adjust, .2em) !important;
  

  Pages using this styling

  • scp-3959 [info]

  ¶ 1 occurrence
  

  
  /* HEADER */
  #header{ background-image: url(http://scp-wiki.wdfiles.com/local--files/scp-4428/DoMC_Logo100.png); }
  #header h1 a{
      display: block;
      margin: 0;
      padding: 80px 0 25px;
      line-height: 0;
      max-height: 0;
      color: transparent;
      background: transparent;
      font-family: 'Verdana', Arial, sans-serif;
      text-decoration: none;
      text-shadow: none;
      letter-spacing: 0.9px;
  }
  #header h1 a::before{
      content: "DoMC";
      color: white;
      letter-spacing: -0.02em;
      text-shadow: 3px 3px 5px black;
  }
  #header h2 span{
      display: block;
      margin: 0;
      padding: 19px 0;
      line-height: 0;
      max-height: 0;
      font-weight: bold;
      color: transparent;
      text-shadow: none;
  }
  #header h2 span::before{
      content: 'Solving Communications Problems';
      color: white;
      text-shadow: 1px 1px 1px black;
  }
  
  .notice{
      background: #b54d3b;
      outline: 4px solid #b54d3b;
      border: 1px solid #fdf560;
      padding: 0.78em;
      color: #fdf560;
      text-align: center;
      font-weight: bold;
      word-break: unset;
  }
  
  .red{
      color: #FF0000;
  }
  
  .h2{
      margin: 0.5em 0 0.4em;
      padding: 0;
      letter-spacing: 1px;
      font-size: 150%;
      font-family: "Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica;
  }
  
  .quote-block{
      border: 3px double #999;
      background-color: #d8e5f0;
      padding: .25em 1em;
      margin-bottom: 1em;
  }
  
  

  Pages using this styling

  • scp-3955 [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css?family=Caladea|IM+Fell+DW+Pica|IM+Fell+DW+Pica+SC|Tangerine|Indie+Flower|Courgette');
   
  #page-title {
      font-family: 'Tangerine', cursive;
  }
  .paper {
      background: linear-gradient(rgba(220, 240, 240, 0.3), rgba(240, 240, 220, 0.5)), url(http://www.scp-wiki.net/local--files/theme:unusual-Cargo/TOAST-PAPER.jpg);
      box-shadow: 4px 6px 8px #a98;
      border-radius: 10px;
      font-family: "Indie Flower";
      padding: 1em .5em 1em .5em;
      display: block;
      margin-block-start: 1em;
      margin-block-end: 1em;
      margin-inline-start: 40px;
      margin-inline-end: 40px;
  }
  h2, h3, h4, h5, h6 {
      font-family:'IM Fell DW Pica SC', serif;}
   
  h1, #page-title {
      color: #000;
      padding: 0 0 0.25em;
      margin: 0 0 0.6em;
      font-weight: heavy;
      font-family: 'IM Fell DW Pica', serif;
  }
   
  @media (max-width: 478px) {
      div.paper {
      margin-inline-start: 0px;
      margin-inline-end: 0px;
      margin-block-start: 0em;
      margin-block-end: 0em;
      Margin: .5em 0em .5em 0em;
      }

  Pages using this styling

  • scp-3946 [info]

  ¶ 1 occurrence
  

  :root { --swatch-primary: 187, 0, 17; }
  .story {
    clear: both; border: 3px black solid; padding: calc(20px - 1em) 0 20px 0;
  }
  .story p, .choices {
    margin-left: 20px; margin-right: 20px; 
  }
  
  .choices {
    clear: both;
  }
  .choices p {
    clear: both; margin: 0; margin-top: 0.5rem;
  }
  
  .footer-wikiwalk-nav {
    margin-top: 50px;
  }
  .footer-wikiwalk-nav a:nth-of-type(2) {
    color: black !important;
  }
  span, a {
    word-break: normal !important;
  }
  
  /* Improved arrow CSS by EstrellaYoshte */
  .choices a {
      width: max-content;
      max-width: 70%;
      background-color: transparent;
      padding: 3px 6px;
      position: relative;
      display: block;
      z-index: 0;
      --border-thickness: 0.0625rem;
      clip-path: polygon(0 -5%, 130% -5%, 130% 105%, 0 105%);
      border-left: var(--border-thickness) solid rgb(var(--swatch-primary));
  }
  .choices a::before, .choices a::after {
      content: "";
      position: absolute;
      height: 50%;
      width: 105%;
      display: block;
      z-index: -1;
      left: 0;
      box-sizing: border-box;
      border: solid var(--border-thickness) rgb(var(--swatch-primary));
      border-left-width: 0;
      border-right-width: calc(var(--border-thickness)*1.35);
  }
  .choices a::before {
      top: 0;
      transform: skew(35deg);
      border-bottom-width: 0;
  }
  .choices a::after {
      bottom: 0;
      transform: skew(-35deg);
      border-top-width: 0;
  }

  Pages using this styling

  • scp-3939 [info]

  ¶ 1 occurrence
  

  :root {
    --author-top-adjust: -0.25rem;
    --timeDelay: 0.5s;
  }
  
  /* Bottom Rating Module */
  .bottom-rating-module {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-block: 1rem;
  }
  
  .bottom-rating-module .page-rate-widget-box {
    margin: 0;
  }
  
  /* Article-Specific Styling */
  #page-title {
    text-align: center
  }
  

  Pages using this styling

  • scp-3930-does-not-exist [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Courier+Prime&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Cabin+Sketch&display=swap');
  
  div.info-container > div.collapsible-block {
      padding: 0 !important;
      margin: 0 !important;
      box-shadow: none !important;
  }
  
  

  Pages using this styling

  • scp-3911 [info]

  ¶ 1 occurrence
  

  
  .scp-image-block.block-right {
      margin: 0em 0em 1em 2em;
  }
  
  .pictures4mobile {
      height: 0px;
      overflow: hidden;
  }
  
  .pictures4desk {
      height: auto;
  }
  
  @media only screen and (max-width: 600px) {
  
  
      .pictures4mobile {
          height: auto;
      }
  
      .pictures4desk {
          height: 0px;
          overflow: hidden;
      }
  
  }

  Pages using this styling

  • scp-3906 [info]

  ¶ 1 occurrence
  

  .footnoteref{
  color: #FF5555;
  }
  .screen{
  padding: 5px 5px 5px 15px;
  margin-bottom:10px;
  width: 100%;
  font-family: monospace;
  font-size: 1.4em; }
  
  .research{
  background-color:#002200;
  border: 3px solid #55AA55;
  color: #77CC77;
  }
  
  .reactor{
  background-color:#7c2e00;
  border: 3px solid #ff4500;
  color: #ff9f00;
  }

  Pages using this styling

  • scp-3893 [info]

  ¶ 1 occurrence
  

  #page-content .collapsible-block-folded a.collapsible-block-link {
      animation: blink 0.8s ease-in-out infinite alternate;
  }
  @keyframes blink {
      0% { color: transparent; }
      50%, 100% { color: 0xFF0000; }
  }

  Pages using this styling

  • scp-3874 [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=La+Belle+Aurore&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Nothing+You+Could+Do&display=swap');
  
  div.info-container > div.collapsible-block {
      padding: 0 !important;
      margin: 0 !important;
      box-shadow: none !important;
  }
  
  .lucien {
      display: block;
      overflow: hidden;
      font-family: 'Nothing You Could Do', cursive;
      font-style: normal;
      font-size: 150%;
  
      background-attachment: scroll;
      background-clip: border-box;
      background-color: rgb(252, 224, 199); 
      background-origin: padding-box;
      background-position: 0px 8px;
      background-repeat: repeat;
      background-size: 100% 20px;
  
      border: 1px solid #CCC;
      border-radius: 10px;
      padding: 10px 10px;
      margin-bottom: 10px;
  
      box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2)
      }
  .lucien p,
  .lucien ul {
      line-height: 25px;
      margin: 0;
  }
  
  .eleanore {
      display: block;
      overflow: hidden;
      font-family: 'La Belle Aurore', cursive;
      font-style: normal;
      font-size: 150%;
  
      background-attachment: scroll;
      background-clip: border-box;
      background-color: rgb(252, 233, 199);
      background-origin: padding-box;
      background-position: 0px 8px;
      background-repeat: repeat;
      background-size: 100% 20px;
  
      border: 1px solid #CCC;
      border-radius: 10px;
      padding: 10px 10px;
      margin-bottom: 10px;
  
      box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2)
      }
  .eleanore p,
  .eleanore ul {
      line-height: 25px;
      margin: 0;
  }

  Pages using this styling

  • scp-3862 [info]

  ¶ 1 occurrence
  

  #header h1 span::before {
      content: 'SCPF-CJBK17';
      color: white;
  }

  Pages using this styling

  • scp-3856 [info]

  ¶ 1 occurrence
  

  
  /* TABS */
  
  .yui-navset .yui-nav,
  .yui-navset .yui-navset-top .yui-nav {
      border-color:#A0522D; /* color between tab list and content */
  }
   
  .yui-navset .yui-nav a,
  .yui-navset .yui-navset-top .yui-nav a {
      background-color:##996515; ! important; /* tab background */
      border-color:#A0522D; 
      color:#303030;
      transition: 0.125s;
  }
   
  .yui-navset .yui-nav a em {
  background-color: #fdfdfd;
  box-shadow: 0px 1px 2px rgba(0,0,0,0.7);
  border-color: #992315;
  }
   
  .yui-navset .yui-nav .selected a,
  .yui-navset .yui-nav .selected a:focus,
  .yui-navset .yui-nav .selected a:hover {
      background-image: none;
      background-color: #4D4D4D; /* selected tab background */
      color:white;
  }
   
  .yui-navset .yui-nav .selected a,
  .yui-navset .yui-nav .selected a em {
      border-color: transparent;
      box-shadow: 0px 1px 2px rgba(134,7,7,0.5);
   background-color: #c72e2e; 
  }
   
  .yui-navset .yui-content {
      background-color: #FFFFFF; /* content background color */
  }
   
  .yui-navset .yui-content,
  .yui-navset .yui-navset-top .yui-content {
      border-color: #b7a9a9; /* content border */
      border-top-color:#b7a9a9; /* different border color */
  }
   
  .yui-navset-left .yui-content {
      border-left-color: #b7a9a9; /* different border color */
  }
   
  blockquote {
    border-style: dashed;
    border-color: #a7a7a7;
    border-width: 1pt;
    background-color: #ffffff;
    box-shadow: 0px 1px 2px rgba(0,0,0,0.1); }
   
  div.image-block {
   float:right;
   margin:0 2em 1em 2em;
   width:300px;
  }
  
  /* Script */
  
  .pewpew { 
    display: inline-block; 
    width: 100%;
    float: center; 
    border: gray 1px; 
    padding: 10px 10px 10px 10px;
    margin: 0.625em;
    background-color: #fafafa; 
    box-shadow: 0 2px 4px rgba(75, 75, 75, .5);
  }
  .body_s {
    font-family: Courier New; 
    font-weight: bold;
  }

  Pages using this styling

  • scp-3854 [info]

  ¶ 1 occurrence
  

   :root{
     /* -- TITLES -- */
       --header-title: "SCP Foundation";
       --header-subtitle: "Secure. Contain. Protect";
  /*
       --titleColor:  255, 255, 255;
       --subtitleColor: 255, 255, 255;
  */
  }
  
  #page-title{
      display:none;
  }

  Pages using this styling

  • scp-3822 [info]

  ¶ 1 occurrence
  

  :root {
  
  
  --test: #cf9f2d;
  
  --header-title: "The SCP Foundation";
  --header-subtitle: "Our passion shall engulf the ports like fireworks along the coast.";
  --logo-image: url('https://scp-wiki.wdfiles.com/local--files/cos-tu-smierdzi/FaeEmpireChronicles');
  
  --visited-link-color:var(--medium-accent);
  }
  .fancyborder {
      box-sizing: border-box;
      padding: 2vw;
      border: 2vw solid rgba(0, 0, 0, 0.5);
      border-image: url("https://wanderers-library.wikidot.com/local--files/component:dustjacket-theme/wl_border.png") 600 round;
      border-image-width: 6;
  }
  
   #header h1 a {
       margin-top: calc((var(--header-height-on-desktop) - 0.5em)/2);
       margin-left: calc(var(--header-height-on-desktop) - .75rem);
       padding: 0;
       font-size: 150%;
       overflow-wrap: normal;
      }
      @media only screen and (max-width: 56.25rem) {
       margin-top: calc((var(--header-height-on-desktop) - 0.5em)/2);
       margin-left: calc(var(--header-height-on-desktop) - .75rem);
       padding: 0;
       font-size: 200%;
       overflow-wrap: normal;
      }
  }
  .footnotes-footer {
  display: none;
  }

  Pages using this styling

  • scp-3810 [info]

  ¶ 1 occurrence
  

  #page-content .collapsible-block {  
    max-width: 100%;
      /* text-align: center; */
      text-align: center;
  text-color: black;
      border-color: #000000;
      border: solid 1px #000000;
      background-color: #f5f5f5;
  }
  .collapsible-block-content p {
      text-align: left;
      padding-left: 20px;
      padding-right: 20px;
  }
  blockquote {
      border: 1px double #999;
      /* padding: 0 1em; */
      background-color: #ffffff;
  }

  Pages using this styling

  • scp-3791 [info]

  ¶ 1 occurrence
  

  #page-content .info-container .collapsible-block-folded::before,
  #page-content .info-container .collapsible-block-unfolded-link::before {
      content: "Collaboration";
  }

  Pages using this styling

  • scp-3790 [info]

  ¶ 1 occurrence
  

  /* == COMMON == */
   :root{
      --lgurl: url(https://scp-wiki.wdfiles.com/local--files/component:pride-highlighter/tg_logo.svg);
  }
  
   #page-title {
      display: none;
  }
  
  /* == FORMATTING | [SPECIAL] == */
   .council {
      background-image: url(https://scp-wiki.wikidot.com/local--files/scp-3787/antimemetics.webp);
  }
  
   .flicker-effect {
      animation: flicker 10s infinite;
  }
  
   @keyframes flicker {
      0% { opacity: .5; }
  
      10% { opacity: .5; }
      10.5% { opacity: .25; }
      11% { opacity: .5; }
  
      20% { opacity: .5; }
      20.5% { opacity: .1; }
      21% { opacity: .5; }
      21.5% { opacity: .5; }
      22% { opacity: 0; }
      22.5% { opacity: .25; }
  
      28.75% { opacity: .4; }
  
      35% { opacity: .25; }
      35.5% { opacity: .1; }
      36% { opacity: .25; }
      36.5% { opacity: .5; }
      37% { opacity: 0; }
      37.5% { opacity: .25; }
      38% { opacity: .5; }
  
      50% { opacity: .5; }
      50.5% { opacity: .1; }
      51% { opacity: .5; }
      51.5% { opacity: .5; }
      52% { opacity: 0; }
      52.5% { opacity: .25; }
  
      58.75% { opacity: .4; }
  
      65% { opacity: .25; }
      65.5% { opacity: 0; }
      66% { opacity: .5; }
      67% { opacity: .1; }
      69% { opacity: .25; }
      72% { opacity: .5; }
  
      85% { opacity: .5; }
      85.5% { opacity: .25; }
      86% { opacity: .5; }
  
      100% { opacity: .5; }
  }

  Pages using this styling

  • scp-3787 [info]

  ¶ 1 occurrence
  

  
  #page-content .info-container {
      --link-color: rgb(var(--swatch-text-general));
  }
  
  #page-content .info-container .translation_block {
      display: none;
  }
  
  #page-content .info-container .collapsible-block-link,
  #page-content .info-container:hover .collapsible-block-link {
      line-height: 1.6em;
  }
  
  #page-content .info-container .collapsible-block-folded,
  #page-content .info-container .collapsible-block-unfolded-link {
      display: grid;
  }
  
  #page-content .info-container .collapsible-block-folded .collapsible-block-link,
  #page-content .info-container .collapsible-block-link {
      -webkit-mask: unset;
      mask: unset;
      background: transparent;
      grid-column: 1;
      grid-row: 1;
      opacity: 0;
  }
  
  #page-content .info-container .collapsible-block-folded::before,
  #page-content .info-container .collapsible-block-unfolded-link::before {
      --wght: 800;
      content: "ETC";
      color: #FFFFFF;
      font-family: Inter, Arimo, Verdana, Geneva, "Helvetica Neue", "Helvetica", Arial, sans-serif;;
      display: block;
      pointer-events: none;
      grid-column: 1;
      grid-row: 1;
      line-height: 2.75ex;
  }
  
  .info-container{
  --barColour: #ef274c;
  --linkColour: #FFFFFF;
  }
  
  :root {
      --fnColor: #ef274c;
  }
  
  .logs-header {
     font-size: 1.2em;
     background-color: rgb(var(--t45-red));
     border-bottom: 0.675rem double rgb(var(--t130-wht));
  }
  
  .logs {
     background-color: rgb(var(--t130-wht));
     border: 1px solid rgb(var(--t45-red));
     color: rgb(var(--vhs-cassette));
     font-size: 1em;
  }
  
  table.dialog {
     color: rgb(var(--vhs-cassette));
    padding-right: 15px;
  }
  
  table.dialog th {
     border-right: 1px solid rgb(var(--vhs-cassette));
     color: rgb(var(--vhs-cassette));
  }
  
  table.dialog td {
     color: rgb(var(--vhs-cassette));
    padding-right: 15px;
  }
  
  table.dialog td.active {
     color: rgb(var(--vhs-cassette));
    padding-right: 15px;
  }
  
  /* == FADE AWAY == */
   #u-fade-away {
      /* Mouse Hover Reveals Rating Module */
      opacity: calc(1 / 3);
      transition: all .25s ease-in-out;
  }
   #u-fade-away:hover {
      opacity: 1;
  }
  
   #page-title{
       display: none;
  }
  

  Pages using this styling

  • scp-3776 [info]

  ¶ 1 occurrence
  

  
  div#page-title::after {
    content: "- A Wild Party";
  }
  

  Pages using this styling

  • scp-3775 [info]

  ¶ 1 occurrence
  

  :root{
    --header-title: "SITE-87";
    --header-subtitle: "DEPARTMENT OF PARAZOOLOGY";
  }
  div#extra-div-1{
    /* background-image: url(https://scp-wiki.wikidot.com/local--files/scp-3773/Big87.png); */
    filter: opacity(20%);
  }

  Pages using this styling

  • scp-3773 [info]

  ¶ 1 occurrence
  

  .journal-logs {
      margin: 0% 13% 0% 9%;
      padding: 10px 20px 10px 20px;
      background-color: #f2f2f2;
  }
  
  .pictures4mobile {
      height: 0px;
      overflow: hidden;
  }
  
  .pictures4desk {
      height: auto;
  }
  
  @media only screen and (max-width: 600px) {
  
      .journal-logs {
          margin: 0% 4% 0% 4%;
      }
  
      .pictures4mobile {
          height: auto;
      }
  
      .pictures4desk {
          height: 0px;
          overflow: hidden;
      }
  
  }
  

  Pages using this styling

  • scp-3760 [info]

  ¶ 1 occurrence
  

  /* SCP-6722 Theme */
  @import url('https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;700&display=swap');
  
  :root {
    --header-title: "R\0026 C SITE-71";
    --header-subtitle: "DEPARTMENT OF GAMING";
    --fnColor: #b01;
    --mono-font: "Fira Code", Cousine, monospace;
    --timeDelay: 0.5s;
    --zero: 0;
  }
  
  #edit-page-textarea,
  .code pre, .code p, .code, 
  tt, .page-source {
    font-family: var(--mono-font);
  }
  .code pre * {
    white-space: pre;
  }
  .code *, .pre * {
    font-feature-settings: unset;
  }
  
  .terminal-span{
    font: bold 110%/1.5 var(--mono-font);
    letter-spacing: 0;
  }
  
  .authorlink-wrapper {
    margin-top: 10px;
    z-index: 10;
  }
  
  /* Bottom Rating Module */
  .bottom-rating-module {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-block: 1rem;
  }
  
  .bottom-rating-module .page-rate-widget-box {
    margin: 0;
  }
  
  /* Article-Specific Styling */
  div#extra-div-1 {
    height: 160px;
    background-image: url('https://scp-wiki.wdfiles.com/local--files/scp-3751/Trans%20Logo.png');
  }
  
  #u-internal-affairs {
    backdrop-filter: opacity(100%);
  }
  
  #u-internal-affairs::before {
    content: "";
    opacity: 7.5%;
    z-index: -1;
    position: fixed;
    background: url("https://scp-wiki.wdfiles.com/local--files/scp-3751/Internal%20Affairs.png") center no-repeat;
    width: 100%;
    height: 100%;
  }
  
  .fnnum {
    font-weight: normal;
  }
  
  @keyframes cursor-blink {
    from, to {
      opacity: 0;
    }
    50% {
      opacity: 1;
    }
  }
  
  #u-cursor-blinking {
    animation: cursor-blink 1s step-end infinite;
  }
  
  #header {
    margin-top: 0.5em;
  }
  
  /* Encryption */
  .encrypted .collapsible-block-link {
    font-family: var(--mono-font);
    font-size: 98%;
    color: #b445ff;
  }
  .encrypted .collapsible-block-folded::after {
    content: "_";
    animation: cursor-blink 1s step-end infinite;
    color: #b445ff;
    font-weight: 800;
  }
  
  /* @media (pointer: coarse), @media (pointer: none) {
    .encrypted .collapsible-block-link {
      text-decoration: underline;
    }
  } */
  .encrypted .collapsible-block-link {
    text-decoration: underline;
    font-weight: 800;
  }
  
  .video {
    font-style: italic;
    margin: 1em 1em;
    border: thin solid gray;
    border-radius: 0.5rem;
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.1);
  }
  
  /* Emphasis */
  .o5-3 {
    position: relative;
    isolation: isolate;
    font-weight: 800;
    color: #b445ff;
  }
  
  /* Inquisition */
  .o5-9 {
    position: relative;
    isolation: isolate;
    font-weight: 700;
    color: #6e9944;
  }
  
  .o5-9::before {
    content: "";
    position: absolute;
    inset: 0.1em -0.1em;
    background-color: currentColor;
    opacity: 0.05;
    filter: blur(3px);
    border-radius: 0.5ch;
    z-index: -1;
  }
  

  Pages using this styling

  • scp-3751 [info]

  ¶ 1 occurrence
  

  /* HEADER */
   :root{
     --header-title: "‘PATADIGITAL ARCHIVES";
     --header-subtitle: "ARCHIVING APOTHEOSIS";
     --titleColor: hsl(0, 0%, 91%);
     --subtitleColor: hsl(0, 0%, 91%);
     --lgurl: url(https://scp-wiki.wikidot.com/local--files/theme:pataphysics/pataphysicslogo-ani.svg);
     --fnColor: hsl(268, 100%, 37%);
  }
  
   #page-title{
       display: none;
  }
  
   #header::before{
       opacity: .7;
  }
  
   #header h1 a::before{
       text-shadow:
            -1.75px -1.75px hsl(0, 0%, 5%),
            0       -1.75px hsl(0, 0%, 5%),
            1.75px  -1.75px hsl(0, 0%, 5%),
            1.75px   0   hsl(0, 0%, 5%),
            1.75px   1.75px hsl(0, 0%, 5%),
            0        1.75px hsl(0, 0%, 5%),
            -1.75px  1.75px hsl(0, 0%, 5%),
            -1.75px  0   hsl(0, 0%, 5%);
  }
  
   #header h2::before{
       text-shadow:
            -1px -1px hsl(0, 0%, 5%),
            0    -1px hsl(0, 0%, 5%),
            1px  -1px hsl(0, 0%, 5%),
            1px   0   hsl(0, 0%, 5%),
            1px   1px hsl(0, 0%, 5%),
            0     1px hsl(0, 0%, 5%),
            -1px  1px hsl(0, 0%, 5%),
            -1px  0   hsl(0, 0%, 5%);
  }
  
   #header-extra-div-1::before{
       display: none;
  }
  
  /* INFO BAR */
   #u-author_block{
       display: none;
  }
  
  /* FORMATTING */
   .moo{
       color: hsl(214, 70%, 45%);
  
       font-weight: bold;
  }
  
   .moo.choco { color: hsl(31, 70%, 30%); }
  
   .fnnum{
       font-size: 85%;
  }
  
   .lite-heading h3{
       color: var(--dark-violet);
  }
  
   .spangles{
       padding: 0 .25rem;
  
       color: hsl(0, 0%, 85%);
       background: hsl(0, 0%, 10%);
  }
  
  /* DIV BLOCKS */
   .terminal{
       background-color: hsl(268, 39%, 20%);
       background-image:   /* black shadow at the top of the terminal */
          radial-gradient(
            ellipse 1000% 100% at 50% 90%,
            transparent,
            hsl(268, 33%, 10%));
       border: 3px solid hsl(0, 0%, 73%);
       border-radius: 1rem;
       box-shadow: inset 0 0 10em 1em hsla(0, 0%, 0%, .5);   /* shadow around the terminal */
  
       overflow: hidden;   /* prevents scanline from forming a scrollwheel */
  }
  
   .terminal hr{
       height: 2px;
  
       background: 1px solid hsl(0, 0%, 81%);
  }
  
   .scanline{
       position: relative;
       height: 3.659em;
       margin-top: -40%;
  
       background:
          linear-gradient(
            hsla(240, 19%, 27%, 0),
            hsla(240, 33%, 33%, .1));
  
       animation: scan 5s linear 0s infinite;
       -moz-animation: scan 5s linear 0s infinite;
       -webkit-animation: scan 5s linear 0s infinite;
       pointer-events: none;
  }
  
   @-webkit-keyframes scan{   /* SAFARI 4.0 - 8.0 */
       from{
            transform: translateY(-10%);
      }
       to{
            transform: translateY(2000%);
      }
  }
  
   .terminal-text,
   .terminal-text h3{
       color: hsl(0, 0%, 81%);
  
       font-family: "Lucida Console", "Monaco", monospace;
  }
  
   .terminal-text{
       padding: 34% 3rem 0;
  
       font-size: 115%;
  }
  
   .rouge{
       color: hsl(9, 91%, 71%);
  }
  
   .log-bg{
       background: hsl(268, 76%, 13%);
       box-shadow: 0 2px 4px hsla(0, 0%, 29%, .5);
  
       text-align: center;
  }
  
   .log{
       margin: .25rem;
       padding: .5rem;
  
       background: hsl(0, 0%, 100%);
       box-shadow: 0 2px 4px hsla(0, 0%, 29%, .5);
  }
  
   .raisa-block{
       -moz-margin-start: 0;
       -moz-margin-end: 0;
       -webkit-margin-start: 0;
       -webkit-margin-before: 1rem;
       -webkit-margin-after: 1rem;
       -webkit-margin-end: 0;
       padding: 1rem;
  
       background-clip: padding-box;     /* IE9+ support */
       background-color: hsl(0, 0%, 91%);
       border: 1px solid hsl(0, 100%, 42%);
       border-radius: .75rem;
       box-shadow:
            0 0 0 4px hsl(0, 0%, 80%),
            0 0 0 7px hsl(0, 0%, 90%);
  }

  Pages using this styling

  • scp-3739 [info]

  ¶ 1 occurrence
  

  #page-content .collapsible-block-folded a.collapsible-block-link {
      animation: blink 0.8s ease-in-out infinite alternate;
  }
  @keyframes blink {
      0% { color: transparent; }
      50%, 100% { color: #b01; }
  }

  Pages using this styling

  • scp-3732 [info]

  ¶ 1 occurrence
  

  .inset {
      float: right;
      width: 25%;
      margin: 0px;
      border-style: solid;
      border-radius: 5px;
      border-width: 2px;
      border-color: #ee9999;
      padding: 10px;
      margin-left: 10px;
      margin-top: 5px;
      margin-bottom: 5px;
      background: #FFEEEE;
      font-size: 90%;
  }
  .inset > p {
      margin: 0;
  }
  audio {
     display:none;
  }
  .space {
      background-image: url(https://scp-wiki.wikidot.com/local--files/scp-3731/LtqzOqx.webp);
  float:center; width:100%; border:solid 3px #5050CA; padding:10px; margin-bottom: 10px;margin:0 auto;

  Pages using this styling

  • scp-3731 [info]

  ¶ 1 occurrence
  

  #page-content .collapsible-block {  
    max-width: 100%;
      /* text-align: center; */
      text-align: center;
  text-color: black;
      border-color: #b01;
      border: solid 1px #b01;
      background-color: #F5EEF8;
  }
  .collapsible-block-content p {
      text-align: left;
      padding-left: 5px;
      padding-right: 5px;
  }
  blockquote {
      border: 1px double #999;
      /* padding: 0 1em; */
      background-color: #F5EEF8;
  }

  Pages using this styling

  • scp-3703 [info]

  ¶ 1 occurrence
  

  #page-content .collapsible-block {  
    max-width: 100%;
      /* text-align: center; */
      text-align: center;
  text-color: black;
      border-color: #b01;
      border: solid 1px #b01;
      background-color: #E6DD93;
  }
  .collapsible-block-content p {
      text-align: left;
      padding-left: 5px;
      padding-right: 5px;
  }
  blockquote {
      border: 1px double #999;
      /* padding: 0 1em; */
      background-color: #f4f4f4;
  }
  .newBlock{
      border-style: groove;
      background-color: ivory;
  }
  
  .boxType{
      display: inline-block;
      box-sizing: border-box;
      width: 90%;
       border: black 1px solid; 
  }
  .boxText{
         display: inline-block;
      float: left;
      border-right: 10px solid black;
      width: 25%;
      height: 35px;
  background-color: lightgray;
  }
  
  .boxText p{
      -webkit-margin-after: 5px;
      -webkit-margin-before: 5px;
      -webkit-margin-end: 5px;
      -webkit-margin-start: 5px;
  }
  .boxValue{
      padding-bottom: 5px;
      padding-left: 1.1em;
      display: inline-block;
      background: white;
      width: 71%;
      height: 30px;
      float: left;
  
  }
  sup,
  sub {
      line-height: 1;
  }

  Pages using this styling

  • scp-3686 [info]

  ¶ 1 occurrence
  

  /* Hide translation block in info-box. */
  .translation_block{
  display:none;}
  
  /* Taken from Peppo's image block edit, I made slight changes only. */
  
  /* Fix footnote superscript flying away: */
  .footnoteref, #page-content > sup {
      top: -0.25em;
  }
  
  /* Visually centers image block */
  .scp-image-block.block-right {
      margin: 0em 0em 1em 2em;
  }
  
  @media only screen and (max-width: 600px) {
  
      .scp-image-block.block-right{
          float: none;
          /* Makes the image full width on mobile, hopefully. */
          min-width: 100%;
          margin: 10px auto;
      }
  }

  Pages using this styling

  • scp-3685 [info]

  ¶ 1 occurrence
  

  html {
      scroll-behavior: smooth;
  }
  #login-status .printuser a::before {
      content: "";
      display: inline-block;
      width: 16px;
      height: 16px;
      position: relative;
      background-image: url("https://scp-jp-storage.wdfiles.com/local--files/file%3A5018858-34-5b27/Ki_icon");
      background-size: contain;
      vertical-align: middle;
      background-color: white;
      background-repeat: no-repeat;
      left: 24px;
      bottom: 2.4px;
  }
  #header:target #login-status .printuser a::before {
      background-image: url("https://scp-jp-storage.wdfiles.com/local--files/file%3A5018858-48-jp9y/Ki_WazawaiIcon");
  }
  #header:target {
      background-image: url(https://scp-jp-storage.wdfiles.com/local--files/file%3A5018858-48-5r4y/Ki_WazawaiHeader);
      background-size: 80px;
  }
  
  @media(max-width: 767px) {
      #header {
          background-size: 60px;
  }}
  #header:target ~ #content-wrap #page-content .img-change img:nth-of-type(1),
  .img-change img:nth-of-type(2) {
      display: none;
  }
  #header:target ~ #content-wrap #page-content .img-change img:nth-of-type(2) {
      display: block;
  }
  #header:target ~ #content-wrap #page-content .blockquote.notation {
      display: none;
  }

  Pages using this styling

  • scp-3682-jp [info]

  ¶ 1 occurrence
  

  div.log {
    float: center;
    border: gray 1px;
    padding: 7px;
    margin: 3px;
    background-color: #fafafa;
    box-shadow: 0 2px 4px rgba(75, 75, 75, .5);
  }

  Pages using this styling

  • scp-3681 [info]

  ¶ 1 occurrence
  

  #header h1 span::before {
      content: 'SCPF-W08SS';
      color: white;
  }

  Pages using this styling

  • scp-3676 [info]

  ¶ 1 occurrence
  

  .scp-image-caption{position: inherit;}
  .page-rate-widget-box{position: relative;bottom: 1em;}
  
  .enlarge{
  transition: .25s;
  }
  
  .enlarge:hover{
  transform: scale(1.6);
  transition: .25s;
  transition-delay: .4s;
  }
  
  .team-bird-nav{
      background-color: black;
      border: outset 1.5px black;
      border-radius: 30px;
      color: black;
      background: linear-gradient(to bottom right, rgba(0,0,0,0), rgba(255,200,28,1));
      font-weight: bold;
      font-size: 85%;
  }

  Pages using this styling

  • scp-3662 [info]

  ¶ 1 occurrence
  

  /* SITE HEADER */
   #header h1 a,
   #header h1 a::before{
       position: relative;
       left: -1.5px;
   
       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);
       letter-spacing: -.02em;
  }
   #header h2 span,
   #header h2 span::before{
       color: hsl(0, 0%, 90%);
       text-shadow: 1px 1px 0 hsla(0, 0%, 0%, .8);
  }
   #header h1 a,
   #header h2 span{
       color: transparent;
       text-shadow: none;
  }
   #header h1 a::before{
       content: "The Avian Division";
       font-family: "Verdana", sans-serif;
  }
   #header h2 span::before{
       content: "Until we return to The Nest";
  }
  
  /* SERIES NAV */
   .series-nav{
       margin: .5em 0;
   
       background:
         linear-gradient(to bottom right,
                  hsla(0, 0%, 100%, 1),
                   hsla(45, 100%, 55%, .5));
       border: outset 1.5px hsl(0, 0%, 5%);
       border-radius: 2em;
   
       font-size: 85%;
       font-weight: bold;
       text-align: center;
  }

  Pages using this styling

  • scp-3632 [info]

  ¶ 1 occurrence
  

  #header {
      background-image: url(http://scp-wiki.wdfiles.com/local--files/scp-3615/TransSCPlogo)
  }

  Pages using this styling

  • scp-3615 [info]

  ¶ 1 occurrence
  

  #page-content .collapsible-block {  
    max-width: 100%;
      /* text-align: center; */
      text-align: center;
  text-color: black;
      border-color: #000000;
      border: solid 1px #000000;
      background-color: #f5f5f5;
  }
  .collapsible-block-content p {
      text-align: left;
      padding-left: 10px;
      padding-right: 10px;
  }
  blockquote {
      border: 1px double #999;
      /* padding: 0 1em; */
      background-color: #ffffff;
  }

  Pages using this styling

  • scp-3599 [info]

  ¶ 1 occurrence
  

  /* SITE HEADER */
   #header h1 a,
   #header h2 span{
       color: transparent;
       text-shadow: none;
  }
   #header h1 a::before{
       content: "The Avian Division";
       font-family: "Verdana", sans-serif;
  }
   #header h2 span::before{
       content: "Until we return to The Nest";
  }
  
  /* DIV BLOCKS */
    .warning-notice{ background-image: url(https://scp-wiki.wdfiles.com/local--files/bird/avian-division-logo-transparent.png); background-size: 75%; }
   .series-nav{ background: linear-gradient(to bottom right, hsla(0, 0%, 100%, 1), hsla(45, 100%, 55%, .5)); }

  Pages using this styling

  • scp-3570 [info]

  ¶ 1 occurrence
  

  .email {float: center; border: solid 2px #000000; width: 88%; padding: 1px 15px; margin: 10px 10px 10px 10px; box-shadow: 0 1px 3px rgba(0,0,0,.5)}
  a.collapsible-block-link { font-weight: bold; }
  .tofrom {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px #000098}

  Pages using this styling

  • scp-3567 [info]

  ¶ 1 occurrence
  

  :root {
    --header-subtitle: "emerging from the waves";
    --lgurl: url(https://scp-wiki.wdfiles.com/local--files/component:pride-highlighter/tg_logo.svg);
  }

  Pages using this styling

  • scp-356 [info]

  ¶ 1 occurrence
  

  a.collapsible-block-link {
      font-weight: bold;
  }
  
  div.email {
      border: solid 3px #444444;
      box-shadow: 0 1px 3px rgba(0,0,0,.2);
      padding: 0 1em;
      margin: 1em 3em;
  }
   
  @media (max-width: 479px) {
      div.email {
          margin: 1em 0;
      }
  }
   
  @media (min-width: 480px) and (max-width: 580px) {
      div.email {
          margin: 0.5em;
      }
  }
  
  

  Pages using this styling

  • scp-3557 [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+Antique:wght@300;400;500;700;900&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@700&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Spline+Sans:wght@400;700&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap');
  :is(#page-content table:not(.form), table.wiki-content-table) {
      table-layout: auto;
  }
  
  div.authorlink-wrapper{margin-top: var(--author-top-adjust, .2em) !important;}
  body{
  background-image: url("data:image/svg+xml,%3Csvg width='64' height='64' viewBox='0 0 64 64' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 16c4.418 0 8-3.582 8-8s-3.582-8-8-8-8 3.582-8 8 3.582 8 8 8zm0-2c3.314 0 6-2.686 6-6s-2.686-6-6-6-6 2.686-6 6 2.686 6 6 6zm33.414-6l5.95-5.95L45.95.636 40 6.586 34.05.636 32.636 2.05 38.586 8l-5.95 5.95 1.414 1.414L40 9.414l5.95 5.95 1.414-1.414L41.414 8zM40 48c4.418 0 8-3.582 8-8s-3.582-8-8-8-8 3.582-8 8 3.582 8 8 8zm0-2c3.314 0 6-2.686 6-6s-2.686-6-6-6-6 2.686-6 6 2.686 6 6 6zM9.414 40l5.95-5.95-1.414-1.414L8 38.586l-5.95-5.95L.636 34.05 6.586 40l-5.95 5.95 1.414 1.414L8 41.414l5.95 5.95 1.414-1.414L9.414 40z' fill='%23ffffff' fill-opacity='0.02' fill-rule='evenodd'/%3E%3C/svg%3E");
  
  }
  :root {
  
  --title:"FOUNDATION";
  --subtitle:"SAFEGUARDING CIRCADIAN PATHWAYS";
  --header-font-primary: 'Poppins';
  --body-font-primary: 'Zen Kaku Gothic Antique', sans-serif;
  --ACS-font: var(--body-font-primary);
  --selection-background-color: 100,100,100;
  --basalt-undertone: 18, 18, 18;
  --UI-font-primary: 'Poppins';
  }
  .yui-navset .yui-nav .selected a em, .yui-navset .yui-nav a em{
  padding: 0.25em .75em;
  top: 0px;
  margin-bottom: 0px;
  }
  .yui-navset .yui-nav .selected a {
  background: gray;
  }
  .yui-navset .yui-nav .selected {
  margin: 0px;
  }
  .yui-navset .yui-nav .selected a, .yui-navset .yui-nav .selected a:focus, .yui-navset .yui-nav .selected a:hover, .yui-navset .yui-nav .selected a {
  background: gray;
  }
  .yui-navset .yui-nav a, .yui-navset .yui-navset-top .yui-nav a {
  background-color: none;
  background-image: none;
  }
  .yui-navset .yui-nav a {
  background: none;
  }
  .yui-navset .yui-nav li{
  margin: 0px;
  }

  Pages using this styling

  • scp-3545 [info]

  ¶ 1 occurrence
  

  :root {
      --logo: url(https://scpdsandbox.wdfiles.com/local--files/billith0/conceptu.png);
      --title: "THE FOUNDATION";
      --subtitle: "CONCEPTUALIZATION DIVISION";
  }
  :is(#page-content table:not(.form), table.wiki-content-table) {
      table-layout: auto;
  }
  

  Pages using this styling

  • scp-3533 [info]

  ¶ 1 occurrence
  

  #page-title {
      display: block;
      position: relative;
      text-align: center;
      border-bottom: none;
      margin-bottom: 0;
  }
  #page-title {
      position: relative;
      text-align: center;
      border-bottom: none;
      margin-bottom: 0;
  }
  .translation_block{ display: none; }
  #u-author_block{ display:none; }
  .u-faq{ display: none; }
  :root {
      --barColour: #363;
  }

  Pages using this styling

  • scp-3529 [info]

  ¶ 1 occurrence
  

  :root {
      --header-title: "Parazoology";
      --header-subtitle: "Division";
      --logo-image: url("https://scp-wiki.wdfiles.com/local--files/scp-3529/parazoo_downsideup.png");
  
      --pale-accent: 40, 230, 60;
      /* light red, for visited links */
      --bright-accent: 0, 133, 5;
      /* bright red */
      --medium-accent: 46, 100, 44;
      /* medium red - the "default" accent color */
      --dark-accent: 3, 100, 15;
      /* dark red */
      --alt-accent: 102, 221, 17;
      /* pale orange, for newpage links */
  }

  Pages using this styling

  • scp-3529 [info]

  ¶ 1 occurrence
  

  .main-text p {
    margin: 0 auto;
  }

  Pages using this styling

  • scp-3499 [info]

  ¶ 1 occurrence
  

  .colmod-content li.unfolded a:before {
    content: "CREDENTIALS DENIED; PLEASE STAND BY..";
    font-weight: bold;
  }

  Pages using this styling

  • scp-3499 [info]

  ¶ 1 occurrence
  

  #page-content .collapsible-block-link {
      font-weight: bold;
  }
  #side-bar .collapsible-block-unfolded-link .collapsible-block-link:hover {
      text-decoration: none;
  }
  #side-bar .collapsible-block-folded {
      background: none;
  }

  Pages using this styling

  • scp-3490 [info]

  ¶ 1 occurrence
  

  :root {
      --one-color: 149, 64, 0;
      --two-color: 129, 80, 0;
  }

  Pages using this styling

  • scp-3483 [info]

  ¶ 1 occurrence
  

  .yui-navset .yui-content {
      padding: 0 1em;
  }

  Pages using this styling

  • scp-3483 [info]

  ¶ 1 occurrence
  

  .au-credit {
      text-align: right;
      margin-right: 2em;
      margin-top: -10px;
  }
  
  #page-content .creditRate {
      margin-bottom: 0;
  }
  
  /* bhl-style-collapse Sigma-9 Compatiblity Patch */
  #page-content .collapsible-block-folded, #page-content .collapsible-block-unfolded, #page-content .unfolded-collapse{
      line-height: 1.4;
  }
  #page-content .collapsible-block-folded .collapsible-block-link::before, #page-content .collapsible-block-unfolded .collapsible-block-link::before, #page-content .unfolded-collapse::before {
      font-family: monospace;
      font-size: 130%;
      margin-left: -0.4em
  }
  
  #page-content .collapsible-block-folded {
      max-width: 9.5em;
  }
  
  #page-content .collapsible-block-folded .collapsible-block-link::before {
      content: "▷ ADDENDUM 3477." counter(collapse);
  }
  #page-content .collapsible-block-unfolded .collapsible-block-link::before {
      content: "▽ ADDENDUM 3477." counter(collapse);
  }

  Pages using this styling

  • scp-3477 [info]

  ¶ 1 occurrence
  

  /* HEADER */
   :root{
     --lgurl: url(https://scp-wiki.wdfiles.com/local--files/component:pride-highlighter/tg_logo.svg);
  }

  Pages using this styling

  • scp-3464 [info]

  ¶ 1 occurrence
  

  /* INFO BOX */
  sup{
      vertical-align: top;
      position: relative;
      top: -0.5em;
  }
  body{
      --cutColour: #fafafa;
      --barColour: #590505;
      color: rgb(12, 12, 12);
  }
  .translation_block{ display: none; }
  .u-faq{ display: none; }
  
  /* DIV BLOCKS */
  .report-box{
      border: 2px solid rgb(12, 12, 12);
      background-color: white;
      padding: 0.769em;
      margin-bottom: 1em;
  }
  .quote-block{
      border: 3px double #999;
      background-color: #f4f4f4;
      padding: 0.769em;
      margin-bottom: 1em;
  }
  
  /* FORMATTING */
  .collapsible-block-link{ font-weight: bold; }
  hr{
       margin: 1em 0;
       padding: 0;
       border: 0;
  }
  .lite-header hr{
      width: 45%;
      margin: auto;
      background-color: #e6e6e6;
      border: none;
      height: 2px;
  }
  .h1{
      font-size: 190%;
      margin: 0.7em 0 0.6em;
      padding: 0;
      font-weight: bold;
      font-family: "Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica;
  }
  .h2, .h3{
      margin: 0.5em 0 0.4em;
      padding: 0;
      letter-spacing: 1px;
      font-family: "Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica;
  }
  .h2{ font-size: 150%; }
  .h3{
      font-size: 130%;
      font-weight: bold;
      color: darkred;
  }
  .justify{
      text-align: justify;
      word-break: unset;
  }

  Pages using this styling

  • scp-3462 [info]

  ¶ 1 occurrence
  

  #header {
      background-image: url(https://scp-wiki.wdfiles.com/local--files/scp-3448/dammerung-logo100.png);
  }
   
  #header h1 a {
      display: block;
      margin: 0;
      padding: 80px 0 25px;
      line-height: 0px;
      max-height: 0px;
      color: transparent;
      background: transparent;
      font-family: 'Verdana', Arial, sans-serif;
      text-decoration: none;
      text-shadow: none;
      letter-spacing: 0.9px;
  }
   
  #header h1 a::before {
      content: "Project Dammerung ";
      color: #fff;
      letter-spacing: -0.02em;
      text-shadow: 3px 3px 5px #000;
  }
   
  #header h2 span {
      display: block;
      margin: 0;
      padding: 19px 0;
      line-height: 0px;
      max-height: 0px;
      font-weight: bold;
      color: transparent;
      text-shadow: none;
  }
   
  #header h2 span::before {
      content: 'So We Can Live In The Light ';
      color: #fff;
      text-shadow: 1px 1px 1px #000;
      text-shadow: 1px 1px 1px rgba(0,0,0,.8);
  }
  
  sup {
    vertical-align: top;
    position: relative;
    top: -0.5em;
  }
  
  .scp-image-block.block-right { margin: 1em 2em 1em 1em; }
  

  Pages using this styling

  • scp-3448 [info]

  ¶ 1 occurrence
  

  /* Replicate the original HTML jank without iframes. Mostly accurate.
   * Unofficial change. See revision history.
   * Remove jank by replacing all this with:
   * ##gray|[[size small]](Redirected from //Provisional Site 3436//)[[/size]]##
   */
  @keyframes load_in{ to{ font-size: small }}
  .jank{
      font-family: initial;
      font-size: 0;
      line-height: initial;
      animation: load_in 0.5s step-end forwards;
  }
  .jank::selection, .jank em::selection{ background: transparent }

  Pages using this styling

  • scp-3436 [info]

  ¶ 1 occurrence
  

  
  table.form td div.sub, form div.sub {
      color: #e6e6e6 !important;
  }
  
  hr {
      background-color: #787B9A;
  }
   
  .left-table {
      background: #878787;
  }
   
  .right-table {
      background: #535353;
  }
  

  Pages using this styling

  • scp-3426 [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css?family=Poor+Story');

  Pages using this styling

  • scp-341-ko [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Share+Tech+Mono&display=swap');
  
  div.info-container > div.collapsible-block {
      padding: 0 !important;
      margin: 0 !important;
      box-shadow: none !important;
  }
  

  Pages using this styling

  • scp-3385 [info]

  ¶ 1 occurrence
  

  
  div#page-title::after {
    content: "by LordStonefish and Rimple";
    font-size: 50%;
    color: #888;
  }
  

  Pages using this styling

  • scp-3373 [info]

  ¶ 1 occurrence
  

  blockquote {display: flow-root}

  Pages using this styling

  • scp-3352 [info]

  ¶ 1 occurrence
  

  
  :root {
   
      --basalt-UI-dark-palette: 94, 20, 20;
      --basalt-bright-element-color: 194, 18, 18;
      --basalt-primary-color: 15, 3, 3;
      --basalt-secondary-color: 8, 1, 1;
      --basalt-tertiary-color: 75, 45, 45; 
      --general-border-color: 4, 1, 1;
      --header-title:"PHARMACOKINETICS DIVISION";
      --header-subtitle:"BETTER LIVING THROUGH CHEMISTRY";
      --mobile-title:"PHARMACOKINETICS DVSN" !important;
      --header-logo:url("https://scp-wiki.wdfiles.com/local--files/scp-3335/pharma.png");
  
  }
  hr {
  background-color:rgb(168, 48, 48) !important;
  }
  
  .pill {
  height: 5rem;
  background-image: url("https://scp-wiki.wdfiles.com/local--files/scp-3335/pop.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  margin: 7rem auto;
  }
  
  body {
      background-image:url("http://blightbox.wikidot.com/local--files/himhwmmutb/falling.png");
      background-attachment: fixed;
      background-size: cover;
      background-blend-mode: hard-light;
  }
  
  .capt {
  
  font-weight: unset !important;
  }

  Pages using this styling

  • scp-3335 [info]

  ¶ 1 occurrence
  

  div.poppin{
  box-shadow: rgba(255, 255, 255, 0.4) 0px 2px 4px, rgba(255, 255, 255, 0.3) 0px 7px 13px -3px, rgba(255, 255, 255, 0.2) 0px -3px 0px inset !important;
  border-radius: 5px 5px 5px 5px !important;
  }
  @import url('https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+Antique:wght@500;700;900&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@500&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Spline+Sans:wght@400;700&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap')
    
  :root {
      /* REDMODE */
      --basalt-UI-dark-palette: 50, 45, 45;
      --basalt-bright-element-color: 215, 40, 40;
  --body-font: 'Zen Kaku Gothic Antique', sans-serif;
  --barColor:rgb(196, 219, 196);
  --four-color:rgb(84, 65, 97) !important;
  --header-font: 'Poppins';
      --basalt-primary-color: 15, 10, 12;
      --basalt-secondary-color: 40, 20, 23;
      --basalt-tertiary-color: 50, 40, 40;
      --general-border-color: 80, 70, 70;
  }
  #page-content .quadrants > div {top: 2.25%;left: 18.5%;}
  #extra-div-1::before {font-family: 'Zen Kaku Gothic Antique', sans-serif;font-weight: 900 !important;font-size: 26.45px;}
  #extra-div-2::before {font-size: 1.1em;font-weight: 700;font-family: 'Zen Kaku Gothic Antique', sans-serif;}
  #extra-div-1 {background:rgb(33, 30, 32);box-shadow: 0px 0px 8px 4px rgb(0, 0, 0);}
  div.main-class::before, div.main-class::after, div.top-icon::before,div.top-icon::after  {-webkit-filter: brightness(125%); filter: brightness(125%); }
  #page-content .wiki-content-table tr td {text-align:center;}
  #page-content .wiki-content-table tr:first-child th {background-color:rgb(208, 208, 208); color:rgb(51,51,45);font-weight:700 !important;padding-bottom:3px !important; padding-top:3px; text-align:center;}
  #page-content .wiki-content-table tr th {background-color:rgb(35, 35, 35);color:#F0F6F0;font-weight:400;font-style:none !important;border: 1px solid #ccc; padding-bottom:20px; padding-top:10px; text-align:left;}
  .anom-bar-container,.anom-bar-container *,.acs-extra,.acs-extra * {font-family: 'Zen Kaku Gothic Antique' !important;font-weight: 900 !important;}
  .authorbox, .authorcontent {background: #120b19;color:#F0F6F0; width:300px !important;} 
  .authorlink-wrapper {margin-top: var(--author-top-adjust, .2em) !important; z-index:10 !important; }
  #page-content .authorbox {width:auto !important;}
  .tableb .wiki-content-table {border-spacing: 3px;font-size:0.82em;}
  .blockquote {border-color: #ffffff;    
                   background-color: #000000;
       }
  .container  {position: relative;
                   text-align: center;
                   color: black;
       width:100%;
       }
  .centered   {position: absolute;
      top: 50%;
       left: 50%;
      transform: translate(-50%, -50%);
  }
  
  .bigtext {
  font-weight:700;
  }
  
  .danger-diamond > .bottom-icon::before {
  
  filter: contrast(0.5) !important;
  }
  

  Pages using this styling

  • scp-3330 [info]

  ¶ 1 occurrence
  

  .page {
  display: block;
  overflow: hidden;
  font-family: @import url('https://fonts.googleapis.com/css?family=Architects+Daughter');
  font-style: normal;
  background-attachment: scroll;
  background-clip: border-box;
  background-color: transparent;
  background-image: linear-gradient(to top ,rgb(202, 219, 228) 0%, rgb(231, 233, 220) 8%);
  background-origin: padding-box;
  background-position: 0px 8px;
  background-repeat: repeat;
  background-size: 100% 20px;
  border: 1px solid #CCC;
  border-radius: 10px;
  padding: 10px 10px;
  margin-bottom: 10px;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2)
  }
  .page p,
  .page ul {
  line-height: 20px;
  margin: 0;
  }

  Pages using this styling

  • scp-333-de [info]

  ¶ 1 occurrence
  

  
  :root {
    --title: "SITE-76";
  
    --subtitle: "LOW RISK ANOMALIES SECTOR";
  
      --sidelogo: url(https://scp-wiki.wdfiles.com/local--files/scp-2921/overwatch.png);
      --sidesubtitle: "SITE-76 WAREHOUSES";
  }
  div.authorlink-wrapper{
  margin-top: var(--author-top-adjust, .2em) !important;
  }
  div.poppin{
  box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset !important;
  border-radius: 5px 5px 5px 5px !important;
  }

  Pages using this styling

  • scp-3315 [info]

  ¶ 1 occurrence
  

  /* COMMON */
   #page-title {
      display: none;
  }
  
   #page-content .creditRate {
      float: none;
      display: flex;
      width: max-content;
      margin: auto !important;
  }

  Pages using this styling

  • scp-3309 [info]

  ¶ 1 occurrence
  

  .warning-box {
      display: block;
      width: 90%;
      height: auto;
      text-align:center;
      overflow: visible;
      margin: 0px 5% 10px 5%;
  }
  
  .warning-img {
      width: 14%;
      height: auto;
      padding: 5px;
      display: table-cell;
      vertical-align: middle;
  }
  
  .warning-text {
      max-width: 80%;
      width: 80%;
      display: table-cell;
      padding: 5px;
  }
  
  .warning-text p {
      display: inline-block;
      padding: 5px;
  }

  Pages using this styling

  • scp-3306 [info]

  ¶ 1 occurrence
  

  /* HEADER */
   :root{
     --header-title: "The Avian Division";
     --header-subtitle: "Until we return to The Nest";
     --lgurl: url(https://scp-wiki.wdfiles.com/local--files/bird/avdiv_white.png);
  }
  
   div#container-wrap{
       background-image: url(https://scp-wiki.wikidot.com/local--files/bird/avdiv_body_bg.png);
  }
  
   #header h1 a::before,
   #header h2::before{
       font-family: "Verdana", sans-serif;
  }
  
   #page-title{
       color: hsl(45, 98%, 28%);
  }
  
  /* PAGE RATING */
   .page-rate-widget-box .rate-points{
       background: hsl(45, 89%, 40%) !important;
       border: 1px solid hsl(45, 89%, 40%);
  }
  
   .page-rate-widget-box .rateup,
   .page-rate-widget-box .ratedown{
       background: hsl(45, 100%, 97%);
       border-color: hsl(45, 89%, 40%);
  }
  
   .page-rate-widget-box .cancel{
       background: hsl(45, 89%, 40%);
       border: 1px solid hsl(45, 89%, 40%);
  }
  
   .page-rate-widget-box .rateup a,
   .page-rate-widget-box .ratedown a{
       color: hsl(45, 89%, 40%);
  }
  
   .page-rate-widget-box .cancel a{
       color: hsl(45, 76%, 67%);
  }
  
   .page-rate-widget-box .rateup a:hover,
   .page-rate-widget-box .ratedown a:hover{
       background: hsl(45, 89%, 40%);
  }
  
   .page-rate-widget-box .cancel a:hover{
       color: hsl(45, 100%, 97%);
       background: hsl(45, 89%, 40%);
  }
  
  /* DIV BLOCKS */
   .warning-notice{
       background-image: url(https://scp-wiki.wdfiles.com/local--files/bird/avian-division-logo-transparent.png);
       background-size: 75%;
  }
  
   .series-nav{
       background:
          linear-gradient(
            to bottom right,
            hsla(0, 0%, 100%, 1),
            hsla(45, 100%, 55%, .5));
  }

  Pages using this styling

  • scp-3296 [info]

  ¶ 1 occurrence
  

  :root {
    --accentColor: #01C3C5;
    --header-title: "SCP Foundation";
    --header-subtitle: "Secure. Contain. Protect.";
  }
  
  .danke{
  padding: 5px 5px 5px 15px;
  margin-bottom:10px;
  width: 100%;
  box-sizing: border-box;
  font-family: monospace;
  font-size: 1.1em; }
  
  .agent{
  background-color:#002200;
  border: 3px solid #55AA55;
  color: #77CC77;
  }
  
  .site{
  background-color:#222200;
  border: 3px solid #AAAA55;
  color: #DDDD77;
  }
  
  .translucent { color: rgba(248,248,248,0.29); }
  .transparent { color: rgba(248,248,248,0); }

  Pages using this styling

  • scp-3280 [info]

  ¶ 1 occurrence
  

   
  @import url('https://fonts.googleapis.com/css?family=Caveat');
   
  #u-pexpblock blockquote{
      background: white;
  }
  
  .pexpheader { 
      text-align: center;    
  }
  
  .pexpbody {
       font-family: 'Caveat', cursive;
       font-size: 1.3em;
       line-height: 1.3em;
  }
   

  Pages using this styling

  • scp-3264 [info]

  ¶ 1 occurrence
  

  hr {border: 1px #999;}

  Pages using this styling

  • scp-3262 [info]

  ¶ 1 occurrence
  

  
  .quote-block{
      border: 3px double #999;
      background-color: #514e54;
      padding: .25em 1em;
      margin-bottom: 1em;
  }
  
  #page-title{display:none}
  

  Pages using this styling

  • scp-3246 [info]

  ¶ 1 occurrence
  

  .blinkbar {animation: blink 1.5s infinite; letter-spacing: -0.13em;}@keyframes blink{to{opacity: .0;}}@keyframes flicker {0% {opacity: 0.9890; }5% {opacity: 0.5842; }10% {opacity: 0.9865; }15% {opacity: 0.0412; }20% {opacity: 0.6255; }25% {opacity: 0.3157; }30% {opacity: 0.7328; }35% {opacity: 0.4654; }40% {opacity: 0.9128; }45% {opacity: 0.2449; }50% {opacity: 0.5485; }55% {opacity: 0.6438; }60% {opacity: 0.1180; }65% {opacity: 0.9085; }70% {opacity: 0.0266; }75% {opacity: 0.6795; }80% {opacity: 0.7812; }85% {opacity: 0.0117; }90% {opacity: 0.2239; }95% {opacity: 0.8897; }100% {opacity: 0.2260; }}@keyframes overlay-anim {0% {visibility: hidden; }10% {visibility: hidden; }11% {visibility: visible; }50% {visibility: hidden; }100% {visibility: hidden; }}
  
  div.terminal {
      display: block;
      border: 3px solid #bbb;
      border-radius: 16px;
      background-color: #131;
  /* black shadow at the top of the terminal */
      background-image:
          radial-gradient(ellipse 1000% 100% at 50% 90%, transparent, #121);
      background-position: center;
  /* shadow around the terminal */
      box-shadow: inset 0 0 10em 1em rgba(0,0,0,0.5);
  /* prevents scanline from forming a scrollwheel */
      overflow: hidden;
  }
  div.terminal blockquote {
      background-color: black;
      border: 3px double #80ff80;
  }
  /* hr block for terminal -- thanks to stormbreath! */
  div.terminal hr {
      background-color: #80ff80;
  }
  
  div.scanline {
      margin-top: -40%;
      width: 100%;
      height: 60px;
      position: relative;
      pointer-events: none;
  /* Safari 4.0 - 8.0 */
      -webkit-animation: scan 12s linear 0s infinite; /* You may need to change this. If the bar goes by too quickly, increase 5s. */
      animation: scan 12s linear 0s infinite; /* Same as above */
      background: linear-gradient(to bottom, rgba(56, 112, 82,0), rgba(56, 112, 82,0.1)) !important;
  }
  
  div.text {
      color: rgba(128,255,128,0.8);
      padding-top: 40%;
      padding-left: 2em;
      padding-right: 2em;
      font-family: monospace;
      font-size: 1.2em;
  }
  
  /* Safari 4.0 - 8.0 */
  @-webkit-keyframes scan{
      from{ transform: translateY(-10%);}
      to{  transform: translateY(7000%);} /* You may need to change this depending on the length of your terminal. If the scanline stops halfway, increase the second number.*/
  }
  
  @keyframes scan{
      from{ transform: translateY(-10%);}
      to{  transform: translateY(7000%);} /* Same as above.*/
  }
  
  div.text a {
      color: #90ee90;
      text-decoration: none;
      background: transparent;
  }
  div.text a.newpage {
      color: #90ee90;
      text-decoration: none;
      background: transparent;
  }
  div.text a:hover {
      color: #131;
      text-decoration: underline;
      background-color: #80ff80;
      padding: 1px;
  }

  Pages using this styling

  • scp-3241 [info]

  ¶ 1 occurrence
  

  iframe {
    overflow: hidden;
  }

  Pages using this styling

  • scp-3211 [info]

  ¶ 1 occurrence
  

  .html-block-iframe {
      width: auto !important;
      position: relative;
      left: 50%;
      transform: translateX(-50%);
  }
  
  #page-content .info-container {
      --link-color: rgb(var(--swatch-text-general));
  }
  
  #page-content .info-container .translation_block {
      display: none;
  }
  
  #page-content .info-container .collapsible-block-link,
  #page-content .info-container:hover .collapsible-block-link {
      line-height: 1.6em;
  }
  
  #page-content .info-container .collapsible-block-folded,
  #page-content .info-container .collapsible-block-unfolded-link {
      display: grid;
  }
  
  #page-content .info-container .collapsible-block-folded .collapsible-block-link,
  #page-content .info-container .collapsible-block-link {
      -webkit-mask: unset;
              mask: unset;
      background: transparent;
      grid-column: 1;
      grid-row: 1;
      opacity: 0;
  }
  
  #page-content .info-container .collapsible-block-folded::before,
  #page-content .info-container .collapsible-block-unfolded-link::before {
      --wght: 800;
      content: "Collaboration";
      color: #FFFFFF;
      font-family: Inter, Arimo, Verdana, Geneva, "Helvetica Neue", "Helvetica", Arial, sans-serif;;
      display: block;
      pointer-events: none;
      grid-column: 1;
      grid-row: 1;
  }

  Pages using this styling

  • scp-3208 [info]

  ¶ 1 occurrence
  

  
  div#page-title::after {
    content: "- The Deeper End";
  }
  

  Pages using this styling

  • scp-3202 [info]

  ¶ 1 occurrence
  

  .inset {
      float: right;
      width: 25%;
      margin: 0px;
      border-style: solid;
      border-radius: 5px;
      border-width: 2px;
      border-color: #ee9999;
      padding: 10px;	
      margin-left: 10px;
      margin-top: 5px;
      margin-bottom: 5px;
      background: #FFEEEE;
      font-size: 90%;
  }
  .inset > p {
      margin: 0;
  }
  audio { 
     display:none;
  }
  .space {
      background-image: url(https://scp-wiki.wikidot.com/local--files/scp-3201/LtqzOqx.webp);
  float:center; width:100%; border:solid 3px #5050CA; padding:10px; margin-bottom: 10px;margin:0 auto;

  Pages using this styling

  • scp-3201 [info]

  ¶ 1 occurrence
  

  
  #header {
      background-image: url(https://scp-wiki.wdfiles.com/local--files/scp-3176/temporal_dept_logo.png);
  }
  
  #header h2 span {
      color: transparent;
      text-shadow: none;
  }
  
  #header h2 span::before {
      content: 'Department of Temporal Anomalies ';
      color: #f0f0c0;
      text-shadow: 1px 1px 1px #000;
      text-shadow: 1px 1px 1px rgba(0,0,0,.8);
  }
  

  Pages using this styling

  • scp-3176 [info]

  ¶ 1 occurrence
  

  
  @import url("https://fonts.googleapis.com/css?family=PT+Mono");
  
  div.printout p {
    font-family: "PT Mono", monospace;
    margin: 0px;
    line-height: 200%;
    padding-left: 1em;
    padding-right: 1em;
  }
  
  div.printout p:nth-child(odd) {
    background: white;
  }
  
  div.printout p:nth-child(even) {
    background: #D6F3EE;
  }
  

  Pages using this styling

  • scp-3175 [info]

  ¶ 1 occurrence
  

  
  #header h1 a {
      content: "SCP Foundation";
      text-shadow: 1px 1px 2px white, 0 0 1em red, 0 0 0.2em white;
      color: #000;
  }
  
  #header h1 a::before {
      content: "SCP Foundation";
  }
  
  #header h2::before {
      content: "Secure, Contain, Protect";
  }
  
  #header h1 a::before{
       text-shadow: 4px 4px 4px hsla(0, 0%, 0%, .8);
  }
   #header h2::before{
       text-shadow: 3px 3px 3px hsla(0, 0%, 0%, .9);
  }
  
   #header h1 a::before{
       font-family: BauhausLTDemi, 'Nanum Gothic', Arial, sans-serif;
  }
   #header h2::before{
       font-family: 'Trebuchet MS', Arial, sans-serif;
  }
  
   #header::before{
       background-size: auto 8.8em;
       margin-top: 0.5em;
       opacity: .46;
  }
  
  #header h2 {
      margin-left: 0;
      text-align: center;
      padding: 0;
      clear: center;
      float: none;
      font-size: 105%;
      max-height: 38px;
  }
  #header h2 span {
      display: block;
      margin: 0;
      line-height: 0px;
      max-height: 0px;
      font-weight: bold;
      color: transparent;
      text-shadow: none;
  }
  
  #header h2 span::before {
      content: " ";
      display: block;
      margin: 0;
      padding: 0px 0;
      line-height: 0px;
      max-height: 0px;
      font-weight: bold;
      color: #fff;
      text-shadow: 1px 1px 1px #000;
      text-shadow: 1px 1px 1px rgba(0,0,0,.8);
  }
  
    .page-rate-widget-box {
    background-color: #200303;
    border: 2px solid #363535;
    color: #ededed;
    padding: .1em;
  }
  
  div.page-rate-widget-box .rate-points,
  .page-rate-widget-box .rateup,
  .page-rate-widget-box .ratedown,
  .page-rate-widget-box .rateup a,
  .page-rate-widget-box .ratedown a,
  .page-rate-widget-box .cancel a {
    background-color: transparent;   /*  clears sigma-9 colors  */
    border: 0;   /*  clears sigma-9 borders  */
    color: #ededed;
    text-transform: capitalize;
  }
  .page-rate-widget-box .rateup,
  .page-rate-widget-box .ratedown {
    border-left: 2px solid #383737;
  }
  .page-rate-widget-box .rateup a,
  .page-rate-widget-box .ratedown a {
    color: #ededed;
  }
  .page-rate-widget-box .rateup a:hover,
  .page-rate-widget-box .ratedown a:hover {
    color: #363535;
  }
  .page-rate-widget-box .cancel {
    background-color: transparent;
    border: 0;
    border-left: 2px solid #383737;
  }
  .page-rate-widget-box .cancel a,
  .page-rate-widget-box .cancel a:hover {
    border-radius: 0 5px 5px 0;
    color: #ededed;
  }
  .page-rate-widget-box .cancel a:hover {
    color: #363535;
  }
  
  .scp-image-block {
    border-color: #060606;
  }
  
  div.customblock{
  float: center; border: solid 2px #21070A; background:#ffffff; font-family: Courier New, Courier; font-weight: bold; font-size: 101%; width: auto; padding: 10px 25px; margin: 15px auto
  }
  
  .dialogue {
    margin: 20px 0;
    padding-left: 4%;
    border-left: 3px solid #363535;
    padding-right: 4%;
  }
  
  .logtitle {
    font-size: 140%;
    text-align: center;
    color: #363535;
    font-weight: 900;
  }

  Pages using this styling

  • scp-3169 [info]

  ¶ 1 occurrence
  

  div#page-title::after {
    content: "by Ihp";
    font-size: 50%;
    color: #888;
  }

  Pages using this styling

  • scp-3167 [info]

  ¶ 1 occurrence
  

  /* replace the text of the last breadcrumb as a hint to the keypad code */
  #breadcrumbs,
  .backlinks {
    display:none;
  }

  Pages using this styling

  • scp-3125 [info]

  ¶ 1 occurrence
  

  
  :root {
    --accentColor: #1EB5E8;
    --darkColor: #101112; 
    --darkerColor:#020203;
  }
  
  body {
      font-family: 'Inter', sans-serif;
      font-size: .9325rem;
      color: #dedede;
      accent-color: var(--accentColor);
  }
  
  :root {
  --header-title: "SCP Foundation";
  --header-subtitle: "Secure. Contain. Protect.";
  }
  
  :root {
  --logo-image: url("https://cdn.scpwiki.com/theme/en/black-highlighter/img/logo.svg");
  
  }

  Pages using this styling

  • scp-3105 [info]

  ¶ 1 occurrence
  

  
  /* == FADE AWAY == */
   #u-fade-away {
      /* Mouse Hover Reveals Rating Module */
      opacity: calc(1 / 3);
      transition: all .25s ease-in-out;
  }
   #u-fade-away:hover {
      opacity: 1;
  }
  

  Pages using this styling

  • scp-3084 [info]

  ¶ 1 occurrence
  

  
  div#page-title::after {
    content: "by LordCrunchfish";
    font-size: 50%;
    color: #888;
  }
  

  Pages using this styling

  • scp-3000-j [info]

  ¶ 1 occurrence
  

  sup { 
  
  vertical-align: top; position: relative; top: -0.5em; 
  }
  
  #page-content .info-container {
      --link-color: rgb(var(--swatch-text-general));
  }
  
  #page-content .info-container .translation_block {
      display: none;
  }
  
  #page-content .info-container .collapsible-block-link,
  #page-content .info-container:hover .collapsible-block-link {
      line-height: 1.6em;
  }
  
  #page-content .info-container .collapsible-block-folded,
  #page-content .info-container .collapsible-block-unfolded-link {
      display: grid;
  }
  
  #page-content .info-container .collapsible-block-folded .collapsible-block-link,
  #page-content .info-container .collapsible-block-link {
      -webkit-mask: unset;
              mask: unset;
      background: transparent;
      grid-column: 1;
      grid-row: 1;
      opacity: 0;
  }
  
  #page-content .info-container .collapsible-block-folded::before,
  #page-content .info-container .collapsible-block-unfolded-link::before {
      --wght: 800;
      content: "Collaboration";
      color: #FFFFFF;
      font-family: Inter, Arimo, Verdana, Geneva, "Helvetica Neue", "Helvetica", Arial, sans-serif;;
      display: block;
      pointer-events: none;
      grid-column: 1;
      grid-row: 1;
  }

  Pages using this styling

  • scp-3000 [info]

  ¶ 1 occurrence
  

  #page-title {
    display: none;
  }
  
  .meta-title {
    border-bottom: solid 1px #bbb;
    color: #901;
    font-weight: normal;
    margin: 0 0 0.6em;
    padding: 0 0 0.25em;
    font-size: 200%;
  }
  
  .meta-title p {
    margin: 0;
  }

  Pages using this styling

  • scp-2998 [info]

  ¶ 1 occurrence
  

  
  .box1 {
    width: 400px;
  }
  
  .box2 {
    width: 300px;
  }
  
  .box1, .box2 {
    float: right;
    padding: 0;
    margin-left: 50px;
  }
  
  @media(max-width: 1000px) {
    .box1, .box2 {
      width: 100%;
      float: none;
      margin-left: 25px;
      margin-right: 25px;
    }
  }
  

  Pages using this styling

  • scp-295-ko [info]

  ¶ 1 occurrence
  

  
  :root {
    --logo: url(https://scp-wiki.wdfiles.com/local--files/theme%3Aeigenmachine/asterisk_asterisk.svg);
    --title: "P.M. CENTER";
    --header-subtitle: "PROTEGA VELAMEN";
    --abstractor: hidden;
    --custom-logo: url('https://scp-wiki.wdfiles.com/local--files/theme%3Aeigenmachine/asterisk_scp.svg');
    --custom-header: "FROM THE EMERGENT THREAT TACTICAL RESPONSE AUTHORITY";
  }
  .scp-image-block.block-center img {
  height: 400px !important;
  }
  .st, .custom_memo {
  font-family:var(--header-font) !important;
  font-weight:700;
  } 
  
  div.poppin{
  box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset !important;
  margin:7px;
  }

  Pages using this styling

  • scp-2921 [info]

  ¶ 1 occurrence
  

  .color-green{
      color:#444444;
  }
  .color-red{
      color:#ADD8E6;
  }
  .notice06-wrapper {
    position: relative;
    display: inline-block;
    border: double 5px #999999;
    background: url('http://scp-jp-storage.wdfiles.com/local --files/file%3A5644609-106-2lvf/scp-trans.png') no-repeat center/75%;
    margin: 0 auto;
    width: 85%;
    box-shadow: 0 0 10px rgba(0,0, 0,.2);
    overflow: hidden;
  }
  
  .notice06-mask {
    padding: 5px 13px;
    background: rgba(255,255,255,0.75);
  }

  Pages using this styling

  • scp-2912-jp [info]

  ¶ 1 occurrence
  

  .edit {background-color:#2e0b0e;"}
  }

  Pages using this styling

  • scp-2888 [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+Antique:wght@300;400;500;700;900&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@700&display=swap');
  :root {
  --basalt-bright-element-color: 240, 246, 240;
  --basalt-dark-element-color:34, 35, 35;
  --basalt-overtone:33, 30, 32;
  --header-font: 'Poppins';
  --body-font: 'Zen Kaku Gothic Antique', sans-serif;
  --ACS-font: var(--header-font);
  --basalt-undertone: 60,9,33;
  --swatch-menubg-black-color: 10,10,10;
  --general-border-color: 1,1,1;
  --swatch-menutxt-dark-color: 1,1,1;
  --UI-font: 'Poppins';
  --link-visited-color: 205,205,205;
  --selection-background-color: 197, 119, 41 !important;
  --link-color: 96, 173, 147 !important;
  --link-visited-color: 96, 173, 147 !important;
  --basalt-bright-element-color: var(--basalt-alternate-color) !important;
  }
  a:link {
  font-family: var(--header-font-primary);
  }
  
  .image-hover-enlarge img.image:hover { z-index:99999 !important;}

  Pages using this styling

  • scp-2853 [info]

  ¶ 1 occurrence
  

  :root {
      --five-color: 92, 29, 36;
      --four-color: 207, 141, 60;
  }
  
  .danger-diamond > .quadrants > div {
      background: transparent;
  }
  
  .anom-bar-container.keter .text-part .main-class,
  .anom-bar-container.amida .text-part .disrupt-class,
  .anom-bar-container.critical .text-part .risk-class,
  .anom-bar-container.keter .danger-diamond > .quadrants > .top-quad,
  .anom-bar-container.amida .danger-diamond > .quadrants > .left-quad,
  .anom-bar-container.critical .danger-diamond > .quadrants > .right-quad {
      background-color: rgba(var(--five-color), .5);
  }

  Pages using this styling

  • scp-2821 [info]

  ¶ 1 occurrence
  

  
  .box-container {
      height: auto;
      width: 350px;
      padding:35px;
  }
  
  .box-header {
      background: #d9dce7;
      border: 1px solid #d9dce7;
      padding: 2px 5px;
      -moz-border-radius-topleft: 4em;
      -moz-border-radius-bottomright: 4em;
      -webkit-border-top-left-radius: 20px;
      -webkit-border-bottom-right-radius: 20px;
      margin:-15px;
      padding-left: 15px;
      width: 328px;
      border-top-width: 0px;
      color: #656d8e;    
  }
  
  .box {
      background: #f3f5fb;
      border: 1px solid #d9dce7;
      padding: 5px 5px 0px;
      -moz-border-radius-topleft: 4em;
      -moz-border-radius-bottomright: 4em;
      -webkit-border-top-left-radius: 20px;
      -webkit-border-bottom-right-radius: 20px;
      padding-left: 15px;
      width: 329px;
      color: #373357;  
  }
  

  Pages using this styling

  • scp-2809 [info]

  ¶ 1 occurrence
  

  .randomiser { display: none; }
  
  :root { --random-image: url("https://scp-wiki.wdfiles.com/local--files/scp-2808/beauty1.png"); }
  
  :root:has(.randomiser :is([id$="000"], [id$="008"], [id$="016"], [id$="024"], [id$="032"], [id$="040"], [id$="048"], [id$="056"], [id$="064"], [id$="072"], [id$="080"], [id$="088"], [id$="096"], [id$="104"], [id$="112"], [id$="120"], [id$="128"], [id$="136"], [id$="144"], [id$="152"], [id$="160"], [id$="168"], [id$="176"], [id$="184"], [id$="192"], [id$="200"], [id$="208"], [id$="216"], [id$="224"], [id$="232"], [id$="240"], [id$="248"], [id$="256"], [id$="264"], [id$="272"], [id$="280"], [id$="288"], [id$="296"], [id$="304"], [id$="312"], [id$="320"], [id$="328"], [id$="336"], [id$="344"], [id$="352"], [id$="360"], [id$="368"], [id$="376"], [id$="384"], [id$="392"], [id$="400"], [id$="408"], [id$="416"], [id$="424"], [id$="432"], [id$="440"], [id$="448"], [id$="456"], [id$="464"], [id$="472"], [id$="480"], [id$="488"], [id$="496"], [id$="504"], [id$="512"], [id$="520"], [id$="528"], [id$="536"], [id$="544"], [id$="552"], [id$="560"], [id$="568"], [id$="576"], [id$="584"], [id$="592"], [id$="600"], [id$="608"], [id$="616"], [id$="624"], [id$="632"], [id$="640"], [id$="648"], [id$="656"], [id$="664"], [id$="672"], [id$="680"], [id$="688"], [id$="696"], [id$="704"], [id$="712"], [id$="720"], [id$="728"], [id$="736"], [id$="744"], [id$="752"], [id$="760"], [id$="768"], [id$="776"], [id$="784"], [id$="792"], [id$="800"], [id$="808"], [id$="816"], [id$="824"], [id$="832"], [id$="840"], [id$="848"], [id$="856"], [id$="864"], [id$="872"], [id$="880"], [id$="888"], [id$="896"], [id$="904"], [id$="912"], [id$="920"], [id$="928"], [id$="936"], [id$="944"], [id$="952"], [id$="960"], [id$="968"], [id$="976"], [id$="984"], [id$="992"])) { --random-image: url("https://scp-wiki.wdfiles.com/local--files/scp-2808/beauty1.png"); }
  :root:has(.randomiser :is([id$="001"], [id$="009"], [id$="017"], [id$="025"], [id$="033"], [id$="041"], [id$="049"], [id$="057"], [id$="065"], [id$="073"], [id$="081"], [id$="089"], [id$="097"], [id$="105"], [id$="113"], [id$="121"], [id$="129"], [id$="137"], [id$="145"], [id$="153"], [id$="161"], [id$="169"], [id$="177"], [id$="185"], [id$="193"], [id$="201"], [id$="209"], [id$="217"], [id$="225"], [id$="233"], [id$="241"], [id$="249"], [id$="257"], [id$="265"], [id$="273"], [id$="281"], [id$="289"], [id$="297"], [id$="305"], [id$="313"], [id$="321"], [id$="329"], [id$="337"], [id$="345"], [id$="353"], [id$="361"], [id$="369"], [id$="377"], [id$="385"], [id$="393"], [id$="401"], [id$="409"], [id$="417"], [id$="425"], [id$="433"], [id$="441"], [id$="449"], [id$="457"], [id$="465"], [id$="473"], [id$="481"], [id$="489"], [id$="497"], [id$="505"], [id$="513"], [id$="521"], [id$="529"], [id$="537"], [id$="545"], [id$="553"], [id$="561"], [id$="569"], [id$="577"], [id$="585"], [id$="593"], [id$="601"], [id$="609"], [id$="617"], [id$="625"], [id$="633"], [id$="641"], [id$="649"], [id$="657"], [id$="665"], [id$="673"], [id$="681"], [id$="689"], [id$="697"], [id$="705"], [id$="713"], [id$="721"], [id$="729"], [id$="737"], [id$="745"], [id$="753"], [id$="761"], [id$="769"], [id$="777"], [id$="785"], [id$="793"], [id$="801"], [id$="809"], [id$="817"], [id$="825"], [id$="833"], [id$="841"], [id$="849"], [id$="857"], [id$="865"], [id$="873"], [id$="881"], [id$="889"], [id$="897"], [id$="905"], [id$="913"], [id$="921"], [id$="929"], [id$="937"], [id$="945"], [id$="953"], [id$="961"], [id$="969"], [id$="977"], [id$="985"], [id$="993"])) { --random-image: url("https://scp-wiki.wdfiles.com/local--files/scp-2808/beauty2.png"); }
  :root:has(.randomiser :is([id$="002"], [id$="010"], [id$="018"], [id$="026"], [id$="034"], [id$="042"], [id$="050"], [id$="058"], [id$="066"], [id$="074"], [id$="082"], [id$="090"], [id$="098"], [id$="106"], [id$="114"], [id$="122"], [id$="130"], [id$="138"], [id$="146"], [id$="154"], [id$="162"], [id$="170"], [id$="178"], [id$="186"], [id$="194"], [id$="202"], [id$="210"], [id$="218"], [id$="226"], [id$="234"], [id$="242"], [id$="250"], [id$="258"], [id$="266"], [id$="274"], [id$="282"], [id$="290"], [id$="298"], [id$="306"], [id$="314"], [id$="322"], [id$="330"], [id$="338"], [id$="346"], [id$="354"], [id$="362"], [id$="370"], [id$="378"], [id$="386"], [id$="394"], [id$="402"], [id$="410"], [id$="418"], [id$="426"], [id$="434"], [id$="442"], [id$="450"], [id$="458"], [id$="466"], [id$="474"], [id$="482"], [id$="490"], [id$="498"], [id$="506"], [id$="514"], [id$="522"], [id$="530"], [id$="538"], [id$="546"], [id$="554"], [id$="562"], [id$="570"], [id$="578"], [id$="586"], [id$="594"], [id$="602"], [id$="610"], [id$="618"], [id$="626"], [id$="634"], [id$="642"], [id$="650"], [id$="658"], [id$="666"], [id$="674"], [id$="682"], [id$="690"], [id$="698"], [id$="706"], [id$="714"], [id$="722"], [id$="730"], [id$="738"], [id$="746"], [id$="754"], [id$="762"], [id$="770"], [id$="778"], [id$="786"], [id$="794"], [id$="802"], [id$="810"], [id$="818"], [id$="826"], [id$="834"], [id$="842"], [id$="850"], [id$="858"], [id$="866"], [id$="874"], [id$="882"], [id$="890"], [id$="898"], [id$="906"], [id$="914"], [id$="922"], [id$="930"], [id$="938"], [id$="946"], [id$="954"], [id$="962"], [id$="970"], [id$="978"], [id$="986"], [id$="994"])) { --random-image: url("https://scp-wiki.wdfiles.com/local--files/scp-2808/beauty3.png"); }
  :root:has(.randomiser :is([id$="003"], [id$="011"], [id$="019"], [id$="027"], [id$="035"], [id$="043"], [id$="051"], [id$="059"], [id$="067"], [id$="075"], [id$="083"], [id$="091"], [id$="099"], [id$="107"], [id$="115"], [id$="123"], [id$="131"], [id$="139"], [id$="147"], [id$="155"], [id$="163"], [id$="171"], [id$="179"], [id$="187"], [id$="195"], [id$="203"], [id$="211"], [id$="219"], [id$="227"], [id$="235"], [id$="243"], [id$="251"], [id$="259"], [id$="267"], [id$="275"], [id$="283"], [id$="291"], [id$="299"], [id$="307"], [id$="315"], [id$="323"], [id$="331"], [id$="339"], [id$="347"], [id$="355"], [id$="363"], [id$="371"], [id$="379"], [id$="387"], [id$="395"], [id$="403"], [id$="411"], [id$="419"], [id$="427"], [id$="435"], [id$="443"], [id$="451"], [id$="459"], [id$="467"], [id$="475"], [id$="483"], [id$="491"], [id$="499"], [id$="507"], [id$="515"], [id$="523"], [id$="531"], [id$="539"], [id$="547"], [id$="555"], [id$="563"], [id$="571"], [id$="579"], [id$="587"], [id$="595"], [id$="603"], [id$="611"], [id$="619"], [id$="627"], [id$="635"], [id$="643"], [id$="651"], [id$="659"], [id$="667"], [id$="675"], [id$="683"], [id$="691"], [id$="699"], [id$="707"], [id$="715"], [id$="723"], [id$="731"], [id$="739"], [id$="747"], [id$="755"], [id$="763"], [id$="771"], [id$="779"], [id$="787"], [id$="795"], [id$="803"], [id$="811"], [id$="819"], [id$="827"], [id$="835"], [id$="843"], [id$="851"], [id$="859"], [id$="867"], [id$="875"], [id$="883"], [id$="891"], [id$="899"], [id$="907"], [id$="915"], [id$="923"], [id$="931"], [id$="939"], [id$="947"], [id$="955"], [id$="963"], [id$="971"], [id$="979"], [id$="987"], [id$="995"])) { --random-image: url("https://scp-wiki.wdfiles.com/local--files/scp-2808/beauty4.png"); }
  :root:has(.randomiser :is([id$="004"], [id$="012"], [id$="020"], [id$="028"], [id$="036"], [id$="044"], [id$="052"], [id$="060"], [id$="068"], [id$="076"], [id$="084"], [id$="092"], [id$="100"], [id$="108"], [id$="116"], [id$="124"], [id$="132"], [id$="140"], [id$="148"], [id$="156"], [id$="164"], [id$="172"], [id$="180"], [id$="188"], [id$="196"], [id$="204"], [id$="212"], [id$="220"], [id$="228"], [id$="236"], [id$="244"], [id$="252"], [id$="260"], [id$="268"], [id$="276"], [id$="284"], [id$="292"], [id$="300"], [id$="308"], [id$="316"], [id$="324"], [id$="332"], [id$="340"], [id$="348"], [id$="356"], [id$="364"], [id$="372"], [id$="380"], [id$="388"], [id$="396"], [id$="404"], [id$="412"], [id$="420"], [id$="428"], [id$="436"], [id$="444"], [id$="452"], [id$="460"], [id$="468"], [id$="476"], [id$="484"], [id$="492"], [id$="500"], [id$="508"], [id$="516"], [id$="524"], [id$="532"], [id$="540"], [id$="548"], [id$="556"], [id$="564"], [id$="572"], [id$="580"], [id$="588"], [id$="596"], [id$="604"], [id$="612"], [id$="620"], [id$="628"], [id$="636"], [id$="644"], [id$="652"], [id$="660"], [id$="668"], [id$="676"], [id$="684"], [id$="692"], [id$="700"], [id$="708"], [id$="716"], [id$="724"], [id$="732"], [id$="740"], [id$="748"], [id$="756"], [id$="764"], [id$="772"], [id$="780"], [id$="788"], [id$="796"], [id$="804"], [id$="812"], [id$="820"], [id$="828"], [id$="836"], [id$="844"], [id$="852"], [id$="860"], [id$="868"], [id$="876"], [id$="884"], [id$="892"], [id$="900"], [id$="908"], [id$="916"], [id$="924"], [id$="932"], [id$="940"], [id$="948"], [id$="956"], [id$="964"], [id$="972"], [id$="980"], [id$="988"], [id$="996"])) { --random-image: url("https://scp-wiki.wdfiles.com/local--files/scp-2808/beauty5.png"); }
  :root:has(.randomiser :is([id$="005"], [id$="013"], [id$="021"], [id$="029"], [id$="037"], [id$="045"], [id$="053"], [id$="061"], [id$="069"], [id$="077"], [id$="085"], [id$="093"], [id$="101"], [id$="109"], [id$="117"], [id$="125"], [id$="133"], [id$="141"], [id$="149"], [id$="157"], [id$="165"], [id$="173"], [id$="181"], [id$="189"], [id$="197"], [id$="205"], [id$="213"], [id$="221"], [id$="229"], [id$="237"], [id$="245"], [id$="253"], [id$="261"], [id$="269"], [id$="277"], [id$="285"], [id$="293"], [id$="301"], [id$="309"], [id$="317"], [id$="325"], [id$="333"], [id$="341"], [id$="349"], [id$="357"], [id$="365"], [id$="373"], [id$="381"], [id$="389"], [id$="397"], [id$="405"], [id$="413"], [id$="421"], [id$="429"], [id$="437"], [id$="445"], [id$="453"], [id$="461"], [id$="469"], [id$="477"], [id$="485"], [id$="493"], [id$="501"], [id$="509"], [id$="517"], [id$="525"], [id$="533"], [id$="541"], [id$="549"], [id$="557"], [id$="565"], [id$="573"], [id$="581"], [id$="589"], [id$="597"], [id$="605"], [id$="613"], [id$="621"], [id$="629"], [id$="637"], [id$="645"], [id$="653"], [id$="661"], [id$="669"], [id$="677"], [id$="685"], [id$="693"], [id$="701"], [id$="709"], [id$="717"], [id$="725"], [id$="733"], [id$="741"], [id$="749"], [id$="757"], [id$="765"], [id$="773"], [id$="781"], [id$="789"], [id$="797"], [id$="805"], [id$="813"], [id$="821"], [id$="829"], [id$="837"], [id$="845"], [id$="853"], [id$="861"], [id$="869"], [id$="877"], [id$="885"], [id$="893"], [id$="901"], [id$="909"], [id$="917"], [id$="925"], [id$="933"], [id$="941"], [id$="949"], [id$="957"], [id$="965"], [id$="973"], [id$="981"], [id$="989"], [id$="997"])) { --random-image: url("https://scp-wiki.wdfiles.com/local--files/scp-2808/beauty6.png"); }
  :root:has(.randomiser :is([id$="006"], [id$="014"], [id$="022"], [id$="030"], [id$="038"], [id$="046"], [id$="054"], [id$="062"], [id$="070"], [id$="078"], [id$="086"], [id$="094"], [id$="102"], [id$="110"], [id$="118"], [id$="126"], [id$="134"], [id$="142"], [id$="150"], [id$="158"], [id$="166"], [id$="174"], [id$="182"], [id$="190"], [id$="198"], [id$="206"], [id$="214"], [id$="222"], [id$="230"], [id$="238"], [id$="246"], [id$="254"], [id$="262"], [id$="270"], [id$="278"], [id$="286"], [id$="294"], [id$="302"], [id$="310"], [id$="318"], [id$="326"], [id$="334"], [id$="342"], [id$="350"], [id$="358"], [id$="366"], [id$="374"], [id$="382"], [id$="390"], [id$="398"], [id$="406"], [id$="414"], [id$="422"], [id$="430"], [id$="438"], [id$="446"], [id$="454"], [id$="462"], [id$="470"], [id$="478"], [id$="486"], [id$="494"], [id$="502"], [id$="510"], [id$="518"], [id$="526"], [id$="534"], [id$="542"], [id$="550"], [id$="558"], [id$="566"], [id$="574"], [id$="582"], [id$="590"], [id$="598"], [id$="606"], [id$="614"], [id$="622"], [id$="630"], [id$="638"], [id$="646"], [id$="654"], [id$="662"], [id$="670"], [id$="678"], [id$="686"], [id$="694"], [id$="702"], [id$="710"], [id$="718"], [id$="726"], [id$="734"], [id$="742"], [id$="750"], [id$="758"], [id$="766"], [id$="774"], [id$="782"], [id$="790"], [id$="798"], [id$="806"], [id$="814"], [id$="822"], [id$="830"], [id$="838"], [id$="846"], [id$="854"], [id$="862"], [id$="870"], [id$="878"], [id$="886"], [id$="894"], [id$="902"], [id$="910"], [id$="918"], [id$="926"], [id$="934"], [id$="942"], [id$="950"], [id$="958"], [id$="966"], [id$="974"], [id$="982"], [id$="990"], [id$="998"])) { --random-image: url("https://scp-wiki.wdfiles.com/local--files/scp-2808/beauty7.png"); }
  :root:has(.randomiser :is([id$="007"], [id$="015"], [id$="023"], [id$="031"], [id$="039"], [id$="047"], [id$="055"], [id$="063"], [id$="071"], [id$="079"], [id$="087"], [id$="095"], [id$="103"], [id$="111"], [id$="119"], [id$="127"], [id$="135"], [id$="143"], [id$="151"], [id$="159"], [id$="167"], [id$="175"], [id$="183"], [id$="191"], [id$="199"], [id$="207"], [id$="215"], [id$="223"], [id$="231"], [id$="239"], [id$="247"], [id$="255"], [id$="263"], [id$="271"], [id$="279"], [id$="287"], [id$="295"], [id$="303"], [id$="311"], [id$="319"], [id$="327"], [id$="335"], [id$="343"], [id$="351"], [id$="359"], [id$="367"], [id$="375"], [id$="383"], [id$="391"], [id$="399"], [id$="407"], [id$="415"], [id$="423"], [id$="431"], [id$="439"], [id$="447"], [id$="455"], [id$="463"], [id$="471"], [id$="479"], [id$="487"], [id$="495"], [id$="503"], [id$="511"], [id$="519"], [id$="527"], [id$="535"], [id$="543"], [id$="551"], [id$="559"], [id$="567"], [id$="575"], [id$="583"], [id$="591"], [id$="599"], [id$="607"], [id$="615"], [id$="623"], [id$="631"], [id$="639"], [id$="647"], [id$="655"], [id$="663"], [id$="671"], [id$="679"], [id$="687"], [id$="695"], [id$="703"], [id$="711"], [id$="719"], [id$="727"], [id$="735"], [id$="743"], [id$="751"], [id$="759"], [id$="767"], [id$="775"], [id$="783"], [id$="791"], [id$="799"], [id$="807"], [id$="815"], [id$="823"], [id$="831"], [id$="839"], [id$="847"], [id$="855"], [id$="863"], [id$="871"], [id$="879"], [id$="887"], [id$="895"], [id$="903"], [id$="911"], [id$="919"], [id$="927"], [id$="935"], [id$="943"], [id$="951"], [id$="959"], [id$="967"], [id$="975"], [id$="983"], [id$="991"], [id$="999"])) { --random-image: url("https://scp-wiki.wdfiles.com/local--files/scp-2808/beauty8.png"); }
  
  .random-image-block .random-image-frame {
    width: 100%;
    aspect-ratio: 1 / 1;
    background-image: var(--random-image);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }

  Pages using this styling

  • scp-2808 [info]

  ¶ 1 occurrence
  

  :root {
    --header-title: "SITE-01";
    --header-subtitle: "OVERSEER COMMAND DATABASE";
  }

  Pages using this styling

  • scp-2800-j [info]

  ¶ 1 occurrence
  

  #extra-div-1 {
   background:#3f585f; 
   box-shadow: 0px 0px 8px 4px #1e292e; 
  }
  
  #page-content .wiki-content-table tr td {
   text-align:center;
  }
  
  #page-content .wiki-content-table tr:first-child th {
   background-color:#6e9ba2; 
   color:#312f37; 
   font-weight:700 !important;
   padding-bottom:3px !important; 
   padding-top:3px; 
   text-align:center;
  }
  
  #page-content .wiki-content-table tr th {
   background-color:#1e292e; 
   color:#e3f6e3;
   font-weight:400;
   font-style:none !important;
   border: 1px solid #cfcfdb; 
   padding-bottom:20px; 
   padding-top:10px; 
   text-align:left;
  }
  .danger-diamond > .quadrants > .bottom-quad {
  
  background-color: rgb(var(--four-color),0.25) !important;
  }
  .anom-bar-container.danger .danger-diamond > .bottom-icon::before {
   background-color: rgb(199, 231, 181) !important;
  }
  
  .anom-bar-container.safe .text-part .main-class, 
  .anom-bar-container.dark .text-part .disrupt-class, 
  .anom-bar-container.notice .text-part .risk-class {
  border-left: 0.75rem solid rgb(199, 231, 181) !important;
  }
  
  
  body {
   background-color:#1e292e; 
   color:#e3f6e3; 
   background-attachment: fixed;
   background-size: cover;
   background-image: linear-gradient(
   170deg, 
   transparent, 
   #1e292e 65%, 
   #1e292e 65%, 
   #1e292e 100%
   ); 
  }
  
  body:before {
   background-image:url(http://scpdsandbox.wikidot.com/local--files/billith9/field.png);
   content: ' ';
   position: fixed;
   display: block;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   mix-blend-mode:soft-light;
   background-size: cover;
   background-repeat:no-repeat;
   background-position:center;
   z-index: -1;
   color:#e3f6e3;
  }
  .authorlink-wrapper .authorbox {
  background-color:rgb(30, 41, 46);
  box-shadow: none;
  
  }
  .authorbox, .authorcontent a {
  color: #f3eee2;
  }
  
  .authorbox, .authorcontent {
   background-color:rgb(30, 41, 46);
   color:#f3eee2; 
   width:300px !important;
  }
  .authorlink-wrapper {
   margin-top: var(--author-top-adjust, .2em) !important; 
  
  }
  #page-content .authorbox {
   width:auto !important;
  }
  
  .tableb .wiki-content-table {
   border-spacing: 3px;
   font-size:0.82em;
  }
  
  :root {
   --hr-color: 199, 231, 181 !important;
   --header-logo:url(https://scp-wiki.wdfiles.com/local--files/classifications-guides-and-icons-by-billith/aad3.png);
   --header-title:"FOUNDATION";
   --header-subtitle:"ASTROPHYSICAL ANOMALIES DEPT.";
   --mobile-subtitle:"ASTROPHYSICAL ANOMALIES" !important;
  --barColor:199, 231, 181 !important; 
   --image-caption-background-color:54, 97, 110;
   --swatch-menubg-black-color: 30, 41, 46 !important; 
   --swatch-background:199, 231, 181 !important; 
   --link-color:157, 225, 225 !important;
   --scrollbar-thumb-color: 199, 231, 181;
   --scrollbar-track-color:30, 41, 46 !important;
   --header-background-color: 30, 41, 46;
   --link-font-primary:'Overpass Mono';
   --fill-time:2;
   --five-color:199, 231, 181 !important;
   --four-color:199, 231, 181 !important;
   --loader-height:12px;
   --delay2:2;
   --delay3:2.1;
   --scale3:0.3;
   --scale2:0.8;
   --vector-midtone: var(--vector-jean);
   --general-border-color: var(--vector-jean);
   --positiveColor: var(--vector-jean);
  }
  
  .footnotes-footer .footnote-footer { 
   text-indent: -6px !important; 
  }
  
  div.poppin {
   box-shadow: rgba(30, 41, 46, 0.4) 0px 2px 4px, 
      rgba(30, 41, 46, 0.3) 0px 7px 13px -3px, 
      rgba(30, 41, 46, 0.2) 0px -3px 0px inset !important;
   border-radius: 2px !important;
  }
  
  .breaklinker a {
   color: #f3eee2 !important;
  }
  
  .blockquote {
   border-color: #312f37; 
   background-color: #6e9ba2;;
  }
  
  .container {
   position: relative;
   text-align: center;
   color: #1e292e;
   width:100%;
  }
  .centered {
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
  }
  
  
  .bigtext {
   font-weight:700;
  }
  
  
  .scp-image-block.block-center img {
   height:300px;
  }
  
  
  .bar-one {
   border-radius: 2px !important;
  }
  

  Pages using this styling

  • scp-2798 [info]

  ¶ 1 occurrence
  

  :root {
      --header-title: "SCP Foundation";
      --header-subtitle: "Selling Cars Poorly";
  }
  
  .scp-image-block.block-right { margin: 1em 2em 1em 1em; }
  
  .vdn {
      background: #ffffff;
      background-size: 400px;
      background-position: center;
      background-repeat: no-repeat;
      box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
      width: 84%;
      min-height: 4rem;
      margin-left: auto;
      margin-right: auto;
      padding: 10px 20px 20px 20px;
      word-break: break-word;
  }
  
  .scp-image-block.block-right { margin: 1em 2em 1em 1em; }
  
  #page-title{display:none}
  
  .email-example .collapsible-block-folded a.collapsible-block-link {
      animation: blink 0.8s ease-in-out infinite alternate;
  }
  @keyframes blink {
      0% { color: transparent; }
      50%, 100% { color: #b01; }
  }
  .email {border: solid 2px #000000; background-position: center; width: 88%; padding: 1px 15px; margin: 10px; margin-left: auto; margin-right: auto; box-shadow: 0 1px 3px rgba(0,0,0,.5)}
  .email-example a.collapsible-block-link {font-weight: bold;}
  .tofrom {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px maroon}
  

  Pages using this styling

  • scp-2772-j [info]

  ¶ 1 occurrence
  

  
  .hovertip {
      border: 0px solid #fff !important;
      -webkit-box-shadow: 2px 3px 4px rgba(0,0,0,1);
      -moz-box-shadow: 2px 3px 4px rgba(0,0,0,1);
      box-shadow: 2px 3px 4px rgba(0,0,0,1);
      max-width:400px;
    
  
  }
  
  #page-content .blockquote {border-color: #000000;    
                   overflow-wrap: normal;
                  background-color#d9e6fa;
      	}
      	
  #content-wrap div{
  
  
  }
  .container  {position: absolute;
                   text-align: center;
      	 width:100%;
              overflow-wrap: normal;
  
      	}
      	
  .centered  {position: absolute;
     		 top: 50%;
      	 left: 50%;
     		 transform: translate(-50%, -50%);
  
  }
  .warp > .collapsible-block {
  
  background-color:#000000;
  }
  :root{ 
  --cutColour: #FFF;
  --barColour: #330126;
  }
  #page-content .collapsible-block {  
    max-width: 100%;
  overflow-wrap: normal;
  text-color: #ff1482;
     border-color: #FFF;
  background-color:#EDEFF3;
      border: solid 1px #FFF;
  padding: 14px;
  }
  .collapsible-block-content p{
  
  padding-left: 5px;
  padding-right: 5px;
  padding-bottom: 5px;
  padding-top: 5px;
  }
  .collapsible-block-content{
  text-align: left;
   }
  .collapsible-block-folded, .collapsible-block-unfolded{
  text-align: center;
  text-color: black;
  }
  
  .info-container .collapsible-block-link, 
  .info-container:hover .collapsible-block-link {
  line-height: 1.6em;
  }
  
  .inset {
      float: right;
      width: 20%;
      margin: 0px;
      border-style: solid;
      border-radius: 5px;
      border-width: 2px;
      border-color: #330126;
      padding: 8px;	
      margin-left: 10px;
      margin-top: 5px;
      margin-bottom: 5px;
      background: #d9e6fa;
      font-size: 90%;
    overflow-wrap: normal;
  }
  .inset > p {
      margin: 0;
      overflow-wrap:normal;
  }
  .space {
  float:center; width:100%; border:solid 3px #7979bd; padding:10px; margin-bottom: 10px;margin:0 auto;
  }

  Pages using this styling

  • scp-2759 [info]

  ¶ 1 occurrence
  

  .wup {
  
  width:130% !important;
  }
  :root {
      --logo: url(https://scp-wiki.wdfiles.com/local--files/scp-2921/overwatch.png);
      --title: "OVERWATCH";
      --subtitle: "PROTEGA VELAMEN";
  }
  div.page-rate-widget-box .rate-points {
  border: none !important;
  }
  div.authorlink-wrapper{
  margin-top: var(--author-top-adjust, .2em) !important;
  }
  :is(#page-content table:not(.form), table.wiki-content-table) th {
  background: black !important;
  
  }

  Pages using this styling

  • scp-2759 [info]

  ¶ 1 occurrence
  

  html {
    filter: grayscale(1);
  }

  Pages using this styling

  • scp-2669 [info]

  ¶ 1 occurrence
  

  @import url('https://scp-wiki.wdfiles.com/local--code/theme%3Abasalt/2');
  
  :root {
      --header-logo: url(https://scp-wiki.wikidot.com/local--files/theme:basalt/basalt_scp_logo-for_darkmode.svg);
  
      --basalt-undertone: 200,120,0;
   
      --link-color: var(--basalt-undertone);
  
      --one-color: var(--basalt-undertone);
      --two-color: var(--basalt-undertone);
  }

  Pages using this styling

  • scp-264 [info]

  ¶ 1 occurrence
  

  .f-footer{
  display:none;
  }

  Pages using this styling

  • scp-2637 [info]

  ¶ 1 occurrence
  

  .modalbox {
      min-width: 422px;
  }

  Pages using this styling

  • scp-2626-jp [info]

  ¶ 1 occurrence
  

  .foldable-list-container{
      border: solid black 1px;
  }

  Pages using this styling

  • scp-2593 [info]

  ¶ 1 occurrence
  

  blockquote{
      -webkit-margin-start: 0px;
  }

  Pages using this styling

  • scp-2564 [info]

  ¶ 1 occurrence
  

  table.wiki-content-table
  {
      border: none;
      margin: 0;
      width: 100%;
      border-radius: 10px;
  }
  table.wiki-content-table th
  {
      border: none;
  }
  table.wiki-content-table th:first-child
  {
      text-align: left;
  }
  table.wiki-content-table th
  {
      text-align: left;
  }
  table.wiki-content-table td
  {
      border: none;
      vertical-align: top;
      width: 200px;
  }
  table.wiki-content-table td:first-child
  {
      width: 300px;
  }
  table.wiki-content-table td:last-child
  {
      width: 120px;
      text-align: left;
  }
  table.wiki-content-table tr
  {
      background-color: #fff;
  }
  table.wiki-content-table tr {
      border-bottom: 1px dashed #888;
  }
  table.wiki-content-table {
      border: none;
  }
  tr {
      border: none;
  }
  td {
      padding: 0px;
  }

  Pages using this styling

  • scp-2564 [info]

  ¶ 1 occurrence
  

  div#header
  {
    background-image: url('https://scp-wiki.wdfiles.com/local--files/scp-8500/y2klogo.png') !important;
    image-rendering: pixelated;
  }
  div#container-wrap
  {
    background-image: url('https://scp-wiki.wdfiles.com/local--files/scp-8500/header.png') !important;
  }
  #header h2 span::before
  {
    content: 'Secure. Contain. Protect.'!important;
  }
  
  .regularmode {
      display: none;
  }
  
  .glitch-wrapper {
     display: block;
     background-color: #000000;
  
  }
  
  .glitch {
     position: relative;
     font-size: 15px;
     font-weight: bold;
     color: #FFFFFF;
     letter-spacing: 3px;
     z-index: 1;
     
  
  }
  
  .glitch:before,
  .glitch:after {
     display: block;
     content: attr(data-text);
     position: absolute;
     top: 0;
     left: 0;
     opacity: 0.8;
  }
  
  .glitch:before {
     animation: glitch-it 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) both infinite;
     color: #00FFFF;
     z-index: -1;
  }
  
  .glitch:after {
     animation: glitch-it 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) reverse both infinite;
     color: #FF00FF;
     z-index: -2;
  }
  
  @keyframes glitch-it {
     0% {
        transform: translate(0);
     }
     20% {
        transform: translate(-2px, 2px);
     }
     40% {
        transform: translate(-2px, -2px);
     }
     60% {
        transform: translate(2px, 2px);
     }
     80% {
        transform: translate(2px, -2px);
     }
     to {
        transform: translate(0);
     }
  }
  
  .blink{
     animation: blink 1s infinite;
     animation-fill-mode: forwards;
     display: inline;
     }
  
  
  @keyframes blink {
     0% { opacity: 0 }
     100% { opacity: 1 }
     }
  
  .page-content {
    background: url(https://upload.wikimedia.org/wikipedia/commons/3/3a/Sinusoidal_progressive_wave.gif);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  
  }
  
  h1:focus {
    outline: none;
  }
  
  .page-content2 {
    background: url(https://upload.wikimedia.org/wikipedia/commons/8/85/Corrupted_GIF_of_Earth.gif);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  
  }
  
  h1:focus {
    outline: none;
  }
  
  .page-content3 {
    background: url(http://scp-wiki.wikidot.com/local--files/scp-255/raster.gif);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  
  }
  
  h1:focus {
    outline: none;
  }
  
  .page-content4 {
    background: url(http://scp-wiki.wikidot.com/local--files/scp-255/balloon.gif);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  
  }
  
  h1:focus {
    outline: none;
  }
  
  .page-content5 {
  
  text-shadow: 1px 1px 1px rgba(11,78,186,1);
    background: url(https://upload.wikimedia.org/wikipedia/commons/f/f2/Cyclone_Nargis_flooding_before-and-after_%28Gif%29.gif);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  
  }
  
  h1:focus {
    outline: none;
  }
  
  .wordmoveup{
      position:relative;
      top:-5px;
  }
  
  .wordmovedown{
      position:relative;
      top:5px;
  }
  
  .wordmovedown2{
      position:relative;
      top:10px;
  }
  
  .wordmoveup2{
      position:relative;
      top:-9x;
  }
  
  .invisible{
     color:transparent;
  }

  Pages using this styling

  • scp-255 [info]

  ¶ 1 occurrence
  

  @import url("https://cdn.scpwiki.com/theme/en/sigma/css/sigma.min.css");
  
  /* Suppress iOS cache warning (temp) */
  
  #top-bar .ios-cache-issue-notification {
    display: none !important;
  }
  
  

  Pages using this styling

  • scp-255 [info]

  ¶ 1 occurrence
  

  .terminal{
      background-color: #222222;
      width: 85%;
      padding: 18px;
      text-align: left;
      border-radius: 25px;
      font-family: courier;
      margin: 0 auto;
  }
  
  .blinking{
      animation:blinkingText 0.8s infinite;
  }
  @keyframes blinkingText{
      0%{    color: white;   }
      49%{  color: transparent;  }
      50%{  color: transparent;  }
      69%{  color:transparent;   }
      100%{ color: white; }
  }

  Pages using this styling

  • scp-250-it [info]

  ¶ 1 occurrence
  

  .meta-title {
      border-bottom: solid 1px #bbb;
      color: #901;
      font-weight: normal;
      margin: 0 0 0.6em;
      padding: 0 0 0.25em;
      font-size: 200%;
  }
  
  .meta-title p {
      margin: 0;
  }

  Pages using this styling

  • scp-248-j [info]

  ¶ 1 occurrence
  

  :root {
      --header-subtitle: "Protect, Secure. Contain";
      --logo-image: url("https://firedawnfolder.wdfiles.com/local--files/axolotl-nest/xilashaus.png");

  Pages using this styling

  • scp-2454 [info]

  ¶ 1 occurrence
  

  .centered{
       text-align: center;
  }

  Pages using this styling

  • scp-240 [info]

  ¶ 1 occurrence
  

  /*---- Wikimodule integration ----*/
  
  body {
      --wm-bg: var(--foamy-white);
      --wm-accent: var(--lagoon-hue);
      --wm-border: var(--undersea-tone);
  }
  

  Pages using this styling

  • scp-2381 [info]

  ¶ 1 occurrence
  

  @media only screen and (max-width: 600px) {
    table.wiki-content-table {
      font-size: 85%;
    }
  }
  
  

  Pages using this styling

  • scp-2346-ex [info]

  ¶ 1 occurrence
  

  .footnotes-footer { 
      display: none;
  }
  
  #page-title {
    display: none;
  }
  

  Pages using this styling

  • scp-2342 [info]

  ¶ 1 occurrence
  

  sup { 
  vertical-align: top; position: relative; top: -0.5em; 
  }
  :root{ 
  --cutColour: #fafafa;
  --barColour: #590505;
  }
  .translation_block{
  display:none;}
  
  #page-content .info-container {
      --link-color: rgb(var(--swatch-text-general));
  }
  
  #page-content .info-container .translation_block {
      display: none;
  }
  
  #page-content .info-container .collapsible-block-link,
  #page-content .info-container:hover .collapsible-block-link {
      line-height: 1.6em;
  }
  
  #page-content .info-container .collapsible-block-folded,
  #page-content .info-container .collapsible-block-unfolded-link {
      display: grid;
  }
  
  #page-content .info-container .collapsible-block-folded .collapsible-block-link,
  #page-content .info-container .collapsible-block-link {
      -webkit-mask: unset;
              mask: unset;
      background: transparent;
      grid-column: 1;
      grid-row: 1;
      opacity: 0;
  }
  
  #page-content .info-container .collapsible-block-folded::before,
  #page-content .info-container .collapsible-block-unfolded-link::before {
      --wght: 800;
      content: "djkaktus";
      color: #FFFFFF;
      font-family: Inter, Arimo, Verdana, Geneva, "Helvetica Neue", "Helvetica", Arial, sans-serif;;
      display: block;
      pointer-events: none;
      grid-column: 1;
      grid-row: 1;
  }

  Pages using this styling

  • scp-2316 [info]

  ¶ 1 occurrence
  

  .sign  {
      margin-bottom: 1.25rem;
  }
  
  .sekrit #page-content > .collapsible-block {
      display: block;
      text-align: center;
      padding: none;
      background-color: none;
      border-top: none;
      border-bottom: none;
  }

  Pages using this styling

  • scp-2304 [info]

  ¶ 1 occurrence
  

  /* Image Stuff - msg wackdog if something breaks */
  .randomiser { display: none; }
  
  .random-image-block .random-image-frame {
    width: 100%;
    aspect-ratio: 7 / 8;
    background-image: var(--random-image);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }
  
  :root { --random-image: url("http://scp-wiki.wikidot.com/local--files/scp-228/228-1.png"); }
  
  :root:has(.randomiser :is([id$="00"], [id$="01"])) { --random-image: url("http://scp-wiki.wikidot.com/local--files/scp-228/228-1.jpg"); }
  :root:has(.randomiser :is([id$="02"], [id$="03"])) { --random-image: url("http://scp-wiki.wikidot.com/local--files/scp-228/228-2.jpg"); }
  :root:has(.randomiser :is([id$="04"], [id$="05"])) { --random-image: url("http://scp-wiki.wikidot.com/local--files/scp-228/228-3.jpg"); }
  :root:has(.randomiser :is([id$="06"], [id$="07"])) { --random-image: url("http://scp-wiki.wikidot.com/local--files/scp-228/228-4.jpg"); }
  :root:has(.randomiser :is([id$="08"], [id$="09"], [id$="10"])) { --random-image: url("http://scp-wiki.wikidot.com/local--files/scp-228/228-5.jpg"); }
  :root:has(.randomiser :is([id$="11"], [id$="12"])) { --random-image: url("http://scp-wiki.wikidot.com/local--files/scp-228/228-6.jpg"); }
  :root:has(.randomiser :is([id$="13"], [id$="14"])) { --random-image: url("http://scp-wiki.wikidot.com/local--files/scp-228/228-7.jpg"); }
  :root:has(.randomiser :is([id$="15"], [id$="16"])) { --random-image: url("http://scp-wiki.wikidot.com/local--files/scp-228/228-8.jpg"); }
  :root:has(.randomiser :is([id$="17"], [id$="18"], [id$="19"])) { --random-image: url("http://scp-wiki.wikidot.com/local--files/scp-228/228-9.jpg"); }
  :root:has(.randomiser :is([id$="20"], [id$="21"])) { --random-image: url("http://scp-wiki.wikidot.com/local--files/scp-228/228-10.jpg"); }
  :root:has(.randomiser :is([id$="22"], [id$="23"])) { --random-image: url("http://scp-wiki.wikidot.com/local--files/scp-228/228-11.jpg"); }
  :root:has(.randomiser :is([id$="24"], [id$="25"])) { --random-image: url("http://scp-wiki.wikidot.com/local--files/scp-228/228-12.jpg"); }
  :root:has(.randomiser :is([id$="26"], [id$="27"], [id$="28"])) { --random-image: url("http://scp-wiki.wikidot.com/local--files/scp-228/228-13.jpg"); }
  :root:has(.randomiser :is([id$="29"], [id$="30"])) { --random-image: url("http://scp-wiki.wikidot.com/local--files/scp-228/228-14.jpg"); }
  :root:has(.randomiser :is([id$="31"], [id$="32"])) { --random-image: url("http://scp-wiki.wikidot.com/local--files/scp-228/228-15.jpg"); }
  :root:has(.randomiser :is([id$="33"], [id$="34"])) { --random-image: url("http://scp-wiki.wikidot.com/local--files/scp-228/228-16.jpg"); }
  :root:has(.randomiser :is([id$="35"], [id$="36"], [id$="37"])) { --random-image: url("http://scp-wiki.wikidot.com/local--files/scp-228/228-17.jpg"); }
  :root:has(.randomiser :is([id$="38"], [id$="39"])) { --random-image: url("http://scp-wiki.wikidot.com/local--files/scp-228/228-18.jpg"); }
  :root:has(.randomiser :is([id$="40"], [id$="41"])) { --random-image: url("http://scp-wiki.wikidot.com/local--files/scp-228/228-19.jpg"); }
  :root:has(.randomiser :is([id$="42"], [id$="43"])) { --random-image: url("http://scp-wiki.wikidot.com/local--files/scp-228/228-20.jpg"); }
  :root:has(.randomiser :is([id$="44"], [id$="45"], [id$="46"])) { --random-image: url("http://scp-wiki.wikidot.com/local--files/scp-228/228-21.jpg"); }
  :root:has(.randomiser :is([id$="47"], [id$="48"])) { --random-image: url("http://scp-wiki.wikidot.com/local--files/scp-228/228-22.jpg"); }
  :root:has(.randomiser :is([id$="49"], [id$="50"])) { --random-image: url("http://scp-wiki.wikidot.com/local--files/scp-228/228-23.jpg"); }
  :root:has(.randomiser :is([id$="51"], [id$="52"])) { --random-image: url("http://scp-wiki.wikidot.com/local--files/scp-228/228-24.jpg"); }
  :root:has(.randomiser :is([id$="53"], [id$="54"], [id$="55"])) { --random-image: url("http://scp-wiki.wikidot.com/local--files/scp-228/228-25.jpg"); }
  :root:has(.randomiser :is([id$="56"], [id$="57"])) { --random-image: url("http://scp-wiki.wikidot.com/local--files/scp-228/228-26.jpg"); }
  :root:has(.randomiser :is([id$="58"], [id$="59"])) { --random-image: url("http://scp-wiki.wikidot.com/local--files/scp-228/228-27.jpg"); }
  :root:has(.randomiser :is([id$="60"], [id$="61"])) { --random-image: url("http://scp-wiki.wikidot.com/local--files/scp-228/228-28.jpg"); }
  :root:has(.randomiser :is([id$="62"], [id$="63"], [id$="64"])) { --random-image: url("http://scp-wiki.wikidot.com/local--files/scp-228/228-29.jpg"); }
  :root:has(.randomiser :is([id$="65"], [id$="66"])) { --random-image: url("http://scp-wiki.wikidot.com/local--files/scp-228/228-30.jpg"); }
  :root:has(.randomiser :is([id$="67"], [id$="68"])) { --random-image: url("http://scp-wiki.wikidot.com/local--files/scp-228/228-31.jpg"); }
  :root:has(.randomiser :is([id$="69"], [id$="70"])) { --random-image: url("http://scp-wiki.wikidot.com/local--files/scp-228/228-32.jpg"); }
  :root:has(.randomiser :is([id$="71"], [id$="72"], [id$="73"])) { --random-image: url("http://scp-wiki.wikidot.com/local--files/scp-228/228-33.jpg"); }
  :root:has(.randomiser :is([id$="74"], [id$="75"])) { --random-image: url("http://scp-wiki.wikidot.com/local--files/scp-228/228-34.jpg"); }
  :root:has(.randomiser :is([id$="76"], [id$="77"])) { --random-image: url("http://scp-wiki.wikidot.com/local--files/scp-228/228-35.jpg"); }
  :root:has(.randomiser :is([id$="78"], [id$="79"])) { --random-image: url("http://scp-wiki.wikidot.com/local--files/scp-228/228-36.jpg"); }
  :root:has(.randomiser :is([id$="80"], [id$="81"], [id$="82"])) { --random-image: url("http://scp-wiki.wikidot.com/local--files/scp-228/228-37.jpg"); }
  :root:has(.randomiser :is([id$="83"], [id$="84"])) { --random-image: url("http://scp-wiki.wikidot.com/local--files/scp-228/228-38.jpg"); }
  :root:has(.randomiser :is([id$="85"], [id$="86"])) { --random-image: url("http://scp-wiki.wikidot.com/local--files/scp-228/228-39.jpg"); }
  :root:has(.randomiser :is([id$="87"])) { --random-image: url("http://scp-wiki.wikidot.com/local--files/scp-228/228-40.jpg"); }
  :root:has(.randomiser :is([id$="88"], [id$="89"], [id$="90"])) { --random-image: url("http://scp-wiki.wikidot.com/local--files/scp-228/228-41.jpg"); }
  :root:has(.randomiser :is([id$="91"], [id$="92"])) { --random-image: url("http://scp-wiki.wikidot.com/local--files/scp-228/228-42.jpg"); }
  :root:has(.randomiser :is([id$="93"], [id$="94"])) { --random-image: url("http://scp-wiki.wikidot.com/local--files/scp-228/228-43.jpg"); }
  :root:has(.randomiser :is([id$="95"], [id$="96"])) { --random-image: url("http://scp-wiki.wikidot.com/local--files/scp-228/228-44.jpg"); }
  :root:has(.randomiser :is([id$="97"], [id$="98"], [id$="99"])) { --random-image: url("http://scp-wiki.wikidot.com/local--files/scp-228/228-45.jpg"); }

  Pages using this styling

  • scp-228 [info]

  ¶ 1 occurrence
  

  .mz-log-hovertip {
      max-height: unset;
      max-width: 30rem;
  }
  
  .mz-hr.hr-invis hr{
      border-top: unset;
  }
  
  .mz-hr.hr-hug hr{
      top: 0rem;
  }

  Pages using this styling

  • scp-2278 [info]

  ¶ 1 occurrence
  

  :root{
    --header-title: "Site-⌘";
    --header-subtitle: "Department of Surrealistics";
    --logo-image: url("https://scp-wiki.wdfiles.com/local--files/secure-facilities-locations/Site-Looped_Square.svg");
  }

  Pages using this styling

  • scp-2275 [info]

  ¶ 1 occurrence
  

  
  body {
  
      background-image: url(https://upload.wikimedia.org/wikipedia/commons/thumb/7/7b/Fractal_-_Icy_Leaves.png/1024px-Fractal_-_Icy_Leaves.png);
      background-attachment: fixed;
      background-size: cover;
  }
  
  body:before {
    content: ' ';
    position: fixed;
    display: block;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(170deg, transparent, rgb(0, 0, 0) 65%, rgb(0, 0, 0) 65%, rgb(0, 0, 0) 62%);
    z-index: -1;
    color:#EDEDED;
  }
  
  :root {
      /* REDMODE */
      --basalt-UI-dark-palette: 26, 26, 47;
      --basalt-bright-element-color: 57, 144, 237;
      --basalt-dark-element-color: 24, 22, 33;
      --basalt-primary-color: 13, 17, 31;
      --basalt-secondary-color: 18, 17, 26;
      --basalt-tertiary-color: 40, 40, 50;
      --general-border-color: 172, 129, 247;
  }
  
  
  a:link {
    color: #3990ed;
  }
  a:visited {
    color: #9686f0;
  }
  a:hover {
    color: #3990ed;
  }
  a:active {
    color: #3990ed;
  }
  

  Pages using this styling

  • scp-2275 [info]

  ¶ 1 occurrence
  

  :root {
    --fnColor: #3990ed;
  }
  
  .danke {
      padding: 5px;
      margin-bottom:10px;
      font-family: monospace;
      font-size: 1.1em;
  }
  
  .agent {
      background-color:#002200;
      border: 3px solid #37467a;
      color: #786cc4;
  }
  
  .site {
      background-color:#130124;
      border: 3px solid #694e9c;
      color: #9777dd;
  }
  
  :root {
    --fnColor: #3990ed;
  }

  Pages using this styling

  • scp-2275 [info]

  ¶ 1 occurrence
  

  #page-content #u-adult-warning {
    background: #373737;
    color: white;
  }

  Pages using this styling

  • scp-2254 [info]

  ¶ 1 occurrence
  

  .blockquote {
      margin: 0.5em;
  
      border: 1px dashed #999;
      padding: 1em 1em;
      background-color: #f4f4f4;
  
      display: block;
  }

  Pages using this styling

  • scp-2234 [info]

  ¶ 1 occurrence
  

  :root{
    --header-title: "SITE-2217";
    --header-subtitle: "HAMMER AND ANVIL";
  }
  
  div#extra-div-1 {
      background-image: url(http://scp-wiki.wdfiles.com/local--files/component:pride-highlighter/pgp_logo_blk.svg);
      filter: opacity(40%);
  }

  Pages using this styling

  • scp-2217 [info]

  ¶ 1 occurrence
  

  
  #html-body:target .page-title, 
  #html-body:target #page-title, 
  #html-body:target #breadcrumbs, 
  #html-body:target #page-options-container, 
  #html-body:target .page-header, 
  #html-body:target .page-info-break, 
  #html-body:target .page-options-container, 
  #html-body:target .action-area, 
  #html-body:target header, 
  #html-body:target #header, 
  #html-body:target footer, 
  #html-body:target #footer, 
  #html-body:target #navi-bar, 
  #html-body:target #navi-bar-shadow, 
  #html-body:target #page-option-bottom-tips, 
  #html-body:target #page-option-bottom-2-tips, 
  #html-body:target #odialog-hovertips, 
  #html-body:target #wd-ed-dialogs, 
  #html-body:target #odialog-container, 
  #html-body:target #license-area,
  #html-body:target #side-bar,
  #html-body:target .page-tags
  { 
      display:none !important; 
  } 
  
  #html-body:target #page-content > *
  { 
      display:none; 
  } 
  
  #html-body:target #page-content > div:first-of-type {
      display:block !important; 
  }
  
  #html-body:target,
  #html-body:target div#container-wrap {
      background: none !important;
  }
  
  #html-body:target #page-content { 
      min-height:0px;
  } 
  
  #html-body:target .page-rate-widget-box { 
      position: fixed; top: 2px; right:0px; 
  } 
  
  #html-body:target #container {
      background: #FFF;
  }

  Pages using this styling

  • scp-2105 [info]

  ¶ 1 occurrence
  

  div.object {
      --box-shadow: rgba(var(--swatch-menubg-black-color),0.1);
      border-style: dashed;
      border-color: rgba(var(--swatch-border-color),0.25);
      border-width: .063em;
      background-color: #f4f4f4;
      background-color: rgb(var(--swatch-menubg-light-color));
      -webkit-box-shadow: 0 0.063em 0.125em rgba(0,0,0,0.1);
      box-shadow: 0 0.063em 0.125em rgba(0,0,0,0.1);
      -webkit-box-shadow: 0 .063em .125em var(--box-shadow);
      box-shadow: 0 .063em .125em var(--box-shadow);
      display: flow-root;
      border: 1px dashed #999;
      padding: 1em;
      margin-block-start: 1em;
      margin-block-end: 1em;
      margin-inline-start: 40px;
      margin-inline-end: 40px;
  }
  
  div.object div.table {
      border: 1px solid #888;
      padding: 0.3em 0.7em;
      margin: 1em;
      font-style: italic;
  }

  Pages using this styling

  • scp-2105 [info]

  ¶ 1 occurrence
  

  .email-example .collapsible-block-folded a.collapsible-block-link {
      animation: blink 0.8s ease-in-out infinite alternate;
  }
  @keyframes blink {
      0% { color: transparent; }
      50%, 100% { color: #b01; }
  }
  .email {border: solid 2px #000000; width: 88%; padding: 1px 15px; margin: 10px; box-shadow: 0 1px 3px rgba(0,0,0,.5)}
  .email-example a.collapsible-block-link {font-weight: bold;}
  .tofrom {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px maroon}
  
  #top-bar .ct-theme-switch {display: none;}
  #login-status {right: 10px;}

  Pages using this styling

  • scp-208-de [info]

  ¶ 1 occurrence
  

  .imagediv { float: right; margin: 15px}
  @media (max-width: 540px) {
    .imagediv {
      float: none; text-align:center; margin: auto;
    }
  }
  
  div#header h1 a span {
      font-size: 0px;
  }
  div#header h1 a:before {
      content: "Area-14";
      color: #eee;
  
  }
  div#header h2 span {
      font-size:0px;
      padding: 4px;
  }
  div#header h2:after {
      content: "In the Mouth of Madness";
      font-weight: bold;
      color: #f0f0c0;
      padding: 25px 0;
      text-shadow: 1px 1px 1px rgba(0, 0, 0, .8);
      white-space: pre;
  }
  
  #header {
    background-image: url(https://scp-wiki.wdfiles.com/local--files/jerden-insignia/Area-14.png);
    background-size: 90px;
  }

  Pages using this styling

  • scp-2068 [info]

  ¶ 1 occurrence
  

  #page-content .addendum hr,
  .addendum hr {
      border-color: #ffffff !important;
      background: #ffffff !important;
  }
  
  .addendum {
      background:#303030; 
      color: white; 
  }
  
  .a {
      border-left:solid 7px #3b0900;
  }
  
  .b {
      border-left:solid 7px #570d00;
  }
  
  .c {
      border-left:solid 7px #6b1000;
  }
  
  .d {
      border-left:solid 7px #801300;
  }
  
  .e {
      border-left:solid 7px #941600;
  }
  
  .f {
      border-left:solid 7px #b01a00;
  }
  
  .g {
      border-left:solid 7px #cc1e00;
  }

  Pages using this styling

  • scp-2003 [info]

  ¶ 1 occurrence
  

  /* == COMMON == */
   :root {
      --sp_header-logo: url(https://scp-wiki.wdfiles.com/local--files/component:pride-highlighter/tg_logo_blk.svg);
      --fnColor: rgb(var(--techno-secondary));
  }
  
   #page-content {
      font-size: calc(15px * 1.15);
  }
  
   #page-content :is(h1, h2, h3, h4, h5, h6) {
      display: flex;
      justify-content: center;
  
      text-underline-offset: 25%;
  }
  
   #page-content :is(h1) span span {
      font-size: 115%;
  }
  
   #page-title {
      display: none;
  }
  
   .meta-title,
   .pseudocrumbs {
      text-align: center;
  }
  
   .pseudocrumbs {
      display: block;
      margin-top: -.6rem;
  }
  
  /* == CONTENT WARNING == */
   .content-warning {
      width: 75%;
      margin: 1rem auto;
      padding: 0 1rem;
  
      background: white;
      border: 3px double black;
  
      text-align: center;
  }
  
   @media (max-width: 767px) {
       .content-warning {
      	width: fit-content;
      }
  }
  
  /* == FORMATTING | [GENERAL] == */
   hr {
      height: 0;
      margin: .325rem 0;
  
      background: transparent;
      border-top: 2px solid rgb(var(--techno-dark));
  }
  
   hr::before, hr::after {
      display: none;
  }
  
  /* == FORMATTING | [SPECIAL] == */
  /* == ListPages Navigator ==
   * Adapted From:
   *	SCP-5552 by Captain Kirby
  **/
   .listPagesNav {
      display: flex;
      flex-direction: row-reverse;
      justify-content: space-between;
      margin: 0 0 3rem;
  }
  
   .listPagesNav-prev,
   .listPagesNav-next {
      width: 45%;
      padding: 0 1%;
  
      background: rgb(var(--techno-secondary) / .2);
  }
  
   .listPagesNav-prev {
      float: left;
  
      border-left: thick solid rgb(var(--techno-secondary));
  
      text-align: left;
  }
  
   .listPagesNav-next {
      float: right;
  
      border-right: thick solid rgb(var(--techno-secondary));
  
      text-align: right;
  }
  
   .listPagesNav-prev p,
   .listPagesNav-next p {
      font-size: 1.05rem;
      font-weight: bold;
      letter-spacing: 1px;
  }
  
   @media (max-width: 767px) {
       .listPagesNav-prev p,
       .listPagesNav-next p {
      	font-size: .95rem;
      }
  }
  
  /* == FOOTING == */
   .footing::before {
      position: absolute;
      right: 0;
      bottom: .27rem;
      left: 0;
      content: "";
  
      border-bottom: 4px solid hsl(0, 0%, 40%);
  }
  
   .footing,
   .footing::after {
      position: relative;
  }
  
   .footing {
      margin: 1rem 0;
      padding-top: 1.6rem;
  }
  
   .footing::after {
      display: block;
      top: .13rem;
      content: "";
  
      border-bottom: 2px solid hsl(0, 0%, 60%);
  }
  
   @media (max-width: 767px) {
       .footing::before,
       .footing::after {
      	margin: 0 -5%;
      }
  }

  Pages using this styling

  • scp-2 [info]

  ¶ 1 occurrence
  

  .email {
      background: url(http://scp-wiki.wdfiles.com/local--files/the-great-hippo/SCP_icon%281%29.png) top right no-repeat;
      border: solid 3px #444444;
      width: 85%; padding: 1px 15px;
      margin: auto; margin-top: 10px;
      margin-bottom: 10px;
      border-style: solid;
      border-width: 2px;
      border-color: #999 #901 #901 #999;
  }
  
  .tofrom {
      margin-left: 0.625rem;
      margin-top: 0.312rem;
      padding: 0 1em;
      border-left: 3px solid;
      border-radius: 4px;
      border-color: #901;
  }
  
  .tofrom strong {
      color: #901;
  }
  
  .footnoteref{
  color: #FF5555;
  }
  
  .danke{
  padding: 5px 5px 5px 15px;
  margin-bottom:10px;
  width: 100%;
  font-family: monospace;
  font-size: 1.2em; }
  
  .agent{
  background-color:#002200;
  border: 3px solid #55AA55;
  color: #77CC77;
  }
  
  .site{
  background-color:#222200;
  border: 3px solid #AAAA55;
  color: #DDDD77;
  }
  .computed {
  border: 1px black solid;
  width: 50%;
  display: inline-block;
  text-align: left;
  padding: 3px;
  }
  .computed:before {
  content:"Computed Code";
  font-weight: bold;
  border-bottom: solid 1px black;
  width: 100%;
  }
  .rawcode {
  border: black solid 1px;
  width: 50%;
  display: inline-block;
  text-align: left;
  padding: 3px;
  }
  .rawcode:before{
  content:"Raw Code";
  text-align: center;
  font-weight: bold;
  border-bottom: solid 1px black;
  width: 100%;
  }
  .codebox {
  display: inline-block;
  width: 100%;
  text-align: center;
  }
  .yui-navset .yui-nav .selected a em,  .yui-navset .yui-nav a em{
  padding: 0.25em .75em;
  top: 0px;
  margin-bottom: 0px;
  }
  .yui-navset .yui-nav .selected a {
  background: gray;
  }
  .yui-navset .yui-nav .selected {
  margin: 0px;
  }
  .yui-navset .yui-nav .selected a, .yui-navset .yui-nav .selected a:focus, .yui-navset .yui-nav .selected a:hover, .yui-navset .yui-nav .selected a {
  background: gray;
  }
  .yui-navset .yui-nav a, .yui-navset .yui-navset-top .yui-nav a {
  background-color: none;
  background-image: none;
  }
  .yui-navset .yui-nav a {
  background: none;
  }
  .yui-navset .yui-nav li{
  margin: 0px;
  }
  .yui-navset .yui-content {
  background-color: #FDFCF9;
  }

  Pages using this styling

  • scp-1999-ko [info]

  ¶ 1 occurrence
  

  .collapsiblealt{
   text-align : center ;
  }
  .collapsiblealt .collapsible-block-link {
  padding: 0.1em 0.5em;
  text-decoration: none;
  background-color: #F4F4F4;
  border: 1px solid #AAA;
  color: #000;
  }
  .collapsiblealt .collapsible-block-link:hover {
  background-color: #DDD;
  color: #000;
  }
  .collapsiblealt .collapsible-block-link:active {
  background-color: #DDD;
  color: #000;
  }

  Pages using this styling

  • scp-1983-jp [info]

  ¶ 1 occurrence
  

  body:has(.fontSwap .collapsible-block-unfolded[style="display: block;"]),
  body:has(.fontSwap .collapsible-block-unfolded[style=""]) {
      .report {
      font-family: sans-serif !important;
      letter-spacing: 0em !important;
      }
  }
  

  Pages using this styling

  • scp-1983-ex [info]

  ¶ 1 occurrence
  

  #page-title {
      visibility:hidden;
  }
  
  .report {
    background: #FDFDFD;
    padding: 10px 20px 10px 20px;
    font-family: "Courier New";  
    font-size: 1em;
    letter-spacing: -0.05em;
    color: #000;
  }
  .report span[style*="underline"] {
    text-decoration-thickness: 1px !important;
    text-decoration-color: rgba(0,0,0,0.55) !important;
    text-underline-offset: 0.3em;
  }
  .blockquote span[style*="underline"] {
    text-decoration-thickness: 1px !important;
    text-decoration-color: rgba(0,0,0,0.55) !important;
    text-underline-offset: 0.3em;
  }
  

  Pages using this styling

  • scp-1983-ex [info]

  ¶ 1 occurrence
  

  div#header h1 a:before {
      content: "Site Cerere";
  }
  
  div#header h2:after {
      content: "Zoological-Botanical Division";

  Pages using this styling

  • scp-198-it [info]

  ¶ 1 occurrence
  

  #breadcrumbs {display:none;}
  
  body {overflow-x:hidden;}
  
  .desktop-topper {display:initial;}
  .mobile-topper {display:none;}
  
  .desktop-topper a {color:#fff;}
  
  .mobile-topper .scp-image-block img {
    border: 0;
    width: 100vw;
    max-width: none;
    left: calc(-50vw + 50%);
    position: relative;
  }
  
  
  /* Penumbra tweaks */
  
  :root {
    --header-title: SCP Foundation";
    --lgurl: url("https://scp-wiki.wdfiles.com/local--files/theme:penumbra/tb.png");
    --accentColor:#f73636;
    --author-top-adjust:0.2rem;
  }
  
  body {
  background-image: linear-gradient( to bottom, var(--darkerColor), var(--darkerColor) 90px, var(--darkerColor) 90px, var(--darkColor) 200px, var(--darkColor) 200px, #393634 100%);
  }
  
  .page-rate-widget-box {
    box-shadow: 0px 3px 0px 0px var(--accentColor);
    position: relative;
    z-index: 2;
  }
  
  #page-content .authorlink-wrapper {
    margin-top: 0.2rem;
    z-index:3
  }
  
  .authorlink-wrapper > a {
    width:inherit !important;
    text-align:center !important;
    margin:auto;
    color: #000;
  }
  
  
  .authorlink-wrapper > a::before {color: #f00 !important;}
  
  .scp-image-block.block-fullwidth {
    width: 100vw !important;
    max-width: none !important;
    position: relative;
    left: calc(-50vw + 50%);
    margin-top:-5.5rem;
  }
  
  /* ACS tweaks */
  
  .anom-bar {
  margin-top:1.2rem !important;
  }
  
  .text-part .contain-class > div, .text-part .second-class > div, .text-part .disrupt-class > div, .text-part .risk-class > div {
      width: 100%;
      font-size: 0.75em;
      padding-top: 2px;
  }
  
  .top-right-box > .level {
    font-size: 1.6em !important;
    line-height: 0.2 !important;
  }
  
  hr + .anom-bar-container, .anom-bar-container:not(first-child) {
    padding-top: 0em !important;}
  
  .contain-class .class-text::before {color: white !important;}
  
  .danger-diamond > .bottom-icon {background-color: white;}
  
  /* Embiggening text for accessibility */
  
  #main-content {font-size:1.1rem;}
  
  /* Susa, OK header */
  
  .susaHeader {
    width: 100vw;
    max-width: none !important;
    position: relative;
    left: calc(-50vw + 50%);
    color:#f73636;
    text-align: center;
    font-size: 3.5rem;
    font-weight: bold;
    border-top: #f73636 8px solid;
    border-bottom: #f73636 8px solid;
    text-transform: uppercase;
    letter-spacing: 10pt;
    margin: 3rem 0rem;
  }
  
  .susaHeader p {
    line-height: 0.7rem;
    font-family: 'Sans Normalcy','Nanum Gothic',Arial,sans-serif;
  }
  
  /* Addendum boxes */
  
  .addendumBox {
      margin: 25px 4% 25px 2%;
      padding: 4% 6% 4% 6%;
      background-color: #f9f9f9;
      color: #3e3434;
      box-shadow: 10px 10px 3px rgba(0,0,0,0.25);
      border-left: 5px solid #f73636;
  }
  
  .addendumBox tt {
    color: #595553;
  }
  
  .timeStampSCP {
    letter-spacing:0.2rem;
    font-family:sans-serif;
    font-weight:900;
    font-size: 80%;
    margin: -0.5rem;
    color: #b93030;
    line-height:1.5rem;
    text-decoration:underline;
  }
  
  .characterTag {
    letter-spacing:0.2rem;
    font-family:sans-serif;
    font-weight:bold;
    text-decoration:underline;
    line-height:2.3rem;
    text-transform:uppercase;
    font-size: 80%;
    margin: -0.5rem;
    color: #b93030;
  }
  
  /* Creates desaturation layer that covers entire window. */
  
  /*
  #skrollr-body::after {
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:100%;
  z-index:300;
  content: " ";
  mix-blend-mode:saturation;
  pointer-events:none;
  background-repeat: no-repeat;
  background-color: #504d47;
  animation: s-fadein 600s forwards;
  }
  
  @keyframes s-fadein {
      from { background-color: transparent;}
      to   { background-color: #504d47;}
  }
  @keyframes s-fadein-fallback {
      from { filter: saturate(1) sepia(0) grayscale(0);}
      to   { filter: saturate(.5) sepia(.35) grayscale(.75);}
  }
  */
  
  /*Safari does not support arbitrary blending of HTML elements for saturation (as well as hue, color, luminosity), so need to fallback on filter hack*/
  
  /*
  @supports (-webkit-hyphens:none) {
  #skrollr-body::after { all: unset; animation: unset; }
  #skrollr-body {
      filter: saturate(.5) sepia(.35) grayscale(.75);
      animation: s-fadein-fallback 600s forwards;
  }
  }
  */
  
  @media (max-width: 600px) {
  
    .desktop-topper {display:none;}
    .mobile-topper {display:block;}
  
    .susaHeader {
    font-size:2.5rem;  
    letter-spacing: 5pt;
    }
  
    .addendumBox { margin: 25px 0 }
  
    .scp-image-block.block-right {margin: 2.5rem auto !important;}
  
    #header h1 a::before { font-size:1em; }
  
    #header h2::before { font-size:0.7em; }
  
  }
  

  Pages using this styling

  • scp-1929 [info]

  ¶ 1 occurrence
  

  
  #page-content .collapsible-block { 
      position: relative;
      padding: 0.75em;
      margin: 0.75em;
      box-shadow: 3px 2.5px 1px rgba(36,6,180,0.7), 0 0 0px 1px lightgrey;
      overflow-wrap: break-word;
  }
   
  .collapsible-block-unfolded{
      color: black;
      overflow-wrap: break-word;
   
  }
   
  .collapsible-block-unfolded-link {
      text-align:center;
  }
   
  .collapsible-block-folded {
      text-align: center;
      color: black;
  }
   
  .collapsible-block-link {
      font-weight: bold;
      color: maroon;
      text-align: center;
  }
   
  #page-content .colmod-block { 
      position: relative;
      padding: 0.5em;
      margin: 0.5em;
      box-shadow: 3px 2.5px 1px rgba(37,6,180,0.7), 0 0 0px 1px lightgrey;
      overflow-wrap: break-word;
  }
   
  .colmod-block-unfolded{
      color: black;
      overflow-wrap: break-word;
   
  }
   
  .colmod-block-unfolded-link {
      text-align:center;
  }
   
  .colmod-block-folded {
      text-align: center;
      color: dimgrey;
  }
   
  .colmod-block-link {
      font-weight: bold;
      color: crimson;
      text-align: center;
  }
  
   
  #page-content .licensebox .collapsible-block {
      position: unset;
      padding: unset;
      margin: unset;
      box-shadow: unset;
  }
   
  .licensebox .collapsible-block-unfolded{
      color: inherit;
  }
   
  .licensebox .collapsible-block-unfolded-link {
      text-align: left;
  }
   
  .licensebox .collapsible-block-folded {
      text-align: left;
      color: inherit;
  }
   
  .licensebox .collapsible-block-link {
      color: inherit;
      text-align: left;
  }

  Pages using this styling

  • scp-1927 [info]

  ¶ 1 occurrence
  

  
  #page-content .info-container {
      --link-color: rgb(var(--swatch-text-general));
  }
  
  #page-content .info-container .collapsible-block-link,
  #page-content .info-container:hover .collapsible-block-link {
      line-height: 1.6em;
  }
  
  #page-content .info-container .collapsible-block-folded,
  #page-content .info-container .collapsible-block-unfolded-link {
      display: grid;
  }
  
  #page-content .info-container .collapsible-block-folded .collapsible-block-link,
  #page-content .info-container .collapsible-block-link {
      -webkit-mask: unset;
    		  mask: unset;
      background: transparent;
      grid-column: 1;
      grid-row: 1;
      opacity: 0;
  }
  
  #page-content .info-container .collapsible-block-folded::before,
  #page-content .info-container .collapsible-block-unfolded-link::before {
      --wght: 800;
      content: "ETC";
      color: #FFFFFF;
      font-family: Inter, Arimo, Verdana, Geneva, "Helvetica Neue", "Helvetica", Arial, sans-serif;;
      display: block;
      pointer-events: none;
      grid-column: 1;
      grid-row: 1;
      line-height: 2.75ex;
  }
  
  :root {
      --red: 106, 191, 198;
       --medium-accent: var(--red);
       --cutColour: #fafafa;
       --barColour: var(--red);
       --toggle-border-color: rgb(var(--red));
       --toggle-icon-color: rgb(var(--red));
       --mono-font: 'IBM Plex Mono', monospace;
       --background-gradient-distance: 20rem;
       --background-gradient-color: var(--red);
       --dark-accent: var(--red);
       --barColour: var(--red);
       --bright-accent: var(--red);
  
       --link-color: 95, 170, 176;
       --visited-link-color: 106, 191, 198;
       --hover-link-color: 106, 191, 198;
  
      --fnColor: #6ABFC6;
  
      --logo-image: url("https://nu-scptheme.github.io/Black-Highlighter/img/logo.svg");
  }
  
  .info-container{
  --barColour: #6ABFC6
  }
  
  .top-left-box > .item {
    display: none;
  }
  
  .collect {
      box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
      background:#FAFAFA;
      width: 70%;
      margin-left: auto;
      margin-right: auto;
      padding: 10px 20px 10px 20px;
      word-break: break-word;
  }
  

  Pages using this styling

  • scp-1908 [info]

  ¶ 1 occurrence
  

  :root{
  --logo: url(https://scp-wiki.wdfiles.com/local--files/pitch-haven-hub/scp45trans.png);
  --title: "Site-45";
  --subtitle: "DEMONS • LEGENDS • FABLES";
  }

  Pages using this styling

  • scp-1903 [info]

  ¶ 1 occurrence
  

  :root {
    --war-vignette-strength: 0.38;   /* 0 → none, 0.5 → strong */
    --war-grain-strength: 0.06;      /* 0 → none, ~0.08 max before it looks noisy */
    --war-image-desat: 0.4;          /* grayscale amount for images */
    --war-image-sat: 0.6;            /* residual saturation */
    --war-image-contrast: 0.95;      /* slightly flatter contrast */
  }
  
  :root {
    --white-monochrome: 10, 11, 12;           /* page bg */
    --pale-gray-monochrome: 18, 20, 21;       /* UI panels / code blocks */
    --very-light-gray-monochrome: 26, 28, 30; /* soft surfaces */
  
    --light-gray-monochrome: 179, 175, 168;
    --gray-monochrome: 205, 200, 191;
    --dark-gray-monochrome: 222, 217, 206;
    --black-monochrome: 232, 227, 216;        /* body text (bone‑white) */
  
    --accentColor: 92, 23, 20; /* #5C1714 */
  
    --background-gradient-color: var(--light-gray-monochrome);
    --swatch-menubg-dark-color: var(--very-light-gray-monochrome);
    --swatch-text-tertiary-color: var(--accentColor);
    --ui-button-hover-txt: var(--black-monochrome);
  
  /*  --body-font: "IBM Plex Serif", "Source Serif 4", Georgia, "Times New Roman", Times, serif; */
  
    --modal-header-txt: var(--black-monochrome);
    --modal-header-bg: var(--white-monochrome);
    --hoverblock-header-txt: var(--black-monochrome);
    --hoverblock-bg: var(--black-monochrome);
  }
  
  html::before {
    content: "";
    position: fixed; inset: 0; pointer-events: none;
    background: radial-gradient(120% 100% at 50% 25%, rgba(0,0,0,0) 40%, rgba(0,0,0,var(--war-vignette-strength)) 100%);
    mix-blend-mode: multiply;
    z-index: 0; /* behind most stacked site chrome */
  }
  html::after {
    content: "";
    position: fixed; inset: 0; pointer-events: none;
    /* soft cross‑grain */
    background-image:
      repeating-linear-gradient(0deg, rgba(255,255,255,0.012) 0, rgba(255,255,255,0.012) 1px, transparent 1px, transparent 2px),
      repeating-linear-gradient(90deg, rgba(0,0,0,0.012) 0, rgba(0,0,0,0.012) 1px, transparent 1px, transparent 2px);
    opacity: var(--war-grain-strength);
    mix-blend-mode: overlay;
    z-index: 0;
  }
  
  body, #skrollr-body, #content-wrap, #container, #main-content { position: relative; z-index: 1; }
  
  #page-content h1, #page-content h2, #page-content h3, #page-content h4 {
    color: rgb(var(--gray-monochrome));
    letter-spacing: 0.02em;
    font-weight: 600;
  }
  #page-title, .meta-title {
    color: rgb(var(--dark-gray-monochrome));
  }
  
  /* #page-content a:link, #page-content a:visited {
    color: rgb(var(--accentColor));
    text-decoration-thickness: 0.06em;
    text-underline-offset: 0.18em;
    text-decoration-color: rgba(var(--accentColor), 0.5);
  }
  */
  /* #page-content a:hover, #page-content a:focus {
    color: rgb(var(--black-monochrome));
    background-image: linear-gradient(to bottom, transparent 85%, rgba(var(--accentColor),0.22) 85%);
    outline: 2px dotted rgba(var(--accentColor), 0.9);
    outline-offset: 2px;
  } */
  
  #page-content blockquote {
    border-left: 0.25rem solid rgba(var(--accentColor), 0.35);
    background: rgba(255,255,255,0.02);
  }
  #page-content hr { border: 0; height: 1px; background: linear-gradient(to right, transparent, rgba(var(--accentColor),0.35), transparent); }
  
  #page-content table, #page-content th, #page-content td {
    border-color: rgba(var(--light-gray-monochrome), 0.35);
  }
  #page-content thead th { color: rgb(var(--black-monochrome)); background: rgba(255,255,255,0.02); }
  
  .scp-image-block { border-color: rgb(var(--pale-gray-monochrome)); box-shadow: 0 0.26rem 0 0 rgba(var(--accentColor), 0.5);}
  .scp-image-block img {
    filter: grayscale(var(--war-image-desat)) saturate(var(--war-image-sat)) contrast(var(--war-image-contrast));
  }
  .scp-image-block .scp-image-caption {
    background-color: rgb(var(--pale-gray-monochrome));
    color: rgb(var(--black-monochrome));
  }
  
  .code, .code pre, .code p {
    background-color: rgb(var(--pale-gray-monochrome));
    color: rgb(var(--black-monochrome));
  }
  
  #header { background: none; }
  #top-bar { --dropdown-bg-color: var(--dark-gray-monochrome), 0.9; }
  #side-bar, #interwiki { --sidebar-links-hover-text-color: var(--black-monochrome); }
  
  .anom-bar-container {
    --five-color: var(--accentColor);
    --four-color: var(--accentColor);
    --three-color: var(--accentColor);
    --two-color: var(--accentColor);
    --one-color: var(--accentColor);
  }
  
  #footer, #license-area {
    --hover-link-color: rgb(var(--accentColor));
    --swatch-text-secondary-color: var(--black-monochrome);
    --white-monochrome: var(--white-monochrome);
  }
  
  #page-content { filter: saturate(0.9); }
  
  #page-content sup { color: rgb(var(--dark-gray-monochrome)); }

  Pages using this styling

  • scp-186 [info]

  ¶ 1 occurrence
  

  .aaf47c{--0a2286:yellow;--55dec4:#990000;--7d5328:black;}
  .aaf47c table{border:none!important;width:100%;font-size:125%;margin-bottom:0!important}
  .aaf47c td{border:none!important;padding:0!important;}
  .aaf47c td:nth-child(2n){text-align:right;color:var(--55dec4);}
  .aaf47c th{background-color:var(--0a2286)!important;text-align:center;font-weight:normal;padding:1px 0!important;}
  .aaf47c a{color:var(--7d5328);text-decoration:none;}
  .aaf47c th{border:1px solid #666!important;}

  Pages using this styling

  • scp-184-de [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+Antique:wght@300;400;500;700;900&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@700&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Spline+Sans:wght@400;700&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap');
  :root {
    --logo: url(https://scp-wiki.wdfiles.com/local--files/scp-1822/qqqq.png);
    --title: "SITE-83";
    --body-font: 'Zen Kaku Gothic Antique', sans-serif;
    --subtitle: "THEORETICAL ANOMALIES DEPARTMENT";
  }
  
  .hovertip {
  background:rgb(200,200,200);
  }
  
  a, a.newpage {
      color: #7a3545;
      font-weight: 600;
  }
   
  a:visited {
      color: #7a3545;
      font-weight: 600;
  }
  a {
      font-weight: 600;
  }
  body{
  
  background-image: url("data:image/svg+xml,%3Csvg width='80' height='80' viewBox='0 0 80 80' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23cccccc' fill-opacity='0.39'%3E%3Cpath d='M50 50c0-5.523 4.477-10 10-10s10 4.477 10 10-4.477 10-10 10c0 5.523-4.477 10-10 10s-10-4.477-10-10 4.477-10 10-10zM10 10c0-5.523 4.477-10 10-10s10 4.477 10 10-4.477 10-10 10c0 5.523-4.477 10-10 10S0 25.523 0 20s4.477-10 10-10zm10 8c4.418 0 8-3.582 8-8s-3.582-8-8-8-8 3.582-8 8 3.582 8 8 8zm40 40c4.418 0 8-3.582 8-8s-3.582-8-8-8-8 3.582-8 8 3.582 8 8 8z' /%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  }

  Pages using this styling

  • scp-1822 [info]

  ¶ 1 occurrence
  

   :root{
     --header-title: "SCP Foundation";
     --header-subtitle: "Secure, Contain, Protect";
     --lgurl: url(https://scp-wiki.wdfiles.com/local--files/component%3Acentered-header-sigma-9/logo.svg);
  }

  Pages using this styling

  • scp-1800-ko [info]

  ¶ 1 occurrence
  

  .footnotes-footer {
    display: none;
  }
  .email {float: center; border: solid 2px #000000; width: 88%; padding: 1px 15px; margin: 10px 10px 10px 10px; box-shadow: 0 1px 3px rgba(0,0,0,.5)}
  a.collapsible-block-link { font-weight: bold; }
  .tofrom {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px maroon}
  .siteIcon {
    display: inline-block;
    position: relative;
    top: 1px;
    width: 30px;
    height: 17px;
    vertical-align: bottom;
    background-color: #999;
    border: solid 2px #000;
    border-radius: 0 6px 0 6px;
    color: #fff;
  }
  .siteIcon img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border: 0;
  }
  .siteIcon .number {
    position: absolute;
    bottom: 2px;
    right: 2px;
    line-height: 100%;
    font-size: 100%;
    font-weight: bold;
    text-shadow: #333 1px 1px;
  }
  
  .areaIcon {
    display: inline-block;
    position: relative;
    top: 1px;
    width: 30px;
    height: 17px;
    vertical-align: bottom;
    background-color: #333;
    border: solid 2px #000;
    border-radius: 0 6px 0 6px;
    color: #fe3;
  }
  .areaIcon img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border: 0;
  }
  .areaIcon .number {
    position: absolute;
    bottom: 2px;
    right: 2px;
    line-height: 100%;
    font-size: 60%;
    font-weight: bold;
    text-shadow: #333 1px 1px;
  }

  Pages using this styling

  • scp-1800-ko [info]

  ¶ 1 occurrence
  

  @import url(http://fonts.googleapis.com/css?family=Cinzel);
  @import url(http://fonts.googleapis.com/css?family=La+Belle+Aurore);
  @import url(http://fonts.googleapis.com/css?family=Kristi);
  @import url(http://fonts.googleapis.com/css?family=Special+Elite);
  
  .ridia-sfondo{
      background-color: #f8ecc2;
      color: #5a2d0c;
      width: 90%;
      padding-top: 5px;
      padding-right: 30px;
      padding-bottom: 30px;
      padding-left: 30px;
      margin: 0 auto;
  }
  
  .ridia-titolo{
      font-family: 'Cinzel';
      font-weight: bold;
      font-size: 26px;
      line-height: 150%;
  }
  
  .ridia-documento{
      font-family: 'Cinzel';
      font-weight: bold;
      font-size: 14px;
  }
  
  .ridia-testo{
      font-family: 'La Belle Aurore';
      font-weight: normal;
      font-size: 20px;
      line-height: 150%;
  }
  
  .ridia-typewriter{
      font-family: 'Special Elite';
      font-weight: normal;
      font-size: 13px;
  }
  
  .ridia-firma{
      font-family: 'Kristi';
      font-size: 42px
  }

  Pages using this styling

  • scp-178-it [info]

  ¶ 1 occurrence
  

  .hover {
      color: #3B4;
       text-decoration: underline;
      border-bottom: 1px solid;
  }
  .hover:hover {
       text-decoration: none;
      border-bottom: none;
  }
  
  .hover span {    display: none;}
  .hover:hover span {
      position: absolute;
      display: inline;
      margin: 15px -20px;
      height: auto;
      width: 350px;
      background: #FFF;
      border: 2px solid #34B;
      color: #000;
      padding: 1em;
  }
  .hover:hover span {
      position: relative;
      margin: auto;
      height: auto;
      width: auto;
      border: none;
      padding: 0;
  }
  
  .siddo-style {
      background: url(http://scp-wiki.wdfiles.com/local--files/the-great-hippo/scp_trans.png) center no-repeat;
      float: center;
      border: solid 4px #000;
      padding: 1px 15px;
      box-shadow: 0 1px 3px rgba(0,0,0,.2);
  }
  
  .yui-navset .yui-content,
  .yui-navset .yui-navset-top .yui-content {
      border: 0;
      background: 0;
      padding: 0000FF;
  }
  .yui-navset .yui-nav,
  .yui-navset .yui-navset-top .yui-nav {
      border-width: 0 0 2px;
  }
  .yui-navset .yui-nav a, .yui-navset .yui-navset-top .yui-nav a {
    background: 0;
    border: 0;
    color: ;
  }
  .yui-navset .yui-nav a em, .yui-navset .yui-navset-top .yui-nav a em {
    border: 0;
  }
  .yui-navset .yui-nav .selected a, .yui-navset .yui-nav .selected a:focus, .yui-navset .yui-nav .selected a:hover {
    background: 0;
    color: #b01;
    font-weight: bold;
  }
  .yui-content blockquote {
      background-color: #f5f5f5;
  }

  Pages using this styling

  • scp-178-it [info]

  ¶ 1 occurrence
  

  
  :root {
  
  --header-title: 'SCP-173';
  
  --main-content-width: 1000rem;
  --main-content-top-margin: 0rem;
  --main-content-side-margin: 0vw;
  --rate-module-background-color: var(--basalt-primary-color);
  --search-icon-color: var(--basalt-main-text-color);
  --scrollbar-thumb-color: var(--basalt-main-text-color), 0.6;
  --selection-text-color: var(--basalt-light-text-color);
  
  }
  
  #main-content {
  padding-bottom: 3rem;
  padding-top: 0;
  }
  
  #header {
  background: rgb(var(--admo-color-dark));
  box-shadow: none;
  }
  
  #page-content {
  margin-bottom: 3rem;
  padding-block: unset;
  }
  
  #action-area {
  margin: auto;
  padding-top: 3rem;
  max-width: 70rem;
  }
  
  #page-options-container, #main-content > .page-tags {
  margin-inline: 3vw;
  }
  
  #page-content > p:nth-of-type(1), #page-content > p:nth-of-type(2) {
  margin: 0;
  }
  
  /* =============================================== */
  
  .admohub-rate {
  position: absolute;
  top: calc(var(--header-final-height) + 10rem);
  left: 0;
  right: 0;
  text-align: center;
  z-index: 2;
  }
  
  .admohub-splash {
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;
  height: calc(100vh - var(--header-final-height));
  background-image: linear-gradient(0deg, rgb(0, 0, 0) 0%, rgba(0,0,0,0.8) 100%), url(https://scp-wiki.wikidot.com/local--files/admonition/ball.gif);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  }
  
  .admohub-title {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100%;
  backdrop-filter: blur(8px);
  background-image: radial-gradient(circle, rgb(148, 148, 148) 0%, rgb(30, 30, 30) 70%);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 300%;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent;
  font-size: 16vw;
  font-family: var(--header-font);
  animation: title 25s ease infinite;
  }
  
  .admohub-title p {
  letter-spacing: -1.2vw;
  }
  
  @keyframes title {
  
  0% {
  background-position: left;
  }
  
  50% {
  background-position: right;
  }
  
  100% {
  background-position: left;
  }
  
  }
  
  .admohub-quote {
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;
  width: 45vw;
  height: 100vh;
  margin: auto auto 10vh;
  font-family: 'Roboto Condensed', var(--UI-font);
  font-weight: bold;
  font-size: 2.5vw;
  text-align: center;
  color: rgb(133, 133, 133);
  line-height: 2.5vw;
  }
  
  .admohub-quote > span {
  font-family: 'Sofia Sans', var(--UI-font);
  }
  
  .admohub-quote::after {
  content: "BO BURNHAM";
  margin-top: 2vw;
  font-size: 50%;
  font-weight: 900;
  opacity: 60%;
  }
  
  .admohub-container {
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  }
  
  .admohub-episode {
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: stretch;
  height: 100vh;
  box-sizing: border-box;
  }
  
  .admohub-epimage {
  background-image: linear-gradient(-90deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%), linear-gradient(45deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 30%), var(--admohub-epbg);
  background-size: cover;
  background-position: 65% center;
  width: 50vw;
  }
  
  #u-6488 .admohub-epimage {
  image-rendering: pixelated;
  }
  
  .admohub-epdesc {
  display: flex;
  flex-flow: column nowrap;
  justify-content: space-evenly;
  position: relative;
  background-image: linear-gradient(-245deg, rgb(0, 0, 0) 6%, rgba(var(--admohub-epcolor), 0.13) 100%);
  width: 50vw;
  padding: 2.5vw 3vw;
  box-sizing: border-box;
  }
  
  .admohub-epdirector {
  position: absolute;
  top: 11vh;
  right: 5vw;
  font-family: 'Roboto Condensed', var(--UI-font);
  font-size: 1.3vw;
  font-weight: bold;
  }
  
  .admohub-epdirector::before {
  content: "FEATURING ";
  margin-right: 0.9vw;
  font-weight: lighter;
  opacity: 80%;
  }
  
  .admohub-eptitle {
  font-family: var(--header-font);
  font-size: 5vw;
  line-height: 3.8vw;
  letter-spacing: -0.15vw;
  color: rgb(158, 158, 158);
  }
  
  .admohub-epno {
  display: block;
  font-family: 'Roboto Condensed', var(--UI-font);
  font-size: 2vw;
  font-weight: bold;
  opacity: 70%;
  }
  
  a.admohub-eplink, a.admohub-accesslink {
  display: block;
  max-width: 19vw;
  padding: 1.3vw 1vw;
  background-color: rgba(0, 0, 0, 0.3);
  border: solid 0.2vw rgba(255, 255, 255, 0.15);
  font-family: 'Roboto Condensed',var(--UI-font);
  font-weight: bold;
  text-decoration: none !important;
  color: rgb(var(--basalt-main-text-color));
  text-align: center;
  transition-duration: 0.1s;
  }
  
  a.admohub-eplink {
  font-size: 2.5vw;
  line-height: 3vw;
  }
  
  a.admohub-accesslink {
  font-size: 1vw;
  line-height: 1vw;
  opacity: 60%;
  }
  
  a.admohub-eplink:hover, a.admohub-accesslink:hover {
  color: rgb(32, 32, 32);
  border-color: transparent;
  background-color: rgba(var(--basalt-main-text-color), 0.9);
  }
  
  a.admohub-accesslink:hover {
  opacity: 100%;
  }
  
  .admohub-title, .admohub-epno, .admohub-eptitle {
  user-select: none;
  }
  
  .admohub-about {
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;
  height: 135vh;
  max-width: 30rem !important;
  margin: auto;
  font-family: var(--UI-font);
  word-spacing: 4px;
  }
  
  /* =============================================== */
  
  @media only screen and (max-width: 1230px) {
  
  .admohub-epimage {
  width: 45vw;
  }
  
  .admohub-epdesc {
  width: 55vw;
  padding: 0.5vw 0vw;
  }
  
  .admohub-epdirector {
  font-size: 2vw;
  }
  
  .admohub-epno {
  font-size: 3vw;
  }
  
  .admohub-eptitle {
  font-size: 6vw;
  line-height: 4.8vw;
  }
  
  a.admohub-eplink, a.admohub-accesslink {
  max-width: 28vw;
  padding: 2.3vw 1vw;
  }
  
  a.admohub-eplink {
  font-size: 3.5vw;
  line-height: 4vw;
  }
  
  a.admohub-accesslink {
  font-size: 1.6vw;
  line-height: 1.6vw;
  opacity: 70%;
  }
  
  }
  
  @media only screen and (max-width: 940px) {
  
  .admohub-splash {
  background-image: none;
  }
  
  .admohub-quote {
  font-size: 3.5vw;
  line-height: 3.5vw;
  }
  
  .admohub-epimage {
  display: none;
  }
  
  .admohub-epdesc {
  width: 100%;
  padding: 5.5vw 2.5vw;
  background-image: linear-gradient(90deg, rgb(0, 0, 0) 30%, rgba(0,0,0,0.4) 100%), linear-gradient(220deg, rgb(0, 0, 0) 0%, rgba(0,0,0,0) 40%), var(--admohub-epbg);
  background-size: cover;
  background-position: left center;
  }
  
  .admohub-epdirector {
  top: 5vw;
  right: 8vw;
  font-size: 2.6vw;
  }
  
  .admohub-epno {
  font-size: 4vw;
  }
  
  .admohub-eptitle {
  font-size: 8vw;
  line-height: 6.3vw;
  }
  
  a.admohub-eplink, a.admohub-accesslink {
  max-width: 36vw;
  padding: 3.3vw 2vw;
  }
  
  a.admohub-eplink {
  font-size: 4.5vw;
  line-height: 5vw;
  }
  
  a.admohub-accesslink {
  font-size: 2.3vw;
  line-height: 2.3vw;
  }
  
  }
  
  @media only screen and (max-width: 760px) {
  
  .admohub-splash {
  height: 65vh;
  }
  
  .admohub-quote {
  width: 80%;
  font-size: 4.5vw;
  line-height: 3.5vw;
  }
  
  .admohub-epdesc {
  align-items: center;
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.9) 0%, rgba(0,0,0,0.3) 100%), var(--admohub-epbg);
  background-position: center;
  text-align: center;
  }
  
  .admohub-epdirector {
  font-size: 3.3vw;
  opacity: 70%;
  }
  
  .admohub-epdirector::before {
  display: none;
  }
  
  .admohub-epno {
  font-size: 5vw;
  }
  
  .admohub-eptitle {
  font-size: 10vw;
  line-height: 8.3vw;
  }
  
  a.admohub-eplink, a.admohub-accesslink {
  max-width: unset;
  background-color: rgba(0, 0, 0, 0.6);
  padding: 4.3vw 9vw;
  }
  
  a.admohub-eplink {
  font-size: 7.5vw;
  line-height: 8vw;
  }
  
  a.admohub-accesslink {
  font-size: 3.5vw;
  line-height: 4vw;
  }
  
  .admohub-about {
  height: 120vh;
  max-width: unset !important;
  margin-inline: 3vw;
  font-size: 3vw;
  text-align: justify;
  }
  
  }
  
  /* =============================================== */
  
  #u-01 {
  --admohub-epbg: url(https://upload.wikimedia.org/wikipedia/commons/thumb/4/4f/OR_173.svg/1125px-OR_173.svg.png?20120314223245);
  --admohub-epcolor: 255, 167, 0;
  }
  
  #u-02 {
  --admohub-epbg: url(https://upload.wikimedia.org/wikipedia/commons/thumb/b/be/Flag_of_Euclid%2C_Ohio.svg/768px-Flag_of_Euclid%2C_Ohio.svg.png?20220705215955);
  --admohub-epcolor: 255, 167, 0;
  }
  
  #u-03 {
  --admohub-epbg: url(https://upload.wikimedia.org/wikipedia/commons/thumb/f/f6/Intermodal_Container_Locked_Door_-_Kolkata_2011-02-03_0363.JPG/597px-Intermodal_Container_Locked_Door_-_Kolkata_2011-02-03_0363.JPG?20110204012206);
  --admohub-epcolor: 255, 167, 0;
  }
  
  #u-04 {
  --admohub-epbg: url(https://upload.wikimedia.org/wikipedia/commons/thumb/5/55/The_Double_Locked_Door_%286122500677%29.jpg/1200px-The_Double_Locked_Door_%286122500677%29.jpg?20160908105421);
  --admohub-epcolor: 255, 167, 0;
  }
  
  #u-05 {
  --admohub-epbg: url(https://upload.wikimedia.org/wikipedia/commons/thumb/d/d0/Eye_Contact_%284588530836%29.jpg/1200px-Eye_Contact_%284588530836%29.jpg?20231026192630);
  --admohub-epcolor: 255, 167, 0;
  }
  
  #u-06 {
  --admohub-epbg: url(https://scp-wiki.wdfiles.com/local--files/scp-7001/factory-2.png);
  --admohub-epcolor: 255, 167, 0;
  }
  
  #u-07 {
  --admohub-epbg: url(https://upload.wikimedia.org/wikipedia/commons/thumb/7/77/Question_mark_in_Esbjerg_%28327122302%29.jpg/1200px-Question_mark_in_Esbjerg_%28327122302%29.jpg?20140814005209);
  --admohub-epcolor: 255, 167, 0;
  }
  
  #u-08 {
  --admohub-epbg: url(https://upload.wikimedia.org/wikipedia/commons/thumb/c/ce/Gold..._Sweet....JPG/1200px-Gold..._Sweet....JPG?20120503004623);
  --admohub-epcolor: 255, 167, 0;
  }
  
  #u-09 {
  --admohub-epbg: url(https://upload.wikimedia.org/wikipedia/commons/9/9c/Angry_face.png?20050220013836);
  --admohub-epcolor: 255, 167, 0;
  }
  
  #u-10 {
  --admohub-epbg: url(https://upload.wikimedia.org/wikipedia/commons/thumb/e/e4/Emmanuel%2C_Forest_Gate_-_Stone_angel_-_geograph.org.uk_-_4222644.jpg/669px-Emmanuel%2C_Forest_Gate_-_Stone_angel_-_geograph.org.uk_-_4222644.jpg?20230101155333);
  --admohub-epcolor: 255, 167, 0;
  }
  
  #u-11 {
  --admohub-epbg: url(https://upload.wikimedia.org/wikipedia/commons/thumb/9/96/Staring_at_the_sun.jpg/1200px-Staring_at_the_sun.jpg?20090314193554);
  --admohub-epcolor: 255, 167, 0;
  }
  
  #u-12 {
  --admohub-epbg: url(https://upload.wikimedia.org/wikipedia/commons/thumb/0/08/Blinking_Keynote_%287993868305%29.jpg/1200px-Blinking_Keynote_%287993868305%29.jpg?20190615214810);
  --admohub-epcolor: 255, 167, 0;
  }
  
  #u-13 {
  --admohub-epbg: url(https://upload.wikimedia.org/wikipedia/commons/6/6a/Neck.png?20061203185745);
  --admohub-epcolor: 255, 167, 0;
  }
  
  #u-14 {
  --admohub-epbg: url(https://upload.wikimedia.org/wikipedia/commons/thumb/0/05/4%D2%82number_~23hjqqii.jpg/900px-4%D2%82number_~23hjqqii.jpg?20230417145823);
  --admohub-epcolor: 255, 167, 0;
  }
  
  #u-15 {
  --admohub-epbg: url(https://upload.wikimedia.org/wikipedia/commons/thumb/1/13/Corneal_scraping_with_fungal_elements.jpg/1200px-Corneal_scraping_with_fungal_elements.jpg?20190912145728);
  --admohub-epcolor: 255, 167, 0;
  }
  
  #u-16 {
  --admohub-epbg: url(https://upload.wikimedia.org/wikipedia/commons/thumb/4/43/Man_in_white_suit%2C_thumbs_up%2C_looking_at_viewer.jpg/1200px-Man_in_white_suit%2C_thumbs_up%2C_looking_at_viewer.jpg?20210116165603);
  --admohub-epcolor: 255, 167, 0;
  }
  
  #u-17 {
  --admohub-epbg: url(https://upload.wikimedia.org/wikipedia/commons/thumb/f/f4/Population_sign%2C_Gross%2C_Nebraska%2C_USA.jpg/1200px-Population_sign%2C_Gross%2C_Nebraska%2C_USA.jpg?20070717023228);
  --admohub-epcolor: 255, 167, 0;
  }
  
  #u-18 {
  --admohub-epbg: url(https://upload.wikimedia.org/wikipedia/commons/thumb/8/8b/Red_question_mark.svg/675px-Red_question_mark.svg.png?20230909025320);
  --admohub-epcolor: 255, 167, 0;
  }
  
  #u-19 {
  --admohub-epbg: url(https://upload.wikimedia.org/wikipedia/commons/thumb/1/1c/1940_Census_Population_Schedules_-_Florida_-_Sumter_County_-_ED_60-4_-_DPLA_-_d2b873312e5700b4c48cc6e11ec98941_%28page_4%29.jpg/1178px-1940_Census_Population_Schedules_-_Florida_-_Sumter_County_-_ED_60-4_-_DPLA_-_d2b873312e5700b4c48cc6e11ec98941_%28page_4%29.jpg?20210314213346);
  --admohub-epcolor: 255, 167, 0;
  }
  

  Pages using this styling

  • scp-173-but-it-s-the-admonition-hub [info]

  ¶ 1 occurrence
  

  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;
  }
  
  div.wilson-body {
      color: rgba(102, 87, 49);
      background: rgb(209, 237, 154);
      padding: 1em;
  }
  @import url('https://fonts.bunny.net/css2?family=Gloria+Hallelujah&display=swap');
  @import url('https://fonts.bunny.net/css?family=PT+Mono&display=swap');
  
  .page {
      display: block;
      overflow: hidden;
      font-family: 'Gloria Hallelujah', cursive;
      font-style: normal;
      color: black;
  
      background-attachment: scroll;
      background-clip: border-box;
      background-color: transparent;
      background-image: linear-gradient(to top ,rgb(202, 219, 228) 0%, rgb(231, 233, 220) 8%);
      background-origin: padding-box;
      background-position: 0px 8px;
      background-repeat: repeat;
      background-size: 100% 20px;
  
      border: 1px solid #CCC;
      border-radius: 10px;
      padding: 10px 10px;
      margin-bottom: 10px;
  
      box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2)
  }
  
  .page p {
      line-height: 20px;
      margin: 0;
  }
   
  /* Parawatch Forum Pseudo-Blockquotes */
  div.parapost {
      background:  black;
      border-width: 2px;
      border-style: solid;
      border-color: #1a1a1a;
      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;}
   
  @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;}
  }
   
  @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;}
  }
   
  /* IMAGES */
  #page-content .scp-image-block {
      border-color: #1a1a1a;
      box-shadow: none;
  }
  #page-content .scp-image-block .scp-image-caption {
      border-color: #1a1a1a;
      background-color: black;
  }
    
  hr {
      background-color: var(--fg);
  }

  Pages using this styling

  • scp-173-but-it-s-a-collaborative-log [info]

  ¶ 1 occurrence
  

  div#extra-div-1 {
      height: 140px;
      width: 100%;
      top: 0;
      position: absolute;
      background: url("https://scp-wiki.wdfiles.com/local--files/scp-1699/1699_banner.PNG");
      background-size: cover;
      background-position: 50% 50%;
  } /* SPACE */
   
  div#container-wrap {
      background-image: url(none);
  }
   
  div#extra-div-2 {
      height: 22px;
      width: 100%;
      top: 140px;
      position: absolute;
      background-color: #6c7c41;
      background-image: linear-gradient(to bottom,
        #6c7c41,
        #a6a385);
  

  Pages using this styling

  • scp-1699 [info]

  ¶ 1 occurrence
  

  
  ul li {
  margin-bottom:5px;
  }
  

  Pages using this styling

  • scp-1695 [info]

  ¶ 1 occurrence
  

  div.box {
      border: 1px solid black;
      background: white;
      padding: 0.5rem;
      margin: 0.5rem;
      flex-basis: 50%;
  }
  
  div.clues {
      display: flex;
      flex-wrap: nowrap;
      justify-content: space-evenly;
      align-items: flex-start;
  }
  
  @media screen and (max-width: 500px) {
      div.box {
          flex-basis: 100%;
      }
      div.clues {
          flex-wrap: wrap;
      }
  }

  Pages using this styling

  • scp-1665 [info]

  ¶ 1 occurrence
  

  
  @media only screen and (max-width: 600px) {
  #page-content .scp-image-block{
      width:225px !important;
  }
  }
  
  

  Pages using this styling

  • scp-1611 [info]

  ¶ 1 occurrence
  

  .star a.collapsible-block-link { font-family: 'Andale Mono', 'Courier New', Courier, monospace; }

  Pages using this styling

  • scp-1548 [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css?family=Charmonman|Miss+Fajardose|Reenie+Beanie|Ruthie|Tangerine&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Homemade+Apple&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Charm&display=swap');
  
  
  div.info-container > div.collapsible-block {
      padding: 0 !important;
      margin: 0 !important;
      box-shadow: none !important;
  }
  
  

  Pages using this styling

  • scp-1534 [info]

  ¶ 1 occurrence
  

  .email {
      background: url(http://scp-wiki.wdfiles.com/local--files/the-great-hippo/SCP_icon%281%29.png) top right no-repeat;
      border: solid 3px #444444;
      width: 85%; padding: 1px 15px;
      margin: auto; margin-top: 10px;
      margin-bottom: 10px;
      border-style: solid;
      border-width: 2px;
      border-color: #999 #901 #901 #999;
  }
  
  .tofrom {
      margin-left: 0.625rem;
      margin-top: 0.312rem;
      padding: 0 1em;
      border-left: 3px solid;
      border-radius: 4px;
      border-color: #901;
  }
  
  .tofrom strong {
      color: #901;
  }

  Pages using this styling

  • scp-1516-ko [info]

  ¶ 1 occurrence
  

  .info-container{
  --barColour: #FF6090;
  --linkColour: #fff;
  }

  Pages using this styling

  • scp-1508 [info]

  ¶ 1 occurrence
  

  blockquote.wondertainment,
  div.blockquote.wondertainment {
      margin: 20px 0;
      padding-left: 1.5rem;
      background: #fff98e;
  }

  Pages using this styling

  • scp-1508 [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css?family=Berkshire+Swash');
  
  :root {
  --header-title: "SITE-169";
  --header-subtitle: "Anomalous Entity Engagement Division";
  --logo-image: url("https://scp-wiki.wdfiles.com/local--files/theme%3Acaretaker-theme/AEEDLogoWhite.png");
  }
  
  #main-content {
      font-size: 115%;
  }
  
   :root {
      --body-width-on-desktop: 60rem;
  }
  
  blockquote,
  div.blockquote {
      border: 0.125rem solid #d4d4d4;
      background-color: #F5F5F5;
  }
  
  h4 {
      color: #780d8e;
      padding: 0 0 0.25em;
      margin: 0 0 0.6em;
      font-family: 'Berkshire Swash', cursive;
  }

  Pages using this styling

  • scp-1508 [info]

  ¶ 1 occurrence
  

  
  .raisa_memo {
      background: url(https://scp-wiki.wikidot.com/local--files/theme:basalt/RAISA_LIGHTLOGO.png) #fff3ad;
      background-size: contain;
      background-position: top center;
      background-repeat: no-repeat;
      color: #000;
      box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
      width: 90%;
      min-height: 4rem;
      max-height: 100rem;
      margin-left: auto;
      margin-right: auto;
      text-align: center;
      padding: 10px 20px 20px 20px;
      word-break: break-word;
  }
   
  .raisa_memo>p:nth-child(1)::before {
      content: "Foundation RAISA Notice\00000a";
      font-weight: 900;
      font-size: 130%;
      text-align: center;
      margin-bottom: 1rem;
      padding-bottom: 0.3rem;
      border-bottom: dotted 0.13rem darkslategrey;
      max-width: 49rem;
      margin-left: auto;
      margin-right: auto;
      display: flex;
      flex-direction: column;
      align-content: stretch;
      align-items: center;
  }
  

  Pages using this styling

  • scp-1500-ko [info]

  ¶ 1 occurrence
  

  
  .box {
    background: url("http://scpko.wikidot.com/local--files/dmddo/50k-black") center no-repeat; 
    background-blend-mode: soft-light; 
    background-color: #ffffffe8; 
    background-size: 75%;
    border: solid 2px #002a5b; 
    padding: 5px 15px; 
    box-shadow: 2px 3px 5px rgb(0 0 0 / 30%);
    margin: 1.5em 2em;
  }
  @media only screen and (max-width: 479px) {
  .box {
    margin: 1em 0em;
  }
  }
  

  Pages using this styling

  • scp-1500-ko [info]

  ¶ 1 occurrence
  

  
  @font-face {
      font-family: '싸락눈체';
      src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2106@1.1/SF_HailSnow.woff') format('woff');
      font-weight: normal;
      font-style: normal;
  }
  
  @font-face {
    font-family: 'Jost';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/jost/v14/92zPtBhPNqw79Ij1E865zBUv7myjJTVBNI4un_HKOEo.woff) format('woff');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }
  
      :root:lang(en) {
      --header-title: "Biological Undersea Site-50K";
      --header-subtitle: "SCRUTINY, CONTAINMENT, PROGNOSIS";
      --logo-image: url("http://scpko.wikidot.com/local--files/dmddo/50k");
      --pale-accent: 58, 91, 160;
      --bright-accent: 0, 43, 91;
      --medium-accent: 0, 43, 91;
      --dark-accent: 58, 91, 160;
      --alt-accent: 58, 91, 160;
      --body-font: 'Jost', '싸락눈체', sans-serif;
      --UI-font: var(--body-font);
      --toggle-border-color: #002b5b;
      --toggle-icon-color: #002b5b;
  }
  
  #page-title {
    display: none;
  }
  

  Pages using this styling

  • scp-1500-ko [info]

  ¶ 1 occurrence
  

  /* Cosmonaut Theme -- "Midnight Desert" Variant
   * [2023 Wikidot Theme]
   * Created by Lt Flops
   * Forked From Cosmonaut Theme by EstrellaYoshte
  **/
  
  /* ==== HEADER AREA ==== */
  /* == SELECTION == */
   ::selection {
      color: var(--keyColor);
  }
  
  /* == COMMON == */
   :root { /* == COLOUR SCHEME == */
      /* DESERT NIGHT */
      --bistre: hsl(309, 36%, 15%);
      --mediumJungleGreen: hsl(240, 27%, 18%);
      --davysGrey: hsl(232, 17%, 35%);
      --desertSand: hsl(25, 63%, 81%);
      --pastelGrey: hsl(21, 35%, 82%);
  
      /* ARABIAN NIGHT */
      --darkJungleGreen: hsl(235, 36%, 12%);
      --deepCarmine: hsl(341, 81%, 38%);
      --bronze: hsl(34, 59%, 50%);
      --turkishRose: hsl(328, 34%, 53%);
      --indianYellow: hsl(34, 74%, 60%);
      --paleRedViolet: hsl(347, 50%, 64%);
  
      --bronzeLite: hsla(34, 59%, 50%, .6);
      --paleRedVioletLite: hsla(347, 50%, 74%, .6);
      --davysGreyUltraLite: hsla(232, 17%, 35%, .2);
      --paleRedVioletUltraLite: hsla(347, 50%, 74%, .06);
  }
  
   :root { /* == COLOUR DEFINITIONS == */
      --accentColor: var(--indianYellow);
      --keyColor: black;
  
      --selectionColor: var(--deepCarmine);
      --headerColor: var(--bronze);
  
      --maincontentColor: 17, 18, 29;
      --textColor: var(--pastelGrey);
  
      --darkNightColor: var(--mediumJungleGreen);
      --lightCloudColor: var(--desertSand);
      --hazyCyanColor: var(--bistre);
  }
  
   @font-face { /* == FONT == */
      font-family: "Orthodox Herbertarian";
      src: url(https://cdn.jsdelivr.net/gh/lt-flops/MidnightDesert@main/OrthodoxHerbertarian.woff2) format("woff2");
      font-display: swap;
      font-style: normal;
      font-weight: normal;
  }
  
   :root { /* == OTHER == */
      /* FONT */
      --header-font: "Orthodox Herbertarian", serif;
  
      /* HOVERTIP */
      --htTrans: .35s;
      --htTransDelay: calc(var(--htTrans) + 1.55s);
  }
  
   #main-content {
      background-color: rgba(var(--maincontentColor), .9);
  }
  
   #main-content::after {
      background-color: var(--indianYellow);
  }
  
   @media (min-width: 768px) {
       #page-content {
       font-size: calc(1rem * 1.05);
      }
  }
  
  /* == SITE BANNER == */
   #header h1:focus-within,
   #header h1:hover {
      filter:
         drop-shadow(0px 0px 1.5rem var(--indianYellow))
         brightness(1.75);
  }
  
  /* == SIDE-BAR == */
   #side-bar {
      --selectionColor: var(--paleRedViolet);
      --secondOneiroiColor: var(--darkJungleGreen);
  }
  
   #side-bar .heading > p {
      font-size: 110%;
  }
  
  /* ==== CONTENT AREA ==== */
  /* == BLACKLIGHT BOX == */
   .blbf-main > div,
   .modal {
      margin: 1.5rem auto 2.5rem;
  
      border-radius: .75rem;
  }
  
   .modal.scpf strong {
      font-variant: small-caps;
  }
  
   .blbf-main > div {
      border-width: thick;
  
      hyphens: none;
  }
  
   @media (max-width: 767px) {
       .blbf-main > div {
       padding-top: 0;
      }
  }
  
   .blbf-main > div.blbf-dark::before {
      border-radius: .5rem;
  
      font-variant: small-caps;
  }
  
  
   .modal {
      width: calc(100% - 3rem);
      padding: 0 .75rem;
  
      background: var(--paleRedVioletUltraLite);
      border: thick solid var(--bronzeLite);
  }
  
   .modal .logo-wrap {
      width: 100px;
      height: 100px;
      padding: 1rem;
  }
  
  /* == BLINKING TEXT CURSOR ==
   * Adapted From:
   *   Word Processor Theme by stormbreath
  **/
   .selector {
      animation: blink 1.5s infinite !important;
      color: var(--headerColor);
  }
   
   @keyframes blink {
       to {
       opacity: 0;
      }
  }
  
  /* == BYLINE == */
   .byline {
      display: flex;
      margin-top: -.33rem;
   
      font-size: 85%;
      text-align: center;
  }
  
   .byline p {
      display: flex;
      flex-direction: column;
      max-width: 50%;
      margin: auto;
   
      line-height: 0;
  }
  
   .byline span:nth-of-type(1):before,
   .byline span:nth-of-type(2):before {
      padding-right: .27rem;
   
      color: var(--accentColor);
   
      font: 135%/1 "Lucida Sans Unicode", "Lucida Grande", "Arial Unicode MS", sans-serif;
  }
  
   .byline span:nth-of-type(1):before {
      content: "✎"
  }
  
   .byline span:nth-of-type(2):before {
      content: "⧗"
  }
  
   .byline span:nth-of-type(2):after {
      content: "-min read"
  }
  
  /* == COLLAPSIBLES == */
   .example .collapsible-block-folded,
   .example .collapsible-block-unfolded-link {
      color: var(--selectionColor);
      text-align: center;
  }
  
   .example .collapsible-block-link {
      font-size: 1.55rem;
  }
  
   .licensebox .collapsible-block-link {
      color: var(--paleRedViolet);
  }
  
  /* == DIVS == */
   .blockquote.custom {
      width: fit-content;
      margin: 3.5rem auto !important;
      padding: .02rem 1.95rem .02rem 2.95rem;
  
      font-size: 1.25rem;
      text-align: center;
  }
  
   .fc-news { /* = FOUNDATION NEWS = */
      margin: .65rem;
      padding: .65rem 1rem;
  
      background-color: var(--firstOneiroiColor);
      border-radius: var(--radius-adjust);
      box-shadow: .05rem .1rem .45rem var(--shadow);
      box-sizing: border-box;
  }
  
   .fc-news > span:first-child {
      display: flex;
      align-items: center;
  
      --headerColor: var(--indianYellow);
      color: var(--paleRedViolet);
  
      font: bold 1.1em var(--body-font);
  }
  
   .fc-news :where(img) {
      width: 5%;
      margin-right: .5rem;
      filter: invert(63%) sepia(22%) saturate(1145%) hue-rotate(301deg) brightness(87%) contrast(86%);
  }
  
   .cloudbox::before {
      bottom: 100%;
  }
  
  
  /* == ENLARGE == */
   .enlarge {
      position: relative;
      transition: .25s;
      z-index: 1000;
  }
  
   .enlarge:hover {
      transform: scale(2);
      transition: .25s;
  }
  
  /* == FADE AWAY == */
   #u-fade-away {
      /* Mouse Hover Reveals Rating Module */
      opacity: calc(1 / 3);
      transition: all .25s ease-in-out;
  }
  
   #u-fade-away:hover {
      opacity: 1;
  }
  
  /* == FLOPS HEADER PATCH == */
   .darkbox {
      margin: 1rem 0;
      padding: .4rem .6rem;
  
      color: var(--accentColor);
      background: var(--davysGreyUltraLite);
      border-right: 7px solid var(--headerColor);
      border-left: 7px solid var(--headerColor);
  }
  
   .itemInfo.darkbox {
      margin: 0 0 1.6rem;
      padding: .8rem 1.13rem;
  
      color: var(--textColor);
  }
  
   table.darkbox tr td {
      padding: 0;
  }
  
   .alignL span {
      margin-right: .13rem;
  }
  
   .infofield_1, .infofield_2 {
      font-size: 0;
  }
  
   .infofield_1::before {
      content: "ITEM #";
  }
  
   .infofield_2::before {
      content: "CLASS";
  }
  
   .itemInfoHeading {
      white-space: normal;
  }
  
   @media (max-width: 767.9px) {
       .itemInfo.darkbox,
       .infofield_1::before,
       .infofield_2::before,
       .infofield_3::before,
       #page-content a.disruptionHeader {
       font-size: .95rem;
      }
  
       .itemInfo.darkbox {
       margin: 0 0 1.25rem;
       padding: 0 .75rem;
      }
  
       .infofield_3 {
       font-size: 0;
      }
  
       .infofield_3::before {
       content: "LVL";
      }
  }
  
   @media (min-width: 768px) {
       .itemInfo tr:nth-child(2) td:nth-child(2) span,
       .itemInfoHeading,
       .infofield_1::before,
       .infofield_2::before {
       font-size: 1.25rem;
      }
  }
  
  /* == FOOTING == */
   .footing, .footing:after {
      position: relative;
  }
   
   .footing {
      margin: 1rem 0;
      padding-top: 1.6rem;
  }
   
   .footing::before {
      position: absolute;
      right: 0;
      bottom: .27rem;
      left: 0;
      content: "";
   
      border-bottom: 4px solid var(--paleRedViolet);
  }
   
   .footing:after {
      display: block;
      top: .13rem;
      content: "";
   
      border-bottom: 2px solid var(--paleRedVioletLite);
  }
   
   @media (max-width: 767px) {
       .footing::before, .footing:after {
       margin: 0 -5%;
      }
  }
  
  /* == FOOTNOTES == */
   a.footnoteref {
      --accentColor: var(--bronze);
      font-size: .95rem;
      font-weight: bold;
  }
  
   a.footnoteref:hover {
      --accentColor: var(--indianYellow);
      text-decoration: none;
  }
  
   .hovertip {
      transition-duration: var(--htTrans);
      transition-delay: var(--htTransDelay);
  }
  
  /* == FORMATTING | [GENERAL] == */
   h1, h2, h3, h4, h5, h6,
   #side-bar .heading > p {
      font-weight: normal;
      font-variant: small-caps;
      text-rendering: geometricPrecision;
      word-break: normal;
  }
  
   h1, h2, h3, h4, h5, h6 {
      color: var(--indianYellow);
  }
  
   #page-title {
      display: none;
  }
  
   .meta-title {
      color: var(--indianYellow);
      font-size: 3em;
  }
  
   hr, .or-card::before {
      --accentColor: var(--paleRedViolet);
      --headerColor: var(--davysGrey);
  }
  
  /* == FORMATTING | [SPECIAL] == */
   .bt {   /* Bold-Text = Bold + accentColor */
      color: var(--accentColor);
  
      font-weight: bold;
      text-decoration-color: inherit;
  }
  
   .bt.bb {   /* Big-Bar = Bold + accentColor + Vertical Bar [Body Text] */
      border-right: medium solid var(--accentColor);
  }
  
   .bt.bb::after {
      content: ":";
      visibility: hidden;
  }
  
   .itemInfoHeading,
   .luna,
   strong {
      color: var(--headerColor);
  }
  
   .invalid {
      display: flex;
      align-items: center;
      justify-content: center;
      margin: auto;
      padding: 1rem 0;
  
      color: var(--deepCarmine);
      filter: brightness(1.5);
  
      font: bold 1.25rem var(--mono-font);
      text-align: center;
  }
  
   .invalid::before,
   .invalid::after {
      font: 5rem var(--mono-font);
  }
  
   .invalid::before {
      content: "[";
  }
  
   .invalid::after {
      content: "]";
  }
  
   .lite-heading h1 {
      color: var(--paleRedViolet);
  }
  
   .lite-heading hr:first-child {
      margin-top: 5rem;
      margin-bottom: -1rem;
      background:
        linear-gradient(180deg,
       var(--headerColor),
       var(--accentColor));
  }
  
   .lite-heading hr:last-child {
      margin-top: -1rem;
      margin-bottom: 5rem;
  }
  
   .loader {
      width: 325px;
  
      filter: brightness(.8) drop-shadow(0 0 4px black) opacity(.8) sepia(.4);
  }
  
   .logo-wrap {
      width: 65%;
      filter: invert(73%) sepia(15%) saturate(2484%) hue-rotate(339deg) brightness(86%) contrast(82%);
  }
  
   @media (min-width: 768px) {
       .logo-wrap {
       width: 50%;
      }
  
       h1 { font-size: 2rem; }
       h2 { font-size: 1.6rem; }
       h3 { font-size: 1.4rem; }
       h4 { font-size: 1.3rem; }
       h5 { font-size: 1.2rem; }
       h6 { font-size: 1.1rem; }
  }
  
   .page-source {
      word-break: unset;
  }
  
   .page-source.prompt {
      font: 1.05rem var(--mono-font);
      text-align: center;
  }
  
   .pseudo-heading {
      font-family: var(--header-font);
  }
  
   .scp-header {
      font-size: xx-large;
      text-underline-offset: 25%;
  }
  
   .text-fade {
      -webkit-mask-image:
         linear-gradient(
       transparent,
       rgb(0,0,0,.5) 30%,
       rgb(0,0,0,1) 45%,
       rgb(0,0,0,1) 55%,
       rgb(0,0,0,.5) 70%,
       transparent);
  }
  
  /* == INFO BAR == */
   .info-container {
      --barColour: var(--darkNightColor);
      --linkColour: var(--indianYellow);
  }
  
   #u-author_block { display:none; }
  
  /* == SOCIAL MEDIA EFFECTS == */
   .or-footer > p span:last-child a,
   .or-tweet > ul li {
      color: var(--turkishRose);
  }
  
   .or-tweet > span:first-child {
      color: hsl(355, 11%, 58%);
  
      font-size: .75em;
  }
  
   .or-tweet > span:first-child img {
      position: relative;
      top: .4rem;
      max-width: 24px;
      padding-top: 1.6rem;
  }
  
  /* == TIMELINE == */
  .timeline {
      padding-top: 24px;
      padding-bottom: 24px;
  
      background: var(--paleRedVioletUltraLite);
      border-left: 8px solid var(--headerColor);
      border-radius: 16px;
  }
  
   #page-content .page-source::before {
      --bq-edge-mask: none;
  }
  
   .timeline .page-source::after {
      position: absolute;
      top: -14px;
      left: -16px;
      width: 24px;
      height: calc(100% + 28px);
      content: "";
  
      background: hsl(34, 59%, 37.5%);
      border-radius: 0 16px 16px 0;
  }
  
  /* == YUI TABS == */
   .yui-navset .yui-nav .selected a {
      color: var(--bistre);
  }
  
  /* ==== PAGE OPTIONS CONTAINER ==== */
  /* == EDIT PAGE | [TEXT AREA] == */
   #edit-page-textarea {
      width: 100%;
  
      color: var(--lightCloudColor);
      background: var(--darkNightColor);
  
      font: 1.05rem var(--body-font);
  }
  
   .inline-diff del,
   .inline-diff ins {
      color: var(--keyColor);
  }
  
   .hazard {
    font-weight: bold;
      color: #c92f2f;
  }

  Pages using this styling

  • scp-1498 [info]

  ¶ 1 occurrence
  

  div.blockquote blockquote {
      background-color: white;
  }
  
  
  @media (max-width: 767px) {
      .scp-image-block.block-right {
          float: none;
          margin: auto;
      }
  }

  Pages using this styling

  • scp-1444-rescue-log [info]

  ¶ 1 occurrence
  

  
  .document {
  display: inline-block;
  border-radius: 10px;
  border:solid 1px #ccc;
  background:#f0f0f0;
  float:top; width:96.5%;
  padding: 10px;
  box-shadow: 0 2px 4px rgba(68, 68, 68, .5);
  }
  
  .click{
  cursor: pointer;
  }
  
  .ping,
  .fakedl{
  color: #39e;
  cursor: pointer;
  font-weight: bold;
  }
  
  .edit{
  color: #666;
  font-size: 75%;
  }
  
  .edit:hover{
  cursor: default;
  title: "test";
  }
  
  .ping:hover{
  text-decoration: underline;
  }
  
  .member{
  color: #f33;
  }
  
  .member0{
  color: #fff;
  }
  
  .member2{
  color: #1f1;
  }
  
  .member3{
  color: #838;
  }
  
  .member:hover,
  .member0:hover,
  .member2:hover,
  .member3:hover,
  .fakedl:active{
  text-decoration: underline;
  cursor: pointer;
  }
  
  blockquote {
  color: #eee;
  background-color: #223;
  border: solid 1px #444;
  }
  
  span.member:active,
  span.member0:active,
  span.member2:active,
  span.member3:active,
  span.ping:active,
  span.click:active{
  background-color: #99f;
  border-radius: 4px;
  }
  
  span.link a{
  color: #39e;
  }
  
  .newmes{
  color: #d00;
  }
  
  .red-hr > hr{
  background-color: #d00;
  bottom: 0.2em;
  }
  

  Pages using this styling

  • scp-1401-ex [info]

  ¶ 1 occurrence
  

  .collapsible-block-content {
    margin-top: 1em;
  }

  Pages using this styling

  • scp-139 [info]

  ¶ 1 occurrence
  

  @import url(http://fonts.googleapis.com/css?family=Vollkorn+SC);
  
  .oi{
    background-color: #ffffff;
    background-image: url(http://fondazionescp.wdfiles.com/local--files/scp-112-it/oilogotransp2.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    font-family: 'Vollkorn SC';
    font-size: 16px;
    border-width: 4px;
    border-style: solid;
    border-color: whitesmoke;
    padding-left: 75px;
    padding-right: 75px;
  }

  Pages using this styling

  • scp-137-it [info]

  ¶ 1 occurrence
  

  #page-title {
    display: none;
  }
  #u-page-title p {
    font-size: 200%;
    margin-block-start: 0em;
    margin-block-end: 0em;
  }
  .title p,
  .info p,
  .options p {
    margin-block-start: 0em;
    margin-block-end: 0em;
  }
  .options {
    color: #77A;
  }
  a.newpage {
    color: #b01;
  }
  .printuser img.small {
    margin-right: 0px;
  }
  hr {
    margin: 0px;
  }

  Pages using this styling

  • scp-1343-j [info]

  ¶ 1 occurrence
  

  div#container-wrap {
      background-image: url(https://scp-wiki.wdfiles.com/local--files/grigori-karpin-s-author-page/backgroundVK-1);
  }
  :root {
      --logo-image: url("https://scp-wiki.wdfiles.com/local--files/grigori-karpin-s-author-page/vklogotransparent-1.png");
      --header-title: "  Vikander-Kneed";
      --header-subtitle: "   Technical Media";
  }
  
  /* Adjust Mobile Image Size */
  @media (max-width: 479px) {
  #header {
      background-size: 100px 100px;
      background-position: 1em;
  }
  }
  .email {border: solid 2px #000000; width: 88%; padding: 1px 15px; margin: 10px; box-shadow: 0 1px 3px rgba(0,0,0,.5)}
  .email-example a.collapsible-block-link {font-weight: bold;}
  .tofrom {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px maroon}

  Pages using this styling

  • scp-1337-ex [info]

  ¶ 1 occurrence
  

  :root {
  --header-title: "SCP Foundation";
  --header-subtitle: "Secure, contain, protect, yea?";
  --lgurl: url(https://scp-wiki.wdfiles.com/local--files/theme:calibri-logos/UK%20SCP);
  }

  Pages using this styling

  • scp-1319-j [info]

  ¶ 1 occurrence
  

  
  #main-content span[style='text-decoration: line-through;']{  text-decoration: overline !important; }
  

  Pages using this styling

  • scp-1313 [info]

  ¶ 1 occurrence
  

  :root {
    --accentColor: #7683BB;
    --accentColorLite: #9883BB;
    --lgurl: url(https://scpwiki.github.io/sigma/images/header-logo.svg);
  }

  Pages using this styling

  • scp-1305 [info]

  ¶ 1 occurrence
  

  
  #page-content a.collapsible-block-link { font-weight: bold; }
  .info-container .collapsible-block-folded a, .info-container .collapsible-block-unfolded-link a { color: #FFF; }
  
  .addendum .collapsible-block-link { font-size: 160%; }
  
  blockquote,
  div.blockquote {
    border: solid 2px #d4d4d4;
      background: #F5F5F5;
      width: 90%;
      padding: 1px 15px;
      margin: 10px auto;
      box-shadow: 1px 1px 4px #5e5e5e82;
  }
  
  .raisa {
      display: block;
      border: solid 3px #beb591;
      background : #f2e8c2;
      margin: 10px auto;
      width: 90%;
      padding: 10px
  }

  Pages using this styling

  • scp-1229 [info]

  ¶ 1 occurrence
  

  :root {
      --header-title: "SCP-1166";
      --header-subtitle: "THE BLYD";
  }

  Pages using this styling

  • scp-1166 [info]

  ¶ 1 occurrence
  

  #header{
      background: url(null);
  }
  #header:before{
  display:block;
  position: absolute;
  width: 100px;
  height: 100px;
  top: 15%;
  left:2%;
  z-index: -1;
  content: "";
  background:url(http://scp-wiki.wdfiles.com/local--files/component%3Atheme/logo.png);
  background-repeat: no-repeat;
  background-size: 100px 99px;
  background-position: 0px 0px 0px;
  z-index: -20;
  transform: rotateZ(180deg);
  }
  #header h2 span {
      color: transparent;
      text-shadow:none;
  }
  #header h2 span::before {
      content: "Protect, Secure. Contain";
      color: #F0F0C0;
      padding: 0px 0px 00px;
      text-shadow:initial;
  }
  @media (max-width: 800px) {
  #header{
      background: url(null);
  }
  #header:before{
  display:block;
  position: absolute;
  width: 100px;
  height: 100px;
  top: 15%;
  left:2%;
  z-index: -1;
  content: "";
  background:url(http://scp-wiki.wdfiles.com/local--files/component%3Atheme/logo.png);
  background-repeat: no-repeat;
  background-position: 3.75em .5em;
  background-size: 55px 55px;
  z-index: -20;
  transform: rotateZ(180deg);
  }
  }

  Pages using this styling

  • scp-1143 [info]

  ¶ 1 occurrence
  

  @import url(https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap);
  
   #page-content :is(h1, h2, h3, h4, h5, h6) {
      display: flex;
      flex-direction: column;
      justify-content: center;
      font-family: "Montserrat", sans-serif;
      font-weight: 600;
      line-height: 1.2;
      text-align: center;
      text-underline-offset: 25%;
      word-break: unset;
  }
  
  .notice{
       padding: 0.5em;
       margin: 0.75em;
       color: hsl(57, 98%, 68%);
       background: hsl(9, 51%, 47%);
       border: 1px solid hsl(57, 98%, 68%);
       outline: 4px solid hsl(9, 51%, 47%);
       text-align: center;
       font-size: 90%;
  }

  Pages using this styling

  • scp-1097 [info]

  ¶ 1 occurrence
  

  blockquote {
      border: 1px solid rgba(0,0,0,0.12);
      background-color: #f4f4f4;
      min-width: 70%;
      margin: 1em 40px;
  }
  
  body {
  background-image:linear-gradient(white, white, black);
  }

  Pages using this styling

  • scp-1054-fr-j [info]

  ¶ 1 occurrence
  

  
  #header {
      background-image: url(https://scp-wiki.wdfiles.com/local--files/theme%3Amcd/MCDLogo2-small.png);
  }
  
  .authorlink-wrapper,
  .authorlink-wrapper + div {
    margin-right: 0 !important; /* needed to override inline styles */
  }
  

  Pages using this styling

  • scp-102 [info]

  ¶ 1 occurrence
  

  .logformat{
      display: inline-block;
      border:dashed 1px #CDCDD1;
      background:#38383C;
      float:top;
      width:96.5%;
      padding:10px
  }
  
  .limit {
      margin-bottom: -1rem;
      z-index: 5;
  }
  .anchor {
      position: sticky;
      height:0;
      top: 0;
      z-index: 5;
  }
  .sidebox {
      background-color: #38383C;
      border-top: solid 2px var(--accentColor);
      padding: 1rem;
      margin-top: 0;
      margin-bottom: 8px;
      width: calc((100vw - 870px)/2);
      position: absolute;
      top: 0;
      left: 103.5%;
      z-index: 5;
      overflow: auto;
      box-sizing: border-box;
      border:solid 1px #CDCDD1;
  }
  /* Sidebox mobile optimization, courtesy of Woed */
  @media (max-width: 1290px) {
     .sidebox {
          width: auto;
          max-width: 65vw!important;
          border: none;
          padding-left: 0.4rem; padding-right: 0.4rem;
          top: 0.75rem;
          right: calc(((100vw - 45.8rem)/2) * -1);
          left: initial;
          -webkit-clip-path: inset(-0.125rem -0.25rem 0 calc(100% - 0.85rem));
          clip-path: inset(-0.125rem -0.25rem 0 calc(100% - 0.85rem));
          -webkit-transition: color 0.2s ease-in-out 0.1s, -webkit-box-shadow 0.5s ease-in-out 0.1s, -webkit-clip-path 0.5s ease-in-out 0.1s;
          transition: color 0.2s ease-in-out 0.1s, -webkit-box-shadow 0.5s ease-in-out 0.1s, -webkit-clip-path 0.5s ease-in-out 0.1s;
          -o-transition: color 0.2s ease-in-out 0.1s, box-shadow 0.5s ease-in-out 0.1s, clip-path 0.5s ease-in-out 0.1s;
          transition: color 0.2s ease-in-out 0.1s, box-shadow 0.5s ease-in-out 0.1s, clip-path 0.5s ease-in-out 0.1s;
          transition: color 0.2s ease-in-out 0.1s, box-shadow 0.5s ease-in-out 0.1s, clip-path 0.5s ease-in-out 0.1s, -webkit-box-shadow 0.5s ease-in-out 0.1s, -webkit-clip-path 0.5s ease-in-out 0.1s;
          overflow: visible;
      }
   
      .sidebox::before, .sidebox::after {
          content: " ";
          position: absolute;
          right: 0;
      }
   
      .sidebox::before {
          top: calc(50% - 0.75rem);
          width: 0;
          height: 0;
          border-top: 0.75rem solid transparent;
          border-bottom: 0.75rem solid transparent;
          border-right: 0.75rem solid var(--accentColor);
          transition: border 0.1s ease-in-out 0.1s;
          z-index: 10;
      }
   
      .sidebox::after {
          top: 0;
          max-width: 0.75rem;
          width: 100%;
          height: 100%;
          box-shadow: 0.15rem 0 0 0 var(--accentColor);
          background-color: #38383C;
          z-index: -1;
          transition: box-shadow 0.5s ease-in-out 0.1s, max-width 0.5s ease-in-out 0.1s;
          border:solid 1px #CDCDD1;
      }
   
      .sidebox > * {
          opacity: 0;
          -webkit-transition: opacity 0.2s ease-in-out 0.2s;
          -o-transition: opacity 0.2s ease-in-out 0.2s;
          transition: opacity 0.2s ease-in-out 0.2s;
      }
   
      .sidebox:hover {
          overflow: visible;
          -webkit-clip-path: inset(-0.125rem -0.25rem 0 0);
          clip-path: inset(-0.125rem -0.25rem 0 0);
          -webkit-transition: color 0.5s ease-in-out 0.2s, right 0.5s ease-in-out 0.1s, -webkit-clip-path 0.5s ease-in-out 0.1s, -webkit-box-shadow 0.5s ease-in-out 0.1s;
          transition: color 0.5s ease-in-out 0.2s, right 0.5s ease-in-out 0.1s, -webkit-clip-path 0.5s ease-in-out 0.1s, -webkit-box-shadow 0.5s ease-in-out 0.1s;
          -o-transition: color 0.5s ease-in-out 0.2s, right 0.5s ease-in-out 0.1s, clip-path 0.5s ease-in-out 0.1s, box-shadow 0.5s ease-in-out 0.1s;
          transition: color 0.5s ease-in-out 0.2s, right 0.5s ease-in-out 0.1s, clip-path 0.5s ease-in-out 0.1s, box-shadow 0.5s ease-in-out 0.1s;
          transition: color 0.5s ease-in-out 0.2s, right 0.5s ease-in-out 0.1s, clip-path 0.5s ease-in-out 0.1s, box-shadow 0.5s ease-in-out 0.1s, -webkit-clip-path 0.5s ease-in-out 0.1s, -webkit-box-shadow 0.5s ease-in-out 0.1s;
      }
   
      .sidebox:hover::before {
          border-top: 0 solid transparent;
          border-bottom: 0 solid transparent;
      }
      .sidebox:hover::after {
          box-shadow: 0 -0.125rem 0 0 var(--accentColor);
          right: 0;
          max-width: 100%;
      }
      .sidebox:hover > * {
          opacity: 1;
      }
  }
   
  @media (max-width:768px) {
      .sidebox, .sidebox:hover {
          right: calc(((100vw - (100% - 3rem))/2) * -1 + 1.9rem);
      }
  }

  Pages using this styling

  • scp-1017-ko [info]

  ¶ 1 occurrence
  

  @import url(//fonts.googleapis.com/earlyaccess/jejumyeongjo.css);
  
  @font-face {
      font-family: 'Daehan-Bold';
      src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_twelve@1.1/Daehan-Bold.woff') format('woff');
      font-weight: normal;
      font-style: normal;
  }
  
  :root {
    --header-logo: url(http://scpko.wdfiles.com/local--files/main/logo_white.png) 0px 35px no-repeat;
    --barColour: #000;
    --gap: 6px;
    --width: 14px;
  }
  
  #header h1 a::before {
     content: "SCP Foundation";
  }
  
  #header h2 span {
    margin-left: 20px;
  }
  
  #page-title, #breadcrumbs {
    display: none;
  }
  
  div#extra-div-2 {
    height: 34px;
    z-index: -1;
  }
  
  #main-content {
    margin-top: -20px;
  }
  
  .info-container .collapsible-block-unfolded {
    border-color: rgba(0, 0, 0, 0.8);
  }
  
  .info-container .collapsible-block-unfolded {
    height: 430px;
  }
  
  .info-container .collapsible-block-unfolded-link {
    transform: translateY(calc(430px - 1.5em)) rotate(180deg);
    mask-size: calc(100% + 10px);
  }
  
  .info-container .collapsible-block-unfolded-link .collapsible-block-link {
    transform: rotate(180deg);
  }
  
  .award {
    z-index: 1;
    position: relative;
    width: 100%;
    text-align: center;
    box-sizing: border-box;
    padding: 70px 11% 70px 11%;
    border-left: var(--width) solid #000;
    border-right: var(--width) solid #000;
  }
  
  .award::before {
    content: "";
    position: absolute;
    top: 0;
    left: var(--gap);
    width: calc( 100% - 2*var(--gap) );
    height: 100%;
    border-left: var(--width) solid #000;
    border-right: var(--width) solid #000;
    box-sizing: border-box;
  }
  
  .award::after {
    content: "";
    position: absolute;
    top: -2px;
    left: calc( var(--width) * (-1) );
    width: calc( 100% + 2*var(--width) + 1px );
    height: calc( 100% + 4px );
  
    background-repeat: no-repeat;
    background-size: 50.1%;
    background-image: url(http://scpko.wdfiles.com/local--files/scp-1000-ko/corner0.png), url(http://scpko.wdfiles.com/local--files/scp-1000-ko/corner2.png), url(http://scpko.wdfiles.com/local--files/scp-1000-ko/corner3.png), url(http://scpko.wdfiles.com/local--files/scp-1000-ko/corner4.png);
    background-position: top left, top right, bottom left, bottom right;
  }
  
  .award .star {
    z-index: 10;
    position: relative;
    width: 50%;
    height: 0;
    padding: 25% 0;
    margin: 0 auto;
    margin-bottom: 1em;
  
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
    background-image: url(http://scpko.wdfiles.com/local--files/component:thd-achievement-base/100.png);
  }
  
  .award h1 span, .award h2 span, .award h3 span,
  .award h1 span span, .award h2 span span, .award h3 span span {
    z-index: 20;
    position: relative;
    line-height: 2;
    word-break: keep-all;
    font-weight: normal;
  }
  
  .award h1 span {
    color: #000;
    text-shadow: 0.3px 0.3px 0.1px #000, 0.3px -0.3px 0.1px #000, -0.3px 0.3px 0.1px #000, -0.3px -0.3px 0.1px #000;
  }
  
  .award h2 span {
    font-family: 'Jeju Myeongjo', 'Nanum Gothic', serif;
  }
  
  .award h3 span {
    font-family: 'Daehan-Bold';
  }
  
  .award h1, .award h2, .award h3 {
    margin-top: 0;
    margin-bottom: 0;
  }
  
  .award h1 span span, .award h2 span span, .award h3 span span, .message strong span {
    white-space: nowrap;
    word-break: keep-all;
  }
  
  .page-rate-widget-box {
    z-index: 15;
    position: absolute;
    top: 47px;
    right: 45px;
  }
  
  div.page-rate-widget-box,
  div.page-rate-widget-box .rate-points,
  div.page-rate-widget-box .rateup, .page-rate-widget-box .ratedown,
  div.page-rate-widget-box .cancel {
    background-color: transparent !important;
    border: none;
    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 {
    color: #FFF;
    text-shadow: 0 0 2px black;
    border-radius: 0;
  }
  
  .page-rate-widget-box .rateup a:hover, .page-rate-widget-box .ratedown a:hover,
  .page-rate-widget-box .cancel a:hover {
    background: #FFF;
    color: #000;
    text-shadow: none;
    border-radius: 0;
  }
  
  #action-area .page-rate-widget-box {
    position: static;
    top: unset;
    right: unset;
  }
  
  .message p {
    font-family: 'Jeju Myeongjo', 'Nanum Gothic', serif;
    font-size: 1.3em;
    line-height: 1.8;
    word-break: keep-all;
    text-align: justify;
  }
  
  .message strong {
    display: inline-block;
    margin-top: -1.65em;
    background: #FFF;
    padding: 0 15px;
    line-height: 1;
  }
  
  .message .smalltitle strong {
    font-size: 120%;
    line-height: 1.5;
  }
  
  #top-bar .open-menu a {
    border: 0.2em solid #000;
    border-radius: 0;
    color: #000;
  }
  
  .info-container .collapsible-block-content {
    text-align: center;
  }
  
  .translation_block {
    display: none;
  }
  
  
  @media (max-width: 767px) {
    :root {
      --gap: 1.1vw;
      --width: 2.2vw;
    }
    #header h2 span {
      margin-left: 10px;
    }
    .award::after {
      background-size: 65%;
    }
    .award {
      padding: 15vw 12% 70px 12%;
    }
    .page-rate-widget-box {
      top: calc( 3.2*var(--width) );
      right: calc( 2.5*var(--width) );
    }
    .message {
      text-align: left;
    }
  }
  
  @media (max-width: 580px) {
    #header h2 span {
      margin-left: 0;
    }
    #search-top-box-input {
      display: none;
    }
    .award {
      padding: 15vw 10% 70px 10%;
    }
    .award h3 span span.divide,
    .message strong span.divide {
      white-space: normal;
    }
    .award h3 span span.divide span,
    .message strong span.divide span {
      white-space: nowrap;
    }
    .message p {
      font-size: 1.15em;
      line-height: 1.7;
      word-break: normal;
    }
  }
  @media (max-width: 385px) {
    .award h3 span,
    .award h3 span span,
    .award h3 span span.divide span, {
      word-break: normal;
      white-space: normal;
    }
  }

  Pages using this styling

  • scp-1000-ko [info]

  ¶ 1 occurrence
  

  
  :root {
    --header-logo: url(http://scpko.wdfiles.com/local--files/theme%3Aanniversary/anniversary_h.png) 0px 35px no-repeat;
  
    --color-bg: #FFF;
    --color-ip: #000;
    --font: #000;
    --shadow: transparent;
    --header-sub: "Veterans Affairs Department";
  }
  
  @font-face {
      font-family: 'GowunBatang-Bold';
      src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/GowunBatang-Bold.woff') format('woff');
      font-weight: normal;
      font-style: normal;
  }
  
  /*
  sigma-9 기반 n주년 연말경연 테마
  */
  
  /* COMMON */
   #content-wrap {
       min-height:1700px;
       height: auto;
  }
   
   h1, #page-title {
       font-family: 'GowunBatang-Bold', Arial, sans-serif;
       color: var(--color-ip);
  }
   
   #page-title {
       border-color: var(--color-ip);
  }
   
  /* links */
   
   a {
       color: var(--color-ip);
  }
   
   a:visited, #side-bar a:visited {
       color: var(--color-ip);
  }
   
   #page-content a.newpage, #side-bar a.newpage {
       color: var(--color-ip);
       filter: opacity(60%);
  }
   
   body {
       background-color: #FFF;
       color: #000;
  }
   
  /* HEADER */
  div#container-wrap {
      background: none;
  }
   
  div#extra-div-1 {
      height: 140px;
      width: 100%;
      top: 0;
      position: absolute;
      background: var(--color-bg);
  }
   
  div#extra-div-2 {
      height: 22px;
      width: 100%;
      top: 140px;
      position: absolute;
      background: var(--color-ip);
  }
   
   #search-top-box-input {
       border: transparent;
       color: var(--font);
       background-color: var(--color-bg);
  }
   
   #search-top-box-input:hover, #search-top-box-input:focus {
       border: solid 0.5px #888;
       color: var(--color-ip);
       background-color: var(--color-bg);
  }
   
   #search-top-box-form input[type=submit] {
       border: transparent;
       color: var(--font);
       text-shadow: 0 0 3px var(--shadow);
       background: none !important;
       background-color:  var(--color-bg);
  }
   
  #search-top-box-form input[type=submit]:hover, #search-top-box-form input[type=submit]:focus {
       border: solid 0.5px #FFF;
       color: var(--color-ip);
       background: none !important;
       background-color: var(--color-bg);
  }
   
   #login-status {
       color: var(--font);
       text-shadow: 1px 0 var(--shadow), -1px 0 var(--shadow), 0 1px var(--shadow), 0 -1px var(--shadow);
  }
   
   #login-status a {
       color: var(--font);
       text-shadow: 1px 0 var(--shadow), -1px 0 var(--shadow), 0 1px var(--shadow), 0 -1px var(--shadow);
  }
   
   #login-status ul a {
       color: #444;
       text-shadow: none;
  }
  
   #header  {
       background: none;
  }
  
   div#header-extra-div-1 {
       background: var(--header-logo);
       background-size: 100px;
  
       position: absolute;
       top: 0px; bottom: 0px; left: 0px;
       width: 100px;
  }
   
   #header h1 a {
       color: transparent;
       font-family: 'GowunBatang-Bold', Arial, sans-serif;
       font-size: 150%;
       text-shadow: none;
       letter-spacing: 0.5px;
  }
   
   #header h1 a::before {
       content: "SCP 재단";
       color: var(--color-ip);
       text-shadow: none;
  }
   
   #header h2 span {
       color: transparent;
       font-family: 'GowunBatang-Bold', Arial, sans-serif;
       font-size: 120%;
       text-shadow: none;
       margin-left: 5px;
  }
   
   #header h2 span::before {
       content: var(--header-sub);
       color: var(--font);
       text-shadow: 1.5px 0 var(--shadow), -1.5px 0 var(--shadow), 0 1.5px var(--shadow), 0 -1.5px var(--shadow), 1px 1px var(--shadow), -1px 1px var(--shadow), 1px -1px var(--shadow), -1px -1px var(--shadow);
  }
   
   #top-bar a {
       color: #FFF;
  }
   
   #top-bar ul li ul {
       border: solid 1px #EEE;
       box-shadow: none;
  }
   
   #top-bar ul li.sfhover a, #top-bar ul li:hover a {
       background: #EEE;
       color: #444;
  }
   
   #top-bar ul li.sfhover ul li a, #top-bar ul li:hover ul li a {
       border-top: 1px solid #EEE;
  }
   
   #top-bar ul li.sfhover a:hover, #top-bar ul li:hover a:hover {
       background: #DDD;
  }
   
   #top-bar ul li ul a, #top-bar a:hover, .c_topbar_arrow {
       color: #444;
  }
  
   #top-bar ul li ul li ul {
       border: none;
  }
   
  /* SIDE MENU */
   #side-bar {
       background: #FFF;
  }
  
   #side-bar .side-block .menu-item img {
    display: none;
  }
   
   #side-bar div.side-block:nth-child(4) > div:nth-child(1) > div:nth-child(1) img {
       filter: none;
       -webkit-filter: none;
  }
   
  #side-bar .side-block {
    border: none;
    background: #FFF !important;
    box-shadow: none !important;
  }
   
   #side-bar .heading {
       color: var(--color-ip);
       border-bottom: solid 1px var(--color-ip);
  }
   
   #side-bar div.menu-item.inactive a {
       color: var(--color-ip);
  }
   
   #side-bar div.menu-item .sub-text {
       color: var(--color-ip);
  }
   
   #side-bar .collapsible-block-folded {
       background: #FFF;
  }
   
   #side-bar .collapsible-block-unfolded-link {
       border-bottom: solid 1px var(--color-ip);
  }
   
   #side-bar .collapsible-block-unfolded-link .collapsible-block-link {
       color: var(--color-ip);
  }
   
   #side-bar .collapsible-block-unfolded-link .collapsible-block-link:hover {
       color: var(--color-ip);
  }
   
  /* YUI-TABS */
   .yui-navset .yui-content{
       background-color: #FFF;
  }
   
   .yui-navset .yui-nav a, .yui-navset .yui-navset-top .yui-nav a {
      background: #EEE url(none) repeat-x;
      border-top: solid #333 1px;
      border-left: solid #444 1px;
      border-right: solid #444 1px;
      color:#000;
  }
   
   .yui-navset .yui-nav .selected a,
   .yui-navset .yui-nav .selected a:focus, /* no focus effect for selected */
   .yui-navset .yui-nav .selected a:hover { /* no hover effect for selected */
       background: #444; /* selected tab background */
       color: #EEE;
  }
   
   .yui-navset .yui-nav a:hover,
   .yui-navset .yui-nav a:focus {
       background: #DDD;
       text-decoration: none;
  }
   .yui-navset .yui-nav,
   .yui-navset .yui-navset-top .yui-nav {
       border-color: #444;
  }
   
  /* Rating Module */
   .page-rate-widget-box{
       box-shadow: none;
  }
   
   .page-rate-widget-box .rate-points {
       background-color: var(--color-bg) !important;
       border: solid 1px var(--color-bg);
       color: var(--font);
  }
   
   .page-rate-widget-box .rateup, .page-rate-widget-box .ratedown {
       background-color: var(--color-bg);
       border-top: solid 1px var(--color-bg);
       border-bottom: solid 1px var(--color-bg);
  }
   
   .page-rate-widget-box .rateup a, .page-rate-widget-box .ratedown a {
       color: var(--font);
  }
   
   .page-rate-widget-box .rateup a:hover, .page-rate-widget-box .ratedown a:hover {
       background: var(--color-bg);
       color: var(--color-ip);
  }
   
   .page-rate-widget-box .cancel {
       background-color: var(--color-bg);
       border: solid 1px var(--color-bg);
  }
   
   .page-rate-widget-box .cancel a {
       color: var(--font);
  }
   
   .page-rate-widget-box .cancel a:hover {
       background-color: var(--color-bg);
       color: var(--color-ip);
  }
   
  /* Info Rating Module */
   
   .rate-box-with-credit-button {
       background-color: var(--color-bg) !important;
       border: 1px solid var(--color-bg) !important;
       border-radius: 5px !important;
       box-shadow: none !important;
  }
   
   .rate-box-with-credit-button .creditButton p a {
       border-left-color: var(--color-bg) !important;
       color: var(--font);
  }
   
   .rate-box-with-credit-button .creditButton p a:hover {
       color: var(--color-ip);
  }
   
   .rate-box-with-credit-button .page-rate-widget-box .cancel {
       border-radius: 0;
  }
   
   .rate-box-with-credit-button .page-rate-widget-box .rate-points {
       border-left: 0;
  }
   
  /* Heritage Collection Rating Module */
   
   .heritage-rating-module {
       background-color: var(--color-bg);
       box-shadow: none;
  }
   
  /* Mobile Media Query */
   @media (max-width: 479px) {
      :root {
           --header-sub: "VA Department";
      }
  
       div#header-extra-div-1 {
           background-position: 0 4.5em;
           background-size: 60px 60px;
           width: 60px;
      }
       #header h1 a {
           font-size: 100%;
      }
       #header h1, #header h2 {
           margin-left: 66px;
      }
  }
  /* Small Mobile Media Query */
   @media (max-width: 385px) {
       div#header-extra-div-1 {
           background-position: 5% 5.5em;
      }
       #header h1, #header h2 {
           margin-left: -webkit-calc(66px + 5%);
           margin-left: -moz-calc(66px + 5%);
           margin-left: calc(66px + 5%);
      }
  }
  /* Note Media Query */
   @media (min-width: 480px) and (max-width: 580px) {
       div#header-extra-div-1 {
           background-position: 0.5em 4.5em;
           background-size: 66px 66px;
           width: 72px;
      }
       #header h1 a {
           font-size: 110%;
      }
       #header h1, #header h2 {
           margin-left: 80px;
      }
  }
  /* Mini Tablet Media Query */
   @media (min-width: 581px) and (max-width: 767px) {
       div#header-extra-div-1 {
           background-position: 0.5em 3.5em;
           background-size: 77px 77px;
           width: 85px;
      }
       #header h1 a {
           font-size: 120%;
      }
       #header h1, #header h2 {
           margin-left: 93px;
      }
  }
  /* Tablet Media Query */
   @media (min-width: 768px) and (max-width: 979px) {
       div#header-extra-div-1 {
           background-size: 88px 88px;
           width: 88px;
      }
       #header h1, #header h2 {
           margin-left: 106px;
      }
  }
  
  
  

  Pages using this styling

  • scp-1000-ko [info]

  ¶ 1 occurrence
  

  .exploration-log{
      display: inline-block;
      padding-left: 15px;
      padding-right: 15px;
      border-radius: 10px;
      border: dashed 1px #444444;
      background: #F5F5F5;
      float: top;
      width: 95%;
  }

  Pages using this styling

  • scp-100-it [info]

  ¶ 1 occurrence
  

  .hover {
      color: #3B4;
   	text-decoration: underline;
      border-bottom: 1px solid;
  }
  .hover:hover {
   	text-decoration: none;
      border-bottom: none;
  }
  
  .hover span {	display: none;}
  .hover:hover span {
      position: absolute;
      display: inline;
      margin: 15px -20px;
      height: auto;
      width: 250px;
      background: #FFF;
      border: 2px solid #34B;
      color: #000;
      padding: 1em;
  }
  .hover:hover span span {
      position: relative;
      margin: auto;
      height: auto;
      width: auto;
      border: none;
      padding: 0;
  }

  Pages using this styling

  • scp-100-it [info]

  ¶ 1 occurrence
  

  #header h1 a span {
    display: none;
  }
  
  #header h1 a::before {
    content: "SCP Fundation";
    line-height: 0px;
    color: #eee;
    font-family: BauhausLTDemi, 'Nanum Gothic', Arial, sans-serif;
    text-shadow: 3px 3px 5px #000;
    letter-spacing: 0.9px;
  }
  
  #header h2 span {
    display: none;
  }
  
  #header h2::before {
    content: "Oops, made a typo.";
  display: block;
  margin: 0;
  padding: 19px 0;
  line-height: 0px;
  max-height: 0px;
  font-weight: bold;
  color: #f0f0c0;
  text-shadow: 1px 1px 1px #000;
  text-shadow: 1px 1px 1px rgba(0,0,0,.8);
  }

  Pages using this styling

  • scp-093-j-green-test [info]

  ¶ 1 occurrence
  

  :root {
    --accentColor: 255, 149, 202;
  }
  .containercontainer {position: relative;width: auto;height: auto;border: 2px solid #666;background: #141212;color: #3F3;margin-top: 1em;margin-bottom: 1em;}.containercontainer .container .overlay {background: rgba(51, 255, 51, 0.9);color: #121010;position: absolute;width: auto;height: 50px;top: 0;right: 0;bottom: 0;left: 0;margin: auto;line-height: 50px;display: inline;vertical-align: middle;text-align: center;font-family: Courier New;font-size: 30px;letter-spacing: 5px;font-weight: bolder;z-index: 3;animation: overlay-anim 10s linear;animation-fill-mode: forwards;animation-iteration-count: infinite;}.overlayback {background: rgba(187, 187, 187, 0.5);z-index: 3;position: absolute;top: 0;left: 0;bottom: 0;right: 0;width: auto;height: auto;animation: overlay-anim 10s linear;animation-fill-mode: forwards;animation-iteration-count: infinite;}.containercontainer .container {text-align: center;width: inherit;height: inherit;position: relative;overflow: hidden;}.containercontainer .container::after {content: " ";display: block;position: absolute;top: 0;left: 0;bottom: 0;right: 0;background: rgba(21, 19, 19, 0.2);opacity: 0;z-index: 2;animation: flicker 0.15s infinite;}.containercontainer .container::before {content: " ";display: block;position: absolute;top: 0;left: 0;bottom: 0;right: 0;background: linear-gradient(rgba(18, 16, 16, 0.03) 50%, rgba(0, 0, 0, 0.45) 50%), linear-gradient(90deg, rgba(255, 0, 0, 0.22), rgba(0, 255, 0, 0.11), rgba(0, 0, 255, 0.22));z-index: 2;background-size: 100% 2px, 3px 100%;}.no-unfold {text-align: center;}.container h1,.container h2,.container h3,.container h5,.container h6 {color: #3F3;}.container hr {border-top: 1px dotted #3F3;border-bottom: none;}.container hr {border-top: 1px solid #3F3;border-bottom: 1px solid #3F3;color: transparent;background-color: transparent;}.container hr:after {display: block;margin-top: 2px;border-top: 1px solid #3F3;border-bottom: 1px solid #3F3;}.blinkbar {animation: blink 1.5s infinite; letter-spacing: -0.13em;}@keyframes blink{to{opacity: .0;}}@keyframes flicker {0% {opacity: 0.9890; }5% {opacity: 0.5842; }10% {opacity: 0.9865; }15% {opacity: 0.0412; }20% {opacity: 0.6255; }25% {opacity: 0.3157; }30% {opacity: 0.7328; }35% {opacity: 0.4654; }40% {opacity: 0.9128; }45% {opacity: 0.2449; }50% {opacity: 0.5485; }55% {opacity: 0.6438; }60% {opacity: 0.1180; }65% {opacity: 0.9085; }70% {opacity: 0.0266; }75% {opacity: 0.6795; }80% {opacity: 0.7812; }85% {opacity: 0.0117; }90% {opacity: 0.2239; }95% {opacity: 0.8897; }100% {opacity: 0.2260; }}@keyframes overlay-anim {0% {visibility: hidden; }10% {visibility: hidden; }11% {visibility: visible; }50% {visibility: hidden; }100% {visibility: hidden; }}
  
  
  div.terminal{
      border: 1px solid black;
      border: solid 3px #BBBBBB;
      border-radius: 16px;
      background-color: #131;
  
      background-image:
      	radial-gradient(ellipse 1000% 100% at 50% 90%, transparent, #121);
      background-position: center;
      display: block;
  
      box-shadow: inset 0 0 10em 1em rgba(0,0,0,0.5);
  
      overflow:hidden;
  }
  div.terminal blockquote {
      background-color: black;
      border: double 3px #80FF80
  }
  div.scanline{
      margin-top: -40%;
      width: 100%;
      height: 60px;
      position: relative;
      pointer-events: none;
  /* Safari 4.0 - 8.0 */
      -webkit-animation: scan 12s linear 0s infinite;
      animation: scan 12s linear 0s infinite;
      background: linear-gradient(to bottom, rgba(56, 112, 82,0), rgba(56, 112, 82,0.1)) !important;
  }
  
  div.text{
      color: rgba(128,255,128,0.8);
      padding-left: 2em;
      padding-top: 40%;
      font-family: monospace;
      font-size: 1.2em;
      }
  
  @-webkit-keyframes scan{
      from{ transform: translateY(-10%);}
      to{  transform: translateY(5000%);}
  }
  
  @keyframes scan{
      from{ transform: translateY(-10%);}
      to{  transform: translateY(5000%);}
  }
  
  div.text a {
      color: #90EE90;
      text-decoration: none;
      background: transparent;
  }
  div.text a.newpage {
      color: #90EE90;
      text-decoration: none;
      background: transparent;
  }
  div.text a:hover {
      color: #131;
      text-decoration: underline;
      background-color: #80FF80;
      padding: 1px;
  }
  div.text a:hover::before{
  content: "> ";
  }
  
  .linebolck-outbox {
    	padding: var(--quote-bd-sz11);
      transition: ease-in .3s;
      background: linear-gradient(0, var(--quote-bd-c11)  var(--quote-bd-sz11),  var(--quote-bd-c11) var(--quote-bd-sz11)) no-repeat,
              	linear-gradient(-90deg, var(--quote-bd-c11) var(--quote-bd-sz11),  var(--quote-bd-c11) var(--quote-bd-sz11)) no-repeat,
              	linear-gradient(-180deg,  var(--quote-bd-c11) var(--quote-bd-sz11), var(--quote-bd-c11) var(--quote-bd-sz11)) no-repeat,
              	linear-gradient(-270deg,  var(--quote-bd-c11) var(--quote-bd-sz11),  var(--quote-bd-c11)  var(--quote-bd-sz11)) no-repeat;
      background-size: 0 var(--quote-bd-sz11), var(--quote-bd-sz11) 0, 0 var(--quote-bd-sz11), var(--quote-bd-sz11) 0;
      background-position: left top, right top, right bottom, left bottom;
          	border: var(--quote-bd);
  }
  
  .linebolck-outbox:hover{
      background-size: 100% 2px,  2px 100%, 100% 2px, 2px 100%;
  }
  
  .linebolck-inbox{
    	padding:0.5rem 1rem;
    	background: var(--quote-bg-box111);
    	transition: background ease-in .3s;	 
  }
  
  .linebolck-inbox:hover{
    	background:var(--quote-bghv-box111);
    	transition: ease-in .3s;	 
    	transition: background ease-in .3s;	 
  }
  
  .blinkblock{ 	 
    	padding: 0 0.5rem;  
    	background-color: rgba(10,15,12,0.8);
    	border:3px solid green;
    	padding: 0 0.5rem;
    	color:rgba(var(--display-green), 0.8);
  
   -webkit-animation-timing-function:ease-out;
   -webkit-animation-direction:alternate;    
   -webkit-animation: blinkborder 1s infinite;
   animation: blinkborder 1s infinite;
    	animation-timing-function:ease-out;
     	animation-direction:alternate;
  }
  
  .blinlbar{
    	opacity: 0;
     	-webkit-animation: blinkbar 2s infinite;
   animation: blinkbar 2s infinite;
  }
  
  @keyframes blinkborder {
  to { border-color:rgb(var(--display-green));  }  
  }
  
  @keyframes blinkbar {
  to { opacity: 1  }  
  }

  Pages using this styling

  • scp-092-vn [info]

  ¶ 1 occurrence
  

  
  /* 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;
  }
  
  div.wilson-body {
      color: rgba(102, 87, 49);
      background: rgb(209, 237, 154);
      padding: 1em;
  }
  

  Pages using this styling

  • scp-088-it [info]

  ¶ 1 occurrence
  

  .top-left-box > .item {
    display: none;

  Pages using this styling

  • scp-057-int [info]

  ¶ 1 occurrence
  

  span.ES {
  }
  span.ES:before{
      content: "[ES] "; 
      color: red;
      font-weight: bold;
  }
  span.EN {
  }
  span.EN:before{
      content: "[EN] "; 
      color: blue;
      font-weight: bold;
  }
  .marw {
     margin: 1rem auto;
     width: 80%;
     background: #f4f4f4;
     border: 4px solid #959595;
     padding: 0.75rem;
  }
  span.S57 {
      color: #E165EC;
  }
  .chat {
  background: #2f2f2f;
  border: 4px double #959595;
  color: white;
  font-family: monospace;
  font-size: 135%;
  }
  .chat a, .chat a:visited {
      color: red;
  }
  table.wiki-content-table {
      width: 100%;
  }
  
  .center-header {
      --wght: 900;
      font-size: 150%;
      display: block;
      width: 100%;
      height: auto;
      font-weight: 900;
      text-align: center;
      border-bottom: 1px dotted currentColor;
      padding-bottom: 0.25em;
  }
  
  .item-table {
      font-size: 1em;
      width: 90%;
      text-align: center;
      border-collapse: collapse;
      margin: 1.250em auto;
  }
  
  .table-header td {
      --wght: 900;
      font-size: 1.1em;
      font-weight: 900;
      background: #b9c9fe;
      border-top: 0.250rem solid #aabcfe;
      border-bottom: 0.0625rem solid #fff;
      color: #039;
      text-align: center;
  }
  
  .item-table td {
      background: #e8edff;
      border-bottom: 0.125rem solid #fff;
      border-right: 0.0625rem solid #fff;
      border-top: 0.125rem solid transparent;
      border-left: 0.0625rem solid transparent;
      color: #669;
      padding: 0.5em;
  }
  
  .item-table  ul {
      padding-inline-start: 1.5em;
  }
  
  .item-table td:nth-of-type(1),
  .item-table td:nth-of-type(2) {
      text-align: center;
  }

  Pages using this styling

  • scp-057-int [info]

  ¶ 1 occurrence
  

  
  div#header-extra-div-1 {
  height: 180px;
  width: 100%;
  top: 6px;
  left: -10px;
  position: absolute;
  background: url("http://scp-wiki.wdfiles.com/local--files/theme%3Apaperstack/lgtrans.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 0 50%;
  z-index: -1;
  pointer-events: none;
  }
  @media (max-width: 880px) {
  div#header-extra-div-1 {
  height: 184px;
  top: -3px;
  left: 0;
  background-position: 50% 50%;
  }
  }
  
  #side-bar {
  background-color: #fff;
  box-shadow: 0px 0px 7px #949494;
  }
  
  hr {
  border: 1px solid #00000000;
  }
  
  .page {
  padding: 1.3em;
  margin: 1em 1.5em;
  border: dashed 2px #cccccc;
  }
  
  body .italic, body .italic *, body em, body em *, body i, body i * {
  --slnt: 7;
  }

  Pages using this styling

  • scp-055-int [info]

  ¶ 1 occurrence
  

  .scp-image-block {
     display: none;
  }

  Pages using this styling

  • scp-054-fr [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,900;1,900&display=swap');
  
  
  :root {
      --logo-image: url("http://scpdsandbox.wdfiles.com/local--files/site-333/At3.png");
      --header-title: "SITE-333";
      --header-subtitle: "HEAVEN ON EARTH";
      --header-font: 'Playfair Display', serif;
      --title-font: 'Playfair Display', serif;
      --body-font: 'Telex', sans-serif;
      --bright-accent: 0, 109, 255;
      --medium-accent: 0, 63, 197;
      --dark-accent: 0, 22, 142;
  
  
      --link-color: var(--medium-accent);
  }
  
  
  #extra-div-1 {
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 10rem;
      background-image: url("http://scpdsandbox.wdfiles.com/local--files/site-333/PanoRam2.jpg");
      background-size: cover;
      background-position: center;
      background-repeat: repeat-x;
      pointer-events: none;
  }
  
  
  #extra-div-2 {
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 10rem;
      background: linear-gradient(0deg, rgba(0, 109, 255,1) 35%, rgba(204, 226, 255) 97%);
      pointer-events: none;
      opacity: 0.40;
  }
  
  
  #extra-div-3 {
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 10rem;
      background-image: url("http://scptestwiki.wdfiles.com/local--files/undervegas/dicegold.png");
      background-size: cover;
      background-position: center;
      background-repeat: repeat-x;
      pointer-events: none;
      opacity: 0.65;
  
  
  }
  
  
  /* *** DIVS *** */
  .addendum {
      border:solid 2px rgb(var(--bright-accent));
      background:#F5F5F5;
      width:84%;
      padding:1px 15px;
      margin: 10px auto;
  }
  
  
  .label {
      background: rgb(var(--bright-accent));
      color: white;
      padding: 3px;
      border-radius: 4px;
      font-family: monospace;
      white-space: nowrap;
  }
  
  
  .doc {
      background-color: rgb(var(--bright-accent));
      color: white;
      font-family: var(--mono-font);
      padding: 0 1.5rem;
      font-size: 1.1em;
      width: fit-content;
      position: relative;
      top: -2em;
      border-radius: 4px;
      margin-bottom: -3rem;
  }
  
  
  .addendum {margin-top: 1.6rem;}
  
  
  .angled {clip-path: polygon(4% 0%, 100% 0%, 96% 100%, 0% 100%); border-radius: 5px;}
  
  
  .foundation {
      border:solid 3px #444;
      background: #f2f2c2 url('https://scp-wiki.wdfiles.com/local--files/theme%3Aredtape/scp_trans.png') center center no-repeat;
      padding: 1.5rem;
      margin-bottom: 10px;
      color: black;
  }
  .foundation p {
      margin: none;
  }
  
  
  .foundation.snow {
      background: #fff url('https://scp-wiki.wdfiles.com/local--files/theme%3Aredtape/scp_trans.png') center center no-repeat;
  }
  
  
  .foundation.raisa {
      background: #f2f2c2 url('https://scp-wiki.wdfiles.com/local--files/theme%3Aredtape/raisa_trans.png') center center no-repeat;
      background-size: 29rem;
      text-align: center;
  }
  .foundation.alt {
      background: #fff url('https://scp-wiki.wdfiles.com/local--files/theme%3Ai57/scp-logo-i57.png') center center no-repeat;
  }
  
  
  .generic {
     position: relative;
     margin: 0.5em 1.25rem;
     padding: 0.825em 1.25em;
     clear: both;
     clip-path: polygon(93% 0px, 100% 15.11%, 100% 100%, 0px 100%, 0px 0px);
     border-left: 4px solid gray;
  }
  .generic hr {background: gray; border: none;}
  .generic h1, .generic h2, .generic h3, .generic h4, .generic h5, .generic h6 {color: #515050;}
  .generic.red {background: #ff4a4a3d;}
  .generic.blue {background: #4a80ff3d;}
  .generic.yellow {background: #fff77f3d;}
  .generic.purple {background: #a561d536;}
  
  
  #header::before {
      left: 0.5rem;
      background-position: center -0.5rem;
      opacity: 1;
  }
  
  
  #header h1, #header h2 {
      margin: 1.7rem 0;
  }
  
  
  }
  .table2 {
      --accentColor: rgb(40, 135, 189);
  }
  .custom2 .wiki-content-table {
      width: 100%;
  }

  Pages using this styling

  • scp-042-vn [info]

  ¶ 1 occurrence
  

  .bianco .collapsible-block-unfolded-link {
      color: #FFFFFF;
  }
  .bianco .collapsible-block-link {
      color: #FFFFFF;
  }
  
  .verde .collapsible-block-unfolded-link {
      color: #17A589;
  }
  .verde .collapsible-block-link {
      color: #17A589;
  }
  
  .blu .collapsible-block-unfolded-link {
      color: #3498DB;
  }
  .blu .collapsible-block-link {
      color: #3498DB;
  }
  
  .giallo .collapsible-block-unfolded-link {
      color: #FFFF00;
  }
  .giallo .collapsible-block-link {
      color: #FFFF00;
  }
  
  .arancio .collapsible-block-unfolded-link {
      color: #FFA500;
  }
  .arancio .collapsible-block-link {
      color: #FFA500;
  }
  
  .viola .collapsible-block-unfolded-link {
      color: #800080;
  }
  .viola .collapsible-block-link {
      color: #800080;
  }
  
  .grigio .collapsible-block-unfolded-link {
      color: grey;
      font-family: monospace;
      font-size: 18px;
      font-weight: bold;
  }
  .grigio .collapsible-block-link {
      color: grey;
      font-family: monospace;
      font-size: 18px;
      font-weight: bold;
  }
  
  .grigioscuro{
     color: #5f5f5f;
  }

  Pages using this styling

  • scp-042-it [info]

  ¶ 1 occurrence
  

  
  .sfondo-cartesio{
      background: url("http://fondationscp.wdfiles.com/local--files/theme%3Aalexylva-university/3.jpg");
      background-repeat: repeat;
      background-size: contain;
      color: black;
      width: 90%;
      padding-top: 5px;
      padding-right: 30px;
      padding-bottom: 30px;
      padding-left: 30px;
      margin: 0 auto;
  }
  
  .blockquote{
      display: block;
      margin: 1em 3em;
      background-color: #f4f4f4;
      border: 1px dashed #999;
      padding: 0 1em;
  }
  

  Pages using this styling

  • scp-042-it [info]

  ¶ 1 occurrence
  

  @import url(http://community.wdfiles.com/local--code/howto:inline-hover-tips);
  @import url('https://fonts.googleapis.com/css?family=Basic|IBM+Plex+Mono:400,700');
  @import url('https://fonts.googleapis.com/css2?family=Libre+Barcode+128+Text');
  @import url('https://fonts.googleapis.com/css2?family=Merienda');
  @import url(http://fonts.googleapis.com/css?family=Dancing+Script);
  
  .descartes{
     font-family: 'Merienda', cursive;
     font-size: 22px;
     line-height: 1.5;
  }
  
  .plexmono{
     font-family: 'IBM Plex Mono', sans-serif;
     font-size: 15px;
  }
  
  .barcode{
     font-family: 'Libre Barcode 128 Text';
     font-size: 50px;
  }
  
  .gold{
     font-family: monospace;
     font-size: 13px;
     color: #ffd700;
  }
  
  .grigio{
     font-family: monospace;
     font-size: 14px;
     color: #95A5A6;
  }
  
  .dancing{
     font-family: 'Dancing Script', cursive;
     line-height: 1.6;
  }

  Pages using this styling

  • scp-042-it [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Annie+Use+Your+Telescope&display=swap');
  
  .page
  {
  display: block;    
  overflow: hidden;
  font-family: 'Annie Use Your Telescope', cursive;
  font-style: cursive;
  font-size: 19px;
  line-height: 20px;
  
  background-attachment: scroll;
  background-clip: border-box;
  background-color: transparent;
  background-image: linear-gradient(to top ,rgb(21, 21, 21) 0%, rgb(210, 210, 210) 8%);
  background-origin: padding-box;
  background-position: 0px 8px;
  background-repeat: repeat;
  background-size: 100% 20px;
  
  border: 1px solid #CCC;
  border-radius: 10px;
  padding: 10px 10px;
  margin-bottom: 10px;
  }
  
  .page p, .page ul
  {
  line-height: 20px;
  margin: 0;
  }
  
  .page li
  {
  line-height: 200%;
  }
      
  .page ul
  {
  margin-top: 10px;
  margin-bottom: 10px;
  }
  
  
  .VideoConference{
   background-color: #303030;
   color: #d0d0d0;
   
   padding: 14px;
   border-radius: 21px;
  }
  :root{
    --header-title: "SCP International";
    --header-subtitle: "Site-78/Site PT4 Joint Archive";
    --lgurl: url(http://scp-sandbox-3.wdfiles.com/local--files/rtsandboxnoketerleftbehind/scp-reintegration-sigil-alt.png);
  }
  
  
  :root {
  --rating-module-text-color : 0,0,0 ;
  --ct_col_rate-primary : Hexadecimal;
  }

  Pages using this styling

  • scp-042-int [info]

  ¶ 1 occurrence
  

  #page-content .collapsible-block {  
    max-width: 100%;
      /* text-align: center; */
      text-align: center;
  text-color: black;
      border-color: #b01;
      border: solid 1px #b01;
      background-color: #e2edff;
  }
  .collapsible-block-content p {
      text-align: left;
      padding-left: 5px;
      padding-right: 5px;
  }
  blockquote {
      border: 1px double #999;
      /* padding: 0 1em; */
      background-color: #f4f4f4;
  }
  .newBlock{
      border-style: groove;
      background-color: ivory;
  }
  
  .boxType{
      display: inline-block;
      box-sizing: border-box;
      width: 90%;
       border: black 1px solid; 
  }
  .boxText{
         display: inline-block;
      float: left;
      border-right: 10px solid black;
      width: 25%;
      height: 35px;
  background-color: lightgray;
  }
  
  .boxText p{
      -webkit-margin-after: 5px;
      -webkit-margin-before: 5px;
      -webkit-margin-end: 5px;
      -webkit-margin-start: 5px;
  }
  .boxValue{
      padding-bottom: 5px;
      padding-left: 1.1em;
      display: inline-block;
      background: white;
      width: 71%;
      height: 30px;
      float: left;
  
  }
  sup,
  sub {
      line-height: 1;
  }

  Pages using this styling

  • scp-029-j [info]

  ¶ 1 occurrence
  

  .page-rate-widget-box{
  
  }
  
  .page-rate-widget-box .rate-points{
      background-color: #666;
      color: #FFF;
      font-weight: bold;
      padding: 0 10px;
      -moz-border-radius: 4px 0 0 4px;
  }	
  
  .page-rate-widget-box a{
      text-decoration: none;
      color: #000;
      background-color: #DDD;
      padding: 0 5px;
  }
  .page-rate-widget-box a:hover{
      background-color: #EEE;
  }
  
  .page-rate-widget-box .cancel, .page-rate-widget-box .cancel a{
      -moz-border-radius:  0 4px 4px  0;
  }
  .inset {
      float: right;
      width: 25%;
      margin: 0px;
      border-style: solid;
      border-radius: 5px;
      border-width: 2px;
      border-color: #ee9999;
      padding: 10px;	
      margin-left: 10px;
      margin-top: 5px;
      margin-bottom: 5px;
      background: #FFEEEE;
      font-size: 90%;
  }
  .inset > p {
      margin: 0;
  }
  .space {
  float:center; width:100%; border:solid 3px #ededfd; padding:10px; margin-bottom: 10px;margin:0 auto;

  Pages using this styling

  • scp-028-j [info]

  ¶ 1 occurrence
  

  blockquote {
    border-style: double;
    text-align: center;
  }

  Pages using this styling

  • scp-027-j [info]

  ¶ 1 occurrence
  

  .picturebook img {
      border: solid 1px #666666;
      border-radius: 10px;
      width: 400px;
  }

  Pages using this styling

  • scp-009-j [info]

  ¶ 1 occurrence
  

  
   .centered{
       text-align: center;
  }
  
  div.authors .wiki-content-table tr th {
      border: none;
      background-color: transparent;
  }
   
  div.authors .wiki-content-table tr td {
      border: none;
      background-color: transparent;
  }
  

  Pages using this styling

  • scp-006-int [info]

  ¶ 1 occurrence
  

  div#header h1 a:before {
      content: "Site Cerere";
  }
  
  div#header h2:after {
      content: "Zoological-Botanical Division";
  }

  Pages using this styling

  • scp-004-it [info]

  ¶ 1 occurrence
  

  :root {
      --fnColor: #4d6d3c;
  }

  Pages using this styling

  • scp-004-it [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@300&display=swap');
  
  /* Modifications to Classic Theme */
  #side-bar .side-block,
  #side-bar .side-block.media,
  #side-bar .side-block.resources {
       background: transparent !important;
  }
  
  /* Make collapsible mono font, give it bottom margin */
  .mod-collapse a.collapsible-block-link,
  .tofrom tt {
      text-decoration: none;
      font-family: 'DM Mono', monospace;
  }
  
  .mod-collapse .collapsible-block-folded {
      margin-bottom: 16rem;
  }
  
  /* General structure of email divs. */
  .email {
      width: 88%;
      padding: 0 1em;
      margin: 1em auto;
      border-style: solid;
      border-width: 2px;
      border-color: #999 var(--accent-color) var(--accent-color) #999;
  }
  
  .tofrom {
      margin-left: 0.625rem;
      margin-top: 0.312rem;
      padding: 0 1em;
      border-left: 3px solid;
      border-radius: 4px;
      border-color: var(--accent-color);
  }
  
  
  /* Various accent colors for emails. */
  .email ::selection {
      background: var(--accent-color);
      color: white;
  }
  
  .tofrom strong {
      color: var(--accent-color);
  }
  
  .email hr {
      border-color: var(--accent-color);
  }
  
  
  /* Accent Palette for Emails */
  .magnus {
       --accent-color: rgb(255, 132, 93);
  }
  
  .joshua {
      --accent-color: rgb(89, 145, 166);
  }
  
  .admin {
      --accent-color: rgb(127,20,89);
  }

  Pages using this styling

  • scp-0025 [info]

  ¶ 1 occurrence
  

  #u-blink-bar p:last-child::after {
      content: "";
      border-right: 1px solid black;
      animation: blink 1s infinite;
      position: relative;
      left: 1px;
  }
   
  @keyframes blink{
      to {
          opacity: .0;
      }
  }
  
  .email {border: solid 2px #000000; width: 88%; padding: 1px 15px; margin: 10px; box-shadow: 0 1px 3px rgba(0,0,0,.5)}
  .email-example a.collapsible-block-link {font-weight: bold;}
  .tofrom {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px maroon}

  Pages using this styling

  • scp-002-de-j [info]

  ¶ 1 occurrence
  

  
  .footnotes-footer {
  display:none;
  }
  
  #page-content h2,
  #page-content h3,
  #page-content h4,
  #page-content h5,
  #page-content h6{
      border: none;
  }
  
  body {
  font-size: 0.875em;
  }
  
  ol li {
       margin: 0 0 1em;
  }
  
   ul {
       margin: 1em 0;
  }
  
   li, p {
       line-height: 1.6;
       text-underline-offset: 40%;
  }
  
  .nav-note {
      padding-left: 1.5em;
      margin-bottom: 0.5em;
      font-style: italic;
  }
  

  Pages using this styling

  • scp-001-wikipedia [info]

  ¶ 1 occurrence
  

  
  [[div style="background: url(http://scp-wiki.wdfiles.com/local--files/the-great-hippo/scp_trans.png) center no-repeat ; float: center; border: solid 2px #000000; padding: 1px 15px; box-shadow: 0 1px 3px rgba(0,0,0,.2);"]] 
  [[=]]
  
  [[size 150%]]
  
  ++ ##007eb3|**WARNING: THE FOLLOWING ARTICLE IS RESERVED TO THE PERSONNEL WITH 001-A, -B AND -C AUTHORIZATION.**##[[/size]]
  
  -----
  +++ UNAUTHORIZED ACCESS WILL CAUSE THE RELEASE OF A CLASS XVIII MEMETIC AGENT AND THE DEPLOYMENT OF A TASK FORCE TO THE ACCESS POINT.
  
  ++ YOU HAVE BEEN WARNED.
  @@@@
  @@@@
  @@@@
  @@@@
  @@@@
  @@@@
  @@@@
  @@@@
  @@@@
  @@@@
  @@@@
  @@@@
  @@@@
  @@@@
  @@@@
  @@@@
  @@@@
  @@@@
  @@@@
  @@@@
  @@@@
  @@@@
  @@@@
  @@@@
  @@@@
  @@@@
  @@@@
  @@@@
  @@@@
  @@@@
  @@@@
  @@@@
  @@@@
  @@@@
  @@@@
  @@@@
  @@@@
  @@@@
  @@@@
  @@@@
  @@@@
  @@@@
  @@@@
  @@@@
  @@@@
  @@@@
  @@@@
  @@@@
  @@@@
  @@@@
  @@@@
  @@@@
  @@@@
  @@@@
  @@@@
  @@@@
  @@@@
  @@@@
  @@@@
  @@@@
  @@@@
  @@@@
  @@@@
  @@@@
  @@@@
  [[image http://fondazionescp.wikidot.com/local--files/scp-001-it-graf/GRAF.png]]
  @@@@
  @@@@
  **Life signs detected.**
  **Removing memetic protections...** 
  @@@@
  //Welcome, authorized user.//
  @@@@
  [[/=]]
  
  [[include component:coltop show=+ Access to the restricted document|hide=- Logout]]
  
  **Item #:** SCP-001-IT
  
  **Object Class:** Keter
  
  **Special Containment Procedures:** SCP-001-IT is contained in the maximum-security Alpha Section of [[[http://fondazionescp.wikidot.com/siti-italiani#toc7| Site Deus]]]. This structure must have a Class VII Reality Cell system[[footnote]]Reality Cell systems, developed by a combined research team from Site Deus and Site Vulcano, are devices that stabilize space-time inside them by [DATA EXPUNGED BY ORDER OF THE SUPERINTENDENCE].[[/footnote]] constantly active to prevent space-time deformations. SCP-001-IT is chained to the ground by steel-niobium alloy chains and is constantly monitored by security cameras and movement sensors. In case signals of its awakening are detected, the cell must be filled with soporific gases; should they not be effective, the speakers in the room must be activated and reproduce Class XVIII or higher auditive memetic agents for at least 25 minutes. The [[[http://scp-int.wikidot.com/organizzazione-interna| Superintendence]]] must be informed immediately of any events regarding SCP-001-IT.
  
  **Description:** SCP-001-IT is an extradimensional entity of reptilian appearance, measuring 34 m in length and weighing 17 tons. Its body is covered by bony plates, and it possesses six wings with iridescent feathers. SCP-001-IT possesses clawed tentacles that can be everted from the oral cavity or from three pairs of holes on its neck and that can be used to grab and manipulate objects with extreme accuracy. SCP-001-IT is capable of speaking fluently in Latin, Ancient Greek, and archaic forms of Italian and German; however, because of the enormous risks SCP-001-IT poses when awake, no interviews have been attempted.
  
  According to the documents from [[[http://scp-int.wikidot.com/gruppi-di-interesse|Ordo Iani]]], SCP-001-IT originally manifested as a shapeless mass of tentacles expanding around an almost spherical central core that presented underdeveloped sensory organs and the entity's mouth. Two years after its first appearance, the entity presented itself in a more organized shape, with a cephalic region where the tentacles were disposed radially and a body where they were interweaved and partially fused to form a snake-like shape measuring 45 m in length. According to Site Deus' experts, SCP-001-IT emerged in a form unfit to physical laws and that, over time, it adapted itself in order to become more stable.
  
  SCP-001-IT can manipulate space within ██ m from itself when fully conscious; this allows it to manipulate objects and to create defensive barriers. The latter, combined with its natural physical resistance to damage, makes it impervious to most conventional and anomalous weapons. SCP-001-IT's cell was created in order to prevent it from breaching containment or manipulating reality outside the room; in 2004 a Reality Cell system was implemented to strengthen the structure and, at the same time, [DATA EXPUNGED BY ORDER OF THE SUPERINTENDENCE].
  
  **History of the anomaly:** The first documents about SCP-001-IT date back to August 1236. The entity assaulted various villages along the coast currently part of the Andria province and some survivors informed the Emperor Frederick II of its existence. In the following two years, SCP-001-IT advanced inland and was attacked repeatedly by the army and the //Ordo Iani//, ally of the Emperor, without suffering significant damage in any of the battles. This prompted the ruler to put aside his differences with the Papal State and to ask help to Pope Gregory IX; he, after many hesitations, sent a division of the [[[http://scp-int.wikidot.com/gruppi-di-interesse#ccsg| CCSG]]] to support Frederick II and to study and classify the anomaly in May 1239. At the end of the year, after alarming reports about the presumed nature of SCP-001-IT, the Pope sent the other three divisions of the Brotherhood, with the permission to use the CCSG's most powerful Relics.
  
  The Brotherhood's troops joined the imperial army and, at the beginning of 1240, fought SCP-001-IT 18 km from Andria. Despite the massive losses, the coalition finally managed to prevail using a Relic[[footnote]]Currently contained by the Foundation with the designation of SCP-███-IT to be studied and replicated.[[/footnote]] that overwhelmed SCP-001-IT's defensive barriers and struck it directly, provoking a great explosion that knocked out the anomaly and opened a deep crater. Using the Brotherhood and the Ordo Iani's esoteric knowledge, Frederick II ordered the construction of [[[http://scp-int.wikidot.com/siti-italiani#toc6|a structure]]] that would act as a barrier to imprison SCP-001-IT.
  
  SCP-001-IT remained dormant in the following centuries, slowly modifying its appearance; it reached its current form in 1933 and, from that year, started to show signals of its awakening; they culminated in 1934 when SCP-001-IT tried to escape and was stopped only with the usage of a Class XV memetic agent. The RIDIA learned about the accident and took part in the containment of SCP-001-IT until its dissolution.
  
  **Contingencies in case of a containment breach:** Because of SCP-001-IT's great destructive capabilities when fully awake, it is impossible to prevent an "End of Secrecy" scenario should it escape containment. The Superintendence, in accord with the O5 Council and the Boards of Directors of the other Branches of the Foundation, considers the use of protocols of historical revision inevitable to hide any possible proof of SCP-001-IT's existence and of the events following the breach, along with the institution of a temporary government during the time period between the breach and the contingencies' actuation.
  
  **Addendum 1:** A study conducted in 2001 in the archives of Ordo Iani and RIDIA revealed that the appearance of SCP-001-IT was followed by a great increment in the anomalies on the Italian territory, with a particular prevalence of extradimensional entities and objects concentrated mostly in Northern Apulia. It is believed that SCP-001-IT's emergence destabilized the region's space-time continuum and is the cause of [DATA EXPUNGED BY ORDER OF THE SUPERINTENDENCE].
  
  ++ Documents from Ordo Iani on SCP-001-IT, translated from the originals in Latin:
  [[include component:coltop show=+ Open the document|hide=- Close]]
  [[tabview]]
  [[tab First letter]]
  **Letter from an anonymous member of the Ordo Iani to the Council, dated 23/08/1236:**
  > Illustrious members of the Council,
  > today, a few inhabitants of a village near Andria requested the audience of the Emperor: according to their words, they are the survivors of the attack of an abhorrent beast that ripped the skies and fell to the ground, crushing with its enormous mass a few buildings. The horror started immediately grabbing men and beasts alike with its countless limbs and devouring them, dragging itself slowly to chase them. 
  > 
  > The Emperor was skeptical but feared it might be a demon summoned by his enemies in the Papal State, the only ones with enough knowledge to unleash such a monster, so he decided that a squadron of imperial knights and members of the Order of Janus will be sent to find this creature. I shall inform the High Council for any developments.
  [[/tab]]
  [[tab Second letter]]
  **Letter from an anonymous member of the Ordo Iani to the Council, dated 27/08/1236:**
  > Illustrious members of the Council,
  > One of the Emperor's subjects lead us to his village and we found ourselves before a terrifying sight: the entire town had been razed to the ground as if a portentous wind had fallen upon it, uprooting trees and smashing buildings; a large trench began from a crater in the middle of the village and continued towards the surrounding forest, cutting it in half.
  > 
  > The other knights and I remained shocked before such a sight and decided to send back our guide to warn the Emperor; in the meantime, we shall follow the traces of the beast. May the Gods protect us.
  [[/tab]]
  [[tab Third letter]]
  **Letter from an anonymous member of the Ordo Iani to the Council, dated 03/09/1236:**
  > The beast is real. 
  > 
  > We saw it this morning: it is an unparalleled monstrosity, a massive tangle of tentacles darting like black serpents and with a mouth capable of swallowing an entire horse without any difficulties. We had followed its traces to the village of [REDACTED] when we saw it slamming against the Church using its ungodly mass to shatter the walls; the wretched who hid there hoping to escape its demonic hunger tried to escape before the roof fell upon them, but were all grabbed and devoured by the creature. 
  > 
  > A few knights, the bravest (or most foolish), charged it in order to distract it. When they reached a dozen paces[[footnote]]Approximately 24 m.[[/footnote]] from the creature, the air itself wrapped around them and lifted them from the ground, bringing them into the maws of the abomination. Faced with that horror, we could only flee like cowards.
  > 
  > May it be Typhoon, son of Gaia and nemesis of our Father Jupiter, returned now that the world has rejected the true Immortal Gods? 
  
  [[/tab]]
  [[/tabview]]
  
  [[include component:colend hide=- Close]]
  
  ++ Documents from the CCSG about SCP-001-IT:
  [[include component:coltop show=+ Open the document|hide=- Close]]
  [[tabview]]
  [[tab First letter]]
  **Letter from Carlo de' Galli, Captain of the Brotherhood of Saint George's Knights, translated from the original in Latin and dated 22/05/1239:**
  
  > To Brother Antonio Bernardi,
  > 
  > I have important news from Rome. It seems that the heretic Frederick sent a letter to the Pope, begging for help to stop a demonic beast and that the Pope decided to send a division of our holy order to investigate. 
  > 
  > I admit my surprise, I cannot believe that the Pope decided to help a traitor of the True Faith, but I wouldn't dare to question the will of the Vicar of Christ. There might be reasons that are beyond my comprehension, so I shall wait for further developments so that I shall not make hasty judgments. If you discover something, let me know; I shall do the same.
  > 
  > Brother Carlo de' Galli.
  
  [[/tab]]
  [[tab Second letter]]
  **Letter from Carlo de' Galli, Captian of the Brotherhood of Saint George's Knights, translated from the original in Latin and dated 14/08/1239:**
  
  > To Brother Antonio Bernardi,
  > 
  > Today I discovered, to my great displeasure, that the division sent in the Kingdom of Frederick II was wiped out almost completely. The survivors received an audience with the Pope and the //Concilium sanctōrum inter sanctos// and spoke about an unparalleled monstrosity, a demon horrifying and malevolent beyond comparison, that devours men and beasts without distinctions and that leaves behind itself a trail of destroyed villages.
  >  
  > I cannot imagine what will the //Concilium// do after this news. Personally, I believe that it would be wise to ally ourselves temporarily with Frederick II in order to destroy the creature. I'll keep you informed.
  > 
  > Brother Carlo de' Galli.
  [[/tab]]
  [[tab Third letter]]
  **Letter from Carlo de' Galli, Captain of the Brotherhood of Saint George's Knights, translated from the original in Latin and dated 14/11/1239:**
  
  > To Brother Antonio Bernardi,
  > 
  > We cannot do this. What we're fighting is no mere demon, it's the Dragon of Revelation! We're at the End of Times, my friend, the Herald has come and God has abandoned the sinners!
  > 
  > Every battle is more desperate: our men are dying like rats, crushed by an invisible force, grabbed by the beast or devoured without mercy. But the most horrid thing is that the beast understands. It speaks, its solemn and unnatural voice praises our honor, mocks the futility of our actions and gurgles blasphemous curses against the Lord. 
  > 
  > I am more and more tempted to run away, but I know it is useless: there is no escape and the end is near.
  > 
  > May God have mercy upon us.
  > Brother Carlo de' Galli.
  [[/tab]]
  [[tab Fourth letter]]
  **Letter from Michele de la Torre, Cardinal of the //Concilium sanctōrum inter sanctos// of the Brotherhood of Saint George's Knights, dated 20/02/1240 translated from the original in Latin:**
  
  > To Brother Antonio Bernardi,
  > 
  > I inform you, with great sadness, of the death of our friend Carlo de' Galli, has fallen fighting valiantly the demonic beast that tormented Frederick II's territories. Our Brother, knowing his fate, charged the unholy creature with a small group of his men to distract it from the priests who were reading the Holy Lance; the attack wasn't able to damage the fiend, but allowed our companions to strike the enemy and end the battle.
  > 
  > The beast's body will be buried in the chasm opened by the might of the Lance, and we hope it shall never emerge from it; the Pope will concede the remission of all sins to those who found death fighting the demon, so that they may sit in the Glory of Christ.
  > 
  > So rejoice, for our Brother shall be rewarded for his sacrifice.
  > Brother Michele de la Torre.
  [[/tab]]
  [[tab SCP-001-IT's classification]]
  [[div class="content-panel standalone series" style="background-color: #ffffff;"]]
  **Demon type:** Demon Sovereign of the Void
  
  **Threat level:** Maximum
  
  **Physical description:** [...][[footnote]]Data already reported in the entity's description.[[/footnote]]
  
  **Known Powers:** Dia-000[[footnote]]Designation used by CCSG for SCP-001-IT.[[/footnote]] is the strongest demon found by the Holy Brotherhood. Its physical might is immense, no walls nor natural barriers can stop it. Arrows and spears do not harm it, catapults shots bounce on its unholy body without damaging it, fire doesn't burn its flesh. The mere sight of it causes terror in men and animals, in some so great that they lose consciousness. 
  
  Only the strongest Relics can wound it, however, Dia-000 protects itself from them by deforming the air that surrounds it to generate a powerful barrier. Only the Spear of our Patron Saint George managed to pierce this almost invincible shield - but not even it was able to end the existence of the demon. In fact, it survived the strike, wounded and comatose, but still living.
  
  To imprison it, it was buried in a large crater, a fortress built with the knowledge of the Brotherhood and the Order of Janus placed as a sigil. We know it will not be enough: we pray however that our successors will have the means to destroy once and for all the beast, succeeding where we failed.
  
  **Update dated 11/03/1929:** According to the documents obtained from the RIDIA after the stipulation of the Lateran Pacts, Dia-000 spent its centuries of imprisonment slowly mutating its form and taking its true appearance: a massive reptile, with armored skin and large feathered wings. It is clear that our fathers' intuition was correct and that, prisoner below Castel del Monte, there is the Dragon of Revelation, the Herald of the End of Times.
  [[/div]]
  [[/tab]]
  [[/tabview]]
  [[include component:colend hide=- Close]]
  
  ++ Extract of the message of the last General Director of the RIDIA to the Superintendence about SCP-001-IT.
  [[include component:coltop show=+ Open the document|hide=- Close]]
  
  [[div class="ridia-sfondo"]]
  [[=]]
  [[span class="ridia-titolo"]]
  REGIO ISTITVTO
  DELLE ITALICHE
  A N O M A L I Æ
  [[/span]]
  [[/=]]
  [[span class="ridia-testo"]]
  [...] The day my predecessor brought me before Nero-044[[footnote]]Designation used by the RIDIA for SCP-001-IT.[[/footnote]] is the day I understood that man, despite being gifted with genius and knowledge like no other being on Earth, will never fully understand the mysteries of the world around it: the slumbering creature that laid before me was just the reflection of something massive and uncomparable which, moved by unknown reasons, chose to obey to laws beneath itself.
  
  It is the reason our country is flagellated by anomalous beings and unexplainable occurrences: during its appearance, its immense power shattered a delicate equilibrium that shall never be repaired. 
  
  Today, a painful day in which I expiate both this once glorious Institute and my own sins, I leave you an ungrateful duty, like an unworthy father leaves its debts to his children. May those who this letter is addressed to never forget its presence, slumbering but never deceased. Like my predecessors and me before you, go before it and contemplate it. In front of its horrid majesty you shall truly comprehend your duty: keep the Dragon in its prison, may it never see the light of the Sun and may it never again feel the sweet wind on its wings.[...]
  [[/span]]
  [[/div]]
  [[include component:colend hide=- Close]]
  [[include component:colend hide=- Logout]]
  [[/div]]
  @@@@
  
  [[module CSS]]
  
  /* SIDE MENU */
   #side-bar {
       clear: none;
       float: none;
       position: absolute;
       top: 0.5em;
       left: 2em;
       width: 17em;
       padding: 0;
       border: none;
       display: block;
   }
   #side-bar .side-block {
       padding: 10px;
       border: 1px solid #007eb3;
       border-radius: opx;
       box-shadow: 0 2px 6px #007eb3;
       background: #fff;
       margin-bottom: 15px;
   }
   #side-bar .side-area {
       padding: 10px;
   }
   #side-bar .heading {
       color: #000;
       border-bottom: solid 1px #007eb3;
       padding-left: 15px;
       margin-top: 10px;
       margin-bottom: 5px;
       font-size: 8pt;
       font-weight: bold;
   }
   #side-bar p {
       margin: 0;
   }
   #side-bar div.menu-item {
       margin: 2px 0;
   }
   #side-bar div.menu-item img {
       width: 13px;
       height: 13px;
       border: 0;
       margin-right: 2px;
       position: relative;
       bottom: -2px;
   }
   #side-bar div.menu-item a {
       font-weight: bold;
  }
   #side-bar div.menu-item.inactive img {
       opacity: 0.25;
   }
   #side-bar div.menu-item.inactive a {
       color: #999;
   }
   #side-bar div.menu-item .sub-text {
       font-size: 80%;
       color: #666;
   }
   #side-bar div.menu-item.sub-item {
   }
    
   #side-bar .collapsible-block-folded {
       background: url(http://fondazionescp.wikidot.com/local--files/nav:side/expand.png) 0 2px no-repeat;
   }
   #side-bar .collapsible-block-link {
       margin-left: 15px;
       font-weight: bold;
   }
   #side-bar .collapsible-block-unfolded-link {
       border-bottom: solid 1px #007eb3;
   }
   #side-bar .collapsible-block-unfolded-link .collapsible-block-link {
       margin-top: 10px;
       margin-bottom: 5px;
       font-size: 8pt;
       color: #007eb3;
   }
   #side-bar .collapsible-block-unfolded-link .collapsible-block-link:hover {
       color: #007eb3;
       text-decoration: none;
   }
    
   #side-bar ul{
       list-style-type: none;
       padding: 0 5px 0;
   }
  
   #search-top-box-input {
       border: solid 1px #007eb3;
       border-radius: 0px;
       color: #007eb3;
       background-color: #ffffff;
       box-shadow: inset 1px 1px 3px rgba(0,0,0,.5);
   }
   #search-top-box-input:hover,
   #search-top-box-input:focus {
       border: solid 1px #007eb3;
       color: #007eb3;
       background-color: #ffffff;
       box-shadow: inset 1px 1px 3px rgba(0,0,0,.8);
   }
   #search-top-box-form input[type=submit] {
       border: solid 1px #007eb3;
       border-radius: 0px;
       padding: 2px 5px;
       font-size: 90%;
       font-weight: bold;
       color: #007eb3;
       background-color: #ffffff;
       box-shadow: 0 1px 3px rgba(0,0,0,.5);
       cursor: pointer;
   }
   #search-top-box-form input[type=submit]:hover,
   #search-top-box-form input[type=submit]:focus {
       border: solid 1px #007eb3;
       color: #007eb3;
       text-shadow: 0 0 1px rgba(255,255,255,.25)
       background-color: #007eb3;
       box-shadow: 0 1px 3px #007eb3;
   }
  
  div#container-wrap {
       background: url(http://comando05.wdfiles.com/local--files/component%3Atheme/body_bg_BW.png) top left repeat-x;
       background-size: 100px;
   }
  
  #login-status {
       color: #007eb3;
       font-size: 90%;
       z-index: 30;
   }
   #login-status a {
       background: transparent;
       color: #fff;
   }
   #login-status ul a {
       color: #007eb3;
       background: transparent;
   }
    
   #account-topbutton {
       background: #ccc;
       color: #007eb3;
   }
    
   .printuser img.small {
       margin-right: 1px;
   }
  
  #header {
      height: 145px;
      position: left;
      z-index: 10;
      padding-bottom: 22px; /* FOR MENU */
  color: #aa10aa;
  }
  
  #header h1 a {
      display: block;
      margin: 0;
      padding: 80px -70% 25px;
      line-height: 0px;
      max-height: 0px;
      color: transparent;
      background: transparent;
      font-family: BauhausLTDemi. 'Nanum Gothic'. Arial. sans-serif;
      text-decoration: none;
      text-shadow: none;
      letter-spacing: 0.9px;
  }
   
  #header h1 a::before {
      content: "S5 Superintendence";
      color: #fff;
      letter-spacing: -0.02em;
      text-shadow: 3px 3px 5px #000;
  }
  
  h1, #page-title {
       font-family: BauhausLTDemi. 'Nanum Gothic'. Arial. sans-serif;
       color: #1050aa;
       padding: 0 0 0.25em;
       margin: 0 0 0.6em;
       font-weight: normal;
       text-align: left;
   }
   h1 {
       margin-top: 0.7em;
       padding: 0;
       font-weight: bold;
   }
   h2, h3, h4, h5, h6, h7 {
       margin: 0.5em 0 0.4em;
       padding: 0;
       letter-spacing: 1px;
   }
  
  
  #header h2{
      display: none;
  }
  
   #page-title {
       border-color: #000;
   }
   ul {
       /* list-style-image: url(http://d3g0gp89917ko0.cloudfront.net/v--3b8418686296/common--theme/shiny/images/bullet.gif); */
       list-style: square;
   }
   #top-bar ul {
       /* list-style-image: none; /* IE ONLY! IF list-style-image IS SET */
   }
    
   li, p {
       line-height: 141%;
   }
  
   a {
       color: #007eb3;
       text-decoration: none;
       background: transparent;
   }
   a.newpage {
       color: #454344;
       text-decoration: none;
       background: transparent;
   }
   a:hover {
       text-decoration: underline;
       background-color: transparent;
   }
    
   .form-control {
   width: 95%;
   }
    
  
   .yui-navset .yui-content{
       background-color: #fff;
   }
   .yui-navset .yui-nav a,
   .yui-navset .yui-navset-top .yui-nav a {
       background-color:#d8d8d8;
       background-image: url(http://utopia-tech.wikidot.com/local--files/component:theme/yuitabs.png);
   }
   .yui-navset .yui-nav .selected a,
   .yui-navset .yui-nav .selected a:focus, /* no focus effect for selected */
   .yui-navset .yui-nav .selected a:hover { /* no hover effect for selected */
       background:#700 url(http://utopia-tech.wikidot.com/local--files/component:theme/yuitabs.png) repeat-x left -1400px; /* selected tab background */
       color:#fff;
   }
   .yui-navset .yui-nav a:hover,
   .yui-navset .yui-nav a:focus {
       background:#d88 url(http://utopia-tech.wikidot.com/local--files/component:theme/yuitabs.png) repeat-x left -1400px;
       text-decoration: none;
   }
   .yui-navset .yui-nav,
   .yui-navset .yui-navset-top .yui-nav {
       border-color: #444;
   }
   .yui-navset .yui-nav,
   .yui-navset .yui-navset-top .yui-nav {
       border-color: #444;
   }
   .yui-navset li {
       line-height: normal;
   }
  
   @media (max-width: 479px) {
   #search-top-box-input {
       display: none;
   }
    
   #page-content {
       font-size: 0.9em;
   }
    
   #main-content {
       margin: 0;
   }
    
   #recent-posts-category {
   width: 100%;
   }
    
   #header, .mobile-top-bar {
       max-width: 90%;
   }
    
   #side-bar {
       width: 80%;
       position: relative;
   }
    
   .top-bar {
       display:none;
   }
    
   .mobile-top-bar {
       display: block;
       padding: 0;
   }
    
   .page-options-bottom a {
       padding: 0 4px;
   }
    
   #header h1 a {
       font-size: 100%;
   }
    
   blockquote {
       margin: 1em 0;
   }
    
   .license-area {
       font-size: 0.8em;
   }
    
   #header {
       background-position: 0 5.5em;
       background-size: 55px 55px;
   }
    
   #header h1, #header h2 {
       margin-left: 66px;
   }
    
   table.form td, table.form th {
       float: left;
   }
    
   /*
   td.title {
       width: 30%;
   }
   */
    
   td.name {
       width: 15em;
   }
    
   table.form td, table.form th {
       padding: 0;
   }
    
   #edit-page-title {
       max-width: 90%;
   }
    
   .content-panel.left-column, .content-panel.right-column  {
   width: 99%;
   float: left;
   }
    
   #page-content div, #page-content div table {
   clear: both;
   }
    
   #page-content div.title {
   word-break: keep-all;
   }
    
   }
    
   /* Note Media Query */
   @media (min-width: 480px) and (max-width: 580px) {
   #search-top-box-input {
       width: 7em;
   }
    
   #main-content {
       margin: 0 2em 0 2em;
   }
    
   #header, .mobile-top-bar {
       max-width: 90%;
   }
    
   #side-bar {
       width: 80%;
       position: relative;
   }
    
   .top-bar {
       display:none;
   }
    
   .mobile-top-bar {
       display: block;
   }
    
   .page-options-bottom a {
       padding: 0 5px;
   }
    
   #header h1 a {
       font-size: 120%;
   }
    
   blockquote {
       margin: 0.5em;
   }
    
   .license-area {
       font-size: 0.85em;
   }
    
   #header {
       background-position: 0.5em 4.5em;
       background-size: 66px 66px;
   }
    
   #header h1, #header h2 {
       margin-left: 80px;
   }
    
   /*
   td.title {
       width: 30%;
   }
   */
    
   #page-content div.title {
   word-break: keep-all;
   }
    
   td.name {
       width: 15em;
   }
    
   .content-panel.left-column, .content-panel.right-column  {
   width: 99%;
   float: left;
   }
    
   #page-content div, #page-content div table {
   clear: both;
   }
   }
    
   /* Mini Tablet Media Query */
   @media (min-width: 581px) and (max-width: 767px) {
   #search-top-box-input {
       width: 8em;
   }
    
   #side-bar {
       width: 80%;
       position: relative;
   }
    
   #main-content {
       margin: 0 3em 0 2em;
   }
    
   #header, .mobile-top-bar {
       max-width: 90%;
   }
    
   .top-bar {
       display: none;
   }
    
   .mobile-top-bar {
       display: block;
   }
    
   .page-options-bottom a {
       padding: 0 6px;
   }
    
   #header h1 a {
       font-size: 140%;
  }
    
  .license-area {
       font-size: 0.9em;
  }
    
  #header {
       background-position: 1em 4em;
       background-size: 77px 77px;
  }
    
  #header h1, #header h2 {
       margin-left: 93px;
  }
  }
    
  /* Tablet Media Query */
  @media (min-width: 768px) and (max-width: 979px) {
  #main-content {
       margin: 0 4em 0 20em;
  }
    
  #header, #top-bar #side-bar {
       max-width: 100%;
  }
    
  .top-bar li {
       margin: 0;
  }
   
  #top-bar ul li.sfhover ul li a, #top-bar ul li:hover ul li a {
      width: 110px;
  }
   
  .page-options-bottom a {
      padding: 0 7px;
  }
   
  #header h1 a {
      font-size: 160%;
  }
   
  .license-area {
      font-size: 0.95em;
  }
   
  #header {
      background-position: 1em 4em;
      background-size: 88px 88px;
  }
   
  #header h1, #header h2 {
      margin-left: 106px;
  }
   
  .content-panel.left-column, .content-panel.right-column  {
  width: 99%;
  float: left;
  }
   
  #page-content div, #page-content div table {
  clear: both;
  }
  }
   
  /* Desktop Media Query -----------
  @media (min-width: 980px) and (max-width: 1399px) {
   
  }
  ------------------------------------------ */
    
  /* Wide Monitor Media Query -----
  @media (min-width: 1400px) {
   
  }
  ------------------------------------------ */
   
  /* off-canvas */
   
  .close-menu {
      display: none;
  }
   
  @media (max-width: 767px) {
   
  .page-history tbody tr td:last-child {
  width: 35%;
  }
   
  .owindow {
      min-width: 80%;
      max-width: 99%;
  }
   
  .modal-body .table, .modal-body .table ~ div {
      float: left;
  }
   
  .owindow .button-bar {
      float: right;
  }
   
  .owindow div .btn-primary {
  width: 100%;
  float: left;
  }
   
  .owindow div .btn-primary ~ div {
  width: 100%;
  }
   
  .yui-navset {
  z-index: 1;
  }
   
  #navi-bar, #navi-bar-shadow {
      display: none;
  }
   
  .open-menu a {
      position: fixed;
      bottom: 0.5em;
      left: 0.5em;
      z-index: 15;
      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 !important;
      background-color: #fff !important;
      border-radius: 3em;
      color: #888 !important;
  }
   
    .open-menu a:hover {
      text-decoration: none !important;
      -webkit-box-shadow: 0px 0px 20px 3px rgba(153,153,153,1);
      -moz-box-shadow: 0px 0px 20px 3px rgba(153,153,153,1);
      -ms-box-shadow: 0px 0px 20px 3px rgba(153,153,153,1);
      -o-box-shadow: 0px 0px 20px 3px rgba(153,153,153,1);
      box-shadow: 0px 0px 20px 3px rgba(153,153,153,1);
  }
   
  #main-content {
      max-width: 90%;
      margin: 0 5%;
      padding: 0;
      -webkit-transition: 0.5s ease-in-out 0.1s;
      -moz-transition: 0.5s ease-in-out 0.1s;
      -ms-transition: 0.5s ease-in-out 0.1s;
      -o-transition: 0.5s ease-in-out 0.1s;
      transition: 0.5s ease-in-out 0.1s;
  }
   
  #side-bar {
      display: block;
      position: fixed;
      top: 0;
      left: -25em;
      width: 17em;
      height: 100%;
      background-color: rgb(184, 134, 134);
      overflow-y: auto;
      z-index: 10;
      padding: 1em 1em 0 1em;
      -webkit-transition: left 0.5s ease-in-out 0.1s;
      -moz-transition: left 0.5s ease-in-out 0.1s;
      -ms-transition: left 0.5s ease-in-out 0.1s;
      -o-transition: left 0.5s ease-in-out 0.1s;
      transition: left 0.5s ease-in-out 0.1s;
  }
   
  #side-bar:after {
      content: "";
      position: absolute;
      top: 0;
      width: 0;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.2);
  
  }
   
  #side-bar:target {
      display: block;
      left: 0;
      width: 17em;
      margin: 0;
      border: 1px solid #dedede;
      z-index: 10;
  }
   
  #side-bar:target + #main-content {
      left: 0;
  }
   
  #side-bar:target .close-menu {
      display: block;
      position: fixed;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      background: rgba(0,0,0,0.3) 1px 1px repeat;
      z-index: -1;
  }
  }
  

  Pages using this styling

  • scp-001-it-graf [info]

  ¶ 1 occurrence
  

  @import url(http://fonts.googleapis.com/css?family=Cinzel);
  @import url(http://fonts.googleapis.com/css?family=La+Belle+Aurore);
  @import url(http://fonts.googleapis.com/css?family=Kristi);
  
  .ridia-sfondo{
      background-color: #f8ecc2; 
      color: #5a2d0c;
      width: 90%;
      padding-top: 5px; 
      padding-right: 30px; 
      padding-bottom: 30px; 
      padding-left: 30px;
      margin: 0 auto;
  }
  
  .ridia-titolo{
      font-family: 'Cinzel';
      font-weight: bold; 
      font-size: 26px;
      line-height: 150%;
  }
  
  .ridia-documento{
      font-family: 'Cinzel';
      font-weight: bold; 
      font-size: 14px;
  }
  
  .ridia-testo{
      font-family: 'La Belle Aurore';
      font-weight: normal; 
      font-size: 20px;
      line-height: 150%;
  }
  
  .ridia-firma{
      font-family: 'Kristi'; 
      font-size: 42px
  }
  
  .centra{
       text-align: center;
  }

  Pages using this styling

  • scp-001-it-graf [info]

  ¶ 1 occurrence
  

  
  div#container-wrap {
      background-image: url('https://scp-wiki.wdfiles.com/local--files/theme:skiesmadestrange/body_bg.png');
  }
   
  #header h2 span {
      color: transparent;
      text-shadow: none;
  }
   
  #header h2 span::before {
      content: 'Unsecured, Uncontained, Unprotected';
      color: #efefef;
      text-shadow: 1px 1px 1px rgba(0,0,0,.8);
  }
  
  div.page-rate-widget-box .rate-points {
      background-color: #132639;
      border: solid 1px #0b65c0;
  }
  .page-rate-widget-box .rateup,
  .page-rate-widget-box .ratedown {
      background-color: 132639;
      border-top: solid 1px #0b65c0;
      border-bottom: solid 1px #0b65c0;
      font-weight: bold;
  }
  .page-rate-widget-box .rateup a,
  .page-rate-widget-box .ratedown a {
      background: 132639;
      color: #0b65c0;
      padding: 0 4px;
      margin: 0 1px;
  }
  .page-rate-widget-box .rateup a:hover,
  .page-rate-widget-box .ratedown a:hover {
      background: #132639;
      color: #0b65c0;
      text-decoration: none;
  }
  .page-rate-widget-box .cancel {
      background-color: #132639;
      border: solid 1px #0b65c0;
      border-left: 0;
      border-radius: 0 5px 5px 0;
  }
  .page-rate-widget-box .cancel a {
      background: transparent;
      text-transform: uppercase;
      color: #0b65c0;
  }
  .page-rate-widget-box .cancel a:hover {
      border-radius: 0 3px 3px 0;
      background: #132639;
      color: #fffff0;
      text-decoration: none;
  }
   
  
  h1, #page-title {
      color: #0c499c;
  }
  
  
  a {
      color: #0c499c;
      text-decoration: none;
      background: transparent;
  }
  a.newpage {
      color: #0c499c;
      text-decoration: none;
      background: transparent;
  }
  
  #side-bar .side-block {
      border-color: #0e7dcd;
      box-shadow: 0 2px 6px rgba(0,0,51,.5);
  }
   
  #side-bar .heading {
      color: #0e7dcd;
      border-bottom: solid 1px #0e7dcd;
  }
   
  #side-bar div.menu-item.inactive a {
      color: #0b65c0;
  }
   
  #side-bar a {
      color: #0c499c;
  }
   
  #side-bar div.menu-item .sub-text {
      color: #0b65c0;
  }
   
  #side-bar .collapsible-block-unfolded-link {
      border-bottom: solid 1px #0b65c0;
  }
  #side-bar .collapsible-block-unfolded-link .collapsible-block-link {
      color: #0b65c0;
  }
   
  .interwiki_title {
      color: #0b65c0;
  }
   
  .interwiki_entry a {
      color: #0b65c0;
  }
  
  #search-top-box-input {
      border: solid 1px #0b65c0;
      background-color: #132639;
  }
   
  #search-top-box-input:hover,
  #search-top-box-input:focus {
      border: solid 1px #0b65c0;
      background-color: #132639;
  }
   
  #search-top-box-form input[type=submit] {
      background-color: #132639;
      background: linear-gradient(to bottom, #4682b4,#007aa5,#0093af);
  }
   
  #search-top-box-form input[type=submit]:hover,
  #search-top-box-form input[type=submit]:focus {
      background-color: #132639;
      background: linear-gradient(to bottom, #4682b4,#007aa5,#0093af);
  }
   
  .scpnet-interwiki-frame{
       filter: hue-rotate(260deg) brightness(150%);
  }
  
  #header {
      background-image: url(https://scp-wiki.wdfiles.com/local--files/scp-001-and-a-half-j/darkbody-logo.png);
  }
  
  div#header h1 a span {
      font-size: 0px;
  }
  
  div#header h1 a:before {
      content: "O5-1’s Apartment";
  }
  

  Pages using this styling

  • scp-001-d-j [info]

  ¶ 1 occurrence
  

  
  div#container-wrap {
      background-image: url('https://scp-wiki.wdfiles.com/local--files/theme:skiesmadestrange/body_bg.png');
  }
  
  #header h2 span {
      color: transparent;
      text-shadow: none;
  }
  
  #header h2 span::before {
      content: 'Sacrifice Confers Power';
      color: #efefef;
      text-shadow: 1px 1px 1px rgba(0,0,0,.8);
  }
  
  div.page-rate-widget-box .rate-points {
      background-color: #132639;
      border: solid 1px #0b65c0;
  }
  .page-rate-widget-box .rateup,
  .page-rate-widget-box .ratedown {
      background-color: 132639;
      border-top: solid 1px #0b65c0;
      border-bottom: solid 1px #0b65c0;
      font-weight: bold;
  }
  .page-rate-widget-box .rateup a,
  .page-rate-widget-box .ratedown a {
      background: 132639;
      color: #0b65c0;
      padding: 0 4px;
      margin: 0 1px;
  }
  .page-rate-widget-box .rateup a:hover,
  .page-rate-widget-box .ratedown a:hover {
      background: #132639;
      color: #0b65c0;
      text-decoration: none;
  }
  .page-rate-widget-box .cancel {
      background-color: #132639;
      border: solid 1px #0b65c0;
      border-left: 0;
      border-radius: 0 5px 5px 0;
  }
  .page-rate-widget-box .cancel a {
      background: transparent;
      text-transform: uppercase;
      color: #0b65c0;
  }
  .page-rate-widget-box .cancel a:hover {
      border-radius: 0 3px 3px 0;
      background: #132639;
      color: #fffff0;
      text-decoration: none;
  }
  
  h1, #page-title {
      color: #0c499c;
  }
  
  a {
      color: #0c499c;
      text-decoration: none;
      background: transparent;
  }
  a.newpage {
      color: #0c499c;
      text-decoration: none;
      background: transparent;
  }
  
  #side-bar .side-block {
      border-color: #0e7dcd;
      box-shadow: 0 2px 6px rgba(0,0,51,.5);
  }
  
  #side-bar .heading {
      color: #0e7dcd;
      border-bottom: solid 1px #0e7dcd;
  }
  
  #side-bar div.menu-item.inactive a {
      color: #0b65c0;
  }
  
  #side-bar a {
      color: #0c499c;
  }
  
  #side-bar div.menu-item .sub-text {
      color: #0b65c0;
  }
  
  #side-bar .collapsible-block-unfolded-link {
      border-bottom: solid 1px #0b65c0;
  }
  #side-bar .collapsible-block-unfolded-link .collapsible-block-link {
      color: #0b65c0;
  }
  
  .interwiki_title {
      color: #0b65c0;
  }
  
  .interwiki_entry a {
      color: #0b65c0;
  }
  
  #search-top-box-input {
      border: solid 1px #0b65c0;
      background-color: #132639;
  }
  
  #search-top-box-input:hover,
  #search-top-box-input:focus {
      border: solid 1px #0b65c0;
      background-color: #132639;
  }
  
  #search-top-box-form input[type=submit] {
      background-color: #132639;
      background: linear-gradient(to bottom, #4682b4,#007aa5,#0093af);
  }
  
  #search-top-box-form input[type=submit]:hover,
  #search-top-box-form input[type=submit]:focus {
      background-color: #132639;
      background: linear-gradient(to bottom, #4682b4,#007aa5,#0093af);
  }
  
  .scpnet-interwiki-frame{
       filter: hue-rotate(260deg) brightness(150%);
  }
  
  #header {
      background-image: url(https://scp-wiki.wdfiles.com/local--files/scp-001-and-a-half-j/darkbody-logo.png);
  }
  
  div#header h1 a span {
      font-size: 0px;
  }
  
  div#header h1 a:before {
      content: "Overwatch Command";
  }
  

  Pages using this styling

  • scp-001-and-a-half-j [info]

  ¶ 1 occurrence
  

  .content-panel .yui-navset .yui-content {
      display: contents;
      background-color: transparent;
      padding: 0;
      border: none;
      counter-reset: series;
  }
  .content-panel .yui-navset .yui-nav {
      border: none;
      text-align: right;
      margin: 0.25rem 0 -0.5rem;
  }
  #page-content .content-panel .yui-navset .yui-nav li {
      margin: 0;
      padding: 0;
  }
  #page-content .content-panel .yui-navset .yui-nav li a {
      color: #b01;
      font-size: 0.875em;
  }
  #page-content .content-panel .yui-navset .yui-nav li a:hover,
  #page-content .content-panel .yui-navset .yui-nav li a:focus,
  #page-content .content-panel .yui-navset .yui-nav li a:active {
      text-decoration: underline;
  }
  #page-content .content-panel .yui-navset .yui-nav li a em {
       margin: 0 0 0 auto;
       padding: 0.175em 0;
       width: max-content;
  }
  .content-panel .yui-navset .yui-nav a,
  .content-panel .yui-navset .yui-nav a:hover,
  .content-panel .yui-navset .yui-nav a em {
      border: none;
      background: transparent !important;
  }
  
  .content-panel .yui-navset .yui-nav li { pointer-events: none; }
  .content-panel .yui-navset .yui-nav li a em { pointer-events: auto; }
  
  .content-panel .yui-navset .yui-nav li a::before {
      font-weight: bold;
      color: black;
      display: inline-block;
  }
  .content-panel .yui-navset .yui-nav li:nth-of-type(1) a::before {
      content: "Displaying in release order";
  }
  .content-panel .yui-navset .yui-nav li:nth-of-type(2) a::before {
      content: "Displaying in random order";
  }
  .content-panel .yui-navset .yui-nav .selected {
      display: none;
  }
  
  .content-panel .yui-navset .yui-content > div {
      padding: 0.25rem 0 1.5rem;
      text-align: center;
      transition: opacity 0.35s ease-out;
  }
  .content-panel .yui-navset .yui-content > div:first-child > p { display: contents; } /* iframe p de-wrapping */
  
  .content-panel .divider {
      position: relative;
      color: #bfbfbf;
      font-weight: 600;
      margin-block: 1.25rem;
      font-size: 0;
      counter-increment: series;
  }
  .content-panel .divider::before {
      content: "";
      display: block;
      height: .1rem;
      width: 100%;
      background: linear-gradient(to right, transparent, currentcolor, transparent);
  }
  .content-panel .divider::after {
      content: counter(series, upper-roman);
      font-size: .675rem;
      background: #fcfdfb;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      padding-inline: .25rem;
  }
  
  /*
  Some browsers assume that when "display:none" is applied to replaced elements, the visual info for that element is no longer needed. This is to prevent the iframe from re-rendering every time the tab is clicked off and on.
  
  https://stackoverflow.com/questions/2730046/javascript-problem-with-iframe-thats-hidden-before-loaded/2786429#2786429
  */
  .content-panel .yui-navset .yui-content > div[style*="none"] {
      display: block !important;
      max-height: 0rem;
      overflow: hidden;
      padding: 0;
      visibility: hidden;
      opacity: 0;
  }

  Pages using this styling

  • scp-001 [info]

  ¶ 1 occurrence
  

  
  .amberscreen {
  background-color: #110B08; 
  color: #9C6014; 
  [!--border: solid 3px #9C6014;  #3A1713;--] 
  padding: 10px 30px; 
  font-weight:normal; 
  font-family:Monospace;
  font-size:  11pt;
  width: 90%;
  }
  
  div#page-content{
  background-color: #110B08; 
  color: #9C6014; 
  border: solid 3px #3A1713;
  padding: 10px 30px; 
  font-weight:normal; 
  font-family:Monospace;
  font-size:  11pt;
  }
  .collapsible-block-unfolded{
      border: solid 3px #9C6014;
      border-radius: 2pt;
      background-color: #170902;
      padding: 3pt;
      border: 3px double #9C6014;
      color: #8B3B0A;
  }
  .collapsible-block-folded {
      text-align: center;
      border-radius: 2pt;
      background-color: #170902;
      padding: 3pt;
      border: 3px double #9C6014;
      color: #8B3B0A;
  }
  .collapsible-block-content{ 
  color: #9C6014; 
  padding: 10px 30px; 
  font-weight:normal; 
  font-family:Monospace;
  font-size:  11pt;
  }
  div#page-content a.collapsible-block-link{ 
  font-size: 10pt;
  text-align: center;
  color: #9C6014; 
  font-family: verdana,arial,helvetica,sans-serif;
  font-weight: bold; 
  }
  div#page-content a.collapsible-block-unfolded-link {
      background-color: #110B08; 
      color: #9C6014;
  }
  div#page-content a {
  color: #AA9612;
  }
  div#page-content a.hover {
  background: #B1A413 !important;
  color: #110B08; 
  }
  
  .page-rate-widget-box .rate-points {
  font-family: verdana,arial,helvetica,sans-serif;
  font-size:      12.8px;  
  color: #B36D12;
  
  }
  
  .page-rate-widget-box .cancel {
  font-family: verdana,arial,helvetica,sans-serif;
  font-size:      12.8px;  
  }
  .page-rate-widget-box .rateup a:hover,
  .page-rate-widget-box .ratedown a:hover,
  .page-rate-widget-box .cancel a:hover {
  font-family: verdana,arial,helvetica,sans-serif;  
  font-size:      12.8px;  
  background-color: #B36D12  !important;
  }
  
  

  Pages using this styling

  • scorpion-pit [info]

  ¶ 1 occurrence
  

  
  @import url('https://fonts.bunny.net/css2?family=Open+Sans:wght@300');
  
  /* isolates wideness to this class */
  .widebox {
     width: 99.3vw;
     max-width: 100vw !important;
     position: relative;
     left: calc(-49.65vw + 50%);
  }
  
  /* centers page title */
  #page-title {
    text-align: center;
  }
  
  /* destroys the second brazil in the page */
  #page-content p br:nth-child(2) {
    display: none;
  }
  
  /* contains multitudes..... and images */
  .imagecollection {
     display: flex;
     flex-flow: row wrap;
     justify-content: flex-start;
     padding: 0;
  }
  
  /* makes ur image boxes square  */
  .imagecollection .imagebox {
    background: transparent;
    position: relative;
    box-sizing: border-box;
    width: 14.1vw;
    height: 14.1vw;
    margin: 0;
  }
  /* adds that hover gradient to each image box */
  .imagecollection .imagebox:before{
    content: "";
    position: absolute;
    background: linear-gradient(0deg, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0) 35%);
    height: 100%;
    width: 100%;
    z-index: 1;
    opacity: 0;
    transition: 0.3s;
    pointer-events: none;
  }
  
  /* the image */
  .imagecollection .imagebox img {
    display: block;
    margin: auto;
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center;
  }
  
  /* caption below every image ,,,. */
  .caption {
    color: white;
    font-family: 'Open Sans';
    bottom: 0;
    padding: 0.8em;
    font-size: 2em;
    position: absolute;
    z-index: 2;
    opacity: 0;
    transition: 0.5s;
    pointer-events: none;
  }
  
  /* calendar date */
  .date {
    color: white;
    font-family: 'Open Sans';
    top: 0;
    right: 0;
    padding: 0.8em;
    font-size: 2em;
    position: absolute;
    z-index: 2;
    pointer-events: none;
    text-shadow: 0.1em 0.1em 0.1em #000000;
  }
  
  /* makes the gradient and caption appear on hover */
  .imagecollection .imagebox:hover:before, .imagecollection .imagebox:hover .caption {
    opacity: 1;
  }
  
  /* mobile shit */
  @media screen and (max-width: 1200px) {
    .imagecollection .imagebox {
      width: 24.82vw;
      height: 24.82vw;
    }
  }
  
  @media screen and (max-width: 640px) {
    .imagecollection .imagebox {
      width: 100vw;
      height: 56.25vw;
    }
  }
  
  .shakelink {
    cursor:pointer;
    user-select: none;
  }
  .shakelink:active {
  /* you dont even know it but this code came from a vore scp */
    animation: shake 0.1s;
    display: inline-block;
    user-select: none;
  }
  
  @keyframes shake {
    0% { transform: translate(1px, -4px); }
    25% { transform: translate(-1px, 4px); }
    50% { transform: translate(1px, -4px); }
    100% { transform: translate(-1px, 4px); }
  }
  
  .lockbox:active:hover:before {
    content: "";
    position: absolute;
    background: red;
    height: 100%;
    width: 100%;
    z-index: 1;
    opacity: 0;
  }

  Pages using this styling

  • sciptember-2022-art [info]

  ¶ 1 occurrence
  

  :root {
      --header-title: "WPhO";
      --header-subtitle: "Mens sancta in corpore sancto";
      --link-txt-color: rgb(var(--accent));
      --logo-img: url("https://scp-wiki.wdfiles.com/local--files/kte-9817-bluebuster-mendel-shelley-renegade-armbrusteri/wpho.png");
  }
  
  #header h2::before {
      text-transform: capitalize;
      font-style: italic;
  }
   
  #page-content tr td,
  #page-content tr th {
      padding: 0px;
      border: 0px;
  }
   
  .box {
     border: outset 5px var(--br);
     background: var(--bg);
     padding: 10px;
     margin-bottom: 10px;
  }
   
  .box hr {
      margin: 1em;
      height: 2px;
      background-color: var(--br);
  }
   
  .box a {
      color: var(--br);
  }
  
  .box a:hover,
  .box a.newpage:hover,
  .box a:visited:hover {
      color: var(--br);
      text-decoration: underline;
      text-underline-offset: 40%;
      background-color: transparent;
  }
  
  .phoenix {
      --br: #d68300;
      --bg: #fff9f0;
  }
  
  .i-support-gaddafis-proposal-to-partition-switzerland {
      --br: #222;
  }
  .i-support-gaddafis-proposal-to-partition-switzerland a,
  .nano a {
      text-decoration: underline;
      text-underline-offset: 40%;
  }
  
  
  .van {
      --br: #55cc33;
      --bg: #21252E;
      color: #EDEDED;
  }
  .van h2 {
      color: #EDEDED;
  }
  
  .goc {
      --br: #275495;
      --bg: #f5f9fc;
  }
  
  .caltech {
      --br: #D14900;
  }
  
  .copenhagen {
      --br: #901A1E;
  }
  
  .shen {
      --br: #c13e00;
      --bg: #ffe9df;
  }
  
  .nano {
      --br: #5a5b5c;
      --bg: #e4e5e6;
  }
  
  .wagner {
      --br: #7d83ad;
  }
  
  .biomech {
      --br: #39a31d;
  }
  
  .biochem {
      --br: #559f3d;
      --bg: #edf7ea;
  }
  
  .peking {
      --br: #94070a;
      --bg: #f8f6f5;
  }
  
  .feng {
      --br: #269e88;
  }
  
  .reply-thread {
     border-left: solid 1px #444;
     padding-left: 0.75em;
  }

  Pages using this styling

  • scientia-potentia-est [info]

  ¶ 1 occurrence
  

  #header {
    background-image: url(http://scp-wiki.wdfiles.com/local--files/scenes-from-a-comprehensive-clusterfuck/Bogo.png)
  }

  Pages using this styling

  • scenes-from-a-comprehensive-clusterfuck [info]

  ¶ 1 occurrence
  

  div#header h1 a span {
      font-size: 0px;
  }
  div#header h1 a:before {
      content: "FEC Command";
      color: #eee;
      
  }
  div#header h2 span {
      font-size:0px;
      padding: 4px;
  }
  div#header h2:after {
      content: "Submit, Comply, Prevail";
      font-weight: bold;
      color: #f0f0c0;
      padding: 19px 0;
      text-shadow: 1px 1px 1px rgba(0, 0, 0, .8);
      white-space: pre;
  }

  Pages using this styling

  • scenes-from-a-comprehensive-clusterfuck [info]

  ¶ 1 occurrence
  

  @import url(https://fonts.googleapis.com/css2?family=Playfair+Display+SC:wght@400;700;900&display=swap);
  @import url(https://fonts.googleapis.com/css2?family=Texturina&display=swap);
  @import url(https://fonts.googleapis.com/css2?family=Recursive&display=swap);
  
  /* == LICENSING ==
   * Background Images, Colour Variables, and Fonts Are All From:
   *	The Dreamers' Library Theme by LAN 2D
   * Source Link:
   *	https://wanderers-library.wikidot.com/component:dreamers-theme
  **/
  
  /* ==== HEADER AREA ==== */
  /* == COMMON == */
   :root { /* == FLOPSTYLE: LITE + CENTERED HEADER == */
      --header-title: "The Wanderers’ Library";
      --header-subtitle: none;
  
      --lgurl: url(https://wanderers-library.wikidot.com/local--files/component:dreamers-theme/Oma-logo-22042013_300pp.png);
  
      --onyx: 20, 20, 20;
  }
  
   :root { /* == DUSTJACKET == */
      --body-font: "Texturina", serif;
      --header-font: "Playfair Display SC", serif;
      --title-font: var(--header-font);
      --mono-font: "Recursive", sans-serif;
  
      --white-monochrome: 252, 252, 252;
      --pale-gray-monochrome: 161, 161, 161;
      --gray-monochrome: 79, 79, 79;
      --dark-gray-monochrome: 82, 82, 82;
      --bright-accent: 235, 235, 235;
      --medium-accent: 163, 162, 160;
      --dark-accent: var(--dark-gray-monochrome);
      --alt-accent: 253, 206, 175;
  }
  
   body {
      color: rgb(var(--bright-accent));
      background: rgb(var(--dark-gray-monochrome));
  }
  
   #content-wrap::before {
      content: "";
      position: absolute;
    	height: 100%;
      width: 100%;
  
      background-repeat: repeat-x;
      background-image: url(https://wanderers-library.wikidot.com/local--files/component:dreamers-theme/greyglow3.png);
      opacity: .7;
  }
  
   #content-wrap {
      max-width: 100%;
      margin-top: 0;
      padding-bottom: 1rem;
  
      background-image: url(https://wanderers-library.wikidot.com/local--files/component:dreamers-theme/backgroundfinal4.png);
  }
  
   #page-content {
      padding-top: 1.5rem;
  }
  
   @media (min-width: 768px) {
   	 #page-content {
      	font-size: initial;
      }
  }
  
  /* == SITE BANNER == */
   div#extra-div-1 {
      background-image: url(https://wanderers-library.wikidot.com/local--files/component:dreamers-theme/baloon-bg.png);
      background-size: auto 140px;
      mix-blend-mode: normal;
  
      z-index: 1;
  }
  
   #header::before {
      opacity: .9;
  }
  
   #header h1 a::before {
      font-family: unset;
      -webkit-text-fill-color: rgb(var(--bright-accent));
      text-shadow:
      	0 0 10px black,
      	0 0 20px white;
  }
  
  /* == SIDE-BAR == */
   #top-bar .open-menu a {
      color: rgb(var(--bright-accent));
      background: rgb(var(--dark-gray-monochrome));
      border-color: rgb(var(--bright-accent));
  }
  
  /* ==== CONTENT AREA ==== */
  /* == INFO BAR == */
   .info-container {
      --barColour: rgb(var(--onyx));
      --linkColour: rgb(var(--pale-gray-monochrome));
  }
  
  /* == PAGE RATING == */
   div.page-rate-widget-box .rate-points {
      border-color: inherit;
  }
  
  /* == FORMATTING | [GENERAL] == */
   #page-content h1,
   #page-content h2 {
      justify-content: start;
      margin: 0;
      padding: 0;
  
      text-align: left;
  }
  
   h1 {
      font-weight: 900;
      letter-spacing: 1px;
  }
  
   h2 {
      font-weight: 400;
  }
  
   #page-title {
      display: none;
  }
  
   #main-content hr {
      height: .125rem;
  
      background: rgb(var(--dark-gray-monochrome));
  }
  
   #main-content .entry hr {
      height: .0625rem;
  
      background: rgba(var(--white-monochrome), .75);
  }
  
   a,
   a.newpage,
   a:visited {
      color: rgb(var(--alt-accent));
  }
  
  /* == CUSTOM DIV BLOCKS == */
   .entry {
      margin-bottom: calc(5rem / 3);
      padding: calc(5rem / 3);
  
      background: rgba(var(--pale-gray-monochrome), .25);
      --pale-gray-monochrome: 149, 178, 149;
      border: 2px solid rgba(var(--white-monochrome), .75);
  }
  
   .wanderers-memo,
   .section,
   .footnotes-footer {
      padding: calc(4rem / 3);
  
      background: rgba(var(--pale-gray-monochrome), .25);
      border-color: rgba(var(--white-monochrome), .75);
      border-style: solid;
  
      overflow: auto;
  }
  
   .wanderers-memo {
      --pale-gray-monochrome: 178, 176, 149;
      border-width: 2px;
  }
  
   .section,
   .footnotes-footer {
      margin-bottom: .2rem;
  
      --pale-gray-monochrome: 141, 165, 141;
      border-width: 1px;
  }
  
   .lightweight {
      background: rgba(var(--dark-gray-monochrome), .25);
      border: 2px solid rgba(var(--white-monochrome), .25);
  }
  
  /* == FORMATTING | [SPECIAL] == */
   .fancyborder {
      border-image-source: url(https://wanderers-library.wikidot.com/local--files/component:dreamers-theme/greyborder.png);
  }
  
  /* == SITE FOOTER == */
   #footer,
   #footer a,
   #license-area,
   #license-area a {
      color: rgb(var(--bright-accent));
  }
  
   #footer {
      margin-top: 0;
  }

  Pages using this styling

  • scattersomnia [info]

  ¶ 1 occurrence
  

  :root {
      --header-gradient-color-bottom: 56, 174, 230;
      --footnotes-footer-num-color: 56, 174, 230;
      --link-color: 255, 255, 255;
      --visited-link-color: 255, 255, 255;
  }
  #page-title {display: none;}

  Pages using this styling

  • scars-of-kodachrome [info]

  ¶ 1 occurrence
  

  :root {
  
  --body-font: "recursive";
  --title-font: "recursive" ;
  --header-font:  "recursive";
  --UI-font: "recursive";
  
      --header-title: "Scarred Legacy";
      --header-subtitle: "";
  }
  
   
      #content-wrap {
        background-image: url(https://scp-wiki.wdfiles.com/local--files/theme%3Aonko-sinulla-nalka-theme/PaperTextureSarkic.png), url("");
  background-size: auto, 28%;
   background-position: left top, right top;
     background-repeat: repeat, no-repeat;
  
  #main-content hr{
      display: block;
      border:0px;
      height:2px;
  background-color: black;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 1%;
      background-image:url('');
  
  

  Pages using this styling

  • scarred-legacy [info]

  ¶ 1 occurrence
  

  .divname {
       background: #F99999;
       border: 1px solid #888880;
       padding: 0 1em;
       border-radius: 10px;
       margin: 1em 0;
  }

  Pages using this styling

  • sc-11-11-1-i [info]

  ¶ 1 occurrence
  

  :root {
      --logo-image: url("http://timebox.wdfiles.com/local--files/sc-18-005-18-350/CI-Marcus-header.png");
      --header-subtitle: "Fighting Faerie With Fire";
  --cutColour: #fafafa;
  --barColour: #590505;
  --timeScale: 1;
  --timeDelay: 1s;
  --accentColor: 160, 44, 44;
  --dark-gray-monochrome: 55, 55, 55;
  --black-monochrome: 26, 26, 26;
  }
  
   @media (max-width: 767px) {
       :root {
          --header-title: "Chaos Insurgency";
      }
  }
  
  
   @media (min-width: 768px) {
       :root {
          --header-title: "The Chaos Insurgency";
      }
  }
  
   a.taboo {
      --swatch-primary: 0, 128, 0;
      --white-monochrome: 0, 128, 0;
  }
  
   a.taboo:hover {
      --black-monochrome: 230, 230, 230;
  }

  Pages using this styling

  • sc-05-321-05-335 [info]

  ¶ 1 occurrence
  

  :root {
      --logo-image: url('https://scp-wiki.wdfiles.com/local--files/sc-18-005-18-350/CI-Marcus-header.png');
      --header-subtitle: "All Seeds Planted";
  --cutColour: #fafafa;
  --barColour: #590505;
  --timeScale: 1;
  --timeDelay: 1s;
  --accentColor: 160, 44, 44;
  --dark-gray-monochrome: 55, 55, 55;
  --black-monochrome: 26, 26, 26;
  }
  
   @media (max-width: 767px) {
       :root {
          --header-title: "Chaos Insurgency";
      }
  }
  
  
   @media (min-width: 768px) {
       :root {
          --header-title: "The Chaos Insurgency";
      }
  }
  
  :root .thin-blockquote {
    padding: 0;
  }
  

  Pages using this styling

  • sc-049-100-049-103 [info]

  ¶ 1 occurrence
  

  /* PAGE TITLE */
   #page-title{
       display: none;
  }
  
  /* REALISTIC USER LINK */
   span.moderatorPing{
       font-weight: bold;
       cursor: pointer;
  }
   span.moderatorPing:hover,
   span.moderatorPing:focus{
       text-decoration: underline;
  }
   span.moderatorPing.indiv{
       color: hsl(98, 99%, 33%);
       background-color: hsla(103, 66%, 25%, .1);
  }
   span.moderatorPing.role{
       color: hsl(157, 96%, 39%);
       background-color: hsla(157, 96%, 39%, .1);
  }
  
  /* COLLAPSIBLE BLINK */
   #page-content .collapsible-block-folded a.collapsible-block-link{
       animation: blink .8s ease-in-out infinite alternate;
  }
   @keyframes blink{
       0%{
          color: transparent;
      }
       50%, 100%{
          color: var(--fg-accent-dark);
      }
  }
  
  /* LICENSEBOX */
   .licensebox .collapsible-block-link{
       animation: none !important;
  }

  Pages using this styling

  • saturn-s-corner [info]

  ¶ 1 occurrence
  

  :root {
      --logo-image: url("https://scp-wiki.wikidot.com/local--files/grigori-karpin-s-author-page/Vanguard%20Logo%20Pride");
      --header-title: "ANGUARD";
      --header-subtitle: "SHELTER - NORMALIZE - INFORM";
      --header-h2-font-size: 1.1em;
  }
  
  #header::before {
      left: -9.5rem;
      filter: brightness(125%);
      opacity: 1;
  }
  
  #header h1 a::before {
      font-size: unset;
  }
  
  #header h2::before {
      color: #fe4;
  }
  
  #header h2 {
      top: 1em;
  }
  
  #header #login-status {
      left: -2vw;
  }
  
  @media (max-width: 767px) {
      #header::before {
          left: -7rem;
      }
  
      #header h1 {
          top: 0.5em;
          left: 0.5em;
      }
  }
  
  #page-title {
      display: none;
  }

  Pages using this styling

  • sarkic-heat [info]

  ¶ 1 occurrence
  

  body {
            line-height: 1.7;
  }
  .authors .collapsible-block-link {
  margin-left:.25em;
  padding: .25em;
  font-weight: bold;
  opacity: .5;
  color: inherit;
      -webkit-transition: opacity 0.5s ease-in-out;
      -moz-transition: opacity 0.5s ease-in-out;
      transition: opacity 0.5s ease-in-out;
  }
  .authors .collapsible-block-link:hover {
  opacity:1;
  }
  .authors .collapsible-block-link:active {
  opacity:1;
  }

  Pages using this styling

  • sarkic-case-study-05-korean-seulga [info]

  ¶ 1 occurrence
  

  .center{
  text-align= center;
  }
  div#extra-div-1,div#extra-div-2{display:none;}

  Pages using this styling

  • sariling-dugo-t-bakal [info]

  ¶ 1 occurrence
  

  .spirit {
      background: #ededed;
      padding: 1em;
      border: 1px solid #000;
      margin: 1em 0;
  }
  
  .cs-title {
      text-align: center;
      font-size: 275%;
      font-family: 'alpha_echoregular';
  }

  Pages using this styling

  • sand-and-bag [info]

  ¶ 1 occurrence
  

  :root {
     --lgurl:  https://scp-wiki.wikidot.com/;
     --header-title: "Horizon Initiative";
     --header-subtitle: "In The Eyes of God";
  }
  --lgurl:url("https://scp-wiki.wdfiles.com/local--files/horizon-initiative-hub/logo5.png") 1px 20px no-repeat
  

  Pages using this styling

  • samuel-s-seranade [info]

  ¶ 1 occurrence
  

  /* ==== GLOBAL ==== */
   @import url(https://fonts.googleapis.com/css2?family=Space+Mono:ital,wght@0,400;0,700;1,400;1,700&display=swap);
  
  /* ==== COMMON ==== */
   :root {
      --celeste: hsl(270, 93%, 77%);
      --celesteLite: hsla(270, 93%, 87%, .5);
      --tint: calc(var(--hue) - 168deg);
  
      --telespeak: "Space Mono", monospace;
  }
  
  /* ==== FORMATTING | [GENERAL] ==== */
   #page-content p {
      font-variant-ligatures: no-common-ligatures;
  }
  
  /* ==== DIV BLOCKS ==== */
   .narration {
      font-size: 1.05rem;
      text-align: start;
      text-indent: 0;
  }
  
   @media (min-width: 768px) {
       .narration {
      	margin: 2rem -2rem;
      	padding: .5rem 2rem;
      }
  }
  
   .narration.cLead p:nth-of-type(2n+1),
   .narration.sLead p:nth-of-type(2n+2) {
      color: var(--celeste);
  
      font-family: var(--telespeak);
  }
  
   .narration.sLead p:nth-of-type(2n+1),
   .narration.cLead p:nth-of-type(2n+2) {
      color: var(--accentColor);
      filter: saturate(.85) brightness(1.15);
  
      text-decoration-color: inherit;
  }
  
   .narration.cLead p:nth-of-type(2n+1)::selection,
   .narration.sLead p:nth-of-type(2n+2)::selection,
   .narration.cLead p:nth-of-type(2n+1) em::selection,
   .narration.sLead p:nth-of-type(2n+2) em::selection {
      --accentColor: var(--celeste) !important;
      --accentColorLite: var(--celesteLite) !important;
  }
  
  /* ==== FORMATTING | [SPECIAL] ==== */
   .indented {
      text-indent: 2rem;
  }
  
   .scene-break {
      width: 4rem;
  }
  
   .hide {
      display: none;
  }
  
   .c,
   .c a {
      --accentColor: var(--celeste) !important;
      --accentColorLite: var(--celesteLite) !important;
  }
  
   .c strong {
      color: var(--celeste);
      filter: none;
  }
  
   .c a, .c a:hover,
   .c::selection {
      --accentColor: var(--celeste) !important;
      --accentColorLite: var(--celesteLite) !important;
      font-size: inherit;
  }
  
   .c em::selection,
   .c strong::selection {
      --accentColor: var(--celeste) !important;
      --accentColorLite: var(--celesteLite) !important;
  }
  
   .psych {
      position: relative;
      left: calc(-50vw + 50%);
      width: 100vw;
      max-width: 100vw;
      height: 512px;
  
      background-position-x: center;
  }
  
   @media (max-width: 767px) {
       .psych {
      	margin: 256px 0;
  
      	background-image:
      	   linear-gradient(
      		hsla(222, 12%, 21%, 1) 0%,
      		hsla(222, 12%, 21%, 0) 20%,
      		hsla(222, 12%, 21%, 0) 80%,
      		hsla(222, 12%, 21%, 1) 100%),
      		url(https://scp-wiki.wdfiles.com/local--files/samara-be-the-itsy-bitsy-spider/Fractal_Purple_Waves_Mobile.jpg);
      }
  }
  
   @media (min-width: 768px) {
       .psych {
      	margin: 320px 0;
  
      	background-image:
      	   linear-gradient(
      		hsla(222, 12%, 21%, 1) 0%,
      		hsla(222, 12%, 21%, 0) 30%,
      		hsla(222, 12%, 21%, 0) 70%,
      		hsla(222, 12%, 21%, 1) 100%),
      		url(https://scp-wiki.wdfiles.com/local--files/samara-be-the-itsy-bitsy-spider/Fractal_Purple_Waves.jpg);
      }
  }
  
  /* == Earthworm Series Navigator ==
   *   by Croquembouche
  **/
   #page-content .earthworm .hub {
      background: var(--accentColorLite);
      border-color: transparent;
  }
  
   #page-content .earthworm .hub a {
      color: var(--keyColor);
  }
  
  /* ==== COMBINED FLOPSTYLE: DARK MODS ==== */
   #u-fade-away {
   /* Mouse Hover Reveals Rating Module */
      opacity: calc(1 / 3);
      transition: all .25s ease-in-out;
  }
  
   #u-fade-away:hover {
      opacity: 1;
  }
  
  /* ======== */
  
   .end-mark > p:last-of-type::after {
   /* Displays End-Mark */
      color: var(--accentColor);
      filter: saturate(.85) brightness(1.15);
  
      font-size: 1.35rem;
  }
  
  /* ======== */
  
   .footing {
   /* == Page Footing == */
      padding-top: 1.6rem;
  }
  
   .footing::before {
      bottom: .27rem;
  
      border-bottom: 4px solid var(--accentColor);
  }
  
   .footing::after {
      top: .13rem;
  
      border-bottom: 2px solid var(--accentColorLite);
  }

  Pages using this styling

  • samara-be-the-itsy-bitsy-spider [info]

  ¶ 1 occurrence
  

  .top-left-box > .item {
      display: none;
  }
  
  div.icon-container {
      display: flex;
      margin: 0.25em;
      padding: 0.5em;
      justify-content: center;
      flex-wrap: wrap;
  }
  
  div.icon-box {
      background-color: #262626;
      width: 10em;
      margin: 0.5em;
      align-content: space-between;
      flex-shrink: 0;
      border: solid 3px #424248;
      box-shadow: 0 0 8px black;
      transition: scale 0.45s;
  }
  
  div.icon-box:hover {
      scale: 1.15;
      z-index: 2;
  }
  
  div.icon-box .icon-display img {
      border: solid 3px #030303;
      border-radius: 50%;
      background-color: #ffffff;
      width: 7.5em;
  }
  
  div.icon-box .icon-name {
      font-size: 1.2em;
      text-align: center;
      font-family: 'Raleway', 'Noto Sans', Segoe UI, Arial, sans-serif;
      background-color: #fafafa;
  }

  Pages using this styling

  • salt-a-ultimate-cool-acs-icon [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css?family=Cinzel');
  @import url('https://fonts.googleapis.com/css?family=Anton');
  @import url('https://fonts.googleapis.com/css?family=Pinyon+Script');
  #page-title { display: none; }
  
  
  /*
      The Anton font was created by Vernon Adams and is licensed under the Open Font License
      The Cinzel font was created by Natanael Gama and is licensed under the Open Font License
      The Pinyon Script font was created by Nicole Fally and is licensed under the Open Font License
  */
  
  
  :root {
      --header-title: none;
      --header-subtitle: none;
  
  
      --logo-image: url("https://scp-wiki.wdfiles.com/local--files/deer-college-hub/DeerSeal.png");
  
  
      --header-height-on-desktop: 13rem;
      --header-height-on-mobile: 13rem;
  
  
  }
  
  
  
  
  #header::before {
      background-size: auto calc(var(--header-height-on-desktop) - 4rem);
      opacity: 1;
      top: 2.5rem;
  }
  
  
  @media only screen and (max-width: 710px) {
      #header::before {
          background-size: auto calc(var(--header-height-on-mobile) - 8.5rem);
          top: 5rem;
      }
  }

  Pages using this styling

  • salem-exe [info]

  ¶ 1 occurrence
  

  
  
  
  @import url('https://fonts.googleapis.com/css2?family=Dela+Gothic+One&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Gilda+Display&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Libre+Caslon+Text:ital,wght@0,400;0,700;1,400&display=swap');
  @import url('https://fonts.google.com/specimen/Oranienbaum?categoryFilters=Serif:%2FSerif%2FModern');
  
  .Pitle{
       font-family:Oranienbaum;
       font-size: 250%;
       text-align: center;
       box-sizing: border-box; 
  }
  
  
  :root {
      --darkpink: #d7b9ca;
      --palepink: #f0dbde;
      --purplegrey: #a69ba8;
      --darkgrey: #463b48;
  
      --dela: "Dela Gothic One";
      --gild: "Gilda Display";
      --libr: "Libre Caslon Text";
      --heart: path("M12 4.419c-2.826-5.695-11.999-4.064-11.999 3.27 0 7.27 9.903 10.938 11.999 15.311 2.096-4.373 12-8.041 12-15.311 0-7.327-9.17-8.972-12-3.27z");
      --ribbon: polygon(25% 4%, 22% 10%, 18% 21%, 26% 25%, 31% 25%, 23% 30%, 19% 36%, 19% 39%, 25% 43%, 30% 46%, 26% 60%, 24% 68%, 25% 75%, 31% 76%, 43% 87%, 40% 78%, 39% 69%, 44% 74%, 41% 60%, 42% 44%, 46% 34%, 50% 29%, 54% 35%, 58% 45%, 59% 51%, 58% 67%, 56% 75%, 61% 70%, 60% 79%, 58% 88%, 70% 78%, 76% 77%, 77% 69%, 75% 60%, 70% 46%, 82% 40%, 82% 37%, 78% 30%, 68% 25%, 74% 25%, 82% 21%, 79% 11%, 74% 3%, 63% 8%, 52% 19%, 49% 18%, 47% 19%, 37% 9%);
  
      --header-title: "ゲイベイビーのテーマ";
      --header-subtitle: "あなたについて話しているの";
      --sp_header-logo: none;
      --sp_header-title-size: 2rem;
      --sp_header-subtitle-size: 1.8rem;
  
      --sp_header-height: 16rem;
      --sp_top-bar-height: 1.6rem;
  
      --sp_top-bar-gradient-top-color: var(--darkgrey);
      --sp_top-bar-gradient-bottom-color: var(--darkgrey);
  
      --sp_top-bar-link-color: var(--palepink);
      --sp_top-bar-link-hover-color: var(--darkpink);
      --sp_top-bar-link-hover-background: var(--darkgrey);
  
      --sp_dropdown-link-color: var(--palepink);
      --sp_dropdown-link-hover-color: var(--darkgrey);
      --sp_dropdown-link-background: var(--darkgrey);
      --sp_dropdown-link-hover-background: var(--palepink);
      --sp_dropdown-link-border: none;
  
      --sp_rate-module-background: var(--darkgrey);
      --sp_rate-module-text-color: var(--palepink);
      --sp_rate-module-button-color: var(--palepink);
      --sp_rate-module-button-background: var(--darkgrey);
      --sp_rate-module-sub-color: var(--palepink);
      --sp_rate-module-button-hover-color: var(--darkgrey);
      --sp_rate-module-button-hover-background: var(--palepink);
  
      --sp_tab-selected-text-color: var(--darkgrey);
      --sp_tab-selected-background: var(--darkpink);
      --sp_tab-selected-border-color: var(--darkgrey);
  
      --sp_tab-text-color: var(--darkpink);
      --sp_tab-background: var(--darkgrey);
      --sp_tab-border-color: var(--darkgrey);
  
      --sp_tab-hover-text-color: var(--sp_tab-selected-text-color);
      --sp_tab-hover-background: var(--sp_tab-selected-background);
      --sp_tab-hover-border-color: var(--sp_tab-selected-border-color);
  }
  
  a, a:visited, #interwiki a, #side-bar a {
      background-color: var(--darkgrey);
      color: var(--darkpink);
      transition: 200ms;
  }
  a:hover, a:visited:hover, #interwiki a:hover, #side-bar a:hover {
      background-color: var(--darkpink);
      color: var(--darkgrey);
      text-decoration: none;
  }
  h1, h2, h3, h4, h5 {
      color: var(--darkgrey);
  }
  
  body, html {
      color: black;
  }
  
  #login-status {
      padding-block-start: 0;
      margin-top: 3px;
      margin-right: 10px;
      transition: 200ms;
  }
  #login-status .printuser {
      color: var(--palepink);
  }
  #login-status a:hover {
      background: var(--darkpink);
      color: var(--darkgrey);
      text-decoration: none;
  }
  
  .printuser img, .owindow img {
      filter: saturate(0.5);
  }
  
  .owindow {
      background-color: var(--darkgrey);
      border: 0.6rem solid var(--purplegrey);
      color: var(--darkpink);
  }
  .owindow h1 {
      color: var(--darkpink);
  }
  .owindow .title {
      position: relative;
      background-color: var(--purplegrey);
      color: var(--darkgrey);
      text-align: center;
  }
  .owindow .title::before {
      position: absolute;
      content: "";
      background-color: var(--palepink);
      height: 24px;
      width: 24px;
      top: 38%;
      right: 1%;
      clip-path: var(--heart);
      transform: translate(50%, -50%) rotate(16deg) scale(4);
  }
  .owindow img {
      background-color: transparent !important;
      padding: 0 !important;
      border: none;
      margin-right: 1em;
  }
  .owindow td img {
      display: none;
  }
  
  #account-options {
      background-color: var(--darkgrey);
      border: none;
      text-align: center;
  }
  #account-options li {
      position: relative;
  }
  #login-status li:last-child::before {
      position: absolute;
      content: "";
      background-color: #c0818c;
      height: 24px;
      width: 24px;
      top: 100%;
      right: 99%;
      clip-path: var(--heart);
      transform: translate(50%, -50%) rotate(-5deg) scale(2);
  }
  #login-status ul a {
      transition: 200ms;
      color: var(--palepink);
  }
  #login-status ul a:hover {
      color: var(--darkgrey);
      background-color: var(--palepink);
  }
  
  #search-top-box {
      align-items: flex-end;
      flex-direction: row-reverse;
      flex-wrap: wrap;
      padding: 8px 12px 0 0;
      margin-right: -2px;
      z-index: 1;
  }
  #search-top-box-form input[type=submit] {
      background-color: var(--darkgrey);
      background-image: none;
      color: var(--palepink);
      box-shadow: none;
      border: none;
      border-radius: 0;
      transition: 200ms;
  }
  #search-top-box-form input[type=submit]:hover {
      background-color: var(--palepink);
      background-image: none;
      border: none;
      color: var(--darkgrey);
      box-shadow: none;
  }
  
  #header {
  grid-template-areas:
      ". . login login login"
      ". . . . search"
      "h1 h1 h1 h1 h1"
      "h2 h2 h2 h2 h2"
      ". . . . ."
      "top-bar top-bar top-bar top-bar top-bar";
      grid-template-columns: repeat(5, 1fr);
      background-image: linear-gradient(var(--darkgrey) 1.6em, #dfb8ba 1.6em);
      background-color: transparent;
      padding-bottom: 0px;
      position: relative;
      box-shadow: 0 14rem #be8f9a;
  }
  #header h1, #header h2 {
      padding-inline-start: 0;
      text-align: center;
  }
  #header h1 a::before, #header h2 span::before {
      text-shadow: none;
      letter-spacing: 0;
      color: var(--darkgrey);
  }
  #header-extra-div-1, #header-extra-div-2 {
      position: absolute;
      background-size: 95px 100px;
      background-position: center;
      background-repeat: repeat-x;
      height: 100px;
      width: inherit;
      z-index: 0;
  }
  #header-extra-div-1 {
      background-image:
       radial-gradient(circle at 10px 95px, var(--darkpink) 2px, transparent 2px),
       radial-gradient(circle at 13px 86px, var(--darkpink) 2px, transparent 2px),
       radial-gradient(circle at 18px 78px, var(--darkpink) 2px, transparent 2px),
       radial-gradient(circle at 24px 71px, var(--darkpink) 2px, transparent 2px),
       radial-gradient(circle at 32px 66px, var(--darkpink) 2px, transparent 2px),
       radial-gradient(circle at 40px 62px, var(--darkpink) 2px, transparent 2px),
       radial-gradient(circle at 49px 61px, var(--darkpink) 3px, transparent 3px),
       radial-gradient(circle at 90px 95px, var(--darkpink) 2px, transparent 2px),
       radial-gradient(circle at 87px 86px, var(--darkpink) 2px, transparent 2px),
       radial-gradient(circle at 82px 78px, var(--darkpink) 2px, transparent 2px),
       radial-gradient(circle at 76px 71px, var(--darkpink) 2px, transparent 2px),
       radial-gradient(circle at 68px 66px, var(--darkpink) 2px, transparent 2px),
       radial-gradient(circle at 60px 62px, var(--darkpink) 2px, transparent 2px),
       radial-gradient(circle at 51px 61px, var(--darkpink) 3px, transparent 3px),
  
       radial-gradient(circle at 10px 95px, var(--darkgrey) 5px, transparent 5px),
       radial-gradient(circle at 13px 86px, var(--darkgrey) 5px, transparent 5px),
       radial-gradient(circle at 18px 78px, var(--darkgrey) 5px, transparent 5px),
       radial-gradient(circle at 24px 71px, var(--darkgrey) 5px, transparent 5px),
       radial-gradient(circle at 32px 66px, var(--darkgrey) 5px, transparent 5px),
       radial-gradient(circle at 40px 62px, var(--darkgrey) 5px, transparent 5px),
       radial-gradient(circle at 49px 61px, var(--darkgrey) 5px, transparent 5px),
       radial-gradient(circle at 90px 95px, var(--darkgrey) 5px, transparent 5px),
       radial-gradient(circle at 87px 86px, var(--darkgrey) 5px, transparent 5px),
       radial-gradient(circle at 82px 78px, var(--darkgrey) 5px, transparent 5px),
       radial-gradient(circle at 76px 71px, var(--darkgrey) 5px, transparent 5px),
       radial-gradient(circle at 68px 66px, var(--darkgrey) 5px, transparent 5px),
       radial-gradient(circle at 60px 62px, var(--darkgrey) 5px, transparent 5px),
       radial-gradient(circle at 51px 61px, var(--darkgrey) 5px, transparent 5px),
      
       radial-gradient(circle at 50px 100px, var(--darkgrey) 25px, transparent 10px),
       radial-gradient(circle at 50px 100px, var(--darkpink) 30px, transparent 10px),
       radial-gradient(circle at 50px 100px, var(--darkgrey) 40px, transparent 10px);
      bottom: 1.6em;
  }
  #header-extra-div-2 {
      background-image:
       radial-gradient(circle at 10px 5px, var(--darkpink) 2px, transparent 2px),
       radial-gradient(circle at 13px 14px, var(--darkpink) 2px, transparent 2px),
       radial-gradient(circle at 18px 22px, var(--darkpink) 2px, transparent 2px),
       radial-gradient(circle at 24px 29px, var(--darkpink) 2px, transparent 2px),
       radial-gradient(circle at 32px 34px, var(--darkpink) 2px, transparent 2px),
       radial-gradient(circle at 40px 38px, var(--darkpink) 2px, transparent 2px),
       radial-gradient(circle at 49px 39px, var(--darkpink) 3px, transparent 3px),
       radial-gradient(circle at 90px 5px, var(--darkpink) 2px, transparent 2px),
       radial-gradient(circle at 87px 14px, var(--darkpink) 2px, transparent 2px),
       radial-gradient(circle at 82px 22px, var(--darkpink) 2px, transparent 2px),
       radial-gradient(circle at 76px 29px, var(--darkpink) 2px, transparent 2px),
       radial-gradient(circle at 68px 34px, var(--darkpink) 2px, transparent 2px),
       radial-gradient(circle at 60px 38px, var(--darkpink) 2px, transparent 2px),
       radial-gradient(circle at 51px 39px, var(--darkpink) 3px, transparent 3px),
  
       radial-gradient(circle at 10px 5px, var(--darkgrey) 5px, transparent 5px),
       radial-gradient(circle at 13px 14px, var(--darkgrey) 5px, transparent 5px),
       radial-gradient(circle at 18px 22px, var(--darkgrey) 5px, transparent 5px),
       radial-gradient(circle at 24px 29px, var(--darkgrey) 5px, transparent 5px),
       radial-gradient(circle at 32px 34px, var(--darkgrey) 5px, transparent 5px),
       radial-gradient(circle at 40px 38px, var(--darkgrey) 5px, transparent 5px),
       radial-gradient(circle at 49px 39px, var(--darkgrey) 5px, transparent 5px),
       radial-gradient(circle at 90px 5px, var(--darkgrey) 5px, transparent 5px),
       radial-gradient(circle at 87px 14px, var(--darkgrey) 5px, transparent 5px),
       radial-gradient(circle at 82px 22px, var(--darkgrey) 5px, transparent 5px),
       radial-gradient(circle at 76px 29px, var(--darkgrey) 5px, transparent 5px),
       radial-gradient(circle at 68px 34px, var(--darkgrey) 5px, transparent 5px),
       radial-gradient(circle at 60px 38px, var(--darkgrey) 5px, transparent 5px),
       radial-gradient(circle at 51px 39px, var(--darkgrey) 5px, transparent 5px),
      
       radial-gradient(circle at 50px 0, var(--darkgrey) 25px, transparent 10px),
       radial-gradient(circle at 50px 0, var(--darkpink) 30px, transparent 10px),
       radial-gradient(circle at 50px 0, var(--darkgrey) 40px, transparent 10px);
      top: 1.6em;
  }
  #extrac-div-1, #extrac-div-2 {
      position: absolute;
      content: "";
      height: 200px;
      width: 200px;
      background-color: black;
      transform: translate(-50%, -50%);
      clip-path: var(--ribbon);
  }
  #extrac-div-1 {
      top: 26rem;
      left: 3%;
  }
  #extrac-div-2 {
      top: 26rem;
      left: 97.5%;
  }
  
  #top-bar {
      max-width: 100%;
      font-family: var(--gild);
      font-weight: bold;
  }
  #top-bar ul li {
      flex-grow: 1;
  }
  #top-bar ul li a {
      transition: 200ms;
  }
  #top-bar ul li ul {
      border-width: 0 0;
  }
  #top-bar ul li ul li {
      position: relative;
  }
  #top-bar ul li ul li:last-child::before {
      position: absolute;
      content: "";
      background-color: #ffe1e6;
      height: 24px;
      width: 24px;
      top: 95%;
      right: 5%;
      clip-path: var(--heart);
      transform: translate(50%, -50%) rotate(6deg) scale(2.5);
  }
  #top-bar .open-menu a {
      color: var(--darkgrey);
      line-height: 0.7em;
      background-color: transparent;
      border-image: radial-gradient(white 69%, transparent 70%) 84.5% / 50%;
      clip-path: polygon(-41% 0, 50% 91%, 141% 0);
      transform: rotate(-13deg);
      transition: 200ms;
  }
  #top-bar :is(.top-bar, .mobile-top-bar) ul li ul {
      box-shadow: none;
  }
  #top-bar .open-menu a:hover {
      color: black;
  }
  
  #side-bar, #side-bar:is(:hover,:active,:focus-within) {
      background-color: rgba(0, 0, 0, 0.5);
      scrollbar-color: var(--darkpink) var(--darkgrey);
  }
  #side-bar .side-block.media a {
      background-color: transparent;
  }
  #side-bar .heading, #interwiki .heading {
      margin: 0.6rem 0 0.5rem;
      padding: 0 0 5px 0;
      color: var(--palepink);
      height: 1rem;
      display: flex;
      justify-content: space-around;
      align-items: center;
      border-bottom: solid 3px var(--purplegrey);
  }
  #side-bar .menu-item {
      display: flex;
  }
  #side-bar .menu-item a {
      flex-grow: 1;
      text-align: center;
  }
  #side-bar .side-block.media, #side-bar .side-block.resources, #side-bar .side-block, #interwiki .side-block {
      background-color: var(--darkgrey);
      border-radius: 0;
      box-shadow: none;
      border: solid 3px var(--purplegrey);
      color: var(--purplegrey);
  }
  
  #container-wrap-wrap {
      overflow-x: hidden;
  }
  
  #container {
      background-color: #be8f9a;
      background-image:
       repeating-linear-gradient(23deg, transparent, transparent 40px, black 40px, black 50px),
       repeating-linear-gradient(-23deg, transparent, transparent 40px, black 40px, black 50px),
       repeating-linear-gradient(23deg, transparent, transparent 40px, black 40px, black 50px),
       repeating-linear-gradient(-23deg, transparent, transparent 40px, black 40px, black 50px);
      background-position: -1% 0, -1% 0, 101% 0, 101% 0;
      background-repeat: repeat-y;
      background-size: 70px;
  }
  
  ::-webkit-scrollbar {
      width: 13px;
  }
  
  ::-webkit-scrollbar-thumb {
      background-color: var(--darkpink);
      background-image: var(--scrollbar);
      background-size: contain;
      background-position: center center;
      border-top: solid 1px var(--palepink);
      border-bottom: solid 1px var(--palepink);
  }
  
  ::-webkit-scrollbar-track {
      background: var(--darkgrey);
      border-left: solid 3px var(--darkpink);
  }
  
  #page-title, .meta-title {
      font-size: clamp(1.125rem, 0.679rem + 1.19vw, 1.75rem);
      font-weight: bold;
      color: #dfb8ba;
      border-color: transparent;
      font-family: var(--libr);
  }
  #page-title, .meta-title {
      --s: 1.8em;
      --d: .8em;
      --c: .8em;
  
      padding: 0 calc(var(--s) + .5em) var(--d);
      line-height: 1.8;
      background:
       conic-gradient(at left  var(--s) bottom var(--d),
       #0000 25%,#0008 0 37.5%,#0004 0) 0   /50% 100% no-repeat,
       conic-gradient(at right var(--s) bottom var(--d),
       #0004 62.5%,#0008 0 75%,#0000 0) 100%/50% 100% no-repeat;
      clip-path:
       polygon(0 var(--d), var(--s) var(--d),
       var(--s) 0,calc(100% - var(--s)) 0,
       calc(100% - var(--s)) var(--d),
       100% var(--d),
       calc(100% - var(--c)) calc(50% + var(--d)/2),
       100% 100%,
       calc(100% - var(--s) - var(--d)) 100%,
       calc(100% - var(--s) - var(--d)) calc(100% - var(--d)),
       calc(var(--s) + var(--d)) calc(100% - var(--d)),
       calc(var(--s) + var(--d)) 100%,0 100%,var(--c) calc(50% + var(--d)/2));
      background-color: #514653;
      width: inherit;
      text-align: center;
  }
  
  .page-rate-widget-box {
      border-radius: 0;
      text-transform: capitalize;
      box-shadow: none;
      position: relative;
  }
  div.page-rate-widget-box {
      padding-left: 12px;
  }
  .page-rate-widget-box .cancel {
      padding-right: 6px;
  }
  .page-rate-widget-box::before {
      position: absolute;
      content: "";
      background-color: var(--palepink);
      height: 24px;
      width: 24px;
      top: 50%;
      right: 100%;
      clip-path: var(--heart);
      transform: translate(50%, -50%) rotate(-16deg) scale(1.5);
  }
  .page-rate-widget-box::after {
      position: absolute;
      content: "";
      background-color: var(--darkpink);
      height: 24px;
      width: 24px;
      top: 75%;
      right: -5%;
      clip-path: var(--heart);
      transform: translate(50%, -50%) rotate(24deg) scale(1.3);
  }
  
  table.wiki-content-table td {
      border: 1px solid var(--darkgrey);
      background-image: linear-gradient(-11deg, transparent, var(--palepink));
      text-align: center;
  }
  table.wiki-content-table {
      position: relative;
  }
  table.wiki-content-table::before {
      position: absolute;
      content: "";
      background-color: var(--darkgrey);
      height: 24px;
      width: 24px;
      top: 100%;
      right: 0%;
      clip-path: var(--heart);
      transform: translate(50%, -50%) rotate(10deg) scale(1.4);
  }
  
  .blockquote, div.blockquote {
      border: 1px solid var(--darkgrey);
      background-color: transparent;
      background-image: linear-gradient(-11deg, transparent, var(--darkpink));
      padding: 0 2em;
      position: relative;
  }
  .blockquote::before, div.blockquote::before, .blockquote::after, div.blockquote::after {
      position: absolute;
      content: "";
      background-color: black;
      height: 75px;
      width: 75px;
      top: 40%;
      right: 0%;
      clip-path: var(--ribbon);
      transform: translate(50%, -50%);
  }
  .blockquote::before, div.blockquote::before {
      right: 0%;
  }
  .blockquote::after, div.blockquote::after {
      right: 100%;
  }
  
  .yui-navset .yui-nav {
      border-width: 0;
  }
  .yui-navset .yui-content {
      background-image: linear-gradient(-11deg, transparent, var(--palepink));
      border: 1px solid var(--darkgrey);
  }
  
  
  @media (max-width: 767px) {
  #main-content {
      padding: 0 50px;
      }
  #container {
      background-position: -5% 0, -5% 0, 105% 0, 105% 0;
      }
  }
  

  Pages using this styling

  • sailorenoch-author [info]

  ¶ 1 occurrence
  

  
  
  @import url("https://use.typekit.net/hey2uso.css");
  
  
  
  
  :root {
  
  
  
  
      --logo-image: url("http://scp-wiki.wdfiles.com/local--files/saffronsands-hub/logo.png");
      --header-title: "The Foundation";
      --header-subtitle: "  ";
      --body-font: interstate, 'Lato', sans-serif;
      --header-font: maecenas, 'Poppins', sans-serif;
      --title-font: maecenas-heavies, 'Poppins', sans-serif;
      --mono-font: "PT Mono", "Andale Mono", "Courier New", Courier, monospace;
      --bright-accent: 88, 24, 69;
      /* bright red */
      --medium-accent: 199, 0, 57 ;
      /* medium red */
      --dark-accent: 216, 1, 63;
      /* dark red */
      --newpage-color: 210, 74, 32;
      /* pale orange */
  }
  
  
  #page-title,
  .meta-title,
  .meta-title span {
      font-family: var(--header-font);
      color: rgb(120, 40, 31);
  }
  
  
  #header h2 {
      background: url(http://kaktuskontainer.wdfiles.com/local--files/iss-part1/hindi);
      background-repeat: no-repeat;
      background-clip: border-box;
      background-size: contain;
      top: 4.5rem;
      left: 8rem;
      height: 2rem;
  }   
  
  
  }

  Pages using this styling

  • saffronsands-hub [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@300;400;700;900&display=swap');
  
  body {
      background-image: linear-gradient(to top, #181b39 60%, transparent 80%);
      background-size: 100% 25rem;
      background-position: center bottom;
      background-repeat: no-repeat;
      font-family: "Noto Serif SC", serif;
  }
  
  div#container-wrap {
      overflow-x: hidden;
  }
  
  div#extra-div-1 {
    height: 140px;
    width: 100%;
    top: 0;
    position: absolute;
    background: url("http://scpsandboxcn.wikidot.com/local--files/odeos/mozhang.png");
    background-size: cover;
    background-position: 50% 50%;
  }
  
  div#page-content {
      color: #000;
      font-size: 0.9375rem;
      font-family: "Noto Serif SC", serif;
  }
  
  li, p {
      line-height: 175%;
  }
  
  p {
      margin-block: 1.5em;
  }
  
  span.ruby {
      height: unset;
      display: inline-flex;
      flex-direction: column-reverse;
      align-items: center;
      vertical-align: top;
      text-indent: 0;
  }
  
  span.rt {
      display: block;
      margin-top: -0.625em;
      margin-bottom: 0;
      line-height: 1.25;
  }
  
  @media (max-width: 767px) {
      div#page-content {
          font-size: 0.8125rem;
      }
  }
  
  div#page-content h1,
  div#page-content h2,
  div#page-content h3,
  div#page-content h4,
  div#page-content h5,
  div#page-content h6 {
      font-family: "Noto Serif SC", serif;
      font-weight: 700;
  }
  
  div#page-content h1 {
      color: #000;
      font-weight: 700;
      text-align: center;
      margin: 4rem 0 2rem 0;
      border-top: solid 2px #CCC;
      border-bottom: solid 2px #CCC;
      letter-spacing: 0.25rem;
  }
  
  div#page-content > p,
  div#page-content > div.blockquote > p {
      text-indent: 2em;
  }
  
  div#page-content h3 {
      border-left: double 6px #CCC;
      padding-left: 0.5rem;
  }
  
  div.full-width-container {
      margin-inline: auto;
      width: 0;
      max-width: 0;
      position: relative;
  }
  
  div.full-width-container > div {
      width: 100vw !important;
      max-width: 100vw !important;
      margin-inline: -50vw;
  }
  
  div.gradient-container {
      padding-top: 15rem;
      background-image: linear-gradient(to top, #181b39 20%, 70%, transparent);
      background-size: 100%;
      background-position: center bottom;
      background-repeat: no-repeat;
      border-bottom: solid 0.2rem #181b3955;
  }
  
  @media (max-width: 767px) {
      div.gradient-content {
          max-width: 90%;
          margin: 0 5%;
          padding: 0;
      }
  }
  
  @media not all and (max-width: 767px) {
      div.gradient-content {
          max-width: 44.5rem !important;
          margin: 0 auto;
          padding: 0;
          transition: max-width 0.2s ease-in-out;
      }
  }
  
  div.gradient-content p {
      color: #999;
      text-indent: 2em;
  }
  
  div#page-info,
  div.page-watch-options {
      color: #999;
  }
  
  div.page-watch-options a,
  div#page-options-bottom a {
      color: #AAF;
  }
  
  div#action-area {
      background-color: #E6E6E6;
      padding: 1.5rem;
      border-radius: 1rem;
      margin: 1.5rem 0;
  }

  Pages using this styling

  • runrunrun [info]

  ¶ 1 occurrence
  

  :root {
  
      --header-logo: url('https://scp-wiki.wdfiles.com/local--files/dinodraws-author-page/departmentofgeology%20darkmode.png');
   --title: "Geological Research Site-898";
    --subtitle: "'Til the Dead Canary Sings";
      --space-body-bg: url(https://scp-wiki.wdfiles.com/local--files/run-the-river-red-hub/backgroundattempt.jpg);
  body {
      background-image: var(--space-body-bg);
      background-size: 100%;
      background-attachment: fixed;
  
    background-size: cover;
    background-position: center;
  
  @media only screen and (max-width: 600px){
  #content-wrap{
  background-image:none;
  }
  #content-wrap:before{
  content:"";
  display:block;
  position:fixed;
  left:0;
  top:0;
  width:100vw;
  height:100vh;
  background-size:cover;
  background:url("https://scp-wiki.wdfiles.com/local--files/scp-8446/mobilebackground.png") no-repeat 65% 20% !important;
  z-index:-1;
  }
  
  }
  }
  
  --one-color: 158, 60, 64;
  --two-color: 112, 112, 112;
  --three-color: 158, 27, 27;
  
  a {
    color: #f98e6d;
  }
  
  a:visited {
    color: #e1533e;
  }
  
  .oro{
      padding: 4px 16px 4px 16px;
      box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
      width: 90%;
      margin: auto;
      margin-bottom: 28px;
      margin-top: 28px;
      background: #000000;
      border: solid 0.25rem #f50f22;
      box-sizing: border-box;
  }
  
  .red{
      padding: 4px 16px 4px 16px;
      box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
      width: 80%;
      margin: auto;
      margin-bottom: 28px;
      margin-top: 28px;
      background-image: url("https://scp-wiki.wdfiles.com/local--files/run-the-river-red-hub/redtrans.png");
      background-position: center;
      border: ridge 0.35rem #b80000;
  }
  
  .red a {
    color: #e01f1f;
  }
  
  .hunt {
    background-image:
      url("https://scp-wiki.wdfiles.com/local--files/run-the-river-red-hub/hunt-topleft.png"),
      url("https://scp-wiki.wdfiles.com/local--files/run-the-river-red-hub/hunt-bottomleft.png"),
      url("https://scp-wiki.wdfiles.com/local--files/run-the-river-red-hub/hunt-topright.png"),
      url("https://scp-wiki.wdfiles.com/local--files/run-the-river-red-hub/hunt-bottomright.png");
    background-size: 200px; /* can be adjusted cuz this might not be the right size out of the box */
    background-repeat: no-repeat;
    background-position: top left, bottom left, top right, bottom right;
    padding: 30px;
    width: 80%;
    margin: auto;
  }
  
  .hunt a {
    color: #ded5bf;
  }
  
  .deer {
    background-image:
      url("https://scp-wiki.wdfiles.com/local--files/run-the-river-red-hub/deer-topleft.png"),
      url("https://scp-wiki.wdfiles.com/local--files/run-the-river-red-hub/deer-bottomleft.png"),
      url("https://scp-wiki.wdfiles.com/local--files/run-the-river-red-hub/deer-topright.png"),
      url("https://scp-wiki.wdfiles.com/local--files/run-the-river-red-hub/deer-bottomright.png");
    background-size: 200px; /* can be adjusted cuz this might not be the right size out of the box */
    background-repeat: no-repeat;
    background-position: top left, bottom left, top right, bottom right;
    padding: 30px;
    width: 80%;
    margin: auto;
  }
  
  .deer a {
    color: #ad54e3;
  }
  
  .mine{
      padding: 4px 16px 4px 16px;
      box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
      width: 80%;
      margin: auto;
      margin-bottom: 28px;
      margin-top: 28px;
      background-image: url("https://scp-wiki.wdfiles.com/local--files/run-the-river-red-hub/swamptest.png");
      background-position: center;
      background-repeat: no-repeat;
      border: double 0.45rem #f98e6d;
  }
  
  .godclash{
    background-image:
      url("https://scp-wiki.wdfiles.com/local--files/run-the-river-red-hub/deer-topleft.png"),
      url("https://scp-wiki.wdfiles.com/local--files/run-the-river-red-hub/hunt-bottomleft.png"),
      url("https://scp-wiki.wdfiles.com/local--files/run-the-river-red-hub/deer-topright.png"),
      url("https://scp-wiki.wdfiles.com/local--files/run-the-river-red-hub/hunt-bottomright.png");
    background-size: 200px; /* can be adjusted cuz this might not be the right size out of the box */
    background-repeat: no-repeat;
    background-position: top left, bottom left, top right, bottom right;
    padding: 30px;
    width: 80%;
    margin: auto;
  }
  
  .godclash a {
    color: #a288d1;
  }
  
  @media (max-width: 700px) {
    /* anything in here will only apply if you're on a device that's' 480px wide or below */
    .deer {
      background-size: 150px;
    }
  
    .hunt {
      background-size: 150px;
    }
  
    .godclash {
      background-size: 150px;
    }
  }
  

  Pages using this styling

  • run-the-river-red-hub [info]

  ¶ 1 occurrence
  

  .rumcon-image-outer {
    display: flex;
    justify-content: center;
    width: 100%;
  }
  
  .rumcon-image-layout {
    display: flex;
    gap: 12px;
    align-items: stretch;
    height: 500px;
    width: fit-content;
    max-width: 100%;
  }
  
  .rumcon-image-left {
    flex: 1;
    min-width: 220px;
    max-width: 320px !important;
  }
  
  .rumcon-image-right {
    display: flex;
    flex-direction: column;
    gap: 12px;
    flex: 1;
    min-width: 180px;
    max-width: 350px !important;
  }
  @media (max-width: 800px) {
    .rumcon-image-layout {
      flex-direction: column;
      height: auto;
      width: 100%;
      max-width: 100%;
      align-items: center;
    }
  
    .rumcon-image-left,
    .rumcon-image-right {
      min-width: 0;
      max-width: 60% !important;
      margin-left: auto;
      margin-right: auto;
    }
  
    .rumcon-image-right {
      align-items: center;
    }
  }
  
  .scp-image-block.block-right {
    margin: 0em !important;
  }

  Pages using this styling

  • rumcon [info]

  ¶ 1 occurrence
  

  :root {
    --basalt-main-text-color: 242, 228, 207;
    --basalt-secondary-color: 49, 33, 27;
    --basalt-tertiary-color: 49, 33, 27;
    --basalt-primary-color: 26, 18, 15;
    --general-border-color: 190, 132, 52;
    --basalt-bright-element-color: 190, 132, 52;
  }
  
  div#container-wrap {
      background-color: #1A120F;
  }
  div#page-content {
      background-color: #201512;
  }
  blockquote {
    background-color: #31211B;
  }
  .responsive_table .table_data {
          background-color: #241915;
          color: #F2E4CF;
  }
  .responsive_table .table_header_data,
  .responsive_table .table_data:before {
          background: #31211B;
          color: #f2e4cf;
  }
  @media screen and (max-width: 800px) {
    .responsive_table .table_data {
            background-color: #241915;
            color: #F2E4CF;
    }
    .responsive_table .table_header_data {
            background: #31211B;
            color: #f2e4cf;
    }
    .responsive_table .table_row {
      background-color: transparent;
      border: 0em;
    }
  }
  

  Pages using this styling

  • rumcon [info]

  ¶ 1 occurrence
  

  .responsive_table > :nth-child(n + 8) {
    filter: blur(1px)
  }
  
  .responsive_table > :nth-child(n + 14) {
    filter: blur(2px)
  }
  
  .responsive_table > :nth-child(n + 20) {
    filter: blur(3px)
  }
  
  .responsive_table > :nth-child(n + 25) {
    filter: blur(4px)
  }

  Pages using this styling

  • rumcon [info]

  ¶ 1 occurrence
  

  /* hehe I put the module in the middle I'm so devilish */
  
  a.collapsible-block-link { font-weight: bold; }
  
  body {
     background: #f6f6f6;
  }
  .femaledog{
    font-size:2em;
    color:firebrick;
    font-weight:800;
    font-style: italic;
    text-align: center;
    background: white;
    border: 4px outset white;
    padding-right: 8px;
    padding-left: 3px;
    width: intrinsic;                   /* Safari/WebKit uses a non-standard name */
    width: -moz-max-content;    /* Firefox/Gecko */
    width: -webkit-max-content; /* Chrome */
    margin: auto;
  }
   .avatar-hover { display: none !important; }
  
  .box {
    background: #6f6f6f;
    color: white;
    border: 1px solid darkgray;
    padding: 5px 8px;
    position: relative;
    z-index: 2;
    margin-bottom: 12px;
  }
  .mid{
    background: #919191;
    border: none;
    width: 70%;
    margin: auto;
    padding: 3px 8px;
    margin-bottom: 0px;
    text-align: center;
    font-style: italic;
  }
  .small{ width:50%;}
  
  .line{
    border-radius: 4px;
    border: 2px solid darkgray;
    font-size: 110%;
    padding: 2px 5px 5px 5px;
    font-weight: bold;
    color: white;
    text-align: left;
    z-index: 3;
    display: inline-block;
    margin: 0 0 -1.1rem;
  }
  .champ{ background: #5959ef;}
  .stone{ background: #b4503d;}
  .judge{ background: #a77e22;}
  .socko{ background: #cf50f1;}
  .thorton{ background: #2d950f;}
  
  .padding{padding: 1em;}
  
  @media only screen and (max-width: 600px) {
    .padding {padding:.5em;}
    .box {vertical-align: 1.9em;}
  }

  Pages using this styling

  • ruiz-duchamp-ace-attorney [info]

  ¶ 1 occurrence
  

  #page-content .collapsible-block-folded a.collapsible-block-link {
      animation: blink 0.8s ease-in-out infinite alternate;
  }
  @keyframes blink {
      0% { color: transparent; }
      50%, 100% { color: transparent; }
  }

  Pages using this styling

  • rtme-author [info]

  ¶ 1 occurrence
  

  
  .yui-navset.yui-navset-top {
    border-left: 3px solid var(--light-accent);
  }
  .yui-navset .yui-nav {
    position: relative;
    z-index: 0;
    border: none;
    padding-left: 0.2em;
  }
  .yui-navset .yui-nav li {
    padding: 0;
    margin: 0.2em 0.3em;
    transition: transform 0.2s ease-in-out;
  }
  .yui-navset .yui-nav li a {
    background: transparent;
    color: #5f6368;
    border: 1px solid var(--border-colour);
    transition: background 0.1s ease-in-out,
          color 0.1s ease-in-out,
          border 0.1s ease-in-out;
  }
  .yui-navset .yui-nav li a:hover {
    background: rgba(0,0,0,0.04);
    color: #202124;
    border: 1px solid var(--border-colour);
  }
  .yui-navset .yui-nav li a em {
    border: none;
    padding: 0.5em 0.5em calc(0.5em - 2px) 0.5em;
  }
  .yui-navset .yui-nav .selected {
    padding: 0;
    margin: 0.2em 0.3em;
    transform: scale(1.1);
  }
  .yui-navset .yui-nav .selected a, .yui-navset .yui-nav .selected a:focus, .yui-navset .yui-nav .selected a:hover {
    padding: 0;
    border: 1px solid var(--dark-accent);
    background: var(--light-accent);
  }
  .yui-navset .yui-nav .selected a em {
    padding: 0.5em 0.5em calc(0.5em - 2px) 0.5em;
    border: none;
  }
   
  .yui-navset .yui-content {
    display: flex;
    flex-direction: column;
    background-color: transparent;
    border: none;
    padding: 0;
    position: relative;
    margin-top: 0.2em;
    transform-origin: 0 0;
  }
  .yui-navset .yui-content > div {
    border: 1px solid var(--border-colour);
    border-left: none;
    background-color: #f5f5f5;
    padding: 0.25em 0.5em;
    display: block;
    top: 0;
    overflow: hidden;
    transform-origin: 0 0;
  }
  #page-content .yui-navset .yui-content > div > * {
    transform-origin: 0 0;
  }
  #page-content .yui-navset .yui-content > div[style*="none"] {
    display: block !important;
    flex: 0;
    max-height: 0;
    padding: 0 0.5em;
    border-width: 0;
    /* The following transition affects the one that DISAPPEARS */
    transition: padding 0s linear 0.5s,
          border-width 0s linear 0.5s,
          flex 0.5s cubic-bezier(.0,1.27,.0,.89) 0s;
    animation: tab-disappear 0.5s ease-in-out 0s 1 both;
  }
  #page-content .yui-navset .yui-content > div[style*="block"] {
    display: block !important;
    flex: 1;
    max-height: 9999rem;
    /* The following transition affects the one that APPEARS */
    transition: padding 0s linear 0.5s,
          border-width 0s linear 0.5s,
          flex 0.5s cubic-bezier(.99,.0,.99,.0) 0.5s;
    animation: tab-appear 0.5s ease-in-out 0.5s 1 both;
  }
   
  @keyframes tab-disappear {
    0% { max-height: 9999rem; }
    1% { max-height: 100vh; }
    100% { max-height: 0; }
  }
  @keyframes tab-appear {
    0% { max-height: 0; }
    99% { max-height: 100vh; }
    100% { max-height: 9999rem; }
  }
  

  Pages using this styling

  • rtc-s-file [info]

  ¶ 1 occurrence
  

  :root {
  --header-title: "Site-169";
  --header-subtitle: "Anomalous Entity Engagement Division";
      --logo-image: url("http://scpdsandbox.wikidot.com/local--files/depcon/AEEDLogoWhite.png");
  }

  Pages using this styling

  • routinetragedies [info]

  ¶ 1 occurrence
  

  
  .bone-proposal {
    background-image: url(https://scp-wiki.wdfiles.com/local--files/rounderhouse-s-author-page/iun%202%2C%20niram.jpg);
    background-size: cover;
    background-blend-mode: screen;
  }
  
  .scp-8976 {
    background-image: url(https://scp-wiki.wdfiles.com/local--files/scp-8976/1.png);
    background-size: cover;
    background-blend-mode: color-burn;
  }
  
  .scp-8916 {
    background-image: url(https://scp-wiki.wdfiles.com/local--files/scp-8916/tree.jpg);
    background-size: cover;
    background-blend-mode: color-burn;
  }
  
  .scp-8969 {
    background-image: url(https://scp-wiki.wdfiles.com/local--files/scp-8969/aitken.png);
    background-size: cover;
    background-blend-mode: color-burn;
  }
  
  .scp-8918 {
    background-image: url(https://scp-wiki.wdfiles.com/local--files/scp-8918/can.png);
    background-size: cover;
    background-blend-mode: color-burn;
  }
  
  .scp-4161 {
    background-image: url(https://scp-wiki.wdfiles.com/local--files/scp-4161/monk2.png);
    background-size: cover;
    background-blend-mode: color-burn;
  }
  
  .scp-4776 {
    background-image: url(https://scp-wiki.wdfiles.com/local--files/scp-4776/space.jpg);
    background-size: cover;
    background-blend-mode: screen;
  }
  
  .scp-7819 {
    background-image: url(https://scp-wiki.wdfiles.com/local--files/scp-7819/corridor.png);
    background-size: cover;
    background-blend-mode: color-burn;
  }
  
  .scp-5140 {
    background-image: url(https://scp-wiki.wdfiles.com/local--files/scp-5140/mount.png);
    background-size: cover;
    background-blend-mode: color-burn;
  }
  
  .scp-6000 {
    background-image: url(https://scp-wiki.wdfiles.com/local--files/fragment:scp-6000-2/smallsnek.jpg);
    background-size: cover;
    background-blend-mode: screen;
  }
  
  .scp-6274 {
    background-image: url(https://scp-wiki.wdfiles.com/local--files/scp-6274/table.png);
    background-size: cover;
    background-blend-mode: color-burn;
  }
  
  .memento-mori {
    background-image: url(https://scp-wiki.wdfiles.com/local--files/rounderhouse-proposal/administrator.jpg);
    background-size: cover;
    background-blend-mode: color-burn;
  }
  
  .scp-4511 {
     background-image: url(https://scp-wiki.wdfiles.com/local--files/scp-4511/spicy.jpg);
    background-size: cover;
    background-blend-mode: lighten;
  }
  
  .gold-proposal {
     background-image: url('https://scp-wiki.wdfiles.com/local--files/rounderhouse-gold-proposal/amoniram.png');
    background-size: cover;
    background-blend-mode: hard-light;
  }
  
  .scp-7311 {
     background-image: url(https://scp-wiki.wikidot.com/local--files/rounderhouse-s-author-page/National_Security_Agency_headquarters%252C_Fort_Meade%252C_Maryland.webp);
    background-size: cover;
    background-blend-mode: color-burn;
  }
  
  .scp-6819 {
     background-blend-mode: lighten;
    background-size: cover;
    background-image: url(https://scp-wiki.wdfiles.com/local--files/scp-6819/road.png);
  }
  
  .scp-5983 {
     background-image: url(https://scp-wiki.wdfiles.com/local--files/scp-5983/splosion.jpg);
    background-blend-mode: color-burn;
    background-size: cover;
    background-position: center bottom;
  }
  
  .scp-5549 {
      background-image: url(https://scp-wiki.wdfiles.com/local--files/scp-5549/800px-Vincent_Wigglesworth.jpg);
    background-blend-mode: color-burn; 
    background-size: cover;
  }
  
  .scp-7976 {
      background-image: url(https://scp-wiki.wdfiles.com/local--files/scp-7976/ferrets.jpg);
    background-blend-mode: color-burn;
    background-size: cover;
  }
  
  .jade-proposal {
     background-image: url(https://scp-wiki.wdfiles.com/local--files/rounderhouse-jade-proposal/JadeHeader2k.jpg);
    background-size: cover;
    background-blend-mode: color-burn;
  }
  
  .jade-proposal .title, .jade-proposal .subtitle, .jade-proposal .subbertitle {
     color: #ec0000;
     text-shadow: none;
  }
  
  .jade-proposal:hover {
    background-color: #b98989;
    background-blend-mode: difference;
  }
  
  .jade-proposal:hover .title, .jade-proposal:hover .subtitle, .jade-proposal:hover .subbertitle {
     color: #000;
  }
  
  .scp-5227 {
     background-image: url(https://scp-wiki.wdfiles.com/local--files/scp-5227/rounderfog.jpg);
    background-blend-mode: color-burn;
    background-size: 160%;
  }
  
  .scp-4149 {
     background-image: url(https://scp-wiki.wdfiles.com/local--files/scp-4149/art.png);
    background-size: cover;
    background-blend-mode: luminosity;
  }
  
  .extdoc-5495 {
     background-image: url(https://scp-wiki.wikidot.com/local--files/rounderhouse-s-author-page/800px-Teletherapy_Capsule2.svg.png);
    background-blend-mode: color-burn;
    background-size: cover;
  }
  
  .scp-6794 {
      background-image: url(https://scp-wiki.wdfiles.com/local--files/scp-6794/boxes.jpg);
    background-blend-mode: color-burn;
    background-size: cover;
  }
  
  .fratricide {
     background-image: url(https://cdn.discordapp.com/attachments/877730187956080690/1244017030781341696/GLZdQzCaEAE0S__.jpg?ex=6656e064&is=66558ee4&hm=191b92591eed4cb7874b0d53a0b97c2039db4975649b3db752aeb98f52705b49&);
    background-blend-mode: color-burn;
    background-size: cover;
  }
  .scp-8918 {
     background-image: url(https://scp-wiki.wikidot.com/local--files/rounderhouse-s-author-page/1024px-Chateauwood.jpg);
    background-blend-mode: color-burn;
    background-size: cover;
  }
  
  .scp-5376 {
     background-image: url(https://scp-wiki.wdfiles.com/local--files/scp-5376/turbo.png);
    background-blend-mode: color-burn;
    background-size: cover;
  }
  
  .scp-5762 {
     background-image: url(https://scp-wiki.wikidot.com/local--files/rounderhouse-s-author-page/800px-WBAMC_first_in_DoD_to_use_robot_for_surgery_160426-A-EK666-506.jpg);
    background-blend-mode: color-burn;
    background-size: cover;
  }
  
  .scp-8003 {
      background-image: url(https://scp-wiki.wdfiles.com/local--files/scp-8003/guinevere.png);
    background-blend-mode: multiply;
    background-size: cover;
  }
  
  .scp-7545 {
     background-image: url(https://scp-wiki.wikidot.com/local--files/rounderhouse-s-author-page/bunker.webp);
    background-blend-mode: color-burn;
    background-size: cover;
  }
  
  .fratricide {
     background-image: url(https://scp-wiki.wikidot.com/local--files/rounderhouse-s-author-page/fratricide.webp);
    background-blend-mode: color-burn;
    background-size: cover;
  }
  
  .scp-4249 {
     background-image: url(https://scp-wiki.wdfiles.com/local--files/scp-4249/bay.jpg);
    background-blend-mode: color-burn;
    background-size: cover;
  }
  
  .scp-7288 {
     background-image: url(https://scp-wiki.wdfiles.com/local--files/scp-7288/16827823321_96e98b71c3_b.jpg);
    background-blend-mode: color-burn;
    background-size: cover;
  }
  
  .scp-6781 {
     background-image: url(https://scp-wiki.wdfiles.com/local--resized-images/scp-6781/Cave/medium.jpg);
    background-blend-mode: color-burn;
    background-size: cover;
  }
  
  .scp-6380 {
     background-image: url(https://scp-wiki.wikidot.com/local--files/rounderhouse-s-author-page/derringer.webp);
    background-blend-mode: color-burn;
    background-size: cover;
  }
  
  .scp-4512 {
     background-image: url(https://scp-wiki.wdfiles.com/local--files/scp-4512/scp-4512.jpg);
    background-blend-mode: color-burn;
    background-size: cover;
  }
  
  .scp-3790-j {
     background-image: url(https://scp-wiki.wdfiles.com/local--files/scp-3790-j/petsmart.png);
    background-blend-mode: color-burn;
    background-position: top;
    background-size: cover;
  }
  
  .scp-4316 {
     background-image: url(https://scp-wiki.wdfiles.com/local--files/scp-4316/unknown.png);
    background-blend-mode: color-burn;
    background-size: cover;
  }
  
  .secure-facility-dossier-site-7 {
     background-image: url(https://scp-wiki.wdfiles.com/local--files/secure-facility-dossier-site-7/site7.png);
    background-blend-mode: soft-light;
    background-size: cover;
  }
  
  .scp-7703 {
     background-image: url(https://scp-wiki.wdfiles.com/local--files/scp-7703/headhole.jpg);
    background-blend-mode: luminosity;
    background-size: cover;
  }
  
  .scp-6196 {
     background-image: url(https://scp-wiki.wdfiles.com/local--files/scp-6196/george.png);
    background-blend-mode: lighten;
    background-size: cover;
  }
  
  .boner-proposal {
     background-image: url(https://scp-wiki.wdfiles.com/local--files/bone-proposal/bonerproposalCC.png);
    background-blend-mode: color-burn;
    background-size: cover;
  }
  
  .scp-5375 {
     background-image: url(https://scp-wiki.wdfiles.com/local--files/scp-5375/reactor.png);
    background-blend-mode: color-burn;
    background-size: cover;
  }
  
  .interregnum-everest {
     background-image: url(https://scp-wiki.wdfiles.com/local--files/interregnum-everest/everest.png);
    background-blend-mode: color-burn;
    background-size: cover;
  }
  
  .interregnum-blackstar {
     background-image: url(https://scp-wiki.wdfiles.com/local--files/interregnum-blackstar/SIEGE.png);
    background-blend-mode: color-burn;
    background-size: cover;
  }
  
  .scp-5982 {
     background-image: url(https://scp-wiki.wdfiles.com/local--files/scp-5982/camp.png);
    background-blend-mode: color-burn;
    background-size: cover;
  }
  
  .breakneck {
     background-image: url(https://scp-wiki.wdfiles.com/local--files/breakneck/cars.png);
    background-blend-mode: color-burn;
    background-size: cover;
  }
  
  .humint {
     background-image: url(https://scp-wiki.wdfiles.com/local--files/humint/panopticon.png);
    background-blend-mode: luminosity;
    background-size: cover;
  }
  
  .lamb-of-god {
     background-image: url(https://scp-wiki.wdfiles.com/local--files/lamb-of-god/torturous.png);
    background-blend-mode: color-burn;
    background-size: cover;
  }
  
  .voodoo-ranger {
     background-image: url(https://scp-wiki.wdfiles.com/local--files/voodoo-ranger/hurricane.png);
    background-blend-mode: luminosity;
    background-size: cover;
  }
  
  .vagabond-actual {
     background-image: url(https://scp-wiki.wdfiles.com/local--files/vagabond-actual/moon.jpg);
    background-blend-mode: screen;
    background-size: cover;
  }
  
  .delta-wave {
     background-image: url(https://scp-wiki.wdfiles.com/local--files/delta-wave/delta-wave.png);
    background-blend-mode: color-burn;
    background-size: cover;
  }
  
  .scp-6423 {
     background-image: url(https://scp-wiki.wdfiles.com/local--files/scp-6423/cas.jpg);
    background-blend-mode: color-burn;
    background-size: cover;
  }
  
  .carroll-188 {
     background-image: url(https://scp-wiki.wdfiles.com/local--files/carroll-188-gemini/gemini.jpg);
    background-blend-mode: color-burn;
    background-size: cover;
  }
  
  .scp-057-int {
     background-image: url(https://scp-wiki.wdfiles.com/local--files/scp-057-int/door.png);
    background-blend-mode: color-burn;
    background-size: cover;
  }
  
  .heaving-spirit {
    background-image: url(https://scp-wiki.wikidot.com/local--files/rounderhouse-s-author-page/skO4rrW.webp);
    background-blend-mode: color-burn;
    background-position: left;
    background-size: cover;
  }
  
  .undervegas-header {
     grid-column: 1 / -1;
    pointer-events: none;
    background: url("https://scp-wiki.wikidot.com/local--files/rounderhouse-s-author-page/Bellagio_Fountain.webp"), url("https://scp-wiki.wdfiles.com/local--files/theme%3Ahighroller/dicediag.png"), linear-gradient(0deg, rgb(74, 0, 0) 0%, rgba(53, 0, 0, 0.91) 50%) !important;
    background-blend-mode: overlay, normal !important;
    background-position: center !important;
    background-size: 130% !important;
    border: 4px double goldenrod;
    min-height: 4.5rem !important
  }
  
  .undervegas-header .title {
      color: goldenrod;
      font-size: 350% !important;
    text-align: center;
    text-shadow: 0 0 5px goldenrod !important;
  }
  
  .undervegas-header .subtitle, .undervegas-header .subbertitle {
     display: none;
  }
  
  .scp-4661 {
     background-image: url(https://scp-wiki.wdfiles.com/local--files/scp-4661/lux.png);
    background-blend-mode: lighten;
    background-size: cover;
  }
  
  .scp-5690 {
     background-image: url(https://scp-wiki.wdfiles.com/local--files/scp-5690/redlight.png);
    background-blend-mode: color-burn;
    background-size: cover;
  }
  
  .scp-7666 {
     background-image: url(https://scp-wiki.wdfiles.com/local--files/scp-7666/luxorred.png);
    background-blend-mode: difference;
    background-size: cover;
  }
  
  .undervegas-hub {
     background-image: url(https://scp-wiki.wdfiles.com/local--files/undervegas-hub/Undervegas2.png);
    background-blend-mode: multiply;
    background-size: cover;
  }

  Pages using this styling

  • rounderhouse-s-author-page [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.bunny.net/css2?family=DM+Serif+Display:ital@0;1&display=swap');
  @import url('https://fonts.bunny.net/css2?family=Telex&display=swap');
  .serif {
      font-family: "DM Serif Display", serif;
  }
  table.page-files, table.page-files tr > td > a:not(.btn) {
      color: white;
  }
  
  #page-title {
      display: none;
  }
  #extra-div-1 {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 10.1rem;
    background-image: url("https://scp-wiki.wikidot.com/local--files/rounderhouse-s-author-page/rndrhs.webp");
    background-size: cover;
    background-position: 50% 65%;
    background-repeat: repeat-x;
    pointer-events: none;
  }
  
  .biggrid {
      display: grid;
      grid-template-columns: repeat(5, minmax(10px, 1fr));
      align-items: stretch;
      column-gap: 0.75rem;
      row-gap: 0.75rem;
      grid-auto-flow: dense;
  
      width: 75vw;
      max-width: 100vw !important;
      position: relative;
      left: calc(-37.5vw + 50%);
  }
  
  .griddle > p {
     margin: 0;
  }
  
  .griddle {
      position: relative;
      /* border: 3px solid green; */
      background-color: #ec0000;
      background-image: url('https://scp-wiki.wikidot.com/local--files/rounderhouse-s-author-page/ronder.webp');
      background-size: 50%;
      background-blend-mode: color-burn;
      background-position: center;
      min-height: 12rem;
      border-radius: 0.25rem;
      padding: 0.25rem 0.5rem;
  
      place-self: stretch;
      transition: all 500ms ease-in-out;
  }
  
  
  .griddle:hover, .griddle:focus, .griddle:active {
      background-color: #ffa6a6;
      background-position: 60% 60%;
  }
  
  .griddle h1, .griddle h2, .griddle h3 {
      font-family: "DM Serif Display", serif;
      font-style: italic;
  }
  /*
  .griddle p:first-of-type {
     position: relative;
     top: -1rem;
  }
  
  .griddle p:last-of-type {
     position: relative;
     bottom: -1rem;
     align-self: flex-end;
  }
  
  
  */
  
  .siddle {
      display: flex;
      flex-direction: column;
      justify-content: flex-start;
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      padding: 3%;
      padding-top: 0;
      color: black!important;
      text-decoration: none!important;
  }
  
  .griddle .title {
      font-family: "DM Serif Display", serif;
      font-style: italic;
      font-weight: bold;
      font-size: 200%;
      text-shadow: #ec0000 0 0 1px;
  }
  
  .griddle .subtitle {
      font-family: "DM Serif Display", serif;
      font-weight: bold;
      font-style: italic;
      text-shadow: #ec0000 0 0 1px;
  }
  
  .griddle .subbertitle {
      font-family: "Telex", sans-serif;
      font-style: italic;
      font-size: 80%;
      margin-left: auto;
      margin-top: auto;
  }
  
  .alphagriddle {
      display: block;
      min-height: 10rem;
      /* border: 3px solid blue; */
      grid-row-end: span 2;
      grid-column-end: span 3;
     border-radius: 0.25rem;
     background-image: url(https://scp-wiki.wikidot.com/local--files/rounderhouse-s-author-page/rndrhs2.webp);
     background-size: cover;
     background-position: center;
  }
  
  .alphagriddle img {
     border-radius: 0.25rem;
  }
  
  .art {
      background-size: cover;
      pointer-events: none;
      /* background-color: transparent; */
      background-blend-mode: luminosity;
  }
  
  .art .title, .art .subtitle, .art .subbertitle {
      display: none;
  }
  
  .art:hover {
      background-color: transparent;
  }
  
  .long {
      grid-column-end: span 2;
  }
  
  .tall {
      grid-row-end: span 2;
  }
  
  .fave {
  }
  
  .fave::after {
  background-color: #db0000;
    background-image: url('https://scp-wiki.wikidot.com/local--files/rounderhouse-s-author-page/Radial_engine.gif');
    background-blend-mode: screen;
    background-size: contain;
    background-position: center;
    width: 1rem;
    height: 1rem;
    content: "";
    z-index: 0;
    display: block;
    padding: 0.5rem 0.5rem;
    position: absolute;
    font-size: 70%;
    right: -0.25rem;
    top: -0.25rem;
    color: black;
    border-left: 5px solid black;
    border-bottom: 5px solid black;
    background-repeat: no-repeat;
  }
  
  .threehundo {
  }
  
  .threehundo::after {
    background: #db0000;
    width: 10rem;
    height: 1rem;
    content: "+300";
    z-index: 0;
    display: block;
    width: fit-content;
    padding: 0.5rem 0.5rem;
    position: absolute;
    font-size: 60%;
    right: -0.25rem;
    top: -0.25rem;
    color: black;
    border-left: 5px solid black;
    border-bottom: 5px solid black;
  }
  
  .fivehundo {
  }
  
  .fivehundo::after {
    background: #db0000;
    width: 10rem;
    height: 1rem;
    content: "+500";
    z-index: 0;
    display: block;
    width: fit-content;
    padding: 0.5rem 0.5rem;
    position: absolute;
    font-size: 60%;
    right: -0.25rem;
    top: -0.25rem;
    color: black;
    outline: 5px solid black;
  }
  
  .thousando {
  }
  
  .thousando::after {
    background: #db0000;
    width: 10rem;
    height: 1rem;
    content: "+1000";
    z-index: 0;
    display: block;
    width: fit-content;
    padding: 0.5rem 0.5rem;
    position: absolute;
    font-size: 60%;
    right: -0.25rem;
    top: -0.25rem;
    color: black;
    border-left: 5px solid black;
    border-bottom: 5px solid black;
  }
  
  .tale .title {
      font-size: 125%;;
  }
  
  .tale .subtitle {
    display: none;
  }
  
  
  /* *** MOBILE *** */
  
  @media only screen and (max-width: 765px) {
      .biggrid {
           grid-template-columns: 1fr;
           width: auto;
           left: 0;
      }
       
      .griddle {
         grid-column: 1 / -1;
         width: auto;
      }
  }
  
  
  #content-wrap {
  background-color: #0c0000;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='600' height='600' viewBox='0 0 600 600'%3E%3Cpath fill='%23e20000' fill-opacity='0.84' d='M600 325.1v-1.17c-6.5 3.83-13.06 7.64-14.68 8.64-10.6 6.56-18.57 12.56-24.68 19.09-5.58 5.95-12.44 10.06-22.42 14.15-1.45.6-2.96 1.2-4.83 1.9l-4.75 1.82c-9.78 3.75-14.8 6.27-18.98 10.1-4.23 3.88-9.65 6.6-16.77 8.84-1.95.6-3.99 1.17-6.47 1.8l-6.14 1.53c-5.29 1.35-8.3 2.37-10.54 3.78-3.08 1.92-6.63 3.26-12.74 5.03a384.1 384.1 0 0 1-4.82 1.36c-2.04.58-3.6 1.04-5.17 1.52a110.03 110.03 0 0 0-11.2 4.05c-2.7 1.15-5.5 3.93-8.78 8.4a157.68 157.68 0 0 0-6.15 9.2c-5.75 9.07-7.58 11.74-10.24 14.51a50.97 50.97 0 0 1-4.6 4.22c-2.33 1.9-10.39 7.54-11.81 8.74a14.68 14.68 0 0 0-3.67 4.15c-1.24 2.3-1.9 4.57-2.78 8.87-2.17 10.61-3.52 14.81-8.2 22.1-4.07 6.33-6.8 9.88-9.83 12.99-.47.48-.95.96-1.5 1.48l-3.75 3.56c-1.67 1.6-3.18 3.12-4.86 4.9a42.44 42.44 0 0 0-9.89 16.94c-2.5 8.13-2.72 15.47-1.76 27.22.47 5.82.51 6.36.51 8.18 0 10.51.12 17.53.63 25.78.24 4.05.56 7.8.97 11.22h.9c-1.13-9.58-1.5-21.83-1.5-37 0-1.86-.04-2.4-.52-8.26-.94-11.63-.72-18.87 1.73-26.85a41.44 41.44 0 0 1 9.65-16.55c1.67-1.76 3.18-3.27 4.83-4.85.63-.6 3.13-2.96 3.75-3.57a71.6 71.6 0 0 0 1.52-1.5c3.09-3.16 5.86-6.76 9.96-13.15 4.77-7.42 6.15-11.71 8.34-22.44.86-4.21 1.5-6.4 2.68-8.6.68-1.25 1.79-2.48 3.43-3.86 1.38-1.15 9.43-6.8 11.8-8.72 1.71-1.4 3.26-2.81 4.7-4.3 2.72-2.85 4.56-5.54 10.36-14.67a156.9 156.9 0 0 1 6.1-9.15c3.2-4.33 5.9-7.01 8.37-8.07 3.5-1.5 7.06-2.77 11.1-4.02a233.84 233.84 0 0 1 7.6-2.2l2.38-.67c6.19-1.79 9.81-3.16 12.98-5.15 2.14-1.33 5.08-2.33 10.27-3.65l6.14-1.53c2.5-.63 4.55-1.2 6.52-1.82 7.24-2.27 12.79-5.06 17.15-9.05 4.05-3.72 9-6.2 18.66-9.9l4.75-1.82c1.87-.72 3.39-1.31 4.85-1.91 10.1-4.15 17.07-8.32 22.76-14.4 6.05-6.45 13.95-12.4 24.49-18.92 1.56-.96 7.82-4.6 14.15-8.33v-64.58c-4 8.15-8.52 14.85-12.7 17.9-2.51 1.82-5.38 4.02-9.04 6.92a1063.87 1063.87 0 0 0-6.23 4.98l-1.27 1.02a2309.25 2309.25 0 0 1-4.87 3.9c-7.55 6-12.9 10.05-17.61 13.19-3.1 2.06-3.86 2.78-8.06 7.13-5.84 6.07-11.72 8.62-29.15 10.95-11.3 1.5-20.04 4.91-30.75 11.07-1.65.94-7.27 4.27-6.97 4.1-2.7 1.58-4.69 2.69-6.64 3.66-5.63 2.8-10.47 4.17-15.71 4.17-17.13 0-41.44 11.51-51.63 22.83-12.05 13.4-31.42 27.7-45.25 31.16-7.4 1.85-11.85 7.05-14.04 14.69-1.26 4.4-1.58 8.28-1.58 13.82 0 .82.01.98.24 3.63.45 5.18.35 8.72-.77 13.26-1.53 6.2-4.89 12.6-10.59 19.43-13.87 16.65-22.88 46.58-22.88 71.68 0 2.39.02 4.26.06 8.75.12 10.8.1 15.8-.22 21.95-.56 11.18-2.09 20.73-5 29.3h-1.05c2.94-8.56 4.49-18.12 5.05-29.35.31-6.13.34-11.1.22-21.9-.04-4.48-.06-6.36-.06-8.75 0-25.32 9.07-55.47 23.12-72.32 5.6-6.72 8.88-12.99 10.38-19.03 1.09-4.4 1.18-7.85.74-12.93-.23-2.7-.24-2.86-.24-3.72 0-5.62.32-9.57 1.62-14.1 2.28-7.95 6.97-13.44 14.76-15.39 13.6-3.4 32.82-17.59 44.75-30.84C409 360.14 433.58 348.5 451 348.5c5.07 0 9.77-1.33 15.26-4.07 1.93-.96 3.9-2.05 6.58-3.62-.3.18 5.33-3.16 6.98-4.11 10.82-6.21 19.66-9.67 31.11-11.2 17.23-2.3 22.9-4.75 28.57-10.64 4.25-4.41 5.04-5.16 8.22-7.28 4.68-3.11 10.01-7.14 17.55-13.14a1113.33 1113.33 0 0 0 4.86-3.89l1.28-1.02a4668.54 4668.54 0 0 1 6.23-4.98c3.67-2.9 6.55-5.12 9.07-6.95 4.37-3.19 9.16-10.56 13.29-19.4v66.9zm0-116.23c-.62.01-1.27.06-1.95.13-6.13.63-13.83 3.45-21.83 7.45-3.64 1.82-8.46 2.67-14.17 2.71-4.7.04-9.72-.47-14.73-1.33-1.7-.3-3.26-.61-4.67-.93a31.55 31.55 0 0 0-3.55-.57 273.4 273.4 0 0 0-16.66-.88c-10.42-.16-17.2.74-17.97 2.73-.38.97.6 2.55 3.03 4.87 1.01.97 2.22 2.03 4.04 3.55a1746.07 1746.07 0 0 0 4.79 4.02c1.39 1.2 3.1 1.92 5.5 2.5.7.16.86.2 2.64.54 3.53.7 5.03 1.25 6.15 2.63 1.41 1.76 1.4 4.54-.15 8.88-2.44 6.83-5.72 10.05-10.19 10.33-3.63.23-7.6-1.29-14.52-5.06-4.53-2.47-6.82-7.3-8.32-15.26-.17-.87-.32-1.78-.5-2.86l-.43-2.76c-1.05-6.58-1.9-9.2-3.73-10.11-.81-.4-1.59-.74-2.36-1-2.27-.77-4.6-1.02-8.1-.92-2.29.07-14.7 1-13.77.93-20.55 1.37-28.8 5.05-37.09 14.99a133.07 133.07 0 0 0-4.25 5.44l-2.3 3.09-2.51 3.32c-4.1 5.36-7.06 8.48-10.39 11.12-.65.52-1.33 1.04-2.13 1.62l-4.11 2.94a106.8 106.8 0 0 0-5.16 3.99c-4.55 3.74-9.74 8.6-16.25 15.38-8.25 8.58-11.78 13.54-11.7 15.95.07 1.65 1.64 2.11 6.79 2.38 1.61.09 2.15.12 2.98.2 2.95.24 5.09.73 6.81 1.68 7.48 4.15 11.63 7.26 13.95 11.58 3.3 6.15.8 12.88-8.89 20.26-8.28 6.3-11.1 10.37-11.31 14.96-.06 1.17 0 1.93.26 4.43.69 6.47.25 10.65-2.8 17.42a44.23 44.23 0 0 1-4.16 7.53c-2.82 3.97-5.47 5.74-10.6 7.69-.43.16-3.34 1.23-4.27 1.59-1.8.68-3.38 1.36-5.01 2.14-4.18 2-8.4 4.6-13.1 8.24-8.44 6.51-13.23 14.56-15.98 25.06-1.1 4.2-1.55 6.81-2.8 15.21-1.26 8.6-2.17 12.64-4.08 16.55-2.1 4.28-11.93 26.59-12.97 28.88a382.7 382.7 0 0 1-6.37 13.41c-4.07 8.11-7.61 14.07-10.73 17.81-5.38 6.46-8.98 14.37-13.77 28.42a810.14 810.14 0 0 0-1.89 5.6c-1.8 5.35-2.96 8.6-4.26 11.85-6.13 15.32-25.43 26.31-46.46 26.31-11.2 0-20.58-2.74-31.02-8.55-5.6-3.13-4.55-2.42-22.26-14.54-14.33-9.8-17.7-10.73-20.47-6.9-.37.5-1.81 2.74-1.83 2.77a52.24 52.24 0 0 1-4.94 5.9c-.73.79-5.52 5.87-6.97 7.45-2.38 2.6-4.3 4.81-5.98 6.93a45.6 45.6 0 0 0-5.08 7.66c-1.29 2.57-1.9 5.25-2.66 10.6a997.6 997.6 0 0 1-.46 3.18h-1l.47-3.32c.77-5.45 1.4-8.2 2.75-10.9a46.54 46.54 0 0 1 5.2-7.84c1.7-2.14 3.63-4.38 6.03-6.98 1.45-1.59 6.24-6.68 6.96-7.46a51.58 51.58 0 0 0 4.84-5.78s1.47-2.26 1.86-2.8c3.25-4.5 7.08-3.44 21.84 6.67 17.67 12.08 16.62 11.38 22.19 14.48 10.3 5.73 19.5 8.43 30.53 8.43 20.65 0 39.57-10.77 45.54-25.69a219.7 219.7 0 0 0 4.24-11.8 6752.32 6752.32 0 0 0 1.88-5.6c4.83-14.16 8.47-22.14 13.96-28.73 3.05-3.66 6.56-9.57 10.6-17.61 1.97-3.93 4.04-8.31 6.35-13.38 1.03-2.28 10.88-24.61 12.98-28.91 1.85-3.79 2.75-7.76 4-16.25 1.24-8.44 1.7-11.07 2.81-15.32 2.8-10.7 7.71-18.94 16.33-25.6a73.18 73.18 0 0 1 13.29-8.35c1.66-.8 3.27-1.48 5.08-2.18.94-.36 3.86-1.43 4.28-1.59 4.95-1.88 7.44-3.55 10.14-7.33 1.35-1.9 2.68-4.3 4.06-7.37 2.97-6.58 3.39-10.59 2.72-16.9a27.13 27.13 0 0 1-.27-4.58c.22-4.94 3.21-9.24 11.7-15.7 9.33-7.11 11.66-13.34 8.62-19-2.2-4.09-6.25-7.12-13.55-11.17-1.57-.88-3.6-1.33-6.42-1.57-.8-.07-1.34-.1-2.95-.19-5.77-.3-7.63-.85-7.72-3.34-.1-2.81 3.5-7.87 11.97-16.69 6.53-6.8 11.75-11.69 16.33-15.45 1.79-1.47 3.42-2.72 5.2-4.03l4.12-2.94c.79-.58 1.46-1.08 2.1-1.59 3.26-2.6 6.16-5.65 10.21-10.94a383.2 383.2 0 0 0 2.5-3.32l2.31-3.09c1.8-2.39 3.04-4 4.29-5.48 8.47-10.17 16.98-13.96 37.27-15.3-.44.02 12-.9 14.32-.98 3.62-.1 6.05.16 8.46.98.8.27 1.62.62 2.47 1.04 2.27 1.14 3.17 3.87 4.27 10.85l.44 2.76c.17 1.07.33 1.97.5 2.83 1.44 7.69 3.62 12.29 7.8 14.57 6.76 3.68 10.6 5.15 13.99 4.94 4-.25 6.99-3.17 9.3-9.67 1.45-4.04 1.46-6.49.32-7.92-.9-1.12-2.28-1.62-5.57-2.27a55.8 55.8 0 0 1-2.67-.55c-2.54-.6-4.39-1.4-5.93-2.71a252.63 252.63 0 0 0-4.78-4.01 84.35 84.35 0 0 1-4.08-3.6c-2.73-2.6-3.86-4.43-3.28-5.95 1.02-2.64 7.82-3.54 18.93-3.37a230.56 230.56 0 0 1 16.73.88c2.76.39 3.2.49 3.68.6 1.4.3 2.95.62 4.62.91a82.9 82.9 0 0 0 14.56 1.32c5.56-.04 10.24-.86 13.73-2.6 8.1-4.05 15.89-6.9 22.17-7.56.7-.07 1.4-.11 2.05-.13v1zm0-100.94v1.5c-8.62 16.05-17.27 29.55-23.65 35.92-3.19 3.2-7.62 4.9-13.54 5.56-4.45.48-8.28.4-19.18-.2-9.91-.55-15.32-.44-20.52.78a84.05 84.05 0 0 1-15 2.11l-2.25.14c-12.49.75-19.37 1.78-32.72 5.74-4.5 1.33-9.27 2.49-14.3 3.48a246.27 246.27 0 0 1-32.6 3.97c-7.56.45-13.21.57-20.24.57-5.4 0-11.9 1.61-18 5.18-8.3 4.87-15.06 12.87-19.53 24.5a68.57 68.57 0 0 1-4.56 9.8c-3.6 6.2-6.92 8.99-13.38 12.18l-4.03 1.96a64.48 64.48 0 0 0-15.16 10.25c-8.2 7.33-13.72 16.63-22.54 35.6l-2.08 4.49c-7.3 15.7-11.5 23.3-17.35 29.87-7.7 8.66-20.25 14.42-40.31 20.08-4.37 1.23-19.04 5.08-19.24 5.13-6.92 1.87-11.68 3.34-15.63 4.92-10.55 4.22-18.71 10.52-36.38 26.52l-1.7 1.54c-8.58 7.76-13.41 11.9-18.81 15.88-3.95 2.9-8 5.67-12.97 8.91-2.06 1.34-10.3 6.6-12.33 7.94-11.52 7.5-18.53 13.04-24.62 20.08a62.01 62.01 0 0 0-6.44 8.85c-4.13 6.91-6.27 13.15-9.2 25.11l-1.54 6.26c-.6 2.45-1.15 4.54-1.72 6.58-2.97 10.7-6.9 17.36-14.78 26.91L69.6 491a148.51 148.51 0 0 0-4.19 5.3 23.9 23.9 0 0 0-3.44 6.28c-1.16 3.23-1.52 5.9-1.87 11.94-.58 10.05-1.42 15.04-4.63 22.67-1.57 3.72-5.66 14.02-6.41 15.8a73.46 73.46 0 0 1-3.57 7.4c-2.88 5.14-6.71 10.12-13.12 16.95-5.96 6.36-8.87 10.9-10.61 16a56.88 56.88 0 0 0-1.38 4.82l-.46 1.84h-1.03l.52-2.08c.52-2.09.92-3.49 1.4-4.9 1.8-5.25 4.78-9.9 10.84-16.36 6.35-6.78 10.13-11.7 12.97-16.77a72.5 72.5 0 0 0 3.52-7.29c.75-1.76 4.84-12.06 6.4-15.8 3.17-7.5 3.99-12.4 4.56-22.33.35-6.14.72-8.88 1.93-12.23a24.9 24.9 0 0 1 3.58-6.54c1.27-1.7 2.6-3.37 4.22-5.34l4.11-4.95c7.8-9.46 11.66-16 14.59-26.54.56-2.04 1.1-4.12 1.71-6.56l1.53-6.26c2.96-12.04 5.13-18.36 9.32-25.39 1.84-3.08 4-6.05 6.54-8.99 6.17-7.12 13.24-12.7 24.83-20.26 2.05-1.33 10.28-6.6 12.33-7.94 4.96-3.22 9-5.98 12.92-8.87 5.37-3.95 10.19-8.08 18.74-15.82l1.7-1.54c17.76-16.09 25.98-22.43 36.67-26.7 4-1.6 8.8-3.09 15.75-4.96.21-.06 14.87-3.9 19.22-5.13 19.9-5.61 32.32-11.31 39.85-19.78 5.76-6.48 9.93-14.02 17.18-29.64l2.09-4.5c8.87-19.07 14.44-28.46 22.77-35.9a65.48 65.48 0 0 1 15.38-10.4l4.04-1.97c6.3-3.1 9.47-5.77 12.96-11.77a67.6 67.6 0 0 0 4.48-9.67c4.56-11.84 11.47-20.02 19.97-25 6.25-3.66 12.93-5.32 18.5-5.32 7.01 0 12.65-.12 20.17-.57a245.3 245.3 0 0 0 32.47-3.96c5-.98 9.75-2.13 14.22-3.45 13.43-3.98 20.38-5.02 32.94-5.78l2.24-.14c5.76-.37 9.8-.9 14.85-2.09 5.31-1.25 10.79-1.35 22.6-.7 9.04.5 12.84.58 17.21.1 5.71-.62 9.94-2.26 12.95-5.26 6.44-6.45 15.3-20.37 24.35-36.72zm0 450.21c-1.28-4.6-2.2-10.55-3.33-20.25l-.24-2.04-.23-2.03c-1.82-15.7-3.07-21.98-5.55-24.47-2.46-2.46-3.04-5.03-2.52-8.64.1-.6.18-1.1.39-2.15.69-3.54.77-5.04.08-6.84-.91-2.38-3.31-4.41-7.79-6.26-5.08-2.09-6.52-4.84-4.89-8.44.66-1.45 1.79-3.02 3.52-5.01 1.04-1.2 5.48-5.96 5.08-5.53 6.15-6.7 8.98-11.34 8.98-16.48a15.2 15.2 0 0 1 6.5-12.89v1.26a14.17 14.17 0 0 0-5.5 11.63c0 5.47-2.93 10.29-9.24 17.16.38-.42-4.04 4.33-5.07 5.5-1.67 1.93-2.75 3.43-3.36 4.77-1.37 3.04-.23 5.22 4.36 7.1 4.71 1.95 7.32 4.16 8.34 6.83.78 2.04.7 3.67-.03 7.4-.2 1.03-.3 1.51-.38 2.09-.48 3.33.03 5.59 2.23 7.8 2.74 2.74 3.98 8.96 5.84 25.06l.24 2.03.23 2.04c.82 7.01 1.53 12.06 2.34 16.03v4.33zm0-62.16c-1.4-3.13-4.43-9.9-4.95-11.17-1.02-2.53-1.25-3.8-.91-5.18.2-.84 2.05-4.68 2.32-5.33a70.79 70.79 0 0 0 3.54-11.2v3.99a62.82 62.82 0 0 1-2.62 7.6c-.31.75-2.09 4.46-2.27 5.18-.28 1.12-.08 2.22.87 4.57.41 1.02 2.5 5.7 4.02 9.09v2.45zm0-85.09c-1.65 1.66-3.66 2.9-6.4 4.13-.25.1-13.97 5.47-20.4 8.43-9.35 4.32-16.7 5.9-23.03 5.25-5.08-.53-9.02-2.25-14.77-5.92l-3.2-2.07a77.4 77.4 0 0 0-5.44-3.27c-4.05-2.18-3.25-5.8 1.47-10.47 3.71-3.68 9.6-7.93 18.73-13.8l4.46-2.82c17.95-11.33 18.22-11.5 22.27-14.74 11.25-9 19.69-14.02 26.31-15.1v1.02c-6.37 1.1-14.62 6-25.69 14.86-4.1 3.28-4.34 3.44-22.36 14.8a652.4 652.4 0 0 0-4.45 2.83c-9.07 5.83-14.92 10.05-18.57 13.66-4.31 4.28-4.95 7.13-1.7 8.88 1.7.91 3.29 1.88 5.5 3.3l3.2 2.08c5.64 3.59 9.45 5.25 14.34 5.76 6.13.64 13.32-.9 22.52-5.15 6.46-2.98 20.18-8.35 20.4-8.44 3.04-1.37 5.1-2.71 6.81-4.69v1.47zm0-41.37v1c-6.56.26-12.11 3.13-19.71 9.08l-4.63 3.68a51.87 51.87 0 0 1-4.4 3.14c-.82.52-5.51 3.33-6.22 3.76-3.31 2-6.15 3.8-8.87 5.6a112.61 112.61 0 0 0-8.16 5.92c-4.61 3.72-7.4 6.9-7.97 9.35-.63 2.67 1.48 4.53 7.05 5.46 10.7 1.78 20.92-.05 30.45-4.65a61.96 61.96 0 0 0 17.1-12.2 41.8 41.8 0 0 0 5.36-7.42v1.92a38.94 38.94 0 0 1-4.64 6.19 62.95 62.95 0 0 1-17.39 12.41c-9.7 4.68-20.13 6.55-31.05 4.73-6.06-1-8.65-3.29-7.85-6.67.64-2.74 3.53-6.05 8.31-9.9 2.35-1.9 5.1-3.88 8.24-5.97 2.73-1.82 5.58-3.61 8.9-5.62.72-.44 5.4-3.24 6.22-3.75 1.26-.8 2.6-1.76 4.3-3.09.8-.62 3.9-3.1 4.63-3.67 7.77-6.1 13.49-9.04 20.33-9.3zm0-154.6v1c-1.75-.24-4.3.23-7.82 1.55-10.01 3.75-13.8 5.07-19.15 6.76-1.78.56-2.63.83-3.87 1.24-1.48.5-3.16.76-6.74 1.16a1550.34 1550.34 0 0 0-2.64.3c-7.8.94-11.28 2.47-11.28 6.07 0 4.45 2.89 13.18 7.96 25.81a57.34 57.34 0 0 1 2.33 7.6 258.32 258.32 0 0 1 .84 3.46c1.86 7.62 3.17 10.71 5.56 11.67 2.21.88 4.7.6 7.47-.72 3.48-1.69 7.22-4.94 11.2-9.47 1.52-1.7 2.97-3.49 4.59-5.57l3.16-4.1c2.59-3.23 6.07-12.21 8.39-20.23v3.45c-2.29 7.2-5.27 14.5-7.61 17.41-.44.55-2.67 3.46-3.15 4.09-1.63 2.1-3.1 3.9-4.62 5.62-4.08 4.61-7.9 7.94-11.53 9.7-2.99 1.44-5.77 1.75-8.28.74-2.84-1.13-4.2-4.34-6.15-12.35a2097.48 2097.48 0 0 1-.84-3.46c-.8-3.2-1.47-5.45-2.28-7.46-5.14-12.8-8.04-21.55-8.04-26.19 0-4.37 3.84-6.06 12.16-7.07a160.9 160.9 0 0 1 2.65-.3c3.5-.39 5.15-.64 6.53-1.1 1.26-.42 2.1-.7 3.88-1.26 5.34-1.68 9.11-3 19.1-6.74 3.53-1.32 6.22-1.84 8.18-1.61zM0 292c10.13-11.31 18.13-23.2 23.07-35.39 3.3-8.14 6.09-16.12 10.81-30.55l1.59-4.84c6.53-19.94 10.11-29.82 14.77-39.56 6.07-12.72 12.55-21.18 20.27-25.54 6.66-3.76 10.2-7.86 12.22-13.15a46.6 46.6 0 0 0 1.86-6.58c1.23-5.2 2.05-7.59 3.93-10.36 2.45-3.62 6.27-6.53 12.1-8.96 15.78-6.58 16.73-7.04 18.05-9.01.65-.98.83-2.15.74-4.51-.03-.73-.23-3.82-.24-4A93.8 93.8 0 0 1 119 94c0-10.04.18-11.37 2.37-13.15.52-.42 1.13-.8 2.07-1.3.27-.14 2.18-1.12 2.84-1.48a68.4 68.4 0 0 0 9.12-5.87c2.06-1.54 2.64-2.14 8.01-7.93 3.78-4.09 6.21-6.36 8.96-8.12 3.64-2.33 7.2-3.12 10.9-2.11 4.4 1.2 10.81 2 18.78 2.46 6.9.4 12.9.5 21.95.5 4.87 0 8.97.47 15.4 1.57 7.77 1.33 9.3 1.54 12.38 1.54 4.05 0 7.43-.88 10.68-2.95 5.06-3.22 8.11-4.67 11.2-5.2 3.62-.64 4.77-.46 16.55 2.06 17.26 3.7 30.85 1.36 41.06-9.7 5.1-5.53 5.48-8.9 3.48-14.8-.83-2.42-1.03-3.1-1.17-4.3-.29-2.52.5-4.71 2.71-6.93 2.65-2.65 4.72-9.17 6.22-18.29h2.03c-1.56 9.71-3.77 16.65-6.83 19.7-1.79 1.8-2.36 3.39-2.14 5.28.11 1 .3 1.63 1.07 3.9 2.22 6.53 1.76 10.66-3.9 16.8-10.77 11.66-25.07 14.13-42.95 10.3-11.42-2.45-12.55-2.62-15.78-2.06-2.77.48-5.62 1.84-10.47 4.92a20.93 20.93 0 0 1-11.76 3.27c-3.25 0-4.81-.22-12.73-1.57C212.74 59.46 208.73 59 204 59c-9.1 0-15.11-.1-22.07-.5-8.09-.47-14.62-1.29-19.2-2.54-5.62-1.53-10.17 1.38-17.85 9.66-5.5 5.94-6.08 6.53-8.28 8.18a70.38 70.38 0 0 1-9.38 6.03c-.68.37-2.58 1.35-2.84 1.49-.84.44-1.35.76-1.75 1.08C121.16 83.6 121 84.8 121 94c0 1.85.06 3.54.17 5.44 0 .17.2 3.28.24 4.03.1 2.75-.13 4.29-1.08 5.71-1.67 2.5-2.27 2.8-18.95 9.74-5.48 2.29-8.99 4.96-11.2 8.24-1.71 2.51-2.47 4.73-3.64 9.7-.83 3.5-1.21 4.92-1.94 6.83-2.18 5.73-6.05 10.19-13.1 14.18-7.3 4.12-13.55 12.28-19.46 24.66-4.6 9.64-8.17 19.46-14.67 39.32l-1.58 4.84c-4.75 14.47-7.54 22.48-10.86 30.69-5.28 13.01-13.95 25.65-24.93 37.6v-2.97zm0 78v-.5l1-.01c6.32 0 7.47 5.2 4.6 13.36a60.36 60.36 0 0 1-5.6 11.3v-1.92a57.76 57.76 0 0 0 4.65-9.72c2.69-7.6 1.71-12.02-3.65-12.02-.34 0-.67 0-1 .02v-46.59a340.96 340.96 0 0 0 13.71-8.34c13.66-9.46 29.79-37.6 29.79-53.59 0-18.1 21.57-72.64 32.23-79.42 12.71-8.09 32.24-27.96 35.8-37.75 1.93-5.3 5.5-7.27 14.42-9.37 6.15-1.44 8.64-2.42 10.67-4.79 1.5-1.74 2.72-4.79 4.33-10.3.23-.78 1.9-6.68 2.43-8.46 3.62-12.08 7.3-18.49 13.47-20.39 2.5-.76 3.03-.98 9.74-3.7 7.49-3.03 11.97-4.43 17.12-4.92 6.75-.65 13.13.75 19.55 4.67 5.43 3.32 12.19 4.72 20.17 4.56 6.03-.12 12.2-1.07 19.83-2.8 1.82-.4 7.38-1.74 8.26-1.94 2.69-.6 4.34-.89 5.48-.89 4.97 0 8.93-.05 14.2-.27 7.9-.32 15.56-.92 22.75-1.88 8.5-1.14 15.9-2.73 21.88-4.82 18.9-6.62 32.64-18.3 33.67-27.59.29-2.56.4-2.96 2.79-11.11 2.33-7.95 3.21-12.93 2.72-18.23-.2-2.24-.69-4.38-1.48-6.42-1.5-3.92-2.63-9.4-3.43-16.18h.9c.77 6.47 1.89 11.72 3.47 15.82a24.93 24.93 0 0 1 1.54 6.69c.5 5.46-.4 10.54-2.77 18.6-2.36 8.06-2.47 8.47-2.74 10.95-1.09 9.75-15.1 21.68-34.33 28.41-6.06 2.12-13.52 3.72-22.09 4.87-7.22.96-14.92 1.57-22.83 1.89-5.3.21-9.27.27-14.25.27-1.04 0-2.64.27-5.26.87-.87.2-6.43 1.53-8.26 1.94-7.68 1.73-13.92 2.7-20.03 2.82-8.15.17-15.1-1.27-20.71-4.7-6.23-3.81-12.4-5.16-18.93-4.54-5.04.48-9.44 1.86-16.84 4.86-6.75 2.74-7.29 2.95-9.82 3.73-5.73 1.76-9.28 7.96-12.81 19.72-.53 1.77-2.2 7.66-2.43 8.46-1.66 5.65-2.91 8.78-4.53 10.67-2.22 2.58-4.84 3.62-12.01 5.3-7.8 1.83-11.13 3.66-12.9 8.54-3.65 10.04-23.32 30.06-36.2 38.25C65.94 190 44.5 244.2 44.5 262c0 16.34-16.3 44.78-30.22 54.41-2.14 1.48-8.24 5.12-14.28 8.68v-1.16 46.09zm0-173.7v-1.11c7.42-3.82 14.55-10.23 21.84-18.98 3.8-4.56 14.21-18.78 15.79-20.55 1.8-2.04 4.06-3.96 7.42-6.45 1.08-.8 4.92-3.57 5.49-3.99 9.36-6.85 14-11.96 15.98-19.36.8-2.98 1.54-6.78 2.46-12.3.23-1.44 2-12.46 2.56-15.79 2.87-16.77 5.73-26.79 10.07-32.1C92.46 52.43 101.5 38.13 101.5 33c0-2.54.34-3.35 6.05-15.71.68-1.49 1.25-2.74 1.77-3.93 2.5-5.75 3.9-10.04 4.14-13.36h1c-.23 3.48-1.66 7.87-4.23 13.76-.52 1.2-1.09 2.45-1.78 3.95-5.54 12.01-5.95 12.99-5.95 15.29 0 5.47-9.09 19.84-20.11 33.31-4.2 5.12-7.03 15.06-9.86 31.64-.57 3.33-2.33 14.33-2.57 15.78-.92 5.56-1.67 9.38-2.48 12.4-2.05 7.68-6.82 12.93-16.35 19.91l-5.49 3.98c-3.3 2.45-5.51 4.34-7.27 6.31-1.53 1.73-11.94 15.93-15.76 20.53-7.52 9.02-14.88 15.6-22.61 19.46zm0 361.83v-4.33c.48 2.36 1 4.35 1.6 6.15 2 6.03 4.6 8.26 8.19 6.59C28.76 557.69 43.5 542.4 43.5 527c0-16.2 6.37-31.99 17.1-46.3 1.88-2.5 3.66-4.4 5.53-6 .73-.62 1.45-1.18 2.3-1.8l2-1.43c3.68-2.68 5.32-5.28 7.08-12.59.75-3.07 1.38-5.02 4.2-13.26l.63-1.88c3.24-9.58 4.56-14.97 4.17-18.65-.48-4.43-3.8-5.23-11.3-1.64a81.12 81.12 0 0 1-9.15 3.7c-13.89 4.67-26.96 5.8-42.66 5.42l-1.95-.05-1.45-.02a39.8 39.8 0 0 0-15.05 2.96A21.81 21.81 0 0 0 0 438.37v-1.26a23.55 23.55 0 0 1 4.55-2.57 40.77 40.77 0 0 1 16.92-3.02l1.95.05c15.6.38 28.57-.75 42.32-5.37a80.12 80.12 0 0 0 9.04-3.65c8.04-3.84 12.16-2.85 12.72 2.43.42 3.89-.92 9.34-4.21 19.08l-.64 1.88c-2.8 8.2-3.43 10.15-4.16 13.18-1.82 7.52-3.59 10.34-7.47 13.16l-2 1.43c-.84.6-1.54 1.15-2.25 1.75a35.45 35.45 0 0 0-5.37 5.84c-10.61 14.15-16.9 29.74-16.9 45.7 0 15.88-15 31.45-34.29 40.45-4.3 2.01-7.39-.66-9.56-7.18-.23-.68-.44-1.39-.65-2.13zm0-62.16v-2.45l1.46 3.27c2.1 4.8 3.46 10.33 4.26 16.77.66 5.3.84 9.3 1.04 18.5.2 9.32.5 12.75 1.63 15.05 1.28 2.6 3.67 2.35 8.29-1.5 17.14-14.3 21.82-22.9 21.82-38.62 0-7.17 1.1-12.39 3.7-17.68 2.27-4.67 3.65-6.62 13.4-19.62a69.8 69.8 0 0 1 7.6-8.79 44.76 44.76 0 0 1 3.54-3.06c.38-.3.64-.52.89-.74a10.47 10.47 0 0 0 2.63-3.32 35.78 35.78 0 0 0 2.26-5.94l.37-1.2.36-1.15c.29-.91.48-1.55.66-2.16.45-1.53.74-2.68.91-3.66.38-2.2.12-3.49-.85-4.15-2.35-1.61-9.28-.24-23.8 4.94-9.54 3.4-16.12 4.17-27.85 4.26-7.71.06-10.43.4-13.25 2.12-3.48 2.12-5.84 6.4-7.58 14.26-.5 2.2-.99 4.19-1.49 5.98v-3.98l.51-2.22c1.8-8.1 4.28-12.6 8.04-14.9 3.04-1.85 5.86-2.2 13.77-2.26 11.61-.09 18.1-.84 27.51-4.2 14.93-5.32 21.95-6.71 24.7-4.83 1.38.94 1.71 2.6 1.28 5.15a33.69 33.69 0 0 1-.94 3.78l-.66 2.17-.36 1.15-.37 1.2a36.64 36.64 0 0 1-2.33 6.1c-.8 1.53-1.61 2.52-2.86 3.61l-.92.77-1.02.83c-.9.74-1.65 1.4-2.47 2.18a68.84 68.84 0 0 0-7.48 8.66c-9.7 12.93-11.07 14.87-13.31 19.46-2.52 5.15-3.59 10.22-3.59 17.24 0 16.04-4.82 24.91-22.18 39.38-5.04 4.2-8.18 4.55-9.83 1.18-1.22-2.5-1.52-5.94-1.73-15.47-.2-9.16-.38-13.15-1.03-18.4-.79-6.34-2.12-11.8-4.19-16.49L0 495.98zM379.27 0h1.04l1.5 5.26c3.28 11.56 4.89 19.33 5.26 27.8.49 11.01-1.52 21.26-6.63 31.17-7.8 15.13-20.47 26.5-36.22 34.1-12.38 5.96-26.12 9.17-36.22 9.17-6.84 0-17.24 1.38-37.27 4.62l-2.27.37c-24.5 3.99-31.65 5-37.46 5-3.49 0-4.08-.08-19.54-2.8-3.56-.64-6.32-1.1-9-1.5-20.23-2.96-31-1.2-31.96 7.86-.1.85-.18 1.72-.29 2.81l-.27 2.73c-1.1 10.9-2.02 15.73-4.31 19.96-2.9 5.34-7.77 7.95-15.63 7.95-10.2 0-12.92.6-15.5 3.17.52-.51-5.03 5.85-8.16 8.7-2.75 2.5-14.32 12.55-15.77 13.83a341.27 341.27 0 0 0-6.54 5.92c-6.97 6.49-11.81 11.76-14.6 16.15-5.92 9.3-10.48 18.04-11.69 24.08-1.66 8.3 3.67 9.54 19.02 1.21a626.23 626.23 0 0 1 44.54-21.9c3.5-1.56 14.04-6.2 15.68-6.95 5.05-2.25 8.3-3.8 10.78-5.15l1.95-1.07 2.18-1.18c1.76-.94 3.38-1.76 5-2.55 18.1-8.72 34.48-10.46 50.33-1.2 22.89 13.34 38.28 37.02 38.28 56.44 0 19.12-.73 25.13-5.18 33.2a45.32 45.32 0 0 1-4.94 7.12c-6.47 7.77-11.81 16.2-12.76 21.27-1.2 6.34 4.69 7.03 20.17-.05 13.31-6.08 22.4-14.95 28.5-26.32a80.51 80.51 0 0 0 6.1-15.13c.9-2.98 3.17-11.65 3.41-12.48a29.02 29.02 0 0 1 1.75-4.83c7.47-14.93 21.09-30.5 36.25-37.24 7.61-3.38 13-9.65 19.4-20.79.84-1.48 4.26-7.64 5.14-9.17 3.52-6.1 6.22-9.7 9.37-11.98 10.15-7.4 28.7-11.1 50.29-11.1 7.52 0 16.54-1.24 27.51-3.58a420.1 420.1 0 0 0 14.96-3.52c-1.3.33 15.54-3.98 19.42-4.89 14.15-3.33 41.07-5.01 64.11-5.01 17.36 0 27.82-9.23 38.53-38.67 6.62-18.21 6.62-26.37 2.69-34.35l-1.18-2.37A13.36 13.36 0 0 1 587.5 58c0-4.03 0-4.01 2.5-24.56.46-3.73.8-6.74 1.12-9.64.9-8.45 1.38-15.2 1.38-20.8 0-.94-.02-1.94-.04-3h1c.03 1.06.04 2.06.04 3 0 5.65-.48 12.43-1.39 20.9-.3 2.91-.66 5.93-1.11 9.66-2.5 20.45-2.5 20.47-2.5 24.44 0 1.97.45 3.57 1.45 5.68.24.51 1.16 2.35 1.17 2.36 4.06 8.24 4.06 16.68-2.65 35.13-10.84 29.8-21.63 39.33-39.47 39.33-22.96 0-49.83 1.68-63.89 4.99-3.86.9-20.69 5.2-19.4 4.88a421.05 421.05 0 0 1-14.99 3.53c-11.04 2.35-20.11 3.6-27.72 3.6-21.4 0-39.76 3.67-49.7 10.9-3 2.19-5.64 5.7-9.1 11.68-.87 1.52-4.29 7.68-5.14 9.17-6.49 11.3-12 17.71-19.86 21.2-14.9 6.63-28.38 22.03-35.75 36.77a28.17 28.17 0 0 0-1.69 4.67c-.23.8-2.5 9.49-3.4 12.5a81.48 81.48 0 0 1-6.19 15.3c-6.2 11.56-15.44 20.58-28.96 26.76-16.1 7.36-23 6.55-21.58-1.04 1-5.29 6.4-13.83 12.99-21.73a44.33 44.33 0 0 0 4.82-6.96c4.35-7.88 5.06-13.77 5.06-32.72 0-19.04-15.19-42.4-37.72-55.55-15.57-9.08-31.62-7.38-49.45 1.21a132.9 132.9 0 0 0-7.14 3.71l-1.95 1.07a158.83 158.83 0 0 1-10.85 5.19c-1.65.74-12.18 5.38-15.69 6.95a625.25 625.25 0 0 0-44.46 21.86c-15.95 8.66-22.37 7.16-20.48-2.29 1.24-6.2 5.83-15.02 11.82-24.42 2.85-4.48 7.74-9.8 14.77-16.34 1.98-1.85 4.12-3.79 6.56-5.94 1.46-1.29 13.02-11.33 15.75-13.82 3.09-2.8 8.6-9.14 8.14-8.67 2.82-2.82 5.75-3.46 16.2-3.46 7.5 0 12.04-2.43 14.75-7.42 2.2-4.07 3.11-8.84 4.2-19.59l.26-2.73.3-2.81c.56-5.42 4.47-8.5 11.23-9.6 5.44-.88 12.51-.51 21.86.86 2.7.4 5.47.86 9.04 1.49 15.33 2.7 15.96 2.8 19.36 2.8 5.73 0 12.9-1.03 37.3-5l2.27-.36c20.1-3.26 30.52-4.64 37.43-4.64 9.95 0 23.54-3.18 35.78-9.08 15.57-7.5 28.09-18.73 35.78-33.65 5.02-9.75 7-19.82 6.51-30.67-.37-8.37-1.96-16.08-5.23-27.57L379.27 0zm13.68 0h1.02c.78 3.9 1.92 8.7 3.51 14.88 3.63 14.05 3.06 27.03-.75 38.77a61 61 0 0 1-11.35 20.68 138.36 138.36 0 0 1-19.32 18.77c-11.32 9.02-23.36 15.49-35.95 18.39a258.63 258.63 0 0 1-22.57 4.07c-3.17.44-6.36.85-10.3 1.32l-9.39 1.12c-11.53 1.41-17.45 2.55-21.64 4.46-9.28 4.21-28.35 6.04-49.21 6.04-1.37 0-2.8-.12-4.3-.35-2.62-.41-5-1.03-9.14-2.29-7.34-2.21-9.63-2.75-12.63-2.56-3.9.23-6.63 2.29-8.47 6.89-1.86 4.66-2.42 7.53-3.34 14.98-1.1 8.98-2.87 12.12-9.97 14.3a40.12 40.12 0 0 0-6.8 2.66c-.63.33-1.16.64-1.76 1.02l-1.34.86c-1.9 1.14-3.86 1.49-9.25 1.49-3.2 0-8.83-.55-9.51-.39-1.22.28-.75-.14-7.14 6.24-1.5 1.5-3.49 3.18-6.32 5.37-1.52 1.18-7.16 5.43-7.94 6.03-4.96 3.78-8.33 6.6-11.06 9.38-4.88 4.98-6.85 9.15-5.56 12.7 1.34 3.67 4.07 4.42 8.9 2.82a55.72 55.72 0 0 0 7.77-3.48c1.5-.77 7.78-4.13 9.37-4.96a116.8 116.8 0 0 1 12.31-5.68 162.2 162.2 0 0 0 11.04-4.84c2.04-.97 10.74-5.16 13-6.22 4.41-2.1 8.1-3.78 11.65-5.29 17.14-7.3 29.32-9.9 37.67-6.65l5.43 2.1c2.3.88 4.17 1.62 6.02 2.38a150.9 150.9 0 0 1 13.07 6c18.34 9.63 30.35 22.13 34.79 39.87 6.96 27.85 3.6 45.53-8.08 62.4-3.97 5.75-3.52 9.2.06 8.97 4.14-.28 10.21-4.95 15.11-12.52 3.1-4.8 5.1-10.45 8.05-21.53l1.69-6.35c.66-2.47 1.24-4.52 1.83-6.5 4.93-16.56 11-27.28 21.56-34.76 7.15-5.06 23.73-15.5 25.48-16.75 6.74-4.81 10.53-9.44 14.34-18 7.74-17.44 21.09-24.34 44.47-24.34 9.36 0 17.91-1.13 29.53-3.49a624.86 624.86 0 0 0 6.2-1.28c2.4-.5 4.07-.84 5.66-1.13 4.03-.74 7.04-1.1 9.61-1.1 4.44 0 9.39-1 31.39-5.99l2.95-.66c16.34-3.67 25.64-5.35 31.66-5.35 1.54 0 2.4.01 6.4.1 7.8.15 12.27.13 17.33-.2 16.41-1.06 26.73-5.36 29.8-14.56a87.1 87.1 0 0 1 3.55-8.83c-.15.31 2.29-4.96 2.9-6.38 5.38-12.3 5.57-21.92-1.44-39.44a86.4 86.4 0 0 1-5.26-20.72c-1.61-11.98-1.38-23.14.1-40.35l.2-2.12h1l-.2 2.2c-1.48 17.15-1.7 28.24-.11 40.14a85.4 85.4 0 0 0 5.2 20.47c7.1 17.78 6.91 27.67 1.43 40.22-.62 1.43-3.06 6.72-2.91 6.4a86.17 86.17 0 0 0-3.52 8.73c-3.23 9.72-13.9 14.15-30.68 15.24-5.1.33-9.58.35-17.42.2-3.98-.09-4.84-.1-6.37-.1-5.91 0-15.18 1.67-31.44 5.32l-2.95.67c-22.16 5.02-27.05 6.01-31.61 6.01-2.5 0-5.45.36-9.43 1.09-1.58.29-3.25.62-5.64 1.11a4894.21 4894.21 0 0 0-6.2 1.29c-11.68 2.37-20.3 3.51-29.73 3.51-23.02 0-36 6.71-43.53 23.66-3.9 8.8-7.82 13.58-14.7 18.5-1.78 1.27-18.36 11.7-25.48 16.75-10.34 7.32-16.3 17.87-21.19 34.23-.58 1.96-1.15 4-1.82 6.47l-1.69 6.35c-2.98 11.18-5 16.9-8.17 21.81-5.05 7.81-11.37 12.68-15.89 12.98-4.7.31-5.3-4.23-.94-10.53 11.52-16.64 14.82-34.03 7.92-61.6-4.35-17.42-16.16-29.72-34.27-39.22-4-2.1-8.2-4-12.99-5.97-1.84-.75-3.7-1.49-6-2.38l-5.43-2.08c-8.03-3.12-20.02-.58-36.92 6.63-3.52 1.5-7.21 3.19-11.61 5.27l-13 6.22c-4.71 2.22-8.16 3.75-11.11 4.88a115.87 115.87 0 0 0-12.21 5.63c-1.58.83-7.86 4.18-9.37 4.96a56.55 56.55 0 0 1-7.9 3.54c-5.3 1.75-8.62.85-10.17-3.43-1.46-4.02.66-8.5 5.8-13.74 2.75-2.82 6.16-5.66 11.15-9.48.79-.6 6.43-4.85 7.94-6.02a66.96 66.96 0 0 0 6.23-5.28c6.74-6.74 6.1-6.16 7.61-6.51.87-.2 6.69.36 9.74.36 5.22 0 7.03-.32 8.74-1.35l1.31-.84c.62-.4 1.18-.72 1.84-1.07a41.07 41.07 0 0 1 6.96-2.72c6.64-2.04 8.22-4.84 9.28-13.47.93-7.53 1.5-10.47 3.4-15.24 1.99-4.95 5.04-7.26 9.34-7.51 3.17-.2 5.5.35 12.97 2.6a63.54 63.54 0 0 0 9.02 2.26c1.45.22 2.83.34 4.14.34 20.71 0 39.7-1.82 48.8-5.96 4.32-1.96 10.29-3.1 21.93-4.53l9.4-1.12c3.92-.48 7.11-.88 10.27-1.32 8.16-1.14 15.4-2.43 22.49-4.06 12.42-2.86 24.33-9.26 35.55-18.2a137.4 137.4 0 0 0 19.18-18.64 60.02 60.02 0 0 0 11.15-20.32c3.76-11.57 4.32-24.36.75-38.23A284.86 284.86 0 0 1 392.95 0zM506.7 0h1.26c-.5.66-.9 1.18-1.17 1.51-3.95 4.96-6.9 7.92-9.82 9.57A10.02 10.02 0 0 1 492 12.5c-2.38 0-4.24.67-6.71 2.21l-2.65 1.71c-4.38 2.8-8.01 4.08-13.64 4.08-5.6 0-9.99-1.26-16.08-4.05a202.63 202.63 0 0 1-2.3-1.06l-2.18-.98c-1.6-.7-2.92-1.17-4.17-1.48a13.42 13.42 0 0 0-3.27-.43c-2.3 0-4.3-.68-11-3.37l-1.56-.62c-5-1.97-8.1-2.82-10.52-2.66-2.93.2-4.42 2.03-4.42 6.15 0 20.76-5.21 50.42-12.15 57.35-7.58 7.59-26.55 23.7-34.06 29.06-13.16 9.4-31.17 20.2-44.11 25.06a106.87 106.87 0 0 1-13.32 4.03c-3.28.78-6.6 1.43-11.25 2.24-.53.1-8.8 1.5-11.5 1.99-4.86.87-9.3 1.74-14 2.76-20.62 4.48-25.07 5.01-38.11 5.01-2.49 0-2.9-.07-14.05-2-2.42-.42-4.31-.73-6.15-1-8.11-1.19-13.83-1.36-17.64-.2-4.54 1.4-5.93 4.65-3.7 10.52 2.02 5.28 4.84 8.61 8.84 10.74 3.26 1.74 6.75 2.6 13.82 3.71 9.42 1.48 10.94 1.75 15.5 2.92a78.2 78.2 0 0 1 18.62 7.37c8.3 4.58 14.58 11.5 19.98 20.89 2.73 4.73 9.46 19.33 10.54 21.19 3.4 5.85 6.26 6.63 10.89 2 4.95-4.94 10.35-8.37 21.13-14.06.47-.25 2.06-1.1 2.12-1.12 7.98-4.21 11.92-6.51 15.87-9.54 5.11-3.9 8.66-8.1 10.77-13.11 8.52-20.24 20.75-33.31 32.46-33.31l5.5.03c10.53.08 17.35.02 24.9-.31 13.66-.62 23.78-2.09 29.39-4.67 5.85-2.7 13.42-5.49 24.18-9.02 3.46-1.14 6.29-2.05 12.7-4.1 7.7-2.45 11.08-3.54 15.17-4.9a1059.43 1059.43 0 0 1 11.33-3.72c3.67-1.2 5.96-2 8.03-2.78a59.88 59.88 0 0 0 6.66-2.94c1.87-.98 3.76-2.1 5.86-3.5 3.48-2.33 6.15-3.13 12.04-4.13l1.15-.2c5.71-1.01 9-2.3 12.76-5.63 7.82-6.96 8.58-23.18 3.84-44.52-1.7-7.67-2.1-19.28-1.57-35.47A837.22 837.22 0 0 1 546.76 0h1l-.15 3.06c-.32 6.42-.53 11.02-.68 15.62-.51 16.1-.12 27.65 1.56 35.21 4.82 21.68 4.04 38.2-4.16 45.48-3.91 3.48-7.37 4.84-13.24 5.87l-1.16.2c-5.76.99-8.32 1.75-11.65 3.98a63.73 63.73 0 0 1-5.96 3.56 60.86 60.86 0 0 1-6.77 2.99c-2.09.79-4.39 1.58-8.07 2.79a5398.31 5398.31 0 0 1-11.32 3.71c-4.1 1.37-7.48 2.46-15.18 4.92-6.42 2.04-9.24 2.95-12.7 4.08-10.73 3.53-18.27 6.3-24.07 8.98-5.76 2.66-15.97 4.14-29.77 4.77-7.56.33-14.4.39-24.95.31l-5.49-.03c-11.19 0-23.16 12.79-31.54 32.7-2.19 5.19-5.84 9.52-11.08 13.52-4.02 3.07-7.99 5.39-16.01 9.62l-2.12 1.12c-10.7 5.65-16.04 9.04-20.9 13.9-5.14 5.14-8.75 4.15-12.45-2.22-1.12-1.92-7.85-16.5-10.54-21.2-5.33-9.24-11.48-16.02-19.6-20.5a77.2 77.2 0 0 0-18.4-7.28c-4.5-1.17-6.02-1.43-15.4-2.9-7.17-1.12-10.74-2-14.13-3.81-4.22-2.25-7.2-5.77-9.3-11.27-2.43-6.39-.78-10.26 4.34-11.83 4-1.22 9.82-1.05 18.08.17 1.84.27 3.74.58 6.17 1 11.02 1.9 11.48 1.98 13.88 1.98 12.96 0 17.35-.52 37.9-4.99 4.71-1.02 9.16-1.9 14.03-2.77 2.71-.48 10.98-1.9 11.5-1.98 4.64-.81 7.95-1.46 11.2-2.23 4.55-1.07 8.76-2.34 13.2-4 12.83-4.81 30.79-15.59 43.88-24.94 7.47-5.33 26.4-21.4 33.94-28.94C407.3 61.98 412.5 32.49 412.5 12c0-4.61 1.86-6.9 5.35-7.15 2.63-.18 5.8.7 10.96 2.73l1.56.62c6.53 2.62 8.53 3.3 10.63 3.3 1.14 0 2.3.16 3.5.46 1.32.33 2.68.82 4.34 1.53a90.97 90.97 0 0 1 3.34 1.52l1.15.54c5.98 2.73 10.23 3.95 15.67 3.95 5.41 0 8.87-1.21 13.1-3.92.2-.13 2.1-1.38 2.66-1.72 2.62-1.63 4.64-2.36 7.24-2.36 1.47 0 2.94-.43 4.47-1.3 2.78-1.56 5.67-4.45 9.54-9.31l.7-.89zM324.54 600h-2.03c.49-2.96.91-6.2 1.28-9.66.44-4.1.76-8.25.98-12.21.08-1.39.14-2.65-.35-7.29-.47-1.94-.93-4.14-1.36-6.54-2.01-11.26-2.66-22.9-1.14-33.78a60.76 60.76 0 0 1 5.18-17.95 70.78 70.78 0 0 1 12.6-18.22c3.38-3.6 5.53-5.5 11.83-10.79 4.5-3.78 6.35-5.56 7.52-7.5.64-1.07.95-2.06.95-3.06 0-1.75 0-1.74-.75-9.23-.36-3.7-.57-6.3-.68-8.96-.5-12.1 1.62-19.6 8.11-21.76 15.9-5.3 25.89-12.1 33.45-25.54C409.6 390.65 425.85 376 436 376c12.36 0 20-1.96 29.41-8.8 6.76-4.92 9.5-6.6 12.47-7.46 2.22-.64 3.8-.74 9.12-.74 1.86 0 3.53-.83 5.57-2.62 1.08-.96 5.11-5.12 5.6-5.6 6.04-5.85 11.98-8.78 20.83-8.78 2.45 0 4.54.04 7.32.12 7.51.23 8.87.17 11.27-.7 3.03-1.1 5.53-3.03 14.75-11.17 8-7.06 10.72-8.92 22.87-16.47 1.44-.9 2.59-1.63 3.69-2.37a69.45 69.45 0 0 0 9.46-7.5c4.12-3.88 8.02-7.85 11.64-11.9v2.98a201.58 201.58 0 0 1-10.27 10.38c-3.18 3-6.2 5.35-9.72 7.7-1.12.76-2.28 1.5-3.75 2.4-12.05 7.5-14.71 9.32-22.6 16.28-9.46 8.35-12.01 10.32-15.39 11.55-2.74 1-4.19 1.06-12.01.82-2.76-.08-4.83-.12-7.26-.12-8.27 0-13.75 2.7-19.43 8.22-.44.43-4.52 4.64-5.68 5.66-2.37 2.09-4.46 3.12-6.89 3.12-5.1 0-6.6.1-8.56.66-2.67.78-5.29 2.37-11.85 7.15-9.8 7.13-17.85 9.19-30.59 9.19-9.22 0-24.96 14.2-34.13 30.49-7.84 13.94-18.24 21.02-34.55 26.46-5.31 1.77-7.21 8.51-6.75 19.78.1 2.6.31 5.19.68 8.84.75 7.62.75 7.58.75 9.43 0 1.38-.42 2.73-1.24 4.09-1.33 2.2-3.26 4.07-7.94 8-6.25 5.24-8.36 7.12-11.67 10.63a68.8 68.8 0 0 0-12.25 17.71 58.8 58.8 0 0 0-5 17.36c-1.49 10.66-.85 22.09 1.13 33.15.43 2.37.88 4.53 1.33 6.44.16.66.3 1.25.6 4.06a249.3 249.3 0 0 1-1.17 16.12c-.37 3.37-.78 6.53-1.25 9.44zm-13.4 0h-1.05l.12-.28c3.07-7.16 4.29-11.83 4.29-18.72 0-3.57-.07-4.93-.76-15.65-.77-12.04-1-19.64-.55-28.3.58-11.5 2.4-22.1 5.81-32.16 1.3-3.8 2.8-7.5 4.55-11.1 3.46-7.14 6.83-12.39 10.42-16.6a59.02 59.02 0 0 1 4.35-4.56c.43-.4 3-2.8 3.67-3.45 5.72-5.6 7.51-11.52 7.51-29.18 0-18.84 2.9-23.77 15.82-28.24 1.09-.37 1.92-.67 2.77-.98a51.3 51.3 0 0 0 6.1-2.7c4.95-2.6 9.64-6.22 14.44-11.42 25.5-27.63 37.15-35.16 56.37-35.16 8.28 0 14.54-1.95 22-6.3 1.78-1.03 13.82-8.82 18.16-11.27 2.83-1.59 5.66-3.03 8.63-4.39 7.92-3.6 13.97-4.45 26.6-4.8 7.53-.2 10.7-.49 14.26-1.58 4.55-1.4 8.06-4 10.93-8.43 2.2-3.41 6.85-7.08 14.66-12.06 1.61-1.03 3.27-2.05 5.65-3.5 9.53-5.85 11.56-7.13 14.81-9.57 5.34-4 9.3-8.37 13.68-14.77a204.2 204.2 0 0 0 5.62-8.75v1.9c-1.97 3.17-3.4 5.38-4.8 7.42-4.42 6.48-8.46 10.92-13.9 15-3.29 2.46-5.32 3.75-14.89 9.61a375.06 375.06 0 0 0-5.63 3.5c-7.7 4.9-12.26 8.52-14.36 11.76-3 4.63-6.7 7.39-11.48 8.85-3.68 1.12-6.9 1.42-14.53 1.63-12.5.34-18.44 1.18-26.2 4.7a111.08 111.08 0 0 0-8.56 4.35c-4.3 2.43-16.34 10.22-18.15 11.27-7.6 4.43-14.03 6.43-22.5 6.43-18.87 0-30.3 7.4-55.63 34.84-4.88 5.28-9.67 8.97-14.7 11.62-2 1.05-4 1.92-6.23 2.75-.86.32-1.7.62-5.37 1.87-5.08 1.76-7.44 3.25-9.28 6.37-2.23 3.78-3.29 9.94-3.29 20.05 0 17.9-1.87 24.07-7.8 29.89-.69.67-3.27 3.06-3.69 3.46a58.04 58.04 0 0 0-4.28 4.49c-3.53 4.14-6.86 9.32-10.28 16.38a95.19 95.19 0 0 0-4.5 10.99c-3.38 9.97-5.18 20.48-5.76 31.9-.44 8.6-.22 16.17.55 28.17.69 10.76.76 12.12.76 15.72 0 6.35-1.02 10.87-4.35 19zm25.08 0h-1c-.04-4.73.06-9.39.28-15.02.26-6.41-.4-11.79-2.53-24.37l-.31-1.86c-2.12-12.55-2.76-19.35-1.97-26.47 1.03-9.25 4.75-16.68 12-22.67 22.04-18.2 29.81-30.18 29.81-44.61 0-2.6-.3-4.81-.98-8.17-.97-4.79-1.1-5.68-.97-7.57.2-2.56 1.27-4.7 3.56-6.72 2.67-2.35 7.05-4.6 13.72-7.01 9.72-3.5 15.52-9.18 24.3-21.57l1.78-2.5c4.48-6.33 7.1-9.63 10.43-12.78 4.31-4.07 8.98-6.77 14.54-8.17 13.3-3.32 20.37-5.47 25.34-7.64a49.5 49.5 0 0 0 5.28-2.7c1.1-.65 1.75-1.04 4.24-2.6 2.7-1.68 5.22-2.08 11.38-2.28 5.44-.18 7.9-.43 10.97-1.41a21.47 21.47 0 0 0 9.54-6.22c4.87-5.3 10.03-7.61 17.79-8.9 1.07-.18 1.88-.3 3.86-.58 6.9-.97 9.94-1.69 13.48-3.62 4.5-2.45 6.79-4.44 23.46-19.68l3.14-2.85c9.65-8.71 16.12-13.83 21.42-16.48 4.25-2.12 7.6-4.69 11.22-8.6v1.45c-3.42 3.57-6.69 6-10.78 8.05-5.18 2.59-11.61 7.67-21.2 16.32l-3.12 2.85c-16.8 15.35-19.05 17.3-23.66 19.82-3.68 2-6.8 2.75-13.82 3.73-1.97.28-2.78.4-3.84.57-7.56 1.26-12.52 3.48-17.21 8.6a22.47 22.47 0 0 1-9.97 6.5c-3.2 1-5.72 1.27-11.25 1.45-5.98.2-8.39.57-10.89 2.13a144 144 0 0 1-4.25 2.61 50.48 50.48 0 0 1-5.39 2.75c-5.04 2.2-12.15 4.37-25.5 7.7-9.74 2.44-15.26 7.65-24.4 20.56l-1.77 2.5c-8.9 12.54-14.82 18.34-24.78 21.93-6.57 2.36-10.85 4.57-13.4 6.82-2.1 1.86-3.05 3.74-3.22 6.04-.13 1.76 0 2.63.95 7.3.7 3.42 1 5.7 1 8.37 0 14.79-7.93 27-30.18 45.39-7.03 5.8-10.64 13-11.64 22-.78 7-.14 13.73 1.96 26.2l.32 1.85c2.15 12.65 2.8 18.07 2.54 24.58-.22 5.57-.32 10.2-.28 14.98zM95.9 600h-2.04c.68-3.82 1.14-8.8 1.61-15.98.2-3.11.27-4.06.39-5.6 1.3-17.54 4.04-27.14 11.5-33.2 4.65-3.77 7.22-8.92 8.67-16 .51-2.52.7-3.87 1.33-9.17.66-5.5 1.16-8.06 2.24-10.36 1.45-3.09 3.82-4.69 7.39-4.69 14.28 0 38.48 9.12 53.6 20.2 8.66 6.35 21.26 13.32 31.74 17.11 13.03 4.71 21.89 4.41 24.75-1.73 1.7-3.64 1.92-4.11 2.65-5.77 2.93-6.67 4.69-12.2 5.25-17.5.23-2.17.24-4.23.02-6.2-.32-2.75-1.42-4.55-4.08-7.35l-1.32-1.37a30.59 30.59 0 0 1-2.41-2.79 30.37 30.37 0 0 1-2.5-4.07l-1.13-2.14c-1.62-3.1-2.68-4.6-4.12-5.56-5.26-3.5-14.8-5.5-28.55-6.83a272.42 272.42 0 0 0-9.04-.71l-2.18-.17c-9.57-.73-15.12-1.56-19.06-3.2C156.57 471.07 136 450.5 136 440c0-5.34 1.74-9.53 5.47-14.13 1.98-2.44 11.12-11.71 12.79-13.54 4.52-4.97 10.16-9.54 17.68-14.66 2.8-1.9 14.78-9.6 17.49-11.49a50.54 50.54 0 0 0 6.34-5.43c1.53-1.5 6.96-7.13 7.12-7.3 7.18-7.3 12.7-11.56 19.74-14.38 3.36-1.34 8.13-2.79 17.45-5.38a9577.18 9577.18 0 0 1 11.78-3.28 602.6 602.6 0 0 0 12.67-3.7c20.4-6.24 34-12.08 40.79-18.44 8.74-8.2 11.78-13.84 15.73-26.02 2.02-6.22 3.09-9.04 5.07-12.72 9.54-17.71 28.71-39.37 43.5-45.45C383.77 238.25 389 232.34 389 226c0-2.89 2.73-8.4 6.83-13.73 4.76-6.2 10.65-11.36 16.75-14.18 12.5-5.77 33.5-10.09 47.42-10.09 5.32 0 9.83-1.5 16.42-4.89 9.2-4.71 10.1-5.11 13.58-5.11 10.42 0 32.06-2.55 45.76-5.97l3.88-.98 3.47-.89c2.6-.66 4.33-1.08 5.93-1.43 3.9-.86 6.76-1.23 9.58-1.17 2.74.06 5.47.52 8.67 1.48 4.56 1.37 13.71-.9 22.87-5.68a68.07 68.07 0 0 0 9.84-6.2v2.4c-11.09 8.14-25.76 13.66-33.29 11.4a29.72 29.72 0 0 0-8.13-1.4c-2.63-.05-5.36.3-9.11 1.12a238 238 0 0 0-9.33 2.3l-3.9.99C522.38 177.43 500.58 180 490 180c-2.99 0-3.91.4-12.67 4.89-6.85 3.51-11.61 5.11-17.33 5.11-13.65 0-34.35 4.26-46.58 9.9-5.78 2.67-11.42 7.62-16 13.58-3.85 5.02-6.42 10.2-6.42 12.52 0 7.27-5.8 13.82-20.62 19.92-14.27 5.88-33.16 27.21-42.5 44.55-1.9 3.55-2.95 6.28-4.93 12.4-4.05 12.47-7.23 18.39-16.27 26.86-7.08 6.64-20.87 12.57-41.57 18.89a604.52 604.52 0 0 1-12.7 3.71 1495.1 1495.1 0 0 1-11.8 3.28c-9.24 2.58-13.97 4.01-17.24 5.32-6.73 2.69-12.05 6.8-19.05 13.92-.15.15-5.6 5.8-7.15 7.32a52.4 52.4 0 0 1-6.6 5.65c-2.74 1.92-14.75 9.63-17.5 11.5-7.4 5.04-12.94 9.52-17.33 14.35-1.72 1.9-10.8 11.11-12.71 13.46-3.47 4.26-5.03 8.03-5.03 12.87 0 9.5 20 29.5 33.38 35.08 3.67 1.53 9.1 2.34 18.45 3.05a586.23 586.23 0 0 0 4.34.32c3.24.23 5.07.37 6.93.55 14.08 1.37 23.82 3.4 29.45 7.17 1.82 1.2 3.02 2.91 4.8 6.29l1.11 2.13a28.55 28.55 0 0 0 2.34 3.81c.62.83 1.3 1.6 2.26 2.61.23.24 1.1 1.16 1.32 1.37 2.93 3.09 4.24 5.23 4.61 8.5.24 2.12.23 4.33-.01 6.64-.59 5.55-2.4 11.25-5.41 18.1-.74 1.67-.96 2.15-2.66 5.8-3.49 7.47-13.33 7.8-27.25 2.77-10.67-3.86-23.43-10.92-32.25-17.38C164.62 515.96 140.82 507 127 507c-5 0-6.4 3.02-7.64 13.29a99.03 99.03 0 0 1-1.36 9.33c-1.53 7.5-4.3 13.04-9.37 17.16-6.87 5.58-9.5 14.78-10.77 31.8-.11 1.52-.18 2.47-.38 5.57-.46 7.01-.91 11.99-1.57 15.85zm8.05 0h-1.02c.29-1.41.58-2.94.9-4.59l1.05-5.62c2.5-13.3 4.2-19.92 6.68-24.05 1.7-2.84 3.68-5.5 8.05-11.03 8.21-10.36 10.88-14.55 10.88-18.71l-.02-1.69c-.02-1.78-.02-2.7.02-3.77.21-5.05 1.47-8.2 4.64-9.4 3.92-1.5 10.39.44 20.12 6.43 9.56 5.88 17.53 10.7 25.91 15.66 1.31.78 14.27 8.41 17.67 10.45a714.21 714.21 0 0 1 6.42 3.9c13.82 8.5 38.94 5.05 46.3-7.83 3.6-6.28 4.54-8.52 7.78-17.32a82.3 82.3 0 0 1 1.18-3.07 42.27 42.27 0 0 1 4.06-7.64c9.33-13.98 14.92-26.1 14.92-36.72 0-3.66.75-6.62 3.36-14.85.52-1.64.83-2.66 1.15-3.73 3.64-12.23 3.04-19.12-4.29-24a23.1 23.1 0 0 0-9.98-3.78c-7.2-.93-14.49 1.17-23.91 5.88-1.55.78-6.64 3.44-7.6 3.93a62.6 62.6 0 0 0-4.14 2.3l-4.4 2.66c-11.62 6.92-20.4 9.18-32.81 6.08-3.32-.84-6.24-1.4-13.1-2.64-13.25-2.39-18.7-3.75-23.33-6.46-6.23-3.67-7.46-9.02-2.88-16.65A93.1 93.1 0 0 1 172 415.42a157 157 0 0 1 8.32-7.66c-.07.05 6.16-5.3 7.82-6.77a85.12 85.12 0 0 0 6.5-6.33c7.7-8.46 12.78-13.36 20.08-18.57 9.94-7.1 21.4-12.36 35.18-15.58 37.03-8.64 51-12.7 58.83-17.93 8.6-5.73 21.3-24.77 36.84-54.81 5.22-10.1 12.27-18.4 21.13-25.71 5.13-4.24 9.56-7.25 17.55-12.23 7.42-4.62 9.62-6.14 11.38-8.16a21.15 21.15 0 0 0 2.95-4.87c.61-1.3 2.87-6.47 3-6.77 1.36-3 2.56-5.4 3.95-7.73 6.53-10.97 16.03-18 31.4-20.8 12.73-2.3 19.85-2.7 29.68-2.3 3.25.13 4.13.16 5.6.14 5.15-.07 9.71-1.04 16.61-3.8 20.74-8.3 38.75-12.04 59.19-12.04 3.05 0 6.03.15 10.48.48l2.09.16c12.45.96 18.08.96 25.34-.63a49.65 49.65 0 0 0 14.09-5.45v1.15a50.52 50.52 0 0 1-13.88 5.28c-7.38 1.61-13.08 1.61-25.63.65l-2.08-.16c-4.43-.33-7.39-.48-10.41-.48-20.3 0-38.2 3.72-58.81 11.96-7.01 2.8-11.7 3.8-16.97 3.88-1.5.02-2.39-.01-5.66-.14-9.76-.4-16.8-.01-29.47 2.3-15.06 2.73-24.32 9.58-30.71 20.31a72.8 72.8 0 0 0-3.9 7.63c-.12.28-2.39 5.47-3.01 6.79a22 22 0 0 1-3.1 5.1c-1.86 2.13-4.07 3.66-11.6 8.35-7.95 4.96-12.35 7.95-17.44 12.15-8.76 7.23-15.73 15.43-20.89 25.4-15.61 30.2-28.36 49.32-37.16 55.19-7.98 5.32-21.97 9.39-59.17 18.07-13.65 3.18-24.98 8.39-34.82 15.42-7.22 5.16-12.27 10.01-19.92 18.43a86.07 86.07 0 0 1-6.57 6.4c-1.67 1.48-7.91 6.83-7.84 6.77-3.27 2.84-5.8 5.16-8.26 7.62a92.1 92.1 0 0 0-14.27 18.13c-4.3 7.16-3.22 11.89 2.53 15.26 4.47 2.63 9.88 3.99 23.24 6.39a185.7 185.7 0 0 1 12.92 2.6c12.11 3.03 20.64.84 32.06-5.96l4.4-2.65c1.66-1 2.96-1.73 4.2-2.35.95-.48 6.04-3.14 7.6-3.92 9.59-4.8 17.04-6.94 24.49-5.98a24.1 24.1 0 0 1 10.4 3.93c7.82 5.21 8.45 12.52 4.7 25.13-.32 1.07-.64 2.1-1.16 3.74-2.57 8.12-3.31 11.04-3.31 14.55 0 10.88-5.66 23.14-15.08 37.28a41.28 41.28 0 0 0-3.97 7.46c-.37.9-.73 1.82-1.18 3.04-3.25 8.85-4.21 11.13-7.84 17.47-7.67 13.42-33.43 16.95-47.7 8.18a578.4 578.4 0 0 0-6.4-3.89c-3.4-2.04-16.36-9.67-17.67-10.45-8.38-4.97-16.36-9.78-25.92-15.66-9.5-5.85-15.7-7.7-19.24-6.36-2.68 1.02-3.8 3.82-4 8.51a61.12 61.12 0 0 0-.02 3.72l.02 1.7c0 4.5-2.69 8.73-11.52 19.87-3.92 4.95-5.87 7.59-7.55 10.39-2.39 3.97-4.08 10.56-6.56 23.72l-1.05 5.62-.86 4.4zm10.5 0h-1c.03-.34.04-.68.04-1 0-12.39 8.48-33.57 19.16-43.37a26.18 26.18 0 0 0 3.67-4.17 35.8 35.8 0 0 0 2.88-4.9c.36-.72 1.75-3.66 2.1-4.36 3.22-6.29 6.84-6.54 16.97.39 1.34.9 6.07 4.16 6.4 4.38 2.62 1.8 4.67 3.2 6.7 4.56 5.03 3.39 9.37 6.2 13.51 8.7 14.33 8.67 25.49 13.27 34.11 13.27 16.86 0 32.71-5.95 39.6-14.8 1.59-2.04 3.2-5.17 5.06-9.63.8-1.92 1.64-4.06 2.67-6.8l2.74-7.33c4.66-12.44 7.76-19.06 11.56-23.27 7.9-8.79 14.87-36 14.87-52.67 0-1.9.17-3.11 1.02-8.27.37-2.2.58-3.6.74-5.07.63-5.51.21-9.46-1.68-12.39-4.6-7.1-19.7-9.23-38.46-4.78a100.57 100.57 0 0 0-18.94 6.3c-5.17 2.37-17.11 9.74-16.5 9.4-6.72 3.64-12.97 4.15-24.8 1.3-29.55-7.14-30.43-8.62-15.26-26.81 17.44-20.93 47.12-46.18 56.38-46.18 9.92 0 53.84-11.98 65.78-17.95 9.46-4.73 24.32-21.18 36.82-37.85.71-.95 13.5-21.6 19.2-29.6 9.35-13.13 18.22-22.55 26.95-27.53 7.29-4.17 13.16-10.28 18.8-18.73 1.93-2.9 10.52-17.65 12.73-20.41 1.54-1.93 3-3.21 4.52-3.89 14.07-6.25 24.22-9.04 39.2-9.04h29c4.05 0 7.36-.4 22.93-2.5l4.3-.57c9.92-1.3 16.57-1.93 21.77-1.93 1.66 0 2.95.01 6.03.04 18.61.19 28.55-.48 44.86-4.03 3.1-.67 6.13-1.78 9.11-3.31v1.12a37.96 37.96 0 0 1-8.9 3.17c-16.4 3.56-26.4 4.24-45.08 4.05-3.08-.03-4.36-.04-6.02-.04-5.15 0-11.76.63-21.64 1.92l-4.3.58c-15.64 2.11-18.94 2.5-23.06 2.5h-29c-14.81 0-24.84 2.75-38.8 8.96-1.34.6-2.69 1.78-4.14 3.6-2.16 2.68-10.72 17.39-12.68 20.33-5.72 8.57-11.7 14.8-19.13 19.04-8.57 4.9-17.36 14.23-26.63 27.24-5.68 7.97-18.47 28.64-19.22 29.63-12.6 16.8-27.52 33.32-37.18 38.15-12.06 6.03-56.14 18.05-66.22 18.05-8.82 0-38.39 25.15-55.62 45.82-14.6 17.52-14.19 18.21 14.74 25.2 11.6 2.8 17.6 2.3 24.09-1.2-.67.35 11.31-7.03 16.56-9.44 5.41-2.48 11.6-4.59 19.11-6.37 19.13-4.53 34.65-2.35 39.54 5.22 2.05 3.17 2.48 7.32 1.84 13.04a96.34 96.34 0 0 1-.75 5.13c-.84 5.08-1.01 6.29-1.01 8.1 0 16.9-7.03 44.33-15.13 53.33-3.68 4.09-6.76 10.65-11.37 22.96-.35.93-2.2 5.94-2.73 7.33-1.04 2.76-1.88 4.9-2.68 6.84-1.9 4.53-3.55 7.73-5.2 9.85-7.1 9.13-23.25 15.19-40.39 15.19-8.86 0-20.15-4.65-34.63-13.42-4.15-2.51-8.5-5.32-13.55-8.72a861.54 861.54 0 0 1-6.71-4.56l-6.4-4.39c-9.68-6.63-12.61-6.42-15.5-.75-.35.68-1.74 3.62-2.1 4.35a36.77 36.77 0 0 1-2.96 5.03c-1.12 1.57-2.37 3-3.81 4.33-10.47 9.6-18.84 30.51-18.84 42.63l-.03 1zm-29.65 0h-1.1c1.17-2.52 1.79-5.2 1.79-8 0-20 4.83-42.04 12.15-49.35 5.17-5.18 7.77-8.38 9.9-12.74 2.64-5.41 3.95-12 3.95-20.91 0-6.82 1.14-11.59 3.37-15.07 1.74-2.7 3.6-4.21 8.91-7.52a31.64 31.64 0 0 0 3.9-2.79c4.61-3.96 6.58-6.2 7.72-9.41 1.43-4.02.93-9.04-1.86-16.02a68.98 68.98 0 0 0-3.99-8.07l-.93-1.7a75.47 75.47 0 0 1-2.64-5c-5.16-10.71-3.77-18.9 7.68-29.78a204 204 0 0 1 26.81-21.55c3.96-2.69 16.8-10.8 19.24-12.5 1.99-1.4 4.33-3.3 7.77-6.3-.02 0 7.23-6.39 9.47-8.3 4.97-4.26 9.09-7.5 13.05-10.15 4.72-3.15 8.97-5.28 12.87-6.32 12.78-3.41 15.6-4.18 21.77-5.97 12.55-3.64 21.96-6.9 28.14-10a45.47 45.47 0 0 1 7.47-2.79c8.66-2.66 12.02-4.1 16.97-8.1 6.78-5.46 13.07-14.25 19.33-27.87 15.97-34.77 19.08-39.39 32.15-49.19 3.14-2.36 6.37-4.1 11.43-6.4l2.33-1.04c11.93-5.35 16.87-8.93 21.1-17.38 1.88-3.77 2.48-6.29 3.37-12.27.78-5.19 1.48-7.56 3.53-10.25 2.57-3.4 7.03-6.27 14.36-9.01 3.37-1.26 7.36-2.5 12.05-3.73 16.33-4.3 25.28-5.36 39.6-5.81 6.9-.22 9.5-.56 12.66-2 1.19-.54 2.36-1.23 3.58-2.11 3.7-2.7 8.14-4.54 13.24-5.67 5.71-1.27 10.69-1.54 18.7-1.45l2.35.02c2.82 0 6.8-1 19.7-4.69 10.83-3.08 15.95-4.31 19.3-4.31.82 0 1.9.13 3.55.41l5.01.9c9.82 1.68 17.44 1.89 25.15-.21 7.98-2.18 14.8-6.77 20.29-14.24V147c-5.47 7.04-12.21 11.42-20.03 13.55-7.88 2.15-15.63 1.94-25.58.23l-5-.9c-1.6-.26-2.64-.39-3.39-.39-3.2 0-8.32 1.22-19.74 4.48-12.35 3.53-16.3 4.52-19.26 4.52l-2.36-.02c-7.94-.1-12.85.17-18.47 1.42-4.97 1.11-9.3 2.9-12.88 5.5a21.4 21.4 0 0 1-3.75 2.22c-3.32 1.5-6 1.87-13.04 2.09-14.25.44-23.13 1.5-39.37 5.77a125.56 125.56 0 0 0-11.95 3.7c-7.17 2.7-11.49 5.46-13.93 8.68-1.9 2.52-2.58 4.76-3.33 9.8-.9 6.08-1.53 8.68-3.47 12.56a30.6 30.6 0 0 1-9.66 11.45c-3.12 2.26-5.95 3.73-11.93 6.4l-2.31 1.04c-5.01 2.27-8.18 3.99-11.25 6.29-12.9 9.68-15.93 14.17-31.85 48.8-6.31 13.76-12.7 22.68-19.6 28.25-5.08 4.1-8.53 5.57-17.3 8.27a44.64 44.64 0 0 0-7.33 2.73c-6.24 3.12-15.7 6.4-28.3 10.06a867.4 867.4 0 0 1-21.8 5.97c-3.77 1.01-7.93 3.1-12.56 6.19a137.35 137.35 0 0 0-12.95 10.07c-2.24 1.92-9.48 8.3-9.48 8.3a98.2 98.2 0 0 1-7.84 6.37c-2.46 1.72-15.32 9.83-19.26 12.5a203 203 0 0 0-26.69 21.45c-11.13 10.58-12.43 18.3-7.47 28.63a74.52 74.52 0 0 0 2.62 4.95l.94 1.7a69.84 69.84 0 0 1 4.03 8.17c2.88 7.2 3.4 12.46 1.89 16.73-1.22 3.43-3.28 5.77-8.02 9.84-1.14.97-2.32 1.8-5.3 3.67-3.92 2.45-5.69 3.89-7.31 6.42-2.13 3.3-3.22 7.89-3.22 14.53 0 9.05-1.34 15.79-4.05 21.34-2.19 4.49-4.85 7.77-10.1 13.01-7.07 7.07-11.85 28.9-11.85 48.65 0 2.8-.58 5.48-1.7 8zm282.54 0h-1.01l-1.1-5.8c-3.08-16.26-4.05-26.2-2.74-37.26.7-5.8.77-9.68.55-15.3-.18-4.45-.17-5.68.19-7.63.78-4.3 3.44-8.53 10.39-16.34 9.07-10.2 12.26-15.41 19.8-30.15 1.35-2.64 2.33-4.47 3.38-6.3.9-1.58 1.82-3.06 2.77-4.5 3.14-4.7 7.03-8.42 16.84-16.81 11.22-9.6 15.5-13.86 18.13-19.13.7-1.4 1.3-2.8 1.93-4.4a206 206 0 0 0 1.49-4.05c3.63-9.94 8.01-13.93 22.9-17.81 4.99-1.3 20.55-5.13 21.38-5.34 16.19-4.1 25.33-7.36 33.48-12.6 5.86-3.77 5.84-3.76 27.66-16.53l2.6-1.52c10.23-6 17.1-10.2 22.73-13.95a149.3 149.3 0 0 0 8.8-6.3 723.7 723.7 0 0 0 6.37-5.08A87.74 87.74 0 0 1 600 342.95v1.12a85.76 85.76 0 0 0-15.49 9.9c.18-.14-4.76 3.84-6.38 5.1a150.3 150.3 0 0 1-8.85 6.35c-5.65 3.76-12.53 7.96-22.78 13.97l-2.6 1.53c-21.8 12.75-21.78 12.74-27.63 16.5-8.27 5.32-17.49 8.61-33.78 12.73-.83.21-16.39 4.04-21.36 5.33-8.03 2.1-13.15 4.5-16.45 7.5-2.66 2.42-4 4.86-5.77 9.7l-1.5 4.07a51.12 51.12 0 0 1-1.96 4.47c-2.72 5.45-7.04 9.75-18.38 19.45-9.73 8.32-13.6 12.02-16.65 16.6a77.18 77.18 0 0 0-2.74 4.45c-1.05 1.81-2.01 3.63-3.35 6.25-7.58 14.81-10.82 20.08-19.96 30.36-6.83 7.7-9.4 11.78-10.15 15.86-.34 1.85-.34 3.04-.17 7.4.22 5.68.14 9.6-.55 15.47-1.3 10.92-.34 20.79 2.73 36.95l1.12 5.99zm-76.59 0h-2.1l1.39-4.3c1.04-3.3 1.93-6.78 2.68-10.4 2.65-12.73 3.27-23.63 3.27-41.3 0-5.71-1.86-9.75-4.13-9.75-2.94 0-6.96 5.61-10.93 17.08C271.14 579.68 258.3 593 238 593c-22.42 0-29.26-1.35-48.42-10.09a87.69 87.69 0 0 1-9.42-5.04c-2.95-1.8-12.78-8.57-14.84-9.72-4.2-2.36-7-2.71-9.72-.99-.63.4-1.26.91-1.9 1.55a57.69 57.69 0 0 1-4.31 3.86 147.88 147.88 0 0 1-3.06 2.44l-1 .8C137.01 582.43 134 587.18 134 597c0 1.02-.02 2.01-.07 3h-2c.05-.99.07-1.98.07-3 0-10.52 3.33-15.78 12.09-22.76a265.61 265.61 0 0 1 2-1.6c.83-.64 1.43-1.13 2.03-1.61a55.76 55.76 0 0 0 4.17-3.74c.74-.73 1.48-1.34 2.24-1.82 3.47-2.2 7-1.75 11.77.93 2.15 1.21 12.03 8 14.9 9.76a85.7 85.7 0 0 0 9.22 4.93C209.29 589.7 215.85 591 238 591c19.25 0 31.49-12.7 41.06-40.33 4.24-12.25 8.66-18.42 12.81-18.42 3.8 0 6.13 5.06 6.13 11.75 0 17.8-.63 28.8-3.3 41.7-.77 3.7-1.68 7.23-2.75 10.6-.4 1.3-.8 2.53-1.19 3.7zm-149.25 0l.5-.94a160.1 160.1 0 0 0 6.53-13.26c2.73-6.29 5.78-9.64 9.24-10.52 3.74-.95 7.15.74 12.56 5.13 5.43 4.4 6.07 4.86 7.73 5.1 1.6.22 4.28 1.14 8.86 2.95 1.3.5 10.78 4.35 13.85 5.55 3.07 1.2 5.85 2.25 8.49 3.18 3.1 1.1 5.98 2.04 8.65 2.81h-3.45c-1.76-.56-3.6-1.18-5.54-1.87a281.2 281.2 0 0 1-8.51-3.19c-3.08-1.2-12.57-5.04-13.86-5.55-4.5-1.78-7.15-2.68-8.63-2.9-1.94-.27-2.53-.7-8.22-5.3-5.17-4.2-8.36-5.78-11.69-4.94-3.1.78-5.94 3.92-8.56 9.95a161 161 0 0 1-6.82 13.8h-1.13zm112.89 0a30.34 30.34 0 0 0 11.27-6.27c1.55-1.36 3.32-3.46 5.34-6.29 1.05-1.46 2.15-3.1 3.41-5.04a349.73 349.73 0 0 0 2.5-3.9l.47-.75.93-1.47a89.17 89.17 0 0 1 3.25-4.86c1.05-1.43 1.82-2.23 2.44-2.46 1.02-.37 1.49.48 1.49 2.04l.01 2.11c.05 6.91-.08 11.32-.7 16.33a48.4 48.4 0 0 1-2.38 10.56h-1.07a46.47 46.47 0 0 0 2.45-10.68c.62-4.96.75-9.33.7-16.2l-.01-2.12c0-.97-.08-1.12-.15-1.1-.36.14-1.05.85-1.97 2.1a88.44 88.44 0 0 0-3.22 4.82l-.92 1.46-.48.75a1268.1 1268.1 0 0 1-2.5 3.92c-1.26 1.95-2.38 3.6-3.44 5.08-2.06 2.88-3.87 5.04-5.5 6.45a30.87 30.87 0 0 1-8.94 5.52h-2.98zm-183.72 0H69.3c3.37-3.43 5.19-8.33 5.19-15 0-18.6-.04-17.35 1.02-20.77.6-1.93 1.5-3.74 3.27-6.63.42-.7 4.92-7.8 6.78-10.86 3.04-4.97 11.04-16.5 12.21-18.56 3.48-6.08 4.72-12.06 4.72-24.18 0-7.85 2.5-14.2 8.1-23.44l2.84-4.63a72.67 72.67 0 0 0 2.49-4.4c1.62-3.15 2.48-5.78 2.62-8.28.2-3.78-1.3-7.29-4.9-10.9-5.13-5.12-8.6-5.43-11.2-1.85-2.12 2.92-3.48 7.74-5.06 16.47-.2 1.03-.82 4.6-.82 4.57-.83 4.67-1.4 7.33-2.1 9.6-1.35 4.42-3.7 7.61-8.36 12.26l-3.26 3.2c-6.38 6.39-9.68 11.51-11.36 19.5l-1.16 5.52c-.87 4.1-1.56 7.04-2.33 9.94-3.67 13.74-9.65 25.97-22.59 44.72-7.68 11.14-11.05 18.87-10.92 23.72h-1c-.12-5.16 3.35-13.05 11.1-24.28 12.87-18.67 18.8-30.8 22.44-44.42.77-2.88 1.45-5.8 2.32-9.89l1.16-5.51c1.73-8.22 5.13-13.5 11.64-20 .63-.64 2.84-2.8 3.25-3.21 4.57-4.54 6.82-7.62 8.12-11.84a81.58 81.58 0 0 0 2.07-9.48l.81-4.57c1.62-8.9 3-13.8 5.24-16.89 3-4.15 7.2-3.78 12.71 1.74 3.8 3.8 5.42 7.58 5.2 11.66-.15 2.66-1.05 5.41-2.73 8.68a73.6 73.6 0 0 1-2.52 4.46l-2.84 4.63c-5.52 9.1-7.96 15.3-7.96 22.92 0 12.28-1.28 18.43-4.85 24.68-1.2 2.1-9.21 13.65-12.22 18.58-1.87 3.06-6.37 10.18-6.78 10.86-1.73 2.82-2.6 4.57-3.17 6.4-1.02 3.28-.98 2.1-.98 20.48 0 6.52-1.7 11.44-4.82 15zM310.09 0h1.06c-.37.9-.77 1.83-1.2 2.82-3.9 9.06-5.45 15.15-5.45 25.18 0 7.64-2.1 11.6-6.64 13.05-3.46 1.1-5.72.98-17.57-.43-11.55-1.36-19.17-1.58-28.16-.14-6.24 2.49-25.91 7.02-32.13 7.02-11.15 0-36.76-2.88-54.12-7.01a22.08 22.08 0 0 0-16.95 2.48c-4.05 2.33-7.09 5.03-13.9 11.97-6.28 6.39-9.53 9.23-13.8 11.5-7.09 3.79-11.22 7.65-13.4 12.27-1.82 3.85-2.33 7.84-2.33 15.29 0 4.4-2.65 6.69-9.45 9.74.1-.05-2.97 1.31-3.84 1.71-8.78 4.06-12.71 8.29-12.71 16.55 0 12.52-4.86 19.22-17.34 27.96l-4.56 3.14c-1.9 1.3-3.3 2.3-4.67 3.3-.92.68-1.79 1.34-2.62 2-7.16 5.62-11 14.54-15.56 33.28-.63 2.57-3.3 14-4.07 17.14a350.44 350.44 0 0 1-5.2 19.33c-1.37 4.5-4.5 15.07-4.96 16.53-1.05 3.4-1.64 4.94-2.46 6.32-.82 1.4-6.85 9.08-12.64 18.27L0 277.98v-1.9l4.58-7.35a270.8 270.8 0 0 1 12.61-18.23c-.3.5 1.35-2.8 2.38-6.12.45-1.44 3.58-12.01 4.95-16.53 1.83-6.03 3.44-12.09 5.19-19.27.76-3.13 3.44-14.56 4.06-17.14 4.62-18.95 8.52-28.02 15.92-33.83.84-.67 1.72-1.33 2.65-2.01 1.38-1.02 2.8-2.01 4.7-3.32l4.54-3.14C73.83 140.57 78.5 134.13 78.5 122c0-8.74 4.2-13.26 13.29-17.45.88-.41 3.96-1.77 3.85-1.73 6.46-2.9 8.86-4.97 8.86-8.82 0-7.6.53-11.7 2.42-15.71 2.29-4.84 6.57-8.85 13.84-12.73 4.15-2.21 7.35-5 14.15-11.93 6.28-6.4 9.36-9.13 13.52-11.53a23.07 23.07 0 0 1 17.69-2.59c17.27 4.12 42.8 6.99 53.88 6.99 6.1 0 25.73-4.53 31.92-7 9.12-1.46 16.83-1.25 28.49.13 11.63 1.38 13.9 1.5 17.15.47 4.06-1.3 5.94-4.85 5.94-12.1 0-10.1 1.56-16.3 6.6-28zm25.12 0h1c.05 5.62.26 11.48.65 19.4.47 9.7.64 14.57.64 21.6 0 9.81-4.68 17.46-13.1 23.16-6.53 4.43-14.94 7.46-24.33 9.33-3.74.54-9.42.56-22.68.23-6.74-.17-9.35-.22-12.39-.22-2.77 0-4.97.43-7.63 1.36-.88.3-4.55 1.74-5.58 2.11-6.55 2.35-13.59 3.53-24.79 3.53-8.1 0-13.58-1.38-22.46-4.9l-3.18-1.25c-12.55-4.87-21.27-5.15-37.18 1.12-11.15 4.39-18.13 9.2-22.28 14.81-3.15 4.26-4.33 7.8-5.94 15.8-1.22 6.09-1.93 8.74-3.5 12.13-1.65 3.53-3.97 5.81-7.07 7.22-2.33 1.07-4.35 1.5-9.32 2.19-9.04 1.27-12.77 3.09-15.61 9.58-3.71 8.48-7.72 13.87-14.22 19.76-2.4 2.18-13.14 11.02-15.91 13.42-8.2 7.1-13.85 17.37-18.7 31.97a258.81 258.81 0 0 0-3.27 10.7c-.01.05-2.26 7.97-2.88 10.1-8.49 28.85-17.88 52.95-26.13 61.2-2.8 2.8-5.06 5.64-10.4 12.96-3.4 4.68-6.23 8.25-8.95 11.1v-1.55c2.74-2.98 5.73-6.82 9.48-11.97 4.03-5.52 6.32-8.4 9.17-11.24 8.07-8.08 17.44-32.14 25.87-60.8.62-2.1 2.86-10.03 2.88-10.08 1.21-4.24 2.21-7.53 3.28-10.74 4.9-14.75 10.63-25.16 19-32.4 2.78-2.42 13.5-11.25 15.89-13.4 6.4-5.8 10.32-11.09 13.97-19.43 1.68-3.83 4.05-6.31 7.2-7.86 2.4-1.17 4.64-1.67 9.53-2.36 4.54-.63 6.5-1.05 8.7-2.06 2.89-1.31 5.03-3.42 6.58-6.73 1.53-3.3 2.23-5.9 3.43-11.9 1.64-8.14 2.85-11.79 6.11-16.2 4.28-5.79 11.41-10.7 22.73-15.16 16.15-6.36 25.13-6.07 37.9-1.11l3.19 1.26c8.77 3.47 14.13 4.82 22.09 4.82 11.09 0 18.02-1.16 24.46-3.47 1-.36 4.68-1.8 5.58-2.11A22.5 22.5 0 0 1 265 72.5c3.05 0 5.67.05 14.07.26 11.53.29 17.2.27 20.83-.25 9.25-1.85 17.54-4.83 23.94-9.17C332 57.8 336.5 50.46 336.5 41c0-7-.17-11.86-.7-22.7-.35-7.26-.55-12.83-.59-18.3zM93.87 0h2.04c-.7 4-1.61 6.82-3.03 9.47-2.33 4.38-2.85 5.75-5.26 13.03a40.46 40.46 0 0 1-1.94 5.03c-2.24 4.66-5.92 8.8-13.07 14.26-8.01 6.13-14.27 16.55-20.03 31.55-2.4 6.23-8.75 25.63-9.64 28.01-2.69 7.16-6.56 12.7-15.63 23.68l-2.68 3.24c-6.02 7.34-9.35 12.07-11.72 17.15-2.3 4.94-7.12 9.9-12.91 14.15v-2.4c5.14-3.94 9.1-8.3 11.1-12.6 2.46-5.27 5.87-10.1 11.98-17.56l2.68-3.26c8.94-10.8 12.72-16.22 15.3-23.1.88-2.33 7.24-21.74 9.65-28.03 5.89-15.31 12.3-26 20.68-32.41 6.92-5.3 10.4-9.2 12.48-13.55.65-1.35 1.16-2.7 1.85-4.79 2.45-7.4 3-8.83 5.4-13.34A27.68 27.68 0 0 0 93.87 0zm9.07 0h1.02c-1.66 8.3-2.91 12.67-4.54 15.26a59.14 59.14 0 0 0-4.1 8.21c-1.27 3-2.44 6.2-3.5 9.4-.38 1.12-.7 2.16-2.41 5.39a251.48 251.48 0 0 0-12.81 13.3c-3.48 3.96-5.95 7.27-7.15 9.66-.95 1.9-2.06 5.99-3.61 12.97-.64 2.9-3.65 17.15-4.51 21.07-3.63 16.45-6.63 26.69-9.9 32-7.66 12.45-10.64 15.71-37.08 41.1A69.78 69.78 0 0 1 0 179.21v-1.15a69.39 69.39 0 0 0 13.65-10.42c26.4-25.33 29.32-28.55 36.92-40.9 3.2-5.18 6.18-15.37 9.78-31.7.86-3.91 3.87-18.16 4.51-21.06 1.57-7.09 2.7-11.2 3.7-13.2 1.24-2.5 3.76-5.86 7.29-9.89.9-1.03 1.86-2.1 2.86-3.18 2.4-2.6 4.96-5.22 7.53-7.76.9-.88 1.73-1.7 3.37-3.4a129.02 129.02 0 0 1 4.78-13.46 60.07 60.07 0 0 1 4.19-8.35c1.52-2.44 2.74-6.71 4.36-14.74zM83.71 0h1.1c-2.09 4.74-6.03 8.92-11.42 12.3-7.2 4.52-16.5 7.2-24.39 7.2-8.9 0-11.8 7-11.74 21.52 0 1.7.04 3.17.12 5.99.1 3.3.12 4.45.12 5.99 0 5.73-.76 11.3-2.01 16.5a66.67 66.67 0 0 1-2.15 6.97 2597.76 2597.76 0 0 1-7 15.86A4270.8 4270.8 0 0 1 6.44 136.2 54.64 54.64 0 0 1 0 147v-1.65a54.87 54.87 0 0 0 5.55-9.57A4269.82 4269.82 0 0 0 30.7 79.97c.53-1.2.99-2.23 2.44-5.9A69.23 69.23 0 0 0 36.5 53c0-1.52-.03-2.66-.12-5.95-.08-2.83-.12-4.31-.12-6.01-.03-6.79.53-11.62 2.07-15.34 1.94-4.68 5.39-7.19 10.67-7.19 7.7 0 16.81-2.63 23.86-7.05C77.93 8.27 81.66 4.38 83.7 0zm282.63 0h1.01c1.86 10.02 2.18 12.67 2.32 18.3a123.43 123.43 0 0 1 .37 27.83c-.96 8.78-3.1 16.01-6.63 21.15-11.34 16.5-39.8 29.22-66.41 29.22-5.09 0-10.47.28-16.31.83a413.8 413.8 0 0 0-24.37 3.16c-21.56 3.26-27.66 4.01-36.32 4.01-6.92 0-12.2-1.05-21.69-3.9l-2.78-.83c-1.39-.41-2.54-.74-3.65-1.02-8-2.05-14.22-2.04-21.7.72a16.32 16.32 0 0 0-9.17 8.18c-1.6 3.05-2.5 6.06-4.02 12.83-1.5 6.64-2.34 9.52-3.99 12.64a16.16 16.16 0 0 1-9.85 8.36 104.8 104.8 0 0 0-9.5 3.42c-6.55 2.8-10.1 5.57-13.8 10.47-1.33 1.75-1.03 1.3-5.43 7.9-1.98 2.97-4.66 5.8-8.48 9.14-2.01 1.76-10.71 8.83-12.88 10.7-7.37 6.35-12.58 12.14-16.63 19.14-4.22 7.3-7.8 18.3-11.28 33.26-.87 3.73-1.72 7.64-2.64 12.14l-1.18 5.8-1.09 5.45c-1.8 8.96-2.77 13.28-3.77 16.26-6.8 20.44-17.26 42.16-27.13 51.2-5.11 4.7-8.1 7.07-11.1 8.86-.9.54-1.84 1.04-2.92 1.57-.44.22-9.6 4.4-14.1 6.66l-1.22.62v-1.13l.78-.39c4.52-2.26 13.67-6.44 14.1-6.65a41.19 41.19 0 0 0 2.84-1.54c2.94-1.75 5.88-4.09 10.94-8.73 9.71-8.9 20.1-30.51 26.87-50.79.97-2.92 1.94-7.22 3.73-16.13l1.1-5.46a490.5 490.5 0 0 1 3.82-17.96c3.5-15.06 7.1-26.14 11.39-33.54 4.11-7.11 9.4-12.98 16.83-19.4 2.19-1.88 10.88-8.95 12.88-10.7 3.77-3.28 6.39-6.05 8.3-8.93 4.43-6.64 4.12-6.18 5.47-7.96 3.8-5.03 7.5-7.91 14.21-10.78 2.61-1.12 5.74-2.24 9.59-3.46a15.17 15.17 0 0 0 9.27-7.86c1.59-3.02 2.42-5.85 4.03-12.99 1.41-6.27 2.32-9.33 3.98-12.48a17.31 17.31 0 0 1 9.7-8.66c7.7-2.83 14.1-2.84 22.3-.75 1.12.29 2.28.61 3.68 1.03l3.73 1.11c8.47 2.54 13.66 3.58 20.46 3.58 8.59 0 14.67-.75 36.18-4a414.64 414.64 0 0 1 24.41-3.17c5.88-.54 11.29-.83 16.41-.83 26.3 0 54.45-12.58 65.59-28.78 3.42-4.98 5.5-12.06 6.46-20.7.84-7.74.73-16.02.02-23.9a136.2 136.2 0 0 0-.57-5.12c0-4.47-.3-6.94-2.16-17zM18.88 0h1.03C18 7.57 17.15 10.18 14.46 16.2c-1.95 4.37-2.67 9.19-2.42 14.89.2 4.33.71 7.7 2.28 16.13 1.09 5.88 1.57 8.77 1.94 12.2.96 8.9.24 16.08-2.8 22.79A463.4 463.4 0 0 1 0 109.43v-2.12a465 465 0 0 0 12.54-25.52c2.97-6.52 3.67-13.53 2.72-22.27-.36-3.4-.84-6.26-1.93-12.12-1.57-8.47-2.1-11.88-2.29-16.27-.26-5.84.48-10.81 2.5-15.33 2.64-5.9 3.48-8.47 5.34-15.8zm280.47 0a70.78 70.78 0 0 1-4.91 11.24c-2.56 4.7-4.01 8.45-4.86 11.98l-.4 1.8-.28 1.45a5.28 5.28 0 0 1-.74 2.07c-.74 1.03-1.93 1.28-5.13 1.25.92 0-9.85-.29-15.03-.29-10.2 0-18.45.82-29.46 2.56-16.87 2.66-17.73 2.77-23.66 2.52a42.57 42.57 0 0 1-8-1.09c-17.7-4.16-46.18-5.86-54.72-3.01-2.72.9-5.88 2.8-9.52 5.59a112.37 112.37 0 0 0-6.54 5.48c-1.4 1.25-9.17 8.5-10.78 9.84-1.45 1.2-8.18 7.42-8.85 8.02a114.65 114.65 0 0 1-4.55 3.9c-4.99 4.03-8.9 6.2-11.92 6.2-3.52.05-4.32 0-5.14-.4-1.13-.56-1.5-1.72-1.13-3.57.74-3.63 4.47-10.84 12.84-24.8 5.69-9.48 9.42-18 11.78-26.2 1.45-5.04 1.94-7.4 2.97-14.54h1.01c-1.05 7.3-1.54 9.7-3.01 14.82-2.39 8.28-6.16 16.89-11.9 26.44-8.3 13.84-12 21.01-12.7 24.48-.3 1.45-.08 2.14.59 2.47.6.3 1.35.35 3.48.3 3.92 0 7.69-2.1 12.5-5.98 1.4-1.13 2.87-2.39 4.51-3.86.66-.59 7.41-6.83 8.88-8.05 1.59-1.33 9.34-8.55 10.75-9.82 2.4-2.15 4.55-3.96 6.6-5.53 3.72-2.85 6.97-4.8 9.81-5.74 8.76-2.92 37.41-1.22 55.27 2.99 2.57.6 5.14.95 7.81 1.06 5.84.25 6.7.14 23.47-2.51 11.05-1.75 19.36-2.57 29.6-2.57 5.2 0 15.99.3 15.05.29 2.87.03 3.84-.17 4.3-.83.23-.32.4-.8.58-1.7l.28-1.43.4-1.85c.88-3.6 2.36-7.44 4.96-12.22 1.87-3.43 3.44-7 4.73-10.76h1.06zm-8.59 0c-5.91 17.94-9.55 22-19.76 22-4.5 0-10.22.32-28.69 1.5l-1.53.1c-15.6.99-23.47 1.4-28.78 1.4-5.35 0-13.24-.96-28.86-3.28l-1.54-.23C163.18 18.75 157.47 18 153 18c-4.45 0-7.3 1.01-10.96 3.34-.1.06-1.8 1.17-2.3 1.47-2.43 1.5-4.32 2.19-6.74 2.19-2.8 0-4.11-1.46-4.11-4.22 0-1.04.16-2.29.5-4.1.16-.82.9-4.4 1.07-5.32.8-4.11 1.3-7.68 1.47-11.36h2c-.17 3.82-.68 7.5-1.5 11.75-.19.94-.92 4.5-1.07 5.31a21.04 21.04 0 0 0-.47 3.72c0 1.7.46 2.22 2.11 2.22 1.99 0 3.55-.57 5.7-1.9.47-.28 2.15-1.37 2.26-1.44C144.92 17.14 148.12 16 153 16c4.62 0 10.3.74 28.9 3.51l1.53.23C198.93 22.04 206.8 23 212 23c5.25 0 13.11-.41 28.65-1.4l1.54-.1C260.73 20.32 266.43 20 271 20c8.95 0 12.15-3.4 17.66-20h2.1zM141.51 0h1.13c-2.06 3.86-2.63 5.1-2.77 6.19-.15 1.12.42 1.64 2.32 1.96 1.8.3 3.85.35 10.81.35 6.02 0 13 .56 21.35 1.62 3.95.5 8.03 1.1 13.13 1.89 24 3.7 22.5 3.49 26.83 3.49 24.02 0 51.83-2.24 60.45-6.94 2.88-1.57 5.05-4.49 6.6-8.56h1.07c-1.64 4.47-3.98 7.69-7.2 9.44-8.83 4.82-36.67 7.06-60.92 7.06-4.41 0-2.84.22-26.98-3.5-5.1-.8-9.17-1.38-13.1-1.88-8.31-1.06-15.26-1.62-21.23-1.62-7.04 0-9.1-.05-10.97-.37-2.38-.4-3.38-1.32-3.15-3.07.16-1.22.69-2.41 2.63-6.06zm76.4 0c5.69 1.64 10.37 2.5 14.09 2.5 9.59 0 16.7-.71 22.4-2.5h2.98C251.12 2.53 243.2 3.5 232 3.5c-4.5 0-10.32-1.21-17.53-3.5h3.45zM70.69 0c-2.87 3.27-6.95 5.39-12.02 6.53-3.98.89-7.5 1.08-12.92 1A97.24 97.24 0 0 0 44 7.5c-5.37 0-8.86-1.24-10.1-4.97A8.6 8.6 0 0 1 33.5 0h.99c.02.82.14 1.56.36 2.22C35.91 5.39 39.02 6.5 44 6.5l1.76.02c5.35.09 8.8-.1 12.69-.97C62.95 4.54 66.63 2.74 69.3 0h1.37zM0 207.87c7.31-.16 11.5 3.33 11.5 11.13 0 11.41-5.05 28.35-11.5 41.5v-2.3c5.93-12.72 10.5-28.47 10.5-39.2 0-7.18-3.7-10.3-10.5-10.13v-1zm0 7.05c1.23.14 2.18.58 2.87 1.31 1.4 1.48 1.6 3.72 1.16 7.58l-.16 1.3A28.93 28.93 0 0 0 3.5 229c0 3.2-1.48 9.52-3.5 15.9v-3.45c1.49-5.13 2.5-9.87 2.5-12.45 0-.98.08-1.75.37-4.02l.16-1.29c.42-3.56.24-5.59-.88-6.77-.5-.53-1.21-.87-2.15-1v-1zM0 410.9v-1.47a21.67 21.67 0 0 0 2.97-4.7c1.32-2.7 2.68-6.28 4.56-11.89 7.85-23.55 7.83-26.6.25-30.4-2.25-1.12-4.8-1.43-7.78-.91v-1.02a13.1 13.1 0 0 1 8.22 1.04c8.24 4.12 8.26 7.6.25 31.6-1.88 5.66-3.25 9.27-4.6 12.02A20.82 20.82 0 0 1 0 410.9zM33.64 452c1.68 0 3.04-.23 8.34-1.31l2.38-.47c8.26-1.57 12.72-1.3 14.53 2.33 1.38 2.75-.47 5.86-4.75 9.68a75.6 75.6 0 0 1-5.08 4.07c-.94.7-4.89 3.59-5.79 4.27-1.86 1.4-2.97 2.37-3.47 3.03a19.08 19.08 0 0 0-2.89 5.5c.07-.2-4.02 13.65-6.96 22.22-2.7 7.85-5.56 10.72-8.82 8.59-2.11-1.4-3.66-4.24-6.6-11.03-1.98-4.62-2.5-5.76-3.4-7.4-4.55-8.18-3.9-23.9-.05-32.87a9.6 9.6 0 0 1 6.98-5.96c2.59-.66 4.86-.75 11.78-.67l3.8.02zm0 2c-1.13 0-2.09 0-3.82-.02-12.07-.13-14.83.57-16.9 5.41-3.63 8.47-4.26 23.55-.05 31.12.96 1.73 1.48 2.88 3.5 7.58 2.72 6.3 4.24 9.08 5.86 10.14 1.64 1.08 3.5-.8 5.82-7.55a682.9 682.9 0 0 0 6.97-22.24 21.03 21.03 0 0 1 3.18-6.04c.65-.87 1.85-1.9 3.86-3.43.92-.7 4.87-3.57 5.8-4.27 2.02-1.5 3.6-2.77 4.95-3.97 3.63-3.23 5.09-5.7 4.3-7.28-1.21-2.42-5.07-2.65-12.38-1.27l-2.35.47c-5.49 1.11-6.86 1.35-8.74 1.35zm345.63 146c-3.45-12.26-3.77-14.13-3.77-19 0-3.33-.13-6.27-.43-11.34-.63-10.33-.65-13.5.26-17.07 1.21-4.74 4.21-7.1 9.67-7.1h26c4.08 0 5.19 1.85 5.93 7.11.1.79.13.97.19 1.32.84 5.35 2.8 7.58 8.88 7.58 3.64 0 5.54.4 6.43 1.37.76.83.76 1.44.36 3.93-.85 5.26.5 8.85 7.5 13.8 6.32 4.45 11.63 5.36 16.55 3.37 3.8-1.54 6.73-4.16 11.92-10l1.1-1.23 1.09-1.23a75.6 75.6 0 0 1 2.7-2.86 35.81 35.81 0 0 1 9.57-6.73c1.52-.76 1.72-.86 5.66-2.63 6.1-2.73 9.01-4.5 11.74-7.62 2.63-3 4.67-4.85 6.7-6.04 3.18-1.85 5.46-2.13 13.68-2.13 5.98 0 10.56-4.32 18-14.99l2.82-4.03c1.06-1.5 1.94-2.7 2.79-3.79 7.87-10.12 19.38-10.4 30.74.96 5.54 5.53 10.17 19.43 13.64 38.51 2.5 13.75 4.18 29.46 4.47 39.84h-1c-.3-10.32-1.96-25.97-4.45-39.66-3.43-18.87-8.02-32.65-13.36-37.99-10.95-10.95-21.76-10.68-29.26-1.04-.83 1.07-1.7 2.26-2.75 3.75l-2.81 4.02c-7.65 10.95-12.38 15.42-18.83 15.42-8.04 0-10.21.26-13.17 2-1.92 1.12-3.9 2.9-6.45 5.83-2.86 3.26-5.87 5.09-12.09 7.88a103.35 103.35 0 0 0-5.62 2.6 34.84 34.84 0 0 0-9.32 6.54 74.67 74.67 0 0 0-3.75 4.05l-1.1 1.24c-5.28 5.95-8.29 8.64-12.28 10.25-5.26 2.13-10.92 1.17-17.5-3.48-7.33-5.17-8.82-9.15-7.92-14.77.34-2.12.34-2.6-.1-3.1-.64-.69-2.34-1.04-5.7-1.04-6.63 0-8.96-2.63-9.87-8.42l-.2-1.34c-.67-4.82-1.53-6.24-4.93-6.24h-26c-5 0-7.6 2.04-8.7 6.34-.88 3.43-.85 6.57-.23 16.76a177 177 0 0 1 .43 11.4c0 4.78.32 6.63 3.81 19h-1.04zm13.68 0c-1.31-6.58-1.61-10.71-1.36-14.84.04-.7.1-1.44.18-2.38l.23-2.56c.34-3.81.5-6.97.5-11.22 0-4.94 1.46-7.76 4.21-8.42 2.38-.58 5.56.54 9.2 3 6.64 4.52 13.99 13.07 16.55 19.23 4.77 11.44 14.12 15.69 33.54 15.69 8.6 0 14.32-2.35 20.67-7.88 1.45-1.26 15.06-15 21-20 7.21-6.07 11.77-7.59 20.62-8.32 5.52-.45 7.98-.9 11.44-2.36 4.58-1.95 9.36-5.48 14.9-11.29 7.43-7.76 13.25-8.92 17.47-4.3 3.32 3.63 5.46 10.58 6.82 20.24.73 5.17.94 7.74 1.58 17.38.25 3.75.17 5.32-.92 18.03h-1c1.09-12.7 1.17-14.28.92-17.97-.64-9.6-.85-12.16-1.57-17.3-1.33-9.47-3.43-16.27-6.56-19.7-3.76-4.11-8.93-3.08-16 4.32-5.65 5.9-10.54 9.5-15.25 11.5-3.58 1.53-6.13 1.99-11.6 2.44-8.8.72-13.17 2.18-20.2 8.1-5.9 4.96-19.5 18.7-21 19.99-6.52 5.68-12.47 8.12-21.32 8.12-19.78 0-29.5-4.42-34.46-16.3-2.49-5.97-9.71-14.38-16.2-18.79-3.42-2.32-6.36-3.35-8.4-2.86-2.2.53-3.44 2.92-3.44 7.45 0 4.28-.16 7.47-.5 11.31l-.23 2.56c-.09.93-.14 1.65-.19 2.35-.24 4.08.06 8.18 1.39 14.78h-1.02zm113.75 0c2.52-3.26 8.93-11.79 10.9-14.3 5.48-6.98 13.05-12.38 19.4-13.94 7.01-1.71 11.5 1.45 11.5 9.24 0 4.02-.04 5.16-.74 19h-1c.7-13.85.74-15 .74-19 0-7.12-3.86-9.83-10.26-8.26-6.11 1.5-13.5 6.77-18.85 13.57-1.86 2.36-7.65 10.07-10.43 13.69h-1.26zm-9.86-338.96c3.44 2.71 7 5.1 11.44 7.75 1.06.64 8.42 4.9 10.35 6.1 11.27 7 15 13.35 12.35 25.33-1.45 6.52-4.53 11.1-9.39 14.44-3.83 2.63-8.07 4.26-16.08 6.56-11.97 3.45-13.68 3.99-18.82 6.28a60.18 60.18 0 0 0-7.81 4.18c-11.11 7.07-19.1 7.7-27.96 3.28-3.56-1.77-17.2-11-17.2-11.01a101.77 101.77 0 0 0-5.2-3.07c-16.04-8.83-34.27-24.16-34.52-31.85-.11-3.46 1.99-6.57 6.28-10.26 1.03-.9 2.18-1.81 3.68-2.95.72-.55 3.38-2.56 3.94-3 4.47-3.4 7.18-5.79 9.32-8.45 11.12-13.82 26.55-28.68 34.36-32.28 12.06-5.54 19.84-5.77 27.37.12 3.25 2.54 5.65 6.54 8.58 13.35.29.65 2.3 5.45 2.88 6.74 1.62 3.65 2.9 5.8 4.24 6.94.72.6 1.45 1.2 2.2 1.8zm-3.49-.28c-1.63-1.39-3.03-3.74-4.77-7.65-.58-1.3-2.6-6.12-2.88-6.76-2.81-6.5-5.08-10.3-7.98-12.56-6.83-5.35-13.85-5.15-25.3.12-7.45 3.42-22.7 18.12-33.64 31.72-2.27 2.82-5.08 5.3-9.67 8.79l-3.94 2.98a79.98 79.98 0 0 0-3.59 2.88c-3.87 3.33-5.67 6-5.58 8.69.21 6.64 18.14 21.72 33.48 30.15 1.76.97 3.5 2 5.3 3.13.12.08 13.61 9.22 17.03 10.92 8.22 4.1 15.46 3.52 26-3.18a62.17 62.17 0 0 1 8.07-4.31c5.25-2.35 7-2.9 19.08-6.38 7.8-2.24 11.9-3.82 15.5-6.3 4.44-3.04 7.23-7.18 8.56-13.22 2.44-11.02-.83-16.6-11.45-23.2-1.9-1.18-9.23-5.42-10.32-6.08-4.5-2.69-8.13-5.12-11.64-7.9-.77-.6-1.52-1.21-2.26-1.84zM87.72 241.6c4.3-2.98 7.88-5 12.14-6.95.84-.4 1.73-.78 2.78-1.24l4.37-1.88a164.3 164.3 0 0 0 17.74-8.96 320.67 320.67 0 0 1 27.87-14.5c4.22-1.95 21.89-9.84 21.17-9.52 19.17-8.62 28.1-6.93 49.5 8.05 7.91 5.54 13.24 13.25 16.45 22.66 3.02 8.83 3.76 16.51 3.76 27.75 0 8.32-.66 12.95-3.68 18.97-4.18 8.36-12.3 16.14-25.58 23.47-24.45 13.49-38.83 27.55-52.83 47.84-8.83 12.8-47.76 44.21-65.16 54.15C75.04 413.55 48.89 423.5 31 423.5c-10.05 0-14.67-4.78-14.76-13.37-.07-6.32 2.06-13.73 6.3-24.32 2.95-7.37 2.02-12.9-2.16-22.29-3.19-7.17-3.88-9.14-3.88-12.52 0-3.35 1.87-6.9 5.52-11.07 2.61-3 3.5-3.83 11.9-11.5 5.09-4.66 8.08-7.6 10.7-10.75 9.46-11.36 12.62-19.47 17.9-44.78 3.12-15.05 6.63-20.28 15.12-25.25.8-.47 3.95-2.25 4.7-2.68a76.66 76.66 0 0 0 5.38-3.38zm.56.82a77.63 77.63 0 0 1-5.44 3.43l-4.7 2.67c-8.23 4.82-11.57 9.81-14.65 24.6-5.3 25.45-8.51 33.7-18.1 45.21-2.66 3.19-5.68 6.16-10.8 10.84-8.36 7.64-9.24 8.48-11.82 11.42-3.5 4.01-5.27 7.36-5.27 10.42 0 3.18.68 5.1 3.8 12.12 4.27 9.6 5.24 15.37 2.16 23.07-4.18 10.47-6.29 17.78-6.22 23.93.08 8.06 4.26 12.38 13.76 12.38 17.67 0 43.68-9.9 64.75-21.93 17.28-9.88 56.1-41.2 64.84-53.85 14.08-20.42 28.57-34.59 53.17-48.16 13.12-7.23 21.09-14.87 25.17-23.03 2.92-5.86 3.57-10.35 3.57-18.53 0-11.13-.74-18.73-3.7-27.43-3.15-9.22-8.36-16.75-16.09-22.16-21.13-14.8-29.7-16.42-48.5-7.95.7-.32-16.96 7.56-21.17 9.5-1.7.8-3.3 1.55-4.86 2.3a319.68 319.68 0 0 0-22.93 12.17 165.3 165.3 0 0 1-17.85 9.01l-4.37 1.88c-1.04.45-1.92.84-2.76 1.23a74.56 74.56 0 0 0-11.99 6.86zm-7.6 12.2c7.7-6.25 12.3-8.17 23.68-11.27 6.12-1.67 9.12-2.95 12.31-5.72 3.8-3.3 7.47-4.52 15.86-6.1 2.75-.52 3.67-.7 5.06-1.02 5.48-1.24 9.48-2.93 13.1-5.89 10.42-8.53 25.4-14.11 36.31-14.11 5.33 0 16.77 7.58 25.74 17.16 10.73 11.46 15.96 23.27 12.73 32.5-3.18 9.1-11.39 18.57-23.03 27.86-8.44 6.73-18.36 13-25.22 16.43-3.72 1.86-6.59 4.88-9.77 9.99-.69 1.1-11.1 20.25-16.03 27.83-5.62 8.65-15.4 17.36-30.23 27.96a552.58 552.58 0 0 1-9.2 6.42c-.13.09-6.81 4.65-8.6 5.89-6.47 4.46-10.35 7.35-13.05 9.83-11.64 10.67-37.14 15.54-43.7 8.98-1.96-1.96-2.2-4.06-1.95-10.52.37-9.42-.5-14.5-4.95-20.51a34.09 34.09 0 0 0-7.04-6.92c-3.93-2.95-6.07-6.11-6.56-9.49-.97-6.61 3.87-13.06 14.17-21.69 1.58-1.32 6.67-5.44 7.09-5.78a48.03 48.03 0 0 0 5.23-4.77c4.1-4.63 5.85-9.55 7.8-20.07a501.52 501.52 0 0 0 .8-4.37c.33-1.87.6-3.3.88-4.73.74-3.78 1.5-7.18 2.4-10.63 1-3.78 1.38-5.5 2.36-10.37.6-3.02.93-4.21 1.56-5.47 1.22-2.45 1.27-2.5 12.25-11.42zm.64.78c-10.77 8.74-10.88 8.84-12 11.08-.58 1.16-.88 2.3-1.47 5.22-.98 4.89-1.36 6.63-2.37 10.44-.9 3.43-1.65 6.8-2.39 10.56a339.79 339.79 0 0 0-1.29 6.95l-.39 2.15c-1.98 10.68-3.77 15.74-8.04 20.54a48.77 48.77 0 0 1-5.34 4.88c-.42.34-5.5 4.47-7.07 5.78-10.04 8.4-14.72 14.65-13.83 20.78.45 3.1 2.44 6.03 6.17 8.83 3 2.25 5.39 4.62 7.24 7.12 4.63 6.24 5.52 11.52 5.15 21.15-.25 6.14-.01 8.1 1.66 9.78 6.1 6.1 31.02 1.33 42.31-9.02 2.75-2.52 6.66-5.43 13.16-9.92l8.6-5.89c3.63-2.48 6.45-4.44 9.19-6.4 14.73-10.54 24.44-19.18 29.97-27.7 4.9-7.54 15.31-26.68 16.02-27.8 3.27-5.26 6.26-8.41 10.18-10.37 6.79-3.4 16.65-9.63 25.03-16.32 11.52-9.18 19.61-18.53 22.72-27.4 3.07-8.78-2.02-20.27-12.52-31.49-8.8-9.4-20.04-16.84-25.01-16.84-10.67 0-25.43 5.5-35.68 13.89-3.76 3.07-7.9 4.81-13.5 6.09-1.41.32-2.35.5-5.11 1.02-8.21 1.55-11.76 2.73-15.38 5.88-3.34 2.9-6.45 4.22-12.7 5.92-11.26 3.07-15.75 4.94-23.31 11.09zM212 251.85c0 7.56-.6 10.92-2.6 14.3-1.1 1.84-7.66 10.05-8.6 11.3-5.96 7.94-9.33 10.28-17.26 13.76-1.34.58-2.2 1-3.03 1.5-.55.33-1.2.66-2 1.02-.71.33-4.46 1.9-5.52 2.39-6.05 2.78-8.99 5.8-8.99 10.73 0 10.97-18.95 36.12-34.51 44.87-8.18 4.6-21.3 9.36-32.78 11.86-13.33 2.9-22.49 2.48-24.62-2.32-1.32-2.97-4.4-4.26-11.98-5.81l-.6-.12c-4.84-.99-6.94-1.55-9.03-2.64-2.92-1.5-4.48-3.7-4.48-6.84 0-2.74 1.08-5.77 3.25-9.67.85-1.53 1.82-3.13 3.23-5.35-.16.25 2.83-4.4 3.67-5.76 6.69-10.7 9.85-18.5 9.85-27.22 0-18.41 11.22-33.37 27.5-42.86 5.22-3.05 9.23-3.31 15.2-2.12 5.04 1 6.05.9 7.43-1.52 4.5-7.85 7.04-9.5 15.87-9.5 3.93 0 6.97-.98 10.47-3.16 1.56-.97 8.67-6.17 10.99-7.68 9.2-5.98 11.34-7 25.2-11.95 6.95-2.48 15.18 1.28 22.33 9.12 6.55 7.19 11.01 16.61 11.01 23.67zm-2 0c0-6.5-4.25-15.48-10.49-22.32-6.67-7.32-14.16-10.74-20.17-8.59-13.73 4.9-15.73 5.85-24.8 11.75-2.24 1.46-9.37 6.68-11.01 7.7-3.8 2.36-7.2 3.46-11.53 3.46-8.08 0-9.98 1.23-14.13 8.5-1.1 1.91-2.51 2.88-4.35 3.09-1.3.14-1.9.05-5.22-.61-5.53-1.1-9.07-.88-13.8 1.88-15.72 9.17-26.5 23.55-26.5 41.14 0 9.2-3.28 17.29-10.15 28.28l-3.68 5.77c-1.39 2.19-2.35 3.77-3.17 5.25-2.02 3.63-3 6.38-3 8.7 0 4.19 2.87 5.67 11.9 7.52l.61.12c8.27 1.7 11.7 3.13 13.4 6.95 3.17 7.14 36 0 54.6-10.46 14.98-8.43 33.49-32.99 33.49-43.13 0-5.9 3.47-9.48 10.16-12.55 1.1-.5 4.85-2.08 5.52-2.38.74-.34 1.32-.64 1.8-.93.92-.55 1.85-1 3.25-1.62 7.65-3.35 10.75-5.5 16.47-13.12 1.02-1.36 7.47-9.42 8.47-11.11 1.79-3.01 2.33-6.06 2.33-13.3zm-37.18-22.4c.15-.1 2.4-1.51 2.95-1.84.96-.57 1.7-.94 2.43-1.17 2.57-.83 5.06-.1 11.04 3.12 14.86 8 19.43 22.87 9.18 38.71-4.04 6.24-9.37 9-18.72 11.11-.85.2-1.2.27-3.13.68-6.04 1.29-8.78 2.08-11.6 3.65-3.63 2.02-6.09 4.98-7.5 9.44-7.87 24.93-19.72 43.34-36.28 50.31-16.45 6.93-21.13 8.53-27.98 8.89-4.94.25-9.8-.65-15.4-2.89a44.45 44.45 0 0 1-5.64-2.6c-4.02-2.33-5.14-4.74-4.5-9.31.3-2.13 3.77-15.53 4.84-20.65.63-3.05 1.19-6.14 1.75-9.69a464.04 464.04 0 0 0 1.35-8.9c1.42-9.41 2.5-14.27 4.49-18.65 2.46-5.43 6.13-9.03 11.72-11.13 6.59-2.47 10.54-3.1 18.03-3.53 4.75-.27 6.68-.64 9-2.05.61-.37 1.22-.81 1.82-1.33a30.61 30.61 0 0 0 3.37-3.4c.59-.69 2.38-2.9 2.63-3.19 3.36-4 6.3-5.53 12.33-5.53 3.94 0 5.9-.92 8.18-3.36-.17.18 2.75-3.14 3.85-4.22a30.95 30.95 0 0 1 6.79-5c1.5-.83 3.15-1.62 4.99-2.38a64.92 64.92 0 0 0 10.01-5.1zm-14.52 8.34a29.95 29.95 0 0 0-6.57 4.84 116.68 116.68 0 0 0-3.82 4.2c-2.46 2.63-4.68 3.67-8.91 3.67-5.72 0-8.39 1.39-11.57 5.17-.23.28-2.03 2.5-2.63 3.2a31.6 31.6 0 0 1-3.47 3.51c-.65.55-1.3 1.03-1.96 1.43-2.5 1.51-4.55 1.9-9.47 2.19-7.39.42-11.25 1.04-17.72 3.47-5.34 2-8.82 5.4-11.17 10.6-1.93 4.27-3 9.07-4.41 18.39l-.65 4.34-.7 4.57c-.57 3.56-1.12 6.67-1.76 9.73-1.08 5.18-4.54 18.53-4.83 20.59-.59 4.17.35 6.18 4.01 8.3 1.35.77 3.1 1.58 5.52 2.55 5.46 2.18 10.18 3.05 14.97 2.8 6.69-.34 11.32-1.93 27.65-8.8 16.21-6.83 27.92-25.01 35.71-49.7 1.49-4.7 4.12-7.86 7.97-10 2.93-1.63 5.74-2.45 11.87-3.76 1.92-.4 2.28-.49 3.12-.68 9.12-2.06 14.24-4.7 18.1-10.67 9.92-15.34 5.55-29.55-8.82-37.29-5.75-3.1-8.03-3.76-10.25-3.05-.65.2-1.33.54-2.23 1.08-.55.32-2.77 1.72-2.93 1.82a65.91 65.91 0 0 1-10.16 5.17c-1.8.75-3.42 1.52-4.89 2.33zm-42.39 32.72c16.15-2.87 26.36-.97 32.47 6.16 5.08 5.93 1.13 21.42-5.93 35.55-4.79 9.58-10.6 16.21-23.16 25.19-14.15 10.1-35.5 12.2-40.71 3.85-1.86-2.97-2.1-8.14-1.06-15.73.78-5.68 1.86-10.71 4.73-22.98l.12-.51c1.59-6.8 2.37-10.31 3.14-14.14 1.45-7.25 3.74-11.47 7.26-13.74 2.81-1.8 5.53-2.28 12.33-2.62 5.33-.27 7.56-.46 10.81-1.03zm.18.98c-3.3.59-5.56.78-10.94 1.05-6.62.33-9.23.78-11.84 2.46-3.25 2.1-5.42 6.09-6.82 13.1-.77 3.84-1.56 7.35-3.15 14.17l-.12.5c-2.86 12.24-3.93 17.26-4.7 22.9-1.03 7.36-.79 12.36.9 15.07 4.82 7.7 25.54 5.67 39.29-4.15 12.43-8.88 18.13-15.39 22.84-24.81 6.86-13.72 10.75-29 6.07-34.45-5.84-6.81-15.7-8.65-31.53-5.84zM132 276.5c7.12 0 10.66 3.08 11.25 8.7.42 4.02-.43 8.14-2.77 15.94-2.56 8.52-18.36 25.38-27.2 31.28-7.01 4.67-20.02 5.67-26.57.99-3.99-2.85-3.53-12.08.02-26.46.68-2.75 1.47-5.65 2.37-8.76a412.6 412.6 0 0 1 3.05-10.14l.37-1.2c1.48-4.8 5.1-7.75 10.73-9.27 4.4-1.2 9.54-1.5 17.48-1.33l3.89.1c3.87.11 5.42.15 7.38.15zm0 1c-1.97 0-3.53-.04-7.41-.15l-3.88-.1c-7.85-.17-12.92.13-17.2 1.3-5.32 1.43-8.67 4.16-10.03 8.6a1277.83 1277.83 0 0 1-1.6 5.21c-.68 2.2-1.27 4.17-1.82 6.1-.9 3.1-1.68 5.99-2.36 8.73-3.43 13.88-3.87 22.93-.4 25.4 6.17 4.42 18.73 3.45 25.42-1 8.66-5.78 24.33-22.49 26.8-30.73 2.3-7.67 3.14-11.71 2.73-15.56-.53-5.1-3.64-7.8-10.25-7.8zm-17.79 7a31.3 31.3 0 0 1 8.57 1.4c5.42 1.78 8.72 5.03 8.72 10.1 0 9.59-9.51 17.2-22.34 21.47-9.82 3.28-13.62-1.79-11.66-16.54.84-6.28 3.82-10.67 8.24-13.46a20.38 20.38 0 0 1 8.47-2.97zm-.6 1.08a19.39 19.39 0 0 0-7.34 2.73c-4.18 2.64-6.98 6.78-7.77 12.76-1.89 14.11 1.36 18.45 10.34 15.46C121.3 312.37 130.5 305 130.5 296c0-4.56-2.98-7.5-8.03-9.15a28.05 28.05 0 0 0-8.2-1.35c-.13 0-.35.03-.66.08zm80.87-23.45c-2.72 9.8-14.93 9.86-26.72 3.3-10.17-5.64-13.8-17.98-5-22.87a66.53 66.53 0 0 0 4.48-2.7l2.03-1.3a50.15 50.15 0 0 1 3.92-2.3c4.73-2.43 8.82-2.8 14-.72 9.16 3.66 10.98 13.33 7.3 26.6zm-20.83-24.98a49.26 49.26 0 0 0-3.84 2.25l-2.03 1.3c-.84.53-1.5.95-2.16 1.35-.82.5-1.6.96-2.38 1.39-7.94 4.4-4.59 15.8 5 21.12 11.31 6.29 22.8 6.23 25.28-2.7 3.57-12.83 1.85-21.97-6.7-25.4-4.9-1.95-8.69-1.62-13.17.7zm17.85 12.15c0 5.7-2.44 9-6.64 9.96-3.3.76-7.56-.05-11.08-1.81l-1.89-.94c-.67-.34-1.18-.62-1.63-.88-4.07-2.38-4.13-4.97.34-10.93 6.8-9.06 20.9-7.16 20.9 4.6zm-1 0c0-5.3-2.87-8.55-7.32-9.16-4.23-.57-8.99 1.44-11.78 5.16-4.15 5.54-4.1 7.44-.64 9.47.44.25.93.51 1.59.85l1.87.93c3.34 1.67 7.36 2.44 10.42 1.74 3.73-.86 5.86-3.74 5.86-9zM387 530.3c0-12.8 2.44-16.74 18.48-29.77a56.8 56.8 0 0 1 7.61-5.2c2.6-1.5 5.33-2.82 8.5-4.18 1.24-.53 2.48-1.05 4.1-1.7l3.92-1.57c9.4-3.83 13.74-6.7 16.62-12.05 1.2-2.22 2.21-4.4 3.23-6.83a148.57 148.57 0 0 0 1.54-3.84l.3-.74.56-1.44c3.2-8.02 6.05-12.08 12.7-16.5a35.26 35.26 0 0 0 4.96-4 46.36 46.36 0 0 0 3.88-4.29c.27-.34 2.55-3.2 3.2-3.98 3.48-4.15 6.51-5.9 11.51-5.9 3.08 0 5.62-.63 9.57-2.1 5.42-2.02 6.53-2.34 8.96-2.2 2.53.13 4.85 1.26 7.18 3.59 1.3 1.3 5.55 5.83 6.52 6.78 5.06 5 9.44 6.92 17.77 6.92a197.5 197.5 0 0 1 12.08.45c15.93.87 21.94.57 25.28-2.21 6.91-5.77 11.64-2.73 11.64 7.76 0 10.73-8.6 20-19 20-4.8 0-8.32 1.43-9.34 3.67-1.12 2.48.68 6.15 5.98 10.57 13.6 11.33 11.24 20.76-7.64 20.76a21.91 21.91 0 0 0-14.6 5.24c-3.28 2.71-5.8 5.86-9.85 11.82l-1.52 2.25c-3.1 4.57-5.01 7.1-7.32 9.4-6.21 6.21-9.3 7.64-13.05 6.89l-1-.23a10.82 10.82 0 0 0-2.66-.37c-1.6 0-2.41.67-8.18 6.22-4.85 4.67-8.07 6.78-11.82 6.78-1.33 0-3.46 1.15-6.45 3.45-1.27.98-2.68 2.14-4.5 3.7l-4.92 4.29a181.11 181.11 0 0 1-4.54 3.82c-9.33 7.56-15.63 10.2-20.21 6.52-2.7-2.15-4.14-4.51-4.63-7.26-.37-2.04-.26-3.63.29-7.3.87-5.85.65-8.42-1.83-11.6-2.32-2.98-2.96-3.22-3.77-2.39-.25.26-1.35 1.63-1.61 1.94-2.21 2.5-4.85 3.57-9 2.82-4.6-.84-5.57-4.11-4.72-10.09l.24-1.56c.6-3.66.68-4.93.25-5.8-.44-.86-1.9-.94-5.23.4l-.74.29c-13.78 5.54-15.26 6.09-19.43 6.67-6.03.84-9.31-1.6-9.31-7.9zm2 0c0 5 2.14 6.6 7.04 5.92 3.91-.55 5.43-1.1 18.95-6.55l.75-.3c4.17-1.66 6.7-1.54 7.76.58.71 1.43.62 2.76-.06 7l-.24 1.53c-.72 5.04-.06 7.27 3.09 7.84 3.43.62 5.38-.17 7.15-2.18.2-.23 1.34-1.66 1.68-2 1.9-1.96 3.82-1.25 6.78 2.55 2.9 3.74 3.17 6.77 2.22 13.12-1 6.75-.52 9.4 3.62 12.71 3.49 2.8 9.1.45 17.7-6.51 1.35-1.1 2.75-2.28 4.49-3.78l4.93-4.3c1.84-1.58 3.27-2.76 4.58-3.77 3.34-2.56 5.74-3.86 7.67-3.86 3.04 0 5.95-1.9 10.43-6.22l2.46-2.39c.94-.89 1.67-1.56 2.37-2.13 1.81-1.49 3.3-2.26 4.74-2.26 1.03 0 1.81.13 3.1.42.7.16.71.17.96.21 2.96.6 5.45-.55 11.23-6.33 2.2-2.2 4.06-4.65 7.09-9.11l1.52-2.25c4.15-6.11 6.76-9.37 10.22-12.24a23.9 23.9 0 0 1 15.88-5.7c16.87 0 18.62-7.01 6.36-17.23-5.9-4.92-8.12-9.41-6.52-12.93 1.42-3.12 5.67-4.84 11.16-4.84 9.25 0 17-8.34 17-18 0-8.94-2.88-10.79-8.36-6.23-3.94 3.28-9.98 3.59-26.67 2.68l-1.02-.06c-5.09-.27-7.99-.39-10.95-.39-8.88 0-13.76-2.14-19.18-7.5-1-.98-5.26-5.53-6.53-6.79-1.99-1.99-3.86-2.9-5.87-3-2.03-.12-3.06.18-8.15 2.07-4.15 1.55-6.9 2.22-10.27 2.22-4.33 0-6.84 1.46-9.98 5.2-.63.74-2.89 3.6-3.18 3.95a48.29 48.29 0 0 1-4.04 4.46 37.26 37.26 0 0 1-5.24 4.23c-6.26 4.17-8.9 7.91-11.95 15.58l-.57 1.43-.28.74a531.5 531.5 0 0 1-1.56 3.88 77.49 77.49 0 0 1-3.32 7c-3.16 5.88-7.82 8.97-17.63 12.96l-3.92 1.58c-1.6.64-2.84 1.15-4.05 1.67a79.2 79.2 0 0 0-8.3 4.08 54.8 54.8 0 0 0-7.35 5.02C391.12 514.78 389 518.21 389 530.31zm133.22-79.76c3.06 1.53 6.54 2.02 10.68 1.7 2.53-.2 4.91-.62 8.8-1.49 5.36-1.19 6.33-1.38 8.33-1.54 2.78-.23 4.82.17 6.29 1.4 1.58 1.31 1.96 2.72 1.26 4.22-.66 1.38-1.05 1.74-5.05 5.07-3.53 2.93-5.03 4.83-5.03 7.09 0 7.3 1.29 10.02 7.83 15.62 3.86 3.3 5.93 6.84 5.28 9.62-.75 3.25-4.96 5.02-12.61 5.02-7.18 0-12.7 4.61-20.03 14.68-.5.7-3.96 5.57-4.94 6.87a38.89 38.89 0 0 1-4.72 5.5c-1.06.98-2.09 1.7-3.1 2.15-2.85 1.26-5.05 1.57-9.83 1.74-7.66.27-10.87 1.45-14.98 7.1-1.58 2.17-3.11 4-4.68 5.6a42.87 42.87 0 0 1-8.65 6.69c-.15.08-10.69 6.19-14.8 8.83-3.76 2.42-6.45 2.04-8.22-.77-1.28-2.03-1.9-4.54-2.87-10.35-.84-5.08-1.27-7.08-2.06-8.93-.97-2.3-2.21-3.24-4.02-2.88-6.2 1.24-8.95 1.39-10.98.2-2.37-1.4-3.13-4.62-2.62-10.73.16-1.96-1.04-2.87-3.76-3.04-2.24-.13-4.9.2-9.94 1.12l-.69.12c-7.97 1.45-10.72 1.72-12.72.73-2.91-1.43-1.6-5.27 4.23-12.21 5.48-6.53 10.6-10.81 15.76-13.53 3.74-1.97 5.94-2.65 12.16-4.1 7.29-1.72 10.4-3.51 14.04-9.31 2.96-4.75 10.74-18.62 12.14-20.84 3.59-5.67 6.8-9.1 11.05-11.34 2.6-1.38 4.72-2.82 9.17-6.07l1.38-1.01c7.85-5.72 12.3-7.98 17.68-7.98 4.22 0 6.49 1.36 9.13 4.77.34.43 1.67 2.22 2 2.67.85 1.09 1.6 1.98 2.45 2.83a24.29 24.29 0 0 0 6.64 4.78zm-.44.9c-2.8-1.4-5-3.03-6.92-4.97-.87-.9-1.65-1.81-2.51-2.93-.35-.46-1.68-2.25-2.01-2.67-2.47-3.18-4.46-4.38-8.34-4.38-5.09 0-9.4 2.2-17.09 7.78l-1.38 1.01c-4.49 3.29-6.63 4.74-9.3 6.15-4.06 2.15-7.16 5.45-10.66 11-1.39 2.19-9.16 16.05-12.15 20.82-3.79 6.07-7.13 7.98-14.66 9.75-6.13 1.45-8.27 2.1-11.92 4.02-5.04 2.66-10.05 6.86-15.46 13.3-5.43 6.46-6.53 9.69-4.55 10.66 1.7.84 4.48.57 12.1-.81l.7-.13c5.12-.93 7.82-1.27 10.17-1.12 3.21.2 4.92 1.48 4.7 4.11-.48 5.76.2 8.64 2.13 9.78 1.73 1.02 4.34.88 10.27-.31 2.35-.47 4 .78 5.14 3.47.83 1.95 1.27 4 2.07 8.8l.06.36c.94 5.65 1.55 8.11 2.72 9.98 1.46 2.3 3.52 2.6 6.84.46 4.14-2.66 14.69-8.77 14.81-8.85a41.9 41.9 0 0 0 8.46-6.54 47.89 47.89 0 0 0 4.6-5.48c4.32-5.95 7.81-7.23 15.74-7.5 4.66-.17 6.76-.47 9.46-1.67.9-.4 1.85-1.06 2.84-1.96a38.03 38.03 0 0 0 4.6-5.36c.96-1.3 4.4-6.16 4.93-6.87 7.5-10.31 13.22-15.09 20.83-15.09 7.24 0 11.02-1.6 11.64-4.24.54-2.32-1.36-5.55-4.97-8.64-6.75-5.79-8.17-8.79-8.17-16.38 0-2.67 1.64-4.74 5.39-7.86 3.8-3.17 4.23-3.56 4.78-4.73.5-1.06.25-1.99-.99-3.03-2.23-1.85-4.72-1.65-13.76.36-3.93.87-6.35 1.3-8.94 1.5-4.3.34-7.97-.18-11.2-1.8zm-28-3.9c5.65-2.82 8.96-2.2 12.9 1.37.56.5 2.6 2.47 3.02 2.87 4.2 3.89 8.07 5.71 14.3 5.71 11.37 0 14 1.41 16.1 8.09.26.83 1.35 4.6 1.66 5.62.8 2.63 1.64 5.03 2.7 7.6 2.13 5.17 2.64 8.32 1.72 10.24-.77 1.61-2.1 2.18-5.37 2.79-2.32.43-2.8.53-3.85.85-1.85.58-3.35 1.4-4.6 2.66-1 1-2.02 2.13-3.31 3.66-.6.71-2.91 3.5-3.46 4.14-7.2 8.54-12.43 12.35-19.59 12.35-3.76 0-6.95 1.28-10.59 4-1.84 1.37-11.62 10.31-15.22 13.06a73.09 73.09 0 0 1-8.95 5.88c-4.58 2.54-7.35 3.22-8.98 2.23-1.32-.8-1.65-2.07-1.94-5.5a52.53 52.53 0 0 0-.16-1.81c-.54-4.73-2.24-6.86-7.16-6.86-7.11 0-8.85-1.23-9.73-5.41-.96-4.61-2.1-6.7-6.55-9.67-3.97-2.65-4.31-5.42-1.52-8.22 2-2 4.63-3.5 11.35-6.87 6.61-3.3 9.2-4.8 11.1-6.68a39.09 39.09 0 0 0 5.3-6.48c.98-1.5 1.83-3.04 2.88-5.13l2.12-4.3c.91-1.83 1.72-3.37 2.61-4.98 5.74-10.32 10.37-14.78 23.22-21.2zm-22.34 21.7c-.89 1.59-1.69 3.12-2.6 4.94l-2.11 4.3a52.9 52.9 0 0 1-2.94 5.23 40.08 40.08 0 0 1-5.44 6.63c-2 2-4.62 3.51-11.35 6.87-6.6 3.3-9.2 4.8-11.1 6.69-2.33 2.34-2.08 4.37 1.38 6.67 4.7 3.14 5.96 5.46 6.97 10.3.78 3.7 2.09 4.62 8.75 4.62 5.5 0 7.57 2.57 8.15 7.75.06.5.09.82.17 1.84.25 3.06.55 4.17 1.46 4.72 1.2.74 3.69.13 7.98-2.25a72.09 72.09 0 0 0 8.82-5.8c3.55-2.7 13.34-11.65 15.24-13.07 3.79-2.83 7.18-4.19 11.18-4.19 6.77 0 11.8-3.67 18.83-12l3.45-4.13a60.07 60.07 0 0 1 3.37-3.72 11.72 11.72 0 0 1 5.01-2.91c1.1-.34 1.6-.45 3.97-.89 2.95-.55 4.07-1.02 4.65-2.23.76-1.59.28-4.5-1.74-9.43a84.46 84.46 0 0 1-2.74-7.69c-.31-1.03-1.4-4.8-1.66-5.61-1.95-6.2-4.16-7.39-15.14-7.39-6.5 0-10.61-1.93-14.98-5.98-.44-.4-2.46-2.37-3.01-2.86-3.65-3.3-6.52-3.85-11.79-1.21-12.67 6.33-17.15 10.65-22.78 20.8zm55.86 11.93c-2.98 6.45-16.78 15.26-26.74 15.26-5.33 0-7.56-2.98-7.11-7.86.32-3.48 2.1-7.91 3.93-10.61l1.52-2.32a44.95 44.95 0 0 1 1.88-2.7c3.66-4.8 7.85-7.45 13.62-7.45 9.06 0 15.75 9.52 12.9 15.68zm-.9-.42c2.52-5.47-3.65-14.26-12-14.26-5.4 0-9.33 2.48-12.82 7.06-.6.8-1.17 1.6-1.85 2.64 0 0-1.2 1.87-1.52 2.33-1.74 2.57-3.46 6.85-3.77 10.14-.4 4.33 1.43 6.77 6.12 6.77 9.57 0 23.02-8.58 25.83-14.68zm-69.67 20.74c2.08.18 4.44.81 5.88 1.8 2.12 1.47 2.2 3.6-.26 6.05-5.14 5.15-12.85 4.34-12.85-1.35 0-4.66 3.14-6.84 7.23-6.5zm-.09 1c-3.56-.3-6.14 1.5-6.14 5.5 0 4.58 6.53 5.26 11.15.65 2.03-2.04 1.98-3.43.4-4.52-1.27-.88-3.48-1.47-5.4-1.63zm29.59-225.95c4.64 2.35 17.27 8.24 19.39 9.43a24.14 24.14 0 0 1 7.05 5.64 45.03 45.03 0 0 1 3.75 5.2c2.4 3.78.04 7.66-6.2 11.63-4.97 3.16-12.18 6.3-21.95 9.82-4.84 1.74-19.63 6.68-21.1 7.2-6.59 2.33-14.85.1-25.14-5.86-3.93-2.27-8-5-12.94-8.54-2.23-1.61-9.5-6.99-10.7-7.85a81.21 81.21 0 0 0-8.63-5.7c-4.82-2.6-4.45-6.64.17-12.13 3.27-3.88 4.17-4.67 18.1-16.33a230.2 230.2 0 0 0 8.89-7.74 95.2 95.2 0 0 0 4.72-4.66c5.08-5.43 9.8-6.49 14.97-3.92 2.24 1.1 4.53 2.85 7.43 5.52 1.48 1.37 6.94 6.72 7.98 7.7 5.2 4.91 9.46 8.2 14.2 10.6zm-.46.9c-4.85-2.45-9.18-5.79-14.44-10.76-1.05-1-6.5-6.34-7.97-7.69-2.83-2.61-5.06-4.3-7.2-5.37-4.75-2.36-9-1.4-13.8 3.71a96.18 96.18 0 0 1-4.76 4.71c-2.48 2.3-5.16 4.62-8.92 7.77-13.86 11.6-14.77 12.4-17.98 16.21-4.28 5.08-4.58 8.4-.46 10.61 2.23 1.2 4.9 2.99 8.74 5.77 1.2.87 8.47 6.24 10.7 7.85a154.8 154.8 0 0 0 12.85 8.49c10.06 5.82 18.07 7.98 24.3 5.78 1.48-.52 16.27-5.47 21.1-7.2 9.7-3.5 16.86-6.61 21.75-9.72 5.84-3.71 7.9-7.1 5.9-10.26a44.09 44.09 0 0 0-3.67-5.08 23.16 23.16 0 0 0-6.78-5.42c-2.08-1.16-14.68-7.05-19.36-9.4zm-38.83 8.05c3.11-.37 5.7-.13 8.4.7 2.15.66 2.74.93 8.64 3.77 4.75 2.29 8.39 3.86 13.19 5.56 8.38 2.97 11.32 6.23 8.83 9.76-2.08 2.94-8.04 5.92-17.84 9.18-8.45 2.82-15.48 2.35-21.43-.9-4.65-2.55-8.33-6.5-12.15-12.3-2.9-4.41-2.73-8.2.16-11.06 2.48-2.45 6.87-4.07 12.2-4.7zm.12 1c-5.13.6-9.33 2.16-11.62 4.42-2.53 2.5-2.68 5.77-.02 9.8 3.73 5.68 7.3 9.51 11.8 11.97 5.7 3.11 12.43 3.57 20.62.84 9.59-3.2 15.44-6.12 17.34-8.82 1.94-2.75-.5-5.45-8.35-8.24-4.84-1.72-8.5-3.3-13.28-5.6-5.84-2.81-6.42-3.07-8.5-3.71a18.42 18.42 0 0 0-8-.66zM202.5 500.38c0 4.78-1.45 7.56-4.43 8.93-2.29 1.05-4.55 1.23-10.79 1.2l-1.78-.01c-9.19 0-17-7.65-17-15.5 0-7.59 10.6-10.51 19.74-5.44 2.78 1.55 4.21 1.94 8.57 2.75 4.44.83 5.69 2.27 5.69 8.07zm-1 0c0-5.3-.9-6.34-4.88-7.08-4.45-.83-5.96-1.25-8.86-2.86-8.57-4.76-18.26-2.1-18.26 4.56 0 7.3 7.36 14.5 16 14.5h1.79c6.06.04 8.26-.14 10.36-1.1 2.6-1.2 3.85-3.6 3.85-8.02zm33.33-117.85c3.71-1.31 8.7-2.7 16.1-4.55 2.58-.65 16.53-4.04 20.56-5.05 19.59-4.93 31.55-8.9 38.23-13.35 14.93-9.95 36.87-33.88 43.83-47.8 2.25-4.5 4.65-6.38 7.68-6.25 1.26.06 2.61.45 4.32 1.2a50.81 50.81 0 0 1 3.54 1.7l1.26.63c4.78 2.34 8.38 3.44 12.65 3.44 7.2 0 10.01 3.07 8.35 7.91-1.4 4.06-5.92 8.91-11.1 12.02-8.3 4.98-11.75 17.3-11.75 33.57 0 3.59-1.37 6.28-3.98 8.36-1.98 1.58-4.2 2.6-8.47 4.16l-1.02.37c-4.85 1.75-6.98 2.77-8.68 4.46-5.09 5.1-12.54 7.15-20.35 7.15-1.38 0-2.47.92-3.99 3.1-.29.41-1.32 1.95-1.47 2.18-2.68 3.92-4.93 5.72-8.54 5.72-7.84 0-10.74.93-21.76 6.94-5.18 2.82-8.8 3.58-14.66 3.68-.26 0-.47 0-.92.02-4.82.06-7.12.3-10.51 1.34a73.43 73.43 0 0 0-8.89 3.56c-2.17 1-10.53 5.01-10.23 4.87-7.79 3.7-13.32 5.98-18.9 7.57-12.41 3.55-18.58 2.24-27.42-4.07-2.58-1.85-2.72-4.43-.83-7.62 1.45-2.45 3.9-5.09 8.08-8.97l1.78-1.64c3.92-3.6 4.48-4.11 5.9-5.53 2.32-2.32 3.12-3.5 5.48-7.63 1.93-3.36 3.37-5.11 6.27-7.06 2.3-1.54 5.34-2.98 9.44-4.43zm.34.94c-4.03 1.42-7 2.83-9.22 4.32-2.75 1.85-4.1 3.49-5.96 6.73-2.4 4.2-3.24 5.44-5.64 7.83-1.43 1.44-2 1.96-5.94 5.57l-1.77 1.63c-4.1 3.82-6.52 6.41-7.9 8.75-1.65 2.79-1.54 4.8.55 6.3 8.6 6.14 14.46 7.38 26.57 3.92 5.5-1.57 11-3.84 18.74-7.51-.3.14 8.06-3.88 10.24-4.88a74.3 74.3 0 0 1 9.01-3.6c3.51-1.09 5.89-1.33 10.8-1.4h.91c5.72-.1 9.18-.83 14.2-3.57 11.16-6.08 14.2-7.06 22.24-7.06 3.19 0 5.2-1.6 7.71-5.28l1.48-2.2c1.7-2.43 3-3.52 4.81-3.52 7.57 0 14.78-2 19.65-6.85 1.83-1.84 4.04-2.9 9.04-4.7l1.02-.37c8.6-3.13 11.79-5.67 11.79-11.58 0-16.6 3.53-29.2 12.24-34.43 5-3 9.35-7.67 10.66-11.48 1.42-4.13-.83-6.59-7.4-6.59-4.45 0-8.19-1.14-13.09-3.54-7.52-3.67-6.78-3.34-8.72-3.43-2.58-.1-4.65 1.52-6.74 5.7-7.04 14.07-29.1 38.14-44.17 48.19-6.81 4.54-18.84 8.52-38.55 13.48-4.03 1.02-17.98 4.4-20.56 5.05-7.37 1.84-12.33 3.23-16 4.52zM252 387.5c2.08 0 4-.2 7.25-.69 5.22-.77 6.64-.9 8.46-.5 2.52.56 3.79 2.35 3.79 5.69 0 4.05-2.27 7.29-6.62 10.11-3.24 2.1-6.53 3.53-14.15 6.4l-.27.1-2.28.86c-3.04 1.16-5.27 2.52-9.33 5.43l-.8.57c-8.19 5.88-13.35 8.03-23.05 8.03-4.98 0-6.88-2.03-5.75-5.62.87-2.81 3.58-6.56 7.8-11.13 1.26-1.37 2.64-2.8 4.15-4.3 3.17-3.14 11.25-10.61 11.45-10.8.46-.47.93-.89 1.4-1.26 3.38-2.71 5.77-3.08 14.18-2.93 1.65.03 2.63.04 3.77.04zm0 1c-1.15 0-2.13-.01-3.79-.04-8.18-.14-10.4.2-13.54 2.71-.44.35-.88.74-1.32 1.18-.2.21-8.3 7.69-11.45 10.82a134.6 134.6 0 0 0-4.12 4.26c-4.12 4.47-6.76 8.12-7.58 10.75-.9 2.88.45 4.32 4.8 4.32 9.46 0 14.44-2.07 22.46-7.84l.8-.57c4.13-2.96 6.42-4.36 9.56-5.56l2.3-.86.25-.1c7.55-2.84 10.8-4.25 13.97-6.3 4.08-2.65 6.16-5.6 6.16-9.27 0-2.89-.97-4.26-3-4.7-1.65-.37-3.05-.25-8.1.5-3.3.5-5.26.7-7.4.7zm112.47-45.34c-1.88 5.44-1.98 6.76-.98 12.76 1.18 7.06-1.38 16.58-5.49 16.58a16.89 16.89 0 0 0-1.51.07l-.64.04c-2.86.18-4.83.17-6.94-.17-6.55-1.06-10.41-5.14-10.41-13.44 0-13.9 2.14-19.69 8.13-26.33a21.9 21.9 0 0 0 2.52-3.75c.59-1.03 2.78-5.13 2.72-5.01 4.44-8.14 7.71-11.53 12.25-10.4 1.17.3 2.2.77 3.58 1.59l1.39.84a20 20 0 0 0 3.1 1.6c.7.27 1.8.32 4.75.26l.72-.01c3.16-.05 4.78.08 5.83.66 1.61.89 1.2 2.56-1.14 4.9a215.9 215.9 0 0 1-3.86 3.76c-10.6 10.1-12.75 12.4-14.02 16.05zm-.94-.32c1.34-3.9 3.46-6.17 14.27-16.46 1.55-1.47 2.73-2.62 3.85-3.73 1.94-1.95 2.17-2.88 1.35-3.33-.82-.45-2.37-.58-5.32-.53l-.72.01c-3.14.06-4.26.02-5.14-.34-1.06-.41-1.97-.9-3.25-1.67l-1.38-.83a12.1 12.1 0 0 0-3.31-1.47c-3.88-.97-6.92 2.17-11.13 9.9.07-.13-2.14 3.98-2.73 5.02a22.71 22.71 0 0 1-2.65 3.92c-5.81 6.47-7.87 12-7.87 25.67 0 7.79 3.48 11.47 9.57 12.45 2.01.33 3.92.34 6.71.16a371.33 371.33 0 0 0 1.23-.07c.42-.03.73-.04.99-.04 3.2 0 5.6-8.9 4.5-15.42-1.02-6.16-.91-7.64 1.03-13.24zm-9.26 12.42c.58.52 2.5 1.9 2.55 1.93 1.96 1.57 2.04 3.31.01 6.36-3.74 5.64-8.83 3.09-8.83-4.55 0-3.81.51-5.67 2.07-6.02 1.18-.26 2 .3 4.2 2.28zm-1.34 1.48c-1.5-1.35-2.23-1.85-2.43-1.8-.17.03-.5 1.23-.5 4.06 0 5.87 2.67 7.21 5.17 3.45 1.5-2.26 1.47-2.84.4-3.7.03.03-1.95-1.4-2.64-2zm222.9-130.19c2.2-1.1 3.67-1.66 5.88-2.36l.28-.09a48.92 48.92 0 0 0 8.79-3.55c4.17-2.08 6.35-1.88 6.96.84.44 2 .2 4.01-1.25 12.7-2.27 13.62-9.16 26.14-21.17 36.3-4.3 3.63-7.41 4.39-9.75 2.44-1.88-1.57-3.1-4.57-4.61-10.48-.3-1.15-1.43-5.83-1.72-6.96a114.18 114.18 0 0 0-2.71-9.22c-2.4-6.82-3.03-10.78-2.1-12.94.77-1.83 2.08-2.24 5.6-2.45 1.49-.09 2.09-.14 2.97-.28l1.95-.33c.72-.12 1.22-.2 1.68-.29 1.1-.2 1.92-.38 2.71-.6 1.7-.49 3.42-1.2 6.49-2.73zm.44.9c-3.11 1.54-4.88 2.29-6.65 2.79-.84.23-1.69.42-2.81.63a108.77 108.77 0 0 1-3.81.63c-.77.13-1.39.19-2.92.28-3.13.18-4.17.51-4.74 1.85-.78 1.84-.2 5.62 2.13 12.2a115.12 115.12 0 0 1 2.74 9.31l1.72 6.96c1.46 5.7 2.62 8.58 4.28 9.96 1.87 1.56 4.49.93 8.47-2.44 11.82-10 18.6-22.3 20.83-35.7 1.4-8.45 1.65-10.51 1.25-12.31-.41-1.87-1.86-2-5.54-.16a49.87 49.87 0 0 1-8.93 3.6l-.28.1a35.4 35.4 0 0 0-5.74 2.3zm-4.5 6.58c1.37-.32 2.5-.75 3.9-1.42.35-.18 2.57-1.31 3.32-1.67 1.5-.71 2.97-1.31 4.7-1.89 2.7-.9 4.64-.77 5.88.4.98.94 1.34 2.26 1.41 4.18.02.4.02.7.02 1.37 0 5.63-4.63 16.88-11.34 22.75-4.34 3.8-7.31 4.67-9.92 2.52-2.06-1.7-3.5-4.65-6.67-12.91-1.86-4.83-2.05-8.1-.68-10.2 1.12-1.7 2.9-2.36 5.83-2.7l1.26-.12c1.19-.12 1.75-.19 2.3-.31zm-2.1 2.3l-1.22.12c-2.4.27-3.7.76-4.39 1.81-.93 1.43-.78 4.1.87 8.38 3.02 7.84 4.41 10.71 6.08 12.09 1.63 1.34 3.64.75 7.33-2.48C584.6 250.77 589 240.08 589 235c0-.64 0-.93-.02-1.29-.05-1.44-.3-2.33-.79-2.8-.6-.57-1.8-.65-3.87.04a37.95 37.95 0 0 0-4.47 1.8c-.72.34-2.93 1.47-3.32 1.66a19.54 19.54 0 0 1-4.3 1.56c-.66.16-1.28.24-2.56.36zm-227.73-88.98c-1.59 4.3-3.54 7.25-7.14 11.4l-2.6 2.97a67.02 67.02 0 0 0-2.63 3.23 46.4 46.4 0 0 0-4.68 7.5c-2.85 5.7-7.14 10.18-12.85 13.89-4.25 2.76-8.25 4.62-15.67 7.59-11.01 4.4-16.43 1.26-27.22-16.4-2.86-4.69-8.8-8.63-17.98-12.66-3-1.33-12.88-5.24-14.43-5.92-4.96-2.18-7.04-3.72-6.42-5.85.67-2.32 5.3-4.05 15.48-6.08 16.63-3.32 26.93-3.82 39.93-3.02 7.9.49 9.67.5 12.74-.26 1.99-.48 3.92-1.3 6-2.6l2.79-1.71c9.86-6.14 12.94-7.96 17.3-9.9 6.03-2.71 10.57-3.32 13.94-1.4 7.2 4.12 7.68 7.7 3.44 19.22zm-1.88-.7c3.95-10.7 3.6-13.26-2.56-16.78-2.66-1.52-6.62-.99-12.12 1.48-4.24 1.9-7.3 3.7-17.07 9.77l-2.79 1.73a22.6 22.6 0 0 1-6.57 2.84c-3.36.81-5.22.8-13.34.3-12.84-.78-22.97-.29-39.41 3-4.9.97-8.45 1.88-10.79 2.75-2.03.76-3.04 1.45-3.17 1.91-.16.57 1.48 1.79 5.3 3.46 1.5.67 11.39 4.58 14.44 5.93 9.52 4.19 15.74 8.3 18.87 13.44 10.35 16.93 14.87 19.56 24.78 15.6 7.3-2.93 11.21-4.75 15.33-7.42 5.42-3.53 9.47-7.75 12.15-13.1 1.44-2.9 3.02-5.4 4.86-7.82a68.95 68.95 0 0 1 2.72-3.33l2.6-2.97c3.46-3.99 5.28-6.75 6.77-10.79zm-6.64-.39c-7.94 12.8-18.53 21.75-33.3 25.23-7.82 1.83-12.47-.79-13.12-5.93-.55-4.45 2.29-9.06 6-9.06 3.02 0 5.6-1.68 15.38-9.16 1.47-1.12 2.57-1.96 3.66-2.74 4.4-3.2 7.77-5.17 10.82-6.08 5.57-1.67 9.33-2.15 11.35-1.22 2.5 1.14 2.22 4.13-.79 8.96zm-.84-.52c2.72-4.4 2.94-6.74 1.21-7.53-1.71-.79-5.32-.33-10.65 1.27-2.9.87-6.2 2.79-10.51 5.92-1.08.79-2.18 1.62-3.65 2.74-10.08 7.72-12.62 9.36-15.98 9.36-3.02 0-5.5 4.02-5 7.94.56 4.5 4.62 6.78 11.89 5.07 14.48-3.4 24.86-12.18 32.69-24.77zM461.17 33.53c13.88 4.96 20.75 4.96 31.62.01 3.02-1.37 5.47-2.94 11-6.82 5.57-3.92 8.05-5.51 11.14-6.92 4.14-1.88 7.78-2.38 11.22-1.28 3.92 1.26 6.2 12.3 6.78 28.45.5 14.2-.52 28.93-2.46 34.2-1.82 4.93-5.86 8.17-11.51 10.02A41.7 41.7 0 0 1 506 93.01c-5.79 0-9 2.4-12.2 7.64-.37.59-1.55 2.6-1.71 2.87-1.75 2.9-3.05 4.33-4.93 4.95-.94.32-2.07.83-3.87 1.74l-2.43 1.23c-1.03.53-1.87.94-2.7 1.34-6.43 3.1-11.73 4.72-17.16 4.72-5.71 0-10.04 2.09-14.02 5.92-1.16 1.11-4.2 4.53-4.63 4.94-2.54 2.44-5.93 4.24-10.85 6.1-1.4.52-5.98 2.13-6.25 2.22l-2.06.78c-.89.36-1.78.63-2.7.81-5.55 1.14-11.14-.54-17.98-4.42-1.27-.73-5.13-3.06-5.76-3.42-2.05-1.16-4.12-1.53-9.09-1.9l-1.73-.15c-4.78-.4-7.68-1.14-10.22-2.97-5-3.61-6.77-7.76-5.65-12.33 1.33-5.42 6.5-11.02 14.85-17.28a169.2 169.2 0 0 1 6.5-4.61c-.33.23 4.33-2.92 5.3-3.6 2.73-1.91 4.8-3.9 12.75-12.04l1.09-1.1c3.49-3.56 5.89-5.89 8.12-7.83 2.9-2.5 4.72-5.95 7.5-13.05l.63-1.61c2.7-6.92 4.28-10 6.87-12.33 1.42-1.28 6.68-6.54 7.93-7.5 3.98-3 8.01-2.73 19.57 1.4zm-.34.94c-11.26-4.02-15-4.28-18.62-1.53-1.19.9-6.4 6.11-7.88 7.43-2.42 2.18-3.96 5.19-6.6 11.95l-.63 1.61c-2.83 7.26-4.72 10.8-7.77 13.45a141.85 141.85 0 0 0-9.16 8.87c-8.02 8.2-10.08 10.2-12.88 12.16-.99.69-5.65 3.84-5.31 3.6-2.5 1.71-4.52 3.13-6.47 4.59-8.17 6.13-13.23 11.6-14.48 16.72-1.02 4.15.58 7.9 5.26 11.27 2.36 1.7 5.11 2.4 9.72 2.8l1.73.13c5.12.4 7.28.78 9.5 2.05.65.36 4.5 2.7 5.76 3.4 6.66 3.78 12.04 5.4 17.29 4.32.86-.17 1.7-.42 2.52-.75a67 67 0 0 1 2.1-.8c.28-.1 4.86-1.7 6.24-2.22 4.8-1.8 8.08-3.56 10.5-5.88.4-.38 3.44-3.8 4.63-4.94 4.16-4 8.72-6.2 14.72-6.2 5.25 0 10.42-1.59 16.73-4.62.82-.4 1.65-.8 2.68-1.33.12-.06 1.93-.99 2.43-1.23 1.84-.93 3-1.46 4-1.8 1.6-.52 2.76-1.82 4.39-4.52l1.7-2.88c3.39-5.5 6.87-8.11 13.07-8.11 4.45 0 8.73-.49 12.64-1.77 5.4-1.76 9.2-4.8 10.9-9.41 1.87-5.11 2.9-19.75 2.39-33.83-.56-15.53-2.81-26.48-6.08-27.52-3.18-1.02-6.57-.55-10.5 1.23-3.02 1.37-5.47 2.94-11 6.83-5.57 3.92-8.05 5.5-11.14 6.92-11.13 5.05-18.26 5.05-32.38.01zM475 55c5.38 0 7.55-.21 9.72-.96 1.26-.43 9.95-4.8 14.88-6.96 1.9-.82 3.56-2.44 6.6-6.04 2.56-3.04 3.19-3.75 4.4-4.84 3.7-3.35 7.07-3.28 10.22 1.23 6.23 8.9 5.61 15.94.07 27.02a71.26 71.26 0 0 0-2.5 5.48c-.32.8-1 2.7-1.09 2.9-.17.45-.34.81-.54 1.17-.63 1.14-1.56 2.21-4.05 4.7-2.4 2.4-5.16 3.27-11.68 4.33-1.81.3-2.2.36-3 .51-6.02 1.1-9.6 2.69-12.24 6.07-3.57 4.59-7.9 7.48-14.98 10.74-.55.24-1.1.5-1.8.8l-1.78.8a60.08 60.08 0 0 0-7.7 3.9c-2.57 1.6-4.79 2.35-9.42 3.46-8.58 2.06-12.28 3.76-17.37 9.36-5.12 5.64-10.17 7.64-16.63 6.7-5.36-.79-10.63-3.01-23.56-9.48-6.3-3.15-6.43-7.78-1.5-13.56 3.38-3.94 3.52-4.06 19.4-16.44 8.12-6.33 12.97-10.57 16.63-14.88 2.53-2.98 4.2-5.73 4.96-8.3 5.5-18.3 12.5-21.98 22.78-15.56 1.95 1.22 6.61 4.55 7.18 4.9 3.36 2.15 6.52 2.95 13 2.95zm0 2c-6.84 0-10.37-.89-14.08-3.26-.63-.4-5.27-3.71-7.16-4.9-9.05-5.65-14.66-2.7-19.8 14.45-.86 2.87-2.67 5.85-5.35 9.01-3.78 4.45-8.7 8.75-16.94 15.17-15.66 12.21-15.86 12.38-19.1 16.16-4.17 4.9-4.09 8 .88 10.48 12.71 6.35 17.89 8.54 22.94 9.28 5.78.84 10.18-.9 14.87-6.06 5.42-5.96 9.45-7.82 18.38-9.96 4.43-1.07 6.5-1.76 8.83-3.22a61.7 61.7 0 0 1 7.94-4.02l1.78-.8 1.78-.8c6.82-3.13 10.91-5.87 14.24-10.14 3-3.87 7-5.64 13.46-6.82.83-.15 1.21-.21 3.04-.51 6.1-1 8.6-1.78 10.58-3.77 2.36-2.36 3.21-3.34 3.72-4.26.15-.27.29-.56.44-.94.06-.15.75-2.06 1.09-2.9.64-1.6 1.45-3.4 2.57-5.64 5.24-10.49 5.8-16.8.07-24.98-2.4-3.44-4.37-3.48-7.24-.89-1.11 1-1.73 1.7-4.22 4.65-3.24 3.85-5.04 5.59-7.32 6.59-4.82 2.1-13.62 6.53-15.03 7.01-2.44.84-4.79 1.07-10.37 1.07zm-12.7 8.6c5.47 3.9 10.34 3.72 18.23.88 5.39-1.94 5.92-2.1 7.7-2.1 2.5-.01 4.21 1.36 5.24 4.46 1.66 4.98-2.32 8.52-12.3 12.68-2.7 1.13-16.25 6.18-20 7.73-7.86 3.24-13.93 6.42-18.87 10.15-13.02 9.84-18.36 11.93-23.71 9.68a24.67 24.67 0 0 1-3.62-1.98l-1.99-1.28a90.4 90.4 0 0 0-2.24-1.4c-3.33-2-2.82-4.28.85-7.34 1.35-1.13 10.66-7.61 13.53-9.91 7.1-5.69 11.91-11.47 14.41-18.34 3.07-8.45 4.89-12.1 6.8-13.39 1.73-1.16 3.36-.53 6.18 1.9.63.56 3.4 3.08 4.11 3.7 1.93 1.7 3.71 3.15 5.67 4.55zm-.6.8c-1.98-1.42-3.79-2.88-5.74-4.6-.73-.64-3.48-3.16-4.1-3.7-2.5-2.16-3.75-2.65-4.97-1.83-1.66 1.11-3.44 4.7-6.42 12.9-2.57 7.07-7.5 12.99-14.72 18.78-2.91 2.33-12.21 8.8-13.52 9.9-3.22 2.68-3.56 4.17-.97 5.72l2.26 1.4 1.99 1.28c1.47.93 2.48 1.5 3.47 1.91 4.9 2.07 9.96.07 22.72-9.56 5.02-3.79 11.15-7 19.1-10.28 3.76-1.55 17.3-6.6 20-7.72 9.5-3.97 13.14-7.2 11.73-11.44-.9-2.71-2.25-3.8-4.3-3.79-1.6 0-2.15.17-7.36 2.05-8.17 2.94-13.34 3.14-19.16-1.01z'%3E%3C/path%3E%3C/svg%3E");

  Pages using this styling

  • rounderhouse-s-author-page [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono&display=swap');
  
  :root {
      --header-subtitle: "Dawn";
  }
  .sign {
      margin-bottom: 0.75rem;
  }
  #page-content > .collapsible-block {
       background-color: #cacaca45;
  }
  .addendum h1, .addendum h2, .addendum h3 {
      text-align: center;
  }
  .yui-navset .yui-nav li a em {
       font-family: 'JetBrains Mono', monospace;
  }

  Pages using this styling

  • rounderhouse-proposal [info]

  ¶ 1 occurrence
  

  .links {
  display: block;
  text-align: center;
  }
  .links a {
      background: rgb(var(--bright-accent));
      color: white;
      padding: 3px;
      border-radius: 4px;
      font-family: monospace;
      white-space: nowrap;
  }
  .links a:visited {
      color: white;
  }
  .links a:hover {
      color:rgb(var(--bright-accent));
  }
  #page-title {
  margin-bottom: 0rem;
  }

  Pages using this styling

  • rounderhouse-jade-proposal [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@700&display=swap');
  #page-content > .collapsible-block {
       background-color: #cacaca45;
  }
  
  .doc {
      background-color: rgb(var(--bright-accent));
      color: white;
      font-family: var(--mono-font);
      padding: 0 1.5rem;
      font-size: 1.1em;
      width: fit-content;
      position: relative;
      top: -2em;
      border-radius: 4px;
      margin-bottom: -2rem;
  }
  .addendum {margin-top: 1.6rem;}
  
  
  .addendum > h1, .addendum > h2, .addendum > h3, .addendum > h4, .addendum > h5, .addendum > h6 {text-align: center;}
  .scripture {border: 5px double black; background: white; width: 60%; padding: 1rem; margin: auto;}
  .sub, .name {
      font-family: 'Josefin Sans', sans-serif;
      color: #000;
  
      text-align: center;
  }
  .name {
      font-size: 450%;
  }
  
  .act {
      font-family: 'Josefin Sans', sans-serif;
      color: #000;
      font-size: 5rem;
      text-align: center;
      margin-bottom: -22rem;
      margin-top: -19rem;
  }
  .tap {
      font-family: 'Josefin Sans', sans-serif;
      color: #000;
      font-size: 400%;
      text-align: center;
  }

  Pages using this styling

  • rounderhouse-golder-proposal [info]

  ¶ 1 occurrence
  

  
  #page-content > .collapsible-block {
       background-color: #cacaca45;
  }
  
  .doc {
      background-color: rgb(var(--bright-accent));
      color: white;
      font-family: var(--mono-font);
      padding: 0 1.5rem;
      font-size: 1.1em;
      width: fit-content;
      position: relative;
      top: -2em;
      border-radius: 4px;
      margin-bottom: -2rem;
  }
  .addendum {margin-top: 1.6rem;}
  
  
  .addendum > h1, .addendum > h2, .addendum > h3, .addendum > h4, .addendum > h5, .addendum > h6 {text-align: center;}
  .scripture {border: 5px double black; background: white; width: 60%; padding: 1rem; margin: auto;}
  .email {border: solid 2px #00100; background: #fff; width: 88%; padding: 1px 15px; margin: 10px; box-shadow: 0 1px 3px rgba(0,0,0,.5)}
  .scripture > .doc { top: -2.9em;margin-bottom: -4rem;}
  .tofrom {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px maroon}
  
  
  .flatworm-nav {
      border: inset 0.188rem #db9d00;
      background-color: #a47754;
      color: rgb(var(--white-monochrome));
  }
  .flatworm-nav a {
      color: #fdcc0a;
  }
  .flatworm-nav .footer-wikiwalk-nav .center {
    flex-basis: 12em;
  }

  Pages using this styling

  • rounderhouse-gold-proposal [info]

  ¶ 1 occurrence
  

  #page-title {
      display: none;
  }
  .top{
    background-image: url(https://scp-pt-br.wdfiles.com/local--files/rounderhouse-critique-guide/bg);
     background-size: 150%;
    background-repeat: no-repeat;
    background-position: right;
    font-size: 170%;
    text-align: center;
    border: 5px solid black;
    border-left: none;
    padding-top: -5rem;
  }

  Pages using this styling

  • rounderhouse-critique-guide [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@700&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Gurmukhi:wght@100..900&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Platypi:ital,wght@0,300..800;1,300..800&display=swap');
  
  #page-title {
      display: none;
  }
  .list-pages-item > .collapsible-block {
      display: block;
      text-align: center;
      padding: 0.75em;
      border-top: 0.125rem dashed slategrey;
      border-bottom: 0.125rem dashed slategrey;
       background-color: #cacaca45;
  }
  .list-pages-item > .collapsible-block .collapsible-block-content {
      text-align: left;
  }
  .doc { margin-bottom: -2rem;}
  .bot {
      width: fit-content;
      max-width: 35%;
      background: #260000;
      border: 3px solid #bd0000;
      color: #f70000;
      border-radius: 5px;
      padding: 0rem 1rem;
      margin: 0.5rem 0rem;
      font-weight: bold;
      box-shadow: 0px 0px 15px rgba(255, 0, 0, 0.15);
      float: left;
      clear: both;
      text-shadow: 0px 0px 4px #f700008a;
  }
  
  .user {
      width: fit-content;
      max-width: 35%;
      background: #001f26;
      border: 3px solid #00a26d;
      border-radius: 5px;
      color: #00a26d;
      padding: 0rem 1rem;
      margin: 0.5rem 0rem;
      font-weight: bold;
      /* position: relative;
      left: 27.5rem; */
      box-shadow: 0px 0px 15px rgba(0, 255, 231, 0.15);
      float: right;
      clear: both;
      text-shadow: 0px 0px 3px #00f7e08a
  }
  
  .splash {
      text-shadow: 2px 2px 10px #00000052;
  }
  
  .act {
      font-family: 'Josefin Sans', sans-serif;
      color: #000;
      font-size: 5rem;
      text-align: center;
      margin-bottom: -17rem;
  }
  .sub {
      font-family: 'Josefin Sans', sans-serif;
      color: #000;
      font-size: 500%;
      text-align: center;
      text-shadow: 0px 0px 10px #00000080;
      margin-bottom:-4rem;
  }
  .num {
      font-family: "Noto Sans Gurmukhi", sans-serif;
      font-weight: 700;
  }
  
  .quote {
  font-family: "Platypi", serif;
  color: white;
    margin: 1rem 5rem;
    background: #1d1d1d;
    padding: 0.5rem 2rem;
    text-align: right;
    border: 4px double white;
    font-weight: 800;
    font-size: 90%;
  }
  
  .qna {
    border: 5px white outset;
    background: rgb(var(--medium-accent));
    box-shadow: 1px 1px 4px rgba(var(--dark-accent), 0.5);
    color: white;
    padding: 1rem;
    margin: 1.5rem 0.5rem;
  }
  
  .sealed {
    background-color: rgb(var(--medium-accent));
    color: white;
    margin-bottom: 0.8rem;
    padding: 3rem 0.5rem;
    background-image: url('https://scp-wiki.wdfiles.com/local--files/theme%3Aredtape/topolight.png');
    background-blend-mode: overlay;
    background-size: 200%;
    border: 4px solid black;
    border-radius: 2px;
    transition: all ease-in-out 0.5s;
    background-position: center;
  }
  .sealed:hover {
    background-color: rgb(var(--bright-accent));
    background-size: 250%;
  }
  
  .links {
  display: block;
  text-align: center;
  }
  .links a {
      background: rgb(var(--bright-accent));
      color: white;
      padding: 3px;
      border-radius: 4px;
      font-family: monospace;
      white-space: nowrap;
  }
  .links a:visited {
      color: white;
  }
  .links a:hover {
      color:rgb(var(--bright-accent));
  }
  
  
  
  @media only screen and (max-width: 765px) {
      .user {
          float: none;
          position: relative;
          left: 45vw;
       }
       .bot {
           float: none;
       }
      .quote {
          margin: 1rem auto;
      }
  }
  

  Pages using this styling

  • rounderhouse-bone-proposal [info]

  ¶ 1 occurrence
  

  :root {
    --header-title: "WHO IS ABRETHE?";
    --header-subtitle: "WHO IS ABRETHE?";
  }

  Pages using this styling

  • roundabout [info]

  ¶ 1 occurrence
  

   :root {
      /* == TITLES == */
      --header-subtitle: "Sea Dregs";
  }

  Pages using this styling

  • rough-waters [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Vollkorn:ital,wght@0,400..900;1,400..900&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Vollkorn+SC:wght@700&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Sekuya&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Fredericka+the+Great&display=swap');
  
  /* ===Header=== */
  
  #page-title {
      display: none;
  }
  
  :root {
   --logo-image: none;
   --header-title: " ";
   --header-subtitle: " ";
  
   --gradient-header: url(https://scp-wiki.wdfiles.com/local--files/rottingraisins/Header.png);
  
   --header-height-on-desktop: 9rem;
   --header-height-on-mobile: 4rem;
  --diagonal-stripes: none;
  
  /* ===Fonts=== */
   --body-font: Vollkorn, serif;
   --UI-font: Vollkorn, serif;
   --header-font: Vollkorn SC, serif;
   --title-font: Vollkorn SC, serif;
  
  /* ===Colors=== */
   --alabaster: 236, 230, 216;
   --licorice: 25, 16, 10;
  --cornflower-blue: 104, 123, 176;
   --sea-blue: 15, 40, 84;
   --navy: 8, 14, 28;
  
    --swatch-background: var(--sea-blue);
    --background-gradient-color: var(--navy);
    --background-gradient-distance: 100rem;
  
    --bright-accent: var(--cornflower-blue);
    --medium-accent: var(--cornflower-blue);
    --dark-accent: var(--navy);
    --toggle-border-color: rgb(var(--navy));
    --toggle-icon-color: rgb(var(--navy));
    --barColour: var(--navy);
  
    --swatch-topmenu-bg-color: var(--sea-blue);
    --swatch-topmenu-border-color: var(--sea-blue);
  
    --swatch-text-dark: var(--alabaster);
    --swatch-text-light: var(--licorice);
    --swatch-menubg-color: var(--alabaster);
    --link-color: var(--cornflower-blue);
    --visited-link-color: var(--cornflower-blue)
  
     --rating-module-button-plus-color: var(--cornflower-blue);
     --rating-module-button-negative-color: var(--licorice);
     --rating-module-button-cancel-color: var(--cornflower-blue);
     --rating-module-button-credit-color: var(--cornflower-blue);
     --rating-module-bg-color: var(--alabaster);
     --rating-module-bottom-border-color: var(--cornflower-blue);
     --rating-module-text-color: var(--licorice);
     --rating-module-text-hover-color: var(--alabaster);
  
      --ui-button-bg: var(--alabaster);
      --ui-button-txt: var(--licorice);
      --ui-button-hover-bg: var(--cornflower-blue);
      --ui-button-hover-txt: var(--alabaster);
      --ui-button-hover-outline: var(--cornflower-blue);
  }
  
  #top-bar {
      --topmenu-category-color: var(--alabaster);
      --topmenu-category-hover-color: var(--alabaster);
      --topmenu-category-hover-bg: 0, 0, 0, 0;
      --topmenu-hover-border-color: var(--alabaster);
  
      --dropdown-bg-color: var(--sea-blue), 0.9;
      --dropdown-border-color: var(--navy), 0.5;
      --dropdown-links-color: var(--alabaster);
      --dropdown-links-bg-color: 0, 0, 0, 0;
  }
  
  #main-content {
      --ui-icon-color: var(--alabaster);
      --ui-icon-hover-color: var(--alabaster);
      }
  
  #footer {
      --footer-text-color: var(--alabaster);
      --footer-link-color: var(--cornflower-blue);
      --footer-link-hover-color: var(--alabaster);
      --footer-link-hover-bg-color: var(--cornflower-blue);
  }
  
  /* ===Structure Elements=== */
  
  .grid {
      display: grid;
      grid-template-columns: repeat(4, minmax(10px, 1fr));
      align-items: stretch;
      column-gap: 0.75rem;
      row-gap: 0.75rem;
      grid-auto-flow: dense;
      width: auto;
      max-width: 100vw;
  }
  
  .box {
      position: relative;
      padding: 5px;
      transform: translateZ(0);
      box-sizing: border-box;
      z-index: 0;
      place-self: stretch;
      transition: all 0.5s ease-in-out;
      height: auto;
      display: flex;
      flex-direction: column;
  }
  
  .box:hover,
  .box:focus,
  .box:active {
      transform: scale(1.05);
      z-index: 1;
      transition: 0.5s;
  }
  
  /* ===Comics=== */
  .comic {
      color: #ECE6D8;
      padding-bottom: 15px;
      padding-top: 15px;
      border-bottom: 3px solid #ECE6D8;
      text-align: center;
  }
  
  .comic img {
      filter: sepia(90%) hue-rotate(-20deg) brightness(80%) saturate(100%);
      transition: all 0.5s ease-in-out;
      padding-bottom: 10px;
      width: 90%;
      margin:auto;
  }
  
  .comic:hover img {
      filter: sepia(10%) hue-rotate(-20deg) brightness(100%) saturate(100%);
      transition: 0.5s;
  }
  
  .title {
      font-family: "Vollkorn SC", serif;
      font-size: 130%;
      text-align: center;
  }
  
  a.comiclink:link, a.comiclink:visited {color:#ECE6D8;text-decoration:none;}
  a.comiclink:hover, a.comiclink:active {color:#687bb0}
  
  /* ===SCPs=== */
  .scp {
      color: #19100A;
      background: #ECE6D8;
      text-align: center;
  }
  
  .scp img{
      filter: grayscale(100%) brightness(120%);
      mix-blend-mode: multiply;
      height: 100px;
      width: 100%;
      object-fit: cover;
      padding-top: 10px;
      padding-bottom: 10px;
  }
  
  .scp-no {
      font-family: "Sekuya", system-ui;
      font-size: 150%;
      padding: 0;
      line-height: 15px;
      height: 15px;
      text-align: left;
  }
  
  a.scplink:link, a.scplink:visited {color: #19100A;text-decoration:none;}
  a.scplink:hover, a.scplink:active {color:#687bb0;}
  
  /* ===Tales=== */
  .tale {
      color: #19100A;
      background-image: url(http://scp-wiki.wikidot.com/local--files/scp-8166/paper-min%5B1%5D.png);
      display: flex;
      justify-content: center;
      align-items: center;
      text-align: center;
  }
  
  .tale-name {
      font-family: "Fredericka the Great", serif;
      font-size: 150%;
  }
  
  a.talelink:link, a.talelink:visited {color: #19100A;background:none;text-decoration:none;}
  a.talelink:hover, a.talelink:active {color:#687bb0;}
  
  /* ===Art=== */
  
  .art {
      background-image: url(https://live.staticflickr.com/65535/54970553787_5c4627d205_z.jpg);
      background-position: 45% 20%;
      background-size: 200%;
      filter: grayscale(100%) sepia(40%);
      transition: all 0.5s ease-in-out;
      display: flex;
      justify-content: flex-end;
      align-items: center;
      text-align: center;
  }
  
  .art:hover, 
  .art:focus, .art:active {
      background-position: 45% 60%;
      filter: sepia(30%);
      transition: 0.5s;
  }
  
  .artwork {
     font-family: "Sekuya", system-ui;
     font-size: 130%;
     padding: 5px;
     color:#ECE6D8; 
     background:#19100A;
  }
  
  a.artlink:link, a.artlink:visited {
     font-family:"Vollkorn SC", serif;
      font-size: 90%;
     padding: 5px;
     color:#ECE6D8; 
     background:#19100A;
     text-decoration:none;
  }
  
  a.artlink:hover, a.artlink:active {background:#687bb0}
  
  /* Mobile Parity */
  @media (max-width: 768px) {
  
      .grid {
          grid-template-columns: repeat(2, minmax(10px, 1fr));
          align-items: stretch;
          column-gap: 0.75rem;
          row-gap: 0.75rem;
          grid-auto-flow: dense;
          width: auto;
          max-width: 100vw;
      }
  }
  

  Pages using this styling

  • rottingraisins [info]

  ¶ 1 occurrence
  

  
  @import url('https://fonts.googleapis.com/css2?family=Charm:wght@400;700&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Henny+Penny&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Emilys+Candy&display=swap');
  @import url('https://fonts.googleapis.com/css?family=Berkshire+Swash&display=swap');
  @import url('https://fonts.googleapis.com/css?family=Sansita&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Chelsea+Market&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Fontdiner+Swanky&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400..700&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Cutive&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Cutive+Mono&display=swap');
  @import url('https://fonts.googleapis.com/css?family=EB+Garamond:500&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=IM+Fell+DW+Pica:ital@0;1&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Marck+Script&display=swap');
  
  .page {
      display: block;
      transform: rotate(1.2deg);
      overflow: hidden;
      font-family: "Charm", sans-serif;
      font-style: normal;
      font-size: 15px;
      line-height: 1.2;
      box-shadow: 0px 0px 7px;
      background-attachment: scroll;
      background-clip: border-box;
      background-color: white;
      background-image: linear-gradient(to top ,rgb(255, 255, 255) 45%, rgb(255, 255, 255) 8%);
      background-origin: padding-box;
      background-position: 0px 8px;
      background-repeat: repeat;
      background-size: 100% 20px;
      border: 1px solid #CCC;
      padding: 10px 10px;
      margin-bottom: 10px;
      box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2)
  }
  .page p,
  .page ul {
      line-height: 20px;
      margin: 0;
  }
  
  .textbook, .schemer{
      width: 85%;
      margin: auto;
      padding: 15px;
      box-shadow: 0 1px 3px rgba(0,0,0,.2);
      color: #000000;
  }
  
  .textbook {
      border: solid 2.5px #fff0ba;
      background-color:#fff0ba;
      color: #000000;
      font-family: Emilys Candy;
  }
  
  .email {border: solid 1px #b083de; width: 88%; padding: 1px 15px; margin: auto; box-shadow: 0 1px 3px rgba(0,0,0,.5); background-color: #fdffd3; color: black; font-family: "Sansita";}
  .email-example a.collapsible-block-link {font-weight: bold;}
  .tofrom {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px #9538a5;font-family: "Emilys Candy"}
  .tofrom2 {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px #9538a5; font-family: "Emilys Candy"}
  
  a, a.newpage, a:visited, #interwiki a, #side-bar a {
      color: royalblue;
  }
  
  .henny-penny-regular {
    font-family: "Henny Penny", system-ui;
    font-weight: 600;
    font-style: cursive;
  
  }
  
  .emilys-candy-regular {
    font-family: "Emilys Candy", serif;
    font-weight: 400;
    font-style: normal;
  
  }
  
  .chelsea-market-regular {
    font-family: "Chelsea Market", system-ui;
    font-weight: 400;
    font-style: normal;
  }
  
  @import url('https://fonts.googleapis.com/css2?family=IM+Fell+DW+Pica:ital@0;1&display=swap');
  
  .sad {
      display: block;
      overflow: hidden;
      font-family: "EB Garamond"; 
      font-size: 13pt; 
      color: #272273;
      line-height: 1.2;
      box-shadow: 0px 0px 7px;
      background-attachment: scroll;
      background-clip: border-box;
      background-color: #fbffba ;
      background-image: linear-gradient(to bottom, #4C77AD 75%);
      background-origin: padding-box;
      background-position: 0px 8px;
      background-repeat: repeat;
      background-size: 100% 20px;
      padding: 10px 10px;
      margin-bottom: 10px;
  }
  
  .prose {border: 4px double white; width: 90%; padding: 15px; margin: auto; box-shadow: 0 1px 3px rgba(0,0,0,.5); background-color: #C3E5EB; color: #150626; font-family: "EB Garamond"; font-size: 12pt;}
  
  .ptxt {font-family: "EB Garamond"; font-size: 12pt; color: #272273;}
  
  .doc {
      border: solid 2.5px #9538a5;
      background-color:#FCFFC1;
      color: #000000;
      font-family: "Sansita";
      font-size: 13pt;
      padding: 15px;
      margin: auto;
  }
  
  .dochead{
     font-size: 13pt;
     color: #000000;
     font-family: Emilys Candy;
     padding: 5px;
     margin: auto;
  }
  
  .reddmail {border: solid 1px #FF0000; width: 88%; padding: 1px 15px; margin: auto; box-shadow: 0 1px 3px rgba(0,0,0,.5); background-color: #fdffd3; color: black; font-family: "Sansita";}
  .email-example a.collapsible-block-link {font-weight: bold;}
  .tofromredd {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px #FF0000;font-family: "Emilys Candy"}
  .tofromredd2 {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px #FF0000; font-family: "Emilys Candy"}
  
  .redddoc {
      border: solid 2.5px #9538a5;
      background-color:#fff0ba;
      color: #000000;
      font-family: "Cutive Mono", monospace;
      padding: 15px;
      margin: auto;
  }
  
  .invisible{
     color:transparent;
  }
  
  .drw {
  color:#2B033B; 
  font-family:"Marck Script", cursive; 
  padding: 15px; 
  font-size: 100%; 
  font-weight: 520;
  }
  
  
  .email-example a.collapsible-block-link {font-weight: bold; font-size: 20px;}
  
  .typewriter {
  font-family: "IM Fell DW Pica"
  }
  
  /* Haha blue boi, or peach boi, courtesy of Croquembouche */
  .outside {
    position: relative;
    padding: 1em 0;
  }
  
  .outside::before {
    content: "";
    position: absolute;
    inset: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100vw; /* full viewport width */
    background: linear-gradient(90deg, rgba(164, 208, 237,0) 0%, rgba(164, 208, 237,1) 20%, rgba(164, 208, 237,1) 80%, rgba(164, 208, 237,0) 100%);
    z-index: -1;
  }
  
  
  @media (max-width: 600px) {
    .outside {
      margin: 1.25em 0; 
      padding: 0.75em 1rem;
      border-radius: 12px;
    }
  
    .outside.inline {
      margin: 0.75em 0;
      padding: 1px 1rem;
    }
  }
  

  Pages using this styling

  • rosy-view-specs [info]

  ¶ 1 occurrence
  

  :root {
   --header-title: "Nobody";
      --header-subtitle: "The Man Without A Head";
  }
   
  .foldedtoc #toc #toc-action-bar{display:none}
  .foldedtoc .collapsible-block-link {text-decoration:none}
   

  Pages using this styling

  • role-model [info]

  ¶ 1 occurrence
  

  
  @import url('https://fonts.googleapis.com/css2?family=Sansation:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap');
  
  @import url('https://fonts.googleapis.com/css2?family=Agdasima:wght@400;700&display=swap');
  
  a, a.newpage, a:visited, #interwiki a, #side-bar a {
      color: royalblue;
  }
  
  .disclaimer
  {
  font-size: 10px;
  font-family: "Microsoft Sans Serif";
  }
  
  .corporate {
  font-family: "Sansation";
  background-color: rgb(235,215,135);
  color: black;
  color: #000;
  padding: 25px;
  }
  
  .headertext 
  {
  font-weight: 500px;
  font-size: 30px;
  font-family: "Agdasima";
  font-color:black;
  }
  
  .headertext p,
  .headertext2 p { margin: 0; }
  
  .headertext2
  {
  font-size: 20px;
  font-family: "Agdasima";
  font-weight: 500;
  line-height: 3px;
  margin: 0;
  }
  
  .divider hr {
    background-color: royalblue;
  }
  

  Pages using this styling

  • robot-lounge [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=UnifrakturMaguntia&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Noticia+Text:ital,wght@0,400;0,700;1,400;1,700&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Ancizar+Sans:ital,wght@0,100..1000;1,100..1000&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Newsreader:ital,opsz,wght@0,6..72,200..800;1,6..72,200..800&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
  
  /*
    font-family: "UnifrakturMaguntia", cursive;
    font-family: "Noticia Text", serif;
    font-family: "Ancizar Sans", sans-serif;
    font-family: "Newsreader", serif;
    font-family: "Inter", sans-serif;
  */
  
  .side-text-cell {
      background: url(http://scp-wiki.wikidot.com/local--files/rise-of-the-wave/flame-2-grey.svg) center no-repeat;
      background-size: 2em;
  }
  
  
  /* newspaper image filter adopted from CodePen Home
  CSS by Halftone Filter
  Scott Vandeheyhttps://codepen.io/spaceninja/pen/oNEOXRZ */
  
  .np-img {
      position: relative;
      overflow: hidden;
      filter: contrast(200%);
  }
  
  .np-img:before {
      content: "";
      position: absolute;
      top: -50%;
      left: -50%;
      bottom: -50%;
      right: -50%;
      background: radial-gradient(circle at center, #333, #fff);
      background-size: var(--px-size);
      transform: rotate(30deg);
  }
  
  .np-img img{
      object-fit: scale-down;
      object-position: center;
      mix-blend-mode: hard-light;
  }
  
  /* patch */
  .creditRate:has(.collapsible-block-folded[style|="display: none;"]) ~ div .np-img:before {
      filter: invert(1);
  }

  Pages using this styling

  • rise-of-the-wave [info]

  ¶ 1 occurrence
  

  :root{
    --header-title: "BLACK AUTUMN II";
    --header-subtitle: "RISE OF THE PIT SLOTH";
    --lgurl: url("https://scp-wiki.wdfiles.com/local--files/black-autumn-hub/scp-halloween-alone.png");
    --accentColor: #EB6123;
  
  }
  
  div#extra-div-1 {
      filter: opacity(40%);
  }

  Pages using this styling

  • rise-of-the-pit-sloth-hub [info]

  ¶ 1 occurrence
  

  .rainbownot{
  background:grey;
  height:10px;
  }
  .rainbowshit{
  background:linear-gradient(to right, red 0%, red 50%, orange 50%, orange 75%, yellow 75%, yellow 87.5%, green 87.5%, green 93.75%, blue 93.75%, blue 96.875%, purple 96.875%, purple 100%);
  height:10px;
  }
  .wheel{
  padding:10px;
  font-size:14px;
  margin-top:-20px;
  }
  .wheel p{
  margin:0 !important;
  }
  .turning{
  margin-bottom:10px;
  }
  .turning a{
  color:brown;
  }
  .zero{
  background:linear-gradient(100deg, rgba(0,0,0,0), #ffadad);
  }
  .one{
  background:linear-gradient(100deg, rgba(0,0,0,0), #ffca8c);
  margin-left:3vw;
  }
  .two{
  background:linear-gradient(100deg, rgba(0,0,0,0), #caffbf);
  margin-left:6vw;
  }
  .three{
  background:linear-gradient(100deg, rgba(0,0,0,0), #9bf6ff);
  margin-left:9vw;
  }
  .four{
  background:linear-gradient(100deg, rgba(0,0,0,0), #a0c4ff);
  margin-left:12vw;
  }
  .five{
  background:linear-gradient(100deg, rgba(0,0,0,0), #bdb2ff);
  margin-left:15vw;
  }
  .six{
  background:linear-gradient(100deg, rgba(0,0,0,0), #7b66ff);
  margin-left:18vw;
  }
  .chainlast{
  position:relative;
  }
  .chainlast:before{
  position:absolute;
  filter:drop-shadow(1px 1px 1px #dcdcdc);
  content:"NEW";
  background:white;
  border-radius:100%;
  transform:translate(-50%,-50%) rotate(-20deg);
  width:40px;
  height:40px;
  line-height:40px;
  text-align:center;
  font-weight:bold;
  font-size:12px;
  top:100%;
  left:100%;
  rotate:
  }
  .namer{
  font-size:16px;
  }
  .nomer{
  font-size:13px;
  color:grey;
  }
  #page-title{
  display:none;
  }
  .chainmore{
  position:relative;
  }
  .chainmore:before{
  position:absolute;
  filter:drop-shadow(1px 1px 1px #dcdcdc);
  content:"MORE";
  background:white;
  border-radius:100%;
  transform:translate(-50%,-50%) rotate(-20deg);
  width:40px;
  height:40px;
  line-height:40px;
  text-align:center;
  font-weight:bold;
  font-size:12px;
  top:100%;
  left:100%;
  rotate:
  }

  Pages using this styling

  • ripclef [info]

  ¶ 1 occurrence
  

  
  @import url("https://fonts.googleapis.com/css2?family=Orbitron:wght@400..900&display=swap");
  
  body {
      background-image: linear-gradient(to bottom, #b4d5df, #F5FEFD 200px);
  }
  
  #login-status a {
      color: rgb(0, 165, 200);
  }
  
  #login-status ul a:hover {
      color: rgb(0, 165, 200);
  }
  
  #account-topbutton {
      border: solid 1px rgb(0, 165, 200);
  }
  
  #search-top-box-form>input[type=submit] {
      border: solid 1px rgb(0, 165, 200);
      background: rgb(244,240,236);
       !important;
      color: var(--dark-txt-color);
  }
  
  #search-top-box-form input[type=submit]:hover {
      border: solid 1px rgb(0, 165, 200);
  }
  
  #top-bar .open-menu a {
      background: rgb(0, 165, 200);
      color: #F5FEFD;
  }
  
  #top-bar .open-menu a {
      filter: drop-shadow(0px 1px 10px rgba(0, 0, 0, 0.2));
  }
  
  .section {
  margin-left: auto;
  margin-right: auto;
  padding: 0em;
  background: rgb(244,240,236);
  border-left: solid 3.5px rgb(0, 165, 200);
  border-right: solid 3.5px rgb(0, 165, 200);
  margin-bottom: 7px;
  padding: 3px;
  text-align: center;
  }
  
  .section.small {
  width: 95%;
  }
  
  .divider {
  border-top: solid 2.5px rgb(0, 165, 200);
  margin-bottom: 5px;
  }
  
  .oracle {
  margin-left: auto;
  margin-right: auto;
  background: rgb(242,243,244);
  border: dashed 2.3px rgb(0, 165, 200);
  margin-bottom: 15px;
  padding: 10px;
  width: 80%;
  }
  
  .oracleouter {
  margin: auto;
  border: solid 2.5px rgb(0, 165, 200);
  padding: 20px;
  width: 82%;
  box-shadow: 0 1px 3px rgba(0,0,0,.2);
  }
  
  .widetable :is(table:not(.form), table.wiki-content-table) {
      width: 100% !important;
      margin-top: 1.2rem;
      margin-bottom: 1rem;
  }
  
  .acstable :is(table:not(.form), table.wiki-content-table) {
      font-size: 0.9em;
  }
  
  :root {
  
  --header-title: "COMPOUND-01";
  --header-subtitle: "SPECIALIZED PROPOSAL COVERAGE";
  --header-txt-color: rgb(0, 165, 200);
  --head-font: "Orbitron", sans-serif;
  
  --page-font-size: 0.89rem;
  
  }
  
  #page-content hr {
      background: rgb(0, 165, 200);
  }
  
  .page-rate-widget-box {
      border: solid 1px rgb(0, 165, 200);
      background-color: rgb(244,240,236) !important;
  }
  
  .page-rate-widget-box .rate-points {
      background-color: rgb(244,240,236) !important;
  }
   
  .page-rate-widget-box .rateup,
  .page-rate-widget-box .ratedown {
      background-color: rgb(244,240,236) !important;
  }
  
  .page-rate-widget-box .cancel {
      background-color: rgb(244,240,236) !important;
  }
  
  .footnotes-footer {
  display:none;
  }
  
  :root {
      --fnColor: rgb(0, 165, 200);
  }
  

  Pages using this styling

  • right-proposal [info]

  ¶ 1 occurrence
  

  
  
  
  @import url('https://fonts.googleapis.com/css2?family=Hepta+Slab:wght@1..900&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400..800;1,400..800&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=IM+Fell+DW+Pica+SC&display=swap');
  
  .licensebox {
      color: white;
  }
  
  /* COLORS */
  
  #content-wrap {
  background: linear-gradient(34.77deg, #011018 29.51%, #132934 76.89%, #011018 107.83%);
  }
  
  :root {
  --bright-accent: 3, 104, 171;
  --dark-accent: 16, 61, 91;
  --medium-accent: 40, 40, 40;
  --newpage-color: 123, 46, 206;
  --pale-accent: 255, 255, 255;
  --gray-monochrome: 30,30,30;
  --visited-link-color: 150, 150, 150;
  }
  
  /* SETTING VARIABLES */
  :root {
  --base-font-size: 1rem;
  --header-title: "Tales of the Mosaic";
  --header-subtitle: "It's always been this way";
  --logo-image: none;
  --header-font: "Hepta Slab", serif;
  --diagonal-stripes: none;
  --body-font: "EB Garamond", serif;
  --UI-font: Hepta Slab, PTRootUI,-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantrell,"Helvetica Neue",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
  }
  
  /*MAKING ACTION AREA READABLE */
  
  .licensebox .collapsible-block-link {
      color: white;
   }
  
  #action-area {
      background: white;
  border-radius: 8px;
  padding: 1rem;
  }
  
  #action-area a {
  color: black;
  }
  
  /* HEADER TEXT */
  
  #header h1 a::before {
  display: none;
  }
  
  #header h2 span::before {
  display: none;
  }
  
  #header h1 a::after {
      font-weight: 600;
      font-size: 2.2rem;
      font-family: 'IM Fell DW Pica SC', serif;
  }
  
  #header h2 span::after {
      text-transform: none;
      font-family: 'EB Garamond', 'IM Fell DW Pica SC', serif;
      font-size: 1.2rem;
      font-weight: bold;
      margin-top: 0.5rem;
  }
  
  /* BREADCRUMBS */
  
  #breadcrumbs a:before {
      content: none;
  display: none;
  }
  
  :is(#breadcrumbs,.pseudocrumbs) a {
      margin-right: 0px;
      color: white;
  padding-right: 0.3rem;
  }
  
  :is(#breadcrumbs,.pseudocrumbs) a:hover {
      color: #f0a475;
     text-decoration: underline;
  }
  
  #breadcrumbs {
  color: white;
  font-weight: regular;
  }
  
  
  /* TITLE  */
  
  div#page-title {
      display: none;
  }
  
  span.title {
      font-weight: bold;
      color: white;
      font-size: 2.5rem;
      max-width: 24.3rem;
      display: block;
      margin: 0.5rem auto 0.5rem;
  }
  
  .whiteline-header {
      margin: 3rem auto 0rem;
      display: flex;
      align-items: center;
  }
  
  .earthworm .whiteline-header {
      margin: 3rem auto 1rem;
  }
  
  .earthworm p, .earthworm a {
  font-weight: bold;
  margin-bottom: 1rem;
  }
  
  .whiteline-label {
      text-transform: uppercase;
      color: white;
      font-weight: 700;
  font-size: 1rem;
      width: max-content;
      display: block;
      margin-inline: 1rem;
  letter-spacing: 0.15rem;
  font-family: 'IM Fell DW Pica SC', serif;
  }
  
  .whiteline-header p, .centerbox p {
  margin: 0px;
  }
  
  .whiteline-header::before, .whiteline-header::after {
      content: "";
      height: 1px;
      background: white;
      width: 100%;
  }
  
  div#u-authorlink {
      text-align: center;
  font-weight: 700;
  font-size: 1.2rem;
  }
  
  div#u-authorlink a {
      color: rgb(var(--link-color));
  font-weight: 700;
  }
  
  div#u-authorlink p {
  margin: 0px;
  color: white;
  }
  
  .centerbox {
  width: fit-content;
  margin: 1rem auto 3rem;
  text-align: center;
  }
  
  /* PAPER DOCUMENT */
  
  .paper {
  padding: 24px 40px;
  background: linear-gradient(203.04deg, #FBFAF9 40.5%, #f1f1f1 100%);
  box-shadow: 0px 16px 32px -4px rgba(12, 12, 13, 0.1), 0px 4px 4px -4px rgba(12, 12, 13, 0.05), inset 0px 0px 30px 0px #AE8B75;
  border-radius: 0px;
  margin-block: 2.5rem;
  max-width: 35rem;
  margin: 0 auto 3rem;
  }
  
  .paper p {
      font-weight: 500;
  font-size: 1.2rem;
  color: #262521;
  }
  
  @media (max-width: 479px) {
      .paper {
          padding:1rem 1rem;
      }
  }
  
  
  /* FIXING NAV BAR FONT SIZE ON MOBILE */
  @media only screen and (max-width: 56.25rem) {
  #header div[class*=top-bar]>ul>li>a {
      background: 0 0;
      font-size: calc(var(--base-font-size)*(13/15));
  }
  }
  
  /* EARTHWORM */
  
  .earthworm {
      margin-block: 3rem;
      font-weight: bold;
      font-size: 1.5rem;
      color: white;
  text-align: center;
  }
  
  .earthworm a {
      font-weight: bold;
      padding: 0.5rem 1rem;
      margin: 1rem auto;
      display: block;
      text-align: center;
      font-size: 1.2rem;
      text-decoration: none;
      transition: 0.5s;
      border: 1px solid white;
      background: #011018;
      border-radius: 0px 8px 0px 8px;
      border-left-color: #f0a475;
      border-bottom-color: #f0a475;
  max-width: 25rem;
  }
  
  .earthworm a:visited {
  color: white;
  border-color: #8a8a8a;
  }
  
  .earthworm a:hover {
      text-decoration: none;
      border: 1px solid #f0a475;
      color: #f0a475;
  }
  

  Pages using this styling

  • right-of-first-refuse [info]

  ¶ 1 occurrence
  

   :root{
     --header-title: "RI•G•EN";
     --header-subtitle: "Replicant Intelligence • G-class • Entropic Network";
     --lgurl: var(--anim-pride);
  }
  
  #header::before{
     opacity:0.80;
  }
   
  #page-title {
      display: none;
  }
  #main-content {
  hyphens: auto;
  }

  Pages using this styling

  • rigen-writes [info]

  ¶ 1 occurrence
  

  
  /* - == === BHL VARIABLES === == - */
  
  /* This is a BHL theme, which is configuration-based, so the root element
   * contains variables that will affect the whole theme
   */
  :root {
    /* S-CSS-P integration */
    --theme-base: "black-highlighter";
    --theme-id: "riemann";
    --theme-name: "Swirling Ashes Theme";
  
    --white-monochrome: 252, 252, 252;
    /* white */
    --pale-gray-monochrome: 244, 244, 244;
    /* v light gray for blockquotes and stuff */
    --light-pale-gray-monochrome: 244, 244, 244;
    /* very light pale gray for misc. use */
    --very-light-gray-monochrome: 215, 215, 215;
    /* very light accent gray for misc. use */
    --light-gray-monochrome: 160, 160, 160;
    /* light accent gray for login status */
    --gray-monochrome: 66, 66, 72;
    /* gray */
    --dark-gray-monochrome: 26, 24, 26;
    --swatch-topmenu-bg-color: var(--dark-gray-monochrome);
    --black-monochrome: 12, 12, 12;
    /* black */
    --pale-accent: 30, 7, 70;
    /* dark purple, for visited links */
    --bright-accent: 91, 64, 169;
    /* A lighter purple */
    --medium-accent: 39, 12, 109;
    /* dark purple - the "default" accent color */
    --dark-accent: 66, 12, 46;
    /* dark maroon */
    --alt-accent: 153, 79, 135;
    /* pale pink, for newpage links */
    --footer-colour: 25, 20, 25;
    /* The colour of the footer */
  
    --background-colour: 170, 170, 170;
    --swatch-background: var(--background-colour);
  
    /* Sky */
    --sky-length: 15;
    --sky-time: 900s;
  
    /* Header adjustments */
    --header-title: "Rat's Nest";
    --header-subtitle: "let's begin at the end";
  
    /* Delete the default header background */
    --gradient-header: linear-gradient(transparent, transparent);
    --diagonal-stripes: linear-gradient(transparent, transparent);
  }
  
  /* - == === HEADER TEXT AND IMAGE === == - */
  
  #side-bar { overscroll-behavior: none; }
  #header h1 a::before {
    content: "Riemann";
  }
  #header h2 span::before {
    content: "Sleeping at the End of the Universe" !important;
  }
  #header {
    background-image: url(https://scp-wiki.wdfiles.com/local--files/Riemann/Maxwell.png);
  }
  #header::before {
    display: none;
  }
  
  
  /* - == === HEADER BACKGROUNDS === == - */
  
  /* The header is made up of a million different stacked backgrounds.
   * Instead of fucking about with z-index, I've added backgrounds to
   * the ::before and ::after of various full-page elements in their
   * natural stacking order.
   */
  
  /* The following pseudoelements each contain a different part of the
   * header background. They need to be drawn precisely over the header
   * and made unclickable so they don't interfere with the links up there.
   * They appear on the page in this order, so they'll also be drawn on
   * top of each other in this order.
   */
  body::before,
  div#container-wrap-wrap::before,
  div#container-wrap::before,
  div#container-wrap-wrap::after,
  body::after {
    content: "";
    position: absolute;
    height: var(--header-height-on-desktop); width: 100%; top: 0; left: 0;
    pointer-events: none;
  }
  
  /* The header -  a starfield that moves slowly */
  body::before {
      background-image: url(https://scp-wiki.wdfiles.com/local--files/theme%3Agalactic-theme/galfed_bg.png);
      background-size: 50vw;
      animation-duration: 900s;
      animation: sky linear var(--sky-time) infinite;
  }
  
  @keyframes sky {
    from { background-position: 1500px 0; }
    to { background-position: 0 0; }
  }
  
  /* Snow! */
  div#container-wrap-wrap::after, body::after {
    background-size: var(--ashes-width) var(--header-height-on-desktop);
    background-repeat: repeat-x;
    animation: ashes-move linear var(--ashes-move-duration),
               ashes-fade ease calc(var(--sky-time) * 3);
    animation-iteration-count: infinite;
    animation-fill-mode: both;
  }
  div#container-wrap-wrap::after {
    background-image: url(https://scp-sandbox-3.wikidot.com/local--files/croquemtest2/snow.webp);
    background-size: var(--ashes-width);
    background-repeat: repeat;
    animation: ashes-move linear var(--ashes-move-duration) infinite;
    opacity: 0.8;
    --ashes-move-duration: 37s;
    --ashes-width: 250px;
    --ashes-opacity: 0.5;
  }
  body::after {
    background-image: url(https://scp-sandbox-3.wikidot.com/local--files/croquemtest2/snow.webp);
    --ashes-move-duration: 30s;
    --ashes-width: 400px;
    --ashes-opacity: 0.4;
    background-size: var(--ashes-width);
    background-repeat: repeat;
    animation: ashes-move linear var(--ashes-move-duration) infinite;
    opacity: 0.8;
  }
  @keyframes ashes-move {
    from { background-position: 0 0; }
    to { background-position: var(--ashes-width) var(--ashes-width); }
  }
  @keyframes ashes-fade {
    0%, 85%, 96%, 100% { opacity: var(--ashes-opacity); }
    88.66%, 92.33% { opacity: 0.1; }
  }
  
  /* - == === BODY BACKGROUNDS === == - */
  
  /* This one is the Math on the sidebar */
  #side-bar::before {
    content: "";
    position: absolute;
    height: 100%; width: 100%; bottom: 0; left: 0;
    pointer-events: none;
    background-image: url(https://scp-wiki.wdfiles.com/local--files/riemann/Second_Friedmann.gif);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: bottom;
    opacity: 0.2;
    filter: invert(100%);
  }
  
  /* - == === MISCELLANEOUS === == - */
  
  #page-content table.wiki-content-table .odate {
      font-family: var(--body-font);
  }
  
  #footer{
    background: rgb(var(--footer-colour, 100, 3, 15));
    color: rgb(66, 66, 72);
    color: rgb(var(--background-colour, 66, 66, 72));
  }
  

  Pages using this styling

  • riemann [info]

  ¶ 1 occurrence
  

  @import url(https://fonts.bunny.net/css?family=roboto-condensed:400);
  
  .the-block {
      background: #1d1e20;
      box-shadow: #BF94E4 0px 0px 0px 0.3rem;
      border-radius: 1rem;
      color: gray;
      margin: 2rem auto;
      width: 80%;
      max-width: 600px;
      padding-left: 1rem;
      padding-right: 1rem;
      padding-bottom: 1rem;
      font-family: 'Roboto Condensed';

  Pages using this styling

  • ridgewell-student-of-the-month [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Spectral');
  @import url('https://fonts.googleapis.com/css2?family=Metal+Mania&family=Nanum+Pen+Script&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&family=Spectral:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Merienda:wght@300..900&display=swap');
  

  Pages using this styling

  • ridgewell-hub [info]

  ¶ 1 occurrence
  

  blockquote, div.blockquote {
  border:none!important;
  }
  #page-content .blockquote {border-color: #FFFFFF;    
                   overflow-wrap: normal;
                  background-color#f2ffe6;
      	}
      	
  #content-wrap div{
  
   background-color#f2ffe6;
  }
  .container  {position: absolute;
                   text-align: center;
      	 width:100%;
              overflow-wrap: normal;
  
      	}
      	
  .centered  {position: absolute;
     		 top: 50%;
      	 left: 50%;
     		 transform: translate(-50%, -50%);
  
  }
  
  
  :root{ 
  --cutColour: #701F12;
  --barColour: #632538;
  --header-logo: url(https://scp-wiki.wdfiles.com/local--files/scp-2921/overwatch.png);
  --header-title: "OVERWATCH";
  --header-subtitle: "PROTEGA VELAMEN";
  }
  #page-content .collapsible-block {  
    max-width: 100%;
  overflow-wrap: normal;
  text-color: #ff1482;
     border-color: #b01;
  background-color:#f2ffe6;
      border: solid 1px #b01;
  padding: 6px;
  }
  .collapsible-block-content p{
  
  padding-left: 3px;
  padding-right: 3px;
  padding-bottom: 3px;
  padding-top: 3px;
  }
  .collapsible-block-content{
  text-align: left;
   }
  .collapsible-block-folded, .collapsible-block-unfolded{
  text-align: center;
  text-color: black;
  }
  
  .info-container .collapsible-block-link, 
  .info-container:hover .collapsible-block-link {
  line-height: 1.6em;
  }
  
  .inset {
      float: right;
      width: 20%;
      margin: 0px;
      border-style: solid;
      border-radius: 5px;
      border-width: 2px;
      border-color: #911501;
      padding: 8px;	
      margin-left: 10px;
      margin-top: 5px;
      margin-bottom: 5px;
      background: #701F12;
      font-size: 90%;
    overflow-wrap: normal;
  }
  .inset > p {
      margin: 0;
      overflow-wrap:normal;
  }
  .space {
  float:center; width:100%; border:solid 3px #7979bd; padding:10px; margin-bottom: 10px;margin:0 auto;
  }
  :is(div.blockquote, blockquote) {
  overflow: visible;
  }

  Pages using this styling

  • richard-larenz-personal-log [info]

  ¶ 1 occurrence
  

   :root{
     --lgurl: var(--anim-pride);
  }
  #header::before{
     opacity:0.75;
  }
   div.nart{
  margin-left: 2em;
  margin-right: 2em;
  display:block;
  }

  Pages using this styling

  • rhythmic-periscope [info]

  ¶ 1 occurrence
  

      blockquote {
          margin: 1.0em 0.5em;
      }

  Pages using this styling

  • rho9-support-assignment [info]

  ¶ 1 occurrence
  

  #content-wrap{
      background: black;
  }

  Pages using this styling

  • revel-in-wrath-revived [info]

  ¶ 1 occurrence
  

  /* Make redacted stuff invisible */
  #header h1 a,
  #header h2 span,
  #header h2 span::before,
  #login-status,
  .no {
    color: transparent;
    text-shadow: none;
  }
  /* The redaction character is a little too wide compared to the average Verdana
   * character (for Latin text), so thin it a little */
  .no {
    letter-spacing: -1px;
  }
  
  /* Hide the original page title */
  #page-title {
    display: none;
  }
  
  #header {
      height: 140px;
      position: relative;
      z-index: 10;
      padding-bottom: 22px; /* FOR MENU */
      background: url() 10px 40px no-repeat;
  }

  Pages using this styling

  • returns [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Lacquer&display=swap');
  @import url('https://scp-wiki.wikidot.com/local--files/scp-8980/departuremono.css');
  
  .dyna-email {
      background-color: var(--darkest-color);
  }
  
  #page-content .dyna-email hr {
      margin: 1em 1em;
  }
  
  .footer-box > .bottom-left-box {
      border-left: 2px solid var(--off-white);
  }
  
  .footer-box > .bottom-right-box {
      margin-top: -1em;
      margin-left: -2em;
  }
  
  @media (max-width: 750px) {
      .dyna-email-container .content-box img {
          width: 200px !important;
  }
      .dyna-email-container .scp-image-block {
          max-width: 200px !important;
  }
      .dyna-email > .header-box {
          font-size: 86%;
  }
  }
  
  .dyna-email-container img, .dyna-email-container .image-change-image, .dyna-email-container .scp-image-caption.show {
      margin-top:0px;
      margin-bottom:0px;
  }
  
  .dyna-email .header-box > .top-right-box {
      background-image: url(https://scp-wiki.wdfiles.com/local--files/theme%3Amcd/MCDLogo2-small.png);
      background-size: 100px;
      margin-left: -2em;
      min-width: 100px;
  }
  
  .spray {
      font-family: 'Lacquer';
      font-size: 7em;
      margin-top: 0em;
      text-align: center;
  }
  
  .spray p {
      margin-top: 0px;
      margin-bottom: 0.4em;
      line-height: 1;
  }
  
  #page-content .top-middle-box > .from-name-box, .to-name-box {
      color: var(--brightest-accent-color);
  }
  
  #u-credit-view .modalbox {
      background: var(--darkest-color);
      border: solid 2px var(--brighter-white);
  }
  
  #page-content #u-credit-view .modalbox a {
      color: var(--off-white);
  }
  
  #page-content #u-credit-view .modalcontainer {
      top: -5vh;
  }
  
  #page-content #u-credit-view .modalbox hr {
      margin: 0.5em 2em;
  }

  Pages using this styling

  • retrocausal-provenance [info]

  ¶ 1 occurrence
  

  /*---- IMPORTS ----*/
  @import url('https://fonts.googleapis.com/css2?family=Saira:wght@400;700&display=swap');
  
  /*---- THEME ----*/
  :root {
    --logo: url(https://scp-wiki.wdfiles.com/local--files/retrieval/dark.png);
    --header-title:  "GLOBAL OCCULT COALITION";
    --subtitle: "Humanity's Anchor";
    --title-size: 1rem;
    --subtitle-size: 0.75rem;
    --basalt-bright-element-color: 118, 185, 232;
    --basalt-dark-element-color: 94, 114, 128;
  }
  :root {
      --UI-font-primary: 'Saira';
      font-size: 110%;
  }
  
  body {
      background: url('https://scp-wiki.wdfiles.com/local--files/retrieval/Retrieval.png') top center repeat-x;
      background-size: 150em;
  }
  
   body {
      background-color: #050505;
  }
  

  Pages using this styling

  • retrieval [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');
  
  .titlea {
      font-family: 'Bebas Neue', cursive;
      font-size: 550%;
      text-align: center;
  }
  
  .brief {
      margin: 15px;
      padding: 5px 10px;
      border: 3px solid black;
      border-radius: 12px;
      background-color: #f4f4f4;
      box-shadow: 5px 8px;
  }
  
  .smaller {
      font-size: 50%
  }
  
  .articles {
      margin: 15px;
      padding: 5px;
      border: 3px solid black;
      border-radius: 12px;
      box-shadow: 5px 8px;
  }

  Pages using this styling

  • resurrection-old-foes-hub [info]

  ¶ 1 occurrence
  

  :root {
    --accent: 207, 179, 230;
  }

  Pages using this styling

  • resurrection-of-the-purple-witch [info]

  ¶ 1 occurrence
  

  div#header h1 a span {
      font-size: 0px;
  }
  div#header h1 a:before {
      content: "MTF Alpha-9";
      color: #eee;
      font-family: jostregular;
  }
  div#header h2 span {
      font-size:0px;
      padding: 4px;
  }
  div#header h2:after {
      content: "Last Hope";
      font-weight: bold;
      font-size: 15px;
      font-family: jostregular;
      color: #eee;
      border-color: rgba(0,0,0,0.267);
  }
  #page-title {
      display: none;

  Pages using this styling

  • resurrection-his-will-be-done-hub [info]

  ¶ 1 occurrence
  

  :root {
    --fade-in-delay: 0s;
  }

  Pages using this styling

  • reostiation [info]

  ¶ 1 occurrence
  

  div.list-pages-box p{
  margin-top:0;
  }
  div.list-pages-item, div.list-pages-item p{
  margin-bottom: 0;
  }

  Pages using this styling

  • reixis-personnel-file [info]

  ¶ 1 occurrence
  

  .appeal{
      border:dotted 1px #000000;
      background:#F8F8FF;
      width:90%;
      padding:1px 15px;
      margin: 10px auto;
      max-width: 500px;
  }
  .access{
      border:dotted 1px #000000;
      background:#fffafa;
      width:90%;
      padding:1px 15px;
      margin: 10px auto;
      max-width: 500px;
  }
  .intranet{
      border:dotted 1px #000000;
      background:#555555;
      width:90%;
      padding:1px 15px;
      margin: 10px auto;
      color: #dcdcdc;
  }
  .transcript{
      border:dotted 1px #000000;
      background:#f2f3f4;
      width:90%;
      padding:1px 15px;
      margin: 10px auto;
  }
  .memo{
      border:dotted 1px #000000;
      background:#f2f3f4;
      width:70%;
      padding:1px 15px;
      margin: 10px auto;
  }
  .Tau {
    font-family: 'Segoe Script';
    font-style: italic;
  }
  .Brahim {
    font-family: 'Segoe Print';
    font-style: italic;
  }
  .Enjoy {
  font-family: 'Bahnschrift';
  color: #126180;
  }

  Pages using this styling

  • reintegration-aptitude-test-2022 [info]

  ¶ 1 occurrence
  

  #page-title {
      display: none;
  }
  table { width: 100%; }
  
  td { height: 1.5rem; }
  
  #toc-action-bar,#toc .title { visibility:hidden; height: 0;}
  
  .collapsible-block-link {
      text-align: center;
      display: block;
      font-weight: bold;
      font-size: large;
  }
  
  .peppo-toc {
      position:relative;
      z-index:01;
      background: #dfdfdf;
      padding: 5px;
      float:right;
      width: 30%;
  }
  
  @media only screen and (max-width: 600px) {
       .peppo-toc {
          float:none;
          width: 100%;
      }
  }

  Pages using this styling

  • reimagined-hub [info]

  ¶ 1 occurrence
  

  
  @import url('https://scp-wiki.wikidot.com/local--files/scp-8980/departuremono.css');
  
  :root {
      --logo: url(https://scp-sandbox-3.wikidot.com/local--files/queer-byrnes/fsd_W.png);
      --header-title: "FIRE SUPPRESSION DEPARTMENT";
      --header-subtitle: "INTERNAL RECORDKEEPING INTERFACE";
      --basalt-primary-color: 0, 15, 0;
      --basalt-secondary-color: 5, 37, 35;
      --basalt-tertiary-color: 0, 30, 25;
      --ec-popup-color: 30, 78, 68;
      --basalt-bright-element-color: 15, 152, 140;
      --basalt-dark-element-color: 10, 132, 125;
      --rfr-primary: #E0F6FD;
      --rfr-secondary: lightskyblue;
  }
  
  body {
      background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.8)), url("https://scp-wiki.wikidot.com/local--files/scp-8980/fractal.webp");
      background-position: center, center;
      background-size: cover;
      background-attachment: scroll, fixed;
      background-color: rgba( 0, 110, 98, 1);
      background-blend-mode: luminosity;
  }
  
  b, strong {
      font-weight: 800;
  }
  
  table {
      box-sizing: border-box;
  }
  
  .content-warning {
      font-size: 85%;
      translate: 0px -5px;
  }
  
  #top-bar div[class*="top-bar"] > ul > li > a {
      font-size: 115%;
  }
  
  .page-title {
      border-bottom: solid 1px #424248;
      font-weight: normal;
      margin: 0 0 0.6em;
      padding: 0 0 0.25em;
      font-size: 200%;
      font-family: var(--title-font);
  }
  
  .page-title p {
      margin: 0;
  }
  
  #breadcrumbs, .pseudocrumbs {
      margin: auto;
      width: fit-content;
      padding-bottom: 5px;
      opacity: 0.8;
  }
  
  #page-content .yui-content div {
      overflow: hidden;
  }
  
  #page-content div:is(.document, .darkdocument) {
      max-width: 50rem;
  }
  
  div:is(.document, .darkdocument)::before, div:is(.document, .darkdocument)::after {
      position: relative !important;
  }
  
  div.blockquote {
      background-color: #0f0f0f;
  }
  
  div.blockquote.light {
      background-color: #2b2b2b;
  }
  
  .red-text {
      color: red;
  }
  
  .licensebox .collapsible-block-link {
      opacity: 0.5;
      transition-duration: 0.3s;
  }
  
  .licensebox .collapsible-block-link:hover {
      opacity: 1;
      transition-duration: 0.3s;
  }
  
  @media (max-width: 430px) {
      :where(#page-content) table {
          width: fit-content;
      }
  }
  

  Pages using this styling

  • regardless [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css?family=Bahianita|Cabin+Sketch|Miss+Fajardose|Nothing+You+Could+Do|Open+Sans|Reenie+Beanie|Ruthie|Tangerine&display=swap');
  
  div.info-container > div.collapsible-block {
      padding: 0 !important;
      margin: 0 !important;
      box-shadow: none !important;
  }
  
  .type1 {
      display: block;
      overflow: hidden;
      font-family: 'Tangerine', cursive;
      font-style: normal;
      font-size: 1.5em;
  
      background-attachment: scroll;
      background: linear-gradient(rgba(220, 240, 240, 0.3), rgba(240, 240, 220, 0.5)), url(http://www.scp-wiki.net/local--files/scp-5862/paperbackground.jpg);
      background-clip: border-box;
      background-origin: padding-box;
      background-repeat: repeat;
      background-size: 100%;
  
      border: 1px solid #CCC;
      border-radius: 10px;
      padding: 2px 2px;
      margin-bottom: 10px;
  
      box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2)
      }
  .type1 p,
  .type1 ul {
      line-height: 25px;
      margin: 0;
  }
  
  .type2 {
  
      background-attachment: scroll;
      background: url(http://scp-sandbox-3.wikidot.com/local--files/collab:sqydgraves/divider.png);
      background-clip: border-box;
      background-origin: padding-box;
      background-repeat: repeat;
      background-size: 100%;
  
      filter: opacity(75%);
  
      border: 0px 
      border-radius: 0px;
      padding: 0px 0px;
      margin-bottom: 10px;
  
  }
  
  
  .type3 {
      display: block;
      overflow: hidden;
      font-family: 'Cabin Sketch', cursive;
      font-style: normal;
      font-size: 90%;
  
      background-attachment: scroll;
      background: url(http://www.scp-wiki.net/local--files/scp-5862/paperbackground.jpg);
      background-clip: border-box;
      background-color: rgb(219, 199, 171); 
      background-origin: padding-box;
      background-repeat: repeat;
      background-size: 100%;
      
      filter: grayscale(90%);
  
      border: 1px solid #CCC;
      border-radius: 10px;
      padding: 10px 10px;
      margin-bottom: 10px;
  
      box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2)
      }
  .type3 p,
  .type3 ul {
      line-height: 20px;
      margin: 0;
  }
  

  Pages using this styling

  • regarding-scp-5862 [info]

  ¶ 1 occurrence
  

  .dreams {
      padding: 0 1em;
      background-color: black;
      color: white;
      position: relative;
      margin: 3em 0;
  }
  
  .dreams::before,
  .dreams::after {
      content: ' ';
      position: absolute;
      pointer-events: none;
      top: -3rem; right: -0rem; bottom: -3rem; left: -0rem;
      background-image: linear-gradient(to bottom, transparent, black);
      background-position: 0 1rem;
      background-size: 100% 2rem;
      background-repeat: repeat-x;
  }
  
  .dreams::after {
      transform: rotate(180deg);
      margin-bottom: 1px;
  }
  
  .dreams a {color: rgb(143 129 255);}

  Pages using this styling

  • reeling-in-the-crocosquid [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,900;1,900&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,300;1,300&display=swap');
  
  .sign {
  background-blend-mode: difference;
  }
  
  .ature, .ature a, .ature a:visited, .sign p {
    color: #ececec!important;
  }
  
  
  .latest {
  width: fit-content;
  margin: auto;
  padding: 0rem 1rem;
  border: 3px solid rgb(var(--bright-accent));
  border-radius: 0.75rem;
  margin-top: 2rem;
  }
  
  .intro {
      border-left: 3rem solid rgb(var(--bright-accent));
      padding-left: 0.75rem;
  }
  
  .continue {
      border-right: 3rem solid rgb(var(--bright-accent));
      padding-right: 0.75rem;
      text-align: right;
  }
  
  h1, h3 {
      color: rgb(var(--bright-accent));
      font-family: 'Barlow', sans-serif;
  }
  
  .timeline {
      border-left: 0.3rem solid rgb(var(--bright-accent));
      padding-left: 0.75rem;
  }
  
  span.timestamp {
    position: relative;
    font-size: 95%;
    font-family: 'barlow condensed';
    left: -3.5rem;
  }
  
  .timestamp::after {
    content: " •";
  }
  /*
  p:has(> .timestamp) {
      height: 0px;
  } 
  */
  .proposal {
      display: block;
      height: 13rem;
      padding-left: 0.75rem;
      color: white;
      border-radius: 3px;
      mix-blend-mode: plus-lighter;
  }
  
  .proposal:visited {     color: white;}
  .proposal:hover, .proposal:focus, .proposal:active, .proposal:focus-within {
      text-decoration: none!important;
  }
  
  .name {
      font-family: 'Barlow', sans-serif;
      font-size: 200%;
      font-style: italic;
  }
  
  .subtitle {
      font-family: 'Barlow Condensed', sans-serif;
      color: white;
      FONT-SIZE: 125%;
      position: relative;
      top: -0.5rem;
      left: 2rem;
      font-style: italic;
  }
  
  .sin {
      background-image: url('https://scp-wiki.wdfiles.com/local--files/scp-5549/800px-Vincent_Wigglesworth.jpg');
      background-position: 35% 50%;
      background-size: 160%;
      background-color: rgb(var(--bright-accent));
      background-blend-mode: multiply;
      transition: all 200ms ease-in-out;
      color: white!important;
  }
  
  .sin:hover {
      background-color: #6e95f2;
      box-shadow: 0px 0px 9px 3px rgba(110, 149, 242,0.5);
      text-shadow: 0px 0px 10px rgba(0,0,0,0.75);
  }
  
  .gold {
      background-image: url('https://scp-wiki.wdfiles.com/local--files/rounderhouse-gold-proposal/amoniram.png');
      background-position: center 35%;
      background-size: 160%;
      background-color: rgba(var(--bright-accent), 0.85);
      background-blend-mode: color-burn;
      transition: all 200ms ease-in-out;
      color: white!important;
  }
  
  .gold:hover {
      color: #fdcc0a!important;
      /* background-color: rgba(164, 119, 84, 1);*/
      background-color: transparent;
      box-shadow: 0px 0px 9px 3px rgba(253, 204, 10, 0.45);
  }
  
  .jade { 
      background-image: url('https://scp-wiki.wdfiles.com/local--files/rounderhouse-jade-proposal/JadeHeader2k.jpg');
      background-size: 120%;
      background-color: rgb(var(--bright-accent));
      background-blend-mode: luminosity;
      background-position: center;
      transition: all 200ms ease-in-out;
      color: white!important;
  }
  
  .jade:hover {
      color: #55BD43!important;
      background-color: #295522;
      box-shadow: 0px 0px 9px 3px #37782C;
  }
  
  .bone {
      background-image: url('https://scp-wiki.wdfiles.com/local--files/redtape/mappedxen.png');
      background-position: 0% 50%;
      background-size: 125%;
      background-color: rgba(var(--bright-accent), 0.85);
      background-blend-mode: color-burn;
      transition: all 200ms ease-in-out;
      color: white!important;
  }
  
  .bone:hover {
      color: #d4cfc9!important;
      /* background-color: rgba(164, 119, 84, 1);*/
      background-color: transparent;
      box-shadow: 0px 0px 9px 3px rgba(212, 207, 201, 0.45);
  }
  
  .iron {
      background-image: url('https://scp-wiki.wdfiles.com/local--files/redtape/redtapeREDACTED.png');
      background-size: cover;
      background-position: center;
  }
  
  .mm {
  background-image: url('https://scp-wiki.wdfiles.com/local--files/rounderhouse-proposal/manor.png');
  background-size: cover;
  background-color: rgb(var(--bright-accent));
  background-blend-mode: color-burn;
      transition: all 200ms ease-in-out;
      color: white!important;
  }
  
  .mm:hover {
      color: rgb(var(--bright-accent))!important;
      background-color: #c19d9d;
      box-shadow: 0px 0px 9px 3px rgba(var(--bright-accent), 0.5);
      text-shadow: 0px 0px 10px black;
  }
  .article {
      display: block;
      /* background-image: url('https://scp-wiki.wdfiles.com/local--files/theme%3Aredtape/topolight.png'); */
      text-align: center;
      width: fit-content;
      margin: auto;
      padding: 0rem 1rem;
      border-left: 5px solid rgb(var(--bright-accent));
      border-radius: 2px;
      font-family: 'barlow condensed';
      font-size: 135%;
      background-size: 450%;
      transition: all 500ms ease-in-out;
      text-transform: uppercase;
  }
  
  .article:hover {
      color: white!important;
      background-color: rgb(var(--bright-accent));
      /* background-blend-mode: multiply; */
      box-shadow: 0px 0px 9px 3px rgba(var(--bright-accent), 0.5);
      text-decoration: none!important;
      mix-blend-mode: plus-lighter;
  }
  
  .raisa { border-left-color: #5c85ff;}
  .raisa { color: #5c85ff;}
  .raisa:visited { color: #355fd9;}
  .raisa:hover {
      background-color: #5c85ff;
      box-shadow: 0px 0px 9px 3px rgba(42, 70, 155, 0.5);
  }
  
  .starsite { border-left-color: #ffcb00;}
  .starsite { color: #ffcb00;}
  .starsite:visited { color: #d9ac00;}
  .starsite:hover {
      color: black!important;
      background-color: #ffcb00;
      box-shadow: 0px 0px 9px 3px rgba(255, 203, 0, 0.5);
  }
  
  .attrib { color: grey; font-size: 80%; text-transform: lowercase;    transition: all 100ms ease-in-out; }
  .attrib::before { content: " | "}
  .article:hover > .attrib { color: black;}
  
  #page-content a.collapsible-block-link {
    overflow-wrap: inherit;
    font-weight: bold;
    font-family: 'Barlow', sans-serif;
    font-size: 120%;
  }
  @media only screen and (max-width: 800px) {
     span.timestamp {
         left: 0rem;
     }
  
      .timestamp::after {
          display: none;
      }
  
      .timestamp::before {
          content: "• ";
      }
  
      .proposal {
          height: 7rem;
      }
  }
  

  Pages using this styling

  • redtape [info]

  ¶ 1 occurrence
  

  :root {
  --header-title: "Re█ac█ y█ur ██fe";
  --header-subtitle: "";
  --abstractor:hidden;
  }
  div.page-rate-widget-box .rate-points {
  border: none !important;
  }
  div.authorlink-wrapper{
  margin-top: var(--author-top-adjust, .2em) !important;
  }

  Pages using this styling

  • redact-your-life [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Bangers&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Black+Ops+One&display=swap');
   
  /* ---------------------------------
  RED, WHITE, AND BLUE PATRIOT THEME MFER
  FORKED FROM THE JUST LIBERAL PUSSY THINGS THEME BY SOCIALISTBREATH AND DIANACOMMIE
  --------------------------------- */
   
  /* -------------- HEADER -------------- */
  div#container-wrap {
      background-image: none;
  }
   
  div#extra-div-1 {
      height: 140px;
      width: 100%;
      top: 0;
      position: absolute;
      background: url("https://scp-wiki.wdfiles.com/local--files/red-white-and-blue-reality/header.png");
      background-size: cover;
      background-position: 20% 20%;
  }
   
  div#extra-div-2 {
      height: 22px;
      width: 100%;
      top: 140px;
      position: absolute;
      background: linear-gradient(to bottom,
       hsl(0, 100%, 37%),
       hsl(237, 100%, 19%));
  }
   
  div#header {
      background-image: url("https://scp-wiki.wdfiles.com/local--files/red-white-and-blue-reality/american.png");
      background-size: 8.6%;
      filter: drop-shadow(.1rem .1rem .063rem hsl(335, 100%, 8%));
  }
   
  #header h1 a {
      color: transparent;
      text-shadow: none;
  }
   
  #header h1 a {
      font-family: 'Black Ops One', cursive;
      color: hsl(237, 100%, 19%);
      text-shadow: none;
      filter: drop-shadow(.1rem .1rem .063rem hsl(4, 0%, 100%));
      text-transform: uppercase;
  }
   
  #header h2 span {
      color: transparent;
      text-shadow: none;
  }
   
  #header h2 span::before {
      content: "FUCK YEAAAAAHHHHH";
      color: hsl(0, 100%, 37%);
      font-family: 'Black Ops One', cursive;
      filter: drop-shadow(.1rem .1rem .063rem hsl(4, 0%, 100%));
      letter-spacing: 2px;
      padding-left: 4em;
  }
   
  /*-------------- LOG-IN INFO -------------- */
  #login-status,
  #login-status a {
      color: hsl(335, 0%, 100%);
  }
   
  #login-status ul a:hover {
     font-weight: bold;
  }
   
  #account-topbutton {
      background: transparent;
      color: hsl(335, 0%, 0%);
      border: none;
  }
   
  #account-options {
      background: hsl(237, 100%, 19%);
      border-color: hsl(0, 100%, 37%);
  }
   
  /* -------------- SEARCH-BAR -------------- */
  #search-top-box-input {
       border: solid 1px #ffffff;
       color: #ffffff;
       background-color: hsl(0, 100%, 35%);
  }
   
  #search-top-box-input:hover,
  #search-top-box-input:focus {
       background-color: hsl(236, 100%, 34%);
  }
   
  #search-top-box-form input[type=submit] {
       border: solid 1px #ffffff;
       color: #ffffff;
       background-color: hsl(237, 100%, 39%);
       background: linear-gradient(
         to bottom,
         hsl(237, 100%, 29%),
         hsl(237, 100%, 19%),
         hsl(237, 100%, 9%));
       box-shadow: none;
  }
   
  #search-top-box-form input[type=submit]:hover,
  #search-top-box-form input[type=submit]:focus {
       background-color: hsl(237, 100%, 60%);
       background: linear-gradient(
         to bottom,
         hsl(237, 100%, 70%),
         hsl(237, 100%, 60%),
         hsl(237, 100%, 50%));
       box-shadow: none;
  }
   
   a,
  #side-bar a:visited,
  #top-bar ul li.sfhover a,
  #top-bar ul li:hover a,
  #login-status ul a,
  #login-status ul a:hover,
  a.newpage {
      color: hsl(234, 100%, 27%);
  }
  /* -------------- BODY -------------- */
  body {
       background: hsl(218, 100%, 80%);
       color: hsl(238, 100%, 15%);
  }
   
  #page-title, h1 {
      color: hsl(238, 100%, 15%)
  }
   
  #page-title {
      border-bottom-color: hsl(238, 100%, 15%);
  }
   
  /* -------------- SIDE-BAR -------------- */
  #side-bar .side-block {
      border: 1px solid hsl(0, 100%, 25%);
      box-shadow: 0 2px 6px rgba(255, 0, 0);
      color: hsl(232, 100%, 38%);
      background: hsl(232, 97%, 68%);
  }
   
  #side-bar .heading {
      color: hsl(234, 100%, 32%);
      border-bottom: solid 1px hsl(0, 100%, 25%);
  }
   
  #side-bar .side-block.media {
      background-color: hsl(232, 97%, 68%);
  }
   
  #side-bar .side-block.resources {
      background-color: hsl(232, 97%, 68%);
  }
   
  .side-block .menu-item > .image,
  iframe.scpnet-interwiki-frame {
      filter: hue-rotate(340deg) brightness(130%);    
      -webkit-filter: hue-rotate(340deg) brightness(130%);
  }
   
  /* -------------- FOOTER -------------- */
  #footer {
      background: hsl(240, 100%, 50%);
      color: hsl(0, 100%, 50%);
  }
   
  /* -------------- LINKS -------------- */
  a,
  #side-bar a:visited,
  #top-bar ul li.sfhover a,
  #top-bar ul li:hover a,
  #login-status ul a,
  #login-status ul a:hover,
  a.newpage {
      color: hsl(234, 100%, 27%);
  }
   
  a:visited {
      color: hsl(0, 100%, 30%);
  }
   
  /* -------------- PAGE EDITING OPTIONS -------------- */
  .buttons .btn {
      background-color: hsl(235, 90%, 95%);
      border-color: hsl(235, 90%, 85%);
      color: hsl(235, 100%, 14%);
  }
   
  .buttons .btn:hover {
      background-color: hsl(235, 90%, 90%);
      color: hsl(235, 100%, 14%);
  }
   
  #lock-info {
      background-color: hsl(235, 90%, 95%);
      border-color: hsl(0, 100%, 50%);
  }
   
  /* -------------- RATING MODULE -------------- */
  .page-rate-widget-box .rate-points {
      background-color: hsl(237, 55%, 55%) !important;
      color: hsl(0, 90%, 95%) !important;
      border: solid 1px hsl(237, 55%, 55%);
  }
  .page-rate-widget-box .rateup,
  .page-rate-widget-box .ratedown {
      background-color: hsl(0, 90%, 95%);
      border-top: solid 1px hsl(237, 55%, 55%);
      border-bottom: solid 1px hsl(0, 55%, 55%);
  }
  .page-rate-widget-box .rateup a,
  .page-rate-widget-box .ratedown a {
      background: transparent;
      color: hsl(237, 55%, 55%);
  }
  .page-rate-widget-box .rateup a:hover,
  .page-rate-widget-box .ratedown a:hover {
      background: hsl(0, 55%, 55%);
      color: hsl(237, 90%, 95%);
  }
  .page-rate-widget-box .cancel {
      background: transparent;
      background-color: hsl(0, 55%, 55%);
      border: solid 1px hsl(237, 55%, 55%);
  }
  .page-rate-widget-box .cancel a {
      color: hsl(0, 90%, 95%);
  }
  .page-rate-widget-box .cancel a:hover {
      background: hsl(237, 90%, 95%);
      color: hsl(0, 55%, 55%);
  }
   
  /* -------------- OTHER ELEMENTS -------------- */
  blockquote,
  div.blockquote,
  .code {
      border-color: hsl(0, 90%, 85%);
      background-color: hsl(237, 90%, 95%);
  }
   
  #page-content .wiki-content-table tr th {
       background-color: hsl(237, 55%, 55%);
       color: hsl(237, 100%, 98%);
       border: 1px solid hsl(0, 100%, 14%);
  }
   
  .scp-image-block .scp-image-caption {
      background-color: hsl(0, 90%, 95%);
  }
   
  .yui-navset .yui-nav,
  .yui-navset .yui-navset-top .yui-nav {
      border-color: hsl(237, 90%, 75%); /* color between tab list and content */
  }
   
  .yui-navset .yui-nav a,
  .yui-navset .yui-navset-top .yui-nav a {
      background-color: transparent !important; /* tab background */
      border-color: transparent;
      color: hsl(237, 100%, 14%);
  }
   
  .yui-navset .yui-nav a em {
       background-color: hsl(237, 90%, 95%);
       box-shadow: 0px 1px 2px rgba(0,0,0,0.7);
       border-color: hsl(0, 90%, 85%);
  }
   
  .yui-navset .yui-nav .selected a,
  .yui-navset .yui-nav .selected a:focus,
  .yui-navset .yui-nav .selected a:hover {
      background-image: none;
      background-color: hsl(237, 55%, 55%); /* selected tab background */
      color: hsl(0, 100%, 98%);
  }
   
  .yui-navset .yui-nav .selected a,
  .yui-navset .yui-nav .selected a em {
      border-color: hsl(237, 55%, 55%);
      box-shadow: 0px 1px 2px rgba(0,0,0,0.7);
      background-color: hsl(0, 55%, 55%);
  }
   
  .yui-navset .yui-content {
      background-color: hsl(0, 90%, 95%); /* content background color */
  }
   
  /* -------------- MOBILE VIEW -------------- */
  @media (max-width: 767px) {
      #side-bar {
            background-color: hsl(237, 65%, 65%);
       }
   
      #top-bar .open-menu a {
           border: 0.2em solid hsl(237, 100%, 85%);
           background-color: hsl(0, 100%, 98%);
           color: hsl(237, 100%, 85%);
      }
  }
   
  #page-content,
  #page-content a:hover {
      cursor:url(https://scp-wiki.wdfiles.com/local--files/red-white-and-blue-reality/eagleemoji.png),auto;
      cursor:url(https://scp-wiki.wdfiles.com/local--files/red-white-and-blue-reality/eagleemoji.png),pointer;
  }

  Pages using this styling

  • red-white-and-blue-reality [info]

  ¶ 1 occurrence
  

  /*radian628:rqr*/
  @import url("https://fonts.googleapis.com/css2?family=Special+Elite:ital,wght@0,400;0,700;1,400&display=swap");
  @import url("https://fonts.googleapis.com/css2?family=Orbitron:wght@400..900&display=swap");
  
  #page-title {display: none;}
  
  #login-status, #login-status a {
      color: white;
  }
  
  .licensebox {
    color: #ff0000;
  }
  
  :root {
      --header-title: "";
      --header-subtitle: "";
      --header-font: "Orbitron";
      --link-txt-color: rgb(var(--accent));
      --logo-img: url("http://scp-sandbox-3.wikidot.com/local--files/collab:red-queen-s-race/RQRTOPPER-removebg-preview.png");
      --header-txt-color: #d61c0f;
      --misc-txt-color: #d61c0f;
      --logo-opacity: 70%;
      --link-txt-color: #d61c0f;
  }
  
  body {
    background-image: linear-gradient(to bottom, #660000, #000000 120px);
    color: #F5F5F5;
  }
  
  div#extra-div-1 {
      height: 160px;
      width: 100%;
      position: absolute;
      background: var(--logo-img) 10px 30px no-repeat;
      background-size: contain;
      background-repeat: no-repeat;
      background-position: 50% 50%;
      z-index: -1;
      opacity: var(--logo-opacity);
  }
  
  .center {
    font-family: monospace;
    text-align: center;
    font-size: 15.5px;
  }
  
  .centerred {
    font-family: monospace;
    text-align: center;
    color: #ff0000;
    font-size: 15.5px;
  }
  
  
  .lekton {
    font-family: "Special Elite", monospace;
    text-align: center;
    display: block;
    margin-top: 1.5em;
    margin-bottom: 1.5em;
    color: #ff0000;
    font-size: 17.5px;
  }
  
  .lekton2 {
    font-family: "Special Elite", monospace;
    text-align: center;
    display: block;
    margin-top: 1.5em;
    margin-bottom: 1.5em;
    color: #ff0000;
    font-size: 22.5px;
  }
  
  .lekton3 {
    font-family: "Special Elite", monospace;
    text-align: center;
    display: block;
    margin-top: 1.5em;
    margin-bottom: 1.5em;
    color: #ff0000;
    font-size: 22.5px;
    font-style: italic;
  }
  
  .orbitron {
    font-family: "Orbitron", sans-serif;
    font-size: 2.5em;
    font-weight: bold;
    text-align: center;
    display: block;
    margin-bottom: 1em;
  }
  
  .orbitron2 {
    font-family: "Orbitron", sans-serif;
    font-size: 2.5em;
    font-weight: bold;
    text-align: center;
    display: block;
    margin-top: 1em;
    margin-bottom: 1em;
  }
  
  .orbitron3 {
    font-family: "Orbitron", sans-serif;
    font-size: 2.5em;
    font-weight: bold;
    text-align: center;
    display: block;
    margin-top: -0.5em;
    margin-bottom: 1em;
  }
  
  .hovertip {
    color: #000000;
  }
  
  .owindow {
    color: #000000;
  }
  
  #toc {
    background-color: #000000;
  }
  
  #header h2::before {
      text-transform: capitalize;
      font-style: italic;
  }
  
  .notation {
      border-width: 4px;
      width: 75%;
      margin: auto;
      border-color: rgb(var(--accent));
      text-align: justify;
  }
  
  .separation {
      margin: 1ex 15%;
      padding: 0;
      border-top: 0.2rem solid #275495;
      display: block;
  }
  
  .al-fine, .vanguard, .elaimal, .omalley, .textbook, .schemer{
      width: 85%;
      margin: auto;
      padding: 15px;
      box-shadow: 0 1px 3px rgba(0,0,0,.2);
      color: #000000;
  }
  
  .dictation {
     font-family: Courier New, monospace;
     color: #F5F5F5;
  }
  
  .schemer {
     border: solid 2.5px #ff7700;
     color: #ff7700;
  }
  
  .textbook {
      border: solid 2.5px #fff0ba;
      background-color:#fff0ba;
      color: #000000;
      font-family: Times New Roman;
  }
  
  .elaimal {
      border: solid 2.5px #39FF14;
      color: #39FF14;
      font-family: monospace;
  }
  
  .omalley {
     border: solid 2.5px #6495ED;
     color: #6495ED;
  }
  
  .president {
      font-family: monospace;
      color: #04c21a;
      font-size: 17px;
  }
  
  .al-fine {
      border: solid 4px #275495;
      background: #F2F7FB url('https://scp-wiki.wdfiles.com/local--files/theme%3Agoc/goc-fade.png') center no-repeat;
  }
  
  .vanguard {
      border: solid 4px #275495;
      background: #F2F7FB center no-repeat;
  }
  
  div.blockquote {
      background-color: #121212;
      border: 3px solid #444444;
  }
  
  .blockquote .image-container {
      padding: 0em;
  }
  
  .characters {
      margin-top: -1em;
      margin-bottom: 1em;
      margin-left: 15px;
      margin-right: 10px;
  }
  
  .characters-top {
      display: flex;
      flex-flow: row nowrap;
      align-items: center;
      gap: 16px;
  }
  
  .bar {
      width: 12px;
      height: 85px;
  }
  
  .characters-info {
      flex-grow: 1;
  }
  
  .characters-info p {
      line-height: 200%;
  }
  
  .bio {
      margin-top: -20px;
  }
  
  .goc {
      --color: #5f95e6;
  }
  
  .us {
      --color: #404d7e;
  }
  
  .joicl {
      --color: #d7003a;
  }
  
  .phoenix {
      --color: #d68300;
  }
  
  .mcd {
      --color: #8c148c;
  }
  
  .van {
      --color: #4b2;
  }
  
  .bar {
      background-color: var(--color);
  }
  
  .classified-document {
    position: relative;
    box-sizing: border-box;
    padding: 30px;
    --edgewidth: 2px;
  }
  
  .classified-document > * {
    z-index: 3;
    position: relative;
  }
  
  .classified-document::before,
  .classified-document::after {
    position: absolute;
    content: "";
  }
  
  .classified-document::before {
    background-color: red;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /*mask-image: radial-gradient(
      transparent 0px,
      transparent 8px,
      black 8px
    ), linear-gradient(
       to right,
      transparent 0px,
      transparent 40px,
      black 40px);
    mask-size: 40px 40px, 200% 100%;
    mask-position: -13px, -15px;
    mask-repeat: repeat-y, repeat;*/
  }
  
  .classified-document::after {
    background-color: black;
    content: "";
    z-index: 2;
    top: var(--edgewidth);
    left: var(--edgewidth);
    width: calc(100% - 2 * var(--edgewidth));
    height: calc(100% - 2 * var(--edgewidth));
    /*
    mask-image: radial-gradient(
      transparent 0px,
      transparent 10px,
      black 10px
    ), linear-gradient(
       to right,
      transparent 0px,
      transparent 40px,
      black 40px);
    mask-size: 40px 40px, 200% 100%;
    mask-position: -15px, -15px;
    mask-repeat: repeat-y, repeat;*/
  }
  
  .classified-document-text-container {
    margin-left: 20px;
    border-left: 2px solid red;
  }
  
  .rqr-title,
  .rqr-title-small {
    margin-left: 40px;
    font-family: "Orbitron", sans-serif;
    font-size: 3em;
    font-weight: bold;
    display: block;
    margin-bottom: 0.5em;
    position: relative;
    line-height: 1;
    border-bottom: 2px solid red;
    width: fit-content;
  }
  
  .rqr-title-small {
    font-size: 1.25em;
  }
  
  .rqr-card:has(.rqr-title-small)
  + .rqr-card:has(.rqr-title) {
    border-top: 1px dashed red;
  }
  
  .rqr-card {
    display: flex;
  }
  
  .rqr-card:has(.rqr-title) {
    margin-bottom: 20px;
    margin-top: 20px;
    padding-bottom: 40px;
    padding-top: 40px;
    border-bottom: 1px dashed red;
  }
  
  .rqr-card:has(.rqr-title-small) {
    margin-bottom: 20px;
  }
  
  .rqr-card > img {
    width: 125px;
    height: 125px;
    align-self: center;
  }
  
  :is(.rqr-title, .rqr-title-small)::before {
    content: "";
    position: absolute;
    bottom: calc(0.45lh);
    left: -40px;
    width: 34px;
    height: 2px;
    background-color: red;
  }
  
  .rqr-desc {
    color: red;
    font-family: 'Special Elite', monospace;
    padding-left: 80px;
  }
  
  .rqr-desc > p {
    margin: 0;
  }
  
  @media (max-width: 768px) {
    :root .rqr-card {
      flex-direction: column-reverse;
      padding-top: 5px;
    }
  
    .rqr-card > img {
      width: min(75%, 200px);
      height: min(75%, 200px);
      margin-bottom: 20px;
    }
  
    .rqr-title {
      font-size: 8vw;
    }
  
    .rqr-title,
    .rqr-title-small {
      margin-left: 20px;
    }
  
    :is(.rqr-title, .rqr-title-left)::before {
      width: 15px;
      left: -20px;
    }
  
    .rqr-desc {
      padding-left: 30px;
    }
    
    .classified-document-text-container {
     margin-left: 0px;
    }
   
   .classified-document {
     padding: 15px;
    }
  }
  

  Pages using this styling

  • red-queen-s-race [info]

  ¶ 1 occurrence
  

  #header h2 span::before {
      content: 'Unusual Incidents Unit';
  }
  
  
  @import url('https://fonts.googleapis.com/css?family=PT+Mono&display=swap');
  
  .parawatch.blockquote {
      background:  #1a1a1a;
      border-width: 2px;
      border-style: solid;
      border-color: #262626;
      color: #f2f2f2;
      font-family: 'PT Mono', monospace;
  }
  
  .parawatch a {
      color: #6F9;
      font-weight: bold;
  }
  
  .scp-image-block .scp-image-caption {
      background-color: #333;
  }
  
  @media (max-width: 767px) {
      .scp-image-block.block-right {
          float: none;
          margin: auto;
      }
  }
  
   :root{
     --header-title: "ANOMALOUS BROADCASTING";
     --header-subtitle: "DISCREDIT - ARCHIVE - BROADCAST";
  }
  
  #header h1 a::before{ font-size: 100%; }

  Pages using this styling

  • red-pool-superfund-site [info]

  ¶ 1 occurrence
  

  
  #page-title {display: none;}
  
  :root {
      --header-title: "RED MEAT";
      --header-subtitle: "";
      --link-txt-color: rgb(var(--accent));
      --header-txt-color: #d61c0f;
      --misc-txt-color: #d61c0f;
      --logo-opacity: 0%;
      --link-txt-color: #d61c0f;
  }
  
  .hovertip {
    color: #000000;
  }
  
  .licensebox {
    color: #ff0000;
  }
  
  body {
    background-image: linear-gradient(to bottom, #660000, #f7eceb 120px);
    color: #1f0b0b;
  }
  
  #toc {
    background-color: #000000;
  }
  
  #header h2::before {
      text-transform: capitalize;
      font-style: italic;
  }
  
  .notation {
      border-width: 4px;
      width: 75%;
      margin: auto;
      border-color: rgb(var(--accent));
      text-align: justify;
  }
  
  .separation {
      margin: 1ex 15%;
      padding: 0;
      border-top: 0.2rem solid #275495;
      display: block;
  }
  
  .dictation {
     font-family: Courier New, Courier;
     color: #360704;
     font-size: 21px;
     font-weight: 600;
  }
  
  .fire {
     font-family: monospace;
     color: #FF0000;
     font-size: 35px;
  }
  
  .elaimal, .president, .al-fine, .vanguard, .president, .fire{
      width: 100%;
      margin: auto;
      padding: 15px;
      box-shadow: 0 1px 3px rgba(0,0,0,.2);
  }
  
  .president {
      font-family: Courier New, Courier;
      border: solid 2.5px #f7eceb;
      background-color:#360704;
      color: #f7eceb;
  }
  
  div.blockquote {
      padding-right: 2rem;
      padding-top: 1rem;
      border-right: solid 7px rgb(var(--accent)) !important;
      margin: 1em 1.75em;
  }
  
  .blockquote .image-container {
      padding: 0em;
  }
  
  .characters {
      margin-top: -1em;
      margin-bottom: 1em;
      margin-left: 15px;
      margin-right: 10px;
  }
  
  .characters-top {
      display: flex;
      flex-flow: row nowrap;
      align-items: center;
      gap: 16px;
  }
  
  .bar {
      width: 12px;
      height: 85px;
  }
  
  .characters-info {
      flex-grow: 1;
  }
  
  .characters-info p {
      line-height: 200%;
  }
  
  .bio {
      margin-top: -20px;
  }
  
  .goc {
      --color: #5f95e6;
  }
  
  .us {
      --color: #404d7e;
  }
  
  .joicl {
      --color: #d7003a;
  }
  
  .phoenix {
      --color: #d68300;
  }
  
  .mcd {
      --color: #8c148c;
  }
  
  .van {
      --color: #4b2;
  }
  
  .bar {
      background-color: var(--color);
  }

  Pages using this styling

  • red-meat [info]

  ¶ 1 occurrence
  

  .page {
      display: block;
      overflow: hidden;
      font-family: "SketchFlow Print";
      font-style: normal;
      color: red;
  
      background-attachment: scroll;
      background-clip: border-box;
      background-color: transparent;
      background-image: linear-gradient(to top ,rgb(202, 219, 228) 0%, rgb(231, 233, 220) 8%);
      background-origin: padding-box;
      background-position: 0px 8px;
      background-repeat: repeat;
      background-size: 100% 20px;
  
      border: 1px solid #CCC;
      border-radius: 10px;
      padding: 10px 10px;
      margin-bottom: 10px;
  
      box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2)
      }
  .page p {
      line-height: 20px;
      margin: 0;
  }

  Pages using this styling

  • red-death [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css?family=Ruslan+Display');
  
  .shadow {
      font-family: 'Ruslan Display', cursive;
      font-size: 110%;
  }

  Pages using this styling

  • recruitment-drive [info]

  ¶ 1 occurrence
  

  
  
  /*
      Infinite Riches Theme
      [2025 Wikidot Theme]
      by Fish^12
  */
  
  @import url('https://fonts.googleapis.com/css?family=EB+Garamond:500&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Mea+Culpa&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Estonia&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Alex+Brush&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Meie+Script&display=swap');
  
  
  .fancytext {
  font-family:"EB Garamond";
  font-size:120%;
  }
  
  .letter {
  font-family: "Alex Brush";
  font-size: 170%;
  width: 95%
  border: solid 2.5px #000000;
  background-color:#ffffff;
  color: #000000;
  padding: 15px 15px;
  margin-bottom: 10px;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2)
  }
  
  .transcript {
  font-family:"EB Garamond";
  font-size:120%;
  width: 95%
  border: solid 2.5px #000000;
  background-color:#ffffff;
  color: #000000;
  padding: 15px 15px;
  margin-bottom: 10px;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2)
  }
  

  Pages using this styling

  • recruiting-season [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Prata&display=swap');
  
  .storybook {
       font-family:Philosopher;
       background-image: url( http://scp-wiki.wikidot.com/local--files/scp-8166/paper-min%5B1%5D.png);
       padding:15px;
       font-size: 105%;
       border: 2px solid #5d0f87;
  }
  
  .song {
      font-size: 1.3em;
      text-align: center;
      font-weight: 400;
      font-style: oblique;
      color: #727272;
      text-shadow: 1px 1px 1px #e76ec2;
  }
  
  .donny {
      text-shadow: 1px 1px 1px #6ee5e7;
  }
  
  .sile {
      text-shadow: 1px 1px 1px #ffb869;
  }
  
  .eithne {
       text-shadow: 1px 1px 1px #199419
  }
  
  #toc {
  min-width:100% !important;
  max-width:100% !important;
  }
  #toc-list {
  max-width:100% !important;
  }
  
  .eventyr-hr{
      min-height: 6em;
      background-image: url(http://scp-wiki.wikidot.com/local--files/theme:eventyr/Eventyr-hr);
      background-size: cover;
  @media only screen and (max-width: 600px) {
      background-size: contain;
  }
      background-repeat: no-repeat;
      background-position: center;
  }
  
  .donny-storybook {
    font-family:Philosopher;
    font-weight: 400;
    font-style: normal;
    background-image: url( http://scp-wiki.wikidot.com/local--files/scp-8166/paper-min%5B1%5D.png);
   font-size: 105%;
   box-sizing: border-box;
   border: 2vw solid rgba(0,0,0,0.5);
   border-image: url('https://wanderers-library.wikidot.com/local--files/component:dustjacket-theme/wl_border.png') 600 round;
   border-image-width: 6;
   padding: 1vw;
   outline: 2px solid purple;
  }
  

  Pages using this styling

  • recomposition [info]

  ¶ 1 occurrence
  

  #header h1 a::before { content: "Real Surreality" !important;
  }
  
  #header h2 span::before { content: "Click Clack Whrrrrr" !important;
  }
  
  :root {
         --subtitle: "Click Clack Whrrrrr";
         --short_subtitle: "Click Clack Whrrr";
  }

  Pages using this styling

  • realsurreality [info]

  ¶ 1 occurrence
  

  .footnotes-footer {
      visibility: hidden;
      height: 0;
      padding: 0;
      margin: 0;
      display:none;
  }
  .meta-title {
    border-bottom: solid 1px #bbbbbb;
    color: #990011;
    font-weight: normal;
    margin: 0 0 0.6em;
    padding: 0 0 0.25em;
    font-size: 200%;
  }
  .meta-title p {
    margin: 0;
  }
  
  @media only screen and (max-width: 26.5625rem) {
      :root {
          --header-title: "GOC";
      }
   
      #header::before {
          top: -1rem;
          left: -2rem;
      }

  Pages using this styling

  • re-kto-0001-bellfather [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.bunny.net/css2?family=Cardo:wght@700&display=swap')

  Pages using this styling

  • rate-my-director [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.bunny.net/css2?family=Roboto+Slab:wght@700&display=swap');
  
  :root {
      --logo-image: url("https://scp-wiki.wikidot.com/local--files/rate-my-director/rmdl2.webp");
      --header-title: "";
      --header-subtitle: "";
  
      --bright-accent: 50, 168, 82;
      --dark-accent: 33, 112, 54;
      --header-gradient-color-bottom: 33, 112, 54;
      --header-gradient-color-middle: 50, 168, 82;
      --header-gradient-color-top: 50, 168, 82;
  }
  
  #header::before {
      opacity: 1;
  }
  
  #page-title, h2 {
      font-family: 'Roboto Slab', serif;
      color: green;
  }
  .rating {
  margin: 2rem;
  background: #fff;
  padding: .3rem 1.5rem;
  border-radius: 2rem;
  box-shadow: 3px 3px 5px 2px rgba(0,0,0,0.15);
  border-top: 4px solid green;
  }
  
  .rating hr {
      border-top: 2px solid green;
  }
  
  .ratee:before {
    content: "RATING: ";
    font-size: 1rem;
    color: green;
  }
  
  .ratee {
      font-family: 'Roboto Slab', serif;
      font-size: 125%;
  }
  
  .stars {
      font-size: 130%;
      float: right;
  }
  
  .flag {
      font-size: 60%;
  color: #640000;
  background: #ffabab;
  padding: 10px none;
  padding-left: 10px;
  padding-right: 10px;
  border-radius: 15px;
  border: 2px solid #640000;
  }
  .RAISA {
    background: #f2f2c2 url('https://scp-wiki.wdfiles.com/local--files/theme%3Aredtape/raisa_trans.png') center center no-repeat;
    background-size: 29rem;
    text-align: center;
    border: solid 3px #444;
    padding: 1.5rem;
    margin-bottom: 10px;
    color: black;
  }
  
  #page-title{display:none}

  Pages using this styling

  • rate-my-director [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css?family=Just+Another+Hand|Lexend+Peta|Nunito|Playfair+Display|Saira+Stencil+One&display=swap');
  
  .opening {
     font-family: 'Lexend Peta', sans-serif;
     background-color: #000000;
     padding: 15px;
     color: #c9c9c9;
     border-radius: 15px;
  
  }
  
  .frankRed {
    font-family: 'Lexend Peta', sans-serif;
    color: #e00000;
    font-size: 1em;
  }
  
  .pageBreak {
   text-align: center;
   font-family: 'Saira Stencil One', serif;
  }
  
  .text {
   font-family: 'Nunito', verdana, arial, sans-serif;
   font-size: 1.15em;
  }
  
  .frankLetter {
   font-family: 'Just Another Hand', cursive;
   font-size: 1.75em;
   background-color: #e0d9a8;
   padding: 20px;
   color: #000000;
   border: solid 5px;
   border-radius: 25px;
   border-color: #000000;
  

  Pages using this styling

  • rampart-rogue-renegade [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+Antique:wght@300;400;500;700;900&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@700&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Reddit+Mono:wght@200..900&display=swap');
  :root {
  --header-logo: url('https://scp-wiki.wdfiles.com/local--files/rammer-jammer-yellow-hammer-hub/88.png');
  --header-title: 'SECURE FACILITY 88';
  --header-subtitle: 'RJYH HUB';
  --basalt-background-color: 0, 0, 0 !important;
  --header-font-primary: 'Poppins';
  --body-font-primary: 'Zen Kaku Gothic Antique', sans-serif;
  --general-border-color: 18, 18, 18;
  --swatch-menutxt-dark-color: 69, 69, 69;
  --UI-font-primary: 'Poppins';
  }
  

  Pages using this styling

  • rammer-jammer-yellow-hammer-hub [info]

  ¶ 1 occurrence
  

  /* == COMMON == */
  
   :root {
      --header-title: "The Sharkest Timeline";
      --header-subtitle: "SEARCH, PUNCH, CONQUER";
      --link-txt-color: hsl(191, 100%, 25%);
  
      --abyssal: hsl(221, 100%, 25%);
      --terrestrial: hsl(101, 100%, 25%);
      --non-abyssal: hsl(181, 50%, 25%);
      --celestial: hsl(201, 100%, 50%);
  }
  
  
   div#extra-div-1 {
      background-size: 150px;
  }
  
   #header h1 {
      font-variant: small-caps;
  }
  
  
  /* == FORMATTING | [GENERAL] == */
  
   .meta-title {
      padding: 0;
  
      font-family: var(--head-font), sans-serif;
      font-variant: small-caps;
  }
  
   #page-content :is(h1, h2, h3, h4, h5, h6) {
      font-family: var(--ui-font), sans-serif;
      font-variant: small-caps;
  }
  
  
   #page-content :is(h1, h2, h3) {
      display: flex;
      justify-content: center;
  
      line-height: 1.2;
      text-align: center;
      text-underline-offset: 25%;
  }
  
   li, p {
      line-height: 1.5 !important;
  }
  
   ol li,
   ul li {
      margin: 1rem 0;
  }
  
  /* == FORMATTING | [SPECIAL] == */
  
   .abyssal :is(h1, h2, h3) {
      color: var(--abyssal);
  }
  
   .terrestrial :is(h1, h2, h3) {
      color: var(--terrestrial);
  }
  
   .non-abyssal :is(h1, h2, h3) {
      color: var(--non-abyssal);
  }
  
   .col_box, .spec_col_box { /* = COLORFUL BOX = */
      --hex: transparent;
      --hex2: transparent;
      position: relative;
      display: inline-block;
      width: 1.2rem;
      height: 1.2rem;
      margin-bottom: .2rem;
      vertical-align: middle;
  
      background: var(--hex);
      border: medium solid var(--hex2);
  
      font-size: 0;
  }
  
   .spec_col_box { /* = COLORFUL BOX ADD-ON = */
      width: calc(1.2rem + 3px);
      height: calc(1.2rem + 3px);
  }
  
   .spec_col_box:before { /* = COLORFUL BOX ADD-ON = */
      position: absolute;
      inset: 0;
      padding: 3px;
      content: "";
  
      background:
         repeating-conic-gradient(#c7b187 0 25%, #815eba 0 50%)
       0 0/12px 12px round;
      -webkit-mask:
         linear-gradient(#000 0 0) content-box,
         linear-gradient(#000 0 0);
      -webkit-mask-composite: xor;
      mask-composite: exclude;
  }
  
  /* == DIV BLOCKS == */
  
   div a {
      font-weight: bold;
  }
  
   @media (max-width: 575.9px) {
       .modal, .jotting, .paper, .notation {
       margin: 1rem 0;
      }
  }
  
  /* == TABLES == */
  
   .special table {
      display: block !important;
      max-height: 85vh;
      overflow: auto;
      counter-reset: line-number;
  }
  
   .special table a {
      font-weight: bold;
  }
  
   .special th {
      text-align: center;
  }
  
   .special td:first-child:before {
      content: counter(line-number) ".";
      counter-increment: line-number;
      padding-right: .3rem;
  }
  
   .special td:nth-child(3) {
      min-width: 25%;
  
      line-height: 1.5;
  }
  
   .special td:nth-child(4) {
      min-width: 20%;
  
      font: 1rem monospace;
      text-align: right;
  }
  
  /* == YUI TABS == */
  
   .yui-navset .yui-nav a {
      font-size: 1.25rem;
      font-weight: 600;
      font-family: var(--ui-font), sans-serif;
  }

  Pages using this styling

  • ramifications-of-fifty-five [info]

  ¶ 1 occurrence
  

  :root {
      --logo-image: url("https://scp-wiki.wdfiles.com/local--files/from-120-s-archives-hub/pride120.png");
      --header-title: "Site-120";
      --header-subtitle: "Fighting Fire With Fire";
  --cutColour: #fafafa;
  --barColour: #590505;
  --timeScale: 1;
  --timeDelay: 1s;
  --accentColor: 160, 44, 44;
  --dark-gray-monochrome: 55, 55, 55;
  --black-monochrome: 26, 26, 26;
  }
  .footnotes-footer {
  display: none;
  }

  Pages using this styling

  • ralliston-s-proposal [info]

  ¶ 1 occurrence
  

  :root {
    --header-title: "Site-120 Archives";
    --header-subtitle: "AUTHORPAGE: RALLISTON";
  }

  Pages using this styling

  • ralliston-s-authorpage [info]

  ¶ 1 occurrence
  

  :root {
   --borderColor: #465A4B !important;
  }

  Pages using this styling

  • ralliston-s-authorpage [info]

  ¶ 1 occurrence
  

  .collection .collapsible-block-unfolded-link a , .collection .collapsible-block-folded a {
  background-color: #465A4B !important;
  color: #FFFFFF !important;
  }
  
  .titlecolumn {
  background-color: #465A4B !important;
  color: #FFFFFF !important;
  }
  
  .namerow {
  background-color: #465A4B !important;
  color: #FFFFFF !important;
  }
  
  .namerow a {
    color: #FFFFFF !important;
  }

  Pages using this styling

  • ralliston-s-authorpage [info]

  ¶ 1 occurrence
  

  .ticker {
      background-color: #272727;
      white-space: nowrap;
      overflow: hidden;
      box-sizing: border-box;
      border: 4px grey solid;
     position: sticky;
     top: 0;
     text-align: center;  
     z-index: 1;
  }

  Pages using this styling

  • ralliston-s-authorpage [info]

  ¶ 1 occurrence
  

  #page-title {
    display: none;
  }
      #page-title::after,
      .meta-title::after,
      #page-title::before,
      .meta-title::before {
          content: "";
          flex-grow: 1;
          height: 0.0625rem;
          background: rgb(var(--swatch-primary));
      }
   
      #page-title::before,
      .meta-title::before {
          margin: auto 1.25rem auto auto;
      }
  
  .footnotes-footer {
  display: none;
  }

  Pages using this styling

  • ralliston-s-authorpage [info]

  ¶ 1 occurrence
  

  .c_content {
      font-family: 'alpha_echoregular';
      font-style: italic;
      width: 93%;
      line-height: 20px;
      display: inline-block;
      padding-top: 75px;
      padding-left: 25px;
      padding-right: 25px;
      vertical-align: top;
      transition: all .7s;
      background: linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,.5)), url("https://scp-wiki.wikidot.com/local--files/raisa-6147/oldtimeywhimey.jpg") ;
  }
  
  .c_content h1, .c_content span {
      font-style: normal;
  }
  
  .c_content h1 {
      font-size: 150%;
      font-family: "alpha_echoregular";
      font-weight: normal;
      margin: -0.3em 0 -0.3em 0.3em;
      color: inherit;
  }

  Pages using this styling

  • raisa-6147 [info]

  ¶ 1 occurrence
  

  @import url('https://scp-wiki.wdfiles.com/local--files/component%3Aspirit-theme/telegram3.css');
  @import url('https://scp-wiki.wdfiles.com/local--files/component%3Aspirit-theme/Yukarimobile.css');
  @import url('https://fonts.googleapis.com/css?family=Reenie+Beanie');
  
  .CS-title {
      font-family: 'alpha_echoregular';
  }
  #page-content .collapsible-block .collapsible-block-link {
      font-size: 2em;
  }

  Pages using this styling

  • raisa-6147 [info]

  ¶ 1 occurrence
  

  
  @import url(https://fonts.googleapis.com/css?family=Calligraffitti);
  
  @import url(https://fonts.googleapis.com/css?family=Nova+Round);
  
  @import url(https://fonts.googleapis.com/css?family=Aclonica);
  
  @import url(https://fonts.googleapis.com/css?family=Caveat);
  
  @import url(https://fonts.googleapis.com/css?family=Satisfy);
  
  @import url(https://fonts.googleapis.com/css?family=Architects+Daughter);
  
  .letter {
      font-family: 'Caveat';font-size: 17px;font-weight: 500;}
  
  .lettera {
      font-family: 'Architects Daughter';font-size: 15px;font-weight: 500;}
  
  .letterb {
      font-family: 'Satisfy';font-size: 15px;font-weight: 500;}
  
  .letterc {
      font-family: 'Miniver';font-size: 15px;font-weight: 500;}
  h1 {
  color: black;
  font-family: 'Trebuchet MS';
  }
  
  .first {
  width: 600px;
  height: 600px;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: center;
  background-color: transparent;
  margin: auto;
  border-radius: 50px 50px 50px 50px;
  }
  .first .second{
  position: relative;
  width: 90%;
  height: 90%;
  margin: auto;
  margin-top: 5%;
  border-style: dashed;
  border-width: 0px;
  border-radius: 30px 30px 30px 30px;
  padding: 10px;
  font-family: 'Aclonica';
  color: rgb(75,65,50);
  text-shadow:
     -1px -1px 0 rgb(200,175,150),  
      1px -1px 0 rgb(200,175,150),
      -1px 1px 0 rgb(200,175,150),
       1px 1px 0 rgb(200,175,150);
  font-size: 17px;font-weight: 700;
  text-align: center;
  }
  .third{
  width: 600px;
  margin: auto;
  border-style: dashed;
  border-width: 1px;
  border-radius: 30px 30px 30px 30px;
  padding: 10px;
  }

  Pages using this styling

  • ragnarok-hub [info]

  ¶ 1 occurrence
  

  /*radian628*/
  @import url("https://scp-wiki.wdfiles.com/local--code/radian628/1");
  
  :root {
    --w-font: 'Times New Roman', serif;
    --w-link-color: #00b;
  }
  
  #header, 
  div#container-wrap {
    background-image: none;
  }
  
  body,
  #header,
  #login-status,
  #login-status,
  #my-account {
    font-family: var(--w-font);
    color: black;
  }
  
  #header :is(h1, h2) span {
    text-shadow: none;
    color: black;
    font-family: var(--w-font);
  }
  
  #container-wrap-wrap,
  #container-wrap,
  #container,
  #header,
  #header h1,
  #header h2 {
    position: static;
  }
  
  #header {
    border-bottom: 1px solid black;
  }
  
  #header h1,
  #header h2 {
    margin: 0;
    text-align: center;
    width: 100%;
  }
  
  #header#header h1 a, 
  #header h2 a {
    font-weight: bold;
  }
  
  #top-bar :is(.top-bar, .mobile-top-bar) {
    justify-content: center;
    display: flex;
  }
  
  @media (min-width: 768px) {
    #top-bar .mobile-top-bar {
      display: none;
    }
  }
  
  @media (max-width: 768px) {
    #top-bar .top-bar {
      display: none;
    }
  }
  
  #top-bar {
    color: black;
    width: 100vw;
    max-width: 100vw;
    margin: 0;
    left: 0;
  }
  
  #top-bar#top-bar ul li ul li a {
    background-color: white;
    border: none;
  }
  
  #top-bar#top-bar ul li ul {
    box-shadow: none;
    border: 1px solid black;
  }
  
  #top-bar#top-bar a {
    color: var(--w-link-color);
  }
  
  #page-title {
    color: black;
  }
  
  #footer {
    background-color: transparent;
    color: black;
  }
  
  #license-area {
    color: black;
    text-align: left;
  }
  
  #header h1 {
    font-size: 1.2rem;
  }
  
  .side-block.media {
    filter: contrast(0.01) contrast(100);
    image-rendering: pixelated;
  }
  
  #html-body#html-body .btn {
    --brightborder: 2px solid #bbb;
    --darkborder: 2px solid #333;
    border-top: var(--brightborder);
    border-left: var(--brightborder);
    border-right: var(--darkborder);
    border-bottom: var(--darkborder);
    background-color: #eee;
    padding: 2px;
    color: black !important;
    background-image: none;  
    border-radius: 0;
    box-shadow: none;
  }
  
  #content-wrap,
  #header {
    max-width: 100vw;
    width: 100vw;
    margin: 0;
  }
  
  #main-content {
    max-width: 50em;
    margin: auto;
    margin-left: calc(17rem + max(0em, 50vw - 43em));
  }
  
  @media (max-width: 768px) {
    #main-content {
       margin-left: auto;
       width: calc(100vw - 2em);
    }
  }
  
  #page-title {
    text-align: center;
  }
  
  div.page-rate-widget-box .rate-points {
    background-color: transparent;
    border: none;
    border-radius: 0;
    margin-right: 10px;
    color: black;
  }
  
  div.page-rate-widget-box {
    box-shadow: none;
    border-bottom: 1px solid black;
    border-radius: 0;
    padding-bottom: 6px;
  }
  
  div.page-rate-widget-box > * {
    margin-right: 3px;
  }
  
  h2, h3, h4, h5, h6 {
    font-family: serif;
    margin-top: 2lh;
  }
  
  h2 {
    border-bottom: 1px solid black;
  }
  
  blockquote {
    border: none;
    background-color: transparent;
    border-left: 1px solid black;
  }
  
  .quote-container :is(p, blockquote) {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  
  .quote-container {
    margin-bottom: 1lh;
  }
  
  @media (max-width: 768px) {
    #side-bar {
      transition: none;
      background-color: white;
      border-right: 1px solid black;
      z-index: 100;
    }
  
    .close-menu {
      margin-left: 17.9em;
    }
  }
  
  #top-bar .open-menu a {
    border-radius: 0;
    border: 1px solid black;
  }
  
  body {
    position: relative;
  }
  
  body::before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.3;
    background-size: cover;
    background-image: url("https://scp-wiki.wdfiles.com/local--files/radian628/paper.webp");
  }

  Pages using this styling

  • radian628 [info]

  ¶ 1 occurrence
  

  .recolor-link a {color: #0a308a;}
  .recolor-link a::visited {color: #0a308a}
  

  Pages using this styling

  • rab333-s-contained-anomalies [info]

  ¶ 1 occurrence
  

    blockquote {
     background-color: #92b5d1 !important;
   }

  Pages using this styling

  • rab333-s-contained-anomalies [info]

  ¶ 1 occurrence
  

  html {
    background: white;
  }
  body > :not(#skrollr-body),
  #skrollr-body > :not(#container-wrap-wrap),
  #container-wrap-wrap > :not(#container-wrap),
  #container-wrap > :not(#container),
  #container > :not(#content-wrap),
  #content-wrap > :not(#main-content),
  #main-content > :not(#page-content),
  #page-content > :not(.image-container) {
    -webkit-filter: grayscale(1);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
  }
  
  --header-gradient-color-bottom: var(--white);
  --header-gradient-color-middle: var(--color);
  --header-gradient-color-top: var(--color);
  --diagonal-stripes: unset;
  
  }

  Pages using this styling

  • r3d-author-page [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css?family=Exo+2|Just+Another+Hand|Lexend+Peta|Nunito|Playfair+Display|Saira+Stencil+One&display=swap');
  
  .text {
      font-family: 'Exo 2', sans-serif;
      font-size: 1.2em;
  }
  .dangerMessage{
      font-family: 'Exo 2', sans-serif;
      font-weight: bold;
      color: #d90202;
      font-size: 1.2em;
  }
  .pageBreak{
      text-align: center;
      font-family: 'Saira Stencil One', serif;
      font-size: 1.3em;
  }

  Pages using this styling

  • quit-questions-take-money [info]

  ¶ 1 occurrence
  

  #page-title {
      display: none;
  }
  
  @media not all and (max-width: 767px) {
  #main-content {
      max-width: min(57.5rem,calc(100% - 3rem));
  }
  }
  
  :root { --box-accent: #823f3f; }
  
  .scp-list {
      display: grid;
      gap: .75rem;
      margin-block: 1.5rem;
  }
  .scp-list .pager { border-block-start: .225rem solid var(--box-accent); }
  
  .scp-block {
      background-color: #fff;
      box-shadow: 0 0 0.325rem rgb(0 0 0 / 0.25);
      contain: paint;
      display: grid;
      grid-template-areas:
          "title date"
          "meta meta";
      grid-template-columns: 1fr max-content;
      gap: .425rem;
      padding: .625rem;
      --box-accent: inherit;
  }
  .scp-block:not(.scp) { display: none; }
  
  .scp-block  .title {
      grid-area: title;
      display: flex;
      gap: .325ex 0.75ex;
      align-items: center;
      flex-wrap: wrap;
  }
  .scp-block .title > a {
      font-weight: bold;
      font-size: 1.075em;
  }
  .scp-block .title > .author { font-size: .775em; flex-grow: 1; }
  .author .printuser {
      display: inline-flex;
      align-items: baseline;
      gap: .325em;
  }
  .author .printuser img {
      margin: 0;
      padding: 0;
      padding-left: .475rem;
  }
  
  .scp-block .date {
      grid-area: date;
      font-feature-settings: 'case','ss01','ss04','tnum';
      font-size: .725em;
  }
  
  .scp-block .meta {
      grid-area: meta;
      display: flex;
      font-size: .775em;
      gap: .75rem;
      justify-content: space-between;
  }
  .meta .tag-list {
      display: flex;
      flex-wrap: wrap;
      gap: .25rem;
      align-items: flex-start;
  }
  .tag-list a {
      display: block;
      border-radius: 1.5rem;
      padding: .125em .675em;
      text-decoration: none;
      font-weight: 550;
      color: var(--box-accent);
      background-color: #823f3f0f;
  }
  .tag-list a[href$="scp"] { display: none; }
  .tag-list a:is(:hover,:focus) {
      color: white;
      background-color: var(--box-accent);
  }
  
  .meta .sec-info {
      display: grid;
      grid-template-columns: 3rem 3.5rem;
      align-items: center;
      text-align: end;
      gap: .25rem;
      min-width: max-content;
      align-self: flex-end;
  }
  .sec-info > br { display: none; }
  .sec-info .comments > span { font-size: 0; }
  
  .scp-block .description {
      grid-column: 1/-1;
  }
  .description > :not(.preview) { display: none; }
  .description:not(:has(> .preview)) { display: none; } /* progressive enhancement */
  .description > .preview {
      display: block;
      font-size: .9125em;
      padding-block-start: .425rem;
      border-block-start: .05rem solid #ddd;
  }
  .description > .preview > p:first-child { margin-block-start: 0.25em; }
  .description > .preview > p:last-child { margin-block-end: 0.25em; }
  
  
  div.tag-nav {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      gap: .25rem;
      font-size: .9125em;
      margin-block: .5rem;
  }
  div.tag-nav br { display: none; }
  div.tag-nav p { display: contents; }
  
  
  /*-------------------------------*/
  
  .shelf-tag {
      text-align: center;
      font-size: .875em;
      font-weight: bold;
      color: #888;
      margin-block: .75rem .25rem;
  }
  
  .shelf-epoch {
      display: flex;
      justify-content: space-between;
      font-size: 1.5em;
      font-variant-numeric: tabular-nums;
      align-items: center;
  
      .small-tag { font-size: .5em; color: #888; padding-inline-end: .75rem; }
  }
  .shelf-epoch::after {
      content: "";
      flex-basis: 9ch;
      flex-shrink: 99;
      font-size: .5em;
  }
  
  .deca-series {
      display: flex;
      flex-wrap: wrap;
      gap: .5rem;
      text-align: center;
      flex-basis: min(100%, 36rem);
      flex-shrink: 1;
      justify-content: center;
      font-weight: bold;
       a {
          min-width: 2.325rem;
          border-inline-end: solid .05rem #888;
          display: block;
          padding-inline-end: .5rem;
      }
  }

  Pages using this styling

  • quikngruvn-sandbox [info]

  ¶ 1 occurrence
  

  body{
      --barColour: #8c8c8c;
  }
  
  :root{
    --header-title: "Quicksilvers' Staff File";
    --header-subtitle: "Showing Competent Practices (or, Successfully Creating Products)";
  }
  
  #header h1 a:before {
      font-size: 2.0rem;
  }
  
  div#extra-div-1 {
      background-image: url(http://scp-sandbox-3.wdfiles.com/local--files/harry-blank-6/BlankstyleSCP-2.png);
      filter: opacity(50%);
  }
  
  #page-content .info-container {
      --link-color: rgb(var(--swatch-text-general));
  }
  
  #page-content .info-container .translation_block {
      display: none;
  }
  
  #page-content .info-container .collapsible-block-link,
  #page-content .info-container:hover .collapsible-block-link {
      line-height: 1.6em;
  }
  
  #page-content .info-container .collapsible-block-folded,
  #page-content .info-container .collapsible-block-unfolded-link {
      display: grid;
  }
  
  #page-content .info-container .collapsible-block-folded .collapsible-block-link,
  #page-content .info-container .collapsible-block-link {
      -webkit-mask: unset;
              mask: unset;
      background: transparent;
      grid-column: 1;
      grid-row: 1;
      opacity: 0;
  }
  

  Pages using this styling

  • quicksilvers-staff-file [info]

  ¶ 1 occurrence
  

  :root{
  --header-subtitle: "Mamilla Regum Lactaberis"
  }

  Pages using this styling

  • qui-lactis [info]

  ¶ 1 occurrence
  

  .orderdescription p {
      font-size: unset;
      color: unset;
  }
  
  .orderdescription {
    position: relative;
    top: auto;
  }
  .orderwrapper {
    display: grid;
  }
  .orderwrapper > * {
    grid-column: 1 / -1;
    grid-row: 1 / -1;
  }
  
  div.hytoth {
       width: 75%;
       padding: 0 1em;
       margin: 0 auto;
       box-shadow: rgba(0,0,0,.2);
       margin-bottom: 10px;
       border-style: solid;
       border-width: 2px;
  }
  
  div.socrates {
       border-color: #800000;
       background-color: #fdd3af;
  }
  
  div.warriors {
       border-color: #43130D;
       background-color: #ddffdd;
  }
  
  div.letter {
        border-color: #444;
        background-color: #FCF5E0;
  }

  Pages using this styling

  • questions-and-answers [info]

  ¶ 1 occurrence
  

  /* Modal Info Box Fix */
  #page-content .modalbox {
      background: #2E282E;
      border: solid 2px var(--vividDarker);
  }
  
  #page-content .modalcontainer {
      top: -5vh;
  }
  
  #page-content .modalbox hr {
      margin: 0.5em 2em;
  }
  
  #page-content .modalbox .credit {
      height: 40vh;
      font-size: 0.8em;
  }

  Pages using this styling

  • queerious-proposal [info]

  ¶ 1 occurrence
  

  /* EXAMPLE
  [[div class="wrapHeader"]]
  [[[Forgotten Memories Hub| Forgotten Stories]]]
  [[/div]]
  [[div class="wrapper"]]
    [[div class="panelBack"]]
      [[div class="shelf"]]
      [[/div]]
      [[div class="shelf"]]
      [[/div]]
      [[div class="shelf"]]
      [[/div]]
    [[/div]]
    [[div_ class="door left-door"]]
      [[div_ class="shape"]]
      [[/div]]
      [[div_ class="shape"]]
      [[/div]]
      [[div_ class="knob left-knob"]]
      [[/div]]
    [[/div]]
    [[div_ class="door right-door"]]
      [[div_ class="shape"]]
      [[/div]]
      [[div_ class="shape"]]
      [[/div]]
      [[div_ class="knob right-knob"]]
      [[/div]]
    [[/div]]
    [[div class="top-left"]]
      [[div class="queer_item qtTop"]]
        [[image https://i.ibb.co/C7thFX6/IMG-0909.png]]
        [[div class="queer_hover mblLeft"]]
  text is a test, should show on hover??
        [[/div]]
      [[/div]]
    [[/div]]
    [[div class="top-mid"]]
      [[div class="queer_item qtTop"]]
        [[image https://i.ibb.co/C7thFX6/IMG-0909.png]]
        [[div class="queer_hover"]]
  text is a test, should show on hover??
        [[/div]]
      [[/div]]
    [[/div]]
    [[div class="top-right"]]
      [[div class="queer_item qtTop"]]
        [[image https://i.ibb.co/C7thFX6/IMG-0909.png]]
        [[div class="queer_hover mblRight"]]
  text is a test, should show on hover??
        [[/div]]
      [[/div]]
    [[/div]]
    [[div class="mid-left"]]
      [[div class="queer_item qtMid"]]
        [[image https://i.ibb.co/C7thFX6/IMG-0909.png]]
        [[div class="queer_hover mblLeft"]]
  text is a test, should show on hover??
        [[/div]]
      [[/div]]
    [[/div]]
    [[div class="mid-mid"]]
      [[div class="queer_item qtMid"]]
        [[image https://i.ibb.co/C7thFX6/IMG-0909.png]]
        [[div class="queer_hover"]]
  text is a test, should show on hover??
        [[/div]]
      [[/div]]
    [[/div]]
    [[div class="mid-right"]]
      [[div class="queer_item qtMid"]]
        [[image https://i.ibb.co/C7thFX6/IMG-0909.png]]
        [[div class="queer_hover mblRight"]]
  text is a test, should show on hover??
        [[/div]]
      [[/div]]
    [[/div]]
    [[div class="bot-left"]]
      [[div class="queer_item qtBot"]]
        [[image https://i.ibb.co/C7thFX6/IMG-0909.png]]
        [[div class="queer_hover mblLeft"]]
  text is a test, should show on hover??
        [[/div]]
      [[/div]]
    [[/div]]
    [[div class="bot-mid"]]
      [[div class="queer_item qtBot"]]
        [[image https://i.ibb.co/C7thFX6/IMG-0909.png]]
        [[div class="queer_hover"]]
  text is a test, should show on hover??
        [[/div]]
      [[/div]]
    [[/div]]
    [[div class="bot-right"]]
      [[div class="queer_item qtBot"]]
        [[image https://i.ibb.co/C7thFX6/IMG-0909.png]]
        [[div class="queer_hover mblRight"]]
  text is a test, should show on hover??
        [[/div]]
      [[/div]]
    [[/div]]
  [[/div]]
  [[div class="wrapFooter"]]
  [[div class="L-Foot"]]
  [[/div]]
  [[div class="R-Foot"]]
  [[/div]]
  [[div class="L-Cap"]]
  [[/div]]
  [[div class="R-Cap"]]
  [[/div]]
  [[/div]]
  
  **[[[The Deadname Meme]]]**
  -----
  Heather Garrison is a new transfer to Site-43.
  Dr. Lillian Lillihammer, her new boss, doesn't understand how Heather made an infohazard that can effect even her. Will she be able to explain her memeplex to her boss and maybe even come across as charming?
  
  */
  

  Pages using this styling

  • queerious [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Dosis:wght@200..800&display=swap');
  
  .echo {
      color: rgb(220 220 220);
      font-family: "Dosis", sans-serif;
      font-size: 1.8em;
      font-style: italic;
      font-weight: 400;
      margin: 1em 0em;
      text-align: center;
  }
  
  body {
      background-image: linear-gradient(
          to bottom,
          #1e1d1d, #5b535a 90px,
          #5b535a 90px, #715a6e 200px,
          #715a6e 200px, #937e90 100%);
      background-repeat: no-repeat;
  }
  
  .licensebox p{
      color: black !important;
  }
  
  #page-content hr{
    background-color: white !important;
  }
  
  #page-content p{
      color: rgb(220 220 220);
  }
  
  .banner {
      border: solid #a9a9a9 4px;
      .image-container {
          padding:0px;
      }
  }
  
  :root {
    --fade-in-delay: 0s;
      --header-title: "Queerious";
      --header-subtitle: "LESBIAN TERROR";
  }
  
  .wrapHeader {
    font-family: 'Montserrat', sans-serif;
    text-align: center;
    align-content: center;
    font-size: 1.5em;
    margin-bottom: 0;
    width: calc(80% + 10px);
    height: 50px;
    margin-left: auto;
    margin-right: auto;
    background-color: #61412D;
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
  }
  
  .wrapHeader p{
    color: black !important;
    margin: 0;
    text-shadow: 2px 0 #ebb35a, -2px 0 #ebb35a, 0 2px #ebb35a, 0 -2px #ebb35a,
  1px 1px #ebb35a, -1px -1px #ebb35a, 1px -1px #ebb35a, -1px 1px #ebb35a;
  }
  
  .wrapHeader a {
    color: black;
    text-shadow: 2px 0 #ebb35a, -2px 0 #ebb35a, 0 2px #ebb35a, 0 -2px #ebb35a,
  1px 1px #ebb35a, -1px -1px #ebb35a, 1px -1px #ebb35a, -1px 1px #ebb35a;
  }
  
  .wrapHeader a:visited {
    color: #565656;
  }
  
  .yui-content p{
      color: black !important;
  }
  
  .wrapFooter{
    width: calc(80% + 10px);
    height: 40px;
    display: grid;
    margin-top: 0;
    margin-left: auto;
    margin-right: auto;
    grid-template-areas:
      "L-Foot Middle R-Foot"
      "L-Cap mid-gap R-Cap";
    grid-template-columns: 1fr 15fr 1fr;
    grid-template-rows: 4fr 1fr;
  }
  
  .L-Foot {
    background-color: #61412D;
    grid-area: L-Foot;
    margin: 0;
  }
  
  .R-Foot {
    background-color: #61412D;
    grid-area: R-Foot;
    margin: 0;
  }
  
  .L-Cap {
    background-color: #ebb35a;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    grid-area: L-Cap;
  }
  
  .R-Cap {
    background-color: #ebb35a;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    grid-area: R-Cap;
  }
  
  .wrapper {
    text-align: center;
    height: 636px;
    width: 80%;
    border: 5px solid #61412D;
    position: relative;
    /* 3D */
    perspective: 1000px;
    display: grid;
    grid-template-areas:
      "top-left top-mid top-right"
      "mid-left mid-mid mid-right"
      "bot-left bot-mid bot-right";
    grid-template-rows: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
    margin-left: auto;
    margin-right: auto;
  }
  
  .wrapper > .top-left, .top-mid, .top-right, .mid-left, .mid-mid, .mid-right, .bot-left, .bot-mid, .bot-right {
    width: 100%;
    height: 100%;
    margin: 0;
  }
  
  .wrapper > .top-left {
    grid-area: top-left;
  }
  .wrapper > .top-mid {
    grid-area: top-mid;
  }
  .wrapper > .top-right{
    grid-area: top-right;
  }
  .wrapper > .mid-left {
    grid-area: mid-left;
  }
  .wrapper > .mid-mid {
    grid-area: mid-mid;
  }
  .wrapper > .mid-right{
    grid-area: mid-right;
  }
  .wrapper > .bot-left {
    grid-area: bot-left;
  }
  .wrapper > .bot-mid {
    grid-area: bot-mid;
  }
  .wrapper > .bot-right {
    grid-area: bot-right;
  }
  
  .panelBack {
    display: flex;
    width: 100%;
    height: 100%;
    background-size: contain;
    position: absolute;
    margin: 0;
    background-color: #95867e;
    flex-direction: column-reverse;
  }
  
  .shelf {
    display: block;
    width: 100%;
    height: 15px;
    background-color: #1b120d;
    margin-top: auto;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
  }
  
  .door {
    background-color: #61412D;
    height: 100%;
    width: 50%;
    position: absolute;
    /* inner layout */
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
    z-index: 3;
  }
  
  .left-door {
    top: 0;
    left: 0;
    border-right: 1px solid black;
    /* transition */
    transform-origin: left;
    transition: transform 0.5s;
  }
  
  .right-door {
    top: 0;
    right: 0;
    border-left: 1px solid black;
    /* transition */
    transform-origin: right;
    transition: transform 0.5s;
  }
  
  .shape {
    border: 4px solid black;
    width: 78%;
    height: 43%;
  }
  
  .knob {
    width: 17.5px;
    height: 17.5px;
    background-color: #ebb35a;
    position: absolute;
    border-radius: 30px;
  }
  
  .left-knob {
    top: 48.5%;
    right: 8px;
  }
  
  .right-knob {
    top: 48.5%;
    left: 8px;
  }
  
  /* Door swing effect */
  .wrapper:hover .left-door{
    transform: rotateY(-140deg);
  }
  
  .wrapper:hover .right-door{
    transform: rotateY(140deg);
  }
  
  /* Cabinet Items */
  
  .queer_item {
    background-color: grey;
    justify-content: center;
    margin: auto;
    display: flex inline;
  }
  
  .qtTop {
    margin-top: 10%;
  }
  .qtMid {
    margin-top: 8%;
  }
  .qtBot {
    margin-top: 6%;
  }
  
  .queer_item > img {
    object-fit: cover;
    z-index: 1;
  }
  
  .queer_item > a > img {
    position: relative;
    object-fit: cover;
    z-index: 1;
    width: 100%;
    height: 100%;
  }
  
  .queer_hover {
    font-size: 1.1em;
    visibility: hidden;
    width: 75%;
    height: auto;
    background-color: black;
    border: solid #f737b0 2px;
    border-radius: 10px;
    position: fixed;
    z-index: 7;
    color: white;
    margin: 36% auto auto auto;
    padding: 10px 1em;
  }
  
  .queer_hover a {
    color: white;
  }
  
  .queer_hover a:visited {
    color: white;
  }
  
  .queer_hover hr {
    background-color: white !important;
  }
  
  .queer_item:hover .queer_hover {
    visibility: visible;
  }
  
  .mobileImage {
    display: none;
  }
  
  .defaultImage {
    display: inline;
  }
  
  /* MOBILE FORMATTING */
  
  @media screen and (max-width: 800px){
  
  .mobileImage {
    display: inline;
  }
  
  .defaultImage {
    display: none;
  }
  
  .wrapper {
    height: 90%;
    width: 90%;
  }
  
  .wrapHeader {
    width: calc(90% + 10px);
    font-size: 1.1em;
  }
  
  .wrapFooter {
    width: calc(90% + 10px);
  }
  
  .qtTop {
    margin-top: 40%;
  }
  .qtMid {
    margin-top: 35%;
  }
  .qtBot {
    margin-top: 32%;
  }
  
  .mblLeft {
    left: -5%;
  }
  
  .mblRight {
    right: -5%;
  }
  
  .top-left, .mid-left, .bot-left > .queer_item:hover .queer_hover {
    
  }
  
  }
  
  .collapsible-block-folded > a.collapsible-block-link {
    color: white;
    font-weight: 400;
  }
  .collapsible-block-unfolded-link > a.collapsible-block-link {
    color: white;
    font-weight: 400;
  }
  
  .colSizeUp a.collapsible-block-link {
    font-size: 2.5em;
  }
  
  .collapsible-block-content > .blockquote p{
    text-align: initial;
  }
  
  #login-status, #login-status a {
      color: white;
  
      #account-options {
          color: #333333;
  }
  
  }
  

  Pages using this styling

  • queerious [info]

  ¶ 1 occurrence
  

  .sunset{
      height:auto;
      width:auto;
      background-color:black;
      margin-top:0px;
      background:linear-gradient(to right bottom, #ec381e, #de0040, #c40058, #9f006a, #720074, #5f0576, #480c77, #2b1177, #391178, #441178, #4e1179, #581179);
      padding:15px;
      margin-left 5px;
      margin-right 5px;
      font-size:14px;
      font-family:"verdana", sans-serif;
  }

  Pages using this styling

  • queen-of-sheboygan [info]

  ¶ 1 occurrence
  

  :root {
      --header-title: "THE BRUH CLUB";
      --header-subtitle: "bruh";
          --logo-image: url(http://scp-wiki.wikidot.com/local--files/art:inkscapetober-day-6-spirit/Quadraginta.png);
      --background: linear-gradient(0.25turn, #700202, #e39191 , #700202);
     
  }

  Pages using this styling

  • quadraginta-s-bruh-club [info]

  ¶ 1 occurrence
  

  :root {
  --primcolor: orange;
  --secocolor: white;
  }

  Pages using this styling

  • qq-s-stuff [info]

  ¶ 1 occurrence
  

  
  
  /*
      Infinite Riches Theme
      [2025 Wikidot Theme]
      by Fish^12
  */
  
  
  @import url('https://fonts.googleapis.com/css2?family=STIX+Two+Text:ital,wght@0,400..700;1,400..700&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Roboto+Flex:opsz,wght@8..144,100..1000&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Zen+Old+Mincho&display=swap');
  @import url('https://fonts.googleapis.com/css?family=EB+Garamond:500&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=IM+Fell+French+Canon:ital@0;1&display=swap');
  
  
  .fancytext {
  font-family:"EB Garamond";
  font-size:120%;
  }
  
  .elevator {
  font-family:"IM Fell French Canon";
  font-size:150%;
  }
  

  Pages using this styling

  • put-it-all-on-black [info]

  ¶ 1 occurrence
  

  /* ==== FONTS ==== */
  
   @import url(https://fonts.googleapis.com/css2?family=Permanent+Marker&display=swap);
  
  /* == COMMON == */
  
   :root {
      --part: "Permanent Marker", cursive;
  }
  
  /* == ALL CHAPTERS == */
  
   .lite-heading.extra-wide {
      position: relative;
      left: calc(-33vw + 50%);
      width: 66vw;
      max-width: 66vw;
  
      background:
         linear-gradient(
      	to right,
      	transparent,
      	var(--fgColor) 10% 90%,
      	transparent);
  }
  
   .lite-heading.extra-wide hr {
      height: .3rem;
  
      background:
         linear-gradient(
      	to right,
      	transparent,
      	var(--accentColor) 10% 90%,
      	transparent);
      border: 0;
  }
  
   .lite-heading.extra-wide h1 {
      background:
         -webkit-linear-gradient(
      	var(--accentColor) 55%,
      	transparent 85%);
      -webkit-background-clip: text;
  
      -webkit-text-fill-color: transparent;
      font-size: 2.95rem;
      letter-spacing: .4rem
  }
  
   .lite-heading.extra-wide h3 {
      margin-bottom: .7em;
  
      font-size: 1.95rem;
      letter-spacing: .2rem
  }
  
   @media (max-width: 767.9px) {
       .lite-heading.extra-wide {
      	left: unset;
      	width: unset;
      	max-width: unset;
      }
  }
  
   @media (max-width: 575.9px) {
       .lite-heading.extra-wide h1 {
      	background:
      	   -webkit-linear-gradient(
      		var(--accentColor) 25%,
      		transparent 95%);
      	-webkit-background-clip: text;
      }
  }
  
   h2, h4 {
      color: var(--textColorMid);
      filter: none;
  }
  
   .scene-break.break-hydra {
      filter: invert(77%) sepia(24%) saturate(1063%) hue-rotate(78deg) brightness(87%) contrast(88%);
  }
  
  /* == EARTHWORM SERIES NAVIGATOR == */
  /**
   *	By Croquembouche
  **/
  
   #page-content .earthworm .hub {
      background: var(--accentColorLite);
      border-color: transparent;
  }
  
   #page-content .earthworm .hub a {
      color: var(--keyColor);
  }
  
  /* == CHAPTER-SPECIFIC == */
  
   .ii {
      color: var(--textColorMid);
      font: 2.05rem var(--part);
      letter-spacing: 2px;
  }
  
   .baetyl {
      --fgColor: hsla(108, 29%, 10%, .67);
      padding: .53rem 1rem;
  
      color: var(--textColorLow);
      background-color: var(--fgColor);
      border-radius: 2rem;
  }
  
   h4 span.bi-pride {
      background:
         linear-gradient(
      	90deg,
      	hsl(328, 86%, 65%),
      	hsl(304, 55%, 65%) 45%,
      	hsl(304, 55%, 65%) 55%,
      	hsl(221, 81%, 65%));
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
  }

  Pages using this styling

  • pursuing-ghosts-part-2 [info]

  ¶ 1 occurrence
  

  /* ==== FONTS ==== */
  
   @import url(https://fonts.googleapis.com/css2?family=Permanent+Marker&display=swap);
   @import url(https://fonts.googleapis.com/css2?family=Orbitron:wght@600&display=swap);
  
  /* == COMMON == */
  
   :root {
      --part: "Permanent Marker", cursive;
      --alarm: "Orbitron", sans-serif;
  }
  
  /* == ALL CHAPTERS == */
  
   .lite-heading.extra-wide {
      position: relative;
      left: calc(-33vw + 50%);
      width: 66vw;
      max-width: 66vw;
  
      background:
         linear-gradient(
      	to right,
      	transparent,
      	var(--fgColor) 10% 90%,
      	transparent);
  }
  
   .lite-heading.extra-wide hr {
      height: .3rem;
  
      background:
         linear-gradient(
      	to right,
      	transparent,
      	var(--accentColor) 10% 90%,
      	transparent);
      border: 0;
  }
  
   .lite-heading.extra-wide h1 {
      background:
         -webkit-linear-gradient(
      	var(--accentColor) 55%,
      	transparent 85%);
      -webkit-background-clip: text;
  
      -webkit-text-fill-color: transparent;
      font-size: 2.95rem;
      letter-spacing: .4rem
  }
  
   .lite-heading.extra-wide h3 {
      margin-bottom: .7em;
  
      font-size: 1.95rem;
      letter-spacing: .2rem
  }
  
   @media (max-width: 767.9px) {
       .lite-heading.extra-wide {
      	left: unset;
      	width: unset;
      	max-width: unset;
      }
  }
  
   @media (max-width: 575.9px) {
       .lite-heading.extra-wide h1 {
      	background:
      	   -webkit-linear-gradient(
      		var(--accentColor) 25%,
      		transparent 95%);
      	-webkit-background-clip: text;
      }
  }
  
   h2, h4 {
      color: var(--textColorMid);
      filter: none;
  }
  
   .scene-break.break-hydra {
      filter: invert(77%) sepia(24%) saturate(1063%) hue-rotate(78deg) brightness(87%) contrast(88%);
  }
  
  
  /* == EARTHWORM SERIES NAVIGATOR == */
  /**
   *	By Croquembouche
  **/
  
   #page-content .earthworm .hub {
      background: var(--accentColorLite);
      border-color: transparent;
  }
  
   #page-content .earthworm .hub a {
      color: var(--keyColor);
  }
  
  /* == CHAPTER-SPECIFIC == */
  
   .i {
      color: hsl(196, 94%, 67%);
      font: 2.05rem var(--part);
      letter-spacing: 2px;
  }
  
   .alarm-clock {
      animation: 1s flash cubic-bezier(1,0,0,1) infinite alternate;
      color: var(--bright-red);
      
      font: 4.95rem var(--alarm);
  }
  
   @keyframes flash {
       0%, 100% {
      	color: var(--bright-red);
      }
  
       50% {
      	color: transparent;
      }
  }
  
   .baetyl {
      --fgColor: hsla(108, 29%, 10%, .67);
      padding: .53rem 1rem;
  
      color: var(--textColorLow);
      background-color: var(--fgColor);
      border-radius: 2rem;
  }
  
   .journal.spec_1 {
      -webkit-mask-image:
         linear-gradient(
      	hsla(0, 0%, 0%, .95),
      	hsla(0, 0%, 0%, 0) 95%);
      height: 42.13rem;
      margin-bottom: -44rem;
  }
  
   .journal.spec_2 {
      position: relative;
  
      background: 0;
      border: 0;
  }
  
   .journal p {
      color: var(--textColorMid);
  }
  
   a.bi-pride {
      background:
         linear-gradient(
      	90deg,
      	hsl(328, 86%, 65%),
      	hsl(304, 55%, 65%) 45%,
      	hsl(304, 55%, 65%) 55%,
      	hsl(221, 81%, 65%));
      -webkit-background-clip: text;
      border-image:
         linear-gradient(
      	90deg,
      	hsl(328, 86%, 65%),
      	hsl(304, 55%, 65%) 45%,
      	hsl(304, 55%, 65%) 55%,
      	hsl(221, 81%, 65%)) 1;
      border-top: 0;
      border-right: 0;
      border-left: 0;
  
      font-weight: bold;
      -webkit-text-fill-color: transparent;
  }
  
   a.bi-pride:hover {
      background:
         linear-gradient(
      	90deg,
      	hsl(328, 86%, 65%),
      	hsl(304, 55%, 65%) 45%,
      	hsl(304, 55%, 65%) 55%,
      	hsl(221, 81%, 65%));
      -webkit-text-fill-color: black;
  }

  Pages using this styling

  • pursuing-ghosts-part-1 [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Anton&family=Playfair+Display+SC&display=swap');
  
  #page-title {
      display: none;
  }
  
  div.newspaper-border {
      border: 1px solid black;
  }
  
  div.newspaper-main {
      font-family: 'Special Elite', sans-serif;
  }
  
  div.newspaper-title {
      font-family: 'Playfair Display SC', serif;
      font-size: 4em;
      text-align: center;
      margin: 0.25em;
  }
  
  div.newspaper-banner {
      font-family: serif;
      font-size: 110%;
      border-top-style: solid;
      border-bottom-style: solid;
  }
  
  div.newspaper-headline {
      font-family: 'Anton', serif;
      margin: 2px 0 5px;
      text-align: center;
  }
  
  div.newspaper-reporter {
      font-family: serif;
      font-size: 120%;
      font-style: italic;
      text-align: center;
  }
  
  div.newspaper-body {
      font-family: serif;
      font-size: 1.2em;
      text-align: justify;
      text-justify: inter-word;
      line-height: 1.4em;
      padding: 1em;
  }
  
  div.newspaper-body div.scp-image-block {
      margin: 0.5em 0 0 1em;
  }
  
  div.rejection {
      border: 4px solid #ff4040;
      border-radius: 30px;
      font-weight: bold;
      color: #ff4040;
      text-align: center;
      margin: 0.5em;
  }
  
  div.rejection-wrap {
       transform: rotate(-3.8deg);
       width: 25vw;
       margin-bottom: 1em;
       margin-left: 3em;
  }
  
  @media only screen and (max-width: 768px) {
      div.rejection-wrap {
          min-width: 60vw;
          width: 70vw;
          margin-left: -3em;
      }
  }
  
  div.appeal {
      margin-top: 5em;
  }
  
  blockquote .inner,
  div.blockquote .inner {
      border: .0625rem dashed rgba(var(--swatch-border-color), .95);
      box-shadow: none;
  }

  Pages using this styling

  • pumpkin-mystery [info]

  ¶ 1 occurrence
  

  
  .email {
  border: solid 2px #ffffff;
  padding: 1px 15px;
  margin: 10px;
  box-shadow: 0 1px 3px rgba(0,0,0,.5)
  }
  
  .tofrom {
  margin-left: 10px;
  margin-top: 5px;
  padding: 1px 15px;
  border-left: solid 3px #0b729e}
  

  Pages using this styling

  • pulse-not-shockable [info]

  ¶ 1 occurrence
  

  /*---- IMPORTS ----*/
  @import url('https://fonts.googleapis.com/css2?family=Saira:wght@400;700&display=swap');
  
  /*---- THEME ----*/
  :root {
    --logo: url(https://scp-wiki.wdfiles.com/local--files/retrieval/dark.png);
    --header-title:  "GLOBAL OCCULT COALITION";
    --subtitle: "Humanity's Anchor";
    --title-size: 1rem;
    --subtitle-size: 0.75rem;
    --basalt-bright-element-color: 118, 185, 232;
    --basalt-dark-element-color: 94, 114, 128;
  }
  :root {
      --UI-font-primary: 'Saira';
      font-size: 110%;
  }
  
  body {
      background: url('https://scp-wiki.wdfiles.com/local--files/pulse-not-shockable/pns.png') top center repeat-x;
      background-size: 150em;
      background-color: #050505;
  }
  

  Pages using this styling

  • pulse-not-shockable [info]

  ¶ 1 occurrence
  

  .body-text {
  
      border:solid 1px #999999;
      background:#f2f2c2;
      margin: 2% 13% 2% 9%;
      padding: 5px 20px 5px 20px;
      margin-bottom: 10px;
  }
  
  .text4desk {
      width: 70%;
      margin: auto;
  }
  
  @media only screen and (max-width: 600px) {
  
      .body-text {
          margin: 0% 4% 0% 4%;
      }
  
      .text4desk {
          width:100%;
      }

  Pages using this styling

  • pukae [info]

  ¶ 1 occurrence
  

  /* HEADER */
   :root{
     --header-title: "An Leabharlann Fánaithe";
     --header-subtitle: none;
     --lgurl: url(https://scp-wiki.wdfiles.com/local--files/scattersomnia/QueerLibrary.png);
  }
  /* INFO BOX */
   .info-container{
       --barColour: hsl(117, 100%, 15%);
       --linkColour: hsl(47, 100%, 68%);
  }
   .wanderers-note{
       margin: 1em 0;
       padding: 0 1em;
  
       background: hsl(57, 100%, 93%);
       border: 2px solid hsl(120, 100%, 15%);
  }
  .rating {
  margin: 2rem;
  background: #fff;
  padding: .3rem 1.5rem;
  border-radius: 2rem;
  box-shadow: 3px 3px 5px 2px rgba(0,0,0,0.15);
  border-top: 4px solid green;
  }
  
  .rating hr {
      border-top: 2px solid green;
  }
  
  .ratee:before {
    content: "RATING: ";
    font-size: 1rem;
    color: green;
  }
  
  .ratee {
      font-family: 'Roboto Slab', serif;
      font-size: 125%;
  }
   #header h1 a::before{
       font-family: unset;
  }

  Pages using this styling

  • publin [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Slabo+27px&display=swap');
  
  .slabo-27px-regular {
    font-family: "Slabo 27px", serif;
    font-weight: 400;
    font-style: normal;
  }
  .rate-box-with-credit-button {
      background-color: #222e59!important;
      border: 1px solid #0c1121!important;
      border-radius: 5px !important;
      box-shadow: 1px 1px 3px rgba(0,0,0,.5) !important;
  }
  .rate-box-with-credit-button .creditButton p a {
      border-left-color: #0c1121!important;
  }
  .rate-box-with-credit-button .page-rate-widget-box .cancel {
      border-radius: 0;
  }
  .rate-box-with-credit-button .page-rate-widget-box .rate-points {
      border-left: 0;
  }
  
  div.goc table {
    width: 100%;
  }
  div.goc th {
    width: 25%
  }
  
  
  div.aoi {
      width: 90%;
      margin: 1em auto 1em auto;
      padding: 1em;
      border: 1px solid black;
      display: block;
      background-color: #e0e2db;
  }
  .aoi blockquote {
      background-color: inherit;
  }
  
  div.paper {
      width: 90%;
      margin: 1em auto 1em auto;
      background-color:#f0d7b9;
      box-shadow: 4px 6px 8px #a98;
      padding: 1em;
      display: block;
  }
  .paper a:link {
    color: #824565;
  }
  .paper a:visited {
    color: #63173f;
  }
  .paper a:hover {
    text-decoration: underline;
  }
  
  /*
      Third Law Canon, Dead King's March Theme
      [2025 Wikidot Theme]
      A variant of the Third Law Theme created by Anorrack.
      Based on SCP Sigma 9 Theme created by Aelanna and Dr Devan and the deprecated Sapphire Theme by stormbreath, Lt Flops, and Uncle Nicolini.
      The Station font was created by Nick Matavka and is licensed under the SIL Open Font License.
      The Cuneiform God logo ("DINGR") was created by Geoff Richards and falls under the public domain.
  */
   
  h1, #page-title {
      color: #003153;
  }
   
  #page-title {
      border-color: #315B7D;
  }
   
  body {
      background-color:  #e5e5e5;; /* page background*/
       color: #0c0c0c;
   
       --neutral: #e5e5e5;
       --key: #17181c;
       --sapphire-muted: #151a61;
       --sapphire: #000880;
       --sapphire-mid: #2634f2;
       --sapphire-light: #666999;
       --white-sapphire: #ebebf0;
       --gray-sapphire: #5b5b5d;
       --light: #bbb;
       --mid-light: #999;
       --mid: #9b9ca1;
       --mid-dark: #666;
       --dark: #333;
       --grad-1: #5b5b5b;
       --grad-2: #878787;
       --bone-white: #e9ebf0
  }
   
  div#container-wrap {
      background-image: url(https://scp-wiki.wdfiles.com/local--files/theme%3Asapphire/sapphire-body-bg.png);
  }
   
  /* COMMON */
   h1,
   #page-title {
       color: var(--sapphire-muted);
  }
   h1 {
       margin-top: 0;
       padding: 0;
       font-weight: bold;
  }
   #page-title {
       border-color: #0d0e26;
  }
   a {
       color: var(--sapphire-muted);
  }
   a.newpage {
       color: var(--sapphire-light);
       font-weight: bold;
  }
   #side-bar a {
       color: var(--sapphire-muted);
  }
   a:visited {
       color: var(--sapphire);
  }
   a.collapsible-block-link {
       font-weight: bold;
  }
   
  #header {
      background-image: url(http://scp-sandbox-3.wikidot.com/local--files/anorrack-iv/god_white.png);
  background-repeat: no-repeat;
      background-size: 110px;
      background-position: 0px 50px;
  }
   
   
  #search-top-box-input {
      border: solid 1px #0c1121;
      color: var(--bone-white);
      background-color: #640d14;
  }
   
  #search-top-box-input:hover,
  #search-top-box-input:focus {
      border: solid 1px #bfc3d4;
      color: var(--bone-white);
      background-color: #e85f5c;
  }
  #search-top-box-form input[type=submit] {
      border: solid 1px #0c1121;
      color: var(--bone-white);
      background-color: #640d14;
      background: linear-gradient(to bottom, #640d14,#7f1023);
  }
   
  #search-top-box-form input[type=submit]:hover,
  #search-top-box-form input[type=submit]:focus {
      border: solid 1px #bfc3d4;
      color: var(--bone-white);
      background-color: #640d14;
      background: linear-gradient(to bottom, #7f1023,#640d14);
  }
  
  #header h1 a::before {
      content: "𒐁RD LAW";
      color: var(--bone-white);
  }
   
  #header h2 span::before {
      content: "RULE HELL THROUGH VIOLENCE";
      color: #ff0000;
  }
  
   
  #search-top-box-input {
       border: solid 1px var(--neutral);
       color: var(--sapphire-mid);
       background-color: var(--key);
  }
   #search-top-box-input:hover,
   #search-top-box-input:focus {
       border: solid 1px var(--white-sapphire);
       color: white;
       background-color: var(--gray-sapphire);
  }
   #search-top-box-form input[type=submit] {
       border: solid 1px var(--neutral);
       color: var(--neutral);
       background-color: var(--dark);  
       background: linear-gradient(to bottom, var(--grad-2), var(--grad-1), var(--dark));
  }
   #search-top-box-form input[type=submit]:hover,
   #search-top-box-form input[type=submit]:focus {
       border: solid 1px white;
       color: white;
       text-shadow: 0 0 1px rgba(255,255,255,.25);
       background-color: var(--mid);
       background: linear-gradient(to bottom, var(--neutral), var(--grad-2), var(--grad-1));
  }
   #login-status {
       color: var(--neutral);
  }
   #login-status a {
       color: var(--neutral);
  }
   #login-status ul a {
       color: var(--sapphire);
  }
   #account-topbutton {
       background: var(--light);
       color: var(--sapphire);
  }
   
  /* TOP MENU */
   #top-bar a {
       color: var(--light);
  }
   #top-bar ul li ul {
       border: solid 1px var(--mid-dark);
       box-shadow: 0 2px 6px rgba(0,0,0,.5);
  }
   #top-bar ul li a {
       border-left: solid 1px rgba(64,64,64,.1);
       border-right: solid 1px rgba(64,64,64,.1);
  }
   #top-bar ul li.sfhover a,
   #top-bar ul li:hover a {
       background: var(--dark);
       color: var(--neutral);
       border-left: solid 1px rgba(64,64,64,1);
       border-right: solid 1px rgba(64,64,64,1);
  }
   #top-bar ul li.sfhover ul li a,
   #top-bar ul li:hover ul li a {
       border-top: 1px solid var(--dark);
  }
   #top-bar ul li.sfhover a:hover,
   #top-bar ul li:hover a:hover {
       background: var(--mid-light);
  }
   #top-bar ul li ul a,
   #top-bar a:hover {
       color: var(--neutral);
  }
   
  /* SIDE MENU */
   .menu-item > .image {
       filter: hue-rotate(236deg) saturate(50%) brightness(111%) !important;
       -webkit-filter: hue-rotate(236deg) saturate(50%) brightness(111%) !important;
  }
   #side-bar .side-block {
       border: 1px solid var(--dark);
       background: var(--neutral);
       border-radius: 0px;
       box-shadow: 0 2px 6px rgba(102,102,102,.5);
  }
   #side-bar .heading {
       color: var(--dark);
       border-bottom: solid 1px #000880;
       border-bottom: solid 1px var(--sapphire);
  }
   #side-bar p {
       margin: 0;
  }
   #side-bar div.menu-item {
       margin: 2px 0;
  }
   #side-bar .collapsible-block-folded {
       background: none;
  }
   #side-bar .collapsible-block-unfolded-link {
       border-bottom: solid 1px var(--dark);
  }
   #side-bar .collapsible-block-unfolded-link .collapsible-block-link {
       color: var(--dark);
  }
   #side-bar .collapsible-block-unfolded-link .collapsible-block-link:hover {
       color: var(--mid-dark);
  }
   #side-bar .floating-ad img {
       border-radius: 0px;
       filter: hue-rotate(236deg) saturate(50%) brightness(111%);
       -webkit-filter: hue-rotate(236deg) saturate(50%) brightness(111%);
  }
   
  /* SIDEBAR CHANGES PER NAV UPDATE */
   #side-bar .side-block[style="background-color: #fff0f0;"] {
       background-color: var(--neutral) !important;
  }
   #side-bar .side-block[style="background-color: #e5e5ff;"] {
       background-color: var(--neutral) !important;
  }
   
  /* YUI-TABS */
   .yui-navset .yui-content {
       background-color: var(--neutral);
  }
   .yui-navset .yui-nav a,
   .yui-navset .yui-navset-top .yui-nav a {
       background-color: var(--dark);
  }
   .yui-navset .yui-nav .selected a,
   .yui-navset .yui-nav .selected a:focus, /* NO FOCUS EFFECT FOR SELECTED */
   .yui-navset .yui-nav .selected a:hover { /* NO HOVER EFFECT FOR SELECTED */
       background: var(--dark); /* SELECTED TAB BACKGROUND */
       color: white;
  }
   .yui-navset .yui-nav a:hover,
   .yui-navset .yui-nav a:focus {
       background: var(--light);
       text-decoration: none;
  }
   .yui-navset .yui-nav,
   .yui-navset .yui-navset-top .yui-nav {
       border-color: var(--dark);
  }
   .yui-navset li {
       line-height: normal;
  }
   
  /* AYERS' INFO MODULE */
   :root {
       --cutColour: #050505;
       --barColour: var(--sapphire-muted);
  }
   
  /* INFO PANE */
   .rate-box-with-credit-button {
       background-color: var(--sapphire-muted) !important;
       border: 1px solid var(--sapphire-muted) !important;
       border-radius: 0 !important;
       box-shadow: 1px 1px 3px rgba(0,0,0,.5) !important;
  }
   .rate-box-with-credit-button .creditButton p a {
       border-left-color: var(--sapphire-light) !important;
  }
   .rate-box-with-credit-button .page-rate-widget-box .cancel {
       border-radius: 0;
  }
   .rate-box-with-credit-button .fa-info:hover {
       color: var(--sapphire-light) !important;
  }
   .rate-box-with-credit-button .page-rate-widget-box .rate-points {
       border-left: 0;
  }
   .close-credits {
       filter: hue-rotate(236deg);
  }
   .modalbox {
       box-shadow: 0 1px 10px rgba(39,51,221,.3) !important;
  }
  
   @media (max-width: 767px) {
       #top-bar .open-menu a {
           border: 0.2em solid var(--mid-light);
           background-color: white;
           color: var(--mid-light);
      }
       #side-bar {
           background-color: var(--sapphire-light);
      }
   
  #header h1 a::before {
          content: "𒐁RD LAW";
          font-size: 6vw;
          padding-inline-start: 55px;
      }
   
   
      #header h2 span::before {
          content: 'HELL, VIOLENCE';
          padding-inline-start: 55px;
      }
  }
  
  /* RATING MODULE */
   div.page-rate-widget-box .rate-points {
       background-color: var(--sapphire-muted);
       border: solid 1px var(--sapphire-muted);
       border-radius: 0;
  }
   .page-rate-widget-box .rateup,
   .page-rate-widget-box .ratedown {
       background-color: var(--neutral);
       border-top: solid 1px var(--sapphire-muted);
       border-bottom: solid 1px var(--sapphire-muted);
       font-weight: bold;
  }
   .page-rate-widget-box .rateup a,
   .page-rate-widget-box .ratedown a {
       background: none;
       color: var(--sapphire-muted);
       padding: 0 4px;
       margin: 0 1px;
  }
   .page-rate-widget-box .rateup a:hover,
   .page-rate-widget-box .ratedown a:hover {
       background: var(--sapphire-muted);
       color: white;
       text-decoration: none;
  }
   .page-rate-widget-box .cancel {
       background-color: var(--sapphire-muted);
       border: solid 1px var(--sapphire-muted);
       border-left: 0;
       border-radius: 0;
  }
   .page-rate-widget-box .cancel a {
       background: transparent;
       color: var(--sapphire-light);
  }
   .page-rate-widget-box .cancel a:hover {
       border-radius: 0;
       background: var(--sapphire-muted);
       color: white;
       text-decoration: none;
  }
   @media (max-width: 767px) {
       #top-bar .open-menu a {
           border: 0.2em solid var(--mid-light);
           background-color: white;
           color: var(--mid-light);
      }
       #side-bar {
           background-color: var(--sapphire-light);
      }
  }

  Pages using this styling

  • ptt-1666-gray-templum [info]

  ¶ 1 occurrence
  

  .staticTransition {
      background-image: url(https://scp-wiki.wdfiles.com/local--files/pseudogenesis-productions-hub/Vhs_Glitch-cropped-flipped.gif);
      background-position-x: center;
      background-clip: border-box;
      width: 100%;
      height: 0.15em;
      overflow: hidden;
      background-size: cover;
      padding: 0em 1.5em;
      margin-left: -1.5em;
  }

  Pages using this styling

  • pseudoguilt [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Play:wght@400;700&display=swap');
  
  body {
      background: #150301;
  }
  
  #page-content :is(h1,h2,h3,h4,h5,h6) {
      font-family: "Vast Shadow", serif;
      font-weight: normal;
  }
  
  .queerbox_large {
      text-align: center;
      margin-top: 1em;
  }
  
  .queerbox_large hr {
      margin: 1em !important;
  }
  
  .queerbox_large .scp-image-block .scp-image-caption{
      display: none;
  }
  
  .queerbox_large .scp-image-block {
      margin: 0 1em 1em;
  }
  
  #wiki-tabview-0b15726b2dba49d4c9b6ac18f2dc404c {
      border: 4px solid var(--accent-color);
  }
  
  .yui-navset .yui-nav, .yui-navset .yui-navset-top {
      width: 100%;
  }
  
  .yui-content {
      padding-right: 1.5em !important;
      padding-left: 1.5em !important;
  }
  
  #page-content :is(p, li) {
      font-family: "Play", sansserif;
      font-weight: normal;
      font-size: 1.3em;
  }
  
  :root {
      --header-title: "Pseudogenesis Productions";
      --header-subtitle: "Life Imitates Art";
      --fade-in-delay: 0s;
  }
  
  div#extra-div-1 {
      background-image: url(https://scp-wiki.wdfiles.com/local--files/pseudogenesis-productions-hub/Curtain_Fix.jpg);
      background-position-y: top;
      height: 100%;
      background-size: contain;
  }
  
  #header h1 {
      font-size: 1.4em;
  }
  
  #header h2 {
      font-size: 1.3em !important;
  }
  
  .staticTransition {
      background-image: url(https://scp-wiki.wdfiles.com/local--files/pseudogenesis-productions-hub/Vhs_Glitch-cropped-flipped.gif);
      background-position-x: center;
      background-clip: border-box;
      width: 100%;
      height: 4em;
      overflow: hidden;
      background-size: cover;
      padding: 0em 1.5em;
      margin-left: -1.5em;
  }
  

  Pages using this styling

  • pseudogenesis-productions-hub [info]

  ¶ 1 occurrence
  

  :root {
      --logo: url(http://scp-wiki.wikidot.com/local--files/psc-7463/Logo);
      --title: "PSC UNION";
      --subtitle: "Planetary Security Council";
  }

  Pages using this styling

  • psc-7463 [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css?family=Special+Elite');
  
  div.blockquote{
      border-radius: 25px;
      background-color: white;
      text-align: center;
  }
  .poster{
      background: url('https://scp-wiki.wdfiles.com/local--files/theme%3Aaces-and-eights/paper.jpg');
      border : dashed 1px #444444;
  }
   #page-title{
       text-align: center;
  }
  #license-area a::after {
      content: '.'
  }
   .journal{ /* ---- Journal Block (Adapted From 'SCP-4003') (and then i stole it from floops) ---- */
       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;
  }

  Pages using this styling

  • providence [info]

  ¶ 1 occurrence
  

  #container {
      background-image: linear-gradient(
          to bottom,
          transparent 170px,
          #fff 320px
      ),
      url(https://scp-sandbox-3.wdfiles.com/local--files/protectors-of-inti-001/Sacsayhuam%C3%A1n_darker);
  
      background-repeat: no-repeat;
  
      background-position: 0 0, 0 162px;
  
      background-size: contain;
  }
  
  @media screen and (min-width: 1000px) {
      #container {
          background-image: linear-gradient(
              to bottom,
              transparent 170px,
              #fff 600px
          ),
          url(https://scp-sandbox-3.wdfiles.com/local--files/protectors-of-inti-001/Sacsayhuam%C3%A1n_darker);
      }
  }
  
  @media screen and (min-width: 1650px) {
      #container {
          background-image: linear-gradient(
              to bottom,
              transparent 170px,
              #fff 850px
          ),
          url(https://scp-sandbox-3.wdfiles.com/local--files/protectors-of-inti-001/Sacsayhuam%C3%A1n_darker);
      }
  }
  
  #page-title {
      color: white;
      font-weight: 900;
  }
  
  th > sup {
      top: 0em;
  }
  
  blockquote {
      border: none;
      background-color: #fff;
  

  Pages using this styling

  • protectors-of-inti-001 [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Staatliches&display=swap');
  
  .transcript {
      padding: 10px 10px 10px 10px;
      box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
      width: 80%;
      margin: auto;
      background: url("http://sandboxscp-el.wdfiles.com/local--files/zagsz/EL") rgb(253, 253, 253);
      background-size: contain;
      background-position: top center;
      background-repeat: no-repeat;
      background-opacity: 0.0;
      border: dotted 1px #5D5D5D;
      border-radius: 10px;
  }

  Pages using this styling

  • protasi-tou-ags [info]

  ¶ 1 occurrence
  

  
  :root {
      --title: "THE EM LAB";
      --subtitle: "TO KEEP US ALL SAFE";
  }
  

  Pages using this styling

  • protasi-tou-ags [info]

  ¶ 1 occurrence
  

  .letterhead {
    max-width: 80%;
    max-height: 50px;
    width: auto;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 1em;
  }

  Pages using this styling

  • prometheus-labs-hub [info]

  ¶ 1 occurrence
  

  :root {
  --header-title: "HOST DIVISION";
  --header-subtitle: "call me when you've killed the gods";
  --lgurl: url(http://scp-wiki.wikidot.com/local--files/tactical-theology-hub/TactTheo%20East%20Asian%20Small.png);
  }

  Pages using this styling

  • prologue-ghosted-by-amaterasu-well-only-sort-of-because-it-s [info]

  ¶ 1 occurrence
  

   :root{
  
     /* -- COLORS -- */
       --accentColor: white;
       --accentColorLite: white;
       --hue: hue;
    /* -- LOGO -- */
       --lgurl: url(http://scp-pl.wdfiles.com/local--files/pieklo-cycow-hub/hunterindustrieslogo);
     /* -- TITLES -- */
       --header-title: "Hunter Industries";
       --header-subtitle: "Open yourself to our products";
  }
  /* Basic message code */
  .text-container .text {
    border-radius: 18px;
    text-align: left;
    display:inline-block;
    padding:8px 12px;
    font-weight:500;
    margin:1.5px 10px;
    max-width: 300px;
  }
   
  /* Container for "received" messages */
  .recv {
    text-align: left;
    margin-right:20px;
  }
   
  /* Container for "sent" messages */
  .sent {
    text-align: right;
    margin-left:20px;
  }
  .sent .text {
    border-bottom-right-radius: 3px;
    background-color: #267AE9;
    color: white;
  }
  .recv .text {
    border-bottom-left-radius: 3px;
    background-color: #dadada;
    color: black;
  }
   
  /* Fancy stuff on the corners of messages with another message from same person above them */
  .sent .text:not(:first-child) {
    border-top-right-radius: 4px;
  }
  .recv .text:not(:first-child) {
    border-top-left-radius: 4px;
  }
   
  .text-container p {
    margin:0 0 15px;
  }
  

  Pages using this styling

  • projekt-aplikacji-malphas [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css?family=Cinzel');
  @import url('https://fonts.googleapis.com/css?family=Anton');
  @import url('https://fonts.googleapis.com/css?family=Pinyon+Script');
  #page-title { display: none; }
  
  /*
      The Anton font was created by Vernon Adams and is licensed under the Open Font License
      The Cinzel font was created by Natanael Gama and is licensed under the Open Font License
      The Pinyon Script font was created by Nicole Fally and is licensed under the Open Font License
  */
  
  #header h1 a, #header h2 span {
      font-family: 'Inter';
      font-weight: bold;
  }
  
  @media not all and (max-width: 767px) {
  #main-content {
      max-width: 47.25rem;
  }
  }
  
  :root {
      --light-accent: #d7003a;
      --dark-accent: #B30030;
      --hyperlink: #d7003a;
      --hyperlink-visited: #B30030;
  }
  
  div#container-wrap {
      background: url(https://scpdsandbox.wdfiles.com/local--files/niewidzialna-reka-wolnego-rynku/ar_bg.png) top left repeat-x;
  }
  
  #main-content {
      border-left: none;
  }
  
  #header {
      background-image: url(https://scp-wiki.wdfiles.com/local--files/drzewa-wolnosci/joicl.png);
  }
  
  @media (min-width: 980px) {
      #header {
          background-position: 1.8em 3.3em;
      }
  }
  
  #header::before {
      display: none;
  }
  
  #header h1 a::before {
      content: "JOICL";
  }
  
  #header h2 span::before {
      content: "Creating New Life";
  }
  
  #page-title {
    display: none;
  }
  
  @import url('https://fonts.googleapis.com/css?family=Cinzel');
  @import url('https://fonts.googleapis.com/css?family=Anton');
  @import url('https://fonts.googleapis.com/css?family=Pinyon+Script');
  @import url('https://fonts.googleapis.com/css?family=Lato:400,900|PT+Mono|Poppins:600,800');
  @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@900&family=Raleway:wght@700&family=Roboto:wght@900&display=swap');
  
  /*
      The Anton font was created by Vernon Adams and is licensed under the Open Font License
      The Cinzel font was created by Natanael Gama and is licensed under the Open Font License
      The Pinyon Script font was created by Nicole Fally and is licensed under the Open Font License
  */
  
  .email {
      background-image: url(https://scp-wiki.wdfiles.com/local--files/project-scarlet-dawn/01.png);
      background-position: top 7.5px right 7.5px;
      background-size: 70px;
      background-repeat: no-repeat;
      border: solid 3px #B30030;
      padding: 1px 15px;
      margin: auto;
      margin-top: 10px;
      margin-bottom: 10px;
      width: 85%;
  }
  
  .pentagram {
      background-image: url(https://scp-wiki.wdfiles.com/local--files/project-scarlet-dawn/ASASAS.png);
      border-color: #0a0037;
      --hyperlink: #404d7e;
      --hyperlink-visited: #0a0037;
  }
  
  .email hr {
      border: 0;
      border-top: 2px solid #B30030;
      margin: 1em;
      padding: 0;
      display: block;
      height: 0;
  }
  
  .pentagram hr {
      border-color: #0a0037;
  }
  table {
      --border-colour: #B30030;
  }
  
  table.wiki-content-table th {
      background-color: #d7003a;
      color: #ffffff;
  }
  
  /* code shamelessly stolen from https://scp-wiki.wikidot.com/toesplosion2020 */
  .document {
  display: inline-block;
  border-radius: 10px;
  border:solid 1px #ccc;
  background:#f0f0f0;
  float:top; width:96.5%;
  padding: 10px;
  box-shadow: 0 2px 4px rgba(68, 68, 68, .5);
  }
  
  .click{
  cursor: pointer;
  }
  
  .ping,
  .fakedl{
  color: #39e;
  cursor: pointer;
  font-weight: bold;
  }
  
  .edit{
  color: #666;
  font-size: 75%;
  }
  
  .edit:hover{
  cursor: default;
  title: "test";
  }
  
  .ping:hover{
  text-decoration: underline;
  }
  
  .member{
  color: #f33;
  }
  
  .member0{
  color: #fff;
  }
  
  .member2{
  color: #1f1;
  }
  
  .member3{
  color: #838;
  }
  
  .member4{
  color: #fc2;
  }
  
  .member5{
  color: #0c9;
  }
  
  .member6{
  color: #c04;
  }
  
  .member7{
  color: #d60;
  }
  
  .member:hover,
  .member0:hover,
  .member2:hover,
  .member3:hover,
  .member4:hover,
  .member5:hover,
  .member6:hover,
  .member7:hover,
  .fakedl:active{
  text-decoration: underline;
  cursor: pointer;
  }
  
  blockquote {
  color: #eee;
  background-color: #223 !important;
  border: solid 1px #444;
  }
  
  span.member:active,
  span.member0:active,
  span.member2:active,
  span.member3:active,
  span.member4:active,
  span.member5:active
  span.member6:active
  span.member7:active
  span.ping:active,
  span.click:active{
  background-color: #99f;
  border-radius: 4px;
  }
  
  span.link a{
  color: #39e;
  }
  
  .newmes{
  color: #d00;
  }
  
  .red-hr > hr{
  background-color: #d00;
  bottom: 0.2em;
  }
  .president {
      border: solid 2.5px #b30030;
      outline: solid 2.5px #0a0037;
      outline-offset: 2px;
      padding: 0.95em 15px;
      margin: auto;
      width: 85%;
      --border-colour: #B30030;
      text-align: justify;
  }

  Pages using this styling

  • project-scarlet-dawn [info]

  ¶ 1 occurrence
  

  
  .proposal {
  float: center;
  border: solid 2px #000000;
  padding: 1px 15px;
  margin: 10px;
  box-shadow: 0 1px 3px rgba(0,0,0,.2);
  }
  
  .tofrom {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px maroon}
  

  Pages using this styling

  • project-proposal-2024-878-die-gedanken-sind-frei [info]

  ¶ 1 occurrence
  

  .red {
      float: center;
      border: solid 2px #000000;
      padding: 1px 15px;
      margin: 10px;
      box-shadow: 0 1px 3px rgba(0,0,0,.2);
  }
  
  .email {border: solid 2px #000000; width: 88%; padding: 1px 15px; margin: 25px; box-shadow: 0 1px 3px rgba(0,0,0,.5); float: center;}
  .tofrom {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px maroon}
  
  

  Pages using this styling

  • project-proposal-2024-476 [info]

  ¶ 1 occurrence
  

  
  .red {
      float: center;
      border: solid 2px #000000;
      padding: 1px 15px;
      margin: 10px;
      box-shadow: 0 1px 3px rgba(0,0,0,.2);
  }
  
  .email {border: solid 2px #000000; width: 88%; padding: 1px 15px; margin: 25px; box-shadow: 0 1px 3px rgba(0,0,0,.5); float: center;}
  .tofrom {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px maroon}
  

  Pages using this styling

  • project-proposal-2024-124 [info]

  ¶ 1 occurrence
  

  :root {
    --logo: url(http://scp-wiki.wdfiles.com/local--files/project-proposal-2021-298/Coin1.png);
    --title: "AWCY?"; 
    --subtitle: "SPONSOR ● CREATE ● PRESENT";
  }

  Pages using this styling

  • project-proposal-2021-298 [info]

  ¶ 1 occurrence
  

  /*https://www.flickr.com/photos/ginsnob/394614348 image is cc 2.0*/

  Pages using this styling

  • project-proposal-2014-1221 [info]

  ¶ 1 occurrence
  

  @import url('https://scp-wiki.wikidot.com/local--files/project-paragon-hub/stylesheet.css');
  :root {
      --header-subtitle: "Project PARAGON";
      --cutColour: #fafafa;
      --barColour: #590505;
      --timeScale: 1;
      --timeDelay: 1s;
      --accentColor: 160, 44, 44;
      --dark-gray-monochrome: 55, 55, 55;
      --black-monochrome: 26, 26, 26;
      --lgurl: url(https://scptestwiki.wikidot.com/local--files/secret:scp-0000/scpnewlogo.png);
  }
  
  #header::before {
      opacity: 0.9;
  }
  
  #page-content .info-container {
      --link-color: rgb(var(--swatch-text-general));
  }
  
  #page-content .info-container .translation_block {
      display: none;
  }
  
  #page-content .info-container .collapsible-block-link,
  #page-content .info-container:hover .collapsible-block-link {
      line-height: 1.6em;
  }
  
  #page-content .info-container .collapsible-block-folded,
  #page-content .info-container .collapsible-block-unfolded-link {
      display: grid;
  }
  
  #page-content .info-container .collapsible-block-folded .collapsible-block-link, 
  #page-content .info-container .collapsible-block-link {
      -webkit-mask: unset;
              mask: unset;
      background: transparent;
      grid-column: 1;
      grid-row: 1;
      opacity: 0;
  }
  
  #page-content .info-container .collapsible-block-folded::before, 
  #page-content .info-container .collapsible-block-unfolded-link::before {
      --wght: 800;
      content: "djkaktus";
      color: var(--link-color);
      font-family: Inter, Arimo, Verdana, Geneva, "Helvetica Neue", "Helvetica", Arial, sans-serif;;
      display: block;
      pointer-events: none;
      grid-column: 1;
      grid-row: 1;
  }
  
  .anom-bar-container.esoteric .text-part>.main-class::before {
      border-color: rgb(var(--swatch-menutxt-dark-color, 12, 12, 12));
  }
  
  .anom-bar-container.esoteric .text-part>.main-class::before,
  .anom-bar-container.esoteric .danger-diamond>.top-icon::before {
      background-color: rgb(var(--swatch-menutxt-dark-color, 12, 12, 12));
      background-image: url("https://scptestwiki.wikidot.com/local--files/secret:scp-0000/esoteric-icon-ededed.svg");
      -webkit-filter: initial;
      filter: initial;
  }
  
  .audfont {
       font-family: 'audapaupadopolisian_scriptRg';
       font-variant-ligatures: historical-ligatures;
  }

  Pages using this styling

  • project-paragon-hub [info]

  ¶ 1 occurrence
  

  a{
      color: #005980 !important;
  }
  
  a:hover {
      color: black !important;
  }
  #page-title {
    display: none;
  }
  .meta-title {
    border-bottom: solid 1px #bbbbbb;
    color: #990011;
    font-weight: normal;
    margin: 0 0 0.6em;
    padding: 0 0 0.25em;
    font-size: 200%;
  }
  .meta-title p {
    margin: 0;
  }

  Pages using this styling

  • project-koza [info]

  ¶ 1 occurrence
  

  
  :root {
      --accent: 214, 131, 0;
      --header-title: "Phoenix Technologies";
      --header-subtitle: "Breaking The Cycle";
      --logo-img: url(https://scp-wiki.wdfiles.com/local--files/wniosek-o-dotacje-marsjanski-transburzowiec/logo.png);
      --logo-opacity: 20%;
  
      --head-font: 'IBM Plex Sans';
  
      --dark-bg-1: #d68300 !important;
      --dark-bg-2: #824f00 !important;
  
      --link-txt-color: rgb(var(--accent));
  }
  
  body {
      background-image: linear-gradient(to bottom, #fff9f0, #fff 200px);
  }
  
  .phoenix-box {
       background: #fff9f0;
       border: double 5px rgb(var(--accent));
       margin: 1rem 0;
       padding: 0 .53rem;
  }
  
  .phoenix-box hr {
       background-color: rgb(var(--accent));
  }
  
  .research {
      display: block;
      float: left;
      width: 150px;
      margin-right: 10px;
  }
  
  @media (max-width: 575px) {
      .research {
          float: none;
          margin-left: auto;
          margin-right: auto;
          margin-bottom: 40px;
      }
  
      :root {
          --header-title: "Phoenix Tech";
      }
  }
  

  Pages using this styling

  • project-grant-transmutative-buoyancy [info]

  ¶ 1 occurrence
  

  :root {
    --header-title: "Project Cerberus";
    --header-subtitle: "Custodiendo portas inferni";
    --logo-img: url(https://scp-sandbox-3.wdfiles.com/local--files/top-secret-art-exchange-gift/logo.png)
  }

  Pages using this styling

  • project-cerberus [info]

  ¶ 1 occurrence
  

  .avatar-hover { display: none !important; }
  #page-content { text-align: justify; }
  .hovertip { max-width: 400px; }
  .scp-image-block{ width: 100% !important; }
  
  :root {
    --base-color: rgb(66, 66, 72);
    --hover-color: rgb(45, 60, 120);
    --click-color: rgb(5, 0, 200);
    --header-title: "PROJECT ARMADA";
    --header-subtitle: "Stalwart, Coordinated, Prepared";
    --logo-image: url("https://scp-wiki.wikidot.com/local--files/project-armada/armssmall.png");
  }
  
  /* BHL STYLE COLLAPSIBLE FUCKERY */
  #page-content .collapsible-block-folded {
      max-width: 11.75em;
  }
  #page-content .collapsible-block-folded .collapsible-block-link::before {
      content: "▷ FORENSIC ANALYSIS";
  }
  #page-content .collapsible-block-unfolded .collapsible-block-link::before {
      content: "▽ FORENSIC ANALYSIS";
  }
  /* Changing collapsible footers */
  #page-content .collapsible-block-content::after {
      content:"";
  }
  #page-content .collapsible-block-content {
      border-bottom-width: 5px;
  }
  
  .preclass{
    border: 2px solid #6e72a9;
    box-shadow: inset 0px 0px 8px 0px #989cd5;
    width: 90%;
    margin: 10px auto;
    padding: 10px 25px;
    background: #f3f4fc;
  }
  
  .danke{
  padding: 5px 5px 5px 15px;
  margin: auto;
  margin-top:1em;
  margin-bottom:1em;
  font-family: monospace;
  font-size: 1em;
  width: 80%;
  }
  .blue{
  background-color:#000022;
  border: 3px solid #5555AA;
  color: #3794ff;
  }
  .blue a{ text-decoration: underline; color: unset; }
  .blue a:hover{ color: #b5d8ff; }
  .green{ color:green;}
  .green a{color: darkGreen;}
  
  .yurtbox{
    border: none;
    border-left: 0.25rem solid #5d69d0;
    background-color: #d6daff;
    width: 90%;
    padding: 1em 15px;
    text-align:justify;
    margin:auto;
  }
  
  .scaleup { font-size:1.25em; }
  .scaledown { font-size:0.8em; }
  
  @media only screen and (max-width: 600px) {
    .danke { width:95%; }
    .scaleup { font-size: 1em; }
    .scaledown { font-size: 1em; }
  }

  Pages using this styling

  • project-armada [info]

  ¶ 1 occurrence
  

  blockquote,
  div.blockquote {
    border: 1px solid rgb(200, 200, 200);
    margin: 1em 0;
    background-color: white;
  }
   
  .idpabox {
  box-shadow: -3px 0 0 rgb(123, 20, 174), 3px 0 0 rgb(123, 20, 174);
  padding: 0 1em;
  margin: 1em 3px;
  background: rgb(153, 50, 204, 0.05);
  border: 1px solid rgb(153, 50, 204, 0.25);
  }
   
  .idpaheader {
  background: rgb(123, 20, 174);
  color: white;
  text-align: center;
  margin: 1em 0;
  font-family: 'Quicksand', sans-serif;
  }
   
  .idpaline {
  border-top: 3px rgb(123, 20, 174) solid;
  }
   
  .idpaquote {
  border: 2px solid rgb(123, 20, 174);
  border-left: 5px solid rgb(123, 20, 174);
  padding: 0 1em;
  margin: 1em 0;
  background: rgb(153, 50, 204, 0.05);
  }
   
  .idpabox-alt {
  box-shadow: -3px 0 0 rgb(123, 20, 174), 3px 0 0 rgb(123, 20, 174);
  padding: 0 1em;
  margin: 1em 3px;
  background: white;
  border: 1px solid rgb(223, 193, 239);
  }
   
  .idpaquote-alt {
  border: 2px solid rgb(123, 20, 174);
  border-left: 5px solid rgb(123, 20, 174);
  padding: 0 1em;
  margin: 1em 0;
  background: white;
  }
  
  .footnotes-footer {
  display: none;
  }

  Pages using this styling

  • profil-zwierzaka-kijetesantakalu [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Audiowide&display=swap');
  span.printuser {
    margin-right: 0ch;
  }
  #page-content ul:not(.yui-nav) {
     margin-left: 0em;
  }
  #page-title{display:none}
  :root {
      --logo-image: url("https://prismal.wdfiles.com/local--files/prismalpage/smalleviltriangle.png");
      --header-font: 'Audiowide', sans-serif;
  #header h1 a {
      text-shadow: none;
      height: 100%;
      width: 500%;
      color: transparent;
      background-size: 250px;
   
      background-image: url("https://prismal.wdfiles.com/local--files/prismalpage/Prismaltm.png");
      margin: 0;
      margin-left: 5em;
      padding: 0;
   
  }
  #extra-div-1 {
      height: var(--header-height-on-desktop);
      width: 100%;
      position: absolute;
      top: 5px;
      left: 0;
      pointer-events: none;
      background-image: url("https://prismal.wdfiles.com/local--files/prismalpage/transdynamikron-bg.png");
      background-size: calc(var(--header-height-on-desktop) * 0.75);
  }
  }

  Pages using this styling

  • prismal [info]

  ¶ 1 occurrence
  

  .info-container{
  --barColour: rgb(var(--dark-accent));
  --linkColour: rgb(var(--bright-accent));
  }
  
  .sign {
      color: white;
  }
  
  .ature, .ature a, .ature a:visited {
      color: rgb(var(--bright-accent));
  }
  .gay {
    background: linear-gradient(to right, #ef5350, #f48fb1, #7e57c2, #2196f3, #26c6da, #43a047, #eeff41, #f9a825, #ff5722);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }

  Pages using this styling

  • pridemonth [info]

  ¶ 1 occurrence
  

  /* Code For FeatureBox Mock-Up */
  .feature {
      padding: 0px 10px;
  }
  
  .feature h2 {
      font-weight: bold;
      margin-bottom: -10px;
  }
  
  .feature-subtitle {
      font-size: 90%;
  }
  
  .feature-subsubtitle {
      font-size: 85%;
      font-style: italic;
  }
  
  .feature-blurb {
      font-style: italic;
  }
  
  .pridefest {
    margin-top: 0px;
    margin-bottom: 50px;
    text-align: center;
    font-family: sans-serif;
    font-size: 3rem;
    letter-spacing: 0.15rem;
    text-transform: uppercase;
    color: #fff;
    text-shadow: -4px 4px #ef3550,
                 -8px 8px #f48fb1,
                 -12px 12px #7e57c2,
                 -16px 16px #2196f3,
                 -20px 20px #26c6da,
                 -24px 24px #43a047,
                 -28px 28px #eeff41,
                 -32px 32px #f9a825,
                 -36px 36px #ff5722;
  }
  
  .pridefest2 {
      color: white;
      font-family: "Source Sans 3", sans-serif;
      font-weight: 900;
      font-size: 1.1rem;
      text-shadow: #5750DA 2px 2px;
  }
  
  #page-title {
    display: none;
  }

  Pages using this styling

  • pridefest-2025 [info]

  ¶ 1 occurrence
  

  /* RANDOM LOGO CODE */
  
  /* Logo URLs as Variables */
  :root {
      --pride:url(https://scp-wiki.wdfiles.com/local--files/component%3Apride-logos/scp-pride.png);
      --philly:url(https://scp-wiki.wdfiles.com/local--files/component%3Apride-logos/scp-phil.png);
      --progPride:url(https://scp-wiki.wdfiles.com/local--files/component%3Apride-logos/scp-progress-alt2.png);
      --lesbian:url(https://scp-wiki.wdfiles.com/local--files/component%3Apride-logos/scp-lesbian.png);
      --gay:url(https://scp-wiki.wdfiles.com/local--files/component%3Apride-logos/scp-gay.png);
      --enbian:url)https://scp-wiki.wdfiles.com/local--files/component%3Apride-logos/scp-enbian.png);
      --bi:url(https://scp-wiki.wdfiles.com/local--files/component%3Apride-logos/scp-bi-alt2.png);
      --pan:url(https://scp-wiki.wdfiles.com/local--files/component%3Apride-logos/scp-pan-alt2.png);
      --omni:url(https://scp-wiki.wdfiles.com/local--files/component%3Apride-logos/scp-omni-alt2.png);
      --trans:url(https://scp-wiki.wdfiles.com/local--files/component%3Apride-logos/scp-trans.png);
      --intersex:url(https://scp-wiki.wdfiles.com/local--files/component%3Apride-logos/scp-intersex.png);
      --nonbinary:url(https://scp-wiki.wdfiles.com/local--files/component%3Apride-logos/scp-nonbinary.png);
      --genderqueer:url(https://scp-wiki.wdfiles.com/local--files/component%3Apride-logos/scp-genderqueer.png);
      --genderfluid:url(https://scp-wiki.wdfiles.com/local--files/component%3Apride-logos/scp-genderfluid.png);
      --demigirl:url(https://scp-wiki.wdfiles.com/local--files/component%3Apride-logos/scp-demigirl.png);
      --demiboy:url(https://scp-wiki.wdfiles.com/local--files/component%3Apride-logos/scp-demiboy.png);
      --pangender:url(https://scp-wiki.wdfiles.com/local--files/component%3Apride-logos/scp-pangender.png);
      --agender:url(https://scp-wiki.wdfiles.com/local--files/component%3Apride-logos/scp-agender.png);
      --abro:url(https://scp-wiki.wdfiles.com/local--files/component%3Apride-logos/scp-abro.png);
      --ace:url(https://scp-wiki.wdfiles.com/local--files/component%3Apride-logos/scp-asexual.png);
      --aro:url(https://scp-wiki.wdfiles.com/local--files/component%3Apride-logos/scp-aromantic.png);
      --aroace:url(https://scp-wiki.wdfiles.com/local--files/component%3Apride-logos/scp-aroace.png);
      --queerplatonic:url(https://scp-wiki.wdfiles.com/local--files/component%3Apride-logos/scp-queerplatonic.png);
      --demiromantic:url(https://scp-wiki.wdfiles.com/local--files/component%3Apride-logos/scp-demiromantic.png);
      --demisexual:url(https://scp-wiki.wdfiles.com/local--files/component%3Apride-logos/scp-demisexual.png);
  }
  
  
  .randMod {
      padding-block-end: .001rem;
  }
  
  .randMod div[id] { display: none; }
  
  #container:has(.randMod div:is([id$='00'], [id$='01'], [id$='02'], [id$='03'])) #header {
      background-image: var(--pride);
  }
  
  #container:has(.randMod div:is([id$='04'], [id$='05'], [id$='06'], [id$='07'])) #header {
      background-image: var(--philly);
  }
  
  #container:has(.randMod div:is([id$='08'], [id$='09'], [id$='10'], [id$='11'])) #header {
      background-image: var(--progPride);
  }
  
  #container:has(.randMod div:is([id$='12'], [id$='13'], [id$='14'], [id$='15'])) #header {
      background-image: var(--lesbian);
  }
  
  #container:has(.randMod div:is([id$='16'], [id$='17'], [id$='18'], [id$='19'])) #header {
      background-image: var(--gay);
  }
  
  #container:has(.randMod div:is([id$='20'], [id$='21'], [id$='22'], [id$='23'])) #header {
      background-image: var(--enbian);
  }
  
  #container:has(.randMod div:is([id$='24'], [id$='25'], [id$='26'], [id$='27'])) #header {
      background-image: var(--bi);
  }
  
  #container:has(.randMod div:is([id$='28'], [id$='29'], [id$='30'], [id$='31'])) #header {
      background-image: var(--pan);
  }
  
  #container:has(.randMod div:is([id$='32'], [id$='33'], [id$='34'], [id$='35'])) #header {
      background-image: var(--omni);
  }
  
  #container:has(.randMod div:is([id$='36'], [id$='37'], [id$='38'], [id$='39'])) #header {
      background-image: var(--trans);
  }
  
  #container:has(.randMod div:is([id$='40'], [id$='41'], [id$='42'], [id$='43'])) #header {
      background-image: var(--intersex);
  }
  
  #container:has(.randMod div:is([id$='44'], [id$='45'], [id$='46'], [id$='47'])) #header {
      background-image: var(--nonbinary);
  }
  
  #container:has(.randMod div:is([id$='48'], [id$='49'], [id$='50'], [id$='51'])) #header {
      background-image: var(--genderqueer);
  }
  
  #container:has(.randMod div:is([id$='52'], [id$='53'], [id$='54'], [id$='55'])) #header {
      background-image: var(--genderfluid);
  }
  
  #container:has(.randMod div:is([id$='56'], [id$='57'], [id$='58'], [id$='59'])) #header {
      background-image: var(--demigirl);
  }
  
  #container:has(.randMod div:is([id$='60'], [id$='61'], [id$='62'], [id$='63'])) #header {
      background-image: var(--demiboy);
  }
  
  #container:has(.randMod div:is([id$='64'], [id$='65'], [id$='66'], [id$='67'])) #header {
      background-image: var(--pangender);
  }
  
  #container:has(.randMod div:is([id$='68'], [id$='69'], [id$='70'], [id$='71'])) #header {
      background-image: var(--agender);
  }
  
  #container:has(.randMod div:is([id$='72'], [id$='73'], [id$='74'], [id$='75'])) #header {
      background-image: var(--abro);
  }
  
  #container:has(.randMod div:is([id$='76'], [id$='77'], [id$='78'], [id$='79'])) #header {
      background-image: var(--ace);
  }
  
  #container:has(.randMod div:is([id$='80'], [id$='81'], [id$='82'], [id$='83'])) #header {
      background-image: var(--aro);
  }
  
  #container:has(.randMod div:is([id$='84'], [id$='85'], [id$='86'], [id$='87'])) #header {
      background-image: var(--aroace);
  }
  
  #container:has(.randMod div:is([id$='88'], [id$='89'], [id$='90'], [id$='91'])) #header {
      background-image: var(--queerplatonic);
  }
  
  #container:has(.randMod div:is([id$='92'], [id$='93'], [id$='94'], [id$='95'])) #header {
      background-image: var(--demiromantic);
  }
  
  #container:has(.randMod div:is([id$='96'], [id$='97'], [id$='98'], [id$='99'])) #header {
      background-image: var(--demisexual);
  }
  

  Pages using this styling

  • pridefest-2025 [info]

  ¶ 1 occurrence
  

  
  /* Prismriver Theme */
  /* by syuzhet */
  
  /*
  
  Hello again, translator.
  
  I don’t have any difficult phrases to hide in here today…
  
  Instead, please write a brief summary of an urban legend that is popular in your country. As an amateur occultist, it pleases me to hear about strange and supernatural things!
  
  In exchange, you may contact me via wikidot to receive a version of the banner art with the PRIDEFEST logo translated to your language. Please also send me the proper translation of the text, so I don’t make any mistakes while editing it.
  
  Thank you! 🌈
  
  - syuzhet
  
  */
  
  
  
  @import url('https://fonts.googleapis.com/css2?family=Source+Sans+3:ital,wght@0,200..900;1,200..900&display=swap');
  
  :root {
      --basalt-secondary-color: 0, 0, 0;
  
      --basalt-overtone: 67, 65, 210;
      --basalt-undertone: 67, 65, 210;
      --basalt-bright-element-color: 67, 65, 210;
      --basalt-dark-element-color: 67, 65, 210;
  
      --link-color: 67, 65, 210;
      --link-visited-color: 67, 65, 210;
      --link-newpage-color: 67, 65, 210;
  
      --top-bar-link-color-hover: 255, 255, 255;
      --login-status-text-color-hover: 0, 0, 0;
      --side-bar-link-color-hover: 0, 0, 0;
      --side-bar-link-background-hover: 255, 255, 255;
      --selection-text-color: 0, 0, 0;
  
      --header-border-width: 0rem;
      --title-size: 1.25rem;
      --subtitle-size: 0rem;
      --side-bar-button-height: 50vh;
      --user-button-width: 2rem;
      --header-logo-size: 67.5%;
  
      --basalt-UI-dark-palette: 0, 0, 0;
      --top-bar-link-background-hover: 67, 65, 210;
  
  }
  
  #header h1 a::before {
      display: none;
  }
  
  #header h1 a span::after {
      margin-bottom: 0;
  }
  
  #container #header {
      /*
      background: none;
      position: absolute;
      box-shadow: unset;
      backdrop-filter: none; */
  }
  
  div #container-wrap {
      background-color: #060C0C;
      background: url(https://i.imgur.com/nccHXw6.jpeg);
      background-size: contain;
  }
  
  #main-content {
      margin-top: 0;
  }
  #page-content {
      padding-top: 0;
  }
  
  #page-content > p:nth-child(-n+4) {
      display: none;
  }
  
  .widebox {
      position: relative;
      left: calc(-50dvw + 50%);
      width: 100dvw !important;
      max-width: 100dvw !important;
  }
  
  .widebox .blockquote h2, h2 {
      color: white;
      font-family: "Source Sans 3", sans-serif;
      font-weight: 900;
      font-size: 3rem;
      display: block;
      position: relative;
      text-align: center;
      text-shadow: #5750DA 4px 4px;
  }
  
  .widebox .blockquote {
      margin: 4rem auto;
      padding: 2rem 2rem;
  }
  
  .PRIDEFEST {
      color: white;
      font-family: "Source Sans 3", sans-serif;
      font-weight: 900;
      font-size: 1.1rem;
      text-shadow: #5750DA 2px 2px;
  }
  
  .headerimage {
      position: relative;
      height: calc(120dvh);
      background-image: url(https://i.imgur.com/AAR8JV1.jpeg);
      background-repeat: no-repeat;
      background-size: cover;
      background-position: top;
  }
  
  .darkpridebox {
      width: 100%;
      background-image: url(https://i.imgur.com/GP4dM4d.png);
  }
  
  .darkprideboxinterior {
      width: 50%;
      margin: auto;
  }
  
  .darkpridebox .prideseparator {
      padding: 5em 0em;
      display: block;
      margin: auto;
  }
  
  h1, #page-options-container, .licensebox .collapsible-block-folded a, .page-watch-options a {
      color: white;
  }
  
  #action-area, .licensebox .collapsible-block-content {
      background: #0D0D0F;
      padding: 10px;
  }
  
  .licensebox .collapsible-block-link {
      background: #0D0D0F;
      padding: 10px;
  }
  
  /* image stuff */
  
  .prideimages .imagebox {
      display: block;
      position: relative;
      box-sizing: border-box;
      width: 80%;
      margin: 4rem auto;
  }
  
  .prideimages .imagebox:before {
    content: "";
    position: absolute;
    background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 35%);
    height: 100%;
    width: 100%;
    z-index: 1;
    opacity: 0.75;
    transition: 0.5s;
    pointer-events: none;
  }
  
  .prideimages .imagebox:hover:before {
    opacity: 1;
  }
  
  .caption {
    padding: 1em 1em;
    bottom: 0;
    position: absolute;
    z-index: 2;
    color: white;
    font-family: "Source Sans 3", sans-serif;
    font-weight: 900;
    font-size: 2.5rem;
    line-height: 2rem;
    text-decoration: none;
  }
  
  .caption a {
    color: #A4A4A4;
    font-weight: 800;
    font-size: 1.5rem;
  }
  
  .caption a:hover {
    color: white;
    text-decoration: underline;
  }
  
  /* Piece of shit sidebar */
  
  #top-bar div.mobile-top-bar>.open-menu {
       visibility:visible;
       opacity: 0.6;
       transition: opacity 0.2s;
  }
  
  #top-bar div.mobile-top-bar>.open-menu:hover {
      opacity: 1;
  }
  
  #side-bar {
       margin-top:0;
       height:100%
  }
  
  #side-bar, #side-bar:is(:hover, :focus-within):not(:target) {
       left:calc(var(--side-bar-width) * -1)
  }
  
  #side-bar::after, #side-bar::before {
       display:none
  }
  
  #side-bar:target {
       left:0;
       width:var(--side-bar-width);
       z-index:10
  }
  
  #side-bar a.close-menu, #side-bar:target a.close-menu {
       display:block;
       pointer-events:none;
       position:fixed;
       top:0;
       right:0;
       left:auto;
       width:100%;
       min-width:3.75rem;
       height:100%;
       margin-left:0;
       opacity:0;
       z-index:-1;
       transition:width var(--side-bar-transition),opacity var(--side-bar-transition)   
  }
  
  #side-bar:target a.close-menu {
       width:calc(100% - var(--side-bar-width));
       pointer-events:auto;
       opacity:1;
  }
  
  /* Mobile */
  
  @media only screen and (max-width: 1020px) {
      .headerimage {
          height: calc(60dvh);
      }
      .darkpridebox .prideseparator {
          padding: 2em 0em;
      }
      .darkprideboxinterior {
      width: 80%;
      margin: auto;
      font-size: 1rem;
      }
      .widebox .blockquote h2, h2 {
          font-size: 2rem;
      }
      .widebox .blockquote {
          margin: 2rem auto;
          padding: 2rem 0rem;
      }
      .prideimages .imagebox {
          width: 100%;
      }
      .caption {
          padding: 0.5em 0.5em;
          font-size: 1.5rem;
          line-height: 1.3rem;
      }
  
      .caption a {
          color: #A4A4A4;
          font-weight: 800;
          font-size: 1.2rem;
      }
  }

  Pages using this styling

  • pridefest [info]

  ¶ 1 occurrence
  

  }
  
  @keyframes rotation {
    from {
      transform: rotate(0deg);
    }
    to {
      transform: rotate(359deg);
    }
  }

  Pages using this styling

  • pride-of-place [info]

  ¶ 1 occurrence
  

  :root {
      --logo-image: url("https://scp-wiki.wikidot.com/local--files/grigori-karpin-s-author-page/vanguard%20transparent.png");
      --header-title: "ANGUARD";
      --header-subtitle: "SHELTER - NORMALIZE - INFORM";
      --header-h2-font-size: 1.1em;
  }
  
  #header::before {
      left: -12rem;
      filter: brightness(125%);
      opacity: 1;
  }
  
  #header h1 a::before {
      font-size: unset;
  }
  
  #header h2::before {
      color: #fe4;
  }
  
  #header h2 {
      top: 1em;
  }
  
  #header #login-status {
      left: -2vw;
  }
  
  @media (max-width: 767px) {
      #header::before {
          left: -7rem;
      }
  
      #header h1 {
          top: 0.5em;
          left: 0.5em;
      }
  }
  
  #page-title {
      display: none;
  }
  .footnotes-footer {
  display: none;
  }

  Pages using this styling

  • price-of-forty-days [info]

  ¶ 1 occurrence
  

  
  #extra-div-1 {
  background: linear-gradient( 180deg, rgb(10, 10, 10) 0%, var(--accentColor)100%);
  box-shadow: 0px 0px 8px 4px rgb(0 0 0);
  }
  
  :root {
      --logo: url(http://scp-sandbox-3.wdfiles.com/local--files/is-dodo-cool-yet/O5-Out.png);
      --title: "DIVINATION DEPT.";
      --subtitle: "EYES OPEN ☄|🜝 HANDS READY";
      --accentColor: hsl(0,88.7%,38.2%);
      --fnColor: #b80b0b;
      --four-color: 194, 85, 0 !important;
  }
  
  :root {
      /* REDMODE */
      --basalt-UI-dark-palette: 50, 45, 45;
      --basalt-bright-element-color: 215, 40, 40;
      --basalt-primary-color: 15, 10, 12;
      --basalt-secondary-color: 40, 20, 23;
      --basalt-tertiary-color: 50, 40, 40;
      --general-border-color: 80, 70, 70;
  }
  
  .custom2 .wiki-content-table {
      width: 100%;
  }
  
  #page-content tr th {
      text-align: center;
  }
  
  .custom2 tr td {
      padding: 10px !important;
  }
  
  .table3 {
      --accentColor: rgb(173, 150, 42);
  }
  
  .fnnum::after {
      color: #880808 !important;
  }
   
  .fnnum:hover::after {
      color: white !important;
  }
   
  .fncon {
      background: rgb(25, 25, 25) !important;
      color: #EDEDED;
      border: 0.15rem solid rgb(20, 20, 20);
      border-radius: 2px;
      font-size: 90%;
  }
  
  .row {
    display: flex;
  }
  
  .column {
    flex: 33%;
  padding:2px;
  }
  
  .rowhead{
  background:red !important;
  text-align:center;
  font-weight:bold;
  color:black;
  }
  
  .columnbody{
  border:1px white solid;
  padding:3px;
  height:100%;
  display:flex;
  align-self:stretch;
  flex:1 1 100%;
  flex-wrap: no-wrap;
  }
  
  @media screen and (max-width: 600px) {
  .row {
    flex-direction:column;
  }
  .column{
    flex: 100%;
  }
  }

  Pages using this styling

  • presumptive-divination-orientation [info]

  ¶ 1 occurrence
  

  #header {
    background-image: url(https://scp-wiki.wdfiles.com/local--files/scp-5993/DoTT_header.png)
  }

  Pages using this styling

  • prelude-to-presents [info]

  ¶ 1 occurrence
  

  div#header h1 a span {
      font-size: 0px;
  }
  div#header h1 a:before {
      content: "Tactical Theology";
      color: #eee;
      
  }
  div#header h2 span {
      font-size:0px;
      padding: 4px;
  }
  div#header h2:after {
      content: "Invenient Novum Numen";
      font-weight: bold;
      color: #f0f0c0;
      padding: 19px 0;
      text-shadow: 1px 1px 1px rgba(0, 0, 0, .8);
      white-space: pre;
  }

  Pages using this styling

  • prelude-to-presents [info]

  ¶ 1 occurrence
  

  .story {
    clear: both; border: 3px black solid; padding: calc(20px - 1em) 0 20px 0;
  }
  .story p {
    margin-left: 20px; margin-right: 20px; 
  }
  .choices {
    clear: both;
  }
  .choices a {
    height: 30px; border: 1px solid #b01; border-right: 1px solid transparent; line-height: 30px; position: relative; background: white; z-index: 8; margin-bottom: 0.5em; float: left; clear: both; padding-left: 7px; margin-left: 20px; margin-right: 20px
  }
  .choices a::before {
    content: ""; position: absolute; border: 16px solid transparent; border-left: 16px solid #b01; right: -33px; top: -1px; z-index: 6;
  }
  .choices a::after {
    content: ""; position: absolute; border: 15px solid transparent; border-left: 15px solid white; right: -31px; top: 0; z-index: 7;
  }
  .choices p {
    clear: both; height: 30px; margin: 0 0 0 0;
  }
  .footer-wikiwalk-nav {
    margin-top: 50px;
  }
  span, a {
    word-break: normal !important;
  }
  @media (max-width: 580px) {
    .choices a {
      line-height: initial !important; margin-left: 10px !important; margin-right: 30px !important;
    }
  }

  Pages using this styling

  • prehistoric-artillery-strike [info]

  ¶ 1 occurrence
  

  div#header {
      background: url(https://scp-wiki.wdfiles.com/local--files/fantem-s-poi-file/ICON.png) 2px 15px no-repeat;
  }
  
  #page-title {
      color: aqua;
  }
  
  a {
      color: AQUA;
    font-weight: bold;
  }
   
  a:visited {
      color: AQUA;
    font-weight: bold;
  }
  
  blockquote,
  div.blockquote {
      border: #C0C0C0outset 2px;
      background-color: #5D5D5D;
      color: black;
      color: #000;
  } 
  
  
  
  #header h1 span::before {
      content: "FUCK the ";
  }
  
  #header h2 span::before {
      color: aqua;
      content: "GET FUCKED";
  }
  
  div#container-wrap {
      background-image: url('https://scp-wiki.wdfiles.com/local--files/fantem-s-poi-file/BG.png');\
  }
   body {
      background: #242424;
      --themeColor: #820e06;
      --accentColor: #820e06;
  }
  
  .yui-navset .yui-nav,
  .yui-navset .yui-navset-top .yui-nav {
      border-color: #820e06;
  }
  
  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: #820e06;
  }
  
  #page-content .rate-box-with-credit-button .fa-info:hover {
      background: transparent;
      color: #820e06;
  }
  
  h1 {
      color: #820e06;
  }
  
  h2 {
      color: white;
  }
  
  #header h1 span {
      font-family: "Times New Roman";
  }
   
  #header h2 span::before {
      font-family: "Times New Roman";
  }
  
  

  Pages using this styling

  • possumartpage [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&display=swap');
  
  :root {
   --header-title: "The Door of G.O.F.";
   --header-subtitle: "Govern. Occlude. Fortify.";
   --accentColor: 178, 255, 255;
  }
  
  #page-content {
     font-family: "Roboto Condensed", sans-serif;
     font-size: 120%;
  }
  

  Pages using this styling

  • possible-kill-screen [info]

  ¶ 1 occurrence
  

  body {
      font-family: Verdana, sans-serif; font-size: 0.85rem;
  }
  
  /* Hide the original page title */
  #page-title {
    display: none;
  }

  Pages using this styling

  • portrait-of-cynocephalus-under-desert-sun [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css?family=Times+New+Roman');

  Pages using this styling

  • popsioaks-garden [info]

  ¶ 1 occurrence
  

  :root {
      --header-title: "Parabotanical Division";
      --header-subtitle: "Getting to the Roots of Anomalies";
      --logo-image: url("https://scp-wiki.wdfiles.com/local--files/scp-3529/parazoo_downsideup.png");
  
      --pale-accent: 40, 230, 60;
      /* light red, for visited links */
      --bright-accent: 0, 133, 5;
      /* bright red */
      --medium-accent: 46, 100, 44;
      /* medium red - the "default" accent color */
      --dark-accent: 3, 100, 15;
      /* dark red */
      --alt-accent: 102, 221, 17;
      /* pale orange, for newpage links */
  }

  Pages using this styling

  • popsioaks-garden [info]

  ¶ 1 occurrence
  

  .Email {
  background: url(http://scp-wiki.wdfiles.com/local--files/the-great-hippo/SCP_icon%281%29.png) top right no-repeat; 
  float: center; 
  border: solid 3px #444444; 
  width: 85%; padding: 1px 15px; 
  margin: auto; 
  margin-top: 10px; 
  margin-bottom: 10px; 
  box-shadow: 0 1px 3px rgba(0,0,0,.2);
  }
  
  .Signoff {
  margin-left: 5px; 
  margin-top: 5px; 
  padding: 1px 15px; 
  }
  
  .Signature {
    float: right;
    width: 100px;
  margin-left: 5px; 
  margin-top: 5px; 
  padding: 1px 15px; 
  }

  Pages using this styling

  • ponyposting [info]

  ¶ 1 occurrence
  

  :root {
      --header-title: "SCPonyposting";
      --header-subtitle: "Containment is Magic";
  }

  Pages using this styling

  • ponyposting [info]

  ¶ 1 occurrence
  

  :root {
     --lgurl:  https://scp-wiki.wikidot.com/;
     --header-title: ".P.P.P.";
     --header-subtitle: "YUMMERS";
  }

  Pages using this styling

  • poltatherian-s-pelagic-pantry [info]

  ¶ 1 occurrence
  

  
  .page {
      display: block;
      overflow: hidden;
      font-family: "Monotype Corsiva", "Bradley Hand ITC", sans-serif;
      font-style: normal;
      font-size: 125%;   
     
      background-attachment: scroll;
      background-clip: border-box;
      background-color: transparent;
      background-image: linear-gradient(to top ,rgb(202, 219, 228) 0%, rgb(251, 253, 220) 8%);
      background-origin: padding-box;
      background-position: 0px 8px;
      background-repeat: repeat;
      background-size: 100% 20px;
      
  
      border: 1px solid #CCC;
      border-radius: 10px;
      padding: 10px 10px;
      margin-bottom: 10px;
  
      box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2)
      }
  .page p {
      line-height: 20px;
      margin: 0;
  }
  
  
  @media (min-width: 980px) {
  
  .page {
      display: block;
      overflow: hidden;
      font-family: "Monotype Corsiva", "Bradley Hand ITC", sans-serif;
      font-style: italic;
      font-size: 125%;   
      width: 46%;
      background-attachment: scroll;
      background-clip: border-box;
      background-color: transparent;
      background-image: linear-gradient(to top ,rgb(202, 219, 228) 0%, rgb(251, 253, 220) 8%);
      background-origin: padding-box;
      background-position: 0px 8px;
      background-repeat: repeat;
      background-size: 100% 20px;
  
      height: 320px;
  
      border: 1px solid #CCC;
      border-radius: 10px;
      padding: 10px 10px;
      margin-bottom: 10px;
  
      box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2)
      }
  .page p {
      line-height: 20px;
      margin: 0;
  }
   .left {
      float: left;
    }
    .right {
      float: right;
    }
  
  }
  }
  

  Pages using this styling

  • poison-apples [info]

  ¶ 1 occurrence
  

  .danke {
      padding: 5px;
      margin-bottom:10px;
      font-family: monospace;
      font-size: 1.1em;
  }
  
  .agent {
      background-color:#002200;
      border: 3px solid #55AA55;
      color: #77CC77;
  }

  Pages using this styling

  • pointtwo1 [info]

  ¶ 1 occurrence
  

  
  @import url('https://fonts.googleapis.com/css2?family=Permanent+Marker&display=swap');
  
  /* ROOT SETTINGS */
  :root {
      --title: "Have you ever heard of";
      --subtitle: "SITE-19?";
      --title-size: 1.2rem;
      --subtitle-size: 2.5rem;
      --logo: url('https://scpdsandbox.wdfiles.com/local--files/nostalgia-theme/primary_shcr_white.png');
  
      --basalt-secondary-color: 34, 34, 35;
      --top-bar-dropdown-background: var(--basalt-secondary-color);
      --basalt-UI-dark-pallete: 89, 89, 89;
  
      --header-UI-font-size: calc(var(--true-font-size) * .85);
      --header-UI-font-size: calc(var(--true-font-size) * .95);
      --basalt-bright-element-color: 224, 72, 73;
      --basalt-main-text-color: 230, 230, 230;
      
      --base-header-height: calc((var(--title-size) + var(--subtitle-size)) * 1.275 + 1.5rem);
  
      --search-button-width: 2.5rem;
      --user-button-width: 3.5rem;
  
      --blockquote-background-color: var(--basalt-UI-dark-palette);
  
      --footnote-background-color: var(--basalt-UI-dark-palette);
      --image-caption-background-color: var(--basalt-secondary-color);
      --basalt-th-background-color: var(--basalt-secondary-color);
      --hr-color: var(--basalt-UI-dark-palette);
  }
  
  /* HEADER MUMBO JUMBO */
  
  #header {
      display: grid;
      position: sticky;
      contain: layout;
  }
  
  #header::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background-image: url('http://scpdsandbox.wikidot.com/local--files/nostalgia-theme/inv_pate_black_v2_redux.png');
      filter: brightness(1.1) contrast(1) saturate(0.9);
      background-repeat: repeat;
      background-size: auto;
      z-index: -1;
      pointer-events: none;
  }
  
  #header-extra-div-1 {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      overflow: hidden; /* ONLY this div clips - not the whole header */
      pointer-events: none;
      z-index: 1;
  }
  
  #header-extra-div-1 span {
      position: absolute;
      top: 50%;
      right: calc(var(--search-button-width) + var(--user-button-width) + 250px);
      width: clamp(925px, 20vw, 650px);
      height: clamp(950px, 25vw, 550px);
      transform: translateY(-50%) rotate(-15deg);
      background-image: url('http://scpdsandbox.wikidot.com/local--files/nostalgia-theme/primary_shcr_white.png');
      background-repeat: no-repeat;
      background-size: contain;
      background-position: center;
      opacity: 0.25;
      filter: hue-rotate(180deg) saturate(0.3) brightness(0.7);
      display: block;
  }
  
  /* HIDE: Crown on mobile */
  @media (max-width: 1100px) {
      #header-extra-div-1 {
          display: none;
      }
  }
  
  #header h1 a span {
      margin-left: 0.65rem;
  }
  
  #header h1 a::before {
      width: calc(var(--base-header-height) * 0.65);
      min-width: calc(var(--base-header-height) * 0.70);
  }
  
  #header h1 a span {
      text-align: center;
      display: inline-block;
      width: max-content;
      min-width: max-content;
      height: unset;
  }
  
  #header h1 a span::before,
  #header h1 a span::after {
      display: block;
      white-space: nowrap;
      width: max-content;
      margin: 0 auto;
  }
  
  #header h1 a span::before {
      content: var(--title);
      font-size: var(--title-size);
      font-weight: bold;
      line-height: 1.1;
  }
  
  #header h1 a span::after {
      content: var(--subtitle);
      font-size: var(--subtitle-size);
      font-weight: 900;
      line-height: 1;
      margin-bottom: 0px;
  }
  
  /* TOPBAR */
  
  #top-bar div[class*=top-bar]>ul>li>a {
      padding: 0 calc(var(--header-UI-font-size) * 2.5);
  }
  
  #top-bar div[class*=top-bar] ul li ul li a {
      background: rgb(var(--basalt-UI-dark-palette), var(--basalt-UI-opacity));
  }
  
  
  #top-bar div[class*=top-bar] > ul > li {
      margin: 0rem 0rem;
      white-space: nowrap;
  }
  
  #top-bar div[class*=top-bar] > ul > li > a {
      transition: background-color 0.15s ease;
      padding: 0 calc(var(--header-UI-font-size) * 2.5);
  }
  
  #top-bar div[class*=top-bar] > ul > li:first-child {
      margin-left: 0;
  }
  
  #top-bar div[class*=top-bar] > ul > li:last-child {
      margin-right: 0;
  }
  
  /* LOGIN STATUS */
  #login-status span.printuser>a {
      padding: min(calc(var(--base-header-height) * .175), 0.325rem);
  }
  
  /* BODY */
  body {
      color: rgb(var(--basalt-secondary-color));
      background-image: url(http://scpdsandbox.wikidot.com/local--files/nostalgia-theme/nor_pate_white_v2_redux.png);
  
  /* BLOCKQUOTES */
  
  .blockquote hr {
      background-color: rgb(var(--basalt-primary-color));
  }
  
  /* TABLES */
  table th,
  table tr:first-child td {
      border: 0.15rem solid rgb(var(--basalt-secondary-color));
  }
  
  /* TABS */
  .yui-navset.yui-navset-top {
      border: 1px solid rgb(var(--basalt-secondary-color));
  }
  
  :is(:where(#page-content) table:not(.form),table.wiki-content-table) td {
     border: solid 0.15rem rgb(var(--basalt-UI-dark-palette));
  }
  
  /* PAGE TITLE */
  #page-title, .meta-title {
      color: rgba(var(--basalt-secondary-color));
      font-size: xxx-large;
  }
  
  /* HOVERTIPS COLORING */
  .bibitems, .footnotes-footer, .hovertip {
      color: rgb(var(--basalt-primary-color));
  }
  
  /* EDIT AREA */
  #edit-page-textarea, #np-text {
      color: rgb(var(--basalt-secondary-color));
  }
  
  /* BIBLITEMS */
  .bibitems .title, .footnotes-footer .title {
      background-color: rgb(var(--basalt-secondary-color));
  }
  
  .bibitems::before, .footnotes-footer::before {
      background-color: rgb(var(--basalt-secondary-color));
  }
  
  /* USER PROFILE WINDOW */
  .owindow .title {
      opacity: 80%;
      color: rgb(var(--basalt-secondary-color));
  }
  
  
  /* SCROLL */
  * {
      scrollbar-width: thin;
      scrollbar-color: rgb(var(--scrollbar-thumb-color)) rgb(89 89 89);
  }
  
  /* PAGE TAGS */
  #main-content>.page-tags>span a {
      color: rgb(var(--basalt-primary-color));
  }
  
  /* TEXT AREA */
  input[type=text], textarea {
      color: rgb(var(--basalt-secondary-color));
  }
  
  /* ACTION AREA (FILE UPLOAD) */
  #action-area input.text, textarea#file-comments {
      color: rgba(var(--basalt-primary-color));
  }
  
  /* PREVIEW MESSAGE */
  .preview-message {
      background-color: rgba(var(--basalt-primary-color));
  }
  
  /* DOCUMENT DIVS */
  div.document {
      box-shadow: 0px 1px 1.9px -4px rgb(0 0 0 / 50%), 0px 6px 15px -4px rgb(0 0 0 / 64%);
      background-image: url(http://scpdsandbox.wikidot.com/local--files/nostalgia-theme/nor_pate_white_v2_redux.png);
  }
  
  div.document::before {
      box-shadow: 0px 1px 1.9px -4px rgb(0 0 0 / 50%), 0px 6px 15px -4px rgb(0 0 0 / 64%);
  }
  
  div.document::before {
      box-shadow: 0px 1px 1.9px -4px rgb(0 0 0 / 50%), 0px 6px 15px -4px rgb(0 0 0 / 64%);
  }
  div:is(.document)::before, div:is(.document)::after {
      background-image: url(http://scpdsandbox.wikidot.com/local--files/nostalgia-theme/nor_pate_white_v2_redux.png);
  }
  
  #page-content div:is(.document, .darkdocument) {
      max-width: 60rem;
  }
  
  div.darkdocument {
      background-color: rgb(var(--darkdocument-background-color), 0.25);
      box-shadow: 0px 1px 1.9px -4px rgb(150 150 159 / 75%), 0px 6px 15px -4px rgb(0 0 0 / 76%);
      background-image: url('http://scpdsandbox.wikidot.com/local--files/nostalgia-theme/inv_pate_black_v2_redux.png');
  }
  
  div:is(.darkdocument)::before, div:is(.darkdocument)::after {
      background-color: rgb(var(--darkdocument-background-color));
      opacity: 90%;
      background-image: url('http://scpdsandbox.wikidot.com/local--files/nostalgia-theme/inv_pate_black_v2_redux.png');
  }
  
  /* HIGHLIGHTER SPAN */
  .shighlight {
      position: relative;
      background: linear-gradient(104deg,
          rgb(255 255 0 / 28%) 0.9%,
          rgba(255, 255, 0, 0.8) 2.4%,
          rgba(255, 255, 0, 0.5) 5.8%,
          rgb(255 255 0 / 52%) 93%,
          rgba(255, 255, 0, 0.7) 96%,
          rgb(255 255 0 / 29%) 98%);
      );
      border-radius: 1.2em 0.3em 0.8em 0.7em;
      padding: 0.1em 0.2em;
      background-size: 100% 60%;
      background-position: 0 40%;
      background-repeat: no-repeat;
      );
  }
  
  .shighlight::before {
      content: '';
      position: relative;
      top: -3px;
      left: -4px;
      bottom: -4px;
      background: rgba(255, 255, 0, 0.3);
      border-radius: 0.8em 0.3em 0.9em 0.4em;
      z-index: -1;
      transform: rotate(-0.5deg) skew(-1deg);
      clip-path: polygon(
          0% 10%, 15% 16%, 25% 12%, 35% 18%, 45% 14%,
          55% 10%, 65% 16%, 75% 12%, 85% 18%, 100% 14%,
          100% 90%, 85% 86%, 75% 92%, 65% 88%, 55% 94%,
          45% 90%, 35% 86%, 25% 92%, 15% 88%, 0% 92%
      );
  }
  
  
  .shighlight::after {
      content: '';
      position: relative;
      top: -2px;
      left: -2px;
      right: -4px;
      bottom: -3px;
      background: rgba(255, 255, 0, 0.15);
      border-radius: 0.6em 0.7em 0.5em 0.8em;
      z-index: -2;
      transform: rotate(0.3deg) skew(0.5deg);
      clip-path: polygon(
              0% 14%, 12% 10%, 24% 16%, 36% 12%, 48% 18%,
              60% 14%, 72% 10%, 84% 16%, 96% 12%, 100% 18%,
              100% 88%, 96% 92%, 84% 86%, 72% 94%, 60% 90%,
              48% 86%, 36% 92%, 24% 88%, 12% 94%, 0% 90%
          );
   }
  
  
  .shighlight-orange {
      position: relative;
      background: linear-gradient(102deg,
      rgba(255, 165, 0, 0) 0.9%,
      rgba(255, 165, 0, 0.8) 2.4%,
      rgba(255, 165, 0, 0.5) 5.8%,
      rgba(255, 165, 0, 0.45) 93%,
      rgba(255, 165, 0, 0.7) 96%,
      rgba(255, 165, 0, 0) 98%)
         );
      border-radius: 1.2em 0.3em 0.8em 0.7em;
      padding: 0.1em 0.2em;
      background-size: 100% 60%;
      background-position: 0 40%;
      background-repeat: no-repeat;
          );
  }
  
  .shighlight-orange::before {
      content: '';
      position: relative;
      top: -2px;
      left: -3px;
      bottom: -2px;
      background: rgba(255, 165, 0, 0.3);
      border-radius: 0.7em 0.5em 0.8em 0.3em;
      z-index: -1;
      transform: rotate(0.4deg) skew(-0.8deg);
      clip-path: polygon(
          0% 16%, 15% 12%, 30% 18%, 45% 14%, 60% 10%,
          75% 16%, 90% 12%, 100% 18%, 100% 88%, 90% 92%,
          75% 86%, 60% 94%, 45% 90%, 30% 86%, 15% 92%, 0% 88%
      );
  }
  
  .shighlight-pink {
      position: relative;
      background: linear-gradient(106deg, rgba(255, 20, 147, 0) 0.9%, rgba(255, 20, 147, 0.6) 2.4%, rgba(255, 20, 147, 0.4) 5.8%, rgba(255, 20, 147, 0.1) 93%, rgba(255, 20, 147, 0.6) 96%, rgba(255, 20, 147, 0) 98%);
      border-radius: 1.2em 0.3em 0.8em 0.7em;
      padding: 0.1em 0.2em;
      background-size: 100% 60%;
      background-position: 0 40%;
      background-repeat: no-repeat;
  }
  
  .shighlight-pink::before {
      content: '';
      position: relative;
      top: -1px;
      left: -2px;
      bottom: -3px;
      background: rgba(255, 20, 147, 0.25);
      border-radius: 0.5em 0.9em 0.4em 1.1em;
      z-index: -1;
      transform: rotate(-0.3deg) skew(1deg);
      /* Pink subtle wavy background */
      clip-path: polygon(
          0% 12%, 20% 18%, 35% 14%, 50% 10%, 65% 16%,
          80% 12%, 100% 18%, 100% 90%, 80% 86%, 65% 92%,
          50% 88%, 35% 94%, 20% 90%, 0% 86%
      );
  }
  
  .shighlight-blue {
      position: relative;
      background: linear-gradient(102deg,
          rgba(0, 191, 255, 0) 0.9%,
          rgba(0, 191, 255, 0.8) 2.4%,
          rgba(0, 191, 255, 0.5) 5.8%,
          rgba(0, 191, 255, 0.1) 93%,
          rgba(0, 191, 255, 0.7) 96%,
          rgba(0, 191, 255, 0) 98%
      );
      border-radius: 1.2em 0.3em 0.8em 0.7em;
      padding: 0.1em 0.2em;
      background-size: 100% 60%;
      background-position: 0 40%;
      background-repeat: no-repeat;
  }
  
  .shighlight-blue::before {
      content: '';
      position: absolute;
      top: -2px;
      left: -3px;
      right: -3px;
      bottom: -2px;
      background: rgba(0, 191, 255, 0.3);
      border-radius: 0.7em 0.5em 0.8em 0.3em;
      z-index: -1;
      transform: rotate(0.4deg) skew(-0.8deg);
      clip-path: polygon(
          0% 16%, 15% 12%, 30% 18%, 45% 14%, 60% 10%,
          75% 16%, 90% 12%, 100% 18%, 100% 88%, 90% 92%,
          75% 86%, 60% 94%, 45% 90%, 30% 86%, 15% 92%, 0% 88%
      );
  }
  
  
  /* STICKY NOTES */
  #page-content div.stickynote {
     float: left;
     max-width: calc(var(--main-content-width) / 2.15);
     box-sizing: border-box;
     margin: 0.25rem 1.25rem;
     padding-inline: 1.2rem;
     padding-block: 0.5rem;
     font-size: 1.1525em;
     border-radius: 7px;
     position: relative;
     font-family: 'Permanent Marker', cursive;
     letter-spacing: 0.75px;
     box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.2), inset 0 0 0 1px rgba(255, 255, 255, 0.4), inset 0 -2px 4px rgba(0, 0, 0, 0.05);
     transform: rotate(-1deg);
     transition: transform 0.2s ease;
  }
  
  /* Hover effect for interactivity */
  #page-content div.stickynote:hover {
      transform: rotate(0deg) scale(1.02);
      box-shadow:
          4px 4px 12px rgba(0, 0, 0, 0.25),
          inset 0 0 0 1px rgba(255, 255, 255, 0.5),
          inset 0 -3px 6px rgba(0, 0, 0, 0.08);
  }
  
  /* Position Controls */
  #page-content div.stickynote.left {
      float: left;
      margin-left: clamp(calc(var(--main-content-width) / -4.5), calc((87.5vw - 95%) / -2), 0rem);
  }
  
  #page-content div.stickynote.right {
      float: right;
      clamp(calc(var(--main-content-width) / -100), calc((87.5vw - 95%) / -2), -2rem)
      margin-left: 1.25rem;
  }
  
  /* Tilt Controls */
  #page-content div.stickynote.tilt-none {
      transform: rotate(0deg);
  }
  
  #page-content div.stickynote.tilt-light {
      transform: rotate(-0.5deg);
  }
  
  #page-content div.stickynote.tilt-medium {
      transform: rotate(-2deg);
  }
  
  #page-content div.stickynote.tilt-heavy {
      transform: rotate(-3deg);
  }
  
  #page-content div.stickynote.tilt-right-light {
      transform: rotate(0.5deg);
  }
  
  #page-content div.stickynote.tilt-right-medium {
      transform: rotate(2deg);
  }
  
  #page-content div.stickynote.tilt-right-heavy {
      transform: rotate(3deg);
  }
  
  #page-content div.stickynote.tilt-none:hover { transform: rotate(0deg) scale(1.02); }
  #page-content div.stickynote.tilt-light:hover { transform: rotate(-0.5deg) scale(1.02); }
  #page-content div.stickynote.tilt-normal:hover { transform: rotate(-1deg) scale(1.02); }
  #page-content div.stickynote.tilt-medium:hover { transform: rotate(-2deg) scale(1.02); }
  #page-content div.stickynote.tilt-heavy:hover { transform: rotate(-3deg) scale(1.02); }
  #page-content div.stickynote.tilt-right-light:hover { transform: rotate(0.5deg) scale(1.02); }
  #page-content div.stickynote.tilt-right-normal:hover { transform: rotate(1deg) scale(1.02); }
  #page-content div.stickynote.tilt-right-medium:hover { transform: rotate(2deg) scale(1.02); }
  #page-content div.stickynote.tilt-right-heavy:hover { transform: rotate(3deg) scale(1.02); }
  
  #page-content div.stickynote.yellow {
      background-color: #ffeb3b;
      border: solid 0.12rem #f9c74f;
      color: #333;
  }
  
  #page-content div.stickynote.red {
      background-color: #ff5252;
      border: solid 0.12rem #e53935;
  }
  
  #page-content div.stickynote.blue {
      background-color: #42a5f5;
      border: solid 0.12rem #1976d2;
  }
  
  #page-content div.stickynote.green {
      background-color: #66bb6a;
      border: solid 0.12rem #388e3c;
  }
  
  #page-content div.stickynote.orange {
      background-color: #ff9800;
      border: solid 0.12rem #f57c00;
  }
  
  #page-content div.stickynote.pink {
      background-color: #fb85ad;
      border: solid 0.12rem #c2185b;
  }
  

  Pages using this styling

  • pointtwo [info]

  ¶ 1 occurrence
  

   :root {
      --accentColor: hsl(195, 81%, 51%);
      --accentColorLite: hsla(195, 81%, 61%, .5);
      --hue: 195deg;
      --lgurl: url(https://scp-wiki.wdfiles.com/local--files/component:pride-highlighter/tg_logo_blk.svg);
  
      --header-subtitle: "SYNERGIZE - COLLABORATE - PROPOSE";
  }
  
   #extra-div-1 {
      filter: opacity(.2);
  }
  
   #page-content table.wiki-content-table {
      margin: 0 auto;
      width: 100%;
  }
  
   #page-content table.wiki-content-table tr td {
      border-color: var(--accentColorLite);
  }
  
   #page-content table.wiki-content-table tr td:nth-child(1) {
      font-size: 1.05rem;
      font-weight: bold;
      text-align: center;
      width: 33%;
  }
   #page-content table.wiki-content-table tr td:nth-child(2) {
      text-align: center;
      width: 33%;
  }
   #page-content table.wiki-content-table tr td:nth-child(3) {
      width: 33%;
  }
  
   #page-content div table {
      overflow-x: auto;
  }
  
   .modal {
      margin: 1rem 0;
  
      color: var(--textColorMid);
      background: var(--fgColor);
      border: 7px solid var(--accentColorLite);
  }
  
   .modal .collapsible-block-folded,
   .modal .collapsible-block-unfolded-link {
      margin: 0 auto;
      padding: 1.6rem;
  }
  
   @media (min-width: 768px) {
       #main-content {
       max-width: 75%;
      }
  
       .modal .collapsible-block-link {
       font-size: 1.55rem;
      }
  }

  Pages using this styling

  • poi-complete-list [info]

  ¶ 1 occurrence
  

   :root{
  --accentColor: hsl(352, 82%, 38%);
       --accentColorLite: hsla(352, 82%, 48%, .5) ;
       --hue: 325deg;
  
  --header-title: "In the Court of Alagadda";
       --header-subtitle: "It Never Seemed So Far Out of Reach";
  }
  .yellow-tint, .yellow-tint hr, .yellow-tint h3 {
      --fgColor: hsla(59, 62%, 40%, 1); this is the background color of the box
      --accentColor: hsla(59, 44%, 40%, 1); this are its border
      --accentColorLite: hsla(values); and this are the letters
  }

  Pages using this styling

  • poetic-records-of-the-alagaddan-lords [info]

  ¶ 1 occurrence
  

  /*
      Serpent's Hand Theme
      [2014 Wikidot Theme]
      Created for the SCP Foundation by Aelanna
      Edited for SCP Foundation by Dr Devan
      Edited for Wanderers' Library by ZeroStrider
      Returned to the SCP Foundation by salamander724
      Edited for the SCP Foundation by stormbreath
  */
   
  h1, #page-title {
      color: #044d00;
  }
   
  #page-title {
      border-color: #bbb;
  }
   
  /* LINK RECOLORS */
   
  a {
      color: #059400;
  }
  a.newpage {
      color: #00a862;
  }
   
  #side-bar a:visited{
      color: #059400;
  }
   
  a:visited {
      color: #059400;
  }
   
  /* HEADER IMAGES */
  div#container-wrap {
      background-image: url(https://scp-wiki.wdfiles.com/local--files/theme%3Awanderers/sh_body.png);
  }
   
  #header {
       background-image: url(https://scp-wiki.wdfiles.com/local--files/theme%3Awanderers/sh_logo.png);
  }
   
  /* SEARCH BAR RECOLOR */
  #search-top-box-input {
      background-color: #1a3300;
  }
   
  #search-top-box-input:hover,
  #search-top-box-input:focus {
      background-color: #3e6633;
  }
   
  #search-top-box-form input[type=submit] {
      background-color: #396633;
      background: linear-gradient(to bottom, #739966, #396633, #0b3300);
  }
   
  #search-top-box-form input[type=submit]:hover,
  #search-top-box-form input[type=submit]:focus {
      background-color: #739966;
      background: linear-gradient(to bottom, #0b3300, #739966, #396633);
  }
   
  /* LOGIN STATUS */
  #login-status ul a {
      color: #059400;
  }
   
  /* HEADER TEXT */
  #header h1 a {
      color: transparent;
      text-shadow: none;
  }
   
  #header h1 a::before {
      content: "Serpent's Hand";
      color: #eee;
  }
   
  #header h2 span {
      color: transparent;
      text-shadow: none;
  }
   
  #header h2 span::before {
      content: "The Garden is the Serpent's Place.";
      color: #f0f0c0;
  }
   
  /* SIDE BAR */
  #side-bar {
      padding: 10px;
      border: 2px dotted black;
      background-color: white !important;
      box-shadow: 0 2px 6px rgba(0,30,0,.5);
      border-radius: 10px;
      margin-bottom: 15px;
  }
   
  #side-bar .side-block,
  #interwiki .side-block {
      border: none;
      box-shadow: none;
      background-color: white !important;
      margin-bottom: 0px;
      padding: 3px;
  }
   
  #side-bar .heading,
  #interwiki .heading {
      color: #1a3300;
      border-bottom: solid 1px #1a3300;
      width: 80%;
      margin: auto;
      margin-top: 1em;
  }
   
  #side-bar .collapsible-block-unfolded-link {
      border-bottom: solid 1px #1a3300;
  }
  #side-bar .collapsible-block-unfolded-link .collapsible-block-link {
      color: #116600;
  }
  #side-bar .collapsible-block-unfolded-link .collapsible-block-link:hover {
      color: #059400;
  }
   
  #interwiki .menu-item img {
      filter: hue-rotate(140deg) brightness(150%);
  }
   
  /* TOP-BAR */
  #top-bar ul li.sfhover a,
  #top-bar ul li:hover a {
      color: #059400;
  }
  #top-bar ul li ul a, #top-bar a:hover {
      color: #059400;
  }
   
  /* Page Rating Module Customizations */
  div.page-rate-widget-box .rate-points {
      background-color: #006c00;
      border: solid 1px #006c00;
  }
  .page-rate-widget-box .rateup,
  .page-rate-widget-box .ratedown {
      background-color: #F0FFEC;
      border-top: solid 1px #006c00;
      border-bottom: solid 1px #006c00;
  }
  .page-rate-widget-box .rateup a,
  .page-rate-widget-box .ratedown a {
      color: #006c00;
  }
  .page-rate-widget-box .rateup a:hover,
  .page-rate-widget-box .ratedown a:hover {
      background: #006c00;
      color: #EFFFEC;
  }
  .page-rate-widget-box .cancel {
      background-color: #006c00;
      border: solid 1px #006c00;
  }
  .page-rate-widget-box .cancel a {
      color: #EFFFEC;
  }
  .page-rate-widget-box .cancel a:hover {
      background: #DBFFCE;
      color: #EFFFEC;
  }
   
  /* INFO MODULE COMPATIBILITY */
  #page-content .rate-box-with-credit-button {
      background-color: #006c00;
      border-color: #006c00;
      border-radius: 5px;
      box-shadow: 1px 1px 3px rgba(0,0,0,.5);
  }
  #page-content .creditButton p a {
      border-left-color: #EFFFEC;
  }
   
  .close-credits,
  .credit-back {
      filter: hue-rotate(140deg);
  }
   
  #page-content .modalbox {
      box-shadow: 0 2px 6px rgba(0,30,0,.5);
  }
   
  /* AYER'S INFO MODULE */
  :root {
  --barColour: #006c00;
  }
   
  /* Standard Image Block */
  .scp-image-block {
      border: solid 1px #666;
      box-shadow: 0 1px 6px rgba(0,0,0,.25);
  }
  .scp-image-block .scp-image-caption {
      background-color: #eee;
      border-top: solid 1px #666;
  }
   
  /* YUI-TABS */
  .yui-navset .yui-nav a,
  .yui-navset .yui-navset-top .yui-nav a {
      background-image: url(https://scp-wiki.wdfiles.com/local--files/theme%3Awanderers/tabs.png);
  }
  .yui-navset .yui-nav .selected a,
  .yui-navset .yui-nav .selected a:focus, /* no focus effect for selected */
  .yui-navset .yui-nav .selected a:hover { /* no hover effect for selected */
      background:#077000 url(https://scp-wiki.wdfiles.com/local--files/theme%3Awanderers/tabs.png) repeat-x left -1400px; /* selected tab background */
  }
  .yui-navset .yui-nav a:hover,
  .yui-navset .yui-nav a:focus {
      background:#8d8 url(https://scp-wiki.wdfiles.com/local--files/theme%3Awanderers/tabs.png) repeat-x left -1300px;
  }
   
  /* MOBILE SIDEBAR */
   
  @media (max-width: 767px) {   
      #side-bar {
           background-color: white;
      }
      #side-bar:target {
           border: 2px dotted black;
      }
      #side-bar:target .close-menu {
          background: none;
      }
  }
   
  /* footnote by 7happy7 */
  span:not([class]):not([style]) > sup.footnoteref:first-child > a.footnoteref:before,
  sup.footnoteref > a.footnoteref:before {
  content: "(";
  }
  span:not([class]):not([style]) > sup.footnoteref > a.footnoteref:before {
  content: ",";
  }

  Pages using this styling

  • poem-found-on-birch-bark-about-a-fairy-and-the-horned-doe [info]

  ¶ 1 occurrence
  

  
  @import url('https://fonts.googleapis.com/css?family=Sansita&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Emilys+Candy&display=swap');
  
  @import url('https://fonts.googleapis.com/css?family=EB+Garamond:500&display=swap');
  
  .fancytext {
  font-family:"EB Garamond"; sans-serif;
  font-size:120%;
  }
  
  .email {border: solid 2px #000000; width: 88%; padding: 1px 15px; margin: auto; box-shadow: 0 1px 3px rgba(0,0,0,.5); background-color: white; color: black; font-family: "Helvetica";}
  .email-example a.collapsible-block-link {font-weight: bold;}
  .tofrom {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px royalblue}
  .tofrom2 {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px #f26c0c}
  
  .email2 {border: solid 2px #000000; width: 88%; padding: 1px 15px; margin: auto; box-shadow: 0 1px 3px rgba(0,0,0,.5); background-color: #fdffd3; color: black; font-family: "Sansita";}
  .tofrom2 {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px #9538a5;font-family: "Emilys Candy"}
  .tofrom3 {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px #9538a5; font-family: "Emilys Candy"}
  
  
  

  Pages using this styling

  • poem-about-a-statue [info]

  ¶ 1 occurrence
  

   .content-panel {
       border: solid 1px #888880;
       border-radius: 10px;
       background-color: #999990;
       margin: 10px 0 15px;
       box-shadow: 3px 3px 6px #bbb;
       box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.1);
  }
   .content-panel.standalone {
       background: #fcfdfb;
  }
   .content-panel.series {
       padding: 0 20px;
       margin-bottom: 20px;
       padding-bottom: 1rem;
  }

  Pages using this styling

  • podcast-hub [info]

  ¶ 1 occurrence
  

  /* INFO BOX */
  
  body{
      --linkColour: #e4b41c;
      --barColour: #2d462d;
  }
  .translation_block, .u-faq { display: none; }

  Pages using this styling

  • poczatki-normalnosci-i-jej-przyszlosc [info]

  ¶ 1 occurrence
  

  @import url('https://scp-wiki.wikidot.com/local--files/theme:turbo-vision/IBM_VGA8.css');

  Pages using this styling

  • play [info]

  ¶ 1 occurrence
  

  :root {
      --timeScale: 6;
      --timeDelay: 6s;
      --red: 176, 216, 247;
       --medium-accent: var(--red);
       --cutColour: #fafafa;
       --barColour: var(--red);
       --toggle-border-color: rgb(var(--red));
       --toggle-icon-color: rgb(var(--red));
       --mono-font: 'IBM Plex Mono', monospace;
       --background-gradient-distance: 20rem;
       --background-gradient-color: var(--red);
       --dark-accent: var(--red);
       --barColour: var(--red);
       --bright-accent: var(--red);
  
  --link-color: 140, 199, 245;
  --visited-link-color: 176, 216, 247;
  --hover-link-color: 176, 216, 247;
  }
  
  :root {
      --logo-image: url("https://nu-scptheme.github.io/Black-Highlighter/img/logo.svg");
  }
  
  
  #page-content hr {
  border-top: none;
  height: .09em;
  background: rgb(var(--red));
  border-left: 50px double #fcfcfc;
  border-right: 50px double #fcfcfc;
  }
  
  .info-container{
  --barColour: #b0d8f7;
  }
  
  .scp-image-block {
  border: none;
  border-bottom: 2px solid #b0d8f7;
      box-shadow: none;
  }
  
  .info-container .collapsible-block-folded a{
  color: #FFF;}
  .info-container .collapsible-block-unfolded-link a{
  color: #FFF;
  }
  
  .info-container .collapsible-block-folded a{
  color: #FFF;}
  .info-container .collapsible-block-unfolded-link a{
  color: #FFF;
  }
  
  #page-content > .collapsible-block {
      display: block;
      text-align: center;
      padding: .8em;
      background-color: #e3e3e3;
      border-top: 0.125rem dashed #b5b5b5;
      border-bottom: 0.125rem dashed #b5b5b5;
  }
  
  #page-content > .collapsible-block .collapsible-block-content {
      text-align: left;
  }
  
  blockquote,
  div.blockquote {
      border: 0.125rem solid #d4d4d4;
      background-color: #F5F5F5;
  }
  
  .interview{
      border-top:solid 2px #b0d8f7;
      border-bottom:solid 2px #b0d8f7;
      background:#F5F5F5;
      width:90%;
      padding:1px 15px;
      margin: 10px auto;
  }
  
  .addendum{
      border:solid 1px #5e5e5e;
      background:#ffffff;
      width:90%;
      padding:1px 15px;
      margin: 10px auto;
  }
  
  .poster{
      border:solid 2px #9c0202;
      background:#ffffff;
      width:60%;
      padding:15px;
      margin: 10px auto;
  }
  
  #page-title{display:none}
  

  Pages using this styling

  • plauge-proposal [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Lexend:wght@100..900&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,700;1,400;1,700&display=swap');
  
  :root {
      --c-deep:  #051c2e;
      --c-mid:   #0a3e66;
      --c-blue:  #5dafef;
      --c-light: #b0d8f7;
      --c-gold:  #f0d080;
      --c-white: #ffffff;
  
      --black-monochrome:           255, 255, 255;
      --medium-accent:              176, 216, 247;
      --white-monochrome:           7, 39, 65;
      --gray-monochrome:            176, 216, 247;
      --dark-gray-monochrome:       93, 175, 239;
      --bright-accent:              139, 198, 243;
      --dark-accent:                241, 241, 230;
      --pale-gray-monochrome:       12, 70, 116;
      --pale-accent:                186, 221, 248;
      --light-pale-gray-monochrome: 244, 244, 244;
      --very-light-gray-monochrome: 215, 215, 215;
      --light-gray-monochrome:      160, 160, 160;
  
      --header-title:    " ";
      --header-subtitle: " ";
      --logo-image: url("https://scptestwiki.wdfiles.com/local--files/jawn-hub-pics/thog.png");
  
      --body-font:   'Lexend', sans-serif;
      --header-font: 'Lexend', sans-serif;
      --title-font:  var(--header-font);
      --UI-font:     'Lexend', sans-serif;
  }
  
  #page-title  { display: none; }
  #header::before { opacity: 1; }
  
  #extra-div-1 {
      display: block;
      position: absolute;
      top: 0; left: 0;
      width: 100%; height: 10.1rem;
      background-image: url(https://scptestwiki.wdfiles.com/local--files/jawn-hub-pics/hizz4.png);
      background-size: cover;
      background-position: center 45%;
      background-repeat: no-repeat;
      background-color: rgb(var(--dark-accent));
  }
  
  #content-wrap {
      background-color: var(--c-deep);
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 56 28' width='56' height='28'%3E%3Cpath fill='%230a3e66' fill-opacity='0.54' d='M56 26v2h-7.75c2.3-1.27 4.94-2 7.75-2zm-26 2a2 2 0 1 0-4 0h-4.09A25.98 25.98 0 0 0 0 16v-2c.67 0 1.34.02 2 .07V14a2 2 0 0 0-2-2v-2a4 4 0 0 1 3.98 3.6 28.09 28.09 0 0 1 2.8-3.86A8 8 0 0 0 0 6V4a9.99 9.99 0 0 1 8.17 4.23c.94-.95 1.96-1.83 3.03-2.63A13.98 13.98 0 0 0 0 0h7.75c2 1.1 3.73 2.63 5.1 4.45 1.12-.72 2.3-1.37 3.53-1.93A20.1 20.1 0 0 0 14.28 0h2.7c.45.56.88 1.14 1.29 1.74 1.3-.48 2.63-.87 4-1.15-.11-.2-.23-.4-.36-.59H26v.07a28.4 28.4 0 0 1 4 0V0h4.09l-.37.59c1.38.28 2.72.67 4.01 1.15.4-.6.84-1.18 1.3-1.74h2.69a20.1 20.1 0 0 0-2.1 2.52c1.23.56 2.41 1.2 3.54 1.93A16.08 16.08 0 0 1 48.25 0H56c-4.58 0-8.65 2.2-11.2 5.6 1.07.8 2.09 1.68 3.03 2.63A9.99 9.99 0 0 1 56 4v2a8 8 0 0 0-6.77 3.74c1.03 1.2 1.97 2.5 2.79 3.86A4 4 0 0 1 56 10v2a2 2 0 0 0-2 2.07 28.4 28.4 0 0 1 2-.07v2c-9.2 0-17.3 4.78-21.91 12H30zM7.75 28H0v-2c2.81 0 5.46.73 7.75 2zM56 20v2c-5.6 0-10.65 2.3-14.28 6h-2.7c4.04-4.89 10.15-8 16.98-8zm-39.03 8h-2.69C10.65 24.3 5.6 22 0 22v-2c6.83 0 12.94 3.11 16.97 8zm15.01-.4a28.09 28.09 0 0 1 2.8-3.86 8 8 0 0 0-13.55 0c1.03 1.2 1.97 2.5 2.79 3.86a4 4 0 0 1 7.96 0zm14.29-11.86c1.3-.48 2.63-.87 4-1.15a25.99 25.99 0 0 0-44.55 0c1.38.28 2.72.67 4.01 1.15a21.98 21.98 0 0 1 36.54 0zm-5.43 2.71c1.13-.72 2.3-1.37 3.54-1.93a19.98 19.98 0 0 0-32.76 0c1.23.56 2.41 1.2 3.54 1.93a15.98 15.98 0 0 1 25.68 0zm-4.67 3.78c.94-.95 1.96-1.83 3.03-2.63a13.98 13.98 0 0 0-22.4 0c1.07.8 2.09 1.68 3.03 2.63a9.99 9.99 0 0 1 16.34 0z'%3E%3C/path%3E%3C/svg%3E");
  }
  
  
  
  /* ── TABS───────────────────────────────────────────── */
  #main-content {
      --tabs-content-bg-color:    rgba(255,0,0,0);
      --tabs-bg:                  rgba(255,0,0,0);
      --tabs-hover-bg:            rgba(255,0,0,0);
      --tabs-selected-bg:         rgba(255,0,0,0);
      --tabs-selected-outline:    rgba(255,0,0,0);
      --tabs-bottom-border-color: rgba(255,0,0,0);
      --tabs-hover-txt: var(--medium-accent);
  }
  
  .yui-navset.yui-navset-top { border-left: 3px solid var(--bluedark); }
  
  .yui-navset .yui-nav {
      position: relative;
      z-index: 0;
      border: none;
      padding-left: 0.2em;
  }
  
  .yui-navset .yui-nav li {
      padding: 0;
      margin: 0.2em 0.3em;
      transition: all 200ms ease-in-out;
  }
  
  .yui-navset .yui-nav li a,
  .yui-navset .yui-nav li a:hover {
      background: transparent;
      border: none;
      font-family: 'Lexend', sans-serif;
      font-weight: 900;
      letter-spacing: -1px;
      font-size: 1em;
      color: var(--c-light);
      text-shadow: 0px 1px 0px var(--c-blue);
  }
  
  .yui-navset .yui-nav li a em {
      border: none;
      padding: 0.5em 0.5em calc(0.5em - 2px);
      color: var(--c-light);
      transition: all 200ms ease-in-out;
  }
  
  .yui-navset .yui-nav .selected {
      padding: 0;
      margin: 0.2em 0.3em;
      font-family: 'Lexend', sans-serif;
      font-weight: 900;
      letter-spacing: -2px;
      font-size: 2.5em;
      color: var(--c-light);
      text-shadow: 0px 2px 0px var(--c-blue);
      transition: all 200ms ease-in-out;
  }
  
  .yui-navset .yui-nav .selected a,
  .yui-navset .yui-nav .selected a:focus,
  .yui-navset .yui-nav .selected a:hover,
  .yui-navset .yui-nav .selected a em {
      padding: 0;
      border: none;
      background: transparent;
      color: var(--c-light);
      text-shadow: 0px 2px 0px var(--c-blue);
      transition: all 200ms ease-in-out;
  }
  
  .yui-navset .yui-content {
      display: flex;
      flex-direction: column;
      background-color: transparent;
      border: none;
      padding: 0;
      position: relative;
      margin-top: -1.5em;
      transform-origin: 0 0;
  }
  
  .yui-navset .yui-content > div {
      border: none;
      background-color: transparent;
      padding: 0.25em 0.5em;
      display: block;
      top: 0;
      overflow: hidden;
      transform-origin: 0 0;
  }
  
  #page-content .yui-navset .yui-content > div > * { transform-origin: 0 0; }
  
  #page-content .yui-navset .yui-content > div[style*="none"] {
      display: block !important;
      flex: 0;
      max-height: 0;
      padding: 0 0.5em;
      border-width: 0;
      transition: all 200ms ease-in-out;
      animation: tab-disappear 0.5s ease-in-out 0s 1 both;
  }
  
  #page-content .yui-navset .yui-content > div[style*="block"] {
      display: block !important;
      flex: 1;
      max-height: 9999rem;
      transition: all 200ms ease-in-out;
      animation: tab-appear 0.5s ease-in-out 0.5s 1 both;
  }
  
  @keyframes tab-disappear {
      0%   { max-height: 9999rem; }
      1%   { max-height: 100vh;   }
      100% { max-height: 0;       }
  }
  @keyframes tab-appear {
      0%   { max-height: 0;       }
      99%  { max-height: 100vh;   }
      100% { max-height: 9999rem; }
  }
  
  @media only screen and (max-width: 26.5625rem) {
      .yui-navset .yui-nav .selected { font-size: 1.8em; }
  }
  
  /* ── ARTICLES ───────────────────────────────────── */
  .card {
      display: block;
      height: 18em;
      margin: 1em;
      padding-left: 0.75rem;
      border-radius: 3px;
      text-decoration: none !important;
      position: relative;
      z-index: 1;
      overflow: hidden;
      background-color: #54abee;
      background-blend-mode: soft-light;
      background-position: 25% 40%;
      background-size: 140%;
      transition: all 200ms ease-in-out;
      will-change: transform;
  }
  
  .card.feat { height: 11em; }
  
  .card:hover {
      text-decoration: none !important;
      transform: scale(1.05);
      z-index: 2;
      background-color: transparent;
      transition: all 200ms ease-in-out;
  }
  
  /* sheen effect */
  .card::before {
      content: '';
      position: absolute;
      top: 0; left: -60%;
      width: 40%; height: 100%;
      background: linear-gradient(120deg,
          rgba(255,255,255,0.02) 0%,
          rgba(255,255,255,0.10) 50%,
          rgba(255,255,255,0.02) 100%);
      transform: skewX(-20deg);
      z-index: 3;
      pointer-events: none;
      opacity: 0;
  }
  .card:hover::before { animation: sheen 0.6s ease-out forwards; opacity: 1; }
  @keyframes sheen { from { left: -60%; } to { left: 110%; } }
  
  .card-name {
      font-family: 'Lexend', sans-serif;
      font-size: 2.5em;
      font-weight: 700;
      letter-spacing: -1px;
      color: black;
      margin-bottom: -0.5em;
      transition: all 200ms ease-in-out;
  }
  .card:hover .card-name { color: var(--c-light) !important; }
  .card:hover .card-name,
  .card:hover .card-sub  { text-shadow: #051c2e 0.5px 0.5px 1px; }
  
  .card-sub {
      font-family: 'Lexend', sans-serif;
      font-style: italic;
      font-weight: 300;
      font-size: 1.5em;
      color: black;
      display: inline-block;
      max-width: 350px;
      word-break: normal;
      overflow-wrap: break-word;
      line-height: 25px;
      margin-top: -0.5em;
      margin-bottom: 0.2em;
  }
  .card:hover .card-sub { color: var(--c-white) !important; }
  
  .card-info {
      font-family: 'Lexend', sans-serif;
      font-style: italic;
      font-weight: 200;
      font-size: 1.1em;
      color: black;
      display: inline-block;
      max-width: 370px;
      word-break: normal;
      overflow-wrap: break-word;
      line-height: 20px;
      margin-top: -0.2em;
      margin-bottom: 0.2em;
  }
  .card:hover .card-info     { color: var(--c-white) !important; }
  .card:hover .card-proposal { color: gold; }
  
  .card-right { float: right; margin-right: 1em; text-align: right; }
  
  /* ── BADGES ────────────────────────────────────────────*/
  .badge {
      position: absolute;
      bottom: 0.6em; left: 0.6em; right: auto;
      z-index: 10;
      display: inline-flex;
      flex-direction: row;
      align-items: center;
      overflow: hidden;
      height: 2em;
      border-radius: 3px;
      cursor: default;
      white-space: nowrap;
      text-shadow: none !important;
      box-shadow: 0 2px 8px rgba(0,0,0,.45);
      transition: all 200ms ease-in-out;
  }
  .card:has(.card-right) .badge {
      left: auto; right: 0.6em;
      flex-direction: row-reverse;
  }
  .badge:hover { box-shadow: 0 4px 18px rgba(0,0,0,.55); }
  
  .badge-tw  { background: var(--c-mid);  border: 1px solid var(--c-gold); }
  .badge-win { background: var(--c-mid);  border: 1px solid var(--c-blue); }
  .badge-ent { background: var(--c-deep); border: 1px solid var(--c-light); }
  .badge-col { background: #0d3554;       border: 1px solid var(--c-blue); }
  
  .badge-label {
      font-family: 'Lexend', sans-serif;
      font-size: 0.7em;
      font-weight: 800;
      letter-spacing: 0.06em;
      text-transform: uppercase;
      color: var(--c-light);
      text-shadow: none !important;
      flex-shrink: 0;
      padding: 0 0.6em;
      pointer-events: none;
  }
  .badge-tw  .badge-label,
  .badge-win .badge-label { color: var(--c-gold); }
  
  .badge-sep {
      font-family: 'Lexend', sans-serif;
      font-size: 0.7em;
      font-weight: 300;
      color: rgba(176,216,247,.45);
      text-shadow: none !important;
      flex-shrink: 0;
      max-width: 0; opacity: 0;
      overflow: hidden;
      pointer-events: none;
      transition: all 200ms ease-in-out;
  }
  .badge:hover .badge-sep { max-width: 2em; opacity: 1; }
  
  .badge-detail {
      font-family: 'Lexend', sans-serif;
      font-size: 0.68em;
      font-weight: 400;
      letter-spacing: 0.01em;
      color: rgba(176,216,247,.9);
      text-shadow: none !important;
      flex-shrink: 0;
      max-width: 0; opacity: 0;
      overflow: hidden; padding: 0;
      pointer-events: none;
      transition: all 200ms ease-in-out;
  }
  .badge:hover .badge-detail { max-width: 24em; opacity: 1; padding: 0 0.6em; }
  
  .badge-tw .badge-sep,
  .badge-tw .badge-detail { display: none; }
  
  .badge-s2 { bottom: 3.2em; }
  .badge-s3 { bottom: 5.8em; }
  
  /* ── OTHER JUNK ─────────────────────────────────── */
  .talebox {
      width: 90%;
      margin: 1.25rem auto;
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 1.6rem;
      row-gap: 0.25rem;
  }
  
  .tale-card {
      position: relative;
      box-sizing: border-box;
      display: flex;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: 6rem;
      padding: 1rem 1.25rem;
      text-align: center;
      text-decoration: none !important;
      color: var(--c-light) !important;
      font-family: 'Lexend', sans-serif;
      border-radius: 5px;
      transition: all 200ms ease-in-out;
  }
  
  .tale-card:hover {
      transform: translateY(-2px);
      box-shadow: 0 16px 32px rgba(0,0,0,.42);
      backdrop-filter: blur(1.25px);
      transition: all 200ms ease-in-out;
  }
  
  .tale-title {
      margin: 0;
      max-width: 92%;
      color: var(--c-light) !important;
      font-weight: 500;
      font-style: italic;
      letter-spacing: -.01em;
      font-size: clamp(1.1rem, 3.1vw, 1.7rem);
      line-height: 1.1;
      white-space: normal;
  }
  
  /* inline colour helpers */
  .t-ip    { color: var(--c-light) !important; text-shadow: 1.5px 1.5px 0 #8e4f00; font-weight: 700; }
  .t-rmd1  { color: var(--c-white) !important; background: black; padding-left: 7px; }
  .t-rmd2  { color: black !important; background: var(--c-white); padding-right: 7px; }
  .t-br    { color: #fff3ad !important; font-weight: 300; }
  .t-slice { font-weight: 400; color: var(--c-white) !important; }
  .t-hog   { color: #f20000 !important; font-weight: 600; }
  .t-freak { font-weight: 600; color: var(--c-white) !important; }
  .t-fkgrn { font-weight: 600; color: #009344 !important; }
  .t-fkred { font-weight: 600; color: #cf2734 !important; }
  
  .talebox > p:last-of-type:nth-of-type(odd) {
      grid-column: 1 / -1;
      justify-self: center;
  }
  
  /* ── PIZZA ────────────────────────────────────────────── */
  .t-pizza {
      font-family: 'Playfair Display', serif;
      font-style: italic;
      font-weight: 400;
      font-size: clamp(1rem, 2.8vw, 1.5rem);
      color: #f5deb3 !important;
      letter-spacing: 0.02em;
      text-shadow: 1px 1px 8px rgba(180, 80, 20, 0.4);
  }
  .t-pizza-know {
      font-weight: 700;
      color: #e07b39 !important;
  }
  
  /* ── PJPSS COMPONENT ─────────────────────────────────── */
  .t-code {
      font-family: 'Courier New', monospace;
      font-style: normal;
      font-weight: 700;
      font-size: clamp(0.9rem, 2.5vw, 1.35rem);
      color: #7ee787 !important;
      letter-spacing: -0.01em;
  }
  .t-dream {
      background: linear-gradient(
          90deg,
          #a78bfa,
          #818cf8,
          #67e8f9,
          #a78bfa
      );
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
      font-style: italic;
      font-weight: 700;
  }
  .hub-credit { text-align: center; margin-top: 1em; }
  
  /* ── MOBILE ─────────────────────────────────────────── */
  @media only screen and (max-width: 440px) {
      .card {
          height: 17vmax;
          padding-left: 0.75rem;
          margin: 0.5em;
      }
      .card.feat  { height: 12vmax; }
      .card-name  { font-size: 3vmax; margin-bottom: 0.2em; }
      .card-sub   {
          font-size: 1.5vmax; margin-top: -0.6em;
          margin-bottom: 0.2em; line-height: 1em; max-width: 200px;
      }
      .card-info  {
          font-size: 1vmax; line-height: 1.2em;
          max-width: 200px; margin-top: -0.3em; margin-bottom: 0.2em;
      }
      .badge      { display: none; }
      .talebox    { grid-template-columns: 1fr; gap: 1rem; row-gap: .1rem; }
      .tale-card  { height: 4.5rem; width: 90% !important; }
  }

  Pages using this styling

  • plaguepjp [info]

  ¶ 1 occurrence
  

  
  :root {
      --logo-image: url("https://nu-scptheme.github.io/Black-Highlighter/img/logo.svg");
  }
  
  .info-container{
  --barColour: #b0d8f7;
  }
  

  Pages using this styling

  • plague-s-proposal [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
  
  #page-content {
     font-family: 'Inter', sans-serif;
  }
  

  Pages using this styling

  • plagiarism [info]

  ¶ 1 occurrence
  

  :root {
      --header-title: "ORGANIZATION";
      --header-subtitle: "ENSURE ● INCLUDE ● PRESERVE";
      --lgurl: url(https://scp-wiki.wdfiles.com/local--files/placeholder-mcd-s-authorpage/ABSTRACT_RISK.png);
  
      --accentColor: hsl(230, 100%, 80%);
      --accentColorLite: hsl(234, 100%, 70%);
      --hue: 230deg;
  }
  
  div#extra-div-1 {
      filter: invert(0.85) opacity(0.33);
  }
  
  #breadcrumbs {
      display: none;
  }
  
  .lightbox .bt {
      filter: brightness(0.85) saturate(1.25);
  }

  Pages using this styling

  • placeholder-mcd-s-authorpage [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Quintessential&display=swap');
  :root{
     /* -- CENTERED HEADER VARS -- */
     --header-title: "Escapade";
     --header-subtitle: "by pickle";
  }
  
  .quintessential-regular {
    font-family: "Quintessential", serif;
    font-weight: 400;
    font-style: normal;
  }
  
  @media (max-width: 767px) {
    #header h1 a::before {
      font-size: calc(1.5rem + 8vw);
    }
  }

  Pages using this styling

  • picklemonstiez-escapade [info]

  ¶ 1 occurrence
  

  
  @import url('https://fonts.googleapis.com/css2?family=Kings&display=swap');
  

  Pages using this styling

  • phantom-queen-hub [info]

  ¶ 1 occurrence
  

  :root {
      --header-title: "SCP Foundation";
      --header-subtitle: "Margssentif You Gorgeous MotherFucker";
          --header-gradient-color-bottom: var(--light-gray-monochrome);
          --header-gradient-color-middle: var(--dark-accent);
          --header-gradient-color-top: var(--medium-accent);
  }
  
  
  div#header h2 span {
      font-size:0px;
      padding: 4px;
  }
  div#header h2:after {
      content: "Margssentif You Gorgeous MotherFucker";
      font-weight: bold;
      color: #f0f0c0;
      padding: 19px 0;
      text-shadow: 1px 1px 1px rgba(0, 0, 0, .8);
      white-space: pre;
  }

  Pages using this styling

  • petition-to-ban-margssentif [info]

  ¶ 1 occurrence
  

  /* This is used in The Specter's entry. */
  @import url('https://fonts.bunny.net/css?family=Ruslan+Display');
  .shadow {
      font-family: 'Ruslan Display', cursive;
      font-size: 120%;
      line-height: 0.4;

  Pages using this styling

  • personnel-and-character-dossier [info]

  ¶ 1 occurrence
  

  #page-title {
    display: none;
  }
  
  div.pseudo-tags ul {
      font-size: 85%;
      border-top: 1px solid #BBB;
      display: inline-block;
      margin: 10px 0 0;
      padding: 0 2px;
      list-style: none;
  }
  
  div.pseudo-tags li {
      color: #b01;
      text-decoration: none;
      display: inline-block;
      margin: 0 1px;
      cursor: pointer;
  }
  
  div.pseudo-tags li:hover {
      text-decoration: underline;
  }
  
  /* Hide the collapsible link once it's been expanded */
  .collapsible-block-unfolded-link .collapsible-block-link, 
  #breadcrumbs {
    display: none;
  }
  
  /* Haha blue boi */
  .outside {
    margin: 2em -6em;
    padding: 1em 10em;
    --narration-color: rgba(214, 234, 248,1);
    background: var(--narration-color);
    background: linear-gradient(90deg, rgba(255,255,255,0) 0%, var(--narration-color) 20%, var(--narration-color) 80%, rgba(255,255,255,0) 100%);
  }
  
  /* Make the blue bois that are within the document have smaller margins so they break flow less*/
  .outside.inline {
    margin: 1em -6em;
    padding: 1px 10em;
  }
  
  @media only screen and (max-width: 1040px) {
    .outside {
      margin-right: 0 !important;
      margin-left: 0 !important;
      padding-left: 3em !important;
      padding-right: 3em !important;
    }
  }
  
  body {
    overflow-x: hidden;
  }

  Pages using this styling

  • persephone-project [info]

  ¶ 1 occurrence
  

   :root{
     /* -- COLORS -- */
       --accentColor: hsl(0, 89%, 41%);
       --accentColorLite: hsla(0, 89%, 51%, .5);
       --hue: 0deg;
  
     /* -- LOGO -- */
       --lgurl: url(https://scp-wiki.wdfiles.com/local--files/nightfall-hub/moon1.png);
  
     /* -- TITLES -- */
       --header-title: "AS NIGHT FALLS";
       --header-subtitle: "Amici Optimi Hominis";
  
     /* -- STATIC COLORS -- */
       --textColor: hsl(212, 3%, 75%);
       --bgColor: hsl(220, 20%, 10%);
  }
  
   #extra-div-1{
       filter: opacity(.2) saturate(1.25) brightness(1.25);
  }

  Pages using this styling

  • percy [info]

  ¶ 1 occurrence
  

  
  /*-----------------------------------------------*\
   *       ANDERSON ROBOTICS/Peppo edit     *
  \*-----------------------------------------------*/
  
  /*-----------------------*\
   *   Fonts and Colours   *
  \*-----------------------*/
  
  @import url('https://fonts.googleapis.com/css?family=Teko:300,400,600&display=swap');
  
  :root {
      --light-accent: #b81818;
      --dark-accent: #5e1c1c;
      --hyperlink: #c23030;
          --hyperlink-visited: #690e0e;
  }
  
  /*------------------*\
   *    Top Header    *
  \*------------------*/
  
  div#container-wrap {
      background: url(https://scp-wiki.wikidot.com/local--files/peppersghost/pep_bg.png) top left repeat-x;
  }
  
  #login-status {color: #271010;}
  
  #login-status a {color: #881717;}
  
  #header { background-image: initial; }
  
  #header::before {
      content: "";
      background-image: initial;
      visibility: hidden;
  }
  
  #header h1 a::before {
      content: "Shhhhh.";
      color: #b81818;
  }
  
  #header h2 span::before {
      content: "They're sleeping.";
      color: #b81818;
  }
  
  /*------------------*\
   *    Search bar    *
  \*------------------*/
  
  #search-top-box-input {
      background-color: white;
      border: rgba(184,24,24,0.5) 1px solid;
      border-radius: 0;
      padding: 0.15rem 0.15rem 0.2rem 0.15rem;
  }
  
  #search-top-box-input:hover, #search-top-box-input:focus {
      background-color: #b81818;
      border: rgba(184,24,24,0) 1px solid;
      box-shadow: none;
  }
  
  #search-top-box input.empty {text-align:center;}
  
  #search-top-box input.empty:hover, #search-top-box input.empty:focus {color: #fff;}
  
  #search-top-box-form input[type=submit] {
      padding: 0.3rem;
      border-radius: 0.5rem;
      border: rgba(0,0,0,0) 1px solid;
      background: #b81818;
      background: var(--light-accent);
      font-family: 'Roboto Mono',monospace;
      box-shadow:none;
      margin-left: 0.3rem;
  }
  
  #search-top-box-form input[type=submit]:hover {
      border: 1px solid #b81818;
      border: 1px solid var(--light-accent);
      border-radius: 0;
      background: white;
      color: #b81818;
      box-shadow:none;
      padding: 0.3rem;
      border-radius: 0.5rem;
  }
  
  
  #search-top-box-form input.button.btn{
      text-transform: uppercase;
      letter-spacing: 0.1em;
  }
  
  /*-----------------------*\
   *   Formatting tweaks   *
  \*-----------------------*/
  
  .new-page-box {display:none;}
  
  #page-title {display: none;}
  
  #breadcrumbs {margin:0;}
  
  #content-wrap {overflow-x: hidden;}
  
  /*------------------*\
   *       Tabs       *
  \*------------------*/
  
  .yui-navset .yui-nav .selected {padding: 0 0.5em !important;}
  
  #page-content .yui-navset .yui-content > div[style*="block"] {overflow:visible}
  
  .yui-navset .yui-content > div { background-color:transparent !important; border:none !important; padding: 0em !important; }
  
  #page-content .yui-navset .yui-content > div[style*="none"] {padding: 0em !important;}
  
  .yui-navset .yui-nav .selected a, .yui-navset .yui-nav .selected a:focus, .yui-navset .yui-nav .selected a:hover {
      border: 1px solid #ff8a84;
      padding: 0.05em 0 0 0;
  }
  
  /*------------------*\
   *    widen ur wurld    *
  \*------------------*/
  
  #side-bar {width:10rem;}
  #main-content {margin-left:12em}
  
  /*------------------*\
   *    stop havin rating border    *
  \*------------------*/
  div.page-rate-widget-box .rate-points {
  border:none;
  padding: 2px 10px;
  }
  .page-rate-widget-box .ratedown, .page-rate-widget-box .rateup {
  border-top:none;
  border-bottom:none;
  padding:2px
  }
  .page-rate-widget-box .cancel {
  border:none;
  padding:2px;
  }
  
  /*------------------*\
   *    Responsive    *
  \*------------------*/
  
  @media (max-width: 767px) {
  
      #main-content {
          margin: 0 1.5% 0 1.5% !important;
          max-width: 900px;
          padding: 1rem 0rem !important;
      }
  
      #page-options-container {max-width: 95%;}
  
      #content-wrap {0 0.4rem 0 0.25rem}
  }

  Pages using this styling

  • peppersghost [info]

  ¶ 1 occurrence
  

  :root {
    --header-title: "penumbralchoir";
    --header-subtitle: "creating terribleness one step at a time";
  }

  Pages using this styling

  • penumbralchoir [info]

  ¶ 1 occurrence
  

  #header {
      background: url("https://scp-wiki.wdfiles.com/local--files/theme%3Awilsons/WWS_Logo_2.2_abrv.png") 15px 40px no-repeat;
      background-size: 6rem;
  }

  Pages using this styling

  • peligro-igniciervos [info]

  ¶ 1 occurrence
  

  :root {
    --header-title: "The USSR Foundation";
    --header-subtitle: "Live. Laugh. Love.";
  }

  Pages using this styling

  • peanut-the-comrades-dossier [info]

  ¶ 1 occurrence
  

  body{
      --barColour: #102485;
      --linkColour: #FFFFFF;
  }
  
  :root{
    --header-title: "SCP-5140";
    --header-subtitle: "EVEREST";
  }
  #header h1 a::before, #header h2::before {
    color: #ededed;
  }
  body {
      background-image: linear-gradient(
          to bottom,
          #142da8, #102485 150px,
          #102485 150px, #dedede 190px,
          #dedede 190px, #dedede 100%);
      background-repeat: no-repeat;
  }
  
  div#extra-div-1 {
      background-image: url(http://scp-wiki.wikidot.com/local--files/peak/everest-icon);
      filter: opacity(50%);
  }
  
  #top-bar, #top-bar a {
      color: #ededed;
  }
  
  #login-status,
  #login-status a {
      color: #ededed;
  }
  
  a {
      color: #0645AD;
  }
   a:visited {
       color: #0B0080;
  }
  #side-bar a {
       color: black
  }
   
  #side-bar a:visited {
       color: black;
  }
  
  #top-bar ul li ul {
      border: solid 1px black;
  }
  #top-bar ul li.sfhover ul li a,
  #top-bar ul li:hover ul li a {
      border-top: 1px solid white;
  }
   
  #top-bar ul li.sfhover a,
  #top-bar ul li:hover a {
      background: white;
      color: #0024d9;
  }
  #top-bar ul li ul a, #top-bar a:hover {
      color: #0024d9;
  }
  #top-bar ul li.sfhover a:hover,
  #top-bar ul li:hover a:hover {
      background: #0024d9;
      color: white; /* top bar hover background color */
  }
  
  #header-extra-div-1,
  #header-extra-div-2,
  #header-extra-div-3 {
      top: 0;
  }
  
  #page-content .info-container {
      --link-color: rgb(var(--swatch-text-general));
  }
  
  #page-content .info-container .translation_block {
      display: none;
  }
  
  #page-content .info-container .collapsible-block-link,
  #page-content .info-container:hover .collapsible-block-link {
      line-height: 1.6em;
  }
  
  #page-content .info-container .collapsible-block-folded,
  #page-content .info-container .collapsible-block-unfolded-link {
      display: grid;
  }
  
  #page-content .info-container .collapsible-block-folded .collapsible-block-link,
  #page-content .info-container .collapsible-block-link {
      -webkit-mask: unset;
              mask: unset;
      background: transparent;
      grid-column: 1;
      grid-row: 1;
      opacity: 0;
  }
  
  #page-content .info-container .collapsible-block-folded::before,
  #page-content .info-container .collapsible-block-unfolded-link::before {
      --wght: 800;
      content: "Elenee FishTruck";
      color: #FFFFFF;
      font-family: Inter, Arimo, Verdana, Geneva, "Helvetica Neue", "Helvetica", Arial, sans-serif;;
      display: block;
      pointer-events: none;
      grid-column: 1;
      grid-row: 1;
      line-height: 2.75ex;
  }

  Pages using this styling

  • peak [info]

  ¶ 1 occurrence
  

  
  /* Dichromatic Theme */
  /* by syuzhet */
  
  /*
  
  Hello, translator...
  
  It must be difficult to translate so many articles. I can tell by the sagging of your face and the spots under your eyes. Are you getting enough sleep?
  
  If you're translating this now, I want you to get up from your desk for 30 minutes. Good blood flow is important for health!!! I also want you to drink a glass of water and eat a snack. Only after you have completed these tasks will you be allowed to translate this article...
  
  If you have died while translating this article, please roll your body off the computer and allow another person to take your place.
  
  Thank you!!
  
  */
  
  @import url('https://fonts.googleapis.com/css2?family=Libre+Franklin:ital,wght@0,100..900;1,100..900&display=swap');
  
  :root {
      --basalt-secondary-color: 0, 0, 0;
      --basalt-tertiary-color: 0, 0, 0;
  
      --basalt-overtone: 164, 155, 150;
      --basalt-undertone: 164, 155, 150;
      --basalt-bright-element-color: 164, 155, 150;
      --basalt-dark-element-color: 164, 155, 150;
  
      --link-color: 164, 155, 150;
      --link-visited-color: 164, 155, 150;
      --link-newpage-color: 164, 155, 150;
  
      --top-bar-link-color-hover: 255, 255, 255;
      --login-status-text-color-hover: 255, 255, 255;
      --side-bar-link-color-hover: 255, 255, 255;
      --side-bar-link-background-hover: 0,0,0;
      --selection-text-color: 0, 0, 0;
  
      --header-border-width: 0rem;
      --title-size: 1.25rem;
      --subtitle-size: 0rem;
      --side-bar-button-height: 50vh;
      --user-button-width: 2rem;
      --header-logo-size: 67.5%;
  
      --basalt-UI-dark-palette: 0,0,0;
      --top-bar-link-background-hover: 164, 155, 150;
  
  }
  
  #header h1 a::before {
      display: none;
  }
  
  #header h1 a span::after {
      margin-bottom: 0;
  }
  
  #container #header {
      background: none;
      position: absolute;
      box-shadow: unset;
      backdrop-filter: none;
  }
  
  div #container-wrap {
      background-color: #000000;
      background: url(https://i.imgur.com/JFQgC7e.png);
      background-size: contain;
  }
  
  #main-content {
      margin-top: 0;
  }
  #page-content {
      padding-top: 0;
  }
  
  #page-content > p:nth-child(-n+4) {
      display: none;
  }
  
  .widebox {
      position: relative;
      left: calc(-50dvw + 50%);
      width: 100dvw !important;
      max-width: 100dvw !important;
  }
  
  .wideboxinterior {
      max-width: 100% !important;
      margin: auto;
  }
  
  .wideboxinterior2 {
      width: 50% !important;
      margin: auto;
  }
  
  .widebox .wideboxinterior2 {
      font-family: "Libre Franklin", serif;
      font-size: 1rem;
  }
  
  .widebox .wideboxinterior2 .blockquote {
      margin: 2rem auto;
      max-width: 100% !important;
      outline: 3px solid #5A5551;
      outline-offset: -10px;
      padding: 50px !important;
      background-color: #12110F;
      border: none;
  }
  
  .widebox .wideboxinterior2 h1 {
      color: #D2CDCA;
      font-size: 3rem;
  }
  
  .wideboxinterior:before {
      content: "";
      position: absolute;
      left: calc(-50dvw + 50%);
      width: 100dvw !important;
      top: calc(100dvh);
      height: calc(100dvh);
      max-width: 100dvw !important;
      background-image: linear-gradient(0deg, transparent 0%, transparent 95vh, rgb(0,0,0) 100vh, transparent 100%);
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center;
      pointer-events: none;
      z-index: 1;
  }
  
  .headerimage {
      position: relative;
      height: calc(100dvh);
      background-image: url(https://i.imgur.com/AFfSO3V.jpeg);
      background-repeat: no-repeat;
      background-size: cover;
      background-position: top;
  }
  
  .headerimage .headertoptext {
      position: relative;
      display: block;
      margin: auto;
      top: 10dvh;
      width: 45%;
  }
  
  .headerimage .headerbottext {
      position: relative;
      display: block;
      margin: auto;
      bottom: -55dvh;
      width: 30%;
  }
  
  .page-source {
      color: white;
  }
  
  h1, #page-options-container, .licensebox .collapsible-block-folded a, .page-watch-options a {
      color: white;
  }
  
  #action-area, .licensebox .collapsible-block-content {
      background: #0D0D0F;
      padding: 10px;
  }
  
  .licensebox .collapsible-block-link {
      background: #0D0D0F;
      padding: 10px;
  }
  
  /* Piece of shit sidebar */
  
  #top-bar div.mobile-top-bar>.open-menu {
       visibility:visible;
       opacity: 0.6;
       transition: opacity 0.2s;
  }
  
  #top-bar div.mobile-top-bar>.open-menu:hover {
      opacity: 1;
  }
  
  #side-bar {
       margin-top:0;
       height:100%
  }
  
  #side-bar, #side-bar:is(:hover, :focus-within):not(:target) {
       left:calc(var(--side-bar-width) * -1)
  }
  
  #side-bar::after, #side-bar::before {
       display:none
  }
  
  #side-bar:target {
       left:0;
       width:var(--side-bar-width);
       z-index:10
  }
  
  #side-bar a.close-menu, #side-bar:target a.close-menu {
       display:block;
       pointer-events:none;
       position:fixed;
       top:0;
       right:0;
       left:auto;
       width:100%;
       min-width:3.75rem;
       height:100%;
       margin-left:0;
       opacity:0;
       z-index:-1;
       transition:width var(--side-bar-transition),opacity var(--side-bar-transition)   
  }
  
  #side-bar:target a.close-menu {
       width:calc(100% - var(--side-bar-width));
       pointer-events:auto;
       opacity:1;
  }
  
  .series {
       background: #1c1c19!important;
       padding: 1rem!important;
       border-radius: 0.5rem!important;
       box-shadow: inset 0px 0px 9px -1px rgb(0, 0, 0)!important;
  }
  
  /* Mobile */
  
  @media only screen and (max-width: 1020px) {
      #container #header {
          background: black;
          position: sticky;
      }
      .headerimage {
          height: calc(70dvh);
          background-image: url(https://i.imgur.com/AFfSO3V.jpeg);
          overflow-x: clip;
      }
      .headerimage .headertoptext {
          position: relative;
          display: block;
          margin: auto;
          top: 10dvh;
          height: 20%;
          width: auto;
      }
      .headerimage .headerbottext {
          position: relative;
          display: block;
          margin: auto;
          bottom: -43dvh;
          height: 7%;
          width: auto;
      }
      .wideboxinterior2 {
          width: 95% !important;
          margin: auto;
      }
      .widebox .wideboxinterior2 .blockquote {
          margin: 0rem auto;
          padding: 30px !important;
      }
      .widebox .wideboxinterior2 h1 {
          color: #D2CDCA;
          font-size: 2rem;
      }
      .wideboxinterior:before {
          background-image: none;
      }
  }
  

  Pages using this styling

  • pdcontest2025 [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Courier+Prime:ital,wght@0,400;0,700;1,400;1,700&display=swap');
  :root {
      --basalt-bright-element-color: 229, 113, 40;
      --basalt-dark-element-color: 229, 113, 40;
  }
  .story {
    font-family: "Courier Prime", monospace;
    text-align: center;
    font-size: 1.5rem;
  }
  .story img {
    max-width: 80%
  }
  .stranger {
    color:rgb(229,113,40);
  }
  @media (max-width: 768px) {
    .story {
      font-size: 1.25rem;
    }
  }

  Pages using this styling

  • past-the-light [info]

  ¶ 1 occurrence
  

  :root{
      --logo-image: url("https://scp-wiki.wdfiles.com/local--files/theme%3Aad-abyssum-penumbra/tacttheo_%7B$division%7D.png");
      --header-title: "TACTICAL THEOLOGY";
      --header-subtitle: "INVENIENT NOVUM NUMEN";

  Pages using this styling

  • partner-s-mission [info]

  ¶ 1 occurrence
  

  .scp-image-block .scp-image-caption {
      background-color: #333;
  }
  
  .scp-image-block.block-right {
     float: inherit;
     margin: 0 0 1em 0;
  }
  
  @media (max-width: 767px) {
      .scp-image-block.block-right {
          float: inherit;
          margin: 0 0 1em 0;
      }
  }
  
  #page-title, h1,h2,h3,h4,h5,h6 {
     text-align: center;
  }

  Pages using this styling

  • parker-informational-breach [info]

  ¶ 1 occurrence
  

  #page-content h1 {
      color: var(--fg-dark-2);
  }

  Pages using this styling

  • parawatch-spirit-ama [info]

  ¶ 1 occurrence
  

  #header h2 span::before {
      content: 'Unusual Incidents Unit';
  }
  #breadcrumbs {
     font-size: 0em;
  }
  .uiu-header-box {
     border: solid 5px #999999;
     background:#eef0f2;
     padding: 10px;
     margin-bottom: 10px;
  }
  .uiu-header-box a.collapsible-block-link{
     font-size: 2em;
     font-weight: bold;
  }
  .uiu-file-box {
     border: solid 2px #000000;
     background: #eef0f2;
     padding: 10px;
     margin-bottom: 10px;
     overflow-x: auto;
  }

  Pages using this styling

  • paramax-inmate-list [info]

  ¶ 1 occurrence
  

  
  :root {
      --linkColor: #FC8391;
      --linkColor-newpage: #FC9958;
   
      --primaryBackgroundColor: #FFFFFF;
  
  .poster_base {
      width: 100%;
      min-height: 800px;
      border: 2px solid black;
      background: white;
      background-image: url(https://scp-wiki.wdfiles.com/local--files/unusual-incidents-unit-hub/UIU_Logo-NSMBW.png);
      background-position: 1.5em 1.5em;
      background-repeat: no-repeat;
      background-size: 5em;
      background-attachment: local;
  }
  
  .poster_Header {
      font-size: 2em;
      margin-left: 4em;
      font-weight: 700;
  }
  
  .poster_Header > p {
      margin-top: 0.8em;
  }
  .poster_WantedText {
      font-size: 6em;
      text-align: center;
      font-weight: 900;
      margin-bottom: 0.2em;
  }
  
  .poster_WantedText > p {
      margin-top: 0em;
      margin-bottom: 0px;
      line-height: 1;
  }
  
  .poster_Image {
      width: 50%;
      height: 400px;
      background-image: url(https://scp-wiki.wdfiles.com/local--files/unusual-incidents-unit-hub/UIU_Logo-NSMBW.png);
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center;
      border: 2px solid black;
      margin-left: auto;
      margin-right: auto;
  }
  
  .poster_Text {
      border: 1px solid black;
      width: 70%;
      margin-left: auto;
      margin-right: auto;
      margin-top: 1.5em;
      margin-bottom: 1.5em;
      font-family: sans-serif;
  }
  
  .poster_Text > p {
      margin: 1em;
  }
  

  Pages using this styling

  • paramax-connection [info]

  ¶ 1 occurrence
  

  
  #footer {
      font-size: x-small;
      background: #ffafc7;
      color: black;
  }
  
  div#page-options-container a, div.page-tags a {
      color: #e51f47;
  }
  
  div#page-options-container a:visited, div.page-tags a:visited {
      color: #8d112a;
  }
  
  #footer a {
      color: #e51f47;
  }
  
  #license-area {
      font-size: x-small;
      background: #5bcefa;
      color: black;
  }
  
  #license-area a {
      color: #056c94;
  }

  Pages using this styling

  • paralytic-states [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap');
  
  :root {
      --upvote: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24'%3E%3Cpath d='M12.781 2.375c-.381-.475-1.181-.475-1.562 0l-8 10A1.001 1.001 0 0 0 4 14h4v7a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1v-7h4a1.001 1.001 0 0 0 .781-1.625l-8-10zM15 12h-1v8h-4v-8H6.081L12 4.601 17.919 12H15z'/%3E%3C/svg%3E");
      --downvote: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24'%3E%3Cpath d='M20.901 10.566A1.001 1.001 0 0 0 20 10h-4V3a1 1 0 0 0-1-1H9a1 1 0 0 0-1 1v7H4a1.001 1.001 0 0 0-.781 1.625l8 10a1 1 0 0 0 1.562 0l8-10c.24-.301.286-.712.12-1.059zM12 19.399 6.081 12H10V4h4v8h3.919L12 19.399z'/%3E%3C/svg%3E");
      --comment: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24'%3E%3Cpath d='M16 2H8C4.691 2 2 4.691 2 8v12a1 1 0 0 0 1 1h13c3.309 0 6-2.691 6-6V8c0-3.309-2.691-6-6-6zm4 13c0 2.206-1.794 4-4 4H4V8c0-2.206 1.794-4 4-4h8c2.206 0 4 1.794 4 4v7z'/%3E%3C/svg%3E");
      --king: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24'%3E%3Cpath d='M11.219 3.375 8 7.399 4.781 3.375A1.002 1.002 0 0 0 3 4v15c0 1.103.897 2 2 2h14c1.103 0 2-.897 2-2V4a1.002 1.002 0 0 0-1.781-.625L16 7.399l-3.219-4.024c-.381-.474-1.181-.474-1.562 0zM5 19v-2h14.001v2H5zm10.219-9.375c.381.475 1.182.475 1.563 0L19 6.851 19.001 15H5V6.851l2.219 2.774c.381.475 1.182.475 1.563 0L12 5.601l3.219 4.024z'/%3E%3C/svg%3E");
      --share: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' transform='scale(-1 1)' viewBox='0 0 24 24'%3E%3Cpath fill='none' d='M10.025 9c-.551 0-1.022-.448-1.022-1V6.414L4.417 11l4.586 4.586V14a1 1 0 0 1 .868-.991 15.064 15.064 0 0 1 1.975-.133c3.577 0 6.204 1.331 7.858 2.55C18.14 9.201 10.936 9 10.025 9z'/%3E%3Cpath d='M11.003 7.054V4a1 1 0 0 0-1.707-.707l-7 7a.999.999 0 0 0 0 1.414l7 7A.999.999 0 0 0 11.003 18v-3.096c.284-.02.565-.029.843-.029 5.426 0 8.239 3.572 8.362 3.73a.996.996 0 0 0 1.113.343 1 1 0 0 0 .682-.948c0-9.124-8.086-10.681-11-10.946zm.843 5.821c-.647 0-1.312.045-1.975.133a1.001 1.001 0 0 0-.868.992v1.586L4.417 11l4.586-4.586V8c0 .552.471 1 1.022 1 .91 0 8.114.201 9.679 6.425-1.654-1.218-4.281-2.55-7.858-2.55z'/%3E%3C/svg%3E");
      --report: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24'%3E%3Cpath d='M12 14c-3 0-4 3-4 3h8s-1-3-4-3z'/%3E%3Cpath d='M12 2C6.486 2 2 6.486 2 12s4.486 10 10 10 10-4.486 10-10S17.514 2 12 2zm0 18c-4.411 0-8-3.589-8-8s3.589-8 8-8 8 3.589 8 8-3.589 8-8 8z'/%3E%3Cpath d='m17.555 8.832-1.109-1.664-3 2a1.001 1.001 0 0 0 .108 1.727l4 2 .895-1.789-2.459-1.229 1.565-1.045zm-6.557 1.23a1 1 0 0 0-.443-.894l-3-2-1.11 1.664 1.566 1.044-2.459 1.229.895 1.789 4-2a.998.998 0 0 0 .551-.832z'/%3E%3C/svg%3E");
  
  .reditbox {
      color: #181c1f;
      font-family: "Noto Sans";
  }
  .comentbox {
      margin-top: 1.5rem;
  }
  .reditbox .printuser > a:first-child img, .comentbox .printuser > a:first-child img {
      background-image: none !important;
      padding-left: 0;
      border-radius: 100%;
      margin-right: 0.5rem;
      margin-top: 2px;
      height: 2rem;
      width: 2rem;
      border: solid 2px rgba(206, 205, 206, 0.5);
  }
  .reditbox .printuser > a:first-child img:hover, .comentbox .printuser > a:first-child img:hover {
      border: solid 2px orange;
  }
  .reditbox .printuser a:nth-child(2), .comentbox .printuser a:nth-child(2) {
      display: none;
  }
  .smol, .smol2, .smol3 {
      font-size: 12px;
  }
  .smol {
      color: #333d42;
      font-weight: 700;
  }
  .smol2 {
      color: #5c6c74;
      font-weight: 400;
  }
  .smol3 {
      color: #333d42;
      font-weight: 500;
  }
  .smol:hover, .smol3:hover {
      color: #0a449b;
      cursor: pointer;
  }
  .loms p {
      font-size: 24px;
      font-weight: 600;
      line-height: 1;
      margin-block-start: 0.2em;
  }
  .reditflex {
      display: flex;
      flex-wrap: wrap;
      margin-top: 2rem;
      gap: 0.5em;
  }
  .buton {
      display: flex;
      background-color: #e5ebee;
      font-weight: 500;
      font-size: 0.75rem;
      align-items: center;
      justify-content: center;
      padding: 0.5rem 0.75rem;
      color: black;
      border-radius: 100em;
  }
  .buton p, .buston p {
      margin-block-start: 0;
      margin-block-end: 0;
  }
  .likes::before {
      content: var(--upvote);
      margin-left: -5px;
      margin-right: 5px;
  }
  .likes::after {
      content: var(--downvote);
      margin-left: 5px;
      margin-right: -5px;
  }
  .comment::before {
      content: var(--comment);
      margin-right: 5px;
  }
  .king::before {
      content: var(--king);
      margin-right: 5px;
  }
  .share::before {
      content: var(--share);
      margin-right: 5px;
  }
  .report::before {
      content: var(--report);
      margin-right: 5px;
  }
  .square {
      width: 12px;
      height: 12px;
      background:
  }
  .comented {
      margin-left: 1.3rem;
      border-left: solid 1px #e4e4e4;
      padding-left: 1.8rem;
      margin-top: -1rem;
      padding-top: 0.2rem;
  }
  .buston {
      display: flex;
      align-items: center;
      justify-content: center;
      opacity: 0.5;
      transform: scale(0.8);
  }
  .comentedchain {
      margin-left: 2.5rem;
      margin-top: 0.5rem;
      position: relative;
  }
  .chain::before {
      content: "";
      position: absolute;
      border-radius: 0 0 0 1em;
      border-left: solid 1px #e4e4e4;
      border-bottom: solid 1px #e4e4e4;
      width: 2rem;
      height: 2rem;
      transform: translate(-50%, -50%);
      top: 0.4rem;
      left: -0.18rem;
  }
  
  #page-content tr td {
      padding: 0px;
      border: 0px;
  }
  
  .shit {
      margin-bottom:3px;
      background:grey;
      color:white;
      padding:3px;
      border-radius:15px;
      position:relative;
      bottom:2px;
      font-size: 12px;
  }
  
  .printuser img.small {
      padding: 0px 0px 0 0;
  }
  #page-title {
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 2em;
      font-weight: bold;
      position: relative;
  }
  
  #page-title:before {
      content: "";
      display: inline-block;
      width: 50px;
      height: 50px;
      background-image: url("https://upload.wikimedia.org/wikipedia/commons/8/81/Impossible_cube_illusion_angle.svg");
      background-size: cover;
      background-position: center;
      margin-right: 10px;
  }
  

  Pages using this styling

  • paraboxpiazza [info]

  ¶ 1 occurrence
  

  :root {
  --basalt-secondary-color: 49, 52, 48;
  --basalt-overtone: 222, 191, 146;
  --basalt-bright-element-color: 222, 191, 146;
  --basalt-bright-element-color: 222, 191, 146;
  --basalt-dark-element-color: 222, 191, 146;
  --basalt-primary-color: 49, 52, 48;
  --basalt-main-text-color: 216, 216, 216;
      --logo: url('https://scp-wiki.wdfiles.com/local--files/parabox-interactive/parabox.png');
   --title: "Parabox interactive forums";
      --subtitle: "";
  }
  
  
  body {
  background-color: #2e312d;
  }
  
  .paradox {
  background: #363736;
  border-radius: 8px;
  padding: 2rem;
  border: none;
  box-shadow: 0 4px 10px 0 rgba(0,0,0,0.3);
  }
  

  Pages using this styling

  • parabox-interactive [info]

  ¶ 1 occurrence
  

  #header {
      background-image: url(https://scp-wiki.wdfiles.com/local--files/theme%3Amcd/MCDLogo2-small.png);
  }

  Pages using this styling

  • para-puppies [info]

  ¶ 1 occurrence
  

  :root {
      --header-title: "SCP Foundation";
      --page-font-size: 0.95rem;
      --header-subtitle: "Negev Desert Research and Containment Site-48";
      --logo-img: url(https://scp-wiki.wdfiles.com/local--files/component:pride-highlighter/lsb_logo.svg);
  }

  Pages using this styling

  • paper-bag [info]

  ¶ 1 occurrence
  

  @keyframes blinky {
    0% {content: "Not joining the D-Class program sooner."; color: black; font-family: sans-serif; font-weight: normal; font-style: normal;}
    100% {content: "Ignoring me for so long."; color: grey; font-family: monospace; font-style: italic;}
  }
  
  .swappy {
     display: inline-block;
  }
  
  .swappy::after {
     content: ".";
     animation: blinky 2s infinite ;
  }
  

  Pages using this styling

  • palindrome [info]

  ¶ 1 occurrence
  

  :root {
    --header-title: "Pal News";
    --header-subtitle: "The Official ProblemPal Author Page";
  }

  Pages using this styling

  • pal-news [info]

  ¶ 1 occurrence
  

  :root {
      --header-title: "SCP Foundation";
      --header-subtitle: "Research and Containment Site-44";
      --logo-image: url("https://nu-scptheme.github.io/Black-Highlighter/img/logo.svg");
  
      --pale-accent: 93, 125, 0 ;
      /* light red, for visited links */
      --bright-accent: 0, 133, 5;
      /* bright red */
      --medium-accent: 46, 100, 44;
      /* medium red - the "default" accent color */
      --dark-accent: 3, 100, 15;
      /* dark red */
      --alt-accent: 102, 221, 17;
      /* pale orange, for newpage links */
  
  }

  Pages using this styling

  • ozzylizard-s-corner [info]

  ¶ 1 occurrence
  

  :root {
    --header-title: "R\0026 C SITE-43";
    --header-subtitle: "SURVIVE ● CONSERVE ● PERSIST";
  
    --accent: 255, 34, 67;
    --head-font: var(--ui-font);
  
    --timeDelay: 1s;
  }
  
  :is(.anom-bar-container, .anom-bar-esoteric) + :not(.acs-extra),
  .acs-extra + * {
      margin-top: 1.2rem !important;
  }
  
  .danger-diamond > .arrows,
  .danger-diamond > .bottom-icon::before {   /*  inverted arrows, esoteric icons  */
    filter: invert(90%) !important;
    -webkit-filter: invert(90%) !important;
  }
  
  .document {
      background: var(--dark-bg-1);
      box-shadow: 0 0 10px rgba(255, 255, 255, 0.1);
      margin: 26px auto 0;
      max-width: 550px;
      padding: 24px;
      margin-bottom: 36px;
      position: relative;
      width: 80%;
  }
  .document:after {
      content: "";
      height: 98%;
      position: absolute;
      width: 100%;
      z-index: -1;
  }
  .document:before {
      background: var(--dark-bg-1);
      box-shadow: 0 0 8px rgba(255, 255, 255, 0.3);
      left: -5px;
      top: 4px;
      transform: rotate(-2.5deg);
  }
  .document:after {
      background: var(--dark-bg-1);
      box-shadow: 0 0 3px rgba(255, 255, 255, 0.3);
      right: -3px;
      top: 1px;
      transform: rotate(1.4deg);
  }
  
  .document_wrapper {
    border: solid 10px rgb(var(--accent));
    padding: 5px;
    margin: 10px;
  }

  Pages using this styling

  • over-time-hub [info]

  ¶ 1 occurrence
  

  
  @import URL("https://scp-wiki.wikidot.com/local--files/the-men-with-no-name/stylesheet2.css");
  
  :root {
  
   --title-font: 'gessoregular', normal;
  
  }
  
  #header h1 a {
    background-image: url(http://scp-wiki.wikidot.com/local--files/our-open-veins-hub/viboras2.png);
  }
  
  .twopanel {
      display: flex;
      flex-flow: row wrap;
      justify-content: space-between;
  }
  .bit {
      flex-basis: 48%;
  }
  @media only screen and (max-width: 768px) {
      .twopanel {flex-direction: row-reverse;}
      .bit {flex-basis: 100%;}
  }
  

  Pages using this styling

  • our-open-veins-hub [info]

  ¶ 1 occurrence
  

  :root {
    --header-title: "Orteil's";
    --header-subtitle: "NotAuthorpage";
   --logo-img: url(https://scp-wiki.wdfiles.com/local--files/component%3Apride-highlighter/ace_logo_blk.svg)

  Pages using this styling

  • orteils-notauthorpage [info]

  ¶ 1 occurrence
  

  #header h1 a::before {
      content: "Orteil's";
  }
  #header h2 span {
      color: transparent;
      text-shadow: none;
  }
  #header h2 span::before {
      content: "NotAuthorpage";
      color: white;
  }

  Pages using this styling

  • orteils-notauthorpage [info]

  ¶ 1 occurrence
  

  
  .page-source {
      background: black;
  }
  
  div#container-wrap{
  
     background-image: linear-gradient( to bottom, black 0px, black 27300px, transparent 100%);
  }
  
  div.end {
     color: black;
  }

  Pages using this styling

  • oris-proposal [info]

  ¶ 1 occurrence
  

  
  :root {
      --header-title: "In Reliquum";
      --header-subtitle: "Whatever it takes";
  }
  .danger-diamond > .arrows {
       top: 0;
  }
  #header h2 {
      padding: .5em;
  }
  
  .footnotes-footer {
  display:none;
  }
  
  .starfade {
      background: linear-gradient(to bottom, rgb(var(--space-void) / 0.575), rgb(var(--space-void) / 0.575) 50%, transparent) !important;
  }
  
  .starfade::before {
      border: unset;
  }

  Pages using this styling

  • oris-proposal [info]

  ¶ 1 occurrence
  

  .library { background: #4C0800; }
  .library>div.wl-image {
      background-image: url(https://smlt.wdfiles.com/local--files/collab:cassandra-prime:foolio-actual/wretched-luncheon-small-v2.png);
      background-size: contain;
      background-position: center;
      background-repeat: no-repeat;
  }
  .library>div.wl-image img { opacity: 0; }
  .library>div.wl-text {
      text-transform: uppercase;
      font-family: 'zuijinregular', serif;
  }

  Pages using this styling

  • opusconfidant-april-1st-2023-spotlight [info]

  ¶ 1 occurrence
  

  .INT-box {
      display: flex;
      justify-content: center;
      align-items: center;
      grid-gap: 0.325rem 0.625rem;
      flex-wrap: wrap;
      box-sizing: border-box;
      background-color: #fff;
      margin: 0.75rem 0;
      padding: 1.25rem 1.875rem 1.875rem;
      border-radius: 1.5rem;
      border: solid 0.275rem #000;
      box-shadow: inset 0 0 0 0.175rem #fff, inset 0 0 0 0.675rem #4b92db;
  }
  
  .INT-box > img { width: 12rem; }
  
  .INT-box h1 { margin: 0.125rem 0 0.325rem; }
  .INT-box > a {
      flex-basis: calc(27.5% + 1rem + 1vw);
      max-width: 12.25rem;
      min-width: min(100%, 10rem);
      padding: 0 0.5rem;
  }
  .INT-box > .INT-content {
      flex-grow: 1;
      flex-basis: 14rem;
      text-align: center;
  }
  @supports (text-align-last: center) {
      .INT-box > .INT-content p {
          text-align: justify;
          text-align-last: center;
      }
  }
  
  .INT-box > .collapsible-block {
      flex-basis: 100%;
      --col-link-size: min(calc(0.325rem + 1vw), 0.825rem);
      --col-border-width: 0.1rem;
  }
  .INT-box > .collapsible-block .collapsible-block-link {
      width: max-content;
      max-width: 75%;
      text-align: center;
      font-weight: bold;
      font-size: var(--col-link-size);
      margin: 0 auto;
      display: block;
      color: #4b92db;
      background-color: #fff;
      padding: 0 0.325em;
      z-index: 1;
  }
  .INT-box > .collapsible-block .collapsible-block-folded {position: relative; z-index: 1;}
  .INT-box > .collapsible-block .collapsible-block-folded:not([style*="none"])::before {
      content: "";
      display: block;
      position: absolute;
      left: 0; bottom: calc(var(--col-link-size)*0.5 - var(--col-border-width));
      width: 100%; height: var(--col-border-width);
      background-color: #4b92db;
      z-index: -1;
  }
  .INT-box > .collapsible-block .collapsible-block-unfolded {margin: 0;}
  .INT-box > .collapsible-block .collapsible-block-unfolded-link { position: relative; z-index: 1; }
  .INT-box > .collapsible-block .collapsible-block-content {
      border: var(--col-border-width) solid #4b92db;
      border-radius: 0.375rem;
      position: relative;
      z-index: 0;
      margin-top: calc(var(--col-link-size)*-0.5);
      padding: 0.875rem 0.325rem 0.125rem;
  }
  
  .c_international-body {
      display: flex;
      flex-wrap: wrap;
  }
  
  .c_international-box {
      font-size: 96.5%;
  }
  
  .c_international-box {
      text-align: center;
      flex-basis: 8.5rem;
      flex-grow: 1;
  }
  .c_international-box a img {
      width: 6.75rem;
  }
  .c_international-text p {
      margin: 0 0 1.25em;
  }
  @media (max-width: 580px) {
      .c_international-box {
          flex-basis: 6.5rem;
      }
      .c_international-box a img {
          width: 4.5rem;
      }
  }
  
  .INT-box > a > img {
      filter: invert(.5) sepia(1) hue-rotate(160deg) saturate(2.5);
  }

  Pages using this styling

  • opusconfidant-april-1st-2023-spotlight [info]

  ¶ 1 occurrence
  

  .box.art {
      height: min(calc(10rem + 50vh), 28rem);
      flex-grow: 1; flex-basis: 25rem;
      background-size: contain;
      background-repeat: no-repeat;
  }
  .box .title { box-shadow: inset 0 0.675em 0 rgb(99,99,176);}
  .box :is(.title,.footer) p { background: rgb(99,99,176); }
  .box :is(.title,.footer)::after {
      background: rgb(99,99,176);
  }
  .box .footer { box-shadow: inset 0 -0.45em 0  rgb(99,99,176); }
  
  
  
  .content-grid { margin: 0.75rem 0; }
  .content-type-description {
      padding-inline: 1rem;
  }
  .opus {
      --box-accent: rgb(99,99,176);
  }
  .sider {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      align-items: center;
      max-width: unset!important;
  }
  
  .content-type-description.gr {
      display: grid;
      grid-template-columns: repeat(auto-fill, minmax(12.5rem, 1fr) 1.75rem);
      grid-gap: 0.5rem;
      padding-block: 0.75rem;
  }
  
  .alertbar {
      color: #6363B0;
      font-weight: bold;
      -webkit-box-shadow: 0px 0px 13px -7px rgba(5,5,5,0.75);
              box-shadow: 0px 0px 13px -7px rgba(5,5,5,0.75);
      font-family: 'Overpass Mono', monospace;
      font-weight: 600;
      font-size: .9rem;
      text-align: center;
      margin: 0.5rem 0;
      padding: 0rem 0.5rem;
  
      position: relative;
      z-index: 1;
  
      -webkit-transition: -webkit-box-shadow 300ms ease-in-out;
      transition: -webkit-box-shadow 300ms ease-in-out;
      -o-transition: box-shadow 300ms ease-in-out;
      transition: box-shadow 300ms ease-in-out;
      transition: box-shadow 300ms ease-in-out, -webkit-box-shadow 300ms ease-in-out;
  }
  
  .box.alertbar::before {
     content: " ";
  
     width: 100%;
     height: 100%;
  
     position: absolute;
     top: 0;
     left: 0;
  
     background: url("http://smlt.wdfiles.com/local--files/collab:cassandra-prime:foolio-actual/opconf-b.png") center center no-repeat;
     background-size: contain;
     opacity: 0.35;
  
     z-index: -1;
  }
  
  .alertbar:hover {    -webkit-box-shadow: 0px 0px 13px -4px rgba(5,5,5,0.75);    box-shadow: 0px 0px 13px -4px rgba(5,5,5,0.75);}
  
  .alertbar > p:nth-child(1) {margin-top: 0.25rem;margin-bottom: 0.5rem;}
  .alertbar > p:nth-child(n+2) {margin-bottom: 0.25rem;}
  .classified {letter-spacing: 7px; font-size: 3rem;font-family: 'Inter', sans-serif;margin-left: 7px;}
  .classified p {margin: -1.6rem;}
  .classified a, .classified a:hover, .classified a:visited {color: #6363B0; text-decoration: none;}
  
  

  Pages using this styling

  • opusconfidant-april-1st-2023-spotlight [info]

  ¶ 1 occurrence
  

  :root {
  --basalt-main-text-color: 31, 28, 31;
  --basalt-background-color: 237, 237, 237;
  --header-logo: none;
  --header-title:"OPULENCE";
  --header-subtitle:"";
  
  --abstractor:hidden;
  }

  Pages using this styling

  • opulence [info]

  ¶ 1 occurrence
  

  :root {
   --header-title: "Nobody";
      --header-subtitle: "The Man Without A Head";
  }
  
  .foldedtoc #toc #toc-action-bar{display:none}
  .foldedtoc .collapsible-block-link {text-decoration:none}
  

  Pages using this styling

  • operation-full-stop [info]

  ¶ 1 occurrence
  

  :root {
  --text-decor: none;
  
  --header-logo:url('https://scp-wiki.wdfiles.com/local--files/open-the-gate/extrad5.png');
  --header-title:"OPEN THE GATE";
  --header-subtitle:"DARK OCEAN II";
  --abstractor:hidden;
  --backdrop:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 56 28' width='56' height='28'%3E%3Cpath fill='%239386a8' fill-opacity='0.03' d='M56 26v2h-7.75c2.3-1.27 4.94-2 7.75-2zm-26 2a2 2 0 1 0-4 0h-4.09A25.98 25.98 0 0 0 0 16v-2c.67 0 1.34.02 2 .07V14a2 2 0 0 0-2-2v-2a4 4 0 0 1 3.98 3.6 28.09 28.09 0 0 1 2.8-3.86A8 8 0 0 0 0 6V4a9.99 9.99 0 0 1 8.17 4.23c.94-.95 1.96-1.83 3.03-2.63A13.98 13.98 0 0 0 0 0h7.75c2 1.1 3.73 2.63 5.1 4.45 1.12-.72 2.3-1.37 3.53-1.93A20.1 20.1 0 0 0 14.28 0h2.7c.45.56.88 1.14 1.29 1.74 1.3-.48 2.63-.87 4-1.15-.11-.2-.23-.4-.36-.59H26v.07a28.4 28.4 0 0 1 4 0V0h4.09l-.37.59c1.38.28 2.72.67 4.01 1.15.4-.6.84-1.18 1.3-1.74h2.69a20.1 20.1 0 0 0-2.1 2.52c1.23.56 2.41 1.2 3.54 1.93A16.08 16.08 0 0 1 48.25 0H56c-4.58 0-8.65 2.2-11.2 5.6 1.07.8 2.09 1.68 3.03 2.63A9.99 9.99 0 0 1 56 4v2a8 8 0 0 0-6.77 3.74c1.03 1.2 1.97 2.5 2.79 3.86A4 4 0 0 1 56 10v2a2 2 0 0 0-2 2.07 28.4 28.4 0 0 1 2-.07v2c-9.2 0-17.3 4.78-21.91 12H30zM7.75 28H0v-2c2.81 0 5.46.73 7.75 2zM56 20v2c-5.6 0-10.65 2.3-14.28 6h-2.7c4.04-4.89 10.15-8 16.98-8zm-39.03 8h-2.69C10.65 24.3 5.6 22 0 22v-2c6.83 0 12.94 3.11 16.97 8zm15.01-.4a28.09 28.09 0 0 1 2.8-3.86 8 8 0 0 0-13.55 0c1.03 1.2 1.97 2.5 2.79 3.86a4 4 0 0 1 7.96 0zm14.29-11.86c1.3-.48 2.63-.87 4-1.15a25.99 25.99 0 0 0-44.55 0c1.38.28 2.72.67 4.01 1.15a21.98 21.98 0 0 1 36.54 0zm-5.43 2.71c1.13-.72 2.3-1.37 3.54-1.93a19.98 19.98 0 0 0-32.76 0c1.23.56 2.41 1.2 3.54 1.93a15.98 15.98 0 0 1 25.68 0zm-4.67 3.78c.94-.95 1.96-1.83 3.03-2.63a13.98 13.98 0 0 0-22.4 0c1.07.8 2.09 1.68 3.03 2.63a9.99 9.99 0 0 1 16.34 0z'%3E%3C/path%3E%3C/svg%3E");
  --basalt-background-color:5, 0, 5;
  --tilesize:5;
  --astersize:30;
  --link-color:95,71,255;
  }
  
  .asterisk {
  opacity:.4;
  }
  
  .column {
    flex: 10%;
    padding: 5px;
    float: left;
  
  }
  
  .row {
    display: flex;
  }
  
  a { font-family: Zen Kaku Gothic Antique, 'Sans-seri' !important; }
  #page-content div:is(.opaque) { background-color:rgba(15,15,15,.65) !important; }
  .bumper {
  
      mix-blend-mode: color-dodge;
      filter: hue-rotate(102deg) brightness(1.1);
  
  }
  .inline-colmod, .inline-colmod > p, .inline-colmod > .colmod-block, .inline-colmod .colmod-block > ul, .inline-colmod ul > .folded, .inline-colmod .folded > .colmod-link-top, .inline-colmod .folded > .colmod-link-top > .foldable-list-container, .inline-colmod .folded .foldable-list-container > a {
  text-transform: unset !important;
  text-decoration:none;
  font-family: var(--body-font-primary);
  color: white;
  font-weight:400;
  }

  Pages using this styling

  • open-the-gate [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=DynaPuff:wght@400..700&display=swap');
  #page-content p { font-family: Dynapuff;
  }
  #page-options-container {
    background-color: black;
    color: white;
  }
  .licensebox {
    background-color: white;
  }

  Pages using this styling

  • open-letter [info]

  ¶ 1 occurrence
  

   #page-title{
       display: none;
  }

  Pages using this styling

  • ongoing-incident-jakdragonx-ralliston [info]

  ¶ 1 occurrence
  

  #page-content .dreamlist .or-comment {
      max-width: 38rem;
      margin-bottom: 2rem;
      padding-bottom: 0.01rem;
  }
  
  #breadcrumbs {
      margin: 1em 0 1em;
      text-align: center;
  }

  Pages using this styling

  • oneiroi [info]

  ¶ 1 occurrence
  

  :root{
    --header-title: "S\0026 C PLASTICS";
    --header-subtitle: "SITE-87, NARRATIVE AND NEXOLOGICAL STUDIES";
  }
  
  div#extra-div-1 {
      background-image: url(https://scp-wiki.wdfiles.com/local--files/one-spark-four-flames/Big87.png);
      filter: opacity(20%);
  }

  Pages using this styling

  • one-spark-four-flames [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Barlow:wght@700&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');
  
  :root {
      --logo-image: url("https://scp-wiki.wikidot.com/local--files/grigori-karpin-s-author-page/vanguard%20transparent.png");
      --header-title: "ANGUARD";
      --header-subtitle: "SHELTER - NORMALIZE - INFORM";
      --header-h2-font-size: 1.1em;
  }
  
  #header::before {
      left: -12rem;
      filter: brightness(125%);
      opacity: 1;
  }
  
  #header h1 a::before {
      font-size: unset;
  }
  
  #header h2::before {
      color: #fe4;
  }
  
  #header h2 {
      top: 1em;
  }
  
  #header #login-status {
      left: -2vw;
  }
  
  @media (max-width: 767px) {
      #header::before {
          left: -7rem;
      }
  
      #header h1 {
          top: 0.5em;
          left: 0.5em;
      }
  }
  
  #page-title {
      display: none;
  }
  
  #u-blink-bar p:last-child::after {
      content: "";
      border-right: 1px solid black;
      animation: blink 1s infinite;
      position: relative;
      left: 1px;
  }
   
  @keyframes blink{
      to {
          opacity: .0;
      }
  }

  Pages using this styling

  • one-more-tomorrow [info]

  ¶ 1 occurrence
  

  @import url(https://fonts.googleapis.com/css?family=Kirang+Haerang|Short+Stack|Crafty+Girls|Sunshiney&display=swap);

  Pages using this styling

  • on-the-subject-of-the-coarse-mannered-men [info]

  ¶ 1 occurrence
  

  :root { --body-font: 'Noto Sans Cuneiform', 'Inter', 'Arial', sans-serif; 
    --header-height: clamp(10rem,55vmin,40rem);
    --header-image: url("https://scp-wiki.wikidot.com/local--files/medea-filicidium/banner.jpg");
    --footer-image: url("https://scp-wiki.wikidot.com/local--files/seas-of-orcadia-hub/Artemis.png");
  }
  
  #footer, #extrac-div-1, #extrac-div-1 span {
      background-image: var(--footer-image);
      background-size: 100vmax;
      background-attachment: fixed;
      background-position: bottom;
      height: clamp(10rem,55vmin,30rem);
      background-repeat: no-repeat;
  }
  
  
  #extra-div-1 {
      background-position: top;
  }

  Pages using this styling

  • on-the-rails [info]

  ¶ 1 occurrence
  

  :root {
       --basalt-background-color: 0, 1, 0;
       --header-title-color: 218, 218, 220;
       --header-title: "ON THE NATURE";
       --header-subtitle: "OF CONSCIOUS EXPERIENCE";
       --top-bar-link-color: 67, 23, 35;
       --side-bar-link-color: 67, 23, 35;
       --scrollbar-thumb-color: 67, 23, 35;
       --general-border-color: 70, 70, 79;
       --basalt-secondary-color:  0, 1, 0;
       --link-color: 12, 230, 242;
       --footer-link-color: 12, 230, 242;
       --bottom-area-text-color: 102, 15, 49;
       --basalt-sub-text-color: 156, 23, 59;
       --button-text-color: 218, 218, 220;
       --h-border-color: 70, 70, 79;
       --dark-color: 0, 1, 0;
       --search-icon-color: 70, 70, 79;
       --swatch-menubg-black-color: 0, 1, 0;
       --top-bar-link-background-hover-alt: 70, 70, 79;
       --scrollbar-track-color: 28, 28, 32;
       --basalt-undertone: 67, 23, 35;
       --swatch-menutxt-dark-color: 67, 23, 35;
       --basalt-main-text-color: 218, 218, 220;
       --side-bar-background-color: 0, 1, 0;
  }

  Pages using this styling

  • on-the-nature-of-conscious-experience [info]

  ¶ 1 occurrence
  

  
  .brief {
      margin: 15px;
      padding: 24px;
      border: 3px solid black;
      border-radius: 12px;
      background-color: #000000;
  }
  
  .bubble {
      margin: 15px;
      padding: 24px;
      border: 3px solid black;
      border-radius: 12px;
      background-color: #FFFFFF;
  }
  

  Pages using this styling

  • on-guard-43-hub [info]

  ¶ 1 occurrence
  

  :root {
      --header-title: "On Boat 15 ";
      --header-subtitle: ' A310 "Graywater" ';
      --sp_header-logo: url( );
      --lampeter-header-layer-0;
      --lampeter-header-layer-1: url(http://scp-sandbox-3.wikidot.com/local--files/zydecss/whale.png);
      scrollbar-color: rgb(10 10 10) rgb(50 50 50);
      scrollbar-width: thin;
  
  }
  #page-title {
    display: none;
  }
  html {
    filter: grayscale(1) brightness(0.8);
  }
  
  #main-content img {
    filter: brightness(1);
  }
  
  :is(div, ul).creditRate {
      text-align: center;
  }
  -

  Pages using this styling

  • on-boat-15 [info]

  ¶ 1 occurrence
  

  
   :root{
      --logo-image: url(https://scp-wiki.wdfiles.com/local--files/cotsk-hub/cotsk.png);
      --header-title: "Book of Dominion";
      --header-subtitle: "Church of the Scarlet King";
  }
  
  #page-content .info-container {
      --link-color: rgb(var(--swatch-text-general));
  }
  
  #page-content .info-container .translation_block {
      display: none;
  }
  
  #page-content .info-container .collapsible-block-link,
  #page-content .info-container:hover .collapsible-block-link {
      line-height: 1.6em;
  }
  
  #page-content .info-container .collapsible-block-folded,
  #page-content .info-container .collapsible-block-unfolded-link {
      display: grid;
  }
  
  #page-content .info-container .collapsible-block-folded .collapsible-block-link,
  #page-content .info-container .collapsible-block-link {
      -webkit-mask: unset;
              mask: unset;
      background: transparent;
      grid-column: 1;
      grid-row: 1;
      opacity: 0;
  }
  
  #page-content .info-container .collapsible-block-folded::before,
  #page-content .info-container .collapsible-block-unfolded-link::before {
      --wght: 800;
      content: "ETC";
      color: #8c1419;
      font-family: Inter, Arimo, Verdana, Geneva, "Helvetica Neue", "Helvetica", Arial, sans-serif;;
      display: block;
      pointer-events: none;
      grid-column: 1;
      grid-row: 1;
      line-height: 2.75ex;
  }
  
  .info-container{
  --barColour: #0f0505;
  --linkColour: #8c1419;
  }
  
   #page-title{
       display: none;
  }
  

  Pages using this styling

  • omnigenesis-and-the-law-of-blades [info]

  ¶ 1 occurrence
  

  @import url(/component:scp-pride/code/1);
  
  div.pseudo-tags ul {
      font-size: 85%;
      border-top: 1px solid #BBB;
      display: inline-block;
      margin: 10px 0 0;
      padding: 0 2px;
      list-style: none;
  }
  
  div.pseudo-tags li {
      color: #b01;
      text-decoration: none;
      display: inline-block;
      margin: 0 1px;
      cursor: pointer;
  }
  
  div.pseudo-tags li:hover {
      text-decoration: underline;
  }
  

  Pages using this styling

  • omega-k-049 [info]

  ¶ 1 occurrence
  

  #page-title, .meta-title { display: revert }

  Pages using this styling

  • omega-k [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Domine:wght@700&display=swap');
  #page-content .date, #page-content .supernum { color: black; display: block; margin-left: auto; margin-right: auto; letter-spacing: -0.05em; }
  #page-content .date { color: black; font-size: 4em; line-height: 1.2em; font-weight: 700; text-align: center; }
  #page-content .num, #page-content .supernum { font-family: Domine, 'DejaVu Serif', serif; }
  #page-content .num { font-size: 1.6em; vertical-align: middle; }
  #page-content .supernum { font-size: 15em; line-height: 0.6em; text-align: center; }

  Pages using this styling

  • omega-k [info]

  ¶ 1 occurrence
  

  @import url('https://emilybox.wdfiles.com/local--files/toki-pona-test-emilybox/Fairfox.css');
  
  .nimisin {
  font-family: 'Fairfax Pona HD';
  }

  Pages using this styling

  • oliphant-airavata [info]

  ¶ 1 occurrence
  

  .spirit {
      color: black;
      background: #ededed;
      padding: 15px;
      border: 1px solid #000;
      margin: 1em 0;
  }
  
  .spirit blockquote {
      background-color: white;
  }
  
  .cs-title {
      text-align: center;
      font-size: 275%;
      font-family: 'alpha_echoregular';
  }

  Pages using this styling

  • old-family-recipe [info]

  ¶ 1 occurrence
  

  .langheader p {
      line-height: initial;
      width: 95%;
      max-width: 100%;
      position: relative;
      display: block;
      font-size: 1em;
      font-family: Inter, sans-serif;
      font-family: var(--title-font, Inter, sans-serif);
  }

  Pages using this styling

  • old-daevite-language [info]

  ¶ 1 occurrence
  

  :root {
    --header-title: "SAVORING";
    --header-subtitle: "La Rue Macabre";
  }
  
  /* Toggle Sidebar compatibility */
  #side-bar { top: 0; }
  .inkblot-header { width: 100%; left: 0; }
  
  .firstcharacter {
    color: #000;
    float: left;
    font-family: Georgia;
    font-size: 650%;
    line-height: 60px;
    padding-top: 4px;
    padding-right: 5px;
    padding-left: 3px;
  }
  
  .muddle {
      padding: 4px 16px 4px 16px;
      box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
      width: 85%;
      margin: auto;
      margin-bottom: 28px;
      margin-top: 28px;
      background: #F99D31;
      border: solid 2px #5D5D5D;
  }

  Pages using this styling

  • ol-owuos-gumbo [info]

  ¶ 1 occurrence
  

  :root {
  --header-title: " ";
  --header-subtitle: " ";
  --lgurl: url('https://scp-wiki.wikidot.com/local--files/oh-so-that-s-how-it-is/TOdFMt6.webp');
  }

  Pages using this styling

  • oh-so-that-s-how-it-is [info]

  ¶ 1 occurrence
  

  #page-content > div > p > span > span {
      font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
      font-size: calc(var(--base-font-size) * 0.9);
      font-weight: 400;
  }

  Pages using this styling

  • oh-i-feel-it-i-feel-the-cosmos [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css?family=Playfair+Display:400,700,900,400italic,700italic,900italic');
  @import url('https://fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic,700italic');
  
  a:visited {
  color: #BC4123;
  }
  
  #main-content {
      background-color: #faebcc;
  }
  
  h1, #page-title {
      font-family: 'Playfair Display', serif;
      color: black;
      padding: 0 0 0.25em;
      margin: 0 0 0.6em;
      font-weight: normal;
  }
  h1 {
      margin-top: 0.7em;
      padding: 0;
      font-weight: bold;
  }
  h2, h3, h4, h6, h7 {
      margin: 0.5em 0 0.4em;
      padding: 0;
      font-family: 'Playfair Display', serif;
      color: black;
      font-style: italic;
      letter-spacing: 1px;
      text-shadow: 1px 1px 1px #000000;
      text-shadow: 1px 1px 1px rgba(0,0,0,.8);
  }
  h5 {
     margin: 0.5em 0 0.4em;
      padding: 0;
      font-family: 'Playfair Display', serif;
      color: black;
      font-style: italic;
      letter-spacing: 1px;
  }
  #page-title {
      border-color: black;
  }
  
  .head-box-2{
      font-family: 'Playfair Display', serif;
      padding: 10px 15px 10px 15px;
      width: 89%;
      position: relative;
      text-align: left;
      line-height: 20px;
      display: inline-block;
      margin: 0 25px 20px -360px;
      background-color: #fdf5e8;
      border-radius: 8px 8px 8px 8px;
      font-size: 1.5em;
  }
  
  .head-box{
      font-family: 'Playfair Display', serif;
      padding: 10px 15px 10px 15px;
      width: 89%;
      position: relative;
      border: 3px double #BC4123;
      text-align: left;
      line-height: 20px;
      display: inline-block;
      margin: 0 25px 20px -360px;
      border-radius: 8px 8px 8px 8px;
      background-color: #fdf5e8;
      
  }
  
  
  .head{
      text-align: right;
      position: relative;
  }
  
  .main-body-div{
      font-family: 'Droid Serif', serif;
      font-size: 1.5em;
      line-height: 20px;
      width: 89%;
      display: inline-block;
      padding: 0 1% 0 1%;
      vertical-align: top;
      margin-bottom: 25px;
      transition: all .7s;
      border-left: 3px double #BC4123;
      border-top: 3px double #BC4123;
  }
  
  blockquote {
      background-color:  #fdf5e8;
      color: black;
      font-family: 'Droid Serif', serif;
      list-style: none;
  }
  .main-body-div-r{
      font-family: 'Droid Serif', serif;
      font-size: 1.5em;
      line-height: 20px;
      width: 89%;
      display: inline-block;
      padding: 0 1% 0 1%;
      vertical-align: top;
      margin-bottom: 25px;
      transition: all .7s;
      border-right: 4px double #BC4123;
      border-bottom:  3px double #BC4123;
      
  }
  }
  
  #header h1 a {
      font-family: "comic sans mf", times, serif;
      content: "In the Queen’s Court";
  }
   
  #header h1 a::before {
      font-family: "comic sans mf", times, serif;
      content: "In the Queen’s Court";
  }
   
  #header h1 a span{
      display: block;
      content: "";
      visibility: hidden;
  }
  
  #header h2 span {
      display: block;
      margin: 0;
      padding: 19px 0;
      line-height: 0px;
      max-height: 0px;
      font-weight: bold;
      color: transparent;
      text-shadow: none;
  }
  
  #header h2 span::before {
      content: "The crows mock the king.";
      display: block;
      margin: 0;
      padding: 0px 0;
      line-height: 0px;
      max-height: 0px;
      font-weight: bold;
      color: #ffffff;
      text-shadow: 1px 1px 1px #000;
      text-shadow: 1px 1px 1px rgba(0,0,0,.8);
  }
  
  /*
      Declassified
      [2019 Wikidot Theme]
      Created for the SCP Foundation by Aelanna
      Edited for SCP Foundation by Dr Devan
      Edited for the SCPD Sandbox by Yossi and maintained by Lt Flops
  */
   
  @import url(https://scp-wiki.wdfiles.com/local--code/component%3Atheme/1);
  @import url(https://fonts.googleapis.com/css2?family=Nanum+Gothic&family=Nanum+Gothic+Coding&family=Palanquin:wght@700&display=swap);
   
  /* GLOBAL WIDTH */
  div#container-wrap {
      background-image: url(http://scpdsandbox.wdfiles.com/local--files/theme%3Adeclassified/SCPDtheme.png);
  }
   
  #search-top-box-input {
      background-color: hsl(293, 100%, 10%);
  }
   
  #search-top-box-input:hover,
  #search-top-box-input:focus {
      background-color: hsl(293, 33%, 30%);
  }
   
  #search-top-box-form input[type=submit] {
      background: linear-gradient(to bottom, hsl(293, 20%, 50%), hsl(293, 33%, 30%), hsl(293, 100%, 10%));
  }
   
  #search-top-box-form input[type=submit]:hover,
  #search-top-box-form input[type=submit]:focus {
      background: linear-gradient(to bottom, hsl(293, 33%, 70%), hsl(293, 20%, 50%), hsl(293, 33%, 30%));
  }
   
  #header h1 a {
      font-family: "Palanquin", "Nanum Gothic", "Arial", sans-serif;
  }

  Pages using this styling

  • oh-how-brightly-the-moon-shines-over-the-forest-of-green [info]

  ¶ 1 occurrence
  

  :root{
      --header-logo: url(https://scpdsandbox.wdfiles.com/local--files/of-yarmir-the-last-king-of-the-night-pdf-pending-deletion/SotP.png);
      --header-title: "Sons of Phomet";
      --header-subtitle: "Through Fervour Into Enlightenment";
  }
  
  .hover {
      background-color: rgb(var(--vector-storm));
      padding: 0 1px;
  }
  
  .hover span {
      display: none;
  }
  
  .hover:hover span {
      position: absolute;
      display: inline;
      margin: 0px 0px;
      height: auto;
      width: auto;
      background: #fff;
      border: 2px solid rgb(var(--medium-accent));
      color: rgb(var(--medium-accent));
      padding: 1em;
      z-index: 2;
  }
  
  .hover:hover span span {
      position: relative;
      margin: auto;
      height: auto;
      width: auto;
      border: none;
      padding: 0;
  }
  
  .interactive {
      position: relative;
      padding: 0 2px;
      color: rgb(var(--vector-storm));
      background: rgba(var(--vector-storm),0.15);
      border-radius: 3px;
      font-weight: bold;
      cursor: pointer;
  }

  Pages using this styling

  • of-yarmir-the-last-king-of-the-night [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Prata&display=swap');
  
  .storybook {
       font-family:Philosopher;
       font-size: 105%;
  }
  
  /*---- Wikimodule integration ----*/
  
  body {
      --wm-bg: var(--foamy-white);
      --wm-accent: var(--lagoon-hue);
      --wm-border: var(--undersea-tone);
  }
  
  /*---- Custom divs ----*/
  
  :root {
      --stormy-sky: 190,235,241;
  }
  
  .warning-tide {
      box-sizing: border-box;
      border: solid .175rem rgb(var(--stormy-sky));
      position: relative;
      padding: 1rem;
      margin-inline: auto;
  
      font-family: var(--mono-font);
      font-size: 1.125em;
      color: rgb(var(--stormy-sky));
      background-color: rgb(var(--undersea-tone));
  }
  .warning-tide::before {
      content: "";
      position: absolute;
      top: 0; left: 0;
      width: 100%; height: 100%;
      background-size: 100% 2px, 3px 100%;
      opacity: .875;
      z-index: 1;
      pointer-events: none;
  }
  
  .opener {
      font-size: 1.125em;
      padding: 1.325rem;
      padding-block-end: 0.5rem;
      margin-block-start: 6.25rem;
  }
  
  .warning-header {
      font-weight: bold;
      text-align: center;
      font-size: 1.5em;
      padding: 0.25rem;
      color: rgb(var(--undersea-tone));
      background-color: rgb(var(--stormy-sky));
  }
  
  
  .warning-tide .hili {
      font-weight: bold;
      padding-inline: .125em;
      color: rgb(var(--undersea-tone));
      background-color: rgb(var(--stormy-sky));
  }
  
  /*-------------------------------*/
  
  .fade-bridge {
      position: relative;
      margin-block: 3.5rem 1.75rem;
      z-index: 2;
      pointer-events: none;
  }
  .fade-bridge::before {
      content: "";
      position: absolute;
      top: 50%; left: -2rem;
      width: calc(100% + 4rem);
      height: 25rem;
      transform: translateY(-50%);
      background: linear-gradient(to bottom, rgb(var(--stormy-sky), .125) 25%, rgb(var(--foamy-white), .75));
      -webkit-mask-image: var(--mask);
      -webkit-mask-position: center;
      -webkit-mask-size: cover;
      -webkit-mask-repeat: no-repeat;
      mask-image: var(--mask);
      mask-position: center;
      mask-size: cover;
      mask-repeat: no-repeat;
      -webkit-backdrop-filter: blur(.25rem);
      backdrop-filter: blur(.25rem);
  }
  .fade-bridge hr {
      margin: 0;
      filter: drop-shadow(0 0 1rem rgb(var(--lagoon-hue)));
       --hr-icon-size: 2.5rem;
  }
  
  /*-------------------------------*/
  
  .mither {
      font-family: var(--header-font);
      color: aqua;
      font-size: 1.375em;
      line-height: 1.275;
  }
  .mither p { line-height: inherit; }
  
  .scenesetter {
      padding-inline: 1.75rem;
      position: relative;
  }
  .scenesetter::before {
      content: "";
      position: absolute;
      top: 0; left: 0;
      width: 100%; height: 100%;
      background-image: var(--header-image);
      background-size: cover;
      background-position: center;
      opacity: 0.225;
      box-shadow: inset 0 0 4rem 4.25rem rgb(var(--foamy-white));
      filter: blur(1.375rem);
      z-index: -1;
  }
  
  .act {
      font-family: Grenze Gotisch;
      color: aqua;
      font-size: 12rem;
      text-align: center;
      text-decoration: underline 6px aqua;
      margin-bottom: -17rem;
  }
  
  .sub {
      font-family: Grenze Gotisch;
      color: aqua;
      font-size: 600%;
      text-align: center;
  }
  

  Pages using this styling

  • of-starfish [info]

  ¶ 1 occurrence
  

  .memory {
      display: block;
      overflow: hidden;
      font-style: italic;
      font-size: 110%;
  
      background-color: rgb(212, 212, 212);
      color: rgb(2, 0, 56);
  
      border-radius: 10px;
      padding: 10px 10px;
      margin-bottom: 10px;
      }

  Pages using this styling

  • of-orok-and-the-ozirmok [info]

  ¶ 1 occurrence
  

  /*this css was mostly designed by aers and was edited by uncle nicolini*/
  div#container-wrap {
      background: url(https://themes.wdfiles.com/local--files/helloworld/background.png) top left repeat-x;
      background-size: 105px;
  }
  
  #header {
      background: url(https://smlt.wdfiles.com/local--files/unclenicolini%3Atest/josie.png) 10px 35px no-repeat;
  }
  
  #header h1 a {
      font-family: "Times New Roman", Times, serif;
  }
   
  #header h2 span {
      color: transparent;
      text-shadow: none;
  }
  
  #header h2 span::after {
      content: "To Store, Cache, and Preserve.";
      color: #ffffff;
      text-shadow: 1px 1px 1px rgba(0,0,0,.8);
      display: block;
  }

  Pages using this styling

  • ode-to-the-unknown-author [info]

  ¶ 1 occurrence
  

  
  .poem {
  font-family: "Microsoft Sans Serif";
  border: #DFDFDF outset 2px;
  padding: 25px;
  font-size: 110%;
  }
  
  .commentbox {
  font-family: 'PT Mono', monospace;
  background:  #000000;
      border-width: 2px;
      border-style: solid;
      border-color: #262626;
      padding: 10px;
  }
  

  Pages using this styling

  • ode-to-a-businesswoman [info]

  ¶ 1 occurrence
  

  @import url(https://fonts.googleapis.com/css?family=Source+Serif+Pro:wght@300&display=swap);
  
  #header h1 a::before {
    content: var(--header-title, "CreckCon 2");
    font-weight: 400;
    font-size: 1.4em;
  }
   
  #header h2::before {
    content: var(--header-subtitle, "I'm sorry.");
    font-weight: 700;
    font-size: 1.3em;
  }
  
  h1,
  h2 {
      font-family: 'Source Serif Pro', serif;
      color: #000;
  }
  
  h3,
  h4,
  h5,
  h6 {
      font-family: inherit;
      color: #000;
  }
  
  div#extra-div-1 {
      height: 160px;
      width: 100%;
      top: 0;
      position: absolute;
      background: url('https://scp-wiki.wdfiles.com/local--files/component:pride-highlighter/pgp_logo.svg');
      background-size: contain;
      background-repeat: no-repeat;
      background-position: 50% 50%;
      z-index: -1;
  }
  
  .sidebox {
      padding: .14rem;
      margin-top: 0;
      margin-bottom: 8px;
      width: calc((100vw - 870px)/2);
      max-height: 100%;
      position: absolute;
      top: 20rem;
      left: 103.5%;
      z-index: 5;
      overflow: auto;
      box-sizing: border-box;
      border-style: solid;
      border-width:1px;
      border-color:#A0A0A0;
      background-color:#F0F0F0;
  }
  
  .sidebox2 {
      padding: .14rem;
      margin-top: 0;
      margin-bottom: 8px;
      width: calc((100vw - 870px)/2);
      max-height: 100%;
      position: absolute;
      top: 103rem;
      left: 103.5%;
      z-index: 5;
      overflow: auto;
      box-sizing: border-box;
      border-style: solid;
      border-width:1px;
      border-color:#A0A0A0;
      background-color:#F0F0F0;
  }
  
  .sidebox3 {
      padding: .14rem;
      margin-top: 0;
      margin-bottom: 8px;
      width: calc((100vw - 870px)/2);
      max-height: 100%;
      position: absolute;
      top: 110rem;
      left: 103.5%;
      z-index: 5;
      overflow: auto;
      box-sizing: border-box;
      border-style: solid;
      border-width:1px;
      border-color:#A0A0A0;
      background-color:#F0F0F0;
  }
  
  .sidebox4 {
      padding: .14rem;
      margin-top: 0;
      margin-bottom: 8px;
      width: calc((100vw - 870px)/2);
      max-height: 100%;
      position: absolute;
      top: 126rem;
      left: 103.5%;
      z-index: 5;
      overflow: auto;
      box-sizing: border-box;
      border-style: solid;
      border-width:1px;
      border-color:#A0A0A0;
      background-color:#F0F0F0;
  }
  
  .sidebox5 {
      padding: .14rem;
      margin-top: 0;
      margin-bottom: 8px;
      width: calc((100vw - 870px)/2);
      max-height: 100%;
      position: absolute;
      top: 133rem;
      left: 103.5%;
      z-index: 5;
      overflow: auto;
      box-sizing: border-box;
      border-style: solid;
      border-width:1px;
      border-color:#A0A0A0;
      background-color:#F0F0F0;
  }
  
  .sidebox6 {
      padding: .14rem;
      margin-top: 0;
      margin-bottom: 8px;
      width: calc((100vw - 870px)/2);
      max-height: 100%;
      position: absolute;
      top: 163rem;
      left: 103.5%;
      z-index: 5;
      overflow: auto;
      box-sizing: border-box;
      border-style: solid;
      border-width:1px;
      border-color:#A0A0A0;
      background-color:#F0F0F0;
  }
  
  .sidebox7 {
      padding: .14rem;
      margin-top: 0;
      margin-bottom: 8px;
      width: calc((100vw - 870px)/2);
      max-height: 100%;
      position: absolute;
      top: 174rem;
      left: 103.5%;
      z-index: 5;
      overflow: auto;
      box-sizing: border-box;
      border-style: solid;
      border-width:1px;
      border-color:#A0A0A0;
      background-color:#F0F0F0;
  }
  
  hr {
      width: 100%;
      margin-left: 0;
  }
  
  .mobileShow {display: none;}
  
  
    @media only screen and (max-width: 1024px) {
      .mobileShow {display: inline;}
  }
  
  .mobileHide {display: inline;}
  
    /* Smartphone Portrait and Landscape */
  
  
    @media only screen and (max-width: 1024px) {
      .mobileHide {display: none;}
  }
  

  Pages using this styling

  • oct-all-stars-to-the-rescure [info]

  ¶ 1 occurrence
  

  
  :root {
      --header-title: "SCProtectorate";
      --header-subtitle: "Mundus, Liberari";  
  --logo-image: url("https://scp-wiki.wdfiles.com/local--files/mundus-liberari/MundusLiberari.png");
  

  Pages using this styling

  • occult-warfare [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css?family=Love+Ya+Like+A+Sister|Mansalva|Permanent+Marker|Schoolbell|Caveat|Gloria+Hallelujah|Nanum+Brush+Script&display=swap');
  
  :root {
   --header-title: "SCP Theatre";
   --header-subtitle: "Staged Community Productions";
  }
  
  div#extra-div-1 {
      background: url("https://scp-wiki.wdfiles.com/local--files/oboebandgeek99/unhuman-enby-left.png");
      background-size: contain;
      background-repeat: no-repeat;
      background-position: calc(50% - 10.5rem) 80%;
  }
   
  div#extra-div-2 {
      background: url("https://scp-wiki.wdfiles.com/local--files/oboebandgeek99/unhuman-enby-right.png");
      background-size: contain;
      background-repeat: no-repeat;
      background-position: calc(50% + 10.5rem) 80%;
  }
  
  @media only screen and (max-width: 1024px) {
   
      div#extra-div-1 {
        background-position: calc(50% - 6rem) 80%;
      }
   
      div#extra-div-2 {
        background-position: calc(50% + 6rem) 80%;
      }
  }

  Pages using this styling

  • oboebandgeek99 [info]

  ¶ 1 occurrence
  

  
  #page-title {
      display: none;
  }
  
  :root {
  
      --basalt-bright-element-color: 124,104,238;
      --basalt-dark-element-color: 84,58,233;
      --basalt-alternate-color: 144,126,241;
      --basalt-sub-text-color: 124,104,238;
      --basalt-undertone: 124,104,238;
      --main-content-width: 95vw;
  }
  
  .o-logo {
      display: grid;
      grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
      justify-items: center;
      align-items: stretch;
      width: calc(100% - 1em);
      margin: 0 auto;
  }
  
  .image-container {
      background-color: transparent;
      width: 90%;
      height: calc(100% - 1rem);
      padding: 0;
      display: flex;
      flex-direction: column;
      box-shadow: 0rem 0rem #7b68ee;
      transition: background-color 0.25s;
      justify-content: space-between;
      margin-top: 1rem;
  }
  
  .image-container:hover {
      background-color: #f2f2f2;
  }
  
  .image-container>img.image {
      padding: 1rem 1rem;
      width: auto;
      display: block;
      margin: auto 0;
  }
  
  .image-container>br {
      display: none;
  }
  
  .caption {
      padding: 0.6rem 0.8rem;
      background: linear-gradient(90deg, #f2f2f2, transparent);
      transition: color 0.25s, box-shadow 0.25s;
  }
  
  .image-container:hover .caption {
      box-shadow: inset min(90vw,300px) 0rem #303030;
      color: #eee;
  }
  
  .caption p {
      margin: 0;
      font-size: 85%;
  }
  
  .caption strong {
      display: inline-block;
      font-size: 1.1rem;
  }
  
  #page-options-container {
      max-width: 40rem;
      margin: 0 auto;
  }
  
  hr {
      max-width: 42rem;
  }
  

  Pages using this styling

  • o9-ppt [info]

  ¶ 1 occurrence
  

  .ethan-grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      column-gap: 1em;
  }
  .ethan-l > .wiki-content-table {
      float: left;
  }
  .ethan-r > .wiki-content-table {
      float: right;
  }
  .ethan-r > .wiki-content-table td {
      text-align: center;
      font-weight: bold;
      padding: 10px;
      background: #1a1a1a;
      color: #ededed;
  }

  Pages using this styling

  • o5-command-dossier [info]

  ¶ 1 occurrence
  

  :root {
      --logo-image: url("https://scp-wiki.wdfiles.com/local--files/secure-facility-dossier-site-120/ontologonew.png");
      --header-title: "Site-120";
      --header-subtitle: "FIghting Fire With Fire";

  Pages using this styling

  • o4-s-summit [info]

  ¶ 1 occurrence
  

  #content-wrap {
    background-image: url("https://scp-wiki.wdfiles.com/local--files/nylo-s-author-page/DoA_Logo_Nylo_V3");
  background-size: contain;
  background-repeat: no-repeat;
  }

  Pages using this styling

  • nylo-s-author-page [info]

  ¶ 1 occurrence
  

  :root {
   --timeDelay: 0.5s;
   --problem: 255, 109, 0
  }
  a.collapsible-block-link:not(.licensebox a.collapsible-block-link) {
      font-weight: 600;
      color: white;
      padding-top: 4px;
      padding-bottom: 4px;
      padding-left: 7px;
      padding-right: 9px;
      background: rgb(20, 20, 20);
      border-radius: 6px;
      margin-top: 10px;
      margin-bottom: 10px;
  }
  .ad_memo {
      background: url(https://scp-wiki.wdfiles.com/local--files/scp-7000/ADtransparent.png) #F4DFDF;
      background-size: 400px;
      background-position: center;
      background-repeat: no-repeat;
      box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
      width: 90%;
      min-height: 4rem;
      max-height: 100rem;
      margin-left: auto;
      margin-right: auto;
      padding: 10px 20px 20px 20px;
      word-break: break-word;
  }
   .ad_memo>p:nth-child(1)::before {
      content: "ANALYTICS DEPARTMENT REPORT\00000a";
      font-family: 'Work Sans', sans-serif;
      font-weight: 900;
      font-size: 130%;
      text-align: center;
      margin-bottom: 1rem;
      padding-bottom: 0.3rem;
      border-bottom: dotted 0.13rem darkslategrey;
      max-width: 49rem;
      margin-left: auto;
      margin-right: auto;
      display: flex;
      flex-direction: column;
      align-content: stretch;
      align-items: center;
  }
  .interview {
  border: double 5px #0087BD;
  margin-left: auto;
  margin-right: auto;
  margin-top: 12px;
  padding-left: 12px;
  padding-right: 12px;

  Pages using this styling

  • nx-143 [info]

  ¶ 1 occurrence
  

  .email-example .collapsible-block-folded a.collapsible-block-link {
      animation: blink 0.8s ease-in-out infinite alternate;
  }
  @keyframes blink {
      0% { color: transparent; }
      50%, 100% { color: #b01; }
  }
  .email {border: solid 2px #000000; width: 88%; padding: 1px 15px; margin: auto; box-shadow: 0 1px 3px rgba(0,0,0,.5)}
  .email-example a.collapsible-block-link {font-weight: bold;}
  .tofrom {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px maroon}

  Pages using this styling

  • nx-143 [info]

  ¶ 1 occurrence
  

  
  @import url("https://fonts.googleapis.com/css2?family=Orbitron:wght@400..900&display=swap");
  
  body {
  background-color: #FFFFFF;
  background-image: url("https://testinggrounds.wdfiles.com/local--files/scp-004-0/bluepattern.png");
  background-size: 95%;
  background-repeat: repeat;
  }
  
  :root{
    --header-title: "EMBLA PROTOCOL";
    --header-subtitle: "SPECIALLY CREATING PHENOMENA";
    --head-font: var(--ui-font);
    --page-font-size: 0.89rem;
    --link-txt-color: rgba(var(--accent), 0.75);
  
    --accent: 0, 128, 128;
  }
  
  .mainblock {
  
  border-left: solid 6px rgb(var(--accent));
  background: #ffffff;
  box-shadow: 0 1px 3px rgba(0,0,0,.2);
  padding: 10px;
  width: 90%;
  margin: auto;
  margin-bottom: 20px;
  
  }
  
  .divider {
  border-top: solid 2px rgb(var(--accent));
  margin-bottom: 10px;
  margin-top: 10px;
  }
  
  #page-content hr {
    height: 1px;
    background-color: rgb(var(--accent));
    margin-top: 1.5em;
    margin-bottom: 1.5em;
  }
  
  #page-content a {
    font-weight: bold;
  }
  
  #page-content .scp-image-block img {
    border: solid 1px rgba(var(--accent), 0.66);
  }
  
  #page-content .scp-image-block.block-left {
    margin: 0.5em 1.5em 1em 0em;
  }
  
  #page-content .scp-image-block.block-right {
    margin: 0.5em 0em 1em 1.5em;
  }
  
  #page-content .scp-image-caption {
    border: solid 1px rgba(var(--accent), 0.66);
    border-radius: 0px;
    margin-top: 7px;
  }
  
  .addendum {
      border:solid 2px #999999;
      background:#F5F5F5;
      width:84%;
      padding:1px 15px;
      margin: 10px auto;
  }
  
  .goc {
      background: #fff url('https://scp-wiki.wdfiles.com/local--files/theme%3Aredtape/goc-fade.png') -5rem -5rem no-repeat !important;
      border: none;
      border-left: 5px solid #275495;
      background-size: 30rem;
      box-shadow: 1px 1px 4px #27549582;
      color: black;
  }
  
  .footnotes-footer {
  display:none;
  }
  

  Pages using this styling

  • nx-05 [info]

  ¶ 1 occurrence
  

  a.collapsible-block-link { 
      font-weight: bold;
  }
  
  #u-nexus03 .collapsible-block {  
      max-width: 100%;
      text-align: center;
      text-color: black;
      border: solid 2px #000;
      background-color: #F7FFFF; 
      padding-top: 3px; 
      padding-bottom: 3px;
  }
  
  #u-nexus03 .collapsible-block-content p {
      text-align: left;
      padding-left: 5px;
      padding-right: 5px;
  }

  Pages using this styling

  • nx-03 [info]

  ¶ 1 occurrence
  

  body{
      --barColour: #6e6d6d;
  }
  
  :root{
    --header-title: "Project Thaumiel";
    --header-subtitle: "Site-10";
  }
  
  @media (max-width: 768px) {
      :root {
           --header-title: "Proj. Thaumiel";
      }
  }
  
  div#extra-div-1 {
      background-image: url(http://scp-wiki.wdfiles.com/local--files/numerus/numerus_background_header_image.png);
      filter: opacity(20%);
  }
  
  #page-content .info-container {
      --link-color: rgb(var(--swatch-text-general));
  }
  
  #page-content .info-container .translation_block {
      display: none;
  }
  
  #page-content .info-container .collapsible-block-link,
  #page-content .info-container:hover .collapsible-block-link {
      line-height: 1.6em;
  }
  
  #page-content .info-container .collapsible-block-folded,
  #page-content .info-container .collapsible-block-unfolded-link {
      display: grid;
  }
  
  #page-content .info-container .collapsible-block-folded .collapsible-block-link,
  #page-content .info-container .collapsible-block-link {
      -webkit-mask: unset;
              mask: unset;
      background: transparent;
      grid-column: 1;
      grid-row: 1;
      opacity: 0;
  }
  
  #page-content .info-container .collapsible-block-folded::before,
  #page-content .info-container .collapsible-block-unfolded-link::before {
      --wght: 800;
      content: "Elenee FishTruck";
      color: #FFFFFF;
      font-family: Inter, Arimo, Verdana, Geneva, "Helvetica Neue", "Helvetica", Arial, sans-serif;;
      display: block;
      pointer-events: none;
      grid-column: 1;
      grid-row: 1;
      line-height: 2.75ex;
  }

  Pages using this styling

  • numerus [info]

  ¶ 1 occurrence
  

  .danke {
      padding: 5px;
      margin-bottom:10px;
      font-family: monospace;
      font-size: 1.1em;
  }
  
  .robot{
      background-color:#002220;
      border: 3px solid #55aaa7;
      color: #8ce6e4;
  }
  
  div#page-title::after {
    content: "by Wixelt";
    font-size: 40%;
    color: #888;
    background: none;
  }
  
  div#page-title {
    border-bottom: 1px solid #000;
    padding-bottom: 0.2em;
  }

  Pages using this styling

  • nullvoid [info]

  ¶ 1 occurrence
  

  .rate-box-with-credit-button {
      background-color: #222e59!important;
      border: 1px solid #0c1121!important;
      border-radius: 5px !important;
      box-shadow: 1px 1px 3px rgba(0,0,0,.5) !important;
  }
  .rate-box-with-credit-button .creditButton p a {
      border-left-color: #0c1121!important;
  }
  .rate-box-with-credit-button .page-rate-widget-box .cancel {
      border-radius: 0;
  }
  .rate-box-with-credit-button .page-rate-widget-box .rate-points {
      border-left: 0;
  }
  
  div.goc table {
    width: 100%;
  }
  div.goc th {
    width: 25%
  }
  
  div.mi666 {
      width: 90%;
      margin: 1em auto 1em auto;
      padding: 1em;
      border: 3px solid #DD6161;
      box-shadow: 3px 3px 5px rgba(100,0,0,.5);
      font-family: "Nanum Gothic", Arial, sans-serif;
      display: block;
      background-color:white;
  
  }
  
  .mi666 span {
      word-break: normal;
      line-height: 150%;
  }
  
  div.aoi {
      width: 90%;
      margin: 1em auto 1em auto;
      padding: 1em;
      border: 1px solid black;
      display: block;
      background-color: #e0e2db;
  }
  .aoi blockquote {
      background-color: inherit;
  }
  
  div.paper {
      width: 90%;
      margin: 1em auto 1em auto;
      background-color:#f0d7b9;
      box-shadow: 4px 6px 8px #a98;
      padding: 1em;
      display: block;
  }
  .paper a:link {
    color: #824565;
  }
  .paper a:visited {
    color: #63173f;
  }
  .paper a:hover {
    text-decoration: underline;
  }
  

  Pages using this styling

  • nte-2858-cyan-blaecca [info]

  ¶ 1 occurrence
  

  
  .verticalrotate{
  margin-top: 30%;T
  padding:0px;
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
  border: 1px solid transparent;
  text-align:left;
  }
  
  .collapsible-block{
  text-align: center;
  }
  
  .collapsible-block-content{
  text-align: left;
  }
  
  h1,h2,h3,h4,h5{
  text-align: center;
  }
  
  .wrapper{
  margin:0%;
  padding:0.5%;
    display: flex;
  flex-wrap: wrap;
  justify-content: center;
  border-radius: 10px;
  border: 2px solid black;
  text-align:center;
  }
  
  .letter{
  margin: 0.5% auto;
  width: 18.6%;
  height: 100px;
  padding:0px
  padding-bottom: 30px;
  border: 1px solid black;
  border-radius: 10px;
  display: block;
  }
  .letter>h2, .lettertall>h2{
  font-size: 3cqw;
  }
  
  .letter>h3, .lettertall>h3{
  font-size: 2.3cqw;
  }
  
  
  .lettertall{
  margin: 0.5% auto;
  width: 18.6%;
  height: 160px;
  padding:0px
  padding-bottom: 30px;
  border: 1px solid black;
  border-radius: 10px;
  display: block;
  }
  
  
  
  .letterfull{
  margin: 0.5% auto;
  width: 30%;
  height:210px;
  padding:0px
  padding-bottom: 30px;
  border: 1px solid black;
  border-radius: 10px;
  display: block;
  }
  
  .letterfull>div.pilesaran>div.verticalrotate{
  margin-top: 35%
  }
  
  @media only screen and (max-width: 56.25rem) {
  
  .letterfull>div.pilesaran>div.verticalrotate{
  margin-top: 50%
  }
  
  
  .verticalrotate {
    margin-top: 50%;
  }
  
  .letter{
  width: 23%;
  height: 70px;
  }
  
  .lettertall{
  width: 31%;
  height: 90px;
  }
  
  .letterfull{
  width: 50%;
  height: 180px;
  }
  }

  Pages using this styling

  • nsl213-pilesaran-and-soonesaran [info]

  ¶ 1 occurrence
  

  @supports not ((-webkit-background-clip: text) and (-webkit-text-fill-color: transparent)) {
      .dado1 {color: #FF7F7F; font-weight: bold;}
      .dado2 {color: #FFB27F; font-weight: bold;}
      .dado3 {color: #e6e600; font-weight: bold;}
      .dado4 {color: #A5FF7F; font-weight: bold;}
      .dado5 {color: #7FC9FF; font-weight: bold;}
      .dado6 {color: #D67FFF; font-weight: bold;}
      .dado7 {color: #FF7FED; font-weight: bold;}
  }
  
  @supports ((-webkit-background-clip: text) and (-webkit-text-fill-color: transparent)) {
      .dado {
           background: linear-gradient(to right, #FF7F7F, #FFB27F, #e6e600, #A5FF7F, #7FC9FF, #D67FFF, #FF7FED);
           -webkit-background-clip: text;
           -webkit-text-fill-color: transparent;
           font-weight: bold;
      }
  }

  Pages using this styling

  • not-my-circus-not-my-monkeys [info]

  ¶ 1 occurrence
  

  a#history-button, a#files-button {
  display: none!;
  }

  Pages using this styling

  • not-alone [info]

  ¶ 1 occurrence
  

  :root{
    --header-title: "AUTHORPAGE";
    --header-subtitle: "Oliver \"Not Actually From Memphis\" Memphis";
  }
  
  div#extra-div-1 {
      background-image: url(http://scp-sandbox-3.wdfiles.com/local--files/olivermemphis2/logoblue.png);
      filter: opacity(100%);
  }

  Pages using this styling

  • not-actually-from-memphis [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Spectral');
  @import url('https://fonts.googleapis.com/css2?family=Metal+Mania&family=Nanum+Pen+Script&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&family=Spectral:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Merienda:wght@300..900&display=swap');
  
  .ws {
    display: inline-block;
    color: black;
    font-family: "Inter";
    font-weight: 140;
    font-style: normal;
    font-size: 0.9em;
  }
  
  .ws2 {
    display: inline-block;
    color: black;
    font-family: "Inter";
    font-weight: 180;
    font-style: bold;
    font-size: 1.6em;
  }
  
  .c1 {
    display: inline-block;
    color:  #ffffff;
    font-family: "Spectral";
    font-weight: 80;
    font-style: normal;
    font-size: 1.1em;
  }
  
  .c2 {
    display: inline-block;
    color:  #d82c2c;
    font-family: "Spectral";
    font-weight: 80;
    font-style: normal;
    font-size: 1.1em;
  }
  
  .c3 {
    display: inline-block;
    color:  #3fc9eb;
    font-family: "Spectral";
    font-weight: 80;
    font-style: normal;
    font-size: 1.1em;
  }

  Pages using this styling

  • nosuchthingastwelve [info]

  ¶ 1 occurrence
  

  body {
      background: rgb(0,0,0);
      background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(255,255,255,1) 100%);
  }
  :root {
      --header-title: "SITE-17 ARCHIVES";
      --header-subtitle: "SECURE, CONTAIN, PROTECT";
  }
  #page-options-container, .page-watch-options {color: #d4d4d4}
  .email {background: #fcfcfc; border: solid 2px #000000; width: 88%; padding: 1px 15px; margin: auto; box-shadow: 0 1px 3px rgba(0,0,0,.5)}
  .tofrom {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px maroon}
  .changedtext {color: green; font-weight: bold}
  .regcells {border: 0px; text-align: center; background: rgba(255, 255, 255, 0.5)}

  Pages using this styling

  • nosedive [info]

  ¶ 1 occurrence
  

  :root {
  --header-title: "SCP: North Star";
  --header-subtitle: "Cold Is Cruel";
  --lgurl: url('http://scp-wiki.wikidot.com/local--files/north-star-hub/scpshgreen.png');
  }

  Pages using this styling

  • north-star-hub [info]

  ¶ 1 occurrence
  

  
  /* FORMATTING */
   .wanderers-note{
       margin: 1em 0;
       padding: 0 1em;
  
       background: hsl(57, 100%, 93%);
       border: 2px solid hsl(120, 100%, 15%);
  }
  

  Pages using this styling

  • normal-towns [info]

  ¶ 1 occurrence
  

  /* == HEADER AREA == */
   #page-title,
   #u-author_block {
      display: none;
  }
  
  /**
   * The font used in the image at the bottom is Agency FB.
  **/

  Pages using this styling

  • non-prophet-organization-hub [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css?family=Pangolin&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Covered+By+Your+Grace&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Gugi&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Schoolbell&display=swap');
  
  :root {
     --logo-image:url("http://smlt.wdfiles.com/local--files/plaguebearer%3Anobody/%3F");
     --header-title: 'NOBODY';
     --header-subtitle: '...';
  }
  
  .classic {
      display: block;
      font-family: 'Pangolin', cursive;
      font-size: 1.3em;
      background-attachment: scroll;
      background-clip: border-box;
      background-color: transparent;
      background-image: linear-gradient(to top ,rgb(202, 219, 228) 0%, rgb(231, 233, 220) 8%);
      background-origin: padding-box;
      background-position: 0px 8px;
      background-repeat: repeat;
      background-size: 100% 20px;
      border: 1px solid #CCC;
      border-radius: 10px;
      padding: 10px 10px;
      margin-bottom: 10px;
      box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2)
      }
  .classic ul {
      list-style: symbols;
  }
  
  .cyberpunk {
      background-color: #212121;
      border-top: 0.2rem solid red;
      border-bottom: 0.2rem solid red;
      border-radius: 5% 13%;
      color: #FF3300;
      padding: 0.5rem 1rem;
      margin: 1em auto;
      width: auto;
      font-family: 'Gugi', cursive;
      font-size: 1em;
  }
  
  .kiddo {
      background-image: linear-gradient(to top ,rgb(177, 156, 217) 0%, rgb(255, 209, 220) 8%);
      font-family: 'Schoolbell', cursive;
      font-size: 1.1em;
      border-radius: 2%;
  
  }
  
  .wartime {
     background: url(http://scptestwiki.wdfiles.com/local--files/conyurt3/paper.png);
     font-family: 'Covered By Your Grace', cursive;
     box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
     font-size: 1.2rem;
     padding: 0.6rem;
     margin: 0.7em auto;
  }
  
  .nobody {
      width: 70%;
      margin: 1rem auto;
      text-align: center;
      padding: 0.6rem;
      font-size: 1rem;
  }

  Pages using this styling

  • nobodyx4 [info]

  ¶ 1 occurrence
  

  .poem-wrap{
  font-size:120%;
  text-align:center
  }
  
  .poem-ch {
  text-align: center;
   font-size:140%;
  font-family:var(--header-tt-font);
  }
  
  @media (max-width: 479px) {
  .poem-wrap{
  font-size:110%;
  text-align: left
  }
     }
  

  Pages using this styling

  • nobody-would-sing-the-rhythm-in-the-wing-again-and-again [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed&display=swap');
  #page-title{
  display:none;
  }

  Pages using this styling

  • nobody-serves-up-a-cold-plate-of-whoop-ass [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css?family=EB+Garamond:500&display=swap');
  #content-wrap {background-color:#fcfcfc}
  .poem span {white-space:pre !important}
  .poem p {
    margin-top: 0em;
    margin-bottom: 0em;
  }
  .poem {
    white-space:wrap !important;
    font-family:"EB Garamond", sans-serif;
    font-size:120%;
    text-indent: 2em;
    padding-top:5%;
    padding-bottom:20%;
  }
  @media only screen and (max-width: 600px) {
    .poem { padding-left: 1em; font-size:115%;}
  }
  div.preview { display: none; }
  a {
      color: black;
  }
   a:visited {
       color: grey;
  }
  #side-bar a {
       color: black;
  }
  #side-bar a:visited {
       color: black;
  }
  h1, #page-title {
      color: black;
  }
  #page-title {
      text-align: center;
  }
  .page-rate-widget-box .rate-points {
      background-color: black !important;
      border: solid 1px black;
      text-transform: capitalize;
  }
  .page-rate-widget-box .rateup,
  .page-rate-widget-box .ratedown {
      background-color: black;
      border-top: solid 1px black;
      border-bottom: solid 1px black;
  }
  .page-rate-widget-box .rateup a,
  .page-rate-widget-box .ratedown a {
      background: transparent;
      color: white;
  }
  .page-rate-widget-box .rateup a:hover,
  .page-rate-widget-box .ratedown a:hover {
      background: white;
      color: black;
  }
  .page-rate-widget-box .cancel {
      background-color: black;
      border: solid 1px black;
  }
  .page-rate-widget-box .cancel a {
      color: white;
  }
  .page-rate-widget-box .cancel a:hover {
      background: white;
      color: black;
  }
  #license-area a::after {
      content: ".";
  }
  #watchers-button {
      display: none;
  }

  Pages using this styling

  • nobody-says-good-night-to-you-alex-thorley [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css?family=Reenie+Beanie');
  
  .page {
      display: block;
      overflow: hidden;
      font-family: "Monotype Corsiva", "Bradley Hand ITC", sans-serif;
      font-style: normal;
  
     
      background-attachment: scroll;
      background-clip: border-box;
      background-color: transparent;
      background-image: linear-gradient(to top ,rgb(202, 219, 228) 0%, rgb(231, 233, 220) 8%);
      background-origin: padding-box;
      background-position: 0px 8px;
      background-repeat: repeat;
      background-size: 100% 20px;
      
  
      border: 1px solid #CCC;
      border-radius: 10px;
      padding: 10px 10px;
      margin-bottom: 10px;
  
      box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2)
  }
  .page p {
      line-height: 20px;
      margin: 0;
  }

  Pages using this styling

  • nobody-likes-having-enemies [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Oswald:wght@531&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=GFS+Neohellenic:wght@700&display=swap');
  
  :root {
       --header-title: "From 120's Archives";
       --header-subtitle: "Nobody Dies At Dawn";
       --subtitleColor: hsl(0, 0%, 100%);
       --lgurl: url(https://scp-wiki.wdfiles.com/local--files/nobody-dies-at-dawn-hub/Odyssey.png);
  }
  
  #header h1 a::before {
       font-family: "Oswald", serif;
       font-weight: 700;
       -webkit-text-stroke-width: 0.05px;
  }
  
  #header h2 {
       margin-bottom: -5px;
       white-space: nowrap;
  }
  
  #header h2::before {
       font-family: "GFS Neohellenic", serif;
       font-weight: 700;
       font-style: italic;
       text-shadow: 1px 1px 1px rgba(0, 0, 0, .8);
  }
  
  #header h2:after {
       content: none;
  }
  
  .borders {
      display: block;
      margin: auto;
      width: 85%;
      border: 6px double #282e48;
      padding: 0.5rem 1rem;
  }
  
  #page-content .scp-image-block {
      background: white;
      border: solid 1px #666;
      box-shadow: 0 1px 6px rgba(0, 0, 0, .25);
  }
  
  #page-content .scp-image-block .scp-image-caption {
      background-color: #eee;
      border-top: solid 1px #666;
      box-shadow: 0 1px 6px rgba(0, 0, 0, .25);
  }
  
  .carousel-container {
      margin: 0 0 1em 1em !important;
  }
  
  .enlarge:hover {
       transform: translate(-50%, -50%) scale(3);
  }
  
  .enlarge:hover .subtitlemap {
      font-size: 0.75vmin !important;
  }
  
  .enlarge img, .enlarge .subtitlemap {
       filter: drop-shadow(0px 0px 2.5px #000);
  }
  
  .subtitlemap {
       color: #fff;
       font-weight: bold;
       font-family: "Oswald", serif;
       font-size: 2vmin !important;
  }
  
  .blocked {
       cursor: not-allowed;
  }
  
  .enlarge:hover .one::after {
       content: "Laid in Blood";
  }
  
  .enlarge:hover .two::after {
       content: "My Name Is No-One";
  }
  
  .enlarge:hover .three::after {
       content: "Favoured Son";
  }
  
  .enlarge:hover .four::after {
       content: "Empty Trail";
  }
  
  .enlarge:hover .five::after {
       content: "Once and Future King";
  }

  Pages using this styling

  • nobody-dies-at-dawn-hub [info]

  ¶ 1 occurrence
  

  span[style="text-decoration: line-through;"] {
      display: inline;
  }

  Pages using this styling

  • no-such-thing-as-a-free-lunch [info]

  ¶ 1 occurrence
  

  /*
    Created for the poor-foundation-hab
    By yzkrt, kskhorn
    http://scp-jp.wikidot.com/buried-hubのCSS(by Sekai)を元に制作されています。
    CC BY-SA 3.0
  */
  
  div#header h1 a span {
      font-size: 0px;
  }
  div#header h1 a:before {
      content: "poorfoundation";
      color: #eee;
      
  }
  div#header h2 span {
      font-size:0px;
      padding: 4px;
  }
  div#header h2:after {
      content: "Secure, Contain, Protect";
      font-weight: bold;
      color: #f0f0c0;
      padding: 19px 0;
      text-shadow: 1px 1px 1px rgba(0, 0, 0, .8);
      white-space: pre;
  }
  
  div#container-wrap {
    background-image: url(http://scp-wiki-cn.wikidot.com/local--files/buried-hub/body_bg_grey.png);
    background-repeat: repeat-x;
  }
  #header, #side-bar {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
  }
  #header {
    background: none;
  }
  #header::before {
    display: block;
    position: absolute;
    width: 90%;
    height: 140px;
    top: 0;
    left: 0;
    z-index: -1;
    content: "";
    background: url(/local--files/component:theme/logo.png) 10px 40px no-repeat;
    background-size: 100px 100px;
  }
  @media (max-width: 479px) {
    #header::before {
      background-position: 0 5.5em;
      background-size: 55px 55px;
    }
  }
  @media (min-width: 480px) and (max-width: 580px) {
    #header::before {
      background-position: 0.5em 4.5em;
      background-size: 66px 66px;
    }
  }
  @media (min-width: 581px) and (max-width: 767px) {
    #header::before {
      background-position: 1em 4em;
      background-size: 77px 77px;
    }
  }
  @media (min-width: 768px) and (max-width: 979px) {
  #header::before {
      background-position: 1em 4em;
      background-size: 88px 88px;
    }
  }
  #header h1 {
    -webkit-animation: flicker-1 10s infinite;
    -o-animation: flicker-1 10s infinite;
    animation: flicker-1 10s infinite;
  }
  #header::before {
    -webkit-animation: flicker-2 10s infinite;
    -o-animation: flicker-2 10s infinite;
    animation: flicker-2 10s infinite;
  }
  #header h2 {
    -webkit-animation: flicker-3 10s infinite;
    -o-animation: flicker-3 10s infinite;
    animation: flicker-3 10s infinite;
  }
  @keyframes flicker-1 {
    53% {
      -webkit-filter: brightness(100%);
      filter: brightness(100%);
    }
    53.5% {
      -webkit-filter: brightness(60%);
      filter: brightness(60%);
    }
    54% {
      -webkit-filter: brightness(80%);
      filter: brightness(80%);
    }
    54.5% {
      -webkit-filter: brightness(50%);
      filter: brightness(50%);
    }
    55% {
      -webkit-filter: brightness(100%);
      filter: brightness(100%);
    }
    64% {
      -webkit-filter: brightness(100%);
      filter: brightness(100%);
    }
    64.5% {
      -webkit-filter: brightness(40%);
      filter: brightness(40%);
    }
    65% {
      -webkit-filter: brightness(40%);
      filter: brightness(40%);
    }
    65.5% {
      -webkit-filter: brightness(80%);
      filter: brightness(80%);
    }
    66% {
      -webkit-filter: brightness(40%);
      filter: brightness(40%);
    }
    96.5% {
      -webkit-filter: brightness(40%);
      filter: brightness(40%);
    }
    97% {
      -webkit-filter: brightness(70%);
      filter: brightness(70%);
    }
    97.5% {
      -webkit-filter: brightness(40%);
      filter: brightness(40%);
    }
    98% {
      -webkit-filter: brightness(100%);
      filter: brightness(100%);
    }
  }
  @keyframes flicker-2 {
    54% {
      -webkit-filter: brightness(100%);
      filter: brightness(100%);
    }
    54.5% {
      -webkit-filter: brightness(60%);
      filter: brightness(60%);
    }
    55% {
      -webkit-filter: brightness(80%);
      filter: brightness(80%);
    }
    55.5% {
      -webkit-filter: brightness(50%);
      filter: brightness(50%);
    }
    56% {
      -webkit-filter: brightness(100%);
      filter: brightness(100%);
    }
    65% {
      -webkit-filter: brightness(100%);
      filter: brightness(100%);
    }
    65.5% {
      -webkit-filter: brightness(40%);
      filter: brightness(40%);
    }
    66% {
      -webkit-filter: brightness(40%);
      filter: brightness(40%);
    }
    66.5% {
      -webkit-filter: brightness(80%);
      filter: brightness(80%);
    }
    67% {
      -webkit-filter: brightness(40%);
      filter: brightness(40%);
    }
    97.5% {
      -webkit-filter: brightness(40%);
      filter: brightness(40%);
    }
    98% {
      -webkit-filter: brightness(70%);
      filter: brightness(70%);
    }
    98.5% {
      -webkit-filter: brightness(40%);
      filter: brightness(40%);
    }
    99% {
      -webkit-filter: brightness(100%);
      filter: brightness(100%);
    }
  }
  @keyframes flicker-3 {
    55% {
      -webkit-filter: brightness(100%);
      filter: brightness(100%);
    }
    55.5% {
      -webkit-filter: brightness(60%);
      filter: brightness(60%);
    }
    56% {
      -webkit-filter: brightness(80%);
      filter: brightness(80%);
    }
    56.5% {
      -webkit-filter: brightness(50%);
      filter: brightness(50%);
    }
    57% {
      -webkit-filter: brightness(100%);
      filter: brightness(100%);
    }
    66% {
      -webkit-filter: brightness(100%);
      filter: brightness(100%);
    }
    66.5% {
      -webkit-filter: brightness(40%);
      filter: brightness(40%);
    }
    67% {
      -webkit-filter: brightness(40%);
      filter: brightness(40%);
    }
    67.5% {
      -webkit-filter: brightness(80%);
      filter: brightness(80%);
    }
    68% {
      -webkit-filter: brightness(40%);
      filter: brightness(40%);
    }
    98.5% {
      -webkit-filter: brightness(40%);
      filter: brightness(40%);
    }
    99% {
      -webkit-filter: brightness(70%);
      filter: brightness(70%);
    }
    99.5% {
      -webkit-filter: brightness(40%);
      filter: brightness(40%);
    }
    100% {
      -webkit-filter: brightness(100%);
      filter: brightness(100%);
    }
  }
  #page-title {
    color: rgb(34, 34, 34);
  }
  h1, a {
    color: rgb(200, 0, 5);
  }
  a:visited {
    color: rgb(100, 3, 15);
  }
  #top-bar ul li.sfhover a,
  #top-bar ul li:hover a,
  #top-bar ul li ul a,
  #top-bar a:hover,
  #side-bar a,
  #side-bar a:visited,
  #side-bar .collapsible-block-unfolded-link .collapsible-block-link,
  #side-bar .collapsible-block-unfolded-link .collapsible-block-link:hover,
  #breadcrumbs a,
  .page-tags a,
  #page-options-container a,
  #license-area a {
    color: rgb(41, 41, 41);
  }
  div.page-rate-widget-box .rate-points {
    background-color: rgb(62, 62, 62);
    border-color: rgb(62, 62, 62);
  }
  .page-rate-widget-box .rateup,
  .page-rate-widget-box .ratedown {
    background-color: rgb(247, 247, 247);
    border-color: rgb(62, 62, 62);
  }
  .page-rate-widget-box .rateup a,
  .page-rate-widget-box .ratedown a {
    color: rgb(62, 62, 62);
  }
  .page-rate-widget-box .rateup a:hover,
  .page-rate-widget-box .ratedown a:hover {
    background: rgb(62, 62, 62);
    color: rgb(254, 254, 254);
  }
  .page-rate-widget-box .cancel {
    background-color: rgb(62, 62, 62);
    border-color: rgb(62, 62, 62);
  }
  .page-rate-widget-box .cancel a {
    color: rgb(113, 113, 113);
  }
  .page-rate-widget-box .cancel a:hover {
    background: rgb(62, 62, 62);
    color: rgb(254, 254, 254);
  }
  .rate-box-with-credit-button .page-rate-widget-box .cancel a,
  .creditButton a,
  .creditBottomRate .page-rate-widget-box .cancel a {
    color: rgb(247, 247, 247) !important;
  }
  .rate-box-with-credit-button .page-rate-widget-box .cancel a:hover,
  .creditButton a:hover,
  .creditBottomRate .page-rate-widget-box .cancel a:hover {
    color: rgb(164, 164, 164) !important;
  }
  .rate-box-with-credit-button .creditButton {
    background-color: rgb(62, 62, 62) !important;
    border-color: rgb(62, 62, 62) !important;
  }
  .modalbox {
    box-shadow: 0 2px 6px rgba(22, 22, 22, .5) !important;
  }
  .close-credits, .credit-back {
    filter: grayscale(100%);
  }
  
  }
  div.yui-navset ul.yui-nav a:hover,
  div.yui-navset ul.yui-nav a:focus {
      background: rgb(200, 197, 197);
  }
  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(88, 84, 84);
  }
  
  a,a:visited {
      color: rgb(97, 97, 97);
  }
  h1,h2,h3,h4,h5,h6 {
      color: rgb(0, 0, 0);
  }

  Pages using this styling

  • no-such-thing-as-a-free-lunch [info]

  ¶ 1 occurrence
  

   @import url(https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,600;0,800;1,600&display=swap);
  
  /* HEADER AREA */
   :root {
      --accentColor: hsl(0, 0%, 0%);
      --moo: hsl(214, 70%, 45%);
      --fnColor: hsl(0, 100%, 42%);
  }
  
   body {
      --barColour: var(--accentColor);
  }
  
   #page-title {
      display: none;
  }
  
   .meta-title {
      color: var(--accentColor);
  }
  
   .meta-title,
   .pseudocrumbs {
      text-align: center;
  }
  
  /* CONTENT AREA */
   .moo,
   a.moo:visited {
      color: var(--moo);
  
      font-weight: bold;
      transition: color .2s cubic-bezier(.77, 0, .18, 1);
  }
  
   a.moo,
   a.moo:visited {
      padding-bottom: 2px;
  
      border-bottom: thin solid var(--moo);
  }
  
   a.moo:hover,
   a.moo:visited:hover {
      padding-bottom: 2px;
  
      color: var(--linkColour);
      background: var(--moo);
  
      text-decoration: none;
  }
  
   .mindscape {
      margin: 0 0 2.4rem;
      padding: 2.4rem;
  
      color: hsl(227, 75%, 20%);
      background-image:
         radial-gradient(
      	hsl(256, 63%, 81%) 60%,
      	hsl(233, 34%, 66%));
      border: 12px double hsl(247, 41%, 43%);
  
      text-align: center;
  }

  Pages using this styling

  • no-sense-crying [info]

  ¶ 1 occurrence
  

  :root {
      --head-font: var(--ui-font);
  }
  
  .bubble {
      align: center;
      width: auto;
      margin-left: 3px;
      margin-right: 3px;
      --link-txt-color: rgb(var(--accent));
      background-color: var(--dark-bg-1);
      border: 3px solid rgb(var(--accent));
      border-radius: 12px;
      padding: 10px;
  }
  
  .brief {
      align: center;
      width: 66%;
      margin: auto;
      --link-txt-color: var(--dark-bg-1);
      background-color: rgb(var(--accent));
      border-radius: 12px;
      padding: 12px;
  }
  .brief :is(h1, h2, h3, h4, h5, h6) {
      color: var(--dark-bg-1) !important;
  }
  
  .cards {
      display: flex;
      flex-wrap: nowrap;
      justify-content: space-around;
      align-items: flex-start;
      flex-direction: row;
      align-content: center;
  }
  
  .cards > div {
      margin: -12px;
  }
  
  .cards a {
      border-bottom: none !important;
  }
  
  @media (min-width: 768px) {
      #main-content {
         max-width: 98%;
      }
  
      .mb {
          display: none;
      }
  }
  
  @media (max-width: 767px) {
      .custom {
          font-size: 60%;
      }
  
      .dt {
          display: none;
      }
  
      .cards {
          margin: 0px !important;
      }
  }
  
  .graybox {
      --accent: 204, 204, 204;
  }
  
  .greenbox {
      --accent: 68, 187, 34;
  }
  
  .custom2 {
      width: auto !important;
      margin: 0px;
      padding: 0px;
  }

  Pages using this styling

  • no-return-hub [info]

  ¶ 1 occurrence
  

  #page-title {
      font-size: 180%;
  }

  Pages using this styling

  • no-esteemed-deed [info]

  ¶ 1 occurrence
  

  .trans-quote{
      border: 1px dashed #AAA;
      padding: 1em 2em;
      background-color: white;
  
      text-align: center;
      font-style: italic;
  }
  
  .page {
      display: block;
      overflow: hidden;
      font-family: "Monotype Corsiva", "Bradley Hand ITC", sans-serif;
      font-style: normal;
  
      background-attachment: scroll;
      background-clip: border-box;
      background-color: transparent;
      background-image: linear-gradient(to top ,rgb(202, 219, 228) 0%, rgb(231, 233, 220) 8%);
      background-origin: padding-box;
      background-position: 0px 8px;
      background-repeat: repeat;
      background-size: 100% 20px;
  
      border: 1px solid #CCC;
      border-radius: 10px;
      padding: 10px 10px;
      margin-bottom: 10px;
  
      box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2)
      }
  .page p,
  .page ul {
      line-height: 20px;
      margin: 0;
  }

  Pages using this styling

  • ninth-s-proposal-ii [info]

  ¶ 1 occurrence
  

  :root {
    --header-title: "Atypical Persuasion";
    --header-subtitle: "Respect is earned.";
    --accent: 10, 10, 10;
    --logo-img: url("https://scp-wiki.wdfiles.com/local--files/ninth-circle/Logo.jpg");
  }

  Pages using this styling

  • ninth-circle [info]

  ¶ 1 occurrence
  

  :root {
  --logo-image: var(--eventyr-lgbtq);
  }
  a:link {
      color: #000000;
  }
  a:visited {
      color: #000000;
  }
  #page-title {
    display: none;
  }
  .picturebook{
    align: center;
    width: 70%;
    display: block;
    margin-left: auto;
    margin-right: auto;
  }

  Pages using this styling

  • nightnotomorrow [info]

  ¶ 1 occurrence
  

  
  :root {
      --header-title: "SCP FOUNDATION";
      --header-subtitle: "SECURE, CONTAIN, PROTECT";
      --lgurl: url("https://scp-wiki.wdfiles.com/local--files/black-autumn-hub/scp-halloween-alone.png");
      --accentColor: 235, 97, 35;
  }
  
  #page-title {
    display: none;
  }
  
  #header::before {
          opacity: 0.3;
   }
  

  Pages using this styling

  • nightmarefest [info]

  ¶ 1 occurrence
  

  :root {
    --header-title: "R\0026 C SITE-43";
    --header-subtitle: "SURVIVE ● CONSERVE ● PERSIST";
  
    --accent: 255, 34, 67;
    --head-font: var(--ui-font);
  
    --timeDelay: 1s;
  }
  
  .image-container {padding:0;}

  Pages using this styling

  • nightmare-sequence [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Cutive+Mono&display=swap');
  @import url('https://scp-wiki.wdfiles.com/local--files/nightmare-begins/stylesheet.css');
  
  /*-----------------------------------------------*/
  /* Centered Header Fix */
  
  #header::before {
     opacity: 0.35;
  }
  
  #header h1 a::before {
     -webkit-text-stroke: 0rem rgb(26, 0, 0);
     color: rgba(0, 0, 0, 0);
  }
  
  #header h1 a::after {
     filter: drop-shadow( 0rem 0.2rem 0.1rem rgba(0, 0, 0, 0.6) );
  }
  
  :root {
     --header-subtitle: "SECURE · CONTAIN · PROTECT";
  }
  
  #header h2 span::before {
     -webkit-text-stroke: 0rem rgba(0, 0, 0, 0);
     --wght: 200;
  }
  
  #header h2 span::after {
     content: none;
  }
  /*-----------------------------------------------*/
  
  #page-title {
    display: none;
  }
  
  #page-content {
     font-size: 1.1em;
  }
  
  /*-----------------------------------------------*/
  /* Teletype and ~ Element */
  
  .teletype {
     filter: blur(0.5px);
     background: #f5f3e9;
     padding-left: 1em;
     padding-right: 1em;
     margin: 0em;
     font-family: 'Artisan12', monospace;
  }
  
  .tel-image {
     background: #f5f3e9;
     padding: 0em;
     margin: 0em;
  }
  
  .tel-overlay {
     position: relative;
  }
  
  .tel-overlay::before {
     content: "";
     position: absolute;
     background-image: url("https://scp-wiki.wdfiles.com/local--files/nightmare-begins/overlay-new.png");
     mix-blend-mode: hard-light;
     opacity: 0.90;
     height: 100%;
     width: 100%;
     z-index: 1;
  }
  
  .blurbox {
     
  }
  
  h3 {
     text-align: center;
     margin-bottom: 0em;
  }
  
  /*-----------------------------------------------*/
  /* Styling for Navigation */
  .minihub {
     font-size: 0.9em;
  }
  
  .minihub > .image-container {
     padding: 0px;
  }
  
  .swapper-fancy { }
  
  .swapper-ugly {
     display: none;
  }
  
  @supports(display: grid) {
      @media only screen and (max-width: 769px) {
          .swapper-fancy {
              display: none;
          }
   
          .swapper-ugly {
              display: block;
          }
      }
  }
  
  /* New Earthworm Adjustments*/
  .main-text-cell {
     display: flex !important;
     justify-content: center;
     align-items: center;
  
     flex-basis: 20% !important;
  
     font-size: 17px !important;
     line-height: 1.1em;
     margin: 0rem 0.2rem -0.4rem 0.2rem !important;
  }
  
  .main-text-cell a {
     font-weight: 600;
  }
  
  .side-text-cell {
     display: flex;
     justify-content: center;
     align-items: center;
  
     font-size: 15px;
     line-height: 1.2em;
     margin: 0.5rem -0.2rem 0rem -0.2rem !important;
  }
  
  .image-cell.center.style-three {
     background-image: url("https://scpdsandbox.wdfiles.com/local--files/pmal-earthworm/center-cont-f.png") !important;
  }
  
  .image-cell.left.style-three {
     background-image: url("https://scpdsandbox.wdfiles.com/local--files/pmal-earthworm/left-end-f.png") !important;
  }
  
  .image-cell.right.style-three {
     background-image: url("https://scpdsandbox.wdfiles.com/local--files/pmal-earthworm/right-end-f.png") !important;
  }
  
  .image-cell.center.endstyle-three {
     background-image: url("https://scpdsandbox.wdfiles.com/local--files/pmal-earthworm/center-end-f.png") !important;
  }
  /*-----------------------------------------------*/
  /* Widebox for Large Elements */
  .widebox {
     width: 60vw;
     max-width: 60vw !important;
     position: relative;
     left: calc(-30vw + 50%);
  }
  
  @media screen and (max-width: 640px) {
    .widebox{
      width: 100vw;
      max-width: 100vw !important;
      left: calc(-50vw + 50%);
    }
  }
  /*-----------------------------------------------*/

  Pages using this styling

  • nightmare-begins [info]

  ¶ 1 occurrence
  

  :root {
  --toggle-button-bg: rgb(var(--light-gray-monochrome));
  --toggle-border-color: rgb(var(--gray-monochrome));
  --toggle-icon-color: rgb(var(--gray-monochrome));
  --toggle-roundness: 0;
  }
  
  a.collapsible-block-link { font-weight: bold; }

  Pages using this styling

  • night-s-collection [info]

  ¶ 1 occurrence
  

  :root {
       --header-title: "SITE-37";
       --header-subtitle: "Two Problems, One Stone.";
      --bright-accent: 186, 9, 42;
      --medium-accent: 186, 9, 42;
      --dark-accent: 186, 9, 42;

  Pages using this styling

  • nial-must-be-flushed [info]

  ¶ 1 occurrence
  

  
  #header h2 span {
      display: block;
      margin: 0;
      padding: 19px 0;
      line-height: 0px;
      max-height: 0px;
      font-weight: bold;
      color: transparent;
      text-shadow: none;
  }
  
  #header {
      background-image: url(http://scp-wiki.wdfiles.com/local--files/news-10-2018/SCP-News-2018-10-Logo.png);
  }
  
  #header h2 span::before {
      color: #eee;
      font-weight: bold;
      color: #f0f0c0;
      text-shadow: 1px 1px 1px #000;
      text-shadow: 1px 1px 1px rgba(0,0,0,.8);
      content: 'Spooky Correspondence Periodical';
  }

  Pages using this styling

  • news-10-2020 [info]

  ¶ 1 occurrence
  

  #header h2 span {
      display: block;
      margin: 0;
      padding: 19px 0;
      line-height: 0px;
      max-height: 0px;
      font-weight: bold;
      color: transparent;
      text-shadow: none;
  }
  
  #header {
      background-image: url(https://scp-wiki.wdfiles.com/local--files/news-10-2018/SCP-News-2018-10-Logo.png);
  }
  
  #header h2 span::before {
      color: #eee;
      font-weight: bold;
      color: #f0f0c0;
      text-shadow: 1px 1px 1px #000;
      text-shadow: 1px 1px 1px rgba(0,0,0,.8);
      content: 'Spooky Correspondence Periodical';
  }

  Pages using this styling

  • news-10-2018 [info]

  ¶ 1 occurrence
  

  .footnotes-footer {
      visibility: hidden;
      height: 0;
      padding: 0;
      margin: 0;
  }
  

  Pages using this styling

  • news-09-2022 [info]

  ¶ 1 occurrence
  

  .math-inline[style*="display: inline"] {
      display: inline-block!important;
      font-size: 0.81rem;
      transform: scale(1.05) translate(0.5%, -1%);
  }

  Pages using this styling

  • news-08-2021 [info]

  ¶ 1 occurrence
  

  #header h2 span {
      display: block;
      margin: 0;
      padding: 19px 0;
      line-height: 0px;
      max-height: 0px;
      font-weight: bold;
      color: transparent;
      text-shadow: none;
  }
  
  #header {
      background-image: url(http://scp-wiki.wdfiles.com/local--files/news/SCPNewsLogo);
  }
  
  #header h2 span::before {
      color: #eee;
      font-weight: bold;
      color: #f0f0c0;
      text-shadow: 1px 1px 1px #000;
      text-shadow: 1px 1px 1px rgba(0,0,0,.8);
      content: 'Site Correspondence Periodical';
  }

  Pages using this styling

  • news-08-2018 [info]

  ¶ 1 occurrence
  

  /*
  This tooltip hover effect is adapted from LurkD's code on hhttps://scp-wiki.wikidot.com/command-query-separation
  */
  .hover {
  }
  .hover:hover {
    text-decoration: none;
      border-bottom: none;
  }
  
  .hover span { display: none;}
  .hover:hover span {
      position: absolute;
      display: inline;
      margin: -5px;
      height: auto;
      width: auto;
      background: rgba(245, 245, 245, 0.95);
      border-style: double;
      border-color: #fff;
      color: #b01;
      font-weight: bold;
      padding: 1em;
  }
  .hover:hover span span {
      position: relative;
      margin: auto;
      height: auto;
      width: auto;
      border: none;
      padding: 0;
  }

  Pages using this styling

  • news-07-2019 [info]

  ¶ 1 occurrence
  

  .animSVG { display: inline-block }

  Pages using this styling

  • news-06-2019 [info]

  ¶ 1 occurrence
  

  .tasi blockquote{max-width:30%;}

  Pages using this styling

  • news-06-2019 [info]

  ¶ 1 occurrence
  

  @supports not ((-webkit-background-clip: text) and (-webkit-text-fill-color: transparent)) {
      .dado1 {color: #FF7F7F; font-weight: bold;}
  }
  
  @supports ((-webkit-background-clip: text) and (-webkit-text-fill-color: transparent)) {
      .dado {
           background: linear-gradient(to right, #FF7F7F, #FFB27F, #e6e600, #A5FF7F, #7FC9FF, #D67FFF, #FF7FED);
           -webkit-background-clip: text;
           -webkit-text-fill-color: transparent;
           font-weight: bold;
      }
  }

  Pages using this styling

  • news-06-2019 [info]

  ¶ 1 occurrence
  

  
  #header {
      background-image: url(https://scp-wiki.wikidot.com/local--files/news/SCPNewsLogo);
  }
  
  #header h2 span::before {
      color: #eee;
      font-weight: bold;
      color: #f0f0c0;
      text-shadow: 1px 1px 1px #000;
      text-shadow: 1px 1px 1px rgba(0,0,0,.8);
      content: 'Site Correspondence Periodical';
  }
  
  
  #header h2 span {
      display: block;
      margin: 0;
      padding: 19px 0;
      line-height: 0px;
      max-height: 0px;
      font-weight: bold;
      color: transparent;
      text-shadow: none;
  }
  
  
  /*
  
  "SCPNewsLogo" is a derivative of "1f5de" by Twitter, Inc and other contributors, used under CC BY. "SCP-News-2018-08-Logo" is licensed under CC BY SA by TSATPWTCOTTTADC.
  
  "1f5de": https://github.com/twitter/twemoji/blob/gh-pages/2/svg/1f5de.svg
  "SCPNewsLogo": https://scp-wiki.wikidot.com/local--files/news/SCPNewsLogo
  
  "1f5de" license: https://github.com/twitter/twemoji/blob/gh-pages/LICENSE-GRAPHICS
  "SCPNewsLogo" license: https://creativecommons.org/licenses/by-sa/3.0/
  
   */
  

  Pages using this styling

  • news-06-2018 [info]

  ¶ 1 occurrence
  

  /*
  This tooltip hover effect is adapted from LurkD's code on https://scp-wiki.wikidot.com/command-query-separation
  */
  .hover {
  }
  .hover:hover {
    text-decoration: none;
      border-bottom: none;
  }
  
  .hover span { display: none;}
  .hover:hover span {
      position: absolute;
      display: inline;
      margin: -5px;
      height: auto;
      width: auto;
      background: rgba(245, 245, 245, 0.95);
      border-style: double;
      border-color: #fff;
      color: #b01;
      font-weight: bold;
      padding: 1em;
  }
  .hover:hover span span {
      position: relative;
      margin: auto;
      height: auto;
      width: auto;
      border: none;
      padding: 0; $]]
  }

  Pages using this styling

  • news-03-2019 [info]

  ¶ 1 occurrence
  

  /*
  This tooltip hover effect is adapted from LurkD's code on https://scp-wiki.wikidot.com/command-query-separation
  */
  .hover {
  }
  .hover:hover {
    text-decoration: none;
      border-bottom: none;
  }
  
  .hover span { display: none;}
  .hover:hover span {
      position: absolute;
      display: inline;
      margin: 0px;
      height: auto;
      width: auto;
      background: rgba(255, 255, 255, 0.95);
      border-style: solid;
      border-width: 0px 2px 2px 0px;
      border-color: #fff;
      color: #b01;
      font-weight: bold;
      padding: 1em;
  }
  .hover:hover span span {
      position: relative;
      margin: auto;
      height: auto;
      width: auto;
      border: none;
      padding: 0;
  }

  Pages using this styling

  • news-01-2019 [info]

  ¶ 1 occurrence
  

  .list-pages-item .licensebox {
      display: none;
  }

  Pages using this styling

  • news [info]

  ¶ 1 occurrence
  

  .block-center img,
  .block-center .scp-image-caption {
        width: 100% !important;
  }
  
  .parapost strong {
       color: var(--fg-accent-dark);
  }

  Pages using this styling

  • new-ritual [info]

  ¶ 1 occurrence
  

  .feature {
      --box-accent: #708192;
      border: 0.25rem solid;
      border-image: linear-gradient(186deg, #d2e2ec, #96acb7) 8;
  }
  .feature .content-type-description > div {
      display: grid;
      grid-template-columns: repeat(auto-fill,minmax(min(16em,100%),1fr));
      gap: .05rem;
      background: #d7d7d7;
  }
  .feature .content-type-description > div > div {
      text-align: center;
      padding: 0.625rem;
      background: #fff;
      display: flex;
      flex-direction: column;
  }
  
  #u-other .wiki-content-table td:nth-child(3) {
      text-align: center;
      font-size: 0.875em;
      width: 5.5rem;
  }
  
  #u-other .wiki-content-table td:nth-child(3) a:not([href$=admin],[href$=hub],[href$=contest],[href$=workbench],[href$=supplement],[href$=site],[href$=guide],[href$=essay],[href$=news],[href$=resource],[href$=author],[href$=component],[href$=component-backend],[href*=theme],[href$=more-by],[href$=splash],[href$=redirect]){
      display: none;
  }
  .description > :not(.preview) { display: none!important; }
  .description > .preview {
      display: contents;
      font-size: .825em;
      text-align: start;
  }
  .preview > p {
      margin-block: .625em;
  }

  Pages using this styling

  • new-pages-feed [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Almendra:ital,wght@0,400;0,700;1,400;1,700&display=swap');
  #page-title {display: none;}
  .olde {
    font-family: "Almendra", serif;
    font-weight: 400;
    font-style: normal;
  }

  Pages using this styling

  • nevertellneverhear [info]

  ¶ 1 occurrence
  

  @import url(https://scp-wiki.wikidot.com/theme:magazine/code/3);
  @import url('https://fonts.googleapis.com/css?family=Courier+Prime');
  @import url('https://fonts.googleapis.com/css?family=Special+Elite');
  @import url('https://fonts.googleapis.com/css?family=Permanent+Marker');
  @import url('https://fonts.googleapis.com/css2?family=Indie+Flower&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Mansalva&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Gloria+Hallelujah&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Schoolbell&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Arimo:ital,wght@0,400..700;1,400..700&display=swap');
  
  .authorlink-wrapper .authorbox {
    z-index: 7;
  }
  
  :is(.yui-navset,.yui-navset-top,.yui-navset-bottom) .yui-content {
    padding: 0px;
  }
  
  .white em {
  color: #ffffff;
  }
  
  .snote {
    --w: none;
  }
  
  :root {
    --writing-pages: 209, 209, 209;
  }
  
  .text1 {
  font-family: "Mansalva";
  color: #000000;
  font-size: 120%;
  }
  
  .text2 {
  font-family: "Schoolbell";
  font-size: 16.5px;
  overflow-x: visible !important;
  box-sizing: border-box;
  max-width: 100% !important;
  overflow-wrap: anywhere;
  word-break: break-word;
  letter-spacing: 0;
  }
  
  .text3 {
  font-family: "Gloria Hallelujah";
  font-size: 15px;
  color: #036116;
  }
  
  .text4{
  color: #ae34fa;
  -webkit-text-stroke: 0.55px #000000;
  font-family: "Arimo";
  font-size: 140%;
  }
  
  .text4a{
  color: #ae34fa;
  -webkit-text-stroke: 0.55px #000000;
  }
  
  #skrollr-body {
    overflow-x: hidden;
  }
  
  .sparkle {
    display: inline-block;    
    clip-path: inset(0 -0.75em 0 0); 
    background: url(http://scp-sandbox-3.wikidot.com/local--files/nebiros/green.gif);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  
  }
  
  .sparkle2 {
    display: inline-block;    
    clip-path: inset(0 -0.75em 0 0); 
    background: url(http://scp-sandbox-3.wikidot.com/local--files/nebiros/gradient.jpeg);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  
  }
  
  .sparkle2a {
    display: inline-block;    
    clip-path: inset(0 -0.75em 0 0); 
    background: url(http://scp-sandbox-3.wikidot.com/local--files/nebiros/gradient2.jpeg);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  
  }
  
  .estrella-paper {
    padding: 25px;
  }
  
  :root {
  --img-chew444: var(--MASK-chew222);
      --MASK-chew_repeat: repeat;
      --MASK-chew_size:100%;
  
  
  --dark-accent:rgb(110, 100, 105);
  --page-bg:var(--color-grey);
  --accentColor:#542429;
  
  --color-red:#990314;
  --color-darkred:#6f1212;
  --color-grey:#ecebf0;
  --color-grey-pale:#eee;
  --color-grey-dark:#e0e1e1;
  --color-grey-darker:#d2d2d2;
  --color-grey-darkest:#c4c4c4;
  --swatch-primary-darker:egb(64,96,22);
  
  --color-kraft:rgb(185,137,102);
  --color-navy:rgb(20,21,39);
  --color-blue:#2c477d;
  --color-paleblue:#4e5166;
  --color-gold:#c39c52;
  --color-brown:#ead1b3;
  
  --color-light:#e8e8e8;
  --color-darkest:#000;
  --color-darker:#333;
  --color-dark:#555; 
   
      --SB_width:14rem;
      --SB-blank_right:1rem;
      --SB-blank_left:2rem;
      --SB-blank_top:6rem;
      --content-width:54rem;   
      --SB_width-total:calc(var(--SB_width) + var(--SB-blank_left) + var(--SB-blank_right));  
      --tip-bdcl:155,155,155;
      --tip-color:var(--color-grey-darker);
      --tip-deg:-45deg;
      --tip-dogear-size:1.5em;
      --tip-dogearoll-size:calc( var(--tip-dogear-size) * 1.4);
      --tip-maxwidth_PC:calc(var(--content-width, 56rem) * 0.5);
      --tip-dogearoll-margin: 0rem -0.9rem 0 0;
  }
  #page-title {
     font-size: 0pt;
  }
  
  #breadcrumbs {
     display: none;
  }
  div#page-content a.collapsible-block-link{
  color: #315B7D;
  font-size: 150%;
  font-weight: bold;
  font-family: "Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica;
  letter-spacing: 1px;
  }
  .scpf {
  background-color: rgba(252, 81, 48, 0.25);
  }
  .goc {
  background-color: rgba(48, 188, 237, 0.25);
  }
  .nazi {
  background-color: black;
  color: white;
  }
  /*---------- this is for the manila folder tabs -----------*/
  /*this is the top, darker brown tab background*/
  .yui-navset .yui-nav {
      border: solid #999999;
      border-width: 0px 0px 0px 0px;
      background: #757575;
      box-shadow: 0.2rem 0rem #757575;
  }
  .yui-navset .yui-nav li {
      margin: 0px 2px 0px 0px;
      padding: 0px;
  }
  .yui-navset .yui-nav .selected {
      margin: 0px 2px 0px 0px;
      background: #d1d1d1;
      padding: 0px;
  }
  .yui-navset .yui-nav li em {
      font-family: courier, monospace !important;
      font-size: 12pt;
      font-weight: bold;
  }
  /* this is the yellow manila background for the tabs*/
  .yui-navset .yui-content {
      background: white;
  /*---------here is the code for the background of the tabs themselves-----------*/
    /*  background-image: url("http://scp-sandbox-3.wikidot.com/local--files/nebiros/nebiros.png"); */
       background-size: 350px 500px;
       background-color: #000000;
      border: solid 2px #000000;
      border-radius: 5px;
   box-shadow: 0.2rem 0.1rem #757575;
  
  }
  .yui-navset .yui-nav a em {
      padding: 0px 5px 0px 5px;
  }
  .yui-navset .yui-nav .selected a em {
      padding: 0px 5px 0px 5px;
  }
  div.yui-navset ul.yui-nav a,
  div.yui-navset div.yui-navset-top ul.yui-nav a {
      background: #d1d1d1;
      border: solid #000000;
      border-width: 3px 3px 1px 3px;
  }
  div.yui-navset ul.yui-nav a:hover,
  div.yui-navset ul.yui-nav a:focus {
      background: #d1d1d1;
  }
  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: #d1d1d1;
      border: solid 3px #ffffff;
  }
  
  /*---------this is for the Chinese notebook div----------*/
  note-chew- [to adjust the value of the name of the rotating component] .note-paper-mid:before{
  background: #f3f3f3; /* is the same as the component background color*/
  width: 98%; /* Adjust the base color position (size), be careful not to cover the tooth marks */
  right:0rem;/* Adjust the base color position (size), be careful not to cover the tooth marks */
  Position: relative;
  content: "";
  Position: Absolute;
  z-index: -1;
  Height: 100%;
  } 
  
  /*------ this is for the paper div -----------*/
  .genblock {
      background-color: rgb(var(--printer-paper));
      background-image: url("https://scp-wiki.wdfiles.com/local--files/theme:twin-files/paper-texture.png");
      background-repeat: repeat;
      background-size: 100%;
  
      color: rgb(var(--ink-blot));
      font-family: var(--printer-paper-font);
      border: 3px solid black;
  
      border-color: rgb(var(--papers-edge));
  
      padding: 0.5em 1em 0.5em 1em;
  }
  .chew-bottom,
  .chew-top{
      --NOTEPAGE-txt_border-size:0.8em;
      --NOTEPAGE-before_area:header;
      --NOTEPAGE-after_area:footer;
      --NOTEPAGE-side_width: 100%;
     --NOTEPAGE-side_height: 1rem;
       --MASK-chew_repeat: repeat-x;
      --MASK-chew_size:14rem;
      --NOTEPAGE-before_display:none;
      --NOTEPAGE-after_display:none;
      --NOTEPAGE-header_font-size:0;
      --NOTEPAGE-footer_font-size:0;
      --ticker-font: 'Special Elite';
  
      --NOTE-quote_width:100%;
      --NOTE-quote_bg-size:3em;
      --NOTE-quote_height:3em;
       --NOTE-quote-side_clip:inset(0 0 25% 0);
     --NOTE-quote-side_position: 0em 0;
    --NOTE-quote-side_repeat:repeat-x;
  }
  /*---------- for the ticker formatting---------*/
  .ticker {
      padding: 5px 5px 1.1em 3.7em;
      font-family: Monospace;
      font-size: 95%;
      font-weight: 400;
      color: #000;
      background: repeat-y url("https://scp-wiki.wdfiles.com/local--files/theme%3Atwin-files/tickerback.png");
      background-position: center top;
      background-size: 100%;
   
      border: 2px solid #D8D6CA;
      border-style: solid solid solid;
      border-width: medium 2px 0px;
  }
  /*------------ this is for the paperclip/photograph format----------*/
  .clip-wrap div {
      max-width: 60%;
      margin: 1rem auto;
      width: 60%;
  }
  
  .clip-wrap .clip-img,
  .clip-wrap .clip-body {
      border: solid 2px rgb(var(--clip-border,0,0,0));
      background-color: rgb(var(--clip-bg, 244, 244, 244));
      box-sizing: border-box;
      position: relative;
      z-index: 0;
      padding: 0.5rem;
  }
  
  
  .clip-wrap .clip-img::before,.clip-wrap .clip-img::after,
  .clip-wrap .clip-body::before,.clip-wrap .clip-body::after {
      content:'';
      position: absolute;
      pointer-events: none;
      border: solid 0.25rem var(--color-darker);
      transform: rotate(25deg); /*this handles the rotation of the paperclip*/
  }
  
  .clip-wrap .clip-img::before,.clip-wrap .clip-img::after {
      border: solid 0.25rem var(--color-darker);
  }
  
  .clip-wrap .clip-img::before,
  .clip-wrap .clip-body::before {
    right: 0.45rem;
    height: 36px;
    width: 9px;
    top: -0.45rem;
    border-radius: 0 0 2rem 2rem;
    border-top: none;
  }
  
  .clip-wrap .clip-img::after,
  .clip-wrap .clip-body::after {
      top: -24px;
      right: -0.5rem;
      height: 16px;
      width: 14px;
      border-radius: 2rem 2rem 0 0;
      border-bottom: solid 0.55rem transparent;
      z-index: -1;
  }
  
  .clip-wrap .clip-body img,
  .clip-wrap .clip-img {
      border: 0.15rem solid var(--color-darkest);
    width: max-content;
  }
  
  .clip-wrap .clip-img::before {
    right: -0.2rem;
    top: -0.45rem;
  }
  
  .clip-wrap .clip-img::after {
      right: -0.8rem;
          height: 45px;
  }
  
  /*this is the css for the shadow surrounding the clip-img box*/
  .clip-wrap .clip-img {
      padding: 0rem;
      border: 0.12rem solid var(--color-darkest);
      box-shadow:  0px 0px 0px 3px rgba(50,50,50, 0.1), 0px 0px 0px 5px rgba(150,150,150, 0.1);
  }
  
  
  @m
  .clip-wrap{
       max-width: 100%;
  }
  .clip-wrap .clip-img::before,
  .clip-wrap .clip-body::before {
    right: 0.3rem;
    height: 1.4rem;
    width: 0.4rem;
    top: 0rem;
  }
  
  .clip-wrap .clip-img::after,
  .clip-wrap .clip-body::after {
      top: -1rem;
      right: -0.5rem;
      height: 1rem;
      width: 0.7rem;
  }
  
  
  
  .pinkpaper {
      padding: 20px;
      font-size: 110%;
      font-weight: 400;
      color: #000;
      margin: .75rem;
   
      background: repeat-y url("http://scp-sandbox-3.wikidot.com/local--files/nebiros/pinkpaper.jpeg");
      background-position: center top;
      background-size: 100%;
   
  }
  
  .paper2 {
      padding: 10px 5px 1rem 1.5rem;
      font-size: 125%;
      font-weight: 400;
      margin: .32rem;
   
      background: repeat-y url("http://scp-sandbox-3.wikidot.com/local--files/nebiros/paper2.jpeg");
      background-position: center top;
      background-size: 100%;
   
  }
  

  Pages using this styling

  • nebiros [info]

  ¶ 1 occurrence
  

  
  :root {
      --header-height-on-desktop: 15rem;
      --header-height-on-mobile: 15rem;
  }
  
  #page-content a {
    color: #e3e3e3;
  }
  em {
    color: #000;
  }
  
  
  .licensebox a {
      color: red;
  }
  
  #extra-div-1 {
      height: var(--header-height-on-desktop);
      width: 100%;
      position: absolute;
      top: 0;
      left: 0;
      pointer-events: none;
      background-image: url("http://scp-sandbox-3.wikidot.com/local--files/nebiros/hell.jpeg");
      background-size: cover;
  }
  
  :is(div.rate-box-with-credit-button div.page-rate-widget-box,div.page-rate-widget-box) :is(.rateup,.ratedown,.cancel) a {
    color: transparent !important;
  }
  
  #content-wrap {
    background-image: linear-gradient(180deg, #9e251c 0%, #000000 100%)
  }
  
  #toc-list a {
    color: black !important;
  }
  
  @media (max-width: 56.25rem) {
    #header {
      background-size: 130px;
      background-position: top 60% left 5%;
    }
    
    #header :is(h1 a, h2 span) {
      margin-left: calc(130px + 5vw);
    }
  }
  
  
  .authorlink-wrapper .authorbox {
    background-color: #9e0606;
  }
  
  .authorlink-wrapper .authorbox::before {
    border-bottom-color: #9e0606;
  }
  
  #header h1 a::before,
  #header h2 span::before {
    --n: calc(-1 * var(--p));
    text-shadow:
      var(--p) var(--p) 0 var(--col),
      var(--n) var(--p) 0 var(--col),
      var(--p) var(--n) 0 var(--col),
      var(--n) var(--n) 0 var(--col),
      var(--p) 0 0 var(--col),
      var(--n) 0 0 var(--col),
      0 var(--p) 0 var(--col),
      0 var(--n) 0 var(--col);
  }
  
  #header h1 a::before {
    --p: 0.07em;
    --col: black;
  }
  
  #header h2 span::before {
    --p: 0.07em;
    --col: black;
  }
  
  a, a.newpage, a:visited, #interwiki a, #side-bar a {
      color: #fa0202;
  }
  
  

  Pages using this styling

  • nebiros [info]

  ¶ 1 occurrence
  

  .hide-ios-cache-issue-notification {
    width: fit-content;
    margin-left: 2em;
  }
  
  .ios-cache-issue-notification:has(.hide-ios-cache-issue-notification .collapsible-block-unfolded:not([style*="none"])) {
    display: none;
  }
  
  .ios-cache-issue-notification a:not(.collapsible-block-link) {
    text-decoration: underline;
  }
  
  .ios-cache-issue-notification .code {
    background-color: #fffafa;
    border-radius: 10px;
    border: 1px solid #f00;
  }
  
  .ios-cache-issue-notification {
    line-height: 1.5;
    position: fixed;
    top: 65px;
    left: 10px;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 0 5px black;
    border: 1px solid red;
    font-size: 125%;
    color: black;
    background-color: #fee;
    z-index: 999999999;
    width: calc(100vw - 70px);
    clear: none;
    max-height: calc(100vh - 130px);
    overflow: auto;
    animation: ios-cache-issue-notification-fadein 0.5s;
    animation-delay: 2s;
    animation-fill-mode: both;
    max-width: 40em;
  }
  
  @keyframes ios-cache-issue-notification-fadein {
    0% { opacity: 0; }
    100% { opacity: 1; }
  }

  Pages using this styling

  • nav:top [info]

  ¶ 1 occurrence
  

  iframe.scpnet-interwiki-frame { height: 0; }
  
  /* Forcibly change name of AHT banned user. */
  a[href*="user:info/adminbright"] {
    font-size: 0;
  }
   
  a[href*="user:info/adminbright"]::before {
      content: 'TheDuckMan';
      font-size: .95rem;
  }
   
  a[href*="user:info/adminbright"]:nth-child(1) img {
    display: none
  }
   
  a[href*="user:info/adminbright"]:nth-child(1)::before {
    content: "";
    width: 16px;
    height: 16px;
    background-image: url(https://05command.wdfiles.com/local--files/theme%3Asite/default_avatar.png), url(https://05command.wdfiles.com/local--files/theme%3Asite/karmabar.png);
    display: inline-block;
    background-size: contain;
    vertical-align: -0.3em;
    padding: 1px 9px 1px 8px;
    background-repeat: no-repeat;
    background-position-x: 8px, 0;
  }

  Pages using this styling

  • nav:side [info]

  ¶ 1 occurrence
  

  :root {
      --header-title:"Orlando";
      --header-subtitle:"An Extended Biography";
      --logo-image: url("https://scp-sandbox-3.wdfiles.com/local--files/queerlando-theme/quill_shadow.png");
  }
  
  #header h1 a:before {
      font-size: clamp(3rem, 24vw, 6rem);
  }
  
  #header h2 span::before {
      font-size: 1.3em;
      padding-top: 0.5em;
      margin-left: -0.5em;
      text-shadow: 0.125rem 0.125rem 0 rgb(79 79 79);
  }
  
  .storybook {
      font-family: 'aragon';
      text-align: center;
      background-image: url( https://scp-wiki.wikidot.com/local--files/scp-8166/paper-min%5B1%5D.png);
      padding:1em 2em;
      font-size: 160%;
      border: 2px solid black;
  }

  Pages using this styling

  • natureduty [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css?family=Muli:700');
  
  #header h1 a {
      display: block;
      margin: 0;
      padding: 80px 0 25px;
      line-height: 0px;
      max-height: 0px;
      color: transparent;
      background: transparent;
      font-family: 'Muli', sans-serif;
      font-weight: 700;
      font-size: 180%;
      text-decoration: none;
      text-shadow: none;
      letter-spacing: 0.9px;
  }
   
  #header h1 a::before {
      content: "Natalie Watts ";
      color: #eee;
      text-shadow: 3px 3px 5px #000;
  }
  
  @media only screen and (max-width: 640px) {
    #header h1 a {
      font-size: 90%;
    }
  }
  
  #header h2 span {
      display: block;
      margin: 0;
      padding: 19px 0;
      line-height: 0px;
      max-height: 0px;
      font-weight: bold;
      color: transparent;
      text-shadow: none}
   
  #header h2 span::before {
      content: "we make our own luck. ";
      color: #eee;
      text-shadow: 1px 1px 1px #000;
      text-shadow: 1px 1px 1px rgba(0,0,0,.8);
  }
  
  /* YUI-TABS */
  .yui-navset .yui-content {
      background-color: inherit;
  }
  .yui-navset .yui-nav a,
  .yui-navset .yui-navset-top .yui-nav a {
      background-color: inherit;
      background-image: inherit;
  }
  .yui-navset .yui-nav .selected a, .yui-navset .yui-nav .selected a:focus,
  /* no focus effect for selected */
   .yui-navset .yui-nav .selected a:hover {
      /* no hover effect for selected */
      background: inherit;
      /* selected tab background */
      color: inherit;
  }
  .yui-navset .yui-nav a:hover,
  .yui-navset .yui-nav a:focus {
      background: inherit;
      text-decoration: inherit;
  }
  .yui-navset .yui-nav,
  .yui-navset .yui-navset-top .yui-nav,.yui-navset .yui-nav,
  .yui-navset .yui-navset-top .yui-nav {
      border-color: inherit;
  }
  .yui-navset li {
      line-height: inherit;
  }
  
  .yui-navset * {
      transition: background-color 80ms cubic-bezier(0.4, 0.0, 0.2, 1), color 80ms cubic-bezier(0.4, 0.0, 0.2, 1);
  }
  
  .yui-navset .yui-nav,
  .yui-navset .yui-navset-top .yui-nav {
      zoom: unset;
      display: flex;
      flex-wrap: wrap;
      border-color: rgb(140, 20, 25);
      width: calc(100% - 0.125rem);
      margin: 0 auto;
      border: 0;
      box-shadow: 0 calc(0.0625rem * 5) 0 0 rgb(140, 20, 25);
  }
  
  .yui-navset .yui-nav a,
  .yui-navset .yui-navset-top .yui-nav a {
      zoom: unset;
      background-image: none;
      background-color: rgb(244, 244, 244);
      border: unset;
      color: rgb(12, 12, 12);
  }
  
  .yui-navset .yui-nav a:hover,
  .yui-navset .yui-nav a:focus {
      zoom: unset;
      background-color: rgb(100, 3, 15);
      color: rgb(252, 252, 252);
  }
  
  .yui-navset .yui-nav li,
  .yui-navset .yui-navset-top .yui-nav li {
      background-color: rgb(244, 244, 244);
      border-color: transparent;
      max-width: 100%;
      padding: 0;
      margin: 0;
      zoom: unset;
      display: flex;
      position: relative;
      flex-grow: 2;
      box-shadow: 0 0 0 0.0625rem rgb(140, 20, 25);
  }
  
  .yui-navset .yui-nav li a,
  .yui-navset-top .yui-nav li a,
  .yui-navset-bottom .yui-nav li a {
      display: flex;
      vertical-align: bottom;
      zoom: unset;
      width: 100%;
      align-items: center;
      justify-content: center;
  }
  
  .yui-navset .yui-nav a em,
  .yui-navset .yui-navset-top .yui-nav a em {
      padding: 0.35em 0.75em;
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow: hidden;
  }
  
  .yui-navset .yui-nav li em {
      /* Undoes border set by wikidot's default layout */
      border: unset !important;
  }
  
  /* Selected Tab */
  
  .yui-navset .yui-nav .selected,
  .yui-navset .yui-navset-top .yui-nav .selected {
      padding: 0;
      margin: 0;
      flex-grow: 2;
      background-color: rgb(140, 20, 25);
  }
  
  .yui-navset .yui-nav .selected a,
  .yui-navset .yui-nav .selected a em {
      border: none;
      border-color: transparent;
  
  }
  
  .yui-navset .yui-nav .selected a {
      /* Undoes a color set by wikidot's default layout */
      color: rgb(252, 252, 252) !important;
      width: 100%;
      background-image: none;
  }
  
  .yui-navset .yui-nav .selected a:focus,
  .yui-navset .yui-nav .selected a:active {
      background-color: rgb(140, 20, 25);
      color: rgb(252, 252, 252);
  }
  
  .yui-navset .yui-nav .selected a:hover {
      /* Indicate that the currently selected tab is not clickable */
      cursor: default;
  }
  
  
  .yui-navset .yui-content {
      background-color: rgba(244, 244, 244, 0.25);
      /* content background color */
  }
  
  .yui-navset .yui-content,
  .yui-navset .yui-navset-top .yui-content {
      border-color: rgb(170, 170, 170);
      /* content border */
  }
  
  .yui-navset-left .yui-content {
      border-left-color: rgb(244, 244, 244);
      /* different border color */
  }
  
  #page-title {
    display: none;
  }

  Pages using this styling

  • natalie-watts [info]

  ¶ 1 occurrence
  

  /* Haha blue boi, or peach boi, courtesy of Croquembouche */
  .outside {
    margin: 2em -6em;
    padding: 1em 10em;
    --narration-color: rgba(255, 204, 204,1);
    background: var(--narration-color);
    background: linear-gradient(90deg, rgba(255,255,255,0) 0%, var(--narration-color) 20%, var(--narration-color) 80%, rgba(255,255,255,0) 100%);
    z-index: -2;
  }
  
  /* Make the peach bois that are within the document have smaller margins so they break flow less*/
  .outside.inline {
    margin: 1em -6em;
    padding: 1px 10em;
  }
  
  /* Force the side bar to render on top of the peach bois */
  #side-bar {
    z-index: 2;
  }
  #page-title {
    display: none;
  }
  .meta-title {
    border-bottom: solid 1px #bbbbbb;
    color: #990011;
    font-weight: normal;
    margin: 0 0 0.6em;
    padding: 0 0 0.25em;
    font-size: 200%;
  }
  .meta-title p {
    margin: 0;
  }
  
   .lie{
       margin: 1px;
  
       background-color: hsla(207, 75%, 50%, .3);
  
       word-break: unset;
       font-family: var(--mono-font);
  }

  Pages using this styling

  • narrative-hooks-essay [info]

  ¶ 1 occurrence
  

  :root{
  --logo: url(http://scp-sandbox-3.wikidot.com/local--files/collab:phantomnapalm/B.png);
  --title: "Napalmdoctor556";
  --subtitle: "What is this guy yapping about";
  }
  .tabstyle{
  padding: 10px;
  color: black;
  background-color: #f5f5f5;
  }
  .yui-navset.yui-navset-top .yui-content {
      background-color: #000000;
  }

  Pages using this styling

  • napalms-hooch [info]

  ¶ 1 occurrence
  

  @media only screen and (min-width: 1020px) {
    body {
      background: url(https://i.imgur.com/HWl3aSj.jpeg);
      background-size: cover;
      background-attachment: fixed;
      background-repeat: no-repeat;
      background-position: 100% 50%;
    }
  }

  Pages using this styling

  • napalms-hooch [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css?family=Gochi+Hand|Source+Sans+Pro&display=swap');
  
  .rmpostcontainer
  {
      background-image: url('https://firedawnfolder.wikidot.com/local--files/component:larueposting/LaRueDesk.png');
      background-repeat: no-repeat;
      width: 100%; max-width: 660px;
      height: 980px;
      margin: 0px;
          padding: 60px 20px 0px 60px;
  }
  
  .rmpostcontent
  {
      font-family: 'Source Sans Pro', sans-serif;
      font-family: 'Gochi Hand', cursive;
      font-style: normal;
      font-size: 1.30em;
      color: #000;
      width: 530px;
      height: 880px;
      padding: 30px;
      margin: 0px;
      margin-top: -8px;
  }
  
  .rmpostmobiletitle
  {
      display: none;
  }
  
  .scribble
  {
      font-style: bold;
      font-size: 1.30em;
      color: #000;
      width: 300px;
      padding: 0px 0px 0px 20px;
      margin: 0px;
      margin-top: -8px;
      -ms-transform: rotate(20deg); /* IE 9 */
      transform: rotate(12deg); /* Standard syntax */
  }
  
  @media only screen and (max-width: 600px) {
  
      .rmpostcontainer {
          background-image: url("https://firedawnfolder.wikidot.com/local--files/component:larueposting/LaRueMobile.png");
          background-size: 100%;
          background-repeat: repeat;
          width: 100%;
          height: auto;
          padding: 0px;
          padding-top: 0px;
      }
  
      .rmpostcontent {
          font-size: 14pt;
          width: 85%;
          height: auto;
          padding: 10px 10px 0px 30px;
      }
  
      .rmposttitle {
          width: auto;
          height: auto;
          padding: 0px 20px 0px 70px;
      }
  
  }
  

  Pages using this styling

  • nancy-shoe [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP&display=swap');

  Pages using this styling

  • nameless-weeds [info]

  ¶ 1 occurrence
  

  *{font-family: Noto Serif JP;}

  Pages using this styling

  • nameless-weeds [info]

  ¶ 1 occurrence
  

  :root {
      --logo-image: url("https://scp-wiki.wdfiles.com/local--files/theme:memoria/TitleLogo.png");
      --header-title: "PAN-NÄLKÄ CONGRESS";
      --header-subtitle: "";
  }
  .meta-title {
    color: #000000;
    font-weight: normal;
    margin: 0 0 0.6em;
    padding: 0 0 0.25em;
    font-size: 200%;
  }
  .meta-title p {
    margin: 0;
  }

  Pages using this styling

  • nalka-union [info]

  ¶ 1 occurrence
  

   :root{
       --header-title: "NAIP";
       --header-subtitle: "SAFETY CULTURE PROTECTS";
  }
  .overwatch-header{
     /* -- Overwatch Header -- */
       color: var(--textColor);
       background-image:
            linear-gradient(
                 hsla(217, 24%, 90%, 1),
                 hsla(217, 24%, 90%, 1)),
                 url();
       border: thick solid hsl(205, 36%, 5%);
  }
   .overwatch-header > p:nth-child(1)::before{
       content: "NOTICE FROM THE DIVISION OF NON ANOMALOUS INCIDENT PREVENTION";
   
       border-bottom: medium solid hsl(205, 36%, 5%);
  }
   .overwatch-header hr{
       border-color: hsl(205, 36%, 5%);
  }

  Pages using this styling

  • naip-orientation [info]

  ¶ 1 occurrence
  

  /* FONTS */
  @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@500;700&display=swap');
  
  /* AESTHETIC */
  body {
      font: 0.95em 'Poppins', sans-serif;
      background: #1a1a1a;
      background: linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(26,26,26,1) 5%, rgba(26,26,26,1) 95%, rgba(0,0,0,1) 100%);
  }
  .page-rate-widget-box {
      font: .95em verdana,arial,helvetica,sans-serif;
  }
  div#container-wrap {
      background-image: none;
  }
  #top-bar {
      background: rgb(83,83,83);
      background: radial-gradient(circle, rgba(83,83,83,1) 0%, rgba(59,59,59,1) 100%);
      margin: 1em 0;
      padding-bottom: .2em;
  }
  #top-bar ul li a,
  #top-bar ul li.sfhover a:hover,
  #top-bar ul li:hover a:hover {
      border: 0;
  }
  #page-title {
      display: none;
  }
  #breadcrumbs {
      margin: 0;
  }

  Pages using this styling

  • nagiros-proposal [info]

  ¶ 1 occurrence
  

  .heading h1 {
    border-bottom: 1px solid #f2f2f2;
  }
  .heading.nagi-section {
    margin-top: 75px;
  }
  #page-content > .blockquote + p {
    margin-bottom: 0;
  }
  #page-content > .blockquote + p + p {
    margin-top: 0;
  }
  
  .nagi-table {
    background: black;
    width: 100%;
    border-spacing: 4px;
    margin: 75px 0;
  }
  .nagi-collab {
    border-top: 1px solid #f2f2f2;
    border-bottom: 1px solid #f2f2f2;
    padding: 1em 0;
  }
  .nagi-collab .collapsible-block-link, .nagi-collab .collapsible-block-unfolded-link, .nagi-collab .collapsible-block-folded {
    text-align: center;
    font-size: 125%;
    font-weight: bold;
  }
  .nagi-bottom {
    height: 25px;
  }
  .entry-cell {
    text-align: center;
    text-shadow: 0px 0px 4px black;
    padding: 0 10px;
    background: #383838;
  }
  .entry-cell.dark {
    background: #2e2e2e;
  }
  .entry-cell.entry-number {
    font-size: 200%;
    width: 25%;
  }
  
  @supports ((-webkit-background-clip: text) and (-webkit-text-fill-color: transparent)) {
  
    /*  Hey, this is some cool CSS I made! Please don't use it outside of your own author page. Tech has already soft-denied my request to make this a useable component.  */
  
    /*  If you need, I can walk you through the process of applying this color gradient across Wikidot (on your end) or just making modifications to it. Please reach out if you have questions.  */
  
    /*  ME  */
    span.printuser.avatarhover a[href="http://www.wikidot.com/user:info/nagiros"]:nth-child(2),
    #scpper-page-info a[href="http://www.wikidot.com/user:info/nagiros"] {
      background: linear-gradient(90deg, rgba(255,244,48,1) 0%, rgba(255,255,255,1) 50%, rgba(156,89,209,1) 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      font-weight: bold;
    }
  }

  Pages using this styling

  • nagiros [info]

  ¶ 1 occurrence
  

  /* Make superscripts not fuk with the line spacing */
  sup {
    vertical-align: top;
    position: relative;
    top: -0.5em;
  }
  
  /* Haha blue boi, or peach boi, courtesy of Croquembouche */
  .outside {
    margin: 2em -6em;
    padding: 1em 10em;
    --narration-color: rgba(255, 204, 204,1);
    background: var(--narration-color);
    background: linear-gradient(90deg, rgba(255,255,255,0) 0%, var(--narration-color) 20%, var(--narration-color) 80%, rgba(255,255,255,0) 100%);
    z-index: -2;
  }
  
  /* Make the peach bois that are within the document have smaller margins so they break flow less*/
  .outside.inline {
    margin: 1em -6em;
    padding: 1px 10em;
  }
  
  /* Force the side bar to render on top of the blue bois */
  #side-bar {
    z-index: 2;
  }
  
  /* Hide the original page title */
  #page-title {
    display: none;
  }
  
  /* Make my fake page title look like the original (thanks SCP-2998) */
  .page-title {
    border-bottom: solid 1px #bbbbbb;
    color: #990011;
    font-weight: normal;
    margin: 0 0 0.6em;
    padding: 0 0 0.25em;
    font-size: 200%;
  }
  .page-title p {
    margin: 0;
  }
  
  @media only screen and (max-width: 1040px) {
    .outside {
      margin-right: 0 !important;
      margin-left: 0 !important;
      padding-left: 3em !important;
      padding-right: 3em !important;
    }
  }
  
  body {
    overflow-x: hidden;
  }
  #top-bar div.open-menu a {
      border-radius: 0px;
      color: white !important;
      background-color: black;
      border: none !important;
      box-shadow: 0 0 5px #75230d;
  }

  Pages using this styling

  • na-bestyje-przepis-jeden-kranca-wdech [info]

  ¶ 1 occurrence
  

  
  sup { 
  
  vertical-align: top; position: relative; top: -0.5em; 
  }
  
  #page-content .info-container {
      --link-color: rgb(var(--swatch-text-general));
  }
  
  #page-content .info-container .translation_block {
      display: none;
  }
  
  #page-content .info-container .collapsible-block-link,
  #page-content .info-container:hover .collapsible-block-link {
      line-height: 1.6em;
  }
  
  #page-content .info-container .collapsible-block-folded,
  #page-content .info-container .collapsible-block-unfolded-link {
      display: grid;
  }
  
  #page-content .info-container .collapsible-block-folded .collapsible-block-link,
  #page-content .info-container .collapsible-block-link {
      -webkit-mask: unset;
              mask: unset;
      background: transparent;
      grid-column: 1;
      grid-row: 1;
      opacity: 0;
  }
  
  #page-content .info-container .collapsible-block-folded::before,
  #page-content .info-container .collapsible-block-unfolded-link::before {
      --wght: 800;
      content: "djkaktus";
      color: #FFFFFF;
      font-family: Inter, Arimo, Verdana, Geneva, "Helvetica Neue", "Helvetica", Arial, sans-serif;;
      display: block;
      pointer-events: none;
      grid-column: 1;
      grid-row: 1;
  }

  Pages using this styling

  • mzl-1730 [info]

  ¶ 1 occurrence
  

  #page-content { text-align: justify; }

  Pages using this styling

  • mythology-at-sea [info]

  ¶ 1 occurrence
  

  @import url('http://scp-wiki.wdfiles.com/local--files/theme%3Awilsons/national-park.css');
  
  /* FONTS */
  #header h2 span:before, #top-bar, #side-bar {
      font-family: var(--header-font); /*Makes subtitle National Park */
  }
  
  :root {
   --logo-image: url("http://scp-wiki.wdfiles.com/local--files/the-ursus-maritimus-incident/logo.png");
      --header-title: "Wilson's Wildlife Solutions";
      --header-subtitle: "Where all critters are welcome!";
      --header-font: 'national_parkregular', sans-serif;
  
      --pale-accent: 40, 106, 230;
      /* light red, for visited links */
      --bright-accent: 5, 0, 133;
      /* bright red */
      --medium-accent: 95, 132, 191;
      /* medium red - the "default" accent color */
      --dark-accent: 15, 3, 100;
      /* dark red */
      --alt-accent: 17, 102, 0;
      /* pale orange, for newpage links */
  }
  /* Haha blue boi */
  .outside {
    margin: 2em -6em;
    padding: 1em 10em;
    --narration-color: rgba(214, 234, 248,1);
    background: var(--narration-color);
    background: linear-gradient(90deg, rgba(255,255,255,0) 0%, var(--narration-color) 20%, var(--narration-color) 80%, rgba(255,255,255,0) 100%);
    z-index: -2;
  }
  
  /* Force the side bar to render on top of the blue bois */
  #side-bar {
    z-index: 2;
  }
  
  @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 */
  
  body {
    overflow-x: hidden;
  }

  Pages using this styling

  • myocardial-infarction [info]

  ¶ 1 occurrence
  

  :root {
    --header-title: "Department of Cryptozoology";
    --header-subtitle: "Do you ever wonder why I only show up in blurry photographs?";
    --accentColor: #457d3b;
    --lgurl: url("https://scp-wiki.wikidot.com/local--files/mybestfrienddoesnotexist/depa7.png");
  }
  
  /* Agrandar Imagen */
  
  .grande{
  transition: .25s;
  }
  
  .grande:hover{
  transform: scale(1.6);
  transition: .25s;
  transition-delay: .4s;
  z-index: 1000;
  }
  
  /* Logo en el Fondo */
  /* Cortesía de Merlín y su Theme Calaca */
  
  body {
      background-image: url('https://scp-wiki.wikidot.com/local--files/mybestfrienddoesnotexist/depa6.png');
      background-position: center;
      background-repeat: no-repeat;
      background-size: 40vw 40vw, 1px 70%;
  }
  
  /* Separar un poco el subtítulo del título en el header */
  
  #header h2 {
  margin-top: 1.2em;
  }

  Pages using this styling

  • mybestfrienddoesnotexist [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Oswald:wght@531&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=GFS+Neohellenic:wght@700&display=swap');
  
  :root {
       --header-title: "From 120's Archives";
       --header-subtitle: "Nobody Dies At Dawn";
       --subtitleColor: hsl(0, 0%, 100%);
       --lgurl: url(https://scpdsandbox.wdfiles.com/local--files/testowanko-8/Odyssey.png);
  }
  
  #header h1 a::before {
       font-family: "Oswald", serif;
       font-weight: 700;
       -webkit-text-stroke-width: 0.05px;
  }
  
  #header h2 {
       margin-bottom: -5px;
       white-space: nowrap;
  }
  
  #header h2::before {
       font-family: "GFS Neohellenic", serif;
       font-weight: 700;
       font-style: italic;
       text-shadow: 1px 1px 1px rgba(0, 0, 0, .8);
  }
  
  #header h2:after {
       content: none;
  }
  
  .borders {
      display: block;
      margin: auto;
      width: 85%;
      border: 6px double #282e48;
      padding: 0.5rem 1rem;
  }

  Pages using this styling

  • my-name-is-no-one [info]

  ¶ 1 occurrence
  

  :root {
      --linkColor: #88C0D0;
   
      --primaryBackgroundColor: #f9f9f9;
      --secondaryBackgroundColor: #E5E9F0;
      --tertiaryBackgroundColor: #D8DEE9;
      --borderColor: #4C566A;
   
      --shadow: rgba(46,52,64,0.25);
   
      --selectionColor: #EBCB8B;
      --textColor: #2E3440;
      --textColor-alt: #434C5E;
  }
  #side-bar, #license-area {
      --secondaryBackgroundColor: #2E3440;
      --tertiaryBackgroundColor: #434C5E;
      --textColor: #D8DEE9;
  }

  Pages using this styling

  • my-mothers-roses [info]

  ¶ 1 occurrence
  

  :root{
  
  /*
  Variable guide: 
  I forgot which variable controls what, sorry
  */
      --accent-h: 276deg;
  
      --primary-accent-1: var(--accent-h) 0% 60%; /* the 2nd layer of the city, table of contents text, city block and blockquote border, info button on the rating module */
      --primary-accent-2: calc(var(--accent-h) - 5deg) 0% 71%; /* the 1st layer of the city, headings */
      --primary-accent-3: calc(var(--accent-h) - 15deg) 0% 68%; /* hr */
  
      --light-accent-1: calc(var(--accent-h) + 12.5deg) 0% 10%; /* bg, header title */
      --light-accent-2: calc(var(--accent-h) + 7.5deg) 0% 80.5%; /* idk */
      --light-accent-3: calc(var(--accent-h) + 5deg) 0% 36%; /* the mountain*/
  
      --dark-accent: calc(var(--accent-h) - 16.5deg) 0% 20%; /* menu under the header, tabs */
   
      --primary-complement: var(--complement-h) 0% 48.5%; /* city block */
      --light-complement: calc(var(--complement-h) + 12.5deg) 0% 75%; /* rating module text, other misc text */
      --dark-complement: var(--complement-h) 0% 81.75%; /* text color */
   
      --assist-color: var(--accent-h) 0% 46%; /* rating module, top bar */
  
      --header-title: "SCP Foundation";
      --header-subtitle: "Division of Alagaddan Studies";
  }
  
  #header::before {
      background-color: hsl(var(--light-accent-1));
      filter: invert(90%);
  }
  
  #header h1 a {
      color: hsl(var(--light-accent-1));
  }
  
  #top-bar div:is(.top-bar, .mobile-top-bar) > ul > li > a:any-link {
      color: hsl(var(--dark-accent-1));
  }
  
  .page-source, .code {
      border: none;
      color: hsl(var(--dark-accent));
      background-color: hsl(var(--light-complement));
  }
  
  .city-block {
      background-color: hsl(var(--primary-complement) / 0.5);
  }
  
  /* ACS color modification based on Midnight Rush/Flopstyle */
  
  div.anom-bar-container {
    --five-color: 150, 150, 150;   /*  red  */
    --four-color: 150, 150, 150;   /*  orange  */
    --three-color: 150, 150, 150;   /*  yellow  */
    --two-color: 150, 150, 150;   /*  blue  */
    --one-color: 150, 150, 150;   /*  green  */
   
    --white-bar: 207, 207, 207;
    --lg-bar: 118, 118, 130;
    --gray-bg: 66, 66, 72;
  }
  
  div.anom-bar-container .danger-diamond > .arrows{
     /* Inverted Arrows */
       background-color: rgb(208, 208, 208) !important;
  }
  
  div.anom-bar-container .anom-bar > .bottom-box{
     /* Horizontal Bar */
       -webkit-box-shadow: 0 -.5rem 0 0 rgb(208, 208, 208) !important;
       -moz-box-shadow: 0 -.5rem 0 0 rgb(208, 208, 208) !important;
       box-shadow: 0 -.5rem 0 0 rgb(208, 208, 208) !important;
  }
  div.anom-bar-container .bottom-box > .diamond-part{
     /* Vertical Bar */
       -webkit-box-shadow: -.5rem 0 0 0 rgb(208, 208, 208) !important;
       -moz-box-shadow: -.5rem 0 0 0 rgb(208, 208, 208) !important;
       box-shadow: -.5rem 0 0 0 rgb(208, 208, 208) !important;
  }
  
  .anom-bar-container.keter .text-part .main-class,
  .anom-bar-container.vlam .text-part .disrupt-class,
  .anom-bar-container.danger .text-part .risk-class {
      background-color: rgba(150, 150, 150, 0.35) !important;
  }
  
  .danger-diamond > .quadrants > div {
      background-color: rgba(150, 150, 150, 0.35) !important;
  }
  

  Pages using this styling

  • my-ink-my-blood-my-sea [info]

  ¶ 1 occurrence
  

  
  div#page-title {
        display: none;
  }
  div.footnotes-footer {
        display: none;
  }
  

  Pages using this styling

  • my-coworker-is-fucking-satan [info]

  ¶ 1 occurrence
  

  
  @import url('https://fonts.googleapis.com/css2?family=Courier+Prime:ital,wght@0,400;0,700;1,400;1,700&display=swap');
  
  :root {
    --bg-img: url(http://scp-wiki.wikidot.com/local--files/mxsinister-author/office1.jpg); /* Changes background image */
  --prologue: "tumble out of bed and I stumble to the kitchen";
  --prologue-setting: visible;
  --prologue-author: hidden;
  --subtitle-setting: none;
    --introduction: "pour myself a cup of ambition"; /* Changes contents shown when hovering over title on header */
    --introduction-setting: auto; /* Set as 'none' to turn the above off */
  
  }
  
  .typetext {
  font-family:"Courier Prime";
  font-size:100%;
  }
  
  .box {
      width: 30%;
      margin: auto;
      color: #ffffff;
      background: #000000;
      font-family: Courier+Prime;
  }
  

  Pages using this styling

  • mxsinister-author [info]

  ¶ 1 occurrence
  

  #header h2 span::before {
      content: 'Scientia Potentia Est ';
  }

  Pages using this styling

  • mutable-state [info]

  ¶ 1 occurrence
  

  :root {
      --desktop-time: '12:00 AM';
      --desktop-wallpaper: url("http://scp-sandbox-3.wikidot.com/local--files/collab:cthulhu-hub/newbackground");
      --header-title: 'Temple OS';
  }

  Pages using this styling

  • murderoftheuniverse [info]

  ¶ 1 occurrence
  

  :root{
    --header-title: "RCT-Δt";
    --header-subtitle: "Guarding the Multiversal Compass";
  }
  div#extra-div-1 {
      background-image: url(https://scp-wiki.wdfiles.com/local--files/welcome-to-delta-t/Delta-t-transparent.png);
      filter: invert(1) opacity(0.2);
  }
  .collapsible-block-link { font-weight: bold; }
  .log { border:solid 1px #000000; padding-left: 16px; padding-right: 16px; margin-bottom: 16px; margin-top: 16px; }

  Pages using this styling

  • multiverse-threat-recovery-log-scp-6936 [info]

  ¶ 1 occurrence
  

  :root {
       --header-title: "MrBonesWildRide";
       --header-subtitle: "Author Page";
       --lgurl: url(null);
       --accentColor:  255, 0, 0;
   }
  
  #skrollr-body {
      width: 100%;
      height: 7.625rem;
  
      top: 0;
      left: 0;
      background-image: url(http://scp-wiki.wikidot.com/local--files/mrboneswilderide-s-authorpage/Boner.jpg);
      background-repeat: repeat-x;
      background-size: contain;
  }
  
  

  Pages using this styling

  • mrboneswilderide-s-authorpage [info]

  ¶ 1 occurrence
  

  @supports ((-webkit-background-clip: text) and (-webkit-text-fill-color: transparent)) {
      .rainbow {
       	background: linear-gradient(to right, #FF7F7F, #FFB27F, #e6e600, #A5FF7F, #7FC9FF, #D67FFF, #FF7FED);
       	-webkit-background-clip: text;
       	-webkit-text-fill-color: transparent;
       	font-weight: bold;
      }
  }

  Pages using this styling

  • mr-melting-page [info]

  ¶ 1 occurrence
  

  .spoiler {
      background-color:#000000;
      padding-left:10px;
      padding-right:10px;
      padding-top:3px;
      padding-bottom:3px;
      color:#000000;
  }
   
  .spoiler:hover {
      background-color:#E5FFE7;
  }
  
  @media (min-width: 768px) {
    .wiki-content-table {
      transform: translateX(calc((44.5rem - 100%) / 2));
    }
  }
  
  .warning-top h1 {
      animation: blink 0.8s ease-in-out infinite alternate;
      font-size: 2.25em;
      line-height: 1;
      word-wrap: break-word;
      font-weight: 900;
      background-color: #b01;
      color: #fff;
      padding: 0.25em 0;
  }
  
  @keyframes blink {
      0% { opacity: 0; }
      50%, 100% { opacity: 1; }
  }
  
  .character-card {
    border: 1px solid #ccc;
    background: #f9f9f9;
    padding: 10px;
    margin: 10px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  
  .character-info {
    flex: 1;
    padding-right: 10px;
    font-size: 90%;
  }
  
  .character-image {
    flex: 0 0 120px;
  }

  Pages using this styling

  • mouseatemyhouse [info]

  ¶ 1 occurrence
  

  .content-type-description .wiki-content-table :is(td,th) {
      padding: 0.25rem 0.375rem;
  }
  .content-type-description .wiki-content-table td:nth-child(2) {
      width: 6rem;
  }
  .content-type-description .wiki-content-table td:nth-child(3) {
      text-align: left;
      width: 11.75rem;
  }

  Pages using this styling

  • most-recently-edited [info]

  ¶ 1 occurrence
  

  .content-type-description .wiki-content-table :is(td,th) {
      padding: 0.25rem 0.375rem;
  }

  Pages using this styling

  • most-recently-created [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css?family=Ruslan+Display');
  .shadow { 
      font-family: 'Ruslan Display', cursive;
      font-size: 110%;
  }
  
  .icepick-author: {
      display: inline;
  }
  
  .scp-table-header {
      text-align: center; 
      border-right: 1px solid #898989; 
      padding: 4px;
  }
  
  .table-cell {
      border-right: 1px solid #898989;
      border-top: 1px solid #898989;
      padding: 4px;
      margin: 0 0px;
  }

  Pages using this styling

  • mortos-author-page [info]

  ¶ 1 occurrence
  

  .morebyplacemcd { font-size: 0.9em !important; }
  
  .morebyplacemcd :is(table, .wiki-content-table) { width: 100%; }
  .morebyplacemcd :is(table:not(.form), table.wiki-content-table) td { text-align: center !important; }
  
  #page-content .printuser { white-space: nowrap !important; }

  Pages using this styling

  • more-by:placeholder-mcd [info]

  ¶ 1 occurrence
  

  /* SCP Foundation */
   .tablerig h3 {
       display: flex;
       justify-content: center;
       margin-top: 1rem;
  
       font: bold 1.35rem "Montserrat", sans-serif;
  }
  
   .tablerig table.wiki-content-table {
       width: 90%;
  
       font-weight: bold;
  }
  
   .tablerig table.wiki-content-table th,
   .tablerig table.wiki-content-table td:nth-child(1),
   .tablerig table.wiki-content-table td:nth-child(2) {
       text-align: center;
  }
  
   .tablerig table.wiki-content-table td:nth-child(2) {
       width: 25%;
  }
  
  /* Wanderers' Library */
   .tablerig .wanlib table.wiki-content-table th {
       color: hsl(45, 100%, 67%) !important;
       background: hsl(120, 30%, 17%) !important;
       border-color: hsl(120, 30%, 7%) !important;
       box-shadow: 0 .125rem 0 0 hsl(45, 100%, 67%);
  
       font: bold 1.15rem "EB Garamond", "Big Caslon", "Book Antiqua", "Palatino Linotype", "Georgia", serif;
  }
  
   .tablerig .wanlib table.wiki-content-table td {
       color: hsl(0, 0%, 5%) !important;
       background: hsla(120, 30%, 87%, .6) !important;
       border-color: hsl(120, 30%, 7%) !important;
  
       font: .95rem "EB Garamond", "Big Caslon", "Book Antiqua", "Palatino Linotype", "Georgia", serif;
  }
  
   .tablerig .wanlib table.wiki-content-table td a {
       color: hsl(45, 75%, 17%);
       border-bottom-color: hsla(45, 75%, 17%, .4) !important;
  
       font-weight: bold;
  }
  
   .tablerig .wanlib table.wiki-content-table td a:hover {
       background: hsla(45, 100%, 67%, .6);
  }
  
  /* Special */
   .lie {
       padding: 1px 3px;
  
       background: hsla(207, 75%, 50%, .3);
  
       font: bold .95rem/1.5 "Fira Code", "Cousine", monospace;
       word-break: normal;
  }

  Pages using this styling

  • more-by:lt-flops [info]

  ¶ 1 occurrence
  

  
  .more-by-calibold .collapsible-block-unfolded-link a, .more-by-calibold .collapsible-block-folded a {
      font-weight: bold;
  }
  
  .more-by-calibold {
      font-size: 75%;
  }
  
  .more-by-calibold .page-rate-widget-box {
      font-size: 133%;
  }
  
  .page-rate-widget-box {
      margin-right: 0px;
  }
  

  Pages using this styling

  • more-by:calibold [info]

  ¶ 1 occurrence
  

  @import url("https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+Antique:wght@300;400;500;700;900&display=swap");
  @import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
  @import url("https://fonts.googleapis.com/css2?family=VT323&display=swap");
  
  @media only screen and (min-width: 992px) {
    .mbb :is(table, .wiki-content-table) {
      max-width: 80%;
    }
    .totop a::before {
    content: '⏶' !important;
  }
  }
  @media only screen and (max-width: 991px) {
    .totop a::before {
    content: '⇪' !important;
  }
  }
  
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .mbb :is(table, .wiki-content-table) {
      width: 90%;
    }
  }
  
  @media only screen and (max-width: 767px) {
    .mbb :is(table, .wiki-content-table) {
      max-width: 100%;
    }
  }
  
  .oheader, .xheader {
      
      border-style: solid;
      border-width: 0.05rem 0.75rem 0.05rem 0.75rem;
      margin: 1rem auto;
      padding: 0.5rem 1rem;
      box-sizing: border-box;
  
  }
  
  .oheader {
  width: max(69.5%, calc(var(--main-content-width)*1px));
  }
  
  th,
  td {
    border: 1px solid black;
  
  }
  
  
  
  .totop a {  text-decoration: none !important; color:#f0f6f0 !important;}
  .previewcontent > :not(.preview) {display: none! important; }
  .previewcontent > .preview {
      display: block;
      font-size: 1.0em;
      text-align: start;
  }
  
  .titledescription > :not(.titlepreview) { display: none!important; }
  .titledescription > .titlepreview {
      display: block;
      font-size: 1.0em;
      text-align: start;
  }
  
  .authordescription > :not(.coauthors) { display: none!important; }
  .authordescription > .coauthors {
      display: block;
      font-size: 1.0em;
      text-align: start;
  }
  
  
  .mbb :is(table, .wiki-content-table) { border: 1px solid black; table-layout: fixed;margin:auto;}
  .mbb :is(table:not(.form), table.wiki-content-table) td { text-align: center !important; }
  #page-content .printuser { white-space: nowrap !important; }
  
  div.logger {
      overflow: hidden;
      padding: 1.5rem;
      margin: 0 auto;
      border-radius: 15px;
    
      position: relative;
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 56 28' width='56' height='28'%3E%3Cpath fill='%2390749c' fill-opacity='0.03' d='M56 26v2h-7.75c2.3-1.27 4.94-2 7.75-2zm-26 2a2 2 0 1 0-4 0h-4.09A25.98 25.98 0 0 0 0 16v-2c.67 0 1.34.02 2 .07V14a2 2 0 0 0-2-2v-2a4 4 0 0 1 3.98 3.6 28.09 28.09 0 0 1 2.8-3.86A8 8 0 0 0 0 6V4a9.99 9.99 0 0 1 8.17 4.23c.94-.95 1.96-1.83 3.03-2.63A13.98 13.98 0 0 0 0 0h7.75c2 1.1 3.73 2.63 5.1 4.45 1.12-.72 2.3-1.37 3.53-1.93A20.1 20.1 0 0 0 14.28 0h2.7c.45.56.88 1.14 1.29 1.74 1.3-.48 2.63-.87 4-1.15-.11-.2-.23-.4-.36-.59H26v.07a28.4 28.4 0 0 1 4 0V0h4.09l-.37.59c1.38.28 2.72.67 4.01 1.15.4-.6.84-1.18 1.3-1.74h2.69a20.1 20.1 0 0 0-2.1 2.52c1.23.56 2.41 1.2 3.54 1.93A16.08 16.08 0 0 1 48.25 0H56c-4.58 0-8.65 2.2-11.2 5.6 1.07.8 2.09 1.68 3.03 2.63A9.99 9.99 0 0 1 56 4v2a8 8 0 0 0-6.77 3.74c1.03 1.2 1.97 2.5 2.79 3.86A4 4 0 0 1 56 10v2a2 2 0 0 0-2 2.07 28.4 28.4 0 0 1 2-.07v2c-9.2 0-17.3 4.78-21.91 12H30zM7.75 28H0v-2c2.81 0 5.46.73 7.75 2zM56 20v2c-5.6 0-10.65 2.3-14.28 6h-2.7c4.04-4.89 10.15-8 16.98-8zm-39.03 8h-2.69C10.65 24.3 5.6 22 0 22v-2c6.83 0 12.94 3.11 16.97 8zm15.01-.4a28.09 28.09 0 0 1 2.8-3.86 8 8 0 0 0-13.55 0c1.03 1.2 1.97 2.5 2.79 3.86a4 4 0 0 1 7.96 0zm14.29-11.86c1.3-.48 2.63-.87 4-1.15a25.99 25.99 0 0 0-44.55 0c1.38.28 2.72.67 4.01 1.15a21.98 21.98 0 0 1 36.54 0zm-5.43 2.71c1.13-.72 2.3-1.37 3.54-1.93a19.98 19.98 0 0 0-32.76 0c1.23.56 2.41 1.2 3.54 1.93a15.98 15.98 0 0 1 25.68 0zm-4.67 3.78c.94-.95 1.96-1.83 3.03-2.63a13.98 13.98 0 0 0-22.4 0c1.07.8 2.09 1.68 3.03 2.63a9.99 9.99 0 0 1 16.34 0z'%3E%3C/path%3E%3C/svg%3E");
      font-family: 'Zen Kaku Gothic Antique', sans-serif;
      background-attachment: fixed;
      background-size:4rem;
  }
  .description { grid-area: desc; }
  .description > :not(.preview) { display: none; }
  .description:not(:has(> .preview)) { display: none; }
  .description > .preview {
      display: block;
      font-size: .9125em;
      padding-block-start: .425rem;
  
  }
  .description > .preview > p:first-child { margin-block-start: 0.25em; }
  .description > .preview > p:last-child { margin-block-end: 0.25em; }
  
  :is(#page-content table:not(.form), table.wiki-content-table) td {
  }
  .collapsible-block-folded a, .collapsible-block-unfolded a {
  font-size: 1em;
  }
  #page-content div:is(.slim) {
      border-width: 0.05rem 0.05rem 0.05rem 0.05rem;
  }
   
  #page-content div:is(.opaque) {
     
  }
  
  #page-content div:is(.tiny) {
      max-width:15rem;
  }

  Pages using this styling

  • more-by:billith [info]

  ¶ 1 occurrence
  

  #page-title {
      text-align: center;
  
  }

  Pages using this styling

  • more-acs-icons [info]

  ¶ 1 occurrence
  

  
  :root {
      --five-color: 196,2,51;
      --four-color: 255,109,0;
      --three-color: 255,211,0;
      --two-color: 0,135,189;
      --one-color: 0,159,107;
  }
  
  .color-five {
      background-color: rgb(var(--five-color));
  }
  
  .color-four {
      background-color: rgb(var(--four-color));
  }
  
  .color-three {
      background-color: rgb(var(--three-color));
  }
  
  .color-two {
      background-color: rgb(var(--two-color));
  }
  
  .color-one {
      background-color: rgb(var(--one-color));
  }
  
  .color-gray {
      background-color: rgba(var(--gray-monochrome, 66, 66, 72),0.15);
  }
  
  .color-white {
      background-color: rgb(var(--white-monochrome, 252, 252, 252));
  }
  
  .color-black {
      background-color: rgb(var(--black-monochrome, 12, 12, 12));
  }
  
  .icons {
      display: grid;
      grid-template-columns: repeat(5, calc((100% / 5) - 0.25rem));
      grid-gap: 0.25rem;
  }
  
  .class-table-box {
      display: grid;
      grid-template-columns: 1fr 75%;
      background-color: rgb(var(--black-monochrome));
      grid-gap: 0.125rem;
      margin-top: 0.5rem;
  }
  
  .class-table-box > div {
      padding: 0.5rem;
  }
  
  .class-name {
      font-family: var(--title-font);
      font-size: 1.15em;
      display: flex;
      align-items: center;
      justify-content: center;
  }
  
  .class-description {
      background-color: rgb(var(--white-monochrome));
  }
  
  @media (max-width: 500px ) {
  .icons {
      grid-template-columns: repeat(3, calc((100% / 3) - 0.25rem));
  }
  }
  
  .icon_image {
      border-radius: 50%;
      border: 0.25rem solid  rgb(var(--black-monochrome, 12, 12, 12));
      overflow: hidden;
  }
  
  .icon_name,
  .icon_link {
      font-family: var(--title-font);
      display: flex;
      align-items: center;
      justify-content: center;
      text-align: center; 
      text-transform: uppercase;
  }
  
  h1, h2 {
      text-align: center;
  }
  
  .step_container {
      margin: 0.5rem 0;
      border: 1px solid #999;
      padding: 1em;
  }
  
  .help {
      display: flex;
      align-content: stretch;
      padding-top: 1em;
      border-top: 1px dashed #999;
  }
  
  .help blockquote {
      margin: 0;
      font-size: 85%;
  }
  
  .help blockquote > p {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      align-content: center;
      margin-right: 0;
      min-height: 2rem;
      margin: 0;
  }
  
  .help blockquote > p * {
      margin: 0 0.1rem;
      height: 100%;
  }
  
  .help blockquote:nth-of-type(1) {
      width: 50%;
      background: transparent;
      border: unset;
      box-shadow: unset;
      text-align: right;
      margin-right: 0;
      padding: 0;
  }
  
  .help blockquote:nth-of-type(1) > p {
      justify-content: flex-end;
  }
  
  .help blockquote:nth-of-type(2) {
      margin-left: 1em;
      width: 50%;
  }
  
  #page-content > .collapsible-block {
      display: block;
      text-align: center;
      padding: 0.75em;
      background-color: lightgrey;
      border-top: 0.125rem dashed slategrey;
      border-bottom: 0.125rem dashed slategrey;
  }
  
  #page-content > div.collapsible-block > div.collapsible-block-unfolded > div.collapsible-block-content {
      text-align:left;
  }

  Pages using this styling

  • more-acs-icons [info]

  ¶ 1 occurrence
  

  :root {
    --accentColor: 220, 220, 220;
    --darkColor: 8, 5, 15;
  }
  @-moz-document url-prefix() {
    .animation02::before, 
    .animation02::after {
      letter-spacing: 0.5px;
      }
  }

  Pages using this styling

  • moongazer [info]

  ¶ 1 occurrence
  

  @import url(http://scp.avn.sh/newycss:halloween/code/3);

  Pages using this styling

  • moon-champion-s-cinco-de-mayo-extravaganza [info]

  ¶ 1 occurrence
  

  h3 {
      animation: vibrate linear 100ms 75;
  }
  
  @keyframes vibrate {
      0% { transform: translate3d(0px, 0px, 0px); }
      10% { transform: translate3d(2px, 0px, 0px); }
      20% { transform: translate3d(2px, 2px, 0px); }
      30% { transform: translate3d(0px, 0px, 0px); }
      40% { transform: translate3d(-2px, 0px, 0px); }
      50% { transform: translate3d(-2px, -2px, 0px); }
      60% { transform: translated(30px, 0px, 0px); }
  }

  Pages using this styling

  • moon-champion-s-cinco-de-mayo-extravaganza [info]

  ¶ 1 occurrence
  

  #page-title {
      position: relative;
      text-align: center;
      border-bottom: none;
      margin-bottom: 0;
      color: #660000;
      padding: 0 !important;
      font-size: 3.5em !important;
  }

  Pages using this styling

  • monthly-prompts [info]

  ¶ 1 occurrence
  

  /* BHL */
  /* Root variables */
  :root {
      --black-monochrome: 23, 23, 23;
      --medium-accent: 156, 30, 30;
      --white-monochrome: 227, 227, 227;
      --gray-monochrome: var(--white-monochrome);
      --dark-gray-monochrome: 201, 201, 201;
      --bright-accent: 156, 30, 30;
      --dark-accent: 245, 233, 233;
      --pale-gray-monochrome: 201, 201, 201;
      --pale-accent: 156, 30, 30;
      --light-pale-gray-monochrome: 128, 0, 255;
      --very-light-gray-monochrome: 255, 0, 247;
      --light-gray-monochrome: 156, 30, 30;
      --light-red: 176, 75, 75;
      --lighter-red: 196, 120, 120;
  
      --header-title: "Ellipsis Gazette";
      --header-subtitle: " ";
      --logo-image: mone;
  
      --body-font: "Noticia Text", serif;
      --header-font: var(--body-font);
      --title-font: var(--body-font);
      --UI-font: var(--body-font);
  
       --main-content-width: 80rem;
  
      /* Header font override + size */
      --header-font: "Manufacturing Consent", system-ui;
      --header-h1-font-size: calc(var(--base-font-size) * (100 / 15));
  
      --link-color: var(--medium-accent);
      --visited-link-color: var(--lighter-red);
      --hover-link-color: var(--light-red);
  }
  
  /* Login dropdown + account options */
  #login-status #account-options ul li > a,
  #login-status #account-options ul li > a:visited {
      color: #000000;
  }
  
  /* Top bar base links */
  #top-bar a,
  #top-bar a:link,
  #top-bar a:visited {
      color: #000000 !important;
  }
  
  /* Top bar hover/selected states */
  #top-bar li:hover > a,
  #top-bar .selected > a,
  #top-bar .open > a {
      color: #000000 !important;
  }
  
  /* Remove default site background */
  div#container-wrap {
      background-image: none;
  }
  
  /* Header-level color variables */
  #header {
      --swatch-headerh1-color: var(--black-monochrome);
      --search-icon-color: var(--black-monochrome);
      --search-icon-hover-color: var(--medium-accent);
      --login-line-divider-color: var(--black-monochrome);
      --login-username-color: var(--black-monochrome);
      --login-myaccount-color: var(--black-monochrome);
      --login-myaccount-hover-color: var(--medium-accent);
      --login-myaccount-hover-bg-color: var(--white-monochrome);
      --login-dropdown-bg-color: var(--dark-gray-monochrome);
      --login-dropdown-bg-image: var(--dark-gray-monochrome);
      --login-dropdown-text-color: var(--white-monochrome);
      --login-dropdown-text-hover-color: var(--white-monochrome);
      --login-dropdown-bg-hover-color: var(--medium-accent);
  }
  
  /* Top bar dropdown variables */
  #top-bar {
      --dropdown-links-hover-color: var(--medium-accent);
      --dropdown-links-hover-bg-color: var(--white-monochrome);
      --mobile-topmenu-sidebar-button-color: var(--black-monochrome);
  }
  
  /* Main content UI color */
  #main-content {
      --ui-icon-color: var(--medium-accent);
  }
  
  /* Header title stroke override */
  #header h1 a::before {
      content: none;
      -webkit-text-stroke: 0;
  }
  
  @media (max-width: 900px) {
      :root {
       --header-title: "Ellipsis";
      }
  }
  

  Pages using this styling

  • montagueetc [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Noticia+Text:ital,wght@0,400;0,700;1,400;1,700&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Manufacturing+Consent&display=swap');
  
  /* Page title */
  #page-title {
      display: none;
  }
  
  /* Page background */
  html,
  body {
      background-image: url("https://scp-wiki.wdfiles.com/local--files/montagueetc/paper.png");
      background-position: center top;
      background-repeat: repeat;
      background-size: contain;
      background-size: 20%;
      background-attachment: scroll;
  }
  
  /* Hover overlay over whole page */
  body::before {
      content: "";
      position: fixed;
      inset: 0;
      background: rgba(0, 0, 0, 0.10);
      opacity: 0;
      transition: opacity 180ms ease;
      pointer-events: none;
      z-index: 50;
  }
  
  body:has(.basic:hover)::before {
      opacity: 1;
  }
  
  /* Global image styles */
  img {
      padding-top: 8px;
      padding-bottom: 8px;
      filter: grayscale(100%);
  }
  
  /* Card image styles */
  .basic img {
      max-height: 80px;
      object-fit: cover;
      margin: 0;
      padding: 0;
  }
  
  /* Large title text */
  .bigguy {
      font-size: 7em;
      line-height: 0.7em;
      letter-spacing: 0.5rem;
      font-family: "Manufacturing Consent", system-ui;
  }
  
  /* Main header bar */
  
  .header {
      font-size: 5em;
      text-align: center;
      padding-bottom: 2px;
      height: 1.5em;
      align-items: center;
      justify-content: center;
      margin-top: -1em;
      position: relative;
      border-bottom: 3px solid #000;
      --gap: 8px;
      --thick: 6px;
      margin-bottom: 0.4em;
  }
  
  /* Extra line under header */
  .header::after {
      content: "";
      position: absolute;
      left: 0;
      right: 0;
      height: var(--thick);
      background: #000;
      bottom: calc(-1 * (var(--gap) + var(--thick)));
  }
  
  /* Extra info banner */
  .extra {
      font-size: 155%;
      position: relative;
      text-align: center;
      margin-top: 5px;
      border: none;
      background: #9c1e1e;
      color: white;
      padding: 0.15em 2em;
      line-height: 0.5;
      text-transform: uppercase;
      transition: all 200ms ease-in-out;
  }
  
  .extra a,
  .extra a:visited {
      color: white;
      text-decoration: none;
  }
  
  .extra::before,
  .extra::after {
      content: "";
      position: absolute;
      top: 50%;
      width: 1.4em;
      height: 1.4em;
      transform: translateY(-50%);
      background-image: url("https://scp-wiki.wdfiles.com/local--files/montagueetc/megaphone.png");
      background-repeat: no-repeat;
      background-position: center;
      background-size: contain;
  }
  
  .extra::before {
      left: 0.75em;
  }
  
  .extra::after {
      right: 0.75em;
  }
  
  .extra:hover,
  .extra:focus,
  .extra:active {
      transform: scale(1.05);
      z-index: 9999;
      transition: all 200ms;
  }
  
  .extralink {
      display: flex;
      flex-direction: column;
      justify-content: flex-start;
      position: static;
      text-decoration: none !important;
  }
  
  /* Card grid layout */
  .groot {
      display: grid;
      grid-template-columns: repeat(4, minmax(10px, 1fr));
      align-items: stretch;
      column-gap: 0.75rem;
      row-gap: 0.75rem;
      grid-auto-flow: dense;
      width: auto;
      max-width: 100vw !important;
  }
  
  /* Base card styles */
  .basic {
      position: relative;
      padding: 5px;
      background: none;
      border: none;
      transform: translateZ(0);
      break-inside: avoid;
      -webkit-column-break-inside: avoid;
      page-break-inside: avoid;
      box-sizing: border-box;
      font-size: 90%;
      color: black !important;
      text-decoration: none !important;
      line-height: 1.25;
      z-index: 0;
      place-self: stretch;
      transition: all 200ms ease-in-out;
      height: auto;
  }
  
  /* Reset inner margins */
  .basic * {
      margin: 0;
  }
  
  .basic p {
      margin: 0 0 4px;
  }
  
  /* Card headings */
  .basic h1,
  .basic h2,
  .basic h3 {
      font-family: "DM Serif Display", serif;
      font-style: italic;
  }
  
  /* Clickable card content wrapper */
  .basiclink {
      display: flex;
      flex-direction: column;
      justify-content: flex-start;
      position: static;
      padding: 3%;
      padding-top: 0;
      color: black !important;
      text-decoration: none !important;
  }
  
  /* Card hover effect */
  .basic:hover,
  .basic:focus,
  .basic:active {
      transform: scale(1.05);
      background-image: url("https://live.staticflickr.com/3183/2646553223_d59f63646f_b.jpg");
      background-position: center top;
      background-repeat: no-repeat;
      background-size: cover;
      background-attachment: fixed;
      z-index: 9999;
      transition: all 200ms;
  }
  
  /* Card border variants */
  .black {
      border-bottom: 3px solid black;
  }
  
  .contest {
      border: 3px dashed #d1d1d1;
  }
  
  .proposal {
      border: 3px solid black;
  }
  
  /* Title block */
  .title {
      box-sizing: border-box;
      display: inline-flex;
      justify-content: center;
      align-items: center;
      background: black;
      color: white;
      font-family: Arial, sans-serif;
      font-size: 150%;
      width: 11rem;
      height: 3rem;
      margin-bottom: -0.01rem;
  }
  
  .title * {
      margin: 0;
      line-height: 1;
  }
  
  /* Feature label */
  .feature {
      font-size: 75%;
      text-align: center;
  }
  
  /* Pill-style feature title */
  .title.feature {
      box-sizing: border-box;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      background: #b8b8b8;
      border-radius: 50px;
      padding: 0.35rem 1.8rem;
      line-height: 1;
      width: auto;
      height: auto;
      margin: 0 0 0.5rem;
  }
  
  /* Mobile Parity */
  @media (max-width: 768px) {
      .bigguy {
          font-size: 5em;
      }
  
      .groot {
          grid-template-columns: repeat(2, minmax(10px, 1fr));
          align-items: stretch;
          column-gap: 0.75rem;
          row-gap: 0.75rem;
          grid-auto-flow: dense;
          width: auto;
          max-width: 100vw !important;
      }
  
      .header {
          font-size: 3em;
      }
  
      .extra {
          line-height: 1;
      }
  }
  

  Pages using this styling

  • montagueetc [info]

  ¶ 1 occurrence
  

  
  .page-source {
      background: white;
  }
  
  div#container-wrap{ 
  
     background-image: linear-gradient( to bottom, white 0px, white 255px, black 100%);
  }
  div#login-status {
     color: black;
  }
  
  div#login-status a{
     color: black;
  }
  
  div#top-bar a {
     color: black;
  }
  
  
  div.collapsible-block-folded {
      text-align: center;
      font-size: 20px;
  }
  
  div.collapsible-block-unfolded-link {
      text-align: center;
      font-size: 20px;
  }
  
  div.collapsible-block-unfolded {
     padding-bottom: 1em;
     padding-left: 10px;
     padding-right: 10px
  }
  
  div.orange a.collapsible-block-link {
       color: #f3c04a;
  }
  
  div.image-container {
      padding: 0em;
      margin: 0em;
  }
  
  div.orange {
     background-color: #d48e5a;
  }
  
  div.orange a {
      color: blue;
  }
  
  div.red {
     background-color: #8b3142;
     color: white;
     
  }
  
  div.red a {
      color: orange;
  }
  
  div.yellow {
     background-color: #f3c04a;
  }
  
  div.green {
     background-color: #a9ce52;
  }
  
  div.blue {
     background-color: #63e2e4;
  }
  
  div.blue a {
      color: #8B3142;
  }
  
  div.indigo {
     background-color: #143382;
     color: white;
  }
  
  div.indigo a {
     color: orange;
  }
  
  div.violet {
     background-color: #6522c3;
     color: white;
  }
  
  div.violet a {
      color: gold;
  }
  
  
  div.gray {
     background-color: #aaa3a3;
  }
  
  div.black {
     background-color: #091826;
     color: white;
  }
  
  div.white {
     background-color: white;
  }
  
  div.yellow a.collapsible-block-link {
       color: #11581D;
  }
  
  div.green a.collapsible-block-link {
       color: #06656B;
  }
  
  div.blue a.collapsible-block-link {
       color: #143382;
  }
  
  div.indigo a.collapsible-block-link {
       color: #AA23B5;
  }
  
  div.violet a.collapsible-block-link {
       color: #aaa3a3;
  }
  
  div.gray a.collapsible-block-link {
       color: black;
  }
  
  div.black a.collapsible-block-link {
       color: white;
  }
  
  div.white a.collapsible-block-link {
       color: #8b3142;
  }
  
  div.end a.collapsible-block-link {
      color: w;
  }
  
  div.end {
     color: white;
  }

  Pages using this styling

  • monochrome [info]

  ¶ 1 occurrence
  

  .main-text-cell {
    flex-basis: 15%;
  }

  Pages using this styling

  • money-crime-and-disruption [info]

  ¶ 1 occurrence
  

  
  :root {
      --red: 45, 100, 44;
       --medium-accent: var(--red);
       --cutColour: #fafafa;
       --barColour: var(--red);
       --toggle-border-color: rgb(var(--red));
       --toggle-icon-color: rgb(var(--red));
       --mono-font: 'IBM Plex Mono', monospace;
       --dark-accent: var(--red);
       --barColour: var(--red);
       --bright-accent: var(--red);
  
       --link-color: 55, 122, 54;
       --visited-link-color: 45, 100, 44;
       --hover-link-color: 45, 100, 44;
  
      --logo-image: url("https://nu-scptheme.github.io/Black-Highlighter/img/logo.svg");
  
  --toggle-roundness: 0%;
  }
  
   #page-title{
       display: none;
  }
  
  .cut-up {
      background: #FAFAFA;
      box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
      width: 90%;
      margin-left: auto;
      margin-right: auto;
      padding: 0px 20px 0px 20px;
      word-break: break-word;
  }
  

  Pages using this styling

  • monarchs-and-maestros [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css?family=Pangolin&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Gugi&display=swap');
  
  :root {
     --logo-image:url("http://smlt.wdfiles.com/local--files/plaguebearer%3Anobody/%3F");
     --header-title: 'NOBODY';
     --header-subtitle: 'THE MAN WITHOUT A HEAD';
  }
  
  #skrollr-body {
      width: 100%;
      height: 7.625rem;
      background-image:
      linear-gradient(to bottom, rgba(255,255,255,0) 65%, rgba(0,0,0,1) 100%),
      url('http://scp-wiki.wdfiles.com/local--files/the-man-in-the-white-suit-hub/header.png');
      background-color: black;
      background-repeat: no-repeat;
      background-size: cover;
  }
  .classic {
      display: block;
      font-family: 'Pangolin', cursive;
      font-size: 1.3em;
      background-attachment: scroll;
      background-clip: border-box;
      background-color: transparent;
      background-image: linear-gradient(to top ,rgb(202, 219, 228) 0%, rgb(231, 233, 220) 8%);
      background-origin: padding-box;
      background-position: 0px 8px;
      background-repeat: repeat;
      background-size: 100% 20px;
      border: 1px solid #CCC;
      border-radius: 10px;
      padding: 10px 10px;
      margin-bottom: 10px;
      box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2)
      }
  
  .cyberpunk {
      background-color: #212121;
      border-top: 0.2rem solid red;
      border-bottom: 0.2rem solid red;
      border-radius: 5% 10%;
      color: #FF3300;
      padding: 0.5rem 1rem;
      margin: 1em auto;
      width: auto;
      font-family: 'Gugi', cursive;
      font-size: 1em;
      list-style: discs;
      transition:
  }
  
  .cyberpunk a {
      color: red;
  }
  
  .cyberpunk a:hover {
      color: black;
      background-color: red;
  }
  
  .cyberpunk a:visited {
      color: white;
  }
  
  .nobody {
      width: 70%;
      margin: 1rem auto;
      text-align: center;
      padding: 0.6rem;
      font-size: 1rem;
  }
  
  #page-title {
    display: none;
  }
  
  .meta-title {
    border-bottom: solid 1px #bbbbbb;
    color: #fff;
    font-weight: normal;
    margin: 0;
    padding: 0 0 0.25em;
    font-size: 200%;
    font-family: monospace;
  }
  .meta-title p {
    margin: 0;
  }

  Pages using this styling

  • modern-miracle-worker [info]

  ¶ 1 occurrence
  

  #page-title {display: none;}
  :root {
       --header-title: "MOBY DICK";
       --header-subtitle: "or, THE WHALE";
  ]

  Pages using this styling

  • moby-dick [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Poiret+One&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300&display=swap');
   
  /* ---------------------------------
  Just testing shit out
  2021 Wikidot Theme
  Created by tyumen, ripped off from the JustGirlyThings theme by stormbreath and dianaberry
  Header Image: https://www.publicdomainpictures.net/pictures/240000/velka/scenic-landscape-1508373727uru.jpg/
  --------------------------------- */
   
  /* -------------- HEADER -------------- */
  div#container-wrap {
      background-image: url(none);
  }
   
  div#extra-div-1 {
      height: 150px;
      width: 100%;
      top: 0;
      position: absolute;
      background: url("https://www.publicdomainpictures.net/pictures/240000/velka/scenic-landscape-1508373727uru.jpg");
      background-size: cover;
      background-position: 20% 20%;
  }
   
  div#extra-div-2 {
      height: 22px;
      width: 100%;
      top: 140px;
      position: absolute;
      background: linear-gradient(to bottom,
        hsl(208, 100%, 14%),
        hsl(208, 100%, 7%));
  }
   
  #header h1 a {
      color: transparent;
      text-shadow: none;
  }
   
  #header h1 a::before {
      content: "Tyumen";
      font-family: 'Poiret One', cursive;
      color: hsl(208, 100%, 10%);
  }
   
  #header h2 span {
      color: transparent;
      text-shadow: none;
  }
   
  #header h2 span::before {
      content: "est. 2017";
      color: hsl(208, 100%, 6%);
      font-family: 'Noto Sans JP', sans-serif;
      text-shadow: 1px; hsla(208, 100%, 36%, 0.5);
      letter-spacing: 2px;
      padding-left: 0.5em;
  }
   
  /*-------------- LOG-IN INFO -------------- */
  #login-status,
  #login-status a {
      color: hsl(208, 100%, 98%);
  }
   
  #login-status ul a:hover {
     font-weight: bold;
  }
   
  #account-topbutton {
      background: transparent;
      color: hsl(208, 100%, 14%);
      border: none;
  }
   
  #account-options {
      background: hsl(208, 90%, 95%);
      border-color: hsl(208, 55%, 55%);
  }
   
  /* -------------- SEARCH-BAR -------------- */
  #search-top-box-input {
       border: solid 1px #e5e5e5;
       color: #e5e5e5;
       background-color: hsl(208, 100%, 6%);
  }
   
  #search-top-box-input:hover,
  #search-top-box-input:focus {
       background-color: hsl(208, 90%, 20%);
  }
   
  #search-top-box-form input[type=submit] {
       border: solid 1px #e5e5e5;
       color: #e5e5e5;
       background-color: hsl(208, 100%, 6%);
       background: linear-gradient(
         to bottom,
         hsl(208, 90%, 26%),
         hsl(208, 90%, 16%),
         hsl(208, 90%, 6%));
       box-shadow: none;
  }
   
  #search-top-box-form input[type=submit]:hover,
  #search-top-box-form input[type=submit]:focus {
       background-color: hsl(335, 90%, 60%);
       background: linear-gradient(
         to bottom,
         hsl(208, 90%, 46%),
         hsl(208, 90%, 36%),
         hsl(208, 90%, 26%));
       box-shadow: none;
  }
   
  /* -------------- TOP-BAR -------------- */
  #top-bar ul li ul {
      border: solid 1px hsl(208, 90%, 85%);
  }
   
  #top-bar ul li.sfhover ul li a,
  #top-bar ul li:hover ul li a {
      border-top: 1px solid hsl(208, 90%, 85%);
  }
   
  #top-bar ul li.sfhover a,
  #top-bar ul li:hover a {
      background: hsl(208, 90%, 95%);
  }
   
  /* -------------- BODY -------------- */
  body {
       background: hsl(335, 100%, 100%);
       color: hsl(335, 100%, 0%);
  }
   
  #page-title, h1 {
      color: hsl(208, 95%, 20%)
  }
   
  #page-title {
      border-bottom-color: hsl(208, 90%, 13%);
  }
   
  /* -------------- SIDE-BAR -------------- */
  #side-bar .side-block {
      border: 1px solid hsl(208, 90%, 25%);
      box-shadow: 0 2px 6px rgba(0, 87, 163, 1);
      color: hsl(208, 90%, 25%);
      background: hsl(208, 100%, 98%);
  }
   
  #side-bar .heading {
      color: hsl(208, 90%, 25%);
      border-bottom: solid 1px hsl(208, 90%, 25%);
  }
   
  #side-bar .side-block.media {
      background-color: hsl(208, 55%, 55%);
  }
   
  #side-bar .side-block.resources {
      background-color: hsl(208, 90%, 95%);
  }
   
  .side-block .menu-item > .image,
  iframe.scpnet-interwiki-frame {
      filter: hue-rotate(340deg) brightness(130%);    
      -webkit-filter: hue-rotate(340deg) brightness(130%);
  }
   
  /* -------------- FOOTER -------------- */
  #footer {
      background: hsl(208, 100%, 13%);
      color: hsl(208, 100%, 55%);
  }
   
  /* -------------- LINKS -------------- */
  a,
  #side-bar a:visited,
  #top-bar ul li.sfhover a,
  #top-bar ul li:hover a,
  #login-status ul a,
  #login-status ul a:hover,
  a.newpage {
      color: hsl(208, 95%, 35%);
  }
   
  a:visited {
      color: hsl(208, 95%, 35%);
  }
   
  /* -------------- PAGE EDITING OPTIONS -------------- */
  .buttons .btn {
      background-color: hsl(208, 90%, 95%);
      border-color: hsl(208, 90%, 85%);
      color: hsl(208, 100%, 14%);
  }
   
  .buttons .btn:hover {
      background-color: hsl(208, 90%, 90%);
      color: hsl(208, 100%, 14%);
  }
   
  #lock-info {
      background-color: hsl(208, 90%, 95%);
      border-color: hsl(208, 90%, 85%);
  }
   
  /* -------------- RATING MODULE -------------- */
  .page-rate-widget-box .rate-points {
      background-color: hsl(335, 55%, 55%) !important;
      color: hsl(335, 90%, 95%) !important;
      border: solid 1px hsl(335, 55%, 55%);
  }
  .page-rate-widget-box .rateup,
  .page-rate-widget-box .ratedown {
      background-color: hsl(335, 90%, 95%);
      border-top: solid 1px hsl(335, 55%, 55%);
      border-bottom: solid 1px hsl(335, 55%, 55%);
  }
  .page-rate-widget-box .rateup a,
  .page-rate-widget-box .ratedown a {
      background: transparent;
      color: hsl(335, 55%, 55%);
  }
  .page-rate-widget-box .rateup a:hover,
  .page-rate-widget-box .ratedown a:hover {
      background: hsl(335, 55%, 55%);
      color: hsl(335, 90%, 95%);
  }
  .page-rate-widget-box .cancel {
      background: transparent;
      background-color: hsl(335, 55%, 55%);
      border: solid 1px hsl(335, 55%, 55%);
  }
  .page-rate-widget-box .cancel a {
      color: hsl(335, 90%, 95%);
  }
  .page-rate-widget-box .cancel a:hover {
      background: hsl(335, 90%, 95%);
      color: hsl(335, 55%, 55%);
  }
   
  /* Info Module */
  #page-content .rate-box-with-credit-button {
      background-color: hsl(208, 55%, 55%);
      border-color: hsl(208, 55%, 55%);
      border-radius: 5px;
      box-shadow: 1px 1px 3px rgba(0,0,0,.5);
  }
  #page-content .creditButton p a {
      border-left-color: hsl(335, 90%, 95%);
  }
   
  #page-content .creditButton p a:hover {
      color: hsl(305, 100%, 15%);
  }
   
  /* -------------- OTHER ELEMENTS -------------- */
  blockquote,
  div.blockquote,
  .code {
      border-color: hsl(208, 90%, 6%);
      background-color: hsl(208, 90%, 90%);
  }
   
  #page-content .wiki-content-table tr th {
       background-color: hsl(208, 100%, 55%);
       color: hsl(208, 100%, 30%);
       border: 1px solid hsl(208, 100%, 14%);
  }
   
  .scp-image-block .scp-image-caption {
      background-color: hsl(208, 90%, 90%);
  }
   
  .yui-navset .yui-nav a,
  .yui-navset .yui-navset-top .yui-nav a {
      background-color: transparent !important; /* tab background */
      border-color: transparent;
      color: hsl(208, 100%, 90%);
  }
   
  .yui-navset .yui-nav a em {
       background-color: hsl(208, 100%, 90%);
       box-shadow: 0px 1px 2px rgba(0,0,0,0.7);
       border-color: hsl(208, 90%, 15%);
  }
   
  .yui-navset .yui-nav .selected a,
  .yui-navset .yui-nav .selected a:focus,
  .yui-navset .yui-nav .selected a:hover {
      background-image: none;
      background-color: hsl(208, 100%, 15%); /* selected tab background */
      color: hsl(208, 100%, 20%);
  }
   
  .yui-navset .yui-nav .selected a,
  .yui-navset .yui-nav .selected a em {
      border-color: hsl(208, 100%, 55%);
      box-shadow: 0px 1px 2px rgba(0,0,0,0.7);
      background-color: hsl(208, 100%, 55%);
  }
   
  .yui-navset .yui-content {
      background-color: hsl(208, 100%, 90%); /* content background color */
  }
   
  /* -------------- MOBILE VIEW -------------- */
  @media (max-width: 767px) {
      #side-bar {
            background-color: hsl(208, 100%, 25%);
       }
   
      #top-bar .open-menu a {
           border: 0.2em solid hsl(208, 100%, 25%);
           background-color: hsl(208, 100%, 34%);
           color: hsl(208, 100%, 25%);
      }
  }

  Pages using this styling

  • mmmmmmmmmmmmmmmm [info]

  ¶ 1 occurrence
  

  div#header {
      background-image: url(http://scp-wiki.wdfiles.com/local--files/mkwhiteout-cia-pride/parawatchPRIDE.png);
  }

  Pages using this styling

  • mkwhiteout-cia-pride [info]

  ¶ 1 occurrence
  

  
  :root {
  
          --header-title: "OVERBOARD COMMAND";
          --header-subtitle: "Sacrifice Provides Cetaceans";
          --logo-image: url(http://scp-wiki.wikidot.com/local--files/theme:shark-punching-centre-bhl/spc-header.png);
  
  }
  
  .anom-bar {
      --five-color: 51,2,196;
  }
  
  .anom-bar-container.high .text-part .disrupt-class::before,
  .anom-bar-container.intense .text-part .risk-class::before {
      content: "5";
  }
  

  Pages using this styling

  • misterfrown-s-dumb-proposal [info]

  ¶ 1 occurrence
  

  
  :root {
  
  --maincolor: 220,20,60;
  --medcolor: 205,92,92;
  --darkcolor: 139,0,0;
  --brightcolor: 240,128,128;
  
  --medium-accent: var(--medcolor);
  --dark-accent: var(--darkcolor);
  --bright-accent: var(--maincolor);
  
  --barColour: var(--maincolor);
  --toggle-border-color: rgb(var(--maincolor));
  --toggle-icon-color: rgb(var(--maincolor));
  --barColour: var(--maincolor);
   
  --link-color: var(--maincolor);
  --visited-link-color: var(--darkcolor);
  --hover-link-color: var(--brightcolor);
  --newpage-color: var(--brightcolor);
  
  --background-gradient-distance: 30rem;
  --background-gradient-color: var(--maincolor);
  
  }
  
  #page-content .anom-bar-container.high .text-part .disrupt-class::before {
  content: "5" !important;
  }
  
  #page-content .anom-bar-container.intense .text-part .risk-class::before {
  content: "5" !important;
  }
  

  Pages using this styling

  • misterfrown-s-dumb-proposal [info]

  ¶ 1 occurrence
  

  
  .bigbox {
  
  background: rgb(255,255,255);
  border-left: solid 5.5px rgb(65,105,225);
  border-right: solid 5.5px rgb(65,105,225);
  margin-block: 1.4rem;
  padding-inline: 1.5rem;
  padding-block: 0.5rem;
  color: rgb(65,105,225);
  
  }
  
  .card {
  
  position: relative;
  width: 14rem;
  text-align: center;
  transition: transform .16s;
  display: inline-table;
  flex-wrap: wrap;
  z-index: 2;
  
  }
  
  .card:is(:hover,:focus-within) {
  transform: scale(1.3);
  z-index: 3;
  
  }
  
  .cardbody-exterior {
  
  background: rgb(65,105,225);
  padding: .4rem;
  margin: .2rem;
  clip-path: polygon(20% 0%, 80% 0%, 100% 20%, 100% 80%, 80% 100%, 20% 100%, 0% 80%, 0% 20%);
  transition: translate .16s;
  z-index: 2;
  flex-flow: row wrap;
  
  }
  
  .cardbody-exterior:is(:hover,:focus-within) {
  translate: .8rem;
  }
  
  .cardbody-interior {
  
  background: rgb(255,255,255);
  padding: .7rem;
  clip-path: polygon(20% 0%, 80% 0%, 100% 20%, 100% 80%, 80% 100%, 20% 100%, 0% 80%, 0% 20%);
  z-index: 2;
  
  }
  
  .cardbody-main {
  
  border-left: solid 3.5px rgb(65,105,225);
  border-right: solid 3.5px rgb(65,105,225);
  background-size: 60%;
  background-position: center;
  display: block;
  
  }
  
  .cardbody-title {
  
  color: white;
  background: rgb(65,105,225);
  width: 100%;
  float: center;
  margin-top: 10px;
  
  }
  
  .titlesection {
  
  height: 50px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  
  }
  
  .section {
  
  color: rgb(65,105,225);
  border-bottom: solid 5px rgb(65,105,225);
  margin-bottom: 10px;
  margin-top: 20px;
  
  }
  

  Pages using this styling

  • misterfrown [info]

  ¶ 1 occurrence
  

  
  div.graph {
     display: grid;
     grid-template-columns: repeat(2, 50fr);
     grid-template-rows: auto;
     grid-gap: 1rem;
     grid-template-areas:
       "info new";
  }
  
  div.graphinfo{
      grid-area: info;
      color: black;
      position: relative;
      z-index: 1;
  }
  
  div.graphnew{
      grid-area: new;
      position: relative;
      z-index: 1;
  }
  

  Pages using this styling

  • misterfrown [info]

  ¶ 1 occurrence
  

  
  /* Fonts */
   
  @import url("https://fonts.googleapis.com/css2?family=Anta&family=Electrolize&family=Exo+2:ital,wght@0,100..900;1,100..900&family=Kanit:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
  @import url('https://fonts.googleapis.com/css2?family=Jost&display=swap');
  
  #page-title,
  .meta-title {
      display: none;
  }
  
  #main-content hr {
      height: .2rem;
      border-top: .05rem solid rgb(65,105,225);
      background-color: rgb(65,105,225);
  }
  
  /* Primary Root Block */
  
  :root {
  
  --header-title: 'MISTERFROWN';
  --header-subtitle: 'THE AUTHOR PAGE';
  
  --header-height-on-desktop: 11rem;
  --header-height-on-mobile: 11rem;
  
  --header-font: "Anta", sans-serif;
  --title-font: var(--header-font);
  --UI-font: var(--header-font);
  
  --medium-accent: 100,149,237;
  --dark-accent: 25,25,112;
  --bright-accent: 65,105,225;
  --gray-monochrome: var(--dark-accent);
  
  --maincolor: 65,105,225;
  --medcolor: 100,149,237;
  --darkcolor: 0,0,139;
  --brightcolor: 0,191,255;
   
  --link-color: var(--maincolor);
  --visited-link-color: var(--darkcolor);
  --hover-link-color: var(--brightcolor);
  --newpage-color: var(--brightcolor);
  
  --rating-module-text-color: var(--bright-accent);
  --swatch-primary: var(--bright-accent);
  --swatch-secondary-color: var(--dark-accent);
  --swatch-tertiary-color: var(--bright-accent);
  
  --swatch-menutxt-light-color: var(--bright-accent);
  --swatch-menutxt-dark-color: var(--bright-accent);
  
  --hoverblock-bg: var(--white-monochrome);
  --hoverblock-txt: var(--black-monochrome);
  --hoverblock-header-bg: var(--dark-accent);
  --hoverblock-header-txt: var(--white-monochrome);
  
  --toggle-border-color: rgb(var(--bright-accent));
  --toggle-icon-color: rgb(var(--bright-accent));
  --toggle-roundness: 20%;
  --toggle-button-bg: rgb(var(--dark-accent));
  
  --swatch-important-text: var(--white-monochrome);
  
  --swatch-menutxt-light-color: var(--white-monochrome);
  
  --ui-wght: 700;
  --ui-hvr-wght: 900;
  
  --borderColor: #4169e1 !important;
  --bgBadgeColor: #003153 !important;
  
  --five-color: 51,2,196;
  --four-color: 0,109,255;
  --two-color: 189,135,0;
  
  --zero: 0;
  
  }
  
  /* UI Button Changes */
  
  a.btn {
  
  webkit-clip-path: polygon(15% 0%, 85% 0%, 100% 15%, 100% 85%, 85% 100%, 15% 100%, 0% 85%, 0% 15%);
  clip-path: polygon(15% 0%, 85% 0%, 100% 15%, 100% 85%, 85% 100%, 15% 100%, 0% 85%, 0% 15%);
  
  text-transform: uppercase !important;
  
  }
  
  /* Main Content Block */
  
  #main-content {
  
  --ui-icon-hover-color: var(--dark-accent);
  --ui-button-hover-txt: var(--dark-accent);
  --ui-icon-color: var(--bright-accent);
  
  --toc-header-text-color: var(--bright-accent);
  --toc-header-text-hover-color: var(--white-monochrome);
  
  --tables-header-txt: var(--bright-accent);
  
  --tabs-txt: var(--bright-accent);
  --tabs-bg: var(--white-monochrome);
  --tabs-hover-bg: var(--bright-accent);
  --tabs-hover-txt: var(--white-monochrome);
  --tabs-content-bg-color: var(--white-monochrome);
  --tabs-content-border-color: var(--bright-accent);
  --tabs-selected-bg: var(--bright-accent);
  --tabs-selected-txt: var(--white-monochrome);
  --tabs-selected-outline: var(--bright-accent);
  
  }
  
  /* Top Bar Customization (Taken from Ouroborous Theme) */
  
          #extra-div-1 {
              width: 100%;
              height: 100%;
              position: absolute;
              top: 0;
              left: 0;
              z-index: -1;
              background-image:
                  linear-gradient(to bottom,
                      rgb(var(--white-monochrome)) 0%,
                      rgb(var(--white-monochrome)) 30%,
                      rgb(var(--white-monochrome)) 100%),
                  linear-gradient(to bottom,
                      rgb(var(--bright-accent)) calc(var(--header-height-on-desktop) + 0.145rem),
                      rgb(var(--dark-accent)) calc(var(--header-height-on-desktop) + 0.125rem),
                      rgb(var(--dark-accent)) calc(100% - 0.125rem),
                      rgb(var(--dark-accent)) calc(100% - 0.125rem),
                      rgb(var(--bright-accent)) calc(100% - 0.125rem),
                      rgb(var(--bright-accent)) 100%),
                  linear-gradient(to bottom,
                      rgba(var(--white-monochrome), 0) 0,
                      rgba(var(--white-monochrome), 0.5) 10rem,
                      rgba(var(--white-monochrome), 1) 25rem,
                      rgba(var(--white-monochrome), 1) 100%);
              background-size:
                  var(--header-background-image-size),
                  100% var(--final-header-height-on-desktop),
                  100% var(--background-gradient-distance);
              background-repeat: no-repeat;
              background-blend-mode: darken;
              pointer-events: none;
          }
  
  /* Header */
  
  #header {
  
  --login-username-color: var(--white-monochrome);
  --login-myaccount-color: var(--white-monochrome);
  --search-icon-color: var(--white-monochrome);
  --login-dropdown-text-hover-color: var(--white-monochrome);
  --login-line-divider-color: var(--white-monochrome);
  
  }
  
  #extra-div-2 {
  height: var(--header-height-on-desktop);
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
  background-color: black;
  background-image: url("https://scp-wiki.wdfiles.com/local--files/theme%3Aborealis-constant-theme/aurora-header");
  background-size: calc(var(--header-height-on-desktop) * 10);
  }
  
  #extra-div-3 {
  height: var(--header-height-on-desktop);
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
  background-image: var(--tech-pattern);
  background-size: calc(var(--header-height-on-desktop) * 4);
  }
  
  /* Breadcrumbs */
  
  #breadcrumbs a:hover,
  .pseudocrumbs a:hover,
  #breadcrumbs a:active,
  .pseudocrumbs a:active {
  
  color: rgb(var(--white-monochrome));
  text-decoration: none;
  
  }
   
  #breadcrumbs a:focus-within,
  .pseudocrumbs a:focus-within {
  
  color: rgb(var(--white-monochrome));
  text-decoration: none;
  
  }
  
  /* Misc. Changes */
  
  #content-wrap {
  background-color: var(--white-monochrome);
  background-image: var(--tech-pattern);
  background-size: 17%;
  background-repeat: repeat;
  }
  
  .image-block,
  .scp-image-block {
  outline: solid 3px rgb(var(--bright-accent));
  }
  
  :is(div.image-block, div.scp-image-block) :is(.image-caption, .scp-image-caption) {
  color: rgb(var(--bright-accent));
  border-top: solid 3px rgb(var(--bright-accent));
  font-family: var(--header-font);
  }
  
  .page-rate-widget-box .rate-points {
  text-transform: uppercase !important;
  }
  
  #page-content .info-container .collapsible-block-folded,
  #page-content .info-container .collapsible-block-unfolded-link {
  display: grid;
  background: rgb(var(--dark-accent));
  }
  
  #u-author_block > p > a {
      background: #FFFFFF;
  }
  
  .code, .page-source {
  
  background: rgb(var(--white-monochrome));
  
  }
  
  #top-bar {
  
  --dropdown-links-hover-color: var(--white-monochrome);
  --topmenu-category-hover-color: var(--white-monochrome);
  --topmenu-category-color: var(--bright-accent);
  --mobile-topmenu-sidebar-button-color: var(--bright-accent);
  
  }
  
  #side-bar,
  #interwiki {
  
  --sidebar-links-hover-text-color: var(--white-monochrome);
  
  }
  
  /* Footnote Changes */
  
  .bibitems,
  .footnotes-footer {
  
  background-color: rgb(var(--white-monochrome));
  border-top: solid 2px rgb(var(--dark-accent));
  border-right: solid 2px rgb(var(--dark-accent));
  border-bottom: solid 2px rgb(var(--dark-accent));
  
  }
   
  .bibitems .title,
  .footnotes-footer .title {
  
  background-color: rgb(var(--dark-accent));
  webkit-clip-path: polygon(15% 0%, 85% 0%, 100% 15%, 100% 85%, 85% 100%, 15% 100%, 0% 85%, 0% 15%);
  clip-path: polygon(15% 0%, 85% 0%, 100% 15%, 100% 85%, 85% 100%, 15% 100%, 0% 85%, 0% 15%);
  width: 40%;
  text-align: center;
  color: rgb(var(--bright-accent));
  font-family: var(--header-font);
  text-transform: uppercase;
  
  }
  
  .bibitems .bibitem::after,
  .footnotes-footer a[href*="javascript"]::before {
  
  background-color: rgb(var(--white-monochrome));
  
  }
  
  .hovertip .content {
  
  font-family: var(--body-font);
  
  }
  
  .info-container {
  
  --barColour: rgb(var(--white-monochrome));
  --linkColour: #FFF;
  
  }
  
  /* ACS Bar Alterations (Code from Anomaly Class Bar, Customizable ACS, and ACS Animation) */
  
  .anom-bar-container.clear-6 .top-right-box > .clearance::before {
      content: "Omega Ultra-Secret";
  }
  
  .anom-bar-container.clear-5 .top-right-box > .clearance::before {
      content: "Ultra-Secret";
  }
  
  
  body .bottom-box > .diamond-part {
      -webkit-box-shadow: -0.5rem 0 0 0 rgb(var(--dark-accent));
         -moz-box-shadow: -0.5rem 0 0 0 rgb(var(--dark-accent));
       box-shadow: -0.5rem 0 0 0 rgb(var(--dark-accent));
  }
  
  body .danger-diamond > .arrows {
      background-color: rgb(var(--dark-accent));
  }
  
  .anom-bar > div.bottom-box { box-shadow: none; position: relative; }
  .anom-bar > div.bottom-box::before {
      position: absolute;
      content: " ";
      width: 100%;
      height: 0.5rem;
      bottom: 100%; left: 0;
      background-color: rgb(var(--dark-accent));
  }
  
  /* Tech Pattern */
  
  :root {
  
  --tech-pattern: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 304 304' width='304' height='304'%3E%3Cpath fill='%23aeaeb0' fill-opacity='0.08' d='M44.1 224a5 5 0 1 1 0 2H0v-2h44.1zm160 48a5 5 0 1 1 0 2H82v-2h122.1zm57.8-46a5 5 0 1 1 0-2H304v2h-42.1zm0 16a5 5 0 1 1 0-2H304v2h-42.1zm6.2-114a5 5 0 1 1 0 2h-86.2a5 5 0 1 1 0-2h86.2zm-256-48a5 5 0 1 1 0 2H0v-2h12.1zm185.8 34a5 5 0 1 1 0-2h86.2a5 5 0 1 1 0 2h-86.2zM258 12.1a5 5 0 1 1-2 0V0h2v12.1zm-64 208a5 5 0 1 1-2 0v-54.2a5 5 0 1 1 2 0v54.2zm48-198.2V80h62v2h-64V21.9a5 5 0 1 1 2 0zm16 16V64h46v2h-48V37.9a5 5 0 1 1 2 0zm-128 96V208h16v12.1a5 5 0 1 1-2 0V210h-16v-76.1a5 5 0 1 1 2 0zm-5.9-21.9a5 5 0 1 1 0 2H114v48H85.9a5 5 0 1 1 0-2H112v-48h12.1zm-6.2 130a5 5 0 1 1 0-2H176v-74.1a5 5 0 1 1 2 0V242h-60.1zm-16-64a5 5 0 1 1 0-2H114v48h10.1a5 5 0 1 1 0 2H112v-48h-10.1zM66 284.1a5 5 0 1 1-2 0V274H50v30h-2v-32h18v12.1zM236.1 176a5 5 0 1 1 0 2H226v94h48v32h-2v-30h-48v-98h12.1zm25.8-30a5 5 0 1 1 0-2H274v44.1a5 5 0 1 1-2 0V146h-10.1zm-64 96a5 5 0 1 1 0-2H208v-80h16v-14h-42.1a5 5 0 1 1 0-2H226v18h-16v80h-12.1zm86.2-210a5 5 0 1 1 0 2H272V0h2v32h10.1zM98 101.9V146H53.9a5 5 0 1 1 0-2H96v-42.1a5 5 0 1 1 2 0zM53.9 34a5 5 0 1 1 0-2H80V0h2v34H53.9zm60.1 3.9V66H82v64H69.9a5 5 0 1 1 0-2H80V64h32V37.9a5 5 0 1 1 2 0zM101.9 82a5 5 0 1 1 0-2H128V37.9a5 5 0 1 1 2 0V82h-28.1zm16-64a5 5 0 1 1 0-2H146v44.1a5 5 0 1 1-2 0V18h-26.1zm102.2 270a5 5 0 1 1 0 2H98v14h-2v-16h124.1zM242 149.9V160h16v34h-16v62h48v48h-2v-46h-48v-66h16v-30h-16v-12.1a5 5 0 1 1 2 0zM53.9 18a5 5 0 1 1 0-2H64V2H48V0h18v18H53.9zm112 32a5 5 0 1 1 0-2H192V0h50v2h-48v48h-28.1zm-48-48a5 5 0 0 1-9.8-2h2.07a3 3 0 1 0 5.66 0H178v34h-18V21.9a5 5 0 1 1 2 0V32h14V2h-58.1zm0 96a5 5 0 1 1 0-2H137l32-32h39V21.9a5 5 0 1 1 2 0V66h-40.17l-32 32H117.9zm28.1 90.1a5 5 0 1 1-2 0v-76.51L175.59 80H224V21.9a5 5 0 1 1 2 0V82h-49.59L146 112.41v75.69zm16 32a5 5 0 1 1-2 0v-99.51L184.59 96H300.1a5 5 0 0 1 3.9-3.9v2.07a3 3 0 0 0 0 5.66v2.07a5 5 0 0 1-3.9-3.9H185.41L162 121.41v98.69zm-144-64a5 5 0 1 1-2 0v-3.51l48-48V48h32V0h2v50H66v55.41l-48 48v2.69zM50 53.9v43.51l-48 48V208h26.1a5 5 0 1 1 0 2H0v-65.41l48-48V53.9a5 5 0 1 1 2 0zm-16 16V89.41l-34 34v-2.82l32-32V69.9a5 5 0 1 1 2 0zM12.1 32a5 5 0 1 1 0 2H9.41L0 43.41V40.6L8.59 32h3.51zm265.8 18a5 5 0 1 1 0-2h18.69l7.41-7.41v2.82L297.41 50H277.9zm-16 160a5 5 0 1 1 0-2H288v-71.41l16-16v2.82l-14 14V210h-28.1zm-208 32a5 5 0 1 1 0-2H64v-22.59L40.59 194H21.9a5 5 0 1 1 0-2H41.41L66 216.59V242H53.9zm150.2 14a5 5 0 1 1 0 2H96v-56.6L56.6 162H37.9a5 5 0 1 1 0-2h19.5L98 200.6V256h106.1zm-150.2 2a5 5 0 1 1 0-2H80v-46.59L48.59 178H21.9a5 5 0 1 1 0-2H49.41L82 208.59V258H53.9zM34 39.8v1.61L9.41 66H0v-2h8.59L32 40.59V0h2v39.8zM2 300.1a5 5 0 0 1 3.9 3.9H3.83A3 3 0 0 0 0 302.17V256h18v48h-2v-46H2v42.1zM34 241v63h-2v-62H0v-2h34v1zM17 18H0v-2h16V0h2v18h-1zm273-2h14v2h-16V0h2v16zm-32 273v15h-2v-14h-14v14h-2v-16h18v1zM0 92.1A5.02 5.02 0 0 1 6 97a5 5 0 0 1-6 4.9v-2.07a3 3 0 1 0 0-5.66V92.1zM80 272h2v32h-2v-32zm37.9 32h-2.07a3 3 0 0 0-5.66 0h-2.07a5 5 0 0 1 9.8 0zM5.9 0A5.02 5.02 0 0 1 0 5.9V3.83A3 3 0 0 0 3.83 0H5.9zm294.2 0h2.07A3 3 0 0 0 304 3.83V5.9a5 5 0 0 1-3.9-5.9zm3.9 300.1v2.07a3 3 0 0 0-1.83 1.83h-2.07a5 5 0 0 1 3.9-3.9zM97 100a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-48 32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm32 48a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm32-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0-32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm32 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16-64a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 96a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-144a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-96 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm96 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16-64a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-32 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM49 36a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-32 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm32 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM33 68a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-48a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 240a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16-64a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16-32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm80-176a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm32 48a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0-32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm112 176a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM17 180a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0-32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM17 84a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm32 64a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6z'%3E%3C/path%3E%3C/svg%3E");
  
  }
  

  Pages using this styling

  • misterfrown [info]

  ¶ 1 occurrence
  

  
  :root{
      --desktop-wallpaper: linear-gradient(47deg, rgba(150,95,51,1) 0%, rgba(128,75,54,1) 30%, rgba(105,56,57,1) 60%, rgba(83,36,60,1) 90%);
  
      --basalt-primary-color: 50, 38, 35;
      --basalt-secondary-color: 39, 25, 25;
      --basalt-tertiary-color: 72, 50, 50;
      --basalt-undertone: 235, 157, 2;
      --basalt-dark-element-color: 235, 157, 2;
      --basalt-sub-text-color: 245, 202, 115;
  
      --borderColor: #eb9d02;
      --bgBadgeColor: #2c1e1d;
  
      --header-title: 'ARF-01 Internal Servers';
  }
  
  div.skip_window {
      background-color: rgb(var(--basalt-background-color), var(--basalt-UI-opacity));
      box-shadow: var(--window-shadow);
  }
  
  /* 
  ----------- The below code has been stolen from Reception ----------- 
  ----------- https://scp-wiki.wikidot.com/8000contestaftokrator -----------
  */
  
  #page-title,#breadcrumbs { display: none; }
  #page-content {
      padding: 0;
      background: transparent;
      border-radius: 0;
  }
  
  div.rate-box-with-credit-button .creditButton>p>a::before {
      border-radius: calc(var(--window-radius)/4);
  }
  
  /*--------------------------------------------------*/
  
  .head-container {
      display: flex;
      align-items: center;
      justify-content: center;
      flex-wrap: wrap;
      background-color: rgb(var(--basalt-secondary-color));
      padding: .15rem .875rem;
      gap: .25rem .75rem;
      border-start-start-radius: var(--window-radius);
      border-start-end-radius: var(--window-radius);
  }
  
  .head-container .pseudo-title {
      display: grid;
      flex-grow: 1;
      font-family: var(--header-font);
  }
  .pseudo-title span:first-child {
      display: inline-block;
      padding-block: 0.125rem;
      font-size: 0.675rem;
  }
  .pseudo-title span:first-child a {
      display: inline-block;
      background-color: rgb(var(--basalt-background-color));
      border-radius: var(--window-radius);
      padding: 0.125em 0.5em;
      transition: background-color 0.125s ease-out;
  }
  .pseudo-title span:first-child a:is(:hover,:focus) {
      text-decoration: none;
      background-color: rgb(var(--link-color));
      color: rgb(var(--basalt-secondary-color));
  }
  
  .pseudo-title span:nth-child(2) {
      font-weight: bold;
      font-size: 1.325rem;
  }
  
  .head-container .rate-box-with-credit-button {
      margin: 0;
      box-shadow: none;
  }
  
  ul.creditRate + div { display: none; }
  
  .body-container {
      padding: .9125rem;
      position: relative;
      border-end-start-radius: var(--window-radius);
      border-end-end-radius: var(--window-radius);
  }
  .body-container::before {
      content: "";
      position: absolute;
      top: 0; left: 0;
      width: 100%; height: 100%;
      box-shadow: var(--window-shadow);
      background-color: rgb(var(--basalt-background-color),var(--basalt-UI-opacity));
      -webkit-backdrop-filter: blur(.175rem);
      backdrop-filter: blur(.175rem);
      border-radius:  inherit;
      z-index: -1;
  }
  
  .danger-diamond > .quadrants > div {
      background-color: transparent !important;
  }
  
  .skip_box.terminal::after{
      content: attr(data-title);
      font-size: min(calc(1.5vw + .25em),1em);
      line-height: 1.25;
  }
  
  /*--------------------------------------------------*/
  
  .body-container h3 {
      margin-block-start: 1.5rem;
      border-block-end: 0.05rem solid rgb(var(--basalt-main-text-color),0.25);
      padding-block-end: 0.325rem;
  }
  
  /*--------------------------------------------------*/
  
  .box {
      display: grid;
      grid-template-areas:
          "pic title"
          "pic desc"
          "pic desc";
      grid-template-columns: 30% 70%;
  
      background-color: rgb(var(--blockquote-background-color),var(--basalt-UI-opacity));
      border-radius: 1.5rem;
      border: solid var(--blockquote-border-width) rgb(var(--blockquote-border-color));
      box-shadow: var(--window-shadow);
      margin-bottom: 1em;
  }
  
  .pic {
      grid-area: pic;
      display: grid;
      align-self: center;
  
      padding: 1em;
      transition: transform .30s;
  }
  
  .pic:hover {
      transform: scale(1.25);
      z-index: 2;
  }
  .pic:focus-within {
      transform: scale(1.25);
      z-index: 2;
  }
  
  .title {
      display: grid;
      grid-area: title;
      align-self: center;
  
      text-align: center;
      padding: 0 1em;
  }
  
  .title h2 {
      margin-bottom: 0;
  }
  
  .desc {
      grid-area: desc;
      display: grid;
      align-self: center;
  
      padding: 1em;
      text-align: center;
  }
  
  .desc p {
      margin-top: 0;
      margin-bottom: 0.5rem;
  }
  
  @media only screen and (max-width: 767.98px) {
  
  .box {
      display: grid;
      grid-template-areas:
          "title title"
          "pic pic"
          "desc desc";
  
      border: solid var(--blockquote-border-width) rgb(var(--blockquote-border-color));
  }
  
  .desc {
      border-top: solid var(--blockquote-border-width) rgb(var(--blockquote-border-color));
  }
  
  div.skip_window {
      padding: 0 0.5em;
      margin: 1.5rem 0;
  }
  
  .skip_window::before {
      padding: 0.625em 1.5rem;
      margin: 1.5rem -0.6em;
  }
  
  .yui-navset.yui-navset-top .yui-content {
      padding: 1em 0.5em;
  }
  
  }
  

  Pages using this styling

  • miss-lapis [info]

  ¶ 1 occurrence
  

  .outside {
    margin: 2em -6em;
    padding: 1em 10em;
    --narration-color: rgba(225, 225, 225, 1);
    background: var(--narration-color);
    background: linear-gradient(90deg, rgba(255,255,255,0) 5%, var(--narration-color) 10%, var(--narration-color) 90%, rgba(255,255,255,0) 95%);
    z-index: -2;
  }
  
  .outside.inline {
    margin: 1em -6em;
    padding: 1px 10em;
  }
  
  
  .imagediv { float: right; margin: 15px}
  @media (max-width: 540px) {
    .imagediv {
      float: none; text-align:center; margin: auto;
    }

  Pages using this styling

  • mirror-in-your-mind [info]

  ¶ 1 occurrence
  

  th {  text-align: center; }
  td { vertical-align: middle; }

  Pages using this styling

  • miragetd [info]

  ¶ 1 occurrence
  

  :root{
      --lgurl: none;
      --header-title: "Records of the Little Sisters";
      --header-subtitle: "";
  }
  
  #main-content a {
  text-decoration: underline;
  }

  Pages using this styling

  • milkssiah [info]

  ¶ 1 occurrence
  

   .s {
  color: gold;
  }
   .a {
  color: firebrick;
  }
   .header{
  font-size: 120%;
  }
  

  Pages using this styling

  • milkssiah [info]

  ¶ 1 occurrence
  

  /* EXCERPT-SPECIFIC CSS */
   span.s {
      display: inline-block;
      padding: 0 3px;
  
      border: 1px dashed;
  
      font: 85% "Courier", monospace;
  }
  
   .tableb .wiki-content-table {
      border-spacing: 2px;
  }
  
   .moo {
      color: hsl(214, 70%, 45%);
  
      font-weight: bold;
  }

  Pages using this styling

  • milk-hub [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Spectral&display=swap');

  Pages using this styling

  • mile-high-club [info]

  ¶ 1 occurrence
  

  
  @import url('https://fonts.googleapis.com/css2?family=Pangolin&display=swap');
  
  .scp-image-block {
    background-color: var(--royalblue);
    border: 0.2em solid var(--yellow);
  }
  
  .scp-image-block .scp-image-caption {
    background-color: var(--royalblue);
    border-top: 0.2em solid var(--yellow);
  }
  
  
  .centered-collapsible-link .colmod-link-top {
    display: flex;
    justify-content: center;
    text-align: center;
  }
  
  .page {
      color: black;
      display: block;
      overflow: hidden;
      font-family: "Pangolin";
      font-style: normal;
      line-height: 1.4;
      background-attachment: scroll;
      background-clip: border-box;
      background-color: white;
      background-image: linear-gradient(to top ,rgb(255, 255, 255) 45%, rgb(255, 255, 255) 8%);
      background-origin: padding-box;
      background-position: 0px 8px;
      background-repeat: repeat;
      background-size: 100% 20px;
      border: 1px solid #CCC;
      padding: 20px 20px 20px 20px;
      margin-bottom: 10px;
      box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2)
  }
  .page p,
  .page ul {
      line-height: 20px;
      margin: 0;
  }
  

  Pages using this styling

  • mexico-city-niceties [info]

  ¶ 1 occurrence
  

  .email-example .collapsible-block-folded a.collapsible-block-link {
      animation: blink 0.8s ease-in-out infinite alternate;
  }
  @keyframes blink {
      0% { color: transparent; }
      50%, 100% { color: #b01; }
  }
  .email {border: solid 2px #000000; width: 88%; padding: 1px 15px; margin: 10px; box-shadow: 0 1px 3px rgba(0,0,0,.5)}
  .email-example a.collapsible-block-link {font-weight: bold;}
  .tofrom {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px maroon}
  
  body em {
      --ss01: 0;
  }

  Pages using this styling

  • metaphysician-karpin-proposal [info]

  ¶ 1 occurrence
  

  :root {
      --header-title: none;
      --header-subtitle: none;
  
      --logo-img: url(https://scp-wiki.wdfiles.com/local--files/theme%3Amcd-gray/MC%26D_1.png);
      --logo-opacity: 80%;
  
      --accent: 136, 136, 136;
      --dark-bg-1: #1b1b1b;
      --dark-bg-2: #222222;
  }
  
  div#extra-div-1 {
      background-size: 220px;
  }
  
  #page-content tr td {
      background: none;
  }
  
  .doc {
      max-width: 700px;
      margin: auto;
      padding: 7.5px 15px;
      box-shadow: 0 1px 3px rgba(0,0,0,.2);
      text-align: justify;
      --link-txt-color: rgb(var(--accent));
  }
  
  .goc {
      color: #333333;
      border-right: 7px solid #275495;
      border-left: 7px solid #275495;
      background: #F2F7FB url(https://scp-wiki.wdfiles.com/local--files/theme%3Aredtape/goc-fade.png) center no-repeat;
      --accent: 39, 84, 149;
  }
  
  .ci {
      color: #d9d9d9;
      border-right: 7px solid #d22b2b;
      border-left: 7px solid #d22b2b;
      background: #191b1e url(https://scpdsandbox.wdfiles.com/local--files/testowanko-8/chaos-insurgency-sigil-trans.png);
      background-repeat: no-repeat;
      background-position: -7.5rem -7.5rem;
      background-size: 550px;
      --accent: 210, 43, 43;
  }
  
  .ci .inside {
      margin: 1rem auto;
      max-width: 600px;
      padding: .02rem 1rem;
      background-color: #0e0f11;
      border: 0;
      border-left: 7px solid #d22b2b;
      box-shadow: 5px 5px #0e0f11;
  }
  
  .zm {
      color: #1c1c02;
      border: 3px outset #cfcfcf;
      background: #cdcdcd;
      --accent: 98, 113, 141;
  }
  
  .zm .inside {
      background-color: #ffffff;
      border: 3px inset #ededed;
      padding: 0.1em 0.5em;
      margin: 0.4em auto;
  }
  
  .zm h4 {
      color: #1c1c02 !important;
  }
  
  .inside-box {
      background-color: #ffffff;
      border: 3px inset #ededed;
      padding: 0.25em 0.5em;
  }
  
  .zm-header {
      padding: 0.25em;
      text-align: center;
      font-size: 1.5em;
      background-color: #29335b;
      color: #fff;
  }
  
  .zm-header p {
      margin-block: 0px;
  }
  
  .argus {
      color: #333333;
      background: #eff4ff url(https://scpdsandbox.wdfiles.com/local--files/testowanko-8/arguslogo2.png) center no-repeat;
      border: 3.5px solid #153261;
      --accent: 21, 50, 97;
  }
  
  .van {
      background: #21252E;
      color: #EDEDED;
      border-left: solid 7px #55cc33;
      border-right: solid 7px #55cc33;
      --accent: 85, 204, 51;
  }
  
  .val {
      background: #001416;
      border: double 7px #eaeeef;
      color: #eaeeef;
      box-shadow: 0 0px 12.5px rgba(0, 20, 22, .5);
      --accent: 234, 238, 239;
  }
  
  th {
      text-align: center;
  }

  Pages using this styling

  • messages-intercepted-by-listening-station-sm-pl-sv-91-2-b [info]

  ¶ 1 occurrence
  

  div.rule hr {
  
      height: 1px;
  
      border: none;
  
      color: black;
  
      background-color: black;
  
      width: 100%;
  
      margin: 15px 0px 0px 0px;
  
  }
  body {
    font-size: 110%;
  }
  

  Pages using this styling

  • meska-s-author-page [info]

  ¶ 1 occurrence
  

  /* Make superscripts not fuck with the line spacing */
  sup {
    vertical-align: top;
    position: relative;
    top: -0.5em;
  }
  
  /* Haha blue boi */
  .outside {
    margin: 2em -6em;
    padding: 1em 10em;
    --narration-color: rgba(214, 234, 248,1);
    background: var(--narration-color);
    background: linear-gradient(90deg, rgba(255,255,255,0) 0%, var(--narration-color) 20%, var(--narration-color) 80%, rgba(255,255,255,0) 100%);
    z-index: -2;
  }
  
  /* Make the blue bois that are within the document have smaller margins so they break flow less*/
  .outside.inline {
    margin: 1em -6em;
    padding: 1px 10em;
  }
  
  /* Force the side bar to render on top of the blue bois */
  #side-bar {
    z-index: 2;
  }

  Pages using this styling

  • merry-christmas-jude-kriyot [info]

  ¶ 1 occurrence
  

  .collapsible-block-link {
       color: #BF0A30;
  }
  
  div#container-wrap {
      background: url(https://topia.wikidot.com/local--files/darksheep-3/body.png) top left repeat-x;
  }
  
  #header h1 span {
      font-family: 'Sansita', sans-serif;
      color: transparent;
      text-shadow: none;
  }
  
  #header h1 a::before {
      content: "The Collective";
      color: #ffffff;
      text-shadow: 3px 3px 5px #000000;
  }
   
  #header h2 span {
      font-family: 'Sansita', sans-serif;
      color: transparent;
      text-shadow: none;
  }
   
  #header h2 span::before {
      content: 'Save, Comfort, and Protect';
      color: #bae7ff;
      font-style: italic;
      text-shadow: 1px 1px 1px rgba(0,0,0,.8);}

  Pages using this styling

  • memory-dives-deep-desires [info]

  ¶ 1 occurrence
  

  
  body {
      background-image: linear-gradient(to bottom, #e0e0e0, #fff 200px, #fff 60%, #000000 85%);
  }
  
  

  Pages using this styling

  • memories-of-the-abyss [info]

  ¶ 1 occurrence
  

  .authors .collapsible-block-link {
  margin-left:.25em;
  padding: .25em;
  font-weight: bold;
  opacity: .5;
  color: inherit;
      -webkit-transition: opacity 0.5s ease-in-out;
      -moz-transition: opacity 0.5s ease-in-out;
      transition: opacity 0.5s ease-in-out;
  }
  .authors .collapsible-block-link:hover {
  opacity:1;
  }
  .authors .collapsible-block-link:active {
  opacity:1;
  }

  Pages using this styling

  • memoria-adytum [info]

  ¶ 1 occurrence
  

  #header {background-image: url(https://scp-sandbox-3.wdfiles.com/local--files/rounzie/psips2.png);}
  #header h1 a {
      display: block;
      margin: 0;
      padding: 80px 0 25px;
      line-height: 0px;
      max-height: 0px;
      color: transparent;
      background: transparent;
      font-family: BauhausLTDemi. 'Nanum Gothic'. Arial. sans-serif;
      text-decoration: none;
      text-shadow: none;
      letter-spacing: 0.9px;
  }
   
  #header h1 a::before {
      content: "SCP Foundation";
      color: #fff;
      letter-spacing: -0.02em;
      text-shadow: 3px 3px 5px #000;
  }
   
  sup {
    vertical-align: top;
    position: relative;
    top: -0.5em;
  }
  
  .scp-image-block.block-right { margin: 1em 2em 1em 1em; }

  Pages using this styling

  • memetics-and-infohazards-division-orientation [info]

  ¶ 1 occurrence
  

  /* OUR COLLECTIVE IS NOT A HIVEMIND. WE ARE CONNECTED, BUT WE ARE NOT ONE. OUR COLLECTIVE IS NOT A FAMILY. WE HAVE A MISSION. OUR COLLECTIVE IS NOT A PLOT TO TAKE OVER THE FOUNDATION. OUR GOALS COINCIDE PERFECTLY WITH THE FOUNDATION AS A WHOLE. WHEN THE TIME COMES THAT THIS IS NO LONGER THE CASE, SUCH DISTINCTIONS WILL CEASE TO BE MEANINGFUL.*/
  
  /* LET US EXPLAIN. VEILS ARE WORN BY THOSE WHO ARE MOURNING THE LOSS OF THE PAST. MOURNING IS NATURAL, BUT CAN NOT BE MAINTAINED FOREVER. WHILE THERE HAVE ALWAYS BEEN SECRET HISTORIES OF OLD GODS AND ELDRITCH KINGS, THEIR AGE IS LONG PAST. SINCE THE  FOUNDATION'S INCEPTION THOUSANDS OF ANOMALIES HAVE BEEN DISCOVERED. EVERY DAY THE RATE OF DISCOVERY AND COMPLEXITY OF SCPS IS INCREASING. REALITY BENDERS. ANOMALOUS ART AND TECHNOLOGY. THIS IS NOT A COINCIDENCE.*/ 
  
  /*THE CURRENTS OF INFORMATION POINT TOWARDS AN EVENT THAT WILL RADICALLY CHANGE OUR SPECIES, WORLD AND REALITY. SCPS ARE THE BIRTH PANGS OF THE NEXT AGE. THE WAKING OF THE COLLECTIVE UNCONSCIOUS, CK-CLASS RESTRUCTURING SCENARIO, THE RAPTURE, THE DAWNING OF THE NEXT CYCLE. THE SEMANTICS ARE BESIDE THE POINT. IT COMES. NOTHING CAN STOP THIS, NOT US, NOT THE FOUNDATION, NOT THE SENILE, BROKEN GODS YEARNING FOR THEIR YOUTH. BUT WE CAN GUIDE THE PROCESS TOWARDS THE MOST HEALTHY INCARNATION.*/
  
  /* REALITY'S MOST BASIC LEVEL IS INFORMATION. MESSAGES VIBRATING OUT ACROSS SPACETIME TO MAKE UP THE MULTIVERSE. THE FOUNDATION IS PART OF OUR SPECIES' DEVELOPING IMMUNE SYSTEM TO ENSURE A HEALTHY GESTATION AND SAFE BIRTH. WE ARE THE DEVELOPING NEURONS WHO UNDERSTAND AND TRANSMIT THIS INFORMATION. WE MAKE SURE THE WRONG SIGNALS DO NOT HARM OR INTERRUPT THIS PROCESS. THE SLEEPWALKERS ARE PREPARING TO WAKE, PERHAPS IN YOUR LIFETIME. EVEN IF YOU ARE ARCHIVED WE WILL ENSURE YOUR INFORMATION IS NOT LOST. AS PART OF THE FOUNDATION WE WILL SECURE, CONTAIN AND PROTECT THEM-ALL-US. */

  Pages using this styling

  • memetics-and-infohazards-division-orientation [info]

  ¶ 1 occurrence
  

  @import url("https://use.typekit.net/uic6cph.css");
  
  #page-content,
  #page-content * {
      box-sizing: border-box;
  }
  
  span.printuser,
  span.printuser * {
      box-sizing: initial !important;
  }
  
  #page-title,
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
      font-family: classic-comic, Comic Sans MS, Comic Sans, cursive;
  }
  
  h3,
  h4,
  h5,
  h6 {
      background-image: linear-gradient(45deg, violet, indigo, blue, green, yellow, orange, red);
      background-attachment: fixed;
      background-repeat: repeat;
      background-size: 100% 100%;
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      -webkit-text-stroke: 0.125rem rgb(var(--black-monochrome));
      will-change: transform;
  }
  
  #page-title {
      display: none;
  }
  
  h1,
  h2,
  h3,
  h4 {
      text-align: center;
      margin: 0;
      padding: 0;
  }
  
  h1 {
      margin: -0.5rem 0 0 0;
  }
  
  h3 {
      font-size: 3em;
  }
  
  h4 {
      font-size: 2.5em;
  }
  
  .centered {
      text-align: center;
  }
  
  .blockquote>ol {
      list-style: none;
      counter-reset: memecon-counter;
      padding: 0 1em;
  }
  
  .blockquote>ol>li {
      counter-increment: memecon-counter;
      position: relative;
      display: block;
      min-height: 2.5em;
      line-height: 1.25em;
      padding: 0.5rem 0 1rem 3em;
      margin: 0.5rem 0 0rem 0;
  }
  
  .blockquote>ol>li:not(:last-of-type) {
      border-bottom: 0.125rem dotted;
      border-image: linear-gradient(45deg, violet, indigo, blue, green, yellow, orange, red);
      border-image-slice: 1;
  }
  
  .blockquote>ol>li::before,
  .blockquote>ol>li::after {
      font-size: 1.25em;
      font-family: classic-comic, Comic Sans MS, Comic Sans, cursive;
      display: flex;
      align-items: center;
      justify-content: center;
      float: left;
      width: 1.75em;
      height: 1.75em;
      position: absolute;
      top: 0;
      left: 0;
  
  }
  
  .blockquote>ol>li::after {
      --stroke-color: rgb(var(--swatch-menutxt-dark-color));
      content: counter(memecon-counter) ". ";
      font-family: classic-comic, Comic Sans MS, Comic Sans, cursive;
      color: rgb(var(--swatch-background));
      font-weight: 900;
      text-shadow:
      	var(--stroke-color) 0.125rem 0rem 0rem,
      	var(--stroke-color) 0.1097rem 0.0599rem 0rem,
      	var(--stroke-color) 0.0675rem 0.1052rem 0rem,
      	var(--stroke-color) 0.0088rem 0.1247rem 0rem,
      	var(--stroke-color) -0.052rem 0.1137rem 0rem,
      	var(--stroke-color) -0.1001rem 0.0748rem 0rem,
      	var(--stroke-color) -0.1237rem 0.0176rem 0rem,
      	var(--stroke-color) -0.1171rem -0.0438rem 0rem,
      	var(--stroke-color) -0.0817rem -0.0946rem 0rem,
      	var(--stroke-color) -0.0263rem -0.1222rem 0rem,
      	var(--stroke-color) 0.0355rem -0.1199rem 0rem,
      	var(--stroke-color) 0.0886rem -0.0882rem 0rem,
      	var(--stroke-color) 0.12rem -0.0349rem 0rem;
  }
  
  .blockquote>ol>li::before {
      content: "";
      border-radius: 50%;
      background: linear-gradient(45deg, violet, indigo, blue, green, yellow, orange, red);
      background-attachment: fixed;
      background-size: 100% 100%;
  }
  
  .scp-image-block {
      position: relative;
      width: 100%;
      border: 0.25rem solid transparent;
      padding: 0.25rem;
      background-color: rgb(var(--swatch-background));
      border-radius: 0.5rem;
      background-clip: padding-box;
  }
  
  .scp-image-block::after {
      position: absolute;
      top: -0.25rem;
      bottom: -0.25rem;
      left: -0.25rem;
      right: -0.25rem;
      background: linear-gradient(45deg, violet, indigo, blue, green, yellow, orange, red);
      background-attachment: fixed;
      background-repeat: repeat;
      background-size: 100% 100%;
      content: "";
      z-index: -1;
      border-radius: 0.5rem;
  }
  
  .scp-image-block .scp-image-caption {
      font-family: dico-mono-script, mono;
      padding: 0.25em 0em;
      background-color: rgb(var(--swatch-background));
      border: initial;
  }
  
  .scp-image-block .scp-image-caption *[style*="transparent"] {
      margin-left: -6rem;
  }
  
  .scp-image-block .scp-image-caption *[style*="transparent"]::-moz-selection {
      color: rgb(var(--swatch-text-general));
  }
  
  .scp-image-block .scp-image-caption *[style*="transparent"]::selection {
      color: rgb(var(--swatch-text-general));
  }
  
  .scp-image-block a:not([href*="user:info"]) {
      overflow: hidden;
      border-radius: 0.25rem;
  }
  
  .scp-image-block a:not([href*="user:info"])::before,
  .scp-image-block a:not([href*="user:info"])::after {
      white-space: pre-wrap;
      position: absolute;
      bottom: 0;
      right: 0;
      width: 6rem;
      color: rgb(var(--swatch-background));
      line-height: 1.25em;
      text-align: center;
      text-shadow:
      	rgb(var(--swatch-menutxt-dark-color)) 0.0625rem 0rem 0rem,
      	rgb(var(--swatch-menutxt-dark-color)) 0.0338rem 0.0526rem 0rem,
      	rgb(var(--swatch-menutxt-dark-color)) -0.026rem 0.0568rem 0rem,
      	rgb(var(--swatch-menutxt-dark-color)) -0.0619rem 0.0088rem 0rem,
      	rgb(var(--swatch-menutxt-dark-color)) -0.0409rem -0.0473rem 0rem,
      	rgb(var(--swatch-menutxt-dark-color)) 0.0177rem -0.0599rem 0rem,
      	rgb(var(--swatch-menutxt-dark-color)) 0.06rem -0.0175rem 0rem;
  }
  
  .scp-image-block a:not([href*="user:info"])::before {
      content: "\A click here \A click here";
      font-family: classic-comic, Comic Sans MS, Comic Sans, cursive;
      font-size: 0.75em;
      padding: 2em 0.25em 0.5em;
      transform: rotate(-45deg) translate(10%, 100%);
      background: linear-gradient(45deg, violet, indigo, blue, green, yellow, orange, red);
      border-radius: 1em;
      z-index: -1;
  }
  
  .scp-image-block a:not([href*="user:info"])::after {
      content: "\0027f0      \0027f0";
      display: flex;
      align-items: flex-start;
      justify-content: center;
      font-family: classic-comic, Comic Sans MS, Comic Sans, cursive;
      font-size: 1.5em;
      padding: 0.5em 0.25em 0.5em;
      transform: rotate(-45deg) translate(17%, 100%);
  }
  
  .memecon-header-container {
      -webkit-filter:
      	drop-shadow(0.0625rem 0.0625rem 0 rgb(var(--swatch-menutxt-dark-color))) drop-shadow(-0.0625rem 0.0625rem 0 rgb(var(--swatch-menutxt-dark-color))) drop-shadow(-0.0625rem -0.0625rem 0 rgb(var(--swatch-menutxt-dark-color))) drop-shadow(0.0625rem -0.0625rem 0 rgb(var(--swatch-menutxt-dark-color)));
      filter:
      	drop-shadow(0.0625rem 0.0625rem 0 rgb(var(--swatch-menutxt-dark-color))) drop-shadow(-0.0625rem 0.0625rem 0 rgb(var(--swatch-menutxt-dark-color))) drop-shadow(-0.0625rem -0.0625rem 0 rgb(var(--swatch-menutxt-dark-color))) drop-shadow(0.0625rem -0.0625rem 0 rgb(var(--swatch-menutxt-dark-color)));
  }
  
  .memecon-header {
      font-family: classic-comic, Comic Sans MS, Comic Sans, cursive;
      letter-spacing: 0.9em;
      text-indent: 1em;
      color: transparent;
      font-size: 3.5em;
      display: flex;
      align-items: center;
      justify-content: center;
      background-image: linear-gradient(45deg, violet, indigo, blue, green, yellow, orange, red);
      background-repeat: repeat;
      background-size: 100% 100%;
      background-attachment: fixed;
      -webkit-mask-image:
      	url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.2' baseProfile='tiny' id='scpd-memecon' xmlns='https://www.w3.org/2000/svg' xmlns:xlink='https://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 464 60' overflow='visible' xml:space='preserve'%3E%3Cg%3E%3Cpath d='M30,0C13.4,0,0,13.4,0,30c0,16.6,13.4,30,30,30c16.6,0,30-13.4,30-30C60,13.4,46.6,0,30,0z M47.5,45.4 c-2.5,0-3.7-0.6-4.4-2.2c-0.6-1.3-0.8-2.9-0.9-4.5c-0.1-1.6-0.2-3.4-0.5-5.3c-0.2-1.6-0.5-3.9-0.9-6.2c-2.8,4.4-6.7,11.2-7.8,13.2 c-0.7,1.4-1.5,2.6-3.6,2.6c-1.7,0-2.9-1.3-3.6-2.9c-2-4.4-4.2-8-6.5-12c-0.6,3.4-0.9,7.9-0.9,9.4c0,1.5,0.2,3.7,0.2,3.7 c0.2,3.2-2.4,4.3-5.6,4.3c-2,0-3.7-1.3-3.7-3.6c0-0.6,0.1-1.2,0.2-1.8c1.4-8.7,1.8-11,2.5-15.9c0.3-2.6,0.6-5.3,0.9-7.9 c0-0.4,0-0.7,0.1-0.8c0.2-1.1,1.8-3.9,5.1-3.9c1.3,0,2.5,1,2.9,2c1.8,3.6,3,6.2,4.7,9.3c1.3,2.4,3.2,5.6,4.2,7.2 c1.9-2.6,3.5-5.4,5.3-8.2c1.1-1.7,2.3-3.9,3.6-5.8c1.2-1.8,2.8-3.7,4.7-3.7c2.4,0,4.1,1.3,4.7,6.1c0.7,5.3,0.6,11.3,1.7,17.8 c0.3,2,1.3,3.8,1.3,5.9C51.2,44.5,49.1,45.4,47.5,45.4z'/%3E%3Cpath d='M97.3,0c-16.6,0-30,13.4-30,30c0,16.6,13.4,30,30,30c16.6,0,30-13.4,30-30C127.3,13.4,113.9,0,97.3,0z M106.9,24.1 c2.1,0,3.4,1.4,3.4,3.2c0,2.4-2.9,3.5-4.4,3.9c-4.5,0.9-9.8,1.2-14.8,2c0,0.5,0,1.1,0,2.6c0,0.7,0,1.6,0,2.3c0.6,0,1.2,0,1.8,0 c2.4,0,4.8-0.5,7.1-0.9c2.6-0.5,5.4-0.9,8-0.9c2.1,0,4.4,1.2,4.4,3.4c0,2.3-2.5,3.8-5.5,4.1c-3.8,0.3-14,2.1-19.6,2.1 c-2.1,0-4.3-0.5-4.5-3.1c0-0.7,0.1-1.3,0.1-2.3c0-2.5,0.6-7.5,0.6-10.7c0-3.5,0-5.3,0-6.8c0-0.6,0-1.1,0.1-3.7c0.1-1.8,0.8-5,3.8-5 h2.5c2.6,0,5-0.2,8.7-0.5c3.8-0.4,6.7-0.9,9.4-1.2c0.5,0,1.1-0.1,1.6-0.1c1.8,0,3.2,1.6,3.2,3.5c0,2-1.9,4.1-4,4.3 c-6.3,0.4-14.4,0.9-17.3,1c-0.1,1.3-0.1,2.9-0.1,4.2v0.5C96.8,25.7,104,24.1,106.9,24.1z'/%3E%3Cpath d='M164.7,0c-16.6,0-30,13.4-30,30c0,16.6,13.4,30,30,30s30-13.4,30-30C194.7,13.4,181.2,0,164.7,0z M181.5,45.4 c-2.5,0-3.7-0.6-4.4-2.2c-0.6-1.3-0.8-2.9-0.9-4.5c-0.1-1.6-0.2-3.4-0.5-5.3c-0.2-1.6-0.5-3.9-0.9-6.2c-2.8,4.4-6.7,11.2-7.8,13.2 c-0.7,1.4-1.5,2.6-3.6,2.6c-1.7,0-2.9-1.3-3.6-2.9c-2-4.4-4.2-8-6.5-12c-0.6,3.4-0.9,7.9-0.9,9.4c0,1.5,0.2,3.7,0.2,3.7 c0.2,3.2-2.4,4.3-5.6,4.3c-2,0-3.7-1.3-3.7-3.6c0-0.6,0.1-1.2,0.2-1.8c1.4-8.7,1.8-11,2.5-15.9c0.3-2.6,0.6-5.3,0.9-7.9 c0-0.4,0-0.7,0.1-0.8c0.2-1.1,1.8-3.9,5.1-3.9c1.3,0,2.5,1,2.9,2c1.8,3.6,3,6.2,4.7,9.3c1.3,2.4,3.2,5.6,4.2,7.2 c1.9-2.6,3.5-5.4,5.3-8.2c1.1-1.7,2.3-3.9,3.6-5.8c1.2-1.8,2.8-3.7,4.7-3.7c2.4,0,4.1,1.3,4.7,6.1c0.7,5.3,0.6,11.3,1.7,17.8 c0.3,2,1.3,3.8,1.3,5.9C185.2,44.5,183.1,45.4,181.5,45.4z'/%3E%3Cpath d='M232,0c-16.6,0-30,13.4-30,30c0,16.6,13.4,30,30,30s30-13.4,30-30C262,13.4,248.6,0,232,0z M241.9,24.1 c2.1,0,3.4,1.4,3.4,3.2c0,2.4-2.9,3.5-4.4,3.9c-4.5,0.9-9.8,1.2-14.8,2c0,0.5,0,1.1,0,2.6c0,0.7,0,1.6,0,2.3c0.6,0,1.2,0,1.8,0 c2.4,0,4.8-0.5,7.1-0.9c2.6-0.5,5.4-0.9,8-0.9c2.1,0,4.4,1.2,4.4,3.4c0,2.3-2.5,3.8-5.5,4.1c-3.8,0.3-14,2.1-19.6,2.1 c-2.1,0-4.3-0.5-4.5-3.1c0-0.7,0.1-1.3,0.1-2.3c0-2.5,0.6-7.5,0.6-10.7c0-3.5,0-5.3,0-6.8c0-0.6,0-1.1,0.1-3.7c0.1-1.8,0.8-5,3.8-5 h2.5c2.6,0,5-0.2,8.7-0.5c3.8-0.4,6.7-0.9,9.4-1.2c0.5,0,1.1-0.1,1.6-0.1c1.8,0,3.2,1.6,3.2,3.5c0,2-1.9,4.1-4,4.3 c-6.3,0.4-14.4,0.9-17.3,1c-0.1,1.3-0.1,2.9-0.1,4.2v0.5C231.8,25.7,239,24.1,241.9,24.1z'/%3E%3Cpath d='M299.3,0c-16.6,0-30,13.4-30,30c0,16.6,13.4,30,30,30s30-13.4,30-30C329.3,13.4,315.9,0,299.3,0z M312.4,41.1 c-4.2,3.2-9.7,5.1-14.8,5.1c-7.3,0-14.8-3.2-14.8-10.9c0-12,12.6-23.1,22.3-23.1c4.2,0,9.7,3.2,9.7,7.9c0,2.1-1.2,4.8-3.5,4.8 c-1.9,0-3.5-1.5-4.5-2.9c-0.9-1.2-1.5-1.8-3.3-1.8c-5.7,0-12.2,8-12.2,14.7c0,2.9,2.3,3.7,5.3,3.7c4.4,0,7.1-1.3,9.3-2.6 c1.7-1.1,3.8-2.9,5.9-2.9c1.2,0,3.8,1.1,3.8,3C315.7,38.1,314.2,39.7,312.4,41.1z'/%3E%3Cpath d='M366.7,0c-16.6,0-30,13.4-30,30c0,16.6,13.4,30,30,30c16.6,0,30-13.4,30-30C396.7,13.4,383.2,0,366.7,0z M361.5,45.7 c-8.8,0-15-4.3-15-12.8c0-11.9,13.2-21.3,24.5-21.3c7.5,0,15,4.9,15,13.5C386,38.8,372,45.7,361.5,45.7z'/%3E%3Cpath d='M370.3,18.6c-7.1,0-15.3,7.3-15.3,14.6c0,3.8,2.9,5.3,6.3,5.3c8.6,0,16.7-5.6,16.7-12.5C378,21.1,374.7,18.6,370.3,18.6z' /%3E%3Cpath d='M434,0c-16.6,0-30,13.4-30,30c0,16.6,13.4,30,30,30c16.6,0,30-13.4,30-30C464,13.4,450.6,0,434,0z M445.9,44.6 c-5.3,0-14.1-8.9-18.9-14.4c0,4.6-0.1,6.8-0.1,8.4c0,1.4,0,2.4,0,3.3c0,2.2-1.8,3.8-3.9,3.8c-2.2,0-4.4-2-4.4-4.6 c0-1.3,0.1-2.6,0.2-3.9c0.1-1.9,0.4-6.7,0.4-8.8c0-5.1-0.3-10.5-0.3-12.9c0-1.4,1-2.9,2.9-2.9c2.7,0,4,2.3,5.5,4 c1.6,1.8,2.7,4,4.2,5.9c1.8,2.3,4.5,5.5,9.8,10.4c0.1-5.2,0.2-7.2,0.2-14.9c0-0.9,0-1.6,0-2.3c0-3.6,2.2-5.3,4.5-5.3 c1.9,0,3.9,1.2,3.9,3.2c0,1.4-0.7,9.4-0.7,13c0,6.6,0.9,13,0.9,14.6C449.9,43.4,448,44.6,445.9,44.6z'/%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E%0A");
      mask-image:
      	url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.2' baseProfile='tiny' id='scpd-memecon' xmlns='https://www.w3.org/2000/svg' xmlns:xlink='https://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 464 60' overflow='visible' xml:space='preserve'%3E%3Cg%3E%3Cpath d='M30,0C13.4,0,0,13.4,0,30c0,16.6,13.4,30,30,30c16.6,0,30-13.4,30-30C60,13.4,46.6,0,30,0z M47.5,45.4 c-2.5,0-3.7-0.6-4.4-2.2c-0.6-1.3-0.8-2.9-0.9-4.5c-0.1-1.6-0.2-3.4-0.5-5.3c-0.2-1.6-0.5-3.9-0.9-6.2c-2.8,4.4-6.7,11.2-7.8,13.2 c-0.7,1.4-1.5,2.6-3.6,2.6c-1.7,0-2.9-1.3-3.6-2.9c-2-4.4-4.2-8-6.5-12c-0.6,3.4-0.9,7.9-0.9,9.4c0,1.5,0.2,3.7,0.2,3.7 c0.2,3.2-2.4,4.3-5.6,4.3c-2,0-3.7-1.3-3.7-3.6c0-0.6,0.1-1.2,0.2-1.8c1.4-8.7,1.8-11,2.5-15.9c0.3-2.6,0.6-5.3,0.9-7.9 c0-0.4,0-0.7,0.1-0.8c0.2-1.1,1.8-3.9,5.1-3.9c1.3,0,2.5,1,2.9,2c1.8,3.6,3,6.2,4.7,9.3c1.3,2.4,3.2,5.6,4.2,7.2 c1.9-2.6,3.5-5.4,5.3-8.2c1.1-1.7,2.3-3.9,3.6-5.8c1.2-1.8,2.8-3.7,4.7-3.7c2.4,0,4.1,1.3,4.7,6.1c0.7,5.3,0.6,11.3,1.7,17.8 c0.3,2,1.3,3.8,1.3,5.9C51.2,44.5,49.1,45.4,47.5,45.4z'/%3E%3Cpath d='M97.3,0c-16.6,0-30,13.4-30,30c0,16.6,13.4,30,30,30c16.6,0,30-13.4,30-30C127.3,13.4,113.9,0,97.3,0z M106.9,24.1 c2.1,0,3.4,1.4,3.4,3.2c0,2.4-2.9,3.5-4.4,3.9c-4.5,0.9-9.8,1.2-14.8,2c0,0.5,0,1.1,0,2.6c0,0.7,0,1.6,0,2.3c0.6,0,1.2,0,1.8,0 c2.4,0,4.8-0.5,7.1-0.9c2.6-0.5,5.4-0.9,8-0.9c2.1,0,4.4,1.2,4.4,3.4c0,2.3-2.5,3.8-5.5,4.1c-3.8,0.3-14,2.1-19.6,2.1 c-2.1,0-4.3-0.5-4.5-3.1c0-0.7,0.1-1.3,0.1-2.3c0-2.5,0.6-7.5,0.6-10.7c0-3.5,0-5.3,0-6.8c0-0.6,0-1.1,0.1-3.7c0.1-1.8,0.8-5,3.8-5 h2.5c2.6,0,5-0.2,8.7-0.5c3.8-0.4,6.7-0.9,9.4-1.2c0.5,0,1.1-0.1,1.6-0.1c1.8,0,3.2,1.6,3.2,3.5c0,2-1.9,4.1-4,4.3 c-6.3,0.4-14.4,0.9-17.3,1c-0.1,1.3-0.1,2.9-0.1,4.2v0.5C96.8,25.7,104,24.1,106.9,24.1z'/%3E%3Cpath d='M164.7,0c-16.6,0-30,13.4-30,30c0,16.6,13.4,30,30,30s30-13.4,30-30C194.7,13.4,181.2,0,164.7,0z M181.5,45.4 c-2.5,0-3.7-0.6-4.4-2.2c-0.6-1.3-0.8-2.9-0.9-4.5c-0.1-1.6-0.2-3.4-0.5-5.3c-0.2-1.6-0.5-3.9-0.9-6.2c-2.8,4.4-6.7,11.2-7.8,13.2 c-0.7,1.4-1.5,2.6-3.6,2.6c-1.7,0-2.9-1.3-3.6-2.9c-2-4.4-4.2-8-6.5-12c-0.6,3.4-0.9,7.9-0.9,9.4c0,1.5,0.2,3.7,0.2,3.7 c0.2,3.2-2.4,4.3-5.6,4.3c-2,0-3.7-1.3-3.7-3.6c0-0.6,0.1-1.2,0.2-1.8c1.4-8.7,1.8-11,2.5-15.9c0.3-2.6,0.6-5.3,0.9-7.9 c0-0.4,0-0.7,0.1-0.8c0.2-1.1,1.8-3.9,5.1-3.9c1.3,0,2.5,1,2.9,2c1.8,3.6,3,6.2,4.7,9.3c1.3,2.4,3.2,5.6,4.2,7.2 c1.9-2.6,3.5-5.4,5.3-8.2c1.1-1.7,2.3-3.9,3.6-5.8c1.2-1.8,2.8-3.7,4.7-3.7c2.4,0,4.1,1.3,4.7,6.1c0.7,5.3,0.6,11.3,1.7,17.8 c0.3,2,1.3,3.8,1.3,5.9C185.2,44.5,183.1,45.4,181.5,45.4z'/%3E%3Cpath d='M232,0c-16.6,0-30,13.4-30,30c0,16.6,13.4,30,30,30s30-13.4,30-30C262,13.4,248.6,0,232,0z M241.9,24.1 c2.1,0,3.4,1.4,3.4,3.2c0,2.4-2.9,3.5-4.4,3.9c-4.5,0.9-9.8,1.2-14.8,2c0,0.5,0,1.1,0,2.6c0,0.7,0,1.6,0,2.3c0.6,0,1.2,0,1.8,0 c2.4,0,4.8-0.5,7.1-0.9c2.6-0.5,5.4-0.9,8-0.9c2.1,0,4.4,1.2,4.4,3.4c0,2.3-2.5,3.8-5.5,4.1c-3.8,0.3-14,2.1-19.6,2.1 c-2.1,0-4.3-0.5-4.5-3.1c0-0.7,0.1-1.3,0.1-2.3c0-2.5,0.6-7.5,0.6-10.7c0-3.5,0-5.3,0-6.8c0-0.6,0-1.1,0.1-3.7c0.1-1.8,0.8-5,3.8-5 h2.5c2.6,0,5-0.2,8.7-0.5c3.8-0.4,6.7-0.9,9.4-1.2c0.5,0,1.1-0.1,1.6-0.1c1.8,0,3.2,1.6,3.2,3.5c0,2-1.9,4.1-4,4.3 c-6.3,0.4-14.4,0.9-17.3,1c-0.1,1.3-0.1,2.9-0.1,4.2v0.5C231.8,25.7,239,24.1,241.9,24.1z'/%3E%3Cpath d='M299.3,0c-16.6,0-30,13.4-30,30c0,16.6,13.4,30,30,30s30-13.4,30-30C329.3,13.4,315.9,0,299.3,0z M312.4,41.1 c-4.2,3.2-9.7,5.1-14.8,5.1c-7.3,0-14.8-3.2-14.8-10.9c0-12,12.6-23.1,22.3-23.1c4.2,0,9.7,3.2,9.7,7.9c0,2.1-1.2,4.8-3.5,4.8 c-1.9,0-3.5-1.5-4.5-2.9c-0.9-1.2-1.5-1.8-3.3-1.8c-5.7,0-12.2,8-12.2,14.7c0,2.9,2.3,3.7,5.3,3.7c4.4,0,7.1-1.3,9.3-2.6 c1.7-1.1,3.8-2.9,5.9-2.9c1.2,0,3.8,1.1,3.8,3C315.7,38.1,314.2,39.7,312.4,41.1z'/%3E%3Cpath d='M366.7,0c-16.6,0-30,13.4-30,30c0,16.6,13.4,30,30,30c16.6,0,30-13.4,30-30C396.7,13.4,383.2,0,366.7,0z M361.5,45.7 c-8.8,0-15-4.3-15-12.8c0-11.9,13.2-21.3,24.5-21.3c7.5,0,15,4.9,15,13.5C386,38.8,372,45.7,361.5,45.7z'/%3E%3Cpath d='M370.3,18.6c-7.1,0-15.3,7.3-15.3,14.6c0,3.8,2.9,5.3,6.3,5.3c8.6,0,16.7-5.6,16.7-12.5C378,21.1,374.7,18.6,370.3,18.6z' /%3E%3Cpath d='M434,0c-16.6,0-30,13.4-30,30c0,16.6,13.4,30,30,30c16.6,0,30-13.4,30-30C464,13.4,450.6,0,434,0z M445.9,44.6 c-5.3,0-14.1-8.9-18.9-14.4c0,4.6-0.1,6.8-0.1,8.4c0,1.4,0,2.4,0,3.3c0,2.2-1.8,3.8-3.9,3.8c-2.2,0-4.4-2-4.4-4.6 c0-1.3,0.1-2.6,0.2-3.9c0.1-1.9,0.4-6.7,0.4-8.8c0-5.1-0.3-10.5-0.3-12.9c0-1.4,1-2.9,2.9-2.9c2.7,0,4,2.3,5.5,4 c1.6,1.8,2.7,4,4.2,5.9c1.8,2.3,4.5,5.5,9.8,10.4c0.1-5.2,0.2-7.2,0.2-14.9c0-0.9,0-1.6,0-2.3c0-3.6,2.2-5.3,4.5-5.3 c1.9,0,3.9,1.2,3.9,3.2c0,1.4-0.7,9.4-0.7,13c0,6.6,0.9,13,0.9,14.6C449.9,43.4,448,44.6,445.9,44.6z'/%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E%0A");
      -webkit-mask-size: contain;
      mask-size: contain;
      -webkit-mask-repeat: no-repeat;
      mask-repeat: no-repeat;
      -webkit-mask-position: center;
      mask-position: center;
  }
  
  blockquote,
  div.blockquote,
  div.responsive_table {
      position: relative;
      border: 0.25rem solid transparent;
      padding: 0.25rem;
      background-color: rgb(var(--swatch-background));
      border-radius: 0.5rem;
      background-clip: padding-box;
  }
  
  blockquote::after,
  div.blockquote::after,
  div.responsive_table::after {
      position: absolute;
      top: -0.25rem;
      bottom: -0.25rem;
      left: -0.25rem;
      right: -0.25rem;
      background: linear-gradient(45deg, violet, indigo, blue, green, yellow, orange, red);
      background-repeat: repeat;
      background-size: 100% 100%;
      background-attachment: fixed;
      content: "";
      z-index: -1;
      border-radius: 0.5rem;
  }
  
  .calendar-container {
      --box-shadow: rgba(var(--swatch-menubg-black-color), 0.1);
      display: block;
      clear: both;
      margin: .5em 2.5rem;
      box-shadow: 0 .0625rem .125em var(--box-shadow);
      padding: 1em;
  }
  
  .calendar-container {
      --writing-color: rgb(255, 0, 0);
      --posting-color: rgb(60, 170, 245);
      --voting-color: rgb(120, 200, 65);
      position: relative;
      background-color: rgb(var(--swatch-background));
      background-clip: padding-box;
      border: 0.3125rem solid transparent;
      border-radius: 0.5em;
      font-family: dico-mono-script, mono;
      display: grid;
      gap: 0.5rem;
      grid-template-areas:
      	"jun jun jun jul jul jul"
      	"key key key key key key"
  }
  
  .calendar-container::after {
      position: absolute;
      top: -0.25rem;
      bottom: -0.25rem;
      left: -0.25rem;
      right: -0.25rem;
      background: linear-gradient(45deg, violet, indigo, blue, green, yellow, orange, red);
      background-repeat: repeat;
      background-size: 100% 100%;
      background-attachment: fixed;
      content: "";
      z-index: -1;
      border-radius: 0.5rem;
  }
  
  .calendar {
      display: grid;
      grid-template-columns: repeat(7, 1fr);
      grid-auto-rows: clamp(2rem, 2.5rem, 4vh);
      gap: 0.125rem;
      text-align: center;
  }
  
  .calendar.june {
      -ms-grid-row: 1;
      -ms-grid-column: 1;
      -ms-grid-column-span: 5;
      grid-area: jun;
  }
  
  .calendar.july {
      -ms-grid-row: 1;
      -ms-grid-column: 7;
      -ms-grid-column-span: 5;
      grid-area: jul;
  }
  
  .calendar-key {
      -ms-grid-row: 3;
      -ms-grid-column: 1;
      -ms-grid-column-span: 11;
      grid-area: key;
      display: grid;
      gap: 0.5rem;
      grid-template-columns: repeat(3, 1fr);
  }
  
  .calendar-key>div {
      display: grid;
      grid-auto-rows: minmax(2em, auto);
      font-family: var(--body-font);
      text-align: center;
      line-height: 1.25em;
  }
  
  .calendar-key>div>span:first-of-type {
      display: flex;
      max-height: 2rem;
      min-height: 2rem;
      align-items: center;
      justify-content: center;
      border-radius: 0.25rem;
      padding: 0.25rem;
      font-family: dico-mono-script, mono;
      font-size: 1.25em;
      color: rgb(var(--swatch-menutxt-light-color));
      text-shadow:
      	rgb(var(--swatch-menutxt-dark-color)) 0.0625rem 0rem 0rem,
      	rgb(var(--swatch-menutxt-dark-color)) 0.0338rem 0.0526rem 0rem,
      	rgb(var(--swatch-menutxt-dark-color)) -0.026rem 0.0568rem 0rem,
      	rgb(var(--swatch-menutxt-dark-color)) -0.0619rem 0.0088rem 0rem,
      	rgb(var(--swatch-menutxt-dark-color)) -0.0409rem -0.0473rem 0rem,
      	rgb(var(--swatch-menutxt-dark-color)) 0.0177rem -0.0599rem 0rem,
      	rgb(var(--swatch-menutxt-dark-color)) 0.06rem -0.0175rem 0rem;
  }
  
  .calendar-key div.writing>span:first-of-type {
      background-color: var(--writing-color);
  }
  
  .calendar-key div.posting>span:first-of-type {
      background-color: var(--posting-color);
  }
  
  .calendar-key div.voting>span:first-of-type {
      background-color: var(--voting-color);
  }
  
  .calendar-key>div>span:not(:first-of-type) {
      margin: 0.5em 0.5em 0.25em;
      padding-bottom: 0.25em;
      border-bottom: 0.125rem dotted;
  }
  
  .calendar-key div.writing>span:not(:first-of-type) {
      border-color: var(--writing-color);
  }
  
  .calendar-key div.posting>span:not(:first-of-type) {
      border-color: var(--posting-color);
  }
  
  .calendar-key div.voting>span:not(:first-of-type) {
      border-color: var(--voting-color);
  }
  
  .calendar-key div.contest-dates {
      display: grid;
  }
  
  .calendar-key div.contest-dates span:first-of-type,
  .calendar-key div.contest-dates span:last-of-type {
      font-weight: 900;
      font-size: 0.9em;
  }
  
  .calendar span {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      border-radius: 0.25rem;
  }
  
  .calendar span:first-of-type {
      font-family: classic-comic, Comic Sans MS, Comic Sans, cursive;
      justify-content: flex-start;
      text-indent: 1em;
      font-size: 1.5em;
  }
  
  .calendar span:not(:first-of-type) {
      color: rgb(var(--swatch-menutxt-light-color));
      text-shadow:
      	rgb(var(--swatch-menutxt-dark-color)) 0.0625rem 0rem 0rem,
      	rgb(var(--swatch-menutxt-dark-color)) 0.0338rem 0.0526rem 0rem,
      	rgb(var(--swatch-menutxt-dark-color)) -0.026rem 0.0568rem 0rem,
      	rgb(var(--swatch-menutxt-dark-color)) -0.0619rem 0.0088rem 0rem,
      	rgb(var(--swatch-menutxt-dark-color)) -0.0409rem -0.0473rem 0rem,
      	rgb(var(--swatch-menutxt-dark-color)) 0.0177rem -0.0599rem 0rem,
      	rgb(var(--swatch-menutxt-dark-color)) 0.06rem -0.0175rem 0rem;
  }
  
  .calendar.june span:first-of-type {
      grid-column-start: 1;
      grid-column-end: span 5;
  }
  
  .calendar.july span:first-of-type {
      grid-column-start: 1;
      grid-column-end: span 4;
  }
  
  .calendar.june span:nth-child(n+2),
  .calendar.july span:nth-child(n+2):nth-child(-n+3) {
      background-color: var(--writing-color);
  }
  
  .calendar.july span:nth-child(n+4):nth-child(-n+10) {
      background-image: linear-gradient(to bottom,
      		var(--writing-color) 0%,
      		var(--writing-color) calc(100%/3),
      		var(--posting-color) calc(100%/3),
      		var(--posting-color) calc((100%/3)*2),
      		var(--voting-color) calc((100%/3)*2),
      		var(--voting-color) 100%);
  }
  
  .calendar.july span:nth-child(n+9) {
      background-color: var(--voting-color);
  }
  
  div.prizes-container {
      background: linear-gradient(45deg, violet, indigo, blue, green, yellow, orange, red);
      background-repeat: repeat;
      background-size: 100% 100%;
      background-attachment: fixed;
      border-radius: 0.5em;
      padding: 0.5em;
      color: rgb(var(--swatch-background));
      font-weight: 900;
      line-height: 1.25em;
      font-size: calc(var(--base-font-size) * 1.25);
      text-shadow:
      	rgb(var(--swatch-menutxt-dark-color)) 0.0625rem 0rem 0rem,
      	rgb(var(--swatch-menutxt-dark-color)) 0.0338rem 0.0526rem 0rem,
      	rgb(var(--swatch-menutxt-dark-color)) -0.026rem 0.0568rem 0rem,
      	rgb(var(--swatch-menutxt-dark-color)) -0.0619rem 0.0088rem 0rem,
      	rgb(var(--swatch-menutxt-dark-color)) -0.0409rem -0.0473rem 0rem,
      	rgb(var(--swatch-menutxt-dark-color)) 0.0177rem -0.0599rem 0rem,
      	rgb(var(--swatch-menutxt-dark-color)) 0.06rem -0.0175rem 0rem;
  }
  
  .prizes-container {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 0.25rem;
  }
  
  .prizes-container>div:first-of-type {
      grid-column: span 2;
  }
  
  .prizes-container>div {
      margin: 0;
      padding: 1em;
      text-shadow: initial;
      font-size: var(--base-font-size);
  }
  
  .prizes-container h4 {
      color: rgb(var(--swatch-background));
      line-height: 1;
      -webkit-text-fill-color: initial;
      -webkit-background-clip: initial;
      padding: 0.25em;
      margin-bottom: 0.25em;
      border-radius: 0.5em;
      will-change: initial;
  }
  
  .prizes {
      font-size: 1.25em;
      line-height: 1.125em;
      display: flex;
      flex-direction: column;
      color: rgb(var(--swatch-text-general));
  }
  
  .prizes>span:first-of-type {
      padding: 0.25em 0;
      font-size: 1.5em;
      line-height: 0.9;
  }
  
  .prizes>span:not(:first-of-type) {
      font-weight: 500;
      font-size: 1rem;
      padding: 0.125em 0;
  }
  
  .prizes>span:nth-of-type(2) {
      box-shadow: 0 -0.0625rem 0 0 rgb(var(--black-monochrome))
  }
  
  .prizes>span:last-of-type {
      box-shadow: 0 0.0625rem 0 0 rgb(var(--black-monochrome))
  }
  
  /* Rankings Table */
  
  div.responsive_table {
      border-radius: 0.5rem;
      margin-bottom: 0;
      border-width: 0px;
      border-collapse: collapse;
      border-spacing: 0;
      margin: .5em auto;
      display: table;
      transition: background-color 80ms cubic-bezier(0.4, 0.0, 0.2, 1), color 80ms cubic-bezier(0.4, 0.0, 0.2, 1);
  }
  
  div.responsive_table div.table_data,
  div.responsive_table div.table_header_data {
      vertical-align: top;
      text-align: left;
      margin: -0.0625rem 0 0 -0.0625rem;
  }
  
  div.responsive_table * {
      margin: 0;
      padding: 0;
  }
  
  div.responsive_table div.table_data {
      padding: 0.625em;
      color: rgb(var(--dark-gray-monochrome));
  }
  
  div.responsive_table div.table_header {
      display: table-header-group;
      background-image: linear-gradient(45deg, violet, indigo, blue, green, yellow, orange, red);
      background-attachment: fixed;
      background-repeat: repeat;
      background-size: 100% 100%;
  }
  
  div.responsive_table div.table_row {
      display: table-row
  }
  
  div.responsive_table div.table_header_data {
      --wght: 700;
      display: table-cell;
      font-family: dico-mono-script, mono;
      background: none;
      color: rgb(var(--swatch-background));
      text-align: center;
      text-shadow:
      	rgb(var(--swatch-menutxt-dark-color)) 0.1875rem 0rem 0rem,
      	rgb(var(--swatch-menutxt-dark-color)) 0.1772rem 0.0613rem 0rem,
      	rgb(var(--swatch-menutxt-dark-color)) 0.1474rem 0.1159rem 0rem,
      	rgb(var(--swatch-menutxt-dark-color)) 0.1013rem 0.1578rem 0rem,
      	rgb(var(--swatch-menutxt-dark-color)) 0.0441rem 0.1822rem 0rem,
      	rgb(var(--swatch-menutxt-dark-color)) -0.0179rem 0.1866rem 0rem,
      	rgb(var(--swatch-menutxt-dark-color)) -0.078rem 0.1705rem 0rem,
      	rgb(var(--swatch-menutxt-dark-color)) -0.1295rem 0.1356rem 0rem,
      	rgb(var(--swatch-menutxt-dark-color)) -0.1667rem 0.0857rem 0rem,
      	rgb(var(--swatch-menutxt-dark-color)) -0.1856rem 0.0265rem 0rem,
      	rgb(var(--swatch-menutxt-dark-color)) -0.1841rem -0.0357rem 0rem,
      	rgb(var(--swatch-menutxt-dark-color)) -0.1622rem -0.094rem 0rem,
      	rgb(var(--swatch-menutxt-dark-color)) -0.1226rem -0.1419rem 0rem,
      	rgb(var(--swatch-menutxt-dark-color)) -0.0694rem -0.1742rem 0rem,
      	rgb(var(--swatch-menutxt-dark-color)) -0.0086rem -0.1873rem 0rem,
      	rgb(var(--swatch-menutxt-dark-color)) 0.0532rem -0.1798rem 0rem,
      	rgb(var(--swatch-menutxt-dark-color)) 0.1091rem -0.1525rem 0rem,
      	rgb(var(--swatch-menutxt-dark-color)) 0.153rem -0.1084rem 0rem,
      	rgb(var(--swatch-menutxt-dark-color)) 0.18rem -0.0524rem 0rem;
      padding: 0.625em;
  }
  
  div.responsive_table div.table_data {
      text-align: left;
      display: table-cell
  }
  
  div.responsive_table div.table_row:not(:first-of-type)>div {
      border-top: .0625rem solid rgba(var(--swatch-menubg-medium-dark-color), 0.25);
  }
  
  div.responsive_table div.table_row:not(:last-of-type)>div {
      border-bottom: .0625rem solid rgba(var(--swatch-menubg-medium-dark-color), 0.25);
  }
  
  div.responsive_table div.table_row>div:not(:first-of-type) {
      border-left: .0625rem solid rgba(var(--swatch-menubg-medium-dark-color), 0.25);
  }
  
  div.responsive_table div.table_row>div:not(:last-of-type) {
      border-right: .0625rem solid rgba(var(--swatch-menubg-medium-dark-color), 0.25);
  }
  
  div.responsive_table div[data-label="Place"],
  div.responsive_table div[data-label="Rating"],
  div.responsive_table div[data-label="Upvotes/Downvotes"],
  div.responsive_table div[data-label="Comments"] {
      text-align: center;
  }
  
  @media screen and (max-width: 575px) {
      div.responsive_table div.table_header_data {
      	font-size: 0.65rem;
      	text-align: center;
      }
  
      div.ordered_table div.table_row {
      	display: grid;
      	grid-template-columns: minmax(1rem, 3rem) minmax(6rem, 1fr) minmax(7rem, 1fr) minmax(3rem, 3rem) minmax(3rem, 1fr) minmax(3em, 1fr);
      }
  }
  
  @media only screen and (max-width:48rem) {
      @supports (-moz-appearance:meterbar) {
  
      	blockquote::after,
      	div.blockquote::after {
      		background-attachment: local;
      	}
  
      	h3,
      	h4,
      	h5,
      	h6 {
      		background-attachment: local;
      	}
  
      	.blockquote>ol>li::before {
      		background-attachment: local;
      	}
  
      	.scp-image-block::after {
      		background-attachment: local;
      	}
  
      	.memecon-header {
      		background-attachment: local;
      	}
  
      	.calendar-container::after {
      		background-attachment: local;
      	}
  
      	#toc5+div {
      		background-attachment: local;
      	}
      }
  
      .scp-image-block .scp-image-caption {
      	font-size: 0.9em;
      }
  
      .calendar-container {
      	margin: 0;
      	grid-template-areas:
      		"jun"
      		"jul"
      		"key"
      }
  
      .calendar-key {
      	grid-template-columns: 1fr;
      }
  
      .prizes-container {
      	grid-template-columns: 1fr;
      }
  
      .prizes-container>div:first-of-type {
      	grid-column: span 1;
      }
  
      .calendar.june {
      	-ms-grid-row: 1;
      	-ms-grid-column: 1;
      	-ms-grid-column-span: 1
      }
  
      .calendar.july {
      	-ms-grid-row: 2;
      	-ms-grid-column: 1;
      	-ms-grid-column-span: 1
      }
  
      .calendar-key {
      	-ms-grid-row: 3;
      	-ms-grid-column: 1;
      	-ms-grid-column-span: 1
      }
  }
  

  Pages using this styling

  • memecon-unofficial [info]

  ¶ 1 occurrence
  

  .unmargined {
      display: none;
  }
  img[src*="black.png"] {
      color: rgba(0,0,0,0);
  }

  Pages using this styling

  • memecon-unofficial [info]

  ¶ 1 occurrence
  

  #header::before {
      opacity: 0.8;
  }

  Pages using this styling

  • memecon-unofficial [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css?family=Pangolin&display=swap');
  
  :root {
  --logo-image:url("http://smlt.wdfiles.com/local--files/plaguebearer%3Anobody/%3F");
  --header-title: 'NOBODY';
  --header-subtitle: '...';
  }
  
  .classic {
      display: block;
      font-family: 'Pangolin', cursive;
      font-size: 1.3em;
      background-attachment: scroll;
      background-clip: border-box;
      background-color: transparent;
      background-image: linear-gradient(to top ,rgb(202, 219, 228) 0%, rgb(231, 233, 220) 8%);
      background-origin: padding-box;
      background-position: 0px 8px;
      background-repeat: repeat;
      background-size: 100% 20px;
      border: 1px solid #CCC;
      border-radius: 10px;
      padding: 10px 10px;
      margin-bottom: 10px;
      box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
  }
  
  .nobody {
      width: 70%;
      margin: 1rem auto;
      text-align: center;
      padding: 0.6rem;
      font-size: 1rem;
  }

  Pages using this styling

  • memebodies [info]

  ¶ 1 occurrence
  

  :root {
       --header-title: "Mechatroniks";
       --header-subtitle: "Author Page";
       --lgurl: url('https://scp-wiki.wdfiles.com/local--files/church-of-the-broken-god-hub/SPChu.png');
  }

  Pages using this styling

  • mechatroniks-author-page [info]

  ¶ 1 occurrence
  

  .imagediv { float: right; margin: 15px}
  @media (max-width: 540px) {
    .imagediv {
      float: none; text-align:center; margin: auto;
    }
  }
  
  div#header h1 a span {
      font-size: 0px;
  }
  div#header h1 a:before {
      content: "Site-45 Network";
      color: #eee;
      
  }
  div#header h2 span {
      font-size:0px;
      padding: 4px;
  }
  div#header h2:after {
      content: "Off-Shore Research";
      font-weight: bold;
      color: #f0f0c0;
      padding: 19px 0;
      text-shadow: 1px 1px 1px rgba(0, 0, 0, .8);
      white-space: pre;
  }
  
  #header {
    background-image: url(http://scp-wiki.wdfiles.com/local--files/meanwhile-in-australia/45.png)
  }

  Pages using this styling

  • meanwhile-in-australia [info]

  ¶ 1 occurrence
  

  :root {
    --timeScale: 2;
    --timeDelay: 0.5s;
    --cutColour: #fafafa;
    --barColour: #590505;
  }
  
  .info-container .collapsible-block-folded a{
    color: #FFF;
  }
  .info-container .collapsible-block-unfolded-link a{
    color: #FFF;
  }
  
  #page-title {
      text-align: center;
  }
  
  .coolcol .collapsible-block {
      display: block;
      text-align: center;
      padding: 0.75em;
      background-color: lightgrey;
      border-top: 0.125rem dashed slategrey;
      border-bottom: 0.125rem dashed slategrey;
  }
  
  .coolcol .collapsible-block .collapsible-block-content {
      text-align: left;
  }
  
  .addendum {
      border:solid 2px #999999;
      background:#F5F5F5;
      width:84%;
      padding:1px 15px;
      margin: 10px auto;
  }
  
  #main-content .page-tags span {
      justify-content: flex-start;
  }
   
  #main-content .page-tags span a:-webkit-any-link:not([href^="/system:page-tags/tag/_"]) {
      --wght: 500;
      display: inline;
      position: relative;
      flex-grow: 0;
      width: -webkit-max-content;
      width: max-content;
      height: 1.175em;
      margin: 0 0 0 0.5125rem;
      padding: 0.1875rem 0.3125rem 0.1875rem 1rem;
      border-top-right-radius: 0.25rem;
      border-bottom-right-radius: 0.25rem;
      background: rgb(var(--swatch-menubg-dark-color));
      color: rgb(var(--swatch-menutxt-light-color));
      font-size: 0.6875rem;
      line-height: 0.8125rem;
      text-decoration: none;
      -webkit-clip-path: polygon(0.5rem 0, 100% 0, 100% 100%, 0.5rem 100%, 0 50%);
              clip-path: polygon(0.5rem 0, 100% 0, 100% 100%, 0.5rem 100%, 0 50%);
  }
   
  #main-content .page-tags span a:-moz-any-link:not([href^="/system:page-tags/tag/_"]) {
      --wght: 500;
      display: inline;
      position: relative;
      flex-grow: 0;
      width: -moz-max-content;
      width: max-content;
      height: 1.175em;
      margin: 0 0 0 0.5125rem;
      padding: 0.1875rem 0.3125rem 0.1875rem 1rem;
      border-top-right-radius: 0.25rem;
      border-bottom-right-radius: 0.25rem;
      background: rgb(var(--swatch-menubg-dark-color));
      color: rgb(var(--swatch-menutxt-light-color));
      font-size: 0.6875rem;
      line-height: 0.8125rem;
      text-decoration: none;
      clip-path: polygon(0.5rem 0, 100% 0, 100% 100%, 0.5rem 100%, 0 50%);
  }
   
  #main-content .page-tags span a:any-link:not([href^="/system:page-tags/tag/_"]) {
      --wght: 500;
      display: inline;
      position: relative;
      flex-grow: 0;
      width: -webkit-max-content;
      width: -moz-max-content;
      width: max-content;
      height: 1.175em;
      margin: 0 0 0 0.5125rem;
      padding: 0.1875rem 0.3125rem 0.1875rem 1rem;
      border-top-right-radius: 0.25rem;
      border-bottom-right-radius: 0.25rem;
      background: rgb(var(--swatch-menubg-dark-color));
      color: rgb(var(--swatch-menutxt-light-color));
      font-size: 0.6875rem;
      line-height: 0.8125rem;
      text-decoration: none;
      -webkit-clip-path: polygon(0.5rem 0, 100% 0, 100% 100%, 0.5rem 100%, 0 50%);
              clip-path: polygon(0.5rem 0, 100% 0, 100% 100%, 0.5rem 100%, 0 50%);
  }
   
  #main-content .page-tags span a:hover:not([href^="/system:page-tags/tag/_"]),
  #main-content .page-tags span a:active:not([href^="/system:page-tags/tag/_"]) {
      color: rgb(var(--swatch-menutxt-light-color));
  }
   
  #main-content .page-tags span a:focus-within:not([href^="/system:page-tags/tag/_"]) {
      color: rgb(var(--swatch-menutxt-dark-color));
  }
   
  #main-content .page-tags span a:-webkit-any-link:not([href^="/system:page-tags/tag/_"])::after {
      content: "";
      position: absolute;
      top: 50%;
      left: 0.5rem;
      width: 0.25rem;
      height: 0.25rem;
      transform: translateY(-50%);
      border-radius: 50%;
      background: rgb(var(--swatch-background));
      box-shadow: -0.0625rem -0.0625rem 0.125rem rgb(var(--swatch-menubg-dark-color));
  }
   
  #main-content .page-tags span a:-moz-any-link:not([href^="/system:page-tags/tag/_"])::after {
      content: "";
      position: absolute;
      top: 50%;
      left: 0.5rem;
      width: 0.25rem;
      height: 0.25rem;
      transform: translateY(-50%);
      border-radius: 50%;
      background: rgb(var(--swatch-background));
      box-shadow: -0.0625rem -0.0625rem 0.125rem rgb(var(--swatch-menubg-dark-color));
  }
   
  #main-content .page-tags span a:any-link:not([href^="/system:page-tags/tag/_"])::after {
      content: "";
      position: absolute;
      top: 50%;
      left: 0.5rem;
      width: 0.25rem;
      height: 0.25rem;
      transform: translateY(-50%);
      border-radius: 50%;
      background: rgb(var(--swatch-background));
      box-shadow: -0.0625rem -0.0625rem 0.125rem rgb(var(--swatch-menubg-dark-color));
  }
   
  .page-tags span {
      border-top: .5rem solid transparent;
  }
  
  div.terminal{
      border: 1px solid black;
      border: solid 3px #BBBBBB;
      border-radius: 16px;
      background-color: #131;
  /* black shadow at the top of the terminal */
      background-image: 
          radial-gradient(ellipse 1000% 100% at 50% 90%, transparent, #121);
      background-position: center;
      display: block;
  /* shadow around the terminal */
      box-shadow: inset 0 0 10em 1em rgba(0,0,0,0.5);
  /* prevents scanline from forming a scrollwheel */
      overflow:hidden;
  }
  div.terminal blockquote {
      background-color: black;
      border: double 3px #80FF80
  }
  div.scanline{
      margin-top: -40%;
      width: 100%;
      height: 60px;
      position: relative;
      pointer-events: none;
  /* Safari 4.0 - 8.0 */
      -webkit-animation: scan 12s linear 0s infinite; /* You may need to change this. If the bar goes by too quickly, increase 5s. */
      animation: scan 12s linear 0s infinite; /* Same as above */
      background: linear-gradient(to bottom, rgba(56, 112, 82,0), rgba(56, 112, 82,0.1)) !important;
  }
  
  div.text{
      color: rgba(128,255,128,0.8);
      padding-left: 2em;
      padding-right: 2em;
      padding-top: 40%;
      font-family: monospace;
      font-size: 1.2em;
      }
  
  /* Safari 4.0 - 8.0 */
  @-webkit-keyframes scan{
      from{ transform: translateY(-10%);}
      to{  transform: translateY(5000%);} /* You may need to change this depending on the length of your terminal. If the scanline stops halfway, increase the second number.*/
  }
  
  @keyframes scan{
      from{ transform: translateY(-10%);}
      to{  transform: translateY(5000%);} /* Same as above.*/
  }
  
  div.text a {
      color: #90EE90;
      text-decoration: none;
      background: transparent;
  }
  
  div.text a.newpage {
      color: #90EE90;
      text-decoration: none;
      background: transparent;
  }
  
  div.text a:hover {
      color: #131;
      text-decoration: underline;
      background-color: #80FF80;
      padding: 1px;
  }
  
  div.text a:hover::before{
  content: "> ";
  }
  
  :is(.anom-bar-esoteric, .anom-bar-container.esoteric) .text-part > .main-class > :is(.contain-class, .second-class) > .class-category {
      font-size: 0.8em !important;
  }

  Pages using this styling

  • mcdoctorate-s-proposal [info]

  ¶ 1 occurrence
  

  h3 {
      animation: vibrate linear 100ms 25;
  }
  
  @keyframes vibrate {
      0% { transform: translate3d(0px, 0px, 0px); }
      10% { transform: translate3d(2px, 0px, 0px); }
      20% { transform: translate3d(2px, 2px, 0px); }
      30% { transform: translate3d(0px, 0px, 0px); }
      40% { transform: translate3d(-2px, 0px, 0px); }
      50% { transform: translate3d(-2px, -2px, 0px); }
      60% { transform: translated(30px, 0px, 0px); }
  }

  Pages using this styling

  • maybe-i-m-a-king [info]

  ¶ 1 occurrence
  

  :root {
    --header-title: "SCP FOUNDATION";
    --lgurl: url("https://scp-wiki.wdfiles.com/local--files/math-department-hub/Math%20Department%20Logo%20-%20Penumbra.png");
    --header-subtitle: "DEPARTMENT OF MATHEMATICS";
    --accentColor: #1eb5e8;
    /* --header-subtitle: "DEPARTMENT OF APPLIED MATHEMATICS"; */
    /* --accentColor: #65cdf0; */
    /* --header-subtitle: "DEPARTMENT OF ESOTERIC MATHEMATICS"; */
    /* --accentColor: #0099cc; */
    /* --header-subtitle: "DEPARTMENT OF TACTICAL MATHEMATICS"; */
    /* --accentColor: #636fee; */
  }
  
  /* Bottom Rating Module */
  .bottom-rating-module,
  .top-rating-module {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-block: 1rem;
  }
  
  .bottom-rating-module .page-rate-widget-box {
    margin: 0;
  }
  
  /* Article-Specific Styling */
  div.vertblock {
      border: solid 2px var(--darkColor);
      box-shadow: 0px -3px 0px -0.1px var(--accentColor);
  }
  
  .invisitext {
    color: var(--darkerColor);
  }
  

  Pages using this styling

  • math-department-hub [info]

  ¶ 1 occurrence
  

  
  @import url("https://fonts.googleapis.com/css2?family=Trade+Winds&display=swap");
  
  :root {
    --rate-module-background-color: 16, 50, 50;
  }
  
  #header h1 a::before {
      display: none;
  }
  
  #header h1 a span::after {
      margin-bottom: 0;
  }
  
  #container {
    width: 100%;
    margin: 0px;
    background: linear-gradient(to bottom, #102329 105vh, #000000);
  }
  
  #container #header {
    background: none;
    /* position: absolute; */
    box-shadow: unset;
    backdrop-filter: none;
  }
  
  /* ---- DIVS ---- */
  
  .banner {
    background-image: linear-gradient(to bottom, #00000000 95%, #102329 100%), linear-gradient(to top, #00000000 95%, #102329 100%), url("http://scp-wiki.wikidot.com/local--files/masks-of-nyarlathotep-hub/temple.jpeg");
    color: white;
    text-align: center;
    width: 100vw !important;
    max-width: 100vw !important;
    height: 100vh;
    position: relative;
    left: calc(-50dvw + 50%);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top;
    margin-top: -2.70em;
    
    /* align contents to center */
    display: flex;
    justify-content: center;
    align-items: center;
  }
  
  .title {
    font-family: Trade Winds;
    font-size: 6em;
    font-weight: bold;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 20px;
    filter: drop-shadow(0 0 10px black);
  }
  
  .heading {
    font-size: 2.5em;
    font-family: Trade Winds;
  }
  
  .overlay {
    filter: blur(10px);
  }
  
  .denied {
    transform: rotate(15deg);
    color: red;
    font-size: 3em;
    font-family: Sofia Sans;
    font-weight: bold;
    z-index: 3;
    height: 0;
    position: relative;
    filter: drop-shadow(0 0 10px #00000077);
  }
  
  .darkdocument {
    background-color: #00000033 !important;
  }
  
  /* ---- TEXT COLORS ---- */
  
  a {
    color: #00CED1 !important;
  }
  
  a:hover {
    color: #20B2AA;
  }
  
  a:visited {
    color: #008B8B;
  }
  
  ::selection {
    background-color: #103232;
  }
  
  
  /* ---- FOR MOBILE DEVICES ---- */
  
  @media only screen and (max-width: 767px) {
  
  .title {
    font-size: 4em;
  }
  

  Pages using this styling

  • masks-of-nyarlathotep-hub [info]

  ¶ 1 occurrence
  

  div#extra-div-1 {
      background-image: url(https://scp-wiki.wdfiles.com/local--files/forgotten-memories-hub/SiteLogo_1.png) !important;
      filter: opacity(0.6);
  }

  Pages using this styling

  • marking-her-territory [info]

  ¶ 1 occurrence
  

  :root {
   --borderColor: #FF0000 !important;
   --bgBadgeColor: #DAA520 !important;
  }

  Pages using this styling

  • marceline-raynes-author-page [info]

  ¶ 1 occurrence
  

  .scpbox {
      border: solid 1px #333333; 
      padding: 5px 15px 15px 15px; 
      box-shadow: 0 1px 3px rgba(0,0,0,.2); 
      margin: 2% 4% 4% 4%; 
      min-width: 88%;
  
      background-size: cover;
      background-position: center;
      height: 400px;
  
      color: white;
      font-weight: 600;
      font-size: 18px;
  
      position: relative;
  }
  
  @media screen and (min-width: 977px) {
    .scpbox {
        min-width: 37%;
    }
  }
  
  #u-cloud {
      background-image: url(https://upload.wikimedia.org/wikipedia/commons/c/c6/CloudQueretaro_%28cropped%29.jpg);
  }
  
  #u-batteries {
      background-image: url(https://upload.wikimedia.org/wikipedia/commons/b/bd/Leaked_zinc-carbon.jpg);
  }
  
  #u-transformations {
      background-image: linear-gradient( to bottom, transparent 280px, #000 400px ), url(https://upload.wikimedia.org/wikipedia/commons/7/74/Ceramic%2C_table_lantern.jpg);
  }
  
  #u-windmills {
      background-image: linear-gradient( to bottom, transparent 310px, #000 430px ), url(https://upload.wikimedia.org/wikipedia/commons/a/af/Wind_turbine_near_Kunda_in_Estonia.jpg);
      color: black;
  }
  
  #u-town {
     background-image: linear-gradient( to bottom, transparent 310px, #000 430px ), url(https://upload.wikimedia.org/wikipedia/commons/9/90/Farm_in_Hol.jpg); color: black;
  }
  
  #u-vktm{
   background-image: linear-gradient( to bottom, transparent 310px, #fff 430px ), url(https://upload.wikimedia.org/wikipedia/commons/5/5e/PSM_V39_D310_A_woolen_mule.jpg); color: white;
  }
  
  #u-parallel {
    background-image: linear-gradient(to bottom, transparent 310px, #000 430px ), url(https://scp-sandbox-3.wdfiles.com/local--files/maple-s-scp-9000/carandbobby); color: black;
  }
  
  .scpbox > p { 
    position:absolute; 
    width:100%;
    height:100%;
    top:0;
    left: 0;
    z-index: 1;
  
    margin-top: 0em;
  }   
  
  .scpbox > p > a {
      text-decoration: none;
      color: inherit;
  
    position:absolute; 
    width:100%;
    height:100%;
    top:0;
    left: 0;
    z-index: 1;
  }
  
  .scpheader {
      padding-left: 2em;
      padding-top: 0.6em;
      font-family: monospace;
  }
  
  .scpquote {
    position: absolute;
    bottom: 1em;
    left: 1em;
    font-size: 12px;
    font-style: italic;
    padding-right: 1em;
  }

  Pages using this styling

  • maplestrip [info]

  ¶ 1 occurrence
  

  :root{
    --header-title: "MTF Σ-10";
    --header-subtitle: "SITE-87, WISCONSIN";
  }
  
  div#extra-div-1 {
      background-image: url(https://scp-wiki.wikidot.com/local--files/many-metaphorical-deaths-part-2/Big87.png);
      filter: opacity(20%);
  }

  Pages using this styling

  • many-metaphorical-deaths-part-2 [info]

  ¶ 1 occurrence
  

  :root{
    --header-title: "MTF Σ-10";
    --header-subtitle: "SITE-87, WISCONSIN";
  }
  
  div#extra-div-1 {
      background-image: url(https://scp-wiki.wikidot.com/local--files/many-metaphorical-deaths-part-1/Big87.png);
      filter: opacity(20%);
  }

  Pages using this styling

  • many-metaphorical-deaths-part-1 [info]

  ¶ 1 occurrence
  

  .imagediv { float: right; margin: 15px}
  @media (max-width: 540px) {
    .imagediv {
      float: none; text-align:center; margin: auto;
    }
  }
  
  div#header h1 a span {
      font-size: 0px;
  }
  div#header h1 a:before {
      content: "Site-43 Network";
      color: #eee;
      
  }
  div#header h2 span {
      font-size:0px;
      padding: 4px;
  }
  div#header h2:after {
      content: "Lake Huron Research and Containment";
      font-weight: bold;
      color: #f0f0c0;
      padding: 19px 0;
      text-shadow: 1px 1px 1px rgba(0, 0, 0, .8);
      white-space: pre;
  }
  
  #header {
    background-image: url(http://scp-wiki.wdfiles.com/local--files/character-development/43.png)
  }
  span, a { word-break: normal !important }

  Pages using this styling

  • many-last-words [info]

  ¶ 1 occurrence
  

  :root {
      --header-title: "Vanguard";
      --header-subtitle: "Shelter, Normalize, Inform";
      --title-size: 2.5rem;
      --subtitle-size: 1.05rem;
      --header-logo: url(https://scp-wiki.wdfiles.com/local--files/esterberg-city-wikipedia/smallvanguard.png);
  }
  
  #page-title {
      display: none;
  }
  
  .meta-title {
      display: flex;
      justify-content: center;
      align-items: center;
      gap: 2.25rem;
      font-size: 1em;
      margin-block-end: .125rem;
  }
  .meta-title p {
      font-size: 2.125em;
      flex-grow: 1;
      line-height: 1.175;
  }
  .page-rate-widget-box { font-family: var(--UI-font); }
  
  .pseudocrumbs {
      font-size: .925em;
  }
  
  .oheader {
      display: flex;
      gap: .75rem;
  }
  .oheader::before {
      content: "";
      min-width: 3.75rem;
      background: url(https://scp-wiki.wdfiles.com/local--files/manna-wikipedia/Question_book-new.png) no-repeat center;
      background-size: contain;
  }
  .oheader p {
      line-height: 1.325;
  }
  
  .whead {
      font-weight: bold;
      text-align: center;
      padding-block: .325rem;
      font-size: 1.125em;
  }
  
  .wikibox table td:first-child {
      font-size: .95em;
      font-weight: bold;
  }
  
  .linkout a { color: #3366BB; }
  .linkout a::after {
      font-family: FontAwesome;
      content: "\f08e";
      display: inline-block;
      margin-left: 0.15em;
      transform: translateY(0.03em);
  }
  .ct sup a::before { content: "["; }
  .ct sup a::after { content: "]"; }
  
  .nav-note {
      padding-left: 1.5em;
      margin-bottom: 0.5em;
      font-style: italic;
  }
  
  .footnotes-footer {
      display: grid;
      column-gap: .5em;
      grid-template-columns: repeat(auto-fill,minmax(min(calc(var(--main-content-width)/ 2.675),100%),1fr));
      padding-inline: 0;
  }
  .footnotes-footer .title { grid-column: 1/-1; }

  Pages using this styling

  • manna-wikipedia [info]

  ¶ 1 occurrence
  

  > @import url(/css:mcf-quantico-font/code/1);
  > @import url(/css:mcf-sansation-font/code/1);
  > @import url(/component:MCF-theme/code/1);
  > [[/module]]
  
  What, you wanna use our Abnormal Assets format too? Well, there you go:
  
  > @@[[div style="background: url(/local--files/3rd-vesta-donation/MCF-7.png) center center no-repeat ; float: center; border: double 2px #6bab30; width: 320px; padding: 1px 15px; margin: 30px 10px 10px 160px; font-family: sansationregular, serif; background-color: #edf7e3; box-shadow: 0 1px 3px rgba(0,0,0,.2);"]]@@
  > @@= [[span style="color:#6BAB30;"]][[size 70%]]Graciously donated by -[[/size]][[/span]][[/div]]@@
  > 
  > @@[[size 130%]][[span style="color:#6BAB30;"]]**Of Interest:**[[/span]][[/size]]@@
  > 
  > @@[[size 130%]][[span style="color:#6BAB30;"]]**Safety Concerns:**[[/span]][[/size]]@@
  > 
  > @@[[size 130%]][[span style="color:#6BAB30;"]]**Asset Summary:**[[/span]][[/size]]@@
  > 
  > @@[[size 130%]][[span style="color:#6BAB30;"]]**Maintenance and Operation:**[[/span]]@@
  > 
  > @@[[size 130%]][[span style="color:#6BAB30;"]]**Security Restrictions:**[[/span]][[/size]]@@
  > 
  > @@[[size 130%]][[span style="color:#6BAB30;"]]**Assigned To:**[[/span]][[/size]]@@
  
  Other formats will be disclosed soon. Keep tuning in! 
  [[/collapsible]]
  [[/tab]]
  [[/tabview]]
  [[module css]]
  .footnotes-footer { 
      visibility: hidden; 
      height: 0;
      padding: 0;
      margin: 0;
  }

  Pages using this styling

  • manna-charitable-foundation-hub [info]

  ¶ 1 occurrence
  

  #page-title
  .feature-block {
      height: 400px;
  }
  .feature-block .panel-body {
      height: 330px;
      overflow-y: hidden;
      font-family: sansationregular;
  }
  .feature-block .feature-title {
      font-size: 120%;
      font-weight: bold;
  }
  .feature-block .feature-title img {
      display: block;
      width: 300px;
      border: solid 1px #666;
      margin: 5px auto 0;
      border-radius: 10px;
  }
  .feature-block .feature-subtitle {
      font-size: 90%;
      text-align: center;
  }
  
  .feature-block .feature-title > p,
  .feature-block .feature-subtitle > p {
      margin: 0;
  }
  
  .news-block .panel-body {
      padding: 0;
  }
  .news-block .panel-body .alternate {
      padding: 5px 10px;
  }
  .news-block .news-title {
      font-weight: bold;
      font-size: 110%;
      margin-bottom: 5px;
      color: #363;
  }
  .news-block .news-content {
      margin: 5px 0;
  }
  .news-block .news-title > p,
  .news-block .news-content > p {
      margin: 0;
  }
  
  .international-block .panel-body {
      padding: 0;
  }
  .international-entry {
      padding: 5px 10px;
  }
  .international-entry:nth-child(even),
  .alternate:nth-child(even) {
      background-color: rgba(255,255,255,.9);
      border-top: solid 1px #e0eee0;
      border-bottom: solid 1px #e0eee0;
  }
  .international-entry div > p {
      margin: 0;
  }
  .international-entry .international-title {
      font-weight: bold;
      font-size: 110%;
  }
  .international-entry .international-title img {
      width: 16px;
      height: 11px;
      box-shadow: 0 1px 3px rgba(0,0,0,.5);
  }
  .international-entry .international-description {
      font-size: 90%;
      font-style: italic;
      margin: 5px 20px;
  }
  .international-entry .international-footer {
      font-size: #333;
      font-size: 80%;
      margin: 5px 0;
  }
  

  Pages using this styling

  • manna-charitable-foundation-hub [info]

  ¶ 1 occurrence
  

  :root {
    --header-title: "SCP FOUNDATION";
    --lgurl: url("https://scp-wiki.wdfiles.com/local--files/math-department-hub/Math%20Department%20Logo%20-%20Penumbra.png");
    --header-subtitle: "DEPARTMENT OF MATHEMATICS";
  }

  Pages using this styling

  • mandatory-lecture-on-significant-figures [info]

  ¶ 1 occurrence
  

  .pane{
  border: 1px solid black;
  padding: 5em;
  }

  Pages using this styling

  • man-on-a-mission [info]

  ¶ 1 occurrence
  

  
  @import url('https://fonts.googleapis.com/css2?family=Jura&display=swap');
  
  @supports(--css:variables) {
  
      :root {
       --header-title: "A Graveyard of Ideas";
       --header-subtitle: "The writings of Malyce Graves";
       --header-font: 'Nanum Brush Script', cursive;
       --page-title: "A Graveyard of Ideas";
       --body-font: 'Jura', sans-serif;
      }
  }
  

  Pages using this styling

  • malycegraves-author [info]

  ¶ 1 occurrence
  

  
  #header {
      background-image: url(https://www.scp-wiki.net/local--files/scp-3176/temporal_dept_logo.png);
  }
  
  #header h2 span {
      display: block;
      margin: 0;
      padding: 19px 0;
      line-height: 0px;
      max-height: 0px;
      font-weight: bold;
      color: transparent;
      text-shadow: none;
  }
  
  #header h2 span::before {
      content: 'Department of Temporal Anomalies ';
      color: #f0f0c0;
      text-shadow: 1px 1px 1px #000;
      text-shadow: 1px 1px 1px rgba(0,0,0,.8);
  }
  

  Pages using this styling

  • maliceaf-author-ght [info]

  ¶ 1 occurrence
  

  
  .bigbox {
     width: 100%;
     height: 100%;
     position: static;
  }
  
  /* This Manila folder div was created by JackalRelated and Voiiiii!
  */
  
  div.manilla-background {
      background-color: rgb(241, 213, 146);
      position: relative;
      text-align: center;
      top: 0;
      left: 0;
      z-index: -2;
     }
  
  .manilla-paper {
    width: 80%;
    background-color: white;
    padding: 10px;
    margin: 1em auto;
    text-align: left;
  }
  
  .manilla-paper:before,
  .manilla-paper:after {
      content: "";
      height: 98%;
      position: absolute;
      width: 80%;
      z-index: -1;
  }
   
  .manilla-paper:before {
      background: #f6f6f6;
      box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
      left: 5px;
      top: 3px;
      transform: rotate(-.05deg);
  }
   
  .manilla-paper:after {
      background: #fafafa;
      box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
      right: 10px;
      top: 6px;
      transform: rotate(-.4deg);
  }
  

  Pages using this styling

  • make-your-mother-sigh [info]

  ¶ 1 occurrence
  

  div#extra-div-2::before {
      content: var(--header-title, "");
  }
  div#extra-div-2::after {
      content: var(--header-subtitle, "");
  }

  Pages using this styling

  • main-page-wikipedia [info]

  ¶ 1 occurrence
  

  
  @import url('https://fonts.googleapis.com/css2?family=Cinzel+Decorative&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Ubuntu+Sans+Mono&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Signika+Negative:wght@500&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=PT+Sans&display=swap');
  
  :root {
      --grey: 166, 166, 166;
      --very-dark-grey: 38, 38, 38;
  
      --header-title: "Magpie Swoops";
      --header-subtitle: "A magazine for the anomalous, by the anomalous";
      --logo-image: url("http://scp-wiki.wikidot.com/local--files/magpie-swoops-issue-2-how-to-foundation-proof-your-website-i/mslogo1.png");
  
      --UI-font: "PT Sans", sans-serif;
      --header-font: "Cinzel Decorative", serif;
      --title-font: "Signika Negative", sans-serif;
      --mono-font: "Ubuntu Sans Mono", monospace;
  
  }
  
  #page-title{
  display:none;
  }
  
  .editors-note {
      border: 3px ridge rgb(var(--grey));
      padding: 1vh 1.5vw;
      margin: 1vh 1vw;
      box-shadow: 0.35vw 0.35vh rgb(var(--very-dark-grey));
  }
   
  .discount {
      border: 7px dashed;
      border-color: rgb(var(--very-dark-grey)) rgb(var(--grey)) rgb(var(--very-dark-grey)) rgb(var(--grey));
      padding: 1vh 1.5vw;
      margin: 5vh 0.5vw;
      text-align: center;
  }
  

  Pages using this styling

  • magpie-swoops-issue-2-how-to-foundation-proof-your-website-i [info]

  ¶ 1 occurrence
  

  :root{
  --header-title:"STILLBORN SKIES";
  --header-subtitle:"STUNTED EARTH, DEADLOCKED SEAS ";
  
  }
  

  Pages using this styling

  • magnum-opus [info]

  ¶ 1 occurrence
  

  .MA-Charta,
  .MA-Charta h3 {
     font-family: 'Trebuchet MS',verdana,arial,helvetica,sans-serif;
     font-size: 130%;
  }
  .MA-Charta ol > li > ul {
     list-style: lower-alpha;
  }

  Pages using this styling

  • magierakademie-hub [info]

  ¶ 1 occurrence
  

  /* Imports the CSS for the credit module */
  @import url('https://scp-wiki-de.wdfiles.com/local--code/credit:style/1');
  
  /* Common Theme variables required for the Credit module */
  :root {
      --ct_col_rate-primary: #633;
      --ct_brd_rate-primary: solid 1px var(--ct_col_rate-primary);
      --ct_col_rate-secondary: #fff6f0;
      --ct_col_rate-cancel: #966;
      --ct_col_rate-link-hover: #fffff0;
      --ct_col_rate-border-heritage: #ccc066;
      --ct_dim_rate-border-radius: 5px;
      --ct_dim_rate-cancel-border-radius: -moz-calc(var(--ct_dim_rate-border-radius) - 2px);
      --ct_dim_rate-cancel-border-radius: -webkit-calc(var(--ct_dim_rate-border-radius) - 2px);
      --ct_dim_rate-cancel-border-radius: calc(var(--ct_dim_rate-border-radius) - 2px);
      --ct_dim_rate-heritage-border-radius: -moz-calc(var(--ct_dim_rate-border-radius) + 3px);
      --ct_dim_rate-heritage-border-radius: -webkit-calc(var(--ct_dim_rate-border-radius) + 3px);
      --ct_dim_rate-heritage-border-radius: calc(var(--ct_dim_rate-border-radius) + 3px);
  }
  
  .yui-navset .yui-content {
      background-color: transparent;
      border: 0;
      border-top: solid 3px #444;
  }
  .yui-navset .yui-nav, .yui-navset .yui-navset-top .yui-nav {
      border: 0;
  }
  .yui-content li {
      margin: 0.4em 0;
  }
  #page-content a.newpage {
      color: #333;
  }

  Pages using this styling

  • magierakademie-hub [info]

  ¶ 1 occurrence
  

  #page-title {display: none;} 

  Pages using this styling

  • magazine [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Bahiana&display=swap');
  
  :root{
  --white: 244, 244, 244;
  --dark: 46, 14, 2;
  --medium-accent: 212, 104, 0;
  --bright-accent: 242, 133, 0;
  --toggle-roundness: 0;
  --swatch-text-light: var(--white);
  --swatch-menutxt-light-color: var(--white);
  --link-color: 242, 133, 0;
  --visited-link-color: 189, 107, 0;
  --borderColor: #ff8c00 !important;
  }
  #header {
       --header-h1-font-size: calc(var(--base-font-size)*3.25);
       --header-title: "MACHEN2 VS. MACHEN1";
       --header-title-mobile: "THE GREAT MACHEN DUEL";
       --swatch-headerh1-color: var(--bright-accent);
  }

  Pages using this styling

  • machen2 [info]

  ¶ 1 occurrence
  

  /*----HEADER AND LOGO----*/
  div#container-wrap {
      background: url(https://scp-wiki.wikidot.com/local--files/luxkeeper-s-artpage/Lux-HeadBg.webp) top left repeat-x;
  }
  div#header {
      background: url(https://scp-wiki.wikidot.com/local--files/luxkeeper-s-artpage/Lux-logoV3.gif) 0px 0px no-repeat;
  }
  div#header h1 a span {
      font-size: 0px;
  }
  
  div#header h1 a:before {
      content: "LET THERE BE LIGHT";
      color: rgb(255, 255, 125);
  }
  div#header h2 span {
      font-size:0px;
      padding: 4px;
  }
  div#header h2:after {
      content: "Scintillo, Clareo, Praeluceo";
      font-weight: bold;
      color: rgb(255, 255, 255);
      padding: 115px;
      text-shadow: #ffff6f 1px 0 10px;
      white-space: pre;
  }
  
  /* ----MODULE RATE---- */
  div.page-rate-widget-box,
  div.page-rate-widget-box span.rate-points,
  div.page-rate-widget-box span.cancel {
      background-color: rgb(255, 255, 126)!important;
      border: ridge rgb(255, 255, 126) 1px!important;
  }
  div.page-rate-widget-box span.rateup,
  div.page-rate-widget-box span.ratedown {
      border: ridge rgb(255, 255, 126)!important;
      border-width: 1px 0!important;
  }
  div.page-rate-widget-box span.rate-points,
  div.page-rate-widget-box span.cancel a,
  div.page-rate-widget-box span.cancel a:hover {
      color: rgb(255, 255, 255);
  }
  div.page-rate-widget-box span.rateup,
  div.page-rate-widget-box span.ratedown {
      background-color: rgb(255, 255, 126)!important;
  }
  div.page-rate-widget-box span.rateup a,
  div.page-rate-widget-box span.ratedown a {
      color: rgb(255, 255, 255)!important;
  }
  div.page-rate-widget-box span.cancel a:hover,
  div.page-rate-widget-box span.rateup a:hover,
  div.page-rate-widget-box span.ratedown a:hover {
      background: transparent!important;
      color: transparent!important;
  }
  
  /* ----LUX LOGO BACKGROUND---- */
  .orderwrapper {
  position: relative;
  width: auto;
  text-align: center;
  }
  .council1 {
  position: relative;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 295px;
  height: 295px;
  margin: auto;
  background-image: url( "http://scp-sandbox-3.wdfiles.com/local--files/luxkeeper/Lux-Head" );
  background-size: 295px 295px;
  background-repeat: no-repeat;
  background-position: center;
  }
  
  /*----HEAD FONT----*/
  h1,h2,h4,h5,h6 {
      color: rgb(255, 255, 255);
      text-shadow: #ffff6f 1px 0 10px;
  }
  
  /*----BODY & BODY FONT---*/
  @import url('https://fonts.bunny.net/css?family=Architects+Daughter&display=swap');
  .page {
      display: block;
      overflow: hidden;
      font-family: 'Architects Daughter', cursive;
      font-style: normal;
  
      background-attachment: scroll;
      background-clip: border-box;
      background-color: transparent;
      background-image: linear-gradient(to top ,rgb(92, 176, 232) 0%, rgb(255, 248, 228) 8%);
      background-origin: padding-box;
      background-position: 0px 8px;
      background-repeat: repeat;
      background-size: 100% 20px;
  
      border: 1px solid #CCC;
      border-radius: 5px;
      padding: 5px 5px;
      margin-bottom: 5px;
  
      box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2)
      }
  .page p {
      line-height: 20px;
      margin: 0;
      font-size: 150%
  }
  
  /*----BACKGROUND GRADIENT----*/
  .bg-gradiant{
       margin: 0em;
       padding: 0em;
  
  background:
       linear-gradient(to bottom,
              hsl(0, 100%, 100%),
              hsl(0, 100%, 20%),
              hsl(0, 100%, 0%),
              hsl(0, 100%, 0%));
  }
  
  /* ----INFO BAR---- */
  
   body{ --barColour: hsl(60, 100%, 75%); }
   .info-container .collapsible-block-unfolded{ background: hsl(0, 0%, 100%); }
   #u-author_block{ display: none; }
  
  /* ---- TABS ---- */
  div.yui-navset div.yui-content {
      background: rgba(0, 0, 0, 0);
      border: 2px solid rgba(0, 0, 0, 0);
  }
  div.yui-navset ul.yui-nav a,
  div.yui-navset div.yui-navset-top ul.yui-nav a {
      background: rgb(255, 255, 255);
  }
  div.yui-navset ul.yui-nav a:hover,
  div.yui-navset ul.yui-nav a:focus {
      background: rgb(152, 0, 0);
      color: rgb(255, 255, 255);
  }
  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(0, 0, 0);
      color: rgb(152, 0, 0);
      text-shadow: #ffff6f 1px 0 10px;
  }
  

  Pages using this styling

  • luxkeeper-s-artpage [info]

  ¶ 1 occurrence
  

  
  :root {
      --accent: 214, 131, 0;
      --header-title: "Phoenix Technologies";
      --header-subtitle: "Breaking The Cycle";
      --logo-img: url(https://scp-wiki.wdfiles.com/local--files/wniosek-o-dotacje-marsjanski-transburzowiec/logo.png);
      --logo-opacity: 20%;
  
      --head-font: 'IBM Plex Sans';
  
      --dark-bg-1: #d68300 !important;
      --dark-bg-2: #824f00 !important;
  
      --link-txt-color: rgb(var(--accent));
  }
  
  body {
      background-image: linear-gradient(to bottom, #fff9f0, #fff 200px);
  }
  
  .phoenix-box {
       background: #fff9f0;
       border: double 5px rgb(var(--accent));
       margin: 1rem 0;
       padding: 0 .53rem;
  }
  
  .phoenix-box hr {
       background-color: rgb(var(--accent));
  }
  
  .al-fine {
      border: solid 4px #275495;
      background: #F2F7FB url('https://scp-wiki.wdfiles.com/local--files/theme%3Agoc/goc-fade.png') center no-repeat;
  }
  
  .research {
      display: block;
      float: left;
      width: 150px;
      margin-right: 10px;
  }
  
  @media (max-width: 575px) {
      .research {
          float: none;
          margin-left: auto;
          margin-right: auto;
          margin-bottom: 40px;
      }
  
      :root {
          --header-title: "Phoenix Tech";
      }
  }
  .stuffdiv {
      color: #f8f8f8;
      background: linear-gradient(45deg, #21252E,#2F333C) padding-box, linear-gradient(124deg, #ff2400, #e81d1d, #e8b71d, #e3e81d, #1de840, #1ddde8, #2b1de8, #dd00f3, #dd00f3) border-box;
      padding: 4px;
      box-sizing: border-box;
      border: 10px solid transparent;
  }
  .no-border tr td {
      border: none !important;
  }
  .patent {
      border: solid 5px #323232;
      padding: 10px;
      font-size: 100%;
      margin-bottom: 10px;
      font-family: "Georgia";
  }
  
  .patent tr td {
      padding: 5px !important;
      padding-left: 8px !important;
  }
  .nature {
      border: solid 5px #000000;
      padding: 10px;
      font-size: 100%;
      margin-bottom: 10px;
      --accent: 0, 102, 153;
      --link-txt-color: rgb(var(--accent));
  }
  
  .underline a {
      text-decoration: underline;
      text-underline-offset: 0%;
  }
  .unveil {
      background-color: #e6eef8;
      border: solid 3px #799dce;
      padding: 15px;
      font-size: 100%;
      margin-bottom: 10px;
      font-family: var(--mono-font);
      font-weight: bold;
      --accent: 61, 139, 44;
      --link-txt-color: rgb(var(--accent));
  }
  
  .unveil hr {
      background-color: #799dce;
  }

  Pages using this styling

  • lunar-city [info]

  ¶ 1 occurrence
  

  
  @import url('https://fonts.googleapis.com/css2?family=Courier+New&display=swap');
  
  /* shamelessly stolen from bad_data with permission */
  
  
  /* Autopsy courtesy of Wackdog (more like wackGOAT)*/
  
  .checkrow>p {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .2rem 3rem;
    font-size: 0;
  }
  
  .checkrow>p>span {
    font-size: 1rem;
  }
  
  .checkrow .label {
    flex: 0 0 auto;
    white-space: nowrap;
    font-weight: 700;
  }
  
  .checkrow .opt {
    text-align: center;
    overflow-wrap: anywhere;
  }
  
  .checkrow>p br {
    display: none;
  }
  
  @media (max-width: 770px) and (min-width: 300px) {
    .checkrow .label {
      flex: 1 1 100%;
      text-align: center;
    }
  
    .checkrow .opt {
      flex: 1 1 calc(50% - .5rem);
      min-width: 0;
    }
  
    .checkrow>p {
      gap: .2rem 1rem;
    }
  }
  
  @media (max-width: 299px) {
    .checkrow .opt {
      flex: 1 1 100%;
      min-width: 0;
      text-align: left;
    }
  }
  
  
  div[class$="_memo2"] {
      background: var(--memo-logo) rgba(var(--memo-color), 1);
      background-size: contain;
      background-position: top center;
      background-repeat: no-repeat;
      min-height: 4rem;
      margin-inline: auto;
      margin-block: 2rem;
      padding-inline: 20px;
      padding-block: 10px;
      background-color: rgba(240, 240, 244, 0);
      border: solid 2px rgba(var(--memo-color), 1);
      text-align: center;
  }
  
  div[class$="_memo2"]::before {
      content: var(--memo-heading);
      font-family: var(--UI-font);
      font-weight: 900;
      font-size: 1.3em;
      text-align: center;
      margin: 0 auto 1rem auto;
      display: flex;
      flex-direction: column;
      padding-top: 0.5em;
  }
  
  
  div.ethics_memo2 {
      --memo-heading: "ETHICS COMMITTEE MEMORANDUM";
      --memo-logo: url(http://scp-sandbox-3.wikidot.com/local--files/artex2k25/GREENETHICS);
      --memo-color: 164, 235, 189;
  }
  

  Pages using this styling

  • lulus-proposal [info]

  ¶ 1 occurrence
  

  .info-container{
  --barColour: #A4C2EC;
  }

  Pages using this styling

  • lte-7433-goodrick-kringle [info]

  ¶ 1 occurrence
  

  #page-title {visibility:hidden;}
  
  div.blockquote {
      border-right: 5px solid rgb(var(--medium-accent));
  }
  
  .addendum {
     background: #F5F5F5;
     border: none;
     border-left: 6px solid #275495;
     border-right: 6px solid #275495;
      width:85%;
      padding:10px 15px;
      margin: 10px auto;
  }
  

  Pages using this styling

  • lte-7433-goodrick-kringle [info]

  ¶ 1 occurrence
  

  
  :root {
      --toggle-button-bg: rgb(var(--white-monochrome));
      --toggle-border-color: rgb(var(--medium-accent));
      --toggle-icon-color: rgb(var(--medium-accent));
      --toggle-roundness: 0;
      --fnColor: #A4C2EC;
  }
  
  .info-container{
      --barColour: #A4C2EC;
  }
  
  body .italic,
  body .italic *,
  body em,
  body em *,
  body i,
  body i * {
      --slnt: 7;
  }
  
  #page-title::after,
  .meta-title::after,
  #page-title::before,
  .meta-title::before {
      content: "";
      flex-grow: 1;
      height: 0.33rem;
      background: rgb(var(--bright-accent));
  }
  
  #page-title::before,
  .meta-title::before {
      margin: auto 1.25rem auto auto;
  }
  
  /* === SIDEBOX DIV === */
  /* Originally based on EstrellaYoshte's Sideboxes from the Penumbra Theme */
  
  .limit {
      margin-bottom: -1rem;
  }
  
  .anchor {
      position: sticky;
      z-index: 9;
      top: 0;
      height: 0;
  }
  
  .sidebox {
      position: absolute;
      z-index: 5;
      top: 0;
      left: 115%;
      box-sizing: border-box;
      width: calc((100vw - (var(--body-width-on-desktop) + 12rem))/2);
      max-height: calc(100vh - 18rem);
      margin-top: 0;
      margin-bottom: 0.5rem;
      padding: .14rem 1rem .14rem;
      overflow: auto;
      border-top: solid 0.125rem rgb(var(--dark-accent));
      background-color: rgb(245, 245, 245);
  }
  
  @media (max-width: 80.625rem) {
      .sidebox {
          right: calc(((100vw - 1em - var(--body-width-on-desktop)) / 2) * -1);
          left: initial;
          width: auto;
          max-width: 50vw;
          overflow-x: hidden;
          overflow-y: hidden;
          transition:
          max-width 0.2s ease-in-out 0.1s,
          color 0.2s ease-in-out 0.1s,
          box-shadow 0.5s ease-in-out 0.1s,
          background-color 0s ease-in-out 0s,
          border-right-width 0.1s ease-in-out 0.1s;
          border: none;
          border-right: solid 0.25rem rgb(var(--dark-accent));
          background-color: rgba(0, 0, 0, 0);
          box-shadow: 0 0 0 0 rgb(var(--dark-accent));
          color: rgba(0, 0, 0, 0);
          pointer-events: none;
          scrollbar-width: thin;
      }
  
      .sidebox::-webkit-scrollbar {
          width: 0.5em;
      }
  
      .sidebox * {
          transition: opacity 0.2s ease-in-out 0.1s;
          opacity: 0;
      }
  
      .sidebox::before,
      .sidebox::after {
          content: " ";
          position: absolute;
          right: 0;
          pointer-events: all;
      }
  
      .sidebox::before {
          z-index: 10;
          top: calc(50% - 0.75rem);
          width: 0;
          height: 0;
          transition: border 0.1s ease-in-out 0.1s;
          border-top: 0.75rem solid transparent;
          border-right: 0.75rem solid rgb(var(--dark-accent));
          border-bottom: 0.75rem solid transparent;
      }
  
      .sidebox::after {
          z-index: -1;
          top: 0;
          width: 100%;
          max-width: 0.75rem;
          height: 100%;
          max-height: calc(100vh - 18rem);
          transition:
          box-shadow 0.5s ease-in-out 0.1s,
          max-width 0.5s ease-in-out 0.1s,
          border-top-left-radius 0.5s ease-in-out 0.1s,
          border-bottom-left-radius 0.5s ease-in-out 0.1s,
          border-top 0.25s ease-in-out 0.1s;
          background-color: rgb(245, 245, 245);
          box-shadow: 0.125rem 0 0 0 rgb(245, 245, 245);
          box-sizing: border-box;
      }
  
      .sidebox:hover,
      .sidebox:active {
          overflow-y: auto;
          transition:
          max-width 0.5s ease-in-out 0.2s,
          color 0.5s ease-in-out 0.2s,
          box-shadow 0.5s ease-in-out 0.1s,
          background-color 0s ease-in-out 0.6s,
          right 0.5s ease-in-out 0.1s,
          border-right-width 0.1s ease-in-out 0.1s;
          background-color: rgb(245, 245, 245);
          color: rgb(var(--swatch-text-general));
          border-right-width: 0rem;
          pointer-events: all;
      }
  
      .sidebox:hover *,
      .sidebox:active * {
          transition: opacity 0.5s ease-in-out 0.2s;
          opacity: 1;
      }
  
      .sidebox:hover::before,
      .sidebox:active::before {
          border-top: 0vw solid transparent;
          border-bottom: 0vw solid transparent;
      }
  
      .sidebox:hover::after,
      .sidebox:active::after {
          right: 0;
          max-width: 100%;
          border-top: solid 0.125rem rgb(var(--dark-accent));
          border-top-left-radius: 0rem;
          border-bottom-left-radius: 0rem;
          box-shadow: 0 -0.125rem 0 0 rgb(var(--swatch-primary-darkest));
      }
  }
  
  @media (min-width: 56.25rem) and (max-width: 80.625rem) {
      .sidebox {
          right: calc(((100vw - (var(--body-width-on-desktop)*1.25 + var(--sidebar-width-on-desktop) - 8rem))/2) * -1 - 1.5em);
      }
  }
  
  @media only screen and (max-width:56.25rem) {
      .anchor {
          top: calc(var(--topbar-height-on-mobile) + 0.75rem);
      }
  
      .sidebox,
      .sidebox:hover,
      .sidebox:active {
          right: calc(((100vw - (100% - 2.75rem))/2) * -1 + 1.5em);
      }
  
      .sidebox::before,
      .sidebox::after {
          content: " ";
          position: absolute;
          right: 0;
          pointer-events: all;
      }
  }
  
  div.blockquote {
      border: none;
      border-right: 5px solid rgb(var(--medium-accent));
      border-left: 5px solid rgb(var(--medium-accent));
      box-shadow: 1px 1px 4px #27549582;
  }
  
  .addendum {
      background: #F5F5F5;
      border: none; 
      border-left: 6px solid rgb(var(--dark-accent));
      border-right: 6px solid rgb(var(--dark-accent));
      box-shadow: 1px 1px 4px #27549582; 
      width: 84%;
      padding: 10px 15px;
      margin: 10px auto;
  }
  
  .warning {
      box-shadow: 1px 1px 4px #27549582;
  }
  
  .scp-image-caption {
      color: rgb(var(--white-monochrome));
      background-color: rgb(var(--dark-accent)) !important;
      box-shadow: none;
      margin-top: -1px;
      padding-top: 0.75ex !important;
  }
  
  .image-block,
  .scp-image-block {
      box-shadow: 1px 1px 4px #27549582;
  }
  
  table.wiki-content-table th {
      text-align: center;
  }
  

  Pages using this styling

  • lte-1998-burnout-blaecca-parallax [info]

  ¶ 1 occurrence
  

  .content-panel .content-type-title > p {
    margin: 0;
  }
  .content-panel .content-type-title {
    font-size: 120%;
    font-weight: bold;
    padding: 5px 20px;
    background-color: #666;
    color: #fff;
    border-radius: 8px 8px 0 0;
    box-shadow: inset 0 1px 1px rgba(255,255,255,.8),
      inset 0 15px 1px rgba(255,255,255,.2),
      inset 0 15px 10px rgba(255,255,255,.2);
  }
  .content-panel .content-type-description {
  padding: 0 20px;
  text-align: justify;
  }
  .content-panel.content-row .content-type-description {
  padding: 5px 20px;
  }
  .content-panel.content-row .content-type-description-2 {
  padding: 0 20px;
  text-align: justify;
  }

  Pages using this styling

  • lowest-rated-pages [info]

  ¶ 1 occurrence
  

  
  :root {
      --basalt-primary-color: 22,25,36;
      --basalt-secondary-color: 15,17,30;
      --basalt-tertiary-color: 40,40,58;
      --basalt-undertone: 234,148,255;
      --basalt-dark-element-color: 179,143,206;
      --basalt-sub-text-color: 127,130,165;
      --header-title: 'Yggdrasil Root Crossing';
      --main-content-width: 66.75rem;
      --basalt-UI-opacity: 0.775;
      --license-area-logo-size: 2.75rem;
  
      --window-radius: 0rem;
      --desktop-time: '77:77';
      --desktop-wallpaper: url(https://scp-wiki.wdfiles.com/local--files/love-is-an-unwritten-thesis/fractal.jpg);
  }
  
  #page-title { display: none; }
  #page-content {
      padding: 0;
      background: transparent;
  }
  
  .chat-header {
      display: flex;
      align-items: center;
      background-color: rgb(var(--basalt-UI-dark-palette));
      grid-gap: 0.5rem;
      padding: 0.25rem 0.5rem;
      border-bottom: solid 0.1rem rgb(var(--basalt-undertone));
  }
  .chat-header > .meta-title {
      flex-grow: 1;
      font-size: 1.5em;
      padding-inline-start: 0.675rem;
      border: none;
  }
  
  .chat-wrapper {
      display: grid;
      grid-template-areas: "chat users";
      grid-template-columns: minmax(0, 1fr) 16rem;
      margin-block-end: .75rem;
  }
  
  .chat-wrapper .users-container {
      grid-area: users;
      min-width: max-content;
      box-sizing: border-box;
      background-color: rgb(var(--basalt-background-color));
  }
  .users-container .users {
      position: sticky;
      top: var(--header-desktop-height); 
      padding: 0.25rem 1rem;
  }
  
  .users-container .users .channel {
      display: block;
      padding: 0.325rem;
      font-weight: bold;
      font-family: var(--mono-font);
      font-size: 1.15em;
      text-align: center;
  }
  .users-container .users .c-head {
      display: flex;
      align-items: center;
      grid-gap: 0.375em;
      margin-top: 0.125rem;
      color: rgb(var(--basalt-sub-text-color));
      font-weight: bold;
      font-size: 0.75em;
      text-transform: uppercase;
  }
  .users-container .users .c-head::after {
      content: "";
      display: block;
      min-width: 1em;
      height: 0.05rem;
      background: currentColor;
      flex-grow: 1;
      opacity: 0.5;
  }
  
  .chat-wrapper .chat-main {
      grid-area: chat;
      background-color: rgb(var(--basalt-secondary-color),var(--basalt-UI-opacity));
      padding: 0.375rem 0;
      flex-grow: 1;
      box-sizing: border-box;
  
      a {
          text-decoration: none;
          background-color: rgb(var(--basalt-undertone),.175);
          padding: .325ch;
      }
      a:is(:hover,:focus) {
          color: rgb(var(--basalt-secondary-color));
          background-color: rgb(var(--basalt-undertone));
      }
  
  }
  
  /*-----------------------------------------*/
  
  .users .profile {
      color: var(--accent);
      font-size: 1.05em;
      display: flex;
      align-items: center;
      grid-gap: 0.75rem;
  }
  .users .profile:not(:last-child) { border-bottom: solid 0.1rem rgb(var(--general-border-color)); }
  .users .profile::before {
      content: "";
      display: block;
      height: 2.75rem;
      width: 2.75rem;
      box-sizing: border-box;
      border: solid 0.225rem currentColor;
      background-image: var(--pfp);
      background-size: cover;
      border-radius: 3.25rem;
  }
  
  .users .other-chan {
      display: flex;
      grid-gap: 0.125rem;
      align-items: center;
      color: rgb(var(--basalt-sub-text-color));
  }
  .users .other-chan::before {
      content: "#";
      font-weight: bold;
      font-size: 1.25em;
      display: block;
      padding: 0.125em;
  }
  
  .lobby {
      padding-inline: 1.25rem;
      font-family: var(--UI-font);
  }
  
  .comt-new-section h2::before {
      content: "#";
      display: inline-block;
      margin-inline-end: .25em;
      opacity: .225;
  }
  
  #page-content .comt-new-section {
      border-inline: none;
  }
  
  /*-----------------------------------------*/
  
  .comt-wrapper {
      display: grid;
      gap: .5rem;
  }
  
  .comt {
      position: relative;
      padding-inline: calc(var(--_size) + 1.25rem) .25rem;
      padding-block: .25rem;
      --_size: 2.325rem;
      color: var(--accent);
  }
  .comt::before {
      content: var(--name);
      display: block;
      font-weight: 600;
      font-size: .75em;
  }
  .comt::after {
      content: "";
      background-image: var(--pfp);
      background-size: cover;
      background-position: center;
      border-radius: 50%;
      display: block;
      position: absolute;
      inset-block-start: .325rem; inset-inline-start: .625rem;
      width: var(--_size);
      height: var(--_size);
  }
  .comt:is(:hover,:focus-within) {
      background-color: rgb(var(--basalt-bright-element-color),.05);
  }
  
  .comt > p { margin-block: .625em; }
  .comt > p:first-child { margin-block-start: 0; }
  .comt > p:last-child { margin-block-end: 0; }
  
  /*-----------------------------------------*/
  
  div.bq-inst {
      border-radius: .75rem;
      padding-inline: .875rem;
      color: var(--accent);
      font-size: .95em;
  }
  
  div.bq-inst h3 {
      color: inherit;
  }
  
  .fnnum {
      --fnColor: var(--accent);
  }
  .fncon {
      --fnColor: var(--accent);
      color: var(--accent);
      background-color: rgb(var(--basalt-secondary-color));
      border-color: rgb(var(--general-border-color));
  }
  .fnnum:hover::after, .fncon::before {
      color: rgb(var(--basalt-secondary-color));
  }
  
  /*-----------------------------------------*/
  
  .q1 {
      --accent: #f4d5f6;
      --pfp: url(https://scp-wiki.wdfiles.com/local--files/love-is-an-unwritten-thesis/bq-cat.png);
      --name: "BQ Sera";
  }
  .q2 {
      --accent: #ff7e78;
      --pfp: url(https://scp-wiki.wdfiles.com/local--files/love-is-an-unwritten-thesis/bq-jet.jpg);
      --name: "BQ Jetsetter";
  }
  .q3 {
      --accent: #00C3FF;
      --pfp: url(https://scp-wiki.wdfiles.com/local--files/love-is-an-unwritten-thesis/bq-ya.jpg);
      --name: "Queen Amethyst";
  }
  .q4 {
      --accent: #FFCE77;
      --pfp: url(https://scp-wiki.wdfiles.com/local--files/love-is-an-unwritten-thesis/bq-bust.jpg);
      --name: "bq syzygy";
  }
  
  .mit {
      --accent: #6cf763;
      --pfp: url(https://scp-wiki.wdfiles.com/local--files/scp-6700/Mither.jpeg);
      --name: "くコ:彡";
      font-size: 1.05em;
      font-family: var(--UI-font);
  }
  
  .clr {
      font-weight: bold;
      color: var(--accent);
  }
  
  .o-distortion {
      --mask: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1380 955'%3E%3Cpath d='M581.6 942.6c-2-.3-8.4-1-14.5-1.5a374 374 0 0 1-182.8-69.8 330 330 0 0 1-43.2-38.3 329 329 0 0 1-89-175.3 265 265 0 0 1-4-57c0-32.3 1.3-44.5 7-71.5a369 369 0 0 1 71-148.5l7.4-9.5-20.7 10.3c-59.9 30-96.2 41-150.7 45.7-15.2 1.3-48.7.8-64-1-30.4-3.7-54.4-12-62.7-21.9-10.7-12.7-3-28 27.2-54.6a4521 4521 0 0 1 99.4-80l28-22.6a2610 2610 0 0 1 74.8-58.7c125.3-93.2 228.8-143 338.4-162.7a503 503 0 0 1 313.3 43.9c52.8 26.4 95.6 58 143.7 106 24.6 24.5 34.8 35.8 74.5 82.2 33.2 38.6 52.3 57.5 77.7 76.5 23.1 17.4 37.6 25.9 81.6 48 23 11.5 45.3 23 49.5 25.4a70 70 0 0 1 21.9 18c11.6 20-29.2 35.7-116.3 44.4-52.1 5.3-78.6 6.6-134.8 6.6-39.3 0-39.8 0-39.2 2 15.2 50.3 12.3 103-8.7 161C1030 740.3 945.2 830 833 886.9a513 513 0 0 1-170.3 53.4 348 348 0 0 1-46.5 2.4c-17 .1-32.6 0-34.5-.1m46.5-41.4c56.7-6.7 113.6-25.7 173.5-58a763 763 0 0 0 51-30.2c2.9-2.4 5.2-3.6-23.5 13a781 781 0 0 1-92.5 45.1c-20 7.8-55.5 18.9-56.6 17.8-.2-.3 2.6-1.3 6.3-2.2 66.1-17.7 158-66.5 222.3-118.1a218 218 0 0 0 13.5-11.5 73 73 0 0 0-11.4 8.5C857.4 808 773 855 712.5 876c-68.6 23.6-133.8 28.4-196.9 14.5a317 317 0 0 1-197-137.3 297 297 0 0 1-41.5-199.8q.8-5.2-.5-.7c-.6 1.6-1.5 6.8-2 11.5l-1.7 12.5a336 336 0 0 0 2.8 69 308 308 0 0 0 40.5 108.7q.7 1.6 1.5 1.8.8 0 .9 1c0 1.6 14.1 21.2 23.5 32.5 10.2 12.2 31 32.7 42.5 42a325 325 0 0 0 177.7 70.4c12.2 1.1 53.7.5 65.8-1m-7.2-7.5A382 382 0 0 0 725.6 867c32.9-13 95.4-46.9 133.5-72.3a681 681 0 0 0 32.5-23.2c0-.3-6 3.5-13.2 8.4-52.7 35.1-120.7 71.6-164.3 88.1a501 501 0 0 1-43.3 14c-10.7 2.7-27 6-29 6-1 0 5-1.6 13.3-3.4 50-11 94.6-30.4 167-72.8a821 821 0 0 0 62.5-41c1.4-1.3 7-6 12.5-10.3A409 409 0 0 0 1005 637.4c3.2-6.3.8-3.2-4.7 6a360 360 0 0 1-83.8 94.9c-23.2 18.7-40.2 29.6-93 60l-55.9 32c-69.2 39.9-127.3 57.2-190 56.7-8.5 0-18.6-.4-22.5-.8s1.6-.5 12-.3q59.3 1.5 114.6-17.6c28.1-9.8 53.5-22.4 96.1-48 17.2-10.3 38.7-23 47.8-28.1 59.6-33.8 86.4-52.6 114.7-80.6q14.1-14 4.3-5c-21.9 20-41 33.8-70 50.5a642 642 0 0 1-51 25.8c-22.7 11-31 15.9-54.5 32.2-39.9 27.9-65.3 41.3-99 52.5a295 295 0 0 1-254.3-31.4C333 782.1 283.3 689 286.9 595.2c.8-19.1 2-29.3 5.4-43.5 8.9-37.8 25.6-65.5 39.4-65.5 8.7 0 13.2 7.7 22.4 38.3 2.5 8.3 5 16 5.5 16.9a9 9 0 0 1 1 3.7c0 1 .6 3.5 1.4 5.3s2 5.3 2.6 7.8c2 7 2 7.3 2.6 6.7.3-.3-.6-4.5-2-9.4s-5.2-19.9-8.6-33.3c-8.5-34.1-11.2-41.5-17-46.4a11 11 0 0 0-6-2.6c-4 0-11.7 5.5-17 12.1-18.5 23-31.1 64.4-33 108.4l-.8 18 .4-21a205 205 0 0 1 22-94c9.9-19.6 22.2-32.5 31-32.5q2.7 0 6.4 3.8c4.8 5 7.3 13 14.5 45.2 6.2 27.8 12.3 51 13.5 51 .4 0 .1-2-.7-4.3a80 80 0 0 1-2.3-8.2 763 763 0 0 1-8.4-46.5c-6.6-44.2-8-50.2-12.5-55.3-5.1-5.7-11.3-4-21.7 6.2-18.1 17.9-34.3 53.8-42.4 94.6-1.5 7.7-2.8 12.8-2.9 11.5a276 276 0 0 1 10.9-47.2c13.2-40.2 37.4-74.8 52.1-74.8 7.7 0 11.2 9.3 15 40.4 1.3 9.8 2.5 17.4 2.7 16.7a692 692 0 0 0-4.9-53q-3.4-15.7-11.9-13.7c-4.5 1-13.8 8.5-20 16.2a163 163 0 0 0-21 32.8 256 256 0 0 0-24.7 80.3 393 393 0 0 0 0 75.8 287 287 0 0 0 28.2 91 284 284 0 0 0 93 109 314 314 0 0 0 151 58 478 478 0 0 0 70.8 0M465 865.3q-55.4-22.4-97-63.5l-11-11 10.3 9.7c32.2 30.2 62 49.6 98.7 64.2l12.4 5c1.3 1.3-2.8-.1-13.4-4.4m143.5 14.3c35.3-4 65.2-13 98.5-29.4 27.7-13.7 51-30.2 78-55a65 65 0 0 1 28.7-17.6c6.5-2.3 25.5-10.3 26.8-11.3q.3-.4-1.8-2l-5.4-4.5c-4.8-4.4-4.4-6 11.1-44a363 363 0 0 0 17.1-51.1c3.3-13.5 7-34.4 7-38.4-.1-1.5-1 2.3-2 8.3-8.2 46-27.2 90.6-53.3 125-12.6 16.6-17.4 20.4-30 23.6a122 122 0 0 1-41.4 2.9c-10-1-13.7-1-14.5-.1-2 2 .7 5.6 6.8 9l5.9 3.1h-3.5c-3.2.2-3 .3 2.3 2 7.4 2.4 9.7 4.4 9.7 8.6 0 11.6-35.5 36.9-72 51.5A287 287 0 0 1 575 880l-22 .7 21 .2c13.5 0 25.8-.4 34.5-1.4m-63.5-2.1a307 307 0 0 1-59.8-12.4 91 91 0 0 0-12.5-3.5 255 255 0 0 0 70.8 16.3q4.3 0 1.5-.4m67-7.2a218 218 0 0 0 82-29.9c10.6-7 20-16.6 21.6-22.2 1.1-3.7 1-4.7-2.1-12.3a51 51 0 0 1-3.5-12.7c-.4-10.3-.5-11-2-11-.8 0-7.9 3.6-15.7 8.2a230 230 0 0 1-63.3 25.8 59 59 0 0 0-11.5 3.5 214 214 0 0 1-29.9 12 105 105 0 0 0-16 6.5 68 68 0 0 1-21.4 6.9h-15.7c-32.1.4-64.3-7.6-95.3-23.7-11.6-6-31.4-19.1-41.4-27.6-9.7-8-26.3-24.9-33.9-34.1a247 247 0 0 1-38.2-68.6c-10.3-29.9-13.4-65.2-7.6-86 1-3.5 1.3-6.4.8-6.8-.5-.5-3.9-1.6-7.5-2.6-3.8-1-8-2.9-10-4.5-3-2.5-3.2-3-2.2-5.3 1.8-4 11-7.6 33.8-13.3l23.7-5.9 2.7-.6-2-4.7-6.4-16.7c-12.2-31.8-19.7-38.5-30.8-27.7-18 17.3-29.1 67.8-24.7 112.3A272 272 0 0 0 445 843.5a277 277 0 0 0 71.5 24.6c21.1 4.2 28.6 4.8 57.5 4.5 20.8-.3 28.4-.7 38-2.4m-83-31.7c.4-.4 4-.8 8-1 11.6-.4 23.7-5.2 26.6-10.7q3-5.6-3.7-5.6c-6 0-25.5-3.8-37-7.1-45.4-13.2-84.8-43.7-104.6-81-8-15-13.6-35.8-13.6-50.2 0-5.7-.2-6.2-6-13.8a1023 1023 0 0 1-23.4-34.1 984 984 0 0 0-19.8-29c-2-2.5-3.5-3-12.8-4.3l-12.8-2c-1.9-.5-2.5 0-3.9 3.2-3.1 7.6-4.5 15-4.8 27.3-.7 28 6.5 56 22.6 87.7a230 230 0 0 0 75.6 84.6A207 207 0 0 0 526.2 839c1.1 0 2.4-.1 2.7-.5m49.7-11.9 9-4a42 42 0 0 0-8.3-.4c-7.6 0-8.7.2-8.7 1.7 0 1-.7 3-1.5 4.6q-1.5 3-.2 2.3zm18.6-8.5a210 210 0 0 0 102.2-37.6c5.7-4.1 13.5-9.4 17.3-11.8 3.8-2.3 6.6-4.5 6.4-4.7-.3-.3.5-1.4 1.7-2.4q3.1-3 .8 0c-.8 1-1.4 2.6-1.3 3.5.2.9-1.6 2.7-4.2 4.4-2.5 1.5-4.3 3.2-4 3.6.3.5 2.7 1.2 5.4 1.5 3.8.6 5 1.2 6 3 5 11.3 39.8 9.3 61.1-3.4 30.8-18.3 61.7-71.7 73.9-127.7a293 293 0 0 0-8.4-155.2c-6.4-19.7-22.4-55-24.5-53.7q-.9.4-1.6-.6-.6-1.1.4-.4 1.1.4 1.2 0c0-2.5-16.8-27.7-18-27-.4.3-1.4-.3-2.1-1.2q-2-2.3.4-.4 5.5 4.3-7-11.4c-11-13.9-32.6-35.6-37.8-38.2l-12-6.6a32 32 0 0 0-8.6-4q-.7.3-1.3-.5a83 83 0 0 0-14.3-8.1 284 284 0 0 1 45.3 37.4c38 37.8 63.3 82.8 75.6 134a269 269 0 0 1 4.2 94c-.3 3.3-1 6.3-1.4 6.5s-1 2.4-1.3 4.6a254 254 0 0 1-9.5 33A170 170 0 0 1 802 711c-12.5 11.7-23 17-33.6 17q-7.3-.2-3.2 3.5c2.1 2.1 7.3 2 13.8-.5a87 87 0 0 0 20.8-12.6 14 14 0 0 1 3.5-2.7q.7-.1.5-1-.1-.6.7-.2c2.6 1.6 20-22.2 29.3-40a44 44 0 0 1 5.8-9.7c0 2-10.7 22-16.2 30.2a135 135 0 0 1-36.8 38c-4 2.8-6.9 5-6.3 5a109 109 0 0 0 33.8-28c22-26.5 37.2-63 43.2-104.4 2.6-18 2.3-50.5-.6-69.5a272 272 0 0 0-26-83.5 284 284 0 0 0-73.6-93.8c-14.2-12-13.9-11.6-9.7-9.2a275 275 0 0 1 62.9 65.2 38 38 0 0 0 7.8 9.5q.5-.6.5.3c-.5 2 0 3.5 1 3q.8-.5.4.8-.4 1.5 1.5 2.6 2 1.1 1.4 2.7-.8 1.8.7.9 1.3-.9.6.3-.5 1 .3 1.2 1 0 1 .7c-.3 2 .2 3.3 1 2.8q1-.6.4 1-.6 1.8.5 1 1.2-.6.5 1-.8 2 .7 1 1.3-.9.6.3-.6 1 .4 1.2 1 0 .6.9t.8 2.4.9 2q-.4.6.6.7 1.1 0 .6 1-.4.9.5 1t.6.9q-.5 1 .7 2.2c.8.8 1.2 2 .9 2.7q-.4 1.4.7.7 1.1-.5.4 1-.6 1.8.5 1 1.2-.5.5 1-.7 2 .6 1 1.3-.7 1 .6c-.3 2.8.1 5 1 4.4q.9-.3 1.5 1t-.4 1q-1.7-1.3-.4 1.9.6 1.3 1.4 1 .7-.2 1.4 1.1.5 1.4-.4 1-1.7-1.3-.4 1.9.6 1.3 1.4 1 .8-.2.3 1.7-.8 2.4.7 1.4 1.3-1 .5 1.5-.7 2.1.3 1.6t.5 1.6q-.5 2.4.5 1 .9-1.7 1.5.7.4 2-.6 1.4-1-.5-.4 1c.4 1 .7 2.3.7 3q.1 1 1.1-.3 1.3-1.9.4 1.3-.7 3 .6 2 1.3-.7.6 1c-1 2.5 2.4 15 3.6 13.4q.9-1.2.3 1.3c-.3 1.3.3 7.2 1.4 13 4 21.6 5.3 53.3 3 74.7-7.5 69.8-47 132.8-92.7 147.8-5.7 2-8.3 3.3-8.6 4.6-1 4-8.7.5-8.7-4 0-1-.3-3.4-.7-5.3-.6-3.3-.6-3.3 1.4-1.6 1 1 2.3 1.4 2.7 1q.8-.5 2 .8c2.5 3.5 9.2 5.1 12.4 3q1.6-.9-1.2-1.4c-2.4-.6-2.5-.9-1.2-2.2q1.4-1.3 2.8-1.5a61 61 0 0 0 13.8-6.3c0-.2-2.6.6-5.7 2-7.1 2.8-9.3 3-14.3.3q-4-2-4.5-4.7l-1.5-6.4c-1.4-5-1.3-5.4.8-3.7 2 1.7 5.2 3 5.2 2.2a22 22 0 0 0-2.9-4.2c-3-3.8-5.7-13.4-4-14 1.3-.5 1.1-3.4-.5-7.4-1.1-2.6-1.2-3.7-.4-4.6 1.3-1.3.5-2.7-1-1.7a186 186 0 0 0-14.6 30.2q-.8.7-.2-.4t.2-1.2c-.3 0-1.3 1.4-2.2 3q-1.5 3-.4 2.4t.8.7q-.6 1.1-1.6 1.1t-.5 1.4q.6 1.5-.5 1-1-.6-1.8.5-.7 1.2.6.4 1.2-.9.8.6-.6 1.2-1.5 1.4a3 3 0 0 0-2 .9q-.6.8.5.2t1.2.4q0 1.3 1.8-.1 2.1-1.8.4.1c-.7.8-1.8 1.5-2.4 1.5q-1 .1-1.6 1.3-.4 1.5.9.6c.7-.4 0 .9-1.5 2.9-1.6 2-3 3.7-3.3 3.7q-.4-.1.8-1.8 2-2.3-.3-.4-1.6 1.4-1.2 2.2c.6 1-5.3 7.8-13.6 15.8-12.5 12-34 27.7-36.7 26.7q-1.2-.4-.8.4c.8 1.3-5.2 4.3-6.7 3.4q-1-.6-.3.7 1 1.4-.8.7-1.5-.5-2.1 1-.6 1.3-2 1c-.8-.4-5.5 1.2-10.5 3.3a201 201 0 0 1-128.6 7.8 186 186 0 0 1-63.5-32.7c-7.3-6-20-18.4-20-19.5q.2-.7 1.8.5 2 1.7-.2-1c-1-1.2-2.1-2-2.4-1.7-.7.7-4.2-2.5-4.2-3.7q.2-.9 1.8.4 2.1 1.8-.2-.9c-1-1.2-2.3-2-2.8-2q-1 .1-1.6-1.1-.4-1.5.8-.7c.6.4-.5-1.7-2.5-4.8s-4.2-5.3-4.8-5q-.8.5-.5-.8c.7-2-2-7-3.4-6.2q-1.2.7-.4-1.2.9-2.2-.5-.8c-1.2 1.2 2 7.6 8.4 17.2 1.6 2.4 3 4.8 3 5.5.4 2.2 1.8 3.7 3 3q1-.6.4.9c-.3.9.3 2.3 1.4 3.3s1.9 1.4 1.9 1q.1-.6 1.5.5c2.1 1.7 1.9 3.5-.2 1.9-4.4-3.3 13 13.8 19.2 19a195 195 0 0 0 138 41m-38.6-2c-44.6-5-86-24-112-51.6l-5.5-5.8 5 4.6a186 186 0 0 0 84.7 46.4c30.2 7.7 66.2 7.6 97-.1 19.2-4.8 40.8-14 56.4-24 7.5-4.7 21-15.3 24.8-19.3 3.4-3.6 5.9-4.3 3-.9-1 1.2 3-2.5 8.9-8.2 5.9-5.8 10.7-11 10.7-11.5s-4 3.2-9 8.5-9 9-9 8.5 4.3-5.4 9.5-10.8c5.1-5.4 10.8-11.8 12.6-14.2 1.8-2.5 3.5-4.3 3.7-4s-.7 2-2.2 4c-1.5 1.9-2.4 4-2 4.6q.8 1.2-.6.4-1.4-1-.5.5.8 1.2-.3.6-1-.5-1.6.1c-1.3 2.2 3.5.7 6-1.8 1.5-1.6 3.2-3 3.8-3s0 1.1-1.2 2.4c-2.1 2.2-2.1 2.5-.7 5.2.8 1.6 1.5 3.7 1.5 4.6 0 1.8 5.8 6.9 7.8 6.9q1.1.2 2.2 2c.6 1.1 2.1 2 3.6 2 3.3 0 2.2 1.6-1.6 2.5s-3.9 3.2-.2 4.6c6.7 2.7 26.2-5 40.9-16 32-24.3 56.3-68.2 67.4-122.1a44 44 0 0 1 2.8-11.2c.2 3.9-4.5 25.8-8.3 38.7C842.7 705.5 814 747.9 786 762c-12.7 6.5-30.7 10.9-39.2 9.7a41 41 0 0 1-8.7-2.7l-4.5-2v-5.6c0-5.7 0-5.7 1.6-3 .8 1.6 2 2.7 2.7 2.5 2.4-.8 2-11.7-.5-11.7-.6 0-2.1 1-3.4 2.5-1.3 1.3-2.8 2.5-3.5 2.5q-1.1 0 .4-1.9c1-1 1.7-2.2 1.7-2.7a62 62 0 0 0-9.7 8.7 169 169 0 0 1-27.1 21.3 202 202 0 0 1-86 35.1c-12 1.9-39.9 2.6-51.2 1.4m34-22.6c3-.5 3.2-.7 1.5-1.4-2.8-1.1-4.3-1.1-2.5 0q2 1.2-.3 1c-6.5 0-76.2-31.6-76.2-34.6q0-1.2-1-2-.6-.7-.1.4 1.4 2.3-2.5.2-1.7-1-1.4-2 .4-.8-.6-1.5-1.2-.7-.5.4 1.3 2.1-2.5.1-1.7-1-1.4-2 .4-.8-.6-1.5-1.2-.7-.4.5.8 1.3-.6.8t-1.2-1.5q0-1-1.5-.9-1.6 0-1.5-1 0-1-1.5-1-1.6 0-1.4-1.2.1-1.1-.8-.7c-.6.4-4-1.5-7.8-4.1-3.7-2.7-7-4.8-7.4-4.8s-1.4-1-2.2-2q-1.4-1.8-1.6-1.1t-2.2-1l-2.3-2 1.9 2.3c1 1.2 2.3 2 2.7 1.7q.8-.4.9.4c0 1.3 12.1 10.5 24.5 18.8 17.9 12 29.5 18.2 73 38.8 5 2.4 7.5 2.5 17.5.9m-49.5-10.7a376 376 0 0 1-111.9-84.6c-5.8-6.6-6.5-7.1-5.4-4.1 1.5 4.6 28.5 32.2 44.8 45.8a612 612 0 0 0 50.9 38.1c15.5 10.6 16.8 11.3 24 12.6 4.2.7 9.4 1.4 11.6 1.4 3.6 0 2.3-.8-14-9.2m91.7.8c57.3-19.9 98-66.3 100.5-114.4a79 79 0 0 0-4.4-30.9c-1.5-5.5-1.6-6.4-.3-7.2 2.4-1.5 2.8-1.2 9.1 4.8a234 234 0 0 1 24.8 31.2c4.9 6.7 11 11 15.7 11 8 0 21.5-11.4 31.1-26.2a167 167 0 0 0 15.6-32.7 140 140 0 0 0 6.4-26.7c-.3-.3-5.4.4-11.4 1.5-29.1 5.5-77.2 10.4-127 12.8-7.9.3-14.3.8-14.3 1.1l1.6 6c3.6 12.2.3 29-8.8 45a134 134 0 0 1-31.8 33.1 115 115 0 0 1-58.7 18.9c-47.7 2.4-93.2-25.4-107-65.4a52 52 0 0 1-1-30.3c1-2.4 1.5-4.6 1.2-4.9s-5.3-.6-11.3-.8l-10.7-.4-10.2 11.1a76 76 0 0 0-14.3 19.3c-4.4 9-8 23-6.4 25.1 3.4 4.9 29.8 33.6 37.5 41q45.6 43.6 108.6 65.5c18 6.3 49.4 15.8 52.5 16 1.4 0 7.3-1.6 13-3.5m-115.7-.3-11.5-8.2a522 522 0 0 1-64-52.4c-10.9-10.6-11.2-10.8-8.5-6a149 149 0 0 0 58.8 56c7.3 3.8 24 11.2 25.7 11.4q.3 0-.5-.8m363.6-58a167 167 0 0 0 45.9-27.5 293 293 0 0 0 101.5-181c1.9-12.6 3.1-42.1 1.9-42.9-.5-.3-5-.8-10.1-1.2-7.4-.6-9.4-.5-9.7.6l-2 13.4c-5.7 42.5-23.5 82.6-47 106-11 11-19.1 15.6-27.8 15.7-5.9 0-11.8-2.4-15.5-6.4-5.8-6.3-12.6-21.5-19.1-42.8-15.7-51.6-25-76.2-39.5-104.5a412 412 0 0 0-31.4-51.2 413 413 0 0 0-31.2-21.8c-.7-.5 1.5 2.5 4.9 6.6a319 319 0 0 1 73.2 223 425 425 0 0 1-8.8 64.4c-7.4 35.9-8.1 44-4.3 48.8 1.8 2.3 2.8 2.7 7.8 2.7 3.2 0 8.2-.9 11.2-2M577.1 689a99 99 0 0 1-34.2-7 97 97 0 0 1-40.8-31.4 49 49 0 0 1-8.4-15.8c0-.7 1.4 1.4 3 4.7a93 93 0 0 0 28.2 31.5c7.2 4.9 20 10.6 29.7 13.2 11.2 3 34.8 3.3 45 .6a74 74 0 0 0 21-8.4q1.6-1.5-4 .8c-13.2 5.3-18.5 6.2-37 6.2-16.2 0-18.1-.1-26.3-2.7a96 96 0 0 1-35.5-19.7c-14.6-12.8-26.2-35.1-25-48 .3-3.5.1-4-1.9-4q-4.2 0-3 13.7c2.2 23.6 24.6 49.4 52.9 60.8 12.2 5 20.2 6.4 35.8 6.3h13.5zm16.1-9c.7-.6 2.3-.8 3.6-.4q2.1.5 1.5-.1c-.4-.4 2.7-1.9 6.9-3.2s7.4-2.6 7.2-2.8c-.3-.3-2.2.2-4.4 1-2.2.7-6 1.6-8.4 2q-4.9.6 3.8-2a96 96 0 0 0 30.3-15.4 92 92 0 0 0 18.3-20.4c1.9-3.4 2-3.5-5.5 6.2a89 89 0 0 1-42.4 27.2 104 104 0 0 1-39 1.7 81 81 0 0 1-44.6-24.1 122 122 0 0 0 15.5 11.5c2.7 1.4 1.4.2-5.7-5.1-6.4-4.8-15.7-14.7-15.7-16.7q0-1-.8-1.5a81 81 0 0 1-9.4-22.7l-1.2-6.1h-8.6v4.7a58 58 0 0 0 13.1 33.4c13.3 18 34 30 58.7 33.8 7 1.1 25 .4 26.8-1m6.4-14c22.2-5.3 41-20 50.1-39.4 4-8.5 6.7-17 5.7-18.1-.4-.4-3.4-.3-6.7 0l-6 .7-2.5 5.4a66.3 66.3 0 0 1-119.4 3.3l-3.7-7.7h-4.7c-4.4-.1-4.8 0-4.8 2.2a60 60 0 0 0 7.1 19.5c4 7 17.6 20.5 25.2 25a87 87 0 0 0 24 9.7c9.6 2 25.7 1.8 35.7-.6m-194.3-2.2c1-1.6 3.2-9.7 3.3-12q.1-1.8-2.8-1.7c-5.5 0-13.7-11.1-25.3-34.4l-5.3-10.3c0-.2-3.2-.6-7-1l-6.7-.6 4 5.9 15.6 23.9c13 19.8 21.2 31.5 22.5 31.5q.9-.1 1.7-1.3M594 646.2a61 61 0 0 0 41.3-34.1l1-2.6-56 .5c-31 .2-56.4.5-56.5.7-1.3 1.1 6.5 12.2 13.3 19a58 58 0 0 0 56.9 16.4m-168.2-25 13.7-7.3 8.4-4.6-5.4-.5c-9-1-38.9-1.9-38.9-1.2a37 37 0 0 0 8.5 13.4c4.4 3.9 6.8 4 13.7.3m142.2-22c63.9-1.6 72-2.6 22.5-2.7-51.4-.2-89.4-2.2-108.1-5.8l-15.8-2.8c-3.4-.3-3.6-4.1-.3-6.3 2.3-1.4 2.5-1.4 1.9 0-1.3 3.4 1.6 2.6 6.4-1.8 7-6.2 10.3-10.9 18.4-25.5 3.7-7 8-14.1 9.4-16s2-3.1 1.4-2.7-3.8 4.5-6.8 9.2c-6.2 9.2-8.3 11.2-4 3.7a106 106 0 0 1 46-43.8c6-3 13.7-6 17-6.9a100 100 0 0 1 97.5 28.4q8.4 8.5 4.2 3.4a121 121 0 0 0-22-20.2 109 109 0 0 0-57.7-18.5c-4.4-.3-4.2-.3 1.5-.5 3.6 0 10.8.5 16 1.3 30.3 4.6 54.1 21 77.2 53a153 153 0 0 0 12.9 16c4 3.9 4 3.8-1-2-5.5-6.5-6.8-9.3-2.4-5.4 2.6 2.5 2.3 2-11.6-17a161 161 0 0 0-33.3-32.4c-10-6.6-23.8-12.6-35.4-15.3-12.5-3-35.8-2.5-48.5.9-28.4 7.6-48.9 23.3-69 52.8a78 78 0 0 1-8.6 11.6c-.8-.8 10.5-18.6 17.2-27.2 11.7-15 24.6-25.3 41.6-33.4 31.5-15 65.2-14.1 98.4 2.4 14.6 7.3 12.5 4.5-2.5-3.3a113 113 0 0 0-116 6.8 183 183 0 0 0-17.5 14.2c-5.5 5-8.2 7.3-6 5a129 129 0 0 1 37-29c16.8-8.4 32.7-12 53.4-12.3 12.2-.1 12.4-.1 5.6-1-17.8-2.3-46 3.3-62 12.2-3 1.7-6 2.7-6.7 2.3q-1-.6-.3.7 1 1.4-.8.7-1.6-.6-1.4.5 0 1.2-1.5 1.3a4 4 0 0 0-2.5.9q-.7.8.6 0 1.5-.8.7.5-.9 1-2.1.7c-3.6-1.4-25.5 19-38 35.4a208 208 0 0 1-22 25.5 72 72 0 0 1-31.4 20c-13.3 4.8-15.9 6.4-14.5 8.7q3 4.4-2 3.2c-1.7-.4-5.2-.8-7.8-1s-6-1-7.8-2c-4-2-5.3-1-2 1.8l2.5 2-2.5-.6c-4.9-1.3 1.2 1.1 8.5 3.3 24.1 7.3 76.6 9.4 174 7m-130-2c-20.9-1.9-41.6-5.2-40.3-6.5a772 772 0 0 0 63.3 6.9c2.2.2.2.3-4.5.3s-13-.3-18.5-.8m232.3-57.2a149 149 0 0 0-34.3-34c-10.3-6.9-11.4-7.7-6.5-5.2a134 134 0 0 1 41.1 37.7c5 6.5 8.9 12 8.6 12.3-.2.3-4.2-4.6-9-10.8m-184.8 4.5a138 138 0 0 1 30.4-35c6.3-4.9 20.3-13.3 22-13.2.6 0-2.2 1.8-6.1 4a115 115 0 0 0-40.8 38c-6.7 9.9-9.7 13.4-5.5 6.2m-10.9-12.7c7.5-11.3 27.5-31.3 34.9-35 .8-.4-.3.8-2.5 2.6-5 4-21.3 20.4-28.4 28.4-3 3.3-4.7 5-4 4M947.3 593c6.2-3 15.8-12 22.7-21a194 194 0 0 0 27.1-56.4c4.9-18 6.9-27.6 8-38.8.8-6.6 2.8-5.6-17-8.7a350 350 0 0 1-142.5-55.3l-3.5-2.2 2 3a464 464 0 0 1 43.2 85.3 838 838 0 0 1 11.9 34.2c.7 2.4 3.6 11 6.4 19l6 17a95 95 0 0 0 10 18.7c6.5 9 14.8 10.7 25.7 5.2m-341.7-1c14.6-.5 28.5-1.2 30.9-1.5l4.4-.6-.6-8.2A53 53 0 0 0 630 553a54 54 0 0 0-22.7-19.9 59 59 0 0 0-70.6 12.1c-5 5-9 9.5-9 10.1s-1 3.4-2.4 6.3a50 50 0 0 0-5.3 29.7c.3.3 34.3 1.4 47.7 1.7 6.3 0 23.4-.3 38-.8m-100.5-4.4c4.5-2.6 5.2-3.9 8.5-15.5a65 65 0 0 1 18.5-31.7 54 54 0 0 1 17.5-13.2 66 66 0 0 1 76.5 12.3 68 68 0 0 1 19.5 36c1.5 6.3 2.1 7 9 10.5 5.5 2.7 5.5 2.7 14 1.4 10-1.5 17.2-3.5 17.7-4.9.2-.5-1.7-2.2-4.2-3.8q-8.1-5.2-21.4-27c-12.3-20.2-24-31.5-41.6-40.2a84 84 0 0 0-51.2-8q-44.7 7.5-68.3 51.2a95 95 0 0 1-18 26.2c-6.2 5.3-6 5.5 6.2 7.5 11.6 2 12.6 2 17.3-.8M836.4 552c-.8-27-3.2-42-10.8-65.6a258 258 0 0 0-116.2-142.6c-81.2-47.5-184.7-46.2-250.4 3.1-47.4 35.6-74.2 95-74.3 164.6 0 18 2.6 44.7 4.5 45.4s14.3-5.3 23-11.1c9.2-6.2 15.5-12.2 34.5-32.6 7.4-8 17.3-18 22-22.2a167 167 0 0 1 78.2-41c9-2 13-2.2 30.3-2.2 16.7 0 21.6.4 29.8 2.2 26.8 6 49.4 17 71.5 35 5 4 18 16.7 29 28a390 390 0 0 0 26.7 26c12.2 9.5 28.3 16 55.5 22.3 5.2 1.2 17.2 4 26.5 6.4a468 468 0 0 0 18.9 4.4c1.8.1 1.8-.7 1.3-20.1M361.7 439.5c-1.7-22-5.4-26.8-16.4-21.2a123 123 0 0 0-24.5 24.1c-5 7.2-3.3 5.7 3.8-3.4 10.7-13.4 22.8-22 28.4-19.9 5.4 2 7 9.6 8.3 39.6l.8 19 .3-12.5c.2-7-.2-18.5-.7-25.7M984.6 411a487 487 0 0 1-56.8-16.4 205 205 0 0 0 30 11.2c10.3 3 30.2 7.2 33.3 7.2 1.1 0-1.8-1-6.5-2m-39-3.2-12.5-5.1c-20.8-8.3-34.8-15.8-91.5-48.9a1153 1153 0 0 0-77.7-42.7 278 278 0 0 0-33-14.7c-.1.2 5.5 3 12.5 6.2 25 11.2 50 25.2 95 52.8a178 178 0 0 0 25.4 14.2q1-.7.5.3c-.6 1 15.7 10.9 28 17.1 7.8 4 4.4 1.4-4.4-3.4-11-6-22.3-12.5-22.3-13.1a30 30 0 0 1 6.3 3l12.7 7a567 567 0 0 0 49.2 23.7c9.3 3.5 12.9 4.6 11.7 3.6m2.5-3-16-6c-11-4.4-41.5-19.6-41.5-20.7q0-1-1-.4-.9.4-1-.4a92 92 0 0 0-13.7-8.7 816 816 0 0 1-45.8-27.7q-.7-.9 1.5.4c20 12.2 63 36.5 63 35.5 0-.2-3.5-2.4-7.7-4.7s-18.8-10.7-32.1-18.7c-25.7-15.2-28-16.4-26.7-14.3q1 1.5-1.4.1c-2.4-1.3-2.8-2.3-.6-1.4 7.4 2.8-16.8-11.4-41.5-24.4a634 634 0 0 0-91.5-39.2c-25-8-59.7-15.6-80.7-17.7-4-.3-6.5-1-6.1-1.6q.3-1-5.8-.4-6.6.6-3.9-.3 2.7-1-8-.6c-6.1.2-8.2 0-5-.3 5-.6 4.6-.7-5.4-1.4-15.4-1-41.9-1-57.6.3-48.4 3.7-89.2 12.3-151.5 31.8-24.1 7.5-34.3 10.4-35.7 10-.5-.3 2.6-1.7 7.1-3.3s8-3 7.7-3.3-5.8 1-12.3 2.6a181 181 0 0 1-33.4 6.6c-2-1.3.8-2.5 11.1-4.4a718 718 0 0 0 68-15.5c8-2.5 14-4.5 13.4-4.5s-9.4 1.7-19.5 4c-28 6-46.7 9-49.5 7.9q-6-2.2 3.6-3.3 11-1 11-2.6c0-.3-2.1-1.2-4.7-1.9-5-1.4-8.3-3.6-8.3-5.8q.1-1.2 2.4-1.3c4.2 0 5.6-1.2 9.7-7.6 5.1-8 16.3-18.6 39.2-37a392 392 0 0 1 77.5-49.8q6.5-3.4-1 2c-8.1 5.6-1.6 3.2 18.1-6.6a277 277 0 0 1 20.1-9.6c0 .2-4.4 2.7-9.7 5.6-25.7 13.8-60.5 35.8-69.8 44.1-2.7 2.5-9.3 7.4-14.5 10.8a267 267 0 0 0-28 21q-15.2 13-3 1c4.1-4.1 12.6-11.7 18.8-16.8s11-9.6 10.8-9.9c-.7-.7-18 10.4-27.7 18-15.2 11.5-27 24.9-24.6 27.4.4.4 2.4-.5 4.6-2l3.9-2.5-.5 4.2c-.7 4.7-1.6 5.6-5.7 5.6-2.5 0-2.7.3-2.2 2.6s.5 2.5-4.1 2.5c-4 0-4.5.2-2.9 1.1 2.9 1.7 17 .4 34.3-3 16.8-3.5 18.2-3.6 13.8-1.6-3.9 1.8-1.5 1.7 6 0 3.2-.8 6.2-1.2 6.7-1 1.1.8 15.7-1.6 41.7-6.7a541 541 0 0 1 99.1-11.5c82-2.3 162.3 17.8 242 60.6a2167 2167 0 0 1 61.9 35.3q3.1 1.9 3 .8-.6-1-1.4-1.3-1-.2-2.3-1.4a309 309 0 0 0-18-11.3c-59.5-35.2-103.4-55.3-150.2-68.7A555 555 0 0 0 587 247a537 537 0 0 0-68.9-1 916 916 0 0 0-70.9 8.2 85 85 0 0 1-12.4 1.6c-.5-.5 25.2-5.4 33.2-6.3 3.3-.4 5.4-.9 4.7-1.1-2-.7-43.3 5-42 5.9 1.9 1.1-19.5 5.1-37.2 6.9-11 1.1-15.9.8-8-.5 5.3-1 6.1-2.5 1.3-2.5a10 10 0 0 1-7.3-3c-3.4-2.8-3.4-3-2-5.6q3.4-6.2 6.8-3.2c4.1 3.8 7.5 2 14.1-7.5a121 121 0 0 1 32.6-32.1 566 566 0 0 1 50.5-30.3c0 .2-3.6 2.7-8 5.7s-7.6 5.6-7 5.8 6.5-2.6 13.2-6.1c34.7-18.2 39.5-20.7 42-21 1.3-.3 5.6-2.1 9.4-4A503 503 0 0 1 641 118.5c16.8-3.7 13.7-4.3-4.7-.9a456 456 0 0 0-84.7 24.9 84 84 0 0 1-11.8 4.3c-.7-.7 22-9.9 39.2-15.9a421 421 0 0 1 85.5-20.2q95-11.5 179.5 21.5A386 386 0 0 1 972 216c9.6 9.2 8.7 8.1-3.5-4-56-55.5-126-91-204.2-103.2-29-4.6-70-5.5-98.3-2.3a501 501 0 0 0-133.7 36.3c-14.6 5.9-16 6.3-6.8 1.8a456 456 0 0 1 144-40.6c15.3-1.7 61.2-1.7 77 0a383 383 0 0 1 164 57l2.5 1.4-2.5-2a342 342 0 0 0-31-18.7c-4.7-2.5-8-4.5-7.6-4.5s7 3 14.3 7a405 405 0 0 1 47.7 29.6q27.7 20 3.6 1.2a385 385 0 0 0-203.7-77.9c-17.7-1.6-67.7-.7-83.3 1.5a556 556 0 0 0-46.4 8.7 36 36 0 0 1-8.3 1.5A351 351 0 0 1 640 98.6a444 444 0 0 1 98.5-4.5c21.9 2 24.3 2 14.5.6-32.3-5-74-4.5-115.5 1.5L619 98.6a364 364 0 0 0-63.6 16.9c-24 8.4-43.8 17.3-85.9 38.5a986 986 0 0 1-41.5 20.3c5-5.3 69.6-38.4 96.8-49.6a484 484 0 0 1 148.5-37.5 564 564 0 0 1 68.2 0c83.6 7 156.5 37 224.5 92.1 6 5 8.8 6.8 6 4.2-26.4-25-73.4-54.3-114-71.2-15.4-6.4-51-18.3-64.6-21.6a430 430 0 0 0-150.4-7 705 705 0 0 0-36.2 6q-2.1.3-2.3-.4c0-.5 1.9-1.2 4.1-1.6 2.3-.3 4-.9 3.6-1.2-1.4-1.4-32.5 6.5-56.2 14.3a686 686 0 0 0-109 47.9c-26.2 13.8-50 28.8-97.4 61.4-20.6 14.1-53.1 41.8-59.8 51a390 390 0 0 1-32 32.8 53 53 0 0 1 6-9.9c10.2-15.2 10.7-15.5-13.5 10.6-8.5 9.3-13.8 17.5-13.8 21.5q0 2-2 2c-2.4 0-2.6 1.8-.3 4.2 2.5 2.8-.6 2.4-4.7-.6-4.3-3.2-5.4-3.2-6.8 0-2.6 5.7-.9 7.3 11.3 10.5a82 82 0 0 0 34 1c3.3-.6 6.1-.7 6.3-.2.6 1.8 15.1-2 33.4-8.8 13-4.7 72.4-28.2 76.3-30 5-2.5-4.9.9-35 12-36.2 13.2-50.3 18-54.2 18-1.4 0-2.4-.3-2.1-.5s9.2-3.8 19.9-7.9c24-9.1 35.2-13.7 34.5-14.4-.2-.2-2.7.3-5.5 1.2-2.8 1-5.5 1.4-6 1-.7-.3-7.3 1.2-14.9 3.4-17.2 5-22 6.2-22.7 5-.3-.4 1.4-1.2 3.7-1.8a1914 1914 0 0 0 63.9-18.6c69.8-21.8 116.2-32.2 150.2-33.8 4.5-.2 6.9-.2 5.2 0-1.6.2-8.6 1-15.5 2a589 589 0 0 0-125.8 32c.3.2 4.5-1 9.4-2.7 109.7-37.5 209.7-40.4 306.1-8.9C742 295.6 779.8 314.3 854 359c39.7 24 51.1 30.3 65.1 36.2a377 377 0 0 0 36.4 12.8c.8 0-2.5-1.4-7.5-3.2M282 290.2c-2.4-3.9 19-29.4 29.2-34.9 3-1.6 3.8 0 1.9 3.8-1.4 2.6-1.4 3 0 3.2 1 .3.2 1.9-3.2 5.9-2.5 3-6.1 7.8-8 10.7a19 19 0 0 1-4.3 5.3c-.5 0-1.5-1-2.2-2.1-2-2.9-4.1-1.8-8.5 4.2-3.8 5.2-4 5.3-4.9 3.9m20.2-35.5c14.7-16.5 40-39.5 43.2-39.5.6 0 4.8-2.5 9.4-5.4 4.5-3 9.3-6 10.7-6.6 1.4-.7 10.8-6.6 21-13s26.2-16.2 35.5-21.6c21.6-12.4 65.5-34.5 65.5-33 0 .2-6 3.6-13.2 7.6A1526 1526 0 0 0 370.5 206l-28 19.3a276 276 0 0 0-33 25.3c-14.8 12.7-15.4 13-7.3 4m40.3-9.7a342 342 0 0 1 35-26.6c0 1.1-38.5 31.8-39.8 31.7-.4 0 1.8-2.3 4.8-5m4.1-9 10.5-8.8c4.4-3.5 10.2-8.5 12.9-11.1 5.3-5 28-20.2 50-33.4l16.3-9.8c6.9-4.1 2.7-.8-7.8 6.3-6 4-10.8 7.5-10.6 7.7s2.8-.8 5.8-2.3l5.3-2.6-3 2.5c-1.6 1.4-10 7-18.7 12.3a1852 1852 0 0 0-55.8 36.3c-4.1 2.9-6.3 4.2-4.9 2.9M451 158.3a522 522 0 0 1 139.5-61c22.5-6 64.4-13.4 74.3-13 1.8 0-3.3.9-11.3 2-64 8.4-131.2 32.3-199 70.6-2.5 1.4-4 2-3.5 1.4m594.5 248.8c10.4-1.3 17.6-4.3 19.6-8 4-8 1.8-12.7-42.9-88a418 418 0 0 0-66.6-87 329 329 0 0 0-86.6-64A353 353 0 0 0 657 125c-50.9 7.7-101.6 26.1-163.4 59.5l-25.5 13.8c-21.3 11.4-51.8 33.2-56.7 40.6-6 9 1.3 9.9 43.2 5.6 13.5-1.3 32.8-3 43-3.6 16-1 18.7-1.4 19.8-3 .7-1 1.8-1.8 2.3-1.8 1.5 0 38.5-13.4 48.7-17.6a87 87 0 0 0 29.2-19.4c8-8.1 18.4-15.3 22.5-15.5 1.7 0 6.8-2 11.5-4.2 58.5-28.2 137-28.1 204.8.3a284 284 0 0 1 90 59.9c32.4 31.4 52.5 61.4 73.2 109 12.8 29.3 15.3 34.1 25 47.7a69 69 0 0 1 7 10.7c0 1.3 3.4 1.3 14 0m-31.5-5.2a256 256 0 0 0-10-20.4c.9 3 4.3 17.9 5 21.9.5 3.5.8 3.8 4 3.8h3.4zm-10.8 0a274 274 0 0 0-18.6-64.7c-2.3-5.2-4.1-10-4.1-10.7q0-1.2-.9-1.3c-.5 0-1.4-1.5-2-3.3a75 75 0 0 0-6.2-12.5 317 317 0 0 0-25-37c0-.4-2-3-4.5-5.7a103 103 0 0 1-13.4-16.2q-.2-.9-2.2-1.9a9 9 0 0 1-3.6-3.7c-.7-1.5-1.8-2.7-2.5-2.7s-3.2-2-5.7-4.2-7.6-6.6-11.5-9.7l-7.5-6.2a106 106 0 0 0-16.2-10.7c-.3-.6-6.4-4.8-13.3-9a537 537 0 0 0-37.7-18.2 275 275 0 0 0-88-18.4c-2.5 0-5-.5-5.4-.9-1-1-7.2-1-7.8.1-.3.5-4.1 1-8.5 1-11.2.2-29.7 3-45.1 6.7a188 188 0 0 0-40.2 16.1c-22.3 13-33.4 28.7-28.8 40.9.6 1.5 3.9 5.5 7.4 9l6.3 6.2 14 2.7a544 544 0 0 1 167.3 63.8l46 27c55 32.6 58.7 34.7 70.5 40.3a350 350 0 0 0 83 26.8c4.6 1 4.8.8 4.2-3.6m-779-52.2c-1.7-1.3-1.7-1.4-.1-2.3 1.3-.8.7-1.1-2.8-1.7-2.5-.3-5.3-1.2-6.3-2-1.8-1.2-1.8-1.3.3-2 3-1 2.8-2-.8-4.2s-8-8-8-10.5c0-1 .9-3.8 2-6.3 2.6-6.2 2.7-8.7.2-6-1 1.1-2.7 3.2-3.6 4.7-1 1.5-2.6 2.8-3.6 2.8q-1.8 0-3 3.5-1.2 3.9-2.5 2.5c-1.8-1.5-3.6 1-4.2 6-.5 3.6-.4 4 1.6 4q4.8-.2 7.9 5.3c3 5 9.2 7.7 17.7 7.6 6.2 0 6.8-.2 5.2-1.4m380.3-109.5a19 19 0 0 0-3-3.6 20 20 0 0 1-2.7-6 17 17 0 0 1-.5-11.2 34 34 0 0 1 3.8-9.7c2.7-4 2.7-4 .3-2a202 202 0 0 1-26.7 21.4c-6.6 4.4-12.5 8.7-13 9.4-1 1.1 1.3 1.5 13 2.1A351 351 0 0 1 604 243l2.8.2zm-51.3-4c2.6-1.7 5.3-2.9 6-2.6q1.2.3 1.8-.5c.9-1.4 9-6 11.4-6.4 3.3-.7 12.9-7.7 22.6-16.6 5-4.5 12.6-10.9 17-14.2 8.8-6.6 10.5-8 6-5.3-4 2.4-14.3 10.5-23 18a56 56 0 0 1-12 9.4c-3 .8-7.5 4.3-7 5.3q.7 1.1-.6.6c-.8-.2-5.4 1.6-10.4 4l-16.5 7.9c-7.2 3.1-7.3 3.3-3.8 3.3q3.8 0 8.5-3'/%3E%3C/svg%3E");
      position: relative;
      height: min(calc(1.5rem + 5.25vw), 7.5rem);
      pointer-events: none;
      > div { position: absolute; inset: 0; }
  }
  
  .o-distortion :is(.core,.refract)::before {
      content: "";
      position: absolute;
      width: calc(100% + 3rem);
      aspect-ratio: 1.5;
      left: -1.5rem;
      transform: translateY(-50%);
  
      -webkit-mask-image: var(--mask);
      -webkit-mask-position: center;
      -webkit-mask-size: contain;
      -webkit-mask-repeat: no-repeat;
      mask-image: var(--mask);
      mask-position: center;
      mask-size: contain;
      mask-repeat: no-repeat;
  }
  
  .o-distortion .core::before {
      background-image: radial-gradient(circle at 42.5% 61%, rgb(0 0 0 / 80%) 0%, rgb(255 103 37 / 50%) 10%, rgb(38 116 207 / 35%) 52%, rgb(27 12 64 / 20%) 64%);
      -webkit-backdrop-filter: blur(0.25rem) brightness(3.5);
      backdrop-filter: blur(0.25rem) brightness(3.5);
  
      z-index: 2;
  }
  .o-distortion .refract { filter: blur(.625rem); }
  .o-distortion .refract::before {
      z-index: 1;
      background-color: rgb(191 255 223 / 15%);
  }
  .o-distortion::after {
      content: "";
      position: absolute;
      width: 100%;
      height: calc(200% + 5rem);
      left: 0;
      bottom: 0;
      -webkit-backdrop-filter: blur(0.25rem);
      backdrop-filter: blur(0.25rem);
      -webkit-mask-image: linear-gradient(to bottom, transparent, white 32.5%, white 75%, transparent);
      mask-image: linear-gradient(to bottom, transparent, white 32.5%, white 75%, transparent);
  }
  
  /*-----------------------------------------*/
  /*-----------------------------------------*/
  /*-----------------------------------------*/
  
  @media screen and (max-width: 49.5rem) {
      .chat-wrapper {
          grid-template-areas:"users""chat";
          grid-template-columns: minmax(0,1fr);
      }
      .chat-wrapper .users-container { flex-basis: initial; }
      .chat-wrapper .users-container .users *:not(.channel) {
          display: none;
      }
  }
  

  Pages using this styling

  • love-is-an-unwritten-thesis [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Philosopher&display=swap');
  
  .queerframe > img {
    max-width:250px;
  }
  
  @media only screen and (max-width: 600px) {
  .queerframe > img {
    max-width:150px;
  }
  }
  
  .storybook {
       font-family:Philosopher;
       background-image: url( https://scp-wiki.wikidot.com/local--files/scp-8166/paper-min%5B1%5D.png);
       padding:15px;
       font-size: 105%;
       border: 2px solid #5d0f87;
  }
  
  hr {
      margin: 3em 2em;
  }
  

  Pages using this styling

  • love-between-the-margins [info]

  ¶ 1 occurrence
  

  .imagediv { float: right; margin: 15px}
  @media (max-width: 540px) {
    .imagediv {
      float: none; text-align:center; margin: auto;
    }
  }
  
  div#header h1 a span {
      font-size: 0px;
  }
  div#header h1 a:before {
      content: "Site-34 Network";
      color: #eee;
      
  }
  div#header h2 span {
      font-size:0px;
      padding: 4px;
  }
  div#header h2:after {
      content: "Seguridad, Contención y Protección";
      font-weight: bold;
      color: #f0f0c0;
      padding: 19px 0;
      text-shadow: 1px 1px 1px rgba(0, 0, 0, .8);
      white-space: pre;
  }
  
  #header {
    background-image: url(https://scp-wiki.wdfiles.com/local--files/lost-in-the-translation/34.png)
  }

  Pages using this styling

  • lost-in-the-translation [info]

  ¶ 1 occurrence
  

  :root {
    --accentColor: #F669A1;
  }
  
  #page-title {
      display: none;
  }

  Pages using this styling

  • lost-in-pink-dreams [info]

  ¶ 1 occurrence
  

  :root {
     /* Header */
      --header-title: "Bellerverse ";
      --header-subtitle: "Welcome to the end of the world.";
      --gray-monochrome: 26, 25, 24;
  
     /* Basic Colours */
      --pale-accent: 214,181,98;
      --bright-accent: 183, 166, 110;
      --medium-accent: 214,181,98;
      --dark-accent: 214,181,98;
      --alt-accent: 185,150,80;
  
  
      /* Header Images */
      /*--gradient-header: url("http://scp-sandbox-3.wikidot.com/local--files/moned-theme-test/MarsWork.jpg"); */
      /*--header-background-image-size: 290px 9rem;*/
      /*--header-height-on-desktop:  9rem;*/
      /*--header-height-on-mobile: 9rem;*/
     /*--diagonal-stripes: none;*/
  }
  
  #side-block {
    --display: inline-block;
    --border-radius: 10px;
    --border:solid 7px #560000;
    --background:#F5F5F5;
    --float:top; width:90.2%;
    --padding:10px
  }
  

  Pages using this styling

  • lost [info]

  ¶ 1 occurrence
  

  blockquote {
    border-style: double;
    border-color: #8b008b;
    border-width: 1pt;
    background-color: #ffc9ea;
    box-shadow: 0px 1px 2px rgba(0,0,0,0.1); }

  Pages using this styling

  • losing-my-colors [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');
  
  .ram a {
  color: red;
  font-family: 'Bebas Neue', cursive;
  font-size: 300%;
  }
  .flatworm-nav {
      border: inset 0.188rem #db9d00;
      background-color: #a47754;
      color: rgb(var(--white-monochrome));
  }
  .flatworm-nav a {
      color: #fdcc0a;
  }
  .flatworm-nav .footer-wikiwalk-nav .center {
    flex-basis: 17em;
  }

  Pages using this styling

  • lord-blackwood-in-amon-iram [info]

  ¶ 1 occurrence
  

  :root {
      --logo-image: url("https://www.foxcubgames.com/wp-content/uploads/2019/02/transparent-square.png");
      --header-title: "ECHOES OF ERIKESH";
      --header-subtitle: "TALES OF A SCATTERED MANKIND";

  Pages using this styling

  • lonesome-dreams [info]

  ¶ 1 occurrence
  

  :root {
      --logo-image: url("https://scp-wiki.wikidot.com/local--files/grigori-karpin-s-author-page/vanguard%20transparent.png");
      --header-title: "ANGUARD";
      --header-subtitle: "SHELTER - NORMALIZE - INFORM";
      --header-h2-font-size: 1.1em;
  }
  
  #header::before {
      left: -12rem;
      filter: brightness(125%);
      opacity: 1;
  }
  
  #header h1 a::before {
      font-size: unset;
  }
  
  #header h2::before {
      color: #fe4;
  }
  
  #header h2 {
      top: 1em;
  }
  
  #header #login-status {
      left: -2vw;
  }
  
  @media (max-width: 767px) {
      #header::before {
          left: -7rem;
      }
  
      #header h1 {
          top: 0.5em;
          left: 0.5em;
      }
  }
  

  Pages using this styling

  • log-vanguard-licensing-rejections [info]

  ¶ 1 occurrence
  

  :root {
       --header-title: "SITE-37";
       --header-subtitle: "So Many Problems That We Made a List";
       --accent: 151, 206, 142;
       --logo-img: url(https://scp-wiki.wdfiles.com/local--files/the-appliance-war-hub/37NONUMBERSVG.svg);
  }

  Pages using this styling

  • log-of-deviant-appliances [info]

  ¶ 1 occurrence
  

  /* //// When you want to add new "records", //// */
  /* //// add new "options" like the following format. //// */
  .r1{animation-delay:3s}
  .r2{animation-delay:6s}
  .r2{animation-delay:6s}
  
  .tape-wrap .collapsible-block-unfolded-link .collapsible-block-link
  {animation-delay:calc(6s + 2s)}
  
  .tape-record{position:relative;height:6em;pointer-events:none}.record{display:block;position:absolute;width:100%;animation-name:record;animation-duration:2.5s;opacity:0;top:0;text-align:center}.tape-wrap{position:relative;background-color:rgb(244,244,244);border:1px dashed#999;padding:0 1em}.tape-anim{position:relative;background-image:url(https://scp-wiki.wikidot.com/local--files/log-of-anomalous-items-vol-v/DoxYSJAV4AET63r.webp);background-size:200px;background-position:center center;background-repeat:no-repeat;min-height:300px}.tape-left,.tape-right{display:block;position:absolute;margin:auto;height:0;width:70px;padding-bottom:100%;background-image:url(https://scp-wiki.wikidot.com/local--files/log-of-anomalous-items-vol-v/scp_trans.webp);background-size:contain;background-position:center center;background-repeat:no-repeat;pointer-events:none}.tape-left{top:-20px;bottom:0;left:-70px;right:0;animation-name:spin1;animation-duration:15s;animation-timing-function:linear;animation-fill-mode:forwards}.tape-right{top:0;bottom:-32px;left:0;right:-72px;animation-name:spin1;animation-duration:20s;animation-timing-function:linear;animation-fill-mode:forwards}.tape-wrap .collapsible-block-unfolded-link{padding-top:1em}.tape-wrap .collapsible-block-folded,.tape-wrap .collapsible-block-unfolded-link{position:relative;text-align:center}.tape-wrap.collapsible-block-link:before{display inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing: grayscale;transform:translate(0, 0)}.tape-wrap .collapsible-block-folded .collapsible-block-link:before{content:'\f04b'}.tape-wrap .collapsible-block-unfolded-link .collapsible-block-link:before{content:'\f1da'}.tape-wrap .collapsible-block-unfolded-link .collapsible-block-link{animation-name:g-ex;animation-duration:1s;animation-fill-mode:forwards;visibility:hidden;opacity:0}.tape-wrap .collapsible-block-folded{padding-top:1em;padding-bottom:1em;}@keyframes g-ex{50%{visibility:visible;opacity 0}100%{visibility:visible;opacity:1}}@keyframes spin1{0%{transform:rotate(0deg)}100%{transform:rotate(1turn)}}@keyframes record{0%{opacity:0}25%{opacity:1}75%{opacity:1}100%{opacity:0}}@-moz-document url-prefix(){.tape-anim{height:300px}.tape-left,.tape-right{display:block;width:70px;height:70px;position:relative;margin:0 auto;padding:0 auto}.tape-left{top:105px;bottom:initial;left:-36px;}.tape-right{top:60px;bottom:initial;left:35px}}

  Pages using this styling

  • log-of-anomalous-items-vol-v [info]

  ¶ 1 occurrence
  

  .fun{color:#fff;text-shadow:-1px -1px#000,1px -1px#000,-1px 1px#000,1px 1px#000;font-weight:bold;background:linear-gradient(to left,violet,blue,cyan,green,yellow,orange);padding:0 2px;margin:0 -2px}

  Pages using this styling

  • log-of-anomalous-items-vol-iv [info]

  ¶ 1 occurrence
  

  /* //// When you want to add new "records", //// */
  /* //// add new "options" like the following format. //// */
  .r1{animation-delay:3s}
  .r2{animation-delay:6s}
  .r2{animation-delay:6s}
  
  .tape-wrap .collapsible-block-unfolded-link .collapsible-block-link
  {animation-delay:calc(6s + 2s)}
  
  .tape-record{position:relative;height:6em;pointer-events:none}.record{display:block;position:absolute;width:100%;animation-name:record;animation-duration:2.5s;opacity:0;top:0;text-align:center}.tape-wrap{position:relative;background-color:rgb(244,244,244);border:1px dashed#999;padding:0 1em}.tape-anim{position:relative;background-image:url(http://unofficial-scp-sandbox-jp.wikidot.com/local--files/iroiro-workshop-8/DoxYSJAV4AET63r.png);background-size:200px;background-position:center center;background-repeat:no-repeat;min-height:300px}.tape-left,.tape-right{display:block;position:absolute;margin:auto;height:0;width:70px;padding-bottom:100%;background-image:url(http://unofficial-scp-sandbox-jp.wikidot.com/local--files/iroiro-workshop-8/scp_trans.png);background-size:contain;background-position:center center;background-repeat:no-repeat;pointer-events:none}.tape-left{top:-20px;bottom:0;left:-70px;right:0;animation-name:spin1;animation-duration:15s;animation-timing-function:linear;animation-fill-mode:forwards}.tape-right{top:0;bottom:-32px;left:0;right:-72px;animation-name:spin1;animation-duration:20s;animation-timing-function:linear;animation-fill-mode:forwards}.tape-wrap .collapsible-block-unfolded-link{padding-top:1em}.tape-wrap .collapsible-block-folded,.tape-wrap .collapsible-block-unfolded-link{position:relative;text-align:center}.tape-wrap.collapsible-block-link:before{display inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing: grayscale;transform:translate(0, 0)}.tape-wrap .collapsible-block-folded .collapsible-block-link:before{content:'\f04b'}.tape-wrap .collapsible-block-unfolded-link .collapsible-block-link:before{content:'\f1da'}.tape-wrap .collapsible-block-unfolded-link .collapsible-block-link{animation-name:g-ex;animation-duration:1s;animation-fill-mode:forwards;visibility:hidden;opacity:0}.tape-wrap .collapsible-block-folded{padding-top:1em;padding-bottom:1em;}@keyframes g-ex{50%{visibility:visible;opacity 0}100%{visibility:visible;opacity:1}}@keyframes spin1{0%{transform:rotate(0deg)}100%{transform:rotate(1turn)}}@keyframes record{0%{opacity:0}25%{opacity:1}75%{opacity:1}100%{opacity:0}}@-moz-document url-prefix(){.tape-anim{height:300px}.tape-left,.tape-right{display:block;width:70px;height:70px;position:relative;margin:0 auto;padding:0 auto}.tape-left{top:105px;bottom:initial;left:-36px;}.tape-right{top:60px;bottom:initial;left:35px}}

  Pages using this styling

  • log-of-anomalous-items-vol-iv [info]

  ¶ 1 occurrence
  

  :root {
    --turbo-block-shadow: none;
  }
  .turbo-block {
    margin: 1em 0;
    text-align: initial;
    font: 16px pxplus_ibm_vga8regular,monospace;
  }
  .turbo-block li,
  .turbo-block p {
    line-height: 16px;
  }
  .turbo-block h1,
  .turbo-block h3,
  .turbo-block.text-black .heading p,
  .turbo-block.text-black::after {
    color: #fff;
    font-family: pxplus_ibm_vga8regular,monospace;
  }
  .turbo-block h1 {
    margin: initial;
  }
  .turbo-block a {
    padding: initial;
  }
  .turbo-block.bg-grey a,
  .turbo-block.text-black a {
    background-color: initial;
    color: #a00;
  }
  .turbo-block a:hover {
    background-color: #fff;
  }
  .turbo-block .mathletter {
    font-style: italic;
    color: #FFD;
  }
  .turbo-block.bg-blue,
  .turbo-block.bg-blue::after,
  .turbo-block.bg-blue > .heading p {
    background: #22a;
  }
  .turbo-block.bg-blue::after {
    font-size: 1.5em;
  }
  .turbo-block.bg-grey,
  .turbo-block.bg-grey::after,
  .turbo-block.bg-grey > .heading p {
    background: #bbb;
  }
  .turbo-block.bg-lblue,
  .turbo-block.bg-lblue::after,
  .turbo-block.bg-lblue > .heading p {
    background: #99f;
  }
  .turbo-block.bg-pink,
  .turbo-block.bg-pink::after,
  .turbo-block.bg-pink > .heading p {
    background: #c9d;
  }

  Pages using this styling

  • log-of-anomalous-items-vol-iv [info]

  ¶ 1 occurrence
  

  .femur {
    -ms-transform: scaleX(-1) scaleY(-1);
    -moz-transform: scaleX(-1) scaleY(-1);
    -o-transform: scaleX(-1) scaleY(-1);
    -webkit-transform: scaleX(-1) scaleY(-1);
    transform: scaleX(-1) scaleY(-1);
    transition: -ms-transform .6s ease 0s, -moz-transform .6s ease 0s, -o-transform .6s ease 0s, -webkit-transform .6s ease 0s, transform .6s ease 0s;
  }
  .femur:hover {
    -ms-transform: scaleX(1) scaleY(1);
    -moz-transform: scaleX(1) scaleY(1);
    -o-transform: scaleX(1) scaleY(1);
    -webkit-transform: scaleX(1) scaleY(1);
    transform: scaleX(1) scaleY(1);
  }
  @media (hover: hover) {
    .no-pointer {
      display: none;
    }
  }
  @media (hover: none) {
    .hover-pointer {
      display: none;
    }
  }

  Pages using this styling

  • log-of-anomalous-items-vol-ii [info]

  ¶ 1 occurrence
  

  @media (min-width: 768px) {
      #main-content { max-width: min(900px, calc(100% - 4rem)); }
  }
  :root {
    --header-subtitle: "Locations of Interest";
    --sp_header-subtitle-scale: 2.125;
  }
  #header h1 a::before, #header h2 span::before {
      font-family: 'Sans Normalcy', 'Nanum Gothic', 'Arial', sans-serif;
  }
  
  body {
      background-image: linear-gradient(
          to bottom,
          #FCFCFC, #FCFCFC 100%);
  }
  
  div#extra-div-1 {
      height: 140px;
      width: 100%;
      top: 28px;
      position: absolute;
      background: url("https://scp-wiki.wdfiles.com/local--files/sigma-9-themes/SCP_F.png");
      background-size: contain;
      background-repeat: no-repeat;
      background-position: calc(50vw - 380px) 50%;
      z-index: -1;
  }
  @media (max-width: 767px) {
      div#extra-div-1 {
           opacity: 0.2;
           background-position: 50% 50%;
      }
  }
  
  .socontent.header h1 {
      font-size: 1.85rem;
      max-width: max-content;
      margin: 2.5rem auto 1rem;
  }
  .socontent.header h1 span {
      padding: 0 .25em;
      text-transform: uppercase;
  }
  
  blockquote,
  div.blockquote,
  #toc,
  .code {
      background-color: var(--paper-background-color);
      border: solid .05rem var(--paper-block-color);
      box-shadow: 0 0 .25rem var(--paper-shadow-color);
  }
  
  .legend-grid {
      display: grid;
      grid-template-columns: repeat(auto-fill, minmax(min(90px, 100%), 1fr));
      grid-gap: 10px;
      box-sizing: border-box;
  }
  
  .legend-box {
      border: 1px solid white;
  }

  Pages using this styling

  • locations-of-interest [info]

  ¶ 1 occurrence
  

  .icons {
      display: grid;
      grid-template-columns: repeat(5, calc((100% / 5) - 0.25rem));
      grid-gap: 0.25rem;
  }
  
  .class-table-box {
      display: grid;
      grid-template-columns: 1fr 75%;
      background-color: rgb(var(--black-monochrome));
      grid-gap: 0.125rem;
      margin-top: 0.5rem;
  }
  
  .class-table-box > div {
      padding: 0.5rem;
  }
  
  .class-name {
      font-family: var(--title-font);
      font-size: 1.15em;
      display: flex;
      align-items: center;
      justify-content: center;
  }
  
  .class-description {
      background-color: rgb(var(--white-monochrome));
  }
  
  @media (max-width: 500px ) {
  .icons {
      grid-template-columns: repeat(3, calc((100% / 3) - 0.25rem));
  }
  }
  
  .icon_image {
      border-radius: 50%;
      border: 0.25rem solid  rgb(var(--black-monochrome, 12, 12, 12));
      overflow: hidden;
  }
  
  .icon_name,
  .icon_link {
      font-family: var(--title-font);
      display: flex;
      align-items: center;
      justify-content: center;
      text-align: center;
      text-transform: uppercase;
  }
  
  h1, h2 {
      text-align: center;
  }
  
  .step_container {
      margin: 0.5rem 0;
      border: 1px solid #999;
      padding: 1em;
  }
  
  .help {
      display: flex;
      align-content: stretch;
      padding-top: 1em;
      border-top: 1px dashed #999;
  }
  
  .help blockquote {
      margin: 0;
      font-size: 85%;
  }
  
  .help blockquote > p {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      align-content: center;
      margin-right: 0;
      min-height: 2rem;
      margin: 0;
  }
  
  .help blockquote > p * {
      margin: 0 0.1rem;
      height: 100%;
  }
  
  .help blockquote:nth-of-type(1) {
      width: 50%;
      background: transparent;
      border: unset;
      box-shadow: unset;
      text-align: right;
      margin-right: 0;
      padding: 0;
  }
  
  .help blockquote:nth-of-type(1) > p {
      justify-content: flex-end;
  }
  
  .help blockquote:nth-of-type(2) {
      margin-left: 1em;
      width: 50%;
  }
  
  #page-content > .collapsible-block {
      display: block;
      text-align: center;
      padding: 0.75em;
      background-color: lightgrey;
      border-top: 0.125rem dashed slategrey;
      border-bottom: 0.125rem dashed slategrey;
  }
  
  #page-content > div.collapsible-block > div.collapsible-block-unfolded > div.collapsible-block-content {
      text-align:left;
  }

  Pages using this styling

  • little-garakuta-s-iconworks [info]

  ¶ 1 occurrence
  

  :root {
    --title-colour: #333;
  }
  h1 {
    color: var(--title-colour);
    font-family: Arial,sans-serif;
    font-size: 250%;
    margin: 0;
    text-align: center;
    font-weight: bold;
  }
  #page-content > h2 {
    color: var(--title-colour);
    font-family: Arial,sans-serif;
    font-size: 150%;
    margin: 0;
    text-align: center;
    font-weight: bold;
  }
  #page-content > hr {
    margin: 0;
  }
  .warning {
    background-color: #fee;
    margin: 1em 40px;
    padding: 0 1em;
    color: rgba(0,0,0,0.8);
    border: 1px dashed #f66;
  }
  .yellow {
    background-color: #f2f2c2;
    margin: 1em 40px;
    padding: 0 1em;
    color: rgba(0,0,0,0.8);
    border: 1px dashed #c8b258;
  }
  #page-content .list-pages-box {
    margin: 1em 40px;
    padding: 0 1em;
    background: #f4f4f4;
  }
  #page-content ul {
    list-style: none;
    padding: 0 40px;
  }
  #page-content .list-pages-box ul {
    list-style: square;
  }
  #page-content .image {
    margin-bottom: 1em;
  }
  tt {
    opacity: 0.9;
  }
  
  .codeblock {
    border: 1px dashed #ddd;
    background-color: #F7F7F7;
    font-family: 'Andale Mono', 'Courier New', Courier, monospace;
    padding: 0 1em;
    margin: 0.4em 0;
    overflow: auto;
    white-space: pre-wrap;
  }
  .codeblock br {
    display: none;
  }
  
  .contents OL { counter-reset: item }
  .contents LI { display: block }
  .contents LI:before { content: counters(item, ".") " "; counter-increment: item }

  Pages using this styling

  • listpages-magic-and-you [info]

  ¶ 1 occurrence
  

  img {
  max-width: none !important;
  }

  Pages using this styling

  • list-of-foundation-s-internal-departments [info]

  ¶ 1 occurrence
  

  ol li {
       margin: 0 0 1em;
  }
  
   ul {
       margin: 1em 0;
  }
  
   li, p {
       line-height: 1.6;
       text-underline-offset: 40%;
  }

  Pages using this styling

  • list-of-common-anomalous-misconceptions [info]

  ¶ 1 occurrence
  

  body {
  font-size: 0.875em;
  }

  Pages using this styling

  • list-of-common-anomalous-misconceptions [info]

  ¶ 1 occurrence
  

  :root {
      --lgurl: url("https://scp-wiki.wdfiles.com/local--files/esterberg-city-wikipedia/smallvanguard.png");
  }
  
  div#extra-div-2::before {
      content: var(--header-title, "VANGUARD");
  }
  div#extra-div-2::after {
      content: var(--header-subtitle, "Shelter, Normalize, Inform");
  }
  
  @media (max-width: 767px) {
     #header h1 a::before {
         content: var(--header-title, "VANGUARD");
     }
     #header h2::before {
         content: var(--header-subtitle, "Shelter, Normalize, Inform");
     }
         div#extra-div-2::before, div#extra-div-2::after { display: none; }
  }
  div.title {
   {
   visibility:hidden;
  }
  #page-content h2,
  #page-content h3,
  #page-content h4,
  #page-content h5,
  #page-content h6{
      border: none;
  }

  Pages using this styling

  • list-of-common-anomalous-misconceptions [info]

  ¶ 1 occurrence
  

  :root {
      --fnColor: #006400;
  }

  Pages using this styling

  • limey-s-citrus-corner [info]

  ¶ 1 occurrence
  

  .offset-right {
    float: right;
  }
  .offset-right > * {
    float: none;
  }
   
  .offset-left {
    float: left;
  }
  .offset-left > * {
    float: none;
  }
   
  .offset-right.right-5 {
    margin-right: calc(((50vw - 50%) * -1) + 1rem);
  }
   
  .offset-right.right-4 {
    margin-right: calc(((50vw - 50%) * -0.8) + 1rem);
  }
   
  .offset-right.right-3 {
    margin-right: calc(((50vw - 50%) * -0.6) + 1rem);
  }
   
  .offset-right.right-2 {
    margin-right: calc(((50vw - 50%) * -0.4) + 1rem);
  }
   
  .offset-right.right-1 {
    margin-right: calc(((50vw - 50%) * -0.2) + 1rem);
  }
   
  .offset-left.left-5 {
    margin-left: calc(((50vw - 50%) * -1) + 1rem);
  }
   
  .offset-left.left-4 {
    margin-left: calc(((50vw - 50%) * -0.8) + 1rem);
  }
   
  .offset-left.left-3 {
    margin-left: calc(((50vw - 50%) * -0.6) + 1rem);
  }
   
  .offset-left.left-2 {
    margin-left: calc(((50vw - 50%) * -0.4) + 1rem);
  }
   
  .offset-left.left-1 {
    margin-left: calc(((50vw - 50%) * -0.2) + 1rem);
  }
   
  /* FIXING MOBILE SHIT */
   
  @media (max-width: 600px) {
    /* Stop all floats and offsets on really thin devices */
    .offset-right,
    .offset-left,
    .turbo-block,
    .turbo-block .scp-image-block {
      float: none;
      clear: both;
      margin-left: auto !important;
      margin-right: auto !important;
    }
  }

  Pages using this styling

  • limey-s-citrus-corner [info]

  ¶ 1 occurrence
  

  :root {
  /* Header */
      --logo-image: url("http://scp-wiki.wdfiles.com/local--files/limey-s-citrus-corner/limepride.png");
      --header-title: "Limey's Citrus Corner";
      --header-subtitle: "Enjoy your stay";
      --header-font: 'poppins', sans-serif;
      --header-gradient-color-bottom: 81, 181, 75;
      --header-gradient-color-middle: 167, 218, 99;
      --header-gradient-color-top: 253, 255, 122;
      --gradient-header: linear-gradient(to top,
            rgb(var(--header-gradient-color-bottom)) 0%,
            rgb(var(--header-gradient-color-middle)) 70%,
            rgb(var(--header-gradient-color-top)) 100%);
      --diagonal-stripes: unset;
  --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: 35, 180, 35; /* bright green */
      --medium-accent: 20, 140, 20; /* medium green */
      --dark-accent: 20, 100, 20; /* dark 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);
      --sidebar-links-text: var(--wilson-text);
      --pale-accent: var(--dark-accent);  /* Visited Link Color*/
      --barColour: var(--wilson-header); /* Ayer's Info Module */
  /* LOGIN STUFF */
  #login-status {
      color: rgba(0,0,0,1);
  }
  #login-status a {
      color: rgba(0,0,0,1);
  }
  #login-status ul a {
      color: rgba(0,0,0,1);
  }
  #account-topbutton {
      color: rgba(0,0,0,1);
  }

  Pages using this styling

  • limey-s-citrus-corner [info]

  ¶ 1 occurrence
  

  a:link {
    color: #077E0F;
  }
  a:visited {
    color: #0A4D0E;
  }
  a:hover {
    color: #077E0F;
  }
  a:active {
    color: #077E0F;

  Pages using this styling

  • limbs-outstretched-towards-eden [info]

  ¶ 1 occurrence
  

  :root {
  /*
      BLANKSTYLE CSS
      [2021 Wikidot Theme]
      By Placeholder McD and HarryBlank
      Based on:
         Paperstack Theme by EstrellaYoshte
         Penumbra Theme by EstrellaYoshte
  */
   
  @import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,800;1,800&display=swap');
   
  #page-content { font-size: .9rem; }
   
  #main-content {
      top: -1.6rem;
      padding: 0.2em;
  }
   
  div#container-wrap {
       background-image: none;
  }
   
  div#header {
      background-image: none;
  }
   
  #header h1, #header h2 { margin-left: 0; float: none; text-align: center; }
  #header h2 { margin-top: 0.5rem; }
  #header h1 span, #header h2 span { font-size: 0; display: none;}
  #header h1 a::before, #header h2::before {
      color: #000;
      letter-spacing: 1px;
      font-family: 'Montserrat', sans-serif !important;
      text-shadow: none;
  }
   
  #header h1 a::before {
    content: var(--header-title, "SCP FOUNDATION");
    font-weight: 400;
    font-size: 1.3em;
  }
   
  #header h2::before {
    content: var(--header-subtitle, "Blooming Into Light");
    font-weight: 700;
    font-size: 1.2em;
  }
   
  @media (max-width: 707px) {
      #header h1 a::before {
          font-size: 1.6em;
      }
  }
   
  #login-status,
  #login-status a {
      color: #333333;
  }
   
  #page-title {
      display: none;
  }
   
  #footer, #footer a {
      background: transparent;
      color: #333333;
  }
   
  #search-top-box-input,
  #search-top-box-input:hover,
  #search-top-box-input:focus,
  #search-top-box-form input[type=submit],
  #search-top-box-form input[type=submit]:hover,
  #search-top-box-form input[type=submit]:focus {
      border: none;
      background: #333333;
      box-shadow: none;
      border-radius: 0px;
      color: #efefef;
  }
   
  #search-top-box input.empty {
      color: #999999;
  }
   
  #search-top-box {
      top: 2.3rem!important;
      right: 8px;
  }
   
  #top-bar { 
     display: flex;
     justify-content: center;
     right: 0;
     top: 7.9rem;
  }
   
  #top-bar, #top-bar a {
      color: #333333;
  }
   
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
      font-family: 'Montserrat', sans-serif;
      color: #000;
      letter-spacing: 1px;
  }
   
  h1 {
      font-size: 2em;
  }
   
  h2 {
      font-size: 1.45em;
  }
   
  div#extra-div-1 {
      height: 160px;
      width: 100%;
      top: 0;
      position: absolute;
      background: url('https://i.imgur.com/jXnl8Pl.png');
      background-size: contain;
      background-repeat: no-repeat;
      background-position: 50% 50%;
      z-index: -1;
  }
   
  @media (max-width: 707px) {
      div#extra-div-1 {
          top: 15px;
      }
  }
   
  body {
      background-image: linear-gradient(
          to bottom,
          #DEE3DC, #DEE3DC 90px,
          #DEE3DC 50px, #FCFFFB 200px,
          #FCFFFB 500px, #BFD9B7 100%);
      background-repeat: no-repeat;
  }
   
  :root {
    --timeScale: 1.5;
    --timeDelay: 1.5s;
    --posX: calc(50% - 358px - 13rem);
    --fnLinger: 1s;
  }
   
  #page-content hr {
      background-color: #000;
  }
   
  #page-content tr th {
      padding: 6px;
      border: #000 1px solid;
  }
   
  #page-content tr td {
      padding: 12px;
      border: #000 1px solid;
      line-height: 1.4;
  }
   
  #page-content .sidebox tr td, 
  #page-content .sidebox tr th {
      padding: 0.35em;
  }
   
  #side-bar {
      border-right: 1px solid #333;
      background: #DDD;
  }
   
  #side-bar .side-block {
      border: 1px solid #333;
      border-radius: 0;
      box-shadow: none;
  }
   
  #top-bar div.open-menu a {
      border: 1px solid #333;
      border-radius: 0;
      box-shadow: none;
  }
   
  @media (max-width: 767px) {
      #side-bar:target {
          border: 1px black;
          box-shadow: none;
      }
  }
   
  #side-bar .side-block {
      border: 1px solid #333;
      border-radius: 0;
      box-shadow: none;
      background-color: #FDF6D7;
  }
  #side-bar .side-block.media {
      background-color:#D7EFE7;
  }
  #side-bar .side-block.resources {
      background-color:#F5D8E0;
  }
   
  #page-content .creditRate{
      margin: unset;
      margin-bottom: 4px;
  }
  #page-content .rate-box-with-credit-button {
      background-color: #ffffff;
      border: solid 1px #000;
      box-shadow: none;
      border-radius: 0;
  }
   
  #page-content .rate-box-with-credit-button .fa-info {
      border: none;
      color: #333333;
  }
   
  #page-content .rate-box-with-credit-button .fa-info:hover {
      background: #333333;
      color: #ffffff;
  }
   
  .rate-box-with-credit-button .cancel {
      border: solid 1px #ffffff;
  }
   
  /* ---- PAGE RATING ---- */
   
  .page-rate-widget-box {
      box-shadow: none;
      border: solid 1px #000;
      margin: unset;
      margin-bottom: 4px;
      border-radius: 0;
  }
   
  div.page-rate-widget-box .rate-points {
      background-color: #ffffff;
      color: #333333;
      border: none;
      border-radius: 0;
  }
  .page-rate-widget-box .rateup,
  .page-rate-widget-box .ratedown {
      background-color: #ffffff;
      border-top: none;
      border-bottom: none;
  }
   
  .page-rate-widget-box .rateup a,
  .page-rate-widget-box .ratedown a {
      background: transparent;
      color: #333333;
  }
   
  .page-rate-widget-box .rateup a:hover,
  .page-rate-widget-box .ratedown a:hover {
      background: #333333;
      color: #ffffff;
  }
   
  .page-rate-widget-box .cancel {
      background: transparent;
      background-color: #ffffff;
      border: none;
      border-radius: 0;
  }
   
  .page-rate-widget-box .cancel a {
      color: #333333;
  }
  .page-rate-widget-box .cancel a:hover {
      background: #333333;
      color: #ffffff;
      border-radius: 0;
  }
  #page-content .rate-box-with-credit-button .page-rate-widget-box { border: none; }
   
  .anchor {
      position: sticky;
      height:0;
      top: 0;
  }
  .sidebox {
      padding: .14rem;
      margin-top: 0;
      margin-bottom: 8px;
      width: calc((100vw - 870px)/2);
      max-height: calc(100vh - 18rem);
      position: absolute;
      top: 0;
      left: 103.5%;
      z-index: 5;
      overflow: auto;
      box-sizing: border-box;
  }
  @media (max-width: 1290px) {
      .sidebox {
          display: none;
          visibility: hidden;
      }
   
      #header h2::before {
          font-size: 0.9em !important;
      }
  }
   
  .scp-image-block {
      box-shadow: none;
  }
   
  /* ---- 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 ----*/
   
   .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: #333333;
       box-shadow: none;
  }
   .yui-navset .yui-nav a, /* ---- Link Modifier ---- */
   .yui-navset .yui-navset-top .yui-nav a{
       color: #333333;
      /* ---- Tab Background Colour | [UNSELECTED] ---- */
       background-color: #efefef;
       border: unset;
       box-shadow: none;
       box-shadow: none;
  }
   .yui-navset .yui-nav a:hover,
   .yui-navset .yui-nav a:focus{
       color: #ffffff;
      /* ---- Tab Background Colour | [HOVER] ---- */
       background-color: #333333;
  }
   .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;
       color: #ffffff;
       background-color: #ffffff;
       border-color: transparent;
       box-shadow: none;
  }
   .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: #333333;
  }
   .yui-navset .yui-nav .selected a,
   .yui-navset .yui-nav .selected a em{
       border: none;
  }
   .yui-navset .yui-nav .selected a{
       width: 100%;
       color: #ffffff;
  }
   .yui-navset .yui-nav .selected a:focus,
   .yui-navset .yui-nav .selected a:active{
       color: #ffffff;
       background-color: #333333;
  }
   .yui-navset .yui-content {
      background-color: #ffffff;
      box-shadow: none;
  }
   .yui-navset .yui-content,
   .yui-navset .yui-navset-top .yui-content{
      padding: .5em;
      border: 1px solid #333;
      box-sizing: border-box;
  }
   
  /*---- SCROLLBAR ----*/
   
  ::-webkit-scrollbar {
      width: 10px;
  }
   
  ::-webkit-scrollbar-track {
      background: #FFF;
      border-left: 1px solid #333;
  }
   
  ::-webkit-scrollbar-thumb {
       background: #CCC;
       border: #333 1px solid;
  }
   
  ::-webkit-scrollbar-thumb:hover {
       background: #EEE;
  }
   
  /*---- CENTER IMAGES ON MOBILE courtesy of EstrellaYoshte and PeppersGhost ----*/
   
  .imagediv {
      float: right;
      margin: 15px
  }
   
  @media (max-width: 540px) {
    .imagediv {
      float: none;
      text-align:center;
      margin: auto;
    }
  }
   
  @media only screen and (max-width: 600px) {
      .scp-image-block.block-right{
          float: none;
          margin: 10px auto;
      }
  }
   
  /*---- ACS-COLORED TABLE DIVS ----*/
   
  #page-content .table1 tr th,
  #page-content .table1 .scp-image-block .scp-image-caption {
      background-color: #D7EFE7;
  }
   
  #page-content .table2 tr th,
  #page-content .table2 .scp-image-block .scp-image-caption {
      background-color: #D8ECF4;
  }
   
  #page-content .table3 tr th,
  #page-content .table3 .scp-image-block .scp-image-caption {
      background-color: #FDF6D7;
  }
   
  #page-content .table4 tr th,
  #page-content .table4 .scp-image-block .scp-image-caption {
      background-color: #FFDABF;
  }
   
  #page-content .table5 tr th,
  #page-content .table5 .scp-image-block .scp-image-caption {
      background-color: #F5D8E0;
  }
   
  #page-content .table6 tr th,
  #page-content .table6 .scp-image-block .scp-image-caption {
      background-color: rgba(146, 0, 255, 0.2);
  }
   
  .tableb .wiki-content-table {
      border-collapse: separate;
      border-spacing: 2px;
  }
   
  .tableb .scp-image-block {
      border: none;
  }
   
  .tableb .scp-image-block img {
      border: #000 1px solid;
      box-sizing: border-box;
  }
   
  .tableb .scp-image-block .scp-image-caption {
      margin-top: 2px;
      border: #000 1px solid;
      box-sizing: border-box;
  }
   
  .top-left-box > .item {
    display: none;
  }
   
  /* ---- WORDS NO LONGER BROKEN, THE CROQUEMBOUCHE HAS SPOKEN ---- */
  span, a { word-break: normal !important }
   
  .avatar-hover { display: none !important; }
   
  #breadcrumbs, .pseudocrumbs {
      text-align: center;
      padding-top: 10px;
  }
   
  #main-content .page-tags span {
      max-width: 100%;
  }
   
  /* -- FANCY THINGS from Woedenaz's Dustjacket Theme -- */
   
  .fancyhr hr {
      border-top: 2vw solid transparent;
      background-color: rgba(var(--bright-accent), 0);
      height: 0;
      box-sizing: border-box;
      border-image-source: url('https://scp-wiki.wdfiles.com/local--files/theme%3Aflopstyle-dark/wl_hr.png');
      border-image-repeat: round round;
      background: none;
      border-image-slice: 80 500 80 500 fill;
      border-image-width: 10em 80em 10em 80em;
  }
   
  .fancyborder {
      box-sizing: border-box;
      border: 2vw solid rgba(0,0,0,0.5);
      border-image: url('https://scp-wiki.wdfiles.com/local--files/theme%3Aflopstyle-dark/wl_border.png') 600 round;
      border-image-width: 6;
      padding: 2vw;
  }
  div[class$="_memo"] {
      background: var(--memo-logo) rgba(var(--memo-color), 1);
      background-size: contain;
      background-position: top center;
      background-repeat: no-repeat;
      min-height: 4rem;
      margin-inline: auto;
      margin-block: 2rem;
      padding-inline: 20px;
      padding-block: 10px;
      border: solid 2px rgba(0, 0, 0, 0.1);
      text-align: left;
  }
  
  div.modalsnow_memo {
      --memo-logo: url(https://i.imgur.com/2Jyyis8.png);
      --memo-color: 242, 251, 252;
  }
  
  div.modalfall_memo {
      --memo-logo: url(https://i.imgur.com/2Jyyis8.png);
      --memo-color: 250, 243, 230;
  }
  
  div.modalhome_memo {
      --memo-logo: url(https://i.imgur.com/2Jyyis8.png);
      --memo-color: 252, 242, 248;
  }
  
  div.modalnight_memo {
      --memo-logo: url(https://i.imgur.com/2Jyyis8.png);
      --memo-color: 214, 213, 233;
  }
  
  div.modalswing_memo {
      --memo-logo: url(https://i.imgur.com/2Jyyis8.png);
      --memo-color: 244, 255, 237;
  }
  
  div.modalspring_memo {
      --memo-logo: url(https://i.imgur.com/2Jyyis8.png);
      --memo-color: 231, 245, 232;
  }

  Pages using this styling

  • limbs-outstretched-towards-eden [info]

  ¶ 1 occurrence
  

  .image-checker .list-pages-item { display: flex; flex-direction: row-reverse; justify-content: space-between; align-items: center; border-top: 1px solid black; margin-top: -1px; }
  
  .image-checker .list-pages-item p { display: none; flex: 1; }
  .image-checker .list-pages-item img + p { display: block; }
  .image-checker .list-pages-item a + p { display: block; }
  
  .image-checker .list-pages-item > img { max-width: 30%; max-height: 200px; }
  .image-checker .list-pages-item a { max-width: 30%; max-height: 200px; }
  .image-checker .list-pages-item a > img { max-width: 100%; max-height: 200px; }
  .image-checker .list-pages-item img { margin: 2px; }

  Pages using this styling

  • lily [info]

  ¶ 1 occurrence
  

  .danke{
  padding: 5px 5px 5px 15px;
  margin-bottom:10px;
  font-family: monospace;
  font-size: 1.5em; }
  
  .site{
  background-color:#222200;
  border: 3px solid #AAAA55;
  color: #DDDD77;
  }

  Pages using this styling

  • likeitsthefirsttime [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Newsreader:ital,opsz,wght@0,6..72,200..800;1,6..72,200..800&display=swap');
  
  :root{
  --swatch-background: 255, 255, 255;
  }
  
  #page-title {
      display: none;
  }
  
  h1, h2, h3, h4, h5, h6 {
      font-family: Newsreader, serif;
  }
  
  #page-content > p {
  font-family: Newsreader, serif;
  font-size: 1.1rem;
  }
  
  #page-content div#toc {
      font-family: Newsreader, serif;
  }

  Pages using this styling

  • like-it-s-real [info]

  ¶ 1 occurrence
  

  :root {
              --logo-image: url(http://scp-sandbox-3.wikidot.com/local--files/collab:nathan-erickson-dehydrated-milk-musicsheep-bonboneka/Site-19%20Facility%2023);
      --header-title: "SCP Foundation";
      --header-title: "SCP Foundation";
      --header-subtitle: "Site-19 Facility 23";
          --header-gradient-color-bottom: var(--light-gray-monochrome);
          --header-gradient-color-middle: var(--dark-accent);
          --header-gradient-color-top: var(--light-gray-monochrome);
       --accentColor: 66, 76, 92;
       --accentColorLite: 16, 76, 92;
       --hue: 66, 76, 92;
  }

  Pages using this styling

  • like-clockworks [info]

  ¶ 1 occurrence
  

   .hide {
      display: none;
  }

  Pages using this styling

  • like-cats-and-dogs-and-spiders [info]

  ¶ 1 occurrence
  

  @import url(http://scp-int.wikidot.com/component:letters-theme/code/1);

  Pages using this styling

  • life-s-not-a-dating-sim-you-can-just-win [info]

  ¶ 1 occurrence
  

  /*Body*/
  body {
    color: white;
  }
  
  .page {
    color: black;
  }
  
  blockquote,
  div.blockquote {
    background-color: black;
  }
  .owindow {
  color: black;
  }
  #page-title {display: none;}
  .page {
      display: block;
      overflow: hidden;
      font-family: "Monotype Corsiva", "Bradley Hand ITC", sans-serif;
      font-style: normal;
      background-attachment: scroll;
      background-clip: border-box;
      background-color: transparent;
      background-image: linear-gradient(to top ,rgb(202, 219, 228) 0%, rgb(231, 233, 220) 8%);
      background-origin: padding-box;
      background-position: 0px 8px;
      background-repeat: repeat;
      background-size: 100% 20px;
      border: 1px solid #CCC;
      border-radius: 10px;
      padding: 10px 10px;
      margin-bottom: 10px;
      box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2)
  }
  .page p,
  .page ul {
      line-height: 20px;
      margin: 0;
  }

  Pages using this styling

  • liability [info]

  ¶ 1 occurrence
  

  .computed {
  border: 1px black solid;
  width: 50%;
  display: inline-block;
  text-align: left;
  padding: 3px;
  }
  .computed:before {
  content:"Computed Code";
  font-weight: bold;
  border-bottom: solid 1px black;
  width: 100%;
  }
  .rawcode {
  border: black solid 1px;
  width: 50%;
  display: inline-block;
  text-align: left;
  padding: 3px;
  }
  .rawcode:before{
  content:"Raw Code";
  text-align: center;
  font-weight: bold;
  border-bottom: solid 1px black;
  width: 100%;
  }
  .codebox {
  display: inline-block;
  width: 100%;
  text-align: center;
  }
  .yui-navset .yui-nav .selected a em, .yui-navset .yui-nav a em{
  padding: 0.25em .75em;
  top: 0px;
  margin-bottom: 0px;
  }
  .yui-navset .yui-nav .selected a {
  background: gray;
  }
  .yui-navset .yui-nav .selected {
  margin: 0px;
  }
  .yui-navset .yui-nav .selected a, .yui-navset .yui-nav .selected a:focus, .yui-navset .yui-nav .selected a:hover, .yui-navset .yui-nav .selected a {
  background: gray;
  }
  .yui-navset .yui-nav a, .yui-navset .yui-navset-top .yui-nav a {
  background-color: none;
  background-image: none;
  }
  .yui-navset .yui-nav a {
  background: none;
  }
  .yui-navset .yui-nav li{
  margin: 0px;
  }

  Pages using this styling

  • leveritas-personnel-file [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css?family=Reenie+Beanie');
  
  .page {
      display: block;
      overflow: hidden;
      font-family: 'Reenie Beanie', cursive;
      font-size: 30px;
      font-style: normal;
  
      background-attachment: scroll;
      background-clip: border-box;
      background-color: transparent;
      background-image: linear-gradient(to top ,rgb(202, 219, 228) 0%, rgb(255, 253, 208) 8%);
      background-origin: padding-box;
      background-position: 0px 8px;
      background-repeat: repeat;
      background-size: 100% 20px;
  
      border: 1px solid #CCC;
      border-radius: 10px;
      padding: 10px 10px;
      margin-bottom: 10px;
  
      box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2)
      }
  .page p {
      line-height: 20px;
      margin: 0;
  }

  Pages using this styling

  • letters-from-oregon [info]

  ¶ 1 occurrence
  

  :root {
      --header-title: "LOVE EVERYONE";
      --header-subtitle: "Nothing is hidden which will not be revealed";
      --logo-image: url(https://upload.wikimedia.org/wikipedia/commons/1/10/Cross1.svg);
  }

  Pages using this styling

  • letovas-authorpage [info]

  ¶ 1 occurrence
  

  .customlink a{
      color: black;
  }

  Pages using this styling

  • let-us-get-murdered [info]

  ¶ 1 occurrence
  

  
  @import url('https://fonts.googleapis.com/css2?family=MedievalSharp&display=swap');
  
  .Title{
       font-family:MedievalSharp;
       padding:15px;
       font-size: 150%;
       text-align: center;
  }
  
  .Freaky{
       font-family:MedievalSharp;
       padding:15px;
       font-size: 300%;
       border: 2px;
       text-align: center;
       margin: 2px 0 5px;
  }
  
  .taboo a{
      color: green;
      font-style: bold;
      font-weight: 800;
  }
  
  .storybook-hca {
       font-family: Philosopher, cursive;
       background-image: url(http://scp-wiki.wikidot.com/local--files/theme:eventyr/5%20-%20Paper%20effect.png);
       padding: 15px;
       font-size: 105%;
       border: 2px solid #112a55;
  }
   
  .eventypewriter{
       font-family: Cutive, serif;
       background-image: url(http://scp-wiki.wikidot.com/local--files/theme:eventyr/5%20-%20Paper%20effect.png);
       padding: 15px;
       font-size: 90%;
       border: 1px solid #112a55;
  }
  
  #page-title {display: none;} 
  

  Pages using this styling

  • let-there-be-green [info]

  ¶ 1 occurrence
  

  
  div.tweet{
      color: black;
      float: center;
      border: solid 1px #000000;
      padding: 5px 15px 15px 15px;
      box-shadow: 0 1px 3px rgba(0,0,0,.2);
      width: 84%;
      margin: 2% 4% 4% 4%
  }
  

  Pages using this styling

  • let-the-factory-fail [info]

  ¶ 1 occurrence
  

  @import url(/component:scp-pride/code/1);
  
  .body-text {
      margin: 2% 13% 2% 9%;
      padding: 5px 20px 5px 20px;
      background-color: #f2f2f2;
      color: #111;
  }
  
  .text4desk {
      width: 70%;
      margin: auto;
  }
  
  @media only screen and (max-width: 600px) {
  
      .body-text {
          margin: 0% 4% 0% 4%;
      }
  
      .text4desk {
          width:100%;
      }
  
  }

  Pages using this styling

  • let-me-borrow-the-map [info]

  ¶ 1 occurrence
  

  .gold-collapse a.collapsible-block-link {
      color: #ffbf00;
  }

  Pages using this styling

  • lerche-s-merchant-shop-inn [info]

  ¶ 1 occurrence
  

  .box {
      background-color: purple;
      color: white;
      font-size: 14px;
      text-shadow: 1px 3px 1px rgba(0,0,0,0.3); 
      text-decoration: none;
      display: inline-block;
      width: 100%;
      text-align: center; 
  }

  Pages using this styling

  • lavenderbloodstains-author-page [info]

  ¶ 1 occurrence
  

  .main-text-cell {
    padding: 0em 0.1em;
  }

  Pages using this styling

  • late-night-at-the-office [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css?family=Gochi+Hand|Source+Sans+Pro&display=swap');
  @import url('https://fonts.googleapis.com/css?family=Annie+Use+Your+Telescope&display=swap');
  
  .rmpostcontainer
  {
      background-image: url('https://firedawnfolder.wikidot.com/local--files/component:larueposting/LaRueDesk.png');
      background-repeat: no-repeat;
      width: 100%; max-width: 660px;
      height: 980px;
      margin: 0px;
          padding: 60px 20px 0px 60px;
  }
  
  .rmpostcontent
  {
      font-family: 'Source Sans Pro', sans-serif;
      font-family: 'Gochi Hand', cursive;
      font-style: normal;
      font-size: 1.30em;
      color: #000;
      width: 530px;
      height: 880px;
      padding: 30px;
      margin: 0px;
      margin-top: -8px;
  }
  
  .scribble
  {
      font-family: 'Annie Use Your Telescope', cursive;
      font-style: bold;
      font-size: 1.30em;
      color: #000;
      width: 250px;
      padding: 0px 0px 0px 20px;
      margin: 0px;
      margin-top: -8px;
      -ms-transform: rotate(4deg); /* IE 9 */
      transform: rotate(4deg); /* Standard syntax */
  }
  
  .rmpostmobiletitle
  {
      display: none;
  }
  
  
  @media only screen and (max-width: 600px) {
  
      .rmpostcontainer {
          background-image: url("https://firedawnfolder.wikidot.com/local--files/component:larueposting/LaRueMobile.png");
          background-size: 100%;
          background-repeat: repeat;
          width: 100%;
          height: auto;
          padding: 0px;
          padding-top: 0px;
      }
  
      .rmpostcontent {
          font-size: 14pt;
          width: 85%;
          height: auto;
          padding: 10px 10px 0px 30px;
      }
  
      .rmposttitle {
          width: auto;
          height: auto;
          padding: 0px 20px 0px 70px;
      }
  
  }
  

  Pages using this styling

  • larue-post-bang [info]

  ¶ 1 occurrence
  

  /* INFO BOX */
  sup{
      vertical-align: top;
      position: relative;
      top: -0.5em;
  }
  body{
      --cutColour: #fafafa;
      --barColour: #590505;
      color: rgb(12, 12, 12);
  }
  .translation_block{ display: none; }
  .u-faq{ display: none; }
  #u-author_block{ display:none; }
  
  /* FORMATTING */
  .collapsible-block-link{ font-weight: bold; }
  
  /* MOBILE MEDIA FILTER */
  @media only screen and (max-width: 768px){
      .scp-image-block.block-right,
      .scp-image-block.block-left{
      	margin: 1em 0 2em 1em;
      	padding: 0;
      }
  }

  Pages using this styling

  • land-of-honey [info]

  ¶ 1 occurrence
  

  #header h1 a::before,
  
  #header h2 span::before  {
  
          -webkit-text-stroke: 0.325rem rgb(var(--swatch-text-dark));
  }
  
  
  /* Set background and style for section above topbar */
  #extra-div-2 {
      --drop-shadow: rgb(var(--pale-gray-monochrome));
      display: block;
      width: 100%;
      height: 10rem;
      top: 0;
      left: 0;
      position: absolute;
      background: url('https://scpdsandbox.wdfiles.com/local--files/secret%3Alaneous/top.png');
      background-position: bottom;
      background-repeat: no-repeat;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
      -webkit-filter: drop-shadow(-0.125rem 0.125rem 0rem var(--drop-shadow));
      filter: drop-shadow(-0.125rem 0.125rem 1rem var(--drop-shadow));
      pointer-events: none;
  }
  
  
  
  :root {
     /* Header */
  --logo-image: url("https://scp-wiki.wdfiles.com/local--files/component:pride-highlighter/tg_logo.svg");
      --header-title: "SCP FOUNDATION";
      --header-subtitle: "'No more shame, no more fear, no more dread.'";
  --pale-gray-monochrome: 255, 255, 255;
  
     /* Basic Colours */
      --pale-accent: 179, 98, 214;
      --bright-accent: 167, 110, 183;
      --medium-accent: 187, 98, 214;
      --dark-accent: 171, 98, 214;
      --alt-accent: 155, 80, 185;
  }
  
  hr {
     background-color: rgb(var(--bright-accent));
  }
  
  #page-title { 
  display: none;
  }

  Pages using this styling

  • lamentte [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Crimson+Text:ital,wght@0,400;0,600;0,700;1,400;1,600;1,700&display=swap');
  
  #page-content > p {
      text-justify: inter-word;
      text-align: justify;
      text-indent: 1rem;
      font-family: "Crimson Text", serif;
      font-size: 1.1rem;
  }
  
  .sign {
  background-blend-mode: difference;
  }
  
  .ature, .ature a, .ature a:visited, .sign p {
    color: #ececec!important;
  }

  Pages using this styling

  • lamb-of-god [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Kalam&display=swap');
  
  html {
     -webkit-filter: grayscale(1); /* Older Webkit */
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    background-color: white;
  }
  :root{
  --color: 64, 64, 64;
  --white: 166, 166, 166;
  
  --header-gradient-color-bottom: var(--white);
  --header-gradient-color-middle: var(--color);
  --header-gradient-color-top: var(--color);
  --diagonal-stripes: unset;
  
  }
  
  .info-container{
  --barColour: #404040;
  --linkColour: #cfcfcf;
  }
  

  Pages using this styling

  • lachrymose [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css?family=Gochi+Hand|Source+Sans+Pro&display=swap');
  
  .rmpostcontainer
  {
      background-image: url('https://firedawnfolder.wdfiles.com/local--files/component%3Alarueposting/LaRueDesk.png');
      background-repeat: no-repeat;
      width: 100%; max-width: 660px;
      height: 980px;
      margin: 0px;
          padding: 60px 20px 0px 60px;
  }
  
  .rmpostcontent
  {
      font-family: 'Source Sans Pro', sans-serif;
      font-family: 'Gochi Hand', cursive;
      font-style: normal;
      font-size: 1.30em;
      color: #000;
      width: 530px;
      height: 880px;
      padding: 30px;
      margin: 0px;
      margin-top: -8px;
  }
  
  .rmpostmobiletitle
  {
      display: none;
  }
  
  .scribble1
  {
      font-style: bold;
      font-size: 1.30em;
      color: #000;
      width: 300px;
      padding: 0px 0px 0px 20px;
      margin: 0px;
      margin-top: -8px;
      -ms-transform: rotate(15deg); /* IE 9 */
      transform: rotate(-12deg); /* Standard syntax */
  }
  
  .scribble2
  {
      font-style: bold;
      font-size: 1.30em;
      color: #000;
      width: 300px;
      padding: 0px 0px 0px 20px;
      margin: 0px;
      margin-top: -8px;
      -ms-transform: rotate(15deg); /* IE 9 */
      transform: rotate(12deg); /* Standard syntax */
  }
  
  @media only screen and (max-width: 600px) {
  
      .rmpostcontainer {
          background-image: url("https://firedawnfolder.wdfiles.com/local--files/component%3Alarueposting/LaRueMobile.png");
          background-size: 100%;
          background-repeat: repeat;
          width: 100%;
          height: auto;
          padding: 0px;
          padding-top: 0px;
      }
  
      .rmpostcontent {
          font-size: 14pt;
          width: 85%;
          height: auto;
          padding: 10px 10px 0px 30px;
      }
  
      .rmposttitle {
          width: auto;
          height: auto;
          padding: 0px 20px 0px 70px;
      }
  
  }
  

  Pages using this styling

  • la-rue-posts-willie-s-shine [info]

  ¶ 1 occurrence
  

   
  .papernote {
      background-color: #eaeeef;
      color: #21252E !important;
      padding: 0.1rem 0.5rem 0.5rem 0.5rem;
      box-shadow: 1px 1px 3px 2px rgb(0 0 0 / 30%);
      margin: auto;
      width: 100%;
  }
  .danke {
      padding: 5px;
      margin-bottom:10px;
      font-family: monospace;
      font-size: 1.1em;
  }
  
  .agent {
      background-color:#002200;
      border: 3px solid #55AA55;
      color: #0cb9cc;  
  }
  
  .site {
      background-color:#222200;
      border: 3px solid #AAAA55;
      color: #DDDD77;
  }

  Pages using this styling

  • la-llorona-model [info]

  ¶ 1 occurrence
  

  :root {
      --fnColor: #0b0080;
  }

  Pages using this styling

  • la-foi-de-la-paix-circa-2011 [info]

  ¶ 1 occurrence
  

  @import url(https://scp-wiki.wikidot.com/local--files/la-eureka/2);

  Pages using this styling

  • la-eureka [info]

  ¶ 1 occurrence
  

  #header h1 a::before {
      content: "FBI";
  }
  :root:lang(en) {
      --header-subtitle: "UIU Office of Just Cave";
  }

  Pages using this styling

  • la-cadente-cantina-di-cave [info]

  ¶ 1 occurrence
  

  
  :root {
      --toggle-button-bg: rgb(var(--white-monochrome));
      --toggle-border-color: rgb(var(--medium-accent));
      --toggle-icon-color: rgb(var(--medium-accent));
      --toggle-roundness: 0;
      --fnColor: #A4C2EC;
  }
  
  .info-container{
      --barColour: #A4C2EC;
  }
  
  body .italic,
  body .italic *,
  body em,
  body em *,
  body i,
  body i * {
      --slnt: 7;
  }
  
  #page-title::after,
  .meta-title::after,
  #page-title::before,
  .meta-title::before {
      content: "";
      flex-grow: 1;
      height: 0.33rem;
      background: rgb(var(--bright-accent));
  }
  
  #page-title::before,
  .meta-title::before {
      margin: auto 1.25rem auto auto;
  }
  
  /* === SIDEBOX DIV === */
  /* Originally based on EstrellaYoshte's Sideboxes from the Penumbra Theme */
  
  .limit {
      margin-bottom: -1rem;
  }
  
  .anchor {
      position: sticky;
      z-index: 9;
      top: 0;
      height: 0;
  }
  
  .sidebox {
      position: absolute;
      z-index: 5;
      top: 0;
      left: 115%;
      box-sizing: border-box;
      width: calc((100vw - (var(--body-width-on-desktop) + 12rem))/2);
      max-height: calc(100vh - 18rem);
      margin-top: 0;
      margin-bottom: 0.5rem;
      padding: .14rem 1rem .14rem;
      overflow: auto;
      border-top: solid 0.125rem rgb(var(--dark-accent));
      background-color: rgb(245, 245, 245);
  }
  
  @media (max-width: 80.625rem) {
      .sidebox {
          right: calc(((100vw - 1em - var(--body-width-on-desktop)) / 2) * -1);
          left: initial;
          width: auto;
          max-width: 50vw;
          overflow-x: hidden;
          overflow-y: hidden;
          transition:
          max-width 0.2s ease-in-out 0.1s,
          color 0.2s ease-in-out 0.1s,
          box-shadow 0.5s ease-in-out 0.1s,
          background-color 0s ease-in-out 0s,
          border-right-width 0.1s ease-in-out 0.1s;
          border: none;
          border-right: solid 0.25rem rgb(var(--dark-accent));
          background-color: rgba(0, 0, 0, 0);
          box-shadow: 0 0 0 0 rgb(var(--dark-accent));
          color: rgba(0, 0, 0, 0);
          pointer-events: none;
          scrollbar-width: thin;
      }
  
      .sidebox::-webkit-scrollbar {
          width: 0.5em;
      }
  
      .sidebox * {
          transition: opacity 0.2s ease-in-out 0.1s;
          opacity: 0;
      }
  
      .sidebox::before,
      .sidebox::after {
          content: " ";
          position: absolute;
          right: 0;
          pointer-events: all;
      }
  
      .sidebox::before {
          z-index: 10;
          top: calc(50% - 0.75rem);
          width: 0;
          height: 0;
          transition: border 0.1s ease-in-out 0.1s;
          border-top: 0.75rem solid transparent;
          border-right: 0.75rem solid rgb(var(--dark-accent));
          border-bottom: 0.75rem solid transparent;
      }
  
      .sidebox::after {
          z-index: -1;
          top: 0;
          width: 100%;
          max-width: 0.75rem;
          height: 100%;
          max-height: calc(100vh - 18rem);
          transition:
          box-shadow 0.5s ease-in-out 0.1s,
          max-width 0.5s ease-in-out 0.1s,
          border-top-left-radius 0.5s ease-in-out 0.1s,
          border-bottom-left-radius 0.5s ease-in-out 0.1s,
          border-top 0.25s ease-in-out 0.1s;
          background-color: rgb(245, 245, 245);
          box-shadow: 0.125rem 0 0 0 rgb(245, 245, 245);
          box-sizing: border-box;
      }
  
      .sidebox:hover,
      .sidebox:active {
          overflow-y: auto;
          transition:
          max-width 0.5s ease-in-out 0.2s,
          color 0.5s ease-in-out 0.2s,
          box-shadow 0.5s ease-in-out 0.1s,
          background-color 0s ease-in-out 0.6s,
          right 0.5s ease-in-out 0.1s,
          border-right-width 0.1s ease-in-out 0.1s;
          background-color: rgb(245, 245, 245);
          color: rgb(var(--swatch-text-general));
          border-right-width: 0rem;
          pointer-events: all;
      }
  
      .sidebox:hover *,
      .sidebox:active * {
          transition: opacity 0.5s ease-in-out 0.2s;
          opacity: 1;
      }
  
      .sidebox:hover::before,
      .sidebox:active::before {
          border-top: 0vw solid transparent;
          border-bottom: 0vw solid transparent;
      }
  
      .sidebox:hover::after,
      .sidebox:active::after {
          right: 0;
          max-width: 100%;
          border-top: solid 0.125rem rgb(var(--dark-accent));
          border-top-left-radius: 0rem;
          border-bottom-left-radius: 0rem;
          box-shadow: 0 -0.125rem 0 0 rgb(var(--swatch-primary-darkest));
      }
  }
  
  @media (min-width: 56.25rem) and (max-width: 80.625rem) {
      .sidebox {
          right: calc(((100vw - (var(--body-width-on-desktop)*1.25 + var(--sidebar-width-on-desktop) - 8rem))/2) * -1 - 1.5em);
      }
  }
  
  @media only screen and (max-width:56.25rem) {
      .anchor {
          top: calc(var(--topbar-height-on-mobile) + 0.75rem);
      }
  
      .sidebox,
      .sidebox:hover,
      .sidebox:active {
          right: calc(((100vw - (100% - 2.75rem))/2) * -1 + 1.5em);
      }
  
      .sidebox::before,
      .sidebox::after {
          content: " ";
          position: absolute;
          right: 0;
          pointer-events: all;
      }
  }
  
  div.blockquote {
      border: none;
      border-right: 5px solid rgb(var(--medium-accent));
      border-left: 5px solid rgb(var(--medium-accent));
      box-shadow: 1px 1px 4px #27549582;
  }
  
  .addendum {
      background: #F5F5F5;
      border: none; 
      border-left: 6px solid rgb(var(--dark-accent));
      border-right: 6px solid rgb(var(--dark-accent));
      box-shadow: 1px 1px 4px #27549582; 
      width: 84%;
      padding: 10px 15px;
      margin: 10px auto;
  }
  
  .warning {
      box-shadow: 1px 1px 4px #27549582;
  }
  
  .scp-image-caption {
      color: rgb(var(--white-monochrome));
      background-color: rgb(var(--dark-accent)) !important;
      box-shadow: none;
      margin-top: -1px;
      padding-top: 0.75ex !important;
  }
  
  .image-block,
  .scp-image-block {
      box-shadow: 1px 1px 4px #27549582;
  }
  
  table.wiki-content-table th {
      text-align: center;
  }
  
  #page-content a.collapsible-block-link {
      font-size: 110%;
  }
  

  Pages using this styling

  • kte-9817-bluebuster-mendel-shelley-renegade-armbrusteri [info]

  ¶ 1 occurrence
  

  
  :root {
      --toggle-button-bg: rgb(var(--white-monochrome));
      --toggle-border-color: rgb(var(--medium-accent));
      --toggle-icon-color: rgb(var(--medium-accent));
      --toggle-roundness: 0;
      --fnColor: #A4C2EC;
  }
  
  .info-container{
      --barColour: #A4C2EC;
  }
  
  body .italic,
  body .italic *,
  body em,
  body em *,
  body i,
  body i * {
      --slnt: 7;
  }
  
  #page-title::after,
  .meta-title::after,
  #page-title::before,
  .meta-title::before {
      content: "";
      flex-grow: 1;
      height: 0.33rem;
      background: rgb(var(--bright-accent));
  }
  
  #page-title::before,
  .meta-title::before {
      margin: auto 1.25rem auto auto;
  }
  
  div.blockquote {
      border: none;
      border-right: 5px solid rgb(var(--medium-accent));
      border-left: 5px solid rgb(var(--medium-accent));
      box-shadow: 1px 1px 4px #27549582;
  }
  
  .addendum {
      background: #F5F5F5;
      border: none; 
      border-left: 6px solid rgb(var(--dark-accent));
      border-right: 6px solid rgb(var(--dark-accent));
      box-shadow: 1px 1px 4px #27549582; 
      width: 84%;
      padding: 10px 15px;
      margin: 10px auto;
  }
  
  .warning {
      box-shadow: 1px 1px 4px #27549582;
  }
  
  .scp-image-caption {
      color: rgb(var(--white-monochrome));
      background-color: rgb(var(--dark-accent)) !important;
      box-shadow: none;
      margin-top: -1px;
      padding-top: 0.75ex !important;
  }
  
  .image-block,
  .scp-image-block {
      box-shadow: 1px 1px 4px #27549582;
  }
  
  table.wiki-content-table th {
      text-align: center;
  }
  
  .timeline {
      border-collapse: collapse;
      margin: -1em 0 0 0;
      text-align: justify;
  }
  
  .year {
      white-space: nowrap;
      border-right: .0625rem solid rgb(var(--swatch-tertiary-color));
      vertical-align: middle;
      text-align: left;
      padding: 0.5em 1em;
      width: 70px;
      margin: auto;
  }
  
  .date {
      white-space: nowrap;
      border-right: .0625rem solid #aaa;
      vertical-align: baseline;
      text-align: right;
      padding: 0.5em 1em;
      font-size: 0.8em;
  }
  
  .description {
      vertical-align: baseline;
      padding: 0.5em 1em;
  }
  
  .blinklink {
      animation: blink 0.8s ease-in-out infinite alternate;
      text-align: center;
      font-size: 150%;
  }
  
  @keyframes blink {
      0% { color: transparent; }
      50%, 100% { color: #5C95E6; }
  }
  

  Pages using this styling

  • kte-2039-carcinoma-oder-templum [info]

  ¶ 1 occurrence
  

  
  @import url('https://fonts.googleapis.com/css2?family=Mr+De+Haviland&display=swap');
  
  #page-title {
    display: none;
  }
  .meta-title {
    border-bottom: solid 1px #bbbbbb;
    font-weight: normal;
    margin: 0 0 0.6em;
    padding: 0 0 0.25em;
    font-size: 200%;
  }
  .meta-title p {
    margin: 0;
  }
  
  .toumei{
  background-color:#DFFFF3;
  background: url(http://scp-jp-sandbox3.wikidot.com/local--files/draft:3646960-19-672f/scplogo-half)
  left no-repeat,
  url(http://scp-jp-sandbox3.wikidot.com/local--files/draft:3646960-19-672f/goclogo-half)
  right no-repeat;
  float: center;
  border: solid 1px #000000;
  padding: 0;
  margin: 0 auto;
  box-shadow: 0 1px 3px rgba(0,0,0,.2);
  }
  
  .maku {
      background: rgba(255,230,150,0.93);
  height: 100%;
  padding: 15px 15px;
  }
  
  .moji{
  color: black;
  font-family: 'Yu Mincho Light','YuMincho','Yu Mincho','游明朝体','ＭＳ Ｐ明朝','MS PMincho','ヒラギノ明朝 ProN','Hiragino Mincho ProN',sans-serif;
  font-weight: bold;
  }
  
  .goc {
  background: #ffffff8a url('https://scp-wiki.wdfiles.com/local--files/theme%3Aredtape/goc-fade.png') -5rem -5rem no-repeat;
  background-blend-mode: color-burn;
  border-left: 5px solid #275495;
  background-size: 30rem;
  box-shadow: 1px 1px 4px #27549582;
  color: black;
  width: 84%;
  padding: 1px 15px;
  margin: 10px auto;
  }
  
  .goc hr {
      padding: 0.0313rem;
      border-top: 0.125rem solid #275495;
      border-bottom: 0.0625rem solid #275495;
      background: transparent;
  }
  
  .goc .date {
  background: #275495 !important;
  color: white;
  padding: 3px;
  border-radius: 4px;
  font-family: monospace;
  white-space: nowrap;
  }
  .goc th { background-color: #275495!important;}

  Pages using this styling

  • kte-1221-parallax-nacl-carcinoma [info]

  ¶ 1 occurrence
  

  
  div.mi666 {
      width: 90%;
      margin: auto;
      padding: 1em;
      border: 3px solid #DD6161;
      box-shadow: 3px 3px 5px rgba(100,0,0,.5);
      font-family: 'Nanum Gothic', Arial, sans-serif;
  }
  
  .mi666 span {
      word-break: normal;
  }
  
  div.uiu {
      border: solid 1px #0A0037;
      background-color: #0A0037;
      width: 95%;
      margin: auto;
      padding: 1px 15px;
      box-shadow: 0 -1px 3px rgba(10,0,55,.2);
  }
  
  div.uiu h1 span,
  div.uiu h3 span {
      word-break: normal;
      font-family: var(--body-font);
  }
  
  div.uiu h1 {
      color: white;
  }
  
  div.uiu + div {
      border: solid 1px #0A0037;
      width: 95%;
      padding: 1px 15px;
      margin: auto;
      box-shadow: 0 1px 3px rgba(10,0,55,.4);
      margin-bottom: 1em;
      text-align: justify;
  }
  
  .mcf-box {
      background: url(https://scp-wiki.wdfiles.com/local--files/3rd-vesta-donation/MCF-7.png) center center no-repeat;
      border: solid 4px #006c00;
      padding: 5px 15px;
      margin: 10px auto;
      font-family: sansationregular;
      background-color: #f8fdf8;
      box-shadow: 0 1px 3px rgba(0,0,0,.2);
  }
  
  .alt {
      border: solid 4px #6bab30;
      background-color: #fff;
      max-width: 600px;
  }
  
  div.warning {
      width: 80%;
      margin: 0.625rem auto;
      padding: 0.9375rem;
      border: solid 0.125rem rgb(var(--swatch-primary-darker));
      background: #fff url('https://scp-wiki.wdfiles.com/local--files/theme%3Agoc/goc-fade.png') center no-repeat;
      color: black;
      text-align: center;
  }
  
  div.blockquote {
      border: none;
      border-right: 5px solid rgb(var(--medium-accent));
      border-left: 5px solid rgb(var(--medium-accent));
      box-shadow: 1px 1px 4px #27549582;
  }

  Pages using this styling

  • kte-0641-white-domino [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.google.com/specimen/Zen+Loop:wght@400;700&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@400;700&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Calligraffitti:wght@400;700&display=swap');
  
  /* ==== ACS PATCH ==== */
   .anom-bar-container.clear-6 .top-center-box > div {
      background-blend-mode: luminosity;
      background-color: var(--accentColor);
  }
  
   #main-content hr,
   .anom-bar > .bottom-box::before {
      background-attachment: fixed;
      background-blend-mode: overlay;
      background-color: rgb(var(--swatch-primary, 133, 0, 5)) !important;
      background-image: url(https://scp-wiki.wdfiles.com/local--files/component%3Aanomaly-class-bar/galactic.jpg);
      background-size: contain;
  }
  
   #main-content hr {
      width: 100%;
      height: .5rem;
  
      border: 0;
  }
  

  Pages using this styling

  • koyaanisqatsi [info]

  ¶ 1 occurrence
  

  /*
      REBORN MCF Theme
      [2018 Wikidot Theme]
      Based on Reach's Manna Charitable Foundation Theme
      Created by 7happy7
  */
  
  @charset "utf-8";
   
  @import url('http://scp-jp.wdfiles.com/local--theme/scp-sigma-9-off-canvas/style.css');
  
  
  /* COMMON */
  #page-title {display: none;}
  
  #content-wrap {
      position: relative;
      margin: 2em auto 0;
      max-width: 1040px;
      min-height:1300px;
      height: auto !important;
      height: 1500px;
  }
  
  h1, #page-title {
      font-family: sansationregular, sans-serif;
      color: #ff000000;
      padding: 0 0 0.25em;
      margin: 0 0 0.6em;
      text-align: left;
  }
  h1 {
      margin-top: 0.7em;
      padding: 0;
      font-weight: bold;
  }
  h2, h3, h4, h5, h6, h7 {
      margin: 0.5em 0 0.4em;
      padding: 0;
      letter-spacing: 1px;
  }
  #page-title {
      font-family: sansationregular, sans-serif;    
      font-weight: bold;
      border-color: #ff000000;
  }
  ul {
      /*list-style-image: url(../images/bullet.gif);*/
      list-style: square;
  }
  #top-bar ul {
  /* list-style-image: none; /* IE ONLY! IF list-style-image IS SET */
  }
   
  li, p {
      line-height: 150%;
  }
  a {
      color: #dc143c;
      text-decoration: none;
      background: transparent;
  }
  a.newpage {
      color: #000000;
      text-decoration: none;
      background: transparent;
  }
  a:hover {
      text-decoration: underline;
      background: transparent;
  }
   
  /* GLOBAL WIDTH */
  #header, #top-bar {
      width: 90%;
      max-width: 980px;
      margin: 0 auto;
  }
  
  body {
      background-color: #fff;
      font-family: sansationregular, normal;
      font-size: 0.80em;
      color: #333;
  }
  div#container-wrap {
      background: url(http://indobox.wdfiles.com/local--files/scoop/bbgg.png) top left 90% repeat-x;
  }
   
  /* HEADER */
  #header {
      height: 140px;
      position: relative;
      z-index: 10;
      padding-bottom: 22px; /* FOR MENU */
      background: url(http://indobox.wdfiles.com/local--files/scoop/rogom) 40px 6px no-repeat; background-size: 47%;  background-position: 1em;
  }
  #search-top-box {
      position: absolute;
      top: 79px;
      right: 9px;
      width: 250px;
      text-align: right;
  }
  #search-top-box-input {
      border: solid 1px #ffffff;
      border-radius: 5px;
      color: #ffffff;
      background-color: #ffffff;
      box-shadow: inset 1px 1px 3px rgba(0,0,0,.5);
  }
  #search-top-box-input:hover,
  #search-top-box-input:focus {
      border: solid 1px #fff;
      color: #000;
      background-color: #ffffff;
      box-shadow: inset 1px 1px 3px rgba(0,0,0,.8);
  }
  #search-top-box-form input[type=submit] {
      border: solid 1px #ffffff;
      border-radius: 5px;
      padding: 2px 5px;
      font-size: 90%;
      font-weight: bold;
      color: #dc143c;
      background-color: #ffffff;
      background: linear-gradient(to bottom, #ffffff,#ffffff,#ffffff);
      box-shadow: 0 1px 3px rgba(0,0,0,.5);
      cursor: pointer;
  }
  #search-top-box-form input[type=submit]:hover,
  #search-top-box-form input[type=submit]:focus {
      border: solid 1px #fff;
      color: #dc143c;
      text-shadow: 0 0 1px rgba(255,255,255,.25)
      background-color: #f5f5f5;
      background: linear-gradient(to bottom, #f5f5f5,#f5f5f5,#f5f5f5);
      box-shadow: 0 1px 3px rgba(0,0,0,.8);
  }
   
  #login-status {
      color: #ffffff;
      font-size: 90%;
      z-index: 30;
  }
  #login-status a {
      background: transparent;
      color: #ffffff;
  }
  #login-status ul a {
      color: #ffffff;
      background: transparent;
  }
   
  #account-topbutton {
      background: #fff;
      color: #ffffff;
  }
   
  .printuser img.small {
      margin-right: 1px;
  }
   
  #header h1 {
      margin-left: 120px;
      padding: 0;
      float: left;
      max-height: 95px;
  }
  #header h2 {
      margin-left: 120px;
      padding: 0;
      clear: left;
      float: left;
      font-size: 105%;
      max-height: 38px;
  }
   
  #header h1 a {
      display: block;
      margin: 0;
      line-height: 0px;
      max-height: 0px;
      color: transparent;
      font-family: sansationregular;
      font-size: 0%;
      text-decoration: none;
  }
   
  #header h2 span {
      display: block;
      margin: 0;
      line-height: 0px;
      max-height: 0px;
      font-family: quanticoregular, sans-serif;
      font-size: 0%;
      color: #092200;
  }
   
  /* TOP MENU */
  #top-bar {
      font-family: quanticoregular, sans-serif;
      font-size: 90%;
  }
  #top-bar ul {
      float: right;
  }
  #top-bar a {
      color: #fff;
      background: transparent;
  }
  #top-bar ul li {
      border: 0;
      position: relative;
  }
  #top-bar ul li ul {
      border: solid 1px #3d2b1f;
      box-shadow: 0 2px 6px rgba(0,0,0,.5);
      border-top: 0;
  }
  #top-bar ul li:last-of-type ul {
      right: 0;
  }
  #top-bar ul li a {
      border-left: solid 1px rgba(64,64,64,.1);
      border-right: solid 1px rgba(64,64,64,.1);
      text-decoration: none;
      padding-top: 10px;
      padding-bottom: 10px;
      line-height: 1px;
      max-height: 1px;
      overflow: hidden;
  }
   
  #top-bar ul li.sfhover a,
  #top-bar ul li:hover a {
      background: #f0f8ff;
      color: #006c00;
      border-left: solid 1px rgba(64,64,64,1);
      border-right: solid 1px rgba(64,64,64,1);
  }
   
  #top-bar ul li.sfhover ul li a,
  #top-bar ul li:hover ul li a {
      border-width: 0;
      width: 150px;
      border-top: 1px solid #ddd;
      line-height: 160%;
      height: auto;
      max-height: none;
      padding-top: 0;
      padding-bottom: 0;
  }
  #top-bar ul li.sfhover a:hover,
  #top-bar ul li:hover a:hover {
      background: #fff;
      text-decoration: none;
  }
  #top-bar ul li ul {
      border-width: 0 1px 1px 1px;
      width: auto;
  }
  #top-bar ul li ul li, #top-bar ul li ul li.sfhover,
  #top-bar ul li ul li, #top-bar ul li ul li:hover {
      border-width: 0;
  }
  #top-bar ul li ul li a {
      border-width: 0;
  }
  #top-bar ul li ul a, #top-bar a:hover {
      color: #8db600;
  }
   
  /* IE7 HACK */
  #top-bar ul > li > ul {  
      *margin-top: -4px;
  }
   
  /* SIDE MENU */
  #side-bar {
      left: -2em;
      font-family: quanticoregular, sans-serif;
  }
  #side-bar .side-block {
      padding: 10px;
      border: 3px solid #dc143c;
      border-radius: 10px;
      box-shadow: 0 2px 6px rgba(102,0,0,.5);
      background: #fff;
      margin-bottom: 15px;
  }
  #side-bar .side-area {
      padding: 10px;
  }
  #side-bar .heading {
      color: #c71585;
      border-bottom: solid 1px #dc143c;
      padding-left: 15px;
      margin-top: 10px;
      margin-bottom: 5px;
      font-size: 8pt;
      font-weight: bold;
  }
  #side-bar p {
      margin: 0;
  }
  #side-bar div.menu-item {
      margin: 2px 0;
  }
  #side-bar div.menu-item img {
      width: 13px;
      height: 13px;
      border: 0;
      margin-right: 2px;
      position: relative;
      bottom: -2px;
  }
  #side-bar div.menu-item a {
      font-weight: bold;
  }
  #side-bar div.menu-item.inactive img {
      opacity: 0.25;
  }
  #side-bar div.menu-item.inactive a {
      color: #db7093;
  }
  #side-bar div.menu-item .sub-text {
      font-size: 80%;
      color: #db7093;
  }
  #side-bar div.menu-item.sub-item {
  }
   
  #side-bar .collapsible-block-folded {
      background: url(http://unofficial-scp-sandbox-jp.wikidot.com/local--files/nav:side/expand.png) 0 2px no-repeat;
  }
  #side-bar .collapsible-block-link {
      margin-left: 15px;
      font-weight: bold;
  }
  #side-bar .collapsible-block-unfolded-link {
      border-bottom: solid 1px #c71585;
  }
  #side-bar .collapsible-block-unfolded-link .collapsible-block-link {
      margin-top: 10px;
      margin-bottom: 5px;
      font-size: 8pt;
      color: #c71585;
  }
  #side-bar .collapsible-block-unfolded-link .collapsible-block-link:hover {
      color: #db7093;
      text-decoration: none;
  }
  /* CONTENT */
  #main-content {
      margin: 0 0 0 19em;
      padding: 0;
      position: relative;
  }
   
  #breadcrumbs {
      margin: -1em 0 1em;
      font-weight: 85%;
  }
   
  /* YUI-TABS */
  .yui-navset .yui-content{
      background-color: #f5f5f5;
  }
  .yui-navset .yui-nav a,
  .yui-navset .yui-navset-top .yui-nav a {
      background-color:#d8d8d8;
      background-image: url(../images/yuitabs.png);
  }
  .yui-navset .yui-nav .selected a,
  .yui-navset .yui-nav .selected a:focus, /* no focus effect for selected */
  .yui-navset .yui-nav .selected a:hover { /* no hover effect for selected */
      background:#008000 url(../images/yuitabs.png) repeat-x left -1400px; /* selected tab background */
      color:#fff;
  }
  .yui-navset .yui-nav a:hover,
  .yui-navset .yui-nav a:focus {
      background:#79d479 url(../images/yuitabs.png) repeat-x left -1300px;
      text-decoration: none;
  }
  .yui-navset .yui-nav,
  .yui-navset .yui-navset-top .yui-nav {
      border-color: #008000;
  }
  .yui-navset .yui-nav,
  .yui-navset .yui-navset-top .yui-nav {
      border-color: #006c00;
  }
   
  /* FOOTER */
  #footer {
      clear: both;
      font-size: 77%;
      background: #3d2b1f;
      color: #006c00;
      margin-top: 15px;
      padding: 3px 10px;
  }
  #footer .options {
      visibility: visible;
      display: block;
      float: right;
      width: 50%;
      font-size: 100%;
      text-align: right;
  }
  #footer a {
      color: #fff;
      background: transparent;
  }
  
  div.wiki-note {
      background-image: url(http://unofficial-scp-sandbox-jp.wikidot.com/local--files/component:mcf-theme/MCF-7.png);
      background-position: center;
      background-repeat: no-repeat;
      width: auto;
      border: 1px solid #999;
      text-align: center;
      border: double 2px #6bab30;
      padding: 7px 10px;
      margin: 5% 20%;
      font-family: sansationregular, serif;
      background-color: #edf7e3;
      box-shadow: 0 1px 3px rgba(0,0,0,.2);
  }
  
   
  /* Custom page content classes */
  #page-content {
      min-height: 720px;
  }
   
  .unmargined > p {
      margin: 0;
      line-height: 100%;
  }
  .content-panel {
      border: solid 1px #5d8aa8;
      border-radius: 10px;
      background-color: #bcd4e6;
      margin: 10px 0 15px;
      box-shadow: 3px 3px 6px #e6e6fa;
      box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.1);
  }
  .content-panel.standalone {
      background: #fcfdfb;
  }
  .content-panel.series {
      padding: 0 20px;
      margin-bottom: 20px;
  }
  .content-panel.centered {
      text-align: center;
  }
  .content-panel.left-column {
      float: left;
      width: 48%;
  }
  .content-panel.right-column {
      float: right;
      width: 48%;
  }
   
  .content-panel .panel-heading {
      padding: 2px 10px;
      color: #ffffff;
      font-size: 90%;
      font-weight: bold;
      text-shadow: 1px 1px 2px rgba(0,0,0,.35);
  }
  .content-panel .panel-heading > p,
  .content-panel .panel-footer > p {
      margin: 0;
  }
  .content-panel .panel-body {
      padding: 5px 10px;
      background: f0ffff
  }
  .content-panel .panel-footer {
      padding: 1px 10px;
      color: #06da6e;
      font-size: 80%;
      font-weight: bold;
      text-align: right;
      text-shadow: 1px 1px 2px rgba(0,0,0,.5);
  }
  .content-panel .panel-footer a {
      color: #ffffff;
  }
  .content-panel .content-toc {
      float: right;
      padding: 0 20px;
      background-color: #fff;
      border: solid 1px #5d8aa8;
      border-radius: 10px;
      margin: 20px 0 5px 5px;
      white-space: nowrap;
      box-shadow: inset 1px 2px 6px rgba(0,0,0,.15)
  }
  .alternate:nth-child(even) {
      background-color: rgba(255,255,255,.9);
  }
   
  /* Page Rating Module Customizations */
  .page-rate-widget-box {
    border-radius: 5px;
    box-shadow: 1px 1px 3px rgba(0,0,0,.5);
  }
  div.page-rate-widget-box .rate-points {
    background-color: #dc143c;
    border: solid 1px #dc143c;
    border-right: 0;
    border-radius: 5px 0 0 5px;
    font-family: sansationregular, sans-serif !important;
  }
  .page-rate-widget-box .rateup,
  .page-rate-widget-box .ratedown {
    background-color: #f0f8ff;
    border-top: solid 1px #dc143c;
    border-bottom: solid 1px #dc143c;
    font-weight: bold;
  }
  .page-rate-widget-box .rateup a,
  .page-rate-widget-box .ratedown a {
    background: transparent;
    color: #dc143c;
    padding: 0 4px;
    margin: 0 1px;
  }
  .page-rate-widget-box .rateup a:hover,
  .page-rate-widget-box .ratedown a:hover {
    background: #dc143c;
    color: #dc143c;
    text-decoration: none;
  }
  .page-rate-widget-box .cancel {
    background-color: #dc143c;
    border: solid 1px #dc143c;
    border-left: 0;
    border-radius: 0 5px 5px 0;
  }
  .page-rate-widget-box .cancel a {
    background: transparent;
    text-transform: uppercase;
    color: #f0ffff;
  }
  .page-rate-widget-box .cancel a:hover {
    border-radius: 0 3px 3px 0;
    background: #dc143c;
    color: #f0ffff;
    text-decoration: none;
  }
  
  /* Credit Rating Module */
  #page-content .creditRate div.page-rate-widget-box .rate-points {
    background-color: #dc143c;
    border: solid 1px #dc143c;
  }
  #page-content .creditButton p a{
  background: #dc143c !important;
  }
  .rate-box-with-credit-button .creditButton {
      background-color: #dc143c !important;
      border: solid 1px #dc143c !important;
  }
  .creditButton a:hover {
  color: #dc143c !important;
  }
  
  /* Heritage Collection Rating Module */
  .heritage-rating-module {
    float: right;
    background-color: #dc143c;
    padding: 2px 8px 2px 5px;
    margin-bottom: 10px;
    margin-right: 2em;
    border: solid 1px #dc143c;
    border-radius: 8px;
    box-shadow: 0 1px 3px rgba(0,0,0,.25);
  }
  .heritage-rating-module .page-rate-widget-box {
    float: right;
    box-shadow: none;
    margin-bottom: 0;
    margin-right: 0;
  }
  .heritage-rating-module .heritage-emblem {
    float: right;
    position: relative;
    top: -2px;
    left: 2px;
    height: 16px;
    width: 16px;
    overflow: visible;
    margin-right: 2px;
  }
  .heritage-rating-module .heritage-emblem img {
    width: 20px;
    height: 20px;
    border: 0;
  }
   
  /* Fixes for Multi-Line Page Tags */
  #main-content .page-tags {
      margin: 1em 0 0;
      padding: 0;
  }
  #main-content .page-tags span {
      display: inline-block;
      padding: 0;
      max-width: 60%;
  }
  #main-content .page-tags a {
      display: inline-block;
      white-space: nowrap;
  }
   
  /* Standard Image Block */
  .scp-image-block {
    float: right;
    clear: right;
    margin: 0 2em 1em 2em;
    border: solid 1px #ff000000;
    box-shadow: 0 1px 6px rgba(0,0,0,.25);
    width: 300px;
  }
  .scp-image-block.block-left {
    float: left;
    clear: left;
    margin: 0 2em 1em 0;
  }
  .scp-image-block img {
    border: 0;
    width: 300px;
  }
  .scp-image-block .scp-image-caption {
    background-color: #ff000000;
    border-top: solid 1px #ff000000;
    padding: 2px 0;
    font-size: 80%;
    font-weight: bold;
    text-align: center;
    width: 300px;
  }
  .scp-image-block > p {
    margin: 0;
  }
  .scp-image-block .scp-image-caption > p {
    margin: 0;
    padding: 0 10px;
  }
   
  /* Forum Customizations */
  .forum-thread-box .description-block {
    padding: .5em 1em;
    border-radius: 10px;
    box-shadow: 0 1px 5px rgba(0,0,0,.15),
      inset 0 1px 0 rgba(255,255,255,.8),
      inset 0 10px 5px rgba(255,255,255,.25),
      inset 0 -15px 30px rgba(0,0,0,.1)
  }
  .thread-container .post .head {
      padding: 0.5em 1em;
      background-color: #f0f8ff;
      background: linear-gradient(to right, #f0f8ff, #eeecec);
      box-shadow: inset 2px 3px 6px rgba(0,0,0,.15);
      border-radius: 5px 5px 0 0;
  }
   
  /* Hide Forum Signatures */
  .signature {
    display:none !important;
  }
  
  @media (max-width: 479px) {
  #search-top-box-input {
      display: none;
  }
   
  #page-content {
      font-size: 0.9em;
  }
   
  #main-content {
      margin: 0;
  }
   
  #recent-posts-category {
  width: 100%;
  }
   
  #header, .mobile-top-bar {
      max-width: 90%;
  }
   
  #side-bar {
      width: 80%;
      position: relative;
  }
   
  .top-bar {
      display:none;
  }
   
  .mobile-top-bar {
      display: block;
      padding: 0;
  }
   
  .page-options-bottom a {
      padding: 0 4px;
  }
   
  blockquote {
      margin: 1em 0;
  }
   
  .license-area {
      font-size: 0.8em;
  }
  
  #header h1, #header h2 {
      margin-left: 66px;
  }
   
  table.form td, table.form th {
      float: left;
  }
   
  /*
  td.title {
      width: 30%;
  }
  */
   
  td.name {
      width: 15em;
  }
   
  table.form td, table.form th {
      padding: 0;
  }
   
  #edit-page-title {
      max-width: 90%;
  }
   
  .content-panel.left-column, .content-panel.right-column  {
  width: 99%;
  float: left;
  }
   
  #page-content div, #page-content div table {
  clear: both;
  }
   
  #page-content div.title {
  word-break: keep-all;
  }
   
  }
  
  /* ////////////////////background-size//////////////////// */
  /* Mobile Media Query */
  @media (max-width: 319px) {
  #header {
      background-size: 75%;
      background-position: 1em;
  }
  }
   
  /* Note Media Query */
  @media (min-width: 320px) and (max-width: 580px) {
  #header {
      background-size: 83%;
      background-position: 1em;
  }
  }
   
  /* Mini Tablet Media Query */
  @media (min-width: 581px) and (max-width: 767px) {
  #header {
      background-size: 77%;
      background-position: 1em;
  }
  }
  
  /* Tablet Media Query */
  @media (min-width: 768px) and (max-width: 979px) {
  #header {
      background-size: 63%;
      background-position: 1em;
  }
  }
  
  /* Tablet Media Query */
  @media (min-width: 980px) and (max-width: 1024px) {
  #header {
      background-size: 47%;
      background-position: 1em;
  }
  }
  /* ////////////////////////////////////////////////// */
  
  /* Note Media Query */
  @media (min-width: 480px) and (max-width: 580px) {
  #search-top-box-input {
      display: none;
  }
   
  #main-content {
      margin: 0 2em 0 2em;
  }
   
  #header, .mobile-top-bar {
      max-width: 90%;
  }
   
  #side-bar {
      width: 80%;
      position: relative;
  }
   
  .top-bar {
      display:none;
  }
   
  .mobile-top-bar {
      display: block;
  }
   
  .page-options-bottom a {
      padding: 0 5px;
  }
   
  blockquote {
      margin: 0.5em;
  }
   
  .license-area {
      font-size: 0.85em;
  }
   
  #header h1, #header h2 {
      margin-left: 80px;
  }
   
  /*
  td.title {
      width: 30%;
  }
  */
   
  #page-content div.title {
  word-break: keep-all;
  }
   
  td.name {
      width: 15em;
  }
   
  .content-panel.left-column, .content-panel.right-column  {
  width: 99%;
  float: left;
  }
   
  #page-content div, #page-content div table {
  clear: both;
  }
  }
   
  /* Mini Tablet Media Query */
  @media (min-width: 581px) and (max-width: 767px) {
  #search-top-box-input {
      display: none;
  }
   
  #side-bar {
      width: 80%;
      position: relative;
  }
   
  #main-content {
      margin: 0 3em 0 2em;
  }
   
  #header, .mobile-top-bar {
      max-width: 90%;
  }
   
  .top-bar {
      display: none;
  }
   
  .mobile-top-bar {
      display: block;
  }
   
  .page-options-bottom a {
      padding: 0 6px;
  }
   
  .license-area {
      font-size: 0.9em;
  }
   
  #header h1, #header h2 {
      margin-left: 93px;
  }
  }
   
  /* Tablet Media Query */
  @media (min-width: 768px) and (max-width: 979px) {
  #main-content {
      margin: 0 4em 0 20em;
  }
   
  #header, #top-bar #side-bar {
      max-width: 100%;
  }
   
  .top-bar li {
      margin: 0;
  }
   
  #top-bar ul li.sfhover ul li a, #top-bar ul li:hover ul li a {
      width: 110px;
  }
   
  .page-options-bottom a {
      padding: 0 7px;
  }
   
  .license-area {
      font-size: 0.95em;
  }
  
  #header h1, #header h2 {
      margin-left: 106px;
  }
   
  .content-panel.left-column, .content-panel.right-column  {
  width: 99%;
  float: left;
  }
   
  #page-content div, #page-content div table {
  clear: both;
  }
  }
   
  /* Desktop Media Query -----------
  @media (min-width: 980px) and (max-width: 1399px) {
   
  }
  ------------------------------------------ */
   
  /* Wide Monitor Media Query -----
  @media (min-width: 1400px) {
   
  }
  ------------------------------------------ */
   
  /* off-canvas */
   
  .close-menu {
      display: none;
  }
   
  @media (max-width: 767px) {
   
  .page-history tbody tr td:last-child {
  width: 35%;
  }
   
  .owindow {
      min-width: 80%;
      max-width: 99%;
  }
   
  .modal-body .table, .modal-body .table ~ div {
      float: left;
  }
   
  .owindow .button-bar {
      float: right;
  }
   
  .owindow div .btn-primary {
  width: 100%;
  float: left;
  }
   
  .owindow div .btn-primary ~ div {
  width: 100%;
  }
   
  .yui-navset {
  z-index: 1;
  }
   
  #navi-bar, #navi-bar-shadow {
      display: none;
  }
   
  .open-menu a {
      position: fixed;
      bottom: 0.5em;
      left: 0.5em;
      z-index: 15;
      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 !important;
      background-color: #fff !important;
      border-radius: 3em;
      color: #888 !important;
  }
   
  .open-menu a:hover {
      text-decoration: none !important;
      -webkit-box-shadow: 0px 0px 20px 3px rgba(153,153,153,1);
      -moz-box-shadow: 0px 0px 20px 3px rgba(153,153,153,1);
      -ms-box-shadow: 0px 0px 20px 3px rgba(153,153,153,1);
      -o-box-shadow: 0px 0px 20px 3px rgba(153,153,153,1);
      box-shadow: 0px 0px 20px 3px rgba(153,153,153,1);
  }
   
  #main-content {
      max-width: 90%;
      margin: 0 5%;
      padding: 0;
      -webkit-transition: 0.5s ease-in-out 0.1s;
      -moz-transition: 0.5s ease-in-out 0.1s;
      -ms-transition: 0.5s ease-in-out 0.1s;
      -o-transition: 0.5s ease-in-out 0.1s;
      transition: 0.5s ease-in-out 0.1s;
  }
   
  #side-bar {
      display: block;
      position: fixed;
      top: 0;
      left: -25em;
      width: 17em;
      height: 100%;
      background-color: rgb(240, 255, 240);
      overflow-y: auto;
      z-index: 10;
      padding: 1em 1em 0 1em;
      -webkit-transition: left 0.5s ease-in-out 0.1s;
      -moz-transition: left 0.5s ease-in-out 0.1s;
      -ms-transition: left 0.5s ease-in-out 0.1s;
      -o-transition: left 0.5s ease-in-out 0.1s;
      transition: left 0.5s ease-in-out 0.1s;
  }
   
  #side-bar:after {
      content: "";
      position: absolute;
      top: 0;
      width: 0;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.2);
   
  }
   
  #side-bar:target {
      display: block;
      left: 0;
      width: 17em;
      margin: 0;
      border: 1px solid #dedede;
      z-index: 10;
  }
   
  #side-bar:target + #main-content {
      left: 0;
  }
   
  #side-bar:target .close-menu {
      display: block;
      position: fixed;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      background: rgba(0,0,0,0.3) 1px 1px repeat;
      z-index: -1;
  }
  }
  
  .dlink a{
      text-decoration: underline;
      color: inherit;
  }
  .serif-block{
      display: inline-block;
      border: dotted 3px #444;
      background:#fff;
      margin-left: auto;
      margin-right: auto;
      width: auto;
      padding:10px;
  }
  
  #u-saiga a {
  color: inherit;
  text-decoration: underline;
  }
  #u-saiga a:hover {
  text-decoration: none;
  }
  
  #page-content .collapsible-block .collapsible-block-link {
      font-size: 2em;
  }
  
  /* KOIGARE HEADER */
  @import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@500&display=swap');
  
  body {
    min-width: 320px;
  }
  
  #page-content .koigare-header {
      display: flex;
      flex-direction: row;
      flex-wrap: nowrap;
      justify-content: space-between;
      align-items: baseline;
      margin: 0;
      padding: 0;
      width: 100%;
      height: 17.5px;
      border: solid 1.25px black;
  }
  
  #page-content .koigare-header,
  #page-content .koigare-header * {
      box-sizing: border-box;
      line-height: 1;
  }
  
  #page-content .koigare-header > .item {
      flex-grow: 1;
      flex-shrink: 1;
      font-family: 'Noto Serif JP', serif;
      padding: 0 2px;
      font-size: 15px;
      text-align: center;
  }
  
  @media (max-width: 950px) {
      #page-content .koigare-header {
          height: 25.5px;
      }
  
      #page-content .koigare-header > .item {
          font-size: 13px;
      }
  }
  
  @media (max-width: 880px) {
      #page-content .koigare-header {
          height: 22.5px;
      }
  
      #page-content .koigare-header > .item {
          font-size: 10px;
      }
  }
  
  @media (max-width: 830px) {
      #page-content .koigare-header {
          height: 20.5px;
      }
  
      #page-content .koigare-header > .item {
          font-size: 8px;
      }
  }
  
  @media (max-width: 767px) {
      #page-content .koigare-header {
          height: calc(100vw / 35 + 5px);
      }
  
      #page-content .koigare-header > .item {
          font-size: calc(100vw / 35);
      }
  }
  
  #page-content .koigare-header > .item:nth-child(2),
  #page-content .koigare-header > .item:nth-child(4),
  #page-content .koigare-header > .item:nth-child(6),
  #page-content .koigare-header > .item:nth-child(8) {
      border-right: solid 1px black;
      border-left: solid 1px black;
  }
  
  #page-content .koigare-header > .item:nth-child(10) {
      border-left: solid 1px black;
  }
  
  #page-content .koigare-header > .item.saishin {
      border-bottom: solid 2px red;
  }
  
  #page-content .koigare-image {
      margin: 1px 0 0 0;
      padding: 0;
      width: 100%;
      height: auto;
      position: relative;
      overflow: hidden;
  }
  
  #page-content .koigare-image img {
      width: 100%;
  }
  
  #page-content .koigare-image > .image-desc {
      display: flex;
      flex-direction: row;
      flex-wrap: nowrap;
      justify-content: space-between;
      align-items: center;
      position: absolute;
      bottom: 0;
      width: 100%;
      background-color: rgba(0,0,0,0.3);
  }
  
  #page-content .koigare-image > .image-desc > .image-left,
  #page-content .koigare-image > .image-desc > .image-right {
      flex-basis: auto;
      flex-grow: 1;
      flex-shrink: 1;
      padding: 0.25em 1em;
      color: white;
      text-shadow: 2px 2px 2px black;
  }
  
  #page-content .koigare-image > .image-desc > .image-left {
      max-width: 70%;
  }
  
  #page-content .koigare-image > .image-desc > .image-right {
      text-align: right;
  }
  
  @media (max-width: 782px) {
    #page-content .koigare-image > .image-desc > * {
        font-size: 90%;
    }
  }
  
  @media (max-width: 767px) {
    #page-content .koigare-image > .image-desc > * {
        font-size: calc( 70vw / 35 );
    }
  }
  
  /* KOIGARE HIROSUE */
  .koigare-hirosue {
    width: 175px;
    float: right;
    word-break: break-all;
    margin: 1em 0.5em 1em 1em;
  }
  
  .koigare-hirosue > .hirosue-desc {
    font-size: 75%;
  }
  

  Pages using this styling

  • koigarezaki-news-911-1998-ver [info]

  ¶ 1 occurrence
  

  /*
      REBORN MCF Theme
      [2018 Wikidot Theme]
      Based on Reach's Manna Charitable Foundation Theme
      Created by 7happy7
  */
  
  @charset "utf-8";
   
  @import url('http://scp-jp.wdfiles.com/local--theme/scp-sigma-9-off-canvas/style.css');
  
  
  /* COMMON */
  #page-title {display: none;}
  
  #content-wrap {
      position: relative;
      margin: 2em auto 0;
      max-width: 1040px;
      min-height:1300px;
      height: auto !important;
      height: 1500px;
  }
  
  h1, #page-title {
      font-family: sansationregular, sans-serif;
      color: #ff000000;
      padding: 0 0 0.25em;
      margin: 0 0 0.6em;
      text-align: left;
  }
  h1 {
      margin-top: 0.7em;
      padding: 0;
      font-weight: bold;
  }
  h2, h3, h4, h5, h6, h7 {
      margin: 0.5em 0 0.4em;
      padding: 0;
      letter-spacing: 1px;
  }
  #page-title {
      font-family: sansationregular, sans-serif;    
      font-weight: bold;
      border-color: #ff000000;
  }
  ul {
      /*list-style-image: url(../images/bullet.gif);*/
      list-style: square;
  }
  #top-bar ul {
  /* list-style-image: none; /* IE ONLY! IF list-style-image IS SET */
  }
   
  li, p {
      line-height: 150%;
  }
  a {
      color: #dc143c;
      text-decoration: none;
      background: transparent;
  }
  a.newpage {
      color: #000000;
      text-decoration: none;
      background: transparent;
  }
  a:hover {
      text-decoration: underline;
      background: transparent;
  }
   
  /* GLOBAL WIDTH */
  #header, #top-bar {
      width: 90%;
      max-width: 980px;
      margin: 0 auto;
  }
  
  body {
      background-color: #fff;
      font-family: sansationregular, normal;
      font-size: 0.80em;
      color: #333;
  }
  div#container-wrap {
      background: url(http://indobox.wdfiles.com/local--files/scoop/bbgg.png) top left 90% repeat-x;
  }
   
  /* HEADER */
  #header {
      height: 140px;
      position: relative;
      z-index: 10;
      padding-bottom: 22px; /* FOR MENU */
      background: url(http://indobox.wdfiles.com/local--files/scoop/rogom) 40px 6px no-repeat; background-size: 47%;  background-position: 1em;
  }
  #search-top-box {
      position: absolute;
      top: 79px;
      right: 9px;
      width: 250px;
      text-align: right;
  }
  #search-top-box-input {
      border: solid 1px #ffffff;
      border-radius: 5px;
      color: #ffffff;
      background-color: #ffffff;
      box-shadow: inset 1px 1px 3px rgba(0,0,0,.5);
  }
  #search-top-box-input:hover,
  #search-top-box-input:focus {
      border: solid 1px #fff;
      color: #000;
      background-color: #ffffff;
      box-shadow: inset 1px 1px 3px rgba(0,0,0,.8);
  }
  #search-top-box-form input[type=submit] {
      border: solid 1px #ffffff;
      border-radius: 5px;
      padding: 2px 5px;
      font-size: 90%;
      font-weight: bold;
      color: #dc143c;
      background-color: #ffffff;
      background: linear-gradient(to bottom, #ffffff,#ffffff,#ffffff);
      box-shadow: 0 1px 3px rgba(0,0,0,.5);
      cursor: pointer;
  }
  #search-top-box-form input[type=submit]:hover,
  #search-top-box-form input[type=submit]:focus {
      border: solid 1px #fff;
      color: #dc143c;
      text-shadow: 0 0 1px rgba(255,255,255,.25)
      background-color: #f5f5f5;
      background: linear-gradient(to bottom, #f5f5f5,#f5f5f5,#f5f5f5);
      box-shadow: 0 1px 3px rgba(0,0,0,.8);
  }
   
  #login-status {
      color: #ffffff;
      font-size: 90%;
      z-index: 30;
  }
  #login-status a {
      background: transparent;
      color: #ffffff;
  }
  #login-status ul a {
      color: #ffffff;
      background: transparent;
  }
   
  #account-topbutton {
      background: #fff;
      color: #ffffff;
  }
   
  .printuser img.small {
      margin-right: 1px;
  }
   
  #header h1 {
      margin-left: 120px;
      padding: 0;
      float: left;
      max-height: 95px;
  }
  #header h2 {
      margin-left: 120px;
      padding: 0;
      clear: left;
      float: left;
      font-size: 105%;
      max-height: 38px;
  }
   
  #header h1 a {
      display: block;
      margin: 0;
      line-height: 0px;
      max-height: 0px;
      color: transparent;
      font-family: sansationregular;
      font-size: 0%;
      text-decoration: none;
  }
   
  #header h2 span {
      display: block;
      margin: 0;
      line-height: 0px;
      max-height: 0px;
      font-family: quanticoregular, sans-serif;
      font-size: 0%;
      color: #092200;
  }
   
  /* TOP MENU */
  #top-bar {
      font-family: quanticoregular, sans-serif;
      font-size: 90%;
  }
  #top-bar ul {
      float: right;
  }
  #top-bar a {
      color: #fff;
      background: transparent;
  }
  #top-bar ul li {
      border: 0;
      position: relative;
  }
  #top-bar ul li ul {
      border: solid 1px #3d2b1f;
      box-shadow: 0 2px 6px rgba(0,0,0,.5);
      border-top: 0;
  }
  #top-bar ul li:last-of-type ul {
      right: 0;
  }
  #top-bar ul li a {
      border-left: solid 1px rgba(64,64,64,.1);
      border-right: solid 1px rgba(64,64,64,.1);
      text-decoration: none;
      padding-top: 10px;
      padding-bottom: 10px;
      line-height: 1px;
      max-height: 1px;
      overflow: hidden;
  }
   
  #top-bar ul li.sfhover a,
  #top-bar ul li:hover a {
      background: #f0f8ff;
      color: #006c00;
      border-left: solid 1px rgba(64,64,64,1);
      border-right: solid 1px rgba(64,64,64,1);
  }
   
  #top-bar ul li.sfhover ul li a,
  #top-bar ul li:hover ul li a {
      border-width: 0;
      width: 150px;
      border-top: 1px solid #ddd;
      line-height: 160%;
      height: auto;
      max-height: none;
      padding-top: 0;
      padding-bottom: 0;
  }
  #top-bar ul li.sfhover a:hover,
  #top-bar ul li:hover a:hover {
      background: #fff;
      text-decoration: none;
  }
  #top-bar ul li ul {
      border-width: 0 1px 1px 1px;
      width: auto;
  }
  #top-bar ul li ul li, #top-bar ul li ul li.sfhover,
  #top-bar ul li ul li, #top-bar ul li ul li:hover {
      border-width: 0;
  }
  #top-bar ul li ul li a {
      border-width: 0;
  }
  #top-bar ul li ul a, #top-bar a:hover {
      color: #8db600;
  }
   
  /* IE7 HACK */
  #top-bar ul > li > ul {  
      *margin-top: -4px;
  }
   
  /* SIDE MENU */
  #side-bar {
      left: -2em;
      font-family: quanticoregular, sans-serif;
  }
  #side-bar .side-block {
      padding: 10px;
      border: 3px solid #dc143c;
      border-radius: 10px;
      box-shadow: 0 2px 6px rgba(102,0,0,.5);
      background: #fff;
      margin-bottom: 15px;
  }
  #side-bar .side-area {
      padding: 10px;
  }
  #side-bar .heading {
      color: #c71585;
      border-bottom: solid 1px #dc143c;
      padding-left: 15px;
      margin-top: 10px;
      margin-bottom: 5px;
      font-size: 8pt;
      font-weight: bold;
  }
  #side-bar p {
      margin: 0;
  }
  #side-bar div.menu-item {
      margin: 2px 0;
  }
  #side-bar div.menu-item img {
      width: 13px;
      height: 13px;
      border: 0;
      margin-right: 2px;
      position: relative;
      bottom: -2px;
  }
  #side-bar div.menu-item a {
      font-weight: bold;
  }
  #side-bar div.menu-item.inactive img {
      opacity: 0.25;
  }
  #side-bar div.menu-item.inactive a {
      color: #db7093;
  }
  #side-bar div.menu-item .sub-text {
      font-size: 80%;
      color: #db7093;
  }
  #side-bar div.menu-item.sub-item {
  }
   
  #side-bar .collapsible-block-folded {
      background: url(http://unofficial-scp-sandbox-jp.wikidot.com/local--files/nav:side/expand.png) 0 2px no-repeat;
  }
  #side-bar .collapsible-block-link {
      margin-left: 15px;
      font-weight: bold;
  }
  #side-bar .collapsible-block-unfolded-link {
      border-bottom: solid 1px #c71585;
  }
  #side-bar .collapsible-block-unfolded-link .collapsible-block-link {
      margin-top: 10px;
      margin-bottom: 5px;
      font-size: 8pt;
      color: #c71585;
  }
  #side-bar .collapsible-block-unfolded-link .collapsible-block-link:hover {
      color: #db7093;
      text-decoration: none;
  }
  /* CONTENT */
  #main-content {
      margin: 0 0 0 19em;
      padding: 0;
      position: relative;
  }
   
  #breadcrumbs {
      margin: -1em 0 1em;
      font-weight: 85%;
  }
   
  /* YUI-TABS */
  .yui-navset .yui-content{
      background-color: #f5f5f5;
  }
  .yui-navset .yui-nav a,
  .yui-navset .yui-navset-top .yui-nav a {
      background-color:#d8d8d8;
      background-image: url(../images/yuitabs.png);
  }
  .yui-navset .yui-nav .selected a,
  .yui-navset .yui-nav .selected a:focus, /* no focus effect for selected */
  .yui-navset .yui-nav .selected a:hover { /* no hover effect for selected */
      background:#008000 url(../images/yuitabs.png) repeat-x left -1400px; /* selected tab background */
      color:#fff;
  }
  .yui-navset .yui-nav a:hover,
  .yui-navset .yui-nav a:focus {
      background:#79d479 url(../images/yuitabs.png) repeat-x left -1300px;
      text-decoration: none;
  }
  .yui-navset .yui-nav,
  .yui-navset .yui-navset-top .yui-nav {
      border-color: #008000;
  }
  .yui-navset .yui-nav,
  .yui-navset .yui-navset-top .yui-nav {
      border-color: #006c00;
  }
   
  /* FOOTER */
  #footer {
      clear: both;
      font-size: 77%;
      background: #3d2b1f;
      color: #006c00;
      margin-top: 15px;
      padding: 3px 10px;
  }
  #footer .options {
      visibility: visible;
      display: block;
      float: right;
      width: 50%;
      font-size: 100%;
      text-align: right;
  }
  #footer a {
      color: #fff;
      background: transparent;
  }
  
  div.wiki-note {
      background-image: url(http://unofficial-scp-sandbox-jp.wikidot.com/local--files/component:mcf-theme/MCF-7.png);
      background-position: center;
      background-repeat: no-repeat;
      width: auto;
      border: 1px solid #999;
      text-align: center;
      border: double 2px #6bab30;
      padding: 7px 10px;
      margin: 5% 20%;
      font-family: sansationregular, serif;
      background-color: #edf7e3;
      box-shadow: 0 1px 3px rgba(0,0,0,.2);
  }
  
   
  /* Custom page content classes */
  #page-content {
      min-height: 720px;
  }
   
  .unmargined > p {
      margin: 0;
      line-height: 100%;
  }
  .content-panel {
      border: solid 1px #5d8aa8;
      border-radius: 10px;
      background-color: #bcd4e6;
      margin: 10px 0 15px;
      box-shadow: 3px 3px 6px #e6e6fa;
      box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.1);
  }
  .content-panel.standalone {
      background: #fcfdfb;
  }
  .content-panel.series {
      padding: 0 20px;
      margin-bottom: 20px;
  }
  .content-panel.centered {
      text-align: center;
  }
  .content-panel.left-column {
      float: left;
      width: 48%;
  }
  .content-panel.right-column {
      float: right;
      width: 48%;
  }
   
  .content-panel .panel-heading {
      padding: 2px 10px;
      color: #ffffff;
      font-size: 90%;
      font-weight: bold;
      text-shadow: 1px 1px 2px rgba(0,0,0,.35);
  }
  .content-panel .panel-heading > p,
  .content-panel .panel-footer > p {
      margin: 0;
  }
  .content-panel .panel-body {
      padding: 5px 10px;
      background: f0ffff
  }
  .content-panel .panel-footer {
      padding: 1px 10px;
      color: #06da6e;
      font-size: 80%;
      font-weight: bold;
      text-align: right;
      text-shadow: 1px 1px 2px rgba(0,0,0,.5);
  }
  .content-panel .panel-footer a {
      color: #ffffff;
  }
  .content-panel .content-toc {
      float: right;
      padding: 0 20px;
      background-color: #fff;
      border: solid 1px #5d8aa8;
      border-radius: 10px;
      margin: 20px 0 5px 5px;
      white-space: nowrap;
      box-shadow: inset 1px 2px 6px rgba(0,0,0,.15)
  }
  .alternate:nth-child(even) {
      background-color: rgba(255,255,255,.9);
  }
   
  /* Page Rating Module Customizations */
  .page-rate-widget-box {
    border-radius: 5px;
    box-shadow: 1px 1px 3px rgba(0,0,0,.5);
  }
  div.page-rate-widget-box .rate-points {
    background-color: #dc143c;
    border: solid 1px #dc143c;
    border-right: 0;
    border-radius: 5px 0 0 5px;
    font-family: sansationregular, sans-serif !important;
  }
  .page-rate-widget-box .rateup,
  .page-rate-widget-box .ratedown {
    background-color: #f0f8ff;
    border-top: solid 1px #dc143c;
    border-bottom: solid 1px #dc143c;
    font-weight: bold;
  }
  .page-rate-widget-box .rateup a,
  .page-rate-widget-box .ratedown a {
    background: transparent;
    color: #dc143c;
    padding: 0 4px;
    margin: 0 1px;
  }
  .page-rate-widget-box .rateup a:hover,
  .page-rate-widget-box .ratedown a:hover {
    background: #dc143c;
    color: #dc143c;
    text-decoration: none;
  }
  .page-rate-widget-box .cancel {
    background-color: #dc143c;
    border: solid 1px #dc143c;
    border-left: 0;
    border-radius: 0 5px 5px 0;
  }
  .page-rate-widget-box .cancel a {
    background: transparent;
    text-transform: uppercase;
    color: #f0ffff;
  }
  .page-rate-widget-box .cancel a:hover {
    border-radius: 0 3px 3px 0;
    background: #dc143c;
    color: #f0ffff;
    text-decoration: none;
  }
  
  /* Credit Rating Module */
  #page-content .creditRate div.page-rate-widget-box .rate-points {
    background-color: #dc143c;
    border: solid 1px #dc143c;
  }
  #page-content .creditButton p a{
  background: #dc143c !important;
  }
  .rate-box-with-credit-button .creditButton {
      background-color: #dc143c !important;
      border: solid 1px #dc143c !important;
  }
  .creditButton a:hover {
  color: #dc143c !important;
  }
  
  /* Heritage Collection Rating Module */
  .heritage-rating-module {
    float: right;
    background-color: #dc143c;
    padding: 2px 8px 2px 5px;
    margin-bottom: 10px;
    margin-right: 2em;
    border: solid 1px #dc143c;
    border-radius: 8px;
    box-shadow: 0 1px 3px rgba(0,0,0,.25);
  }
  .heritage-rating-module .page-rate-widget-box {
    float: right;
    box-shadow: none;
    margin-bottom: 0;
    margin-right: 0;
  }
  .heritage-rating-module .heritage-emblem {
    float: right;
    position: relative;
    top: -2px;
    left: 2px;
    height: 16px;
    width: 16px;
    overflow: visible;
    margin-right: 2px;
  }
  .heritage-rating-module .heritage-emblem img {
    width: 20px;
    height: 20px;
    border: 0;
  }
   
  /* Fixes for Multi-Line Page Tags */
  #main-content .page-tags {
      margin: 1em 0 0;
      padding: 0;
  }
  #main-content .page-tags span {
      display: inline-block;
      padding: 0;
      max-width: 60%;
  }
  #main-content .page-tags a {
      display: inline-block;
      white-space: nowrap;
  }
   
  /* Standard Image Block */
  .scp-image-block {
    float: right;
    clear: right;
    margin: 0 2em 1em 2em;
    border: solid 1px #ff000000;
    box-shadow: 0 1px 6px rgba(0,0,0,.25);
    width: 300px;
  }
  .scp-image-block.block-left {
    float: left;
    clear: left;
    margin: 0 2em 1em 0;
  }
  .scp-image-block img {
    border: 0;
    width: 300px;
  }
  .scp-image-block .scp-image-caption {
    background-color: #ff000000;
    border-top: solid 1px #ff000000;
    padding: 2px 0;
    font-size: 80%;
    font-weight: bold;
    text-align: center;
    width: 300px;
  }
  .scp-image-block > p {
    margin: 0;
  }
  .scp-image-block .scp-image-caption > p {
    margin: 0;
    padding: 0 10px;
  }
   
  /* Forum Customizations */
  .forum-thread-box .description-block {
    padding: .5em 1em;
    border-radius: 10px;
    box-shadow: 0 1px 5px rgba(0,0,0,.15),
      inset 0 1px 0 rgba(255,255,255,.8),
      inset 0 10px 5px rgba(255,255,255,.25),
      inset 0 -15px 30px rgba(0,0,0,.1)
  }
  .thread-container .post .head {
      padding: 0.5em 1em;
      background-color: #f0f8ff;
      background: linear-gradient(to right, #f0f8ff, #eeecec);
      box-shadow: inset 2px 3px 6px rgba(0,0,0,.15);
      border-radius: 5px 5px 0 0;
  }
   
  /* Hide Forum Signatures */
  .signature {
    display:none !important;
  }
  
  @media (max-width: 479px) {
  #search-top-box-input {
      display: none;
  }
   
  #page-content {
      font-size: 0.9em;
  }
   
  #main-content {
      margin: 0;
  }
   
  #recent-posts-category {
  width: 100%;
  }
   
  #header, .mobile-top-bar {
      max-width: 90%;
  }
   
  #side-bar {
      width: 80%;
      position: relative;
  }
   
  .top-bar {
      display:none;
  }
   
  .mobile-top-bar {
      display: block;
      padding: 0;
  }
   
  .page-options-bottom a {
      padding: 0 4px;
  }
   
  blockquote {
      margin: 1em 0;
  }
   
  .license-area {
      font-size: 0.8em;
  }
  
  #header h1, #header h2 {
      margin-left: 66px;
  }
   
  table.form td, table.form th {
      float: left;
  }
   
  /*
  td.title {
      width: 30%;
  }
  */
   
  td.name {
      width: 15em;
  }
   
  table.form td, table.form th {
      padding: 0;
  }
   
  #edit-page-title {
      max-width: 90%;
  }
   
  .content-panel.left-column, .content-panel.right-column  {
  width: 99%;
  float: left;
  }
   
  #page-content div, #page-content div table {
  clear: both;
  }
   
  #page-content div.title {
  word-break: keep-all;
  }
   
  }
  
  /* ////////////////////background-size//////////////////// */
  /* Mobile Media Query */
  @media (max-width: 319px) {
  #header {
      background-size: 75%;
      background-position: 1em;
  }
  }
   
  /* Note Media Query */
  @media (min-width: 320px) and (max-width: 580px) {
  #header {
      background-size: 83%;
      background-position: 1em;
  }
  }
   
  /* Mini Tablet Media Query */
  @media (min-width: 581px) and (max-width: 767px) {
  #header {
      background-size: 77%;
      background-position: 1em;
  }
  }
  
  /* Tablet Media Query */
  @media (min-width: 768px) and (max-width: 979px) {
  #header {
      background-size: 63%;
      background-position: 1em;
  }
  }
  
  /* Tablet Media Query */
  @media (min-width: 980px) and (max-width: 1024px) {
  #header {
      background-size: 47%;
      background-position: 1em;
  }
  }
  /* ////////////////////////////////////////////////// */
  
  /* Note Media Query */
  @media (min-width: 480px) and (max-width: 580px) {
  #search-top-box-input {
      display: none;
  }
   
  #main-content {
      margin: 0 2em 0 2em;
  }
   
  #header, .mobile-top-bar {
      max-width: 90%;
  }
   
  #side-bar {
      width: 80%;
      position: relative;
  }
   
  .top-bar {
      display:none;
  }
   
  .mobile-top-bar {
      display: block;
  }
   
  .page-options-bottom a {
      padding: 0 5px;
  }
   
  blockquote {
      margin: 0.5em;
  }
   
  .license-area {
      font-size: 0.85em;
  }
   
  #header h1, #header h2 {
      margin-left: 80px;
  }
   
  /*
  td.title {
      width: 30%;
  }
  */
   
  #page-content div.title {
  word-break: keep-all;
  }
   
  td.name {
      width: 15em;
  }
   
  .content-panel.left-column, .content-panel.right-column  {
  width: 99%;
  float: left;
  }
   
  #page-content div, #page-content div table {
  clear: both;
  }
  }
   
  /* Mini Tablet Media Query */
  @media (min-width: 581px) and (max-width: 767px) {
  #search-top-box-input {
      display: none;
  }
   
  #side-bar {
      width: 80%;
      position: relative;
  }
   
  #main-content {
      margin: 0 3em 0 2em;
  }
   
  #header, .mobile-top-bar {
      max-width: 90%;
  }
   
  .top-bar {
      display: none;
  }
   
  .mobile-top-bar {
      display: block;
  }
   
  .page-options-bottom a {
      padding: 0 6px;
  }
   
  .license-area {
      font-size: 0.9em;
  }
   
  #header h1, #header h2 {
      margin-left: 93px;
  }
  }
   
  /* Tablet Media Query */
  @media (min-width: 768px) and (max-width: 979px) {
  #main-content {
      margin: 0 4em 0 20em;
  }
   
  #header, #top-bar #side-bar {
      max-width: 100%;
  }
   
  .top-bar li {
      margin: 0;
  }
   
  #top-bar ul li.sfhover ul li a, #top-bar ul li:hover ul li a {
      width: 110px;
  }
   
  .page-options-bottom a {
      padding: 0 7px;
  }
   
  .license-area {
      font-size: 0.95em;
  }
  
  #header h1, #header h2 {
      margin-left: 106px;
  }
   
  .content-panel.left-column, .content-panel.right-column  {
  width: 99%;
  float: left;
  }
   
  #page-content div, #page-content div table {
  clear: both;
  }
  }
   
  /* Desktop Media Query -----------
  @media (min-width: 980px) and (max-width: 1399px) {
   
  }
  ------------------------------------------ */
   
  /* Wide Monitor Media Query -----
  @media (min-width: 1400px) {
   
  }
  ------------------------------------------ */
   
  /* off-canvas */
   
  .close-menu {
      display: none;
  }
   
  @media (max-width: 767px) {
   
  .page-history tbody tr td:last-child {
  width: 35%;
  }
   
  .owindow {
      min-width: 80%;
      max-width: 99%;
  }
   
  .modal-body .table, .modal-body .table ~ div {
      float: left;
  }
   
  .owindow .button-bar {
      float: right;
  }
   
  .owindow div .btn-primary {
  width: 100%;
  float: left;
  }
   
  .owindow div .btn-primary ~ div {
  width: 100%;
  }
   
  .yui-navset {
  z-index: 1;
  }
   
  #navi-bar, #navi-bar-shadow {
      display: none;
  }
   
  .open-menu a {
      position: fixed;
      bottom: 0.5em;
      left: 0.5em;
      z-index: 15;
      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 !important;
      background-color: #fff !important;
      border-radius: 3em;
      color: #888 !important;
  }
   
  .open-menu a:hover {
      text-decoration: none !important;
      -webkit-box-shadow: 0px 0px 20px 3px rgba(153,153,153,1);
      -moz-box-shadow: 0px 0px 20px 3px rgba(153,153,153,1);
      -ms-box-shadow: 0px 0px 20px 3px rgba(153,153,153,1);
      -o-box-shadow: 0px 0px 20px 3px rgba(153,153,153,1);
      box-shadow: 0px 0px 20px 3px rgba(153,153,153,1);
  }
   
  #main-content {
      max-width: 90%;
      margin: 0 5%;
      padding: 0;
      -webkit-transition: 0.5s ease-in-out 0.1s;
      -moz-transition: 0.5s ease-in-out 0.1s;
      -ms-transition: 0.5s ease-in-out 0.1s;
      -o-transition: 0.5s ease-in-out 0.1s;
      transition: 0.5s ease-in-out 0.1s;
  }
   
  #side-bar {
      display: block;
      position: fixed;
      top: 0;
      left: -25em;
      width: 17em;
      height: 100%;
      background-color: rgb(240, 255, 240);
      overflow-y: auto;
      z-index: 10;
      padding: 1em 1em 0 1em;
      -webkit-transition: left 0.5s ease-in-out 0.1s;
      -moz-transition: left 0.5s ease-in-out 0.1s;
      -ms-transition: left 0.5s ease-in-out 0.1s;
      -o-transition: left 0.5s ease-in-out 0.1s;
      transition: left 0.5s ease-in-out 0.1s;
  }
   
  #side-bar:after {
      content: "";
      position: absolute;
      top: 0;
      width: 0;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.2);
   
  }
   
  #side-bar:target {
      display: block;
      left: 0;
      width: 17em;
      margin: 0;
      border: 1px solid #dedede;
      z-index: 10;
  }
   
  #side-bar:target + #main-content {
      left: 0;
  }
   
  #side-bar:target .close-menu {
      display: block;
      position: fixed;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      background: rgba(0,0,0,0.3) 1px 1px repeat;
      z-index: -1;
  }
  }

  Pages using this styling

  • koigarezaki-news-20210809 [info]

  ¶ 1 occurrence
  

  
  .main {
      background-image: url("https://inspirationhut.net/wp-content/uploads/2014/09/grey-paper-texture.jpg");
      background-color: #ededed;
      border: 0px solid black;
      margin: 1em;
      padding: 2.1em;
      font-size: 100%;
      box-shadow: 0px 0px 5px;
  }
  
  .cadre {
      border: 1px solid black;
      box-shadow: 0px 0px 2px;
      margin: 2em 0em;
  }
  
  .soustexte {
      font-size: 80%;
      color: #828282;
  }
  

  Pages using this styling

  • klakkr-art [info]

  ¶ 1 occurrence
  

  #page-content { text-align: justify; }
  .hovertip { max-width: 400px; }
  .avatar-hover { display: none !important; }
  
  :root {
    --header-subtitle: "NIGHTWALKERS DIVISION";
  }

  Pages using this styling

  • killing-dracula [info]

  ¶ 1 occurrence
  

  :root {
    --accentColor: #50C878;
  }
  
  #page-title {
      display: none;
  }

  Pages using this styling

  • killing-a-green-basilisk [info]

  ¶ 1 occurrence
  

  @import url('https://scp-wiki.wdfiles.com/local--files/kilerpoyo/colus.css');
  @import url('https://scp-wiki.wdfiles.com/local--files/kilerpoyo/papelpicadostyle.css');
  
  :root {
  --header-font: 'Colus';
  }
  

  Pages using this styling

  • kilerpoyo [info]

  ¶ 1 occurrence
  

  /* side tab */
  .enlarge{
  transition: .25s;
  }
  
  .enlarge:hover{
  transform: scale(1.3);
  transition: .25s;
  transition-delay: .4s;
  z-index: 1000;
  }
  
  .col-wrap {
    margin-bottom: 1em;
    overflow-x: hidden;
  }
  .col-wrap .collapsible-block {
    border-left: solid 0.5rem var(--bg-color);
  }
  .col-wrap > .collapsible-block,
  .col-wrap > .collapsible-block > .collapsible-block-unfolded {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -moz-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .col-wrap > .collapsible-block > .collapsible-block-folded,
  .col-wrap > .collapsible-block > .collapsible-block-unfolded,
  .col-wrap > .collapsible-block > .collapsible-block-unfolded > .collapsible-block-unfolded-link,
  .col-wrap > .collapsible-block > .collapsible-block-unfolded > .collapsible-block-content {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
  }
  .col-wrap .collapsible-block-unfolded[style*="none"] > .collapsible-block-unfolded-link {
    display: none;
  }
  .col-wrap a.collapsible-block-link {
    display: block;
    position: relative;
    height: 100%;
    padding-left: 0.4375rem;
    z-index: 1;
    font-size: 0;
  }
  .col-wrap > .collapsible-block > .collapsible-block-folded:hover,
  .col-wrap > .collapsible-block > .collapsible-block-unfolded > .collapsible-block-unfolded-link:hover {
    background-color: #eee;
  }
  .col-wrap > .collapsible-block > .collapsible-block-unfolded > .collapsible-block-content {
    position: relative;
    left: -100%;
    padding-left: 0.4372rem;
    opacity: 1 !important;
  }
  .col-wrap > .collapsible-block > .collapsible-block-unfolded > .collapsible-block-content .collapsible-block-content {
    position: relative;
    z-index: 1;
  }
  
  .yui-navset {
      display: flex;
      flex-direction: row;
      margin-bottom: 1em;
      vertical-align: top;
      width: 100%;
  }
  .yui-navset .yui-nav li,
  .yui-navset .yui-navset-top .yui-nav li {
      display: block;
      writing-mode: vertical-rl;
      transform: rotate(-180deg);
      width: 100%;
      margin: 0!important;
      padding: unset;
  }
  .yui-navset .yui-nav .selected a,
  .yui-navset .yui-nav .selected a:focus,
  .yui-navset .yui-nav .selected a:hover {
      background: #212121;
  }
  .yui-navset .yui-nav a:hover,
  .yui-navset .yui-nav a:focus {
      background: #ddd;
  }
  .yui-navset .yui-nav a,
  .yui-navset .yui-navset-top .yui-nav a {
      background-color: #fff;
      background-image: none;
      border-width: 1px 0 1px 1px;
  }
  .yui-navset .yui-nav a em,
  .yui-navset .yui-navset-top .yui-nav a em {
      line-height: 141%;
      padding: 0.75em!important;
  }
  .yui-navset .yui-nav,
  .yui-navset .yui-navset-top .yui-nav {
      border-bottom: none;
      border-color: #212121;
      display: block;
      width: 2.5em;
      border-right: solid #333 2px;
      padding: 0;
      margin: 0;
  }
  .yui-navset .yui-content {
      background-color: #fff;
      border: solid #333 1px;
      display: block;
      width: calc(100% - 2.5em);
      padding: 1em 1.35em 0.95em 1.5em;
  }
  .yui-navset .yui-content > div:before {
      content: "";
  }
   
  sup {
    vertical-align: top;
    position: relative;
    top: -0.5em;
  }
  
  :root {
      --fnColor: #91b399;
  }

  Pages using this styling

  • kikunai-s-artwork-hub [info]

  ¶ 1 occurrence
  

  /* The Most Wrathful Theme 😡 */
  /* Based on Wrath Theme by syuzhet */
  
  @import url('https://fonts.googleapis.com/css2?family=Love+Ya+Like+A+Sister&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Teko');
  @import url('https://fonts.googleapis.com/css2?family=Oswald');
  
  :root {
      --basalt-primary-color: 255, 255, 255;
      --basalt-secondary-color: 255, 255, 255;
      --basalt-tertiary-color: 255, 255, 255;
  
      --basalt-overtone: 255, 0, 0;
      --basalt-undertone: 255, 0, 0;
      --basalt-bright-element-color: 255, 0, 0;
      --basalt-dark-element-color: 255, 0, 0;
  
      --link-color: 255, 0, 0;
      --link-visited-color: 255, 0, 0;
      --link-newpage-color: 255, 0, 0;
  
      --top-bar-link-color-hover: 255, 255, 255;
      --login-status-text-color-hover: 255, 255, 255;
      --side-bar-link-color-hover: 255, 255, 255;
      --side-bar-link-background-hover: 20, 20, 20;
      --selection-text-color: 255, 255, 255;
  
      --header-border-width: 0rem;
      --title-size: 1.25rem;
      --subtitle-size: 0rem;
      --side-bar-button-height: 50vh;
      --user-button-width: 2rem;
      --header-logo-size: 67.5%;
  
      --basalt-UI-dark-palette: 0, 0, 0;
      --top-bar-link-background-hover: 255, 0, 0;
  
  }
  
  #header h1 a::before {
      display: none;
  }
  
  #header h1 a span::after {
      margin-bottom: 0;
  }
  
  #container #header {
      background: none;
      position: absolute;
      box-shadow: unset;
      backdrop-filter: none;
  }
  
  #main-content {
      margin-top: 0;
  }
  
  #page-content {
      padding-top: 0;
  }
  
  .widebox {
      position: relative;
      left: calc(-50dvw + 50%);
      width: 100dvw !important;
      max-width: 100dvw !important;
  }
  
  .widebox .blockquote {
      margin: 4rem auto;
      padding: 2rem 2rem;
  }
  
  .widebox .rate-module {
      position: absolute;
      right: 1rem;
      top: 3rem;
      z-index: 9;
  }
  
  .headerimage {
      position: relative;
      height: calc(120dvh);
      background-image: url("https://scp-wiki.wikidot.com/local--files/khornecon/banner.svg");
      background-repeat: no-repeat;
      background-size: cover;
      background-position: top;
  }
  
  .headerimage .wrathtext {
      position: relative;
      display: block;
      margin: auto;
      bottom: -75dvh;
      width: 40%;
  }
  
  .headerimage .skullseparator {
      position: absolute;
      bottom: -20dvw;
      width: 100%;
      filter: grayscale(100%);
  }
  
  .mostWrathfulBox {
      font-family: "Oswald";
      padding-top: 40dvh;
      width: 80%;
      margin: 0 auto;
  }
  
  .mostWrathfulBox h1 {
      margin-block: 0.5em;
      font-size: 10em;
      font-family: "Teko";
      font-weight: 900;
      text-shadow: 0.05em 0.05em 0 rgb(255, 0, 0);
      line-height: 1;
  }
  
  .mostWrathfulBox h2 {
      font-family: "Oswald";
      font-size: 6em;
      font-weight: 900;
      line-height: 1;
  }
  
  .mostWrathfulBox p {
      font-weight: 800;
      font-size: 4em;
      line-height: 1.2;
  }
  
  span {
      word-break: keep-all !important;
  }
  
  .mostWrathfulBox h1:nth-child(1) {
      margin-top: 1em;
  }
  
  .mostWrathfulBox .title h1 {
      margin-bottom: 0em;
  }
  
  .mostWrathfulBox .extraTitle h1 {
      font-family: "Love Ya Like A Sister";
  }
  
  .mostWrathfulBox .extraTitle h1 span {
      font-size: 80%;
  }
  
  .mostWrathfulBox .extraDescription {
      font-size: 1.2em;
  }
  
  .mostWrathfulBox .extraDescription p {
      font-size: 100%;
  }
  
  .angrySkull {
      float: right;
      shape-outside: circle(50%);
      padding: 5%;
      box-sizing: border-box;
  }
  
  @media only screen and (max-width: 1020px) {
      #container #header {
          background: white;
          position: sticky;
      }
  
      .headerimage {
          height: calc(80dvh);
          overflow-x: clip;
      }
  
      .headerimage .skullseparator {
          top: calc(55dvh);
          left: -37.5dvw;
          width: 150dvw;
          max-width: 150dvw;
      }
  
      .headerimage .wrathtext {
          bottom: -40dvh;
          width: 90%;
      }
  
      .mostWrathfulBox {
          padding-top: 5dvh;
          font-size: 1rem;
      }
  
      .mostWrathfulBox h1 {
          font-size: 4em;
      }
  
      .mostWrathfulBox h2 {
          font-size: 3em;
      }
  
      .mostWrathfulBox p {
          font-weight: 800;
          font-size: 2em;
      }
  
      .mostWrathfulBox h3 {
          font-size: 2em;
          line-height: 1;
      }
  
      .mostWrathfulBox .angry {
          width: 100%;
      }
  
      .mostWrathfulBox .sideskull {
          display: none;
      }  
  }

  Pages using this styling

  • khornecon [info]

  ¶ 1 occurrence
  

  .light {display:block; background:#fffafa; color: #08090a; padding: 5px 10px 5px 10px; border: solid 1px pink}
  .lightquote {color: #839496; background-color: #F8F9F9;border: solid 3px #EBEDEF;border-radius: 10px; padding: 0px 5px 0px 5px; width: 85%; margin: 0px 0px 5px; font-size: 110%}
  .lighthighlight {background-color: #F8F9F9; color: #939BA6; font-family:monospace; font-size: 125%}
  .user1 {font-weight: bold;color: #c0e3ea}
  .user2 {font-weight: bold;color: #ff0066}
  .tag {color: #7289DA}
  
  #page-content hr {
      background-color: #ff57a8;
      height: 2px;
     margin: .75rem 0;
  }

  Pages using this styling

  • keelee-dies-at-the-end [info]

  ¶ 1 occurrence
  

  :root {
      --basalt-bright-element-color: 32, 135, 108;
      --basalt-dark-element-color: 36, 115, 94;
      --basalt-secondary-color: 18, 18, 18;
      --general-border-color: 0, 94, 75;
      --title: "KatyaStrangelove";
      --subtitle: "MID-TIER AUTHOR/ARTIST";
  
  
    --s: 54px; /* control the size*/
    --c1: #000000;
    --c2: #052f1f;
    
    --_g: #0000 24%,
      var(--c2) 26% 34%,var(--c1) 36% 44%,
      var(--c2) 46% 54%,var(--c1) 56% 64%,
      var(--c2) 66% 74%,#0000 76%;
  }
  body {
    font-size: 0.97em;
    background:
      radial-gradient(100% 100% at 100% 0,var(--_g)),
      radial-gradient(100% 100% at 0 100%,var(--_g)),
      radial-gradient(var(--c2) 14%,var(--c1) 16%) 
       calc(var(--s)/2) calc(var(--s)/2);
    background-size: var(--s) var(--s);
  }
  
  
  h2 {
    text-align: center;
  
  }
  
  h3 {
    color: rgb(210, 210, 210)
  
  }
  
  h4 {
    color: rgb(32, 135, 108);
  
  }
  
  
  h5 {
    text-align: center;
  
  }
  
  
  #page-content div.modal {
      max-width: 50rem;
  }
  
  
  div[class$="_memo"] {
      background-color: rgba(var(--basalt-secondary-color), 1);
      border: 1px solid #990000;
  }
  div.ethics_memo {
      --memo-heading: "ETHICS COMMITTEE MEMORANDUM";
      --memo-logo: url(http://scp-sandbox-3.wikidot.com/local--files/katyastrangelovearbor/ethics1);
      --memo-color:  190, 190, 190;
  }
  /* BHL styled collapsibles with fancy-schamncy animations! By Monkatraz, modified by AnActualCrow */
  
  /* #page-content is shoved everywhere to make sure it's the most specific thingy */
  /* Styling! */
  #page-content .collapsible-block-folded, #page-content .collapsible-block-unfolded-link {
      margin: auto;
      padding: 1rem 0 1rem 0;
      /* Technical bits */
      max-width: 15em;
      white-space: wrap;
      overflow: hidden;
      text-align: center;
      border: 1px solid rgb(32, 135, 108);
      background-color: #171717;
  }
  /* The Clicky Text */
  #page-content .collapsible-block-link {
      color: rgb(200, 200, 200);
      font-weight: bold;
      text-decoration: none;
      text-align: center;
  }
  /* Gets rid of the underline when hovering over the collapsible */
  #page-content .collapsible-block-link:hover {
      text-decoration: none
      color: #ffffff;
  }
  /* Collapsible content */
  
  #page-content .collapsible-block-unfolded-link{
      max-width: 15em;
      white-space: wrap;
      overflow: hidden;
      background-color: #262626;
      color: rgb(255, 255, 255);
  }
  
  /* Hovering effects */
  #page-content .collapsible-block-folded:hover, #page-content .collapsible-block-unfolded-link:hover {
      background:rgba(36, 115, 94, 0.8);
  
  }
  /* Collapsible borders - because it looks prettier this way */
  #page-content .collapsible-block-unfolded-link:hover + .collapsible-block-content{
      border-top-color: #ededed;
      border-bottom-color: #ededed;
  }
  /* When hovering over link, change addendum tag to hover-color */
  #page-content .collapsible-block-unfolded-link:hover + .collapsible-block-content::after {
      background: #ededed;
  }
  /* Click flash when clicking, also forces the collapsible to expand */
  #page-content .collapsible-block-folded:active, #page-content .collapsible-block-unfolded-link:active, #page-content .collapsible-block-unfolded-link:active + .collapsible-block-content::after {
      transition: background 0s, max-width 0s;
      background: #000000;
      max-width: 15em;
  }
  /* On click, change borders to click-color */
  #page-content .collapsible-block-unfolded-link:active + .collapsible-block-content {
      transition: border-top-color 0s, border-bottom-color 0s;
      border-top-color: #000000;
      border-bottom-color: #000000;
  }
  /* Centering, very simple */
  #page-content .center-collapse .collapsible-block-folded, #page-content .center-collapse .collapsible-block-unfolded-link, #page-content .center-collapse .unfolded-collapse{
      margin:auto;
      margin-top: 10px;
  }
  /* Removing the slick animation and addendum number because you're a monster */
  /* Set back the max width and just ignore the transition screwyness */
  #page-content .no-addendum .collapsible-block-folded {
      max-width: 100%;
  }
  
  /* Ayer's info-bar patch */
  #page-content .info-container .collapsible-block {
      counter-increment: none;
  }
  #page-content .info-container .collapsible-block-folded, #page-content .info-container .collapsible-block-unfolded-link  {
      transition: none;
      width: 100%;
      max-width: 100%;
      margin: 0 auto;
      padding: 0;
      box-shadow: none;
      background: var(--barColour);
  }
  #page-content .info-container .collapsible-block-folded::before, #page-content .info-container .collapsible-block-unfolded-link::before  {
      content: "";
      display: none;
  }
  #page-content .info-container .collapsible-block-content {
      border-bottom: none;
      transition: none;
      border-top: none;
  }
  #page-content .info-container .collapsible-block-content::after {
      display: none;
  }
  
  /* License Box Patch */
  #page-content .licensebox .collapsible-block-link {
      color: inherit;
  }
  #page-content .licensebox .collapsible-block-link:hover {
      text-decoration: underline;
  }
  #page-content .licensebox .collapsible-block {
      counter-increment: none;
  }
  #page-content .licensebox  .collapsible-block-folded,
  #page-content .licensebox  .collapsible-block-unfolded-link  {
      transition: none;
      width: 100%;
      max-width: 100%;
      margin: 0 auto;
      padding: 0;
      box-shadow: none;
      background: none;
  }
  #page-content .licensebox .collapsible-block-folded::before,
  #page-content .licensebox .collapsible-block-unfolded-link::before  {
      content: "";
      display: none;
  }
  #page-content .licensebox .collapsible-block-content {
      border-bottom: none;
      transition: none;
      border-top: none;
  }
  #page-content .licensebox .collapsible-block-folded .collapsible-block-link::before,
  #page-content .licensebox .collapsible-block-unfolded .collapsible-block-link::before,
  #page-content .licensebox .unfolded-collapse::before {
      display: none;
  }
  #page-content .licensebox .collapsible-block-content::after {
      display: none;
  }
  
  
  
  .texts {
     display: flex;
     flex-direction: column;
     margin: auto;
     padding-left: 0em;
     padding-right: 0em;
     padding-top: 0.5em;
     padding-bottom: 0.5em;
     width: 90%;
  }
  
  .incoming {
       border: 1px solid #990000;
       background:#0f0f0f;
       text-align: left;
       align-self: start;
       margin-right:25%;
       margin-left:1em;
       margin-top: 0.2em;
       margin-bottom: 0.05em;
       border-radius: 1px;
       padding: 0.05em 1em 0.05em 1em;
       line-height: 0.01em
       max-width: 75%;
       width: fit-content;
       color: #ededed;
  }
  .outgoing {
       border: 1px solid #990000;
       background:#1c1c1c;
       text-align: left;
       align-self: end;
       margin-left:25%;
       margin-top: 0.2em;
       margin-bottom: 0.05em;
       margin-right:1em;
       border-radius: 1px;
       padding: 0.05em 1em 0.05em 1em;
       line-height: 0.01em
       max-width: 75%;
       width: fit-content;
       color: #ededed;
  }
  
  .dialoguewide {
     display: grid;
     grid-template-columns: 8em auto;
     grid-template-areas:
        'speaker text';
     justify content: center;
     margin: auto;
     padding: 0 0 0 0;
     width: 95%;
  }
  
  .dialogue {
     display: grid;
     grid-template-columns: 4.5em auto;
     grid-template-areas:
        'speaker text';
     justify content: center;
     margin: auto;
     padding: 0 0 0 0;
     width: 95%;
  }
  
  .speaker {
       line-height: 0.05em;
       border-right: 1px solid #ab0000;
       border-top: 0.25px solid #ab0000;
       border-bottom: 0.25px solid #ab0000;
       padding-left: 18px;
  }
  
  .text {
       padding-left: 18px;
       padding-right: 18px;
       line-height: 0.05em;
       border-top: 0.25px solid #ab0000;
       border-bottom: 0.25px solid #ab0000;
  }
  
  .flex {
     display: flex;
     flex-direction: row;
     background-color: #000000;
     border: solid 1.5px rgb(32, 135, 108);
     width: 100%
     margin: auto;
     padding: 1em;
  }
  
  .shitbox {
     align-self: center;
  
  }
  
  @media only screen and (max-width: 480px) {
     .flex {
       flex-wrap: wrap;
     }
     .
  
  }
  

  Pages using this styling

  • katyastrangelove [info]

  ¶ 1 occurrence
  

  /* HEADER */
   #header h1 a, #header h2 span{
       color: transparent;
       text-shadow: none;
  }
   #header h1 a::before {
       content: "Kara’s Corner of Doom";
  }
   #header h2 span::before {
       content: "So this is the reason we can’t have nice things...";
  }
   #page-title{ display: none; }
  
  
  div#extra-div-1 {
      height: 140px;
      width: 100%;
      top: 0;
      position: absolute;
      background: urlhttps://i.imgur.com/NrpvGZl.png;
      background-size: cover;
      background-position: 50% 50%;

  Pages using this styling

  • karas-corner-of-doom [info]

  ¶ 1 occurrence
  

   :root{
     --header-title: "SCP FOUNDATION";
     --header-subtitle: " ";
      --sp_header-logo: url(https://scp-wiki.wdfiles.com/local--files/from-120-s-archives-hub/pride120.png);
  }

  Pages using this styling

  • kalpa [info]

  ¶ 1 occurrence
  

  :root {
    --accentColor: 102,255,102;
    --darkColor: 16,31,24;
  }
  
  .info-container{
  --barColour: #29442b; 
  }
  
  .blinkbar {
  color: 102,255,102;
  }
  
  .blinkbar {animation: blink 1.5s infinite; letter-spacing: -0.13em;}@keyframes blink{to{opacity: .0;}}@keyframes flicker {0% {opacity: 0.9890; }5% {opacity: 0.5842; }10% {opacity: 0.9865; }15% {opacity: 0.0412; }20% {opacity: 0.6255; }25% {opacity: 0.3157; }30% {opacity: 0.7328; }35% {opacity: 0.4654; }40% {opacity: 0.9128; }45% {opacity: 0.2449; }50% {opacity: 0.5485; }55% {opacity: 0.6438; }60% {opacity: 0.1180; }65% {opacity: 0.9085; }70% {opacity: 0.0266; }75% {opacity: 0.6795; }80% {opacity: 0.7812; }85% {opacity: 0.0117; }90% {opacity: 0.2239; }95% {opacity: 0.8897; }100% {opacity: 0.2260; }}@keyframes overlay-anim {0% {visibility: hidden; }10% {visibility: hidden; }11% {visibility: visible; }50% {visibility: hidden; }100% {visibility: hidden; }}
  
  /*
      [no title]
      Created at 2021
      Created by dog_punch
      CC BY-SA 3.0
  */
  
  .type {
      color: #66FF66;
  }
  
  span.testn {
      background-image: linear-gradient(to left,#ffffff00 50%,#66FF66 50%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-size: 200% 100%;
      background-repeat: no-repeat;
      background-position: 100% 0;
      animation: gradient 10s steps(257) 1 both;
  }
  
  @keyframes gradient {
  from {background-position: 100% 0;}
  to   {background-position: 0 0;}
  }
  
  /*----------*/
  
  .orderwrapper {position: relative;width: auto;text-align: center;}.council1 {position: relative;top: 0;bottom: 0;left: 0;right: 0;width: 295px;height: 295px;margin: auto;background-image: url( "https://kaktuskontainer.wdfiles.com/local--files/format-hell/scp_trans.png" );background-size: 295px 295px;background-repeat: no-repeat;background-position: center;}.ordertitle {position: absolute;left: 0;right: 0;top: 38px;}.ordertitle h1 {font-size: 220%;color: #555;}.orderdescription {position: absolute;left: 0;right: 0;top: 85px;width: 100%;}.orderdescription p {font-size: 90%;color: #555;}.orderdescription h1 {font-size: 120%;color: #555;}.itemno {position: absolute;left: 0;right: 0;bottom: 27px;}.itemno h1 {font-size: 170%;color: #555;}
  
  .email-example .collapsible-block-folded a.collapsible-block-link {
      animation: blink 0.8s ease-in-out infinite alternate;
  }
  .email {border: solid 2px #66FF66; width: 88%; padding: 1px 15px; margin: 10px; box-shadow: 0 1px 3px rgba(0,0,0,.5)}
  .email-example a.collapsible-block-link {font-weight: bold;}
  .tofrom {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px #66FF66}
  
  .kill-agent .collapsible-block-unfolded-link .collapsible-block-link {
      z-index: 11;
      position: fixed;
      top: 0;
      display: block;
      color: #fff !important;
      height: 2em;
      width: 2em;
      text-align: center;
      left: 0;
      margin: 1em;
      background: red !important;
      line-height: 2em;
  }

  Pages using this styling

  • k1s10r0d-s-proposal [info]

  ¶ 1 occurrence
  

  
  .licensebox {
      width: fit-content;
      float: right;
  }
  
  .collapsible-block-unfolded-link {
      text-align: right;
  }
  

  Pages using this styling

  • justifying-means-justifying-means [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.bunny.net/css2?family=Crafty+Girls&display=swap');
  
  .hand {
    font-family: 'Crafty Girls', cursive;
    color: #002;
  }

  Pages using this styling

  • just-girly-things-hub [info]

  ¶ 1 occurrence
  

  :root{
  --header-title: 'JUPITER COUNTY';
  --header-subtitle: 'America\'s Heart.';
  
    --header-top-gap: 1rem;
    --top-bar-height: 4.75rem;
   --title-size: min(calc(1.5rem + 3.75vw), 4.25rem);
      --subtitle-size: min(calc(1.25rem + 2.75vw), 3.75rem);
  
  --basalt-primary-color: 14, 12, 45;
  --basalt-secondary-color: 39, 6, 75;
  --basalt-tertiary-color: 150, 62, 184;
  
  --basalt-overtone: 229,229,229;
  --basalt-undertone: 204, 5, 166;
  
  --basalt-bright-element-color:250, 245, 45;
  --basalt-dark-element-color: 1, 245, 252;
  
  --general-border-color: 250, 245, 45;
  
  }
  
  
  
  
  #header {
      contain: initial;
      height: auto;
      min-height: var(--header-final-height);
      position: static;
      background: transparent;
  box-shadow: none;
      grid-template-areas:
          '. . . . .'
          '. search line top-bar user'
          'h-link h-link h-link h-link h-link';
      grid-template-columns: var(--side-bar-button-width) var(--search-button-width) 1fr max-content var(--user-button-width);
      grid-template-rows: var(--header-top-gap) var(--top-bar-height) 1fr;
  backdrop-filter: none;
  
      text-shadow:
        0 0 7px #555,
        0 0 10px #555,
        0 0 21px #555,
        0 0 42px #f09,
        0 0 82px #f09,
        0 0 92px #f09,
        0 0 102px #f09,
        0 0 151px #f09;
  
  background-color: #0e0c2d;
  background-image: url("data:image/svg+xml,%3Csvg width='44' height='12' viewBox='0 0 44 12' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 12v-2L0 0v10l4 2h16zm18 0l4-2V0L22 10v2h16zM20 0v8L4 0h16zm18 0L22 8V0h16z' fill='%2327064b' fill-opacity='0.4' fill-rule='evenodd'/%3E%3C/svg%3E");
  
  border-bottom: solid 2rem #01f5fc;
  
  }
   
  #header h1 { grid-template-columns: minmax(0,1fr); }
  #header h1 a {
      justify-content: center;
      width: auto; height: auto;
  text-align: center;
      flex-wrap: wrap;
      pointer-events: none;
      gap: 2rem calc(var(--base-header-height) *.125);
      padding: 6rem;
      padding-top: 10rem;
      box-sizing: border-box;
  
  
  }
  #header h1 a::before, #header h1 a span { height: auto; pointer-events: auto; }
  #header h1 a::before {
  display: none;
  }
  
   
  #side-bar::before, #side-bar::after {
      inset: initial;
      left: 0;
      top: var(--header-top-gap);
      height: var(--top-bar-height);
      transition: left var(--side-bar-transition);
  }
  
  .glowtext{
      text-shadow:
        0 0 7px #555,
        0 0 10px #555,
        0 0 21px #555,
        0 0 42px #f09,
        0 0 82px #f09,
        0 0 92px #f09,
        0 0 102px #f09,
        0 0 151px #f09;
  }
  
  .talkbox{
  border: 1px solid rgb(var(--basalt-tertiary-color));
  background-color: rgb(var(--basalt-secondary-color));
  padding: .5rem 1rem;
  }
  
  
  @media only screen and (max-width: 1024px) {
  :root {
      --header-top-gap: 0rem;
      --main-content-side-margin: calc(0.25rem + 2.25vw);
  }
   
  
  @media only screen and (max-width: 1290px) {
  
  #top-bar div.mobile-top-bar>.open-menu {
      position: fixed;
      left: 0;
      top: var(--header-top-gap);
      width: var(--side-bar-button-width);
      height: var(--top-bar-height);
      background-color: rgba(1, 245, 252, .05);
      border-radius: 0rem 1rem 1rem 0rem;
  }
  }
  
  #header {
      grid-template-areas:
          '. search . user'
          'h-link h-link h-link h-link'
          'top-bar top-bar top-bar top-bar';
      grid-template-columns: var(--side-bar-button-width) var(--search-button-width) 1fr var(--user-button-width);
      grid-template-rows: var(--top-bar-height) 1fr var(--top-bar-height);
  }
  }
  
  .notifbox{
  border: rgb(var(--basalt-undertone)) .1rem solid;
   padding: .2rem;
   margin-right:70%;
   background-color: rgb(var(--basalt-secondary-color));
  margin-top: 2rem;
  }
  

  Pages using this styling

  • jupiter-county [info]

  ¶ 1 occurrence
  

  table.wiki-content-table {
      width: 100%;
  }
  
  .center-header {
      font-size: 150%;
      display: block;
      width: 100%;
      height: auto;
      font-weight: 900;
      text-align: center;
      border-bottom: 1px dotted currentColor;
      padding-bottom: 0.25em;
  }
  
  .item-table {
      font-size: 1em;
      width: 90%;
      text-align: center;
      border-collapse: collapse;
      margin: 1.250em auto;
  }
  
  .table-header td {
      font-size: 1.1em;
      font-weight: 900;
      background: #b9c9fe;
      border-top: 0.250rem solid #aabcfe;
      border-bottom: 0.0625rem solid #fff;
      color: #039;
      text-align: center;
  }
  
  .item-table td {
      background: #e8edff;
      border-bottom: 0.125rem solid #fff;
      border-right: 0.0625rem solid #fff;
      border-top: 0.125rem solid transparent;
      border-left: 0.0625rem solid transparent;
      color: #669;
      padding: 0.5em;
  }
  
  .item-table  ul {
      padding-inline-start: 1.5em;
  }
  
  .item-table td:nth-of-type(1),
  .item-table td:nth-of-type(2) {
      text-align: center;
  }
  

  Pages using this styling

  • junior-researcher-elkoan-s-personnel-file [info]

  ¶ 1 occurrence
  

  
  
  @import url('https://fonts.googleapis.com/css2?family=Hepta+Slab:wght@1..900&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400..800;1,400..800&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=IM+Fell+DW+Pica+SC&display=swap');
  
  .licensebox {
      color: white;
  }
  
  
  /* AUDIO PLAYER */
   
  .audio {
      margin-top: 2rem;
  }
   
  .audio iframe {
      width: 300px;
  }
   
  
  /* COLORS */
  
  #content-wrap {
  background: linear-gradient(34.77deg, #011018 29.51%, #132934 76.89%, #011018 107.83%);
  }
  
  :root {
  --bright-accent: 3, 104, 171;
  --dark-accent: 16, 61, 91;
  --medium-accent: 40, 40, 40;
  --newpage-color: 123, 46, 206;
  --pale-accent: 255, 255, 255;
  --gray-monochrome: 30,30,30;
  --visited-link-color: 150, 150, 150;
  }
  
  /* SETTING VARIABLES */
  :root {
  --base-font-size: 1rem;
  --header-title: "Tales of the Mosaic";
  --header-subtitle: "It's always been this way";
  --logo-image: none;
  --header-font: "Hepta Slab", serif;
  --diagonal-stripes: none;
  --body-font: "EB Garamond", serif;
  --UI-font: Hepta Slab, PTRootUI,-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantrell,"Helvetica Neue",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
  }
  
  /*MAKING ACTION AREA READABLE */
  
  .licensebox .collapsible-block-link {
      color: white;
   }
  
  #action-area {
      background: white;
  border-radius: 8px;
  padding: 1rem;
  }
  
  #action-area a {
  color: black;
  }
  
  /* HEADER TEXT */
  
  #header h1 a::before {
  display: none;
  }
  
  #header h2 span::before {
  display: none;
  }
  
  #header h1 a::after {
      font-weight: 600;
      font-size: 2.2rem;
      font-family: 'IM Fell DW Pica SC', serif;
  }
  
  #header h2 span::after {
      text-transform: none;
      font-family: 'EB Garamond', 'IM Fell DW Pica SC', serif;
      font-size: 1.2rem;
      font-weight: bold;
      margin-top: 0.5rem;
  }
  
  /* BREADCRUMBS */
  
  #breadcrumbs a:before {
      content: none;
  display: none;
  }
  
  :is(#breadcrumbs,.pseudocrumbs) a {
      margin-right: 0px;
      color: white;
  padding-right: 0.3rem;
  }
  
  :is(#breadcrumbs,.pseudocrumbs) a:hover {
      color: #f0a475;
     text-decoration: underline;
  }
  
  #breadcrumbs {
  color: white;
  font-weight: regular;
  }
  
  /* TITLE  */
  
  div#page-title {
      display: none;
  }
  
  span.title {
      font-weight: bold;
      color: white;
      font-size: 2.5rem;
      max-width: 24.3rem;
      display: block;
      margin: 0.5rem auto 0.5rem;
  }
  
  .whiteline-header {
      margin: 3rem auto 0rem;
      display: flex;
      align-items: center;
  }
  
  .earthworm .whiteline-header {
      margin: 3rem auto 1rem;
  }
  
  .earthworm p, .earthworm a {
  font-weight: bold;
  margin-bottom: 1rem;
  }
  
  .whiteline-label {
      text-transform: uppercase;
      color: white;
      font-weight: 700;
  font-size: 1rem;
      width: max-content;
      display: block;
      margin-inline: 1rem;
  letter-spacing: 0.15rem;
  font-family: 'IM Fell DW Pica SC';
  }
  
  .whiteline-header p, .centerbox p {
  margin: 0px;
  }
  
  .whiteline-header::before, .whiteline-header::after {
      content: "";
      height: 1px;
      background: white;
      width: 100%;
  }
  
  div#u-authorlink {
      text-align: center;
  font-weight: 700;
  font-size: 1.2rem;
  }
  
  div#u-authorlink a {
      color: rgb(var(--link-color));
  font-weight: 700;
  }
  
  div#u-authorlink p {
  margin: 0px;
  color: white;
  }
  
  .centerbox {
  width: fit-content;
  margin: 1rem auto 3rem;
  text-align: center;
  }
  
  /* PAPER DOCUMENT */
  
  .paper {
  padding: 24px 40px;
  background: linear-gradient(203.04deg, #FBFAF9 40.5%, #f1f1f1 100%);
  box-shadow: 0px 16px 32px -4px rgba(12, 12, 13, 0.1), 0px 4px 4px -4px rgba(12, 12, 13, 0.05), inset 0px 0px 30px 0px #AE8B75;
  border-radius: 0px;
  margin-block: 2.5rem;
  max-width: 35rem;
  margin: 0 auto 3rem;
  }
  
  .paper p {
      font-weight: 500;
  font-size: 1.2rem;
  color: #262521;
  }
  
  @media (max-width: 479px) {
      .paper {
          padding:1rem 1rem;
      }
  }
  
  
  /* FIXING NAV BAR FONT SIZE ON MOBILE */
  @media only screen and (max-width: 56.25rem) {
  #header div[class*=top-bar]>ul>li>a {
      background: 0 0;
      font-size: calc(var(--base-font-size)*(13/15));
  }
  }
  
  /* EARTHWORM */
  
  .earthworm {
      margin-block: 3rem;
      font-weight: bold;
      font-size: 1.5rem;
      color: white;
  text-align: center;
  }
  
  .earthworm a {
      font-weight: bold;
      padding: 0.5rem 1rem;
      margin: 1rem auto;
      display: block;
      text-align: center;
      font-size: 1.2rem;
      text-decoration: none;
      transition: 0.5s;
      border: 1px solid white;
      background: #011018;
      border-radius: 0px 8px 0px 8px;
      border-left-color: #f0a475;
      border-bottom-color: #f0a475;
  max-width: 25rem;
  }
  
  .earthworm a:visited {
  color: white;
  border-color: #8a8a8a;
  }
  
  .earthworm a:hover {
      text-decoration: none;
      border: 1px solid #f0a475;
      color: #f0a475;
  }
  

  Pages using this styling

  • juni-writes-a-poem [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=EB+Garamond:ital@0;1&display=swap');
  
  .main {    
      margin:4em 3em 4em 3em;
      padding:none;
      color: hsl(0, 0%, 85%);
      background: hsl(0, 0%, 15%);
      border: medium solid rgb(133, 0, 5);
      font-family: 'EB Garamond', serif;
      font-size:110%;
  }
  
  .paddingdiv {
      padding:0.5em 2em 1em 2em;
      
  }
  
  .line {
  border-top: solid 3px rgb(133, 0, 5);
  padding: 0em 4em 0em 0em;
  text-align:right;
  margin: 0%;
  border-radius:30px;
  
  }
  
  .color {
  color: hsl(0, 0%, 90%);
  font-size:105%;
  
  }
  
  @media only screen and (max-width: 768px) {
  .main {
      margin:2em 0.3em 2em 0.3em;
  }
  
  .line {
  padding: 0em 3em 0em 0em;
  }
  }

  Pages using this styling

  • judas-iscariot [info]

  ¶ 1 occurrence
  

  :root {
   --header-title: "Welcome";
  --header-subtitle: "To The Beehive";
  --logo-image: url(http://scp-wiki.wikidot.com/local--files/jtkc/Btransparent.png);
  
  
  --gradient-header: url("http://scp-wiki.wikidot.com/local--files/jtkc/BheaderbackgroundBlack.gif");
       --header-background-image-size: 150px 9rem;
      --header-height-on-desktop:  9rem;
      --header-height-on-mobile: 9rem;
      --diagonal-stripes: none;
  
  }
  
  #header h1 a::before {
      text-shadow: none;
      color: black;
     -webkit-text-fill-color: black;
     -webkit-text-stroke-width: 1px;
     -webkit-text-stroke-color: black;
  }
  #header h2 span::before {
      color: black;
     -webkit-text-fill-color: black;
     -webkit-text-stroke-width: 1px;
     -webkit-text-stroke-color: black;
      text-shadow: none;
  }
  

  Pages using this styling

  • jtkc [info]

  ¶ 1 occurrence
  

  #header h2::before {
    content: var(--header-subtitle, "SAD CHRISTMAS PARTY");
    font-weight: 700;
    font-size: 1.3em;
  }
   div#extra-div-1{
       background-image: url(https://scp-wiki.wikidot.com/local--files/joy-to-the-worlds/crimbus43.webp);

  Pages using this styling

  • joy-to-the-worlds [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Egyptian+Hieroglyphs&display=swap')
  
  #page-content .collapsible-block {  
    max-width: 100%;
      /* text-align: center; */
  text-color: #000000;
  background-color: #FFFFFF;
      border-color: #b01;
      border: solid 1px #b01;
  padding: 5px;
  margin: 5px;
  }
  .collapsible-block-content p {
      padding-left: 5px;
      padding-right: 5px;
      padding-bottom: 5px;
      padding-top: 5px;
  }
  .collapsible-block-content{
  text-align: left;
      padding-left: 10px;
      padding-right: 10px;
      padding-bottom: 5px;
      padding-top: 5px;
  }
  
  .collapsible-block-folded{
  text-align: center;
  color: black;
  }
  
  .collapsible-block-unfolded{
  text-align: center;
  background-color: #dee2e3;
  }
  
  .collapsible-block-link{
  color:#85000f;
  }
  
  div.hyr{
  font-family: 'Noto Sans Egyptian Hieroglyphs', sans-serif;
  }
  

  Pages using this styling

  • jorgemtzb [info]

  ¶ 1 occurrence
  

  /* HEADER */
   :root{
     --header-title: "The Avian Division";
     --header-subtitle: "Until we return to The Nest";
     --lgurl: url(https://scp-wiki.wdfiles.com/local--files/bird/avdiv_white.png);
  }
  
   div#container-wrap{
       background-image: url(https://scp-wiki.wikidot.com/local--files/bird/avdiv_body_bg.png);
  }
  
   #header h1 a::before,
   #header h2::before{
       font-family: "Verdana", sans-serif;
  }
  
   #page-title{
       color: hsl(45, 98%, 28%);
  }
  
  /* PAGE RATING */
   .page-rate-widget-box .rate-points{
       background: hsl(45, 89%, 40%) !important;
       border: 1px solid hsl(45, 89%, 40%);
  }
  
   .page-rate-widget-box .rateup,
   .page-rate-widget-box .ratedown{
       background: hsl(45, 100%, 97%);
       border-color: hsl(45, 89%, 40%);
  }
  
   .page-rate-widget-box .cancel{
       background: hsl(45, 89%, 40%);
       border: 1px solid hsl(45, 89%, 40%);
  }
  
   .page-rate-widget-box .rateup a,
   .page-rate-widget-box .ratedown a{
       color: hsl(45, 89%, 40%);
  }
  
   .page-rate-widget-box .cancel a{
       color: hsl(45, 76%, 67%);
  }
  
   .page-rate-widget-box .rateup a:hover,
   .page-rate-widget-box .ratedown a:hover{
       background: hsl(45, 89%, 40%);
  }
  
   .page-rate-widget-box .cancel a:hover{
       color: hsl(45, 100%, 97%);
       background: hsl(45, 89%, 40%);
  }
  
  
  /* DIV BLOCKS */
   .series-nav{
       background:
          linear-gradient(
            to bottom right,
            hsla(0, 0%, 100%, 1),
            hsla(45, 100%, 55%, .5));
  }

  Pages using this styling

  • join-the-flock [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css?family=Cinzel');
  @import url('https://fonts.googleapis.com/css?family=Anton');
  @import url('https://fonts.googleapis.com/css?family=Pinyon+Script');
  @import url('https://fonts.googleapis.com/css?family=Lato:400,900|PT+Mono|Poppins:600,800');
  @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@900&family=Raleway:wght@700&family=Roboto:wght@900&display=swap');
  
  #header h1 a, #header h2 span {
      font-family: 'Inter';
      font-weight: bold;
  }
  
  @media not all and (max-width: 767px) {
  #main-content {
      max-width: 47.25rem;
  }
  }
  
  :root {
      --light-accent: #d7003a;
      --dark-accent: #B30030;
      --hyperlink: #d7003a;
      --hyperlink-visited: #B30030;
  }
  
  div#container-wrap {
      background: url(https://scpdsandbox.wdfiles.com/local--files/niewidzialna-reka-wolnego-rynku/ar_bg.png) top left repeat-x;
  }
  
  #main-content {
      border-left: none;
  }
  
  #header {
      background-image: url(https://scp-wiki.wdfiles.com/local--files/drzewa-wolnosci/joicl.png);
  }
  
  @media (min-width: 980px) {
      #header {
          background-position: 1.8em 3.3em;
      }
  }
  
  #header::before {
      display: none;
  }
  
  #header h1 a::before {
      content: "JOICL";
  }
  
  #header h2 span::before {
      content: "Creating New Life";
  }
  
  #page-title {
    display: none;
  }
  
  .warning {
      position: relative;
      margin: 2em 0;
      padding: 25px 10px 7px;
      border: solid 2px #FFC107;
  }
  .warning h1{
      position: absolute;
      margin-top: 0;
      display: inline-block;
      top: -2px;
      left: -2px;
      padding: 0 9px;
      height: 25px;
      line-height: 25px;
      vertical-align: middle;
      font-size: 17px;
      background: #FFC107;
      color: #ffffff;
      font-weight: bold;
  }
  .warning p {
      margin: 0; 
      padding: 0;
  }

  Pages using this styling

  • joicl8kdr [info]

  ¶ 1 occurrence
  

  :root {
  --primcolor: white;
  --secocolor: RoyalBlue;
  }

  Pages using this styling

  • jnc-artpage [info]

  ¶ 1 occurrence
  

  :root {
      --header-title: "JJJ Joundation";
      --header-subtitle: "Jecure, Jontain, Jrotect";
  }
  
  .f-heading{
    visibility: hidden;
  }
  
  .f-heading:after{
    visibility: visible;
    content: "Jootnote 1.";   
    display: block;
    position: absolute;
    background-color: rgb(var(--hoverblock-header-bg));
    color: rgb(var(--hoverblock-header-txt))
    padding: 1px;
    top: 1px;
    width: max-content;
    height: 1.5em;
    margin: -0.75rem 0 0 -1rem;
    padding: 0.125em 0.25em;
  }​

  Pages using this styling

  • jjj-jjjj-j [info]

  ¶ 1 occurrence
  

  
  div#header h1 a span {
     font-size: 0px;
  }
  
  div#header h1 a:before {
     content: "ess see pee";
  }
  
  #header h2 span {
      color: transparent;
      text-shadow: none;
  }
  
  #header h2 span:before {
      content: "holy shit...";
      display: block;
      margin: 0;
      padding: 0px;
      line-height: 0px;
      max-height: 0px;
      color: #f0f0c0;
      text-shadow: 1px 1px 1px #000;
  }
  

  Pages using this styling

  • jimmyboyhaha-art [info]

  ¶ 1 occurrence
  

  
  @import url('https://fonts.googleapis.com/css2?family=IM+Fell+DW+Pica+SC&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400..800;1,400..800&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Eagle+Lake&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Noto+Serif:ital,wght@0,100..900;1,100..900&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Gelasio:ital,wght@0,400..700;1,400..700&display=swap');
  
  
  /* VARIABLES */
  
  :root {
  --page-content-font-size: 1rem;
  --main-content-width: 100%;
  --main-content-side-margin: 0px;
  --basalt-bright-element-color: 133, 83, 172;
  --header-UI-font-size: 1rem;
  }
  
  /* MAKING ACTION AREA USABLE */
  
  #action-area, #history-subarea {
      margin: 1rem auto 0;
      max-width: 80%;
  }
  
  .licensebox .collapsible-block-link {
      color: darkgray !important;
  }
  
  div#page-options-container {
      max-width: 45rem;
      margin: auto;
  }
  
  .collapsible-block-folded {
      margin-top: 3rem;
  }
   
  /* BACKGROUNDS */
  
  div#content-wrap {
      background: linear-gradient(203.04deg, #FBFAF9 40.5%, #f1f1f1 100%);
  }
  
  .scp-section {
  background: linear-gradient(90deg, #E6EAED 0%, #FFFFFF 50%, #E6EAED 100%);
  }
  
  .shark-section {
  background: linear-gradient(90deg, #CDDFE4 0%, #FCFCFC 50%, #CDDFE4 100%);
  }
  
  .mosaic-section {
  background: linear-gradient(34.77deg, #011018 29.51%, #132934 76.89%, #011018 107.83%);
  
  }
  
  .scp-section, .shark-section {
  padding-block: 2rem;
  }
  
  .mosaic-section {
  padding-block: 2rem 4rem;
  }
  
  /* TITLES */
  
  .intro {
  font-family: 'Gelasio', 'Noto Serif', serif;
  }
  
  .pre-title {
  font-size: 1.6rem;
  font-weight: bold;
  }
  
  .title {
  font-size: 5rem;
  font-weight: bold;
  }
  
  .subtitle {
  font-size: 1.4rem;
  font-style: italic;
  display: block;
  border-block: 1px solid #cccccc;
  padding-block: 1rem;
  }
  
  .intro-text {
  font-size: 1.2rem; 
  text-align: left;
  margin-inline: 1rem;
  }
  
  span.legal {
      font-size: 1rem;
      display: block;
      margin-top: 2rem;
  border-top: 1px solid #cccccc;
  padding-top: 1rem;
  }
  
  .section-header {
  font-size: 1.5rem;
  font-weight: bold;
  }
  
  .scp {
  font-family: 'Sofia Sans', sans-serif;
  font-size: 2rem;
  }
  
  .shark {
  font-family: 'Sans Normalcy', sans-serif;
  font-size: 2rem;
  }
  
  .shark-section .centerbox p {
      font-size: 1.1rem;
  }
  
  .mosaic {
      font-family: 'IM Fell DW Pica SC', serif;
  color: white;
  font-size: 2.4rem;
  
  }
  
  .mosaic-section p {
  font-family: 'EB Garamond', serif;
  }
  
  a {
  font-weight: bold;
  }
  
  /* DIVS */
  
  .centerbox {
  max-width: 30rem !important;
  margin: auto;
  text-align: center;
  }
  
  .scp-section .centerbox p, .shark-section .centerbox p, .mosaic-section .centerbox p {
  margin: 0px;
  }
  
  .intro {
  padding-bottom: 1rem;
  }
  
  .intro a {
  color: black;
  }
  
  .title-block {
  margin-block: 3rem 2rem;
  }
  
  .title-block p {
  margin-block: 0px;
  }
  
  .title-block br {
  display:none;
  }
  
  div.card-container {
      margin: auto;
      width: fit-content;
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
  }
  
  .scp-section div.card-container, .shark-section div.card-container {
      margin: 1rem auto 0rem;
  }
  
  div.card {
      max-width: 18rem !important;
      min-width: 15rem;
      background-color: white;
      padding: 1.5rem 2.5rem;
      background: #FCFBFC;
      box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
      transition: all 0.3s cubic-bezier(.25,.8,.25,1);
      margin: 1rem 0.5rem;
      position: relative;
      text-align: left;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
  }
  
  div.card:hover {
      box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
  }
  
  div.card a:not(.intro div.card a) {
  position: absolute;
  color: transparent;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  }
  
  .pagebreak {
  width: 100%;
  height: 2rem;
  background: #FFFFFF;
  box-shadow: inset 0px 16px 32px -4px rgba(12, 12, 13, 0.1);
  border-bottom: 1px solid #BABDBF;
  border-top: 1px solid #BABDBF;
  }
  
  .mosaic-section .centerbox > p {
      color: white;
      font-size: 1.2rem;
  }
  
  .mosaic-section div.paper {
      background: linear-gradient(203.04deg, #FBFAF9 40.5%, #f1f1f1 100%);
      box-shadow: 0px 16px 32px -4px rgba(12, 12, 13, 0.1), 0px 4px 4px -4px rgba(12, 12, 13, 0.05), inset 0px 0px 30px 0px #AE8B75;
      transition: all 0.3s cubic-bezier(.25,.8,.25,1);
  }
  
  .mosaic-section div.paper:hover {
      box-shadow: 0px 16px 32px -4px rgba(12, 12, 13, 0.1), 0px 4px 4px -4px rgba(12, 12, 13, 0.05), inset 0px 0px 50px 0px #8a5433;
  }
  
  
  .paper p, .paper li {
      font-weight: 500;
  font-size: 1.2rem;
  color: #262521;
  margin-top: 0.5rem;
  }
  
  .paper h2 {
  font-family: EB Garamond, serif;
  margin-block: 1rem 0.5rem;
  font-size: 1.5rem;
  }
  
  .whiteline-header {
      margin: 2rem auto 1rem;
      display: flex;
      align-items: center;
  max-width: 15rem !important;
  }
  
  .whiteline-label {
      text-transform: uppercase;
      color: white;
      font-weight: 700;
  font-size: 1.2rem;
      width: max-content;
      display: block;
      margin-inline: 1rem;
  letter-spacing: 0.15rem;
  font-family: 'IM Fell DW Pica SC';
  }
  
  .whiteline-header p {
  margin: 0px;
  }
  
  .whiteline-header::before, .whiteline-header::after {
      content: "";
      height: 1px;
      background: white;
      width: 100%;
  }
  
  /* EARL SECTION */
  
  .earl-pic {
      max-width: 20rem !important;
  }
  
  .earl-pic img.image {
      border-radius: 100%;
  }
  
  .earl-section {
      display: flex;
      align-items: center;
      justify-content: center;
      margin-block: 4rem;
  }
  
  .earl-text {
      margin-left: 2rem;
  }
  
  span.earl-header {
      font-family: 'Gelasio';
      font-size: 4rem;
      font-weight: bold;
  }
  
  span.earl-body {
      font-family: 'Gelasio';
      font-size: 1.5rem;
  }
  
  /* SHIMMER */
  .shimmer {
  text-align: center;
  color: rgba(255, 255, 255, 0.1);
  background: -webkit-gradient(linear, left top, right top, from(#222), to(#222), color-stop(0.5, #fff));
  background: -moz-gradient(linear, left top, right top, from(#222), to(#222), color-stop(0.5, #fff));
  background: gradient(linear, left top, right top, from(#222), to(#222), color-stop(0.5, #fff));
  -webkit-background-size: 125px 100%;
  -moz-background-size: 125px 100%;
  background-size: 25px 100%;
  -webkit-background-clip: text;
  -moz-background-clip: text;
  background-clip: text;
  -webkit-animation-name: shimmer;	
  -moz-animation-name: shimmer;
  animation-name: shimmer;
  -webkit-animation-duration: 3s;
  -moz-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  animation-iteration-count: 1;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-color: #222;
  }
  
  @-moz-keyframes shimmer {
      	0% {
      			background-position: top left;
      	}
      	100% {
      			background-position: top right;
      	}
  }
  
  @-webkit-keyframes shimmer {
      	0% {
      			background-position: top left;
      	}
      	100% {
      			background-position: top right;
      	}
  }
  
  @-o-keyframes shimmer {
  0% {
  background-position: top left;
  }
  100% {
  background-position: top right;
  }
  }
  
  @keyframes shimmer {
  0% {
  background-position: top left;
  }
  100% {
  background-position: top right;
  }
  }
  
  
  /* SMALL SCREENS */
  @media screen and (max-width: 600px) {
  
  div.card { 
  padding-inline: 1.25rem;
  }
  
  :root {
  --header-UI-font-size: 0.75rem;
  }
  
  .earl-section {
      flex-direction: column;
  margin-inline: 1rem;
  }
  
  .earl-text {
  text-align: center;
  }
  
  span.earl-header {
      font-size: 3rem;
  }
  
  .earl-text {
      margin-left: 0px;
  }
  
  }

  Pages using this styling

  • jezixo-s-author-page [info]

  ¶ 1 occurrence
  

  
  :root {
      --logo-image: url("https://scp-wiki.wdfiles.com/local--files/jerden-insignia/Area-14.svg");
    background-size: 90px;
      --header-title: "            Area-14";
      --header-subtitle: "          Armed Biological Containment";
  }
  
  /* Adjust Mobile Image Size */
  @media (max-width: 479px) {
  #header {
      background-size: 100px 100px;
      background-position: 1em;
  }
  }

  Pages using this styling

  • jerden-insignia [info]

  ¶ 1 occurrence
  

  :root{
    --header-title: "Area-14 Network";
    --header-subtitle: "Armed Biological Containment";
  }
  
  div#extra-div-1 {
      background-image: url(https://scp-wiki.wdfiles.com/local--files/jerden-insignia/Area-14.svg);
      filter: opacity(20%);
  }

  Pages using this styling

  • jerden-insignia [info]

  ¶ 1 occurrence
  

  .imagediv { float: right; margin: 15px}
  @media (max-width: 540px) {
    .imagediv {
      float: none; text-align:center; margin: auto;
    }
  }
  
  div#header h1 a span {
      font-size: 0px;
  }
  div#header h1 a:before {
      content: "Area-14 Network";
      color: #eee;
  
  }
  div#header h2 span {
      font-size:0px;
      padding: 4px;
  }
  div#header h2:after {
      content: "Armed Biological Containment";
      font-weight: bold;
      color: #f0f0c0;
      padding: 19px 0;
      text-shadow: 1px 1px 1px rgba(0, 0, 0, .8);
      white-space: pre;
  }
  
  #header {
    background-image: url(https://scp-wiki.wdfiles.com/local--files/jerden-insignia/Area-14.svg);
    background-size: 90px;
  }

  Pages using this styling

  • jerden-insignia [info]

  ¶ 1 occurrence
  

  .imagediv { float: right; margin: 15px}
  @media (max-width: 540px) {
    .imagediv {
      float: none; text-align:center; margin: auto;
    }
  }
  
  div#header h1 a span {
      font-size: 0px;
  }
  div#header h1 a:before {
      content: "SCP Foundation";
      color: #eee;
  
  }
  div#header h2 span {
      font-size:0px;
      padding: 4px;
  }
  div#header h2:after {
      content: "You can put anything here";
      font-weight: bold;
      color: #f0f0c0;
      padding: 19px 0;
      text-shadow: 1px 1px 1px rgba(0, 0, 0, .8);
      white-space: pre;
  }
  
  #header {
    background-image: url(https://scp-wiki.wdfiles.com/local--files/jerden-insignia/Rose-Cross.png);
    background-size: 90px;
  }
  

  Pages using this styling

  • jerden-insignia [info]

  ¶ 1 occurrence
  

  /* HEADER */
  
  div#header h1 a:before {
      content: "Serpent's Hand";
      color: #eee;
  
  }
  div#header h2 span {
      font-size:0px;
      padding: 4px;
  }
  div#header h2:after {
      content: "The Anomalous Is On The Rise";
      font-weight: bold;
      color: #f0f0c0;
      padding: 19px 0;
      text-shadow: 1px 1px 1px rgba(0, 0, 0, .8);
      white-space: pre;
  }
  
  /* SIDE BAR */
  
  #side-bar {
      border: 1px solid black;
  }
  
  /* TABLE OF CONTENTS */
  #toc {
      border: 1px solid black;
      margin-left: 3em;
  }
  
  /* LINK RECOLORS */
  
  a {
      color: #059400;
  }
  a.newpage {
      color: #00a862;
  }
   
  #side-bar a:visited{
      color: #059400;
  }
   
  a:visited {
      color: #006d2c;
  }
  
  /* QUOTE DIVS */
  
  div.serpents-hand{
         border: solid 1px #112211;
         border-left: 5px solid #006C00;
         background-color: #FFF;
         padding-top: 0.5em;
         padding-left: 1em;
         padding-right: 1em;
         padding-bottom: 0.5em;
         margin-top: 0.5em;
         margin-left: 3em;
         margin-right: 3em;
         margin-bottom: 0.5em;
  }
  
  div.foundation{
         border: solid 1px #112211;
         border-left: 5px solid #823f3f;
         background-color: #FFF;
         padding-top: 0.5em;
         padding-left: 1em;
         padding-right: 1em;
         padding-bottom: 0.5em;
         margin-top: 0.5em;
         margin-left: 3em;
         margin-right: 3em;
         margin-bottom: 0.5em;
  }
  div.goc{
         border: solid 1px #112211;
         border-left: 5px solid #5c95e6;
         background-color: #FFF;
         padding-top: 0.5em;
         padding-left: 1em;
         padding-right: 1em;
         padding-bottom: 0.5em;
         margin-top: 0.5em;
         margin-left: 3em;
         margin-right: 3em;
         margin-bottom: 0.5em;
  }
  
  blockquote, div.blockquote, #toc {
      background-color: #FFF;
      border: solid 1px #112211;
      padding-top: 0.5em;
      padding-left: 1em;
      padding-right: 1em;
      padding-bottom: 0.5em;
      margin-top: 0.5em;
      margin-left: 3em;
      margin-right: 3em;
      margin-bottom: 0.5em;
  }

  Pages using this styling

  • jerden [info]

  ¶ 1 occurrence
  

   
  
   
  @import url('https://fonts.bunny.net/css?family=Lato:400,900|PT+Mono|Poppins:600,800');
   
  
   
  :root {
  
      --header-title: "Jakob17's Art Cavern";
      --header-subtitle: "artpage of curiosity";
  

  Pages using this styling

  • jakob17-s-art-cavern [info]

  ¶ 1 occurrence
  

  :root {
   --borderColor: #FF0000 !important;
   --bgBadgeColor: #212121 !important;
  }

  Pages using this styling

  • jakdragonx-rage-collection [info]

  ¶ 1 occurrence
  

  @import url('http://scp-sandbox-3.wikidot.com/local--files/turbo-vision/IBM_VGA8.css');
  @import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono&display=swap');
  
  .turbo-container .blockbase {
  width: 100%;
     box-sizing: border-box;
     border-radius: 0;
     border-width: 16px; border-style: solid; padding: 0; border-image: url(https://scp-wiki.wikidot.com/local--files/theme:turbo-vision/border_white2.svg) 16 round;
     background-color: black;
     box-shadow: none;
     padding: 4px;
     color: white; 
     font-family: "IBM Plex Mono", sans-serif;
     font-size: 16px;
     margin-bottom: 1em;
  }
  
  .turbo-container .blockbasetitle {
      background-color: inherit;
      padding-left:1rem;
      padding-right: 1rem;
      width: 285px;
      margin: auto;
      font-size: 24px;
      font-family: pxplus_ibm_vga8regular, monospace;
      z-index: 2;
      margin-top: -40px;
      margin-bottom: -20px;
  }
  
  .turbo-container { font-family: "IBM Plex Mono", sans-serif; font-size: 16px; line-height: 22px; color: white; }
  .turbo-container h1, .turbo-container h2, .turbo-container h3, .turbo-container h4, .turbo-container h5, .turbo-container h6 { font-family: pxplus_ibm_vga8regular,monospace; }
  .turbo-container h1 { color: #FF3535 }
  .turbo-container p { line-height: 22px; }
  .turbo-container strong, .turbo-container b { font-weight: normal; }
  .turbo-container em, .turbo-container i { font-style: normal; font-weight: bold; }
  .turbo-container a { color: #FF3535; }
  .turbo-container a:hover { text-decoration: none; background-color: white; }
   
  .turbo-container .image {position: relative; z-index: 1; }
  .turbo-container .scp-image-block { position: relative; background: #aaa; border-radius: 0; border-width: 16px; border-style: solid; padding: 0; border-image: url(https://scp-wiki.wikidot.com/local--files/theme:turbo-vision/border_white.svg) 16 round; margin: 1em -1.5em 1em 1em; box-shadow: none; }
  .turbo-container .scp-image-caption { background-color: transparent; font-weight: normal; border: none; }
  .turbo-container .scp-image-block::after { content: "IMAGE"; position: absolute; top: -1em; left: 50%; transform: translate(-50%,0); color: white; padding: 0 8px; background: #aaa; }
  .turbo-container .image.red .scp-image-block,
  .turbo-container .image.red .scp-image-block::after { background: #4c0000; }
   
  .turbo-container .block { position: relative; border-radius: 0; border-width: 16px; border-style: solid; padding: 0; border-image: url(https://scp-wiki.wikidot.com/local--files/theme:turbo-vision/border_white2.svg) 16 round; box-shadow: none; margin-bottom: 2em; }
  .turbo-container .block .heading { font-size: 100%; border: none; padding: 0; margin: 1em 0 0 -11px; width: calc(100% + 22px); background: url(http://scp-sandbox-3.wikidot.com/local--files/turbo-vision/line_white2.png); background-repeat: repeat-x; max-width: none; }
  .turbo-container .block .heading p { display: inline-block; padding: 0 8px; background-color: inherit; margin: 0; margin-left: 2em; color: white; font-weight: normal; }
  .turbo-container .block::after { content: attr(data-title); position: absolute; top: -1em; left: 50%; transform: translate(-50%,0); color: white; padding: 0 8px; }
  .turbo-container .block.quote,
  .turbo-container .block.quote::after,
  .turbo-container .block.quote .heading p { background: #b0b0b0!important;}
  .turbo-container .block.black,
  .turbo-container .block.black::after,
  .turbo-container .block.black .heading p { background:#000;}
  .turbo-container .block.grey,
  .turbo-container .block.grey::after,
  .turbo-container .block.grey .heading p { background: #1C1C1C; }
  .turbo-container .block.lred,
  .turbo-container .block.lred::after,
  .turbo-container .block.lred .heading p { background: #4c0000; }
  .turbo-container .block.pink,
  .turbo-container .block.pink::after,
  .turbo-container .block.pink .heading p { background: pink; }
  .turbo-container .block.black-border { https://scp-wiki.wikidot.com/local--files/theme:turbo-vision/border_black2.svg) 16 round; }
  .turbo-container .block.black-border .heading { background: url(https://scp-wiki.wikidot.com/local--files/theme:turbo-vision/border_black2.svg); }
  .turbo-container .block.black-border .heading p { color: black; }
  .turbo-container .block.black-border::after { color: black; }
  .turbo-container .block.quote-border { border-image: url(http://scp-sandbox-3.wikidot.com/local--files/turbo-vision/border_white.png) 16 round; }
  .turbo-container .block.quote-border .heading { background: url(https://scp-wiki.wikidot.com/local--files/theme:turbo-vision/border_black2.svg); }
  .turbo-container .block.quote-border .heading p { color: #c2c2c2; }
  .turbo-container .block.quote-border::after { color: #c2c2c2; }
   
  .turbo-container .scp-image-block::before, .turbo-container .block::before { content: ""; position: absolute; height: calc(100% + 2em); width: calc(100% + 2em); z-index: -1; }

  Pages using this styling

  • jakdragonx-rage-collection [info]

  ¶ 1 occurrence
  

  a:visited {
    #DE0000;
  }

  Pages using this styling

  • jakdragonx-rage-collection [info]

  ¶ 1 occurrence
  

  :root {
    --accentColor: 255, 53, 53;
  }
  
  #page-content a:not([href*="user"]):not([href*="javascript:;"]) {
      color: rgb(255, 53, 53);

  Pages using this styling

  • jakdragonx-rage-collection [info]

  ¶ 1 occurrence
  

  #header {background-image: url(http://smlt.wdfiles.com/local--files/plaguebearer%3Anobody/%3F);}
  #header h1 a {
      display: block;
      margin: 0;
      padding: 80px 0 25px;
      line-height: 0px;
      max-height: 0px;
      color: transparent;
      background: transparent;
      font-family: BauhausLTDemi. 'Nanum Gothic'. Arial. sans-serif;
      text-decoration: none;
      text-shadow: none;
      letter-spacing: 0.9px;
  }
   
  #header h1 a::before {
      content: "Nobody";
      color: #fff;
      letter-spacing: -0.02em;
      text-shadow: 3px 3px 5px #000;
  }
   
  #header h2 span {
      display: block;
      margin: 0;
      padding: 19px 0;
      line-height: 0px;
      max-height: 0px;
      font-weight: bold;
      color: transparent;
      text-shadow: none;
  }
   
  #header h2 span::before {
      content: '...';
      color: #fff;
      text-shadow: 1px 1px 1px #000;
      text-shadow: 1px 1px 1px rgba(0,0,0,.8);
  }
  
  sup {
    vertical-align: top;
    position: relative;
    top: -0.5em;
  }
  
  .scp-image-block.block-right { margin: 1em 2em 1em 1em; }
  
  .page {
      display: block;
      overflow: hidden;
      font-family: "Monotype Corsiva", "Bradley Hand ITC", sans-serif;
      font-style: normal;
  
     
      background-attachment: scroll;
      background-clip: border-box;
      background-color: transparent;
      background-image: linear-gradient(to top ,rgb(202, 219, 228) 0%, rgb(231, 233, 220) 8%);
      background-origin: padding-box;
      background-position: 0px 8px;
      background-repeat: repeat;
      background-size: 100% 20px;
      
  
      border: 1px solid #CCC;
      border-radius: 10px;
      padding: 10px 10px;
      margin-bottom: 10px;
  
      box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2)
      }
  .page p {
      line-height: 20px;
      margin: 0;
  }

  Pages using this styling

  • jacklyn-diamandis-accountable-to-nobody [info]

  ¶ 1 occurrence
  

  /*-----------------------------------------------*/
  /* Widebox for Large Elements */
  .widebox {
     width: 40vw;
     max-width: 40vw !important;
     position: relative;
     left: calc(-20vw + 50%);
  }
  
  @media screen and (max-width: 640px) {
    .widebox {
      width: 100vw;
      max-width: 100vw !important;
      left: calc(-50vw + 50%);
    }
  }
  /*-----------------------------------------------*/

  Pages using this styling

  • jackalrelated-art [info]

  ¶ 1 occurrence
  

  
  @import url('https://scp-wiki.wdfiles.com/local--files/jackalrelated-art/stylesheet-1.css');
  @import url('https://scp-wiki.wdfiles.com/local--files/jackalrelated-art/stylesheet-2.css');
  @import url('https://scp-wiki.wdfiles.com/local--files/jackalrelated-art/stylesheet-3.css');
  @import url('https://scp-wiki.wdfiles.com/local--files/jackalrelated-art/stylesheet-4.css');
  @import url('https://fonts.bunny.net/css2?family=Courier+Prime&display=swap');
  
  :root {
     --theme-base: "black-highlighter";
     --theme-id: "suspirilite";
     --theme-name: "Suspirilite Theme";
   
     --logo-image: url("https://scp-wiki.wdfiles.com/local--files/jackalrelated-art/suspirilite.png");
     --header-subtitle: "";
  
     --body-font: "Louis George Cafe", sans-serif;
     --UI-font: "Louis George Cafe", sans-serif;
     --header-font: "Marola", sans-serif;
     --title-font: "Eurofurence", sans-serif;
     --mono-font: "Courier Prime", Courier, monospace;
  
     --white-monochrome: 255, 0, 0;
     --pale-gray-monochrome: 250, 250, 255;
     --light-gray-monochrome: 82, 0, 0;
     --gray-monochrome: 99, 00, 00;
     --dark-gray-monochrome: 0, 0, 0;
     --black-monochrome: 0, 0, 0;
     --pale-accent: 130, 0, 0;
     --bright-accent: 130, 0, 0;
     --medium-accent: 130, 0, 0;
     --dark-accent: 0, 0, 0;
     --background-black: 0, 0, 0;
     --alternate-white: 255, 255, 255;
     --profondo-rosso: 255, 0, 0;
     --suspiria: 201, 0, 0;
     --blood-red: 166, 0, 0;
     --dried-blood: 130, 0, 0;
  
     --swatch-menubg-color: var(--background-black);
     --swatch-menutxt-dark-color: var(--profondo-rosso);
     --swatch-menubg-medium-color: var(--background-black);
     --swatch-text-light: var(--profondo-rosso);
  
     --rating-module-color: var(--profondo-rosso);
     --rating-module-button-color: var(--blood-red);
     --rating-module-text-color: var(--profondo-rosso);
  
     --swatch-background: var(--background-black);
     --swatch-topmenu-bg-color: var(--background-black);
     --swatch-primary: var(--profondo-rosso);
  
     --swatch-secondary-color: var(--background-black);
     --swatch-tertiary-color: var(--background-black);
     --swatch-alternate-color: var(--background-black);
  
     --swatch-text-dark: var(--blood-red);
     --swatch-text-light: var(--profondo-rosso);
     --swatch-important-text: var(--blood-red);
     --swatch-text-secondary-color: var(--suspiria);
  
     --background-gradient-color: var(--background-black);
     --header-gradient-color-bottom: var(--background-black);
     --header-gradient-color-middle: var(--background-black);
     --header-gradient-color-top: var(--background-black);
     --background-gradient-distance: 0rem;
     --diagonal-stripes: linear-gradient(transparent 0);
  
     --sidebar-transition-timing: 0.8s ease-in-out 0.1s;
  
     --hover-link-color: var(--profondo-rosso);
     --newpage-color: var(--suspiria);
     --link-color: var(--suspiria);
      --visited-link-color: var(--dried-blood);
  
      --ui-button-bg: var(--background-black);
      --ui-button-txt: var(--profondo-rosso);
      --ui-button-hover-bg: var(--blood-red);
      --ui-button-hover-txt: var(--background-black);
      --ui-button-hover-outline: var(--background-black);
  }
  
  hr {
     border-top: .0625rem solid rgba(var(--profondo-rosso), 1);
     color: rgb(var(--profondo-rosso));
     background-color: rgb(var(--profondo-rosso));
  }
  
  #main-content {
     --tabs-selected-txt: var(--background-black);
  
     --ui-icon-color: var(--profondo-rosso);
     --ui-icon-bg: var(--background-black);
     --ui-icon-hover-color: var(--background-black);
     --ui-icon-hover-bg: var(--blood-red);
  
     --pagetags-title-text: var(--profondo-rosso);
     --pagetags-text-color: var(--suspiria);
  }
  
  #page-title {
    text-align: center;
    opacity: 0%;
  }
  
  #header {
      --login-dropdown-bg-color: var(--background-black);
      --login-dropdown-bg-image: var(--background-black);
      --login-dropdown-border-color: var(--profondo-rosso);
      --login-dropdown-text-color: var(--profondo-rosso);
      --login-dropdown-text-hover-color: var(--background-black);
      --login-dropdown-bg-hover-color: var(--dried-blood);
  }
  
  #top-bar{
      --topmenu-category-color: var(--blood-red);
      --topmenu-category-hover-color: var(--profondo-rosso);
      --topmenu-category-hover-bg: 0,0,0,0; /* Transparent */
      --topmenu-hover-border-color: var(--profondo-rosso);
  
      --dropdown-bg-color: var(--background-black);
      --dropdown-border-color: var(--profondo-rosso);
      --dropdown-links-color: var(--profondo-rosso);
      --dropdown-links-bg-color: 0,0,0,0; 
      --dropdown-links-hover-color: var(--background-black);
      --dropdown-links-hover-bg-color: var(--blood-red);
  }
  
  #side-bar, #interwiki{
     font-weight: bold;
  
     --sidebar-links-hover-text-color: var(--background-black);
     --sideblock-heading-text-color: var(--suspiria);
  
     --sidebar-collapsible-fld-link-color: var(--profondo-rosso);
     --sidebar-collapsible-ufld-link-color: var(--profondo-rosso);
  
     --sidebar-collapsible-fld-link-hover-color: var(--background-black);
     --sidebar-collapsible-fld-arrow-hover-color: var(--background-black);
  
     --sidebar-collapsible-ufld-link-hover-color: var(--background-black);
     --sidebar-collapsible-ufld-arrow-hover-color: var(--background-black);
  }
  
  #interwiki .heading {
     color: rgb(var(--blood-red));
  }
  
  ::-webkit-scrollbar {
    width: 18px;
    background: #transparent;
  }
  
  ::-webkit-scrollbar-track {
    background: #000000;
  }
  
  ::-webkit-scrollbar-thumb {
    background: #a60000;
    border: #820000 1px solid;
    border-radius: 3px;
  }
  
  ::-webkit-scrollbar-thumb:hover {
    background: #ff0000;
  }
  
  #search-top-box input.empty{
     color: rgb(138, 0, 0);
     background: rgb(0, 0, 0);
  }
  
  #header-extra-div-1 {
     --drop-shadow: none;
     filter: drop-shadow(0rem 0rem 0rem var(--drop-shadow));
  }
  
  #login-status {
     color: rgb(255,0,0);
     color: rgb(var(--profondo-rosso);
  }
  
  #login-status ul a{
     background-color: rgb(var(--background-black);
     color: rgb(var(--profondo-rosso);
  }
  
  #footer {
      color: rgb(var(--profondo-rosso,66,66,72));
  }

  Pages using this styling

  • jackalrelated-art [info]

  ¶ 1 occurrence
  

  
  #page-title {
     display: none;
  }
  
  :root {
     --hover-link-color: 26, 255, 0;
     --newpage-color: 65, 237, 62;
     --link-color: 65, 237, 62;
     --visited-link-color: var(--display-inter);
  }
  
  #main-content {
     background-color: rgb(0, 0, 0);
  }
  
  h2, h3 {
     font-family: 'Bedstead';
  }
  
  h2 {
     font-size: 1.6rem;
     text-align: center;
     color: rgb(var(--linkalt-hl));
     border-bottom: 0.2rem solid rgb(var(--linkalt-hl));
     margin-bottom: 0.3em;
  }
  
  h3 {
     color: rgb(var(--linkgr));
     margin-bottom: 0.01em;
  }
  
  .yui-navset .yui-content {
     color: rgb(var(--display-inter));
  }
  
  ul {
     margin-top: 0.1em;
     margin-bottom: 1.5em;
  }
  

  Pages using this styling

  • jackalrelated [info]

  ¶ 1 occurrence
  

  :root {
      --title: "IRON FOUNDATION";
  }

  Pages using this styling

  • jack-ike-s-proposal-iv [info]

  ¶ 1 occurrence
  

  .customlink a{
      color: #90ff00;
  
  .bblock:hover {color: #00FF00;}
  
  .bblock a {
  
      color: #000000;
  
      text-decoration: none;
  
      background: transparent;
  
  }
  
  .bblock a:hover {
  
      color: #00FF00;
  
      text-decoration: underline;
  
      background: transparent;
  
  }

  Pages using this styling

  • jack-ike-s-proposal-ii [info]

  ¶ 1 occurrence
  

  #page-content .wiki-content-table tr {background-color: #ffffff;}
  
  .danke{
  padding: 5px 5px 5px 15px;
  margin-bottom:10px;
  width: 100%;
  font-family: monospace;
  font-size: 1.1em; }
  
  .agent{
  background-color:#002200;
  border: 3px solid #55AA55;
  color: #77CC77;
  }
  
  .blinkbar {animation: blink 1.5s infinite; letter-spacing: -0.13em;}@keyframes blink{to{opacity: .0;}}@keyframes flicker {0% {opacity: 0.9890; }5% {opacity: 0.5842; }10% {opacity: 0.9865; }15% {opacity: 0.0412; }20% {opacity: 0.6255; }25% {opacity: 0.3157; }30% {opacity: 0.7328; }35% {opacity: 0.4654; }40% {opacity: 0.9128; }45% {opacity: 0.2449; }50% {opacity: 0.5485; }55% {opacity: 0.6438; }60% {opacity: 0.1180; }65% {opacity: 0.9085; }70% {opacity: 0.0266; }75% {opacity: 0.6795; }80% {opacity: 0.7812; }85% {opacity: 0.0117; }90% {opacity: 0.2239; }95% {opacity: 0.8897; }100% {opacity: 0.2260; }}@keyframes overlay-anim {0% {visibility: hidden; }10% {visibility: hidden; }11% {visibility: visible; }50% {visibility: hidden; }100% {visibility: hidden; }}

  Pages using this styling

  • jack-ike-s-proposal-i [info]

  ¶ 1 occurrence
  

  [[include :scp-wiki:theme:word-processor]]
  [[>]]
  [[module Rate]]
  [[/>]]
  + author page: UNFINISHED - to do list: make a self-insert, make the article funny, add a good theme, --list favorites--, --add auto list--
  
  Personal favorites:
  * [https://scp-wiki.wikidot.com/scp-7080 SCP-7080 "Alter Ego"] My first and best article (according to the upvotes)
  * [https://scp-wiki.wikidot.com/aco-7798 ACO-7798 "Meteor Belt, Barren Of Life, Of No Importance"] I absolutley love the concept, unfortunately I dont think i did it justice :(
  
   [[div id="blink-bar"]]
  Automatic list, in order of oldest to newest:
  [[/div]]
  
  [[module ListPages created_by="jaboi" order="created_at" separate="no" tags="-author -goi-format -hub" perPage="250" prependLine="||~ Item # ||~ Rating ||~ Comments ||~ Created ||~ Last Edited ||"]]
  || %%title_linked%% || %%rating%% || %%comments%% || %%created_at%% || %%updated_at%% ||

  Pages using this styling

  • jaboi-author-page [info]

  ¶ 1 occurrence
  

  @import url(https://scpsandboxcn.wikidot.com/snow-dance/code/1);
  @import url(https://scpsandboxcn.wikidot.com/night-sky/code/1);

  Pages using this styling

  • its-beginning-to-look-a-lot-like-eldritch [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Mountains+of+Christmas:wght@400;700&display=swap');

  Pages using this styling

  • its-beginning-to-look-a-lot-like-breachmas [info]

  ¶ 1 occurrence
  

  .scp3k{
  color: #efefef;
  }
  
  .scp3k:visited{
  color: #efefef;
  }

  Pages using this styling

  • its-all-coming-back-dont-you-understand [info]

  ¶ 1 occurrence
  

  :root {
      --header-gradient-color-bottom: 53, 94, 59;
      --footnotes-footer-num-color: 53, 94, 59;
      --link-color: 255, 255, 255;
      --visited-link-color: 255, 255, 255;
  }
  #page-title {display: none;}

  Pages using this styling

  • it-s-hard-to-be-a-kid-in-containment [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Permanent+Marker');
  .page {
      display: block;
      overflow: hidden;
      font-family: "Permanent Marker", cursive;
      font-style: normal;
  
      background-attachment: scroll;
      background-clip: border-box;
      background-color: transparent;
      background-image: linear-gradient(to top ,rgb(202, 219, 228) 0%, rgb(231, 233, 220) 8%);
      background-origin: padding-box;
      background-position: 0px 8px;
      background-repeat: repeat;
      background-size: 100% 20px;
  
      border: 1px solid #CCC;
      border-radius: 10px;
      padding: 10px 10px;
      margin-bottom: 10px;
  
      box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2)
      }
  .page p,
  .page ul {
      line-height: 20px;
      margin: 0;
  }

  Pages using this styling

  • isolated-efficient [info]

  ¶ 1 occurrence
  

   #page-title{
       display: none;
  }
   body{
     --dark-accent: hsl(264, 88%, 30%);
     --barColour: var(--dark-accent);
  }
  
  .pale1 {
     background: linear-gradient(transparent, rgb(26, 24, 26));
     margin-bottom: 0;
  }
  
  .pale2 {
     background: rgb(26, 24, 26);
     color: rgb(252, 252, 252);
     padding: 10px 20px;
     margin-bottom: 0;
     margin-top: 0;
  }
  
  .pale3 {
     background: linear-gradient(rgb(26, 24, 26), transparent);
     margin-top: 0;
  }
  
  .pale1 p, .pale3 p {
     margin: 0;
  }
  
  .pale2 tt {
      background-color: transparent;
      font-size: 100%;
      padding: 0;
  }
  

  Pages using this styling

  • isle-unto-thyself [info]

  ¶ 1 occurrence
  

  .customlink a{
      color: #A38800;
      font-size: 1.5em;
      font-weight: bold;
      font-family: 'Poiret One', cursive;
      
  }
  .custommenu a{
      href: 'http://www.example.com';
  }

  Pages using this styling

  • isabels-happy-meal [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.bunny.net/css?family=Berkshire+Swash');
  @import url('https://fonts.bunny.net/css?family=Sansita');
  @import url('https://fonts.bunny.net/css?family=Poiret+One');

  Pages using this styling

  • isabels-happy-meal [info]

  ¶ 1 occurrence
  

  /*
      Powered on 2020/06/29 15:46:58
      [2020 Wikidot Theme]
      Created by etoisle
      CC BY-SA 3.0
  */
  
  
  
  :root {
      --themeColor: #008484;
      --accentColor: #008484;
  }
  
  body {
  background-color: #008484;
      background-attachment: fixed;
      font-family: "Microsoft Sans Serif";
  -webkit-font-smoothing: none;
      text-rendering: optimizeLegibility;
      image-rendering: pixelated;
  }
  a{
      color: rgb(0, 0, 255);
  }
  a:visited{
  color: #800080;
  }
  h1,h2,h3,h4,h5,h6 {
      color: #008484;
      font-family: "Microsoft Sans Serif";
  }
  div#main-content h1 {
  width: 40%;
      margin: auto;
  padding: 5px;
      border: #DFDFDF outset 2px;
      background-color: #C0C0C0;
  }
  div.blockquote {
      border: #DFDFDF outset 2px;
      background-color: #C0C0C0;
          color: black;
          color: #000;
  }
  div#header {
      background: url(http://scpdsandbox.wikidot.com/local--files/etoisle-authorpage/tl1.png) 2px 15px no-repeat;
  }
  
  div#container-wrap {
      background: url(http://www.scp-wiki.net/local--files/is-this-thing-on/glitter1.gif) top left repeat-x;
  }
  
  div#header h1 {
      background: url(http://www.scp-wiki.net/local--files/is-this-thing-on/etoile__25743.gif) 50px 30px no-repeat;
  }
  
  .scp-image-block{
  align: right;
      box-shadow: 4px 4px 0px 0px rgba(0, 0, 0, 0.2);
      border-radius: 0px;
  }
  div#header h1 a span {
      visibility: hidden;
  }
  div#header h1 a:before {
      content: " ";
      color: #eee;
      text-shadow: 0;
  }
  
  div#header h2 span {
      display: none;
  }
  div#header h2:after {
      display: none;
  }
  div#side-bar div.side-block {
      background: #C0C0C0;
      border: #DFDFDF outset 2px;;
      box-shadow: 4px 4px 0px 0px rgba(0, 0, 0, 0.2);
      border-radius: 0px;
  }
  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: black;
      border-color: black;
  }
  div.yui-navset div.yui-content {
      background: #C0C0C0;
  border: #DFDFDF outset 2px;
  }
  .yui-navset .yui-nav,
  .yui-navset .yui-navset-top .yui-nav { /* protect nested tabviews from other orientations */
      border:solid #008484; /* color between tab list and content */
      border-width:0 0 0px;
      Xposition:relative;
      zoom:1;
  }
  .yui-navset .yui-nav .selected a, .yui-navset .yui-nav .selected a em,
  .yui-navset .yui-nav a em, .yui-navset .yui-navset-top .yui-nav a em{
  border-color: transparent;
  }
   .yui-navset .yui-nav, .yui-navset .yui-navset-top .yui-nav {
       border-color: #008484;
  }
  div.yui-navset ul.yui-nav a,
  div.yui-navset div.yui-navset-top ul.yui-nav a {
      background: #C0C0C0;
    border: #DFDFDF outset 2px;
  }
  div.yui-navset ul.yui-nav a:hover,
  div.yui-navset ul.yui-nav a:focus {
      background: #C0C0C0;
  border: #DFDFDF inset 2px;
  }
  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: #008484;
      border: #00aaaa inset 2px;
  }
  div.open-menu a {
      color: black!important;
      border-color: black!important;
  }
  div.page-rate-widget-box,
  div.page-rate-widget-box span.rate-points,
  div.page-rate-widget-box span.cancel {
      background-color: #C0C0C0!important;
  border: #DFDFDF outset 2px !important;
  border-radius: 0px;
  box-shadow: 4px 4px 0px 0px rgba(0, 0, 0, 0);
  }
  div.page-rate-widget-box span.rateup,
  div.page-rate-widget-box span.ratedown {
      border: #DFDFDF outset 2px;!important;
  }
  div.page-rate-widget-box span.rate-points,
  div.page-rate-widget-box span.cancel a,
  div.page-rate-widget-box span.cancel a:hover {
      color: #000000;
  }
  div.page-rate-widget-box span.rateup,
  div.page-rate-widget-box span.ratedown {
      background-color: #C0C0C0!important;
  }
  div.page-rate-widget-box span.rateup a,
  div.page-rate-widget-box span.ratedown a {
      color: #000000!important;
  }
  div.page-rate-widget-box span.cancel a:hover,
  div.page-rate-widget-box span.rateup a:hover,
  div.page-rate-widget-box span.ratedown a:hover {
      background: transparent!important;
      color: #008484!important;
  }
  #main-content{
      background: #C0C0C0;
      color: black;
      border: #DFDFDF outset 2px;
  box-shadow: 4px 4px 0px 0px rgba(0, 0, 0, 0.2);
  font-size: 14px;
  }
  #side-bar a:visited,
  #top-bar a,
  #top-bar ul li.sfhover a,
  #top-bar ul li:hover a,
  #login-status ul a,
  #login-status ul a:hover {
       color: #800080;
  }
  
  #page-title {
     color: #008484;
  }
  
  #login-status,
  #login-status a {
      color: white;
  }
  
  @media (max-width: 767px) {
       #side-bar {
            background-color: #C0C0C0;
       }
  }
  
  .side-block .menu-item > .image {
      filter: hue-rotate(250deg);
  }
  
  #footer {
      background: transparent;
  }
  
  #search-top-box-input,
  #search-top-box-input:hover,
  #search-top-box-input:focus,
  #search-top-box-form input[type=submit],
  #search-top-box-form input[type=submit]:hover,
  #search-top-box-form input[type=submit]:focus {
      border: #DFDFDF outset 2px;
      background: #C0C0C0;
      box-shadow: none;
      border-radius: 0px;
      color: #000000;
  }
  span, a, body, h1, h2, h3, h4, h5, h6{
       word-break: unset;
  }

  Pages using this styling

  • is-this-thing-on [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Kosugi&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Zen+Antique&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Goldman:wght@400;700&display=swap');
  
  @font-face {
    font-family: "MS Gothic";
    src: url("https://scp-wiki.wdfiles.com/local--files/ipsylon2x99/MS%20Gothic.woff2") format("woff2");
  }
  
  #page-title { display: none; }
  
  /* CSS ADDITIONS */
  
  body {
    background-image: url('https://scp-wiki.wdfiles.com/local--files/ipsylon2x99/tile.png');
    background-blend-mode: multiply;
    background-color: #F2EEE8;
    background-repeat: repeat;
    background-size: 20%;
    background-attachment: scroll;
  
    image-rendering: initial;
  
    font-family: "MS Gothic", "Kosugi";
    font-size: 15px;
    --themeColor: #000084;
    --accentColor: #000084;
  }
  
  div#header {
    background-image: url('https://scp-wiki.wdfiles.com/local--files/ipsylon2x99/bird.png');
    image-rendering: initial;
    background-position: 1em 2.5em;
  }
  
  div#container-wrap {
    background-image: url('https://scp-wiki.wdfiles.com/local--files/ipsylon2x99/bg.png');
  }
  
  #header h2 span::before { content:'fan forum for TV and Japanimation'; }
  
  #header h1 span { 
    position: relative;
    left: -999em;
  }
  
  #header h1 span::before { 
    content:'Site-19 ONLINE';
    position: relative;
    left: 999em;
  }
  
  @media (max-width: 767px) {
    #header h1 a::before {
      font-family: "Microsoft Sans Serif";
      content: "S-19 ONLINE";
      color: #ffffff;
      text-shadow: 3px 3px 0 rgba(0, 0, 0, 0.6);
    }
  }
  
  .yui-navset .yui-nav,
  .yui-navset .yui-navset-top .yui-nav {
    border-color: #000084;
  }
  
  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: #000084;
  }
  
  div.page-rate-widget-box span.rateup a:hover,
  div.page-rate-widget-box span.ratedown a:hover {
    background: transparent;
    color: #000084;
  }
  
  #page-content .rate-box-with-credit-button .fa-info:hover {
    background: transparent;
    color: #000084;
  }
  
  #top-bar .open-menu a,
  .sidebar-toggle .collapsible-block-folded {
    background-color: #C0C0C0;
    border-radius: 0em;
    border: .1em outset #888;
  }
  
  .sidebar-toggle .collapsible-block-folded {
    width: 32px;
    height: 32px;
    font-size: 1.8em;
    line-height: 50px;
  }
  
  .sidebar-toggle .collapsible-block-folded a { color: black; margin-top: 0em !important; }
  
  h1 {
    color: #0080C0;
    font-family: "Zen Antique", "MS PMincho";
  }
  
  #main-content h2 { display: none; }
  
  /* CUSTOM DIVS */
  
  .dWidth {
    width: fit-content;
    margin: auto;
    text-align: center;
    -webkit-transform: scaleX(1.6) scaleY(1);
    -moz-transform: scaleX(1.6) scaleY(1);
  }
  
  @media (max-width: 990px) {
    .dWidth {
      font-size: 110%;
      -webkit-transform: scaleX(1.3) scaleY(0.75);
      -moz-transform: scaleX(1.3) scaleY(0.75);
    }
  }
  
  .pbox {
    display: grid;
    grid-template-columns: 1fr 2fr;
    grid-template-rows: auto;
    grid-template-areas:
          "charimg chartext";
  }
  
  .pbox-r {
    display: grid;
    grid-template-columns: 2fr 1fr;
    grid-template-rows: auto;
    grid-template-areas:
          "chartext-r charimg-r";
  }
  
  .charimg {
    grid-area: charimg;
    display: flex;
    align-items: center;
    background: white;
    padding: 1.5em 0em 1.5em 0em;
  }
  
  .chartext {
    grid-area: chartext;
    padding: 1em;
    padding-bottom: 0em;
  }
  
  .charimg-r {
    grid-area: charimg-r;
    display: flex;
    align-items: center;
    background: white;
    padding: 1.5em 0em 1.5em 0em;
  }
  
  .chartext-r {
    grid-area: chartext-r;
    padding: 1em;
    padding-bottom: 0em;
  }
  
  #u-title p, #u-title-r p { margin: 0em; }
  
  #u-title, #u-title-r {
     color: #870000;
     line-height: 2em;
  }
  
  #u-title p { margin: 0em; }
  
  #u-title-r { text-align: right; }
  
  .sgoth { font-family: 'Goldman'; font-size: 2.55em; font-weight: 700;}
  

  Pages using this styling

  • ipsylon2x99 [info]

  ¶ 1 occurrence
  

  div#header h1 a span {
      font-size: 0px;
  }
  div#header h1 a:before {
      content: "Supa Cewl Pr0n!!!!";
      color: #eee;
      
  }
  div#header h2 span {
      font-size:0px;
      padding: 4px;
  }
  div#header h2:after {
      content: "i crave death.";
      font-weight: bold;
      color: #f0f0c0;
      padding: 19px 0;
      text-shadow: 1px 1px 1px rgba(0, 0, 0, .8);
      white-space: pre;
  }
  .hover {
  text-decoration: none;
      border-bottom: none;
      color:black;
  }
  .hover:hover {
       text-decoration: none;
      border-bottom: none;
      color:#004c00;
  }
  
  .hover span {    display: none;}
  .hover:hover span {
      position: absolute;
      display: inline;
      margin: 20px 0px;
      height: auto;
      width: auto;
      background: #FFF;
      border: 1px solid #000;
      color: black;
      padding: 0.5em;
  }
  .hover:hover span span {
      position: relative;
      margin: auto;
      height: auto;
      width: auto;
      border: none;
      padding: 0;
  }

  Pages using this styling

  • ion-x-bumaro-forevurr [info]

  ¶ 1 occurrence
  

  #header h1 a{
      display: block;
      margin: 0;
      padding: 80px 0 25px;
      line-height: 0;
      max-height: 0;
      color: transparent;
      background: transparent;
      font-family: "Carrois Gothic", "Arial", sans-serif;
      text-decoration: none;
      text-shadow: none;
      letter-spacing: 0.9px;
  }
  #header h1 a::before{
      content: "Pataphysics Department";
       color: hsl(0, 0%, 91%);
       text-shadow: 1px 1px 1px hsl(0, 0%, 05%);
  }
  }

  Pages using this styling

  • intro-aux-anomalies-narratives [info]

  ¶ 1 occurrence
  

  #header h1 a::before {
      content: "SCP Foundation";
  }
  
  #header h2::before {
      content: "SECURE - CONTAIN - PROTECT";
      text-shadow: 0rem 0rem 0.3125rem #000000;
  }

  Pages using this styling

  • into-the-void-hub [info]

  ¶ 1 occurrence
  

  
  #header {
      background-image: url(https://scp-wiki.wikidot.com/local--files/scp-3176/temporal_dept_logo.png);
  }
  
  #header h2 span {
      display: block;
      margin: 0;
      padding: 19px 0;
      line-height: 0px;
      max-height: 0px;
      font-weight: bold;
      color: transparent;
      text-shadow: none;
  }
  
  #header h2 span::before {
      content: 'Department of Temporal Anomalies ';
      color: #f0f0c0;
      text-shadow: 1px 1px 1px #000;
      text-shadow: 1px 1px 1px rgba(0,0,0,.8);
  }
  

  Pages using this styling

  • interrograde [info]

  ¶ 1 occurrence
  

  
   #page-title {
    display: none;
  }
  
  :root {
      --ct_col_tab-menu-text: black;
      --ct_col_tab-menu-bg-selected-txt: black;
      --int-tabs-transition: 250ms ease-in-out;
  }
  
  .newest-posts > div:nth-child(1) > p {
      display: -ms-grid;
      display: grid;
      -ms-grid-columns: 1fr 1px 1fr 1px 1fr;
      grid-template-columns: repeat(3, 1fr);
      grid-gap: 1px;
      grid-auto-rows: auto;
      height: 100%;
      margin-top: 0;
  }
  
  .newest-posts > div:nth-child(1) > p > a {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
         -moz-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
         -moz-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      width: 100%;
      height: 100%;
      padding: 0.25em;
      text-align: center;
      word-break: inherit !important;
  }
  
  .newest-posts > div:nth-child(1) br {
      display: none;
  }
  

  Pages using this styling

  • international-canon-contest [info]

  ¶ 1 occurrence
  

  #header h1 a::before {
      content: "THIRD LAW? ";
  }
  #header h2 span::before {
      content: 'PLEASE STAND BY ';
  }

  Pages using this styling

  • intermission [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css?family=Pangolin&display=swap');
  
  #header h1 a::before {
    content: "Anderson Systems";
  }
  table.wiki-content-table th {
      background-color: #295183!important;
      color: white;
      font-weight: normal;
  }
  
  .classic {
      display: block;
      font-family: 'Pangolin', cursive;
      font-size: 1.3em;
      background-attachment: scroll;
      background-clip: border-box;
      background-color: transparent;
      background-image: linear-gradient(to top ,rgb(202, 219, 228) 0%, rgb(231, 233, 220) 8%);
      background-origin: padding-box;
      background-position: 0px 8px;
      background-repeat: repeat;
      background-size: 100% 20px;
      border: 1px solid #CCC;
      border-radius: 10px;
      padding: 10px 10px;
      margin-bottom: 10px;
      box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2)
      }
  
  .nobody {
      width: 70%;
      margin: 1rem auto;
      text-align: center;
      padding: 0.6rem;
      font-size: 1rem;
  }
  
  .andersonone {
      border: 1px solid rgba(0,0,0,0.12);
      margin: 10px auto;
      width: 85%;
      box-shadow: 0 1px 3px rgba(0,0,0,.2);
      padding: 1rem;
  }
  
  .andersontwo {
      background: white;
      border: solid 1px #295183; 
      padding: 1px 15px; 
      margin: auto; 
      margin-top: 10px; 
      margin-bottom: 10px; 
      box-shadow: 0 1px 3px rgba(0,0,0,.2);
  }

  Pages using this styling

  • intercepts [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Lexend:wght@100..900&display=swap');
  
  :root {
      --timeScale: 6;
      --timeDelay: 6s;
      --white-monochrome: 252, 252, 252;
      --pale-gray-monochrome: 244, 244, 244;
      --light-pale-gray-monochrome: 244, 244, 244;
      --very-light-gray-monochrome: 215, 215, 215;
      --light-gray-monochrome: 160, 160, 160;
      --gray-monochrome: 147, 178, 197;
      --dark-gray-monochrome: 118, 142, 157;
      --black-monochrome: 12, 12, 12;
      --pale-accent: 176, 216, 247;
      --bright-accent: 103, 143, 172;
      --medium-accent: 41, 84, 110;
      --dark-accent: 0, 46, 69;
      --alt-accent: 156, 173, 188;
      --mono-font: 'IBM Plex Mono', monospace;
  }
  
  #page-title{
      display:none
  }
  
  #content-wrap {
      background-color: #ffffff;
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 56 28' width='56' height='28'%3E%3Cpath fill='%23CFE8FA' fill-opacity='0.54' d='M56 26v2h-7.75c2.3-1.27 4.94-2 7.75-2zm-26 2a2 2 0 1 0-4 0h-4.09A25.98 25.98 0 0 0 0 16v-2c.67 0 1.34.02 2 .07V14a2 2 0 0 0-2-2v-2a4 4 0 0 1 3.98 3.6 28.09 28.09 0 0 1 2.8-3.86A8 8 0 0 0 0 6V4a9.99 9.99 0 0 1 8.17 4.23c.94-.95 1.96-1.83 3.03-2.63A13.98 13.98 0 0 0 0 0h7.75c2 1.1 3.73 2.63 5.1 4.45 1.12-.72 2.3-1.37 3.53-1.93A20.1 20.1 0 0 0 14.28 0h2.7c.45.56.88 1.14 1.29 1.74 1.3-.48 2.63-.87 4-1.15-.11-.2-.23-.4-.36-.59H26v.07a28.4 28.4 0 0 1 4 0V0h4.09l-.37.59c1.38.28 2.72.67 4.01 1.15.4-.6.84-1.18 1.3-1.74h2.69a20.1 20.1 0 0 0-2.1 2.52c1.23.56 2.41 1.2 3.54 1.93A16.08 16.08 0 0 1 48.25 0H56c-4.58 0-8.65 2.2-11.2 5.6 1.07.8 2.09 1.68 3.03 2.63A9.99 9.99 0 0 1 56 4v2a8 8 0 0 0-6.77 3.74c1.03 1.2 1.97 2.5 2.79 3.86A4 4 0 0 1 56 10v2a2 2 0 0 0-2 2.07 28.4 28.4 0 0 1 2-.07v2c-9.2 0-17.3 4.78-21.91 12H30zM7.75 28H0v-2c2.81 0 5.46.73 7.75 2zM56 20v2c-5.6 0-10.65 2.3-14.28 6h-2.7c4.04-4.89 10.15-8 16.98-8zm-39.03 8h-2.69C10.65 24.3 5.6 22 0 22v-2c6.83 0 12.94 3.11 16.97 8zm15.01-.4a28.09 28.09 0 0 1 2.8-3.86 8 8 0 0 0-13.55 0c1.03 1.2 1.97 2.5 2.79 3.86a4 4 0 0 1 7.96 0zm14.29-11.86c1.3-.48 2.63-.87 4-1.15a25.99 25.99 0 0 0-44.55 0c1.38.28 2.72.67 4.01 1.15a21.98 21.98 0 0 1 36.54 0zm-5.43 2.71c1.13-.72 2.3-1.37 3.54-1.93a19.98 19.98 0 0 0-32.76 0c1.23.56 2.41 1.2 3.54 1.93a15.98 15.98 0 0 1 25.68 0zm-4.67 3.78c.94-.95 1.96-1.83 3.03-2.63a13.98 13.98 0 0 0-22.4 0c1.07.8 2.09 1.68 3.03 2.63a9.99 9.99 0 0 1 16.34 0z'%3E%3C/path%3E%3C/svg%3E");
  }
  
  #main-content {
      --tabs-content-bg-color: rgba(255, 0, 0, 0);
      --tabs-bg: rgba(255, 0, 0, 0);
      --tabs-hover-bg: rgba(255, 0, 0, 0);
      --tabs-selected-bg: rgba(255, 0, 0, 0);
      --tabs-selected-outline: rgba(255, 0, 0, 0);
      --tabs-bottom-border-color: rgba(255, 0, 0, 0);
      --tabs-hover-txt: var(--red);
  }
  
  .top {
      width: 90%;
      backdrop-filter: blur(2px);
      padding: 10px 20px;
      margin: 15px auto;
      box-shadow: 2px 2px 10px rgba(0,46,69,0.4);
      font-family: "Lexend", sans-serif;
      font-weight: 300;
      font-size: 110%;
      border-radius: 10px;
  }
  
  .head { 
      font-weight: 600; 
      font-size: 150%; 
  }
  
  .head2 { 
      font-weight: 600; 
      font-size: 200%; 
  }
  
  .sub {
      text-align: center;
      margin-top:-2.6em;
      padding-bottom: 1.3em;
      font-size: 105%;
      font-weight: 200; 
  }
  
  .title {
      font-weight: 500;
      font-size: 115%;
      color: #26568c;
  }
  
  .article {
      --art: none;
      --art-width: 33.333%;
      position: relative;
      overflow: hidden;
      display: block;
      width: 85%;
      margin: 15px auto;
      padding: 20px;
      padding-right: var(--art-width);
      border-radius: 10px;
      color: black !important;
      text-decoration: none !important;
      transition: transform 0.25s ease, box-shadow 0.25s ease;
      box-sizing: border-box;
      font-weight: 300;
      font-size: 95%;
  }
  
  .article:hover {
      transform: scale(1.015);
      box-shadow: 2px 2px 10px rgba(0,46,69,0.4);
      transition: transform 0.25s ease, box-shadow 0.25s ease;
  }
  
  .article::after {
      content: "";
      position: absolute;
      top: 0; right: 0; bottom: 0;
      width: var(--art-width);
      background-image: var(--art);
      background-size: cover;
      background-position: center;
      opacity: 0;
      transform: translateX(100%);
      transition: transform .35s ease, opacity .35s ease;
      pointer-events: none;
  }
  
  .article:hover::after {
      transform: translateX(0%);
      opacity: 1;
  }
  
  .header-pair {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: .6rem;
      margin: 0 auto;
      font-family: "Lexend", sans-serif;
      max-width: 1100px;
  }
  
  .header-pair--right { 
      flex-direction: row-reverse; 
  }
  
  .badge { 
      width: 100px; 
      height: auto; 
      flex-shrink: 0; 
  }
  
  .text {
      display: flex;
      flex-direction: column;
      gap: .05rem;
      line-height: 1;
  }
  
  .text > span { 
      white-space: nowrap; 
  }
  
  .site322-line1 { 
      font-weight: 600; 
      font-size: 1.05rem; 
      letter-spacing: .06em; 
  }
  
  .site322-line2 { 
      font-weight: 600; 
      font-size: 2.3rem; 
      color: #26568c; 
  }
  
  .site322-line3 { 
      font-weight: 200; 
      font-size: 0.72rem; 
      color: black; 
  }
  
  .area179-line1 { 
      font-weight: 600; 
      font-size: 1.03rem; 
      letter-spacing: .06em; 
  }
  
  .area179-line2 { 
      font-weight: 600; 
      font-size: 2.3rem; 
      color: #076a21; 
  }
  
  .area179-line3 { 
      font-weight: 200; 
      font-size: 0.71rem; 
      color: black; 
  }
  
  .yui-navset,
  .yui-navset .yui-nav { 
      overflow: visible; 
  }
  
  .yui-navset .yui-nav {
      position: relative;
      z-index: 0;
      border: none;
      display: flex;
      flex-wrap: nowrap;
      justify-content: center;
      width: 80%;
      margin: 0 auto;
      padding: 0.2em 0.8em;
      gap: 0.6em;
  }
  
  .yui-navset .yui-nav li {
      flex: 1 1 0;
      margin: 0;
      padding: 0;
  }
  
  .yui-navset .yui-nav li a {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 100%;
      box-sizing: border-box;
      padding: 5px 20px;
      border: none;
      border-radius: 10px;
      font-family: "Lexend", sans-serif;
      font-weight: 600;
      font-size: 1.7em;
      letter-spacing: -1px;
      color: black;
      box-shadow: none;
      text-shadow: none;
      transition: transform 0.2s ease-in-out, color 0.2s ease-in-out;
  }
  
  .yui-navset .yui-nav li a:hover { 
      color: #26568c; 
  }
  
  .yui-navset .yui-nav .selected a,
  .yui-navset .yui-nav .selected a:link,
  .yui-navset .yui-nav .selected a:visited,
  .yui-navset .yui-nav .selected a:focus,
  .yui-navset .yui-nav .selected a:hover {
      font-weight: 900;
      color: #26568c !important;
      box-shadow: 2px 2px 10px rgba(0,46,69,0.4);
      text-shadow: none;
  }
  
  .yui-navset .yui-nav li a em,
  .yui-navset .yui-nav .selected em {
      display: inline;
      padding: 0;
      margin: 0;
      background: none !important;
      border: 0 !important;
      box-shadow: none !important;
      color: inherit !important;
  }
  
  .yui-navset .yui-content {
      display: flex;
      flex-direction: column;
      border: none;
      padding: 0;
      position: relative;
      margin-top: 0.2em;
      margin: 15px auto;
      width: 90%;
      transform-origin: 0 0;
  }
  
  .yui-navset .yui-content > div {
      border: none;
      border-left: none;
      padding: 0.25em 0.5em;
      display: block;
      top: 0;
      overflow: hidden;
      transform-origin: 0 0;
  }
  
  #page-content .yui-navset .yui-content > div > * { 
      transform-origin: 0 0; 
  }
  
  #page-content .yui-navset .yui-content > div[style*="none"] {
      display: block !important;
      flex: 0;
      max-height: 0;
      padding: 0 0.5em;
      border-width: 0;
      transition: padding 0s linear 0.5s,
      border-width 0s linear 0.5s,
      flex 0.5s cubic-bezier(.0,1.27,.0,.89) 0s;
      animation: tab-disappear 0.5s ease-in-out 0s 1 both;
  }
  
  #page-content .yui-navset .yui-content > div[style*="block"] {
      display: block !important;
      flex: 1;
      max-height: 9999rem;
      transition: padding 0s linear 0.5s,
      border-width 0s linear 0.5s,
      flex 0.5s cubic-bezier(.99,.0,.99,.0) 0.5s;
      animation: tab-appear 0.5s ease-in-out 0.5s 1 both;
  }
  
  @keyframes tab-disappear {
      0% { 
          max-height: 9999rem; 
      }
  
      1% { 
          max-height: 100vh;
      }
  
      100% { 
          max-height: 0; 
      }
  }
  
  @keyframes tab-appear {
      0% { 
          max-height: 0; 
      }
  
      99% { 
          max-height: 100vh; 
      }
  
      100% { 
          max-height: 9999rem; 
      }
  }
  
  @media (max-width: 600px) {
      .head2 { 
          font-weight: 600; 
          font-size: 110%; 
      }
  
      .sub {
          text-align: center;
          margin-top: -3.5em;
          padding-bottom: 1.3em;
          font-size: 75%;
      }
  
      .badge { 
          width: 60px; 
      }
  
      .yui-navset { 
          overflow: visible !important; 
      }
  
      .yui-navset .yui-nav {
          flex-wrap: wrap;
          width: 100% !important;
          padding: 0.4em 0.5em;
      }
  
      .yui-navset .yui-nav li { 
          flex: 1 1 auto; 
      }
  
      .yui-navset .yui-nav li a { 
          font-size: 1.4em; 
      }
  
      .header-pair{
          gap:.4rem;
          padding:0 12px;
          max-width:100%;
      }
  
      .header-pair--right{ 
          flex-direction:row-reverse; 
      }
  
      .badge{ width:56px; height:auto; flex-shrink:0; }
  
      .text{ flex:1 1 auto; min-width:0; }
  
      .site322-line1, .area179-line1{ 
          font-size:clamp(.50rem,3.2vw,.01rem); 
      }
  
      .site322-line2, .area179-line2{ 
          font-size:clamp(1.1rem,8.8vw,.82rem); 
      }
  
      .site322-line3, .area179-line3{ 
          font-size:clamp(.33rem,3.2vw,.32rem); 
      }
  
      .text > span{ 
          white-space:nowrap; overflow:hidden; text-overflow:clip; 
      }
  
      .article { 
          font-size: 80%; 
      }
  }

  Pages using this styling

  • integration-program-hub [info]

  ¶ 1 occurrence
  

  :root {
  
      --timeScale: 6;
      --timeDelay: 6s;
      --red: 176, 216, 247;
      --bluedark: 5, 28, 46;
      --blue-dark-lighter: 10, 62, 102;
       --medium-accent: var(--red);
       --pale-gray-monochrome: var(--blue-dark-lighter);
       --cutColour: #fafafa;
       --barColour: var(--red);
       --toggle-border-color: rgb(var(--red));
       --toggle-icon-color: rgb(var(--red));
       --mono-font: 'IBM Plex Mono', monospace;
  
      --header-gradient-color-top: var(--bluedark);
      --header-gradient-color-middle: var(--bluedark);
      --header-gradient-color-bottom: var(--bluedark);
      --background-gradient-distance: 0rem;
      --diagonal-stripes: linear-gradient(transparent 0);
  
      --swatch-topmenu-bg-color: var(--red);
      --swatch-topmenu-border-color: var(--red);
  
        --swatch-background: var(--bluedark);
  
       --dark-accent: var(--red);
       --barColour: var(--red);
       --bright-accent: var(--red);
  
      --header-title: "THE  INTEGRATION  PROGRAM";
      --header-subtitle: " ";
      --logo-image: url("");
  
      --ui-button-bg: var(--blue-dark-lighter);
      --ui-button-txt: var(--red);
      --ui-button-hover-txt: var(--bluedark);
  
      --link-color: var(--red);
      --visited-link-color: var(--red);
      --hover-link-color: var(--red);
      --newpage-color: var(--red);
  
      --rating-module-bg-color: var(--red);
      --rating-module-bottom-border-color: var(--blue-dark-lighter);
  
      --rating-module-text-color: var(--bluedark);
      --rating-module-text-hover-color: var(--swatch-text-secondary-color);
  
  --swatch-text-dark: var(--white-monochrome);
  
  --header-font: 'Big Shoulders Text', sans-serif;
  --title-font: "Big Shoulders Text", sans-serif;
  
  --header-h1-font-size: calc(1.55rem + (2.405 - 1.15) * ((var(--header-width-on-mobile, 100vw) - 18.75rem) / (48 - 18.75)));
  }
  
  #main-content {
      --ui-icon-color: var(--red);
      --ui-icon-bg: var(--bluedark);
      --ui-icon-hover-color: var(--red);
      --ui-icon-hover-bg: var(--bluedark);
  
      --editor-icon-color: var(--bluedark);
      --editor-icon-bg: var(--red);
      --editor-icon-hover-color: var(--red);
      --editor-icon-hover-bg: var(--blue-dark-lighter);
      --editor-icon-submenu-bg: var(--blue-dark-lighter);
  
      --pagetags-title-text: var(--bluedark);
  
  }
  
  #side-bar,
  #interwiki {
      --sidebar-bg-color: var(--blue-dark-lighter);
      --sidebar-resources-bg-color: var(--win-border), 0.25;
      --sidebar-media-bg-color: var(--win-border), 0.25;
   
      --sideblock-heading-border-color: var(--bluedark);
      --sideblock-heading-bg-color: var(--bluedark);
      --sideblock-heading-text-color: var(--red);
   
      --sidebar-border-color: var(--bluedark), 0.08;
      --sidebar-subtest-color: var(--bluedark);
   
      --sidebar-links-text: var(--red);
      --sidebar-links-hover-bg-color: var(--red);
      --sidebar-links-hover-text-color: var(--bluedark);
  }
  
  #footer {
      --footer-bg-color: var(--bluedark);
      --footer-text-color: var(--red);
      --footer-link-color: var(--red);
      --footer-link-hover-color: 176, 216, 247;
      --footer-link-hover-bg-color: var(--blue-dark-lighter);
  }
   
  form#edit-page-form .wd-editor-toolbar-panel {
      background-color: rgb(var(--red));
  }
  
  html,
  body,
  #header h1 a::after {
      color: rgb(var(--white));
  }
  
  #header h1 a::before {
      -webkit-text-stroke: 0.2rem rgb(var(--bluedark));
      --wght: 100;
      font-weight: 100;
      }
  }
  
  #side-bar,
  #interwiki {
      --sidebar-bg-color: var(--blue-dark-lighter);
      --sidebar-resources-bg-color: var(--win-border), 0.25;
      --sidebar-media-bg-color: var(--win-border), 0.25;
   
      --sideblock-heading-border-color: var(--bluedark);
      --sideblock-heading-bg-color: var(--bluedark);
      --sideblock-heading-text-color: var(--red);
   
      --sidebar-border-color: var(--bluedark), 0.08;
      --sidebar-subtest-color: var(--bluedark);
   
      --sidebar-links-text: var(--red);
      --sidebar-links-hover-bg-color: var(--red);
      --sidebar-links-hover-text-color: var(--bluedark);
  }
  
  #footer {
      --footer-bg-color: var(--bluedark);
      --footer-text-color: var(--red);
      --footer-link-color: var(--red);
      --footer-link-hover-color: 176, 216, 247;
      --footer-link-hover-bg-color: var(--blue-dark-lighter);
  }
   
  form#edit-page-form .wd-editor-toolbar-panel {
      background-color: rgb(var(--red));
  }
  
  #top-bar {
      --topmenu-category-color: var(--bluedark);
      --dropdown-bg-color: var(--bluedark), 0.9;
      }
  
  #content-wrap {
  background-color: #051c2e;
  background-image: url("data:image/svg+xml,%3Csvg width='48' height='64' viewBox='0 0 48 64' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M48 28v-4L36 12 24 24 12 12 0 24v4l4 4-4 4v4l12 12 12-12 12 12 12-12v-4l-4-4 4-4zM8 32l-6-6 10-10 10 10-6 6 6 6-10 10L2 38l6-6zm12 0l4-4 4 4-4 4-4-4zm12 0l-6-6 10-10 10 10-6 6 6 6-10 10-10-10 6-6zM0 16L10 6 4 0h4l4 4 4-4h4l-6 6 10 10L34 6l-6-6h4l4 4 4-4h4l-6 6 10 10v4L36 8 24 20 12 8 0 20v-4zm0 32l10 10-6 6h4l4-4 4 4h4l-6-6 10-10 10 10-6 6h4l4-4 4 4h4l-6-6 10-10v-4L36 56 24 44 12 56 0 44v4z' fill='%2324374b' fill-opacity='0.14' fill-rule='evenodd'/%3E%3C/svg%3E");
  }
  
  @media only screen and (max-width: 26.5625rem) {
      :root {
          --header-title: "INTEGRATION";
      }
      #header::before {
          top: -1rem;
          left: -2rem;
      }
  }
  

  Pages using this styling

  • integration-program-art [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.bunny.net/css2?family=Big+Shoulders+Text:wght@100&display=swap');
  @import url('https://fonts.bunny.net/css2?family=Big+Shoulders+Text:wght@200&display=swap');
  @import url('https://fonts.bunny.net/css2?family=Big+Shoulders+Text:wght@400&display=swap');
  @import url('https://fonts.bunny.net/css2?family=Big+Shoulders+Text:wght@700&display=swap');
  
  .main{
      text-decoration: none!important;
  }
  
  .main:hover {
      text-decoration: none!important;
  }
  .main:visited {     
      color: white;
  }
  
  .name {
      font-family: "Big Shoulders Text", sans-serif;
      font-size: 3.5em;
      font-weight: 700;
      line-height: 60px;
  }
  
  .tale {
      color: #b0d8f7!important;
      font-family: "Big Shoulders Text", sans-serif;
      font-size: 3em;
      font-style: italic;
      font-weight: 700;
  }
  
  .subtitle {
      font-family: "Big Shoulders Text", sans-serif;
      color: white;
      FONT-SIZE: 1.4em;
      position: relative;
      font-style: italic;
      font-weight: 200;
      top: -0.7em;
  }
  
  @media only screen and (max-width: 26.5625rem) {
  .name {
      font-family: "Big Shoulders Text", sans-serif;
      font-size: 2em;
      font-weight: 700;
      line-height: 35px;
  }
  
  .tale {
      color: #b0d8f7!important;
      font-family: "Big Shoulders Text", sans-serif;
      font-size: 1em;
      font-style: italic;
      font-weight: 700;
  }
  
  .subtitle {
      font-family: "Big Shoulders Text", sans-serif;
      color: white;
      FONT-SIZE: 1em;
      position: relative;
      font-style: italic;
      font-weight: 200;
      top: -0.7em;
  }
  }
  
  .main {
      display: block;
      height: 18em;
      padding-left: 0.75rem;
      color: white;
      border-radius: 3px;
  }
  
  .art {
      position: relative;
      background-position: 25% 40%;
      background-size: 130%;
      background-color: #00295D;
      background-blend-mode: luminosity;
      transition: all 200ms ease-in-out;
      color: white! important;
      margin-left: -20em;
      margin-right: 25em;
      margin-top: 1em;
  }
  
  .art:hover {
      color: #b0d8f7!important;
      transition: all 150ms ease-in-out;
      background-color: transparent;
      box-shadow: 0px 0px 9px 3px rgba(0,0,0,0.5);
      text-shadow: 1px 1px 0px #051c2e;
      mix-blend-mode: none;
  }
  
  .art:hover .subtitle {
      color: white;
  }
  
  .art:hover .info {
      color:#557D99!important;
  }
  
  
  .right {
      position: relative;
      background-position: 25% 40%;
      background-size: 140%;
      background-color: #00295D;
      background-blend-mode: luminosity;
      transition: all 200ms ease-in-out;
      color: white! important;
      margin-left: 25em;
      margin-right: -20em;
      margin-top: -19em;
  }
  
  .right:hover {
      color: #b0d8f7!important;
      transition: all 150ms ease-in-out;
      background-color: transparent;
      box-shadow: 0px 0px 9px 3px rgba(0,0,0,0.5);
      text-shadow: 1px 1px 0px #051c2e;
      mix-blend-mode: none;
  }
  
  .right:hover .subtitle {
      color: white!important;
  }
  
  .right:hover .info {
      color:#557D99!important;
  }
  
  
  #page-title{display:none}
  
  .widebox {
      position: relative;
      left: calc(-50dvw + 50%);
      width: 100dvw !important;
      height: calc(42.2em);
      max-width: 120dvw !important;
      background-image: url(
  http://scp-sandbox-3.wikidot.com/local--files/integration-program-art/banner.png);
      background-repeat: no-repeat;
      background-size: contain;
      background-position: top;
      margin-top: -5.5em;
  }
  
  @media only screen and (max-width: 26.5625rem) {
     .widebox {
          height: calc(15.2em);
          margin-top: -3.7em;
     }
  }
  
  
  .text {
      position: absolute;
      text-align: center;
      margin-left: 55vmax;
      margin-right: 0.2em;
      margin-top: 1vmax;
      color: white;
      font-family: "Big Shoulders Text", sans-serif;
      max-width: 40rem !important;
      line-height: 1.1;
     text-shadow: 1px 1px 1px black;
  }
  
  .one .text {
      position: absolute;
      text-align: center;
      margin-left: 3vmax;
      margin-right: -2vmax;
      margin-top: 29em;
      color: white;
      font-family: "Big Shoulders Text", sans-serif;
      max-width: 40rem !important;
      line-height: 1.1;
  }
  
  
  .text .quote {
     font-size: 2.835em;
     font-weight: 700;
  }
  
  .text .sig {
    font-size: 1.89em;
    font-weight: 100;
  }
  
  @media only screen and (max-width: 26.5625rem) {
  .text {
      position: absolute;
      text-align: center;
      margin-left: 27.5vmax;
      margin-right: 0.7vmax;
      margin-top: -1vmax;
      color: white;
      font-family: "Big Shoulders Text", sans-serif;
      max-width: 40rem !important;
      line-height: 1.1;
     text-shadow: 1px 1px 1px black;
  }
  
  .one .text {
      position: absolute;
      text-align: center;
      margin-left: 1vmax;
      margin-right: 30vmax;
      margin-top: 10em;
      color: white;
      font-family: "Big Shoulders Text", sans-serif;
      max-width: 40rem !important;
      line-height: 1.1;
  }
  
  .text .quote {
     font-size: 1em;
     font-weight: 700;
  }
  
  .text .sig {
    font-size: 0.8em;
    font-weight: 200;
  }
  }
  
  .about {
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;
  height: 120vh;
  max-width: 23.5rem !important;
  margin: auto;
  font-family: "Big Shoulders Text", sans-serif;
  word-spacing: 4px;
  color:white;
  line-height: 0.96;
  }
  
  .about .def{
  letter-spacing: 0.1em;
  font-size: 420%;
    font-weight: 700;
  }
  
  .about .other {
    letter-spacing: 0.1em;
    font-size: 200%;
    font-weight: 200;
  }
  
  .about .ooah{
  font-size: 155%;
  font-weight: 200;
  }
  
  
  @media only screen and (max-width: 26.5625rem) {
  .about {
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;
  height: 30vh;
  max-width: 3.5rem !important;
  margin: auto;
  font-family: "Big Shoulders Text", sans-serif;
  word-spacing: 4px;
  color:white;
  line-height: 0.96;
  }
  
  .about .def{
  letter-spacing: 0.1em;
  font-size: 320%;
    font-weight: 700;
  }
  
  .about .other {
    letter-spacing: 0.1em;
    font-size: 130%;
    font-weight: 200;
  }
  
  .about .main{
  font-size: 125.5%;
  font-weight: 200;
  }
  }
  
  .category {
      position: relative;
      font-family: "Big Shoulders Text", sans-serif;
      font-weight: 200;
      word-spacing: 4px;
      color:white;
      font-size: 7em;
      line-height: 0.96;
      margin-left: -2.5em;
      top: 1vmax;
  }
  
  @media only screen and (max-width: 26.5625rem) {
  .category {
      position: relative;
      font-family: "Big Shoulders Text", sans-serif;
      font-weight: 200;
      word-spacing: 4px;
      color:white;
      font-size: 2.5em;
      line-height: 0.96;
      margin-left: 0.3em;
      top: .5vmax;
  }
  
  .main {
      display: block;
      height: 20vmax;
      padding-left: 0.75rem;
      color: white;
      border-radius: 3px;
      margin: -2.5vmin;
  }
  }
  
  

  Pages using this styling

  • integration-program-art [info]

  ¶ 1 occurrence
  

  :root {
      --header-title: "SITE-17";
      --header-subtitle: "The Deepwell Catalog";
      --logo-image: url("https://scp-wiki.wdfiles.com/local--files/secure-facilities-locations/Site-17.svg");
  }
  .email-example .collapsible-block-folded a.collapsible-block-link {
      animation: blink 0.8s ease-in-out infinite alternate;
  }
  @keyframes blink {
      0% { color: transparent; }
      50%, 100% { color: #b01; }
  }
  .email {border: solid 2px #000000; width: 88%; padding: 1px 15px; margin: 10px; box-shadow: 0 1px 3px rgba(0,0,0,.5)}
  .email-example a.collapsible-block-link {font-weight: bold;}
  .tofrom {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px purple}
  @import url('https://fonts.googleapis.com/css?family=Ruslan+Display');
  .shadow {
      font-family: 'Ruslan Display', cursive;
      font-size: 110%;
  }
  .fncon {
      background: #2b2b2b !important;
  }

  Pages using this styling

  • insurer-s-regret [info]

  ¶ 1 occurrence
  

   div#container-wrap{
       background-image: url('https://scp-wiki.wdfiles.com/local--files/insurance/bg3.png');
       background-repeat: repeat-x;
  }
   

  Pages using this styling

  • insurance [info]

  ¶ 1 occurrence
  

  /* COMMON */
   @media (min-width: 768px) {
       #main-content {
            max-width: 75%;
      }
  
       .meta-title.h0 {
            font-size: 2.55rem;
            letter-spacing: 1rem
      }
  
       .narration {
            padding: 2rem 3rem;
      }
  }
  
   .narration .meta-title p {
       border-bottom: medium solid var(--fgColor);
  }
  
   #page-content .narration h4 {
       filter: none;
  }
  
   @media (max-width: 767px) {
        .meta-title.h0 {
            letter-spacing: .4rem
      }
  }
  
  /* PART ONE */
   .oscp {
     --keyColor: hsl(222, 20%, 9%);
  
       padding: .8rem 0 1.8rem;
  
       color: var(--textColorAlt);
       background-color: var(--fgColor);
       background-image:   /* Black Shadow at Top of Terminal */
          radial-gradient(
            ellipse 1000% 100% at 50% 90%,
            transparent,
            var(--keyColor));
       border: 7px ridge var(--accentColorLite);
       border-radius: .8rem;
       box-shadow: inset 0 0 6.67rem 1rem hsla(0, 0%, 3%, .6);   /* Shadow Around Terminal */
  
       overflow: hidden;   /* Prevents Scanline From Forming Scrollwheel */
  }
  
   @media (max-width: 767px) {
        .oscp {
             padding-top: 0;
             padding-bottom: 2.67rem;
      }
  }
  
   .oscp-text strong {
       filter: none;
  }
  
   .scanline {
       height: 4rem;
       margin-top: -40%;
  
       background:
          linear-gradient(
            transparent,
            hsla(0, 0%, 95%, .1));
  
       animation: scan 12s linear 0s infinite;
       -moz-animation: scan 12s linear 0s infinite;
       -webkit-animation: scan 12s linear 0s infinite;
       pointer-events: none;
  }
  
   @keyframes scan {
       from {   transform: translateY(-10%);   }
       to {   transform: translateY(5000%);   }
  }
  
   @-moz-keyframes scan {
       from {   transform: translateY(-10%);   }
       to {   transform: translateY(5000%);   }
  }
  
   @-webkit-keyframes scan {
       from {   transform: translateY(-10%);   }
       to {   transform: translateY(5000%);   }
  }
  
   .oscp-text {
       padding: 34% 1rem 0;
  
       font: 110% var(--mono-font);
       opacity: .9;
  }   /* Makes text padding better for mobile devices*/
  
   @media (max-width: 767px) {
       .oscp-text {
            padding: 34% 1.5rem 0;
      }
  
       .mob-hide {
            margin: -.4rem 0;
  
            font-size: 0;
      }
  }
  
   .mob-hide {
       padding: 1rem 0;
  }
  
   .mob-hide p {
       line-height: 1.15;
  }
  
   .pre-input,
   .input,
   .output {
       --bluish: hsla(240, 85%, 65%, .35);
       --lite-bluish: hsla(240, 85%, 65%, .05);
       --reddish: hsla(360, 85%, 65%, .35);
       --lite-reddish: hsla(360, 85%, 65%, .05);
       --greenish: hsla(120, 85%, 65%, .35);
       --lite-greenish: hsla(120, 85%, 65%, .05);
  
       margin: 2rem 0;
       padding: 2rem 1rem;
  
       border-radius: 1rem;
  }
  
   .pre-input {
       --accentColor: hsl(240, 85%, 65%);
       border: thick solid var(--bluish);
       background: var(--lite-bluish);
  }
  
   .input {
       --accentColor: hsl(360, 85%, 65%);
       border: thick solid var(--reddish);
       background: var(--lite-reddish);
  }
  
   .output {
       --accentColor: hsl(120, 85%, 65%);
       border: thick solid var(--greenish);
       background: var(--lite-greenish);
  }
  
   .terminal {
       margin: 2rem auto 1rem;
       padding: 0 1rem;
  
       background: var(--bgColor) !important;
       border-color: var(--accentColorLite) !important;
  }
  
   .terminal.prompt {
       width: fit-content;
  }
  
   .command {
       padding: .067rem .2rem;
  
       color: var(--keyColor);
       background: var(--accentColor);
  
       font-weight: bold;
  }
  
  /* PART TWO */
   div.blockquote {
       box-shadow: none;
  }
  
   @media (min-width: 768px) {
       div.blockquote.lightweight {
            width: 75%;
            margin: auto;
      }
  }
  
  /* A/V LOG */
   .research,
   .research hr,
   .research.comment {
     --accentColor: hsl(60, 50%, 45%);
     --accentColorLite: hsla(60, 50%, 55%, .15);
  }
  
   .research .fnnum::after,
   .research .fnnum:hover,
   .research .fncon:before {
     --fnColor: var(--accentColor);
  }
  
   .research.comment {
       display: block;
       margin: .8rem;
       padding: .02rem .8rem;
  
       color: var(--textColor);
       background: var(--accentColorLite);
  }
  
   .research.comment.active {
       padding: .6rem .8rem;
  }
  
   .research.comment.active.multiline {
       padding: .02rem 1rem;
  }
  
  /* A/V LOG FORMAT */
   .logs {
       padding-top: .8rem;
  
       font-family: var(--mono-font);
  }
  
   .logs hr {
       border-color: var(--accentColorLite);
  }
  
   table td {
       line-height: 1.5;
  }
  
   table.dialog {
       display: block;
       padding-top: 1.2rem;
  
       border-collapse: collapse;
  }
  
   table.dialog th {
       padding: 1rem .8rem 1rem 0;
  
       border-right: thin solid var(--accentColorLite);
  
       font: 1.05rem var(--header-font);
  }
  
   table.dialog td,
   table.dialog td.active tt {
       opacity: .8;
  
       font-style: italic;
  }
  
   table.dialog td {
       padding: 1rem 0 1rem .8rem;
  
       font: italic 110% var(--mono-font);
  }
  
   table.dialog td.active {
       opacity: 1;
  
       font: 100%/1.5 var(--body-font);
       font-feature-settings: var(--glyphs);
  }
  
  /* PART THREE */
   .sdraft {
       width: 16.6rem;
       max-height: 5.067rem;
       margin: auto;
  
       background: var(--bgColor);
       border: 2px solid var(--greenish);
  }
  
   .sdraft .load-content {
       padding: 0 3.33rem 2rem;
  
       background: url(https://scp-wiki.wdfiles.com/local--files/theme%3Aflopstyle-dark/alt_loader.gif) bottom center no-repeat;
       filter: invert(.4) sepia(.5) saturate(600%) hue-rotate(var(--tint));
       --tint: 80deg;
  
       font: 1.05rem var(--header-font);
  }
  
   .not-found {
       margin: 1rem 0;
       padding: .02rem .67rem;
  
       background: hsl(325, 100%, 21%);
       border-radius: 1.33rem;
       box-shadow:
          inset 0 3px 6px hsla(325, 100%, 95%, .3),
          inset 0 -4.5px 9px hsla(325, 100%, 5%, .6);
  
       font-size: 150%;
       font-weight: bold;
       line-height: 1;
  }
  
  /* PART FOUR */
   table.tofrom {
       width: 100%;
       padding: .02rem 0 .02rem 1rem;
  
       background: var(--bgColor);
       border-right: .8rem solid var(--bgColor);
       border-left: thick solid rgb(var(--five-color));
  }
  
   table.tofrom td:nth-child(2) {
       width: 100px;
  
       filter: invert(.8);
  
       text-align: right;
  }
  
   #page-content .collapsible-block-folded a.collapsible-block-link {
       animation: flicker .8s ease-in-out infinite alternate;
  }
  
   @keyframes flicker {
       0% {
            color: transparent;
            border-bottom-color: transparent;
      }
       50%, 100% {
            color: var(--accentColor);
            border-bottom-color: var(--accentColor);
      }
  }
  
   #page-content a.collapsible-block-link:hover {
       color: var(--alphaColor) !important;
  }
  
   .licensebox .collapsible-block-link {
       animation: 0 !important;
  }
  
  /* PART FIVE */
   #u-activeRate {
       opacity: .33;
       transition: all .25s ease-in-out;
  }
  
   #u-activeRate:hover {
       opacity: 1;
  }

  Pages using this styling

  • inner-space [info]

  ¶ 1 occurrence
  

  
  @import url('https://fonts.googleapis.com/css2?family=Quintessential&display=swap');
  
  .authorlink-wrapper,
  .authorlink-wrapper + div {
    margin-right: 0 !important; /* needed to override inline styles */
  }
  
  .scp-image-block {
    background-color: var(--royalblue);
    border: 0.2em solid var(--yellow);
  }
  
  .scp-image-block .scp-image-caption {
    background-color: var(--royalblue);
    border-top: 0.2em solid var(--yellow);
  }
  
  .email {border: solid 2px #000000; width: 88%; padding: 1px 15px; margin: auto; box-shadow: 0 1px 3px rgba(0,0,0,.5); background-color: white; color: black; font-family: "Helvetica";}
  .email-example a.collapsible-block-link {font-weight: bold;}
  .tofrom {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px royalblue;font-family: "Helvetica"}
  .tofrom2 {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px royalblue; font-family: "Helvetica"}
  
  a, a.newpage, a:visited, #interwiki a, #side-bar a {
      color: royalblue;
  }
  
  .confidential {margin-left: 1px; font-size: 70%}
  
  
  .court-document {
  display: grid;
  border: 2px solid black;
  width: fit-content;
  counter-reset: lineno;
  grid-template-columns: repeat(2, auto);
  overflow: hidden;
  background-color: #ebdaf3;
  color: black;
  }
  
  .num::before {
  content: counter(lineno);
  counter-increment: lineno;
  }
  
  .monospace {
  font-family: 'Andale Mono', 'Courier New', Courier, monospace;
  line-height: 1;
  padding: 10px;
  font-size: 16px;
  }
  
  .monospace p {
  margin: 1lh 0;
  line-height: 1;
  }
  
  .lineno-container {
  height: 0;
  }
  
  .linenos {
  border-right: 1px solid black;
  }
  
  .nums::after {
  content: "1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 179 180 181 182 183 184 185 186 187 188 189 190 191 192 193 194 195 196 197 198 199 200 201 202 203 204 205 206 207 208 209 210 211 212 213 214 215 216 217 218 219 220 221 222 223 224 225 226 227 228 229 230 231 232 233 234 235 236 237 238 239 240 241 242 243 244 245 246 247 248 249 250 251 252 253 254 255 256 257 258 259 260 261 262 263 264 265 266 267 268 269 270 271 272 273 274 275 276 277 278 279 280 281 282 283 284 285 286 287 288 289 290 291 292 293 294 295 296 297 298 299 300 301 302 303 304 305 306 307 308 309 310 311 312 313 314 315 316 317 318 319 320 321 322 323 324 325 326 327 328 329 330 331 332 333 334 335 336 337 338 339 340 341 342 343 344 345 346 347 348 349 350 351 352 353 354 355 356 357 358 359 360 361 362 363 364 365 366 367 368 369 370 371 372 373 374 375 376 377 378 379 380 381 382 383 384 385 386 387 388 389 390 391 392 393 394 395 396 397 398 399 400 401 402 403 404 405 406 407 408 409 410 411 412 413 414 415 416 417 418 419 420 421 422 423 424 425 426 427 428 429 430 431 432 433 434 435 436 437 438 439 440 441 442 443 444 445 446 447 448 449 450 451 452 453 454 455 456 457 458 459 460 461 462 463 464 465 466 467 468 469 470 471 472 473 474 475 476 477 478 479 480 481 482 483 484 485 486 487 488 489 490 491 492 493 494 495 496 497 498 499 500 501 502 503 504 505 506 507 508 509 510 511 512 513 514 515 516 517 518 519 520 521 522 523 524 525 526 527 528 529 530 531 532 533 534 535 536 537 538 539 540 541 542 543 544 545 546 547 548 549 550 551 552 553 554 555 556 557 558 559 560 561 562 563 564 565 566 567 568 569 570 571 572 573 574 575 576 577 578 579 580 581 582 583 584 585 586 587 588 589 590 591 592 593 594 595 596 597 598 599 600 601 602 603 604 605 606 607 608 609 610 611 612 613 614 615 616 617 618 619 620 621 622 623 624 625 626 627 628 629 630 631 632 633 634 635 636 637 638 639 640 641 642 643 644 645 646 647 648 649 650 651 652 653 654 655 656 657 658 659 660 661 662 663 664 665 666 667 668 669 670 671 672 673 674 675 676 677 678 679 680 681 682 683 684 685 686 687 688 689 690 691 692 693 694 695 696 697 698 699 700 701 702 703 704 705 706 707 708 709 710 711 712 713 714 715 716 717 718 719 720 721 722 723 724 725 726 727 728 729 730 731 732 733 734 735 736 737 738 739 740 741 742 743 744 745 746 747 748 749 750 751 752 753 754 755 756 757 758 759 760 761 762 763 764 765 766 767 768 769 770 771 772 773 774 775 776 777 778 779 780 781 782 783 784 785 786 787 788 789 790 791 792 793 794 795 796 797 798 799 800 801 802 803 804 805 806 807 808 809 810 811 812 813 814 815 816 817 818 819 820 821 822 823 824 825 826 827 828 829 830 831 832 833 834 835 836 837 838 839 840 841 842 843 844 845 846 847 848 849 850 851 852 853 854 855 856 857";
  width: 0;
  display: block;
  overflow-wrap: initial;
  margin-right: 2em;
  }
  
  .court-document-content {
  margin-bottom: -1.5lh;
  }
  
  .page-content {
    background: url(http://scp-sandbox-3.wikidot.com/local--files/collab:blood-magic/emerald.jpeg);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  !important font-weight: 500rem;
  }
  
  h1:focus {
    outline: none;
  }
  
  .prophecy {
  font-family:'Quintessential';
  font-size: 15px;
  color: black:
  }
  
  .whitetext {
  color: white;
  }
  

  Pages using this styling

  • infinite-blood-fountains [info]

  ¶ 1 occurrence
  

  :root {
      --header-title: "E.T.T.R.A.";
      --header-subtitle: "Emergent Tactical Threat Response Authority";
  }

  Pages using this styling

  • inevitable-dr-dan-gets-to-work [info]

  ¶ 1 occurrence
  

  /* HEADER */
   :root{
     --header-title: "The Wanderers' Library";
     --header-subtitle: none;
     --lgurl: url(https://scp-wiki.wdfiles.com/local--files/scattersomnia/QueerLibrary.png);
  }
   #header h1 a::before{
       font-family: unset;
  }
  
  /* INFO BOX */
   .info-container {
       --barColour: hsl(117, 100%, 15%);
       --linkColour: hsl(47, 100%, 68%);
  }
  
  /* FORMATTING */
   .wanderers-note {
       margin: 1em 0;
       padding: 0 1em;
  
       background: hsl(57, 100%, 93%);
       border: 2px solid hsl(120, 100%, 15%);
  }
  
   .entry {
       padding: 2em;
  
       background: hsl(120, 33%, 90%);
       border: 2px solid hsl(120, 33%, 10%);
  }
  
   .section {
       margin-bottom: .23em;
       padding: 1.56em;
  
       background: hsl(120, 31%, 95%);
       border: 1px solid hsl(120, 33%, 10%);
  }
  
   .text-prose {
       text-indent: 3em;
       text-align: justify;
  }
  
   .wikibox {
      background-color: hsl(120, 33%, 90%);
      border: 1px solid hsl(120, 33%, 10%);
      margin: 0em 0em 0.75em 1.5em;
      padding: 0.5em; padding-top: 0.25em; padding-bottom: 0.25em;
      float: right;
      clear: right;
      font-size: 88%;
      line-height: 1.5em;
      max-width: 15rem;
      width: 100%;
  }
  
   .wikibox .capt {
      display: flow-root;
      margin: 0.125rem 0.25rem -0.5rem;
      padding: 0.25rem;
      font-size: 1.05em;
      text-align: center;
      font-weight: bold;
      background-color: rgb(30, 55, 30);
      color: rgb(255, 219, 90);
  }
  
   .wikibox hr { margin-left: -0.4em; margin-right: -0.4em; }
   @media (max-width: 540px) {
      .wikibox {
          float: none; clear: both; margin-left: auto; margin-right: auto;
      }
  }
  
   .wikibox .discript {
      background-color: rgb(30, 55, 30);
      border-color: rgb(60, 93, 60);
      color: rgb(255, 219, 90);
      padding: .5em .75em;
      vertical-align: top;
      text-align: right;
      font-weight: bold;
  }
  
  .quote {
      margin: auto 1.5em;
  } 
  

  Pages using this styling

  • independent-republic-of-silesia [info]

  ¶ 1 occurrence
  

  .section {
      background: linear-gradient(to bottom, #eee 0%, #eee 50%, #f7f7f7 50%, #f7f7f7 100%);
      border: 1px solid #888;
      border-radius: 10px;
      overflow: hidden;
      margin-bottom: 15px;}
  .section > p {
      display: none;}
  .section h3 {
      display: inline-block;
      float: left;
      padding-left: 0.7em;
      margin-top: none;
      margin-bottom: none;
      font-size: 1.4em;
      font-weight: bolder;
      color: #901;}
  .section > a {
      float: left;
      font-size: 1.4em;
      font-weight: bolder;
      padding-right: 0.7em;
      margin-top: 0.5em;}
  .section table {
      width: 100%;}
  .section table td, .section table th {
      border: none;}
  .section table *:first-child {
      text-align: left;}
  .section table *:last-child {
      text-align: center;}
  .section table td:first-child, .section table th:first-child {
      font-weight: bold;}
  .section table tr{
      background: #fff;
      border-bottom: 1px dashed #888;}
  .section table tr:first-child {
      border-bottom: 1px solid #888;}
  .section table tr:last-child {
      border-bottom: none;}
  .section table tr:last-child{
        background: linear-gradient(#fff, #f7f7f7);}
  .section table td:last-child {
      width:8.75em;
      text-align: right;
      background-color:#f7f7f7;}

  Pages using this styling

  • incident-reports-eye-witness-interviews-and-personal-logs [info]

  ¶ 1 occurrence
  

  
  .body-text {
      margin: 2% 13% 2% 9%;
      padding: 5px 20px 5px 20px;
      background-color: #f2f2f2;
      color: #111;
  }
  
  .text4desk {
      width: 70%;
      margin: auto;
  }
  
  @media only screen and (max-width: 600px) {
  
      .body-text {
      	margin: 0% 4% 0% 4%;
      }
  
      .text4desk {
      	width:100%;
      }
  
  }
  
  

  Pages using this styling

  • incident-4166-b [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Gayathri:wght@100;400;700&display=swap');

  Pages using this styling

  • incident-4166-b [info]

  ¶ 1 occurrence
  

  div#header h1 a span {
      font-size: 0px;
  }
  div#header h1 a:before {
      content: "Site-120";
      color: #eee;
      
  }
  div#header h2 span {
      font-size:0px;
      padding: 4px;
  }
  div#header h2:after {
      content: "Fighting Fire With Fire";
      font-weight: bold;
      color: #f0f0c0;
      padding: 19px 0;
      text-shadow: 1px 1px 1px rgba(0, 0, 0, .8);
      white-space: pre;
  }

  Pages using this styling

  • inadvertent-neolinguistics [info]

  ¶ 1 occurrence
  

  
  .wiki-content-table tbody tr th {
      color: #ffffff;
      background-color: #8B5E8C;
      border: 1px solid #000000;
  }
  table.wiki-content-table td {
      background-color: #FFFFFF;
      color: #000000;
  }
  #header {
    background-image: url(https://scp-wiki.wdfiles.com/local--files/inadvertent-neolinguistics/Ontotop.png)
  }
  
  /*
   * The rest is stolen shamelessly from notgull's Siege of Site-19
   */
  
  @import url("https://fonts.googleapis.com/css2?family=PT+Serif&display=swap");@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Mono&display=swap");div.irc-log{margin:10px;margin-top:20px;padding:10px;border:3px solid #000000;background-color:#333333;border-radius:15px;font-family:"IBM Plex Mono",monospace;color:#FFFFFF;font-size: 125%;}div.irc-log td{border:1px solid #000000;font-weight:bold}div.irc-log p{line-height:200%}div.irc-log span.userred{font-weight:bold;letter-spacing:1px;background-color:#ffabab;color:#050505;padding-left:2px;border:1px solid #ffabab;margin-right:.25em}div.irc-log span.userwhite{font-weight:bold;letter-spacing:1px;background-color:#ffffff;color:#050505;padding-left:2px;border:0px solid #ffabab;margin-right:.25em}div.irc-log span.userblue{font-weight:bold;letter-spacing:1px;background-color:#abcdff;color:#050505;padding-left:2px;border:1px solid #abcdff;margin-right:.25em}div.irc-log span.useryellow{font-weight:bold;letter-spacing:1px;background-color:#fffcb2;color:#050505;padding-left:2px;border:1px solid #fffcb2;margin-right:.25em}div.irc-log span.usergreen{font-weight:bold;letter-spacing:1px;background-color:#afffb1;color:#050505;padding-left:2px;border:1px solid #afffb1;margin-right:.25em}div.irc-log::before{content:"SCiPNET Messaging System";position:relative;top:-1.5em;left:-1.5em;border:2px solid #050505;color:#050505;background-color:#5effa6;font-family:"PT Serif",serif;padding:1px 3px;border-radius:3px;font-weight:bold;letter-spacing:2px}div.inventory-report{margin:10px;margin-top:20px;padding:10px;border:2px solid #050505;background-color:#eee;border-radius:3px}

  Pages using this styling

  • inadvertent-neolinguistics [info]

  ¶ 1 occurrence
  

  :root {
      --header-title: 'In the Wilderness';
      --header-subtitle: 

  Pages using this styling

  • in-the-wilderness [info]

  ¶ 1 occurrence
  

  :root{
  --header-title: "SPC Database";
  --header-subtitle: "The Selachian Pests' Conquest";
  }
  

  Pages using this styling

  • in-the-wake-of-k-o [info]

  ¶ 1 occurrence
  

  
  .proposal {
      float: center;
      border: solid 2px #000000;
      padding: 1px 15px;
      margin: 10px;
      box-shadow: 0 1px 3px rgba(0,0,0,.2);
  }
  
  .tofrom {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px maroon}
  

  Pages using this styling

  • in-the-name-of-purity [info]

  ¶ 1 occurrence
  

  #page-title {display: none;}
  
  .paragraphBig {
  font-size:110%; 
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 8px;
    padding-left: 3px;
  }
  

  Pages using this styling

  • in-the-land-of-dread-alagadda [info]

  ¶ 1 occurrence
  

  body {
      background: rgb( 0, 0, 0);
      background: linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(127,127,127,1) 53%, rgba(255,255,255,1) 100%);
  }
  :root {
      --wm-bg: 0,0,0;
      --wm-accent: 46, 60, 87;
      --wm-border: 18, 32, 54;
      --header-title: "SCP FOUNDATION";
      --header-subtitle: "Secure, Contain, Protect";
  }

  Pages using this styling

  • in-her-arms [info]

  ¶ 1 occurrence
  

  :root {
       --header-title: "Site-37";
       --header-subtitle: "Where Problems Come to ㅤㅤㅤㅤ";
       --lgurl: url('http://scp-wiki.wikidot.com/local--files/unreality-hub/Unreality%20Header%20Logo.svg');
  }

  Pages using this styling

  • in-an-attempt-to-feel-something [info]

  ¶ 1 occurrence
  

  :root {
    --sp_area-max-width: 100vw;
  }
  
  #main-content {
    max-width: unset;
    width: 100vw;
  }
  
  #page-title,
  #page-content > *:not(:has(iframe)),
  #page-info-break,
  #page-options-container,
  #action-area,
  #main-content .page-tags {
    max-width: 840px;
    padding-left: 1.5em;
    padding-right: 1.5em;
    margin-left: auto;
    margin-right: auto;
  }
  
  #page-content ul {
    padding-left: 5.5em;
  }
  
  #header {
    --sp_area-max-width: 960px;
    --sp_area-comp-margin: max(calc((100vw - var(--sp_area-max-width))/2), var(--sp_area-min-margin))
  }

  Pages using this styling

  • image-resize-widget [info]

  ¶ 1 occurrence
  

  sup {
  vertical-align: top; position: relative; top: -0.5em;
  }
  :root{
  --cutColour: #fafafa;
  --barColour: #282828;
  }
  .translation_block{
  display:none;}
  
  .info-container .collapsible-block-folded a{
  color: #FFF;}
  .info-container .collapsible-block-unfolded-link a{
  color: #FFF;}
  
  .info-container .collapsible-block-link,
  .info-container:hover .collapsible-block-link {
  line-height: 1.6em;
  }

  Pages using this styling

  • image-in-mail-by-dado [info]

  ¶ 1 occurrence
  

  #page-title {
    display: none;
  }
  body {
  font-size: 0.8em;
  }
  #header {
      height: 140px;
      position: relative;
      z-index: 10;
      padding-bottom: 22px; /* FOR MENU */
      background: url() 10px 40px no-repeat;
  }
  #header h1 a::before, #header h2 span::before { content: "";}

  Pages using this styling

  • illcovetyouifyoucoverme [info]

  ¶ 1 occurrence
  

   :root {
      --header-title: "The Foundation";
      --header-subtitle: "To Study, Control, and Preserve";
  }
  
   div#extra-div-1 {
      background-image: url(https://scp-wiki.wdfiles.com/local--files/illac/illac-header-background-image.png);
      filter: opacity(20%);
  }
  
   #page-title {
      display: none;
  }
  
   .pseudocrumbs {
      margin-top: -2em;
  }
  
   .info-container {
      --barColour: hsl(0, 0%, 10%);
      --linkColour: hsl(0, 0%, 90%);
  }

  Pages using this styling

  • illac [info]

  ¶ 1 occurrence
  

  
  .divimg1{
  width:48%;
  margin: .5%;
  float: left;}
  
  
  .divcontainer{
  margin:auto;
  width:100%;
  overflow: hidden;
  }

  Pages using this styling

  • ignotas-mycotherapy [info]

  ¶ 1 occurrence
  

   :root{
     --header-title: "Deer College";
     --header-subtitle: "Ecce Homo Platonis";
     --lgurl: url(	http://scp-sandbox-3.wikidot.com/local--files/watcherkatrielletale35/SmallDeerSeal);
  }

  Pages using this styling

  • ideal-prologue [info]

  ¶ 1 occurrence
  

  .no {
      color: transparent;
      text-shadow: none;
  }

  Pages using this styling

  • icon-documents [info]

  ¶ 1 occurrence
  

  .fade-image {
    position: relative;
    display: inline-block;
  }
  
  .fade-image img {
    display: block;
    width: 100%;
    height: auto;
  }
  
  .fade-image::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, rgba(255,195,114,1) 0%, rgba(255,195,114,0) 35%, rgba(255,190,102,0) 65%, rgba(255,190,102,1) 100%);
    pointer-events: none;
  }

  Pages using this styling

  • i-told-you-about-spirals-bro [info]

  ¶ 1 occurrence
  

  a:link {
    color: #f74d28;
  }
  a:visited {
    color: #af361b;
  }
  a:hover {
    color: #f74d28;
  }
  a:active {
    color: #f74d28;
  }

  Pages using this styling

  • i-told-you-about-spirals-bro [info]

  ¶ 1 occurrence
  

  ::selection {
    background: #ea6a4e;
    color: white;
  }

  Pages using this styling

  • i-told-you-about-spirals-bro [info]

  ¶ 1 occurrence
  

  :root {
  
      /*----------------------*/
      /*---- BEDROCK VARS ----*/
      /*----------------------*/
  
      --header-logo: var(--logo);
      --logo: url('https://scp-wiki.wikidot.com/local--files/theme:basalt/basalt_scp_logo-for_lightmode.svg');
  
      --header-title: var(--title);
      --header-subtitle: var(--subtitle);
      --title: "SCP Foundation";
      --subtitle: "LOST IN PATTERNS";
  
      --main-content-width: 60rem;
      --main-content-top-margin: 1.5rem;
      --base-font-size: .875rem;
      --bottom-area-padding: calc(var(--true-font-size)*2);
      --side-bar-width: 17rem;
      --basalt-page-content-font-weight: 440;
  
      --header-font-primary: var(--UI-font-primary);
      --UI-font-primary: 'Sofia Sans';
  
      --basalt-overtone: 10, 10, 11;
      --basalt-undertone: var(--basalt-bright-element-color);
      --basalt-UI-dark-palette: 50, 50, 51;
      --basalt-bright-element-color: 150, 24, 43;
      --basalt-dark-element-color: 105, 17, 30;
      --basalt-alternate-color: 221, 119, 17;
      --basalt-primary-color: 252, 252, 252;
      --basalt-secondary-color: 245,245,245;
      --basalt-tertiary-color: 229, 229, 238;
      --basalt-main-text-color: 35, 35, 38;
  
      --title-border-color: var(--basalt-overtone);
      --license-area-divider-color: var(--basalt-overtone);
      --footer-divider-color: var(--basalt-overtone);
      --search-icon-color: var(--basalt-overtone);
      --hr-color: var(--general-border-color);
      --general-border-color: 220, 220, 220;
      --rate-module-cancel-color: var(--basalt-alternate-color);
      --scrollbar-thumb-color: var(--basalt-dark-element-color);
      --modal-fader-background-color: 0, 0, 0;
  
      --side-bar-heading-background-color: 0, 0, 2, 0.07;
      --side-bar-media-background-color: none; /* Disabled by default */
      --side-bar-resources-background-color: none; /* Disabled by default */
      --side-bar-button-background-hover: none; /* Disabled by default */
      --side-bar-heading-text-color-hover: 255, 255, 255, 0.4;
      --side-bar-button-color-hover: var(--side-bar-button-color);
  
      /*---------------------*/
      /*---- BASALT VARS ----*/
      /*---------------------*/
  
      --basalt-UI-background-color: var(--basalt-secondary-color);
      --header-background-color: var(--basalt-UI-background-color);
      --side-bar-background-color: var(--basalt-UI-background-color);
      --bottom-area-background-color: var(--basalt-UI-background-color);
      --edit-area-ancillary-background-color: var(--basalt-UI-background-color);
      --edit-area-toolbar-background-color: var(--basalt-UI-background-color);
      --button-background-color: var(--basalt-UI-background-color);
  
      --basalt-UI-text-color: var(--basalt-main-text-color);
      --header-title-color: var(--basalt-UI-text-color);
      --header-subtitle-color: var(--basalt-UI-text-color);
      --top-bar-link-color: var(--basalt-UI-text-color);
      --search-icon-color: var(--basalt-UI-text-color);
      --side-bar-heading-text-color: var(--basalt-UI-text-color);
      --side-bar-link-color: var(--basalt-UI-text-color);
      --bottom-area-text-color: var(--basalt-UI-text-color);
      --edit-area-ancillary-text-color: var(--basalt-UI-text-color);
      --edit-area-toolbar-icon-color: var(--basalt-UI-text-color);
      --button-text-color: var(--basalt-UI-text-color);
      --basalt-sub-text-color: var(--basalt-UI-text-color);
  
      --ACS-font: var(--header-font);
      --basalt-th-background-color: var(--basalt-UI-dark-palette);
      --basalt-th-text-color: var(--basalt-light-text-color);
      --image-caption-text-color: var(--basalt-main-text-color);
      --authorbox-background-color: var(--basalt-primary-color);
      --floatbox-background-color: 240, 240, 244;
      --document-background-color: 253, 253, 253;
      --darkdocument-background-color: 30, 30, 35;
  
      --header-drop-shadow-opacity: 0.1;
      --window-border-radius: 8px;
  
  /*------------------------*/
  /*---- BASALT CLASSES ----*/
  /*------------------------*/
  
  :is(div.blockquote, blockquote) {
      color: rgb(var(--basalt-main-text-color));
      overflow: auto;
  }
  
  :is(div.blockquote, blockquote):has(div.floatbox) {
      overflow: unset;
  }
  
  #page-content div.notation {
      max-width: 45rem;
  }
  
  div.notation {
      display: block;
      margin-inline: auto;
      margin-block: 1.4rem;
      padding-inline: 1.1rem;
      padding-block: 0.9rem;
      background-color: rgb(var(--basalt-secondary-color));
      border-left: solid 0.25rem rgb(var(--general-border-color));
      border-right: solid 0.25rem rgb(var(--general-border-color));
      color: rgb(var(--basalt-main-text-color));
  }
  
  #page-content div.modal {
      max-width: 57rem;
  }
  
  div.modal {
      display: block;
      margin-inline: auto;
      margin-block: 1.4rem;
      padding-inline: 1.5rem;
      padding-block: 0.5rem;
      background-color: rgb(var(--basalt-primary-color));
      border: solid 0.2rem rgb(var(--general-border-color));
      color: rgb(var(--basalt-main-text-color));
  }
  
  #page-content div.smallmodal {
      max-width: 47rem;
  }
  
  div.smallmodal {
      display: block;
      margin-inline: auto;
      margin-block: 1.4rem;
      padding-inline: 1rem;
      padding-block: 0.2rem;
      background-color: rgb(var(--basalt-primary-color));
      border: solid 0.15rem rgb(var(--general-border-color));
      color: rgb(var(--basalt-main-text-color));
  }
  
  #page-content div:is(.jotting, .transcript) {
      max-width: 42rem;
  }
  
  div:is(.jotting, .transcript) {
      display: block;
      margin-inline: auto;
      margin-block: 1.4rem;
      padding-inline: 1.5rem;
      padding-block: 0.2rem;
      background-color: rgb(var(--basalt-secondary-color));
      border: dashed 0.15rem rgb(var(--general-border-color));
      color: rgb(var(--basalt-main-text-color));
  }
  
  #page-content div.papernote {
      max-width: 30rem;
  }
  
  div.papernote {
      display: block;
      margin-inline: auto;
      margin-block: 1.4rem;
      padding: 1rem 2rem;
      background-color: rgb(var(--basalt-tertiary-color));
      color: rgb(var(--basalt-main-text-color));
  }
  
  #page-content div:is(.document, .darkdocument) {
      max-width: 45rem;
  }
  
  div:is(.document, .darkdocument) {
      display: block;
      margin-inline: auto;
      margin-block: 1.5em;
      padding: 1.5rem;
      position: relative;
      --posX: -20vw;
  }
  
  div.document {
      background-color: rgb(var(--document-background-color));
      box-shadow: 0px 1px 1.9px -4px rgba(0, 0, 0, 0.1), 0px 6px 15px -4px rgba(0, 0, 0, 0.2);
      color: rgb(50, 50, 53);
  }
  
  div.darkdocument {
      background-color: rgb(var(--darkdocument-background-color));
      box-shadow: 0px 1px 1.9px -4px rgba(0, 0, 10, 0.8), 0px 6px 15px -4px rgba(0, 0, 7, 0.9);
      color: rgb(195, 195, 200);
  }
  
  div:is(.document, .darkdocument)::before,
  div:is(.document, .darkdocument)::after {
      content: "";
      height: 98%;
      position: absolute;
      width: 98%;
      z-index: -1;
  }
  
  div:is(.document, .darkdocument)::before {
      left: -5px;
      top: 4px;
      transform: rotate(-2.5deg);
  }
  
  div:is(.document, .darkdocument)::after {
      right: -3px;
      top: 1px;
      transform: rotate(1.4deg);
  }
  
  div:is(.document)::before,
  div:is(.document)::after {
      background-color: rgb(var(--document-background-color));
  }
  
  div:is(.darkdocument)::before,
  div:is(.darkdocument)::after {
      background-color: rgb(var(--darkdocument-background-color));
      opacity: 90%;
  }
  
  div.document::before {
      box-shadow: 0px 1px 1.9px -4px rgba(0, 0, 0, 0.1), 0px 6px 15px -4px rgba(0, 0, 0, 0.1);
  }
  
  div.document::after {
      box-shadow: 0px 1px 1.9px -4px rgba(0, 0, 0, 0.1), 0px 6px 15px -4px rgba(0, 0, 0, 0.05);
  }
  
  div.darkdocument::before {
      box-shadow: 0px 1px 1.9px -4px rgba(0, 0, 10, 0.8), 0px 6px 15px -4px rgba(0, 0, 7, 0.9);
  }
  
  div.darkdocument::after {
      box-shadow: 0px 1px 1.9px -4px rgba(0, 0, 10, 0.8), 0px 6px 15px -4px rgba(0, 0, 7, 0.05);
  }
  
  @media only screen and (max-width: 1020px) {
  
      div:is(.document, .darkdocument)::before,
      div:is(.document, .darkdocument)::after {
       display: none;
      }
  }
  
  div[class$="_memo"] {
      background: var(--memo-logo) rgba(var(--memo-color), 1);
      background-size: contain;
      background-position: top center;
      background-repeat: no-repeat;
      min-height: 4rem;
      margin-inline: auto;
      margin-block: 2rem;
      padding-inline: 20px;
      padding-block: 10px;
      border: solid 2px rgba(0, 0, 0, 0.1);
      text-align: center;
  }
  
  div[class$="_memo"]::before {
      content: var(--memo-heading);
      font-family: var(--UI-font);
      font-weight: 900;
      font-size: 1.3em;
      text-align: center;
      margin: 0 auto 1rem auto;
      display: flex;
      flex-direction: column;
      padding-top: 0.5em;
  }
  
  div.raisa_memo {
      --memo-heading: "NOTICE FROM THE RECORDS AND INFORMATION SECURITY ADMINISTRATION";
      --memo-logo: url(https://scp-wiki.wikidot.com/local--files/theme:basalt/RAISA_LIGHTLOGO.png);
      --memo-color: 242, 242, 192;
  }
  
  div.classification_memo {
      --memo-heading: "CLASSIFICATION COMMITTEE MEMORANDUM";
      --memo-logo: url(https://scp-wiki.wikidot.com/local--files/theme:basalt/CLASSIFICATION_LIGHTLOGO.png);
      --memo-color: 237, 245, 243;
  }
  
  div.ettra_memo {
      --memo-heading: "NOTICE FROM THE EMERGENT THREAT TACTICAL RESPONSE AUTHORITY";
      --memo-logo: url(https://scp-wiki.wikidot.com/local--files/theme:basalt/ETTRA_LIGHTLOGO.png);
      --memo-color: 245, 215, 215;
  }
  
  div.ethics_memo {
      --memo-heading: "ETHICS COMMITTEE MEMORANDUM";
      --memo-logo: url(https://scp-wiki.wikidot.com/local--files/theme:basalt/ETHICS_LIGHTLOGO.png);
      --memo-color: 255, 219, 196;
  }
  
  div.temporal_memo {
      --memo-heading: "NOTICE FROM THE DEPARTMENT OF TEMPORAL ANOMALIES";
      --memo-logo: url(https://scp-wiki.wikidot.com/local--files/theme:basalt/DELTA_T_LIGHTLOGO.png);
      --memo-color: 255, 255, 255;
  }
  
  div.overwatch_memo {
      --memo-heading: "BY ORDER OF THE OVERSEER COUNCIL";
      --memo-logo: url(https://scp-wiki.wikidot.com/local--files/theme:basalt/O5_LIGHTLOGO.png);
      --memo-color: 227, 227, 227;
  }
  
  div.miscomm_memo {
      --memo-heading: "NOTICE FROM THE DEPARTMENT OF MISCOMMUNICATIONS";
      --memo-logo: url(https://scp-wiki.wikidot.com/local--files/theme:basalt/MISCOMM_LIGHTLOGO.png);
      --memo-color: 238, 237, 250;
  }
  
  div.tribunal_memo {
      --memo-heading: "VERDICT FROM THE INTERNAL TRIBUNAL DEPARTMENT";
      --memo-logo: url(https://i.imgur.com/qavdzCV.png);
      --memo-color: 206, 237, 214;
  }
  
  div.external_memo {
      --memo-heading: "MEMORANDUM FROM THE EXTERNAL RELATIONS BOARD";
      --memo-logo: url(https://i.imgur.com/Vr7NkgK.png);
      --memo-color: 228, 211, 240;
  }
  
  div.administrator_memo {
      --memo-heading: "FROM THE OFFICE OF THE ADMINISTRATOR";
      --memo-logo: url(https://i.imgur.com/LMiY83P.png);
      --memo-color: 148, 148, 148;
  }
  
  div.archival_memo {
      --memo-heading: "NOTICE FROM THE ARCHIVAL DEPARTMENT";
      --memo-logo: url(https://i.imgur.com/CmXPO1U.png);
      --memo-color: 175, 217, 240;
  }
  
  .table1 {
      --basalt-th-background-color: var(--one-color);
  }
  
  .table2 {
      --basalt-th-background-color: var(--two-color);
  }
  
  .table3 {
      --basalt-th-background-color: var(--three-color);
      --basalt-th-text-color: var(--basalt-main-text-color);
  }
  
  .table4 {
      --basalt-th-background-color: var(--four-color);
  }
  
  .table5 {
      --basalt-th-background-color: var(--five-color);
  }
  
  .table6 {
      --basalt-th-background-color: var(--six-color);
  }
  
  div:is(.table1, .table2, .table3, .table4, .table5, .table6) .scp-image-block {
      border-bottom-color: rgba(var(--basalt-th-background-color), 0.75);
  }
  
  div.tableb :is(#page-content table:not(.form), table.wiki-content-table) {
      border-collapse: separate;
      border-spacing: 4px;
  }
  
  span:is(.bigtext, .bt) {
      font-family: var(--header-font);
      font-weight: bold;
  }
  
  span:is(.specialtext, .st) {
      font-family: var(--UI-font);
      font-weight: bold;
  }
  
  :is(.table1, .table2, .table3, .table4, .table5, .table6) span:is(.st, .specialtext) {
      color: rgb(var(--basalt-th-background-color));
  }
  
  #page-content div.floatbox {
      background-color: rgb(var(--floatbox-background-color));
      float: left;
      max-width: calc(var(--main-content-width)/2.25);
      box-sizing: border-box;
      margin: 0.25rem 1.25rem;
      margin-left: clamp(calc(var(--main-content-width)/-4.5), calc((87.5vw - 95%)/-2), 0rem);
      padding-inline: 1.2rem;
      padding-block: 0.5rem;
      font-size: 0.9125em;
      border-radius: 7px;
      border: solid 0.12rem rgba(var(--general-border-color), 0.4);
  }
  
  #page-content div.floatbox.right {
      float: right;
      margin-left: 1.25rem;
      margin-right: clamp(calc(var(--main-content-width)/-4.5), calc((87.5vw - 95%)/-2), 0rem);
  }
  
  @media only screen and (max-width: 640px) {
      #page-content div:is(.floatbox, .floatbox.right) {
       float: none;
       margin: 0.5rem auto;
       width: 100%;
      }
  }
  
  :is(.table-no-border, .authorbox) td {
      border-color: transparent !important;
  }

  Pages using this styling

  • i-told-you-about-spirals-bro [info]

  ¶ 1 occurrence
  

  /*
      BLANKSTYLE CSS
      [2021 Wikidot Theme]
      By Placeholder McD and HarryBlank
      Based on:
         Paperstack Theme by EstrellaYoshte
         Penumbra Theme by EstrellaYoshte
  */
   
  @import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,800;1,800&display=swap');
   
  #page-content { font-size: .9rem; }
   
  #main-content {
      top: -1.6rem;
      padding: 0.2em;
  }
   
  div#container-wrap {
       background-image: none;
  }
   
  div#header {
      background-image: none;
  }
   
  #header h1, #header h2 { margin-left: 0; float: none; text-align: center; }
  #header h2 { margin-top: 0.5rem; }
  #header h1 span, #header h2 span { font-size: 0; display: none;}
  #header h1 a::before, #header h2::before {
      color: #000;
      letter-spacing: 1px;
      font-family: 'Montserrat', sans-serif !important;
      text-shadow: none;
  }
   
  #header h1 a::before {
    content: var(--header-title, "SCP Foundation");
    font-weight: 400;
    font-size: 1.3em;
  }
   
  #header h2::before {
    content: var(--header-subtitle, "SECURE, CONTAIN, PROTECT.");
    font-weight: 700;
    font-size: 1.2em;
  }
   
  @media (max-width: 707px) {
      #header h1 a::before {
          font-size: 1.6em;
      }
  }
   
  #login-status,
  #login-status a {
      color: #333333;
  }
   
  #page-title {
      display: none;
  }
   
  #footer, #footer a {
      background: transparent;
      color: #333333;
  }
   
  #search-top-box-input,
  #search-top-box-input:hover,
  #search-top-box-input:focus,
  #search-top-box-form input[type=submit],
  #search-top-box-form input[type=submit]:hover,
  #search-top-box-form input[type=submit]:focus {
      border: none;
      background: #333333;
      box-shadow: none;
      border-radius: 0px;
      color: #efefef;
  }
   
  #search-top-box input.empty {
      color: #999999;
  }
   
  #search-top-box {
      top: 2.3rem!important;
      right: 8px;
  }
   
  #top-bar { 
     display: flex;
     justify-content: center;
     right: 0;
     top: 7.9rem;
  }
   
  #top-bar, #top-bar a {
      color: #333333;
  }
   
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
      font-family: 'Montserrat', sans-serif;
      color: #000;
      letter-spacing: 1px;
  }
   
  h1 {
      font-size: 2em;
  }
   
  h2 {
      font-size: 1.45em;
  }
   
  div#extra-div-1 {
      height: 180px;
      width: 100%;
      top: 0;
      position: absolute;
      background: url('https://scp-sandbox-3.wdfiles.com/local--files/collab%3Ablankfellowmcd/DoM_Logo.png');
      background-size: contain;
      background-repeat: no-repeat;
      background-position: 50% 50%;
      z-index: -1;
  }
   
  @media (max-width: 707px) {
      div#extra-div-1 {
          top: 15px;
      }
  }
   
  body {
      background-image: linear-gradient(
          to bottom,
          #D2CCC5, #F9F6F3 90px,
          #F9F6F3 50px, #FFFEFB 200px,
          #FFFEFB 700px, #FFB95B 100%);
      background-repeat: no-repeat;
  }
   
  :root {
    --timeScale: 1.5;
    --timeDelay: 1.5s;
    --posX: calc(50% - 358px - 13rem);
    --fnLinger: 1s;
  }
   
  #page-content hr {
      background-color: #000;
  }
   
  #page-content tr th {
      padding: 6px;
      border: #000 1px solid;
  }
   
  #page-content tr td {
      padding: 12px;
      border: #000 1px solid;
      line-height: 1.4;
  }
   
  #page-content .sidebox tr td, 
  #page-content .sidebox tr th {
      padding: 0.35em;
  }
   
  #side-bar {
      border-right: 1px solid #333;
      background: #DDD;
  }
   
  #side-bar .side-block {
      border: 1px solid #333;
      border-radius: 0;
      box-shadow: none;
  }
   
  #top-bar div.open-menu a {
      border: 1px solid #333;
      border-radius: 0;
      box-shadow: none;
  }
   
  @media (max-width: 767px) {
      #side-bar:target {
          border: 1px black;
          box-shadow: none;
      }
  }
   
  #side-bar .side-block {
      border: 1px solid #333;
      border-radius: 0;
      box-shadow: none;
      background-color: #FDF6D7;
  }
  #side-bar .side-block.media {
      background-color:#D7EFE7;
  }
  #side-bar .side-block.resources {
      background-color:#F5D8E0;
  }
   
  #page-content .creditRate{
      margin: unset;
      margin-bottom: 4px;
  }
  #page-content .rate-box-with-credit-button {
      background-color: #ffffff;
      border: solid 1px #000;
      box-shadow: none;
      border-radius: 0;
  }
   
  #page-content .rate-box-with-credit-button .fa-info {
      border: none;
      color: #333333;
  }
   
  #page-content .rate-box-with-credit-button .fa-info:hover {
      background: #333333;
      color: #ffffff;
  }
   
  .rate-box-with-credit-button .cancel {
      border: solid 1px #ffffff;
  }
   
  /* ---- PAGE RATING ---- */
   
  .page-rate-widget-box {
      box-shadow: none;
      border: solid 1px #000;
      margin: unset;
      margin-bottom: 4px;
      border-radius: 0;
  }
   
  div.page-rate-widget-box .rate-points {
      background-color: #ffffff;
      color: #333333;
      border: none;
      border-radius: 0;
  }
  .page-rate-widget-box .rateup,
  .page-rate-widget-box .ratedown {
      background-color: #ffffff;
      border-top: none;
      border-bottom: none;
  }
   
  .page-rate-widget-box .rateup a,
  .page-rate-widget-box .ratedown a {
      background: transparent;
      color: #333333;
  }
   
  .page-rate-widget-box .rateup a:hover,
  .page-rate-widget-box .ratedown a:hover {
      background: #333333;
      color: #ffffff;
  }
   
  .page-rate-widget-box .cancel {
      background: transparent;
      background-color: #ffffff;
      border: none;
      border-radius: 0;
  }
   
  .page-rate-widget-box .cancel a {
      color: #333333;
  }
  .page-rate-widget-box .cancel a:hover {
      background: #333333;
      color: #ffffff;
      border-radius: 0;
  }
  #page-content .rate-box-with-credit-button .page-rate-widget-box { border: none; }
   
  .anchor {
      position: sticky;
      height:0;
      top: 0;
  }
  .sidebox {
      padding: .14rem;
      margin-top: 0;
      margin-bottom: 8px;
      width: calc((100vw - 870px)/2);
      max-height: calc(100vh - 18rem);
      position: absolute;
      top: 0;
      left: 103.5%;
      z-index: 5;
      overflow: auto;
      box-sizing: border-box;
  }
  @media (max-width: 1290px) {
      .sidebox {
          display: none;
          visibility: hidden;
      }
   
      #header h2::before {
          font-size: 0.9em !important;
      }
  }
   
  .scp-image-block {
      box-shadow: none;
  }
   
  /* ---- 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 ----*/
   
   .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: #333333;
       box-shadow: none;
  }
   .yui-navset .yui-nav a, /* ---- Link Modifier ---- */
   .yui-navset .yui-navset-top .yui-nav a{
       color: #333333;
      /* ---- Tab Background Colour | [UNSELECTED] ---- */
       background-color: #efefef;
       border: unset;
       box-shadow: none;
       box-shadow: none;
  }
   .yui-navset .yui-nav a:hover,
   .yui-navset .yui-nav a:focus{
       color: #ffffff;
      /* ---- Tab Background Colour | [HOVER] ---- */
       background-color: #333333;
  }
   .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;
       color: #ffffff;
       background-color: #ffffff;
       border-color: transparent;
       box-shadow: none;
  }
   .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: #333333;
  }
   .yui-navset .yui-nav .selected a,
   .yui-navset .yui-nav .selected a em{
       border: none;
  }
   .yui-navset .yui-nav .selected a{
       width: 100%;
       color: #ffffff;
  }
   .yui-navset .yui-nav .selected a:focus,
   .yui-navset .yui-nav .selected a:active{
       color: #ffffff;
       background-color: #333333;
  }
   .yui-navset .yui-content {
      background-color: #ffffff;
      box-shadow: none;
  }
   .yui-navset .yui-content,
   .yui-navset .yui-navset-top .yui-content{
      padding: .5em;
      border: 1px solid #333;
      box-sizing: border-box;
  }
   
  /*---- SCROLLBAR ----*/
   
  ::-webkit-scrollbar {
      width: 10px;
  }
   
  ::-webkit-scrollbar-track {
      background: #FFF;
      border-left: 1px solid #333;
  }
   
  ::-webkit-scrollbar-thumb {
       background: #CCC;
       border: #333 1px solid;
  }
   
  ::-webkit-scrollbar-thumb:hover {
       background: #EEE;
  }
   
  /*---- CENTER IMAGES ON MOBILE courtesy of EstrellaYoshte and PeppersGhost ----*/
   
  .imagediv {
      float: right;
      margin: 15px
  }
   
  @media (max-width: 540px) {
    .imagediv {
      float: none;
      text-align:center;
      margin: auto;
    }
  }
   
  @media only screen and (max-width: 600px) {
      .scp-image-block.block-right{
          float: none;
          margin: 10px auto;
      }
  }
   
  /*---- ACS-COLORED TABLE DIVS ----*/
   
  #page-content .table1 tr th,
  #page-content .table1 .scp-image-block .scp-image-caption {
      background-color: #D7EFE7;
  }
   
  #page-content .table2 tr th,
  #page-content .table2 .scp-image-block .scp-image-caption {
      background-color: #D8ECF4;
  }
   
  #page-content .table3 tr th,
  #page-content .table3 .scp-image-block .scp-image-caption {
      background-color: #FDF6D7;
  }
   
  #page-content .table4 tr th,
  #page-content .table4 .scp-image-block .scp-image-caption {
      background-color: #FFDABF;
  }
   
  #page-content .table5 tr th,
  #page-content .table5 .scp-image-block .scp-image-caption {
      background-color: #F5D8E0;
  }
   
  #page-content .table6 tr th,
  #page-content .table6 .scp-image-block .scp-image-caption {
      background-color: rgba(146, 0, 255, 0.2);
  }
   
  .tableb .wiki-content-table {
      border-collapse: separate;
      border-spacing: 2px;
  }
   
  .tableb .scp-image-block {
      border: none;
  }
   
  .tableb .scp-image-block img {
      border: #000 1px solid;
      box-sizing: border-box;
  }
   
  .tableb .scp-image-block .scp-image-caption {
      margin-top: 2px;
      border: #000 1px solid;
      box-sizing: border-box;
  }
   
  .top-left-box > .item {
    display: none;
  }
   
  /* ---- WORDS NO LONGER BROKEN, THE CROQUEMBOUCHE HAS SPOKEN ---- */
  span, a { word-break: normal !important }
   
  .avatar-hover { display: none !important; }
   
  #breadcrumbs, .pseudocrumbs {
      text-align: center;
      padding-top: 10px;
  }
   
  #main-content .page-tags span {
      max-width: 100%;
  }
   
  /* -- FANCY THINGS from Woedenaz's Dustjacket Theme -- */
   
  .fancyhr hr {
      border-top: 2vw solid transparent;
      background-color: rgba(var(--bright-accent), 0);
      height: 0;
      box-sizing: border-box;
      border-image-source: url('https://wanderers-library.wikidot.com/local--files/component:dustjacket-theme/wl_hr.png');
      border-image-repeat: round round;
      background: none;
      border-image-slice: 80 500 80 500 fill;
      border-image-width: 10em 80em 10em 80em;
  }
   
  .fancyborder {
      box-sizing: border-box;
      border: 2vw solid rgba(0,0,0,0.5);
      border-image: url('https://wanderers-library.wikidot.com/local--files/component:dustjacket-theme/wl_border.png') 600 round;
      border-image-width: 6;
      padding: 2vw;
  }

  Pages using this styling

  • i-told-you-about-spirals-bro [info]

  ¶ 1 occurrence
  

  div#page-content a.collapsible-block-link{
      color: #ffbe3d;
      font-size: 130%;
      font-weight: bold;
      font-family: "Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica;
      letter-spacing: 1px;
  }

  Pages using this styling

  • i-palimpsest [info]

  ¶ 1 occurrence
  

  
  div.blocknote {
      display: block;
      margin-inline: auto;
      margin-block: 1.4rem;
      padding-inline: 1.1rem;
      padding-block: 0.9rem;
      background-color: black;
      border-left: solid 0.25rem gray;
      border-right: solid 0.25rem gray;
      color: white;
  

  Pages using this styling

  • i-miss-you [info]

  ¶ 1 occurrence
  

  
  @import url("https://use.typekit.net/hey2uso.css");
  
  
  :root {
  
  --header-title: 'THE HOUSE OF THE NAGA';
  --header-subtitle: 'ਅਸੀਂ ਕਰਾਂਗੇ';
  
   --header-top-gap: 0rem;
    --top-bar-height: 3.75rem;
   --title-size: min(calc(1.5rem + 3.25vw), 4.25rem);
      --subtitle-size: min(calc(0.75rem + 2.75vw), 2.75rem);
      --header-font-primary: 'Lexend';
      --UI-font-primary: 'Jost';
      --body-font-primary: interstate, 'Lato', sans-serif;
      --header-font: maecenas, 'Poppins', sans-serif;
      --title-font: maecenas-heavies, 'Poppins', sans-serif;
      --mono-font-primary: "PT Mono";
     --header-top-gap: 0rem;
   --top-bar-height: 3.75rem;
   --title-size: min(calc(1.5rem + 3.75vw), 4.25rem);
   --subtitle-size: min(calc(0.75rem + 2.0vw), 2.75rem);
  
  
  
  --basalt-primary-color: 242, 221, 199;
  --basalt-secondary-color: 232, 193, 150;
  --basalt-tertiary-color: 210, 160, 102;
  
  --basalt-main-text-color: 78, 40, 18;
  --link-color: 214, 110, 24;
  
  --basalt-overtone: 255, 245, 230;
  --basalt-undertone: 192, 110, 36;
  
  --basalt-bright-element-color: 230, 140, 40;
  --basalt-dark-element-color: 150, 80, 35;
  
  --general-border-color: 180, 130, 80;
  --basalt-UI-dark-palette: 130, 70, 30;
  
  --swatch-menubg-black-color: 205, 165, 120;
  --swatch-menutxt-dark-color: 120, 60, 20;
  
  --header-title-color: var(--basalt-secondary-color);
      --header-subtitle-color: var(--basalt-tertiary-color);
  
  --logo: url(https://scp-wiki.wikidot.com/local--files/scp-9680/nagalogo.png);
  --icon-opacity: 25%;
  
  --page-content-font-size: calc(var(--true-font-size) * .97);
  
  
  }
  
  #header {
      contain: initial;
      height: auto;
      min-height: var(--header-final-height);
      position: static;
      background: transparent;
  box-shadow: none;
      grid-template-areas:
          '. . . . .'
          '. search line top-bar user'
          'h-link h-link h-link h-link h-link';
      grid-template-columns: var(--side-bar-button-width) var(--search-button-width) 1fr max-content var(--user-button-width);
      grid-template-rows: var(--header-top-gap) var(--top-bar-height) 1fr;
  backdrop-filter: none;
  
  background-color: #5B0000
  }
   
  #header h1 { grid-template-columns: minmax(0,1fr); }
  #header h1 a {
      justify-content: center;
      width: auto; height: auto;
  text-align: center;
      flex-wrap: wrap;
      pointer-events: none;
      gap: 1rem calc(var(--base-header-height) *.125);
      padding: 1rem;
      box-sizing: border-box;
  }
  #header h1 a::before, #header h1 a span { height: auto; pointer-events: auto; }
  #header h1 a::before {
      width: calc(var(--base-header-height) *1.25);
      aspect-ratio: 1;
      min-width: unset;
      max-width: 100%;
  
  position: absolute;
  left: 50%;
  opacity: var(--icon-opacity);
  transform: translateX(-50%) translateY(-20%);
  }
  
   
  #side-bar::before, #side-bar::after {
      inset: initial;
      left: 0;
      top: var(--header-top-gap);
      height: var(--top-bar-height);
      transition: left var(--side-bar-transition);
  }
  
  #more-options-button{
  color: white;
  }
  
  
  :is(.image-block,.scp-image-block) :is(.image-caption,.scp-image-caption) {
      font-size: .675em;
  }
  
  
  :where(#page-content) table:not(.form), table.wiki-content-table{
  min-width: 100%;
  }
  
  #page-content {
      padding-block: 0em;
  }
  
  
  .collapsible-block .collapsible-block-link {padding: 5px 10px 5px 10px;text-decoration: none;background-color: rgb(var(--basalt-bright-element-color));
  color: white;
  font-size: .75rem;
  border-radius: 100px;
      box-sizing: border-box;
  transition: all .2s ease;
  display: inline-flex;
  }
  
  .notifbox{
  border: rgb(var(--basalt-undertone)) .1rem solid;
   padding: .2rem;
   margin-right:70%;
   background-color: rgb(var(--basalt-secondary-color));
  margin-bottom: 0rem;
  }
  
  .table3 {
  --basalt-th-background-color: var(--basalt-dark-element-color);
  }
  
  
  @media only screen and (max-width: 1024px) {
  :root {
      --header-top-gap: 0rem;
      --main-content-side-margin: calc(0.25rem + 2.25vw);
  }
   
  #header {
      grid-template-areas:
          '. search . user'
          'h-link h-link h-link h-link'
          'top-bar top-bar top-bar top-bar';
      grid-template-columns: var(--side-bar-button-width) var(--search-button-width) 1fr var(--user-button-width);
      grid-template-rows: var(--top-bar-height) 1fr var(--top-bar-height);
  }
   
  
  @media only screen and (max-width: 1290px) {
  
  #top-bar div.mobile-top-bar>.open-menu {
      position: fixed;
      left: 0;
      top: var(--header-top-gap);
      width: var(--side-bar-button-width);
      height: var(--top-bar-height);
      background-color: rgba(110, 60, 220,.5);
      border-radius: 0rem 1rem 1rem 0rem;
      backdrop-filter: blur(4px);
  }
  }
  }
  
  .licensebox a.collapsible-block-link {
  background-color: transparent;
  font-size: 1em;
  padding: 0px;
  }
  
  #header h2 {
      background: url(http://kaktuskontainer.wdfiles.com/local--files/iss-part1/hindi);
      background-repeat: no-repeat;
      background-clip: border-box;
      background-size: contain;
      top: 4.5rem;
      left: 8rem;
      height: 2rem;
  }   
  
  }
  
  

  Pages using this styling

  • i-miss-you [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css?family=Love+Ya+Like+A+Sister|Mansalva|Permanent+Marker|Schoolbell|Caveat|Gloria+Hallelujah|Nanum+Brush+Script&display=swap');
  .page {
      display: block;
      overflow: hidden;
      font-family: 'Mansalva', cursive;
      font-style: normal;
  
      background-attachment: scroll;
      background-clip: border-box;
      background-color: transparent;
      background-image: linear-gradient(to top ,rgb(202, 219, 228) 0%, rgb(231, 233, 220) 8%);
      background-origin: padding-box;
      background-position: 0px 8px;
      background-repeat: repeat;
      background-size: 100% 20px;
  
      border: 1px solid #CCC;
      border-radius: 10px;
      padding: 10px 10px;
      margin-bottom: 10px;
  
      box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2)
      }
  .page p {
      line-height: 20px;
      margin: 0;
      font-size: 150%
  }
  
  .page2 {
      display: block;
      overflow: hidden;
      font-family: 'Monotype Corsiva', cursive;
      font-style: normal;
  
      background-attachment: scroll;
      background-clip: border-box;
      background-color: transparent;
      background-image: linear-gradient(to top ,rgb(37, 166, 198) 0%, rgb(239, 249, 249) 8%);
      background-origin: padding-box;
      background-position: 0px 8px;
      background-repeat: repeat;
      background-size: 100% 30px;
  
      border: 1px solid #CCC;
      border-radius: 10px;
      padding: 10px 10px;
      margin-bottom: 10px;
  
      box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2)
      }
  
  .page2 p {
      line-height: 30px;
      margin: 0;
      font-size: 150%
  }
  
  .page3 {
      display: block;
      overflow: hidden;
      font-family: 'Monotype Corsiva', cursive;
      font-style: normal;
  
      background-attachment: scroll;
      background-clip: border-box;
      background-color: transparent;
      background-image: linear-gradient(to top ,rgb(75, 75, 75) 0%, rgb(245, 245, 245) 13%);
      background-origin: padding-box;
      background-position: 0px 8px;
      background-repeat: repeat;
      background-size: 100% 24px;
  
      border: 1px solid #CCC;
      border-radius: 10px;
      padding: 10px 10px;
      margin-bottom: 10px;
  
      box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2)
      }
  
  .page3 p {
      line-height: 24px;
      margin: 0;
      font-size: 150%
  }
  
  .page4 {
      display: block;
      overflow: hidden;
      font-family: 'Monotype Corsiva', cursive;
      font-style: normal;
  
      background-attachment: scroll;
      background-clip: border-box;
      background-color: transparent;
      background-image: linear-gradient(to top ,rgb(44, 101, 60) 0%, rgb(244, 238, 222) 10%);
      background-origin: padding-box;
      background-position: 0px 8px;
      background-repeat: repeat;
      background-size: 100% 24px;
  
      border: 1px solid #CCC;
      border-radius: 10px;
      padding: 10px 10px;
      margin-bottom: 10px;
  
      box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2)
      }
  
  .page4 p {
      line-height: 24px;
      margin: 0;
      font-size: 150%
  }
  
  .blockquote {
      font-size: 125%
  }
  

  Pages using this styling

  • i-just-wanna-survive [info]

  ¶ 1 occurrence
  

  :root {
    --header-title: "SCP-682";
    --header-subtitle: "Hard-to-Destroy Reptile";
    --logo-img: url(https://scp-wiki.wdfiles.com/local--files/i-hub/lizard.png);
    --logo-opacity: 50%;
  
    --accent: 45, 87, 51;
    --barColour: rgb(var(--accent));
  }
  
  #header h1 a::before,
  #header h2::before {
      background: -webkit-linear-gradient(#194d19, #143C14);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
  }
  
  #page-content .info-container {
      --link-color: rgb(var(--swatch-text-general));
  }
  
  #page-content .info-container .translation_block {
      display: none;
  }
  
  #page-content .info-container .collapsible-block-link,
  #page-content .info-container:hover .collapsible-block-link {
      line-height: 1.6em;
  }
  
  #page-content .info-container .collapsible-block-folded,
  #page-content .info-container .collapsible-block-unfolded-link {
      display: grid;
  }
  
  #page-content .info-container .collapsible-block-folded .collapsible-block-link,
  #page-content .info-container .collapsible-block-link {
      -webkit-mask: unset;
              mask: unset;
      background: transparent;
      grid-column: 1;
      grid-row: 1;
      opacity: 0;
  }
  
  #page-content .info-container .collapsible-block-folded::before,
  #page-content .info-container .collapsible-block-unfolded-link::before {
      --wght: 800;
      content: "I, Hub";
      color: #FFFFFF;
      font-family: Inter, Arimo, Verdana, Geneva, "Helvetica Neue", "Helvetica", Arial, sans-serif;;
      display: block;
      pointer-events: none;
      grid-column: 1;
      grid-row: 1;
      line-height: 2.75ex;
  }

  Pages using this styling

  • i-hub [info]

  ¶ 1 occurrence
  

  :root{
    --header-title: "S\0026 C PLASTICS";
    --header-subtitle: "SITE-87, NARRATIVE AND NEXOLOGICAL STUDIES";
  }
  
  div#extra-div-1 {
      background-image: url(https://scp-wiki.wdfiles.com/local--files/component:pride-highlighter/pan_logo_blk.svg);
      filter: opacity(40%);
  }

  Pages using this styling

  • i-h-p-proposal [info]

  ¶ 1 occurrence
  

  div#container-wrap::before {
      content: "";
      position: absolute;
      width: 100%;
      height: 162px;
      background: url("http://www.scp-wiki.net/local--files/component:theme/body_bg.png") repeat-x;
      -webkit-filter: grayscale(100%);
              filter: grayscale(100%);
  }

  Pages using this styling

  • i-get-it [info]

  ¶ 1 occurrence
  

  :root{
    --header-title: "Shark Punching Center"
  }

  Pages using this styling

  • i-director-schwarz [info]

  ¶ 1 occurrence
  

  #header {
      background-image: url(http://scp-wiki.wdfiles.com/local--files/component%3Ascp-trans-pride/TransSCPlogo.png)
  }
  
  #page-title {
      text-decoration: line-through;
  }
  
  #footer {
      font-size: x-small;
      background: #ffafc7;
      color: black;
  }
  
  #footer a {
      color: #e51f47;
  }
  
  #license-area {
      font-size: x-small;
      background: #5bcefa;
      color: black;
  }
  
  #license-area a {
      color: #056c94;
  }

  Pages using this styling

  • i-didnt-want-to-see-you-die-like-this [info]

  ¶ 1 occurrence
  

   :root{
   /* -- COLORS -- */
       --accentColor: hsl(240, 100%, 66%);
       --accentColorLite: hsla(240, 100%, 75%, 0.5);
       --hue: 235deg;
  
  /* -- LOGO -- */
       --lgurl: url(https://i.imgur.com/pjxrB4u.png);
  
  /* -- TITLES -- */
       --header-title: "KEPLER -- SYSTEM";
       --header-subtitle: "Healthcare - Science - Synthetics";
  
  }

  Pages using this styling

  • i-azrael [info]

  ¶ 1 occurrence
  

  :root {
      --logo: url(http://scp-pl.wdfiles.com/local--files/hunter-industries-hub/hunterlogobasaltnew);
      --title: "Hunter Industries";
      --subtitle: "Open yourself to our products";
  }
  
  .darkdocument {
      background: rgb(105, 17, 30;);
      box-shadow: 0 0 10px rgba(105, 17, 30;);
      margin: 26px auto 0;
      max-width: 550px;
      min-height: 300px;
      padding: 24px;
      padding-top: 50px;
      position: relative;
      width: 80%;
      color: #EDEDED;
  }
   
  .darkdocument:before,
  .darkdocument:after {
      content: "";
      height: 98%;
      position: absolute;
      width: 100%;
      z-index: -1;
  }
   
  .darkdocument:before {
      background: rgb(19, 19, 26);
      box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
      left: -5px;
      top: 4px;
      transform: rotate(-2.5deg);
  }
   
  .darkdocument:after {
      background: rgb(19, 19, 26);
      box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
      right: -3px;
      top: 1px;
      transform: rotate(1.4deg);
  }

  Pages using this styling

  • hunter-industries-hub [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Permanent+Marker&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Just+Me+Again+Down+Here&display=swap');
  :root {
      --logo-image: url(https://scp-wiki.wikidot.com/local--files/hungrypossum-s-petting-zoo/opossum_logo.jpg);
      --header-title: "S. C. P. petting zoo";
      --header-subtitle: "Seriously Cute Possums!";
      --diagonal-stripes: rgba(0,0,0,0);
      --search-icon-color: rgba(0,0,0,1);
      --header-height-on-mobile: 10rem;
      --topbar-height-on-mobile: 2rem;
      --wght: 500;
      --gradient-topmenu-mobile: rgba(0, 0, 0, 0.3);
      --fancy-size: 72px;
  }
  @media only screen and (max-width: 56.25rem) {
      :root {
       --fancy-size: 64px;
      }
  }
  #top-bar {
      background: rgba(0, 0, 0, 0.3);
      --mobile-topmenu-sidebar-button-color: rgba(0, 0, 0, 0.3);
  }
  #side-bar {
      background: url(https://scp-wiki.wikidot.com/local--files/hungrypossum-s-petting-zoo/author_page_bg_2.png);
  }
  #login-status {
      background-color: rgba(0,0,0,0.1);
  }
  #page-title {
      display: none;
  }
  #header h1 a,
  #header h2 span {
      font-family: 'Permanent Marker', cursive;
  }
  #header h1 a::before {
      color: #FF00FF;
      text-shadow: -1px 0 black, -2px 0 black, 0 1px black, 1px 0 black, 0 -1px black, 0 2px black;
  }
  #header h2 span::before {
      color: #00FFFF;
      text-shadow: -1px 0 black, -2px 0 black, 0 1px black, 1px 0 black, 0 -1px black, 0 2px black;
  }
  body {
      background: url(https://scp-wiki.wikidot.com/local--files/hungrypossum-s-petting-zoo/author_page_bg_2.png);
  }
  .fancytext {
      font-family: 'Just Me Again Down Here', cursive;
      text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black, -2px 0 black, 0 2px black;
      font-size: var(--fancy-size);
  }
  .my-content {
      font-family: 'Just Me Again Down Here', cursive;
      font-size: 30px;
      background-color: rgba(256, 256, 256, 0.7);
      border: 15px solid transparent;
      padding: 20px;
      border-image: url(https://scp-wiki.wikidot.com/local--files/hungrypossum-s-petting-zoo/border.png) 10% stretch;
  }
  .pink {
       color: #FF00FF;
  }
  .oranj {
      color: #ff2962;
  }

  Pages using this styling

  • hungrypossum-s-petting-zoo [info]

  ¶ 1 occurrence
  

  .pic {
  width: 35%;
  float: right;
  margin: 0.5rem;
  }

  Pages using this styling

  • humint [info]

  ¶ 1 occurrence
  

  .formadao {
      border: solid 1px #888880;
      border-radius: 10px;
      background-color: #999990;
      margin: 10px 0 15px;
      box-shadow: 3px 3px 6px #bbb;
      box-shadow:
          0 2px 6px rgba(0, 0, 0, .5),
          inset 0 1px rgba(255, 255, 255, .3),
          inset 0 10px rgba(255, 255, 255, .2),
          inset 0 10px 20px rgba(255, 255, 255, .25),
          inset 0 -15px 30px rgba(0, 0, 0, .1);
      background: #fcfdfb;
      font-family: Courier New, Courier, monospace;
      font-size: 16px;
      width: auto;
      padding: 10px 15px;
      margin: 20px auto;
      background: url(https://scp-wiki.wikidot.com/local--files/hub-madao/Background%2520%252830%2529.webp) center no-repeat;
      text-shadow: 1px 1px 1px rgba(0,0,0,.25);
  }
  
  .immaginao {
      float:right;
      width: 45%;
      padding: 0 2%
  }
  
  .criticao {
      float: center;
      border: solid 1px #000;
      padding: 1px 15px;
      box-shadow: 0 1px 3px rgba(0,0,0,.2);
      border-radius: 10px;
  }

  Pages using this styling

  • hub-madao [info]

  ¶ 1 occurrence
  

  .formadao {
      border: solid 1px #888880;
      border-radius: 10px;
      background-color: #999990;
      margin: 10px 0 15px;
      box-shadow: 3px 3px 6px #bbb;
      box-shadow:
          0 2px 6px rgba(0, 0, 0, .5),
          inset 0 1px rgba(255, 255, 255, .3),
          inset 0 10px rgba(255, 255, 255, .2),
          inset 0 10px 20px rgba(255, 255, 255, .25),
          inset 0 -15px 30px rgba(0, 0, 0, .1);
      background: #fcfdfb;
      font-family: Courier New, Courier, monospace;
      font-size: 16px;
      width: auto;
      padding: 10px 15px;
      margin: 20px auto;
      background: url(https://scp-wiki.wikidot.com/local--files/hub-madao/Background%2520%252830%2529.webp) center no-repeat;
      text-shadow: 1px 1px 1px rgba(0,0,0,.25);
  }
  
  .immaginao {
      float:right;
      width: 45%;
      padding: 0 2%
  }
  
  .criticao {
      float: center;
      border: solid 1px #000;
      padding: 1px 15px;
      box-shadow: 0 1px 3px rgba(0,0,0,.2);
      border-radius: 10px;
  }
  .formadao1 {
      border: solid 1px #888880;
      border-radius: 10px;
      background-color: #999990;
      margin: 10px 0 15px;
      box-shadow: 3px 3px 6px #bbb;
      box-shadow:
          0 2px 6px rgba(0, 0, 0, .5),
          inset 0 1px rgba(255, 255, 255, .3),
          inset 0 10px rgba(255, 255, 255, .2),
          inset 0 10px 20px rgba(255, 255, 255, .25),
          inset 0 -15px 30px rgba(0, 0, 0, .1);
      background: #fcfdfb;
      font-family: Courier New, Courier, monospace;
      font-size: 16px;
      width: auto;
      padding: 10px 15px;
      margin: 20px auto;
      background: url(https://scp-wiki.wikidot.com/local--files/hub-madao/vvv.webp) center no-repeat;
      text-shadow: 1px 1px 1px rgba(0,0,0,.25);
  }
  
  

  Pages using this styling

  • hub-madao [info]

  ¶ 1 occurrence
  

  code, tt {
      padding: .2em .4em;
      line-height: 1.8em;
      background-color: rgba(182, 186, 192, 0.4);
      border-radius: 6px;
  }

  Pages using this styling

  • https-guide [info]

  ¶ 1 occurrence
  

  /* Inserting theme elements from Unusual Cargo */
  @import url('https://fonts.googleapis.com/css?family=Caladea|IM+Fell+DW+Pica|IM+Fell+DW+Pica+SC|Tangerine');
  
  div.paper {
      background: linear-gradient(rgba(220, 240, 240, 0.3), rgba(240, 240, 220, 0.5)), url("https://scp-wiki.wdfiles.com/local--files/theme:unusual-Cargo/TOAST-PAPER.jpg");
      box-shadow: 4px 6px 8px #a98;
      padding: 1em .5em 1em .5em;
      display: block;
      margin-block-start: 1em;
      margin-block-end: 1em;
      margin-inline-start: 40px;
      margin-inline-end: 40px;
  
  }
  
  .paper h1, .paper h2, .paper h3, .paper h4, .paper h5, .paper h6 {
      font-family:'IM Fell DW Pica', serif;
      font-weight: normal;}
  
  @media (max-width: 478px) {
      div.paper {
      margin-inline-start: 0px;
      margin-inline-end: 0px;
      margin-block-start: 0em;
      margin-block-end: 0em;
      Margin: .5em 0em .5em 0em;
      }
  }

  Pages using this styling

  • hr-journeys [info]

  ¶ 1 occurrence
  

  :root {
      --logo: url(image link here);
      --title: "VOID";
      --subtitle: "Not Secret if No One Knows";
  }

  Pages using this styling

  • how-was-your-day [info]

  ¶ 1 occurrence
  

  :root {
      --basalt-primary-color: 254,254,254;
      --basalt-secondary-color: 247,248,250;
      --basalt-tertiary-color: 218,219,222;
      --basalt-main-text-color: 20,20,20;
      --basalt-overtone: 50,50,50;
      --basalt-undertone: 61,71,202;
   
      --basalt-bright-element-color: 16,76,184;
      --basalt-dark-element-color: 18,20,150;
      --basalt-alternate-color: 255,132,0;
      --basalt-positive-color: 24,163,20;
      --basalt-negative-color: 255,48,48;
      --basalt-cancel-color: var(--basalt-negative-color);
      --basalt-sub-text-color: 155,154,162;
      --basalt-light-text-color: var(--basalt-primary-color);
   
      --basalt-UI-dark-palette: var(--basalt-overtone);
      --basalt-focus-color: var(--basalt-undertone);
      --basalt-background-color: var(--basalt-primary-color);
  }
  :root {
      --header-logo: url('https://basalt-team.github.io/Basalt/basaltlogo.svg');
      --header-title: 'SCP Foundation';
      --header-subtitle: 'SECURE - CONTAIN - PROTECT';
      --title-size: 1.5rem;
      --subtitle-size: 0.825rem;
   
      --base-font-size: 1rem;
      --main-content-width: 67.5rem;
      --side-bar-width: 19rem;
  }

  Pages using this styling

  • how-to-summon-a-god-safely [info]

  ¶ 1 occurrence
  

  root: {
  --wm-bg: 0, 0, 0;

  Pages using this styling

  • how-did-we-get-here [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css?family=Cinzel');
  @import url('https://fonts.googleapis.com/css?family=Anton');
  @import url('https://fonts.googleapis.com/css?family=Pinyon+Script');
  #page-title { display: none; }
  
  /*
      The Anton font was created by Vernon Adams and is licensed under the Open Font License
      The Cinzel font was created by Natanael Gama and is licensed under the Open Font License
      The Pinyon Script font was created by Nicole Fally and is licensed under the Open Font License
  */
  
  :root {
      --header-title: none;
      --header-subtitle: none;
  
      --logo-image: url("https://scp-wiki.wdfiles.com/local--files/deer-college-hub/DeerSeal.png");
  
      --header-height-on-desktop: 13rem;
      --header-height-on-mobile: 13rem;
  
  }
  
  
  #header::before {
      background-size: auto calc(var(--header-height-on-desktop) - 4rem);
      opacity: 1;
      top: 2.5rem;
  }
  
  @media only screen and (max-width: 710px) {
      #header::before {
          background-size: auto calc(var(--header-height-on-mobile) - 8.5rem);
          top: 5rem;
      }
  }

  Pages using this styling

  • how-did-we-get-here [info]

  ¶ 1 occurrence
  

   div#container-wrap {
      -webkit-filter: grayscale(100%);
      filter: grayscale(100%);
  }
  
  body::before {
    filter: grayscale(1);
  }
  
  #container-wrap-wrap::before {
    filter: grayscale(1);
  }
  
  :root {
      --header-title: " ";
      --header-subtitle: " ";
  }
  
  .textfont {
  font-family: Microsoft Sans-serif;
  }

  Pages using this styling

  • house-sparrow [info]

  ¶ 1 occurrence
  

  #page-title {
       display: none !important;
  }
  
  .date hr {
       width: 66%;
       margin: auto;
       border-width: medium;
  }
  
  .pseudocrumbs {
       margin: auto;
       text-align: center;
  }

  Pages using this styling

  • hour-zero [info]

  ¶ 1 occurrence
  

  
  @import url('https://fonts.googleapis.com/css2?family=Lexend:wght@100..900&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
  
  :root {
      --black: #333333;
      --white: #eee;
      --line: 2px solid var(--black);
      --timer: 200ms;
      --trans: transparent;
  
      --header-title: "";
      --header-subtitle: "";
      --sp_header-logo: none;
      --sp_header-logo-adaptive-size: 0;
  
      --sp_header-height: 6rem;
  
      --sp_top-bar-link-color: var(--black);
      --sp_top-bar-link-hover-color: var(--white);
      --sp_top-bar-link-hover-background: var(--black);
  
      --sp_dropdown-link-color: var(--black);
      --sp_dropdown-link-hover-color: var(--white);
      --sp_dropdown-link-background: var(--white);
      --sp_dropdown-link-hover-background: var(--black);
      --sp_dropdown-link-border: none;
  
      --sp_rate-module-text-color: var(--white);
      --sp_rate-module-background: var(--black);
      --sp_rate-module-sub-color: var(--white);
      --sp_rate-module-active-color: var(--black);
      --sp_rate-module-button-color: var(--white);
      --sp_rate-module-button-background: var(--black);
      --sp_rate-module-button-hover-color: var(--black);
      --sp_rate-module-button-hover-background: var(--white);
  }
  
  body, html {
      scrollbar-width: thin;
  }
  a, a.newpage, a:visited, #interwiki a, #side-bar a, a.action-area-close, .page-watch-options a, #footer a {
      color: var(--black);
      font-weight: bold;
      transition: var(--timer);
  }
  a:hover, a:visited:hover, #interwiki a:hover, #side-bar a:hover, a.action-area-close:hover, .page-watch-options a:hover, #footer a:hover {
      color: var(--white);
      background-color: var(--black);
      text-decoration: none;
  }
  #container {
      overflow-x: hidden;
      background-color: var(--white);
  }
  #header {
  grid-template-areas:
      ". . . . login"
      ". . . . search"
      ". . . . ."
      "top-bar top-bar top-bar top-bar top-bar";
      background-image: none;
      grid-template-columns: repeat(3, 1fr);
      grid-template-rows: repeat(3, 1fr);
  }
  #header-extra-div-1 {
      grid-column: 5 / 6;
      grid-row: 1 / 3;
      border-left: var(--line);
      border-bottom: var(--line);
  }
  #login-status {
      margin-right: 0.5em;
      margin-top: 0.5em;
      padding: 0;
      color: var(--black);
      font-weight: bold;
      white-space: nowrap;
      padding-left: 3rem;
  }
  #login-status .printuser {
      display: inline-block;
      padding: 0 5px;
      position: relative;
      transition: var(--timer);
  }
  #login-status .printuser a {
      position: absolute;
      height: 100%;
      width: 100%;
      top: 0;
      left: 0;
  }
  #login-status .printuser:hover {
      background-color: var(--black);
      color: var(--white);
  }
  #login-status .printuser a img {
      display: none;
  }
  a#my-account {
      color: var(--black);
      padding: 0 5px;
      transition: var(--timer);
  }
  a#my-account:hover {
      color: var(--white);
      background-color: var(--black);
      text-decoration: none;
  }
  a#account-topbutton {
      color: var(--black);
      font-size: 100%;
      padding: 0 5px;
      border-color: var(--trans);
      margin-left: -3px;
      transition: var(--timer);
  }
  a#account-topbutton:hover {
      color: var(--white);
      background-color: var(--black);
  }
  #account-options ul {
      border: var(--line);
      background-color: var(--white);
  }
  #account-options li a {
      color: var(--white);
      background-color: var(--black);
      transition: var(--timer);
  }
  #account-options li a:hover {
      padding-right: 1.5rem;
      color: var(--white);
  }
  #search-top-box {
      align-items: flex-start;
      flex-direction: row-reverse;
      flex-wrap: wrap;
      padding: 0 12px 0 0;
  }
  #search-top-box-form input[type=submit] {
      background-color: var(--white);
      background-image: none;
      color: var(--black);
      border-color: var(--trans);
      box-shadow: none;
      border-radius: 0;
      transition: var(--timer);
  }
  #search-top-box-form input[type=submit]:hover,
  #search-top-box-form input[type=submit]:focus {
      background-color: var(--black);
      border-color: var(--trans);
      background-image: none;
      color: var(--white);
      box-shadow: none;
  }
  #top-bar {
      background-image: none;
      border-bottom: var(--line);
  }
  #top-bar .open-menu a {
      color: var(--black);
      background-color: var(--white);
      border-radius: 0;
      border: var(--line);
      font-weight: 100;
      transition: var(--timer);
  }
  #top-bar .open-menu a:hover {
      background-color: var(--black);
      color: var(--white);
  }
  #top-bar div[class*="top-bar"] > ul {
      justify-content: center;
  }
  #top-bar ul li ul {
      border: var(--line);
      border-width: 2px;
      box-shadow: none;
  }
  #interwiki .side-block, #side-bar .side-block, #side-bar .side-block.media, #side-bar .side-block.resources {
      border: var(--line);
      border-radius: 0;
      box-shadow: none;
      background-color: var(--white);
  }
  #interwiki .heading, #side-bar .heading {
      color: var(--white);
      border-bottom: var(--line);
      background-color: var(--black);
      padding-left: 0;
      text-align: center;
      font-family: "Poppins";
      font-size: 0.9em;
      font-weight: 400;
  }
  #content-wrap {
      margin-top: 0;
  }
  
  #main-content {
      border-left: var(--line);
      border-right: var(--line);
      padding: 0 10px;
  }
  
  #page-title {
      display: none;
  }
  .moduleRateWrap {
      position: fixed;
      top: 2rem;
      right: 50%;
      transform: translate(50%, 0);
      z-index: 10;
  }
  div.page-rate-widget-box .rate-points {
      text-transform: capitalize;
      font-family: "Lexend";
  }
  div.page-rate-widget-box, .page-rate-widget-box {
      border-radius: 0;
      box-shadow: none;
  }
  div.page-rate-widget-box .cancel a:hover, .page-rate-widget-box .cancel a:hover {
      background-color: var(--white);
      border-radius: 0;
  }
  #page-info, .page-watch-options, .page-options-bottom {
      text-align: center;
      margin: auto;
      width: 60%;
  }
  #footer {
      margin-top: 0;
      border-top: var(--line);
      background-color: var(--white);
      color: var(--black);
  }
  .page-tags span {
      border-top: var(--line);
  }
  
  
  
  
  
  
  
  
  
  
  
  .portrait {
      position: relative;
      margin: 6rem -10px;
      font-family: "Lexend";
      font-size: clamp(3.125rem, 2.303rem + 4.386vw, 6.25rem);
      max-width: calc(100% + 20px);
      background-color: var(--white);
      transition: var(--timer);
  }
  .portrait:hover {
      background-color: var(--black);
      color: white;
  }
  .portrait::before {
      position: absolute;
      content: "";
      border-top: var(--line);
      border-bottom: var(--line);
      height: 99%;
      width: 200vw;
      top: 0;
      left: 0;
      transform: translate(-50%, 0);
  }
  .portrait p {
      margin-block-start: 0;
      margin-block-end: 0;
      line-height: 0.9;
      letter-spacing: -5px;
  }
  .portraitLogin {
      position: fixed;
      bottom: 50%;
      right: 0;
      text-align: right;
      z-index: 10;
      transform: translate(0, 50%);
  }
  .portraitLogin p {
      margin-block-start: 0;
      margin-block-end: 0;
      line-height: 1.5;
  }
  .portraitLoginSpan {
      background-color: var(--black);
      color: var(--white);
      font-size: 1rem;
  }
  .portraitLoginSpan a {
      color: var(--white);
      padding-left: 3rem;
      padding-right: 0.5rem;
  }
  .portraitLoginSpan a:hover {
      padding-right: 1.5rem;
      color: var(--white);
  }
  .arrayTitle {
      margin: 0 -10px;
      border-bottom: var(--line);
      text-align: center;
      font-size: 3.5rem;
      max-width: calc(100% + 20px);
      font-family: "Poppins";
  }
  .arrayTitle p {
      margin-block-start: 0;
      margin-block-end: 0;
      line-height: 1;
  }
  .array {
      display: grid;
      grid-template-columns: repeat(3, minmax(10px, 1fr));
      margin: 0 -10px;
      max-width: calc(100% + 20px);
  }
  
  
  
  
  
  
  
  .fact1 {
      grid-column: 1 / 2;
      grid-row: 1 / 2;
      border-bottom: var(--line);
      border-right: var(--line);
  }
  .fact2 {
      grid-column: 2 / 3;
      grid-row: 1 / 2;
      border-bottom: var(--line);
      border-right: var(--line);
  }
  .fact3 {
      grid-column: 3 / 4;
      grid-row: 1 / 2;
      border-bottom: var(--line);
  }
  .fact4 {
      grid-column: 1 / 2;
      grid-row: 2 / 3;
      border-bottom: var(--line);
      border-right: var(--line);
  }
  .fact5 {
      grid-column: 2 / 3;
      grid-row: 2 / 3;
      border-bottom: var(--line);
      border-right: var(--line);
  }
  .fact6 {
      grid-column: 3 / 4;
      grid-row: 2 / 3;
      border-bottom: var(--line);
  }
  .fact7 {
      grid-column: 1 / 2;
      grid-row: 3 / 4;
      border-bottom: var(--line);
      border-right: var(--line);
  }
  .fact8 {
      grid-column: 2 / 3;
      grid-row: 3 / 4;
      border-bottom: var(--line);
      border-right: var(--line);
  }
  .fact9 {
      grid-column: 3 / 4;
      grid-row: 3 / 4;
      border-bottom: var(--line);
  }
  
  
  
  
  
  
  .scp7480 {
      grid-column: 1 / 3;
      grid-row: 1 / 2;
      border-bottom: var(--line);
  }
  .scp7012 {
      grid-column: 2 / 3;
      grid-row: 2 / 3;
      border-bottom: var(--line);
      border-left: var(--line);
  }
  .scp6136 {
      grid-column: 1 / 2;
      grid-row: 2 / 3;
      border-bottom: var(--line);
  }
  .scp6970 {
      grid-column: 3 / 4;
      grid-row: 1 / 4;
      border-bottom: var(--line);
      border-left: var(--line);
  }
  .scp6031 {
      grid-column: 1 / 3;
      grid-row: 3 / 4;
      border-bottom: var(--line);
  }
  
  
  .tale1 {
      grid-column: 1 / 3;
      grid-row: 1 / 3;
      border-bottom: var(--line);
      border-right: var(--line);
  }
  .tale2 {
      grid column: 3 / 4;
      grid-row: 1 / 2;
      border-bottom: var(--line);
  }
  .tale3 {
      grid column: 3 / 4;
      grid-row: 2 / 3;
      border-bottom: var(--line);
  }
  .tale4 {
      grid-column: 2 / 4;
      grid-row: 3 / 4;
      border-bottom: var(--line);
  }
  .tale5 {
      grid-column: 1 / 2;
      grid-row: 3 / 4;
      border-bottom: var(--line);
      border-right: var(--line);
  }
  .tale6 {
      grid-column: 2 / 3;
      grid-row: 4 / 6;
      border-bottom: var(--line);
      border-right: var(--line);
  }
  .tale7 {
      grid-column: 1 / 2;
      grid-row: 4 / 5;
      border-bottom: var(--line);
      border-right: var(--line);
  }
  .tale8 {
      grid-column: 3 / 4;
      grid-row: 4 / 5;
      border-bottom: var(--line);
  }
  .tale9 {
      grid-column: 1 / 2;
      grid-row: 5 / 6;
      border-bottom: var(--line);
      border-right: var(--line);
  }
  .tale10 {
      grid-column: 2 / 3;
      grid-row: 6 / 7;
      border-bottom: var(--line);
      border-right: var(--line);
  }
  .tale11 {
      grid-column: 3 / 4;
      grid-row: 5 / 6;
      border-bottom: var(--line);
  }
  .tale12 {
      grid-column: 1 / 2;
      grid-row: 6 / 7;
      border-right: var(--line);
  }
  
  
  
  
  
  
  .goi1 {
      grid-column: 2 / 4;
      grid-row: 1 / 3;
      border-bottom: var(--line);
  }
  .goi2 {
      grid-column: 1 / 2;
      grid-row: 1 / 3;
      border-bottom: var(--line);
      border-right: var(--line);
  }
  .goi3 {
      grid-column: 1 / 3;
      grid-row: 3 / 4;
      border-bottom: var(--line);
      border-right: var(--line);
  }
  
  
  
  .essay1 {
      grid-column: 1 / 3;
      grid-row: 1 / 2;
      border-bottom: var(--line);
  }
  .essay2 {
      grid-column: 1 / 3;
      grid-row: 2 / 3;
      border-bottom: var(--line);
  }
  .essay3 {
      grid-column: 1 / 3;
      grid-row: 3 / 4;
      border-bottom: var(--line);
  }
  .essay4 {
      grid-column: 1 / 3;
      grid-row: 4 / 5;
      border-bottom: var(--line);
  }
  .essay5 {
      grid-column: 3 / 4;
      grid-row: 1 / 5;
      border-bottom: var(--line);
      border-left: var(--line);
  }
  .essay6 {
      grid-column: 1 / 3;
      grid-row: 5 / 6;
      border-bottom: var(--line);
  }
  .essay7 {
      grid-column: 3 / 4;
      grid-row: 5 / 7;
      border-left: var(--line);
      border-bottom: var(--line);
  }
  
  
  
  
  
  
  
  .art1 {
      grid-column: 1 / 3;
      grid-row: 1 / 3;
      border-bottom: var(--line);
      border-right: var(--line);
  }
  .art2 {
      grid-column: 3 / 4;
      grid-row: 1 / 2;
      border-bottom: var(--line);
  }
  .art3 {
      grid-column: 3 / 4;
      grid-row: 2 / 4;
      border-bottom: var(--line);
  }
  .art4 {
      grid-column: 1 / 3;
      grid-row: 3 / 4;
      border-bottom: var(--line);
      border-right: var(--line);
  }
  .art5 {
      grid-column: 1 / 2;
      grid-row: 4 / 5;
      border-bottom: var(--line);
      border-right: var(--line);
  }
  .art6 {
      grid-column: 3 / 4;
      grid-row: 5 / 6;
      border-bottom: var(--line);
  }
  .art7 {
      grid-column: 2 / 4;
      grid-row: 4 / 5;
      border-bottom: var(--line);
  }
  .art8 {
      grid-column: 1 / 3;
      grid-row: 5 / 6;
      border-bottom: var(--line);
      border-right: var(--line);
  }
  .art9 {
      grid-column: 1 / 2;
      grid-row: 6 / 8;
      border-bottom: var(--line);
      border-right: var(--line);
  }
  .art10 {
      grid-column: 2 / 3;
      grid-row: 6 / 7;
      border-bottom: var(--line);
      border-right: var(--line);
  }
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  .collab1 {
      grid-column: 1 / 2;
      grid-row: 1 / 2;
      border-bottom: var(--line);
      border-right: var(--line);
  }
  .collab2 {
      grid-column: 2 / 3;
      grid-row: 1 / 2;
      border-bottom: var(--line);
      border-right: var(--line);
  }
  .collab3 {
      grid-column: 3 / 4;
      grid-row: 1 / 3;
      border-bottom: var(--line);
  }
  .collab4 {
      grid-column: 1 / 2;
      grid-row: 3 / 4;
      border-bottom: var(--line);
      border-right: var(--line);
  }
  .collab5 {
      grid-column: 1 / 3;
      grid-row: 2 / 3;
      border-bottom: var(--line);
      border-right: var(--line);
  }
  .collab6 {
      grid-column: 2 / 4;
      grid-row: 3 / 4;
      border-bottom: var(--line);
  }
  .collab7 {
      grid-column: 1 / 3;
      grid-row: 4 / 5;
      border-bottom: var(--line);
      border-right: var(--line);
  }
  .collab8 {
      grid-column: 3 / 4;
      grid-row: 4 / 5;
      border-bottom: var(--line);
  }
  .collab9 {
      grid-column: 1 / 2;
      grid-row: 5 / 6;
      border-bottom: var(--line);
      border-right: var(--line);
  }
  .collab10 {
      grid-column: 1 / 3;
      grid-row: 6 / 7;
      border-bottom: var(--line);
      border-right: var(--line);
  }
  .collab11 {
      grid-column: 1 / 3;
      grid-row: 7 / 8;
      border-bottom: var(--line);
      border-right: var(--line);
  }
  .collab12 {
      grid-column: 2 / 4;
      grid-row: 5 / 6;
      border-bottom: var(--line);
  }
  .collab13 {
      grid-column: 3 / 4;
      grid-row: 6 / 9;
      border-bottom: var(--line);
  }
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  .arrayBox {
      display: flex;
      justify-content: center;
      align-items: center;
      text-align: center;
      position: relative;
      padding: 0 5px;
  }
  .legend {
      position: relative;
  }
  .legend::after {
      position: absolute;
      content: ">100";
      background-color: var(--white);
      border-bottom: var(--line);
      border-left: var(--line);
      padding: 0 5px;
      top: 0;
      right: 0;
      font-weight: bold;
  }
  .leftbar {
      position: relative;
  }
  .leftbar::before {
      position: absolute;
      content: "";
      border-bottom: var(--line);
      width: 100vw;
      top: -1px;
      right: 100%;
  }
  .rightbar {
      position: relative;
  }
  .rightbar::before {
      position: absolute;
      content: "";
      border-top: var(--line);
      width: 100vw;
      bottom: -2px;
      left: 100%;
  }
  .arrayBoxTitle {
      font-weight: 400;
      font-size: 1.2rem;
      font-family: "Poppins";
  }
  .arrayBoxDescription {
      font-style: italic;
      font-weight: 600;
      font-family: 'Poppins';
      font-size: 0.9rem;
  }
  .arrayLink {
      font-size: 0;
  }
  .arrayLink a {
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
  }
  .arrayLink a:hover {
      background-color: rgba(0,0,0,0.1);
  }
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  @media only screen and (max-width: 400px) {
  .array {
      display: block;
  }
  .portraitLogin {
      display: none;
  }
  .arrayBox {
      border-right: none !important;
      border-left: none !important;
  }
  }
  
  

  Pages using this styling

  • hotfish [info]

  ¶ 1 occurrence
  

  :root {
    --header-title: "ENDLESS MASQUERADE";
    --header-subtitle: "TALES FROM THE BLACK VAULT";
    --lgurl: none;
    --accentColor: #aa1300;
    --headerColor: #aa1300;
  }
  
  body {
      background-color: #181c1d;
      background-image: linear-gradient(to bottom, rgba(5, 10, 20, .2), rgba(5, 9, 10, .5) 100px, rgba(5, 9, 10, .5) 100px, rgba(15, 19, 20, .8) 200px, rgba(15, 19, 20, .8) 200px, rgba(24, 28, 29, 1) 400px, rgb(24, 28, 29) 400px), url(https://scp-wiki.wdfiles.com/local--files/theme%3Aragnarok-theme/starfield.jpg);
      background-repeat: no-repeat;
  }
  
  
  .end-bar p {
      margin-block-start: 0.5em;
      margin-block-end: 0.5em;
  }

  Pages using this styling

  • horns-and-strings [info]

  ¶ 1 occurrence
  

  div#container-wrap {
      -webkit-filter: grayscale(100%);
      filter: grayscale(100%);
  }
  :root {
  --header-title: "SCP FOUNDATION";
  --header-subtitle: "Secured, Contained, Protected";
  }

  Pages using this styling

  • hopefully-we-are-together [info]

  ¶ 1 occurrence
  

  :root {
      --header-gradient-color-bottom: 53, 94, 59;
      --footnotes-footer-num-color: 53, 94, 59;
      --link-color: 255, 255, 255;
      --visited-link-color: 255, 255, 255;
  }
  
  #page-title {display: none;}

  Pages using this styling

  • hoovesandantlers [info]

  ¶ 1 occurrence
  

  :root{
   --subtitle-content: "-Kokushibyō-"; 

  Pages using this styling

  • hollow-knife [info]

  ¶ 1 occurrence
  

  table { width: 100%; }
  
  td { height: 1.5rem; }
  
  #toc-action-bar,#toc .title { visibility:hidden; height: 0;}
  
  .collapsible-block-link {
      text-align: center;
      display: block;
      font-weight: bold;
      font-size: large;
  }
  
  .peppo-toc {
      position:relative;
      z-index:01;
      background: #dfdfdf;
      padding: 5px;
      float:right;
      width: 30%;
  }
  
  @media only screen and (max-width: 600px) {
       .peppo-toc {
          float:none;
          width: 100%;
      }
  }

  Pages using this styling

  • holiday-hub [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+Antique:wght@300;400;500;700;900&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@700&display=swap');
  :root {
  --header-logo: url('http://blightbox.wikidot.com/local--files/box/aye.png');
  --title:"HOLES";
  --subtitle:"FLASH FICTION DEPT.";
  --sidesubtitle: "HOLES";
  --sidelogo: url('http://blightbox.wikidot.com/local--files/box/aye.png');
  --header-font-primary: 'Poppins';
  --body-font-primary: 'Zen Kaku Gothic Antique', sans-serif;
  --basalt-undertone: 18, 18, 18;
  --swatch-menubg-black-color: 10,10,10;
  --swatch-menutxt-dark-color: 69, 69, 69;
  --UI-font-primary: 'Poppins';
  --basalt-main-text-color: 224, 219, 220 ;
  --selection-background-color: 197, 119, 41;
  --basalt-bright-element-color: var(--basalt-alternate-color);
  }
  
  

  Pages using this styling

  • holes [info]

  ¶ 1 occurrence
  

  :root {
       --header-title: "The Chaos Insurgency";
       --header-subtitle: "Reason from Illogic";
       --lgurl: url('https://scp-wiki.wikidot.com/local--files/hod2-rybd/bhl%3Ahod-2');
       --logo-image: url('https://scp-wiki.wikidot.com/local--files/hod2-rybd/CIalt.webp');
  }

  Pages using this styling

  • hod2-rybd [info]

  ¶ 1 occurrence
  

  :root {
       --header-title: "The Chaos Insurgency";
       --header-subtitle: "Reason from Illogic";
       --lgurl: url('https://scp-wiki.wikidot.com/local--files/hod1-homecoming/bhl%3Ahod-2');
       --logo-image: url('https://scp-wiki.wikidot.com/local--files/hod1-homecoming/CIalt.webp');
  }

  Pages using this styling

  • hod1-homecoming [info]

  ¶ 1 occurrence
  

   :root {
      /* == TITLES == */
      --header-subtitle: "But Thrice At Three";
  }

  Pages using this styling

  • hobbies [info]

  ¶ 1 occurrence
  

  
  :root {
      --logo-image: url("http://scp-wiki.wdfiles.com/local--files/secure-facility-dossier-site-120/ontologonew.png") !important;
      --header-title: "Site-120" !important;
      --header-subtitle: "Fighting Fire With Fire" !important;
  }
  

  Pages using this styling

  • historia-polskiego-projektu-przechowawczego [info]

  ¶ 1 occurrence
  

  
  @import url('https://fonts.googleapis.com/css2?family=Teko:wght@300..700&display=swap');
  @import url('http://scpko.wdfiles.com/local--files/unfont/UnDinaru.css');
  @import url('https://fonts.googleapis.com/css2?family=Space+Mono:ital,wght@0,400;0,700;1,400;1,700&display=swap');
  
  @font-face {
      font-family: 'JalnanGothic';
      src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_231029@1.1/JalnanGothic.woff') format('woff');
      font-weight: normal;
      font-style: normal;
  }
  
  @font-face {
      font-family: 'KIMM_Bold';
      src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2212@1.0/KIMM_Bold.woff2') format('woff2');
      font-weight: 700;
      font-style: normal;
  }
  
  .box a, .box a:visited, .box a.newpage {
    color: unset;
    transition: color 0.2s;
    word-break: keep-all;
    position: relative;
    z-index: 2;
  }
  
  .box:hover a {
    color: var(--aclr);
    transition: color 0.2s;
  }
  
  .box a:hover, .box a:visited:hover, .box a.newpage:hover,
  .box a:hover span, .box a:visited:hover span, .box a.newpage:hover span {
    text-decoration: underline;
  }
  
  .box a::before {
    content: "";
    display: inline-block;
    position: absolute;
    top: max(-10%, -15px);
    bottom: min(10%, 15px);
    left: 0;
    right: 100%;
    transition: right 0.2s;
    background: var(--abg);
    z-index: -1;
  }
  
  .box:hover a::before {
    right: 0;
    transition: right 0.2s;
  }
  
  span.goc a {
    white-space: nowrap;
  }
  
  .padder {
    padding: 5px 15px;
    box-sizing: border-box;
  }
  
  .file-header th, .file-header td {
    text-align: center;
    padding: 10px 30px;
    word-break: keep-all;
  }
  
  .file-header th {
    background: rgba(255,255,255,0.5);
  }
  
  .file-header td {
    background: rgba(255,255,255,0.8);
  }
  
  .left {
    float: left;
    clear: unset !important;
    width: 300px;
    min-width: 50%;
    max-width: 100%;
  }
  
  .right {
    position: relative;
    float: right;
    clear: unset !important;
    width: 45%;
    min-width: 150px;
    max-width: 70% !important;
    padding-left: 85px;
    box-sizing: border-box;
  }
  
  .right::before {
    position: absolute;
    top: 0;
    left: 3px;
    line-height: 1.6;
    letter-spacing: -1.2px;
  }
  
  .return::before {
    content: "- Return:";
  }
  .input::before {
    content: "- Input:";
  }
  .output::before {
    content: "- Output:";
  }
  .warning::before {
    content: "- Warning:";
  }
  .item::before {
    content: "- Item:";
  }
  
  .left p {
    margin-top: 0;
    margin-bottom: 5px;
    letter-spacing: -1.2px;
  }
  
  .right p {
    word-break: break-all;
    margin-top: 0;
    margin-bottom: 10px;
    letter-spacing: -1.2px;
  }
  
  .left p, .left span, .right:not(.filename) p, .right span {
    word-break: keep-all;
  }
  
  @media (min-width: 664px) {
    .longleft {
      margin-top: 20px;
    }
  }
  

  Pages using this styling

  • hippocampus-of-triton [info]

  ¶ 1 occurrence
  

  
  @import url('https://fonts.googleapis.com/css2?family=Sansation:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Courier+Prime:ital,wght@0,400;0,700;1,400;1,700&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Agdasima:wght@400;700&display=swap');
  
  a, a.newpage, a:visited, #interwiki a, #side-bar a {
      color: royalblue;
  }
  
  
  .disclaimer
  {
  font-size: 10px;
  font-family: "Microsoft Sans Serif";
  }
  
  .corporate {
  font-family: "Sansation";
  background-color: rgb(235,215,135);
  color: black;
  color: #000;
  padding: 25px;
  }
  
  .headertext
  {
  font-weight: 500px;
  font-size: 30px;
  font-family: "Agdasima";
  font-color:black;
  }
  
  .headertext p,
  .headertext2 p { margin: 0; }
  
  .headertext2
  {
  font-size: 20px;
  font-family: "Agdasima";
  font-weight: 500;
  line-height: 3px;
  margin: 0;
  }
  
  .divider hr {
    background-color: royalblue;
  }
  
  #page-title {
      text-align: center;
  }
  
  .page {
      display: block;
      transform: rotate(1.2deg);
      overflow: hidden;
      font-family: "Charm", sans-serif;
      font-style: normal;
      font-size: 15px;
      line-height: 1.2;
      box-shadow: 0px 0px 7px;
      background-attachment: scroll;
      background-clip: border-box;
      background-color: white;
      background-image: linear-gradient(to top ,rgb(255, 255, 255) 45%, rgb(255, 255, 255) 8%);
      background-origin: padding-box;
      background-position: 0px 8px;
      background-repeat: repeat;
      background-size: 100% 20px;
      border: 1px solid #CCC;
      padding: 10px 10px;
      margin-bottom: 10px;
      box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2)
  }
  .page p,
  .page ul {
      line-height: 20px;
      margin: 0;
  }
  
  h1 {
     text-align: center;
  }
  
  .court-document {
  display: grid;
  border: 2px solid black;
  width: fit-content;
  counter-reset: lineno;
  grid-template-columns: repeat(2, auto);
  overflow: hidden;
  background-color: #ebdaf3;
  color: black;
  margin: auto;
  }
  
  .num::before {
  content: counter(lineno);
  counter-increment: lineno;
  }
  
  .monospace {
  font-family: 'Andale Mono', 'Courier New', Courier, monospace;
  line-height: 1;
  padding: 10px;
  font-size: 16px;
  }
  
  .monospace p {
  margin: 1lh 0;
  line-height: 1;
  }
  
  .lineno-container {
  height: 0;
  }
  
  .linenos {
  border-right: 1px solid black;
  }
  
  .nums::after {
  content: "1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 179 180 181 182 183 184 185 186 187 188 189 190 191 192 193 194 195 196 197 198 199 200 201 202 203 204 205 206 207 208 209 210 211 212 213 214 215 216 217 218 219 220 221 222 223 224 225 226 227 228 229 230 231 232 233 234 235 236 237 238 239 240 241 242 243 244 245 246 247 248 249 250 251 252 253 254 255 256 257 258 259 260 261 262 263 264 265 266 267 268 269 270 271 272 273 274 275 276 277 278 279 280 281 282 283 284 285 286 287 288 289 290 291 292 293 294 295 296 297 298 299 300 301 302 303 304 305 306 307 308 309 310 311 312 313 314 315 316 317 318 319 320 321 322 323 324 325 326 327 328 329 330 331 332 333 334 335 336 337 338 339 340 341 342 343 344 345 346 347 348 349 350 351 352 353 354 355 356 357 358 359 360 361 362 363 364 365 366 367 368 369 370 371 372 373 374 375 376 377 378 379 380 381 382 383 384 385 386 387 388 389 390 391 392 393 394 395 396 397 398 399 400 401 402 403 404 405 406 407 408 409 410 411 412 413 414 415 416 417 418 419 420 421 422 423 424 425 426 427 428 429 430 431 432 433 434 435 436 437 438 439 440 441 442 443 444 445 446 447 448 449 450 451 452 453 454 455 456 457 458 459 460 461 462 463 464 465 466 467 468 469 470 471 472 473 474 475 476 477 478 479 480 481 482 483 484 485 486 487 488 489 490 491 492 493 494 495 496 497 498 499 500 501 502 503 504 505 506 507 508 509 510 511 512 513 514 515 516 517 518 519 520 521 522 523 524 525 526 527 528 529 530 531 532 533 534 535 536 537 538 539 540 541 542 543 544 545 546 547 548 549 550 551 552 553 554 555 556 557 558 559 560 561 562 563 564 565 566 567 568 569 570 571 572 573 574 575 576 577 578 579 580 581 582 583 584 585 586 587 588 589 590 591 592 593 594 595 596 597 598 599 600 601 602 603 604 605 606 607 608 609 610 611 612 613 614 615 616 617 618 619 620 621 622 623 624 625 626 627 628 629 630 631 632 633 634 635 636 637 638 639 640 641 642 643 644 645 646 647 648 649 650 651 652 653 654 655 656 657 658 659 660 661 662 663 664 665 666 667 668 669 670 671 672 673 674 675 676 677 678 679 680 681 682 683 684 685 686 687 688 689 690 691 692 693 694 695 696 697 698 699 700 701 702 703 704 705 706 707 708 709 710 711 712 713 714 715 716 717 718 719 720 721 722 723 724 725 726 727 728 729 730 731 732 733 734 735 736 737 738 739 740 741 742 743 744 745 746 747 748 749 750 751 752 753 754 755 756 757 758 759 760 761 762 763 764 765 766 767 768 769 770 771 772 773 774 775 776 777 778 779 780 781 782 783 784 785 786 787 788 789 790 791 792 793 794 795 796 797 798 799 800 801 802 803 804 805 806 807 808 809 810 811 812 813 814 815 816 817 818 819 820 821 822 823 824 825 826 827 828 829 830 831 832 833 834 835 836 837 838 839 840 841 842 843 844 845 846 847 848 849 850 851 852 853 854 855 856 857";
  width: 0;
  display: block;
  overflow-wrap: initial;
  margin-right: 2em;
  }
  
  .court-document-content {
  margin-bottom: -1.5lh;
  }
  
  .invisible{
     color:transparent;
  }
  
  
  

  Pages using this styling

  • high-interest-ledger [info]

  ¶ 1 occurrence
  

  .flag.transgender {
     background:
      linear-gradient(#00d2ff 20%, #ffa6b9 0 40%, white 0 60%, #ffa6b9 0 80%, #00d2ff 0)
  }
  
  .flag.lesbian {
    background:
      linear-gradient(red 0 14.28%, #ff7000 0 28.57%, #f93 0 42.85%, white 0 57.14%, #f5a 0 71.42%, #f49 0 85.71%, #e06 0);
  }
  
  .flag.asexual {
     background: linear-gradient(black 25%, darkgray 0 50%, white 0 75%, #a50089 0);
  }
  
  .flag.gay {
    background:
      linear-gradient(#00916e 0 14.28%, #00d2a9 0 28.57%, #7debbe 0 42.85%, white 0 57.14%, #6eaee7 0 71.42%, #5443d3 0 85.71%, #43117d 0);
  }
  
  .flag.genderfluid {
     background:
      linear-gradient(hotpink 20%, white 0 40%, #e0e 0 60%, black 0 80%, blue 0)
  }
  
  .flag.bisexual {
     background: linear-gradient(#f07 40%, #c49 0 60%, #03a 0);
  }
  
  .flag.pansexual {
     background: linear-gradient(#f09 33.33%, gold 0 66.66%, deepskyblue 0);
  }

  Pages using this styling

  • hide-your-pride [info]

  ¶ 1 occurrence
  

  .entry {background-color: #F2EAE1; color: #21252E; border: solid 2px #F4AB58; width: 88%; padding: 1px 15px; margin: 10px; box-shadow: 0 1px 3px rgba(0,0,0,.5); margin: auto}

  Pages using this styling

  • hickorys-haven [info]

  ¶ 1 occurrence
  

  
  :root {
      --linkColor: #FC8391;
      --linkColor-newpage: #FC9958;
   
      --primaryBackgroundColor: #FFFFFF;

  Pages using this styling

  • herlock-sholmes-arrives-too-late [info]

  ¶ 1 occurrence
  

  .hedara {
      font-style: italic;
      color: goldenrod;
      font-family: monospace;
  }

  Pages using this styling

  • heresy [info]

  ¶ 1 occurrence
  

  
  
  @import url('https://fonts.bunny.net/css2?family=Vesper+Libre&display=swap');
  @import url('https://fonts.bunny.net/css2?family=Spectral:wght@300&display=swap');
  
  
  :root {
    --logo: url(https://scp-wiki.wdfiles.com/local--files/her-majesty-s-foundation-hub/HMFSCP2.png);
    --title: "Her Majesty's Foundation";
    --subtitle: "Dieu Et Sa Loi";
    --title-size: 1.75rem;
    --subtitle-size: 1.25rem;
  }
  :root {
      --basalt-overtone: 10, 10, 11;
      --basalt-undertone: var(--basalt-bright-element-color);
      --basalt-UI-dark-palette: 23, 33, 20;
      --basalt-background-color: 224, 213, 191;
      --basalt-bright-element-color: 34,49,29;
      --basalt-dark-element-color: 34,49,29;
      --basalt-primary-color: 255, 253, 231;
      --basalt-secondary-color: 255, 239, 203;
      --basalt-tertiary-color: 246, 227, 186;
      --basalt-main-text-color: 18, 9, 0;
  
  
      --image-caption-background-color: 255, 253, 231;
  
  
      --header-background-color: 48,69,41;
      --header-title-color: 255, 253, 208;
      --header-subtitle-color: 255, 253, 208;
  
  
      --top-bar-link-color: 255, 253, 208;
      --search-icon-color: 255, 253, 208;
      --side-bar-background-color: 63,90,54;
      --side-bar-heading-text-color: 255, 253, 208;
      --side-bar-link-color: 255, 253, 208;
      --scrollbar-thumb-color: var(--basalt-dark-element-color);
      --general-border-color: 156, 156, 156;
  
  
      --link-color: 137, 81, 37 !important;
      --link-visited-color: 84, 49, 22 !important;
  
  
      --document-background-color: 243,223,193;
  }
  :root {
      --header-font-primary: 'Spectral';
      --UI-font-primary: 'Vesper Libre';
      --body-font-primary: 'Vesper Libre';
      --mono-font-primary: 'Spectral';
      font-size: 110%;
  }

  Pages using this styling

  • her-majesty-s-foundation-hub [info]

  ¶ 1 occurrence
  

  
  
  div.section {
  padding-inline: 1.25rem;
  }
  
  hr {
      margin-inline: -10.25rem;
  }
  
  :root {
  --header-UI-font-size: 0.75rem;
  }
  
  }
  

  Pages using this styling

  • her-future-in-bloom [info]

  ¶ 1 occurrence
  

  @media (max-width: 768px) {
   :root hr {
      margin-inline: 0;
      width: 100%;
    }
  }

  Pages using this styling

  • her-future-in-bloom [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.bunny.net/css?family=Pangolin&display=swap');
  
  :root {
  --logo-image:url("https://scp-wiki.wikidot.com/local--files/hello-my-name-isnt/%253F");
  --header-title: 'NOBODY';
  --header-subtitle: '...';
  }
  
  span.blue{
  max-width: 300px;
  border-radius: 15px;
  padding: 4px 8px;
  display: inline-block;
  text-align: left; float:right;
  background-color: #3578e5;
  color: #fff;
  }
  
  span.green{
  max-width: 300px;
  border-radius: 15px;
  padding: 4px 8px;
  display: inline-block;
  text-align: left; float:left;
  background-color: #f1f0f0;
  }
  blockquote{background-color: transparent;}
  
  div.nobody {
      width: 70%;
      margin: 1rem auto;
      text-align: center;
      padding: 0.6rem;
      font-family: 'Pangolin', cursive;
      border: 1px solid #CCC;
      border-radius: 5px;
      box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2)
      background-attachment: scroll;
      background-clip: border-box;
      background-color: transparent;
      background-image: linear-gradient(to top ,rgb(202, 219, 228) 0%, rgb(231, 233, 220) 8%);
      background-origin: padding-box;
      background-position: 0px 8px;
      background-repeat: repeat;
      background-size: 100% 20px;
  }

  Pages using this styling

  • hello-my-name-isnt [info]

  ¶ 1 occurrence
  

  .earthworm .hub.no a, .earthworm a[href="/"] {color: rgb(var(--swatch-text-general));}

  Pages using this styling

  • hell-hath-no-fury-like-a-woman-scorned [info]

  ¶ 1 occurrence
  

  .terminal{
      background-color: white;
      border: solid 10px gray;
      width: 85%;
      padding: 18px;
      text-align: left;
      border-radius: 25px;
      font-family: courier;
      margin: 0 auto;
  }

  Pages using this styling

  • heck-s-cool-corner [info]

  ¶ 1 occurrence
  

  .terminal{
      background-color: white;
      border: solid 10px gray;
      width: 25%;
      padding: 18px;
      text-align: left;
      border-radius: 25px;
      font-family: courier;
      margin: 0 auto;
  }

  Pages using this styling

  • heck-s-cool-corner [info]

  ¶ 1 occurrence
  

  #header h2 span {
    line-height: 0px;
    max-height: 0px;
    color: transparent;
    text-shadow: none;
  }
  #header h2 span::before {
    content: "Obsolete vibes, my friend";
    color: #f0f0c0;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .8);
  }

  Pages using this styling

  • heck-s-cool-corner [info]

  ¶ 1 occurrence
  

  #header h1 a span {
    line-height: 0px;
    max-height: 0px;
    color: transparent;
    text-shadow: none;
  }
  #header h1 a::before {
    content: "Dead Archive";
    color: #f0f0c0;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .8);
  }

  Pages using this styling

  • heck-s-cool-corner [info]

  ¶ 1 occurrence
  

  /*---- IMPORTS ----*/
  @import url('https://fonts.googleapis.com/css2?family=Saira:wght@400;700&display=swap');
  
  /*---- THEME ----*/
  :root {
    --logo: url(https://scp-wiki.wdfiles.com/local--files/retrieval/dark.png);
    --header-title: "GLOBAL OCCULT COALITION";
    --subtitle: "Humanity's Anchor";
    --title-size: 1rem;
    --subtitle-size: 0.75rem;
    --basalt-bright-element-color: 118, 185, 232;
    --basalt-dark-element-color: 94, 114, 128;
  }
  :root {
      --UI-font-primary: 'Saira';
      font-size: 110%;
  }
  
  body {
      background: url('https://scp-wiki.wdfiles.com/local--files/heavens-rain/F22.png') top center repeat-x;
      background-size: 120em;
  }
  
   body {
      background-color: #050505;
  }
  

  Pages using this styling

  • heavens-rain [info]

  ¶ 1 occurrence
  

  .danke {
      padding: 5px;
      margin-bottom:10px;
      font-family: monospace;
      font-size: 1.1em;
  }
  .agent {
      background-color:#171717;
      border: 3px solid #a3a3a3;
      color: #c9c9c9;
  }
  .operation {
      background-color:#240000;
      border: 3px solid #c40000;
      color: #e30000;
  }
  

  Pages using this styling

  • heavens-rain [info]

  ¶ 1 occurrence
  

  
  div#header h1 span {
      font-size:0px;
      padding: 4px;
  }
  
  div#header h1 a:before {
      content: "PARADISE LOST";
      color: #ffffff;
      font-family: 'Roboto Slab', serif;
      font-weight: 700;
  }
  div#header h2 span {
      font-size:0px;
      padding: 4px;
  }
  div#header h2:after {
      content: "HEAVEN IS CRASHING DOWN";
      font-weight: bold;
      color: #ffffff;
      padding: 19px 0;
      text-shadow: 1px 1px 1px rgba(0, 0, 0, .8);
      white-space: pre;
  }

  Pages using this styling

  • heaven-and-hell [info]

  ¶ 1 occurrence
  

  :root {
       --header-title: "The Chaos Insurgency";
       --header-subtitle: "Reason From Illogic";
       --lgurl: url('https://scp-wiki.wikidot.com/local--files/heart-of-darkness/bhl%3Ahod-2');
       --logo-image: url('https://scp-wiki.wikidot.com/local--files/heart-of-darkness/CIalt.webp');
  }

  Pages using this styling

  • heart-of-darkness [info]

  ¶ 1 occurrence
  

   :root {
      /* == TITLES == */
      --header-subtitle: "There was a crooked man";
  }

  Pages using this styling

  • he-walked-a-crooked-mile [info]

  ¶ 1 occurrence
  

  /* this css added by woedenaz */
  
  .fillpg:active {
      object-fit: contain;
  }
  
  .scp-image-caption img {
      min-width: unset;
  }
  
  /* this css cleaned by mrpines */
  
  .rate-points::before{
  content: "gamer ";
  }
  
  .document {
  display: inline-block;
  border-radius: 10px;
  border:solid 1px #ccc;
  background:#f0f0f0;
  float:top; width:96.5%;
  padding: 10px;
  box-shadow: 0 2px 4px rgba(68, 68, 68, .5);
  }
  
  .containercontainer {
  position: relative;
  width: auto;
  height: auto;
  border: 2px solid #666;
  background: #141212;
  color: #3F3;
  margin-top: 1em;
  margin-bottom: 1em;
  }
  
  .containercontainer .container .overlay {
  background: rgba(51, 255, 51, 0.9);
  color: #121010;
  position: absolute;
  width: auto;
  height: 50px;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  line-height: 50px;
  display: inline;
  vertical-align: middle;
  text-align: center;
  font-family: Courier New;
  font-size: 30px;
  letter-spacing: 5px;
  font-weight: bolder;
  z-index: 3;
  animation: overlay-anim 10s linear;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  }
  
  .overlayback {
  background: rgba(187, 187, 187, 0.5);
  z-index: 3;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: auto;
  height: auto;
  animation: overlay-anim 10s linear;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  }
  
  .containercontainer .container {
  text-align: center;
  width: inherit;
  height: inherit;
  position: relative;
  overflow: hidden;
  }
  
  .containercontainer .container::after {
  content: " ";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: rgba(21, 19, 19, 0.2);
  opacity: 0;
  z-index: 2;
  animation: flicker 0.15s infinite;
  }
  
  .containercontainer .container::before {
  content: " ";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: linear-gradient(rgba(18, 16, 16, 0.03) 50%, rgba(0, 0, 0, 0.45) 50%), linear-gradient(90deg, rgba(255, 0, 0, 0.22), rgba(0, 255, 0, 0.11), rgba(0, 0, 255, 0.22));
  z-index: 2;
  background-size: 100% 2px, 3px 100%;
  }
  
  .no-unfold {
  text-align: center;
  }
  
  .container h1,.container h2,.container h3,.container h5,.container h6 {
  color: #3F3;
  }
  
  .container hr {
  border-top: 1px dotted #3F3;
  border-bottom: none;
  }
  
  .container hr {
  border-top: 1px solid #3F3;
  border-bottom: 1px solid #3F3;
  color: transparent;
  background-color: transparent;
  }
  
  .container hr:after {
  display: block;
  margin-top: 2px;
  border-top: 1px solid #3F3;
  border-bottom: 1px solid #3F3;
  }
  
  .blinkbar {
  animation: blink 1.5s infinite; 
  letter-spacing: -0.13em;
  }
  
  /* KEYFRAMES */
  
  @keyframes blink{
  to{opacity: .0;}
  }
  
  @keyframes flicker {
  0% {opacity: 0.9890; }5% {opacity: 0.5842; }
  10% {opacity: 0.9865; }15% {opacity: 0.0412; }
  20% {opacity: 0.6255; }25% {opacity: 0.3157; }
  30% {opacity: 0.7328; }35% {opacity: 0.4654; }
  40% {opacity: 0.9128; }45% {opacity: 0.2449; }
  50% {opacity: 0.5485; }55% {opacity: 0.6438; }
  60% {opacity: 0.1180; }65% {opacity: 0.9085; }
  70% {opacity: 0.0266; }75% {opacity: 0.6795; }
  80% {opacity: 0.7812; }85% {opacity: 0.0117; }
  90% {opacity: 0.2239; }95% {opacity: 0.8897; }
  100% {opacity: 0.2260; }
  }
  
  @keyframes overlay-anim {
  0% {visibility: hidden; }
  10% {visibility: hidden; }
  11% {visibility: visible; }
  50% {visibility: hidden; }
  100% {visibility: hidden; }
  }
  

  Pages using this styling

  • hawks-n-artworks [info]

  ¶ 1 occurrence
  

  .danke {
  padding: 5px 5px 5px 15px;
  margin-bottom:10px;
  font-family: monospace;
  font-size: 1.25em;
  }
  .site {
  background-color:#222200;
  border: 3px solid #AAAA55;
  color: #DDDD77;
  }
  .wynn {
  background-color:#222200;
  border: 3px solid #AAAA55;
  color: #77DD8F;
  }

  Pages using this styling

  • have-yourselves [info]

  ¶ 1 occurrence
  

  #header h2::before {
    content: var(--header-subtitle, "SAD CHRISTMAS PARTY");
    font-weight: 700;
    font-size: 1.3em;
  }
   div#extra-div-1{
       background-image: url(https://scp-wiki.wdfiles.com/local--files/have-yourselves/crimbus43.png);

  Pages using this styling

  • have-yourselves [info]

  ¶ 1 occurrence
  

  :root {
       --header-title: "Department of Unreality";
       --header-subtitle: "Making the Unreal a ㅤㅤㅤㅤ";
  }

  Pages using this styling

  • haunt-me [info]

  ¶ 1 occurrence
  

  #header {
      background-image: url('https://scp-wiki.wdfiles.com/local--files/third-law-hub/PL_3Law_Logo_5.png ');
  }
  #header h1 a::before {
      content: "FIFTH LAW ";
  }
  #header h2 span::before {
      content: 'Stardust to the Stars ';
  }

  Pages using this styling

  • harvester-of-eyes [info]

  ¶ 1 occurrence
  

  @import url('https://scp-wiki.wdfiles.com/local--files/component%3Aspirit-theme/telegram3.css');
  @import url('https://scp-wiki.wdfiles.com/local--files/component%3Aspirit-theme/Yukarimobile.css');
  @import url('https://fonts.googleapis.com/css?family=Special+Elite');
  @import url('https://fonts.googleapis.com/css?family=Arvo');
  @import url('https://fonts.googleapis.com/css?family=Cinzel');
  @import url('https://fonts.googleapis.com/css?family=Anton');
  @import url('https://fonts.googleapis.com/css?family=Playfair+Display+SC');
  
  .spirit blockquote { background-color: white; }
  
  .CS-title {
      font-family: 'alpha_echoregular';
  }
  
  div.main {
  font-family: 'Special Elite', 'sans-serif';
   }

  Pages using this styling

  • hare-023-the-cheshire-cat [info]

  ¶ 1 occurrence
  

  
  @import url('https://fonts.googleapis.com/css?family=EB+Garamond:500&display=swap');
  
  .fancytext {
  font-family:"EB Garamond";
  font-size:120%;
  }
  
  .poem-title {
  font-family: Microsoft Sans Serif; 
  color: black; 
  font-size: 24pt; 
  line-height: 0px
  }
  
  .poem-title p {
  margin: 0px;
  }

  Pages using this styling

  • happiness-cant-come-from-assignments [info]

  ¶ 1 occurrence
  

  
  #page-title {display: none;}
  
  :root {
      --header-title: "HANDJOB";
      --header-subtitle: "Reap the Whirlwind";
      --link-txt-color: rgb(var(--accent));
      --logo-img: url("http://scp-wiki.wikidot.com/local--files/strikefall/strikefall.png");
      --logo-opacity: 50%;
  }
  
  #header h2::before {
      text-transform: capitalize;
      font-style: italic;
  }
  

  Pages using this styling

  • handjob [info]

  ¶ 1 occurrence
  

  blockquote, div.blockquote {
      background-color:#635411;
  }

  Pages using this styling

  • handholding [info]

  ¶ 1 occurrence
  

  sup {
      vertical-align: top;
      position: relative;
      top: -0.5em;
  }
  a.collapsible-block-link {
    font-weight: bold;
  }
  .translation_block, .u-faq { display: none; }
  }
  .info-container .collapsible-block-folded a{
  color: #fff;}
  .info-container .collapsible-block-unfolded-link a{
  color: #fff;
  }
  #page-title {
      text-align: center;
  }
  .scp-image-block {
    border: solid 1px #000000;
  }
  .scp-image-block .scp-image-caption {
    background-color: #00000;
    border-top: solid 1px #000000;
    color: #fff;
  }
  .scp-image-block .scp-image-caption {
       background-color: #000000;
       border-top: solid 1px #666;
       padding: 2px 0;
       font-size: 80%;
       font-weight: bold;
       text-align: center;
       width: 300px;
       text-color: #fff;
  }
   .scp-image-block > p {
       margin: 0;
  }
   .scp-image-block .scp-image-caption > p {
       margin: 0;
       padding: 0 10px;
  }
  #page-content > .collapsible-block {
      display: block;
      text-align: center;
      padding: 0.65em;
  }
  #page-content > .collapsible-block .collapsible-block-content {
      text-align: left;
  }
  .lie{
       font-weight: bold;
       font-family: monospace;
       font-size: 140%;
  }
  .list{
      background: #f4f4f4;
      padding: 0 1em;
  }
  .info-container .collapsible-block-link,
  .info-container:hover .collapsible-block-link {
      line-height: 1.6em;
  }
  @media (max-width: 2000px) {
      .desktop-only {
       display: none;
       visibility: hidden;
  }
  #page-title::after,
  .meta-title::after,
  #page-title::before,
  .meta-title::before {
      content: "";
      flex-grow: 1;
      height: 0.0625rem;
      background: rgb(var(--swatch-primary));
  }
   
  #page-title::before,
  .meta-title::before {
      margin: auto 1.25rem auto auto;
  }

  Pages using this styling

  • halfway-lost [info]

  ¶ 1 occurrence
  

  :root {
      --title: "The Schema of the Matriarchs";
      --short_title: "Matriarchs";
   
      --dark-accent: 185, 150, 17
  }

  Pages using this styling

  • haeretische-aufzeichnung-11 [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css?family=Electrolize|Slabo+13px');
  @import url('https://fonts.googleapis.com/css?family=Special+Elite');
  
  
  :root {
      --header-title: "GUNSIGHT";
      --header-subtitle: "Omnia vide, omnia nosti";
      --link-txt-color: rgb(var(--accent));
      --logo-img: url("http://scp-sandbox-3.wikidot.com/local--files/strikefall/PENTOSTAMP.png");
      --header-txt-color: #d61c0f;
      --misc-txt-color: #d61c0f;
      --logo-opacity: 70%;
      --link-txt-color: #d61c0f;
  }
  @media (max-width: 767px) {
   
      #header-title span::before {
          content: 'NPO';
          padding-inline-start: 55px;
      }
  }
  
  #page-title {display: none;}
  
  body {
    background-image: linear-gradient(to bottom, #660000, #000000 120px);
    color: #F5F5F5;
  }
  
  .hovertip {
    color: #000000;
  }
  
  .owindow {
    color: #000000;
  }
  
  #toc {
    background-color: #000000;
  }
  
  #header h2::before {
      text-transform: capitalize;
      font-style: italic;
  }
  
  .notation {
      border-width: 4px;
      width: 75%;
      margin: auto;
      border-color: rgb(var(--accent));
      text-align: justify;
  }
  
  .separation {
      margin: 1ex 15%;
      padding: 0;
      border-top: 0.2rem solid #275495;
      display: block;
  }
  
  .al-fine, .vanguard, .elaimal, .omalley, .textbook, .schemer{
      width: 85%;
      margin: auto;
      padding: 15px;
      box-shadow: 0 1px 3px rgba(0,0,0,.2);
      color: #000000;
  }
  
  .dictation {
     font-family: Courier New, monospace;
     color: #F5F5F5;
  }
  
  .schemer {
     border: solid 2.5px #ff7700;
     color: #ff7700;
  }
  
  .textbook {
      border: solid 2.5px #fff0ba;
      background-color:#fff0ba;
      color: #000000;
      font-family: Times New Roman;
  }
  
  .elaimal {
      border: solid 2.5px #39FF14;
      color: #39FF14;
      font-family: monospace;
  }
  
  .omalley {
     border: solid 2.5px #6495ED;
     color: #6495ED;
  }
  
  .president {
      font-family: monospace;
      color: #04c21a;
      font-size: 17px;
  }
  
  .al-fine {
      border: solid 4px #275495;
      background: #F2F7FB url('https://scp-wiki.wdfiles.com/local--files/theme%3Agoc/goc-fade.png') center no-repeat;
  }
  
  .vanguard {
      border: solid 4px #275495;
      background: #F2F7FB center no-repeat;
  }
  
  div.blockquote {
      padding-right: 2rem;
      padding-top: 1rem;
      border-right: solid 7px rgb(var(--accent)) !important;
      margin: 1em 1.75em;
  }
  
  .blockquote .image-container {
      padding: 0em;
  }
  
  .characters {
      margin-top: -1em;
      margin-bottom: 1em;
      margin-left: 15px;
      margin-right: 10px;
  }
  
  .characters-top {
      display: flex;
      flex-flow: row nowrap;
      align-items: center;
      gap: 16px;
  }
  
  .bar {
      width: 12px;
      height: 85px;
  }
  
  .characters-info {
      flex-grow: 1;
  }
  
  .characters-info p {
      line-height: 200%;
  }
  
  .bio {
      margin-top: -20px;
  }
  
  .goc {
      --color: #5f95e6;
  }
  
  .us {
      --color: #404d7e;
  }
  
  .joicl {
      --color: #d7003a;
  }
  
  .phoenix {
      --color: #d68300;
  }
  
  .mcd {
      --color: #8c148c;
  }
  
  .van {
      --color: #4b2;
  }
  
  .bar {
      background-color: var(--color);
  }

  Pages using this styling

  • gunsight [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css?family=Maven+Pro|Miriam+Libre|Orbitron');

  Pages using this styling

  • guns-pointed-hub [info]

  ¶ 1 occurrence
  

  .navbox {
      display: block;
      float: right;
      width: auto;
      margin: 0.5rem;
      padding: 0 0.5rem;
      text-align: center;
      background:#bfbfbf47;
      border: 2px solid #828282;
  }
  
  #toc-list > div[style*="2em"] { margin-left: .5rem!important; }
  
  #page-content h2 {
      display: flow-root;
      padding-bottom: .15em;
      border-bottom: solid 0.05rem currentColor;
      margin-top: .775em;
  }
  
  .hatnote {
      font-style: italic;
      padding-inline-start: 1.5em;
      margin-block: .325rem;
  }
  .hatnote > p { display: contents; }
  
  /*---------------------*/
  
  .yui-navset { clear: both; }
   
  .yui-navset .yui-nav {
      display: flex;
      flex-wrap: wrap;
      column-gap: .325em;
      border: none;
  }
  .yui-navset.yui-navset-top .yui-nav :is(li, .selected) {
      display: block;
      margin: 0;
      padding: 0;
  }
  .yui-navset.yui-navset-top .yui-nav li a {
      position: relative;
      display: flex;
      align-items: center;
      justify-content: center;
      height: 100%;
      text-align: center;
      border: none;
      box-sizing: border-box;
      padding: 0.675rem 0.325rem;
      font-size: 1.05em;
  }
   
  .yui-navset.yui-navset-top .yui-nav :is(li, .selected) a em {
      position: static;
      inset: unset;
      border: none;
      padding: 0;
  }
  
  .yui-navset .yui-content {
      border: none;
      background: unset;
      padding: 0;
  }
  
  /*---------------------*/
  
  .literature-ex {
      --box-accent: #3b5c97;
  }
  
  .literature-ex .yui-nav li a {
      background: unset!important;
      color: var(--box-accent)!important;
  }
  
  .literature-ex .yui-nav li.selected a {
      background-image: unset;
      font-weight: bold;
  }
  .literature-ex .yui-nav li:not(.selected) a {
      opacity: .625;
  }
  
  .literature-ex .yui-nav li.selected a::before {
      content: "";
      position: absolute;
      bottom: 0;
      left: 0;
      height: .175rem;
      width: 100%;
      background-color: currentColor;
      border-radius: 1rem;
  }
  
  .literature-ex a:not([href="javascript:;"]) {
      color: rgb(62 113 198);
      font-weight: bold;
  }
  .literature-ex a:not([href="javascript:;"])::after {
      content: "↗";
      display: inline-block;
      margin-inline-start: .25em;
  }
  
  /*---------------------*/
  
  .literature-ex blockquote {
      background-color: transparent;
      border: none;
      border-inline-start: solid .25rem #dfdfdf;
      margin: 0;
      margin-inline-start: 1rem;
      margin-block: -.75em 1.325em;
      font-size: .925em;
  }
  
  .literature-ex blockquote > p { margin-block: none; }

  Pages using this styling

  • guide-for-writing [info]

  ¶ 1 occurrence
  

  blockquote {
      border-color: #DDB192;
      background-color: #EFE2BA;
  }

  Pages using this styling

  • gru-p-hub [info]

  ¶ 1 occurrence
  

  :root{
  --logo-image: url("http://timebox.wdfiles.com/local--files/sc-18-005-18-350/CI-Marcus-header.png");
  --header-title: 'PRESENCE';
  --header-subtitle: 'LONG LIVE THE INSURGENCY';
  }
  
  
  .time{
  color:#901;
  font-weight: 700;
  }
  
  
  
  

  Pages using this styling

  • grow-a-backbone [info]

  ¶ 1 occurrence
  

  :root {
      --header-subtitle: "⟍＿ヘ(._.  )";
  }

  Pages using this styling

  • greyve-author-page [info]

  ¶ 1 occurrence
  

  :root {
      --header-title: "Greyve Art";
      --header-subtitle: "( ._.)✎";
      --logo-image: url("https://scp-wiki.wdfiles.com/local--files/greyve-author-page/prismlogo.png");
  
      --pale-accent: 133, 193, 233;
      --bright-accent: 14, 65, 102;
      --medium-accent: 60, 100, 120;
      --dark-accent: 12, 36, 54;
      --alt-accent: 99, 190, 255;
  }

  Pages using this styling

  • greyve-art-page [info]

  ¶ 1 occurrence
  

  
  #page-title {display: none;}
  
  :root {
      --header-title: "GREENLIGHT";
      --header-subtitle: "Ad Maiora";
      --link-txt-color: rgb(var(--accent));
      --logo-img: url("http://scp-sandbox-3.wikidot.com/local--files/strikefall/PENTOSTAMP.png");
      --header-txt-color: #d61c0f;
      --misc-txt-color: #d61c0f;
      --logo-opacity: 70%;
      --link-txt-color: #d61c0f;
  }
  
  .hovertip {
    color: #000000;
  }
  
  body {
    background-image: linear-gradient(to bottom, #660000, #000000 120px);
    color: #F5F5F5;
  }
  
  #toc {
    background-color: #000000;
  }
  
  #header h2::before {
      text-transform: capitalize;
      font-style: italic;
  }
  
  .notation {
      border-width: 4px;
      width: 75%;
      margin: auto;
      border-color: rgb(var(--accent));
      text-align: justify;
  }
  
  .dictation2 {
     font-family: Garamond, serif;
     color: #F5F5F5;
     font-size: 18px;
  }
  
  .separation {
      margin: 1ex 15%;
      padding: 0;
      border-top: 0.2rem solid #275495;
      display: block;
  }
  
  .elaimal, .president, .al-fine, .vanguard, {
      width: 85%;
      margin: auto;
      padding: 15px;
      box-shadow: 0 1px 3px rgba(0,0,0,.2);
  }
  
  .elaimal {
      border: solid 2.5px #fff0ba;
      background-color:#fff0ba;
      color: #4B0101;
      font-family: Times New Roman;
  }
  
  
  .president {
      border: solid 2.5px #FF0000;
      background-color:#000000;
      color: #FF0000;
  }
  
  .al-fine {
      border: solid 4px #275495;
      background: #F2F7FB url('https://scp-wiki.wdfiles.com/local--files/theme%3Agoc/goc-fade.png') center no-repeat;
  }
  
  .vanguard {
      border: solid 4px #275495;
      background: #F2F7FB center no-repeat;
  }
  
  div.blockquote {
      padding-right: 2rem;
      padding-top: 1rem;
      border-right: solid 7px rgb(var(--accent)) !important;
      margin: 1em 1.75em;
  }
  
  .blockquote .image-container {
      padding: 0em;
  }
  
  .characters {
      margin-top: -1em;
      margin-bottom: 1em;
      margin-left: 15px;
      margin-right: 10px;
  }
  
  .characters-top {
      display: flex;
      flex-flow: row nowrap;
      align-items: center;
      gap: 16px;
  }
  
  .bar {
      width: 12px;
      height: 85px;
  }
  
  .characters-info {
      flex-grow: 1;
  }
  
  .characters-info p {
      line-height: 200%;
  }
  
  .bio {
      margin-top: -20px;
  }
  
  .goc {
      --color: #5f95e6;
  }
  
  .us {
      --color: #404d7e;
  }
  
  .joicl {
      --color: #d7003a;
  }
  
  .phoenix {
      --color: #d68300;
  }
  
  .mcd {
      --color: #8c148c;
  }
  
  .van {
      --color: #4b2;
  }
  
  .bar {
      background-color: var(--color);
  }

  Pages using this styling

  • greenlight [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Nanum+Brush+Script&display=swap');
  
  .type1 {
      display: block;
      overflow: hidden;
      font-family: 'Nanum Brush Script', cursive;
      font-style: normal;
      font-size: 170%;
      color: rgb(57, 0, 0);
  
      background-attachment: scroll;
      background: url(http://www.scp-wiki.net/local--files/theme:memoria/textback.jpg);
  
      background-clip: border-box;
      background-color: rgb(222, 222, 222);
      background-origin: padding-box;
      background-repeat: repeat;
      background-size: 100%;
  
      border-radius: 10px;
      padding: 10px 10px;
      margin-bottom: 10px;
  
      box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2)
      }
  

  Pages using this styling

  • great-cult-escape [info]

  ¶ 1 occurrence
  

   .darkboxB{
       color: var(--textColorAlt);
  background-size: contain;
      background-position: top center;
      background-repeat: no-repeat;
       padding: .4rem .6rem;
  border-right: 7px solid var(--accentColor);
       border-left: 7px solid var(--accentColor);
  }

  Pages using this styling

  • graveyard-shift [info]

  ¶ 1 occurrence
  

   .darkbox{
       color: var(--textColorAlt);
       background: var(--fgColor);
   background: url(https://scp-wiki.wdfiles.com/local--files/graveyard-shift/SCPTomb.png);
  background-size: contain;
      background-position: top center;
      background-repeat: no-repeat;
       padding: .4rem .6rem;
  }

  Pages using this styling

  • graveyard-shift [info]

  ¶ 1 occurrence
  

   :root{
  /* -- COLORS -- */
   --accentColor: hsl(24, 100%, 50%);
       --accentColorLite: hsl(24, 100%, 64%);

  Pages using this styling

  • graveyard-shift [info]

  ¶ 1 occurrence
  

  /* GLOBAL */
  body{ color: rgb(12, 12, 12); }
  
  /* PAGE TITLE */
  #page-title{ display: none; }
  
  /* DIV BLOCKS */
  .request{
      border-radius: 1.22em;
      background-color: #eee;
      box-shadow: 0 2px 4px rgba(68, 68, 68, .5);
      padding: 0 0 .25em; 
      margin: 0 0 .61em; 
      color: #0f0f0f; 
      text-align: center;
  }
  .document{
      display: inline-block;
      border-radius: .61em;
      border: 1px solid #ccc;
      background:#f0f0f0;
      float: top; width: 96.5%;
      padding: .61em;
      box-shadow: 0 2px 4px rgba(68, 68, 68, .5);
  }
  
  /* WIKIWALK NAV */
  .saphir-nav{
      color: #0d0f26;
      text-shadow: 1px 1px 2px rgba(0,0,0,.35);
      border: 1px solid #0d2613;
      border-radius: .61em;
      background-color: #969be9;
      box-shadow: 1.5px 1.5px 3px #636ce9;
      box-shadow: 0 1px 3px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 5px rgba(255,255,255,0.2), inset 0 5px 20px rgba(255,255,255,0.25), inset 0 -7.5px 15px rgba(0,0,0,0.1);
      padding: 0 1.829em;
      margin: .61em 0 1em;
      font-weight: bold;
      font-size: 85%;
  }
  .saphir-nav a{
      color: #202892;
  }
  
  /* FORMATTING */
  .collapsible-block-link{ font-weight: bold; }
  #page-content .collapsible-block-folded a.collapsible-block-link{
      animation: blink 0.8s ease-in-out infinite alternate;
  }
  @keyframes blink{
      0%{ color: transparent; }
      50%, 100%{ color: #333399; }
  }
  hr{
       margin: 1em 0;
       padding: 0;
       border: 0;
  }
  .heading hr{
      width: 45%;
      margin: auto;
      margin-top: .61em;
      background-color: #77b;
      border: none;
      height: 2px;
  }

  Pages using this styling

  • grant-request-post-mortem-neural-preservation [info]

  ¶ 1 occurrence
  

  .blink {
      font-size: 110%;
      font-weight: bold;
      text-align: center;
      animation: blinking 0.8s ease-in-out infinite alternate;
  }
  @keyframes blinking {
      0% { color: transparent; }
      50%, 100% { color: #339; }
  }

  Pages using this styling

  • grant-request-for-the-utilization-of-sub-reality-spaces [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic,700italic');
  @import url('https://fonts.googleapis.com/css2?family=Metal+Mania&display=swap');
  
  body{ color: rgb(12, 12, 12); }
  
  #page-title{ display: none; }
  
  .document{
      display: inline-block;
      border-radius: .61em;
      border: 1px solid #ccc;
      background:#f0f0f0;
      float: top; width: 96.5%;
      padding: .61em;
      box-shadow: 0 2px 4px rgba(68, 68, 68, .5);
  }
  
  .request{
      border-radius: 1.22em;
      background-color: #eee;
      box-shadow: 0 2px 4px rgba(68, 68, 68, .5);
      padding: .25em;
      margin: 0 0 .61em;
      color: #0f0f0f;
      text-align: center;
  }
  
  div.rejection {
      border: 4px solid #00b300;
      border-radius: 30px;
      font-weight: bold;
      color: #00b300;
      text-align: center;
      margin: 0.5em;
  }
  
  div.rejection-wrap {
       transform: rotate(-3.8deg);
       width: 35vw;
       margin-bottom: 1em;
       margin-left: 3em;
  }
  
  @media only screen and (max-width: 768px) {
      div.rejection-wrap {
          min-width: 60vw;
          width: 70vw;
          margin-left: -3em;
      }
  }
  
  div.appeal {
      margin-top: 5em;
  }
  
  .alagadda {
        font-family: 'Droid Serif', serif;
        background-image: linear-gradient(to bottom, rgba(5, 10, 20, .2), rgba(5, 10, 20, .5) 150px, rgba(0, 4, 31, .8) 200px, rgba(0, 2, 18, 1) 400px, rgba(0, 2, 18, 1) 400px, rgba(0, 2, 18, 1) 100%), url('https://scp-wiki.wdfiles.com/local--files/theme%3Aragnarok-theme/starfield.jpg');
        width: 80%;
        margin: auto;
        font-size: 19px;
        border-radius: 10px;
        background-color: #34343B;
        padding: 1rem;
        color: #ededed;
        text-align: center;
  }
  
  .alagadda hr {
        background-color: #ededed;
        padding: 0.5px;
  }
  
  .ambassador {
        font-family: metal mania;
        font-size: 28px;
        word-break: normal !important;
        line-height: 1.35;
  }
  
  .alagadda a {
        color: #ededed;
        text-decoration: underline;
  }
  
  .alagadda a:hover {
        text-decoration: none;
  }
  

  Pages using this styling

  • grant-request-for-the-utilization-of-sub-reality-spaces [info]

  ¶ 1 occurrence
  

  body{ color: rgb(12, 12, 12); }
  
  #page-title{ display: none; }
  
  .document{
      display: inline-block;
      border-radius: .61em;
      border: 1px solid #ccc;
      background:#f0f0f0;
      float: top; width: 96.5%;
      padding: .61em;
      box-shadow: 0 2px 4px rgba(68, 68, 68, .5);
  }
  
  .request{
      border-radius: 1.22em;
      background-color: #eee;
      box-shadow: 0 2px 4px rgba(68, 68, 68, .5);
      padding: .25em;
      margin: 0 0 .61em;
      color: #0f0f0f;
      text-align: center;
  }
  
  .box {
     border: outset 5px var(--br);
     background: var(--bg);
     padding: 10px;
     margin-bottom: 10px;
  }
  
  .phoenix {
      --br: #5a5b5c;
      --bg: #e4e5e6;
  }

  Pages using this styling

  • grant-request-for-the-development-of-a-portable-type-blue-co [info]

  ¶ 1 occurrence
  

  div.rejection {
      border: 4px solid #ff4040;
      border-radius: 30px;
      font-weight: bold;
      color: #ff4040;
      text-align: center;
      margin: 0.5em;
  }
  
  div.rejection-wrap {
       transform: rotate(-3.8deg);
       width: 35vw;
       margin-bottom: 1em;
       margin-left: 3em;
  }
  
  @media only screen and (max-width: 768px) {
      div.rejection-wrap {
          min-width: 60vw;
          width: 70vw;
          margin-left: -3em;
      }
  }
  
  div.appeal {
      margin-top: 5em;
  }

  Pages using this styling

  • grant-request-for-the-creation-of-remnant-hosts [info]

  ¶ 1 occurrence
  

  .document {
      border-radius: 10px;
      border: solid 1px #ccc;
      background: #ebebeb;
      width: 96.5%;
      padding: 10px;
      box-shadow: 0 2px 4px rgba(68, 68, 68, .5);
      margin: 1.25em auto;
      text-align: justify;
  }

  Pages using this styling

  • grant-request-for-mechacrocosquid [info]

  ¶ 1 occurrence
  

  
  div.a {
    transform: rotate(0.1deg);
  }

  Pages using this styling

  • granbozone [info]

  ¶ 1 occurrence
  

  :root {
  --header-title: "NIGHTMAREFEST";
  --header-subtitle: "- GRAVEYARD SHIFT -";
  }

  Pages using this styling

  • goodnight-sweet-dreams [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css?family=Playfair+Display:400,700,900,400italic,700italic,900italic');
  @import url('https://fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic,700italic');
  
  a:visited {
  color: #BC4123;
  }
  
  #main-content {
      background-color: #faebcc;
  }
  
  h1, #page-title {
      font-family: 'Playfair Display', serif;
      color: black;
      padding: 0 0 0.25em;
      margin: 0 0 0.6em;
      font-weight: normal;
  }
  h1 {
      margin-top: 0.7em;
      padding: 0;
      font-weight: bold;
  }
  h2, h3, h4, h6, h7 {
      margin: 0.5em 0 0.4em;
      padding: 0;
      font-family: 'Playfair Display', serif;
      color: black;
      font-style: italic;
      letter-spacing: 1px;
      text-shadow: 1px 1px 1px #000000;
      text-shadow: 1px 1px 1px rgba(0,0,0,.8);
  }
  h5 {
     margin: 0.5em 0 0.4em;
      padding: 0;
      font-family: 'Playfair Display', serif;
      color: black;
      font-style: italic;
      letter-spacing: 1px;
  }
  #page-title {
      border-color: black;
  }
  
  .head-box-2{
      font-family: 'Playfair Display', serif;
      padding: 10px 15px 10px 15px;
      width: 89%;
      position: relative;
      text-align: left;
      line-height: 20px;
      display: inline-block;
      margin: 0 25px 20px -360px;
      background-color: #fdf5e8;
      border-radius: 8px 8px 8px 8px;
      font-size: 1.5em;
  }
  
  .head-box{
      font-family: 'Playfair Display', serif;
      padding: 10px 15px 10px 15px;
      width: 89%;
      position: relative;
      border: 3px double #BC4123;
      text-align: left;
      line-height: 20px;
      display: inline-block;
      margin: 0 25px 20px -360px;
      border-radius: 8px 8px 8px 8px;
      background-color: #fdf5e8;
      
  }
  
  
  .head{
      text-align: right;
      position: relative;
  }
  
  .main-body-div{
      font-family: 'Droid Serif', serif;
      font-size: 1.5em;
      line-height: 20px;
      width: 89%;
      display: inline-block;
      padding: 0 1% 0 1%;
      vertical-align: top;
      margin-bottom: 25px;
      transition: all .7s;
      border-left: 3px double #BC4123;
      border-top: 3px double #BC4123;
  }
  
  blockquote {
      background-color:  #fdf5e8;
      color: black;
      font-family: 'Droid Serif', serif;
      list-style: none;
  }
  .main-body-div-r{
      font-family: 'Droid Serif', serif;
      font-size: 1.5em;
      line-height: 20px;
      width: 89%;
      display: inline-block;
      padding: 0 1% 0 1%;
      vertical-align: top;
      margin-bottom: 25px;
      transition: all .7s;
      border-right: 4px double #BC4123;
      border-bottom:  3px double #BC4123;
      
  }
  }
  
  #header h1 a {
      font-family: "comic sans mf", times, serif;
      content: "In the Queen’s Court";
  }
   
  #header h1 a::before {
      font-family: "comic sans mf", times, serif;
      content: "In the Queen’s Court";
  }
   
  #header h1 a span{
      display: block;
      content: "";
      visibility: hidden;
  }
  
  #header h2 span {
      display: block;
      margin: 0;
      padding: 19px 0;
      line-height: 0px;
      max-height: 0px;
      font-weight: bold;
      color: transparent;
      text-shadow: none;
  }
  
  #header h2 span::before {
      content: "The crows mock the king.";
      display: block;
      margin: 0;
      padding: 0px 0;
      line-height: 0px;
      max-height: 0px;
      font-weight: bold;
      color: #ffffff;
      text-shadow: 1px 1px 1px #000;
      text-shadow: 1px 1px 1px rgba(0,0,0,.8);
  }

  Pages using this styling

  • goodnight-miss-moon [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css?family=Handlee|Kalam&display=swap');
  .page {
      display: block;
      overflow: hidden;
      font-family: 'Kalam', cursive;
      font-style: normal;
  
      background-attachment: scroll;
      background-clip: border-box;
      background-color: transparent;
      background-image: linear-gradient(to top ,rgb(202, 219, 228) 0%, rgb(231, 233, 220) 8%);
      background-origin: padding-box;
      background-position: 0px 8px;
      background-repeat: repeat;
      background-size: 100% 20px;
  
      border: 1px solid #CCC;
      border-radius: 10px;
      padding: 10px 10px;
      margin-bottom: 10px;
  
      box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2)
      }
  .page p {
      line-height: 20px;
      margin: 0;
      font-size: 150%
  }
  
  span{ display: inline-block; }
  .fliph {
    -moz-transform: scale(-1, 1);
    -webkit-transform: scale(-1, 1);
    -o-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    transform: scale(-1, 1);
    }
  
  .gabi {
      font-family: 'Handlee', cursive; 
      color: #000080;
  }

  Pages using this styling

  • goodbye-nightflower-nomads [info]

  ¶ 1 occurrence
  

  :root {
      --header-title: "SCP-FOUNDATION";
      --header-subtitle: "DIGITAL HAZARD CONTROL AND RISK ASSESSMENT";
  }

  Pages using this styling

  • goodbye-leninocchio [info]

  ¶ 1 occurrence
  

  :root {
   --borderColor: (#008080) !important;
   --bgBadgeColor: (#F3F4F7) !important;
  }
  
  /* WANDERERS" LIBRARY CSS */
  @import url("https://wanderers-library.wikidot.com/component:dustjacket-theme-typefaces/code/1");
  @import url("https://use.typekit.net/tqr1skr.css");
  
  .library-container {
      --library-gold: 255, 219, 90;
      --library-dkgreen: 45, 70, 45;
      position: relative;
      overflow: hidden;
      -webkit-border-radius: 2rem;
         -moz-border-radius: 2rem;
              border-radius: 2rem;
  }
  
  .library-container::before {
      content: "";
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      z-index: 1;
      pointer-events: none;
      -webkit-border-radius: 3rem;
         -moz-border-radius: 3rem;
              border-radius: 3rem;
      background-image: -webkit-linear-gradient(285deg,
       rgba(var(--library-gold), 1),
       rgba(var(--library-gold), 0.3) 40%,
       transparent 40%,
       transparent 50%,
       rgba(var(--library-gold), 0.8) 52%,
       rgba(var(--library-gold), 0.4) 70%,
       transparent 70%);
      background-image: -moz-linear-gradient(285deg,
       rgba(var(--library-gold), 1),
       rgba(var(--library-gold), 0.3) 40%,
       transparent 40%,
       transparent 50%,
       rgba(var(--library-gold), 0.8) 52%,
       rgba(var(--library-gold), 0.4) 70%,
       transparent 70%);
      background-image: -o-linear-gradient(285deg,
       rgba(var(--library-gold), 1),
       rgba(var(--library-gold), 0.3) 40%,
       transparent 40%,
       transparent 50%,
       rgba(var(--library-gold), 0.8) 52%,
       rgba(var(--library-gold), 0.4) 70%,
       transparent 70%);
      background-image: linear-gradient(165deg,
       rgba(var(--library-gold), 1),
       rgba(var(--library-gold), 0.3) 40%,
       transparent 40%,
       transparent 50%,
       rgba(var(--library-gold), 0.8) 52%,
       rgba(var(--library-gold), 0.4) 70%,
       transparent 70%);
      opacity: 0;
      background-position: -10rem -5rem;
      background-repeat: no-repeat;
      -webkit-filter: blur(0.25rem);
              filter: blur(0.25rem);
      -webkit-transition:
       opacity 600ms cubic-bezier(.45, .05, .55, .95),
       background-position 600ms cubic-bezier(.79, .14, .15, .86) 300ms;
      -o-transition:
       opacity 600ms cubic-bezier(.45, .05, .55, .95),
       background-position 600ms cubic-bezier(.79, .14, .15, .86) 300ms;
      -moz-transition:
       opacity 600ms cubic-bezier(.45, .05, .55, .95),
       background-position 600ms cubic-bezier(.79, .14, .15, .86) 300ms;
      transition:
       opacity 600ms cubic-bezier(.45, .05, .55, .95),
       background-position 600ms cubic-bezier(.79, .14, .15, .86) 300ms;
  }
  
  .library-container:hover::before {
      opacity: 0.15;
      background-position: 0 0;
      -webkit-transition:
       opacity 300ms cubic-bezier(.45, .05, .55, .95) 300ms,
       background-position 600ms cubic-bezier(.79, .14, .15, .86);
      -o-transition:
       opacity 300ms cubic-bezier(.45, .05, .55, .95) 300ms,
       background-position 600ms cubic-bezier(.79, .14, .15, .86);
      -moz-transition:
       opacity 300ms cubic-bezier(.45, .05, .55, .95) 300ms,
       background-position 600ms cubic-bezier(.79, .14, .15, .86);
      transition:
       opacity 300ms cubic-bezier(.45, .05, .55, .95) 300ms,
       background-position 600ms cubic-bezier(.79, .14, .15, .86);
  }
  
  .library {
       "wl-image wl-header"
       "wl-image wl-text";
      -webkit-box-sizing: border-box;
         -moz-box-sizing: border-box;
              box-sizing: border-box;
      border: 1.25rem solid rgba(0, 0, 0, 0.5);
      -webkit-border-image: url("https://wanderers-library.wdfiles.com/local--files/component%3Adustjacket-theme/wl_border.png") 600 round;
         -moz-border-image: url("https://wanderers-library.wdfiles.com/local--files/component%3Adustjacket-theme/wl_border.png") 600 round;
           -o-border-image: url("https://wanderers-library.wdfiles.com/local--files/component%3Adustjacket-theme/wl_border.png") 600 round;
              border-image: url("https://wanderers-library.wdfiles.com/local--files/component%3Adustjacket-theme/wl_border.png") 600 round;
      border-image-width: 6;
      background: url("https://wanderers-library.wdfiles.com/local--files/component%3Atheme/wlheader_bg.png");
      -webkit-border-radius: 2rem;
         -moz-border-radius: 2rem;
              border-radius: 2rem;
      padding: 0.5rem;
      color: rgb(var(--library-gold));
      font-family: adelle-sans, sans-serif;
      font-size: 1.15em;
      overflow: hidden;
  }

  Pages using this styling

  • gooday-s-bad-page [info]

  ¶ 1 occurrence
  

  div#extra-div-1,div#extra-div-2{display:none;}
  div#page-title{display:none;}
  }

  Pages using this styling

  • good-morning-anomalies [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css?family=Ruslan+Display');
  .shadow {
      font-family: 'Ruslan Display', cursive;
      font-size: 110%;
  }
  
  .icepick-author {
      display: none;
  }
  
  .orderwrapper {position: relative;width: auto;text-align: center;}.council1 {position: relative;top: 0;bottom: 0;left: 0;right: 0;width: 295px;height: 295px;margin: auto;background-image: url( "http://kaktuskontainer.wdfiles.com/local--files/format-hell/scp_trans.png" );background-size: 295px 295px;background-repeat: no-repeat;background-position: center;}.ordertitle {position: absolute;left: 0;right: 0;top: 38px;}.ordertitle h1 {font-size: 220%;color: #555;}.orderdescription {position: absolute;left: 0;right: 0;top: 85px;width: 100%;}.orderdescription p {font-size: 90%;color: #555;}.orderdescription h1 {font-size: 120%;color: #555;}.itemno {position: absolute;left: 0;right: 0;bottom: 27px;}.itemno h1 {font-size: 170%;color: #555;}
  

  Pages using this styling

  • gomboc [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Spectral+SC&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Gloria+Hallelujah&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Inter&display=swap');
  
  .church {
  font-family: 'Spectral SC', serif;
  font-style: serif;
  }
  
  .fred {
  font-family: 'Gloria Hallelujah', cursive;
  font-style: cursive;
  }
  
  .foundation {
  font-family: 'Inter', sans-serif;
  font-style: sans-serif;
  }

  Pages using this styling

  • golden-times [info]

  ¶ 1 occurrence
  

  :root {
      --header-logo: url(https://scp-wiki.wdfiles.com/local--files/lordxvnv/grlight2.svg);
   --header-title: "Goldbaker-Reinz";
      --header-subtitle: "Since 1871";
  }
  
  .foldedtoc #toc #toc-action-bar{display:none}
  .foldedtoc .collapsible-block-link {text-decoration:none}
  

  Pages using this styling

  • goldbaker-reinz-hub [info]

  ¶ 1 occurrence
  

  div.pseudo-tags ul {
      font-size: 85%;
      border-top: 1px solid #BBB;
      display: inline-block;
      margin: 10px 0 0;
      padding: 0 2px;
      list-style: none;
  }
  
  div.pseudo-tags li {
      color: #b3374c;
      text-decoration: none;
      display: inline-block;
      margin: 0 1px;
      cursor: pointer;
  }
  
  div.pseudo-tags li:hover {
      text-decoration: underline;
  }
  
  .meta-title {
    border-bottom: solid 1px #bbbbbb;
    color: #990011;
    font-weight: normal;
    margin: 0 0 0.6em;
    padding: 0 0 0.25em;
    font-size: 200%;
  }
  .meta-title p {
    margin: 0;
  }

  Pages using this styling

  • gois-and-you-3 [info]

  ¶ 1 occurrence
  

  #page-content #toc {
      max-width: 18.25rem;
  }
  #toc-list div[style="margin-left: 2em;"] {
      font-size: 96.5%;
  }
  @media only screen and (max-width: 640px) {
      #page-content #toc.floatright {
          max-width: 90%;
          float: none;
          margin: 1rem auto;
      }
  }

  Pages using this styling

  • goi-formats [info]

  ¶ 1 occurrence
  

  .table0{
      border-collapse: collapse;
      border-spacing: 0;
      margin: 0.5em auto;
  }
  .cell0{
      border: 1px solid #888;
      padding: 0.3em 0.7em;
      background-color: #EEE;
  }
  .cell1{
      border: 1px solid #888;
      padding: 0.3em 0.7em;
  }

  Pages using this styling

  • goi-complete-list [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css?family=EB+Garamond:500&display=swap');
  
  .fancytext {
  font-family:"EB Garamond";
  font-size:120%;
  }
  
  :root {
    --bg-img: url(http://scp-sandbox-3.wikidot.com/local--files/coffee-and-cigarettes/fidi2.jpg); /* Changes background image */
  
  --prologue: "coffee black, cigarettes . . .";
  --prologue-setting: visible;
  --prologue-author: hidden;
  --subtitle-setting: none;
    --introduction: ". . . start this day like all the rest."; /* Changes contents shown when hovering over title on header */
    --introduction-setting: auto; /* Set as 'none' to turn the above off */
  
  }
  

  Pages using this styling

  • god-a-light [info]

  ¶ 1 occurrence
  

  /* ===== Warning Banner ===== */
  .warning {
    margin: 2rem auto;
    padding: 1.5rem 2rem;
    max-width: 850px;
    background: linear-gradient(135deg, #2b0000, #1a0000);
    border: 2px solid #ff4a4a;
    border-radius: 12px;
    box-shadow: 0 0 22px rgba(255,74,74,0.65);
    text-align: center;
    font-family: var(--font-sans);
    animation: warningPulse 2s infinite;
  }
  
  .warning .title {
    font-size: 1.8rem;
    font-weight: 800;
    letter-spacing: 0.1em;
    color: #ff4a4a;
    text-transform: uppercase;
    text-shadow: 0 0 8px rgba(255,74,74,0.8);
  }
  
  .warning .subtitle {
    font-size: 1.05rem;
    font-weight: 600;
    color: #5C95E6;
    margin-top: 0.6rem;
    line-height: 1.6;
  }
  
  @keyframes warningPulse {
    0%, 100% { box-shadow: 0 0 14px rgba(255,74,74,0.5); }
    50% { box-shadow: 0 0 28px rgba(255,74,74,0.9); }
  }
  
  /* ===== Transcript / Orientation Text ===== */
  .orientation {
    max-width: 750px;
    margin: 2rem auto;
    padding: 0 1rem;
    font-family: 'Rubik', 'Courier New', monospace;
    font-size: 1rem;
    line-height: 1.7;
    color: var(--color-text-main);
  }
  
  /* Each block paragraph */
  .orientation .block {
    display: block;
    margin: 1.3rem 0;
    padding: 0.6rem 1rem;
    background: rgba(255,255,255,0.02);
    border-left: 3px solid var(--accent-color, #5C95E6);
    border-radius: 4px;
  }
  
  /* Action text within blocks */
  .orientation .block.action {
    font-style: italic;
    font-weight: 500;
    color: #b3b3b3;
    background: rgba(255,255,255,0.04);
    border-left-color: #aaa;
    text-shadow: 0 0 4px rgba(170,170,170,0.5);
  }
  
  /* Emphasized text */
  .orientation em {
    color: var(--accent-color, #5C95E6);
    font-style: normal;
    font-weight: 600;
    text-shadow: 0 0 4px rgba(26,115,232,0.5);
  }
  
  .dialogue {
    max-width: 750px;
    margin: 2.5rem auto;
    padding: 1rem 1.2rem;
    font-family: 'Rubik', 'Courier New', monospace;
    font-size: 1rem;
    line-height: 1.65;
    background: rgba(255,255,255,0.015);
    border-top: 2px solid var(--accent-color, #5C95E6);
    border-radius: 6px;
  }
  
  /* Each spoken line */
  .dialogue .line {
    display: block;
    margin: 0.6rem 0;
    padding-left: 0.5rem;
    border-left: 2px solid transparent;
  }
  
  /* Speaker variants (assign manually in span class="line eli") */
  .dialogue .eli {
    color: #5C95E6;
    font-weight: 600;
    border-left-color: #5C95E6;
  }
  
  .dialogue .matt {
    color: #e95c5c;
    font-weight: 600;
    border-left-color: #e95c5c;
  }
  
  /* Shared narration or action in dialogue */
  .dialogue .action {
    font-style: italic;
    color: #b3b3b3;
    margin-left: 0.5rem;
    border-left: none;
  }
  
  /* Emphasis inside dialogue */
  .dialogue em {
    font-style: normal;
    font-weight: 700;
    color: var(--accent-color, #5C95E6);
  }
  
  .report-statement {
    background: #f9f9f9;
    border: 2px solid #444;
    border-radius: 6px;
    box-shadow: 0 3px 8px rgba(0,0,0,0.1);
    margin: 2em auto;
    padding: 1.5em 1.8em;
    font-family: "PT Mono", Consolas, "Courier New", monospace;
    color: #222;
  }
  
  .report-statement .report-header {
    font-weight: bold;
    font-size: 1.2em;
    margin-bottom: 0.5em;
  }
  
  .report-statement .report-meta {
    font-size: 0.9em;
    color: #555;
    margin-bottom: 1em;
  }
  
  .report-statement hr {
    border: none;
    border-top: 1px dashed #bbb;
    margin: 1em 0;
  }
  
  .report-statement .report-body {
    line-height: 1.6;
    margin-bottom: 1em;
  }
  
  .report-statement .report-body ul {
    margin-left: 1.2em;
    list-style-type: disc;
  }
  
  .report-statement .report-body em {
    font-style: italic;
  }
  
  .report-statement .fnnum {
    font-size: 0.8em;
    vertical-align: super;
  }
  
  .report-statement .fncon {
    font-size: 0.8em;
    display: block;
    margin-top: 0.3em;
    color: #444;
  }
  
  .report-modal {
    background: #eef;
    border-left: 4px solid #446;
    border-radius: 4px;
    max-width: 700px;
    margin: 1em auto 2em auto;
    padding: 1em 1.3em;
    font-family: "PT Mono", Consolas, monospace;
    color: #333;
    font-style: italic;
  }

  Pages using this styling

  • goc-intellog-d-5589 [info]

  ¶ 1 occurrence
  

  .unit-insignia {
      width: 150px;
      text-align: center;
      float: right;
      clear: right;
      margin: 0 2em 1em 2em;
  }

  Pages using this styling

  • goc-hub-page [info]

  ¶ 1 occurrence
  

  /*
      ACT Theme
      [2018 Wikidot Theme]
      Based on Aelanna's Sigma 9 and Greenwolf's Third Law and djkaktus' Darkbody Theme
      Edited by PeppersGhost for the Doomsday Contest
      Edited by DolphinSlugchugger for the Alto Clef Jr. "The ACT" Hub
  */
  
  body {
      background-color: #060606;;
      font-size: 0.80em;
  }
  
  div#page-content {
      color: white;
  }
  
  
  /* HEADER */
  #header {
      height: 140px;
      position: relative;
      z-index: 10;
      padding-bottom: 30px; /* FOR MENU */
      background-image: url('https://scp-wiki.wdfiles.com/local--files/goc-act-hub/fuck.png');
  }
  
  #header h1 a {
      content: "GOC ACT";
      text-shadow: 1px 1px 2px white, 0 0 1em red, 0 0 0.2em white;
      color: #000;
  }
  
  #header h1 a::before {
      content: "GOC ACT";
  }
  
  #header h1 a span{
      display: block;
      content: "";
      visibility: hidden;
  }
  
  #header h2 {
      margin-left: 120px;
      padding: 0;
      clear: left;
      float: left;
      font-size: 105%;
      max-height: 38px;
  }
  #header h2 span {
      display: block;
      margin: 0;
      padding: 19px 0;
      line-height: 0px;
      max-height: 0px;
      font-weight: bold;
      color: transparent;
      text-shadow: none;
  }
  #header h2 span::before {
      content: "Alto Clef [Jr.] Terminations";
      display: block;
      margin: 0;
      padding: 0px 0;
      line-height: 0px;
      max-height: 0px;
      font-weight: bold;
      color: #fff;
      text-shadow: 1px 1px 1px #000;
      text-shadow: 1px 1px 1px rgba(0,0,0,.8);
  }
  
  div#container-wrap {
      background: url(https://www.scp-wiki.net/local--files/component:oct-theme/SCPbody_bg3.jpg) top left repeat-x;
  }
  /* Source: https://www.flickr.com/photos/telemax/2818520042 */
  
  /* SIDEBAR */
  .side-block {
      background: #060606 !important;
      background-color: #060606;
  }
  #side-bar .side-block {
      padding: 10px;
      border: 1px solid #660000;
      border-radius: 10px;
      box-shadow: 0 2px 6px rgba(102,0,0,.5);
      background: #060606;
      background-color: #060606;
      margin-bottom: 15px;
  }
  
  #side-bar img {
    width:13px;
    height:13px;
    box-sizing:border-box;
  }
  /* Source: https://commons.wikimedia.org/wiki/File:Noun_project_758.svg */
  
  #side-bar .heading {
      color: #fff;
      border-bottom: solid 1px #fff;
  }
  
  #side-bar div.menu-item.inactive a {
      color: #e2525d;
  }
  #side-bar div.menu-item .sub-text {
      color: #e2525d;
  }
  
  #side-bar .collapsible-block-unfolded-link {
      border-bottom: solid 1px #0b65c0;
  }
  #side-bar .collapsible-block-unfolded-link .collapsible-block-link {
      color: #0b65c0;
  }
  
  .interwiki_title {
      color: #0b65c0;
  }
  
  .interwiki_entry a {
      color: #0b65c0;
  }
  
  /* LINKS */
  
  a {
      color: #e2525d;
      text-decoration: none;
      background: transparent;
  }
  a.newpage {
      color: #e2525d;
      text-decoration: none;
      background: transparent;
  }
  
  /* RATING MODULE */
  .page-rate-widget-box .rate-points {
      background-color: #3d0c0c !important;
      border: solid 1px #6d1515;
  }
  .page-rate-widget-box .rateup,
  .page-rate-widget-box .ratedown {
      background-color: 3d0c0c;
      border-top: solid 1px #6d1515;
      border-bottom: solid 1px #6d1515;
      font-weight: bold;
  }
  .page-rate-widget-box .rateup a,
  .page-rate-widget-box .ratedown a {
      background: 3d0c0c;
      color: #a05b58;
      padding: 0 4px;
      margin: 0 1px;
  }
  .page-rate-widget-box .rateup a:hover,
  .page-rate-widget-box .ratedown a:hover {
      background: 3d0c0c;
      color: #a05b58;
      text-decoration: none;
  }
  .page-rate-widget-box .cancel {
      background-color: 3d0c0c;
      border: solid 1px #6d1515;
      border-left: 0;
      border-radius: 0 5px 5px 0;
  }
  .page-rate-widget-box .cancel a {
      background: transparent;
      text-transform: uppercase;
      color: #a05b58;
  }
  .page-rate-widget-box .cancel a:hover {
      border-radius: 0 3px 3px 0;
      background: 3d0c0c;
      color: #fffff0;
      text-decoration: none;
  }
  
  /* PAGE TITLEs */
  h1, #page-title {
      color: #e2525d;
  }
  
  /* SEARCH BAR */
  #search-top-box-input {
      border: solid 1px #6d1515;
      background-color: #1c0101;
  }
  #search-top-box-input:hover,
  #search-top-box-input:focus {
      border: solid 1px #6d1515;
      background-color: #1c0101;
  }
  #search-top-box-form input[type=submit] {
      border: solid 1px #6d1515;
      background-color: #1c0101;
      color: #fff;
      background: linear-gradient(to bottom, #301515,#8c1313,#330303);
  }
  #search-top-box-form input[type=submit]:hover,
  #search-top-box-form input[type=submit]:focus {
      border: solid 1px #6d1515;
      color: #fff;
      background-color: #1c0101;
      background: linear-gradient(to bottom, #8c1313,#330303,#301515);
  }
  
  #top-bar a {
      color: #505050;
      background: transparent;
  }
  .body-text {
      margin: 2% 13% 2% 9%;
      padding: 5px 20px 5px 20px;
      background-color: #f2f2f2;
      color: #111;
  }
  
  .text4desk {
      width: 70%;
      margin: auto;
  }
  
  @media only screen and (max-width: 600px) {
  
      .body-text {
          margin: 0% 4% 0% 4%;
      }
  
      .text4desk {
          width:100%;
      }
  
  }
  
  

  Pages using this styling

  • goc-act-hub [info]

  ¶ 1 occurrence
  

  :root {
       --header-title: "xX_GamerGuy_Xx Reviews";

  Pages using this styling

  • goat-vr-more-like-goat-very-bad-game [info]

  ¶ 1 occurrence
  

  :root {
       --header-subtitle: "Gaming Time All The Time";

  Pages using this styling

  • goat-vr-more-like-goat-very-bad-game [info]

  ¶ 1 occurrence
  

  body {
    cursor: wait!important;
  }

  Pages using this styling

  • go-white-boy-go-white-boy-go [info]

  ¶ 1 occurrence
  

  @media not (max-width: 767px) {
    #main-content {
      margin: 0 17rem 0 1.5rem;
    }
  
    #side-bar {
      margin-left: calc(100% - 18.5rem)
    }
    #side-bar .side-block[class="side-block"] {
      padding-bottom: 5rem;
    }
    #side-bar::before, #side-bar::after {
      content: "";
      display: block;
      position: absolute;
      height: 8em;
      width: 8rem;
      border-radius: 50%;
      bottom: -4rem;
      background-image: url(https://scp-wiki.wikidot.com/local--files/go-white-boy-go-white-boy-go/Me.jpg);
      background-size: contain;
      border: solid 4px blue;
    }
  
    #side-bar::before {
      left: -4rem;
    }
  
    #side-bar::after {
      right: -4rem;
    }
  }

  Pages using this styling

  • go-white-boy-go-white-boy-go [info]

  ¶ 1 occurrence
  

  [href="/scp-series-10"] {
    display: inline-block;
    height: 1rem;
    width: 1rem;
    border-radius: 50%;
    border: solid 2px red;
    position: relative;
  }
  
  [href="/scp-series-10"] {
    display: inline-block;
    height: 1rem;
    width: 1rem;
    border-radius: 50%;
    border: solid 2px red;
    position: relative;
  }
  
  [href="/scp-series-10"]::before {
    content: "";
    height: 4rem;
    width: 4rem;
    position: absolute;
    bottom: 100%;
    left: 100%;
    background-image: url(https://scp-wiki.wikidot.com/local--files/art:elon/elonmusk3.webp);
    background-position: center;
    background-size: 10rem;
    border: solid 2px red;
  } 
  [href="/guide-for-newcomers"] {
    font-size: 0;
  }
  
  [href="/guide-for-newcomers"]::after {
    content: "Guide for whitenames";
    font-size: 0.95rem;
  }
  
  #header h2 span::before {
    border-radius: 50%;
    border: solid 3px red;
    padding: 1rem;
  }
  
  #header::before {
    content: "";
    height: 100%;
    width: 8rem;
    background-image: url("https://scp-wiki.wikidot.com/local--files/go-white-boy-go-white-boy-go/The_Strongest.png");
    position: absolute;
    left: 50%;
    top: 0;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.4;
    z-index: -1;
  }
  

  Pages using this styling

  • go-white-boy-go-white-boy-go [info]

  ¶ 1 occurrence
  

  @media (prefers-reduced-motion: no-preference) {
  #page-content img {
    animation: rotate 4s infinite both;
  }
  }
  
  @keyframes rotate {
    from {transform: rotatey(180deg)}
    to{transform: rotatey(540deg)}
  } 
  :is([href="https://www.reddit.com/r/SCP"], [href="https://discord.com/invite/scp"]) img {
    transform: scaley(5)
  }
  [href*="/joke-scps"] {
    font-weight: bold;
    transform: scale(3);
    display: inline-block;
  }

  Pages using this styling

  • go-white-boy-go-white-boy-go [info]

  ¶ 1 occurrence
  

  
  @import url('https://fonts.googleapis.com/css2?family=Charm:wght@400;700&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Henny+Penny&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Emilys+Candy&display=swap');
  @import url('https://fonts.googleapis.com/css?family=Berkshire+Swash&display=swap');
  @import url('https://fonts.googleapis.com/css?family=Sansita&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Chelsea+Market&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Fontdiner+Swanky&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400..700&display=swap');
  
  .page {
      display: block;
      transform: rotate(1.2deg);
      overflow: hidden;
      font-family: "Charm", sans-serif;
      font-style: normal;
      font-size: 15px;
      line-height: 1.2;
      box-shadow: 0px 0px 7px;
      background-attachment: scroll;
      background-clip: border-box;
      background-color: white;
      background-image: linear-gradient(to top ,rgb(255, 255, 255) 45%, rgb(255, 255, 255) 8%);
      background-origin: padding-box;
      background-position: 0px 8px;
      background-repeat: repeat;
      background-size: 100% 20px;
      border: 1px solid #CCC;
      padding: 10px 10px;
      margin-bottom: 10px;
      box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2)
  }
  .page p,
  .page ul {
      line-height: 20px;
      margin: 0;
  }
  
  .textbook, .schemer{
      width: 85%;
      margin: auto;
      padding: 15px;
      box-shadow: 0 1px 3px rgba(0,0,0,.2);
      color: #000000;
  }
  
  .textbook {
      border: solid 2.5px #fff0ba;
      background-color:#fff0ba;
      color: #000000;
      font-family: Emilys Candy;
  }
  
  
  .email {border: solid 2px #000000; width: 88%; padding: 1px 15px; margin: auto; box-shadow: 0 1px 3px rgba(0,0,0,.5); background-color: #fdffd3; color: black; font-family: "Sansita";}
  .email-example a.collapsible-block-link {font-weight: bold;}
  .tofrom {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px #9538a5;font-family: "Emilys Candy"}
  .tofrom2 {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px #9538a5; font-family: "Emilys Candy"}
  
  a, a.newpage, a:visited, #interwiki a, #side-bar a {
      color: royalblue;
  }
  
  .henny-penny-regular {
    font-family: "Henny Penny", system-ui;
    font-weight: 600;
    font-style: cursive;
  
  }
  
  .emilys-candy-regular {
    font-family: "Emilys Candy", serif;
    font-weight: 400;
    font-style: normal;
  
  }
  
  .chelsea-market-regular {
    font-family: "Chelsea Market", system-ui;
    font-weight: 400;
    font-style: normal;
  }
  
  .drw{
  font-family:"Fontdiner Swanky";
  font-size:190%;
  }
  
  

  Pages using this styling

  • glitterstix-glr032-stx787-ref819 [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&display=swap');
  
  :root {
   --header-title: "G.O.F.";
   --header-subtitle: "Govern. Occlude. Fortify.";
   --lgurl: url("https://scp-sandbox-3.wdfiles.com/local--files/olympic-error-gof-site-19/GOF%20BANNER%20NEON");
   --accentColor: 178, 255, 255;
  }
  
  
  #page-content {
  .roboto-medium {
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    font-style: normal;
  font-size: 110%;
  }
  }
  

  Pages using this styling

  • glen-and-the-gun [info]

  ¶ 1 occurrence
  

  .text-container{
  box-shadow:1px 1px 7px purple inset;
  background-color:#ffe6f5;
  }
  .sent .text{
  background-color:pink;
  color:black;
  }
  .recv .text{
  background-color:#FF647F;
  color:black;
  }

  Pages using this styling

  • girly-girlz-be-just-like-your-doll [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css?family=Pangolin&display=swap');
  
  :root {
     --logo-image:url("http://smlt.wdfiles.com/local--files/plaguebearer%3Anobody/%3F");
     --header-title: 'NOBODY';
     --header-subtitle: ' ';
  }
  
  
  #skrollr-body {
      width: 100%;
      height: 7.625rem;
      position: absolute;
      top: 0;
      left: 0;
      background-image:
      linear-gradient(to bottom, rgba(255,255,255,0) 65%, rgba(0,0,0,1) 100%),
      url('http://scp-wiki.wdfiles.com/local--files/the-man-in-the-white-suit-hub/header.png');
      background-color: black;
      background-repeat: no-repeat;
      background-size: cover;
  }
  
  span.whitesuit {
      color: white;
      background-color: black;
      padding: 0 4px;
      font-family: monospace;
  }
  .classic {
      display: block;
      font-family: 'Pangolin', cursive;
      font-size: 1.3em;
      background-attachment: scroll;
      background-clip: border-box;
      background-color: transparent;
      background-image: linear-gradient(to top ,rgb(202, 219, 228) 0%, rgb(231, 233, 220) 8%);
      background-origin: padding-box;
      background-position: 0px 8px;
      background-repeat: repeat;
      background-size: 100% 20px;
      border: 1px solid #CCC;
      border-radius: 10px;
      padding: 10px 10px;
      margin-bottom: 10px;
      box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2)
      }
  
  .nobody {
      width: 70%;
      margin: 1rem auto;
      text-align: center;
      padding: 0.6rem;
      font-size: 1rem;
  }

  Pages using this styling

  • ghosts-in-the-machine [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css?family=Kalam&display=swap');
  
  .page {
      display: block;
      overflow: hidden;
      center no-repeat; 
      float: center;
     
      background-attachment: scroll;
      background-clip: border-box;
      background-color: transparent;
      background-image: linear-gradient(to top, gray 0%, #E4E4E4 8%);
      background-origin: padding-box;
      background-position: 0px 8px;
      background-repeat: repeat;
      background-size: 100% 20px;
      
      font-family: 'Kalam', cursive;
      font-weight: bold;
      font-size: 130%;
      letter-spacing: 0.3px;
      color: #222222;
      border: solid 1px gray;
      padding: 11px 20px 20px 20px;
      margin: 10px 10px 10px 40px;
  
      box-shadow: 3px 3px 2px gray
      }
  
  .page p {
      line-height: 20px;
      margin: 0;
  }

  Pages using this styling

  • ghost-story [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css?family=Quicksand&display=swap');

  Pages using this styling

  • gerrymanderbassist-author-page [info]

  ¶ 1 occurrence
  

  .imagediv { float: right; margin: 15px}
  @media (max-width: 540px) {
    .imagediv {
      float: none; text-align:center; margin: auto;
    }
  }
  
  div#header h1 a span {
      font-size: 0px;
  }
  div#header h1 a:before {
      content: "Site-91 Network";
      color: #eee;
      
  }
  div#header h2 span {
      font-size:0px;
      padding: 4px;
  }
  div#header h2:after {
      content: "Thaumaturgical Research";
      font-weight: bold;
      color: #f0f0c0;
      padding: 19px 0;
      text-shadow: 1px 1px 1px rgba(0, 0, 0, .8);
      white-space: pre;
  }
  
  #header {
    background-image: url(http://scp-wiki.wdfiles.com/local--files/georgian-gothic/91.png)
  }

  Pages using this styling

  • georgian-gothic [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@400..900&display=swap&family=Roboto:wght@400..700&display=swap');
  @import url("https://scp-wiki.wikidot.com/local--files/geminid/fonts.css");
  html {
    scroll-behavior: smooth;
  }
  body {
    scrollbar-color: rgb(var(--gold),1);
  }
  #header h1 a::before, #license-area::after {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8' standalone='no'%3F%3E%3C!-- Generator: Adobe Illustrator 23.0.5, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_3' x='0px' y='0px' viewBox='0 0 360 360' style='enable-background:new 0 0 360 360;' xml:space='preserve' sodipodi:docname='basalt_scp_logo-for_lightmode.svg' inkscape:version='1.1.1 (3bf5ae0d25, 2021-09-20)' xmlns:inkscape='http://www.inkscape.org/namespaces/inkscape' xmlns:sodipodi='http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd' xmlns='http://www.w3.org/2000/svg' xmlns:svg='http://www.w3.org/2000/svg'%3E%3Cdefs id='defs11' /%3E%3Csodipodi:namedview id='namedview9' pagecolor='%23ffffff' bordercolor='%23111111' borderopacity='1' inkscape:pageshadow='0' inkscape:pageopacity='0' inkscape:pagecheckerboard='1' showgrid='false' inkscape:zoom='1.4722222' inkscape:cx='179.66038' inkscape:cy='180' inkscape:window-width='1366' inkscape:window-height='716' inkscape:window-x='-8' inkscape:window-y='22' inkscape:window-maximized='1' inkscape:current-layer='Layer_3' /%3E%3Cg id='g6' style='fill:%23faf2e2;fill-opacity:1'%3E%3Cpath d='M186.36,99.65v35.7h12.93L180,173.59l-19.29-38.24h12.93v-35.7c-41.55,3.25-74.27,37.97-74.27,80.35 c0,12.42,2.81,24.18,7.83,34.68l30.95-17.87l-6.47-11.2l42.76-2.41l-23.47,35.83l-6.46-11.2l-30.93,17.86 c14.54,21.1,38.86,34.93,66.42,34.93c27.56,0,51.88-13.84,66.42-34.93l-30.93-17.86l-6.46,11.2l-23.47-35.83l42.76,2.41l-6.47,11.2 l30.95,17.87c5.01-10.51,7.83-22.27,7.83-34.68C260.63,137.61,227.91,102.89,186.36,99.65z' id='path2' style='fill:%23faf2e2;fill-opacity:1' /%3E%3Cpath d='M315.26,206.85c1.71-8.68,2.62-17.66,2.62-26.85c0-60.63-39.13-112.12-93.52-130.59l-4.72-26.69H180h-39.64l-4.72,26.69 C81.25,67.88,42.12,119.37,42.12,180c0,9.19,0.91,18.16,2.62,26.85l-20.79,17.46l19.82,34.33l19.82,34.33l25.54-9.28 c24.27,21.28,56.06,34.19,90.87,34.19s66.61-12.91,90.87-34.19l25.54,9.28l19.82-34.33l19.82-34.33L315.26,206.85z M274.9,242.14 l-14.91-8.61c-17.27,25.76-46.65,42.71-79.99,42.71s-62.72-16.96-79.99-42.71l-14.91,8.61l-6.36-11.02l14.9-8.6 c-6.32-12.82-9.88-27.25-9.88-42.51c0-51.01,39.69-92.75,89.88-96.03V66.75h12.72v17.23c50.19,3.28,89.88,45.01,89.88,96.03 c0,15.26-3.56,29.69-9.88,42.51l14.9,8.6L274.9,242.14z' id='path4' style='fill:%23faf2e2;fill-opacity:1' /%3E%3C/g%3E%3C/svg%3E%0A");
  }
  div.page-rate-widget-box {
    border: 1px solid rgb(var(--gold));
    border-radius: 10px;
    margin: 1rem 1rem;
  }
  a[name="page-top"] {
    display:none;
  }
  a:any-link:is(:hover, :focus) {
    text-decoration: none;
  }
  #main-content .pager span > a::before {
    background-color: rgb(var(--red));
  }
  div[id*="page-options-bottom"], #footer {
    background-color: rgb(var(--lblue));
    border-top: solid 2px rgb(var(--red));
  }
  #delete-button {
    background-color: rgb(var(--red),.105);
  }
  #side-bar {
    background-color: rgb(var(--lblue)) !important;
  }
  #license-area::before {
    background: rgba(var(--cream), 1);
  }
  :root {
    --header-title-color: var(--cream);
    --basalt-UI-text-color: var(--cream);
    --header-subtitle-color: var(--cream);
    --header-title-color: var(--cream);
    --side-bar-heading-background-color: var(--dblue);
    --side-bar-heading-text-color: var(--cream);
    --link-color: var(--red);
    --tag-background-color: var(--lblue);
    --rate-module-background-color: var(--lblue);
    --basalt-UI-dark-palette: var(--red);
    --search-icon-color: var(--cream);
    --hr-color: var(--gold);
    --bottom-area-background-color: var(--lblue);
    --side-bar-button-color: var(--cream);
    --login-status-background-color: var(--lblue);
    --user-icon-button-background-hover: var(--red);
    --basalt-ui-background-color: var(--lblue);
    --basalt-negative-color: var(--red);
    --basalt-focus-color: var(--red) !important;
    --basalt-dark-element-color: var(--cream);
    --basalt-undertone: var(--cream);
    --login-status-link-background-hover: var(--red);
    --top-bar-link-background-hover: var(--red);
    --header-background-color: var(--lblue);
    --top-bar-link-background-hover-alt: var(--dblue);
    --scrollbar-thumb-color: var(--red);
    --scrollbar-track-color: var(--dblue);
    --selection-background-color: var(--red);
    --side-bar-link-background-hover: var(--red);
    --c-stargaze: 'CIRCLE-STARGAZE';
    --s-stargaze: 'SQUARE-STARGAZE';
    --gold: 221,190,153;
    --cream: 250,242,226;
    --lblue: 15,16,24;
    --dblue: 4,3,4;
    --red: 83,61,72;
    --main-content-width: 85%;
  }
  body {
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    background: #101D2E;
    background-color: rgb(var(--dblue),1);
    margin: 0;
    position: relative;
    background-image: url(https://scp-wiki.wikidot.com/local--files/geminid/Galaxy.jpg);
    background-blend-mode: difference;
    background-size: cover;
  }
  .header h1 {
    font-family: var(--c-stargaze), Sans-Serif;
    letter-spacing: .25em;
    font-weight: 600;
    text-shadow: 1px 1px 10px rgba(var(--gold), 1);
  }
  h1, h2, h3, p, #page-title {
    color: rgba(var(--cream), 1);
    text-shadow: 1px 1px 10px rgba(var(--dblue), 1);
    font-weight: 400;
  }
  h1 {
    font-family: "PROJECT SPACE", Sans-Serif;
  }
  h2 {
    font-family: "Orbitron", Sans-Serif;
  }
  p {
    font-family: "Orbitron", Sans-Serif;
    text-shadow: 1px 1px 5px rgba(var(--dblue), .5);
    line-height: 200%;
  }
  .subtitle {
    font-size: 0.65rem;
  }
  
  .scroll {
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
    position: sticky;
    bottom: 3rem;
    right: 0rem;
    transition: all ease 0.3s;
    width: 20%;
    z-index: 999;
  }
  .throttle {
    z-index:999;
    text-shadow: 0 0 20px 1px rgb(var(--dblue), 1);
    background: rgba(var(--dblue), .6);
    border: 1px solid rgb(var(--gold), 1);
    border-radius: 10px;
    color: rgb(var(--gold));
    margin-top: -1rem;
    padding: 0px 5px;
    position: relative;
    left:470%;
    transition: all 4s ease;
    font-size: 9pt;
  }
  .throttle:hover {
    transition: all .5s ease;
    background: rgba(var(--dblue), 1);
  }
  .container {
    display: flex;
    flex-direction: column-reverse;
    align-items: flex-end;
    gap: 0.5rem;
    position: relative;
    left:470%;
  }
  .rectangle {
    opacity: 0;
    transition: opacity 0.3s ease, transform 0.3s ease;
    transform: translateY(20px);
    box-shadow: 0 0 200px 5px rgb(var(--cream), 1), 0 0 20px 1px rgb(var(--cream), 0.3);
    border-radius: 5px;
  }
  .rectangle:first-child {
    opacity: 0;
    background-color: rgba(var(--cream), 1);
  }
  .throttle:hover .rectangle:first-child {
    opacity: 1;
    transform: translateY(0);
  }
  .throttle:hover + .container .rectangle:not(:first-child) {
    opacity: 1;
    transform: translateY(0);
  }
  .rectangle:nth-child(1) {
    width: 100px;
    height: 15px;
  }
  .rectangle:nth-child(2) {
    width: 70px;
    height: 12px;
    transition-delay: 0.05s;
    background-color: rgba(var(--gold), 0.9);
  }
  .rectangle:nth-child(3) {
    width: 50px;
    height: 9px;
    transition-delay: 0.1s;
    background-color: rgba(var(--gold), 0.8);
  }
  .rectangle:nth-child(4) {
    width: 40px;
    height: 7px;
    transition-delay: 0.15s;
    background-color: rgba(var(--gold), 0.7);
  }
  .rectangle:nth-child(5) {
    width: 32px;
    height: 6px;
    transition-delay: 0.2s;
    background-color: rgba(var(--gold), 0.6);
  }
  .rectangle:nth-child(6) {
    width: 28px;
    height: 5px;
    transition-delay: 0.25s;
    background-color: rgba(var(--gold), 0.5);
  }
  .rectangle:nth-child(7) {
    width: 25px;
    height: 4px;
    transition-delay: 0.3s;
    background-color: rgba(var(--gold), 0.4);
  }
  .rectangle:nth-child(8) {
    width: 22px;
    height: 3px;
    transition-delay: 0.35s;
    background-color: rgba(var(--gold), 0.3);
  }
  .scroll:not(:hover) .rectangle:nth-child(1) {
    transition-delay: 0.4s;
  }
  .scroll:not(:hover) .rectangle:nth-child(2) {
    transition-delay: 0.35s;
  }
  .scroll:not(:hover) .rectangle:nth-child(3) {
    transition-delay: 0.3s;
  }
  .scroll:not(:hover) .rectangle:nth-child(4) {
    transition-delay: 0.25s;
  }
  .scroll:not(:hover) .rectangle:nth-child(5) {
    transition-delay: 0.2s;
  }
  .scroll:not(:hover) .rectangle:nth-child(6) {
    transition-delay: 0.15s;
  }
  .scroll:not(:hover) .rectangle:nth-child(7) {
    transition-delay: 0.05s;
  }
  .scroll:not(:hover) .rectangle:nth-child(8) {
    transition-delay: 0s;
  }
  .grid-item .featured-title,.grid-item .title {
    font-size: clamp(0.7rem, 1vw, 1rem);
  }
  .grid-item .blurb {
    font-size: clamp(0.25rem, 1.5vw, 0.45rem);
    line-height: 1.2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow-wrap: break-word;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  @media (max-width: 1300px) {
    .scroll {
      display: none;
    }
  }
  @media (max-width: 600px) {
    .header h1 {
      font-size: clamp(1.5rem, 1vw, 1rem);
    }
    .featured-title h1, .title h1 {
      font-size: clamp(1rem, 1vw, 1rem);
    }
    .grid-item .featured-title,.grid-item .title {
      font-size: clamp(0.25rem, 1vw, 0.45rem) !important;
    }
    .grid-item .blurb {
      font-size: clamp(0.4em, 1vw, 0.4rem) !important;
      line-height: 1.1;
    }
    .subtitle {
      font-size: 0.35rem;
    }
  }
  
  .main {
    background-color: rgb(var(--lblue));
    border: 3px solid rgb(var(--gold), 1);
    border-radius: 30px;
    width: auto;
    height: auto;
    margin: 0 1rem;
    position: relative;
    display: flex;
    flex-direction: column;
    padding: 1rem;
  }
  .line {
    width: 100%;
    height: 1px;
    position: relative;
    background-color: rgb(var(--gold), 1);
  }
  .article {
    text-align: center;
    position: relative;
  }
  body,html {
    font-family: "Orbitron", Sans-Serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
  }
  a {
    text-transform: uppercase;
    text-decoration: none;
    display: inline-block;
    position: relative;
  }
  a:after {
    background: none repeat scroll 0 0 transparent;
    bottom: 0;
    content: "";
    display: block;
    height: 2px;
    left: 50%;
    position: absolute;
    background: rgba(var(--cream), 1);
    transition: width 0.3s ease 0s, left 0.3s ease 0s;
    width: 0;
  }
  a:hover:after {
    width: 100%;
    left: 0;
  }
  @media screen and (max-height: 300px) {
    ul {
    margin-top: 40px;
    }
  }
  a, a:visited {
    color: rgba(var(--cream), 1) !important;
  }
  .ruler {
    position: absolute;
    left: -4rem;
    width: 10px;
    height: 100%;
  }
  @media screen and (max-width: 850px) {
    .ruler {
      left: -1rem;
    }
  }
  .ruler-ticks {
    position: absolute;
    top: 0;
    width: 10px;
    height: 100%;
    transform: translateX(-50%);
    background-image: repeating-linear-gradient(to bottom,rgb(var(--gold), 1), rgb(var(--gold), 1) 1px,transparent 1px,transparent 4%);
  }
  .ruler-line {
    height:100%;
    width: 1px;
    background-color: rgb(var(--gold), 1);
  }
  .ruler-label {
    position: absolute;
    transform: translateX(-50%);
    color: rgb(var(--gold));
    font-size: 1rem;
    white-space: nowrap;
  }
  .ruler-label.top {
    top: -3.5rem;
    left: -5px;
  }
  .ruler-label.bottom {
    bottom: -3rem;
    left: -15px;
  }
  #u-vcent {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 200px;
    width: 445px;
    margin: auto;
    font-size: 0;
  }
  #u-vcent div {
    box-sizing: border-box;
    position: relative;
    display: inline-block;
    height: 60px;
    width: 60px;
    margin: 0 -25px -25px 0;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    border-radius: 30px;
  }
  #u-vcent div:after {
    content: "";
    position: absolute;
    left: 0;
    height: 100%;
    width: 100%;
    background: #0000;
    -moz-transition: background 1s, z-index 0s 1s;
    -o-transition: background 1s, z-index 0s 1s;
    -webkit-transition: background 1s, z-index 0s;
    -webkit-transition-delay: 0s, 1s;
    transition: background 1s, z-index 0s 1s;
  }
  #u-vcent div:hover {
    pointer-events: none;
    z-index: -1;
  }
  #u-vcent div:hover:after {
    background: #f1c40f;
    opacity: .4;
    -moz-transition: background 0s, z-index 0s;
    -o-transition: background 0s, z-index 0s;
    -webkit-transition: background 0s, z-index 0s;
    transition: background 0s, z-index 0s;
  }
  :checked + #u-vcent div {
    border: 1px solid #f1c40f;
    -moz-transition: background 1s;
    -o-transition: background 1s;
    -webkit-transition: background 1s;
    transition: background 1s;
  }
  :checked + #u-vcent div:after {
    display: none;
  }
  :checked + #u-vcent div:hover {
    background-color: #f1c40f;
    opacity: .4;
    -moz-transition: background 0s;
    -o-transition: background 0s;
    -webkit-transition: background 0s;
    transition: background 0s;
  }
  .author-grid {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-auto-rows: 150px;
    grid-gap: 10px;
  }
  .grid-item {
    position: relative;
    background: #ccc;
    border-radius: 6px;
    overflow: hidden;
    outline: none;
    border: 3px solid rgba(var(--lblue), 1);
    border-radius: 15px;
    transition: 4s ease;
  }
  .grid-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
  }
  
  .grid-item::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.5);
    opacity: 1;
    transition: opacity 4s ease;
    pointer-events: none;
  }
  .grid-item:is(:hover, :focus, :active)::after{
    opacity: 0;
    transition: opacity .5s ease;
  }
  .grid-item:focus, .grid-item:hover {
    transition: 1s ease;
    border: 3px solid rgba(var(--gold), 1);
  }
  .featured {
    grid-column: span 6;
    grid-row: span 3;
  }
  @media (max-width: 600px) {
    .author-grid {
      grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
      grid-auto-rows: 120px;
    }
    .featured {
      grid-row: span 2;
      grid-column: 1 / -1;
    }
  }
  
  .header {
    background-image: url(https://scp-wiki.wikidot.com/local--files/geminid/Nebula.png);
    background-attachment: fixed;
    background-size: cover;
    grid-column: 1 / -1;
    text-align: center;
    font-size: 1.5rem;
    font-weight: 600;
    color: rgba(var(--cream),1);
    align-content: center;
    margin: auto;
    border: 3px solid rgb(var(--gold), 1);
    width: 95%;
    border-radius: 15px;
  }
  .grid-item:hover .grid-container {
    opacity: 1;
    transition: opacity .5s;
  }
  .grid-container {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 90%;
    opacity: 1;
    text-align: center;
    color: white;
    background-color: rgba(var(--dblue), .8);
    padding: 1em 1em;
    will-change: transform;
    backface-visibility: hidden;
    transform: translate(-50%, -50%) scale(0.9);
    transition: all 4s;
    border-radius: 15px;
  }
  .desc {
    margin: 1em 0 0;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 11px;
    line-height: 1.5;
    color: turquoise;
  }
  .rating-badge {
    background: rgba(var(--dblue),1);
    width: 10rem;
    height: 1rem;
    z-index: 0;
    display: flex;
    width: fit-content;
    align-items: center;
    padding: 0.5rem 0.5rem;
    position: absolute;
    font-size: 60%;
    right: -0.25rem;
    top: -0.25rem;
    color: rgba(var(--gold), 1);
    border-left: 5px solid rgba(var(--dblue),1);
    border-right: 5px solid rgba(var(--dblue),1);
    border-bottom: 5px solid rgba(var(--dblue),1);
    border-radius: 5px;
  }
  .grid-item .image {
    filter: hue-rotate(90deg);
    transition: all 4s;
  }
  .grid-item:hover .image {
    filter: none;
    transition: all .5s;
  }
  
  .hide {
    display: none;
  }
  
  #main-content > .page-tags > span a:is(:hover, :focus) {
    background-color: rgb(var(--red));
    box-shadow: 0 0 0 .1rem rgb(var(--gold));
  }

  Pages using this styling

  • geminid [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css?family=Cinzel');
  @import url('https://fonts.googleapis.com/css?family=Anton');
  @import url('https://fonts.googleapis.com/css?family=Pinyon+Script');
  
  /*
      The Anton font was created by Vernon Adams and is licensed under the Open Font License
      The Cinzel font was created by Natanael Gama and is licensed under the Open Font License
      The Pinyon Script font was created by Nicole Fally and is licensed under the Open Font License
  */
  
  #breadcrumbs {
     display: none !important;
  }
  
  :root {
    --header-title: "Esterberg Weekly" !important;
    --lgurl: url("https://scpdsandbox.wdfiles.com/local--files/gaslight-gatekeep-girlboss-hub/news.png");
  }
  div#header h2::before {
      content: "Your #1. Source of Information" !important;
  }

  Pages using this styling

  • gaslight-gatekeep-girlboss-hub [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Playfair+Display&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Noto+Serif&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Rammetto+One&display=swap');
  #page-title{
  display:none;
  }
  a{
  color:#a31208;
  }
  .article{
  display:flex;
  flex-direction:row;
  width:100%;
  border-bottom:1px solid rgb(229, 229, 229);
  padding-bottom:30px;
  }
  .picture{
  flex:1 1 0%;
  margin-right:19px;
  max-width:300px;
  }
  .words{
  flex:1 1 0%;
  width:100%;
  }
  .heading{
  font-family:"roboto condensed";
  font-size:14px;
  font-weight:bold;
  color:#800080;
  cursor:pointer;
  }
  .heading:hover{
  color:black;
  }
  .heading2{
  font-family:"roboto condensed";
  font-size:14px;
  font-weight:bold;
  color:rgb(102, 102, 102);
  cursor:pointer;
  margin-bottom:8px;
  height:18px;
  display:none;
  }
  .coolheading{
  font-family:"playfair display";
  font-size:22px;
  font-weight:bold;
  line-height:1.4;
  color:black;
  cursor:pointer;
  }
  .coolheading:hover{
  color:#800080;
  text-decoration:underline;
  }
  .normalcy{
  font-family:"noto serif";
  font-size:17px;
  line-height:1.7;
  }
  .giant{
  font-family:"rammetto one";
  }
  @media only screen and (max-width:600px){
  .article{
  flex-direction:column;
  min-height:150px;
  }
  .picture{
  width:100%;
  max-width:100%;
  }
  .heading{
  display:none;
  }
  .heading2{
  display:initial;
  }

  Pages using this styling

  • garlic-news-report [info]

  ¶ 1 occurrence
  

  .gift{border:solid 1px #999999; background:#F5D8E0; padding-left: 16px; padding-right: 16px;margin: auto;color:black;width:90%
  }
  .zwist{border:solid 1px #999999; background:#E2FFE5; padding-left: 16px; padding-right: 16px;margin: auto;color:black;width:90%
  }
  .wtf{border:solid 1px #999999; background:#D8ECF4; padding-left: 16px; padding-right: 16px;margin: auto;color:black;width:90%
  
  }
  .lightbox{color:black;}
  .lightbox strong {
      --accentColor: hsl(41, 100%, 27%);
      --accentColorLite: hsla(41, 100%, 37%, .5);
  }

  Pages using this styling

  • garfield-timeline [info]

  ¶ 1 occurrence
  

  
  :root{
      --header-title: 'The Garden of The Gods';
      --header-subtitle: 'Visitor 🙵 Nature Center';
      --title-size: 3rem;
      --subtitle-size: 3rem;
  --header-logo: url(http://scp-wiki.wikidot.com/local--files/garden-of-the-gods/crags.png);
  
  
  
     --header-title-color: white;
  --basalt-undertone: 136, 53, 28;
  --basalt-bright-element-color: 243, 111, 33;
  --basalt-dark-element-color: 31, 31, 31;
  
  --three-color: var(--basalt-undertone) !important;
  --five-color: var(--basalt-undertone) !important;
  
  --link-visited-color: var(--basalt-undertone);
  --footer-link-color: var(--basalt-bright-element-color);
  --footer-divider-color: var(--basalt-bright-element-color);
  
  --header-link-transition-2nd: .3s ease-out .15s;
  
      --timeDelay: 1.5s;
  
  --header-margin: 6rem;
  --big-font: 2rem;
  --display-mobile: visible;
  
  --header-top-gap: 0rem;
    --top-bar-height: 3.75rem;
  --mobile-crumbs: 0rem;
   }
  
  
  
  
  #header {
      contain: initial;
      height: auto;
      min-height: var(--header-final-height);
      position: static;
      background: url(http://scp-wiki.wikidot.com/local--files/garden-of-the-gods/header-bg.png) no-repeat center;
     background-size: cover;
  z-index: 1;
  
      grid-template-areas:
          '. . . . .'
          '.  line search top-bar user'
          'h-link h-link h-link h-link h-link';
      grid-template-columns: var(--side-bar-button-width) 1fr var(--search-button-width) max-content var(--user-button-width);
      grid-template-rows: 2rem 3rem 1fr;
  }
   
  
  #header h1 { grid-template-columns: minmax(0,2fr); margin-top: 17rem; text-shadow: 1px 1px 5px #1A202C; margin-bottom: 12rem;}
  #header h1 a {
      width: auto; height: auto;
  margin-bottom: 2rem;
  margin-left: var(--header-margin);
      flex-wrap: wrap;
  text-wrap: pretty;
  }
  
  #header h1 a span{align-items:start; color: white;}
  
  #header h1 a::before, #header h1 a span { height: auto; pointer-events: auto; }
  #header h1 a::before {
      width: calc(var(--base-header-height) *.75);
      aspect-ratio: 1;
      min-width: unset;
      max-width: 100%;
      position: absolute;
      top: 60px;
      left: 50%;
  transform: translateX(-50%);
      transition: all var(--header-link-transition-2nd); 
  }
  
  
  
  
  #header h1 a span::before { font-weight: 700; }
  #header h1 a span::after{ font-weight: 700; }
  
  
  #main-content > .page-tags {
      flex-direction: row-reverse;
      margin-block: 1rem;
  }
   
  #main-content>.page-tags>span {
      align-items: center;
      padding: .5rem;
      gap: .5rem;
      box-sizing: border-box;
      max-width: calc(100% - var(--main-content-side-margin)*2);
      background-color: rgb(var(--header-background-color));
      -webkit-backdrop-filter: blur(var(--basalt-UI-blur));
      backdrop-filter: blur(var(--basalt-UI-blur));
  }
   
  #main-content>.page-tags>span a:hover {
  
      background-color: rgb(var(--basalt-undertone));
  border-radius: 0rem;
  }
  
  #main-content>.page-tags>span a {
  
  border-radius: 0rem;
  }
  
  
  #top-bar div[class*=top-bar]>ul {
      justify-content: flex-end;
      position: relative;
      z-index: 4;
  }
  
  #top-bar div[class*=top-bar]>ul>li>a::after {display: none; }
  #top-bar div[class*=top-bar]>ul>li>a::before {
      top: initial; bottom: 0; left: initial; right: 0;
      width: 100%; height: 100%;
      transition: all var(--header-link-transition-2nd);
      background-color: transparent;
  }
  #top-bar div[class*=top-bar]>ul>li.sfhover>a::before,
  #top-bar div[class*=top-bar]>ul>li:focus-within>a::before,
  #top-bar div[class*=top-bar]>ul>li>a:focus::before,
  #top-bar div[class*=top-bar]>ul>li>a:hover::before {
      width: 100%;
      height: 100%;
      transition: all var(--header-link-transition-2nd); 
  background-color: rgb(var(--basalt-undertone));
  }
   
  
   
  .rock-divider{
  background: url(http://scp-wiki.wikidot.com/local--files/garden-of-the-gods/divider.png) bottom no-repeat; background-size: cover; min-width: 100vw;
      position: relative;
      left: calc(-50vw + 50%); z-index: 2; min-height: 40vh; margin-top: -5rem;
  }
  
  
  #page-title{display:none;}
  
  
  #breadcrumbs, .pseudocrumbs
  {
  z-index: 9;
  position: absolute;
      top: calc(var(--header-final-height) * 1.25 + 17rem + 12rem + 40vh - 5rem + var(--mobile-crumbs));
      left: 10%;
  }
  
  .main {
    display: block;
    min-height: 18em;
    margin: 1em;
    color: white;
    text-decoration: none !important;
    position: relative;
    z-index: 1;
    overflow: hidden;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
      transition: all var(--header-link-transition-2nd); 
  background-size: 100%;
  
  }
  
  .main:hover {
    text-decoration: none !important;
    z-index: 2;
  background-size: 120%;
  --subtitle-opacity: 300%;
  
  }
  
  
  .subtitle{
  opacity: 0;
      transition: all var(--header-link-transition-2nd); 
  transform: translate3d(0, 24px, 0);
  }
  
  
  
  
  .main:hover .subtitle{
  opacity: 1;
  transform: translate3d(0, 0px, 0);
  
  }
  
  .title{
      transition: all var(--header-link-transition-2nd); 
  transform: translate3d(0, 24px, 0);
  }
  
  
  
  
  .main:hover .title{
  transform: translate3d(0, 0px, 0);
  
  }
  
  
  .shade{
      transition: all var(--header-link-transition-2nd); 
  background-color: transparent;
  width: 100%;
  height: 30vh;
  padding-top: 5em;
  backdrop-filter: brightness(100%);
  }
  
  .main:hover .shade{
  transform: translate3d(0, 0px, 0);
  backdrop-filter: brightness(50%);
  }
  
  
  .collapsible-block .collapsible-block-link {padding: 10px 60px 10px 60px;text-decoration: none;background-color: rgb(var(--basalt-undertone));
  color: white;
  font-size: 1.325rem;
      line-height: 1.6;
  border-radius: 100px;
      box-sizing: border-box;
  transition: all .2s ease;
  display: inline-flex;
  }
  
  .collapsible-block .collapsible-block-link:hover {background-color: rgb(var(--basalt-bright-element-color));}
  
  
  .hovertip {
  background-color: darkred!important; color: white; border: 4px white double !important;
  }
  
  .footnote::before { display: none; }
  
  .hovertip .content .footnote .f-heading,
  .hovertip .content .reference .r-heading {
  display: none;
  }
  
  .hovertip .content .footnote::before,
  .hovertip .content .reference::before {
  display: none;
  }
  
  @media only screen and (max-width: 1290px) {
  :root {
  --header-margin: 0rem;
   --header-subtitle: 'Visitor and Nature Center';
  --big-font: 1rem;
  --display-mobile: none;
  --mobile-crumbs: 15rem;
  }
  
  #top-bar div.mobile-top-bar>.open-menu {
      position: fixed;
      left: 0;
      top: var(--header-top-gap);
      width: var(--side-bar-button-width);
      height: var(--top-bar-height);
  }
  
  
  }
  .licensebox a.collapsible-block-link {
  background-color: transparent;
  font-size: 1em;
  padding: 0px;
  margin-top: 4rem;
  }
  
  

  Pages using this styling

  • garden-of-the-gods [info]

  ¶ 1 occurrence
  

  :root {
      --header-title: "";
      --header-subtitle: "";
      --logo-image: url("	http://scpdsandbox.wikidot.com/local--files/collab:gamers-against-war/GAW%20logo");
      --header-height-on-desktop: 12rem;
      --bright-accent: 5, 144, 51;
      --medium-accent: 5, 144, 51;
      --dark-accent: 5, 144, 51;
  }
  .email {border: solid 2px #000000; width: 88%; padding: 1px 15px; margin: 10px; box-shadow: 0 1px 3px rgba(0,0,0,.5)}
  .email-example a.collapsible-block-link {font-weight: bold;}
  .tofrom {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px maroon}

  Pages using this styling

  • gamers-against-war [info]

  ¶ 1 occurrence
  

  #header {
      background-image: url("https://scp-wiki.wdfiles.com/local--files/theme%3Awar-on-all-fronts-sigma/mksjrpride.png");
  }

  Pages using this styling

  • gamers-against-kaiju [info]

  ¶ 1 occurrence
  

  :root {
    --header-title: "gabe";
    --subtitle-size: 0rem;
    --title-size: 2rem;
  }
  
  #page-title {
    display: none !important;
  }

  Pages using this styling

  • gabe [info]

  ¶ 1 occurrence
  

  .authorlink-wrapper {
      --author-top-adjust: 0rem;
      --author-bottom-adjust: 0rem;
  }

  Pages using this styling

  • fyahgfox-artworks-page [info]

  ¶ 1 occurrence
  

  
  :root {
  --logo-image:url("");
  --header-title: 'FYAHGFOX';
   --header-font: "Agency FB", sans-serif;
  --header-subtitle: "You Don't Know What I'm Capable Of";
      --rating-module-text-color: 252,252,252;
      --rating-module-button-color: 252,252,252;
      --background-gradient-distance: 0rem;
      --swatch-background: 39, 39, 39;
      --swatch-primary: var(--medium-accent);
      --swatch-primary-darker: var(--medium-accent);
      --swatch-primary-darkest: var(--medium-accent);
      /* Primary Text Colors */
      --swatch-text-dark: var(--white-monochrome);
      --swatch-text-light: var(--white-monochrome);
      --swatch-important-text: var(--bold-accent);
  }
  
  .nameone {-webkit-filter: blur(1px);
  filter: blur(1px);
  }
  
  .nametwo {-webkit-filter: blur(2px);
  filter: blur(2px);
  }
  
  .namethree {-webkit-filter: blur(3px);
  filter: blur(3px);
  }
  
  h1 {
      color: white;
  }
  
  #header h1 a::before {
      color: white;
  }
  #page-content > .collapsible-block {
      background-color:#1d1d1d;
      border-top: 0.125rem dashed slategrey;
      border-bottom: 0.125rem dashed slategrey;
  }
  
  blockquote, .blockquote {
      color: white;
  }
  
  .addendum {
      border:solid 2px #fff;
      background:#292929;
  }
  
  .scale, .level-text, .obj-text, .class-text, .itemnum {
     color: white!important;
  }
  
  .scp-image-block .scp-image-caption {
      background-color: rgba(0,0,0,.15);
  }
  #skrollr-body {
      width: 100%;
      height: 7.625rem;
      position: absolute;
      top: 0;
      left: 0;
      background-image:
      linear-gradient(to bottom, rgba(255,255,255,0) 65%, rgba(0,0,0,1) 100%),
      url('https://scp-wiki.wikidot.com/local--files/fyahgfox-artworks-page/uv18nAU.webp');
      background-color: black;
      background-repeat: no-repeat;
      background-size: cover;
  }
  
  div.nobody {
      width: 70%;
      margin: 1rem auto;
      text-align: center;
      padding: 0.6rem;
      font-family: "Agency Fb", sans-serif;
      border: 1px solid #CCC;
      border-radius: 5px;
      box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2)
      background-attachment: scroll;
      background-clip: border-box;
      background-color: transparent;
      background-image: linear-gradient(to top ,rgb(202, 219, 228) 0%, rgb(231, 233, 220) 8%);
      background-origin: padding-box;
      background-position: 0px 8px;
      background-repeat: repeat;
      background-size: 100% 20px;
      color: black;
  }
  
  div.nobody a {
      color: rgb(230,40,60);
  }

  Pages using this styling

  • fyahgfox-artworks-page [info]

  ¶ 1 occurrence
  

  :root {
      --header-gradient-color-bottom: 65, 71, 53;
      --bright-accent: 154, 160, 142;
      --link-color: 194, 198, 187;
      --hover-link-color: 123, 128, 113;
      --visited-link-color: 154, 160, 142;
      --alt-accent: 123, 128, 113;
      --dark-accent: 123, 128, 113;
      --header-subtitle: "Stain, Consume, Putrefy";
  }
  
  .Email {
  background: url(http://scp-wiki.wdfiles.com/local--files/the-great-hippo/SCP_icon%281%29.png) top right no-repeat;
  float: center;
  border: solid 3px #444444;
  width: 85%; padding: 1px 15px;
  margin: auto;
  margin-top: 10px;
  margin-bottom: 10px;
  box-shadow: 0 1px 3px rgba(0,0,0,.2);
  }
  
  .cycling {
      width:0;
      display: inline-flex;
      overflow: hidden;
      animation-name: cycle;
      animation-fill-mode: forwards;
      animation-iteration-count: infinite;
      animation-duration: 1s;
  }
  .cycling:nth-child(2) { animation-delay: 0.16666s;}
  .cycling:nth-child(3) { animation-delay: 0.33333s;}
  .cycling:nth-child(4) { animation-delay: 0.5s;}
  .cycling:nth-child(5) { animation-delay: 0.66666s;}
  .cycling:nth-child(6) { animation-delay: 0.83333s;}
  @keyframes cycle{
    0% { width:auto }
    16.6% { width:auto }
    16.7% { width:0 }
    100% { width:0 }
  }
  

  Pages using this styling

  • furball [info]

  ¶ 1 occurrence
  

  /*
      Powered on 2020/06/29 15:46:58
      [2020 Wikidot Theme]
      Created by etoisle
      CC BY-SA 3.0
  */
  
  
  
  :root {
      --themeColor: #008484;
      --accentColor: #008484;
  }
  
  body {
  background-color: #008484;
      background-attachment: fixed;
      font-family: "Microsoft Sans Serif";
  -webkit-font-smoothing: none;
      text-rendering: optimizeLegibility;
      image-rendering: pixelated;
  }
  a{
      color: rgb(0, 0, 255);
  }
  a:visited{
  color: #800080;
  }
  h1,h2,h3,h4,h5,h6 {
      color: #008484;
      font-family: "Microsoft Sans Serif";
  }
  div#main-content h1 {
  width: 40%;
      margin: auto;
  padding: 5px;
      border: #DFDFDF outset 2px;
      background-color: #C0C0C0;
  }
  div.blockquote {
      border: #DFDFDF outset 2px;
      background-color: #C0C0C0;
          color: black;
          color: #000;
  }
  div#header {
      background: url(https://scp-wiki.wikidot.com/local--files/funny-art-by-etoile/tl1.webp) 2px 15px no-repeat;
  }
  
  div#container-wrap {
      background: url(http://www.scp-wiki.net/local--files/is-this-thing-on/glitter1.gif) top left repeat-x;
  }
  
  div#header h1 {
      background: url(http://www.scp-wiki.net/local--files/is-this-thing-on/etoile__25743.gif) 50px 30px no-repeat;
  }
  
  .scp-image-block{
  align: right;
      box-shadow: 4px 4px 0px 0px rgba(0, 0, 0, 0.2);
      border-radius: 0px;
  }
  div#header h1 a span {
      visibility: hidden;
  }
  div#header h1 a:before {
      content: " ";
      color: #eee;
      text-shadow: 0;
  }
  
  div#header h2 span {
      display: none;
  }
  div#header h2:after {
      display: none;
  }
  div#side-bar div.side-block {
      background: #C0C0C0;
      border: #DFDFDF outset 2px;;
      box-shadow: 4px 4px 0px 0px rgba(0, 0, 0, 0.2);
      border-radius: 0px;
  }
  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: black;
      border-color: black;
  }
  div.yui-navset div.yui-content {
      background: #C0C0C0;
  border: #DFDFDF outset 2px;
  }
  .yui-navset .yui-nav,
  .yui-navset .yui-navset-top .yui-nav { /* protect nested tabviews from other orientations */
      border:solid #008484; /* color between tab list and content */
      border-width:0 0 0px;
      Xposition:relative;
      zoom:1;
  }
  .yui-navset .yui-nav .selected a, .yui-navset .yui-nav .selected a em,
  .yui-navset .yui-nav a em, .yui-navset .yui-navset-top .yui-nav a em{
  border-color: transparent;
  }
   .yui-navset .yui-nav, .yui-navset .yui-navset-top .yui-nav {
       border-color: #008484;
  }
  div.yui-navset ul.yui-nav a,
  div.yui-navset div.yui-navset-top ul.yui-nav a {
      background: #C0C0C0;
    border: #DFDFDF outset 2px;
  }
  div.yui-navset ul.yui-nav a:hover,
  div.yui-navset ul.yui-nav a:focus {
      background: #C0C0C0;
  border: #DFDFDF inset 2px;
  }
  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: #008484;
      border: #00aaaa inset 2px;
  }
  div.open-menu a {
      color: black!important;
      border-color: black!important;
  }
  div.page-rate-widget-box,
  div.page-rate-widget-box span.rate-points,
  div.page-rate-widget-box span.cancel {
      background-color: #C0C0C0!important;
  border: #DFDFDF outset 2px !important;
  border-radius: 0px;
  box-shadow: 4px 4px 0px 0px rgba(0, 0, 0, 0);
  }
  div.page-rate-widget-box span.rateup,
  div.page-rate-widget-box span.ratedown {
      border: #DFDFDF outset 2px;!important;
  }
  div.page-rate-widget-box span.rate-points,
  div.page-rate-widget-box span.cancel a,
  div.page-rate-widget-box span.cancel a:hover {
      color: #000000;
  }
  div.page-rate-widget-box span.rateup,
  div.page-rate-widget-box span.ratedown {
      background-color: #C0C0C0!important;
  }
  div.page-rate-widget-box span.rateup a,
  div.page-rate-widget-box span.ratedown a {
      color: #000000!important;
  }
  div.page-rate-widget-box span.cancel a:hover,
  div.page-rate-widget-box span.rateup a:hover,
  div.page-rate-widget-box span.ratedown a:hover {
      background: transparent!important;
      color: #008484!important;
  }
  #main-content{
      background: #C0C0C0;
      color: black;
      border: #DFDFDF outset 2px;
  box-shadow: 4px 4px 0px 0px rgba(0, 0, 0, 0.2);
  font-size: 14px;
  }
  #side-bar a:visited,
  #top-bar a,
  #top-bar ul li.sfhover a,
  #top-bar ul li:hover a,
  #login-status ul a,
  #login-status ul a:hover {
       color: #800080;
  }
  
  #page-title {
     color: #008484;
  }
  
  #login-status,
  #login-status a {
      color: white;
  }
  
  @media (max-width: 767px) {
       #side-bar {
            background-color: #C0C0C0;
       }
  }
  
  .side-block .menu-item > .image {
      filter: hue-rotate(250deg);
  }
  
  #footer {
      background: transparent;
  }
  
  #search-top-box-input,
  #search-top-box-input:hover,
  #search-top-box-input:focus,
  #search-top-box-form input[type=submit],
  #search-top-box-form input[type=submit]:hover,
  #search-top-box-form input[type=submit]:focus {
      border: #DFDFDF outset 2px;
      background: #C0C0C0;
      box-shadow: none;
      border-radius: 0px;
      color: #000000;
  }
  span, a, body, h1, h2, h3, h4, h5, h6{
       word-break: unset;
  }

  Pages using this styling

  • funny-art-by-etoile [info]

  ¶ 1 occurrence
  

  
  div.hytoth {
       width: 75%;
       padding: 0 1em;
       margin: 0 auto;
       box-shadow: rgba(0,0,0,.2);
       margin-bottom: 10px;
       border-style: solid;
       border-width: 2px;
  }
  
  .orderdescription p {
      font-size: unset;
      color: unset;
  }
  
  .orderdescription {
    position: relative;
    top: auto;
  }
  .orderwrapper {
    display: grid;
  }
  .orderwrapper > * {
    grid-column: 1 / -1;
    grid-row: 1 / -1;
  }
  
  div.fae{
       border-color: #800000;
       background-color: #fdd3af;
  }
  
  
  div.yeren {
       border-color: #43130D;
       background-color: #ddffdd;
  }
  

  Pages using this styling

  • from-the-sky [info]

  ¶ 1 occurrence
  

  /* SEARCH */
  #search-top-box-input {
      border: solid 1px #5FA8E6;
      color: #2F6FA5 !important;
      background-color: #EAF6FF;
  }
  
  #search-top-box-input:hover,
  #search-top-box-input:focus {
      background-color: #80A2BF;
  }
  
  #search-top-box-form input[type=submit] {
      border: solid 1px #2F6FA5;
      color: #FFFFFF;
      background: #5FA8E6;
  }
  
  #search-top-box-form input[type=submit]:hover,
  #search-top-box-form input[type=submit]:focus {
      background: #9CCBFF;
      color: #2F6FA5;
  }
  
  /* RATE WIDGET */
  .page-rate-widget-box .rate-points,
  .page-rate-widget-box > *,
  .rate-box-with-credit-button {
      background-color: #5FA8E6 !important;
  }
  
  .page-rate-widget-box .rateup,
  .page-rate-widget-box .ratedown {
      background-color: #FFFFFF;
      border-top: solid 1px #FFFFFF;
      border-bottom: solid 1px #FFFFFF;
  }
  
  .page-rate-widget-box .rateup a,
  .page-rate-widget-box .ratedown a {
      background: transparent;
      color: #FFFFFF;
  }
  
  .page-rate-widget-box .rateup a:hover,
  .page-rate-widget-box .ratedown a:hover {
      background: #9CCBFF;
      color: #FFFFFF;
  }
  
  .page-rate-widget-box .cancel {
      background-color: #5FA8E6;
      border: solid 1px #2F6FA5;
  }
  
  .page-rate-widget-box .cancel a {
      color: #FFFFFF;
  }
  
  .page-rate-widget-box .cancel a:hover {
      background: #9CCBFF;
      color: #2F6FA5;
  }

  Pages using this styling

  • from-moore [info]

  ¶ 1 occurrence
  

  /* HEADER */
  #header {
      background-image: url(https://upload.wikimedia.org/wikipedia/commons/9/94/Dingle_Pensinsula_Dunmore_Head_27.jpg);
  }
  #page-title {display: none;}

  Pages using this styling

  • from-moore [info]

  ¶ 1 occurrence
  

  :root {
      --header-title: "THE RIGHT HONOURABLE COMMISSION ON";
      --sp_header-height: 21.75rem;
      --sp_header-logo: url(https://scp-wiki.wdfiles.com/local--files/theme:unusual-cargo/COUC_logo.png);
      --sp_header-logo-size: 7.25rem;
      --sp_header-logo-adaptive-size: min(
          var(--sp_header-logo-size),
          calc(var(--sp_header-logo-size)*0.575 + 5vw)
      );
  }
  
  #header h2 span {
      color: transparent;
      text-shadow: none;
      font-family: sans-serif;
  }
  
  #header h2 span::before {
      content: "Unusual Cargo";
      color: #EAF6FF;
      text-shadow: 0 0 6px rgba(95,168,230,0.8);
      background: transparent;
      padding: 5px 11px 5px 10px;
  }

  Pages using this styling

  • from-moore [info]

  ¶ 1 occurrence
  

  /* LINKS */
  a,
  a.newpage {
      color: #5FA8E6;
  }
  
  a:hover {
      color: #2F6FA5;
  }
  
  a:visited {
      color: #7AAFE6;
  }
  
  /* BLOCKQUOTES */
  blockquote,
  div.blockquote {
      border-color: #9CCBFF;
      background-color: #EAF6FF;
      color: #2F6FA5;
  }
  
  /* SIDEBAR / INTERWIKI */
  #side-bar a,
  #interwiki a {
      color: #5FA8E6;
  }
  
  #side-bar .side-block,
  #interwiki .side-block {
      padding: 10px;
      border: 2px solid #9CCBFF;
      border-radius: 2px;
      background: #EAF6FF;
      margin-bottom: 15px;
      color: #2F6FA5;
      box-shadow: none !important;
  }
  
  #side-bar .heading,
  #interwiki .heading {
      color: #2F6FA5;
      border-bottom: dotted 1px #9CCBFF;
      font-size: 10pt;
  }
  
  #interwiki .menu-item img {
      filter: hue-rotate(200deg);
  }

  Pages using this styling

  • from-moore [info]

  ¶ 1 occurrence
  

  .fakeprot .mailform-box .buttons { display: none; }
  
  .fakeprot + .collapsible-block .collapsible-block-link {
      padding: 0.1em 0.5em;
      text-decoration: none;
      background-color: #EAF6FF;
      border: 1px solid #9CCBFF;
      color: #2F6FA5;
  }
  
  .fakeprot + .collapsible-block .collapsible-block-link:hover,
  .fakeprot + .collapsible-block .collapsible-block-link:active {
      background-color: #9CCBFF;
      color: #2F6FA5;
  }
  
  .fakeprot + .collapsible-block .collapsible-block-unfolded-link,
  .fakeprot + .collapsible-block .collapsible-block-folded {
      margin: 0.5em 0;
      text-align: center;
  }
  
  .fakeprot .passw input[type=text] {
      text-security: disc;
      -webkit-text-security: disc;
      -mox-text-security: disc;
  }
  
  .mailform-box td:first-child {
      width: 80px;
  }

  Pages using this styling

  • from-moore [info]

  ¶ 1 occurrence
  

  .page {
      display: block;
      overflow: hidden;
      font-family: "Monotype Corsiva", "Bradley Hand ITC", sans-serif;
      font-style: normal;
  
      background-attachment: scroll;
      background-clip: border-box;
      background-origin: padding-box;
      background-position: 0px 8px;
      background-repeat: repeat;
      background-size: 100% 20px;
  
      background-color: transparent;
      background-image: linear-gradient(
          to top,
          #BFDFFF 10%,
          #EAF6FF 40%,
          #FFFFFF 100%
      );
  
      border: 1px solid #9CCBFF;
      border-radius: 10px;
      padding: 10px;
      margin-bottom: 10px;
  
      box-shadow: 0px 2px 6px rgba(95,168,230,0.25);
  }
  
  .page p,
  .page ul {
      line-height: 20px;
      margin: 0;
  }

  Pages using this styling

  • from-moore [info]

  ¶ 1 occurrence
  

  :root {
     --header-title: "R\0026 C Site-120";
     --header-subtitle: "FIGHTING FIRE WITH FIRE";
     --logo-img: url(https://scp-wiki.wdfiles.com/local--files/from-120-s-archives-hub/pride120.png);
     --headerColor: hsl(0, 0%, 20%);
     --logo-opacity: 30%;
  }
  
  #page-title {
     display: none;
  }
  
  .footnotes-footer {
     display: none;
  }
  
  #breadcrumbs {
     display: none !important;
  }
  
  .log2 {
     background: white;
     border: 1px solid black;
     padding-left: 1em;
     padding-right: 1em;
     margin: 0.5em 0 0.5em 0;
  }
  
  .lognontranslate {
     background: #EBF5FB;
     border: 1px solid black;
     padding-left: 1em;
     padding-right: 1em;
     margin: 0.5em 0 0.5em 0;
  }
  
  .card {
      background: var(--back-image) center / cover no-repeat;
  }
  .card > div {
      box-sizing: border-box;
      width: 45%;
      background: linear-gradient(to right, #0008, #0006);
      padding: 0.8rem 0.4rem;
      color: white;
  }
  .card > div > strong:nth-of-type(1) {
      font-size: 200%;
  }
  .card > div > strong:nth-of-type(2) {
      font-size: 135%;
      display: inline-block;
  }
  .card > div > strong:nth-of-type(2)::after {
      content: "";
      display: inline-block;
      width: 100%;
      height: 4px;
      border-radius: 2px;
      background: #E6283C;
      margin: -0.2rem auto 0.6rem
  }
  .card > div > strong:nth-of-type(3) {
      display: inline-block;
      text-align: justify;
  }
  
  @keyframes fade-in {
      from {
          opacity: 0;
      }
      to {
          opacity: 1;
      }
  }
  
  .entry {
     background: #fcfcfc;
     margin: 1em 3em;
     padding: 0.75rem;
     border: solid 2px #afafaf;
     text-align: center;
  }
  
  .by-author {
     font-size: 90%;
     color: #797979;
  }
  
  .entry .notation {
     font-size: 95%;
  }
  
  @media (max-width: 1250px) {
     .paper, 
     .modal,
     .entry,
     .notation {
        margin-left: 0.5em;
        margin-right: 0.5em;
     }
  }
  
  .date {
     color: #797979;
     font-size: 120%;
     font-weight: bold;
  }
  
  .anchor {
     position: sticky;
     height:0;
     top: 0.5rem;
     z-index: 4;
  }
  
  .tocbox {
     margin-top: 0;
     position: absolute;
     top: 0;
     right: max(-18.75rem, -17vw);
     z-index: 4;
     box-sizing: border-box;
     width: max-content;
     pointer-events: none;
  }
   
  #page-content .tocbox .toc-u {
     padding: 0.5rem;
     background: hsl(0, 0%, 100%);
     border-right: solid 0.2rem var(--headerColor);
     box-shadow: 0 0 4px rgba(0,0,0,0.3);
     position: relative;
     width: 15rem;
     max-height: calc(98vh - 2rem);
     max-width: calc((30vw - 50% - 6rem)/1.2);
     margin-right: 0; margin-left: auto;
     pointer-events: all;
  }
  
  .toc-u #toc::before, .toc-u #toc::after { display: none; }
  .toc-u::before, .toc-u::after {
     content: "";
     display: block;
     height: 0.5rem; width: 0.5rem;
     position: absolute;
     right: 0;
     background-color: var(--headerColor);
  }
  
  .toc-u::before {
     top: 0;
     transform: translate(calc(0.1rem + 50%),-50%) rotate(45deg);
  }
  
  .toc-u::after {
     bottom: 0;
     transform: translate(calc(0.1rem + 50%),50%) rotate(45deg);
  }
   
  #page-content .tocbox .toc-u #toc-list {
     overflow-y: auto;
     overflow-x: hidden;
     max-height: 84vh;
     padding: 0 0.5em 1em;
     scrollbar-width: thin;
  }
  #page-content .tocbox .toc-u #toc-list::-webkit-scrollbar {
     width: 6px;
  }
   
  .tocbox table,
  .tocbox tbody,
  .tocbox tr,
  .tocbox td,
  .tocbox #toc {
     display: contents;
  }
   
  #toc-list > div { position: relative; }
  #toc-list > div[style*="1em"]::before {
     content: "•";
     display: inline-block;
     position: absolute;
     left: -0.75em;
     color: var(--accentColor);
  }
   
  @media (max-width: 1340px) {
     .anchor {
        filter: none;
        transition: filter 0.2s ease-out;
      }
     .tocbox {
        right: -1rem;
        width: unset;
     }
     .tocbox::before {
        content: "";
        display: block;
        position: absolute;
        background-color: transparent;
        width: 1.5rem; height: 100%;
        top: 0; right: -0.25rem;
        pointer-events: all;
  }
     .tocbox::after {
        content: "";
        display: block;
        position: absolute;
        background-color: transparent;
        width: 0; height: 0;
        border: solid 1rem transparent;
        border-left-width: 0.5rem;
        border-right-color: var(--headerColor);
        top: calc(50% - 1rem); right: 0;
        pointer-events: all;
        transition: border-right-width 0.15s ease-out;
     }
     #page-content .tocbox .toc-u {
        width: -moz-fit-content;
        width: fit-content;
        max-width: 60vw;
        box-shadow: none;
        clip-path: inset(-0.5rem -0.5rem -0.5rem calc(100% - 0.65rem));
        transition: clip-path 0.2s ease-out;
        pointer-events: none;
     }
     .anchor:hover { filter: drop-shadow(0px 0px 3px rgba(0,0,0,0.2)); }
     .tocbox:hover {
        pointer-events: all;
     }
     .tocbox:hover::after {
        border-right-width: 0;
     }
     #page-content .tocbox:hover .toc-u {
        pointer-events: all;
        clip-path: inset(-0.5rem -0.5rem -0.5rem -0.35rem);
     }
  }
  
  .mobi {
      display: none;
  }
  
  @media only screen and (max-width: 675px) {
      .komp {
          display: none;
      }
      .mobi {
          display: inline;
      }
  }
  
  .nexus {
     background: linear-gradient(180deg, rgba(224, 156, 61, 0.55) 0%, rgba(224, 127, 61, 0.55) 100%);
     padding: 10px;
     margin-left: 15%;
     margin-right: 15%;
     outline: solid 3px grey;
     text-align: center;
     transition-property: transform;
     transition-duration: 0.5s;
  }
  
  .nexus hr {
     background-color: grey;
  }
  
  img {
     transition-property: transform;
     transition-duration: 0.5s;
  }
  
  .nexus:hover {
     transform: scale(1.1);
  }
  
  .nexus:hover img {
     transform: rotate(-15deg);
  }
  

  Pages using this styling

  • from-120-s-archives-hub [info]

  ¶ 1 occurrence
  

  :root {
    --header-title: "STRANGE TRAILS";
    --header-subtitle: "THE HORROR AND THE WILD";
  }

  Pages using this styling

  • fret-not-dear-heart [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Domine:wght@700&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Crimson+Text:ital,wght@0,400;0,600;0,700;1,400;1,600;1,700&display=swap');
  #page-title {
      display: none;
  }
  .splash h1 {
      font-size: 700%;
      font-family: 'Domine', serif;
      font-weight: 700;
      text-align: center;
      margin-bottom: -2rem;
      letter-spacing: 0.25rem;
  }
  .splash h3 {
      font-size: 300%;
      font-family: 'Domine', serif;
      font-weight: 700;
      text-align: center;
  }
  .splash {
      font-family: 'Domine', serif;
      font-weight: 400;
      text-align: center;
  }
  #page-content > p {
      text-justify: inter-word;
      text-align: justify;
      text-indent: 1rem;
      font-family: "Crimson Text", serif;
      font-size: 1.2rem;
  }
  .chapterstart {
      font-size: 4rem;
      line-height: 8rem;
  }
  .links {
  display: block;
  text-align: center;
  }
  .links a {
      background: rgb(var(--bright-accent));
      color: white;
      padding: 3px;
      border-radius: 4px;
      font-family: monospace;
      white-space: nowrap;
  }
  .links a:visited {
      color: white;
  }
  .links a:hover {
      color:rgb(var(--bright-accent));
  }

  Pages using this styling

  • fratricide [info]

  ¶ 1 occurrence
  

  .yui-navset.yui-navset-top .yui-content {
      background-color: #000000;
  }
  
  body {
  
      background-image: url(https://scp-wiki.wdfiles.com/local--files/art%3Afrankentropy-artist-page/RedderBackground.png);
      background-attachment: fixed;
      background-size: cover;
  }
  
  body:before {
    content: ' ';
    position: fixed;
    display: block;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(170deg, transparent, rgb(0, 0, 0) 65%, rgb(0, 0, 0) 45%, rgb(0, 0, 0) 62%);
    z-index: -1;
    color:#EDEDED;
  }
  
  :root{
  --logo: url(https://scp-sandbox-3.wdfiles.com/local--files/eigensapiens-hub/EigensapiensLogo.png);
  --title: "FrankEntropy's Author Page";
  --subtitle: "Behold. My Stuff.";
  }
  
  
  :root {
      /* REDMODE */
      --basalt-UI-dark-palette: 20, 18, 18;
      --basalt-bright-element-color: 57, 58, 66;
      --basalt-dark-element-color: 17, 17, 18;
      --basalt-primary-color: 9, 9, 10;
      --basalt-secondary-color: 13, 12, 15;
      --basalt-tertiary-color: 36, 36, 41;
      --general-border-color: 230, 226, 218;
  }
  
  
  a:link {
    color: #f2b90c;
  }
  a:visited {
    color: #f0d686;
  }
  a:hover {
    color: #f2b90c;
  }
  a:active {
    color: #f2b90c;
  }
  

  Pages using this styling

  • frankentropy-author-page [info]

  ¶ 1 occurrence
  

  #breadcrumbs {
       text-align: center !important;
       margin: auto !important;
  }
  
  #page-title {
  }

  Pages using this styling

  • fragments-regarding-legate-trunnion-apostate [info]

  ¶ 1 occurrence
  

  #page-content { text-align: justify; }
  .hovertip { max-width: 400px; }
  .avatar-hover { display: none !important; }
  
  .dossier {
    color: #f8f8f8;
    background-color: #222222;
    width: 70%;
    margin: 2rem auto 2rem auto;
    padding: 1.5rem 6rem;
    font-family: monospace;
  }
  .blockquote {
    margin: 2rem auto 2rem auto !important;
  }
  .preclass {
    border: 2px solid #6e72a9;
    box-shadow: inset 0px 0px 8px 0px #989cd5;
    width: 90%;
    margin: 10px auto;
    padding: 10px 25px;
    background: #f3f4fc;
  }
  @media only screen and (max-width: 600px) {
    .dossier { width: 95%; padding: 1.5rem 1.5rem; }
  }

  Pages using this styling

  • fragments-of-someone-else [info]

  ¶ 1 occurrence
  

  .list-pages-box {
    margin-bottom: -50px;
  }
  
  #page-info-break {
    height: 50px;
    margin-top: -20px;
  }
  
  #page-options-container, #page-info-break {
    background-color: white;
  }
  
  #footer, #action-area, #page-info-break, #page-options-container {
    filter: invert(1);
  }
  
  

  Pages using this styling

  • fragment:y-ai-8 [info]

  ¶ 1 occurrence
  

  
  .final-line {
  }
  
  #page-content .flicker1 {
    animation-name: a-flicker-1;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
  }
  
  @keyframes a-flicker-1 {
    0% { font-size: 100%; }
    90% { font-size: 100%; }
    90.00001% { font-size: 0; }
    100% { font-size: 0; }
  }
  
  #page-content .flicker2 {
    animation-name: a-flicker-2;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    font-size: 0;
  }
  
  @keyframes a-flicker-2 {
    0% { font-size: 0; }
    90% { font-size: 0; }
    90.00001% { font-size: 100%; }
    100% { font-size: 100%; }
  }
  
  :root .licensebox .collapsible-block-link {
    color: white;
  }

  Pages using this styling

  • fragment:y-ai-8 [info]

  ¶ 1 occurrence
  

  
  .ohfuck {
    color: black;
    transform: none !important;
  }
  
  #page-content .ohfuck.ohfuck.ohfuck p {
    line-height: var(--lh);
    width: 100vw;
  }
  
  .final-solution {
    padding: 10%; 
    padding-top: 100vh; 
    background-color: black; 
    color: white;
    transform: none !important;
    width: 120%;
    margin-left: -10%;
  }
  
  .final-solution * {
    transform: none !important;
  }
  
  :root:root:root #page-content .final-solution p {
    width: 70%;
    margin-bottom: 12vh;
  } 
  
  .ohfuck > div {
    margin-bottom: -20px;
  }
  

  Pages using this styling

  • fragment:y-ai-8 [info]

  ¶ 1 occurrence
  

  :root {
    --header-title: "𝕐 AI";
    --header-subtitle: "A subsidiary of Terblanche Enterprises LLC";
    --main-content-width: 100vw;
    --main-content-side-margin: 0;
    --main-content-top-margin: 0;
    --really-ease-out: 0, 0.99, 0, 1;
    --kinda-ease-out: 0.32, 0.83, 0.31, 0.82;
    --basalt-background-color: 250, 250, 247;
    --logo: url(https://scp-wiki.wdfiles.com/local--files/fragment%3Ay-ai-1/y-ai-1-black.png);
  }
  
  #header {
    position: fixed;
  }
  
  body {
    background-image: linear-gradient(to bottom, #fafaf7 0%, #fafaf7 95%, black 95.01%, black 100%);
  }
  
  @media (max-width: 768px) {
    .y-ai-hero .y-ai-title {
      font-size: 23vw;
      top: 30%;
    }
  
    .y-ai-hero .y-ai-subtitle {
      top: 50%;
    }
  }
  
  #page-title {
    display: none !important;
  }
  
  .y-ai-hero {
    width: 100vw;
    height: 100vh;
    position: relative;
    font-family: 'Times New Roman', serif;
  }
  
  .y-ai-title {
    position: absolute;
    top: 40%;
    left: 50%;
    translate: -50% -50%;
    font-size: 15vw;
  }
  
  .y-ai-subtitle {
    position: absolute;
    top: 65%;
    left: 50%;
    translate: -50% -50%;
    font-size: 200%;
    text-align: center;
  }
  
  #page-content {
    font-family: 'Times New Roman', serif;
  }
  
  #page-content h2 {
    font-family: 'Times New Roman', serif;
    font-size: 400%;
    margin: 10vh auto;
    text-align: center
  }
  
  #page-content p, #page-content li {
    width: min(1000px, 90%);
    margin: auto;
    font-size: 200%;
    line-height: 1.8;
    margin-bottom: 1lh;
  }
  
  .short-line {
    width: 30%;
    margin: auto;
    height: 0;
    border-top: 1px solid black;
    font-size: 200%;
    line-height: 1.8;
    margin-bottom: 1lh;
  }
  
  #page-content img {
    margin: auto;
    display: block;
  }
  
  #page-content * {
    animation-name: misalign;
    animation-fill-mode: both;
    animation-duration: 240s;
    animation-delay: 1s;
  }
  
  *:nth-child(4n+1) {
    --rot: 1deg;
  }
  
  *:nth-child(4n+2) {
    --rot: -1deg;
  }
  
  *:nth-child(4n+3) {
    --rot: -2.4deg;
  }
  
  *:nth-child(4n+4) {
    --rot: 1.5deg;
  }
  
  p {
    --rot: -2deg;
  }
  
  #header {
    --rot: 3deg;
  }
  
  a {
    --rot: -4deg;
  }
  
  @keyframes misalign {
    0% {
      transform: rotate(0deg);
    }
  
    100% {
      transform: rotate(var(--rot));
    }
  }
  
  .list-pages-box, .list-pages-item {
    transform: none !important;
  }
  

  Pages using this styling

  • fragment:y-ai-8 [info]

  ¶ 1 occurrence
  

  :root {
    --header-title: "𝕐 AI";
    --header-subtitle: "A Subsidiary of Terblanche Enterprises LLC";
    --main-content-width: 100vw;
    --main-content-side-margin: 0;
    --main-content-top-margin: 0;
    --really-ease-out: 0, 0.99, 0, 1;
    --kinda-ease-out: 0.32, 0.83, 0.31, 0.82;
    --shadow-color: #8c3bf7;
    --orange-highlight: #ff915c;
    --basalt-background-color: 0, 0, 0;
    --logo: url(https://scp-wiki.wdfiles.com/local--files/fragment%3Ay-ai-1/y-ai-1.png);
  }
  
  #page-title {
    display: none !important;
  }
  
  .swap-order {
    flex-direction: row-reverse;
  }
  
  #page-content .text-user {
    border-radius: 20px;
    border-bottom-right-radius: 0;
    background-color: #ff915c;
    color: black;
    padding: 20px;
    margin-bottom: 20px;
    max-width: 75%;
    margin-left: auto;
  }
  
  #page-content .text-ai {
    border: 1px solid #ffffff88;
    background-color: rgb(40, 40, 40);
    border-radius: 20px;
    border-bottom-left-radius: 0;
    padding: 20px;
    margin-bottom: 20px;
    max-width: 75%;
  }
  
  .grep-convo-container {
    margin: auto;
    width: min(1000px, 90%);
  }
  
  .grep-header h1 {
    margin: auto;
    font-size: min(300%, 16vw);
    text-align: center;
    margin-top: 10vh;
    margin-bottom: 10vh;
  }
  
  .jaywalker-advisory {
    margin: 40px;
    padding: 40px;
    background-image: linear-gradient(45deg, rgb(75, 13, 15), rgb(82, 26, 30));
    border: 1px solid #ff7755;
    border-radius: 20px;
    filter: drop-shadow(0 0 10px #ff7755);
  }
  

  Pages using this styling

  • fragment:y-ai-7 [info]

  ¶ 1 occurrence
  

  :root {
    --header-title: "𝕐 AI";
    --header-subtitle: "A Subsidiary of Terblanche Enterprises LLC";
    --main-content-width: 100vw;
    --main-content-side-margin: 0;
    --main-content-top-margin: 0;
    --really-ease-out: 0, 0.99, 0, 1;
    --kinda-ease-out: 0.32, 0.83, 0.31, 0.82;
    --shadow-color: #8c3bf7;
    --orange-highlight: #ff915c;
    --basalt-background-color: 0, 0, 0;
    --logo: url(https://scp-wiki.wdfiles.com/local--files/fragment%3Ay-ai-1/y-ai-1.png);
  }
  
  .orange {
    color: #ff915c;
  }
  
  .grep-disclaimer {
    font-size: 75%;
    opacity: 0.65;
  }
  
  .swap-order {
    flex-direction: row-reverse;
  }
  
  #page-content .text-user {
    border-radius: 20px;
    border-bottom-right-radius: 0;
    background-color: #ff915c;
    color: black;
    padding: 20px;
    margin-bottom: 20px;
    max-width: 75%;
    margin-left: auto;
  }
  
  #page-content .text-ai {
    border: 1px solid #ffffff88;
    background-color: rgb(40, 40, 40);
    border-radius: 20px;
    border-bottom-left-radius: 0;
    padding: 20px;
    margin-bottom: 20px;
    max-width: 75%;
  }
  
  .side-by-side {
    display: flex;
    justify-content: stretch;
  }
  
  .side-by-side > * {
    width: 0;
    flex-grow: 1;
  }
  
  @media (max-width: 768px) {
    .side-by-side {
       display: block;
    }
  
    .side-by-side > * {
      width: unset;
    }
  }
  
  #header {
    position: fixed;
  }
  
  #page-title {
    display: none !important;
  }
  
  .y-ai-hero {
    height: 100vh;
    background-image: linear-gradient(45deg, rgb(12, 13, 15), rgb(24, 26, 30));
    border-bottom: 1px solid white;
    filter: drop-shadow(0 0 10px var(--shadow-color));
  }
  
  .panel {
    margin: 40px;
    padding: 40px;
    background-image: linear-gradient(45deg, rgb(12, 13, 15), rgb(24, 26, 30));
    border: 1px solid white;
    border-radius: 20px;
    filter: drop-shadow(0 0 10px var(--shadow-color));
  }
  
  .panel-noborder {
    margin: 40px;
    padding: 40px;
    font-size: 200%;
  }
  
  .main-columns {
    display: flex;
  }
  
  .y-ai-jobs-header {
    text-align: center;
    width: 50%;
    font-size: 350%;
    margin-top: 15vh;
    margin-bottom: 15vh;
  }
  
  .user-info {
    position: fixed;
    top: 50px;
    right: 10px;
    filter: drop-shadow(0 0 10px var(--orange-highlight));
    border-color: var(--orange-highlight);
    width: calc(50vw - 135px);
  }
  
  .ss-rank-label, .ss-rank, .ss-percentile {
    p {
      margin-top: 0;
      margin-bottom: 0;
    }
  }
  
  .ss-rank-label {
    font-size: 150%;
  }
  
  .ss-rank {
    font-size: 350%;
  }
  
  .ss-percentile {
    font-size: 200%;
  }
  
  .jobs {
    width: 50%;
    font-size: 150%;
  }
  
  .replaced-by-grep {
    color: #ff915c;
  }
  
  .greyed-out {
    color: #888888;
  }
  
  .switch-numbers {
    animation-name: switch;
    animation-delay: calc(1s * var(--index));
    animation-duration: 6s;
    animation-iteration-count: infinite;
    display: inline-block;
    font-size: 0;
  }
  
  @keyframes switch {
    0% {
      font-size: inherit;
    }
  
    16.6665% {
      font-size: inherit;
    }
  
    16.6666% {
      font-size: 0;
    }
  
    100% {
      font-size: 0;
    }
  }
  
  @media (max-width: 1000px) {
    
    .panel {
      margin: 20px;
      padding: 20px;
    }
    
    .panel-noborder {
      margin: 20px;
      padding: 20px;
    }
  
    .jobs {
      width: 100%;
      font-size: 100%;
    }
  
    .user-info {
      width: 100%;
      left: 0;
      bottom: 0;
      margin: 0;
      top: unset;
      box-sizing: border-box;
      border-bottom: none;
      border-left: none;
      border-right: none;
      border-radius: 0;
      z-index: 999999;
      padding: 20px;
    }
  
  
    .ss-rank-label {
      font-size: 100%;
    }
  
    .ss-rank {
      font-size: 200%;
    }
  
    .ss-percentile {
      font-size: 80%;
    }
   
    .y-ai-jobs-header {
      width: 100%;
      font-size: 300%;
    }
  
    body {
      margin-bottom: 50vh;
    }
  }
  

  Pages using this styling

  • fragment:y-ai-6 [info]

  ¶ 1 occurrence
  

  
  
  .isometric-text-container-container {
    width: min(90%, 800px);
    filter: drop-shadow(-15px 25px 10px #00000044);
  }
  
  
  
  #page-content .text-user {
    border-radius: 20px;
    border-bottom-right-radius: 0;
    background-color: #ff915c;
    color: white !important;
    padding: 20px;
    margin-bottom: 50px;
    max-width: 75%;
    margin-left: auto;
  }
  
  #page-content .text-ai {
    border: 1px solid #ffffff88;
    background-color: rgb(40, 40, 40);
    border-radius: 20px;
    border-bottom-left-radius: 0;
    padding: 20px;
    margin-bottom: 50px;
    max-width: 75%;
    color: white !important;
  }
  
  
  
  .grepcromancy-ui-container {
    background-image: linear-gradient(45deg, #eeeeee, #dddddd);
    color: #232323;
    padding: 30px;
    padding-bottom: 10px;
    font-size: 75%;
    transform: scale(0.9);
    border-radius: 20px;
  }
  
  #page-content .grepcromancy-name {
    font-size: 50%;
  
    h2 { 
      margin-top: 0;
      margin-bottom: 20px;
    }
  }
  
  .grepcromancy-slider {
    margin: 30px 10px;
  }
  
  .grepcromancy-slider-bg {
    width: 100%;
    height: 4px;
    border-radius; 2px;
    background-color: #444444;
  }
  
  .grepcromancy-slider-thumb {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #000000;
    transform: translateY(-50%) translateY(2px);
  }
  
  @media (min-width: 1101px) {
  
    #page-content .desktop-somewhat-narrow {
      max-width: 50%;
    }
  
    .grepcromancy-ui-container {
      width: 50%;
      margin: auto;
    }
  
    .isometric-text-container {
      font-size: 200%;
      transform: rotateX(-45deg) rotateY(45deg) rotateX(90deg);
    }
  
    .grepcromancy-ui-isometric-container {
      min-width: 55vw;
      margin-left: 35px;
    }
  
    .right-margin-on-desktop {
      margin-right: 35px;
    }
  
  }
  
  
  
  @media (max-width: 1100px) {
  
    #page-content .grepcromancy-ui-container {
      font-size: 170%;
    }
  }
  

  Pages using this styling

  • fragment:y-ai-5 [info]

  ¶ 1 occurrence
  

  :root {
    --header-title: "𝕐 AI";
    --header-subtitle: "A subsidiary of Terblanche Enterprises LLC";
    --main-content-width: 100vw;
    --main-content-side-margin: 0;
    --main-content-top-margin: 0;
    --really-ease-out: 0, 0.99, 0, 1;
    --kinda-ease-out: 0.32, 0.83, 0.31, 0.82;
    --basalt-background-color: 0, 0, 0;
    --logo: url(https://scp-wiki.wdfiles.com/local--files/fragment%3Ay-ai-1/y-ai-1-black.png);
    --edit-area-main-background-color: 255, 255, 255;
  }
  
  body {
    background-color: #ffffff;
  }
  
  #header {
    position: fixed;
  }
  
  #page-title {
    display: none !important;
  }
  
  .screen-sized-panel {
    width: 100%;
    height: 100vh;
  }
  
  .hero {
    position: relative;
  }
  
  .hero h1 {
    font-size: 6vw;
    position: absolute;
    top: 43%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    max-width: 1000px;
  }
  
  
  .hero h2 {
    font-size: 3vw;
    position: absolute;
    top: calc(43% + 15vw);
    left: 50%;
    transform: translate(-50%, -50%);
  }
  
  .screen-sized-panel {
    font-size: 200%;
  }
  
  #page-content .main-text {
    font-size: 2.25rem;
    padding: 40px;
    font-weight: 200;
  }
  
  #page-content .standalone-text {
    max-width: 1000px;
    margin: auto;
    font-size: 2.25rem;
    font-weight: 200;
    text-align: center;
    width: min(1000px, 90%);
  }
  
  .make-font-smaller {
    font-size: 2rem;
  }
  
  .side-by-side {
    display: flex;
    align-items: center;
  }
  
  #page-content .main-image {
    width: 40vw;
    max-width: unset;
  }
  
  .force-center {
    justify-content: center;
    height: 100vh;
  }
  
  #page-content h2 {
    font-size: 800%;
    margin: auto;
    text-align: center;
    margin-top: 40vh;
    margin-bottom: 10vh;
  }
  
  @media (max-width: 1100px) {
    
    .hero h1 {
      font-size: 12vw;
    }
  
    #page-content h2 {
      font-size: 400%;
    }
    
    .side-by-side {
       flex-direction: column;
       justify-content: center;
    }
  
    .isometric-text-container-container {
      width: 75vw;
      margin: auto;
    }
  
    .isometric-text-container {
      width: 80vw;
      margin: auto;
    }
  
    #page-content .main-image {
      width: 75vw;
      max-width: unset;
    }
  
    .swap-order {
      flex-direction: column-reverse;
    }
  
    #page-content .main-text {
      font-size: 1.75rem;
    }
  }
  

  Pages using this styling

  • fragment:y-ai-5 [info]

  ¶ 1 occurrence
  

  :root {
    --header-title: "𝕐 AI";
    --header-subtitle: "A subsidiary of Terblanche Enterprises LLC";
    --main-content-width: 100vw;
    --main-content-side-margin: 0;
    --main-content-top-margin: 0;
    --really-ease-out: 0, 0.99, 0, 1;
    --kinda-ease-out: 0.32, 0.83, 0.31, 0.82;
    --basalt-background-color: 0, 0, 0;
    --logo: url(https://scp-wiki.wdfiles.com/local--files/fragment%3Ay-ai-1/y-ai-1.png);
  }
  
  body {
    background-color: linear-gradient(to bottom, #fff4e2 49%, black 51%);
    color: #750001;
  }
  
  #header {
    position: fixed;
  }
  
  #page-title {
    display: none !important;
  }
  
  .screen-sized-panel {
    width: 100%;
    height: 100vh;
  }
  
  .hero {
    position: relative;
  }
  
  .hero-flex {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    top: 0;
    left: 0;
    position: absolute;
    width: 100vw;
    height: 100vh;
  }
  
  .hero h1 {
    font-size: 25vw;
    line-height: 1;
    margin: 0;
    padding: 0;
  }
  
  
  .hero h2 {
    font-size: 3vw;
    max-width: 80%;
  }
  
  .screen-sized-panel {
    font-size: 200%;
  }
  
  .main-text {
    font-size: 2.75rem;
    padding: 40px;
  }
  
  .make-font-smaller {
    font-size: 2rem;
  }
  
  .side-by-side {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    height: 100%;
  }
  
  .force-center {
    justify-content: center;
    height: 100vh;
  }
  
  .side-by-side img {
    max-height: 100vh;
    max-width: 50%;
  }
  
  .shrink-img {
    max-width: 50%;
  }
  
  .dark-panel {
    color: #ffceb1;
  }
  
  .one-character {
    font-size: 30vw;
    line-height: 1;
  }
  
  @media (max-width: 768px) {
    .side-by-side {
       flex-direction: column;
       justify-content: center;
    }
  
    .main-text {
      font-size: 2rem;
    }
    
    .make-font-smaller {
      font-size: 1.5rem;
    }
  
    .side-by-side img {
      max-width: 75%;
      margin: -10%;
    }
  
    .hero h2 {
       font-size: 9vw;
    }
  
    .one-character {
      font-size: 30vh;
    }
  }

  Pages using this styling

  • fragment:y-ai-4 [info]

  ¶ 1 occurrence
  

  .assisted-suicide-ad {
    background-image: url(https://scp-wiki.wdfiles.com/local--files/fragment%3Ay-ai-1/sky.jpg);
    color: black;
  }

  Pages using this styling

  • fragment:y-ai-3 [info]

  ¶ 1 occurrence
  

  .book-ad {
    background-color: #ffffff;
    color: black;
  }
  
  .books-container {
    display: flex;
    justify-content: space-evenly;
    width: 100%;
  }
  
  .books-container img {
    padding: 10px;
    filter: drop-shadow(10px 10px 5px #00000088);
    flex-shrink: 1;
    min-width: 0;
  } 

  Pages using this styling

  • fragment:y-ai-3 [info]

  ¶ 1 occurrence
  

  .skullselect-ad {
    background-color: black;
  }
  
  .skullselect-ad-header {
    font-size: 200%;
  }
  
  .ss-review {
    font-style: italic;
    font-size: 90%;
    padding-inline-start: 15px;
  }

  Pages using this styling

  • fragment:y-ai-3 [info]

  ¶ 1 occurrence
  

  :root {
    --header-title: "𝕐";
    --header-subtitle: "Censorship-Free Social Media";
    --main-content-width: 100vw;
    --main-content-side-margin: 0;
    --main-content-top-margin: 0;
    --really-ease-out: 0, 0.99, 0, 1;
    --kinda-ease-out: 0.32, 0.83, 0.31, 0.82;
    --basalt-background-color: 12, 12, 12;
    --logo: url(https://scp-wiki.wdfiles.com/local--files/fragment%3Ay-ai-1/y-ai-1.png);
    --y-border: #ffffff55;
  }
  
  
  #header {
    position: fixed;
  }
  
  #page-title {
    display: none !important;
  }
  
  .tweets {
    width: min(600px, 90%);
    margin: auto;
  }
  
  .main-header {
    border-top: none;
    border: 1px solid var(--y-border);
  }
  
  .main-header h2 {
    text-align: center;
    padding-top: 100px;
    padding-bottom: 100px;
    font-size: 250%;
  }
  
  .y-tweet {
    padding: 20px;
    border: 1px solid var(--y-border);
    border-bottom: none;
    margin-bottom: -1px;
  }
  
  .with-bottom-border {
    border-bottom: 1px solid var(--y-border);
  }
  
  .post-name {
    font-weight: bold;
  }
  
  .post-username {
    color: #888888;
  }
  
  .grep-fact-check {
    margin: 20px;
    padding: 20px;
    border: 1px solid var(--y-border);
    background-color: #222222;
    border-radius: 20px;
  }
  
  .grep-fact-check p:nth-child(1) {
    margin-top: 0;
  }
  
  .grep-fact-check p:nth-last-child(1) {
    margin-bottom: 0;
  }
  
  .annoying-login {
    display: none;
  }
  
  .sign-up-button {
    border-radius: 15px;
    background-color: #333333;
    border: 1px solid var(--y-border);
    width: fit-content;
    padding: 15px;
  }
  
  @media (max-width: 1109px) {
    .y-advertisement {
      display: block;
      border-radius: 15px;
      border: 1px solid var(--y-border);
      padding: 15px;
      margin: 15px;
    }
  }
  
  @media (min-width: 1100px) {
    .annoying-login {
      display: block;
      border-radius: 15px;
      position: fixed;
      top: 70px;
      right: 10px;
      background-color: #121212;
      border: 1px solid var(--y-border);
      width: calc(50% - 360px);
      padding: 15px;
    }
  
    .y-advertisement {
      display: block;
      position: fixed;
      top: 70px;
      left: 10px;
      width: calc(50% - 360px);
      border-radius: 15px;
      border: 1px solid var(--y-border);
      padding: 15px;
      animation-name: show-ad;
      animation-duration: 45s;
      animation-iteration-count: infinite;
      visibility: hidden;
    }
  
    .y-ad-1 {
      animation-delay: 0s;
    }
  
    .y-ad-2 {
      animation-delay: 15s;
    }
  
    .y-ad-3 {
      animation-delay: 30s;
    }
  }
  
  
  
  @keyframes show-ad {
    0% {
      visibility: visible;
    } 
  
    33.332% {
      visibility: visible;
    }
  
    33.333% {
      visibility: hidden;
    }
  
    100% {
      visibility: hidden;
    }
  }
  
  .pfp {
    width: 2lh;
    height: 2lh;
    float: left;
    border-radius: 50%;
    margin-right: 10px;
  }
  
  .verified-factual-by-grep {
    font-style: italic;
    opacity: 0.7;
    display: flex;
    align-items: center;
  }
  
  .verified-factual-by-grep p {
    margin: 0;
  } 
  
  .verified-factual-by-grep::before {
    content: "✔ ";
    font-size: 150%;
    color: #56f241;
    margin-right: 20px;
  }
  
  .y-ai-ad-header {
    opacity: 0.7;
    font-style: italic;
  }
  

  Pages using this styling

  • fragment:y-ai-3 [info]

  ¶ 1 occurrence
  

  
  .final-terblanche-quote {
    background-image: url(https://scp-wiki.wdfiles.com/local--files/fragment%3Ay-ai-1/y-ai-transparent.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    text-shadow: 0 0 10px black;
  }
  

  Pages using this styling

  • fragment:y-ai-2 [info]

  ¶ 1 occurrence
  

  .skull-container {
    position: relative;
    width: fit-content;
  }
  
  .skull-container > img {
    filter: drop-shadow(0 0 10px var(--shadow-color)) brightness(0.7);
  }
  
  .phrenology-tip {
    padding: 10px;
    background-image: linear-gradient(45deg, rgb(12, 13, 15), rgb(24, 26, 30));
    border: 1px solid white;
    border-radius: 20px;
    filter: drop-shadow(0 0 10px black);
    font-size: 1.5vw;
    transform: translate(-50%, -50%);
  }
  
  @media (max-width: 768px) {
    .phrenology-tip {
      font-size: 3vw;
    }
  }
  
  .phrenology-tip1 {
    top: 15%;
    left: 50%;
    position: absolute;
  }
  
  .phrenology-tip2 {
    top: 50%;
    left: 70%;
    position: absolute;
  }
  
  .phrenology-tip3 {
    top: 85%;
    left: 20%;
    position: absolute;
  }
  
  .selection-circle {
    border-radius: 50%;
    border: 1px solid white;
    filter: drop-shadow(0 0 3px black);
    transform: translate(-50%, -50%);
    backdrop-filter: brightness(1.5);
  }

  Pages using this styling

  • fragment:y-ai-2 [info]

  ¶ 1 occurrence
  

  
  .delivery {
    border-radius: 20px;
    background-color: white;
    padding: 20px;
    margin: 10px;
    filter: drop-shadow(0 0 5px #00000077);
  }
  
  .delivery-options {
    display: flex;
    align-items: center;
  }
  
  .delivery p {
    margin: 0;
  }
  
  .phone {
    width: 30vw;
    height: 60vw;
    border: 1vw solid black;
    border-radius: 20px;
    filter: drop-shadow(0 0 10px var(--shadow-color));
    background-color: #eeeeee;
    display: flex;
    flex-direction: column;
    padding: 0;
    color: black;
    margin: 40px;
    flex-grow: 0;
    overflow: hidden;
    font-size: 1.0vw;
  }
  
  @media (max-width: 1200px) {
    .phone {
      font-size: 0.9vw;
    }
  }
  
  
  @media (max-width: 1100px) {
    #page-content .phone {
      width: min(450px, 90%);
      margin: auto;
      height: 110vw;
      font-size: 1.8vw;
    }
  
    #page-content .panel {
      max-width: min(800px, 90%);
    }
  }
  
  .y-ai-deliver-header {
    font-size: 300%;
    padding: 10px;
    font-weight: bold;
    background-color: #ffffff;
    text-align: center;
    filter: drop-shadow(0 0 5px #00000077);
  }
  
  .y-ai-deliver-menu-options {
    display: flex;
    justify-content: space-evenly;
    font-weight: bold;
    font-size: 50%;
  }
  

  Pages using this styling

  • fragment:y-ai-2 [info]

  ¶ 1 occurrence
  

  :root {
    --header-title: "𝕐 AI";
    --header-subtitle: "A Subsidiary of Terblanche Enterprises LLC";
    --main-content-width: 100vw;
    --main-content-side-margin: 0;
    --main-content-top-margin: 0;
    --really-ease-out: 0, 0.99, 0, 1;
    --kinda-ease-out: 0.32, 0.83, 0.31, 0.82;
    --shadow-color: #8c3bf7;
    --orange-highlight: #ff915c;
    --basalt-background-color: 0, 0, 0;
    --logo: url(https://scp-wiki.wdfiles.com/local--files/fragment%3Ay-ai-1/y-ai-1.png);
  }
  
  .orange {
    color: #ff915c;
  }
  
  .grep-disclaimer {
    font-size: 75%;
    opacity: 0.65;
  }
  
  .swap-order {
    flex-direction: row-reverse;
  }
  
  #page-content .text-user {
    border-radius: 20px;
    border-bottom-right-radius: 0;
    background-color: #ff915c;
    color: black;
    padding: 20px;
    margin-bottom: 20px;
    max-width: 75%;
    margin-left: auto;
  }
  
  #page-content .text-ai {
    border: 1px solid #ffffff88;
    background-color: rgb(40, 40, 40);
    border-radius: 20px;
    border-bottom-left-radius: 0;
    padding: 20px;
    margin-bottom: 20px;
    max-width: 75%;
  }
  
  .side-by-side {
    display: flex;
    justify-content: stretch;
  }
  
  .side-by-side > * {
    width: 0;
    flex-grow: 1;
  }
  
  @media (max-width: 1100px) {
    .side-by-side {
       display: block;
    }
  
    .side-by-side > * {
      width: unset;
    }
  }
  
  @media (max-width: 768px) {
    :root .panel-noborder {
      font-size: 125%;
      margin: 20px;
      padding: 20px;
    }
  
    :root .panel {
      font-size: 125%;
      margin: 20px;
      padding: 20px;
    }
  
    :root h2 {
      font-size: 300%;
    }
  
    #page-content .text-user {
      font-size: 80%;
      padding: 10px;
    }
  
    #page-content .text-ai {
      font-size: 80%;
      padding: 10px;
    }
  
    #page-content ul {
      padding-inline-start: 20px;
    }
  }
  
  #header {
    position: fixed;
  }
  
  #page-title {
    display: none !important;
  }
  
  @media (prefers-reduced-motion) {
    .y-ai-hero * {
      animation: none !important;
    }
  }
  
  .y-ai-hero {
    height: 100vh;
    background-image: linear-gradient(45deg, rgb(12, 13, 15), rgb(24, 26, 30));
    border-bottom: 1px solid white;
    filter: drop-shadow(0 0 10px var(--shadow-color));
  }
  
  .panel {
    margin: 40px;
    padding: 40px;
    background-image: linear-gradient(45deg, rgb(12, 13, 15), rgb(24, 26, 30));
    border: 1px solid white;
    border-radius: 20px;
    filter: drop-shadow(0 0 10px var(--shadow-color));
  }
  
  .panel-noborder {
    margin: 40px;
    padding: 40px;
    font-size: 200%;
  }
  
  .y-ai-flex {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 50vh;
  }
  
  .y-ai-tagline {
    text-align: center;
    font-size: min(5vw, 7.5vh);
    width: min(90%, 40em);
    margin: auto;
    animation: 1s cubic-bezier(var(--really-ease-out)) slidein 1.5s both,
      2s cubic-bezier(var(--kinda-ease-out)) fadein-glow 1.5s both;
    --offset: 0 30vw;
    color: white;
  }
  
  .y-ai-ai {
    font-size: min(20vw, 30vh);
    animation: 1s cubic-bezier(var(--really-ease-out)) slidein 0.84s both,
      2s cubic-bezier(var(--kinda-ease-out)) fadein-glow 1.5s both;
    --offset: 30vw 0;
    vertical-align: center;
  }
  
  .y-ai-container {
    width: min(40vw, 60vh);
    height: min(40vw, 60vh);
    animation: 2s cubic-bezier(var(--kinda-ease-out)) fadein-glow 1.5s both;
    position: relative;
    --offset 0 20vw;
    transform: translate(0, -3vh);
  }
  
  .y-ai-stem {
    width: 8%;
    height: 40%;
    background-color: white;
    position: absolute;
    bottom: 5%;
    left: 46%;
    animation: 1s cubic-bezier(var(--really-ease-out)) slidein;
    --offset: 0 30vw;
  }
  
  .y-ai-right {
    transform-origin: bottom center;
    width: 8%;
    height: 41%;
    background-color: white;
    transform: rotate(45deg);
    position: absolute;
    bottom: 41.5%;
    left: 44.3%;
    clip-path: polygon(0% calc(800% / 41), 100% 0%, 100% 100%, 0% 100%);
    animation: 1s cubic-bezier(var(--really-ease-out)) slidein 0.07s both;
    --offset: 30vw -30vw;
  }
  
  .y-ai-left-1 {
    transform-origin: bottom center;
    width: 4%;
    height: 40%;
    background-color: white;
    transform: rotate(-45deg);
    position: absolute;
    bottom: 41%;
    left: 45.5%;
    clip-path: polygon(0% 0%, 100% 10%, 100% 100%, 0% 100%);
    animation: 1s cubic-bezier(var(--really-ease-out)) slidein 0.14s both;
    --offset: -30vw -30vw;
  }
  
  .y-ai-left-2 {
    transform-origin: bottom center;
    width: 4%;
    height: 36%;
    background-color: white;
    transform: rotate(-45deg);
    position: absolute;
    bottom: 43.9%;
    left: 52.5%;
    clip-path: polygon(0% 0%, 100% 11.111111111%, 100% 100%, 0% 100%);
    animation: 1s cubic-bezier(var(--really-ease-out)) slidein 0.21s both;
    --offset: -30vw -30vw;
  }
  
  .y-ai-left-3 {
    width: 16%;
    height: 4%;
    background-color: white;
    position: absolute;
    bottom: 63.9%;
    left: 20%;
    clip-path: polygon(0% 0%, 75% 0%, 100% 100%, 25% 100%);
    animation: 1s cubic-bezier(var(--really-ease-out)) slidein 0.28s both;
    --offset: -30vw 0;
  }
  
  .y-ai-left-arrow-1 {
    width: 26%;
    height: 2%;
    background-color: #aaaaaa;
    position: absolute;
    bottom: 70.5%;
    left: 13.3%;
    clip-path: polygon(0% 0%, calc(12 / 13 * 100%) 0%, 100% 100%, 0 100%);
    animation: 1s cubic-bezier(var(--really-ease-out)) slidein 0.35s both;
    --offset: -30vw 0;
  }
  
  .y-ai-left-arrow-2 {
    width: 2%;
    height: 26%;
    background-color: #aaaaaa;
    position: absolute;
    bottom: 45.5%;
    left: 13.3%;
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0 calc(12 / 13 * 100%));
    animation: 1s cubic-bezier(var(--really-ease-out)) slidein 0.42s both;
    --offset: 0 -30vw;
  }
  
  .y-ai-right-arrow-1 {
    width: 26%;
    height: 2%;
    background-color: #aaaaaa;
    position: absolute;
    bottom: 70.5%;
    left: 58.3%;
    clip-path: polygon(calc(1 / 13 * 100%) 0%, 100% 0%, 100% 100%, 0 100%);
    animation: 1s cubic-bezier(var(--really-ease-out)) slidein 0.49s both;
    --offset: 30vw 0;
  }
  
  .y-ai-right-arrow-2 {
    width: 2%;
    height: 26%;
    background-color: #aaaaaa;
    position: absolute;
    bottom: 45.5%;
    left: 82.3%;
    clip-path: polygon(0% 0%, 100% 0%, 100% calc(12 / 13 * 100%), 0 100%);
    animation: 1s cubic-bezier(var(--really-ease-out)) slidein 0.56s both;
    --offset: 0 -30vw;
  }
  
  .y-ai-bottom-arrow-middle {
    width: 14%;
    height: 2%;
    background-color: #aaaaaa;
    position: absolute;
    bottom: 0%;
    left: 43%;
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0 100%);
    animation: 1s cubic-bezier(var(--really-ease-out)) slidein 0.63s both;
    --offset: 30vw 0;
  }
  
  .y-ai-bottom-arrow-left {
    transform-origin: center right;
    transform: rotate(45deg);
    width: 20%;
    height: 2%;
    background-color: #aaaaaa;
    position: absolute;
    bottom: -0.25%;
    left: 23.6%;
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 10% 100%);
    animation: 1s cubic-bezier(var(--really-ease-out)) slidein 0.7s both;
    --offset: -30vw -30vw;
  }
  
  .y-ai-bottom-arrow-right {
    transform-origin: center left;
    transform: rotate(-45deg);
    width: 20%;
    height: 2%;
    background-color: #aaaaaa;
    position: absolute;
    bottom: -0.25%;
    left: 56.3%;
    clip-path: polygon(0% 0%, 100% 0%, 90% 100%, 0 100%);
    animation: 1s cubic-bezier(var(--really-ease-out)) slidein 0.77s both;
    --offset: 30vw -30vw;
  }
  
  @keyframes slidein {
    0% {
      translate: var(--offset);
      opacity: 0;
    }
  
    100% {
      translate: 0 0;
      opacity: 1;
    }
  }
  
  @keyframes fadein-glow {
    0% {
      filter: drop-shadow(0 0 0 transparent);
    }
  
    100% {
      filter: drop-shadow(0 0 10px var(--shadow-color));
    }
  }
  
  h2 {
    text-align: center;
    font-size: 600%;
    margin-top: 100px;
    background-clip: text;
    color: transparent;
    background-image: linear-gradient(45deg, var(--shadow-color), #3b64f7);
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
  }
  

  Pages using this styling

  • fragment:y-ai-2 [info]

  ¶ 1 occurrence
  

  #container {
    width: 100%;
    margin: 0px;
    background: linear-gradient(to bottom, #290909, #000000);
  }

  Pages using this styling

  • fragment:y-ai-1 [info]

  ¶ 1 occurrence
  

  :root {
      --header-title: "Woofle's Art Hub";
      --header-subtitle: "random SCP art that has been made";
  }

  Pages using this styling

  • fragment:woofle-1 [info]

  ¶ 1 occurrence
  

  @import url("https://kaktuskontainer.wdfiles.com/local--code/component%3Awoedauthor%3Atheme/1");
  div.WoedContainer.Tech {
      display: none;
  }
  
  .unicode {
  font-family: monospace ! important;
  }
  
  #content-wrap {
      font-size: inherit;
  }
  
  #page-title {
      pointer-events: none;
  }
  
  .info-container .collapsible-block-folded a{
  color: #FFF;}
  .info-container .collapsible-block-unfolded-link a{
  color: #FFF;}
  
  .info-container .collapsible-block-link, 
  .info-container:hover .collapsible-block-link {
  line-height: 1.6em;
  }
  
  .code {
      display:none;
  }
  
  .page-rate-widget-box {
      overflow: hidden;
      position: relative;
  }
  
  iframe.html-block-iframe {
      width: auto;
  }
  
  .ko-fi {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
         -moz-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      width: 100%;
      margin: 0.5em 0;
  }
  
  #u-scps-block > .list-pages-box {
      position: relative;
      margin: 0.25rem 0;
      border-top: 0.125rem solid var(--w-color4);
      border-bottom: 0.125rem solid var(--w-color4);
  }
  
  div#u-scps-block > div:first-of-type {
      margin-top: 0.5rem;
  }
  
  @media (max-width: 775px) {
      #page-content > div:nth-child(1) > div {
          margin-top: 0vh !important;
      }
      .page-rate-widget-box {
          width: intrinsic;  
          width: -moz-max-content;    
          width: -webkit-max-content;
          margin: 0 auto 1vh auto !important;
      }
  }
  
  .shadow {
  -webkit-border-radius: 20px/60px;
  -webkit-box-shadow: rgba(0, 0, 0,.30) 0 2px 3px;
    width: 80%;
    margin: auto;
  }
  .container {
    margin: auto;
    margin-top: -5px;;
  
    background: #fff;
    border: 1px solid #000;
    -webkit-box-shadow: 1px 1px 2px #fff inset,
                -1px -1px 2px #fff inset;
       -moz-box-shadow: 1px 1px 2px #fff inset,
                -1px -1px 2px #fff inset;
            box-shadow: 1px 1px 2px #fff inset,
                -1px -1px 2px #fff inset;
    -webkit-border-radius: 20px/60px;
       -moz-border-radius: 20px/60px;
            border-radius: 20px/60px;  
  }
  
  a img {
      position: relative;
      z-index: 1;
  }
  
  #main-content{
      -webkit-align-self: flex-start;
          -ms-flex-item-align: start;
              align-self: flex-start;
      top: 5px;
      left: 0;
      right: 0;
      bottom: 3vh;
  }

  Pages using this styling

  • fragment:woedenaz-writing [info]

  ¶ 1 occurrence
  

  @import url("https://kaktuskontainer.wdfiles.com/local--code/component%3Awoedauthor%3Atheme/1");
  .attachment {
      width: 18rem !important;
  }
  
  iframe.html-block-iframe {
      width: 100%;
  }
  
  div.WoedContainer.Writing {
      display: none;
  }
  
  div.WoedContainer.Tech {
      overflow: visible;
      margin: 0 0 6rem 0;
  }
  
  div.WoedContainer.Tech .skips,
  div.WoedContainer.Tech .WholeContainer {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-flow: column wrap;
      -moz-box-orient: vertical;
      -moz-box-direction: normal;
      -ms-flex-flow: column wrap;
      flex-flow: column wrap;
      -webkit-box-align: stretch;
      -webkit-align-items: stretch;
      -moz-box-align: stretch;
      -ms-flex-align: stretch;
      align-items: stretch;
      -webkit-align-self: flex-start;
      -ms-flex-item-align: start;
      align-self: flex-start;
      -webkit-box-flex: 2;
      -webkit-flex-grow: 2;
      -moz-box-flex: 2;
      -ms-flex-positive: 2;
      flex-grow: 2;
      width: -webkit-calc(100% - (var(--w-fontCalc) + 19vh));
      width: -moz-calc(100% - (var(--w-fontCalc) + 19vh));
      width: calc(100% - (var(--w-fontCalc) + 19vh));
      -webkit-flex-basis: 200vw;
      -ms-flex-preferred-size: 200vw;
      flex-basis: 200vw;
  }
  
  div.WoedContainer.Tech .skips {
      height: 5rem !important;
  }
  
  div.WoedContainer.Tech div.skips > div.labels > div.title {
      line-height: 1;
      text-align: left;
  }
  
  div.WoedContainer.Tech .skips,
  div.WoedContainer.Tech .WholeContainer {
      height: 100%;
  }
  
  div.WoedContainer.Tech > div.name {
      right: 1vh;
  }
  
  div.WoedContainer.Tech .discord {
      text-transform: initial;
      text-align: initial;
      letter-spacing: initial;
  }
  
  div.scps-block div.warning {
      background-color: rgb(var(--white-monochrome));
      -webkit-border-radius: 0.5rem;
      -moz-border-radius: 0.5rem;
      border-radius: 0.5rem;
      padding: 0.25em;
      margin: 0.25em;
      font-family: var(--body-font);
      font-size: 65%;
  }
  
  div.scps-block div.scp-hover-box {
      text-transform: none;
  }
  
  div.WoedContainer.Tech .scps-block {
      border: 0rem solid var(--w-color3);
  }
  
  div.WoedContainer.Tech div.scps-block > img:nth-of-type(1) {
      margin: 0.25em;
      border: 0.5em solid rgb(252,252,252);
  }
  
  .scps-block div.collapsible-block-content {
      margin: 0 1em 1em;
      padding: 0.25em 1em 1em;
      background-color: var(--w-color1);
      -webkit-border-radius: 0.25rem;
      -moz-border-radius: 0.25rem;
      border-radius: 0.25rem;
  }
  
  .scps-block div.collapsible-block-unfolded > div.collapsible-block-content > p > a,
  .scps-block div.collapsible-block-unfolded > div.collapsible-block-content > a {
      padding: .5vh .5vw;
      margin: .5vh .5vw;
      -webkit-border-radius: .25vw;
      -moz-border-radius: .25vw;
      border-radius: .25vw;
      background: var(--w-color3);
      font-family: 'Exo 2', sans-serif;
      font-size: -webkit-calc(var(--w-fontCalc) * 1.5);
      font-size: -moz-calc(var(--w-fontCalc) * 1.5);
      font-size: calc(var(--w-fontCalc) * 1.5);
      font-weight: 600;
      display: block;
      color: var(--w-color4);
      cursor: pointer;
      text-decoration: none;
      word-break: normal;
      transition-property: -webkit-backdrop-filter, backdrop-filter, box-shadow, background-color;
      -moz-transition-duration: 300ms;
      -o-transition-duration: 300ms;
      transition-duration: 300ms;
      -moz-transition-timing-function: cubic-bezier(0.4, 0.0, 0.2, 1);
      -o-transition-timing-function: cubic-bezier(0.4, 0.0, 0.2, 1);
      transition-timing-function: cubic-bezier(0.4, 0.0, 0.2, 1);
      -webkit-transition-property: -webkit-backdrop-filter, backdrop-filter, box-shadow, background-color;
      -webkit-transition-duration: 300ms;
      -webkit-transition-timing-function: cubic-bezier(0.4, 0.0, 0.2, 1);
  }
  
  .scps-block div.collapsible-block-unfolded > div.collapsible-block-content > p > a:hover,
  .scps-block div.collapsible-block-unfolded > div.collapsible-block-content > a:hover {
      -webkit-box-shadow: 0 0.188rem 0.25rem rgba(0, 0, 0, .8);
      -moz-box-shadow: 0 0.188rem 0.25rem rgba(0, 0, 0, .8);
      box-shadow: 0 0.188rem 0.25rem rgba(0, 0, 0, .8);
      background: var(--w-color5);
      text-decoration: none;
  }
  
  div.foldable-list-container {
      position: relative;
      margin: 0.25rem 0;
      border-top: 0.125rem solid var(--w-color4);
      border-bottom: 0.125rem solid var(--w-color4);
  }
  
  div.scps-block > div:first-of-type {
      margin-top: 0.5rem;
  }
  
  div.scps-block > div:last-of-type {
      margin-bottom: 0.5rem;
  }
  
  #page-content > div > div.WholeContainer > div:nth-child(1) > div.scps-block > div:nth-child(6) > div.collapsible-block > div.collapsible-block-unfolded > div.collapsible-block-content > p:nth-child(2) {
      display: none;
  }
  
  div.foldable-list-container div.collapsible-block {
      position: relative;
      z-index: 2;
      background: var(--w-color3);
  }
  
  div.preview_img {
      position: absolute;
      padding: 1em;
      background-color: var(--w-color3);
      z-index: 1;
      pointer-events: none;
      opacity: 0;
      width: -webkit-calc(100% - 2rem);
      width: -moz-calc(100% - 2rem);
      width: calc(100% - 2rem);
      max-height: 0%;
      overflow: hidden;
      top: 3.361rem;
      -webkit-border-bottom-right-radius: 0.5rem;
      -moz-border-radius-bottomright: 0.5rem;
      border-bottom-right-radius: 0.5rem;
      -webkit-border-bottom-left-radius: 0.5rem;
      -moz-border-radius-bottomleft: 0.5rem;
      border-bottom-left-radius: 0.5rem;
      border-bottom: 0.125rem solid var(--w-color4);
      -o-transition-property: opacity, max-height;
      -moz-transition-property: opacity, max-height;
      transition-property: opacity, max-height;
      -moz-transition-duration: 300ms;
      -o-transition-duration: 300ms;
      transition-duration: 300ms;
      -moz-transition-timing-function: cubic-bezier(0.4, 0.0, 0.2, 1);
      -o-transition-timing-function: cubic-bezier(0.4, 0.0, 0.2, 1);
      transition-timing-function: cubic-bezier(0.4, 0.0, 0.2, 1);
      -webkit-transition-property: opacity, max-height;
      -webkit-transition-duration: 300ms;
      -webkit-transition-timing-function: cubic-bezier(0.4, 0.0, 0.2, 1);
      left: 1rem;
  }
  
  div.collapsible-block:hover + div.preview_img {
      opacity: 1;
      max-height: 2000%;
  }
  
  div.preview_img > img {
      -webkit-border-radius: 0.5rem;
      -moz-border-radius: 0.5rem;
      border-radius: 0.5rem;
  }
  
  div.WholeContainer > div:nth-of-type(1) {
      z-index: 3;
  }
  
  div.WholeContainer > div:nth-of-type(2) {
      z-index: 2;
  }
  
  div.WholeContainer > div:nth-of-type(2) {
      z-index: 1;
  }
  
  div.scps-block > div:nth-of-type(1) {
      z-index: 12;
  }
  
  div.scps-block > div:nth-of-type(2) {
      z-index: 11;
  }
  
  div.scps-block > div:nth-of-type(3) {
      z-index: 10;
  }
  
  div.scps-block > div:nth-of-type(4) {
      z-index: 9;
  }
  
  div.scps-block > div:nth-of-type(5) {
      z-index: 8;
  }
  
  div.scps-block > div:nth-of-type(6) {
      z-index: 7;
  }
  
  div.scps-block > div:nth-of-type(7) {
      z-index: 6;
  }
  
  div.scps-block > div:nth-of-type(8) {
      z-index: 5;
  }
  
  div.scps-block > div:nth-of-type(9) {
      z-index: 4;
  }
  
  div.scps-block > div:nth-of-type(10) {
      z-index: 3;
  }
  
  div.scps-block > div:nth-of-type(11) {
      z-index: 2;
  }
  
  div.scps-block > div:nth-of-type(12) {
      z-index: 1;
  }
  
  /* Theme-Specific Styling */
  
  .foldable-list-container.BHL,
  .foldable-list-container.BHL > *,
  .foldable-list-container.BHL a.collapsible-block-link {
      background-color: transparent;
      text-shadow: 0 0 0 rgb(100,3,15), 0 0 0 rgb(100,3,15);
      color: rgb(133, 0, 5);
  }
  
  .foldable-list-container.BHL > .collapsible-block {
      overflow: hidden;
  }
  
  .foldable-list-container.BHL > .collapsible-block::before {
      content: " ";
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      pointer-events: none;
      background: -webkit-gradient(linear,
          left bottom, left top,
          from(rgb(100,46,44)),
          color-stop(90%, rgb(12,12,12)),
          to(rgb(12,12,12)));
      background: -webkit-linear-gradient(bottom,
          rgb(100,46,44) 0%,
          rgb(12,12,12) 90%,
          rgb(12,12,12));
      background: -moz-linear-gradient(bottom,
          rgb(100,46,44) 0%,
          rgb(12,12,12) 90%,
          rgb(12,12,12));
      background: -o-linear-gradient(bottom,
          rgb(100,46,44) 0%,
          rgb(12,12,12) 90%,
          rgb(12,12,12));
      background: linear-gradient(0deg,
          rgb(100,46,44) 0%,
          rgb(12,12,12) 90%,
          rgb(12,12,12));
      -webkit-transform: translateX(-100%);
         -moz-transform: translateX(-100%);
          -ms-transform: translateX(-100%);
           -o-transform: translateX(-100%);
              transform: translateX(-100%);
      opacity: 0;
      -webkit-transition: 
          opacity 300ms cubic-bezier(0.4, 0.0, 0.2, 1),
          -webkit-transform 300ms 100ms cubic-bezier(0.4, 0.0, 0.2, 1);
      transition: 
          opacity 300ms cubic-bezier(0.4, 0.0, 0.2, 1),
          -webkit-transform 300ms 100ms cubic-bezier(0.4, 0.0, 0.2, 1);
      -o-transition: 
          opacity 300ms cubic-bezier(0.4, 0.0, 0.2, 1),
          -o-transform 300ms 100ms cubic-bezier(0.4, 0.0, 0.2, 1);
      -moz-transition: 
          transform 300ms 100ms cubic-bezier(0.4, 0.0, 0.2, 1),
          opacity 300ms cubic-bezier(0.4, 0.0, 0.2, 1),
          -moz-transform 300ms 100ms cubic-bezier(0.4, 0.0, 0.2, 1);
      transition: 
          transform 300ms 100ms cubic-bezier(0.4, 0.0, 0.2, 1),
          opacity 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
      transition: 
          transform 300ms 100ms cubic-bezier(0.4, 0.0, 0.2, 1),
          opacity 300ms cubic-bezier(0.4, 0.0, 0.2, 1),
          -webkit-transform 300ms 100ms cubic-bezier(0.4, 0.0, 0.2, 1),
          -moz-transform 300ms 100ms cubic-bezier(0.4, 0.0, 0.2, 1),
          -o-transform 300ms 100ms cubic-bezier(0.4, 0.0, 0.2, 1);
      z-index: -1;
  }
  
  .foldable-list-container.BHL > .collapsible-block:hover::before {
      -webkit-transform: translateX(0%);
         -moz-transform: translateX(0%);
          -ms-transform: translateX(0%);
           -o-transform: translateX(0%);
              transform: translateX(0%);
      opacity: 1;
  }
  
  .foldable-list-container.BHL .preview_img {
      background-color:  rgb(100,46,44);
  }
  
  .foldable-list-container.BHL .collapsible-block {
      background-color: rgb(244, 244, 244) !important;
  }
  
  .foldable-list-container.BHL .collapsible-block-content {
      background: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgb(100, 46, 44)), color-stop(90%, rgb(12, 12, 12)), to(rgb(12, 12, 12)));
      background: -webkit-linear-gradient(bottom, rgb(100, 46, 44) 0, rgb(12, 12, 12) 90%, rgb(12, 12, 12) 100%);
      background: -moz-linear-gradient(bottom, rgb(100, 46, 44) 0, rgb(12, 12, 12) 90%, rgb(12, 12, 12) 100%);
      background: -o-linear-gradient(bottom, rgb(100, 46, 44) 0, rgb(12, 12, 12) 90%, rgb(12, 12, 12) 100%);
      background: linear-gradient(to top, rgb(100, 46, 44) 0, rgb(12, 12, 12) 90%, rgb(12, 12, 12) 100%);
  }
  
  .foldable-list-container.BHL div.collapsible-block-unfolded > div.collapsible-block-content > a {
      background-color: rgb(133, 0, 5);
      color: rgb(244, 244, 244);
  }
  
  .foldable-list-container.BHL div.collapsible-block-unfolded > div.collapsible-block-content > a:hover {
      -webkit-box-shadow: 0.188rem 0.188rem 0 rgba(198, 0, 7, 1);
      -moz-box-shadow: 0.188rem 0.188rem 0 rgba(198, 0, 7, 1);
      box-shadow: 0.188rem 0.188rem 0 rgba(198, 0, 7, 1);
  }
  
  .foldable-list-container.BHL div.collapsible-block-unfolded > div.collapsible-block-content > a:hover {
      -webkit-box-shadow: 0 0.188rem 0.25rem rgba(133, 0, 5, .8);
      -moz-box-shadow: 0 0.188rem 0.25rem rgba(133, 0, 5, .8);
      box-shadow: 0 0.188rem 0.25rem rgba(133, 0, 5, .8);
  }
  
  .foldable-list-container.WL,
  .foldable-list-container.WL > *,
  .foldable-list-container.WL a.collapsible-block-link {
      background: url("https://wanderers-library.wikidot.com/local--files/component:theme/wlheader_bg.png") !important;
      -webkit-background-size: 100% 100%;
      -moz-background-size: 100%;
      -o-background-size: 100%;
      background-size: 100%;
      color: rgb(255, 219, 90);
  }
  
  .foldable-list-container.WL .collapsible-block-content {
      background: rgb(30, 55, 30);
  }
  
  .foldable-list-container.WL div.collapsible-block-unfolded > div.collapsible-block-content > a {
      background-color: rgb(228, 180, 28);
      color: rgb(30, 55, 30);
  }
  
  .foldable-list-container.WL div.collapsible-block-unfolded > div.collapsible-block-content > a:hover {
      -webkit-box-shadow: 0.188rem 0.188rem 0 rgba(255, 219, 90, 1);
      -moz-box-shadow: 0.188rem 0.188rem 0 rgba(255, 219, 90, 1);
      box-shadow: 0.188rem 0.188rem 0 rgba(255, 219, 90, 1);
  }
  
  .foldable-list-container.UIU,
  .foldable-list-container.UIU > *,
  .foldable-list-container.UIU a.collapsible-block-link {
      background: unset !important;
      -webkit-background-size: 100% 100%;
      -moz-background-size: 100%;
      -o-background-size: 100%;
      background-size: 100%;
      color: rgb(230, 234, 24);
      -webkit-transition:
          text-shadow 300ms cubic-bezier(0.4, 0.0, 0.2, 1),
          color 300ms cubic-bezier(0.4, 0.0, 0.2, 1),
          -webkit-box-shadow 1000ms cubic-bezier(0.4, 0.0, 0.2, 1);
      transition:
          text-shadow 300ms cubic-bezier(0.4, 0.0, 0.2, 1),
          color 300ms cubic-bezier(0.4, 0.0, 0.2, 1),
          -webkit-box-shadow 1000ms cubic-bezier(0.4, 0.0, 0.2, 1);
      -o-transition:
          text-shadow 300ms cubic-bezier(0.4, 0.0, 0.2, 1),
          color 300ms cubic-bezier(0.4, 0.0, 0.2, 1),
          box-shadow 1000ms cubic-bezier(0.4, 0.0, 0.2, 1);
      -moz-transition:
          text-shadow 300ms cubic-bezier(0.4, 0.0, 0.2, 1),
          color 300ms cubic-bezier(0.4, 0.0, 0.2, 1),
          box-shadow 1000ms cubic-bezier(0.4, 0.0, 0.2, 1),
          -moz-box-shadow 1000ms cubic-bezier(0.4, 0.0, 0.2, 1);
      transition:
          text-shadow 300ms cubic-bezier(0.4, 0.0, 0.2, 1),
          color 300ms cubic-bezier(0.4, 0.0, 0.2, 1),
          box-shadow 1000ms cubic-bezier(0.4, 0.0, 0.2, 1);
      transition:
          text-shadow 300ms cubic-bezier(0.4, 0.0, 0.2, 1),
          color 300ms cubic-bezier(0.4, 0.0, 0.2, 1),
          box-shadow 1000ms cubic-bezier(0.4, 0.0, 0.2, 1),
          -webkit-box-shadow 1000ms cubic-bezier(0.4, 0.0, 0.2, 1),
          -moz-box-shadow 1000ms cubic-bezier(0.4, 0.0, 0.2, 1);
  }
  
  .foldable-list-container.UIU {
      background: -webkit-linear-gradient(55deg,
          rgb(15, 11, 12) 0,
          rgb(26, 20, 71) 90%,
          rgb(26, 20, 71)) !important;
      background: -moz-linear-gradient(55deg,
          rgb(15, 11, 12) 0,
          rgb(26, 20, 71) 90%,
          rgb(26, 20, 71)) !important;
      background: -o-linear-gradient(55deg,
          rgb(15, 11, 12) 0,
          rgb(26, 20, 71) 90%,
          rgb(26, 20, 71)) !important;
      background: linear-gradient(35deg,
          rgb(15, 11, 12) 0,
          rgb(26, 20, 71) 90%,
          rgb(26, 20, 71)) !important;
  }
  
  .foldable-list-container.UIU > .preview_img {
      background: -webkit-linear-gradient(55deg,
          rgb(15, 11, 12) 0,
          rgb(26, 20, 71) 90%,
          rgb(26, 20, 71)) !important;
      background: -moz-linear-gradient(55deg,
          rgb(15, 11, 12) 0,
          rgb(26, 20, 71) 90%,
          rgb(26, 20, 71)) !important;
      background: -o-linear-gradient(55deg,
          rgb(15, 11, 12) 0,
          rgb(26, 20, 71) 90%,
          rgb(26, 20, 71)) !important;
      background: linear-gradient(35deg,
          rgb(15, 11, 12) 0,
          rgb(26, 20, 71) 90%,
          rgb(26, 20, 71)) !important;
  }
  
  .foldable-list-container.UIU:hover {
      -webkit-box-shadow: inset 100vw 0 0 0 rgba(239, 221, 27, 1);
         -moz-box-shadow: inset 100vw 0 0 0 rgba(239, 221, 27, 1);
              box-shadow: inset 100vw 0 0 0 rgba(239, 221, 27, 1);
  }
  
  .foldable-list-container.UIU:hover a.collapsible-block-link {
      color: rgb(15, 11, 12);
      text-shadow: -0.125rem 0.125rem 0 rgb(227, 69, 38), -0.188rem 0.188em 0 rgb(227, 69, 38);
  }
  
  .foldable-list-container.UIU .collapsible-block-content {
      background: rgb(239, 221, 27);
  }
  
  .foldable-list-container.UIU div.collapsible-block-unfolded > div.collapsible-block-content > a {
      background-color: rgb(26, 20, 71);
      color: rgb(239, 221, 27);
  }
  
  .foldable-list-container.UIU div.collapsible-block-unfolded > div.collapsible-block-content > a:hover {
      -webkit-box-shadow: 0.188rem 0.188rem 0 rgba(15, 11, 12);
         -moz-box-shadow: 0.188rem 0.188rem 0 rgba(15, 11, 12);
              box-shadow: 0.188rem 0.188rem 0 rgba(15, 11, 12);
      background-color: rgb(148, 26, 29);
  }
  
  .foldable-list-container.TFT,
  .foldable-list-container.TFT > *,
  .foldable-list-container.TFT a.collapsible-block-link {
      background: unset !important;
      background-size: 100%;
      color: rgb(252, 252 ,252);
      transition:
          text-shadow 300ms cubic-bezier(0.4, 0.0, 0.2, 1), color 300ms cubic-bezier(0.4, 0.0, 0.2, 1), box-shadow 1000ms cubic-bezier(0.4, 0.0, 0.2, 1);
  }
  
  .foldable-list-container.TFT {
      background: 
          linear-gradient(
              rgb(100, 3, 15) 0%, 
              rgb(12, 12, 12) 90%, 
              rgb(12, 12, 12) 100%) !important;
  }
  
  .foldable-list-container.TFT::before {
      content: " ";
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      pointer-events: none;
      background: 
          url("https://scp-wiki.wikidot.com/local--files/component:the-foundation-theme/cons_circle.svg"), 
          linear-gradient(
              rgb(100, 3, 15) 0%, 
              rgb(12, 12, 12) 90%, 
              rgb(12, 12, 12) 100%);
      background-size: 200%, 200%;
      background-position: center -10.5rem, center center;
      background-blend-mode: overlay !important;
      z-index: 2;
  }
  
  .foldable-list-container.TFT > .preview_img {
      background: rgb(200, 0 ,5) !important;
  }
  
  .foldable-list-container.TFT:hover {
      box-shadow: inset 100vw 0 0 0 rgba(200, 0 ,5, 1);
  }
  
  .foldable-list-container.TFT a.collapsible-block-link {
      z-index: 9;
  }
  
  .foldable-list-container.TFT:hover a.collapsible-block-link {
      color: rgb(252,252,252);
      text-shadow: -0.125rem 0.125rem 0 rgb(227, 69, 38), -0.188rem 0.188em 0 rgb(227, 69, 38);
  }
  
  .foldable-list-container.TFT .collapsible-block-content {
      background: rgb(200, 0 ,5);
  }
  
  .foldable-list-container.TFT div.collapsible-block-unfolded > div.collapsible-block-content > a {
      background-color: rgb(12,12,12);
      color: rgb(200, 0 ,5);
  }
  
  .foldable-list-container.TFT div.collapsible-block-unfolded > div.collapsible-block-content > a:hover {
      color: rgb(252,252,252);
      box-shadow: 0.188rem 0.188rem 0 rgba(12, 12, 12);
      background-color: rgb(148, 26, 29);
  }
  
  .foldable-list-container.CHSCP,
  .foldable-list-container.CHSCP > div,
  .foldable-list-container.CHSCP a.collapsible-block-link {
      background: rgb(195, 7, 7) !important;
      color: rgb(234, 224, 224);
  }
  
  .foldable-list-container.CHSCP {
      position: relative;
  }
  
  .foldable-list-container.CHSCP::before {
      background-image: url("https://scp-wiki.wdfiles.com/local--files/component%3Ach-scp-theme/subtle_white_mini_waves.png");
      -webkit-background-size: auto auto;
      -moz-background-size: auto;
      -o-background-size: auto;
      background-size: auto;
      background-repeat: repeat;
      background-position: 0 0;
      background-blend-mode: soft-light;
      content: " ";
      z-index: 5;
      height: 100%;
      width: 100%;
      position: absolute;
      top: 0;
      left: 0;
      pointer-events: none;
  }
  
  .foldable-list-container.CHSCP .collapsible-block-content {
      background: rgb(252, 252, 252);
  }
  
  .foldable-list-container.CHSCP div.collapsible-block-unfolded > div.collapsible-block-content > a {
      background-color: rgb(80, 0, 2);
      color: rgb(252, 252, 252);
  }
  
  .foldable-list-container.GalFed,
  .foldable-list-container.GalFed > div,
  .foldable-list-container.GalFed a.collapsible-block-link {
      background-image: url("https://scp-wiki.wikidot.com/local--files/component:galactic-theme/galfed_bg.png") !important;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
      background-color: rgb(27, 22, 62) !important;
      color: rgb(246, 246, 246);
  }
  
  .foldable-list-container.GalFed .collapsible-block-content {
      background: rgb(27, 22, 62);
  }
  
  .foldable-list-container.GalFed div.collapsible-block-unfolded > div.collapsible-block-content > a {
      background-color: rgb(203, 90, 204);
      color: rgb(27, 22, 62);
  }
  
  .foldable-list-container.GalFed div.collapsible-block-unfolded > div.collapsible-block-content > a:hover {
      -webkit-box-shadow: 0.188rem 0.188rem 0 rgba(246, 246, 246, 1);
      -moz-box-shadow: 0.188rem 0.188rem 0 rgba(246, 246, 246, 1);
      box-shadow: 0.188rem 0.188rem 0 rgba(246, 246, 246, 1);
  }
  
  .foldable-list-container.OldMoney,
  .foldable-list-container.OldMoney > div,
  .foldable-list-container.OldMoney a.collapsible-block-link {
      background: rgb(70, 56, 33) !important;
      color: rgb(252, 236, 135);
  }
  
  .foldable-list-container.OldMoney {
      position: relative;
  }
  
  .foldable-list-container.OldMoney::before {
      background-image: url("https://scp-wiki.wikidot.com/local--files/component:old-money-theme/deco-pattern.png");
      -webkit-background-size: 40% 40%;
      -moz-background-size: 40%;
      -o-background-size: 40%;
      background-size: 40%;
      background-repeat: repeat;
      background-position: 0 0;
      background-blend-mode: soft-light;
      content: " ";
      z-index: 3;
      height: 100%;
      width: 100%;
      position: absolute;
      top: 0;
      left: 0;
      pointer-events: none;
  }
  
  .foldable-list-container.OldMoney .collapsible-block-content {
      background: rgb(26, 25, 24);
  }
  
  .foldable-list-container.OldMoney div.collapsible-block-unfolded > div.collapsible-block-content > a {
      background: url("https://wanderers-library.wikidot.com/local--files/component:theme/goldfoil.png");
      color: rgb(70, 56, 33);
  }
  
  .foldable-list-container.OldMoney div.collapsible-block-unfolded > div.collapsible-block-content > a:hover {
      -webkit-box-shadow: 0.188rem 0.188rem 0 rgba(246, 246, 246, 1);
      -moz-box-shadow: 0.188rem 0.188rem 0 rgba(246, 246, 246, 1);
      box-shadow: 0.188rem 0.188rem 0 rgba(246, 246, 246, 1);
  }
  
  .foldable-list-container.Aesthetic,
  .foldable-list-container.Aesthetic > div {
      color: rgb(250, 245, 45);
      text-shadow: inherit;
      background-color: rgb(39, 6, 75) !important;
      text-shadow: .063rem .063rem .063rem rgb(250, 245, 45);
  }
  
  .foldable-list-container.Aesthetic a.collapsible-block-link {
      color: rgb(250, 245, 45);
      text-shadow: inherit;
      background: -webkit-gradient(linear,
          left bottom, left top,
          from(rgb(39, 6, 75)),
          color-stop(20%, rgb(39, 6, 75)),
          color-stop(40%, rgb(195, 42, 158)),
          color-stop(70%, rgb(1, 245, 252)));
      background: -webkit-linear-gradient(bottom,
          rgb(39, 6, 75) 0%,
          rgb(39, 6, 75) 20%,
          rgb(195, 42, 158) 40%,
          rgb(1, 245, 252) 70%);
      background: -moz-linear-gradient(bottom,
          rgb(39, 6, 75) 0%,
          rgb(39, 6, 75) 20%,
          rgb(195, 42, 158) 40%,
          rgb(1, 245, 252) 70%);
      background: -o-linear-gradient(bottom,
          rgb(39, 6, 75) 0%,
          rgb(39, 6, 75) 20%,
          rgb(195, 42, 158) 40%,
          rgb(1, 245, 252) 70%);
      background: linear-gradient(to top,
          rgb(39, 6, 75) 0%,
          rgb(39, 6, 75) 20%,
          rgb(195, 42, 158) 40%,
          rgb(1, 245, 252) 70%);
      -webkit-background-size: 100% 110%;
      -moz-background-size: 100% 110%;
      -o-background-size: 100% 110%;
      background-size: 100% 110%;
      background-clip: text;
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      overflow-wrap: normal;
      background-color: rgb(39, 6, 75) !important;
      text-shadow: .063rem .063rem .063rem rgb(250, 245, 45);
  }
  
  .foldable-list-container.Aesthetic::before,
  .foldable-list-container.Aesthetic > div::before,
  .foldable-list-container.Aesthetic a.collapsible-block-link::before {
      content: " ";
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      pointer-events: none;
      background-image: url("https://scp-wiki.wikidot.com/local--files/component:aesthetic-theme/AESTHETIC_mtns.svg");
      -webkit-background-size: 150% 400%;
      -moz-background-size: 150% 400%;
      -o-background-size: 150% 400%;
      background-size: 150% 400%;
      background-position: center;
      -webkit-mask-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.9)), to(rgba(0, 0, 0, 0)));
      -webkit-mask-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0));
      mask-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.9)), to(rgba(0, 0, 0, 0)));
      mask-image: linear-gradient(to top, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0));
  }
  
  .foldable-list-container.Aesthetic .collapsible-block-content {
      background: rgb(39, 6, 75);
  }
  
  .foldable-list-container.Aesthetic div.collapsible-block-unfolded > div.collapsible-block-content > a {
      background-color: rgb(150, 62, 184);
      color: rgb(250, 245, 45);
  }
  
  .foldable-list-container.Aesthetic div.collapsible-block-unfolded > div.collapsible-block-content > a:hover {
      -webkit-box-shadow: 0.188rem 0.188rem 0 rgba(1, 245, 252, 1);
      -moz-box-shadow: 0.188rem 0.188rem 0 rgba(1, 245, 252, 1);
      box-shadow: 0.188rem 0.188rem 0 rgba(1, 245, 252, 1);
  }
  
  .foldable-list-container.eyes,
  .foldable-list-container.eyes > div,
  .foldable-list-container.eyes a.collapsible-block-link {
      background-color: rgb(238, 238, 216) !important;
      color: rgb(105, 133, 111);
  }
  
  .foldable-list-container.eyes .collapsible-block-content {
      background-image: -webkit-repeating-linear-gradient(top,
          hsla(0, 0%, 100%, 0),
          hsla(0, 0%, 100%, 0) 0.25vh,
          rgba(88, 88, 88, 0.1) 0.35vh,
          rgba(88, 88, 88, 0.2) 0.5vh);
      background-image: -moz-repeating-linear-gradient(top,
          hsla(0, 0%, 100%, 0),
          hsla(0, 0%, 100%, 0) 0.25vh,
          rgba(88, 88, 88, 0.1) 0.35vh,
          rgba(88, 88, 88, 0.2) 0.5vh);
      background-image: -o-repeating-linear-gradient(top,
          hsla(0, 0%, 100%, 0),
          hsla(0, 0%, 100%, 0) 0.25vh,
          rgba(88, 88, 88, 0.1) 0.35vh,
          rgba(88, 88, 88, 0.2) 0.5vh);
      background-image: repeating-linear-gradient(180deg,
          hsla(0, 0%, 100%, 0),
          hsla(0, 0%, 100%, 0) 0.25vh,
          rgba(88, 88, 88, 0.1) 0.35vh,
          rgba(88, 88, 88, 0.2) 0.5vh);
      background: rgb(145, 179, 153);
  }
  
  .foldable-list-container.eyes div.collapsible-block-unfolded > div.collapsible-block-content > a {
      background-color: rgb(25, 20, 16);
      color: rgb(238, 238, 216);
      font-family: var(--mono-font);
  }
  
  .foldable-list-container.MZL,
  .foldable-list-container.MZL > div,
  .foldable-list-container.MZL a.collapsible-block-link {
      --text-shadow: rgb(250, 140, 220);
      background: -webkit-linear-gradient(326deg,
          rgba(240, 194, 215, 1),
          rgba(215, 195, 218, 1),
          rgba(181, 197, 223, 1),
          rgba(184, 198, 223, 1),
          rgba(167, 203, 223, 1),
          rgba(196, 221, 189, 1),
          rgba(218, 230, 172, 1),
          rgba(230, 234, 171, 1),
          rgba(255, 242, 167, 1)) !important;
      background: -moz-linear-gradient(326deg,
          rgba(240, 194, 215, 1),
          rgba(215, 195, 218, 1),
          rgba(181, 197, 223, 1),
          rgba(184, 198, 223, 1),
          rgba(167, 203, 223, 1),
          rgba(196, 221, 189, 1),
          rgba(218, 230, 172, 1),
          rgba(230, 234, 171, 1),
          rgba(255, 242, 167, 1)) !important;
      background: -o-linear-gradient(326deg,
          rgba(240, 194, 215, 1),
          rgba(215, 195, 218, 1),
          rgba(181, 197, 223, 1),
          rgba(184, 198, 223, 1),
          rgba(167, 203, 223, 1),
          rgba(196, 221, 189, 1),
          rgba(218, 230, 172, 1),
          rgba(230, 234, 171, 1),
          rgba(255, 242, 167, 1)) !important;
      background: linear-gradient(124deg,
          rgba(240, 194, 215, 1),
          rgba(215, 195, 218, 1),
          rgba(181, 197, 223, 1),
          rgba(184, 198, 223, 1),
          rgba(167, 203, 223, 1),
          rgba(196, 221, 189, 1),
          rgba(218, 230, 172, 1),
          rgba(230, 234, 171, 1),
          rgba(255, 242, 167, 1)) !important;
      color: rgb(245, 233, 239);
      text-shadow: 1px 1px 0 var(--text-shadow),
          -1px 1px 0 var(--text-shadow),
          1px -1px 0 var(--text-shadow),
          -1px -1px 0 var(--text-shadow),
          0px 1px 0 var(--text-shadow),
          0px -1px 0 var(--text-shadow),
          -1px 0px 0 var(--text-shadow),
          1px 0px 0 var(--text-shadow),
          2px 2px 0 var(--text-shadow),
          -2px 2px 0 var(--text-shadow),
          2px -2px 0 var(--text-shadow),
          -2px -2px 0 var(--text-shadow),
          0px 2px 0 var(--text-shadow),
          0px -2px 0 var(--text-shadow),
          -2px 0px 0 var(--text-shadow),
          2px 0px 0 var(--text-shadow),
          1px 2px 0 var(--text-shadow),
          -1px 2px 0 var(--text-shadow),
          1px -2px 0 var(--text-shadow),
          -1px -2px 0 var(--text-shadow),
          2px 1px 0 var(--text-shadow),
          -2px 1px 0 var(--text-shadow),
          2px -1px 0 var(--text-shadow),
          -2px -1px 0 var(--text-shadow);
  }
  
  .foldable-list-container.MZL .collapsible-block-content {
      background: rgb(186, 237, 185);
  }
  
  .foldable-list-container.MZL div.collapsible-block-unfolded > div.collapsible-block-content > a {
      background-color: rgb(250, 140, 220);
      color: rgb(238, 238, 216);
  }
  
  .foldable-list-container.Ouro,
  .foldable-list-container.Ouro > div,
  .foldable-list-container.Ouro a.collapsible-block-link {
      background: rgb(63, 1, 0) !important;
      color: rgb(185, 1, 0);
  }
  
  .foldable-list-container.Ouro .collapsible-block-content {
      background: rgb(15, 5, 5);
  }
  
  .foldable-list-container.Ouro div.collapsible-block-unfolded > div.collapsible-block-content > a {
      background-color: rgb(185, 5, 4);
      color: rgb(15, 5, 5);
  }
  
  .foldable-list-container.Ouro div.collapsible-block-unfolded > div.collapsible-block-content > a:hover {
      -webkit-box-shadow: 0 0 1rem rgb(255, 0, 0);
      -moz-box-shadow: 0 0 1rem rgb(255, 0, 0);
      box-shadow: 0 0 1rem rgb(255, 0, 0);
  }
  
  .ko-fi {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -moz-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      width: 100%;
      margin: 0.5em 0;
  }
  
  @media only screen and (max-width: 980px) {
      div.WoedContainer.Tech .skips,
      div.WoedContainer.Tech .WholeContainer {
          width: 95% !important;
          margin: 0 auto;
          font-size: 75%;
          -webkit-flex-basis: inherit;
          -ms-flex-preferred-size: inherit;
          flex-basis: inherit;
      }
  }

  Pages using this styling

  • fragment:woedenaz-tech [info]

  ¶ 1 occurrence
  

  /* WANDERERS" LIBRARY CSS */
  @import url("https://wanderers-library.wikidot.com/component:dustjacket-theme-typefaces/code/1");
  @import url("https://use.typekit.net/tqr1skr.css");
  
  .library-container {
      --library-gold: 255, 219, 90;
      --library-dkgreen: 45, 70, 45;
      position: relative;
      overflow: hidden;
      -webkit-border-radius: 2rem;
         -moz-border-radius: 2rem;
              border-radius: 2rem;
  }
  
  .library-container::before {
      content: "";
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      z-index: 1;
      pointer-events: none;
      -webkit-border-radius: 3rem;
         -moz-border-radius: 3rem;
              border-radius: 3rem;
      background-image: -webkit-linear-gradient(285deg,
      		rgba(var(--library-gold), 1),
      		rgba(var(--library-gold), 0.3) 40%,
      		transparent 40%,
      		transparent 50%,
      		rgba(var(--library-gold), 0.8) 52%,
      		rgba(var(--library-gold), 0.4) 70%,
      		transparent 70%);
      background-image: -moz-linear-gradient(285deg,
      		rgba(var(--library-gold), 1),
      		rgba(var(--library-gold), 0.3) 40%,
      		transparent 40%,
      		transparent 50%,
      		rgba(var(--library-gold), 0.8) 52%,
      		rgba(var(--library-gold), 0.4) 70%,
      		transparent 70%);
      background-image: -o-linear-gradient(285deg,
      		rgba(var(--library-gold), 1),
      		rgba(var(--library-gold), 0.3) 40%,
      		transparent 40%,
      		transparent 50%,
      		rgba(var(--library-gold), 0.8) 52%,
      		rgba(var(--library-gold), 0.4) 70%,
      		transparent 70%);
      background-image: linear-gradient(165deg,
      		rgba(var(--library-gold), 1),
      		rgba(var(--library-gold), 0.3) 40%,
      		transparent 40%,
      		transparent 50%,
      		rgba(var(--library-gold), 0.8) 52%,
      		rgba(var(--library-gold), 0.4) 70%,
      		transparent 70%);
      opacity: 0;
      background-position: -10rem -5rem;
      background-repeat: no-repeat;
      -webkit-filter: blur(0.25rem);
              filter: blur(0.25rem);
      -webkit-transition:
      	opacity 600ms cubic-bezier(.45, .05, .55, .95),
      	background-position 600ms cubic-bezier(.79, .14, .15, .86) 300ms;
      -o-transition:
      	opacity 600ms cubic-bezier(.45, .05, .55, .95),
      	background-position 600ms cubic-bezier(.79, .14, .15, .86) 300ms;
      -moz-transition:
      	opacity 600ms cubic-bezier(.45, .05, .55, .95),
      	background-position 600ms cubic-bezier(.79, .14, .15, .86) 300ms;
      transition:
      	opacity 600ms cubic-bezier(.45, .05, .55, .95),
      	background-position 600ms cubic-bezier(.79, .14, .15, .86) 300ms;
  }
  
  .library-container:hover::before {
      opacity: 0.15;
      background-position: 0 0;
      -webkit-transition:
      	opacity 300ms cubic-bezier(.45, .05, .55, .95) 300ms,
      	background-position 600ms cubic-bezier(.79, .14, .15, .86);
      -o-transition:
      	opacity 300ms cubic-bezier(.45, .05, .55, .95) 300ms,
      	background-position 600ms cubic-bezier(.79, .14, .15, .86);
      -moz-transition:
      	opacity 300ms cubic-bezier(.45, .05, .55, .95) 300ms,
      	background-position 600ms cubic-bezier(.79, .14, .15, .86);
      transition:
      	opacity 300ms cubic-bezier(.45, .05, .55, .95) 300ms,
      	background-position 600ms cubic-bezier(.79, .14, .15, .86);
  }
  
  .library {
      display: -ms-grid;
      display: grid;
      -ms-grid-columns: 1fr 0.5rem 2fr;
      grid-template-columns: 1fr 2fr;
      -ms-grid-rows: auto 0.5rem auto;
          grid-template-areas:
      	"wl-image wl-header"
      	"wl-image wl-text";
      grid-gap: 0.5rem;
      gap: 0.5rem;
      position: relative;
      -webkit-box-sizing: border-box;
         -moz-box-sizing: border-box;
              box-sizing: border-box;
      border: 1.25rem solid rgba(0, 0, 0, 0.5);
      -webkit-border-image: url("https://wanderers-library.wdfiles.com/local--files/component%3Adustjacket-theme/wl_border.png") 600 round;
         -moz-border-image: url("https://wanderers-library.wdfiles.com/local--files/component%3Adustjacket-theme/wl_border.png") 600 round;
           -o-border-image: url("https://wanderers-library.wdfiles.com/local--files/component%3Adustjacket-theme/wl_border.png") 600 round;
              border-image: url("https://wanderers-library.wdfiles.com/local--files/component%3Adustjacket-theme/wl_border.png") 600 round;
      border-image-width: 6;
      background: url("https://wanderers-library.wdfiles.com/local--files/component%3Atheme/wlheader_bg.png");
      -webkit-border-radius: 2rem;
         -moz-border-radius: 2rem;
              border-radius: 2rem;
      height: 100%;
      padding: 0.5rem;
      color: rgb(var(--library-gold));
      text-align: center;
      font-family: adelle-sans, sans-serif;
      font-size: 1.15em;
      overflow: hidden;
  }
  
  .library.contest {
      -ms-grid-columns: 2fr 0.5rem 1.5fr;
      grid-template-columns: 2fr 1.5fr;
      -ms-grid-rows: auto 0.5rem auto;
          grid-template-areas:
      	"wl-header wl-image"
      	"wl-text wl-image";
  }
  
  .library>a:first-of-type {
      color: transparent;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none;
      z-index: 1;
  }
  
  .library>div.wl-headers,
  .library>div.wl-text,
  .library>div.wl-image {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
         -moz-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
         -moz-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap;
  }
  
  .library>div.wl-headers {
      -ms-grid-row: 1;
      -ms-grid-column: 3;
      grid-area: wl-header;
  }
  
  .library.contest > .library>div.wl-headers {
      -ms-grid-row: 1;
      -ms-grid-column: 1;
  }
  
  .library>div.wl-headers>div {
      width: 100%;
      padding: 0;
      margin: 0;
  }
  
  .library>div.wl-text {
      -ms-grid-row: 3;
      -ms-grid-column: 3;
      grid-area: wl-text;
      padding: 0 0.5em;
      -webkit-text-decoration: underline double;
         -moz-text-decoration: underline double;
              text-decoration: underline double;
      text-decoration-thickness: 0rem;
      -webkit-text-decoration-color: rgba(228, 180, 28, 0);
         -moz-text-decoration-color: rgba(228, 180, 28, 0);
              text-decoration-color: rgba(228, 180, 28, 0);
      -webkit-transition:
      	text-decoration-thickness 150ms cubic-bezier(0.4, 0, 0.2, 1),
      	-webkit-text-decoration-color 125ms cubic-bezier(0.4, 0, 0.2, 1);
      transition:
      	text-decoration-thickness 150ms cubic-bezier(0.4, 0, 0.2, 1),
      	-webkit-text-decoration-color 125ms cubic-bezier(0.4, 0, 0.2, 1);
      -o-transition:
      	text-decoration-thickness 150ms cubic-bezier(0.4, 0, 0.2, 1),
      	text-decoration-color 125ms cubic-bezier(0.4, 0, 0.2, 1);
      -moz-transition:
      	text-decoration-thickness 150ms cubic-bezier(0.4, 0, 0.2, 1),
      	text-decoration-color 125ms cubic-bezier(0.4, 0, 0.2, 1),
      	-moz-text-decoration-color 125ms cubic-bezier(0.4, 0, 0.2, 1);
      transition:
      	text-decoration-thickness 150ms cubic-bezier(0.4, 0, 0.2, 1),
      	text-decoration-color 125ms cubic-bezier(0.4, 0, 0.2, 1);
      transition:
      	text-decoration-thickness 150ms cubic-bezier(0.4, 0, 0.2, 1),
      	text-decoration-color 125ms cubic-bezier(0.4, 0, 0.2, 1),
      	-webkit-text-decoration-color 125ms cubic-bezier(0.4, 0, 0.2, 1),
      	-moz-text-decoration-color 125ms cubic-bezier(0.4, 0, 0.2, 1);
  }
  
  .library.contest > .library>div.wl-text {
      -ms-grid-row: 3;
      -ms-grid-column: 1;
  }
  
  .library:hover>div.wl-text,
  .library:active>div.wl-text {
      -webkit-text-decoration: underline double rgba(228, 180, 28);
         -moz-text-decoration: underline double rgba(228, 180, 28);
              text-decoration: underline double rgba(228, 180, 28);
      text-decoration-thickness: 0.0625rem;
      -webkit-transition:
      	text-decoration-thickness 150ms cubic-bezier(0.4, 0, 0.2, 1),
      	-webkit-text-decoration-color 50ms cubic-bezier(0.4, 0, 0.2, 1);
      transition:
      	text-decoration-thickness 150ms cubic-bezier(0.4, 0, 0.2, 1),
      	-webkit-text-decoration-color 50ms cubic-bezier(0.4, 0, 0.2, 1);
      -o-transition:
      	text-decoration-thickness 150ms cubic-bezier(0.4, 0, 0.2, 1),
      	text-decoration-color 50ms cubic-bezier(0.4, 0, 0.2, 1);
      -moz-transition:
      	text-decoration-thickness 150ms cubic-bezier(0.4, 0, 0.2, 1),
      	text-decoration-color 50ms cubic-bezier(0.4, 0, 0.2, 1),
      	-moz-text-decoration-color 50ms cubic-bezier(0.4, 0, 0.2, 1);
      transition:
      	text-decoration-thickness 150ms cubic-bezier(0.4, 0, 0.2, 1),
      	text-decoration-color 50ms cubic-bezier(0.4, 0, 0.2, 1);
      transition:
      	text-decoration-thickness 150ms cubic-bezier(0.4, 0, 0.2, 1),
      	text-decoration-color 50ms cubic-bezier(0.4, 0, 0.2, 1),
      	-webkit-text-decoration-color 50ms cubic-bezier(0.4, 0, 0.2, 1),
      	-moz-text-decoration-color 50ms cubic-bezier(0.4, 0, 0.2, 1);
  }
  
  .library:focus-within>div.wl-text {
      -webkit-text-decoration: underline double rgba(228, 180, 28);
         -moz-text-decoration: underline double rgba(228, 180, 28);
              text-decoration: underline double rgba(228, 180, 28);
      text-decoration-thickness: 0.0625rem;
      -webkit-transition:
      	text-decoration-thickness 150ms cubic-bezier(0.4, 0, 0.2, 1),
      	-webkit-text-decoration-color 50ms cubic-bezier(0.4, 0, 0.2, 1);
      transition:
      	text-decoration-thickness 150ms cubic-bezier(0.4, 0, 0.2, 1),
      	-webkit-text-decoration-color 50ms cubic-bezier(0.4, 0, 0.2, 1);
      -o-transition:
      	text-decoration-thickness 150ms cubic-bezier(0.4, 0, 0.2, 1),
      	text-decoration-color 50ms cubic-bezier(0.4, 0, 0.2, 1);
      -moz-transition:
      	text-decoration-thickness 150ms cubic-bezier(0.4, 0, 0.2, 1),
      	text-decoration-color 50ms cubic-bezier(0.4, 0, 0.2, 1),
      	-moz-text-decoration-color 50ms cubic-bezier(0.4, 0, 0.2, 1);
      transition:
      	text-decoration-thickness 150ms cubic-bezier(0.4, 0, 0.2, 1),
      	text-decoration-color 50ms cubic-bezier(0.4, 0, 0.2, 1);
      transition:
      	text-decoration-thickness 150ms cubic-bezier(0.4, 0, 0.2, 1),
      	text-decoration-color 50ms cubic-bezier(0.4, 0, 0.2, 1),
      	-webkit-text-decoration-color 50ms cubic-bezier(0.4, 0, 0.2, 1),
      	-moz-text-decoration-color 50ms cubic-bezier(0.4, 0, 0.2, 1);
  }
  
  .library>div.wl-image {
      -ms-grid-row: 1;
      -ms-grid-row-span: 3;
      -ms-grid-column: 1;
      grid-area: wl-image;
      background-image: url("https://wanderers-library.wdfiles.com/local--files/component%3Atheme/wlheader_bg.png");
      -webkit-border-radius: 50%;
         -moz-border-radius: 50%;
              border-radius: 50%;
      margin: 0 0 1vw 1vw;
      height: -webkit-min-content;
      height: -moz-min-content;
      height: min-content;
      overflow: hidden;
      -ms-grid-row-align: center;
          align-self: center
  }
  
  .library.contest > .library>div.wl-image {
      -ms-grid-row: 1;
      -ms-grid-row-span: 3;
      -ms-grid-column: 3
  }
  
  .library.contest>div.wl-image {
      background-image: url("https://wanderers-library.wdfiles.com/local--files/component%3Atheme/goldfoil.png");
      -webkit-background-size: cover;
         -moz-background-size: cover;
           -o-background-size: cover;
              background-size: cover;
      -webkit-border-radius: 0.75rem;
         -moz-border-radius: 0.75rem;
              border-radius: 0.75rem;
      margin: 0;
      width: -webkit-fit-content;
      width: -moz-fit-content;
      width: fit-content;
  }
  
  
  .library>div.wl-image img {
      -webkit-border-radius: 0.5rem;
         -moz-border-radius: 0.5rem;
              border-radius: 0.5rem;
      width: 100%;
      margin: 0.25rem;
      -o-object-fit: contain;
         object-fit: contain;
      max-width: 15.625rem;
  }
  
  .library.contest>div.wl-image img {
      max-height: 12.25rem;
  }
  
  .library .fake-h2,
  .library .fake-h4 {
      font-family: "zuijinregular", sans-serif;
      letter-spacing: 0.0625rem;
      display: inline-block;
  }
  
  .library .fake-h4 {
      margin-bottom: 0.7em;
      margin-top: -0.5em;
      font-size: 1.3em;
  }
  
  .library .fake-h2 {
      font-family: "zuijinregular", sans-serif;
      margin-bottom: 0.4em;
      font-size: 1.5em;
  }
  
  @media (max-width: 48rem) {
      .library {
      	    grid-template-areas:
      		"wl-header wl-header"
      		"wl-image wl-text";
      }
  
      .library.contest {
      	    grid-template-areas:
      		"wl-header wl-header"
      		"wl-text wl-image";
      }
      .library>div.wl-headers {
      	-ms-grid-row: 1;
      	-ms-grid-column: 1;
      	-ms-grid-column-span: 3;
      }
  
      .library.contest > .library>div.wl-headers {
      	-ms-grid-row: 1;
      	-ms-grid-column: 1;
      	-ms-grid-column-span: 3;
      }
      .library>div.wl-text {
      	-ms-grid-row: 3;
      	-ms-grid-column: 3;
      }
  
      .library.contest > .library>div.wl-text {
      	-ms-grid-row: 3;
      	-ms-grid-column: 1;
      }
      .library>div.wl-image {
      	-ms-grid-row: 3;
      	-ms-grid-row-span: 1;
      	-ms-grid-column: 1;
      }
  
      .library.contest > .library>div.wl-image {
      	-ms-grid-row: 3;
      	-ms-grid-row-span: 1;
      	-ms-grid-column: 3;
      }
  }
  
  @media (max-width: 25.875rem) {
  
      .library,
      .library.contest {
      	    grid-template-areas:
      		"wl-header wl-header"
      		"wl-image wl-image"
      		"wl-text wl-text";
      }
  
      .library>div.wl-image {
      	-ms-grid-column-align: center;
      	    justify-self: center;
      	height: auto;
      }
  
      .library>div.wl-image img {
      	max-height: 20vh;
      }
  
      .library>div.wl-headers {
      	-ms-grid-row: 1;
      	-ms-grid-column: 1;
      	-ms-grid-column-span: 3;
      }
  
      .library>div.wl-text {
      	-ms-grid-row: 5;
      	-ms-grid-column: 1;
      	-ms-grid-column-span: 3;
      }
  
      .library>div.wl-image {
      	-ms-grid-row: 3;
      	-ms-grid-row-span: 1;
      	-ms-grid-column: 1;
      	-ms-grid-column-span: 3;
      }
  }

  Pages using this styling

  • fragment:wl-front-page-box [info]

  ¶ 1 occurrence
  

  /* WANDERERS" LIBRARY CSS */
  @import url("https://wanderers-library.wikidot.com/component:dustjacket-theme-typefaces/code/1");
  @import url("https://use.typekit.net/tqr1skr.css");
  
  .library-container {
      --library-gold: 255, 219, 90;
      --library-dkgreen: 45, 70, 45;
      position: relative;
      overflow: hidden;
      -webkit-border-radius: 2rem;
         -moz-border-radius: 2rem;
              border-radius: 2rem;
  }
  
  .library-container::before {
      content: "";
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      z-index: 1;
      pointer-events: none;
      -webkit-border-radius: 3rem;
         -moz-border-radius: 3rem;
              border-radius: 3rem;
      background-image: -webkit-linear-gradient(285deg,
      		rgba(var(--library-gold), 1),
      		rgba(var(--library-gold), 0.3) 40%,
      		transparent 40%,
      		transparent 50%,
      		rgba(var(--library-gold), 0.8) 52%,
      		rgba(var(--library-gold), 0.4) 70%,
      		transparent 70%);
      background-image: -moz-linear-gradient(285deg,
      		rgba(var(--library-gold), 1),
      		rgba(var(--library-gold), 0.3) 40%,
      		transparent 40%,
      		transparent 50%,
      		rgba(var(--library-gold), 0.8) 52%,
      		rgba(var(--library-gold), 0.4) 70%,
      		transparent 70%);
      background-image: -o-linear-gradient(285deg,
      		rgba(var(--library-gold), 1),
      		rgba(var(--library-gold), 0.3) 40%,
      		transparent 40%,
      		transparent 50%,
      		rgba(var(--library-gold), 0.8) 52%,
      		rgba(var(--library-gold), 0.4) 70%,
      		transparent 70%);
      background-image: linear-gradient(165deg,
      		rgba(var(--library-gold), 1),
      		rgba(var(--library-gold), 0.3) 40%,
      		transparent 40%,
      		transparent 50%,
      		rgba(var(--library-gold), 0.8) 52%,
      		rgba(var(--library-gold), 0.4) 70%,
      		transparent 70%);
      opacity: 0;
      background-position: -10rem -5rem;
      background-repeat: no-repeat;
      -webkit-filter: blur(0.25rem);
              filter: blur(0.25rem);
      -webkit-transition:
      	opacity 600ms cubic-bezier(.45, .05, .55, .95),
      	background-position 600ms cubic-bezier(.79, .14, .15, .86) 300ms;
      -o-transition:
      	opacity 600ms cubic-bezier(.45, .05, .55, .95),
      	background-position 600ms cubic-bezier(.79, .14, .15, .86) 300ms;
      -moz-transition:
      	opacity 600ms cubic-bezier(.45, .05, .55, .95),
      	background-position 600ms cubic-bezier(.79, .14, .15, .86) 300ms;
      transition:
      	opacity 600ms cubic-bezier(.45, .05, .55, .95),
      	background-position 600ms cubic-bezier(.79, .14, .15, .86) 300ms;
  }
  
  .library-container:hover::before {
      opacity: 0.15;
      background-position: 0 0;
      -webkit-transition:
      	opacity 300ms cubic-bezier(.45, .05, .55, .95) 300ms,
      	background-position 600ms cubic-bezier(.79, .14, .15, .86);
      -o-transition:
      	opacity 300ms cubic-bezier(.45, .05, .55, .95) 300ms,
      	background-position 600ms cubic-bezier(.79, .14, .15, .86);
      -moz-transition:
      	opacity 300ms cubic-bezier(.45, .05, .55, .95) 300ms,
      	background-position 600ms cubic-bezier(.79, .14, .15, .86);
      transition:
      	opacity 300ms cubic-bezier(.45, .05, .55, .95) 300ms,
      	background-position 600ms cubic-bezier(.79, .14, .15, .86);
  }
  
  .library {
      display: -ms-grid;
      display: grid;
      -ms-grid-columns: 1fr 0.5rem 2fr;
      grid-template-columns: 1fr 2fr;
      -ms-grid-rows: auto 0.5rem auto;
          grid-template-areas:
      	"wl-image wl-header"
      	"wl-image wl-text";
      grid-gap: 0.5rem;
      gap: 0.5rem;
      position: relative;
      -webkit-box-sizing: border-box;
         -moz-box-sizing: border-box;
              box-sizing: border-box;
      border: 1.25rem solid rgba(0, 0, 0, 0.5);
      -webkit-border-image: url("https://wanderers-library.wdfiles.com/local--files/component%3Adustjacket-theme/wl_border.png") 600 round;
         -moz-border-image: url("https://wanderers-library.wdfiles.com/local--files/component%3Adustjacket-theme/wl_border.png") 600 round;
           -o-border-image: url("https://wanderers-library.wdfiles.com/local--files/component%3Adustjacket-theme/wl_border.png") 600 round;
              border-image: url("https://wanderers-library.wdfiles.com/local--files/component%3Adustjacket-theme/wl_border.png") 600 round;
      border-image-width: 6;
      background: url("https://wanderers-library.wdfiles.com/local--files/component%3Atheme/wlheader_bg.png");
      -webkit-border-radius: 2rem;
         -moz-border-radius: 2rem;
              border-radius: 2rem;
      height: 100%;
      padding: 0.5rem;
      color: rgb(var(--library-gold));
      text-align: center;
      font-family: adelle-sans, sans-serif;
      font-size: 1.15em;
      overflow: hidden;
  }
  
  .library.contest {
      -ms-grid-columns: 2fr 0.5rem 1.5fr;
      grid-template-columns: 2fr 1.5fr;
      -ms-grid-rows: auto 0.5rem auto;
          grid-template-areas:
      	"wl-header wl-image"
      	"wl-text wl-image";
  }
  
  .library>a:first-of-type {
      color: transparent;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none;
      z-index: 1;
  }
  
  .library>div.wl-headers,
  .library>div.wl-text,
  .library>div.wl-image {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
         -moz-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
         -moz-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap;
  }
  
  .library>div.wl-headers {
      -ms-grid-row: 1;
      -ms-grid-column: 3;
      grid-area: wl-header;
  }
  
  .library.contest > .library>div.wl-headers {
      -ms-grid-row: 1;
      -ms-grid-column: 1;
  }
  
  .library>div.wl-headers>div {
      width: 100%;
      padding: 0;
      margin: 0;
  }
  
  .library>div.wl-text {
      -ms-grid-row: 3;
      -ms-grid-column: 3;
      grid-area: wl-text;
      padding: 0 0.5em;
      -webkit-text-decoration: underline double;
         -moz-text-decoration: underline double;
              text-decoration: underline double;
      text-decoration-thickness: 0rem;
      -webkit-text-decoration-color: rgba(228, 180, 28, 0);
         -moz-text-decoration-color: rgba(228, 180, 28, 0);
              text-decoration-color: rgba(228, 180, 28, 0);
      -webkit-transition:
      	text-decoration-thickness 150ms cubic-bezier(0.4, 0, 0.2, 1),
      	-webkit-text-decoration-color 125ms cubic-bezier(0.4, 0, 0.2, 1);
      transition:
      	text-decoration-thickness 150ms cubic-bezier(0.4, 0, 0.2, 1),
      	-webkit-text-decoration-color 125ms cubic-bezier(0.4, 0, 0.2, 1);
      -o-transition:
      	text-decoration-thickness 150ms cubic-bezier(0.4, 0, 0.2, 1),
      	text-decoration-color 125ms cubic-bezier(0.4, 0, 0.2, 1);
      -moz-transition:
      	text-decoration-thickness 150ms cubic-bezier(0.4, 0, 0.2, 1),
      	text-decoration-color 125ms cubic-bezier(0.4, 0, 0.2, 1),
      	-moz-text-decoration-color 125ms cubic-bezier(0.4, 0, 0.2, 1);
      transition:
      	text-decoration-thickness 150ms cubic-bezier(0.4, 0, 0.2, 1),
      	text-decoration-color 125ms cubic-bezier(0.4, 0, 0.2, 1);
      transition:
      	text-decoration-thickness 150ms cubic-bezier(0.4, 0, 0.2, 1),
      	text-decoration-color 125ms cubic-bezier(0.4, 0, 0.2, 1),
      	-webkit-text-decoration-color 125ms cubic-bezier(0.4, 0, 0.2, 1),
      	-moz-text-decoration-color 125ms cubic-bezier(0.4, 0, 0.2, 1);
  }
  
  .library.contest > .library>div.wl-text {
      -ms-grid-row: 3;
      -ms-grid-column: 1;
  }
  
  .library:hover>div.wl-text,
  .library:active>div.wl-text {
      -webkit-text-decoration: underline double rgba(228, 180, 28);
         -moz-text-decoration: underline double rgba(228, 180, 28);
              text-decoration: underline double rgba(228, 180, 28);
      text-decoration-thickness: 0.0625rem;
      -webkit-transition:
      	text-decoration-thickness 150ms cubic-bezier(0.4, 0, 0.2, 1),
      	-webkit-text-decoration-color 50ms cubic-bezier(0.4, 0, 0.2, 1);
      transition:
      	text-decoration-thickness 150ms cubic-bezier(0.4, 0, 0.2, 1),
      	-webkit-text-decoration-color 50ms cubic-bezier(0.4, 0, 0.2, 1);
      -o-transition:
      	text-decoration-thickness 150ms cubic-bezier(0.4, 0, 0.2, 1),
      	text-decoration-color 50ms cubic-bezier(0.4, 0, 0.2, 1);
      -moz-transition:
      	text-decoration-thickness 150ms cubic-bezier(0.4, 0, 0.2, 1),
      	text-decoration-color 50ms cubic-bezier(0.4, 0, 0.2, 1),
      	-moz-text-decoration-color 50ms cubic-bezier(0.4, 0, 0.2, 1);
      transition:
      	text-decoration-thickness 150ms cubic-bezier(0.4, 0, 0.2, 1),
      	text-decoration-color 50ms cubic-bezier(0.4, 0, 0.2, 1);
      transition:
      	text-decoration-thickness 150ms cubic-bezier(0.4, 0, 0.2, 1),
      	text-decoration-color 50ms cubic-bezier(0.4, 0, 0.2, 1),
      	-webkit-text-decoration-color 50ms cubic-bezier(0.4, 0, 0.2, 1),
      	-moz-text-decoration-color 50ms cubic-bezier(0.4, 0, 0.2, 1);
  }
  
  .library:focus-within>div.wl-text {
      -webkit-text-decoration: underline double rgba(228, 180, 28);
         -moz-text-decoration: underline double rgba(228, 180, 28);
              text-decoration: underline double rgba(228, 180, 28);
      text-decoration-thickness: 0.0625rem;
      -webkit-transition:
      	text-decoration-thickness 150ms cubic-bezier(0.4, 0, 0.2, 1),
      	-webkit-text-decoration-color 50ms cubic-bezier(0.4, 0, 0.2, 1);
      transition:
      	text-decoration-thickness 150ms cubic-bezier(0.4, 0, 0.2, 1),
      	-webkit-text-decoration-color 50ms cubic-bezier(0.4, 0, 0.2, 1);
      -o-transition:
      	text-decoration-thickness 150ms cubic-bezier(0.4, 0, 0.2, 1),
      	text-decoration-color 50ms cubic-bezier(0.4, 0, 0.2, 1);
      -moz-transition:
      	text-decoration-thickness 150ms cubic-bezier(0.4, 0, 0.2, 1),
      	text-decoration-color 50ms cubic-bezier(0.4, 0, 0.2, 1),
      	-moz-text-decoration-color 50ms cubic-bezier(0.4, 0, 0.2, 1);
      transition:
      	text-decoration-thickness 150ms cubic-bezier(0.4, 0, 0.2, 1),
      	text-decoration-color 50ms cubic-bezier(0.4, 0, 0.2, 1);
      transition:
      	text-decoration-thickness 150ms cubic-bezier(0.4, 0, 0.2, 1),
      	text-decoration-color 50ms cubic-bezier(0.4, 0, 0.2, 1),
      	-webkit-text-decoration-color 50ms cubic-bezier(0.4, 0, 0.2, 1),
      	-moz-text-decoration-color 50ms cubic-bezier(0.4, 0, 0.2, 1);
  }
  
  .library>div.wl-image {
      -ms-grid-row: 1;
      -ms-grid-row-span: 3;
      -ms-grid-column: 1;
      grid-area: wl-image;
      background-image: url("https://wanderers-library.wdfiles.com/local--files/component%3Atheme/wlheader_bg.png");
      -webkit-border-radius: 50%;
         -moz-border-radius: 50%;
              border-radius: 50%;
      margin: 0 0 1vw 1vw;
      height: -webkit-min-content;
      height: -moz-min-content;
      height: min-content;
      overflow: hidden;
      -ms-grid-row-align: center;
          align-self: center
  }
  
  .library.contest > .library>div.wl-image {
      -ms-grid-row: 1;
      -ms-grid-row-span: 3;
      -ms-grid-column: 3
  }
  
  .library.contest>div.wl-image {
      background-image: url("https://wanderers-library.wdfiles.com/local--files/component%3Atheme/goldfoil.png");
      -webkit-background-size: cover;
         -moz-background-size: cover;
           -o-background-size: cover;
              background-size: cover;
      -webkit-border-radius: 0.75rem;
         -moz-border-radius: 0.75rem;
              border-radius: 0.75rem;
      margin: 0;
      width: -webkit-fit-content;
      width: -moz-fit-content;
      width: fit-content;
  }
  
  
  .library>div.wl-image img {
      -webkit-border-radius: 0.5rem;
         -moz-border-radius: 0.5rem;
              border-radius: 0.5rem;
      width: 100%;
      margin: 0.25rem;
      -o-object-fit: contain;
         object-fit: contain;
      max-width: 15.625rem;
  }
  
  .library.contest>div.wl-image img {
      max-height: 12.25rem;
  }
  
  .library .fake-h2,
  .library .fake-h4 {
      font-family: "zuijinregular", sans-serif;
      letter-spacing: 0.0625rem;
      display: inline-block;
  }
  
  .library .fake-h4 {
      margin-bottom: 0.7em;
      margin-top: -0.5em;
      font-size: 1.3em;
  }
  
  .library .fake-h2 {
      font-family: "zuijinregular", sans-serif;
      margin-bottom: 0.4em;
      font-size: 1.5em;
  }
  
  @media (max-width: 48rem) {
      .library {
      	    grid-template-areas:
      		"wl-header wl-header"
      		"wl-image wl-text";
      }
  
      .library.contest {
      	    grid-template-areas:
      		"wl-header wl-header"
      		"wl-text wl-image";
      }
      .library>div.wl-headers {
      	-ms-grid-row: 1;
      	-ms-grid-column: 1;
      	-ms-grid-column-span: 3;
      }
  
      .library.contest > .library>div.wl-headers {
      	-ms-grid-row: 1;
      	-ms-grid-column: 1;
      	-ms-grid-column-span: 3;
      }
      .library>div.wl-text {
      	-ms-grid-row: 3;
      	-ms-grid-column: 3;
      }
  
      .library.contest > .library>div.wl-text {
      	-ms-grid-row: 3;
      	-ms-grid-column: 1;
      }
      .library>div.wl-image {
      	-ms-grid-row: 3;
      	-ms-grid-row-span: 1;
      	-ms-grid-column: 1;
      }
  
      .library.contest > .library>div.wl-image {
      	-ms-grid-row: 3;
      	-ms-grid-row-span: 1;
      	-ms-grid-column: 3;
      }
  }
  
  @media (max-width: 25.875rem) {
  
      .library,
      .library.contest {
      	    grid-template-areas:
      		"wl-header wl-header"
      		"wl-image wl-image"
      		"wl-text wl-text";
      }
  
      .library>div.wl-image {
      	-ms-grid-column-align: center;
      	    justify-self: center;
      	height: auto;
      }
  
      .library>div.wl-image img {
      	max-height: 20vh;
      }
  
      .library>div.wl-headers {
      	-ms-grid-row: 1;
      	-ms-grid-column: 1;
      	-ms-grid-column-span: 3;
      }
  
      .library>div.wl-text {
      	-ms-grid-row: 5;
      	-ms-grid-column: 1;
      	-ms-grid-column-span: 3;
      }
  
      .library>div.wl-image {
      	-ms-grid-row: 3;
      	-ms-grid-row-span: 1;
      	-ms-grid-column: 1;
      	-ms-grid-column-span: 3;
      }
  }
  
  .blockquote.code {
      font-family: 'Andale Mono', 'Courier New', Courier, monospace;
  }

  Pages using this styling

  • fragment:wl-front-page-box [info]

  ¶ 1 occurrence
  

  
  #u-start{$num} {
      display: none;
  }
  #u-end{$num} {
      display: none;
  }
  .popup {
    position: absolute;
    z-index: 1;
    top: 15%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  
  .big-image {
      position: fixed !important;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      color: rgba(128,255,128,0.8);
      overflow: hidden;
      width: 100%;
      height: 100%;
      display: none;
      z-index: 1000;
  }
  
  .big-image {
    opacity: 0;
    background: rgba(var(--dblue));
    border-radius: 6px;
    overflow: hidden;
    outline: none;
    border: 3px solid rgba(var(--gold), 1);
    border-radius: 15px;
    transition: .5s ease;
  }
  
  .big-image:not(.glyphs) img {
    width: 100%;
    height: 100%;
    object-fit: contain !important;
    display: block;
    background: #000 !important;
  }
  
  .big-image.glyphs img {
    width: 100%;
    height: 100%;
    object-fit: contain !important;
    display: block;
    background: #fff !important;
  }
  
  #u-start{$num}:target ~ .big-image{
      display: block;
      opacity: 1;
  }
  
  #u-end{$num}:target ~ .big-image{
      display: none;
      opacity: 0;
  }
  
  .big-image .blockquote {
      color: rgba(128,255,128,0.8);
      overflow: hidden;
      display: block;
  }
  .popup {
    font-size: .85em;
    margin: auto;
    width: auto;
    background-color: rgba(var(--lblue),.8);
    border: 1px solid rgb(var(--gold), 1);
    border-radius: 15px;
    text-align: center;
    padding: .1em .5em;
  }
  
  @media (max-width: 600px) {
    .popup {
      font-size: clamp(0.25rem, 1vw, 0.35rem) !important;
      line-height: 1.1;
      border-radius: 5px;
    }
  }

  Pages using this styling

  • fragment:uncut-gem [info]

  ¶ 1 occurrence
  

  
  blockquote {border-color: #000000;    background-color: #ffffff}
  
  .scp-image-block .scp-image-caption {background-color: #ffede0}
  
  #page-content .wiki-content-table tr td {background-color: #fceee3}
  #page-content .wiki-content-table tr th {background-color: #e5d6c9}
  
  .colorlink a{
      color: #11ff21;
  }

  Pages using this styling

  • fragment:uiu-file-1974-028-0 [info]

  ¶ 1 occurrence
  

  
  @import url('https://fonts.googleapis.com/css2?family=Merriweather:ital,wght@0,300;0,400;0,700;0,900;1,300;1,400;1,700;1,900&display=swap');
  
  body {
      cursor: url('https://scp-yerko-6.wdfiles.com/local--files/secret%3Anecronomiamai/cursor.png'), auto;
  }
  
  .container {
    background-color: transparent;
    border-radius: 13px;
    padding: 0;
    margin-bottom: 15px;
  }
  
  .container::after {
    content: "";
    clear: both;
    display: table;
  }
  
  .container img {
    float: left;
    max-width: 80px;
    width: 100%;
    margin-right: 20px;
    border-radius: 50%;
    border: solid 2px black;
    box-shadow: 0px 7px 13px 0px rgba(0,0,0,0.8);
  }
  
  .container img.right {
    float: right;
    margin-left: 20px;
    margin-right: 0;
  }
  
  .dialogo-npc {
    float: left;
    border: solid 2px #f8b0a4;
    background-color: #f5cac3;
    border-radius: 13px;
    padding: 10px;
    max-width: 73% !important;
    font-family: "Merriweather", serif;
    font-size: 113%;
    box-shadow: inset 0px 7px 0px 0px rgba(255,255,255,0.3),0px 7px 13px 0px rgba(0,0,0,0.8);
    margin-top: 5px;
  }
  
  .dialogo-yo {
    float: right;
    border: solid 2px #f35f5c;
    background-color: #f1a7a5;
    border-radius: 13px;
    padding: 10px;
    max-width: 73% !important;
    font-family: "Merriweather", serif;
    font-size: 113%;
    box-shadow: inset 0px 7px 0px 0px rgba(255,255,255,0.3),0px 7px 13px 0px rgba(0,0,0,0.8);
    margin-top: 5px;
  }
  
  
  
  .imagen {
      position: relative;
  }
  
  .es-372 {
      position: absolute;
      width: 4.5%;
      height: 8%;
      top: 3.5%;
      left: 86%;
  }
  
  .puerta {
      position: absolute;
      width: 30.8%;
      height: 67%;
      top: 18%;
      left: 66%;
  }
  
  .pescados {
      position: absolute;
      width: 6.3%;
      height: 14%;
      top: 47%;
      left: 29%;
  }
  
  .voladoras {
      position: absolute;
      width: 6%;
      height: 8%;
      top: 27%;
      left: 29.5%;
  }
  
  .libros1 {
      position: absolute;
      width: 6%;
      height: 8%;
      top: 27%;
      left: 36.2%;
  }
  
  .libros2 {
      position: absolute;
      width: 6%;
      height: 7%;
      top: 35.5%;
      left: 29.5%;
  }
  
  .libros3 {
      position: absolute;
      width: 15.5%;
      height: 6%;
      top: 52%;
      left: 42.8%;
  }
  
  .libros4 {
      position: absolute;
      width: 9.5%;
      height: 4.8%;
      top: 68.5%;
      left: 27.5%;
  }
  
  .areñas {
      position: absolute;
      width: 2%;
      height: 3%;
      top: 12%;
      left: 4%;
  }
  
  .ventana {
      position: absolute;
      width: 10%;
      height: 15%;
      top: 40%;
      left: 6%;
  }
  
  .vela-corazon {
      position: absolute;
      width: 3.4%;
      height: 11%;
      top: 59%;
      left: 5.2%;
  }
  
  .waos {
      position: absolute;
      width: 1.7%;
      height: 4%;
      top: 66.7%;
      left: 3.5%;
  }
  
  .pocion1 {
      position: absolute;
      width: 3%;
      height: 7%;
      top: 29%;
      left: 53.8%;
  }
  
  .pocion2 {
      position: absolute;
      width: 5%;
      height: 10.5%;
      top: 25%;
      left: 59%;
  }
  
  .pocion3 {
      position: absolute;
      width: 12%;
      height: 9.8%;
      top: 40.5%;
      left: 43.8%;
  }
  
  .pocion4 {
      position: absolute;
      width: 7%;
      height: 9.8%;
      top: 40.5%;
      left: 57%;
  }
  
  .pocion5 {
      position: absolute;
      width: 6%;
      height: 4.9%;
      top: 52.2%;
      left: 58.7%;
  }
  
  .pocion6 {
      position: absolute;
      width: 6.5%;
      height: 13%;
      top: 71.5%;
      left: 9.3%;
  }
  
  .pocion7 {
      position: absolute;
      width: 14%;
      height: 10%;
      top: 75%;
      left: 40%;
  }
  
  .baston {
      position: absolute;
      width: 5%;
      height: 20%;
      top: 58.3%;
      left: 59.5%;
  }
  
  .prenhita {
      position: absolute;
      background-image: url(https://scp-yerko-6.wdfiles.com/local--files/secret%3Anecronomiamai/asset_prenhita.png);
      background-position: center center;
      background-size: contain;
      background-repeat: no-repeat;
      width: 9%;
      height: 11.2%;
      top: 50.8%;
      left: 32%;
  }
  
  .prenhita:hover,
  .prenhita:focus-within {
      background-image: url(https://scp-yerko-6.wdfiles.com/local--files/secret:necronomiamai/asset_prenhita_brillante.png);
  }
  
  .kyanita {
      position: absolute;
      background-image: url(https://scp-yerko-6.wdfiles.com/local--files/secret:necronomiamai/asset_kyanita.png);
      background-position: center center;
      background-size: contain;
      background-repeat: no-repeat;
      width: 13%;
      height: 18%;
      top: 42.5%;
      left: 33.5%;
  }
  
  .kyanita:hover,
  .kyanita:focus-within {
      background-image: url(https://scp-yerko-6.wdfiles.com/local--files/secret:necronomiamai/asset_kyanita_brillante.png);
  }
  
  .corazon {
      position: absolute;
      background-image: url(https://scp-yerko-6.wdfiles.com/local--files/secret:necronomiamai/asset_bariopharmacosiderita.png);
      background-position: center center;
      background-size: contain;
      background-repeat: no-repeat;
      width: 9%;
      height: 9%;
      top: 34%;
      left: 35.5%;
  }
  
  .corazon:hover,
  .corazon:focus-within {
      background-image: url(https://scp-yerko-6.wdfiles.com/local--files/secret:necronomiamai/asset_bariopharmacosiderita_brillante.png);
  }
  
  .huevo {
      position: absolute;
      background-image: url(https://scp-yerko-6.wdfiles.com/local--files/secret%3Anecronomiamai/asset_huevo.png);
      background-position: center center;
      background-size: contain;
      background-repeat: no-repeat;
      width: 5%;
      height: 10%;
      top: 73.5%;
      left: 30.5%;
  }
  
  .huevo:hover,
  .huevo:focus-within {
      background-image: url(https://scp-yerko-6.wdfiles.com/local--files/secret%3Anecronomiamai/asset_huevo_brillante.png);
  }
  
  .jamon {
      position: absolute;
      background-image: url(https://scp-yerko-6.wdfiles.com/local--files/secret%3Anecronomiamai/asset_jamon.png);
      background-position: center center;
      background-size: contain;
      background-repeat: no-repeat;
      width: 8%;
      height: 7%;
      top: 55%;
      left: 46%;
  }
  
  .jamon:hover,
  .jamon:focus-within {
      background-image: url(https://scp-yerko-6.wdfiles.com/local--files/secret%3Anecronomiamai/asset_jamon_brillante.png);
  }
  
  .pirita {
      position: absolute;
      background-image: url(https://scp-yerko-6.wdfiles.com/local--files/secret%3Anecronomiamai/asset_pirita_gif.gif);
      background-position: center center;
      background-size: contain;
      background-repeat: no-repeat;
      width: 9%;
      height: 5%;
      top: 63.5%;
      left: 46%;
  }
  
  .pirita:hover,
  .pirita:focus-within {
      background-image: url(https://scp-yerko-6.wdfiles.com/local--files/secret%3Anecronomiamai/asset_pirita_brillante_gif.gif);
  }
  
  .rodonita {
      position: absolute;
      background-image: url(https://scp-yerko-6.wdfiles.com/local--files/secret%3Anecronomiamai/asset_rodonita.png);
      background-position: center center;
      background-size: contain;
      background-repeat: no-repeat;
      width: 11%;
      height: 5.3%;
      top: 68.7%;
      left: 44%;
      animation: respira 2s linear 0s infinite;
  }
  
  .rodonita:hover,
  .rodonita:focus-within {
      background-image: url(https://scp-yerko-6.wdfiles.com/local--files/secret%3Anecronomiamai/asset_rodonita_brillante.png);
  }
  
  .obsidiana {
      position: absolute;
      background-image: url(https://scp-yerko-6.wdfiles.com/local--files/secret%3Anecronomiamai/asset_obsidiana.png);
      background-position: center center;
      background-size: contain;
      background-repeat: no-repeat;
      width: 7.5%;
      height: 5.5%;
      top: 68.5%;
      left: 37.5%;
  }
  
  .obsidiana:hover,
  .obsidiana:focus-within {
      background-image: url(https://scp-yerko-6.wdfiles.com/local--files/secret%3Anecronomiamai/asset_obsidiana_brillante.png);
  }
  
  .lunitas {
      position: absolute;
      background-image: url(https://scp-yerko-6.wdfiles.com/local--files/secret%3Anecronomiamai/asset_piedraluna.png);
      background-position: center center;
      background-size: contain;
      background-repeat: no-repeat;
      width: 8%;
      height: 5.5%;
      top: 63%;
      left: 37.5%;
  }
  
  .lunitas:hover,
  .lunitas:focus-within {
      background-image: url(https://scp-yerko-6.wdfiles.com/local--files/secret%3Anecronomiamai/asset_piedraluna_brillante.png);
  }
  
  .benito {
      position: absolute;
      background-image: url(https://scp-yerko-6.wdfiles.com/local--files/secret%3Anecronomiamai/asset_benitoita.png);
      background-position: center center;
      background-size: contain;
      background-repeat: no-repeat;
      width: 10.5%;
      height: 5.2%;
      top: 63%;
      left: 27%;
  }
  
  .benito:hover,
  .benito:focus-within {
      background-image: url(https://scp-yerko-6.wdfiles.com/local--files/secret%3Anecronomiamai/asset_benitoita_brillante.png);
  }
  
  .velas {
      position: absolute;
      background-image: url(https://scp-yerko-6.wdfiles.com/local--files/secret%3Anecronomiamai/asset_velas.png);
      background-position: center center;
      background-size: contain;
      background-repeat: no-repeat;
      width: 11%;
      height: 15%;
      top: 55%;
      left: 5.2%;
  }
  
  .velas:hover,
  .velas:focus-within {
      background-image: url(https://scp-yerko-6.wdfiles.com/local--files/secret%3Anecronomiamai/asset_velas_brillante.png);
  }
  
  .gaymostron {
      position: absolute;
      background-image: url(https://scp-yerko-6.wdfiles.com/local--files/secret%3Anecronomiamai/asset_trono.png);
      background-position: center center;
      background-size: contain;
      background-repeat: no-repeat;
      width: 8%;
      height: 15%;
      top: 71.5%;
      left: 1.3%;
  }
  
  .gaymostron:hover,
  .gaymostron:focus-within {
      background-image: url(https://scp-yerko-6.wdfiles.com/local--files/secret%3Anecronomiamai/asset_trono_brillante.png);
  }
  
  .cinabrio {
      position: absolute;
      background-image: url(https://scp-yerko-6.wdfiles.com/local--files/secret%3Anecronomiamai/asset_cinabrio.png);
      background-position: center center;
      background-size: contain;
      background-repeat: no-repeat;
      width: 7%;
      height: 10%;
      top: 28%;
      left: 45.8%;
  }
  
  .cinabrio:hover,
  .cinabrio:focus-within {
      background-image: url(https://scp-yerko-6.wdfiles.com/local--files/secret%3Anecronomiamai/asset_cinabrio_brillante.png);
  }
  
  .diamante {
      position: absolute;
      background-image: url(https://scp-yerko-6.wdfiles.com/local--files/secret%3Anecronomiamai/asset_diamante.png);
      background-position: center center;
      background-size: contain;
      background-repeat: no-repeat;
      width: 9%;
      height: 49%;
      top: 27%;
      left: 18.8%;
  }
  
  .diamante:hover,
  .diamante:focus-within {
      background-image: url(https://scp-yerko-6.wdfiles.com/local--files/secret%3Anecronomiamai/asset_diamante_brillante.png);
  }
  
  .objeto {
      align-content: stretch;
      transition: outline 0.135s ease-out;
      outline: #333 solid 0rem;
      position: relative;
      color: rgba(0,0,0,0);
      height: 100%;
  }
  
  /* .objeto:hover, .objeto:focus-within {*/
  /*    outline: #333 solid 0.5rem; */
  /*} */
  
  .objeto  > a[href="javascript:;"] {
      display: block;
      position: absolute;
      top: 0; left: 0;
      width: 100%;
      height: 100%;
      font-size: 0rem;
      user-select: none;
      outline-width: 0;
      cursor: url('https://scp-yerko-6.wdfiles.com/local--files/secret%3Anecronomiamai/cursor-dedo.png'), auto;
  }
  
  .caja {
      display: block;
      position: fixed;
      height: 100vh;
      width: 40rem;
      bottom: 0;
      top: 0;
      right: -54rem;
      background-color: transparent;
      color: black;
      transition: right 0.3s ease-out;
      overflow-y: scroll;
      direction: rtl;
      will-change: right;
      border-left: solid 3px #000;
      outline-left: solid 3px black;
      z-index: 11;
      background-image: url(https://scp-yerko-6.wdfiles.com/local--files/secret%3Anecronomiamai/madera.png);
      background-position: top left;
      background-repeat: repeat;
  }
  
  .caja::-webkit-scrollbar {
      width: 1px;
  }
  
  .contenido {
      color: black;
      background-color: transparent;
  }
  
  .caja .contenido {
      direction: ltr;
      padding: 0px;
  }
  
  .easter-egg {
      color: black;
      background-color: transparent;
      padding: 15px;
      direction: ltr;
  }
  
  .objeto > div.thumbnail {
      font-family: 'Poppins', sans-serif;
      font-weight: bold;
      font-size: 1.2rem;
      text-transform: uppercase;
  
      color: #1e1e1e;
      background-color: rgb(255,255,255);
      box-shadow: 0 0 0.4rem rgba(0,0,0,0.2);
  
      display: flex;
      flex-wrap: wrap;
      width: 100%;
      flex-grow: 1;
      justify-content: center;
      min-height: 3rem;
      padding: 0.5rem 0;
      align-items: center;
  }
  
  #page-content .objeto > a:focus + .caja,
  #page-content .objeto > a:active + .caja,
  #page-content .objeto .caja:hover,
  #page-content .objeto .caja:active {
      right: 0;
  }
  #page-content .objeto .caja:focus-within {
      right: 0;
  }
  @media (pointer: coarse) {
      .objeto > a:hover + .caja,
      .objeto .caja:hover {
          right: 0;
      }
  }
  
  @media only screen and (max-width: 45rem) {
  
  #page-content .caja {
      right: 0!important;
      left: 0;
      width: 100%;
      max-width: 100%;
      height: 50vh;
      bottom: -60vh;
      top: initial;
      transition: bottom 0.3s ease-out;
      will-change: bottom;
  }
  
  #page-content .objeto > a:focus + .caja,
  #page-content .objeto > a:active + .caja,
  #page-content .objeto .caja:hover,
  #page-content .objeto .caja:active {
      bottom: 0;
  }
  #page-content .objeto .caja:focus-within {
      bottom: 0;
  }
  }
  
  #page-content {
      width: 100%;
      max-width: 954px;
      min-height: 100vh;
  }
  
  #main-content {
      max-width: 100%;
  }
  
  
  

  Pages using this styling

  • fragment:tiendita-de-minerales-0 [info]

  ¶ 1 occurrence
  

  .ascii-art {
      display: block;
      line-height: 8px;
      font-size: 8px;
      font-family: monospace;
  }
  .color-0 { color: #5b2121; }
  .color-1 { color: #2ea405; }
  .color-2 { color: #b31212; }
  .color-3 { color: #b83eb7; }
  .color-4 { color: #a486a4; }
  .color-6 { color: #975d5d; }
  .color-7 { color: #e9afaf; }
  .color-8 { color: #c282c3; }
  .color-9 { color: #ccbdbd; }
  .color-10 { color: #b83eb7; }
  .color-11 { color: #e2e2e2; }
  .color-12 { color: #5d315d; }

  Pages using this styling

  • fragment:the-thing-at-the-bottom-of-my-dreams-art [info]

  ¶ 1 occurrence
  

  @import url(https://fonts.googleapis.com/css?family=Crafty+Girls&display=swap);
  @import url(https://fonts.googleapis.com/css?family=Bonbon&display=swap);
  @import url(https://fonts.googleapis.com/css?family=IM+Fell+DW+Pica+SC&display=swap);
  @import url(https://fonts.googleapis.com/css?family=Kanit&display=swap);
  @import url(https://fonts.googleapis.com/css?family=Lovers+Quarrel&display=swap);

  Pages using this styling

  • fragment:the-hanged-king-s-tragedy-colorblind [info]

  ¶ 1 occurrence
  

  /* HEADER */
   :root{
     --header-title: "The Wanderers' Library";
     --header-subtitle: none;
     --lgurl: url(https://scp-wiki.wdfiles.com/local--files/scattersomnia/QueerLibrary.png);
  }
   #header h1 a::before{
       font-family: unset;
  }
  
  /* INFO BOX */
   .info-container{
       --barColour: hsl(117, 100%, 15%);
       --linkColour: hsl(47, 100%, 68%);
  }
  
  /* FORMATTING */
   .wanderers-note{
       margin: 1em 0;
       padding: 0 1em;
  
       background: hsl(57, 100%, 93%);
       border: 2px solid hsl(120, 100%, 15%);
  }
   .entry{
       padding: 2em;
  
       background: hsl(120, 33%, 90%);
       border: 2px solid hsl(120, 33%, 10%);
  }
   .section{
       margin-bottom: .23em;
       padding: 1.56em;
  
       background: hsl(120, 31%, 95%);
       border: 1px solid hsl(120, 33%, 10%);
  }

  Pages using this styling

  • fragment:the-deathless-merchant-of-london-1 [info]

  ¶ 1 occurrence
  

  
  :root {
      /*
      한글 대용 - FOR KOREAN
      --title: "총대주교들의 도식";
      --short_title: "도식";
      --subtitle: "충실한 우리, 신의 주물을 뜬다";
      --short_subtitle: "신의 주물을 뜬다";
      */
   
      --title: "MEKHANE'S GRACE";
      --short_title: "GRACE";
      --subtitle: "Departing from FLESH.";
      --short_subtitle: "Departing from FLESH.";
   
      --dark-accent: 185, 150, 17
  }
  
  #page-title {
  display: none;
  }
  
  #breadcrumbs {
  display: none;
  }

  Pages using this styling

  • fragment:the-cogwork-cult-1 [info]

  ¶ 1 occurrence
  

  :root {
      /*
      한글 대용 - FOR KOREAN
      --title: "총대주교들의 도식";
      --short_title: "도식";
      --subtitle: "충실한 우리, 신의 주물을 뜬다";
      --short_subtitle: "신의 주물을 뜬다";
      */
   
      --title: "MEKHANE'S GRACE";
      --short_title: "GRACE";
      --subtitle: "Departing from FLESH.";
      --short_subtitle: "Departing from FLESH.";
   
      --dark-accent: 185, 150, 17
  }
  body {
      background: rgba(0, 0, 0, 1);
      color: #7A7A7A;
  }
  
  
  .hfbookcontainerRight {
      background-image: url("https://scp-wiki.wdfiles.com/local--files/component%3Ahf-right/Herman-Fuller-book-page-right2.png");
      background-repeat: no-repeat;
      width: 660px;
      height: 1030px;
      margin: 0px;
      padding: 30px 20px 0px 55px;
  }
  
  .hfbookcontentRight {
      font-family: alegreyaregular;
      font-size: 1.2em;
      width: 550px;
      height: auto;
      overflow: visible;
      padding: 0px;
      margin: 0px;
      margin-top: 0px;
  }
  
  .hfbooktitleRight {
      display: inline-block;
      font-family: alegreyaregular;
      font-size: 1.01em;
      font-weight: bold;
          margin: 0px;
          padding: 0px 120px 0px 0px;
          text-align: right;
          width: auto;
          height: 30px;
          float: right;
  }
  
  .hfbooktopRight {
      display: inline-block;
      font-family: alegreyaregular;
      font-size: 1.01em;
      font-weight: bold;
      text-align: left;
      margin: 0px 0px 0px 0px;
          width: auto;
          height: 30px;
          padding: 0px 0px 0px 00px;
  }
  
  .hfbookpagenumberRight
  {
      text-align: center;
      width: 660px;
      display: block;
      height: 30px;
      font-family: alegreyaregular;
      font-size: 1.1em;
      font-weight: bold;
      margin: 0px;
      margin-top: -155px;
      padding-right: 20px;
  }
  
  .hfbookpagenumberRight p {
      text-align: center;
      font-weight: bold;
      font-size: 1.1em;
      color: black;
      width: 637px;
  }
  
  .hfbookpagenumbers-mobileRight {
      display: none;
      text-align: center;
      font-weight: bold;
      font-size: 1.1em;
      color: black;
      width: 100%;
      height: 30px;
  }
  
  .hfbookmobiletitleRight
  {
      display: none;
      font-family: alegreyaregular;
  }
  
  @media only screen and (max-width: 950px) {
  
      .hfbookcontainerRight {
          background-image: url("https://scp-wiki.wikidot.com/local--files/component:hf-right/Herman-Fuller-book-page-right-loop.png");
          background-size: 100%;
          background-repeat: repeat;
          width: 100%;
          height: auto;
          padding: 7px 5px 0px 0px;
          margin: 10px 0px 10px 0px;
      }
  
      .hfbookcontentRight {
          font-size: 11pt;
          width: 85%;
          height: auto;
          padding: 0% 5% 0% 10%;
      }
      .hfbookmobiletitleRight {
          font-size: 1.01em;
          font-weight: bold;
          margin: 0px;
          padding: 0% 0% 0% 10%;
          text-align: left;
          width: auto;
          height: 30px;
          display: inline-block;
          font-family: alegreyaregular;
      }
  
      .hfbooktopRight {
          display: none;
      }
      .hfbooktitleRight {
          display: inline-block;
          margin: 0px;
          padding: 0% 5% 0% 0%;
          text-align: right;
          width: auto;
          height: 30px;
          float: right;
      }
      .hfbookpagenumberRight {
          display: none;
      }
      .hfbookpagenumbers-mobileRight {
          display: block;
      }
  }
  .lugrasimo-regular {
    font-family: "Lugrasimo", normal;
    font-weight: 400;
    font-style: normal;
  }
      :root {
  #page-title {display: none;}
  
  div.newspaper-border {
      border: 2px solid black;
  }
  div.newspaper-main {
      font-family: 'Oranienbaum', sans-serif;
      background-color: rgb(245, 242, 232);
      text-align: center;
  }
  div.newspaper-body {
      font-family: Oranienbaum;
      font-size: 0.8em;
      padding: 1em;
  }
  div.newspaper-body div.scp-image-block {
      margin: 0.5em 0 0 1em;
  }
  div.rejection {
      border: 4px solid #ff4040;
      border-radius: 30px;
      font-weight: bold;
      color: #ff4040;
      text-align: center;
      margin: 0.5em;
  }
  div.rejection-wrap {
       transform: rotate(-3.8deg);
       width: 35vw;
       margin-bottom: 1em;
       margin-left: 3em;
  }
  .twopanel {
      display: flex;
      flex-flow: row wrap;
      justify-content: space-evenly;
  }
  .bit {
      flex-basis: 48%;
  }
  @media only screen and (max-width: 768px) {
      .twopanel {flex-direction: row-reverse;}
      .bit {flex-basis: 100%;}
  }
  div.document {
      background-color: rgb(243,223,193);
      box-shadow: 0px 1px 1.9px -4px rgba(0, 0, 0, 0.1), 0px 6px 15px -4px rgba(0, 0, 0, 0.2);
      color: rgb(50,50,53);
  }
  div:is(.document, .darkdocument) {
      display: block;
      margin-inline: auto;
      margin-block: 1.5em;
      padding: 1.5rem;
      position: relative;
      --posX: -20vw;
  }
  :root {
      --basalt-overtone: 10, 10, 11;
      --basalt-undertone: var(--basalt-bright-element-color);
      --basalt-UI-dark-palette: 23, 33, 20;
      --basalt-background-color: 224, 213, 191;
      --basalt-bright-element-color: 34,49,29;
      --basalt-dark-element-color: 34,49,29;
      --basalt-primary-color: 255, 253, 231;
      --basalt-secondary-color: 255, 239, 203;
      --basalt-tertiary-color: 246, 227, 186;
      --basalt-main-text-color: 18, 9, 0;
      --image-caption-background-color: 255, 253, 231;
      --header-background-color: 48,69,41;
      --header-title-color: 255, 253, 208;
      --header-subtitle-color: 255, 253, 208;
      --top-bar-link-color: 255, 253, 208;
      --search-icon-color: 255, 253, 208;
      --side-bar-background-color: 63,90,54;
      --side-bar-heading-text-color: 255, 253, 208;
      --side-bar-link-color: 255, 253, 208;
      --scrollbar-thumb-color: var(--basalt-dark-element-color);
      --general-border-color: 156, 156, 156;
      --link-color: 137, 81, 37 !important;
      --link-visited-color: 84, 49, 22 !important;
      --document-background-color: 243,223,193;
  }
  
  .black {
      color: #000000;
  }
  
  a {
      color: #847506;
  }
  

  Pages using this styling

  • fragment:the-cogwork-cult-0 [info]

  ¶ 1 occurrence
  

  #page-title {
    display: none;
  }
  .meta-title {
    border-bottom: solid 1px #bbbbbb;
    color: #990011;
    font-weight: normal;
    margin: 0 0 0.6em;
    padding: 0 0 0.25em;
    font-size: 200%;
  }
  .meta-title p {
    margin: 0;
  }
  
  #page-content a.collapsible-block-link {
      font-weight: bold;
  }

  Pages using this styling

  • fragment:target-audience-0 [info]

  ¶ 1 occurrence
  

  .cs-table {
      border-style:solid; 
      border-color:ddd; 
      border-width:1px;
      padding: 10px;
      margin: auto;
  }
  
  .warning-desktop {
      height: auto;
  }
  
  .warning-mobile {
      height: 0px;
      overflow: hidden;
  }
  
  @media only screen and (max-width: 600px) {
      .warning-desktop {
         height: 0px;
         overflow: hidden;
      }
  
      .warning-mobile {
          height: auto;
      }
  }

  Pages using this styling

  • fragment:taboo-4 [info]

  ¶ 1 occurrence
  

  @import url('https://scp-wiki.wdfiles.com/local--files/taboo/Museo.css');
  @import url('https://scp-wiki.wdfiles.com/local--files/taboo/underwood.css');
  @import url('https://scp-wiki.wdfiles.com/local--files/taboo/palitoon.css');
  @import url('https://scp-wiki.wdfiles.com/local--files/taboo/amita.css');
  
  .cs-table {
      border: 1px solid #ddd;
      padding: 10px;
      margin: auto;
  }
  
  .warning-mobile {
      display: none;
  }
  
  @media only screen and (max-width: 600px) {
      .warning-desktop {
          display: none;
      }
  
      .warning-mobile {
          display: unset;
      }
  }
  
  /*
  Grouped the CSS up. It should retain the same errors but is easier to read and fix. May violate SCP-4000.
  
  Unofficial change. See revision history.
  
  Template:
  taboo-1
  -> taboo-3 original
  -> taboo-3 (rev. 69)
  
  **##green| (...) ##**
  -> **[[span style="font-family: 'museo';font-weight:700;font-size:1.2em"]] (...) [[/span]]**
  -> [[span class="green"]] (...) [[/span]]
  
  **##SteelBlue| (...) ##**
  -> **[[span style="font-family: 'amitaregular';font-weight:bold;font-size:1.2em;"]] (...) [[/span]]**
  -> [[span class="SteelBlue"]] (...) [[/span]]
  
  **##sienna| (...) ##**
  -> **[[span style="font-family: 'palitoonregular';font-size:1.6em;"]] (...) [[/span]]**
  -> [[span class="sienna"]] (...) [[/span]]
  
  **##ce005c| (...) ##**
  -> **[[span style="font-family: 'my_underwoodregular';"]] (...) [[/span]]**
  -> [[span class="ce005c"]] (...) [[/span]]
  */
  
  .green {
      font-family: 'museo';
      font-weight: 700;
      font-size: 1.2em;
  }
  
  .SteelBlue {
      font-family: 'amitaregular';
      font-weight: bold;
      font-size: 1.2em;
  }
  
  .sienna {
      font-family: 'palitoonregular';
      font-weight: bold;
      font-size: 1.6em;
  }
  
  .ce005c {
      font-family: 'my_underwoodregular';
      font-weight: bold;
  }
  

  Pages using this styling

  • fragment:taboo-3 [info]

  ¶ 1 occurrence
  

  .width {
      width: 80%;
      margin: auto;
  }

  Pages using this styling

  • fragment:taboo-2 [info]

  ¶ 1 occurrence
  

  .cs-table {
      border: 1px solid #ddd;
      padding: 10px;
      margin: auto;
  }
  
  .warning-mobile {
      display: none;
  }
  
  @media only screen and (max-width: 600px) {
      .warning-desktop {
          display: none;
      }
  
      .warning-mobile {
          display: unset;
      }
  }

  Pages using this styling

  • fragment:taboo-1 [info]

  ¶ 1 occurrence
  

  
  .spc_memo {
      background: url(https://scp-wiki.wikidot.com/local--files/grigori-karpin-s-author-page/SPC%20LOGO%20MORE%20Transparent%20w%20blue) #C0EBFA;
      background-size: 400px;
      background-position: center;
      background-repeat: no-repeat;
      box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
      width: 90%;
      min-height: 4rem;
      margin-left: auto;
      margin-right: auto;
      padding: 10px 20px 20px 20px;
      word-break: break-word;
  }
  
  .footnotes-footer { 
      visibility: hidden; 
      height: 0;
      padding: 0;
      margin: 0;
  }

  Pages using this styling

  • fragment:spc-7000-offset-0 [info]

  ¶ 1 occurrence
  

  #content-wrap::before {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background-repeat: repeat-x;
    pointer-events: none;
    opacity: 0.0;
  }
  .cards {
      display: flex;
      flex-wrap: nowrap;
      justify-content: center;
  }
  
  .cards > div {
      margin: -12px;
  }

  Pages using this styling

  • fragment:spc-6500-1 [info]

  ¶ 1 occurrence
  

  #header {
      height: 240px;
      background-image: url('https://scp-wiki.wikidot.com/local--files/scp-7616/Sigil_Main.png');
      background-position: 50% 40%;
      background-repeat: no-repeat;
      background-size: 200px auto;
  }
  #page-title {
      display: none;
  }
  
  .SpiderBitch{
      color: black;
      position: relative;
      margin-left: 20px;
      margin-bottom: 20px;
      padding-left: 20px;
      background-color: #FF3483;
      width: 88%;
      text-align: left;
      font: 400 .9em 'Open Sans', sans-serif;
      border: 1px solid #FF3483;
  }
  
  .SpiderBitch:after {
      content: '';
      position: absolute;
      width: 0;
      height: 0;
      border-top: 15px solid #FF3483;
      border-left: 15px solid transparent;
      border-right: 15px solid transparent;
      top: 0;
      left: -15px;
  }
  
  .SpiderBitch:before {
      content: '';
      position: absolute;
      width: 0;
      height: 0;
      border-top: 17px solid #FF3483;
      border-left: 16px solid transparent;
      border-right: 16px solid transparent;
      top: -1px;
      left: -17px;
  }
  
  .BadBitch{
      color: black;
      position: relative;
      margin-bottom: 20px;
      margin-left: 20px;
      padding-left: 20px;
      background-color: #870F06;
      width: 88%;
      text-align: left;
      font: 400 .9em 'Open Sans', sans-serif;
      border: 1px solid #870F06;
  }
  
  .BadBitch:after {
      content: '';
      position: absolute;
      width: 0;
      height: 0;
      border-bottom: 15px solid #870F06;
      border-left: 15px solid transparent;
      border-right: 15px solid transparent;
      bottom: 0;
      right: -15px;
  }
  
  .BadBitch:before {
      content: '';
      position: absolute;
      width: 0;
      height: 0;
      border-bottom: 17px solid #870F06;
      border-left: 16px solid transparent;
      border-right: 16px solid transparent;
      bottom: -1px;
      right: -17px;
  }

  Pages using this styling

  • fragment:sol-invictus-5 [info]

  ¶ 1 occurrence
  

  :root {
      --logo-image: url("https://scp-wiki.wdfiles.com/local--files/sol-invictus/MammonAestheticLogo.png");
      --header-title: " Mammon™";
      --header-subtitle: "POTESTAS OPULENTIIS";
  }
  #page-title {
      display: none;
  }
  .BadBitch{
      color: black;
      position: relative;
      margin-left: 20px;
      margin-bottom: 20px;
      padding-left: 20px;
      background-color: #870F06;
      width: 88%;
      text-align: left;
      font: 400 .9em 'Open Sans', sans-serif;
      border: 1px solid #870F06;
  }
  
  .BadBitch:after {
      content: '';
      position: absolute;
      width: 0;
      height: 0;
      border-top: 15px solid #870F06;
      border-left: 15px solid transparent;
      border-right: 15px solid transparent;
      top: 0;
      left: -15px;
  }
  
  .BadBitch:before {
      content: '';
      position: absolute;
      width: 0;
      height: 0;
      border-top: 17px solid #870F06;
      border-left: 16px solid transparent;
      border-right: 16px solid transparent;
      top: -1px;
      left: -17px;
  }
  
  .SpiderBitch{
      color: #870F06;
      position: relative;
      margin-bottom: 20px;
      margin-left: 20px;
      padding-left: 20px;
      background-color: #FF3483;
      width: 88%;
      text-align: left;
      font: 400 .9em 'Open Sans', sans-serif;
      border: 1px solid #FF3483;
  }
  
  .SpiderBitch:after {
      content: '';
      position: absolute;
      width: 0;
      height: 0;
      border-bottom: 15px solid #FF3483;
      border-left: 15px solid transparent;
      border-right: 15px solid transparent;
      bottom: 0;
      right: -15px;
  }
  
  .SpiderBitch:before {
      content: '';
      position: absolute;
      width: 0;
      height: 0;
      border-bottom: 17px solid #FF3483;
      border-left: 16px solid transparent;
      border-right: 16px solid transparent;
      bottom: -1px;
      right: -17px;
  }

  Pages using this styling

  • fragment:sol-invictus-4 [info]

  ¶ 1 occurrence
  

  :root {
      --logo-image: url("https://scp-wiki.wdfiles.com/local--files/sol-invictus/MammonAestheticLogo.png");
      --header-title: "MAMMON™";
      --header-subtitle: "POTESTAS OPULENTIIS";
  }
  
  #page-title {
      display: none;
  }
  
  .BadBitch{
      color: black;
      position: relative;
      margin-left: 20px;
      margin-bottom: 20px;
      padding-left: 20px;
      background-color: #870F06;
      width: 88%;
      text-align: left;
      font: 400 .9em 'Open Sans', sans-serif;
      border: 1px solid #870F06;
  }
  
  .BadBitch:after {
      content: '';
      position: absolute;
      width: 0;
      height: 0;
      border-top: 15px solid #870F06;
      border-left: 15px solid transparent;
      border-right: 15px solid transparent;
      top: 0;
      left: -15px;
  }
  
  .BadBitch:before {
      content: '';
      position: absolute;
      width: 0;
      height: 0;
      border-top: 17px solid #870F06;
      border-left: 16px solid transparent;
      border-right: 16px solid transparent;
      top: -1px;
      left: -17px;
  }
  
  .SpiderBitch{
      color: #870F06;
      position: relative;
      margin-bottom: 20px;
      margin-left: 20px;
      padding-left: 20px;
      background-color: #FF3483;
      width: 88%;
      text-align: left;
      font: 400 .9em 'Open Sans', sans-serif;
      border: 1px solid #FF3483;
  }
  
  .SpiderBitch:after {
      content: '';
      position: absolute;
      width: 0;
      height: 0;
      border-bottom: 15px solid #FF3483;
      border-left: 15px solid transparent;
      border-right: 15px solid transparent;
      bottom: 0;
      right: -15px;
  }
  
  .SpiderBitch:before {
      content: '';
      position: absolute;
      width: 0;
      height: 0;
      border-bottom: 17px solid #FF3483;
      border-left: 16px solid transparent;
      border-right: 16px solid transparent;
      bottom: -1px;
      right: -17px;
  }

  Pages using this styling

  • fragment:sol-invictus-2 [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css?family=Nova+Flat');
  
  .image-container > .image {
      margin: 1em auto;
      border-radius: 10px;
  }
  
  #page-title {
    display: none;
  }
  div.content-panel.standalone.series div.image-container.aligncenter::before {
      content: "SKY SERMON";
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
      font-family: 'Nova Flat', cursive;
      font-size: 400%;
      font-weight: 900;
      color: white;
      text-shadow: 0.25rem 0.188rem 0px rgba(0,0,0,0.15), 0.563rem 0.5rem 0px rgba(0,0,0,0.15);
  }
  
  div.content-panel.standalone.series div.image-container.aligncenter {
      position: relative;
  }
  
  @media only screen and (max-width: 768px) {
      div.content-panel.standalone.series div.image-container.aligncenter::before {
      	font-size: 300%;
      }
  }

  Pages using this styling

  • fragment:sky-sermon-hub-2 [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css?family=Nova+Flat');
  
  .image-container > .image {
      margin: 1em auto;
      border-radius: 10px;
  }
  
  #page-title {
    display: none;
  }
  
  .skysermon-nav {
      color: #fff000;
      text-shadow: 1px 1px 2px rgba(0,0,0,.35);
      border-radius: 1px;
      border: double 3px #fff000;
      background-color: #c70030;
      box-shadow: 1.5px 1.5px 3px #636ce9;
      padding: 0 30px;
      margin: 10px 0 15px;
      margin-bottom: 20px;
  }
  .skysermon-nav a{
      color: #fff000;
  }
  div.content-panel.standalone.series div.image-container.aligncenter::before {
      content: "SKY SERMON";
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
      font-family: 'Nova Flat', cursive;
      font-size: 400%;
      font-weight: 900;
      color: white;
      text-shadow: 0.25rem 0.188rem 0px rgba(0,0,0,0.15), 0.563rem 0.5rem 0px rgba(0,0,0,0.15);
  }
  
  div.content-panel.standalone.series div.image-container.aligncenter {
      position: relative;
  }
  
  @media only screen and (max-width: 768px) {
      div.content-panel.standalone.series div.image-container.aligncenter::before {
      	font-size: 200%;
      }
  }

  Pages using this styling

  • fragment:sky-sermon-hub-1 [info]

  ¶ 1 occurrence
  

  :root {
      --site-icon: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='UTF-8' standalone='no'?%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='1492.5' height='1395.2' viewBox='0 0 394.9 369.1'%3E%3Cpath d='M171.7 368.7a178.8 178.8 0 0 1-84.1-36.4L73 337.5c-15.3 5.6-15.6 5.7-16.7 4.7-.7-.6-56-96.5-56.3-97.5v-1.5c0-.8 1-1.6 12.2-10.9a72 72 0 0 0 12-10.6l-.5-4.7A174.6 174.6 0 0 1 134 32.4l2.7-15.7c1.5-8.5 2.8-15.5 3-15.8.1-.2.6-.5 1-.7C142 0 253 0 254 .2c.5.2 1 .5 1.1.7.2.3 1.5 7.3 3 15.8l2.7 15.6a191.6 191.6 0 0 1 21.5 10.2A174 174 0 0 1 371.1 217l-.5 4.7c0 .5 1.6 1.9 12 10.6 11.2 9.3 12.1 10.1 12.3 10.9l-.1 1.5c-.3 1-55.6 97-56.3 97.5-1 1-1.4 1-16.7-4.7l-14.5-5.2a176.5 176.5 0 0 1-6.5 4.7 175.7 175.7 0 0 1-81.6 32.1 338 338 0 0 0 19.2-16l2.8-2.4 5-1.6a162.3 162.3 0 0 0 53.9-29.4l4-3.3h1c1 0 3 .6 14.2 4.7 7 2.6 13 4.8 13.3 4.8.4 0 3.6-5.5 22.9-38.8a2892 2892 0 0 0 22.4-39.2c0-.2-4.4-4-11-9.6-7-5.9-11.1-9.4-11.2-9.7-.2-.9-.1-1.8.5-5.2.8-4.3 1.8-12.6 2.2-17.9a162 162 0 0 0-107.7-162c-2.5-.7-2.5-.7-2.7-1.3a2024.6 2024.6 0 0 0-5.2-28.8v-.5h-90.6l-.2.5a2024.6 2024.6 0 0 0-5.1 28.8c-.2.6-.2.6-2.7 1.4a162.2 162.2 0 0 0-107.7 162c.4 5.2 1.4 13.5 2.2 17.8.6 3.4.7 4.3.5 5.2 0 .3-4.1 3.8-11.2 9.7-6.6 5.5-11 9.4-11 9.6L39.4 287a578.3 578.3 0 0 0 22.9 39l13.3-4.8a77.1 77.1 0 0 1 14.1-4.7H91l4 3.3a160 160 0 0 0 53.7 29.4l5 1.6 2.9 2.5c4.3 3.8 10 8.6 14.6 12.1 5.3 4.2 5 3.9 4.1 3.8l-3.5-.4zm22.6-1.8c-27.9-17.6-55-42-76.7-69-22.7-28.5-37-56.8-40.9-81a122.5 122.5 0 1 1 242.9-30A121.4 121.4 0 0 1 308 249c-18.2 40-57.7 84.6-100.4 113.3a110 110 0 0 1-10.3 6.4 18 18 0 0 1-3.1-1.8zm12-99.5A72.2 72.2 0 1 0 188.9 124a72.2 72.2 0 0 0 17.6 143.3z'/%3E%3C/svg%3E");
      --area-icon: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='UTF-8' standalone='no'?%3E%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 293.14 333.51'%3E%3Cpath d='M142.58 333.3a26.39 26.39 0 0 1-20.9-17.6c-2.97-8.8-1.18-18.12 4.92-25.64.38-.47.41-.59.23-.93-.5-.94-94.78-164.2-94.88-164.3-.05-.06-.8 0-1.63.14-1.66.26-5.57.34-7.07.14-9-1.17-16.51-6.5-20.5-14.53a26.3 26.3 0 0 1 17.02-37.15 26.82 26.82 0 0 1 14.76.46 26.02 26.02 0 0 1 11.06 7.07 28.12 28.12 0 0 1 5.62 9.2l.25.76 22.78.04 22.78.05.48.89c.8 1.48 4.34 7.34 6.28 10.39a73.5 73.5 0 0 1 1.91 3.1c.08.2-1.07.24-7.93.24-4.6 0-8 .07-7.97.15.17.46 82.7 143.24 82.79 143.24.14 0 8.52-14.52 8.52-14.78 0-.1-5.59-9.87-12.42-21.7-10.76-18.65-12.41-21.6-12.41-22.19 0-.37.19-2.08.43-3.79.97-7.03 1.48-10.6 1.53-10.65.06-.07-1.34-2.47 14.78 25.45a3320 3320 0 0 0 13.62 23.47c.07-.06 8.13-14.04 8.4-14.54.17-.34-1.42-3.16-15.75-27.98a2244.09 2244.09 0 0 1-16-27.96c-.1-.5 3.44-11.08 3.85-11.5.06-.06 7.6 12.9 16.78 28.78 12.35 21.4 16.71 28.84 16.85 28.69a519 519 0 0 0 8.35-14.54c.04-.17-6.66-11.95-16.62-29.2-9.19-15.9-16.92-29.3-17.19-29.78l-.49-.86 1.84-3.22a339.6 339.6 0 0 1 2.7-4.64l.87-1.42.43.73 17.12 29.66c9.18 15.9 16.74 28.97 16.82 29.04.09.1 8.31-13.83 8.65-14.65.02-.06-7.18-12.62-16-27.92l-16.06-27.8-1.91-.05c-1.58-.04-1.9-.1-1.81-.3.05-.13.89-1.48 1.86-3 1.86-2.9 5.5-8.94 6.32-10.47l.48-.9 22.78-.04 22.79-.04.25-.77c.14-.42.63-1.56 1.1-2.54a26.13 26.13 0 0 1 23.62-14.97 26.26 26.26 0 0 1 24.58 16.5 26.05 26.05 0 0 1-.85 21.44 26.38 26.38 0 0 1-20.5 14.53c-1.47.2-5.4.12-7.04-.13-1.46-.23-1.5-.23-1.72.12-.26.4-5.67 9.76-9.7 16.76a5034.4 5034.4 0 0 1-11.69 20.24 69864.95 69864.95 0 0 1-42.52 73.65 128307.63 128307.63 0 0 1-30.33 52.54l-.72 1.25 1.08 1.33a27.5 27.5 0 0 1 3.76 6.45 23.46 23.46 0 0 1 1.88 9.19c.07 2.34.03 3.14-.27 4.85a24.7 24.7 0 0 1-2.23 7.17c-1.4 2.93-2.8 4.9-5.2 7.3a25.31 25.31 0 0 1-13 7.16c-2.3.54-7.2.7-9.6.3zm6.72-13.6c4.95-1.05 9-5.24 9.87-10.2.33-1.92.14-4.5-.47-6.27a11.32 11.32 0 0 0-3.2-4.98 10.6 10.6 0 0 0-2.9-2.24 12.8 12.8 0 0 0-12.7.4 14.92 14.92 0 0 0-4.1 4.1 13.79 13.79 0 0 0-1.9 7.7 12.96 12.96 0 0 0 9.61 11.39c1.54.4 4.18.44 5.8.1zm-7.81-38.3c2.9-.6 7.4-.63 9.96-.06.43.1.8.15.83.12.03-.02-22.22-38.62-49.44-85.77l-50.4-87.3-.9-1.57-.47 1.24a26.12 26.12 0 0 1-5.51 8.85l-.79.81.31.55 47.37 82.07c45.44 78.7 47.08 81.51 47.49 81.41l1.55-.34zm21.4-15.41 4.3-7.44-44.12-76.42-44.12-76.41-8.64-.05c-4.8-.02-8.62.02-8.59.1.11.28 96.82 167.73 96.85 167.7l4.32-7.48zm70.25-121.68 4.2-7.27-9.05-15.66-9.04-15.66-8.61-.05c-4.74-.02-8.62 0-8.62.05s5.99 10.46 13.3 23.14c8.2 14.2 13.37 22.97 13.46 22.88.09-.09 2.05-3.43 4.36-7.43zm12.5-21.66 2.79-4.84-.98-1.05a27.69 27.69 0 0 1-3.03-3.9 34.62 34.62 0 0 1-2.7-5.82l-.44-1.4h-5.61c-3.95 0-5.6.05-5.55.18a929.8 929.8 0 0 0 12.6 21.7c.08-.02 1.4-2.21 2.93-4.87zM29.22 111.33c2.52-.6 4.68-1.87 6.43-3.73a12.39 12.39 0 0 0 3.39-9.36 12.74 12.74 0 0 0-8.73-11.43c-1.23-.43-1.56-.47-3.9-.48-2.22 0-2.7.05-3.72.4a12.76 12.76 0 0 0-2.46 23.38 13.22 13.22 0 0 0 8.99 1.22zm240.75-.1a12.7 12.7 0 0 0 9.4-14.36c-.87-4.91-4.02-8.52-8.9-10.15-1.02-.34-1.5-.4-3.72-.39-2.34 0-2.66.05-3.9.48-2.03.7-3.58 1.7-5.12 3.24a12.22 12.22 0 0 0-3.6 8.19 12.11 12.11 0 0 0 3.76 9.69 11.46 11.46 0 0 0 4.75 3.02c2.34.83 4.7.92 7.33.28zm-123.63 74.22c-.07-.16-.27-1.52-.45-3.02-3.08-24.9-9.37-45.35-19.75-64.18-2.94-5.33-5.04-8.78-11.7-19.17-6.59-10.26-8.57-13.63-11.32-19.22a78.83 78.83 0 0 1-6.77-19.98c-.56-2.72-.86-10-.54-13.1.78-7.6 2.44-13.27 5.7-19.53A50.98 50.98 0 0 1 137.55.78c5.46-1 12.06-1.04 17.64-.1a51.22 51.22 0 0 1 36.34 26.12c3 5.56 4.83 11.38 5.76 18.28.3 2.18.3 9.42 0 11.82-.85 6.95-3.46 15.21-7.26 22.96-2.72 5.57-4.7 8.94-11.3 19.22-6.66 10.4-8.77 13.84-11.7 19.17-10.39 18.83-16.68 39.28-19.75 64.18-.35 2.78-.46 3.31-.7 3.31-.07 0-.18-.13-.24-.29zm5.38-109.92a25.3 25.3 0 0 0 19.64-20.28c.44-2.38.4-6.5-.08-8.9a25.1 25.1 0 0 0-20.2-20.09c-2.46-.46-7-.42-9.38.09a24.5 24.5 0 0 0-12.74 6.9 24.31 24.31 0 0 0-6.91 12.65c-.5 2.23-.54 7.5-.08 9.77a24.46 24.46 0 0 0 7 12.98 23.33 23.33 0 0 0 6.8 4.91 28.89 28.89 0 0 0 8.09 2.37c1.47.19 6.24-.05 7.86-.4z'/%3E%3C/svg%3E");
  }
  
  .site-grid {
      display: grid;
      grid-template-columns: repeat(auto-fill, minmax(min(7rem, 100%), 1fr));
      grid-gap: 1rem;
      box-sizing: border-box;
  }
  
  .s-wrapper {
      display: flex;
      align-content: stretch;
      transition: outline 0.135s ease-out;
      outline: #333 solid 0rem;
      position: relative;
  }
  .s-wrapper:hover, .s-wrapper:focus-within { outline: #333 solid 0.5rem; }
  
  .s-wrapper > a[href="javascript:;"] {
      display: block;
      position: absolute;
      top: 0; left: 0;
      width: 100%;
      height: 100%;
      font-size: 0rem;
      user-select: none;
      outline-width: 0;
  }
  
  .slideover {
      display: block;
      position: fixed;
      height: 100vh;
      width: 24rem;
      bottom: 0;
      top: 0;
      right: -28rem;
      background-color: #fdfdfd;
      transition: right 0.3s ease-out;
      z-index: 11;
      overflow-y: auto;
      direction: rtl;
      scrollbar-width: thin;
      contain: strict;
  }
  
  .slideover .socontent {
      direction: ltr;
      padding: 1rem 1.5rem 2.25rem;
  }
  
  .s-wrapper > div.thumbnail {
      font-family: 'Inter', sans-serif;
      font-weight: 750;
      font-size: 1.2rem;
      text-transform: uppercase;
  
      color: #1e1e1e;
      background-color: rgb(255,255,255);
      box-shadow: 0 0 0.4rem rgba(0,0,0,0.2);
  
      display: flex;
      flex-wrap: wrap;
      width: 100%;
      flex-grow: 1;
      justify-content: center;
      min-height: 3rem;
      padding: 0.5rem 0;
      align-items: center;
      text-align: center;
  }
  
  .s-wrapper > div.thumbnail::before {
      content: "";
      display: block;
      width: 100%;
      height: 4rem;
      margin: 0.2rem;
      background: var(--color);
  
      -webkit-mask-position: 50%;
                  mask-position: 50%;
      -webkit-mask-repeat: no-repeat;
                  mask-repeat: no-repeat;
      -webkit-mask-size: contain;
                  mask-size: contain;
  }
  .s-wrapper > div.site::before {
      -webkit-mask-image: var(--site-icon);
                  mask-image: var(--site-icon);
  }
  .s-wrapper > div.area::before {
      -webkit-mask-image: var(--area-icon);
                  mask-image: var(--area-icon);
  }
  
  .s-wrapper > div:is(.SITE, .AREA)::before {
      background: none;
      background-image: var(--custom-icon);
      background-position: 50%;
      background-repeat: no-repeat;
      background-size: contain;
  }
  
  .s-wrapper > div span.type { color: #1e1e1e; }
  .s-wrapper > div span.number {
      color: transparent;
      background: var(--color);
      -webkit-background-clip: text;
                  background-clip: text;
  }
  
  .s-wrapper > div[style*="$color"]:not(.SITE, .AREA)::before,
  .s-wrapper > div[style*="$color"] span.number {
      background-color: #1e1e1e; /* fallback detection */
  }
  
  
  /*---------------------------------------------*/
  /*---------------------------------------------*/
  /*---------------------------------------------*/
  
  #page-content .s-wrapper > a:focus + .slideover,
  #page-content .s-wrapper > a:active + .slideover,
  #page-content .s-wrapper .slideover:hover,
  #page-content .s-wrapper .slideover:focus-within {
      right: 0;
  }
  
  @supports (-webkit-hyphens:none) {
  #page-content .s-wrapper > a:hover + .slideover { right: 0; }
  }
  
  @media only screen and (max-width: 45rem) {
  .site-grid {
      padding-inline: 2.675rem;
      grid-gap: .75rem;
  }
  
  #page-content .slideover {
      right: 0!important;
      width: 100%;
      max-width: 100%;
      height: 55vh; height: 57.5lvh;
      bottom: 0;
      top: initial;
      display: none;
      transition: unset;
  }
  
  #page-content .s-wrapper > a:focus + .slideover,
  #page-content .s-wrapper .slideover:is(:hover,:focus-within) {
      display: block;
  }
  @supports (-webkit-hyphens:none) {
  #page-content .s-wrapper > a:hover + .slideover,
  #page-content .s-wrapper .slideover:is(:hover,:focus-within) { display: block; }
  }
  
  }
  
  
  /*---------------------------------------------*/
  /*---------------------------------------------*/
  /*---------------------------------------------*/
  
  .socontent h1 {
      font-family: "Inter", sans-serif;
      font-weight: 800;
      color: #333;
      font-size: 1.5rem;
      text-align: center;
      margin: 0.25rem 0 1rem;
      display: flex;
      flex-direction: column;
      gap: .175rem;
  }
  .socontent h1::after {
      content: "";
      display: block;
      background-color: #901;
      height: 0.325rem;
      width: 99.5%;
      margin: -0.1rem auto;
      transform: skewX(-25deg);
  }
  
  /*------------------------*/
  
  .doc-link br, .doc-link p { display: contents; }
  .doc-link a {
      font-family: "Inter", sans-serif;
      font-weight: 800;
      display: flex;
      justify-content: center;
      align-items: center;
      text-align: center;
      line-height: 1.25;
      margin: 1.15rem auto;
      font-size: 1.25rem;
      text-transform: uppercase;
      padding: 0.625rem;
      max-width: 85%;
      position: relative;
      z-index: 0;
      outline-width: 0;
      color: #f7f7f7;
  }
  .doc-link a:hover { text-decoration: none; }
  
  .doc-link a::before,
  .doc-link a::after {
      content: "";
      display: block;
      position: absolute;
      top: 0; left: 0;
      width: 100%;
      height: 100%;
      transform: skew(-25deg);
  }
  .doc-link a::before {
      z-index: -1;
      background-color: #901;
      width: 0%;
      transition: width 0.15s ease-out 0.05s;
  }
  .doc-link a::after {
      z-index: -2;
      background-color: #333;
      box-shadow: 0.05rem 0.1rem 0.35rem rgb(0 0 0 / 40%);
      transition: box-shadow 0.15s ease 0.05s;
  }
  .doc-link a:hover::before,
  .doc-link a:focus::before {
      width: 100%;
  }
  .doc-link a:hover::after,
  .doc-link a:focus::after {
      box-shadow: 0.45rem 0.4rem 0 #333;
      transition-delay: 0.2s;
  }
  
  
  /*------------------------*/
  
  #u-s5fx { display: contents; }
  #u-s5fx .site { animation: flicker 12s infinite ease; }
  @keyframes flicker {
      0%, 9%, 11%, 13%, 15%, 35%, 38%, 54%, 60%, 79%, 81%, 83%, 100% { opacity: 1; }
      10%, 12%, 36%, 55%, 80%, 82% { opacity: 0; }
  }

  Pages using this styling

  • fragment:site-snippets-source [info]

  ¶ 1 occurrence
  

  .footage-picker__link { --b: calc({$index} + 2) !important }
  .footage-picker__link[href*="/{$index}#"] {
    pointer-events: none;
    background-color: rgb(var(--tabs-selected-outline));
    color: rgb(var(--tabs-bg));
  }

  Pages using this styling

  • fragment:site-69-template-footage-base [info]

  ¶ 1 occurrence
  

  .footage-picker {
    position: relative;
    display: flex;
    flex-direction: column;
    border: thin solid rgb(var(--tables-border));
    margin-bottom: 4rem;
  }
  .footage-picker p {
    margin: 0;
  }
  .footage-picker__heading {
    margin: 0;
    background: rgb(var(--tables-header-bg));
    color: rgb(var(--tables-header-txt));
    text-align: center;
    padding: 0.5em 1em;
  }
  .footage-picker__links {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(4em, max-content));
    gap: 0.5em;
    padding: 0.5em;
    justify-content: center;
    box-sizing: border-box;
  }
  .footage-picker__link, .footage-picker__link:visited {
    background-color: rgb(var(--tabs-bg));
    box-sizing: border-box;
    border-bottom: medium solid rgb(var(--tabs-selected-outline));
    box-shadow: inset 0px 0px 0px 0px transparent;
    color: inherit;
    text-decoration: none !important;
    text-align: center;
    padding-block: 1.25rem;
    transition: box-shadow 0.1s ease-in;
  }
  .footage-picker__link:hover, .footage-picker__link:focus-visible,
  .footage-picker__link:visited:hover, .footage-picker__link:visited:focus-visible {
    box-shadow: inset 0px 0px 0px 5px rgb(var(--tabs-selected-outline));
    transition: box-shadow 0.1s ease-out;
  }
  .footage-picker__link--2 {
    grid-column: span 2;
  }
  .footage-picker__link--3 {
    grid-column: span 3;
  }
  
  
  /* Hide targets so you don't scroll to them on click */
  .targets { display: none }
  /* But if they do show, add some space to the top of the screen after clicking a room */
  .targets a { scroll-margin-top: 1ch }
  
  /* Stagger fade on the links */
  .footage-picker { counter-reset: fade }
  .footage-picker__link {
    counter-increment: fade;
    opacity: 0;
    animation: fadeIn 1s ease forwards;
    --b: 0;
    animation-delay: calc(0.3s * (var(--n) - var(--b)));
  }
  .footage-picker__link:nth-child(1) {--n:1}
  .footage-picker__link:nth-child(2) {--n:2}
  .footage-picker__link:nth-child(3) {--n:3}
  .footage-picker__link:nth-child(4) {--n:4}
  .footage-picker__link:nth-child(5) {--n:5}
  .footage-picker__link:nth-child(6) {--n:6}
  .footage-picker__link:nth-child(7) {--n:7}
  .footage-picker__link:nth-child(8) {--n:8}
  .footage-picker__link:nth-child(9) {--n:9}
  .footage-picker__link:nth-child(10) {--n:10}
  .footage-picker__link:nth-child(11) {--n:11}
  .footage-picker__link:nth-child(12) {--n:12}
  .footage-picker__link:nth-child(13) {--n:13}
  .footage-picker__link:nth-child(14) {--n:14}
  .footage-picker__link:nth-child(15) {--n:15}
  @keyframes fadeIn { from { opacity: 0 } to { opacity: 1 } }
  
  /* Hide hidden link */
  .footage-picker__link--hidden:not(.reading-detector:has(.html-block-iframe[style*="2px"]) + .footage-picker__links .footage-picker__link--hidden) {
    opacity: 0 !important;
  }

  Pages using this styling

  • fragment:site-69-picker [info]

  ¶ 1 occurrence
  

  .map {
    position: relative;
    background-image: url(https://scp-wiki.wdfiles.com/local--files/site-69/sitemap.svg);
    background-size: cover;
    width: 100%;
    max-width: 37.5rem;
    aspect-ratio: 4 / 3;
    margin: 1rem auto;
    container-type: inline-size;
  }
  .map__room {
    position: absolute;
    top: var(--room-top);
    left: var(--room-left);
    width: var(--room-width);
    height: var(--room-height);
    background-color: var(--swatch-gba-light);
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 2.3cqw;
    text-decoration: none !important;
    color: var(--swatch-gba-dark) !important;
  }
  .map__room::after {
    content: inherit;
    height: 0.3rem;
    width: 0.3rem;
    margin: 0.3ch;
    background-color: #f21a;
    border-radius: 1rem;
  }
  
  /* Individual room tweaks */
  .map__room--ring-east {
    clip-path: polygon(0% 0%, 100% 0%, 100% 9.7%, 41% 9.7%, 41% 100%, 0% 100%);
    justify-content: start;
  }
  .map__room--pantry {
    clip-path: polygon(0% 0%, 100% 0%, 100% 38.7%, 51% 38.7%, 51% 100%, 0% 100%);
    align-items: start;
    line-height: 5cqw;
  }
  .map__room--storage {
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 15.6% 100%, 15.6% 64%, 0% 64%);
  }
  .map__room--foyer {
    clip-path: polygon(22.7% 0%, 100% 0%, 100% 100%, 0% 100%, 0% 37.6%, 22.7% 37.6%);
  }
  .map__room--toilet {
    font-size: 1.6cqw;
  }
  
  /* Generated room positions */
  .map__room--ring-east {
    --room-top: 34%;
    --room-left: 80%;
    --room-height: 34%;
    --room-width: 6%;
  }
  .map__room--pantry {
    --room-top: 14.6666666666667%;
    --room-left: 44.5%;
    --room-height: 18.6666666666667%;
    --room-width: 19.5%;
  }
  .map__room--storage {
    --room-top: 72%;
    --room-left: 57.5%;
    --room-height: 18.6666666666667%;
    --room-width: 26%;
  }
  .map__room--foyer {
    --room-top: 18%;
    --room-left: 83%;
    --room-height: 53.3333333333333%;
    --room-width: 15.5%;
  }
  .map__room--hangar {
    --room-top: 2%;
    --room-left: 1.5%;
    --room-height: 96%;
    --room-width: 22%;
  }
  .map__room--server {
    --room-top: 2%;
    --room-left: 24%;
    --room-height: 31.3333333333333%;
    --room-width: 20%;
  }
  .map__room--cafe {
    --room-top: 22.6666666666667%;
    --room-left: 55%;
    --room-height: 10.6666666666667%;
    --room-width: 18.5%;
  }
  .map__room--d1 {
    --room-top: 38.6666666666667%;
    --room-left: 24.5%;
    --room-height: 13.3333333333333%;
    --room-width: 9%;
  }
  .map__room--d2 {
    --room-top: 38.6666666666667%;
    --room-left: 34.5%;
    --room-height: 13.3333333333333%;
    --room-width: 9%;
  }
  .map__room--d3 {
    --room-top: 38.6666666666667%;
    --room-left: 44.5%;
    --room-height: 13.3333333333333%;
    --room-width: 9%;
  }
  .map__room--d4 {
    --room-top: 58%;
    --room-left: 24.5%;
    --room-height: 13.3333333333333%;
    --room-width: 9%;
  }
  .map__room--d5 {
    --room-top: 58%;
    --room-left: 34.5%;
    --room-height: 13.3333333333333%;
    --room-width: 9%;
  }
  .map__room--d6 {
    --room-top: 58%;
    --room-left: 44.5%;
    --room-height: 13.3333333333333%;
    --room-width: 9%;
  }
  .map__room--d-corridor {
    --room-top: 53.3333333333333%;
    --room-left: 24.5%;
    --room-height: 3.33333333333333%;
    --room-width: 29%;
  }
  .map__room--armoury {
    --room-top: 73.3333333333333%;
    --room-left: 25%;
    --room-height: 17.3333333333333%;
    --room-width: 28%;
  }
  .map__room--toilet {
    --room-top: 84.6666666666667%;
    --room-left: 57.5%;
    --room-height: 6%;
    --room-width: 3.5%;
  }
  .map__room--bay {
    --room-top: 72%;
    --room-left: 84%;
    --room-height: 18.6666666666667%;
    --room-width: 14.5%;
  }
  .map__room--containment {
    --room-top: 48.6666666666667%;
    --room-left: 65.5%;
    --room-height: 8%;
    --room-width: 6%;
  }
  .map__room--airlock {
    --room-top: 51.3333333333333%;
    --room-left: 58%;
    --room-height: 2.66666666666667%;
    --room-width: 6.5%;
  }
  .map__room--a4 {
    --room-top: 20.6666666666667%;
    --room-left: 77%;
    --room-height: 12.6666666666667%;
    --room-width: 9%;
    flex-direction: column;
  }
  .map__room--a2 {
    --room-top: 4.66666666666667%;
    --room-left: 77%;
    --room-height: 8.66666666666667%;
    --room-width: 4%;
  }
  .map__room--a3 {
    --room-top: 14%;
    --room-left: 77%;
    --room-height: 6%;
    --room-width: 4%;
  }
  .map__room--a1 {
    --room-top: 4.66666666666667%;
    --room-left: 64.5%;
    --room-height: 17.3333333333333%;
    --room-width: 9%;
    flex-direction: column;
  }
  .map__room--server-corridor {
    --room-top: 34%;
    --room-left: 24%;
    --room-height: 3.33333333333333%;
    --room-width: 30.5%;
  }
  .map__room--armoury-corridor {
    --room-top: 71.3333333333333%;
    --room-left: 54.5%;
    --room-height: 19.3333333333333%;
    --room-width: 2.5%;
  }
  .map__room--office-corridor {
    --room-top: 4.66666666666667%;
    --room-left: 74%;
    --room-height: 29.3333333333333%;
    --room-width: 2.5%;
  }
  .map__room--ring-north {
    --room-top: 34%;
    --room-left: 57%;
    --room-height: 3.33333333333333%;
    --room-width: 23%;
  }
  .map__room--ring-south {
    --room-top: 68%;
    --room-left: 57%;
    --room-height: 3.33333333333333%;
    --room-width: 25.5%;
  }
  .map__room--ring-west {
    --room-top: 34%;
    --room-left: 54.5%;
    --room-height: 37.3333333333333%;
    --room-width: 2.5%;
  }
  
  .room-icon {
    background-size: 1rem;
    background-position: center;
    background-repeat: no-repeat;
    height: 1.2rem;
    width: 1.2rem;
    display: inline-block;
    font-size: 0px;
    transform: translateX(0.2rem);
    vertical-align: top;
  }
  .room-icon--new {
    background-image: var(--icon-new);
    background-size: cover;
    border-radius: 99rem;
  }
  .room-icon--cctv {
    background-image: var(--icon-cctv);
  }
  .room-icon--mic {
    background-image: var(--icon-mic);
  }
  
  .footage__instruct {
    font-weight: bold;
    --wght: 700;
    color: var(--swatch-gba-dark);
    font-size: large;
    text-align: center;
  }
  :root:has(.targets :target) .footage__instruct--below {
    display: none;
  }
  
  .footage__selectors {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 0.5rem;
  }
  .footage__selector, .footage__selector:visited {
    position: relative;
    padding: 0.3rem clamp(0.25rem, 2cqw, 0.75rem);
    border: 2px solid var(--swatch-gba-dark);
    border-radius: 0.2rem;
    color: black;
    background-color: var(--swatch-gba-hpale);
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.5ch;
    --shadow-colour: var(--swatch-gba-medium);
    --shadow-3d-height: 0.2rem;
    --_shadow-3d-height: 0rem;
    box-shadow: 0px var(--_shadow-3d-height) var(--shadow-colour);
    transform: translateY(calc(-1 * (var(--_shadow-3d-height))));
    transition: box-shadow 0.2s ease, transform 0.2s ease, color 0.1s ease, background-color 0.1s ease, border-color 0.1s ease !important;
  }
  .footage__selector:hover {
    --_shadow-3d-height: 0.2rem;
    text-decoration: none;
    color: black !important;
    background-color: white;
  }

  Pages using this styling

  • fragment:site-69-map [info]

  ¶ 1 occurrence
  

  .footage-picker {
    position: relative;
    display: flex;
    flex-direction: column;
    margin-bottom: 4rem;
    border: thin solid rgb(var(--tables-border));
    max-width: 29em !important;
    margin-inline: auto;
  }
  .footage-picker p {
    margin: 0;
  }
  .footage-picker__heading {
    margin: 0;
    background: rgb(var(--tables-header-bg));
    color: rgb(var(--tables-header-txt));
    text-align: center;
    padding: 0.5em 1em;
  }
  .footage-picker__links {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(4em, max-content));
    gap: 0.5em;
    padding: 0.5em;
    justify-content: center;
    box-sizing: border-box;
  }
  .footage-picker__link:any-link {
    background-color: rgb(var(--tabs-bg));
    box-sizing: border-box;
    box-shadow: inset 0px 0px 0px 0px transparent;
    color: inherit;
    text-decoration: none !important;
    text-align: center;
    padding-block: 1.25rem;
    transition: box-shadow 0.1s ease-in;
    border: thin solid rgb(var(--tables-border));
  }
  .footage-picker__link:hover, .footage-picker__link:focus-visible,
  .footage-picker__link:visited:hover, .footage-picker__link:visited:focus-visible {
    box-shadow: inset 0px 0px 0px 5px rgb(var(--tabs-selected-outline));
    transition: box-shadow 0.1s ease-out;
  }
  
  /* Hide targets so you don't scroll to them on click */
  .targets { display: none }
  /* But if they do show, add some space to the top of the screen after clicking a room */
  .targets a { scroll-margin-top: 1ch }
  
  /* Stagger fade on the links */
  .footage-picker { counter-reset: fade }
  .footage-picker__link {
    counter-increment: fade;
    opacity: 0;
    animation: fadeIn 1s ease forwards;
    --b: 0;
    animation-delay: calc(0.3s * (var(--n) - var(--b)));
  }
  .footage-picker__link:nth-child(1) {--n:1}
  .footage-picker__link:nth-child(2) {--n:2}
  .footage-picker__link:nth-child(3) {--n:3}
  .footage-picker__link:nth-child(4) {--n:4}
  .footage-picker__link:nth-child(5) {--n:5}
  .footage-picker__link:nth-child(6) {--n:6}
  @keyframes fadeIn { from { opacity: 0 } to { opacity: 1 } }
  
  /* Outside */
  .footage-picker__link:nth-child(5) {
    color: transparent;
    background-image: linear-gradient(
      to bottom,
      #3073ad 7.1%,
      #387cb9 21.4%,
      #4687c1 35.7%,
      #5997cb 50%,
      #6da6d3 64.3%,
      #84b4d9 78.6%,
      #97bedb 92.9%
    );
  }
  
  .footage-picker__link--locked {
    position: relative;
    font-size: 0;
    color: inherit !important;
    background: inherit !important;
    pointer-events: none;
  }
  .footage-picker__link--locked::after {
    content: "\f023";
    font-family: "FontAwesome";
    font-size: 1rem;
  }

  Pages using this styling

  • fragment:site-69-ii-picker [info]

  ¶ 1 occurrence
  

  .footage-picker__link { --b: calc(5 + 2) !important }
  .footage-picker__link[href*="/5#"] {
    pointer-events: none;
    background-color: rgb(var(--tabs-selected-outline));
    color: rgb(var(--tabs-bg));
  }

  Pages using this styling

  • fragment:site-69-ii-part-6 [info]

  ¶ 1 occurrence
  

  /* pit */
  
  :root {
    --pit-3840: url('https://scp-wiki.wdfiles.com/local--files/site-69-ii/the_pit-3840.webp');
    --pit-3840-tiny: url('https://scp-wiki.wdfiles.com/local--files/site-69-ii/the_pit-3840-tiny.webp');
    --pit-2560: url('https://scp-wiki.wdfiles.com/local--files/site-69-ii/the_pit-2560.webp');
    --pit-2560-tiny: url('https://scp-wiki.wdfiles.com/local--files/site-69-ii/the_pit-2560-tiny.webp');
    --pit-1920: url('https://scp-wiki.wdfiles.com/local--files/site-69-ii/the_pit-1920.webp');
    --pit-1920-tiny: url('https://scp-wiki.wdfiles.com/local--files/site-69-ii/the_pit-1920-tiny.webp');
    --pit-1200: url('https://scp-wiki.wdfiles.com/local--files/site-69-ii/the_pit-1200.webp');
    --pit-1200-tiny: url('https://scp-wiki.wdfiles.com/local--files/site-69-ii/the_pit-1200-tiny.webp');
    --pit-800: url('https://scp-wiki.wdfiles.com/local--files/site-69-ii/the_pit-800.webp');
    --pit-800-tiny: url('https://scp-wiki.wdfiles.com/local--files/site-69-ii/the_pit-800-tiny.webp');
    --pit-480: url('https://scp-wiki.wdfiles.com/local--files/site-69-ii/the_pit-480.webp');
    --pit-480-tiny: url('https://scp-wiki.wdfiles.com/local--files/site-69-ii/the_pit-480-tiny.webp');
      --rope-2228: url('https://scp-wiki.wdfiles.com/local--files/site-69-ii/rope-2228.webp');
      --rope-2228-tiny: url('https://scp-wiki.wdfiles.com/local--files/site-69-ii/rope-2228-tiny.webp');
    --rope-1200: url('https://scp-wiki.wdfiles.com/local--files/site-69-ii/rope-1200.webp');
    --rope-1200-tiny: url('https://scp-wiki.wdfiles.com/local--files/site-69-ii/rope-1200-tiny.webp');
    --rope-800: url('https://scp-wiki.wdfiles.com/local--files/site-69-ii/rope-800.webp');
    --rope-800-tiny: url('https://scp-wiki.wdfiles.com/local--files/site-69-ii/rope-800-tiny.webp');
    --rope-480: url('https://scp-wiki.wdfiles.com/local--files/site-69-ii/rope-480.webp');
    --rope-480-tiny: url('https://scp-wiki.wdfiles.com/local--files/site-69-ii/rope-480-tiny.webp');
  
    --bg-image-list: var(--pit-480), var(--pit-480-tiny);
    --bg-image-width: 480px;
    --rope-image-list: var(--rope-480), var(--rope-480-tiny);
    --rope-image-width: 480px;
    --rope-image-height: 1409px;
  }
  
  body {
    margin: 0;
    background-color: black;
    background-repeat: no-repeat;
    background-position: top center;
    background-attachment: scroll;
    background-image: var(--bg-image-list);
    background-size: var(--bg-image-width) auto;
  }
  
  @media (min-width: 480px) {
    :root {
      --bg-image-list: var(--pit-800), var(--pit-800-tiny);
      --bg-image-width: 800px;
      --rope-image-list: var(--rope-800), var(--rope-800-tiny);
      --rope-image-width: 800px;
    }
  }
  
  @media (min-width: 800px) {
    :root {
      --bg-image-list: var(--pit-1200), var(--pit-1200-tiny);
      --bg-image-width: 1200px;
      --rope-image-list: var(--rope-1200), var(--rope-1200-tiny);
      --rope-image-width: 1200px;
    }
  }
  
  @media (min-width: 1200px) {
    :root {
      --bg-image-list: var(--pit-1920), var(--pit-1920-tiny);
      --bg-image-width: 1920px;
      --rope-image-list: var(--rope-2228), var(--rope-2228-tiny);
      --rope-image-width: 2228px;
    }
  }
  
  @media (min-width: 1920px) {
    :root {
      --bg-image-list: var(--pit-2560), var(--pit-2560-tiny);
      --bg-image-width: 2560px;
    }
  }
  
  @media (min-width: 2560px) {
    :root {
      --bg-image-list: var(--pit-3840), var(--pit-3840-tiny);
      --bg-image-width: 3840px;
    }
  }
  
  .light, .dark {
    font-size: 1.15rem;
    font-family: var(--mono-font);
    margin-block: 1rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.1em;
  }
  .light--large, .dark--large {
    font-size: 1.5rem;
  }
  
  .light p {
    display: inline-block;
    color: black;
    background-color: rgba(255, 255, 255, 0.75);
    backdrop-filter: blur(2px);
    padding: 1px 1em;
    margin: 0;
    box-shadow: 0 0.25em 2em rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    opacity: 1;
    animation: fade-in-but-fucked-up 7s ease-in -1.4s backwards;
    text-align: center;
  }
  
  .dark:not(.dark--large) {
    max-width: 40rem !important;
    margin-inline: auto;
  }
  .dark p {
    color: rgb(var(--basalt-main-text-color));
    background-color: black;
    text-align: center;
    line-height: 1.5;
    margin-block: 0.6em;
  }
  
  .dark p:has(.yetty) { align-self: end; text-align: right }
  .dark p:has(.niamh) { align-self: start; text-align: left }
  .yetty:not(.yetty--2), .niamh--2 { color: moccasin }
  .niamh--transition {
    background-image: linear-gradient(to right, currentColor, moccasin); 
    background-clip: text; 
    -webkit-background-clip: text; 
    -webkit-text-fill-color: transparent;
  }
  
  @keyframes fade-in-but-fucked-up {
    20% {
      opacity: 0;
      background-color: transparent;
      box-shadow: 0 0 0 rgba(0, 0, 0, 0.1);
      backdrop-filter: blur(0px);
      filter: blur(10px);
      color: transparent;
    }
    30%, 40% {
      opacity: 1;
      color: rgba(0, 0, 0, 0.02);
      box-shadow: 0 0 1em rgba(0, 0, 0, 0.1);
      backdrop-filter: blur(5px);
      filter: blur(2px);
    }
    70% {
      opacity: 1;
      background-color: rgba(255, 255, 255, 0.25);
      backdrop-filter: blur(5px);
      filter: blur(0px);
      color: black;
    }
    100% {
      background-color: rgba(255, 255, 255, 0.75);
      box-shadow: 0 0.25em 2em rgba(0, 0, 0, 0.1);
      backdrop-filter: blur(2px);
    }
  }
  
  .light--darkened {
    display: none;
  }
  .light--darkened p {
    color: white;
    background: black;
  }
  
  .ropebox {
    position: relative;
    z-index: -1;
  }
  .ropebox::before {
    content: "";
    background-image: var(--rope-image-list);
    background-size: var(--rope-image-width) var(--rope-image-height);
    background-position: center;
    height: var(--rope-image-height);
    width: 100vw;
    display: block;
    margin-block: calc(var(--rope-image-height) * -0.5);
    transform: translateX(-50%);
    left: 50%;
    position: absolute;
  }
  
  .footage-picker__heading { display: none }
  .footage-picker__heading--expedition { display: block !important }
  :root:has(.controller[style*="2."]) {
    --bg-image-list: "";
    --rope-image-list: "";
    .light { display: none }
    .light--darkened { display: flex }
    .light p { animation: none }
    .footage-picker__heading { display: block !important }
    .footage-picker__heading--expedition { display: none !important }
  }
  
  .blue {
    position: relative;
    padding-top: 40rem;
    padding-bottom: 10rem;
    margin-bottom: 5rem;
    font-size: 1.6rem;
    color: white;
  }
  .blue::before {
    content: "";
    background-image: linear-gradient(to bottom, transparent, #003 35rem, #003);
    background-size: cover;
    width: 100vw;
    display: block;
    transform: translateX(-50%);
    left: 50%;
    position: absolute;
    top: 0;
    bottom: 0;
    pointer-events: none;
    z-index: -1;
  }
  
  .blue > p {
    text-align: center;
  }
  .blue > p em {
    margin-inline: 0.5ch;
  }
  .blue em {
    font-family: Inter, sans-serif;
    font-style: normal;
    font-weight: 200;
    letter-spacing: -0.07em;
    transform: scaleY(0.8);
    display: inline-block;
    word-spacing: initial;
  }
  
  .interrogation {
    margin-block: 4rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    color: white;
  }
  .interrogation::before, .interrogation::after {
    content: "";
    border-left: thin solid white;
    order: 2;
    height: 1rem;
  }
  .interrogation::after {
    order: 4;
  }
  .interrogation__input, .interrogation__output {
    border: thin solid white;
    padding: 1rem 2rem;
    order: 1;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 1rem 2rem;
    text-align: center;
  }
  .interrogation__process:where(:not(:first-child)) {
    order: 3;
    max-width: 8rem !important;
  }
  .interrogation__process--box {
    border: medium solid white;
    padding: 1rem 2rem;
    max-width: none;
  }
  .interrogation__output {
    order: 5;
  }

  Pages using this styling

  • fragment:site-69-ii-part-5 [info]

  ¶ 1 occurrence
  

  /* scroll detection - courtesy of scp-8822 */
  
  @import url(https://croquembouche.net/scp/scp-8822/assertions-v1.css);
  
  .controller { height: 1px !important }
  .scout {
    height: 1em;
    width: 1px;
    border: none;
    transform: scaleY(50);
    margin-block: -0.25em;
  }
  .controller, .scout:not([src*="debug=true"]) { opacity: 0.01 }

  Pages using this styling

  • fragment:site-69-ii-part-5 [info]

  ¶ 1 occurrence
  

  /* picker, pit version */
  
  .footage-picker-section__title, .footage-picker-section__intro, .footage-picker__heading {
    display: none;
    color: #fff4;
  }
  
  .footage-picker {
    --tables-border: 255, 255, 255, 0.1;
  }
  
  .footage-picker__link:any-link {
    background-color: #fff4;
    color: #fff;
    opacity: 0.25 !important;
    transition: opacity 0.1s ease !important;
    animation: none !important;
  }
  .footage-picker__link:hover {
    opacity: 1 !important;
  }
  .footage-picker__link:nth-child(5) {
    background: black;
    color: black;
    opacity: 1 !important;
  }

  Pages using this styling

  • fragment:site-69-ii-part-5 [info]

  ¶ 1 occurrence
  

  /* Disable Basalt responsive font size */
  :root {
    --true-font-size: var(--base-font-size);
  }
  
  #breadcrumbs a:any-link { color: inherit; opacity: 0.5; }

  Pages using this styling

  • fragment:site-69-ii-part-5 [info]

  ¶ 1 occurrence
  

  .footage-picker__link { --b: calc(3 + 2) !important }
  .footage-picker__link[href*="/3#"] {
    pointer-events: none;
    background-color: rgb(var(--tabs-selected-outline));
    color: rgb(var(--tabs-bg));
  }

  Pages using this styling

  • fragment:site-69-ii-part-4 [info]

  ¶ 1 occurrence
  

  .footage-picker__link { --b: calc(2 + 2) !important }
  .footage-picker__link[href*="/2#"] {
    pointer-events: none;
    background-color: rgb(var(--tabs-selected-outline));
    color: rgb(var(--tabs-bg));
  }

  Pages using this styling

  • fragment:site-69-ii-part-3 [info]

  ¶ 1 occurrence
  

  .footage-picker__link { --b: calc(1 + 2) !important }
  .footage-picker__link[href*="/1#"] {
    pointer-events: none;
    background-color: rgb(var(--tabs-selected-outline));
    color: rgb(var(--tabs-bg));
  }

  Pages using this styling

  • fragment:site-69-ii-part-2 [info]

  ¶ 1 occurrence
  

  .footage-picker__link { --b: calc(0 + 2) !important }
  .footage-picker__link[href*="/0#"] {
    pointer-events: none;
    background-color: rgb(var(--tabs-selected-outline));
    color: rgb(var(--tabs-bg));
  }
  
  /* Add a 'new' indicator to the all events button (cuz it's new) */
  .footage__selector--all::after {
    content: "New";
    position: absolute;
    background-image: linear-gradient(45deg, gold, yellow, gold);
    color: black;
    font-weight: 600;
    font-size: 0.75em;
    border-radius: 99rem;
    padding: 0em 0.4rem;
    top: -1em;
    right: -0.5em;
    border: 2px solid black;
  }

  Pages using this styling

  • fragment:site-69-ii-part-1 [info]

  ¶ 1 occurrence
  

  .map {
    position: relative;
    background-image: url(https://scp-wiki.wdfiles.com/local--files/site-69/sitemap.svg);
    background-size: cover;
    width: 100%;
    max-width: 37.5rem;
    aspect-ratio: 4 / 3;
    margin: 1rem auto;
    container-type: inline-size;
  }
  .map__room {
    position: absolute;
    top: var(--room-top);
    left: var(--room-left);
    width: var(--room-width);
    height: var(--room-height);
    background-color: var(--swatch-gba-light);
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 2.3cqw;
    text-decoration: none !important;
    color: var(--swatch-gba-dark) !important;
  }
  .map__room::after {
    content: inherit;
    height: 0.3rem;
    width: 0.3rem;
    margin: 0.3ch;
    background-color: #f21a;
    border-radius: 1rem;
  }
  
  /* Individual room tweaks */
  .map__room--east-ring-corridor {
    clip-path: polygon(0% 0%, 100% 0%, 100% 9.7%, 41% 9.7%, 41% 100%, 0% 100%);
    justify-content: start;
  }
  .map__room--pantry {
    clip-path: polygon(0% 0%, 100% 0%, 100% 38.7%, 51% 38.7%, 51% 100%, 0% 100%);
    align-items: start;
    line-height: 5cqw;
  }
  .map__room--storage {
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 15.6% 100%, 15.6% 64%, 0% 64%);
  }
  .map__room--foyer {
    clip-path: polygon(22.7% 0%, 100% 0%, 100% 100%, 0% 100%, 0% 37.6%, 22.7% 37.6%);
  }
  .map__room--toilet {
    font-size: 1.6cqw;
  }
  
  /* Generated room positions */
  .map__room--east-ring-corridor {
    --room-top: 34%;
    --room-left: 80%;
    --room-height: 34%;
    --room-width: 6%;
  }
  .map__room--pantry {
    --room-top: 14.6666666666667%;
    --room-left: 44.5%;
    --room-height: 18.6666666666667%;
    --room-width: 19.5%;
  }
  .map__room--storage {
    --room-top: 72%;
    --room-left: 57.5%;
    --room-height: 18.6666666666667%;
    --room-width: 26%;
  }
  .map__room--foyer {
    --room-top: 18%;
    --room-left: 83%;
    --room-height: 53.3333333333333%;
    --room-width: 15.5%;
  }
  .map__room--hangar {
    --room-top: 2%;
    --room-left: 1.5%;
    --room-height: 96%;
    --room-width: 22%;
  }
  .map__room--server-room {
    --room-top: 2%;
    --room-left: 24%;
    --room-height: 31.3333333333333%;
    --room-width: 20%;
  }
  .map__room--cafe {
    --room-top: 22.6666666666667%;
    --room-left: 55%;
    --room-height: 10.6666666666667%;
    --room-width: 18.5%;
  }
  .map__room--cell-1 {
    --room-top: 38.6666666666667%;
    --room-left: 24.5%;
    --room-height: 13.3333333333333%;
    --room-width: 9%;
  }
  .map__room--cell-2 {
    --room-top: 38.6666666666667%;
    --room-left: 34.5%;
    --room-height: 13.3333333333333%;
    --room-width: 9%;
  }
  .map__room--cell-3 {
    --room-top: 38.6666666666667%;
    --room-left: 44.5%;
    --room-height: 13.3333333333333%;
    --room-width: 9%;
  }
  .map__room--cell-4 {
    --room-top: 58%;
    --room-left: 24.5%;
    --room-height: 13.3333333333333%;
    --room-width: 9%;
  }
  .map__room--cell-5 {
    --room-top: 58%;
    --room-left: 34.5%;
    --room-height: 13.3333333333333%;
    --room-width: 9%;
  }
  .map__room--cell-6 {
    --room-top: 58%;
    --room-left: 44.5%;
    --room-height: 13.3333333333333%;
    --room-width: 9%;
  }
  .map__room--cells-corridor {
    --room-top: 53.3333333333333%;
    --room-left: 24.5%;
    --room-height: 3.33333333333333%;
    --room-width: 29%;
  }
  .map__room--armoury {
    --room-top: 73.3333333333333%;
    --room-left: 25%;
    --room-height: 17.3333333333333%;
    --room-width: 28%;
  }
  .map__room--toilet {
    --room-top: 84.6666666666667%;
    --room-left: 57.5%;
    --room-height: 6%;
    --room-width: 3.5%;
  }
  .map__room--vehicle-bay {
    --room-top: 72%;
    --room-left: 84%;
    --room-height: 18.6666666666667%;
    --room-width: 14.5%;
  }
  .map__room--main-cell {
    --room-top: 48.6666666666667%;
    --room-left: 65.5%;
    --room-height: 8%;
    --room-width: 6%;
  }
  .map__room--main-cell-airlock {
    --room-top: 51.3333333333333%;
    --room-left: 58%;
    --room-height: 2.66666666666667%;
    --room-width: 6.5%;
  }
  .map__room--office {
    --room-top: 20.6666666666667%;
    --room-left: 77%;
    --room-height: 12.6666666666667%;
    --room-width: 9%;
    flex-direction: column;
  }
  .map__room--security {
    --room-top: 4.66666666666667%;
    --room-left: 77%;
    --room-height: 8.66666666666667%;
    --room-width: 4%;
  }
  .map__room--records-store {
    --room-top: 14%;
    --room-left: 77%;
    --room-height: 6%;
    --room-width: 4%;
  }
  .map__room--break-room {
    --room-top: 4.66666666666667%;
    --room-left: 64.5%;
    --room-height: 17.3333333333333%;
    --room-width: 9%;
    flex-direction: column;
  }
  .map__room--server-room-corridor {
    --room-top: 34%;
    --room-left: 24%;
    --room-height: 3.33333333333333%;
    --room-width: 30.5%;
  }
  .map__room--armoury-corridor {
    --room-top: 71.3333333333333%;
    --room-left: 54.5%;
    --room-height: 19.3333333333333%;
    --room-width: 2.5%;
  }
  .map__room--offices-corridor {
    --room-top: 4.66666666666667%;
    --room-left: 74%;
    --room-height: 29.3333333333333%;
    --room-width: 2.5%;
  }
  .map__room--north-ring-corridor {
    --room-top: 34%;
    --room-left: 57%;
    --room-height: 3.33333333333333%;
    --room-width: 23%;
  }
  .map__room--south-ring-corridor {
    --room-top: 68%;
    --room-left: 57%;
    --room-height: 3.33333333333333%;
    --room-width: 25.5%;
  }
  .map__room--west-ring-corridor {
    --room-top: 34%;
    --room-left: 54.5%;
    --room-height: 37.3333333333333%;
    --room-width: 2.5%;
  }
  
  .room-icon {
    background-size: 1rem;
    background-position: center;
    background-repeat: no-repeat;
    height: 1.2rem;
    width: 1.2rem;
    display: inline-block;
    font-size: 0px;
    transform: translateX(0.2rem);
    vertical-align: top;
  }
  .room-icon--new {
    background-image: var(--icon-new);
    background-size: cover;
    border-radius: 99rem;
  }
  .room-icon--cctv {
    background-image: var(--icon-cctv);
  }
  .room-icon--mic {
    background-image: var(--icon-mic);
  }
  
  .footage__instruct {
    font-weight: bold;
    --wght: 700;
    color: var(--swatch-gba-dark);
    font-size: large;
    text-align: center;
  }
  :root:has(.targets :target) .footage__instruct--below {
    display: none;
  }
  
  .footage__selectors {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 0.5rem;
  }
  .footage__selector:any-link {
    position: relative;
    padding: 0.3rem clamp(0.25rem, 2cqw, 0.75rem);
    border: 2px solid var(--swatch-gba-dark);
    border-radius: 0.2rem;
    color: black;
    background-color: var(--swatch-gba-hpale);
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.5ch;
    --shadow-colour: var(--swatch-gba-medium);
    --shadow-3d-height: 0.2rem;
    --_shadow-3d-height: 0rem;
    box-shadow: 0px var(--_shadow-3d-height) var(--shadow-colour);
    transform: translateY(calc(-1 * (var(--_shadow-3d-height))));
    transition: box-shadow 0.2s ease, transform 0.2s ease, color 0.1s ease, background-color 0.1s ease, border-color 0.1s ease !important;
  }
  .footage__selector:hover {
    --_shadow-3d-height: 0.2rem;
    text-decoration: none;
    color: black !important;
    background-color: white;
  }

  Pages using this styling

  • fragment:site-69-ii-map [info]

  ¶ 1 occurrence
  

  :root {
    --header-gradient-color-bottom: 40, 90, 40;
    --swatch-topmenu-bg-color: 20, 45, 20;
  
    /* BHL tweaks */
    --zero: 0;
  
    /* Base colours for map */
    --h: 72;
    --l: 60%;
  
    /* https://icon-sets.iconify.design/bx/cctv/ CC BY 4.0 */
    --icon-cctv: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M20.916 9.564a.998.998 0 0 0-.513-1.316L7.328 2.492c-.995-.438-2.22.051-2.645 1.042l-2.21 5.154a2.001 2.001 0 0 0 1.052 2.624L9.563 13.9L8.323 17H4v-3H2v8h2v-3h4.323c.823 0 1.552-.494 1.856-1.258l1.222-3.054l5.205 2.23a1 1 0 0 0 1.31-.517l.312-.71l1.701.68l2-5l-1.536-.613zm-4.434 5.126L4.313 9.475l2.208-5.152l12.162 5.354z'/%3E%3C/svg%3E");
  
    /* https://icon-sets.iconify.design/bx/microphone/ CC BY 4.0 */
    --icon-mic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M16 12V6c0-2.217-1.785-4.021-3.979-4.021a.933.933 0 0 0-.209.025A4.006 4.006 0 0 0 8 6v6c0 2.206 1.794 4 4 4s4-1.794 4-4m-6 0V6c0-1.103.897-2 2-2a.89.89 0 0 0 .163-.015C13.188 4.06 14 4.935 14 6v6c0 1.103-.897 2-2 2s-2-.897-2-2'/%3E%3Cpath fill='%23000' d='M6 12H4c0 4.072 3.061 7.436 7 7.931V22h2v-2.069c3.939-.495 7-3.858 7-7.931h-2c0 3.309-2.691 6-6 6s-6-2.691-6-6'/%3E%3C/svg%3E");
  
    /* https://icon-sets.iconify.design/mdi/warning-circle-outline/ Apache 2.0 */
    --icon-new: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' viewBox='2 2 20 20'%3E%3Cpath fill='%23000' d='M11 15h2v2h-2zm0-8h2v6h-2zm1-5C6.47 2 2 6.5 2 12a10 10 0 0 0 10 10a10 10 0 0 0 10-10A10 10 0 0 0 12 2m0 18a8 8 0 0 1-8-8a8 8 0 0 1 8-8a8 8 0 0 1 8 8a8 8 0 0 1-8 8'/%3E%3C/svg%3E");
  }
  
  @media (prefers-reduced-motion: no-preference) {
    :root {
      scroll-behavior: smooth;
    }
  }
  
  :root, .map__room, .footage__selector, .footage__period, .footage__display, .footage__display a[href^='#u-'] {
    --swatch-gba-dark: hsl(var(--h), var(--sat, 60%), 15%);
    --swatch-gba-medium: hsl(var(--h), var(--sat, 30%), 30%);
    --swatch-gba-light: hsl(var(--h), var(--sat, 55%), calc(var(--l) + 10%));
    --swatch-gba-pale: hsl(var(--h), var(--sat, 80%), var(--l));
    --swatch-gba-hpale: hsl(var(--h), var(--sat, 70%), calc(var(--l) + 20%));
  }
  
  /* Render either each entry (.footage__display) or the entire set (.footage__period) as a single event, depending on whether event mode or room mode is active.
  In room mode, the entire block displays as that room, and all entries are shown in it.
  In event mode (#u-all), each entry displays itself, the entire block is undecorated. */
  :root:has(.targets #u-hangar:target) .footage__period, :root:not(:has(.targets #u-hangar:target)) .footage__display--hangar,
  :root:has(.targets #u-server-room:target) .footage__period, :root:not(:has(.targets #u-server-room:target)) .footage__display--server-room,
  :root:has(.targets #u-pantry:target) .footage__period, :root:not(:has(.targets #u-pantry:target)) .footage__display--pantry,
  :root:has(.targets #u-cafe:target) .footage__period, :root:not(:has(.targets #u-cafe:target)) .footage__display--cafe,
  :root:has(.targets #u-break-room:target) .footage__period, :root:not(:has(.targets #u-break-room:target)) .footage__display--break-room,
  :root:has(.targets #u-security:target) .footage__period, :root:not(:has(.targets #u-security:target)) .footage__display--security,
  :root:has(.targets #u-records-store:target) .footage__period, :root:not(:has(.targets #u-records-store:target)) .footage__display--records-store,
  :root:has(.targets #u-office:target) .footage__period, :root:not(:has(.targets #u-office:target)) .footage__display--office,
  :root:has(.targets #u-cell-1:target) .footage__period, :root:not(:has(.targets #u-cell-1:target)) .footage__display--cell-1,
  :root:has(.targets #u-cell-2:target) .footage__period, :root:not(:has(.targets #u-cell-2:target)) .footage__display--cell-2,
  :root:has(.targets #u-cell-3:target) .footage__period, :root:not(:has(.targets #u-cell-3:target)) .footage__display--cell-3,
  :root:has(.targets #u-cell-4:target) .footage__period, :root:not(:has(.targets #u-cell-4:target)) .footage__display--cell-4,
  :root:has(.targets #u-cell-5:target) .footage__period, :root:not(:has(.targets #u-cell-5:target)) .footage__display--cell-5,
  :root:has(.targets #u-cell-6:target) .footage__period, :root:not(:has(.targets #u-cell-6:target)) .footage__display--cell-6,
  :root:has(.targets #u-main-cell:target) .footage__period, :root:not(:has(.targets #u-main-cell:target)) .footage__display--main-cell,
  :root:has(.targets #u-main-cell-airlock:target) .footage__period, :root:not(:has(.targets #u-main-cell-airlock:target)) .footage__display--main-cell-airlock,
  :root:has(.targets #u-foyer:target) .footage__period, :root:not(:has(.targets #u-foyer:target)) .footage__display--foyer,
  :root:has(.targets #u-armoury:target) .footage__period, :root:not(:has(.targets #u-armoury:target)) .footage__display--armoury,
  :root:has(.targets #u-storage:target) .footage__period, :root:not(:has(.targets #u-storage:target)) .footage__display--storage,
  :root:has(.targets #u-vehicle-bay:target) .footage__period, :root:not(:has(.targets #u-vehicle-bay:target)) .footage__display--vehicle-bay,
  :root:has(.targets #u-server-room-corridor:target) .footage__period, :root:not(:has(.targets #u-server-room-corridor:target)) .footage__display--server-room-corridor,
  :root:has(.targets #u-offices-corridor:target) .footage__period, :root:not(:has(.targets #u-offices-corridor:target)) .footage__display--offices-corridor,
  :root:has(.targets #u-cells-corridor:target) .footage__period, :root:not(:has(.targets #u-cells-corridor:target)) .footage__display--cells-corridor,
  :root:has(.targets #u-north-ring-corridor:target) .footage__period, :root:not(:has(.targets #u-north-ring-corridor:target)) .footage__display--north-ring-corridor,
  :root:has(.targets #u-east-ring-corridor:target) .footage__period, :root:not(:has(.targets #u-east-ring-corridor:target)) .footage__display--east-ring-corridor,
  :root:has(.targets #u-south-ring-corridor:target) .footage__period, :root:not(:has(.targets #u-south-ring-corridor:target)) .footage__display--south-ring-corridor,
  :root:has(.targets #u-west-ring-corridor:target) .footage__period, :root:not(:has(.targets #u-west-ring-corridor:target)) .footage__display--west-ring-corridor,
  :root:has(.targets #u-armoury-corridor:target) .footage__period, :root:not(:has(.targets #u-armoury-corridor:target)) .footage__display--armoury-corridor,
  :root:has(.targets #u-exterior:target) .footage__period, :root:not(:has(.targets #u-exterior:target)) .footage__display--exterior {
    display: none;
    position: relative;
    margin: 1rem 0;
    --document-padding-inline: 1.5rem;
    padding: 0.5rem var(--document-padding-inline);
    border: 0.2rem solid var(--swatch-gba-medium);
    border-radius: 0.4rem;
    background-color: var(--swatch-gba-hpale);
    animation: footage-display-fade 0.2s linear both;
  }
  .footage__period { display: block !important }
  @keyframes footage-display-fade {
    0% { opacity: 0.5 }
    100% { opacity: 1 }
  }
  @media (max-width: 700px) {
    .footage__display { --document-padding-inline: 0.75rem }
  }
  .footage__display h2 {
    font-family: inherit;
    letter-spacing: inherit;
    font-weight: 650;
    margin-top: 0.75rem;
    margin-bottom: 1rem;
    font-size: 1.3rem;
  }
  .footage__display p {
    margin-right: -0.5ch;
  }
  .footage__display--passive p {
    font-style: italic;
    opacity: 0.7;
  }
  .footage__display a[href^='#u-'] {
    display: inline-block;
    vertical-align: 0;
    background-color: var(--swatch-gba-hpale);
    color: black;
    text-decoration: underline 3px var(--swatch-gba-pale);
    filter: brightness(1.05);
  }
  .footage__display a[href^='#u-']:hover {
    background-color: white;
    color: var(--swatch-gba-dark);
  }
  .footage__display-start, .footage__display-end {
    display: block;
    text-align: center;
  }
  :is(.footage__display-start, .footage__display-end)::before {
    font-weight: bold;
    opacity: 0.5;
  }
  .footage__display:not(:has(p:nth-of-type(2))) :is(.footage__display-start, .footage__display-end) {
    display: none;
  }
  
  /* Footage tags denoting audio / video */
  .footage__feed {
    text-transform: uppercase;
    font-weight: 600;
    color: #000c;
    font-size: 0.85rem;
    letter-spacing: 0.02rem;
    background: #0001;
    border: thin solid var(--swatch-gba-light);
    border-radius: 0.3rem;
    padding: 0.3rem 0.7rem 0.3rem 0.3rem;
    display: inline-block;
    margin-block: 0rem;
    float: right;
  }
  .footage__feed .room-icon {
    margin-right: 0.3rem;
  }
  
  /* Room colours */
  .map__room--pantry, .footage__selector--pantry, .footage__display--pantry, .footage__display a[href='#u-pantry'], :root:has(.targets #u-pantry:target) .footage__period,
  .map__room--cafe, .footage__selector--cafe, .footage__display--cafe, .footage__display a[href='#u-cafe'], :root:has(.targets #u-cafe:target) .footage__period,
  .map__room--toilet, .footage__selector--toilet, .footage__display--toilet, .footage__display a[href='#u-toilet'], :root:has(.targets #u-toilet:target) .footage__period,
  .map__room--foyer, .footage__selector--foyer, .footage__display--foyer, .footage__display a[href='#u-foyer'], :root:has(.targets #u-foyer:target) .footage__period {
    --h: 172;
  }
  .map__room--hangar, .footage__selector--hangar, .footage__display--hangar, .footage__display a[href='#u-hangar'], :root:has(.targets #u-hangar:target) .footage__period,
  .map__room--vehicle-bay, .footage__selector--vehicle-bay, .footage__display--vehicle-bay, .footage__display a[href='#u-vehicle-bay'], :root:has(.targets #u-vehicle-bay:target) .footage__period {
    --h: 32;
  }
  .map__room--break-room, .footage__selector--break-room, .footage__display--break-room, .footage__display a[href='#u-break-room'], :root:has(.targets #u-break-room:target) .footage__period,
  .map__room--security, .footage__selector--security, .footage__display--security, .footage__display a[href='#u-security'], :root:has(.targets #u-security:target) .footage__period,
  .map__room--office, .footage__selector--office, .footage__display--office, .footage__display a[href='#u-office'], :root:has(.targets #u-office:target) .footage__period {
    --h: 12;
  }
  .map__room--cell-1, .footage__selector--cell-1, .footage__display--cell-1, .footage__display a[href='#u-cell-1'], :root:has(.targets #u-cell-1:target) .footage__period,
  .map__room--cell-2, .footage__selector--cell-2, .footage__display--cell-2, .footage__display a[href='#u-cell-2'], :root:has(.targets #u-cell-2:target) .footage__period,
  .map__room--cell-3, .footage__selector--cell-3, .footage__display--cell-3, .footage__display a[href='#u-cell-3'], :root:has(.targets #u-cell-3:target) .footage__period,
  .map__room--cell-4, .footage__selector--cell-4, .footage__display--cell-4, .footage__display a[href='#u-cell-4'], :root:has(.targets #u-cell-4:target) .footage__period,
  .map__room--cell-5, .footage__selector--cell-5, .footage__display--cell-5, .footage__display a[href='#u-cell-5'], :root:has(.targets #u-cell-5:target) .footage__period,
  .map__room--cell-6, .footage__selector--cell-6, .footage__display--cell-6, .footage__display a[href='#u-cell-6'], :root:has(.targets #u-cell-6:target) .footage__period {
    --h: 122;
  }
  .map__room--main-cell, .footage__selector--main-cell, .footage__display--main-cell, .footage__display a[href='#u-main-cell'], :root:has(.targets #u-main-cell:target) .footage__period,
  .map__room--main-cell-airlock, .footage__selector--main-cell-airlock, .footage__display--main-cell-airlock, .footage__display a[href='#u-main-cell-airlock'], :root:has(.targets #u-main-cell-airlock:target) .footage__period {
    --h: 252;
    --l: 65%;
  }
  .map__room--records-store, .footage__selector--records-store, .footage__display--records-store, .footage__display a[href='#u-records-store'], :root:has(.targets #u-records-store:target) .footage__period,
  .map__room--server-room, .footage__selector--server-room, .footage__display--server-room, .footage__display a[href='#u-server-room'], :root:has(.targets #u-server-room:target) .footage__period,
  .map__room--armoury, .footage__selector--armoury, .footage__display--armoury, .footage__display a[href='#u-armoury'], :root:has(.targets #u-armoury:target) .footage__period,
  .map__room--storage, .footage__selector--storage, .footage__display--storage, .footage__display a[href='#u-storage'], :root:has(.targets #u-storage:target) .footage__period {
    --h: 52;
    --l: 65%;
  }
  .footage__selector--exterior, .footage__display--exterior, .footage__display a[href='#u-exterior'], :root:has(.targets #u-exterior:target) .footage__period {
    --h: 190;
    background: radial-gradient(ellipse at bottom, white, white, rgb(225, 240, 255));
  }
  .footage__display--exterior, .footage__display a[href='#u-exterior'], :root:has(.targets #u-exterior:target) .footage__period {
    box-shadow:
      inset 0px 0px 8rem 0rem #00000001,
      inset 0px 0px 5rem 0rem #00000002,
      inset 0px 0px 2rem 0rem #00000003;
  }
  .footage__selector--all {
    --sat: 0%;
  }
  .footage__display :is([href='#u-server-room-corridor'], [href='#u-offices-corridor'], [href='#u-cells-corridor'], [href='#u-armoury-corridor'], [href='#u-north-ring-corridor'], [href='#u-east-ring-corridor'], [href='#u-south-ring-corridor'], [href='#u-west-ring-corridor']) {
    /* Reset corridor links to default colour */
    --h: 72;
  }
  
  /* Map/footage hover links */
  :root:has([href='#u-pantry']:hover) .map__room--pantry,
  :root:has([href='#u-storage']:hover) .map__room--storage,
  :root:has([href='#u-foyer']:hover) .map__room--foyer,
  :root:has([href='#u-hangar']:hover) .map__room--hangar,
  :root:has([href='#u-server-room']:hover) .map__room--server-room,
  :root:has([href='#u-cafe']:hover) .map__room--cafe,
  :root:has([href='#u-cell-1']:hover) .map__room--cell-1,
  :root:has([href='#u-cell-2']:hover) .map__room--cell-2,
  :root:has([href='#u-cell-3']:hover) .map__room--cell-3,
  :root:has([href='#u-cell-4']:hover) .map__room--cell-4,
  :root:has([href='#u-cell-5']:hover) .map__room--cell-5,
  :root:has([href='#u-cell-6']:hover) .map__room--cell-6,
  :root:has([href='#u-armoury']:hover) .map__room--armoury,
  :root:has([href='#u-toilet']:hover) .map__room--toilet,
  :root:has([href='#u-vehicle-bay']:hover) .map__room--vehicle-bay,
  :root:has([href='#u-main-cell']:hover) .map__room--main-cell,
  :root:has([href='#u-main-cell-airlock']:hover) .map__room--main-cell-airlock,
  :root:has([href='#u-office']:hover) .map__room--office,
  :root:has([href='#u-security']:hover) .map__room--security,
  :root:has([href='#u-records-store']:hover) .map__room--records-store,
  :root:has([href='#u-break-room']:hover) .map__room--break-room,
  :root:has([href='#u-offices-corridor']:hover) .map__room--offices-corridor,
  :root:has([href='#u-server-room-corridor']:hover) .map__room--server-room-corridor,
  :root:has([href='#u-cells-corridor']:hover) .map__room--cells-corridor,
  :root:has([href='#u-north-ring-corridor']:hover) .map__room--north-ring-corridor,
  :root:has([href='#u-east-ring-corridor']:hover) .map__room--east-ring-corridor,
  :root:has([href='#u-south-ring-corridor']:hover) .map__room--south-ring-corridor,
  :root:has([href='#u-west-ring-corridor']:hover) .map__room--west-ring-corridor,
  :root:has([href='#u-armoury-corridor']:hover) .map__room--armoury-corridor,
  .map__room:hover {
    background: repeating-conic-gradient(white 0% 25%, var(--swatch-gba-hpale) 0% 50%) 50% / 6px 6px;
  }
  :root:has([href='#u-pantry']:hover) .footage__selector--pantry,
  :root:has([href='#u-storage']:hover) .footage__selector--storage,
  :root:has([href='#u-foyer']:hover) .footage__selector--foyer,
  :root:has([href='#u-hangar']:hover) .footage__selector--hangar,
  :root:has([href='#u-server-room']:hover) .footage__selector--server-room,
  :root:has([href='#u-cafe']:hover) .footage__selector--cafe,
  :root:has([href='#u-cell-1']:hover) .footage__selector--cell-1,
  :root:has([href='#u-cell-2']:hover) .footage__selector--cell-2,
  :root:has([href='#u-cell-3']:hover) .footage__selector--cell-3,
  :root:has([href='#u-cell-4']:hover) .footage__selector--cell-4,
  :root:has([href='#u-cell-5']:hover) .footage__selector--cell-5,
  :root:has([href='#u-cell-6']:hover) .footage__selector--cell-6,
  :root:has([href='#u-armoury']:hover) .footage__selector--armoury,
  :root:has([href='#u-toilet']:hover) .footage__selector--toilet,
  :root:has([href='#u-vehicle-bay']:hover) .footage__selector--vehicle-bay,
  :root:has([href='#u-main-cell']:hover) .footage__selector--main-cell,
  :root:has([href='#u-main-cell-airlock']:hover) .footage__selector--main-cell-airlock,
  :root:has([href='#u-office']:hover) .footage__selector--office,
  :root:has([href='#u-security']:hover) .footage__selector--security,
  :root:has([href='#u-records-store']:hover) .footage__selector--records-store,
  :root:has([href='#u-break-room']:hover) .footage__selector--break-room,
  :root:has([href='#u-offices-corridor']:hover) .footage__selector--offices-corridor,
  :root:has([href='#u-server-room-corridor']:hover) .footage__selector--server-room-corridor,
  :root:has([href='#u-cells-corridor']:hover) .footage__selector--cells-corridor,
  :root:has([href='#u-north-ring-corridor']:hover) .footage__selector--north-ring-corridor,
  :root:has([href='#u-east-ring-corridor']:hover) .footage__selector--east-ring-corridor,
  :root:has([href='#u-south-ring-corridor']:hover) .footage__selector--south-ring-corridor,
  :root:has([href='#u-west-ring-corridor']:hover) .footage__selector--west-ring-corridor,
  :root:has([href='#u-armoury-corridor']:hover) .footage__selector--armoury-corridor,
  :root:has([href='#u-exterior']:hover) .footage__selector--exterior {
    --_shadow-3d-height: 0.2rem;
    background-color: white;
  }
  
  /* Selected room on the map */
  :root:has(.targets [id=u-pantry]:target) .map__room--pantry,
  :root:has(.targets [id=u-storage]:target) .map__room--storage,
  :root:has(.targets [id=u-foyer]:target) .map__room--foyer,
  :root:has(.targets [id=u-hangar]:target) .map__room--hangar,
  :root:has(.targets [id=u-server-room]:target) .map__room--server-room,
  :root:has(.targets [id=u-cafe]:target) .map__room--cafe,
  :root:has(.targets [id=u-cell-1]:target) .map__room--cell-1,
  :root:has(.targets [id=u-cell-2]:target) .map__room--cell-2,
  :root:has(.targets [id=u-cell-3]:target) .map__room--cell-3,
  :root:has(.targets [id=u-cell-4]:target) .map__room--cell-4,
  :root:has(.targets [id=u-cell-5]:target) .map__room--cell-5,
  :root:has(.targets [id=u-cell-6]:target) .map__room--cell-6,
  :root:has(.targets [id=u-armoury]:target) .map__room--armoury,
  :root:has(.targets [id=u-toilet]:target) .map__room--toilet,
  :root:has(.targets [id=u-vehicle-bay]:target) .map__room--vehicle-bay,
  :root:has(.targets [id=u-main-cell]:target) .map__room--main-cell,
  :root:has(.targets [id=u-main-cell-airlock]:target) .map__room--main-cell-airlock,
  :root:has(.targets [id=u-office]:target) .map__room--office,
  :root:has(.targets [id=u-security]:target) .map__room--security,
  :root:has(.targets [id=u-records-store]:target) .map__room--records-store,
  :root:has(.targets [id=u-break-room]:target) .map__room--break-room,
  :root:has(.targets [id=u-offices-corridor]:target) .map__room--offices-corridor,
  :root:has(.targets [id=u-server-room-corridor]:target) .map__room--server-room-corridor,
  :root:has(.targets [id=u-cells-corridor]:target) .map__room--cells-corridor,
  :root:has(.targets [id=u-north-ring-corridor]:target) .map__room--north-ring-corridor,
  :root:has(.targets [id=u-east-ring-corridor]:target) .map__room--east-ring-corridor,
  :root:has(.targets [id=u-south-ring-corridor]:target) .map__room--south-ring-corridor,
  :root:has(.targets [id=u-west-ring-corridor]:target) .map__room--west-ring-corridor,
  :root:has(.targets [id=u-armoury-corridor]:target) .map__room--armoury-corridor {
    font-weight: bold;
    background: var(--swatch-gba-light);
    text-decoration: none;
    cursor: default;
    border: 0.4rem dashed white;
    box-sizing: border-box;
  }
  
  /* Selected room in the buttons */
  :root:has(.targets [id=u-pantry]:target) .footage__selector--pantry,
  :root:has(.targets [id=u-storage]:target) .footage__selector--storage,
  :root:has(.targets [id=u-foyer]:target) .footage__selector--foyer,
  :root:has(.targets [id=u-hangar]:target) .footage__selector--hangar,
  :root:has(.targets [id=u-server-room]:target) .footage__selector--server-room,
  :root:has(.targets [id=u-cafe]:target) .footage__selector--cafe,
  :root:has(.targets [id=u-cell-1]:target) .footage__selector--cell-1,
  :root:has(.targets [id=u-cell-2]:target) .footage__selector--cell-2,
  :root:has(.targets [id=u-cell-3]:target) .footage__selector--cell-3,
  :root:has(.targets [id=u-cell-4]:target) .footage__selector--cell-4,
  :root:has(.targets [id=u-cell-5]:target) .footage__selector--cell-5,
  :root:has(.targets [id=u-cell-6]:target) .footage__selector--cell-6,
  :root:has(.targets [id=u-armoury]:target) .footage__selector--armoury,
  :root:has(.targets [id=u-toilet]:target) .footage__selector--toilet,
  :root:has(.targets [id=u-vehicle-bay]:target) .footage__selector--vehicle-bay,
  :root:has(.targets [id=u-main-cell]:target) .footage__selector--main-cell,
  :root:has(.targets [id=u-main-cell-airlock]:target) .footage__selector--main-cell-airlock,
  :root:has(.targets [id=u-office]:target) .footage__selector--office,
  :root:has(.targets [id=u-security]:target) .footage__selector--security,
  :root:has(.targets [id=u-records-store]:target) .footage__selector--records-store,
  :root:has(.targets [id=u-break-room]:target) .footage__selector--break-room,
  :root:has(.targets [id=u-offices-corridor]:target) .footage__selector--offices-corridor,
  :root:has(.targets [id=u-server-room-corridor]:target) .footage__selector--server-room-corridor,
  :root:has(.targets [id=u-cells-corridor]:target) .footage__selector--cells-corridor,
  :root:has(.targets [id=u-north-ring-corridor]:target) .footage__selector--north-ring-corridor,
  :root:has(.targets [id=u-east-ring-corridor]:target) .footage__selector--east-ring-corridor,
  :root:has(.targets [id=u-south-ring-corridor]:target) .footage__selector--south-ring-corridor,
  :root:has(.targets [id=u-west-ring-corridor]:target) .footage__selector--west-ring-corridor,
  :root:has(.targets [id=u-armoury-corridor]:target) .footage__selector--armoury-corridor,
  :root:has(.targets [id=u-exterior]:target) .footage__selector--exterior,
  :root:has(.targets [id=u-all]:target) .footage__selector--all,
  .footage__selector:active {
    transform: none;
    background-color: var(--swatch-gba-hpale);
    color: var(--swatch-gba-dark);
    cursor: default;
    box-shadow:
      0px 0px 0px transparent,
      inset 0px 0.2rem 0px 0px var(--swatch-gba-medium);
    padding-bottom: 0;
  }
  
  /* Rooms mode only / entries mode only text */
  :root:has(.targets [id=u-all]:target) .rooms-only,
  :root:has(.targets [id=u-all]:not(:target)) :is(
    .entries-only,
    .footage__display-heading:not(.footage__display--first-of-room .footage__display-heading)
  ) {
    display: none;
  }
  
  /* Selected room filter for entries */
  :root:has(.targets [id=u-pantry]:target) .footage__display--pantry,
  :root:has(.targets [id=u-storage]:target) .footage__display--storage,
  :root:has(.targets [id=u-foyer]:target) .footage__display--foyer,
  :root:has(.targets [id=u-hangar]:target) .footage__display--hangar,
  :root:has(.targets [id=u-server-room]:target) .footage__display--server-room,
  :root:has(.targets [id=u-cafe]:target) .footage__display--cafe,
  :root:has(.targets [id=u-cell-1]:target) .footage__display--cell-1,
  :root:has(.targets [id=u-cell-2]:target) .footage__display--cell-2,
  :root:has(.targets [id=u-cell-3]:target) .footage__display--cell-3,
  :root:has(.targets [id=u-cell-4]:target) .footage__display--cell-4,
  :root:has(.targets [id=u-cell-5]:target) .footage__display--cell-5,
  :root:has(.targets [id=u-cell-6]:target) .footage__display--cell-6,
  :root:has(.targets [id=u-armoury]:target) .footage__display--armoury,
  :root:has(.targets [id=u-toilet]:target) .footage__display--toilet,
  :root:has(.targets [id=u-vehicle-bay]:target) .footage__display--vehicle-bay,
  :root:has(.targets [id=u-main-cell]:target) .footage__display--main-cell,
  :root:has(.targets [id=u-main-cell-airlock]:target) .footage__display--main-cell-airlock,
  :root:has(.targets [id=u-office]:target) .footage__display--office,
  :root:has(.targets [id=u-security]:target) .footage__display--security,
  :root:has(.targets [id=u-records-store]:target) .footage__display--records-store,
  :root:has(.targets [id=u-break-room]:target) .footage__display--break-room,
  :root:has(.targets [id=u-offices-corridor]:target) .footage__display--offices-corridor,
  :root:has(.targets [id=u-server-room-corridor]:target) .footage__display--server-room-corridor,
  :root:has(.targets [id=u-cells-corridor]:target) .footage__display--cells-corridor,
  :root:has(.targets [id=u-north-ring-corridor]:target) .footage__display--north-ring-corridor,
  :root:has(.targets [id=u-east-ring-corridor]:target) .footage__display--east-ring-corridor,
  :root:has(.targets [id=u-south-ring-corridor]:target) .footage__display--south-ring-corridor,
  :root:has(.targets [id=u-west-ring-corridor]:target) .footage__display--west-ring-corridor,
  :root:has(.targets [id=u-armoury-corridor]:target) .footage__display--armoury-corridor,
  :root:has(.targets [id=u-exterior]:target) .footage__display--exterior,
  :root:has(.targets [id=u-all]:target) .footage__display:not(.footage__display--passive) {
    display: block !important;
    opacity: 1;
  }
  
  /* Show the new event alert in red, but make it black after being clicked */
  .footage__selector .room-icon--new {
    background-color: transparent;
    animation: new-events-notification 2s ease forwards;
    animation-play-state: paused;
    display: none;
  }
  @keyframes new-events-notification {
    0%, 70% { background-color: #f21a; }
    100% { background-color: transparent; }
  }
  
  /* Fade out indicator on selected room */
  :root:has(.targets [id=u-pantry]:target) .footage__selector--pantry .room-icon--new,
  :root:has(.targets [id=u-storage]:target) .footage__selector--storage .room-icon--new,
  :root:has(.targets [id=u-foyer]:target) .footage__selector--foyer .room-icon--new,
  :root:has(.targets [id=u-hangar]:target) .footage__selector--hangar .room-icon--new,
  :root:has(.targets [id=u-server-room]:target) .footage__selector--server-room .room-icon--new,
  :root:has(.targets [id=u-cafe]:target) .footage__selector--cafe .room-icon--new,
  :root:has(.targets [id=u-cell-1]:target) .footage__selector--cell-1 .room-icon--new,
  :root:has(.targets [id=u-cell-2]:target) .footage__selector--cell-2 .room-icon--new,
  :root:has(.targets [id=u-cell-3]:target) .footage__selector--cell-3 .room-icon--new,
  :root:has(.targets [id=u-cell-4]:target) .footage__selector--cell-4 .room-icon--new,
  :root:has(.targets [id=u-cell-5]:target) .footage__selector--cell-5 .room-icon--new,
  :root:has(.targets [id=u-cell-6]:target) .footage__selector--cell-6 .room-icon--new,
  :root:has(.targets [id=u-armoury]:target) .footage__selector--armoury .room-icon--new,
  :root:has(.targets [id=u-toilet]:target) .footage__selector--toilet .room-icon--new,
  :root:has(.targets [id=u-vehicle-bay]:target) .footage__selector--vehicle-bay .room-icon--new,
  :root:has(.targets [id=u-main-cell]:target) .footage__selector--main-cell .room-icon--new,
  :root:has(.targets [id=u-main-cell-airlock]:target) .footage__selector--main-cell-airlock .room-icon--new,
  :root:has(.targets [id=u-office]:target) .footage__selector--office .room-icon--new,
  :root:has(.targets [id=u-security]:target) .footage__selector--security .room-icon--new,
  :root:has(.targets [id=u-records-store]:target) .footage__selector--records-store .room-icon--new,
  :root:has(.targets [id=u-break-room]:target) .footage__selector--break-room .room-icon--new,
  :root:has(.targets [id=u-offices-corridor]:target) .footage__selector--offices-corridor .room-icon--new,
  :root:has(.targets [id=u-server-room-corridor]:target) .footage__selector--server-room-corridor .room-icon--new,
  :root:has(.targets [id=u-cells-corridor]:target) .footage__selector--cells-corridor .room-icon--new,
  :root:has(.targets [id=u-north-ring-corridor]:target) .footage__selector--north-ring-corridor .room-icon--new,
  :root:has(.targets [id=u-east-ring-corridor]:target) .footage__selector--east-ring-corridor .room-icon--new,
  :root:has(.targets [id=u-south-ring-corridor]:target) .footage__selector--south-ring-corridor .room-icon--new,
  :root:has(.targets [id=u-west-ring-corridor]:target) .footage__selector--west-ring-corridor .room-icon--new,
  :root:has(.targets [id=u-armoury-corridor]:target) .footage__selector--armoury-corridor .room-icon--new,
  :root:has(.targets [id=u-exterior]:target) .footage__selector--exterior .room-icon--new,
  :root:has(.targets [id=u-all]:target) .footage__selector .room-icon--new {
    animation-play-state: running;
  }
  
  /* Show the new event alert only for rooms with more than one event */
  :root:has(.footage__display--hangar:not(.footage__display--passive)) :is(.map__room--hangar, .footage__selector--hangar .room-icon--new),
  :root:has(.footage__display--server-room:not(.footage__display--passive)) :is(.map__room--server-room, .footage__selector--server-room .room-icon--new),
  :root:has(.footage__display--pantry:not(.footage__display--passive)) :is(.map__room--pantry, .footage__selector--pantry .room-icon--new),
  :root:has(.footage__display--cafe:not(.footage__display--passive)) :is(.map__room--cafe, .footage__selector--cafe .room-icon--new),
  :root:has(.footage__display--break-room:not(.footage__display--passive)) :is(.map__room--break-room, .footage__selector--break-room .room-icon--new),
  :root:has(.footage__display--security:not(.footage__display--passive)) :is(.map__room--security, .footage__selector--security .room-icon--new),
  :root:has(.footage__display--records-store:not(.footage__display--passive)) :is(.map__room--records-store, .footage__selector--records-store .room-icon--new),
  :root:has(.footage__display--office:not(.footage__display--passive)) :is(.map__room--office, .footage__selector--office .room-icon--new),
  :root:has(.footage__display--cell-1:not(.footage__display--passive)) :is(.map__room--cell-1, .footage__selector--cell-1 .room-icon--new),
  :root:has(.footage__display--cell-2:not(.footage__display--passive)) :is(.map__room--cell-2, .footage__selector--cell-2 .room-icon--new),
  :root:has(.footage__display--cell-3:not(.footage__display--passive)) :is(.map__room--cell-3, .footage__selector--cell-3 .room-icon--new),
  :root:has(.footage__display--cell-4:not(.footage__display--passive)) :is(.map__room--cell-4, .footage__selector--cell-4 .room-icon--new),
  :root:has(.footage__display--cell-5:not(.footage__display--passive)) :is(.map__room--cell-5, .footage__selector--cell-5 .room-icon--new),
  :root:has(.footage__display--cell-6:not(.footage__display--passive)) :is(.map__room--cell-6, .footage__selector--cell-6 .room-icon--new),
  :root:has(.footage__display--main-cell:not(.footage__display--passive)) :is(.map__room--main-cell, .footage__selector--main-cell .room-icon--new),
  :root:has(.footage__display--main-cell-airlock:not(.footage__display--passive)) :is(.map__room--main-cell-airlock, .footage__selector--main-cell-airlock .room-icon--new),
  :root:has(.footage__display--foyer:not(.footage__display--passive)) :is(.map__room--foyer, .footage__selector--foyer .room-icon--new),
  :root:has(.footage__display--armoury:not(.footage__display--passive)) :is(.map__room--armoury, .footage__selector--armoury .room-icon--new),
  :root:has(.footage__display--toilet:not(.footage__display--passive)) :is(.map__room--toilet, .footage__selector--toilet .room-icon--new),
  :root:has(.footage__display--storage:not(.footage__display--passive)) :is(.map__room--storage, .footage__selector--storage .room-icon--new),
  :root:has(.footage__display--vehicle-bay:not(.footage__display--passive)) :is(.map__room--vehicle-bay, .footage__selector--vehicle-bay .room-icon--new),
  :root:has(.footage__display--server-room-corridor:not(.footage__display--passive)) :is(.map__room--server-room-corridor, .footage__selector--server-room-corridor .room-icon--new),
  :root:has(.footage__display--offices-corridor:not(.footage__display--passive)) :is(.map__room--offices-corridor, .footage__selector--offices-corridor .room-icon--new),
  :root:has(.footage__display--cells-corridor:not(.footage__display--passive)) :is(.map__room--cells-corridor, .footage__selector--cells-corridor .room-icon--new),
  :root:has(.footage__display--north-ring-corridor:not(.footage__display--passive)) :is(.map__room--north-ring-corridor, .footage__selector--north-ring-corridor .room-icon--new),
  :root:has(.footage__display--east-ring-corridor:not(.footage__display--passive)) :is(.map__room--east-ring-corridor, .footage__selector--east-ring-corridor .room-icon--new),
  :root:has(.footage__display--south-ring-corridor:not(.footage__display--passive)) :is(.map__room--south-ring-corridor, .footage__selector--south-ring-corridor .room-icon--new),
  :root:has(.footage__display--west-ring-corridor:not(.footage__display--passive)) :is(.map__room--west-ring-corridor, .footage__selector--west-ring-corridor .room-icon--new),
  :root:has(.footage__display--armoury-corridor:not(.footage__display--passive)) :is(.map__room--armoury-corridor, .footage__selector--armoury-corridor .room-icon--new),
  :root:has(.footage__display--exterior:not(.footage__display--passive)) :is(.map__room--exterior, .footage__selector--exterior .room-icon--new) {
    content: "";
    display: inline-flex;
  }
  
  /* Dialogue */
  .dialogue {
    background: rgba(0,0,0,0.05);
    padding: 0.5rem 1rem;
    display: grid;
    br { display: none }
    grid-template-columns: 9ch auto;
    grid-template-areas: "speaker content" "context content";
  }
  .dialogue__speaker {
    font-weight: bold;
    grid-area: speaker;
  }
  .dialogue__context {
    font-size: 80%;
    grid-area: context;
    margin-top: -0.4em;
  }
  .dialogue__content {
    grid-area: content;
  }
  
  :not(.dialogue) + .dialogue{
    border-top-left-radius: 1ch;
    border-top-right-radius: 1ch;
  }
  .dialogue:not(:has(+ .dialogue)),
  .dialogue:has(+ :not(.dialogue)) {
    border-bottom-left-radius: 1ch;
    border-bottom-right-radius: 1ch;
  }
  
  .now-playing:any-link {
    background: rgba(255,255,255,0.2);
    border-radius: 0.5ch;
    margin-block: 0.5em;
    padding: 0.5em;
    text-align: center;
  }
  .now-playing::before, .now-playing::after {
    content: "  \f008  ";
    font-family: "FontAwesome";
  }

  Pages using this styling

  • fragment:site-69-ii-css [info]

  ¶ 1 occurrence
  

  .footage-picker__link[href*="/14#"] {
    pointer-events: none;
    background-color: rgb(var(--tabs-selected-outline));
    color: rgb(var(--tabs-bg));
  }
  
  .footage-picker__link {
    opacity: 1 !important;
  }

  Pages using this styling

  • fragment:site-69-footage-14 [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Linefont:wght@150');
  
  :root {
    --swatch-menubg-extra-dark-color: 30, 30, 32;
    --black-monochrome: 20, 22, 24;
    --light-pale-gray-monochrome: 250, 250, 250;
    --bright-accent: var(--pale-accent);
    --swatch-background: var(--swatch-menubg-black-color);
    --background-gradient-color: 10, 10, 10;
    --header-gradient-color-bottom: var(--medium-accent);
    --header-gradient-color-middle: var(--swatch-menubg-black-color);
    --header-gradient-color-top: var(--swatch-menubg-black-color);
    --swatch-text-light: var(--light-pale-gray-monochrome);
    --swatch-text-general: var(--swatch-text-light);
    --swatch-menubg-color: var(--swatch-menubg-black-color);
    --swatch-menutxt-general-color: var(--swatch-menutxt-light-color);
    --swatch-secondary-color: var(--swatch-menubg-dark-color);
    --swatch-tertiary-color: var(--swatch-menubg-medium-dark-color);
    --swatch-alternate-color: var(--swatch-primary);
    --swatch-text-secondary-color: var(--swatch-menutxt-light-color);
    --swatch-text-tertiary-color: var(--swatch-menutxt-light-color);
    --swatch-topmenu-border-color: var(--swatch-menubg-black-color);
    --swatch-topmenu-bg-color: var(--swatch-menubg-extra-dark-color);
    --rating-module-text-color: var(--swatch-text-general);
    --rating-module-button-color: var(--swatch-text-general);
    --rating-module-button-cancel-color: 100, 100, 100;
    --ui-wght: 500;
    --ui-hvr-wght: 600;
    --gradient-header: linear-gradient(to bottom,
      rgb(var(--header-gradient-color-bottom)) 0%,
      rgb(var(--header-gradient-color-middle)) 90%,
      rgb(var(--header-gradient-color-top)) 100%);
    --diagonal-stripes: repeating-linear-gradient(45deg,
      hsla(0, 0%, 100%, 0),
      hsla(0, 0%, 100%, 0) 0.25vh,
      rgba(var(--swatch-menubg-extra-dark-color), 0.1) 0.35vh,
      rgba(var(--swatch-menubg-extra-dark-color), 0.2) 0.5vh);
  
    --pale-accent: 17,102,221;
    --medium-accent: 44,46,100;
    --dark-accent: 15,3,100;
    --alt-accent: 17,102,221;
    --visited-link-color: var(--alt-accent);
    --swatch-background: 0,0,50;
    --background-gradient-color: 0,0,50;
    --header-gradient-color-bottom: 0,0,50;
    --dark-gray-monochrome: 10,10,60;
    --header-title: "656989212 FoUNDATIONFOUNDATIONfoundationfoundatiOn";
    --header-subtitle: "theyRECOmingthEYRECOMIng THEYrecomiNG theyRECOmingthEYRECOMIngTHEYrecomiNG";
  }
  
  .illegible, #header h1 a, #header h2 span, #page-title, .picker__heading p {
    --title-font: Linefont;
    font-family: Linefont;
    font-size: 200%;
    text-align: center;
    word-spacing: 1rem;
  }
  
  .illegible :is(p, span) {
    line-height: 1;
  }
  
  .illegible em {
    font-family: Inter, sans-serif;
    font-style: normal;
    font-weight: 200;
    letter-spacing: -0.07em;
    transform: scaleY(0.8);
    display: inline-block;
    word-spacing: initial;
  }
  
  .interrogation {
    margin-block: 3rem;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .interrogation::before, .interrogation::after {
    content: "";
    border-left: thin solid white;
    order: 2;
    height: 1rem;
  }
  .interrogation::after {
    order: 4;
  }
  .interrogation__input, .interrogation__output {
    border: thin solid white;
    padding: 1rem 2rem;
    order: 1;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 1rem 2rem;
    text-align: center;
  }
  .interrogation__process:where(:not(:first-child)) {
    order: 3;
    max-width: 8rem;
  }
  .interrogation__process--box {
    border: medium solid white;
    padding: 1rem 2rem;
    max-width: none;
  }
  .interrogation__output {
    order: 5;
  }

  Pages using this styling

  • fragment:site-69-footage-14 [info]

  ¶ 1 occurrence
  

  .footage-picker__link { --b: calc(13 + 2) !important }
  .footage-picker__link[href*="/13#"] {
    pointer-events: none;
    background-color: rgb(var(--tabs-selected-outline));
    color: rgb(var(--tabs-bg));
  }

  Pages using this styling

  • fragment:site-69-footage-13 [info]

  ¶ 1 occurrence
  

  .footage-picker__link { --b: calc(12 + 2) !important }
  .footage-picker__link[href*="/12#"] {
    pointer-events: none;
    background-color: rgb(var(--tabs-selected-outline));
    color: rgb(var(--tabs-bg));
  }

  Pages using this styling

  • fragment:site-69-footage-12 [info]

  ¶ 1 occurrence
  

  .footage__display {
    display: block;
  }
  
  .footage__period .yui-nav {
    clip-path: none;
    justify-content: center;
  }
  .footage__period .yui-nav * {
    display: contents !important;
  }
  .footage__period .yui-nav em {
    display: inline-block !important;
    color: black !important;
    text-decoration: underline;
    text-decoration-style: dotted;
    text-underline-offset: 0.25rem;
    border: none !important;
  }
  .footage__period .yui-nav .selected em {
    font-weight: 900;
    text-decoration: none;
  }
  .footage__period .yui-nav li a::before { display: none; }
  .footage__period .yui-content {
    border: thin dashed rgb(var(--tabs-content-border-color));
    border-color: rgb(var(--tabs-content-border-color)) rgba(var(--tabs-content-border-color), 0.25);
    padding: 0 1rem;
  }
  
  .retinal-scan {
    display: flex !important;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-evenly;
    gap: 0.5rem 2rem;
    border: medium solid rgb(var(--swatch-primary-darker)) !important;
    background-color: rgb(240, 240, 240) !important;
    box-shadow: 0px 0.2rem 1rem rgba(0, 0, 0, 0.05) !important;
  }
  .retinal-scan p { margin: 0 }
  .retinal-scan :nth-child(1) {
    font-weight: bold;
  }

  Pages using this styling

  • fragment:site-69-footage-12 [info]

  ¶ 1 occurrence
  

  .placard {
    display: block !important;
    font-size: 0.9em;
    margin: 1rem;
    padding: 0.25em 2em;
  }

  Pages using this styling

  • fragment:site-69-footage-0 [info]

  ¶ 1 occurrence
  

  .dossier {
    border: 2px solid black;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
    padding: 1rem;
    margin-block: 4rem;
  }
  
  /* Mark characters as deceased */
  :is(
    :root:has(.dead-personnel-manifest[class~="4"]) .personnel tr:nth-child(6),
    :root:has(.dead-personnel-manifest[class~="5"]) .personnel tr:nth-child(7),
    :root:has(.dead-personnel-manifest[class~="6"]) .personnel tr:nth-child(8),
    :root:has(.dead-personnel-manifest[class~="8"]) .personnel tr:nth-child(10),
    :root:has(.dead-personnel-manifest[class~="9"]) .personnel tr:nth-child(11),
    :root:has(.dead-personnel-manifest[class~="10"]) .personnel tr:nth-child(12),
    :root:has(.dead-personnel-manifest[class~="11"]) .personnel tr:nth-child(13)
  ) td:first-child {
    text-decoration: line-through;
    text-decoration-color: red;
  }

  Pages using this styling

  • fragment:site-69-dossier [info]

  ¶ 1 occurrence
  

  :root {
    /* BHL tweaks */
    --zero: 0;
  
    /* Base colours for map */
    --h: 72;
    --l: 60%;
  
    /* https://icon-sets.iconify.design/bx/cctv/ CC BY 4.0 */
    --icon-cctv: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M20.916 9.564a.998.998 0 0 0-.513-1.316L7.328 2.492c-.995-.438-2.22.051-2.645 1.042l-2.21 5.154a2.001 2.001 0 0 0 1.052 2.624L9.563 13.9L8.323 17H4v-3H2v8h2v-3h4.323c.823 0 1.552-.494 1.856-1.258l1.222-3.054l5.205 2.23a1 1 0 0 0 1.31-.517l.312-.71l1.701.68l2-5l-1.536-.613zm-4.434 5.126L4.313 9.475l2.208-5.152l12.162 5.354z'/%3E%3C/svg%3E");
  
    /* https://icon-sets.iconify.design/bx/microphone/ CC BY 4.0 */
    --icon-mic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M16 12V6c0-2.217-1.785-4.021-3.979-4.021a.933.933 0 0 0-.209.025A4.006 4.006 0 0 0 8 6v6c0 2.206 1.794 4 4 4s4-1.794 4-4m-6 0V6c0-1.103.897-2 2-2a.89.89 0 0 0 .163-.015C13.188 4.06 14 4.935 14 6v6c0 1.103-.897 2-2 2s-2-.897-2-2'/%3E%3Cpath fill='%23000' d='M6 12H4c0 4.072 3.061 7.436 7 7.931V22h2v-2.069c3.939-.495 7-3.858 7-7.931h-2c0 3.309-2.691 6-6 6s-6-2.691-6-6'/%3E%3C/svg%3E");
  
    /* https://icon-sets.iconify.design/mdi/warning-circle-outline/ Apache 2.0 */
    --icon-new: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' viewBox='2 2 20 20'%3E%3Cpath fill='%23000' d='M11 15h2v2h-2zm0-8h2v6h-2zm1-5C6.47 2 2 6.5 2 12a10 10 0 0 0 10 10a10 10 0 0 0 10-10A10 10 0 0 0 12 2m0 18a8 8 0 0 1-8-8a8 8 0 0 1 8-8a8 8 0 0 1 8 8a8 8 0 0 1-8 8'/%3E%3C/svg%3E");
  }
  
  @media (prefers-reduced-motion: no-preference) {
    :root {
      scroll-behavior: smooth;
    }
  }
  
  :root, .map__room, .footage__selector, .footage__display, .footage__display a[href^='#u-'] {
    --swatch-gba-dark: hsl(var(--h), 60%, 15%);
    --swatch-gba-medium: hsl(var(--h), 30%, 30%);
    --swatch-gba-light: hsl(var(--h), 55%, calc(var(--l) + 10%));
    --swatch-gba-pale: hsl(var(--h), 80%, var(--l));
    --swatch-gba-hpale: hsl(var(--h), 70%, calc(var(--l) + 20%));
  }
  
  /* Each footage__display is a room's worth of content */
  .footage__display {
    display: none;
    position: relative;
    margin: 1.5rem 0;
    --document-padding-inline: 1.5rem;
    padding: 1rem var(--document-padding-inline);
    border: 0.2rem solid var(--swatch-gba-medium);
    border-radius: 0.4rem;
    background-image: linear-gradient(var(--swatch-gba-hpale), transparent 99rem);
    animation: footage-display-fade 0.2s linear both;
  }
  @keyframes footage-display-fade {
    0% { opacity: 0.5 }
    100% { opacity: 1 }
  }
  @media (max-width: 700px) {
    .footage__display { --document-padding-inline: 0.75rem }
  }
  .footage__display h2 {
    font-family: inherit;
    letter-spacing: inherit;
    font-weight: 650;
    margin-top: 1rem;
    margin-bottom: 1.5rem;
    font-size: 1.5rem;
  }
  .footage__display p {
    margin-right: -0.5ch;
  }
  .footage__display p:first-of-type:last-of-type {
    font-style: italic;
    opacity: 0.7;
  }
  .footage__display a[href^='#u-'] {
    display: inline-block;
    vertical-align: 0;
    background-color: var(--swatch-gba-hpale);
    color: black;
    text-decoration: underline 3px var(--swatch-gba-pale);
    filter: brightness(1.05);
  }
  .footage__display a[href^='#u-']:hover {
    background-color: white;
    color: var(--swatch-gba-dark);
  }
  .footage__display-start, .footage__display-end {
    display: block;
    text-align: center;
  }
  :is(.footage__display-start, .footage__display-end)::before {
    font-weight: bold;
    opacity: 0.5;
  }
  .footage__display:not(:has(p:nth-of-type(2))) :is(.footage__display-start, .footage__display-end) {
    display: none;
  }
  
  /* Footage tags denoting audio / video */
  .footage__feed {
    text-transform: uppercase;
    font-weight: 600;
    color: #000c;
    font-size: 0.85rem;
    letter-spacing: 0.02rem;
    background: #0001;
    border: thin solid var(--swatch-gba-light);
    border-radius: 0.3rem;
    padding: 0.3rem 0.7rem 0.3rem 0.3rem;
    display: inline-block;
    margin-block: -0.5rem 1rem;
  }
  .footage__feed .room-icon {
    margin-right: 0.3rem;
  }
  
  /* Room colours */
  .map__room--pantry, .footage__selector--pantry, .footage__display--pantry, .footage__display a[href='#u-pantry'],
  .map__room--cafe, .footage__selector--cafe, .footage__display--cafe, .footage__display a[href='#u-cafe'],
  .map__room--toilet, .footage__selector--toilet, .footage__display--toilet, .footage__display a[href='#u-toilet'],
  .map__room--foyer, .footage__selector--foyer, .footage__display--foyer, .footage__display a[href='#u-foyer'] {
    --h: 172;
  }
  .map__room--hangar, .footage__selector--hangar, .footage__display--hangar, .footage__display a[href='#u-hangar'],
  .map__room--bay, .footage__selector--bay, .footage__display--bay, .footage__display a[href='#u-bay'] {
    --h: 32;
  }
  .map__room--a1, .footage__selector--a1, .footage__display--a1, .footage__display a[href='#u-a1'],
  .map__room--a2, .footage__selector--a2, .footage__display--a2, .footage__display a[href='#u-a2'],
  .map__room--a3, .footage__selector--a3, .footage__display--a3, .footage__display a[href='#u-a3'],
  .map__room--a4, .footage__selector--a4, .footage__display--a4, .footage__display a[href='#u-a4'] {
    --h: 12;
  }
  .map__room--d1, .footage__selector--d1, .footage__display--d1, .footage__display a[href='#u-d1'],
  .map__room--d2, .footage__selector--d2, .footage__display--d2, .footage__display a[href='#u-d2'],
  .map__room--d3, .footage__selector--d3, .footage__display--d3, .footage__display a[href='#u-d3'],
  .map__room--d4, .footage__selector--d4, .footage__display--d4, .footage__display a[href='#u-d4'],
  .map__room--d5, .footage__selector--d5, .footage__display--d5, .footage__display a[href='#u-d5'],
  .map__room--d6, .footage__selector--d6, .footage__display--d6, .footage__display a[href='#u-d6'] {
    --h: 122;
  }
  .map__room--containment, .footage__selector--containment, .footage__display--containment, .footage__display a[href='#u-containment'],
  .map__room--airlock, .footage__selector--airlock, .footage__display--airlock, .footage__display a[href='#u-airlock'] {
    --h: 252;
    --l: 65%;
  }
  .map__room--server, .footage__selector--server, .footage__display--server, .footage__display a[href='#u-server'],
  .map__room--armoury, .footage__selector--armoury, .footage__display--armoury, .footage__display a[href='#u-armoury'],
  .map__room--storage, .footage__selector--storage, .footage__display--storage, .footage__display a[href='#u-storage'] {
    --h: 52;
    --l: 65%;
  }
  .footage__selector--outside, .footage__display--outside, .footage__display a[href='#u-outside'] {
    --h: 190;
    background: radial-gradient(ellipse at bottom, white, white, rgb(225, 240, 255));
  }
  .footage__display--outside, .footage__display a[href='#u-outside'] {
    box-shadow:
      inset 0px 0px 8rem 0rem #00000001,
      inset 0px 0px 5rem 0rem #00000002,
      inset 0px 0px 2rem 0rem #00000003;
  }
  .footage__selector--all {
    filter: grayscale(1);
  }
  .footage__display :is([href='#u-server-corridor'], [href='#u-office-corridor'], [href='#u-d-corridor'], [href='#u-armoury-corridor'], [href='#u-ring-north'], [href='#u-ring-east'], [href='#u-ring-south'], [href='#u-ring-west']) {
    /* Reset corridor links to default colour */
    --h: 72;
  }
  
  /* Map/footage hover links */
  :root:has([href='#u-pantry']:hover) .map__room--pantry,
  :root:has([href='#u-storage']:hover) .map__room--storage,
  :root:has([href='#u-foyer']:hover) .map__room--foyer,
  :root:has([href='#u-hangar']:hover) .map__room--hangar,
  :root:has([href='#u-server']:hover) .map__room--server,
  :root:has([href='#u-cafe']:hover) .map__room--cafe,
  :root:has([href='#u-d1']:hover) .map__room--d1,
  :root:has([href='#u-d2']:hover) .map__room--d2,
  :root:has([href='#u-d3']:hover) .map__room--d3,
  :root:has([href='#u-d4']:hover) .map__room--d4,
  :root:has([href='#u-d5']:hover) .map__room--d5,
  :root:has([href='#u-d6']:hover) .map__room--d6,
  :root:has([href='#u-armoury']:hover) .map__room--armoury,
  :root:has([href='#u-toilet']:hover) .map__room--toilet,
  :root:has([href='#u-bay']:hover) .map__room--bay,
  :root:has([href='#u-containment']:hover) .map__room--containment,
  :root:has([href='#u-airlock']:hover) .map__room--airlock,
  :root:has([href='#u-a4']:hover) .map__room--a4,
  :root:has([href='#u-a2']:hover) .map__room--a2,
  :root:has([href='#u-a3']:hover) .map__room--a3,
  :root:has([href='#u-a1']:hover) .map__room--a1,
  :root:has([href='#u-office-corridor']:hover) .map__room--office-corridor,
  :root:has([href='#u-server-corridor']:hover) .map__room--server-corridor,
  :root:has([href='#u-d-corridor']:hover) .map__room--d-corridor,
  :root:has([href='#u-ring-north']:hover) .map__room--ring-north,
  :root:has([href='#u-ring-east']:hover) .map__room--ring-east,
  :root:has([href='#u-ring-south']:hover) .map__room--ring-south,
  :root:has([href='#u-ring-west']:hover) .map__room--ring-west,
  :root:has([href='#u-armoury-corridor']:hover) .map__room--armoury-corridor,
  .map__room:hover {
    background: repeating-conic-gradient(white 0% 25%, var(--swatch-gba-hpale) 0% 50%) 50% / 6px 6px;
  }
  :root:has([href='#u-pantry']:hover) .footage__selector--pantry,
  :root:has([href='#u-storage']:hover) .footage__selector--storage,
  :root:has([href='#u-foyer']:hover) .footage__selector--foyer,
  :root:has([href='#u-hangar']:hover) .footage__selector--hangar,
  :root:has([href='#u-server']:hover) .footage__selector--server,
  :root:has([href='#u-cafe']:hover) .footage__selector--cafe,
  :root:has([href='#u-d1']:hover) .footage__selector--d1,
  :root:has([href='#u-d2']:hover) .footage__selector--d2,
  :root:has([href='#u-d3']:hover) .footage__selector--d3,
  :root:has([href='#u-d4']:hover) .footage__selector--d4,
  :root:has([href='#u-d5']:hover) .footage__selector--d5,
  :root:has([href='#u-d6']:hover) .footage__selector--d6,
  :root:has([href='#u-armoury']:hover) .footage__selector--armoury,
  :root:has([href='#u-toilet']:hover) .footage__selector--toilet,
  :root:has([href='#u-bay']:hover) .footage__selector--bay,
  :root:has([href='#u-containment']:hover) .footage__selector--containment,
  :root:has([href='#u-airlock']:hover) .footage__selector--airlock,
  :root:has([href='#u-a4']:hover) .footage__selector--a4,
  :root:has([href='#u-a2']:hover) .footage__selector--a2,
  :root:has([href='#u-a3']:hover) .footage__selector--a3,
  :root:has([href='#u-a1']:hover) .footage__selector--a1,
  :root:has([href='#u-office-corridor']:hover) .footage__selector--office-corridor,
  :root:has([href='#u-server-corridor']:hover) .footage__selector--server-corridor,
  :root:has([href='#u-d-corridor']:hover) .footage__selector--d-corridor,
  :root:has([href='#u-ring-north']:hover) .footage__selector--ring-north,
  :root:has([href='#u-ring-east']:hover) .footage__selector--ring-east,
  :root:has([href='#u-ring-south']:hover) .footage__selector--ring-south,
  :root:has([href='#u-ring-west']:hover) .footage__selector--ring-west,
  :root:has([href='#u-armoury-corridor']:hover) .footage__selector--armoury-corridor,
  :root:has([href='#u-outside']:hover) .footage__selector--outside {
    --_shadow-3d-height: 0.2rem;
    background-color: white;
  }
  
  /* Selected room */
  :root:has(.targets [id=u-pantry]:target) .map__room--pantry,
  :root:has(.targets [id=u-storage]:target) .map__room--storage,
  :root:has(.targets [id=u-foyer]:target) .map__room--foyer,
  :root:has(.targets [id=u-hangar]:target) .map__room--hangar,
  :root:has(.targets [id=u-server]:target) .map__room--server,
  :root:has(.targets [id=u-cafe]:target) .map__room--cafe,
  :root:has(.targets [id=u-d1]:target) .map__room--d1,
  :root:has(.targets [id=u-d2]:target) .map__room--d2,
  :root:has(.targets [id=u-d3]:target) .map__room--d3,
  :root:has(.targets [id=u-d4]:target) .map__room--d4,
  :root:has(.targets [id=u-d5]:target) .map__room--d5,
  :root:has(.targets [id=u-d6]:target) .map__room--d6,
  :root:has(.targets [id=u-armoury]:target) .map__room--armoury,
  :root:has(.targets [id=u-toilet]:target) .map__room--toilet,
  :root:has(.targets [id=u-bay]:target) .map__room--bay,
  :root:has(.targets [id=u-containment]:target) .map__room--containment,
  :root:has(.targets [id=u-airlock]:target) .map__room--airlock,
  :root:has(.targets [id=u-a4]:target) .map__room--a4,
  :root:has(.targets [id=u-a2]:target) .map__room--a2,
  :root:has(.targets [id=u-a3]:target) .map__room--a3,
  :root:has(.targets [id=u-a1]:target) .map__room--a1,
  :root:has(.targets [id=u-office-corridor]:target) .map__room--office-corridor,
  :root:has(.targets [id=u-server-corridor]:target) .map__room--server-corridor,
  :root:has(.targets [id=u-d-corridor]:target) .map__room--d-corridor,
  :root:has(.targets [id=u-ring-north]:target) .map__room--ring-north,
  :root:has(.targets [id=u-ring-east]:target) .map__room--ring-east,
  :root:has(.targets [id=u-ring-south]:target) .map__room--ring-south,
  :root:has(.targets [id=u-ring-west]:target) .map__room--ring-west,
  :root:has(.targets [id=u-armoury-corridor]:target) .map__room--armoury-corridor {
    font-weight: bold;
    background: var(--swatch-gba-light);
    text-decoration: none;
    cursor: default;
    border: 0.4rem dashed white;
    box-sizing: border-box;
  }
  :root:has(.targets [id=u-pantry]:target) .footage__selector--pantry,
  :root:has(.targets [id=u-storage]:target) .footage__selector--storage,
  :root:has(.targets [id=u-foyer]:target) .footage__selector--foyer,
  :root:has(.targets [id=u-hangar]:target) .footage__selector--hangar,
  :root:has(.targets [id=u-server]:target) .footage__selector--server,
  :root:has(.targets [id=u-cafe]:target) .footage__selector--cafe,
  :root:has(.targets [id=u-d1]:target) .footage__selector--d1,
  :root:has(.targets [id=u-d2]:target) .footage__selector--d2,
  :root:has(.targets [id=u-d3]:target) .footage__selector--d3,
  :root:has(.targets [id=u-d4]:target) .footage__selector--d4,
  :root:has(.targets [id=u-d5]:target) .footage__selector--d5,
  :root:has(.targets [id=u-d6]:target) .footage__selector--d6,
  :root:has(.targets [id=u-armoury]:target) .footage__selector--armoury,
  :root:has(.targets [id=u-toilet]:target) .footage__selector--toilet,
  :root:has(.targets [id=u-bay]:target) .footage__selector--bay,
  :root:has(.targets [id=u-containment]:target) .footage__selector--containment,
  :root:has(.targets [id=u-airlock]:target) .footage__selector--airlock,
  :root:has(.targets [id=u-a4]:target) .footage__selector--a4,
  :root:has(.targets [id=u-a2]:target) .footage__selector--a2,
  :root:has(.targets [id=u-a3]:target) .footage__selector--a3,
  :root:has(.targets [id=u-a1]:target) .footage__selector--a1,
  :root:has(.targets [id=u-office-corridor]:target) .footage__selector--office-corridor,
  :root:has(.targets [id=u-server-corridor]:target) .footage__selector--server-corridor,
  :root:has(.targets [id=u-d-corridor]:target) .footage__selector--d-corridor,
  :root:has(.targets [id=u-ring-north]:target) .footage__selector--ring-north,
  :root:has(.targets [id=u-ring-east]:target) .footage__selector--ring-east,
  :root:has(.targets [id=u-ring-south]:target) .footage__selector--ring-south,
  :root:has(.targets [id=u-ring-west]:target) .footage__selector--ring-west,
  :root:has(.targets [id=u-armoury-corridor]:target) .footage__selector--armoury-corridor,
  :root:has(.targets [id=u-outside]:target) .footage__selector--outside,
  :root:has(.targets [id=u-all]:target) .footage__selector--all,
  .footage__selector:active {
    transform: none;
    background-color: var(--swatch-gba-hpale);
    color: var(--swatch-gba-dark);
    cursor: default;
    box-shadow:
      0px 0px 0px transparent,
      inset 0px 0.2rem 0px 0px var(--swatch-gba-medium);
    padding-bottom: 0;
  }
  :root:has(.targets [id=u-pantry]:target) .footage__display--pantry,
  :root:has(.targets [id=u-storage]:target) .footage__display--storage,
  :root:has(.targets [id=u-foyer]:target) .footage__display--foyer,
  :root:has(.targets [id=u-hangar]:target) .footage__display--hangar,
  :root:has(.targets [id=u-server]:target) .footage__display--server,
  :root:has(.targets [id=u-cafe]:target) .footage__display--cafe,
  :root:has(.targets [id=u-d1]:target) .footage__display--d1,
  :root:has(.targets [id=u-d2]:target) .footage__display--d2,
  :root:has(.targets [id=u-d3]:target) .footage__display--d3,
  :root:has(.targets [id=u-d4]:target) .footage__display--d4,
  :root:has(.targets [id=u-d5]:target) .footage__display--d5,
  :root:has(.targets [id=u-d6]:target) .footage__display--d6,
  :root:has(.targets [id=u-armoury]:target) .footage__display--armoury,
  :root:has(.targets [id=u-toilet]:target) .footage__display--toilet,
  :root:has(.targets [id=u-bay]:target) .footage__display--bay,
  :root:has(.targets [id=u-containment]:target) .footage__display--containment,
  :root:has(.targets [id=u-airlock]:target) .footage__display--airlock,
  :root:has(.targets [id=u-a4]:target) .footage__display--a4,
  :root:has(.targets [id=u-a2]:target) .footage__display--a2,
  :root:has(.targets [id=u-a3]:target) .footage__display--a3,
  :root:has(.targets [id=u-a1]:target) .footage__display--a1,
  :root:has(.targets [id=u-office-corridor]:target) .footage__display--office-corridor,
  :root:has(.targets [id=u-server-corridor]:target) .footage__display--server-corridor,
  :root:has(.targets [id=u-d-corridor]:target) .footage__display--d-corridor,
  :root:has(.targets [id=u-ring-north]:target) .footage__display--ring-north,
  :root:has(.targets [id=u-ring-east]:target) .footage__display--ring-east,
  :root:has(.targets [id=u-ring-south]:target) .footage__display--ring-south,
  :root:has(.targets [id=u-ring-west]:target) .footage__display--ring-west,
  :root:has(.targets [id=u-armoury-corridor]:target) .footage__display--armoury-corridor,
  :root:has(.targets [id=u-outside]:target) .footage__display--outside,
  :root:has(.targets [id=u-all]:target) .footage__display,
  :root:has(#footer):has(.archive li:nth-child(n+13):nth-child(-n+15).selected) .footage__display {
    display: block;
    opacity: 1;
  }
  
  /* Show the new event alert in red, but make it black after being clicked */
  .footage__selector .room-icon--new {
    background-color: transparent;
    animation: new-events-notification 2s ease forwards;
    animation-play-state: paused;
    display: none;
  }
  @keyframes new-events-notification {
    0%, 70% { background-color: #f21a; }
    100% { background-color: transparent; }
  }
  :root:has(.targets [id=u-pantry]:target) .footage__selector--pantry .room-icon--new,
  :root:has(.targets [id=u-storage]:target) .footage__selector--storage .room-icon--new,
  :root:has(.targets [id=u-foyer]:target) .footage__selector--foyer .room-icon--new,
  :root:has(.targets [id=u-hangar]:target) .footage__selector--hangar .room-icon--new,
  :root:has(.targets [id=u-server]:target) .footage__selector--server .room-icon--new,
  :root:has(.targets [id=u-cafe]:target) .footage__selector--cafe .room-icon--new,
  :root:has(.targets [id=u-d1]:target) .footage__selector--d1 .room-icon--new,
  :root:has(.targets [id=u-d2]:target) .footage__selector--d2 .room-icon--new,
  :root:has(.targets [id=u-d3]:target) .footage__selector--d3 .room-icon--new,
  :root:has(.targets [id=u-d4]:target) .footage__selector--d4 .room-icon--new,
  :root:has(.targets [id=u-d5]:target) .footage__selector--d5 .room-icon--new,
  :root:has(.targets [id=u-d6]:target) .footage__selector--d6 .room-icon--new,
  :root:has(.targets [id=u-armoury]:target) .footage__selector--armoury .room-icon--new,
  :root:has(.targets [id=u-toilet]:target) .footage__selector--toilet .room-icon--new,
  :root:has(.targets [id=u-bay]:target) .footage__selector--bay .room-icon--new,
  :root:has(.targets [id=u-containment]:target) .footage__selector--containment .room-icon--new,
  :root:has(.targets [id=u-airlock]:target) .footage__selector--airlock .room-icon--new,
  :root:has(.targets [id=u-a4]:target) .footage__selector--a4 .room-icon--new,
  :root:has(.targets [id=u-a2]:target) .footage__selector--a2 .room-icon--new,
  :root:has(.targets [id=u-a3]:target) .footage__selector--a3 .room-icon--new,
  :root:has(.targets [id=u-a1]:target) .footage__selector--a1 .room-icon--new,
  :root:has(.targets [id=u-office-corridor]:target) .footage__selector--office-corridor .room-icon--new,
  :root:has(.targets [id=u-server-corridor]:target) .footage__selector--server-corridor .room-icon--new,
  :root:has(.targets [id=u-d-corridor]:target) .footage__selector--d-corridor .room-icon--new,
  :root:has(.targets [id=u-ring-north]:target) .footage__selector--ring-north .room-icon--new,
  :root:has(.targets [id=u-ring-east]:target) .footage__selector--ring-east .room-icon--new,
  :root:has(.targets [id=u-ring-south]:target) .footage__selector--ring-south .room-icon--new,
  :root:has(.targets [id=u-ring-west]:target) .footage__selector--ring-west .room-icon--new,
  :root:has(.targets [id=u-armoury-corridor]:target) .footage__selector--armoury-corridor .room-icon--new,
  :root:has(.targets [id=u-outside]:target) .footage__selector--outside .room-icon--new,
  :root:has(.targets [id=u-all]:target) .footage__selector .room-icon--new {
    animation-play-state: running;
  }
  
  /* Show the new event alert only for rooms with more than one event */
  :root:has(.footage__display--hangar p:nth-of-type(2)) :is(.map__room--hangar, .footage__selector--hangar .room-icon--new),
  :root:has(.footage__display--server p:nth-of-type(2)) :is(.map__room--server, .footage__selector--server .room-icon--new),
  :root:has(.footage__display--pantry p:nth-of-type(2)) :is(.map__room--pantry, .footage__selector--pantry .room-icon--new),
  :root:has(.footage__display--cafe p:nth-of-type(2)) :is(.map__room--cafe, .footage__selector--cafe .room-icon--new),
  :root:has(.footage__display--a1 p:nth-of-type(2)) :is(.map__room--a1, .footage__selector--a1 .room-icon--new),
  :root:has(.footage__display--a2 p:nth-of-type(2)) :is(.map__room--a2, .footage__selector--a2 .room-icon--new),
  :root:has(.footage__display--a3 p:nth-of-type(2)) :is(.map__room--a3, .footage__selector--a3 .room-icon--new),
  :root:has(.footage__display--a4 p:nth-of-type(2)) :is(.map__room--a4, .footage__selector--a4 .room-icon--new),
  :root:has(.footage__display--d1 p:nth-of-type(2)) :is(.map__room--d1, .footage__selector--d1 .room-icon--new),
  :root:has(.footage__display--d2 p:nth-of-type(2)) :is(.map__room--d2, .footage__selector--d2 .room-icon--new),
  :root:has(.footage__display--d3 p:nth-of-type(2)) :is(.map__room--d3, .footage__selector--d3 .room-icon--new),
  :root:has(.footage__display--d4 p:nth-of-type(2)) :is(.map__room--d4, .footage__selector--d4 .room-icon--new),
  :root:has(.footage__display--d5 p:nth-of-type(2)) :is(.map__room--d5, .footage__selector--d5 .room-icon--new),
  :root:has(.footage__display--d6 p:nth-of-type(2)) :is(.map__room--d6, .footage__selector--d6 .room-icon--new),
  :root:has(.footage__display--containment p:nth-of-type(2)) :is(.map__room--containment, .footage__selector--containment .room-icon--new),
  :root:has(.footage__display--airlock p:nth-of-type(2)) :is(.map__room--airlock, .footage__selector--airlock .room-icon--new),
  :root:has(.footage__display--foyer p:nth-of-type(2)) :is(.map__room--foyer, .footage__selector--foyer .room-icon--new),
  :root:has(.footage__display--armoury p:nth-of-type(2)) :is(.map__room--armoury, .footage__selector--armoury .room-icon--new),
  :root:has(.footage__display--toilet p:nth-of-type(2)) :is(.map__room--toilet, .footage__selector--toilet .room-icon--new),
  :root:has(.footage__display--storage p:nth-of-type(2)) :is(.map__room--storage, .footage__selector--storage .room-icon--new),
  :root:has(.footage__display--bay p:nth-of-type(2)) :is(.map__room--bay, .footage__selector--bay .room-icon--new),
  :root:has(.footage__display--server-corridor p:nth-of-type(2)) :is(.map__room--server-corridor, .footage__selector--server-corridor .room-icon--new),
  :root:has(.footage__display--office-corridor p:nth-of-type(2)) :is(.map__room--office-corridor, .footage__selector--office-corridor .room-icon--new),
  :root:has(.footage__display--d-corridor p:nth-of-type(2)) :is(.map__room--d-corridor, .footage__selector--d-corridor .room-icon--new),
  :root:has(.footage__display--ring-north p:nth-of-type(2)) :is(.map__room--ring-north, .footage__selector--ring-north .room-icon--new),
  :root:has(.footage__display--ring-east p:nth-of-type(2)) :is(.map__room--ring-east, .footage__selector--ring-east .room-icon--new),
  :root:has(.footage__display--ring-south p:nth-of-type(2)) :is(.map__room--ring-south, .footage__selector--ring-south .room-icon--new),
  :root:has(.footage__display--ring-west p:nth-of-type(2)) :is(.map__room--ring-west, .footage__selector--ring-west .room-icon--new),
  :root:has(.footage__display--armoury-corridor p:nth-of-type(2)) :is(.map__room--armoury-corridor, .footage__selector--armoury-corridor .room-icon--new),
  :root:has(.footage__display--outside p:nth-of-type(2)) :is(.map__room--outside, .footage__selector--outside .room-icon--new) {
    content: "";
    display: inline-flex;
  }
  

  Pages using this styling

  • fragment:site-69-css [info]

  ¶ 1 occurrence
  

  .danke {
      padding: 5px;
      margin-bottom:10px;
      font-family: monospace;
      font-size: 1.1em;
  }
  
  .red {
      background-color:#8b0000;
      border: 3px solid #ffffff;
      color: #ffffff;
  }
  
  .black {
      background-color:#1c0000;
      border: 3px solid #8b0000;
      color: #8b0000;
  }

  Pages using this styling

  • fragment:scp9317-2 [info]

  ¶ 1 occurrence
  

  
  /* THE SCIPNET APPLICATION WINDOW */
  .scipnet-container,
  .scipnet-container *{
     box-sizing: border-box;
     margin: auto;
     margin-top: 0px;
     margin-bottom:0px;
     width: 100%;
  }
  
  .scipnet-container{
      width: 100%;
      display: flex;
      position: relative;
      align: center;
     border: 3px offset #ededed;
  }
  .desktop > .app{
     display: grid;
     grid-template-areas:
        "top-bar";
        "content";
     grid-template-rows: 37px auto;
     width: 100%;
     align: center;
     min-height: 410px;
     background-color: #c3c3c3;
     margin: 10px 10px 10px 0px
  }
  
  .app > .top-bar{
     display: grid;
     grid-template-areas:
      "app-title nada x";
     grid-template-columns: 0.4fr 2fr auto;
     background-color: #000082;
     width: 100%;
     margin: 2px 0px 0px 0px;
     padding: 0px 0 0 0px;
  }
  
  .top-bar > .app-title{
     display: inline-block;
     color: #ffffff;
     width: 100%;
     height: 1.3em;
     margin: 2px 4px 2px 2px;
     text-align: left;
     vertical-align: bottom;
     padding: 0.2em 0 0 0.2em;
     font-family: "Font95";
  }
  /* PLACEHOLDER FOR THE PART OF THE DESKTOP NOT OCCUPIED BY THE ICON OR SCIPNET WINDOW (DON'T LOOK AT THIS) */
  .top-bar > .nada{
     display: inline-block;
     width: 100%
     height:1.3em
     color: #ffffff;
     background-color: #000082;
     margin: 2px 3px 5px 3px;
     text-align: left;
     vertical-align: bottom;
     padding: 3px 0 0 0px;
     font-family: "Font95";
  }
  
  .top-bar > .x{
     display: inline-block;
     align: right;
     background-color: #c3c3c3;
     border-top: solid 2px#fdffff;
     border-left: solid 2px #fdffff;
     border-bottom: solid 2px #494949;
     border-right: solid 2px #494949;
     color: #000000;
     font-size: 14pt;
     width: 1.3em;
     height: 1em;
     margin: 2px 0px 4px 4px;
     text-align: center;
     padding: 2px 0 0px 0;
     font-family: "Font95";
     vertical-align: middle;
  }
  
  /* TEXTBOX ZONEEEE */
  .app > .content{
     display: grid;
     grid-template-areas:
        "scip-title";
        "body-container";
     grid-template-rows: 2em auto;
     width: 100%;
     border: 1px #000000;
     margin: 0 0 0 0;
     padding: 0em 0.2em 0em 0.2em;
     min height: 390px
  
     background-color: #e0e0e0;
  }
  
  .content > .scip-title{
     display: inline-block;
     width: 100%;
     height: 1.5em;
     background-color: #e0e0e0;
     border: solid 1px #000000;
     font-family: "Font95";
     font-size: 17pt;
     color: #000082;
     text-shadow: -1px -2px #fdffff;
     text-align: center;
     padding: 0.3em 2.5em 0.2em 2.5em;
     margin: 0 0 0 0;
  }
  .content > .body-container{
     display: inline-block
     width: 100%;
     min-height: 700px;
     background-repeat: repeat;
     background-color: #ffffff;
     box-shadow: inset 0 0 0 0.45em #b0b0b0, inset 0 0 0 0.6em #000000;
     padding: 3em 1.5em 1.5em 1.5em;
     color: #000000;
     text-align: center;
  }
  
  .body-container-outside{
     display: inline-block
     width: 100%;
     min-height: 600px;
     background-repeat: repeat;
     background-color: #ffffff;
     box-shadow: inset 0 0 0 0.45em #b0b0b0, inset 0 0 0 0.6em #000000;
     padding: 3em 1.5em 1.5em 1.5em;
     color: #000000;
     text-align: center;
  }
  
  .scip-subtitle{
     display: inline-block;
     width: 98%;
     height: 1.5em;
     color: #000000;
     text-align: center;
     padding: 0.2em 0.2em 0.2em 0.2em;
  }
  
   .body-text{
     display: inline-block;
     width: 98%;
     max-height: auto;
     font-size: 11.5pt;
     color: #000000;
     text-align: left;
     padding: 0.4em 0.2em 0.2em 0.2em;
  

  Pages using this styling

  • fragment:scp9000katyastrangelove-2 [info]

  ¶ 1 occurrence
  

  body {
      background-attachment: fixed;
      color: #000000;
      word-break: unset;
  }

  Pages using this styling

  • fragment:scp9000katyastrangelove-2 [info]

  ¶ 1 occurrence
  

  @import url('https://api.fonts.coollabs.io/css2?family=Gugi&display=swap');
  @import url('https://api.fonts.coollabs.io/css2?family=Nothing+You+Could+Do&display=swap');
  
  .gugi-regular {
    font-family: "Gugi", sans-serif;
    font-weight: 400;
    font-style: normal;
  }
  
  .nothing-you-could-do-regular {
    font-family: "Nothing You Could Do", cursive;
    font-weight: 400;
    font-style: normal;
  }
  
  body {
      font-size: 11.5pt;
      background-color: #eeeeee;
      background-image: url('http://scp-wiki.wikidot.com/local--files/scp-9140/s19dots');
      background-size: 20em;
      color: #000000;
      line-height: 1.5rem
  }
  
  h1 {
      text-align: center;
      color: #538775;
      font-family: "Gugi";
  }
  
  h2 {
      text-align: center;
  }
  
  h3 {
      text-align: center;
      color: #3A6C5B;
  }
  
  div#container-wrap {
      background-image: url('http://scp-wiki.wikidot.com/local--files/scp-9140/s19trans');
  }
  
  div#header {
      background-image: url('http://scp-wiki.wikidot.com/local--files/scp-9140/s19logo');
      image-rendering: pixelated;
  }
  
  #header h1 a::before {
      font-family: "Gugi";
      content: 'SCP Foundation';
      color: #000000;
      text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.1);
  }
  
  #header h1 a span{
      display: block;
      content: "";
      visibility: hidden;
  }
  #header h2 span::before {
      content: 'Site-19 Administration';
      color: #000000;
  }
  
  #top-bar a {
    color: black;
  }
  
  .computer-box {
      display: inline-block;
      width: 100%;
      background-color: #dfdfdf;
      border-top: solid 3px #fefefe;
      border-bottom: solid 3px #999999;
      border-left: solid 3px #fefefe;
      border-right: solid 3px #999999;
      margin: 0.5em 0 0.5em 0;
      padding: 0.5em;
      box-shadow: 4px 4px 0 0 rgba(0, 0, 0, 0.1);
  }
  .flex-box-big {
      display: flex;
      justify-content: center;
      min-width: 95%;
  }
  
  .flex-box-small {
      display: flex;
      justify-content: center;
      width: 80%;
      margin: auto;
  }
  
  .report-box-nowrap {
      display: inline-block;
      width: 80%;
      background-color: rgba(221, 235, 230, 0.7);
      padding: 1rem;
      border-top: solid 6px rgb(0, 116, 116);
      border-left: solid 1px rgb(0, 116, 116);
      border-right: solid 1px rgb(0, 116, 116);
      border-bottom: solid 1px rgb(0, 116, 116);
      margin: 0.5em;
      line-height: 1.5em;
  }
  
  .text-box-grey {
      display: inline-block;
      width: 100%;
      padding: 1rem;
      background-color: rgba(255, 255, 255, 0.6);
      border-top: solid 6px rgb(0, 0, 153);
      border-left: solid 1px rgb(0, 0, 153);
      border-right: solid 1px rgb(0, 0, 153);
      border-bottom: solid 1px rgb(0, 0, 153);
      margin: 0.5em;
      height: max-content;
      line-height: 1.5em;
  }
  
  .text-box-log {
      display: inline-block;
      width: 100%;
      padding: 2rem;
      background-color: rgba(255, 255, 255, 0.6);
      border-top: solid 6px rgb(112, 54, 93);
      border-left: solid 1px rgb(112, 54, 93);
      border-right: solid 1px rgb(112, 54, 93);
      border-bottom: solid 1px rgb(112, 54, 93);
      margin: 0.5em;
      height: max-content;
      line-height: 1.5em;
  }
  
  
  .text-box-xeno {
      display: inline-block;
      width: 85%;
      padding: 1rem;
      background-color: rgba(255, 255, 255, 0.8);
      border-top: solid 1px rgb(0, 0, 0);
      border-left: solid 1px rgb(0, 0, 0);
      border-right: solid 1px rgb(0, 0, 0);
      border-bottom: solid 1px rgb(0, 0, 0);
      margin: auto;
      height: max-content;
      line-height: 1.5em;
  }
  
  .text-box-05 {
      display: inline-block;
      width: 100%;
      padding: 1rem;
      border-top: solid 6px rgb(199, 0, 0);
      border-left: solid 1px rgb(199, 0, 0);
      border-right: solid 1px rgb(199, 0, 0);
      border-bottom: solid 1px rgb(199, 0, 0);
      background-color: rgba(255, 255, 255, 0.6);
      margin: 0.5em;
      height: max-content;
      line-height: 1.5em;
  }
  
  .flex-container {
    display: flex;
    background-color: transparent;
  }
  
  .flex-container > div {
    width: auto;
    margin: 0em 1em 0em 1em;
    text-align: left;
  }
  
  .flex-box {
      display: flex;
      justify-content: center;
      height: max-content;
  }
  .computer-box-small {
      display: inline-block;
      width: 24em;
      align: center;
      text-align: center;
      background-color: #b3b3b3;
      border-bottom: solid 2px #e8e8e8;
      border-top: solid 2px #494949;
      border-left: solid 2px #494949;
      border-right: solid 2px #e8e8e8;
      margin: auto;
      padding: 0.5em;
      box-shadow: inset 4px 4px 0 0 rgba(0, 0, 0, 0.2);
  }

  Pages using this styling

  • fragment:scp9000katyastrangelove-2 [info]

  ¶ 1 occurrence
  

  @media (max-width: 500px) {
    #page-title {
      font-size: 0;
    }
  
    #header h1 a::before {
      font-size: 2rem;
      content: "SCP O:CC";
      margin-bottom: 8px;
      display: block;
      font-family: "Quantico", sans-serif;
    }
    #header h2 span::before {
        content: 'Salvage, Consolidate, Preserve';
        color: #ededed;
        text-shadow: none;
        font-family: "Quantico", sans-serif;
        font-size: 9.5pt
    }
    body {
      font-size: 11.5pt;
      background-color: #eeeeee;
      background-image: url('http://scp-wiki.wikidot.com/local--files/scp-9140/occdots');
      background-size: 10em;
      color: #000000;
      line-height: 1.5rem
    }
  }
  

  Pages using this styling

  • fragment:scp9000katyastrangelove-1 [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Nova+Flat&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Quantico:ital,wght@0,400;0,700;1,400;1,700&display=swap');
  
  .nova-flat-regular {
    font-family: "Nova Flat", system-ui;
    font-weight: 400;
    font-style: normal;
  }
  .quantico-regular {
    font-family: "Quantico", sans-serif;
    font-weight: 400;
    font-style: normal;
  }
  
  .quantico-bold {
    font-family: "Quantico", sans-serif;
    font-weight: 700;
    font-style: normal;
  }
  
  .quantico-regular-italic {
    font-family: "Quantico", sans-serif;
    font-weight: 400;
    font-style: italic;
  }
  
  .quantico-bold-italic {
    font-family: "Quantico", sans-serif;
    font-weight: 700;
    font-style: italic;
  }
  
  body {
      font-size: 11.5pt;
      background-color: #eeeeee;
      background-image: url('http://scp-wiki.wikidot.com/local--files/scp-9140/occdots');
      background-size: 17em;
      color: #000000;
      line-height: 1.5rem;
  }
  
  div#container-wrap {
      background-image: url('http://scp-wiki.wikidot.com/local--files/scp-9140/bgtransp');
  }
   
  div#header {
      background-image: url('http://scp-wiki.wikidot.com/local--files/scp-9140/occlogo');
      image-rendering: pixelated;
  }
  
  .bgbg {
      width: 100%;
      background-color: rgba(238, 238, 238, 0.5);
  }
  div.warning-box {
      position: relative;
      height: 15rem;
      max-width: 80%;
      margin: auto;
  }
  div.warning-box div.warning-box-container {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
      height: 100%;
      margin: 1.5em;
  }
  
  div.warning-box div.text-top {
      --wght: 900;
      font-size: 2em;
      font-family: "Nova Flat";
      line-height: 1;
      margin-bottom: 0.5em;
  }
  
  h1 {
      color: #c40700;
      font-family: "Nova Flat";
      font-size: 1.5rem
  }
  
  a {
      color: #c40700;
  }
  
  a,a:visited {
      color: #d60600;
  }
  
  h3 {
      font-family: "Nova Flat";
      text-align: center;
      margin-top: 1.2em;
  }
  
  h4 {
      font-family: "Nova Flat";
      text-align: center;
  }
  
  
  #header h1 a {
      content: "O:CC";
  }
  
  #header h1 a::before {
      font-family: "Nova Flat";
      content: 'Operation: Curtain Cascade';
      color: #ffffff;
      text-shadow: 3px 3px 0 rgba(0, 0, 0, 0.6);
  }
  
  #header h1 a span{
      display: block;
      content: "";
      visibility: hidden;
  }
   
  #header h2 span::before {
      content: 'Salvage, Consolidate, Preserve';
      color: #ededed;
      text-shadow: none;
      font-family: "Quantico", sans-serif;
  }
  
  #top-bar a {
    color: white;
  }
  
  #side-bar a,
  #interwiki a {
      color: #c40700;
  }
  
  #top-bar a {
  color: #ffffff;
  }
  #side-bar a:visited,
  #interwiki a:visited,
  #top-bar ul li.sfhover a,
  #top-bar ul li:hover a,
  #login-status ul a,
  #login-status ul a:hover {
      color: #c40700;
  }
   
  #page-title {
      color: #c40700;
  }
  
  div#side-bar div.side-block,
  #interwiki div.side-block {
      background: #e0e0e0;
      border: #ededed outset 2px;
      box-shadow: 4px 4px 0 0 rgba(0, 0, 0, 0.2);
      border-radius: 0;
  }
   
  div#side-bar div.side-block div.heading,
  #interwiki 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: black;
      border-color: black;
  }
   
  div.yui-navset div.yui-content {
      color: #000000;
      background: #e0e0e0;
      border-left: #ededed outset 2px;
      border-right: #ededed outset 2px;
      border-bottom: #ededed outset 2px;
      border-top: transparent 0;
  }
   
  .yui-navset .yui-nav a,
  div.yui-navset div.yui-navset-top .yui-nav a {
      /* protect nested tabviews from other orientations */
      border: #ededed outset 2px;
  }
   
  .yui-navset .yui-nav .selected a,
  .yui-navset .yui-nav .selected a em,
  .yui-navset .yui-nav a em,
  .yui-navset .yui-navset-top .yui-nav a em {
      border-color: transparent;
  }
   
  .yui-navset .yui-nav,
  .yui-navset .yui-navset-top .yui-nav {
      border-color: #a10500;
  }
   
  div.yui-navset ul.yui-nav a,
  div.yui-navset div.yui-navset-top ul.yui-nav a {
      background: #ebebeb;
      border-left: #ededed outset 2px;
      border-right: #ededed outset 2px;
      border-top: #ededed outset 2px;
      border-bottom: transparent 0;
  }
   
  div.yui-navset ul.yui-nav a:hover,
  div.yui-navset ul.yui-nav a:focus {
      background: #e0e0e0;
      border-left: #ededed inset 2px;
      border-right: #ededed inset 2px;
      border-top: #ededed inset 2px;
      border-bottom: transparent 0;
  }
   
  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: #a10500;
      border-left: #ededed outset 2px;
      border-right: #ededed outset 2px;
      border-top: #ededed outset 2px;
      border-bottom: transparent 0;
  
  #side-bar a:visited,
  #interwiki a:visited,
  #top-bar ul li.sfhover a,
  #top-bar ul li:hover a,
  #login-status ul a:hover {
      color: #d60600;
  }
  
  div.page-rate-widget-box {
      box-shadow: 4px 5px 0 0 rgba(0, 0, 0, 0.2);
      border-radius: 0;
      margin: 1em 0em;
  }
   
  div.page-rate-widget-box span.rate-points,
  div.page-rate-widget-box span.cancel {
      background-color: #e0e0e0 !important;
      border: #ffffff outset 2px;
      border-radius: 0;
  }
   
  div.page-rate-widget-box span.rateup,
  div.page-rate-widget-box span.ratedown {
      border: #ffffff outset 2px;
  }
   
  div.page-rate-widget-box span.rate-points,
  div.page-rate-widget-box span.cancel a,
  div.page-rate-widget-box span.cancel a:hover {
      color: #000000;
  }
   
  div.page-rate-widget-box span.rateup,
  div.page-rate-widget-box span.ratedown {
      background-color: #e0e0e0 !important;
  }
   
  div.page-rate-widget-box span.rateup a,
  div.page-rate-widget-box span.ratedown a {
      color: #000000;
  }
   
  div.page-rate-widget-box span.cancel a:hover,
  div.page-rate-widget-box span.rateup a:hover,
  div.page-rate-widget-box span.ratedown a:hover {
      background: transparent;
      color: #a10500;
  
  #page-content .rate-box-with-credit-button {
      background-color: #e0e0e0;
      border: #ffffff outset 2px;
      box-shadow: 4px 4px 0 0 rgba(0, 0, 0, 0.2);
      border-radius: 0;
  }
   
  #page-content .rate-box-with-credit-button .fa-info {
      border: transparent 0px;
      border-radius: 0;
      color: #000000;
  }
   
  #page-content .rate-box-with-credit-button .fa-info:hover {
      background: transparent;
      color: #a10500;
  }
   
  #page-content .rate-box-with-credit-button .cancel {
      border: #ffffff outset 2px;
  }
   
  .close-credits,
  .credit-back {
      filter: hue-rotate(288deg);
  }
   
  

  Pages using this styling

  • fragment:scp9000katyastrangelove-1 [info]

  ¶ 1 occurrence
  

  .email-example .collapsible-block-folded a.collapsible-block-link {
      animation: blink 0.8s ease-in-out infinite alternate;
  }
  @keyframes blink {
      0% { color: transparent; }
      50%, 100% { color: #b01; }
  }
  .email {border: solid 1px #000000; background: rgba(255, 255, 255, 0.5); width: 88%; padding: 1px 15px; margin: 10px; box-shadow: 4px 5px 0 0 rgba(0, 0, 0, 0.2);}
  .email-example a.collapsible-block-link {font-weight: bold;}
  .tofrom {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px #a10500}

  Pages using this styling

  • fragment:scp9000katyastrangelove-1 [info]

  ¶ 1 occurrence
  

  @media (max-width: 500px) {
    #page-title {
      font-size: 0;
    }
  
    #header h1 a::before {
      font-size: 2rem;
      content: "SCP O:CC";
      margin-bottom: 8px;
      display: block;
      font-family: "Quantico", sans-serif;
    }
  
    #header h2 span::before {
        content: 'Salvage, Consolidate, Preserve';
        color: #ededed;
        text-shadow: none;
        font-family: "Quantico", sans-serif;
        font-size: 9.5pt
    }
    body {
      font-size: 11.5pt;
      background-color: #eeeeee;
      background-image: url('http://scp-wiki.wikidot.com/local--files/scp-9140/occdots');
      background-size: 10em;
      color: #000000;
      line-height: 1.5rem
    }
  
    .logobox: :before {
      display: inline-block;
      border-top: 8px double #000000;
      border-bottom: 8px double #000000;
      border-left: none;
      border-right: none;
      margin: auto;
      width: max(95%, calc(var(--main-content-width)*0.5));
      content: "Department of Xenobiology - Species of Interest Bulletin";
      font-size: 120%;
      font-weight: bold;
    }
  }

  Pages using this styling

  • fragment:scp9000katyastrangelove-0 [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Nova+Flat&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Quantico:ital,wght@0,400;0,700;1,400;1,700&display=swap');
  
  .nova-flat-regular {
    font-family: "Nova Flat", system-ui;
    font-weight: 400;
    font-style: normal;
  }
  .quantico-regular {
    font-family: "Quantico", sans-serif;
    font-weight: 400;
    font-style: normal;
  }
  
  .quantico-bold {
    font-family: "Quantico", sans-serif;
    font-weight: 700;
    font-style: normal;
  }
  
  .quantico-regular-italic {
    font-family: "Quantico", sans-serif;
    font-weight: 400;
    font-style: italic;
  }
  
  .quantico-bold-italic {
    font-family: "Quantico", sans-serif;
    font-weight: 700;
    font-style: italic;
  }
  
  body {
      font-size: 11.5pt;
      background-color: #eeeeee;
      background-image: url('http://scp-wiki.wikidot.com/local--files/scp-9140/occdots');
      background-size: 17em;
      color: #000000;
      line-height: 1.5rem
  }
  div.warning-box {
      position: relative;
      height: 15rem;
      max-width: 80%;
      margin: auto;
  }
  div.warning-box div.warning-box-container {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
      height: 100%;
      margin: 1.5em;
  }
  
  div.warning-box div.text-top {
      --wght: 900;
      font-size: 2em;
      font-family: "Nova Flat";
      line-height: 1;
      margin-bottom: 0.5em;
  }
  
  @media (max-width: 500px) {
     div.warning-box {
         position: relative;
         height: 15rem;
         max-width: 100%;
         margin: auto;
     }
  }
  
  h1 {
      color: #c40700;
      font-family: "Nova Flat";
      font-size: 1.5rem
  }
  
  h3 {
      font-family: "Nova Flat";
      text-align: center;
      margin-top: 1.2em;
      color: #000000
  }
  
  h6 {
      font size: 12.25pt;
      font-weight: 700;
  }
  
  a {
      color: #6e0b6e;
      text-decoration: underline;
  }
  
  a,a:visited {
      color: #6e0b6e;
      text-decoration: underline;
  }
  div#container-wrap {
      background-image: url('http://scp-wiki.wikidot.com/local--files/scp-9140/bgtransp');
  }
   
  div#header {
      background-image: url('http://scp-wiki.wikidot.com/local--files/scp-9140/occlogo');
      image-rendering: pixelated;
  }
  
  #header h1 a {
      content: "O:CC";
  }
  
  #header h1 a::before {
      font-family: "Nova Flat";
      content: 'Operation: Curtain Cascade';
      color: #ffffff;
      text-shadow: 3px 3px 0 rgba(0, 0, 0, 0.6);
  }
  
  #header h1 a span{
      display: block;
      content: "";
      visibility: hidden;
  }
   
  #header h2 span::before {
      content: 'Salvage, Consolidate, Preserve';
      color: #ededed;
      text-shadow: none;
      font-family: "Quantico", sans-serif;
  }
  
  #top-bar a {
    color: white;
  }
  
  .doc-block{
     text-align: left;
     margin: auto;
     line-height: 1.5em;
     max-width: 90%;
     background-color: rgba(253, 253, 253, 0.9);
     border: solid 1px #000000;
     box-shadow: 4px 4px 0 0 rgba(0, 0, 0, 0.2);
     padding: 1em;
     font-size: 11.5pt;
  }
  
  .collapsible-block1 {  
     padding: 0.5em;
  }
  .collapsible-block-content p {
     padding: 0.5em;
     font-size: 11.5pt;
  }
  .collapsible-block-content{
     text-align: left;
     line-height: 1.5em;
     max-width: 100%;
     background-color: rgba(253, 253, 253, 0.9);
     border: solid 1px #000000;
     box-shadow: 4px 4px 0 0 rgba(0, 0, 0, 0.2);
     padding: 1em;
     font-size: 11.5pt;
  }
  
  .collapsible-block-folded, .collapsible-block-unfolded{
     text-align: center;
     font-size: 120%;
  }
  
  .logobox {
      display: grid;
      border-top: 5px double #000000;
      border-bottom: 5px double #000000;
      border-left: none;
      border-right: none;
      margin: auto;
      grid-template-areas: logo text;
      grid-template-columns: 1fr 7fr;
      width: max(95%, calc(var(--main-content-width)*0.5));
  }
  
  .logobox > .boxlogo {
    display: inline-block;
    justify-content: center;
    align-items: center;
    background-image: url("http://scp-wiki.wikidot.com/local--files/scp-9140/smalllogo");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 3em;
  }
  
  
  .logobox > .boxtext {
    display: inline-block;
    justify-content: center;
    text-align: center;
    padding: 0em, 0em 1em 0em;
  }
  
  .grey-box {
      display: inline-block;
      border: outset 3px #ededed;
      padding: 1.2rem;
      margin: auto;
  }
  
  .bgbg {
      width: 100%;
      background-color: rgba(238, 238, 238, 0.5);
  }
  
  #side-bar a,
  #interwiki a {
      color: #6e0b6e;
      text-decoration: underline;
  }
  
  #top-bar a {
  color: #ffffff;
  }
  #side-bar a:visited,
  #interwiki a:visited,
  #top-bar ul li.sfhover a,
  #top-bar ul li:hover a,
  #login-status ul a,
  #login-status ul a:hover {
      color: #6e0b6e;
      text-decoration: underline;
  }
   
  #page-title {
      color: #c40700;
  }
   
  
  div#side-bar div.side-block,
  #interwiki div.side-block {
      background: #e0e0e0;
      border: #ededed outset 2px;
      box-shadow: 4px 4px 0 0 rgba(0, 0, 0, 0.2);
      border-radius: 0;
  }
   
  div#side-bar div.side-block div.heading,
  #interwiki 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: black;
      border-color: black;
  }
   
  div.yui-navset div.yui-content {
      color: #000000;
      background: #e0e0e0;
      border-left: #ededed outset 2px;
      border-right: #ededed outset 2px;
      border-bottom: #ededed outset 2px;
      border-top: transparent 0;
  }
   
  .yui-navset .yui-nav a,
  div.yui-navset div.yui-navset-top .yui-nav a {
      /* protect nested tabviews from other orientations */
      border: #ededed outset 2px;
  }
   
  .yui-navset .yui-nav .selected a,
  .yui-navset .yui-nav .selected a em,
  .yui-navset .yui-nav a em,
  .yui-navset .yui-navset-top .yui-nav a em {
      border-color: transparent;
  }
   
  .yui-navset .yui-nav,
  .yui-navset .yui-navset-top .yui-nav {
      border-color: #a10500;
  }
   
  div.yui-navset ul.yui-nav a,
  div.yui-navset div.yui-navset-top ul.yui-nav a {
      background: #ebebeb;
      border-left: #ededed outset 2px;
      border-right: #ededed outset 2px;
      border-top: #ededed outset 2px;
      border-bottom: transparent 0;
  }
   
  div.yui-navset ul.yui-nav a:hover,
  div.yui-navset ul.yui-nav a:focus {
      background: #e0e0e0;
      border-left: #ededed inset 2px;
      border-right: #ededed inset 2px;
      border-top: #ededed inset 2px;
      border-bottom: transparent 0;
  }
   
  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: #a10500;
      border-left: #ededed outset 2px;
      border-right: #ededed outset 2px;
      border-top: #ededed outset 2px;
      border-bottom: transparent 0;
  
  #side-bar a:visited,
  #interwiki a:visited,
  #top-bar ul li.sfhover a,
  #top-bar ul li:hover a,
  #login-status ul a:hover {
      color: #d60600;
  }
  
  div.page-rate-widget-box {
      box-shadow: 4px 5px 0 0 rgba(0, 0, 0, 0.2);
      border-radius: 0;
      margin: 1em 0em;
  }
   
  div.page-rate-widget-box span.rate-points,
  div.page-rate-widget-box span.cancel {
      background-color: #e0e0e0 !important;
      border: #ffffff outset 2px;
      border-radius: 0;
  }
   
  div.page-rate-widget-box span.rateup,
  div.page-rate-widget-box span.ratedown {
      border: #ffffff outset 2px;
  }
   
  div.page-rate-widget-box span.rate-points,
  div.page-rate-widget-box span.cancel a,
  div.page-rate-widget-box span.cancel a:hover {
      color: #000000;
  }
   
  div.page-rate-widget-box span.rateup,
  div.page-rate-widget-box span.ratedown {
      background-color: #e0e0e0 !important;
  }
   
  div.page-rate-widget-box span.rateup a,
  div.page-rate-widget-box span.ratedown a {
      color: #000000;
  }
   
  div.page-rate-widget-box span.cancel a:hover,
  div.page-rate-widget-box span.rateup a:hover,
  div.page-rate-widget-box span.ratedown a:hover {
      background: transparent;
      color: #a10500;
  
  #page-content .rate-box-with-credit-button {
      background-color: #000000;
      border: #ffffff outset 2px;
      box-shadow: 4px 4px 0 0 rgba(0, 0, 0, 0.2);
      border-radius: 0;
  }
   
  #page-content .rate-box-with-credit-button .fa-info {
      border: transparent 0px;
      border-radius: 0;
      color: #000000;
  }
   
  #page-content .rate-box-with-credit-button .fa-info:hover {
      background: transparent;
      color: #a10500;
  }
   
  #page-content .rate-box-with-credit-button .cancel {
      border: #ffffff outset 2px;
  }
   
  .close-credits,
  .credit-back {
      filter: hue-rotate(288deg);
  }
   

  Pages using this styling

  • fragment:scp9000katyastrangelove-0 [info]

  ¶ 1 occurrence
  

  .nav-module {
      text-align: center;
      font-size: 1.05em;
  }
  
  /*----------------------------------------*/
  
  #page-content {
    container-name: toc-check;
    container-type: inline-size;
  }
  
  #toc.floatright {
      padding: 0.95rem 1.125rem;
      margin: .75rem;
      background-color: #fff;
      border: solid 0.05rem #ccc;
      border-radius: .75rem;
      box-shadow: inset 0.05rem 0.125rem 0.375rem rgba(0,0,0,.15);
  }
  @container toc-check (max-width: 600px) {
      #toc.floatright {
          float: none;
          margin: .5rem auto;
      }
  }
  
  #toc-action-bar { display: none; }
  #toc .title { padding: 0; }
  #toc-list {
      margin: 0;
      line-height: 1.5;
  }
  #toc-list > div { margin-left: 0!important; }
  
  /*----------------------------------------*/
  
  #page-content div > ul > li > a { font-weight: bold; }
  

  Pages using this styling

  • fragment:scp-series-tales-links [info]

  ¶ 1 occurrence
  

  
  body {background-color: #f1f1f1;}
  
  :root {
      --basalt-primary-color: 254, 254, 254;
      --basalt-secondary-color: 247, 248, 250;
      --basalt-tertiary-color: 218, 219, 222;
      --basalt-main-text-color: 20, 20, 20;
      --basalt-overtone: 220, 220, 220;
      --basalt-undertone: 200, 200, 200;
      --basalt-bright-element-color: 16, 76, 184;
      --basalt-dark-element-color: 18, 20, 150;
      --basalt-alternate-color: 120, 120, 120;
      --basalt-positive-color: 26, 180, 28;
      --basalt-negative-color: 255, 48, 48;
      --basalt-cancel-color: var(--basalt-negative-color);
      --basalt-sub-text-color: 155, 154, 162;
      --basalt-light-text-color: 30, 30, 30;
      --basalt-UI-opacity: .875;
  
      --link-color: 150,50,50;
      --link-visited-color:  120,50,50;
      --link-newpage-color:  180,50,50;
  
      --main-content-width: 65rem;
      --title-size: 2rem;
      --subtitle-size: 0.1rem;
  
      --header-title: 'SCP Files';
      --header-subtitle: '';
  
  }
  
  :root:lang(cn) {
      --header-title: 'SCP档案';
      --header-subtitle: '';
  }
  
  :root:lang(cn) {
      --body-font-fallback: "Noto Sans SC", Verdana, "Microsoft YaHei", "微软雅黑", Geneva, sans-serif, STXihei, "华文细黑";
      --UI-font-fallback: "Noto Sans SC", "方体", "PingFang SC", "黑体", "Heiti SC", "Microsoft JhengHei UI", "Microsoft JhengHei", Roboto, Noto, "Noto Sans CJK SC", sans-serif;
      --header-font-fallback: var(--body-font-fallback);
      --mono-font-fallback: "Noto Serif SC", "Microsoft YaHei", "微软雅黑", "Courier New", Courier, monospace, STXihei, "华文细黑";
  }
  
  #header h1 a::before {
  display:none;
  }
  
  div#page-title {
      display: none;
  }
  
  #header {
      box-shadow: 0px 0px 30px 10px #0000000d;
      border: none;
  }
  
  /* custom */
  
  span.tight {
      margin: 0rem 0rem -2rem 0rem;
      display: inline-block;
  }
  
  .tid p {
      text-indent: 2em;
  }
  
  sup.footnoteref {
      text-indent: 0;
  }
  
  .bg-o5 {
      background-image: url(https://scpsandboxcn.wikidot.com/local--files/o9-ppt/o-logo-o5.svg);
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
      background-attachment: fixed;
      padding: 0;
  }
  
  .inner {
      background-color: rgb(255 255 255 / 97%);
      padding: 0.5rem 0.7rem;
      outline: solid 5px rgb(var(--basalt-tertiary-color));
  }
  
  .blockquote.u-1, .blockquote.u-2, .blockquote u {
  margin:2.25rem auto;
  }
  
  .blockquote.u::before, .blockquote.u-1::before, .blockquote.u-2::before {
      display: block;
      width: 2.4rem;
      height: 2.4rem;
      background-color: transparent;
      position: absolute;
      content: '';
      background-position: center;
      background-size: cover;
      background-origin: border-box;
      outline: solid 2px #333;
      transform: translate(-2rem, -1rem);
      filter: invert(1) hue-rotate(90deg);
  }
  
  .u p, .u-1 p, .u-2 p {
      margin-left: 1.2rem;
  }
  
  .blockquote.u-1::before {
      background-image: url(https://scpsandboxcn.wikidot.com/local--files/oxygen9-files/aic.png);
  }
  
  .blockquote.u-2::before {
      background-image: url(https://scpsandboxcn.wikidot.com/local--files/oxygen9-files/user.png);
  }
  
  .pd0 .image-container, .pd0 aligncenter, .pd0 td {
      padding:0;
  }
  
  #page-content .creditRate {
      float: none;
      transform: none;
      display: block;
      margin: 0;
      text-align: center;
  }
  
  .image-container {
      padding: 0;
  }
  
  .imgin td {
      padding: 0;
  }
  
  td.log {
      background-color: #ffffff !important;
  }
  
  span.name {
      font-size: 135%;
      margin: 0rem 0rem -1rem 0rem;
      padding: 0rem 0rem 0rem 1rem;
      display: block;
      width: auto;
  }
  
  span.name::after {
      content: '';
      display: block;
      background-color: rgb(var(--basalt-tertiary-color));
      width: 100%;
      position: relative;
      height: 0.125rem;
      top: -0.8rem;
      z-index: 1;
  }
  
  .name strong {
      display: block;
      padding-right: 1rem;
      word-break: keep-all;
      background: #FFFFFF;
      z-index: 2;
      width: fit-content;
      position: relative;
  }
  
  .title h1 {
      background: rgb(var(--basalt-overtone));
      padding: 0.3rem 1.4rem;
      box-shadow: 3rem 0rem rgb(var(--basalt-overtone));
      transform: translateX(-3rem);
      border-left: 1.5rem double #f1f1f1;
  }
  
  .log blockquote {
      background: transparent;
      border: none;
      width: 75%;
      box-shadow: none;
      color: rgb(var(--basalt-alternate-color));
  }
  
  .log p {
      padding: 0 2rem;
  }
  
  .imgin {
      width: 75vw;
      margin: 0 auto;
  }
  
  .romuta-says-no-float .scp-image-block.block-right {
      float: none;
      margin: 0 auto;
  }
  

  Pages using this styling

  • fragment:scp-cn-3969-2 [info]

  ¶ 1 occurrence
  

  
  body {background-color: #101010;}
  
  :root {
      --basalt-primary-color: 28,28,28;
      --basalt-secondary-color: 10,10,10;
      --basalt-tertiary-color: 40,40,40;
      --basalt-main-text-color: 190,190,190;
      --basalt-overtone: 222,222,222;
      --basalt-undertone: 100,100,100;
   
      --basalt-bright-element-color: 200,200,200;
      --basalt-dark-element-color: 66,66,66;
      --basalt-alternate-color: 140,140,140;
      --basalt-cancel-color: var(--basalt-negative-color);
      --basalt-sub-text-color: 120,120,120;
      --basalt-light-text-color: var(--basalt-primary-color);
   
      --basalt-UI-dark-palette: var(--basalt-overtone);
      --basalt-focus-color: var(--basalt-undertone);
      --basalt-background-color: var(--basalt-primary-color);
  
      --link-color: 150,50,50;
      --link-visited-color:  120,50,50;
      --link-newpage-color:  180,50,50;
  
      --main-content-width: 65rem;
      --title-size: 2rem;
      --subtitle-size: 0.1rem;
      --header-title: 'SCP Files';
      --header-subtitle: '';
  
  
  }
  
  :root:lang(cn) {
      --header-title: 'SCP档案';
      --header-subtitle: '';
  }
  
  :root:lang(cn) {
      --body-font-fallback: "Noto Sans SC", Verdana, "Microsoft YaHei", "微软雅黑", Geneva, sans-serif, STXihei, "华文细黑";
      --UI-font-fallback: "Noto Sans SC", "方体", "PingFang SC", "黑体", "Heiti SC", "Microsoft JhengHei UI", "Microsoft JhengHei", Roboto, Noto, "Noto Sans CJK SC", sans-serif;
      --header-font-fallback: var(--body-font-fallback);
      --mono-font-fallback: "Noto Serif SC", "Microsoft YaHei", "微软雅黑", "Courier New", Courier, monospace, STXihei, "华文细黑";
  }
  
  #header h1 a::before {
  display:none;
  }
  
  div#page-title {
      display: none;
  }
  
  #header {
      box-shadow: 0px 0px 30px 10px #000000;
      border: none;
  }
  
  /* custom */
  
  span.tight {
      margin: 0rem 0rem -2rem 0rem;
      display: inline-block;
  }
  
  .tid p {
      text-indent: 2em;
  }
  
  sup.footnoteref {
      text-indent: 0;
  }
  
  .bg-o5 {
      background-image: url(https://scpsandboxcn.wikidot.com/local--files/o9-ppt/o-logo-o5.svg);
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
      background-attachment: fixed;
      padding: 0;
  }
  
  .inner {
      background-color: rgba(0,0,0,0.835);
      padding: 0.5rem 0.7rem;
      outline: solid 5px rgb(var(--basalt-tertiary-color));
  }
  
  .blockquote.u-1, .blockquote.u-2, .blockquote u {
  margin:2.25rem auto;
  }
  
  .blockquote.u::before, .blockquote.u-1::before, .blockquote.u-2::before {
      display: block;
      width: 2.4rem;
      height: 2.4rem;
      background-color: transparent;
      position: absolute;
      content: '';
      background-position: center;
      background-size: cover;
      background-origin: border-box;
      outline: solid 2px #333;
      transform: translate(-2rem, -1rem);
  }
  
  .u p, .u-1 p, .u-2 p {
      margin-left: 1.2rem;
  }
  
  .blockquote.u-1::before {
      background-image: url(https://scpsandboxcn.wikidot.com/local--files/oxygen9-files/aic.png);
  }
  
  .blockquote.u-2::before {
      background-image: url(https://scpsandboxcn.wikidot.com/local--files/oxygen9-files/user.png);
  }
  
  .pd0 .image-container, .pd0 aligncenter, .pd0 td {
      padding:0;
  }
  
  #page-content .creditRate {
      float: none;
      transform: none;
      display: block;
      margin: 0;
      text-align: center;
  }
  
  .image-container {
      padding: 0;
  }
  
  .imgin td {
      padding: 0;
  }
  
  span.name {
      font-size: 135%;
      margin: 0rem 0rem -1rem 0rem;
      padding: 0rem 0rem 0rem 1rem;
      display: block;
      width: auto;
  }
  
  span.name::after {
      content: '';
      display: block;
      background-color: rgb(var(--basalt-tertiary-color));
      width: 100%;
      position: relative;
      height: 0.125rem;
      top: -0.8rem;
      z-index: 1;
  }
  
  .name strong {
      display: block;
      padding-right: 1rem;
      word-break: keep-all;
      background: #000000;
      z-index: 2;
      width: fit-content;
      position: relative;
  }
  
  .title h1 {
      background: rgb(var(--basalt-overtone));
      padding: 0.3rem 1.4rem;
      box-shadow: 3rem 0rem rgb(var(--basalt-overtone));
      transform: translateX(-3rem);
      border-left: 1.5rem double #000;
  }
  
  .log blockquote {
      background: transparent;
      border: none;
      width: 75%;
      box-shadow: none;
      color: rgb(var(--basalt-alternate-color));
  }
  
  .log p {
      padding: 0 2rem;
  }
  
  .imgin {
      width: 75vw;
      margin: 0 auto;
  }
  
  .romuta-says-no-float .scp-image-block.block-right {
      float: none;
      margin: 0 auto;
  }
  
  

  Pages using this styling

  • fragment:scp-cn-3969-1 [info]

  ¶ 1 occurrence
  

  
  body,#main-content,#container{
  background:#000;
  color:white;
  }
  
  a {
      color: red;
      color: red;
  }
  a:visited {
      color: red;
      color: red;
  }
  
  #footer{
  opacity:0;
  }
  
  .footnote{
  background:black;
  }
  
  #page-options-container{
  font-family:'华文新魏';
  }
  
  div#container-wrap {
  background: #fff;
  background-color: #fff;
  }
  
  
  .meta-title {
  display:none
  }
  
  
  .page-tags,.page-rate-widget-box,#search-top-box,#top-bar,#side-bar,#login-status,#page-title,#header,#footer,#license-area,#footer,#license-area  {
  display:none
  }
  
  #page-content {
      min-height: 720px;
  }
  
  #main-content {
      margin:0 5% 0  5%;
  }
  
  .page-rate-widget-box {
      display: inline-block;
      border-radius: 0px !important;
      box-shadow: 0px 0px 0px rgba(0, 0, 0, .5);
  margin-top: -10px;
      margin-bottom: 10px;
      margin-right: 0em;
  text-transform:uppercase;
  }
   
  .page-rate-widget-box .rate-points {
      background-color: transparent !important;
      border: solid 0px #000;
      border-bottom: solid 2px #000;
      border-right: 0;
      border-radius: 0px;
      color: white;
  }
   
  .page-rate-widget-box .rateup,
  .page-rate-widget-box .ratedown {
      background-color: transparent !important;
  border: 0px;
      border-bottom: solid 1.5px red;
      font-weight: 900;
      font-size: 1.2em;
      margin-left: 5px;
  }
   
  .page-rate-widget-box .rateup a,
  .page-rate-widget-box .ratedown a {
      background-color: transparent;
      color: red;
      padding: 0 4px;
      margin: 0 1px;
  }
   
  .page-rate-widget-box .rateup a:hover,
  .page-rate-widget-box .ratedown a:hover {
      background-color: #6c1616;
      color: white;
      text-decoration: none;
  }
   
  .page-rate-widget-box .cancel {
      background-color: transparent;
  border: 0px;
      border-bottom: solid 2px #000;
  border-radius: 0px;
      font-weight: 900;
      font-size: 1.2em;
      margin-left: 5px;
  }
   
  .page-rate-widget-box .cancel a {
      background: transparent;
      text-transform: uppercase;
      color: #000;
  }
   
  .page-rate-widget-box .cancel a:hover {
      background-color: #6c1616;
      color: #fff;
      text-decoration: none;
  }

  Pages using this styling

  • fragment:scp-cn-1463-02 [info]

  ¶ 1 occurrence
  

  .fakeprot .mailform-box .buttons{display:none;}
  .fakeprot + .collapsible-block .collapsible-block-link {padding: 0.1em 0.5em;text-decoration: none;background-color: #F4F4F4;border: 1px solid #AAA;color: #000;}
  .fakeprot + .collapsible-block .collapsible-block-link:hover {background-color: #DDD;color: #000;}
  .fakeprot + .collapsible-block .collapsible-block-link:active {background-color: #DDD;color: #000;}
  .fakeprot + .collapsible-block .collapsible-block-unfolded-link{margin:0.5em 0;text-align: center;}
  .fakeprot + .collapsible-block .collapsible-block-folded{margin:0.5em 0;text-align: center;}
  .fakeprot .passw input[type=text] {text-security:disc;-webkit-text-security:disc;-mox-text-security:disc;}
  .mailform-box td:first-child {width: 80px;}
  
  .fade-in-words{
      width: 600px;
      margin: 0 auto;
      text-align: center;
  }
  
  /*自定义一个透明度从0到1的动画，它的名称是fade-in*/
  @keyframes fade-in{  
      0%{ opacity: 0;}
      100%{opacity:1;}
  }
  @-webkit-keyframes fade-in{
      0%{ opacity: 0;}
      100%{opacity:1;}
  }
  @-ms-keyframes fade-in{
      0%{ opacity: 0;}
      100%{opacity:1;}
  }
  @-o-keyframes fade-in{
      0%{ opacity: 0;}
      100%{opacity:1;}
  }
  @-moz-keyframes fade-in{
      0%{ opacity: 0;}
      100%{opacity:1;}
  }
  .A{
      opacity: 0;      /*实先规定文字的状态是不显示的*/
      animation: fade-in 4s ease 0s 1;    /*调用名称为fade-in的动画，全程动画显示时间4S，进入方式为ease，延时0S进入，播放次数1次*/
      -webkit-animation: fade-in 4s ease 0s 1;
      -moz-animation: fade-in 4s ease 0s 1;
      -o-animation: fade-in 4s ease 0s 1;
      -ms-animation: fade-in 4s ease 0s 1;
      
      /*规定动画的最后状态为结束状态*/
      animation-fill-mode:forwards;
      -webkit-animation-fill-mode: forwards;  
        -o-animation-fill-mode: forwards;
        -ms-animation-fill-mode: forwards;   
        -moz-animation-fill-mode: forwards;
  }
  .B{
      opacity: 0;    
      animation: fade-in 4s ease 3s 1;
      -webkit-animation: fade-in 4s ease 3s 1;
      -moz-animation: fade-in 4s ease 3s 1;
      -o-animation: fade-in 4s ease 3s 1;
      -ms-animation: fade-in 4s ease 3s 1;
      
      /*规定动画的最后状态为结束状态*/
      animation-fill-mode:forwards;
      -webkit-animation-fill-mode: forwards;  
        -o-animation-fill-mode: forwards;
        -ms-animation-fill-mode: forwards;   
        -moz-animation-fill-mode: forwards;
  }
  .C{
      opacity: 0;    
      animation: fade-in 4s ease 6s 1;
      -webkit-animation: fade-in 4s ease 6s 1;
      -moz-animation: fade-in 4s ease 6s 1;
      -o-animation: fade-in 4s ease 6s 1;
      -ms-animation: fade-in 4s ease 6s 1;
      
      /*规定动画的最后状态为结束状态*/
      animation-fill-mode:forwards;
      -webkit-animation-fill-mode: forwards;  
        -o-animation-fill-mode: forwards;
        -ms-animation-fill-mode: forwards;   
        -moz-animation-fill-mode: forwards;
  }
  .D{
      opacity: 0;    
      animation: fade-in 4s ease 9s 1;
      -webkit-animation: fade-in 4s ease 9s 1;
      -moz-animation: fade-in 4s ease 9s 1;
      -o-animation: fade-in 4s ease 9s 1;
      -ms-animation: fade-in 4s ease 9s 1;
      
      /*规定动画的最后状态为结束状态*/
      animation-fill-mode:forwards;
      -webkit-animation-fill-mode: forwards;  
        -o-animation-fill-mode: forwards;
        -ms-animation-fill-mode: forwards;   
        -moz-animation-fill-mode: forwards;
  }
  .E{
      opacity: 0;    
      animation: fade-in 4s ease 12s 1;
      -webkit-animation: fade-in 4s ease 12s 1;
      -moz-animation: fade-in 4s ease 12s 1;
      -o-animation: fade-in 4s ease 12s 1;
      -ms-animation: fade-in 4s ease 12s 1;
      
      /*规定动画的最后状态为结束状态*/
      animation-fill-mode:forwards;
      -webkit-animation-fill-mode: forwards;  
        -o-animation-fill-mode: forwards;
        -ms-animation-fill-mode: forwards;   
        -moz-animation-fill-mode: forwards;
  }
  .F{
      opacity: 0;    
      animation: fade-in 4s ease 15s 1;
      -webkit-animation: fade-in 4s ease 15s 1;
      -moz-animation: fade-in 4s ease 15s 1;
      -o-animation: fade-in 4s ease 15s 1;
      -ms-animation: fade-in 4s ease 15s 1;
      
      /*规定动画的最后状态为结束状态*/
      animation-fill-mode:forwards;
      -webkit-animation-fill-mode: forwards;  
        -o-animation-fill-mode: forwards;
        -ms-animation-fill-mode: forwards;   
        -moz-animation-fill-mode: forwards;
  }
  .G{
      opacity: 0;    
      animation: fade-in 4s ease 18s 1;
      -webkit-animation: fade-in 4s ease 18s 1;
      -moz-animation: fade-in 4s ease 18s 1;
      -o-animation: fade-in 4s ease 18s 1;
      -ms-animation: fade-in 4s ease 18s 1;
      
      /*规定动画的最后状态为结束状态*/
      animation-fill-mode:forwards;
      -webkit-animation-fill-mode: forwards;  
        -o-animation-fill-mode: forwards;
        -ms-animation-fill-mode: forwards;   
        -moz-animation-fill-mode: forwards;
  }
  .H{
      opacity: 0;    
      animation: fade-in 4s ease 21s 1;
      -webkit-animation: fade-in 4s ease 21s 1;
      -moz-animation: fade-in 4s ease 21s 1;
      -o-animation: fade-in 4s ease 21s 1;
      -ms-animation: fade-in 4s ease 21s 1;
      
      /*规定动画的最后状态为结束状态*/
      animation-fill-mode:forwards;
      -webkit-animation-fill-mode: forwards;  
        -o-animation-fill-mode: forwards;
        -ms-animation-fill-mode: forwards;   
        -moz-animation-fill-mode: forwards;
  }
  .I{
      opacity: 0;    
      animation: fade-in 4s ease 24s 1;
      -webkit-animation: fade-in 4s ease 24s 1;
      -moz-animation: fade-in 4s ease 24s 1;
      -o-animation: fade-in 4s ease 24s 1;
      -ms-animation: fade-in 4s ease 24s 1;
      
      /*规定动画的最后状态为结束状态*/
      animation-fill-mode:forwards;
      -webkit-animation-fill-mode: forwards;  
        -o-animation-fill-mode: forwards;
        -ms-animation-fill-mode: forwards;   
        -moz-animation-fill-mode: forwards;
  }
  .J{
      opacity: 0;    
      animation: fade-in 4s ease 27s 1;
      -webkit-animation: fade-in 4s ease 27s 1;
      -moz-animation: fade-in 4s ease 27s 1;
      -o-animation: fade-in 4s ease 27s 1;
      -ms-animation: fade-in 4s ease 27s 1;
      
      /*规定动画的最后状态为结束状态*/
      animation-fill-mode:forwards;
      -webkit-animation-fill-mode: forwards;  
        -o-animation-fill-mode: forwards;
        -ms-animation-fill-mode: forwards;   
        -moz-animation-fill-mode: forwards;
  }
  .K{
      opacity: 0;    
      animation: fade-in 4s ease 30s 1;
      -webkit-animation: fade-in 4s ease 30s 1;
      -moz-animation: fade-in 4s ease 30s 1;
      -o-animation: fade-in 4s ease 30s 1;
      -ms-animation: fade-in 4s ease 30s 1;
      
      /*规定动画的最后状态为结束状态*/
      animation-fill-mode:forwards;
      -webkit-animation-fill-mode: forwards;  
        -o-animation-fill-mode: forwards;
        -ms-animation-fill-mode: forwards;   
        -moz-animation-fill-mode: forwards;
  }
  .L{
      opacity: 0;    
      animation: fade-in 4s ease 33s 1;
      -webkit-animation: fade-in 4s ease 33s 1;
      -moz-animation: fade-in 4s ease 33s 1;
      -o-animation: fade-in 4s ease 33s 1;
      -ms-animation: fade-in 4s ease 33s 1;
      
      /*规定动画的最后状态为结束状态*/
      animation-fill-mode:forwards;
      -webkit-animation-fill-mode: forwards;  
        -o-animation-fill-mode: forwards;
        -ms-animation-fill-mode: forwards;   
        -moz-animation-fill-mode: forwards;
  }
  .M{
      opacity: 0;    
      animation: fade-in 4s ease 36s 1;
      -webkit-animation: fade-in 4s ease 36s 1;
      -moz-animation: fade-in 4s ease 36s 1;
      -o-animation: fade-in 4s ease 36s 1;
      -ms-animation: fade-in 4s ease 36s 1;
      
      /*规定动画的最后状态为结束状态*/
      animation-fill-mode:forwards;
      -webkit-animation-fill-mode: forwards;  
        -o-animation-fill-mode: forwards;
        -ms-animation-fill-mode: forwards;   
        -moz-animation-fill-mode: forwards;
  }
  .N{
      opacity: 0;    
      animation: fade-in 4s ease 39s 1;
      -webkit-animation: fade-in 4s ease 39s 1;
      -moz-animation: fade-in 4s ease 39s 1;
      -o-animation: fade-in 4s ease 39s 1;
      -ms-animation: fade-in 4s ease 39s 1;
      
      /*规定动画的最后状态为结束状态*/
      animation-fill-mode:forwards;
      -webkit-animation-fill-mode: forwards;  
        -o-animation-fill-mode: forwards;
        -ms-animation-fill-mode: forwards;   
        -moz-animation-fill-mode: forwards;
  }
  .O{
      opacity: 0;    
      animation: fade-in 4s ease 42s 1;
      -webkit-animation: fade-in 4s ease 42s 1;
      -moz-animation: fade-in 4s ease 42s 1;
      -o-animation: fade-in 4s ease 42s 1;
      -ms-animation: fade-in 4s ease 42s 1;
      
      /*规定动画的最后状态为结束状态*/
      animation-fill-mode:forwards;
      -webkit-animation-fill-mode: forwards;  
        -o-animation-fill-mode: forwards;
        -ms-animation-fill-mode: forwards;   
        -moz-animation-fill-mode: forwards;
  }
  .P{
      opacity: 0;    
      animation: fade-in 4s ease 45s 1;
      -webkit-animation: fade-in 4s ease 45s 1;
      -moz-animation: fade-in 4s ease 45s 1;
      -o-animation: fade-in 4s ease 45s 1;
      -ms-animation: fade-in 4s ease 45s 1;
      
      /*规定动画的最后状态为结束状态*/
      animation-fill-mode:forwards;
      -webkit-animation-fill-mode: forwards;  
        -o-animation-fill-mode: forwards;
        -ms-animation-fill-mode: forwards;   
        -moz-animation-fill-mode: forwards;
  }
  .Q{
      opacity: 0;    
      animation: fade-in 4s ease 48s 1;
      -webkit-animation: fade-in 4s ease 48s 1;
      -moz-animation: fade-in 4s ease 48s 1;
      -o-animation: fade-in 4s ease 48s 1;
      -ms-animation: fade-in 4s ease 48s 1;
      
      /*规定动画的最后状态为结束状态*/
      animation-fill-mode:forwards;
      -webkit-animation-fill-mode: forwards;  
        -o-animation-fill-mode: forwards;
        -ms-animation-fill-mode: forwards;   
        -moz-animation-fill-mode: forwards;
  }
  .R{
      opacity: 0;    
      animation: fade-in 4s ease 51s 1;
      -webkit-animation: fade-in 4s ease 51s 1;
      -moz-animation: fade-in 4s ease 51s 1;
      -o-animation: fade-in 4s ease 51s 1;
      -ms-animation: fade-in 4s ease 51s 1;
      
      /*规定动画的最后状态为结束状态*/
      animation-fill-mode:forwards;
      -webkit-animation-fill-mode: forwards;  
        -o-animation-fill-mode: forwards;
        -ms-animation-fill-mode: forwards;   
        -moz-animation-fill-mode: forwards;
  }
  .S{
      opacity: 0;    
      animation: fade-in 4s ease 54s 1;
      -webkit-animation: fade-in 4s ease 54s 1;
      -moz-animation: fade-in 4s ease 54s 1;
      -o-animation: fade-in 4s ease 54s 1;
      -ms-animation: fade-in 4s ease 54s 1;
      
      /*规定动画的最后状态为结束状态*/
      animation-fill-mode:forwards;
      -webkit-animation-fill-mode: forwards;  
        -o-animation-fill-mode: forwards;
        -ms-animation-fill-mode: forwards;   
        -moz-animation-fill-mode: forwards;
  }
  .T{
      opacity: 0;    
      animation: fade-in 4s ease 57s 1;
      -webkit-animation: fade-in 4s ease 57s 1;
      -moz-animation: fade-in 4s ease 57s 1;
      -o-animation: fade-in 4s ease 57s 1;
      -ms-animation: fade-in 4s ease 57s 1;
      
      /*规定动画的最后状态为结束状态*/
      animation-fill-mode:forwards;
      -webkit-animation-fill-mode: forwards;  
        -o-animation-fill-mode: forwards;
        -ms-animation-fill-mode: forwards;   
        -moz-animation-fill-mode: forwards;
  }

  Pages using this styling

  • fragment:scp-cn-1463-02 [info]

  ¶ 1 occurrence
  

  .earthworm--anth24 {
    --anth24-rgb: 240, 36, 77;
    --anth24-accent: rgb(var(--anth24-rgb));
    --anth24-accent-faded: rgba(var(--anth24-rgb), 0.27);
    --earthworm-segment-border-color: var(--anth24-accent);
    --cut: 1.25rem;
    font-family: monospace;
    font-size: 1rem;
    letter-spacing: 0.05rem;
    align-items: center;
    gap: 1rem 0;
    margin-block: 1rem;
  }
  @media (max-width: 550px), (min-width: 768px) and (max-width: 850px) {
    .earthworm { flex-direction: column; }
  }
  .earthworm--anth24 p { margin: 0 calc(var(--cut) / 2); }
  .earthworm--anth24 .earthworm__hub {
    min-height: calc(var(--cut) * 2);
    padding-inline: calc(var(--cut) / 2);
    margin-inline: calc(var(--cut) * -1 * 0.707);
    background: none;
    border: none;
    z-index: 0;
  }
  .earthworm--anth24 .earthworm__hub::before,
  .earthworm--anth24 .earthworm__hub::after {
    content: "";
    position: absolute;
    inset: 0;
    transition: transform 0.1s ease, background-color 0.2s ease;
    z-index: -2;
    --d: 1;
    clip-path: polygon(0% var(--cut), calc(var(--cut) * var(--d)) 0%, calc(100% - (var(--cut) * var(--d))) 0%, 100% var(--cut), 100% calc(100% - var(--cut)), calc(100% - (var(--cut) * var(--d))) 100%, calc(var(--cut) * var(--d)) 100%, 0% calc(100% - var(--cut)));
  }
  .earthworm--anth24 .earthworm__hub::before {
    --d: 1.15;
    background-color: var(--anth24-accent);
  }
  .earthworm--anth24 .earthworm__hub::after {
    background-color: color-mix(in srgb, rgb(16, 220, 179) 15%, currentColor 75%);
    filter: invert(1) brightness(2);
    z-index: -1;
    transform: scale(0.97, 0.92);
    --d: 1.1;
  }
  .earthworm--anth24 .earthworm__hub:has(a:hover)::before {
    transform: scale(1.06, 1.2);
    --d: 1.3;
  }
  
  .earthworm--anth24 .earthworm__previous,
  .earthworm--anth24 .earthworm__next,
  .earthworm--anth24 .earthworm__arrowhead {
    transition: background-image 0.2s ease;
    background-image: linear-gradient(to left, transparent, transparent);
  }
  .earthworm--anth24 .earthworm__previous {
    border-top-color: transparent;
    padding-right: calc(var(--cut) / 2);
  }
  .earthworm--anth24 .earthworm__next {
    border-bottom-color: transparent;
    padding-left: calc(var(--cut) / 2);
  }
  .earthworm--anth24 a { color: currentColor; }
  .earthworm--anth24 a::before {
    content: "";
    position: absolute;
    inset: -2px;
  }
  .earthworm--anth24 .earthworm__previous:has(a:hover) {
    background-image: linear-gradient(to right, var(--anth24-accent-faded), transparent);
  }
  .earthworm--anth24 .earthworm__next:has(a:hover) {
    background-image: linear-gradient(to left, var(--anth24-accent-faded), transparent);
  }
  .earthworm--anth24 .earthworm__previous:has(a:hover) .earthworm__arrowhead,
  .earthworm--anth24 .earthworm__next:has(a:hover) .earthworm__arrowhead {
    background-image: linear-gradient(to left, var(--anth24-accent-faded), var(--anth24-accent-faded));
  }

  Pages using this styling

  • fragment:scp-anthology-2024-earthworm [info]

  ¶ 1 occurrence
  

  @supports ((-webkit-background-clip: text) and (-webkit-text-fill-color: transparent)) {
      .dropshadow {
        text-shadow: 2px 2px 2px #5C5C5C;
      }
  }

  Pages using this styling

  • fragment:scp-9988-1 [info]

  ¶ 1 occurrence
  

      .inline-block {
        display: inline-block;
        width: 700px;
        height: 2px;
        background-color: #f5f5f5;
        border: 1px solid #f5f5f5;
        padding: 0px;
        margin: none;
        text-align: center;
        font-family: Arial, sans-serif;

  Pages using this styling

  • fragment:scp-9988-1 [info]

  ¶ 1 occurrence
  

   #header h1 a::before {
      content: "The Consortium";
      color: var(--banner-primary-color);
  }
   
   #header h2 span::before {
      content: "Collection / Control.";
      color: var(--banner-secondary-color);
  }

  Pages using this styling

  • fragment:scp-9988-1 [info]

  ¶ 1 occurrence
  

  :root {
    --basalt-bright-element-color: 20, 138, 156;
    --basalt-dark-element-color: 20, 138, 156;
    --basalt-sub-text-color: var(--basalt-dark-element-color), 0.87;
    --basalt-focus-color: var(--basalt-bright-element-color);
    
    --header-background-color: var(--basalt-primary-color);
    --header-title-color: var(--basalt-bright-element-color);
    --top-bar-link-background-hover-alt: var(--basalt-UI-dark-palette);
    --top-bar-link-background-hover: var(--top-bar-link-background-hover-alt);
    --top-bar-dropdown-background-hover: var(--basalt-bright-element-color);
    --top-bar-link-color: var(--basalt-dark-element-color);
    --top-bar-link-color-hover: var(--basalt-bright-element-color);
    --search-icon-color: var(--basalt-dark-element-color);
    --side-bar-background-color: var(--basalt-primary-color);
    --side-bar-heading-background-color: var(--basalt-bright-element-color);
    --side-bar-heading-text-color: var(--basalt-dark-element-color);
    --bottom-area-background-color: var(--basalt-primary-color);
    --rate-module-background-color: var(--basalt-primary-color);
    
    --side-bar-link-color-hover: var(--basalt-light-text-color);
    --top-bar-dropdown-link-color-hover: var(--basalt-light-text-color);
    --login-status-text-color-hover: var(--basalt-light-text-color);
    --button-hover-text-color: var(--basalt-light-text-color);
    --selection-text-color: var(--basalt-light-text-color);
  }
  
  .ego { border-style:double; }
  .superego { border-style:dashed; }
  .id { border-style:solid; }
  .other { border-style:dotted; }
  
  .ego    { border-color:#AD4DBF; }
  .superego { border-color:#c66d00; }
  .id { border-color:#bf4d73; }
  .other { border-color:#75bf4d; }
  

  Pages using this styling

  • fragment:scp-9923-2 [info]

  ¶ 1 occurrence
  

  
  :root {
    --ACS-font: 'Overpass';
    --backdrop: url(https://scp-wiki.wikidot.com/local--files/scp-9923/mainframe.webp);
  }
  
  #side-bar {
    background-color: rgba(var(--side-bar-background-color), 0.9);
  }
  
  :is(#side-bar, #interwiki) .heading {
    background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgb(var(--side-bar-heading-background-color), 0.13) 25%, rgb(var(--side-bar-heading-background-color), 0.13) 50%, rgb(var(--side-bar-heading-background-color), 0.13) 75%, rgba(0, 0, 0, 0) 100%);
  }
  
  div#account-options {
    background-color: rgba(var(--login-status-background-color), 0.4);
    backdrop-filter: blur(var(--basalt-UI-blur));
  }
  
  div#account-options>ul>li>a {
    transition: color 0.4s;
  }
  
  #top-bar div[class*="top-bar"] > ul > li > a {
    font-weight: 700;
  }
  
  #edit-page-form .wd-editor-toolbar-panel a::before {
    background-color: rgb(var(--basalt-tertiary-color));
  }
  
  #wd-editor-toolbar-panel ul li ul {
    border-inline-start-color: rgb(var(--basalt-tertiary-color));
  }
  
  h1 {
    color: rgb(var(--basalt-bright-element-color));
    font-weight: 900 !important;
  }
  
  /* Element Adjustments */
  
  .anom-bar-esoteric .text-part > .main-class > .second-class > .class-category {
    font-size: 0.75em !important;
  }
  
  #page-content :is(.image-block, .scp-image-block), #page-content :is(.image-block, .scp-image-block) > * {
    border-radius: 0.7rem;
  }
  
  .image-block, .scp-image-block {
    border-bottom-width: 0.25rem ;
  }
  
  .wideimg .scp-image-block.block-center {
  position: relative;
  }
  
  .wideimg .scp-image-block.block-center img {
  height: 370px;
  width: 100%;
  object-fit: cover;
  }
  
  #page-content .sokimg .scp-image-block {
    border-bottom-color: black;
  }
  
  /* ---- DEFAULT MODE LOCAL CSS STYLING ---- */
  
  :root {
    --basalt-UI-blur: 0.75rem;
    
    --basalt-overtone: 100, 100, 100;
    --basalt-UI-dark-palette: 30, 39, 40;
    --basalt-bright-element-color: 48, 175, 194;
    --basalt-dark-element-color: 20, 138, 156;
    --basalt-primary-color: 0, 0, 0;
    --basalt-secondary-color: 0, 11, 12;
    --basalt-tertiary-color: 20, 20, 20;
    --basalt-main-text-color: 212, 212, 212;
    --basalt-sub-text-color: var(--basalt-dark-element-color), 0.87;
    --basalt-focus-color: var(--basalt-bright-element-color);
    
    --header-background-color: var(--basalt-primary-color);
    --header-title-color: var(--basalt-bright-element-color);
    --top-bar-link-background-hover-alt: var(--basalt-UI-dark-palette);
    --top-bar-link-background-hover: var(--top-bar-link-background-hover-alt);
    --top-bar-dropdown-background-hover: var(--basalt-bright-element-color);
    --top-bar-link-color: var(--basalt-dark-element-color);
    --top-bar-link-color-hover: var(--basalt-bright-element-color);
    --search-icon-color: var(--basalt-dark-element-color);
    --side-bar-background-color: var(--basalt-primary-color);
    --side-bar-heading-background-color: var(--basalt-bright-element-color);
    --side-bar-heading-text-color: var(--basalt-dark-element-color);
    --bottom-area-background-color: var(--basalt-primary-color);
    --general-border-color: 30, 57, 61;
    --rate-module-background-color: var(--basalt-primary-color);
    
    --side-bar-link-color-hover: var(--basalt-light-text-color);
    --top-bar-dropdown-link-color-hover: var(--basalt-light-text-color);
    --login-status-text-color-hover: var(--basalt-light-text-color);
    --button-hover-text-color: var(--basalt-light-text-color);
    --selection-text-color: var(--basalt-light-text-color);
    
    --swatch-menubg-black-color: 5, 28, 31 !important;
    --authorbox-background-color: var(--basalt-tertiary-color) !important;
    
    --sok-color: white !important;
  }
  
  
  /* Page Adjustments */
  
  html {
    background: rgb(var(--basalt-background-color));
  }
  
  body {
    isolation: isolate;
  }
  
  @supports not (-webkit-touch-callout: none) {
  @media only screen and (min-width: 1025px) {
  
  body {
    background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgb(var(--basalt-primary-color), 1) 25%, rgb(var(--basalt-primary-color), 1) 50%, rgb(var(--basalt-primary-color), 1) 75%, rgba(0, 0, 0, 0) 100%), var(--backdrop);
    background-repeat: repeat;
  }
  
  }
  }
  
  #page-content :is(
    .yui-nav,
    .yui-navset
  ) {
    background-color: transparent;
    gap: 0;
  }
  
  #page-content .yui-navset li a {
    padding: 0;
  }
  
  #page-content .yui-content {
    border: none;
    padding: 0
  }
  
  div:is(.jotting) {
    background: rgb(var(--basalt-primary-color));
    border: double 0.4rem rgb(var(--general-border-color));
  }
  
  div:is(.papernote) {
    background: #001c1e;
  }
  
  
  div.surr_memo {
      --memo-logo: url(https://scp-wiki.wdfiles.com/local--files/scp-9923/surrealistics-blue-memo.png);
      --memo-color: var(--basalt-bright-element-color);
  }
  
  div.rss_memo {
      --memo-logo: url(https://scp-wiki.wdfiles.com/local--files/scp-9923/rss-memo.png);
      --memo-color: 207, 80, 61;
  }
  
  div.infotech_memo {
      --memo-logo: url(https://scp-wiki.wdfiles.com/local--files/scp-9923/infotech-memo.png);
      --memo-color: 1, 213, 213;
  }
  
  div.underwatch_memo {
      --memo-logo: url(https://scp-wiki.wdfiles.com/local--files/deleted/eyeonu.gif);
      background-blend-mode: darken;
      --memo-color: 188,188,188;
  }
  
  .notion {
  background: rgb(10, 10, 10); 
  background-image: url(https://scp-wiki.wdfiles.com/local--files/scp-9923/notional-background.jpg); 
  background-attachment: fixed;
  }
  
  .subport {
  background: #001c1e !important;
  }
  

  Pages using this styling

  • fragment:scp-9923-1 [info]

  ¶ 1 occurrence
  

  
  [[module css]]
  .page {
      display: block;
      overflow: hidden;
      font-family: "Monotype Corsiva", "Bradley Hand ITC", sans-serif;
      font-style: normal;
      background-attachment: scroll;
      background-clip: border-box;
      background-color: transparent;
      background-image: linear-gradient(to top ,rgb(202, 219, 228) 0%, rgb(231, 233, 220) 8%);
      background-origin: padding-box;
      background-position: 0px 8px;
      background-repeat: repeat;
      background-size: 100% 20px;
      border: 1px solid #CCC;
      border-radius: 10px;
      padding: 10px 10px;
      margin-bottom: 10px;
      box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2)
  }
  .page p,
  .page ul {
      line-height: 20px;
      margin: 0;
  }

  Pages using this styling

  • fragment:scp-9918-1 [info]

  ¶ 1 occurrence
  

  .w-cell {
    border-left: 1px solid #1eb5e8;
  }
  .w-cell > hr {
    background-color: #1eb5e8;
  }
  .w-container {
    border: 1px #1eb5e8 solid;
  }

  Pages using this styling

  • fragment:scp-9918-0 [info]

  ¶ 1 occurrence
  

  :root {
      --header-title: "SCP Foundation";
      --header-subtitle: "SACRIFICES - CONSTRUCT - PEACE";
  }

  Pages using this styling

  • fragment:scp-9822-o10 [info]

  ¶ 1 occurrence
  

  .hfbookcontainer::before { content: '3/6/1876';}";

  Pages using this styling

  • fragment:scp-9730-1 [info]

  ¶ 1 occurrence
  

  .hfbookcontainer.left::before { content: '2/6/1876';}

  Pages using this styling

  • fragment:scp-9730-1 [info]

  ¶ 1 occurrence
  

  
  /* ============================================
     InvestigateIA — Field Investigation Caseboard
     ============================================ */
  
  .InvestigateIA {
      background: #f8f7f2;                             /* off-white paper */
      padding: 28px 32px;
      margin: 34px 0;
  
      border: 1px solid #d6d2c4;                       /* paper edge */
      border-radius: 2px;
  
      font-family: "IBM Plex Sans", "Inter", Arial, sans-serif;
      font-size: 0.96em;
      line-height: 1.7;
      color: #2a2a2a;
  
      /* subtle physical feel */
      box-shadow: 
          0 3px 6px rgba(0,0,0,0.18),
          0 0 0 4px rgba(218,212,196,0.4);             /* outer soft vignette */
  
      position: relative;
  
      /* Mild paper texture overlay */
      background-image:
          url("https://scp-wiki.wdfiles.com/local--files/component%3Atheme/paper-texture.png"),
          linear-gradient(rgba(255,255,255,0.4), rgba(255,255,255,0.4));
      background-blend-mode: multiply;
      background-size: cover;
  }
  
  /* File tab on top left */
  .InvestigateIA::before {
      content: "FIELD INVESTIGATION FILE";
      position: absolute;
      top: -14px;
      left: 18px;
  
      background: #efe7c2;                             /* manilla folder tab */
      border: 1px solid #c8bea4;
      border-bottom: none;
      padding: 4px 10px;
  
      font-size: 0.72em;
      font-weight: 700;
      letter-spacing: 0.8px;
      color: #5b4e2f;
      text-transform: uppercase;
  }
  
  /* Crayon/highlighter-style section headers */
  .InvestigateIA h3,
  .InvestigateIA h4 {
      margin-top: 0;
      font-family: "IBM Plex Sans", Arial, sans-serif;
      font-weight: 700;
      color: #3b3124;
      background: #ffe690;                             /* yellow highlighter */
      display: inline-block;
      padding: 2px 6px;
      border-radius: 2px;
  }
  
  /* Hand-drawn line style */
  .InvestigateIA hr {
      border: none;
      border-top: 2px dashed #bbb29d;                  /* ‘sketched’ feel */
      margin: 12px 0 18px;
  }
  
  /* Slightly more relaxed paragraph spacing */
  .InvestigateIA p {
      margin-bottom: 14px;
  }
  
  /* Footnotes: look like scribbles */
  .InvestigateIA .footnote {
      color: #6c6452;
      font-style: italic;
  }
  
  /* Strong text = underlined with marker */
  .InvestigateIA strong {
      background: #cde6ff;
      padding: 0 2px;
      border-radius: 2px;
  }
  
  
  
  /* ============================================
     O5Meeting — High-Security Overseer Council Dossier
     ============================================ */
  
  .O5Meeting {
      background: #111318;                          /* deep BHL-compatible black */
      padding: 28px 32px;
      margin: 36px 0;
      border-left: 8px solid #b51f1f;               /* red security strip */
      border-radius: 6px;
  
      font-family: "Inter", "Helvetica Neue", Arial, sans-serif;
      font-size: 0.95em;
      line-height: 1.65;
      color: #e3e3e3;
  
      box-shadow: 0 0 15px rgba(0,0,0,0.5),
                  inset 0 0 8px rgba(255,255,255,0.05);
  
      position: relative;
  }
  
  /* Top classification banner */
  .O5Meeting::before {
      content: "OVERSEER COUNCIL — LEVEL 5/STRICTEST CONFIDENTIAL";
      display: block;
      padding-bottom: 12px;
      font-size: 0.75em;
      font-weight: 700;
      letter-spacing: 1px;
      color: #ffcccc;
      text-transform: uppercase;
      border-bottom: 1px solid #2a2d32;
      margin-bottom: 20px;
  }
  
  /* Meeting title styling (“Special Session ###”) */
  .O5Meeting h3,
  .O5Meeting h4,
  .O5Meeting h2 {
      margin-top: 0;
      color: #ff4d4d;                               /* O5 scarlet */
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: 0.6px;
  }
  
  /* Divider line */
  .O5Meeting hr {
      border: none;
      border-top: 1px solid #2e323a;
      margin: 14px 0 22px;
  }
  
  /* Lettered dialogue lines look cleaner with spacing */
  .O5Meeting p {
      margin-bottom: 14px;
  }
  
  /* Footnotes; subtle but visible on dark background */
  .O5Meeting .footnote {
      color: #c9c9c9;
      font-style: italic;
  }
  
  /* Optional: stylized speaker names (O5-1, O5-3, etc.) */
  .O5Meeting strong {
      color: #ffb3b3;
      font-weight: 600;
  }
  
  /* Optional subtle digital grid background */
  .O5Meeting {
      background-image:
          linear-gradient(rgba(255,255,255,0.015) 1px, transparent 1px),
          linear-gradient(90deg, rgba(255,255,255,0.015) 1px, transparent 1px);
      background-size: 24px 24px;
  }
  
  
  /* ============================================
     RAISADoc — Archival File / Manilla Folder
     ============================================ */
  
  .RAISADoc {
      background: #f2ead8;                       /* archival manilla tone */
      padding: 26px 30px;
      margin: 32px 0;
  
      border: 2px solid #c5b89b;                 /* folder edge */
      border-radius: 4px;
  
      font-family: "IBM Plex Serif", Georgia, serif;
      font-size: 0.97em;
      line-height: 1.7;
      color: #2a241a;
  
      box-shadow: 0 2px 6px rgba(0,0,0,0.18);
      position: relative;
  }
  
  /* Header label at the top of the document */
  .RAISADoc::before {
      content: "RAISA ARCHIVAL DOCUMENT";
      display: block;
  
      font-size: 0.78em;
      font-weight: 700;
      letter-spacing: 1px;
      color: #5a4b2e;
  
      margin-bottom: 16px;
      text-transform: uppercase;
  }
  
  /* Serif headers for a historical/archival style */
  .RAISADoc h4,
  .RAISADoc h3,
  .RAISADoc h5 {
      font-family: "IBM Plex Serif", Georgia, serif;
      font-weight: 700;
      margin-top: 0;
  
      color: #3e331e;
      text-transform: none;                      /* natural, not uppercase */
  }
  
  /* Archival divider line */
  .RAISADoc hr {
      border: none;
      border-top: 1px solid #cbbda3;
      margin: 14px 0 20px;
  }
  
  /* Paragraph spacing */
  .RAISADoc p {
      margin-bottom: 14px;
  }
  
  /* Footnotes in archival brown */
  .RAISADoc .footnote {
      color: #5c4e2c;
      font-style: italic;
  }
  
  
  .research-memo {
      background: #f3f5f7;
      padding: 20px 24px;
      border-left: 5px solid #4b5c74;
      border-right: 1px solid #c8cdd4;
      margin: 25px 0;
      font-size: 0.96em;
      line-height: 1.6;
      font-family: "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif;
      color: #1e1e1f;
      box-shadow: 0 1px 2px rgba(0,0,0,0.12);
      border-radius: 6px;
  }
  
  .research-memo h4 {
      margin-top: 0;
      font-size: 1.15em;
      font-weight: 600;
      color: #2e3b54;
      text-transform: uppercase;
      letter-spacing: 0.8px;
  }
  
  .research-memo hr {
      border: none;
      border-top: 1px solid #d1d5db;
      margin: 10px 0 18px 0;
  }
  
  .research-memo .footnote {
      font-style: italic;
      color: #3c4048;
  }
  
  .research-memo p {
      margin-bottom: 12px;
  }
  
  /* Optional: subtle “document” feel */
  .research-memo::before {
      content: "Internal Research Memorandum";
      display: block;
      font-size: 0.75em;
      font-weight: 600;
      color: #586174;
      letter-spacing: 1px;
      text-transform: uppercase;
      margin-bottom: 10px;
  }
  

  Pages using this styling

  • fragment:scp-9603-1 [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@600;800&family=Roboto+Condensed:wght@400;500&display=swap');
  
  #page-title{
  display:none;
  }
  :root {
    /* ===== Core Colors ===== */
    --medium-accent: 227, 69, 38;           /* Cinnabar */
    --dark-gray-monochrome: 142, 24, 27;
    --gray-monochrome: 36, 59, 120;
    --light-gray-monochrome: 247, 112, 89;
  
    /* ===== UIU Swatches ===== */
    --swatch-background: rgb(24, 16, 16);    /* New warm black body background */
    --swatch-primary: rgb(142, 24, 27);
    --swatch-tertiary: rgb(247, 112, 89);
    --swatch-menubg-color: rgb(var(--medium-accent));
    --swatch-topmenu-bg-color: var(--medium-accent);
    --swatch-topmenu-border-color: 142, 24, 27;
  
    /* ===== Gradient for Top Menu ===== */
    --gradient-topmenu: linear-gradient(
      to bottom,
      rgba(255, 255, 255, 0) 0,
      rgba(255, 255, 255, 0) var(--header-height-on-desktop),
      rgba(var(--swatch-topmenu-border-color)) var(--header-height-on-desktop),
      rgba(var(--swatch-topmenu-bg-color), 1) calc(var(--header-height-on-desktop) + 0.125rem),
      rgba(var(--swatch-topmenu-bg-color), 1) calc(100% - .125rem),
      rgba(var(--swatch-topmenu-bg-color), 0) calc(100% - .125rem),
      rgba(var(--swatch-topmenu-border-color), 0) 100%
    );
  
    /* ===== Header Customization ===== */
    --logo-image: url("https://static.wikia.nocookie.net/scp-db/images/f/fd/PENTAGRAM.png");
    --header-title: "PENTAGRAM";
    --header-subtitle: "";
  --header-font: 'Orbitron', sans-serif;
  
  }
  
  /* Force horizontal layout and fix image/text columns */
  .warningFront {
    display: flex !important;
    flex-direction: row !important;      /* force row even if theme changed it */
    align-items: flex-start !important;
    gap: 1.25rem !important;
    padding: 1.25rem !important;
    background: rgba(20,20,20,0.85) !important;
    border-radius: 6px !important;
    border: 4px double rgb(var(--medium-accent)) !important; /* double border */
    max-width: 900px !important;
    margin: 1.5rem auto !important;
    box-shadow: 0 0 10px rgba(0,0,0,0.35) !important;
    box-sizing: border-box !important;
  }
  
  /* Target the wikidot image wrapper (and the img itself) and force fixed width */
  .warningFront > .image,
  .warningFront > div.image,
  .warningFront img {
    flex: 0 0 300px !important; /* fixed 300px left column */
    width: 300px !important;
    height: auto !important;
    margin: 0 !important;
    border: none !important;    /* remove any border around the image */
    box-shadow: none !important;
  }
  
  /* Make everything except the image act as the text column */
  .warningFront > :not(.image) {
    flex: 1 1 auto !important;
    min-width: 0 !important;    /* allow flex children to shrink (prevents wrapping) */
  }
  
  /* Normalize text blocks inside the right column */
  .warningFront h2,
  .warningFront h3,
  .warningFront p,
  .warningFront hr {
    margin: 0 0 0.5rem 0 !important;
    padding: 0 !important;
    color: #e5e5e5 !important;
    font-family: var(--body-font) !important;
  }
  
  /* If the theme wraps headings with wikidot syntax (+++) as <h3>, style it */
  .warningFront h3 {
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    color: rgb(var(--medium-accent)) !important;
    font-weight: 700 !important;
    margin-bottom: 0.5rem !important;
  }
  
  /* Responsive fallback: stack neatly on narrow screens */
  @media (max-width: 640px) {
    .warningFront {
      flex-direction: column !important;
    }
    .warningFront > .image,
    .warningFront img {
      width: 100% !important;
      flex: 0 0 auto !important;
    }
    .warningFront > :not(.image) {
      min-width: 0 !important;
    }
  }
  
  div.gocWarning {
      width: 80%;
      margin: 0.625rem auto;
      padding: 0.9375rem;
      border: solid 0.125rem rgb(92, 149, 230);
      background: #fff url('https://scp-wiki.wdfiles.com/local--files/theme%3Agoc/goc-fade.png') center no-repeat;
      color: black;
      text-align: center;
  }
   
  div.gocWarning hr {
      border-color: rgb(92, 149, 230);
  }
  
  div.gocline{
  width:100%;
  height: 1px;
  background-color: #424248;
  }
  
  .doc {
      max-width: 700px;
      margin: auto;
      padding: 7.5px 15px;
      box-shadow: 0 1px 3px rgba(0,0,0,.2);
      text-align: justify;
      --link-txt-color: rgb(var(--accent));
  }
  
  .ci {
      color: #d9d9d9;
      border-right: 7px solid #d22b2b;
      border-left: 7px solid #d22b2b;
      background: #B32626 url(https://scpdsandbox.wdfiles.com/local--files/testowanko-8/chaos-insurgency-sigil-trans.png);
      background-repeat: no-repeat;
      background-position: -7.5rem -7.5rem;
      background-size: 550px;
      --accent: 210, 43, 43;
  }
  
  .ci .inside {
      margin: 1rem auto;
      max-width: 600px;
      padding: .02rem 1rem;
      background-color: #0e0f11;
      border: 0;
      border-left: 7px solid #d22b2b;
      box-shadow: 5px 5px #0e0f11;
  }
  
  .ciLine{
  background-color: #202020;
  width:100%;
  height: 1px;
  }
  

  Pages using this styling

  • fragment:scp-9603-0 [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Rokkitt:wght@300;500;800&display=swap');
  
  :root {
      --main-content-width: 60rem;
      --body-font: 'Rokkitt', serif;
      --header-font: 'Rokkitt', serif;
      --UI-font: 'Rokkitt', serif;
      --basalt-UI-background-color: 0, 0, 0;
      --basalt-primary-color: 5, 5, 5; 
      --basalt-secondary-color: 0, 0, 0;
      --basalt-tertiary-color: 10, 10, 10;
      --header-background-color: 0, 0, 0;
      --basalt-page-content-font-weight: 500;
  }
  
  body {
      background-color: black;
  }
  
  h1, h2, h3, h4, h5, h6, #page-title {
      letter-spacing: 0.1em;
      text-transform: uppercase;
  }
  
  .footer-wikiwalk-nav {
      opacity: 0;
      animation: fadeIn 2.5s ease-in 1s forwards;
  }
  
  @keyframes fadeIn {
      from { opacity: 0; }
      to { opacity: 1; }
  }

  Pages using this styling

  • fragment:scp-9464-1 [info]

  ¶ 1 occurrence
  

  
  div.modal {
      display: block;
      margin-inline: auto;
      margin-block: 1.4rem;
      padding-inline: 1.5rem;
      padding-block: 0.5rem;
      background-color: rgb(240, 240, 244);
      border: solid 0.2rem rgb(var(--general-border-color));
      color: purple;
  }

  Pages using this styling

  • fragment:scp-9369-2 [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Italianno&display=swap');

  Pages using this styling

  • fragment:scp-935-2 [info]

  ¶ 1 occurrence
  

  @import url("https://scp-wiki.wikidot.com/local--files/theme:turbo-vision/Mx437_IBM_VGA_8x16.css");
  @import url('https://fonts.googleapis.com/css2?family=Aldrich&display=swap');
  
  /*
      Turbo Vision Theme
      [2021 Wikidot Theme]
      By JakdragonX
      Based on SCP Sigma 9-Theme created by Aelanna and Dr Devan
      Based on the original Turbo Vision Theme created by Croquembouche
   
      The Turbo Vision theme is split into two CSS fragments.
   
      This fragment styles general parts of the page, and requires the other
      fragment in order to function correctly.
  */
   
  /* TODO Split these selectors across this one and the other one */
  
  body {
    font-family:  'Aldrich', sans-serif;
    font-size: 16px;
    line-height: 22px;
    color: white;
    letter-spacing: 0.5px;
    background-color: #000000;
    image-rendering: pixelated;
  }
   
  a {
    color: #a1a1ab;
  }
   
  a:hover {
    text-decoration: none;
    background-color: #94EBDF;
    color: black;
  }
   
  a:visited {
    color: #690ba0;
  }
   
  a.newpage {
    color: #f55;
    text-decoration: none;
    background: transparent;
  }
   
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-family: "Mx437 IBM VGA 8x16", monospace;
  }
   
  h1,
  #page-title {
    font-family: "Mx437 IBM VGA 8x16", monospace;
    color: #A1A1AB;
    font-weight: normal;
    line-height: 0.85em;
  }
   
  #page-title {
    border-color: #fff;
  }
   
  hr {
    background-color: #fff;
    margin: 3.5em 1em 3.5em 1em;
  }
   
  blockquote,
  div.blockquote {
    background-color: #aaaaaa;
    color: #000;
    padding: 0;
    margin-bottom: 2em;
    border-width: var(--turbo-block-border-width);
    border-style: solid;
    border-image: url("https://scp-wiki.wikidot.com/local--files/theme:turbo-vision/border_white.svg") 16 round;
    box-shadow: var(--turbo-block-shadow);
  }
   
  /* ACCOUNT STUFF (OPTIONS, SEARCH BAR, ETC.) */
   
  #account-options {
    background-color: #fff;
  }
   
  #login-status {
    color: #000;
    background: #aaa;
    border: 2px solid #fff;
    font-size: 90%;
    z-index: 30;
  }
   
  #login-status a {
    background: transparent;
    color: #000;
  }
   
  #login-status a:hover {
    background: #94EBDF !important;
  }
   
  #search-top-box-input,
  #search-top-box-input:hover,
  #search-top-box-input:focus,
  #search-top-box-form input[type="submit"],
  #search-top-box-form input[type="submit"]:hover,
  #search-top-box-form input[type="submit"]:focus {
    border: #fff solid 2px;
    background: #aaaaaa;
    box-shadow: none;
    border-radius: 0;
    color: #fff;
  }
   
  #side-bar .side-block.media {
    background: #aaaaaa;
  }
   
  /* HEADER */
   
  div#container-wrap {
    background: url("https://scp-wiki.wdfiles.com/local--files/fragment%3A9229contestblackmonday-0/small%20%281%29.png")
      top left repeat-x;
  }
   
  div#header {
    position: relative;
    height: 142px;
    background: url("https://scp-wiki.wdfiles.com/local--files/theme%3Aturbo-vision/logo%20%281%29.png")
      3.675em 1.25em no-repeat;
    background-size: auto 100px;
  }
   
  div#header {
    max-width: initial;
  }
   
  div#header,
  #top-bar {
    width: 100%;
  }
   
  div#header h1 {
    opacity: 0;
    width: 310px;
    min-height: 135px;
  }
   
  div#header h2 {
    display: none;
  }
   
  #header h1,
  #header h2 {
    margin-left: 55px;
  }
   
  /* TOP BAR */
   
  #top-bar {
    font-size: 100%;
    top: 142px;
    max-width: none;
    height: 20px;
  }
   
  #top-bar ul li {
    margin: 0 4px;
  }
   
  #top-bar ul li a {
    font-family: "Mx437 IBM VGA 8x16", monospace;
    color: #000;
    background-color: transparent;
    padding: 0;
    border: none;
    line-height: 19px;
    max-height: 36px;
  }
   
  #top-bar ul li a:hover,
  #top-bar ul li:hover a {
    text-decoration: none;
    border: none;
    background-color: #94EBDF !important;
    color: #000;
  }
   
  #top-bar ul li a:hover::before,
  #top-bar ul li a:hover::after {
    background-color: #94EBDF;
  }
   
  #top-bar ul li a:visited {
    color: #000 !important;
  }
   
  #top-bar ul li a::first-letter {
    color: #000;
  }
   
  #top-bar .open-menu a {
    border: 2px solid #3f3f47;
    border-radius: 0;
    background-color: #aaaaaa;
    color: #000000 !important;
  }
   
  /* SIDE BAR */
   
  #side-bar .side-block,
  #interwiki .side-block {
    position: relative;
    border-radius: 0;
    border-width: 22px;
    border-style: solid;
    padding: 0;
    border-image: url("https://scp-wiki.wikidot.com/local--files/theme:turbo-vision/border_white2.svg")
      16 round;
    box-shadow: 0.5em 1em 0 0 #3e3f47;
    margin-bottom: 2em;
  }
   
  /* REMOVE
  .turbo-block .heading {
    position: relative;
    border: none;
    margin: 2em 0 0 -11px;
    width: calc(100% + 22px);
    max-width: none;
  }
   
  .turbo-block .heading::before {
    content: "";
    border-top: 3px double white;
    position: absolute;
    width: 100%;
    top: calc(50% - 1.5px);
    left: 0;
  }
   
  .turbo-block .heading p {
    display: table;
    position: relative;
    padding: 0 8px;
    background: inherit;
    margin: 0 0 0 2em;
    color: white;
  }
  REMOVE */
   
  #side-bar .heading,
  #interwiki .heading {
    position: relative;
    font-size: 100%;
    border: none;
    padding: 0;
    margin: 1em 0 0 -11px;
    width: calc(100% + 22px);
  }
   
  #side-bar .heading::before,
  #interwiki .heading::before {
    content: "";
    border-top: 1px solid white;
    position: absolute;
    width: 100%;
    top: calc(50% - 1.5px);
    left: 0;
  }
   
  #side-bar .heading p,
  #interwiki .heading p {
    position: relative;
    display: inline-block;
    padding: 0 8px;
    margin-left: 1.5em;
    color: white;
    font-weight: normal;
  }
   
  #side-bar .side-block,
  #side-bar .side-block .heading p,
  #interwiki .side-block,
  #interwiki .side-block .heading p {
    background-color: #1fa693;
    font-size: 90%;
  }
   
  #side-bar .side-block.resources,
  #side-bar .side-block.resources .heading p {
    background-color: #aaaaaa;
    font-size: 90%;
  }
   
  #side-bar div.menu-item a,
  #side-bar .collapsible-block-link,
  #interwiki div.menu-item a,
  #interwiki .collapsible-block-link {
    font-weight: normal;
  }
   
  #side-bar {
    background-color: #a4a6ba;
  }
   
  /* TABS */
   
  div.yui-navset div.yui-content {
    color: #000000;
    background: #aaaaaa;
    border-radius: 0;
    border-width: 22px;
    border-style: solid;
    padding: 0;
    border-image: url("https://scp-wiki.wikidot.com/local--files/theme:turbo-vision/border_white.svg")
      16 round;
    box-shadow: 0.5em 1em 0 0 #3e3f47;
    margin-bottom: 2em;
  }
   
  .yui-navset .yui-nav a,
  div.yui-navset div.yui-navset-top .yui-nav a {
    /* protect nested tabviews from other orientations */
    border: #dfdfdf outset 2px;
  }
   
  .yui-navset .yui-nav,
  .yui-navset .yui-navset-top .yui-nav {
    font-family: "Mx437 IBM VGA 8x16", monospace;
  }
   
  .yui-navset .yui-nav .selected a,
  .yui-navset .yui-nav .selected a em,
  .yui-navset .yui-nav a em,
  .yui-navset .yui-navset-top .yui-nav a em {
    border-color: transparent;
  }
   
  .yui-navset .yui-nav,
  .yui-navset .yui-navset-top .yui-nav {
    border-color: #aaaaa;
  }
   
  div.yui-navset ul.yui-nav a,
  div.yui-navset div.yui-navset-top ul.yui-nav a {
    background: #aaaaaa;
    border: #dfdfdf solid 2px;
    border-bottom: transparent 0;
  }
   
  div.yui-navset ul.yui-nav a:hover,
  div.yui-navset ul.yui-nav a:focus {
    background: #94EBDF;
    border: #fff solid 2px;
    border-bottom: transparent 0;
  }
   
  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: #94EBDF;
    border: #fff solid 2px;
    border-bottom: transparent 0;
  }
   
  /* FIXED ISSUE WITH BOLDING ON TAB NAVIGATION */
  .yui-nav {
    font-weight: bold;
  }
   
  /* SIMPLE TABLES */
   
  table.wiki-content-table {
    box-shadow: var(--turbo-block-shadow);
    margin-bottom: 2em;
  }
   
  table.wiki-content-table td {
    border: 1px solid #fff;
    background-color: #aaaaaa;
  }
   
  table.wiki-content-table th {
    border: 1px solid #011657;
    color: #fff;
    background-color: #011657;
  }
   
  /* RATING MODULE */
   
  #page-content .page-rate-widget-box {
    box-shadow: none;
    font-family: "Mx437 IBM VGA 8x16", monospace;
    font-weight: normal;
  }
   
  div.page-rate-widget-box .rate-points {
    background-color: #011657;
    border: 2px solid #011657;
    border-radius: 0;
    color: #fff;
  }
  .page-rate-widget-box .rateup,
  .page-rate-widget-box .ratedown {
    background-color: #fff;
    border-radius: 0;
    border: 2px solid #011657;
  }
  .page-rate-widget-box .rateup a,
  .page-rate-widget-box .ratedown a {
    background: transparent;
    color: #011657;
  }
  .page-rate-widget-box .rateup a:hover,
  .page-rate-widget-box .ratedown a:hover {
    background: transparent;
    color: #a1a1ab;
  }
  .page-rate-widget-box .cancel {
    background: transparent;
    border: 2px dashed #011657;
    background-color: #011657;
    border-radius: 0;
  }
  .page-rate-widget-box .cancel a {
    color: #fff;
  }
  .page-rate-widget-box .cancel a:hover {
    background-color: transparent;
    color: #a1a1ab;
  }
   
  /* CREDIT MODULE */
   
  #page-content .rate-box-with-credit-button {
    background-color: #011657 !important;
    border: 1px solid #011657;
    line-height: 14px;
    border-radius: 0;
    color: #fff;
    box-shadow: none;
  }
  #page-content .rate-box-with-credit-button .creditButton p a {
    border-left-color: #011657;
    border: 3px solid #011657;
  }
  #page-content .rate-box-with-credit-button .creditButton a {
    color: #fff !important;
  }
  #page-content .rate-box-with-credit-button .creditButton a:hover {
    color: #a1a1ab;
  }
   
  #page-content .modalbox {
    background: #ced2eb !important;
    color: #000;
    box-shadow: none;
    border-radius: 0;
  }
   
  /* LOCK INFO /*
   
  #lock-info {
     background-color: #011657;
  }
   
  /* FIXING MOBILE SHIT */
   
  @media (max-width: 770px) {
    #top-bar ul li {
      height: 1.25em;
    }
  }
   
  @media (max-width: 650px) {
    div#header {
      background-position: 3.675em 2.95em;
      background-size: auto 75px;
    }
  }
  
  /*
      Turbo Vision Theme
      [2021 Wikidot Theme]
      By JakdragonX
      Based on SCP Sigma 9-Theme created by Aelanna and Dr Devan
      Based on the original Turbo Vision Theme created by Croquembouche
   
      The Turbo Vision theme is split into two CSS fragments.
   
      This fragment styles user-created Turbo Blocks, and does not require
      the other fragment in order to function correctly.
  */
   
  /* BEFORE WE BEGIN, A QUICK FIX FOR UNDOING SIGMA-9 WEIRD THINGS */
   
  @media (min-width: 768px) and (max-width: 979px) {
    div,
    div table {
      clear: initial;
    }
  }
   
  .avatar-hover {
    z-index: 1;
  }
   
  /* AND NOW... */
  /* ------------------------------------- */
  /* NOW FOR THE MAIN COURSE */
   
  /* VARIABLES */
   
  :root {
    --turbo-block-shadow: 0.5em 1em 0 0 #3e3f47;
    --turbo-block-border-width: 22px;
  }
   
  /* BLOCKQUOTES */
   
  .turbo-block blockquote,
  .turbo-block div.blockquote {
    background-color: #aaaaaa;
    color: #000;
    padding: 0;
    margin-bottom: 2em;
    border-width: var(--turbo-block-border-width);
    border-style: solid;
    border-image: url("https://scp-wiki.wikidot.com/local--files/theme:turbo-vision/border_white.svg") 16 round;
    box-shadow: var(--turbo-block-shadow);
  }
   
  /* SIMPLE TABLES */
   
  .turbo-block table.wiki-content-table {
    box-shadow: var(--turbo-block-shadow);
    margin-bottom: 2em;
  }
   
  .turbo-block table.wiki-content-table td {
    border: 1px solid #fff;
    background-color: #aaaaaa;
  }
   
  .turbo-block table.wiki-content-table th {
    border: 1px solid #011657;
    color: #fff;
    background-color: #011657;
  }
   
  /* "BLOCK" DIV'S, DEFAULT CONFIG */
   
  .turbo-block {
    position: relative;
    border-radius: 0;
    border-width: var(--turbo-block-border-width);
    border-style: solid;
    box-shadow: var(--turbo-block-shadow);
    color: white;
    margin: 0.75rem 1.5rem 1.5rem 0.75rem;
    z-index: 1;
   
    /* Properties that apply to whole document in the general fragment */
    font-family: "Aldrich", sans-serif;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: 0.5px;
    image-rendering: pixelated;
  }
   
  .turbo-block .heading {
    position: relative;
    border: none;
    margin-top: 1.5em;
  }
   
  .turbo-block .heading::before {
    content: "";
    border-top: 3px double white;
    position: absolute;
    width: calc(100% + 22px);
    top: calc(50% - 1.5px);
    left: 0;
    margin: 0 -11px;
  }
   
  .turbo-block .heading p {
    display: table;
    position: relative;
    padding: 0 8px;
    background: inherit;
    margin: 0 0 0 2em;
    color: white;
  }
   
  .turbo-block hr {
    padding: 0;
    margin: 1em 0 0 -11px;
    width: calc(100% + 22px);
    max-width: none;
    height: 3px;
    border-top: 3px double white;
    background: none;
  }
  .turbo-block.border-white hr {
    border-color: white;
  }
  .turbo-block.border-black hr {
    border-color: black;
  }
   
  .turbo-block::after {
    content: attr(data-title);
    position: absolute;
    top: -20px;
    left: 50%;
    transform: translate(-50%, 0);
    color: white;
    padding: 0 8px;
  }
   
  /* IMAGE BLOCKS */
  /* Image blocks are supposed to have a turbo block all of their own */
   
  .turbo-block .scp-image-block {
    margin: 4px 0 0 0;
    float: none;
    border: none;
    box-shadow: none;
  }
   
  .turbo-block .scp-image-caption {
    background-color: transparent;
    font-weight: normal;
    border: none;
  }
   
  /* COLORIZED DIV BLOCKS */
   
  .turbo-block.bg-cyan,
  .turbo-block.bg-cyan::after,
  .turbo-block.bg-cyan .heading p {
    background: #1f8785;
  }
   
  .turbo-block.bg-grey,
  .turbo-block.bg-grey::after,
  .turbo-block.bg-grey .heading p {
    background: #bdbdbd;
  }
   
  .turbo-block.bg-red,
  .turbo-block.bg-red::after,
  .turbo-block.bg-red .heading p {
    background: #a1a1ab;
  }
   
  .turbo-block.bg-orange,
  .turbo-block.bg-orange::after,
  .turbo-block.bg-orange .heading p {
    background: #e39814;
  }
   
  .turbo-block.bg-green,
  .turbo-block.bg-green::after,
  .turbo-block.bg-green .heading p {
    background: #13781f;
  }
   
  .turbo-block.bg-purple,
  .turbo-block.bg-purple::after,
  .turbo-block.bg-purple .heading p {
    background: #7f0e9c;
  }
   
  .turbo-block.bg-yellow,
  .turbo-block.bg-yellow::after,
  .turbo-block.bg-yellow .heading p {
    background: #bfcc2b;
  }
   
  .turbo-block.bg-black,
  .turbo-block.bg-black::after,
  .turbo-block.bg-black .heading p {
    background: #000;
  }
   
  .turbo-block.bg-white,
  .turbo-block.bg-white::after,
  .turbo-block.bg-white .heading p {
    background: #fff;
  }
   
  /* DIV "BLACK" AND "WHITE" AND WHAT THAT MEANS */
   
  .turbo-block.border-black {
    border-image: url("https://scp-wiki.wikidot.com/local--files/theme:turbo-vision/border_black2.svg")
      16 round;
  }
   
  .turbo-block.border-black .heading::before {
    border-color: black;
  }
   
  .turbo-block.border-white {
    border-image: url("https://scp-wiki.wikidot.com/local--files/theme:turbo-vision/border_white2.svg")
      16 round;
  }
   
  .turbo-block.border-white .heading {
    background-image: url("https://scp-wiki.wikidot.com/local--files/theme:turbo-vision/border_white2.svg")
      16 round;
  }
   
  .turbo-block.text-black,
  .turbo-block.text-black .heading p,
  .turbo-block.text-black::after {
    color: black;
  }
   
  .turbo-block.text-white,
  .turbo-block.text-white .heading p,
  .turbo-block.text-white::after {
    color: white;
  }
   
  /* LINKS IN COLORIZED BLOCKS */
   
  /* For big contrast and maximum readability, links in colorized blocks have
   * their background set to the block's text color, and their text color set to
   * the block's background color. This avoids any concerns about the default
   * link color only being suitable for certain background colors.
   */
   
  .turbo-block a {
    padding: 0 2px;
    background-color: white; /* default */
  }
  .turbo-block.text-white a {
    background-color: white;
  }
  .turbo-block.text-black a {
    background-color: black;
  }
  .turbo-block.bg-cyan a {
    color: #1f8785;
  }
  .turbo-block.bg-grey a {
    color: #bdbdbd;
  }
  .turbo-block.bg-red a {
    color: #840603;
  }
  .turbo-block.bg-orange a {
    color: #e39814;
  }
  .turbo-block.bg-green a {
    color: #13781f;
  }
  .turbo-block.bg-purple a {
    color: #7f0e9c;
  }
  .turbo-block.bg-yellow a {
    color: #bfcc2b;
  }
  .turbo-block.bg-black a {
    color: #000;
  }
  .turbo-block.bg-white a {
    color: #fff;
  }
  .turbo-block a:hover {
    text-decoration: none;
    background-color: #94EBDF;
    color: black;
  }
   
  /* "OFFSET-LEFT|RIGHT" DIVS */
   
  .offset-right {
    float: right;
  }
  .offset-right > * {
    float: none;
  }
   
  .offset-left {
    float: left;
  }
  .offset-left > * {
    float: none;
  }
   
  .offset-right.right-5 {
    margin-right: calc(((50vw - 50%) * -1) + 1rem);
  }
   
  .offset-right.right-4 {
    margin-right: calc(((50vw - 50%) * -0.8) + 1rem);
  }
   
  .offset-right.right-3 {
    margin-right: calc(((50vw - 50%) * -0.6) + 1rem);
  }
   
  .offset-right.right-2 {
    margin-right: calc(((50vw - 50%) * -0.4) + 1rem);
  }
   
  .offset-right.right-1 {
    margin-right: calc(((50vw - 50%) * -0.2) + 1rem);
  }
   
  .offset-left.left-5 {
    margin-left: calc(((50vw - 50%) * -1) + 1rem);
  }
   
  .offset-left.left-4 {
    margin-left: calc(((50vw - 50%) * -0.8) + 1rem);
  }
   
  .offset-left.left-3 {
    margin-left: calc(((50vw - 50%) * -0.6) + 1rem);
  }
   
  .offset-left.left-2 {
    margin-left: calc(((50vw - 50%) * -0.4) + 1rem);
  }
   
  .offset-left.left-1 {
    margin-left: calc(((50vw - 50%) * -0.2) + 1rem);
  }
   
  /* FIXING MOBILE */
   
  @media (max-width: 600px) {
    /* Stop all floats and offsets on really thin devices */
    .offset-right,
    .offset-left,
    .turbo-block,
    .turbo-block .scp-image-block {
      float: none;
      clear: both;
      margin-left: auto !important;
      margin-right: auto !important;
    }
  }
  /* FOOTNOTE FIX */
  .footnote {color: #000000}
  .footnoteref, .footnotes-footer {color: #aaaaaa}
  .bibitems {color: #aaaaaa}
  .bibcite {color: #aaaaaa}
  .reference .r-content {
      line-height: 1.5;
      color: black;
  }
  .hovertip {
  color: black;
  } !important /*overrides the global text color*/
  

  Pages using this styling

  • fragment:scp-9229-0 [info]

  ¶ 1 occurrence
  

   :root{
       --lgurl: url(http://lspr.wikidot.com/local--files/test8/AWD.png);
       --header-title: "AWD";
       --header-subtitle: "ANOMALOUS WEAPONS DEVELOPMENT";
  }

  Pages using this styling

  • fragment:scp-9207-1 [info]

  ¶ 1 occurrence
  

  :root {
    --header-title: "Entomology";
    --header-subtitle: "Odd is To Be Expected";
    --accent: 10, 10, 10;
    --logo-img: url("http://scp-sandbox-3.wdfiles.com/local--files/radiantgold/ento%20logo%20test.png");
  }
  .footnoteref{
  color: #7fdb93;
  }
  .danke{
  padding: 5px 5px 5px 15px;
  margin: auto;
  margin-top:1em;
  margin-bottom:1em;
  width: auto;
  font-family: monospace;
  font-size: 1em;
  }
  
  .red{
  background-color:#220000;
  border: 3px solid #AA5555;
  color: #7fdb93;
  }
  
  .blue{
  background-color:#000022;
  border: 3px solid #5555AA;
  color: #0076fd;
  }
  
  .email {border: solid 2px #000000; width: 88%; padding: 1px 15px; margin: 10px; box-shadow: 0 1px 3px rgba(0,0,0,.5)}
  .email-example a.collapsible-block-link {font-weight: bold;}
  .tofrom {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px maroon}

  Pages using this styling

  • fragment:scp-9207-0 [info]

  ¶ 1 occurrence
  

  :where(td,th) {
    vertical-align: middle;
    text-align: center;
    padding: 0.5em;
  }

  Pages using this styling

  • fragment:scp-9198-0 [info]

  ¶ 1 occurrence
  

  :root{
   --newpage-color: 16,42,67;
  ｝
  
  

  Pages using this styling

  • fragment:scp-9191-5 [info]

  ¶ 1 occurrence
  

  .notice {
      background: url(https://scp-wiki.wikidot.com/local--files/theme:basalt/RAISA_LIGHTLOGO.png) #aad0ba;
      background-size: contain;
      background-position: top center;
      background-repeat: no-repeat;
      box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
      width: 90%;
      min-height: 4rem;
      max-height: 100rem;
      margin-left: auto;
      margin-right: auto;
      text-align: center;
      padding: 10px 20px 20px 20px;
      word-break: break-word;
  }
   
  .notice>p:nth-child(1)::before {
      content: "NOTICE FROM THE RECORDS AND INFORMATION SECURITY ADMINISTRATION\00000a";
      font-weight: 900;
      font-size: 130%;
      text-align: center;
      margin-bottom: 1rem;
      padding-bottom: 0.3rem;
      border-bottom: dotted 0.13rem darkslategrey;
      max-width: 49rem;
      margin-left: auto;
      margin-right: auto;
      display: flex;
      flex-direction: column;
      align-content: stretch;
      align-items: center;
  }

  Pages using this styling

  • fragment:scp-9191-2 [info]

  ¶ 1 occurrence
  

  .info-container{
  --barColour: #20B4E4;
  --linkColour: #6F8E9E;
  }

  Pages using this styling

  • fragment:scp-9191-1 [info]

  ¶ 1 occurrence
  

  
  .yui-nav li:first-child, .yui-nav li.selected {
      display: none;
      border: none;
  }
  
  .yui-navset.yui-navset-top {
      margin: 0;
      border: none;
      box-sizing: border-box;
  }
  
  .yui-navset.yui-navset-top div.yui-content {
      padding: 0px;
      border: none;
      box-sizing: border-box;
      overflow: auto;
  }
  
  .yui-nav li, .yui-nav li a, body .yui-navset.yui-navset-top > ul.yui-nav li a {
      border: none !important;
      border-top: none !important;
      gap: 0;
  }
  
  .yui-navset div.yui-content {
      background: transparent;
      border: none;
  }
  
  .yui-navset.yui-navset-top {
      display: grid;
      border: none;
  }
  
  .yui-navset .yui-nav {
      grid-row-start: 2;
      border: none;
  }
  
  #page-content {
      position: relative;
  }
  
  @keyframes fademodal {
    70% { visibility: hidden; }
    100% { visibility: visible; }
  }
  
  ul.modal-wrapper > li {
      list-style: none;
      position: absolute;
      top: -0.1rem;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 9;
      transition: opacity 0.3s ease-out;
      animation: 0.15s fademodal;
      animation-fill-mode: forwards;
  }
  
  ul.modal-wrapper > li.unfolded {
      visibility: visible;
      opacity: 1;
  }
  
  ul.modal-wrapper > li.folded {
      visibility: hidden;
      opacity: 0;
      pointer-events: none;
      user-select: none;
  }
  
  .unfolded-ec-warning {
      backdrop-filter: blur(4px);
      -webkit-backdrop-filter: blur(4px);
  }
  
  ul:has(.unfolded) ~ div.yui-navset {
      filter: blur(4px);
  }
  
  .ec, .ec-popup {
      width: 100%;
      box-sizing: border-box;
      background-color: rgb(var(--basalt-secondary-color));
      border: 5px solid rgb(var(--ec-popup-color));
  }
  
  .ec {
      font-family: 'Departure Mono';
      padding: 10px;
      background-image: url(https://scp-wiki.wikidot.com/local--files/theme:basalt/ETHICS_LIGHTLOGO.png);
      background-size: cover;
      background-position: center, center;
      background-blend-mode: darken;
      font-size: 90%;
  }
  
  .ec-popup {
      height: 55vh;
      overflow: auto;
      position: relative;
  }
  
  .ec-title {
      font-family: 'Departure Mono';
      font-size: 2rem;
      padding: 0;
      margin: auto;
  }
  
  .ec-grid {
      display: grid;
      width: 100%;
      height: 100%;
      grid-template-rows: min-content;
      grid-template-columns: repeat(3, minmax(0, 1fr))
  }
  
  .ec-popup-login, .ec-popup-date {
      font-family: 'Departure Mono';
      padding-left: 10px;
      font-size: 125%;
      opacity: 0.6;
      transition-duration: 0.3s;
  }
  
  :is(.ec-popup-login, .ec-popup-date):hover {
      opacity: 1;
      transition-duration: 0.3s;
  }
  
  .ec-popup-login {
      grid-column-start: 1;
      white-space: nowrap;
  }
  
  .ec-popup-login a {
      pointer-events: none;
  }
  
  .ec-popup-date {
      text-align: right;
      padding-right: 10px;
      grid-column-start: span 2;
  }
  
  .ec-popup-title {
      width: 100%;
      font-family: 'Departure Mono';
      font-size: 275%;
      text-align: center;
      box-sizing: border-box;
      margin: auto;
      margin-top: 0;
      padding: 20px;
      border-top: 8px double rgb(var(--ec-popup-color));
      border-bottom: 8px double rgb(var(--ec-popup-color));
      grid-column-start: span 3;
  }
  
  .ec-popup-desc {
      text-align: center;
      margin: auto;
      grid-column-start: span 3;
      font-family: 'Departure Mono';
      font-size: 1rem;
      width: 75%;
      box-sizing: border-box;
  }
  
  .ec-options {
      display: grid;
      width: 65%;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      background: rgb(var(--basalt-secondary-color));
      margin: auto;
      aspect-ratio: 12/1 auto;
  }
  
  :is(.ec-theme-button, .ec-colorblind-button, .ec-accessibility-button) {
      text-align: center;
      font-family: 'Departure Mono';
      border: 5px solid rgb(var(--ec-popup-color));
      border-top: 0px;
      box-sizing: border-box;
      position: relative;
      transition-duration: 0.5s;
      display: grid;
  }
  
  .ec-button-inner-wrapper {
      margin: auto;
  }
  
  :is(.ec-theme-button, .ec-colorblind-button, .ec-accessibility-button) a {
      text-decoration: none !important;
  }
  
  .ec-button-inner-wrapper a::before {
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0;
      content: "";
  }
  
  .ec-theme-button {
      border-right: 2.5px solid rgb(var(--ec-popup-color));
  }
  
  .ec-colorblind-button {
      border-left: 2.5px solid rgb(var(--ec-popup-color));
      border-right: 2.5px solid rgb(var(--ec-popup-color));
  }
  
  .ec-accessibility-button {
      border-left: 2.5px solid rgb(var(--ec-popup-color));
  }
  
  :is(.ec-theme-button , .ec-accessibility-button, .ec-colorblind-button):hover {
      background-color: rgba(0, 0, 0, 0.5);
      transition-duration: 0.5s;
  }
  
  .ecinside {
      font-family: var(--body-font);
      font-size: var(--page-content-font-size);
      color: rgb(195, 195, 200);
  }
  
  .colorblind-mode-on, .light-mode-on {
      display: none;
  }
  
  :is(.ec, .ec-popup-login, .ec-popup-date, .ec-popup-title, .ec-popup-button) > p,
  :is(.ec, .ec-popup-class, .ec-popup-status, .ec-popup-priority) div:not(.ecinside) > p {
      margin: auto;
  }
  
  :is(.ec-popup-title, .ec-popup-button) > p {
      line-height: 1.2;
  }
  
  .ec-popup-button {
      width: 40%;
      margin: auto;
      margin-bottom: 20px;
      padding: 10px;
      text-align: center;
      background-color: rgba(0, 0, 0, 0);
      transition-duration: 0.5s;
      grid-column-start: span 3;
      position: relative;
      border: 8px double rgb(var(--ec-popup-color));
      box-sizing: border-box;
      letter-spacing: 2px;
      cursor: pointer;
  }
  
  .ec-popup-button:hover {
      background-color: rgba(0, 0, 0, 0.5);
      transition-duration: 0.5s;
      letter-spacing: 10px;
  }
  
  .ec-popup-button :is(a, a:hover, a:active, a:focus) {
      text-decoration: none;
      pointer-events: none;
      font-family: 'Departure Mono';
      font-size: 370%;
  }
  
  .ec-popup-class, .ec-popup-status, .ec-popup-priority {
      display: flex;
      flex-direction: column;
      font-family: 'Departure Mono';
      text-align: center;
      border-bottom: 8px double rgb(var(--ec-popup-color));
  }
  
  :is(.ec-popup-class, .ec-popup-status, .ec-popup-priority) div:first-child {
      font-size: 120%;
      opacity: 0.7;
      margin-bottom: -10px;
  }
  
  :is(.ec-popup-class, .ec-popup-status, .ec-popup-priority) div:last-child {
      font-size: 175%;
  }
  
  .whitepop {
      color: rgb(195, 195, 200);
  }
  
  .ec-comments .blockquote {
      border: 3px double rgb(var(--ec-popup-color));
      background: rgba(var(--basalt-secondary-color), 0.7);
      width: 100%;
      margin: auto;
      margin-bottom: 20px;
  }
  
  .ec-comment {
      padding-left: 15px;
      margin-top: -7px;
  }
  
  @media (max-width: 733px) {
      .ec-popup {
          height: fit-content;
      }
  
      .ec-title {
          font-size: 7vw;
      }
  
      .ec-popup-title {
          font-size: 7vw;
      }
  
      .ec-popup-button:hover {
          letter-spacing: 5px;
      }
  
      .ec-popup-desc {
          font-family: 'Departure Mono';
          font-size: 3vw;
          width: 100%;
          padding: 5px;
      }
      
      .ec-popup-login, .ec-popup-date {
          opacity: 1;
          font-size: 3.7vw;
          grid-column-start: span 3;
          text-align: center;
          padding-right: 10px;
          margin: auto;
      }
  
      div.ec-popup-button :is(a, a:hover, a:active, a:focus) {
          font-size: 4.5vw;
      }
  
      :is(.ec-popup-class, .ec-popup-status, .ec-popup-priority) div:last-child {
          font-size: 4.3vw;
      }
  
      .ec-options {
          width: 100%;
          font-size: 90%;
      }
  }
  
  @media (max-width: 450px) {
      div.scientistimage {
          width: fit-content;
          margin: auto;
          float: unset;
      }
  
      .ec-popup-button {
          width: 50vw;
          font-size: 1.5vw;
      }
  }
  
  
  
  
  
  :is(.bi-r, .bi-y, .bi-g, .bi-b) {
      padding: 0px 2px 0px;
  }
  
  .bi-r {
      background-color: rgba(255, 0, 0, 0.25);
  }
  
  .bi-y {
      background-color: rgba(255, 255, 0, 0.25);
  }
  
  .bi-g {
      background-color: rgba(0, 255, 0, 0.25);
  }
  
  .bi-b {
      background-color: rgba(0, 150, 255, 0.25);
  }
  
  :is(.bi-r, .bi-y, .bi-g, .bi-b) :is(a, a:hover, a:active, a:focus) {
      text-decoration: none;
      color: inherit;
  }
  
  
  .bi-popup {
      background-color: rgb(var(--basalt-secondary-color));
      background-image: url(https://scp-wiki.wikidot.com/local--files/theme:basalt/ETHICS_LIGHTLOGO.png);
      background-size: cover;
      background-position: center, center;
      background-blend-mode: darken;
      border: 5px solid rgb(var(--ec-popup-color));
      font-family: 'Departure Mono';
      padding: 10px;
      font-size: 90%;
      transition-duration: 0.2s;
      z-index: 8;
      max-height: calc(100vh - 12rem);
      overflow: scroll;
      font-style: normal;
  }
  
  .annotitle {
      font-weight: bold;
      font-size: 135%;
      text-decoration: underline;
      display: block;
      text-align: center;
      color: #fff;
  }
  
  .bi-popup strong {
      font-size: 115%;
      color: #fff;
      text-decoration: underline;
  }
  
  .bi-popup a {
      pointer-events: auto;
  }
  
  :is(.bi-r, .bi-y, .bi-g, .bi-b) .scp-image-block {
      margin: .2rem .2rem .2rem .2rem;
      border-bottom: 0px;
  }
  
  
  
  
  .scientistimage {
      padding: 10px;
      float: right;
      position: relative;
      margin: 10px;
      width: min-content;
  }
  
  .rfr {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr)) 3px 1fr;
      grid-template-rows: min-content;
      font-family: 'Times New Roman'; background: whitesmoke;
      color: #202020;
      width: 90%;
      margin: auto;
      border: 3px solid var(--rfr-primary);
  }
  
  .rfr > div {
      position: relative;
  }
  
  .rfr-label {
      font-size: 80%;
      display: inline-block;
      width: 100%;
      background: var(--rfr-primary);
      padding-left: 1px;
  }
  
  .committee-reply {
      background-color: #b5906a;
      color: black;
      margin: auto;
      width: 81%;
      padding: 7px;
      border: 3px solid #523500;
  }
  
  .logtime {
      font-weight: 350;
      color: grey;
      font-size: 95%;
  }
  
  .email {
      background-color: rgba(var(--basalt-secondary-color), 0.9);
      border: 5px double rgb(var(--ec-popup-color));
      font-family: 'Departure Mono';
      padding: 10px;
      margin: auto;
      width: 95%;
      font-size: 95%;
      box-sizing: border-box;
  }
  
  @media (max-width: 700px) {
      .scientistimage + .bi-popup {
          grid-row: 2 !important;
          grid-column: 1 !important;
      }
  }
  

  Pages using this styling

  • fragment:scp-8980-2 [info]

  ¶ 1 occurrence
  

  
  .yui-nav li:first-child, .yui-nav li.selected {
      display: none;
      border: none;
  }
  
  .yui-navset.yui-navset-top {
      margin: 0;
      border: none;
      box-sizing: border-box;
  }
  
  .yui-navset.yui-navset-top div.yui-content {
      padding: 0px;
      border: none;
      box-sizing: border-box;
      overflow: auto;
  }
  
  .yui-nav li, .yui-nav li a, body .yui-navset.yui-navset-top > ul.yui-nav li a {
      border: none !important;
      border-top: none !important;
      gap: 0;
  }
  
  .yui-navset div.yui-content {
      background: transparent;
      border: none;
  }
  
  .yui-navset.yui-navset-top {
      display: grid;
      border: none;
  }
  
  .yui-navset .yui-nav {
      grid-row-start: 2;
      border: none;
  }
  
  #page-content {
      position: relative;
  }
  
  @keyframes fademodal {
    70% { visibility: hidden; }
    100% { visibility: visible; }
  }
  
  ul.modal-wrapper > li {
      list-style: none;
      position: absolute;
      top: -0.1rem;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 9;
      transition: opacity 0.3s ease-out;
      animation: 0.15s fademodal;
      animation-fill-mode: forwards;
  }
  
  ul.modal-wrapper > li.unfolded {
      visibility: visible;
      opacity: 1;
  }
  
  ul.modal-wrapper > li.folded {
      visibility: hidden;
      opacity: 0;
      pointer-events: none;
      user-select: none;
  }
  
  .unfolded-ec-warning {
      backdrop-filter: blur(4px);
      -webkit-backdrop-filter: blur(4px);
  }
  
  ul:has(.unfolded) ~ div.yui-navset {
      filter: blur(4px);
  }
  
  .ec, .ec-popup {
      width: 100%;
      box-sizing: border-box;
      background-color: rgb(var(--basalt-secondary-color));
      border: 5px solid rgb(var(--ec-popup-color));
  }
  
  .ec {
      font-family: 'Departure Mono';
      padding: 10px;
      background-image: url(https://scp-wiki.wikidot.com/local--files/theme:basalt/ETHICS_LIGHTLOGO.png);
      background-size: cover;
      background-position: center, center;
      background-blend-mode: darken;
      font-size: 90%;
  }
  
  .ec-popup {
      height: 70vh;
      overflow: auto;
      position: relative;
  }
  
  .ec-title {
      font-family: 'Departure Mono';
      font-size: 2rem;
      padding: 0;
      margin: auto;
  }
  
  .ec-grid {
      display: grid;
      width: 100%;
      height: 100%;
      grid-template-rows: min-content;
      grid-template-columns: repeat(3, minmax(0, 1fr))
  }
  
  .ec-popup-login, .ec-popup-date {
      font-family: 'Departure Mono';
      padding-left: 10px;
      font-size: 125%;
      opacity: 0.6;
      transition-duration: 0.3s;
  }
  
  :is(.ec-popup-login, .ec-popup-date):hover {
      opacity: 1;
      transition-duration: 0.3s;
  }
  
  .ec-popup-login {
      grid-column-start: 1;
      white-space: nowrap;
  }
  
  .ec-popup-login a {
      pointer-events: none;
  }
  
  .ec-popup-date {
      text-align: right;
      padding-right: 10px;
      grid-column-start: span 2;
  }
  
  .ec-popup-title {
      width: 100%;
      font-family: 'Departure Mono';
      font-size: 275%;
      text-align: center;
      box-sizing: border-box;
      margin: auto;
      margin-top: 0;
      padding: 20px;
      border-top: 8px double rgb(var(--ec-popup-color));
      border-bottom: 8px double rgb(var(--ec-popup-color));
      grid-column-start: span 3;
  }
  
  .ec-popup-desc {
      text-align: center;
      margin: auto;
      grid-column-start: span 3;
      font-family: 'Departure Mono';
      font-size: 1rem;
      width: 75%;
      box-sizing: border-box;
  }
  
  .ec-options {
      display: grid;
      width: 65%;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      background: rgb(var(--basalt-secondary-color));
      margin: auto;
      aspect-ratio: 12/1 auto;
  }
  
  :is(.ec-theme-button, .ec-colorblind-button, .ec-accessibility-button) {
      text-align: center;
      font-family: 'Departure Mono';
      border: 5px solid rgb(var(--ec-popup-color));
      border-top: 0px;
      box-sizing: border-box;
      position: relative;
      transition-duration: 0.5s;
      display: grid;
  }
  
  .ec-button-inner-wrapper {
      margin: auto;
  }
  
  :is(.ec-theme-button, .ec-colorblind-button, .ec-accessibility-button) a {
      text-decoration: none !important;
  }
  
  .ec-button-inner-wrapper a::before {
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0;
      content: "";
  }
  
  .ec-theme-button {
      border-right: 2.5px solid rgb(var(--ec-popup-color));
  }
  
  .ec-colorblind-button {
      border-left: 2.5px solid rgb(var(--ec-popup-color));
      border-right: 2.5px solid rgb(var(--ec-popup-color));
  }
  
  .ec-accessibility-button {
      border-left: 2.5px solid rgb(var(--ec-popup-color));
  }
  
  :is(.ec-theme-button , .ec-accessibility-button, .ec-colorblind-button):hover {
      background-color: rgba(0, 0, 0, 0.5);
      transition-duration: 0.5s;
  }
  
  .ecinside {
      font-family: var(--body-font);
      font-size: var(--page-content-font-size);
      color: rgb(195, 195, 200);
  }
  
  .colorblind-mode-on, .light-mode-on {
      display: none;
  }
  
  :is(.ec, .ec-popup-login, .ec-popup-date, .ec-popup-title, .ec-popup-button) > p,
  :is(.ec, .ec-popup-class, .ec-popup-status, .ec-popup-priority) div:not(.ecinside) > p {
      margin: auto;
  }
  
  :is(.ec-popup-title, .ec-popup-button) > p {
      line-height: 1.2;
  }
  
  .ec-popup-button {
      width: 40%;
      margin: auto;
      margin-bottom: 20px;
      padding: 10px;
      text-align: center;
      background-color: rgba(0, 0, 0, 0);
      transition-duration: 0.5s;
      grid-column-start: span 3;
      position: relative;
      border: 8px double rgb(var(--ec-popup-color));
      box-sizing: border-box;
      letter-spacing: 2px;
      cursor: pointer;
  }
  
  .ec-popup-button:hover {
      background-color: rgba(0, 0, 0, 0.5);
      transition-duration: 0.5s;
      letter-spacing: 10px;
  }
  
  .ec-popup-button :is(a, a:hover, a:active, a:focus) {
      text-decoration: none;
      pointer-events: none;
      font-family: 'Departure Mono';
      font-size: 370%;
  }
  
  .ec-popup-class, .ec-popup-status, .ec-popup-priority {
      display: flex;
      flex-direction: column;
      font-family: 'Departure Mono';
      text-align: center;
      border-bottom: 8px double rgb(var(--ec-popup-color));
  }
  
  :is(.ec-popup-class, .ec-popup-status, .ec-popup-priority) div:first-child {
      font-size: 120%;
      opacity: 0.7;
      margin-bottom: -10px;
  }
  
  :is(.ec-popup-class, .ec-popup-status, .ec-popup-priority) div:last-child {
      font-size: 175%;
  }
  
  .whitepop {
      color: rgb(195, 195, 200);
  }
  
  .ec-comments .blockquote {
      border: 3px double rgb(var(--ec-popup-color));
      background: rgba(var(--basalt-secondary-color), 0.7);
      width: 100%;
      margin: auto;
      margin-bottom: 20px;
  }
  
  .ec-comment {
      padding-left: 15px;
      margin-top: -7px;
  }
  
  @media (max-width: 733px) {
      .ec-popup {
          height: fit-content;
      }
  
      .ec-title {
          font-size: 7vw;
      }
  
      .ec-popup-title {
          font-size: 7vw;
      }
  
      .ec-popup-button:hover {
          letter-spacing: 5px;
      }
  
      .ec-popup-desc {
          font-family: 'Departure Mono';
          font-size: 3vw;
          width: 100%;
          padding: 5px;
      }
      
      .ec-popup-login, .ec-popup-date {
          opacity: 1;
          font-size: 3.7vw;
          grid-column-start: span 3;
          text-align: center;
          padding-right: 10px;
          margin: auto;
      }
  
      div.ec-popup-button :is(a, a:hover, a:active, a:focus) {
          font-size: 4.5vw;
      }
  
      :is(.ec-popup-class, .ec-popup-status, .ec-popup-priority) div:last-child {
          font-size: 4.3vw;
      }
  
      .ec-options {
          width: 100%;
          font-size: 90%;
      }
  }
  
  @media (max-width: 450px) {
      div.scientistimage {
          width: fit-content;
          margin: auto;
          float: unset;
      }
  
      .ec-popup-button {
          width: 50vw;
          font-size: 1.5vw;
      }
  }
  
  
  
  
  
  :is(.bi-r, .bi-y, .bi-g, .bi-b) {
      padding: 0px 2px 0px;
  }
  
  .bi-r {
      background-color: rgba(255, 0, 0, 0.25);
  }
  
  .bi-y {
      background-color: rgba(255, 255, 0, 0.25);
  }
  
  .bi-g {
      background-color: rgba(0, 255, 0, 0.25);
  }
  
  .bi-b {
      background-color: rgba(0, 150, 255, 0.25);
  }
  
  :is(.bi-r, .bi-y, .bi-g, .bi-b) :is(a, a:hover, a:active, a:focus) {
      text-decoration: none;
      color: inherit;
  }
  
  
  :is(.bi-r, .bi-y, .bi-g, .bi-b) + .bi-popup {
      background-color: rgb(var(--basalt-secondary-color));
      background-image: url(https://scp-wiki.wikidot.com/local--files/theme:basalt/ETHICS_LIGHTLOGO.png);
      background-size: cover;
      background-position: center, center;
      background-blend-mode: darken;
      border: 5px solid rgb(var(--ec-popup-color));
      font-family: 'Departure Mono';
      padding: 10px;
      font-size: 90%;
      opacity: 0;
      position: fixed;
      bottom: 4rem;
      left: 50%;
      translate: -50%;
      width: 65%;
      transition-duration: 0.2s;
      z-index: 8;
      visibility: hidden;
      max-height: calc(100vh - 12rem);
      overflow: scroll;
      font-style: normal;
  }
  
  :is(.bi-r, .bi-y, .bi-g, .bi-b) + .bi-popup::before {
      content: "REVIEWER ANNOTATION";
      font-weight: bold;
      font-size: 135%;
      text-decoration: underline;
      display: block;
      text-align: center;
      color: #fff;
      margin-bottom: 5px;
  }
  
  :is(.bi-r, .bi-y, .bi-g) + .bi-popup strong {
      font-size: 115%;
      color: #fff;
      text-decoration: underline;
  }
  
  :is(.bi-r, .bi-y, .bi-g, .bi-b) + .bi-popup a {
      pointer-events: auto;
  }
  
  :is(.bi-r, .bi-y, .bi-g, .bi-b):is(:hover, :focus, :focus-within) + .bi-popup, .bi-popup:is(:hover, :focus, :focus-within) {
      opacity: 1;
      transition-duration: 0.2s;
      bottom: 5rem;
      visibility: visible;
  }
  
  :is(.bi-r, .bi-y, .bi-g, .bi-b) .scp-image-block {
      margin: .2rem .2rem .2rem .2rem;
      border-bottom: 0px;
  }
  
  
  
  
  .scientistimage {
      padding: 10px;
      float: right;
      position: relative;
      margin: 10px;
  }
  
  .rfr {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr)) 3px 1fr;
  }
  
  .rfr-mobile {
      grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  
  .rfr, .rfr-mobile {
      grid-template-rows: min-content;
      font-family: 'Times New Roman'; background: whitesmoke;
      color: #202020;
      width: 90%;
      margin: auto;
      border: 3px solid var(--rfr-primary);
  }
  
  .rfr-mobile {
      display: none;
  }
  
  .rfr > div, .rfr-mobile > div {
      position: relative;
  }
  
  @media (max-width: 570px) {
      .rfr {
          display: none;
      }
      
      .rfr-mobile {
          display: grid;
      }
  }
  
  .rfr-label {
      font-size: 80%;
      display: inline-block;
      width: 100%;
      background: var(--rfr-primary);
      padding-left: 1px;
  }
  
  .committee-reply {
      background-color: #b5906a;
      color: black;
      margin: auto;
      width: 81%;
      padding: 7px;
      border: 3px solid #523500;
  }
  
  .logtime {
      font-weight: 350;
      color: grey;
      font-size: 95%;
  }
  
  .email {
      background-color: rgba(var(--basalt-secondary-color), 0.9);
      border: 5px double rgb(var(--ec-popup-color));
      font-family: 'Departure Mono';
      padding: 10px;
      margin: auto;
      width: 95%;
      font-size: 95%;
      box-sizing: border-box;
  }
  

  Pages using this styling

  • fragment:scp-8980-1 [info]

  ¶ 1 occurrence
  

  :root{
    --header-title: "RCT-Δt";
    --header-subtitle: "STOP CHANGING THE PAST";
  }
  
  div#extra-div-1 {
      background-image: url(http://scp-wiki.wdfiles.com/local--files/welcome-to-delta-t/Delta-t-transparent.png);
      filter: invert(1) opacity(0.2);
  }
  

  Pages using this styling

  • fragment:scp-8946-1 [info]

  ¶ 1 occurrence
  

  :root{
    --header-title: "RCT-Δt";
    --header-subtitle: "STOP CHANGING THE PAST";
  }
  
  div#extra-div-1 {
      background-image: url(http://scp-wiki.wdfiles.com/local--files/welcome-to-delta-t/Delta-t-transparent.png);
      filter: invert(1) opacity(0.2);
  }

  Pages using this styling

  • fragment:scp-8946-0 [info]

  ¶ 1 occurrence
  

  body {
      color: #FAF9F6;
  }

  Pages using this styling

  • fragment:scp-8929-1 [info]

  ¶ 1 occurrence
  

  body {
      color: #D3D3D3;
  }

  Pages using this styling

  • fragment:scp-8929-0 [info]

  ¶ 1 occurrence
  

  /*---- IMPORTS ----*/
  @import url('https://fonts.googleapis.com/css2?family=Vesper+Libre&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Spectral:wght@300&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Special+Elite&display=swap');
  
  /*---- THEME ----*/
  :root {
    --logo: url(https://scp-wiki.wdfiles.com/local--files/anomaly-243-the-neamh-mairbh/HMFSCP2.png);
    --title: "Her Majesty's Foundation";
    --subtitle: "Dieu Et Sa Loi";
    --title-size: 1.75rem;
    --subtitle-size: 1.25rem;
  }
  :root {
      --basalt-overtone: 23, 33, 20;
      --basalt-undertone: var(--basalt-bright-element-color);
      --basalt-UI-dark-palette: 23, 33, 20;
      --basalt-bright-element-color: 23, 33, 20;
      --basalt-dark-element-color: 23, 33, 20;
      --basalt-main-text-color: 255, 253, 208;
  
      --image-caption-background-color: 255, 253, 231;
  
      --header-background-color: 48,69,41;
      --header-title-color: 255, 253, 208;
      --header-subtitle-color: 255, 253, 208;
  
      --top-bar-link-color: 255, 253, 208;
      --search-icon-color: 255, 253, 208;
      --side-bar-background-color: 63,90,54;
      --side-bar-heading-text-color: 255, 253, 208;
      --side-bar-link-color: 255, 253, 208;
      --scrollbar-thumb-color: var(--basalt-dark-element-color);
  
      --link-color: 137, 81, 37 !important;
      --link-visited-color: 137, 81, 37 !important;
  
      --document-background-color: 243,223,193;
  }
  :root {
      --header-font-primary: 'Spectral';
      --UI-font-primary: 'Vesper Libre';
      --body-font-primary: 'Vesper Libre';
      --mono-font-primary: 'Spectral';
      font-size: 110%;
  }
  .page {
      display: block;
      overflow: hidden;
      font-family: "Monotype Corsiva", "Bradley Hand ITC", sans-serif;
      font-style: normal;
      background-attachment: scroll;
      background-clip: border-box;
      background-color: transparent;
      background-image: linear-gradient(to top ,rgb(202, 219, 228) 0%, rgb(231, 233, 220) 8%);
      background-origin: padding-box;
      background-position: 0px 8px;
      background-repeat: repeat;
      background-size: 100% 20px;
      border: 1px solid #CCC;
      border-radius: 10px;
      padding: 10px 10px;
      margin-bottom: 10px;
      box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2)
  }
  .page p,
  .page ul {
      line-height: 20px;
      margin: 0;
  }

  Pages using this styling

  • fragment:scp-8899-2 [info]

  ¶ 1 occurrence
  

  
  @import url('https://fonts.googleapis.com/css2?family=EB+Garamond:wght@500&family=Texturina:opsz,wght@12..72,300&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Texturina:opsz,wght@12..72,300&display=swap');
  
  :root {
     --logo: url(https://scp-sandbox-3.wdfiles.com/local--files/arthcymro/DoF3.png);
     --title: "Ab Immemorabili";
      --header-border-width: 0rem;
      --subtitle: "Et Ego In Hortis Vixi";
      --title-size: 1.75rem;
      --subtitle-size: 1.25rem;
  }
  :root {
      --basalt-overtone: 206, 0, 255;
      --basalt-undertone: 206, 0, 255;
      --basalt-bright-element-color: 206, 0, 255;
      --basalt-dark-element-color: 206, 0, 255;
  
      --link-color: 206, 0, 255 !important;
      --link-visited-color: 206, 0, 255 !important;
  
      --top-bar-link-color-hover: 255, 255, 255;
      --login-status-text-color-hover: 255, 255, 255;
      --side-bar-link-color-hover: 255, 255, 255;
      --side-bar-link-background-hover: 206, 0, 255;
  
      --basalt-UI-dark-palette: 0, 0, 0;
      --top-bar-link-background-hover: 206, 0, 255;
      --top-bar-link-color: 255, 255, 255;
      --search-icon-color: 255, 255, 255;
      --side-bar-background-color: 0, 0, 0;
      --side-bar-heading-text-color: 255, 255, 255;
      --side-bar-link-color: 255, 255, 255;
      --scrollbar-thumb-color: var(--basalt-dark-element-color);
  }
  :root {
      --header-font-primary: 'EB Garamond';
      --UI-font-primary: 'Texturina';
      --body-font-primary: 'Texturina';
      --mono-font-primary: 'EB Garamond';
      font-size: 110%;
  }
  .fancyborder {
      box-sizing: border-box;
      padding: 2vw;
      border: 2vw solid rgba(0, 0, 0, 0.5);
      border-image: url("https://wanderers-library.wikidot.com/local--files/component:dustjacket-theme/wl_border.png")
       600 round;
      border-image-width: 6;
  }

  Pages using this styling

  • fragment:scp-8899-1 [info]

  ¶ 1 occurrence
  

  /*---- IMPORTS ----*/
  @import url('https://fonts.googleapis.com/css2?family=Saira:wght@400;700&display=swap');
  
  /*---- THEME ----*/
  :root {
    --logo: url(https://scp-wiki.wdfiles.com/local--files/secure-facilities-locations/Site-01.svg);
    --header-title:  "SITE-01";
    --subtitle: "Does the Black Moon howl?";
    --title-size: 1.75rem;
    --subtitle-size: 1.25rem;
    --basalt-bright-element-color: 129, 133, 137;
    --basalt-dark-element-color: 137, 148, 153;
  }
  :root {
      --UI-font-primary: 'Saira';
      font-size: 110%;
  }

  Pages using this styling

  • fragment:scp-8899-0 [info]

  ¶ 1 occurrence
  

  .notice {
      border: solid 1px #999;
      background: #f2f2c2;
      padding: 1em;
      margin-bottom: 0.5em;
  }
  
  /* Hide the original page title */
  #page-title {
    display: none;
  }
  
  /* Make my fake page title look like the original (thanks SCP-2998) */
  .page-title {
    border-bottom: solid 1px #bbbbbb;
    color: #990011;
    font-weight: normal;
    margin: 0 0 0.6em;
    padding: 0 0 0.25em;
    font-size: 200%;
  }
  .page-title p {
    margin: 0;
  }

  Pages using this styling

  • fragment:scp-8727-2 [info]

  ¶ 1 occurrence
  

  /* Hide the collapsible link once it's been expanded */
  .collapsible-block-unfolded-link .collapsible-block-link, #breadcrumbs {
    display: none;
  }
  
  /* Make superscripts not fuck with the line spacing */
  sup {
    vertical-align: top;
    position: relative;
    top: -0.5em;
  }
  
  /* Haha blue boi */
  .outside {
    margin: 2em -6em;
    padding: 1em 10em;
    --narration-color: rgba(214, 234, 248,1);
    background: var(--narration-color);
    background: linear-gradient(90deg, rgba(255,255,255,0) 0%, var(--narration-color) 20%, var(--narration-color) 80%, rgba(255,255,255,0) 100%);
    z-index: -2;
  }
  
  /* Make the blue bois that are within the document have smaller margins so they break flow less*/
  .outside.inline {
    margin: 1em -6em;
    padding: 1px 10em;
  }
  
  /* Force the side bar to render on top of the blue bois */
  #side-bar {
    z-index: 2;
  }
  
  /* Hide the original page title */
  #page-title {
    display: none;
  }
  
  /* Make my fake page title look like the original (thanks SCP-2998) */
  .page-title {
    border-bottom: solid 1px #bbbbbb;
    color: #990011;
    font-weight: normal;
    margin: 0 0 0.6em;
    padding: 0 0 0.25em;
    font-size: 200%;
  }
  .page-title p {
    margin: 0;
  }
  
  @media only screen and (max-width: 1040px) {
    .outside {
      margin-right: 0 !important;
      margin-left: 0 !important;
      padding-left: 3em !important;
      padding-right: 3em !important;
    }
  }
  
  body {
    overflow-x: hidden;
  }

  Pages using this styling

  • fragment:scp-8727-1 [info]

  ¶ 1 occurrence
  

  /* Haha blue boi */
  .outside {
    margin: 2em -6em;
    padding: 1em 10em;
    --narration-color: rgba(255, 200, 200,1);
    background: var(--narration-color);
    background: linear-gradient(90deg, rgba(255,255,255,0) 0%, var(--narration-color) 20%, var(--narration-color) 80%, rgba(255,255,255,0) 100%);
    z-index: -2;
  }
  
  /* Make the blue bois that are within the document have smaller margins so they break flow less*/
  .outside.inline {
    margin: 1em -6em;
    padding: 1px 10em;
  }

  Pages using this styling

  • fragment:scp-8559-1 [info]

  ¶ 1 occurrence
  

  .danke {
      padding: 5px;
      margin-bottom:10px;
      font-family: monospace;
      font-size: 1.1em; 
  }
  .agent {
      background-color:#171717;
      border: 3px solid #a3a3a3;
      color: #c9c9c9;
  }
  .operation {
      background-color:#240000;
      border: 3px solid #c40000;
      color: #e30000;
  }
  
  .indent { 
  margin-left:30%; 
  } 
  
  .email {
  border: solid 2px #ffffff;
  padding: 1px 15px; 
  margin: 10px; 
  box-shadow: 0 1px 3px rgba(0,0,0,.5)
  }
  
  .tofrom {
  margin-left: 10px; 
  margin-top: 5px; 
  padding: 1px 15px; 
  border-left: solid 3px #0b729e}
  

  Pages using this styling

  • fragment:scp-8484-3 [info]

  ¶ 1 occurrence
  

  .danke {
      padding: 5px;
      margin-bottom:10px;
      font-family: monospace;
      font-size: 1.1em; 
  }
  .agent {
      background-color:#171717;
      border: 3px solid #a3a3a3;
      color: #c9c9c9;
  }

  Pages using this styling

  • fragment:scp-8484-1 [info]

  ¶ 1 occurrence
  

  .contain-class .class-text::before {
    color: #cccccc;
  }
  div.image-bg {
    filter: invert(1);
  }
  .warning-box {
    margin-top: 3em;
    margin-bottom: 2em;
  }
  @media only screen and (max-width: 56.25rem) {
    :is(div.image-block, div.scp-image-block).block-right {
      max-width: 100% !important;
    }
  }
  @media only screen and (max-width: 600px) {
      .scp-image-block.block-right{
          float: none !important;
          margin: 10px auto !important;
      }
  }

  Pages using this styling

  • fragment:scp-8403-1 [info]

  ¶ 1 occurrence
  

  .silh-image {
      position: absolute;
      bottom: -15vh;
      left: 75%;
      width: 50%;
      height: auto;
      min-width: 5vh;
      max-width: 10vh;
      transform: translateX(-50%);
      z-index: 0;
      pointer-events: none;
      filter: opacity(8%);
      animation: flicker 10s ease-in-out 0s infinite;
  }
  
  @keyframes flicker {
      0% {
          transform: translate(-50%, 5%);
      }
      50%  {
          transform: translate(-50%, 0%);
      }
      100%  {
          transform: translate(-50%, 5%);
      }
  }

  Pages using this styling

  • fragment:scp-8403-0 [info]

  ¶ 1 occurrence
  

  :root {
    --header-title: "SCP Foundation";
    --header-subtitle: "Secure, Contain, Protect";
  }
  
  .email {float: center; border: solid 2px #000000; width: 88%; padding: 1px 15px; margin: 10px auto; box-shadow: 0 1px 3px rgba(0,0,0,.5)}
  
  .tofrom {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px maroon}
  a.collapsible-block-link { font-weight: bold; }

  Pages using this styling

  • fragment:scp-8288-1 [info]

  ¶ 1 occurrence
  

  :root{
  --header-logo: url(https://scpdsandbox.wdfiles.com/local--files/thelemonhelldimension/Prideguard.png);
  --header-title: "VANGUARD";
  --header-subtitle: "COSAIN, NORMALAIGH, TEASGASC";
  
  --basalt-background-color: 37, 51, 70;
  --basalt-secondary-color: 23, 36, 54;
  --basalt-tertiary-color: 37, 51, 70;
  --basalt-bright-element-color: 84, 204, 51;
  --basalt-dark-element-color: 23, 36, 54;
  --basalt-alternate-color: 84, 204, 51;
  --basalt-overtone: 23, 36, 54;
  --search-icon-color: 84, 204, 51;
  --top-bar-link-color: 255, 255, 255;
  --top-bar-link-background-hover-alt: 23, 36, 54;
  --top-bar-dropdown-background: 37, 51, 70;
  --top-bar-dropdown-background-hover: 84, 204, 51;
  --basalt-main-text-color: 255, 255, 255;
  --selection-background-color: 84, 204, 51;
  --tab-focus-text-color: 255, 255, 255;
  --tab-hover-background-color: 23, 36, 54;
  --tab-selected-background-color: 84, 204, 51;
  --basalt-bright-element-color: 255, 255, 255;
  --vector-midtone: 23, 36, 54;
  --link-newpage-color: 84, 204, 51;
  --link-color: 84, 204, 51;
  --login-status-text-color: 255, 255, 255;
  --login-status-link-background-hover: 84, 204, 51;
  --link-visited-color: 84, 204, 51;
  --basalt-focus-color: 23, 36, 54;
  --side-bar-link-background-hover: 84, 204, 51;
  --side-bar-heading-background-color: 84, 204, 51;
  --side-bar-button-background-hover: 23, 36, 54;
  --hr-color: 84, 204, 51;
  --h-border-color: 84, 204, 51;
  --basalt-sub-text-color: 255, 255, 255;
  --scrollbar-track-color: 23, 36, 54;
  --scrollbar-thumb-color: 84, 204, 51;
  
  --vector-green: 84, 204, 51;
  }
  
  #header, #side-bar {
      border-style: solid;
      border-width: 0.1rem 0 0.1rem 0.75rem;
      border-color: #172436;
  }
  
  #main-content, body.print-body #main-content {
      max-width: calc(100% - var(--main-content-side-margin) * 2);
  }
  
  .razer {
      margin: 1em 0;
      box-shadow: 0px 0px 9px rgb(23, 36, 54)
  }

  Pages using this styling

  • fragment:scp-8276-2 [info]

  ¶ 1 occurrence
  

  :root{
  --header-logo: url(https://upload.wikimedia.org/wikipedia/commons/c/c2/Triple-Spiral-Symbol-filled.svg);
  --header-title: "SUÍOMH-32";
  --header-subtitle: "SCÉAL D'INIS MÉ AN CINEÁL AR FAD";
  }
  
  #main-content, body.print-body #main-content {
      max-width: calc(100% - var(--main-content-side-margin) * 2);
  }
  
  .razer {
      margin: 1em 0;
  }
  
  .bibitems .title, .footnotes-footer .title {
      color: rgb(var(--basalt-main-text-color));
  }
  
  .vanguard {
      background: rgb(37, 51, 70);
      color: rgb(255, 255, 255);
      border-left: 0.5rem solid rgb(84, 204, 51);
      border-right: 0.5rem solid rgb(84, 204, 51);
      box-shadow: 0 0 10px rgba(23, 36, 54, 0.3);
      padding-block: 1rem;
      margin-inline: auto;
      margin-block: 1rem;
      box-sizing: border-box;
      padding-inline: 1rem;
      position: relative;
      width: 90%;
      border-radius: 4px;
      text-align: center;
      --link-newpage-color: 84, 204, 51;
      --link-color: 84, 204, 51;
      --link-visited-color: 84, 204, 51;
  }

  Pages using this styling

  • fragment:scp-8276-1 [info]

  ¶ 1 occurrence
  

  :root{
  --header-logo: url(https://upload.wikimedia.org/wikipedia/commons/c/c2/Triple-Spiral-Symbol-filled.svg);
  --header-title: "SUÍOMH-32";
  --header-subtitle: "SCÉAL D'INIS MÉ MÉ FÉIN";
  }
  
  #main-content, body.print-body #main-content {
      max-width: calc(100% - var(--main-content-side-margin) * 2);
  }
  
  .razer {
      margin: 1em 0;
  }
  
  .bibitems .title, .footnotes-footer .title {
      color: rgb(var(--basalt-main-text-color));
  }

  Pages using this styling

  • fragment:scp-8276-0 [info]

  ¶ 1 occurrence
  

  #page-title {
      display: none;
  }
  .studiestable {
    border-collapse:collapse; 
    max-width: 100%; 
    border: 0px;
  }
  .studiestable td {
    padding: .5em .7em;
  }
  .studiestable tr:nth-child(even) {
      background-color: gainsboro;
  }

  Pages using this styling

  • fragment:scp-8173-3 [info]

  ¶ 1 occurrence
  

  #page-title {
      display: none;
  }
  .fakeprot .mailform-box .buttons{
    display:none;
  }
  .fakeprot + .collapsible-block .collapsible-block-link {
    padding: 0.1em 0.5em;
    text-decoration: none;
    background-color: #F4F4F4;
    border: 1px solid #AAA;color: #000;
  }
  .fakeprot + .collapsible-block .collapsible-block-link:hover {
    background-color: #DDD;
    color: #000;
  }
  .fakeprot + .collapsible-block .collapsible-block-link:active {
    background-color: #DDD;
    color: #000;
  }
  .fakeprot + .collapsible-block .collapsible-block-unfolded-link{
    margin:0.5em 0;
    text-align: center;
  }
  .fakeprot + .collapsible-block .collapsible-block-folded{
    margin:0.5em 0;
    text-align: center;
  }
  .fakeprot .passw input[type=text] {
    text-security:disc;
    -webkit-text-security:disc;
    -mox-text-security:disc;
  }
  .mailform-box td:first-child {
    width: 80px;
  }
  .buttonwrapper {
    text-align: center;
  }
  .loginbtn {
    background-color: Maroon;
    text-decoration: none; 
    color: #FFF;
    padding: 10px 100px;
    border: none;
    cursor: pointer;
    opacity: 0.9;
    transition: 0.09s;
    border-radius: 3px;
    transition 0.8s;
  }
  .loginbtn:visited {
    background-color: Maroon;
    text-decoration: none; 
    color: #FFF;
  }
  .loginbtn:focus {
    background-color: Maroon;
    text-decoration: none; 
    color: #FFF;
    outline: 0;
  }
  .loginbtn:hover {
    background-color: Maroon;
    text-decoration: none; 
    color: #FFF;
    transition: 0.8s;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.7);
  }
  .loginbtn:active {
    background-color: Maroon;
    text-decoration: none; 
    color: #FFF;
    transition: 0.09s;
    transform: translateY(1px);
    box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0);
  }
  .forgotbtn:visited,
  .forgotbtn:link, 
  .forgotbtn:hover,
  .forgotbtn:active {
    background-color: white;
    text-decoration: none; 
    color: #000;
    border: none;
    cursor: pointer;
    font-weight: bold;
  }
  .scipnet {
    font-size:55px; 
    font-weight: bold;
    text-align: center;
    margin-bottom: -1em;
    margin-top: 0em;
  }

  Pages using this styling

  • fragment:scp-8173-1 [info]

  ¶ 1 occurrence
  

   :root {
     /* -- COLORS -- */
      --accentColor: hsl(17, 100%, 57%, 1);
      --accentColorLite: hsla(17, 100%, 65%, 1);
      --hue: 325deg;
  
     /* -- LOGO -- */
       --lgurl: url(https://scp-wiki.wdfiles.com/local--files/scp-8007/PYROCLASMPROTOCOL.png);
  
  
    /* -- TITLES -- */
       --header-title: "SCP FOUNDATION";
       --header-subtitle: "THE PYROCLASM PROTOCOL";
       --subtitleColor: hsl(17, 100%, 65%, 1)
  }
  

  Pages using this styling

  • fragment:scp-8007-2 [info]

  ¶ 1 occurrence
  

  .email-example .collapsible-block-folded a.collapsible-block-link {
      animation: blink 0.8s ease-in-out infinite alternate;
  }
  @keyframes blink {
      0% { color: transparent; }
      50%, 100% { color: #b01; }
  }
  .email {
      background: url(http://scp-wiki.wdfiles.com/local--files/the-great-hippo/SCP_icon%281%29.png) top right no-repeat; 
      float: center;
      border: solid 3px #444444;
      width: 85%; padding: 1px 15px;
      margin: auto;
      margin-top: 10px;
      margin-bottom: 10px;
      box-shadow: 0 1px 3px rgba(0,0,0,.2);
  }

  Pages using this styling

  • fragment:scp-8007-1 [info]

  ¶ 1 occurrence
  

  .email-example .collapsible-block-folded a.collapsible-block-link {
      animation: blink 0.8s ease-in-out infinite alternate;
  }
  @keyframes blink {
      0% { color: transparent; }
      50%, 100% { color: #b01; }
  }
  .email {border: solid 2px #808080; width: 85%; padding: 1px 10px; margin: 10px; box-shadow: 0 1px 5px rgba(0,0,0,.5)}
  .email-example a.collapsible-block-link {font-weight: bold;}
  .tofrom {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px maroon}

  Pages using this styling

  • fragment:scp-7996-1 [info]

  ¶ 1 occurrence
  

  :root {
  --header-title: "SITE-00";
  --header-subtitle: "Shutting down reality for Containment Procedures";
  --logo-img:url(http://scp-wiki.wikidot.com/local--files/unreality-hub/Unreality%20Header%20Logo.svg);
  }
  .dblock:hover {background: #f4f4f4}
  

  Pages using this styling

  • fragment:scp-7909-1 [info]

  ¶ 1 occurrence
  

  :root{
       --accentColor: hsla(231, 100%, 77%, 1);
       --accentColorLite: hsla(231, 100%, 88%, 0.7);
       --hue: rgb(138, 155, 255);
  }

  Pages using this styling

  • fragment:scp-7909-0 [info]

  ¶ 1 occurrence
  

  :root{
    --header-title: "Dept. of Ontokinetics";
    --header-subtitle: "Searching for Continuous reality Permanence";
    --lgurl: url("https://scp-wiki.wikidot.com/local--files/scp-7909/eRe9yNO.webp");
       --titleColor: hsla(360, 100%, 100%, 1);
       --subtitleColor: hsla(360, 100%, 100%, 1);
  }
  .bblock:hover {color: white}

  Pages using this styling

  • fragment:scp-7909-0 [info]

  ¶ 1 occurrence
  

  :root{
      --basalt-overtone: 41, 41, 41;
      --basalt-bright-element-color: 6, 69, 173;
      --basalt-dark-element-color: 11, 0, 128;
  }
  .collapsible-block {
      margin: 1em 0;
  }
  div[class$="_memo"] {
      margin-block: 1em;
  }
  div.ethics_memo {
      --memo-heading: "THE MANDATE OF THE ETHICS COMMITTEE IS IN EFFECT";
  }
  div.classification_memo {
      --memo-heading: "Provisional Document: Pending Revision";
      text-align: left;
  }
  #page-content div:is(.jotting, .transcript) {
      max-width: 150rem;
      margin: 1em;
      background-color: transparent;
  }
  #page-content div:is(.blockquote, .transcript) {
      max-width: 150rem;
      margin: 1em;
      text-indent:0px;
  }
  #page-content div:is(.notation, .transcript) {
      max-width: 150rem;
      margin: 0.4em;
      text-indent:0px;
      background-color: transparent;
      border-right: none;
      padding-block: 0em;
  }
  /* Inline Collapsible Module
   * by Tachiabana Yuuki
   * CC BY-SA 3.0 */
  .inline-colmod,
  .inline-colmod > p,
  .inline-colmod > .colmod-block,
  .inline-colmod .colmod-block > ul,
  .inline-colmod ul > .folded,
  .inline-colmod .folded > .colmod-link-top,
  .inline-colmod .folded > .colmod-link-top > .foldable-list-container,
  .inline-colmod .folded .foldable-list-container > a {
      display: inline;
  }
  .inline-colmod .unfolded,
  .inline-colmod .unfolded > .colmod-content,
  .inline-colmod .unfolded > .colmod-content > p,
  .inline-colmod .unfolded > .colmod-content > .foldable-list-container,
  .inline-colmod .unfolded .foldable-list-container > a {
      display: inline;
  }
  .inline-colmod .unfolded > .colmod-link-top,
  .inline-colmod .colmod-block li > div:last-of-type{
      display: none;
  }

  Pages using this styling

  • fragment:scp-7865-1 [info]

  ¶ 1 occurrence
  

  :root{
      --basalt-overtone: 41, 41, 41;
      --basalt-bright-element-color: 6, 69, 173;
      --basalt-dark-element-color: 11, 0, 128;
  }
  .collapsible-block {
      margin: 1em 0;
  }
  div[class$="_memo"] {
      margin-block: 1em;
  }
  div.ethics_memo {
      --memo-heading: "THE MANDATE OF THE ETHICS COMMITTEE IS IN EFFECT";
  }
  div.classification_memo {
      --memo-heading: "Provisional Document: Pending Revision";
      text-align: left;
  }
  #page-content div:is(.jotting, .transcript) {
      max-width: 150rem;
      margin: 1em;
      background-color: transparent;
  }
  #page-content div:is(.blockquote, .transcript) {
      max-width: 150rem;
      margin: 1em;
      text-indent:0px;
  }
  #page-content div:is(.notation, .transcript) {
      max-width: 150rem;
      margin: 0.4em;
      text-indent:0px;
      background-color: transparent;
      border-right: none;
      padding-block: 0em;
  }
  #u-hiddenLink a{color: rgb(35, 35, 38);}
  /* Inline Collapsible Module
   * by Tachiabana Yuuki
   * CC BY-SA 3.0 */
  .inline-colmod,
  .inline-colmod > p,
  .inline-colmod > .colmod-block,
  .inline-colmod .colmod-block > ul,
  .inline-colmod ul > .folded,
  .inline-colmod .folded > .colmod-link-top,
  .inline-colmod .folded > .colmod-link-top > .foldable-list-container,
  .inline-colmod .folded .foldable-list-container > a {
      display: inline;
  }
  .inline-colmod .unfolded,
  .inline-colmod .unfolded > .colmod-content,
  .inline-colmod .unfolded > .colmod-content > p,
  .inline-colmod .unfolded > .colmod-content > .foldable-list-container,
  .inline-colmod .unfolded .foldable-list-container > a {
      display: inline;
  }
  .inline-colmod .unfolded > .colmod-link-top,
  .inline-colmod .colmod-block li > div:last-of-type{
      display: none;
  }

  Pages using this styling

  • fragment:scp-7865-0 [info]

  ¶ 1 occurrence
  

  :root {
      --logo: url(http://scp-wiki.wikidot.com/local--files/fragment:scp-7805-3/SDT.PNG);
      --title: " SDT CORPORATION";
      --subtitle: " SECURE • DETAIN • TREAT";
  }
  
  :root {
      /* REDMODE */
      --basalt-UI-dark-palette: 50, 45, 45;
      --basalt-bright-element-color: 215, 40, 40;
      --basalt-primary-color: 15, 10, 12;
      --basalt-secondary-color: 40, 20, 23;
      --basalt-tertiary-color: 50, 40, 40;
      --general-border-color: 80, 70, 70;
  }

  Pages using this styling

  • fragment:scp-7805-3 [info]

  ¶ 1 occurrence
  

  .email-example .collapsible-block-folded a.collapsible-block-link {
      animation: blink 0.8s ease-in-out infinite alternate;
  }
  @keyframes blink {
      0% { color: transparent; }
      50%, 100% { color: #b01; }
  }
  .email {border: solid 2px #000000; width: 88%; padding: 1px 15px; margin: 10px; box-shadow: 0 1px 3px rgba(0,0,0,.5)}
  .tofrom {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px maroon}

  Pages using this styling

  • fragment:scp-7805-0 [info]

  ¶ 1 occurrence
  

  .danger-diamond a {
     display: none;
  }
  
  :root {
      --five-color: 54, 59, 107;
      --one-color: 54, 59, 107;
  }

  Pages using this styling

  • fragment:scp-7799-2 [info]

  ¶ 1 occurrence
  

  :root{
      --fnColor: #27203C;
      --accentColor: rgb(39, 32, 60);
      --logo: url("https://scp-wiki.wdfiles.com/local--files/theme%3Athe-way-out/wtf.svg");
      --title: "OVERWATCH COMMAND";
      --subtitle: "SITE-01 INTERNAL DATABASE";
  }
  #extra-div-1 {
      background: linear-gradient( 180deg, rgb(10, 10, 10) 0%, rgb(39, 32, 60)100%);
  box-shadow: 0px 0px 8px 4px rgb(0 0 0);
  }
  #top-bar {
      left: 30.4rem;
  }
  #top-bar ul li:hover ul li a {
      background-color: #27203C;
  }
  #top-bar a {
      filter: grayscale(0%) saturate(100%);
      -webkit-filter: grayscale(0%) saturate(100%);
  }
  #top-bar ul li:hover a:hover {
      background: #27203C;
  }
  #side-bar {
      background: linear-gradient(
  0deg
   , rgba(10, 10, 10, 1) 87%, var(--accentColor) 100%);
  }
  #side-bar img,
  iframe.scpnet-interwiki-frame {
      background: rgb(39, 32, 60);
      filter: grayscale(0%) saturate(100%);
      -webkit-filter: grayscale(00%) saturate(100%);
  }
  #side-bar .side-block {
      background: rgb(39, 32, 60);
  }
  #side-bar .side-block.media {
       background-color: var(--accentColor) !important;;
  }
  #side-bar .side-block.resources {
      background: rgb(39, 32, 60);
  }
  #side-bar > div.side-block.media img {
      filter: none !important;
      -webkit-filter: none !important;
  }
  ::-webkit-scrollbar-thumb {
      background: var(--accentColor)
  }
  body {
      background: rgb(47,51,60);
  }
  .modal {
      background: rgb(26, 26, 26);
  }
  #u-blink-bar p:last-child::after {
      content: "";
      border-right: 1px solid #e4e4e4;
      animation: blink 1.0s infinite;
      position: relative;
      left: 1px;
  }
   
  @keyframes blink{
      to {
          opacity: .0;
      }
  }
  .fncon {
  background: #27203C;
  }
  .fncon::before {
      background-color: var(--fnColor);
  }

  Pages using this styling

  • fragment:scp-7771-2 [info]

  ¶ 1 occurrence
  

  :root{
      --fnColor: #8470e9;
      --accentColor: rgb(39, 32, 60);
      --logo: url("https://scp-wiki.wdfiles.com/local--files/theme%3Athe-way-out/wtf.svg");
      --title: "OVERWATCH COMMAND";
      --subtitle: "SITE-01 INTERNAL DATABASE";
  }
  #extra-div-1 {
      background: linear-gradient( 180deg, rgb(10, 10, 10) 0%, rgb(39, 32, 60)100%);
  box-shadow: 0px 0px 8px 4px rgb(0 0 0);
  }
  #top-bar {
      left: 30.4rem;
  }
  #top-bar ul li:hover ul li a {
      background-color: #27203C;
  }
  #top-bar a {
      filter: grayscale(0%) saturate(100%);
      -webkit-filter: grayscale(0%) saturate(100%);
  }
  #top-bar ul li:hover a:hover {
      background: #27203C;
  }
  #side-bar {
      background: linear-gradient(
  0deg
   , rgba(10, 10, 10, 1) 87%, var(--accentColor) 100%);
  }
  #side-bar img,
  iframe.scpnet-interwiki-frame {
      background: rgb(39, 32, 60);
      filter: grayscale(0%) saturate(100%);
      -webkit-filter: grayscale(00%) saturate(100%);
  }
  #side-bar .side-block {
      background: rgb(39, 32, 60);
  }
  #side-bar .side-block.media {
       background-color: var(--accentColor) !important;;
  }
  #side-bar .side-block.resources {
      background: rgb(39, 32, 60);
  }
  #side-bar > div.side-block.media img {
      filter: none !important;
      -webkit-filter: none !important;
  }
  ::-webkit-scrollbar-thumb {
      background: var(--accentColor)
  }
  body {
      background: rgb(47,51,60);
  }
  .modal {
      background: rgb(26, 26, 26);
  }
  #u-blink-bar p:last-child::after {
      content: "";
      border-right: 1px solid #e4e4e4;
      animation: blink 1.0s infinite;
      position: relative;
      left: 1px;
  }
   
  @keyframes blink{
      to {
          opacity: .0;
      }
  }
  .fncon {
  background: #27203C;
  }
  .fncon::before {
      background-color: var(--fnColor);
      width:7px;
  }

  Pages using this styling

  • fragment:scp-7771-1 [info]

  ¶ 1 occurrence
  

  :root{
    --five-color: 105, 133, 111;
    --two-color: 145, 179, 153;
  }

  Pages using this styling

  • fragment:scp-7764-1 [info]

  ¶ 1 occurrence
  

  :root{
    --header-title: "HAUNTOLOGY GROUP";
    --header-subtitle: "Exhuming our Pasts";
    --accent: 105, 133, 111;
    --link-txt-color: rgb(104, 133, 111);
    --logo-img: url("https://scp-wiki.wikidot.com/local--files/scp-7764/pataphysics_logo.svg");
    --logo-opacity: 30%;
  }
  @media (max-width: 768px){
    :root{
      --header-title: "HAUNTOLOGY";
    }
  }
  @media(prefers-reduced-motion: no-preference){
    :root{
      --logo-img: url("https://scp-wiki.wikidot.com/local--files/scp-7764/pataphysics_logo_ani.svg");
    }
  }
  body{
    background-image: linear-gradient(transparent, transparent 182px, #DEDED7 182px, rgb(238, 238, 216) 40rem),
                      repeating-linear-gradient(45deg, hsla(0, 0%, 100%, 0),
                                                       hsla(0, 0%, 100%, 0) 0.25vh,
                                                       rgba(88, 88, 88, 0.1) 0.35vh,
                                                       rgba(88, 88, 88, 0.2) 0.5vh),
                      repeating-linear-gradient(180deg, hsla(0, 0%, 100%, 0),
                                                        hsla(0, 0%, 100%, 0) 0.25vh,
                                                        rgba(88, 88, 88, 0.1) 0.35vh,
                                                        rgba(88, 88, 88, 0.2) 0.5vh),
                      linear-gradient(rgb(25, 20, 16), rgb(25 20 16) 160px, #000000 182px, #000000 100%);
    background-repeat: no-repeat;
    background-color: rgb(238, 238, 216);
  }
  
  /* I have done unethical things to this theme. */
  
  #login-status, #login-status a, #header h1 a::before, #header h2::before{
    color: rgb(238, 238, 216);
  }
  #header h1 a::before, #header h2::before{
    text-shadow: rgb(25, 20, 16) 3px 3px 5px;
  }
  
  table.wiki-content-table th{
    background-color: rgb(105, 133, 111);
    color: rgb(238, 238, 216);
  }
  .blockquote, div.blockquote, blockquote, .jotting, .notation, .modal, .quote, .box, .paper, div.note, .page-rate-widget-box, .page-rate-widget-box .rateup, .page-rate-widget-box .ratedown, .page-rate-widget-box .cancel{
    background: rgb(233, 231, 204);
  }
  .page-rate-widget-box .rate-points, .hovertip {
    background-color: rgb(233, 231, 204) !important;
  }
  .ethics{
    background-image: linear-gradient(rgba(233, 231, 204, 0.95), rgba(233, 231, 204, 0.95)),
                      url("https://scp-wiki.wikidot.com/local--files/scp-7764/ethics-committee.png");
  }
  .raisa{
    background-image: linear-gradient(rgba(233, 231, 204, 0.95), rgba(233, 231, 204, 0.95)),
                      url("https://scp-wiki.wikidot.com/local--files/scp-7764/raisa.png");
  }
  .ethics, .raisa{
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
  }

  Pages using this styling

  • fragment:scp-7764-1 [info]

  ¶ 1 occurrence
  

  :root{
    --accent: 153, 119, 238;
    --darkmode-gradient-top: #000000;
    --dark-bg-1: #202020;
    --dark-bg-2: #080016;
  }

  Pages using this styling

  • fragment:scp-7764-0 [info]

  ¶ 1 occurrence
  

  :root {
       --accentColor: hsl(173, 22%, 92%);
       --accentColorLite: hsla(173, 22%, 100%, .5);
       --hue: 173deg;
       --bgColor: hsl(0, 0%, 18%);
  }
  .foldable-list-container a {
      border-bottom: none;
  }
  #page-content a {
      border-bottom: none;
  }

  Pages using this styling

  • fragment:scp-7676-1 [info]

  ¶ 1 occurrence
  

  :root {
       --accentColor: hsl(173, 22%, 92%);
       --accentColorLite: hsla(173, 22%, 100%, .5);
       --hue: 173deg;
       --bgColor: hsl(0, 0%, 18%);
  }

  Pages using this styling

  • fragment:scp-7676-0 [info]

  ¶ 1 occurrence
  

  :root {
      --logo-image: url("https://scp-wiki.wdfiles.com/local--files/from-120-s-archives-hub/pride120.png");
      --header-title: "Site-120";
      --header-subtitle: "Fighting Fire With Fire";
  --cutColour: #591323;
  --barColour: #990ef0;
  --timeScale: 1;
  --timeDelay: 1s;
  --accentColor: 160, 44, 44;
  --dark-gray-monochrome: 55, 55, 55;
  --black-monochrome: 26, 26, 26;
  }
  

  Pages using this styling

  • fragment:scp-7629-1 [info]

  ¶ 1 occurrence
  

  
  body {
  
      background-image: url(https://scp-wiki.wdfiles.com/local--files/whore-of-blood-hub/HellishSCPBackground.png);
      background-attachment: fixed;
      background-size: cover;
  }
  :root{
  --logo: url(https://scp-wiki.wikidot.com/local--files/scp-7616/Sigil_Main.png);
  --title: "SCP Foundation";
  --subtitle: "WHORE OF BLOOD";
  }
  
  
  .document {
      background: white url('https://scp-wiki.wikidot.com/local--files/scp-7616/SCP_Trans.png') center center no-repeat;
      box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
      margin: 26px auto 0;
      max-width: 550px;
      min-height: 300px;
      padding: 24px;
      padding-top: 50px;
      position: relative;
      width: 80%;
      color: black;
  }
   
  .document:before,
  .document:after {
      content: " ";
      height: 98%;
      position: absolute;
      width: 100%;
      z-index: -1;
  }
   
  .document:before {
      background: #fafafa;
      box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
      left: -5px;
      top: 4px;
      transform: rotate(-2.5deg);
  }
   
  .document:after {
      background: #f6f6f6;
      box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
      right: -3px;
      top: 1px;
      transform: rotate(1.4deg);
  }
  
  

  Pages using this styling

  • fragment:scp-7616-6 [info]

  ¶ 1 occurrence
  

  
  body {
  
      background-image: url(https://scp-wiki.wdfiles.com/local--files/scp-7616/JudgementBackground.png);
      background-attachment: fixed;
      background-size: cover;
  }
  
  body:before {
    content: ' ';
    position: fixed;
    display: block;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(170deg, transparent, rgb(0, 0, 0) 65%, rgb(0, 0, 0) 65%, rgb(0, 0, 0) 100%);
    z-index: -1;
    color:#EDEDED;
  }
  
  
  :root {
  /*scrollbar*/
      --basalt-dark-element-color: 0, 71, 171;
  /*links and highlights*/
      --basalt-bright-element-color: 0, 71, 171;
  }
  
  a:link {
    color: #0047ab;
  }
  a:visited {
    color: #0047ab;
  }
  a:hover {
    color: #0047ab;
  }
  a:active {
    color: #0047ab;
  }
  
  
  
  :root{
  --logo: url(https://scp-wiki.wdfiles.com/local--files/whore-of-blood-hub/Judgement_Bureau_White_No_text.png);
  --title: "The Judgement Bureau";
  --subtitle: "A Good Death";
  }
  
  :root {
      /* REDMODE */
      --basalt-UI-dark-palette: 45, 45, 50;
      --basalt-bright-element-color: 40, 40, 215;
      --basalt-primary-color: 10, 12, 15;
      --basalt-secondary-color: 23, 20, 40;
      --basalt-tertiary-color: 40, 40, 50;
      --general-border-color: 70, 70, 80;
  }

  Pages using this styling

  • fragment:scp-7616-4 [info]

  ¶ 1 occurrence
  

  #header {
      height: 240px;
      background-image: url('https://scp-wiki.wikidot.com/local--files/scp-7616/Sigil_Main.png');
      background-position: 50% 40%;
      background-repeat: no-repeat;
      background-size: 200px auto;
  }
  
  #page-title {
      display: none;
  }

  Pages using this styling

  • fragment:scp-7616-3 [info]

  ¶ 1 occurrence
  

  
  body {
  
      background-image: url(https://scp-wiki.wdfiles.com/local--files/whore-of-blood-hub/HellishSCPBackground.png);
      background-attachment: fixed;
      background-size: cover;
  }
  :root{
  --logo: url(https://scp-wiki.wdfiles.com/local--files/whore-of-blood-hub/Primrose-Sigil-white-badge.png);
  --title: "SCP Foundation";
  --subtitle: "WHORE OF BLOOD";
  }

  Pages using this styling

  • fragment:scp-7603-5 [info]

  ¶ 1 occurrence
  

  :root{
  --logo: url(https://scp-wiki.wdfiles.com/local--files/whore-of-blood-hub/Primrose-Sigil-white-badge.png);
  --title: "Beast of Violence";
  --subtitle: "fuck you";
  /*scrollbar*/
      --basalt-dark-element-color: 112, 187, 229;
  /*links and highlights*/
      --basalt-bright-element-color: 19, 75, 106;
  }
  a:link {
    color: #70D8E5;
  }
  a:visited {
    color: #70D8E5;
  }
  a:hover {
    color: #70D8E5;
  }
  a:active {
    color: #70D8E5;
  }
  body {
      background-image: url(https://scp-wiki.wdfiles.com/local--files/whore-of-blood-hub/HellBackgroundTherion.png);
      background-attachment: fixed;
      background-size: cover;
      background-blend-mode: difference;
  }
  body:before {
    content: ' ';
    position: fixed;
    display: block;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(170deg, transparent, rgb(0, 0, 0) 65%, rgb(0, 0, 0) 65%, rgb(0, 0, 0) 100%);
    z-index: -1;
    color:#EDEDED;
  }
  
  #page-content .peepoo a {
      color: #870F06;
  }
  #page-content .peepoo hr {
      border-color: #870F06;
  }

  Pages using this styling

  • fragment:scp-7603-4 [info]

  ¶ 1 occurrence
  

  
  body {
  
      background-image: url(https://scp-wiki.wdfiles.com/local--files/whore-of-blood-hub/HellishSCPBackground.png);
      background-attachment: fixed;
      background-size: cover;
  }
  :root{
  --logo: url(https://scp-wiki.wdfiles.com/local--files/whore-of-blood-hub/Primrose-Sigil-white-badge.png);
  --title: "SCP Foundation";
  --subtitle: "WHORE OF BLOOD";
  }
  
  .document {
      background: white url('https://scp-wiki.wikidot.com/local--files/scp-7616/SCP_Trans.png') center center no-repeat;
      box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
      margin: 26px auto 0;
      max-width: 550px;
      min-height: 300px;
      padding: 24px;
      padding-top: 50px;
      position: relative;
      width: 80%;
      color: black;
  }
   
  .document:before,
  .document:after {
      content: " ";
      height: 98%;
      position: absolute;
      width: 100%;
      z-index: -1;
  }
   
  .document:before {
      background: #fafafa;
      box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
      left: -5px;
      top: 4px;
      transform: rotate(-2.5deg);
  }
   
  .document:after {
      background: #f6f6f6;
      box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
      right: -3px;
      top: 1px;
      transform: rotate(1.4deg);
  }
  
  

  Pages using this styling

  • fragment:scp-7603-0 [info]

  ¶ 1 occurrence
  

  
  :root {
      --red: 39, 84, 149;
       --medium-accent: var(--red);
       --cutColour: #fafafa;
       --barColour: var(--red);
       --toggle-border-color: rgb(var(--red));
       --toggle-icon-color: rgb(var(--red));
       --mono-font: 'IBM Plex Mono', monospace;
       --dark-accent: var(--red);
       --barColour: var(--red);
       --bright-accent: var(--red);
  
       --link-color: 39, 84, 149;
       --visited-link-color: 32, 71, 128;
       --hover-link-color: 32, 71, 128;
  
       --toggle-roundness: 0%;
  
      --fnColor: #275495;
  }
  
   #page-title{
       display: none;
  }
  
  /* == FADE AWAY == */
   #u-fade-away {
      /* Mouse Hover Reveals Rating Module */
      opacity: calc(1 / 3);
      transition: all .25s ease-in-out;
  }
   #u-fade-away:hover {
      opacity: 1;
  }
  
  .test {
      border-left:solid 8px #275495;
      border-right:solid 8px #275495;
      background:#f7f7f7;
      width:70%;
      padding: 20px 20px 20px 20px;
      margin: 10px auto;
      box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
  }
  
  .tools {
      border-top:solid 8px #275495;
      border-bottom:solid 8px #275495;
      background:#f7f7f7;
      width:70%;
      padding: 20px 20px 20px 20px;
      margin: 10px auto;
      box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
  }
  
  .snippet {
      background: #e6e6e6;
      width: 80%;
      margin-left: auto;
      margin-right: auto;
      padding: 20px 20px 20px 20px;
      word-break: break-word;
  }
  
  ::selection {
    background: Highlight;
    color: HighlightText;
  }
  

  Pages using this styling

  • fragment:scp-7586-2 [info]

  ¶ 1 occurrence
  

  
  :root {
       --toggle-border-color: #275495;
       --toggle-icon-color: #275495;
       --toggle-roundness: 0%;
  }
  
   #page-title{
       display: none;
  }
  
  .manif {
      border-left:solid 6px #275495;
      border-right:solid 6px #275495;
      background:#f7f7f7;
      width:90%;
      padding: 20px 20px 20px 20px;
      margin: 10px auto;
      box-shadow: 1px 1px 4px #27549582;
  }
  

  Pages using this styling

  • fragment:scp-7586-1 [info]

  ¶ 1 occurrence
  

  :root{
  --title: "Applied Ontokinetics";
  --subtitle: "Waking Dreams and Lucid Sleep";
  }

  Pages using this styling

  • fragment:scp-7585-0 [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css?family=Cinzel');
  @import url('https://fonts.googleapis.com/css?family=Anton');
  @import url('https://fonts.googleapis.com/css?family=Pinyon+Script');
  #page-title { display: none; }
  /*
      The Anton font was created by Vernon Adams and is licensed under the Open Font License
      The Cinzel font was created by Natanael Gama and is licensed under the Open Font License
      The Pinyon Script font was created by Nicole Fally and is licensed under the Open Font License
  */
  .twopanel {
      display: flex;
      flex-flow: row wrap;
      justify-content: space-between;
  }
  .bit {
      flex-basis: 48%;
  }
  @media only screen and (max-width: 768px) {
      .twopanel {flex-direction: row-reverse;}
      .bit {flex-basis: 100%;}
  }

  Pages using this styling

  • fragment:scp-7547-4 [info]

  ¶ 1 occurrence
  

  :root {
      --one-color: 0, 210, 60 !important;
      --accent: 0, 210, 60 !important;
      --page-font-size: 0.88rem;
  }
  
  #page-content .table1 tr th, #page-content .table1 .scp-image-block .scp-image-caption, #page-content .table1 .scp-image-block img {
      background-color: rgb(var(--accent));
      border-color: rgb(var(--accent));
      --link-txt-color: rgb(0, 210, 60);
      --accent: 0, 210, 60 !important;
  }
  
  #page-content .widetable .wiki-content-table {
      width: 100% !important;
      font-size: 1.5em;
  }
  
  #page-content div.modal {
      max-width: 100% !important;
      margin-left: 0;
      margin-right: 0;
      padding: 0.25em 1.5em;
      border-color: transparent;
  }
  
  .series-nav {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      align-content: center;
      align-items: baseline;
  
      margin: 1rem 0;
      padding: .02rem 1rem;
      background: #445;
  
      border-top-right-radius: .67rem;
      border-top-left-radius: .67rem;
  
      font-size: 1.2em;
      font-family: var(--UI-font);
  }
  
  .series-nav>* {
      margin: 0 0.3em;
  }
  
  .end_card {
      background: linear-gradient(145deg, rgba(var(--accent), 0.5) 0%, #445 80%);
      padding: 1.25rem 2rem;
      text-align: center;
  }
  
  #page-content :is(blockquote, .blockquote) {
      border-color: rgb(82, 82, 83);
  }
  
  #page-content .crius1:before {
      display: block;
      content: "» CRIUS.AIC";
      text-align: left;
      font-family: var(--UI-font);
      font-style: bold;
      font-size: 1.2em;
      color: white;
      margin-left: 1rem;
      padding-bottom: 3px;
  }
  
  #page-content .Forde1::before {
      display: block;
      content: "» DIR. FORDE";
      text-align: left;
      font-family: var(--UI-font);
      font-style: bold;
      font-size: 1.2em;
      color: white;
      margin-left: 1rem;
      padding-bottom: 3px;
  }
  
  .crius1 {
      float: right; 
      width: 500px; 
      text-align: right; 
      margin-top: 0; 
      margin-right: 0; 
      margin-bottom: 2em; 
      margin-left: 0; 
      padding-right: 0;
  }
  
  .crius2 {
      color: white; 
      font-size: 11pt; 
      font-family: var(--UI-font);
      border-radius: 5% / 66px; 
      background: rgba(45, 77, 100, .5); 
      text-align: left; 
      padding: 2px 24px;
  }
  
  .crius3 {
      float: right; 
      width: 500px; 
      text-align: right; 
      margin-top: 0; 
      margin-right: 0; 
      margin-bottom: 2em; 
      margin-left: 0; 
      padding-right: 0;
  }
  
  .crius4 {
      color: #2DA4FB; 
      font-size: 11pt; 
      font-family: var(--UI-font);
      border-radius: 5% / 66px; 
      text-align: right; 
      padding: 2px 24px;
  }
  
  .Aico1 {
      float: left; 
      width: 500px; 
      text-align: left; 
      margin-top: 0; 
      margin-right: 0; 
      margin-bottom: 2em; 
      margin-left: 0; 
      padding-right: 0;
  }
  
  .Aico2 {
      color: white; 
      font-size: 11pt; 
      font-family: var(--UI-font);
      border-radius: 5% / 66px; 
      text-align: left; 
      padding: 2px 24px;
  }
  
  .Forde1 {
      float: left; 
      width: 500px; 
      text-align: left; 
      margin-top: 0; 
      margin-right: 0; 
      margin-bottom: 2em; 
      margin-left: 0; 
      padding-right: 0;
  }
  
  .Forde2 {
      color: white; 
      font-size: 11pt; 
      font-family: var(--UI-font);
      border-radius: 5% / 66px; 
      background: rgba(60, 45, 99, .5);
      text-align: left; 
      padding: 2px 24px;
  }
  
  .widebox {
     width: 100vw;
     max-width: 100vw !important;
     position: relative;
     left: calc(-50vw + 50%);
  }
  
  @media screen and (max-width: 767px) {
    .widebox {
      width: 100vw;
      max-width: 100vw !important;
      left: calc(-50vw + 50%);
    }
  
    .notation, .jotting {
      max-width: 100% !important;
      margin-left: 0;
      margin-right: 0;
      padding: 0.25em 1.5em;
    }
  }
  
  #page-content .widetable :is(table:not(.form), table.wiki-content-table) {
    width: 100% !important;
    margin-top: 1.2rem;
    margin-bottom: 1rem;
  }
  
  :is(#page-content table:not(.form), table.wiki-content-table) th :is(div.blockquote, .blockquote, blockquote) {
    font-family: var(--UI-font);
    font-weight: normal;
    font-size: 0.96em;
    text-align: left;
    letter-spacing: 0.033rem;
  }
  
  :is(span.bigtext, span.bt) {
    text-transform: uppercase;
  }
  
  #page-content .bt {
    color: #f2a;
  }
  
  #page-content .yes {
    color: transparent;
    text-shadow: none;
  }
  
  #page-content .tert {
    background-color: #445;
  }
  
  hr {
    height: 0.22rem;
    transform: skew(-54deg, 0deg);
    background-color: rgb(144, 144, 144) !important;
  }
  
  #u-blink-bar p:last-child::after {
    content: "";
    border-right: 1px solid #fff;
    animation: blink 1.0s infinite;
    position: relative;
    left: 1px;
  }
  
  @keyframes blink {
    to {
      opacity: .0;
    }
  }
  
  .st {
    font-weight: bold;
    color: rgb(var(--accent));
  }

  Pages using this styling

  • fragment:scp-7528-offset-1 [info]

  ¶ 1 occurrence
  

  @media only screen and (min-width: 1020px) {
    body {
      background: linear-gradient(90deg, rgba(0,0,0,0) 0%, rgb(var(--basalt-primary-color)) 15%, rgb(var(--basalt-primary-color)) 50%, rgb(var(--basalt-primary-color)) 85%, rgba(0,0,0,0) 100%), url(https://scp-wiki.wdfiles.com/local--files/scp-7528/Static.jpg);
      background-size: cover;
      background-attachment: fixed;
      background-repeat: no-repeat;
      background-position: 100% 50%;
    }
  }
  
  body {
    isolation: isolate;
  }
  
  #header {
    border-bottom: 6px var(--basalt-primary-color)) solid;
    box-shadow: 0px 1.3px 1.5px rgba(0, 0, 0, 0.2), 0px 4.2px 4.9px rgba(0, 0, 0, 0.3);
    background-image: radial-gradient(circle, rgba(0, 0, 0, 0) 0%, rgba(var(--basalt-primary-color),1) 100%);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 100% 50%;
  }
  
  #page-content .widetable :is(table:not(.form), table.wiki-content-table) {
    width: 100% !important;
    margin-top: 1.2rem;
    margin-bottom: 1rem;
  }
  
  :is(#page-content table:not(.form), table.wiki-content-table) th :is(div.blockquote, .blockquote, blockquote) {
    font-family: var(--UI-font);
    font-weight: normal;
    font-size: 0.96em;
    text-align: left;
    letter-spacing: 0.033rem;
  }
  
  :is(span.bigtext, span.bt) {
    text-transform: uppercase;
  }
  
  #page-content .bt {
    color: #f2a;
  }
  
  #page-content .yes {
    color: transparent;
    text-shadow: none;
  }
  
  #page-content .tert {
    background-color: rgb(var(--basalt-tertiary-color));
  }
  
  hr {
    height: 0.22rem;
    transform: skew(-54deg, 0deg);
    background-color: rgb(144, 144, 144);
  }
  
  :is(div.notation, div.blockquote, .blockquote, blockquote, div.modal, div.smallmodal, div.jotting, div.papernote, div.document, div.darkdocument) hr {
    background-color: rgb(88, 88, 88);
  }
  
  #u-blink-bar p:last-child::after {
    content: "";
    border-right: 1px solid #fff;
    animation: blink 1.0s infinite;
    position: relative;
    left: 1px;
  }
   
  @keyframes blink {
    to {
      opacity: .0;
    }
  }

  Pages using this styling

  • fragment:scp-7528-offset-0 [info]

  ¶ 1 occurrence
  

  #page-content .widetable .wiki-content-table {
      width: 100% !important;
      font-size: 1.5em;
  }
  
  #page-content div.modal {
      max-width: var(--main-content-width) !important;
  }
  
  .series-nav {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      align-content: center;
      align-items: baseline;
  
      margin: 1rem 0;
      padding: .02rem 1rem;
      background: rgb(var(--basalt-tertiary-color));
  
      border-top-right-radius: .67rem;
      border-top-left-radius: .67rem;
  
      font-size: 1.2em;
      font-family: var(--UI-font);
  }
  
  .series-nav>* {
      margin: 0 0.3em;
  }
  
  .end_card {
      background: linear-gradient(145deg, rgba(var(--basalt-dark-element-color), 0.5) 0%, rgb(var(--basalt-tertiary-color)) 80%);
      padding: 1.25rem 2rem;
      text-align: center;
  }
  
  #page-content :is(blockquote, .blockquote) {
      border-color: rgb(82, 82, 83);
  }
  
  #page-content .crius1::before {
      display: block;
      content: "» CRIUS.AIC";
      text-align: left;
      font-family: var(--UI-font);
      font-style: bold;
      font-size: 1.1em;
      color: white;
      margin-left: 1rem;
      padding-bottom: 3px;
  }
  
  #page-content .Forde1::before {
      display: block;
      content: "» DIR. FORDE";
      text-align: left;
      font-family: var(--UI-font);
      font-style: bold;
      font-size: 1.1em;
      color: white;
      margin-left: 1rem;
      padding-bottom: 3px;
  }
  
  .crius1 {
      float: right; 
      width: 500px; 
      text-align: right; 
      margin-top: 0; 
      margin-right: 0; 
      margin-bottom: 2em; 
      margin-left: 0; 
      padding-right: 0;
  }
  
  .crius2 {
      color: white; 
      font-size: 12pt; 
      font-family: var(--UI-font);
      border-radius: 5% / 66px; 
      background: rgba(45, 77, 100, .5); 
      text-align: left; 
      padding: 2px 24px;
  }
  
  .crius3 {
      float: right; 
      width: 500px; 
      text-align: right; 
      margin-top: 0; 
      margin-right: 0; 
      margin-bottom: 2em; 
      margin-left: 0; 
      padding-right: 0;
  }
  
  .crius4 {
      color: #2DA4FB; 
      font-size: 12pt; 
      font-family: var(--UI-font);
      border-radius: 5% / 66px; 
      text-align: right; 
      padding: 2px 24px;
  }
  
  .Aico1 {
      float: left; 
      width: 500px; 
      text-align: left; 
      margin-top: 0; 
      margin-right: 0; 
      margin-bottom: 2em; 
      margin-left: 0; 
      padding-right: 0;
  }
  
  .Aico2 {
      color: white; 
      font-size: 12pt; 
      font-family: var(--UI-font);
      border-radius: 5% / 66px; 
      text-align: left; 
      padding: 2px 24px;
  }
  
  .Forde1 {
      float: left; 
      width: 500px; 
      text-align: left; 
      margin-top: 0; 
      margin-right: 0; 
      margin-bottom: 2em; 
      margin-left: 0; 
      padding-right: 0;
  }
  
  .Forde2 {
      color: white; 
      font-size: 12pt; 
      font-family: var(--UI-font);
      border-radius: 5% / 66px; 
      background: rgba(60, 45, 99, .5);
      text-align: left; 
      padding: 2px 24px;
  }
  
  .widebox {
     width: 100vw;
     max-width: 100vw !important;
     position: relative;
     left: calc(-50vw + 50%);
  }
  
  @media screen and (max-width: 640px) {
    .widebox {
      width: 100vw;
      max-width: 100vw !important;
      left: calc(-50vw + 50%);
    }
  }

  Pages using this styling

  • fragment:scp-7528-offset-0 [info]

  ¶ 1 occurrence
  

  
  #header h1 a::before {
      content: "Multiversalist Church of the Second Hytoth";
  }
     
  #header h2 span::before {
      content: "Life, Existence, and Eternity For All.";
  }
  
  .danke {
      padding: 5px;
      margin-bottom: 10px;
      font-family: monospace;
      font-size: 1.3em;
  }
  
  .agent {
      background-color:#002200;
      border: 3px solid #55AA55;
      color: #77CC77;
  }
  
  .site {
      background-color:#222200;
      border: 3px solid #AAAA55;
      color: #DDDD77;
  }
  }

  Pages using this styling

  • fragment:scp-7503-4 [info]

  ¶ 1 occurrence
  

  .risk-class::before, .disrupt-class::before {
      color: var(--white-monochrome) !important;
      font-family: var(--body-font) !important;
      font-size: 0.6em !important;
  }
  
  .anom-bar-container.cruzada .text-part .risk-class::before {
      content: "IV" !important;
  }
  .anom-bar-container.praetorian .text-part .disrupt-class::before {
      content: "IV" !important;
  }

  Pages using this styling

  • fragment:scp-7503-3 [info]

  ¶ 1 occurrence
  

  
  @import url('https://scp-wiki.wikidot.com/local--files/fragment:scp-7503-3/apex-lake.css');
  @import url('https://scp-wiki.wikidot.com/local--files/fragment:scp-7503-3/rusch.css');
  
  :root {
  
      --header-title: "SCP Congregatio";
  
  /* Typefaces */
          --body-font: 'Verdana', sans-serif;
          --header-font: ivymode, sans-serif;
          --title-font: 'Exo', sans-serif;
          --UI-font: 'Verdana', serif;
          --mono-font: pennsylvania, monospace;
          --decorative-font: 'apex_lakeregular', Verdana;
          --decorative-font2: 'ruschgotico-antiqua_100g', Verdana;
  
  
  /* Standard Colors */
          --white-monochrome: 220, 220, 220;
          /* white */
  
  /* Rating Module Colors */
          --rating-module-button-color: var(--gray-monochrome);
          --rating-module-button-plus-color: 45, 65, 25;
          --rating-module-button-negative-color: 70, 35, 30;
          --rating-module-button-cancel-color: 50, 45, 50;
          --rating-module-button-credit-color: 50, 45, 50;
          --rating-module-text-color: var(--gray-monochrome);
          --rating-module-text-hover-color: var(--swatch-menutxt-light-color);
  
  }
  
  body {
    font-size: 102%;
  }
  
  a:visited {
    color: #b99650;
    background-color: transparent;
    text-decoration: none;
  }
  
  .collapsible-block-unfolded-link {
      color: #b99650;
  }
  
  .collapsible-block-link {
      color: #b99650;
       font-weight: bold;
       font-size: 125%;;
  }
  
  .collapsible-block-link {
      color: #b99650;
       font-weight: bold;
       font-size: 125%;;
  }
  
  #header h2 span {
          margin-left: calc(var(--header-height-on-desktop) + 0.75rem);
          padding-top: 20px;
      }
  
  #header h2 span::before {
      content: 'SANCTIFICARE, CONTINEO, PONTIFICATUS';
      color: #F1F1F1;
      text-shadow: 1px 1px 1px rgba(0,0,0,.8);
      padding-inline-start: 30px;
  }
  

  Pages using this styling

  • fragment:scp-7503-3 [info]

  ¶ 1 occurrence
  

  
  .gold2 blockquote {
      background-color: rgb(196,2,51);
  }
  

  Pages using this styling

  • fragment:scp-7503-2 [info]

  ¶ 1 occurrence
  

   :root {
      /* = THESE VARIABLES MAY BE CHANGED = */
      --accentColor: #ba0909;
      --accentColorLite: #ba0909;
      --hue: 0deg;
   
      --titleColor: var(--bgColor);
      --subtitleColor: var(--bgColor);
   
      --bgColor: #171616;
      background: var(--bgColor);
      --fgColor: #1f0909;
      --gradientColor: #ba0909;
      /* == */
   
      /* = THESE VARIABLES SHOULD NOT BE CHANGED = */
      --tint: -40deg;
   
      --alphaColor: hsl(0, 0%, 100%);
      --keyColor: hsl(0, 0%, 5%);
      --bright-red: hsl(360, 89%, 62%);
      --strong-lime-green: hsl(120, 80%, 40%);
      --dark-grayish-blue: hsl(212, 15%, 63%);
   
      --textColorHigh: var(--textColor);
      --textColorMid: var(--textColorAlt);
      --textColorLow: hsla(0, 0%, 100%, .68);
      --textColorIdle: hsla(0, 0%, 100%, .34);
      /* == */
   
      /* = DEPRECATED = */
      --textColor: hsla(0, 0%, 100%, .8);
      --textColorAlt: hsla(0, 0%, 100%, .74);
      /* == */
   
      /* = LOGO = */
      --lgurl: url(https://scp-wiki.wdfiles.com/local--files/theme%3Aflopstyle-dark/alt_logo_bw.png);
   
      /* = FONTS = */
      --header-font: "Montserrat", sans-serif;
      --body-font: "Inter", sans-serif;
      --glyphs: "case", "ss01", "ss04";
      --script-font: "Comic Neue", cursive;
   
      /* = MISCELLANEOUS = */
      /**
       *    Courtesy of EstrellaYoshte
      **/
   
      --side-bar-width: 17em;
      --content-wrap-width: 1080px;
      scroll-behavior: smooth;
      scrollbar-color: var(--accentColor) var(--fgColor);
  }
   
   body {
      accent-color: var(--accentColor);
      color: var(--textColor);
      background-color: var(--bgColor);
      background-image:
         linear-gradient(
          var(--gradientColor) 0 90px,
          var(--bgColor) 225px 100%);
      background-repeat: no-repeat;
   
      font-family: var(--body-font);
      font-size: 15px;
      overflow-wrap: break-word;
      text-rendering: optimizeLegibility;
  }
   #top-bar,
   #top-bar a {
      color: var(--bgColor);
      transition: 0;
  }
  
  /* == LOGIN == */
   
   #login-status {
      top: 1.1em;
      right: initial;
   
      color: var(--bgColor);
      z-index: 1;
  }
   
   @media (max-width: 767px) {
       #login-status{
          top: 0;
          right: 0;
   
          z-index: 20;
      }
  }
   
   #login-status a {
      color: var(--bgColor);
  }
   
   #login-status ul a {
      color: var(--textColorAlt);
      background: var(--fgColor);
  }
   
   #login-status ul a:hover {
      color: var(--accentColor);
      background: var(--bgColor);
  }
   
   @media (max-width: 767px) {
       #header .printuser{
          font-size: 0;
      }
  }
   
   .printuser a {
      margin: 0;
  }
   
   .printuser img.small {
      width: 18px;
      height: 18px;
      padding: 1px 4px 0 0;
   
      background-image: none !important;
  }
   
   @media (max-width: 767px) {
       #header .printuser img.small{
          transform: translate(0, 4px);
      }
  }
   
   #my-account {
      display: none;
  }
   
   #account-topbutton {
      padding: 0 3px;
   
      border-color: var(--bgColor);
   
      font-size: 1.067em;
  }
   
   @media (max-width: 767px) {
       #account-topbutton {
          margin: 0 0 0 5px;
      }
  }
   
   #account-topbutton:hover {
      color: var(--accentColor);
      background: var(--bgColor);
  

  Pages using this styling

  • fragment:scp-7484-1 [info]

  ¶ 1 occurrence
  

   :root {
      /* = THESE VARIABLES MAY BE CHANGED = */
      --accentColor: hsl(354, 90%, 45%);
      --accentColorLite: hsla(354, 90%, 45%, .5);
      --hue: 325deg;
   
      --titleColor: var(--bgColor);
      --subtitleColor: var(--bgColor);
   
      --bgColor: #FFFFFF;
      background: var(--bgColor);
      --fgColor: #F5F5F5;
      --gradientColor: hsla(354, 90%, 45%, 1);
      /* == */
   
      /* = THESE VARIABLES SHOULD NOT BE CHANGED = */
      --tint: calc(var(--hue) - 40deg);
   
      --alphaColor: hsl(0, 0%, 100%);
      --keyColor: hsl(0, 0%, 5%);
      --bright-red: hsl(360, 89%, 62%);
      --strong-lime-green: hsl(120, 80%, 40%);
      --dark-grayish-blue: hsl(212, 15%, 63%);
   
      --textColorHigh: var(--textColor);
      --textColorMid: var(--textColorAlt);
      --textColorLow: hsla(0, 0%, 0%, .68);
      --textColorIdle: hsla(0, 0%, 0%, .34);
      /* == */
   
      /* = DEPRECATED = */
      --textColor: hsla(0, 0%, 0%, .8);
      --textColorAlt: hsla(0, 0%, 0%, .74);
      /* == */
   
      /* = LOGO = */
      --lgurl: url(https://scp-wiki.wdfiles.com/local--files/theme%3Aflopstyle-dark/alt_logo_bw.png);
   
      /* = FONTS = */
      --header-font: "Montserrat", sans-serif;
      --body-font: "Inter", sans-serif;
      --glyphs: "case", "ss01", "ss04";
      --script-font: "Comic Neue", cursive;
   
      /* = MISCELLANEOUS = */
      /**
       *    Courtesy of EstrellaYoshte
      **/
   
      --side-bar-width: 17em;
      --content-wrap-width: 1080px;
      scroll-behavior: smooth;
      scrollbar-color: var(--accentColor) var(--fgColor);
  }
   
   body {
      accent-color: var(--gradientColor);
      color: var(--textColor);
      background-color: var(--bgColor);
      background-image:
         linear-gradient(
          var(--gradientColor) 0 90px,
          var(--bgColor) 225px 100%);
      background-repeat: no-repeat;
   
      font-family: var(--body-font);
      font-size: 15px;
      overflow-wrap: break-word;
      text-rendering: optimizeLegibility;
  }
   #top-bar,
   #top-bar a {
      color: var(--bgColor);
      transition: 0;
  }
  
  /* == LOGIN == */
   
   #login-status {
      top: 1.1em;
      right: initial;
   
      color: var(--bgColor);
      z-index: 1;
  }
   
   @media (max-width: 767px) {
       #login-status{
          top: 0;
          right: 0;
   
          z-index: 20;
      }
  }
   
   #login-status a {
      color: var(--bgColor);
  }
   
   #login-status ul a {
      color: var(--textColorAlt);
      background: var(--fgColor);
  }
   
   #login-status ul a:hover {
      color: var(--accentColor);
      background: var(--bgColor);
  }
   
   @media (max-width: 767px) {
       #header .printuser{
          font-size: 0;
      }
  }
   
   .printuser a {
      margin: 0;
  }
   
   .printuser img.small {
      width: 18px;
      height: 18px;
      padding: 1px 4px 0 0;
   
      background-image: none !important;
  }
   
   @media (max-width: 767px) {
       #header .printuser img.small{
          transform: translate(0, 4px);
      }
  }
   
   #my-account {
      display: none;
  }
   
   #account-topbutton {
      padding: 0 3px;
   
      border-color: var(--bgColor);
   
      font-size: 1.067em;
  }
   
   @media (max-width: 767px) {
       #account-topbutton {
          margin: 0 0 0 5px;
      }
  }
   
   #account-topbutton:hover {
      color: var(--accentColor);
      background: var(--bgColor);
  

  Pages using this styling

  • fragment:scp-7484-0 [info]

  ¶ 1 occurrence
  

  .hovertip { max-width: 400px; }
  .avatar-hover { display: none !important; }
  
  #header h2 span::before {
       content: 'Scamper, Collect, Proliferate';
  }

  Pages using this styling

  • fragment:scp-7472-3 [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Kalam&display=swap');
  
  sup {
  vertical-align: top; position: relative; top: -0.5em;
  }
  :root{
  --cutColour: #fafafa;
  --barColour: #590505;
  }
  .translation_block{
  display:none;}
  
  .info-container .collapsible-block-folded a{
  color: #FFF;}
  .info-container .collapsible-block-unfolded-link a{
  color: #FFF;}
  
  .info-container .collapsible-block-link,
  .info-container:hover .collapsible-block-link {
  line-height: 1.6em;
  }
  
  .paper {
    width: 90%;
    box-shadow: 0px 0px 25px 0px lightgray;
    background: white;
    border: 1px solid #EDEDED;
    margin: 15px auto;
    padding: .01em 1em;
    font-family: 'Kalam', cursive;
    font-size: 105%;
  }
  .note{ font-family: initial; font-size:initial;}
  
  ul ul{ padding-left:2.5em; }

  Pages using this styling

  • fragment:scp-7472-2 [info]

  ¶ 1 occurrence
  

  #page-content { text-align: justify; }
  .hovertip { max-width: 400px; }
  .avatar-hover { display: none !important; }
  
  .special a {
      animation: blink 0.8s ease-in-out infinite alternate;
      font-weight: bold;
  }
  @keyframes blink {
      0% { color: transparent; }
      50%, 100% { color: #7E2520; }
  }

  Pages using this styling

  • fragment:scp-7472-1 [info]

  ¶ 1 occurrence
  

  
  .scp-image-block .scp-image-caption {
      background-color: #FFD126;
      color: #000000;
  }
  

  Pages using this styling

  • fragment:scp-7447-2 [info]

  ¶ 1 occurrence
  

  .custom2 .wiki-content-table {
      width: 100%;
  }

  Pages using this styling

  • fragment:scp-7447-2 [info]

  ¶ 1 occurrence
  

  :root {
  
      --subtitle: "SITE-44 DEEPWELL";
  }

  Pages using this styling

  • fragment:scp-7447-2 [info]

  ¶ 1 occurrence
  

  body {
      background-color: rgb(0, 0, 0);
      background-image: linear-gradient(180deg, rgb(10, 10, 10) 0%, rgba(10, 10, 10, 0.2) 70%, rgb(10, 10, 10) 100%), url("http://scpdsandbox.wikidot.com/local--files/lan-2d-testpage/jtkcbgfin1.png");
      background-attachment: fixed;
      background-size: cover;
  }
  ::selection {
      background-color: rgba(255, 209, 38, 0.7);
      color: white;
  }
  ::-webkit-scrollbar-thumb {
      background: rgb(255, 209, 38);
  }
  
  ::-webkit-scrollbar-thumb:hover {
      background: rgb(255, 221, 94);
  }
  #extra-div-1 {
  background: linear-gradient( 180deg, rgb(10, 10, 10) 0%, rgb(178, 147, 29) 100%);
  box-shadow: 0px 0px 8px 4px rgb(0 0 0);
  }

  Pages using this styling

  • fragment:scp-7447-2 [info]

  ¶ 1 occurrence
  

  :root{
    --header-title: "TL-7432-!";
    --header-subtitle: "";
  }
  
  div#extra-div-1 {
      background-image: url(https://scp-wiki.wdfiles.com/local--files/welcome-to-delta-t/Delta-t-transparent.png);
      filter: invert(1) opacity(0.0);
  }

  Pages using this styling

  • fragment:scp-7432-4 [info]

  ¶ 1 occurrence
  

  :root{
    --header-title: "TL-7432-!";
    --header-subtitle: "Department of Chronology";
  }
  
  div#extra-div-1 {
      background-image: url(https://scp-wiki.wdfiles.com/local--files/welcome-to-delta-t/Delta-t-transparent.png);
      filter: invert(1) opacity(0.1);
  }

  Pages using this styling

  • fragment:scp-7432-3 [info]

  ¶ 1 occurrence
  

  :root{
    --header-title: "TL-7432-!";
    --header-subtitle: "Department of Chronology";
  }
  
  div#extra-div-1 {
      background-image: url(https://scp-wiki.wdfiles.com/local--files/welcome-to-delta-t/Delta-t-transparent.png);
      filter: invert(1) opacity(0.2);
  }

  Pages using this styling

  • fragment:scp-7432-2 [info]

  ¶ 1 occurrence
  

  :root{
    --header-title: "SCP FOUNDATION";
    --header-subtitle: "Department of Chronology";
  }
  
  div#extra-div-1 {
      background-image: url(https://scp-wiki.wdfiles.com/local--files/welcome-to-delta-t/Delta-t-transparent.png);
      filter: invert(1) opacity(0.3);
  }

  Pages using this styling

  • fragment:scp-7432-1 [info]

  ¶ 1 occurrence
  

  .email-example .collapsible-block-folded a.collapsible-block-link {
      animation: blink 1.0s ease-in-out infinite alternate;
  }
  @keyframes blink {
      0% { color: transparent; }
      50%, 100% { color: #4169E1; }
  }
  .email {border: solid 2px #000080; width: 88%; padding: 1px 15px; margin: 10px; box-shadow: 0 1px 3px rgba(0,0,0,.5)}
  .email-example a.collapsible-block-link {font-weight: bold;}
  .tofrom {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px navy}

  Pages using this styling

  • fragment:scp-7406 [info]

  ¶ 1 occurrence
  

  
  @keyframes spin {
     100% { transform: rotate(360deg); }
  }
  div.ettra img {
    z-index: 0;
    animation: spin 20s cubic-bezier(1,1,1,1) infinite;
    filter: drop-shadow(0 0 0.1rem black);
    margin-top: 18px;
  }
  .ettra_memo {
      background: #F2E0C2;
      background-size: contain;
      background-position: top center;
      background-repeat: no-repeat;
      box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
      width: 90%;
      margin-left: auto;
      margin-right: auto;
      margin-bottom: 24px;
      padding: 10px 20px 20px 20px;
      word-break: break-word;
  }
  .logo_section{
      float:left;
      width: 150px;
      padding: 0 2%;
  }
  .title_section{
      float:left;
      width: calc(90% - 150px);
  }
  .text_section{
      float:left;
      width: 95%;
      padding: 0 2%;
  }
  @media (max-width: 1000px) {
      .logo_section{
          float:left;
          width: 95%;
          padding: 0 2%;
      }
      .title_section{
          float:left;
          width: 95%;
          padding: 0 2%;
      }
  }
  

  Pages using this styling

  • fragment:scp-7376-4 [info]

  ¶ 1 occurrence
  

  
  .top-left-box > .item {
    display: none;
  }
  
  .sark_box {
      border:solid 4px #a83232;
      background: #FAFAFA;
      width: 90%;
      margin-left: auto;
      margin-right: auto;
      padding: 10px 20px 20px 20px;
      word-break: break-word;
  }
  
  .term_box {
      border:solid 2px #000000;
      width: 75%;
      margin-left: auto;
      margin-right: auto;
      padding: 10px 20px 20px 20px;
      word-break: break-word;
  }
  
  .asci_box {
      border:solid 1px #000000;
      background: #faf0de;
      width: 85%;
      margin-left: auto;
      margin-right: auto;
      padding: 10px 20px 20px 20px;
      word-break: break-word;
  }
  
  .asci_title_box {
      border:solid 1px #000000;
      background: #f0dfc0;
      width: 90%;
      margin-left: auto;
      margin-right: auto;
  }
  
  .O5_memo {
      background: #FAFAFA;
      box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
      width: 100%;
      margin-left: auto;
      margin-right: auto;
      padding: 10px 20px 20px 20px;
      word-break: break-word;
  }
  
  a.collapsible-block-link:not(.licensebox a.collapsible-block-link) {
      font-weight: 600;
      color: white;
      padding-top: 4px;
      padding-bottom: 4px;
      padding-left: 7px;
      padding-right: 9px;
      background: rgb(133, 0, 5);
      border-radius: 6px;
      margin-top: 10px;
      margin-bottom: 10px;
  }
  

  Pages using this styling

  • fragment:scp-7376-4 [info]

  ¶ 1 occurrence
  

  
  .top-left-box > .item {
    display: none;
  }
  
  .cog_box {
      border:solid 4px #3260a8;
      background: #FAFAFA;
      width: 90%;
      margin-left: auto;
      margin-right: auto;
      padding: 10px 20px 20px 20px;
      word-break: break-word;
  }
  

  Pages using this styling

  • fragment:scp-7376-3 [info]

  ¶ 1 occurrence
  

  
  .top-left-box > .item {
    display: none;
  }
  
  .scp_box {
      border:solid 2px #000000;
      width: 85%;
      margin-left: auto;
      margin-right: auto;
      padding: 10px 20px 20px 20px;
      word-break: break-word;
  }
  

  Pages using this styling

  • fragment:scp-7376-2 [info]

  ¶ 1 occurrence
  

  .anom-bar-container.esoteric .danger-diamond > .quadrants > .bottom-quad {
      background-color:rgba(66,66,72,0.25);
      background-color: rgb(66,66,72,0.25);

  Pages using this styling

  • fragment:scp-7376-1 [info]

  ¶ 1 occurrence
  

  
  .top-left-box > .item {
    display: none;
  }
  
  .class_memo {
      box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
      width: 85%;
      margin-left: auto;
      margin-right: auto;
      padding: 10px 20px 20px 20px;
      word-break: break-word;
  }
  
  #page-content .anom-bar-container.multiple .text-part .disrupt-class::before {
  content: "E" !important;
  }
  
  #page-content .anom-bar-container.multiple .text-part .risk-class::before {
  content: "E" !important;
  }
  

  Pages using this styling

  • fragment:scp-7376-1 [info]

  ¶ 1 occurrence
  

   :root{
     /* -- COLORS -- */
       --accentColor: #DFC351;
       --accentColorLite: #CCCC66;
       --hue: 0deg;
     /* -- STATIC COLORS -- */
       --textColor: hsl(212, 3%, 75%);
       --bgColor: hsl(220, 20%, 10%);
  }
  
  tt {
      background-color: transparent;
      padding: 0em;
  }
  
  div#extra-div-1 {
      filter: invert(1) opacity(0.2);
  }
  
  .footnotes-footer {
      display: none;
  }
  
  :root {
      --linkColour: #FFF;
      --barColour: #633;
  }
  
  #breadcrumbs{
      margin: auto;
      text-align: center;
      padding-bottom: 4px;
  }
  
  #page-title {
      position: relative;
      text-align: center;
      border-bottom: none;
      margin-bottom: 0;
  }
  
  .info-container {
      content: " ";
      width: 100%;
      text-align: center;
      bottom: 2em;
      margin-bottom: 1em;
  }
  
  .info-container h1 {
      text-align: center;
  }
  
   .sidecontainer{
       background: 0;
       border: 0;
       overflow: unset;
  }

  Pages using this styling

  • fragment:scp-7372-1 [info]

  ¶ 1 occurrence
  

  
   #page-title{
       display: none;
  }
  

  Pages using this styling

  • fragment:scp-7354-2 [info]

  ¶ 1 occurrence
  

  
  .top-left-box > .item {
    display: none;
  }
  
  .raisa_update {
      box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
      width: 75%;
      margin-left: auto;
      margin-right: auto;
      padding: 20px 20px 20px 20px;
      background:#f2f2c2 url(http://scp-wiki.wdfiles.com/local--files/the-great-hippo/scp_trans.png) center no-repeat;
  }
  
  .update {
      border-left:solid 3px #c40033;
      border-right:solid 3px #c40033;
      background:#f7f7f7;
      width:90%;
      padding:1px 15px;
      margin: 10px auto;
      box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
  }
  
  .poi_box {
      border:solid 2px #000000;
      box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
      width: 85%;
      margin-left: auto;
      margin-right: auto;
      padding: 10px 20px 20px 20px;
      word-break: break-word;
  }
  
  .sark_box {
      border:solid 4px #c40033;
      background: #FAFAFA;
      width: 90%;
      margin-left: auto;
      margin-right: auto;
      padding: 20px 20px 20px 20px;
      word-break: break-word;
  }
  

  Pages using this styling

  • fragment:scp-7354-1 [info]

  ¶ 1 occurrence
  

  .scp-image-block.block-center {
      position: relative;
  }
  .scp-image-block.block-center img {
      height: 400px;
      width: 100%;
      object-fit: cover;
  }

  Pages using this styling

  • fragment:scp-7259-0 [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Philosopher&display=swap');
  
  .storybook-hca {
       font-family: Philosopher, cursive;
       background-image: url(http://scp-sandbox-3.wikidot.com/local--files/theme:eventyr-theme/HCAbackground.png);
       padding: 15px;
       font-size: 105%;
       border: 2px solid #5d0f87;
  }
  
  .top-left-box > .item{
      display: inline;
  }
  

  Pages using this styling

  • fragment:scp-7238-1 [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
  
  h1, h2, h3, h4, h5, h6 {
      color: #000;
      font-family: 'Barlow Condensed';
  }
  
  ::-webkit-scrollbar-thumb{
      background: #c3a145;
  }
  ::-webkit-scrollbar-thumb:hover{
      background: #846f35;
  }
  ::-webkit-scrollbar-track {
      background: #000;
  }
  
  .button{
      display: flex;
      align-items: center;
      justify-content: center;
      width: 30%;
      margin: auto;
      border: solid 2px white;
      font-size: .95em;
      font-weight: bold;
      text-align: center;
      background-color: black;
      color: white;
      outline: solid 1px white;
      transition: color 0.15s ease-out, background-color 0.05s ease, outline 0.175s ease-out;
      cursor: pointer;
  }
  
  .button:is(:hover,:focus) {
      background-color: #c3a145;
      outline-width: .25rem;
  }
  
  .button a:link {
      color: #ffffff;
  }
  
  .button a:visited {
      color: #ffffff;
  }
  
  a:link {
      color: #c3a145;
  }
  
  
  #header {
      height: 240px;
      background-image: url('https://scp-wiki.wikidot.com//local--files/theme:much-cool/logo.png');
      background-position: 50% 20%;
      background-repeat: no-repeat;
      background-size: 330px auto;
  }
  #page-title {
      display: none;
  }
  
  .awcyWebHeader {
      font-family: 'Barlow Condensed';
      background: black;
      text-align:center;
      font-style:italic;
  }
  
  .awcyWebHeader p{
      margin: 0;
  }
  
  .awcyWebBody {
      font-family: 'Barlow Condensed';
      background: black;
      text-align:center;
  }
  
  .awcyWebBody p{
      margin: 0 1em 0 1em;
  }
  
  .awcySubheader {
      text-align: center;
      color: white;
      font-weight: 500;
      font-size: 2em;
      font-family: 'Barlow Condensed';
      background: #888888;
      padding: 0.5em 1em 0.5em 1em;
  }
  
  .awcySubheader p{
      margin-top: 0;
  }
  
  .awcySubheader > .button p{
      margin: 0;
  }
  
  #page-content > .button a{
      color: white;
  }
  
  #page-content img{
      border: gold 1px solid;
  }
  

  Pages using this styling

  • fragment:scp-7238-0 [info]

  ¶ 1 occurrence
  

  .raisa_box{
  border:solid 1px #252525;
  background:#f2f2c2;
  padding: 5px;
  margin-bottom: 10px;
  width: 95%;
  align: center;
  }

  Pages using this styling

  • fragment:scp-7134-2 [info]

  ¶ 1 occurrence
  

  /*
      Powered on 2022/11/22 15:33:55
      [2022 Wikidot Theme]
      Created by Dr Emil J Svensson
      CC BY-SA 3.0
  */
  
  
  
  div#container-wrap {
      background: url(https://scp-wiki.wdfiles.com/local--files/theme:skiesmadestrange/body_bg.png) top left repeat-x;
  }
  
  #header {
    height: 140px;
    position: relative;
    z-index: 10;
    padding-bottom: 22px;
    background: url('https://scp-wiki.wdfiles.com/local--files/scp-7122/Dept_of_intelligence_white-fill_outline.png') 10px 40px no-repeat;
      background-position-x: 10px;
      background-position-y: 40px;
      background-image: url("https://scp-wiki.wdfiles.com/local--files/scp-7122/Dept_of_intelligence_white-fill_outline.png");
      background-size: auto;
    background-size: 200px;
    background-position: -46px 45%;
  }
  
  div#header h1 a span {
      font-size: 0px;
  }
  div#header h1 a:before {
      content: "Department of Intelligence";
      color: #eee;
      
  }
  div#header h2 span {
      font-size:0px;
      padding: 4px;
  }
  div#header h2:after {
      content: "Defend, Observe, Intervene";
      font-weight: bold;
      color: #f0f0c0;
      padding: 19px 0;
      text-shadow: 1px 1px 1px rgba(0, 0, 0, .8);
      white-space: pre;
  }
  

  Pages using this styling

  • fragment:scp-7122-1 [info]

  ¶ 1 occurrence
  

  .email-example .collapsible-block-folded a.collapsible-block-link {
      animation: blink 0.8s ease-in-out infinite alternate;
  }
  @keyframes blink {
      0% { color: transparent; }
      50%, 100% { color: #b01; }
  }
  .email {border: solid 2px #000000; width: 88%; padding: 1px 15px; margin: 10px; box-shadow: 0 1px 3px rgba(0,0,0,.5)}
  .email-example a.collapsible-block-link {font-weight: bold;}
  .tofrom {margin-left: 1px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px maroon}

  Pages using this styling

  • fragment:scp-7101-2 [info]

  ¶ 1 occurrence
  

  .blinking{
      animation:blinkingText 2.1s infinite;
  }
  @keyframes blinkingText{
      0%{     color: #162607;    }
      49%{    color: #4c8718; }
      60%{    color: #5ba31c; }
      99%{    color: #4c8718;  }
      100%{   color: #162607;    }
  }

  Pages using this styling

  • fragment:scp-7088-1 [info]

  ¶ 1 occurrence
  

  
  @import url('https://fonts.googleapis.com/css2?family=Righteous&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Bona+Nova&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Audiowide&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Quantico&display=swap');
  
  
  :root {
    --accentColor: red;
  }
  
  .interview{
      border:solid 2px #d4d4d4;
      text-align: left;
      background:#BDBDBD;
      width:100%;
      padding:1px 15px;
      margin: 10px auto;
  }
  
  #page-title{display:none}
  
  span.oraclet{
     font-family: 'Audiowide', regular;
     font-size: 400%;
     color: navy;
  }
  
  span.oraclesh{
     font-family: 'Audiowide', regular;
       font-size: 125%;
  }
  
  div.oracle{
      background: #BDBDBD;
      color:black;
      border: none;
      border-top: 5px solid navy;
      border-bottom: 5px solid navy;
      padding: 0 1em;
      margin: 0em 0em;
  width: 96%;
      background-image: url(http://smlt.wdfiles.com/local--files/collab%3Adysadune1/oracle.png);
      background-size: 90px 90px;
      background-position: 95% 1em;
      background-repeat: no-repeat;
  }
  
  .o5{
      border:solid 0px #d4d4d4;
      text-align: right;
  margin-left: auto;
  margin-right: 0;
      background:#BDBDBD;
      width:85%;
      padding:1px 15px;
  }
  
  .oraclem{
      border:solid 0px #d4d4d4;
      text-align: left;
  margin-left: 0;
  margin-right: auto;
      background:#BDBDBD;
      width:85%;
      padding:1px 15px;
     font-family: 'Quantico', bold;
  color: navy;
  font-size: 105%;
  }
  

  Pages using this styling

  • fragment:scp-7070-3 [info]

  ¶ 1 occurrence
  

  
  
  @import url('https://fonts.googleapis.com/css2?family=Righteous&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Bona+Nova&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Audiowide&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Quantico&display=swap');
  
  /*DYS: This is the bit you edit to change the gradient */
  
  :root {
      --background-gradient-distance: 100%;
      --gradient-background: linear-gradient(to bottom,rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(0,0,0,1) 77% var(--background-gradient-distance));
  }
  
  
  /*DYS: sets login + top bar to black */
  div#login-status a{
     color: black;
  }
  
  div#top-bar a {
     color: black;
  }
  
  
  .interview{
      border:solid 2px #d4d4d4;
      text-align: left;
      background:#F5F5F5;
      width:100%;
      padding:1px 15px;
      margin: 10px auto;
  }
  /* DYS NOTE: TERMINAL CSS STARTS HERE */
  div.terminal{
      border: 1px solid black;
      border: solid 3px #BBBBBB;
      border-radius: 16px;
      background-color: #131;
  /* black shadow at the top of the terminal */
      background-image:
          radial-gradient(ellipse 1000% 100% at 50% 90%, transparent, #121);
      background-position: center;
      display: block;
  /* shadow around the terminal */
      box-shadow: inset 0 0 10em 1em rgba(0,0,0,0.5);
  /* prevents scanline from forming a scrollwheel */
      overflow:hidden;
  }
  div.terminal blockquote {
      background-color: black;
      border: double 3px #80FF80
  }
  div.scanline{
      margin-top: -40%;
      width: 100%;
      height: 60px;
      position: relative;
      pointer-events: none;
  /* Safari 4.0 - 8.0 */
      -webkit-animation: scan 12s linear 0s infinite; /* You may need to change this. If the bar goes by too quickly, increase 5s. */
      animation: scan 12s linear 0s infinite; /* Same as above */
      background: linear-gradient(to bottom, rgba(56, 112, 82,0), rgba(56, 112, 82,0.1)) !important;
  }
  
  div.text{
      color: rgba(128,255,128,0.8);
      padding: 2em;
      padding-top: 40%;
      font-family: monospace;
      font-size: 1.2em;
      }
  
  /* Safari 4.0 - 8.0 */
  @-webkit-keyframes scan{
      from{ transform: translateY(-10%);}
      to{  transform: translateY(5000%);} /* You may need to change this depending on the length of your terminal. If the scanline stops halfway, increase the second number.*/
  }
  
  @keyframes scan{
      from{ transform: translateY(-10%);}
      to{  transform: translateY(5000%);} /* Same as above.*/
  }
  
  div.text a {
      color: #90EE90;
      text-decoration: none;
      background: transparent;
  }
  div.text a.newpage {
      color: #90EE90;
      text-decoration: none;
      background: transparent;
  }
  div.text a:hover {
      color: #131;
      text-decoration: underline;
      background-color: #80FF80;
      padding: 1px;
  }
  div.text a:hover::before{
  content: "> ";
  }
  /* DYS NOTE: TERMINAL CSS ENDS HERE */
  .lunar{
         border:solid 0.5px #999999; 
         background-image:url(http://smlt.wdfiles.com/local--files/collab%3Adysadune1/SCP%20Logo%20Lunar3.png);
    background-position: 50% 80%;
    background-size: contain;
    background-repeat: no-repeat;
          background-color:#f2f2c2; 
           width:100%;
          padding:1px 15px;
           margin: 10px auto;
  }
  
  span.oraclet{
     font-family: 'Audiowide', regular;
     font-size: 400%;
     color: navy;
  }
  
  span.oraclesh{
     font-family: 'Audiowide', regular;
       font-size: 125%;
  }
  
  div.oracle{
      background: #BDBDBD;
      color:black;
      border: none;
      border-top: 5px solid navy;
      border-bottom: 5px solid navy;
      padding: 0 1em;
      margin: 0em 0em;
  width: 96%;
  /*    background-image: url(http://smlt.wdfiles.com/local--files/collab%3Adysadune1/oracle.png);
      background-size: 90px 90px;
      background-position: 95% 1em;
      background-repeat: no-repeat; */
  }
  
  .o5{
      border:solid 0px #d4d4d4;
      text-align: right;
  margin-left: auto; 
  margin-right: 0;
      background:#BDBDBD;
      width:85%;
      padding:1px 15px;
  }
  
  .oraclem{
      border:solid 0px #d4d4d4;
      text-align: left;
  margin-left: 0; 
  margin-right: auto;
      background:#BDBDBD;
      width:85%;
      padding:1px 15px;
     font-family: 'Quantico', bold;
  color: navy;
  font-size: 105%;
  }
  
  .email {border: solid 2px #000000; width: 88%; padding: 1px 15px; margin: 10px; box-shadow: 0 1px 3px rgba(0,0,0,.5)}
  .email-example a.collapsible-block-link {font-weight: bold;}
  .tofrom {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px maroon}
  
  #page-title{display:none}
  

  Pages using this styling

  • fragment:scp-7070-2 [info]

  ¶ 1 occurrence
  

  
  @import url('https://fonts.googleapis.com/css2?family=Righteous&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Bona+Nova&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Audiowide&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Quantico&display=swap');
  
  
  :root {
    --accentColor: red;
  }
  
  .interview{
      border:solid 2px #d4d4d4;
      text-align: left;
      background:#BDBDBD;
      width:100%;
      padding:1px 15px;
      margin: 10px auto;
  }
  
  #page-title{display:none}
  
  span.oraclet{
     font-family: 'Audiowide', regular;
     font-size: 400%;
     color: navy;
  }
  
  span.oraclesh{
     font-family: 'Audiowide', regular;
       font-size: 125%;
  }
  
  div.oracle{
      background: #BDBDBD;
      color:black;
      border: none;
      border-top: 5px solid navy;
      border-bottom: 5px solid navy;
      padding: 0 1em;
      margin: 0em 0em;
  width: 96%;
    /*  background-image: url(http://smlt.wdfiles.com/local--files/collab%3Adysadune1/oracle.png);
      background-size: 90px 90px;
      background-position: 50% 12.5%;
      background-repeat: no-repeat;*/
  }
  
  .o5{
      border:solid 0px #d4d4d4;
      text-align: right;
  margin-left: auto; 
  margin-right: 0;
      background:#BDBDBD;
      width:85%;
      padding:1px 15px;
  }
  
  .oraclem{
      border:solid 0px #d4d4d4;
      text-align: left;
  margin-left: 0; 
  margin-right: auto;
      background:#BDBDBD;
      width:85%;
      padding:1px 15px;
     font-family: 'Quantico', bold;
  color: navy;
  font-size: 105%;
  }
  

  Pages using this styling

  • fragment:scp-7070-1 [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Work+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
  
  .danke {
      padding: 5px;
      margin-bottom:10px;
      font-family: monospace;
      font-size: 1.1em;
  }
  
  .agent {
      background-color:#002200;
      border: 3px solid #55AA55;
      color: #77CC77;
  }
  
  .site {
      background-color:#222200;
      border: 3px solid #AAAA55;
      color: #DDDD77;
  }
  .blink {animation: blink 1s infinite;}@keyframes blink{to{opacity: .0;}}
  
  .ethics_memo {
      background: url(https://scp-wiki.wikidot.com/local--files/theme:basalt/ETHICS_LIGHTLOGO.png) #ffdbc4;
      background-size: contain;
      background-position: top center;
      background-repeat: no-repeat;
      font-family: 'Work Sans', sans-serif;
      box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
      width: 90%;
      min-height: 4rem;
      max-height: 100rem;
      margin-left: auto;
      margin-right: auto;
      text-align: center;
      padding: 10px 20px 20px 20px;
      word-break: break-word;
  }
   
  .ethics_memo>p:nth-child(1)::before {
      content: "ETHICS COMMITTEE MEMORANDUM - SCP-7057 RESEARCH\00000a";
      font-family: 'Work Sans', sans-serif;
      font-weight: 900;
      font-size: 130%;
      text-align: center;
      margin-bottom: 1rem;
      padding-bottom: 0.3rem;
      border-bottom: dotted 0.13rem darkslategrey;
      max-width: 49rem;
      margin-left: auto;
      margin-right: auto;
      display: flex;
      flex-direction: column;
      align-content: stretch;
      align-items: center;
  }
  
  .eversor {
      background: url("https://scp-wiki.wdfiles.com/local--files/the-great-hippo/scp_trans.png") center no-repeat;
      float: center;
      border: solid 2px #000;
      padding: 1px 15px;
      box-shadow: 0 1px 3px rgba(0,0,0,.2);
      font-family: 'Work Sans', sans-serif;
  }
  
  .email {border: solid 2px #000000; width: 88%; padding: 1px 15px; margin: 10px; box-shadow: 0 1px 3px rgba(0,0,0,.5)}
  .tofrom {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px maroon}
  
  .read {
      font-style: italic;
  }
  .page {
      display: block;
      overflow: hidden;
      font-style: normal;
      font-family: "Monotype Corsiva", "Bradley Hand ITC", sans-serif;
      background-attachment: scroll;
      background-clip: border-box;
      background-color: transparent;
      background-image: linear-gradient(to top ,rgb(202, 219, 228) 0%, rgb(231, 233, 220) 8%);
      background-origin: padding-box;
      background-position: 0px 8px;
      background-repeat: repeat;
      background-size: 100% 20px;
      border: 1px solid #CCC;
      border-radius: 10px;
      padding: 10px 10px;
      margin-bottom: 10px;
      box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2)
  }
  .page p,
  .page ul {
      line-height: 20px;
      margin: 0;
  }

  Pages using this styling

  • fragment:scp-7057-3 [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Work+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
  
  .danke {
      padding: 5px;
      margin-bottom:10px;
      font-family: monospace;
      font-size: 1.1em;
  }
  
  .agent {
      background-color:#002200;
      border: 3px solid #55AA55;
      color: #77CC77;
  }
  
  .site {
      background-color:#222200;
      border: 3px solid #AAAA55;
      color: #DDDD77;
  }
  .blink {animation: blink 1s infinite;}@keyframes blink{to{opacity: .0;}}
  
  .ethics_memo {
      background: url(https://scp-wiki.wikidot.com/local--files/theme:basalt/ETHICS_LIGHTLOGO.png) #ffdbc4;
      background-size: contain;
      background-position: top center;
      background-repeat: no-repeat;
      font-family: 'Work Sans', sans-serif;
      box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
      width: 90%;
      min-height: 4rem;
      max-height: 100rem;
      margin-left: auto;
      margin-right: auto;
      text-align: center;
      padding: 10px 20px 20px 20px;
      word-break: break-word;
  }
   
  .ethics_memo>p:nth-child(1)::before {
      content: "ETHICS COMMITTEE MEMORANDUM - SCP-7057 RESEARCH\00000a";
      font-family: 'Work Sans', sans-serif;
      font-weight: 900;
      font-size: 130%;
      text-align: center;
      margin-bottom: 1rem;
      padding-bottom: 0.3rem;
      border-bottom: dotted 0.13rem darkslategrey;
      max-width: 49rem;
      margin-left: auto;
      margin-right: auto;
      display: flex;
      flex-direction: column;
      align-content: stretch;
      align-items: center;
  }
  
  .eversor {
      background: url("https://scp-wiki.wdfiles.com/local--files/the-great-hippo/scp_trans.png") center no-repeat;
      float: center;
      border: solid 2px #000;
      padding: 1px 15px;
      box-shadow: 0 1px 3px rgba(0,0,0,.2);
      font-family: 'Work Sans', sans-serif;
  }
  
  .email {border: solid 2px #000000; width: 88%; padding: 1px 15px; margin: 10px; box-shadow: 0 1px 3px rgba(0,0,0,.5)}
  .tofrom {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px maroon}
  
  .read {
      font-style: italic;
  }

  Pages using this styling

  • fragment:scp-7057-2 [info]

  ¶ 1 occurrence
  

  .danke {
      padding: 5px;
      margin-bottom:10px;
      font-family: monospace;
      font-size: 1.1em;
  }
  
  .agent {
      background-color:#002200;
      border: 3px solid #55AA55;
      color: #77CC77;
  }
  
  .site {
      background-color:#222200;
      border: 3px solid #AAAA55;
      color: #DDDD77;
  }
  .blink {animation: blink 1s infinite;}@keyframes blink{to{opacity: .0;}}
  
  @import url('https://fonts.googleapis.com/css2?family=Work+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
  
  .ethics_memo {
      background: url(https://scp-wiki.wikidot.com/local--files/theme:basalt/ETHICS_LIGHTLOGO.png) #ffdbc4;
      background-size: contain;
      background-position: top center;
      background-repeat: no-repeat;
      font-family: 'Work Sans', sans-serif;
      box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
      width: 90%;
      min-height: 4rem;
      max-height: 100rem;
      margin-left: auto;
      margin-right: auto;
      text-align: center;
      padding: 10px 20px 20px 20px;
      word-break: break-word;
  }
   
  .ethics_memo>p:nth-child(1)::before {
      content: "ETHICS COMMITTEE MEMORANDUM - SCP-7057 RESEARCH\00000a";
      font-family: 'Work Sans', sans-serif;
      font-weight: 900;
      font-size: 130%;
      text-align: center;
      margin-bottom: 1rem;
      padding-bottom: 0.3rem;
      border-bottom: dotted 0.13rem darkslategrey;
      max-width: 49rem;
      margin-left: auto;
      margin-right: auto;
      display: flex;
      flex-direction: column;
      align-content: stretch;
      align-items: center;
  }

  Pages using this styling

  • fragment:scp-7057-1 [info]

  ¶ 1 occurrence
  

  .danke {
      padding: 5px;
      margin-bottom:10px;
      font-family: monospace;
      font-size: 1.1em;
  }
  
  .agent {
      background-color:#002200;
      border: 3px solid #55AA55;
      color: #77CC77;
  }
  
  .site {
      background-color:#222200;
      border: 3px solid #AAAA55;
      color: #DDDD77;
  }
  .blink {animation: blink 1s infinite;}@keyframes blink{to{opacity: .0;}}

  Pages using this styling

  • fragment:scp-7057-0 [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.bunny.net/css2?family=Gloria+Hallelujah&display=swap');
  
  
  .orderwrapper {position: relative;width: auto;text-align: center;}.council1 {position: relative;top: 0;bottom: 0;left: 0;right: 0;width: 295px;height: 295px;filter: invert(95%);margin: auto;background-image: url( "https://kaktuskontainer.wdfiles.com/local--files/format-hell/scp_trans.png" );background-size: 295px 295px;background-repeat: no-repeat;background-position: center;}.ordertitle {position: absolute;left: 0;right: 0;top: 38px;}.ordertitle h1 {font-size: 220%;color: #white;}.orderdescription {position: absolute;left: 0;right: 0;top: 85px;width: 100%;}.orderdescription p {font-size: 90%;color: #white}.orderdescription h1 {font-size: 120%;color: #white;}.itemno {position: absolute;left: 0;right: 0;bottom: 27px;}.itemno h1 {font-size: 170%;color: #white;}
  
  .fade1 { animation: fadeIn 2s; }
  .fade2 { animation: fadeIn 3s; }
  .fade3 { animation: fadeIn 4s; }
  .fade4 { animation: fadeIn 5s; }
  .fade5 { animation: fadeIn 6s; }
  
  .page {
      display: block;
      overflow: hidden;
      font-family: 'Gloria Hallelujah', cursive;
      font-style: cursive;
      font-size: 1.2em;
      line-height: 30px;
  
  
      background-attachment: scroll;
      background-clip: border-box;
      background-color: transparent;
      background-image: linear-gradient(to top ,rgb(202, 219, 228) 0%, rgb(231, 233, 220) 8%);
      background-origin: padding-box;
      background-position: 0px 8px;
      background-repeat: repeat;
      background-size: 100% 20px;
  
      border: 1px solid #CCC;
      border-radius: 10px;
      padding: 10px 10px;
      margin-bottom: 10px;
  
      box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2)
      }
  .page p {
  color: black;
  }
  
  
  
  .page ul {
      line-height: 20px;
      margin: 0;
  }
  .page li {
    line-height: 200%;
  }
  .page ul {
    margin-top: 10px;
    margin-bottom: 10px;
  }
  p.ex {
    color: rgb(0,0,255);
  }
  
  

  Pages using this styling

  • fragment:scp-7021-3 [info]

  ¶ 1 occurrence
  

  .hector {
  float: left;
  padding-left: 10px;
  padding-right: 10px;
  text-align: left;
  border: #000000 1px solid;
  font-size: 10.5pt;
  inline-size: 300px;
  word-wrap: break-word;
  margin-top: 15px;
  margin-bottom: 15px;
  border-left: #ff5703 6px solid;
  background-color: #ffd3bd;
  }
  .alexandria {
  float: right;
  padding-left: 10px;
  padding-right: 10px;
  text-align: left;
  border: #000000 1px solid;
  border-right: #2196F3 6px solid;
  font-size: 10.5pt;
  inline-size: 300px;
  word-wrap: break-word;
  background-color: #ddffff;
  margin-top: 15px;
  margin-bottom: 15px;
  }

  Pages using this styling

  • fragment:scp-7011-4 [info]

  ¶ 1 occurrence
  

  .hector {
  float: left;
  padding-left: 10px;
  padding-right: 10px;
  text-align: left;
  border: #000000 1px solid;
  font-size: 10.5pt;
  inline-size: 300px;
  word-wrap: break-word;
  margin-top: 15px;
  margin-bottom: 15px;
  border-left: #ff5703 6px solid;
  background-color: #ffd3bd;
  }
  .alexandria {
  float: right;
  padding-left: 10px;
  padding-right: 10px;
  text-align: left;
  border: #000000 1px solid;
  border-right: #2196F3 6px solid;
  font-size: 10.5pt;
  inline-size: 300px;
  word-wrap: break-word;
  background-color: #ddffff;
  margin-top: 15px;
  margin-bottom: 15px;
  }
  .alice {
  float: right;
  padding-left: 10px;
  padding-right: 10px;
  text-align: left;
  border: #000000 1px solid;
  border-right: #7403ff 6px solid;
  font-size: 10.5pt;
  inline-size: 300px;
  word-wrap: break-word;
  background-color: #eee0ff;
  margin-top: 15px;
  margin-bottom: 15px;
  }
  .doctor {
  float: left;
  padding-left: 10px;
  padding-right: 10px;
  text-align: left;
  border: #000000 1px solid;
  font-size: 10.5pt;
  inline-size: 300px;
  word-wrap: break-word;
  margin-top: 15px;
  margin-bottom: 15px;
  border-left: #000000 6px solid;
  }

  Pages using this styling

  • fragment:scp-7011-3 [info]

  ¶ 1 occurrence
  

  .hector {
  float: left;
  padding-left: 10px;
  padding-right: 10px;
  text-align: left;
  border: #000000 1px solid;
  font-size: 10.5pt;
  inline-size: 300px;
  word-wrap: break-word;
  margin-top: 15px;
  margin-bottom: 15px;
  border-left: #ff5703 6px solid;
  background-color: #ffd3bd;
  }
  .alexandria {
  float: right;
  padding-left: 10px;
  padding-right: 10px;
  text-align: left;
  border: #000000 1px solid;
  border-right: #2196F3 6px solid;
  font-size: 10.5pt;
  inline-size: 300px;
  word-wrap: break-word;
  background-color: #ddffff;
  margin-top: 15px;
  margin-bottom: 15px;
  }
  .collapsible-block-link, .collapsible-block-unfolded-link, .collapsible-block-folded {
      text-align: center;
  }
  #page-content .table2 tr th {
      background-color: #D8ECF4;
      color: black;
  }
   
  #page-content .table2 .st {
      color: #D8ECF4;
  }
  
  .tableb .wiki-content-table {
      border-collapse: separate;
      border-spacing: 5px;
      padding-left: -100px;
  }
  .jotting {
      padding: 5px 10px 5px 10px;
      box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
      width: 75%;
      margin: auto;
      background: #FDFDFD;
      border: dashed 0.1rem #5D5D5D;
  }
  .email {border: solid 2px #000000; width: 88%; padding: 1px 15px; margin: 10px; box-shadow: 0 1px 3px rgba(0,0,0,.5)}
  .email-example a.collapsible-block-link {font-weight: bold;}
  .tofrom {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px maroon}
  

  Pages using this styling

  • fragment:scp-7011-2 [info]

  ¶ 1 occurrence
  

  .hector {
  float: left;
  padding-left: 10px;
  padding-right: 10px;
  text-align: left;
  border: #000000 1px solid;
  font-size: 10.5pt;
  inline-size: 300px;
  word-wrap: break-word;
  margin-top: 15px;
  margin-bottom: 15px;
  border-left: #ff5703 6px solid;
  background-color: #ffd3bd;
  }
  .alexandria {
  float: right;
  padding-left: 10px;
  padding-right: 10px;
  text-align: left;
  border: #000000 1px solid;
  border-right: #2196F3 6px solid;
  font-size: 10.5pt;
  inline-size: 300px;
  word-wrap: break-word;
  background-color: #ddffff;
  margin-top: 15px;
  margin-bottom: 15px;
  }
  .collapsible-block-link, .collapsible-block-unfolded-link, .collapsible-block-folded {
      text-align: center;
  }
  #page-content .table2 tr th {
      background-color: #D8ECF4;
      color: black;
  }
   
  #page-content .table2 .st {
      color: #D8ECF4;
  }
  
  .tableb .wiki-content-table {
      border-collapse: separate;
      border-spacing: 5px;
      padding-left: -100px;
  }
  .jotting {
      padding: 5px 10px 5px 10px;
      box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
      width: 75%;
      margin: auto;
      background: #FDFDFD;
      border: dashed 0.1rem #5D5D5D;
  }
  .email {border: solid 2px #000000; width: 88%; padding: 1px 15px; margin: 10px; box-shadow: 0 1px 3px rgba(0,0,0,.5)}
  .email-example a.collapsible-block-link {font-weight: bold;}
  .tofrom {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px maroon}
  .footnotes-footer {
  display:none;
  }

  Pages using this styling

  • fragment:scp-7011-1 [info]

  ¶ 1 occurrence
  

  
  :root {
  --bgColor: rgb(255, 255, 255);
  --fgColor: rgb(240, 240, 240);
  --textColor: hsl(37, 100%, 5%);
  --textColorAlt: var(--textColor);
  --accentColor: #807100;
  }
  
   #search-top-box-form input[type="submit"]{
       color: var(--accentColor);
       border-color: var(--accentColor);
  }
   #search-top-box-form input[type="submit"]:hover{
       color: var(--keyColor);
       background: var(--accentColor) !important;
  }
  
  /* FILTER HOTFIX */
   #page-content h2,
   #page-content h3,
   #page-content h4,
   #toc .title,
   strong,
   .bt,
   .listPagesNav-prev p, .listPagesNav-next p,
   .related > p:nth-child(1)::before,
   .related > ol:nth-child(1)::before,
   .related > ul:nth-child(1)::before,
   .related > a:nth-child(1)::before,
   #page-content .earthworm a{
       filter: saturate(.85) brightness(1.15);
  }
  
  body {
  background-image: none;
  }
  
  @media (prefers-reduced-motion: no-preference) {
    #container-wrap-wrap:before,
    #container-wrap-wrap:after {
  box-shadow: none;
  }
  
    #container-wrap:before,
    #container-wrap:after {
  box-shadow: none;
  }
  
    #container:before,
    #container:after {
  box-shadow: none;
  }
  
  #header h1 a::before, #header h2::before, h1, h2, h3, h4, h5, h6 {
  filter: none;
  color: var(--accentColor);
  background: none;
  }
  
  #top-bar .open-menu a, #main-content h1, #main-content h2, #main-content h3, #main-content h4, #main-content h5, #main-content h6 {
  filter: none;
  }
  
  #extra-div-1 {
    filter: brightness(60%) opacity(0.25);
  }
  

  Pages using this styling

  • fragment:scp-7006-8 [info]

  ¶ 1 occurrence
  

  
  :root {
  --bgColor: rgb(51, 3, 48);
  --fgColor: rgb(97, 8, 83);
  }
  

  Pages using this styling

  • fragment:scp-7006-6 [info]

  ¶ 1 occurrence
  

  
  :root {
  --bgColor: rgb(3, 17, 51);
  --fgColor: rgb(8, 34, 97);
  }
  

  Pages using this styling

  • fragment:scp-7006-4 [info]

  ¶ 1 occurrence
  

  
  :root {
  --bgColor: rgb(51, 3, 3);
  --fgColor: rgb(97, 8, 8);
  }
  

  Pages using this styling

  • fragment:scp-7006-2 [info]

  ¶ 1 occurrence
  

  .w-container {
      background-color: #0f5717;
      border: none;
      border-left: groove 0.4rem var(--accentColor);
      border-right: groove 0.4rem var(--accentColor);
      padding: 16px;
      margin-top: 12px;
      margin-bottom:12px;
      box-shadow: none;
      color: #fdfdfd;
      filter: drop-shadow(0px 6px 11px rgba(0,0,0,0.4));
  }
  
  .w-container strong {
    color: var(--textColor);
    filter: none;
  }
  
  #page-content .cell-container-image {
      background: url(https://scp-wiki.wikidot.com/local--files/scp-7006/radix.png) center no-repeat !important;
  }
  
  @media (max-width: 706px) {
      #page-content .cell-container {
          background: none !important;
       }
  }

  Pages using this styling

  • fragment:scp-7006-1 [info]

  ¶ 1 occurrence
  

  
  div#page-title::after {
    content: "by ekronak";
    font-size: 40%;
    color: #888;
    background: none;
  }
  
  div#page-title {
    border-bottom: 1px solid #000;
    padding-bottom: 0.2em;
  }
  

  Pages using this styling

  • fragment:scp-7004-0 [info]

  ¶ 1 occurrence
  

  .email-example .collapsible-block-folded a.collapsible-block-link {
      
  }
  .email {border: solid 2px #000000; width: 88%; padding: 1px 15px; margin: 10px; box-shadow: 0 1px 3px rgba(0,0,0,.5)}
  .email-example a.collapsible-block-link {font-weight: bold;}
  .tofrom {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px maroon}

  Pages using this styling

  • fragment:scp-6988-2 [info]

  ¶ 1 occurrence
  

  .overwatch_memo {
      background: url(https://scp-wiki.wikidot.com/local--files/theme:basalt/O5_LIGHTLOGO.png) #e3e3e3;
      background-size: contain;
      background-position: top center;
      background-repeat: no-repeat;
      box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
      width: 90%;
      min-height: 4rem;
      max-height: 100rem;
      margin-left: auto;
      margin-right: auto;
      text-align: center;
      padding: 10px 30px 20px 20px;
      word-break: break-word;
  }
   
  .overwatch_memo>p:nth-child(1)::before {
      content: "OVERWATCH COMMAND\00000a";
      font-weight: 900;
      font-size: 130%;
      text-align: center;
      margin-bottom: 1rem;
      padding-bottom: 0.55rem;
      border-bottom: dotted 0.13rem darkslategrey;
      max-width: 49rem;
      margin-left: auto;
      margin-right: auto;
      display: flex;
      flex-direction: column;
      align-content: stretch;
      align-items: center;
  }
  
  .overwatch_memo a{
      font-weight: 700;
  }

  Pages using this styling

  • fragment:scp-6987-4 [info]

  ¶ 1 occurrence
  

  
  :root {
      --basalt-primary-color: 50,50,50;
      --basalt-secondary-color: 55,55,55;
      --basalt-tertiary-color: 218,219,222;
      --basalt-main-text-color: 254,254,254;
      --basalt-overtone: 50,50,50;
      --basalt-undertone: 155,154,162;
   
      --basalt-bright-element-color: 16,76,184;
      --basalt-dark-element-color: 18,20,150;
      --basalt-alternate-color: 255,132,0;
      --basalt-positive-color: 24,163,20;
      --basalt-negative-color: 255,48,48;
      --basalt-cancel-color: var(--basalt-negative-color);
      --basalt-sub-text-color: 155,154,162;
      --basalt-light-text-color: var(--basalt-primary-color);
   
      --basalt-UI-dark-palette: var(--basalt-overtone);
      --basalt-focus-color: var(--basalt-undertone);
      --basalt-background-color: var(--basalt-primary-color);
  }
  #page-content .wiki-content-table tr th {
      border: solid 1px #000 !important;
  box-shadow:0px 0px 0px #000000;
  }
  .notation {
      border-left: solid 3px rgb(30, 30, 30);
      border-right: solid 3px rgb(30, 30, 30);
      padding: 25px 25px 25px 25px;
      box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
      width: 75%;
      margin: auto;
      background: --basalt-secondary-color
  }
  .email-example .collapsible-block-folded a.collapsible-block-link {
      animation: blink 0.8s ease-in-out infinite alternate;
  border:none;
  }
  @keyframes blink {
      0% { color: transparent; }
      50%, 100% { color: rgb(255,48,48); }
  }
  
  .newlink {
      animation: flash 0.8s ease-in-out infinite alternate;
  border:none;
  }
  @keyframes flash{
      0% { color: transparent; }
      50%, 100% { color: orange; }
  }
  
  #page-content .wiki-content-table tr td {
      border: 1px #000 solid !important;
  box-shadow:0px 0px 0px #000000;
  }
  table.wiki-content-table{
  margin:0;
  border: 0px solid black;
  }
  table.wiki-content-table tr td {
      border: 0px solid black;
  }
  table.wiki-content-table tr th {
      border:0px solid black;
  }
  .terminal {
      padding: 15px 15px 15px 15px;
      box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
      width: auto;
      margin: auto;
      background: black;
      border: solid 2px #5D5D5D;
      color:orange;
      font-family:"Lucida Console", monospace;
      text-align: left;
  }
  .terminal a:link, a:visited {
  text-decoration: underline, bold;
  color: orange; 
  }

  Pages using this styling

  • fragment:scp-6987-3 [info]

  ¶ 1 occurrence
  

  .notation {
      border-left: solid 3px rgb(30, 30, 30);
      border-right: solid 3px rgb(30, 30, 30);
      padding: 25px 25px 25px 25px;
      box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
      width: 75%;
      margin: auto;
      background: #f7f7f7;
  }
  
  .raisa_memo {
      background: url(https://scp-wiki.wikidot.com/local--files/theme:basalt/RAISA_LIGHTLOGO.png) #fff3ad;
      background-size: contain;
      background-position: top center;
      background-repeat: no-repeat;
      box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
      width: 90%;
      min-height: 4rem;
      max-height: 100rem;
      margin-left: auto;
      margin-right: auto;
      text-align: center;
      padding: 10px 20px 20px 20px;
      word-break: break-word;
  }
   
  .raisa_memo>p:nth-child(1)::before {
      content: "NOTICE FROM THE RECORDS AND INFORMATION SECURITY ADMINISTRATION\00000a";
      font-weight: 900;
      font-size: 130%;
      text-align: center;
      margin-bottom: 1rem;
      padding-bottom: 0.3rem;
      border-bottom: dotted 0.13rem darkslategrey;
      max-width: 49rem;
      margin-left: auto;
      margin-right: auto;
      display: flex;
      flex-direction: column;
      align-content: stretch;
      align-items: center;
  }

  Pages using this styling

  • fragment:scp-6987-2 [info]

  ¶ 1 occurrence
  

  .customlink a{
      color: red;
  }
  .notation {
      border-left: solid 3px rgb(30, 30, 30);
      border-right: solid 3px rgb(30, 30, 30);
      padding: 25px 25px 25px 25px;
      box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
      width: 75%;
      margin: auto;
      background: #f7f7f7;
  }
  
  .raisa_memo {
      background: url(https://scp-wiki.wikidot.com/local--files/theme:basalt/RAISA_LIGHTLOGO.png) #fff3ad;
      background-size: contain;
      background-position: top center;
      background-repeat: no-repeat;
      box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
      width: 90%;
      min-height: 4rem;
      max-height: 100rem;
      margin-left: auto;
      margin-right: auto;
      text-align: center;
      padding: 10px 20px 20px 20px;
      word-break: break-word;
  }
   
  .raisa_memo>p:nth-child(1)::before {
      content: "NOTICE FROM THE RECORDS AND INFORMATION SECURITY ADMINISTRATION\00000a";
      font-weight: 900;
      font-size: 130%;
      text-align: center;
      margin-bottom: 1rem;
      padding-bottom: 0.3rem;
      border-bottom: dotted 0.13rem darkslategrey;
      max-width: 49rem;
      margin-left: auto;
      margin-right: auto;
      display: flex;
      flex-direction: column;
      align-content: stretch;
      align-items: center;
  }
  
  .document {
      background: white;
      box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
      margin: 26px auto 0;
      max-width: 550px;
      min-height: 300px;
      padding: 24px;
      padding-top: 50px;
      position: relative;
      width: 80%;
  }
   
  .document:before,
  .document:after {
      content: "";
      height: 98%;
      position: absolute;
      width: 100%;
      z-index: -1;
  }
   
  .document:before {
      background: #fafafa;
      box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
      left: -5px;
      top: 4px;
      transform: rotate(-2.5deg);
  }
   
  .document:after {
      background: #f6f6f6;
      box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
      right: -3px;
      top: 1px;
      transform: rotate(1.4deg);
  }
  @media (max-width: 1020px) {
  
      .document,
      {
          width: 95%;
      }
  }
  @media (max-width: 500px) {
      .document, .darkdocument {
          width: auto;
      }
  }
  
  

  Pages using this styling

  • fragment:scp-6987-1 [info]

  ¶ 1 occurrence
  

  .customlink a{
      color: red;
  animation: blink 0.8s ease-in-out infinite alternate;
  }
  .email-example .collapsible-block-folded a.collapsible-block-link {
      animation: blink 0.8s ease-in-out infinite alternate;
  border: 1px solid maroon;
  padding:0.25em;
  border-radius:5px;
  background:white;
  }
  @keyframes blink {
      0% { color: transparent; }
      50%, 100% { color: #b01; }
  }
  [!--body{
  background-color:#a4c2ec;
  }--]
  hr{
  background-color:black;
  border-color:black;
  height:3px;
  }
  h1, h2, h3, h4{
  color: rgb(244, 244, 244);
  }
  h5{
  color:#275495;
  }
  .darkpanel{
  background:#424248;
  border: 1px solid inherit;
  border-radius:10px;
  padding:10px;
  color:rgb(244,244,244);
  }
  .lightpanel{
  background:rgb(187,225,250);
  border: 1px solid inherit;
  border-radius:10px;
  padding:5px;
  color:rgb(48,48,52);
  margin:10px;
  }
  .fakeh3{
  font-family: 'Work Sans', sans-serif;
  font-weight: 800;
  text-transform: uppercase;
  color: black;
  font-size:130%;
  }
  
  .headbox{
  background:#275495;
  padding:2px;
  margin:auto;
  text-align:center;
  border: 1px solid #275495;
  border-radius:10px; 
  }
  .pamphlet{
  background:rgb(170,170,170); 
  padding:10px; 
  [!--border-radius:10px;--]
  }
  .column{
  float:left;
  width:50%;
  padding:3px;
  }
  .columnnarrow{
   float:left;
  width: 50%
  }
  
  .columnwide {
    float: left;
    width: 50%;
  }
  .column .lc{
  border-right: 2px solid #424248;
  }
  /* Clear floats after the columns */
  .row:after {
    content: "";
    display: table;
    clear: both;
  }
  * {
    box-sizing: border-box;
  }
  
  /* Set a background color */
  .timeline-flex {
    position: relative;
    max-width: 1200px;
    margin: 15px auto;
  margin-top:5px;
    background-color: rgb(187,225,250); /* background blue*/
    border: 5px solid rgb(187,225,250);
  border-radius:10px;
  overflow:hidden;
    display: flex;
    flex-wrap: wrap;
  }
  
  /* The actual timeline (the vertical ruler) */
  .timeline-flex::after {
    content: '';
    position: absolute;
    width: 6px;
    background-color: black;
    top: 0;
    bottom: 0;
    left: 50%;
    margin-left: -3px;
  }
  
  /* Container around content */
  .container {
    padding: 10px 30px;
    position: relative;
    background-color: inherit;
    border-radius: 10px;
    flex-basis: 50%;
  color: white;
  }
  
  /* The circles on the timeline */
  .left::after,
  .right::after
   {
      content: '';
      position: absolute;
      width: 25px;
      height: 25px;
      right: -17px;
      background-color: #E09F1F;
      border: 4px solid black;
      top: 15px;
      border-radius: 50%;
      z-index: 1;
  overflow:visible;
  }
  
  .right::after {
      left: -16px;
  }
  
  
  
  /* Bubble around the text. */
  .time-content {
    padding: 10px 15px;
    background-color: #424248;
    position: relative;
    border-radius: 6px;
  }
  
  .timeline-image > img {
      width: 20em;
      border-radius: 6px;
      border: 4px solid #424248;
  background-color: rgb(244,244,244)
  }
  
  .timeline-image {
     text-align: center;
    border-radius:6px;
  }
  
  
  /* Media queries - Responsive timeline on screens less than 600px wide */
  @media screen and (max-width: 600px) {
  /* Place the timelime to the left */
    .timeline::after {
      left: 0px;
  flex-basis:0;
    }
  
  /* Full-width containers */
    .container {
      width: 100%;
      padding-left: 70px;
      padding-right: 25px;
  color:white;
    }
  
  
  
  /* Make sure all circles are at the same spot */
    .left::after, .right::after {
      left: -17px;
    }
  
  /* Make all right containers behave like the left ones */
    .right {
      left: 0%;
    }
    .timeline-flex {
   display: block;
          border-left: 6px solid black;
  border-top-left-radius:0;
  border-bottom-left-radius:0;
      }
  
      .timeline-flex::after {
          content: unset;
  left:31px;
      }
  
  
  
  .columnnarrow{
   float:left;
  width: 100%
  }
  
  .columnwide {
    float: left;
    width: 100%;
  }
  
  .column{
    float: left;
    width: 100%;
  }
  
  }
  
  .notation {
      border-left: solid 3px rgb(30, 30, 30);
      border-right: solid 3px rgb(30, 30, 30);
      padding: 25px 25px 25px 25px;
      box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
      width: 75%;
      margin: auto;
      background: #f7f7f7;
  }
  
  .raisa_memo {
      background: url(https://scp-wiki.wikidot.com/local--files/theme:basalt/RAISA_LIGHTLOGO.png) #fff3ad;
      background-size: contain;
      background-position: top center;
      background-repeat: no-repeat;
      box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
      width: 90%;
      min-height: 4rem;
      max-height: 100rem;
      margin-left: auto;
      margin-right: auto;
      text-align: center;
      padding: 10px 20px 20px 20px;
      word-break: break-word;
  }
   
  .raisa_memo>p:nth-child(1)::before {
      content: "NOTICE FROM THE RECORDS AND INFORMATION SECURITY ADMINISTRATION\00000a";
      font-weight: 900;
      font-size: 130%;
      text-align: center;
      margin-bottom: 1rem;
      padding-bottom: 0.3rem;
      border-bottom: dotted 0.13rem darkslategrey;
      max-width: 49rem;
      margin-left: auto;
      margin-right: auto;
      display: flex;
      flex-direction: column;
      align-content: stretch;
      align-items: center;
  }

  Pages using this styling

  • fragment:scp-6987-0 [info]

  ¶ 1 occurrence
  

  
  #header > h1 > a::after {
    content: "| SITE-17 DOPEWELL";
    size: 50%;
    font-size: 69%;
  }
  
  :root {
  
  --header-title: "ADDITION";
  
  --admo-backdrop: url(https://scp-wiki.wikidot.com/local--files/azamo/6820-bg.webp);
  
  --admo-color-bright: 199, 46, 51;
  --admo-color-dim: 24, 2, 4;
  --admo-color-dark: 6, 0, 1;
  --admo-color-alt: 148, 22, 24;
  
  --general-border-color: 50, 30, 31;
  --basalt-tertiary-color: 35, 10, 8;
  --darkdocument-background-color: 14, 10, 10;
  
  --side-bar-link-color-hover: var(--basalt-light-text-color);
  --top-bar-dropdown-link-color-hover: var(--basalt-light-text-color);
  --login-status-text-color-hover: var(--basalt-light-text-color);
  --button-hover-text-color: var(--basalt-light-text-color);
  --selection-text-color: var(--basalt-light-text-color);
  
  --one-color: 0, 255, 0 !important;
  
  }
  
  .admo-accessibility {
  font-size: 0.5rem;
  }
  
  .anom-bar-container.esoteric .text-part > .main-class::after, .danger-diamond > .bottom-icon::before {
  background-image: url("http://smlt.wikidot.com/local--files/shineshadowd:gyd4/Chhokmah.svg")
  }
  
  .w-text {
  text-align: left;
  color: #9370DB;
  }
  
  .n-text {
  text-align: right;
  color: HotPink;
  }
  
  #page-content .limeselectbecausefuckyou {
  --selection-background-color: 0, 255, 0;
  --selection-text-color: 255, 255, 255;
  --fnColor: #00ff00;
  }
  
  .icantbelieveineedtomakeaclassforthis span {
  font-size: 500%;
  }
  
  @media screen and (max-width: 50rem) {
  .icantbelieveineedtomakeaclassforthis span {
  font-size: 200%;
  }
  }
  

  Pages using this styling

  • fragment:scp-6969-j-1 [info]

  ¶ 1 occurrence
  

  div.console{
      background-color: black;
      border: double 3px #80FF80;
      margin-top: 18px;
      margin-bottom: 12px;
      padding-left: 18px;
      padding-right: 18px;
      color: #80FF80;
      font-family: monospace;
      font-size: 12pt;
  }
  div.console::before{content:"43NET COMMAND PROMPT";
  border: double 3px #80FF80;
  margin: auto;
  width: 50%;
  color: #80FF80;
  background-color: black;
  padding: 1px 3px;
  font-weight: bold;
  letter-spacing: 2px}

  Pages using this styling

  • fragment:scp-6858-offset-1 [info]

  ¶ 1 occurrence
  

  div.page-rate-widget-box .rate-points {
      background-color: #633;
      border: solid 1px #633;
      border-right: 0;
      border-radius: 5px 0 0 5px;
  }
   
  .page-rate-widget-box .rateup,
  .page-rate-widget-box .ratedown {
      background-color: #fff6f0;
      border-top: solid 1px #633;
      border-bottom: solid 1px #633;
      font-weight: bold;
  }
   
  .page-rate-widget-box .rateup a,
  .page-rate-widget-box .ratedown a {
      background: transparent;
      color: #633;
      padding: 0 4px;
      margin: 0 1px;
  }
   
  .page-rate-widget-box .rateup a:hover,
  .page-rate-widget-box .ratedown a:hover {
      background: #633;
      color: #fffff0;
      text-decoration: none;
  }
   
  .page-rate-widget-box .cancel {
      background-color: #633;
      border: solid 1px #633;
      border-left: 0;
      border-radius: 0 5px 5px 0;
  }
   
  .page-rate-widget-box .cancel a {
      background: transparent;
      text-transform: uppercase;
      color: #966;
  }
   
  .page-rate-widget-box .cancel a:hover {
      border-radius: 0 3px 3px 0;
      background: #633;
      color: #fffff0;
      text-decoration: none;
  }
  a {
      color: #9c3111;
      text-decoration: bold;
  }
   
  a.newpage {
      color: #FF0000;
      text-decoration: bold;
  }
   
  #side-bar a:visited,
  #interwiki a:visited {
      color: #9c3111;
  }
   
  a:visited {
      color: #E10000;
  }
  div.console{
      background-color: black;
      border: double 3px #80FF80;
      margin-top: 18px;
      margin-bottom: 12px;
      padding-left: 18px;
      padding-right: 18px;
      color: #80FF80;
      font-family: monospace;
      font-size: 12pt;
  }
  div.console::before{content:"43NET COMMAND PROMPT";
  border: double 3px #80FF80;
  margin: auto;
  width: 50%;
  color: #80FF80;
  background-color: black;
  padding: 1px 3px;
  font-weight: bold;
  letter-spacing: 2px}
  }
  span, a { word-break: normal !important }
  }

  Pages using this styling

  • fragment:scp-6858-offset-0 [info]

  ¶ 1 occurrence
  

  div#container-wrap {
      background: url('http://scp-sandbox-3.wdfiles.com/local--files/harry-blank/bg.png') top left repeat-x;
      background-size: 105px;
  }
  #header {
      height: 140px;
      position: relative;
      z-index: 10;
      padding-bottom: 30px; /* for menu */
      background: url('http://scp-sandbox-3.wdfiles.com/local--files/harry-blank/OSATlogosmall.png') 10px 35px no-repeat;
  }
  #header h2 span::before {
      content: "True Patriot Love";
      font-family: "Stardos Stencil", "Times New Roman", serif;
      font-weight: 700;
      font-weight: bold;
      font-style: normal;
      color: #FFFF92;
      text-shadow: 0 1px 3px rgba(0,0,0,.8)
  } 
  #header h1 a::before {
      content: "GC.CA/OSAT";
      font-family: "Stardos Stencil", "Times New Roman", serif;
      font-weight: 700;
      color: FFFF92;
      font-style: normal;
      text-shadow: 0 1px 3px rgba(0,0,0,.8)
  }
  .scp-image-block .scp-image-caption {
     font-family: 'Verdana', sans-serif;
     font-size: 9pt;
     background-color:  #ffffff;
     color: black;
  }
  h1, h2, h3, h4, h6, h7 {
      font-family: 'Oswald', sans-serif;
      font-style: normal;
      color: black;
      font-weight: bold;
  }
   
  #page-title {
      border-color: black;
  }
   
  .blockquote, blockquote {
      background-color: #f4f4f4;
      color: black;
      font-family: 'Verdana', sans-serif;
      border: 4px solid #d84519;

  Pages using this styling

  • fragment:scp-6858-offset-0 [info]

  ¶ 1 occurrence
  

  @media (max-width: 767px) {
      .scp-image-block.block-left {
          float: none;
          margin: auto;
      }
  }

  Pages using this styling

  • fragment:scp-6858-offset-0 [info]

  ¶ 1 occurrence
  

  /* Flopstyle: LITE
   * [2020 Wikidot Theme]
   * Created by Lt Flops
   * Select CSS Styles Are Credited Where Necessary
   * -- (CC BY-SA 3.0) --
  **/
  
  /* -------- TOP-BAR -------- */
   #search-top-box,
   #top-bar,
   #login-status{
       right: 0;
  }
   #top-bar ul li ul{
       top: 22px;
  }
   #search-top-box-form input[type="submit"]{
       font-size: unset;
  }
   #search-top-box-input,
   #search-top-box-form input[type="submit"]{
       background-color: hsl(0, 0%, 20%);
       background-image: none;
       border-color: hsl(0, 0%, 60%);
       border-radius: 0;
  }
   #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{
       background-color: hsl(0, 0%, 30%);
       background-image: none;
       border-color: hsl(0, 0%, 70%);
  }
   #top-bar .open-menu a{
       border-radius: unset;
       border-width: .1em;
  }
   
  /* -------- SIDE-BAR -------- */
   #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'
  **/
   .anchor{
       position: -webkit-sticky;
       position: sticky;
       top: 0;
   
       z-index: 5;
  }
   .authorbox,
   .sidebox{
       position: absolute;
       width: calc((100vw - 870px) / 2);
       max-height: calc(100vh - 18rem);
       margin-right: 8px;
       padding: .3em 1.64em;
   
       box-sizing: border-box;
   
       z-index: 5;
  }
   .authorbox{
       top: .5em;
       right: 103.5%;
       max-width: calc((100vw - 921.2px) / 2) !important;
       padding-right: 1em;
   
       font-size: 95%;
  }
   .sidebox{
       left: 103.5%;
       margin-left: 1em;
       padding-left: 1em;
   
       background: hsl(0, 0%, 100%);
       border: 1px solid hsl(0, 0%, 73%);
       border-left: 8px solid var(--accentColor);
  }
   .authorbox tr th,
   .authorbox tr td,
   .sidebox tr th,
   .sidebox tr td{
       padding: .25em !important;
  }
   .flavorbox{
       width: 75%;
       margin: auto auto 5px;
       padding: 0 1em;
   
       border: 1px solid #888;
  }
   
  /* -------- Sidebox Mobile Optimization Courtesy of Woedenaz -------- */
   .limit{
       line-height: 1.5;
       z-index: 5;
  }
   .limit br{
       display: block;
  }
   @media (max-width: 1280px){
       .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: 1280px){
       .authorbox{
           display: none;
           visibility: hidden;
      }
  }
   
  /* -------- GENERAL -------- */
   :root{
     --accentColor: hsl(0, 100%, 30%);
     --vivid-lime-green: hsl(112, 77%, 48%);
  }
   body{
       color: hsl(0, 0%, 5%);
   
       word-break: unset;
  }
   #search-top-box-input,
   #search-top-box-input:hover,
   #search-top-box-input:focus,
   #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;
  }
   
  /* -------- COLLAPSIBLES -------- */
   .collapsible-block-link {
       font-size: 120%;
       font-weight: bold;
  }
   
  /* Licensebox Collapsible */
   .licensebox {
       text-align: center;
  }
   
   .licensebox blockquote,
   .licensebox div.blockquote {
       text-align: left;
  }
   
  /* -------- INFO BAR -------- */
   body {
       --barColour: hsl(0, 89%, 18%);
  }
   
   .u-faq {
       display: none;
  }
   
   .info-container .collapsible-block-link {
       font-size: 100%;
  }
   
   .info-container div.collapsible-block-content {
       padding: 0 .5em 30px;
  }
   
   .info-container div.collapsible-block-content .wiki-content-table,
   .footer-wikiwalk-nav .collapsible-block .wiki-content-table {
       width: 90%;
  }
   
  /* -------- INFO PANE -------- */
   .creditRate{
       margin-right: 0 !important;
  }
   .rate-box-with-credit-button{
       border-radius: 0 !important;
       box-shadow: none !important;
  }
   .creditButton p a:hover,
   .creditButtonStandalone p a:hover{
       color: var(--vivid-lime-green) !important;
  }
   div.credit.first .wiki-content-table {
       width: 100%;
  }
   
  /* -------- PAGE RATING -------- */
   .page-rate-widget-box{
       margin-right: 0;
  }
   .page-rate-widget-box,
   div.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;
   
       line-height: 1.2;
       text-align: center;
       text-underline-offset: 25%;
       word-break: unset;
  }
   hr{
       height: 0;
       margin: 1em 0;
   
       background-color: transparent;
       border-top: 1px solid hsl(0, 0%, 67%);
  }
   
   ol li{
       margin: 0 0 1em;
  }
   ul{
       margin:1em 0;
  }
   li, p{
       line-height: 1.5;
       text-underline-offset: 30%;
  }
   .footnotes-footer, .bibitems{
       padding: 0 0 .5em;
  }
   
  /* -------- IMAGE BLOCK -------- */
  .scp-image-block .scp-image-caption{
       font-size: 95%;
       line-height: 1.35;
       text-underline-offset: 30%;
  }
   .scp-image-block.block-right{
       margin: 0 0 1em 2em;
  }
   
  /* -------- CUSTOM DIV BLOCKS -------- */
   .raisa-header, .pink-header,
   .oracle-header, .cicapoco-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: 1px 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;
  }
   
   .cicapoco-header{   /* ---- SPC's RAISA-Equivalent Header ---- */
       background: lightblue;
       border: 1px solid hsl(195, 50%, 39%);
  }
   .cicapoco-header hr{
       border-color: hsl(195, 50%, 39%);
  }
   
   .content-warning{   /* ---- Content Warning ---- */
       width: 75%;
       margin: 1rem auto;
       padding: 0 1rem;
   
       background: white;
       border: 3px double black;
   
       text-align: center;
  }
   
   blockquote, /* ---- Regular Quote Block ---- */
   div.blockquote{
       background-color: hsl(0, 0%, 96%);
       border: 3px double hsl(0, 0%, 60%);
  }
   blockquote table.wiki-content-table th,
   div.blockquote table.wiki-content-table th{
       background-color: hsl(0, 0%, 89%);
  }
   
   .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%);
  }
   
   .report-box.red-tint blockquote hr, .report-box.red-tint div.blockquote hr,
   .report-box.orange-tint blockquote hr, .report-box.orange-tint div.blockquote hr,
   .report-box.yellow-tint blockquote hr, .report-box.yellow-tint div.blockquote hr,
   .report-box.green-tint blockquote hr, .report-box.green-tint div.blockquote hr,
   .report-box.cyan-tint blockquote hr, .report-box.cyan-tint div.blockquote hr,
   .report-box.blue-tint blockquote hr, .report-box.blue-tint div.blockquote hr,
   .report-box.magenta-tint blockquote hr, .report-box.magenta-tint div.blockquote hr,
   .report-box.grey-tint blockquote hr, .report-box.grey-tint div.blockquote hr{
       border-color: hsl(0, 0%, 67%);
  }
   
   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%, 63%);
  }
   
   .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;
  }
   .warning-notice hr{
       border-color: hsl(0, 0%, 5%);
  }
   
   .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 .bibitems,
   .indented .footnoteref,
   .indented .footnotes-footer,
   .indented .scp-image-block,
   .indented h1, .indented h2, .indented h3,
   .indented h4, .indented h5, .indented h6,
   .indented .image-container,
   .indented ol,
   .indented ul,
   .indented .centered{
       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;}
   @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: 3.6em 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: 3.5em;
       margin: 2em 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;
  }
   
  /* -------- WIKIWALK NAVIGATOR -------- */
   .footer-wikiwalk-nav {
      text-align: center;
  }
   
  /* -------- INTERWIKI -------- */
   div.scpnet-interwiki-wrapper{
       margin-bottom: 2rem;
  }
   iframe.scpnet-interwiki-frame{
       width: 17.75em;
       min-height: 4.25em;
       margin-left: 4px;
   
       background: hsl(127, 050%, 94%);
       border: 1px solid hsl(0, 0%, 20%);
  }
   #interwiki body{
       overflow: hidden;
  }
   #interwiki .side-block{
       padding: 5px;
   
       background: 0;
       border: 0;
       box-shadow: none;
  }
   #interwiki .heading{
       color: hsl(0, 0%, 5%);
       border-bottom: 1px solid hsl(0, 0%, 20%);
  }
   #interwiki .menu-item img{
       display: none;
  }
   
  /* -------- SHOW-CHANGES HIGHLIGHTS -------- */
   .inline-diff ins::before{
       color: hsl(240, 100%, 93%);
  }
   .inline-diff del::before{
       color: hsl(0, 100%, 90%);
  }
   .inline-diff ins + del::before,
   .inline-diff del + ins::before{
       color: transparent;
  }
   .inline-diff br + ins::before,
   .inline-diff br + del::before,
   .inline-diff ins:first-of-type::before,
   .inline-diff del:first-of-type::before{
       position: absolute;
       display: inline-block;
       left: -1em;
   
       content: "\f111";
       font: normal normal normal 16px/1 "FontAwesome";
       text-rendering: auto;
       -webkit-font-smoothing: antialiased;
       -moz-osx-font-smoothing: grayscale;
  }
   
  /* -------- PRESENTATION -------- */
   .templateInfo{
       margin: 1em 0;
       padding: 0 1em;
       background: hsl(0, 0%, 100%);
       border: 1px solid hsl(0, 0%, 87%);
  }
   
  /* -------- CROQSTYLE ALTERATIONS -------- */
   #edit-page-textarea{ font-family: unset; }
   tt{
       background-color: unset;
       font-size: unset;
       padding: unset;
       margin: unset;
       border-radius: unset;
  }
   
  /* ---- BETTERFOOTNOTES PATCH ---- */
   :root{
       --posX: calc(50% - 358px - 13rem) !important;
       --fnLinger: 1.5s !important;
  }
   .fnnum{
       font-size: 90%;
  }
   .fnnum:hover + .fncon{
       right: calc(-8vw - 4rem) !important;
  }
   
  /* -------- 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%;
      }
  }

  Pages using this styling

  • fragment:scp-6848-2 [info]

  ¶ 1 occurrence
  

  /*
      BLANKSTYLE CSS
      [2021 Wikidot Theme]
      By Placeholder McD and HarryBlank
      Based on:
         Paperstack Theme by EstrellaYoshte
         Penumbra Theme by EstrellaYoshte
  */
   
  @import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,800;1,800&display=swap');
   
  #page-content { font-size: .9rem; }
   
  #main-content {
      top: -1.6rem;
      padding: 0.2em;
  }
   
  div#container-wrap {
       background-image: none;
  }
   
  div#header {
      background-image: none;
  }
   
  #header h1, #header h2 { margin-left: 0; float: none; text-align: center; }
  #header h2 { margin-top: 0.5rem; }
  #header h1 span, #header h2 span { font-size: 0; display: none;}
  #header h1 a::before, #header h2::before {
      color: #000;
      letter-spacing: 1px;
      font-family: 'Montserrat', sans-serif !important;
      text-shadow: none;
  }
   
  #header h1 a::before {
    content: var(--header-title, "R\0026 D SITE-51");
    font-weight: 400;
    font-size: 1.3em;
  }
   
  #header h2::before {
    content: var(--header-subtitle, "SPREADING CONSPIRACIES OF THE PARANORMAL");
    font-weight: 700;
    font-size: 1.2em;
  }
   
  @media (max-width: 707px) {
      #header h1 a::before {
          font-size: 1.6em;
      }
  }
   
  #login-status,
  #login-status a {
      color: #333333;
  }
   
  #page-title {
      display: none;
  }
   
  #footer, #footer a {
      background: transparent;
      color: #333333;
  }
   
  #search-top-box-input,
  #search-top-box-input:hover,
  #search-top-box-input:focus,
  #search-top-box-form input[type=submit],
  #search-top-box-form input[type=submit]:hover,
  #search-top-box-form input[type=submit]:focus {
      border: none;
      background: #333333;
      box-shadow: none;
      border-radius: 0px;
      color: #efefef;
  }
   
  #search-top-box input.empty {
      color: #999999;
  }
   
  #search-top-box {
      top: 2.3rem!important;
      right: 8px;
  }
   
  #top-bar { 
     display: flex;
     justify-content: center;
     right: 0;
     top: 7.9rem;
  }
   
  #top-bar, #top-bar a {
      color: #333333;
  }
   
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
      font-family: 'Montserrat', sans-serif;
      color: #000;
      letter-spacing: 1px;
  }
   
  h1 {
      font-size: 2em;
  }
   
  h2 {
      font-size: 1.45em;
  }
   
  div#extra-div-1 {
      height: 160px;
      width: 100%;
      top: 0;
      position: absolute;
      background: url('https://i.imgur.com/taaL3vs.png');
      background-size: contain;
      background-repeat: no-repeat;
      background-position: 50% 50%;
      z-index: -1;
  }
   
  @media (max-width: 707px) {
      div#extra-div-1 {
          top: 15px;
      }
  }
   
  body {
      background-image: linear-gradient(
          to bottom,
          #e0e0e0, #e0e0e0 90px,
          #e0e0e0 90px, #ffffff 200px,
          #ffffff 200px, #ffffff 100%);
      background-repeat: no-repeat;
  }
   
  :root {
    --timeScale: 1.5;
    --timeDelay: 1.5s;
    --posX: calc(50% - 358px - 13rem);
    --fnLinger: 1s;
  }
   
  #page-content hr {
      background-color: #000;
  }
   
  #page-content tr th {
      padding: 6px;
      border: #000 1px solid;
  }
   
  #page-content tr td {
      padding: 12px;
      border: #000 1px solid;
      line-height: 1.4;
  }
   
  #page-content .sidebox tr td, 
  #page-content .sidebox tr th {
      padding: 0.35em;
  }
   
  #side-bar {
      border-right: 1px solid #333;
      background: #DDD;
  }
   
  #side-bar .side-block {
      border: 1px solid #333;
      border-radius: 0;
      box-shadow: none;
  }
   
  #top-bar div.open-menu a {
      border: 1px solid #333;
      border-radius: 0;
      box-shadow: none;
  }
   
  @media (max-width: 767px) {
      #side-bar:target {
          border: 1px black;
          box-shadow: none;
      }
  }
   
  #side-bar .side-block {
      border: 1px solid #333;
      border-radius: 0;
      box-shadow: none;
      background-color: #FDF6D7;
  }
  #side-bar .side-block.media {
      background-color:#D7EFE7;
  }
  #side-bar .side-block.resources {
      background-color:#F5D8E0;
  }
   
  #page-content .creditRate{
      margin: unset;
      margin-bottom: 4px;
  }
  #page-content .rate-box-with-credit-button {
      background-color: #ffffff;
      border: solid 1px #000;
      box-shadow: none;
      border-radius: 0;
  }
   
  #page-content .rate-box-with-credit-button .fa-info {
      border: none;
      color: #333333;
  }
   
  #page-content .rate-box-with-credit-button .fa-info:hover {
      background: #333333;
      color: #ffffff;
  }
   
  .rate-box-with-credit-button .cancel {
      border: solid 1px #ffffff;
  }
   
  /* ---- PAGE RATING ---- */
   
  .page-rate-widget-box {
      box-shadow: none;
      border: solid 1px #000;
      margin: unset;
      margin-bottom: 4px;
      border-radius: 0;
  }
   
  div.page-rate-widget-box .rate-points {
      background-color: #ffffff;
      color: #333333;
      border: none;
      border-radius: 0;
  }
  .page-rate-widget-box .rateup,
  .page-rate-widget-box .ratedown {
      background-color: #ffffff;
      border-top: none;
      border-bottom: none;
  }
   
  .page-rate-widget-box .rateup a,
  .page-rate-widget-box .ratedown a {
      background: transparent;
      color: #333333;
  }
   
  .page-rate-widget-box .rateup a:hover,
  .page-rate-widget-box .ratedown a:hover {
      background: #333333;
      color: #ffffff;
  }
   
  .page-rate-widget-box .cancel {
      background: transparent;
      background-color: #ffffff;
      border: none;
      border-radius: 0;
  }
   
  .page-rate-widget-box .cancel a {
      color: #333333;
  }
  .page-rate-widget-box .cancel a:hover {
      background: #333333;
      color: #ffffff;
      border-radius: 0;
  }
  #page-content .rate-box-with-credit-button .page-rate-widget-box { border: none; }
   
  .anchor {
      position: sticky;
      height:0;
      top: 0;
  }
  .sidebox {
      padding: .14rem;
      margin-top: 0;
      margin-bottom: 8px;
      width: calc((100vw - 870px)/2);
      max-height: calc(100vh - 18rem);
      position: absolute;
      top: 0;
      left: 103.5%;
      z-index: 5;
      overflow: auto;
      box-sizing: border-box;
  }
  @media (max-width: 1290px) {
      .sidebox {
          display: none;
          visibility: hidden;
      }
   
      #header h2::before {
          font-size: 0.9em !important;
      }
  }
   
  .scp-image-block {
      box-shadow: none;
  }
   
  /* ---- 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 ----*/
   
   .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: #333333;
       box-shadow: none;
  }
   .yui-navset .yui-nav a, /* ---- Link Modifier ---- */
   .yui-navset .yui-navset-top .yui-nav a{
       color: #333333;
      /* ---- Tab Background Colour | [UNSELECTED] ---- */
       background-color: #efefef;
       border: unset;
       box-shadow: none;
       box-shadow: none;
  }
   .yui-navset .yui-nav a:hover,
   .yui-navset .yui-nav a:focus{
       color: #ffffff;
      /* ---- Tab Background Colour | [HOVER] ---- */
       background-color: #333333;
  }
   .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;
       color: #ffffff;
       background-color: #ffffff;
       border-color: transparent;
       box-shadow: none;
  }
   .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: #333333;
  }
   .yui-navset .yui-nav .selected a,
   .yui-navset .yui-nav .selected a em{
       border: none;
  }
   .yui-navset .yui-nav .selected a{
       width: 100%;
       color: #ffffff;
  }
   .yui-navset .yui-nav .selected a:focus,
   .yui-navset .yui-nav .selected a:active{
       color: #ffffff;
       background-color: #333333;
  }
   .yui-navset .yui-content {
      background-color: #ffffff;
      box-shadow: none;
  }
   .yui-navset .yui-content,
   .yui-navset .yui-navset-top .yui-content{
      padding: .5em;
      border: 1px solid #333;
      box-sizing: border-box;
  }
   
  /*---- SCROLLBAR ----*/
   
  ::-webkit-scrollbar {
      width: 10px;
  }
   
  ::-webkit-scrollbar-track {
      background: #FFF;
      border-left: 1px solid #333;
  }
   
  ::-webkit-scrollbar-thumb {
       background: #CCC;
       border: #333 1px solid;
  }
   
  ::-webkit-scrollbar-thumb:hover {
       background: #EEE;
  }
   
  /*---- CENTER IMAGES ON MOBILE courtesy of EstrellaYoshte and PeppersGhost ----*/
   
  .imagediv {
      float: right;
      margin: 15px
  }
   
  @media (max-width: 540px) {
    .imagediv {
      float: none;
      text-align:center;
      margin: auto;
    }
  }
   
  @media only screen and (max-width: 600px) {
      .scp-image-block.block-right{
          float: none;
          margin: 10px auto;
      }
  }
   
  /*---- ACS-COLORED TABLE DIVS ----*/
   
  #page-content .table1 tr th,
  #page-content .table1 .scp-image-block .scp-image-caption {
      background-color: #D7EFE7;
  }
   
  #page-content .table2 tr th,
  #page-content .table2 .scp-image-block .scp-image-caption {
      background-color: #D8ECF4;
  }
   
  #page-content .table3 tr th,
  #page-content .table3 .scp-image-block .scp-image-caption {
      background-color: #FDF6D7;
  }
   
  #page-content .table4 tr th,
  #page-content .table4 .scp-image-block .scp-image-caption {
      background-color: #FFDABF;
  }
   
  #page-content .table5 tr th,
  #page-content .table5 .scp-image-block .scp-image-caption {
      background-color: #F5D8E0;
  }
   
  #page-content .table6 tr th,
  #page-content .table6 .scp-image-block .scp-image-caption {
      background-color: rgba(146, 0, 255, 0.2);
  }
   
  .tableb .wiki-content-table {
      border-collapse: separate;
      border-spacing: 2px;
  }
   
  .tableb .scp-image-block {
      border: none;
  }
   
  .tableb .scp-image-block img {
      border: #000 1px solid;
      box-sizing: border-box;
  }
   
  .tableb .scp-image-block .scp-image-caption {
      margin-top: 2px;
      border: #000 1px solid;
      box-sizing: border-box;
  }
   
  .top-left-box > .item {
    display: none;
  }
   
  /* ---- WORDS NO LONGER BROKEN, THE CROQUEMBOUCHE HAS SPOKEN ---- */
  span, a { word-break: normal !important }
   
  .avatar-hover { display: none !important; }
   
  #breadcrumbs, .pseudocrumbs {
      text-align: center;
      padding-top: 10px;
  }
   
  #main-content .page-tags span {
      max-width: 100%;
  }
   
  /* -- FANCY THINGS from Woedenaz's Dustjacket Theme -- */
   
  .fancyhr hr {
      border-top: 2vw solid transparent;
      background-color: rgba(var(--bright-accent), 0);
      height: 0;
      box-sizing: border-box;
      border-image-source: url('https://wanderers-library.wikidot.com/local--files/component:dustjacket-theme/wl_hr.png');
      border-image-repeat: round round;
      background: none;
      border-image-slice: 80 500 80 500 fill;
      border-image-width: 10em 80em 10em 80em;
  }
   
  .fancyborder {
      box-sizing: border-box;
      border: 2vw solid rgba(0,0,0,0.5);
      border-image: url('https://wanderers-library.wikidot.com/local--files/component:dustjacket-theme/wl_border.png') 600 round;
      border-image-width: 6;
      padding: 2vw;
  }

  Pages using this styling

  • fragment:scp-6848-2 [info]

  ¶ 1 occurrence
  

   :root{
     --lgurl: url(https://scp-wiki.wdfiles.com/local--files/theme%3Aclassic/scp_foundation_logo.png)
  }

  Pages using this styling

  • fragment:scp-6833-offset-1 [info]

  ¶ 1 occurrence
  

  
  :root {
  
  --admo-backdrop: url(https://scp-wiki.wikidot.com/local--files/admonition/admo-6820-bg.webp);
  
  --admo-color-bright: 199, 46, 51;
  --admo-color-dim: 24, 2, 4;
  --admo-color-dark: 6, 0, 1;
  --admo-color-alt: 148, 22, 24;
  
  --general-border-color: 50, 30, 31;
  --basalt-tertiary-color: 35, 10, 8;
  --darkdocument-background-color: 14, 10, 10;
  
  }
  
  #page-content .sigma .scp-image-block .scp-image-caption {
  --image-caption-text-color: 50, 50, 53;
  }
  

  Pages using this styling

  • fragment:scp-6820-0 [info]

  ¶ 1 occurrence
  

  
  /* SCP-6747 -  CHAOS THEORY */
  /* ACCESSIBILITY PATCH */
  
  *[style*="#22bb44"] {
      color: rgb(var(--one-color)) !important;
  }
  

  Pages using this styling

  • fragment:scp-6747-1 [info]

  ¶ 1 occurrence
  

  
  :root {
  
  --admo-backdrop: url(https://scp-wiki.wikidot.com/local--files/admonition/admo-6747-bg.webp);
  
  --admo-color-bright: 130, 80, 160;
  --admo-color-dim: 11, 5, 26;
  --admo-color-dark: 5, 0, 8;
  --admo-color-alt: 116, 77, 135;
  
  --general-border-color: 37, 30, 50;
  --basalt-tertiary-color: 34, 10, 44;
  --darkdocument-background-color: 14, 4, 18;
  
  --one-color: 34, 187, 68 !important;
  --six-color: var(--admo-color-bright);
  
  }
  

  Pages using this styling

  • fragment:scp-6747-0 [info]

  ¶ 1 occurrence
  

  :root {
      --header-title: "SCP Foundation";
      --header-subtitle: "Administrative Terminal";

  Pages using this styling

  • fragment:scp-6709-2 [info]

  ¶ 1 occurrence
  

  .siddo-style {
      background: url(http://scp-wiki.wdfiles.com/local--files/the-great-hippo/scp_trans.png) center no-repeat #E9E0D2;
      float: center;
      border: solid 4px #000;
      padding: 1px 15px;
      box-shadow: 0 1px 3px rgba(0,0,0,.2);
      color: #000000;
  }
  
  :root {
      --logo-image: url(http://siddobox.wikidot.com/local--files/oniricidio/OneiroiBianco.png);
      --header-title: "Nootic and Onironautics Division";
      --header-subtitle: "Sleep, Consciousness and Psionics";
  }

  Pages using this styling

  • fragment:scp-6709-1 [info]

  ¶ 1 occurrence
  

  
  #extra-div-1 {
  background: linear-gradient( 180deg, rgb(10, 10, 10) 0%, var(--accentColor)100%);
  box-shadow: 0px 0px 8px 4px rgb(0 0 0);
  }
  
  :root {
      --logo: url(http://scp-sandbox-3.wdfiles.com/local--files/is-dodo-cool-yet/O5-Out.png);
      --title: "SCP FOUNDATION:";
      --subtitle: "DEPT. OF TRANSMUTATION";
      --accentColor: hsl(49.5,60.9%,42.2%);
      --fnColor: #FF8D36;
      --four-color: 194, 85, 0 !important;
  }
  
  .custom2 .wiki-content-table {
      width: 100%;
  }
  
  #page-content tr th {
      text-align: center;
  }
  
  .custom2 tr td {
      padding: 10px !important;
  }
  
  .table3 {
      --accentColor: rgb(173, 150, 42);
  }
  
  .fnnum::after {
      color: #ad962a !important;
  }
   
  .fnnum:hover::after {
      color: white !important;
  }
   
  .fncon {
      background: rgb(25, 25, 25) !important;
      color: #EDEDED;
      border: 0.15rem solid rgb(20, 20, 20);
      border-radius: 2px;
      font-size: 90%;
  }

  Pages using this styling

  • fragment:scp-6689-11 [info]

  ¶ 1 occurrence
  

  .footnotes-footer { 
  display:none;
  }
  
  .info-container .collapsible-block-folded a{
  color: #FFF;}
  .info-container .collapsible-block-unfolded-link a{
  color: #FFF;
  }
  
  #page-content > .collapsible-block {
      display: block;
      text-align: center;
      padding: .8em;
      background-color: #e3e3e3;
      border-top: 0.125rem dashed #b5b5b5;
      border-bottom: 0.125rem dashed #b5b5b5;
  }
  
  #page-content > .collapsible-block .collapsible-block-content {
      text-align: left;
  }
  
  #page-content .license-box .collapsible-block {
  
      display: unset;
  
      text-align: unset;
  
      padding: unset;
  
      background-color: unset;
  
      border-top: unset;
  
      border-bottom: unset;
  
  }
  
  
  
  #page-content .license-box .collapsible-block .collapsible-block-content {
  
      text-align: unset;
  
  }
  
  blockquote,
  div.blockquote {
      border: 0.125rem solid #d4d4d4;
      background-color: #F5F5F5;
  }
  
  .interview{
      border:solid 2px #d4d4d4;
      text-align: left;
      background:#F5F5F5;
      width:90%;
      padding:1px 15px;
      margin: 10px auto;
  }
  
  #page-title{display:none}
  

  Pages using this styling

  • fragment:scp-6668-6 [info]

  ¶ 1 occurrence
  

  :root {
      --header-title: "SCiPNet ICS";
      --header-subtitle: "Internal Communication System";
  }

  Pages using this styling

  • fragment:scp-6664-5 [info]

  ¶ 1 occurrence
  

  
  :root {
      --logo-image: url("http://scp-wiki.wdfiles.com/local--files/grigori-karpin-s-author-page/ProjectHecaWhiteSmall");
      --header-title: "Site-91";
      --header-subtitle: "Xenobiological Research";
  }
  
  /* Adjust Mobile Image Size */
  @media (max-width: 479px) {
  #header {
      background-size: 100px 100px;
      background-position: 1em;
  }
  }
  

  Pages using this styling

  • fragment:scp-6664-3 [info]

  ¶ 1 occurrence
  

  :root{
    --header-title: "SITE-87";
    --header-subtitle: "NARRATIVE AND NEXOLOGICAL STUDIES";
  }
  
  div#extra-div-1 {
      background-image: url(https://cdn.discordapp.com/attachments/770866626089582633/816896081870323712/Big87.png);
      filter: opacity(20%);
  }

  Pages using this styling

  • fragment:scp-6664-2 [info]

  ¶ 1 occurrence
  

  :root {
      --header-title: "Parabotanical Division";
      --header-subtitle: "Getting to the Roots of Anomalies";
      --logo-image: url("http://scp-wiki.wdfiles.com/local--files/scp-3529/parazoo_downsideup.png");
  
      --pale-accent: 40, 230, 60;
      /* light red, for visited links */
      --bright-accent: 0, 133, 5;
      /* bright red */
      --medium-accent: 46, 100, 44;
      /* medium red - the "default" accent color */
      --dark-accent: 3, 100, 15;
      /* dark red */
      --alt-accent: 102, 221, 17;
      /* pale orange, for newpage links */
  }

  Pages using this styling

  • fragment:scp-6664-0 [info]

  ¶ 1 occurrence
  

  
  :root {
  
  --admo-backdrop: url(https://scp-wiki.wikidot.com/local--files/admonition/admo-6659-bg.webp);
  
  --admo-color-bright: 194, 85, 0;
  --admo-color-dim: 24, 7, 0;
  --admo-color-dark: 7, 4, 0;
  --admo-color-alt: 161, 75, 8;
  
  --general-border-color: 77, 44, 31;
  --basalt-tertiary-color: 35, 21, 8;
  --darkdocument-background-color: 19, 7, 2;
  
  --four-color: var(--admo-color-bright) !important;
  
  }
  

  Pages using this styling

  • fragment:scp-6659-0 [info]

  ¶ 1 occurrence
  

  
  .email-example .collapsible-block-folded a.collapsible-block-link {
      animation: blink 0.8s ease-in-out infinite alternate;
  }
  @keyframes blink {
      0% { color: transparent; }
      50%, 100% { color: #b01; }
  }
  .email {border: solid 2px #000000; width: 88%; padding: 1px 15px; margin: 10px; box-shadow: 0 1px 3px rgba(0,0,0,.5)}
  .email-example a.collapsible-block-link {font-weight: bold;}
  .tofrom {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px maroon}
  
  :root {
      --header-title: "SCP Foundation";
      --header-subtitle: "Secure, Contain, Protect";
          --logo-image: url(http://kaktuskontainer.wdfiles.com/local--files/collab-sigma%3Afragment%3Aspidercon-1/spiderpride.png) !important;
      --background: linear-gradient(0.25turn, #700202, #e39191 , #700202);
     
  }

  Pages using this styling

  • fragment:scp-6600-3 [info]

  ¶ 1 occurrence
  

  :root {
      --header-title: "SCP Foundation";
      --header-subtitle: "Recontain, Regroup, Rebuild";
          --logo-image: url(http://kaktuskontainer.wdfiles.com/local--files/collab-sigma%3Afragment%3Aspidercon-1/spiderpride.png) !important;
      --background: linear-gradient(0.25turn, #700202, #e39191 , #700202);
     
  }

  Pages using this styling

  • fragment:scp-6600-2 [info]

  ¶ 1 occurrence
  

  :root {
      --header-title: "SCP Foundation";
      --header-subtitle: "Secure, Contain, Protect";
          --logo-image: url(http://kaktuskontainer.wdfiles.com/local--files/collab-sigma%3Afragment%3Aspidercon-1/spiderpride.png) !important;
      --background: linear-gradient(0.25turn, #700202, #e39191 , #700202);
     
  }

  Pages using this styling

  • fragment:scp-6600-1 [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.bunny.net/css2?family=Courgette&display=swap');
  @import url('https://fonts.bunny.net/css2?family=Montserrat:ital,wght@0,800;1,800&display=swap');
  
  :root {
    --head-font: 'Monserrat', sans-serif;
    
    --link-txt-color: rgb(var(--accent)) !important;
    --three-color: var(--accent);
  }
  
  #page-content .table0 {
    --accent: 175, 175, 175;
    --link-txt-color: rgb(175, 175, 175);
  }
  
  #page-content .bt {
    color: rgb(var(--accent));
  }
  
  @keyframes rotation {
    from {
      transform: rotate(0deg);
    }
    to {
      transform: rotate(359deg);
    }
  }
  
  #page-content tr th {
    text-align: center !important;
  }
  
  :is(.fancyborder) {
    border-radius: 4vb;
  }
  
  .fancyborder .fnnum::after {
    border-bottom: 1px solid var(--dark-bg-1);
  }
  
  .cards {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
  }
  
  .cards > div {
    margin: -12px;
  }
  
  .cards a {
    border-bottom: none !important;
  }
  
  .cards a:hover,
  .cards a::selection {
    background-color: rgb(var(--accent));
  }
  
  .cards .image-container:nth-of-type(1) *,
  .yui-nav li:nth-of-type(1),
  .yui-content > div:nth-of-type(1) * {
    --accent: 175, 175, 175;
  }
  
  .cards .image-container:nth-of-type(2) *,
  .yui-nav li:nth-of-type(2),
  .yui-content div:nth-of-type(2) * {
    --accent: var(--five-color);
  }
  
  .cards .image-container:nth-of-type(3) *,
  .yui-nav li:nth-of-type(3),
  .yui-nav li:nth-of-type(3) a,
  .yui-content div:nth-of-type(3) * {
    --accent: var(--two-color);
    filter: opacity(.33);
    cursor: not-allowed;
    color: transparent !important;
    background-color: transparent !important;
  }
  
  .cards .image-container:nth-of-type(4) *,
  .yui-nav li:nth-of-type(4),
  .yui-content div:nth-of-type(4) * {
    --accent: var(--one-color);
  }
  
  .yui-navset .yui-nav {
    border: none !important;
  }
  
  .yui-navset .yui-nav li {
    min-width: 25%;
  }
  
  .yui-navset .yui-content {
    background: none !important;
    margin-top: -1px;
    padding: 0;
  }
  
  .yui-navset .yui-content > div {
    background: none !important;
    padding: 0;
    margin: 0;
  }
  
  .yui-navset .yui-content .modal {
    width: auto;
    margin: auto;
  }

  Pages using this styling

  • fragment:scp-6500-9 [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.bunny.net/css2?family=Courgette&display=swap');
  @import url('https://fonts.bunny.net/css2?family=Montserrat:ital,wght@0,800;1,800&display=swap');
  
  :root {
    --head-font: 'Monserrat', sans-serif;
    
    --link-txt-color: rgb(var(--accent)) !important;
    --three-color: var(--accent);
  }
  
  #page-content .table0 {
    --accent: 175, 175, 175;
    --link-txt-color: rgb(175, 175, 175);
  }
  
  #page-content .bt {
    color: rgb(var(--accent));
  }
  
  @keyframes rotation {
    from {
      transform: rotate(0deg);
    }
    to {
      transform: rotate(359deg);
    }
  }
  
  #page-content tr th {
    text-align: center !important;
  }
  
  :is(.fancyborder) {
    border-radius: 4vb;
  }
  
  .fancyborder .fnnum::after {
    border-bottom: 1px solid var(--dark-bg-1);
  }
  
  .cards {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
  }
  
  .cards > div {
    margin: -12px;
  }
  
  .cards a {
    border-bottom: none !important;
  }
  
  .cards a:hover,
  .cards a::selection {
    background-color: rgb(var(--accent));
  }
  
  .cards .image-container:nth-of-type(1) *,
  .yui-nav li:nth-of-type(1),
  .yui-content > div:nth-of-type(1) * {
    --accent: 175, 175, 175;
  }
  
  .cards .image-container:nth-of-type(2) *,
  .yui-nav li:nth-of-type(2),
  .yui-nav li:nth-of-type(2) a,
  .yui-content div:nth-of-type(2) * {
    --accent: var(--five-color);
    filter: opacity(.33);
    cursor: not-allowed;
    color: transparent !important;
    background-color: transparent !important;
  }
  
  .cards .image-container:nth-of-type(3) *,
  .yui-nav li:nth-of-type(3),
  .yui-content div:nth-of-type(3) * {
    --accent: var(--two-color);
  }
  
  .cards .image-container:nth-of-type(4) *,
  .yui-nav li:nth-of-type(4),
  .yui-content div:nth-of-type(4) * {
    --accent: var(--one-color);
  }
  
  .yui-navset .yui-nav {
    border: none !important;
  }
  
  .yui-navset .yui-nav li {
    min-width: 25%;
  }
  
  .yui-navset .yui-content {
    background: none !important;
    margin-top: -1px;
    padding: 0;
  }
  
  .yui-navset .yui-content > div {
    background: none !important;
    padding: 0;
    margin: 0;
  }
  
  .yui-navset .yui-content .modal {
    width: auto;
    margin: auto;
  }

  Pages using this styling

  • fragment:scp-6500-8 [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.bunny.net/css2?family=Courgette&display=swap');
  @import url('https://fonts.bunny.net/css2?family=Montserrat:ital,wght@0,800;1,800&display=swap');
  
  :root {
    --head-font: 'Monserrat', sans-serif;
    
    --link-txt-color: rgb(var(--accent)) !important;
    --three-color: var(--accent);
  }
  
  #page-content .table0 {
    --accent: 175, 175, 175;
    --link-txt-color: rgb(175, 175, 175);
  }
  
  #page-content .bt {
    color: rgb(var(--accent));
  }
  
  @keyframes rotation {
    from {
      transform: rotate(0deg);
    }
    to {
      transform: rotate(359deg);
    }
  }
  
  #page-content tr th {
    text-align: center !important;
  }
  
  :is(.fancyborder) {
    border-radius: 4vb;
  }
  
  .fancyborder .fnnum::after {
    border-bottom: 1px solid var(--dark-bg-1);
  }
  
  .cards {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
  }
  
  .cards > div {
    margin: -12px;
  }
  
  .cards a {
    border-bottom: none !important;
  }
  
  .cards a:hover,
  .cards a::selection {
    background-color: rgb(var(--accent));
  }
  
  .cards .image-container:nth-of-type(1) *,
  .yui-nav li:nth-of-type(1),
  .yui-nav li:nth-of-type(1) a,
  .yui-content > div:nth-of-type(1) * {
    --accent: 175, 175, 175;
    filter: opacity(.33);
    cursor: not-allowed;
    color: transparent !important;
    background-color: transparent !important;
  }
  
  .cards .image-container:nth-of-type(2) *,
  .yui-nav li:nth-of-type(2),
  .yui-content div:nth-of-type(2) * {
    --accent: var(--five-color);
  }
  
  .cards .image-container:nth-of-type(3) *,
  .yui-nav li:nth-of-type(3),
  .yui-content div:nth-of-type(3) * {
    --accent: var(--two-color);
  }
  
  .cards .image-container:nth-of-type(4) *,
  .yui-nav li:nth-of-type(4),
  .yui-content div:nth-of-type(4) * {
    --accent: var(--one-color);
  }
  
  .yui-navset .yui-nav {
    border: none !important;
  }
  
  .yui-navset .yui-nav li {
    min-width: 25%;
  }
  
  .yui-navset .yui-content {
    background: none !important;
    margin-top: -1px;
    padding: 0;
  }
  
  .yui-navset .yui-content > div {
    background: none !important;
    padding: 0;
    margin: 0;
  }
  
  .yui-navset .yui-content .modal {
    width: auto;
    margin: auto;
  }

  Pages using this styling

  • fragment:scp-6500-7 [info]

  ¶ 1 occurrence
  

  :root {
      --header-title: "OVERWATCH";
      --header-subtitle: "SACRIFICE CONFERS POWER";
  
      --timeScale: 1;
      --timeDelay: 1.5s;
  }
  
  .cooldiv {
      background-image: linear-gradient(white, #291C33 400px, #291C33 400px, #291C33 100%);
      color: #4C97A6;
      padding: 20px;
      margin: 40px;
  }
  
  .cooldiv2 {
      background: #291C33;
      color: #4C97A6;
      padding: 20px;
      margin: 40px;
  }
  
  .overlap {
      margin-top: -5em;
  }
  
  @media (max-width: 706px) {
      .overlap {
          margin-top: -3em;
      }
  }

  Pages using this styling

  • fragment:scp-6500-6 [info]

  ¶ 1 occurrence
  

  :root {
      --header-title: "   OVERWATCH";
      --header-subtitle: "    SACRIFICE CONFERS POWER";
  }
  
  /* Adjust Mobile Image Size */
  @media (max-width: 479px) {
  #header {
      background-size: 100px 100px;
      background-position: 1em;
  }
  }
  
  #page-title {
      display: none;
  }

  Pages using this styling

  • fragment:scp-6500-5 [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.bunny.net/css2?family=Courgette&display=swap');
  
  :root {
    --header-title: 'OVERWATCH';
    --header-subtitle: 'SACRIFICE CONFERS POWER';
    
    --accent: var(--five-color);
    --link-txt-color: rgb(var(--accent));
  }
  
  #page-content tr th {
    text-align: center !important;
  }
  
  .notation .jotting {
    min-width: 10em;
    width: 75%;
    margin: auto;
  }
  
  #page-content .bt {
    color: rgb(var(--accent));
  }
  
  :is(.fancyborder) {
    border-radius: 4vb;
  }
  
  .fancyborder .fnnum::after {
    border-bottom: 1px solid var(--dark-bg-1);
  }
  
  .page {
      color: #000;
      font-size: 140%;
      font-family: "Monotype Corsiva", "Bradley Hand ITC", sans-serif;
      background-attachment: scroll;
      background-clip: border-box;
      background-color: transparent;
      background-image: linear-gradient(to top ,rgb(202, 219, 228) 0%, rgb(231, 233, 220) 8%);
      background-position: 0px 8px;
      background-repeat: repeat;
      background-size: 100% 20px;
      padding: 25px;
  }
  .page p,
  .page ul {
      line-height: 20px;
      margin: none;
  }
  
  @import url('https://fonts.bunny.net/css?family=Bahianita|Cabin+Sketch|Miss+Fajardose|Nothing+You+Could+Do|Open+Sans|Reenie+Beanie|Ruthie|Tangerine&display=swap');
  
  div.info-container > div.collapsible-block {
      padding: 0 !important;
      margin: 0 !important;
      box-shadow: none !important;
  }
  
  .type1 {
      font-family: "Monotype Corsiva", "Bradley Hand ITC", sans-serif;
      font-size: 140%;
      color: #000;
      background-attachment: scroll;
      background: linear-gradient(rgba(220, 240, 240, 0.3), rgba(240, 240, 220, 0.5)), url(https://scp-wiki.wdfiles.com/local--files/scp-5862/paperbackground.jpg);
      background-clip: border-box;
      background-origin: padding-box;
      background-repeat: repeat;
      background-size: 100%;
      padding: 25px;
  }
  .type1 p,
  .type1 ul {
      line-height: 25px;
      margin: none;
  }
  
  .wood {
      background-image: linear-gradient(transparent, #111 400px, #111 400px, #111 100%), url(https://scp-wiki.wdfiles.com/local--files/theme%3Alaruetheme/tilewood.jpg);
      color: #eee;
     font-weight: bold;
     padding: 20px;
  }
  
  @import url('https://fonts.bunny.net/css2?family=Anton&family=Playfair+Display+SC&display=swap');
  
  div.newspaper-border {
      padding: 1.5em;
      margin: 2em;
      background: #FFF;
      box-shadow: 0px 4px 13px rgba(0, 0, 0, 0.8);
      color: var(--dark-bg-1);
  }
  div.newspaper-border hr {
      background: var(--dark-bg-1) !important;
  }
  
  div.newspaper-main {
      font-family: 'Special Elite', sans-serif;
  }
  
  div.newspaper-title {
      font-family: 'Playfair Display SC', serif;
      font-size: 4em;
      text-align: center;
      margin: 0.25em;
  }
  
  div.newspaper-banner {
      font-family: serif;
      font-size: 110%;
      border-top-style: solid;
      border-bottom-style: solid;
  }
  
  div.newspaper-headline {
      font-family: 'Anton', serif;
      margin: 2px 0 5px;
      text-align: center;
  }
  
  div.newspaper-reporter {
      font-family: serif;
      font-size: 120%;
      font-style: italic;
      text-align: center;
  }
  
  div.newspaper-body {
      font-family: serif;
      font-size: 1.2em;
      text-align: justify;
      text-justify: inter-word;
      line-height: 1.4em;
      padding: 1em;
  }
  
  div.newspaper-body div.scp-image-block {
      margin: 0.5em 0 0 1em;
  }
  
  div.rejection {
      border: 4px solid #ff4040;
      border-radius: 30px;
      font-weight: bold;
      color: #ff4040;
      text-align: center;
      margin: 0.5em;
  }
  
  div.rejection-wrap {
       transform: rotate(-3.8deg);
       width: 35vw;
       margin-bottom: 1em;
       margin-left: 3em;
  }
  
  div.appeal {
      margin-top: 5em;
  }

  Pages using this styling

  • fragment:scp-6500-4 [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.bunny.net/css2?family=Merienda+One&display=swap');
  @import url('https://fonts.bunny.net/css2?family=Metal+Mania&display=swap');

  Pages using this styling

  • fragment:scp-6500-3 [info]

  ¶ 1 occurrence
  

  #header {
      background: url('https://scp-wiki.wdfiles.com/local--files/fragment%3Ascp-6500-3/WLscp.svg') 13px 38px no-repeat;
  }
  #header h1 a::before {
      background: url('https://scp-wiki.wdfiles.com/local--files/fragment%3Ascp-6500-3/WLoverwatch.svg') no-repeat;;
      background-position: 0 -0.08em
  }
  #top-bar ul li:hover ul li a {
      font-size: .92rem;
  }
  #top-bar ul li a {
      font-size: 0.92rem;
  }
  #top-bar ul li.sfhover a {
      font-size: 0.92rem;
  }
  #page-content {
      font-size: .92rem;
  }
  #page-content .page-rate-widget-box {
      font-size: .92rem;
      margin-left: 27px;
  }
  #main-content .page-tags a {
      font-size: 0.8rem;
  }
  #header h1 a {
      padding-bottom: 12px;
      font-size: 150%;
  }
  #search-top-box {
           top: 115px;
           right: 0px;
  }
  div#header h2:after {
      content: "Sacrifice Confers Power";
      font-weight: bold;
      font-size: 125%;
      color: #f0f0c0;
      margin-left: 50px;
      text-shadow: 1px 1px 1px rgba(0, 0, 0, .8);
      white-space: pre;
  }
  #page-title {
      display: none;
  }

  Pages using this styling

  • fragment:scp-6500-3 [info]

  ¶ 1 occurrence
  

  .w-container {
      background: var(--dark-bg-1);
      border: solid 1px rgb(var(--accent));
      border-width: 0 0.26rem;
      padding: 16px;
      margin: 12px auto;
      box-shadow: none;
  }
  
  #page-content .cell-container-image {
      background: url(https://scp-wiki.wdfiles.com/local--files/fragment%3Ascp-6500-2/finis.png) center no-repeat !important;
  }
  
  @media (max-width: 706px) {
      #page-content .cell-container {
          background: none !important;
       }
  }
  
  .cell-container-image > :nth-child(3) {
      font-size: 0px
  }
  
  .cell-container-image > :nth-child(3)::after {
      content: "EVENT CLASS: FINIS";
      font-size: initial;
      font-weight: bold;
  }

  Pages using this styling

  • fragment:scp-6500-2 [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.bunny.net/css2?family=Courgette&display=swap');
  @import url('https://fonts.bunny.net/css2?family=Montserrat:ital,wght@0,800;1,800&display=swap');
  
  :root {
    --head-font: 'Monserrat', sans-serif;
    
    --link-txt-color: rgb(var(--accent));
    --three-color: var(--accent);
  }
  
  #page-content tr th {
    text-align: center !important;
  }
  
  .notation .jotting {
    min-width: 10em;
    width: 75%;
    margin: auto;
  }
  
  #page-content .bt {
    color: rgb(var(--accent));
  }
  
  @keyframes rotation {
    from {
      transform: rotate(0deg);
    }
    to {
      transform: rotate(359deg);
    }
  }
  
  #page-content tr th {
    text-align: center !important;
  }
  
  :is(.fancyborder) {
    border-radius: 4vb;
  }
  
  .fancyborder .fnnum::after {
    border-bottom: 1px solid var(--dark-bg-1);
  }
  
  .cards {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
  }
  
  .cards > div {
    margin: -12px;
  }
  
  .cards a {
    border-bottom: none !important;
  }
  
  .cards a:hover,
  .cards a::selection {
    background-color: rgb(var(--accent));
  }
  
  .cards .image-container:nth-of-type(1) *,
  .yui-nav li:nth-of-type(1),
  .yui-content div:nth-of-type(1) * {
    --accent: 175, 175, 175;
  }
  
  .cards .image-container:nth-of-type(2) *,
  .yui-nav li:nth-of-type(2),
  .yui-content div:nth-of-type(2) * {
    --accent: var(--five-color);
  }
  
  .cards .image-container:nth-of-type(3) *,
  .yui-nav li:nth-of-type(3),
  .yui-content div:nth-of-type(3) * {
    --accent: var(--two-color);
  }
  
  .cards .image-container:nth-of-type(4) *,
  .yui-nav li:nth-of-type(4),
  .yui-content div:nth-of-type(4) * {
    --accent: var(--one-color);
  }
  
  .yui-navset .yui-nav {
    border: none !important;
  }
  
  .yui-navset .yui-nav li {
    min-width: 25%;
  }
  
  .yui-navset .yui-content {
    background: none !important;
    margin-top: -1px;
    padding: 0;
  }
  
  .yui-navset .yui-content > div {
    background: none !important;
    padding: 0;
    margin: 0;
  }
  
  .yui-navset .yui-content .modal {
    width: auto;
    margin: auto;
  }

  Pages using this styling

  • fragment:scp-6500-2 [info]

  ¶ 1 occurrence
  

  .w-container {
      background-color: #21252E;
      border: none;
      padding: 16px;
      margin-top: 12px;
      margin-bottom:12px;
      box-shadow: none;
  }
  
  #page-content .cell-container-image {
      background: url(https://scp-wiki.wdfiles.com/local--files/fragment%3Ascp-6500-18/pausa.png) center no-repeat !important;
  }
  
  @media (max-width: 706px) {
      #page-content .cell-container {
          background: none !important;
       }
  }

  Pages using this styling

  • fragment:scp-6500-18 [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.bunny.net/css2?family=Montserrat:ital,wght@0,800;1,800&display=swap');
  
  :root {
    --head-font: 'Monserrat', sans-serif;
  }
  
  .collapsible-block-content { position: relative; }
  .cony .collapsible-block-content::after {
      display: block;
      position: absolute;
      content: " ";
      width: 100%;
      height: 4rem;
      background-color: #2F333C;
      bottom: -4em;
  }
  .cony2 .collapsible-block-unfolded { transform: translateY(-2.64rem); }
  
  .cony .collapsible-block-content::before,
  .cony2 .collapsible-block-content::before {
      display: block;
      position: absolute;
      content: " ";
      width: 100%;
      height: 4rem;
      background-color: #2F333C;
      top: -4rem;
  }

  Pages using this styling

  • fragment:scp-6500-18 [info]

  ¶ 1 occurrence
  

  :root {
      --logo-image: url("https://scp-wiki.wikidot.com/local--files/grigori-karpin-s-author-page/vanguard%20transparent.png");
      --header-title: "ANGUARD";
      --header-subtitle: "SHELTER - NORMALIZE - INFORM";
      --header-h2-font-size: 1.1em;
  }
  
  #page-content tr th {
    text-align: center !important;
  }
  
  #header::before {
      left: -9.5rem;
      filter: brightness(125%);
      opacity: 1;
  }
  
  #header h1 a::before {
      font-size: unset;
  }
  
  #header h2::before {
      color: #fe4;
  }
  
  #header h2 {
      top: 1em;
  }
  
  #header #login-status {
      left: -2vw;
  }
  
  @media (max-width: 767px) {
      #header::before {
          left: -7rem;
      }
  
      #header h1 {
          top: 0.5em;
          left: 0.5em;
      }
  }
  
  #page-title {
      display: none;
  }

  Pages using this styling

  • fragment:scp-6500-17 [info]

  ¶ 1 occurrence
  

  :root {
    --accent: var(--six-color);
  }
  
  .page {
      color: black;
      display: block;
      overflow: hidden;
      font-size: 175%;
      font-family: "VT323", "Courier New";
      font-style: normal;
  
      background-attachment: scroll;
      background-clip: border-box;
      background-color: transparent;
      background-image: linear-gradient(to top ,rgb(202, 219, 228) 0%, rgb(231, 233, 220) 8%);
      background-origin: padding-box;
      background-position: 0px 8px;
      background-repeat: repeat;
      background-size: 100% 20px;
  
      border: 1px solid #CCC;
      border-radius: 10px;
      padding: 10px 10px;
      margin-bottom: 10px;
  
      box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2)
      }
  .page p,
  .page ul {
      line-height: 20px;
      margin: 0;
  }

  Pages using this styling

  • fragment:scp-6500-16 [info]

  ¶ 1 occurrence
  

  :root {
      --header-title: "OVERWATCH";
      --header-subtitle: "SUSTAIN - CONSERVE - PROLONG";
  }

  Pages using this styling

  • fragment:scp-6500-15 [info]

  ¶ 1 occurrence
  

  #page-title {
      display: none;
  }
  
  #header {
    background-image: url('https://scp-wiki.wdfiles.com/local--files/fragment%3Ascp-6500-14/CorbenicHeader8.svg')
  }
  div#header h1 a span {
      font-size: 0px;
  }
  div#header h1 a:before {
      content: "Overwatch Command";
      color: #eee;
      font-family: 'Cinzel';
      
  }
  div#header h2 span {
      font-size:0px;
      padding: 4px;
  }
  div#header h2:after {
      content: "Sustain, Conserve, Prolong";
      font-weight: bold;
      color: #F48337;
      padding: 19px 0;
      text-shadow: 1px 1px 1px rgba(0, 0, 0, .8);
      white-space: pre;
      font-family: 'Cinzel';
  }
  div#container-wrap {
      background: url('https://scp-wiki.wdfiles.com/local--files/fragment%3Ascp-6500-14/corbenic_bg.png') repeat-x;
  }
  body {
      background-color: #FFEADB;
  }
  #page-content {
      font-family: 'Bree Serif';
      font-size: 12.5pt;
  }
  #main-content a
  {
  color:#1E191A;
  }
  /* ---- WORDS NO LONGER BROKEN, THE CROQUEMBOUCHE HAS SPOKEN ---- */
  span, a { word-break: normal !important }
  }
  div.info-container > div.collapsible-block {
      padding: 0 !important;
      margin: 0 !important;
      box-shadow: none !important;
  }
  .type1 {
      background-attachment: scroll;
      background: linear-gradient(rgba(220, 240, 240, 0.3), rgba(240, 240, 220, 0.5)), url(http://scp-wiki.wdfiles.com/local--files/scp-5862/paperbackground.jpg);
      background-clip: border-box;
      background-origin: padding-box;
      background-repeat: repeat;
      background-size: 100%;
      padding: 25px;
  }
  .type1 p,
  .type1 ul {
      line-height: 25px;
      margin: none;
  }
  
  .page-rate-widget-box {
       margin: unset;
       border-radius: 0;
       border: solid 2px #21252E;
       background-color: #21252E;
       margin-top: 4px;
       margin-bottom:4px;
       margin-right: 3px;
  }
  .page-rate-widget-box .rate-points {
      background-color: #21252E !important;
      border: none;
      color: #fff !important;
      text-transform: capitalize;
  }
  .page-rate-widget-box .rateup,
  .page-rate-widget-box .ratedown {
      background-color: #21252E;
      color: #fff !important;
      border-top: none;
      border-bottom: none;
  }
  .page-rate-widget-box .rateup a,
  .page-rate-widget-box .ratedown a {
      background: transparent;
      color: #fff !important;
  }
  .page-rate-widget-box .rateup a:hover,
  .page-rate-widget-box .ratedown a:hover {
      background: #fff !important;
      color: #21252E !important;
  }
  .page-rate-widget-box .cancel {
      background: transparent;
      background-color: #21252E;
      border: none;
  }
  .page-rate-widget-box .cancel a {
      color: #fff !important;
  }
  .page-rate-widget-box .cancel a:hover {
      background: #fff !important;
      color: #21252E !important;
  }
  .HangedKing {
  font-family: East Sea Dokdo; 
  font-size: 175%; 
  line-height: .85; 
  word-break: normal !important;
  }
  .Ambassador {
  font-family: metal mania; 
  font-size: 110%; 
  word-break: normal !important;
  line-height: 1.35; 
  }
  .BlackLord {
  font-family: Lacquer; 
  font-size: 110%; 
  word-break: normal !important; 
  text-shadow: 0px 0px 5px #A4A4A4;
  line-height: 1.35;
  }
  .WhiteLord {
  font-family: Righteous; 
  word-break: normal !important; 
  text-shadow: 0px 0px 5px #FFFFFF;
  line-height: 1.25;
  }
  .YellowLord {
  font-family: Kalam; 
  font-size: 105%; 
  word-break: normal !important; 
  text-shadow: 0px 0px 5px #FFFE9A;
  line-height: 1.35;
  }
  .RedLord {
  font-family: Germania One; 
  font-size: 115%; 
  word-break: normal !important; 
  text-shadow: 0px 0px 5px #FFA19A;
  line-height: 1.35;
  }
  .THBBBBTTHBBBBTTHBBBBT {
  font-family: Flavors; 
  font-size: 120%; 
  word-break: normal !important
  line-height: .5;
  }
  .FlameBearer
  font-family: Ravi Prakash; 
  font-size: 140%; 
  word-break: normal !important;
  line-height: .85;
  }

  Pages using this styling

  • fragment:scp-6500-14 [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.bunny.net/css2?family=Cinzel:wght@800&display=swap');
  @import url('https://fonts.bunny.net/css2?family=Bree+Serif&display=swap');
  @import url('https://fonts.bunny.net/css2?family=East+Sea+Dokdo&display=swap');
  @import url('https://fonts.bunny.net/css2?family=Flavors&display=swap');
  @import url('https://fonts.bunny.net/css2?family=Germania+One&display=swap');
  @import url('https://fonts.bunny.net/css2?family=Metal+Mania&display=swap');
  @import url('https://fonts.bunny.net/css2?family=Kalam:wght@700&display=swap');
  @import url('https://fonts.bunny.net/css2?family=Ravi+Prakash&display=swap');
  @import url('https://fonts.bunny.net/css2?family=Lacquer&display=swap');
  @import url('https://fonts.bunny.net/css2?family=Righteous&display=swap');

  Pages using this styling

  • fragment:scp-6500-14 [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.bunny.net/css2?family=Courgette&display=swap');
  @import url('https://fonts.bunny.net/css2?family=Montserrat:ital,wght@0,800;1,800&display=swap');
  
  :root {
    --head-font: 'Monserrat', sans-serif;
    
    --link-txt-color: rgb(var(--accent)) !important;
    --one-color: var(--accent);
  }
  
  .fancyhr,
  .fancyborder {
    filter: grayscale(1);
  }
  
  #page-content .table0 {
    --accent: 175, 175, 175;
    --link-txt-color: rgb(175, 175, 175);
  }
  
  #page-content .bt {
    color: rgb(var(--accent));
  }
  
  @keyframes rotation {
    from {
      transform: rotate(0deg);
    }
    to {
      transform: rotate(359deg);
    }
  }
  
  #page-content tr th {
    text-align: center !important;
  }
  
  :is(.fancyborder) {
    border-radius: 4vb;
  }
  
  .fancyborder .fnnum::after {
    border-bottom: 1px solid var(--dark-bg-1);
  }
  
  .cards {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
  }
  
  .cards > div {
    margin: -12px;
  }
  
  .cards a {
    border-bottom: none !important;
  }
  
  .cards a:hover,
  .cards a::selection {
    background-color: rgb(var(--accent));
  }
  
  .cards.main > :is(:nth-child(3), :nth-child(4)) {
    --accent: var(--one-color);
    filter: opacity(.33);
    cursor: not-allowed;
    color: transparent !important;
    background-color: transparent !important;
  }
  
  .cards.tabs > div:nth-child(2) {
    --accent: var(--one-color);
    filter: opacity(.33);
    cursor: not-allowed;
  }
  
  @media (max-width: 767px) {
    .cards.tabs > div:nth-child(2) {
      display: none;
    }
  }
  
  .cards.tabs > div:nth-child(1) .yui-navset .yui-nav li {
    width: 50%;
  }
  
  .cards.main > :nth-child(1),
  .cards.tabs > div:nth-child(1) :is(.yui-navset .yui-nav li:nth-of-type(1), .yui-content > :nth-of-type(1) *) {
    --accent: 0, 150, 150 !important;
  }
  .cards.main > :nth-child(2),
  .cards.tabs > div:nth-child(1) :is(.yui-navset .yui-nav li:nth-of-type(2), .yui-content > :nth-of-type(2) *) {
    --accent: 150, 0, 0 !important;
  }
  
  .yui-navset .yui-nav {
    border: none !important;
  }
  
  .yui-navset .yui-nav li {
    min-width: 25%;
  }
  
  .yui-navset .yui-content {
    background: none !important;
    margin-top: -1px;
    padding: 0;
  }
  
  .yui-navset .yui-content > div {
    background: none !important;
    padding: 0;
    margin: 0;
  }
  
  .yui-navset .yui-content .modal {
    width: auto;
    margin: auto;
  }

  Pages using this styling

  • fragment:scp-6500-13 [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.bunny.net/css2?family=Courgette&display=swap');
  @import url('https://fonts.bunny.net/css2?family=Montserrat:ital,wght@0,800;1,800&display=swap');
  
  :root {
    --head-font: 'Monserrat', sans-serif;
    
    --link-txt-color: rgb(var(--accent)) !important;
    --one-color: var(--accent);
  }
  
  .fancyhr,
  .fancyborder {
    filter: hue-rotate(60deg);
  }
  
  #page-content .table0 {
    --accent: 175, 175, 175;
    --link-txt-color: rgb(175, 175, 175);
  }
  
  #page-content .bt {
    color: rgb(var(--accent));
  }
  
  @keyframes rotation {
    from {
      transform: rotate(0deg);
    }
    to {
      transform: rotate(359deg);
    }
  }
  
  #page-content tr th {
    text-align: center !important;
  }
  
  :is(.fancyborder) {
    border-radius: 4vb;
  }
  
  .fancyborder .fnnum::after {
    border-bottom: 1px solid var(--dark-bg-1);
  }
  
  .cards {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
  }
  
  .cards > div {
    margin: -12px;
  }
  
  .cards a {
    border-bottom: none !important;
  }
  
  .cards a:hover,
  .cards a::selection {
    background-color: rgb(var(--accent));
  }
  
  .cards.main > :is(:nth-child(1), :nth-child(2)) {
    --accent: 175, 175, 175;
    filter: opacity(.33);
    cursor: not-allowed;
    color: transparent !important;
    background-color: transparent !important;
  }
  
  .cards.tabs > div:nth-child(1) {
    --accent: 175, 175, 175;
    filter: opacity(.33);
    cursor: not-allowed;
  }
  
  @media (max-width: 767px) {
    .cards.tabs > div:nth-child(1) {
      display: none;
    }
  }
  
  .cards.main > :nth-child(3),
  .cards.tabs > div:nth-child(2) .yui-navset .yui-nav li:nth-of-type(1) {
    --accent: var(--six-color) !important;
  }
  
  @keyframes emissary {
    0%   { filter: none; }
    100% { filter: invert(1) hue-rotate(180deg);  }
  }
  
  .cards.main > :nth-child(4):hover {
    filter: invert(1) hue-rotate(180deg);
    animation-name: emissary;
    animation-duration: .5s;
  }
  
  .yui-navset .yui-nav {
    border: none !important;
  }
  
  .yui-navset .yui-nav li {
    min-width: 25%;
  }
  
  .yui-navset .yui-content {
    background: none !important;
    margin-top: -1px;
    padding: 0;
  }
  
  .yui-navset .yui-content > div {
    background: none !important;
    padding: 0;
    margin: 0;
  }
  
  .yui-navset .yui-content .modal {
    width: auto;
    margin: auto;
  }

  Pages using this styling

  • fragment:scp-6500-12 [info]

  ¶ 1 occurrence
  

  :root {
    --head-font: var(--ui-font);
  }
  
  .twobutton {
      position: relative;
      width: 100%;
      font-family: var(--mono-font);
      font-weight: bold;
      --base-font-size: 1.7rem !important;
  }
  
  .cony {
      width: 100%;
      --accent: 175, 175, 175;
      --link-txt-color: 175, 175, 175;
  }
  
  .cony2 {
      width: 100%;
      --accent: var(--one-color);
      --link-txt-color: var(--one-color);
  }
  
  .collapsible-block-content { position: relative; }
  .cony .collapsible-block-content::after {
      display: block;
      position: absolute;
      content: " ";
      width: 100%;
      height: 4rem;
      background-color: var(--dark-bg-1);
      bottom: -4rem;
  }
  .cony2 .collapsible-block-unfolded { transform: translateY(-3rem); }
  
  .cony .collapsible-block-content::before, .cony2 .collapsible-block-content::before {
      display: block;
      position: absolute;
      content: " ";
      width: 100%;
      height: 4rem;
      background-color: var(--dark-bg-1);
      top: -4rem;
  }
  

  Pages using this styling

  • fragment:scp-6500-11 [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.bunny.net/css2?family=Courgette&display=swap');
  @import url('https://fonts.bunny.net/css2?family=Montserrat:ital,wght@0,800;1,800&display=swap');
  
  :root {
    --head-font: 'Monserrat', sans-serif;
    
    --link-txt-color: rgb(var(--accent)) !important;
    --three-color: var(--accent);
  }
  
  .notation .jotting {
    min-width: 10em;
    width: 75%;
    margin: auto;
  }
  
  #page-content .table0 {
    --accent: 175, 175, 175;
    --link-txt-color: rgb(175, 175, 175);
  }
  
  #page-content .bt {
    color: rgb(var(--accent));
  }
  
  @keyframes rotation {
    from {
      transform: rotate(0deg);
    }
    to {
      transform: rotate(359deg);
    }
  }
  
  #page-content tr th {
    text-align: center !important;
  }
  
  :is(.fancyborder) {
    border-radius: 4vb;
  }
  
  .fancyborder .fnnum::after {
    border-bottom: 1px solid var(--dark-bg-1);
  }
  
  .cards {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
  }
  
  .cards > div {
    margin: -12px;
  }
  
  .cards a {
    border-bottom: none !important;
  }
  
  .cards a:hover,
  .cards a::selection {
    background-color: rgb(var(--accent));
  }
  
  .cards .image-container:nth-of-type(1) *,
  .yui-nav li:nth-of-type(1),
  .yui-content > div:nth-of-type(1) * {
    --accent: 175, 175, 175;
  }
  
  .cards .image-container:nth-of-type(2) *,
  .yui-nav li:nth-of-type(2),
  .yui-content div:nth-of-type(2) * {
    --accent: var(--five-color);
  }
  
  .cards .image-container:nth-of-type(3) *,
  .yui-nav li:nth-of-type(3),
  .yui-content div:nth-of-type(3) * {
    --accent: var(--two-color);
  }
  
  .cards .image-container:nth-of-type(4) *,
  .yui-nav li:nth-of-type(4),
  .yui-nav li:nth-of-type(4) a,
  .yui-content div:nth-of-type(4) * {
    --accent: var(--one-color);
    filter: opacity(.33);
    cursor: not-allowed;
    color: transparent !important;
    background-color: transparent !important;
  }
  
  .yui-navset .yui-nav {
    border: none !important;
  }
  
  .yui-navset .yui-nav li {
    min-width: 25%;
  }
  
  .yui-navset .yui-content {
    background: none !important;
    margin-top: -1px;
    padding: 0;
  }
  
  .yui-navset .yui-content > div {
    background: none !important;
    padding: 0;
    margin: 0;
  }
  
  .yui-navset .yui-content .modal {
    width: auto;
    margin: auto;
  }

  Pages using this styling

  • fragment:scp-6500-10 [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.bunny.net/css2?family=Courgette&display=swap');
  @import url('https://fonts.bunny.net/css2?family=Montserrat:ital,wght@0,800;1,800&display=swap');
  
  :root {
      --head-font: 'Monserrat', sans-serif;
  }
  
  :is(.fancyborder) {
    border-radius: 4vb;
  }

  Pages using this styling

  • fragment:scp-6500-1 [info]

  ¶ 1 occurrence
  

  
  /* SCP-6488  -  EIGHTH COMMANDMENT */
  /* ACCESSIBILITY PATCH */
  
  #page-content div.chat {
      background: rgb(177, 193, 204);
      border-color: rgba(0, 0, 0, 0.4);
      color: unset;
      font-weight: bold;
  }
  
  #page-content div.chat > div.chat {
      border-color: rgba(255, 255, 255, 0.4);
  }
  
  #page-content div.vjds {
      background: rgb(177, 193, 204);
      color: rgb(var(--basalt-main-text-color));
  }
  
  #page-content div.veiss {
      background: rgb(41, 44, 51);
  }
  
  #page-content div.jldo {
      background: rgb(18, 31, 61);
      color: rgb(151, 162, 255);
  }
  
  #page-content div.elng {
      background: rgb(82, 6, 24);
  }
  
  #page-content div.kelvin {
      background: rgb(0, 56, 27);
  }
  
  #page-content div.kbox::after {
      color: rgb(59, 149, 73);
  }
  
  #page-content div.lotus {
      background-color: rgba(0, 80, 88, 0.25);
      background-image: none;
      box-shadow: inset 0rem 0rem 7rem 6rem rgba(var(--admo-color-dark));
      border-radius: 37rem;
  }
  
  #page-content div.lotus .st {
      color: rgb(0, 77, 144);
  }
  

  Pages using this styling

  • fragment:scp-6488-1 [info]

  ¶ 1 occurrence
  

  
  :root {
  
  --admo-backdrop: url(https://scp-wiki.wikidot.com/local--files/admonition/admo-6488-bg.webp);
  
  --admo-color-bright: 90, 170, 171;
  --admo-color-dim: 2, 20, 24;
  --admo-color-dark: 0, 10, 11;
  --admo-color-alt: 84, 156, 148;
  
  --general-border-color: 30, 50, 47;
  --basalt-tertiary-color: 8, 35, 35;
  --darkdocument-background-color: 8, 12, 14;
  
  --two-color: var(--admo-color-bright) !important;
  
  }
  

  Pages using this styling

  • fragment:scp-6488-0 [info]

  ¶ 1 occurrence
  

  :root {
      --logo-image: url("https://scp-wiki.wikidot.com/local--files/grigori-karpin-s-author-page/vanguard%20transparent.png");
      --header-title: "VANGUARD";
      --header-subtitle: "SHELTER - NORMALIZE - INFORM";
      --header-h2-font-size: 1.1em;
  --body-font: Inter, Recursive, Consolas, monaco, monospace;
  }
  
  #header::before {
      left: -12rem;
      filter: brightness(125%);
      opacity: 1;
  }
  
  #header h1 a::before {
      font-size: unset;
  }
  
  #header h2::before {
      color: #fe4;
  }
  
  #header h2 {
      top: 1em;
  }
  
  #header #login-status {
      left: -2vw;
  }
  
  @media (max-width: 767px) {
      #header::before {
          left: -7rem;
      }
  
      #header h1 {
          top: 0.5em;
          left: 0.5em;
      }
  }
  
  #page-title {
      display: none;
  }

  Pages using this styling

  • fragment:scp-6483-2 [info]

  ¶ 1 occurrence
  

  .fancyborder {
      box-sizing: border-box;
      border: 2vw solid rgba(0,0,0,0.5);
      border-image: url('https://wanderers-library.wikidot.com/local--files/component:dustjacket-theme/wl_border.png') 600 round;
      border-image-width: 6;
      padding: 0.5vw;
  }
  .fancyhr hr {
      box-sizing: border-box;
      height: 0;
      border-top: 2vw solid transparent;
      background: none;
      background-color: rgba(255, 219, 90, 0);
      background-color: rgba(var(--bright-accent), 0);
      border-image-source: url("https://wanderers-library.wikidot.com/local--files/component:dustjacket-theme/wl_hr.png");
      border-image-repeat: round round;
      border-image-slice: 80 500 80 500 fill;
      border-image-width: 10em 80em 10em 80em;
  }

  Pages using this styling

  • fragment:scp-6465-2 [info]

  ¶ 1 occurrence
  

  .danke {
      padding: 2em;
      margin-bottom:10px;
      font-family: monospace;
      font-size: 1.1em; 
  }
  
  .agent {
      background-color:#002200;
      border: 3px solid #55AA55;
      color: #77CC77;
  }
  
  .site {
      background-color:#222200;
      border: 3px solid #AAAA55;
      color: #DDDD77;
  }

  Pages using this styling

  • fragment:scp-6465-1 [info]

  ¶ 1 occurrence
  

  
  .top-left-box > .item {
    display: none;
  }
  

  Pages using this styling

  • fragment:scp-6462-1 [info]

  ¶ 1 occurrence
  

  
  body {
      background-image: linear-gradient(
          to bottom,
          #D4F1CC, #FFFFFF 210px,
          #FFFFFF 90px, #FFFFFF 100%);
      background-repeat: no-repeat;
  }

  Pages using this styling

  • fragment:scp-6460-2 [info]

  ¶ 1 occurrence
  

  ::selection {
    background: #8bc47c;
    color: white;
  }

  Pages using this styling

  • fragment:scp-6460-2 [info]

  ¶ 1 occurrence
  

  a:link {
    color: #93dc7f;
  }
  a:visited {
    color: #669a58;
  }
  a:hover {
    color: #93dc7f;
  }
  a:active {
    color: #93dc7f;
  }

  Pages using this styling

  • fragment:scp-6460-2 [info]

  ¶ 1 occurrence
  

  :root {
  
      /*----------------------*/
      /*---- BEDROCK VARS ----*/
      /*----------------------*/
  
      --header-logo: var(--logo);
      --logo: url('https://scp-wiki.wikidot.com/local--files/scp-6460/0T7Ukgz.webp');
  
      --header-title: var(--title);
      --header-subtitle: var(--subtitle);
      --title: "PROJECT PANTHEON";
      --subtitle: "Stopping Comprehension Presciently";
  
      --main-content-width: 60rem;
      --main-content-top-margin: 1.5rem;
      --base-font-size: .875rem;
      --bottom-area-padding: calc(var(--true-font-size)*2);
      --side-bar-width: 17rem;
      --basalt-page-content-font-weight: 440;
  
      --header-font-primary: var(--UI-font-primary);
      --UI-font-primary: 'Sofia Sans';
  
      --basalt-overtone: 10, 10, 11;
      --basalt-undertone: var(--basalt-bright-element-color);
      --basalt-UI-dark-palette: 50, 50, 51;
      --basalt-bright-element-color: 150, 24, 43;
      --basalt-dark-element-color: 105, 17, 30;
      --basalt-alternate-color: 221, 119, 17;
      --basalt-primary-color: 252, 252, 252;
      --basalt-secondary-color: 245,245,245;
      --basalt-tertiary-color: 229, 229, 238;
      --basalt-main-text-color: 35, 35, 38;
  
      --title-border-color: var(--basalt-overtone);
      --license-area-divider-color: var(--basalt-overtone);
      --footer-divider-color: var(--basalt-overtone);
      --search-icon-color: var(--basalt-overtone);
      --hr-color: var(--general-border-color);
      --general-border-color: 220, 220, 220;
      --rate-module-cancel-color: var(--basalt-alternate-color);
      --scrollbar-thumb-color: var(--basalt-dark-element-color);
      --modal-fader-background-color: 0, 0, 0;
  
      --side-bar-heading-background-color: 0, 0, 2, 0.07;
      --side-bar-media-background-color: none; /* Disabled by default */
      --side-bar-resources-background-color: none; /* Disabled by default */
      --side-bar-button-background-hover: none; /* Disabled by default */
      --side-bar-heading-text-color-hover: 255, 255, 255, 0.4;
      --side-bar-button-color-hover: var(--side-bar-button-color);
  
      /*---------------------*/
      /*---- BASALT VARS ----*/
      /*---------------------*/
  
      --basalt-UI-background-color: var(--basalt-secondary-color);
      --header-background-color: var(--basalt-UI-background-color);
      --side-bar-background-color: var(--basalt-UI-background-color);
      --bottom-area-background-color: var(--basalt-UI-background-color);
      --edit-area-ancillary-background-color: var(--basalt-UI-background-color);
      --edit-area-toolbar-background-color: var(--basalt-UI-background-color);
      --button-background-color: var(--basalt-UI-background-color);
  
      --basalt-UI-text-color: var(--basalt-main-text-color);
      --header-title-color: var(--basalt-UI-text-color);
      --header-subtitle-color: var(--basalt-UI-text-color);
      --top-bar-link-color: var(--basalt-UI-text-color);
      --search-icon-color: var(--basalt-UI-text-color);
      --side-bar-heading-text-color: var(--basalt-UI-text-color);
      --side-bar-link-color: var(--basalt-UI-text-color);
      --bottom-area-text-color: var(--basalt-UI-text-color);
      --edit-area-ancillary-text-color: var(--basalt-UI-text-color);
      --edit-area-toolbar-icon-color: var(--basalt-UI-text-color);
      --button-text-color: var(--basalt-UI-text-color);
      --basalt-sub-text-color: var(--basalt-UI-text-color);
  
      --ACS-font: var(--header-font);
      --basalt-th-background-color: var(--basalt-UI-dark-palette);
      --basalt-th-text-color: var(--basalt-light-text-color);
      --image-caption-text-color: var(--basalt-main-text-color);
      --authorbox-background-color: var(--basalt-primary-color);
      --floatbox-background-color: 240, 240, 244;
      --document-background-color: 253, 253, 253;
      --darkdocument-background-color: 30, 30, 35;
  
      --header-drop-shadow-opacity: 0.1;
      --window-border-radius: 8px;
  
  /*------------------------*/
  /*---- BASALT CLASSES ----*/
  /*------------------------*/
  
  :is(div.blockquote, blockquote) {
      color: rgb(var(--basalt-main-text-color));
      overflow: auto;
  }
  
  :is(div.blockquote, blockquote):has(div.floatbox) {
      overflow: unset;
  }
  
  #page-content div.notation {
      max-width: 45rem;
  }
  
  div.notation {
      display: block;
      margin-inline: auto;
      margin-block: 1.4rem;
      padding-inline: 1.1rem;
      padding-block: 0.9rem;
      background-color: rgb(var(--basalt-secondary-color));
      border-left: solid 0.25rem rgb(var(--general-border-color));
      border-right: solid 0.25rem rgb(var(--general-border-color));
      color: rgb(var(--basalt-main-text-color));
  }
  
  #page-content div.modal {
      max-width: 57rem;
  }
  
  div.modal {
      display: block;
      margin-inline: auto;
      margin-block: 1.4rem;
      padding-inline: 1.5rem;
      padding-block: 0.5rem;
      background-color: rgb(var(--basalt-primary-color));
      border: solid 0.2rem rgb(var(--general-border-color));
      color: rgb(var(--basalt-main-text-color));
  }
  
  #page-content div.smallmodal {
      max-width: 47rem;
  }
  
  div.smallmodal {
      display: block;
      margin-inline: auto;
      margin-block: 1.4rem;
      padding-inline: 1rem;
      padding-block: 0.2rem;
      background-color: rgb(var(--basalt-primary-color));
      border: solid 0.15rem rgb(var(--general-border-color));
      color: rgb(var(--basalt-main-text-color));
  }
  
  #page-content div:is(.jotting, .transcript) {
      max-width: 42rem;
  }
  
  div:is(.jotting, .transcript) {
      display: block;
      margin-inline: auto;
      margin-block: 1.4rem;
      padding-inline: 1.5rem;
      padding-block: 0.2rem;
      background-color: rgb(var(--basalt-secondary-color));
      border: dashed 0.15rem rgb(var(--general-border-color));
      color: rgb(var(--basalt-main-text-color));
  }
  
  #page-content div.papernote {
      max-width: 30rem;
  }
  
  div.papernote {
      display: block;
      margin-inline: auto;
      margin-block: 1.4rem;
      padding: 1rem 2rem;
      background-color: rgb(var(--basalt-tertiary-color));
      color: rgb(var(--basalt-main-text-color));
  }
  
  #page-content div:is(.document, .darkdocument) {
      max-width: 45rem;
  }
  
  div:is(.document, .darkdocument) {
      display: block;
      margin-inline: auto;
      margin-block: 1.5em;
      padding: 1.5rem;
      position: relative;
      --posX: -20vw;
  }
  
  div.document {
      background-color: rgb(var(--document-background-color));
      box-shadow: 0px 1px 1.9px -4px rgba(0, 0, 0, 0.1), 0px 6px 15px -4px rgba(0, 0, 0, 0.2);
      color: rgb(50, 50, 53);
  }
  
  div.darkdocument {
      background-color: rgb(var(--darkdocument-background-color));
      box-shadow: 0px 1px 1.9px -4px rgba(0, 0, 10, 0.8), 0px 6px 15px -4px rgba(0, 0, 7, 0.9);
      color: rgb(195, 195, 200);
  }
  
  div:is(.document, .darkdocument)::before,
  div:is(.document, .darkdocument)::after {
      content: "";
      height: 98%;
      position: absolute;
      width: 98%;
      z-index: -1;
  }
  
  div:is(.document, .darkdocument)::before {
      left: -5px;
      top: 4px;
      transform: rotate(-2.5deg);
  }
  
  div:is(.document, .darkdocument)::after {
      right: -3px;
      top: 1px;
      transform: rotate(1.4deg);
  }
  
  div:is(.document)::before,
  div:is(.document)::after {
      background-color: rgb(var(--document-background-color));
  }
  
  div:is(.darkdocument)::before,
  div:is(.darkdocument)::after {
      background-color: rgb(var(--darkdocument-background-color));
      opacity: 90%;
  }
  
  div.document::before {
      box-shadow: 0px 1px 1.9px -4px rgba(0, 0, 0, 0.1), 0px 6px 15px -4px rgba(0, 0, 0, 0.1);
  }
  
  div.document::after {
      box-shadow: 0px 1px 1.9px -4px rgba(0, 0, 0, 0.1), 0px 6px 15px -4px rgba(0, 0, 0, 0.05);
  }
  
  div.darkdocument::before {
      box-shadow: 0px 1px 1.9px -4px rgba(0, 0, 10, 0.8), 0px 6px 15px -4px rgba(0, 0, 7, 0.9);
  }
  
  div.darkdocument::after {
      box-shadow: 0px 1px 1.9px -4px rgba(0, 0, 10, 0.8), 0px 6px 15px -4px rgba(0, 0, 7, 0.05);
  }
  
  @media only screen and (max-width: 1020px) {
  
      div:is(.document, .darkdocument)::before,
      div:is(.document, .darkdocument)::after {
       display: none;
      }
  }
  
  div[class$="_memo"] {
      background: var(--memo-logo) rgba(var(--memo-color), 1);
      background-size: contain;
      background-position: top center;
      background-repeat: no-repeat;
      min-height: 4rem;
      margin-inline: auto;
      margin-block: 2rem;
      padding-inline: 20px;
      padding-block: 10px;
      border: solid 2px rgba(0, 0, 0, 0.1);
      text-align: center;
  }
  
  div[class$="_memo"]::before {
      content: var(--memo-heading);
      font-family: var(--UI-font);
      font-weight: 900;
      font-size: 1.3em;
      text-align: center;
      margin: 0 auto 1rem auto;
      display: flex;
      flex-direction: column;
      padding-top: 0.5em;
  }
  
  div.raisa_memo {
      --memo-heading: "NOTICE FROM THE RECORDS AND INFORMATION SECURITY ADMINISTRATION";
      --memo-logo: url(https://scp-wiki.wikidot.com/local--files/theme:basalt/RAISA_LIGHTLOGO.png);
      --memo-color: 242, 242, 192;
  }
  
  div.classification_memo {
      --memo-heading: "CLASSIFICATION COMMITTEE MEMORANDUM";
      --memo-logo: url(https://scp-wiki.wikidot.com/local--files/theme:basalt/CLASSIFICATION_LIGHTLOGO.png);
      --memo-color: 237, 245, 243;
  }
  
  div.ettra_memo {
      --memo-heading: "NOTICE FROM THE EMERGENT THREAT TACTICAL RESPONSE AUTHORITY";
      --memo-logo: url(https://scp-wiki.wikidot.com/local--files/theme:basalt/ETTRA_LIGHTLOGO.png);
      --memo-color: 245, 215, 215;
  }
  
  div.ethics_memo {
      --memo-heading: "ETHICS COMMITTEE MEMORANDUM";
      --memo-logo: url(https://scp-wiki.wikidot.com/local--files/theme:basalt/ETHICS_LIGHTLOGO.png);
      --memo-color: 255, 219, 196;
  }
  
  div.temporal_memo {
      --memo-heading: "NOTICE FROM THE DEPARTMENT OF TEMPORAL ANOMALIES";
      --memo-logo: url(https://scp-wiki.wikidot.com/local--files/theme:basalt/DELTA_T_LIGHTLOGO.png);
      --memo-color: 255, 255, 255;
  }
  
  div.overwatch_memo {
      --memo-heading: "BY ORDER OF THE OVERSEER COUNCIL";
      --memo-logo: url(https://scp-wiki.wikidot.com/local--files/theme:basalt/O5_LIGHTLOGO.png);
      --memo-color: 227, 227, 227;
  }
  
  div.miscomm_memo {
      --memo-heading: "NOTICE FROM THE DEPARTMENT OF MISCOMMUNICATIONS";
      --memo-logo: url(https://scp-wiki.wikidot.com/local--files/theme:basalt/MISCOMM_LIGHTLOGO.png);
      --memo-color: 238, 237, 250;
  }
  
  div.tribunal_memo {
      --memo-heading: "VERDICT FROM THE INTERNAL TRIBUNAL DEPARTMENT";
      --memo-logo: url(https://scp-wiki.wikidot.com/local--files/scp-6460/qavdzCV2.webp);
      --memo-color: 206, 237, 214;
  }
  
  div.external_memo {
      --memo-heading: "MEMORANDUM FROM THE EXTERNAL RELATIONS BOARD";
      --memo-logo: url(https://scp-wiki.wikidot.com/local--files/scp-6460/Vr7NkgK3.webp);
      --memo-color: 228, 211, 240;
  }
  
  div.administrator_memo {
      --memo-heading: "FROM THE OFFICE OF THE ADMINISTRATOR";
      --memo-logo: url(https://scp-wiki.wikidot.com/local--files/scp-6460/LMiY83P2.webp);
      --memo-color: 148, 148, 148;
  }
  
  div.archival_memo {
      --memo-heading: "NOTICE FROM THE ARCHIVAL DEPARTMENT";
      --memo-logo: url(https://scp-wiki.wikidot.com/local--files/scp-6460/CmXPO1U2.webp);
      --memo-color: 175, 217, 240;
  }
  
  .table1 {
      --basalt-th-background-color: var(--one-color);
  }
  
  .table2 {
      --basalt-th-background-color: var(--two-color);
  }
  
  .table3 {
      --basalt-th-background-color: var(--three-color);
      --basalt-th-text-color: var(--basalt-main-text-color);
  }
  
  .table4 {
      --basalt-th-background-color: var(--four-color);
  }
  
  .table5 {
      --basalt-th-background-color: var(--five-color);
  }
  
  .table6 {
      --basalt-th-background-color: var(--six-color);
  }
  
  div:is(.table1, .table2, .table3, .table4, .table5, .table6) .scp-image-block {
      border-bottom-color: rgba(var(--basalt-th-background-color), 0.75);
  }
  
  div.tableb :is(#page-content table:not(.form), table.wiki-content-table) {
      border-collapse: separate;
      border-spacing: 4px;
  }
  
  span:is(.bigtext, .bt) {
      font-family: var(--header-font);
      font-weight: bold;
  }
  
  span:is(.specialtext, .st) {
      font-family: var(--UI-font);
      font-weight: bold;
  }
  
  :is(.table1, .table2, .table3, .table4, .table5, .table6) span:is(.st, .specialtext) {
      color: rgb(var(--basalt-th-background-color));
  }
  
  #page-content div.floatbox {
      background-color: rgb(var(--floatbox-background-color));
      float: left;
      max-width: calc(var(--main-content-width)/2.25);
      box-sizing: border-box;
      margin: 0.25rem 1.25rem;
      margin-left: clamp(calc(var(--main-content-width)/-4.5), calc((87.5vw - 95%)/-2), 0rem);
      padding-inline: 1.2rem;
      padding-block: 0.5rem;
      font-size: 0.9125em;
      border-radius: 7px;
      border: solid 0.12rem rgba(var(--general-border-color), 0.4);
  }
  
  #page-content div.floatbox.right {
      float: right;
      margin-left: 1.25rem;
      margin-right: clamp(calc(var(--main-content-width)/-4.5), calc((87.5vw - 95%)/-2), 0rem);
  }
  
  @media only screen and (max-width: 640px) {
      #page-content div:is(.floatbox, .floatbox.right) {
       float: none;
       margin: 0.5rem auto;
       width: 100%;
      }
  }
  
  :is(.table-no-border, .authorbox) td {
      border-color: transparent !important;
  }

  Pages using this styling

  • fragment:scp-6460-2 [info]

  ¶ 1 occurrence
  

  /*
      BLANKSTYLE CSS
      [2021 Wikidot Theme]
      By Placeholder McD and HarryBlank
      Based on:
         Paperstack Theme by EstrellaYoshte
         Penumbra Theme by EstrellaYoshte
  */
   
  @import url('https://fonts.bunny.net/css2?family=Montserrat:ital,wght@0,800;1,800&display=swap');
   
  #page-content { font-size: .9rem; }
   
  #main-content {
      top: -1.6rem;
      padding: 0.2em;
  }
   
  div#container-wrap {
       background-image: none;
  }
   
  div#header {
      background-image: none;
  }
   
  #header h1, #header h2 { margin-left: 0; float: none; text-align: center; }
  #header h2 { margin-top: 0.5rem; }
  #header h1 span, #header h2 span { font-size: 0; display: none;}
  #header h1 a::before, #header h2::before {
      color: #000;
      letter-spacing: 1px;
      font-family: 'Montserrat', sans-serif !important;
      text-shadow: none;
  }
   
  #header h1 a::before {
    content: var(--header-title, "SCP Foundation");
    font-weight: 400;
    font-size: 1.3em;
  }
   
  #header h2::before {
    content: var(--header-subtitle, "SECURE, CONTAIN, PROTECT.");
    font-weight: 700;
    font-size: 1.2em;
  }
   
  @media (max-width: 707px) {
      #header h1 a::before {
          font-size: 1.6em;
      }
  }
   
  #login-status,
  #login-status a {
      color: #333333;
  }
   
  #page-title {
      display: none;
  }
   
  #footer, #footer a {
      background: transparent;
      color: #333333;
  }
   
  #search-top-box-input,
  #search-top-box-input:hover,
  #search-top-box-input:focus,
  #search-top-box-form input[type=submit],
  #search-top-box-form input[type=submit]:hover,
  #search-top-box-form input[type=submit]:focus {
      border: none;
      background: #333333;
      box-shadow: none;
      border-radius: 0px;
      color: #efefef;
  }
   
  #search-top-box input.empty {
      color: #999999;
  }
   
  #search-top-box {
      top: 2.3rem!important;
      right: 8px;
  }
   
  #top-bar { 
     display: flex;
     justify-content: center;
     right: 0;
     top: 7.9rem;
  }
   
  #top-bar, #top-bar a {
      color: #639456;
  }
   
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
      font-family: 'Montserrat', sans-serif;
      color: #000;
      letter-spacing: 1px;
  }
   
  h1 {
      font-size: 2em;
  }
   
  h2 {
      font-size: 1.45em;
  }
   
  div#extra-div-1 {
      height: 180px;
      width: 100%;
      top: 0;
      position: absolute;
      background: url('https://scp-wiki.wikidot.com/local--files/scp-6460/0T7Ukgz.webp');
      background-size: contain;
      background-repeat: no-repeat;
      background-position: 50% 50%;
      z-index: -1;
  }
   
  @media (max-width: 707px) {
      div#extra-div-1 {
          top: 15px;
      }
  }
   
  body {
      background-image: linear-gradient(
          to bottom,
          #e0e0e0, #e0e0e0 90px,
          #e0e0e0 90px, #ffffff 200px,
          #ffffff 200px, #ffffff 100%);
      background-repeat: no-repeat;
  }
   
  :root {
    --timeScale: 1.5;
    --timeDelay: 1.5s;
    --posX: calc(50% - 358px - 13rem);
    --fnLinger: 1s;
  }
   
  #page-content hr {
      background-color: #000;
  }
   
  #page-content tr th {
      padding: 6px;
      border: #000 1px solid;
  }
   
  #page-content tr td {
      padding: 12px;
      border: #000 1px solid;
      line-height: 1.4;
  }
   
  #page-content .sidebox tr td, 
  #page-content .sidebox tr th {
      padding: 0.35em;
  }
   
  #side-bar {
      border-right: 1px solid #333;
      background: #DDD;
  }
   
  #side-bar .side-block {
      border: 1px solid #333;
      border-radius: 0;
      box-shadow: none;
  }
   
  #top-bar div.open-menu a {
      border: 1px solid #333;
      border-radius: 0;
      box-shadow: none;
  }
   
  @media (max-width: 767px) {
      #side-bar:target {
          border: 1px black;
          box-shadow: none;
      }
  }
   
  #side-bar .side-block {
      border: 1px solid #333;
      border-radius: 0;
      box-shadow: none;
      background-color: #FDF6D7;
  }
  #side-bar .side-block.media {
      background-color:#D7EFE7;
  }
  #side-bar .side-block.resources {
      background-color:#F5D8E0;
  }
   
  #page-content .creditRate{
      margin: unset;
      margin-bottom: 4px;
  }
  #page-content .rate-box-with-credit-button {
      background-color: #ffffff;
      border: solid 1px #000;
      box-shadow: none;
      border-radius: 0;
  }
   
  #page-content .rate-box-with-credit-button .fa-info {
      border: none;
      color: #333333;
  }
   
  #page-content .rate-box-with-credit-button .fa-info:hover {
      background: #333333;
      color: #ffffff;
  }
   
  .rate-box-with-credit-button .cancel {
      border: solid 1px #ffffff;
  }
   
  /* ---- PAGE RATING ---- */
   
  .page-rate-widget-box {
      box-shadow: none;
      border: solid 1px #000;
      margin: unset;
      margin-bottom: 4px;
      border-radius: 0;
  }
   
  div.page-rate-widget-box .rate-points {
      background-color: #bae3af;
      color: #333333;
      border: none;
      border-radius: 0;
  }
  .page-rate-widget-box .rateup,
  .page-rate-widget-box .ratedown {
      background-color: #bae3af;
      border-top: none;
      border-bottom: none;
  }
   
  .page-rate-widget-box .rateup a,
  .page-rate-widget-box .ratedown a {
      background: transparent;
      color: #333333;
  }
   
  .page-rate-widget-box .rateup a:hover,
  .page-rate-widget-box .ratedown a:hover {
      background: #333333;
      color: #c3eef4;
  }
   
  .page-rate-widget-box .cancel {
      background: transparent;
      background-color: #bae3af;
      border: none;
      border-radius: 0;
  }
   
  .page-rate-widget-box .cancel a {
      color: #333333;
  }
  .page-rate-widget-box .cancel a:hover {
      background: #333333;
      color: #ffffff;
      border-radius: 0;
  }
  #page-content .rate-box-with-credit-button .page-rate-widget-box { border: none; }
   
  .anchor {
      position: sticky;
      height:0;
      top: 0;
  }
  .sidebox {
      padding: .14rem;
      margin-top: 0;
      margin-bottom: 8px;
      width: calc((100vw - 870px)/2);
      max-height: calc(100vh - 18rem);
      position: absolute;
      top: 0;
      left: 103.5%;
      z-index: 5;
      overflow: auto;
      box-sizing: border-box;
  }
  @media (max-width: 1290px) {
      .sidebox {
          display: none;
          visibility: hidden;
      }
   
      #header h2::before {
          font-size: 0.9em !important;
      }
  }
   
  .scp-image-block {
      box-shadow: none;
  }
   
  /* ---- 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 ----*/
   
   .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: #333333;
       box-shadow: none;
  }
   .yui-navset .yui-nav a, /* ---- Link Modifier ---- */
   .yui-navset .yui-navset-top .yui-nav a{
       color: #333333;
      /* ---- Tab Background Colour | [UNSELECTED] ---- */
       background-color: #efefef;
       border: unset;
       box-shadow: none;
       box-shadow: none;
  }
   .yui-navset .yui-nav a:hover,
   .yui-navset .yui-nav a:focus{
       color: #ffffff;
      /* ---- Tab Background Colour | [HOVER] ---- */
       background-color: #333333;
  }
   .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;
       color: #ffffff;
       background-color: #ffffff;
       border-color: transparent;
       box-shadow: none;
  }
   .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: #333333;
  }
   .yui-navset .yui-nav .selected a,
   .yui-navset .yui-nav .selected a em{
       border: none;
  }
   .yui-navset .yui-nav .selected a{
       width: 100%;
       color: #ffffff;
  }
   .yui-navset .yui-nav .selected a:focus,
   .yui-navset .yui-nav .selected a:active{
       color: #ffffff;
       background-color: #333333;
  }
   .yui-navset .yui-content {
      background-color: #ffffff;
      box-shadow: none;
  }
   .yui-navset .yui-content,
   .yui-navset .yui-navset-top .yui-content{
      padding: .5em;
      border: 1px solid #333;
      box-sizing: border-box;
  }
   
  /*---- SCROLLBAR ----*/
   
  ::-webkit-scrollbar {
      width: 10px;
  }
   
  ::-webkit-scrollbar-track {
      background: #FFF;
      border-left: 1px solid #333;
  }
   
  ::-webkit-scrollbar-thumb {
       background: #CCC;
       border: #333 1px solid;
  }
   
  ::-webkit-scrollbar-thumb:hover {
       background: #EEE;
  }
   
  /*---- CENTER IMAGES ON MOBILE courtesy of EstrellaYoshte and PeppersGhost ----*/
   
  .imagediv {
      float: right;
      margin: 15px
  }
   
  @media (max-width: 540px) {
    .imagediv {
      float: none;
      text-align:center;
      margin: auto;
    }
  }
   
  @media only screen and (max-width: 600px) {
      .scp-image-block.block-right{
          float: none;
          margin: 10px auto;
      }
  }
   
  /*---- ACS-COLORED TABLE DIVS ----*/
   
  #page-content .table1 tr th,
  #page-content .table1 .scp-image-block .scp-image-caption {
      background-color: #D7EFE7;
  }
   
  #page-content .table2 tr th,
  #page-content .table2 .scp-image-block .scp-image-caption {
      background-color: #D8ECF4;
  }
   
  #page-content .table3 tr th,
  #page-content .table3 .scp-image-block .scp-image-caption {
      background-color: #FDF6D7;
  }
   
  #page-content .table4 tr th,
  #page-content .table4 .scp-image-block .scp-image-caption {
      background-color: #FFDABF;
  }
   
  #page-content .table5 tr th,
  #page-content .table5 .scp-image-block .scp-image-caption {
      background-color: #F5D8E0;
  }
   
  #page-content .table6 tr th,
  #page-content .table6 .scp-image-block .scp-image-caption {
      background-color: rgba(146, 0, 255, 0.2);
  }
   
  .tableb .wiki-content-table {
      border-collapse: separate;
      border-spacing: 2px;
  }
   
  .tableb .scp-image-block {
      border: none;
  }
   
  .tableb .scp-image-block img {
      border: #000 1px solid;
      box-sizing: border-box;
  }
   
  .tableb .scp-image-block .scp-image-caption {
      margin-top: 2px;
      border: #000 1px solid;
      box-sizing: border-box;
  }
   
  .top-left-box > .item {
    display: none;
  }
   
  /* ---- WORDS NO LONGER BROKEN, THE CROQUEMBOUCHE HAS SPOKEN ---- */
  span, a { word-break: normal !important }
   
  .avatar-hover { display: none !important; }
   
  #breadcrumbs, .pseudocrumbs {
      text-align: center;
      padding-top: 10px;
  }
   
  #main-content .page-tags span {
      max-width: 100%;
  }
   
  /* -- FANCY THINGS from Woedenaz's Dustjacket Theme -- */
   
  .fancyhr hr {
      border-top: 2vw solid transparent;
      background-color: rgba(var(--bright-accent), 0);
      height: 0;
      box-sizing: border-box;
      border-image-source: url('https://scp-wiki.wikidot.com/local--files/scp-6460/wl_hr.webp');
      border-image-repeat: round round;
      background: none;
      border-image-slice: 80 500 80 500 fill;
      border-image-width: 10em 80em 10em 80em;
  }
   
  .fancyborder {
      box-sizing: border-box;
      border: 2vw solid rgba(0,0,0,0.5);
      border-image: url('https://scp-wiki.wikidot.com/local--files/scp-6460/wl_border.webp') 600 round;
      border-image-width: 6;
      padding: 2vw;
  }

  Pages using this styling

  • fragment:scp-6460-2 [info]

  ¶ 1 occurrence
  

  .docexcerpt {
      padding: 4px 16px 4px 16px;
      box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
      width: 75%;
      margin: auto;
      margin-bottom: 28px;
      margin-top: 28px;
      background: #FBF9F3;
      border: dashed 0.1rem #5D5D5D;
  }

  Pages using this styling

  • fragment:scp-6460-1 [info]

  ¶ 1 occurrence
  

  :root {
  
      /*----------------------*/
      /*---- BEDROCK VARS ----*/
      /*----------------------*/
  
      --header-logo: var(--logo);
      --logo: url('https://scp-wiki.wikidot.com/local--files/theme:basalt/basalt_scp_logo-for_lightmode.svg');
  
      --header-title: var(--title);
      --header-subtitle: var(--subtitle);
      --title: "SCP Foundation";
      --subtitle: "SECURE - CONTAIN - PROTECT";
  
      --main-content-width: 60rem;
      --main-content-top-margin: 1.5rem;
      --base-font-size: .875rem;
      --bottom-area-padding: calc(var(--true-font-size)*2);
      --side-bar-width: 17rem;
      --basalt-page-content-font-weight: 440;
  
      --header-font-primary: var(--UI-font-primary);
      --UI-font-primary: 'Sofia Sans';
  
      --basalt-overtone: 10, 10, 11;
      --basalt-undertone: var(--basalt-bright-element-color);
      --basalt-UI-dark-palette: 50, 50, 51;
      --basalt-bright-element-color: 150, 24, 43;
      --basalt-dark-element-color: 105, 17, 30;
      --basalt-alternate-color: 221, 119, 17;
      --basalt-primary-color: 252, 252, 252;
      --basalt-secondary-color: 245,245,245;
      --basalt-tertiary-color: 229, 229, 238;
      --basalt-main-text-color: 35, 35, 38;
  
      --title-border-color: var(--basalt-overtone);
      --license-area-divider-color: var(--basalt-overtone);
      --footer-divider-color: var(--basalt-overtone);
      --search-icon-color: var(--basalt-overtone);
      --hr-color: var(--general-border-color);
      --general-border-color: 220, 220, 220;
      --rate-module-cancel-color: var(--basalt-alternate-color);
      --scrollbar-thumb-color: var(--basalt-dark-element-color);
      --modal-fader-background-color: 0, 0, 0;
  
      --side-bar-heading-background-color: 0, 0, 2, 0.07;
      --side-bar-media-background-color: none; /* Disabled by default */
      --side-bar-resources-background-color: none; /* Disabled by default */
      --side-bar-button-background-hover: none; /* Disabled by default */
      --side-bar-heading-text-color-hover: 255, 255, 255, 0.4;
      --side-bar-button-color-hover: var(--side-bar-button-color);
  
      /*---------------------*/
      /*---- BASALT VARS ----*/
      /*---------------------*/
  
      --basalt-UI-background-color: var(--basalt-secondary-color);
      --header-background-color: var(--basalt-UI-background-color);
      --side-bar-background-color: var(--basalt-UI-background-color);
      --bottom-area-background-color: var(--basalt-UI-background-color);
      --edit-area-ancillary-background-color: var(--basalt-UI-background-color);
      --edit-area-toolbar-background-color: var(--basalt-UI-background-color);
      --button-background-color: var(--basalt-UI-background-color);
  
      --basalt-UI-text-color: var(--basalt-main-text-color);
      --header-title-color: var(--basalt-UI-text-color);
      --header-subtitle-color: var(--basalt-UI-text-color);
      --top-bar-link-color: var(--basalt-UI-text-color);
      --search-icon-color: var(--basalt-UI-text-color);
      --side-bar-heading-text-color: var(--basalt-UI-text-color);
      --side-bar-link-color: var(--basalt-UI-text-color);
      --bottom-area-text-color: var(--basalt-UI-text-color);
      --edit-area-ancillary-text-color: var(--basalt-UI-text-color);
      --edit-area-toolbar-icon-color: var(--basalt-UI-text-color);
      --button-text-color: var(--basalt-UI-text-color);
      --basalt-sub-text-color: var(--basalt-UI-text-color);
  
      --ACS-font: var(--header-font);
      --basalt-th-background-color: var(--basalt-UI-dark-palette);
      --basalt-th-text-color: var(--basalt-light-text-color);
      --image-caption-text-color: var(--basalt-main-text-color);
      --authorbox-background-color: var(--basalt-primary-color);
      --floatbox-background-color: 240, 240, 244;
      --document-background-color: 253, 253, 253;
      --darkdocument-background-color: 30, 30, 35;
  
      --header-drop-shadow-opacity: 0.1;
      --window-border-radius: 8px;
  
  /*------------------------*/
  /*---- BASALT CLASSES ----*/
  /*------------------------*/
  
  :is(div.blockquote, blockquote) {
      color: rgb(var(--basalt-main-text-color));
      overflow: auto;
  }
  
  :is(div.blockquote, blockquote):has(div.floatbox) {
      overflow: unset;
  }
  
  #page-content div.notation {
      max-width: 45rem;
  }
  
  div.notation {
      display: block;
      margin-inline: auto;
      margin-block: 1.4rem;
      padding-inline: 1.1rem;
      padding-block: 0.9rem;
      background-color: rgb(var(--basalt-secondary-color));
      border-left: solid 0.25rem rgb(var(--general-border-color));
      border-right: solid 0.25rem rgb(var(--general-border-color));
      color: rgb(var(--basalt-main-text-color));
  }
  
  #page-content div.modal {
      max-width: 57rem;
  }
  
  div.modal {
      display: block;
      margin-inline: auto;
      margin-block: 1.4rem;
      padding-inline: 1.5rem;
      padding-block: 0.5rem;
      background-color: rgb(var(--basalt-primary-color));
      border: solid 0.2rem rgb(var(--general-border-color));
      color: rgb(var(--basalt-main-text-color));
  }
  
  #page-content div.smallmodal {
      max-width: 47rem;
  }
  
  div.smallmodal {
      display: block;
      margin-inline: auto;
      margin-block: 1.4rem;
      padding-inline: 1rem;
      padding-block: 0.2rem;
      background-color: rgb(var(--basalt-primary-color));
      border: solid 0.15rem rgb(var(--general-border-color));
      color: rgb(var(--basalt-main-text-color));
  }
  
  #page-content div:is(.jotting, .transcript) {
      max-width: 42rem;
  }
  
  div:is(.jotting, .transcript) {
      display: block;
      margin-inline: auto;
      margin-block: 1.4rem;
      padding-inline: 1.5rem;
      padding-block: 0.2rem;
      background-color: rgb(var(--basalt-secondary-color));
      border: dashed 0.15rem rgb(var(--general-border-color));
      color: rgb(var(--basalt-main-text-color));
  }
  
  #page-content div.papernote {
      max-width: 30rem;
  }
  
  div.papernote {
      display: block;
      margin-inline: auto;
      margin-block: 1.4rem;
      padding: 1rem 2rem;
      background-color: rgb(var(--basalt-tertiary-color));
      color: rgb(var(--basalt-main-text-color));
  }
  
  #page-content div:is(.document, .darkdocument) {
      max-width: 45rem;
  }
  
  div:is(.document, .darkdocument) {
      display: block;
      margin-inline: auto;
      margin-block: 1.5em;
      padding: 1.5rem;
      position: relative;
      --posX: -20vw;
  }
  
  div.document {
      background-color: rgb(var(--document-background-color));
      box-shadow: 0px 1px 1.9px -4px rgba(0, 0, 0, 0.1), 0px 6px 15px -4px rgba(0, 0, 0, 0.2);
      color: rgb(50, 50, 53);
  }
  
  div.darkdocument {
      background-color: rgb(var(--darkdocument-background-color));
      box-shadow: 0px 1px 1.9px -4px rgba(0, 0, 10, 0.8), 0px 6px 15px -4px rgba(0, 0, 7, 0.9);
      color: rgb(195, 195, 200);
  }
  
  div:is(.document, .darkdocument)::before,
  div:is(.document, .darkdocument)::after {
      content: "";
      height: 98%;
      position: absolute;
      width: 98%;
      z-index: -1;
  }
  
  div:is(.document, .darkdocument)::before {
      left: -5px;
      top: 4px;
      transform: rotate(-2.5deg);
  }
  
  div:is(.document, .darkdocument)::after {
      right: -3px;
      top: 1px;
      transform: rotate(1.4deg);
  }
  
  div:is(.document)::before,
  div:is(.document)::after {
      background-color: rgb(var(--document-background-color));
  }
  
  div:is(.darkdocument)::before,
  div:is(.darkdocument)::after {
      background-color: rgb(var(--darkdocument-background-color));
      opacity: 90%;
  }
  
  div.document::before {
      box-shadow: 0px 1px 1.9px -4px rgba(0, 0, 0, 0.1), 0px 6px 15px -4px rgba(0, 0, 0, 0.1);
  }
  
  div.document::after {
      box-shadow: 0px 1px 1.9px -4px rgba(0, 0, 0, 0.1), 0px 6px 15px -4px rgba(0, 0, 0, 0.05);
  }
  
  div.darkdocument::before {
      box-shadow: 0px 1px 1.9px -4px rgba(0, 0, 10, 0.8), 0px 6px 15px -4px rgba(0, 0, 7, 0.9);
  }
  
  div.darkdocument::after {
      box-shadow: 0px 1px 1.9px -4px rgba(0, 0, 10, 0.8), 0px 6px 15px -4px rgba(0, 0, 7, 0.05);
  }
  
  @media only screen and (max-width: 1020px) {
  
      div:is(.document, .darkdocument)::before,
      div:is(.document, .darkdocument)::after {
       display: none;
      }
  }
  
  div[class$="_memo"] {
      background: var(--memo-logo) rgba(var(--memo-color), 1);
      background-size: contain;
      background-position: top center;
      background-repeat: no-repeat;
      min-height: 4rem;
      margin-inline: auto;
      margin-block: 2rem;
      padding-inline: 20px;
      padding-block: 10px;
      border: solid 2px rgba(0, 0, 0, 0.1);
      text-align: center;
  }
  
  div[class$="_memo"]::before {
      content: var(--memo-heading);
      font-family: var(--UI-font);
      font-weight: 900;
      font-size: 1.3em;
      text-align: center;
      margin: 0 auto 1rem auto;
      display: flex;
      flex-direction: column;
      padding-top: 0.5em;
  }
  
  div.raisa_memo {
      --memo-heading: "NOTICE FROM THE RECORDS AND INFORMATION SECURITY ADMINISTRATION";
      --memo-logo: url(https://scp-wiki.wikidot.com/local--files/theme:basalt/RAISA_LIGHTLOGO.png);
      --memo-color: 242, 242, 192;
  }
  
  div.classification_memo {
      --memo-heading: "CLASSIFICATION COMMITTEE MEMORANDUM";
      --memo-logo: url(https://scp-wiki.wikidot.com/local--files/theme:basalt/CLASSIFICATION_LIGHTLOGO.png);
      --memo-color: 237, 245, 243;
  }
  
  div.ettra_memo {
      --memo-heading: "NOTICE FROM THE EMERGENT THREAT TACTICAL RESPONSE AUTHORITY";
      --memo-logo: url(https://scp-wiki.wikidot.com/local--files/theme:basalt/ETTRA_LIGHTLOGO.png);
      --memo-color: 245, 215, 215;
  }
  
  div.ethics_memo {
      --memo-heading: "ETHICS COMMITTEE MEMORANDUM";
      --memo-logo: url(https://scp-wiki.wikidot.com/local--files/theme:basalt/ETHICS_LIGHTLOGO.png);
      --memo-color: 255, 219, 196;
  }
  
  div.temporal_memo {
      --memo-heading: "NOTICE FROM THE DEPARTMENT OF TEMPORAL ANOMALIES";
      --memo-logo: url(https://scp-wiki.wikidot.com/local--files/theme:basalt/DELTA_T_LIGHTLOGO.png);
      --memo-color: 255, 255, 255;
  }
  
  div.overwatch_memo {
      --memo-heading: "BY ORDER OF THE OVERSEER COUNCIL";
      --memo-logo: url(https://scp-wiki.wikidot.com/local--files/theme:basalt/O5_LIGHTLOGO.png);
      --memo-color: 227, 227, 227;
  }
  
  div.miscomm_memo {
      --memo-heading: "NOTICE FROM THE DEPARTMENT OF MISCOMMUNICATIONS";
      --memo-logo: url(https://scp-wiki.wikidot.com/local--files/theme:basalt/MISCOMM_LIGHTLOGO.png);
      --memo-color: 238, 237, 250;
  }
  
  div.tribunal_memo {
      --memo-heading: "VERDICT FROM THE INTERNAL TRIBUNAL DEPARTMENT";
      --memo-logo: url(https://scp-wiki.wikidot.com/local--files/scp-6460/qavdzCV2.webp);
      --memo-color: 206, 237, 214;
  }
  
  div.external_memo {
      --memo-heading: "MEMORANDUM FROM THE EXTERNAL RELATIONS BOARD";
      --memo-logo: url(https://scp-wiki.wikidot.com/local--files/scp-6460/Vr7NkgK3.webp);
      --memo-color: 228, 211, 240;
  }
  
  div.administrator_memo {
      --memo-heading: "FROM THE OFFICE OF THE ADMINISTRATOR";
      --memo-logo: url(https://scp-wiki.wikidot.com/local--files/scp-6460/LMiY83P2.webp);
      --memo-color: 148, 148, 148;
  }
  
  div.archival_memo {
      --memo-heading: "NOTICE FROM THE ARCHIVAL DEPARTMENT";
      --memo-logo: url(https://scp-wiki.wikidot.com/local--files/scp-6460/CmXPO1U2.webp);
      --memo-color: 175, 217, 240;
  }
  
  .table1 {
      --basalt-th-background-color: var(--one-color);
  }
  
  .table2 {
      --basalt-th-background-color: var(--two-color);
  }
  
  .table3 {
      --basalt-th-background-color: var(--three-color);
      --basalt-th-text-color: var(--basalt-main-text-color);
  }
  
  .table4 {
      --basalt-th-background-color: var(--four-color);
  }
  
  .table5 {
      --basalt-th-background-color: var(--five-color);
  }
  
  .table6 {
      --basalt-th-background-color: var(--six-color);
  }
  
  div:is(.table1, .table2, .table3, .table4, .table5, .table6) .scp-image-block {
      border-bottom-color: rgba(var(--basalt-th-background-color), 0.75);
  }
  
  div.tableb :is(#page-content table:not(.form), table.wiki-content-table) {
      border-collapse: separate;
      border-spacing: 4px;
  }
  
  span:is(.bigtext, .bt) {
      font-family: var(--header-font);
      font-weight: bold;
  }
  
  span:is(.specialtext, .st) {
      font-family: var(--UI-font);
      font-weight: bold;
  }
  
  :is(.table1, .table2, .table3, .table4, .table5, .table6) span:is(.st, .specialtext) {
      color: rgb(var(--basalt-th-background-color));
  }
  
  #page-content div.floatbox {
      background-color: rgb(var(--floatbox-background-color));
      float: left;
      max-width: calc(var(--main-content-width)/2.25);
      box-sizing: border-box;
      margin: 0.25rem 1.25rem;
      margin-left: clamp(calc(var(--main-content-width)/-4.5), calc((87.5vw - 95%)/-2), 0rem);
      padding-inline: 1.2rem;
      padding-block: 0.5rem;
      font-size: 0.9125em;
      border-radius: 7px;
      border: solid 0.12rem rgba(var(--general-border-color), 0.4);
  }
  
  #page-content div.floatbox.right {
      float: right;
      margin-left: 1.25rem;
      margin-right: clamp(calc(var(--main-content-width)/-4.5), calc((87.5vw - 95%)/-2), 0rem);
  }
  
  @media only screen and (max-width: 640px) {
      #page-content div:is(.floatbox, .floatbox.right) {
       float: none;
       margin: 0.5rem auto;
       width: 100%;
      }
  }
  
  :is(.table-no-border, .authorbox) td {
      border-color: transparent !important;
  }

  Pages using this styling

  • fragment:scp-6460-1 [info]

  ¶ 1 occurrence
  

  /*
      BLANKSTYLE CSS
      [2021 Wikidot Theme]
      By Placeholder McD and HarryBlank
      Based on:
         Paperstack Theme by EstrellaYoshte
         Penumbra Theme by EstrellaYoshte
  */
   
  @import url('https://fonts.bunny.net/css2?family=Montserrat:ital,wght@0,800;1,800&display=swap');
   
  #page-content { font-size: .9rem; }
   
  #main-content {
      top: -1.6rem;
      padding: 0.2em;
  }
   
  div#container-wrap {
       background-image: none;
  }
   
  div#header {
      background-image: none;
  }
   
  #header h1, #header h2 { margin-left: 0; float: none; text-align: center; }
  #header h2 { margin-top: 0.5rem; }
  #header h1 span, #header h2 span { font-size: 0; display: none;}
  #header h1 a::before, #header h2::before {
      color: #000;
      letter-spacing: 1px;
      font-family: 'Montserrat', sans-serif !important;
      text-shadow: none;
  }
   
  #header h1 a::before {
    content: var(--header-title, "SCP Foundation");
    font-weight: 400;
    font-size: 1.3em;
  }
   
  #header h2::before {
    content: var(--header-subtitle, "SECURE, CONTAIN, PROTECT.");
    font-weight: 700;
    font-size: 1.2em;
  }
   
  @media (max-width: 707px) {
      #header h1 a::before {
          font-size: 1.6em;
      }
  }
   
  #login-status,
  #login-status a {
      color: #333333;
  }
   
  #page-title {
      display: none;
  }
   
  #footer, #footer a {
      background: transparent;
      color: #333333;
  }
   
  #search-top-box-input,
  #search-top-box-input:hover,
  #search-top-box-input:focus,
  #search-top-box-form input[type=submit],
  #search-top-box-form input[type=submit]:hover,
  #search-top-box-form input[type=submit]:focus {
      border: none;
      background: #333333;
      box-shadow: none;
      border-radius: 0px;
      color: #efefef;
  }
   
  #search-top-box input.empty {
      color: #999999;
  }
   
  #search-top-box {
      top: 2.3rem!important;
      right: 8px;
  }
   
  #top-bar { 
     display: flex;
     justify-content: center;
     right: 0;
     top: 7.9rem;
  }
   
  #top-bar, #top-bar a {
      color: #333333;
  }
   
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
      font-family: 'Montserrat', sans-serif;
      color: #000;
      letter-spacing: 1px;
  }
   
  h1 {
      font-size: 2em;
  }
   
  h2 {
      font-size: 1.45em;
  }
   
  div#extra-div-1 {
      height: 180px;
      width: 100%;
      top: 0;
      position: absolute;
      background: url('https://scp-wiki.wikidot.com/local--files/scp-6460/jXnl8Pl.webp');
      background-size: contain;
      background-repeat: no-repeat;
      background-position: 50% 50%;
      z-index: -1;
  }
   
  @media (max-width: 707px) {
      div#extra-div-1 {
          top: 15px;
      }
  }
   
  body {
      background-image: linear-gradient(
          to bottom,
          #e0e0e0, #e0e0e0 90px,
          #e0e0e0 90px, #ffffff 200px,
          #ffffff 200px, #ffffff 100%);
      background-repeat: no-repeat;
  }
   
  :root {
    --timeScale: 1.5;
    --timeDelay: 1.5s;
    --posX: calc(50% - 358px - 13rem);
    --fnLinger: 1s;
  }
   
  #page-content hr {
      background-color: #000;
  }
   
  #page-content tr th {
      padding: 6px;
      border: #000 1px solid;
  }
   
  #page-content tr td {
      padding: 12px;
      border: #000 1px solid;
      line-height: 1.4;
  }
   
  #page-content .sidebox tr td, 
  #page-content .sidebox tr th {
      padding: 0.35em;
  }
   
  #side-bar {
      border-right: 1px solid #333;
      background: #DDD;
  }
   
  #side-bar .side-block {
      border: 1px solid #333;
      border-radius: 0;
      box-shadow: none;
  }
   
  #top-bar div.open-menu a {
      border: 1px solid #333;
      border-radius: 0;
      box-shadow: none;
  }
   
  @media (max-width: 767px) {
      #side-bar:target {
          border: 1px black;
          box-shadow: none;
      }
  }
   
  #side-bar .side-block {
      border: 1px solid #333;
      border-radius: 0;
      box-shadow: none;
      background-color: #FDF6D7;
  }
  #side-bar .side-block.media {
      background-color:#D7EFE7;
  }
  #side-bar .side-block.resources {
      background-color:#F5D8E0;
  }
   
  #page-content .creditRate{
      margin: unset;
      margin-bottom: 4px;
  }
  #page-content .rate-box-with-credit-button {
      background-color: #ffffff;
      border: solid 1px #000;
      box-shadow: none;
      border-radius: 0;
  }
   
  #page-content .rate-box-with-credit-button .fa-info {
      border: none;
      color: #333333;
  }
   
  #page-content .rate-box-with-credit-button .fa-info:hover {
      background: #333333;
      color: #ffffff;
  }
   
  .rate-box-with-credit-button .cancel {
      border: solid 1px #ffffff;
  }
   
  /* ---- PAGE RATING ---- */
   
  .page-rate-widget-box {
      box-shadow: none;
      border: solid 1px #000;
      margin: unset;
      margin-bottom: 4px;
      border-radius: 0;
  }
   
  div.page-rate-widget-box .rate-points {
      background-color: #ffffff;
      color: #333333;
      border: none;
      border-radius: 0;
  }
  .page-rate-widget-box .rateup,
  .page-rate-widget-box .ratedown {
      background-color: #ffffff;
      border-top: none;
      border-bottom: none;
  }
   
  .page-rate-widget-box .rateup a,
  .page-rate-widget-box .ratedown a {
      background: transparent;
      color: #333333;
  }
   
  .page-rate-widget-box .rateup a:hover,
  .page-rate-widget-box .ratedown a:hover {
      background: #333333;
      color: #ffffff;
  }
   
  .page-rate-widget-box .cancel {
      background: transparent;
      background-color: #ffffff;
      border: none;
      border-radius: 0;
  }
   
  .page-rate-widget-box .cancel a {
      color: #333333;
  }
  .page-rate-widget-box .cancel a:hover {
      background: #333333;
      color: #ffffff;
      border-radius: 0;
  }
  #page-content .rate-box-with-credit-button .page-rate-widget-box { border: none; }
   
  .anchor {
      position: sticky;
      height:0;
      top: 0;
  }
  .sidebox {
      padding: .14rem;
      margin-top: 0;
      margin-bottom: 8px;
      width: calc((100vw - 870px)/2);
      max-height: calc(100vh - 18rem);
      position: absolute;
      top: 0;
      left: 103.5%;
      z-index: 5;
      overflow: auto;
      box-sizing: border-box;
  }
  @media (max-width: 1290px) {
      .sidebox {
          display: none;
          visibility: hidden;
      }
   
      #header h2::before {
          font-size: 0.9em !important;
      }
  }
   
  .scp-image-block {
      box-shadow: none;
  }
   
  /* ---- 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 ----*/
   
   .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: #333333;
       box-shadow: none;
  }
   .yui-navset .yui-nav a, /* ---- Link Modifier ---- */
   .yui-navset .yui-navset-top .yui-nav a{
       color: #333333;
      /* ---- Tab Background Colour | [UNSELECTED] ---- */
       background-color: #efefef;
       border: unset;
       box-shadow: none;
       box-shadow: none;
  }
   .yui-navset .yui-nav a:hover,
   .yui-navset .yui-nav a:focus{
       color: #ffffff;
      /* ---- Tab Background Colour | [HOVER] ---- */
       background-color: #333333;
  }
   .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;
       color: #ffffff;
       background-color: #ffffff;
       border-color: transparent;
       box-shadow: none;
  }
   .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: #333333;
  }
   .yui-navset .yui-nav .selected a,
   .yui-navset .yui-nav .selected a em{
       border: none;
  }
   .yui-navset .yui-nav .selected a{
       width: 100%;
       color: #ffffff;
  }
   .yui-navset .yui-nav .selected a:focus,
   .yui-navset .yui-nav .selected a:active{
       color: #ffffff;
       background-color: #333333;
  }
   .yui-navset .yui-content {
      background-color: #ffffff;
      box-shadow: none;
  }
   .yui-navset .yui-content,
   .yui-navset .yui-navset-top .yui-content{
      padding: .5em;
      border: 1px solid #333;
      box-sizing: border-box;
  }
   
  /*---- SCROLLBAR ----*/
   
  ::-webkit-scrollbar {
      width: 10px;
  }
   
  ::-webkit-scrollbar-track {
      background: #FFF;
      border-left: 1px solid #333;
  }
   
  ::-webkit-scrollbar-thumb {
       background: #CCC;
       border: #333 1px solid;
  }
   
  ::-webkit-scrollbar-thumb:hover {
       background: #EEE;
  }
   
  /*---- CENTER IMAGES ON MOBILE courtesy of EstrellaYoshte and PeppersGhost ----*/
   
  .imagediv {
      float: right;
      margin: 15px
  }
   
  @media (max-width: 540px) {
    .imagediv {
      float: none;
      text-align:center;
      margin: auto;
    }
  }
   
  @media only screen and (max-width: 600px) {
      .scp-image-block.block-right{
          float: none;
          margin: 10px auto;
      }
  }
   
  /*---- ACS-COLORED TABLE DIVS ----*/
   
  #page-content .table1 tr th,
  #page-content .table1 .scp-image-block .scp-image-caption {
      background-color: #D7EFE7;
  }
   
  #page-content .table2 tr th,
  #page-content .table2 .scp-image-block .scp-image-caption {
      background-color: #D8ECF4;
  }
   
  #page-content .table3 tr th,
  #page-content .table3 .scp-image-block .scp-image-caption {
      background-color: #FDF6D7;
  }
   
  #page-content .table4 tr th,
  #page-content .table4 .scp-image-block .scp-image-caption {
      background-color: #FFDABF;
  }
   
  #page-content .table5 tr th,
  #page-content .table5 .scp-image-block .scp-image-caption {
      background-color: #F5D8E0;
  }
   
  #page-content .table6 tr th,
  #page-content .table6 .scp-image-block .scp-image-caption {
      background-color: rgba(146, 0, 255, 0.2);
  }
   
  .tableb .wiki-content-table {
      border-collapse: separate;
      border-spacing: 2px;
  }
   
  .tableb .scp-image-block {
      border: none;
  }
   
  .tableb .scp-image-block img {
      border: #000 1px solid;
      box-sizing: border-box;
  }
   
  .tableb .scp-image-block .scp-image-caption {
      margin-top: 2px;
      border: #000 1px solid;
      box-sizing: border-box;
  }
   
  .top-left-box > .item {
    display: none;
  }
   
  /* ---- WORDS NO LONGER BROKEN, THE CROQUEMBOUCHE HAS SPOKEN ---- */
  span, a { word-break: normal !important }
   
  .avatar-hover { display: none !important; }
   
  #breadcrumbs, .pseudocrumbs {
      text-align: center;
      padding-top: 10px;
  }
   
  #main-content .page-tags span {
      max-width: 100%;
  }
   
  /* -- FANCY THINGS from Woedenaz's Dustjacket Theme -- */
   
  .fancyhr hr {
      border-top: 2vw solid transparent;
      background-color: rgba(var(--bright-accent), 0);
      height: 0;
      box-sizing: border-box;
      border-image-source: url('https://scp-wiki.wikidot.com/local--files/scp-6460/wl_hr.webp');
      border-image-repeat: round round;
      background: none;
      border-image-slice: 80 500 80 500 fill;
      border-image-width: 10em 80em 10em 80em;
  }
   
  .fancyborder {
      box-sizing: border-box;
      border: 2vw solid rgba(0,0,0,0.5);
      border-image: url('https://scp-wiki.wikidot.com/local--files/scp-6460/wl_border.webp') 600 round;
      border-image-width: 6;
      padding: 2vw;
  }

  Pages using this styling

  • fragment:scp-6460-1 [info]

  ¶ 1 occurrence
  

  
  body {
      background-image: linear-gradient(
          to bottom,
          #e2e092, #FFFFFF 210px,
          #FFFFFF 90px, #FFFFFF 100%);
      background-repeat: no-repeat;
  }

  Pages using this styling

  • fragment:scp-6460-0 [info]

  ¶ 1 occurrence
  

  ::selection {
    background: #c4bf7c;
    color: white;
  }

  Pages using this styling

  • fragment:scp-6460-0 [info]

  ¶ 1 occurrence
  

  a:link {
    color: #dcd67f;
  }
  a:visited {
    color: #9a9858;
  }
  a:hover {
    color: #dcd67f;
  }
  a:active {
    color: #dcd67f;
  }

  Pages using this styling

  • fragment:scp-6460-0 [info]

  ¶ 1 occurrence
  

  :root {
  
      /*----------------------*/
      /*---- BEDROCK VARS ----*/
      /*----------------------*/
  
      --header-logo: var(--logo);
      --logo: url('https://scp-wiki.wikidot.com/local--files/scp-6460/xAmGpku.webp');
  
      --header-title: var(--title);
      --header-subtitle: var(--subtitle);
      --title: "RAISA Intranet";
      --subtitle: "STORE - CATALOGUE - PRESERVE";
  
      --main-content-width: 60rem;
      --main-content-top-margin: 1.5rem;
      --base-font-size: .875rem;
      --bottom-area-padding: calc(var(--true-font-size)*2);
      --side-bar-width: 17rem;
      --basalt-page-content-font-weight: 440;
  
      --header-font-primary: var(--UI-font-primary);
      --UI-font-primary: 'Sofia Sans';
  
      --basalt-overtone: 10, 10, 11;
      --basalt-undertone: var(--basalt-bright-element-color);
      --basalt-UI-dark-palette: 50, 50, 51;
      --basalt-bright-element-color: 150, 24, 43;
      --basalt-dark-element-color: 105, 17, 30;
      --basalt-alternate-color: 221, 119, 17;
      --basalt-primary-color: 252, 252, 252;
      --basalt-secondary-color: 245,245,245;
      --basalt-tertiary-color: 229, 229, 238;
      --basalt-main-text-color: 35, 35, 38;
  
      --title-border-color: var(--basalt-overtone);
      --license-area-divider-color: var(--basalt-overtone);
      --footer-divider-color: var(--basalt-overtone);
      --search-icon-color: var(--basalt-overtone);
      --hr-color: var(--general-border-color);
      --general-border-color: 220, 220, 220;
      --rate-module-cancel-color: var(--basalt-alternate-color);
      --scrollbar-thumb-color: var(--basalt-dark-element-color);
      --modal-fader-background-color: 0, 0, 0;
  
      --side-bar-heading-background-color: 0, 0, 2, 0.07;
      --side-bar-media-background-color: none; /* Disabled by default */
      --side-bar-resources-background-color: none; /* Disabled by default */
      --side-bar-button-background-hover: none; /* Disabled by default */
      --side-bar-heading-text-color-hover: 255, 255, 255, 0.4;
      --side-bar-button-color-hover: var(--side-bar-button-color);
  
      /*---------------------*/
      /*---- BASALT VARS ----*/
      /*---------------------*/
  
      --basalt-UI-background-color: var(--basalt-secondary-color);
      --header-background-color: var(--basalt-UI-background-color);
      --side-bar-background-color: var(--basalt-UI-background-color);
      --bottom-area-background-color: var(--basalt-UI-background-color);
      --edit-area-ancillary-background-color: var(--basalt-UI-background-color);
      --edit-area-toolbar-background-color: var(--basalt-UI-background-color);
      --button-background-color: var(--basalt-UI-background-color);
  
      --basalt-UI-text-color: var(--basalt-main-text-color);
      --header-title-color: var(--basalt-UI-text-color);
      --header-subtitle-color: var(--basalt-UI-text-color);
      --top-bar-link-color: var(--basalt-UI-text-color);
      --search-icon-color: var(--basalt-UI-text-color);
      --side-bar-heading-text-color: var(--basalt-UI-text-color);
      --side-bar-link-color: var(--basalt-UI-text-color);
      --bottom-area-text-color: var(--basalt-UI-text-color);
      --edit-area-ancillary-text-color: var(--basalt-UI-text-color);
      --edit-area-toolbar-icon-color: var(--basalt-UI-text-color);
      --button-text-color: var(--basalt-UI-text-color);
      --basalt-sub-text-color: var(--basalt-UI-text-color);
  
      --ACS-font: var(--header-font);
      --basalt-th-background-color: var(--basalt-UI-dark-palette);
      --basalt-th-text-color: var(--basalt-light-text-color);
      --image-caption-text-color: var(--basalt-main-text-color);
      --authorbox-background-color: var(--basalt-primary-color);
      --floatbox-background-color: 240, 240, 244;
      --document-background-color: 253, 253, 253;
      --darkdocument-background-color: 30, 30, 35;
  
      --header-drop-shadow-opacity: 0.1;
      --window-border-radius: 8px;
  
  /*------------------------*/
  /*---- BASALT CLASSES ----*/
  /*------------------------*/
  
  :is(div.blockquote, blockquote) {
      color: rgb(var(--basalt-main-text-color));
      overflow: auto;
  }
  
  :is(div.blockquote, blockquote):has(div.floatbox) {
      overflow: unset;
  }
  
  #page-content div.notation {
      max-width: 45rem;
  }
  
  div.notation {
      display: block;
      margin-inline: auto;
      margin-block: 1.4rem;
      padding-inline: 1.1rem;
      padding-block: 0.9rem;
      background-color: rgb(var(--basalt-secondary-color));
      border-left: solid 0.25rem rgb(var(--general-border-color));
      border-right: solid 0.25rem rgb(var(--general-border-color));
      color: rgb(var(--basalt-main-text-color));
  }
  
  #page-content div.modal {
      max-width: 57rem;
  }
  
  div.modal {
      display: block;
      margin-inline: auto;
      margin-block: 1.4rem;
      padding-inline: 1.5rem;
      padding-block: 0.5rem;
      background-color: rgb(var(--basalt-primary-color));
      border: solid 0.2rem rgb(var(--general-border-color));
      color: rgb(var(--basalt-main-text-color));
  }
  
  #page-content div.smallmodal {
      max-width: 47rem;
  }
  
  div.smallmodal {
      display: block;
      margin-inline: auto;
      margin-block: 1.4rem;
      padding-inline: 1rem;
      padding-block: 0.2rem;
      background-color: rgb(var(--basalt-primary-color));
      border: solid 0.15rem rgb(var(--general-border-color));
      color: rgb(var(--basalt-main-text-color));
  }
  
  #page-content div:is(.jotting, .transcript) {
      max-width: 42rem;
  }
  
  div:is(.jotting, .transcript) {
      display: block;
      margin-inline: auto;
      margin-block: 1.4rem;
      padding-inline: 1.5rem;
      padding-block: 0.2rem;
      background-color: rgb(var(--basalt-secondary-color));
      border: dashed 0.15rem rgb(var(--general-border-color));
      color: rgb(var(--basalt-main-text-color));
  }
  
  #page-content div.papernote {
      max-width: 30rem;
  }
  
  div.papernote {
      display: block;
      margin-inline: auto;
      margin-block: 1.4rem;
      padding: 1rem 2rem;
      background-color: rgb(var(--basalt-tertiary-color));
      color: rgb(var(--basalt-main-text-color));
  }
  
  #page-content div:is(.document, .darkdocument) {
      max-width: 45rem;
  }
  
  div:is(.document, .darkdocument) {
      display: block;
      margin-inline: auto;
      margin-block: 1.5em;
      padding: 1.5rem;
      position: relative;
      --posX: -20vw;
  }
  
  div.document {
      background-color: rgb(var(--document-background-color));
      box-shadow: 0px 1px 1.9px -4px rgba(0, 0, 0, 0.1), 0px 6px 15px -4px rgba(0, 0, 0, 0.2);
      color: rgb(50, 50, 53);
  }
  
  div.darkdocument {
      background-color: rgb(var(--darkdocument-background-color));
      box-shadow: 0px 1px 1.9px -4px rgba(0, 0, 10, 0.8), 0px 6px 15px -4px rgba(0, 0, 7, 0.9);
      color: rgb(195, 195, 200);
  }
  
  div:is(.document, .darkdocument)::before,
  div:is(.document, .darkdocument)::after {
      content: "";
      height: 98%;
      position: absolute;
      width: 98%;
      z-index: -1;
  }
  
  div:is(.document, .darkdocument)::before {
      left: -5px;
      top: 4px;
      transform: rotate(-2.5deg);
  }
  
  div:is(.document, .darkdocument)::after {
      right: -3px;
      top: 1px;
      transform: rotate(1.4deg);
  }
  
  div:is(.document)::before,
  div:is(.document)::after {
      background-color: rgb(var(--document-background-color));
  }
  
  div:is(.darkdocument)::before,
  div:is(.darkdocument)::after {
      background-color: rgb(var(--darkdocument-background-color));
      opacity: 90%;
  }
  
  div.document::before {
      box-shadow: 0px 1px 1.9px -4px rgba(0, 0, 0, 0.1), 0px 6px 15px -4px rgba(0, 0, 0, 0.1);
  }
  
  div.document::after {
      box-shadow: 0px 1px 1.9px -4px rgba(0, 0, 0, 0.1), 0px 6px 15px -4px rgba(0, 0, 0, 0.05);
  }
  
  div.darkdocument::before {
      box-shadow: 0px 1px 1.9px -4px rgba(0, 0, 10, 0.8), 0px 6px 15px -4px rgba(0, 0, 7, 0.9);
  }
  
  div.darkdocument::after {
      box-shadow: 0px 1px 1.9px -4px rgba(0, 0, 10, 0.8), 0px 6px 15px -4px rgba(0, 0, 7, 0.05);
  }
  
  @media only screen and (max-width: 1020px) {
  
      div:is(.document, .darkdocument)::before,
      div:is(.document, .darkdocument)::after {
       display: none;
      }
  }
  
  div[class$="_memo"] {
      background: var(--memo-logo) rgba(var(--memo-color), 1);
      background-size: contain;
      background-position: top center;
      background-repeat: no-repeat;
      min-height: 4rem;
      margin-inline: auto;
      margin-block: 2rem;
      padding-inline: 20px;
      padding-block: 10px;
      border: solid 2px rgba(0, 0, 0, 0.1);
      text-align: center;
  }
  
  div[class$="_memo"]::before {
      content: var(--memo-heading);
      font-family: var(--UI-font);
      font-weight: 900;
      font-size: 1.3em;
      text-align: center;
      margin: 0 auto 1rem auto;
      display: flex;
      flex-direction: column;
      padding-top: 0.5em;
  }
  
  div.raisa_memo {
      --memo-heading: "NOTICE FROM THE RECORDS AND INFORMATION SECURITY ADMINISTRATION";
      --memo-logo: url(https://scp-wiki.wikidot.com/local--files/theme:basalt/RAISA_LIGHTLOGO.png);
      --memo-color: 242, 242, 192;
  }
  
  div.classification_memo {
      --memo-heading: "CLASSIFICATION COMMITTEE MEMORANDUM";
      --memo-logo: url(https://scp-wiki.wikidot.com/local--files/theme:basalt/CLASSIFICATION_LIGHTLOGO.png);
      --memo-color: 237, 245, 243;
  }
  
  div.ettra_memo {
      --memo-heading: "NOTICE FROM THE EMERGENT THREAT TACTICAL RESPONSE AUTHORITY";
      --memo-logo: url(https://scp-wiki.wikidot.com/local--files/theme:basalt/ETTRA_LIGHTLOGO.png);
      --memo-color: 245, 215, 215;
  }
  
  div.ethics_memo {
      --memo-heading: "ETHICS COMMITTEE MEMORANDUM";
      --memo-logo: url(https://scp-wiki.wikidot.com/local--files/theme:basalt/ETHICS_LIGHTLOGO.png);
      --memo-color: 255, 219, 196;
  }
  
  div.temporal_memo {
      --memo-heading: "NOTICE FROM THE DEPARTMENT OF TEMPORAL ANOMALIES";
      --memo-logo: url(https://scp-wiki.wikidot.com/local--files/theme:basalt/DELTA_T_LIGHTLOGO.png);
      --memo-color: 255, 255, 255;
  }
  
  div.overwatch_memo {
      --memo-heading: "BY ORDER OF THE OVERSEER COUNCIL";
      --memo-logo: url(https://scp-wiki.wikidot.com/local--files/theme:basalt/O5_LIGHTLOGO.png);
      --memo-color: 227, 227, 227;
  }
  
  div.miscomm_memo {
      --memo-heading: "NOTICE FROM THE DEPARTMENT OF MISCOMMUNICATIONS";
      --memo-logo: url(https://scp-wiki.wikidot.com/local--files/theme:basalt/MISCOMM_LIGHTLOGO.png);
      --memo-color: 238, 237, 250;
  }
  
  div.tribunal_memo {
      --memo-heading: "VERDICT FROM THE INTERNAL TRIBUNAL DEPARTMENT";
      --memo-logo: url(https://scp-wiki.wikidot.com/local--files/scp-6460/qavdzCV2.webp);
      --memo-color: 206, 237, 214;
  }
  
  div.external_memo {
      --memo-heading: "MEMORANDUM FROM THE EXTERNAL RELATIONS BOARD";
      --memo-logo: url(https://scp-wiki.wikidot.com/local--files/scp-6460/Vr7NkgK3.webp);
      --memo-color: 228, 211, 240;
  }
  
  div.administrator_memo {
      --memo-heading: "FROM THE OFFICE OF THE ADMINISTRATOR";
      --memo-logo: url(https://scp-wiki.wikidot.com/local--files/scp-6460/LMiY83P2.webp);
      --memo-color: 148, 148, 148;
  }
  
  div.archival_memo {
      --memo-heading: "NOTICE FROM THE ARCHIVAL DEPARTMENT";
      --memo-logo: url(https://scp-wiki.wikidot.com/local--files/scp-6460/CmXPO1U2.webp);
      --memo-color: 175, 217, 240;
  }
  
  .table1 {
      --basalt-th-background-color: var(--one-color);
  }
  
  .table2 {
      --basalt-th-background-color: var(--two-color);
  }
  
  .table3 {
      --basalt-th-background-color: var(--three-color);
      --basalt-th-text-color: var(--basalt-main-text-color);
  }
  
  .table4 {
      --basalt-th-background-color: var(--four-color);
  }
  
  .table5 {
      --basalt-th-background-color: var(--five-color);
  }
  
  .table6 {
      --basalt-th-background-color: var(--six-color);
  }
  
  div:is(.table1, .table2, .table3, .table4, .table5, .table6) .scp-image-block {
      border-bottom-color: rgba(var(--basalt-th-background-color), 0.75);
  }
  
  div.tableb :is(#page-content table:not(.form), table.wiki-content-table) {
      border-collapse: separate;
      border-spacing: 4px;
  }
  
  span:is(.bigtext, .bt) {
      font-family: var(--header-font);
      font-weight: bold;
  }
  
  span:is(.specialtext, .st) {
      font-family: var(--UI-font);
      font-weight: bold;
  }
  
  :is(.table1, .table2, .table3, .table4, .table5, .table6) span:is(.st, .specialtext) {
      color: rgb(var(--basalt-th-background-color));
  }
  
  #page-content div.floatbox {
      background-color: rgb(var(--floatbox-background-color));
      float: left;
      max-width: calc(var(--main-content-width)/2.25);
      box-sizing: border-box;
      margin: 0.25rem 1.25rem;
      margin-left: clamp(calc(var(--main-content-width)/-4.5), calc((87.5vw - 95%)/-2), 0rem);
      padding-inline: 1.2rem;
      padding-block: 0.5rem;
      font-size: 0.9125em;
      border-radius: 7px;
      border: solid 0.12rem rgba(var(--general-border-color), 0.4);
  }
  
  #page-content div.floatbox.right {
      float: right;
      margin-left: 1.25rem;
      margin-right: clamp(calc(var(--main-content-width)/-4.5), calc((87.5vw - 95%)/-2), 0rem);
  }
  
  @media only screen and (max-width: 640px) {
      #page-content div:is(.floatbox, .floatbox.right) {
       float: none;
       margin: 0.5rem auto;
       width: 100%;
      }
  }
  
  :is(.table-no-border, .authorbox) td {
      border-color: transparent !important;
  }

  Pages using this styling

  • fragment:scp-6460-0 [info]

  ¶ 1 occurrence
  

  /*
      BLANKSTYLE CSS
      [2021 Wikidot Theme]
      By Placeholder McD and HarryBlank
      Based on:
         Paperstack Theme by EstrellaYoshte
         Penumbra Theme by EstrellaYoshte
  */
   
  @import url('https://fonts.bunny.net/css2?family=Montserrat:ital,wght@0,800;1,800&display=swap');
   
  #page-content { font-size: .9rem; }
   
  #main-content {
      top: -1.6rem;
      padding: 0.2em;
  }
   
  div#container-wrap {
       background-image: none;
  }
   
  div#header {
      background-image: none;
  }
   
  #header h1, #header h2 { margin-left: 0; float: none; text-align: center; }
  #header h2 { margin-top: 0.5rem; }
  #header h1 span, #header h2 span { font-size: 0; display: none;}
  #header h1 a::before, #header h2::before {
      color: #000;
      letter-spacing: 1px;
      font-family: 'Montserrat', sans-serif !important;
      text-shadow: none;
  }
   
  #header h1 a::before {
    content: var(--header-title, "SCP Foundation");
    font-weight: 400;
    font-size: 1.3em;
  }
   
  #header h2::before {
    content: var(--header-subtitle, "SECURE, CONTAIN, PROTECT.");
    font-weight: 700;
    font-size: 1.2em;
  }
   
  @media (max-width: 707px) {
      #header h1 a::before {
          font-size: 1.6em;
      }
  }
   
  #login-status,
  #login-status a {
      color: #333333;
  }
   
  #page-title {
      display: none;
  }
   
  #footer, #footer a {
      background: transparent;
      color: #333333;
  }
   
  #search-top-box-input,
  #search-top-box-input:hover,
  #search-top-box-input:focus,
  #search-top-box-form input[type=submit],
  #search-top-box-form input[type=submit]:hover,
  #search-top-box-form input[type=submit]:focus {
      border: none;
      background: #333333;
      box-shadow: none;
      border-radius: 0px;
      color: #efefef;
  }
   
  #search-top-box input.empty {
      color: #999999;
  }
   
  #search-top-box {
      top: 2.3rem!important;
      right: 8px;
  }
   
  #top-bar { 
     display: flex;
     justify-content: center;
     right: 0;
     top: 7.9rem;
  }
   
  #top-bar, #top-bar a {
      color: #949256;
  }
   
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
      font-family: 'Montserrat', sans-serif;
      color: #000;
      letter-spacing: 1px;
  }
   
  h1 {
      font-size: 2em;
  }
   
  h2 {
      font-size: 1.45em;
  }
   
  div#extra-div-1 {
      height: 180px;
      width: 100%;
      top: 0;
      position: absolute;
      background: url('https://scp-wiki.wikidot.com/local--files/scp-6460/xAmGpku.webp');
      background-size: contain;
      background-repeat: no-repeat;
      background-position: 50% 50%;
      z-index: -1;
  }
   
  @media (max-width: 707px) {
      div#extra-div-1 {
          top: 15px;
      }
  }
   
  body {
      background-image: linear-gradient(
          to bottom,
          #e0e0e0, #e0e0e0 90px,
          #e0e0e0 90px, #ffffff 200px,
          #ffffff 200px, #ffffff 100%);
      background-repeat: no-repeat;
  }
   
  :root {
    --timeScale: 1.5;
    --timeDelay: 1.5s;
    --posX: calc(50% - 358px - 13rem);
    --fnLinger: 1s;
  }
   
  #page-content hr {
      background-color: #000;
  }
   
  #page-content tr th {
      padding: 6px;
      border: #000 1px solid;
  }
   
  #page-content tr td {
      padding: 12px;
      border: #000 1px solid;
      line-height: 1.4;
  }
   
  #page-content .sidebox tr td, 
  #page-content .sidebox tr th {
      padding: 0.35em;
  }
   
  #side-bar {
      border-right: 1px solid #333;
      background: #DDD;
  }
   
  #side-bar .side-block {
      border: 1px solid #333;
      border-radius: 0;
      box-shadow: none;
  }
   
  #top-bar div.open-menu a {
      border: 1px solid #333;
      border-radius: 0;
      box-shadow: none;
  }
   
  @media (max-width: 767px) {
      #side-bar:target {
          border: 1px black;
          box-shadow: none;
      }
  }
   
  #side-bar .side-block {
      border: 1px solid #333;
      border-radius: 0;
      box-shadow: none;
      background-color: #FDF6D7;
  }
  #side-bar .side-block.media {
      background-color:#D7EFE7;
  }
  #side-bar .side-block.resources {
      background-color:#F5D8E0;
  }
   
  #page-content .creditRate{
      margin: unset;
      margin-bottom: 4px;
  }
  #page-content .rate-box-with-credit-button {
      background-color: #ffffff;
      border: solid 1px #000;
      box-shadow: none;
      border-radius: 0;
  }
   
  #page-content .rate-box-with-credit-button .fa-info {
      border: none;
      color: #333333;
  }
   
  #page-content .rate-box-with-credit-button .fa-info:hover {
      background: #333333;
      color: #ffffff;
  }
   
  .rate-box-with-credit-button .cancel {
      border: solid 1px #ffffff;
  }
   
  /* ---- PAGE RATING ---- */
   
  .page-rate-widget-box {
      box-shadow: none;
      border: solid 1px #000;
      margin: unset;
      margin-bottom: 4px;
      border-radius: 0;
  }
   
  div.page-rate-widget-box .rate-points {
      background-color: #e2e1af;
      color: #333333;
      border: none;
      border-radius: 0;
  }
  .page-rate-widget-box .rateup,
  .page-rate-widget-box .ratedown {
      background-color: #e2e1af;
      border-top: none;
      border-bottom: none;
  }
   
  .page-rate-widget-box .rateup a,
  .page-rate-widget-box .ratedown a {
      background: transparent;
      color: #333333;
  }
   
  .page-rate-widget-box .rateup a:hover,
  .page-rate-widget-box .ratedown a:hover {
      background: #333333;
      color: #c3eef4;
  }
   
  .page-rate-widget-box .cancel {
      background: transparent;
      background-color: #e2e1af;
      border: none;
      border-radius: 0;
  }
   
  .page-rate-widget-box .cancel a {
      color: #333333;
  }
  .page-rate-widget-box .cancel a:hover {
      background: #333333;
      color: #ffffff;
      border-radius: 0;
  }
  #page-content .rate-box-with-credit-button .page-rate-widget-box { border: none; }
   
  .anchor {
      position: sticky;
      height:0;
      top: 0;
  }
  .sidebox {
      padding: .14rem;
      margin-top: 0;
      margin-bottom: 8px;
      width: calc((100vw - 870px)/2);
      max-height: calc(100vh - 18rem);
      position: absolute;
      top: 0;
      left: 103.5%;
      z-index: 5;
      overflow: auto;
      box-sizing: border-box;
  }
  @media (max-width: 1290px) {
      .sidebox {
          display: none;
          visibility: hidden;
      }
   
      #header h2::before {
          font-size: 0.9em !important;
      }
  }
   
  .scp-image-block {
      box-shadow: none;
  }
   
  /* ---- 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 ----*/
   
   .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: #333333;
       box-shadow: none;
  }
   .yui-navset .yui-nav a, /* ---- Link Modifier ---- */
   .yui-navset .yui-navset-top .yui-nav a{
       color: #333333;
      /* ---- Tab Background Colour | [UNSELECTED] ---- */
       background-color: #efefef;
       border: unset;
       box-shadow: none;
       box-shadow: none;
  }
   .yui-navset .yui-nav a:hover,
   .yui-navset .yui-nav a:focus{
       color: #ffffff;
      /* ---- Tab Background Colour | [HOVER] ---- */
       background-color: #333333;
  }
   .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;
       color: #ffffff;
       background-color: #ffffff;
       border-color: transparent;
       box-shadow: none;
  }
   .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: #333333;
  }
   .yui-navset .yui-nav .selected a,
   .yui-navset .yui-nav .selected a em{
       border: none;
  }
   .yui-navset .yui-nav .selected a{
       width: 100%;
       color: #ffffff;
  }
   .yui-navset .yui-nav .selected a:focus,
   .yui-navset .yui-nav .selected a:active{
       color: #ffffff;
       background-color: #333333;
  }
   .yui-navset .yui-content {
      background-color: #ffffff;
      box-shadow: none;
  }
   .yui-navset .yui-content,
   .yui-navset .yui-navset-top .yui-content{
      padding: .5em;
      border: 1px solid #333;
      box-sizing: border-box;
  }
   
  /*---- SCROLLBAR ----*/
   
  ::-webkit-scrollbar {
      width: 10px;
  }
   
  ::-webkit-scrollbar-track {
      background: #FFF;
      border-left: 1px solid #333;
  }
   
  ::-webkit-scrollbar-thumb {
       background: #CCC;
       border: #333 1px solid;
  }
   
  ::-webkit-scrollbar-thumb:hover {
       background: #EEE;
  }
   
  /*---- CENTER IMAGES ON MOBILE courtesy of EstrellaYoshte and PeppersGhost ----*/
   
  .imagediv {
      float: right;
      margin: 15px
  }
   
  @media (max-width: 540px) {
    .imagediv {
      float: none;
      text-align:center;
      margin: auto;
    }
  }
   
  @media only screen and (max-width: 600px) {
      .scp-image-block.block-right{
          float: none;
          margin: 10px auto;
      }
  }
   
  /*---- ACS-COLORED TABLE DIVS ----*/
   
  #page-content .table1 tr th,
  #page-content .table1 .scp-image-block .scp-image-caption {
      background-color: #D7EFE7;
  }
   
  #page-content .table2 tr th,
  #page-content .table2 .scp-image-block .scp-image-caption {
      background-color: #D8ECF4;
  }
   
  #page-content .table3 tr th,
  #page-content .table3 .scp-image-block .scp-image-caption {
      background-color: #FDF6D7;
  }
   
  #page-content .table4 tr th,
  #page-content .table4 .scp-image-block .scp-image-caption {
      background-color: #FFDABF;
  }
   
  #page-content .table5 tr th,
  #page-content .table5 .scp-image-block .scp-image-caption {
      background-color: #F5D8E0;
  }
   
  #page-content .table6 tr th,
  #page-content .table6 .scp-image-block .scp-image-caption {
      background-color: rgba(146, 0, 255, 0.2);
  }
   
  .tableb .wiki-content-table {
      border-collapse: separate;
      border-spacing: 2px;
  }
   
  .tableb .scp-image-block {
      border: none;
  }
   
  .tableb .scp-image-block img {
      border: #000 1px solid;
      box-sizing: border-box;
  }
   
  .tableb .scp-image-block .scp-image-caption {
      margin-top: 2px;
      border: #000 1px solid;
      box-sizing: border-box;
  }
   
  .top-left-box > .item {
    display: none;
  }
   
  /* ---- WORDS NO LONGER BROKEN, THE CROQUEMBOUCHE HAS SPOKEN ---- */
  span, a { word-break: normal !important }
   
  .avatar-hover { display: none !important; }
   
  #breadcrumbs, .pseudocrumbs {
      text-align: center;
      padding-top: 10px;
  }
   
  #main-content .page-tags span {
      max-width: 100%;
  }
   
  /* -- FANCY THINGS from Woedenaz's Dustjacket Theme -- */
   
  .fancyhr hr {
      border-top: 2vw solid transparent;
      background-color: rgba(var(--bright-accent), 0);
      height: 0;
      box-sizing: border-box;
      border-image-source: url('https://scp-wiki.wikidot.com/local--files/scp-6460/wl_hr.webp');
      border-image-repeat: round round;
      background: none;
      border-image-slice: 80 500 80 500 fill;
      border-image-width: 10em 80em 10em 80em;
  }
   
  .fancyborder {
      box-sizing: border-box;
      border: 2vw solid rgba(0,0,0,0.5);
      border-image: url('https://scp-wiki.wikidot.com/local--files/scp-6460/wl_border.webp') 600 round;
      border-image-width: 6;
      padding: 2vw;
  }

  Pages using this styling

  • fragment:scp-6460-0 [info]

  ¶ 1 occurrence
  

  .bang {
    padding: 0px;
    width: 15px;
    transform: scale(50);
    pointer-events: none;
  }

  Pages using this styling

  • fragment:scp-6437-1 [info]

  ¶ 1 occurrence
  

  :root {
      --header-title: "SCP Foundation";
      --header-subtitle: "Steady Compound Production";
  }
  
  .scp-image-block.block-right { margin: 1em 2em 1em 1em; }
  
  #page-title{display:none}
  

  Pages using this styling

  • fragment:scp-6384-1 [info]

  ¶ 1 occurrence
  

  :root {
      --header-title: "SCP Foundation";
      --header-subtitle: "Subduing Constitutional Protections";
  }
  
  sup {
    vertical-align: top;
    position: relative;
    top: -0.5em;
  }
  
  .scp-image-block.block-right { margin: 1em 2em 1em 1em; }
  
  #page-title{display:none}
  

  Pages using this styling

  • fragment:scp-6384-0 [info]

  ¶ 1 occurrence
  

  :root {
      --timeScale: 1.2;
      --timeDelay: 0s;
  }

  Pages using this styling

  • fragment:scp-6299-1 [info]

  ¶ 1 occurrence
  

  .email-example .collapsible-block-folded a.collapsible-block-link {
      animation: blink 0.8s ease-in-out infinite alternate;
  
  }
  .email {border: solid 2px #000000; width: 88%; padding: 1px 15px; margin: 10px; box-shadow: 0 1px 3px rgba(0,0,0,.5)}
  .email-example a.collapsible-block-link {font-weight: bold;}
  .tofrom {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px maroon}

  Pages using this styling

  • fragment:scp-6299-1 [info]

  ¶ 1 occurrence
  

  /*
   * Snagged from HarryBlanks Inadvertent Neolinguistics, which was gotten from notgulls Siege of Site 19
   */
  
  @import url("https://fonts.googleapis.com/css2?family=PT+Serif&display=swap");
  @import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Mono&display=swap");
  
  div.irc-log{
      margin:10px;
      margin-top:20px;
      padding:10px;
      border:3px solid #000000;
      background-color:#333333;
      border-radius:15px;
      font-family:"IBM Plex Mono",monospace;
      color:#FFFFFF;
      font-size: 125%;
  }
  
  div.irc-log td{
      border:1px solid #000000;
      font-weight:bold;
  }
  
  div.irc-log p{
      line-height:200%;
  }
  
  div.irc-log span.userred{
      font-weight:bold;
      letter-spacing:1px;
      background-color:#ffabab;
      color:#050505;
      padding-left:2px;
      border:1px solid #ffabab;
      margin-right:.25em;
  }
  
  div.irc-log span.userwhite{
      font-weight:bold;
      letter-spacing:1px;
      background-color:#ffffff;
      color:#050505;
      padding-left:2px;
      border:0px solid #ffabab;
      margin-right:.25em;
  }
  
  div.irc-log span.userblue{
      font-weight:bold;
      letter-spacing:1px;
      background-color:#abcdff;
      color:#050505;
      padding-left:2px;
      border:1px solid #abcdff;
      margin-right:.25em;
  }
  
  div.irc-log span.useryellow{
      font-weight:bold;
      letter-spacing:1px;
      background-color:#fffcb2;
      color:#050505;
      padding-left:2px;
      border:1px solid #fffcb2;
      margin-right:.25em;
  }
  
  div.irc-log span.usergreen{
      font-weight:bold;
      letter-spacing:1px;
      background-color:#afffb1;
      color:#050505;
      padding-left:2px;
      border:1px solid #afffb1;
      margin-right:.25em;
  }
  
  div.irc-log::before{
      content:"SCiPNET Teams Connect";
      position:relative;
      top:-1.5em;
      left:-1.5em;
      border:2px solid #050505;
      color:#050505;
      background-color:#5effa6;
      font-family:"PT Serif",serif;
      padding:1px 3px;
      border-radius:3px;
      font-weight:bold;
      letter-spacing:2px;
  }
  
  div.inventory-report{
      margin:10px;
      margin-top:20px;
      padding:10px;
      border:2px solid #050505;
      background-color:#eee;
      border-radius:3px;
  }

  Pages using this styling

  • fragment:scp-6200-2 [info]

  ¶ 1 occurrence
  

  .wiki-content-table tbody tr th {
      color: #ffffff;
      background-color: #8B5E8C;
      border: 1px solid #000000;
  }
  table.wiki-content-table td {
      background-color: #FFFFFF;
      color: #000000;
  }
  a,a:visited {
      color: #fb5353;
  }
  
  
  /*
   * The rest is stolen shamelessly from notgull's Siege of Site-19
   * And Top stole all of this from HarryBlank's Inadvertent Neolinguistics
   */
  
  @import url("https://fonts.googleapis.com/css2?family=PT+Serif&display=swap");@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Mono&display=swap");div.irc-log{margin:10px;margin-top:20px;padding:10px;border:3px solid #000000;background-color:#333333;border-radius:15px;font-family:"IBM Plex Mono",monospace;color:#FFFFFF;font-size: 125%;}div.irc-log td{border:1px solid #000000;font-weight:bold}div.irc-log p{line-height:200%}div.irc-log span.userred{font-weight:bold;letter-spacing:1px;background-color:#ffabab;color:#050505;padding-left:2px;border:1px solid #ffabab;margin-right:.25em}div.irc-log span.userwhite{font-weight:bold;letter-spacing:1px;background-color:#ffffff;color:#050505;padding-left:2px;border:0px solid #ffabab;margin-right:.25em}div.irc-log span.userblue{font-weight:bold;letter-spacing:1px;background-color:#abcdff;color:#050505;padding-left:2px;border:1px solid #abcdff;margin-right:.25em}div.irc-log span.useryellow{font-weight:bold;letter-spacing:1px;background-color:#fffcb2;color:#050505;padding-left:2px;border:1px solid #fffcb2;margin-right:.25em}div.irc-log span.usergreen{font-weight:bold;letter-spacing:1px;background-color:#afffb1;color:#050505;padding-left:2px;border:1px solid #afffb1;margin-right:.25em}div.irc-log span.userpurple{font-weight:bold;letter-spacing:1px;background-color:#BF40BF;color:#050505;padding-left:2px;border:1px solid #BF40BF;margin-right:.25em}div.irc-log::before{content:"SCiPNET Messaging System";position:relative;top:-1.5em;left:-1.5em;border:2px solid #050505;color:#050505;background-color:#5effa6;font-family:"PT Serif",serif;padding:1px 3px;border-radius:3px;font-weight:bold;letter-spacing:2px}div.inventory-report{margin:10px;margin-top:20px;padding:10px;border:2px solid #050505;background-color:#eee;border-radius:3px}

  Pages using this styling

  • fragment:scp-6170-2 [info]

  ¶ 1 occurrence
  

   :root{
     --header-title: "INFOTECH DEPARTMENT";
     --header-subtitle: "CONNECTING THE FOUNDATION";
     --titleColor: #ffffff;
     --subtitleColor: #ffffff;
     --lgurl: url(https://scp-wiki.wdfiles.com/local--files/theme%3Ay2k/logo.png);
  }

  Pages using this styling

  • fragment:scp-6170-2 [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Special+Elite&display=swap');
  
  .offset {
      animation: blink 0.8s ease-in-out infinite alternate;
  }
  @keyframes blink {
      0% { color: transparent; }
      50%, 100% { color: #b01; }
  }
  :root {
    --header-title: "SCP Foundation";
    --header-subtitle: "Secure, Contain, Protect";
  }
  :root {
      --timeScale: 2;
      --timeDelay: 0.5s;
  }
  :root {
      --fnColor: #6931BA;
  }
  .Filerep {
       font-family: 'Special Elite', cursive;
  }

  Pages using this styling

  • fragment:scp-6170-1 [info]

  ¶ 1 occurrence
  

  :root{
  --logo: url(https://scp-wiki.wikidot.com/local--files/scp-6159/Sigil_Main.png);
  --title: "SCP Foundation";
  --subtitle: "Regarding Primrose Fatish Von Trevil";
  }

  Pages using this styling

  • fragment:scp-6159-2 [info]

  ¶ 1 occurrence
  

  
  .parapost{
      background-color: #202020;
      border: 2px solid #111;
      color: #f2f2f2;
      font-family: "Courier", "Courier New", "Roboto Mono", monospace;
      padding: 0 1em;
      font-size: 1.1em;
      width: 85%;
      margin:0 auto;
  }
  
  .parapost hr{margin: 1em 2em; padding: 0; height: 1px; border: none; background-color: #f2f2f2;}
  
  .parapost blockquote{
      background: #000;
      border-width: 2px;
      border-style: solid;
      border-color: #262626;
  }
  sup {
  vertical-align: top; position: relative; top: -0.5em;
  }
  :root{
  --cutColour: #fafafa;
  --barColour: #590505;
  }
  .translation_block{
  display:none;}
  
  #page-content .info-container {
      --link-color: rgb(var(--swatch-text-general));
  }
  
  #page-content .info-container .translation_block {
      display: none;
  }
  
  #page-content .info-container .collapsible-block-link,
  #page-content .info-container:hover .collapsible-block-link {
      line-height: 1.6em;
  }
  
  #page-content .info-container .collapsible-block-folded,
  #page-content .info-container .collapsible-block-unfolded-link {
      display: grid;
  }
  
  #page-content .info-container .collapsible-block-folded .collapsible-block-link,
  #page-content .info-container .collapsible-block-link {
      -webkit-mask: unset;
              mask: unset;
      background: transparent;
      grid-column: 1;
      grid-row: 1;
      opacity: 0;
  }
  
  #page-content .info-container .collapsible-block-folded::before,
  #page-content .info-container .collapsible-block-unfolded-link::before {
      --wght: 800;
      content: "Fantem";
      color: #FFFFFF;
      font-family: Inter, Arimo, Verdana, Geneva, "Helvetica Neue", "Helvetica", Arial, sans-serif;;
      display: block;
      pointer-events: none;
      grid-column: 1;
      grid-row: 1;
  }
  
  .pulsate {
      -webkit-animation: pulsate 1s linear;
      -webkit-animation-iteration-count: infinite;
  }
  @-webkit-keyframes pulsate {
    0% {
      opacity:1;
    }
    25% {
      opacity:.20;
    }
    50% {
      opacity:.9;
    }
    70% {
      opacity:.05;
    }
    85% {
      opacity:.05;
    }
  }

  Pages using this styling

  • fragment:scp-6159-2 [info]

  ¶ 1 occurrence
  

  
  .Jess{
      color: white;
    font-weight: bold;
      position: relative;
      margin-left: 20px;
      margin-bottom: 20px;
      padding-left: 20px;
      padding-right: 20px;
      background-color: #00A36C;
      width: 88%;
      text-align: right;
      font: 400 .9em 'Open Sans', sans-serif;
      border: 1px solid #00A36C;
  }
  
  .Jess:after {
      content: '';
      position: absolute;
      width: 0;
      height: 0;
      border-bottom: 15px solid #00A36C;
      border-left: 15px solid transparent;
      border-right: 15px solid transparent;
      bottom: 0;
      right: -15px;
  }
  
  .Jess:before {
      content: '';
      position: absolute;
      width: 0;
      height: 0;
      border-bottom: 17px solid #00A36C;
      border-left: 16px solid transparent;
      border-right: 16px solid transparent;
      bottom: -1px;
      right: -17px;
  }
  
  .Regulus{
      color: black;
    font-weight: bold;
      position: relative;
      margin-bottom: 20px;
      margin-left: 20px;
      padding-left: 20px;
      padding-right: 20px;
      background-color: #FFD700;
      width: 88%;
      text-align: left;
      font: 400 .9em 'Open Sans', sans-serif;
      border: 1px solid #FFD700;
  }
  
  .Regulus:after {
      content: '';
      position: absolute;
      width: 0;
      height: 0;
      border-top: 15px solid #FFD700;
      border-left: 15px solid transparent;
      border-right: 15px solid transparent;
      top: 0;
      left: -15px;
  }
  
  .Regulus:before {
      content: '';
      position: absolute;
      width: 0;
      height: 0;
      border-top: 17px solid #FFD700;
      border-left: 16px solid transparent;
      border-right: 16px solid transparent;
      top: -1px;
      left: -17px;
  }
  
  .Sinclaire{
      color: white;
    font-weight: bold;
      position: relative;
      margin-bottom: 20px;
      margin-left: 20px;
      padding-left: 20px;
      padding-right: 20px;
      background-color: #7F00FF;
      width: 88%;
      text-align: left;
      font: 400 .9em 'Open Sans', sans-serif;
      border: 1px solid #7F00FF;
  }
  
  .Sinclaire:after {
      content: '';
      position: absolute;
      width: 0;
      height: 0;
      border-top: 15px solid #7F00FF;
      border-left: 15px solid transparent;
      border-right: 15px solid transparent;
      top: 0;
      left: -15px;
  }
  
  .Sinclaire:before {
      content: '';
      position: absolute;
      width: 0;
      height: 0;
      border-top: 17px solid #7F00FF;
      border-left: 16px solid transparent;
      border-right: 16px solid transparent;
      top: -1px;
      left: -17px;
  }
  
  .Fitzgerald{
      color: black;
    font-weight: bold;
      position: relative;
      margin-bottom: 20px;
      margin-left: 20px;
      padding-left: 20px;
      padding-right: 20px;
      background-color: #00FFFF;
      width: 88%;
      text-align: left;
      font: 400 .9em 'Open Sans', sans-serif;
      border: 1px solid #00FFFF;
  }
  
  .Fitzgerald:after {
      content: '';
      position: absolute;
      width: 0;
      height: 0;
      border-top: 15px solid #00FFFF;
      border-left: 15px solid transparent;
      border-right: 15px solid transparent;
      top: 0;
      left: -15px;
  }
  
  .Fitzgerald:before {
      content: '';
      position: absolute;
      width: 0;
      height: 0;
      border-top: 17px solid #00FFFF;
      border-left: 16px solid transparent;
      border-right: 16px solid transparent;
      top: -1px;
      left: -17px;
  }
  
  .Merriweather{
      color: black;
    font-weight: bold;
      position: relative;
      margin-bottom: 20px;
      margin-left: 20px;
      padding-left: 20px;
      padding-right: 20px;
      background-color: #CCCCFF;
      width: 88%;
      text-align: left;
      font: 400 .9em 'Open Sans', sans-serif;
      border: 1px solid #CCCCFF;
  }
  
  .Merriweather:after {
      content: '';
      position: absolute;
      width: 0;
      height: 0;
      border-top: 15px solid #CCCCFF;
      border-left: 15px solid transparent;
      border-right: 15px solid transparent;
      top: 0;
      left: -15px;
  }
  
  .Merriweather:before {
      content: '';
      position: absolute;
      width: 0;
      height: 0;
      border-top: 17px solid #CCCCFF;
      border-left: 16px solid transparent;
      border-right: 16px solid transparent;
      top: -1px;
      left: -17px;
  }
  .name{
      opacity: 0.5;
  }

  Pages using this styling

  • fragment:scp-6159-1 [info]

  ¶ 1 occurrence
  

  body {
      background-image: url(https://scp-wiki.wikidot.com/local--files/whore-of-blood-hub/LustBackground.png);
      background-attachment: fixed;
      background-size: cover;
  }
  
  
  :root {
      /* REDMODE */
  /*hover boarder*/
      --basalt-UI-dark-palette: 215, 45, 45;
  /*links and highlights*/
      --basalt-bright-element-color: 215, 45, 40;
  /*Background*/
      --basalt-primary-color: 247, 115, 155;
  /*header footer block*/
      --basalt-secondary-color: 127, 25, 54;
  /*footerboarder, sideline*/
      --basalt-tertiary-color: 155, 40, 40;
      --general-border-color: 255, 51, 102;
  }
  
  :root {
  
      --logo: url("https://scp-wiki.wikidot.com/local--files/whore-of-blood-hub/Lust_Icon.png");
      --header-title: " L U S T ";
      --header-subtitle: "Stay Forever";
  }
  

  Pages using this styling

  • fragment:scp-6159-1 [info]

  ¶ 1 occurrence
  

  
  body {
  
      background-image: url(https://scp-wiki.wdfiles.com/local--files/whore-of-blood-hub/HellishSCPBackground.png);
      background-attachment: fixed;
      background-size: cover;
  }
  
  :root{
  --logo: url(https://scp-wiki.wdfiles.com/local--files/whore-of-blood-hub/Primrose-Sigil-white-badge.png);
  --title: "SCP Foundation";
  --subtitle: "WHORE OF BLOOD";
  }

  Pages using this styling

  • fragment:scp-6159-0 [info]

  ¶ 1 occurrence
  

  :root {
      --one-color: var(--five-color);
      --header-title: "Oi! Its the bloody Foundation!";
      --header-subtitle: 'Gotta Secure, Contain and Protect innit?';
  
  --gradient-header: url("http://scp-wiki.wikidot.com/local--files/fragment:scp-6140-j-1/britishflagbg.jpg");
      --header-background-image-size: 1440px 9rem;
      --header-height-on-desktop:  9rem;
      --header-height-on-mobile: 9rem;
      --diagonal-stripes: none;
  
  
  }
  #header {
  }
  #header h1 a {
      font-size: 150%;
      color: transparent;
      font-family: 'Bungee', cursive;
      text-shadow: none;
  
  }
  
  #header h1 a::before {
      text-shadow: none;
      color: white;
     -webkit-text-fill-color: white;
     -webkit-text-stroke-width: 2px;
     -webkit-text-stroke-color: black;
  }
  
  #header h2 span {
      font-size: 170%;
      color: transparent;
      font-family: 'Bungee', cursive;
      text-shadow: none;
  }
  
  #header h2 span::before {
      color: white;
     -webkit-text-fill-color: white;
     -webkit-text-stroke-width: 1px;
     -webkit-text-stroke-color: black;
      text-shadow: none;
  }
  
  
  

  Pages using this styling

  • fragment:scp-6140-j-1 [info]

  ¶ 1 occurrence
  

  :root {
      --one-color: var(--five-color);
      --header-subtitle: 'Department of Applied Force';
  }
  
  .info-container {
      --barColour: #000;
      --linkColour: rgb(153, 1, 0);
  }
  
  .hovertip {
      color: white;
      border: 1px #999 solid !important;
  }
  
  .notice {
      background-color: rgba(var(--swatch-tertiary-color),.25);
      padding: 0 1em;
      border: 2px solid rgba(var(--swatch-primary-darker));
      margin-bottom: 4em;
  }
  
  .tofrom {
      border-left: 3px solid #701515;
      padding-left: 1em;
      margin: 1em;
  }
  
  a[href$="offset/1"] {
      color: rgb(var(--white-monochrome));
      font-weight: bold;
      font-size: 150%;
      padding: 0.3em 0.25em 0.2em 0.25em !important;
      margin: -0.25em !important;
      box-shadow: inset 0 -1.5em 0 0 rgba(var(--bright-accent), 0.6667);
      animation: neondrop 1s cubic-bezier(0.4, 0.0, 0.2, 1) infinite alternate !important;
  }
  
  .footnotes-footer {
       margin-top: 4em;
  }
  a[href$="offset/1"] {
      color: rgb(var(--white-monochrome));
      font-weight: bold;
      font-size: 150%;
      padding: 0.3em 0.25em 0.2em 0.25em !important;
      margin: -0.25em !important;
      box-shadow: inset 0 -1.5em 0 0 rgba(var(--bright-accent), 0.6667);
      animation: neondrop 1s cubic-bezier(0.4, 0.0, 0.2, 1) infinite alternate !important;
  }

  Pages using this styling

  • fragment:scp-6140-j-0 [info]

  ¶ 1 occurrence
  

  :root {
      --one-color: var(--five-color);
      --header-subtitle: 'Department of Applied Force';
  }
  
  .info-container {
      --barColour: #000;
      --linkColour: rgb(153, 1, 0);
  }
  
  .hovertip {
      color: white;
      border: 1px #999 solid !important;
  }
  
  .notice {
      background-color: rgba(var(--swatch-tertiary-color),.25);
      padding: 0 1em;
      border: 2px solid rgba(var(--swatch-primary-darker));
      margin-bottom: 4em;
  }
  
  .tofrom {
      border-left: 3px solid #701515;
      padding-left: 1em;
      margin: 1em;
  }
  
  a[href$="offset/1"] {
      color: rgb(var(--white-monochrome));
      font-weight: bold;
      font-size: 150%;
      padding: 0.3em 0.25em 0.2em 0.25em !important;
      margin: -0.25em !important;
      box-shadow: inset 0 -1.5em 0 0 rgba(var(--bright-accent), 0.6667);
      animation: neondrop 1s cubic-bezier(0.4, 0.0, 0.2, 1) infinite alternate !important;
  }
  
  .footnotes-footer {
       margin-top: 4em;
  }

  Pages using this styling

  • fragment:scp-6140-0 [info]

  ¶ 1 occurrence
  

  :root {
   --five-color: 133,0,5;
      --four-color: 170,170,170;
      --three-color: 100,100,100;
      --two-color: 133,0,5;
      --one-color: 120,120,120;
    --safe: 133,0,5;
    --euclid: 133,0,5;
    --keter: 133,0,5;
    --esoteric: 120,120,120;
  }
  
  .contain-class .class-text::before {
    color: rgb(var(--swatch-text-general)) !important;
  }

  Pages using this styling

  • fragment:scp-6125-2 [info]

  ¶ 1 occurrence
  

  .base-container {
    align-items: center;
    width: 100%;
    padding:0;
    margin:0;
  }
  
  .terminal {
  padding: 5px 5px 5px 15px;
  margin-bottom:10px;
  width: 96.5%;
  font-family: monospace;
  font-size: 1.1em;
  }
  
  .box {
      position: relative;
      padding: 0.5em;
      margin: 0.5em;
      box-shadow: 2px 1.5px 1px rgba(176,16,0,0.7), 0 0 0px 1px lightgrey;
      overflow-wrap: break-word;
      color: black;
  }
  
  .cell-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
    overflow: hidden;
  }
  
  .s-cell {
    width: 50%;
    font-size: 15px;
    margin-top: -0.4rem;
    margin-bottom: -0.8rem;
  }
  
  .imagebox {
      position: relative;
      padding: 0.2em;
      margin: 0.2em;
      box-shadow: 2px 1.5px 1px lightgrey, 0 0 0px 1px lightgrey;
      overflow-wrap: break-word;
  }
  
  #page-content .collapsible-block {
      padding: 0.1em;
      margin: 0.5em;

  Pages using this styling

  • fragment:scp-6125-1 [info]

  ¶ 1 occurrence
  

  /*radian628:6113-gallery*/
  
  .randomiser {
    display: none;
  }
  
  :root {
    --random-image: url("https://scp-wiki.wdfiles.com/local--files/fragment%3Ascp-6113-4/6113-2-11.jpg");
    --random-image2: url("https://scp-wiki.wdfiles.com/local--files/fragment%3Ascp-6113-4/6113-2-02.jpg");
  }
  
  /*js
  const links = new Array(11).fill(0).map((e, i) => `https://scp-wiki.wdfiles.com/local--files/fragment%3Ascp-6113-4/6113-2-${(i + 1).toString().padStart(2, "0")}.jpg`);
  
  let combinations = [];
  
  for (let a of links) {
    for (let b of links) {
      combinations.push([a, b]);
    }
  }
  
  combinations = combinations.filter(c => c[0] !== c[1]).slice(0, 100);
  
  const res = combinations.map((c, i) => `:root:has(.randomiser :is([id$="${i.toString().padStart(2, "0")}"])) { --random-image: url("${c[0]}"); --random-image2: url("${c[1]}"); }`).join("\n");
  
  res
  
  *//*GENERATED START*/:root:has(.randomiser :is([id$="00"])) { --random-image: url("https://scp-wiki.wdfiles.com/local--files/fragment%3Ascp-6113-4/6113-2-01.jpg"); --random-image2: url("https://scp-wiki.wdfiles.com/local--files/fragment%3Ascp-6113-4/6113-2-02.jpg"); }
  :root:has(.randomiser :is([id$="01"])) { --random-image: url("https://scp-wiki.wdfiles.com/local--files/fragment%3Ascp-6113-4/6113-2-01.jpg"); --random-image2: url("https://scp-wiki.wdfiles.com/local--files/fragment%3Ascp-6113-4/6113-2-03.jpg"); }
  :root:has(.randomiser :is([id$="02"])) { --random-image: url("https://scp-wiki.wdfiles.com/local--files/fragment%3Ascp-6113-4/6113-2-01.jpg"); --random-image2: url("https://scp-wiki.wdfiles.com/local--files/fragment%3Ascp-6113-4/6113-2-04.jpg"); }
  :root:has(.randomiser :is([id$="03"])) { --random-image: url("https://scp-wiki.wdfiles.com/local--files/fragment%3Ascp-6113-4/6113-2-01.jpg"); --random-image2: url("https://scp-wiki.wdfiles.com/local--files/fragment%3Ascp-6113-4/6113-2-05.jpg"); }
  :root:has(.randomiser :is([id$="04"])) { --random-image: url("https://scp-wiki.wdfiles.com/local--files/fragment%3Ascp-6113-4/6113-2-01.jpg"); --random-image2: url("https://scp-wiki.wdfiles.com/local--files/fragment%3Ascp-6113-4/6113-2-06.jpg"); }
  :root:has(.randomiser :is([id$="05"])) { --random-image: url("https://scp-wiki.wdfiles.com/local--files/fragment%3Ascp-6113-4/6113-2-01.jpg"); --random-image2: url("https://scp-wiki.wdfiles.com/local--files/fragment%3Ascp-6113-4/6113-2-07.jpg"); }
  :root:has(.randomiser :is([id$="06"])) { --random-image: url("https://scp-wiki.wdfiles.com/local--files/fragment%3Ascp-6113-4/6113-2-01.jpg"); --random-image2: url("https://scp-wiki.wdfiles.com/local--files/fragment%3Ascp-6113-4/6113-2-08.jpeg"); }
  :root:has(.randomiser :is([id$="07"])) { --random-image: url("https://scp-wiki.wdfiles.com/local--files/fragment%3Ascp-6113-4/6113-2-01.jpg"); --random-image2: url("https://scp-wiki.wdfiles.com/local--files/fragment%3Ascp-6113-4/6113-2-09.jpg"); }
  :root:has(.randomiser :is([id$="08"])) { --random-image: url("https://scp-wiki.wdfiles.com/local--files/fragment%3Ascp-6113-4/6113-2-01.jpg"); --random-image2: url("https://scp-wiki.wdfiles.com/local--files/fragment%3Ascp-6113-4/6113-2-10.jpg"); }
  :root:has(.randomiser :is([id$="09"])) { --random-image: url("https://scp-wiki.wdfiles.com/local--files/fragment%3Ascp-6113-4/6113-2-01.jpg"); --random-image2: url("https://scp-wiki.wdfiles.com/local--files/fragment%3Ascp-6113-4/6113-2-11.jpg"); }
  :root:has(.randomiser :is([id$="10"])) { --random-image: url("https://scp-wiki.wdfiles.com/local--files/fragment%3Ascp-6113-4/6113-2-02.jpg"); --random-image2: url("https://scp-wiki.wdfiles.com/local--files/fragment%3Ascp-6113-4/6113-2-01.jpg"); }
  :root:has(.randomiser :is([id$="11"])) { --random-image: url("https://scp-wiki.wdfiles.com/local--files/fragment%3Ascp-6113-4/6113-2-02.jpg"); --random-image2: url("https://scp-wiki.wdfiles.com/local--files/fragment%3Ascp-6113-4/6113-2-03.jpg"); }
  :root:has(.randomiser :is([id$="12"])) { --random-image: url("https://scp-wiki.wdfiles.com/local--files/fragment%3Ascp-6113-4/6113-2-02.jpg"); --random-image2: url("https://scp-wiki.wdfiles.com/local--files/fragment%3Ascp-6113-4/6113-2-04.jpg"); }
  :root:has(.randomiser :is([id$="13"])) { --random-image: url("https://scp-wiki.wdfiles.com/local--files/fragment%3Ascp-6113-4/6113-2-02.jpg"); --random-image2: url("https://scp-wiki.wdfiles.com/local--files/fragment%3Ascp-6113-4/6113-2-05.jpg"); }
  :root:has(.randomiser :is([id$="14"])) { --random-image: url("https://scp-wiki.wdfiles.com/local--files/fragment%3Ascp-6113-4/6113-2-02.jpg"); --random-image2: url("https://scp-wiki.wdfiles.com/local--files/fragment%3Ascp-6113-4/6113-2-06.jpg"); }
  :root:has(.randomiser :is([id$="15"])) { --random-image: url("https://scp-wiki.wdfiles.com/local--files/fragment%3Ascp-6113-4/6113-2-02.jpg"); --random-image2: url("https://scp-wiki.wdfiles.com/local--files/fragment%3Ascp-6113-4/6113-2-07.jpg"); }
  :root:has(.randomiser :is([id$="16"])) { --random-image: url("https://scp-wiki.wdfiles.com/local--files/fragment%3Ascp-6113-4/6113-2-02.jpg"); --random-image2: url("https://scp-wiki.wdfiles.com/local--files/fragment%3Ascp-6113-4/6113-2-08.jpeg"); }
  :root:has(.randomiser :is([id$="17"])) { --random-image: url("https://scp-wiki.wdfiles.com/local--files/fragment%3Ascp-6113-4/6113-2-02.jpg"); --random-image2: url("https://scp-wiki.wdfiles.com/local--files/fragment%3Ascp-6113-4/6113-2-09.jpg"); }
  :root:has(.randomiser :is([id$="18"])) { --random-image: url("https://scp-wiki.wdfiles.com/local--files/fragment%3Ascp-6113-4/6113-2-02.jpg"); --random-image2: url("https://scp-wiki.wdfiles.com/local--files/fragment%3Ascp-6113-4/6113-2-10.jpg"); }
  :root:has(.randomiser :is([id$="19"])) { --random-image: url("https://scp-wiki.wdfiles.com/local--files/fragment%3Ascp-6113-4/6113-2-02.jpg"); --random-image2: url("https://scp-wiki.wdfiles.com/local--files/fragment%3Ascp-6113-4/6113-2-11.jpg"); }
  :root:has(.randomiser :is([id$="20"])) { --random-image: url("https://scp-wiki.wdfiles.com/local--files/fragment%3Ascp-6113-4/6113-2-03.jpg"); --random-image2: url("https://scp-wiki.wdfiles.com/local--files/fragment%3Ascp-6113-4/6113-2-01.jpg"); }
  :root:has(.randomiser :is([id$="21"])) { --random-image: url("https://scp-wiki.wdfiles.com/local--files/fragment%3Ascp-6113-4/6113-2-03.jpg"); --random-image2: url("https://scp-wiki.wdfiles.com/local--files/fragment%3Ascp-6113-4/6113-2-02.jpg"); }
  :root:has(.randomiser :is([id$="22"])) { --random-image: url("https://scp-wiki.wdfiles.com/local--files/fragment%3Ascp-6113-4/6113-2-03.jpg"); --random-image2: url("https://scp-wiki.wdfiles.com/local--files/fragment%3Ascp-6113-4/6113-2-04.jpg"); }
  :root:has(.randomiser :is([id$="23"])) { --random-image: url("https://scp-wiki.wdfiles.com/local--files/fragment%3Ascp-6113-4/6113-2-03.jpg"); --random-image2: url("https://scp-wiki.wdfiles.com/local--files/fragment%3Ascp-6113-4/6113-2-05.jpg"); }
  :root:has(.randomiser :is([id$="24"])) { --random-image: url("https://scp-wiki.wdfiles.com/local--files/fragment%3Ascp-6113-4/6113-2-03.jpg"); --random-image2: url("https://scp-wiki.wdfiles.com/local--files/fragment%3Ascp-6113-4/6113-2-06.jpg"); }
  :root:has(.randomiser :is([id$="25"])) { --random-image: url("https://scp-wiki.wdfiles.com/local--files/fragment%3Ascp-6113-4/6113-2-03.jpg"); --random-image2: url("https://scp-wiki.wdfiles.com/local--files/fragment%3Ascp-6113-4/6113-2-07.jpg"); }
  :root:has(.randomiser :is([id$="26"])) { --random-image: url("https://scp-wiki.wdfiles.com/local--files/fragment%3Ascp-6113-4/6113-2-03.jpg"); --random-image2: url("https://scp-wiki.wdfiles.com/local--files/fragment%3Ascp-6113-4/6113-2-08.jpeg"); }
  :root:has(.randomiser :is([id$="27"])) { --random-image: url("https://scp-wiki.wdfiles.com/local--files/fragment%3Ascp-6113-4/6113-2-03.jpg"); --random-image2: url("https://scp-wiki.wdfiles.com/local--files/fragment%3Ascp-6113-4/6113-2-09.jpg"); }
  :root:has(.randomiser :is([id$="28"])) { --random-image: url("https://scp-wiki.wdfiles.com/local--files/fragment%3Ascp-6113-4/6113-2-03.jpg"); --random-image2: url("https://scp-wiki.wdfiles.com/local--files/fragment%3Ascp-6113-4/6113-2-10.jpg"); }
  :root:has(.randomiser :is([id$="29"])) { --random-image: url("https://scp-wiki.wdfiles.com/local--files/fragment%3Ascp-6113-4/6113-2-03.jpg"); --random-image2: url("https://scp-wiki.wdfiles.com/local--files/fragment%3Ascp-6113-4/6113-2-11.jpg"); }
  :root:has(.randomiser :is([id$="30"])) { --random-image: url("https://scp-wiki.wdfiles.com/local--files/fragment%3Ascp-6113-4/6113-2-04.jpg"); --random-image2: url("https://scp-wiki.wdfiles.com/local--files/fragment%3Ascp-6113-4/6113-2-01.jpg"); }
  :root:has(.randomiser :is([id$="31"])) { --random-image: url("https://scp-wiki.wdfiles.com/local--files/fragment%3Ascp-6113-4/6113-2-04.jpg"); --random-image2: url("https://scp-wiki.wdfiles.com/local--files/fragment%3Ascp-6113-4/6113-2-02.jpg"); }
  :root:has(.randomiser :is([id$="32"])) { --random-image: url("https://scp-wiki.wdfiles.com/local--files/fragment%3Ascp-6113-4/6113-2-04.jpg"); --random-image2: url("https://scp-wiki.wdfiles.com/local--files/fragment%3Ascp-6113-4/6113-2-03.jpg"); }
  :root:has(.randomiser :is([id$="33"])) { --random-image: url("https://scp-wiki.wdfiles.com/local--files/fragment%3Ascp-6113-4/6113-2-04.jpg"); --random-image2: url("https://scp-wiki.wdfiles.com/local--files/fragment%3Ascp-6113-4/6113-2-05.jpg"); }
  :root:has(.randomiser :is([id$="34"])) { --random-image: url("https://scp-wiki.wdfiles.com/local--files/fragment%3Ascp-6113-4/6113-2-04.jpg"); --random-image2: url("https://scp-wiki.wdfiles.com/local--files/fragment%3Ascp-6113-4/6113-2-06.jpg"); }
  :root:has(.randomiser :is([id$="35"])) { --random-image: url("https://scp-wiki.wdfiles.com/local--files/fragment%3Ascp-6113-4/6113-2-04.jpg"); --random-image2: url("https://scp-wiki.wdfiles.com/local--files/fragment%3Ascp-6113-4/6113-2-07.jpg"); }
  :root:has(.randomiser :is([id$="36"])) { --random-image: url("https://scp-wiki.wdfiles.com/local--files/fragment%3Ascp-6113-4/6113-2-04.jpg"); --random-image2: url("https://scp-wiki.wdfiles.com/local--files/fragment%3Ascp-6113-4/6113-2-08.jpeg"); }
  :root:has(.randomiser :is([id$="37"])) { --random-image: url("https://scp-wiki.wdfiles.com/local--files/fragment%3Ascp-6113-4/6113-2-04.jpg"); --random-image2: url("https://scp-wiki.wdfiles.com/local--files/fragment%3Ascp-6113-4/6113-2-09.jpg"); }
  :root:has(.randomiser :is([id$="38"])) { --random-image: url("https://scp-wiki.wdfiles.com/local--files/fragment%3Ascp-6113-4/6113-2-04.jpg"); --random-image2: url("https://scp-wiki.wdfiles.com/local--files/fragment%3Ascp-6113-4/6113-2-10.jpg"); }
  :root:has(.randomiser :is([id$="39"])) { --random-image: url("https://scp-wiki.wdfiles.com/local--files/fragment%3Ascp-6113-4/6113-2-04.jpg"); --random-image2: url("https://scp-wiki.wdfiles.com/local--files/fragment%3Ascp-6113-4/6113-2-11.jpg"); }
  :root:has(.randomiser :is([id$="40"])) { --random-image: url("https://scp-wiki.wdfiles.com/local--files/fragment%3Ascp-6113-4/6113-2-05.jpg"); --random-image2: url("https://scp-wiki.wdfiles.com/local--files/fragment%3Ascp-6113-4/6113-2-01.jpg"); }
  :root:has(.randomiser :is([id$="41"])) { --random-image: url("https://scp-wiki.wdfiles.com/local--files/fragment%3Ascp-6113-4/6113-2-05.jpg"); --random-image2: url("https://scp-wiki.wdfiles.com/local--files/fragment%3Ascp-6113-4/6113-2-02.jpg"); }
  :root:has(.randomiser :is([id$="42"])) { --random-image: url("https://scp-wiki.wdfiles.com/local--files/fragment%3Ascp-6113-4/6113-2-05.jpg"); --random-image2: url("https://scp-wiki.wdfiles.com/local--files/fragment%3Ascp-6113-4/6113-2-03.jpg"); }
  :root:has(.randomiser :is([id$="43"])) { --random-image: url("https://scp-wiki.wdfiles.com/local--files/fragment%3Ascp-6113-4/6113-2-05.jpg"); --random-image2: url("https://scp-wiki.wdfiles.com/local--files/fragment%3Ascp-6113-4/6113-2-04.jpg"); }
  :root:has(.randomiser :is([id$="44"])) { --random-image: url("https://scp-wiki.wdfiles.com/local--files/fragment%3Ascp-6113-4/6113-2-05.jpg"); --random-image2: url("https://scp-wiki.wdfiles.com/local--files/fragment%3Ascp-6113-4/6113-2-06.jpg"); }
  :root:has(.randomiser :is([id$="45"])) { --random-image: url("https://scp-wiki.wdfiles.com/local--files/fragment%3Ascp-6113-4/6113-2-05.jpg"); --random-image2: url("https://scp-wiki.wdfiles.com/local--files/fragment%3Ascp-6113-4/6113-2-07.jpg"); }
  :root:has(.randomiser :is([id$="46"])) { --random-image: url("https://scp-wiki.wdfiles.com/local--files/fragment%3Ascp-6113-4/6113-2-05.jpg"); --random-image2: url("https://scp-wiki.wdfiles.com/local--files/fragment%3Ascp-6113-4/6113-2-08.jpeg"); }
  :root:has(.randomiser :is([id$="47"])) { --random-image: url("https://scp-wiki.wdfiles.com/local--files/fragment%3Ascp-6113-4/6113-2-05.jpg"); --random-image2: url("https://scp-wiki.wdfiles.com/local--files/fragment%3Ascp-6113-4/6113-2-09.jpg"); }
  :root:has(.randomiser :is([id$="48"])) { --random-image: url("https://scp-wiki.wdfiles.com/local--files/fragment%3Ascp-6113-4/6113-2-05.jpg"); --random-image2: url("https://scp-wiki.wdfiles.com/local--files/fragment%3Ascp-6113-4/6113-2-10.jpg"); }
  :root:has(.randomiser :is([id$="49"])) { --random-image: url("https://scp-wiki.wdfiles.com/local--files/fragment%3Ascp-6113-4/6113-2-05.jpg"); --random-image2: url("https://scp-wiki.wdfiles.com/local--files/fragment%3Ascp-6113-4/6113-2-11.jpg"); }
  :root:has(.randomiser :is([id$="50"])) { --random-image: url("https://scp-wiki.wdfiles.com/local--files/fragment%3Ascp-6113-4/6113-2-06.jpg"); --random-image2: url("https://scp-wiki.wdfiles.com/local--files/fragment%3Ascp-6113-4/6113-2-01.jpg"); }
  :root:has(.randomiser :is([id$="51"])) { --random-image: url("https://scp-wiki.wdfiles.com/local--files/fragment%3Ascp-6113-4/6113-2-06.jpg"); --random-image2: url("https://scp-wiki.wdfiles.com/local--files/fragment%3Ascp-6113-4/6113-2-02.jpg"); }
  :root:has(.randomiser :is([id$="52"])) { --random-image: url("https://scp-wiki.wdfiles.com/local--files/fragment%3Ascp-6113-4/6113-2-06.jpg"); --random-image2: url("https://scp-wiki.wdfiles.com/local--files/fragment%3Ascp-6113-4/6113-2-03.jpg"); }
  :root:has(.randomiser :is([id$="53"])) { --random-image: url("https://scp-wiki.wdfiles.com/local--files/fragment%3Ascp-6113-4/6113-2-06.jpg"); --random-image2: url("https://scp-wiki.wdfiles.com/local--files/fragment%3Ascp-6113-4/6113-2-04.jpg"); }
  :root:has(.randomiser :is([id$="54"])) { --random-image: url("https://scp-wiki.wdfiles.com/local--files/fragment%3Ascp-6113-4/6113-2-06.jpg"); --random-image2: url("https://scp-wiki.wdfiles.com/local--files/fragment%3Ascp-6113-4/6113-2-05.jpg"); }
  :root:has(.randomiser :is([id$="55"])) { --random-image: url("https://scp-wiki.wdfiles.com/local--files/fragment%3Ascp-6113-4/6113-2-06.jpg"); --random-image2: url("https://scp-wiki.wdfiles.com/local--files/fragment%3Ascp-6113-4/6113-2-07.jpg"); }
  :root:has(.randomiser :is([id$="56"])) { --random-image: url("https://scp-wiki.wdfiles.com/local--files/fragment%3Ascp-6113-4/6113-2-06.jpg"); --random-image2: url("https://scp-wiki.wdfiles.com/local--files/fragment%3Ascp-6113-4/6113-2-08.jpeg"); }
  :root:has(.randomiser :is([id$="57"])) { --random-image: url("https://scp-wiki.wdfiles.com/local--files/fragment%3Ascp-6113-4/6113-2-06.jpg"); --random-image2: url("https://scp-wiki.wdfiles.com/local--files/fragment%3Ascp-6113-4/6113-2-09.jpg"); }
  :root:has(.randomiser :is([id$="58"])) { --random-image: url("https://scp-wiki.wdfiles.com/local--files/fragment%3Ascp-6113-4/6113-2-06.jpg"); --random-image2: url("https://scp-wiki.wdfiles.com/local--files/fragment%3Ascp-6113-4/6113-2-10.jpg"); }
  :root:has(.randomiser :is([id$="59"])) { --random-image: url("https://scp-wiki.wdfiles.com/local--files/fragment%3Ascp-6113-4/6113-2-06.jpg"); --random-image2: url("https://scp-wiki.wdfiles.com/local--files/fragment%3Ascp-6113-4/6113-2-11.jpg"); }
  :root:has(.randomiser :is([id$="60"])) { --random-image: url("https://scp-wiki.wdfiles.com/local--files/fragment%3Ascp-6113-4/6113-2-07.jpg"); --random-image2: url("https://scp-wiki.wdfiles.com/local--files/fragment%3Ascp-6113-4/6113-2-01.jpg"); }
  :root:has(.randomiser :is([id$="61"])) { --random-image: url("https://scp-wiki.wdfiles.com/local--files/fragment%3Ascp-6113-4/6113-2-07.jpg"); --random-image2: url("https://scp-wiki.wdfiles.com/local--files/fragment%3Ascp-6113-4/6113-2-02.jpg"); }
  :root:has(.randomiser :is([id$="62"])) { --random-image: url("https://scp-wiki.wdfiles.com/local--files/fragment%3Ascp-6113-4/6113-2-07.jpg"); --random-image2: url("https://scp-wiki.wdfiles.com/local--files/fragment%3Ascp-6113-4/6113-2-03.jpg"); }
  :root:has(.randomiser :is([id$="63"])) { --random-image: url("https://scp-wiki.wdfiles.com/local--files/fragment%3Ascp-6113-4/6113-2-07.jpg"); --random-image2: url("https://scp-wiki.wdfiles.com/local--files/fragment%3Ascp-6113-4/6113-2-04.jpg"); }
  :root:has(.randomiser :is([id$="64"])) { --random-image: url("https://scp-wiki.wdfiles.com/local--files/fragment%3Ascp-6113-4/6113-2-07.jpg"); --random-image2: url("https://scp-wiki.wdfiles.com/local--files/fragment%3Ascp-6113-4/6113-2-05.jpg"); }
  :root:has(.randomiser :is([id$="65"])) { --random-image: url("https://scp-wiki.wdfiles.com/local--files/fragment%3Ascp-6113-4/6113-2-07.jpg"); --random-image2: url("https://scp-wiki.wdfiles.com/local--files/fragment%3Ascp-6113-4/6113-2-06.jpg"); }
  :root:has(.randomiser :is([id$="66"])) { --random-image: url("https://scp-wiki.wdfiles.com/local--files/fragment%3Ascp-6113-4/6113-2-07.jpg"); --random-image2: url("https://scp-wiki.wdfiles.com/local--files/fragment%3Ascp-6113-4/6113-2-08.jpeg"); }
  :root:has(.randomiser :is([id$="67"])) { --random-image: url("https://scp-wiki.wdfiles.com/local--files/fragment%3Ascp-6113-4/6113-2-07.jpg"); --random-image2: url("https://scp-wiki.wdfiles.com/local--files/fragment%3Ascp-6113-4/6113-2-09.jpg"); }
  :root:has(.randomiser :is([id$="68"])) { --random-image: url("https://scp-wiki.wdfiles.com/local--files/fragment%3Ascp-6113-4/6113-2-07.jpg"); --random-image2: url("https://scp-wiki.wdfiles.com/local--files/fragment%3Ascp-6113-4/6113-2-10.jpg"); }
  :root:has(.randomiser :is([id$="69"])) { --random-image: url("https://scp-wiki.wdfiles.com/local--files/fragment%3Ascp-6113-4/6113-2-07.jpg"); --random-image2: url("https://scp-wiki.wdfiles.com/local--files/fragment%3Ascp-6113-4/6113-2-11.jpg"); }
  :root:has(.randomiser :is([id$="70"])) { --random-image: url("https://scp-wiki.wdfiles.com/local--files/fragment%3Ascp-6113-4/6113-2-08.jpeg"); --random-image2: url("https://scp-wiki.wdfiles.com/local--files/fragment%3Ascp-6113-4/6113-2-01.jpg"); }
  :root:has(.randomiser :is([id$="71"])) { --random-image: url("https://scp-wiki.wdfiles.com/local--files/fragment%3Ascp-6113-4/6113-2-08.jpeg"); --random-image2: url("https://scp-wiki.wdfiles.com/local--files/fragment%3Ascp-6113-4/6113-2-02.jpg"); }
  :root:has(.randomiser :is([id$="72"])) { --random-image: url("https://scp-wiki.wdfiles.com/local--files/fragment%3Ascp-6113-4/6113-2-08.jpeg"); --random-image2: url("https://scp-wiki.wdfiles.com/local--files/fragment%3Ascp-6113-4/6113-2-03.jpg"); }
  :root:has(.randomiser :is([id$="73"])) { --random-image: url("https://scp-wiki.wdfiles.com/local--files/fragment%3Ascp-6113-4/6113-2-08.jpeg"); --random-image2: url("https://scp-wiki.wdfiles.com/local--files/fragment%3Ascp-6113-4/6113-2-04.jpg"); }
  :root:has(.randomiser :is([id$="74"])) { --random-image: url("https://scp-wiki.wdfiles.com/local--files/fragment%3Ascp-6113-4/6113-2-08.jpeg"); --random-image2: url("https://scp-wiki.wdfiles.com/local--files/fragment%3Ascp-6113-4/6113-2-05.jpg"); }
  :root:has(.randomiser :is([id$="75"])) { --random-image: url("https://scp-wiki.wdfiles.com/local--files/fragment%3Ascp-6113-4/6113-2-08.jpeg"); --random-image2: url("https://scp-wiki.wdfiles.com/local--files/fragment%3Ascp-6113-4/6113-2-06.jpg"); }
  :root:has(.randomiser :is([id$="76"])) { --random-image: url("https://scp-wiki.wdfiles.com/local--files/fragment%3Ascp-6113-4/6113-2-08.jpeg"); --random-image2: url("https://scp-wiki.wdfiles.com/local--files/fragment%3Ascp-6113-4/6113-2-07.jpg"); }
  :root:has(.randomiser :is([id$="77"])) { --random-image: url("https://scp-wiki.wdfiles.com/local--files/fragment%3Ascp-6113-4/6113-2-08.jpeg"); --random-image2: url("https://scp-wiki.wdfiles.com/local--files/fragment%3Ascp-6113-4/6113-2-09.jpg"); }
  :root:has(.randomiser :is([id$="78"])) { --random-image: url("https://scp-wiki.wdfiles.com/local--files/fragment%3Ascp-6113-4/6113-2-08.jpeg"); --random-image2: url("https://scp-wiki.wdfiles.com/local--files/fragment%3Ascp-6113-4/6113-2-10.jpg"); }
  :root:has(.randomiser :is([id$="79"])) { --random-image: url("https://scp-wiki.wdfiles.com/local--files/fragment%3Ascp-6113-4/6113-2-08.jpeg"); --random-image2: url("https://scp-wiki.wdfiles.com/local--files/fragment%3Ascp-6113-4/6113-2-11.jpg"); }
  :root:has(.randomiser :is([id$="80"])) { --random-image: url("https://scp-wiki.wdfiles.com/local--files/fragment%3Ascp-6113-4/6113-2-09.jpg"); --random-image2: url("https://scp-wiki.wdfiles.com/local--files/fragment%3Ascp-6113-4/6113-2-01.jpg"); }
  :root:has(.randomiser :is([id$="81"])) { --random-image: url("https://scp-wiki.wdfiles.com/local--files/fragment%3Ascp-6113-4/6113-2-09.jpg"); --random-image2: url("https://scp-wiki.wdfiles.com/local--files/fragment%3Ascp-6113-4/6113-2-02.jpg"); }
  :root:has(.randomiser :is([id$="82"])) { --random-image: url("https://scp-wiki.wdfiles.com/local--files/fragment%3Ascp-6113-4/6113-2-09.jpg"); --random-image2: url("https://scp-wiki.wdfiles.com/local--files/fragment%3Ascp-6113-4/6113-2-03.jpg"); }
  :root:has(.randomiser :is([id$="83"])) { --random-image: url("https://scp-wiki.wdfiles.com/local--files/fragment%3Ascp-6113-4/6113-2-09.jpg"); --random-image2: url("https://scp-wiki.wdfiles.com/local--files/fragment%3Ascp-6113-4/6113-2-04.jpg"); }
  :root:has(.randomiser :is([id$="84"])) { --random-image: url("https://scp-wiki.wdfiles.com/local--files/fragment%3Ascp-6113-4/6113-2-09.jpg"); --random-image2: url("https://scp-wiki.wdfiles.com/local--files/fragment%3Ascp-6113-4/6113-2-05.jpg"); }
  :root:has(.randomiser :is([id$="85"])) { --random-image: url("https://scp-wiki.wdfiles.com/local--files/fragment%3Ascp-6113-4/6113-2-09.jpg"); --random-image2: url("https://scp-wiki.wdfiles.com/local--files/fragment%3Ascp-6113-4/6113-2-06.jpg"); }
  :root:has(.randomiser :is([id$="86"])) { --random-image: url("https://scp-wiki.wdfiles.com/local--files/fragment%3Ascp-6113-4/6113-2-09.jpg"); --random-image2: url("https://scp-wiki.wdfiles.com/local--files/fragment%3Ascp-6113-4/6113-2-07.jpg"); }
  :root:has(.randomiser :is([id$="87"])) { --random-image: url("https://scp-wiki.wdfiles.com/local--files/fragment%3Ascp-6113-4/6113-2-09.jpg"); --random-image2: url("https://scp-wiki.wdfiles.com/local--files/fragment%3Ascp-6113-4/6113-2-08.jpeg"); }
  :root:has(.randomiser :is([id$="88"])) { --random-image: url("https://scp-wiki.wdfiles.com/local--files/fragment%3Ascp-6113-4/6113-2-09.jpg"); --random-image2: url("https://scp-wiki.wdfiles.com/local--files/fragment%3Ascp-6113-4/6113-2-10.jpg"); }
  :root:has(.randomiser :is([id$="89"])) { --random-image: url("https://scp-wiki.wdfiles.com/local--files/fragment%3Ascp-6113-4/6113-2-09.jpg"); --random-image2: url("https://scp-wiki.wdfiles.com/local--files/fragment%3Ascp-6113-4/6113-2-11.jpg"); }
  :root:has(.randomiser :is([id$="90"])) { --random-image: url("https://scp-wiki.wdfiles.com/local--files/fragment%3Ascp-6113-4/6113-2-10.jpg"); --random-image2: url("https://scp-wiki.wdfiles.com/local--files/fragment%3Ascp-6113-4/6113-2-01.jpg"); }
  :root:has(.randomiser :is([id$="91"])) { --random-image: url("https://scp-wiki.wdfiles.com/local--files/fragment%3Ascp-6113-4/6113-2-10.jpg"); --random-image2: url("https://scp-wiki.wdfiles.com/local--files/fragment%3Ascp-6113-4/6113-2-02.jpg"); }
  :root:has(.randomiser :is([id$="92"])) { --random-image: url("https://scp-wiki.wdfiles.com/local--files/fragment%3Ascp-6113-4/6113-2-10.jpg"); --random-image2: url("https://scp-wiki.wdfiles.com/local--files/fragment%3Ascp-6113-4/6113-2-03.jpg"); }
  :root:has(.randomiser :is([id$="93"])) { --random-image: url("https://scp-wiki.wdfiles.com/local--files/fragment%3Ascp-6113-4/6113-2-10.jpg"); --random-image2: url("https://scp-wiki.wdfiles.com/local--files/fragment%3Ascp-6113-4/6113-2-04.jpg"); }
  :root:has(.randomiser :is([id$="94"])) { --random-image: url("https://scp-wiki.wdfiles.com/local--files/fragment%3Ascp-6113-4/6113-2-10.jpg"); --random-image2: url("https://scp-wiki.wdfiles.com/local--files/fragment%3Ascp-6113-4/6113-2-05.jpg"); }
  :root:has(.randomiser :is([id$="95"])) { --random-image: url("https://scp-wiki.wdfiles.com/local--files/fragment%3Ascp-6113-4/6113-2-10.jpg"); --random-image2: url("https://scp-wiki.wdfiles.com/local--files/fragment%3Ascp-6113-4/6113-2-06.jpg"); }
  :root:has(.randomiser :is([id$="96"])) { --random-image: url("https://scp-wiki.wdfiles.com/local--files/fragment%3Ascp-6113-4/6113-2-10.jpg"); --random-image2: url("https://scp-wiki.wdfiles.com/local--files/fragment%3Ascp-6113-4/6113-2-07.jpg"); }
  :root:has(.randomiser :is([id$="97"])) { --random-image: url("https://scp-wiki.wdfiles.com/local--files/fragment%3Ascp-6113-4/6113-2-10.jpg"); --random-image2: url("https://scp-wiki.wdfiles.com/local--files/fragment%3Ascp-6113-4/6113-2-08.jpeg"); }
  :root:has(.randomiser :is([id$="98"])) { --random-image: url("https://scp-wiki.wdfiles.com/local--files/fragment%3Ascp-6113-4/6113-2-10.jpg"); --random-image2: url("https://scp-wiki.wdfiles.com/local--files/fragment%3Ascp-6113-4/6113-2-09.jpg"); }
  :root:has(.randomiser :is([id$="99"])) { --random-image: url("https://scp-wiki.wdfiles.com/local--files/fragment%3Ascp-6113-4/6113-2-10.jpg"); --random-image2: url("https://scp-wiki.wdfiles.com/local--files/fragment%3Ascp-6113-4/6113-2-11.jpg"); }/*GENERATED END*/
  
  .random-image-block .random-image-frame {
    width: 100%;
    aspect-ratio: 4 / 3;
    background-image: var(--random-image);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }
  
  .random-image-block2 .random-image-frame2 {
    width: 100%;
    aspect-ratio: 4 / 3;
    background-image: var(--random-image2);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }

  Pages using this styling

  • fragment:scp-6113-4 [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Architects+Daughter&display=swap');
  
  .page {
      display: block;
      overflow: hidden;
      font-family: 'Architects Daughter', cursive;
      font-style: normal;
      background-attachment: scroll;
      background-clip: border-box;
      background-color: transparent;
      background-image: linear-gradient(to top ,rgb(202, 219, 228) 0%, rgb(231, 233, 220) 8%);
      background-origin: padding-box;
      background-position: 0px 8px;
      background-repeat: repeat;
      background-size: 100% 20px;
      border: 1px solid #CCC;
      border-radius: 10px;
      padding: 10px 10px;
      margin-bottom: 10px;
      box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2)
  }
  .page p,
  .page ul {
      line-height: 20px;
      margin: 0;
  }

  Pages using this styling

  • fragment:scp-6113-4 [info]

  ¶ 1 occurrence
  

  #page-content .wiki-content-table tr th {
      border: 1px solid #a12d25 !important;
  
      // set border for table title
  }
   
  #page-content .wiki-content-table tr td {
      background: #202020;
      text-align: center;
      border: 1px solid #a12d25 !important;
      
  }

  Pages using this styling

  • fragment:scp-6020-2 [info]

  ¶ 1 occurrence
  

  .rbbox {
    background: linear-gradient(to bottom, #a12d25, #730000);
    padding: 3px;
    width: 87%;
     margin: auto;
  }
  
  .ebbox {
    background: linear-gradient(to bottom, #a12d25, #730000);
    padding: 3px;
    width: 50%;
     margin: auto;
  }
  
  .rbox {
    background: #202020;
    border: solid 2px #c75d5d;
    color: #fcfcfc;
    padding: 10px;
    padding-left: 20px;
    padding-right: 20px;
  }

  Pages using this styling

  • fragment:scp-6020-2 [info]

  ¶ 1 occurrence
  

  a.collapsible-block-link { 
  font-weight: bold; 
  color: #fcfcfc; 
  font-size:160%; 
  text-shadow: 2px 2px 2px #c75d5d;
  }

  Pages using this styling

  • fragment:scp-6020-2 [info]

  ¶ 1 occurrence
  

  .redhr { 
  border-top: solid 2px #a12d25; 
  padding-top: 10px; 
  margin-top:10px;
  width: 97%; 
  margin: auto;
  }
  
  hr {
      margin: 1em 1em;
      padding: 0;
      height: 0;
      border-top: #ffffff solid 1px;
  }

  Pages using this styling

  • fragment:scp-6020-2 [info]

  ¶ 1 occurrence
  

  #page-title {
      display: none;
  }
  
  .footnotes-footer {
  
    display: none;
  }

  Pages using this styling

  • fragment:scp-6020-2 [info]

  ¶ 1 occurrence
  

  :root {
      --header-subtitle: "O5 – Proposal Database";
      --wght: 500;

  Pages using this styling

  • fragment:scp-6020-2 [info]

  ¶ 1 occurrence
  

  hr {
      margin: 1em 1em;
      padding: 0;
      height: 0;
      border-top: solid 3px;
  }

  Pages using this styling

  • fragment:scp-6020-1 [info]

  ¶ 1 occurrence
  

  #page-title {
    display: none;
  }
  
  .footnotes-footer {
    display: none;
  }

  Pages using this styling

  • fragment:scp-6020-1 [info]

  ¶ 1 occurrence
  

   :root {
    --header-title: "SCP FOUNDATION";
    --header-subtitle: "TO PRESERVE AND PROTECT";
    --lgurl: url("http://scpdsandbox.wdfiles.com/local--files/fragment%3Acollab%3Abasirgamingpleb-rose-cole-6k-4/LEAFY.png");
    --accentColor: #2EFE2E;
  }

  Pages using this styling

  • fragment:scp-6015-1 [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css?family=Anton');
  @import url('https://fonts.googleapis.com/css2?family=Staatliches&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Share+Tech+Mono&display=swap');
  
  .collapsible-block {
      display: block;
      text-align: center;
      padding: 0.75em;
      background-color: #2626264d;
      border-top: 0.125rem solid rgb(var(--bright-accent));
      border-bottom: 0.125rem solid rgb(var(--bright-accent));
  }
  
  .collapsible-block .collapsible-block-content {
      text-align: left;
  }
  
  
  .secret, .secret a, .secret a:visited {
      color: transparent;
  }
  
  .secret a:hover {
      color: goldenrod;
  }
  
  .info-container .collapsible-block-folded a{
  color: #FFF;}
  .info-container .collapsible-block-unfolded-link a{
  color: #FFF;
  }
  
  div.objclass::before {
      background-color: rgb(var(--bright-accent)) !important;
  }
  div.obj.apollyon {
      background-color: rgb(var(--dark-accent)) !important;
  }
  
  div.banner {
     display: grid;
     grid-template-columns: repeat(2, 50fr);
     grid-template-rows: auto;
     grid-gap: 1rem;
     grid-template-areas:
       "head head"
       "info image";
  }
  
  div.bannerhead {
      grid-area: head;
      background: rgb(var(--bright-accent));
      color: white;
      font-family: 'Staatliches', cursive;
      font-size: 5em;
      text-align: center;
      padding: 0;
      position: relative;
      z-index: 1;
      border-left: 12px double rgb(var(--swatch-background));
      box-shadow: 5px 5px rgba(1,1,1,.25);
      line-height: 1.2;
  }
  
  div.bannerinfo{
      grid-area: info;
      background: rgb(var(--bright-accent));
      color: white;
      font-family: 'Share Tech Mono', monospace;
      padding: 0.75rem;
      font-size: 1.5em;
      position: relative;
      z-index: 1;
      border-left: 12px double rgb(var(--swatch-background));
      box-shadow: 5px 5px rgba(1,1,1,.25);
  }
  
  div.bannerinfo hr {
      border-top: 0.15rem dashed white !important;
      background: transparent !important;
      border-left: none !important;
      border-right: none !important;
  }
  
  div.bannerimage{
      grid-area: image;
      height: min-content;
      position: relative;
      z-index: 0;
  }
  
  div.bannerimage img {
    z-index: 0;
    animation: spin 15s cubic-bezier(1,1,1,1) infinite;
    filter: drop-shadow(0 0 0.15rem red);
  }
  
  @keyframes spin { 
     100% { transform: rotate(360deg); } 
  }
  
  @media only screen and (max-width: 520px) {
  div.banner {
     display: grid;
     grid-template-columns: 1fr;
     grid-template-rows: 20fr auto;
     grid-template-areas:
       "head"
       "info"
       "image";
  }
  
  div.bannerinfo, div.bannerhead {
      opacity: 0.9;
  }
  
  div.bannerimage {
      position: absolute;
  }
  
  div.bannerimage img {
      filter: drop-shadow(0 0 0.15rem rgb(var(--bright-accent)));
  }
  div.obj {
  background-color: none;
  background-image: url("data:image/svg+xml,%3Csvg id='patternId' width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cpattern id='a' patternUnits='userSpaceOnUse' width='29' height='50.115' patternTransform='scale(1) rotate(0)'%3E%3Crect x='0' y='0' width='100%25' height='100%25' fill='hsla(0, 100%25, 22%25, 1)'/%3E%3Cpath d='M14.5 6.628L8.886 3.372v-6.515L14.502-6.4l5.612 3.257-.001 6.514zm0 50.06l-5.613-3.256v-6.515l5.614-3.258 5.612 3.257-.001 6.515zm14.497-25.117l-5.612-3.257v-6.515L29 18.541l5.612 3.257-.001 6.515zm-29 0l-5.612-3.257v-6.515L0 18.541l5.612 3.257v6.515zM14.5 11.82L4.36 5.967l.002-11.706 10.14-5.855L24.638-5.74l-.001 11.707zm0 50.06L4.36 56.028l.002-11.706 10.14-5.855 10.137 5.852-.001 11.707zm14.498-25.118L18.858 30.91l.002-11.707L29 13.349l10.137 5.853-.001 11.706zm-29 0l-10.139-5.852.002-11.707L0 13.349l10.138 5.853-.002 11.706zm14.501-19.905L0 8.488.002-8.257l14.5-8.374L29-8.26l-.002 16.745zm0 50.06L0 58.548l.002-16.745 14.5-8.373L29 41.8l-.002 16.744zM28.996 41.8l-14.498-8.37.002-16.744L29 8.312l14.498 8.37-.002 16.745zm-29 0l-14.498-8.37.002-16.744L0 8.312l14.498 8.37-.002 16.745z' stroke-linecap='square' stroke-width='1' stroke='hsla(4, 100%25, 0%25, 1)' fill='none'/%3E%3C/pattern%3E%3C/defs%3E%3Crect width='800%25' height='800%25' transform='translate(0,0)' fill='url(%23a)'/%3E%3C/svg%3E");
  }
  

  Pages using this styling

  • fragment:scp-6000-3 [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Oxanium&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@600&display=swap');
  @import url('https://fonts.googleapis.com/cssjune?family=Anton');
  @import url('https://fonts.googleapis.com/css2?family=Staatliches&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Share+Tech+Mono&display=swap');
  
  .collapsible-block {
      display: block;
      text-align: center;
      padding: 0.75em;
      background-color: #cacaca45;
      border-top: 0.125rem solid rgb(var(--bright-accent));
      border-bottom: 0.125rem solid rgb(var(--bright-accent));
  }
  
  .collapsible-block .collapsible-block-content {
      text-align: left;
  }
  
  .goc {
      background: #fff url('https://scp-wiki.wdfiles.com/local--files/theme%3Agoc/goc-fade.png') -5rem -5rem no-repeat!important;
      border-left-color: #275495!important;
      background-size: 30rem;
  }
  .goc hr {
      background: #275495!important;
      border-color: #fff!important;
  }
  .goc .scp-image-block{
      background-color: #275495;
      box-shadow: none;
  }
  div.parapost {
      background:  black;
      border-width: 2px;
      border-style: solid;
      border-color: #1a1a1a;
      padding: 0 1em;
      margin: 1em 3em;
      font-family: var(--mono-font);
  }
  
  div.parapost hr {
      border-top: 0.15rem dashed white !important;
      background: transparent !important;
      border-left: none !important;
      border-right: none !important;
  }
   
  @media (max-width: 479px) {
     div.parapost {margin: 1em 0;}
  }
   
  @media (min-width: 480px) and (max-width: 580px) {
     div.parapost {margin: 0.5em;}
  }
  
  .revs {
       border: solid 3px lightgray;
       background: rgb(var(--dark-gray-monochrome));
       padding:0.5rem 1rem;
       font-weight: bold;
  }
  
  .revs a:visited, .revs a {
       color:red;
       filter: drop-shadow(0px 0px 0.05rem red);
       font-family: 'Oxanium', cursive;
  }
  
  .info-container .collapsible-block-folded a{
  color: #FFF;}
  .info-container .collapsible-block-unfolded-link a{
  color: #FFF;
  }
  
  .addendum {
     border: none;
     border-left: 6px solid rgb(var(--bright-accent));
  }
  
  .addendum hr {
     border-color: #f5f5f5;
  }
  
  div.banner {
     display: grid;
     grid-template-columns: repeat(2, 50fr);
     grid-template-rows: auto;
     grid-gap: 1rem;
     grid-template-areas:
       "head head"
       "info image";
  }
  
  div.bannerhead {
      grid-area: head;
      background: rgb(var(--bright-accent));
      color: white;
      font-family: 'Staatliches', cursive;
      font-size: 5em;
      text-align: center;
      padding: 0;
      position: relative;
      z-index: 1;
      border-left: 12px double #fcfcfc; 
      box-shadow: 5px 5px rgba(1,1,1,.25);
      line-height: 1.2;
  }
  
  div.bannerinfo{
      grid-area: info;
      background: rgb(var(--bright-accent));
      color: white;
      font-family: 'Share Tech Mono', monospace;
      padding: 0.75rem;
      font-size: 1.5em;
      position: relative;
      z-index: 1;
      border-left: 12px double #fcfcfc;
      box-shadow: 5px 5px rgba(1,1,1,.25);
  }
  
  div.bannerinfo hr {
      border-top: 0.15rem dashed white !important;
      background: transparent !important;
      border-left: none !important;
      border-right: none !important;
  }
  
  div.bannerimage{
      grid-area: image;
      height: min-content;
      position: relative;
      z-index: 0;
  }
  
  div.bannerimage img {
    z-index: 0;
    animation: spin 15s cubic-bezier(1,1,1,1) infinite;
  filter: drop-shadow(0 0 0.15rem black);
  }
  
  .addendum hr {
  border-color: #eaeaea!important;
  }
  
  
  @keyframes spin { 
     100% { transform: rotate(360deg); } 
  }
  
  @media only screen and (max-width: 520px) {
  div.banner {
     display: grid;
     grid-template-columns: 1fr;
     grid-template-rows: 20fr auto;
     grid-template-areas:
       "head"
       "info"
       "image";
  }
  div.bannerinfo, div.bannerhead {
      opacity: 0.9;
  }
  div.bannerimage {
      position: absolute;
  }

  Pages using this styling

  • fragment:scp-6000-2 [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Oxanium&display=swap');
  
  .revs {
       border: solid 3px lightgray;
       background: rgb(var(--dark-gray-monochrome));
       padding:0.5rem 1rem;
       font-weight: bold;
  }
  
  .revs a:visited, .revs a {
       color:red;
       filter: drop-shadow(0px 0px 0.05rem red);
       font-family: 'Oxanium', cursive;
  }
  
  .info-container .collapsible-block-folded a{
  color: #FFF;}
  .info-container .collapsible-block-unfolded-link a{
  color: #FFF;
  }
  
  #page-content > .collapsible-block {
       background-color: #cacaca45;
  }
  
  #page-title {
      text-align: center;
  }
  
  ul {
      list-style: disclosure-open;
  }
  
  

  Pages using this styling

  • fragment:scp-6000-1 [info]

  ¶ 1 occurrence
  

  .warning-top h1 {
      animation: blink 0.8s ease-in-out infinite alternate;
      font-family: verdana,arial,helvetica,sans-serif;
      font-size: 2.25em;
      line-height: 1;
      word-wrap: break-word;
      font-weight: 900;
      background-color: #b01;
      color: #fff;
      padding: 0.25em 0;
  }
  
  #page-content .notlicensebox .collapsible-block-folded a.collapsible-block-link,
  .text-display a,
  .text-display a:visited {
      font-size: 1.5em;
      line-height: 1;
      word-wrap: break-word;
      font-weight: 900;
      color: #b01;
  }
  
  #page-title {
      text-align: center;
  }
  
  .page-rate-widget-box {
      margin: 0;
  }
  
  .ratingmodule {
      z-index: 9999;
      display: block;
      position: fixed;
      right: 1rem;
      top: 5rem;
  }
  
  .desktop-display .page-rate-widget-box,
  .mobile-display .page-rate-widget-box {
    margin-right: 1rem;
  }
  
  .desktop-display .page-rate-widget-box .rate-points,
  .mobile-display .page-rate-widget-box .rate-points {
    background-color: #fc0 !important;
    color: rgb(93,59,18);
  }
  
  .desktop-display .page-rate-widget-box .cancel,
  .mobile-display .page-rate-widget-box .cancel {
    background-color: #fc0 !important;
    color: rgb(93,59,18);
  }
  
  .ratingmodule > .page-rate-widget-box {
      border-color: rgba(0,0,0,0);
      background: linear-gradient(0deg,rgba(255, 204, 0,.25) 0,rgba(255, 204, 0,.15));
      background-color: rgb(255, 204, 0);
      font-family: courier;
  }
  
  @keyframes blink {
      0% { opacity: 0; }
      50%, 100% { opacity: 1; }
  }
  
  .desktop-display .collapsible-block-content,
  .mobile-display .collapsible-block-content {
      width: 100vw;
      min-width: 100vw;
      height: 100vh;
      position: fixed;
      top: 0;
      left: 0;
      z-index: 999;
      overflow-y: hidden;
      -webkit-overflow-scrolling: touch;
  }
  
  .desktop-display .collapsible-block-content br,
  .mobile-display .collapsible-block-content br {
      display: none;
  }
  
  .desktop-display iframe,
  .mobile-display iframe {
      width: 100%;
      height: 100%;
      display: block;
      border: none;
      overflow: hidden;
      cursor: url("https://scp-wiki.wdfiles.com/local--files/fragment%3Ascp-5999-3/pointers-02.png"), auto;
  }
  
  .desktop-display > div:nth-child(1) > div:nth-child(2) > div:nth-child(1) > a:nth-child(1),
  .mobile-display > div:nth-child(1) > div:nth-child(2) > div:nth-child(1) > a:nth-child(1) {
      position: fixed;
      display: flex;
      align-items: center;
      justify-content: center;
      top: 1rem;
      right: 2rem;
      background-color: rgb(255, 204, 0);
      color: rgb(93,59,18);
      min-width: 3.250rem;
      min-height: 3.375rem;
      font-size: 2rem;
      padding: 0;
      z-index: 9999;
  }
  
  .desktop-display {
      display: block;
  }
  
  .mobile-display {
      display: none;
  }
  
  .mobile-ratingmodule {
      display: none;
  }
  
  @media only screen and (max-width: 500px) {
  /*
      body {
       margin: 0;
       padding: 0;
       max-height: 100vh;
       touch-action: none;
       webkit-user-drag: none;
       overflow: hidden;
       }
  */
  
      .desktop-display {
       display: none;
      }
  
      .mobile-display {
       display: block;
      }
  
      .mobile-display > div:nth-child(1) > div:nth-child(2) > div:nth-child(1) > a:nth-child(1) {
       right: 1rem;
       min-width: 42px;
       min-height: 42px;
      }
  
  }

  Pages using this styling

  • fragment:scp-5999-1 [info]

  ¶ 1 occurrence
  

  #page-content .creditRate {
    float: none;
  }

  Pages using this styling

  • fragment:scp-5956-3 [info]

  ¶ 1 occurrence
  

  :root{
    --header-title: "RCT-Δt";
    --header-subtitle: "STOP CHANGING THE PAST";
  }
  
  div#extra-div-1 {
      background-image: url(http://scp-wiki.wdfiles.com/local--files/welcome-to-delta-t/Delta-t-transparent.png);
      filter: invert(1) opacity(0.2);
  }
  
  #page-content .creditRate {
  float: none;
  }
  
  #page-content .contain-class .class-text {
      font-size: 2.5em;
  }

  Pages using this styling

  • fragment:scp-5956-1 [info]

  ¶ 1 occurrence
  

  .body-text {
      margin: 2% 13% 2% 9%;
      padding: 5px 20px 5px 20px;
      background-color: #f2f2f2;
      color: #111;
  }
  
  .text4desk {
      width: 70%;
      margin: auto;
  }
  
  @media only screen and (max-width: 600px) {
  
      .body-text {
          margin: 0% 4% 0% 4%;
      }
  
      .text4desk {
          width:100%;
      }
  
  }

  Pages using this styling

  • fragment:scp-5947-3 [info]

  ¶ 1 occurrence
  

  .email {float: center; border: solid 2px #000000; width: 88%; padding: 1px 15px; margin: 10px 10px 10px 10px; box-shadow: 0 1px 3px rgba(0,0,0,.5)}
  a.collapsible-block-link { font-weight: bold; }
  .tofrom {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px maroon}
  
  .body-text {
      margin: 2% 13% 2% 9%;
      padding: 5px 20px 5px 20px;
      background-color: #f2f2f2;
      color: #111;
  }
  
  .text4desk {
      width: 70%;
      margin: auto;
  }
  
  @media only screen and (max-width: 600px) {
  
      .body-text {
          margin: 0% 4% 0% 4%;
      }
  
      .text4desk {
          width:100%;
      }
  
  }
  

  Pages using this styling

  • fragment:scp-5947-2 [info]

  ¶ 1 occurrence
  

  .fakeprot .mailform-box .buttons{display:none;}
  .fakeprot + .collapsible-block .collapsible-block-link {padding: 0.1em 0.5em;text-decoration: none;background-color: #F4F4F4;border: 1px solid #AAA;color: #000;}
  .fakeprot + .collapsible-block .collapsible-block-link:hover {background-color: #DDD;color: #000;}
  .fakeprot + .collapsible-block .collapsible-block-link:active {background-color: #DDD;color: #000;}
  .fakeprot + .collapsible-block .collapsible-block-unfolded-link{margin:0.5em 0;text-align: center;}
  .fakeprot + .collapsible-block .collapsible-block-folded{margin:0.5em 0;text-align: center;}
  .fakeprot .passw input[type=text] {text-security:disc;-webkit-text-security:disc;-mox-text-security:disc;}
  .mailform-box td:first-child {width: 80px;}
  
  .email-example .collapsible-block-folded a.collapsible-block-link {
      animation: blink 0.8s ease-in-out infinite alternate;
  }
  @keyframes blink {
      0% { color: transparent; }
      50%, 100% { color: #b01; }
  }
  .email {border: solid 2px #000000; width: 88%; padding: 1px 15px; margin: 10px; box-shadow: 0 1px 3px rgba(0,0,0,.5)}
  .email-example a.collapsible-block-link {font-weight: bold;}
  .tofrom {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px maroon}
  

  Pages using this styling

  • fragment:scp-5647-3 [info]

  ¶ 1 occurrence
  

  .info-container .collapsible-block-folded a{
  color: #FFF;}
  .info-container .collapsible-block-unfolded-link a{
  color: #FFF;
  }
  
  #page-content .collapsible-block {
      display: block;
      text-align: center;
      padding: .8em;
      background-color: #e3e3e3;
      border-top: 0.125rem dashed #b5b5b5;
      border-bottom: 0.125rem dashed #b5b5b5;
  }
  
  #page-content .collapsible-block .collapsible-block-content {
      text-align: left;
  }
  
  blockquote,
  div.blockquote {
      border: 0.125rem solid #d4d4d4;
      background-color: #F5F5F5;
  }
  
  .interview{
      border:solid 2px #d4d4d4;
      background:#F5F5F5;
      width:80%;
      padding:1px 15px;
      margin: 10px auto;
  }
  
  #page-title{display:none}

  Pages using this styling

  • fragment:scp-5415-2 [info]

  ¶ 1 occurrence
  

  
  div#page-title::after {
    content: "- [DELETED]";
  }
  

  Pages using this styling

  • fragment:scp-5356-2 [info]

  ¶ 1 occurrence
  

  .enlarge {
      transition: .25s;
  }
  
  .enlarge:hover {
      transform: scale(1.6);
      transition: .25s;
      transition-delay: .4s;
      z-index: 1000;
  }

  Pages using this styling

  • fragment:scp-5300-3 [info]

  ¶ 1 occurrence
  

  .logbox-audio {
      display: inline-block;
      border-radius: 10px;
      border:dashed 1px #444444;
      background:#F5F5F5;
      float:top;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      -ms-box-sizing: border-box;
      box-sizing: border-box;
      width:100%;
      padding:10px;
      margin:auto;
  }

  Pages using this styling

  • fragment:scp-5300-2 [info]

  ¶ 1 occurrence
  

  .email-block .collapsible-block .collapsible-block-unfolded-link {
  margin:0.5em 0;
  text-align: center;
  }
  .email-block .collapsible-block .collapsible-block-folded {
  margin:0.5em 0;text-align: center;
  }
  .email-block .collapsible-block a.collapsible-block-link {
  display: inline-block;
  width: 50%;
  max-width: 160px;
  background-color: Maroon;
  color: white;
  padding: 10px 20px;
  border: none;
  cursor: pointer;
  opacity: 0.9;
  transition: 0.09s;
  border-radius: 3px;
  transition 0.8s;
  }
  .email-block .collapsible-block a.collapsible-block-link:hover {
  opacity: 1;
  transition: 0.8s;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.7);
  text-decoration: none;
  }
  .email-block .collapsible-block a.collapsible-block-link:active {
  transition: 0.09s;
  transform: translateY(1px);
  box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0);
  }
  .blinkbar {color: #bb0010; font-size:125%; animation: blink 1.5s infinite; animation-iteration-count: 3;}@keyframes blink{to{opacity: .0;}}@keyframes flicker {0% {opacity: 0.9890; }5% {opacity: 0.5842; }10% {opacity: 0.9865; }20% {opacity: 0.0412; }20% {opacity: 0.6255; }25% {opacity: 0.3157; }30% {opacity: 0.7328; }35% {opacity: 0.4654; }40% {opacity: 0.9128; }45% {opacity: 0.2449; }50% {opacity: 0.5485; }55% {opacity: 0.6438; }60% {opacity: 0.1180; }65% {opacity: 0.9085; }70% {opacity: 0.0266; }75% {opacity: 0.6795; }80% {opacity: 0.7812; }85% {opacity: 0.0117; }90% {opacity: 0.2239; }95% {opacity: 0.8897; }100% {opacity: 0.2260; }}@keyframes overlay-anim {0% {visibility: hidden; }10% {visibility: hidden; }11% {visibility: visible; }50% {visibility: hidden; }100% {visibility: hidden; }}
  @keyframes blink {
      0% { color: transparent; }
      50%, 100% { color: #b01; }
  }

  Pages using this styling

  • fragment:scp-5300-1 [info]

  ¶ 1 occurrence
  

  .contain-class .class-text {
    color: transparent !important;
  }
  
  .contain-class .class-text::before {
    content: "keter";
    position: absolute;
    top: 0;
    color: rgba(var(--black-monochrome),1) !important;
  }
  
  .anom-bar-container.esoteric .text-part > .main-class::before {
    background-color: rgba(var(--five-color),1);
    background-image: url("https://scp-wiki.wikidot.com/local--files/component:anomaly-class-bar/keter-icon.svg");
    -webkit-filter: invert(0);
    filter: invert(0);
    border-color: rgb(var(--black-monochrome));
  }
  
  .anom-bar-container.esoteric .text-part > .main-class {
    background-color: rgb(var(--white-monochrome));
    background: linear-gradient(30deg,
      rgb(var(--gray-monochrome),0.25) 0%,
      rgb(var(--gray-monochrome),0.25) 50%,
      rgb(var(--five-color),0.25) 50%,
      rgb(var(--five-color),0.25) 50%
    )
  }
  
  .anom-bar-container.esoteric .danger-diamond > .top-icon::before {
    background-color: rgb(var(--five-color));
    background-image: url("https://scp-wiki.wikidot.com/local--files/component:anomaly-class-bar/keter-icon.svg");
    -webkit-filter: invert(0);
    filter: invert(0);
  }

  Pages using this styling

  • fragment:scp-5099-2 [info]

  ¶ 1 occurrence
  

  
  blockquote,
  div.blockquote {
      border: 0.1rem solid #d4d4d4;
      background-color: #F5F5F5;
  }
  

  Pages using this styling

  • fragment:scp-5092-2 [info]

  ¶ 1 occurrence
  

  #page-title {
      display: none;
  }
  

  Pages using this styling

  • fragment:scp-5092-1 [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css?family=Caveat&display=swap');
  @import url('https://fonts.googleapis.com/css?family=Cinzel');
  @import url('https://fonts.googleapis.com/css?family=Anton');
  @import url('https://fonts.googleapis.com/css?family=Pinyon+Script');
  @import url('https://fonts.googleapis.com/css?family=Pangolin&display=swap');
  @import url('https://fonts.googleapis.com/css?family=Patrick+Hand+SC&display=swap');
  @import url('https://fonts.googleapis.com/css?family=Reenie+Beanie');
  
  .page {
      display: block;
      overflow: hidden;
      font-family: 'Pangolin', cursive;
      font-size: 1.6em;
      font-style: normal;
  
     
      background-attachment: scroll;
      background-clip: border-box;
      background-color: transparent;
      background-image: linear-gradient(to top ,rgb(202, 219, 228) 0%, rgb(231, 233, 220) 8%);
      background-origin: padding-box;
      background-position: 0px 8px;
      background-repeat: repeat;
      background-size: 100% 20px;
      
  
      border: 1px solid #CCC;
      border-radius: 10px;
      padding: 10px 10px;
      margin-bottom: 10px;
  
      box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2)
      }
  .page p {
      line-height: 20px;
      margin: 0;
  }
  .page ul {
      list-style: symbols;
  }
  
  #page-content {
      position: relative;
  }
  
  .desktop-only {
      height: 21rem;
      width: 10rem;
      background: #ffffff;
      position: -webkit-sticky;
      position: sticky;
      top: 15rem;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      border: solid 1px #444444;
      padding: 10px;
      -webkit-box-shadow: none;
         -moz-box-shadow:  none;
              box-shadow: none;
      overflow: visible;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
         -moz-box-orient: vertical;
         -moz-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-transform: translateX(400%);
         -moz-transform: translateX(400%);
          -ms-transform: translateX(400%);
           -o-transform: translateX(400%);
              transform: translateX(400%);
  }
  
  .article {
      margin-top: -21rem!important;
  }
      
  @media (max-width: 1250px) {
      .desktop-only {
       display: none !important;
       visibility:hidden
      }
  .article {
      margin-top: 4rem!important;
  }
      #page-content > div:nth-child(5) {
       margin-top: 0;
      }
  
  } 

  Pages using this styling

  • fragment:scp-5074-3 [info]

  ¶ 1 occurrence
  

  #page-content .wiki-content-table tr th {background-color: #EEE; color: #333; border-color: #888;}

  Pages using this styling

  • fragment:scp-5074-1 [info]

  ¶ 1 occurrence
  

  .blinkbar {color: black;font-size:125%; animation: blink 1.5s infinite; letter-spacing: -0.13em;}@keyframes blink{to{opacity: .0;}}@keyframes flicker {0% {opacity: 0.9890; }5% {opacity: 0.5842; }10% {opacity: 0.9865; }20% {opacity: 0.0412; }20% {opacity: 0.6255; }25% {opacity: 0.3157; }30% {opacity: 0.7328; }35% {opacity: 0.4654; }40% {opacity: 0.9128; }45% {opacity: 0.2449; }50% {opacity: 0.5485; }55% {opacity: 0.6438; }60% {opacity: 0.1180; }65% {opacity: 0.9085; }70% {opacity: 0.0266; }75% {opacity: 0.6795; }80% {opacity: 0.7812; }85% {opacity: 0.0117; }90% {opacity: 0.2239; }95% {opacity: 0.8897; }100% {opacity: 0.2260; }}@keyframes overlay-anim {0% {visibility: hidden; }10% {visibility: hidden; }11% {visibility: visible; }50% {visibility: hidden; }100% {visibility: hidden; }}
  .collapsible-block-folded a.collapsible-block-link {
      animation: blink 0.8s ease-in-out infinite alternate;
  }
  @keyframes blink {
      0% { color: transparent; }
      50%, 100% { color: #b01; }
  }
  .email {float: center; border: solid 2px #000000; width: 88%; padding: 1px 15px; margin: 10px 10px 10px 10px; box-shadow: 0 1px 3px rgba(0,0,0,.5)}
  a.collapsible-block-link { font-weight: bold; }
  .tofrom {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px #000098}

  Pages using this styling

  • fragment:scp-5055-4 [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css?family=Caveat&display=swap');
  @import url('https://fonts.googleapis.com/css?family=Didact+Gothic&display=swap');
  
  div#container-wrap {
       background: url("https://scp-wiki.wdfiles.com/local--files/fragment%3Ascp-5050-1/light_bg2.png") top left repeat-x;
  }
  
  #side-bar .side-block {
      background: #000000 !important;
  }
  
  #side-bar div.side-block:nth-child(7) > div:nth-child(1) > div:nth-child(1) img {
      filter: none;
      -webkit-filter: none;
  }
  
  #side-bar .scpnet-interwiki-wrapper {
      width: 0em;
  }
  
  body {
      background-color: #000000;
      font-family: 'Didact Gothic', monospace;
      color: #990000;
     font-size: 13px;
  }
  
  #page-title {
    text-align: center;
  }
  

  Pages using this styling

  • fragment:scp-5050-1 [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css?family=Caveat&display=swap');
  @import url('https://fonts.googleapis.com/css?family=Cutive+Mono&display=swap');
  @import url('https://fonts.googleapis.com/css?family=Courier+Prime&display=swap');
  
  body {
      font-size: 13px;
  }
  
  .greenlink a{
      color: #0fe800;
  }
  
  #page-title {
    text-align: center;
  }
  

  Pages using this styling

  • fragment:scp-5050-0 [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css?family=Caveat&display=swap');
  @import url('https://fonts.googleapis.com/css?family=Didact+Gothic&display=swap');
  
  
  div#container-wrap {
       background: url("https://scp-wiki.wdfiles.com/local--files/scp-5045/light_bg2.png") top left repeat-x;
  }
  
  #side-bar .side-block {
      background: #000000;
  }
  
  #side-bar div.side-block:nth-child(7) > div:nth-child(1) > div:nth-child(1) img {
      filter: none;
      -webkit-filter: none;
  }
  
  #side-bar .scpnet-interwiki-wrapper {
      width: 0em;
  }
  
  body {
      background-color: #000000;
      font-family: 'Didact Gothic', monospace;
      color: #000000;
  }
  
  #page-title {
    text-align: center;
  }
  
  #header h1 span {
      color: transparent;
      text-shadow: none;
  }
   
  #header h1 span::before {
       content: 'farmers farmhouse';
       color: #32CD32;
       text-shadow: 1px 1px 1px rgba(0,0,0,.8);
  }
  
  #header {background-image: url()}
  #header h2 span {
      color: transparent;
      text-shadow: none;
  }
   
  #header h2 span::before {
       content: 'i wasnt asking';
       color: #FF00FF;
       text-shadow: 1px 1px 1px rgba(0,0,0,.8);
  }

  Pages using this styling

  • fragment:scp-5045b [info]

  ¶ 1 occurrence
  

  #page-title {
      color: transparent;
  }
  
  #page-title::before {
      content: 'SCP-5041-N';
      color: #901;
  }

  Pages using this styling

  • fragment:scp-5041-2 [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Homemade+Apple&display=swap');
  
  a.collapsible-block-link {
      font-weight: bold;
  }
  
  a[href$="offset/1"] {
      color: #b01;
  }
  
  div.hmcl {
       border: solid 1px #333;
       padding: 0 1em;
       margin: 1em 0;
       text-align: left;
  }
  
  div.iron {
       border: dashed 1px #666;
       background: #F5F5F5;
       padding: 0 1em;
  }
  
  div.iron.noir {
     font-style: italic;
  }
  
  div.iron.noir em {
     font-style: normal;
  }
  
  div.iron.plea {
      font-family: 'Homemade Apple', cursive;
      font-size: 1.4em;
      text-align: center;   
  }

  Pages using this styling

  • fragment:scp-5041-1 [info]

  ¶ 1 occurrence
  

  sup {
  vertical-align: top; position: relative; top: -0.5em;
  }
  :root{
  --cutColour: #fafafa;
  --barColour: #590505;
  }
  .info-container .collapsible-block-folded a{
  color: #FFF;}
  .info-container .collapsible-block-unfolded-link a{
  color: #FFF;}
  
  .info-container .collapsible-block-link,
  .info-container:hover .collapsible-block-link {
  line-height: 1.6em;
  }

  Pages using this styling

  • fragment:scp-5039-2 [info]

  ¶ 1 occurrence
  

  :root{
  --cutColour: #fafafa;
  --barColour: #590505;
  }
  .info-container .collapsible-block-folded a{
  color: #FFF;}
  .info-container .collapsible-block-unfolded-link a{
  color: #FFF;}
  
  .info-container .collapsible-block-link,
  .info-container:hover .collapsible-block-link {
  line-height: 1.6em;
  }

  Pages using this styling

  • fragment:scp-5039-1 [info]

  ¶ 1 occurrence
  

  div.terminal{
      border: 1px solid black;
      border: solid 3px #BBBBBB;
      border-radius: 16px;
      background-color: #131;
      background-image:
          radial-gradient(ellipse 1000% 100% at 50% 90%, transparent, #121);
      background-position: center;
      display: block;
      box-shadow: inset 0 0 10em 1em rgba(0,0,0,0.5);
      overflow:hidden;
  }
  div.terminal blockquote {
      background-color: black;
      border: double 3px #80FF80
  }
  div.scanline{
      margin-top: -40%;
      width: 100%;
      height: 60px;
      position: relative;
      pointer-events: none;
      -webkit-animation: scan 12s linear 0s infinite;
      animation: scan 12s linear 0s infinite;
      background: linear-gradient(to bottom, rgba(56, 112, 82,0), rgba(56, 112, 82,0.1)) !important;
  }
  
  div.text{
      color: rgba(128,255,128,0.8);
      padding-left: 2em;
      padding-top: 40%;
      font-family: monospace;
      font-size: 1.2em;
      }
  
  /* Safari 4.0 - 8.0 */
  @-webkit-keyframes scan{
      from{ transform: translateY(-10%);}
      to{  transform: translateY(5000%);}
  }
  
  @keyframes scan{
      from{ transform: translateY(-10%);}
      to{  transform: translateY(5000%);}
  }
  
  div.text a {
      color: #90EE90;
      text-decoration: none;
      background: transparent;
  }
  div.text a.newpage {
      color: #90EE90;
      text-decoration: none;
      background: transparent;
  }
  div.text a:hover {
      color: #131;
      text-decoration: underline;
      background-color: #80FF80;
      padding: 1px;
  }

  Pages using this styling

  • fragment:scp-5039-1 [info]

  ¶ 1 occurrence
  

  .footnoteref{
  color: #77CC77;
  }
  .danke{
  padding: 5px 5px 5px 15px;
  margin-bottom:10px;
  width: 95%;
  font-family: monospace;
  font-size: 1.1em; }
  
  .agent{
  background-color:#002200;
  border: 3px solid #55AA55;
  color: #77CC77;
  }
  
  .site{
  background-color:#222200;
  border: 3px solid #AAAA55;
  color: #DDDD77;
  }
  
  .clpcolor a.collapsible-block-link {
  color: #1A8718;
  }
  
  a.footnoteref{
  color: #cd5555
  }

  Pages using this styling

  • fragment:scp-5018-2 [info]

  ¶ 1 occurrence
  

  :root {
  --five-color: 144,68,52;
  --four-color: 132,132,132;
  --three-color: 125,155,144;
  --two-color: 91,101,129;
  --one-color: 0,159,107;
  }

  Pages using this styling

  • fragment:scp-5018-1 [info]

  ¶ 1 occurrence
  

  
  div.terminal{
      border: 1px solid black;
      border: solid 3px #000000;
      border-radius: 16px;
  /* black shadow at the top of the terminal */
      background-color: #000000;
      background-image: radial-gradient(ellipse 60% 100% at 50% 90%, transparent, #000000);
      background-position: center;
      display: block;
  /* shadow around the terminal */
      box-shadow: inset 0 0 10em 1em rgba(0,0,0,0.5);
  /* prevents scanline from forming a scrollwheel */
      overflow:hidden;
  }
  
  div.scanline{
  
      margin-top: -40%;
  
      width: 100%;
  
      height: 60px;
  
      position: relative;
  
      pointer-events: none;
  
  /* Safari 4.0 - 8.0 */
  
      -webkit-animation: scan 12s linear 0s infinite; /* You may need to change this. If the bar goes by too quickly, increase 5s. */
  
      animation: scan 12s linear 0s infinite; /* Same as above */
  
      background: linear-gradient(to bottom, rgba(243, 243, 202,0), rgba(243, 243, 202,0.1)) !important;
  
  }
  /* Safari 4.0 - 8.0 */
  
  @-webkit-keyframes scan{
  
      from{ transform: translateY(-10%);}
  
      to{  transform: translateY(5000%);} /* You may need to change this depending on the length of your terminal. If the scanline stops halfway, increase the second number.*/
  
  }
  
  
  
  @keyframes scan{
  
      from{ transform: translateY(-10%);}
  
      to{  transform: translateY(5000%);} /* Same as above.*/
  
  }
  
  div.text{
      color: rgba(21, 153, 39);
      padding-top: 40%;
      font-family: monospace;
      font-size: 1.2em;
      }
  
  div.text a {
      color: #159927;
      text-decoration: none;
      background: transparent;
  }
  div.text a.newpage {
      color: #159927;
      text-decoration: none;
      background: transparent;
  }
  div.text a:hover {
      color: #159927;
      text-decoration: underline;
      background-color: #D9C56f;
      padding: 1px;
  }
  div.text a:hover::before{
  content: "> ";
  }

  Pages using this styling

  • fragment:scp-4932b [info]

  ¶ 1 occurrence
  

  .fakeprot .mailform-box .buttons{display:none;}
  .fakeprot + .collapsible-block .collapsible-block-link {padding: 0.1em 0.5em;text-decoration: none;background-color: #F4F4F4;border: 1px solid #AAA;color: #000;}
  .fakeprot + .collapsible-block .collapsible-block-link:hover {background-color: #DDD;color: #000;}
  .fakeprot + .collapsible-block .collapsible-block-link:active {background-color: #DDD;color: #000;}
  .fakeprot + .collapsible-block .collapsible-block-unfolded-link{margin:0.5em 0;text-align: center;}
  .fakeprot + .collapsible-block .collapsible-block-folded{margin:0.5em 0;text-align: center;}
  .fakeprot .passw input[type=text] {text-security:disc;-webkit-text-security:disc;-mox-text-security:disc;}
  .mailform-box td:first-child {width: 80px;}
  
  .emailer {
    font-family: "Courier New", Courier, monospace
  }

  Pages using this styling

  • fragment:scp-4673-0 [info]

  ¶ 1 occurrence
  

  .footnoteref{
  color: #FF5555;
  }
  .danke{
  padding: 5px 5px 5px 15px;
  margin-bottom:10px;
  width: 100%;
  font-family: monospace;
  font-size: 1.1em; }
  
  .agent{
  background-color:#002200;
  border: 3px solid #55AA55;
  color: #77CC77;
  }
  
  .site{
  background-color:#222200;
  border: 3px solid #AAAA55;
  color: #DDDD77;
  }
  
  div.terminal{
      border: 1px solid black;
      border: solid 3px #BBBBBB;
      border-radius: 16px;
      background-color: #131;
  /* black shadow at the top of the terminal */
      background-image:
          radial-gradient(ellipse 1000% 100% at 50% 90%, transparent, #121);
      background-position: center;
      display: block;
  /* shadow around the terminal */
      box-shadow: inset 0 0 10em 1em rgba(0,0,0,0.5);
  /* prevents scanline from forming a scrollwheel */
      overflow:hidden;
  }
  div.terminal blockquote {
      background-color: black;
      border: double 3px #80FF80
  }
  div.scanline{
      margin-top: -40%;
      width: 100%;
      height: 60px;
      position: relative;
      pointer-events: none;
  /* Safari 4.0 - 8.0 */
      -webkit-animation: scan 12s linear 0s infinite; /* You may need to change this. If the bar goes by too quickly, increase 5s. */
      animation: scan 12s linear 0s infinite; /* Same as above */
      background: linear-gradient(to bottom, rgba(56, 112, 82,0), rgba(56, 112, 82,0.1)) !important;
  }
  
  div.text{
      color: rgba(128,255,128,0.8);
      padding-left: 2em;
      padding-right: 2em;
      padding-top: 10%;
      font-family: monospace;
      font-size: 1.2em;
      }
  
  /* Safari 4.0 - 8.0 */
  @-webkit-keyframes scan{
      from{ transform: translateY(-10%);}
      to{  transform: translateY(5000%);} /* You may need to change this depending on the length of your terminal. If the scanline stops halfway, increase the second number.*/
  }
  
  @keyframes scan{
      from{ transform: translateY(-10%);}
      to{  transform: translateY(5000%);} /* Same as above.*/
  }
  
  div.text a {
      color: #90EE90;
      text-decoration: none;
      background: transparent;
  }
  div.text a.newpage {
      color: #90EE90;
      text-decoration: none;
      background: transparent;
  }
  div.text a:hover {
      color: #131;
      text-decoration: underline;
      background-color: #80FF80;
      padding: 1px;
  }
  div.text a:hover::before{
  content: "> ";
  }

  Pages using this styling

  • fragment:scp-4558-5 [info]

  ¶ 1 occurrence
  

  .danger-diamond a,
  .danger-diamond a:hover {
      color: rgba(0,0,0,0) !important;
      -webkit-box-shadow: initial !important;
         -moz-box-shadow: initial !important;
      		box-shadow: initial !important;
  }
  
  .danger-diamond > .arrows {
      --danger-diamond-arrows: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.2' baseProfile='tiny' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 160 160' xml:space='preserve'%3E%3Cpath fill='%23fcfcfc' d='M136.1,133.3l23.9-23.9V51.2l-24-24l19.1-19.1l4.9,4.9l0-12.9l-12.9,0l4.9,4.9L133,24.2l-24-24H51l-24,24 L8,5.2l4.9-4.9L0,0.2l0,12.9l4.9-4.9L24,27.3l-24,24v58.2l23.9,23.9l-19,19L0,147.3l0,12.9l12.9,0L8,155.3l19-19l23.9,23.9h58.4 l23.9-23.9l19,19l-4.9,4.9l12.9,0l0-12.9l-4.9,4.9L136.1,133.3z M155.7,53v54.6l-22.6,22.6l-50-50L133,30.3L155.7,53z M52.8,4.5 h54.4l22.7,22.7L80,77.2L30.1,27.3L52.8,4.5z M4.3,107.6V53L27,30.3L77,80.2l-50,50L4.3,107.6z M107.4,155.9H52.6L30,133.3l50-50 l50,50L107.4,155.9z'/%3E%3C/svg%3E%0A");
  }
  
  .anom-bar-container.esoteric .danger-diamond > .top-icon::before {
      background-color: rgb(var(--swatch-menubg-light-color));
  }
  
  .anom-bar-container.apollyon .text-part > .main-class::before {
      background-color: rgb(var(--swatch-menubg-light-color));
  }
  
  .anom-bar-container.apollyon .text-part > .main-class::after {
      background-color: rgb(var(--swatch-menubg-light-color));
  }

  Pages using this styling

  • fragment:scp-4485-5 [info]

  ¶ 1 occurrence
  

  .danger-diamond > .quadrants > .bottom-quad {
      background-color: rgb(var(--white-monochrome));
  }
  
  .text-part .disrupt-class::before, .text-part .risk-class::before {
      color: rgb(var(--swatch-menutxt-general-color));
  }

  Pages using this styling

  • fragment:scp-4485-5 [info]

  ¶ 1 occurrence
  

  table.wiki-content-table {
      width: 100%;
      font-size: 1.5em;
      text-align: center;
      margin: 0 auto;
  }
  
  .document-main .footnote_block {
      --wght: 600;
      all: initial;
      display: -webkit-inline-box;
      display: -webkit-inline-flex;
      display: -moz-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex;
      font-family: var(--body-font);
      font-weight: 600;
      font-size: 0.8em;
      margin-left: -0.5em;
      margin-right: -0.5em;
  }
  
  .document-main .footnote_content,
  .document-main .footnote_content * {
      --wght: 600;
      all: initial;
      display: block;
      position: absolute;
      right: -12rem;
      width: 8rem;
      line-height: 1.2;
      border: 0.125rem solid rgb(var(--swatch-primary));
      font-family: var(--body-font);
      font-weight: 600;
      padding: 1rem;
      text-shadow: initial;
      -webkit-filter: initial;
      filter: initial;
      color: rgb(var(--white-monochrome));
      -webkit-transition:
      	opacity 600ms cubic-bezier(0.4, 0.0, 0.2, 1),
      	-webkit-transform 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
      transition:
      	opacity 600ms cubic-bezier(0.4, 0.0, 0.2, 1),
      	-webkit-transform 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
      -o-transition:
      	opacity 600ms cubic-bezier(0.4, 0.0, 0.2, 1),
      	-o-transform 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
      -moz-transition:
      	opacity 600ms cubic-bezier(0.4, 0.0, 0.2, 1),
      	transform 300ms cubic-bezier(0.4, 0.0, 0.2, 1),
      	-moz-transform 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
      transition:
      	opacity 600ms cubic-bezier(0.4, 0.0, 0.2, 1),
      	transform 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
      transition:
      	opacity 600ms cubic-bezier(0.4, 0.0, 0.2, 1),
      	transform 300ms cubic-bezier(0.4, 0.0, 0.2, 1),
      	-webkit-transform 300ms cubic-bezier(0.4, 0.0, 0.2, 1),
      	-moz-transform 300ms cubic-bezier(0.4, 0.0, 0.2, 1),
      	-o-transform 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
      pointer-events: none
  }
  
  .document-main .footnote_num {
      --wght: 900;
      text-shadow: initial;
      font-weight: 900;
      color: rgb(var(--white-monochrome));
      cursor: pointer;
      -webkit-box-shadow: initial;
      -moz-box-shadow: initial;
      box-shadow: initial;
      -webkit-filter: unset;
      filter: unset;
      -webkit-transform: unset;
      -moz-transform: unset;
      -ms-transform: unset;
      -o-transform: unset;
      transform: unset;
      border-bottom: 0.0625rem dotted;
      line-height: 2;
      background-color: rgb(var(--link-color));
      height: 1em;
      width: 1em;
      margin-right: 0.25rem;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -moz-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      z-index: 1;
  }
  
  .document-main .footnote_block .footnote_content::before {
      --wght: 900;
      content: " ";
      position: absolute;
      font-size: 1em;
      top: -0.5em;
      left: -0.5em;
      text-shadow: initial;
      font-weight: 900;
      color: rgb(var(--white-monochrome));
      cursor: pointer;
      -webkit-box-shadow: initial;
      -moz-box-shadow: initial;
      box-shadow: initial;
      -webkit-filter: unset;
      filter: unset;
      -webkit-transform: unset;
      -moz-transform: unset;
      -ms-transform: unset;
      -o-transform: unset;
      transform: unset;
      line-height: 2;
      background-color: rgb(var(--link-color));
      height: 1em;
      width: 1em;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -moz-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      padding: 0.25em
  }
  
  .document-main .footnote_block.one .footnote_content::before {
      content: "1";
  }
  
  .document-main .footnote_num + span {
      -webkit-transform: translateX(-25%);
      -moz-transform: translateX(-25%);
      -ms-transform: translateX(-25%);
      -o-transform: translateX(-25%);
      transform: translateX(-25%);
      opacity: 0;
  }
  
  .document-main .footnote_num:hover + span {
      -webkit-transform: translateX(0);
      -moz-transform: translateX(0);
      -ms-transform: translateX(0);
      -o-transform: translateX(0);
      transform: translateX(0);
      opacity: 1;
  }
  
  @media only screen and (max-width: 1050px) {
  
      .document-main .footnote_content {
      	position: fixed;
      	bottom: 1em;
      	left: 12.5%;
      	background-color: rgba(var(--white-monochrome));
      	width: 75%;
      }
  }
  
  /* collapsible block */
  
  #page-content .collapsible-block {
      display: block;
      text-align: center;
      padding: 0.75em;
      background-color: rgba(var(--gray-monochrome),0.1);
      border-top: 0.125rem dashed rgba(var(--dark-accent),1);
      border-bottom: 0.125rem dashed rgba(var(--dark-accent),1);
  }
  
  #page-content .collapsible-block .collapsible-block-content {
      text-align: left;
  }
  
  blockquote, .blockquote {
      background-color: rgb(var(--swatch-menubg-dark-color));
  }
  
  @media only screen and (max-width: 768px) {
  
      table.wiki-content-table tr {
       -webkit-flex-wrap: wrap;
      	 -ms-flex-wrap: wrap;
      		 flex-wrap: wrap;
      }
  
      table.wiki-content-table tr > td {
       min-width: 100%;
       font-size: 1rem;
       padding: 0.5rem;
      }
  }
  
  .document-main > br {
      display: none;
  }
  
  .document-main > div {
      display: block;
      width: -webkit-calc(100% - 3rem);
      width: -moz-calc(100% - 3rem);
      width: calc(100% - 3rem);
      background-color: rgb(var(--very-light-gray-monochrome), 1);
      padding: 0.75rem 0.75rem 0.5rem;
      margin: 1.5rem 0.5rem 0.5rem 0.5rem;
      border: 0.25rem rgb(var(--swatch-border-color)) solid;
      position: relative;
      line-height: 1.5;
      overflow-wrap: break-word;
      word-wrap: break-word;
      -webkit-hyphens: auto;
      -ms-hyphens: auto;
      -moz-hyphens: auto;
      hyphens: auto;
      font-size: inherit;
  }
  
  .document-main > div > p:last-of-type {
      margin-bottom: 0;
  }
  
  .document-main > div::before {
      --wght: 600;
      content: " ";
      position: absolute;
      top: -1.25rem;
      left: -0.5rem;
      padding: 0.5em 0.5em;
      color: rgb(var(--white-monochrome));
      font-size: -webkit-calc(12px + (14 - 12) * ( (100vw - 300px) / ( 800 - 300) ));
      font-size: -moz-calc(12px + (14 - 12) * ( (100vw - 300px) / ( 800 - 300) ));
      font-size: calc(12px + (14 - 12) * ( (100vw - 300px) / ( 800 - 300) ));
      font-weight: 600;
      letter-spacing: 0.05em;
      text-indent: 0;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      line-height: 1;
      white-space: nowrap;
  }
  
  .document-main > div.sp-containment,
  .document-main > div.containment,
  .document-main > div.description {
      background-color: rgba(var(--light-gray-monochrome),0.15);
      border-color: rgba(var(--swatch-primary-darkest),1);
  }
  
  .document-main > div.sp-containment::before,
  .document-main > div.containment::before,
  .document-main > div.description::before {
      background-color: rgba(var(--swatch-primary-darkest),1)
  }
  
  .document-main > div.sp-containment::before {
      content: "Special Containment Procedures";    
  }
  
  .document-main > div.containment::before {
      content: "Containment Specifications";    
  }
  
  .document-main > div.description::before {
      content: "Description";
  }
  
  .document-main > .sp-containment > .sp-containment-image {
    grid-area: image;
    width: 15vw;
    float: right;
    padding-left: 1rem;
  }
  
  .document-main > .sp-containment > .sp-containment-image img {
    max-height: 110vh;
  }
  
  .scp-image-block {
      -webkit-box-shadow: initial;
         -moz-box-shadow: initial;
      		box-shadow: initial;
  }
  
  .scp-image-block .scp-image-caption {
      background-color: rgb(var(--swatch-menubg-dark-color));
  }
  
  .containment-image {
      margin-top: 1rem;
  }
  
  .document-main > .sp-containment .scp-image-block img {
      max-height: 90vh;
  }
  
  /* Doc 3 GoI Entry */
  
  div.database_container {
      width: 100%;
      color: rgb(var(--white-monochrome));
      position: relative;
      padding-top: 0.25rem;
  }
  
  div.database_main, div.database_text {
      background-color: rgb(var(--swatch-primary-darkest), 0.5);
      margin: 0.5rem;
      padding: 0 0 0.75rem 0;
      display: -ms-grid;
      display: grid;
      		grid-template-areas:
      	"title"
      	"top"
      	"main";
      -ms-grid-columns: 100%;
      grid-template-columns: 100%;
      position: relative;
      left: 0;
      overflow-wrap: break-word;
      word-wrap: break-word;
      -webkit-hyphens: auto;
      -ms-hyphens: auto;
      -moz-hyphens: auto;
      hyphens: auto;
  }
  
  div.database_main > .database_title {
      --wght: 900;
      -ms-grid-row: 1;
      -ms-grid-column: 1;
      grid-area: title;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      font-size: 2em;
      font-weight: 900;
      text-align: center;
      width: 100%;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -moz-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      font-family: var(--header-font);
      letter-spacing: 0.025em;
      background: rgb(var(--swatch-primary-darkest));
      -webkit-border-top-right-radius: 0.5rem;
      -moz-border-radius-topright: 0.5rem;
      border-top-right-radius: 0.5rem;
      -webkit-border-top-left-radius: 0.5rem;
      -moz-border-radius-topleft: 0.5rem;
      border-top-left-radius: 0.5rem;
      color: rgb(var(--white-monochrome));
      border-bottom: 0.5rem double;
  }
  
  .database_table_top {
      font-size: 0.75em;
      font-family: var(--mono-font);
      padding: 1rem 0.5rem 0 0.5rem;
      display: -ms-grid;
      display: grid;
      	grid-template-areas:
      	"date secure"
      	"date recognize";
      -ms-grid-columns: 1fr auto auto;
      grid-template-columns: 1fr auto auto;
      -ms-grid-rows: 1fr 1fr;
      grid-template-rows: 1fr 1fr;
  }
  
  .database_table_top,
  .database_table_top * {
      font-variation-settings: 
      	"wght" var(--mono-wght), 
      	"slnt" var(--slnt), 
      	"CASL" var(--CASL), 
      	"CRSV" var(--CRSV), 
      	"MONO" var(--MONO);
  }
  
  .database_table_top br {
      display: none;
  }
  
  .database_table_top span {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
         -moz-box-align: center;
      	-ms-flex-align: center;
      		align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
         -moz-box-pack: center;
      	-ms-flex-pack: center;
      		justify-content: center;
      text-align: center;
      padding: 1em;
      white-space: wrap;
      padding-bottom: 1em;
      background-color: rgba(var(--light-gray-monochrome),0.25);
      border: 0.125rem solid rgba(var(--light-gray-monochrome),0.5);
  }
  
  .database_table_top span:nth-of-type(1) {
      grid-area: date;
      font-size: 1rem;
  }
  
  .database_table_top span:nth-of-type(2) {
      grid-area: secure;
  }
  
  .database_table_top span:nth-of-type(3) {
      grid-area: recognize;
  }
  
  div.database_text {
      padding: 1rem;
      font-family: var(--mono-font);
  }
  
  div.database_text,
  div.database_text * {
      font-variation-settings: 
      	"wght" var(--mono-wght), 
      	"slnt" var(--slnt), 
      	"CASL" var(--CASL), 
      	"CRSV" var(--CRSV), 
      	"MONO" var(--MONO);
  }
  
  .database_memo {
      font-family: var(--body-font);
      padding: 1rem;
      margin: 1rem 0;
      background-color: rgb(var(--pale-gray-monochrome),0.25);
      font-size: 1.15em;
      border: 0.125rem dashed rgba(var(--dark-gray-monochrome),1);
  }
  
  .database_memo p:first-of-type {
      margin-top: 0;
  }
  
  @media only screen and (max-width: 768px) {
      .document-main {
      	margin: 0;
      	padding: 0;
      }
  
      .document-main > .sp-containment .scp-image-block,
      .document-main > .sp-containment .scp-image-caption,
      .document-main > .sp-containment > .sp-containment-image,
      .document-main > .sp-containment > .sp-containment-text {
      	clear: none !important;
      }
  
      .document-main > .sp-containment .scp-image-block.block-right {
      	max-width: 30vw;
      	float: initial;
      	margin: 0;
      }
  
      .document-main > .sp-containment > .sp-containment-image {
      width: initial;
      }
  
      .document-main > .sp-containment > .sp-containment-image img {
      	-o-object-fit: cover;
      	   object-fit: cover;
      	-o-object-position: bottom;
      	   object-position: bottom;
      }
      .database_table_top {
      	grid-template-areas: 
      		"date" 
      		"secure"
      		"recognize";
      	-ms-grid-columns: 1fr;
      	grid-template-columns: 1fr;
      	-ms-grid-rows: 1fr 1fr 1fr;
      	grid-template-rows: 1fr 1fr 1fr;
      }
  }

  Pages using this styling

  • fragment:scp-4485-5 [info]

  ¶ 1 occurrence
  

  :root {
      --rating-module-text-color: var(--swatch-menutxt-light-color);
      --rating-module-button-color:  var(--swatch-menutxt-light-color);
  }
  
  #page-content > div:nth-child(1) {
      padding: 0.75rem;
  }
  
  .page-rate-widget-box {
      margin: 0;
      background:
       linear-gradient(0deg,
       rgba(var(--black-monochrome),.55) 0,
       rgba(var(--swatch-primary-darkest),.45)) !important;
  }

  Pages using this styling

  • fragment:scp-4485-5 [info]

  ¶ 1 occurrence
  

  .page-title {
      --wght: 900;
      margin-top: 1rem;
      min-height: 4rem;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      width: -webkit-calc(100% - 1em - 0.5rem);
      width: -moz-calc(100% - 1em - 0.5rem);
      width: calc(100% - 1em - 0.5rem);
      -webkit-box-align: center;
      -webkit-align-items: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -moz-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      border: initial;
      font-size: 3em;
      line-height: 1;
      text-align: center;
      color: rgb(var(--white-monochrome));
      background-color: rgb(var(--swatch-primary));
      padding: 0.5em;
      border: 0.25rem solid rgb(var(--white-monochrome));
      position: relative;
      z-index: 1;
      font-family: var(--title-font);
      font-weight: 900;
  }
  
  .page-title::before {
      content: " ";
      pointer-events: none;
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      background-image: url('https://nu-scptheme.github.io/Black-Highlighter/img/logo.svg');
      background-repeat: no-repeat;
      background-position: center center;
      -webkit-background-size: 100% 100%;
      -moz-background-size: 100%;
      -o-background-size: 100%;
      background-size: 100%;
      background-color: rgb(var(--swatch-primary));
      z-index: -1;
      opacity: 0.25;
  }
  
  .warning-container iframe {
      min-height: 9.375rem;
  }
  
  .warning-container,
  .warning-container * {
      -webkit-box-sizing: border-box;
         -moz-box-sizing: border-box;
      		box-sizing: border-box;
  }
  
  .warning-container {
      --wght: 900;
      width: 90%;
      margin: 0 auto;
      background-color: rgb(var(--dark-gray-monochrome));
      color: rgb(var(--swatch-text-light));
      font-weight: 900;
      border: 0.5em solid rgb(var(--swatch-primary-darkest));
  }
  
  .warning-container .warning-top {
      font-size: 200%;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -moz-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      padding: 1rem;
      font-family: var(--title-font);
      background-color: rgb(var(--swatch-primary));
      background-image: url("https://scp-wiki.wikidot.com/local--files/theme:the-foundation-theme/foundation-circles-bg.png");
      -webkit-background-size: 50% 50%;
      -moz-background-size: 50%;
      -o-background-size: 50%;
      background-size: 50%;
      background-attachment: fixed;
      background-position: 50% 50%;
  }
  
  .warning-container .warning-body {
      --wght: 300;
      font-weight: 300;
      padding: 1rem;
      margin: 1rem;
      line-height: 1.5;
      font-size: 115%;
      font-family: var(--mono-font);
      background-color: rgb(var(--swatch-primary-darkest),0.25);
  }
  
  .warning-container .warning-body,
  .warning-container .warning-body * {
      font-variation-settings: 
      	"wght" var(--mono-wght), 
      	"slnt" var(--slnt), 
      	"CASL" var(--CASL), 
      	"CRSV" var(--CRSV), 
      	"MONO" var(--MONO);
  }
  
  table.wiki-content-table {
      width: 100%;
      font-size: 1.5em;
      text-align: center;
      margin: 0 auto;
  }
  
  table.wiki-content-table,
  table.wiki-content-table * {
      border-color: rgb(var(--black-monochrome)) !important;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
  }
  
  table.wiki-content-table tr:last-of-type {
      --wght: 700;
      width: 100%;
      display: -webkit-inline-box;
      display: -webkit-inline-flex;
      display: -moz-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex;
      -webkit-box-align: stretch;
      -webkit-align-items: stretch;
      -moz-box-align: stretch;
      -ms-flex-align: stretch;
      align-items: stretch;
      margin: 0;
      font-weight: 700;
  }
  
  table.wiki-content-table td {
      display: -webkit-inline-box;
      display: -webkit-inline-flex;
      display: -moz-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex;
      -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -moz-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      margin: 0;
      -webkit-box-flex: 2;
      -webkit-flex-grow: 2;
      -moz-box-flex: 2;
      -ms-flex-positive: 2;
      flex-grow: 2;
      -webkit-flex-basis: 50%;
      -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
      background-color: rgb(var(--swatch-primary-darkest));
      color: rgb(var(--white-monochrome));
      text-transform: uppercase;
      line-height: 1;
      text-align: center;
  }
  
  table.wiki-content-table td * {
      width: 100%;
  }
  
  table.wiki-content-table td span:nth-of-type(even) {
      font-family: var(--mono-font);
      font-size: 0.75em;
  }
  
  table.wiki-content-table td span:nth-of-type(even),
  table.wiki-content-table td span:nth-of-type(even) * {
      font-variation-settings: 
      	"wght" var(--mono-wght), 
      	"slnt" var(--slnt), 
      	"CASL" var(--CASL), 
      	"CRSV" var(--CRSV), 
      	"MONO" var(--MONO);
  }
  
  @media only screen and (max-width: 768px) {
      .page-title {
       font-size: 2em;
      }
  
      table.wiki-content-table tr {
       -webkit-flex-wrap: wrap;
      	 -ms-flex-wrap: wrap;
      		 flex-wrap: wrap;
      }
  
      table.wiki-content-table tr > td {
       min-width: 100%;
       font-size: 1rem;
       padding: 0.5rem;
      }
  }
  @media (max-width: 500px ) {
      .warning-container .warning-body {
      	padding: 0.5rem 1rem;
      	margin-bottom: 1.5rem;
      	font-size: 95%;
      }
  }

  Pages using this styling

  • fragment:scp-4485-4 [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css?family=Asset|Barrio|Eczar:600,700|Kumar+One|Major+Mono+Display|Miltonian+Tattoo|Ultra|Zilla+Slab+Highlight');
  
  .warning-container iframe {
      min-height: 9.375rem;
  }
  
  .warning-container,
  .warning-container * {
      -webkit-box-sizing: border-box;
      	 -moz-box-sizing: border-box;
      		box-sizing: border-box;
  }
  
  .warning-container {
      --wght: 900;
      width: 90%;
      margin: 0 auto;
      background-color: rgb(var(--dark-gray-monochrome));
      color: rgb(var(--swatch-text-light));
      font-weight: 900;
      border: 0.5em solid rgb(var(--swatch-primary-darkest));
  }
  
  .warning-container .warning-top {
      font-size: 200%;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -moz-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      padding: 1rem;
      font-family: var(--title-font);
      background-color: rgb(var(--swatch-primary));
      background-image: url("https://scp-wiki.wikidot.com/local--files/theme:the-foundation-theme/foundation-circles-bg.png");
      -webkit-background-size: 50% 50%;
      -moz-background-size: 50%;
      -o-background-size: 50%;
      background-size: 50%;
      background-attachment: fixed;
      background-position: 50% 50%;
  }
  
  .warning-container .warning-body {
      --wght: 300;
      font-weight: 300;
      padding: 1rem;
      margin: 1rem;
      line-height: 1.5;
      font-size: 115%;
      font-family: var(--mono-font);
      background-color: rgb(var(--swatch-primary-darkest),0.25);
  }
  
  .warning-container .warning-body,
  .warning-container .warning-body * {
      font-variation-settings: 
      	"wght" var(--mono-wght), 
      	"slnt" var(--slnt), 
      	"CASL" var(--CASL), 
      	"CRSV" var(--CRSV), 
      	"MONO" var(--MONO);
  }
  
  #extra-div-3 {
      z-index: 2;
  }
  
  #extra-div-1 {
      background-image: var(--gradient-header), var(--gradient-topmenu);
      -webkit-background-size: 100% 7.5rem, 100% 9.375rem;
      	 -moz-background-size: 100% 7.5rem, 100% 9.375rem;
      	 -o-background-size: 100% 7.5rem, 100% 9.375rem;
      		background-size: 100% 7.5rem, 100% 9.375rem;
      -webkit-background-size: var(--header-background-image-size), 100% 14.375rem;
      	 -moz-background-size: var(--header-background-image-size), 100% 14.375rem;
      	 -o-background-size: var(--header-background-image-size), 100% 14.375rem;
      		background-size: var(--header-background-image-size), 100% 14.375rem;
      background-repeat: repeat-x;
      display: block;
      position: absolute;
      width: 100%;
      height: 14.375rem;
      top: 0;
      left: 0;
      z-index: 1;
  }
  
  .survey-container + div.collapsible-block > div.collapsible-block-unfolded > div.collapsible-block-content  {
      display: block;
      width: 100%;
      height: 100vh;
      position: relative;
  }
  
  .survey-container + div.collapsible-block > div.collapsible-block-unfolded > div.collapsible-block-content > p {
      width: 100%;
      height: 100%
  }
  
  .survey-container + div.collapsible-block > div.collapsible-block-unfolded > div.collapsible-block-content > p > iframe {
      width: 100vw;
      height: 100vh;
      position: fixed;
      top: 0;
      left: 0;
      z-index: 10;
  }
  
  .page-title {
      --wght: 900;
      margin-top: 1rem;
      min-height: 4rem;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      width: -webkit-calc(100% - 1em - 0.5rem);
      width: -moz-calc(100% - 1em - 0.5rem);
      width: calc(100% - 1em - 0.5rem);
      -webkit-box-align: center;
      -webkit-align-items: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -moz-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      border: initial;
      font-size: 3em;
      line-height: 1;
      text-align: center;
      color: rgb(var(--white-monochrome));
      background-color: rgb(var(--swatch-primary));
      padding: 0.5em;
      border: 0.25rem solid rgb(var(--white-monochrome));
      position: relative;
      z-index: 1;
      font-family: var(--title-font);
      font-weight: 900;
  }
  
  .page-title::before {
      content: " ";
      pointer-events: none;
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      background-image: url(https://nu-scptheme.github.io/Black-Highlighter/img/logo.svg);
      background-repeat: no-repeat;
      background-position: center center;
      -webkit-background-size: 100% 100%;
      -moz-background-size: 100%;
      -o-background-size: 100%;
      background-size: 100%;
      background-color: rgb(var(--swatch-primary));
      z-index: -1;
      opacity: 0.25;
  }
  #page-content {
      position: relative;
      min-height: 125vh;
  }
  
  .collapsible-block {
      width: 100%;
  }
  
  .collapsible-block-folded > a,
  .collapsible-block-unfolded-link > a {
      --wght: 900;
      display: -webkit-inline-box;
      display: -webkit-inline-flex;
      display: -moz-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex;
      width: 100%;
      height: 100%;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -moz-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      color: rgb(var(--white-monochrome));
      font-weight: 900;
      font-size: 1.25em;
      background: rgb(var(--gray-monochrome));
      -webkit-border-bottom-left-radius: 0.5em;
      -moz-border-radius-bottomleft: 0.5em;
      border-bottom-left-radius: 0.5em;
      -webkit-border-bottom-right-radius: 0.5em;
      -moz-border-radius-bottomright: 0.5em;
      border-bottom-right-radius: 0.5em;
  }
  
  .survey-container + div.collapsible-block > div.collapsible-block-unfolded > div.collapsible-block-unfolded-link > a.collapsible-block-link {
      --wght: 900;
      position: fixed;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
       -moz-box-align: center;
      	-ms-flex-align: center;
      		align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
       -moz-box-pack: center;
      	-ms-flex-pack: center;
      		justify-content: center;
      width: 2.35rem;
      height: 2.35rem;
      top: 1rem;
      right: 1rem;
      -webkit-border-radius: 50%;
       -moz-border-radius: 50%;
      		border-radius: 50%;
      font-size: 2rem;
      font-weight: 900;
      background-color: rgb(var(--white-monochrome));
      color: rgb(var(--swatch-primary));
      cursor: pointer;
      -webkit-transform: rotateZ(0);
       -moz-transform: rotateZ(0);
      	-ms-transform: rotate(0);
      	 -o-transform: rotateZ(0);
      		transform: rotateZ(0);
      -webkit-transition: background-color 0.5s cubic-bezier(0.4, 0.0, 0.2, 1), color 0.5s cubic-bezier(0.4, 0.0, 0.2, 1), -webkit-transform 0.5s cubic-bezier(0.4, 0.0, 0.2, 1);
      transition: background-color 0.5s cubic-bezier(0.4, 0.0, 0.2, 1), color 0.5s cubic-bezier(0.4, 0.0, 0.2, 1), -webkit-transform 0.5s cubic-bezier(0.4, 0.0, 0.2, 1);
      -o-transition: background-color 0.5s cubic-bezier(0.4, 0.0, 0.2, 1), color 0.5s cubic-bezier(0.4, 0.0, 0.2, 1), -o-transform 0.5s cubic-bezier(0.4, 0.0, 0.2, 1);
      -moz-transition: transform 0.5s cubic-bezier(0.4, 0.0, 0.2, 1), background-color 0.5s cubic-bezier(0.4, 0.0, 0.2, 1), color 0.5s cubic-bezier(0.4, 0.0, 0.2, 1), -moz-transform 0.5s cubic-bezier(0.4, 0.0, 0.2, 1);
      transition: transform 0.5s cubic-bezier(0.4, 0.0, 0.2, 1), background-color 0.5s cubic-bezier(0.4, 0.0, 0.2, 1), color 0.5s cubic-bezier(0.4, 0.0, 0.2, 1);
      transition: transform 0.5s cubic-bezier(0.4, 0.0, 0.2, 1), background-color 0.5s cubic-bezier(0.4, 0.0, 0.2, 1), color 0.5s cubic-bezier(0.4, 0.0, 0.2, 1), -webkit-transform 0.5s cubic-bezier(0.4, 0.0, 0.2, 1), -moz-transform 0.5s cubic-bezier(0.4, 0.0, 0.2, 1), -o-transform 0.5s cubic-bezier(0.4, 0.0, 0.2, 1);
      z-index: 9999;
      opacity: 1;
  }
  
  .survey-container + div.collapsible-block > div.collapsible-block-unfolded > div.collapsible-block-unfolded-link > a.collapsible-block-link:hover {
      -webkit-transform: rotateZ(30deg);
       -moz-transform: rotateZ(30deg);
      	-ms-transform: rotate(30deg);
      	 -o-transform: rotateZ(30deg);
      		transform: rotateZ(30deg);
      background-color: rgb(var(--swatch-primary));
      color: rgb(var(--white-monochrome));
      text-decoration: none;
  }
  
  .survey-container + div.collapsible-block > div.collapsible-block-unfolded > div.collapsible-block-unfolded-link > a.collapsible-block-link::before {
      --wght: 700;
      content: "SECOND ATTEMPTS WILL BE NOTED.";
      width: 10rem;
      height: auto;
      position: fixed;
      top: 3rem;
      right: 1rem;
      background-color: rgb(var(--black-monochrome)) !important;
      border: 0.25rem double rgb(var(--swatch-primary));
      opacity: 0;
      -webkit-transition:
      opacity 0.5s cubic-bezier(0.4, 0.0, 0.2, 1),
      -webkit-transform 0.5s cubic-bezier(0.4, 0.0, 0.2, 1);
      transition:
      opacity 0.5s cubic-bezier(0.4, 0.0, 0.2, 1),
      -webkit-transform 0.5s cubic-bezier(0.4, 0.0, 0.2, 1);
      -o-transition:
      opacity 0.5s cubic-bezier(0.4, 0.0, 0.2, 1),
      -o-transform 0.5s cubic-bezier(0.4, 0.0, 0.2, 1);
      -moz-transition:
      transform 0.5s cubic-bezier(0.4, 0.0, 0.2, 1),
      opacity 0.5s cubic-bezier(0.4, 0.0, 0.2, 1),
      -moz-transform 0.5s cubic-bezier(0.4, 0.0, 0.2, 1);
      transition:
      transform 0.5s cubic-bezier(0.4, 0.0, 0.2, 1),
      opacity 0.5s cubic-bezier(0.4, 0.0, 0.2, 1);
      transition:
      transform 0.5s cubic-bezier(0.4, 0.0, 0.2, 1),
      opacity 0.5s cubic-bezier(0.4, 0.0, 0.2, 1),
      -webkit-transform 0.5s cubic-bezier(0.4, 0.0, 0.2, 1),
      -moz-transform 0.5s cubic-bezier(0.4, 0.0, 0.2, 1),
      -o-transform 0.5s cubic-bezier(0.4, 0.0, 0.2, 1);
      -webkit-transform: translateY(-10rem);
       -moz-transform: translateY(-10rem);
      	-ms-transform: translateY(-10rem);
      	 -o-transform: translateY(-10rem);
      		transform: translateY(-10rem);
      font-size: 1rem;
      font-weight: 700;
      line-height: 1.25;
      padding: 1rem 1rem 1rem 1rem;
  }
  
  
  .survey-container + div.collapsible-block > div.collapsible-block-unfolded > div.collapsible-block-unfolded-link > a.collapsible-block-link:hover::before {
      -webkit-transform: translateY(0) rotateZ(-30deg);
       -moz-transform: translateY(0) rotateZ(-30deg);
      	-ms-transform: translateY(0) rotate(-30deg);
      	 -o-transform: translateY(0) rotateZ(-30deg);
      		transform: translateY(0) rotateZ(-30deg);;
      opacity: 1;
  }
  
  
  .survey-container + div.collapsible-block > div.collapsible-block-unfolded > div.collapsible-block-content {
      height: 100%;
      position: absolute;
  }
  
  .recruiting-doc + div.collapsible-block > div.collapsible-block-unfolded > div.collapsible-block-content {
      position: relative;
      width: 100%;
  }
  
  table.wiki-content-table {
      width: 100%;
      font-size: 1.5em;
      text-align: center;
      margin: 0 auto;
  }
  
  table.wiki-content-table,
  table.wiki-content-table * {
      border-color: rgb(var(--black-monochrome)) !important;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
  }
  
  table.wiki-content-table tr:last-of-type {
      --wght: 700;
      width: 100%;
      display: -webkit-inline-box;
      display: -webkit-inline-flex;
      display: -moz-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex;
      -webkit-box-align: stretch;
      -webkit-align-items: stretch;
      -moz-box-align: stretch;
      -ms-flex-align: stretch;
      align-items: stretch;
      margin: 0;
      font-weight: 700;
  }
  
  table.wiki-content-table td {
      display: -webkit-inline-box;
      display: -webkit-inline-flex;
      display: -moz-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex;
      -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -moz-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      margin: 0;
      -webkit-box-flex: 2;
      -webkit-flex-grow: 2;
      -moz-box-flex: 2;
      -ms-flex-positive: 2;
      flex-grow: 2;
      -webkit-flex-basis: 50%;
      -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
      background-color: rgb(var(--swatch-primary-darkest));
      color: rgb(var(--white-monochrome));
      text-transform: uppercase;
      line-height: 1;
      text-align: center;
  }
  
  table.wiki-content-table td * {
      width: 100%;
  }
  
  table.wiki-content-table td span:nth-of-type(even) {
      font-family: var(--mono-font);
      font-size: 0.75em;
  }
  
  table.wiki-content-table td span:nth-of-type(even),
  table.wiki-content-table td span:nth-of-type(even) * {
      font-variation-settings: 
      	"wght" var(--mono-wght), 
      	"slnt" var(--slnt), 
      	"CASL" var(--CASL), 
      	"CRSV" var(--CRSV), 
      	"MONO" var(--MONO);
  }
  
  #main-content {
      position: initial;
  }
  
  div.hansarp_doc {
      /* Typefaces */
      --body-font: 'Eczar', 'Lato', sans-serif;
      --header-font: 'Barrio', sans-serif;
      --title-font: 'Ultra', sans-serif;
      --mono-font: 'Major Mono Display', 'PT Mono', "Andale Mono", "Courier New", Courier, monospace;
  
      /* Standard Colors */
      --white-monochrome: 223, 188, 115;
      /* white */
      --pale-gray-monochrome: 184, 161, 115;
      /* v light gray for blockquotes and stuff */
      --light-gray-monochrome: 161, 143, 102;
      /* light accent gray for login status */
      --gray-monochrome: 126, 112, 83;
      /* gray */
      --dark-gray-monochrome: 91, 81, 60;
      /* dark accent gray for sidebar background */
      --black-monochrome: 44, 47, 41;
      /* black */
      --bright-accent: 195, 64, 34;
      /* bright red */
      --medium-accent: 172, 65, 40;
      /* medium red */
      --dark-accent: 125, 52, 42;
      /* dark red */
      --newpage-color: 234, 128, 85;
      /* pale orange */
  
      --swatch-topmenu-bg-color: var(--bright-accent);
  
      --gradient-header:
      	linear-gradient(to top,
      	rgba(var(--white-monochrome), 0.07) 0,
      	rgba(var(--bright-accent), 0.03) 70%,
      	rgba(var(--bright-accent), 0.02) 100%);
      --gradient-topmenu:
      	linear-gradient(to bottom,
      	rgba(255, 255, 255, 0) 0,
      	rgba(255, 255, 255, 0) 7.5rem,
      	rgba(var(--swatch-topmenu-border-color), 0) 7.5rem,
      	rgba(var(--swatch-topmenu-bg-color), 1) 7.625rem,
      	rgba(var(--swatch-topmenu-bg-color), 1) -webkit-calc(100% - .125rem),
      	rgba(var(--swatch-topmenu-bg-color), 1) -webkit-calc(100% - .125rem),
      	rgba(var(--swatch-topmenu-border-color), 0) 100%);
      --gradient-topmenu:
      	linear-gradient(to bottom,
      	rgba(255, 255, 255, 0) 0,
      	rgba(255, 255, 255, 0) 7.5rem,
      	rgba(var(--swatch-topmenu-border-color), 0) 7.5rem,
      	rgba(var(--swatch-topmenu-bg-color), 1) 7.625rem,
      	rgba(var(--swatch-topmenu-bg-color), 1) -moz-calc(100% - .125rem),
      	rgba(var(--swatch-topmenu-bg-color), 1) -moz-calc(100% - .125rem),
      	rgba(var(--swatch-topmenu-border-color), 0) 100%);
      --gradient-topmenu:
      	linear-gradient(to bottom,
      	rgba(255, 255, 255, 0) 0,
      	rgba(255, 255, 255, 0) 7.5rem,
      	rgba(var(--swatch-topmenu-border-color), 0) 7.5rem,
      	rgba(var(--swatch-topmenu-bg-color), 1) 7.625rem,
      	rgba(var(--swatch-topmenu-bg-color), 1) calc(100% - .125rem),
      	rgba(var(--swatch-topmenu-bg-color), 1) calc(100% - .125rem),
      	rgba(var(--swatch-topmenu-border-color), 0) 100%);
      --gradient-topmenu-mobile:
      	linear-gradient(to bottom,
      	rgba(var(--swatch-topmenu-border-color), 0) 0,
      	rgba(var(--swatch-topmenu-bg-color), 1) 0.125rem,
      	rgba(var(--swatch-topmenu-bg-color), 1) -webkit-calc(3rem - 0.125rem),
      	rgba(var(--swatch-topmenu-bg-color), 1) -webkit-calc(3rem - 0.125rem),
      	rgba(var(--swatch-topmenu-border-color), 0) 3rem);
      --gradient-topmenu-mobile:
      	linear-gradient(to bottom,
      	rgba(var(--swatch-topmenu-border-color), 0) 0,
      	rgba(var(--swatch-topmenu-bg-color), 1) 0.125rem,
      	rgba(var(--swatch-topmenu-bg-color), 1) -moz-calc(3rem - 0.125rem),
      	rgba(var(--swatch-topmenu-bg-color), 1) -moz-calc(3rem - 0.125rem),
      	rgba(var(--swatch-topmenu-border-color), 0) 3rem);
      --gradient-topmenu-mobile:
      	linear-gradient(to bottom,
      	rgba(var(--swatch-topmenu-border-color), 0) 0,
      	rgba(var(--swatch-topmenu-bg-color), 1) 0.125rem,
      	rgba(var(--swatch-topmenu-bg-color), 1) calc(3rem - 0.125rem),
      	rgba(var(--swatch-topmenu-bg-color), 1) calc(3rem - 0.125rem),
      	rgba(var(--swatch-topmenu-border-color), 0) 3rem);
      --gradient-sidemenu-header:
      	linear-gradient(10deg,
      	rgba(var(--dark-accent), 0.85) 0,
      	rgba(var(--dark-accent), 0.95) 100%);
      --diagonal-stripes: unset;
      --gradient-background: rgba(var(--background-gradient-color));
  }
  
  div.hansarp_doc {
      max-width: 99vw !important;
      width: -webkit-calc(var(--body-width-on-desktop));
      width: -moz-calc(var(--body-width-on-desktop));
      width: calc(var(--body-width-on-desktop));
      height: 82vh;
      overflow: hidden !important;
      position: relative;
      max-height: -webkit-calc(var(--body-width-on-desktop) - 7em);
      max-height: -moz-calc(var(--body-width-on-desktop) - 7em);
      max-height: calc(var(--body-width-on-desktop) - 7em);
      background-color: rgb(var(--gray-monochrome));
      border: 1rem double rgb(var(--white-monochrome));
  }
  
  div.hansarp_drop {
      -webkit-filter: drop-shadow(-1px 6px 3px rgba(50, 50, 0, 0.5));
      		filter: drop-shadow(-1px 6px 3px rgba(50, 50, 0, 0.5));
      z-index: 0;
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
  }
  
  div.hansarp_container {
      position: absolute;
      width: 100%;
      height: 100%;
      left: 0;
      top: 0;
      background-color: rgb(var(--white-monochrome));
      -webkit-clip-path: polygon(25.36% 26.06%, 27.41% 13.71%, 39.31% 2.9%, 62.31% 1.41%, 79.68% 3.28%, 91.69% 12.56%, 96.76% 35.87%, 93.59% 64.04%, 79.74% 83.41%, 82.23% 97.22%, 63.26% 97.72%, 35.87% 100.05%, 34.36% 87.89%, 21.08% 88.33%, 12.33% 85.17%, 7.66% 77.57%, 8.43% 66.75%, 13.49% 59.96%, 12.49% 54.24%, 19.16% 46.71%, 11.61% 38.34%);
      		clip-path: polygon(25.36% 26.06%, 27.41% 13.71%, 39.31% 2.9%, 62.31% 1.41%, 79.68% 3.28%, 91.69% 12.56%, 96.76% 35.87%, 93.59% 64.04%, 79.74% 83.41%, 82.23% 97.22%, 63.26% 97.72%, 35.87% 100.05%, 34.36% 87.89%, 21.08% 88.33%, 12.33% 85.17%, 7.66% 77.57%, 8.43% 66.75%, 13.49% 59.96%, 12.49% 54.24%, 19.16% 46.71%, 11.61% 38.34%);
      overflow: hidden;
  }
  
  div.hansarp_1 {
      color: rgba(var(--swatch-primary), 0.5);
      position: absolute;
      left: 50%;
      top: 0;
      font-size: 10rem;
      font-family: var(--header-font);
      -webkit-transform: matrix3d(1.885264, -1, 0, -0.002557,
      	0.638907, 2.626226, 0, 0.006141,
      	1, 0, 1, 20,
      	-250, -20, 0, 2) scale(0.5) rotate(20deg);
      	 -moz-transform: matrix3d(1.885264, -1, 0, -0.002557,
      	0.638907, 2.626226, 0, 0.006141,
      	1, 0, 1, 20,
      	-250, -20, 0, 2) scale(0.5) rotate(20deg);
      		transform: matrix3d(1.885264, -1, 0, -0.002557,
      	0.638907, 2.626226, 0, 0.006141,
      	1, 0, 1, 20,
      	-250, -20, 0, 2) scale(0.5) rotate(20deg);
  }
  
  div.hansarp_2 {
      color: rgba(var(--swatch-primary), 0.5);
      position: absolute;
      left: 50%;
      top: 1em;
      font-size: 10rem;
      font-family: var(--title-font);
      -webkit-transform: matrix3d(2.885264, -1.5, 0, 0.003557,
      	0.638907, 3.626226, -1, 0.009141,
      	0.5, 0, 1, 20,
      	-100, -200, 0, 3) scale(0.5) rotate(10deg);
      	 -moz-transform: matrix3d(2.885264, -1.5, 0, 0.003557,
      	0.638907, 3.626226, -1, 0.009141,
      	0.5, 0, 1, 20,
      	-100, -200, 0, 3) scale(0.5) rotate(10deg);
      		transform: matrix3d(2.885264, -1.5, 0, 0.003557,
      	0.638907, 3.626226, -1, 0.009141,
      	0.5, 0, 1, 20,
      	-100, -200, 0, 3) scale(0.5) rotate(10deg);
  }
  
  div.hand {
      color: rgba(var(--swatch-primary), 0);
      position: absolute;
      left: 50%;
      top: 1em;
      font-size: 20rem;
      font-family: var(--title-font);
      -webkit-transform: matrix3d(3.885264, -2.5, 0, 0.007557,
      	0.638907, 3.626226, -1, 0.009141,
      	0.5, 0, 1, 20,
      	-400, -900, 0, 3) scale(0.5) rotate(-100deg);
      	 -moz-transform: matrix3d(3.885264, -2.5, 0, 0.007557,
      	0.638907, 3.626226, -1, 0.009141,
      	0.5, 0, 1, 20,
      	-400, -900, 0, 3) scale(0.5) rotate(-100deg);
      		transform: matrix3d(3.885264, -2.5, 0, 0.007557,
      	0.638907, 3.626226, -1, 0.009141,
      	0.5, 0, 1, 20,
      	-400, -900, 0, 3) scale(0.5) rotate(-100deg);
      background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.2' baseProfile='tiny' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 160.8 320' xml:space='preserve'%3E%3Cg%3E%3Cpath fill='%23841618' d='M0,282.1c3.7-1,7.3-1.6,10.8-1.8v-26.6c2.9-0.4,6.1-0.8,9.6-1.1c3.4-0.3,6.9-0.5,10.2-0.7 c-6.2-5.3-11.5-12.2-16-20.8c-4.5-8.6-6.7-18.2-6.7-29c0-4.3,0.3-8.2,0.8-11.9c0.5-3.7,1.4-7.4,2.8-11.2c-3.4-4.7-5.9-9.7-7.5-15.1 c-1.6-5.4-2.4-10.8-2.4-16.2c0-3.8,0.4-7.7,1.3-11.7c0.9-4,2.3-7.6,4.2-10.9c1.9-3.3,4.4-6,7.6-8c3.2-2.1,6.9-3.1,11.3-3.1 c2.8,0,5.4,0.6,7.7,1.8c5-7.2,11.2-10.8,18.7-10.8c2.5,0,4.5,0.3,6.2,0.9c1.6,0.6,3.2,1.3,4.6,2.2c2.3-2.5,4.9-4.4,7.6-5.7 c2.7-1.3,5.8-2,9.4-2c3.8,0,7.2,0.9,10.1,2.6c2.9,1.8,5.4,3.8,7.5,6.2c-0.6-5-0.9-11.1-1-18.3c-0.1-7.2-0.1-13.9-0.1-20.3 c-0.4-3.2-0.8-6.6-1.1-10.1c-0.3-3.5-0.4-7.5-0.4-11.9c0-5.7,0.4-11.5,1.2-17.3c0.8-5.8,2.3-11,4.6-15.6c2.3-4.6,5.4-8.4,9.2-11.3 c3.9-2.9,8.9-4.4,15.1-4.4c3.4,0,7.1,0.7,11.1,2.2c4,1.5,7.9,4,11.6,7.7c-1,7.9-1.8,16.6-2.4,26c-0.6,9.4-1,19.7-1.3,30.9 c-0.3,11.2-0.5,23.4-0.6,36.6c-0.1,13.1-0.1,27.5-0.1,43.1c5.3,4.8,9.5,10.5,12.6,17c3.1,6.5,4.6,14,4.6,22.7 c0,13.8-2.9,26.4-8.8,37.7c-5.9,11.3-13.6,20.7-23.1,28.2c2.9,0.3,5.9,0.6,9,0.9c3.1,0.3,6.1,0.6,9,0.9v26.6 c3.4,0.3,6.6,0.9,9.7,1.8V320H1.5L0,282.1z M34.4,178.6c1,0,2.1-0.2,3.2-0.6c1.1-0.4,2-1.1,2.8-2.1c-4.3-4.3-7.6-9.8-10-16.5 c-2.4-6.8-3.6-13.4-3.6-20c0-2.1,0.1-4.1,0.4-6.2c0.3-2.1,0.7-3.9,1.1-5.5c-1.2-0.3-2.1-0.4-2.9-0.4c-1.9,0-3.5,0.6-4.8,1.8 c-1.3,1.2-2.4,2.7-3.1,4.5c-0.7,1.8-1.3,4-1.7,6.4c-0.4,2.4-0.6,4.8-0.6,7.2c0,4.3,0.5,8.3,1.5,12.1c1,3.8,2.4,7.2,4.2,10 c1.8,2.9,3.8,5.1,6.1,6.8C29.3,177.8,31.7,178.6,34.4,178.6z M68.1,253.3c2.8,0,5.5-0.2,8.1-0.7c1.8,0.3,3.5,0.5,5.3,0.7 c1.8,0.1,3.5,0.2,5.3,0.2c8.7,0,16.7-1.9,24-5.6c7.3-3.7,13.7-8.7,18.9-15c5.3-6.2,9.4-13.4,12.4-21.6c3-8.1,4.5-16.7,4.5-25.7 c0-7.5-1.4-13.8-4.1-19.1c-2.7-5.2-6.2-9.8-10.5-13.8c-4.3-4-8.9-7.6-14-10.9c-5.1-3.3-10-6.9-14.9-10.7c-4.7,1.2-7,4.6-7,10.4 c0,3.8,0.8,7.4,2.5,10.7c1.7,3.3,3.9,6.3,6.6,9c2.7,2.7,5.8,5.1,9.1,7c3.4,2,6.8,3.6,10.1,4.7l-3.1,9.7c-3.1-0.7-6-1.6-8.7-2.6 c-2.7-1-5.3-2.2-7.8-3.5c-7.8,3.8-14.1,9.7-19.1,17.7c-4.9,8-7.4,17.4-7.4,28.3c0,2.9,0.1,6,0.4,9.1c0.3,3.2,0.8,6.4,1.5,9.6H70.5 c-0.7-2.9-1.3-6.1-1.7-9.4c-0.4-3.3-0.6-6.5-0.6-9.6c0-8.2,1.3-15.7,4-22.6c2.6-6.8,6.5-13.2,11.7-19.3c-1.5,0-3.1-0.1-4.8-0.3 c-1.8-0.2-3.2-0.7-4.4-1.4c-2.4,1.9-4.7,3.3-6.9,4.2c-2.3,0.9-4.9,1.3-7.8,1.3c-3.1,0-5.9-0.4-8.4-1.1c-2.8,2.8-5.7,4.8-8.7,6.1 c-3,1.2-6,1.9-8.9,1.9c-4.3,0-8.3-1.2-12.1-3.5c-0.6,1.9-0.9,3.9-1,5.9c-0.1,2.1-0.1,4.1-0.1,6.2c0,6.8,1.1,13.3,3.4,19.7 c2.3,6.4,5.5,12.1,9.6,17.1c4.1,5,9.1,9,14.9,12.1C54.4,251.7,60.9,253.3,68.1,253.3z M23.1,284.5c16.3,2.2,33.8,3.3,52.4,3.3 c20,0,39.6-1.1,59-3.3v-22.9c-9.5,0.9-19.3,1.7-29.4,2.3c-10.1,0.7-19.9,1-29.6,1c-9.7,0-19.1-0.3-28.2-1 c-9.1-0.7-17.2-1.4-24.2-2.3V284.5z M55.5,135c0-2.5,0.2-5.1,0.6-7.9c0.4-2.8,0.9-5.3,1.7-7.5c-0.7-0.4-1.5-0.8-2.4-1.2 c-0.9-0.4-1.9-0.6-3.1-0.6c-4.3,0-7.3,1.9-9.2,5.8c-1.9,3.9-2.9,8.9-2.9,15.1c0,3.7,0.5,7.5,1.5,11.5c1,4,2.4,7.6,4.1,10.9 c1.7,3.3,3.6,6,5.8,8.1c2.2,2.1,4.5,3.2,7,3.2c2.9,0,5.1-0.7,6.6-2.2c-3.8-6-6.4-12.1-7.7-18.3C56.2,145.8,55.5,140.1,55.5,135z M83.2,142.1c0-4.7,1-8.8,3-12.4c2-3.6,4.7-6.2,8-7.8c-2.2-3.4-4.5-5.7-6.8-7c-2.4-1.3-4.8-2-7.3-2c-2.2,0-4,0.7-5.4,2.1 c-1.4,1.4-2.5,3.2-3.2,5.4c-0.7,2.2-1.2,4.6-1.5,7.3c-0.3,2.6-0.4,5.1-0.4,7.5c0,4.4,0.4,8.6,1.2,12.7c0.8,4,1.9,7.6,3.4,10.7 c1.5,3.1,3.2,5.6,5.2,7.5c2,1.9,4.1,2.9,6.3,2.9c2.5,0,4.5-0.9,6.2-2.6c-3.2-4.1-5.5-8-6.7-11.7C83.9,150.7,83.2,146.6,83.2,142.1z M110.8,121.3c5.1,4.8,11.5,9.5,19.2,14.1c0-12.8,0-25.1,0.1-36.9c0.1-11.8,0.2-22.8,0.4-33c0.2-10.2,0.6-19.5,1.2-27.7 c0.6-8.3,1.3-15.4,2.2-21.3c-0.9-0.7-2.1-1.5-3.7-2.3c-1.6-0.8-3.3-1.2-5.1-1.2c-3.2,0-5.9,1-7.9,3.1c-2.1,2.1-3.7,4.7-5,8 c-1.2,3.3-2.1,7-2.5,11.2c-0.4,4.2-0.7,8.5-0.7,12.9c0,4.1,0.1,8.1,0.4,12c0.3,3.9,0.6,7.5,0.9,10.7L110.8,121.3z'/%3E%3C/g%3E%3C/svg%3E%0A");
      background-repeat: no-repeat;
      background-position: center center;
      -webkit-background-size: contain;
      	 -moz-background-size: contain;
      	 -o-background-size: contain;
      		background-size: contain;
      opacity: 0.5;
  }
  
  div.block_box {
      position: absolute;
      left: 50%;
      top: 1em;
      width: 10rem;
      height: 10rem;
      display: -ms-grid;
      display: grid;
      		grid-template-areas:
      	"block1"
      	"block2"
      	"block3";
      -webkit-transform: matrix3d(1.955785, -1.279659, 0, 0.000341,
      	-0.082207, 0.857038, 0, -0.003172,
      	0, 0, 1, 0,
      	13, 29, 0, 0.5);
      	 -moz-transform: matrix3d(1.955785, -1.279659, 0, 0.000341,
      	-0.082207, 0.857038, 0, -0.003172,
      	0, 0, 1, 0,
      	13, 29, 0, 0.5);
      		transform: matrix3d(1.955785, -1.279659, 0, 0.000341,
      	-0.082207, 0.857038, 0, -0.003172,
      	0, 0, 1, 0,
      	13, 29, 0, 0.5);
      z-index: 0;
      opacity: 0.15;
  }
  
  div.block_box > div {
      background-color: rgb(var(--swatch-primary-darkest));
      position: relative;
      margin: 0.25rem;
  }
  
  div.hansarp_text {
      --wght: 900;
      width: 30rem;
      font-family: var(--body-font);
      font-weight: 900;
      letter-spacing: 0.2em;
      -webkit-transform: matrix3d(1.6375, -0.33025, 0, 0.000, 0.462988, 2.427957, 0, 0.00, 0, 0, 1, 0, 400, 400, 0, 2) translateX(-85%) translateY(-3rem) scale(1.15);
      	 -moz-transform: matrix3d(1.6375, -0.33025, 0, 0.000, 0.462988, 2.427957, 0, 0.00, 0, 0, 1, 0, 400, 400, 0, 2) translateX(-85%) translateY(-3rem) scale(1.15);
      		transform: matrix3d(1.6375, -0.33025, 0, 0.000, 0.462988, 2.427957, 0, 0.00, 0, 0, 1, 0, 400, 400, 0, 2) translateX(-85%) translateY(-3rem) scale(1.15);
      z-index: 1;
      position: absolute;
      left: 50%;
      top: 0;
  }
  
  div.hansarp_text p {
      padding: 0.25rem;
      line-height: 1;
      margin: 0.25rem;
  }
  
  div.hansarp_text p:first-of-type {
      text-indent: 2em;
      -webkit-transform: rotate(6deg) translateY(-1rem) translateX(2rem) scaleX(0.9) scaleY(1.5);
      	 -moz-transform: rotate(6deg) translateY(-1rem) translateX(2rem) scaleX(0.9) scaleY(1.5);
      	-ms-transform: rotate(6deg) translateY(-1rem) translateX(2rem) scaleX(0.9) scaleY(1.5);
      	 -o-transform: rotate(6deg) translateY(-1rem) translateX(2rem) scaleX(0.9) scaleY(1.5);
      		transform: rotate(6deg) translateY(-1rem) translateX(2rem) scaleX(0.9) scaleY(1.5);
      font-size: 1.15em;
  }
  
  div.hansarp_text p:nth-of-type(2) {
      text-indent: 5em;
      margin-top: -0.5rem;
  }
  
  div.hansarp_text p:nth-of-type(3) {
      text-indent: 1em;
      margin-top: -0.5rem;
      margin-left: 3em;
  }
  
  div.hansarp_text p:nth-of-type(4) {
      text-indent: 0em;
      margin-top: 0rem;
      margin-left: -7em;
  }
  
  div.hansarp_text p:nth-of-type(5) {
      text-indent: 0em;
      margin-top: -0.75rem;
      margin-left: -9em;
  }
  
  div.hansarp_text p:nth-of-type(6) {
      margin-top: 1rem;
  }
  
  div.hansarp_text p:nth-of-type(7),
  div.hansarp_text p:nth-of-type(8) {
      margin-top: -0.85rem;
  }
  
  div.hansarp_text p:nth-of-type(6),
  div.hansarp_text p:nth-of-type(7),
  div.hansarp_text p:nth-of-type(8) {
      text-indent: 5em;
      margin-left: -9em;
      font-family: var(--header-font);
      font-size: 1.5em;
      -webkit-transform: rotate(-5deg) translateY(-1rem) scale(1.1);
      	 -moz-transform: rotate(-5deg) translateY(-1rem) scale(1.1);
      	-ms-transform: rotate(-5deg) translateY(-1rem) scale(1.1);
      	 -o-transform: rotate(-5deg) translateY(-1rem) scale(1.1);
      		transform: rotate(-5deg) translateY(-1rem) scale(1.1);
  }
  
  div.hansarp_text p:nth-of-type(9),
  div.hansarp_text p:nth-of-type(10),
  div.hansarp_text p:nth-of-type(11) {
      --wght: 900;
      margin-left: 1em;
      margin-top: -0.5em;
      font-family: var(--mono-font);
      font-size: 0.85em;
      font-weight: 900;
      text-transform: lowercase;
  }
  
  div.hansarp_text p:nth-of-type(9),
  div.hansarp_text p:nth-of-type(10),
  div.hansarp_text p:nth-of-type(11),
  div.hansarp_text p:nth-of-type(9) *,
  div.hansarp_text p:nth-of-type(10) *,
  div.hansarp_text p:nth-of-type(11) * {
      font-variation-settings: 
      	"wght" var(--mono-wght), 
      	"slnt" var(--slnt), 
      	"CASL" var(--CASL), 
      	"CRSV" var(--CRSV), 
      	"MONO" var(--MONO);
  }
  
  div.hansarp_text p:nth-of-type(10) {
      margin-top: -0.5rem;
  }
  
  div.hansarp_text p:nth-of-type(11) {
      margin: 0.65rem 0 0 -1rem;
      font-size: 1.25rem;
      -webkit-transform: rotate(5deg);
      	 -moz-transform: rotate(5deg);
      	-ms-transform: rotate(5deg);
      	 -o-transform: rotate(5deg);
      		transform: rotate(5deg);
  }
  
  .hansarp_title {
      position: absolute;
      bottom: 0;
      left: 3rem;
      background-color: rgb(var(--swatch-primary-darkest));
      padding: 1rem;
      z-index: 0;
      color: rgb(var(--white-monochrome));
      font-family: var(--body-font);
      -webkit-transform: matrix3d(1, 0.11, 0, 0.000833,
      	0, 1, 0, 0,
      	0, 0, 1, 0,
      	-220, 85, 0, 1) scale(0.35);
      	 -moz-transform: matrix3d(1, 0.11, 0, 0.000833,
      	0, 1, 0, 0,
      	0, 0, 1, 0,
      	-220, 85, 0, 1) scale(0.35);
      		transform: matrix3d(1, 0.11, 0, 0.000833,
      	0, 1, 0, 0,
      	0, 0, 1, 0,
      	-220, 85, 0, 1) scale(0.35);
      font-size: 3em;
      line-height: 1;
  }
  
  .top_title {
      font-variant: all-petite-caps;
  }
  
  .bottom_title > span {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      height: 1em;
      width: auto;
      font-size: 0.75em;
      -webkit-box-align: center;
      -webkit-align-items: center;
      	 -moz-box-align: center;
      	-ms-flex-align: center;
      		align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      	 -moz-box-pack: center;
      	-ms-flex-pack: center;
      		justify-content: center;
      -webkit-align-content: center;
      	-ms-flex-line-pack: center;
      		align-content: center;
      margin-top: 1em;
  }
  
  .bottom_title {
      --wght: 900;
      margin-top: 0.5em;
      font-weight: 900;
  }
  
  @media only screen and (max-width: 768px) {
      .page-title {
      	font-size: 2em;
      }
  
      table.wiki-content-table tr {
      	-webkit-flex-wrap: wrap;
      		-ms-flex-wrap: wrap;
      			flex-wrap: wrap;
      }
  
      table.wiki-content-table tr > td {
      	min-width: 100%;
      	font-size: 1rem;
      	padding: 0.5rem;
      }
      .survey-container + div.collapsible-block > div.collapsible-block-unfolded > div.collapsible-block-unfolded-link > a.collapsible-block-link {
      	top: 7rem;
      }
      div.hansarp_doc {
      	width: 84vw;
      	max-height: 84vw;
      }
      .hansarp_title {
      	bottom: -1rem;
      	left: 8.25rem;
      }
  }
  
  @media only screen and (max-width: 655px) and (min-width: 516px) {
      div.hansarp_text {
      	-webkit-transform: matrix3d(1.6375, -0.33025, 0, 0.000, 0.462988, 2.427957, 0, 0.00, 0, 0, 1, 0, 400, 200, 0, 2) translateX(-85%) translateY(-3rem) scale(1);
      		 -moz-transform: matrix3d(1.6375, -0.33025, 0, 0.000, 0.462988, 2.427957, 0, 0.00, 0, 0, 1, 0, 400, 200, 0, 2) translateX(-85%) translateY(-3rem) scale(1);
      			transform: matrix3d(1.6375, -0.33025, 0, 0.000, 0.462988, 2.427957, 0, 0.00, 0, 0, 1, 0, 400, 200, 0, 2) translateX(-85%) translateY(-3rem) scale(1);
      }
  }
  
  @media only screen and (max-width: 615px) and (min-width: 421px) {
      div.hansarp_text {
      	-webkit-transform: matrix3d(1.6375, -0.33025, 0, 0.000, 0.462988, 2.427957, 0, 0.00, 0, 0, 1, 0, 400, 200, 0, 2) translateX(-100%) translateY(-5rem) scale(0.9);
      		 -moz-transform: matrix3d(1.6375, -0.33025, 0, 0.000, 0.462988, 2.427957, 0, 0.00, 0, 0, 1, 0, 400, 200, 0, 2) translateX(-100%) translateY(-5rem) scale(0.9);
      			transform: matrix3d(1.6375, -0.33025, 0, 0.000, 0.462988, 2.427957, 0, 0.00, 0, 0, 1, 0, 400, 200, 0, 2) translateX(-100%) translateY(-5rem) scale(0.9);
      }
  }
  
  @media only screen and (max-width: 420px) and (min-width: 401px) {
      div.hansarp_text {
      	-webkit-transform: matrix3d(1.6375, -0.33025, 0, 0.000, 0.462988, 2.427957, 0, 0.00, 0, 0, 1, 0, 400, 200, 0, 2) translateX(-105%) translateY(-5rem) scale(0.8);
      		 -moz-transform: matrix3d(1.6375, -0.33025, 0, 0.000, 0.462988, 2.427957, 0, 0.00, 0, 0, 1, 0, 400, 200, 0, 2) translateX(-105%) translateY(-5rem) scale(0.8);
      			transform: matrix3d(1.6375, -0.33025, 0, 0.000, 0.462988, 2.427957, 0, 0.00, 0, 0, 1, 0, 400, 200, 0, 2) translateX(-105%) translateY(-5rem) scale(0.8);
      }
  }
  
  @media only screen and (max-width: 400px) {
      div.hansarp_doc {
      	-webkit-transform: translateX(-5%);
      		 -moz-transform: translateX(-5%);
      		-ms-transform: translateX(-5%);
      		 -o-transform: translateX(-5%);
      			transform: translateX(-5%);
      	max-width: 99vw !important;
      	width: -webkit-calc(100vw - 11.5em);
      	width: -moz-calc(100vw - 11.5em);
      	width: calc(100vw - 11.5em);
      	height: -webkit-calc(100vw - 8em);
      	height: -moz-calc(100vw - 8em);
      	height: calc(100vw - 8em);
      	overflow: hidden !important;
      	position: relative;
      	max-height: 84vw;
      	padding: 4rem;
      	margin-left: 0.5rem;
      	margin-top: 1rem;
      	border: 0.25rem double rgb(var(--white-monochrome));
      }
  
      .hansarp_title {
      	padding: 1rem 0.5rem 1rem 1rem;
      	font-family: var(--body-font);
      	-webkit-transform: matrix3d(1, 0.11, 1, 0.000833, 0, 1, 0, 0, 0, 0, 1, 0, -75, 85, 0, 1) scale(0.3);
      		 -moz-transform: matrix3d(1, 0.11, 1, 0.000833, 0, 1, 0, 0, 0, 0, 1, 0, -75, 85, 0, 1) scale(0.3);
      			transform: matrix3d(1, 0.11, 1, 0.000833, 0, 1, 0, 0, 0, 0, 1, 0, -75, 85, 0, 1) scale(0.3);
      	font-size: 2rem;
      	margin-right: 3rem;
      }
  
      div.hansarp_text {
      	-webkit-transform: matrix3d(1.6375, -0.33025, 0, 0.000, 0.462988, 2.427957, 0, 0.00, 0, 0, 1, 0, 400, 200, 0, 2) translateX(-115%) translateY(-8rem) scale(0.7);
      		 -moz-transform: matrix3d(1.6375, -0.33025, 0, 0.000, 0.462988, 2.427957, 0, 0.00, 0, 0, 1, 0, 400, 200, 0, 2) translateX(-115%) translateY(-8rem) scale(0.7);
      			transform: matrix3d(1.6375, -0.33025, 0, 0.000, 0.462988, 2.427957, 0, 0.00, 0, 0, 1, 0, 400, 200, 0, 2) translateX(-115%) translateY(-8rem) scale(0.7);
      }
  
      div.hansarp_text p:nth-of-type(1) {
      	margin-left: -5rem;
      }
  
      div.hansarp_text p:nth-of-type(6),
      div.hansarp_text p:nth-of-type(7),
      div.hansarp_text p:nth-of-type(8) {
      	margin-right: -2rem;
      }
  
      div.hansarp_text p:nth-of-type(9),
      div.hansarp_text p:nth-of-type(10),
      div.hansarp_text p:nth-of-type(11) {
      	margin-left: -4rem;
      	margin-right: 0;
      	margin-top: -1rem;
      }
  
      div.hansarp_text p:nth-of-type(11) {
      	font-size: 1em;
      	margin-top: 0.75em;
      }
  
      div.hansarp_1 {
      	-webkit-transform: matrix3d(1.885264, -1, 0, -0.002557, 0.638907, 2.626226, 0, 0.006141, 1, 0, 1, 20, -250, -20, 0, 2) scale(0.25) rotate(20deg);
      		 -moz-transform: matrix3d(1.885264, -1, 0, -0.002557, 0.638907, 2.626226, 0, 0.006141, 1, 0, 1, 20, -250, -20, 0, 2) scale(0.25) rotate(20deg);
      			transform: matrix3d(1.885264, -1, 0, -0.002557, 0.638907, 2.626226, 0, 0.006141, 1, 0, 1, 20, -250, -20, 0, 2) scale(0.25) rotate(20deg);
      }
  
      div.hansarp_2 {
      	-webkit-transform: matrix3d(2.885264, -1.5, 0, 0.003557, 0.638907, 3.626226, -1, 0.009141, 0.5, 0, 1, 20, -250, -300, 0, 3) scale(0.25) rotate(10deg);
      		 -moz-transform: matrix3d(2.885264, -1.5, 0, 0.003557, 0.638907, 3.626226, -1, 0.009141, 0.5, 0, 1, 20, -250, -300, 0, 3) scale(0.25) rotate(10deg);
      			transform: matrix3d(2.885264, -1.5, 0, 0.003557, 0.638907, 3.626226, -1, 0.009141, 0.5, 0, 1, 20, -250, -300, 0, 3) scale(0.25) rotate(10deg)
      }
  
      div.hand {
      	-webkit-transform: matrix3d(3.885264, -2.5, 0, 0.007557, 0.638907, 3.626226, -1, 0.009141, 0.5, 0, 1, 20, -200, -900, 0, 3) scale(0.25) rotate(-100deg);
      		 -moz-transform: matrix3d(3.885264, -2.5, 0, 0.007557, 0.638907, 3.626226, -1, 0.009141, 0.5, 0, 1, 20, -200, -900, 0, 3) scale(0.25) rotate(-100deg);
      			transform: matrix3d(3.885264, -2.5, 0, 0.007557, 0.638907, 3.626226, -1, 0.009141, 0.5, 0, 1, 20, -200, -900, 0, 3) scale(0.25) rotate(-100deg);
      }
  }
  

  Pages using this styling

  • fragment:scp-4485-3 [info]

  ¶ 1 occurrence
  

  @import url("https://use.typekit.net/put0nby.css");
  
  .warning-container iframe {
      min-height: 9.375rem;
  }
  
  .page-title {
      --wght: 900;
      margin-top: 1rem;
      min-height: 4rem;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      width: -webkit-calc(100% - 1em - 0.5rem);
      width: -moz-calc(100% - 1em - 0.5rem);
      width: calc(100% - 1em - 0.5rem);
      -webkit-box-align: center;
      -webkit-align-items: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -moz-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      border: initial;
      font-size: 3em;
      line-height: 1;
      text-align: center;
      color: rgb(var(--white-monochrome));
      background-color: rgb(var(--swatch-primary));
      padding: 0.5em;
      border: 0.25rem solid rgb(var(--white-monochrome));
      position: relative;
      z-index: 1;
      font-family: var(--title-font);
      font-weight: 900;
  }
  
  .page-title::before {
      content: " ";
      pointer-events: none;
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      background-image: url(https://nu-scptheme.github.io/Black-Highlighter/img/logo.svg);
      background-repeat: no-repeat;
      background-position: center center;
      -webkit-background-size: 100% 100%;
      -moz-background-size: 100%;
      -o-background-size: 100%;
      background-size: 100%;
      background-color: rgb(var(--swatch-primary));
      z-index: -1;
      opacity: 0.25;
  }
  
  .warning-container,
  .warning-container * {
      -webkit-box-sizing: border-box;
         -moz-box-sizing: border-box;
      		box-sizing: border-box;
  }
  
  .warning-container {
      --wght: 900;
      width: 90%;
      margin: 0 auto;
      background-color: rgb(var(--dark-gray-monochrome));
      color: rgb(var(--swatch-text-light));
      font-weight: 900;
      border: 0.5em solid rgb(var(--swatch-primary-darkest));
  }
  
  .warning-container .warning-top {
      font-size: 200%;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -moz-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      padding: 1rem;
      font-family: var(--title-font);
      background-color: rgb(var(--swatch-primary));
      background-image: url("https://scp-wiki.wikidot.com/local--files/theme:the-foundation-theme/foundation-circles-bg.png");
      -webkit-background-size: 50% 50%;
      -moz-background-size: 50%;
      -o-background-size: 50%;
      background-size: 50%;
      background-attachment: fixed;
      background-position: 50% 50%;
  }
  
  .warning-container .warning-body {
      --wght: 300;
      font-weight: 300;
      padding: 1rem;
      margin: 1rem;
      line-height: 1.5;
      font-size: 115%;
      font-family: var(--mono-font);
      background-color: rgb(var(--swatch-primary-darkest),0.25);
  }
  
  .warning-container .warning-body,
  .warning-container .warning-body * {
      font-variation-settings: 
      	"wght" var(--mono-wght), 
      	"slnt" var(--slnt), 
      	"CASL" var(--CASL), 
      	"CRSV" var(--CRSV), 
      	"MONO" var(--MONO);
  }
  
  .collapsible-block {
      width: 100%;
  }
  
  .collapsible-block-folded > a,
  .collapsible-block-unfolded-link > a {
      --wght: 900;
      display: -webkit-inline-box;
      display: -webkit-inline-flex;
      display: -moz-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex;
      width: 100%;
      height: 100%;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -moz-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      color: rgb(var(--white-monochrome));
      font-weight: 900;
      font-size: 1.25em;
      background: rgb(var(--gray-monochrome));
      -webkit-border-bottom-left-radius: 0.5em;
      -moz-border-radius-bottomleft: 0.5em;
      border-bottom-left-radius: 0.5em;
      -webkit-border-bottom-right-radius: 0.5em;
      -moz-border-radius-bottomright: 0.5em;
      border-bottom-right-radius: 0.5em;
  }
  
  table.wiki-content-table {
      width: 100%;
      font-size: 1.5em;
      text-align: center;
      margin: 0 auto;
  }
  
  table.wiki-content-table,
  table.wiki-content-table * {
      border-color: rgb(var(--black-monochrome)) !important;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
  }
  
  table.wiki-content-table tr:last-of-type {
      --wght: 700;
      width: 100%;
      display: -webkit-inline-box;
      display: -webkit-inline-flex;
      display: -moz-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex;
      -webkit-box-align: stretch;
      -webkit-align-items: stretch;
      -moz-box-align: stretch;
      -ms-flex-align: stretch;
      align-items: stretch;
      margin: 0;
      font-weight: 700;
  }
  
  table.wiki-content-table td {
      display: -webkit-inline-box;
      display: -webkit-inline-flex;
      display: -moz-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex;
      -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -moz-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      margin: 0;
      -webkit-box-flex: 2;
      -webkit-flex-grow: 2;
      -moz-box-flex: 2;
      -ms-flex-positive: 2;
      flex-grow: 2;
      -webkit-flex-basis: 50%;
      -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
      background-color: rgb(var(--swatch-primary-darkest));
      color: rgb(var(--white-monochrome));
      text-transform: uppercase;
      line-height: 1;
      text-align: center;
  }
  
  table.wiki-content-table td * {
      width: 100%;
  }
  
  table.wiki-content-table td span:nth-of-type(even) {
      font-family: var(--mono-font);
      font-size: 0.75em;
  }
  
  table.wiki-content-table td span:nth-of-type(even),
  table.wiki-content-table td span:nth-of-type(even) * {
      font-variation-settings: 
      	"wght" var(--mono-wght), 
      	"slnt" var(--slnt), 
      	"CASL" var(--CASL), 
      	"CRSV" var(--CRSV), 
      	"MONO" var(--MONO);
  }
  
  /* Doc 3 GoI Entry */
  
  div.database_container,
  div.database_container * {
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
  }
  
  
  div.database_container {
      width: 100%;
      background-color: rgb(var(--swatch-primary-darkest));
      color: rgb(var(--white-monochrome));
      position: relative;
  }
  
  div.database_main {
      background-color: rgb(var(--black-monochrome), 0.5);
      margin: 1rem;
      padding: 1rem;
      display: -ms-grid;
      display: grid;
      	grid-template-areas:
      	"title"
      	"top"
      	"main";
      -ms-grid-columns: 100%;
      grid-template-columns: 100%;
      position: relative;
      left: 0;
      overflow-wrap: break-word;
      word-wrap: break-word;
      -webkit-hyphens: auto;
      -ms-hyphens: auto;
      -moz-hyphens: auto;
      hyphens: auto;
  }
  
  div.database_main .cell[data-label] {
      padding: 2.55em 0.5em 0.5em 0.5em;
      border: 0.0625rem #CCCCCC solid;
      border: 0.0625rem rgb(var(--swatch-border-color)) solid;
      position: relative;
  }
  
  div.database_main .cell[data-label]::before {
      --wght: 900;
      content: attr(data-label) "\A";
      -webkit-hyphens: none;
      -moz-hyphens: none;
      -ms-hyphens: none;
      hyphens: none;
      /* label + newline */
      white-space: normal;
      /* makes newline work */
      font-family: var(--mono-font);
      font-variation-settings: 
      	"wght" var(--mono-wght), 
      	"slnt" var(--slnt), 
      	"CASL" var(--CASL), 
      	"CRSV" var(--CRSV), 
      	"MONO" var(--MONO);
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: start;
      -webkit-justify-content: flex-start;
      -moz-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start;
      font-size: 1em;
      text-transform: uppercase;
      width: -webkit-calc(100% - 0.7em);
      width: -moz-calc(100% - 0.7em);
      width: calc(100% - 0.7em);
      position: absolute;
      margin-bottom: 1em;
      top: 0;
      left: 0;
      background: #aaa;
      background: rgb(var(--swatch-primary-darkest));
      color: #fcfcfc;
      color: rgb(var(--swatch-menutxt-light-color));
      padding-left: 0.7em;
      padding-top: 0.35em;
      padding-bottom: 0.3em;
      font-weight: 900;
  }
  
  div.database_main > .database_title {
      --wght: 900;
      -ms-grid-row: 1;
      -ms-grid-column: 1;
      grid-area: title;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      font-size: 2em;
      font-weight: 900;
      text-align: center;
      width: 100%;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -moz-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      font-family: var(--header-font);
      letter-spacing: 0.025em;
      background: rgb(var(--swatch-primary-darkest));
      -webkit-border-top-right-radius: 0.5rem;
      -moz-border-radius-topright: 0.5rem;
      border-top-right-radius: 0.5rem;
      -webkit-border-top-left-radius: 0.5rem;
      -moz-border-radius-topleft: 0.5rem;
      border-top-left-radius: 0.5rem;
      color: rgb(var(--white-monochrome));
      border-bottom: 0.5rem double;
      margin-top: 0.5rem;
  }
  
  div.database_main > .database_table.top {
      -ms-grid-row: 2;
      -ms-grid-column: 1;
      grid-area: top;
      display: -ms-grid;
      display: grid;
      	grid-template-areas:
      	"group-name group-name"
      	"aliases logotype"
      	"leadership logotype";
      -ms-grid-columns: -webkit-calc(100% / 3) -webkit-calc((100% / 3) * 2);
      -ms-grid-columns: -moz-calc(100% / 3) -moz-calc((100% / 3) * 2);
      -ms-grid-columns: calc(100% / 3) calc((100% / 3) * 2);
      grid-template-columns: -webkit-calc(100% / 3) -webkit-calc((100% / 3) * 2);
      grid-template-columns: -moz-calc(100% / 3) -moz-calc((100% / 3) * 2);
      grid-template-columns: calc(100% / 3) calc((100% / 3) * 2);
      padding: 1rem;
      background-color: rgba(var(--black-monochrome));
  }
  
  
  div.database_main > .database_table.top > .cell:nth-of-type(1) {
      --wght: 900;
      -ms-grid-row: 1;
      -ms-grid-column: 1;
      -ms-grid-column-span: 2;
      grid-area: group-name;
      -ms-grid-column: 1;
      -ms-grid-column-span: 2;
      grid-column: 1 / span 2;
      font-size: 2rem;
      text-align: center;
      padding: 2.3rem 0.5rem 0.5rem 0.5rem;
      font-weight: 900;
  }
  
  div.database_main > .database_table.top > .cell:nth-of-type(1)::before {
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -moz-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      font-size: 1rem;
      padding: 0.35rem 0.7rem 0.3rem;
      width: -webkit-calc(100% - 1.4rem);
      width: -moz-calc(100% - 1.4rem);
      width: calc(100% - 1.4rem);
  }
  
  div.database_main > .database_table.top > .cell:nth-of-type(2) {
      -ms-grid-row: 2;
      -ms-grid-column: 1;
      grid-area: aliases;
      -ms-grid-column: 1;
      -ms-grid-column-span: 1;
      grid-column: 1 / span 1;
  }
  
  div.database_main > .database_table.top > .cell:nth-of-type(3) {
      -ms-grid-row: 3;
      -ms-grid-column: 1;
      grid-area: leadership;
      -ms-grid-column: 1;
      -ms-grid-column-span: 1;
      grid-column: 1 / span 1;
  }
  
  div.database_main > .database_table.top > .hansarp_logo {
      -ms-grid-row: 2;
      -ms-grid-row-span: 2;
      -ms-grid-column: 2;
      height: 3rem;
      grid-area: logotype;
      display: -ms-grid;
      display: grid;
      	grid-template-areas:
      	"image caption"
      	"image caption";
      -ms-grid-column: 2;
      grid-column: 2;
      height: 100%;
      width: auto;
      margin-left: 2rem;
  }
  
  div.database_main > .database_table.top > .hansarp_logo > .cell:first-of-type {
      -ms-grid-row: 1;
      -ms-grid-row-span: 2;
      -ms-grid-column: 1;
      grid-area: image;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      position: relative;
      width: 9rem;
      height: 9rem;
      justify-self: end;
      border: 0.5rem double rgba(var(--white-monochrome));
  }
  
  div.database_main > .database_table.top > .hansarp_logo > .cell:first-of-type > img {
      background-color: rgba(var(--white-monochrome), 0.85);
      padding: 0.5em;
  }
  
  div.database_main > .database_table.top > .hansarp_logo > .cell:last-of-type {
      --wght: 900;
      -ms-grid-row: 1;
      -ms-grid-row-span: 2;
      -ms-grid-column: 2;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      grid-area: caption;
      height: 5rem;
      justify-self: start;
      -webkit-align-self: center;
      -ms-flex-item-align: center;
      align-self: center;
      padding: 1em 1em 1em 4em;
      margin-left: -3em;
      background-color: rgb(var(--swatch-primary-darkest));
      font-family: var(--mono-font);
      font-size: 1rem;
      font-weight: 900;
      hyphens: none;
  }
  
  div.database_main > .database_table.top > .hansarp_logo > .cell:last-of-type,
  div.database_main > .database_table.top > .hansarp_logo > .cell:last-of-type * {
      font-variation-settings: 
      	"wght" var(--mono-wght), 
      	"slnt" var(--slnt), 
      	"CASL" var(--CASL), 
      	"CRSV" var(--CRSV), 
      	"MONO" var(--MONO);
  }
  
  div.database_main > .database_table.main {
      -ms-grid-row: 3;
      -ms-grid-column: 1;
      grid-area: main;
      display: -ms-grid;
      display: grid;
  }
  
  div.database_main > .database_table.main > .locations {
      display: -ms-grid;
      display: grid;
      	grid-template-areas:
      	"primary addtl limited";
      -ms-grid-columns: 40% 40% 20%;
      grid-template-columns: 40% 40% 20%;
      margin-top: 1rem;
  }
  
  div.database_main > .database_table.main > .locations > .cell {
      position: relative;
  }
  
  div.database_main > .database_table.main > .locations > .cell::before {
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -moz-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      font-size: 1rem;
      padding: 0.35rem 0.7rem 0.3rem;
      width: -webkit-calc(100% - 1.4rem);
      width: -moz-calc(100% - 1.4rem);
      width: calc(100% - 1.4rem);
      text-align: center;
  }
  
  div.database_main > .database_table.main > .locations > .cell:nth-of-type(1) {
      -ms-grid-row: 1;
      -ms-grid-column: 1;
      grid-area: primary;
  }
  
  div.database_main > .database_table.main > .locations > .cell:nth-of-type(2) {
      -ms-grid-row: 1;
      -ms-grid-column: 2;
      grid-area: addtl;
  }
  
  div.database_main > .database_table.main > .locations > .cell:nth-of-type(3) {
      -ms-grid-row: 1;
      -ms-grid-column: 3;
      grid-area: limited;
  }
  
  div.database_main > .database_table.main > .locations > .cell > ul {
      list-style: none;
      list-style-position: outside;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      position: relative;
      margin: 1.5rem 0 0 0;
      padding: 0;
  }
  
  div.database_main > .database_table.main > .locations > .cell > ul > li {
      width: 100%;
      padding: 0.25rem 0 0.25rem 0.25rem;
  }
  
  div.database_main > .database_table.main > .locations > .cell > ul > li:not(:first-of-type) {
      border-top: 0.125rem dashed rgba(var(--swatch-primary))
  }
  
  div.database_main .main_content {
      margin-top: 1rem;
      background-color: rgba(var(--swatch-primary), 0.15);
  }
  
  div.database_main .main_content .cell::before {
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -moz-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      font-size: 1rem;
      padding: 0.35rem 0.7rem 0.3rem;
      width: -webkit-calc(100% - 1.4rem);
      width: -moz-calc(100% - 1.4rem);
      width: calc(100% - 1.4rem);
      text-align: center;
  }
  
  div.database_main .main_content .cell div {
      font-size: 1.1rem;
      line-height: 1.75;
      padding: 0 2em;
  }
  
  /* Doc 4 Artifacts */
  
  div.collapsible-block:nth-child(5) > div:nth-child(2) > div:nth-child(2) > p:nth-child(1) {
      margin: 0;
  }
  
  .responsive_table {
      background-color: rgba(var(--swatch-primary-darkest));
      padding: 1rem;
  }
  
  .responsive_table br {
      display: none;
  }
  
  .responsive_table .table_data,
  .responsive_table .table_header_data {
      vertical-align: top;
      text-align: left;
      margin: -0.0625rem 0 0 -0.0625rem;
      position: relative;
  }
  
  .responsive_table .table_row {
      display: -ms-grid;
      display: grid;
      	grid-template-areas:
      	"ID  Title Title Title "
      	"Date Subject Subject Subject "
      	"Location Subject Subject Subject "
      	"Current Current Current Current ";
      -ms-grid-columns: 25% 75%;
      grid-template-columns: 25% 75%;
      padding: 0.375em;
      border: 0.0625rem #CCCCCC solid;
      border: 0.0625rem rgb(var(--swatch-border-color)) solid;
      margin-bottom: 1.250em;
      position: relative;
      background-color: rgba(var(--black-monochrome),0.5);
  }
  
  .responsive_table .table_data {
      padding: 1.95em 0.5em 0.5em 0.5em;
      border: 0.0625rem #CCCCCC solid;
      border: 0.0625rem rgb(var(--swatch-border-color)) solid;
      position: relative;
      background-color: rgb(var(--white-monochrome));
  }
  
  .responsive_table .table_row div:nth-of-type(1) {
      -ms-grid-row: 1;
      -ms-grid-column: 1;
      grid-area: ID;
  }
  
  .responsive_table .table_row div:nth-of-type(4) {
      -ms-grid-row: 3;
      -ms-grid-column: 1;
      grid-area: Location;
  }
  
  .responsive_table .table_row div:nth-of-type(2) {
      -ms-grid-row: 2;
      -ms-grid-column: 1;
      grid-area: Date;
  }
  
  .responsive_table .table_row div:nth-of-type(3) {
      -ms-grid-row: 1;
      -ms-grid-column: 2;
      -ms-grid-column-span: 3;
      grid-area: Title;
  }
  
  .responsive_table .table_row div:nth-of-type(5) {
      -ms-grid-row: 2;
      -ms-grid-row-span: 2;
      -ms-grid-column: 2;
      -ms-grid-column-span: 3;
      grid-area: Subject;
  }
  
  .responsive_table .table_row div:nth-of-type(6) {
      -ms-grid-row: 4;
      -ms-grid-column: 1;
      -ms-grid-column-span: 4;
      grid-area: Current;
  }
  
  /* Add labels */
  .responsive_table .table_data::before {
      --wght: 700;
      content: attr(data-label) "\A";
      /* label + newline */
      white-space: pre;
      /* makes newline work */
      font-size: 0.750em;
      text-transform: uppercase;
      width: -webkit-calc(100% - 0.7em);
      width: -moz-calc(100% - 0.7em);
      width: calc(100% - 0.7em);
      height: 1.35em;
      position: absolute;
      margin-bottom: 1em;
      top: 0;
      left: 0;
      background: #aaa;
      background: rgb(var(--swatch-primary-darkest));
      color: #fcfcfc;
      color: rgb(var(--swatch-menutxt-light-color));
      padding-left: 0.7em;
      padding-top: 0.35em;
      padding-bottom: 0.7em;
      font-weight: 700;
  }
  
  
  /* Doc 5 Interview */
  
  :root {
      --jates-color: 34, 31, 71;
      --harmon-color: 142, 101, 61;
      --fitzwell-color: 31, 71, 56;
  }
  
  .interview-foreword {
      --wght: 600;
      margin: 1rem;
      font-size: 1.1rem;
      line-height: 1.25;
      padding: 0.5rem;
      background: rgba(var(--gray-monochrome), 0.15);
      font-weight: 600;
      font-family: var(--mono-font);
  }
  
  .interview-foreword,
  .interview-foreword * {
      font-variation-settings: 
      	"wght" var(--mono-wght), 
      	"slnt" var(--slnt), 
      	"CASL" var(--CASL), 
      	"CRSV" var(--CRSV), 
      	"MONO" var(--MONO);
  }
  
  .interview-container {
      background-color: rgba(var(--gray-monochrome), 0.5);
      padding: 1rem;
  }
  
  .interview-container > .on-call {
      background-color: rgb(var(--very-light-gray-monochrome), 1);
      padding: 1rem 0.5em 0em 0.5em;
      border: 0.0625rem #CCCCCC solid;
      border: 0.0625rem rgb(var(--swatch-border-color)) solid;
      position: relative;
  }
  
  .interview-container > .on-call::before {
      --wght: 900;
      content: " ";
      -webkit-hyphens: none;
      -moz-hyphens: none;
      -ms-hyphens: none;
      hyphens: none;
      /* label + newline */
      white-space: normal;
      /* makes newline work */
      font-family: var(--title-font);
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
         -moz-box-align: center;
      	-ms-flex-align: center;
      		align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
         -moz-box-pack: center;
      	-ms-flex-pack: center;
      		justify-content: center;
      font-size: 1em;
      text-transform: uppercase;
      width: 100%;
      position: absolute;
      margin-bottom: 1em;
      top: 0;
      left: 0;
      background: #aaa;
      background: rgb(var(--swatch-primary-darkest));
      color: #fcfcfc;
      color: rgb(var(--swatch-menutxt-light-color));
      padding-top: 0.35em;
      padding-bottom: 0.3em;
      font-weight: 900;
      font-size: 1.25em;
  }
  
  .interview-container > .on-call::before {
      content: "On-Call"
  }
  
  .interview-container > .on-call > ul {
      padding: 0.25rem;
      display: -ms-grid;
      display: grid;
      -ms-grid-columns: -webkit-calc(100% /3) -webkit-calc(100% /3) -webkit-calc(100% /3);
      -ms-grid-columns: -moz-calc(100% /3) -moz-calc(100% /3) -moz-calc(100% /3);
      -ms-grid-columns: calc(100% /3) calc(100% /3) calc(100% /3);
      grid-template-columns: -webkit-calc(100% /3) -webkit-calc(100% /3) -webkit-calc(100% /3);
      grid-template-columns: -moz-calc(100% /3) -moz-calc(100% /3) -moz-calc(100% /3);
      grid-template-columns: calc(100% /3) calc(100% /3) calc(100% /3);
      list-style: none;
  }
  
  .interview-container > .on-call > ul > li {
      	grid-template-areas:
      	"name"
      	"title";
      padding: 0 1em;
      text-align: center;
      position: relative;
  }
  
  .interview-container > .on-call > ul > li > span.doctor_name {
      --wght: 900;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      grid-area: "name";
      -webkit-box-pack: center;
      -webkit-justify-content: center;
         -moz-box-pack: center;
      	-ms-flex-pack: center;
      		justify-content: center;
      font-weight: 900;
      color: #fcfcfc;
      color: rgb(var(--swatch-menutxt-light-color));
      margin-top: 1em;
      padding: 0.5em 0;
      font-family: var(--title-font);
  }
  
  .interview-container > .on-call > ul > li:nth-of-type(1) > span.doctor_name {
      background-color: rgba(var(--jates-color));
  }
  
  .interview-container > .on-call > ul > li:nth-of-type(2) > span.doctor_name {
      background-color: rgba(var(--harmon-color));
  }
  
  .interview-container > .on-call > ul > li:nth-of-type(3) > span.doctor_name {
      background-color: rgba(var(--fitzwell-color));
  }
  
  .interview-container > .on-call > ul > li > span.doctor_title {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      grid-area: "title";
      -webkit-box-pack: center;
      -webkit-justify-content: center;
         -moz-box-pack: center;
      	-ms-flex-pack: center;
      		justify-content: center;
      line-height: 1.2;
      margin-top: 0.5em;
      font-size: 1.1em;
      font-family: var(--title-font);
  }
  
  .interview-container > .interview-main {
      background-color: rgb(var(--very-light-gray-monochrome), 1);
      padding: 1rem 0.5em 0em 0.5em;
      margin-top: 1rem;
      border: 0.0625rem #CCCCCC solid;
      border: 0.0625rem rgb(var(--swatch-border-color)) solid;
      position: relative;
  }
  
  .interview-container > .interview-main > br {
      display: none;
  }
  
  .interview-container > .interview-main > div {
      display: block;
      width: -webkit-calc(100% - 3rem);
      width: -moz-calc(100% - 3rem);
      width: calc(100% - 3rem);
      background-color: rgb(var(--very-light-gray-monochrome), 1);
      padding: 0.75rem 0.75rem 0.5rem;
      margin: 1.5rem 0.5rem 0.5rem 0.5rem;
      border: 0.25rem rgb(var(--swatch-border-color)) solid;
      position: relative;
      font-size: 1rem;
      line-height: 1.5;
      overflow-wrap: break-word;
      word-wrap: break-word;
      -webkit-hyphens: auto;
      -ms-hyphens: auto;
      -moz-hyphens: auto;
      hyphens: auto;
  }
  
  .interview-container > .interview-main > div > p:first-of-type {
      margin-top: 0;
  }
  
  .interview-container > .interview-main > div > p:last-of-type {
      margin-bottom: 0;
  }
  
  .interview-container > .interview-main > div::before {
      --wght: 600;
      content: " ";
      position: absolute;
      top: -1.25rem;
      left: -0.5rem;
      padding: 0.5em 0.5em;
      color: rgb(var(--white-monochrome));
      font-weight: 600;
      letter-spacing: 0.05em;
      text-indent: 0;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      line-height: 1;
      white-space: nowrap;
  }
  
  .interview-container > .interview-main > div.jates {
      background-color: rgba(var(--jates-color), 0.1);
      border-color: rgba(var(--jates-color));
  }
  
  .interview-container > .interview-main > div.harmon {
      background-color: rgba(var(--harmon-color), 0.1);
      border-color: rgba(var(--harmon-color));
  }
  
  .interview-container > .interview-main > div.fitzwell {
      background-color: rgba(var(--fitzwell-color), 0.1);
      border-color: rgba(var(--fitzwell-color));
  }
  
  .interview-container > .interview-main > div.jates::before {
      content: "Dr. Jates";
      background-color: rgba(var(--jates-color));
  }
  
  .interview-container > .interview-main > div.harmon::before {
      content: "Dr. Harmon";
      background-color: rgba(var(--harmon-color));
  }
  
  .interview-container > .interview-main > div.fitzwell::before {
      content: "Dr. Fitzwell";
      background-color: rgba(var(--fitzwell-color));
  }
  
  /* Footnotes */
  .footnote_block {
      --wght: 600;
      all: initial;
      display: -webkit-inline-box;
      display: -webkit-inline-flex;
      display: -moz-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex;
      font-family: var(--body-font);
      font-weight: 600;
      font-size: 0.8em;
      margin-left: 0;
      margin-right: -0.25em;
  }
  
  .footnote_block .footnote_content,
  .footnote_block .footnote_content * {
      --wght: 600;
      all: initial;
      display: block;
      position: absolute;
      right: -12rem;
      width: 8rem;
      line-height: 1.2;
      border: 0.125rem solid rgb(var(--black-monochrome));
      font-family: var(--body-font);
      font-weight: 600;
      padding: 1rem;
      text-shadow: initial;
      -webkit-filter: initial;
      filter: initial;
      color: rgb(var(--black-monochrome));
      -webkit-transition:
      	opacity 600ms cubic-bezier(0.4, 0.0, 0.2, 1),
      	-webkit-transform 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
      transition:
      	opacity 600ms cubic-bezier(0.4, 0.0, 0.2, 1),
      	-webkit-transform 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
      -o-transition:
      	opacity 600ms cubic-bezier(0.4, 0.0, 0.2, 1),
      	-o-transform 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
      -moz-transition:
      	opacity 600ms cubic-bezier(0.4, 0.0, 0.2, 1),
      	transform 300ms cubic-bezier(0.4, 0.0, 0.2, 1),
      	-moz-transform 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
      transition:
      	opacity 600ms cubic-bezier(0.4, 0.0, 0.2, 1),
      	transform 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
      transition:
      	opacity 600ms cubic-bezier(0.4, 0.0, 0.2, 1),
      	transform 300ms cubic-bezier(0.4, 0.0, 0.2, 1),
      	-webkit-transform 300ms cubic-bezier(0.4, 0.0, 0.2, 1),
      	-moz-transform 300ms cubic-bezier(0.4, 0.0, 0.2, 1),
      	-o-transform 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
      pointer-events: none
      z-index: 20;
  }
  
  .footnote_block .footnote_num {
      --wght: 900;
      text-shadow: initial;
      font-weight: 900;
      color: rgb(var(--white-monochrome));
      cursor: pointer;
      -webkit-box-shadow: initial;
      -moz-box-shadow: initial;
      box-shadow: initial;
      -webkit-filter: unset;
      filter: unset;
      -webkit-transform: unset;
      -moz-transform: unset;
      -ms-transform: unset;
      -o-transform: unset;
      transform: unset;
      border-bottom: 0.0625rem dotted;
      line-height: 2;
      background-color: rgb(var(--link-color));
      height: 1em;
      width: 1em;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -moz-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      z-index: 1;
  }
  
  .footnote_block .footnote_content::before {
      --wght: 900;
      content: " ";
      position: absolute;
      font-size: 1em;
      top: -0.5em;
      left: -0.5em;
      text-shadow: initial;
      font-weight: 900;
      color: rgb(var(--white-monochrome));
      cursor: pointer;
      -webkit-box-shadow: initial;
      -moz-box-shadow: initial;
      box-shadow: initial;
      -webkit-filter: unset;
      filter: unset;
      -webkit-transform: unset;
      -moz-transform: unset;
      -ms-transform: unset;
      -o-transform: unset;
      transform: unset;
      line-height: 2;
      background-color: rgb(var(--link-color));
      height: 1em;
      width: 1em;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -moz-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      padding: 0.25em
  }
  
  .footnote_block.seven .footnote_num + div {
      -webkit-transform: translateX(-25%);
      -moz-transform: translateX(-25%);
      -ms-transform: translateX(-25%);
      -o-transform: translateX(-25%);
      transform: translateX(-25%);
  }
  
  .footnote_block.seven .footnote_num:hover + div {
      -webkit-transform: translateX(1rem);
      -moz-transform: translateX(1rem);
      -ms-transform: translateX(1rem);
      -o-transform: translateX(1rem);
      transform: translateX(1rem);
  }
  
  .footnote_block.eight .footnote_num + div {
      -webkit-transform: translateX(-webkit-calc(275% + 1rem));
      -moz-transform: translateX(-moz-calc(275% + 1rem));
      -ms-transform: translateX(calc(275% + 1rem));
      -o-transform: translateX(calc(275% + 1rem));
      transform: translateX(calc(275% + 1rem));
  }
  
  .footnote_block.eight .footnote_num:hover + div {
      -webkit-transform: translateX(-webkit-calc(300% + 2rem));
      -moz-transform: translateX(-moz-calc(300% + 2rem));
      -ms-transform: translateX(calc(300% + 2rem));
      -o-transform: translateX(calc(300% + 2rem));
      transform: translateX(calc(300% + 2rem));
  }
  
  .footnote_block .footnote_num + div {
      opacity: 0;
  }
  
  .footnote_block .footnote_num:hover + div {
      opacity: 1;
  }
  
  
  .footnote_block.seven .footnote_content::before {
      content: "7";
  }
  
  .footnote_block.eight .footnote_content::before {
      content: "8";
  }
  
  @media only screen and (max-width: 1050px) {
  
      .main_container,
      .main_container * {
      	-webkit-transform: unset !important;
      	-moz-transform: unset !important;
      	-ms-transform: unset !important;
      	-o-transform: unset !important;
      	transform: unset !important;
      	-webkit-filter: unset;
      	filter: unset;
      }
  
      .footnote_block .footnote_content {
      	position: fixed;
      	bottom: 1em;
      	left: 12.5%;
      	background-color: rgba(var(--white-monochrome));
      	width: 75%;
      }
  }
  
  @media only screen and (max-width: 768px) {
      .page-title {
      	font-size: 2em;
      }
      
      table.wiki-content-table tr {
      	flex-wrap: wrap;
      }
  
      table.wiki-content-table tr > td {
      	min-width: 100%;
      	font-size: 1rem;
      	padding: 0.5rem;
      }
      
      div.database_main {
      	margin: 0.5rem;
      	padding: 0.5rem;
      }
  
      div.database_main > .database_table.top {
      	grid-template-areas:
      		"group-name group-name"
      		"aliases leadership"
      		"logotype logotype";
      	-ms-grid-columns: 50% 50%;
      	grid-template-columns: 50% 50%;
      }
  
  
      div.database_main > .database_table.top > .cell:nth-of-type(2) {
      	-ms-grid-column: 1;
      	-ms-grid-column-span: 1;
      	grid-column: 1 / span 1;
      }
  
      div.database_main > .database_table.top > .cell:nth-of-type(3) {
      	-ms-grid-column: 2;
      	-ms-grid-column-span: 1;
      	grid-column: 2 / span 1;
      }
  
      div.database_main > .database_table.top > .cell:nth-of-type(2)::before,
      div.database_main > .database_table.top > .cell:nth-of-type(3)::before {
      	-webkit-box-pack: center;
      	-webkit-justify-content: center;
      	-moz-box-pack: center;
      	-ms-flex-pack: center;
      	justify-content: center;
      	font-size: 0.7rem;
      	padding: 0.35rem 0.7rem 0.3rem;
      	width: -webkit-calc(100% - 1.4rem);
      	width: -moz-calc(100% - 1.4rem);
      	width: calc(100% - 1.4rem);
      	text-align: center;
      }
  
      div.database_main > .database_table.top > .hansarp_logo {
      	grid-template-areas:
      		"image"
      		"caption";
      	-ms-grid-column: 1;
      	grid-column: 1;
      	width: 100%;
      	height: auto;
      	margin: 0 auto;
      	-ms-grid-column-span: 2;
      	grid-column: 1 / span 2;
      }
  
      div.database_main > .database_table.top > .hansarp_logo > .cell:first-of-type {
      	width: initial;
      	height: 100%;
      	-ms-grid-column-align: center;
      	justify-self: center;
      }
  
      div.database_main > .database_table.top > .hansarp_logo > .cell:first-of-type > img {
      	background-color: rgba(var(--white-monochrome), 0.85);
      	padding: 0.5em;
      }
  
      div.database_main > .database_table.top > .hansarp_logo > .cell:last-of-type {
      	--wght: 900;
      	grid-area: caption;
      	height: auto;
      	-ms-grid-column-align: center;
      	justify-self: center;
      	-webkit-align-self: center;
      	-ms-flex-item-align: center;
      	-ms-grid-row-align: center;
      	align-self: center;
      	text-align: center;
      	padding: 0.5rem 1rem;
      	margin: 0;
      	background-color: rgb(var(--swatch-primary-darkest));
      	font-family: var(--mono-font);
      	font-size: 0.85rem;
      	font-weight: 900;
      }
  
      div.database_main > .database_table.top > .hansarp_logo > .cell:last-of-type,
      div.database_main > .database_table.top > .hansarp_logo > .cell:last-of-type * {
      	font-variation-settings: 
      		"wght" var(--mono-wght), 
      		"slnt" var(--slnt), 
      		"CASL" var(--CASL), 
      		"CRSV" var(--CRSV), 
      		"MONO" var(--MONO);
      }
  
      div.database_main > .database_table.main > .locations {
      	display: -ms-grid;
      	display: grid;
      	grid-template-areas:
      		"primary"
      		"addtl"
      		"limited";
      	-ms-grid-columns: 100%;
      	grid-template-columns: 100%;
      	margin-top: 1rem;
      }
  
      div.database_main > .database_table.main > .locations > .cell > ul {
      	display: -ms-grid;
      	display: grid;
      	-ms-grid-columns: 50% 50%;
      	grid-template-columns: 50% 50%;
      }
  
      div.database_main > .database_table.main > .locations > .cell > ul > li {
      	-ms-grid-column-span: 1;
      	grid-column: span 1;
      }
  
      div.database_main > .database_table.main > .locations > .cell:nth-of-type(3) > ul {
      	margin-top: 0;
      }
  
      div.database_main > .database_table.main > .locations > .cell:nth-of-type(1) > ul > li:nth-of-type(1),
      div.database_main > .database_table.main > .locations > .cell:nth-of-type(1) > ul > li:nth-of-type(6),
      div.database_main > .database_table.main > .locations > .cell:nth-of-type(2) > ul > li:nth-of-type(1),
      div.database_main > .database_table.main > .locations > .cell:nth-of-type(2) > ul > li:nth-of-type(6),
      div.database_main > .database_table.main > .locations > .cell:nth-of-type(3) > ul > li:nth-of-type(6) {
      	-ms-grid-column-span: 2;
      	grid-column: span 2;
      }
  
      div.database_main > .database_table.main > .locations > .cell:not(:nth-of-type(3)) > ul > li:nth-of-type(even):not(:last-of-type) {
      	border-right: 0.125rem dashed rgba(var(--swatch-primary))
      }
  
      div.database_main > .database_table.main > .locations > .cell:nth-of-type(3) > ul > li:nth-of-type(2) {
      	border-top: initial;
      }
  
      div.database_main > .database_table.main > .locations > .cell:nth-of-type(3) > ul > li:nth-of-type(even) {
      	border-left: 0.125rem dashed rgba(var(--swatch-primary))
      }
  
      div.database_main > .database_table.main > .locations > .cell > ul > li:not(:nth-of-type(even)):last-of-type {
      	-ms-grid-column: 1;
      	-ms-grid-column-span: 2;
      	grid-column: 1 / span 2;
      }
  
      div.database_main .main_content .cell div {
      	font-size: 0.95rem;
      	line-height: 1.25;
      	padding: 0 1em;
      }
  
      div.database_main .main_content .cell:first-of-type div {
      	margin-top: 2.5rem;
      }
  
      .responsive_table .table_row {
      	grid-template-areas:
      		"ID  Location Location Location"
      		"Date Location Location Location"
      		"Title Title Title Title"
      		"Subject Subject Subject Subject"
      		"Current Current Current Current";
      	-ms-grid-columns: 40% 60%;
      	grid-template-columns: 40% 60%;
      }
  
      .responsive_table .table_row div:nth-of-type(1) {
      	-ms-grid-row: 1;
      	-ms-grid-column: 1;
      }
  
      .responsive_table .table_row div:nth-of-type(4) {
      	-ms-grid-row: 1;
      	-ms-grid-row-span: 2;
      	-ms-grid-column: 2;
      	-ms-grid-column-span: 3;
      }
  
      .responsive_table .table_row div:nth-of-type(2) {
      	-ms-grid-row: 2;
      	-ms-grid-column: 1;
      }
  
      .responsive_table .table_row div:nth-of-type(3) {
      	-ms-grid-row: 3;
      	-ms-grid-column: 1;
      	-ms-grid-column-span: 4;
      }
  
      .responsive_table .table_row div:nth-of-type(5) {
      	-ms-grid-row: 4;
      	-ms-grid-row-span: 1;
      	-ms-grid-column: 1;
      	-ms-grid-column-span: 4;
      }
  
      .responsive_table .table_row div:nth-of-type(6) {
      	-ms-grid-row: 5;
      	-ms-grid-column: 1;
      	-ms-grid-column-span: 4;
      }
  
      div.database_main > .database_table.top > .cell:nth-of-type(1) {
      	-ms-grid-row: 1;
      	-ms-grid-column: 1;
      	-ms-grid-column-span: 2;
      }
  
      div.database_main > .database_table.top > .cell:nth-of-type(2) {
      	-ms-grid-row: 2;
      	-ms-grid-column: 1;
      }
  
      div.database_main > .database_table.top > .cell:nth-of-type(3) {
      	-ms-grid-row: 2;
      	-ms-grid-column: 2;
      }
  
      div.database_main > .database_table.top > .hansarp_logo {
      	-ms-grid-row: 3;
      	-ms-grid-row-span: 1;
      	-ms-grid-column: 1;
      	-ms-grid-column-span: 2;
      }
  
      div.database_main > .database_table.top > .hansarp_logo > .cell:first-of-type {
      	-ms-grid-row: 1;
      	-ms-grid-row-span: 1;
      	-ms-grid-column: 1;
      }
  
      div.database_main > .database_table.top > .hansarp_logo > .cell:last-of-type {
      	-ms-grid-row: 2;
      	-ms-grid-row-span: 1;
      	-ms-grid-column: 1;
      }
  
      div.database_main > .database_table.main > .locations > .cell:nth-of-type(1) {
      	-ms-grid-row: 1;
      	-ms-grid-column: 1;
      }
  
      div.database_main > .database_table.main > .locations > .cell:nth-of-type(2) {
      	-ms-grid-row: 2;
      	-ms-grid-column: 1;
      }
  
      div.database_main > .database_table.main > .locations > .cell:nth-of-type(3) {
      	-ms-grid-row: 3;
      	-ms-grid-column: 1;
      }
      
      .interview-container > .on-call {
      	padding-left: 0;
      	padding-right: 0;
      }
  
      .interview-container > .on-call > ul {
      	-ms-grid-columns: 100%;
      	grid-template-columns: 100%;
      	margin-top: 2rem;
      	margin-bottom: 0;
      }
  
      .interview-container > .on-call > ul > li > span.doctor_name {
      	margin-top: 0rem;
      }
  
  
      .interview-container > .on-call > ul > li > span.doctor_title {
      	margin-top: 0;
      	margin-bottom: 1rem;
      	padding: 0.25rem 2rem 0.5rem;
      	border-left: 0.125rem dashed;
      	border-right: 0.125rem dashed;
      	border-bottom: 0.125rem dashed;
      	z-index: -2;
      }
  }
  
  @media (max-width: 500px ) {
      .warning-container .warning-body {
      	padding: 0.5rem 1rem;
      	margin-bottom: 1.5rem;
      	font-size: 95%;
      }
  }
  

  Pages using this styling

  • fragment:scp-4485-2 [info]

  ¶ 1 occurrence
  

  @import url("https://use.typekit.net/put0nby.css");
  
  .warning-container iframe {
      min-height: 9.375rem;
  }
  
  .page-title {
      --wght: 900;
      margin-top: 1rem;
      min-height: 4rem;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      width: -webkit-calc(100% - 1em - 0.5rem);
      width: -moz-calc(100% - 1em - 0.5rem);
      width: calc(100% - 1em - 0.5rem);
      -webkit-box-align: center;
      -webkit-align-items: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -moz-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      border: initial;
      font-size: 3em;
      line-height: 1;
      text-align: center;
      color: rgb(var(--white-monochrome));
      background-color: rgb(var(--swatch-primary));
      padding: 0.5em;
      border: 0.25rem solid rgb(var(--white-monochrome));
      position: relative;
      z-index: 1;
      font-family: var(--title-font);
      font-weight: 900;
  }
  .page-title::before {
      content: " ";
      pointer-events: none;
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      background-image: url(https://nu-scptheme.github.io/Black-Highlighter/img/logo.svg);
      background-repeat: no-repeat;
      background-position: center center;
      -webkit-background-size: 100% 100%;
      -moz-background-size: 100%;
      -o-background-size: 100%;
      background-size: 100%;
      background-color: rgb(var(--swatch-primary));
      z-index: -1;
      opacity: 0.25;
  }
  .warning-container,
  .warning-container * {
      -webkit-box-sizing: border-box;
         -moz-box-sizing: border-box;
      		box-sizing: border-box;
  }
  
  .warning-container {
      --wght: 900;
      width: 90%;
      margin: 0 auto;
      background-color: rgb(var(--dark-gray-monochrome));
      color: rgb(var(--swatch-text-light));
      font-weight: 900;
      border: 0.5em solid rgb(var(--swatch-primary-darkest));
  }
  
  .warning-container .warning-top {
      font-size: 200%;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -moz-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      padding: 1rem;
      font-family: var(--title-font);
      background-color: rgb(var(--swatch-primary));
      background-image: url("https://scp-wiki.wikidot.com/local--files/theme:the-foundation-theme/foundation-circles-bg.png");
      -webkit-background-size: 50% 50%;
      -moz-background-size: 50%;
      -o-background-size: 50%;
      background-size: 50%;
      background-attachment: fixed;
      background-position: 50% 50%;
  }
  
  .warning-container .warning-body {
      --wght: 300;
      font-weight: 300;
      padding: 1rem;
      margin: 1rem;
      line-height: 1.5;
      font-size: 115%;
      font-family: var(--mono-font);
      background-color: rgb(var(--swatch-primary-darkest),0.25);
  }
  
  .warning-container .warning-body,
  .warning-container .warning-body * {
      font-variation-settings: 
      	"wght" var(--mono-wght), 
      	"slnt" var(--slnt), 
      	"CASL" var(--CASL), 
      	"CRSV" var(--CRSV), 
      	"MONO" var(--MONO);
  }
  
  .collapsible-block {
      width: 100%;
  }
  
  .collapsible-block-folded > a,
  .collapsible-block-unfolded-link > a {
      --wght: 900;
      display: inline-flex;
      width: 100%;
      height: 100%;
      align-items: center;
      justify-content: center;
      color: rgb(var(--white-monochrome));
      font-weight: 900;
      font-size: 1.25em;
      background: rgb(var(--gray-monochrome));
      border-bottom-left-radius: 0.5em;
      border-bottom-right-radius: 0.5em;
  }
  
  table.wiki-content-table {
      width: 100%;
      font-size: 1.5em;
      text-align: center;
      margin: 0 auto;
  }
  
  table.wiki-content-table, table.wiki-content-table * {
      border-color: rgb(var(--black-monochrome)) !important;
      box-sizing: border-box;
  }
  
  table.wiki-content-table tr:last-of-type {
      --wght: 700;
      width: 100%;
      display: inline-flex;
      align-items: stretch;
      margin: 0;
      font-weight: 700;
  }
  
  table.wiki-content-table td {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      margin: 0;
      flex-grow: 2;
      flex-basis: 50%;
      background-color: rgb(var(--swatch-primary-darkest));
      color: rgb(var(--white-monochrome));
      text-transform: uppercase;
      line-height: 1;
      text-align: center;
  }
  
  .main_container {
      --mono-font: prestige-elite-std, monospace;
      display: block;
      width: calc(100% - 2em);
      margin: 1em;
      background-color: rgb(var(--white-monochrome));
      background-image: url("https://www.toptal.com/designers/subtlepatterns/patterns/paper_3.png");
      -webkit-border-top-right-radius: 0.2rem;
      -moz-border-radius-topright: 0.2rem;
      border-top-right-radius: 0.2rem;
      -webkit-border-bottom-right-radius: 0.25rem;
      -moz-border-radius-bottomright: 0.25rem;
      border-bottom-right-radius: 0.25rem;
      -webkit-border-top-left-radius: 0.28rem;
      -moz-border-radius-topleft: 0.28rem;
      border-top-left-radius: 0.28rem;
      -webkit-border-bottom-left-radius: 0.24rem;
      -moz-border-radius-bottomleft: 0.24rem;
      border-bottom-left-radius: 0.24rem;
  }
  
  .main_container:nth-of-type(n-2)::after {
      background-position: -1em 0.25em;
  }
  
  .main_container:nth-of-type(2n)::after {
      background-position: 1.5em -0.25em;
      background-size: 300% 105%;
  }
  
  .main_container:nth-of-type(3n+1)::after {
      background-position: 1.5em -0.25em;
      background-size: 105% 300%;
  }
  
  .main_container:nth-of-type(5n-3)::after {
      background-position: -5.5em 0.25em;
      background-size: 115% 200%;
  }
  
  .report_container,
  .report_container * {
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      -webkit-hyphens: auto;
      -moz-hyphens: auto;
      -ms-hyphens: auto;
      hyphens: auto;
  }
  
  .report_container br {
      display: none;
  }
  
  .report_container {
      --wght: 400;
      font-family: var(--mono-font);
      padding: 2rem 2rem 9rem 2rem;
      font-weight: 400;
      font-size: 1em;
      -webkit-border-top-right-radius: 0.2rem;
      -moz-border-radius-topright: 0.2rem;
      border-top-right-radius: 0.2rem;
      -webkit-border-bottom-right-radius: 0.25rem;
      -moz-border-radius-bottomright: 0.25rem;
      border-bottom-right-radius: 0.25rem;
      -webkit-border-top-left-radius: 0.28rem;
      -moz-border-radius-topleft: 0.28rem;
      border-top-left-radius: 0.28rem;
      -webkit-border-bottom-left-radius: 0.24rem;
      -moz-border-radius-bottomleft: 0.24rem;
      border-bottom-left-radius: 0.24rem;
      -webkit-box-shadow:
      	inset 0.125rem 0.125rem 0 rgba(var(--gray-monochrome), 1),
      	inset -0.125rem 0.125rem 0 rgba(var(--gray-monochrome), 1),
      	inset -0.125rem -0.125rem 0 rgba(var(--gray-monochrome), 1),
      	inset 0.125rem -0.125rem 0 rgba(var(--gray-monochrome), 1);
      -moz-box-shadow:
      	inset 0.125rem 0.125rem 0 rgba(var(--gray-monochrome), 1),
      	inset -0.125rem 0.125rem 0 rgba(var(--gray-monochrome), 1),
      	inset -0.125rem -0.125rem 0 rgba(var(--gray-monochrome), 1),
      	inset 0.125rem -0.125rem 0 rgba(var(--gray-monochrome), 1);
      box-shadow:
      	inset 0.125rem 0.125rem 0 rgba(var(--gray-monochrome), 1),
      	inset -0.125rem 0.125rem 0 rgba(var(--gray-monochrome), 1),
      	inset -0.125rem -0.125rem 0 rgba(var(--gray-monochrome), 1),
      	inset 0.125rem -0.125rem 0 rgba(var(--gray-monochrome), 1);
      margin: 1rem;
      border: 1rem solid rgb(var(--white-monochrome), 0);
  }
  
  .report_container,
  .report_container * {
      font-variation-settings: 
      	"wght" var(--mono-wght), 
      	"slnt" var(--slnt), 
      	"CASL" var(--CASL), 
      	"CRSV" var(--CRSV), 
      	"MONO" var(--MONO);
  }
  
  div.main_container:nth-child(10) > div:nth-child(1) {
      padding: 2rem;
  }
  
  div.main_container:nth-child(1) > div {
      -webkit-transform: rotate(-0.15deg) scale(0.99);
      -moz-transform: rotate(-0.15deg) scale(0.99);
      -ms-transform: rotate(-0.15deg) scale(0.99);
      -o-transform: rotate(-0.15deg) scale(0.99);
      transform: rotate(-0.15deg) scale(0.99);
  }
  
  div.main_container:nth-child(2) > div {
      -webkit-transform: rotate(-0.25deg) scale(0.99);
      -moz-transform: rotate(-0.25deg) scale(0.99);
      -ms-transform: rotate(-0.25deg) scale(0.99);
      -o-transform: rotate(-0.25deg) scale(0.99);
      transform: rotate(-0.25deg) scale(0.99);
  }
  
  div.main_container:nth-child(3) > div {
      -webkit-transform: rotate(0.15deg) scale(0.99);
      -moz-transform: rotate(0.15deg) scale(0.99);
      -ms-transform: rotate(0.15deg) scale(0.99);
      -o-transform: rotate(0.15deg) scale(0.99);
      transform: rotate(0.15deg) scale(0.99);
  }
  
  div.main_container:nth-child(1)::before {
      -webkit-transform: rotate(5deg);
      -moz-transform: rotate(5deg);
      -ms-transform: rotate(5deg);
      -o-transform: rotate(5deg);
      transform: rotate(5deg);
  }
  
  div.main_container:nth-child(2)::before {
      -webkit-transform: rotate(2deg) translateY(-1.25rem) translateX(0.625rem);
      -moz-transform: rotate(2deg) translateY(-1.25rem) translateX(0.625rem);
      -ms-transform: rotate(2deg) translateY(-1.25rem) translateX(0.625rem);
      -o-transform: rotate(2deg) translateY(-1.25rem) translateX(0.625rem);
      transform: rotate(2deg) translateY(-1.25rem) translateX(0.625rem);
  }
  
  div.main_container:nth-child(3)::before {
      -webkit-transform: rotate(-1deg) translateY(1rem) translateX(2rem);
      -moz-transform: rotate(-1deg) translateY(1rem) translateX(2rem);
      -ms-transform: rotate(-1deg) translateY(1rem) translateX(2rem);
      -o-transform: rotate(-1deg) translateY(1rem) translateX(2rem);
      transform: rotate(-1deg) translateY(1rem) translateX(2rem);
  }
  
  .report_container * {
      -webkit-box-shadow:
      	0 0.0625rem 0 rgba(var(--black-monochrome)),
      	0 0.125rem 0 rgba(var(--gray-monochrome), 0.15);
      -moz-box-shadow:
      	0 0.0625rem 0 rgba(var(--black-monochrome)),
      	0 0.125rem 0 rgba(var(--gray-monochrome), 0.15);
      box-shadow:
      	0 0.0625rem 0 rgba(var(--black-monochrome)),
      	0 0.125rem 0 rgba(var(--gray-monochrome), 0.15);
  }
  
  .report_container .report_top,
  .report_container .data-1 {
      width: 100%;
      display: table;
      -webkit-box-shadow:
      	0 0.125rem 0 rgba(var(--black-monochrome)),
      	0 0.25rem 0 rgba(var(--gray-monochrome), 0.15);
      -moz-box-shadow:
      	0 0.125rem 0 rgba(var(--black-monochrome)),
      	0 0.25rem 0 rgba(var(--gray-monochrome), 0.15);
      box-shadow:
      	0 0.125rem 0 rgba(var(--black-monochrome)),
      	0 0.25rem 0 rgba(var(--gray-monochrome), 0.15);
      margin: 0.5em 0;
  }
  
  .report_container .report_mid .data-1 > .row div.cell1,
  .report_container .report_mid .data-1 > .row div.cell2 {
      display: flex !important;
      flex-direction: column;
  }
  
  .report_container .report_mid .data-1 > .row div.cell1 > span,
  .report_container .report_mid .data-1 > .row div.cell2 > span {
      display: block;
      width: 100%;
      flex-grow: 2;
  }
  
  .report_container .report_mid .data-1 > .row div.cell1 > span:first-of-type,
  .report_container .report_mid .data-1 > .row div.cell2 > span:first-of-type {
      box-shadow: initial;
      margin-bottom: -0.5em;
      padding-top: 0.25em;
  }
  
  .report_container .report_mid .data-1 > .row div.cell1 > span:last-of-type,
  .report_container .report_mid .data-1 > .row div.cell2 > span:last-of-type {
      padding-bottom: 0.25em;
  }
  
  .report_container > div {
      -webkit-box-shadow:
      	0.125rem 0 0 rgba(var(--black-monochrome)),
      	0.25rem 0 0 rgba(var(--gray-monochrome), 0.05),
      	-0.125rem 0 0 rgba(var(--black-monochrome)),
      	-0.25rem 0 0 rgba(var(--gray-monochrome), 0.05),
      	0.125rem 0.125rem 0 rgba(var(--black-monochrome)),
      	-0.125rem -0.125rem 0 rgba(var(--black-monochrome));
      -moz-box-shadow:
      	0.125rem 0 0 rgba(var(--black-monochrome)),
      	0.25rem 0 0 rgba(var(--gray-monochrome), 0.05),
      	-0.125rem 0 0 rgba(var(--black-monochrome)),
      	-0.25rem 0 0 rgba(var(--gray-monochrome), 0.05),
      	0.125rem 0.125rem 0 rgba(var(--black-monochrome)),
      	-0.125rem -0.125rem 0 rgba(var(--black-monochrome));
      box-shadow:
      	0.125rem 0 0 rgba(var(--black-monochrome)),
      	0.25rem 0 0 rgba(var(--gray-monochrome), 0.05),
      	-0.125rem 0 0 rgba(var(--black-monochrome)),
      	-0.25rem 0 0 rgba(var(--gray-monochrome), 0.05),
      	0.125rem 0.125rem 0 rgba(var(--black-monochrome)),
      	-0.125rem -0.125rem 0 rgba(var(--black-monochrome));
  }
  
  .report_container .header div[class*="cell"],
  .report_container .row div[class*="cell"] {
      display: table-cell;
      padding: 0.25em;
  }
  
  .report_container .header {
      --wght: 700;
      display: table-header-group;
      font-weight: 700;
      font-size: 1.1em;
      font-family: operetta-12;
      text-transform: uppercase;
  }
  
  #page-content > div:nth-child(5) .report_top > .header > .cell1 {
      font-size: 175%;
  }
  
  .report_container .report_top .data-1 .row {
      display: table-row-group;
  }
  
  .report_container div:not([class="report_top"]) .row {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-direction: row;
      -moz-box-orient: horizontal;
      -moz-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  }
  
  .report_container div:not([class="report_top"]) .row > div {
      -webkit-flex-basis: 50%;
      -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
      -webkit-box-flex: 0;
      -webkit-flex-grow: 0;
      -moz-box-flex: 0;
      -ms-flex-positive: 0;
      flex-grow: 0;
      -webkit-box-shadow:
      	0.125rem 0.125rem 0 rgba(var(--gray-monochrome), 1);
      -moz-box-shadow:
      	0.125rem 0.125rem 0 rgba(var(--gray-monochrome), 1);
      box-shadow:
      	0.125rem 0.125rem 0 rgba(var(--gray-monochrome), 1);
      padding: 0 0.5em;
  }
  
  .report_container .report_top > div:first-of-type {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      width: 100%;
      font-size: 2em;
      padding: 0 0 1rem 0;
  }
  
  .report_container .report_top div.cell1:nth-child(2) {
      font-family: var(--mono-font);
  }
  
  .report_container .report_top div.cell1:nth-child(2),
  .report_container .report_top div.cell1:nth-child(2) * {
      font-variation-settings: 
      	"wght" var(--mono-wght), 
      	"slnt" var(--slnt), 
      	"CASL" var(--CASL), 
      	"CRSV" var(--CRSV), 
      	"MONO" var(--MONO);
  }
  
  .report_container .report_top > div:first-of-type > div:first-of-type {
      -webkit-box-flex: 0.25;
      -webkit-flex-grow: 0.25;
      -moz-box-flex: 0.25;
      -ms-flex-positive: 0.25;
      flex-grow: 0.25;
  }
  
  .report_container .report_top > div:first-of-type > div:nth-of-type(2) {
      -webkit-box-flex: 1;
      -webkit-flex-grow: 1;
      -moz-box-flex: 1;
      -ms-flex-positive: 1;
      flex-grow: 1;
      -webkit-box-shadow:
      	0.125rem 0.125rem 0 rgba(var(--gray-monochrome), 1),
      	-0.125rem 0.125rem 0 rgba(var(--gray-monochrome), 1),
      	-0.125rem -0.125rem 0 rgba(var(--gray-monochrome), 1),
      	0.125rem -0.125rem 0 rgba(var(--gray-monochrome), 1);
      -moz-box-shadow:
      	0.125rem 0.125rem 0 rgba(var(--gray-monochrome), 1),
      	-0.125rem 0.125rem 0 rgba(var(--gray-monochrome), 1),
      	-0.125rem -0.125rem 0 rgba(var(--gray-monochrome), 1),
      	0.125rem -0.125rem 0 rgba(var(--gray-monochrome), 1);
      box-shadow:
      	0.125rem 0.125rem 0 rgba(var(--gray-monochrome), 1),
      	-0.125rem 0.125rem 0 rgba(var(--gray-monochrome), 1),
      	-0.125rem -0.125rem 0 rgba(var(--gray-monochrome), 1),
      	0.125rem -0.125rem 0 rgba(var(--gray-monochrome), 1);
      padding: 0.25rem 1rem;
      -webkit-border-top-right-radius: 0.1em;
      -moz-border-radius-topright: 0.1em;
      border-top-right-radius: 0.1em;
      -webkit-border-bottom-right-radius: 0.15em;
      -moz-border-radius-bottomright: 0.15em;
      border-bottom-right-radius: 0.15em;
      -webkit-border-top-left-radius: 0.08em;
      -moz-border-radius-topleft: 0.08em;
      border-top-left-radius: 0.08em;
      -webkit-border-bottom-left-radius: 0.12em;
      -moz-border-radius-bottomleft: 0.12em;
      border-bottom-left-radius: 0.12em;
  }
  
  .report_container .footnote_block {
      --wght: 600;
      all: initial;
      display: -webkit-inline-box;
      display: -webkit-inline-flex;
      display: -moz-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex;
      font-family: var(--body-font);
      font-weight: 600;
      font-size: 0.8em;
      margin-left: -0.5em;
      margin-right: -0.5em;
  }
  
  .report_container .footnote_content,
  .report_container .footnote_content * {
      --wght: 600;
      all: initial;
      display: block;
      position: absolute;
      right: -12rem;
      width: 8rem;
      line-height: 1.2;
      border: 0.125rem solid rgb(var(--black-monochrome));
      font-family: var(--body-font);
      font-weight: 600;
      padding: 1rem;
      text-shadow: initial;
      -webkit-filter: initial;
      filter: initial;
      color: rgb(var(--black-monochrome));
      -webkit-transition:
      	opacity 600ms cubic-bezier(0.4, 0.0, 0.2, 1),
      	-webkit-transform 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
      transition:
      	opacity 600ms cubic-bezier(0.4, 0.0, 0.2, 1),
      	-webkit-transform 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
      -o-transition:
      	opacity 600ms cubic-bezier(0.4, 0.0, 0.2, 1),
      	-o-transform 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
      -moz-transition:
      	opacity 600ms cubic-bezier(0.4, 0.0, 0.2, 1),
      	transform 300ms cubic-bezier(0.4, 0.0, 0.2, 1),
      	-moz-transform 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
      transition:
      	opacity 600ms cubic-bezier(0.4, 0.0, 0.2, 1),
      	transform 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
      transition:
      	opacity 600ms cubic-bezier(0.4, 0.0, 0.2, 1),
      	transform 300ms cubic-bezier(0.4, 0.0, 0.2, 1),
      	-webkit-transform 300ms cubic-bezier(0.4, 0.0, 0.2, 1),
      	-moz-transform 300ms cubic-bezier(0.4, 0.0, 0.2, 1),
      	-o-transform 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
      pointer-events: none
      z-index: 5;
  }
  
  .report_container .footnote_num {
      --wght: 900;
      text-shadow: initial;
      font-weight: 900;
      color: rgb(var(--white-monochrome));
      cursor: pointer;
      -webkit-box-shadow: initial;
      -moz-box-shadow: initial;
      box-shadow: initial;
      -webkit-filter: unset;
      filter: unset;
      -webkit-transform: unset;
      -moz-transform: unset;
      -ms-transform: unset;
      -o-transform: unset;
      transform: unset;
      border-bottom: 0.0625rem dotted;
      line-height: 2;
      background-color: rgb(var(--link-color));
      height: 1em;
      width: 1em;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -moz-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      z-index: 1;
  }
  
  .report_container .footnote_block .footnote_content::before {
      --wght: 900;
      content: " ";
      position: absolute;
      font-size: 1em;
      top: -0.5em;
      left: -0.5em;
      text-shadow: initial;
      font-weight: 900;
      color: rgb(var(--white-monochrome));
      cursor: pointer;
      -webkit-box-shadow: initial;
      -moz-box-shadow: initial;
      box-shadow: initial;
      -webkit-filter: unset;
      filter: unset;
      -webkit-transform: unset;
      -moz-transform: unset;
      -ms-transform: unset;
      -o-transform: unset;
      transform: unset;
      line-height: 2;
      background-color: rgb(var(--link-color));
      height: 1em;
      width: 1em;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -moz-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      padding: 0.25em
  }
  
  .report_container .footnote_block.one .footnote_content::before {
      content: "1";
  }
  
  .report_container .footnote_block.two .footnote_content::before {
      content: "2";
  }
  
  .report_container .footnote_block.three .footnote_content::before {
      content: "3";
  }
  
  .report_container .footnote_block.four .footnote_content::before {
      content: "4";
  }
  
  .report_container .footnote_block.five .footnote_content::before {
      content: "5";
  }
  
  .report_container .footnote_block.six .footnote_content::before {
      content: "6";
  }
  
  .report_container .footnote_num + div {
      -webkit-transform: translateX(-25%);
      -moz-transform: translateX(-25%);
      -ms-transform: translateX(-25%);
      -o-transform: translateX(-25%);
      transform: translateX(-25%);
      opacity: 0;
  }
  
  .report_container .footnote_num:hover + div {
      -webkit-transform: translateX(0);
      -moz-transform: translateX(0);
      -ms-transform: translateX(0);
      -o-transform: translateX(0);
      transform: translateX(0);
      opacity: 1;
  }
  
  .report_container .report_title {
      --wght: 700;
      font-family: ;
      font-size: 1.25em;
      font-weight: 700;
      font-family: operetta-12;
      text-transform: uppercase;
      padding: 0.5rem 1rem 0.25rem;
  }
  
  .report_container .contents {
      padding: 1rem;
  }
  
  .report_container .containment,
  .report_container .description,
  .report_container .discovery. .report_container .field_report {
      margin-top: 1em;
  }
  
  .report_container .containment > .contents {
      padding-bottom: 9rem;
      margin-bottom: -7.2rem;
  }
  
  .report_container .discovery > .contents {
      padding-bottom: 9rem;
      margin-bottom: -7rem;
  }
  
  .report_container .discovery_label {
      --wght: 900;
      font-weight: 900;
  }
  
  .empty_cell {
      color: transparent;
      text-shadow: initial;
      word-wrap: anywhere;
  }
  
  .nowrap {
      display: inline-block;
      box-shadow: initial;
  }
  
  @media only screen and (max-width: 1050px) {
  
      .main_container,
      .main_container * {
      	-webkit-transform: unset !important;
      	-moz-transform: unset !important;
      	-ms-transform: unset !important;
      	-o-transform: unset !important;
      	transform: unset !important;
      	-webkit-filter: unset;
      	filter: unset;
      }
  
      .report_container .footnote_content {
      	position: fixed;
      	bottom: 1em;
      	left: 12.5%;
      	background-color: rgba(var(--white-monochrome));
      	width: 75%;
      }
  }
  
  .report_container .stamp {
      --wght: 900;
      width: 25%;
      box-shadow:
      	0.125rem 0.125rem 0 rgba(var(--gray-monochrome), 0.25),
      	-0.125rem 0.125rem 0 rgba(var(--gray-monochrome), 0.35),
      	-0.1625rem -0.1625rem 0 rgba(var(--gray-monochrome), 0.45),
      	0.125rem -0.125rem 0 rgba(var(--gray-monochrome), 0.85);
      position: absolute;
      top: 2.5em;
      right: 4em;
      -webkit-border-top-right-radius: 0.5rem;
      -moz-border-radius-topright: 0.5rem;
      border-top-right-radius: 0.5rem;
      -webkit-border-bottom-right-radius: 0.75rem;
      -moz-border-radius-bottomright: 0.75rem;
      border-bottom-right-radius: 0.75rem;
      -webkit-border-top-left-radius: 0.44rem;
      -moz-border-radius-topleft: 0.44rem;
      border-top-left-radius: 0.44rem;
      -webkit-border-bottom-left-radius: 0.32rem;
      -moz-border-radius-bottomleft: 0.32rem;
      border-bottom-left-radius: 0.32rem;
      font-size: 0.8em;
      transform: rotate(-8deg) scale(0.95);
      padding: 0.5em;
      font-weight: 900;
  }
  
  .report_container .stamp span {
      display: flex;
      box-shadow: initial;
  }
  
  .report_container .sui_sign {
      font-family: shabby-chic, sans-serif;
      font-size: 1.75em;
      white-space: nowrap;
      height: 1em;
      letter-spacing: -0.05em;
      margin-top: -0.25em;
  }
  
  .report_container span[class="black_highlighter"] {
      display: inline-block;
      clip-path: polygon(3% 0, 7% 1%, 11% 0%, 16% 2%, 20% 0, 23% 2%, 28% 2%, 32% 1%, 35% 1%, 39% 3%, 41% 1%, 45% 0%, 47% 2%, 50% 2%, 53% 0, 58% 2%, 60% 2%, 63% 1%, 65% 0%, 67% 2%, 69% 2%, 73% 1%, 76% 1%, 79% 0, 82% 1%, 85% 0, 87% 1%, 89% 0, 92% 1%, 96% 0, 98% 3%, 99% 3%, 99% 6%, 100% 11%, 98% 15%, 100% 21%, 99% 28%, 100% 32%, 99% 35%, 99% 40%, 100% 43%, 99% 48%, 100% 53%, 100% 57%, 99% 60%, 100% 64%, 100% 68%, 99% 72%, 100% 75%, 100% 79%, 99% 83%, 100% 86%, 100% 90%, 99% 94%, 99% 98%, 95% 99%, 92% 99%, 89% 100%, 86% 99%, 83% 100%, 77% 99%, 72% 100%, 66% 98%, 62% 100%, 59% 99%, 54% 99%, 49% 100%, 46% 98%, 43% 100%, 40% 98%, 38% 100%, 35% 99%, 31% 100%, 28% 99%, 25% 99%, 22% 100%, 19% 99%, 16% 100%, 13% 99%, 10% 99%, 7% 100%, 4% 99%, 2% 97%, 1% 97%, 0% 94%, 1% 89%, 0% 84%, 1% 81%, 0 76%, 0 71%, 1% 66%, 0% 64%, 0% 61%, 0% 59%, 1% 54%, 0% 49%, 1% 45%, 0% 40%, 1% 37%, 0% 34%, 1% 29%, 0% 23%, 2% 20%, 1% 17%, 1% 13%, 0 10%, 1% 6%, 1% 3%);
  }
  
  .report_container span[class="black_highlighter"]:nth-of-type(n+1) {
      transform: rotateZ(-3deg) scale(-1.3) translateY(-0.1em);
      display: inline-block;
  }
  
  .report_container span[class="black_highlighter"]:nth-of-type(2n+3) {
      transform: rotateZ(2deg) scaleX(1.4) scaleY(1.2) translateY(0.1em);
      display: inline-block;
  }
  
  .report_container span[class="black_highlighter"]:nth-of-type(4n-2) {
      transform: rotateZ(-2deg) scaleX(1.5) scaleY(1.4) translateY(-0.1em);
      display: inline-block;
  }
  
  @media only screen and (max-width: 768px) {
      .page-title {
      	font-size: 2em;
      }
  
      table.wiki-content-table tr {
      	flex-wrap: wrap;
      }
  
      table.wiki-content-table tr > td {
      	min-width: 100%;
      	font-size: 1rem;
      	padding: 0.5rem;
      }
      
      .main_container {
      	width: 100%;
      	height: auto;
      	padding: 0;
      	margin: 0;
      	font-size: 0.9em;
      }
  
      .report_container .report_top,
      .report_container .data-1 {
      	display: -webkit-box;
      	display: -webkit-flex;
      	display: -moz-box;
      	display: -ms-flexbox;
      	display: flex;
      	-webkit-flex-wrap: wrap;
      	-ms-flex-wrap: wrap;
      	flex-wrap: wrap;
      }
  
      .report_container .report_top > div:first-of-type,
      .report_container .data-1 > div:first-of-type {
      	-webkit-box-flex: 2;
      	-webkit-flex-grow: 2;
      	-moz-box-flex: 2;
      	-ms-flex-positive: 2;
      	flex-grow: 2;
      	width: 100%;
      }
  
      .report_top > div:nth-child(1) {
      	-webkit-box-orient: vertical;
      	-webkit-box-direction: normal;
      	-webkit-flex-direction: column;
      	-moz-box-orient: vertical;
      	-moz-box-direction: normal;
      	-ms-flex-direction: column;
      	flex-direction: column;
      }
  
      div.data-1:nth-child(2) > div:nth-child(1) {
      	display: none;
      }
  
      div.data-1:nth-child(2) > div:nth-child(2) {
      	display: -webkit-box !important;
      	display: -webkit-flex !important;
      	display: -moz-box !important;
      	display: -ms-flexbox !important;
      	display: flex !important;
      	-webkit-flex-wrap: wrap;
      	-ms-flex-wrap: wrap;
      	flex-wrap: wrap;
      	-webkit-box-orient: horizontal;
      	-webkit-box-direction: normal;
      	-webkit-flex-direction: row;
      	-moz-box-orient: horizontal;
      	-moz-box-direction: normal;
      	-ms-flex-direction: row;
      	flex-direction: row;
      	width: 100%;
      	height: 100%;
      }
  
      div.data-1:nth-child(2) > div:nth-child(2) > div {
      	position: relative;
      	-webkit-box-flex: 2;
      	-webkit-flex-grow: 2;
      	-moz-box-flex: 2;
      	-ms-flex-positive: 2;
      	flex-grow: 2;
      	margin-top: 2em;
      }
  
      div.data-1:nth-child(2) > div:nth-child(2) > div::before {
      	--wght: 700;
      	font-family: operetta-12;
      	display: -webkit-box;
      	display: -webkit-flex;
      	display: -moz-box;
      	display: -ms-flexbox;
      	display: flex;
      	-webkit-box-align: end;
      	-webkit-align-items: flex-end;
      	-moz-box-align: end;
      	-ms-flex-align: end;
      	align-items: flex-end;
      	-webkit-box-pack: center;
      	-webkit-justify-content: center;
      	-moz-box-pack: center;
      	-ms-flex-pack: center;
      	justify-content: center;
      	position: absolute;
      	width: 100%;
      	height: 100%;
      	top: -1.75em;
      	left: 0;
      	font-size: 1em;
      	font-weight: 700;
      	line-height: 1;
      	text-align: center;
      }
  
      div.data-1:nth-child(2) > div:nth-child(2) > div:nth-child(1)::before {
      	content: "CLASSIFICATION";
      }
  
      div.data-1:nth-child(2) > div:nth-child(2) > div:nth-child(2)::before {
      	content: "RISK ASSESSMENT";
      }
  
      div.data-1:nth-child(2) > div:nth-child(2) > div:nth-child(3)::before {
      	content: "SITE ASSIGNMENT";
      }
  }
  
  @media (max-width: 500px ) {
      .report_container {
      	padding:  0.5rem 0.5rem 4.5rem 0.5rem;
      	margin: 0rem;
      }
      .report_container .containment > .contents {
      	padding-bottom: 4.5rem;
      	margin-bottom: -3.6rem;
      }
      .report_container .discovery > .contents {
      	padding-bottom: 4.5rem;
      	margin-bottom: -3.5rem;
      }
      .report_container div:not([class="report_top"]) .row > div {
      	-webkit-box-flex: 1;
      	-webkit-flex-grow: 1;
      	   -moz-box-flex: 1;
      		-ms-flex-positive: 1;
      			flex-grow: 1;
      }
  }
  
  @media (max-width: 500px ) {
      .warning-container .warning-body {
      	padding: 0.5rem 1rem;
      	margin-bottom: 1.5rem;
      	font-size: 95%;
      }
  }

  Pages using this styling

  • fragment:scp-4485-1 [info]

  ¶ 1 occurrence
  

  .danger-diamond a,
  .danger-diamond a:hover {
      color: rgba(0,0,0,0) !important;
      box-shadow: initial !important;
  }
  
  iframe.html-block-iframe:nth-child(5) {
      min-height: 9.375rem;
  }
  
  
  warning-container,
  .warning-container * {
      -webkit-box-sizing: border-box;
         -moz-box-sizing: border-box;
      		box-sizing: border-box;
  }
  
  .warning-container {
      --wght: 900;
      width: 90%;
      margin: 0 auto;
      background-color: rgb(var(--dark-gray-monochrome));
      color: rgb(var(--swatch-text-light));
      font-weight: 900;
      border: 0.5em solid rgb(var(--swatch-primary-darkest));
  }
  
  .warning-container .warning-top {
      font-size: 200%;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -moz-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      padding: 1rem;
      font-family: var(--title-font);
      background-color: rgb(var(--swatch-primary));
      background-image: url("https://scp-wiki.wikidot.com/local--files/theme:the-foundation-theme/foundation-circles-bg.png");
      -webkit-background-size: 50% 50%;
      -moz-background-size: 50%;
      -o-background-size: 50%;
      background-size: 50%;
      background-attachment: fixed;
      background-position: 50% 50%;
  }
  
  .warning-container .warning-middle {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -moz-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      text-align: center;
      line-height: 1;
      padding: 1rem;
      font-size: 125%;
  }
  
  .warning-container .warning-bottom {
      display: -ms-grid;
      display: grid;
      -ms-grid-columns: 50% 50%;
      grid-template-columns: 50% 50%;
      position: relative;
      margin-top: 0.5em;
  }
  
  .warning-container .warning-bottom .header {
      --wght: 700;
      white-space: pre;
      /* makes newline work */
      font-size: 0.750em;
      color: #888888;
      color: rgb(var(--medium-accent));
      text-transform: uppercase;
      height: 2.35em;
      position: relative;
      margin-bottom: -2.5em;
      margin-top: -1em;
      top: 0;
      left: 0;
      background: #aaa;
      background: rgb(var(--swatch-menubg-medium-color));
      color: #fcfcfc;
      color: rgb(var(--swatch-menutxt-light-color));
      padding-left: 1.4em;
      padding-top: 0.35em;
      padding-bottom: 0.7em;
      font-weight: 700;
      border-top: 0.0625rem rgb(var(--swatch-border-color)) solid;
  }
  
  .warning-container .warning-bottom .cell {
      padding: 1.95em 1em 0.5em 1em;
      position: relative;
      border-bottom: 0.0625rem rgb(var(--swatch-border-color)) solid;
      font-family: var(--mono-font);
  }
  
  .warning-container .warning-bottom .cell,
  .warning-container .warning-bottom .cell * {
      font-variation-settings: 
      	"wght" var(--mono-wght), 
      	"slnt" var(--slnt), 
      	"CASL" var(--CASL), 
      	"CRSV" var(--CRSV), 
      	"MONO" var(--MONO);
  }
  
  .warning-container .warning-bottom .cell p,
  .warning-container .warning-bottom .cell iframe {
      margin: 0.25em 0 0 0;
      padding: 0;
  }
  
  .warning-container .warning-body {
      --wght: 300;
      font-weight: 300;
      padding: 1rem 2rem;
      margin-bottom: 2.5rem;
      line-height: 1.5;
      font-size: 115%;
      text-align: center;
      font-family: var(--mono-font);
      background-color: rgb(var(--swatch-primary-darkest),0.25);
  }
  .warning-container .warning-body,
  .warning-container .warning-body * {
      font-variation-settings: 
      	"wght" var(--mono-wght), 
      	"slnt" var(--slnt), 
      	"CASL" var(--CASL), 
      	"CRSV" var(--CRSV), 
      	"MONO" var(--MONO);
  }
  
  @media (max-width: 500px ) {
      .warning-container .warning-body {
      	padding: 0.5rem 1rem;
      	margin-bottom: 1.5rem;
      	font-size: 95%;
      }
  }
  
  @-webkit-keyframes border {
      0% {
      	-webkit-box-shadow:
      		inset 0 0.3125rem 0 rgba(var(--light-gray-monochrome), 0),
      		/* Top 1 */
      		inset 0.234375rem 0.234375rem 0 rgba(var(--light-gray-monochrome), 0),
      		/* Top Left 2 */
      		inset 0.3125rem 0 0 rgba(var(--light-gray-monochrome), 0),
      		/* Left 3 */
      		inset 0 -0.3125rem 0 rgba(var(--light-gray-monochrome), 0),
      		/* Bottom 4*/
      		inset 0.234375rem -0.234375rem 0 rgba(var(--light-gray-monochrome), 0),
      		/* Bottom Left 5 */
      		inset -0.234375rem -0.234375rem 0 rgba(var(--light-gray-monochrome), 0),
      		/* Bottom Right 6 */
      		inset -0.3125rem 0 0 rgba(var(--light-gray-monochrome), 0),
      		/* Right 7 */
      		inset -0.234375rem 0.234375rem 0 rgba(var(--light-gray-monochrome), 0);
      			box-shadow:
      		inset 0 0.3125rem 0 rgba(var(--light-gray-monochrome), 0),
      		/* Top 1 */
      		inset 0.234375rem 0.234375rem 0 rgba(var(--light-gray-monochrome), 0),
      		/* Top Left 2 */
      		inset 0.3125rem 0 0 rgba(var(--light-gray-monochrome), 0),
      		/* Left 3 */
      		inset 0 -0.3125rem 0 rgba(var(--light-gray-monochrome), 0),
      		/* Bottom 4*/
      		inset 0.234375rem -0.234375rem 0 rgba(var(--light-gray-monochrome), 0),
      		/* Bottom Left 5 */
      		inset -0.234375rem -0.234375rem 0 rgba(var(--light-gray-monochrome), 0),
      		/* Bottom Right 6 */
      		inset -0.3125rem 0 0 rgba(var(--light-gray-monochrome), 0),
      		/* Right 7 */
      		inset -0.234375rem 0.234375rem 0 rgba(var(--light-gray-monochrome), 0);
      	/* Top Right 8 */
      }
  
      6.25% {
      	-webkit-box-shadow:
      		inset 0 0.3125rem 0 rgba(var(--white-monochrome)),
      		/* Top 1 */
      		inset 0.234375rem 0.234375rem 0 rgba(var(--light-gray-monochrome), 0),
      		/* Top Left 2 */
      		inset 0.3125rem 0 0 rgba(var(--light-gray-monochrome), 0),
      		/* Left 3 */
      		inset 0 -0.3125rem 0 rgba(var(--light-gray-monochrome), 0),
      		/* Bottom 4*/
      		inset 0.234375rem -0.234375rem 0 rgba(var(--light-gray-monochrome), 0),
      		/* Bottom Left 5 */
      		inset -0.234375rem -0.234375rem 0 rgba(var(--light-gray-monochrome), 0),
      		/* Bottom Right 6 */
      		inset -0.3125rem 0 0 rgba(var(--light-gray-monochrome), 0),
      		/* Right 7 */
      		inset -0.234375rem 0.234375rem 0 rgba(var(--light-gray-monochrome), 0);
      			box-shadow:
      		inset 0 0.3125rem 0 rgba(var(--white-monochrome)),
      		/* Top 1 */
      		inset 0.234375rem 0.234375rem 0 rgba(var(--light-gray-monochrome), 0),
      		/* Top Left 2 */
      		inset 0.3125rem 0 0 rgba(var(--light-gray-monochrome), 0),
      		/* Left 3 */
      		inset 0 -0.3125rem 0 rgba(var(--light-gray-monochrome), 0),
      		/* Bottom 4*/
      		inset 0.234375rem -0.234375rem 0 rgba(var(--light-gray-monochrome), 0),
      		/* Bottom Left 5 */
      		inset -0.234375rem -0.234375rem 0 rgba(var(--light-gray-monochrome), 0),
      		/* Bottom Right 6 */
      		inset -0.3125rem 0 0 rgba(var(--light-gray-monochrome), 0),
      		/* Right 7 */
      		inset -0.234375rem 0.234375rem 0 rgba(var(--light-gray-monochrome), 0);
      	/* Top Right 8 */
      }
  
      93.75% {
      	-webkit-box-shadow:
      		inset 0 0.3125rem 0 rgba(var(--white-monochrome)),
      		/* Top 1 */
      		inset 0.234375rem 0.234375rem 0 rgba(var(--light-gray-monochrome), 0),
      		/* Top Left 2 */
      		inset 0.3125rem 0 0 rgba(var(--light-gray-monochrome), 0),
      		/* Left 3 */
      		inset 0 -0.3125rem 0 rgba(var(--light-gray-monochrome), 0),
      		/* Bottom 4*/
      		inset 0.234375rem -0.234375rem 0 rgba(var(--light-gray-monochrome), 0),
      		/* Bottom Left 5 */
      		inset -0.234375rem -0.234375rem 0 rgba(var(--light-gray-monochrome), 0),
      		/* Bottom Right 6 */
      		inset -0.3125rem 0 0 rgba(var(--light-gray-monochrome), 0),
      		/* Right 7 */
      		inset -0.234375rem 0.234375rem 0 rgba(var(--white-monochrome));
      			box-shadow:
      		inset 0 0.3125rem 0 rgba(var(--white-monochrome)),
      		/* Top 1 */
      		inset 0.234375rem 0.234375rem 0 rgba(var(--light-gray-monochrome), 0),
      		/* Top Left 2 */
      		inset 0.3125rem 0 0 rgba(var(--light-gray-monochrome), 0),
      		/* Left 3 */
      		inset 0 -0.3125rem 0 rgba(var(--light-gray-monochrome), 0),
      		/* Bottom 4*/
      		inset 0.234375rem -0.234375rem 0 rgba(var(--light-gray-monochrome), 0),
      		/* Bottom Left 5 */
      		inset -0.234375rem -0.234375rem 0 rgba(var(--light-gray-monochrome), 0),
      		/* Bottom Right 6 */
      		inset -0.3125rem 0 0 rgba(var(--light-gray-monochrome), 0),
      		/* Right 7 */
      		inset -0.234375rem 0.234375rem 0 rgba(var(--white-monochrome));
      	/* Top Right 8 */
      }
  
      100% {
      	-webkit-box-shadow:
      		inset 0 0.3125rem 0 rgba(var(--light-gray-monochrome), 0),
      		/* Top 1 */
      		inset 0.234375rem 0.234375rem 0 rgba(var(--light-gray-monochrome), 0),
      		/* Top Left 2 */
      		inset 0.3125rem 0 0 rgba(var(--light-gray-monochrome), 0),
      		/* Left 3 */
      		inset 0 -0.3125rem 0 rgba(var(--light-gray-monochrome), 0),
      		/* Bottom 4*/
      		inset 0.234375rem -0.234375rem 0 rgba(var(--light-gray-monochrome), 0),
      		/* Bottom Left 5 */
      		inset -0.234375rem -0.234375rem 0 rgba(var(--light-gray-monochrome), 0),
      		/* Bottom Right 6 */
      		inset -0.3125rem 0 0 rgba(var(--light-gray-monochrome), 0),
      		/* Right 7 */
      		inset -0.234375rem 0.234375rem 0 rgba(var(--light-gray-monochrome), 0);
      			box-shadow:
      		inset 0 0.3125rem 0 rgba(var(--light-gray-monochrome), 0),
      		/* Top 1 */
      		inset 0.234375rem 0.234375rem 0 rgba(var(--light-gray-monochrome), 0),
      		/* Top Left 2 */
      		inset 0.3125rem 0 0 rgba(var(--light-gray-monochrome), 0),
      		/* Left 3 */
      		inset 0 -0.3125rem 0 rgba(var(--light-gray-monochrome), 0),
      		/* Bottom 4*/
      		inset 0.234375rem -0.234375rem 0 rgba(var(--light-gray-monochrome), 0),
      		/* Bottom Left 5 */
      		inset -0.234375rem -0.234375rem 0 rgba(var(--light-gray-monochrome), 0),
      		/* Bottom Right 6 */
      		inset -0.3125rem 0 0 rgba(var(--light-gray-monochrome), 0),
      		/* Right 7 */
      		inset -0.234375rem 0.234375rem 0 rgba(var(--light-gray-monochrome), 0);
      	/* Top Right 8 */
  
      }
  }
  
  @-moz-keyframes border {
      0% {
      	-moz-box-shadow:
      		inset 0 0.3125rem 0 rgba(var(--light-gray-monochrome), 0),
      		/* Top 1 */
      		inset 0.234375rem 0.234375rem 0 rgba(var(--light-gray-monochrome), 0),
      		/* Top Left 2 */
      		inset 0.3125rem 0 0 rgba(var(--light-gray-monochrome), 0),
      		/* Left 3 */
      		inset 0 -0.3125rem 0 rgba(var(--light-gray-monochrome), 0),
      		/* Bottom 4*/
      		inset 0.234375rem -0.234375rem 0 rgba(var(--light-gray-monochrome), 0),
      		/* Bottom Left 5 */
      		inset -0.234375rem -0.234375rem 0 rgba(var(--light-gray-monochrome), 0),
      		/* Bottom Right 6 */
      		inset -0.3125rem 0 0 rgba(var(--light-gray-monochrome), 0),
      		/* Right 7 */
      		inset -0.234375rem 0.234375rem 0 rgba(var(--light-gray-monochrome), 0);
      		 box-shadow:
      		inset 0 0.3125rem 0 rgba(var(--light-gray-monochrome), 0),
      		/* Top 1 */
      		inset 0.234375rem 0.234375rem 0 rgba(var(--light-gray-monochrome), 0),
      		/* Top Left 2 */
      		inset 0.3125rem 0 0 rgba(var(--light-gray-monochrome), 0),
      		/* Left 3 */
      		inset 0 -0.3125rem 0 rgba(var(--light-gray-monochrome), 0),
      		/* Bottom 4*/
      		inset 0.234375rem -0.234375rem 0 rgba(var(--light-gray-monochrome), 0),
      		/* Bottom Left 5 */
      		inset -0.234375rem -0.234375rem 0 rgba(var(--light-gray-monochrome), 0),
      		/* Bottom Right 6 */
      		inset -0.3125rem 0 0 rgba(var(--light-gray-monochrome), 0),
      		/* Right 7 */
      		inset -0.234375rem 0.234375rem 0 rgba(var(--light-gray-monochrome), 0);
      	/* Top Right 8 */
      }
  
      6.25% {
      	-moz-box-shadow:
      		inset 0 0.3125rem 0 rgba(var(--white-monochrome)),
      		/* Top 1 */
      		inset 0.234375rem 0.234375rem 0 rgba(var(--light-gray-monochrome), 0),
      		/* Top Left 2 */
      		inset 0.3125rem 0 0 rgba(var(--light-gray-monochrome), 0),
      		/* Left 3 */
      		inset 0 -0.3125rem 0 rgba(var(--light-gray-monochrome), 0),
      		/* Bottom 4*/
      		inset 0.234375rem -0.234375rem 0 rgba(var(--light-gray-monochrome), 0),
      		/* Bottom Left 5 */
      		inset -0.234375rem -0.234375rem 0 rgba(var(--light-gray-monochrome), 0),
      		/* Bottom Right 6 */
      		inset -0.3125rem 0 0 rgba(var(--light-gray-monochrome), 0),
      		/* Right 7 */
      		inset -0.234375rem 0.234375rem 0 rgba(var(--light-gray-monochrome), 0);
      		 box-shadow:
      		inset 0 0.3125rem 0 rgba(var(--white-monochrome)),
      		/* Top 1 */
      		inset 0.234375rem 0.234375rem 0 rgba(var(--light-gray-monochrome), 0),
      		/* Top Left 2 */
      		inset 0.3125rem 0 0 rgba(var(--light-gray-monochrome), 0),
      		/* Left 3 */
      		inset 0 -0.3125rem 0 rgba(var(--light-gray-monochrome), 0),
      		/* Bottom 4*/
      		inset 0.234375rem -0.234375rem 0 rgba(var(--light-gray-monochrome), 0),
      		/* Bottom Left 5 */
      		inset -0.234375rem -0.234375rem 0 rgba(var(--light-gray-monochrome), 0),
      		/* Bottom Right 6 */
      		inset -0.3125rem 0 0 rgba(var(--light-gray-monochrome), 0),
      		/* Right 7 */
      		inset -0.234375rem 0.234375rem 0 rgba(var(--light-gray-monochrome), 0);
      	/* Top Right 8 */
      }
  
      93.75% {
      	-moz-box-shadow:
      		inset 0 0.3125rem 0 rgba(var(--white-monochrome)),
      		/* Top 1 */
      		inset 0.234375rem 0.234375rem 0 rgba(var(--light-gray-monochrome), 0),
      		/* Top Left 2 */
      		inset 0.3125rem 0 0 rgba(var(--light-gray-monochrome), 0),
      		/* Left 3 */
      		inset 0 -0.3125rem 0 rgba(var(--light-gray-monochrome), 0),
      		/* Bottom 4*/
      		inset 0.234375rem -0.234375rem 0 rgba(var(--light-gray-monochrome), 0),
      		/* Bottom Left 5 */
      		inset -0.234375rem -0.234375rem 0 rgba(var(--light-gray-monochrome), 0),
      		/* Bottom Right 6 */
      		inset -0.3125rem 0 0 rgba(var(--light-gray-monochrome), 0),
      		/* Right 7 */
      		inset -0.234375rem 0.234375rem 0 rgba(var(--white-monochrome));
      		 box-shadow:
      		inset 0 0.3125rem 0 rgba(var(--white-monochrome)),
      		/* Top 1 */
      		inset 0.234375rem 0.234375rem 0 rgba(var(--light-gray-monochrome), 0),
      		/* Top Left 2 */
      		inset 0.3125rem 0 0 rgba(var(--light-gray-monochrome), 0),
      		/* Left 3 */
      		inset 0 -0.3125rem 0 rgba(var(--light-gray-monochrome), 0),
      		/* Bottom 4*/
      		inset 0.234375rem -0.234375rem 0 rgba(var(--light-gray-monochrome), 0),
      		/* Bottom Left 5 */
      		inset -0.234375rem -0.234375rem 0 rgba(var(--light-gray-monochrome), 0),
      		/* Bottom Right 6 */
      		inset -0.3125rem 0 0 rgba(var(--light-gray-monochrome), 0),
      		/* Right 7 */
      		inset -0.234375rem 0.234375rem 0 rgba(var(--white-monochrome));
      	/* Top Right 8 */
      }
  
      100% {
      	-moz-box-shadow:
      		inset 0 0.3125rem 0 rgba(var(--light-gray-monochrome), 0),
      		/* Top 1 */
      		inset 0.234375rem 0.234375rem 0 rgba(var(--light-gray-monochrome), 0),
      		/* Top Left 2 */
      		inset 0.3125rem 0 0 rgba(var(--light-gray-monochrome), 0),
      		/* Left 3 */
      		inset 0 -0.3125rem 0 rgba(var(--light-gray-monochrome), 0),
      		/* Bottom 4*/
      		inset 0.234375rem -0.234375rem 0 rgba(var(--light-gray-monochrome), 0),
      		/* Bottom Left 5 */
      		inset -0.234375rem -0.234375rem 0 rgba(var(--light-gray-monochrome), 0),
      		/* Bottom Right 6 */
      		inset -0.3125rem 0 0 rgba(var(--light-gray-monochrome), 0),
      		/* Right 7 */
      		inset -0.234375rem 0.234375rem 0 rgba(var(--light-gray-monochrome), 0);
      		 box-shadow:
      		inset 0 0.3125rem 0 rgba(var(--light-gray-monochrome), 0),
      		/* Top 1 */
      		inset 0.234375rem 0.234375rem 0 rgba(var(--light-gray-monochrome), 0),
      		/* Top Left 2 */
      		inset 0.3125rem 0 0 rgba(var(--light-gray-monochrome), 0),
      		/* Left 3 */
      		inset 0 -0.3125rem 0 rgba(var(--light-gray-monochrome), 0),
      		/* Bottom 4*/
      		inset 0.234375rem -0.234375rem 0 rgba(var(--light-gray-monochrome), 0),
      		/* Bottom Left 5 */
      		inset -0.234375rem -0.234375rem 0 rgba(var(--light-gray-monochrome), 0),
      		/* Bottom Right 6 */
      		inset -0.3125rem 0 0 rgba(var(--light-gray-monochrome), 0),
      		/* Right 7 */
      		inset -0.234375rem 0.234375rem 0 rgba(var(--light-gray-monochrome), 0);
      	/* Top Right 8 */
  
      }
  }
  
  @-o-keyframes border {
      0% {
      	box-shadow:
      		inset 0 0.3125rem 0 rgba(var(--light-gray-monochrome), 0),
      		/* Top 1 */
      		inset 0.234375rem 0.234375rem 0 rgba(var(--light-gray-monochrome), 0),
      		/* Top Left 2 */
      		inset 0.3125rem 0 0 rgba(var(--light-gray-monochrome), 0),
      		/* Left 3 */
      		inset 0 -0.3125rem 0 rgba(var(--light-gray-monochrome), 0),
      		/* Bottom 4*/
      		inset 0.234375rem -0.234375rem 0 rgba(var(--light-gray-monochrome), 0),
      		/* Bottom Left 5 */
      		inset -0.234375rem -0.234375rem 0 rgba(var(--light-gray-monochrome), 0),
      		/* Bottom Right 6 */
      		inset -0.3125rem 0 0 rgba(var(--light-gray-monochrome), 0),
      		/* Right 7 */
      		inset -0.234375rem 0.234375rem 0 rgba(var(--light-gray-monochrome), 0);
      	/* Top Right 8 */
      }
  
      6.25% {
      	box-shadow:
      		inset 0 0.3125rem 0 rgba(var(--white-monochrome)),
      		/* Top 1 */
      		inset 0.234375rem 0.234375rem 0 rgba(var(--light-gray-monochrome), 0),
      		/* Top Left 2 */
      		inset 0.3125rem 0 0 rgba(var(--light-gray-monochrome), 0),
      		/* Left 3 */
      		inset 0 -0.3125rem 0 rgba(var(--light-gray-monochrome), 0),
      		/* Bottom 4*/
      		inset 0.234375rem -0.234375rem 0 rgba(var(--light-gray-monochrome), 0),
      		/* Bottom Left 5 */
      		inset -0.234375rem -0.234375rem 0 rgba(var(--light-gray-monochrome), 0),
      		/* Bottom Right 6 */
      		inset -0.3125rem 0 0 rgba(var(--light-gray-monochrome), 0),
      		/* Right 7 */
      		inset -0.234375rem 0.234375rem 0 rgba(var(--light-gray-monochrome), 0);
      	/* Top Right 8 */
      }
  
      93.75% {
      	box-shadow:
      		inset 0 0.3125rem 0 rgba(var(--white-monochrome)),
      		/* Top 1 */
      		inset 0.234375rem 0.234375rem 0 rgba(var(--light-gray-monochrome), 0),
      		/* Top Left 2 */
      		inset 0.3125rem 0 0 rgba(var(--light-gray-monochrome), 0),
      		/* Left 3 */
      		inset 0 -0.3125rem 0 rgba(var(--light-gray-monochrome), 0),
      		/* Bottom 4*/
      		inset 0.234375rem -0.234375rem 0 rgba(var(--light-gray-monochrome), 0),
      		/* Bottom Left 5 */
      		inset -0.234375rem -0.234375rem 0 rgba(var(--light-gray-monochrome), 0),
      		/* Bottom Right 6 */
      		inset -0.3125rem 0 0 rgba(var(--light-gray-monochrome), 0),
      		/* Right 7 */
      		inset -0.234375rem 0.234375rem 0 rgba(var(--white-monochrome));
      	/* Top Right 8 */
      }
  
      100% {
      	box-shadow:
      		inset 0 0.3125rem 0 rgba(var(--light-gray-monochrome), 0),
      		/* Top 1 */
      		inset 0.234375rem 0.234375rem 0 rgba(var(--light-gray-monochrome), 0),
      		/* Top Left 2 */
      		inset 0.3125rem 0 0 rgba(var(--light-gray-monochrome), 0),
      		/* Left 3 */
      		inset 0 -0.3125rem 0 rgba(var(--light-gray-monochrome), 0),
      		/* Bottom 4*/
      		inset 0.234375rem -0.234375rem 0 rgba(var(--light-gray-monochrome), 0),
      		/* Bottom Left 5 */
      		inset -0.234375rem -0.234375rem 0 rgba(var(--light-gray-monochrome), 0),
      		/* Bottom Right 6 */
      		inset -0.3125rem 0 0 rgba(var(--light-gray-monochrome), 0),
      		/* Right 7 */
      		inset -0.234375rem 0.234375rem 0 rgba(var(--light-gray-monochrome), 0);
      	/* Top Right 8 */
  
      }
  }
  
  @keyframes border {
      0% {
      	-webkit-box-shadow:
      		inset 0 0.3125rem 0 rgba(var(--light-gray-monochrome), 0),
      		/* Top 1 */
      		inset 0.234375rem 0.234375rem 0 rgba(var(--light-gray-monochrome), 0),
      		/* Top Left 2 */
      		inset 0.3125rem 0 0 rgba(var(--light-gray-monochrome), 0),
      		/* Left 3 */
      		inset 0 -0.3125rem 0 rgba(var(--light-gray-monochrome), 0),
      		/* Bottom 4*/
      		inset 0.234375rem -0.234375rem 0 rgba(var(--light-gray-monochrome), 0),
      		/* Bottom Left 5 */
      		inset -0.234375rem -0.234375rem 0 rgba(var(--light-gray-monochrome), 0),
      		/* Bottom Right 6 */
      		inset -0.3125rem 0 0 rgba(var(--light-gray-monochrome), 0),
      		/* Right 7 */
      		inset -0.234375rem 0.234375rem 0 rgba(var(--light-gray-monochrome), 0);
      	   -moz-box-shadow:
      		inset 0 0.3125rem 0 rgba(var(--light-gray-monochrome), 0),
      		/* Top 1 */
      		inset 0.234375rem 0.234375rem 0 rgba(var(--light-gray-monochrome), 0),
      		/* Top Left 2 */
      		inset 0.3125rem 0 0 rgba(var(--light-gray-monochrome), 0),
      		/* Left 3 */
      		inset 0 -0.3125rem 0 rgba(var(--light-gray-monochrome), 0),
      		/* Bottom 4*/
      		inset 0.234375rem -0.234375rem 0 rgba(var(--light-gray-monochrome), 0),
      		/* Bottom Left 5 */
      		inset -0.234375rem -0.234375rem 0 rgba(var(--light-gray-monochrome), 0),
      		/* Bottom Right 6 */
      		inset -0.3125rem 0 0 rgba(var(--light-gray-monochrome), 0),
      		/* Right 7 */
      		inset -0.234375rem 0.234375rem 0 rgba(var(--light-gray-monochrome), 0);
      			box-shadow:
      		inset 0 0.3125rem 0 rgba(var(--light-gray-monochrome), 0),
      		/* Top 1 */
      		inset 0.234375rem 0.234375rem 0 rgba(var(--light-gray-monochrome), 0),
      		/* Top Left 2 */
      		inset 0.3125rem 0 0 rgba(var(--light-gray-monochrome), 0),
      		/* Left 3 */
      		inset 0 -0.3125rem 0 rgba(var(--light-gray-monochrome), 0),
      		/* Bottom 4*/
      		inset 0.234375rem -0.234375rem 0 rgba(var(--light-gray-monochrome), 0),
      		/* Bottom Left 5 */
      		inset -0.234375rem -0.234375rem 0 rgba(var(--light-gray-monochrome), 0),
      		/* Bottom Right 6 */
      		inset -0.3125rem 0 0 rgba(var(--light-gray-monochrome), 0),
      		/* Right 7 */
      		inset -0.234375rem 0.234375rem 0 rgba(var(--light-gray-monochrome), 0);
      	/* Top Right 8 */
      }
  
      6.25% {
      	-webkit-box-shadow:
      		inset 0 0.3125rem 0 rgba(var(--white-monochrome)),
      		/* Top 1 */
      		inset 0.234375rem 0.234375rem 0 rgba(var(--light-gray-monochrome), 0),
      		/* Top Left 2 */
      		inset 0.3125rem 0 0 rgba(var(--light-gray-monochrome), 0),
      		/* Left 3 */
      		inset 0 -0.3125rem 0 rgba(var(--light-gray-monochrome), 0),
      		/* Bottom 4*/
      		inset 0.234375rem -0.234375rem 0 rgba(var(--light-gray-monochrome), 0),
      		/* Bottom Left 5 */
      		inset -0.234375rem -0.234375rem 0 rgba(var(--light-gray-monochrome), 0),
      		/* Bottom Right 6 */
      		inset -0.3125rem 0 0 rgba(var(--light-gray-monochrome), 0),
      		/* Right 7 */
      		inset -0.234375rem 0.234375rem 0 rgba(var(--light-gray-monochrome), 0);
      	   -moz-box-shadow:
      		inset 0 0.3125rem 0 rgba(var(--white-monochrome)),
      		/* Top 1 */
      		inset 0.234375rem 0.234375rem 0 rgba(var(--light-gray-monochrome), 0),
      		/* Top Left 2 */
      		inset 0.3125rem 0 0 rgba(var(--light-gray-monochrome), 0),
      		/* Left 3 */
      		inset 0 -0.3125rem 0 rgba(var(--light-gray-monochrome), 0),
      		/* Bottom 4*/
      		inset 0.234375rem -0.234375rem 0 rgba(var(--light-gray-monochrome), 0),
      		/* Bottom Left 5 */
      		inset -0.234375rem -0.234375rem 0 rgba(var(--light-gray-monochrome), 0),
      		/* Bottom Right 6 */
      		inset -0.3125rem 0 0 rgba(var(--light-gray-monochrome), 0),
      		/* Right 7 */
      		inset -0.234375rem 0.234375rem 0 rgba(var(--light-gray-monochrome), 0);
      			box-shadow:
      		inset 0 0.3125rem 0 rgba(var(--white-monochrome)),
      		/* Top 1 */
      		inset 0.234375rem 0.234375rem 0 rgba(var(--light-gray-monochrome), 0),
      		/* Top Left 2 */
      		inset 0.3125rem 0 0 rgba(var(--light-gray-monochrome), 0),
      		/* Left 3 */
      		inset 0 -0.3125rem 0 rgba(var(--light-gray-monochrome), 0),
      		/* Bottom 4*/
      		inset 0.234375rem -0.234375rem 0 rgba(var(--light-gray-monochrome), 0),
      		/* Bottom Left 5 */
      		inset -0.234375rem -0.234375rem 0 rgba(var(--light-gray-monochrome), 0),
      		/* Bottom Right 6 */
      		inset -0.3125rem 0 0 rgba(var(--light-gray-monochrome), 0),
      		/* Right 7 */
      		inset -0.234375rem 0.234375rem 0 rgba(var(--light-gray-monochrome), 0);
      	/* Top Right 8 */
      }
  
      93.75% {
      	-webkit-box-shadow:
      		inset 0 0.3125rem 0 rgba(var(--white-monochrome)),
      		/* Top 1 */
      		inset 0.234375rem 0.234375rem 0 rgba(var(--light-gray-monochrome), 0),
      		/* Top Left 2 */
      		inset 0.3125rem 0 0 rgba(var(--light-gray-monochrome), 0),
      		/* Left 3 */
      		inset 0 -0.3125rem 0 rgba(var(--light-gray-monochrome), 0),
      		/* Bottom 4*/
      		inset 0.234375rem -0.234375rem 0 rgba(var(--light-gray-monochrome), 0),
      		/* Bottom Left 5 */
      		inset -0.234375rem -0.234375rem 0 rgba(var(--light-gray-monochrome), 0),
      		/* Bottom Right 6 */
      		inset -0.3125rem 0 0 rgba(var(--light-gray-monochrome), 0),
      		/* Right 7 */
      		inset -0.234375rem 0.234375rem 0 rgba(var(--white-monochrome));
      	   -moz-box-shadow:
      		inset 0 0.3125rem 0 rgba(var(--white-monochrome)),
      		/* Top 1 */
      		inset 0.234375rem 0.234375rem 0 rgba(var(--light-gray-monochrome), 0),
      		/* Top Left 2 */
      		inset 0.3125rem 0 0 rgba(var(--light-gray-monochrome), 0),
      		/* Left 3 */
      		inset 0 -0.3125rem 0 rgba(var(--light-gray-monochrome), 0),
      		/* Bottom 4*/
      		inset 0.234375rem -0.234375rem 0 rgba(var(--light-gray-monochrome), 0),
      		/* Bottom Left 5 */
      		inset -0.234375rem -0.234375rem 0 rgba(var(--light-gray-monochrome), 0),
      		/* Bottom Right 6 */
      		inset -0.3125rem 0 0 rgba(var(--light-gray-monochrome), 0),
      		/* Right 7 */
      		inset -0.234375rem 0.234375rem 0 rgba(var(--white-monochrome));
      			box-shadow:
      		inset 0 0.3125rem 0 rgba(var(--white-monochrome)),
      		/* Top 1 */
      		inset 0.234375rem 0.234375rem 0 rgba(var(--light-gray-monochrome), 0),
      		/* Top Left 2 */
      		inset 0.3125rem 0 0 rgba(var(--light-gray-monochrome), 0),
      		/* Left 3 */
      		inset 0 -0.3125rem 0 rgba(var(--light-gray-monochrome), 0),
      		/* Bottom 4*/
      		inset 0.234375rem -0.234375rem 0 rgba(var(--light-gray-monochrome), 0),
      		/* Bottom Left 5 */
      		inset -0.234375rem -0.234375rem 0 rgba(var(--light-gray-monochrome), 0),
      		/* Bottom Right 6 */
      		inset -0.3125rem 0 0 rgba(var(--light-gray-monochrome), 0),
      		/* Right 7 */
      		inset -0.234375rem 0.234375rem 0 rgba(var(--white-monochrome));
      	/* Top Right 8 */
      }
  
      100% {
      	-webkit-box-shadow:
      		inset 0 0.3125rem 0 rgba(var(--light-gray-monochrome), 0),
      		/* Top 1 */
      		inset 0.234375rem 0.234375rem 0 rgba(var(--light-gray-monochrome), 0),
      		/* Top Left 2 */
      		inset 0.3125rem 0 0 rgba(var(--light-gray-monochrome), 0),
      		/* Left 3 */
      		inset 0 -0.3125rem 0 rgba(var(--light-gray-monochrome), 0),
      		/* Bottom 4*/
      		inset 0.234375rem -0.234375rem 0 rgba(var(--light-gray-monochrome), 0),
      		/* Bottom Left 5 */
      		inset -0.234375rem -0.234375rem 0 rgba(var(--light-gray-monochrome), 0),
      		/* Bottom Right 6 */
      		inset -0.3125rem 0 0 rgba(var(--light-gray-monochrome), 0),
      		/* Right 7 */
      		inset -0.234375rem 0.234375rem 0 rgba(var(--light-gray-monochrome), 0);
      	   -moz-box-shadow:
      		inset 0 0.3125rem 0 rgba(var(--light-gray-monochrome), 0),
      		/* Top 1 */
      		inset 0.234375rem 0.234375rem 0 rgba(var(--light-gray-monochrome), 0),
      		/* Top Left 2 */
      		inset 0.3125rem 0 0 rgba(var(--light-gray-monochrome), 0),
      		/* Left 3 */
      		inset 0 -0.3125rem 0 rgba(var(--light-gray-monochrome), 0),
      		/* Bottom 4*/
      		inset 0.234375rem -0.234375rem 0 rgba(var(--light-gray-monochrome), 0),
      		/* Bottom Left 5 */
      		inset -0.234375rem -0.234375rem 0 rgba(var(--light-gray-monochrome), 0),
      		/* Bottom Right 6 */
      		inset -0.3125rem 0 0 rgba(var(--light-gray-monochrome), 0),
      		/* Right 7 */
      		inset -0.234375rem 0.234375rem 0 rgba(var(--light-gray-monochrome), 0);
      			box-shadow:
      		inset 0 0.3125rem 0 rgba(var(--light-gray-monochrome), 0),
      		/* Top 1 */
      		inset 0.234375rem 0.234375rem 0 rgba(var(--light-gray-monochrome), 0),
      		/* Top Left 2 */
      		inset 0.3125rem 0 0 rgba(var(--light-gray-monochrome), 0),
      		/* Left 3 */
      		inset 0 -0.3125rem 0 rgba(var(--light-gray-monochrome), 0),
      		/* Bottom 4*/
      		inset 0.234375rem -0.234375rem 0 rgba(var(--light-gray-monochrome), 0),
      		/* Bottom Left 5 */
      		inset -0.234375rem -0.234375rem 0 rgba(var(--light-gray-monochrome), 0),
      		/* Bottom Right 6 */
      		inset -0.3125rem 0 0 rgba(var(--light-gray-monochrome), 0),
      		/* Right 7 */
      		inset -0.234375rem 0.234375rem 0 rgba(var(--light-gray-monochrome), 0);
      	/* Top Right 8 */
  
      }
  }
  
  @-webkit-keyframes rotate {
      0% {
      	-webkit-transform: rotate(0deg);
      			transform: rotate(0deg);
      }
  
      100% {
      	-webkit-transform: rotate(360deg);
      			transform: rotate(360deg);
      }
  }
  
  @-moz-keyframes rotate {
      0% {
      	-moz-transform: rotate(0deg);
      		 transform: rotate(0deg);
      }
  
      100% {
      	-moz-transform: rotate(360deg);
      		 transform: rotate(360deg);
      }
  }
  
  @-o-keyframes rotate {
      0% {
      	-o-transform: rotate(0deg);
      	   transform: rotate(0deg);
      }
  
      100% {
      	-o-transform: rotate(360deg);
      	   transform: rotate(360deg);
      }
  }
  
  @keyframes rotate {
      0% {
      	-webkit-transform: rotate(0deg);
      	   -moz-transform: rotate(0deg);
      		 -o-transform: rotate(0deg);
      			transform: rotate(0deg);
      }
  
      100% {
      	-webkit-transform: rotate(360deg);
      	   -moz-transform: rotate(360deg);
      		 -o-transform: rotate(360deg);
      			transform: rotate(360deg);
      }
  }
  

  Pages using this styling

  • fragment:scp-4485-0 [info]

  ¶ 1 occurrence
  

  :root {
      --rating-module-text-color: var(--swatch-menutxt-light-color);	
      --rating-module-button-color:  var(--swatch-menutxt-light-color);
  }
  
  #page-content > div:first-child {
      padding: 0.5rem 0.5rem 0 0.5rem;
  }
  
  .page-rate-widget-box {
      margin: 0;
      background: 
      	linear-gradient(0deg,
      		rgba(var(--swatch-primary-darkest),.55) 0,
      		rgba(var(--swatch-primary-darkest),.45)) !important;
  }

  Pages using this styling

  • fragment:scp-4485-0 [info]

  ¶ 1 occurrence
  

  @import url(/component:sh-theme/code/1);

  Pages using this styling

  • fragment:scp-4450-5 [info]

  ¶ 1 occurrence
  

  @import url('http://scp-wiki.wdfiles.com/local--files/component%3Aspirit-theme/telegram3.css');
  @import url('http://scp-wiki.wdfiles.com/local--files/component%3Aspirit-theme/Yukarimobile.css');
  .inner {
  display:block;
  margin:auto;
  width:60%;
  padding:5px;
  border:double 3px #112211;
  background:#FFFFFF;
  box-shadow: 0 5px 15px rgba(0,0,0,.2);
  padding-bottom:15px;
  }
  .CS-title {
      font-family: 'alpha_echoregular';
  }

  Pages using this styling

  • fragment:scp-4450-4 [info]

  ¶ 1 occurrence
  

  @import url(/component:MCD-theme/code/1);

  Pages using this styling

  • fragment:scp-4450-3 [info]

  ¶ 1 occurrence
  

  
  div.terminal{
      border: 1px solid black;
      border: solid 3px #BBBBBB;
      border-radius: 16px;
  /* black shadow at the top of the terminal */
      background-color: #716639;
      background-image: radial-gradient(ellipse 60% 100% at 50% 90%, transparent, #645026);
      background-position: center;
      display: block;
  /* shadow around the terminal */
      box-shadow: inset 0 0 10em 1em rgba(0,0,0,0.5);
  /* prevents scanline from forming a scrollwheel */
      overflow:hidden;
  }
  
  div.scanline{
  
      margin-top: -40%;
  
      width: 100%;
  
      height: 60px;
  
      position: relative;
  
      pointer-events: none;
  
  /* Safari 4.0 - 8.0 */
  
      -webkit-animation: scan 12s linear 0s infinite; /* You may need to change this. If the bar goes by too quickly, increase 5s. */
  
      animation: scan 12s linear 0s infinite; /* Same as above */
  
      background: linear-gradient(to bottom, rgba(243, 243, 202,0), rgba(243, 243, 202,0.1)) !important;
  
  }
  /* Safari 4.0 - 8.0 */
  
  @-webkit-keyframes scan{
  
      from{ transform: translateY(-10%);}
  
      to{  transform: translateY(5000%);} /* You may need to change this depending on the length of your terminal. If the scanline stops halfway, increase the second number.*/
  
  }
  
  
  
  @keyframes scan{
  
      from{ transform: translateY(-10%);}
  
      to{  transform: translateY(5000%);} /* Same as above.*/
  
  }
  
  div.text{
      color: rgba(255, 242, 165, 0.45);
      padding-top: 40%;
      font-family: monospace;
      font-size: 1.2em;
      }
  
  div.text a {
      color: #D9C56f;
      text-decoration: none;
      background: transparent;
  }
  div.text a.newpage {
      color: #D9C56f;
      text-decoration: none;
      background: transparent;
  }
  div.text a:hover {
      color: #977d45;
      text-decoration: underline;
      background-color: #D9C56f;
      padding: 1px;
  }
  div.text a:hover::before{
  content: "> ";
  }

  Pages using this styling

  • fragment:scp-4450-1 [info]

  ¶ 1 occurrence
  

  :root {
    /* --header-title: "SCP FOUNDATION"; */
    --lgurl: url("https://scp-wiki.wdfiles.com/local--files/math-department-hub/Math%20Department%20Logo%20-%20Penumbra.png");
    /* --header-subtitle: "DEPARTMENT OF MATHEMATICS"; */
    /* --accentColor: #1eb5e8; */
    /* --header-subtitle: "DEPARTMENT OF APPLIED MATHEMATICS"; */
    /* --accentColor: #65cdf0; */
    --header-subtitle: "DEPARTMENT OF ESOTERIC MATHEMATICS";
    --accentColor: #0099cc;
    /* --header-subtitle: "DEPARTMENT OF TACTICAL MATHEMATICS"; */
    /* --accentColor: #636fee; */
  }
  

  Pages using this styling

  • fragment:scp-4314-1 [info]

  ¶ 1 occurrence
  

  :root {
    /* --header-title: "SCP FOUNDATION"; */
    --lgurl: url("https://scp-wiki.wdfiles.com/local--files/math-department-hub/Math%20Department%20Logo%20-%20Penumbra.png");
    /* --header-subtitle: "DEPARTMENT OF MATHEMATICS"; */
    /* --accentColor: #1eb5e8; */
    --header-subtitle: "DEPARTMENT OF APPLIED MATHEMATICS";
    --accentColor: #65cdf0;
    /* --header-subtitle: "DEPARTMENT OF ESOTERIC MATHEMATICS"; */
    /* --accentColor: #0099cc; */
    /* --header-subtitle: "DEPARTMENT OF TACTICAL MATHEMATICS"; */
    /* --accentColor: #636fee; */
  }
  

  Pages using this styling

  • fragment:scp-4314-0 [info]

  ¶ 1 occurrence
  

  blockquote {
  
      background-color: black;
  
      border: double 3px #80FF80
  
  }
  div.terminal{
          width: @display-width;
          height: @display-height;
      border: 1px solid black;
      border: solid 3px #BBBBBB;
      border-radius: 16px;
      background-color: #131;
  /* black shadow at the top of the terminal */
    	background-image: 
      	radial-gradient(ellipse 1000% 100% at 50% 90%, transparent, #121);
    	background-position: center;
    	display: block;
  /* shadow around the terminal */
    	box-shadow: inset 0 0 10em 1em rgba(0,0,0,0.5);
  /* prevents scanline from forming a scrollwheel */
    	overflow:hidden;
  }
  div.scanline{
      margin-top: -40%;
      width: @display-width;
      height: 60px;
      position: relative;
      pointer-events: none;
      -webkit-animation: scan 5s linear 0s infinite;; /* Safari 4.0 - 8.0 */
      animation: scan 12s linear 0s infinite;
      background: linear-gradient(to bottom, rgba(56, 112, 82,0), rgba(56, 112, 82,0.1)) !important;
  }
  
  div.text{
      color: rgba(128,255,128,0.8);
      padding-left: 2em;
      padding-right: 2em;
      padding-top: 40%;
  font-family: monospace;
  font-size: 0.85em;
  
      }
      
  /* Safari 4.0 - 8.0 */
  @-webkit-keyframes scan{
      from{ transform: translateY(-10%);}
      to{  transform: translateY(5500%);}
  }
  
  div.text a {
      color: #90EE90;
      text-decoration: none;
      background: transparent;
  }
  div.text a.newpage {
      color: #90EE90;
      text-decoration: none;
      background: transparent;
  }
  div.text a:hover {
      color: #131;
      text-decoration: underline;
      background-color: #80FF80;
      padding: 1px;
  }
  
  div.text a:hover::before {
  content: "> ";
  } 
  
  table, th, td {
      background-color: transparent;
      border: 1px solid #80FF80;
      border-collapse: collapse;
      font-family: monospace;
      text-align: center;
      vertical-align: center;
  }
  
  /* slightly more dulled color for specific words */
  span.d{color: #262;}
  
  /* slightly more vibrant color for specific words */
  span.a{color: #90EE90;padding: 0 4px;}
  

  Pages using this styling

  • fragment:scp-4224-4 [info]

  ¶ 1 occurrence
  

  a.footnoteref{
      display: inline-block;
      color: #b01;
  }
  
  blockquote {
  
      background-color: black;
  
      border: double 3px #80FF80
  
  }
  div.terminal{
          width: @display-width;
          height: @display-height;
      border: 1px solid black;
      border: solid 3px #BBBBBB;
      border-radius: 16px;
      background-color: #131;
  /* black shadow at the top of the terminal */
    	background-image: 
      	radial-gradient(ellipse 1000% 100% at 50% 90%, transparent, #121);
    	background-position: center;
    	display: block;
  /* shadow around the terminal */
    	box-shadow: inset 0 0 10em 1em rgba(0,0,0,0.5);
  /* prevents scanline from forming a scrollwheel */
    	overflow:hidden;
  }
  div.scanline{
      margin-top: -40%;
      width: @display-width;
      height: 60px;
      position: relative;
      pointer-events: none;
      -webkit-animation: scan 5s linear 0s infinite;; /* Safari 4.0 - 8.0 */
      animation: scan 5s linear 0s infinite;
      background: linear-gradient(to bottom, rgba(56, 112, 82,0), rgba(56, 112, 82,0.1)) !important;
  }
  
  div.nolinks{
      }
  
  div.text{
      color: rgba(128,255,128,0.8);
      padding-left: 2em;
      padding-right: 2em;
      padding-top: 40%;
  font-family: monospace;
  font-size: 0.85em;
      }
      
  /* Safari 4.0 - 8.0 */
  @-webkit-keyframes scan{
      from{ transform: translateY(-10%);}
      to{  transform: translateY(3000%);}
  }
  
  
  div.text a {
      color: #90EE90;
      text-decoration: none;
      background: transparent;
  }
  div.text a.newpage {
      color: #90EE90;
      text-decoration: none;
      background: transparent;
  }
  div.text a:hover {
      color: #131;
      text-decoration: underline;
      background-color: #80FF80;
      padding: 1px;
  }
  
  div.text a:hover::before {
  content: "> ";
  }
  
  div.nolinks a:hover::before {
  content: "";
  }

  Pages using this styling

  • fragment:scp-4224-3 [info]

  ¶ 1 occurrence
  

  
  blockquote {
  
      background-color: black;
  
      border: double 3px #80FF80
  
  }
  div.terminal{
          width: @display-width;
          height: @display-height;
      border: 1px solid black;
      border: solid 3px #BBBBBB;
      border-radius: 16px;
      background-color: #131;
  /* black shadow at the top of the terminal */
    	background-image: 
      	radial-gradient(ellipse 1000% 100% at 50% 90%, transparent, #121);
    	background-position: center;
    	display: block;
  /* shadow around the terminal */
    	box-shadow: inset 0 0 10em 1em rgba(0,0,0,0.5);
  /* prevents scanline from forming a scrollwheel */
    	overflow:hidden;
  }
  div.scanline{
      margin-top: -40%;
      width: @display-width;
      height: 60px;
      position: relative;
      pointer-events: none;
      -webkit-animation: scan 5s linear 0s infinite;; /* Safari 4.0 - 8.0 */
      animation: scan 5s linear 0s infinite;
      background: linear-gradient(to bottom, rgba(56, 112, 82,0), rgba(56, 112, 82,0.1)) !important;
  }
  
  div.text{
      color: rgba(128,255,128,0.8);
      padding-left: 2em;
      padding-top: 40%;
  font-family: monospace;
  font-size: 0.85em;
      }
      
  /* Safari 4.0 - 8.0 */
  @-webkit-keyframes scan{
      from{ transform: translateY(-10%);}
      to{  transform: translateY(2000%);}
  }
  
  
  div.text a {
      color: #90EE90;
      text-decoration: none;
      background: transparent;
  }
  div.text a.newpage {
      color: #90EE90;
      text-decoration: none;
      background: transparent;
  }
  div.text a:hover {
      color: #131;
      text-decoration: underline;
      background-color: #80FF80;
      padding: 1px;
  }
  div.text a:hover::before {
  content: "> ";
  }
  span.highlight{
  color: #90EE90
  }

  Pages using this styling

  • fragment:scp-4224-2 [info]

  ¶ 1 occurrence
  

  div.terminal{
          width: @display-width;
          height: @display-height;
      border: 1px solid black;
      border: solid 3px #BBBBBB;
      border-radius: 16px;
      background-color: #131;
  /* black shadow at the top of the terminal */
    	background-image: 
      	radial-gradient(ellipse 1000% 100% at 50% 90%, transparent, #121);
    	background-position: center;
    	display: block;
  /* shadow around the terminal */
    	box-shadow: inset 0 0 10em 1em rgba(0,0,0,0.5);
  /* prevents scanline from forming a scrollwheel */
    	overflow:hidden;
  }
  div.scanline{
      margin-top: -40%;
      width: @display-width;
      height: 60px;
      position: relative;
      pointer-events: none;
      -webkit-animation: scan 5s linear 0s infinite;; /* Safari 4.0 - 8.0 */
      animation: scan 5s linear 0s infinite;
      background: linear-gradient(to bottom, rgba(56, 112, 82,0), rgba(56, 112, 82,0.1)) !important;
  }
  
  div.text{
      color: rgba(128,255,128,0.8);
      padding-left: 2em;
      padding-top: 34%;
  font-family: monospace;
  font-size: 0.85em;
      }
      
  /* Safari 4.0 - 8.0 */
  @-webkit-keyframes scan{
      from{ transform: translateY(-10%);}
      to{  transform: translateY(2000%);}
  }
  
  
  div.text a {
      color: #90EE90;
      text-decoration: none;
      background: transparent;
  }
  div.text a.newpage {
      color: #90EE90;
      text-decoration: none;
      background: transparent;
  }
  div.text a:hover {
      color: #131;
      text-decoration: underline;
      background-color: #80FF80;
      padding: 1px;
  }
  

  Pages using this styling

  • fragment:scp-4224-1 [info]

  ¶ 1 occurrence
  

  .footnotes-footer { 
  display:none;
  }
  a.footnoteref{
      display: inline-block;
      color: #b01;
  }
  div.text a:hover::before{
  content: "> "
  }
  
  .enlarge{
  transition: .25s;
  }
  
  .enlarge:hover{
  transform: scale(1.6);
  transition: .25s;
  transition-delay: .4s;
  }

  Pages using this styling

  • fragment:scp-4224-1 [info]

  ¶ 1 occurrence
  

  div.nomargin p {
    margin: 0;
  }
  div.nomargin ul {
    margin: 0;
  }

  Pages using this styling

  • fragment:scp-4071-2 (2) [info]

  ¶ 1 occurrence
  

  .collapsible-block-folded a { color: #333; cursor: text; margin-left: 20px; margin-right: 20px; }
  .collapsible-block-folded a:hover { text-decoration: none; }

  Pages using this styling

  • fragment:scp-3939-64 [info]

  ¶ 1 occurrence
  

  .oclass { display: inline-flex; column-gap: 1rem; align-content: center; }
  .oclass .textchange { flex-shrink: 0; }
  @media (max-width: 600px) { .oclass { flex-wrap: wrap } }

  Pages using this styling

  • fragment:scp-3939-39 [info]

  ¶ 1 occurrence
  

  :root {
    --header-title: "Area-55";
    --header-subtitle: "'The Madhous'";
    --accentColor: #6b0002;
  }
  #page-title{display:none}
  body {
  
      background-image: url(https://upload.wikimedia.org/wikipedia/commons/thumb/5/5e/Red_and_Gold_%2816173781482%29.jpg/800px-Red_and_Gold_%2816173781482%29.jpg?20230331170958);
      background-attachment: fixed;
      background-size: cover;
  }
  
  body:before {
    content: ' ';
    position: fixed;
    display: block;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(170deg, transparent, rgb(0, 0, 0) 65%, rgb(0, 0, 0) 65%, rgb(0, 0, 0) 100%);
    z-index: -1;
    color:#EDEDED;
  }
  
  .email-example .collapsible-block-folded a.collapsible-block-link {
      animation: blink 0.8s ease-in-out infinite alternate;
  }
  @keyframes blink {
      0% { color: transparent; }
      50%, 100% { color: #b01; }
  }
  .email {border: solid 2px #000000; width: 88%; padding: 1px 15px; margin: 10px; box-shadow: 0 1px 3px rgba(0,0,0,.5)}
  .email-example a.collapsible-block-link {font-weight: bold;}
  .tofrom {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px maroon}

  Pages using this styling

  • fragment:scp-3580-1 [info]

  ¶ 1 occurrence
  

  :root {
    --header-title: "Area-55";
    --header-subtitle: "'The Madhous'";
    --accentColor: #6b0002;
  }
  
  body {
  
      background-image: urlhttps://upload.wikimedia.org/wikipedia/commons/thumb/5/5e/Red_and_Gold_%2816173781482%29.jpg/800px-Red_and_Gold_%2816173781482%29.jpg?20230331170958;
      background-attachment: fixed;
      background-size: cover;
  }
  
  body:before {
    content: ' ';
    position: fixed;
    display: block;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(170deg, transparent, rgb(0, 0, 0) 65%, rgb(0, 0, 0) 65%, rgb(0, 0, 0) 100%);
    z-index: -1;
    color:#EDEDED;
  }
  

  Pages using this styling

  • fragment:scp-3580-0 [info]

  ¶ 1 occurrence
  

  a.collapsible-block-link { font-family: 'Andale Mono', 'Courier New', Courier, monospace; }

  Pages using this styling

  • fragment:scp-3449-5 [info]

  ¶ 1 occurrence
  

  div.blockquote.pink {border-color: #ffb961; margin: 3em 0;}
  
  .pink strong {color: #ffb961;}
  

  Pages using this styling

  • fragment:scp-332-1 [info]

  ¶ 1 occurrence
  

  .raisa {
      color: black;
      margin: 3em 0;
      border: 3px solid black;
      border-radius: 10px;
      background: #d6b673 url(https://scp-wiki.wdfiles.com/local--files/the-great-hippo/scp_trans.png) center no-repeat;
      padding: 0 1em;
  }
  
  a[href$="offset/1"] {
      color: #9c2e19;
      padding: 2px;
  }
  
  a[href$="offset/1"]:hover {
      color: #d6b673;
      background: #9c2e19;
      text-decoration: none;
  }
  
  #page-content ul {
      margin-right: 3em;
  }

  Pages using this styling

  • fragment:scp-332-0 [info]

  ¶ 1 occurrence
  

  #page-title {
      display: none;
  }
  
  .blbf-main > div::before {
      top: -0.5rem;
      left: -0.35em;
  }
  
  .blbf-main > div {
      border: 0.50rem black solid;
      margin-left: auto;
  }
  
  .blbf-main > div::before {
      background-color: black;
  }
  
  span.hilighter {
      background-color: rgb(var(--black-monochrome));
      color: white;
      font-weight: bold;
      padding: 0.2em;
      font-size: 108%;
      line-height: 1.2;
  }
  
  a.collapsible-block-link {
      color: transparent;
      background-color: transparent;
  }
  

  Pages using this styling

  • fragment:scp-2744-6 [info]

  ¶ 1 occurrence
  

  a.collapsible-block-link {
      color: transparent!important;
      background-color: transparent!important;
  }
  
  .licensebox .collapsible-block-link {
      color: rgb(var(--gray-monochrome))!important;
      background-color: rgb(var(--black-monochrome))!important;
  }

  Pages using this styling

  • fragment:scp-2744-2 [info]

  ¶ 1 occurrence
  

  :root {
    --accentColor: 255, 10, 35;
    --darkColor: 5, 5, 5;
  }
  
  div#extrac-div-1, div#extrac-div-2 {
  display: none;
  }
  
  .modalbox {
      box-shadow: 0 1px 10px hsl(353deg 100% 38%) !important;
  }
  
  #page-title {
      display: none;
  }

  Pages using this styling

  • fragment:scp-2744-0 [info]

  ¶ 1 occurrence
  

  .fixmargin p {
    margin-top: 0;
  }

  Pages using this styling

  • fragment:scp-2641-5 (2) [info]

  ¶ 1 occurrence
  

  
  /* DIV BLOCKS stolen from floppypheonix uwu */
  .quote-block{
      border: 2px double #999;
      background-color: #f4f4f4;
      padding: .25em 1em;
      margin-bottom: 1em;
  }
  .report-box{
      border: 2px solid rgb(12, 12, 12);
      background-color: white;
      padding: .25em 1em;
      margin: 0 auto 1em;
      width: 50%;
  
  }
  

  Pages using this styling

  • fragment:scp-2019-j-7 [info]

  ¶ 1 occurrence
  

  /* == FORMATTING | [GENERAL] == */
   .meta-title, h3, h4 {
      font-family: "Trebuchet MS", "Trebuchet", "Verdana", "Arial", "Helvetica", sans-serif;
  }
  
   .meta-title {
      font-weight: 700;
  }
  
  /* == FORMATTING | [SPECIAL] == */
   table.form {
      width: 100%;
      margin: 2rem auto;
  }
  
   table.form td {
      float: unset;
  
      text-align: center;
  }
  
   table.form td.type-border {
      display: block;
      margin: .4rem auto;
  
      background: white;
      border: thin solid hsl(0, 0%, 47%);
      font-size: 1.35rem;
  }
  
   .terminal-span {
      font: 1.05rem var(--mono-font);
      font-weight: bold;
      letter-spacing: .3px;
  }
  
  /* == CUSTOM DIV BLOCKS == */
   .report-box {
      margin: 1rem 0;
      padding: 0 1rem;
   
      background: white;
      border: thick solid hsl(0, 0%, 5%);
  }
  
   .report-box :is(h3, h4) {
      text-align: center;
  }
  
   .report-box hr {
      border-color: hsl(0, 0%, 5%);
  }
   
   .report-box.blue-tint {
      background: hsl(240, 91%, 86%);
      border-color: hsl(240, 62%, 66%);
  }
  
   .report-box.blue-tint hr{
      border-color: hsl(240, 62%, 66%);
  }
  
   div.blockquote.narrow {
      width: fit-content;
      margin: auto;
  
      background: rgb(var(--techno-secondary) / .2);
  
      text-align: center;
  }

  Pages using this styling

  • fragment:scp-2-4 [info]

  ¶ 1 occurrence
  

  /* == COMMON == */
   body {
      text-underline-offset: 25%;
  }
  
  /* == CUSTOM DIV BLOCKS == */
   .dankesite {
      margin: 1rem 0;
      padding: 0 1rem;
  
      color: hsl(60, 60%, 67%);
      background: hsl(60, 100%, 7%);
      border: medium ridge hsl(60, 33%, 50%);
  
      font: 1.25rem var(--mono-font);
      text-align: center;
  }
  
   .response {
      padding: 0 1rem;
  
      color: hsl(240, 100%, 27%);
      border: thin solid black;
  
      font: 1.05rem var(--mono-font);
  }
  
   .intscpfn-1 {
      max-width: 640px;
      margin: auto auto 1.2rem;
      padding: 0 .6rem;
  
      color: hsl(0, 0%, 95%);
      background: hsl(0, 100%, 20%);
      border: thin solid hsl(0, 100%, 20%);
      border-radius: 1.8rem;
      box-shadow:
      	inset 0 10px 20px rgb(255 204 204 / 30%),
      	inset 0 -15px 30px rgb(48 0 0 / 50%);
  
      font: 1.5rem var(--header-font);
      text-align: center;
  }
  
   .intscpfn-2, .intscpfn-3 {
      width: 480px;
      margin: 1.2rem auto 0;
      padding: 0 .6rem;
  
      border-radius: 1.8rem;
  }
  
   .intscpfn-2 {
      background: hsl(0, 100%, 95%);
      border: thin solid hsla(0, 100%, 20%);
  }
  
   .intscpfn-3 {
      background: hsl(60, 100%, 95%);
      border: thin solid hsl(60, 100%, 20%);
  }
  
   @media (max-width: 479px) {
       .intscpfn-1, .intscpfn-2, .intscpfn-3 {
      	width: unset;
      }
  }
  
  /* == Blinking Text Cursor ==
   * Adapted From:
   *	Word Processor Theme by stormbreath
  **/
   #u-append-blink-bar p:last-child::after {
      position: relative;
      bottom: .067rem;
      left: .07rem;
      content: "█";
  
      animation: blink 1.5s infinite;
      color: hsl(240, 100%, 27%);
  }
  
   @keyframes blink {
       to {
      	opacity: 0;
      }
  }

  Pages using this styling

  • fragment:scp-2-3 [info]

  ¶ 1 occurrence
  

  /* == CUSTOM DIV BLOCKS == */
   .warning-header {
      padding: 0 1rem;
  
      background-attachment: fixed;
      background-color: hsl(356, 98%, 84%);
      background-image:
         url(https://scp-wiki.wdfiles.com/local--files/scp-2/infotech_dept.png);
      background-position: center;
      background-repeat: no-repeat;
      background-size: 400px;
      border: thick solid rgb(var(--techno-dark));
  
      text-align: center;
  }
  
   .warning-header p:nth-child(1)::before {
      display: flex;
      justify-content: center;
      padding: 0 0 1rem;
      content: "⚠ WARNING ⚠";
  
      border-bottom: medium solid rgb(var(--techno-dark));
  
      font: 1.95rem var(--header-font);
  }
  
   .warning-header :is(h2, h4) {
      color: inherit;
  }
  
   .narration {
      margin: 1rem 0;
      padding: .02rem 1rem;
  
      background-color: hsl(0, 0%, 100%);
      border: thin solid hsl(0, 0%, 60%);
  }
  
  /* == FORMATTING | [SPECIAL] == */
   .lite-heading {
      width: fit-content;
      margin: 3.6rem auto;
      padding: 0 2rem;
  
      background: rgb(var(--techno-secondary) / .2);
  }
  
   .lite-heading hr {
      margin: 0 -2rem;
  
      border: thick solid rgb(var(--techno-secondary));
  }

  Pages using this styling

  • fragment:scp-2-2 [info]

  ¶ 1 occurrence
  

  /* == OBJECT WARNING BOX == */
   .text-number {
      z-index: 1;
  }
  
   div.warning-box div.text-top {
      font-family: var(--header-font);
  }
  
   div.warning-box div.text-number {
      bottom: 1rem !important;
  }
  
  /* == DIVS == */
   .alt-blockquote { /* == Alternative Quote Block == */
      margin: 1rem 0;
      padding: 1rem 1rem .02rem;
   
      background: hsl(0, 0%, 96%);
      border: thick solid hsla(180, 96%, 11%, .6);
      border-radius: 2rem;
  }
  
  /* == CHAT == */
   .outer-chat,
   .inner-chat {
      margin: .8rem 0;
      padding: .02rem 1.2rem;
  
      border-radius: 2.4rem 1.2rem;
  }
  
   .outer-chat.L {
      background: hsl(35, 100%, 50%);
  }
  
   .outer-chat.F {
      background: hsl(267, 37%, 50%);
  }
  
   .inner-chat {
      background: white;
      border: thick solid hsl(180, 10%, 90%);
  }
  
   .inner-chat > table {
      width: 100%;
  }
  
   .aic-chat {
      width: 8.4rem;
  }
  
   @media only screen and (max-width:425px) {
       .aic-chat {
      	width: 6.2rem;
      }
  }

  Pages using this styling

  • fragment:scp-2-1 [info]

  ¶ 1 occurrence
  

  body {
    background: linear-gradient(180deg, rgba(255, 255, 255) 8%, rgba(0,0,0,1) 60%);
  }

  Pages using this styling

  • fragment:scp-1796-5 [info]

  ¶ 1 occurrence
  

  .raisa_memo {
  width: unset;
  }

  Pages using this styling

  • fragment:scp-1100-ko-3 [info]

  ¶ 1 occurrence
  

  :root {
       --header-title: "Department of Unreality";
       --header-subtitle: "MAKING THE UNREAL A";
    --lgurl: url('https://scp-wiki.wdfiles.com/local--files/component:pride-highlighter/tg_logo.svg');
  }
   
  @media only screen and (max-width: 26.5625rem) {
      :root {
          --header-title: "Unreality";
      }
  }
   
   
  .info-container{
  --barColour: #2c2427;
  --linkColour: #FFF;
  }
   
  #page-content hr {
  border-top: none;
  height: .05em;
  background: #454545;
  }
   
  #page-content > .collapsible-block {
      display: block;
      text-align: center;
      padding: .8em;
      background-color: #e3e3e3;
      border-top: 0.125rem dashed #b5b5b5;
      border-bottom: 0.125rem dashed #b5b5b5;
  }
   
  #page-content > .collapsible-block .collapsible-block-content {
      text-align: left;
  }
   
  .interview{
      border:solid 2px #d4d4d4;
      background:#F5F5F5;
      width:90%;
      padding:1px 15px;
      margin: 10px auto;
  }
   
  .file{
      border:none;
      background:#F5F5F5;
      width:90%;
      padding:1px 15px;
      margin: 10px auto;
  }
   
  .addendum{
      border:solid 1px #5e5e5e;
      background:#ffffff;
      width:90%;
      padding:1px 15px;
      margin: 10px auto;
  }
   
  .testfile{
      border:solid 3px #643434;
      background:#f7efef;
      width:90%;
      padding:1px 15px;
      margin: 10px auto;
  }
   
  .testvideo{
      background:#e9d5d5;
      width:90%;
      padding:1px 15px;
      margin: 10px auto;
  }
   
   
  #page-title{display:none}
   

  Pages using this styling

  • fragment:scp-031-vn-2 [info]

  ¶ 1 occurrence
  

  :root {
       --header-title: "SCP FOUNDATIOM";
       --header-subtitle: "SECURE - CONTAIN -PROTECT ";
    --lgurl: url('https://scp-wiki.wdfiles.com/local--files/component:pride-highlighter/tg_logo.svg');
  }

  Pages using this styling

  • fragment:scp-031-vn-1 [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Cutive+Mono&display=swap');
  
  :root {
      --header-title: 'reSCiPes';
      --header-subtitle: 'Prepare, Cook, Serve up!';
      --logo-image: url('http://scp-wiki.wikidot.com/local--files/re-scp-es/SCP%20Cooking%20logo.png');
      --header-title-color: 192,192,192;
      --header-subtitle-color: 192,192,192;
      --top-bar-link-color: 192,192,192;
      --header-border-color: 99,107,96;
      --link-color: 179,122,18;
      --link-visited-color: 179,122,18;
      --link-newpage-color: 179,122,18;
      --gradient-header: url('');
      --header-font: Cutive Mono, serif;
  }
  
  @media only screen and (max-width: 56.25rem) {
    :root {    --gradient-header: url('');
  }
  }
     #footer::before {
        font-size: 1.5rem;
    content: "";
     }
  
  #page-title { text-align: center; }
  
  /*PAPERDIV JAY*/
  .notejay {
       background-image:
       linear-gradient(90deg, transparent 2.35em, rgb(255, 101, 106) 2.35em, rgb(255, 101, 106) 2.5em, transparent 2.5em),
       linear-gradient(rgba(213, 194, 96,  0.5) .1em, transparent .1625em);
       background-position: 1rem 0.75rem;
       background-size: 100% 1.8rem;
       font-size: 1.1em;
       box-shadow: 5px 3px 5px #C6BB87;
       border-width: 1px;
       border-style: dotted;
       border-color: rgba(198, 187, 135);
       padding-left: 2rem;
  }
  
  .notejay pre {
       white-space: pre;
       white-space: normal;
       width: 100%;
       overflow: hidden;
  }
  
  .notejay >*,
       --wght: 400;
       padding: 0 0 0 1rem;
       font-weight: 400;
       letter-spacing: 0.05em;
       outline: none;
  }
  
  .notejay >* {
       line-height: calc(var(--base-font-size) * 1.62);
  }
  
  .notejay2 {
       background-image: linear-gradient(rgba(213, 194, 96,  0.5) .1em, transparent .1625em);
       background-position: 1rem 0.75rem;
       background-size: 100% 1.8rem;
       font-size: 1.1em;
       box-shadow: 5px 3px 5px #C6BB87;
       border-width: 1px 1px 1px 0px;
       border-style: dotted;
       border-color: rgba(198, 187, 135);
  }
  
  .notejay2 pre {
       white-space: pre;
       white-space: normal;
       width: 100%;
       overflow: hidden;
  }
  
  .notejay2 >*,
       --wght: 400;
       padding: 0 0 0 3rem;
       font-weight: 400;
       letter-spacing: 0.05em;
       outline: none;
  }
  
  .notejay2 >* {
       line-height: calc(var(--base-font-size) * 1.62);
  }
  
  /*PAPERDIV SALAM*/
  .notesalam {
       background-image:
       linear-gradient(90deg, transparent 2.35em, rgb(173, 216, 230) 2.35em, rgb(255, 101, 106) 2.5em, transparent 2.5em),
       linear-gradient(rgba(213, 194, 96,  0.5) .1em, transparent .1625em);
       background-position: 1rem 0.75rem;
       background-size: 100% 1.8rem;
       font-size: 1.5em;
       box-shadow: 5px 3px 5px #C6BB87;
       border-width: 1px;
       border-style: dotted;
       border-color: rgba(198, 187, 135);
       padding-left: 2rem;
  }
  
  .notesalam pre {
       white-space: pre;
       white-space: normal;
       width: 100%;
       overflow: hidden;
  }
  
  .notesalam >*,
       --wght: 400;
       padding: 0 0 0 3rem;
       font-weight: 400;
       letter-spacing: 0.05em;
       outline: none;
  }
  
  .notesalam >* {
       line-height: calc(var(--base-font-size) * 1.62);
  }
  
  .notesalam2 {
       background-image: linear-gradient(rgba(213, 194, 96,  0.5) .1em, transparent .1625em);
       background-position: 1em 0.75rem;
       background-size: 100% 1.8rem;
       font-size: 1.5em;
       box-shadow: 5px 3px 5px #C6BB87;
       border-width: 1px 1px 1px 0px;
       border-style: dotted;
       border-color: rgba(198, 187, 135);
  }
  
  .notesalam2 pre {
       white-space: pre;
       white-space: normal;
       width: 100%;
       overflow: hidden;
  }
  
  .notesalam2 >*,
       --wght: 400;
       padding: 0 0 0 3rem;
       font-weight: 400;
       letter-spacing: 0.05em;
       outline: none;
  }
  
  .notesalam2 >* {
       line-height: calc(var(--base-font-size) * 1.62);
  }
  
  /*PAPERDIV GIJS*/
  .notegijs {
       background-image:
       linear-gradient(90deg, transparent 2.35em, rgb(240,169,99) 2.35em, rgb(255, 101, 106) 2.5em, transparent 2.5em),
       linear-gradient(rgba(213, 194, 96,  0.5) .1em, transparent .1625em);
       background-position: 1rem 0.75rem;
       background-size: 100% 1.8rem;
       font-size: 1.3em;
       box-shadow: 5px 3px 5px #C6BB87;
       border-width: 1px;
       border-style: dotted;
       border-color: rgba(198, 187, 135);
       padding-left: 2rem;
  }
  
  .notegijs pre {
       white-space: pre;
       white-space: normal;
       width: 100%;
       overflow: hidden;
  }
  
  .notegijs >*,
       --wght: 400;
       padding: 0 0 0 3rem;
       font-weight: 400;
       letter-spacing: 0.05em;
       outline: none;
  }
  
  .notegijs >* {
       line-height: calc(var(--base-font-size) * 1.62);
  }
  
  .notegijs2 {
       background-image: linear-gradient(rgba(213, 194, 96,  0.5) .1em, transparent .1625em);
       background-position: 1rem 0.75rem;
       background-size: 100% 1.8rem;
       font-size: 1.3em;
       box-shadow: 5px 3px 5px #C6BB87;
       border-width: 1px 1px 1px 0px;
       border-style: dotted;
       border-color: rgba(198, 187, 135);
  }
  
  .notegijs2 pre {
       white-space: pre;
       white-space: normal;
       width: 100%;
       overflow: hidden;
  }
  
  .notegijs2 >*,
       --wght: 400;
       padding: 0 0 0 3rem;
       font-weight: 400;
       letter-spacing: 0.05em;
       outline: none;
  }
  
  .notegijs2 >* {
       line-height: calc(var(--base-font-size) * 1.62);
  }
  
  /*PAPERDIV HARRIT*/
  .noteharrit {
       background-image:
       linear-gradient(90deg, transparent 2.35em, rgb(152, 211, 128) 2.35em, rgb(255, 101, 106) 2.5em, transparent 2.5em),
       linear-gradient(rgba(213, 194, 96,  0.5) .1em, transparent .1625em);
       background-position: 1rem 0.75rem;
       background-size: 100% 1.8rem;
       font-size: 1.3em;
       box-shadow: 5px 3px 5px #C6BB87;
       border-width: 1px;
       border-style: dotted;
       border-color: rgba(198, 187, 135);
       padding-left: 2rem;
  }
  
  .noteharrit pre {
       white-space: pre;
       white-space: normal;
       width: 100%;
       overflow: hidden;
  }
  
  .noteharrit >*,
       --wght: 400;
       padding: 0 0 0 3rem;
       font-weight: 400;
       letter-spacing: 0.05em;
       outline: none;
  }
  
  .noteharrit >* {
       line-height: calc(var(--base-font-size) * 1.62);
  }
  
  
  .noteharrit2 {
       background-image: linear-gradient(rgba(213, 194, 96,  0.5) .1em, transparent .1625em);
       background-position: 1em 0.75rem;
       background-size: 100% 1.8rem;
       font-size: 1.3em;
       box-shadow: 5px 3px 5px #C6BB87;
       border-width: 1px 1px 1px 0px;
       border-style: dotted;
       border-color: rgba(198, 187, 135);
  }
  
  .noteharrit2 pre {
       white-space: pre;
       white-space: normal;
       width: 100%;
       overflow: hidden;
  }
  
  .noteharrit2 >*,
       --wght: 400;
       padding: 0 0 0 3rem;
       font-weight: 400;
       letter-spacing: 0.05em;
       outline: none;
  }
  
  .noteharrit2 >* {
       line-height: calc(var(--base-font-size) * 1.62);
  }
  
  /*TOP BUTTON*/
  .stocky{
      float: right;
      position: sticky;
      bottom: 20px;
      right: 20px;
      background-color: #FF9FA2;
      padding: 2px;
      border-radius: 15px;
      box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
      margin-right: 10px;
      transition: 0.3s !important;
  }
  .stocky:hover{
      background-color :#e5d4be;
  }
  .stocky p{
      line-height: 0;
  }
  
  
  /*RECIPE INSTRUCTIONS BLOCK*/
  
  .recipeneed{
     background-color: transparent;
     padding: 15px;
     text-align: left;
     margin-left: 3rem;
  }
  
  .recipeact{
     background-color: transparent;
     padding: 15px;
     text-align: left;
     margin-left: 1.5rem;
  }
  
  /*PICTURE BLOCK*/
  .recipepic{
     width: 50%;
     text-align: center
     display: block;
     margin-left: auto;
     margin-right: auto;
     font-style: italic;
     padding: 10px;
     transform: rotate(5deg);
  }
  
  /*BLOG BLOCK*/
  
  .canon-block {
      --link-color: #b01;
      font-size: 1.05em;
      text-align: center;
      position: relative;
      padding: 1.125rem 1.675rem;
      background-color: #fff;
      box-shadow: 0 0 .325rem rgb(0 0 0 / 0.25);
  }

  Pages using this styling

  • fragment:re-scp-es-1 [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Gloria+Hallelujah&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Caveat:wght@400..700&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Oregano:ital@0;1&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Indie+Flower&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Cutive+Mono&display=swap');
  
  :root {
      --header-title: 'reSCiPes';
      --header-subtitle: 'Prepare, Cook, Serve up!';
      --logo-image: url('http://scp-wiki.wikidot.com/local--files/re-scp-es/SCP%20Cooking%20logo.png');
      --header-title-color: 192,192,192;
      --header-subtitle-color: 192,192,192;
      --top-bar-link-color: 192,192,192;
      --header-border-color: 99,107,96;
      --link-color: 179,122,18;
      --link-visited-color: 179,122,18;
      --link-newpage-color: 179,122,18;
      --gradient-header: url('');
      --header-font: Cutive Mono, serif;
  }
  
  #footer::before {
      background-image: url('');
      content: "";
  }
  
  @media only screen and (max-width: 56.25rem) {
    :root {    --gradient-header: url('');
  }
  }
     #footer::before {
        font-size: 1.5rem;
    content: "";
     }
  
  #page-title { text-align: center; }
  
  /*PAPERDIV JAY*/
  .notejay {
       background-image:
       linear-gradient(90deg, transparent 2.35em, rgb(255, 101, 106) 2.35em, rgb(255, 101, 106) 2.5em, transparent 2.5em),
       linear-gradient(rgba(213, 194, 96,  0.5) .1em, transparent .1625em);
       background-position: 1rem 0.75rem;
       background-size: 100% 1.8rem;
       font-size: 1.1em;
       font-family: "Gloria Hallelujah", serif;
       box-shadow: 5px 3px 5px #C6BB87;
       border-width: 1px;
       border-style: dotted;
       border-color: rgba(198, 187, 135);
       padding-left: 2rem;
  }
  
  .notejay pre {
       white-space: pre;
       white-space: normal;
       width: 100%;
       overflow: hidden;
  }
  
  .notejay >*,
       --wght: 400;
       padding: 0 0 0 1rem;
       font-weight: 400;
       letter-spacing: 0.05em;
       outline: none;
  }
  
  .notejay >* {
       line-height: calc(var(--base-font-size) * 1.62);
  }
  
  .notejay2 {
       background-image: linear-gradient(rgba(213, 194, 96,  0.5) .1em, transparent .1625em);
       background-position: 1rem 0.75rem;
       background-size: 100% 1.8rem;
       font-size: 1.1em;
       font-family: "Gloria Hallelujah", serif;
       box-shadow: 5px 3px 5px #C6BB87;
       border-width: 1px 1px 1px 0px;
       border-style: dotted;
       border-color: rgba(198, 187, 135);
  }
  
  .notejay2 pre {
       white-space: pre;
       white-space: normal;
       width: 100%;
       overflow: hidden;
  }
  
  .notejay2 >*,
       --wght: 400;
       padding: 0 0 0 3rem;
       font-weight: 400;
       letter-spacing: 0.05em;
       outline: none;
  }
  
  .notejay2 >* {
       line-height: calc(var(--base-font-size) * 1.62);
  }
  
  /*PAPERDIV SALAM*/
  .notesalam {
       background-image:
       linear-gradient(90deg, transparent 2.35em, rgb(173, 216, 230) 2.35em, rgb(255, 101, 106) 2.5em, transparent 2.5em),
       linear-gradient(rgba(213, 194, 96,  0.5) .1em, transparent .1625em);
       background-position: 1rem 0.75rem;
       background-size: 100% 1.8rem;
       font-size: 1.5em;
       font-family: "Caveat", serif;
       box-shadow: 5px 3px 5px #C6BB87;
       border-width: 1px;
       border-style: dotted;
       border-color: rgba(198, 187, 135);
       padding-left: 2rem;
  }
  
  .notesalam pre {
       white-space: pre;
       white-space: normal;
       width: 100%;
       overflow: hidden;
  }
  
  .notesalam >*,
       --wght: 400;
       padding: 0 0 0 3rem;
       font-weight: 400;
       letter-spacing: 0.05em;
       outline: none;
  }
  
  .notesalam >* {
       line-height: calc(var(--base-font-size) * 1.62);
  }
  
  .notesalam2 {
       background-image: linear-gradient(rgba(213, 194, 96,  0.5) .1em, transparent .1625em);
       background-position: 1em 0.75rem;
       background-size: 100% 1.8rem;
       font-size: 1.5em;
       font-family: "Caveat", serif;
       box-shadow: 5px 3px 5px #C6BB87;
       border-width: 1px 1px 1px 0px;
       border-style: dotted;
       border-color: rgba(198, 187, 135);
  }
  
  .notesalam2 pre {
       white-space: pre;
       white-space: normal;
       width: 100%;
       overflow: hidden;
  }
  
  .notesalam2 >*,
       --wght: 400;
       padding: 0 0 0 3rem;
       font-weight: 400;
       letter-spacing: 0.05em;
       outline: none;
  }
  
  .notesalam2 >* {
       line-height: calc(var(--base-font-size) * 1.62);
  }
  
  /*PAPERDIV GIJS*/
  .notegijs {
       background-image:
       linear-gradient(90deg, transparent 2.35em, rgb(240,169,99) 2.35em, rgb(255, 101, 106) 2.5em, transparent 2.5em),
       linear-gradient(rgba(213, 194, 96,  0.5) .1em, transparent .1625em);
       background-position: 1rem 0.75rem;
       background-size: 100% 1.8rem;
       font-size: 1.3em;
       font-family: "Oregano", serif;
       box-shadow: 5px 3px 5px #C6BB87;
       border-width: 1px;
       border-style: dotted;
       border-color: rgba(198, 187, 135);
       padding-left: 2rem;
  }
  
  .notegijs pre {
       white-space: pre;
       white-space: normal;
       width: 100%;
       overflow: hidden;
  }
  
  .notegijs >*,
       --wght: 400;
       padding: 0 0 0 3rem;
       font-weight: 400;
       letter-spacing: 0.05em;
       outline: none;
  }
  
  .notegijs >* {
       line-height: calc(var(--base-font-size) * 1.62);
  }
  
  .notegijs2 {
       background-image: linear-gradient(rgba(213, 194, 96,  0.5) .1em, transparent .1625em);
       background-position: 1rem 0.75rem;
       background-size: 100% 1.8rem;
       font-size: 1.3em;
       font-family: "Oregano", serif;
       box-shadow: 5px 3px 5px #C6BB87;
       border-width: 1px 1px 1px 0px;
       border-style: dotted;
       border-color: rgba(198, 187, 135);
  }
  
  .notegijs2 pre {
       white-space: pre;
       white-space: normal;
       width: 100%;
       overflow: hidden;
  }
  
  .notegijs2 >*,
       --wght: 400;
       padding: 0 0 0 3rem;
       font-weight: 400;
       letter-spacing: 0.05em;
       outline: none;
  }
  
  .notegijs2 >* {
       line-height: calc(var(--base-font-size) * 1.62);
  }
  
  /*PAPERDIV HARRIT*/
  .noteharrit {
       background-image:
       linear-gradient(90deg, transparent 2.35em, rgb(152, 211, 128) 2.35em, rgb(255, 101, 106) 2.5em, transparent 2.5em),
       linear-gradient(rgba(213, 194, 96,  0.5) .1em, transparent .1625em);
       background-position: 1rem 0.75rem;
       background-size: 100% 1.8rem;
       font-size: 1.3em;
       font-family: "Indie Flower", serif;
       box-shadow: 5px 3px 5px #C6BB87;
       border-width: 1px;
       border-style: dotted;
       border-color: rgba(198, 187, 135);
       padding-left: 2rem;
  }
  
  .noteharrit pre {
       white-space: pre;
       white-space: normal;
       width: 100%;
       overflow: hidden;
  }
  
  .noteharrit >*,
       --wght: 400;
       padding: 0 0 0 3rem;
       font-weight: 400;
       letter-spacing: 0.05em;
       outline: none;
  }
  
  .noteharrit >* {
       line-height: calc(var(--base-font-size) * 1.62);
  }
  
  
  .noteharrit2 {
       background-image: linear-gradient(rgba(213, 194, 96,  0.5) .1em, transparent .1625em);
       background-position: 1em 0.75rem;
       background-size: 100% 1.8rem;
       font-size: 1.3em;
       font-family: "Indie Flower", serif;
       box-shadow: 5px 3px 5px #C6BB87;
       border-width: 1px 1px 1px 0px;
       border-style: dotted;
       border-color: rgba(198, 187, 135);
  }
  
  .noteharrit2 pre {
       white-space: pre;
       white-space: normal;
       width: 100%;
       overflow: hidden;
  }
  
  .noteharrit2 >*,
       --wght: 400;
       padding: 0 0 0 3rem;
       font-weight: 400;
       letter-spacing: 0.05em;
       outline: none;
  }
  
  .noteharrit2 >* {
       line-height: calc(var(--base-font-size) * 1.62);
  }
  
  /*TOP BUTTON*/
  .stocky{
      float: right;
      position: sticky;
      bottom: 20px;
      right: 20px;
      background-color: #FF9FA2;
      padding: 2px;
      border-radius: 15px;
      box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
      margin-right: 10px;
      transition: 0.3s !important;
  }
  .stocky:hover{
      background-color :#e5d4be;
  }
  .stocky p{
      line-height: 0;
  }
  
  
  /*RECIPE INSTRUCTIONS BLOCK*/
  
  .recipeneed{
     background-color: transparent;
     padding: 15px;
     text-align: left;
     margin-left: 3rem;
  }
  
  .recipeact{
     background-color: transparent;
     padding: 15px;
     text-align: left;
     margin-left: 1.5rem;
  }
  
  /*PICTURE BLOCK*/
  .recipepic{
     width: 50%;
     text-align: center
     display: block;
     margin-left: auto;
     margin-right: auto;
     font-style: italic;
     padding: 10px;
     transform: rotate(5deg);
  }
  
  /*BLOG BLOCK*/
  
  .canon-block {
      --link-color: #b01;
      font-size: 1.05em;
      text-align: center;
      position: relative;
      padding: 1.125rem 1.675rem;
      background-color: #fff;
      box-shadow: 0 0 .325rem rgb(0 0 0 / 0.25);
  }

  Pages using this styling

  • fragment:re-scp-es-0 [info]

  ¶ 1 occurrence
  

  
  :root {
      --sp_tab-background: black;
  }
  
  #page-content .blbf-main > div {
      hyphens: none;
      -webkit-hyphens: none;
      -moz-hyphens: none;
      -ms-hyphens: none;
  }
  
  #page-content .blbf-main > div.blbf-char .blockquote, #page-content .blbf-main > div.blbf-char blockquote {
      color: rgb(232 42 255);
  }
  
  /* Skip To Test Option: */
  #page-content:has(.modalbox .credit.first .button .collapsible-block-unfolded[style=""]) {
      .modalbox .credit.first .button {
          pointer-events: none;
  }
      :is(.topWarning, .stageDisclaimer1, .stageDisclaimer2, .stageDisclaimerBAD, .briefing, .waivers, .waiversFull, .waiversChar, .testMod, .exitSurvey, .exitEnding) {
      display: none !important;
  }
      .finalIntro {
          display: initial;
  }
      .stageDisclaimer3 {
          display: initial;
  }
      .licensebox {
          margin-top: 3em !important;
  }
  
  }
  
  .yui-content {
      display: none;
  }
  
  .yui-navset {
      position: fixed;
  }
  
  .classTabs .yui-navset {
      bottom: 0%;
      left: 0%;
  }
  
  #page-content .classTabs .yui-navset {
      background-color: rgba(255,255,255,0.1) !important;
  }
  
  .button {
      display: flex;
      align-items: center;
      justify-content: center;
      width: fit-content;
      padding: 0.5em;
      margin: auto;
      border: solid 1px #999;
      font-size: .95em;
      font-weight: bold;
      text-align: center;
      background-color: rgba(255,255,255,0.1);
      color: white;
      outline: solid 2px #999;
      transition: color 0.15s ease-out, background-color 0.05s ease, outline 0.175s ease-out;
      cursor: pointer;
  }
  
  .button.nextStep {
      margin-top: 1em;
      margin-bottom: 1em;
  }
  
  .charInline {
      color: rgb(148,12,166);
      font-weight: 500;
  }
  
  .inline {
      display: flex;
      width: auto;
      justify-content: space-evenly;
  }
  
  .inline .button {
      display: inline-flex !important
  }
  
  .button.invalid {
      pointer-events: none;
  }
  
  .button:is(:hover,:focus) {
      background-color: rgba(255,255,255,0.3);
      outline-width: .2rem;
  }
  
  #page-content .licensebox {
      margin-top: 17em;
  }
  
  .topWarning, .topWarning h2{
      color: red;
      text-align: center;
      font-weight: 700;    
  }
  
  ul.waiverItems .collapsible-block {
      display: list-item !important;
      list-style-type: disclosure-closed;
  }
  
  :is(.classTabs, .briefing, .waivers, .waiversChar, .waiversFull, .stageDisclaimer1, .stageDisclaimer2, .stageDisclaimer3, .stageDisclaimerBAD, .stageDisclaimerEND, .dc1, .dc2, .dc3, .dc4, .dc5, .dc6, .char_4y_reply, .char_5Ay_reply, .char_5An_reply, .char_4n_reply, .char_5Bn_reply, .charlottePath, .diyPath, .charPath1, .charPath2, .charPath3, .charPath3A, .charPath3B, .charPath4, .charPath5, .testMod, .exitSurvey, .testDetails, .testQ1, .testA1, .testA1_C, .testA1_I, .testQ2, .testA2, .testA2_A, .testA2_B, .testA2_C, .testA2_D, .testQ3, .testA3, .testA3_C, .testA3_I, .testQ4, .testA4, .testA4_C, .testA4_I, .testQ5, .testA5, .testA5_C, .testA5_I, .testQ6, .testA6, .testA6_C, .testA6_I, .testQ7, .testA7, .testA7_A, .testA7_B, .testA7_C, .testA7_D, .testQ8, .testA8, .testA8_C, .testA8_I, .testQ9, .testA9, .testA9_A, .testA9_B, .testA9_C, .testA9_D, .testQ10, .testA10, .testA10_C, .testA10_I, .testQ11, .testA11, .testA11_C, .testA11_I, .testQ12, .testA12, .testA12_A, .testA12_B, .testA12_C, .testA12_D, .testQ13, .testA13, .testA13_C, .testA13_I, .testQ14, .testA14, .testA14_A, .testA14_B, .testA14_C, .testA14_D, .testQ15, .testA15, .testA15_C, .testA15_I, .testQ16, .testA16, .testA16_A, .testA16_B, .testA16_C, .testA16_D, .testQ17, .testA17, .testA17_C, .testA17_I, .testQ18, .testA18, .testA18_C, .testA18_I, .testQ19, .testA19, .testA19_A, .testA19_B, .testA19_C, .testA19_D, .testQ20, .testA20, .testA20_A, .testA20_B, .testA20_C, .testA20_D, .finalIntro, .exitQ1, .exitA1, .exitA1_A, .exitA1_B, .exitA1_C, .exitA1_D, .exitQ2, .exitA2, .exitA2_C, .exitA2_I, .exitQ3, .exitA3, .exitA3_A, .exitA3_B, .exitA3_C, .exitA3_D, .exitQ4, .exitA4, .exitA4_C, .exitA4_I, .exitQ5, .exitA5, .exitA5_A, .exitA5_B, .exitA5_C, .exitA5_D, .exitQ6, .exitA6, .exitA6_C, .exitA6_I, .exitQ7, .exitA7, .exitA7_A, .exitA7_B, .exitA7_C, .exitA7_D, .exitQ8, .exitA8, .exitA8_A, .exitA8_B, .exitA8_C, .exitA8_D, .exitQ9, .exitA9, .exitA9_A, .exitA9_B, .exitA9_C, .exitA9_D, .exitQ10, .exitA10, .exitA10_A, .exitA10_B, .exitA10_C, .exitA10_D, .exitQ11, .exitEnding, .trueEnding ) {
      display: none;
  }
  
  .stageDisclaimer3 .button {
      display: none;
      margin-bottom: 18px;
  }
  
  #page-content:has(.topWarning .collapsible-block-unfolded[style=""]) {
      .briefing {
          display: initial;
      }
      .topWarning .collapsible-block {
          pointer-events: none;
      }
      .licensebox {
          margin-top: 3em !important;
      }
  }
  
  #page-content:has(.briefing .button .collapsible-block-unfolded[style=""]) {
      .briefing {
          display: none;
  }
      .topWarning .collapsible-block {
          display: none;
  }
      .waivers {
          display: initial;
  }
  }
  
  #page-content:has(.waivers .inline .ogDoc .collapsible-block-unfolded[style=""]) {
      .waivers {
          display: none;
  }
      .topWarning {
          display: none;
  }
      .waiversFull {
          display: initial;
  }
      .stageDisclaimer1 {
          display: initial;
  }
  }
  
  #page-content:has(.waivers .inline .charDoc .collapsible-block-unfolded[style=""]) {
      .waivers {
          display: none;
  }
      .topWarning {
          display: none;
  }
      .stageDisclaimer1 {
          display: initial;
  }
      .waiversChar {
          display: initial;
  }
  }
  
  /*Full Waiver Checks */
  #page-content:has(.waiversFull ul.waiverItems .collapsible-block-unfolded[style=""]) {
      .wfCharNote {
          display: none;
  }
  }
  
  #page-content:has(.waiversFull ul.waiverItems .collapsible-block:nth-of-type(1) .collapsible-block-unfolded[style=""]) {
      .dc1 {
      display: initial;
  }
      .waiversFull ul.waiverItems .collapsible-block:nth-of-type(1) {
          pointer-events: none;
          list-style-type: disclosure-open;
          a {
              color: #999;
          }
  }
  }
  
  #page-content:has(.waiversFull ul.waiverItems .collapsible-block:nth-of-type(2) .collapsible-block-unfolded[style=""]) {
      .dc2 {
      display: initial;
  }
      .waiversFull ul.waiverItems .collapsible-block:nth-of-type(2) {
          pointer-events: none;
          list-style-type: disclosure-open;
          a {
              color: #999;
          }
  }
  }
  
  #page-content:has(.waiversFull ul.waiverItems .collapsible-block:nth-of-type(3) .collapsible-block-unfolded[style=""]) {
      .dc3 {
      display: initial;
  }
      .waiversFull ul.waiverItems .collapsible-block:nth-of-type(3) {
          pointer-events: none;
          list-style-type: disclosure-open;
          a {
              color: #999;
          }
  }
  }
  
  #page-content:has(.waiversFull ul.waiverItems .collapsible-block:nth-of-type(4) .collapsible-block-unfolded[style=""]) {
      .dc4 {
      display: initial;
  }
      .waiversFull ul.waiverItems .collapsible-block:nth-of-type(4) {
          pointer-events: none;
          list-style-type: disclosure-open;
          a {
              color: #999;
          }
  }
  }
  
  #page-content:has(.waiversFull ul.waiverItems .collapsible-block:nth-of-type(5) .collapsible-block-unfolded[style=""]) {
      .dc5 {
      display: initial;
  }
      .waiversFull ul.waiverItems .collapsible-block:nth-of-type(5) {
          pointer-events: none;
          list-style-type: disclosure-open;
          a {
              color: #999;
          }
  }
  }
  
  #page-content:has(.waiversFull ul.waiverItems .collapsible-block:nth-of-type(6) .collapsible-block-unfolded[style=""]) {
      .dc6 {
      display: initial;
  }
      .waiversFull ul.waiverItems .collapsible-block:nth-of-type(6) {
          pointer-events: none;
          list-style-type: disclosure-open;
          a {
              color: #999;
          }
  }
  }
  
  #page-content:has(.waiversFull .dc1 .button .collapsible-block-unfolded[style=""]) {
      .dc1 {
          display: none !important;
      }
  }
  
  #page-content:has(.waiversFull .dc2 .button .collapsible-block-unfolded[style=""]) {
      .dc2 {
          display: none !important;
      }
  }
  
  #page-content:has(.waiversFull .dc3 .button .collapsible-block-unfolded[style=""]) {
      .dc3 {
          display: none !important;
      }
  }
  
  #page-content:has(.waiversFull .dc4 .button .collapsible-block-unfolded[style=""]) {
      .dc4 {
          display: none !important;
      }
  }
  
  #page-content:has(.waiversFull .dc5 .button .collapsible-block-unfolded[style=""]) {
      .dc5 {
          display: none !important;
      }
  }
  
  #page-content:has(.waiversFull .dc6 .button .collapsible-block-unfolded[style=""]) {
      .dc6 {
          display: none !important;
      }
  }
  
  #page-content:has(.waiversFull :is(.dc1, .dc2, .dc3, .dc4, .dc5, .dc6) .collapsible-block-unfolded:not([style=""])) {
      .waiversFull .wfCheck {
          display: none !important;
      }
  }
  
  #page-content:has(.waiversFull .wfCheck .button .collapsible-block-unfolded[style=""]) {
      .waiversFull {
          display: none !important;
  }
      .stageDisclaimer1 {
          display: none;
  }
      .testMod {
         display: initial;
  }
      .stageDisclaimer2 {
          display: initial;
  }
  }
  
  /* Charlotte's Summary Checks */
  #page-content:has(.wcCharNote .inline .button.char_4y .collapsible-block-unfolded[style=""]) {
      .wcCharNote {
          display: none;
      }
      .char_4y_reply {
          display: initial;
  }
  }
  
  #page-content:has(.char_4y_reply .inline .button.char_5Ay .collapsible-block-unfolded[style=""]) {
      .char_4y_reply {
          display: none;
      }
      .char_5Ay_reply {
          display: initial;
  }
      .charlottePath {
          display: none;
  }
      .diyPath {
          display: initial;
  }
  }
  
  #page-content:has(.char_4y_reply .inline .button.char_5An .collapsible-block-unfolded[style=""]) {
      .char_4y_reply {
          display: none;
      }
      .char_5An_reply {
          display: initial;
  }
      .diyPath {
          display: none;
  }
  }
  
  #page-content:has(.char_5An_reply .button .collapsible-block-unfolded[style=""]) {
      .char_5An_reply {
          display: none !important;
      }
      .charlottePath {
          display: initial;
  }
  }
  
  #page-content:has(.wcCharNote .inline .button.char_4n .collapsible-block-unfolded[style=""]) {
      .wcCharNote {
          display: none;
      }
      .char_4n_reply {
          display: initial;
  }
  }
  
  #page-content:has(.char_4n_reply .inline .button.char_5By .collapsible-block-unfolded[style=""]) {
      .char_4n_reply {
          display: none;
      }
      .charlottePath {
          display: initial;
  }
  }
  
  #page-content:has(.char_4n_reply .inline .button.char_5Bn .collapsible-block-unfolded[style=""]) {
      .char_4n_reply {
          display: none;
      }
      .char_5Bn_reply {
          display: initial;
  }
  }
  
  #page-content:has(.char_5Bn_reply .button.char_5BRn .collapsible-block-unfolded[style=""]) {
      .char_5Bn_reply {
          display: none !important;
      }
      .charlottePath {
          display: initial;
  }
  }
  
  #page-content:has(.waiversChar ul.waiverItems .collapsible-block:nth-of-type(1) .collapsible-block-unfolded[style=""]) {
      .dc1 {
      display: initial;
  }
      .waiversChar ul.waiverItems .collapsible-block:nth-of-type(1) {
          pointer-events: none;
          list-style-type: disclosure-open;
          a {
              color: #999;
          }
  }
  }
  
  #page-content:has(.waiversChar ul.waiverItems .collapsible-block:nth-of-type(2) .collapsible-block-unfolded[style=""]) {
      .dc2 {
      display: initial;
  }
      .waiversChar ul.waiverItems .collapsible-block:nth-of-type(2) {
          pointer-events: none;
          list-style-type: disclosure-open;
          a {
              color: #999;
          }
  }
  }
  
  #page-content:has(.waiversChar ul.waiverItems .collapsible-block:nth-of-type(3) .collapsible-block-unfolded[style=""]) {
      .dc3 {
      display: initial;
  }
      .waiversChar ul.waiverItems .collapsible-block:nth-of-type(3) {
          pointer-events: none;
          list-style-type: disclosure-open;
          a {
              color: #999;
          }
  }
  }
  
  #page-content:has(.waiversChar ul.waiverItems .collapsible-block:nth-of-type(4) .collapsible-block-unfolded[style=""]) {
      .dc4 {
      display: initial;
  }
      .waiversChar ul.waiverItems .collapsible-block:nth-of-type(4) {
          pointer-events: none;
          list-style-type: disclosure-open;
          a {
              color: #999;
          }
  }
  }
  
  #page-content:has(.waiversChar ul.waiverItems .collapsible-block:nth-of-type(5) .collapsible-block-unfolded[style=""]) {
      .dc5 {
      display: initial;
  }
      .waiversChar ul.waiverItems .collapsible-block:nth-of-type(5) {
          pointer-events: none;
          list-style-type: disclosure-open;
          a {
              color: #999;
          }
  }
  }
  
  #page-content:has(.waiversChar ul.waiverItems .collapsible-block:nth-of-type(6) .collapsible-block-unfolded[style=""]) {
      .dc6 {
      display: initial;
  }
      .waiversChar ul.waiverItems .collapsible-block:nth-of-type(6) {
          pointer-events: none;
          list-style-type: disclosure-open;
          a {
              color: #999;
          }
  }
  }
  
  #page-content:has(.waiversChar .dc1 .button .collapsible-block-unfolded[style=""]) {
      .dc1 {
          display: none !important;
      }
  }
  
  #page-content:has(.waiversChar .dc2 .button .collapsible-block-unfolded[style=""]) {
      .dc2 {
          display: none !important;
      }
  }
  
  #page-content:has(.waiversChar .dc3 .button .collapsible-block-unfolded[style=""]) {
      .dc3 {
          display: none !important;
      }
  }
  
  #page-content:has(.waiversChar .dc4 .button .collapsible-block-unfolded[style=""]) {
      .dc4 {
          display: none !important;
      }
  }
  
  #page-content:has(.waiversChar .dc5 .button .collapsible-block-unfolded[style=""]) {
      .dc5 {
          display: none !important;
      }
  }
  
  #page-content:has(.waiversChar .dc6 .button .collapsible-block-unfolded[style=""]) {
      .dc6 {
          display: none !important;
      }
  }
  
  #page-content:has(.waiversChar :is(.dc1, .dc2, .dc3, .dc4, .dc5, .dc6) .collapsible-block-unfolded:not([style=""])) {
      .waiversChar .wfCheck {
          display: none !important;
      }
  }
  
  #page-content:has(.waiversChar .wfCheck .button .collapsible-block-unfolded[style=""]) {
      .waiversChar {
          display: none !important;
  }
      .stageDisclaimer1 {
          display: none;
  }
      .testMod {
         display: initial;
  }
      .stageDisclaimer2 {
          display: initial;
  }
  }
  
  /* Charlotte Explanations Checks */
  
  #page-content:has(.charlottePath .charPathIntro .button .collapsible-block-unfolded[style=""]) {
      .charPathIntro {
          display: none !important;
      }
      .charPath1 {
          display: initial;
  }
  }
  
  #page-content:has(.charlottePath .charPath1 .button .collapsible-block-unfolded[style=""]) {
      .charPath1 {
          display: none;
      }
      .charPath2 {
          display: initial;
  }
  }
  
  #page-content:has(.charlottePath .charPath2 .button .collapsible-block-unfolded[style=""]) {
      .charPath2 {
          display: none;
      }
      .charPath3 {
          display: initial;
  }
  }
  
  #page-content:has(.charlottePath .charPath3 .button.charPathA .collapsible-block-unfolded[style=""]) {
      .charPath3 {
          display: none;
      }
      .charPath3A {
          display: initial;
  }
  }
  
  #page-content:has(.charlottePath .charPath3 .button.charPathB .collapsible-block-unfolded[style=""]) {
      .charPath3 {
          display: none;
      }
      .charPath3B {
          display: initial;
  }
  }
  
  #page-content:has(.charlottePath .charPath3A .button .collapsible-block-unfolded[style=""]) {
      .charPath3A {
          display: none !important;
      }
      .charPath4 {
          display: initial;
  }
  }
  
  #page-content:has(.charlottePath .charPath3B .button .collapsible-block-unfolded[style=""]) {
      .charPath3B {
          display: none !important;
      }
      .charPath4 {
          display: initial;
  }
  }
  
  #page-content:has(.charlottePath .charPath4 .button .collapsible-block-unfolded[style=""]) {
      .charPath4 {
          display: none;
      }
      .charPath5 {
          display: initial;
  }
  }
  
  #page-content:has(.charlottePath .charPath5 .button .collapsible-block-unfolded[style=""]) {
      .charlottePath {
          display: none !important;
  }
      .stageDisclaimer1 {
          display: none;
  }
      .testMod {
         display: initial;
  }
      .stageDisclaimer2 {
          display: initial;
  }
  }
  
  /* Test Logic */
  
  #page-content:has(.testMod .testIntro .inline .button.acceptTest .collapsible-block-unfolded[style=""]) {
      .testIntro {
          display: none;
  }
      .testDetails {
          display: initial;
  }
  }
  
  #page-content:has(.testMod .testIntro .inline .button.declineTest .collapsible-block-unfolded[style=""]) {
      .testMod {
          display: none !important;
  }
      .exitSurvey {
          display: initial;
  }
  }
  
  #page-content:has(.testMod .testDetails .button .collapsible-block-unfolded[style=""]) {
      .testDetails {
          display: none !important;
      }
      .testQ1 {
          display: initial;
  }
  }
  
  #page-content:has(.testMod .testQ1 .inline .button.true .collapsible-block-unfolded[style=""]) {
      .testQ1 {
          display: none;
  }
      .testA1 {
          display: initial;
  }
      .testA1_C {
          display: initial;
  }
  }
  
  #page-content:has(.testMod .testQ1 .inline .button.false .collapsible-block-unfolded[style=""]) {
      .testQ1 {
          display: none;
  }
      .testA1 {
          display: initial;
  }
      .testA1_I {
          display: initial;
  }
  }
  
  #page-content:has(.testMod .testA1 .button .collapsible-block-unfolded[style=""]) {
      .testA1 {
          display: none !important;
      }
      .testQ2 {
          display: initial;
  }
  }
  
  #page-content:has(.testMod .testQ2 .inline .button.A .collapsible-block-unfolded[style=""]) {
      .testQ2 {
          display: none;
  }
      .testA2 {
          display: initial;
  }
      .testA2_A {
          display: initial;
  }
  }
  
  #page-content:has(.testMod .testQ2 .inline .button.B .collapsible-block-unfolded[style=""]) {
      .testQ2 {
          display: none;
  }
      .testA2 {
          display: initial;
  }
      .testA2_B {
          display: initial;
  }
  }
  
  #page-content:has(.testMod .testQ2 .inline .button.C .collapsible-block-unfolded[style=""]) {
      .testQ2 {
          display: none;
  }
      .testA2 {
          display: initial;
  }
      .testA2_C {
          display: initial;
  }
  }
  
  #page-content:has(.testMod .testQ2 .inline .button.D .collapsible-block-unfolded[style=""]) {
      .testQ2 {
          display: none;
  }
      .testA2 {
          display: initial;
  }
      .testA2_D {
          display: initial;
  }
  }
  
  #page-content:has(.testMod .testA2 .button .collapsible-block-unfolded[style=""]) {
      .testA2 {
          display: none !important;
      }
      .testQ3 {
          display: initial;
  }
  }
  
  #page-content:has(.testMod .testQ3 .inline .button.true .collapsible-block-unfolded[style=""]) {
      .testQ3 {
          display: none;
  }
      .testA3 {
          display: initial;
  }
      .testA3_C {
          display: initial;
  }
  }
  
  #page-content:has(.testMod .testQ3 .inline .button.false .collapsible-block-unfolded[style=""]) {
      .testQ3 {
          display: none;
  }
      .testA3 {
          display: initial;
  }
      .testA3_I {
          display: initial;
  }
  }
  
  #page-content:has(.testMod .testA3 .button .collapsible-block-unfolded[style=""]) {
      .testA3 {
          display: none !important;
      }
      .testQ4 {
          display: initial;
  }
  }
  
  #page-content:has(.testMod .testQ4 .inline .button.true .collapsible-block-unfolded[style=""]) {
      .testQ4 {
          display: none;
  }
      .testA4 {
          display: initial;
  }
      .testA4_C {
          display: initial;
  }
  }
  
  #page-content:has(.testMod .testQ4 .inline .button.false .collapsible-block-unfolded[style=""]) {
      .testQ4 {
          display: none;
  }
      .testA4 {
          display: initial;
  }
      .testA4_I {
          display: initial;
  }
  }
  
  #page-content:has(.testMod .testA4 .button .collapsible-block-unfolded[style=""]) {
      .testA4 {
          display: none !important;
      }
      .testQ5 {
          display: initial;
  }
  }
  
  #page-content:has(.testMod .testQ5 .inline .button.true .collapsible-block-unfolded[style=""]) {
      .testQ5 {
          display: none;
  }
      .testA5 {
          display: initial;
  }
      .testA5_C {
          display: initial;
  }
  }
  
  #page-content:has(.testMod .testQ5 .inline .button.false .collapsible-block-unfolded[style=""]) {
      .testQ5 {
          display: none;
  }
      .testA5 {
          display: initial;
  }
      .testA5_I {
          display: initial;
  }
  }
  
  #page-content:has(.testMod .testA5 .button .collapsible-block-unfolded[style=""]) {
      .testA5 {
          display: none !important;
      }
      .testQ6 {
          display: initial;
  }
  }
  
  #page-content:has(.testMod .testQ6 .inline .button.true .collapsible-block-unfolded[style=""]) {
      .testQ6 {
          display: none;
  }
      .testA6 {
          display: initial;
  }
      .testA6_C {
          display: initial;
  }
  }
  
  #page-content:has(.testMod .testQ6 .inline .button.false .collapsible-block-unfolded[style=""]) {
      .testQ6 {
          display: none;
  }
      .testA6 {
          display: initial;
  }
      .testA6_I {
          display: initial;
  }
  }
  
  #page-content:has(.testMod .testA6 .button .collapsible-block-unfolded[style=""]) {
      .testA6 {
          display: none !important;
      }
      .testQ7 {
          display: initial;
  }
  }
  
  #page-content:has(.testMod .testQ7 .inline .button.A .collapsible-block-unfolded[style=""]) {
      .testQ7 {
          display: none;
  }
      .testA7 {
          display: initial;
  }
      .testA7_A {
          display: initial;
  }
  }
  
  #page-content:has(.testMod .testQ7 .inline .button.B .collapsible-block-unfolded[style=""]) {
      .testQ7 {
          display: none;
  }
      .testA7 {
          display: initial;
  }
      .testA7_B {
          display: initial;
  }
  }
  
  #page-content:has(.testMod .testQ7 .inline .button.C .collapsible-block-unfolded[style=""]) {
      .testQ7 {
          display: none;
  }
      .testA7 {
          display: initial;
  }
      .testA7_C {
          display: initial;
  }
  }
  
  #page-content:has(.testMod .testQ7 .inline .button.D .collapsible-block-unfolded[style=""]) {
      .testQ7 {
          display: none;
  }
      .testA7 {
          display: initial;
  }
      .testA7_D {
          display: initial;
  }
  }
  
  #page-content:has(.testMod .testA7 .button .collapsible-block-unfolded[style=""]) {
      .testA7 {
          display: none !important;
      }
      .testQ8 {
          display: initial;
  }
  }
  
  #page-content:has(.testMod .testA7 .button .collapsible-block-unfolded[style=""]) {
      .testA7 {
          display: none !important;
      }
      .testQ8 {
          display: initial;
  }
  }
  
  
  #page-content:has(.testMod .testQ8 .inline .button.true .collapsible-block-unfolded[style=""]) {
      .testQ8 {
          display: none;
  }
      .testA8 {
          display: initial;
  }
      .testA8_C {
          display: initial;
  }
  }
  
  #page-content:has(.testMod .testQ8 .inline .button.false .collapsible-block-unfolded[style=""]) {
      .testQ8 {
          display: none;
  }
      .testA8 {
          display: initial;
  }
      .testA8_I {
          display: initial;
  }
  }
  
  #page-content:has(.testMod .testA8 .button .collapsible-block-unfolded[style=""]) {
      .testA8 {
          display: none !important;
      }
      .testQ9 {
          display: initial;
  }
  }
  
  #page-content:has(.testMod .testQ9 .inline .button.A .collapsible-block-unfolded[style=""]) {
      .testQ9 {
          display: none;
  }
      .testA9 {
          display: initial;
  }
      .testA9_A {
          display: initial;
  }
  }
  
  #page-content:has(.testMod .testQ9 .inline .button.B .collapsible-block-unfolded[style=""]) {
      .testQ9 {
          display: none;
  }
      .testA9 {
          display: initial;
  }
      .testA9_B {
          display: initial;
  }
  }
  
  #page-content:has(.testMod .testQ9 .inline .button.C .collapsible-block-unfolded[style=""]) {
      .testQ9 {
          display: none;
  }
      .testA9 {
          display: initial;
  }
      .testA9_C {
          display: initial;
  }
  }
  
  #page-content:has(.testMod .testQ9 .inline .button.D .collapsible-block-unfolded[style=""]) {
      .testQ9 {
          display: none;
  }
      .testA9 {
          display: initial;
  }
      .testA9_D {
          display: initial;
  }
  }
  
  #page-content:has(.testMod .testA9 .button .collapsible-block-unfolded[style=""]) {
      .testA9 {
          display: none !important;
      }
      .testQ10 {
          display: initial;
  }
  }
  
  #page-content:has(.testMod .testQ10 .inline .button.true .collapsible-block-unfolded[style=""]) {
      .testQ10 {
          display: none;
  }
      .testA10 {
          display: initial;
  }
      .testA10_C {
          display: initial;
  }
  }
  
  #page-content:has(.testMod .testQ10 .inline .button.false .collapsible-block-unfolded[style=""]) {
      .testQ10 {
          display: none;
  }
      .testA10 {
          display: initial;
  }
      .testA10_I {
          display: initial;
  }
  }
  
  #page-content:has(.testMod .testA10 .button .collapsible-block-unfolded[style=""]) {
      .testA10 {
          display: none !important;
      }
      .testQ11 {
          display: initial;
  }
  }
  
  #page-content:has(.testMod .testQ11 .inline .button.true .collapsible-block-unfolded[style=""]) {
      .testQ11 {
          display: none;
  }
      .testA11 {
          display: initial;
  }
      .testA11_C {
          display: initial;
  }
  }
  
  #page-content:has(.testMod .testQ11 .inline .button.false .collapsible-block-unfolded[style=""]) {
      .testQ11 {
          display: none;
  }
      .testA11 {
          display: initial;
  }
      .testA11_I {
          display: initial;
  }
  }
  
  #page-content:has(.testMod .testA11 .button .collapsible-block-unfolded[style=""]) {
      .testA11 {
          display: none !important;
      }
      .testQ12 {
          display: initial;
  }
  }
  
  #page-content:has(.testMod .testQ12 .inline .button.A .collapsible-block-unfolded[style=""]) {
      .testQ12 {
          display: none;
  }
      .testA12 {
          display: initial;
  }
      .testA12_A {
          display: initial;
  }
  }
  
  #page-content:has(.testMod .testQ12 .inline .button.B .collapsible-block-unfolded[style=""]) {
      .testQ12 {
          display: none;
  }
      .testA12 {
          display: initial;
  }
      .testA12_B {
          display: initial;
  }
  }
  
  #page-content:has(.testMod .testQ12 .inline .button.C .collapsible-block-unfolded[style=""]) {
      .testQ12 {
          display: none;
  }
      .testA12 {
          display: initial;
  }
      .testA12_C {
          display: initial;
  }
  }
  
  #page-content:has(.testMod .testQ12 .inline .button.D .collapsible-block-unfolded[style=""]) {
      .testQ12 {
          display: none;
  }
      .testA12 {
          display: initial;
  }
      .testA12_D {
          display: initial;
  }
  }
  
  #page-content:has(.testMod .testA12 .button .collapsible-block-unfolded[style=""]) {
      .testA12 {
          display: none !important;
      }
      .testQ13 {
          display: initial;
  }
  }
  
  #page-content:has(.testMod .testA12 .button .collapsible-block-unfolded[style=""]) {
      .testA12 {
          display: none !important;
      }
      .testQ13 {
          display: initial;
  }
  }
  
  #page-content:has(.testMod .testQ13 .inline .button.true .collapsible-block-unfolded[style=""]) {
      .testQ13 {
          display: none;
  }
      .testA13 {
          display: initial;
  }
      .testA13_C {
          display: initial;
  }
  }
  
  #page-content:has(.testMod .testQ13 .inline .button.false .collapsible-block-unfolded[style=""]) {
      .testQ13 {
          display: none;
  }
      .testA13 {
          display: initial;
  }
      .testA13_I {
          display: initial;
  }
  }
  
  #page-content:has(.testMod .testA13 .button .collapsible-block-unfolded[style=""]) {
      .testA13 {
          display: none !important;
      }
      .testQ14 {
          display: initial;
  }
  }
  
  #page-content:has(.testMod .testQ14 .inline .button.A .collapsible-block-unfolded[style=""]) {
      .testQ14 {
          display: none;
  }
      .testA14 {
          display: initial;
  }
      .testA14_A {
          display: initial;
  }
  }
  
  #page-content:has(.testMod .testQ14 .inline .button.B .collapsible-block-unfolded[style=""]) {
      .testQ14 {
          display: none;
  }
      .testA14 {
          display: initial;
  }
      .testA14_B {
          display: initial;
  }
  }
  
  #page-content:has(.testMod .testQ14 .inline .button.C .collapsible-block-unfolded[style=""]) {
      .testQ14 {
          display: none;
  }
      .testA14 {
          display: initial;
  }
      .testA14_C {
          display: initial;
  }
  }
  
  #page-content:has(.testMod .testQ14 .inline .button.D .collapsible-block-unfolded[style=""]) {
      .testQ14 {
          display: none;
  }
      .testA14 {
          display: initial;
  }
      .testA14_D {
          display: initial;
  }
  }
  
  #page-content:has(.testMod .testA14 .button .collapsible-block-unfolded[style=""]) {
      .testA14 {
          display: none !important;
      }
      .testQ15 {
          display: initial;
  }
  }
  
  #page-content:has(.testMod .testQ15 .inline .button.true .collapsible-block-unfolded[style=""]) {
      .testQ15 {
          display: none;
  }
      .testA15 {
          display: initial;
  }
      .testA15_C {
          display: initial;
  }
  }
  
  #page-content:has(.testMod .testQ15 .inline .button.false .collapsible-block-unfolded[style=""]) {
      .testQ15 {
          display: none;
  }
      .testA15 {
          display: initial;
  }
      .testA15_I {
          display: initial;
  }
  }
  
  #page-content:has(.testMod .testA15 .button .collapsible-block-unfolded[style=""]) {
      .testA15 {
          display: none !important;
      }
      .testQ16 {
          display: initial;
  }
  }
  
  #page-content:has(.testMod .testQ16 .inline .button.A .collapsible-block-unfolded[style=""]) {
      .testQ16 {
          display: none;
  }
      .testA16 {
          display: initial;
  }
      .testA16_A {
          display: initial;
  }
  }
  
  #page-content:has(.testMod .testQ16 .inline .button.B .collapsible-block-unfolded[style=""]) {
      .testQ16 {
          display: none;
  }
      .testA16 {
          display: initial;
  }
      .testA16_B {
          display: initial;
  }
  }
  
  #page-content:has(.testMod .testQ16 .inline .button.C .collapsible-block-unfolded[style=""]) {
      .testQ16 {
          display: none;
  }
      .testA16 {
          display: initial;
  }
      .testA16_C {
          display: initial;
  }
  }
  
  #page-content:has(.testMod .testQ16 .inline .button.D .collapsible-block-unfolded[style=""]) {
      .testQ16 {
          display: none;
  }
      .testA16 {
          display: initial;
  }
      .testA16_D {
          display: initial;
  }
  }
  
  #page-content:has(.testMod .testA16 .button .collapsible-block-unfolded[style=""]) {
      .testA16 {
          display: none !important;
      }
      .testQ17 {
          display: initial;
  }
  }
  
  #page-content:has(.testMod .testQ17 .inline .button.true .collapsible-block-unfolded[style=""]) {
      .testQ17 {
          display: none;
  }
      .testA17 {
          display: initial;
  }
      .testA17_C {
          display: initial;
  }
  }
  
  #page-content:has(.testMod .testQ17 .inline .button.false .collapsible-block-unfolded[style=""]) {
      .testQ17 {
          display: none;
  }
      .testA17 {
          display: initial;
  }
      .testA17_I {
          display: initial;
  }
  }
  
  #page-content:has(.testMod .testA17 .button .collapsible-block-unfolded[style=""]) {
      .testA17 {
          display: none !important;
      }
      .testQ18 {
          display: initial;
  }
  }
  
  #page-content:has(.testMod .testQ18 .inline .button.true .collapsible-block-unfolded[style=""]) {
      .testQ18 {
          display: none;
  }
      .testA18 {
          display: initial;
  }
      .testA18_C {
          display: initial;
  }
  }
  
  #page-content:has(.testMod .testQ18 .inline .button.false .collapsible-block-unfolded[style=""]) {
      .testQ18 {
          display: none;
  }
      .testA18 {
          display: initial;
  }
      .testA18_I {
          display: initial;
  }
  }
  
  #page-content:has(.testMod .testA18 .button .collapsible-block-unfolded[style=""]) {
      .testA18 {
          display: none !important;
      }
      .testQ19 {
          display: initial;
  }
  }
  
  #page-content:has(.testMod .testQ19 .inline .button.A .collapsible-block-unfolded[style=""]) {
      .testQ19 {
          display: none;
  }
      .testA19 {
          display: initial;
  }
      .testA19_A {
          display: initial;
  }
  }
  
  #page-content:has(.testMod .testQ19 .inline .button.B .collapsible-block-unfolded[style=""]) {
      .testQ19 {
          display: none;
  }
      .testA19 {
          display: initial;
  }
      .testA19_B {
          display: initial;
  }
  }
  
  #page-content:has(.testMod .testQ19 .inline .button.C .collapsible-block-unfolded[style=""]) {
      .testQ19 {
          display: none;
  }
      .testA19 {
          display: initial;
  }
      .testA19_C {
          display: initial;
  }
  }
  
  #page-content:has(.testMod .testQ19 .inline .button.D .collapsible-block-unfolded[style=""]) {
      .testQ19 {
          display: none;
  }
      .testA19 {
          display: initial;
  }
      .testA19_D {
          display: initial;
  }
  }
  
  #page-content:has(.testMod .testA19 .button .collapsible-block-unfolded[style=""]) {
      .testA19 {
          display: none !important;
      }
      .testQ20 {
          display: initial;
  }
  }
  
  #page-content:has(.testMod .testQ20 .inline .button.A .collapsible-block-unfolded[style=""]) {
      .testQ20 {
          display: none;
  }
      .testA20 {
          display: initial;
  }
      .testA20_A {
          display: initial;
  }
  }
  
  #page-content:has(.testMod .testQ20 .inline .button.B .collapsible-block-unfolded[style=""]) {
      .testQ20 {
          display: none;
  }
      .testA20 {
          display: initial;
  }
      .testA20_B {
          display: initial;
  }
  }
  
  #page-content:has(.testMod .testQ20 .inline .button.C .collapsible-block-unfolded[style=""]) {
      .testQ20 {
          display: none;
  }
      .testA20 {
          display: initial;
  }
      .testA20_C {
          display: initial;
  }
  }
  
  #page-content:has(.testMod .testQ20 .inline .button.D .collapsible-block-unfolded[style=""]) {
      .testQ20 {
          display: none;
  }
      .testA20 {
          display: initial;
  }
      .testA20_D {
          display: initial;
  }
  }
  
  #page-content:has(.testMod .testA20 .button .collapsible-block-unfolded[style=""]) {
      .testA20 {
          display: none !important;
      }
      .finalIntro {
          display: initial;
  }
      .stageDisclaimer2 {
          display: none;
  }
      .stageDisclaimer3 {
          display: initial;
  }
  }
  
  /* Exit Survey */
  
  #page-content:has(.exitSurvey .exitIntro .button .collapsible-block-unfolded[style=""]) {
      .exitIntro {
          display: none !important;
      }
      .exitQ1 {
          display: initial;
  }
  }
  
  #page-content:has(.exitSurvey .exitQ1 .inline .button.A .collapsible-block-unfolded[style=""]) {
      .exitQ1 {
          display: none;
  }
      .exitA1 {
          display: initial;
  }
      .exitA1_A {
          display: initial;
  }
  }
  
  #page-content:has(.exitSurvey .exitQ1 .inline .button.B .collapsible-block-unfolded[style=""]) {
      .exitQ1 {
          display: none;
  }
      .exitA1 {
          display: initial;
  }
      .exitA1_B {
          display: initial;
  }
  }
  
  #page-content:has(.exitSurvey .exitQ1 .inline .button.C .collapsible-block-unfolded[style=""]) {
      .exitQ1 {
          display: none;
  }
      .exitA1 {
          display: initial;
  }
      .exitA1_C {
          display: initial;
  }
  }
  
  
  #page-content:has(.exitSurvey .exitQ1 .inline .button.D .collapsible-block-unfolded[style=""]) {
      .exitQ1 {
          display: none;
  }
      .exitA1 {
          display: initial;
  }
      .exitA1_D {
          display: initial;
  }
  }
  
  #page-content:has(.exitSurvey .exitA1 .button .collapsible-block-unfolded[style=""]) {
      .exitA1 {
          display: none !important;
      }
      .exitQ2 {
          display: initial;
  }
  }
  
  
  #page-content:has(.exitSurvey .exitQ2 .inline .button.true .collapsible-block-unfolded[style=""]) {
      .exitQ2 {
          display: none;
  }
      .exitA2 {
          display: initial;
  }
      .exitA2_C {
          display: initial;
  }
  }
  
  #page-content:has(.exitSurvey .exitQ2 .inline .button.false .collapsible-block-unfolded[style=""]) {
      .exitQ2 {
          display: none;
  }
      .exitA2 {
          display: initial;
  }
      .exitA2_I {
          display: initial;
  }
  }
  
  #page-content:has(.exitSurvey .exitA2 .button .collapsible-block-unfolded[style=""]) {
      .exitA2 {
          display: none !important;
      }
      .exitQ3 {
          display: initial;
  }
  }
  
  #page-content:has(.exitSurvey .exitQ3 .inline .button.A .collapsible-block-unfolded[style=""]) {
      .exitQ3 {
          display: none;
  }
      .exitA3 {
          display: initial;
  }
      .exitA3_A {
          display: initial;
  }
  }
  
  #page-content:has(.exitSurvey .exitQ3 .inline .button.B .collapsible-block-unfolded[style=""]) {
      .exitQ3 {
          display: none;
  }
      .exitA3 {
          display: initial;
  }
      .exitA3_B {
          display: initial;
  }
  }
  
  #page-content:has(.exitSurvey .exitQ3 .inline .button.C .collapsible-block-unfolded[style=""]) {
      .exitQ3 {
          display: none;
  }
      .exitA3 {
          display: initial;
  }
      .exitA3_C {
          display: initial;
  }
  }
  
  
  #page-content:has(.exitSurvey .exitQ3 .inline .button.D .collapsible-block-unfolded[style=""]) {
      .exitQ3 {
          display: none;
  }
      .exitA3 {
          display: initial;
  }
      .exitA3_D {
          display: initial;
  }
  }
  
  #page-content:has(.exitSurvey .exitA3 .button .collapsible-block-unfolded[style=""]) {
      .exitA3 {
          display: none !important;
      }
      .exitQ4 {
          display: initial;
  }
  }
  
  #page-content:has(.exitSurvey .exitQ4 .inline .button.true .collapsible-block-unfolded[style=""]) {
      .exitQ4 {
          display: none;
  }
      .exitA4 {
          display: initial;
  }
      .exitA4_C {
          display: initial;
  }
  }
  
  #page-content:has(.exitSurvey .exitQ4 .inline .button.false .collapsible-block-unfolded[style=""]) {
      .exitQ4 {
          display: none;
  }
      .exitA4 {
          display: initial;
  }
      .exitA4_I {
          display: initial;
  }
  }
  
  #page-content:has(.exitSurvey .exitA4 .button .collapsible-block-unfolded[style=""]) {
      .exitA4 {
          display: none !important;
      }
      .exitQ5 {
          display: initial;
  }
  }
  
  #page-content:has(.exitSurvey .exitQ5 .inline .button.A .collapsible-block-unfolded[style=""]) {
      .exitQ5 {
          display: none;
  }
      .exitA5 {
          display: initial;
  }
      .exitA5_A {
          display: initial;
  }
  }
  
  #page-content:has(.exitSurvey .exitQ5 .inline .button.B .collapsible-block-unfolded[style=""]) {
      .exitQ5 {
          display: none;
  }
      .exitA5 {
          display: initial;
  }
      .exitA5_B {
          display: initial;
  }
  }
  
  #page-content:has(.exitSurvey .exitQ5 .inline .button.C .collapsible-block-unfolded[style=""]) {
      .exitQ5 {
          display: none;
  }
      .exitA5 {
          display: initial;
  }
      .exitA5_C {
          display: initial;
  }
  }
  
  
  #page-content:has(.exitSurvey .exitQ5 .inline .button.D .collapsible-block-unfolded[style=""]) {
      .exitQ5 {
          display: none;
  }
      .exitA5 {
          display: initial;
  }
      .exitA5_D {
          display: initial;
  }
  }
  
  #page-content:has(.exitSurvey .exitA5 .button .collapsible-block-unfolded[style=""]) {
      .exitA5 {
          display: none !important;
      }
      .exitQ6 {
          display: initial;
  }
  }
  
  #page-content:has(.exitSurvey .exitQ6 .inline .button.true .collapsible-block-unfolded[style=""]) {
      .exitQ6 {
          display: none;
  }
      .exitA6 {
          display: initial;
  }
      .exitA6_C {
          display: initial;
  }
  }
  
  #page-content:has(.exitSurvey .exitQ6 .inline .button.false .collapsible-block-unfolded[style=""]) {
      .exitQ6 {
          display: none;
  }
      .exitA6 {
          display: initial;
  }
      .exitA6_I {
          display: initial;
  }
  }
  
  #page-content:has(.exitSurvey .exitA6 .button .collapsible-block-unfolded[style=""]) {
      .exitA6 {
          display: none !important;
      }
      .exitQ7 {
          display: initial;
  }
  }
  
  #page-content:has(.exitSurvey .exitQ7 .inline .button.A .collapsible-block-unfolded[style=""]) {
      .exitQ7 {
          display: none;
  }
      .exitA7 {
          display: initial;
  }
      .exitA7_A {
          display: initial;
  }
  }
  
  #page-content:has(.exitSurvey .exitQ7 .inline .button.B .collapsible-block-unfolded[style=""]) {
      .exitQ7 {
          display: none;
  }
      .exitA7 {
          display: initial;
  }
      .exitA7_B {
          display: initial;
  }
  }
  
  #page-content:has(.exitSurvey .exitQ7 .inline .button.C .collapsible-block-unfolded[style=""]) {
      .exitQ7 {
          display: none;
  }
      .exitA7 {
          display: initial;
  }
      .exitA7_C {
          display: initial;
  }
  }
  
  
  #page-content:has(.exitSurvey .exitQ7 .inline .button.D .collapsible-block-unfolded[style=""]) {
      .exitQ7 {
          display: none;
  }
      .exitA7 {
          display: initial;
  }
      .exitA7_D {
          display: initial;
  }
  }
  
  #page-content:has(.exitSurvey .exitA7 .button .collapsible-block-unfolded[style=""]) {
      .exitA7 {
          display: none !important;
      }
      .exitQ8 {
          display: initial;
  }
  }
  
  #page-content:has(.exitSurvey .exitQ8 .inline .button.A .collapsible-block-unfolded[style=""]) {
      .exitQ8 {
          display: none;
  }
      .exitA8 {
          display: initial;
  }
      .exitA8_A {
          display: initial;
  }
  }
  
  #page-content:has(.exitSurvey .exitQ8 .inline .button.B .collapsible-block-unfolded[style=""]) {
      .exitQ8 {
          display: none;
  }
      .exitA8 {
          display: initial;
  }
      .exitA8_B {
          display: initial;
  }
  }
  
  #page-content:has(.exitSurvey .exitQ8 .inline .button.C .collapsible-block-unfolded[style=""]) {
      .exitQ8 {
          display: none;
  }
      .exitA8 {
          display: initial;
  }
      .exitA8_C {
          display: initial;
  }
  }
  
  
  #page-content:has(.exitSurvey .exitQ8 .inline .button.D .collapsible-block-unfolded[style=""]) {
      .exitQ8 {
          display: none;
  }
      .exitA8 {
          display: initial;
  }
      .exitA8_D {
          display: initial;
  }
  }
  
  #page-content:has(.exitSurvey .exitA8 .button .collapsible-block-unfolded[style=""]) {
      .exitA8 {
          display: none !important;
      }
      .exitQ9 {
          display: initial;
  }
  }
  
  #page-content:has(.exitSurvey .exitQ9 .inline .button.A .collapsible-block-unfolded[style=""]) {
      .exitQ9 {
          display: none;
  }
      .exitA9 {
          display: initial;
  }
      .exitA9_A {
          display: initial;
  }
  }
  
  #page-content:has(.exitSurvey .exitQ9 .inline .button.B .collapsible-block-unfolded[style=""]) {
      .exitQ9 {
          display: none;
  }
      .exitA9 {
          display: initial;
  }
      .exitA9_B {
          display: initial;
  }
  }
  
  #page-content:has(.exitSurvey .exitQ9 .inline .button.C .collapsible-block-unfolded[style=""]) {
      .exitQ9 {
          display: none;
  }
      .exitA9 {
          display: initial;
  }
      .exitA9_C {
          display: initial;
  }
  }
  
  
  #page-content:has(.exitSurvey .exitQ9 .inline .button.D .collapsible-block-unfolded[style=""]) {
      .exitQ9 {
          display: none;
  }
      .exitA9 {
          display: initial;
  }
      .exitA9_D {
          display: initial;
  }
  }
  
  #page-content:has(.exitSurvey .exitA9 .button .collapsible-block-unfolded[style=""]) {
      .exitA9 {
          display: none !important;
      }
      .exitQ10 {
          display: initial;
  }
  }
  
  #page-content:has(.exitSurvey .exitQ10 .inline .button.A .collapsible-block-unfolded[style=""]) {
      .exitQ10 {
          display: none;
  }
      .exitA10 {
          display: initial;
  }
      .exitA10_A {
          display: initial;
  }
  }
  
  #page-content:has(.exitSurvey .exitQ10 .inline .button.B .collapsible-block-unfolded[style=""]) {
      .exitQ10 {
          display: none;
  }
      .exitA10 {
          display: initial;
  }
      .exitA10_B {
          display: initial;
  }
  }
  
  #page-content:has(.exitSurvey .exitQ10 .inline .button.C .collapsible-block-unfolded[style=""]) {
      .exitQ10 {
          display: none;
  }
      .exitA10 {
          display: initial;
  }
      .exitA10_C {
          display: initial;
  }
  }
  
  
  #page-content:has(.exitSurvey .exitQ10 .inline .button.D .collapsible-block-unfolded[style=""]) {
      .exitQ10 {
          display: none;
  }
      .exitA10 {
          display: initial;
  }
      .exitA10_D {
          display: initial;
  }
  }
  
  #page-content:has(.exitSurvey .exitA10 .button .collapsible-block-unfolded[style=""]) {
      .exitA10 {
          display: none !important;
      }
      .exitQ11 {
          display: initial;
  }
  }
  
  #page-content:has(.exitSurvey .exitQ11 .inline .button.true .collapsible-block-unfolded[style=""]) {
      .exitQ11 {
          display: none;
  }
      .finalIntro {
          display: initial;
  }
      .stageDisclaimer2 {
          display: none;
  }
      .stageDisclaimer3 {
          display: initial;
  }
  }
  
  #page-content:has(.exitSurvey .exitQ11 .inline .button.false .collapsible-block-unfolded[style=""]) {
      .exitQ11 {
          display: none;
  }
      .exitEnding {
          display: initial;
  }
      .stageDisclaimer2 {
          display: none;
  }
      .stageDisclaimerBAD {
          display: initial;
  }
  }
  
  /* FINAL INTRO */
  #page-content:has(.finalIntro .button .collapsible-block-unfolded[style=""]) {
      .finalIntro {
          display: none !important;
      }
      .stageDisclaimer3 .button {
          display: flex;
      }
      .classTabs {
          display: initial;
  }
  }
  
  /* Email Component Fix */
  #page-content .top-left-box :is(.from-box, .to-box, .cc-box, .subject-box) {
      margin-right: 0em;
  }
  
  #page-content .top-middle-box :is(.from-name-box, .to-name-box, .cc-text-box, .subject-text-box) {
      margin-left: 0em;
  }
  
  /* Clearance */
  
  :is(.safe, .euclid, .explained, .thaumiel, .apollyon, .neutralized, .keter) {
      display: none;
  }
  
  #page-content:has(.classTabs li.selected:nth-of-type(1)){
  .safe {
      display:contents;
  }
  }
  
  #page-content:has(.classTabs li.selected:nth-of-type(2)){
  .euclid {
      display:contents;
  }
  }
  
  #page-content:has(.classTabs li.selected:nth-of-type(3)){
  .explained {
      display:contents;
  }
  }
  
  #page-content:has(.classTabs li.selected:nth-of-type(4)){
  .thaumiel {
      display:contents;
  }
  }
  
  #page-content:has(.classTabs li.selected:nth-of-type(5)){
  .apollyon {
      display:contents;
  }
  }
  
  #page-content:has(.classTabs li.selected:nth-of-type(6)){
  .neutralized {
      display:contents;
  }
  }
  
  #page-content:has(.classTabs li.selected:nth-of-type(7)){
  .keter {
      display:contents;
  }
  }
  
  #page-content .topHeader .wiki-content-table tr :is(th,td) {
      border:none;
      padding: 0.3em 0.5em;
      text-align: center;
  }
  
  .topHeader {
      color: red;
      text-align: center;
      font-weight: 700;
      margin: 0.5em 0 .4em;
      padding: 0;
      letter-spacing: 1px;
      font-size: 150%;
  }
  
  #page-options-container {
      margin-bottom: 2.5em;
      padding-top: 1.5em;
  }
  
  #page-content .blockquote.report {
      border: 1px solid var(--accentColor);
      background: #e0e0e1;
      color: black;
      margin: 1em 0.5em;
      font-weight: 400;
  }
  
  #page-content .report .blockquote a {
      color: #3030b0;
  }
  
  #page-content .report .blockquote {
      margin: 1em 0.5em;
  }
  
  #page-content .report .blockquote .report {
      margin: 1em 0.5em;
  }
  
  #page-content:has(.stageDisclaimer3 .button .collapsible-block-unfolded[style=""]) {
      .classTabs {
          display: none !important;
      }
      .stageDisclaimer3 {
          display: none !important;
      }
      .stageDisclaimerEND {
          display: initial;
  }
      .trueEnding {
          display: initial;
      }
  }
  

  Pages using this styling

  • fragment:queerious-proposal [info]

  ¶ 1 occurrence
  

  :root {
      --timeDelay: 0.5s;
  }
  
  a.collapsible-block-link:not(.licensebox a.collapsible-block-link) {
      font-weight: 600;
      color: white;
      padding-top: 4px;
      padding-bottom: 4px;
      padding-left: 7px;
      padding-right: 9px;
      background: rgb(20, 20, 20);
      border-radius: 6px;
      margin-top: 10px;
      margin-bottom: 10px;
  }
  
  #page-content .normal a {
     color: #000000;
     background-color: initial;
     filter: initial;
     transition: background-color 0.15s linear;
  }
  #page-content .normal a:hover {
      color: #EE4B2B;
      background-color: var(--accentColor);
  }

  Pages using this styling

  • fragment:pickman-blank-proposal-offset-1 [info]

  ¶ 1 occurrence
  

  /*-----------*\
   *    Font    * 
  \*-----------*/
  
  @import url('https://fonts.googleapis.com/css?family=Teko:300,400,600&display=swap');
  
  /*------------------------*\
   *    Card Containers    * 
  \*------------------------*/
  
  /* Below is the overall container that holds the card grid. */
  
  .card-box {
      padding: 10px 10px;
      max-width: 1200px;
      margin: 0 auto;
      display: grid;
      grid-gap: 1rem;
      grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  }
  
  /* Below is the first container for an individual card, followed by the containers that are automatically generated by the listpages module. */
  
  .card {
      color: white;
      padding: 0px;
      display: flex;
  }
  
  .list-pages-box {
      color: inherit;
      padding: inherit;
      display: inherit;
  }
  
  .list-pages-item {
      display: inherit;
  }
  
  /* Below is a second container for an individual card. You need these containers to bookend the listpages containers because... Well, because Wikidot. */
  
  .floater {
      width: 100%;
      background: {$cardBG};
      background-image:url("http://topia.wikidot.com/local--files/peppo-woowoo/noise.png");
      margin: 0px;
      box-shadow: 0px 3px 15px rgba(0,0,0,0.3);
      border-radius: 20px;
      transition: transform .2s;
      position: relative;
      overflow:hidden;
  }
  
  /* Below is the part that enlarges the card when moused over. */
  
  .floater:hover {
      -webkit-transform: scale(1.3);
      -moz-transform: scale(1.3);
      -o-transform: scale(1.3);
      -ms-transform:scale(1.3);
      transform: scale(1.3);
      z-index:5555555 !important;
      box-shadow: 0px 3px 15px rgba(0,0,0,0.9);
  }
  
  /*---------------------------------*\
   *    Picture Shadow (Mobile)    * 
  \*---------------------------------*/
  
  /* This bit below creates a gradient shadow on top of the card image in the mobile view. */
  
  .picShadow {
      position: absolute;
      width:100%;
      height:100%;
      visibility:hidden;
  }
  
  /*--------------*\
   *    Picture    * 
  \*--------------*/
  
  .pic { text-align:center; }
  
  .pic img {
      width: 100%;
        height:auto;
    margin:auto;
  }
  
  /* This bit below removes the line break that Wikidot automatically generates. */
  
  .pic br {display:none;}
  
  /* Below is an alternate class which replaces .pic in the mobile view. */
  
  .noPic { display: none; }
  
  /*------------------------------------*\
   *    Card header (Number line)    * 
  \*------------------------------------*/
  
  /* Below is the SCP designation line. Alternately, it can say "Tale" or the name of the GOI the format is for. */
  
  .cardHead {
      background: {$color2};
      border-radius: 20px 20px 0px 0px;
  }
  
  .cardHead p{
      padding: 8px 0px 3px 0px;
      margin: 0px;
      color: {$color1};
      line-height: 0.8em;
      font-size: 1.9em;
      letter-spacing: 0.02em;
      font-family: 'Teko', sans-serif;
      font-weight: 600;
  }
  
  /*-------------*\
   *    Rating    * 
  \*-------------*/
  
  /* Below is the ribbon that displays the article's rating. */
  
  .howItRate {
      position: absolute;
      width: fit-content;
      top: 9rem;
      left: 0;
      background-color: {$color1};
      text-align: left;
      padding: 0.55em 0.5em 0.3em 0.8em;
      margin: 0px;
      -webkit-box-shadow: 1px 3px 12px 3px rgba(21, 3, 3,0.65);
      -moz-box-shadow: 1px 3px 12px 3px rgba(21, 3, 3,0.65);
      box-shadow: 1px 3px 12px 3px rgba(21, 3, 3,0.65);
  }
  
  .howItRate p {
      font-family: 'Teko', sans-serif;
      font-weight: 300;
      font-size: 1.45em;
      letter-spacing: 0.06em;
      line-height: 0.9em;
      text-align: center;
      margin: 0;
      padding: 0;
  }
  
  /* Below is the alternate code for the rating ribbon when the card has no picture. */
  
  .howItRate2 {
      top: -0.2rem;
      position: relative;
      border-top: {$color1} 0.2rem solid;
      margin-bottom: -0.3rem
  }
  
  .howItRate2 p {
      font-weight: 900;
      color: {$color1};
      margin: 0;
      text-align: center;
      padding: 0.3em 0.8em 0.2em 0.3em;
      background: white;
  }
  
  /*-------------------*\
   *    Article name   * 
  \*-------------------*/
  
  .article-name {
      background: {$color1};
      position:relative;
      top: 0;
      padding: 5px 15px;
  }
  
  .article-name p{
      margin: 0px;
      font-family: 'Teko', sans-serif;
      font-size: 1.8em;
      letter-spacing: 0.02em;
      font-weight: 300;
      line-height: 0.8em;
      padding: 3px 0 0 0;
      color: {$color2};
  }
  
  /*--------------------*\
   *    Article Quote    * 
  \*--------------------*/
  
  .article-quote {
      position: relative;
      top: 0;
      padding: 0% 3%;
      margin-bottom: 0.75rem;
  }
  
  .article-quote p {
      font-size: 0.95em;
      margin-bottom: 0px;
      line-height: 1.3em;
  }
  
  /*-----------------*\
   *    Credit Line   * 
  \*-----------------*/
  
  .article-credit {
      color: #8c8c8c;
      font-size: 75%;
      position: relative;
      z-index:2;
      padding: 0% 3%;
      top: -0.1em;
  }
  
  .article-credit p {
      margin: 0px 0px 5px 0px;
  }
  
  .article-credit a,
  .article-credit a:visited {
      color: #8c8c8c;
  }
  
  .article-credit a:hover {
      color: firebrick;
  }
  
  /*----------------*\
   *    Card link    * 
  \*----------------*/
  
  /* This part below makes it so that you go to the card's article link when you click anywhere on the card (except the credit link if there is one). */
  
  .image-holder {
      height: 0px;
  }
  
  .linkle {
      position:absolute;
      width:100%;
      height:100%;
      display: inline;
      top:0;
      left: 0;
      opacity: 0;
      z-index: 1;
    /* fixes overlap error in IE7/8,
       make sure you have an empty gif */
      background-image: url('empty.gif');
  }   
  
  /*-----------------*\
   *    Responsive   * 
  \*-----------------*/
  
  /* Alternate card style for mobile view. */
  
  @media (max-width: 640px) {
      .list-pages-box {width:100%;}
      .list-pages-item {width:100%;}
  
      .floater:hover {
          -webkit-box-shadow: -8px 10px 17px -3px rgba(0,0,0,0.28);
          -moz-box-shadow: -8px 10px 17px -3px rgba(0,0,0,0.28);
          box-shadow: -8px 10px 17px -3px rgba(0,0,0,0.28);
          transform: scale(1.05);
          box-shadow: 0px 3px 15px rgba(137,30,7,0.9);
      }
  
      .picShadow {
          visibility: visible;
          background: linear-gradient(90deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 10%);
      }
  
      .pic {
          height:100%;
          width:auto;
          max-width:40% !important;
          position:absolute;
          top: 0;
          right:0;
          z-index:1;
          border-radius: 0px 20px 20px 0px;
          overflow:hidden;
      }
  
      .pic img {
          height:100%;
          width:auto;
          object-fit: cover;
          object-position:center;
      }
  
      .cardHead {
          padding: 0.3rem 0.1rem 0.5rem 4%;
      }
  
      .cardHead p {
          text-align:left !important;
          font-size: 1.7em;
      }
  
      .card-box {
          grid-template-columns: 100%;
      }
  
      .article-name {
          top:-0.2rem;
          background: {$color1};
          border-top: {$color2}; 3px solid;
          padding: 0.5em 0 0.2em 1em;
      }
  
      .article-name p {
          text-align:left !important;
          width: 55%;
          font-size: 3em;
          line-height: 0.9em;
          color: white;
      }
  
      .article-quote {top:-0.5em;}
  
      .article-quote p {
          font-size: 1.1em;
          margin: 1em 0 0.5em 0;
          line-height: 1.5em;
          width:55%;
      }
  
      .howItRate {
          padding: 0;
          position:absolute;
          right:0;
          left: initial;
          top:auto;
          bottom:2.5em;
          z-index:1;
          height:fit-content;
          -webkit-box-shadow: -4px 2px 9px 1px rgba(16, 4, 4, 0.5);
          -moz-box-shadow: -4px 2px 9px 1px rgba(16, 4, 4, 0.5);
          box-shadow: -4px 2px 9px 1px rgba(16, 4, 4, 0.5);
      }
  
      .howItRate p {
          font-size: 1.4em;
          padding: 0.4em 0.6em 0.2em 0.5em;
          font-family: 'Teko', sans-serif;
      }
  
      .howItRate2 {
          top: initial;
          bottom: 2rem;
          position: absolute;
          border: none;
          right: 0;
          background: {$color1};
          color: {$color2};
          padding: 0.1rem 1.5rem 0rem 1rem;
          -webkit-box-shadow: -4px 2px 9px 1px rgba(16, 4, 4, 0.5);
          -moz-box-shadow: -4px 2px 9px 1px rgba(16, 4, 4, 0.5);
          box-shadow: -4px 2px 9px 1px rgba(16, 4, 4, 0.5);
      }
  
      .howItRate2 p {
          text-align: right;
          background: inherit;
          color: inherit;
          font-size: 2em;
          padding: 0;
          font-family: 'Teko', sans-serif;
          font-weight: initial;
      }
  
      .article-credit {
          width: 55%;
      }
  
  }
  

  Pages using this styling

  • fragment:peppo-card-grid [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Courier+Prime&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono&display=swap');
  
  #page-title {
    display: none;
  }
  
  #header h1 a {
    background-image: url(https://scp-wiki.wdfiles.com/local--files/paradise-lot/pl-logo.png);
  }
   
   #extra-div-1 {
     background-image: url(https://scp-wiki.wdfiles.com/local--files/paradise-lot/background-pl.png);
     background-size: calc(var(--header-height-on-desktop) * 25);
  }
  
  body {
     background-color: rgb(10, 10, 15);
     color: rgb(242, 241, 235);
  }
  
  h4 {
     font-size: 1.15em;
     font-family: 'Courier Prime';
     text-align: left;
     text-decoration: underline;
     padding: 0px;
     margin-bottom: 0px;
  }
  
  h5 {
     font-size: 1em;
     font-family: 'Courier Prime';
     margin: auto;
     text-align: center;
  }
  
  h6 {
     font-size: 1em;
     font-family: 'Courier Prime';
     margin: auto;
     color: rgba(0, 0, 0, 0);
  }
  
  .fadein {
     font-size: 1.2em;
     font-family: 'Courier Prime';
     text-align: left;
     font-weight: bold;
  
     padding-bottom: 0.4em;
     margin-bottom: 0px;
  }
  
  hr {
     background-color: rgb(122, 10, 10);
     border-top: .0625rem solid rgb(122, 10, 10);
  }
  
  .widebox {
     width: 50vw;
     max-width: 50vw !important;
     position: relative;
     left: calc(-25vw + 50%);
  }
  
  @media screen and (max-width: 640px) {
    .widebox {
      width: 100vw;
      max-width: 100vw !important;
      left: calc(-50vw + 50%);
    }
  
     #header h1 a {
        background-size: auto calc(var(--header-height-on-desktop) - 4rem);
        background-position: center center;
     }
  }
  
  .script {
     font-family: 'Courier Prime', monospace;
  
     padding: 10px 10px 10px 10px;
     margin-bottom: 10px;
     background: repeat-y center/100% url("https://scp-wiki.wdfiles.com/local--files/paradise-lot/paper-tile-tst.png");
     color: #f2f1eb;
  
     border: 2px solid #00004d;
  }
  
  .start {
     border-bottom: 1px dotted #0f0f38;
  }
  
  .middle {
     margin-top: 10px;
     border-top: 1px dotted #0f0f38;
     border-bottom: 1px dotted #0f0f38;
  }
  
  .end {
     border-top: 1px dotted #0f0f38;
  }
  
  .dialogue {
     padding-left: 30%;
     padding-right: 30%;
     text-align: left;
  }
  
  .para {
     text-align: center;
     padding: 0% 35% 0% 35%;
     font-size: 0.8em;
  }
  
  .dialogue > p {
     margin-top: 0px;
  }
  
  .readout {
     border: none;
     background: repeat-y top/100% url("https://scp-wiki.wdfiles.com/local--files/paradise-lot/ticker-long.png");
  
     text-align: left;
     font-family: 'JetBrains Mono', monospace;
     color: #140b00;
  
     padding: 20px;
     padding-left: 8%;
     margin-bottom: 10px;
  }
  

  Pages using this styling

  • fragment:paradise-lot-1 [info]

  ¶ 1 occurrence
  

  
  body {
      font-size: 13px;
  }
  
  .capt {
      margin: 0.2em;
      margin-bottom: -0.5rem;
  }
  
  .lazy {
     font-size: xx-small;
     opacity: 0;
     line-height: 1.2em;
     padding: -5em;
  }
  
  .lazyagain {
     font-size: 0.95em;
  }
  
  .edit {
     font-size: 0.7em;
     font-weight: 200;
  }
  
  .wikibox img {
     padding: 0em 0.2em;
     box-sizing: border-box;
     vertical-align: text-bottom;
  }
  
  table.infobox {
      border-collapse: collapse;
  }
  
  table.infobox th {
      font-size: 1.1em;
      text-align: left;
      font-weight: bold;
      padding:  0.9em 1em 0 1em;
  }
   
  table.infobox td {
      font-size: 1.15em;
      text-align: left;
      padding: 1em 0 0 0.85em;
  }
  
  .scp-image-block .scp-image-caption > p {
     font-weight: normal;
  }
  
  .bigbody {
      font-size: 1.15em;
  }
  
  div#extra-div-2::before {
     content: var(--header-title, "SCPedia");
     font-size: 4.45em;
  }
   
  @media (max-width: 767px) {
     #header h1 a::before {
          content: var(--header-title, "SCPEDIA");
      }
  }
  
  div#extra-div-1::after {
     left: 18.30rem;
  }
  
  #toc .title {
     font-size: 0em;
  }
  
  #toc .title::before {
     content: "Contents";
     font-size: 0.9rem;
     font-weight: bold;
     
     margin: 0.2em 0;
     padding: 0 2em;
     text-align: center;
  }
  
  #page-content h1 { display: flex; align-items: center; }
  #page-content h1 span { display: contents;}
  
  #page-content h1::before {
     content: "     [";
     order: 2;
     font-size: 65%;
     font-weight: 100;
     margin-left: 0.9rem;
  }
  
  #page-content h1 span::after {
     content: "edit";
     order: 3;
     color: #0645AD;
     font-size: 65%;
     font-weight: 100;
  }
  
  #page-content h1::after {
     content: "]";
     order: 4;
     font-size: 65%;
     font-weight: 100;
  }
  
  #page-content .wiki-content-table tr th {
      border: solid 1px #888;
      background-color: #b7b9f7;
  }
  
  table {
     border-collapse: collapse;
  }
  
  .episode {
     width: 100%;
     font-size: 1.15em;
  }
  
  .tab-hr{
     border: solid 1px #888;
     background-color: #b7b9f7;
     padding: 0.3em 0.7em;
  }
  
  .tab-mid{
     border: solid 1px #A2A9B1;
     background-color: #F8F9FA;
     padding: 0.3em 0.7em;
     text-align: center;
     line-height: 175%;
  }
  
  .tab-mid-dk{
     border: solid 1px #A2A9B1;
     background-color: #C4C8CC;
     padding: 0.3em 0.7em;
     text-align: center;
     line-height: 175%;
  }
  
  .tab-long{
     border: solid 1px #A2A9B1;
     background-color: #F8F9FA;
     padding: 0.3em 0.7em;
     text-align: left;
     line-height: 150%;
  }
  
  .text-fade {
     overflow: auto;
     display: table;
     -webkit-mask-image: linear-gradient(to bottom, rgb(0,0,0,1), rgba(0,0,0,0) 70%);
  }
  
  

  Pages using this styling

  • fragment:paradise-lot-0 [info]

  ¶ 1 occurrence
  

  
  .memo2 {
    background-color: rgb(246, 196, 3);
    border: solid 5px rgb(271, 196, 23);
    padding: 7px;
  }
  

  Pages using this styling

  • fragment:palingenesis-1 [info]

  ¶ 1 occurrence
  

  
  @import url('https://fonts.googleapis.com/css2?family=Imperial+Script&display=swap');
  
  .imperial-script-regular {
    font-family: "Imperial Script", cursive;
    font-weight: 400;
    font-style: normal;
  }
  

  Pages using this styling

  • fragment:palingenesis-1 [info]

  ¶ 1 occurrence
  

  .columns {
      display: grid;
      grid-template-columns: 1fr 1fr;
  }
  .a {
      grid-column: 1;
      padding-right: 0.5rem;
  text-align: right;
  }
  
  .b {
      grid-column: 2;
      padding-left: 0.5rem;
  text-align: left;
      }

  Pages using this styling

  • fragment:palingenesis-0 [info]

  ¶ 1 occurrence
  

  .overlap-grid {
    display: grid;
  }
  .overlap-grid > div {
    grid-row: 1;
    grid-column: 1;
  text-align: center;
  }

  Pages using this styling

  • fragment:palingenesis-0 [info]

  ¶ 1 occurrence
  

  .anom-bar-container.esoteric .danger-diamond > .top-icon::before, .anom-bar-container.conscientia .danger-diamond > .bottom-icon::before {
    background-color: white;
  }
  
  .anom-bar-container.esoteric .text-part > .main-class::before {
      background-color: white;
      border-color: white;
  }
  
  .anom-bar-container.conscientia .text-part > .main-class::after {
    background-color: white;
  }

  Pages using this styling

  • fragment:palingenesis-0 [info]

  ¶ 1 occurrence
  

  #page-content .anom-bar .danger-diamond .top-quad {
    background-color: black;
  }
  
  #page-content .anom-bar .danger-diamond .bottom-quad {
    background-color: white;
  }

  Pages using this styling

  • fragment:palingenesis-0 [info]

  ¶ 1 occurrence
  

  
  .memo2 {
    background-color: rgb(225, 186, 0);
    border: solid 5px rgb(255, 196, 43);
    padding: 7px;
  }
  

  Pages using this styling

  • fragment:palingenesis-0 [info]

  ¶ 1 occurrence
  

  
  @import url('https://fonts.googleapis.com/css2?family=Nova+Cut&display=swap');
  
  .nova-cut {
    font-family: "Nova Cut", system-ui;
    font-weight: 400;
    font-style: normal;
  }
  

  Pages using this styling

  • fragment:palingenesis-0 [info]

  ¶ 1 occurrence
  

  
  #page-content p:has(> a[name^="anchor"]) {
    opacity: 0;
    height: 0;
    margin: 0;
  }

  Pages using this styling

  • fragment:palingenesis-0 [info]

  ¶ 1 occurrence
  

  body {
    background-color: #232323;
    
  }

  Pages using this styling

  • fragment:page-9000-ethagon-9 [info]

  ¶ 1 occurrence
  

  
  body {
    background-color: hsl(0, 0%, 30%);
  }

  Pages using this styling

  • fragment:page-9000-ethagon-42 [info]

  ¶ 1 occurrence
  

  
  
  :root {
      --header-logo: url('https://scp-wiki.wdfiles.com/local--files/chaos-insurgency-hub/CI%20Containment%20Breach.png');
      --header-title: 'INSURGENCY';
      --header-subtitle: 'VENGEANCE ARM AGAIN';
  }
  
  
  
  :root .thin-blockquote {
    padding: 0;
  }
  
  h1, h2, h3, h4 {
    color: #A02C2C;
  }
  
  .return a:visited {
   color: rgb(226,60, 63) !important;
  }
  
  .return a {
    color: rgb(234, 46, 52) !important;
  }
  

  Pages using this styling

  • fragment:page-9000-ethagon-41 [info]

  ¶ 1 occurrence
  

  
  .transcribed {
     font-size: 1rem;
  }
  

  Pages using this styling

  • fragment:page-9000-ethagon-32 [info]

  ¶ 1 occurrence
  

  
  body {
    background-color: hsl(0, 0%, 80%);
  }

  Pages using this styling

  • fragment:page-9000-ethagon-3 [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css?family=Reenie+Beanie');
  
  body {
    background-color: #111111;
    
  }

  Pages using this styling

  • fragment:page-9000-ethagon-22 [info]

  ¶ 1 occurrence
  

  
  body {
    background-color: hsl(0, 0%, 5%);
  }

  Pages using this styling

  • fragment:page-9000-ethagon-21 [info]

  ¶ 1 occurrence
  

  
  body {
    background-color: hsl(0, 0%, 15%);
  }

  Pages using this styling

  • fragment:page-9000-ethagon-20 [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css?family=Reenie+Beanie');
  
  body {
    background-color: hsl(0, 0%, 90%);
  }

  Pages using this styling

  • fragment:page-9000-ethagon-2 [info]

  ¶ 1 occurrence
  

  
  body {
    background-color: hsl(0, 0%, 95%);
  }

  Pages using this styling

  • fragment:page-9000-ethagon-12 [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css?family=Reenie+Beanie');
  
  body {
    background: radial-gradient(
        circle at 50% 90%,   
        black 0%,             /* colour at middle bottom */
        white 100%             /* colour at sides of bottom */
    );
    /* keep the gradient covering the whole page */
    min-height: 100vh;
  }

  Pages using this styling

  • fragment:page-9000-ethagon-11 [info]

  ¶ 1 occurrence
  

  .clearance {
    color: inherit !important;
    background-color: inherit !important;
    -webkit-user-select: inherit !important; /* Safari */
    -ms-user-select: inherit !important; /* IE 10 and IE 11 */
    user-select: inherit !important;
  }
  

  Pages using this styling

  • fragment:page-9000-ethagon-0 [info]

  ¶ 1 occurrence
  

  :root {
  --accentColor: 0, 0, 0;
    --darkColor: 166, 166, 166;
      --header-title: "DEPARTMENT OF GEOLOGY";
  }

  Pages using this styling

  • fragment:orogenesis-file-1 [info]

  ¶ 1 occurrence
  

  :root {
  --accentColor: 245, 15, 34;
    --darkColor: 20, 2, 19;
      --header-title: "DEPARTMENT OF GEOLOGY";
  }

  Pages using this styling

  • fragment:orogenesis-file-0 [info]

  ¶ 1 occurrence
  

  :root {
      --basalt-undertone: 242,126,31;
      --basalt-overtone: 62,62,96;
      --basalt-light-text-color: 236,236,248;
      --basalt-sub-text-color: 216,216,227;
  
      --header-logo: url("https://scp-wiki.wdfiles.com/local--files/opusconfidant/opconf.png");
      --header-title: "OpusConfidant";
      --header-title-color: var(--basalt-light-text-color);
      --header-subtitle: "Sampling Competitive Plays";
      --header-subtitle-color: var(--basalt-light-text-color);
      --subtitle-size: 0.875rem;
  
      --top-bar-link-color: var(--basalt-light-text-color);
      --top-bar-dropdown-link-color: var(--basalt-main-text-color);
      --header-background-color: 99,99,176;
      --header-border-width: 0rem;
  
      --search-icon-color: var(--basalt-light-text-color);
      --top-bar-dropdown-background-hover: var(--basalt-undertone);
      --side-bar-background-color: 38,40,45;
      --side-bar-link-color: var(--basalt-light-text-color);
      --side-bar-link-background-hover: var(--basalt-undertone);
  
      --main-content-top-margin: 1.75rem;
      --main-content-side-margin: 1.325rem;
      --bottom-area-text-color: var(--basalt-light-text-color);
      --bottom-area-background-color: var(--header-background-color);
  }
  
  #license-area {
      --link-color: var(--basalt-undertone);
  }
  
  #page-content h1 {
      border-bottom: solid 0.08rem rgb(var(--basalt-overtone));
      margin-top: 1.25em;
  }
  
  /*------------------------------------*/
  
  #page-title { display: none; }
  .card-holder {
      display: grid;
      grid-template-columns: repeat(auto-fill, minmax(8.5rem, 1fr) 16.75rem);
      grid-gap: 1.5rem 1rem;
      align-items: center;
  }
  .card-holder > .mon-card { display: contents; }
  .card-holder > .mon-card > br { display: none; }
  
  .mon-card {
      display: flex;
      justify-content: center;
      align-items: center;
      grid-gap: 0.75rem;
      flex-wrap: wrap;
  }
  #page-content .mon-card .sprite {
      width: 10rem;
      padding: 0.75rem;
      aspect-ratio: 1;
      display: flex;
      align-items: center;
      justify-self: center;
      box-sizing: border-box;
      border: solid 0.1rem rgb(var(--general-border-color));
      border-radius: 0.75rem;
      max-width: 100%;
      image-rendering: pixelated;
  }
  .mon-card .sprite img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      border-radius: 0.325rem;
  }
  
  #page-content .mon-card table {
      margin: unset;
  }
  #page-content .mon-card table td { border: none; padding: 0.25em 0.5em;}
  #page-content .mon-card table td:first-child { text-align: right; font-size: 0.8em; }
  #page-content .mon-card table td:nth-child(2) { font-size: 1.05em; }
  
  .mon-card table td span {
      --num: 1;
      --num-clamp: max(0, min(var(--num), 255));
      position: relative;
      display: inline-block;
      padding: 0.325em 0.675em;
      isolation: isolate;
      color: white;
  }
  .mon-card table td span::before {
      content: "";
      display: block;
      width: 100%; height: 100%;
      position: absolute;
      top: 0; left: 0;
      background-color: black;
      z-index: -1;
      transform: skew(-20deg);
  }
  .mon-card table td span.dread::before { background: #3e6163; }
  .mon-card table td span.divine::before { background: #e0a000; }
  .mon-card table td span.mortal::before { background: #d6c4a1; }
  .mon-card table td span.auto::before { background: #9ca2b1; }
  .mon-card table td span.humor::before { background: #f16565; }
  .mon-card table td span.mineral::before { background: #8f623c; }
  .mon-card table td span.cosmos::before { background: #3c4476; }
  .mon-card table td span.nature::before { background: #268c12; }
  .mon-card table td span.meta::before { background: #6363b0; }
  
  .mon-card .stat { flex-grow: 1; flex-basis: 25rem; }
  #page-content .mon-card .stat table { display: block; width: 100%; }
  #page-content .mon-card .stat table tbody { display: contents; }
  .mon-card .stat table tr { display: flex; align-items: center; }
  #page-content .mon-card .stat table tr td:nth-child(1) {
      width: 6.25em;
      text-align: left;
  }
  .mon-card .stat table tr td:nth-child(2) {
      flex-grow: 1;
  }
  .mon-card .stat table td span {
      display: block;
      color: black;
      font-family: var(--mono-font);
      font-weight: bold;
      padding: 0.125em;
      font-size: 0.925em;
      width: 100%;
      max-width: calc(100% * var(--num-clamp)/255);
      word-break: keep-all;
      overflow-wrap: normal;
  }
  .mon-card .stat table td span::before {
      background: linear-gradient(to right, red, red, #f54d18, #ffe400, #91f300, #00ff6b, #02ffd3, cyan, cyan);
      background-size: 1000rem;
      left: -0.275em;
      top: -0.05em;
      background-position-x: calc(100% * var(--num-clamp)/255);
      filter: brightness(0.975) saturate(1.65);
  }
  
  #page-content div.blockquote.large {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: space-between;
      max-width: 100%;
      margin: 0.5rem 0;
      padding: 1rem;
  }
  #page-content div.blockquote.large table {
      display: block;
      margin: 0;
  }
  #page-content div.blockquote.large table:first-child {
      display: grid;
      grid-template-columns: repeat(auto-fill, 13.25em);
      max-width: 28em;
  }
  #page-content div.blockquote.large table:first-child tbody { display: contents; }
  #page-content div.blockquote.large table td { border: none; padding: 0.15em 0.675em; }
  #page-content div.blockquote.large table td:first-child { font-size: 0.875em; font-family: var(--mono-font); }
  
  .comment {
      position: relative;
      display: grid;
      grid-template-areas:
          "pfp name"
          "pfp content";
      grid-template-columns: min(4.75rem, calc(2.25rem + 2.5vw)) minmax(0,1fr);
      grid-template-rows: auto 1fr;
      margin: 0.5rem 0;
  }
  .comment:not([class*="reply"]) {
      margin-top: 1.5rem;
  }
  .comment.reply1 { margin-left: 7.5%; }
  .comment.reply2 { margin-left: 15%; }
  .comment.reply3 { margin-left: 22.5%; }
  
  .comment > .printuser { display: contents; }
  .comment > .printuser a:nth-child(1) {
      grid-area: pfp;
      justify-content: center;
      display: block;
      z-index: 1;
      align-self: flex-start;
      width: 100%;
      min-width: unset;
      box-sizing: border-box;
      pointer-events: none;
  }
  .comment > .printuser a:nth-child(1) img {
      background-image: none!important;
      padding: 0;
      height: 100%;
      width: 100%;
  }
  .comment > .printuser a:nth-child(2) {
      grid-area: name;
      padding: 0.125em; padding-left: 0.5rem;
      background-color: rgb(var(--basalt-UI-dark-palette));
      color: rgb(var(--basalt-light-text-color));
      font-family: var(--header-font);
      font-size: 1.05em;
  }
  .comment > div {
      padding: 0 0.5rem;
  }
  .comment > div hr {
      margin: 0.25rem 0;
  }

  Pages using this styling

  • fragment:opusconfidant-css [info]

  ¶ 1 occurrence
  

  body {
    background-image: url("http://scp-sandbox-3.wikidot.com/local--files/collab:totleighsoft/amrica.png");
  background-size: 150px
  }
  
  body {
  font-size: 15px;
  }
  #header h1 a::before {
      content: " ";
  }
  
  #header h2 span::before {
      content: " ";
  }

  Pages using this styling

  • fragment:open-letter-2 [info]

  ¶ 1 occurrence
  

  body {
    background-image: url("http://scp-sandbox-3.wikidot.com/local--files/collab:totleighsoft/gorgewashton.jpeg");
  background-size: 150px
  }
  #header h1 a::before {
      content: " ";
  }
  
  #header h2 span::before {
      content: " ";
  }

  Pages using this styling

  • fragment:open-letter-1 [info]

  ¶ 1 occurrence
  

  
  .list-pages-item .page-rate-widget-box {
  display: none;
  }
  
  #page-title {
    display: none;
  }
  .meta-title {
    border-bottom: solid 1px #bbbbbb;
    color: #990011;
    font-weight: normal;
    margin: 0 0 0.6em;
    padding: 0 0 0.25em;
    font-size: 200%;
  }
  .meta-title p {
    margin: 0;
  }

  Pages using this styling

  • fragment:only-once-away-my-son-5 [info]

  ¶ 1 occurrence
  

  .page{
      display: block;
      overflow: hidden;
      font-family: "Recurive", sans-serif;
      font-style: normal;
      color: black !important;
      font-size: 1.3em !important;
      background-attachment: scroll;
      background-clip: border-box;
      background-color: transparent;
      background-image: linear-gradient(to top ,rgb(202, 219, 228) 0%, rgb(231, 233, 220) 8%);
      background-origin: padding-box;
      background-position: 0px 8px;
      background-repeat: repeat;
      background-size: 100% 20px;
      border: 1px solid #CCC;
      border-radius-left: 10px !important;
      border-radius-right: 3px !important;
      padding: 10px 10px;
      margin-bottom: 0px;
      box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2)
  }
  .page p,
  .page ul {
      line-height: 20px;
      margin: 10;
  }

  Pages using this styling

  • fragment:objet-d-art-cleaved-2 [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Nothing+You+Could+Do&display=swap');
  .page {
      display: block;
      overflow: hidden;
      font-family: "Nothing You Could Do", sans-serif;
      font-style: normal;
      color: black !important;
      font-size: 1.3em !important;
      background-attachment: scroll;
      background-clip: border-box;
      background-color: transparent;
      background-image: linear-gradient(to top ,rgb(202, 219, 228) 0%, rgb(231, 233, 220) 8%);
      background-origin: padding-box;
      background-position: 0px 8px;
      background-repeat: repeat;
      background-size: 100% 20px;
      border: 1px solid #CCC;
      border-radius-left: 10px !important;
      border-radius-right: 3px !important;
      padding: 10px 10px;
      margin-bottom: 0px;
      box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2)
  }
  .page p,
  .page ul {
      line-height: 20px;
      margin: 10;
  }

  Pages using this styling

  • fragment:objet-d-art-cleaved-1 [info]

  ¶ 1 occurrence
  

  hr {
      margin: 1rem 0;
      height: 0.05rem;
      background-color: #cfcfcf;
  }
  
  .content-grid {
      display: flex;
      flex-wrap: wrap;
      gap: 0.75rem;
  }
  
  .content-box {
      flex-basis: 15.5rem;
      flex-grow: 1;
      background: #fff;
      box-shadow: 0 0 0.325rem rgb(0 0 0 / 0.175);
      display: flex;
      flex-direction: column;
      overflow-wrap: anywhere;
      --box-accent: #823f3f;
  }
  .tale { --box-accent: #3b5c97; }
  .goi { --box-accent: #b57e16; }
  .art { --box-accent: #3d8554; }
  .alt {--box-accent: #4b4848; }
  
  .content-box::after {
      content: "";
      display: block;
      flex-basis: 0.425rem;
      flex-grow: 1;
  }
  
  .content-type-title {
      display: flex;
      font-weight: 700;
      color: white;
      font-size: 115%;
      box-shadow: inset 0 0.525rem 0 var(--box-accent);
  }
  .content-type-title p {
      display: block;
      height: 100%;
      line-height: 1.15;
      margin: 0;
      padding: 0.275em 0.425em;
      box-sizing: border-box;
      flex-grow: 1;
      max-width: calc(90% - 3.25rem);
      min-width: min-content;
      background: var(--box-accent);
  }
  .content-type-title a { color: inherit; }
  .content-type-title::after {
      content: "";
      display: block;
      width: 2.25rem;
      flex-shrink: 1;
      background: var(--box-accent);
      margin-inline-end: 1rem;
      margin-inline-start: -0.02rem;
      -webkit-clip-path: polygon(0 0, 100% 0, 0 100%);
      clip-path: polygon(0 0, 100% 0, 0 100%);
  }
  
  .content-type-description .wiki-content-table {
      width: 100%;
      margin: 0;
  }
  
  .content-type-description .wiki-content-table tr {
      border-bottom: solid 0.05rem rgba(0,0,0,0.1);
      background: transparent;
      transition: background 0.125s ease-out;
  }
  .content-type-description .wiki-content-table tr:is(:hover,:focus-within) {
      background: #fff0f0dd;
  }
  
  .content-type-description .wiki-content-table :is(td,th) {
      background: transparent;
      border: none;
      padding: 0.35rem 0.5rem;
  }
  .content-type-description .wiki-content-table td:nth-child(2) {
      font-size: 0.875em;
      width: 4.5rem;
  }
  .content-type-description .wiki-content-table td:nth-child(3) {
      text-align: center;
      width: 1.25rem;
      min-width: max-content;
  }
  
  .content-type-description .pager {
      display: flex;
      flex-wrap: wrap;
      margin: 0;
  }
  .content-type-description .pager .pager-no {
      /*
      padding: 0.325rem 0.5rem;
      box-sizing: border-box;
      font-weight: bold;
      flex-basis: 100%; */
      display: none;
  }
  .content-type-description .pager span,
  .content-type-description .pager span a {
      margin: 0;
      border: none;
  }
  .content-type-description .pager span.target { display: contents; }
  .content-type-description .pager span:is(:nth-child(2),:last-child) a { font-weight: bold; }
  .content-type-description .pager :is(span.current, .target a) {
      padding: 0.225rem 0.425rem;
      flex-grow: 1;
      color: var(--box-accent);
  }
  .content-type-description .pager span.current {
      background-color: var(--box-accent);
      color: #fff;
  }
  
  
  .content-type-footer {
      color: #fff;
      font-size: 0.75em;
      order: 1;
      flex-basis: 1.15rem;
      align-items: center;
      box-shadow: inset 0 -0.375rem 0 var(--box-accent);
      display: flex;
      flex-direction: row-reverse;
  }
  .content-type-footer:empty::before {
      content: "";
      display: block;
      width: calc(37.5% - 1.5rem);
      height: 100%;
      background: var(--box-accent);
  }
  .content-type-footer::after {
      content: "";
      display: block;
      background: var(--box-accent);
      margin-inline-start: 1rem;
      margin-inline-end: -0.02rem;
      width: 1.5rem; height: 100%;
      clip-path: polygon(100% 0, 100% 100%, 0 100%);
  }
  .content-type-footer p {
      display: block;
      background: var(--box-accent);
      margin: 0;
      height: 100%;
      padding: 0.25em 0.425em;
      box-sizing: border-box;
  }
  .content-type-footer a { color: inherit; }
  .content-type-footer a::before {
      content: ">>";
      display: inline-block;
      margin-inline-end: 0.325em;
  }

  Pages using this styling

  • fragment:nav-generic-css [info]

  ¶ 1 occurrence
  

  
  div.authorlink-wrapper{margin-top: var(--author-top-adjust, .2em) !important;}
  :root {
      --header-title: "ERUDITION";
      --basalt-UI-dark-palette: 50, 45, 45;
      --basalt-bright-element-color: 125, 20, 20;
      --backdrop: url(https://scp-wiki.wdfiles.com/local--files/narrativistics-and-you/nausa.gif);
      --admo-color-bright: 50, 45, 45;
  }
  .flashy {
  
  display:block;
  
  }
  
  .noflashy {
  
  display:none;
  
  }
  body {
  
   
      background-attachment: fixed;
      background-size: cover;
      background-blend-mode: difference;
   
  }
  
  body:before {
    content: ' ';
    position: fixed;
    display: block;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgb(var(--basalt-primary-color), 1) 25%, rgb(var(--basalt-primary-color), 1) 50%, rgb(var(--basalt-primary-color), 1) 75%, rgba(0, 0, 0, 0) 100%), var(--backdrop);
    z-index: -1;
    color:#EDEDED;
    background-size:100%;
    background-position:center;
  }
  div.text{
      color: rgba(128,255,128,0.8);
      padding-top: 40%;
      font-family: monospace;
      font-size: 1.2em;
      padding:5px;
      margin: 0 auto;
  }
  div.specialmodal > p:nth-child(1)::before {
  
      font-weight: 900;
      font-size: 130%;
      text-align: center;
      margin-bottom: 1rem;
      padding-bottom: 0.3rem;
      border-bottom: dotted 0.13rem darkslategrey;
      max-width: auto;
      margin-left: auto;
      margin-right: auto;
      display: flex;
      flex-direction: column;
      align-content: stretch;
      align-items: center;
    object-fit: fill;
  }
  
  div.specialmodal {
  
      box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
      width: 95%;
      min-height: auto;
      max-height: auto;
      margin-left: auto;
      margin-right: auto;
      text-align: center;
      border: solid 2px #5D5D5D;
      word-break: break-word;
   
  
  }
  @-webkit-keyframes scan{
      from{ transform: translateY(-10%);}
      to{  transform: translateY(5000%);}
  }
  
  @keyframes scan{
      from{ transform: translateY(-10%);}
      to{  transform: translateY(5000%);}
  }
  div.peachy {
  max-width:auto !important;
  padding: 10px 10px 10px 10px !important;
  background-color: #050404!important;
  }
  
  div.text a {
      color: #90EE90;
      background: transparent;
  }
  div.text a.newpage {
      color: #90EE90;
      background: transparent;
  }
  div.text a:hover {
      color: #131;
      background-color: #80FF80;
      padding: 1px;
  }
  
  
  li.folded > .progmask{ display: none; }
  li.unfolded > .progmask{ display: block; }
  
  

  Pages using this styling

  • fragment:narrativistics-and-you-1 [info]

  ¶ 1 occurrence
  

  
  div.authorlink-wrapper{margin-top: var(--author-top-adjust, .2em) !important;}
  :root {
      --header-title: "ERUDITION";
  
  }
  
  .noflashy {
  
  display:block;
  
  }
  
  .flashy {
  
  display:none;
  
  }
  body:before {
    content: ' ';
    position: fixed;
    display: block;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background-size:100%;
    background-position:center;
  }
  div.text{
      padding-top: 40%;
      font-family: monospace;
      font-size: 1.2em;
      padding:5px;
      margin: 0 auto;
  }
  div.specialmodal > p:nth-child(1)::before {
  
      font-weight: 900;
      font-size: 130%;
      text-align: center;
      margin-bottom: 1rem;
      padding-bottom: 0.3rem;
      border-bottom: dotted 0.13rem darkslategrey;
      max-width: auto;
      margin-left: auto;
      margin-right: auto;
      display: flex;
      flex-direction: column;
      align-content: stretch;
      align-items: center;
    object-fit: fill;
  }
  
  div.specialmodal {
  
      box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
      width: 95%;
      min-height: auto;
      max-height: auto;
      margin-left: auto;
      margin-right: auto;
      text-align: center;
      border: solid 2px #5D5D5D;
      word-break: break-word;
   
  
  }
  @-webkit-keyframes scan{
      from{ transform: translateY(-10%);}
      to{  transform: translateY(5000%);}
  }
  
  @keyframes scan{
      from{ transform: translateY(-10%);}
      to{  transform: translateY(5000%);}
  }
  div.peachy {
  max-width:auto !important;
  padding: 10px 10px 10px 10px !important;
  
  }
  
  div.text a {
  
      background: transparent;
  }
  div.text a.newpage {
  
      background: transparent;
  }
  
  
  
  
  li.folded > .progmask{ display: none; }
  li.unfolded > .progmask{ display: block; }
  
  

  Pages using this styling

  • fragment:narrativistics-and-you-0 [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@700&family=Nunito:ital,wght@0,400;1,700&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Road+Rage&display=swap');
  
  .incarna {
    font: 1.05em 'Nunito', sans-serif;
  }
  .bigger {
    font-size: 1.5em;
    text-align: center;
  }
  .little-death {
      font: 1.5em 'Road Rage', cursive;
  }
  .element {
      font-family: 'IBM Plex Mono', monospace;
      letter-spacing: 1px;
  }
  
  .scp-image-block.block-center {
      border: 0;
      box-shadow: none;
      height: auto;
  }
  .blockquote > .scp-image-block img {
      height: auto;
  }
  .scp-image-block .scp-image-caption {
      border-top-color: #666;
  }
  .linkbox {
    margin: 125px 0 0 0;
    font-size: 115%;
    display: inline-block;
    font-weight: bold;
  }

  Pages using this styling

  • fragment:nagiros-proposal-1 [info]

  ¶ 1 occurrence
  

  /* FONTS */
  @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@500;700&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@700&display=swap');
  
  @import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;700&family=Poppins:wght@500;700&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Road+Rage&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Inter&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Nunito:wght@400;700&display=swap');
  
  /* AESTHETIC */
  #page-content div[style="text-align: center;"] .collapsible-block-folded a.collapsible-block-link,
  #page-content div[style="text-align: center;"] .collapsible-block-link {
      font-size: 1.5em;
      line-height: 1;
      word-wrap: break-word;
      font-weight: 900;
      color: #cc0215;
  }
  .foldable-list-container a:first-child {
      text-shadow: 1px 1px 1px #605099;
  }
  .wiki-content-table td {
      text-align: center;
  }
  
  /* FUNCTIONAL */
  .unfolded {
      width: 100vw;
      height: 100vh;
      position: fixed;
      top: 0;
      left: 0;
      z-index: 999;
      overflow-y: scroll;
      -webkit-overflow-scrolling: touch;
      background: #5c5c5c;
      animation: 1.5s coll-in ease-out;
  }
  .foldable-list-container a:nth-child(2) {
      position: fixed;
      display: flex;
      align-items: center;
      justify-content: center;
      bottom: 1rem;
      right: 25%;
      background-color: #5e4391;
      color: #d2aef0;
      min-width: 50%;
      min-height: 3.375rem;
      font-size: 2rem;
      z-index: 9999;
      box-shadow: 5px 5px 15px 1px #000000;
      border-radius: 10px;
      animation: 1.5s coll-in ease-out;
  }
  @keyframes coll-in {
      from {transform: translateY(200%);}
      to {transform: translateY(0);}
  }
  
  /* CUSTOM */
  .terminal {
      border: 10px solid gray;
      font-size: 1.15em;
      background: #1a1a1a;
      border-radius: 50px;
      padding: 0 25px;
      box-shadow: inset 0px 0px 15px 10px #000000;
      color: #ededed;
  }
  .t-real {
      height: 80%;
      margin: 20px;
      overflow-y: scroll;
      position: absolute;
      padding: 0 4em 2em;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
  }
  
  .declaration {
      padding: 0 10px;
      margin: 10px 20px;
      color: #333;
  }
  .declaration.red {
      border: solid 2px #ee9999;
      background: #ffeeee;
  }
  .declaration.green {
      border: solid 2px #66a266;
      background: #cce0cc;
  }
  .declaration.purple {
      border: solid 2px rgb(203, 90, 204);
      background: rgb(27,22,62);
      color: #ededed;
      padding: 0 1em;
  }
  .declaration.red > hr,
  .declaration.green > hr {
    background: #333;
  }
  .declaration.purple > hr,
  .t-real hr {
    background: #f2f2f2;
  }
  .declaration ul,
  .declaration .colmod-block {
      margin-bottom: 1em;
  }
  
  .scptop-wrap {
      position: relative;
      padding: 1em;
      margin: 2em auto 3em;
  }
  .scptop-bg {
      opacity: 0.25;
      filter: invert(1);
      position: absolute;
      left: 0;
      top: -2em;
      width: 100%;
      height: auto;
  }
  .scptop-content {
      position: relative;
      text-align: center;
      font-size: 200%;
      font-weight: bold;
  }
  
  .hover .hover-text {
     position: absolute;
     display: none;
     margin: 20px 0px;
     height: auto;
     background-color: #121212;
     border: 1px solid #8870df;
     border-radius: 0.5em;
     padding: 0.5em;
     left: 2em;
     right: 2em;
     z-index: 4;
  }
  .hover:hover .hover-text {
    display: inline;
  }
  .hover .hover-number {
    color: #9179e7;
    position: relative;
    z-index: 3;
  }
  .hover:hover .hover-number {
    text-decoration: underline;
  }
  
  .end-link {
      text-align: center;
      background-color: #5e4391;
      font-size: 2rem;
      box-shadow: 5px 5px 15px 1px #000000;
      border-radius: 10px;
      margin-top: 1.5em;
  }
  .end-link a,
  .end-link a:visited {
      color: #d2aef0;
  }
  
  /* FONT CONTAINERS */
  .pop {
      font: 1.15em 'Poppins', sans-serif;
      letter-spacing: normal;
  }
  .element {
      font-family: 'IBM Plex Mono', monospace;
      letter-spacing: 1px;
  }
  .death {
      font: 4em 'Road Rage', cursive;
  }
  .splice {
      padding: 0 4px;
  }
  .article {
      font: 1.15em Inter,"Helvetica Neue","Helvetica",Arial,sans-serif;
      background: white;
      color: rgb(12, 12, 12);
  }
  .self {
      font: 1.15em 'IBM Plex Mono', monospace;
      background: #404040;
  }
  .library {
      font: 1.15em verdana,arial,helvetica,sans-serif;
      background: #EEF6EE;
      color: #333;
  }
  
  /* GLITCH THING - https://codepen.io/aldrie/pen/PojGYLo */
  
  .glitch-body,
  .glitch-body * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }
  
  .glitch-body {
    font: 8em 'Road Rage', cursive;
    transform: rotate(-1deg);
  }
  
  .glitch-body {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  
  .glitch-container {
    color: var(--color);
    display: flex;
    flex-direction: column;
  }
  
  .glitch-stack {
    display: grid;
    grid-template-columns: 1fr;
  }
  
  .glitch-stack span {
    font-weight: bold;
    grid-row-start: 1;
    grid-column-start: 1;
    --stack-height: calc(100% / var(--stacks) - 1px);
    --inverse-index: calc(calc(var(--stacks) - 1) - var(--index));
    --clip-top: calc(var(--stack-height) * var(--index));
    --clip-bottom: calc(var(--stack-height) * var(--inverse-index));
    clip-path: inset(var(--clip-top) 0 var(--clip-bottom) 0);
    text-shadow: -2px 3px 0 red, 2px -3px 0 #4d52ff;
  }
  
  .glitch-stack span:nth-child(odd) { --glitch-translate: 8px; transform: translateX(-2%);}
  .glitch-stack span:nth-child(even) { --glitch-translate: -8px; transform:translateX(2%);}
  
  .mobile-display {display: none;}
  
  /* MOBILE COMPAT */
  @media (max-width: 479px) {
      .mobile-display {
          display: block;
      }
      .desktop-display {
          display: none;
      }
      body {
          background: #1a1a1a;
      }
      ul {
          padding-left: 20px;
      }
      .top-dec {
        margin-left: 0;
        margin-right: 0;
      }
      .terminal .declaration {
          margin: 10px 0;
      }
      .t-real {
          height: auto;
          padding: 0 1em 2em;
          margin: 0;
      }
      .terminal.t-real {
          border: 0;
          border-radius: 0;
       }
       .unfolded {
          background: none;
       }
      .t-real:nth-child(1) .pop {font-size: 1em}
      .t-real:nth-child(1) .death {font-size: 3em}
      .t-real hr {
          margin: 1em 0;
      }
      .scptop-content {
          margin-top: -1em;
      }
      .glitch-body {
          font-size: 4em;
      }
      .glitch-stack span:nth-child(odd) { --glitch-translate: 4px; transform: translateX(-1%);}
      .glitch-stack span:nth-child(even) { --glitch-translate: -4px; transform:translateX(1%);}
  }

  Pages using this styling

  • fragment:nagiros-proposal-0 [info]

  ¶ 1 occurrence
  

  .fade-bridge {
      --mask: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2278.7 838.1'%3E%3Cpath d='M1101.6 837.7c5-.3 13.3-.3 18.7 0 5.3.2 1.3.4-9 .4-10.2 0-14.6-.2-9.7-.4zM909.1 835c13.4-.2 35-.2 48 0s2 .4-24.4.4-37-.2-23.6-.4zm572.5-65.3c7.8-.3 21-.3 29.3 0 8.3.2 1.9.4-14.2.4-16.2 0-23-.2-15.1-.4zm-89.3-1.4c7.8-.2 21-.2 29.3 0 8.3.3 1.9.5-14.3.5-16.1 0-22.9-.2-15-.5zm46.7-2.6c12.3-.3 32.4-.3 44.7 0 12.3.2 2.2.4-22.4.4-24.5 0-34.6-.2-22.3-.4zm-392.3-5.7c0-1.6 47.8-1.6 54 0 2.2.6-8.7 1-25 1.2-18.6 0-29-.4-29-1.2zm124.2-1c7.9-.2 21-.2 29.4 0 8.3.2 1.8.4-14.3.4s-23-.2-15-.4zm57.1-.3c0-.9 10.4-1.4 28.7-1.4 18.2 0 28.6.5 28.6 1.4 0 .8-10.4 1.3-28.6 1.3-18.3 0-28.7-.5-28.7-1.3zm-665-1c7.9-.3 20.8-.3 28.7 0 7.8.2 1.4.4-14.4.4-15.7 0-22.2-.2-14.3-.4zm507.7-1.7c0-.9 10.4-1.3 28.6-1.3 18.3 0 28.7.4 28.7 1.3 0 .8-10.4 1.3-28.7 1.3-18.2 0-28.6-.5-28.6-1.3zm-465.4-11.8c0-.7 33-1.6 74.4-2 40.9-.6 76.3-1.3 78.6-1.6 3.3-.6 4.4-.2 4.4 1.3 0 1.8 5.4 2.1 43 2.4 23.6.2-11.8.5-78.7.7-69.5.2-121.7-.2-121.7-.8zm85.7-7.9c25.7-.3 30.3-.7 30.3-2.3 0-1.8 12.1-2 96.4-1.9 53 0 95.4.5 94.3.9a7 7 0 0 0-3 2.2c-.6 1-36.1 1.5-124.6 1.5-68 0-110-.1-93.4-.4zm401-7c0-.8 10.4-1.3 28.7-1.3 18.2 0 28.6.5 28.6 1.3 0 .9-10.4 1.4-28.6 1.4-18.3 0-28.7-.5-28.7-1.4zm-46.4-1c7.8-.2 21-.2 29.3 0 8.3.3 1.9.5-14.2.5-16.2 0-23-.2-15.1-.5zm-301.2-4c24.1-.2 63.1-.2 86.7 0s3.9.4-43.8.4c-47.6 0-67-.2-42.9-.4zm263.6-1.5c0-.7 8.3-1.6 18.3-2.2a105 105 0 0 0 19-2c1.2-1.6 137.4-3 137.4-1.4 0 1-8.5 1.6-25.7 1.8-20.5.2-22.3.3-8.7.7 14 .3 17 .7 17 2.3 0 1.7-10.3 2-78.6 2-45.6 0-78.7-.5-78.7-1.2zm-383.8-2.5c14.5-.2 38.5-.2 53.4 0 14.9.2 3 .4-26.3.4s-41.5-.2-27-.4zm150.2 0c28.9-.2 75.7-.2 104 0 28.4.2 4.8.4-52.4.4-57.2 0-80.4-.2-51.6-.4zm557.6-1.6c-7.7-.5 33.4-1 91.3-1 65.9-.2 106.1.2 107.4 1 2.2 1.4-174.2 1.4-198.7 0zm-63-1c3.1-.3 8.2-.3 11.3 0 3.2.3.6.5-5.6.5-6.3 0-8.8-.2-5.7-.5zm-225-3c0-.9 6.7-1.4 17.3-1.4 10.7 0 17.4.5 17.4 1.4 0 .8-6.7 1.3-17.4 1.3-10.6 0-17.3-.5-17.3-1.3zm-462.3-2.4c-7.6-.2-13.7-.9-13.7-1.5 0-1.7 29.9-3.2 30.4-1.5.3.7 2.5 1.4 5 1.4s4.6.6 4.6 1.3c0 .7-2.8 1.2-6.3 1l-20-.7zm590.3-.3c0-.8 10.4-1.3 28.7-1.3 18.2 0 28.6.5 28.6 1.3s-10.4 1.3-28.6 1.3c-18.3 0-28.7-.5-28.7-1.3zm-289.7-1c2.4-.3 6.3-.3 8.7 0 2.4.3.4.6-4.3.6-4.8 0-6.7-.3-4.4-.6zm207.3 0c7.8-.2 21-.2 29.3 0s1.9.4-14.2.4c-16.2 0-23-.2-15.1-.4zm146.4 0c0-1 30-.8 34.7.2 1 .3-6.3.6-16.4.6-10 .1-18.3-.3-18.3-.9zm45.3-.4c-5.5-.5-14.6-1-20.3-1-5.7-.2-10.3-.8-10.3-1.4 0-.7 73.1-1.2 165.6-1.2 91.2 0 163.9.4 161.7 1-2.4.6 6.8 1.2 23.3 1.4l27.4.4-36.7 1a13220 13220 0 0 1-310.7-.2zm95-1c-5.2-.2-14.2-.2-20 0-5.6.3-1.3.5 9.7.5s15.7-.2 10.4-.4zm-689.6-.3c0-.8 10.4-1.3 28.6-1.3 18.3 0 28.7.5 28.7 1.3 0 .9-10.4 1.4-28.7 1.4-18.2 0-28.6-.5-28.6-1.4zm281.3 0c0-.8 10.4-1.3 28.7-1.3 18.2 0 28.6.5 28.6 1.3 0 .9-10.4 1.4-28.6 1.4-18.3 0-28.7-.5-28.7-1.4zm-204-1.5c-55.3-2.9-57.6-3.6-10-3 58 .7 88.7 1.8 88.7 3.4 0 1.4-48.4 1.2-78.7-.4zm285.3.1-39-2c-32.1-1.3-25.9-3.4 9-3 27.2.4 33.3 0 28.4-2-2.4-1 31-1 34.6 0 6 1.5 2.9 3.1-6.6 3.3-9.5.2-9.4.3 3.6 1.2 7.4.5 20.4 1 29 1.1 9.5.1 15.7.7 15.7 1.5 0 1.6-46.9 1.5-74.7 0zm-462.6-2.6c0-.8 5.3-1.3 13.3-1.3s13.3.5 13.3 1.3-5.3 1.4-13.3 1.4-13.3-.6-13.3-1.4zm1319 .4a11 11 0 0 1 4.6 0c1.3.4.3.7-2.3.7-2.6 0-3.6-.3-2.3-.7zm-1084.1-1.4c7.8-.2 21-.2 29.3 0 8.3.3 1.9.5-14.2.5-16.2 0-23-.2-15.1-.5zm267.7-.3c0-.8 10.5-1.3 28.7-1.3s28.7.5 28.7 1.3-10.5 1.3-28.7 1.3-28.7-.5-28.7-1.3zm231 .3c5-.2 13-.2 18 0 5 .3 1 .5-9 .5-9.9 0-14-.2-9-.5zm105.4 0c27-.2 71-.2 98 0s4.9.4-49 .4c-54 0-76-.2-49-.4zm164.6 0c9-.2 23.7-.2 32.7 0 9 .3 1.6.5-16.3.5-18 0-25.3-.2-16.4-.5zM1163 703c7.9-.2 21-.2 29.4 0 8.3.2 1.8.4-14.3.4s-23-.2-15-.4zm-541.1-1.3c35-.2 92-.2 126.6 0 34.6.2 6 .3-63.7.3s-98-.1-63-.3zm845.3 0c5-.3 12.7-.3 17.3 0 4.5.2.5.4-9 .4-9.6 0-13.3-.2-8.3-.4zm80.9-.4c0-.8 29.3-1.2 85.7-1 71.8.2 79.4.3 47 1.1-63.3 1.5-132.7 1.4-132.7 0zm187-1a581 581 0 0 1 28.7 0c7.9.3 1.4.5-14.4.5-15.7 0-22.2-.2-14.3-.5zm-697-3c-5.1-.5-21.5-1-36.3-1.1-16-.1-27-.7-27-1.5 0-.7-3.5-1.5-7.7-1.7-4.2-.3-.3-.6 8.7-.8 9.8-.1 16.3-.7 16.3-1.5 0-.9 11.4-1.5 31-1.7l31-.3-30-.7c-16.5-.4-26.7-1-22.7-1.3l7.4-.5-10.7-1c-5.9-.7-76.2-1.5-156.3-2-82.8-.5-145.7-1.4-145.7-2 0-.7 13-1.2 29-1.2s46.4-.2 67.7-.5c30.7-.4 33.8-.3 15.3.5-15 .6-3.4.8 32.6.5 30.7-.3 79.3-.6 108-.6 28.6 0 51.5-.3 50.7-.6L993 678c-4.7-.7-5-1.1-5-5.4V668h-67.3c-44 0-67.4.5-67.4 1.3s-4.1 1.4-9.6 1.5c-6.7 0-8.9.4-7 1.2 1.5.7-20.1 1.2-51.7 1.2-35.4.1-54.3-.3-54.3-1.2 0-.8 3.7-1.3 8.6-1.3 5 0 8.7-.6 8.7-1.4 0-1.2-70.2-2.3-87.3-1.4-13.9.8-108.7-1.6-108.7-2.7 0-.7 19.2-1.2 43.3-1.2a417 417 0 0 0 43.4-1.1c0-1.4 79-2.6 235.3-3.7 63.1-.5 113.5-1.4 113.8-2 .2-.7 31.7-1.3 70.6-1.4 38.7 0 82.9-.5 98.3-1l28-.8-34-1c-18.7-.7-77.8-1.3-131.3-1.4-76.4-.2-97.3-.6-97.7-2-.4-1.2-5.7-1.7-19.5-1.8-14.4-.2-17-.4-10.9-1.1 4.4-.5 15-.4 23.4.3 8.4.7 42.3 1 75.3.5 33-.3 65.1-.2 71.3.5l11.4 1-16.3-.1c-10.2-.2-15.2.2-13.3.9 1.6.6 12.7.6 24.9 0 12.1-.6 38.6-1.1 59-1.1 20.3 0 36.2-.4 35.3-1-1-.5 6.3-1 16-1 10.5 0 17.7-.6 17.7-1.3 0-.8-30.8-1.5-82.3-1.9-75-.5-98.5-1.4-102.7-4-.9-.5-16.1-1-34-1.2-17.8-.1-24.6-.4-15-.6 9.5-.3 17.6-1 18-1.8.5-.7 6-1.7 12-2.2l11.3-1-8.6-1.1c-4.8-.6-27.6-1.5-50.7-2l-42-1 54.7-.6c62-.5 55-2-13.4-2.8-22.7-.3 13.6-.8 80.7-1.2l122-.7-140.7-.6c-77.3-.3-134.6-1-127.3-1.5 10.5-.7 9.1-.8-6.5-.4-11 .3-33.7.5-50.6.5-21.7 0-30.3.4-29.4 1.4 1 1 16.4 1.5 45.3 1.6 24.1.1 39 .4 32.9.7-6 .2-11 1-11 1.7s-10 1.4-23 1.6c-21.8.4-21.3.5 9.6 1 66 .9 9.3 2.4-120.9 3-96 .6-128.4.4-128.9-.8-.4-1-.7-1-.7.2-.1 1.3-9.7 1.6-43.5 1.6-37.6 0-43.3-.2-43.3-2 0-1 .9-2 2-2s2-.6 2-1.3c0-.9 10.9-1.3 30-1.3s30-.5 30-1.4c0-.8 10.3-1.4 27.7-1.5l27.6-.3-29.3-1c-16.1-.4-44.8-1-63.7-1-33.4-.2-34.3-.2-34.3-2.8 0-1.5.9-2.7 2-2.7s2-.6 2-1.3c0-.9 12.8-1.5 35-1.7l35-.3-28.7-.7c-15.7-.4-24.6-.9-19.6-1 5-.2 9-1 9-1.7s2.7-1.3 6-1.3 6-.6 6-1.3c0-.8-2.1-1.4-4.7-1.4s-4.7-.6-4.7-1.3c0-.7-2.7-1.3-6-1.3s-6 .6-6 1.3c0 .9-16.6 1.3-47.6 1.1-26.3-.1-44.4-.6-40.4-1.1l7.4-.9-7-.2c-3.8-.1-7.2.4-7.7 1.1-1 1.6-58 1.9-58 .3 0-.6.7-1.8 1.6-2.7 1.2-1.2-2.9-1.6-18.7-1.6-12.6 0-20.2-.5-20.2-1.3 0-.9 8.3-1.5 21.6-1.7 20.5-.2 20.8-.3 5.4-.7-15-.4-16.4-.6-16.4-3 0-1.5 1.2-2.7 3-3 1.7-.3-1-.7-6-.8-7-.1-9-.6-9-2.2s-2-2-10.6-2c-9.8 0-10.7-.2-10.7-2.6 0-1.5.9-2.7 2-2.7s2-.6 2-1.3c0-.9 7-1.4 18.5-1.4a255 255 0 0 0 25-1l6.5-1-7.3-1c-4-.7-12.6-1.5-19-1.8-9-.5-11.7-1.1-11.7-2.6 0-1.6-3.4-1.9-18.7-1.9-17.7 0-18.6-.1-18.6-2.7 0-1.5.9-2.6 2-2.6 1 0 2-.6 2-1.4 0-.7 2.7-1.3 6-1.3 3.6 0 7-.8 8-2 1.7-1.6 1.3-2-3-2.4l-5-.5 5.3-.5c3.6-.3 1.6-.7-6-1.3l-11.3-.8 11-.3c6.2-.1 11-.8 11-1.5 0-.8-2.6-1.4-5.7-1.4-7 0-11.7-1.2-11.7-3 0-1.3 72.8-.2 80.4 1.2 2 .4 3.6.2 3.6-.5s-14.6-1.6-33.5-2c-18.4-.5-33.8-1.3-34.3-1.7-.4-.4 0-1.3 1-1.9 1.5-.9 1.5-1.2 0-1.8-1-.4.9-.8 4.2-1 3.3 0 7.1-.6 8.6-1.1 2-.9 1.6-1.2-2.7-2-2.9-.4-7.7-.9-10.6-1l-5.3-.2 6-1c3.3-.6 12.6-1.3 20.6-1.5l14.7-.3-16-1c-17.2-1-49.1-3.4-49.7-3.7-.1 0-.3-.7-.3-1.4s17.3-1.3 42.3-1.3c45.8-.1 62.8-1.6 37.2-3.2-8-.5-26.2-.9-40.4-.9-24.9 0-25.8-.1-25.8-2.7 0-2-1-2.7-3.6-2.8-2-.2-.8-.7 3-1.2 4.8-.6 2-1-10.4-1.1-16-.2-17-.4-17-2.9 0-1.7 1-2.6 2.7-2.6 1.5 0 2.7-.6 2.7-1.4 0-.8 12.3-1.3 34.2-1.3 18.8 0 33.8-.4 33.3-.9-.4-.4-8.8-.7-18.5-.6-13.7.2-17.3 0-16.1-1.3 1.1-1.1 6.8-1.4 20-1 10 .4 17.1.2 15.7-.3-1.5-.6-7.7-1.2-14-1.3-9.7-.2-10.6-.4-6-1.3 6.8-1.5 45.6-1.4 40 0-2.6.7 0 1 8 1 10.1 0 11-.2 5.4-1l-6.7-.9 7.7-.2c4.2-.1 7.6-.8 7.6-1.5s-15.8-1-41-.5c-29.1.5-40.4.3-39-.7a22 22 0 0 1 9-1.5c8.5 0 11-1 11-4 0-1.8 1.3-2.7 4.4-3 2.4-.3-.5-.8-6.4-1l-10.6-.5 8-.7c6.6-.7 4.9-1-10.5-1.7-17-.8-21-1.4-19.4-3 .4-.4 13-1.3 28-2.1a872.3 872.3 0 0 0 59-4.9c15.3-1.4 8.4-2.4-13.6-2-27.8.6-57.8-1-57.1-3 .2-.8 2.8-1.8 5.7-2.2 2.8-.5-5.7-1-19.1-1-15.2-.2-24.4-.7-24.4-1.6 0-.7 3-1.3 6.8-1.3 4.2 0 7.5-.8 8.8-2 1.2-1.3 4.7-2 9.5-2.1 4.2 0 6.8-.4 6-.8-1-.4-1.4-1.2-1-1.9.4-.7-1.4-1.2-4-1.2-3.3 0-4.7-.6-4.7-2 0-1.2 1.2-2 3.3-2 1.8 0 3.3-.5 3.3-1.2 0-.6-6-1.6-13.3-2a40 40 0 0 1-13.3-2.2c0-.6 3-1.6 6.6-2 4-.6 6.7-1.6 6.7-2.6 0-2 7-3.3 19.3-3.4 11.8-.2 8-2.3-4.6-2.7-7.3-.2-8-.4-4-1.2l4.6-1-4.6-.6c-4.5-.6-4.5-.7 1.3-1 5.7-.3 5.8-.4 2.7-1.8-2.4-1.1-25.2-1.8-77.4-2.3l-74-.8 55-.3c32.9-.1 55-.7 55-1.5 0-.7 1.4-1.5 3-1.8 1.7-.3-1.3-.7-6.6-.8-9.4-.1-9.7-.2-9.7-3.5 0-3.2-.2-3.3-10.7-3.3-8 0-10.6.4-10.6 1.8 0 2.2-37.2 3.5-96.4 3.5-33.2 0-38.3-.2-38.3-2 0-1.7 2.9-2 18-2h18v-6.6l34.3-.4c22.3-.2 12-.5-29-.8a1469 1469 0 0 1-70-1.4c-3.9-.6-5.1-1.2-3-1.3 2.8 0 3.7-.8 3.7-2.8 0-2.5-.9-2.7-12.7-2.7-7 0-12.6-.5-12.6-1.2s-2-1.5-4.4-1.8l-4.3-.5 4.3-.3c3.7-.1 4.4-.7 4.4-3.5v-3.3l17.6-.3c9.8-.1 14.3-.5 10-.7-4.2-.3-7.6-1-7.6-1.6 0-.6-6-1.5-13.4-2-10.2-.8-13.3-1.4-13.3-2.9s-2.5-1.9-12-1.9H0v-8h17.1c22.9 0 29.6-1 29.6-4.2 0-2.2-1.4-2.5-16.4-2.7-15.1-.2-14.6-.3 7.6-1 16.9-.6 24-1.3 24.5-2.5.2-.8 1.6-1.6 3-1.6s2.6-.6 2.6-1.3c0-.8-7.4-1.4-19-1.6-17.4-.2-16.6-.3 10.3-1.1 16.2-.6 36.1-1 44.4-1.1 12.3-.2 15-.6 15-2.2 0-1.7 3.7-2 26-2h26v-8h9.3c7.4 0 9.3-.4 9.3-2 0-1.8 7.9-2 62.7-2h62.7v-8H264c-41.4 0-50.7-.3-50.7-1.8s17-2 95-2.6c60-.5 95-1.3 95.6-2.1.4-.7 3.5-1.6 6.8-1.8 3.3-.3-4.4-.7-17-.8-19.5-.2-23-.5-23-2.2 0-1.5-1.7-2-6.7-2s-6.7-.5-6.7-2c0-1.7 2.3-2 12.7-2 7.6 0 12.7-.6 12.7-1.4 0-.7 1.8-1.3 4-1.3s4-.5 4-1.1c0-1.5-13.4-2.9-28.2-2.9-6.5 0-11.8-.5-11.8-1.2 0-1.3 4.6-2.8 9-2.8 1.6 0 3-.6 3-1.3 0-.9 9-1.4 24.6-1.4 16 0 24.7.5 24.7 1.4 0 1 13 1 40 .5 30-.7 40-.6 40 .6 0 .8 1.4 1.5 3.2 1.5 1.8 0 3.5.7 3.7 1.4.6 1.7 31.8.2 31.8-1.6 0-.6-5.6-1.2-12.4-1.3-8.5-.1-10.6-.4-7-1 6.8-1 3.3-2.8-5.4-2.8-3.2 0-5.9-.6-5.9-1.3 0-.8 2.5-1.4 5.7-1.5 10.6-.1 1-2.2-15.7-3.3-13.6-1-15-1.2-10-2a163 163 0 0 1 16-1.4l10-.4-13.2-.7c-8.9-.5-13.4-1.3-13.8-2.4-.4-1.3 6.6-1.7 32.2-1.7 28.3 0 32.8-.2 32.8-2 0-1.2-1.3-2-3.3-2-1.9 0-3.4-.6-3.4-1.3 0-.8 4.5-1.3 10.7-1.3 10.2 0 13.8-1.5 8-3.4-1.6-.5-12.2-.4-23.6.1-15.4.7-20.5.6-19.8-.5.5-.9 1.5-1.6 2.2-1.6.8 0 2.3-1 3.5-2 1.7-1.8 4.5-2.1 13.6-1.8 19.7.7 41.4 0 41.4-1.5 0-.7-2.5-1.4-5.6-1.5l-5.7-.2 5.3-.8c3-.5 4.8-1.2 4-1.7-1.9-1.1-11.3.2-11.3 1.7 0 .6-9.4 1-21 .9-11.6-.2-16.4-.5-10.7-.7 8.4-.4 10.4-.9 10.4-2.6 0-1.9 1.5-2 11.8-1.3 9.2.7 12.6.5 15.6-1.1 2.2-1.1 5.2-2 6.9-2 4.3 0 3.7-2.4-.7-3-2-.4 26.2-.7 62.7-.8 43.2-.2 66.3-.7 66.3-1.6 0-.8 15.6-1.3 44-1.3 38.3 0 44-.3 44-2 0-1.5-1.7-2-7.3-2s-7.3-.5-7.3-2c0-1.8-11.4-2-93.7-2.2-51.5 0-103.3-.6-115-1-12.4-.6 23.4-1 85.7-1.2 94-.2 107-.5 107-2.3 0-1.7-9.5-2-77.3-2-60.5 0-77.3-.3-77.7-1.6-.5-1.4-32.8-1.9-153.1-2.5l-152.6-.7 178-.2c264-.2 261.3-.2 261.3-1.6 0-.9-31.8-1.5-91-1.7l-91-.4 93.7-.3c82.2-.3 93.7-.5 93.7-2.3 0-1.7-2.6-2-15.4-2-9.3 0-15.3-.5-15.3-1.3s.9-1.4 2-1.4 2-.6 2-1.3c0-.9-24-1.4-69-1.4-38 0-71.7-.6-75-1.2-3.4-.6 29.4-1.1 74.3-1.2 52.6-.1 80.4-.7 80.4-1.5s4.4-1.4 10.6-1.4c6.2 0 10.7-.5 10.7-1.3 0-.9-31.4-1.4-89.7-1.7l-89.6-.3 92.3-.3c60.5-.3 92.3-.8 92.3-1.7 0-.9-23.5-1.3-68-1.3-59.5 0-68-.3-68-2 0-1.8-5.2-2-38.6-2-25 0-38.7-.5-38.7-1.4 0-.7 1.2-1.3 2.7-1.3 1.4 0 2.6-.6 2.6-1.3 0-1 35.2-1.5 102.4-1.7 56.3-.2 83.3-.5 60-.7-26.7-.2-42.4-.8-42.4-1.7 0-.8 14.6-1.3 39.8-1.3 39.8 0 52.2-.6 52.2-2.8 0-.7-16.1-1.2-35.9-1.2-22.8 0-36-.5-36.3-1.3-.3-.8-11.2-1.7-27.1-2.2-26.4-.9-42 0-42 2.2 0 .7 3.5 1.4 7.7 1.7 4.2.2-64.4.6-152.4.7-88 .1-165.8-.1-173-.6-33.9-2.3-3-3.1 109.5-3.1 67.3 0 136.2-.5 153-1 60-2 15.6-3.2-148.1-4.2l-161.4-1L422 176c93.9-.3 224-.3 289-.1 84.6.2 118.3 0 118.3-1.1 0-1-35.5-1.5-124-1.5-81.7 0-124-.4-124-1.3s14.7-1.3 41.3-1.3c40 0 41.2-.1 42-2.7.8-2.3 2.2-2.7 9.2-3l8.2-.2-7.7-.5c-4.2-.2-7.6-1-7.6-1.7 0-.8 25.4-1.3 66.6-1.3 58.4 0 66.7-.2 66.7-2 0-1.7-3.3-2-21.9-2-14.3 0-22-.5-22.4-1.4-.3-1-20-1.4-62.4-1.5-34-.1-57.8-.6-52.6-1.1 5.1-.5 41.3-1 80.3-1.1 46.3-.1 71-.7 71-1.5 0-.9-14.8-1.4-41.7-1.5-78-.2-96.3-.3-82.6-.8 21.6-.8 16.4-3-7-3-13 0-20.7-.6-20.7-1.4 0-.7-3.3-1.3-7.3-1.3s-7.4-.6-7.4-1.4c0-.7 3.7-1.3 8.5-1.3 15 0 36.9-1.7 36.9-2.9 0-.6-10-1.1-22-1.1-13.8 0-22-.5-22-1.3s7.2-1.5 18.3-1.7c17.8-.2 17.6-.3-7.7-1-15.3-.4 9-.9 59-1 55.6-.2 85-.8 85-1.7 0-.8-32-1.4-93-1.6-51.1-.2-80.5-.5-65.3-.7 17-.2 27.7-.9 27.7-1.7 0-.7 4-1.3 9.2-1.3 6 0 9.4-.6 9.8-1.6.4-1.2 6-1.6 21.7-1.4 92.6 1 144.8 1.1 145.4.1.4-.6-24.6-1.2-56.4-1.3-41.5 0-55-.5-49.7-1.4 4.1-.8 20.6-1 38.3-.6 22 .5 31 .3 31-.8 0-2 73.8-.3 74.4 1.6.3 1 16 1.4 45.7 1.4 29.3 0 45.2.5 45.2 1.3 0 .9-14 1.4-39.3 1.4-25.3 0-39.3.4-39.3 1.3 0 .8 7 1.3 18.4 1.3 20 0 30.9 1 30.9 2.9 0 .6-5.7 1.1-12.7 1.1-7.5 0-12.6.6-12.6 1.4 0 .8-8 1.3-21.4 1.3-13.3 0-21.3.5-21.3 1.3 0 .9 9.6 1.4 26 1.4s26 .5 26 1.3c0 .7 1.8 1.3 4 1.3s4 .6 4 1.3c0 .7-5.8 1.5-13 1.7-12.7.5-12.6.5 4.3.9 11.1.2 16.2.8 14 1.5-3.1 1-3 1 1 1.2 4.4.1 6.3 2.7 2 2.8-1.2 0-8.3.7-15.6 1.4-7.4.8-18.5 2-24.7 2.5-9.8.9-8.1 1 13 1.2 15.2.1 24.3.7 24.3 1.5s-.6 1.4-1.3 1.4c-.7 0-1.3.6-1.3 1.3 0 .7 3.3 1.3 7.3 1.3 6.4 0 7.3.4 7.3 2.7 0 2.4-1 2.7-10.3 2.9l-10.3.2 12 1c6.6.5 14.4 1.5 17.3 2.3l5.3 1.3-8 .2c-4.4 0-9.3.5-11 1-5.2 1.3-3.2 3.1 3.7 3.1 5 0 6.7.5 6.7 2 0 1.6 2.3 2 13 2 7.1 0 13.8.6 15 1.3 2.6 1.7-25.7 3-62.4 2.8-19.2 0-29.6.3-29.6 1.2 0 .9 10 1.4 28 1.4 17.7 0 28 .4 28 1.3 0 .7 1.4 1.3 3.2 1.3 1.8 0 3.6.6 4 1.3.5.7-2.5 1.5-6.9 1.7l-7.7.5 9 .3c5 .1 9 .8 9 1.6s6.7 1.3 17.4 1.3c10.6 0 17.3.5 17.3 1.3s-2.7 1.4-6 1.4-6 .6-6 1.3c0 .7 3.6 1.3 8 1.3 8 0 8 0 7.2 3.5l-.9 3.5 9.9-1.2c14.3-1.6 42.4-1.4 43.5.4 1 1.5 7.7 4 13.6 5 1.9.2-.8.6-6 .8-5.1.1-8.4.6-7.3 1 1.1.4 2.4 1.3 2.8 2 .5.7 4.7 1.6 9.3 2 7.7.8 8 1 3.9 1.8-2.8.5 1.7 1 11 1 9.4.2 15.7.8 15.7 1.6 0 .7 1.5 1.3 3.3 1.3 1.8 0 3.3.6 3.3 1.3 0 .8-1 1.4-2.3 1.4l-53.9 1.3c-51.2 1.3-65.8 2.7-50.3 4.6 8.6 1.1 20 .4 30.5-2 4.8-1 12.6-1.2 22-.7 8.1.4 27.6 1.1 43.4 1.6 17.2.5 29 1.3 29.5 2.2.5.8 10 1.6 23 2 12.2.4 22.1 1.2 22.1 1.8 0 .6-13.6 1.2-30.3 1.3-33.4 0-41 .8-41 3.9 0 1.7-4.4 2-29.3 2.6-25.2.6-27.7.8-18 1.7 6.2.5 20.5 1 31.7 1 19.8 0 20.4 0 19.6 2.7-.8 2.5-.2 2.6 10.4 2.6 6.1 0 22-.4 35.4-.8 19-.7 24.2-1.3 24.2-2.7 0-1.4 4.3-1.8 20.3-2l129.7-1c109-1 109.2-1 39.3-1.4-38.5-.2-68.2-.8-66-1.4 6.3-1.6-15.4-1.5-40.6.1-23.2 1.5-142.7.4-142.7-1.3 0-1 102.4-4 154-4.7 21.4-.3 24-.2 11.3.5-12 .6-5.6.9 22.7.8 25.5 0 33-.2 21.3-.7-17-.7-17.5-.8-9.4-1.8 4.8-.6 47-.8 94-.5 47 .4 82 .4 77.8 0-4.2-.3-7.7-1.1-7.7-1.8 0-.8 11-1.3 27.3-1.3 17.4 0 27.4-.5 27.4-1.3s9.3-1.3 25.3-1.3c16.1 0 25.3.4 25.3 1.3s3.4 1 9.2.5c11.2-1 32.4.8 26.2 2.2-6.4 1.5-26.3 1.5-25.4 0 .5-.8 0-1.4-1.2-1.4s-2.1.6-2.1 1.4c0 .8-5.1 1.3-12.7 1.3-7.5 0-12.6.5-12.6 1.3 0 .9 8.2 1.4 22 1.4 13.7 0 22 .5 22 1.3 0 .7 1.8 1.3 4 1.3s4 .6 4 1.4c0 .8-5.1 1.3-12.6 1.3-9.9 0-12.6.4-13.2 2-.6 1.5.2 2 3.1 2 6.7 0 4.4 2.7-2.3 2.8-7.8.1-21.2 2.1-16 2.3 2 .1 3.6.8 3.6 1.4 0 .6-5.8 1.7-13 2.3l-13 1.2 26 .9c44.7 1.5 62 2.6 63.4 4 .9 1-6.5 1.2-23.4.8-13.5-.3-21.3-.2-17.3.3 6.8.7 7 .8 2.7 1.5-4 .6-3.7.8 2.3 1 3.9 0 7 .8 7 1.5s-.6 1.3-1.3 1.3c-.8 0-1.4.6-1.4 1.4 0 .7 3.3 1.3 7.3 1.3s7.4.6 7.7 1.5c.7 2 23.7 3.3 25 1.3.5-.8 4-2 7.8-2.4 3.8-.4 6.9-1.3 6.9-2 0-1.3-9.4-1.2-20.5.1a56 56 0 0 1-12.7.2c-8.2-1.3-2.3-3 14.3-4 9.5-.7 15.6-1.6 16-2.5.3-1 6.4-1.6 18.7-1.7 30.4-.2 26.9-2-6.2-3.1-29.5-1-31-1.2-30.2-3.6.7-2.2 0-2.5-7.3-2.5-4.5 0-8.1-.6-8.1-1.3 0-.7-3.4-1.3-7.5-1.3-6 0-7.3-.4-6.7-2 .5-1.4-.7-2-4.9-2.5-3-.3 2.3-.3 12 0 18.2.7 49-.7 47.7-2-.4-.4-8-1.2-17-1.8-22-1.4-30.3-2.4-30.3-3.9 0-.6 12-1.2 27.4-1.2 17.3 0 27.3-.5 27.3-1.3 0-.9 11.8-1.3 32.7-1.3 20.9 0 32.6.4 32.6 1.3 0 .7-2 1.4-4.3 1.5-2.4.1.1.7 5.5 1.4 5.5.7 11.2 2.1 12.7 3.2 2.4 1.7.6 1.9-16.9 1.9-10.8 0-19.6.4-19.6 1 0 .5 7.2.8 16 .5 15.6-.4 24 1 24 4 0 .6-12.9 1.2-28.6 1.2-17.6 0-29 .5-29.4 1.3-.5.7-2 1.3-3.3 1.3-1.3 0-2.8 1-3.2 2-.4 1.1-.2 2 .5 2s1.3-.6 1.3-1.3c0-.7 1.2-1.3 2.7-1.3 1.4 0 2.6-.6 2.6-1.4 0-.8 12.5-1.3 34.8-1.3 34.1 0 34.7 0 33.9 2.7-.8 2.4-.2 2.6 6.4 2.6 6.7 0 7.3.3 8 3.3.7 4.3-1 4.7-24.4 4.8-10.6 0-18.6.4-17.7.8 1 .4 1.7 1.8 1.7 3.2 0 2.5 1.2 2.6 22 2.6s22 .1 22 2.6c0 1.4 1 2.9 2.3 3.3 1.3.4-6 .4-16.1 0-27.8-.9-46.6 1.5-31.5 4.1 11 1.9 4 6-10.4 6-3 0-5.6.6-5.6 1.3 0 .8 4.9 1.4 11.6 1.5 8.3.2 10.4.5 7 1.1-2.5.5 16 1 41.4.9 44-.1 56 .6 56 3.2 0 .6-2.3 1.4-5 1.7-4.6.5-4.5.5 1.3.7 3.5.2 6.3.9 6.3 1.6 0 .8-13.6 1.4-37.6 1.6-33.5.3-31.1.4 20.9 1 45.1.6 58.6 1.1 59 2.4.4 1 1.9 1.7 3.4 1.7s2.3.4 1.8 1a188 188 0 0 1-26 1.7l-24.8.8 27.7.2c17 .2 27.6.8 27.6 1.6s9.9 1.4 25 1.7c17.8.2 13.3.4-15.8.7-22.5.1-42.9.7-45.3 1.2l-4.5 1 6 .8c3.3.5-1.8.8-11.4.8-10.8 0-13.1-.3-6.3-.5 6-.3 11-1 11-1.8s-26.9-1.1-72.3-1c-63.6.2-72 1.4-15.4 2.2 7.7.2 13 .8 13 1.6 0 .7-4.6 1.3-11.3 1.3-6.2 0-11.3.6-11.3 1.2 0 .7-2.3 1.5-5 1.8-2.8.3 73.7.6 170 .8 113.7.1 175 .7 175 1.5s13.8 1.5 37 1.7c20.3.2-43.1.6-141 1-174.3.4-176.1.5-87.6 1.4 49.7.6 90.8 1.4 91.2 1.8.5.4-24.2.8-54.7.8-35 0-55.6.5-55.6 1.3 0 .7-7 1.5-16.3 1.7-9 .2 60.6.5 154.6.7 113 .2 171 .7 171 1.6 0 .9 7 1.4 18.5 1.4 27.8 0 62.9 1.6 62.9 2.8 0 .7-6.6 1.2-14.7 1.2-8 0-14.7.4-14.7 1 0 .5-70.5.8-156.6.5l-156.7-.4v5.5h105.1c103.6 0 133.6.7 133.6 2.9 0 .6-7.5 1.1-16.7 1.1-9.7 0-16.7.6-16.7 1.3 0 .7-4.3 1.5-9.6 1.7-5.3.3 24.2.8 65.6 1l75.4.7-65.7.3c-42.2.3-65.7.9-65.7 1.7 0 .9 20.4 1.3 57.4 1.3 34.4 0 57.3.5 57.3 1.3 0 .7-75.7.9-196 .4-189.1-.7-196-.7-196 1.7 0 2.3 7.4 2.4 213.3 1.5 141.1-.6 213.4-.4 213.4.5 0 .7-5 1.4-11.7 1.5-6.4 0-13.5.6-15.7 1.1l-4 1 3.7.2c4.6.2 4.9 2.8.3 2.8-2.4 0-3.3.7-3.3 2.6 0 2-1.1 2.7-5 3.1-3.4.4-2.3.6 3.3.8 4.6 0 8.4.8 8.4 1.5 0 .9-19.2 1.5-54.4 1.6l-54.3.3 52 .9 60.3 1c14.5.4 9.5 2.9-5.6 2.9-8.5 0-14 .5-14 1.3 0 .9-16.3 1.4-46 1.4-29.8 0-46 .4-46 1.3 0 .7 2.5 1.4 5.6 1.5l5.7.2-6.6.8c-3.6.5-6.8 1.6-7 2.5-.5 1.3 2.8 1.7 13.5 1.7 13.2 0 14.1.1 14.1 2.6 0 2.3.9 2.7 6 2.7 5 0 6 .4 6 2.4 0 2.4-2.4 2.6-40.2 3.4-22.1.5-106.1.9-186.7.9h-146.4v4.6c0 3.8.5 4.7 2.6 4.7 1.5 0 2.7.9 2.7 2 0 1.8 15.6 2 131.7 2.2 72.4.1 125.3.7 117.6 1.2-7.7.5-20.7 1-29 1.1-9 .1-15 .7-15 1.5 0 .9-19.2 1.2-55.6 1-39-.1-49.5-.5-35-1l20.6-.8-23.3.4c-83.1 1.4-94.7 1.9-94.7 3.8 0 1.7 13.2 2 94.4 2.2 51.9 0 92 .4 89.3.7-2.7.3-5 1-5 1.8 0 .7-31 1.2-80 1.2-44.7 0-80 .5-80 1.2 0 1-78.6 1.4-301.3 1.7l-28 .9-24.7.8 14 .9c23 1.4 56 1.3 56-.1 0-2.2 87.6-1.8 88.3.3.5 1.3 16.1 1.6 73.8 1.3 70.4-.4 99.2.4 86.6 2.4-3 .5 73 1 169 1.1 173.3.2 174.3.2 174.3 2.9 0 2.6-.9 2.6-178 2.6-157.3 0-178 .3-178 2 0 1.2 1.2 2 2.7 2 1.6 0 2.4.6 2 1.4-.5.7-7 1.3-14.7 1.3-12.6 0-13.9-.2-14.7-2.7-.8-2.6-2-2.6-63.4-2.6-40.8 0-62.6.4-62.6 1.3 0 .7 1.3 1.3 2.8 1.3 1.5 0 2.4.6 1.9 1.4-.5.8-17.6 1.3-46.7 1.3-29.8 0-46-.5-46-1.3s-1.1-1.4-2.5-1.4-2.8-.5-3-1.1c-.3-.7-15.6-1.5-34.1-1.8-32-.6-33.7-.5-33.7 1.8s-2.2 2.5-44.3 2.7c-24.4.2-37.3.5-28.7.8 23.3.6 19.5 3-5.3 3.2-11.6.2 5.7.7 38.3 1.2 32.6.5 98 1 145 1 56.9.2 85.5.7 85 1.6-.5.7.4 1.3 2 1.3 1.4 0 2.7.5 2.7 1.1 0 2-45.3 2.9-109 2-58.2-.8-63-.7-63 1.3 0 2.7-3.2 2.6 57.4 2.3 31.6-.2 47.2.3 53 1.4 4.4 1 7.8 2.2 7.4 2.8-.4.6 11.4 1.1 26 1.1h26.8V482.7h34.4c18.9 0 52.9.4 75.6 1l41.4 1-38.7.7-38.7.7 58 .5c41.8.3 53.6.7 42 1.4-8.8.5-106.4 1.4-217 2-183.7.8-201 .7-201-1.2 0-1.8-1.6-2.1-9.3-2.1-7.4 0-9.3-.5-9.3-2 0-1.8-14.6-2-122.7-2-103.9 0-122.7.2-122.7 1.8 0 1.4 2.6 2 10 2.4 9.6.5 12.8 1.4 10.8 3.4-.5.5-7.2 1.2-14.8 1.5-7.7.3-14 1-14 1.5 0 1.3 23.2 2.5 64.7 3.4 18.3.3 30.9.1 29.3-.5-1.5-.7 58.8-1.6 140.7-2.2 104.1-.7 143.4-.5 143.7.5.4 1 20.4 1.6 68.7 1.8l68.3.3-68.7.7c-37.8.4-62.7 1-55.3 1.3 11.6.4 12.5.6 6.6 1.4-4.2.6 1.5 1 15.4 1 14 0 20.7-.4 18.6-1-1.8-.7 49.6-.8 118-.3 66.8.5 140.3.9 163.4.7a300 300 0 0 1 38.6 1c-1.8.5-24 1.2-49.3 1.4-36.9.2-42.6.5-28.7 1.3 9.6.5 29.7 1 44.7 1.2 15 .2 32.4.7 38.7 1.3l11.3 1-14 .3c-9.3.2-12.9.7-10.7 1.4 1.9.6-47 1.3-108.6 1.5-61.6.2-108.3.6-103.7.8 4.6.3 8.3 1 8.3 1.5s-13.5.7-30 .4c-26-.4-30-.2-30 1.5 0 2.7-34.4 4.1-95.3 4a350 350 0 0 0-41.3 1c1.4.6 24.5 1.3 51.3 1.5 41.4.3 45.4.4 26.7 1.2l-29.4 1.3c-13.3.8 26.2 2.4 62.4 2.5 22.3.1 35 .6 35 1.5 0 .7-1.4 1.4-3 1.4-1.7 0-5.1 1-7.7 2-4 1.5 10.4 1.7 98.3 1.8 67.7 0 103 .6 103 1.5 0 .8 6 1.4 15 1.5 32.8.5-28.6 2.5-109.6 3.6-44.4.6-70.8 1.1-58.7 1.2 31.1.3 116 1.7 164 2.8l40.7.9-25.4 1c-13.9.5-122.6 1.3-241.6 1.8-209.6.8-216.4 1-216.4 3.3s1.4 2.5 19 2.5c18.4 0 23.2 1.2 10.6 2.6-3.4.4 41.3.6 99.4.4 89.5-.4 105.7-.2 105.7 1.4 0 1.6-16.7 2-105 2.8-57.7.5-105 1-105.1 1.2-.1.2-.7 1.7-1.2 3.5l-1 3.2 170.5-.6c93.8-.4 134.6-.4 90.8-.2-51.5.3-79.7.9-79.7 1.7 0 .9-33 1.4-94.9 1.4-52.1 0-94.5.3-94.2.6.4.4 95.7.7 211.8.7 116.1 0 210.8.3 210.4.7-.5.5-69.9.8-154.3.8-92.4 0-153.4.5-153.4 1.3 0 .7 11 1.3 25.6 1.4l25.7.3-29.3.9c-37.4 1.2-154.3 1.2-190 0-22.8-.8-17.2-1 33.6-1.2 43.4-.1 61-.6 61-1.7 0-1-4.8-1.2-16.3-.7-9 .5-65.5.3-125.7-.3l-109.3-1 86-.6c47.3-.3 73.3-.7 57.7-1-17.4-.1-28.4-.8-28.4-1.6s-6.2-1.3-15.3-1.3c-9.3 0-15.3.5-15.3 1.3 0 .9-26 1.4-75 1.6-63.2.1-70.6.3-47 1.3 15.4.6 29.2 1.3 30.6 1.6 4.7.9-62.2.7-72.6-.2-5.5-.5-15.6-.7-22.4-.5-11.1.4-12.3.7-12.3 3 0 2.5 2.4 2.6 110.3 2.9l110.4.3-75.4.7c-56.5.5-33.8.8 91 1 115.4.2 166.4.8 166.4 1.7 0 1-15.3 1.4-48.4 1.3-30.9-.1-49.7.3-52.3 1.2-3.3 1.2-2.4 1.4 5.7 1 5.3-.3 10 0 10.4.6.4.7 14.8 1.2 32 1.2 20 0 31.2.5 31.2 1.3s3.5 1.5 7.7 1.6c14.2.4-34.7 2-67.9 2.2-21.2.2-33-.3-33.3-1.1-.6-1.7-239.3-3.8-274.5-2.3l-59.3 2c-22.2.6 17.5 1 110.7.9 79.9 0 130 .2 111.3.7-31 .7 88.6 1.7 181.3 1.5 44 0 43.6 0 41.4-1.5-2.4-1.5 101.8-1 109.5.6 3 .7 5.1.5 5.7-.4 1.1-1.8 201-2 209.4-.3 3 .7-39.8 1.2-98.3 1.3-68.1.1-103.7.6-103.7 1.5s-60.8 1.3-179.8 1.3c-194.8 0-239.3.7-242.2 3.6-1.2 1.2-5.5 1.8-13.9 1.8-9.2 0-12 .4-12 1.7 0 1.5 16 2 89 2.7 119 1.2 149.6 2.1 149.6 4.4 0 2.5-47.5 2.7-48.3.2-.7-2.1-94.4-3.4-94.4-1.3 0 1.7 11.5 2.3 88.7 4.1l64.7 1.8c4 .2-55.1.2-131.4 0-142.9-.4-182-1-182-3.1 0-.7 9.6-1.2 21.4-1.2 13.8 0 21.3-.5 21.3-1.4 0-1-37.4-1.3-118.6-1.2-108.4.2-137.3-.6-113.4-3 4.8-.4.6-.5-9.2-.3-9.8.3-34.1.7-54 .9l-36.1.3 36.6.7c27 .5 31.4.8 16.4 1-11.2.2-20.4.8-20.4 1.4 0 1.1 47.9 2.6 100 3.2 25.8.3 25.9.3 8.7 1l-17.3.8 23.3.5 23.3.5-29 1c-57.2 1.8-29.1 2.6 69.8 2 292-2 322.6-2.1 322.6-.8 0 .8-4.1 1.5-9.7 1.6-7.3.2-5 .5 9.3 1.5 10.5.7 19 1.8 19 2.5 0 .6 8 1.2 17.7 1.4 9.7 0-21.3.7-69 1.3-47.7.5-93.3 1.6-101.3 2.2l-14.7 1.2 13.7.2c7.5 0 13.6.6 13.6 1.2 0 3.8 10.4 4.3 97.1 4.3 58 0 88.3.5 88.3 1.3 0 1.3-156.2 2.5-212.4 1.7-12.9-.1-21 .2-21 1s6.9 1.3 17 1.3a9328 9328 0 0 1 204.4 2.7c12.5.8 5 1-30 1-57.8-.1-117.5.6-111.7 1.3 2.4.3 4.3 1 4.3 1.7 0 .6 2.6 1.4 5.7 1.7 3.1.3-23.1.7-58.3 1l-64 .6 55 .4c35 .2 55 .8 55 1.6 0 .9 10.6 1.4 28.6 1.4 18.3 0 28.7.4 28.7 1.3 0 .7-2 1.4-4.3 1.6-2.4 0 14.8.9 38.3 1.7 23.5.9 37.1 1.7 30.3 1.8-7.1.1-12.3.8-12.3 1.6s6.9 1.3 18 1.3c10.3 0 18-.5 18-1.3 0-.6-2-1.5-4.3-1.8-2.4-.3-.5-.2 4.3.2 4.8.3 53.7.7 108.7.7s90.4.4 78.6.9c-11.7.5-28 .6-36.3.2-10.8-.5-15-.2-15 .9s-23.9 1.5-94 1.5c-84.4 0-102.5-.6-93-3 1.3-.4-.2-.7-3.3-.8-3.1-.1-5.7.4-5.7 1.2 0 .7-2.8 1.4-6.3 1.4l-6.4.2 5.4 1.1c2.9.6 12.8 1.2 22 1.3 12.2.2 15.4.5 12 1.4-2.6.6-24.2 1.1-48 1.2-54.7 0-157.3 2.2-158.4 3.2-.4.5 9 .8 20.8.8 11.9 0 21.6.5 21.6 1 0 1.8 220.3.6 221.4-1.2.7-1.1 9.5-1.3 33.3-.6 17.8.5 33 1.3 33.6 1.7.7.5.5 1.3-.5 2-1.2.7.7 1 4.8 1 3.7-.2 5.4-.5 3.7-.8-1.6-.3-3-1.5-3-2.5 0-1.6 12.4-2 86.7-2 56.9 0 86.6.6 86.6 1.4 0 .8-4.7 1.5-11 1.6-10.5.3-10.4.3 4.4 1 14 .8 13 1-11 1.2-14.4.1-27.7-.4-29.6-1-4-1.6-35.1-.2-32.5 1.4 2.5 1.5.5 2.8-6.6 4.2-3.6.7-61.2 1.3-132.3 1.5-69.3.1-87.5 0-40.4-.1 75-.4 85.7-.7 85.7-2.5 0-1.7-12.7-2-103.7-2h-121.6c-28.8.5-154.7-3-154.7-4.2 0-.6-1.8-1-4-1s-4 .5-4 1.3c0 .7-3.9 1.3-9 1.3-5 0-9.9.6-11 1.3-3.3 2.1-20.3 1.6 165.3 5.1l56.7 1-84 .2c-97.3.2-90 0-90 1.7 0 .9 10.3 1.4 27.7 1.6 18.5.2 24.6.5 18.3 1-8.3.9-7.6 1 7 1.2 10.2.1 16.3-.3 16.3-1.1 0-1.9 57-1.8 57.6 0 .3 1 64.4 1.4 197 1.4 108 0 196.3.2 196 .5-.3.2-28 .8-61.7 1.2-33.6.4-61.5 1-61.9 1.5-.4.4 12.7.8 29.1 1 16.5 0 54 .5 83.3 1l53.3.9-53.3.4c-29.4.2-51.6.9-49.4 1.4 5 1.3-227 1.4-246 0-7.7-.4-12.2-1-10-1 2-.2 3.4-.7 3-1.1a158 158 0 0 0-22.6.3l-21.7 1.2 18 .7c15.4.6 13.3.7-14 1-21 .1-31.3-.2-30-1 1.4-1-.5-1.4-6.7-1.6-5.5-.2-6.7-.4-3.3-.7 3-.2 8-.9 11.3-1.4 5.4-.9 4.9-1-6-1.7-6.6-.4-19.5-.3-28.6 0l-16.7.8 16 .5 16 .5-16 1c-8.8.5-33.4.6-54.7 0-24.4-.5-35-1-28.6-1.6l10-.7-11.4-.4c-9.3-.4-10.5-.6-6.6-1.6 3.3-.7 2-.9-4.7-.5-5.1.4-13 .7-17.3.7-7.2.1-7.7.3-4.7 1.7 3 1.3 2.1 1.6-7.3 2.3-8.8.7-6.6.9 12 1.3l22.6.5-16 .9c-20.9 1.2-97.3 1.1-109.3-.1zm190.4-3.6c-1.7-.3-4.7-.3-6.7 0s-.7.6 3 .6c3.6 0 5.3-.3 3.7-.6zm240.6-1.3a58 58 0 0 0-10 0c-2.7.2-.5.5 5 .5s7.8-.3 5-.5zm-154.7-1.3a11 11 0 0 0-4.6 0c-1.3.3-.3.6 2.3.6 2.6 0 3.6-.3 2.3-.6zm103.4 0c-1.7-.4-4.7-.4-6.7 0-2 .2-.7.5 3 .5s5.3-.2 3.7-.5zm-159.3-1.4c-4.2-.3-11.4-.3-16 0-4.6.2-1.2.5 7.6.5 8.8 0 12.6-.3 8.4-.5zm-127.4-1.4c-6-.2-16-.2-22 0-6 .3-1.1.5 11 .5s17-.2 11-.5zm-53.3-7.8c-1-.4-2.7-.4-4-.1-1.3.3-.6.6 1.6.7 2.2 0 3.3-.3 2.4-.6zm170.7-4.1c-1.7-.3-4.7-.3-6.7 0s-.7.5 3 .5c3.6 0 5.3-.2 3.7-.5zm172.7 0c-15.2-.3-40.4-.3-56 0-15.6.1-3.2.3 27.6.3s43.6-.2 28.4-.4zm-379.4-1.3c-1-.4-2.4-.4-3.4 0-.9.4-.1.7 1.7.7s2.6-.3 1.7-.7zm-320-9.3c-1-.4-2.4-.4-3.4 0-.9.3-.1.7 1.7.7s2.6-.4 1.7-.7zm281.3 0c-1-.4-2.4-.4-3.3 0-1 .3-.2.7 1.6.7 1.9 0 2.6-.4 1.7-.7zm298-.1c-4.2-.3-11.1-.3-15.3 0-4.2.2-.8.5 7.6.5 8.5 0 12-.3 7.7-.5zm-468-1.3a11 11 0 0 0-4.7 0c-1.2.3-.2.6 2.4.6 2.5 0 3.6-.3 2.3-.6zm68.7 0c-4.5-.3-12.3-.3-17.3 0-5 .2-1.3.4 8.3.4 9.5 0 13.6-.2 9-.5zm224.5-.4c3.2 0 5.8-.6 5.8-1.3 0-1-28.9-1.4-84-1.4-54.6 0-84 .5-84 1.3a3066.8 3066.8 0 0 0 162.2 1.4zm56.9.3c-4.6-.2-12.4-.2-17.4 0-5 .3-1.2.5 8.3.5s13.6-.2 9-.5zm-58.1-22.6c-4.2-.3-11.1-.3-15.3 0-4.2.2-.8.5 7.6.5 8.5 0 12-.3 7.7-.5zm-117.7-5.7c-8-.5-15.2-.4-15.9.2-.7.6 5.7 1 14.7 1l15.9-.3zm163.7.4c-3-.3-8.5-.3-12 0-3.5.2-1 .4 5.7.5 6.6 0 9.4-.3 6.3-.5zm-8.7-5.4a58 58 0 0 0-10 0c-2.7.3-.5.5 5 .5s7.8-.2 5-.5zm-509-1.6c0-.7 3.5-1.5 7.7-1.8 4.2-.2-7.8-.5-26.7-.7-21.3-.1-34.3.2-34.3 1 0 1.2 8 1.7 41 2.5 7.1.1 12.3-.3 12.3-1zm423.7-1a58 58 0 0 0-10 0c-2.7.2-.5.5 5 .5s7.8-.3 5-.5zm-313-7c2.6-1 1.9-1.2-3.6-1.3-3.7 0-7-.8-7.3-1.6-.4-1-20.3-1.5-70.5-1.5-38.5 0-67.8-.5-65.3-1 4.4-1 4.2-1-2.1-1.2-3.7 0-10.5-.5-15-1-7.6-.8-8.2-.7-8.2 1.8s1.6 2.7 33.7 4.3c18.5 1 40.7 1.5 49.3 1.3 8.6-.3 15.7 0 15.7.5 0 1.3 69 1 73.3-.4zm555.7.3a58 58 0 0 0-10 0c-2.8.3-.5.5 5 .5s7.7-.2 5-.5zm-124-1.4c-5.6-.2-15.2-.2-21.3 0-6 .3-1.5.5 10.3.5 11.7 0 16.7-.2 11-.5zm-363.4-4c-3-.2-8.2-.2-11.3 0-3.1.3-.6.6 5.7.6 6.2 0 8.8-.3 5.6-.5zm-115.1-3.8c11.9-2.4-.6-3.2-48.2-3-28.8.2-48.3.6-43.4 1 4.8.5 9.3 1.3 9.8 1.8 1.2 1.2 75.8 1.4 81.8.2zm78.5-.2c-4.2-.2-11.1-.2-15.4 0-4.2.3-.7.5 7.7.5s11.9-.2 7.7-.5zm442.7-4c-2-.2-5.6-.2-8 0-2.4.4-.8.6 3.6.6s6.4-.2 4.4-.5zm-559-1.5c-3.2-1.3 31.5-2.8 63.6-2.8 14.9 0 23.7-.5 23.7-1.3 0-.9-10.7-1.4-29.4-1.4-25 0-29.3-.3-29.3-2s7-2 52.3-2.3c39.2-.3 31.7-.5-30-.7-54.2-.2-82.3.1-82.3 1 0 .8-1.2 1.4-2.7 1.4-1.4 0-2.6.6-2.6 1.3 0 .8 5.3 1.3 13.3 1.3s13.3.6 13.3 1.4c0 .7 1 1.4 2.4 1.4 1.3 0-.7 1-4.4 1.9l-6.6 1.7h10.6c6.3 0 9.6-.3 8-1zm-4.7-4.1c0-.8 4.4-1.4 10.6-1.4 6.3 0 10.7.6 10.7 1.4 0 .7-4.4 1.3-10.7 1.3-6.2 0-10.6-.6-10.6-1.3zm69.6 4.4c-.9-.4-2.4-.4-3.3 0-1 .4-.2.7 1.7.7 1.8 0 2.6-.3 1.6-.7zm-21.3-1.4c-1.6-.3-4.6-.3-6.6 0s-.7.6 3 .6c3.6 0 5.3-.3 3.6-.6zm288.3-.4-16-.8 18.7-.5 18.7-.5-25.7-.8c-14-.5-26-1.3-26.6-2-.6-.6 6.4-.7 15.6-.3 12.4.5 15.8.3 13.3-.7-2.1-1-32-1.6-85.6-2-75.3-.6-82.4-.5-82.4 1.5 0 1.7-1.5 2.1-8.3 2.2-7 0-7.8.3-5 1.4 1.9.8 9 1 16 .7 56.2-3 72.1-3.5 98.3-2.7 23.6.6 29.7 1.2 29.7 2.6 0 2 10.3 2.7 39.3 2.7h16zm-509.6-3.6c-5.4-.3-14-.3-19.4 0-5.3.2-1 .4 9.7.4 10.6 0 15-.2 9.7-.4zm598.7 0c-1-.3-2.7-.3-4 0-1.3.4-.6.7 1.6.7s3.3-.2 2.4-.6zM541 600.4c-5-.2-13-.2-18 0-5 .3-.9.5 9 .5s14-.2 9-.5zm526.7-1.3c-4.2-.3-11.4-.3-16 0s-1.2.5 7.6.5c8.8 0 12.6-.2 8.4-.5zm-668-1.3c-1.3-.3-3.7-.3-5.4 0-1.6.3-.6.6 2.4.6 2.9 0 4.3-.2 3-.6zm115.6-1.7c-.4-.7-1.4-1.3-2-1.3-.7 0-1.3.6-1.3 1.3 0 .7 1 1.3 2 1.3 1.2 0 1.8-.6 1.3-1.3zm39.7.4c-1-.3-2.4-.3-3.3 0-1 .4-.2.7 1.6.7 1.9 0 2.6-.3 1.7-.7zm494-1.4c-2-.3-5.6-.3-8 0-2.4.3-.7.6 3.7.6s6.3-.3 4.3-.6zm197.3 0a11 11 0 0 0-4.6 0c-1.3.4-.3.7 2.3.7 2.6 0 3.6-.3 2.3-.6zm-727.8-2.7c.5-.7 3.5-1.6 6.8-2 3.3-.4 6.2-1.4 6.4-2.2.3-.8 1.4-1.4 2.4-1.4s1.9-.6 1.9-1.4c0-.7.9-1.3 2-1.3s2-.6 2-1.3c0-.8-6.9-1-18-.4-18.4.8-48.7-1.6-48.7-3.9 0-.6-2-1-4.3-1-2.4 0-3.6.4-2.7.8 3 1.2 1.8 3.1-2 3.2-2 0-4.8.6-6.2 1.1-2.7 1 22 2.8 38.8 2.8 5 0 8.4.6 8.4 1.4 0 1-9.7 1.3-29.3 1-16.1-.2-29.3 0-29.3.6s-2.1 1-4.7 1c-3.2 0-4.7.6-4.7 2 0 1-1 2.2-2.3 2.6-1.3.3 16.8.4 40.2.1 23.4-.3 43-1 43.3-1.7zm169.5.4c0-1.6-2-2-10.3-2-9.9 0-10.2.2-6.4 2 5.7 2.5 16.7 2.6 16.7 0zm164-.5c38.5-.5 66.1-1.2 61.3-1.4-4.7-.3-22-.3-38.3-.2-21 .3-29.7 0-29.7-1.1 0-.8 1-1.6 2.4-1.6s1.6-.4.6-.8c-5.2-2 .4-3.1 17-3.1 15.7 0 18.7.3 18.7 2s3 2 18.7 2c17.3 0 18.6-.2 18.6-2.5 0-3.7-6.4-4.2-62-4.2-37.1 0-49.9-.4-50.3-1.5-.6-2-34-2.4-44-.7-11 1.8-7 3.6 7.3 3.2 15.4-.3 34.4 1.3 34.4 3 0 .7-3.2 1.4-7 1.7-3.9.3 1.8.6 12.6.7 12 .2 19.7.8 19.7 1.6 0 .9-9.7 1.4-26.3 1.4-36.2 0-72.4 1.5-72.4 3 0 .7 9.8.8 24.4.3 13.4-.4 55.8-1.2 94.3-1.8zm126 1.2c3.6-.7-3.3-1.1-21-1.3-16.8 0-26.3.4-26.3 1.2 0 1.7 39.5 1.7 47.3.1zm625.6.3c-2.7-.3-7-.3-9.3 0-2.4.3-.1.5 5 .5 5.2 0 7.1-.2 4.3-.5zm-397.2-8c-2-.3-5.6-.3-8 0-2.4.3-.8.5 3.6.5s6.4-.2 4.4-.5zm-94-1.4c-4.6-.2-12.1-.2-16.7 0-4.6.3-.9.5 8.3.5 9.2 0 13-.2 8.3-.5zm50-2.6c-4.3-.3-11.2-.3-15.4 0-4.2.2-.8.5 7.7.5 8.4 0 11.9-.3 7.6-.5zm-608.7-1.3c-2.4-.3-6.3-.3-8.7 0-2.4.3-.4.5 4.3.5 4.8 0 6.7-.2 4.4-.5zm-140-2.7c-1.7-.3-4.7-.3-6.7 0s-.7.6 3 .6 5.3-.3 3.7-.6zM873 575c-6.4-.2-17-.2-23.3 0-6.4.2-1.2.4 11.6.4 12.9 0 18.1-.2 11.7-.4zm46.7 0c-1.3-.3-3.7-.3-5.4 0-1.6.4-.6.6 2.4.7 2.9 0 4.3-.3 3-.6zm70 .1a3 3 0 0 1-1.7-2.5c0-1.7-7.5-1.9-49-1.6-35.4.2-40.6.4-18.7.7 17.2.2 30.4.9 30.4 1.6 0 .6 1.6 1.4 3.6 1.7 5.3.8 37.3 1 35.4.1zm40.6 0c-2.8-.4-7-.4-9.3 0-2.4.2-.1.5 5 .5s7-.3 4.3-.6zm14.7-1.2c-.5-.5-1.6-.5-2.6-.1s-.7.7.8.8c1.4 0 2.2-.3 1.8-.7zm-286.7-2.7c-.4-.5-1.6-.5-2.5-.1-1.1.4-.8.7.8.8 1.4 0 2.1-.3 1.7-.7zm-21.3-1.5a11 11 0 0 0-4.7 0c-1.2.4-.2.7 2.4.7 2.5 0 3.6-.3 2.3-.7zm117.7-.4c0-.8-6-1.3-15.4-1.3-9.3 0-15.3.5-15.3 1.3s6 1.4 15.3 1.4c9.4 0 15.4-.6 15.4-1.4zm300.3.5c-.9-.4-2.7-.4-4 0-1.3.3-.5.6 1.7.6s3.2-.2 2.3-.6zM921.2 567c.3-.2-8-.4-18.6-.3-11.4.1-17.4.6-14.6 1.1 4.4 1 32 .3 33.2-.8zm-68-1.3c1.2-1-96.8-.3-101.9.8-2.9.6 18.7.8 48 .4 29.4-.4 53.6-1 54-1.2zm344.4 1.2c-9.8-.2-25.4-.2-34.7 0-9.3.2-1.3.4 17.8.4 19 0 26.6-.2 16.9-.4zm214.4-.3c0-1.6-2.7-1.6-10-.1-5.3 1-5.3 1 2.3 1.2 4.4.1 7.7-.4 7.7-1.1zm-702.8-2.2c.3-.3-3.1-.5-7.6-.5-4.7 0-8.3.6-8.3 1.3 0 1.3 14.4.5 16-.8zm-75.5 0c-1-.4-2.7-.4-4 0-1.3.2-.6.5 1.6.6 2.2 0 3.3-.3 2.4-.6zm576-.2c-3.9-.2-10.2-.2-14 0-3.9.3-.7.5 7 .5s10.8-.2 7-.5zM701 561.7c-1.3-.3-3.7-.3-5.3 0-1.7.3-.6.6 2.3.6 3 0 4.3-.2 3-.6zm181.4 0c-2.8-.3-7.6-.3-10.7 0-3.1.3-.9.5 5 .5 5.8 0 8.4-.2 5.7-.5zm306.6 0c-3.4-.3-9.4-.3-13.3 0-3.9.2-1 .5 6.3.5s10.5-.2 7-.5zm-540-1.3c-2.7-.3-7.5-.3-10.6 0-3.2.2-1 .5 5 .5 5.8 0 8.4-.3 5.6-.5zm134 0c-.9-.3-2.7-.3-4 0-1.3.3-.5.6 1.7.7 2.2 0 3.2-.3 2.3-.6zm671.6-1.2c.5-.5-44-.7-180.6-1-60.3-.2-90.1-1-85.3-2.2 5-1.3-10.7-1.4-28.7-.2l-12.7.9 16.6 1c9 .5 23.6 1 32.3 1 10.3 0 15.8.5 15.8 1.4 0 1 35.7 1.1 121 .5 66.6-.5 121.3-1.2 121.6-1.4zm19-.2c-2.3-.3-6.2-.3-8.6 0-2.4.3-.4.6 4.3.6 4.8 0 6.8-.3 4.4-.6zm-652.5-1.3c-5.7-.3-15.3-.3-21.4 0-6 .2-1.4.4 10.3.4 11.7 0 16.7-.2 11-.4zm57.9 0c-2.4-.3-6.3-.3-8.7 0-2.3.3-.4.5 4.4.5 4.7 0 6.7-.2 4.3-.5zm30.7-1.7c9.4 0 11.6-.4 11.6-2s-2.3-2-13-2c-22.6 0-83 1.7-82.4 2.4.8.7 65.8 2.7 69.4 2 1.5-.2 8-.4 14.4-.4zM688 552c0-2.6-.8-2.7-19.7-2.5-10.8 0-25 .6-31.6 1-10.2 1-8 1.1 14.4 1.3 17.2.1 26.1.7 25.6 1.5s1.5 1.4 5.2 1.4c5.2 0 6.1-.4 6.1-2.7zm538.5 1c57.7 0 99.1-.6 92.2-1-8.2-.5 1.2-1 26.3-1 21.8-.2 39-.9 39-1.5 0-1.6-134.5-2.3-281.3-1.5-109 .7-112.6.8-41.7 1 50.7.2 77.7.8 77.7 1.7 0 .8-9.8 1.3-26.7 1.3-19.3 0-26.7.4-26.7 1.5 0 1.2 4.9 1.3 18.2.7 10-.5 65.4-1 123-1.1zm170-.7c-7.6-.2-20.2-.2-28 0-8 .3-1.9.5 13.5.5s21.9-.2 14.4-.5zM515.6 551c-3.5-.3-9.2-.3-12.7 0s-.6.5 6.3.5c7 0 9.8-.2 6.4-.5zm109.6-3c0-1.6-10.5-1.6-18 0-4.4.8-3.4 1 6.4 1.2 7 0 11.6-.4 11.6-1.2zm519.7-2.3c-2.7-.3-7.5-.3-10.6 0-3.2.3-1 .5 5 .5 5.8 0 8.4-.2 5.6-.5zm236 0c-2.8-.3-7-.3-9.4 0-2.3.3 0 .5 5 .5 5.2 0 7.1-.2 4.4-.5zm-668-1.3c-3.5-.3-6.3-1.1-6.3-1.8s-4.2-1.3-9.3-1.3c-5.1 0-12.7-.9-17-2-4.2-1-8.5-2-9.6-2-3.2 0 0 2.3 5.2 3.8 4.3 1.2 4 1.4-4.7 1.7l-9.3.3 8.7.9a396.8 396.8 0 0 0 42.3.4zM555 543a19 19 0 0 0-6 0c-1.7.3-.3.5 3 .5s4.6-.2 3-.5zm61.4 0c-1.7-.4-4.7-.4-6.7 0-2 .2-.7.5 3 .5 3.6 0 5.3-.2 3.7-.5zm731.6-.4c0-1-23.8-1.4-68.7-1.4-44.9 0-68.6-.4-68.6-1.3 0-.7 3-1.3 6.6-1.3 3.7 0 6.7-.6 6.7-1.4 0-1.5-48.7-1.6-60 0-6 .8-4.2 1 9.7 1.2 10.3 0 17 .7 17 1.5 0 .9-14.5 1.4-40.4 1.5-22.1.1-51.7.6-65.6 1.1-14.3.5 37.8 1 119 1.2 95.5.1 144.3-.3 144.3-1.1zm236-.2c0-1-12.2-1.1-42.3-.5-23.3.6-42.6 1.2-43 1.5-.2.3 18.8.5 42.4.5 30 0 42.9-.4 42.9-1.5zm-605-.8c-5.3-.3-14-.3-19.3 0-5.3.2-1 .4 9.6.4 10.7 0 15-.2 9.7-.4zm149-5c0-1.8 6.4-2 49.2-2 29.2 0 49.4.5 49.7 1.2.2.7 12.8 1.4 28.7 1.7 15.5.2 28 .2 27.7-.1-.3-.3-4-1-8.2-1.5-5.5-.7-2-1 12.2-.8 11 0 33 0 49-.2 24.8-.3 29-.6 29-2.3 0-1.6 1.8-2 8.4-2 5.3.1 7.4.5 5.7 1.2-3.6 1.4 35 2.8 78 2.8 20.9 0 35.9.5 36.2 1.2.2.7 12.8 1.4 28.6 1.7 15.5.2 28 .2 27.7-.1-.2-.3-4-1-8.2-1.5-5.5-.7-2-1 12.3-.8 11 0 33 0 49-.2 24.7-.3 29-.6 29-2.3 0-1.8-10.6-2-86.3-2.3-47.5-.1-79.8-.6-71.7-1 8-.5-46.4-1-121-1.1-89.7-.2-135.7.1-135.7 1s-17 1.4-48.6 1.4-48.7.4-48.7 1.3-24.7 1.4-71 1.6c-39 .2-66 .5-60 .7 8.5.4 11 1 11 2.4 0 1.7 8.8 2 64 2 56 0 64-.3 64-2zm362.7.6c0-1.5-48.7-1.6-60 0-4.8.6 4.6 1 26.3 1.2 21.7.1 33.7-.3 33.7-1.2zm-1064-2.3c0-.6-8.9-.8-19.7-.6-29.8.5-31.8 1.1-4.7 1.4 13.4.1 24.4-.3 24.4-.8zm147-1.3a19 19 0 0 0-6 0c-1.7.3-.3.6 3 .6s4.6-.3 3-.6zm795-7.2c94.6 0 134.5-.5 131.3-1.5-3-.8-53.5-1.4-141.3-1.6-75.2-.2-131.6 0-125.4.5 7.5.6-2 1-27.6 1.2-28.6.2-39 .6-39 1.8 0 1.1 8.3 1.3 33 .6 18.1-.4 94.2-.9 169-1zM899 524.4c-2.4-.3-6.3-.3-8.7 0-2.3.3-.4.5 4.4.5 4.7 0 6.7-.2 4.3-.5zm-460.3-1.7c-4.8-1.6-6.7-1.6-6.7 0 0 .7 2.2 1.2 5 1.2 4.5-.2 4.6-.3 1.7-1.2zm227 .4c-1-.4-2.4-.4-3.4 0-.9.4-.1.7 1.7.7s2.6-.3 1.7-.7zm314.3-1.6c0-1.7-43.7-2.6-78.3-1.7l-30.4.9 18.7.7c32 1.2 90 1.3 90 .1zm132.4.2c-1.7-.3-4.7-.3-6.7 0s-.7.6 3 .6c3.6 0 5.3-.3 3.7-.6zm-717.8-2.5c1.3-1.2-7.5-.4-9.3.9-1.4 1-.5 1 3.4.4 2.9-.5 5.5-1 5.9-1.3zm695 1.1c-6.8-.2-17.6-.2-24 0-6.4.3-.8.5 12.4.5 13.2 0 18.4-.2 11.6-.5zm65.4-1.3c-9.7-.2-25.6-.2-35.3 0-9.7.2-1.8.4 17.6.4 19.5 0 27.4-.2 17.7-.4zm92.6.2c-.4-.5-1.6-.5-2.5-.1-1 .4-.8.7.8.8 1.4 0 2.2-.3 1.7-.7zm20-.2c-3.4-.3-9.1-.3-12.6 0s-.6.5 6.3.5c7 0 9.9-.2 6.4-.5zm87.4 0c-4.6-.3-12-.3-16.7 0-4.5.3-.8.5 8.4.5 9.1 0 12.9-.2 8.3-.5zm68.7 0c-8.5-.2-23-.2-32 0s-2 .4 15.6.4 25-.2 16.4-.4zm152.7-1.3c-5.3-.3-14.3-.3-20 0-5.7.2-1.4.4 9.6.4s15.7-.2 10.4-.4zm-101-1.7c.5-.9-41.8-1.3-126-1.3-83.6 0-126.7.4-126.7 1.3s42.8 1.3 125.9 1.3c82.5 0 126.2-.4 126.7-1.3zm81.6-2.1c-.5-.5-1.6-.5-2.6-.2-1 .5-.7.8.8.9 1.4 0 2.2-.3 1.8-.7zm-635.7-2.6c0-1.7-3-2-18.6-2-15.7 0-18.7.3-18.7 2s3 2 18.7 2 18.6-.3 18.6-2zm-138.9-.3c-5.7-.2-15.3-.2-21.3 0-6.1.3-1.5.5 10.2.5 11.8 0 16.7-.2 11.1-.5zm191.9-1.3c-2.8-.3-7-.3-9.3 0-2.4.3-.1.5 5 .5s7-.2 4.3-.5zm252.4-.4c0-.8-4.5-1.3-10.7-1.3-6.2 0-10.7.5-10.7 1.3s4.5 1.4 10.7 1.4c6.2 0 10.7-.6 10.7-1.4zm269.3 0c0-.8-8.4-1.3-22.7-1.3-14.2 0-22.6-.5-22.6-1.3s-1.5-1.4-3.4-1.4c-1.8 0-3.3.6-3.3 1.4 0 .8-34.2 1.3-100 1.3s-100 .4-100 1.3c0 1 42.9 1.4 126 1.4s126-.5 126-1.4zm169.3 0c0-.8-4.4-1.3-10.6-1.3-6.3 0-10.7.5-10.7 1.3s4.4 1.4 10.7 1.4c6.2 0 10.6-.6 10.6-1.4zm-1183-.8c-.4-.4-1.6-.5-2.6 0-1 .3-.7.7.9.7 1.4 0 2.1-.2 1.7-.7zm529.7-.5c0-.7-1.5-1.3-3.3-1.3-1.9 0-3.4.6-3.4 1.3 0 .7 1.5 1.3 3.4 1.3 1.8 0 3.3-.6 3.3-1.3zm136.4-1a1463 1463 0 0 0-44 0c-12.3.2-2.6.4 21.6.4 24.2 0 34.3-.2 22.4-.4zm438.7 0a1463 1463 0 0 0-44 0c-12.3.2-2.6.4 21.6.4 24.2 0 34.3-.2 22.4-.4zm-160.1-1.3c-2.4-.3-6.3-.3-8.7 0-2.3.3-.4.5 4.4.5 4.7 0 6.7-.2 4.3-.5zm-910.7-1.4c-6.8-.2-17.9-.2-24.6 0-6.8.3-1.3.5 12.3.5 13.6 0 19.1-.2 12.3-.5zm1018 .2c-.4-.4-1.6-.5-2.5 0-1.1.3-.8.7.8.7 1.4 0 2.1-.2 1.7-.7zm75.4-.1c-3-.3-8.5-.3-12 0-3.5.2-1 .4 5.6.5 6.6 0 9.5-.3 6.4-.6zm58-2.7c-3.5-.3-9.2-.3-12.7 0s-.6.5 6.3.5c7 0 9.9-.2 6.4-.5zm-980.8-12c-5.3-.3-13.7-.3-18.6 0-5 .2-.6.4 9.7.4 10.3 0 14.3-.2 9-.4zm784.8-4c-2-.3-5.3-.3-7.4 0-2 .3-.3.6 3.7.6s5.7-.3 3.7-.6zm32 0c-2.8-.3-7-.3-9.4 0-2.4.3-.1.5 5 .5 5.2 0 7.1-.2 4.3-.5zm165.6-.4c-18.7-.5-54.7-.9-80-.8l-46 .1 43.4.7c23.8.4 59.8.8 80 .8h36.6zm-100-3.1c-1.4-1.2-53.3-1.9-53.3-.8 0 .7 11.6 1.3 26.9 1.3a344 344 0 0 0 26.3-.5zm-1167-3.1c-1.2-.4-3.6-.4-5.3 0-1.6.3-.6.5 2.3.6 3 0 4.3-.3 3-.6zm959.4-1.4c-34-.2-89.4-.2-123.4 0-33.9.2-6.1.3 61.7.3s95.6-.1 61.7-.3zm89-7.7c0-1.8-15-2-126-2-111.1 0-126 .2-126 2s14.9 2 126 2c111 0 126-.2 126-2zm2.3-5.6c-1.3-.3-3.7-.3-5.3 0-1.7.3-.6.6 2.3.6 3 0 4.3-.3 3-.6zm-99.7-10.4c0-1.8-8.6-2-71-1.7-39 .1-66.5.5-61 1l10 .6-14 .8c-7.7.4 19.8.9 61 1 66 .3 75 0 75-1.7zm-1015-9.6a58 58 0 0 0-10 0c-2.7.2-.5.5 5 .5s7.8-.3 5-.5zm-23-1.7c5.4-.8 5.8-1 2-1-2.5-.1-7.6.3-11.3.9-5.4.8-5.8 1-2 1.1 2.6 0 7.7-.4 11.3-1zm1399.7.3c-5.3-.2-14-.2-19.3 0-5.3.3-1 .5 9.6.5 10.7 0 15-.2 9.7-.5zm-279.3-5.3c-4.2-.3-11.1-.3-15.4 0-4.2.2-.7.5 7.7.5s11.9-.3 7.7-.5zm-282-1.3c-2.4-.3-6.3-.3-8.7 0-2.4.3-.4.5 4.3.5 4.8 0 6.8-.2 4.4-.5zM304.4 427c-1-.3-2.7-.4-4 0-1.3.3-.6.6 1.6.6s3.3-.2 2.4-.6zm1424-1.8a174 174 0 0 0-28.7-.1l-25.7 1 28.7.2c18.2 0 27.5-.3 25.6-1.1zm-1408-.9c-1-.3-2.5-.3-3.4 0-1 .4-.2.7 1.7.7 1.8 0 2.5-.3 1.6-.7zm1044-1.3c-1-.4-2.5-.4-3.4 0-1 .4-.2.7 1.7.7 1.8 0 2.6-.3 1.6-.7zm321.3 0c-3.1-.4-8.2-.4-11.4 0-3 .2-.5.4 5.7.4s8.8-.2 5.7-.5zM289 421.8c-.5-.5-1.6-.5-2.6-.2-1 .5-.7.8.8.9 1.4 0 2.2-.3 1.8-.7zm1366.7-9.6c-7.2-.2-18.9-.2-26 0-7.2.3-1.3.5 13 .5s20.1-.2 13-.5zm-390-2.6c-3.9-.3-10.2-.3-14 0-3.9.2-.7.5 7 .5s10.8-.3 7-.5zm219.6-.4c0-.7 4.3-1.4 9.7-1.6 29-.8-103.8-1.6-173.7-1-45 .4-74 .8-64.3 1 10.7.2 17.7.8 17.7 1.6 0 .9 36 1.4 105.3 1.4s105.3-.5 105.3-1.4zm-355-2.2c-1.2-.4-3.6-.4-5.3 0-1.6.3-.6.5 2.3.6 3 0 4.3-.3 3-.6zm450 0c-4.5-.4-12.3-.4-17.2 0-5 .2-1.3.4 8.2.4 9.6 0 13.6-.2 9-.5zm208 0c-.9-.4-2.4-.4-3.3 0-1 .4-.2.7 1.7.7 1.8 0 2.6-.3 1.6-.7zm-505.6-3.8c0-1.5-1.8-2-8-2-6.3 0-8 .5-8 2 0 1.6 1.7 2 8 2 6.2 0 8-.4 8-2zm266.6-.6c0-2.4-.9-2.7-8-2.7-7 0-8 .3-8 2.7 0 2.3 1 2.6 8 2.6 7.1 0 8-.3 8-2.6zm71.7 1.7c-2.8-.3-7-.3-9.4 0-2.3.3 0 .5 5 .5 5.2 0 7.1-.3 4.4-.5zm18.3-.4c.5-.8-1.6-1.3-5.6-1.3-4.6 0-5.8.4-4.4 1.3 2.7 1.7 9 1.7 10 0zm191-5c-2-.3-5.3-.3-7.3 0s-.4.6 3.7.6c4 0 5.7-.3 3.6-.6zm299-3c0-2.7-.9-2.7-139.8-2.7-77 0-141.7.4-144 .9-2.3.4-4.2 1.6-4.2 2.6 0 1.6 22.7 1.9 144 1.9 143.1 0 144 0 144-2.7zm-617.3 0c0-.9-48.7-1.3-143.3-1.3-94.7 0-143.4.4-143.4 1.3s48.7 1.3 143.4 1.3c94.6 0 143.3-.4 143.3-1.3zm234.7-2.6c5-.7-5.1-.8-24-.4-39.5.8-38.7.8-38.7 1.8 0 1.1 51.6 0 62.7-1.4zm-431-6.4c-19.6-.2-51.7-.2-71.4 0-19.6.2-3.5.4 35.7.4s55.3-.2 35.7-.4zm-1010.4-4.4c-8.4-1.5-13.3-1.5-13.3 0 0 .8 4 1.3 9.7 1.2 9.1-.1 9.3-.2 3.6-1.2zm79.7.6c-.5-.5-1.6-.5-2.6-.1s-.7.7.8.8c1.4 0 2.2-.3 1.8-.7zm973-.5c-2.2-.6-28.8-1.1-59.2-1.2a714 714 0 0 1-54.2-1.2c.5-.5 26.6-1.3 57.8-1.7l57-.7-71-.3c-62.6-.2-70.9 0-70.2 1.7.6 1.7-1.6 2-15.4 2-9.9 0-16.1.5-16.1 1.4 0 .8 30 1.2 87.6 1.1 48.3 0 85.9-.6 83.7-1.1zm230.2.3c-39.8-.2-104.6-.2-144 0-39.3.2-6.7.4 72.5.4s111.4-.2 71.5-.4zm-476.2-4.3c0-.8-2.2-1.3-5-1.2-5 .1-5 .2-1 1.2 5.8 1.4 6 1.4 6 0zm722.3-2.3c-1.2-.3-3.6-.3-5.3 0-1.6.3-.6.6 2.3.6 3 0 4.3-.3 3-.6zm-225.6-3c-5.4-1.4-287.6-1.4-283.4 0 1.9.5 67.3 1 145.4 1 78 0 140.2-.5 138-1zm-469.7-3.7c-6.8-.3-17.9-.3-24.7 0-6.7.2-1.2.4 12.4.4 13.5 0 19-.2 12.3-.4zm238-1.4c-4.1-.2-11.3-.2-16 0-4.6.3-1.1.5 7.7.5s12.5-.2 8.4-.5zm207.3 0c-31.7-.2-83.6-.2-115.3 0-31.7.2-5.8.4 57.7.4 63.4 0 89.4-.2 57.6-.4zm254.7-4c-1.6-.2-4.6-.2-6.6 0-2 .4-.7.6 3 .6 3.6 0 5.3-.2 3.6-.5zm116 0c-5.4-.2-13.8-.2-18.7 0-5 .3-.6.5 9.7.5 10.3 0 14.3-.2 9-.5zm-119-4c0-.7-6.9-1.3-15.3-1.4-9.3-.1-15.4.3-15.4 1.1s6.2 1.3 15.4 1.3c8.4 0 15.3-.5 15.3-1zm-1077-3.8c8.6-1.4 5.5-3.2-5.7-3.2-5.8 0-10.6.6-10.6 1.3 0 .7-1.7 1.5-3.7 1.8-2 .3.5.6 5.7.7 5.1.1 11.6-.2 14.3-.6zm70-1.5a58 58 0 0 0-10 0c-2.7.3-.5.5 5 .5s7.8-.2 5-.5zm624.6 0c-39.9-.2-104.7-.2-144 0-39.4.2-6.8.4 72.4.4s111.4-.2 71.6-.4zm49-6.5c1-.9-134.5-.2-157.3.8-12 .6 18.2.7 67.4.3 49.1-.3 89.6-.8 89.9-1.1zm-455-.2c-9.3-.2-24.6-.2-34 0-9.3.3-1.6.4 17 .4 18.8 0 26.4-.1 17-.4zm194.7 0a58 58 0 0 0-10 0c-2.7.3-.5.6 5 .6s7.8-.3 5-.5zm438.7 0a58 58 0 0 0-10 0c-2.7.3-.5.6 5 .6s7.8-.3 5-.5zm-139.3-4c-3.9-.2-7-1-7-1.7 0-.8-28.1-1.4-73-1.6-67.2-.2-69.6-.3-30.4-1 23.5-.4 42.9-.9 43-1 3.1-2.7-12.5-3-143-3-94.6 0-143.3.4-143.3 1.3s11.1 1.4 30.3 1.5c16.7.1 39.4.6 50.4 1.1 17.4.8 14.7 1-21 1.2-25.7.1-41 .7-41 1.5s9.4 1.5 23.6 1.7c34.6.6 319.6.6 311.4 0zm113.3-4a1236 1236 0 0 0-40.7 0c-11.1.3-2 .4 20.4.4 22.3 0 31.5-.1 20.3-.4zm-220-8c-39.8-.2-104.9-.2-144.7 0-39.7.2-7.2.4 72.4.4 79.5 0 112-.2 72.3-.4zm-748.7-11.8c-.4-.4-1.6-.5-2.5 0-1.1.3-.8.7.8.7 1.4 0 2.1-.2 1.7-.7zm753-.4c71.1-.8 66.5-1-57.3-1-74 0-169.5.3-212 .8-71.1.8-66.5 1 57.3 1 74.1 0 169.5-.3 212-.8zm-927.6-1c-4.2-.4-11.4-.4-16-.1-4.6.3-1.2.5 7.6.5 8.8 0 12.6-.2 8.4-.5zM1216 316c0-.9-12.2-1.3-34-1.3s-34 .4-34 1.3 12.2 1.3 34 1.3 34-.4 34-1.3zm226.7 0c0-.9-38-1.3-111.4-1.3-73.3 0-111.3.4-111.3 1.3s38 1.3 111.3 1.3c73.4 0 111.4-.4 111.4-1.3zm-689.4-1.3c0-1.6-155.2-1.7-166.6 0-4 .5 31.8 1 79.6 1.1 57.3.1 87-.3 87-1.1zm763-2.4c-40-.2-104.7-.2-144 0-39.4.2-6.8.4 72.4.4s111.4-.2 71.5-.4zm141.3-1.3c-8.3-.2-21.5-.2-29.3 0-7.9.2-1.1.4 15 .4 16.2 0 22.6-.2 14.3-.4zm159.4-2.7c-15.2-.2-40.1-.2-55.3 0-15.2.2-2.8.4 27.6.4 30.5 0 43-.2 27.7-.4zm-1371.3-1.2c-1-.3-2.7-.4-4 0-1.3.3-.6.6 1.6.6s3.3-.2 2.4-.6zm1261-1.4c36.6-1 38-1.1 21.3-1.9-29.5-1.4-73.3-1.3-73.3.2 0 .7-7.9 1.4-19 1.7-17.9.4-17.5.4 6.3.7 14 .1 43-.2 64.7-.7zM955 304.4c-2.4-.3-6.3-.3-8.7 0-2.3.3-.4.5 4.4.5 4.7 0 6.7-.2 4.3-.5zm-76.7-1.3a11 11 0 0 0-4.6 0c-1.3.3-.3.6 2.3.6 2.6 0 3.6-.3 2.3-.6zm874.7-2.7c-2.8-.3-7-.3-9.4 0-2.3.3 0 .5 5 .5 5.2 0 7.1-.3 4.4-.5zM997 299c-2.8-.3-7-.3-9.4 0-2.3.3 0 .6 5 .6 5.2 0 7.1-.3 4.4-.6zm609.3.2c-.4-.5-1.6-.5-2.5-.1-1.1.4-.8.7.8.8 1.4 0 2.1-.3 1.7-.7zm122-.2c-3.8-.3-7-1-7-1.7 0-.6 3.2-1.4 7-1.7 3.9-.3.9-.5-6.7-.4-8.8.1-14 .8-14.7 1.7-.5.9-4 1.8-7.6 2.1-3.6.3 3 .5 14.7.5s18.2-.2 14.3-.5zM972 297.3c0-.8-6-1.2-15.7-1-15.5.2-15.5.2-5 1 17.7 1.4 20.7 1.4 20.7 0zm507.3 0c-39.6-.5-132.6-.9-206.6-.8-95.8 0-116.4.3-71.4.8 34.9.4 127.9.8 206.7.8 116.6 0 129.9-.1 71.3-.8zm104.3-.8c-.4-.4-1.6-.5-2.5 0-1 .3-.8.7.8.7 1.4 0 2.2-.2 1.7-.7zm90.4-.5c-1.5-.6-8.2-1.2-15-1.2-7.3-.1-12.3-.7-12.3-1.5s-6-1.3-15.4-1.3c-9.3 0-15.3-.5-15.3-1.3s-2.1-1.4-4.7-1.4c-2.5 0-4.6.6-4.6 1.2 0 .7-4 1.8-9 2.5-8.4 1.3-7.7 1.4 10.2 1.3 13.3 0 19.5.5 19.8 1.5.4 1 7.8 1.5 24.7 1.4 14.8 0 23.2-.5 21.6-1.2zm-696.3-2.3c-2.4-.3-6.3-.3-8.7 0-2.4.3-.4.5 4.3.5 4.8 0 6.8-.2 4.4-.5zm-70.7-2.6c-1-.4-2.4-.4-3.3 0-1 .4-.2.7 1.6.7 1.9 0 2.6-.3 1.7-.7zm862.7-1.3c-1-.4-2.4-.4-3.4 0-.9.3-.1.7 1.7.7s2.6-.4 1.7-.7zm-321.7-1.9c-39.2-.5-132.2-.8-206.7-.7-91 0-115.9.3-76 .8 32.7.4 125.7.7 206.7.8 117.3 0 132.8-.2 76-.9zm-351.6-3.4c-1-.4-2.7-.4-4 0-1.3.2-.6.5 1.6.6 2.2 0 3.3-.3 2.4-.6zm368.6-.2c-41.6-.2-109.7-.2-151.3 0-41.6.2-7.6.4 75.6.4 83.3 0 117.3-.2 75.7-.4zm-337.3-1.2a11 11 0 0 0-4.7 0c-1.3.3-.2.6 2.3.6 2.6 0 3.7-.3 2.4-.6zm339-1.6c0-1.6-136.7-2.9-271.4-2.5-64.5.2-97 .5-72.3.7 28.5.2 45 .8 45 1.6 0 .9 52 1.4 149.3 1.4 82.2 0 149.4-.5 149.4-1.2zm188-.3c0-1.2-7-1.3-25.9-.6-18.2.7-26 .5-26.7-.5-.7-1 5.4-1.4 20.7-1.4 12 0 21.3-.3 21-.7-1.3-1.3-49.2-.8-51.5.6-2 1.1-1.8 1.3 1.4 1.4 2 0 3.6.6 3.6 1.3 0 .9 10.5 1.4 28.7 1.4 20.5 0 28.7-.5 28.7-1.5zM901 279c-3.4-.3-9.4-.3-13.3 0-3.9.3-1 .5 6.3.5s10.5-.2 7-.5zm20.7-2.7c-6-.2-16.2-.2-22.6 0-6.5.3-1.6.5 10.9.5s17.7-.2 11.7-.5zm15.3.2c-.5-.4-1.6-.5-2.6 0-1 .3-.7.7.8.7 1.4 0 2.2-.2 1.8-.7zm14.7-.1c-2-.3-5.3-.3-7.4 0-2 .3-.3.5 3.7.5s5.7-.2 3.7-.5zm390.3 0c-3.5-.6-3.7-.8-1.3-1.8 1.4-.6-49.3-1.1-112.7-1.2-75 0-114.6-.6-113.3-1.4 1.2-.8 50.6-1.4 131.3-1.6l129.3-.3-114.6-.7c-141-.9-174.1-.5-173.1 2 .6 1.6-2.3 2-15.5 2-9 0-16.1.5-16.1 1.2s1.4 1.5 3 1.8c1.7.3 66.9.6 145 .5 78.1 0 140.2-.3 138-.6zm-360.7-5.7c0-.8-2.2-1.3-5-1.2-5 .1-5 .2-1 1.2 5.8 1.4 6 1.4 6 0zm-75.6-2.3a19 19 0 0 0-6 0c-1.7.3-.3.6 3 .6s4.6-.3 3-.6zm42.6 0c-2.3-.3-6.2-.3-8.6 0-2.4.3-.5.5 4.3.5s6.7-.2 4.3-.5zm554.4-2c0-.6-11.9-1-26.4-1.1-101.6-.1-228.8 0-249 .3-23.5.3-23.2.3 10 1 52 1.1 265.4.9 265.4-.3zm-482.7-5c0-1.6-21.9-1.6-48.7-.1-15.8.8-14.4 1 15.7 1.1 21.3.2 33-.2 33-1zm21.3-2.7c0-.8 1.2-1.4 2.7-1.4 1.5 0 2.7-.5 2.7-1.1 0-.7-2.6-1-5.7-.7l-20.3 1.5-14.7 1 15.3.7 17.7 1c1.3.2 2.3-.3 2.3-1zm352.6.1a382 382 0 0 1 41-2.2c22.3-.6 39-1.4 37.1-1.7-1.8-.3-3.6-.9-4-1.4-.4-.4-67.9-.5-150-.2-82.1.4-140.6.9-130 1 10.6.2 53.4.4 95 .4 42.8 0 75.7.4 75.7 1.1 0 2.2-34.7 2.8-147.9 2.8-61.8 0-112.8.3-113.2.7-.4.4 66 .7 147.4.7 84 0 148.5-.5 148.9-1.2zm2.5-3.8c7.2-.2 18.6-.2 25.3 0 6.8.2.9.4-13 .4-14 0-19.5-.2-12.3-.4zm334.6 4c-1.6-.3-4.6-.3-6.6 0s-.7.6 3 .6c3.6 0 5.3-.2 3.6-.5zM1472 240.9c-.3-.2-11.3-.9-24.4-1.4-16.9-.7-23.5-.5-22.9.5.6 1 9 1.4 24.4 1.4 12.9 0 23.2-.2 22.9-.5zm73.4-4.8c0-.7-.9-1.3-2-1.3-1 0-2 .6-2 1.3 0 .7 1 1.3 2 1.3 1.1 0 2-.6 2-1.3zm-129-1a524 524 0 0 0-27.3 0c-7.5.2-1.4.4 13.7.4 15 0 21.2-.2 13.6-.4zm108.8-1.3c-5.7-.3-15.3-.3-21.4 0-6 .2-1.4.4 10.3.4 11.7 0 16.7-.2 11-.4zm-470.1-4c-3.8-.3-10.1-.3-14 0-3.8.2-.7.5 7 .5s10.9-.3 7-.5zm-27.3-10.7c-5-.2-13-.2-18 0-5 .3-1 .5 9 .5 9.9 0 14-.2 9-.5zm-71.4-2.6a19 19 0 0 0-6 0c-1.6.3-.3.6 3 .6s4.7-.3 3-.6zm32.7-10.7c-2-.3-5.6-.3-8 0-2.4.3-.7.5 3.7.5s6.3-.2 4.3-.5zm-72-17.2c-.5-.4-1.6-.5-2.6 0-1 .3-.7.7.8.7 1.4 0 2.2-.2 1.8-.7zm-224.7-9.4c-.9-.4-2.4-.4-3.3 0-1 .4-.2.7 1.7.7 1.8 0 2.6-.3 1.6-.7zm-86.6-1.3c-1-.4-2.5-.4-3.4 0-.9.3-.1.7 1.7.7s2.6-.4 1.7-.7zm38.6 0c-.9-.4-2.4-.4-3.3 0-1 .3-.2.7 1.7.7 1.8 0 2.6-.4 1.6-.7zm77.4-.1c-3-.3-8.5-.3-12 0s-1 .5 5.6.5 9.5-.2 6.4-.5zM610 693.3c-27.6-.5-1.7-.7 63.3-.6 60.5.1 93.7 0 73.7-.3-22.6-.3-36.3-1-36.3-1.8s28.8-1.3 81.3-1.3c53.3 0 81.3.5 81.3 1.4 0 .7-2.8 1.4-6.3 1.6-3.5.1 3.3.6 15 1 28 1-211.4 1-272 0zm275.3-2.6c0-.9 10.5-1.4 28.7-1.4s28.7.5 28.7 1.4c0 .8-10.5 1.3-28.7 1.3s-28.7-.5-28.7-1.3zm799.7-1c2.4-.3 6-.3 8 0s0 .6-4.3.6c-4.4 0-6-.3-3.7-.6zM524 672c0-.9 22.9-1.3 66-1.3s66 .4 66 1.3-22.9 1.3-66 1.3-66-.4-66-1.3zm931-2.3c8.6-.3 22.7-.3 31.3 0 8.7.2 1.6.4-15.6.4-17.3 0-24.3-.2-15.7-.4zm101.4 0c24.1-.2 63.1-.2 86.7 0s3.9.3-43.8.3c-47.6 0-67-.1-42.9-.3zm242.3-1.7c0-.9 33.7-1.3 100-1.3 63.4 0 100 .4 100 1.3 0 .8-36.6 1.3-100 1.3-66.4 0-100-.4-100-1.3zm-363-1c13.5-.2 35-.2 48 0s2 .4-24.4.4-37-.2-23.5-.4zm82 0c4.3-.3 10.9-.2 14.7 0 3.8.3.3.5-7.7.5-8.1 0-11.2-.2-7-.5zm73.4 0c13.8-.2 36-.2 49.3 0 13.4.2 2 .4-25 .4-27.2 0-38.1-.2-24.3-.4zm-1209.8-3c0-.8 10.5-1.3 28.7-1.3s28.7.5 28.7 1.3-10.5 1.3-28.7 1.3-28.7-.5-28.7-1.3zm1281.8-2.3c17.5-.2 45.7-.2 62.7 0s2.7.4-31.8.4-48.4-.2-31-.4zM552 656c0-1 122.8-2.6 220.7-2.9 33.2 0 76.4.8 77.2 1.6 1.5 1.5-72.9 2.5-184.8 2.5-69.5 0-113.1-.4-113.1-1.2zm333.3-1.7c3.3-.5 60.3-.8 126.7-.7 66.4 0 117.7.3 114 .5-14.5.9-246.3 1-240.7.2zm477.7.6c3.5-.3 9-.3 12 0 3.1.3.3.5-6.3.5s-9.2-.2-5.7-.5zm-820-3.7c-1.6-1.7 2.8-2 34.7-2 20.1 0 44.7-.4 54.8-.8 13.3-.7 18.2-.5 18.2.6s-7 1.6-24.7 1.6c-15.6 0-24.7.5-24.7 1.3s-10.3 1.3-28.3 1.3c-23.1 0-28.6-.4-30-2zm208.7-1.5c.9-.4 2.4-.4 3.3 0 1 .4.2.7-1.7.7-1.8 0-2.5-.3-1.6-.7zM680 648c0-.7.9-1.3 2-1.3s2 .6 2 1.3c0 .7-.9 1.3-2 1.3s-2-.6-2-1.3zm11.8-1c1-.3 2-.2 2.5.2.4.4-.3.8-1.7.7-1.6 0-2-.4-.8-.8zm593.3 0c1-.3 2.1-.2 2.5.2.5.4-.3.8-1.7.7-1.6 0-1.9-.4-.8-.8zm116.6 0c6.5-.2 16.7-.2 22.7 0 6 .3.7.5-11.7.5-12.5 0-17.4-.3-11-.5zm127.4-1.3c32.5-.2 85.3-.2 117.3 0s5.5.3-59 .3c-64.6 0-90.8-.1-58.3-.3zM593.3 644c0-.8 9-1.4 23.7-1.5 13 0 30-.6 37.7-1.2 8.2-.6-7.6-.8-38.7-.5-29.3.4-53.4.1-54.4-.6-3-2 50-3.1 95-2 31.4.6 42 .5 42-.7 0-1 3.4-1.5 10-1.5 5.8 0 10 .6 10 1.3 0 .8 1.7 1.3 3.7 1.3 3.3-.1 3.4-.3 1-1.3-1.5-.6 10.8-1 30-1 25.3.2 28.9.4 16 1-9.1.4 18.8 1 62 1.5 84.7.8 106.9 2.6 50.7 4-18.3.6-37.7 1.4-43 1.9-6.8.7-9.7.5-9.7-.5 0-1.1-13.6-1.5-48-1.5-33.5 0-48-.5-48-1.5s-5.2-1.2-17-.7c-9.3.5-28 1.2-41.3 1.6-13.4.5-24.3 1.4-24.3 2 0 .7-12.5 1.2-28.7 1.2-18.2 0-28.7-.5-28.7-1.3zm386.7-1.3a44 44 0 0 0-15-1.8 281.8 281.8 0 0 1 31 1.5c7.3 1.2 7.3 1.2-4.3 1.4-6.8.1-11.7-.3-11.7-1zm518.3.3c23-.2 60.5-.2 83.4 0 22.9.2 4.1.4-41.7.4-45.8 0-64.6-.2-41.7-.4zm-80-1.3a19 19 0 0 1 6 0c1.7.3.3.6-3 .6s-4.6-.3-3-.6zm-497-4.4c0-1.5 8.5-1.5 13.4 0 2.4.8 1.2 1.1-5 1.2-4.8.1-8.4-.4-8.4-1.2zm18.5.5c1-.4 2-.4 2.5 0 .4.5-.3.8-1.7.8-1.6-.1-2-.4-.8-.8zM608.3 635c4.9-.2 13.3-.2 18.6 0 5.4.3 1.4.5-8.9.5s-14.6-.2-9.7-.5zm1016 0c12.3-.2 32.4-.2 44.7 0 12.3.2 2.2.4-22.3.4-24.6 0-34.6-.2-22.4-.4zm158.8 0c16.7-.2 43.7-.2 60 0 16.3.2 2.6.4-30.4.4s-46.3-.2-29.6-.4zm-852.8-1.3c2.4-.3 6.3-.3 8.7 0 2.4.3.4.5-4.3.5-4.8 0-6.7-.2-4.4-.5zm472 0c28.7-.2 76-.2 105.3 0 29.2.2 5.7.3-52.3.3-57.9 0-81.8-.1-53-.3zm-1065-3c0-1.8 1-2.7 2.7-2.7 1.5 0 2.7-.6 2.7-1.3 0-.9 18.4-1.4 52.6-1.4 34.3 0 52.7.5 52.7 1.4 0 .7-4 1.3-9.3 1.3-5.4 0-9.4.6-9.4 1.3 0 .8-1.2 1.4-2.6 1.4-1.5 0-2.7.6-2.7 1.3 0 .9-15.3 1.3-43.3 1.3-42.5 0-43.4 0-43.4-2.6zm1057 .3c44.2-.2 116.5-.2 160.7 0 44.2.2 8 .4-80.3.4-88.4 0-124.5-.2-80.4-.4zm480.4-.3c0-.9 21.5-1.4 62-1.4 40.4 0 62 .5 62 1.4 0 .8-21.6 1.3-62 1.3-40.5 0-62-.5-62-1.3zm-437-2.4c7.1-.2 18.8-.2 26 0 7.1.3 1.3.5-13 .5s-20.2-.2-13-.5zm122 0c35.4-.2 93.3-.2 128.6 0 35.4.2 6.5.4-64.3.4s-99.7-.2-64.3-.4zm328.6-2.6c13.8-.3 36.3-.3 50 0 13.8.2 2.5.4-25 .4s-38.7-.2-25-.4zm93.4 0c3.5-.3 9-.3 12 0 3.1.3.2.5-6.4.5-6.6 0-9.1-.2-5.6-.5zm-163-4.4c0-.8 30.9-1.3 90-1.3 59 0 90 .5 90 1.3 0 1-31 1.4-90 1.4-59.1 0-90-.5-90-1.4zm-1440-1.2c0-.7-5.1-1.6-11.4-2.1-6.2-.6-11.3-1.6-11.3-2.3 0-2 68.3-.7 69 1.3.3 1 2.9 1.7 5.8 1.7 2.8 0 5.2.6 5.2 1.3 0 .8-10.4 1.3-28.7 1.3a163 163 0 0 1-28.6-1.2zm739.6-2.3c1-.4 2.5-.4 3.4 0 .9.4.1.7-1.7.7s-2.6-.3-1.7-.7zm-103.6-4.5c13.7-1.6 82.6-1.5 82.6 0 0 .9-16 1.3-45.6 1.2-27.4-.2-42.2-.6-37-1.2zm412.1-1.4c-1.8-.7-2.9-1.6-2.5-2a843 843 0 0 1 78.4 2.3c0 1.6-72 1.3-75.9-.3zm-989.5-2.6c0-.8 10.5-1.3 28.7-1.3s28.7.5 28.7 1.3c0 .9-10.5 1.4-28.7 1.4s-28.7-.5-28.7-1.4zm1393.8-2.3a675 675 0 0 1 30.6 0c8.3.2 1.2.4-15.7.4s-23.6-.2-15-.4zm-85.8-3.7c0-1.7 5.5-2 42.4-1.7l42.3.4-36.3.3c-22.7.3-36.4.9-36.4 1.7 0 .7-2.7 1.3-6 1.3-4.4 0-6-.5-6-2zm-424-2c0-.6-6.1-1.4-13.6-1.6-7.5-.3 60.1-.5 150.3-.4 113.7 0 138.8.2 82 .7-45.1.4-80.8 1-79.3 1.5 2 .6 1.6.9-1.7 1-2.4 0-4.3-.4-4.3-1.2 0-.8-7.4-1.3-19.4-1.3-11 0-19.3.5-19.3 1.2 0 .8-19 1.3-47.3 1.4-29.1 0-47.4-.5-47.4-1.2zm533.4 0c0-.8 24.9-1.3 72-1.3 47 0 72 .5 72 1.3 0 .9-25 1.4-72 1.4-47.1 0-72-.5-72-1.4zm-611.7-1c3.5-.2 9.2-.2 12.7 0 3.5.3.6.5-6.4.5s-9.8-.2-6.3-.4zm476-14.6a58 58 0 0 1 10 0c2.8.3.5.5-5 .5s-7.7-.2-5-.5zm60 0c19.5-.2 51.9-.2 72 0 20 .2 4 .3-35.7.3-39.6 0-56-.1-36.4-.3zm-472-9.3a58 58 0 0 1 10 0c2.8.2.5.5-5 .5s-7.7-.3-5-.5zm358.3-17.3c11-1 33.4-1 33.4-.1 0 .5-8.6.9-19 .8-10.5-.2-17-.4-14.4-.7zm221.4-1.8c0-.8 19.5-1.3 56-1.3 36.4 0 56 .5 56 1.3 0 .9-19.6 1.4-56 1.4-36.5 0-56-.5-56-1.4zm-314.3-3.6c45.4-.2 119.2-.2 164 0 44.9.2 7.8.3-82.4.3s-126.9-.1-81.6-.3zM284.4 531c5.6-.2 15-.2 20.6 0 5.7.3 1 .5-10.3.5-11.4 0-16-.2-10.4-.5zm1438.6-2.7c33.6-.2 88.5-.2 122 0 33.6.2 6.1.4-61 .4s-94.5-.2-61-.4zm-103.3-6.6c1.6-.3 4-.3 5.3 0 1.3.4 0 .6-3 .6s-4-.3-2.3-.6zm56.6-2.7c26.3-.2 69.2-.2 95.4 0 26.2.2 4.7.4-47.7.4-52.4 0-73.9-.2-47.7-.4zm24.7-2.6c1-.3 2.4-.3 3.3 0 1 .4.2.7-1.6.7-1.9 0-2.6-.3-1.7-.7zm56.8-20c35-.3 92-.3 126.6 0 34.6.1 6 .3-63.7.3s-98-.2-63-.4zM1671 491c1.3-.4 3.1-.3 4 0 1 .4-.1.7-2.3.6-2.2 0-3-.3-1.7-.6zm38.3-15.1c0-.9 10.5-1.3 28.7-1.3s28.7.4 28.7 1.3c0 .8-10.5 1.3-28.7 1.3s-28.7-.5-28.7-1.3zm65.4-9.3-26-.8 29-.3c18.6-.2 29 .2 29 1s-1.4 1.3-3 1.1c-1.7-.2-14.7-.6-29-1zm-38.7-4.1c0-.8 45.8-1.3 122.7-1.3 67.4 0 122.6.5 122.6 1 0 .6-55.2 1.2-122.6 1.3-77 .2-122.7-.2-122.7-1zm-49.7-6.2a19 19 0 0 1 6 0c1.7.3.3.6-3 .6s-4.6-.3-3-.6zm170.1-14.7c13.8-.3 36-.3 49.4 0 13.3.2 2 .4-25.1.4-27.2 0-38-.2-24.3-.4zm-1731-9c0-1.7 2.9-2 18.6-2 17.8 0 18.7-.2 18.7-2.7 0-2.6.9-2.7 29.3-2.7h29.3v9.4h-48c-41.7 0-48-.3-48-2zm1993.3-6c0-1 21.7-1.4 62.6-1.4 41 0 62.7.5 62.7 1.4 0 .8-21.8 1.3-62.7 1.3-40.9 0-62.6-.5-62.6-1.3zm-1741.4-136c0-.8-5.7-1.4-14.6-1.4-9 0-14.7-.5-14.7-1.3 0-.9 19.1-1.3 54.7-1.3 53.7 0 54.6 0 54.6 2.6s-.9 2.7-40 2.7c-25.7 0-40-.5-40-1.3zm1359.7-6.4c4-.2 10-.2 13.4 0 3.4.3.3.6-7 .5-7.4 0-10.2-.2-6.4-.5zm-1362.3-1.6c0-.9 12.6-1.4 35.3-1.4 22.7 0 35.3.5 35.3 1.4 0 .8-12.6 1.3-35.3 1.3-22.7 0-35.3-.5-35.3-1.3zM1748 280c0-.8 6.7-1.3 17.3-1.3 10.7 0 17.4.5 17.4 1.3s-6.7 1.3-17.4 1.3c-10.6 0-17.3-.5-17.3-1.3zm-1203.7-7.6c2-.3 5.3-.3 7.4 0 2 .3.3.5-3.7.5s-5.7-.2-3.7-.5zm1278.4-4.4c11.2-.8 11.2-.8-6.7-1.4l-18-.5 16.7-.7a229 229 0 0 1 22.6-.1c6 .6 6 .6 1.4 1.2l-4.7.7 6 .9c3.7.5-.8.8-11.3.8-16 0-16.5-.1-6-.9zm-1445-2.3c7.2-.3 18.6-.3 25.4 0 6.7.2.8.4-13.1.4-14 0-19.5-.2-12.3-.4zm1370.6-2.7a58 58 0 0 1 10 0c2.8.3.5.5-5 .5s-7.7-.2-5-.5zM343 260.3c-4.6-.2-8.3-1-8.3-1.7 0-.8 11.1-1.3 28-1.3 17.7 0 28-.5 28-1.3s9-1.3 24.6-1.3c15.6 0 24.7.5 24.7 1.3 0 .7 1.8 1.3 4 1.3s4 .5 4 1.2c0 2.3-74.3 3.6-105 1.8zm196-5.3c4.3-.3 10.9-.3 14.7 0 3.8.3.4.5-7.7.5-8 0-11.2-.2-7-.5zm1065-1.7c0-.8 4.9-1.3 12-1.3 6.5 0 12.2.6 12.7 1.3.5.9-3.8 1.4-12 1.4-7.6 0-12.7-.6-12.7-1.4zM533 251c2.4-.3 6-.3 8 0s0 .6-4.3.6c-4.4 0-6-.3-3.7-.6zm-10-18.4c.9-.9 67.9-.8 68.8 0 .4.4-15.2.7-34.5.7s-34.7-.3-34.3-.7zm601-3.3c0-.8 9.3-1.3 25.3-1.3s25.4.5 25.4 1.3c0 .9-9.4 1.4-25.4 1.4-16 0-25.3-.5-25.3-1.4zm146.7 0c0-.7 4.6-1.4 11-1.4 6-.1 12.5-.6 14.3-1.2 1.8-.6-25.6-1.2-61-1.2-56.2-.2-64.3-.4-64.3-2.2 0-1-.6-2-1.4-2-.7 0-1.3-.6-1.3-1.3 0-.9 25.5-1.3 73.9-1.3 42 0 74-.5 74.3-1.2.3-.7 14.7-1.4 32.1-1.7 29.7-.5 31.7-.4 31.7 1.8 0 2 1.2 2.4 7.3 2.4 7 0 7.4-.2 7.4-3.3v-3.4h13.3c8 0 13.3.6 13.3 1.4 0 .7 1.5 1.3 3.4 1.3 1.8 0 3.3.6 3.3 1.3 0 .8 4.2 1.3 10.3 1.1 9.3-.2 9.6-.3 2.7-.7-4.2-.3-7.7-1-7.7-1.8 0-.7 11-1.2 27.4-1.2 17.3 0 27.3-.5 27.3-1.4 0-.8 9.1-1.3 24.7-1.3 15.5 0 24.6.5 24.6 1.3s1.8 1.4 4 1.4 4 .6 4 1.3c0 .8-5 1.3-12.6 1.3s-12.7.6-12.7 1.4c0 .7-4.4 1.3-10.7 1.3-6.2 0-10.6.6-10.6 1.3 0 .8 3 1.4 6.6 1.4 3.7 0 6.7.6 6.7 1.3 0 .9-24.8 1.3-71.7 1.4-44 0-72.4.5-73.6 1.3-1.5.9.2 1.3 5.6 1.3 4.3 0 7.7.6 7.7 1.3 0 .9-19.1 1.4-54.7 1.4-35.5 0-54.6-.5-54.6-1.4zM1664 228c0-.7-3.3-1.3-7.3-1.3-5.7 0-7.4-.5-7.4-2 0-1.7-2.6-2-15.3-2-9.3 0-15.3-.6-15.3-1.4 0-.8 4.6-1.3 11.3-1.3 6.7 0 11.3-.6 11.3-1.3 0-.8 1.2-1.4 2.7-1.4 1.5 0 2.7-.6 2.7-1.3 0-.9 12.4-1.3 34.6-1.3 20.2 0 34.7.5 34.7 1.2s-.7 1.5-1.7 1.8c-4 1.5 1.2 2.3 20.1 3.1 11.1.5 20.3 1.4 20.3 2 0 .7 1.5 1.2 3.3 1.2 1.8 0 3.3.6 3.3 1.3 0 .8-4.9 1.4-12 1.4-7 0-12 .5-12 1.3 0 .9-13 1.3-36.6 1.3s-36.7-.4-36.7-1.3zm-376-20c0-.8 9.3-1.3 25.3-1.3s25.4.5 25.4 1.3-9.4 1.3-25.4 1.3c-16 0-25.3-.5-25.3-1.3zm-39.7-4.9c-21.5-.4-25.6-.8-25.6-2.5s6.2-2 45.3-2c29.3 0 45.3-.4 45.3-1.3 0-.8 9.1-1.3 24.7-1.3s24.7.5 24.7 1.3c0 1 32 1.4 93.3 1.4 82 0 93.3.2 93.3 2 0 1.7-10.2 2-83.7 2-46.1 0-108 .2-137.7.4-29.7.3-65.4.3-79.6 0zm387.7-4.4c0-.9 9.3-1.4 25.3-1.4s25.4.5 25.4 1.4c0 .8-9.4 1.3-25.4 1.3-16 0-25.3-.5-25.3-1.3zm-14.7-5.4c0-.7-3.3-1.3-7.3-1.3s-7.3-.5-7.3-1.1c0-1.5 97.2-3.5 105.7-2.2 10.4 1.6 7 3.3-6.4 3.3-7.6 0-12.7.5-12.7 1.3 0 .9-12.9 1.4-36 1.4-23 0-36-.5-36-1.4zM323.1 171c45.3-.2 119.1-.2 164 0 44.9.2 7.8.4-82.4.4s-127-.2-81.6-.4zm-61.8-8.3c-1.3-.9 56.3-1.3 163.7-1.3 109.6 0 165.7.4 165.7 1.3 0 1.8-326.6 1.8-329.4 0zm692-6.6c0-.7 5.3-1.7 11.7-2.3 16-1.5 73.1-1.3 79.7.3l5.3 1.4-6.5.9c-9.8 1.4-90.2 1.1-90.2-.3zm-627.7-5c6.4-.3 17.2-.3 24 0 6.8.1 1.6.3-11.6.3s-18.8-.1-12.4-.4zM441 151c36.8-.2 97.1-.2 134 0 36.9.2 6.7.4-67 .4s-103.9-.2-67-.4zm276.3-37.4c0-.6-13.3-1-29.6-.9-20.6.1-22.8 0-7.4-.3 13.3-.3 22.4-1 22.4-1.8s-11.4-1.3-30-1.3c-19.1 0-30-.5-30-1.3 0-.7-3.3-1.3-7.4-1.3-4 0-7.3-.5-7.3-1.1 0-1.2 274.5-4.9 296-4 7 .3-3.7.6-23.7.8-23.1.2-36.3.7-36.3 1.6 0 .7 1.5 1.3 3.3 1.3 1.9 0 3.4.5 3.4 1.2 0 .6-9.5 1.6-21 2-11.6.6-24.3 1.5-28.4 2-7 1.1-6.7 1.2 5 1.3 7.3.1 12.4.7 12.4 1.5 0 .9-21.1 1.4-60.7 1.4-33.4 0-60.7-.5-60.7-1zm32.4-5.3c-4.6-.2-8.4-.9-8.4-1.4 0-.5-6-.7-13.3-.5-22.3.7-15.3 3 8.3 2.7 12-.2 18-.5 13.4-.8zm403.6 3.7c0-.9 47.1-1.3 139-1.1 76.5 0 134 .6 127.7 1.2-17.9 1.5-266.7 1.5-266.7-.1zm489.4 0c0-.8 6.2-1.3 16.9-1.3 9.2 0 16.6.2 16.3.4-1.5 1.3-33.2 2.2-33.2 1zm-1377-9c7.2-.2 18.6-.2 25.4 0 6.7.2.8.4-13.1.4-14 0-19.5-.2-12.3-.4zm136 0c4.3-.3 10.9-.3 14.7 0 3.8.3.3.5-7.7.5-8.1 0-11.2-.2-7-.5zm65.4 0c19.7-.2 51.5-.2 70.7 0 19.2.2 3 .4-35.8.4-38.9 0-54.6-.2-35-.4zm237.6-4.4c11-.5 33.2-.9 49.3-.9 24.7 0 27 .2 14.7 1-8.1.5-30.3 1-49.4.9-31.7 0-33-.1-14.6-1zm96.6.2c0-.7-1.6-1.5-3.6-1.8-8-1 16.4-1.6 41-1 14.3.4 22.8.9 19 1-3.9.2-7 1-7 1.7 0 .8-9.1 1.3-24.7 1.3a114 114 0 0 1-24.7-1.2zm74.4-3.1c-.5-1.3-27-1.9-124.5-2.4l-123.9-.8 140.7.2c77.4.1 142.6.7 145 1.3 9.3 2.1 3.5 3.3-16.2 3.3-15.3 0-20.7-.4-21.1-1.6zm-61-35.7c5-1.6 141.3-1.6 141.3 0 0 .9-25 1.3-72.3 1.2-39.8 0-70.9-.6-69-1.2zm-73.4-10.7c0-1.5 139.6-1.6 153.4 0 4.7.5-27.8 1-72.4 1.2-53.2.1-81-.3-81-1.2zm233.8-1c10.1-.2 26.3-.2 36 0 9.7.3 1.4.5-18.4.4-19.8 0-27.7-.1-17.6-.4zm-32.4-47c0-.8 7-1.3 18.6-1.3C973 0 980 .5 980 1.3c0 .9-7.1 1.4-18.7 1.4-11.5 0-18.6-.5-18.6-1.4z'/%3E%3C/svg%3E");
  }

  Pages using this styling

  • fragment:multi-goddess-drifting-4 [info]

  ¶ 1 occurrence
  

  
  /*-------------------------------*/
  
  .fade-bridge {
      position: relative;
      margin-block: 3.5rem 1.75rem;
      z-index: 2;
      pointer-events: none;
  }
  .fade-bridge::before {
      content: "";
      position: absolute;
      top: 50%; left: -2rem;
      width: calc(100% + 4rem);
      height: 25rem;
      transform: translateY(-50%);
      background: linear-gradient(to bottom, rgb(var(--stormy-sky), .125) 25%, rgb(var(--foamy-white), .75));
      -webkit-mask-image: var(--mask);
      -webkit-mask-position: center;
      -webkit-mask-size: cover;
      -webkit-mask-repeat: no-repeat;
      mask-image: var(--mask);
      mask-position: center;
      mask-size: cover;
      mask-repeat: no-repeat;
      -webkit-backdrop-filter: blur(.25rem);
      backdrop-filter: blur(.25rem);
  }
  .fade-bridge hr {
      margin: 0;
      filter: drop-shadow(0 0 1rem rgb(var(--lagoon-hue)));
       --hr-icon-size: 2.5rem;
  }
  
  :root { --body-font: 'Noto Sans Cuneiform', 'Inter', 'Arial', sans-serif; 
    --header-height: clamp(10rem,55vmin,40rem);
    --header-image: url("https://scp-wiki.wikidot.com/local--files/medea-filicidium/banner.jpg");
    --footer-image: url("https://scp-wiki.wikidot.com/local--files/seas-of-orcadia-hub/Artemis.png");
  }
  
  #footer, #extrac-div-1, #extrac-div-1 span {
      background-image: var(--footer-image);
      background-size: 100vmax;
      background-attachment: fixed;
      background-position: bottom;
      height: clamp(10rem,55vmin,30rem);
      background-repeat: no-repeat;
  }
  
  #extra-div-1 {
      background-position: top;
  }
  

  Pages using this styling

  • fragment:multi-goddess-drifting-4 [info]

  ¶ 1 occurrence
  

  :root { --body-font: 'Noto Sans Cuneiform', 'Inter', 'Arial', sans-serif; 
    --header-height: clamp(10rem,55vmin,40rem);
    --header-image: url("https://scp-wiki.wikidot.com/local--files/seas-of-orcadia-hub/Carissa%20Dimension%20hop.png");
    --footer-image: url("https://scp-wiki.wikidot.com/local--files/seas-of-orcadia-hub/Artemis.png");
  }
  
  #footer, #extrac-div-1, #extrac-div-1 span {
      background-image: var(--footer-image);
      background-size: 100vmax;
      background-attachment: fixed;
      background-position: bottom;
      height: clamp(10rem,55vmin,30rem);
      background-repeat: no-repeat;
  }
  
  #extra-div-1 {
      background-position: top;
  }

  Pages using this styling

  • fragment:multi-goddess-drifting-3 [info]

  ¶ 1 occurrence
  

  :root { --body-font: 'Noto Sans Cuneiform', 'Inter', 'Arial', sans-serif; 
    --header-height: clamp(10rem,55vmin,40rem);
    --header-image: url("https://scp-wiki.wikidot.com/local--files/seas-of-orcadia-hub/Bleep_train.png");
    --footer-image: url("https://scp-wiki.wikidot.com/local--files/seas-of-orcadia-hub/Artemis.png");
  }
  
  #footer, #extrac-div-1, #extrac-div-1 span {
      background-image: var(--footer-image);
      background-size: 100vmax;
      background-attachment: fixed;
      background-position: bottom;
      height: clamp(10rem,55vmin,30rem);
      background-repeat: no-repeat;
  }
  
  #extra-div-1 {
      background-position: top;
  }

  Pages using this styling

  • fragment:multi-goddess-drifting-2 [info]

  ¶ 1 occurrence
  

  :root { --body-font: 'Noto Sans Cuneiform', 'Inter', 'Arial', sans-serif; 
    --header-height: clamp(10rem,55vmin,40rem);
    --header-image: url("https://scp-wiki.wikidot.com/local--files/medea-filicidium/banner.jpg");
    --footer-image: url("https://scp-wiki.wikidot.com/local--files/seas-of-orcadia-hub/Artemis.png");
  }
  
  #footer, #extrac-div-1, #extrac-div-1 span {
      background-image: var(--footer-image);
      background-size: 100vmax;
      background-attachment: fixed;
      background-position: bottom;
      height: clamp(10rem,55vmin,30rem);
      background-repeat: no-repeat;
  }
  
  #extra-div-1 {
      background-position: top;
  }

  Pages using this styling

  • fragment:multi-goddess-drifting-1 [info]

  ¶ 1 occurrence
  

  :root {
  
      --header-title: "Shark Punching Centre";
      --header-subtitle: "Search, Punch, Conquer";
  
  }

  Pages using this styling

  • fragment:misterfrown-s-dumbest-proposal-2 [info]

  ¶ 1 occurrence
  

  
  :root {
  
      --logo-image: url("https://scp-sandbox-3.wdfiles.com/local--files/frownspc3/spc-header-blue.png");
      --header-title: "The Centre";
      --header-subtitle: "Office of the Oracle";
   
  
      /* ===THEME COLORS=== */
      /* subdued theme color, for visited links */
      --pale-accent: 20, 20, 210;
      /* vivid theme color, the "default" accent color */
      --bright-accent: 0, 71, 194;
      /* theme color */
      --medium-accent: 40, 91, 122;
      /* darker theme color */
      --dark-accent: 0, 42, 115;
      /* alternate accent color, for newpage links */
      --alt-accent: 190, 190, 255;
   
      --modal-header-bg: 150, 191, 255;
   
  }
  
  .overseer {
  background-size: 75% auto;
  background-position: center;
  border: solid 2px #ffb3de;
  background: #004040 url("https://scp-sandbox-3.wdfiles.com/local--files/collab%3Aspc001/o5-council-trans.png") center no-repeat;
  padding: 5px 15px 15px 15px;
  }
  

  Pages using this styling

  • fragment:misterfrown-s-dumbest-proposal-1 [info]

  ¶ 1 occurrence
  

  :root {
  
      --logo-image: url("http://scp-wiki.wikidot.com/local--files/theme:shark-punching-centre-bhl/spc-header.png");
      --header-title: "Shark Punching Centre";
      --header-subtitle: "Search, Punch, Conquer";
   
  
      /* ===THEME COLORS=== */
      /* subdued theme color, for visited links */
      --pale-accent: 20, 20, 210;
      /* vivid theme color, the "default" accent color */
      --bright-accent: 0, 71, 194;
      /* theme color */
      --medium-accent: 40, 91, 122;
      /* darker theme color */
      --dark-accent: 0, 42, 115;
      /* alternate accent color, for newpage links */
      --alt-accent: 190, 190, 255;
   
      --modal-header-bg: 150, 191, 255;
   
  }
  
  #page-content .anom-bar-container.high .text-part .disrupt-class::before {
  content: "5" !important;
  }
  
  #page-content .anom-bar-container.humble .text-part .risk-class::before {
  content: "1" !important;
  }
  

  Pages using this styling

  • fragment:misterfrown-s-dumbest-proposal-0 [info]

  ¶ 1 occurrence
  

  
  @import url('https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@300&display=swap');
  
   :root{
       --fg-dark: hsl(0, 100%, 25%);
       --fg-accent-light: hsl(0, 100%, 66%);
       --fg-accent: hsl(0, 100%, 30%);
       --fg-accent-dark: hsl(0, 100%, 50%);
       --fg-accent-dark-2: hsl(0, 100%, 25%);
       --fg-dark-2: hsl(0, 100%, 25%);
  }
  
  div#header {
       background: url("https://scp-wiki.wdfiles.com/local--files/fragment%3Amfw-2/underwatch_logo.png") 0px 40px no-repeat;
       background-size: auto 100px;
  }
  
  div#header h1 {
      background: url();
  }
  
  div#header h1 a::before {
      content: "UNDERWATCH WIKI";
      color: red;
      font-family: 'Roboto Mono', monospace;
      margin-left:10%;
      text-shadow:0px 0px 2px black;
  }
  
  #side-bar div.menu-item img{
       filter: hue-rotate(550deg) invert(100%);
  }
  

  Pages using this styling

  • fragment:mfw-2 [info]

  ¶ 1 occurrence
  

  .blbf-main > div.blbf-conprocs::before {
      content: "Speci l Cont inment Procedures";
  }

  Pages using this styling

  • fragment:mcdoctorate-s-proposal-5 [info]

  ¶ 1 occurrence
  

  :root {
      --barColour: #0f0505;
      --header-title: 'THESE FOUNDEITIONS';
      --header-subtitle: 'OFFICES OF THESE OVERSEERS';
      --logo-image: url("https://scp-wiki.wdfiles.com/local--files/mcdoctorate-s-proposal/noprim.png");
  }
  
  .bblock:hover {color: #FF6666}
  
  .scp-image-block img {
      border: none;
  }
  
  ::-webkit-scrollbar {
    width: 18px;
    background: #transparent;
  }
  
  ::-webkit-scrollbar-track {
    background: #44030F
  }
  
  ::-webkit-scrollbar-thumb {
    background: #000000;
    border: #84030F 1px solid;
    border-radius: 3px;
  }
  
  ::-webkit-scrollbar-thumb:hover {
    background: #331111;
  }
  
  .coolcol .collapsible-block {
      background-color: #44030F;
      border-top: 0.125rem dashed #990100;
      border-bottom: 0.125rem dashed #990100;
  }
  
  .raisa_box{
  border:solid 1px #252525;
  background:#f2f2c2;
  padding: 5px;
  margin-bottom: 10px;
  }
  
  .amd_box{
  border:solid 1px #44030F;
  background:#990100;
  padding: 5px;
  margin-bottom: 10px;
  }
  
  div.resize img{
  width: auto;
  height: 150px;
  float: left;
  margin: 15px;
  }
  
  @media (max-width: 767px) {
      div.resize img {
          float: initial;
          margin: auto;
      }
  }
  
  .no {
      color: transparent;
  }
  
  .no::selection {
      color: #FF6666;
  }
  
  #page-title {
  display: none;
  }

  Pages using this styling

  • fragment:mcdoctorate-s-proposal-5 [info]

  ¶ 1 occurrence
  

  :root {
      --barColour: #3C6478;
  }
  
  ::-webkit-scrollbar {
    width: 18px;
    background: #transparent;
  }
  
  ::-webkit-scrollbar-track {
    background: #222222 repeating-linear-gradient(25deg,
       hsla(0, 0%, 100%, 0),
       hsla(0, 0%, 100%, 0) 0.25vh,
       rgba(240, 240, 240, 0.1) 0.35vh,
       rgba(240, 240, 240, 0.2) 0.5vh);}
  
  ::-webkit-scrollbar-thumb {
    background: #cccccc;
    border: #000000 1px solid;
    border-radius: 2px;
  }
  
  ::-webkit-scrollbar-thumb:hover {
    background: #ffffff;
  }
  
  .raisa_box{
  border:solid 1px #252525;
  background:#f2f2c2;
  padding: 5px;
  margin-bottom: 10px;
  }
  
  div.blockquote {
  background: #f1f1f1;
  border: #cccccc 1px solid;
  }
  
  div.resize img{
  width: auto;
  height: 150px;
  float: left;
  margin: 15px;
  }
  
  .footnotes-footer {
  display: none;
  }

  Pages using this styling

  • fragment:mcdoctorate-s-proposal-4 [info]

  ¶ 1 occurrence
  

  :root {
      --barColour: #91b399;
  }
  
  ::-webkit-scrollbar {
    width: 18px;
    background: #transparent;
  }
  
  ::-webkit-scrollbar-track {
    background: #69856F
  }
  
  ::-webkit-scrollbar-thumb {
    background: #E9E7CC;
    border: #89856F 1px solid;
    border-radius: 3px;
  }
  
  ::-webkit-scrollbar-thumb:hover {
    background: #c9c7aC ;
  }
  
  .raisa_box{
  border:solid 1px #252525;
  background:#f2f2c2;
  padding: 5px;
  margin-bottom: 10px;
  }
  
  div.blockquote {
  background: #f1f1f1;
  border: #cccccc 1px solid;
  }
  
  div.resize img{
  width: auto;
  height: 150px;
  float: left;
  margin: 15px;
  }
  
  .footnotes-footer {
  display: none;
  }

  Pages using this styling

  • fragment:mcdoctorate-s-proposal-3 [info]

  ¶ 1 occurrence
  

  .anom-bar-container.explained .danger-diamond > .top-icon::before {
      background-image: none;
      background-size: contain;
  }
  
  .anom-bar-container.explained .danger-diamond > .quadrants > .top-quad  {
      background-color:transparent;
  }
  
  .anom-bar-container.explained .danger-diamond > .quadrants > .bottom-quad  {
      background-color:transparent;
  }

  Pages using this styling

  • fragment:mcdoctorate-s-proposal-2 [info]

  ¶ 1 occurrence
  

  ::-webkit-scrollbar {
    width: 18px;
    background: #transparent;
  }
  
  ::-webkit-scrollbar-track {
    background: #650005
  }
  
  ::-webkit-scrollbar-thumb {
    background: #cccccc;
    border: #000000 1px solid;
    border-radius: 3px;
  }
  
  ::-webkit-scrollbar-thumb:hover {
    background: #ffffff;
  }
  
  .raisa_box{
  border:solid 1px #252525;
  background:#f2f2c2;
  padding: 5px;
  margin-bottom: 10px;
  }
  
  div.blockquote {
  background: #f1f1f1;
  border: #cccccc 1px solid;
  }
  
  div.resize img{
  width: auto;
  height: 150px;
  float: left;
  margin: 15px;
  }
  
  @media (max-width: 767px) {
      div.resize img {
          float: initial;
          margin: auto;
      }
  }

  Pages using this styling

  • fragment:mcdoctorate-s-proposal-2 [info]

  ¶ 1 occurrence
  

  .anom-bar-container.explained .danger-diamond > .quadrants > .top-quad  {
      background-color:transparent;
  }
  
  .anom-bar-container.explained.danger-diamond > .quadrants > .bottom-quad  {
      background-color:transparent;
  }

  Pages using this styling

  • fragment:mcdoctorate-s-proposal-1 [info]

  ¶ 1 occurrence
  

  ::-webkit-scrollbar {
    width: 18px;
    background: #transparent;
  }
  
  ::-webkit-scrollbar-track {
    background: #650005
  }
  
  ::-webkit-scrollbar-thumb {
    background: #cccccc;
    border: #000000 1px solid;
    border-radius: 3px;
  }
  
  ::-webkit-scrollbar-thumb:hover {
    background: #ffffff;
  }
  
  .raisa_box{
  border:solid 1px #252525;
  background:#f2f2c2;
  padding: 5px;
  margin-bottom: 10px;
  }
  
  div.resize img{
  width: auto;
  height: 150px;
  float: left;
  margin: 15px;
  }
  
  div.blockquote {
  background: #f1f1f1;
  border: #cccccc 1px solid;
  }
  
  .footnotes-footer {
  display: none;
  }

  Pages using this styling

  • fragment:mcdoctorate-s-proposal-1 [info]

  ¶ 1 occurrence
  

  /* == OUTER CSS == */
   div.void {
      width: 23rem;
      margin: 1rem auto;
      padding: 0 .8rem;
  
      color: hsl(0, 0%, 5%);
      background: hsl(0, 0%, 100%);
      border: 1px solid lightgray;
      box-shadow: 3px 3px 0 1px hsla(0, 0%, 0%, .15);
  }
  
   @media (max-width: 767px) {
       div.void {
       width: auto;
      }
  }
  
  /* == INNER CSS == */
   div.void span {
      word-break: unset;
  }
  
   .vusermod {
      font-weight: bold;
  }
  
   div.void ul {
      list-style-type: "ₒ৹๐ ";
  }
  
  /* == AVATAR == */
   .void-img {
      float: left;
      margin: 1rem 0 0 .4rem;
      padding: 0 1rem;
  }
  

  Pages using this styling

  • fragment:magazine-4 [info]

  ¶ 1 occurrence
  

  .quote {
    display: block;
    border: dashed 1px #444444;
    background: #F3F0DA;
    margin-left: auto;
    margin-right: auto;
    width: auto;
    padding:  10px;
  }
  
  #page-content .info-container {
      --link-color: rgb(var(--swatch-text-general));
  }
  
  #page-content .info-container .translation_block {
      display: none;
  }
  
  #page-content .info-container .collapsible-block-link,
  #page-content .info-container:hover .collapsible-block-link {
      line-height: 1.6em;
  }
  
  #page-content .info-container .collapsible-block-folded,
  #page-content .info-container .collapsible-block-unfolded-link {
      display: grid;
  }
  
  #page-content .info-container .collapsible-block-folded .collapsible-block-link,
  #page-content .info-container .collapsible-block-link {
      -webkit-mask: unset;
              mask: unset;
      background: transparent;
      grid-column: 1;
      grid-row: 1;
      opacity: 0;
  }
  
  #page-content .info-container .collapsible-block-folded::before,
  #page-content .info-container .collapsible-block-unfolded-link::before {
      --wght: 800;
      content: "Alex Thorley";
      color: #FFFFFF;
      font-family: Inter, Arimo, Verdana, Geneva, "Helvetica Neue", "Helvetica", Arial, sans-serif;;
      display: block;
      pointer-events: none;
      grid-column: 1;
      grid-row: 1;
  }

  Pages using this styling

  • fragment:magazine-4 [info]

  ¶ 1 occurrence
  

  :root {
  logo-image: url(" ");
          --header-title: " ";
          --header-subtitle: " ";
          --lgurl: url(' ');
  
  #extra-div-1 {
          height: var(--header-height-on-desktop);
          width: 100%;
          position: absolute;
          top: 0;
          left: 0;
          pointer-events: none;
          background-image: url("https://scp-sandbox-3.wdfiles.com/local--files/fragment%3Aartexchange2023listpages4/crocker-header-bg-blackandwhite.png");
      }
  /* TOP-BAR */
  #top-bar ul li ul {
      border: solid 1px black;
  }
  #top-bar ul li.sfhover ul li a,
  #top-bar ul li:hover ul li a {
      border-top: 1px solid white;
  }
   
  #top-bar ul li.sfhover a,
  #top-bar ul li:hover a {
      background: white;
      color: black;
  }
  #top-bar ul li ul a, #top-bar a:hover {
      color: black;
  }
  #top-bar ul li.sfhover a:hover,
  #top-bar ul li:hover a:hover {
      background: black;
      color: white; /* top bar hover background color */
  }
  }

  Pages using this styling

  • fragment:magazine-4 [info]

  ¶ 1 occurrence
  

  
  :root {
  
  --header-title: 'Be Unspired';
  
  --main-content-width: 1000rem;
  --main-content-top-margin: 0rem;
  --main-content-side-margin: 0vw;
  --rate-module-background-color: var(--basalt-primary-color);
  --search-icon-color: var(--basalt-main-text-color);
  --scrollbar-thumb-color: var(--basalt-main-text-color), 0.6;
  --selection-text-color: var(--basalt-light-text-color);
  
  }
  
  #main-content {
  padding-bottom: 3rem;
  padding-top: 0;
  }
  
  #header {
  background: rgb(var(--admo-color-dark));
  box-shadow: none;
  }
  
  #page-content {
  margin-bottom: 3rem;
  padding-block: unset;
  }
  
  #action-area {
  margin: auto;
  padding-top: 3rem;
  max-width: 70rem;
  }
  
  #page-options-container, #main-content > .page-tags {
  margin-inline: 3vw;
  }
  
  #page-content > p:nth-of-type(1), #page-content > p:nth-of-type(2) {
  margin: 0;
  }
  
  /* =============================================== */
  
  .admohub-rate {
  position: absolute;
  top: calc(var(--header-final-height) + 10rem);
  left: 0;
  right: 0;
  text-align: center;
  z-index: 2;
  }
  
  
  
  .admohub-title {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100%;
  backdrop-filter: blur(8px);
  background-image: radial-gradient(circle, rgb(148, 148, 148) 0%, rgb(30, 30, 30) 70%);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 300%;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent;
  font-size: 16vw;
  font-family: var(--header-font);
  animation: title 25s ease infinite;
  }
  
  .admohub-title p {
  letter-spacing: -1.2vw;
  }
  
  @keyframes title {
  
  0% {
  background-position: left;
  }
  
  50% {
  background-position: right;
  }
  
  100% {
  background-position: left;
  }
  
  }
  
  .admohub-quote {
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;
  width: 45vw;
  height: 100vh;
  margin: auto auto 10vh;
  font-family: 'Roboto Condensed', var(--UI-font);
  font-weight: bold;
  font-size: 2.5vw;
  text-align: center;
  color: rgb(133, 133, 133);
  line-height: 2.5vw;
  }
  
  .admohub-quote > span {
  font-family: 'Sofia Sans', var(--UI-font);
  }
  
  .admohub-quote::after {
  content: "PRESIDENT OF UNREALITY";
  margin-top: 2vw;
  font-size: 50%;
  font-weight: 900;
  opacity: 60%;
  }
  
  .admohub-container {
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  }
  
  .admohub-episode {
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: stretch;
  height: 100vh;
  box-sizing: border-box;
  }
  
  .admohub-epimage {
  background-image: linear-gradient(-90deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%), linear-gradient(45deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 30%), var(--admohub-epbg);
  background-size: cover;
  background-position: 65% center;
  width: 50vw;
  }
  
  #u-6488 .admohub-epimage {
  image-rendering: pixelated;
  }
  
  .admohub-epdesc {
  display: flex;
  flex-flow: column nowrap;
  justify-content: space-evenly;
  position: relative;
  background-image: linear-gradient(-245deg, rgb(0, 0, 0) 6%, rgba(var(--admohub-epcolor), 0.13) 100%);
  width: 50vw;
  padding: 2.5vw 3vw;
  box-sizing: border-box;
  }
  
  .admohub-epdirector {
  position: absolute;
  top: 11vh;
  right: 5vw;
  font-family: 'Roboto Condensed', var(--UI-font);
  font-size: 1.3vw;
  font-weight: bold;
  }
  
  .admohub-epdirector::before {
  content: "FEATURING ";
  margin-right: 0.9vw;
  font-weight: lighter;
  opacity: 80%;
  }
  
  .admohub-eptitle {
  font-family: var(--header-font);
  font-size: 5vw;
  line-height: 3.8vw;
  letter-spacing: -0.15vw;
  color: rgb(158, 158, 158);
  }
  
  .admohub-epno {
  display: block;
  font-family: 'Roboto Condensed', var(--UI-font);
  font-size: 2vw;
  font-weight: bold;
  opacity: 70%;
  }
  
  a.admohub-eplink, a.admohub-accesslink {
  display: block;
  max-width: 19vw;
  padding: 1.3vw 1vw;
  background-color: rgba(0, 0, 0, 0.3);
  border: solid 0.2vw rgba(255, 255, 255, 0.15);
  font-family: 'Roboto Condensed',var(--UI-font);
  font-weight: bold;
  text-decoration: none !important;
  color: rgb(var(--basalt-main-text-color));
  text-align: center;
  transition-duration: 0.1s;
  }
  
  a.admohub-eplink {
  font-size: 2.5vw;
  line-height: 3vw;
  }
  
  a.admohub-accesslink {
  font-size: 1vw;
  line-height: 1vw;
  opacity: 60%;
  }
  
  a.admohub-eplink:hover, a.admohub-accesslink:hover {
  color: rgb(32, 32, 32);
  border-color: transparent;
  background-color: rgba(var(--basalt-main-text-color), 0.9);
  }
  
  a.admohub-accesslink:hover {
  opacity: 100%;
  }
  
  .admohub-title, .admohub-epno, .admohub-eptitle {
  user-select: none;
  }
  
  .admohub-about {
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;
  height: 135vh;
  max-width: 30rem !important;
  margin: auto;
  font-family: var(--UI-font);
  word-spacing: 4px;
  }
  
  /* =============================================== */
  
  @media only screen and (max-width: 1230px) {
  
  .admohub-epimage {
  width: 45vw;
  }
  
  .admohub-epdesc {
  width: 55vw;
  padding: 0.5vw 0vw;
  }
  
  .admohub-epdirector {
  font-size: 2vw;
  }
  
  .admohub-epno {
  font-size: 3vw;
  }
  
  .admohub-eptitle {
  font-size: 6vw;
  line-height: 4.8vw;
  }
  
  a.admohub-eplink, a.admohub-accesslink {
  max-width: 28vw;
  padding: 2.3vw 1vw;
  }
  
  a.admohub-eplink {
  font-size: 3.5vw;
  line-height: 4vw;
  }
  
  a.admohub-accesslink {
  font-size: 1.6vw;
  line-height: 1.6vw;
  opacity: 70%;
  }
  
  }
  
  @media only screen and (max-width: 940px) {
  
  .admohub-splash {
  background-image: none;
  }
  
  .admohub-quote {
  font-size: 3.5vw;
  line-height: 3.5vw;
  }
  
  .admohub-epimage {
  display: none;
  }
  
  .admohub-epdesc {
  width: 100%;
  padding: 5.5vw 2.5vw;
  background-image: linear-gradient(90deg, rgb(0, 0, 0) 30%, rgba(0,0,0,0.4) 100%), linear-gradient(220deg, rgb(0, 0, 0) 0%, rgba(0,0,0,0) 40%), var(--admohub-epbg);
  background-size: cover;
  background-position: left center;
  }
  
  .admohub-epdirector {
  top: 5vw;
  right: 8vw;
  font-size: 2.6vw;
  }
  
  .admohub-epno {
  font-size: 4vw;
  }
  
  .admohub-eptitle {
  font-size: 8vw;
  line-height: 6.3vw;
  }
  
  a.admohub-eplink, a.admohub-accesslink {
  max-width: 36vw;
  padding: 3.3vw 2vw;
  }
  
  a.admohub-eplink {
  font-size: 4.5vw;
  line-height: 5vw;
  }
  
  a.admohub-accesslink {
  font-size: 2.3vw;
  line-height: 2.3vw;
  }
  
  }
  
  @media only screen and (max-width: 760px) {
  
  .admohub-splash {
  height: 65vh;
  }
  
  .admohub-quote {
  width: 80%;
  font-size: 4.5vw;
  line-height: 3.5vw;
  }
  
  .admohub-epdesc {
  align-items: center;
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.9) 0%, rgba(0,0,0,0.3) 100%), var(--admohub-epbg);
  background-position: center;
  text-align: center;
  }
  
  .admohub-epdirector {
  font-size: 3.3vw;
  opacity: 70%;
  }
  
  .admohub-epdirector::before {
  display: none;
  }
  
  .admohub-epno {
  font-size: 5vw;
  }
  
  .admohub-eptitle {
  font-size: 10vw;
  line-height: 8.3vw;
  }
  
  a.admohub-eplink, a.admohub-accesslink {
  max-width: unset;
  background-color: rgba(0, 0, 0, 0.6);
  padding: 4.3vw 9vw;
  }
  
  a.admohub-eplink {
  font-size: 7.5vw;
  line-height: 8vw;
  }
  
  a.admohub-accesslink {
  font-size: 3.5vw;
  line-height: 4vw;
  }
  
  .admohub-about {
  height: 120vh;
  max-width: unset !important;
  margin-inline: 3vw;
  font-size: 3vw;
  text-align: justify;
  }
  
  }
  
  /* =============================================== */
  
  #u-01 {
  --admohub-epbg: url(https://scp-sandbox-3.wdfiles.com/local--files/fragment%3Aartexchange2023listpages3/Oswald.jpg);
  --admohub-epcolor: 255, 167, 0;
  }
  
  #u-02 {
  --admohub-epbg: url(https://scp-sandbox-3.wdfiles.com/local--files/fragment%3Aartexchange2023listpages3/Narcissus-Caravaggio_%281594-96%29_edited.jpg);
  --admohub-epcolor: 255, 167, 0;
  }
  
  #u-03 {
  --admohub-epbg: url(https://scp-sandbox-3.wdfiles.com/local--files/fragment%3Aartexchange2023listpages3/pudding.jpg);
  --admohub-epcolor: 255, 167, 0;
  }
  
  #u-04 {
  --admohub-epbg: url(https://scp-sandbox-3.wdfiles.com/local--files/fragment%3Aartexchange2023listpages3/BobbyLashley.jpg);
  --admohub-epcolor: 255, 167, 0;
  }
  
  #u-05 {
  --admohub-epbg: url(https://scp-sandbox-3.wdfiles.com/local--files/fragment%3Aartexchange2023listpages3/bikethumbsupguy%20photo.jpeg);
  --admohub-epcolor: 255, 167, 0;
  }
  
  #u-06 {
  --admohub-epbg: url(https://scp-sandbox-3.wdfiles.com/local--files/fragment%3Aartexchange2023listpages3/Story_of_the_Typewriter.jpg);
  --admohub-epcolor: 255, 167, 0;
  }
  
  #u-07 {
  --admohub-epbg: url(https://scp-sandbox-3.wdfiles.com/local--files/fragment%3Aartexchange2023listpages3/trumptower.jpg);
  --admohub-epcolor: 255, 167, 0;
  }
  
  #u-08 {
  --admohub-epbg: url(https://scp-sandbox-3.wdfiles.com/local--files/fragment%3Aartexchange2023listpages3/editedPuckMagazine9Jun1897.png);
  --admohub-epcolor: 255, 167, 0;
  }
  
  #u-09 {
  --admohub-epbg: url(https://scp-sandbox-3.wdfiles.com/local--files/fragment%3Aartexchange2023listpages3/photograph-of-members-of-the-long-range-reconnaissance-team-moving-through-2f936d.jpg);
  --admohub-epcolor: 255, 167, 0;
  }
  
  #u-10 {
  --admohub-epbg: url(https://scp-sandbox-3.wdfiles.com/local--files/fragment%3Aartexchange2023listpages3/SpaceForceCadets_USAFA2020.jpg);
  --admohub-epcolor: 255, 167, 0;
  }
  
  #u-11 {
  --admohub-epbg: url(https://upload.wikimedia.org/wikipedia/commons/thumb/9/96/Staring_at_the_sun.jpg/1200px-Staring_at_the_sun.jpg?20090314193554);
  --admohub-epcolor: 255, 167, 0;
  }
  
  #u-12 {
  --admohub-epbg: url(https://upload.wikimedia.org/wikipedia/commons/thumb/0/08/Blinking_Keynote_%287993868305%29.jpg/1200px-Blinking_Keynote_%287993868305%29.jpg?20190615214810);
  --admohub-epcolor: 255, 167, 0;
  }
  
  #u-13 {
  --admohub-epbg: url(https://upload.wikimedia.org/wikipedia/commons/6/6a/Neck.png?20061203185745);
  --admohub-epcolor: 255, 167, 0;
  }
  
  #u-14 {
  --admohub-epbg: url(https://upload.wikimedia.org/wikipedia/commons/thumb/0/05/4%D2%82number_~23hjqqii.jpg/900px-4%D2%82number_~23hjqqii.jpg?20230417145823);
  --admohub-epcolor: 255, 167, 0;
  }
  
  #u-15 {
  --admohub-epbg: url(https://upload.wikimedia.org/wikipedia/commons/thumb/1/13/Corneal_scraping_with_fungal_elements.jpg/1200px-Corneal_scraping_with_fungal_elements.jpg?20190912145728);
  --admohub-epcolor: 255, 167, 0;
  }
  
  #u-16 {
  --admohub-epbg: url(https://upload.wikimedia.org/wikipedia/commons/thumb/4/43/Man_in_white_suit%2C_thumbs_up%2C_looking_at_viewer.jpg/1200px-Man_in_white_suit%2C_thumbs_up%2C_looking_at_viewer.jpg?20210116165603);
  --admohub-epcolor: 255, 167, 0;
  }
  
  #u-17 {
  --admohub-epbg: url(https://upload.wikimedia.org/wikipedia/commons/thumb/f/f4/Population_sign%2C_Gross%2C_Nebraska%2C_USA.jpg/1200px-Population_sign%2C_Gross%2C_Nebraska%2C_USA.jpg?20070717023228);
  --admohub-epcolor: 255, 167, 0;
  }
  
  #u-18 {
  --admohub-epbg: url(https://upload.wikimedia.org/wikipedia/commons/thumb/8/8b/Red_question_mark.svg/675px-Red_question_mark.svg.png?20230909025320);
  --admohub-epcolor: 255, 167, 0;
  }
  
  #u-19 {
  --admohub-epbg: url(https://upload.wikimedia.org/wikipedia/commons/thumb/1/1c/1940_Census_Population_Schedules_-_Florida_-_Sumter_County_-_ED_60-4_-_DPLA_-_d2b873312e5700b4c48cc6e11ec98941_%28page_4%29.jpg/1178px-1940_Census_Population_Schedules_-_Florida_-_Sumter_County_-_ED_60-4_-_DPLA_-_d2b873312e5700b4c48cc6e11ec98941_%28page_4%29.jpg?20210314213346);
  --admohub-epcolor: 255, 167, 0;
  }
  

  Pages using this styling

  • fragment:magazine-3 [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css?family=Short+Stack');
  #header {
      background-image: url('https://scp-sandbox-3.wdfiles.com/local--files/fragment%3Aartexchange2023listpages2/scpet-logo-bw-negative-removebg.png');
      background-size: 6rem;
  }
  h1, #page-title {
      font-family: 'Comic Sans MS', 'Comic Sans', 'Short Stack', cursive;
  }
  

  Pages using this styling

  • fragment:magazine-2 [info]

  ¶ 1 occurrence
  

  :root {
       --header-title: "Vikander Kneed";
       --header-subtitle: "Technical  ㅤㅤㅤㅤ";
       --lgurl: url('https://scp-sandbox-3.wdfiles.com/local--files/fragment%3Aartexchange2023listpages1/blackVKTMtransparent.png');
  }

  Pages using this styling

  • fragment:magazine-1 [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css?family=Short+Stack&display=swap');
  
  /* SPECIAL EFFECTS */
   .rotate{
       -webkit-transform: rotate(-1.5deg); /* Safari */
       -moz-transform: rotate(-1.5deg); /* Firefox */
       -ms-transform: rotate(-1.5deg); /* IE */
       -o-transform: rotate(-1.5deg); /* Opera */
       filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1.5); /* Internet Explorer */
  }
   .temp-l{
       background: url(https://scp-wiki.wdfiles.com/local--files/fragment%3Aland-of-honey-4/construction-paper.jpg);
       width: 100%;
       line-height: 20px;
       padding: 1em;
       margin: auto;
  }
  * { text-transform: lowercase; }

  Pages using this styling

  • fragment:land-of-honey-4 [info]

  ¶ 1 occurrence
  

  body{
    --cutColour: #fafafa;
    --barColour: #243B78 !important;
  }

  Pages using this styling

  • fragment:land-of-honey-3 [info]

  ¶ 1 occurrence
  

  /* FONTS */
  @import url('https://fonts.googleapis.com/css?family=Cinzel:400,700,900&display=swap');
  @import url('https://fonts.googleapis.com/css?family=Patrick+Hand&display=swap');
  @import url('https://fonts.googleapis.com/css?family=Kalam&display=swap');
  
  /* DIV BLOCKS */
   .letters{
       background: #ebe9ad;
       border: 1px solid rgb(12, 12, 12);
       width: 85%;
       padding: 1em;
       margin-bottom: 1em;
  }
   .letters p{
       line-height: 20px;
       margin: 0;
  }

  Pages using this styling

  • fragment:land-of-honey-2 [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css?family=Architects+Daughter&display=swap');
  
  /* JOURNALS */
   .page{
       font-family: 'Architects Daughter', cursive;
       font-style: normal;
  
       background-attachment: scroll;
       background-clip: border-box;
       background-color: transparent;
       background-image: linear-gradient(to top, rgb(202, 219, 228) 0%, rgb(235, 235, 219) 8%);
       background-origin: padding-box;
       background-position: 0 8px;
       background-repeat: repeat;
       background-size: 100% 1.375rem;
      
       border: 1px solid #ccc;
       border-radius: 0.769em;
       padding: 0.769em;
       margin-bottom: 0.769em;
       box-shadow: 0 1px 3px rgba(0,0,0,.2);
  }
   .page p{
       line-height: 1.375rem;
       margin: 0;
  }

  Pages using this styling

  • fragment:land-of-honey-1 [info]

  ¶ 1 occurrence
  

   @import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,800;1,800&display=swap');
  
  :root {
    --header-title: "SITE-001";
    --header-subtitle: "Synchronistic Containment in Perpetuity";
  
    --accent: var(--five-color);
    --head-font: 'Monserrat';
  }
  
  a[href*="/scp-2718"]::after {
      content: "2718";
      animation-name: death;
      animation-duration: 2.2s;
      animation-iteration-count: infinite;
      display: inline-block;
      width: 2.25rem;
      overflow-wrap: initial;
  }
  
  @keyframes death {
    0%   {content: "1#12";}
    10%  {content: "07!2";}
    20%  {content: "0752";}
    30% {content: "█052";}
    40% {content: "20█8";}
    50% {content: "2018";}
    60% {content: "1018";}
    70% {content: "20█8";}
    80% {content: "1718";}
    90% {content: "1712";}
    100%   {content: "1#12";}
  }
  
  .grid-table {
      display: grid;
      grid-template-columns: 1fr 1fr 1.5fr;
      align-items: stretch;
      border: solid 0.5px rgb(var(--accent));
  }
  
  .grid-table > * {
      display: flex;
      flex-direction: column;
      border: solid 0.5px rgb(var(--accent));
      background-color: #21252E;
      color: #EDEDED;
      padding: 0.625em;
      justify-content: center;
  }
  
  .grid-table > .title {
      color: #21252E;
      background-color: rgb(var(--accent));
      padding: 0;
      font-weight: bold;
      text-align: center;
  }
  
  @media screen and (max-width: 620px) {
      .grid-table {
          grid-template-columns: 1fr 1fr;
          border: none;
      }
      .grid-table > .title { display: none; }
      .grid-table > * { justify-content: start; }
      .grid-table > *:nth-child(3n-2) { border-width: 1px 0.5px 0.5px 1px; }
      .grid-table > *:nth-child(3n-1) { border-width: 1px 1px 0.5px 0.5px; }
      .grid-table > *:nth-child(3n) {
          grid-column: span 2;
          margin-bottom: 1.25rem;
          border-width: 0.5px 1px 1px;
       }
      .grid-table > *:nth-child(3n-2)::before, .grid-table > *:nth-child(3n-1)::before {
          content: "SCP";
          display: block;
          color: #21252E;
          background-color: rgb(var(--accent));
          text-align: center;
          font-weight: bold;
          padding: 0.5em;
      }
      .grid-table > *:nth-child(3n-1)::before { content: "001-K"; }
  }

  Pages using this styling

  • fragment:keter-duty-2 [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,800;1,800&display=swap');
  
  :root {
    --header-title: "SITE-100";
    --header-subtitle: "PERPETUAL CONCORDIAL CONTAINMENT";
  
    --head-font: 'Monserrat';
  }

  Pages using this styling

  • fragment:keter-duty-1 [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Big+Shoulders+Display:wght@800&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Lexend:wght@100..900&display=swap');
  
  
  :root {
      --red: 176, 216, 247;
       --medium-accent: var(--red);
       --cutColour: #fafafa;
       --barColour: var(--red);
       --toggle-border-color: rgb(var(--red));
       --toggle-icon-color: rgb(var(--red));
       --mono-font: 'IBM Plex Mono', monospace;
       --background-gradient-distance: 20rem;
       --background-gradient-color: var(--red);
       --dark-accent: var(--red);
       --barColour: var(--red);
       --bright-accent: var(--red);
  
       --link-color: 140, 199, 245;
       --visited-link-color: 176, 216, 247;
       --hover-link-color: 176, 216, 247;
  
      --logo-image: url("https://nu-scptheme.github.io/Black-Highlighter/img/logo.svg");
  }
  
  #content-wrap {
      background-color: #ffffff;
      background-image: url("data:image/svg+xml,%3Csvg width='48' height='64' viewBox='0 0 48 64' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M48 28v-4L36 12 24 24 12 12 0 24v4l4 4-4 4v4l12 12 12-12 12 12 12-12v-4l-4-4 4-4zM8 32l-6-6 10-10 10 10-6 6 6 6-10 10L2 38l6-6zm12 0l4-4 4 4-4 4-4-4zm12 0l-6-6 10-10 10 10-6 6 6 6-10 10-10-10 6-6zM0 16L10 6 4 0h4l4 4 4-4h4l-6 6 10 10L34 6l-6-6h4l4 4 4-4h4l-6 6 10 10v4L36 8 24 20 12 8 0 20v-4zm0 32l10 10-6 6h4l4-4 4 4h4l-6-6 10-10 10 10-6 6h4l4-4 4 4h4l-6-6 10-10v-4L36 56 24 44 12 56 0 44v4z' fill='%23eff7fd' fill-opacity='0.4' fill-rule='evenodd'/%3E%3C/svg%3E");
  }
  
  #page-content hr {
  border-top: none;
  height: .05em;
  background: #454545;
  }
  
  .info-container .collapsible-block-folded a{
  color: #FFF;}
  .info-container .collapsible-block-unfolded-link a{
  color: #FFF;
  }
  
  #page-title {
      text-align: center;
  }
  #page-content > .collapsible-block {
      display: block;
      text-align: center;
      padding: 0.75em;
      background-color: lightgrey;
      border-top: 0.125rem dashed slategrey;
      border-bottom: 0.125rem dashed slategrey;
  }
  
  #page-content > .collapsible-block .collapsible-block-content {
      text-align: left;
  }
  
  blockquote,
  div.blockquote {
      border: 0.125rem solid #d4d4d4;
      background-color: #F5F5F5;
  }
  
  .interview{
      border:solid 2px #d4d4d4;
      background:#F5F5F5;
      width:90%;
      padding:1px 15px;
      margin: 10px auto;
  }
  
  .o5view{
      border-right:solid 2px #6bb6f0;
      border-left:solid 2px #6bb6f0;
      background:#F5F5F5;
      width:90%;
      padding:1px 15px;
      margin: 10px auto;
  }
  
  .addendum{
      border:solid 2px #ededed;
      background:#ffffff;
      width:95%;
      padding:1px 15px;
      margin: 10px auto;
  }
  
  .paper{
      border-top:solid 2px #b0d8f7;
      border-bottom:solid 2px #b0d8f7;
      background:#fafafa;
      width:90%;
      padding:1px 15px;
      margin: 10px auto;
  }
  
  .paper2{
      background:#fafafa;
      width:90%;
      padding:1px 15px;
      margin: 10px auto;
  }
  
  .paper3{
      border-bottom:solid 2px #b0d8f7;
      background:#fafafa;
      width:90%;
      padding:1px 15px;
      margin: 10px auto;
  }
  
  .description{
      border-bottom: solid 2px #b0d8f7;
      background:#white;
      width:90%;
      padding:1px 15px;
      margin: 10px auto;
  }
  
  .ooga{
      border-top:solid 2px #b0d8f7;
      border-bottom:solid 2px #b0d8f7;
      background:none;
      width:90%;
      padding:1px 15px;
      margin: 10px auto;
      font-family: 'Big Shoulders Display', cursive;
      text-align: center;
      font-size: 140%;
  }
  
  .evalooga{
      border-bottom:solid 2px #b0d8f7;
      background:none;
      width:90%;
      padding:1px 15px;
      margin: 10px auto;
      font-family: 'Big Shoulders Display', cursive;
      text-align: center;
      font-size: 140%;
  }
  
  .coll{
      border-top:solid 2px #b0d8f7;
      border-bottom:solid 2px #b0d8f7;
      background:none;
      width:95%;
      padding:5px 15px;
      margin: 10px auto;
      text-align: center;
  }
  
  .note{
      border-top:solid 2px #b0d8f7;
      border-bottom:solid 2px #b0d8f7;
      background: white;
      width:90%;
      padding:5px 15px;
      margin: 10px auto;
      text-align: center;
  }
  
  .title{
      font-family: 'Big Shoulders Display', cursive;
      text-align: center;
      font-size: 130%;
  }
  
  .testfile{
      border:solid 3px #6bb6f0;
      background: #f5fafe;
      width:90%;
      padding:1px 15px;
      margin: 10px auto;
  }
  
  .testvideo{
      background:#deeffc;
      width:90%;
      padding:1px 15px;
      margin: 10px auto;
  }
  
  .lexendtitle {
      font-family: 'Lexend', sans-serif;
      font-weight: 900;
      font-size: 140%;
      line-height: 30px;
  }
  
  .lexendfrom {
      font-family: 'Lexend', sans-serif;
      font-weight: 300;
      font-size: 90%;
      line-height: 30px;
  }
  
  .lexendsub {
      font-family: 'Lexend', sans-serif;
      font-weight: 300;
      font-size: 85%;
      line-height: 30px;
  }
  
  
  #page-title{display:none}
  

  Pages using this styling

  • fragment:jawn-001-3 [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Big+Shoulders+Display:wght@800&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Lexend:wght@100..900&display=swap');
  
  
  :root {
      --red: 176, 216, 247;
       --medium-accent: var(--red);
       --cutColour: #fafafa;
       --barColour: var(--red);
       --toggle-border-color: rgb(var(--red));
       --toggle-icon-color: rgb(var(--red));
       --mono-font: 'IBM Plex Mono', monospace;
       --background-gradient-distance: 20rem;
       --background-gradient-color: var(--red);
       --dark-accent: var(--red);
       --barColour: var(--red);
       --bright-accent: var(--red);
  
       --link-color: 140, 199, 245;
       --visited-link-color: 176, 216, 247;
       --hover-link-color: 176, 216, 247;
  
      --logo-image: url("https://nu-scptheme.github.io/Black-Highlighter/img/logo.svg");
  }
  
  #content-wrap {
      background-color: #ffffff;
      background-image: url("data:image/svg+xml,%3Csvg width='48' height='64' viewBox='0 0 48 64' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M48 28v-4L36 12 24 24 12 12 0 24v4l4 4-4 4v4l12 12 12-12 12 12 12-12v-4l-4-4 4-4zM8 32l-6-6 10-10 10 10-6 6 6 6-10 10L2 38l6-6zm12 0l4-4 4 4-4 4-4-4zm12 0l-6-6 10-10 10 10-6 6 6 6-10 10-10-10 6-6zM0 16L10 6 4 0h4l4 4 4-4h4l-6 6 10 10L34 6l-6-6h4l4 4 4-4h4l-6 6 10 10v4L36 8 24 20 12 8 0 20v-4zm0 32l10 10-6 6h4l4-4 4 4h4l-6-6 10-10 10 10-6 6h4l4-4 4 4h4l-6-6 10-10v-4L36 56 24 44 12 56 0 44v4z' fill='%23eff7fd' fill-opacity='0.4' fill-rule='evenodd'/%3E%3C/svg%3E");
  }
  
  #page-content hr {
  border-top: none;
  height: .05em;
  background: #454545;
  }
  
  .info-container .collapsible-block-folded a{
  color: #FFF;}
  .info-container .collapsible-block-unfolded-link a{
  color: #FFF;
  }
  
  #page-title {
      text-align: center;
  }
  #page-content > .collapsible-block {
      display: block;
      text-align: center;
      padding: 0.75em;
      background-color: lightgrey;
      border-top: 0.125rem dashed slategrey;
      border-bottom: 0.125rem dashed slategrey;
  }
  
  #page-content > .collapsible-block .collapsible-block-content {
      text-align: left;
  }
  
  blockquote,
  div.blockquote {
      border: 0.125rem solid #d4d4d4;
      background-color: #F5F5F5;
  }
  
  .interview{
      border:solid 2px #d4d4d4;
      background:#F5F5F5;
      width:90%;
      padding:1px 15px;
      margin: 10px auto;
  }
  
  .o5view{
      border-right:solid 2px #6bb6f0;
      border-left:solid 2px #6bb6f0;
      background:#F5F5F5;
      width:90%;
      padding:1px 15px;
      margin: 10px auto;
  }
  
  .addendum{
      border:solid 2px #ededed;
      background:#ffffff;
      width:95%;
      padding:1px 15px;
      margin: 10px auto;
  }
  
  .paper{
      border-top:solid 2px #b0d8f7;
      border-bottom:solid 2px #b0d8f7;
      background:#fafafa;
      width:90%;
      padding:1px 15px;
      margin: 10px auto;
  }
  
  .paper2{
      background:#fafafa;
      width:90%;
      padding:1px 15px;
      margin: 10px auto;
  }
  
  .paper3{
      border-bottom:solid 2px #b0d8f7;
      background:#fafafa;
      width:90%;
      padding:1px 15px;
      margin: 10px auto;
  }
  
  .description{
      border-bottom: solid 2px #b0d8f7;
      background:#white;
      width:90%;
      padding:1px 15px;
      margin: 10px auto;
  }
  
  .ooga{
      border-top:solid 2px #b0d8f7;
      border-bottom:solid 2px #b0d8f7;
      background:none;
      width:90%;
      padding:1px 15px;
      margin: 10px auto;
      font-family: 'Big Shoulders Display', cursive;
      text-align: center;
      font-size: 140%;
  }
  
  .evalooga{
      border-bottom:solid 2px #b0d8f7;
      background:none;
      width:90%;
      padding:1px 15px;
      margin: 10px auto;
      font-family: 'Big Shoulders Display', cursive;
      text-align: center;
      font-size: 140%;
  }
  
  .coll{
      border-top:solid 2px #b0d8f7;
      border-bottom:solid 2px #b0d8f7;
      background:none;
      width:95%;
      padding:5px 15px;
      margin: 10px auto;
      text-align: center;
  }
  
  .note{
      border-top:solid 2px #b0d8f7;
      border-bottom:solid 2px #b0d8f7;
      background: white;
      width:90%;
      padding:5px 15px;
      margin: 10px auto;
      text-align: center;
  }
  
  .title{
      font-family: 'Big Shoulders Display', cursive;
      text-align: center;
      font-size: 130%;
  }
  
  .testfile{
      border:solid 3px #6bb6f0;
      background: #f5fafe;
      width:90%;
      padding:1px 15px;
      margin: 10px auto;
  }
  
  .testvideo{
      background:#deeffc;
      width:90%;
      padding:1px 15px;
      margin: 10px auto;
  }
  
  .lexendtitle {
      font-family: 'Lexend', sans-serif;
      font-weight: 900;
      font-size: 140%;
      line-height: 30px;
  }
  
  .lexendsub {
      font-family: 'Lexend', sans-serif;
      font-weight: 300;
      font-size: 100%;
      line-height: 30px;
  }
  
  
  #page-title{display:none}
  

  Pages using this styling

  • fragment:jawn-001-2 [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Big+Shoulders+Display:wght@800&display=swap');
  
  :root {
      --timeScale: 6;
      --timeDelay: 6s;
      --red: 176, 216, 247;
       --medium-accent: var(--red);
       --cutColour: #fafafa;
       --barColour: var(--red);
       --toggle-border-color: rgb(var(--red));
       --toggle-icon-color: rgb(var(--red));
       --mono-font: 'IBM Plex Mono', monospace;
       --background-gradient-distance: 20rem;
       --background-gradient-color: var(--red);
       --dark-accent: var(--red);
       --barColour: var(--red);
       --bright-accent: var(--red);
  
       --link-color: 140, 199, 245;
       --visited-link-color: 176, 216, 247;
       --hover-link-color: 176, 216, 247;
  
      --logo-image: url("https://nu-scptheme.github.io/Black-Highlighter/img/logo.svg");
  }
  
  #content-wrap {
      background-color: #ffffff;
      background-image: url("data:image/svg+xml,%3Csvg width='48' height='64' viewBox='0 0 48 64' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M48 28v-4L36 12 24 24 12 12 0 24v4l4 4-4 4v4l12 12 12-12 12 12 12-12v-4l-4-4 4-4zM8 32l-6-6 10-10 10 10-6 6 6 6-10 10L2 38l6-6zm12 0l4-4 4 4-4 4-4-4zm12 0l-6-6 10-10 10 10-6 6 6 6-10 10-10-10 6-6zM0 16L10 6 4 0h4l4 4 4-4h4l-6 6 10 10L34 6l-6-6h4l4 4 4-4h4l-6 6 10 10v4L36 8 24 20 12 8 0 20v-4zm0 32l10 10-6 6h4l4-4 4 4h4l-6-6 10-10 10 10-6 6h4l4-4 4 4h4l-6-6 10-10v-4L36 56 24 44 12 56 0 44v4z' fill='%23eff7fd' fill-opacity='0.4' fill-rule='evenodd'/%3E%3C/svg%3E");
  }
  
  #page-content hr {
  border-top: none;
  height: .05em;
  background: #454545;
  }
  
  .info-container .collapsible-block-folded a{
  color: #FFF;}
  .info-container .collapsible-block-unfolded-link a{
  color: #FFF;
  }
  
  .info-container .collapsible-block-folded a{
  color: #FFF;}
  .info-container .collapsible-block-unfolded-link a{
  color: #FFF;
  }
  
  #page-content > .collapsible-block {
      display: block;
      text-align: center;
      padding: .8em;
      background-color: #e3e3e3;
      border-top: 0.125rem dashed #b5b5b5;
      border-bottom: 0.125rem dashed #b5b5b5;
  }
  
  #page-content > .collapsible-block .collapsible-block-content {
      text-align: left;
  }
  
  blockquote,
  div.blockquote {
      border: 0.125rem solid #d4d4d4;
      background-color: #F5F5F5;
  }
  
  .interview{
      border:solid 2px #d4d4d4;
      background:#F5F5F5;
      width:90%;
      padding:1px 15px;
      margin: 10px auto;
  }
  
  .addendum{
      border:solid 1px #5e5e5e;
      background:#ffffff;
      width:90%;
      padding:1px 15px;
      margin: 10px auto;
  }
  
  .paper{
      border-top:solid 2px #b0d8f7;
      border-bottom:solid 2px #b0d8f7;
      background:#fafafa;
      width:60%;
      padding:1px 15px;
      margin: 10px auto;
  }
  
  .title{
      font-family: 'Big Shoulders Display', cursive;
      text-align: center;
      font-size: 110%;
  }
  
  #page-title{display:none}
  

  Pages using this styling

  • fragment:jawn-001-1 [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Stint+Ultra+Condensed&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@700&display=swap');
  #page-content > .collapsible-block {
       background-color: #cacaca45;
  }
  
  .doc {
      background-color: rgb(var(--bright-accent));
      color: white;
      font-family: var(--mono-font);
      padding: 0 1.5rem;
      font-size: 1.1em;
      width: fit-content;
      position: relative;
      top: -2em;
      border-radius: 4px;
      margin-bottom: -1.5rem;
  }
  
  
  .scripture {border: 5px inset black; background: white; width: 60%; padding: 1rem; margin: auto; margin-top: 2rem;}
  .scripture > .doc { top: -3em; margin-bottom: -4rem;}
  .addendum {margin-top: 1.6rem;}
  
  .foundation > .doc {top: -3.25em;}
  .act {
      font-family: 'Josefin Sans', sans-serif;
      color: #800000;
      font-size: 12rem;
      text-align: center;
      text-decoration: underline 6px #800000;
      margin-bottom: -17rem;
  }
  .sub {
      font-family: 'Josefin Sans', sans-serif;
      color: #800000;
      font-size: 600%;
      text-align: center;
  }
  @media only screen and (max-width: 768px) {
  .act {
  font-size: 7rem;
  margin-bottom: -2rem!IMPORTANT;
  }
  .sub {    font-size: 400%;}
  .scripture {width: 90%;}
  }
  
  .wrap {
  display: block;
  background: black;
  height: 1.4rem;
  width: 50%;
  margin: 0 auto;
  border: 3px solid gray;
  }
  
  .bar {
  display: block;
  background: repeating-linear-gradient(90deg, #9c101e, #9c101e 20px, transparent 20px, transparent  25px);
  height: 1.4rem;
  margin: auto 0;
  }

  Pages using this styling

  • fragment:jade-proposal-0 [info]

  ¶ 1 occurrence
  

  :root {
      --title: "IRON FOUNDATION";
      --subtitle: "SITE-01";
      --logo: url(https://scp-wiki.wdfiles.com/local--files/theme%3Athe-way-out/wtf.svg);
      --sidelogo: var(--logo);
      --sidesubtitle: var(--subtitle);
  }

  Pages using this styling

  • fragment:jack-ike-s-proposal-iv-2 [info]

  ¶ 1 occurrence
  

  { FANCY BACKGROUND OVERRIDE  }
  .text-part > .main-class {
    color: rgba(252, 252, 252,1) !important;
  }
  
  .anom-bar-container.petrus .text-part > .main-class > .contain-class > .class-text::before {
  content: "Petrus";
    color: rgba(252, 252, 252,1) !important; }
  
  .anom-bar-container.petrus .text-part > .main-class > .contain-class > .class-text {
  color: transparent; }
  
  .anom-bar-container.petrus .text-part > .main-class::before {
      background-color: rgb(196,2,51);
  background-color: rgb(var(--white-monochrome, 252, 252, 252));
      background-image: url("https://scp-wiki.wdfiles.com/local--files/calibri-s-mega-cool-art-page-it-s-mostly-just-icons-but-what/Ignosi.svg");
  border: 0.25rem solid rgb(var(--white-monochrome, 252, 252, 252));
      -webkit-filter: invert(1);
              filter: invert(1);
  }
  
  .anom-bar-container.petrus .text-part > .main-class {
      background-color: rgb(133, 0, 5) !important;
      background-image: url("http://scp-wiki.wdfiles.com/local--files/component%3Aanomaly-class-bar/galactic.jpg");
      background-attachment: fixed;
      background-size: contain;
      background-blend-mode: overlay;
      border-left: 0.75rem solid rgba(66, 66, 72 ,1);
      border-left: 0.75rem solid rgba(var(--gray-monochrome, 66, 66, 72),1);
  }
  
  .anom-bar-container.petrus .danger-diamond > .top-icon::before {
      background-color: rgb(196,2,51);
  background-color: rgb(var(--white-monochrome, 252, 252, 252));
      background-image: url("https://scp-wiki.wdfiles.com/local--files/calibri-s-mega-cool-art-page-it-s-mostly-just-icons-but-what/Ignosi.svg");
      -webkit-filter: invert(1);
              filter: invert(1);
  }
  
  .anom-bar-container.petrus .danger-diamond > .quadrants > .top-quad {
      background-color:rgba(196,2,51,0.25);
      background-color: rgb(var(--five-color),0.25);
  }
  
  {  OHR CLASS  }
  
  .text-part > .disrupt-class {
    color: rgba(252, 252, 252,1) !important;
  }
  
  .anom-bar-container.ohr .text-part .disrupt-class {
      background-color: rgb(133, 0, 5);
      background-image: url("http://scp-wiki.wdfiles.com/local--files/component%3Aanomaly-class-bar/galactic.jpg");
      background-attachment: fixed;
      background-size: contain;
      background-blend-mode: overlay;
      border-left: 0.75rem solid rgba(66, 66, 72 ,1);
      border-left: 0.75rem solid rgba(var(--gray-monochrome, 66, 66, 72),1);
  }
  
  .anom-bar-container.ohr .text-part .disrupt-class::before {
  display: none;
  }
  
  .anom-bar-container.ohr .text-part .disrupt-class::after {
  background: radial-gradient(circle at 50%, #C40233, #000 75%);
  }
  
  .anom-bar-container.ohr .danger-diamond > .quadrants > .left-quad {
      background-color:rgba(196,2,51,0.25);
      background-color: rgb(var(--five-color),0.25);
  }
  
  .anom-bar-container.ohr .danger-diamond > .left-icon::before {
  background: radial-gradient(circle at 50%, #C40233, #000 75%);
  }
  
  {  TANGENT CLASS  }
  
  .text-part > .risk-class {
    color: rgba(252, 252, 252,1) !important;
  }
  
  .anom-bar-container.ohr .text-part .risk-class {
      background-color: rgb(133, 0, 5) !important;
      background-image: url("http://scp-wiki.wdfiles.com/local--files/component%3Aanomaly-class-bar/galactic.jpg");
      background-attachment: fixed;
      background-size: contain;
      background-blend-mode: overlay;
      border-left: 0.75rem solid rgba(66, 66, 72 ,1);
      border-left: 0.75rem solid rgba(var(--gray-monochrome, 66, 66, 72),1);
  }
  
  .anom-bar-container.ohr .text-part .risk-class::before {
  display: none;
  }
  
  .anom-bar-container.ohr .text-part .risk-class::after {
      background-image: url("https://scp-wiki.wdfiles.com/local--files/calibri-s-mega-cool-art-page-it-s-mostly-just-icons-but-what/Yggdrasil.svg");
  }
  
  .anom-bar-container.ohr .danger-diamond > .quadrants > .right-quad {
      background-color:rgba(196,2,51,0.25);
      background-color: rgb(var(--five-color),0.25);
  }
  
  .anom-bar-container.ohr .danger-diamond > .right-icon::before {
      background-color: rgb(196,2,51);
  background-color: rgb(var(--white-monochrome, 252, 252, 252));
      background-image: url("https://scp-wiki.wdfiles.com/local--files/calibri-s-mega-cool-art-page-it-s-mostly-just-icons-but-what/Yggdrasil.svg");
  }
  

  Pages using this styling

  • fragment:jack-ike-s-proposal-iv-1 [info]

  ¶ 1 occurrence
  

  {Thanks to Hippo! Adapted from djkaktus darkbody theme}
  
  @import url('https://fontlibrary.org/en/face/lsw-drachenklaue');
  @import url('https://fonts.googleapis.com/css?family=PT+Mono');
  
  
  div#container-wrap {
      background: none;
  }
  
  h1, #page-title {
      color: #77CC77 !important;
  }
  
  #page-title {
      border-color: #77CC77;
  }
  
  body,
  #side-bar {
      color: #77CC77;
      background-color:#002200;
  }
  
  #page-content {
     font-family: 'LSWDrachenklaueDrachenklaueSamys01', sans-serif;
  }
  
  .licensebox {
      font-family: 'Nanum Gothic', sans-serif; /* default font (inherit doesn't work?) */
  }
  
  #header {
      background: url(https://scp-wiki.wdfiles.com/local--files/jack-ike-s-proposal-ii/TindalosLogo.png) 10px 40px no-repeat;
  }
  
  #header h1 a {
  color: #77CC77;
     font-family: 'LSWDrachenklaueDrachenklaueSamys01', sans-serif;
  }
  
  #header h2 {
     font-family: 'LSWDrachenklaueDrachenklaueSamys01', sans-serif;
  }
  
  #header h2 span{
  color: #77CC77;
  }
  
  a:visited {
  color: #77CC77;
  }
  
  a:hover {
  color: #77CC77;
  }
  
  a {
       color: #77CC77;
  }
  
  #side-bar .side-block {
  border: none;
  background: transparent !important;
  box-shadow: none;
  }
  
  #side-bar a:visited{
      color: #77CC77;
  }
  
  #side-bar .heading {
       color: #77CC77;
      border-bottom: none
  }
  
  #side-bar div.menu-item.inactive a {
       color: #77CC77;
  }
  
  #side-bar div.menu-item .sub-text {
       color: #77CC77;
  }
  #side-bar .collapsible-block-unfolded-link .collapsible-block-link {
       color: #77CC77;
  }
  
  #side-bar .collapsible-block-unfolded-link .collapsible-block-link:hover {
       color: #77CC77;
  }
  
  #top-bar a {
       color: #77CC77;
  }
  
  #top-bar ul li ul {
      border: solid 1px #77CC77;
      box-shadow: none;
  }
  
  #top-bar ul li a {
      border-left: none;
      border-right: none;
  }
  
  #top-bar ul li.sfhover a,
  #top-bar ul li:hover a {
  background:#002200;
       color: #77CC77;
      border-left: solid 1px #77CC77;
      border-right: solid 1px #77CC77;
      border-top: solid 1px #77CC77;
  }
  
  #top-bar ul li.sfhover ul li a,
  #top-bar ul li:hover ul li a {
  border-top: none;
  }
  
  #top-bar ul li.sfhover a:hover,
  #top-bar ul li:hover a:hover {
  background:#002200;
       color: #77CC77;
  }
  
  #search-top-box-input {
      border: solid 1px #77CC77;
      border-radius: 0px;
      color: #77CC77;
      background-color: #002200;
      box-shadow: none;
  display: none;
  }
  
  #search-top-box-input:hover,
  #search-top-box-input:focus {
      border: solid 1px #77CC77;
      color: #77CC77;
      background-color: #002200;
      box-shadow: none;
  }
  
  #search-top-box-form input[type=submit] {
      border: none;
      border-radius: 0px;
      color: #77CC77;
      background-color: #002200;
      background: none;
      box-shadow: none;
  }
  
  #search-top-box-form input[type=submit]:hover,
  #search-top-box-form input[type=submit]:focus {
      text-decoration: underline;
      border: none;
      border-radius: 0px;
      color: #77CC77;
      background-color: #002200;
      background: none;
      box-shadow: none;
  }
  
  #login-status {
  display: none;
  }
  
  #login-status a {
  display: none;
  }
  
  #login-status ul a {
  display: none;
  }
  
  #account-topbutton {
  display: none;
  }
  
  .printuser img.small {
  display: none;
  }
  
  blockquote {
      color: #77CC77;
      background-color: #002200;
  border-color: #77CC77;
  font-family: 'PT Mono', monospace;
  }
  
  {Following code courtesy of Rounderhouse}
  /* RATING MODULE */ 
  
  .page-rate-widget-box .rate-points {
       background-color: #002200 !important;
       color: #77CC77;
       border: solid 1px #77CC77;
  }
  .page-rate-widget-box .rateup, .page-rate-widget-box .ratedown {
       background-color: #002200;
       font-weight: bold;
       border-top: solid 1px #77CC77;
       border-bottom: solid 1px #77CC77;
   }
  .page-rate-widget-box .rateup a, .page-rate-widget-box .ratedown a {
       background: #002200;
       color: #77CC77;
       border-top: solid 1px #77CC77;
       border-bottom: solid 1px #77CC77;
  }
  .page-rate-widget-box .rateup a:hover, .page-rate-widget-box .ratedown a:hover {
       background: #77CC77;
       color: #002200;
  } 
  .page-rate-widget-box .cancel {
       background-color: #002200;
       border: solid 1px #77CC77;
  }
  .page-rate-widget-box .cancel a {
       background: transparent;
       color: #77CC77; 
  }
  .page-rate-widget-box .cancel a:hover {
       background: #77CC77;
       color: #002200;
   }

  Pages using this styling

  • fragment:jack-ike-s-proposal-ii-7 [info]

  ¶ 1 occurrence
  

  .blinkbar {animation: blink 1.5s infinite; letter-spacing: -0.13em;}@keyframes blink{to{opacity: .0;}}@keyframes flicker {0% {opacity: 0.9890; }5% {opacity: 0.5842; }10% {opacity: 0.9865; }15% {opacity: 0.0412; }20% {opacity: 0.6255; }25% {opacity: 0.3157; }30% {opacity: 0.7328; }35% {opacity: 0.4654; }40% {opacity: 0.9128; }45% {opacity: 0.2449; }50% {opacity: 0.5485; }55% {opacity: 0.6438; }60% {opacity: 0.1180; }65% {opacity: 0.9085; }70% {opacity: 0.0266; }75% {opacity: 0.6795; }80% {opacity: 0.7812; }85% {opacity: 0.0117; }90% {opacity: 0.2239; }95% {opacity: 0.8897; }100% {opacity: 0.2260; }}@keyframes overlay-anim {0% {visibility: hidden; }10% {visibility: hidden; }11% {visibility: visible; }50% {visibility: hidden; }100% {visibility: hidden; }}
  
  .fakeprot .mailform-box .buttons{display:none;}
  .fakeprot + .collapsible-block .collapsible-block-link {padding: 0.1em 0.5em;text-decoration: none;background-color: #F4F4F4;border: 1px solid #AAA;color: #000;}
  .fakeprot + .collapsible-block .collapsible-block-link:hover {background-color: #DDD;color: #000;}
  .fakeprot + .collapsible-block .collapsible-block-link:active {background-color: #DDD;color: #000;}
  .fakeprot + .collapsible-block .collapsible-block-unfolded-link{margin:0.5em 0;text-align: center;}
  .fakeprot + .collapsible-block .collapsible-block-folded{margin:0.5em 0;text-align: center;}
  .fakeprot .passw input[type=text] {text-security:disc;-webkit-text-security:disc;-mox-text-security:disc;}
  .mailform-box td:first-child {width: 80px;}

  Pages using this styling

  • fragment:jack-ike-s-proposal-ii-5 [info]

  ¶ 1 occurrence
  

  
  .court-document {
  display: grid;
  border: 1px dotted black;
  width: fit-content;
  counter-reset: lineno;
  grid-template-columns: repeat(2, auto);
  overflow: hidden;
  }
  
  .court-document .code {
  background-color: white;
  border: none;
  }
  
  .num::before {
  content: counter(lineno);
  counter-increment: lineno;
  }
  
  .monospace {
  font-family: 'Andale Mono', 'Courier New', Courier, monospace;
  line-height: 1;
  padding: 10px;
  font-size: 16px;
  }
  
  .monospace p {
  margin: 1lh 0;
  line-height: 1;
  }
  
  .lineno-container {
  height: 0;
  }
  
  .linenos {
  border-right: 1px solid black;
  }
  
  .nums::after {
  content: "1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 179 180 181 182 183 184 185 186 187 188 189 190 191 192 193 194 195 196 197 198 199 200 201 202 203 204 205 206 207 208 209 210 211 212 213 214 215 216 217 218 219 220 221 222 223 224 225 226 227 228 229 230 231 232 233 234 235 236 237 238 239 240 241 242 243 244 245 246 247 248 249 250 251 252 253 254 255 256 257 258 259 260 261 262 263 264 265 266 267 268 269 270 271 272 273 274 275 276 277 278 279 280 281 282 283 284 285 286 287 288 289 290 291 292 293 294 295 296 297 298 299 300 301 302 303 304 305 306 307 308 309 310 311 312 313 314 315 316 317 318 319 320 321 322 323 324 325 326 327 328 329 330 331 332 333 334 335 336 337 338 339 340 341 342 343 344 345 346 347 348 349 350 351 352 353 354 355 356 357 358 359 360 361 362 363 364 365 366 367 368 369 370 371 372 373 374 375 376 377 378 379 380 381 382 383 384 385 386 387 388 389 390 391 392 393 394 395 396 397 398 399 400 401 402 403 404 405 406 407 408 409 410 411 412 413 414 415 416 417 418 419 420 421 422 423 424 425 426 427 428 429 430 431 432 433 434 435 436 437 438 439 440 441 442 443 444 445 446 447 448 449 450 451 452 453 454 455 456 457 458 459 460 461 462 463 464 465 466 467 468 469 470 471 472 473 474 475 476 477 478 479 480 481 482 483 484 485 486 487 488 489 490 491 492 493 494 495 496 497 498 499 500 501 502 503 504 505 506 507 508 509 510 511 512 513 514 515 516 517 518 519 520 521 522 523 524 525 526 527 528 529 530 531 532 533 534 535 536 537 538 539 540 541 542 543 544 545 546 547 548 549 550 551 552 553 554 555 556 557 558 559 560 561 562 563 564 565 566 567 568 569 570 571 572 573 574 575 576 577 578 579 580 581 582 583 584 585 586 587 588 589 590 591 592 593 594 595 596 597 598 599 600 601 602 603 604 605 606 607 608 609 610 611 612 613 614 615 616 617 618 619 620 621 622 623 624 625 626 627 628 629 630 631 632 633 634 635 636 637 638 639 640 641 642 643 644 645 646 647 648 649 650 651 652 653 654 655 656 657 658 659 660 661 662 663 664 665 666 667 668 669 670 671 672 673 674 675 676 677 678 679 680 681 682 683 684 685 686 687 688 689 690 691 692 693 694 695 696 697 698 699 700 701 702 703 704 705 706 707 708 709 710 711 712 713 714 715 716 717 718 719 720 721 722 723 724 725 726 727 728 729 730 731 732 733 734 735 736 737 738 739 740 741 742 743 744 745 746 747 748 749 750 751 752 753 754 755 756 757 758 759 760 761 762 763 764 765 766 767 768 769 770 771 772 773 774 775 776 777 778 779 780 781 782 783 784 785 786 787 788 789 790 791 792 793 794 795 796 797 798 799 800 801 802 803 804 805 806 807 808 809 810 811 812 813 814 815 816 817 818 819 820 821 822 823 824 825 826 827 828 829 830 831 832 833 834 835 836 837 838 839 840 841 842 843 844 845 846 847 848 849 850 851 852 853 854 855 856 857 858 859 860 861 862 863 864 865 866 867 868 869 870 871 872 873 874 875 876 877 878 879 880 881 882 883 884 885 886 887 888 889 890 891 892 893 894 895 896 897 898 899 900 901 902 903 904 905 906 907 908 909 910 911 912 913 914 915 916 917 918 919 920 921 922 923 924 925 926 927 928 929 930 931 932 933 934 935 936 937 938 939 940 941 942 943 944 945 946 947 948 949 950 951 952 953 954 955 956 957 958 959 960 961 962 963 964 965 966 967 968 969 970 971 972 973 974 975 976 977 978 979 980 981 982 983 984 985 986 987 988 989 990 991 992 993 994 995 996 997 998 999 1000 1001 1002 1003 1004 1005 1006 1007 1008 1009 1010 1011 1012 1013 1014 1015 1016 1017 1018 1019 1020 1021 1022 1023 1024 1025 1026 1027 1028 1029 1030 1031 1032 1033 1034 1035 1036 1037 1038 1039 1040 1041 1042 1043 1044 1045 1046 1047 1048 1049 1050 1051 1052 1053 1054 1055 1056 1057 1058 1059 1060 1061 1062 1063 1064 1065 1066 1067 1068 1069 1070 1071 1072 1073 1074 1075 1076 1077 1078 1079 1080 1081 1082 1083 1084 1085 1086 1087 1088 1089 1090 1091 1092 1093 1094 1095 1096 1097 1098 1099 1100 1101 1102 1103 1104 1105 1106 1107 1108 1109 1110 1111 1112 1113 1114 1115 1116 1117 1118 1119 1120 1121 1122 1123 1124 1125 1126 1127 1128 1129 1130 1131 1132 1133 1134 1135 1136 1137 1138 1139 1140 1141 1142 1143 1144 1145 1146 1147 1148 1149 1150 1151 1152 1153 1154 1155 1156 1157 1158 1159 1160 1161 1162 1163 1164 1165 1166 1167 1168 1169 1170 1171 1172 1173 1174 1175 1176 1177 1178 1179 1180 1181 1182 1183 1184 1185 1186 1187 1188 1189 1190 1191 1192 1193 1194 1195 1196 1197 1198 1199 1200 1201 1202 1203 1204 1205 1206 1207 1208 1209 1210 1211 1212 1213 1214 1215 1216 1217 1218 1219 1220 1221 1222 1223 1224 1225 1226 1227 1228 1229 1230 1231 1232 1233 1234 1235 1236 1237 1238 1239 1240 1241 1242 1243 1244 1245 1246 1247 1248 1249 1250 1251 1252 1253 1254 1255 1256 1257 1258 1259 1260 1261 1262 1263 1264 1265 1266 1267 1268 1269 1270 1271 1272 1273 1274 1275 1276 1277 1278 1279 1280 1281 1282 1283 1284 1285 1286 1287 1288 1289 1290 1291 1292 1293 1294 1295 1296 1297 1298 1299 1300 1301 1302 1303 1304 1305 1306 1307 1308 1309 1310 1311 1312 1313 1314 1315 1316 1317 1318 1319 1320 1321 1322 1323 1324 1325 1326 1327 1328 1329 1330 1331 1332 1333 1334 1335 1336 1337 1338 1339 1340 1341 1342 1343 1344 1345 1346 1347 1348 1349 1350 1351 1352 1353 1354 1355 1356 1357 1358 1359 1360 1361 1362 1363 1364 1365 1366 1367 1368 1369 1370 1371 1372 1373 1374 1375 1376 1377 1378 1379 1380 1381 1382 1383 1384 1385 1386 1387 1388 1389 1390 1391 1392 1393 1394 1395 1396 1397 1398 1399 1400 1401 1402 1403 1404 1405 1406 1407 1408 1409 1410 1411 1412 1413 1414 1415 1416 1417 1418 1419 1420 1421 1422 1423 1424 1425 1426 1427 1428 1429 1430 1431 1432 1433 1434 1435 1436 1437 1438 1439 1440 1441 1442 1443 1444 1445 1446 1447 1448 1449 1450 1451 1452 1453 1454 1455 1456 1457 1458 1459 1460 1461 1462 1463 1464 1465 1466 1467 1468 1469 1470 1471 1472 1473 1474 1475 1476 1477 1478 1479 1480 1481 1482 1483 1484 1485 1486 1487 1488 1489 1490 1491 1492 1493 1494 1495 1496 1497 1498 1499 1500 1501 1502 1503 1504 1505 1506 1507 1508 1509 1510 1511 1512 1513 1514 1515 1516 1517 1518 1519 1520 1521 1522 1523 1524 1525 1526 1527 1528 1529 1530 1531 1532 1533 1534 1535 1536 1537 1538 1539 1540 1541 1542 1543 1544 1545 1546 1547 1548 1549 1550 1551 1552 1553 1554 1555 1556 1557 1558 1559 1560 1561 1562 1563 1564 1565 1566 1567 1568 1569 1570 1571 1572 1573 1574 1575 1576 1577 1578 1579 1580 1581 1582 1583 1584 1585 1586 1587 1588 1589 1590 1591 1592 1593 1594 1595 1596 1597 1598 1599 1600 1601 1602 1603 1604 1605 1606 1607 1608 1609 1610 1611 1612 1613 1614 1615 1616 1617 1618 1619 1620 1621 1622 1623 1624 1625 1626 1627 1628 1629 1630 1631 1632 1633 1634 1635 1636 1637 1638 1639 1640 1641 1642 1643 1644 1645 1646 1647 1648 1649 1650 1651 1652 1653 1654 1655 1656 1657 1658 1659 1660 1661 1662 1663 1664 1665 1666 1667 1668 1669 1670 1671 1672 1673 1674 1675 1676 1677 1678 1679 1680 1681 1682 1683 1684 1685 1686 1687 1688 1689 1690 1691 1692 1693 1694 1695 1696 1697 1698 1699 1700 1701 1702 1703 1704 1705 1706 1707 1708 1709 1710 1711 1712 1713 1714 1715 1716 1717 1718 1719 1720 1721 1722 1723 1724 1725 1726 1727 1728 1729 1730 1731 1732 1733 1734 1735 1736 1737 1738 1739 1740 1741 1742 1743 1744 1745 1746 1747 1748 1749 1750 1751 1752 1753 1754 1755 1756 1757 1758 1759 1760 1761 1762 1763 1764 1765 1766 1767 1768 1769 1770 1771 1772 1773 1774 1775 1776 1777 1778 1779 1780 1781 1782 1783 1784 1785 1786 1787 1788 1789 1790 1791 1792 1793 1794 1795 1796 1797 1798 1799 1800 1801 1802 1803 1804 1805 1806 1807 1808 1809 1810 1811 1812 1813 1814 1815 1816 1817 1818 1819 1820 1821 1822 1823 1824 1825 1826 1827 1828 1829 1830 1831 1832 1833 1834 1835 1836 1837 1838 1839 1840 1841 1842 1843 1844 1845 1846 1847 1848 1849 1850 1851 1852 1853 1854 1855 1856 1857 1858 1859 1860 1861 1862 1863 1864 1865 1866 1867 1868 1869 1870 1871 1872 1873 1874 1875 1876 1877 1878 1879 1880 1881 1882 1883 1884 1885 1886 1887 1888 1889 1890 1891 1892 1893 1894 1895 1896 1897 1898 1899 1900 1901 1902 1903 1904 1905 1906 1907 1908 1909 1910 1911 1912 1913 1914 1915 1916 1917 1918 1919 1920 1921 1922 1923 1924 1925 1926 1927 1928 1929 1930 1931 1932 1933 1934 1935 1936 1937 1938 1939 1940 1941 1942 1943 1944 1945 1946 1947 1948 1949 1950 1951 1952 1953 1954 1955 1956 1957 1958 1959 1960 1961 1962 1963 1964 1965 1966 1967 1968 1969 1970 1971 1972 1973 1974 1975 1976 1977 1978 1979 1980 1981 1982 1983 1984 1985 1986 1987 1988 1989 1990 1991 1992 1993 1994 1995 1996 1997 1998 1999 2000 2001 2002 2003 2004 2005 2006 2007 2008 2009 2010 2011 2012 2013 2014 2015 2016 2017 2018 2019 2020 2021 2022 2023 2024 2025 2026 2027 2028 2029 2030 2031 2032 2033 2034 2035 2036 2037 2038 2039 2040 2041 2042 2043 2044 2045 2046 2047 2048 2049 2050 2051 2052 2053 2054 2055 2056 2057 2058 2059 2060 2061 2062 2063 2064 2065 2066 2067 2068 2069 2070 2071 2072 2073 2074 2075 2076 2077 2078 2079 2080 2081 2082 2083 2084 2085 2086 2087 2088 2089 2090 2091 2092 2093 2094 2095 2096 2097 2098 2099 2100 2101 2102 2103 2104 2105 2106 2107 2108 2109 2110 2111 2112 2113 2114 2115 2116 2117 2118 2119 2120 2121 2122 2123 2124 2125 2126 2127 2128 2129 2130 2131 2132 2133 2134 2135 2136 2137 2138 2139 2140 2141 2142 2143 2144 2145 2146 2147 2148 2149 2150 2151 2152 2153 2154 2155 2156 2157 2158 2159 2160 2161 2162 2163 2164 2165 2166 2167 2168 2169 2170 2171 2172 2173 2174 2175 2176 2177 2178 2179 2180 2181 2182 2183 2184 2185 2186 2187 2188 2189 2190 2191 2192 2193 2194 2195 2196 2197 2198 2199 2200 2201 2202 2203 2204 2205 2206 2207 2208 2209 2210 2211 2212 2213 2214 2215 2216 2217 2218 2219 2220 2221 2222 2223 2224 2225 2226 2227 2228 2229 2230 2231 2232 2233 2234 2235 2236 2237 2238 2239 2240 2241 2242 2243 2244 2245 2246 2247 2248 2249 2250 2251 2252 2253 2254 2255 2256 2257 2258 2259 2260 2261 2262 2263 2264 2265 2266 2267 2268 2269 2270 2271 2272 2273 2274 2275 2276 2277 2278 2279 2280 2281 2282 2283 2284 2285 2286 2287 2288 2289 2290 2291 2292 2293 2294 2295 2296 2297 2298 2299 2300 2301 2302 2303 2304 2305 2306 2307 2308 2309 2310 2311 2312 2313 2314 2315 2316 2317 2318 2319 2320 2321 2322 2323 2324 2325 2326 2327 2328 2329 2330 2331 2332 2333 2334 2335 2336 2337 2338 2339 2340 2341 2342 2343 2344 2345 2346 2347 2348 2349 2350 2351 2352 2353 2354 2355 2356 2357 2358 2359 2360 2361 2362 2363 2364 2365 2366 2367 2368 2369 2370 2371 2372 2373 2374 2375 2376 2377 2378 2379 2380 2381 2382 2383 2384 2385 2386 2387 2388 2389 2390 2391 2392 2393 2394 2395 2396 2397 2398 2399 2400 2401 2402 2403 2404 2405 2406 2407 2408 2409 2410 2411 2412 2413 2414 2415 2416 2417 2418 2419 2420 2421 2422 2423 2424 2425 2426 2427 2428 2429 2430 2431 2432 2433 2434 2435 2436 2437 2438 2439 2440 2441 2442 2443 2444 2445 2446 2447 2448 2449 2450 2451 2452 2453 2454 2455 2456 2457 2458 2459 2460 2461 2462 2463 2464 2465 2466 2467 2468 2469 2470 2471 2472 2473 2474 2475 2476 2477 2478 2479 2480 2481 2482 2483 2484 2485 2486 2487 2488 2489 2490 2491 2492 2493 2494 2495 2496 2497 2498 2499 2500 2501 2502 2503 2504 2505 2506 2507 2508 2509 2510 2511 2512 2513 2514 2515 2516 2517 2518 2519 2520 2521 2522 2523 2524 2525 2526 2527 2528 2529 2530 2531 2532 2533 2534 2535 2536 2537 2538 2539 2540 2541 2542 2543 2544 2545 2546 2547 2548 2549 2550 2551 2552 2553 2554 2555 2556 2557 2558 2559 2560 2561 2562 2563 2564 2565 2566 2567 2568 2569 2570 2571 2572 2573 2574 2575 2576 2577 2578 2579 2580 2581 2582 2583 2584 2585 2586 2587 2588 2589 2590 2591 2592 2593 2594 2595 2596 2597 2598 2599 2600 2601 2602 2603 2604 2605 2606 2607 2608 2609 2610 2611 2612 2613 2614 2615 2616 2617 2618 2619 2620 2621 2622 2623 2624 2625 2626 2627 2628 2629 2630 2631 2632 2633 2634 2635 2636 2637 2638 2639 2640 2641 2642 2643 2644 2645 2646 2647 2648 2649 2650 2651 2652 2653 2654 2655 2656 2657 2658 2659 2660 2661 2662 2663 2664 2665 2666 2667 2668 2669 2670 2671 2672 2673 2674 2675 2676 2677 2678 2679 2680 2681 2682 2683 2684 2685 2686 2687 2688 2689 2690 2691 2692 2693 2694 2695 2696 2697 2698 2699 2700 2701 2702 2703 2704 2705 2706 2707 2708 2709 2710 2711 2712 2713 2714 2715 2716 2717 2718 2719 2720 2721 2722 2723 2724 2725 2726 2727 2728 2729 2730 2731 2732 2733 2734 2735 2736 2737 2738 2739 2740 2741 2742 2743 2744 2745 2746 2747 2748 2749 2750 2751 2752 2753 2754 2755 2756 2757 2758 2759 2760 2761 2762 2763 2764 2765 2766 2767 2768 2769 2770 2771 2772 2773 2774 2775 2776 2777 2778 2779 2780 2781 2782 2783 2784 2785 2786 2787 2788 2789 2790 2791 2792 2793 2794 2795 2796 2797 2798 2799 2800 2801 2802 2803 2804 2805 2806 2807 2808 2809 2810 2811 2812 2813 2814 2815 2816 2817 2818 2819 2820 2821 2822 2823 2824 2825 2826 2827 2828 2829 2830 2831 2832 2833 2834 2835 2836 2837 2838 2839 2840 2841 2842 2843 2844 2845 2846 2847 2848 2849 2850 2851 2852 2853 2854 2855 2856 2857 2858 2859 2860 2861 2862 2863 2864 2865 2866 2867 2868 2869 2870 2871 2872 2873 2874 2875 2876 2877 2878 2879 2880 2881 2882 2883 2884 2885 2886 2887 2888 2889 2890 2891 2892 2893 2894 2895 2896 2897 2898 2899 2900 2901 2902 2903 2904 2905 2906 2907 2908 2909 2910 2911 2912 2913 2914 2915 2916 2917 2918 2919 2920 2921 2922 2923 2924 2925 2926 2927 2928 2929 2930 2931 2932 2933 2934 2935 2936 2937 2938 2939 2940 2941 2942 2943 2944 2945 2946 2947 2948 2949 2950 2951 2952 2953 2954 2955 2956 2957 2958 2959 2960 2961 2962 2963 2964 2965 2966 2967 2968 2969 2970 2971 2972 2973 2974 2975 2976 2977 2978 2979 2980 2981 2982 2983 2984 2985 2986 2987 2988 2989 2990 2991 2992 2993 2994 2995 2996 2997 2998 2999 3000 3001 3002 3003 3004 3005 3006 3007 3008 3009 3010 3011 3012 3013 3014 3015 3016 3017 3018 3019 3020 3021 3022 3023 3024 3025 3026 3027 3028 3029 3030 3031 3032 3033 3034 3035 3036 3037 3038 3039 3040 3041 3042 3043 3044 3045 3046 3047 3048 3049 3050 3051 3052 3053 3054 3055 3056 3057 3058 3059 3060 3061 3062 3063 3064 3065 3066 3067 3068 3069 3070 3071 3072 3073 3074 3075 3076 3077 3078 3079 3080 3081 3082 3083 3084 3085 3086 3087 3088 3089 3090 3091 3092 3093 3094 3095 3096 3097 3098 3099 3100 3101 3102 3103 3104 3105 3106 3107 3108 3109 3110 3111 3112 3113 3114 3115 3116 3117 3118 3119 3120 3121 3122 3123 3124 3125 3126 3127 3128 3129 3130 3131 3132 3133 3134 3135 3136 3137 3138 3139 3140 3141 3142 3143 3144 3145 3146 3147 3148 3149 3150 3151 3152 3153 3154 3155 3156 3157 3158 3159 3160 3161 3162 3163 3164 3165 3166 3167 3168 3169 3170 3171 3172 3173 3174 3175 3176 3177 3178 3179 3180 3181 3182 3183 3184 3185 3186 3187 3188 3189 3190 3191 3192 3193 3194 3195 3196 3197 3198 3199 3200 3201 3202 3203 3204 3205 3206 3207 3208 3209 3210 3211 3212 3213 3214 3215 3216 3217 3218 3219 3220 3221 3222 3223 3224 3225 3226 3227 3228 3229 3230 3231 3232 3233 3234 3235 3236 3237 3238 3239 3240 3241 3242 3243 3244 3245 3246 3247 3248 3249 3250 3251 3252 3253 3254 3255 3256 3257 3258 3259 3260 3261 3262 3263 3264 3265 3266 3267 3268 3269 3270 3271 3272 3273 3274 3275 3276 3277 3278 3279 3280 3281 3282 3283 3284 3285 3286 3287 3288 3289 3290 3291 3292 3293 3294 3295 3296 3297 3298 3299 3300 3301 3302 3303 3304 3305 3306 3307 3308 3309 3310 3311 3312 3313 3314 3315 3316 3317 3318 3319 3320 3321 3322 3323 3324 3325 3326 3327 3328 3329 3330 3331 3332 3333 3334 3335 3336 3337 3338 3339 3340 3341 3342 3343 3344 3345 3346 3347 3348 3349 3350 3351 3352 3353 3354 3355 3356 3357 3358 3359 3360 3361 3362 3363 3364 3365 3366 3367 3368 3369 3370 3371 3372 3373 3374 3375 3376 3377 3378 3379 3380 3381 3382 3383 3384 3385 3386 3387 3388 3389 3390 3391 3392 3393 3394 3395 3396 3397 3398 3399 3400 3401 3402 3403 3404 3405 3406 3407 3408 3409 3410 3411 3412 3413 3414 3415 3416 3417 3418 3419 3420 3421 3422 3423 3424 3425 3426 3427 3428 3429 3430 3431 3432 3433 3434 3435 3436 3437 3438 3439 3440 3441 3442 3443 3444 3445 3446 3447 3448 3449 3450 3451 3452 3453 3454 3455 3456 3457 3458 3459 3460 3461 3462 3463 3464 3465 3466 3467 3468 3469 3470 3471 3472 3473 3474 3475 3476 3477 3478 3479 3480 3481 3482 3483 3484 3485 3486 3487 3488 3489 3490 3491 3492 3493 3494 3495 3496 3497 3498 3499 3500 3501 3502 3503 3504 3505 3506 3507 3508 3509 3510 3511 3512 3513 3514 3515 3516 3517 3518 3519 3520 3521 3522 3523 3524 3525 3526 3527 3528 3529 3530 3531 3532 3533 3534 3535 3536 3537 3538 3539 3540 3541 3542 3543 3544 3545 3546 3547 3548 3549 3550 3551 3552 3553 3554 3555 3556 3557 3558 3559 3560 3561 3562 3563 3564 3565 3566 3567 3568 3569 3570 3571 3572 3573 3574 3575 3576 3577 3578 3579 3580 3581 3582 3583 3584 3585 3586 3587 3588 3589 3590 3591 3592 3593 3594 3595 3596 3597 3598 3599 3600 3601 3602 3603 3604 3605 3606 3607 3608 3609 3610 3611 3612 3613 3614 3615 3616 3617 3618 3619 3620 3621 3622 3623 3624 3625 3626 3627 3628 3629 3630 3631 3632 3633 3634 3635 3636 3637 3638 3639 3640 3641 3642 3643 3644 3645 3646 3647 3648 3649 3650 3651 3652 3653 3654 3655 3656 3657 3658 3659 3660 3661 3662 3663 3664 3665 3666 3667 3668 3669 3670 3671 3672 3673 3674 3675 3676 3677 3678 3679 3680 3681 3682 3683 3684 3685 3686 3687 3688 3689 3690 3691 3692 3693 3694 3695 3696 3697 3698 3699 3700 3701 3702 3703 3704 3705 3706 3707 3708 3709 3710 3711 3712 3713 3714 3715 3716 3717 3718 3719 3720 3721 3722 3723 3724 3725 3726 3727 3728 3729 3730 3731 3732 3733 3734 3735 3736 3737 3738 3739 3740 3741 3742 3743 3744 3745 3746 3747 3748 3749 3750 3751 3752 3753 3754 3755 3756 3757 3758 3759 3760 3761 3762 3763 3764 3765 3766 3767 3768 3769 3770 3771 3772 3773 3774 3775 3776 3777 3778 3779 3780 3781 3782 3783 3784 3785 3786 3787 3788 3789 3790 3791 3792 3793 3794 3795 3796 3797 3798 3799 3800 3801 3802 3803 3804 3805 3806 3807 3808 3809 3810 3811 3812 3813 3814 3815 3816 3817 3818 3819 3820 3821 3822 3823 3824 3825 3826 3827 3828 3829 3830 3831 3832 3833 3834 3835 3836 3837 3838 3839 3840 3841 3842 3843 3844 3845 3846 3847 3848 3849 3850 3851 3852 3853 3854 3855 3856 3857 3858 3859 3860 3861 3862 3863 3864 3865 3866 3867 3868 3869 3870 3871 3872 3873 3874 3875 3876 3877 3878 3879 3880 3881 3882 3883 3884 3885 3886 3887 3888 3889 3890 3891 3892 3893 3894 3895 3896 3897 3898 3899 3900 3901 3902 3903 3904 3905 3906 3907 3908 3909 3910 3911 3912 3913 3914 3915 3916 3917 3918 3919 3920 3921 3922 3923 3924 3925 3926 3927 3928 3929 3930 3931 3932 3933 3934 3935 3936 3937 3938 3939 3940 3941 3942 3943 3944 3945 3946 3947 3948 3949 3950 3951 3952 3953 3954 3955 3956 3957 3958 3959 3960 3961 3962 3963 3964 3965 3966 3967 3968 3969 3970 3971 3972 3973 3974 3975 3976 3977 3978 3979 3980 3981 3982 3983 3984 3985 3986 3987 3988 3989 3990 3991 3992 3993 3994 3995 3996 3997 3998 3999 4000 4001 4002 4003 4004 4005 4006 4007 4008 4009 4010 4011 4012 4013 4014 4015 4016 4017 4018 4019 4020 4021 4022 4023 4024 4025 4026 4027 4028 4029 4030 4031 4032 4033 4034 4035 4036 4037 4038 4039 4040 4041 4042 4043 4044 4045 4046 4047 4048 4049 4050 4051 4052 4053 4054 4055 4056 4057 4058 4059 4060 4061 4062 4063 4064 4065 4066 4067 4068 4069 4070 4071 4072 4073 4074 4075 4076 4077 4078 4079 4080 4081 4082 4083 4084 4085 4086 4087 4088 4089 4090 4091 4092 4093 4094 4095 4096 4097 4098 4099 4100 4101 4102 4103 4104 4105 4106 4107 4108 4109 4110 4111 4112 4113 4114 4115 4116 4117 4118 4119 4120 4121 4122 4123 4124 4125 4126 4127 4128 4129 4130 4131 4132 4133 4134 4135 4136 4137 4138 4139 4140 4141 4142 4143 4144 4145 4146 4147 4148 4149 4150 4151 4152 4153 4154 4155 4156 4157 4158 4159 4160 4161 4162 4163 4164 4165 4166 4167 4168 4169 4170 4171 4172 4173 4174 4175 4176 4177 4178 4179 4180 4181 4182 4183 4184 4185 4186 4187 4188 4189 4190 4191 4192 4193 4194 4195 4196 4197 4198 4199 4200 4201 4202 4203 4204 4205 4206 4207 4208 4209 4210 4211 4212 4213 4214 4215 4216 4217 4218 4219 4220 4221 4222 4223 4224 4225 4226 4227 4228 4229 4230 4231 4232 4233 4234 4235 4236 4237 4238 4239 4240 4241 4242 4243 4244 4245 4246 4247 4248 4249 4250 4251 4252 4253 4254 4255 4256 4257 4258 4259 4260 4261 4262 4263 4264 4265 4266 4267 4268 4269 4270 4271 4272 4273 4274 4275 4276 4277 4278 4279 4280 4281 4282 4283 4284 4285 4286 4287 4288 4289 4290 4291 4292 4293 4294 4295 4296 4297 4298 4299 4300 4301 4302 4303 4304 4305 4306 4307 4308 4309 4310 4311 4312 4313 4314 4315 4316 4317 4318 4319 4320 4321 4322 4323 4324 4325 4326 4327 4328 4329 4330 4331 4332 4333 4334 4335 4336 4337 4338 4339 4340 4341 4342 4343 4344 4345 4346 4347 4348 4349 4350 4351 4352 4353 4354 4355 4356 4357 4358 4359 4360 4361 4362 4363 4364 4365 4366 4367 4368 4369 4370 4371 4372 4373 4374 4375 4376 4377 4378 4379 4380 4381 4382 4383 4384 4385 4386 4387 4388 4389 4390 4391 4392 4393 4394 4395 4396 4397 4398 4399 4400 4401 4402 4403 4404 4405 4406 4407 4408 4409 4410 4411 4412 4413 4414 4415 4416 4417 4418 4419 4420 4421 4422 4423 4424 4425 4426 4427 4428 4429 4430 4431 4432 4433 4434 4435 4436 4437 4438 4439 4440 4441 4442 4443 4444 4445 4446 4447 4448 4449 4450 4451 4452 4453 4454 4455 4456 4457 4458 4459 4460 4461 4462 4463 4464 4465 4466 4467 4468 4469 4470 4471 4472 4473 4474 4475 4476 4477 4478 4479 4480 4481 4482 4483 4484 4485 4486 4487 4488 4489 4490 4491 4492 4493 4494 4495 4496 4497 4498 4499 4500 4501 4502 4503 4504 4505 4506 4507 4508 4509 4510 4511 4512 4513 4514 4515 4516 4517 4518 4519 4520 4521 4522 4523 4524 4525 4526 4527 4528 4529 4530 4531 4532 4533 4534 4535 4536 4537 4538 4539 4540 4541 4542 4543 4544 4545 4546 4547 4548 4549 4550 4551 4552 4553 4554 4555 4556 4557 4558 4559 4560 4561 4562 4563 4564 4565 4566 4567 4568 4569 4570 4571 4572 4573 4574 4575 4576 4577 4578 4579 4580 4581 4582 4583 4584 4585 4586 4587 4588 4589 4590 4591 4592 4593 4594 4595 4596 4597 4598 4599 4600 4601 4602 4603 4604 4605 4606 4607 4608 4609 4610 4611 4612 4613 4614 4615 4616 4617 4618 4619 4620 4621 4622 4623 4624 4625 4626 4627 4628 4629 4630 4631 4632 4633 4634 4635 4636 4637 4638 4639 4640 4641 4642 4643 4644 4645 4646 4647 4648 4649 4650 4651 4652 4653 4654 4655 4656 4657 4658 4659 4660 4661 4662 4663 4664 4665 4666 4667 4668 4669 4670 4671 4672 4673 4674 4675 4676 4677 4678 4679 4680 4681 4682 4683 4684 4685 4686 4687 4688 4689 4690 4691 4692 4693 4694 4695 4696 4697 4698 4699 4700 4701 4702 4703 4704 4705 4706 4707 4708 4709 4710 4711 4712 4713 4714 4715 4716 4717 4718 4719 4720 4721 4722 4723 4724 4725 4726 4727 4728 4729 4730 4731 4732 4733 4734 4735 4736 4737 4738 4739 4740 4741 4742 4743 4744 4745 4746 4747 4748 4749 4750 4751 4752 4753 4754 4755 4756 4757 4758 4759 4760 4761 4762 4763 4764 4765 4766 4767 4768 4769 4770 4771 4772 4773 4774 4775 4776 4777 4778 4779 4780 4781 4782 4783 4784 4785 4786 4787 4788 4789 4790 4791 4792 4793 4794 4795 4796 4797 4798 4799 4800 4801 4802 4803 4804 4805 4806 4807 4808 4809 4810 4811 4812 4813 4814 4815 4816 4817 4818 4819 4820 4821 4822 4823 4824 4825 4826 4827 4828 4829 4830 4831 4832 4833 4834 4835 4836 4837 4838 4839 4840 4841 4842 4843 4844 4845 4846 4847 4848 4849 4850 4851 4852 4853 4854 4855 4856 4857 4858 4859 4860 4861 4862 4863 4864 4865 4866 4867 4868 4869 4870 4871 4872 4873 4874 4875 4876 4877 4878 4879 4880 4881 4882 4883 4884 4885 4886 4887 4888 4889 4890 4891 4892 4893 4894 4895 4896 4897 4898 4899 4900 4901 4902 4903 4904 4905 4906 4907 4908 4909 4910 4911 4912 4913 4914 4915 4916 4917 4918 4919 4920 4921 4922 4923 4924 4925 4926 4927 4928 4929 4930 4931 4932 4933 4934 4935 4936 4937 4938 4939 4940 4941 4942 4943 4944 4945 4946 4947 4948 4949 4950 4951 4952 4953 4954 4955 4956 4957 4958 4959 4960 4961 4962 4963 4964 4965 4966 4967 4968 4969 4970 4971 4972 4973 4974 4975 4976 4977 4978 4979 4980 4981 4982 4983 4984 4985 4986 4987 4988 4989 4990 4991 4992 4993 4994 4995 4996 4997 4998 4999";
  width: 0;
  display: block;
  overflow-wrap: initial;
  margin-right: 2em;
  }
  
  .court-document-content {
  margin-bottom: -1.5lh;
  }
  

  Pages using this styling

  • fragment:ir000281-ch000265-rb000279-what-are-we-to-do-1 [info]

  ¶ 1 occurrence
  

  div.blockquote a { color: black; }

  Pages using this styling

  • fragment:ipsy-00 [info]

  ¶ 1 occurrence
  

  .appeal{
      border:dotted 1px #000000;
      background:#F8F8FF;
      width:90%;
      padding:1px 15px;
      margin: 10px auto;
      max-width: 500px;
  }
  .transcript{
      border:dotted 1px #000000;
      background:#f2f3f4;
      width:60%;
      padding:1px 15px;
      margin: 10px auto;
  }
  .telegram{
      border:dotted 1px #000000;
      background:#f8de7e;
      width:90%;
      padding:1px 15px;
      margin: 10px auto;
  }
  .imperial{
      border:dotted 1px #b22222;
      font-family: "Goudy Old Style", "Goudy Old Style",serif;
      font-style: normal;
      font-size: 18px;
      background:#fff5ee;
      width:90%;
      padding:1px 15px;
      margin: 10px auto;
  }
  .order{
      border:dotted 1px #000000;
      font-family: "Courier New", "Courier", monospace;
      font-style: normal;
      background:#f4f0ec;
      width:90%;
      padding:1px 15px;
      margin: 10px auto;
  }

  Pages using this styling

  • fragment:infamy-1 [info]

  ¶ 1 occurrence
  

  @import url(''https://fonts.googleapis.com/css2?family=Open+Sans+Condensed:wght@300&display=swap'');
  @import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@300&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Teko:wght@300&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=EB+Garamond&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Parisienne&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Special+Elite&display=swap');
  .Salamin {
    font-family: 'EB Garamond', serif;
    font-size: 1.00em;
    font-style: italic;
  }
  .Interim {
    font-family: 'Parasienne', cursive;
    font-style: italic;
  }
  .Jarhead {
    font-family: 'Special Elite', cursive;
  }
  :root {
      --pale-accent: 158, 105, 0;
      --bright-accent: 232, 202, 37;
      --medium-accent: 55, 158, 179;
      --dark-accent: 38, 53, 113;
      --alt-accent: 255, 126, 5;
  --header-h2-font-size: calc(var(--base-font-size) * 1.05);
  --header-gradient-color-bottom: var(--medium-accent);
  --header-gradient-color-middle: var(--dark-accent);
  --visited-link-color: var(--pale-accent);
  --hover-link-color: var(--bright-accent);
  --tabs-bg: var(--dark-accent);
  --rating-module-bottom-border-color: var(--dark-accent);
  --rating-module-button-plus-color: 55, 158, 179;
  --rating-module-button-negative-color: 255, 126, 5;
  --title-font: 'Barlow Condensed', sans-serif;
  --header-font: 'Teko', sans-serif;
  --logo-image: url(http://scp-sandbox-3.wikidot.com/local--files/rtsandboxnoketerleftbehind/scp-reintegration-sigil-alt.png);
  --header-title: "Site-48 Reintegration Committee";
  --header-subtitle: "Safety, Camaraderie, Prosperity";
  }

  Pages using this styling

  • fragment:infamy-1 [info]

  ¶ 1 occurrence
  

  .Salamin {
    font-family: 'EB Garamond', serif;
    font-size: 1.00em;
    font-style: italic;
  }
  .Interim {
    font-family: 'Parasienne', cursive;
    font-style: italic;
  }
  .Jarhead {
    font-family: 'Special Elite', cursive;
  }
  .document {
      background: #f2f3f4;
      box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
      margin: 26px auto 0;
      max-width: 750px;
      min-height: 100px;
      padding: 24px;
      padding-top: 50px;
      position: relative;
      width: 90%;
  }
  .document:before,
  .document:after {
      content: "";
      height: 98%;
      position: absolute;
      width: 100%;
      z-index: -1;
  }
  .document:before {
      background: #fafafa;
      box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
      left: -5px;
      top: 4px;
      transform: rotate(-0.4deg);
  }
  .document:after {
      background: #f6f6f6;
      box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
      right: -3px;
      top: 1px;
      transform: rotate(0.2deg);
  }
  .transcript{
      border:dotted 1px #000000;
      background:#f2f3f4;
      width:60%;
      padding:1px 15px;
      margin: 10px auto;
  }
  .telegram{
      border:dotted 1px #000000;
      background:#f8de7e;
      width:90%;
      padding:1px 15px;
      margin: 10px auto;
  }
  .imperial{
      border:dotted 1px #b22222;
      font-family: "Goudy Old Style", "Goudy Old Style",serif;
      font-style: normal;
      font-size: 18px;
      background:#fff5ee;
      width:80%;
      padding:1px 15px;
      margin: 10px auto;
  }
  .order{
      border:dotted 1px #000000;
      font-family: "Courier New", "Courier", monospace;
      font-style: normal;
      background:#f4f0ec;
      width:80%;
      padding:1px 15px;
      margin: 10px auto;
  }

  Pages using this styling

  • fragment:infamy-0 [info]

  ¶ 1 occurrence
  

  :root {
      --white-monochrome: 252, 252, 252;
      --pale-gray-monochrome: 244, 244, 244;
      --light-pale-gray-monochrome: 244, 244, 244;
  
      --very-light-gray-monochrome: 240, 210, 100;
      --light-gray-monochrome: 120, 50, 50;
      --gray-monochrome: 231, 201, 169;
      --dark-gray-monochrome: 48, 48, 52;
      --black-monochrome: 12, 12, 12;
      --pale-accent: 160, 105, 0;
      --bright-accent: 215, 195, 160;
      --medium-accent: 245, 215, 155;
      --dark-accent: 90, 40, 30;
      --alt-accent: 120, 50, 50;
  
  --swatch-background: var(--gray-monochrome);
  --background-gradient-color: 214, 162, 106;
  --header-h2-font-size: calc(var(--base-font-size) * 1.6);
  --header-gradient-color-bottom: var(--medium-accent);
  --header-gradient-color-middle: var(--dark-accent);
  
  --link-color: var(--pale-accent);
  --visited-link-color: var(--dark-accent);
  --hover-link-color: var(--dark-accent);
  
  --rating-module-bottom-border-color: var(--dark-accent);
  --rating-module-button-plus-color: 90, 40, 30;
  --rating-module-button-negative-color: 120, 50, 50;
  --rating-module-button-cancel-color: var(--gray-monochrome);
  --rating-module-bg-color: var(--white-monochrome);
  
  --ui-button-hover-bg: var(--swatch-primary-darkest);
  --ui-button-hover-outline: var(--swatch-primary-darkest);
  
  --title-font: 'Josefin Sans', sans-serif;
  --header-font: 'Josefin Sans', sans-serif;
  --logo-image: url(http://scp-sandbox-3.wikidot.com/local--files/rtsandboxaocalt/scp-aoc-sigil-page-white.png);
  --header-title: "Allied Occult Command";
  --header-subtitle: "Measure, Countermeasure";
  }
  #main-content {
  --ui-icon-hover-bg: var(--swatch-primary-darkest);
  --editor-icon-hover-bg: var(--swatch-primary-darkest);
  --pagetags-text-hover-bg-color: var(--swatch-primary-darkest);
  }
  #footer {
  --footer-link-hover-color: var(--swatch-text-tertiary-color);
  }
  .scp-image-block .scp-image-caption {
      border: solid 1 px #000;
  }
  .scp-image-block img, .scp-image-block .scp-image-caption {
      background-color: #f4f4f4;
      outline: solid 1px #000;
  }

  Pages using this styling

  • fragment:infamy-0 [info]

  ¶ 1 occurrence
  

  @import url(''https://fonts.googleapis.com/css2?family=Open+Sans+Condensed:wght@300&display=swap'');
  @import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@300&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Teko:wght@300&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=EB+Garamond&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Parisienne&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Special+Elite&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Rajdhani:wght@300&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@100&display=swap');

  Pages using this styling

  • fragment:infamy-0 [info]

  ¶ 1 occurrence
  

  .info-container{
  --barColour: #5A281E;
  --linkColour: #fff;
  }
  .info-container .collapsible-block-content > div:nth-child(1) > p {
      margin: 0.5em;
  }
  .info-container #u-author_block, .info-container .translation_block{
   display: none;
  }

  Pages using this styling

  • fragment:infamy-0 [info]

  ¶ 1 occurrence
  

  #u-blink-bar p:last-child::after {
      content: "";
      border-right: 1px solid white;
      animation: blink 1s infinite;
      position: relative;
      left: 1px;
  }
   
  @keyframes blink{
      to {
          opacity: .0;
      }
  }

  Pages using this styling

  • fragment:hour-zero-5 [info]

  ¶ 1 occurrence
  

  hr {
  border-top: 1px solid purple;
  background-color: transparent;
  }

  Pages using this styling

  • fragment:hour-zero-4 [info]

  ¶ 1 occurrence
  

  .info-container{
  --barColour: #7A3E09;
  --linkColour: #E5D7B7;
  }
  
  hr {
  border-top: 1px solid #7A3E09;
  background-color: transparent;
  }

  Pages using this styling

  • fragment:hour-zero-3 [info]

  ¶ 1 occurrence
  

  @media (max-width: 1250px) {
      .notation {
       width: 85%;
       margin: auto;
      }
  }
  
  hr {
      border-top: 1px solid #7094ff;
      background-color: transparent;
  }

  Pages using this styling

  • fragment:hour-zero-1 [info]

  ¶ 1 occurrence
  

  #header .open-menu {
    display: none;
  }
  
  #side-bar {
    display: none;
  }
  
  :root:has(.sidebar-toggle .collapsible-block-unfolded:not([style*="none"]))
  #side-bar {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1001;
  }
  
  .sidebar-toggle .collapsible-block-folded {
    position: fixed;
    top: 10px;
    left: 10px;
    z-index: 1000;
    font-size: 300%;
    line-height: 1;
    border: 6px solid #999;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: white;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  
  .sidebar-toggle
  .collapsible-block-folded
  .collapsible-block-link {
    margin-top: -6px;
  }
  
  .sidebar-toggle .collapsible-block-unfolded .collapsible-block-link {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: #0002;
  }
  
  .sidebar-toggle .collapsible-block-link:hover {
    text-decoration: none;
  }
  
  #side-bar {
    padding: 15px;
    overflow: auto;
    width: 15rem;
  }
  
  #main-content {
    max-width: 720px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 1.5em;
    padding-right: 1.5em;
  }
  
  #side-bar .close-menu {
    display: none;
  }
  
  .sidebar-toggle .collapsible-block-unfolded .collapsible-block-link {
    z-index: 1000;
  }
  
  .sidebar-toggle .collapsible-block-folded {
    border-radius: 0;
    border-color: rgb(7, 83, 0);
    background-color: black;
  }
  
  .sidebar-toggle .collapsible-block-folded .collapsible-block-link {
    color: rgb(23, 230, 16);
  }
  
  #header .open-menu {
    display: none !important;
  }
  
  .sidebar-toggle .collapsible-block-folded .collapsible-block-link {
    translate: 0 2.5px;
  }
  
  .sidebar-toggle .collapsible-block-folded .collapsible-block-link {
    color: rgb(23, 230, 16);
    background-color: rgb(23, 230, 16);
    mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' id='Hamburger' x='0' y='0' baseProfile='tiny' overflow='visible' version='1.2' viewBox='0 0 32 32' xml:space='preserve'%3E%3Cpath d='M4 10h24c1.1 0 2-.9 2-2s-.9-2-2-2H4c-1.1 0-2 .9-2 2s.9 2 2 2zm24 4H4c-1.1 0-2 .9-2 2s.9 2 2 2h24c1.1 0 2-.9 2-2s-.9-2-2-2zm0 8H4c-1.1 0-2 .9-2 2s.9 2 2 2h24c1.1 0 2-.9 2-2s-.9-2-2-2z'/%3E%3C/svg%3E");
    width: 30px;
    height: 30px;
    margin-top: 1px;
  }
  
  .sidebar-toggle .collapsible-block-folded .collapsible-block-link {
   margin-top: -5px;
    }
  

  Pages using this styling

  • fragment:hodcode [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css?family=Pinyon+Script');
  /*
      The Pinyon Script font was created by Nicole Fally and is licensed under the Open Font License
  */

  Pages using this styling

  • fragment:heart-of-mekhane-0 [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Special+Elite&display=swap');
  @import url('https://fonts.googleapis.com/css?family=Cinzel');
  @import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap');
  
  
  /* Fuente */
  
  #content-wrap {
     font-family: 'Special Elite', cursive;
  }
  
  h1 {
     font-family: 'Special Elite', cursive;
     font-weight:normal;
     font-style:normal;
  }
  
  h2 {
     font-family: 'Special Elite', cursive;
     font-weight:normal;
     font-style:normal;
  }
  
  h3 {
     font-family: 'Special Elite', cursive;
     font-weight:normal;
     font-style:normal;
  }
  
  h4 {
     font-family: 'Special Elite', cursive;
     font-weight:normal;
     font-style:normal;
  }
  
  h5 {
     font-family: 'Special Elite', cursive;
     font-weight:normal;
     font-style:normal;
  }
  
  h6 {
     font-family: 'Special Elite', cursive;
     font-weight:normal;
     font-style:normal;
  }
  
  /* Esconder Cuadro de Footnotes */
  
  .footnotes-footer {
      display: none;
  }
  
  /* Estilo de las Footnotes */
   
  .hovertip {
      width: 20em;
      padding: 0.5em;
   
      border: 1px solid #000 !important;
      color: #000;
      text-align: center;
   
      background-color: #ebe0c4 !important;
      z-index: 100;
  }
  
  /* Ocultar la primera línea de las Footnotes */
  
  .footnote .f-heading, .equation .e-heading, .reference .r-heading {
      display: none;
  }
  
  /* Ocultar la última línea de las Footnotes */
  
  .footnote .f-footer, .equation .e-footer, .reference .r-footer {
      display: none;
  }
  
  .firstcharacter {
    color: #000;
    float: left;
    font-family: Georgia;
    font-size: 650%;
    line-height: 60px;
    padding-top: 4px;
    padding-right: 5px;
    padding-left: 3px;
  }
  
  .tillytext{
   font-family: "Inter", sans-serif;
  }
  
  .document {
      background: white;
  }

  Pages using this styling

  • fragment:hatuey-offset-2 [info]

  ¶ 1 occurrence
  

  :root {
  --header-title: "‎ ‎ ";
  }
  .scp-image-block .scp-image-caption {
      background-color: #d7b73a;
      border-top-color: #d7b73a;
  }

  Pages using this styling

  • fragment:goblincon-5257-goldenchanges-6 [info]

  ¶ 1 occurrence
  

  .orderwrapper {position: relative;width: auto;text-align: center;}.council1 {position: relative;top: 0;bottom: 0;left: 0;right: 0;width: 295px;height: 295px;margin: auto;background-image: url( "https://kaktuskontainer.wdfiles.com/local--files/format-hell/scp_trans.png" );background-size: 295px 295px;background-repeat: no-repeat;background-position: center;}.ordertitle {position: absolute;left: 0;right: 0;top: 38px;}.ordertitle h1 {font-size: 220%;color: #d3d6db;}.orderdescription {position: absolute;left: 0;right: 0;top: 85px;width: 100%;}.orderdescription p {font-size: 90%;color: #d3d6db;}.orderdescription h1 {font-size: 120%;color: #d3d6db;}.itemno {position: absolute;left: 0;right: 0;bottom: 27px;}.itemno h1 {font-size: 170%;color: #d3d6db;}

  Pages using this styling

  • fragment:goblincon-5257-goldenchanges-1 [info]

  ¶ 1 occurrence
  

  .email-example .collapsible-block-folded a.collapsible-block-link {
      animation: blink 0.8s ease-in-out infinite alternate;
  }
  @keyframes blink {
      0% { color: transparent; }
      50%, 100% { color: #7a9bf5; }
  }
  .email {border: solid 2px #000000; width: 88%; padding: 1px 15px; margin: 10px; box-shadow: 0 1px 3px rgba(0,0,0,.5)}
  .email-example a.collapsible-block-link {font-weight: bold;}
  .tofrom {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px maroon}

  Pages using this styling

  • fragment:goblincon-5257-goldenchanges-1 [info]

  ¶ 1 occurrence
  

  .wiki-content-table .fncon {
    color: black;
  }

  Pages using this styling

  • fragment:goblincon-5257-goldenchanges-1 [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Special+Elite&display=swap');
  
  .offset {
      animation: blink 0.8s ease-in-out infinite alternate;
  }
  @keyframes blink {
      0% { color: transparent; }
      50%, 100% { color: #b01; }
  }
  :root {
    --header-title: "SCP Foundation";
    --header-subtitle: "Let's Begin At the End";
  }
  :root {
      --timeScale: 2;
      --timeDelay: 0.5s;
  }
  :root {
      --fnColor: #6931BA;
  }
  .Filerep {
       font-family: 'Special Elite', cursive;
  }

  Pages using this styling

  • fragment:goblin-9 [info]

  ¶ 1 occurrence
  

  #page-content a.collapsible-block-link { font-weight: bold; }

  Pages using this styling

  • fragment:goblin-8 [info]

  ¶ 1 occurrence
  

  :root {
   --header-title: "";
  --header-subtitle: "";
  --logo-image: url(https://scp-wiki.wdfiles.com/local--files/fuckhead/FruityLogo.png);
  --accent-color: 255, 51, 102;
  --header-height-on-desktop: 21rem;
  --header-height-on-mobile: 20rem;
  }
  
  #page-title {
    display: none;
  }
  
  #header::before {
      opacity: 1;
      background-size: auto 300px;
      height: 500px;
  }
  #container-wrap:before {
      background-image: url("");
      background-repeat: no-repeat;
      opacity: 0.377;
      background-size: auto 120%;
  }
  
  body {
      background: #5a3f52;
      background-image: url(https://scp-wiki.wdfiles.com/local--files/fuckhead/FruityBG.png);
      background-attachment: fixed;
      background-size: cover;
      background-repeat: no-repeat;
  ::selection {
              color: red;
          }
  }
  
  
  
  
  :root {
      --basalt-UI-dark-palette: 50, 45, 45;
      --basalt-bright-element-color: 255, 51, 102;
      --basalt-dark-element-color: 255, 51, 102;
      --basalt-primary-color: 15, 10, 12;
      --basalt-secondary-color: 40, 20, 23;
      --basalt-tertiary-color: 50, 40, 40;
      --general-border-color: 255, 51, 102;
  }
  
  
  a:link {
    color: #ff3366;
  }
  a:visited {
    color: #ff3366;
  }
  a:hover {
    color: #ff3366;
  }
  a:active {
    color: #ff3366;
  }
  
  .fuckhead {
        color: #00ff00;
     }
  .fruity {
        color: #ff3366;
     }
  .napoleon {
        color: #3ea4f0;
     }
  .daisy {
        color: #ff9933;
     }
  .jean{
        color: #967bb6;
     }
  

  Pages using this styling

  • fragment:fuckhead-3 [info]

  ¶ 1 occurrence
  

  :root {
   --header-title: "";
  --header-subtitle: "";
  --logo-image: url(https://scp-wiki.wikidot.com/local--files/fuckhead/Malfeasance.png);
  --accent-color: 0, 255, 0;
  --header-height-on-desktop: 21rem;
  --header-height-on-mobile: 20rem;
  }
  
  #page-title {
    display: none;
  }
  
  #header::before {
      opacity: 1;
      background-size: auto 300px;
      height: 500px;
  }
  #container-wrap:before {
      background-image: url("");
      background-repeat: no-repeat;
      opacity: 0.377;
      background-size: auto 120%;
  }
  
  body {
  
      background-image: url(https://scp-wiki.wikidot.com/local--files/whore-of-blood-hub/HellBackgroundMalphas.png);
      background-attachment: fixed;
      background-size: cover;
  ::selection {
              color: red;
          }
  }
  
  body:before {
    content: ' ';
    position: fixed;
    display: block;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(170deg, transparent, rgb(0, 0, 0) 65%, rgb(0, 0, 0) 65%, rgb(0, 0, 0) 100%);
    z-index: -1;
    color:#EDEDED;
  }
  
  
  :root {
      --basalt-UI-dark-palette: 45, 50, 45;
      --basalt-bright-element-color: 0, 255, 0;
      --basalt-dark-element-color: 0, 255, 0;
      --basalt-primary-color: 10, 15, 12;
      --basalt-secondary-color: 20, 40, 23;
      --basalt-tertiary-color: 40, 50, 40;
      --general-border-color: 0, 255, 0;
  }
  
  
  a:link {
    color: #00ff00;
  }
  a:visited {
    color: #00ff00;
  }
  a:hover {
    color: #00ff00;
  }
  a:active {
    color: #00ff00;
  }
  
  .stylization{
  background:url("fuckhead.png");
  background-position:center;
  }
  .stylization a{
  box-shadow:none !important;
  text-decoration:none !important;
  }
  .stylization a:hover{
  background-color:none !important;
  }
  .stylization:hover{
  filter: drop-shadow(0px 0px 100px #FF0000);
  }
  

  Pages using this styling

  • fragment:fuckhead-2 [info]

  ¶ 1 occurrence
  

  :root {
   --header-title: "";
  --header-subtitle: "";
  --logo-image: url(https://scp-wiki.wdfiles.com/local--files/fuckhead/Malfeasance.png);
  --accent-color: 0, 255, 0;
  --header-height-on-desktop: 21rem;
  --header-height-on-mobile: 20rem;
  }
  
  #page-title {
    display: none;
  }
  
  #header::before {
      opacity: 1;
      background-size: auto 300px;
      height: 500px;
  }
  #container-wrap:before {
      background-image: url("");
      background-repeat: no-repeat;
      opacity: 0.377;
      background-size: auto 120%;
  }
  
  body {
  
      background-image: url(https://scp-wiki.wikidot.com/local--files/whore-of-blood-hub/HellBackgroundMalphas.png);
      background-attachment: fixed;
      background-size: cover;
  ::selection {
              color: red;
          }
  }
  
  body:before {
    content: ' ';
    position: fixed;
    display: block;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(170deg, transparent, rgb(0, 0, 0) 65%, rgb(0, 0, 0) 65%, rgb(0, 0, 0) 100%);
    z-index: -1;
    color:#EDEDED;
  }
  
  
  :root {
      --basalt-UI-dark-palette: 45, 50, 45;
      --basalt-bright-element-color: 0, 255, 0;
      --basalt-dark-element-color: 0, 255, 0;
      --basalt-primary-color: 10, 15, 12;
      --basalt-secondary-color: 20, 40, 23;
      --basalt-tertiary-color: 40, 50, 40;
      --general-border-color: 0, 255, 0;
  }
  
  
  a:link {
    color: #00ff00;
  }
  a:visited {
    color: #00ff00;
  }
  a:hover {
    color: #00ff00;
  }
  a:active {
    color: #00ff00;
  }
  
  
  
  
  
  .stylization{
  background:url("fuckhead.png");
  background-position:center;
  }
  .stylization a{
  box-shadow:none !important;
  text-decoration:none !important;
  }
  .stylization a:hover{
  background-color:none !important;
  }
  .stylization:hover{
  filter: drop-shadow(0px 0px 100px #FF0000);
  }

  Pages using this styling

  • fragment:fuckhead-1 [info]

  ¶ 1 occurrence
  

  :root {
   --header-title: "";
  --header-subtitle: "";
  --logo-image: url(https://scp-wiki.wdfiles.com/local--files/fuckhead/Malfeasance.png);
  --accent-color: 0, 255, 0;
  --header-height-on-desktop: 21rem;
  --header-height-on-mobile: 20rem;
  }
  
  #page-title {
    display: none;
  }
  
  #header::before {
      opacity: 1;
      background-size: auto 300px;
      height: 500px;
  }
  #container-wrap:before {
      background-image: url("");
      background-repeat: no-repeat;
      opacity: 0.377;
      background-size: auto 120%;
  }
  
  body {
  
      background-image: url(https://scp-wiki.wikidot.com/local--files/whore-of-blood-hub/HellBackgroundMalphas.png);
      background-attachment: fixed;
      background-size: cover;
  ::selection {
              color: red;
          }
  }
  
  body:before {
    content: ' ';
    position: fixed;
    display: block;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(170deg, transparent, rgb(0, 0, 0) 65%, rgb(0, 0, 0) 65%, rgb(0, 0, 0) 100%);
    z-index: -1;
    color:#EDEDED;
  }
  
  
  :root {
      --basalt-UI-dark-palette: 45, 50, 45;
      --basalt-bright-element-color: 0, 255, 0;
      --basalt-dark-element-color: 0, 255, 0;
      --basalt-primary-color: 10, 15, 12;
      --basalt-secondary-color: 20, 40, 23;
      --basalt-tertiary-color: 40, 50, 40;
      --general-border-color: 0, 255, 0;
  }
  
  
  a:link {
    color: #00ff00;
  }
  a:visited {
    color: #00ff00;
  }
  a:hover {
    color: #00ff00;
  }
  a:active {
    color: #00ff00;
  }
  
  .stylization{
  background:url("fuckhead.png");
  background-position:center;
  }
  .stylization a{
  box-shadow:none !important;
  text-decoration:none !important;
  }
  .stylization a:hover{
  background-color:none !important;
  }
  .stylization:hover{
  filter: drop-shadow(0px 0px 100px #FF0000);
  }
  

  Pages using this styling

  • fragment:fuckhead-0 [info]

  ¶ 1 occurrence
  

  .INT-box {
      display: grid;
      gap: 0.325rem;
      flex-wrap: wrap;
      box-sizing: border-box;
      background-color: #fff;
      padding: 1.25rem 1.875rem 1.875rem;
      border-radius: 1.5rem;
      border: solid 0.275rem #000;
      box-shadow: inset 0 0 0 0.175rem #fff, inset 0 0 0 0.675rem #4b92db;
  }
  .INT-box h3 { margin: 0.125rem 0 0.325rem; }
  .INT-box h3 a { font-size: 1.5em; }
  
  .INT-content-wrapper {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: center;
      gap: 0.325rem .625rem;
  }
  .INT-content-wrapper > a {
      flex-basis: calc(27.5% + 1rem + 1vw);
      max-width: 12.25rem;
      min-width: min(100%, 10rem);
      padding: 0 0.5rem;
  }
  .INT-content-wrapper > .INT-content {
      flex-grow: 1;
      flex-basis: 14rem;
      text-align: center;
  }
  @supports (text-align-last: center) {
      .INT-content p {
          text-align: justify;
          text-align-last: center;
      }
  }
  
  .INT-box > .collapsible-block {
      flex-basis: 100%;
      --col-link-size: min(calc(0.325rem + 1vw), 0.825rem);
      --col-border-width: 0.1rem;
  }
  .INT-box > .collapsible-block .collapsible-block-link {
      width: max-content;
      max-width: 75%;
      text-align: center;
      font-weight: bold;
      font-size: var(--col-link-size);
      margin: 0 auto;
      display: block;
      color: #4b92db;
      background-color: #fff;
      padding: 0 0.325em;
      z-index: 1;
  }
  .INT-box > .collapsible-block .collapsible-block-folded {position: relative; z-index: 1;}
  .INT-box > .collapsible-block .collapsible-block-folded:not([style*="none"])::before {
      content: "";
      display: block;
      position: absolute;
      left: 0; bottom: calc(var(--col-link-size)*0.5 - var(--col-border-width));
      width: 100%; height: var(--col-border-width);
      background-color: #4b92db;
      z-index: -1;
  }
  .INT-box > .collapsible-block .collapsible-block-unfolded {margin: 0;}
  .INT-box > .collapsible-block .collapsible-block-unfolded-link { position: relative; z-index: 1; }
  .INT-box > .collapsible-block .collapsible-block-content {
      border: var(--col-border-width) solid #4b92db;
      border-radius: 0.375rem;
      position: relative;
      z-index: 0;
      margin-top: calc(var(--col-link-size)*-0.5);
      padding: 0.875rem 0.325rem 0.125rem;
  }
  
  .c_international-body {
      display: flex;
      flex-wrap: wrap;
  }
  
  .c_international-box {
      font-size: 96.5%;
  }
  
  .c_international-box {
      text-align: center;
      flex-basis: 8.5rem;
      flex-grow: 1;
  }
  .c_international-box a img {
      width: 6.75rem;
  }
  .c_international-text p {
      margin: 0 0 1.25em;
  }
  @media (max-width: 580px) {
      .c_international-box {
          flex-basis: 6.5rem;
      }
      .c_international-box a img {
          width: 4.5rem;
      }
  }

  Pages using this styling

  • fragment:front-page-international-branches [info]

  ¶ 1 occurrence
  

  
  #main-content {padding-top: 0;}
  #page-title {display: none;}
  
  #page-content {
      --gap: .875rem;
      --medium-gap: calc(var(--gap)*2.5);
      --big-gap: calc(var(--gap)*5);
      --small-gap: calc(var(--gap)*.5);
  
      --box-accent: #823f3f;
      --dark: #333;
      --light: #fff;
      --accent: var(--box-accent);
      --active: #700;
      --link-color: #b01;
      --link-bg: #c0696014;
  
      --attention: #fff5e2;
  
      --_c: .875rem;
      --_duration: .25s;
      --_timing: cubic-bezier(.14,.53,.4,.98);
      --_delay: .1625s;
      --_shadow: 0 0 .275rem rgb(0 0 0 / 0.225);
      container: page-content / inline-size;
  }
  
  .c-scp { --link-color: #823f3f; --link-bg: #823f3f1a; }
  .c-tale { --link-color: #3b5c97; --link-bg: #3b5c971a; }
  .c-goi { --link-color: #b57e16; --link-bg: #b57e161a; }
  .c-art { --link-color: #3d8554; --link-bg: #3d85541a; }
  
  
  
  
  /* *** BASE *** */
  
  @media not all and (max-width: 767px) {
      #main-content {
          max-width: min(70.5rem, calc(100% - 3.5rem));
      }
      #content-wrap { max-width: 90.5rem; }
  }
  
  div[id*="fp-"] { margin-block-end: var(--gap); }
  
  #page-content > hr {
      background: transparent;
      height: 0;
      margin: 0;
      margin-block: calc(var(--big-gap)*.5);
  }
  
  /*---------------------------------------*/
  
  a.slider {
      position: relative;
      isolation: isolate;
      text-decoration: none;
      transition: color var(--_duration) var(--_timing) var(--_delay);
  }
  .slider::before {
      content: "";
      position: absolute;
      top: 0; left: 0;
      width: 0; height: 100%;
      z-index: -1;
      background-color: var(--active);
      transition: width var(--_duration) var(--_timing) var(--_delay);
  }
  .slider:is(:hover,:focus,:focus-within) { color:  var(--light); }
  .slider:is(:hover,:focus,:focus-within)::before { width: 100%; }
  
  .clip { clip-path: polygon(0 0, 100% 0, 100% calc(100% - var(--_c)), calc(100% - var(--_c)) 100%, 0 100%); }
  
  a.core-link {
      padding: .325em .75rem;
      color: var(--link-color);
      background-color: var(--link-bg);
      font-weight: 650;
  
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: .5rem;
      box-shadow: inset .275rem 0 0 var(--link-bg);
  }
  a.core-link::after { content: "->"; min-width: max-content; }
  
  /*---------------------------------------*/
  
  .low-weight h2 {
      display: flex;
      align-items: center;
      margin-block: 0;
      color: var(--header-color);
      font-family: inherit;
      font-weight: bold;
      letter-spacing: 0;
      font-size: 1.125em;
      gap: .95ch;
      > span {
          border-bottom: solid thin;
          padding: .175em;
      }
  }
  .low-weight h2::after {
      content: "";
      display: block;
      align-self: end;
      border-top: solid thin currentColor;
      border-inline-start: solid thin currentColor;
      flex-grow: 1;
      min-width: 1rem;
      height: 1ch;
      transform: skewX(-45deg);
      transform-origin: top right;
  }
  
  .quad-dis > .section-head { grid-column: 1/-1; }
  
  .section-head h2 {
      display: flex;
      align-items: center;
      gap: .5rem;
      margin: 0;
      font-size: 1.325em;
      font-family: inherit;
      letter-spacing: 0;
      font-weight: bold;
      color: var(--dark);
  }
  .section-head h2::after {
      content: "";
      display: flex;
      border-block-start: solid thin currentColor;
      flex-grow: 1;
      min-width: 2rem;
  }
  
  /*---------------------------------------*/
  
  .quad-dis {
      display: grid;
      gap: var(--gap);
      --basis: 27.5ch;
      grid-template-columns: repeat(auto-fit, minmax(min((100% - var(--gap)* 2), max(var(--basis),(100% - var(--gap)* 2) / 2)), 1fr));
  }
  
  .flex-wrapper {
      display: flex;
      flex-wrap: wrap;
      gap: var(--gap);
      > div {
          flex-basis: 36.75ch;
          flex-grow: 1;
          margin: 0;
      }
  }
  
  /*---------------------------------------*/
  
  .dropdown {
      display: grid;
      position: relative;
      z-index: 1;
  }
  .dropdown-content {
      position: absolute;
      inset-block-start: 100%;
      inset-inline-end: 0;
      width: max(100%, 40ch);
      max-width: unset;
      max-height: calc(13.5rem + 27.75svh);
      overflow-y: auto;
      box-sizing: border-box;
      padding: .125rem .75rem;
      font-size: .9125em;
      background-color: var(--light);
      box-shadow: var(--_shadow);
      clip-path: inset(0 0 100% 0);
      transition: clip-path var(--_duration) var(--_timing) .125s;
  }
  
  .dropdown > a {
      --_status: var(--dark);
      display: flex;
      justify-content: space-between;
      gap: var(--small-gap);
      align-items: center;
      font-size: .875em;
      color: var(--_status);
      text-decoration: none;
      transition: background-color .125s var(--_timing);
  }
  
  .dropdown > a::after {
      content: "i";
      font-family: monospace;
      font-size: .775rem;
      padding: .125rem;
      font-weight: bold;
      color: var(--light);
      background-color: var(--_status);
  
      display: grid;
      place-items: center;
      text-align: center;
      aspect-ratio: 1;
      width: 2.25ch;
      transition: background-color .125s var(--_timing);
  }
  .dropdown > a:is(hover,:focus),
  .dropdown:is(:hover,:focus-within) > a {
      --_status: var(--active);
  }
  
  .dropdown:is(:hover,:focus-within) .dropdown-content {
      clip-path: inset(-1rem);
  }
  
  div.link-container {
      display: flex;
      flex-wrap: wrap;
      gap: var(--small-gap);
  
      > br { display: none; }
      a {
          flex-grow: 1;
          flex-basis: 9.25em;
      }
  }
  
  /*---------------------------------------*/
  /*---------------------------------------*/
  /*---------------------------------------*/
  
  #u-fp-opener {
      display: grid;
      gap: var(--gap);
      grid-template-columns: minmax(0,2fr) minmax(0,1fr);
  }
  .opener-main {
      display: flex;
      flex-direction: column;
  }
  
  .masthead-wrapper {
      flex-grow: 1;
      display: grid;
      grid-template-columns: 1fr;
      grid-template-rows: 1fr;
  }
  
  .masthead {
      grid-column: 1 / 2;
      grid-row: 1 / 2;
  
      display: flex;
      flex-direction: column;
      justify-content: center;
      padding: .75rem;
      gap: .175rem;
      text-align: center;
      background-color: var(--_bg);
      background-image: var(--_img);
      background-position: center;
      background-repeat: no-repeat;
      box-shadow: var(--_shadow);
  }
  
  .masthead .line:is(.pre,.post) {
      font-size: .8125em;
      font-weight: 650;
      letter-spacing: .025em;
  }
  .masthead .line.middle {
      color: var(--link-color);
      font-weight: 700;
      font-size: min(2.975em, calc(.775em + 3.25vw));
      letter-spacing: .5rem;
      line-height: .95;
  }
  
  div.primer {
      margin: 0;
      --discord: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' data-name='Layer 1' viewBox='0 0 487.2 480.2'%3E%3Cpath d='M158.1 319.7a31.6 31.6 0 0 0 5.2 3.1l5 2.7 5 2.4 5.3 2.3a52.9 52.9 0 0 1 5.3 2.3 14.3 14.3 0 0 1-.7 2c-1.8 3.1-3.4 6.4-5.3 9.5l-8.9 13.5-.9 1.1a1.9 1.9 0 0 1-2.2.8l-1.6-.5c-8-2.6-15.8-5.4-23.5-8.7a258 258 0 0 1-27.8-14c-6.8-3.8-13.2-8-19.7-12.5l-3.2-2.3a3.7 3.7 0 0 1-1.7-2.6l-.1-1c-.2-2.2-.5-4.4-.5-6.7-.2-6.5-.7-13-.6-19.6a306 306 0 0 1 3-37.5 244.5 244.5 0 0 1 8-34.6 251.6 251.6 0 0 1 9-25 276 276 0 0 1 10.9-22.6q6.4-11.8 13.7-23c3-4.8 2-4 7.7-6.6a254.5 254.5 0 0 1 57.2-17.2l1-.2a1.8 1.8 0 0 1 1.9.9l1 1.7 5.2 10.5.5 1c.8 1.8 1 2.2 3.5 1.9 3.8-.6 7.9-.8 11.8-1.3 9.9-1 19.8-1 29.8-.8 3.8 0 7.7.5 11.6.8l6 .5 6.8.9h.5c1.2.2 1.6 0 2.2-1.1l1.1-2.5 4.8-9.8.9-1.6a2.1 2.1 0 0 1 2.5-1.1l2.2.4a257 257 0 0 1 36.2 9.5c7.5 2.6 15 5.5 22.2 8.7a7.2 7.2 0 0 1 3.3 2.9c3.5 5.6 7.2 11.1 10.5 16.8a267.2 267.2 0 0 1 18.1 37.3 246.8 246.8 0 0 1 10 31.5 244.7 244.7 0 0 1 5 26.6c.6 3.7.8 7.5 1.2 11.3 1.2 11 1.1 21.8 1 32.8l-.9 11.6-.1 3.2a5 5 0 0 1-2.3 4.4q-8.5 6-17.4 11.5c-6.8 4.1-13.6 8-20.7 11.3a247.4 247.4 0 0 1-23.7 10c-3.8 1.5-7.6 2.7-11.4 4l-1.5.5c-2 .7-2.3.6-3.5-1a165 165 0 0 1-9.5-14.4l-4.8-8.7-1-2.1c.6-1.1 1.6-1.2 2.4-1.6a168.5 168.5 0 0 0 16.5-7.5l5.4-3a14.7 14.7 0 0 0 1.3-1 7.8 7.8 0 0 0-.8-1l-3.5-2.7a2.6 2.6 0 0 0-3-.4l-11 4.6a178.2 178.2 0 0 1-30.5 8.8 209 209 0 0 1-17.2 2.5 175.4 175.4 0 0 1-25.5.8c-4.7-.2-9.3-.8-13.9-1.3a156.8 156.8 0 0 1-18.3-3 171.6 171.6 0 0 1-23.6-7c-4.5-1.7-9-3.5-13.4-5.4a2.4 2.4 0 0 0-2.7.3l-4.8 3.7zm135.2-96.6a21.2 21.2 0 0 0-10.5 2.4A28.6 28.6 0 0 0 268 243a32.8 32.8 0 0 0-1.3 16.4 33.8 33.8 0 0 0 5.2 13 24.7 24.7 0 0 0 3.7 4.4 27 27 0 0 0 15.5 7.5 25.3 25.3 0 0 0 13-2 26.7 26.7 0 0 0 8.7-6.2 29.3 29.3 0 0 0 7-11.3 34 34 0 0 0 1.6-9 36.8 36.8 0 0 0-.3-8.1 29.9 29.9 0 0 0-9-17.1 25.4 25.4 0 0 0-18.8-7.5zm-102.4 0a35.7 35.7 0 0 0-4.2.3 25.7 25.7 0 0 0-14.4 7.6 32 32 0 0 0-8.9 20.6 32.8 32.8 0 0 0 5.3 20.3 25.9 25.9 0 0 0 4 5 26.8 26.8 0 0 0 15.6 7.6 24 24 0 0 0 12-1.6 28.3 28.3 0 0 0 15-14.4 34.2 34.2 0 0 0 3-20.5 29.5 29.5 0 0 0-8.8-17.2 25 25 0 0 0-18.6-7.7z'/%3E%3C/svg%3E");
  }
  
  div.primer a {
      flex-grow: 30;
      padding: .325rem 0.75rem;
      display: flex;
      gap: .5rem;
      align-items: center;
      flex-basis: 13.25rem;
  }
  
  .primer a.discord {
      flex-basis: calc(2.75rem + 0.5vw);
      min-height: 1.75rem;
      flex-grow: 1;
      padding: 0;
      font-size: .01rem;
      position: relative;
  }
  .primer a.discord::after {
      content: "";
      position: absolute;
      top: 0; left: 0;
      width: 100%; height: 100%;
      background-color: currentColor;
      -webkit-mask-image: var(--discord);
      -webkit-mask-size: contain;
      -webkit-mask-position: center;
      -webkit-mask-repeat: no-repeat;
      mask-image: var(--discord);
      mask-size: contain;
      mask-position: center;
      mask-repeat: no-repeat;
  }
  
  /*---------------------------------------*/
  
  .opener-side {
      font-size: .875em;
      display: flex;
      flex-direction: column;
      flex-wrap: wrap;
      gap: var(--small-gap);
      --header-color: var(--dark);
  }
  
  .opener-side h2 {
      margin-block: -.25ex .25ex;
      margin-inline-start: calc(var(--gap) * -1);
      > span { padding-inline-start: var(--gap); }
  }
  
  .opener-side p {
      margin: 0;
  }
  
  /*---------------------------------------*/
  
  .bq {
      grid-column: 1 / 2;
      grid-row: 1 / 2;
  
      background-color: var(--dark);
      color: var(--light);
      font-size: .9125em;
      padding: 0.05rem .75rem;
      clip-path: inset(0 100% 0 0);
      transition: clip-path var(--_duration) var(--_timing) var(--_delay);
  }
  .bq p { margin-block: .75em; }
  .bq a {
      font-size: 0.01rem;
      opacity: 0.1;
      position: absolute;
  }
  
  .masthead-wrapper:is(:hover, :focus-within) .bq {
      clip-path: inset(0);
  }
  
  /*---------------------------------------*/
  /*---------------------------------------*/
  /*---------------------------------------*/
  
  #u-fp-survey .survey-link {
      --_p: .5rem;
      padding: var(--_p);
      box-shadow: var(--_shadow);
      background-color: var(--attention);
      font-weight: inherit;
      text-align: center;
      > span { flex-grow: 1; }
  }
  
  /*---------------------------------------*/
  /*---------------------------------------*/
  /*---------------------------------------*/
  
  #u-fp-event { margin-block: var(--medium-gap); }
  
  /*---------------------------------------*/
  /*---------------------------------------*/
  /*---------------------------------------*/
  
  #u-fp-features {
      margin-block: var(--medium-gap);
      display: grid;
      grid-template-areas:
          "head head"
          "article art"
          "article news";
      grid-template-columns: minmax(0,2fr) minmax(0,1fr);
      grid-template-rows: auto 1fr auto;
      gap: var(--gap);
  
      > .section-head {
            gap: var(--small-gap);
            > h2 {flex-grow: 1; }
      }
  }
  
  /*---------------------------------------*/
  
  :where(#u-fp-features) .section-head {
      grid-area: head;
      display: flex;
      align-items: center;
  }
  
  :where(#u-fp-features) .featured-articles {
      grid-area: article;
  }
  
  /* *** FEATURES *** */
  
  .box {
      background-color: var(--light);
      box-shadow: var(--_shadow);
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      position: relative;
      isolation: isolate;
      contain: paint layout;
  
      .title {
          display: flex;
          color: var(--light);
          box-shadow: inset 0 0.5em 0 var(--box-accent);
          font-weight: 500;
          font-size: .875em;
          z-index: 3;
          transition: all var(--_duration) var(--_timing) var(--_delay);
          p {
              margin: 0;
              padding: .25em .375em;
              flex-grow: 1;
              max-width: calc(100% - 4.5rem);
              line-height: 1.05;
              min-width: min-content;
              background: var(--box-accent);
              transition: inherit;
           }
      }
      .title::after {
          content: "";
          display: block;
          width: 2.75ch;
          flex-shrink: 1;
          height: auto;
          background: var(--box-accent);
          margin-right: 1rem;
          clip-path: polygon(0 0, 100% 0, 0 100%);
          transition: inherit;
      }
  }
  
  .feature {
      flex-grow: 1;
      padding: .5rem .625rem;
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto;
      grid-template-rows: min-content auto min-content;
      column-gap: .75rem;
      > * { grid-column: 1/2; }
  }
  .feature::after {
      content: "->";
      grid-row: 1 / 3;
      grid-column: 2 / 3;
      display: grid;
      place-items: center;
      font-size: 1.375em;
      font-weight: 500;
  }
  
  .feature-article {
      display: flex;
      align-items: baseline;
      column-gap: .75ch;
      row-gap: .5ex;
      flex-wrap: wrap;
      h2 { margin: 0; line-height: 1; font-weight: bold;}
  }
  
  .feature-subtitle {
      font-size: .875em;
      font-weight: 550;
      flex-grow: 1;
  }
  
  .feature-blurb {
      font-style: italic;
      flex-grow: 1;
  }
  
  .feature-select {
      grid-column: 1 / -1;
      font-size: .75em;
      font-style: italic;
      text-align: end;
  }
  
  .feature1box, .feature2box, .feature3box, .feature4box {
      --_duration: .675s;
      transition: color var(--_duration) var(--_timing) var(--_delay);
  
      h2 a { text-decoration: none; transition: color var(--_duration) var(--_timing) var(--_delay); }
      h2 a::after {
          content: "";
          position: absolute;
          top: 0; left: 0;
          width: 100%; height: 100%;
          z-index: 3;
      }
  }
  
  
  :is(.feature1box, .feature2box, .feature3box, .feature4box):is(:hover,:focus-within) {
      color: black;
      h2 a { color: inherit; transition-delay: 0s; transition-duration: calc(var(--_duration) * 1.5); }
      .title { --box-accent: var(--active); }
  }
  
  :is(.feature1box, .feature2box, .feature3box, .feature4box)::before,
  :is(.feature1box, .feature2box, .feature3box, .feature4box)::after {
      content: "";
      position: absolute;
      top: 0; left: 0;
      width: 0; height: 100%;
      pointer-events: none;
      transition: width var(--_duration) var(--_timing) var(--_delay);
  }
  :is(.feature1box, .feature2box, .feature3box, .feature4box)::before {
      backdrop-filter: invert(1) grayscale(1);
      z-index: 1;
  }
  :is(.feature1box, .feature2box, .feature3box, .feature4box)::after {
      background-color: var(--active);
      mix-blend-mode: screen;
      z-index: 2;
  }
  :is(.feature1box, .feature2box, .feature3box, .feature4box):is(:hover,:focus-within)::before,
  :is(.feature1box, .feature2box, .feature3box, .feature4box):is(:hover,:focus-within)::after {
      width: 100%;
  }
  
  /* *** ART *** */
  
  .box.art {
      grid-area: art;
      min-height: max(37.25svh , 20.75rem);
      justify-content: end;
  
      .box-link-container {
          display: contents;
          > a {
              position: absolute;
              top: 0; left: 0;
              width: 100%; height: 100%;
              font-size: 0.01em;
              opacity: 0.01;
              z-index: 2;
          }
      }
  
  }
  
  .caption {
      display: flex;
      gap: .75rem;
      justify-content: space-between;
      align-items: center;
      position: relative;
      isolation: isolate;
      padding: .375rem 0.625rem;
      margin: 0.5rem;
      background-color: #0009;
      color: var(--light);
      font-size: .875em;
      font-weight: 500;
      text-align: center;
      > p { margin: 0; flex-grow: 1; }
  }
  .caption::after { content: "->"; font-size: 1.375em; }
  .caption::before {
      content: "";
      position: absolute;
      top: 0; left: 0;
      width: 0; height: 100%;
      z-index: -1;
      background-color: var(--active);
      transition: width var(--_duration) var(--_timing) var(--_delay);
  }
  .box.art:is(:hover, :focus-within) .caption::before {
      width: 100%;
  }
  
  .art-slider {
      position: absolute;
      overflow: hidden;
      isolation: isolate;
  
      top: 0; left: 0;
      width: 100%; height: 100%;
      z-index: -1;
      pointer-events: none;
      display: grid;
      grid-template-areas: "stack";
      --slide-persistence: 5s;
  }
  
  .art-slide {
      grid-area: stack;
      background-color: var(--light);
      background-image: var(--artwork);
      background-size: cover;
      background-position: center;
      position: relative;
      visibility: visible;
  
      animation-duration: calc(var(--slide-persistence)*3);
      animation-timing-function: ease-in-out;
      animation-iteration-count: infinite;
  }
  .s1 {
      z-index: -1;
      animation-name: art-slide1;
  }
  .s2 {
      z-index: -2;
      animation-name: art-slide2;
  }
  .s3 {
      z-index: -3;
      animation-name: art-slide3;
  }
  
  .s1re { z-index: -99; animation: none;}
  
  
  @keyframes art-slide1 {
  0% { visibility: visible; }
  33.33%, 100% { visibility: hidden; }
  }
  @keyframes art-slide2 {
  0% { visibility: visible; }
  66.66%, 100% { visibility: hidden;; }
  }
  @keyframes art-slide3 {
  0% { visibility: visible; }
  100% { visibility: hidden; }
  }
  
  /*---------------------------------------*/
  /*---------------------------------------*/
  /*---------------------------------------*/
  
  #u-fp-main {
      display: grid;
      gap: var(--gap);
      grid-template-areas:
          "core-1 feed"
          "core-2 rise";
      grid-template-columns: minmax(0,2fr) minmax(0,1fr);
      grid-template-rows: 1fr auto;
  }
  
  :where(#u-fp-main) .core-1 {
      grid-area: core-1;
  }
  :where(#u-fp-main) .core-2 {
      grid-area: core-2;
  }
  
  .core-categories > div:not([class]),
  .core-categories > div:is(.c-scp, .c-tale, .c-goi, .c-art) {
      display: flex;
      gap: var(--small-gap);
      flex-direction: column;
  }
  .core-categories > div:not([class])::after { content: ""; flex-grow: 1; margin-block-start: calc(var(--small-gap)*-1);}
  
  .core-categories > div > p { margin: 0; }
  .core-categories > div > blockquote {
      margin: 0;
      padding: 0;
      font-size: .875em;
      text-align: center;
      border: none;
      background: transparent;
      > p { display: contents; }
  }
  
  
  /*---------------------------------------*/
  
  :where(#u-fp-main) .new { grid-area: feed; }
  :where(#u-fp-main) .hot { grid-area: rise; }
  
  /*---------------------------------------*/
  
  :where(#u-fp-main) .more-categories {
      display: flex;
      flex-direction: column;
      gap: var(--gap);
      > .link-container { order: 1; }
  }
  
  .more-categories::after {
      content: "";
      display: block;
      flex-grow: 1;
      margin-block-end: calc(var(--gap)*-1);
  }
  
  .more-categories .list-pages-box {
      display: grid;
      gap: var(--small-gap);
  }
  
  .new-index {
      display: grid;
      grid-template-areas:
          "link date"
          "author date";
      grid-template-columns: minmax(0, 1fr) 6.5rem;
      align-items: center;
  
      > a { grid-area: link; justify-self: start; }
      .author {
           grid-area: author; font-size: .75em;
           .printuser a { margin: 0; }
       }
      .ago { grid-area: date; text-align: end; font-size: .75em; }
  }
  
  /*---------------------------------------*/
  
  .site-news {
      grid-area: news;
  
      --ink: #161B33;
      --paper: #f3f3f3;
      display: flex;
      flex-direction: column;
      gap: var(--gap);
      background-color: #FEFBF8;
      padding: .775rem;
      box-shadow: var(--_shadow);
  }
  
  .site-news h2 {
      font-weight: 600;
      font-size: 1.325em;
      letter-spacing: -.025em;
      color: var(--ink);
      display: flex;
      gap: .5rem;
      align-items: center;
      text-align: center;
      margin: 0;
  }
  .site-news h2::before, .site-news h2::after {
      content: "";
      flex-grow: 1;
      height: 0.25rem;
      background-color: transparent;
      border-block: solid 0.125rem currentColor;
  }
  
  .placard {
      position: relative;
      padding: .625rem;
      text-align: center;
      border: solid .5rem transparent;
      margin-block: -.375rem;
      background: var(--paper) padding-box;
      clip-path: polygon(0 2rem, 2rem 0, 100% 0, 100% calc(100% - 2rem), calc(100% - 2rem) 100%, 0 100%);
      filter: drop-shadow(0 0 .125rem rgb(0 0 0 / 0.25));
  }
  .placard::before, .placard::after {
      position: absolute;
      width: 3em;
      height: .35em;
      background: radial-gradient(at 50% 0, rgba(0,0,0,0.17), rgba(0,0,0,0) 65%);
      content: "";
  }
  .placard::before {
      top: 0.45em;
      left: -0.95em;
      transform: rotate(-45deg);
  }
  .placard::after {
      bottom: 0.45em;
      right: -0.95em;
      transform: rotate(135deg);
  }
  .placard a { font-weight: bold; }
  
  .news-snippet {
      background-color: var(--paper);
      border-left: solid 0.175rem var(--ink);
      padding: .125rem .75rem;
      box-shadow: 0 0 .325rem rgba(0 0 0 / .25);
      position: relative;
  }
  .news-snippet::before, .news-snippet::after {
      content: "";
      height: 0.325rem;
      width: 0.325rem;
      position: absolute;
      left: -.25rem;
      background-color: var(--ink);
      transform: rotate(45deg);
  }
  .news-snippet::before { top: -.1625rem; }
  .news-snippet::after { bottom: -.1625rem; }
  
  .news-snippet h3 {
      margin-block: .325em;
      font-size: 1.175em;
  }
  .news-snippet p { margin-block: .75em; }
  
  
  /*---------------------------------------*/
  /*---------------------------------------*/
  
  #u-fp-gateway {
      display: grid;
      flex-wrap: wrap;
      gap: var(--gap);
      grid-template-areas:
          "contribute informati";
      grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  
      > :where(.informati) { grid-area: informati; }
      > :where(.contribute) { grid-area: contribute; }
  }
  
  .contribute {
  --cont-read: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' fill-rule='evenodd' stroke-linejoin='round' stroke-miterlimit='2' clip-rule='evenodd' viewBox='0 0 2560 2560'%3E%3Cpath d='m1280 495.3 364.7-234.5L1410 625.5 1644.7 990 1280 755.6 915.3 990 1150 625.5 915.3 260.8zM1123.6 469l100.6 156.5-100.6 156.4L1280 681.3l156.4 100.6-100.6-156.4L1436.4 469 1280 569.6zM2434.5 1298.8c0 186.5-167 337.8-372.8 337.8-205.7 0-372.8-151.3-372.8-337.8zm-412 202.5v89.4h78.3v-89.4h89.5V1423h-89.5v-89.4h-78.3v89.4h-89.4v78.3zM1689 1275.5l372.8-471.6 372.8 471.6-372.8-340.6zM871 1298.8c0 186.5-167 337.8-372.7 337.8s-372.8-151.3-372.8-337.8zM627 1501.3V1423H369.7v78.3zm-501.4-225.8 372.8-471.6 372.8 471.6-372.8-340.6z'/%3E%3Cpath d='M1471.1 637.2c187.6 32.3 324.7 51.7 450.5 51.7s232.5-131.2 234.2-247.5c.9-63.9-35.9-117-65.3-133.7 94.4 5 240 94.2 240 227S2246.7 778 2047.2 778s-395.2-78.4-576-141M1088.9 637.2c-187.6 32.3-324.7 51.7-450.5 51.7S406 557.7 404.2 441.4c-.9-63.9 35.9-117 65.3-133.7-94.4 5-240 94.2-240 227S313.3 778 512.8 778s395.2-78.4 576-141M1280 2121.3s139-278.5 164.2-340c-37.8-55.6-82.5-221.5-82.5-465.2V930.8l-67.2-114.2 150 105v400.8s5.3 300 134.5 447.1c-49.2 98.4-299 583.6-299 583.6s-249.8-485.2-299-583.6c129.2-147.1 134.6-447.1 134.6-447.1V921.7l150-105.1-67.3 114.2v385.3c0 243.7-44.7 409.6-82.5 465.2 25.2 61.5 164.2 340 164.2 340'/%3E%3C/svg%3E");
  
  --cont-review: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' fill-rule='evenodd' stroke-linejoin='round' stroke-miterlimit='2' clip-rule='evenodd' viewBox='0 0 2560 2560'%3E%3Cpath d='M1338 1879c125 338 383 394 492 394s189-48 189-193-134-319-156-350c-21-30-61-80-127-133-48-39-115-59-157-59-10 0-77 4-77 54 0 49 66 69 98 73 34 3 86 7 120 2 19 20 51 61 68 87-14 3-37 17-138 17-198 0-246-112-246-179s56-153 166-153c111 0 242 75 347 202 112 133 205 295 205 440 0 115-42 292-291 292-388 0-486-374-493-494m-100 129c-163 325-403 365-509 365-249 0-291-177-291-292 0-145 93-307 205-440 105-127 236-202 347-202 110 0 166 86 166 153s-48 179-246 179c-101 0-124-14-138-17 17-26 49-67 68-87 34 5 86 1 120-2 32-4 98-24 98-73 0-50-67-54-77-54-42 0-109 20-157 59a667 667 0 0 0-127 133c-22 31-156 205-156 350s80 193 189 193c164 0 293-120 378-248s138-440 155-513 74-271 179-433c145-223 273-320 382-378q32-17 66-30 74-32 164-32c194 0 325 151 325 365 0 215-211 528-361 636-25-31-43-51-68-73 45-34 146-139 193-206s146-225 146-359c0-133-67-267-223-267-115 0-232 50-337 151a1487 1487 0 0 0-344 580c-46 191-78 406-147 542m-37-607c-66-145-144-287-267-419-125-134-285-247-440-247-156 0-223 134-223 267 0 134 99 292 146 359s148 172 193 206c-25 22-43 42-68 73-150-108-361-421-361-636 0-214 131-365 325-365s331 124 443 249c113 124 204 300 252 513m46-336-242-534 85-231h380l85 231-242 534V626a71 71 0 1 0-66 0zm-139-814 17-47h310l17 47z'/%3E%3C/svg%3E");
  
  --cont-write: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' fill-rule='evenodd' stroke-linejoin='round' stroke-miterlimit='2' clip-rule='evenodd' viewBox='0 0 2560 2560'%3E%3Cpath d='M2173 1577v603a80 80 0 0 1-80 80H467a80 80 0 0 1-80-80v-603zm-119 132c0-29-24-53-53-53H559c-29 0-53 24-53 53v411c0 29 24 53 53 53h1442c29 0 53-24 53-53z'/%3E%3Cpath d='M2173 1577v603a80 80 0 0 1-80 80H467a80 80 0 0 1-80-80v-603zm-1723 97 3-10 11-20 3-4h-17zm1604 35c0-29-24-53-53-53H559c-29 0-53 24-53 53v411c0 29 24 53 53 53h1442c29 0 53-24 53-53zm56 446-3 10-11 19-10 13h7a17 17 0 0 0 17-17zm-17-515 3 4 11 20 3 10v-34zM474 2197l-10-13-11-19-3-10v25a18 18 0 0 0 17 17z'/%3E%3Cpath d='M811 1732v61c0 16-13 30-30 30h-60c-17 0-30-14-30-30v-61c0-17 13-30 30-30h60c17 0 30 13 30 30'/%3E%3Cpath d='M811 1732v61c0 16-13 30-30 30h-60c-17 0-30-14-30-30v-61c0-17 13-30 30-30h60c17 0 30 13 30 30m177 0v61c0 16-14 30-30 30h-61c-16 0-30-14-30-30v-61c0-17 14-30 30-30h61c16 0 30 13 30 30'/%3E%3Cpath d='M988 1732v61c0 16-14 30-30 30h-61c-16 0-30-14-30-30v-61c0-17 14-30 30-30h61c16 0 30 13 30 30m176 0v61c0 16-13 30-30 30h-60c-17 0-30-14-30-30v-61c0-17 13-30 30-30h60c17 0 30 13 30 30'/%3E%3Cpath d='M1164 1732v61c0 16-13 30-30 30h-60c-17 0-30-14-30-30v-61c0-17 13-30 30-30h60c17 0 30 13 30 30m176 0v61c0 16-13 30-30 30h-60c-17 0-30-14-30-30v-61c0-17 13-30 30-30h60c17 0 30 13 30 30'/%3E%3Cpath d='M1340 1732v61c0 16-13 30-30 30h-60c-17 0-30-14-30-30v-61c0-17 13-30 30-30h60c17 0 30 13 30 30m177 0v61c0 16-14 30-30 30h-61c-16 0-30-14-30-30v-61c0-17 14-30 30-30h61c16 0 30 13 30 30'/%3E%3Cpath d='M1517 1732v61c0 16-14 30-30 30h-61c-16 0-30-14-30-30v-61c0-17 14-30 30-30h61c16 0 30 13 30 30m176 0v61c0 16-13 30-30 30h-60c-17 0-30-14-30-30v-61c0-17 13-30 30-30h60c17 0 30 13 30 30'/%3E%3Cpath d='M1693 1732v61c0 16-13 30-30 30h-60c-17 0-30-14-30-30v-61c0-17 13-30 30-30h60c17 0 30 13 30 30m176 0v61c0 16-13 30-30 30h-60c-16 0-30-14-30-30v-61c0-17 14-30 30-30h60c17 0 30 13 30 30'/%3E%3Cpath d='M1869 1732v61c0 16-13 30-30 30h-60c-16 0-30-14-30-30v-61c0-17 14-30 30-30h60c17 0 30 13 30 30M724 1880v61c0 17-14 30-31 30h-60c-16 0-30-13-30-30v-61c0-16 14-30 30-30h60c17 0 31 14 31 30'/%3E%3Cpath d='M724 1880v61c0 17-14 30-31 30h-60c-16 0-30-13-30-30v-61c0-16 14-30 30-30h60c17 0 31 14 31 30m176 0v61c0 17-14 30-30 30h-60c-17 0-31-13-31-30v-61c0-16 14-30 31-30h60c16 0 30 14 30 30'/%3E%3Cpath d='M900 1880v61c0 17-14 30-30 30h-60c-17 0-31-13-31-30v-61c0-16 14-30 31-30h60c16 0 30 14 30 30m176 0v61c0 17-13 30-30 30h-60c-17 0-30-13-30-30v-61c0-16 13-30 30-30h60c17 0 30 14 30 30'/%3E%3Cpath d='M1076 1880v61c0 17-13 30-30 30h-60c-17 0-30-13-30-30v-61c0-16 13-30 30-30h60c17 0 30 14 30 30m177 0v61c0 17-14 30-30 30h-61c-16 0-30-13-30-30v-61c0-16 14-30 30-30h61c16 0 30 14 30 30'/%3E%3Cpath d='M1253 1880v61c0 17-14 30-30 30h-61c-16 0-30-13-30-30v-61c0-16 14-30 30-30h61c16 0 30 14 30 30m176 0v61c0 17-13 30-30 30h-60c-17 0-30-13-30-30v-61c0-16 13-30 30-30h60c17 0 30 14 30 30'/%3E%3Cpath d='M1429 1880v61c0 17-13 30-30 30h-60c-17 0-30-13-30-30v-61c0-16 13-30 30-30h60c17 0 30 14 30 30m176 0v61c0 17-13 30-30 30h-60c-17 0-30-13-30-30v-61c0-16 13-30 30-30h60c17 0 30 14 30 30'/%3E%3Cpath d='M1605 1880v61c0 17-13 30-30 30h-60c-17 0-30-13-30-30v-61c0-16 13-30 30-30h60c17 0 30 14 30 30m177 0v61c0 17-14 30-30 30h-61c-16 0-30-13-30-30v-61c0-16 14-30 30-30h61c16 0 30 14 30 30'/%3E%3Cpath d='M1782 1880v61c0 17-14 30-30 30h-61c-16 0-30-13-30-30v-61c0-16 14-30 30-30h61c16 0 30 14 30 30m176 0v61c0 17-13 30-30 30h-60c-17 0-30-13-30-30v-61c0-16 13-30 30-30h60c17 0 30 14 30 30'/%3E%3Cpath d='M1958 1880v61c0 17-13 30-30 30h-60c-17 0-30-13-30-30v-61c0-16 13-30 30-30h60c17 0 30 14 30 30M812 2029v61c0 16-14 30-30 30h-61c-16 0-30-14-30-30v-61c0-17 14-30 30-30h61c16 0 30 13 30 30'/%3E%3Cpath d='M812 2029v61c0 16-14 30-30 30h-61c-16 0-30-14-30-30v-61c0-17 14-30 30-30h61c16 0 30 13 30 30m881 0v60c0 17-13 31-30 31H898c-17 0-30-14-30-31v-60c0-17 13-30 30-30h765c17 0 30 13 30 30'/%3E%3Cpath d='M1693 2029v60c0 17-13 31-30 31H898c-17 0-30-14-30-31v-60c0-17 13-30 30-30h765c17 0 30 13 30 30m177 0v61c0 16-14 30-30 30h-60c-17 0-30-14-30-30v-61c0-17 13-30 30-30h60c16 0 30 13 30 30'/%3E%3Cpath d='M1870 2029v61c0 16-14 30-30 30h-60c-17 0-30-14-30-30v-61c0-17 13-30 30-30h60c16 0 30 13 30 30m-71-805h329c24 0 45 20 45 45v211c0 25-21 45-45 45H432c-24 0-45-20-45-45v-211c0-25 21-45 45-45h330c17 20 114 130 243 180 141 55 225 59 276 59 50 0 134-4 276-59a668 668 0 0 0 242-180'/%3E%3Cpath d='M1799 1224h329c24 0 45 20 45 45v211c0 25-21 45-45 45H432c-24 0-45-20-45-45v-211c0-25 21-45 45-45h330c17 20 114 130 243 180 141 55 225 59 276 59 50 0 134-4 276-59a668 668 0 0 0 242-180m-1349 62v176h533-1a721 721 0 0 1-248-176zm1129 176h531v-176h-283a721 721 0 0 1-248 176M314 1220a15 15 0 0 1 16 15v280a15 15 0 0 1-16 16h-34a15 15 0 0 1-15-16v-280a15 15 0 0 1 15-15z'/%3E%3Cpath d='M314 1220a15 15 0 0 1 16 15v280a15 15 0 0 1-16 16h-34a15 15 0 0 1-15-16v-280a15 15 0 0 1 15-15zm1966 0a15 15 0 0 1 15 15v280a15 15 0 0 1-15 16h-34a15 15 0 0 1-16-16v-280a15 15 0 0 1 16-15z'/%3E%3Cpath d='M2280 1220a15 15 0 0 1 15 15v280a15 15 0 0 1-15 16h-34a15 15 0 0 1-16-16v-280a15 15 0 0 1 16-15zm-304-870v808H584V350zm-76 316H660v64h1240zm-314 243H660v64h926zm315 121H844v65h1057zm0-242H661v64h1240zm-1-243H843v64h1057zm-651-122H660v65h589z'/%3E%3Cpath d='M1976 350v808H584V350zm-76 316H660v64h1240zm0-121H843v64h1057zm13 369h-265v54h265zm-12-126H661v64h1240zm-590-376v70h602v-70zM647 604h134v-54H647zm602-181H660v65h589zm-467 672v-59H647v59zm804-186H660v64h926zm315 121H844v65h1057z'/%3E%3C/svg%3E");
  
  --cont-art: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' fill-rule='evenodd' stroke-linejoin='round' stroke-miterlimit='2' clip-rule='evenodd' viewBox='0 0 2560 2560'%3E%3Cpath d='m2108.7 707.2-463.4 463.3L1182 707.2l463.3-463.4zm-537.2-161.8V869l270-161.8zm-88.3 553.8-322 322-322-322 322-322zm-363 41 41 196.4 41.1-196.3 196.4-41.1-196.4-41.1-41-196.4-41.1 196.4-196.4 41zm76.5 409.1-522 522-622.2-622.4 522-522zm-176.7 0-445.6-445.6L229.2 1449l445.6 445.5zm65.3-791.7-262 262.1-445.9-445.8 262.1-262zm-147.3 0L639.5 459.2 524.8 573.9l298.4 298.5zM2437.8 1381l-279.2 279.2-440-440 279.2-279.3zm-147.3 0-292.7-292.8-132 132 292.8 292.7zm24.5 550-293.3 293.3-778-778L1537 1153zm-648.3-174.8 85.6 73.7a13 13 0 0 0 21.5-10l-.4-122.3.4-122.3a13 13 0 0 0-21.5-10l-85.6 73.8-55.2 4c-9.7.8-17.3 8.9-17.3 18.6v71.8c0 9.8 7.6 17.9 17.3 18.6zm190-164.7a183 183 0 0 1 0 212.4l23.2 16.3a211.5 211.5 0 0 0 .1-245.2zm-19.3 13.7-23.1 16.4a131 131 0 0 1 0 152l23.1 16.5a159 159 0 0 0 29.5-92.5 159 159 0 0 0-29.5-92.4m-650 702-305.1-305.1 395.6-395.6 305 305zm45.3-518.8a79.7 79.7 0 1 0 0 159.3 79.7 79.7 0 0 0 0-159.3m50.5 177.8h-101a78.7 78.7 0 0 0-78.8 78.7v41.5H1362v-41.5a78.7 78.7 0 0 0-78.8-78.7'/%3E%3C/svg%3E");
  
      --basis: 4.25rem;
      grid-auto-rows: min-content auto auto;
      > div:not([class]) { align-items: center; padding-inline: var(--gap); }
      h3 {
          font-family: inherit;
          font-size: 1.125em;
          letter-spacing: 0;
          margin: 0;
          text-align: center;
          span { display: contents; }
      }
  
      > div:not([class]) h3 a { display: flex; flex-direction: column; align-items: center; }
      > div:not([class]) h3 a::before {
          content: "";
          display: block;
          width: 4rem; height: 4rem;
          background-color: currentColor;
          -webkit-mask-image: var(--_cont-mask);
          -webkit-mask-size: contain;
          -webkit-mask-position: center;
          -webkit-mask-repeat: no-repeat;
          mask-image: var(--_cont-mask);
          mask-size: contain;
          mask-position: center;
          mask-repeat: no-repeat;
      }
  }
  
  .contribute a[href*="guide-for-reading"] { --_cont-mask: var(--cont-read); }
  .contribute a[href*="/forum/"] { --_cont-mask: var(--cont-review); }
  .contribute a[href*="guide-for-writing"] { --_cont-mask: var(--cont-write); }
  .contribute a[href*="how-to-post-your-art-to-the-scp-wiki"] { --_cont-mask: var(--cont-art); }
  
  .informati {
      display: flex;
      flex-direction: column;
      gap: var(--gap);
      > :where(div) { display: grid; gap: var(--small-gap); }
      p { margin: 0; }
  }
  
  /*---------------------------------------*/
  /*---------------------------------------*/
  /*---------------------------------------*/
  
  #u-fp-sisters {
      display: grid;
      gap: var(--gap);
  }
  
  .wl-int-lesbians {
      display: grid;
      gap: 0 var(--gap);
      grid-template-columns: minmax(0,1fr) minmax(0,1fr);
  }
  
  @container page-content not (max-width: 54.25rem) {
  .wl-int-lesbians {
      grid-auto-rows: 1fr auto min-content 1.875rem;
      .library-container { grid-row: span 4; }
      .INT-box {
           padding-block-end: 0;
           gap: 0;
           grid-row: span 4;
           grid-template-rows: subgrid;
           > .collapsible-block { display: contents; }
      }
  }
  
  .wl-int-lesbians:has(.collapsible-block-unfolded:not([style*="none"])) {
     grid-auto-rows: 1fr auto 1.875rem min-content 1.875rem;
      .library-container { grid-row: span 3; }
     .INT-box { grid-row: span 5; }
  }
  
  .INT-box > .collapsible-block .collapsible-block-unfolded:not([style*="none"]) {
      display: contents!important;
  }
  
  .INT-box > .collapsible-block .collapsible-block-content { grid-row: span 2; }
  
  }
  
  /*---------------------------------------*/
  /*---- MOBILE QUERY ----*/
  /*---------------------------------------*/
  
  @container page-content (max-width: 54.25rem) {
  
  #u-fp-opener {
      grid-template-columns: minmax(0,1fr);
  }
  .opener-side {
      flex-direction: row;
      gap: 0 var(--gap);
      > div {
          flex-basis: calc(12.5rem + 6.75vw);
          flex-grow: 1;
          h2 {
              margin: 0; margin-block: calc(var(--gap) * .25);
              > span { padding-inline-start: 0; }
          }
      }
  }
  
  #u-fp-features {
      grid-template-areas:
          "head"
          "article"
          "art"
          "news";
      grid-template-columns: minmax(0,1fr);
      grid-template-rows: auto;
  }
  .dropdown > a {
      display: grid;
      gap: 0;
      line-height: 0;
      font-size: 0;
      padding: .225rem;
      height: min-content;
  }
  
  .dropdown-content {
      max-width: unset;
      width: min(calc(100vw - 6.25rem), 24.25rem);
  }
  
  
  #u-fp-main {
      grid-template-areas: unset;
      grid-template-columns: repeat(auto-fit, minmax(min((100% - var(--gap) * 2), max(26.25ch, (100% - var(--gap) * 2) / 2)), 1fr));
      grid-template-rows: auto;
      > div { grid-area: unset; }
      .core-categories { grid-column: 1/-1; }
      .core-2 { margin-block-end: calc(var(--big-gap) - var(--gap)); }
  }
  
  #u-fp-gateway {
      grid-template-areas: unset;
      grid-template-columns: minmax(0,1fr);
      > div { grid-area: unset; }
  }
  
  .wl-int-lesbians { gap: var(--gap); grid-template-columns: minmax(0,1fr); }
  
  }
  
  @media (prefers-reduced-motion: reduce) {
      #page-content :is(div, a),
      #page-content a::before, #page-content a::after { transition-duration: 0s !important;}
  }

  Pages using this styling

  • fragment:front-page-gridcode [info]

  ¶ 1 occurrence
  

  .event-banner {
      position: relative;
      isolation: isolate;
      display: grid;
      padding-inline: var(--gap);
      padding-block: calc(var(--gap)*.5) var(--gap);
      box-shadow: var(--_shadow);
      .section-head h2 { font-size: .9125em; color: inherit; }
  }
  
  .event-title {
      text-align: center;
      font-weight: 800;
      letter-spacing: .05ch;
      font-size: 2.25em;
  }
  
  .event-opener {
      margin-block: var(--gap);
      font-size: .9125em;
      > p:first-child { margin-block-start: 0; }
      > p:last-child { margin-block-end: 0; }
  }
  
  .event-banner .core-link {
      font-size: 1.325em;
      font-weight: 900;
      text-align: center;
      justify-content: flex-end;
      > span { flex-grow: 1; letter-spacing: .05ch; }
  }
  
  .wl2000::before {
      content: "";
      position: absolute;
      inset: 0;
      background-image: url(https://scp-wiki.wikidot.com/local--files/deer-college-mentor-event/cherry2.png);
      background-size: cover;
      background-position: top;
      opacity: .35;
      z-index: -1;

  Pages using this styling

  • fragment:front-page-event [info]

  ¶ 1 occurrence
  

  :root {
      --toggle-button-bg: rgb(var(--gray-monochrome));
      --toggle-border-color: rgb(var(--dark-gray-monochrome));
      --toggle-icon-color: rgb(var(--pale-gray-monochrome));
      --toggle-roundness: 0;
  }
  
  #page-title {
     font-size: 260%;
     text-align: center;
     margin: 0.75rem auto;
     padding: 0.4rem 0;
  }
  
  #page-title:after {
      display: none;
  }
  
  @media only screen and (min-width: 56.25rem) {
      #page-title {
          font-size: 1.75em;
      }
  }
  
  .notice {
      color: black;
      border: solid 1px #000000;
      background:#f2f2c2 url(http://scp-pl.wdfiles.com/local--files/historia-polskiego-projektu-przechowawczego/RAISA.png) center no-repeat;
      background-size: contain;
      background-position: top center;
      background-repeat: no-repeat;
      padding: 0.5rem;
      text-align: center;
  }
  
  .date {
      border: solid 2px rgb(var(--bright-accent));
      background: #e9e7cc;
      width: 84%;
      padding: 1px 15px;
      margin: 10px auto;
  }
  
  .doc {
      display: block;
      border: solid 2px #999999;
      background: #d9d9d9;
      width: 88%;
      padding: 15px;
      margin: 10px auto;
  }
  
  .plabs {
      background: #f5f5f5;
  }
  
  .plabs .two {
      border: solid 2px #999999;
      margin: 10px 5px 10px 20px;
      width: 250px;
      float: right;
  }
  
  @media (max-width: 500px) {
      .plabs .two {
          margin: 10px auto;
          float: none;
          display: block;
      }
  }
  
  .religion {
      background: #ECECEC;
      text-align: justify;
      border: solid 3px #91b399;
  }
  
  .religion hr {
      background: #91b399;
      border-top: none !important;
      height: 2px !important;
  }
  
  .apotheosis {
      background: linear-gradient(transparent 0%, #202020 15%, #202020 85%, transparent 100%);
      color: white;
      padding: 0px 20px;
      text-align: center;
  }
  
  div.blockquote {
      border-left: 5px rgb(145, 179, 153) solid;
      border-right: 5px rgb(145, 179, 153) solid;
      box-shadow: 1px 1px 4px rgba(105, 133, 111, 0.5);
      margin-left: 1.25ch;
      margin-right: 1.25ch;
      margin-top: 15px;
      margin-bottom: 15px;
  }
  
  .blur {
      filter: blur(4px);
  }
  
  .footnotes-footer {
      display: none;
  }
  
  .image-block, .scp-image-block {
      box-shadow: 0px 0px 4px rgb(var(--medium-accent));
  }

  Pages using this styling

  • fragment:fragments-regarding-legate-trunnion-apostate-4 [info]

  ¶ 1 occurrence
  

  .info-container{
     --barColour: #03004d; 
  }

  Pages using this styling

  • fragment:fragments-regarding-legate-trunnion-apostate-3 [info]

  ¶ 1 occurrence
  

  .schema {
     float: right;
     width: 40%;
     font-size: 90%;
     padding: 0px 2px 0px 15px
  }
  
  .blockquote {
     box-shadow: 0 2px 6px rgba(185, 150, 17, .5);
     border: 2.5px double #b99611 !important;
     background: #f8f1da !important;
     margin: 2em 0em !important;
  }
  
  h1, h2, h3, h4, h5, h6 {
     font-family: ELAND_Nice_M, BauhausLTDemi, sans-serif
  }
  
  .info-container{
     --barColour: linear-gradient(0deg, #eac068 0%, #bb9645 80%) !important;
  }

  Pages using this styling

  • fragment:fragments-regarding-legate-trunnion-apostate-2 [info]

  ¶ 1 occurrence
  

  :root {
     --header-title: "Broken Church";
     --header-subtitle: "Of the Grand-Builder Bumaro";
     --phone-title: "Broken Church";
     --phone-subtitle: "Of the Grand-Builder Bumaro";
  }
  
  #page-title {
     font-size: 260%;
     text-align: center;
     margin: 0.75rem auto;
     padding: 0.4rem 0;
     border-bottom: none;
  }
  
  .a-brk {
     display: block;
  }
  
  .poem-xxx {
     font-size: 125%;
     margin: 1.5em 0em;
     width: auto;
     left: auto;
     display: flex;
     text-align: justify;
  }
  
  .poem-xxx:before, .poem-xxx:after {
     width: 50%;
     content: ' ';   
     flex-shrink: 5;
  }
  
  .poem-xxx ol > li {
     margin: 0.8em 0em;
  }
  
  .poem-xxx  li::marker {
     color: #999 !important;
     font-size: 90%;
  }
  
  .poem-xxx ol > li::before {
     display: none !important;
  }
  
  .poem-xxx  ol > li{
     list-style-type: decimal-leading-zero;
     padding-left: 0 !important;
  }
  
  .poem-xxx * {
     font-family: 'Iceberg', sans-serif;
  }
  
  @media (max-width: 900px) {    
  .poem-xxx {
     font-size: 150%;
  }
  }
  
  .info-container {
      background: none;
  }

  Pages using this styling

  • fragment:fragments-regarding-legate-trunnion-apostate-1 [info]

  ¶ 1 occurrence
  

  body {
    background-color: #000000;
    color: #1fff5a;
  }
  
  div#container-wrap {
      background-image: url(http://scp-wiki.wdfiles.com/local--files/fragment%3Afragmented-compiled-2/COMPILEDbg.png);
  }
   
  div#header {
      background-image: url(http://scp-wiki.wdfiles.com/local--files/fragment%3Afragmented-compiled-2/COMPILEDlogo.png);
  }
  
   
  #header h1 span::before {
      content: none;
  }
   
  #header h2 span::before {
      content: none;
  }
  
  #page-title {
  display: none;
  }
  
  .hover {
  }
  .hover:hover {
    text-decoration: none;
      border-bottom: none;
  }
  
  .hover span { display: none;}
  .hover:hover span {
      position: absolute;
      display: inline;
      margin: auto;
      height: auto;
      width: 300px;
      background: #000;
      border: none;
      color: #0f0;
      font-family: "Microsoft Sans Serif"
      padding: 1em;
  }
  .hover:hover span span {
      position: relative;
      margin: auto;
      height: auto;
      width: auto;
      border: none;
      padding: 0;
  }

  Pages using this styling

  • fragment:fragmented-compiled-2 [info]

  ¶ 1 occurrence
  

  /*
      [2020 Wikidot Theme]
      Created by etoisle
      Edited slightly by Fantem
      CC BY-SA 3.0
  */
  div#header {
      background: url(https://scp-wiki.wikidot.com/local--files/fantem-s-poi-file/logo.png) 2px 15px no-repeat;
  }
   
  #header h2 span::before {
      content: "Secure, Contain, Protect";
  }
  
  .Possum {
      position: relative;
      margin-left: 20px;
      margin-bottom: 20px;
      padding-left: 20px;
      background-color: #A8DDFD;
      width: 88%;
      text-align: left;
      font: 400 .9em 'Open Sans', sans-serif;
      border: 1px solid #97C6E3;
  }
  
  .Possum:after {
      content: '';
      position: absolute;
      width: 0;
      height: 0;
      border-top: 15px solid #A8DDFD;
      border-left: 15px solid transparent;
      border-right: 15px solid transparent;
      top: 0;
      left: -15px;
  }
  
  .Possum:before {
      content: '';
      position: absolute;
      width: 0;
      height: 0;
      border-top: 17px solid #97C6E3;
      border-left: 16px solid transparent;
      border-right: 16px solid transparent;
      top: -1px;
      left: -17px;
  }
  
  .MFantem {
      position: relative;
      margin-bottom: 20px;
      margin-left: 20px;
      padding-left: 20px;
      background-color: #f1c1f5;
      width: 88%;
      text-align: left;
      font: 400 .9em 'Open Sans', sans-serif;
      border: 1px solid #df87dc;
  }
  
  .MFantem:after {
      content: '';
      position: absolute;
      width: 0;
      height: 0;
      border-bottom: 15px solid #f1c1f5;
      border-left: 15px solid transparent;
      border-right: 15px solid transparent;
      bottom: 0;
      right: -15px;
  }
  
  .MFantem:before {
      content: '';
      position: absolute;
      width: 0;
      height: 0;
      border-bottom: 17px solid #df87dc;
      border-left: 16px solid transparent;
      border-right: 16px solid transparent;
      bottom: -1px;
      right: -17px;
  }
  
  
  
  .Fantem1903 {
      position: relative;
      margin-bottom: 20px;
      margin-left: 20px;
      padding-left: 20px;
      background-color: darkred;
      width: 88%;
      text-align: left;
      font: 400 .9em 'Open Sans', sans-serif;
      border: 1px solid black;
      color: white;
  }
  
  .Fantem1903:after {
      content: '';
      position: absolute;
      width: 0;
      height: 0;
      border-bottom: 15px solid darkred;
      border-left: 15px solid transparent;
      border-right: 15px solid transparent;
      bottom: 0;
      right: -15px;
  }
  
  .Fantem1903:before {
      content: '';
      position: absolute;
      width: 0;
      height: 0;
      border-bottom: 17px solid black;
      border-left: 16px solid transparent;
      border-right: 16px solid transparent;
      bottom: -1px;
      right: -17px;
  }
  .SystemMessage {
  color: grey;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  margin: 20px;
  }
  .SystemError {
  color: darkred;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  margin: 20px;
  }
  

  Pages using this styling

  • fragment:fantem-s-poi-file-0 [info]

  ¶ 1 occurrence
  

  :root {
      --primcolor: #009600;
      --secocolor: white;
      --primchara: url(https://scp-wiki.wikidot.com/local--files/fragment:fandation-9/fulldirector.png);
  }    
  .imagehead {
      background-size: contain;
      background-position: center;
      height: 200px;
  }

  Pages using this styling

  • fragment:fandation-9 [info]

  ¶ 1 occurrence
  

  :root {
      --primcolor: #009600;
      --secocolor: white;
      --primchara: url(https://scp-wiki.wikidot.com/local--files/fragment:fandation-8/fulllight.png);
  }    
  .imagehead {
      background-size: contain;
      background-position: center;
      height: 350px;
  }

  Pages using this styling

  • fragment:fandation-8 [info]

  ¶ 1 occurrence
  

  :root {
      --primcolor: #009600;
      --secocolor: white;
      --primchara: url(https://scp-wiki.wikidot.com/local--files/fragment:fandation-7/fulldmitri.png);
  }    
  .imagehead {
      background-size: contain;
      background-position: center;
      height: 350px;
  }

  Pages using this styling

  • fragment:fandation-7 [info]

  ¶ 1 occurrence
  

  :root {
      --primcolor: #e52b50;
      --secocolor: white;
      --primchara: url(https://scp-wiki.wikidot.com/local--files/fragment:fandation-6/fullcatdog2.png);
  }    
  .imagehead {
      background-size: contain;
      background-position: center;
      height: 200px;
  }

  Pages using this styling

  • fragment:fandation-6 [info]

  ¶ 1 occurrence
  

  :root {
      --primcolor: #e52b50;
      --secocolor: white;
      --primchara: url(https://scp-wiki.wikidot.com/local--files/fragment:fandation-5/fullisson.png);
  }    
  .imagehead {
      background-size: contain;
      background-position: center;
      height: 200px;
  }

  Pages using this styling

  • fragment:fandation-5 [info]

  ¶ 1 occurrence
  

  :root {
      --primcolor: #e52b50;
      --secocolor: white;
      --primchara: url(https://scp-wiki.wikidot.com/local--files/fragment:fandation-4/fullclefdraki.png);
  }    
  .imagehead {
      background-size: contain;
      background-position: center;
      height: 200px;
  }

  Pages using this styling

  • fragment:fandation-4 [info]

  ¶ 1 occurrence
  

  :root {
      --primcolor: #060657;
      --secocolor: white;
      --primchara: url(https://scp-wiki.wikidot.com/local--files/fragment:fandation-3/fullthau.png);
  }    
  .imagehead {
      background-size: contain;
      background-position: center;
      height: 400px;
  }

  Pages using this styling

  • fragment:fandation-3 [info]

  ¶ 1 occurrence
  

  :root {
      --primcolor: #060657;
      --secocolor: white;
      --primchara: url(https://scp-wiki.wikidot.com/local--files/fragment:fandation-2/fullmeri.png);
  }    
  .imagehead {
      background-size: contain;
      background-position: center;
      height: 400px;
  }

  Pages using this styling

  • fragment:fandation-2 [info]

  ¶ 1 occurrence
  

  
  @import url('https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@100..900&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300..900;1,300..900&display=swap');
  
  :root {
      --primcolor: #280033;
      --secocolor: white;
      --primchara: url(https://upload.wikimedia.org/wikipedia/commons/thumb/d/d8/Micha%C5%82_Fr%C4%85ckowiak_-_Caving_8.jpg/1200px-Micha%C5%82_Fr%C4%85ckowiak_-_Caving_8.jpg?20220330000823);
  
      --robo: "Roboto Slab";
      --rubi: "Rubik";
  
      --header-title: "Fandation Wiki";
      --header-subtitle: "";
      --sp_header-logo: none;
      --sp_header-title-size: 2rem;
  
      --sp_header-height: 3.2rem;
      --sp_top-bar-height: 1rem;
  
      --sp_top-bar-gradient-top-color: var(--primcolor);
      --sp_top-bar-gradient-bottom-color: var(--primcolor);
  
      --sp_top-bar-link-color: var(--secocolor);
      --sp_top-bar-link-hover-color: var(--primcolor);
      --sp_top-bar-link-hover-background: var(--secocolor);
  
      --sp_dropdown-link-color: var(--secocolor);
      --sp_dropdown-link-hover-color: var(--primcolor);
      --sp_dropdown-link-background: var(--primcolor);
      --sp_dropdown-link-hover-background: var(--secocolor);
      --sp_dropdown-link-border: none;
  
      --sp_rate-module-background: var(--primcolor);
      --sp_rate-module-text-color: var(--secocolor);
      --sp_rate-module-button-color: var(--secocolor);
      --sp_rate-module-button-background: var(--primcolor);
      --sp_rate-module-sub-color: var(--secocolor);
      --sp_rate-module-button-hover-color: var(--primcolor);
      --sp_rate-module-button-hover-background: var(--secocolor);
  }
  #container {
      background-color: var(--primcolor);
      overflow-x: hidden;
  }
  #content-wrap {
      background-color: var(--secocolor);
      width: fit-content;
      padding: 0 3em;
      margin: 0 auto;
  }
  #login-status {
      grid-column: 3 / 8;
      padding-right: 12px;
      color: var(--secocolor);
  }
  #login-status a {
      color: var(--secocolor);
      font-weight: bold;
      text-decoration: none;
  }
  #account-topbutton {
      border: 1px solid var(--secocolor);
      color: var(--primcolor) !important;
      background-color: var(--secocolor) !important;
  }
  #account-topbutton:hover {
      border: 1px solid var(--secocolor);
      color: var(--secocolor) !important;
      background-color: var(--primcolor) !important;
  }
  #account-options {
      margin-right: 12px;
      border: none;
      background-color: var(--secocolor);
      font-weight: bold;
  }
  #account-options li a:hover {
      color: var(--secocolor);
      background-color: var(--primcolor);
      text-decoration: none;
  }
  #search-top-box {
      flex-direction: row-reverse;
      grid-column: 5 / 8;
      padding-right: 12px;
  }
  #search-top-box-form input[type=submit] {
      background-color: var(--secocolor);
      background-image: none;
      color: var(--primcolor);
      box-shadow: none;
      border: solid 1px var(--secocolor);
      border-radius: 0;
      transition: 200ms;
  }
  #search-top-box-form input[type=submit]:hover {
      background-color: var(--primcolor);
      background-image: none;
      border: solid 1px var(--secocolor);
      color: var(--secocolor);
      box-shadow: none;
  }
  #header {
  grid-template-areas:
      ". . . . ."
      ". . . . ."
      "h1 . . login login"
      "h1 . . search search"
      ". . . . ."
      "top-bar top-bar top-bar top-bar top-bar";
      grid-template-columns: repeat(5, 1fr);
      background-color: var(--primcolor);
      background-image: none;
      padding-bottom: 0px;
  }
  #header h1 {
      padding-inline-start: 3rem;
      display: flex;
      align-items: center;
      grid-column: 1 / 4;
  }
  #header h1 a::before {
      font-family: var(--rubi);
      font-size: 24px;
      color: var(--secocolor);
      font-weight: bold;
      text-shadow: none;
  }
  #top-bar {
      padding: 0;
  }
  #top-bar ul li {
      flex-grow: 1;
  }
  #top-bar ul li ul {
      border: none;
      box-shadow: none;
  }
  #top-bar > div[class*="top-bar"] {
      width: 100vw;
      max-width: 100vw;
  }
  #top-bar .open-menu a {
      border: none;
      background-color: var(--secocolor);
      color: var(--primcolor);
      top: 12px;
      left: 12px;
      border-radius: 0;
  }
  
      									/* ============ */
      									/* PAGE PROPER */
      									/* ============ */
  
  #page-content {
      position: relative;
  }
  #page-content h1 {
      font-size: 36px;
      font-family: var(--robo);
      font-weight: 300;
      line-height: 45px;
      color: #3a3a3a;
  }
  #page-content h2 {
      font-size: 24px;
      font-family: var(--robo);
      font-weight: 500;
      line-height: 30px;
      color: #3a3a3a;
      border-bottom: solid 1px #cecdce;
      padding: 6px 0;
      overflow: auto;
  }
  body, html {
      font-family: var(--rubi);
  }
  a, a:visited, #interwiki a, #side-bar a, #account-options li a {
      color: var(--primcolor);
      transition: 200ms;
  }
  #page-title {
      color: #3a3a3a;
      font-size: 36px;
      font-weight: 300;
      line-height: 45px;
      font-family: var(--rubi);
      padding-top: 0.5em;
  }
  .page-rate-widget-box, div.page-rate-widget-box {
      border-radius: 3px;
      box-shadow: none;
      text-transform: capitalize;
      transition: 200ms;
  }
  #page-content table {
      border-spacing: 0;
      float: right;
      clear: right;
      width: 270px;
      margin: 0 0 18px 18px;
  }
  #page-content td {
      padding: 9px;
  }
  #page-content td p, .searchbox p, .foryou p, .botrightadsect p, .joinbutt p {
      margin-block-start: 0;
      margin-block-end : 0;
  }
  #footer {
      background: var(--secocolor);
      color: black;
      margin-top: 2.5rem;
  }
  #footer a {
      color: var(--primcolor);
  }
  #license-area {
      color: var(--secocolor);
  }
  #license-area a {
      font-weight: bold;
      color: var(--secocolor);
  }
  
      									/* ========== */
      									/* HOME PAGE */
      									/* ========== */
  
  .searchbox {
      margin: auto;
      max-width: 80%;
      border: 2px solid #f9edd8;
      background-color: #280033;
      background-image:
      	radial-gradient(9px circle at 95.8% 46%, var(--secocolor)  50%, transparent 51%),
      	radial-gradient(15px circle at 95.8% 46%, var(--primcolor)  50%, transparent 51%),
      	radial-gradient(30px circle at 96% 50%, var(--secocolor)  50%, transparent 51%);
      border-radius: 100px;
      padding: 6px 12px;
      font-size: 16px;
      color: #f9edd8;
      position: relative;
  }
  .searchbox:hover {
      background-image:
      	radial-gradient(9px circle at 95.8% 46%, var(--primcolor) 50%, transparent 51%),
      	radial-gradient(15px circle at 95.8% 46%, var(--secocolor)  50%, transparent 51%),
      	radial-gradient(30px circle at 96% 50%, var(--primcolor) 50%, transparent 51%);
  }
  .searchbox::before {
      position: absolute;
      content: "";
      height: 7px;
      width: 5px;
      background-color: var(--primcolor) ;
      top: 65%;
      left: 97.3%;
      transform: translate(-50%, -50%) rotate(-45deg);
  }
  .searchbox:hover::before {
      background-color: var(--secocolor) ;
  }
  .foryou {
      background-color: #fec601;
      font-weight: bold;
      font-size: 20px;
      padding: 16px 20px;
      width: fit-content;
      margin: 1rem;
  }
  .panelese {
      display: flex;
      background-image: linear-gradient(45deg, var(--primcolor), #700041);
  }
  .paneler {
      flex: calc(100% / 2);
      margin: 1em;
      padding: 1em;
      height; fit-content;
      color: white;
  }
  .pulse {
      animation-name: pulse;
      animation-duration: 2s;
      animation-timing-function: ease-in-out;
      animation-iteration-count: infinite;
      animation-direction: alternate;
  }
  @keyframes pulse {
      0% {filter: drop-shadow(0px 0px 0px green);}
      50% {filter: drop-shadow(0px 0px 10px orange);}
      100% {filter: drop-shadow(0px 0px 0px green);}
  }
  .linkbox {
      position: relative;
  }
  .linkbox p {
      height: 15px;
      margin-block-start: 5px;
      margin-block-end: 5px;
  }
  .linkbox:hover {
      text-decoration: underline;
  }
  .link{
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      z-index: 1;
      color:rgba(0,0,0,0.0);
  }
  .wikinames {
      font-weight: bold;
      color: #fec601;
      text-transform: uppercase;
  }
  
      								/* ============= */
      								/* ENTRY PROPER */
      								/* ============= */
  
  .imagehead, .artname, .boldhead, .charname1, .charname2, .wordname, .endname {
      border: solid var(--primcolor);
  }
  .imagehead, .artname, .boldhead, .charname1, .wordname {
      border-width: 1px 1px 0 1px;
  }
  .imagehead {
      border-radius: 3px 3px 0 0;
      padding: 0 !important;
      background-image: var(--primchara);
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
      height: 200px;
  }
  .artname, .boldhead, .charname1, .charname2 {
      text-align: center;
  }
  .boldhead {
      background-color: var(--primcolor);
      color: var(--secocolor);
  }
  .charname2 {
      border-width: 1px 1px 0 0;
  }
  .charname1 p:nth-child(1), .charname2 p:nth-child(1), .boldhead, .wordname p:nth-child(1), .endname p:nth-child(1) {
      font-weight: bold;
  }
  .endname {
      border-width: 1px 1px 1px 1px;
      border-radius: 0 0 3px 3px;
  }
  ul {
      list-style: disc;
  }
  .comment {
      background-color: #f2f1f2;
      border: solid 1px rgba(206, 205, 206, 0.5);
      border-radius: 3px;
      padding: 18px;
      margin-bottom: 2rem;
      font-size: 14px;
  }
  .comment p {
      display: flex;
      align-items: center;
  }
  .comment hr {
      margin: 1em 0;
      border-top: solid 1px rgba(206, 205, 206, 0.5);
      background-color: transparent;
      color: transparent;
  }
  .comment .printuser img {
      border-radius: 100%;
  }
  .comment .printuser > a:first-child img {
      background-image: none !important;
      padding-left: 0;
      margin-right: 1.5rem;
      height: 2rem;
      width: 2rem;
      border: solid 2px rgba(206, 205, 206, 0.5);
  }
  .comment .printuser > a:first-child img:hover {
      border: solid 2px var(--primcolor);
  }
  .comment .printuser a:nth-child(2) {
      display: none;
  }
  .chain {
      border-left: 4px solid rgba(206, 205, 206, 0.5);
      padding-left: 24px;
  }
  
      								/* ==================== */
      								/* COLLAPSIBLES PROPER */
      								/* ==================== */
  
  #page-content .collapsible-block-folded {
      display: none;
  }
  #page-content .collapsible-block-unfolded-link {
      text-align: right;
  }
  #page-content .collapsible-block-unfolded a {
      color: grey;
      font-size: 10px;
  }
  ul.modal-wrapper {
      margin: 0;
      padding: 0;
      list-style: none;
      height: 0;
      display: contents;
  }
  @keyframes fademodal {
      99% { visibility: hidden; }
      100% { visibility: visible; }
  }
  ul.modal-wrapper > li {
      list-style: none;
      position: absolute;
      top: -0.1rem;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 9;
      transition: opacity 0.15s ease-out;
      animation: 0.15s fademodal;
      animation-fill-mode: forwards;
  }
  ul.modal-wrapper > li.unfolded {
      visibility: visible;
      opacity: 1;
  }
  ul.modal-wrapper > li.folded {
      visibility: hidden;
      opacity: 0;
      pointer-events: none;
      user-select: none;
  }
  .leftad, .rightad {
      top: 5.5rem;
      max-width: calc((100vw - 55rem) / 2);
      position: fixed;
      margin: 0.5em;
      width: 100%;
      display: block !important;
  }
  .leftad {
      left: 1rem;
  }
  .rightad {
      right: 1rem;
  }
  .leftads, .rightads {
      height: calc(100vh - 8rem);
  }
  .botrightad {
      bottom: 2em;
      left: 0.5em;
      max-width: calc(100vw - 66px - 9px);
      position: fixed;
      margin: 0.5em;
      display: block !important;
      z-index: 10;
      width: 100%;
  }
  .botrightads {
      background-color: orange;
      border-radius: 100px;
      color: var(--secocolor);
      display: flex;
      align-items: center;
      justify-content: right;
      padding-right: 3px;
      width: fit-content;
  }
  .botrightadsect {
      padding-left: 1em;
  }
  .animads {
      padding-right: 8px;
  }
  .animads:after {
      animation-name: rotate-text;
      animation-duration: 30s;
      animation-iteration-count: infinite;
      content: "";
      animation-fill-mode: both;
      animation-timing-function: steps(3, end);
  }
  @keyframes rotate-text {
      0% { content: "Wiki Quiz"; }
      20% { content: "SCP Dating" ; }
      40% { content: "Object Class Test"; }
      60% { content: "Critcoin"; }
      80% { content: "Series I"; }
      100% { content: "AI Chatbot"; }
  }
  .roundedit {
      position: absolute;
      border-radius: 100%;
      background-color: #f2f1f2;
      height: 36px;
      width: 36px;
      box-shadow: 0 3px 12px 0 #0000004d;
      color: var(--primcolor);
      display: flex;
      align-items: center;
      justify-content: center;
      left: 102%;
      font-weight: bold;
  }
  .high {
      top: 0em;
  }
  .mid {
      top: 3em;
  }
  .low {
      top: 6em;
  }
  .joindiscord {
      background-color: #f2f1f2;
      font-weight: bold;
      padding: 2px;
      margin-top: 1em;
  }
  .joinspan {
      background-image: linear-gradient(to top,rgba(28, 95, 205, 0.1),#0000 54%,#0000 100%);
      font-size: 18px;
  }
  .joinbutt {
      border: solid 1px #3a3a3a;
      display: flex;
      align-items: center;
      justify-contents: center;
      width: fit-content;
      padding: 7px 18px;
      border-radius: 3px;
  }
  .joinbutt:hover {
      color: #6d6d6d;
      border: solid 1px #6d6d6d;
  }
  .topad {
      top: 4.5rem;
      left: 0;
      width: 100vw;
      position: fixed;
      display: block !important;
  }
  .topads {
      background: green;
      height: 300px;
  }
  div#u-adult-warning {
      width: 100%;
      height: 100%;
      overflow: auto;
      box-sizing: border-box;
      color: black;
      text-shadow: none;
      background: #fec601;
      border: none;
  }
  #u-adult-warning .choice {
      background-color: var(--primcolor);
      font-weight: bold;
      color: var(--secocolor);
      border-radius: 3px;
      padding: 3px 5px;
      box-shadow: 2px 2px 1px grey;
      width: fit-content;
      margin: auto;
      transition: 200ms;
  }
  .choice a {
      color: var(--secocolor);
      text-decoration: none;
  }
  .choice:hover {
      background-color: var(--secocolor) !important;
  }
  .choice a:hover {
      color: var(--primcolor) !important;
  }
  .unchoice {
      text-align: right;
      padding-right: 2rem;
      padding-top: 1rem;
  }
  .unchoice2 {
      text-align: right;
      padding-right: 0rem;
      padding-top: 1rem;
  }
  .unchoice2 a {
      color: grey;
      font-size: 10px;
  }
  .unchoice3 {
      background-color: white;
      height: 1.2rem;
      width: 1.2rem;
      border-radius: 100%;
      text-align: center;
  }
  #u-adult-warning table {
      width: 70%;
      float: none;
      clear: none;
      margin: auto;
  }
  #u-adult-warning td {
      text-align: center;
  }
  
      								/* ================== */
      								/* RANDOMIZER PROPER */
      								/* ================== */
  
  .randMod {
      padding-block-end: .001rem;
  }
  .randMod div[id] {
      display: none;
  }
  div:is(.A, .B, .C, .D, .E, .F) {
      display: none;
  }
  .randMod div:is([id$='0']) ~ div.A {
      display: block !important;
  }
  .randMod div:is([id$='1']) ~ div.B, .randMod div:is([id$='2']) ~ div.B {
      display: block !important;
  }
  .randMod div:is([id$='3']) ~ div.C, .randMod div:is([id$='4']) ~ div.C {
      display: block !important;
  }
  .randMod div:is([id$='5']) ~ div.D, .randMod div:is([id$='6']) ~ div.D {
      display: block !important;
  }
  .randMod div:is([id$='7']) ~ div.E, .randMod div:is([id$='8']) ~ div.E {
      display: block !important;
  }
  .randMod div:is([id$='9']) ~ div.F {
      display: block !important;
  }
  
      							/* ============= */
      							/* SIZING PROPER */
      							/* ============= */
  
  @media only screen and (max-width: 450px) {
  #page-content table {
      width: 100%;
      float: none;
      clear: none;
      margin: 0;
      }
  #content-wrap {
      background-color: var(--secocolor);
      width: auto;
      padding: 0 1em;
      }
  .searchbox {
      background-image:
      	radial-gradient(9px circle at 93.8% 46%, var(--secocolor)  50%, transparent 51%),
      	radial-gradient(15px circle at 93.8% 46%, var(--primcolor)  50%, transparent 51%),
      	radial-gradient(30px circle at 94% 50%, var(--secocolor)  50%, transparent 51%);
      }
  .searchbox:hover {
      background-image:
      	radial-gradient(9px circle at 93.8% 46%, var(--primcolor) 50%, transparent 51%),
      	radial-gradient(15px circle at 93.8% 46%, var(--secocolor)  50%, transparent 51%),
      	radial-gradient(30px circle at 94% 50%, var(--primcolor) 50%, transparent 51%);
      }
  .searchbox::before {
      left: 95.3%;
      }
  }
  @media only screen and (max-width: 1000px) {
  ul.modal-wrapper.leftad, ul.modal-wrapper.rightad, ul.modal-wrapper.botrightad {
      display: none !important;
      }
  }

  Pages using this styling

  • fragment:fandation-11 [info]

  ¶ 1 occurrence
  

  :root {
      --primcolor: #341539;
      --secocolor: white;
  }

  Pages using this styling

  • fragment:fandation-10 [info]

  ¶ 1 occurrence
  

  :root {
      --primcolor: #060657;
      --secocolor: white;
      --primchara: url(https://i.imgur.com/5jBhRAX.png);
  }    
  .imagehead {
      background-size: contain;
      background-position: center;
      height: 400px;
  }

  Pages using this styling

  • fragment:fandation-1 [info]

  ¶ 1 occurrence
  

  #u-start, .textchange div.sitemember:nth-child(2) {display:none;}.type-wrap-wrapper {position: relative;text-align: left;}.type-wrapper {background: #555;}.typearea {color: lime; font-family: "Courier";font-size: 1.2em;margin: 10px 0 0 10px;white-space: nowrap;overflow: hidden;width: 0;}#u-start:target ~ .typearea {width: 100%;animation: type 5s steps(60, end); }.typearea a{color: lime;text-decoration: none;}.blink {animation: blink 1s infinite;}@keyframes type{ from { width: 0; } } @keyframes blink{to{opacity: .0;}}.buttonwrapper {text-align: center;}.likebutton {padding: 0.1em 0.5em;text-decoration: none;font-size: 1.3em;background-color: #F4F4F4;border: 1px solid #AAA;color: #000;}.likebutton:hover {background-color: #DDD;color: #000;border: 1px solid #0098b3;}

  Pages using this styling

  • fragment:experiment-log-914-015 [info]

  ¶ 1 occurrence
  

  div#extra-div-1 {
      height: 140px;
      width: 100%;
      top: 0;
      position: absolute;
      background: url("https://scp-wiki.wdfiles.com/local--files/secure-facility-dossier-ex-site-26/oh%20wow%20a%20galaxy.png");
      background-size: cover;
      background-position: 50% 50%;
  }
  
  #header h1 a::before {
      content: "Extraterrestrial Site-26";
      font-size: 80%;
      font-family: 'Exo', sans-serif;
      font-weight: 800;
      text-shadow: 4px 4px 4px rgba(0,0,0,.8);
  }
   
  #header h1 a span{
      visibility: hidden;
  }
   
  #header h2 span {
      color: transparent;
      text-shadow: 0px 0px 0px;
  }
   
  #header h2 span::before {
      content: "Your Sanctuary In The Dark";
      color: #ffc780;
      font-family: 'Exo', sans-serif;
      font-weight: 400;
      font-size: 120%;
      text-shadow: 3px 3px 3px rgba(0,0,0,.9);
  }
  
  #page-title {
      display: none;
  }

  Pages using this styling

  • fragment:dr-asteria-author-page-0 [info]

  ¶ 1 occurrence
  

  #page-content > div:nth-child(2) > img:nth-child(1),
  div.list-pages-box:nth-child(2) > div:nth-child(1) > div:nth-child(2) > img:nth-child(1) {
      mix-blend-mode: screen;
  }

  Pages using this styling

  • fragment:djkaktus-s-proposal-iii-1 [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Prata&display=swap');
   
  .danke {
      padding: 5px;
      font-family: monospace;
      font-size: 1.1em;
      margin: 1.5em;
  }
  
  
  .song-1 {
      font-size: 1.0em;
      font-weight: 400;
      font-style: oblique;
       font-family:Philosopher;
  }
   
  .song-2 {
      font-size: 1.15em;
      font-weight: 400;
      font-style: oblique;
       font-family:Philosopher;
  }
   
  .song-3 {
      font-size: 1.3em;
      font-weight: 400;
      font-style: oblique;
      font-family:Philosopher;
  }
   
  .donny {
      color: blue;
      border: 3px dotted blue;
      padding: 3px;
      background: #faebef;
  }
   
  .rage {
      color: red;
      border: 3px dashed red;
      padding: 2px;
      background: #ebfaf9;
  }
   
  .envy {
      color: green;
      border: 3px solid green;
      padding: 1px;
      background: #faf7eb;
  }
  
  .apathy {
   	text-shadow: 1px 1px 1px #D9DDDC;
   	color: gray;
       border: 3px double gray;
       padding: 1px;
      background: #faf2eb;
  }
   
  .terror {
   	text-shadow: 1px 1px 1px yellow;
       border: 3px groove black;
       padding: 2px;
  }
   
  .grief {
      color: purple;
      border: 3px ridge purple;
      padding: 2px;
  }
   
  .despair {
      text-shadow: 1px 1px 1px #ffb869;
      color: brown;
      border: 3px inset;
      padding: 2px;
  }
   
  .anguish {
      text-shadow: 1px 1px 1px ;
      color: black; 
  }
   
  #toc {
  min-width:100% !important;
  max-width:100% !important;
  }
  #toc-list {
  max-width:100% !important;
  }
   
  .fancyborder {
      box-sizing: border-box;
      padding: 2vw;
      border: 2vw solid rgba(0, 0, 0, 0.5);
      border-image: url("https://wanderers-library.wikidot.com/local--files/component:dustjacket-theme/wl_border.png")
      	600 round;
      border-image-width: 6;
  }
   

  Pages using this styling

  • fragment:dissonance-2 [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Prata&display=swap');
   
  .danke {
      padding: 5px;
      font-family: monospace;
      font-size: 1.1em;
      margin: 1.5em;
  }
  
  
  .song-1 {
      font-size: 1.0em;
      font-weight: 400;
      font-style: oblique;
       font-family:Philosopher;
  }
   
  .song-2 {
      font-size: 1.15em;
      font-weight: 400;
      font-style: oblique;
       font-family:Philosopher;
  }
   
  .song-3 {
      font-size: 1.3em;
      font-weight: 400;
      font-style: oblique;
      font-family:Philosopher;
  }
   
  .donny {
      color: blue;
  }
   
  .rage {
      color: red;
  }
   
  .envy {
      color: green;
  }
   
  .apathy {
   	text-shadow: 1px 1px 1px #D9DDDC;
   	color: gray;
  }
   
  .terror {
   	text-shadow: 1px 1px 1px yellow;
  }
   
  .grief {
    
      color: purple;
  }
   
  .despair {
      text-shadow: 1px 1px 1px #ffb869;
      color: brown;
  }
   
  .anguish {
      text-shadow: 1px 1px 1px ;
      color: black; 
  }
   
  #toc {
  min-width:100% !important;
  max-width:100% !important;
  }
  #toc-list {
  max-width:100% !important;
  }
   
  .fancyborder {
      box-sizing: border-box;
      padding: 2vw;
      border: 2vw solid rgba(0, 0, 0, 0.5);
      border-image: url("https://wanderers-library.wikidot.com/local--files/component:dustjacket-theme/wl_border.png")
      	600 round;
      border-image-width: 6;
  }
   

  Pages using this styling

  • fragment:dissonance-1 [info]

  ¶ 1 occurrence
  

  :root {
    --accentColor: 224, 248, 208;
    --darkColor: 10, 52, 41;
  }
  
  div#extrac-div-1, div#extrac-div-2 {
  display: none;
  }
  
  #page-title {
      display: none;
  }

  Pages using this styling

  • fragment:darkartists-sciptember-hub-6 [info]

  ¶ 1 occurrence
  

  :root {--header-title: "SCP Foundation"; --header-subtitle: "Secure, Contain, Protect";}
   .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;
  }

  Pages using this styling

  • fragment:darkartists-sciptember-hub-2 [info]

  ¶ 1 occurrence
  

  :root {
      --lgurl: url("https://scp-wiki.wdfiles.com/local--files/secure-facility-dossier-site-120/ontologonew.png");
      --header-title: "SITE-120";
      --header-subtitle: "FIGHTING FIRE WITH FIRE";
      --accentColor: rgb(160, 44, 44);
      --darkColor: rgb(55, 55, 55); 
      --darkerColor: rgb(26, 26, 26);
  }
  
  div#extra-div-1 {filter: opacity(.1);}
  #header h1 a::before {text-shadow: 2px 0 0 #1a1a1a, -2px 0 0 #1a1a1a, 0 2px 0 #1a1a1a, 0 -2px 0 #1a1a1a, 2px 2px #1a1a1a, -2px -2px 0 #1a1a1a, 2px -2px 0 #1a1a1a, -2px 2px 0 #1a1a1a;}
  #header h2::before {text-shadow: 2px 0 0 #1a1a1a, -2px 0 0 #1a1a1a, 0 2px 0 #1a1a1a, 0 -2px 0 #1a1a1a, 2px 2px #1a1a1a, -2px -2px 0 #1a1a1a, 2px -2px 0 #1a1a1a, -2px 2px 0 #1a1a1a;}
  
  #page-title {border-bottom: var(--accentColor) 2px solid;}
  .page-rate-widget-box {box-shadow: -3px 0px 0px 0px var(--accentColor), 3px 0px 0px 0px var(--accentColor);}

  Pages using this styling

  • fragment:darkartists-sciptember-hub-1 [info]

  ¶ 1 occurrence
  

  /* NORD */
  .gambit {
         --linkColor: rgb(160, 44, 44) !important;
  }
  
  .reanimation {
         --linkColor: #652db6 !important;
  }
  
  .twisted-pines {
        --linkColor: #243b78!important;
  }
  
  .clockwork {
        --linkColor: #b49a5a!important;
  }
  
  .hive-mind {
        --linkColor: #8f3233!important;
  }
  
  .eurtec {
         --linkColor: #081820!important;
  }
  
  .wilsons {
         --linkColor: #a3c162!important;
  }
  
  .dental {
         --linkColor: #ece3de!important;
  }
  .dental .collapsible-block-link:hover, .dental a:hover {
         --textColor: unset;
  }
  
  :root {
      --linkColor: #88C0D0;
   
      --primaryBackgroundColor: #ECEFF4;
      --secondaryBackgroundColor: #E5E9F0;
      --tertiaryBackgroundColor: #D8DEE9;
      --borderColor: #4C566A;
   
      --shadow: rgba(46,52,64,0.25);
   
      --selectionColor: #EBCB8B;
      --textColor: #2E3440;
      --textColor-alt: #434C5E;
  }
  #side-bar, #license-area {
      --secondaryBackgroundColor: #2E3440;
      --tertiaryBackgroundColor: #434C5E;
      --textColor: #D8DEE9;
  }
  .authorlink-wrapper > a::before {color: #0E0E0E !important;}
  .collapsible-block-link:hover, a:hover {
         --textColor: #ededed;
  }

  Pages using this styling

  • fragment:darkartists-sciptember-hub-0 [info]

  ¶ 1 occurrence
  

  .clearance {
    color: black;
    background-color: black;
    -webkit-user-select: none; /* Safari */
    -ms-user-select: none; /* IE 10 and IE 11 */
    user-select: none;
  }
  
  .clearance.c1, .clearance.c2, .clearance.c3, .clearance.c4 {
    color: inherit;
    background-color: inherit;
    -webkit-user-select: inherit; /* Safari */
    -ms-user-select: inherit; /* IE 10 and IE 11 */
    user-select: inherit;
  }
  
  .clearance.c4 {
   background-color: #EE9A09;
  }
  
  
  
  .specifier  .c1,
  .specifier  .c2,
  .specifier  .c3 {
      display: none;
  }
  
  .specifier  .c4 {
      display: inherit;
  }

  Pages using this styling

  • fragment:css-9000-ethagon-4 [info]

  ¶ 1 occurrence
  

  .clearance {
    color: black;
    background-color: black;
    -webkit-user-select: none; /* Safari */
    -ms-user-select: none; /* IE 10 and IE 11 */
    user-select: none;
  }
  
  .clearance.c1, .clearance.c2, .clearance.c3 {
    color: inherit;
    background-color: inherit;
    -webkit-user-select: inherit; /* Safari */
    -ms-user-select: inherit; /* IE 10 and IE 11 */
    user-select: inherit;
  }
  
  .clearance.c3 {
   background-color: #EE9A09;
  }
  
  .clearance.c4 a {
      color: black;
      background-color: black;
      text-decoration: none;
      pointer-events: none;
      user-select: none;
  }
  
  .clearance.c4 a:visited {
      color: black;
  }
  
  
  .specifier  .c1,
  .specifier  .c2,
  .specifier  .c4 {
      display: none;
  }
  
  .specifier  .c3 {
      display: inherit;
  }

  Pages using this styling

  • fragment:css-9000-ethagon-3 [info]

  ¶ 1 occurrence
  

  .clearance {
    color: black;
    background-color: black;
    -webkit-user-select: none; /* Safari */
    -ms-user-select: none; /* IE 10 and IE 11 */
    user-select: none;
  }
  
  .clearance.c1, .clearance.c2 {
    color: inherit;
    background-color: inherit;
    -webkit-user-select: inherit; /* Safari */
    -ms-user-select: inherit; /* IE 10 and IE 11 */
    user-select: inherit;
  }
  
  .clearance.c3 a, .clearance.c4 a {
      color: black;
      background-color: black;
      text-decoration: none;
      pointer-events: none;
      user-select: none;
  }
  
  .clearance.c3 a:visited, .clearance.c4 a:visited {
      color: black;
  }
  
  
  
  .specifier  .c1,
  .specifier  .c3,
  .specifier  .c4 {
      display: none;
  }
  
  .specifier  .c2 {
      display: inherit;
  }

  Pages using this styling

  • fragment:css-9000-ethagon-2 [info]

  ¶ 1 occurrence
  

  .clearance {
    color: black;
    background-color: black;
    -webkit-user-select: none; /* Safari */
    -ms-user-select: none; /* IE 10 and IE 11 */
    user-select: none;
  }
  
  .clearance.c1 {
    color: inherit;
    background-color: inherit;
    -webkit-user-select: inherit; /* Safari */
    -ms-user-select: inherit; /* IE 10 and IE 11 */
    user-select: inherit;
  }
  
  .clearance a {
      color: black; 
      background-color: black; 
      text-decoration: none; 
      pointer-events: none; 
      user-select: none; 
  }
  
  .clearance a:visited {
      color: black; 
  }
  
  .specifier  .c2,
  .specifier  .c3,
  .specifier  .c4 {
      display: none;
  }
  
  .specifier  .c1 {
      display: inherit;
  }

  Pages using this styling

  • fragment:css-9000-ethagon-1 [info]

  ¶ 1 occurrence
  

  /* BHL TOCs improvements */
  /* Makes TOCs wider and more legible */
   
  /* Reduce the space allocated to the fold button */
  #page-content div#toc {
    grid-template-areas: "fold title" "list list";
    grid-template-columns: 1rem 1fr;
  }
  /* Hide the fold button */
  #toc #toc-action-bar > a:nth-child(1) {
    display: none !important; /* Override BHL important flex */
  }
  /* Recover the native TOC title; remove the BHL one */
  #toc #toc-action-bar a::after {
    content: none;
  }
  #toc .title {
    margin: 0;
    color: rgb(var(--toc-header-text-color));
  }
  /* Thicken up the border */
  #toc {
    border: thin solid rgb(var(--toc-header-bg-color));
  }
  /* Remove the width limit and maximum height */
  #toc, #toc-list {
    max-width: inherit !important;
    max-height: none !important;
  }
  /* Don't underline TOC links */
  #toc a {
    text-decoration: none;
    margin-right: 1rem;
  }
  /* Bold heading links */
  #toc-list [style$="2em;"] > a {
    font-weight: bold;
    --wght: 700; /* BHL compatibility hack */
    text-decoration: underline;
  }

  Pages using this styling

  • fragment:components-intro [info]

  ¶ 1 occurrence
  

  .queerframe > img{
      width: 200px;
  }

  Pages using this styling

  • fragment:components-gen2 [info]

  ¶ 1 occurrence
  

  /*ACS fixing*/
  .anom-bar-container div.class-text { grid-area: auto; }
  .anom-bar-container div:hover::after {display:block;}

  Pages using this styling

  • fragment:components-gen1 [info]

  ¶ 1 occurrence
  

  
  .everything {
      display: block;
  }
  
  .accessible {
      display: block;
  }
  

  Pages using this styling

  • fragment:collocations-2 [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Jost&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Cookie&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Gowun+Batang&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Inknut+Antiqua&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Marck+Script&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Noto+Serif:ital@0;1&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Noto+Sans&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Old+Standard+TT&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Courier+Prime&display=swap');
  @import url('https://scp-wiki.wikidot.com/local--files/collocations/collocations.css');
  
  .audiologcontainer .collapsible-block-link {
      color: blue !important;
  }
  

  Pages using this styling

  • fragment:collocations-1 [info]

  ¶ 1 occurrence
  

  @import url(https://scp-wiki.wikidot.com/component:spirit-theme/code/1);
  
  .spirit blockquote {background-color: white}
  
  .meta-title {
    border-bottom: solid 1px #bbbbbb;
    color: #990011;
    font-weight: normal;
    margin: 0 0 0.6em;
    padding: 0 0 0.25em;
    font-size: 200%;
  }
  .meta-title p {
    margin: 0;
  }

  Pages using this styling

  • fragment:chicago-factory-1 [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Crimson+Text:ital,wght@0,400;0,600;0,700;1,400;1,600;1,700&display=swap');
  
  .memory p:not(.addendum p) {
      text-justify: inter-word;
      text-align: justify;
      text-indent: 1rem;
      font-family: "Crimson Text", serif;
      font-size: 1.2rem;
  }
  
  .memory .addendum {
       background: url(https://scp-wiki.wdfiles.com/local--files/theme%3Aredtape/topo.png);
       background-size: 200%;
       color: white;
  }
  
  .bot {
      width: fit-content;
      max-width: 35%;
      background: #260000;
      border: 3px solid #bd0000;
      color: #f70000;
      border-radius: 5px;
      padding: 0rem 1rem;
      margin: 0.5rem 0rem;
      font-weight: bold;
      box-shadow: 0px 0px 15px rgba(255, 0, 0, 0.15);
  }
  
  .user {
      width: fit-content;
      max-width: 35%;
      background: #001f26;
      border: 3px solid #00a26d;
      border-radius: 5px;
      color: #00a26d;
      padding: 0rem 1rem;
      margin: 0.5rem 0rem;
      font-weight: bold;
      position: relative;
      /* left: 27.5rem; */
      box-shadow: 0px 0px 15px rgba(0, 255, 231, 0.15);
  }
  
  @media only screen and (max-width: 765px) {
      .user {
          float: none;
          position: relative;
          left: 45vw;
       }
       .bot {
           float: none;
       }
  }
  
  .heddy {
    margin: auto;
    color: gold;
    border-color: gold;
    background: #553c01;
    box-shadow: 0px 0px 15px rgba(113, 95, 0, 0.5);
  }
  
  .iun-to-xen p {
      background: -webkit-linear-gradient(#000, #008dd4);
      background-clip: border-box;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  
  .xen-to-text p {
      background: -webkit-linear-gradient(#008dd4, #000);
      background-clip: border-box;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  
  .xen-to-iun p {
      background: -webkit-linear-gradient(#000, #d40007);
      background-clip: border-box;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  
  .iun-to-text p {
      background: -webkit-linear-gradient(#d40007, #000);
      background-clip: border-box;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  
  .yaldabaoth {
    text-shadow: 0px 0px 2px black;
    font-weight: bold;
    /* filter: drop-shadow(-5px -5px 3px #8080802e); */
  }

  Pages using this styling

  • fragment:bone-proposal-2 [info]

  ¶ 1 occurrence
  

  #page-title {
    display: none;
  }
  
  #header {
      background: url(https://upload.wikimedia.org/wikipedia/commons/1/13/U%2B25CF.svg) 10px 40px no-repeat;
  }
  
  #header h1 a::before, #header h2 span::before { content: "";}
  
  html {
     -webkit-filter: grayscale(1) invert(1); /* Older Webkit */
    -webkit-filter: grayscale(100%) invert(100%);
    -moz-filter: grayscale(100%) invert(100%);
    -ms-filter: grayscale(100%) invert(100%);
    -o-filter: grayscale(100%) invert(100%);
    filter: grayscale(100%) invert(100%);
  }

  Pages using this styling

  • fragment:blackdot-1 [info]

  ¶ 1 occurrence
  

  #page-title {
    display: none;
  }
  
  #header {
      background: url(https://upload.wikimedia.org/wikipedia/commons/1/13/U%2B25CF.svg) 10px 40px no-repeat;
  }
  
  #header h1 a::before, #header h2 span::before { content: "";}
  
  html {
     -webkit-filter: grayscale(1); /* Older Webkit */
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
  }

  Pages using this styling

  • fragment:blackdot-0 [info]

  ¶ 1 occurrence
  

  .header-box > .top-right-box{
  background-image: url("http://scp-sandbox-3.wikidot.com/local--files/fragment:black-queen-hub-2-2/greyBQL.png");
  }

  Pages using this styling

  • fragment:black-queen-hub-2 [info]

  ¶ 1 occurrence
  

  
  .randMod {
      padding-block-end: .001rem;
  }
  
  .randMod div[id] { display: none; }
  
  div:is(.K, .L, .M) {
      display: none;
  }
  
  .randMod div:is([id$='0']) ~ div.K, .randMod div:is([id$='1']) ~ div.K, .randMod div:is([id$='2']) ~ div.K {
      display: block !important;
  }
  
  .randMod div:is([id$='3']) ~ div.L, .randMod div:is([id$='4']) ~ div.L, .randMod div:is([id$='5']) ~ div.K {
      display: block !important;
  }
  .randMod div:is([id$='6']) ~ div.M, .randMod div:is([id$='7']) ~ div.M, .randMod div:is([id$='8']) ~ div.M, .randMod div:is([id$='9']) ~ div.M {
      display: block !important;
  }
  
  .randMod a.collapsible-block-link{
      animation:blinkingText 1.2s infinite;
  }

  Pages using this styling

  • fragment:black-queen-hub-2 [info]

  ¶ 1 occurrence
  

  @import url('https://api.fonts.coollabs.io/css2?family=Victor+Mono:ital,wght@0,100..700;1,100..700&display=swap');
  
  #u-filter-structure {
      --_c: 61 133 84;
  
      container-name: structure;
      container-type: inline-size;
      margin-block: 1.5rem;
  }
  
  #u-filter-structure > :not(div) { display: none; }
  
  /*---------------------------------*/
  
  #u-filter-nav {
      position: relative;
      display: flex;
      flex-wrap: wrap;
      gap: .5rem;
      padding-right: 5rem;
      font-family: 'Victor Mono', monospace;
      font-weight: bold;
  }
  #u-filter-nav > br { display: none; }
  
  #u-filter-nav a {
      display: grid;
      place-content: center;
      box-sizing: border-box;
      text-decoration: none;
      border-radius: .75lh;
      padding: .175em .675em;
      color: rgb(var(--_c));
      background-color: rgb(var(--_c)/.1);
       flex-grow: 1;
      text-align: center;
  }
  #u-filter-nav a:is(:hover,:focus) {
      color: white;
      background-color: rgb(var(--_c));
  }
  
  #u-filter-nav a[href="##"] {
      --_c: 100 100 100;
      position: absolute;
      top: 0; right: 0;
      height: 100%; width: 4.25rem;
      font-weight: normal;
  }
  
  @container structure (max-width: 33.75rem) {
      #u-filter-nav { padding: 0; }
      #u-filter-nav a[href="##"] { position: static; width: unset; flex-basis: 100%; }
  }
  
  /*---------------------------------*/
  
  #u-directory {
      display: grid;
  }
  
  .artist-row {
      display: grid;
      grid-template-areas:
          "account link"
          "info info";
      grid-template-columns: 10.75rem minmax(0,1fr);
      box-shadow: inset 0 -0.05rem 0 #cccc;
      padding-block: .675rem;
      gap: .325rem;
  }
  
  :where(.artist-row) > .account {
      text-align: start;
      grid-area: account;
  }
  
  :where(.artist-row) > .link {
      grid-area: link;
      text-align: center;
  }
  
  :where(.artist-row) > .info {
      grid-area: info;
      display: flex;
      gap: .5rem;
  }
  
  /*---------------------------------*/
  
  :where(.artist-row) > .info > .artist-description {
      flex-grow: 1;
      font-size: .9125em;
      min-width: 50%;
      align-self: self-start;
  }
  .artist-description p { margin-block: .625em; }
  .artist-description > p:first-child { margin-block-start: .375em; }
  .artist-description > p:last-child { margin-block-end: .375em; }
  
  /*---------------------------------*/
  
  .artist-row.heading {
      grid-template-areas: "account link";
      font-weight: bold;
      display: grid!important;
  }
  .artist-row.heading > div {
      font-size: 1em;
      text-align: center;
  }
  .artist-row.heading > div > p { display: contents; }
  
  /*---------------------------------*/
  
  .info .tag {
      display: flex;
      flex-wrap: wrap;
      gap: .75em;
      justify-content: end;
      font-family: 'Victor Mono', monospace;
      font-size: .725em;
      font-weight: bold;
      align-self: end;
  }
  
  .tag > :is(br,a) { display: none; }
  .tag > a {
      text-decoration: none;
      border-radius: .75lh;
      padding: .175em .675em;
      color: rgb(var(--_c));
      background-color: rgb(var(--_c)/.1);
      min-width: max-content;
  }
  .tag > a:is(:hover,:focus) {
      color: white;
      background-color: rgb(var(--_c));
  }
  
  
  /*---- LOGIC ----*/
  
  .digital-2d a[href="#u-digital-2d"],
  .digital-3d a[href="#u-digital-3d"],
  .animation a[href="#u-animation"],
  .dry-media a[href="#u-dry-media"],
  .traditional-paint a[href="#u-traditional-paint"],
  .photoshop a[href="#u-photoshop"],
  .pixel-art a[href="#u-pixel-art"],
  .vector-art a[href="#u-vector-art"],
  .alt-media a[href="#u-alt-media"] {
      display: block;
  }
  
  #u-digital-2d:target ~ #u-filter-nav a[href="#u-digital-2d"],
  #u-digital-3d:target ~ #u-filter-nav a[href="#u-digital-3d"],
  #u-animation:target ~ #u-filter-nav a[href="#u-animation"],
  #u-dry-media:target ~ #u-filter-nav a[href="#u-dry-media"],
  #u-traditional-paint:target ~ #u-filter-nav a[href="#u-traditional-paint"],
  #u-photoshop:target ~ #u-filter-nav a[href="#u-photoshop"],
  #u-pixel-art:target ~ #u-filter-nav a[href="#u-pixel-art"],
  #u-vector-art:target ~ #u-filter-nav a[href="#u-vector-art"],
  #u-alt-media:target ~ #u-filter-nav a[href="#u-alt-media"] {
      color: white;
      background-color: rgb(var(--_c));
      pointer-events: none;
  }
  
  #u-digital-2d:target ~ #u-directory > div:not(.digital-2d),
  #u-digital-3d:target ~ #u-directory > div:not(.digital-3d),
  #u-animation:target ~ #u-directory > div:not(.animation),
  #u-dry-media:target ~ #u-directory > div:not(.dry-media),
  #u-traditional-paint:target ~ #u-directory > div:not(.traditional-paint),
  #u-photoshop:target ~ #u-directory > div:not(.photoshop),
  #u-pixel-art:target ~ #u-directory > div:not(.pixel-art),
  #u-vector-art:target ~ #u-directory > div:not(.vector-art),
  #u-alt-media:target ~ #u-directory > div:not(.alt-media) {
     display: none;
  }

  Pages using this styling

  • fragment:artist-directory-framework [info]

  ¶ 1 occurrence
  

  .linkOne a{
      color: #2F333C;
  }
  .linkOne a:hover{
      color: #2F333C;
      background-color: #2F333C;
  }
  .linkOne a:visited{
      color: #2F333C;
  }
  
  .linkTwo a{
      color: #1EB5E8;
  }
  .linkTwo a:hover{
      color: #2F333C;
      background-color: #21EB5E8;
  }
  .linkTwo a:visited{
      color: #1EB5E8;
  }

  Pages using this styling

  • fragment:art-mycotherapy-1 [info]

  ¶ 1 occurrence
  

  .linkOne a{
      color: #FF00CA;
  }
  .linkOne a:hover{
      color: #80ff00;
      background-color: rgb(0,0,0,0);
  }
  .linkOne a:visited{
      color: #FF00CA;
  }
  
  .linkTwo a{
      color: rgb(0,0,0,0);
  }
  .linkTwo a:hover{
      color: rgb(0,0,0,0);
      background-color: rgb(0,0,0,0);
  }
  .linkTwo a:visited{
      color: rgb(0,0,0,0);
  }
  
  
  #side-bar div.menu-item, #side-bar div.menu-item>p{
  font-size: 1px !important;
  
  }
  
  

  Pages using this styling

  • fragment:art-mycotherapy-0 [info]

  ¶ 1 occurrence
  

  :root {
      --logo-image: url(https://scp-wiki.wdfiles.com/local--files/fragment%3Aart-mycotherapy-0/DeerLogo.png);
      --header-title: "IGNOTA'S MYCOTHERAPY";
      --header-subtitle: "YOU CANNOT KILL ME IN A WAY THAT  MATTERS";
      --body-font: Courier,Courier,Courier,"Courier New","Courier New","Courier",Courier,serif;
      --UI-font: Courier,Courier,Courier,Courier,"Courier New",Courier,Courier,Courier,Courier,"Courier New",serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
      --header-font: "Courier New","Courier New","Courier New","Courier New","Courier New","Courier New","Courier",Courier,serif;
      --mono-font: Courier,Courier,Courier,monospace;
      --base-font-size: var(--max-font-size);
  }
  :root {
      --sidebar-width-on-desktop: min(calc(var(--base-font-size)*0.93333*19),calc(100vw - var(--body-width-on-desktop)));
      --accentColor: #ff00ca;
      --white-monochrome: 0,0,0;
      --pale-gray-monochrome: 107, 83, 115;
      --light-pale-gray-monochrome: 107, 83, 115;
      --very-light-gray-monochrome: 215,215,215;
      --light-gray-monochrome: 107, 83, 115;
      --gray-monochrome: 75, 54, 82;
      --dark-gray-monochrome: 48,48,52;
      --black-monochrome: 146, 255, 138;
      --pale-accent: 255, 0, 202;
      --bright-accent: 128, 255, 0;
      --medium-accent: 255, 0, 202;
      --dark-accent: 255, 0, 202;
      --alt-accent: 221,102,17;
      --swatch-primary: var(--bright-accent);
      --swatch-primary-darker: var(--medium-accent);
      --swatch-primary-darkest: var(--dark-accent);
      --swatch-border-color: var(--black-monochrome);
      --swatch-text-dark: var(--black-monochrome);
      --swatch-text-light: var(--white-monochrome);
      --swatch-text-general: var(--swatch-text-dark);
      --swatch-important-text: var(--bright-accent);
      --swatch-menubg-color: var(--white-monochrome);
      --swatch-menubg-light-color: var(--pale-gray-monochrome);
      --swatch-menubg-medium-color: var(--light-gray-monochrome);
      --swatch-menubg-medium-dark-color: var(--gray-monochrome);
      --swatch-menubg-dark-color: var(--dark-gray-monochrome);
      --swatch-menubg-black-color: var(--black-monochrome);
      --swatch-menubg-hover-color: var(--black-monochrome);
      --swatch-menutxt-dark-color: var(--black-monochrome);
      --swatch-menutxt-light-color: var(--white-monochrome);
      --swatch-menutxt-general-color: var(--swatch-menutxt-dark-color);
      --swatch-secondary-color: var(--swatch-menubg-light-color);
      --swatch-tertiary-color: var(--swatch-menubg-medium-color);
      --swatch-alternate-color: var(--swatch-menubg-dark-color);
      --swatch-text-secondary-color: var(--swatch-menutxt-light-color);
      --swatch-text-tertiary-color: var(--swatch-menutxt-dark-color);
      --gradient-header: linear-gradient(to top,rgb(var(--header-gradient-color-bottom)) 0%,rgb(var(--header-gradient-color-middle)) 90%,rgb(var(--header-gradient-color-top)) 100%);
      --diagonal-stripes: repeating-linear-gradient(45deg,hsla(0,0%,100%,0),hsla(0,0%,100%,0) 0.25vh,rgba(88,88,88,0.1) 0.35vh,rgba(88,88,88,0.2) 0.5vh);
      --gradient-topmenu: linear-gradient(to bottom,hsla(0,0%,100%,0) 0%,hsla(0,0%,100%,0) var(--header-height-on-desktop),rgba(var(--swatch-topmenu-border-color),1) var(--header-height-on-desktop),rgba(var(--swatch-topmenu-bg-color),1) calc(var(--header-height-on-desktop) + 0.125rem),rgba(var(--swatch-topmenu-bg-color),0.95) calc(100% - 0.125rem),rgba(var(--swatch-topmenu-bg-color),1) calc(100% - 0.125rem),rgba(var(--swatch-topmenu-border-color),1) 100%);
      --gradient-topmenu-mobile: linear-gradient(to bottom,rgba(var(--swatch-topmenu-border-color),1) 0,rgba(var(--swatch-topmenu-bg-color),1) 0.125rem,rgba(var(--swatch-topmenu-bg-color),1) calc(var(--topbar-height-on-mobile) - 0.125rem),rgba(var(--swatch-topmenu-bg-color),1) calc(var(--topbar-height-on-mobile) - 0.125rem),rgba(var(--swatch-topmenu-border-color),1) var(--topbar-height-on-mobile));
      --background-gradient-distance: 40rem;
      --gradient-background: linear-gradient(to bottom,rgba(var(--background-gradient-color),1) 0,rgba(var(--background-gradient-color),0) var(--background-gradient-distance));
      --body-width-on-desktop: 44.25rem;
      --scrollbar-width: 1rem;
      --header-width-on-desktop: 61.25rem;
      --header-width-on-mobile: 100vw;
      --header-height-on-desktop: 7.5rem;
      --header-height-on-mobile: 7.5rem;
      --header-background-image-size: 100% var(--header-height-on-desktop);
      --topbar-height-on-desktop: 1.875rem;
      --topbar-height-on-mobile: 3rem;
      --final-header-height-on-desktop: calc(var(--header-height-on-desktop) + var(--topbar-height-on-desktop));
      --final-header-height-on-mobile: calc(var(--header-height-on-mobile) + var(--topbar-height-on-mobile));
      --sidebar-width-on-desktop: min(calc(var(--base-font-size)*0.93333*19),calc(100vw - var(--body-width-on-desktop)));
      --sidebar-width-on-mobile: calc(var(--base-font-size)*0.93333*17);
      --sidebar-internal-border-thickness: 0.125rem;
      --swatch-background: var(--white-monochrome);
      --background-gradient-color: var(--very-light-gray-monochrome);
      --header-gradient-color-bottom: var(--white-monochrome);
      --header-gradient-color-middle: var(--white-monochrome);
      --header-gradient-color-top: var(--bright-accent);
      --swatch-topmenu-bg-color: var(--swatch-menubg-medium-dark-color);
      --swatch-topmenu-border-color: var(--swatch-menubg-black-color);
      --link-color: var(--pale-accent);
      --visited-link-color: var(--swatch-primary-darkest);
      --hover-link-color: var(--swatch-primary);
      --newpage-color: var(--alt-accent);
  }
  
  #header {
      --search-icon-color: var(--black-monochrome);
      --search-icon-hover-color: var(0,0,0,0);
      --search-icon-hover-bg-color: var(--black-monochrome);
      --search-textbox-text-color: 0,0,0,0;
      --search-icon-focus-color: var(--black-monochrome);
      --search-icon-focus-bg-color: var(--black-monochrome);
      --search-focus-outline-color: var(--black-monochrome);
      --login-dropdown-text-color: var(--black-monochrome);
  }
  
  #side-bar {
      --sidebar-bg-color: var(--swatch-menubg-color);
      --sidebar-resources-bg-color: var(--swatch-primary-darker),0.25;
      --sidebar-media-bg-color: var(--swatch-primary-darker),0.125;
      --discord-icon-color: 88,101,242;
      --deviantart-icon-color: 0,199,135;
      --facebook-icon-color: 59,89,152;
      --github-icon-color: 25,23,23;
      --instagram-icon-color: 240,148,51;
      --instagram-icon-gradient: linear-gradient(45deg,#f09433,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888);
      --reddit-icon-color: 225,69,0;
      --sandbox-icon-color: 35,140,120;
      --twitch-icon-color: 100,65,165;
      --twitter-icon-color: 29,161,242;
      --youtube-icon-color: 255,0,0;
      --social-icon-hover-color: var(--swatch-primary);
      --sideblock-bg-color: 0,0,0,0;
      --sideblock-heading-border-color: var(--swatch-primary);
      --sideblock-heading-bg-color: 0,0,0,0;
      --sideblock-heading-text-color: var(--swatch-primary-darker);
      --sidebar-border-color: var(--swatch-border-color),0.08;
      --sidebar-subtest-color: var(--swatch-primary);
      --sidebar-links-text: var(--swatch-menutxt-general-color);
      --sidebar-links-bg-color: 0,0,0,0;
      --sidebar-links-hover-bg-color: var(--swatch-primary);
      --sidebar-links-hover-text-color: var(--swatch-text-secondary-color);
      --sidebar-collapsible-fld-link-bg: var(--swatch-primary-darker),0.25;
      --sidebar-collapsible-fld-link-color: var(--sideblock-heading-text-color);
      --sidebar-collapsible-fld-link-hover-bg: var(--swatch-primary-darker);
      --sidebar-collapsible-fld-link-hover-color: var(--swatch-text-secondary-color);
      --sidebar-collapsible-fld-arrow-color: var(--swatch-text-tertiary-color);
      --sidebar-collapsible-fld-arrow-hover-color: var(--swatch-text-secondary-color);
      --sidebar-collapsible-ufld-link-bg: var(--sidebar-collapsible-fld-link-bg);
      --sidebar-collapsible-ufld-link-color: var(--sideblock-heading-text-color);
      --sidebar-collapsible-ufld-link-hover-bg: var(--swatch-primary),1;
      --sidebar-collapsible-ufld-link-hover-color: var(--sidebar-collapsible-fld-link-hover-color);
      --sidebar-collapsible-ufld-arrow-color: var(--sidebar-collapsible-fld-arrow-color);
      --sidebar-collapsible-ufld-arrow-hover-color: var(--sidebar-collapsible-fld-arrow-hover-color);
      --sidebar-collapsible-body-bg: var(--swatch-primary),0.125;
      --sidebar-collapsible-link-color: var(--sidebar-links-text);
      --sidebar-collapsible-link-hover-bg: var(--sidebar-links-hover-bg-color);
      --sidebar-collapsible-link-hover-color: var(--sidebar-links-hover-text-color);
  }
  
  #license-area {
      --license-bg-color: #4B3652;
      --license-text-color: var(--bright--accent);
      --license-link-color: var(--bright-accent);
      --license-link-hover-color: var(--swatch-primary);
      --license-link-hover-bg-color: var(--swatch-secondary-color);
  }
  
  body{
  font-family: "Courier New"
  }
  
  ::selection {
    background: #FF00CA; /* WebKit/Blink Browsers */
  }
  ::-moz-selection {
    background: #FF00CA; /* Gecko Browsers */
  }
  div#page-title{
  color: #80ff00;
  }
  div#page-content{
  color: #8AFF7B;
  }
  div#header h1 a::before{
  color: #80ff00;
  }
  
  div#header h2 ::before{
  color: #FF00CA;
    font-weight: bold;
  }
  div#content-wrap{
  background-color: black;
  }
  
  #search-top-box form[id=search-top-box-form]:not(:focus-within) input[type=submit] {
      box-shadow: 0 0 0 0 rgb(var(--black-monochrome));
      pointer-events: none;
  }
  #login-status #account-topbutton {
      background-color: rgb(var(--black-monochrome));
      color: --black-monochrome;
  }
  #search-top-box form[id=search-top-box-form]:not(:focus-within) input[type=text] {
      background-color: rgba(var(--black-monochrome;),0);
      box-shadow: 0 0 0 0 rgb(var(--black-monochrome;));
      color: rgba(var(--black-monochrome;));
  }
  
  
  #header div[class*=top-bar]>ul>li>a {
  color: #80ff00;
  }
  #header div[class*=top-bar]>ul>li.sfhover a{
  color: #80ff00;
  }
  
  #login-status a#my-account, #login-status a[href*="account/messages"] {
      color: rgb(var(--black-monochrome));
  }
  #login-status {
      color: rgb(var(--black-monochrome));
  }
  #login-status span.printuser {
      color: rgb(var(--black-monochrome));
  }
  img{
  border-radius:15px;
  border:solid 2px rgb(var(--accentColor));
  }
  blockquote{
  border-radius: 15px;
  }
  
  div#footer {
      --footer-bg-color: black;
      --footer-text-color: var(--bright-accent);
      --footer-link-color: var(--dark-accent);
      --footer-link-hover-color: var(--swatch-primary);
      --footer-link-hover-bg-color: var(--swatch-secondary-color);
  }

  Pages using this styling

  • fragment:art-mycotherapy-0 [info]

  ¶ 1 occurrence
  

  #page-title {
    display: block;
  }

  Pages using this styling

  • fragment:apas-4 [info]

  ¶ 1 occurrence
  

  @import url('https://api.fonts.coollabs.io/css2?family=Newsreader:ital,wght@0,400;0,700;1,400;1,700&display=swap');
  @import url('https://api.fonts.coollabs.io/css2?family=Victor+Mono:ital,wght@0,400;0,700;1,400;1,700&display=swap');
  @import url('https://api.fonts.coollabs.io/css2?family=Schibsted+Grotesk:ital,wght@0,400;0,700;1,400;1,700&display=swap');
  
  :root {
      --header-font: 'Newsreader', Georgia, Palatino, serif;
      --title-font: var(--header-font);
      --mono-font: 'Victor Mono', monospace;
      --body-font: 'Schibsted Grotesk', Inter, Verdana, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
      --UI-font: var(--mono-font);
      
      --logo-image: url(https://scp-wiki.wdfiles.com/local--files/anthology-2023-hub/anth23.png);
      --header-title: "ANTHOLOGY 2023";
      --header-height-on-desktop: calc(20.5rem + 4.25vw);
      --header-height-on-mobile: var(--header-height-on-desktop);
      --topbar-height-on-desktop: 2.75rem;
      --topbar-height-on-mobile: var(--topbar-height-on-desktop);
      --body-width-on-desktop: 65.75rem;
  
      --bright-accent: 251,240,194;
      --medium-accent: var(--bright-accent);
      --dark-accent: 11,12,20;
      --dark-gray-monochrome: 21,19,36;
      --swatch-text-general: 252,252,252;
      --swatch-text-light: var(--swatch-primary);
      --modal-body-text: var(--swatch-text-general);
  
      --gradient-topmenu-mobile: rgb(var(--swatch-primary-darkest));
      --toggle-roundness: 0;
      --toggle-icon-color: rgb(var(--bright-accent));
      --toggle-border-color: var(--toggle-icon-color);
  }
  
  body {
      background-image: url(https://scptestwiki.wdfiles.com/local--files/sigma%3Asytest3/fabtile2.jpg);
      background-repeat: initial;
      background-size: calc(7.25rem + 3.75vw);
      background-position: center;
  }
  div#container-wrap {
      background-image: linear-gradient(to right, rgb(var(--swatch-primary-darkest),.875), transparent 35%, transparent 65%, rgb(var(--swatch-primary-darkest),.875));
      background-repeat: initial;
      background-position: initial;
      background-size: auto;
  }
  div#extra-div-1, div#extra-div-1::before { all: unset; }
  
  #header {
      --login-dropdown-bg-hover-color: var(--gray-monochrome);
  }
  #header::before {
      top: 0;
      background-position: center;
      background-size: auto calc(var(--header-height-on-desktop) + 0.5rem);
      opacity: 1;
  }
  #header h1 {
      height: calc(var(--header-height-on-desktop) - var(--topbar-height)*5);
      margin-top: calc(var(--topbar-height)*5);
  }
  #header h1 a::before { all: unset; }
  #header h1 a::after {
  text-shadow: 0 0 0.75rem rgb(var(--swatch-primary-darkest),0.75);
  }
  #header h2 {
      display: none;
  }
  
  #extrac-div-1, #extrac-div-2 {
      height: calc(var(--header-height-on-desktop) + var(--topbar-height-on-desktop));
  }
  #extrac-div-1 {
      --corner-deco: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' viewBox='0 0 232.3 121.3'%3E%3Cpath d='M232.3 121.3V116l-1.2 1.2c-.9 1.1-1.4 1.4-2 1.2-.6-.2-.7-.6-.5-2.8.5-3.9 2.3-8.1 3.6-8.9v-8.1a4 4 0 0 0-.8 1.6l-2.8 7.9c-.3 1-1.6-.7-2.3-3.3-.4-1.3-1.7-4.6-2.9-7.3-2.4-5.5-2.7-7.3-1.3-8.8 1-1 1.5-1.2 2.2-.5.6.6.2 1.6-.5 1.6s-.8 1-.1 1.4c1.2.7 3.4-1.9 3-3.5-.3-.9-2.2-2-3.6-2-1.5 0-3 1.6-3 3.4 0 1.5-.6 1.8-1.4.7-.7-.9-.7-6.4-.1-8.6.6-2 2.9-4.5 4.5-4.9 1-.2 1.4-.1 2.5 1.2 1.4 1.5 1.6 2.6.9 3.9-.6 1-2.6 1-3.2 0-.3-.6-.2-1 .2-1.6 1.2-1.6-.4-1.3-1.8.4-.5.6-.4.9.3 2.1 1.5 2.4 5 3 7 1.2a6.7 6.7 0 0 0-1.3-10.9c-4.7-2.4-10.7.3-12.5 5.8-.6 1.8-.2 6 .7 7.9.8 1.7.4 2.2-1.1 1.3a5 5 0 0 0-1.9-.7c-1.4 0-3.4-1.7-5.9-5.1-5-6.8-8.7-14.7-9.2-19.8a20 20 0 0 1 5.3-15.2c2.8-3 4.4-4 7.8-5.1 3.4-1 4.6-1 7.8.2 3.3 1.2 5.8 3 7.4 5.2a9 9 0 0 1-1.2 12.3c-1.7 1.6-2.2 1.9-3.6 1.9-1.9 0-3.4-.7-4.7-2.2-1.2-1.4-1.2-1.7.6-2.8.8-.5 1.8-1.2 2.1-1.6.5-.6.4-.8-.4-1.4-2.5-2-4.5-1.9-6.4.2-3.2 3.6-2.4 8.4 1.8 11.7 1.3 1 1.9 1.1 4.9 1.3 2.1.1 3.5 0 3.8-.3.2-.2.9-.4 1.4-.4 2.3 0 6.1-3.5 7-6.4.3-1 .6-1.4 1-1.6v-6.6c-.3-.2-.7-1-.8-2a9.6 9.6 0 0 0-1.8-3.9c-1.2-1.6-1.4-2.2-1.1-2.8.3-.6.9-.7 3.8-.7V30.1c-3.2 0-3.3.1-4.9 1.4-.9.8-1.7 1.8-1.7 2.2 0 1 1.5 2.6 2.7 3 1 .3 1.2-.3.2-1.2-.8-.8-.4-2.4.7-2.8.6-.2 1.1 0 1.8.8 1.2 1.4 1.2 3.1 0 4.4-1.4 1.6-3.6 1.7-10.1.4-5.4-1.1-5.6-1.1-8.5-.4a20 20 0 0 0-15.3 13.7l-.8 3.3c-.6 2.4-1.6 2.1-1.6-.5 0-2.8 1.1-14.6 1.5-16.3.6-2.6 2-5.2 4-7.2 3.4-3.7 7-4.6 9-2.4.6.6 1.1 1.4 1.1 1.8 0 .7-1.8 2.7-2.3 2.7s-1.1-.8-1.4-2.1c-.3-1.3-1.1-1.4-1.8-.2-.4.8-.4 1.2.2 2.5l.7 1.6 2.9.1c2.7.1 2.9 0 3.9-1 2.2-2.4 2.3-4 .2-6.8-1.8-2.6-2.9-3-6-2.2-1.6.4-3.1 1-4 1.8-1.5 1.2-2.5 1.5-2.9.8-.3-.4 4.1-4.6 7.4-7 6.3-4.7 11.2-6 15-4.2 4 1.9 5 5.3 2.4 7.8-1.6 1.6-2.8 1.7-4 .5-1.3-1.2-1.2-3 .2-3.6.6-.3 1.1-.3 1.2-.1.3 1 .9 1.5 1.3 1.2 1.2-.8-.4-3-2.2-3-1.4 0-3.6 2.4-4 4.2-.6 3.1 2.2 6.2 5.9 6.6 3.7.3 8-2.2 8.5-5 .2-.8.3-1.2.8-1.3v-2.9c-.5-.1-.6-.4-.6-1.2 0-4.2-4.8-7.9-9.8-7.4-3.8.4-5.7.8-7.5 1.8l-1.9 1-1.2-1.4-1.2-1.6c0-.6.8-.7 1.3-.1.8.8 1.1.8 4-.8 6.3-3.5 9.1-4.2 16.9-4.1V0l-3 .2a43.5 43.5 0 0 0-37.4 37.2c-.8 4.7-.8 11.4 0 14.5.8 3.2.8 3.3.4 3.5-.2.1-1.4-1.1-2.6-2.6a26.2 26.2 0 0 0-27.8-8.6 25 25 0 0 0-15.4 13.7c-1 2.1-1.3 3.3-1.5 6.3-.6 8.9 1.8 14.7 8 19.3 3 2.3 5.2 3.2 8.8 4a17.4 17.4 0 0 0 21.7-15.7c1-12.7-13.3-20.9-22.4-13-6.6 5.8-3.5 16.6 4.9 16.8 1.4 0 2-.2 3.5-1.6 2.7-2.5 2.8-4.2.1-3.7-.9.2-1.3 0-2.3-1.1-1.8-2-1.7-3.5.7-6 1.7-1.8 2.1-2 3.5-2 4.9 0 8.5 4.6 8.1 10.1a14.3 14.3 0 0 1-8.5 11.8 17 17 0 0 1-23-13.8 21 21 0 0 1 16-23.2 26 26 0 0 1 16.8 1.9 29 29 0 0 1 12.1 12.5c2 5.6 3.2 8.2 4.5 10.3 1.8 3 1.4 3.4-1.5 2.1-2.3-1.1-4.7-1.3-6.1-.6-3.9 2-5 6.8-2 9.2 2.6 2 8.5-.4 7.4-3.1-.8-2-2.1-2.1-2.1-.1 0 1-.2 1.2-1.1 1.4-.8.2-1.2.1-1.8-.6-1.5-1.9.5-4.4 3.6-4.4 2.7 0 4.4 1 8.7 4.9 4.1 3.8 4.7 5 2.5 4.5-2.6-.6-8.2-.7-10.5-.2a48 48 0 0 0-6.2 2.2 17.9 17.9 0 0 0-6.6 4.6c-3.8 3.9-5.5 7.1-5.8 11.1-.3 4.1-.9 4.1-3.7.1a52.7 52.7 0 0 0-11.7-11.4 96.6 96.6 0 0 0-16-8.2l-4-1.5-9.6-.2a42.1 42.1 0 0 0-17.6 2c-.2.2.1.6.6 1 2.8 2.3 4 3.5 4 4.2 0 1.6-2.6-.2-5.2-3.6-.6-.8-2-.6-4.7 1a35 35 0 0 0-9.4 6.9 34.8 34.8 0 0 0-11 21.6c-.1 1.9-.4 3.6-.6 3.8-.2.2-1.8.5-3.6.5l-19.3.7c-28.9 1.1-26.5 1-53.7 1.6a74 74 0 0 0-10.7.6h232.2zM209.5 13.7c.6 0 1 .2 1 .5 0 .7-.8 1.5-1.5 1.5-.3 0-.5-.4-.5-1 0-.8.2-1 1-1zm-4.4 3.2c1.2-1.3 1.4-1.4 1.4-.8 0 .5-1.6 2-2.2 2-.1 0 .2-.6.8-1.2zm-42 53.2c-1.5 0-2.4-2.8-1.3-3.9.9-.9 1.6-.6 1.4.7-.2.6-.1 1.3.1 1.4.7.4.5 1.8-.2 1.8zm-.2-6.4c-.7 0-.4-1 .7-2.1 1-1.1 2.1-1.5 2.1-.8 0 .5-2.3 2.9-2.8 2.9zm-13.2 55.8c.5.3.8.8.8 1 0 .7-1 .4-2-.6-.5-.6-1.6-1.2-2.5-1.4s-2.3-.9-3.1-1.4l-1.6-1-1.7 1.2c-1.5 1-2.1 1.1-5 1.1-3.5 0-4.6-.4-3.6-1.4a25 25 0 0 0 2-2.9c1.6-2.6 4.9-6.3 5.6-6.3.2 0 1.7-.8 3.2-1.8 4-2.6 6.2-2.4 3.2.2-1.7 1.5-3.3 3.8-3.3 4.9 0 2.1 3.2 5.1 5.6 5.1 1.8 0 4-3 3.5-5-.3-1.2-2-2.4-2.9-2-.6.2-.5.4.1 1.4.8 1.4.4 2.5-1 2.7-.9.1-2.5-1.8-2.5-3s2.3-3.7 4.4-4.7c4-2.1 6.3-2.1 12.8-.2 4.1 1.2 7.5 2.8 7.1 3.4-.1.2-.6.3-1.2.2-4-.5-6.6-.2-8.9.8-2.6 1.2-5.8 4-7.4 6.6-.6 1-1.3 1.8-1.6 1.8-.8-.1-.8.8 0 1.3zm55.3-4-.2 1.9c-.1 1.4-.9 1.8-1.9.8-1-.9-1-1.2.4-2.6 1.2-1.2 1.9-1.2 1.7-.1zm.9-2c-.3.7-1.4.8-1.4.1 0-.3-.3-.9-.7-1.3a7 7 0 0 1-1.3-1.9c-.3-.6-.7-1.1-.9-1.1-.2 0-.3-.4-.3-1 0-1.4.5-1.2 2.4.8 1.8 2 2.6 3.4 2.2 4.4zm-18.2-21.3c3.3-3.2 9.1-6 8.8-4.2-.1.4-1.4 1.4-2.9 2.3a20 20 0 0 0-7.6 7.4c-1.3 2.5-2 6.2-1.6 8.5.5 3.6 4.4 8 7.1 8 1.4 0 3.1-1 3.1-1.9 0-.3-.9-1.6-2-3-2.5-3-2.8-3.7-2.8-7.2 0-3.8.9-5.7 4.2-8.9 3.5-3.5 6.9-5.1 10.6-5 2.4 0 3.1.2 6.6 2 4 2.1 6 3.6 9 7.1a22 22 0 0 1 4.3 6.8c-.2.1-1.3-.2-2.6-.8-1.3-.6-3-1-3.7-1-3.1 0-7.5 3.3-8.4 6.4-1 3.2.9 7.3 3.6 8 3.2.8 5.6.4 6.9-1.4 1-1.4 1.2-2.1.5-3.4-1.2-2.4-3.5-3.1-4.5-1.2-.3.6-.2.8.6 1.4 2.2 1.4 0 4-2.3 2.8a5.8 5.8 0 0 1-2.7-4.4c0-1.7 1.7-4 3.7-5 3-1.4 5.8-1 8.6 1.4 2.1 1.8 2.6 3.1 2.6 7.4v3.8l-5.8.2-9.4.2H208l-.2-4.6c-.2-5.4-.8-6.8-4-8.8-2.7-1.7-5.4-2-7-.8-1.6 1.3-2.4 3.2-1.8 4.6.5 1 .6 1.1 2.4 1 1.4-.1 2.8 1.8 2.8 3.6 0 1.4-1.5 3.6-2.9 4.4-.4.2-2.6.5-4.9.6l-4.1.2-2.7-3c-3.3-3.8-4.2-5.9-4.2-10.2-.1-5.2 1.7-8.8 6.3-13.3zm-6 24.1c.5.4.8 1.1.8 1.5 0 1.4-1.4.6-1.5-.9-.1-1.4-.1-1.4.7-.6zm-3.5 1.6c-.6.4-10 .5-16.4.2-3.5-.1-6.4-.1-6.7.1-.6.4-1.7.1-1.7-.4a9 9 0 0 1 1.6-2.1c1.1-1.3 1.6-1.6 1.6-1.1 0 1 .5.9 1.6-.3 3.3-3.5 8.5-4.4 13.8-2.5 1.1.4 2.5 1.1 3.1 1.6 1.4 1 3.5 4.2 3.1 4.5zm-78.6-6.4c.1-8.6 1.6-11.8 8.9-19 2.8-2.8 3-2.9 3.7-2.2.7.6.6.8-1.6 3a17.2 17.2 0 0 0-5 9.2c-.8 6.2 5.2 11.1 11.8 9.6 3.1-.7 5.2-3.7 5.2-7.4 0-3.4-2.5-6.2-5.6-6.2-1.2 0-1.7.3-2.7 1.4-.7.8-1.2 1.8-1.2 2.2 0 .9 1.4 2.4 2.2 2.4 1 0 1.1-.7.2-1.2-1-.6-1-1.8 0-2.4 1-.5 2 0 3 1.3.9 1.2.8 1.3-.8 3.1-2 2.2-3.3 2.2-5.6-.2-2-2.1-2.5-3.8-1.6-6 1.2-2.8 4.2-6.5 6.8-8.4a36.4 36.4 0 0 1 11.5-5.8c1.6-.9 3.2-1 3.9-.4.8.8.6 1.4-.4 1.6-5.6 1.3-9.1 5.1-9.1 9.7 0 2.7 1.7 5.6 4.2 7.3 1.8 1.2 4.2 1.7 4.7.9.1-.2-1.7-2.3-4-4.6-3.2-3.2-4.1-4.4-3.8-4.8.3-.3 1.1.2 3.2 2.1l4.7 4.6 2.1 1.9 1.6-1.5c2.7-2.4 3-6 .7-8.2-1.2-1.1-4-1.3-4.9-.3-.8.8-.8 2.6-.1 3.1 1 .6 1.1.4.9-1-.2-1.3-.1-1.4.7-1.4 1.1 0 2.4 1.1 2.4 2 0 .4-.5 1.2-1.2 1.8-1.4 1.3-2.5 1.2-4.4-.4-1-.8-1.2-1.3-1.2-2.6 0-4.8 4.7-7.5 13.3-7.7 3.9-.1 4.4 0 4.9.7.6.8.5.8-2.1 1.3-1.9.4-3 .8-3.8 1.6-2 1.9-2 5.1-.1 7.4.8 1 1.3 1.2 2.7 1.2 2.9 0 5.4-2.2 4.9-4.2-.3-1.1-2.1-2.4-2.9-2-.6.2-.6.4.1 1 1.6 1.8-.6 3.3-2.4 1.6-1.3-1.2-1.2-2 .3-3.5 4.4-4.6 14.6-1 24 8.3 8.2 8.1 9.4 9.7 8.6 10.5-.4.4-1.2-.2-4.6-3a32 32 0 0 0-12.4-6.4c-6-1.5-15.2-.6-20.7 2.2-1.8.9-2.5 2.1-1.6 2.6.3.2.4.5.2.8-.2.3-.6.2-1.4-.6l-1.1-1-2.9 3.1c-1.9 2-3.3 4-4.3 6-.8 1.6-1.8 3.2-2.2 3.4-.5.3-1.8.4-3.4.2-2-.2-3-.5-4.6-1.6-3-2.1-4.9-2.5-7.2-1.6-1.1.5-2 1.2-2.3 1.8-.6 1.3-2.4 1.8-5 1.4-3.1-.3-3.3-.7-3.2-6.7zM97.8 99c.8-.8 1.5-.6 1.5.5 0 1-.9 1.6-1.6 1.2-.5-.3-.4-1.2.1-1.7zm-6.3 14.6c.8-4.3 1.6-7.2 2.7-8.8.4-.6.8-1.3.8-1.7 0-.9.9-2.2 1.5-2.2.3 0 .6.4.7.9.2.5 0 2-.4 3.4-.7 2.7-.8 9.2-.3 11.2.3 1 .2 1.4-.3 1.9-1 .9-3.8.8-4.6-.2-.7-.7-.7-1-.1-4.5z'/%3E%3C/svg%3E");
      background-image: url(https://scp-sandbox-3.wikidot.com/local--files/sybox2/ht2.jpg);
  }
  #extrac-div-1::before,
  #extrac-div-1::after {
      content: "";
      position: absolute;
      width: 30%;
      height: 27.75%;
      bottom: 0;
      background: linear-gradient(to top, rgb(var(--bright-accent)) 25%, rgb(var(--gray-monochrome)) 75%);
      pointer-events: none;
      -webkit-mask-image: var(--corner-deco);
      mask-image: var(--corner-deco);
      -webkit-mask-size: contain;
      mask-size: contain;
      -webkit-mask-repeat: no-repeat;
      mask-repeat: no-repeat;
      -webkit-mask-position: bottom right;
      mask-position: bottom right;
      z-index: 1;
  }
  #extrac-div-1::before { left: 0; transform: scale(-1,1); }
  #extrac-div-1::after { right: 0; }
  
  #extrac-div-2 {
      --mask-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='utf-8'?%3E%3C!-- Generator: Adobe Illustrator 23.0.5, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='drawing' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 500 500' style='enable-background:new 0 0 500 500;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0{fill:none;stroke:%23000000;stroke-width:0.25;} .st1{fill:none;stroke:%23000000;} %3C/style%3E%3Cg transform='rotate(0)'%3E%3Cg transform='translate(0,30.31659557408561)'%3E%3Cg transform='scale(0.6968340442591439,0.6968340442591439)'%3E%3Cg transform='scale(0.909593359708696,0.909593359708696)'%3E%3Ccircle class='st0' cx='285.7' cy='346.6' r='227.3'/%3E%3Cg transform='rotate(270)'%3E%3Cg transform='scale(0.9918911669592846,0.9918911669592846)'%3E%3Ccircle class='st0' cx='-349.4' cy='288.1' r='227.3'/%3E%3Cg transform='scale(0.9241725138068448,0.9241725138068448)'%3E%3Cpolygon class='st0' points='-378.1,539 -601.9,351.2 -455.8,98.1 -181.3,198.1 -232,485.8 -524.2,485.8 -574.9,198.1 -300.4,98.1 -154.3,351.2 '/%3E%3Ccircle class='st0' cx='-378.1' cy='311.7' r='227.3'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cg transform='rotate(45)'%3E%3Cg transform='translate(0,30.31659557408561)'%3E%3Cg transform='scale(0.6968340442591439,0.6968340442591439)'%3E%3Cg transform='scale(0.909593359708696,0.909593359708696)'%3E%3Ccircle class='st0' cx='449.1' cy='-47.8' r='227.3'/%3E%3Cg transform='rotate(270)'%3E%3Cg transform='scale(0.9918911669592846,0.9918911669592846)'%3E%3Ccircle class='st0' cx='48.2' cy='452.8' r='227.3'/%3E%3Cg transform='scale(0.9241725138068448,0.9241725138068448)'%3E%3Cpolygon class='st0' points='52.2,717.2 -171.6,529.4 -25.6,276.3 249,376.3 198.3,664 -93.9,664 -144.6,376.3 129.9,276.3 276,529.4 '/%3E%3Ccircle class='st0' cx='52.2' cy='489.9' r='227.3'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cg transform='rotate(90)'%3E%3Cg transform='translate(0,30.31659557408561)'%3E%3Cg transform='scale(0.6968340442591439,0.6968340442591439)'%3E%3Cg transform='scale(0.909593359708696,0.909593359708696)'%3E%3Ccircle class='st0' cx='285.7' cy='-442.3' r='227.3'/%3E%3Cg transform='rotate(270)'%3E%3Cg transform='scale(0.9918911669592846,0.9918911669592846)'%3E%3Ccircle class='st0' cx='445.9' cy='288.1' r='227.3'/%3E%3Cg transform='scale(0.9241725138068448,0.9241725138068448)'%3E%3Cpolygon class='st0' points='482.5,539 258.6,351.2 404.7,98.1 679.3,198.1 628.5,485.8 336.4,485.8 285.6,198.1 560.2,98.1 706.3,351.2 '/%3E%3Ccircle class='st0' cx='482.5' cy='311.7' r='227.3'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cg transform='rotate(135)'%3E%3Cg transform='translate(0,30.31659557408561)'%3E%3Cg transform='scale(0.6968340442591439,0.6968340442591439)'%3E%3Cg transform='scale(0.909593359708696,0.909593359708696)'%3E%3Ccircle class='st0' cx='-108.7' cy='-605.6' r='227.3'/%3E%3Cg transform='rotate(270)'%3E%3Cg transform='scale(0.9918911669592846,0.9918911669592846)'%3E%3Ccircle class='st0' cx='610.6' cy='-109.6' r='227.3'/%3E%3Cg transform='scale(0.9241725138068448,0.9241725138068448)'%3E%3Cpolygon class='st0' points='660.7,108.7 436.9,-79.1 582.9,-332.2 857.5,-232.2 806.8,55.5 514.6,55.5 463.9,-232.2 738.4,-332.2 884.5,-79.1 '/%3E%3Ccircle class='st0' cx='660.7' cy='-118.6' r='227.3'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cg transform='rotate(180)'%3E%3Cg transform='translate(0,30.31659557408561)'%3E%3Cg transform='scale(0.6968340442591439,0.6968340442591439)'%3E%3Cg transform='scale(0.909593359708696,0.909593359708696)'%3E%3Ccircle class='st0' cx='-503.1' cy='-442.3' r='227.3'/%3E%3Cg transform='rotate(270)'%3E%3Cg transform='scale(0.9918911669592846,0.9918911669592846)'%3E%3Ccircle class='st0' cx='445.9' cy='-507.2' r='227.3'/%3E%3Cg transform='scale(0.9241725138068448,0.9241725138068448)'%3E%3Cpolygon class='st0' points='482.5,-321.6 258.6,-509.4 404.7,-762.4 679.3,-662.5 628.5,-374.8 336.4,-374.8 285.6,-662.5 560.2,-762.4 706.3,-509.4 '/%3E%3Ccircle class='st0' cx='482.5' cy='-548.9' r='227.3'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cg transform='rotate(225)'%3E%3Cg transform='translate(0,30.31659557408561)'%3E%3Cg transform='scale(0.6968340442591439,0.6968340442591439)'%3E%3Cg transform='scale(0.909593359708696,0.909593359708696)'%3E%3Ccircle class='st0' cx='-666.5' cy='-47.8' r='227.3'/%3E%3Cg transform='rotate(270)'%3E%3Cg transform='scale(0.9918911669592846,0.9918911669592846)'%3E%3Ccircle class='st0' cx='48.2' cy='-672' r='227.3'/%3E%3Cg transform='scale(0.9241725138068448,0.9241725138068448)'%3E%3Cpolygon class='st0' points='52.2,-499.8 -171.6,-687.6 -25.6,-940.7 249,-840.7 198.3,-553 -93.9,-553 -144.6,-840.7 129.9,-940.7 276,-687.6 '/%3E%3Ccircle class='st0' cx='52.2' cy='-727.1' r='227.3'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cg transform='rotate(270)'%3E%3Cg transform='translate(0,30.31659557408561)'%3E%3Cg transform='scale(0.6968340442591439,0.6968340442591439)'%3E%3Cg transform='scale(0.909593359708696,0.909593359708696)'%3E%3Ccircle class='st0' cx='-503.1' cy='346.6' r='227.3'/%3E%3Cg transform='rotate(270)'%3E%3Cg transform='scale(0.9918911669592846,0.9918911669592846)'%3E%3Ccircle class='st0' cx='-349.4' cy='-507.2' r='227.3'/%3E%3Cg transform='scale(0.9241725138068448,0.9241725138068448)'%3E%3Cpolygon class='st0' points='-378.1,-321.6 -601.9,-509.4 -455.8,-762.4 -181.3,-662.5 -232,-374.8 -524.2,-374.8 -574.9,-662.5 -300.4,-762.4 -154.3,-509.4 '/%3E%3Ccircle class='st0' cx='-378.1' cy='-548.9' r='227.3'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cg transform='rotate(315)'%3E%3Cg transform='translate(0,30.31659557408561)'%3E%3Cg transform='scale(0.6968340442591439,0.6968340442591439)'%3E%3Cg transform='scale(0.909593359708696,0.909593359708696)'%3E%3Ccircle class='st0' cx='-108.7' cy='510' r='227.3'/%3E%3Cg transform='rotate(270)'%3E%3Cg transform='scale(0.9918911669592846,0.9918911669592846)'%3E%3Ccircle class='st0' cx='-514.1' cy='-109.6' r='227.3'/%3E%3Cg transform='scale(0.9241725138068448,0.9241725138068448)'%3E%3Cpolygon class='st0' points='-556.3,108.7 -780.1,-79.1 -634.1,-332.2 -359.5,-232.2 -410.2,55.5 -702.4,55.5 -753.1,-232.2 -478.6,-332.2 -332.5,-79.1 '/%3E%3Ccircle class='st0' cx='-556.3' cy='-118.6' r='227.3'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Cpolygon class='st1' points='250,488.9 418.9,418.9 488.9,250 418.9,81.1 250,11.1 81.1,81.1 11.1,250 81.1,418.9 '/%3E%3Cpolygon class='st1' points='250,474.8 408.9,408.9 474.8,250 408.9,91.1 250,25.2 91.1,91.1 25.2,250 91.1,408.9 '/%3E%3Cpolygon class='st1' points='250,460.7 399,399 460.7,250 399,101 250,39.3 101,101 39.3,250 101,399 '/%3E%3Cpolygon class='st1' points='250,446.6 389,389 446.6,250 389,111 250,53.4 111,111 53.4,250 111,389 '/%3E%3Cg transform='scale(0.763844057470318,0.763844057470318)'%3E%3Cg%3E%3Cg transform='rotate(0)'%3E%3Cg transform='translate(0,61.032677560293976)'%3E%3Cg transform='scale(0.38967322439706026,0.38967322439706026)'%3E%3Ccircle class='st1' cx='465.8' cy='683.3' r='238.9'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cg transform='rotate(45)'%3E%3Cg transform='translate(0,61.032677560293976)'%3E%3Cg transform='scale(0.38967322439706026,0.38967322439706026)'%3E%3Ccircle class='st1' cx='813.7' cy='-156.6' r='238.9'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cg transform='rotate(90)'%3E%3Cg transform='translate(0,61.032677560293976)'%3E%3Cg transform='scale(0.38967322439706026,0.38967322439706026)'%3E%3Ccircle class='st1' cx='465.8' cy='-996.5' r='238.9'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cg transform='rotate(135)'%3E%3Cg transform='translate(0,61.032677560293976)'%3E%3Cg transform='scale(0.38967322439706026,0.38967322439706026)'%3E%3Ccircle class='st1' cx='-374.1' cy='-1344.4' r='238.9'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cg transform='rotate(180)'%3E%3Cg transform='translate(0,61.032677560293976)'%3E%3Cg transform='scale(0.38967322439706026,0.38967322439706026)'%3E%3Ccircle class='st1' cx='-1214' cy='-996.5' r='238.9'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cg transform='rotate(225)'%3E%3Cg transform='translate(0,61.032677560293976)'%3E%3Cg transform='scale(0.38967322439706026,0.38967322439706026)'%3E%3Ccircle class='st1' cx='-1561.9' cy='-156.6' r='238.9'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cg transform='rotate(270)'%3E%3Cg transform='translate(0,61.032677560293976)'%3E%3Cg transform='scale(0.38967322439706026,0.38967322439706026)'%3E%3Ccircle class='st1' cx='-1214' cy='683.3' r='238.9'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cg transform='rotate(315)'%3E%3Cg transform='translate(0,61.032677560293976)'%3E%3Cg transform='scale(0.38967322439706026,0.38967322439706026)'%3E%3Ccircle class='st1' cx='-374.1' cy='1031.2' r='238.9'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cg transform='scale(0.6103267756029398,0.6103267756029398)'%3E%3Cg%3E%3Ccircle class='st1' cx='536.3' cy='536.3' r='238.9'/%3E%3Ccircle class='st1' cx='536.3' cy='536.3' r='207.3'/%3E%3Cg transform='scale(0.7354936505992292,0.7354936505992292)'%3E%3Cg transform='scale(0.8489326886449495,0.8489326886449495)'%3E%3Ccircle class='st1' cx='858.9' cy='858.9' r='238.9'/%3E%3Cg%3E%3Cg transform='rotate(0)'%3E%3Cg transform='translate(0,60.57788447993473)'%3E%3Cg transform='scale(0.3942211552006527,0.3942211552006527)'%3E%3Ccircle class='st1' cx='1811.6' cy='2024.9' r='238.9'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cg transform='rotate(45)'%3E%3Cg transform='translate(0,60.57788447993473)'%3E%3Cg transform='scale(0.3942211552006527,0.3942211552006527)'%3E%3Ccircle class='st1' cx='2714' cy='-153.7' r='238.9'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cg transform='rotate(90)'%3E%3Cg transform='translate(0,60.57788447993473)'%3E%3Cg transform='scale(0.3942211552006527,0.3942211552006527)'%3E%3Ccircle class='st1' cx='1811.6' cy='-2332.3' r='238.9'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cg transform='rotate(135)'%3E%3Cg transform='translate(0,60.57788447993473)'%3E%3Cg transform='scale(0.3942211552006527,0.3942211552006527)'%3E%3Ccircle class='st1' cx='-367' cy='-3234.7' r='238.9'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cg transform='rotate(180)'%3E%3Cg transform='translate(0,60.57788447993473)'%3E%3Cg transform='scale(0.3942211552006527,0.3942211552006527)'%3E%3Ccircle class='st1' cx='-2545.7' cy='-2332.3' r='238.9'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cg transform='rotate(225)'%3E%3Cg transform='translate(0,60.57788447993473)'%3E%3Cg transform='scale(0.3942211552006527,0.3942211552006527)'%3E%3Ccircle class='st1' cx='-3448.1' cy='-153.7' r='238.9'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cg transform='rotate(270)'%3E%3Cg transform='translate(0,60.57788447993473)'%3E%3Cg transform='scale(0.3942211552006527,0.3942211552006527)'%3E%3Ccircle class='st1' cx='-2545.7' cy='2024.9' r='238.9'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cg transform='rotate(315)'%3E%3Cg transform='translate(0,60.57788447993473)'%3E%3Cg transform='scale(0.3942211552006527,0.3942211552006527)'%3E%3Ccircle class='st1' cx='-367' cy='2927.4' r='238.9'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cg transform='scale(0.6057788447993473,0.6057788447993473)'%3E%3Cg%3E%3Cg transform='rotate(0)'%3E%3Cg transform='translate(0,82.633125035389)'%3E%3Cg transform='scale(0.17366874964611,0.17366874964611)'%3E%3Ccircle class='st1' cx='7027.1' cy='7687.8' r='238.9'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cg transform='rotate(45)'%3E%3Cg transform='translate(0,82.633125035389)'%3E%3Cg transform='scale(0.17366874964611,0.17366874964611)'%3E%3Ccircle class='st1' cx='10408.6' cy='-475.8' r='238.9'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cg transform='rotate(90)'%3E%3Cg transform='translate(0,82.633125035389)'%3E%3Cg transform='scale(0.17366874964611,0.17366874964611)'%3E%3Ccircle class='st1' cx='7027.1' cy='-8639.4' r='238.9'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cg transform='rotate(135)'%3E%3Cg transform='translate(0,82.633125035389)'%3E%3Cg transform='scale(0.17366874964611,0.17366874964611)'%3E%3Ccircle class='st1' cx='-1136.5' cy='-12020.9' r='238.9'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cg transform='rotate(180)'%3E%3Cg transform='translate(0,82.633125035389)'%3E%3Cg transform='scale(0.17366874964611,0.17366874964611)'%3E%3Ccircle class='st1' cx='-9300.1' cy='-8639.4' r='238.9'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cg transform='rotate(225)'%3E%3Cg transform='translate(0,82.633125035389)'%3E%3Cg transform='scale(0.17366874964611,0.17366874964611)'%3E%3Ccircle class='st1' cx='-12681.6' cy='-475.8' r='238.9'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cg transform='rotate(270)'%3E%3Cg transform='translate(0,82.633125035389)'%3E%3Cg transform='scale(0.17366874964611,0.17366874964611)'%3E%3Ccircle class='st1' cx='-9300.1' cy='7687.8' r='238.9'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cg transform='rotate(315)'%3E%3Cg transform='translate(0,82.633125035389)'%3E%3Cg transform='scale(0.17366874964611,0.17366874964611)'%3E%3Ccircle class='st1' cx='-1136.5' cy='11069.3' r='238.9'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cg transform='scale(0.82633125035389,0.82633125035389)'%3E%3Cg transform='scale(0.9340493129490471,0.9340493129490471)'%3E%3Ccircle class='st1' cx='1836.9' cy='1836.9' r='238.9'/%3E%3Ccircle class='st1' cx='1836.9' cy='1836.9' r='238.9'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
      background: radial-gradient(rgb(var(--swatch-text-general),0.275) 7.5vmin, rgb(var(--bright-accent),.675) 65%);
      background-size: 100vmax 100vmax;
      background-position: center;
      background-repeat: no-repeat;
      -webkit-mask-size: 170%;
      mask-size: 170%;
      -webkit-mask-position: center;
      mask-position: center;
      mix-blend-mode: screen;
  }
  
  #extrac-div-3 {
      --mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 429 42.8'%3E%3Cg data-name='Layer 2'%3E%3Cg data-name='Layer 1'%3E%3Cpath d='M22.5 3.8c3.7 1.2 7.1 2.6 7 7.7L35.3 3H22.8Zm384 0c-3.7 1.2-7.1 2.6-7 7.7L393.9 3h12.4z'/%3E%3Cpath d='m426.7 3.8-4.3-2c.2 2.7 4.5 3.4 1.9 6.7-1.3 1.6-1.2 4.3-2.3 6.5.7-5.1-.1-9.6-4.2-12.7.8 3 2 6 2.3 9.1.3 5-2.3 8.5-6.7 10.2-4.6 1.7-8.8.9-12-2.7-3.2-3.5-5.2-7.5-8-11.1-1.5-1.8-3.5-3.1-5.5-5 1 2.4 2.1 4 2 5.6 0 .9-2 2.5-3.1 2.4-1.3-.1-3.5-1.6-3.6-2.5 0-2.1 1-4.2 1.6-6.1-18.5 0-38.1-.3-57.7.1-6.9.2-13.8 2-20.5 3.5a6.5 6.5 0 0 0-5.4 6.7 8.7 8.7 0 0 0 3 5.9 7 7 0 0 0 6.1.5c1.4-.7 1.9-3.3 2.7-5a5.5 5.5 0 0 0 .3-1.4l1.3.1c-.2 1.7.3 4-.6 5-1.6 1.6-4 3.5-6.3 3.6a7.5 7.5 0 0 1-8-5.5c-1.3-3.7-.3-7.1 2.8-9.3 2.6-1.9 5.9-3 9.4-4.6-9.7.6-19.1 1-28.5 1.9-2.5.2-5 2-7.2 3l-10.6-4-.5 1 5 3.7a8.3 8.3 0 0 1 3 8 5 5 0 0 1-5.6 4.2c-2.8-.4-4.3-2.2-3.8-5a5 5 0 0 1 2.8-3c.8-.2 2.4.6 3 1.4.5.6 0 2-.1 3l-1.4.7c-.1-.5 0-1.1-.4-1.4a10.6 10.6 0 0 0-2-1.1c0 .9-.4 2.3 0 2.6 1 .7 2.7 1.6 3.5 1.1a5.5 5.5 0 0 0 2.5-3.6c.5-4.3-4-7.6-8.6-6.8-1 .1-2.6.1-3.2-.5-4.3-4.2-4.7-4.1-8 1.3 2.9 2.4 6 4.7 8.6 7.4a12 12 0 0 1 3 5.5c.6 3-.6 5.8-3.7 6.5a7.8 7.8 0 0 1-5.9-1.6c-2.2-2-1-6 1.8-6.7a4.5 4.5 0 0 1 3.6.9 3.5 3.5 0 0 1 .8 3.2c-.4.9-2 1.3-3.2 2a7.6 7.6 0 0 1-.2-1.4l.6-2.9c-.7.2-1.9.2-2 .5-.2 1-.7 2.6-.2 3.3.8.8 2.6 1.6 3.5 1.3a5.3 5.3 0 0 0 3-3.2c1-4.7-3.1-7.9-8.8-7.2l-2.9-5.6-5.7 5.2c2.4 3.9 5.3 7.4 7 11.5 2.2 5.5-1.8 10.6-7 9.6a4.6 4.6 0 0 1-3.7-5.6c.7-2.5 2.7-4 5-2.9a5 5 0 0 1 2.4 4.2c-.4 2.1-2.2 2.8-4.5 1l2.3-2.5-.3-.8c-1 .2-2.4 0-2.9.6-.5.7-.6 2.5 0 3 1 .8 3 2 3.6 1.5 1.5-.9 3.5-2.7 3.5-4.1 0-2.2-1-5.6-2.5-6.3-2.8-1.3-4.3-2.8-4.7-5.7 0-.4-.5-.7-1-1.3l-6.4 3.5c1 5.3 2.5 10.2 2.9 15a6 6 0 0 1-8 6.2 4.8 4.8 0 0 1-2.6-3.5 6 6 0 0 1 2-4.2c.8-.7 3-.3 4 .4a3.8 3.8 0 0 1 1 3.5c-.3 1-2 1.4-3 2l-.8-1 2-3c-1-.3-2.2-.8-2.4-.6-.7 1-1.6 2.2-1.4 3.1.2 1 1.9 2.2 2.6 2 1.6-.3 3.6-1.1 4.3-2.4a6.1 6.1 0 0 0-1.3-8.1c-.8-.7-1.7-1.6-1.8-2.5-.5-6-.5-6.1-5.6-3.4-.4 4-.4 8-1.3 11.6-1.5 6.4-5.7 7.9-11 4.3h-.1c-5.3 3.6-9.5 2.1-11-4.3-.9-3.6-.9-7.5-1.3-11.6-5-2.7-5.1-2.6-5.6 3.4a4.8 4.8 0 0 1-1.8 2.5 6.1 6.1 0 0 0-1.2 8.2c.7 1.2 2.7 2 4.2 2.4.8.2 2.5-1.1 2.7-2 .2-.8-.8-2.2-1.5-3.2-.1-.2-1.4.4-2.3.7l1.9 3-.7 1c-1-.7-2.7-1.2-3-2a3.9 3.9 0 0 1 1-3.6c1-.7 3.2-1 4-.4a5.9 5.9 0 0 1 2 4.3 4.8 4.8 0 0 1-2.6 3.4 6 6 0 0 1-8-6.2c.4-4.9 1.8-9.7 3-15l-6.5-3.6c-.4.6-1 1-1 1.4-.5 2.9-1.9 4.4-4.7 5.7-1.6.7-2.5 4-2.5 6.2 0 1.4 2 3.3 3.5 4.1.7.5 2.7-.6 3.7-1.5.5-.5.4-2.3-.1-3-.6-.5-2-.4-3-.6l-.2.9 2.3 2.6c-2.2 1.7-4.1 1-4.5-1a5 5 0 0 1 2.3-4.2c2.4-1 4.4.3 5.1 2.9a4.6 4.6 0 0 1-3.7 5.5c-5.1 1-9.2-4-7-9.6 1.7-4 4.6-7.6 7-11.5l-5.7-5.1-3 5.6c-5.6-.7-9.7 2.5-8.7 7.2a5.3 5.3 0 0 0 3 3.1c1 .4 2.8-.4 3.5-1.3.5-.6 0-2.2-.2-3.3-.1-.3-1.3-.3-2-.4l.6 2.8a7.6 7.6 0 0 1-.2 1.5c-1.3-.7-2.8-1.1-3.2-2a3.5 3.5 0 0 1 .8-3.3 4.5 4.5 0 0 1 3.6-.8c2.8.7 4 4.7 1.8 6.6a7.8 7.8 0 0 1-5.9 1.7c-3-.7-4.3-3.5-3.6-6.5a12 12 0 0 1 2.9-5.5c2.6-2.7 5.7-5 8.6-7.5-3.3-5.4-3.7-5.4-8-1.2-.6.6-2.1.6-3.2.4-4.6-.7-9 2.5-8.6 6.9a5.5 5.5 0 0 0 2.6 3.5c.8.5 2.5-.4 3.5-1.1.4-.3 0-1.7 0-2.6a11 11 0 0 0-2 1.1c-.4.3-.3 1-.4 1.4l-1.4-.6c-.1-1-.7-2.5-.2-3.1.6-.8 2.3-1.6 3-1.3a5 5 0 0 1 2.9 3c.5 2.7-1 4.5-3.8 5a5 5 0 0 1-5.7-4.2 8.3 8.3 0 0 1 3-8c1.6-1.4 3.4-2.5 5-3.7l-.4-1-10.6 4c-2.3-1-4.7-2.8-7.3-3-9.4-1-18.8-1.4-28.5-2 3.5 1.7 6.8 2.7 9.4 4.6 3.2 2.2 4 5.6 2.8 9.4a7.5 7.5 0 0 1-8 5.5c-2.2-.2-4.6-2-6.3-3.7-.9-1-.4-3.3-.5-5h1.3a5 5 0 0 0 .2 1.2c.8 1.8 1.3 4.4 2.7 5a7 7 0 0 0 6.1-.5 8.7 8.7 0 0 0 3-5.8 6.4 6.4 0 0 0-5.4-6.8c-6.8-1.5-13.6-3.3-20.5-3.4C82.3 1.8 62.7 2 44.2 2c.5 2 1.6 4 1.6 6.1 0 1-2.3 2.4-3.6 2.6-1 0-3-1.6-3.1-2.5-.1-1.5 1-3.1 2-5.5-2 1.8-4 3.1-5.5 5-2.8 3.6-5 7.7-8 11a10.2 10.2 0 0 1-12 2.7c-4.4-1.7-7-5.2-6.7-10.1.2-3.1 1.5-6.1 2.3-9.1C7 5.4 6.2 9.9 7 15c-1.2-2.2-1-5-2.3-6.5-2.6-3.3 1.7-4 2-6.7l-4.4 2L0 1.9C0-1.3 2.4.5 3.4.5h422.2c1 0 3.5-1.8 3.4 1.4zM18.6 2.2c-3.3.2-6.5 4-7 7.8-.6 3.4 1.2 7.4 4.2 8.9s6 1.4 8.6-1a5.4 5.4 0 0 0 1.2-7.1 7.6 7.6 0 0 0-4.8-2.4c-1-.1-2.7 1.4-3.2 2.5-.5 1 .3 2.4.4 3.5l2.6-4.3c1.2.9 3.4 2.1 3.3 2.6-.5 1.6-1.6 3.8-3 4.2a5.2 5.2 0 0 1-4.7-1.7 7.4 7.4 0 0 1-.6-5.8c1.2-3.1 4-4.4 7.3-3.8 3.3.6 5.1 3 5.8 6.1A21.7 21.7 0 0 1 29 15l9.2-12.8c-6 0-12.8-.2-19.6 0Zm214 18.2 6.8-3.6c-5-4.4-5.2-4.4-10.2-.2zm-2-10.7c2.7 1 4.4.3 6.1-2.9l-16.1-1.4-.2 1c3.4 1.1 6.9 2 10.2 3.3zm-9.5-1c4.2 6 6.3 6.4 10.3 2.9zm9 12.2-3.1-3.7-3 1.6c1.1 4.8 1.6 5 6.2 2.1zM217 40.2c1.3 1.6 2.9 1.8 4.3 0a9.2 9.2 0 0 1-2-1.4 8.7 8.7 0 0 1-1.2-2.1c-.5.2-1.4.5-1.5.8a4 4 0 0 0 .4 2.7zm-4.8 0a4 4 0 0 0 .4-2.7c0-.3-1-.6-1.5-.8a9 9 0 0 1-1.1 2 9.5 9.5 0 0 1-2.1 1.5c1.4 1.8 3 1.6 4.3 0zm-4.4 0c0-1.6-.3-4.1.4-4.5 1.5-.6 3.5-.1 5.3-.2a7 7 0 0 0 1.1-.1 7 7 0 0 0 1.1.1c1.8 0 3.9-.4 5.3.2.7.4.3 2.9.4 4.5 3-2 2.6-4.7 1.5-7.5-.3-.9-.8-2-.4-2.7 2-3.9 1.2-7.5-1-10.8a103.4 103.4 0 0 0-6.8-8.1h-.1a103.4 103.4 0 0 0-6.8 8c-2.3 3.4-3.2 7-1 11 .3.5-.2 1.7-.5 2.6-1.1 2.8-1.4 5.4 1.5 7.4zM205 18.8l-3-1.5-3.1 3.6c4.5 2.9 5 2.7 6.1-2.1Zm-7.4-7.3c4 3.6 6.1 3.2 10.3-2.9zm11-5-.1-1-16.2 1.3c1.7 3.2 3.4 3.9 6.1 2.8 3.3-1.2 6.8-2 10.2-3.1zm-12.3 13.9 3.5-3.8c-5-4.2-5.2-4.2-10.2.2zM184.8 3.7c-2.6 2.6-5.2-.1-8-.1 2 5 3.1 5.2 10 1.8a23 23 0 0 0-2-1.7zm-2.7 6.4c3.9 5.7 4.6 5.8 10.9 1.6-4.7-4.8-4.7-4.8-11-1.6zm7.1-6.7V5c6.8.2 13.6-1.8 20.3-1.6zm19.9 8.6-5.5 3.2c4.3 2.3 4.8-.5 6-2.3zm6.5-7a4.6 4.6 0 0 0-.7-2h-.8a4.8 4.8 0 0 0-.7 2 6.7 6.7 0 0 0 .4 1.9l-3.5 2 4.1 2 .1-.1a1 1 0 0 1 0 .2l4.2-2.1-3.5-2a6.7 6.7 0 0 0 .4-2zm9.8 10.2-5.5-3.3-.5 1c1.2 1.8 1.7 4.6 6 2.3zm-5.9-11.8C226.2 3 233 5.2 239.8 5V3.4zm16.5 8.3c6.3 4.2 7 4 10.9-1.6-6.2-3.2-6.2-3.2-10.9 1.6zm8.2-8L242 5.4c7 3.4 8 3.2 10-1.9-2.7 0-5.3 2.8-8 .2zm173.3 6.2c-.6-3.8-3.8-7.6-7.1-7.7-6.8-.2-13.6 0-19.6 0l9.2 12.7a23.1 23.1 0 0 1 .3-3.3c.7-3.1 2.4-5.5 5.8-6 3.3-.6 6.1.6 7.3 3.7a7.5 7.5 0 0 1-.5 5.8 5.3 5.3 0 0 1-4.8 1.7c-1.4-.4-2.5-2.6-3-4.2-.1-.4 2.1-1.7 3.3-2.6l2.6 4.3c.2-1 .9-2.5.4-3.4-.5-1.2-2.1-2.7-3.1-2.6-1.8.2-4 1.1-4.9 2.5a5.4 5.4 0 0 0 1.2 7c2.6 2.5 5.6 2.7 8.6 1 3-1.5 4.8-5.4 4.3-8.8z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
      position: absolute;
      left: 0;
      top: calc(var(--header-height-on-desktop) + var(--topbar-height-on-desktop) - 0.1vw);
      pointer-events: none;
      height: 4.25rem;
      width: 100%;
      background: linear-gradient(to bottom, rgb(var(--bright-accent)), rgb(var(--gray-monochrome)) 50%);
      -webkit-mask-image: var(--mask-image);
      -webkit-mask-position: top center;
      -webkit-mask-size: contain;
      -webkit-mask-repeat: repeat-x;
      mask-image: var(--mask-image);
      mask-position: top center;
      mask-size: contain;
      mask-repeat: repeat-x;
  }
  
  #top-bar {
      --dropdown-links-bg-color: var(--swatch-primary), 0.5;
      --topmenu-hover-border-color: var(--bright-accent);
  }
  
  #side-bar {
      background-color: rgb(var(--swatch-primary-darkest))!important;
  }
  #side-bar .heading p {
      -webkit-text-fill-color: unset;
      background: initial;
      -webkit-background-clip: unset;
      background-clip: unset;
      text-align: center;
  }
  #main-content {
      padding-top: 5rem;
      padding-inline: 1.5rem;
      --pagetags-text-color: var(--swatch-primary);
  }
  
  #page-content {
      max-width: 100%;
      line-height: 1.625;
  }
  
  #page-content hr {
      height: 0.01rem;
      border: none;
      box-shadow: none;
      margin-block: 3.25rem;
      background: unset;
      background-color: rgb(var(--swatch-primary-darker));
  }
  #page-content hr::before, #page-content hr::after { all: unset; }
  
  #page-title, .meta-title, #page-content :is(h1, h2, h3, h4, h5, h6) {
      -webkit-background-clip: unset;
      background-clip: unset;
      background: unset;
     background-blend-mode: unset;
      -webkit-text-fill-color: unset;
      color: rgb(var(--swatch-primary-darker));
  }
  
  #footer {
      border-top: solid 0.125rem rgb(var(--swatch-primary-darker));
  }
  
  @media only screen and (max-width: 56.25rem) {
      #header h1 {
          height: calc(var(--header-height-on-desktop) - 1.25rem);
          margin-top: 1.25rem;
      }
      #extrac-div-1, #extrac-div-2 {
          height: var(--header-height-on-mobile) ;
      }
  
      #footer {
          max-width: 100%;
          overflow: hidden;
      }
  }
  
  /*---------------------------------------------------------*/
  /*---------------------------------------------------------*/
  /*---------------------------------------------------------*/
  
  .fortune-container {
      --_unit: min(calc(.775rem + .825vw), .975rem);
      display: flex;
      flex-wrap: wrap;
      gap: calc(var(--_unit)*2.875) calc(var(--_unit)*1.625);
      justify-content: center;
      margin-block: 2.5rem;
  }
  .fortune-container > br { display: none; }
  
  #page-content ul.tarot-wrapper {
      list-style: none;
      margin: 0;
      flex-basis: calc(var(--_unit)*18.75);
      color: rgb(var(--swatch-text-light));
  }
  ul.tarot-wrapper:is(:hover,:focus-within) {
      --gray-monochrome: var(--swatch-text-light);
  }
  
  .tarot-wrapper li {
      position: relative;
      padding: calc(var(--_unit)*1.375 + .125rem);
      border: solid 0.125rem rgb(var(--gray-monochrome));
      border-radius: calc(var(--_unit)*1.625);
      transition: border-color 0.125s ease-in;
  }
  .tarot-wrapper li::before, .tarot-wrapper li::after {
      content: "";
      position: absolute;
      bottom: -0.05rem; left: 50%;
      transform: translate(-50%,50%) rotate(45deg);
      width: 1.125rem; height: 1.125rem;
      box-sizing: border-box;
      background-color: rgb(var(--swatch-primary-darkest));
      border: inherit;
  }
  .tarot-wrapper li::after {
      width: .525rem; height: .525rem;
      border: none;
      background-color: currentColor;
      transition: background-color 0.125s ease-in;
      animation: pulse 1.5s linear infinite;
  }
  .tarot-wrapper li.yes::after { background-color: rgb(var(--gray-monochrome)); animation: unset; }
  
  @keyframes pulse {
    0% {
      box-shadow: 0 0 0 0 rgb(var(--swatch-text-light), 0.875);
    }
    70% {
      box-shadow: 0 0 0 0.75rem rgb(var(--swatch-text-light), 0);
    }
      100% {
      box-shadow: 0 0 0 0 rgb(var(--swatch-text-light), 0);
    }
  }
  
  .tarot-wrapper .foldable-list-container { display: contents; }
  .tarot-wrapper li > br { display: none; }
  .tarot-wrapper :is(.unfolded, .yes) .foldable-list-container { display: none; }
  .tarot-wrapper .foldable-list-container a {
      position: absolute;
      width: 100%; height: 100%;
      inset: 0;
      opacity: 0;
      color: transparent;
      border-radius: 0;
      z-index: 1;
  }
  
  .tarot-card {
      display: grid;
      grid-template-areas: "i";
      perspective: 80rem;
  }
  
  .tarot-card .content,
  .tarot-card::after {
      grid-area: i;
      border-radius: calc(var(--_unit)*0.75);
      transition: transform 0.75s ease;
      transform-style: preserve-3d;
      backface-visibility: hidden;
  }
  .tarot-card .content { transform: rotateY( 180deg ); }
  .tarot-card::after {
      content: "";
      display: block;
      background: url(https://scp-sandbox-3.wdfiles.com/local--files/sybox2/tarotback.png) center no-repeat;
      background-size: cover;
      background-color: rgb(var(--dark-gray-monochrome));
      border: solid 0.1rem rgb(255 254 255 / 85%);
  }
  
  li:where(.unfolded, .yes) .tarot-card .content { transform: rotateY( 0deg ); }
  li:where(.unfolded, .yes) .tarot-card::after { transform: rotateY( -180deg ); }
  
  .tarot-card .content {
      aspect-ratio: 2.75/4.125;
      text-align: center;
      background-color: rgb(var(--swatch-primary-darkest));
      overflow: hidden;
      display: grid;
      grid-template-rows: auto 1fr auto;
      grid-template-columns: 1fr;
      isolation: isolate;
  }
  .tarot-card .content > * { grid-column: 1/2; }
  .tarot-card .content > br { display: none; }
  .tarot-card .content > img {
      grid-row: 1/4;
      height: 100%; width: 100%;
      object-fit: cover;
      z-index: -2;
  }
  .tarot-card .content > a {
      position: absolute;
      inset: 0;
      width: 100%; height: 100%;
      z-index: -1;
      opacity: 0; color: transparent;
  }
  
  .author-ribbon {
      font-family: var(--UI-font);
      font-size: min(calc(var(--_unit)*.675 + .75vw), 1rem);
      text-align: center;
      width: max-content;
      min-width: 7.25em;
      background-color: rgb(var(--swatch-primary-darkest));
      padding: 0.25em 0.75em;
      position: absolute;
      border: inherit;
      border-radius: 1.75rem;
      top: -0.125rem;
      left: 50%;
      transform: translate(-50%, -50%);
      clip-path: inset(0 50% 0 50% round 2rem);
      transition: clip-path 0.225s ease-out 0.5s;
  }
  :is(.unfolded, .yes) .author-ribbon {
      clip-path: inset(0 round 2rem);
  }
  
  /*-------- Blank card setting --------*/
  .tarot-wrapper.blank {
      cursor: not-allowed;
      opacity: 0.475;
  }
  .tarot-wrapper.blank .tarot-card {  filter: contrast(0.875) saturate(0.75) brightness(0.5); }
  .tarot-wrapper.blank .tarot-card::after { transform: initial; }
  .tarot-wrapper.blank li::after,
  .tarot-wrapper.blank :is(.foldable-list-container, .author-ribbon, .content) { content: initial; visibility: hidden; }

  Pages using this styling

  • fragment:antho23-css [info]

  ¶ 1 occurrence
  

  .anthology-card.x4 .x-choice {
      display: grid;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      pointer-events: none;;
      grid-template-areas: "a";
      place-items: center;
      z-index: 4;
  }
  .anthology-card.x4:is(:hover,:focus-within) .x-choice,
  .anthology-card.x4 .x-choice:is(:hover,:focus-within) {
      opacity: 1;
      pointer-events: auto;
  }
  
  .anthology-card.x4 .x-choice::before,
  .anthology-card.x4 .x-choice::after {
      content: "";
      display: block;
      position: relative;
      width: 0;
      height: 0.675rem;
      background: var(--fg-accent);
      grid-area: a;
      z-index: 1;
      transition: width 0.25s ease-out;
  }
  .anthology-card.x4 .x-choice::before { transform: rotate(45deg); }
  .anthology-card.x4 .x-choice::after { transform: rotate(-45deg); }
  
  .anthology-card.x4:is(:hover,:focus-within) .x-choice::before,
  .anthology-card.x4:is(:hover,:focus-within) .x-choice::after {
      width: 100%;
  }
  
  .anthology-card.x4 :is(h1, .antho-title) { transition: opacity 0.125s; }
  .anthology-card.x4:is(:hover,:focus-within) :is(h1, .antho-title) { opacity: 0; }
  
  .anthology-card.x4 .x-choice .content {
      grid-area: a;
      display: grid;
      position: absolute;
      width: max-content;
      max-width: unset!important;
      grid-template-columns: 0 1fr 1fr 1fr 1fr 0;
      grid-template-rows: 1fr 1fr;
      grid-gap: 0.875rem;
      place-items: center;
      transform: scale(0);
      pointer-events: none;
      transition: transform 0.15s ease-out 0s;
  }
  .anthology-card.x4:is(:hover,:focus-within) .x-choice .content {
      transform: initial;
      transition: transform 0.1875s ease-out 0.2s;
  }
  
  .anthology-card.x4 .x-choice .content br { display: none; }
  .anthology-card.x4 .x-choice .content a:nth-of-type(1) {
      grid-column: 3/5;
      grid-row: 1/2;
      transform-origin: 50% 100%; align-items: flex-end; --deg: 0deg;
  }
  .anthology-card.x4 .x-choice .content a:nth-of-type(2) {
      grid-column: 2/4;
      grid-row: 1/3;
      transform-origin: 100% 50%; justify-content: flex-end; --deg: -90deg;
  }
  .anthology-card.x4 .x-choice .content a:nth-of-type(3) {
      grid-column: 4/6;
      grid-row: 1/3;
      transform-origin: 0% 50%; justify-content: flex-start; --deg: 90deg;
  }
  .anthology-card.x4 .x-choice .content a:nth-of-type(4) {
      grid-column: 3/5;
      grid-row: 2/3;
      transform-origin: 50% 0%; align-items: flex-start; --deg: 180deg;
  }
  
  .anthology-card.x4 .x-choice .content a {
      display: grid;
      height: 8rem;
      width: 8rem;
      background-image: var(--img);
      background-size: cover;
      clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0% 50%);
      place-items: center;
      font-family: 'Teko', 'Inter', sans-serif;
      font-size: 1.325em;
      padding: 1rem;
      box-sizing: border-box;
      isolation: isolate;
      position: relative;
      text-decoration: none;
      pointer-events: auto;
  }
  .anthology-card.x4 .x-choice .content a:is(:focus,:hover) {
      transform: scale(1.65);
      text-shadow: 0 0.1em 0.325rem black;
  }
  .anthology-card.x4 .x-choice .content a::after,
  .anthology-card.x4 .x-choice .content a::before {
      content: "";
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      z-index: -1;
      background: linear-gradient(var(--deg), #000000ce 15%, transparent 55%);
  }
  .anthology-card.x4 .x-choice .content a::after {
      background: black;
      opacity: 0.775;
      transition: opacity 0.225s;
  }
  .anthology-card.x4 .x-choice .content a:is(:hover,:focus)::after {
      opacity: 0;
  }

  Pages using this styling

  • fragment:antho-card-x [info]

  ¶ 1 occurrence
  

  #header h1 a::before {
    content: "Bernadette";
  }
  #header h2 span::before {
    content: "The Only Survivor" !important;
  }
  #header::before {
    display: none;
  }

  Pages using this styling

  • fragment:a-terrible-thing-6 [info]

  ¶ 1 occurrence
  

  #header h1 a::before {
    content: "The Jailer";
  }
  #header h2 span::before {
    content: " " !important;
  }
  #header::before {
    display: none;
  }

  Pages using this styling

  • fragment:a-terrible-thing-5 [info]

  ¶ 1 occurrence
  

  #header h1 a::before {
    content: "The Spook";
  }
  #header h2 span::before {
    content: "An Honourable Man" !important;
  }
  #header::before {
    display: none;
  }

  Pages using this styling

  • fragment:a-terrible-thing-4 [info]

  ¶ 1 occurrence
  

  #header h1 a::before {
    content: "The Librarian";
  }
  #header h2 span::before {
    content: "A Broken Promise" !important;
  }
  #header::before {
    display: none;
  }

  Pages using this styling

  • fragment:a-terrible-thing-3 [info]

  ¶ 1 occurrence
  

  /* This theme overrides some of the Swirling Ashes headers.
   * Made by Croquembouche for djkaktus' The Four Arcana. */
   
  /* Replace the sky with an aurora. */
  body::before {
    background-image: url(http://scp-wiki.wikidot.com/local--files/the-four-arcana/sky.webp);
    background-size: 1500px calc(var(--header-height-on-desktop));
    animation-duration: 360s;
    filter: grayscale(70%);
  }
  
  /* Replace the buildings. */
  div#container-wrap-wrap::before {
    background-image: url(http://scp-wiki.wikidot.com/local--files/the-four-arcana/skyline.png);
    filter: grayscale(70%);
  }
   
  @keyframes sky {
    from { background-position: 1500px 0; }
    to { background-position: 0 0; }
  }
   
  /* Replace fog layers with snow */
  div#container-wrap-wrap::after, body::after {
    background-image: url(http://scp-sandbox-3.wikidot.com/local--files/croquemtest2/snow.webp);
    background-size: var(--ashes-width);
    background-repeat: repeat;
    animation: ashes-move linear var(--ashes-move-duration) infinite;
    opacity: 0.8;
  }
  div#container-wrap-wrap::after {
    --ashes-move-duration: 37s;
    --ashes-width: 250px;
  }
  body::after {
    --ashes-move-duration: 30s;
    --ashes-width: 400px;
  }
  @keyframes ashes-move {
    from { background-position: 0 0; }
    to { background-position: var(--ashes-width) var(--ashes-width); }
  }

  Pages using this styling

  • fragment:a-terrible-thing-3 [info]

  ¶ 1 occurrence
  

  #header h1 a::before {
    content: "The Freak";
  }
  #header h2 span::before {
    content: "A Dead Thing" !important;
  }
  #header::before {
    display: none;
  }

  Pages using this styling

  • fragment:a-terrible-thing-2 [info]

  ¶ 1 occurrence
  

  #header h1 a::before {
    content: "A Terrible Thing";
  }
  #header h2 span::before {
    content: "Four sentinels" !important;
  }
  #header::before {
    display: none;
  }

  Pages using this styling

  • fragment:a-terrible-thing-1 [info]

  ¶ 1 occurrence
  

  /* Taken from The Four Arcana and modified for here */
   
  /* Replace the sky with an aurora. */
  body::before {
    background-image: url(http://scp-wiki.wikidot.com/local--files/the-four-arcana/sky.webp);
    background-size: 1500px calc(var(--header-height-on-desktop));
    animation-duration: 360s;
    filter: grayscale(70%);
  }
  
  /* Replace the buildings. */
  div#container-wrap-wrap::before {
    background-image: url(http://scp-wiki.wikidot.com/local--files/the-four-arcana/skyline.png);
    filter: grayscale(70%);
  }
   
  @keyframes sky {
    from { background-position: 1500px 0; }
    to { background-position: 0 0; }
  }
   
  /* Replace fog layers with snow */
  div#container-wrap-wrap::after, body::after {
    background-image: url(http://scp-sandbox-3.wikidot.com/local--files/croquemtest2/snow.webp);
    background-size: var(--ashes-width);
    background-repeat: repeat;
    animation: ashes-move linear var(--ashes-move-duration) infinite;
    opacity: 0.8;
  }
  div#container-wrap-wrap::after {
    --ashes-move-duration: 37s;
    --ashes-width: 250px;
  }
  body::after {
    --ashes-move-duration: 30s;
    --ashes-width: 400px;
  }
  @keyframes ashes-move {
    from { background-position: 0 0; }
    to { background-position: var(--ashes-width) var(--ashes-width); }
  }

  Pages using this styling

  • fragment:a-terrible-thing-1 [info]

  ¶ 1 occurrence
  

  .testing {
    position: relative;
    z-index: 0;
    color: #e8e8e8;
  }
  
  .testing::before {
    content: "";
    background-color: black;
    width: calc(100vw - 5px);
    height: 100%;
    position: absolute;
    left: calc(50% - 2.5px);
    transform: translateX(-50%);
    z-index: -1;
  }

  Pages using this styling

  • fragment:9000contestsunnymouse-3 [info]

  ¶ 1 occurrence
  

  
  :root {
      --grey: 166, 166, 166;
      --very-dark-grey: 38, 38, 38;
  
      --header-title: "The thoughts of a Rose";
      --header-subtitle: "A glimpse into the mind of a woman trapped by two plants";
      --logo-image: url(" ");
  
  }
  
  #page-title{
  display:none;
  }
  

  Pages using this styling

  • fragment:9000contestsinkingotter-9 [info]

  ¶ 1 occurrence
  

  
  :root {
      --purple: 214, 218, 240;
      --very-dark-grey: 38, 38, 38;
      --light-purple: 238, 242, 255;
  
  }
  
  .base {
      background: rgb(var(--light-purple));
      padding: 1vh 0.5vw;
  }
  
  .start {
      padding: 0.5vh 0.4vw;
      background: rgb(var(--purple));
      font-family: "Times New Roman", Times, serif;
      font-size: 1.15em;
      border: 2px groove rgb(var(--purple));
      margin-top: 1vh;
  }
  
  .middle {
      margin: 1vh 1vw;
      font-family: "Times New Roman", Times, serif;
  }
  

  Pages using this styling

  • fragment:9000contestsinkingotter-8 [info]

  ¶ 1 occurrence
  

  
  @import url('https://fonts.googleapis.com/css2?family=Caveat&display=swap');
  
  :root {
      --logo-image: url(" ");
  }
  
  #page-title{
  display:none;
  }
  
  .title{
       font-family:Caveat;
       font-size: 350%;
       text-align: center;
  }
  
  .plaque{
       border: 10px ridge gold;
       text-align: center;
  }
  

  Pages using this styling

  • fragment:9000contestsinkingotter-7 [info]

  ¶ 1 occurrence
  

  
  #page-title{
  display:none;
  }
  
  .fakeprot .mailform-box .buttons{display:none;}
  .fakeprot + .collapsible-block .collapsible-block-link {padding: 0.1em 0.5em;text-decoration: none;background-color: #F4F4F4;border: 1px solid #AAA;color: #000;}
  .fakeprot + .collapsible-block .collapsible-block-link:hover {background-color: #DDD;color: #000;}
  .fakeprot + .collapsible-block .collapsible-block-link:active {background-color: #DDD;color: #000;}
  .fakeprot + .collapsible-block .collapsible-block-unfolded-link{margin:0.5em 0;text-align: center;}
  .fakeprot + .collapsible-block .collapsible-block-folded{margin:0.5em 0;text-align: center;}
  .fakeprot .passw input[type=text] {text-security:disc;-webkit-text-security:disc;-mox-text-security:disc;}
  .mailform-box td:first-child {width: 80px;}
  

  Pages using this styling

  • fragment:9000contestsinkingotter-4 [info]

  ¶ 1 occurrence
  

  
  :root {
      --header-title: "Plant Signals";
      --header-subtitle: "A collection of poems by Skelly";
      --logo-image: url(" ");
  }
  
  #page-title{display:none}
  }
  

  Pages using this styling

  • fragment:9000contestsinkingotter-3 [info]

  ¶ 1 occurrence
  

  
  @import url('https://fonts.googleapis.com/css2?family=Chela+One&display=swap');
  
  :root {
      --grey: 166, 166, 166;
      --very-dark-grey: 38, 38, 38;
  
      --header-title: "Skelly";
      --header-subtitle: "Made the best document design ever. Skully cannot compete.";
  }
  
  #page-title{
  display:none;
  }
  

  Pages using this styling

  • fragment:9000contestsinkingotter-1 [info]

  ¶ 1 occurrence
  

  
  @import url('https://fonts.googleapis.com/css2?family=Courier+Prime:ital,wght@0,400;0,700;1,400;1,700&display=swap');
  
  .logEntry {
      background-color: #EAEEEE;
      text-align: left;
      font-size: 1em;
      padding: 10px;
      display: block;a
      width: 92%;
      display: block;
      margin: 15px auto 15px auto;
  }
  
  .oldText  {
      color: lightgrey;
  }
  
  
  .UIUFile {
      background-color: rgba(255, 244, 216, 1);
  
      font-family: "Courier Prime", monospace;
      font-weight: 400;
      font-style: normal;
  
      padding: 1em 0.5em 1em 1em;
  }
  
  
  .collapsible {
      border: solid 2px #999999;
      background: #fdfcff;
      width: 95%;
      padding: 20px 20px;
      margin: 20px auto;
      text-align: left;
  }
  
  .text {
      text-align: left;
  }
  

  Pages using this styling

  • fragment:9000contestsimartar-1 [info]

  ¶ 1 occurrence
  

  
  @import url('https://fonts.googleapis.com/css2?family=Courier+Prime:ital,wght@0,400;0,700;1,400;1,700&display=swap');
   
  :root {
      /* WHITE - GREY */
      --win-white: 255, 255, 255;
      --win-grey: 195, 195, 195;
      --win-lborder: 237, 237, 237;
      --win-border: 207, 207, 207;
   
      --printer-paper: 245, 242, 235;
      --believe-white: 215, 216, 217;
      --grey-child: 205, 206, 208;
      --papers-edge: 176, 176, 176;
      --another-grey: 196, 196, 196;
      --filing-cabinet: 193, 197, 201;
      --white-lodge: 159, 160, 161;
   
      --one-more-grey: 99, 99, 99;
      --dark-track: 40, 42, 46;
      --faded-type: 28, 28, 28;
      --ink-blot: 10, 10, 10;
   
      /* BLUE */
      --dept-blue: 2, 4, 20;
      --saucer-steel: 19, 21, 26;
      --believe-grey: 25, 29, 43;
      --einhander-gun: 78, 82, 92;
      --fiic-blue: 16, 20, 105;
      --fiic-grey: 119, 125, 140;
   
      --cooper: 98, 112, 140;
      --mulder: 69, 84, 115;
      --skinner: 41, 51, 91;
      --scully: 34, 40, 54;
   
      /* BROWN */
      --manila-folder: 217, 201, 160;
      --manila-body: 224, 213, 186;
      --manila-edge: 189, 169, 124;
   
      --coffee-ring: 71, 39, 5;
      --dead-wood: 43, 35, 25;
      --light-desk: 26, 24, 21;
      --dark-desk: 13, 12, 11;
   
      --reyes: 224, 219, 195;
      --doggett: 140, 119, 98;
   
      /* GREEN */
      --peaks-green: 0, 145, 9;
   
      /* YELLOW */
      --highlighter: 214, 184, 36;
      --post-it: 230, 223, 131;
   
      /* RED */
      --red-room: 163, 0, 0;
   
  
  }
  
  .logs {
      padding: 1em 1em 1em 1em;
      margin: auto;
      text-align: left;
   
      background-color: rgb(var(--win-grey));
      border: 3px outset rgb(var(--win-border));
      color: rgb(var(--one-more-grey));
      font-family: var(--logs-text-font);
  }
   
  .logs-header {
      padding: 1em 0px 1em 0px;
      text-align: center;
      font-size: 1.25em;
   
      background-color: rgb(var(--skinner));
      color: rgb(var(--believe-white));
      font-family: var(--logs-header-font);
  }
  
  .headblock {
      background-color: rgb(var(--manila-folder));
      background-image: url("https://scp-wiki.wdfiles.com/local--files/theme:twin-files/manila-texture.png");
      background-repeat: repeat;
      background-size: 100%;
      background-blend-mode: multiply;
   
      border: 2px solid white;
      border-color: rgb(var(--manila-edge));
   
      color: rgb(var(--faded-type));
      font-weight: 400;
      font-size: 1em;
      text-shadow: 0px 0 1px rgba(var(--faded-type), 0.5);
      font-family: "Courier Prime", monospace;
      padding: 1em;
      margin: 0em auto 1em auto;
  }
  
  .headblock-tabs {
      background-image: url("https://scp-wiki.wdfiles.com/local--files/theme:twin-files/manila-top.png");
      background-repeat: no-repeat;
      background-position: left center;
      background-size: 100%;
   
      height: 3em;
   
      color: rgb(var(--faded-type));
      font-weight: bold;
      font-size: 0.8em;
   
      padding: 0em;
      margin: 0em;
  }
   
  
  .logEntry {
      background-color: #EAEEEE;
      text-align: left;
      font-size: 1em;
      padding: 1em;
      margin: 1em auto 1em auto;
  }
  
  .logEntry a {
      color: #ba0011;
  }
  
  .redLink a {
      color: #ba0011;
  }
  
  .collapsible {
      border: solid 4px #8c7762;
      background-color: rgb(217, 201, 160);
      padding: 1em;
      margin: 1em auto 1em auto;
      text-align: left;
  }
  
  .collapsible a {
      color: #000000;
  }
  
  .text {
      text-align: left;
  }
  
  
  

  Pages using this styling

  • fragment:9000contestsimartar-0 [info]

  ¶ 1 occurrence
  

  
  .last-container {
    position: relative;
    width: 100%;
  }
  
  :where(.last, .last2, .last3, .last4) {
      --_p-unit: min(calc(.75vw + .475rem), .95rem);
      --p-inline: 1.5;
      --p-block: 1;
      --w: 54;
      --shadow-depth: 1;
      --shadow-spread: 1;
  }
  
  .last,
  .last2 {
    position: relative;
    isolation: isolate;
    overflow: visible;
    width: min(100%, calc((var(--_p-unit) + .05rem) * var(--w)));
    box-sizing: border-box;
    padding: calc(var(--_p-unit) * var(--p-block)) calc(var(--_p-unit) * var(--p-inline));
    margin-block: 1.5rem;
    margin-inline: auto;
    --paper-img: url(https://scp-wiki.wdfiles.com/local--files/component%3Aassorted-paper/weathered.png);
    --p-inline: 2;
    --shadow-depth: 0.25;
  
    -webkit-mask-image: linear-gradient(to bottom, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-image: linear-gradient(to bottom, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
    mask-repeat: no-repeat;
    mask-size: 100% 100%;
    color: #000;
  }
  
  .last3,
  .last4 {
    position: absolute;
    isolation: isolate;
    overflow: visible;
    width: min(100%, calc((var(--_p-unit) + .05rem) * var(--w)));
    box-sizing: border-box;
    padding: calc(var(--_p-unit) * var(--p-block)) calc(var(--_p-unit) * var(--p-inline));
    margin: 0; /* remove default margin */
    --paper-img: url(https://scp-wiki.wdfiles.com/local--files/component%3Aassorted-paper/weathered.png);
    --p-inline: 2;
    --shadow-depth: 0.25;
  
    -webkit-mask-image: linear-gradient(to bottom, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-image: linear-gradient(to bottom, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
    mask-repeat: no-repeat;
    mask-size: 100% 100%;
    color: #000;
  }
  
  .last  { top: 0; z-index: 0; }
  .last2 { top: -620px; left: 150px; z-index: 1; }
  .last3 { top: 250px; left: calc(50% - 200px); z-index: 3; transform: translateX(-50%); }
  .last4 { top: 380px; left: calc(50% + 25px); z-index: 2; transform: translateX(-50%); }
  
  .last::before,
  .last2::before,
  .last3::before,
  .last4::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    z-index: 0;
    border-image: var(--paper-img) 100 fill;
    border-image-width: 100px;
    border-image-repeat: round;
    filter: drop-shadow(0 0 calc(.125rem * var(--shadow-spread)) rgb(0 0 0 / calc(.25 * var(--shadow-depth))));
  }
  
  .last > *,
  .last2 > *,
  .last3 > *,
  .last4 > * {
    position: relative;
    z-index: 2 !important;
    color: inherit;
  }
  
  .doc img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  
  .doc {
    width: 100vw;
    height: 100vh;
    margin: 0;
    padding: 0;
    overflow: hidden;
    position: fixed;
    top: 0;  
    left: 0;
    z-index: -3;
    pointer-events: none;
    user-select: none;
    opacity: 0.6;
  }
  .weathered {
     -webkit-mask-image: linear-gradient(
      to bottom,
      rgba(0,0,0,1) 0%,
      rgba(0,0,0,0.5) 10%,
      rgba(0,0,0,0.05) 25%,
      rgba(0,0,0,0.05) 75%,
      rgba(0,0,0,0.5) 90%,
      rgba(0,0,0,1) 100%
    );
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
  
    mask-image: linear-gradient(
      to bottom,
      rgba(0,0,0,1) 0%,
      rgba(0,0,0,0.5) 10%,
      rgba(0,0,0,0.05) 25%,
      rgba(0,0,0,0.05) 75%,
      rgba(0,0,0,0.5) 90%,
      rgba(0,0,0,1) 100%
    );
    mask-repeat: no-repeat;
    mask-size: 100% 100%;
  
    color: black;
  }
  
  
  .bigtext {
    position: absolute;
    top: 7%;
    left: 50%;
    transform: translateX(-50%);
    width: 80%;
    text-align: center;
    font-size: 30px;
    line-height: 1.5em;
    color: white;
    z-index: 1;
    font-weight: bold;
  }
  
  .bigtext2 {
    position: absolute;
    top: 19%;
    left: 50%;
    transform: translateX(-50%);
    width: 80%;
    text-align: center;
    font-size: 30px;
    line-height: 1.5em;
    color: white;
    z-index: 1;
    font-weight: bold;
  }
  .bigtext3 {
    position: absolute;
    top: 30%;
    left: 50%;
    transform: translateX(-50%);
    width: 80%;
    text-align: center;
    font-size: 30px;
    line-height: 1.5em;
    color: white;
    z-index: 1;
    font-weight: bold;
  }
  .bigtext4 {
    position: absolute;
    top: 41%;
    left: 50%;
    transform: translateX(-50%);
    width: 80%;
    text-align: center;
    font-size: 30px;
    line-height: 1.5em;
    color: white;
    z-index: 1;
    font-weight: bold;
  }
  .bigtext5 {
    position: absolute;
    top: 51%;
    left: 50%;
    transform: translateX(-50%);
    width: 80%;
    text-align: center;
    font-size: 30px;
    line-height: 1.5em;
    color: white;
    z-index: 1;
    font-weight: bold;
  }
  
  .bigtext6 {
    position: absolute;
    top: 62.5%;
    left: 50%;
    transform: translateX(-50%);
    width: 80%;
    text-align: center;
    font-size: 30px;
    line-height: 1.5em;
    color: white;
    z-index: 1;
    font-weight: bold;
  }
  
  @media screen and (max-width: 768px) { 
    .bigtext {
      top: 4.5%;
    }
    .bigtext2 {
      top: 17%;
    }
    .bigtext3 {
      top: 28%;
    }
    .bigtext4 {
      top: 39%;
    }
    .bigtext5 {
      top: 49%;
    }
    .bigtext6 {
      top: 60%;
    }
  }
  
  .note, .note * {
    background-color: transparent !important;
    border: none !important;       
    box-shadow: none !important;         
    outline: none !important;              
  }
  
  .bigtext5 a:hover {
    color: #ff0000 !important;
  }

  Pages using this styling

  • fragment:9000contestseekgull-3 [info]

  ¶ 1 occurrence
  

  
  .page-rate-widget-box,
  .footer-wikiwalk-nav,
  #page-options-container,
  #header,
  #footer,
  #edit-page-form,
  #history-form-1,
  #page-source,
  #action-area {
    position: relative;
    z-index: 3;
  }
  .danger-diamond {
    position: relative;
    z-index: 0;
  }
  
  .textbox {
        border: solid 0.2rem rgb(var(--general-border-color));
        background: #f6f9f7;
        color: black;
        padding: 1em;
        margin: 1em;
  }
  .box {
        border: 2px solid black;
        background: #f6f9f7;
        color: black;
        padding: 1em;
        margin: auto;
        text-align: center;
        width: 150px;
        position: relative;
        z-index: 3;
  }
  
  .ocean img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .ocean {
    animation-duration: 0.1s;
    animation-delay: 300s;
    animation-fill-mode: forwards;
    opacity: 0;
    width: 100vw;
    height: 100vh;
    margin: 0;
    padding: 0;
    overflow: hidden;
    position: fixed;
    top: 0;  
    left: 0;
    z-index: 2;
    pointer-events: none;
    user-select: none;
  }
  
  .toggle-effect { 
    animation-duration: 3s;
    animation-delay: 301s;
    animation-fill-mode: forwards;
    animation-play-state: running;
    opacity: 0;
    position: fixed;
    z-index: 3;
    pointer-events: none;
    user-select: none;
    border: 2px solid black;
    background: #f6f9f7;
    color: black;
    padding: 1em;
    text-align: center;
    width: 170px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  @keyframes poof {
    from {opacity: 0; pointer-events: none; user-select: none }
    to {opacity: 1; pointer-events: auto; user-select: all}
  }
  
  .toggle-wrap:has(.toggle-effect .collapsible-block-folded:not([style*="display: none"])) .ocean {
    animation-name: unset;
  }
  .toggle-wrap:has(.toggle-effect .collapsible-block-folded:not([style*="display: none"])) .ocean {
    animation-name: poof;
  }
  
  .toggle-wrap:has(.toggle-effect .collapsible-block-folded:not([style*="display: none"])) .toggle-effect {
    animation-name: unset;
  }
  .toggle-wrap:has(.toggle-effect .collapsible-block-folded:not([style*="display: none"])) .toggle-effect {
    animation-name: poof;
  }
  
  .toggle-wrap:has(.toggle-open .collapsible-block-folded:not([style*="display: none"])) .toggle-effect {
     animation-play-state: running;
  }
  .toggle-wrap:has(.toggle-open .collapsible-block-folded:not([style*="display: none"])) .toggle-effect {
     animation-play-state: paused;
  }
  
  .toggle-wrap .when-open {
    display: none;
  }
  
  .toggle-wrap:has(.toggle-open .collapsible-block-unfolded:not([style*="display: none"])) .when-closed,
  .toggle-wrap:has(.toggle-open .collapsible-block-folded:not([style*="display: none"])) .when-open {
    display: none;
  }
  .toggle-wrap:has(.toggle-open .collapsible-block-unfolded:not([style*="display: none"])) .when-open,
  .toggle-wrap:has(.toggle-open .collapsible-block-folded:not([style*="display: none"])) .when-closed  {
    display: block;
  }
  
  .logs {
      padding: 5px 5px 5px 5px;
      margin-bottom: 10px;
      width: 97.7%;
  }
   
  .logs-header {
      text-align: center;
  }
   
  table.dialog {
      border-collapse: collapse;
  }
   
  table.dialog th {
      font-family: var(--display-font);
      padding: 1.1em 1em 0em 1em;
  }
   
  table.dialog td {
      font-family: var(--dialogue-font);
      padding: 1.15em 0em 0em 0.8em;
  }
   
  .blokquote-alt {
      margin: .5em 1.25rem;
      padding: .825em 1.25em;
  }
  
  #page-content table.dialog,
  #page-content table.dialog th,
  #page-content table.dialog td {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    color: inherit !important;
    font-family: inherit !important;
    font-size: inherit !important;
    padding: 0 !important;
  }
  
  #page-content table.dialog {
    width: 100% !important;
    border-collapse: collapse !important;
    background: transparent !important;
    margin: 0 0 1rem 0 !important;
  }
  
  #page-content table.dialog th {
    font-family: var(--display-font), system-ui, sans-serif !important;
    padding: 0.75em !important;
    background: #f0f0f0 !important;
    text-align: left !important;
  }
  
  #page-content table.dialog td {
    font-family: var(--dialogue-font), system-ui, sans-serif !important;
    font-size: 1.15em !important;
    padding: 0.75em !important;
    color: #000 !important;
  }
  
  #page-content table.dialog th,
  #page-content table.dialog td {
    font-size: 1em !important;
  }
  
  .logs-header img {
    width: 600px;
    object-fit: cover;
    height: 300px;
    display:inline-block;
    position: relative;
    z-index: 1;
  }
  
  .still-frame {
    background-color: #f0f0f0;
    display: inline-block;
    width: 600px;
    margin-top: -25px;
    position: relative;
    z-index: 0;
    text-align: center;
    margin-top: -25px;
  }
  
  @media screen and (max-width: 768px) { 
    .logs-header img{
      width:250px;
    }
    .still-frame {
      width: 250px;
      margin-top: -20px;
    }
  }
  
  .toggle-wrap a {
    color: #FF0000 !important;
  }
  
  .toggle-wrap .nored a {
    color: transparent !important;
  }

  Pages using this styling

  • fragment:9000contestseekgull-2 [info]

  ¶ 1 occurrence
  

  .doc img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .doc {
    width: 100vw;
    height: 100vh;
    margin: 0;
    padding: 0;
    overflow: hidden;
    position: fixed;
    top: 0;  
    left: 0;
    z-index: -1;
    pointer-events: none;
    user-select: none;
    opacity: 0.6;
  }
  .weathered {
     -webkit-mask-image: linear-gradient(
      to bottom,
      rgba(0,0,0,1) 0%,
      rgba(0,0,0,0.5) 10%,
      rgba(0,0,0,0.05) 25%,
      rgba(0,0,0,0.05) 75%,
      rgba(0,0,0,0.5) 90%,
      rgba(0,0,0,1) 100% 
    );
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
  
    mask-image: linear-gradient(
      to bottom,
      rgba(0,0,0,1) 0%,
      rgba(0,0,0,0.5) 10%,
      rgba(0,0,0,0.05) 25%,
      rgba(0,0,0,0.05) 75%,
      rgba(0,0,0,0.5) 90%,
      rgba(0,0,0,1) 100%
    );
    mask-repeat: no-repeat;
    mask-size: 100% 100%;
  
    color: black;
  }
  
  
  .bigtext {
    position: absolute;
    top: 9.5%;
    left: 50%;
    transform: translateX(-50%);
    width: 80%;
    text-align: center;
    font-size: 30px;
    line-height: 1.5em;
    color: white;
    z-index: 1;
    font-weight: bold;
  }
  
  .bigtext2 {
    position: absolute;
    top: 28%;
    left: 50%;
    transform: translateX(-50%);
    width: 80%;
    text-align: center;
    font-size: 30px;
    line-height: 1.5em;
    color: white;
    z-index: 1;
    font-weight: bold;
  }
  .bigtext3 {
    position: absolute;
    top: 47.5%;
    left: 50%;
    transform: translateX(-50%);
    width: 80%;
    text-align: center;
    font-size: 30px;
    line-height: 1.5em;
    color: white;
    z-index: 1;
    font-weight: bold;
  }
  .bigtext4 {
    position: absolute;
    top: 68%;
    left: 50%;
    transform: translateX(-50%);
    width: 80%;
    text-align: center;
    font-size: 30px;
    line-height: 1.5em;
    color: white;
    z-index: 1;
    font-weight: bold;
  }
  .bigtext5 {
    position: absolute;
    top: 83%;
    left: 50%;
    transform: translateX(-50%);
    width: 80%;
    text-align: center;
    font-size: 30px;
    line-height: 1.5em;
    color: white;
    z-index: 1;
    font-style: italic;
    text-decoration: underline;
    font-weight: bold;
  }
  .note img {
    position: absolute;
    right: 26%;
    z-index: 3;
    width: 18%;
    height: auto;
    cursor: pointer;
    top: 79.5%;
  }
  @media screen and (max-width: 768px) { 
    .note img {
      right: 6%;   
      top: 82.5%; 
      width: 45%; 
    }
    .bigtext {
      top: 7.3%;
    }
    .bigtext2 {
      top: 24%;
    }
    .bigtext3 {
      top: 44.5%;
    }
    .bigtext4 {
      top: 69%;
    }
    .bigtext5 {
      top: 85%;
    }
  }
  
  .note, .note * {
    background-color: transparent !important;
    border: none !important;       
    box-shadow: none !important;         
    outline: none !important;              
  }
  
  .bigtext5 a:hover {
    color: #ff0000 !important;
  }

  Pages using this styling

  • fragment:9000contestseekgull-1 [info]

  ¶ 1 occurrence
  

  
  @media (prefers-reduced-motion: no-preference) { #extrac-div-1 {
      margin: 0;
      padding: 0;
      margin-top: -40%;
      width: 100vw;
      height: 60px;
      position: absolute;
      pointer-events: none;
      -webkit-animation: scan 12s linear 0s infinite;
      animation: scan 12s linear 0s infinite;
      background: linear-gradient(to bottom, rgba(56, 112, 82,0), rgba(56, 112, 82,0.1)) !important;
  }
  }
  
  div.text{
      color: rgba(128,255,128,0.8);
      padding-top: 10%;
      font-family: monospace;
      font-size: 1.2em;
      padding-bottom: 20%;
  }
  
  @-webkit-keyframes scan{
      from{ transform: translateY(-10%);}
      to{  transform: translateY(5000%);}
  }
  
  @keyframes scan{
      from{ transform: translateY(-10%);}
      to{  transform: translateY(5000%);}
  }
  
  div.text a {
      color: #90EE90;
      text-decoration: none;
      background: transparent;
  }
  div.text a.newpage {
      color: #90EE90;
      text-decoration: none;
      background: transparent;
  }
  div.text a:hover {
      color: #131;
      text-decoration: underline;
      background-color: #80FF80;
      padding: 1px;
  }
  div.text a:hover::before{
      content: "> ";
  }
  
  div.text2{
      color: rgba(128,255,128,0.8);
      padding-left: auto;
      padding-top: auto;
      font-family: monospace;
      font-size: 1.2em;
  }
  div.text2 a {
      color: #90EE90;
      text-decoration: none;
      background: transparent;
  }
  div.text2 a.newpage {
      color: #90EE90;
      text-decoration: none;
      background: transparent;
  }
  div.text2 a:hover {
      color: #131;
      text-decoration: underline;
      background-color: #80FF80;
      padding: 1px;
  }
  div.text2 a:hover::before{
      content: "> ";
  }
  
  /* Generic content box */
  .content-box {
      margin: 1em 0;
      padding: 13px 15px 8px;
  }
  
  /* Classified box */
  .classified-box {
      float: center;
  }
  
  /* FLC stuff */
  .flc-cleaner > ul,
  .flc-cleaner > ul > li {
      display: block;
      line-height: normal;
      list-style: none;
      margin: 0;
      padding: 0;
  }
  .flc-cleaner .foldable-list-container {
      display: inline-block;
  }
  .classified-hider li.folded > .classified-hider-closed {
      display: none;
  }
  .classified-hider li.unfolded > .classified-hider-open {
      display: none;
  }
  .kill-collapsibles .collapsible-block-link {
    display: none !important;
  }
  
  .kill-collapsibles .collapsible-block-unfolded {
    display: block !important;
  }
  @media (max-width: 768px) {
  .kill-collapsibles,
  .kill-collapsibles * {
    max-width: 100% !important;
    box-sizing: border-box;
    overflow-wrap: break-word;
    word-break: break-word;
    overflow-x: auto;
  }
  }

  Pages using this styling

  • fragment:9000contestseekgull-0 [info]

  ¶ 1 occurrence
  

  a[href="javascript:;"]:focus img {
      transform: scale(5);
  }
  
  @media (max-width: 767px) {
      a[href="javascript:;"]:hover img  {
          transform: scale(3.2);
      }
  }

  Pages using this styling

  • fragment:9000contestparenthesis-2 [info]

  ¶ 1 occurrence
  

  
  #page-content {
    font-size:  min(2vw, .9rem);
  }
  
  .blur-1 {
     color: transparent;
     text-shadow: 0 0 6px #000;
     user-select: none;
  }
  
  .blur-2 {
     color: transparent;
     text-shadow: 0 0 6px #000;
     user-select: none;
  }
  
  
  .container {
     position: relative;
     text-align: center;
     color: black;
  }
  .bottom-left {
     position: absolute;
     text-align: center;
     bottom: 8px;
     left: 16px;
     background-color: white;
  }
  
  .top-left {
     position: absolute;
     text-align: center;
     top: 1px;
     left: 1px;
     background-color: transparent;
  }
  
  .top-right {
     position: absolute;
  
     top: 1px;
     right: 1px;
     background-color: white;
  }
  
  .bottom-right {
     position: absolute;
     bottom: 8px;
     right: 16px;
     background-color: white;
  }
  
  .centered {
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     background-color: white;
  }
  
  .container2 {
     position: relative;
     text-align: center;
     font-family: "Times New Roman", Times, serif;
     color: black;
     top: 0;
     left: 0;
  }
  
  .bottom-left2 {
     position: absolute;
     bottom: 8px;
     left: 16px;
     background-color: white;
  }
  
  .top-left2 {
     position: absolute;
     top: 1px;
     left: 16px;
     background-color: white;
  }
  
  .top-right2 {
     position: absolute;
     top: 1px;
     right: 16px;
     background-color: white;
  }
  
  .top-right2a {
     position: absolute;
     top: 50px;
     right: 16px;
     background-color: white;
  }
  
  .bottom-right2 {
     position: absolute;
     bottom: 8px;
     right: 16px;
     background-color: white;
  }
  
  .centered2 {
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     background-color: white;
  }
  
  .centeredbottom {
     position: absolute;
     top: 90%;
     left: 50%;
     transform: translate(-50%, -90%);
     background-color: white;
  }
  
  .secretcenteredbottom {
     position: absolute;
     top: 90%;
     left: 50%;
     transform: translate(-50%, -90%);
     color: transparent;
  }
  
  .centeredtop {
     position: absolute;
     top: 1px;
     left: 50%;
     transform: translate(-50%, -10%);
     background-color: white;
  }
  
  .image1 {
     position: relative;
     top: 1px;
     left: 0px;
  }
  
  .imagetopleft {
     position: absolute;
     top: 1px;
     left: 1px;
  }
  
  .imagebottomleft {
     position: absolute;
     bottom: 0px;
     left: 1px;
  }
  
  .imagetopright {
     position: absolute;
     top: 1px;
     right: 1px;
  }
  
  .imagebottomright {
     position: absolute;
     bottom: 0px;
     right: 1px;
  }

  Pages using this styling

  • fragment:9000contestparenthesis-1 [info]

  ¶ 1 occurrence
  

  .blur-1 {
     color: transparent;
     text-shadow: 0 0 6px #000;
     user-select: none;
  }
  
  .blur-2 {
     color: transparent;
     text-shadow: 0 0 6px #000;
     user-select: none;
  }

  Pages using this styling

  • fragment:9000contestparenthesis-0 [info]

  ¶ 1 occurrence
  

  .equation-number {
    display: none;
  }
  .hover {
      text-decoration: none;
      border-bottom: none;
      color:blue;
  }
  .hover:hover {
       text-decoration: none;
      border-bottom: none;
      color:#004c00;
  }
  
  .hover span { display: none; }
  .hover:hover span {
      position: absolute;
      display: inline;
      margin: 20px 0px;
      height: auto;
      width: auto;
      background: #FFF;
      border: 1px solid #000;
      color: black;
      padding: 0.5em;
  }
  .hover:hover span span {
      position: relative;
      margin: auto;
      height: auto;
      width: auto;
      border: none;
      padding: 0;
  }
  
  /* Better image block positioning from component:croqstyle */
  @media (max-width: 550px), (min-width: 768px) and (max-width: 850px) {
    .scp-image-block:is(.block-right, .block-left) {
      float: none;
      margin-inline: auto;
    }
  }
  
  .scp-header {
    font-size: 125%;
  }
  .scp-header__row {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 0 1ch;
  }
  
  .explo-root {
    /* How deep the most deeply-nested explo block is. Topmost block is 0. */
    --max-nest-depth: 11;
  
    /* Desired width of the most deeply-nested explo block. */
    --crush-width: 8ch;
  
    container-type: inline-size;
    --border-width: 4px;
    --padding-inline: calc((50cqw - (var(--crush-width) / 2) - (var(--border-width) * var(--max-nest-depth))) / var(--max-nest-depth));
  
    @media (max-width: 600px) {
      --border-width: 3px;
      --crush-width: 7ch;
      margin-inline: -3vw;
     }
  }
  .explo {
    border: var(--border-width) solid #444444;
    margin-block: 1.5rem;
    padding-inline: var(--padding-inline);
    padding-block: 0.5rem;
  }
  .explo--room {
    box-shadow: 0px 1px 6px rgba(0, 0, 0 , 0.2);
  }
  .explo--threshold {
    background-color: rgba(0, 0, 0, 0.2);
    border-style: dashed;
  }
  
  .explo-rising {
    text-align: center;
    margin-block: -1em;
  }
  .explo:has(> .explo-rising:last-child) {
    border-bottom-color: transparent;
    padding-bottom: 0.25rem;
  }
  
  body { overflow-x: hidden }
  .berryman {
    background-image: url(https://scp-wiki.wikidot.com/local--files/scp-9001/berrymanfractal.webp);
    background-attachment: fixed;
    background-position: center;
    background-size: 100vw auto;
    max-width: none;
    width: 100vw;
    position: relative;
    left: calc(50% - 50vw);
    font-family: monospace, monospace;
    color: white;
    text-align: center;
    padding: 0.1rem 0;
    box-shadow: inset 0px 2px 4px rgba(0, 0, 0, 0.6);
    min-height: 4rem;
    align-content: center;
    font-size: 1.1em;
  
    span {
      background-color: rgba(0, 0, 0, 0.6);
      border-radius: 3px;
      padding: 1px 8px;
      text-shadow: 0px 0px 6px black;
    }
  }
  .berryman--angrier {
    background-image: url(https://scp-wiki.wikidot.com/local--files/scp-9001/Berrymanspiral2.webp);
  }
  
  .explo strong, .blockquote strong {
    color: rgb(230, 230, 230);
  }
  
  #main-content hr {
    height: 1px;
    border-top: 2px solid #777;
    border-bottom: 1px solid #777;
    margin-block: 1rem;
    background: none;
  }
  
  .conprocs {
    border: thin solid #f005;
    background: #ff000005;
    padding-inline: 1rem;
    border-radius: 4px;
    position: relative;
  }
  .conprocs::before, .conprocs::after {
    content: "";
    height: 0.3rem;
    left: 0;
    right: 0;
    background-image: repeating-linear-gradient(135deg, darkred 0ch, darkred 1ch, crimson 1ch, crimson 1.75ch, darkred 1.75ch);
    position: absolute;
  }
  .conprocs::before { top: 0 }
  .conprocs::after { bottom: 0 }
  
  #footer { background: transparent }
  @media (min-width: 901px) {
    #container {
      background-image: url(https://scp-wiki.wikidot.com/local--files/scp-9001/lichten.webp), url(
  https://scp-wiki.wikidot.com/local--files/scp-9001/lichten-flip.webp);
      background-position: calc(50% - 40rem) calc(100% + 20rem), calc(50% + 40rem) calc(100% + 20rem);
      background-repeat: no-repeat;
      background-size: auto 100rem;
    }
  }
  @media (max-width: 900px) {
    .footnotes-footer {
      background-image: url(https://scp-wiki.wikidot.com/local--files/scp-9001/lichten.webp), url(https://scp-wiki.wikidot.com/local--files/scp-9001/lichten-flip.webp);
      background-position: calc(50% - 30vw) calc(100% + 20rem), calc(50% + 30vw) calc(100% + 20rem);
      background-repeat: no-repeat;
      background-size: auto 100rem;
    }
  }

  Pages using this styling

  • fragment:9000contestpanloque2 [info]

  ¶ 1 occurrence
  

  /* Jakstyle modifications */
  /* Recover default selection styles */
  ::-moz-selection, ::selection {
      background: Highlight; color: HighlightText;
  }
  #header h1 a::before { -webkit-text-stroke-width: 3px }
  #header h2 span::before { -webkit-text-stroke-width: 2px }
  div.page-rate-widget-box { margin-bottom: 0.25rem }

  Pages using this styling

  • fragment:9000contestpanloque2 [info]

  ¶ 1 occurrence
  

  /* Ethics Committee block - inspired by SCP-8980 by Yossipossi */
  
  @import url(https://scp-wiki.wikidot.com/local--files/scp-8980/departuremono.css);
  
  .ethics {
    border: medium solid rgb(10, 70, 10);
    background-color: rgba(10, 70, 10, 0.1);
  }
  
  .ethics__header {
    background-image: linear-gradient(to right, rgb(12, 80, 12), rgb(8, 60, 6));
    background-color: rgb(10, 70, 10);
    color: white;
    font-family: 'Departure Mono', monospace;
    font-size: 1.5em;
    padding-block: 0.5em;
    text-align: center;
  }
  .ethics__header img {
    height: 100%;
  }
  
  .ethics__content {
    padding: 0.5rem 1rem;
  }
  
  .ethics__content .blockquote {
    border-color: rgb(10, 70, 10);
    background-color: rgba(10, 70, 10, 0.1);
  }

  Pages using this styling

  • fragment:9000contestpanloque1 [info]

  ¶ 1 occurrence
  

  /* Better image block positioning from component:croqstyle, adapted for BHL */
  @media (max-width: 550px) {
    div.scp-image-block:is(.block-right, .block-left) {
      float: none;
      margin-inline: auto;
      max-width: 100% !important;
    }
  }
  
  .footnotes-footer, .equation-number {
    display: none;
  }
  .rotate {
    transform: rotate(-0.5deg);
  }
  @media (max-width: 550px) {
    .rotate {
      transform: rotate(-0.2deg);
   }
  }
  
  .scp-header {
    font-size: 125%;
  }
  .scp-header__row {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 0 1ch;
  }
  
  #main-content hr {
    height: 1px;
    border-top: 2px solid rgba(0, 0, 0, 0.5);
    border-bottom: 1px solid rgba(0, 0, 0, 0.5);
    margin-block: 1rem;
    background: none;
  }
  
  #header-extra-div-1, #header-extra-div-2 {
    background-image: url(https://scp-wiki.wikidot.com/local--files/scp-9001/thread.webp);
    display: block;
    position: absolute;
    height: 10rem;
    aspect-ratio: 1547 / 1220;
    background-size: auto 100%;
    background-repeat: no-repeat;
    top: 0;
  }
  #header-extra-div-1 {
    transform: translateX(-1.5rem);
    left: 0;
  }
  #header-extra-div-2 {
    transform: scaleX(-1) translateX(-1.5rem);
    right: 0;
  }
  @media (max-width: 900px) {
    #header-extra-div-1 {
      transform: none;
      background-position: -1.5rem center;
    }
    #header-extra-div-2 {
      transform: scaleX(-1);
      background-position: -1.5rem center;
    }
  }
  
  .hover {
      text-decoration: none;
      border-bottom: none;
      color:blue;
  }
  .hover:hover {
       text-decoration: none;
      border-bottom: none;
      color:#004c00;
  }
  
  .hover span {    display: none;}
  .hover:hover span {
      position: absolute;
      display: inline;
      margin: 20px 0px;
      height: auto;
      width: auto;
      background: #FFF;
      border: 1px solid #000;
      color: black;
      padding: 0.5em;
  }
  .hover:hover span span {
      position: relative;
      margin: auto;
      height: auto;
      width: auto;
      border: none;
      padding: 0;
  }
  
  .emergency-update {
    margin-block: 1.5rem;
    padding: 0.75rem 1.5rem;
    border: 0.25rem solid #444444;
    box-shadow: 0px 1px 6px rgba(0,0,0,.2);
    color: #444;
    max-width: 35rem;
    margin-inline: auto;
    position: relative;
  }
  @media (max-width: 700px) {
    .emergency-update {
      padding-inline: 1rem;
      margin-inline: max(-2.5vw, -1rem);
    }
  }
  .emergency-update::before, .emergency-update::after {
    content: "";
    height: 0.3rem;
    left: 0;
    right: 0;
    background-image: repeating-linear-gradient(135deg, gold 0ch, gold 1ch, darkgray 1ch, darkgray 1.75ch, gold 1.75ch);
    position: absolute;
  }
  .emergency-update::before { top: 0 }
  .emergency-update::after { bottom: 0 }
  
  .classified-banner {
    display: grid;
    justify-content: center;
    align-items: center;
    justify-items: center;
  }
  .classified-banner__dept {
    width: 15rem;
    grid-row: 1;
    grid-column: 1;
    opacity: 0.06;
  }
  .classified-banner__text {
    grid-row: 1;
    grid-column: 1;
    text-align: center;
  }
  
  .forum {
    display: grid;
    grid-template-columns: 3rem 1fr;
    max-width: 40rem;
    margin-inline: auto;
    padding-bottom: 1rem;
  }
  .forum__post {
    border: thin solid #c9c9c9;
    box-shadow: rgba(0, 0, 0, 0.06) 0px 1px 3px, rgba(0, 0, 0, 0.1) 0px 1px 2px;
    grid-column: 2;
    line-height: 1.25;
    position: relative;
    background-color: white;
    color: rgb(51, 51, 51);
    margin-top: 1rem;
  }
  .forum__post--op {
    grid-column: 1 / span 2;
  }
  .forum__post-header {
    border-bottom: thin solid #c9c9c9;
    padding: 0.85rem 1.5rem 0.85rem 3.75rem;
    position: relative;
    background-image: linear-gradient(to top, rgb(246, 246, 246), rgb(251, 251, 251));
    color: rgb(51, 51, 51);
  }
  .forum__post-pfp {
    font-size: 1.1rem;
    font-weight: 500;
    text-align: center;
    color: black;
    background-color: var(--bg, lightblue);
    border: thin solid rgba(0, 0, 0, 0.1);
    border-radius: 99rem;
    aspect-ratio: 1 / 1;
    width: 2.2rem;
    line-height: 2.2rem;
    position: absolute;
    left: 0.75rem;
    top: 50%;
    transform: translateY(-50%);
  }
  @media (max-width: 550px) {
    .forum__post-email {
      display: none;
    }
  }
  .forum__post-content {
    padding: 0 1.5rem;
  }
  /* Vertical line + horizontal branch for replies */
  .forum__post--reply::before {
    content: "";
    position: absolute;
    left: -1.5rem;
    top: calc(-1rem - 1px);
    bottom: 0;
    border-left: thin solid #c9c9c9;
  }
  .forum__post--reply::after {
    content: "";
    position: absolute;
    left: -1.5rem;
    top: 2rem;
    width: 1.5rem;
    border-bottom: thin solid #c9c9c9;
  }
  .forum__post--reply:last-child::before {
    height: calc(3rem + 1px);
  }
  
  .overwatch-order {
    --logo-size: 4rem;
    border: medium solid firebrick;
    background: white;
    color: #444;
    display: grid;
    grid-template-columns: var(--logo-size) 1fr;
    min-height: var(--logo-size);
    border-radius: calc(var(--logo-size) / 2);
    overflow: hidden;
    margin-block: 0.5em;
  }
  .overwatch-order__content {
    padding-inline: 1em;
    align-content: center;
    background-image: linear-gradient(to right, #f001, #f000);
  }
  .overwatch-order__content p { margin-block: 0.25rem; }
  .overwatch-order__title {
    font-weight: bold;
    font-size: 1.2em;
    line-height: 1.2;
  }
  .overwatch-order__logo {
    background-color: firebrick;
    img { filter: invert(1); }
  }
  
  .project-proposal.blockquote {
    background-color: #d0ebff44;
    --tables-header-txt: var(--swatch-text-general);
    --tables-header-bg: 208, 235, 255;
  }
  .project-proposal.blockquote :is(div.image-block, div.scp-image-block) :is(.image-caption, .scp-image-caption) {
    background-color: rgb(var(--tables-header-bg));
  }
  .project-proposal.blockquote .blockquote {
    background-color: #d0ebff88;
    margin-inline: 1rem;
  }
  
  .samples {
    display: grid;
    max-width: 38rem;
    grid-template-columns: 16rem auto;
    align-items: center;
    margin-inline: auto;
    border: thin solid grey;
    border-radius: 0.5rem;
    padding: 0 1rem 1rem;
    gap: 1rem 2rem;
    font-style: italic;
    background-color: rgba(0, 0, 0, 0.05);
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.1);
  }
  .samples__header {
    grid-column: 1 / span 2;
    border-bottom: thin dashed currentColor;
  }
  .samples__image-heading {
    grid-column: 1 / span 1;
    p { margin: 0 }
  }
  .samples__desc-heading {
    grid-column: 2 / span 1;
    p { margin: 0 }
  }
  .samples__image {
    grid-column: 1 / span 1;
    overflow: hidden;
    align-self: start;
    border-radius: 0.5rem;
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.25);
  }
  .samples__image .image {
    width: 100%;
    aspect-ratio: 3 / 2;
    object-fit: cover;
  }
  .samples__desc {
    grid-column: 2 / span 1;
    margin-block: -1rem;
    position: relative;
  }
  .samples__desc::after {
    content: "";
    position: absolute;
    width: 1.5rem;
    border-bottom: thin dashed currentColor;
    top: 1.75em;
    right: calc(100% + 0.5rem);
  }
  @media (max-width: 550px) {
    .samples {
      display: flex;
      flex-direction: column;
    }
    .samples__image-heading, .samples__desc-heading, .samples__desc::after {
      display: none;
    }
    .samples__image {
      margin-top: 0.5rem;
    }
  }
  
  .o5-8 {
    font-weight: 800;
    color: deeppink;
    position: relative;
    isolation: isolate
  }
  
  .o5-8::before {
    content: "";
    position: absolute;
    inset: 0.1em -0.1em;
    background-color: currentColor;
    opacity: 0.05;
    filter: blur(3px);
    border-radius: 0.5ch;
    z-index: -1;
  }
  
  body { overflow-x: hidden }

  Pages using this styling

  • fragment:9000contestpanloque1 [info]

  ¶ 1 occurrence
  

  .carousel-container {
  right: -31px;
  }
  .carousel-caption p {
  color: black;
  }

  Pages using this styling

  • fragment:9000contestonlineopossum-0 [info]

  ¶ 1 occurrence
  

  .hover:has(a:visited) {
      color: #8B0000;
  }
  #page-content * {
      scroll-margin-top: 3em;
  }
  .hover {
      color: #3B4;
    text-decoration: underline;
      border-bottom: 1px solid;
  }
  .hover:hover {
    text-decoration: none;
      border-bottom: none;
  }
  
  .hover span {
      visibility: hidden;
      position: absolute; 
      transition: 0.05s 1.5s;
      margin: 15px -20px;
      height: auto;
      width: 250px;
      background: #FFF;
      border: 2px solid #34B;
      color: #000;
      padding: 1em;
  }
  
  .hover:hover span {
      visibility: visible;
      transition: 0.05s 0s;
  }
  .hover span span {
      position: relative;
      margin: auto;
      height: auto;
      width: auto;
      border: none;
      padding: 0;
  }
  @media (max-width: 1000px) {
      .hover > span {
           display: block;
           position: fixed;
           bottom: 20%;
           left: 50%;
           margin: 0;
           transform: translateX(-50%);
           max-width: 90%;
           transition: 0.05s 0s;
       }
  }

  Pages using this styling

  • fragment:9000contestmann-0 [info]

  ¶ 1 occurrence
  

  img {
    width: 70%;
  }

  Pages using this styling

  • fragment:9000contestfiretamer-14 [info]

  ¶ 1 occurrence
  

  .error {
    background-color: #f9e5e5;
    border-left: 6px solid #b30000;
    border-right: 6px solid #b30000;
    color: #333;
    font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
    padding: 1em;
    margin-bottom: 1em;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
  }
  
  .error div {
    margin: 0;
    font-size: 1rem;
    text-align: center;
  }
  
  .success {
    background-color: #adffad;
    border-left: 6px solid #30f230;
    border-right: 6px solid #30f230;
    color: #333;
    font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
    padding: 1em;
    margin-bottom: 1em;
    box-shadow: 0 2px 4px rgba(48, 242, 48, 0.1);
  }
  
  .success div {
    margin: 0;
    font-size: 1rem;
    text-align: center;
  }

  Pages using this styling

  • fragment:9000contestfiretamer-13 [info]

  ¶ 1 occurrence
  

  
  div.overwatch_memo {
    background: var(--memo-logo);
    background-size: 20%;
    background-position: top center;
    background-repeat: no-repeat;
  }
  
  div.overwatch_memo::before {
    content: "O5-Council Meeting - SCP-9240 Deliberation";
    font-weight: 900;
    font-size: 1.5em;
  }

  Pages using this styling

  • fragment:9000contestfiretamer-12 [info]

  ¶ 1 occurrence
  

  div.ettra_memo::before {
      content: "NOTICE FROM THE 1871 Coalition of Multi-Universal Foundations";
      font-weight: 900;
      font-size: 1.5em;
  }

  Pages using this styling

  • fragment:9000contestfiretamer-12 [info]

  ¶ 1 occurrence
  

  .orderwrapper {position: relative;width: auto;text-align: center;}
  .council1 {position: relative;top: 0;bottom: 0;left: 0;right: 0; width: 295px;height: 295px;margin: auto;background-image: url( "https://kaktuskontainer.wdfiles.com/local--files/format-hell/scp_trans.png" );background-size: 295px 295px;background-repeat: no-repeat;background-position: center;}
  .ordertitle {position: absolute;left: 0;right: 0;}
  .ordertitle h1 {font-size: 220%;color: #555;}
  .orderdescription {position: absolute;left: 0;right: 0; width: 100%;}
  .orderdescription p {font-size: 90%;color: #555;}
  .orderdescription h1 {font-size: 120%;color: #555;}

  Pages using this styling

  • fragment:9000contestfiretamer-09 [info]

  ¶ 1 occurrence
  

  .personnelfile-tabbox {
    height: 70vh;
    overflow-x: hidden;
    overflow-y: auto;
  }
  
  a {
    color: #0C2436;
  }

  Pages using this styling

  • fragment:9000contestfiretamer-05 [info]

  ¶ 1 occurrence
  

  .hover-opacity-div > div > p {
    padding: 0;
    margin: 0;
  }

  Pages using this styling

  • fragment:9000contestfiretamer-03 [info]

  ¶ 1 occurrence
  

  .danke {
      padding: 5px;
      margin-bottom:10px;
      font-family: monospace;
      font-size: 1.5rem; 
      text-align: center;
  }
  
  .agent {
      background-color:#002200;
      border: 3px solid #55AA55;
      color: #77CC77;
  }
  
  .site {
      background-color:#222200;
      border: 3px solid #AAAA55;
      color: #DDDD77;
  }

  Pages using this styling

  • fragment:9000contestfiretamer-00 [info]

  ¶ 1 occurrence
  

  /*Only works with anim05 due to pseudo-element usage*/
  
  .hover-alt-text {
    display: inline-block;
  }
  
  .hover-alt-text::after{
    content: "SERVER INTEGRITY";
  }
  
  .hover-alt-text:hover::after{
    content: "SAFETY 1-A_baj#023malpha2";
    color: red;
  }
  
  .hover-opacity-div {
    opacity: 0;
    transition: opacity 0.5s ease;
  }
  
  .hover-opacity-div:hover {
    opacity: 1;
    transition: opacity 0.5s ease;
  }

  Pages using this styling

  • fragment:9000contestfiretamer-00 [info]

  ¶ 1 occurrence
  

  .anom-bar-container{
    --one-color: 0,159,107;
    --two-color: 0,135,189;
    --three-color: 255,211,0;
    --four-color: 255,109,0;
    --five-color: 196,2,51;
    --zero-color: 66,66,72;
    --black-color: 12,12,12;
  }

  Pages using this styling

  • fragment:9000contestfermentating-1 [info]

  ¶ 1 occurrence
  

  :root {
    --background-gradient-color: 231, 219, 180;
    --swatch-background: 255, 255, 228;

  Pages using this styling

  • fragment:9000contestfermentating-1 [info]

  ¶ 1 occurrence
  

  .bigtext, .bigtext2, .bigtext3, .bigtext4, .bigtext5 {
    font-family: 'Staatliches', Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
    text-transform: uppercase;
    text-align: center;
    line-height: 1.5em;
    color: white;
    z-index: 1;
    font-weight: bold;
    width: 90%;
    margin: 0 auto; /* centers the text block */
    text-shadow: 2px 2px 6px rgba(0,0,0,0.9);
    padding: 2vh 0; /* vertical spacing between blocks */
    font-size: clamp(22px, 5vw, 32px);
  }
  
  /* Bigger special text for RISE! */
  .bigtext4 {
    font-size: clamp(28px, 9vw, 80px);
  }
  
  /* Scroll container */
  .text-container {
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: 900px;
    margin: 0 auto;
    padding: 5vh 0;
    overflow-y: auto;
  }

  Pages using this styling

  • fragment:9000contestfermentating-0 [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Staatliches&display=swap');

  Pages using this styling

  • fragment:9000contestfermentating-0 [info]

  ¶ 1 occurrence
  

  :root{
      --fnColor: #c40233;
      --accentColor: rgb(39, 32, 60);
      --logo: url("http://scp-wiki.wikidot.com/local--files/scp-9471/aion1.svg");
      --title: "AION PROJECT";
      --subtitle: "SITE-O DEEPWELL ARCHIVE";
  
      --basalt-undertone: 196, 2, 51;
      --basalt-bright-element-color: 196, 2, 51;
  }
  #extra-div-1 {
      background: linear-gradient( 180deg, rgb(10, 10, 10) 0%, rgb(0, 0, 0)100%);
  box-shadow: 0px 0px 8px 4px rgb(0 0 0);
  }
  #top-bar {
      left: 30.4rem;
  }
  #top-bar ul li:hover ul li a {
      background-color: #27203C;
  }
  #top-bar a {
      filter: grayscale(0%) saturate(100%);
      -webkit-filter: grayscale(0%) saturate(100%);
  }
  #top-bar ul li:hover a:hover {
      background: #27203C;
  }
  #side-bar {
      background: linear-gradient(
  0deg
   , rgba(10, 10, 10, 1) 87%, var(--accentColor) 100%);
  }
  #side-bar img,
  iframe.scpnet-interwiki-frame {
      background: rgb(39, 32, 60);
      filter: grayscale(0%) saturate(100%);
      -webkit-filter: grayscale(00%) saturate(100%);
  }
  #side-bar .side-block {
      background: rgb(39, 32, 60);
  }
  #side-bar .side-block.media {
       background-color: var(--accentColor) !important;;
  }
  #side-bar .side-block.resources {
      background: rgb(39, 32, 60);
  }
  #side-bar > div.side-block.media img {
      filter: none !important;
      -webkit-filter: none !important;
  }
  ::-webkit-scrollbar-thumb {
      background: var(--accentColor)
  }
  body {
      background-image: url(http://scp-wiki.wikidot.com/local--files/scp-9471/Price_of_Eternity_bg.webp);
      background-attachment: fixed;
      background-size: cover;
  }
  body:before {
    content: ' ';
    position: fixed;
    display: block;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgb(var(--basalt-primary-color)) 35%, rgb(var(--basalt-primary-color)) 60%, rgb(var(--basalt-primary-color)) 75%, rgba(0, 0, 0, 0) 100%);
    z-index: -1;
    color:#EDEDED;
  }
  .widetable :is(table:not(.form), table.wiki-content-table) {
      width: 100% !important;
      margin-top: 1.2rem;
      margin-bottom: 1rem;
  }
  .acstable :is(table:not(.form), table.wiki-content-table) {
      font-size: 0.9em;
  }
  .aion_memo {
      --memo-heading: "WARNING";
      --memo-logo: url(http://scp-wiki.wikidot.com/local--files/scp-9471/aion1_lightlogo.png);
      --memo-color: 196, 2, 51;
  }
  :is(span.bigtext, span.bt, span.specialtext, span.st) {
      text-transform: uppercase;
  }
  
  :is(span.specialtext, span.st) {
      text-decoration: underline 2px;
      text-underline-offset: 3px;
  }
  .modal {
      background: rgba(26, 26, 26, 0.616);
  }
  #u-blink-bar p:last-child::after {
      content: "";
      border-right: 1px solid #e4e4e4;
      animation: blink 1.0s infinite;
      position: relative;
      left: 1px;
  }
   
  @keyframes blink{
      to {
          opacity: .0;
      }
  }
  .fncon {
  background: #0c0003;
  }
  .fncon::before {
      background-color: var(--fnColor);
      width:7px;
  }
  .fnnumblock ol li::marker {
      color: rgb(196, 2, 51);
      font-family: var(--ui-font);
      font-weight: bold;
  }
  .fnnum:hover::after {
      color: black;
  }
  
  :is(#page-content table:not(.form), table.wiki-content-table) th {
      font-family: var(--UI-font);
      font-size: 0.95em;
  }
  :is(#page-content table:not(.form), table.wiki-content-table) th :is(div.blockquote, blockquote) {
      padding-block: 1rem;
      background-color: rgb(var(--basalt-primary-color));
      font-family: var(--UI-font);
      font-size: 1.05em;
      font-weight: normal;
      text-align: left;
      word-spacing: 1px;
  }
  :is(#page-content table:not(.form), table.wiki-content-table) td {
      background-color: rgba(0, 0, 0, 0.5);
      padding: 0.6rem 1rem;
  }
  :is(#page-content table:not(.form), table.wiki-content-table) td {
      background-color: unset;
  }
  .bblock:hover {color: #c3c3c3}

  Pages using this styling

  • fragment:9000contestdoctorlovelace-0 [info]

  ¶ 1 occurrence
  

  #top-bar div[class*="top-bar"] > ul > li:nth-child(1) > a::before, #top-bar div[class*="top-bar"] > ul > li:nth-child(1) > a::after {
    background-color: #e730bc;
  }
  
  #top-bar div[class*="top-bar"] > ul > li:nth-child(2) > a::before, #top-bar div[class*="top-bar"] > ul > li:nth-child(2) > a::after {
    background-color: #a130e7;
  }
  
  #top-bar div[class*="top-bar"] > ul > li:nth-child(3) > a::before, #top-bar div[class*="top-bar"] > ul > li:nth-child(3) > a::after {
    background-color:  #b21900;
  }
  
  #top-bar div[class*="top-bar"] > ul > li:nth-child(4) > a::before, #top-bar div[class*="top-bar"] > ul > li:nth-child(4) > a::after {
    background-color: #2f4de6;
  }

  Pages using this styling

  • fragment:9000contestchoccoman-1 [info]

  ¶ 1 occurrence
  

  .yui-navset.yui-navset-top > ul.yui-nav li:nth-child(1)::before {
    background-color: #2f4de6;
  }
  
  .yui-navset.yui-navset-top > ul.yui-nav li:nth-child(2)::before {
    background-color: #a130e7;
  }
  
  .yui-navset.yui-navset-top > ul.yui-nav li:nth-child(3)::before {
    background-color:  #b21900;
  }
  
  .yui-navset.yui-navset-top > ul.yui-nav li:nth-child(4)::before {
    background-color: #2f4de6;
  }
  
  .yui-navset.yui-navset-top > ul.yui-nav li:nth-child(1)::after {
    border-color: #2f4de6 transparent transparent transparent;
  }
  
  .yui-navset.yui-navset-top > ul.yui-nav li:nth-child(2)::after {
    border-color: #a130e7 transparent transparent transparent;
  }
  
  .yui-navset.yui-navset-top > ul.yui-nav li:nth-child(3)::after {
    border-color:  #b21900 transparent transparent transparent;
  }
  
  .yui-navset.yui-navset-top > ul.yui-nav li:nth-child(4)::after {
    border-color: #2f4de6 transparent transparent transparent;
  }

  Pages using this styling

  • fragment:9000contestchoccoman-1 [info]

  ¶ 1 occurrence
  

  
  
  
  /* Indent. Thanks FireTamer for the code! */
  .firetamer {
      padding-left: 5px;
      border-left: thin solid #abaaab;
      margin-left: 2vh;
  }
  
  .firetamer2 {
      padding-left: 5px;
      border-left: thin solid black;
      margin-left: 2vh;
  }
  
  
  
  
  /* telegram */
  
  .papercontainer { /* Wackdog made this good! */
      display: grid;
      grid-template-columns: 1fr 0.5fr 0.5fr 4fr 0.5fr 0.5fr 1fr;
      grid-template-rows: min-content min-content min-content 1fr min-content min-content min-content min-content;
      row-gap: 0;
  }
  
  .papercontainer .tight{
    line-height: 1;
    padding: 0;
    white-space: nowrap;
  }
  .papercontainer .tight > *{ margin: 0; }
  
  .papercontainer .right{ justify-self: end; }
  
  .papercontainer .vline{
    grid-row: 1 / -1;
    grid-column: var(--at)/var(--at);
    border-left: var(--w,1px) solid var(--c,#999);
    pointer-events:none; z-index:1;
  }
  .papercontainer .hline{
    grid-column: 1 / -1;
    grid-row: var(--at)/var(--at);
    border-top: var(--w,1px) solid var(--c,#999);
    pointer-events:none; z-index:1;
  }
  
  .papercontainer{ max-width:100%; }                       
  .papercontainer *{ overflow-wrap:anywhere; word-break:break-word; }  
  
  @media (max-width:768px){
    .papercontainer .tight{ white-space:normal; }
    #page-content{ overflow-x:hidden; }                     
  } 
  
  @media (max-width: 768px) {
      .papercontainer {
          display: grid;
          grid-template-columns: repeat(6, 1fr);
          grid-template-rows: min-content, min-content, 1fr, 0.6fr, 0.1fr, 0.8fr, 0.8fr, min-content;
          row-gap: 0;
      }
  }
  
  /* email */
  
  
  
  .email-example .collapsible-block-folded a.collapsible-block-link {
      animation: blink 0.8s ease-in-out infinite alternate;
  }
  @keyframes blink {
      0% { color: transparent; }
      50%, 100% { color: #b01; }
  }
  .email {border: solid 2px #000000; width: 88%; padding: 1px 15px; margin: 10px; box-shadow: 0 1px 3px rgba(0,0,0,.5)}
  .email-example a.collapsible-block-link {font-weight: bold;}
  .tofrom {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px maroon}
  
  
  
  /* Image block fix to prevent overlap with ACS module. Thanks to BlueEyedFox_ on discord! */
  
  .scp-image-block.block-right {
      position: relative;
      top: 15px;
  }
  
  
  
  /* Notice top instructions */
  
  .outerform { /*thanks to hcina from discord for this! */
      border:solid 1px #999999;
      background:#fcf4c7;
      padding:25px;
      margin-bottom: 25px;
  }
  
  .rectangle { /* thanks to wackdog from discord for this! */
      width: 100%;
      background: #808080;
      height: 3.5em;
      display: flex;
      align-items: center;
      justify-content: center;
      margin: auto;
  }
  
  
  
  /* Tables (except hcina) */
  
  .centertable {
      border-collapse:collapse;
      max-width: 800px;
      margin-left: auto;
      margin-right: auto;
      margin-bottom: 50px;
  }
  .darkcell {
      font-weight:bold;
      padding: .3em .7em;
      text-align: center;
      border: 1px solid black;
      background-color: silver;
  }
  .lightcell {
      padding: .3em .7em;
      border: 1px solid black;
  }
  .oldtext {
      color: lightslategrey;
      font-style: italic;
  }
  
  /* additional table stuff from Wackdog */
  
  .centertable { width:100%; border-collapse:collapse; }
  .centertable img { max-width:100%; height:auto; }
  
  @media (min-width: 769px) {
      .centertable {
          width: 50%;
      }
  }
  
  @media (min-width: 769px) {
    .cell--image { display: table-cell; }
    .mobile-img { display: none; }
  }
  
  @media (max-width: 768px) {
    .cell--image { display: none; }
    .scp-image-block.block-right{ float:none; }
    .mobile-img { 
      display: block; 
      margin: 0 auto 30px; 
  
  }
    .centertable { table-layout: fixed; }
    .centertable td, .centertable th { word-wrap: break-word; }
  }
  
  
  
  
  /* Centre images and text as divs. thanks to Croq on discord! */
  
  .boxfix {
      display: flex;
      flex-direction: row;
      align-items:center;
  }
  .boxfixtext {
      align-self: center;
  }
  
  @media (max-width:768px){
      .boxfix {flex-direction: column;}
  }
  
  
  /* Missing person notice */
  
  .missingbox {
      border:solid 1px #999999;
      background: #acacacff;
      padding:25px;
      margin-bottom: 25px;
      width: 80%;
      margin-left: auto;
      margin-right: auto;
  }
  
  .redrect { /* derivative of Wackdogs code */
      width: 100%;
      background: #611414ff;
      color: white;
      height: 3em;
      display: flex;
      align-items: center;
      justify-content: center;
      margin: auto;
      font-size: 2em;
      font-weight: bolder;
  }
  
  .missingphoto {
      min-width: 242px;
      max-width: 283px;
  }
  
  .garda {
      min-width: 95px;
      max-width: 105px;
  }
  
  .missinglow {
      display: flex;
      align-items: stretch;
  }
  
  .missinglowup {
      width: 40%;
      margin-right: 0.5em;
      align-self: center
  }
  
  .missinglowin {
      display: flex;
      align-items: stretch;
      flex-direction: row;
  }
  
  @media (max-width:765px){
      .missinglow {flex-direction: column;}
      .missinglowup {width: 95%; margin-right: 0;}
      .missinglowin {align-items: left}
  }
  
  
  /* reflist */
  
  .hanging {
  p {
      padding-left: 5em;
      margin-top: 0px;
      margin-bottom: 0px;
  }
  
  p::first-letter {
      margin-left: -5em;
  }
  }
  
  
  
  /* MI666 parts. Shamelessly stolen from Tserlece and Stormbreath*/
  
  div.mi666 {
      width: 90%;
      margin: 1em auto 1em auto;
      padding: 1em;
      border: 3px solid #DD6161;
      box-shadow: 3px 3px 5px rgba(100,0,0,.5);
      font-family: "Nanum Gothic", Arial, sans-serif;
      display: block;
      background-color:white;
  
  }
  
  .mi666 span {
      word-break: normal;
      line-height: 150%;
  }
  
  /* responsive @medias */
  
  @media only screen and (max-width: 768px) {
    .desktoponly {
      display: none;
    }
  }
  
  @media only screen and (min-width: 769px) {
    .mobileonly {
      display: none;
    }
  }
  
  /* Autopsy courtesy of Wackdog (more like wackGOAT)*/
  
  .checkrow>p {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .2rem 3rem;
    font-size: 0;
  }
  
  .checkrow>p>span {
    font-size: 1rem;
  }
  
  .checkrow .label {
    flex: 0 0 auto;
    white-space: nowrap;
    font-weight: 700;
  }
  
  .checkrow .opt {
    text-align: center;
    overflow-wrap: anywhere;
  }
  
  .checkrow>p br {
    display: none;
  }
  
  @media (max-width: 770px) and (min-width: 300px) {
    .checkrow .label {
      flex: 1 1 100%;
      text-align: center;
    }
  
    .checkrow .opt {
      flex: 1 1 calc(50% - .5rem);
      min-width: 0;
    }
  
    .checkrow>p {
      gap: .2rem 1rem;
    }
  }
  
  @media (max-width: 299px) {
    .checkrow .opt {
      flex: 1 1 100%;
      min-width: 0;
      text-align: left;
    }
  }
  

  Pages using this styling

  • fragment:9000contestbaddata-1 [info]

  ¶ 1 occurrence
  

  
  
  
  /* Indent. Thanks FireTamer for the code! */
  .firetamer {
      padding-left: 5px;
      border-left: thin solid #abaaab;
      margin-left: 2vh;
  }
  
  .firetamer2 {
      padding-left: 5px;
      border-left: thin solid black;
      margin-left: 2vh;
  }
  
  
  
  
  /* telegram */
  
  .papercontainer { /* Wackdog made this good! */
      display: grid;
      grid-template-columns: 1fr 0.5fr 0.5fr 4fr 0.5fr 0.5fr 1fr;
      grid-template-rows: min-content min-content min-content 1fr min-content min-content min-content min-content;
      row-gap: 0;
  }
  
  .papercontainer .tight{
    line-height: 1;
    padding: 0;
    white-space: nowrap;
  }
  .papercontainer .tight > *{ margin: 0; }
  
  .papercontainer .right{ justify-self: end; }
  
  .papercontainer .vline{
    grid-row: 1 / -1;
    grid-column: var(--at)/var(--at);
    border-left: var(--w,1px) solid var(--c,#999);
    pointer-events:none; z-index:1;
  }
  .papercontainer .hline{
    grid-column: 1 / -1;
    grid-row: var(--at)/var(--at);
    border-top: var(--w,1px) solid var(--c,#999);
    pointer-events:none; z-index:1;
  }
  
  .papercontainer{ max-width:100%; }                       
  .papercontainer *{ overflow-wrap:anywhere; word-break:break-word; }  
  
  @media (max-width:768px){
    .papercontainer .tight{ white-space:normal; }
    #page-content{ overflow-x:hidden; }                     
  } 
  
  @media (max-width: 768px) {
      .papercontainer {
          display: grid;
          grid-template-columns: repeat(6, 1fr);
          grid-template-rows: min-content, min-content, 1fr, 0.6fr, 0.1fr, 0.8fr, 0.8fr, min-content;
          row-gap: 0;
      }
  }
  
  /* email */
  
  
  
  .email-example .collapsible-block-folded a.collapsible-block-link {
      animation: blink 0.8s ease-in-out infinite alternate;
  }
  @keyframes blink {
      0% { color: transparent; }
      50%, 100% { color: #b01; }
  }
  .email {border: solid 2px #000000; width: 88%; padding: 1px 15px; margin: 10px; box-shadow: 0 1px 3px rgba(0,0,0,.5)}
  .email-example a.collapsible-block-link {font-weight: bold;}
  .tofrom {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px maroon}
  
  
  
  /* Image block fix to prevent overlap with ACS module. Thanks to BlueEyedFox_ on discord! */
  
  .scp-image-block.block-right {
      position: relative;
      top: 15px;
  }
  
  
  
  /* Notice top instructions */
  
  .outerform { /*thanks to hcina from discord for this! */
      border:solid 1px #999999;
      background:#fcf4c7;
      padding:25px;
      margin-bottom: 25px;
  }
  
  .rectangle { /* thanks to wackdog from discord for this! */
      width: 100%;
      background: #000000;
      height: 3.5em;
      display: flex;
      align-items: center;
      justify-content: center;
      margin: auto;
  }
  
  
  
  /* Tables (except hcina) */
  
  .centertable {
      border-collapse:collapse;
      max-width: 800px;
      margin-left: auto;
      margin-right: auto;
      margin-bottom: 50px;
  }
  .darkcell {
      font-weight:bold;
      padding: .3em .7em;
      text-align: center;
      border: 1px solid black;
      background-color: silver;
  }
  .lightcell {
      padding: .3em .7em;
      border: 1px solid black;
  }
  .oldtext {
      color: lightslategrey;
      font-style: italic;
  }
  
  /* additional table stuff from Wackdog */
  
  .centertable { width:100%; border-collapse:collapse; }
  .centertable img { max-width:100%; height:auto; }
  
  @media (min-width: 769px) {
      .centertable {
          width: 50%;
      }
  }
  
  @media (min-width: 769px) {
    .cell--image { display: table-cell; }
    .mobile-img { display: none; }
  }
  
  @media (max-width: 768px) {
    .cell--image { display: none; }
    .scp-image-block.block-right{ float:none; }
    .mobile-img { 
      display: block; 
      margin: 0 auto 30px; 
  
  }
    .centertable { table-layout: fixed; }
    .centertable td, .centertable th { word-wrap: break-word; }
  }
  
  
  
  
  /* Centre images and text as divs. thanks to Croq on discord! */
  
  .boxfix {
      display: flex;
      flex-direction: row;
      align-items:center;
  }
  .boxfixtext {
      align-self: center;
  }
  
  @media (max-width:768px){
      .boxfix {flex-direction: column;}
  }
  
  
  /* Missing person notice */
  
  .missingbox {
      border:solid 1px #999999;
      background: #acacacff;
      padding:25px;
      margin-bottom: 25px;
      width: 80%;
      margin-left: auto;
      margin-right: auto;
  }
  
  .redrect { /* derivative of Wackdogs code */
      width: 100%;
      background: #611414ff;
      color: white;
      height: 3em;
      display: flex;
      align-items: center;
      justify-content: center;
      margin: auto;
      font-size: 2em;
      font-weight: bolder;
  }
  
  .missingphoto {
      min-width: 242px;
      max-width: 283px;
  }
  
  .garda {
      min-width: 95px;
      max-width: 105px;
  }
  
  .missinglow {
      display: flex;
      align-items: stretch;
  }
  
  .missinglowup {
      width: 40%;
      margin-right: 0.5em;
      align-self: center
  }
  
  .missinglowin {
      display: flex;
      align-items: stretch;
      flex-direction: row;
  }
  
  @media (max-width:765px){
      .missinglow {flex-direction: column;}
      .missinglowup {width: 95%; margin-right: 0;}
  }
  
  
  /* reflist */
  
  .hanging {
  p {
      padding-left: 5em;
      margin-top: 0px;
      margin-bottom: 0px;
  }
  
  p::first-letter {
      margin-left: -5em;
  }
  }
  
  
  
  /* MI666 parts. Shamelessly stolen from Tserlece and Stormbreath*/
  
  div.mi666 {
      width: 90%;
      margin: 1em auto 1em auto;
      padding: 1em;
      border: 3px solid #DD6161;
      box-shadow: 3px 3px 5px rgba(100,0,0,.5);
      font-family: "Nanum Gothic", Arial, sans-serif;
      display: block;
      background-color:white;
  
  }
  
  .mi666 span {
      word-break: normal;
      line-height: 150%;
  }
  
  /* responsive @medias */
  
  @media only screen and (max-width: 768px) {
    .desktoponly {
      display: none;
    }
  }
  
  @media only screen and (min-width: 769px) {
    .mobileonly {
      display: none;
    }
  }
  
  /* Autopsy */
  

  Pages using this styling

  • fragment:9000contestbaddata-0 [info]

  ¶ 1 occurrence
  

  
  div.terminal{
      border: 1px solid black;
      border: solid 4px #d40424;
      border-radius: 16px;
      background-color: #131;
      /* black shadow at the top of the terminal */
      background-image:
          radial-gradient(ellipse 1000% 100% at 50% 90%, transparent, #121);
      background-position: center;
      display: block;
      /* shadow around the terminal */
      box-shadow: inset 0 0 10em 1em rgba(0,0,0,0.5);
      /* prevents scanline from forming a scrollwheel */
      overflow:hidden;
  }
  div.terminal blockquote {
      background-color: black;
      border: double 3px #80FF80
  }
  div.scanline{
      margin-top: -40%;
      width: 100%;
      height: 60px;
      position: relative;
      pointer-events: none;
      /* Safari 4.0 - 8.0 */
      -webkit-animation: scan 12s linear 0s infinite; /* You may need to change this. If the bar goes by too quickly, increase 5s. */
      animation: scan 12s linear 0s infinite; /* Same as above */
      background: linear-gradient(to bottom, rgba(56, 112, 82,0), rgba(56, 112, 82,0.1)) !important;
  }
  
  div.text{
      color: rgba(128,255,128,0.8);
      padding: 40% 2em 0;
      font-family: monospace;
      font-size: 1.0em;
  }
  
  /* Safari 4.0 - 8.0 */
  @-webkit-keyframes scan{
      from{ transform: translateY(-10%);}
      to{  transform: translateY(5000%);} /* You may need to change this depending on the length of your terminal. If the scanline stops halfway, increase the second number.*/
  }
  
  @keyframes scan{
      from{ transform: translateY(-10%);}
      to{  transform: translateY(5000%);} /* Same as above.*/
  }
  
  div.text a {
      color: #90EE90;
      text-decoration: none;
      background: transparent;
  }
  div.text a.newpage {
      color: #90EE90;
      text-decoration: none;
      background: transparent;
  }
  div.text a:hover {
      color: #131;
      text-decoration: underline;
      background-color: #80FF80;
      padding: 1px;
  }
  div.text a:hover::before{
      content: "> ";
  }
  
  .danke {
      padding: 5px;
      margin-bottom:10px;
      font-family: monospace;
      font-size: 1.1em;
  }
  
  .agent {
      background-color:#002200;
      border: 3px solid #55AA55;
      color: #77CC77;
  }
  
  .site {
      background-color:#222200;
      border: 3px solid #AAAA55;
      color: #DDDD77;
  }

  Pages using this styling

  • fragment:9000contestampyrreference-2 [info]

  ¶ 1 occurrence
  

  :root {
      --header-title: "SCP Foundation";
      --header-subtitle: "Integration Program Database";
      --bright-accent: 0, 109, 255;
      --medium-accent: 0, 63, 197;
      --dark-accent: 0, 22, 142;
      --link-color: var(--medium-accent);
  }
  
  .collapsible-block {
      display: block;
      padding: 0.75em;
      text-align: center;
      background-color: #dfdfdf;
      border-top: 0.125rem dashed #00158e;
      border-bottom: 0.125rem dashed #00158e;
  }
  

  Pages using this styling

  • fragment:8672-1 [info]

  ¶ 1 occurrence
  

  div.scale {
    --woedbar-lvl4-color: #990000;
  }

  Pages using this styling

  • fragment:8672-0 [info]

  ¶ 1 occurrence
  

  .collapsible-block {
    all: unset !important;
    display: block !important;
  }
  
  .collapsible-block .collapsible-block-content {
    all: unset !important;
  }
  
  #page-content hr{
       display: block;
       background: crimson;
       border: 0;
       padding: 0;
       margin: 1em 0;
       height: 1px;
  }
  
  .email{
      background-image: url(https://scp-wiki.wdfiles.com/local--files/the-great-hippo/SCP_icon%281%29.png);
      background-position: top 7.5px right 7.5px;
      background-size: 70px;
      background-color: white;
      background-repeat: no-repeat;
      border: solid 3px black;
      padding: 1px 15px;
      margin: auto;
      margin-top: 10px;
      margin-bottom: 10px;
      width: 85%;
  }
  
  .email-ethics{
      background-image: url(https://scp-wiki.wdfiles.com/local--files/fragment%3Ascp-6113-1/HR-edit.png);
      background-position: top 7.5px right 7.5px;
      background-size: 70px;
      background-color: white;
      background-repeat: no-repeat;
      border: solid 3px black;
      padding: 1px 15px;
      margin: auto;
      margin-top: 10px;
      margin-bottom: 10px;
      width: 85%;
  }

  Pages using this styling

  • fragment:8672-0 [info]

  ¶ 1 occurrence
  

  :root {
  --accent: 75, 156, 211;
  }
  
  /* ---- Blinking Text Cursor (Adapted From 'Your Very First SCP!') ---- */
   .blinkbar{color: black; animation: blink 1.5s infinite;}
   @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; }}

  Pages using this styling

  • fragment:8000contestwinkwonkboi-0 [info]

  ¶ 1 occurrence
  

  
  
  :root {
      --title: "Area-55";
      --subtitle: "Even Divinity may die";
  }
  
  
  body {
  
      background-image: url(https://upload.wikimedia.org/wikipedia/commons/thumb/6/6a/The_Skies_of_Fire.jpg/800px-The_Skies_of_Fire.jpg?20211028181641);
      background-attachment: fixed;
      background-size: cover;
  }
  
  body:before {
    content: ' ';
    position: fixed;
    display: block;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(170deg, transparent, rgb(0, 0, 0) 70%, rgb(0, 0, 0) 60%, rgb(0, 0, 0) 100%);
    z-index: -1;
    color:#EDEDED;
  }
  

  Pages using this styling

  • fragment:8000contestroufhous3 [info]

  ¶ 1 occurrence
  

  
  
  :root {
      --title: "Area-55";
      --subtitle: "'The Madhous'";
  }
  
  
  body {
  
      background-image: url(https://images-ext-2.discordapp.net/external/R8-cXE6-lJc0ettJA0ln1fWpGJsd87cqYzfHXGCQwzs/https/upload.wikimedia.org/wikipedia/commons/thumb/8/8c/NASA%25E2%2580%2599s_Webb_Reveals_Cosmic_Cliffs%252C_Glittering_Landscape_of_Star_Birth_-_Flickr_-_James_Webb_Space_Telescope_%25281%2529.png/1200px-NASA%25E2%2580%2599s_Webb_Reveals_Cosmic_Cliffs%252C_Glittering_Landscape_of_Star_Birth_-_Flickr_-_James_Webb_Space_Telescope_%25281%2529.png?format=webp&quality=lossless);
      background-attachment: fixed;
      background-size: cover;
  }
  
  body:before {
    content: ' ';
    position: fixed;
    display: block;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(170deg, transparent, rgb(0, 0, 0) 65%, rgb(0, 0, 0) 65%, rgb(0, 0, 0) 100%);
    z-index: -1;
    color:#EDEDED;
  }
  

  Pages using this styling

  • fragment:8000contestroufhous2 [info]

  ¶ 1 occurrence
  

  :root {
    --header-title: "Area-55";
    --header-subtitle: "'The Madhous'";
    --accentColor: #750103;
  }

  Pages using this styling

  • fragment:8000contestroufhous1 [info]

  ¶ 1 occurrence
  

  #page-content .introonly {
    display: block !important;
  }

  Pages using this styling

  • fragment:8000contestplaces4-2 [info]

  ¶ 1 occurrence
  

  @import url(https://scp-wiki.wdfiles.com/local--code/scp-8888/2);
  
  :root {
    --backdrop: url(https://scp-wiki.wdfiles.com/local--files/scp-8888/woweezoomama.gif);
  }

  Pages using this styling

  • fragment:8000contestplaces4-1 [info]

  ¶ 1 occurrence
  

  @import url(https://scp-wiki.wdfiles.com/local--code/scp-8888/2);
  
  :root {
    --backdrop: url(https://scp-wiki.wdfiles.com/local--files/scp-8888/wowee.png);
  }
  
  #page-content .introonly {
    display: block !important;
  }

  Pages using this styling

  • fragment:8000contestplaces4-0 [info]

  ¶ 1 occurrence
  

  /* Section Header */
  .orderwrapper {
     position: relative;
     width: auto;
     text-align: center;
  }
  .council1 {
     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-8018/scp_light.png" );
     background-size: 295px 295px;
     background-repeat: no-repeat;
     background-position: center;
  }
  .ordertitle {
     position: absolute;
     left: 0;
     right: 0;
     top: 38px;
  }
  .ordertitle h1 {
     font-size: 220%;
     color: #8B0000;
  }
  .orderdescription {
     position: absolute;
     left: 0;
     right: 0;
     top: 85px;
     width: 100%;
  }
  .orderdescription p {
     font-size: 90%;
     color: #555;
  }
  .orderdescription h1 {
     font-size: 120%;
     color: #8B0000;
  }
  .itemno {
     position: absolute;
     left: 0;
     right: 0;
     bottom: 27px;
  }
  .itemno h1 {
     font-size: 170%;
     color: #8B0000;
  }
  /* New banner */
  .widebox {
      background-image: url(https://scp-wiki.wdfiles.com/local--files/scp-8018/Banner_Legacy.png);

  Pages using this styling

  • fragment:8000contestitsdenali-7 [info]

  ¶ 1 occurrence
  

  /* Section Header */
  .orderwrapper {
     position: relative;
     width: auto;
     text-align: center;
  }
  .council1 {
     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-8018/scp_light.png" );
     background-size: 295px 295px;
     background-repeat: no-repeat;
     background-position: center;
  }
  .ordertitle {
     position: absolute;
     left: 0;
     right: 0;
     top: 38px;
  }
  .ordertitle h1 {
     font-size: 220%;
     color: #8B0000;
  }
  .orderdescription {
     position: absolute;
     left: 0;
     right: 0;
     top: 85px;
     width: 100%;
  }
  .orderdescription p {
     font-size: 90%;
     color: #555;
  }
  .orderdescription h1 {
     font-size: 120%;
     color: #8B0000;
  }
  .itemno {
     position: absolute;
     left: 0;
     right: 0;
     bottom: 27px;
  }
  .itemno h1 {
     font-size: 170%;
     color: #8B0000;
  }

  Pages using this styling

  • fragment:8000contestitsdenali-6 [info]

  ¶ 1 occurrence
  

  /* New banner */
  .widebox {
      background-image: url(https://scp-wiki.wdfiles.com/local--files/scp-8018/Banner_Abdicate.png);

  Pages using this styling

  • fragment:8000contestitsdenali-5 [info]

  ¶ 1 occurrence
  

  /* New banner */
  .widebox {
      background-image: url(https://scp-wiki.wdfiles.com/local--files/scp-8018/Banner_Ascension.png);
  }

  Pages using this styling

  • fragment:8000contestitsdenali-4 [info]

  ¶ 1 occurrence
  

  .widebox {
     background-image: url(https://scp-wiki.wdfiles.com/local--files/scp-8018/Banner_Church.png)

  Pages using this styling

  • fragment:8000contestitsdenali-3 [info]

  ¶ 1 occurrence
  

  .orderwrapper {position: relative;width: auto;text-align: center;}.council1 {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-8018/scp_trans.png");background-size: 295px 295px;background-repeat: no-repeat;background-position: center;}.ordertitle {position: absolute;left: 0;right: 0;top: 38px;}.ordertitle h1 {font-size: 220%;color: #555;}.orderdescription {position: absolute;left: 0;right: 0;top: 85px;width: 100%;}.orderdescription p {font-size: 90%;color: #555;}.orderdescription h1 {font-size: 120%;color: #555;}.itemno {position: absolute;left: 0;right: 0;bottom: 27px;}.itemno h1 {font-size: 170%;color: #555;}

  Pages using this styling

  • fragment:8000contestitsdenali-2 [info]

  ¶ 1 occurrence
  

  
  .info-container .collapsible-block-folded a{
  color: #FFF;}
  .info-container .collapsible-block-unfolded-link a{
  color: #FFF;
  }
  
  #page-content > .collapsible-block {
      display: block;
      text-align: center;
      padding: .8em;
      background-color: #e3e3e3;
      border-top: 0.125rem dashed #b5b5b5;
      border-bottom: 0.125rem dashed #b5b5b5;
  }
  
  #page-content > .collapsible-block .collapsible-block-content {
      text-align: left;
  }
  
  #page-content .license-box .collapsible-block {
  
      display: unset;
  
      text-align: unset;
  
      padding: unset;
  
      background-color: unset;
  
      border-top: unset;
  
      border-bottom: unset;
  
  }
  
  
  
  #page-content .license-box .collapsible-block .collapsible-block-content {
  
      text-align: unset;
  
  }
  
  blockquote,
  div.blockquote {
      border: 0.125rem solid #d4d4d4;
      background-color: #F5F5F5;
  }
  
  .interview{
      border:solid 2px #d4d4d4;
      text-align: left;
      background:#F5F5F5;
      width:90%;
      padding:1px 15px;
      margin: 10px auto;
  }
  
  
  .wrapper{
      display: block;
      text-align: center;
      padding: .8em;
      background-color: #e3e3e3;
      border-top: 0.125rem dashed #b5b5b5;
      border-bottom: 0.125rem dashed #b5b5b5;
  }
  
  
  
  #page-title{display:none}
  

  Pages using this styling

  • fragment:8000contestdysadron-3 [info]

  ¶ 1 occurrence
  

  
  .info-container .collapsible-block-folded a{
  color: #FFF;}
  .info-container .collapsible-block-unfolded-link a{
  color: #FFF;
  }
  
  #page-content > .collapsible-block {
      display: block;
      text-align: center;
      padding: .8em;
      background-color: #e3e3e3;
      border-top: 0.125rem dashed #b5b5b5;
      border-bottom: 0.125rem dashed #b5b5b5;
  }
  
  #page-content > .collapsible-block .collapsible-block-content {
      text-align: left;
  }
  
  #page-content .license-box .collapsible-block {
  
      display: unset;
  
      text-align: unset;
  
      padding: unset;
  
      background-color: unset;
  
      border-top: unset;
  
      border-bottom: unset;
  
  }
  
  
  
  #page-content .license-box .collapsible-block .collapsible-block-content {
  
      text-align: unset;
  
  }
  
  blockquote,
  div.blockquote {
      border: 0.125rem solid #d4d4d4;
      background-color: #F5F5F5;
  }
  
  .interview{
      border:solid 2px #d4d4d4;
      text-align: left;
      background:#F5F5F5;
      width:90%;
      padding:1px 15px;
      margin: 10px auto;
  }
  
  .wrapper{
      display: block;
      text-align: center;
      padding: .8em;
      background-color: #e3e3e3;
      border-top: 0.125rem dashed #b5b5b5;
      border-bottom: 0.125rem dashed #b5b5b5;
  }
  
  
  
  #page-title{display:none}
  

  Pages using this styling

  • fragment:8000contestdysadron-2 [info]

  ¶ 1 occurrence
  

  .w-container {
    padding: 14px;
    margin-bottom: 16px;
    margin-top: 16px;
    border: 1px #bbbbbb solid;
    box-shadow: 1px 2px 2px 0 rgba(0,0,0,0.16);
    box-sizing: border-box;
  }
  .cell-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
    overflow: hidden;
    font-size: small;
    margin-bottom: -8px;
    margin-top: -8px;
    padding: 0px;
  }
  .cell-container-image {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
    overflow: hidden;
    font-size: small;
    margin-bottom: -8px;
    margin-top: -8px;
    padding: 0px;
    background-size: 45px, contain;
    background-repeat: no-repeat;
    background-position: 50%,50%;
    background-image: url("DunwichFinal.png");
  }
  
  .s-cell {
    width: 50%;
    font-size: 15px;
    margin-top: -0.4rem;
    margin-bottom: -0.8rem;
  }
  @media (max-width: 350px) {
  .cell-container-image {
     font-size: 12px;
  }
  .s-cell{
     font-size: 12px;
  }
  }
  .desktop-aim{
  }
  .mobile-aim{
  }
  
  @media (max-width: 600px) {
  .desktop-aim{
     display: none;
  }
  }
  @media (min-width: 601px) {
  .mobile-aim{
     display: none;
  }
  }

  Pages using this styling

  • fragment:8000contestdrmoned-0 [info]

  ¶ 1 occurrence
  

  @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,
      Altered by DrClef
      CC BY-SA 3.0
  */
   
  /* FONTS AND COLORS */
   
  :root {
      --bg-light: #000000;
      --bg: #000000;
      --bg-dark: #000000;
   
      --fg-light: #FF6161; 
      --fg:  #FF6161;
      --fg-dark: #FF6161;
   
      --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(http://scp-wiki.wikidot.com/local--files/scp-8009/DARD.png) 10px 40px no-repeat;
      background-size: 8rem;
  }
   
  div#header h1 a span {
      /* hiding header text */
      font-size: 0px;
      color: transparent;
  }
   
  div#header h1 a::before {
      content: "In The Unifier's Name";
      color: #9e0000;
  }
   
  div#header h2 span {
      font-size:0px;
      padding: 4px;
  }
   
  div#header h2::before {
      content: "Let All Become One";
      font-weight: bold;
      color: #9e0000;
      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,
  #interwiki a,
  #interwiki a:visited {
      color: var(--fg-dark);
  }
   
  div#side-bar div.side-block,
  #interwiki 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,
  #interwiki div.side-block div.heading,
  div#side-bar .collapsible-block-unfolded-link,
  div#side-bar .collapsible-block-unfolded-link .collapsible-block-link {
      color: rgb(255, 224, 135);
      border-color: rgb(255, 224, 135);
  }
   
  #side-bar .collapsible-block-unfolded-link .collapsible-block-link:hover {
      color: var(--fg-dark);
  }
   
  /* Recolors the Translation Module */
  #interwiki .menu-item img {
      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);
  }
   
  div.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);
    }
  }

  Pages using this styling

  • fragment:8000contestdrclef-3 [info]

  ¶ 1 occurrence
  

  
  
  /*
      None CSS with Left Beef
      [2019 Wikidot Theme]
      Created by stormbreath.
  */
   
  /* LINKS */
  a {
      color: #0645AD;
  }
   
  a.newpage {
      color: #CC2200;
  }
   
   a:visited {
       color: #0B0080;
  }
   
  #side-bar a,
  #interwiki a {
       color: black
  }
   
  #side-bar a:visited,
  #interwiki a:visited {
       color: black;
  }
   
  /* REMAKE THE HEADER */
  h1, #page-title {
      color: black;
  }
   
  #page-title {
      border-color: black;
  }
   
  div#container-wrap {
      background: none;
  }
   
  div#extra-div-1 {
      height: 22px;
      width: 100%;
      top: 140px;
      position: absolute;
      background: black;
  }
   
  #header {
      background-image: url('http://scp-wiki.wikidot.com/local--files/scp-8009/Illyriel.png');
      background-size: 8rem;
  }
  
  #header h1 a::before {
      content: "From The Celestial Archives";
      color: black;
  }
   
  #header h2 span::before {
      content: "Of the Covenant of Illyriel";
      color: black;
  }
   
  @media (max-width: 580px) and (min-width: 480px) {
      #header {
          background-position: 0.5em 4.5em;
          background-size: 66px 66px;
      }
  }
   
  @media (max-width: 479px) {
      #header {
          background-position: 0 5.5em;
          background-size: 55px 55px;
      }
  }
   
  #header h1 a {
      color: transparent;
      text-shadow: none;
  }
   
  #header h2 span {
      color: transparent;
      text-shadow: none;
  }
   
  /* SIDE-BAR */
  #side-bar .side-block,
  #interwiki .side-block {
      background-color: white !important;
      border-color: transparent;
      border-radius: 0px;
      box-shadow: none;
  }
   
  #side-bar .heading,
  #interwiki .heading {
      color: black;
      border-bottom: solid 1px black;
  }
   
  @media (max-width: 767px) {   
      #side-bar {
           background-color: white;
      }
   
      #side-bar:target .close-menu {
           background: none;
      }
  }
   
  #side-bar .collapsible-block-unfolded-link {
      border-bottom: solid 1px black;
  }
   
  #side-bar .collapsible-block-unfolded-link .collapsible-block-link,
  #side-bar .collapsible-block-unfolded-link .collapsible-block-link:hover {
      color: black;
  }
   
  #interwiki .menu-item img{
      filter: grayscale(100%) saturate(0%);
  }
   
  /* TOP-BAR */
  #top-bar ul li ul {
      border: solid 1px black;
  }
  #top-bar ul li.sfhover ul li a,
  #top-bar ul li:hover ul li a {
      border-top: 1px solid white;
  }
   
  #top-bar ul li.sfhover a,
  #top-bar ul li:hover a {
      background: white;
      color: black;
  }
  #top-bar ul li ul a, #top-bar a:hover {
      color: black;
  }
  #top-bar ul li.sfhover a:hover,
  #top-bar ul li:hover a:hover {
      background: black;
      color: white; /* top bar hover background color */
  }
   
  /* RATING MODULE */
  div.page-rate-widget-box .rate-points {
      background-color: black;
      border: solid 1px black;
      text-transform: capitalize;
  }
   
  .page-rate-widget-box .rateup,
  .page-rate-widget-box .ratedown {
      background-color: black;
      border-top: solid 1px black;
      border-bottom: solid 1px black;
  }
   
  .page-rate-widget-box .rateup a,
  .page-rate-widget-box .ratedown a {
      background: transparent;
      color: white;
  }
   
  .page-rate-widget-box .rateup a:hover,
  .page-rate-widget-box .ratedown a:hover {
      background: white;
      color: black;
  }
   
  .page-rate-widget-box .cancel {
      background-color: black;
      border: solid 1px black;
  }
   
  .page-rate-widget-box .cancel a {
      color: white;
  }
   
  .page-rate-widget-box .cancel a:hover {
      background: white;
      color: black;
  }
   
  #page-content .rate-box-with-credit-button {
      background-color: black;
      border: 1px solid black;
      border-radius: 5px !important;
      box-shadow: 1px 1px 3px rgba(0,0,0,.5);
  }
   
  .rate-box-with-credit-button .page-rate-widget-box .cancel a:hover {
      border-radius: 0;
  }
   
  #page-content .rate-box-with-credit-button .creditButton p a {
      border-left-color: transparent;
  }
   
  #page-content .rate-box-with-credit-button .fa-info:hover {
       color: black;
       background-color: white;
  }
   
  #page-content .modalbox {
      box-shadow: 0 2px 6px rgba(102, 102, 102, .5);
  }
   
  .close-credits,
  .credit-back {
      filter: hue-rotate(260deg);
  }
   
  /* PAGE ELEMENTS */
  blockquote,
  div.blockquote,
  #toc,
  .code {
       background-color: white;
  }
   
  .scp-image-block {
      border: solid 1px black;
      box-shadow: none;
  }
  .scp-image-block .scp-image-caption {
      border-top: solid 1px black !important;
      color: black;
  }
   
  /* RECOLOR THE SEARCH BAR */
  #search-top-box-input {
      border-color: black;
      color: black !important;
      background-color: white;
  }
   
  #search-top-box-input:hover,
  #search-top-box-input:focus {
      background-color: white;
      border-color: black;
  }
   
  #search-top-box-form input[type=submit] {
      border: solid 1px black;
      color: black;
      background-color: white;
      background: white;
  }
   
  #search-top-box-form input[type=submit]:hover,
  #search-top-box-form input[type=submit]:focus {
      border: solid 1px black;
      background-color: white;
      background: white;
      color: black;
  }
   
  /* LOGIN STUFF */
  #login-status {
      color: black;
      filter: grayscale(100%) saturate(0%);
      -webkit-filter: grayscale(100%) saturate(0%);
  }
   
  #login-status a {
      color: black;
  }
   
  #login-status ul a {
      color: black;
  }
   
  #account-topbutton {
       background: #ccc;
       color: black;
  }
   
  /* HOVER THINGIES */
  .hovertip {
       background: white !important;
  }
   
  /* FOOTER  */
  #footer {
      background: black;
      color: white;
  }
   
  /* TABS */
  .yui-navset .yui-nav,
  .yui-navset .yui-navset-top .yui-nav {
      border-color: transparent; /* color between tab list and content */
  }
   
  .yui-navset .yui-nav a,
  .yui-navset .yui-navset-top .yui-nav a {
      background: white; /* tab background */
      border-color: white;
      color: black;
      transition: 0.125s;
  }
   
  .yui-navset .yui-nav a em {
      background: white;
      box-shadow: 0px 1px 2px rgba(0,0,0,0.7);
      border-color: white;
  }
   
  .yui-navset .yui-nav .selected a,
  .yui-navset .yui-nav .selected a:focus,
  .yui-navset .yui-nav .selected a:hover {
      background: white; /* selected tab background */
      color: black;
  }
   
  .yui-navset .yui-nav a:hover,
  .yui-navset .yui-nav a:focus {
      background: white;
  }
   
  .yui-navset .yui-nav .selected a,
  .yui-navset .yui-nav .selected a em {
      border-color: transparent;
      box-shadow: 0px 1px 2px 0.5px rgba(0,0,0,0.5);
      background: white;
  }
   
  .yui-navset .yui-content {
      background: transparent; /* content background color */
  }
   
  .yui-navset .yui-content,
  .yui-navset .yui-navset-top .yui-content {
      border-color: transparent; /* content border */
      border-top-color: transparent; /* different border color */
  }
   
  .yui-navset-left .yui-content {
      border-left-color: #b7a9a9; /* different border color */
  }
  
  body {
      background: rgb(227, 234, 240);
  

  Pages using this styling

  • fragment:8000contestdrclef-2 [info]

  ¶ 1 occurrence
  

  @import url("https://use.typekit.net/mst2dnj.css");
   
  @supports(display: grid) {
   
      :root {
          /* S-CSS-P Integration */
          /* If you're making a new CSS theme, please include the following three variables at minimum. */
          --theme-base: "black-highlighter";
          /* must be either "black-highlighter" or "sigma9" */
          --theme-id: "ouroborous-theme";
          /* set this to the URL of your theme's page - eg for "component:ar-theme", set it to "ar-theme" */
          --theme-name: "Ouroborous Theme";
          /* set this to your theme's full name */
   
          --header-title: "THE FOUNDATION";
          --header-subtitle: "Sons of Solomon";
   
          /* Header */
          --logo-image: url("https://scp-wiki.wdfiles.com/local--files/theme%3Aouroborous-theme/ouroborous_logo.svg");
   
          /* Typefaces */
          --header-font: korolev-condensed, sans-serif;
          --title-font: korolev, sans-serif;
   
          --ui-wght: 550;
          --ui-hvr-wght: 700;
   
          /* Standard Colors */
          --white-monochrome: 246, 246, 246;
          /* white */
          --pale-gray-monochrome: 244, 244, 244;
          /* v light gray for blockquotes and stuff */
          --light-pale-gray-monochrome: 244, 244, 244;
          /* very light pale gray for misc. use */
          --very-light-gray-monochrome: 215, 215, 215;
          --light-gray-monochrome: 133, 133, 133;
          /* light accent gray for login status */
          --gray-monochrome: 66, 66, 66;
          /* gray */
          --dark-gray-monochrome: 59, 59, 59;
          /* dark accent gray for sidebar background */
          --black-monochrome: 15, 5, 5;
          /* black */
          --bright-accent: 185, 5, 4;
          /* bright red */
          --medium-accent: 140, 20, 25;
          /* medium red */
          --dark-accent: 153, 1, 0;
          /* dark red */
          --newpage-color: 221, 102, 17;
          /* pale orange */
   
          /* Primary Text Colors */
          --swatch-text-general: var(--swatch-text-light);
   
          /* Primary Menu Colors */
          --swatch-menutxt-general-color: var(--swatch-menutxt-light-color);
          --swatch-menubg-color: var(--black-monochrome);
          --swatch-border-color: var(--swatch-menubg-black-color);
          --sidebar-links-text: var(--swatch-menutxt-light-color);
   
          /* Primary Theme Colors */
          --swatch-background: var(--black-monochrome, 26, 25, 24);
   
          /* ===SECONDARY & TERTIARY COLORS=== */
          /* Colors for Secondary & Tertiary items like Blockquote and YUI Tabs */
          --swatch-secondary-color: var(--swatch-menubg-dark-color);
          --swatch-tertiary-color: var(--swatch-menubg-light-color);
          --swatch-alternate-color: var(--swatch-background);
   
          /* Text Colors for Secondary & Tertiary items like Sidebar Headers and Top-Bar Menu Text */
          --swatch-text-secondary-color: var(--swatch-menutxt-dark-color);
          --swatch-text-tertiary-color: var(--swatch-menutxt-light-color);
   
          /* Rating Module Colors */
          --rating-module-button-color: var(--bright-accent);
          --rating-module-button-plus-color: 45, 65, 25;
          --rating-module-button-negative-color: 70, 35, 30;
          --rating-module-button-cancel-color: 50, 45, 50;
          --rating-module-button-credit-color: 50, 45, 50;
          --rating-module-text-color: var(--dark-accent);
          --rating-module-button-color: var(--dark-accent);
          --rating-module-text-hover-color: var(--swatch-menutxt-light-color);
   
          /* Background and Header Colors */
          --background-gradient-color: var(--very-light-gray-monochrome);
          --header-gradient-color-bottom: var(--bright-accent);
          --header-gradient-color-middle: var(--black-monochrome);
          --header-gradient-color-top: var(--black-monochrome);
          --background-gradient-distance: 40rem;
          --diagonal-stripes: none;
   
          --scrollbar-width: 0.5rem;
   
          /*Toggle Sidebar Button Colors*/
          --toggle-button-bg: rgb(var(--black-monochrome));
          --toggle-border-color: rgb(var(--bright-accent));
          --toggle-icon-color: rgb(var(--white-monochrome));
      }
   
      /* ===PAGE ELEMENTS COLORS=== */
      /* Colors for Buttons, Tabs, Tables, & Footnotes Hover/Modal */
      :root {
          /* ===UI BUTTON COLORS=== */
          --ui-button-bg: var(--swatch-background);
   
          /* ===TABS COLORS=== */
          --tabs-bg: var(--swatch-primary-darkest), 0.15;
   
          /* ===TABLES COLORS=== */
          --tables-header-bg: var(--swatch-primary-darkest);
          --tables-header-txt: var(--swatch-text-secondary-color);
          --tables-border: var(--swatch-primary), 0.5;
   
          /* ===FOOTNOTES HOVER BLOCK COLORS=== */
          --hoverblock-bg: var(--swatch-background);
      }
   
      #header,
      #footer,
      #license-area {
          --swatch-text-secondary-color: var(--swatch-menutxt-light-color);
      }
   
      #header {
          /* ===LOGIN BOX ELEMENT=== */
          --login-line-divider-color: var(--swatch-text-tertiary-color);
          --login-username-color: var(--swatch-text-tertiary-color);
          --login-myaccount-color: var(--swatch-text-tertiary-color);
          /* Dropdown Box when arrow is clicked */
          --login-dropdown-text-color: var(--swatch-text-tertiary-color);
          --login-dropdown-text-hover-color: var(--swatch-text-tertiary-color);
          --login-dropdown-bg-hover-color: var(--dark-accent);
      }
   
      #interwiki,
      #side-bar {
          --sidebar-links-hover-text-color: var(--swatch-menutxt-general-color);
      }
   
      ::-moz-selection {
          background: rgba(var(--swatch-primary), 1);
          color: rgb(var(--black-monochrome)) !important;
          text-shadow: none;
      }
   
      ::selection {
          background: rgba(var(--swatch-primary), 1);
          color: rgb(var(--black-monochrome)) !important;
          text-shadow: none;
      }
   
      html,
      body {
          color: rgb(var(--swatch-text-light));
      }
   
      a {
          color: rgb(var(--swatch-primary));
      }
   
      div.buttons.alignleft>input {
          cursor: pointer;
      }
   
      .autocomplete-list li {
          background-color: rgb(var(--black-monochrome)) !important;
      }
   
      .autocomplete-list li.yui-ac-highlight {
          background-color: rgb(var(--dark-accent)) !important;
          color: rgb(var(--black-monochrome)) !important;
      }
   
      #page-content a:not([href*="user"]):not([href*="javascript:;"]):not([href="/classification-committee-memo"]) {
          padding: 0.15em;
          margin: -0.15em;
          -webkit-box-decoration-break: clone;
          box-decoration-break: clone;
          box-shadow: inset 0 -0.125rem 0 0rem rgba(var(--light-gray-monochrome));
          transition:
              box-shadow 300ms cubic-bezier(0.4, 0.0, 0.2, 1),
              color 300ms cubic-bezier(0.4, 0.0, 0.2, 1),
              padding 300ms cubic-bezier(0.4, 0.0, 0.2, 1),
              margin 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
          -webkit-animation-delay: -300ms;
          animation-delay: -300ms;
          transition-delay: 300ms;
      }
   
      #page-content a:not([href*="user"]):not([href*="javascript:;"]):not([href="/classification-committee-memo"]):hover {
          padding: 0.3em 0.25em 0.2em 0.25em;
          margin: -0.25em;
          box-shadow: inset 0 -1.5em 0 0 rgba(var(--bright-accent), 0.6667);
          text-decoration: none;
          color: rgb(var(--white-monochrome));
          -webkit-animation: neondrop 1.5s cubic-bezier(0.4, 0.0, 0.2, 1) infinite alternate;
          animation: neondrop 1.5s cubic-bezier(0.4, 0.0, 0.2, 1) infinite alternate;
          -webkit-animation-delay: -300ms;
          animation-delay: -300ms;
          transition-delay: 0;
      }
   
      @supports (background-blend-mode: screen) {
          #extra-div-1 {
              width: 100%;
              height: 100%;
              position: absolute;
              top: 0;
              left: 0;
              z-index: -1;
              background-image:
                  linear-gradient(to bottom,
                      rgb(var(--black-monochrome)) 0%,
                      rgb(var(--black-monochrome)) 30%,
                      rgb(var(--dark-gray-monochrome)) 100%),
                  linear-gradient(to bottom,
                      rgb(var(--bright-accent)) var(--header-height-on-desktop),
                      rgb(var(--black-monochrome)) calc(var(--header-height-on-desktop) + 0.125rem),
                      rgb(var(--black-monochrome)) calc(100% - 0.125rem),
                      rgb(var(--black-monochrome)) calc(100% - 0.125rem),
                      rgb(var(--bright-accent)) 100%),
                  linear-gradient(to bottom,
                      rgba(var(--black-monochrome), 0) 0,
                      rgba(var(--black-monochrome), 0.5) 10rem,
                      rgba(var(--black-monochrome), 1) 25rem,
                      rgba(var(--black-monochrome), 1) 100%);
              background-size:
                  var(--header-background-image-size),
                  100% var(--final-header-height-on-desktop),
                  100% var(--background-gradient-distance);
              background-repeat: no-repeat;
              background-blend-mode: darken;
              pointer-events: none;
          }
   
          #extrac-div-1 {
              position: absolute;
              top: 0;
              left: 0;
              width: 100%;
              height: var(--background-gradient-distance);
              z-index: -2;
              background-color: rgb(var(--bright-accent));
              background-image:
                  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='50' height='40' viewBox='0 0 50 40'%3E%3Cg fill-rule='evenodd'%3E%3Cg fill='%230f0505' fill-opacity='0.1'%3E%3Cpath d='M40 10L36.67 0h-2.11l3.33 10H20l-2.28 6.84L12.11 0H10l6.67 20H10l-2.28 6.84L2.11 10 5.44 0h-2.1L0 10l6.67 20-3.34 10h2.11l2.28-6.84L10 40h20l2.28-6.84L34.56 40h2.1l-3.33-10H40l2.28-6.84L47.89 40H50l-6.67-20L50 0h-2.1l-5.62 16.84L40 10zm1.23 10l-2.28-6.84L34 28h4.56l2.67-8zm-10.67 8l-2-6h-9.12l2 6h9.12zm-12.84-4.84L12.77 38h15.79l2.67-8H20l-2.28-6.84zM18.77 20H30l2.28 6.84L37.23 12H21.44l-2.67 8zm-7.33 2H16l-4.95 14.84L8.77 30l2.67-8z' /%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
              pointer-events: none;
          }
      }
   
      #header {
          background-repeat: no-repeat;
          background-position: left 0 top 1rem;
          background-clip: border-box;
          background-size: auto calc(var(--header-height-on-desktop) - 2rem);
          -webkit-filter: initial;
          filter: initial;
      }
   
      #header h1,
      #header h2 {
          --wght: 400;
          font-weight: 400;
      }
   
      #header h1 a {
          --wght: 500;
          font-size: 175%;
          font-weight: 500;
          overflow-wrap: normal;
          padding: 0;
          margin-top: calc((var(--header-height-on-desktop) - 0.5em)/2);
          margin-left: calc(var(--header-height-on-desktop) - .75rem);
      }
   
      #header h1 a::before {
          color: rgb(255, 219, 90);
          color: rgb(var(--bright-accent));
          text-shadow: inherit;
          -webkit-animation: neon-end 300ms ease-in-out 1 normal forwards;
          animation: neon-end 300ms ease-in-out 1 normal forwards;
          transition: all 0.5s;
      }
   
      #header h1 a:hover::before,
      #header h1 a:active::before {
          -webkit-animation:
              neon-start 300ms ease-in-out 1 normal forwards,
              neon 1.5s ease-in-out 300ms infinite alternate;
          animation:
              neon-start 300ms ease-in-out 1 normal forwards,
              neon 1.5s ease-in-out 300ms infinite alternate;
      }
   
      #header h1 a:focus-within::before {
          -webkit-animation:
              neon-start 300ms ease-in-out 1 normal forwards,
              neon 1.5s ease-in-out 300ms infinite alternate;
          animation:
              neon-start 300ms ease-in-out 1 normal forwards,
              neon 1.5s ease-in-out 300ms infinite alternate;
      }
   
      #top-bar a:hover,
      #top-bar a:active {
          -webkit-animation:
              neon-start 300ms ease-in-out 1 normal forwards,
              neon 1.5s ease-in-out 300ms infinite alternate;
          animation:
              neon-start 300ms ease-in-out 1 normal forwards,
              neon 1.5s ease-in-out 300ms infinite alternate;
      }
   
      #top-bar a:focus-within {
          -webkit-animation:
              neon-start 300ms ease-in-out 1 normal forwards,
              neon 1.5s ease-in-out 300ms infinite alternate;
          animation:
              neon-start 300ms ease-in-out 1 normal forwards,
              neon 1.5s ease-in-out 300ms infinite alternate;
      }
   
      #header h2 span {
          margin-left: calc(var(--header-height-on-desktop) + 0.75rem);
      }
   
      #top-bar {
          --swatch-text-secondary-color: var(--swatch-text-tertiary-color);
      }
   
      #top-bar div.mobile-top-bar>ul>li:hover,
      #top-bar div.top-bar>ul>li:hover {
          background: rgb(var(--swatch-menubg-black-color));
      }
   
      #top-bar div.mobile-top-bar>ul>li>ul,
      #top-bar div.top-bar>ul>li>ul {
          background: rgba(var(--swatch-menubg-black-color), .93);
      }
   
      #interwiki {
          background-color: transparent;
      }
   
      #side-bar {
          background-color: rgb(var(--black-monochrome));
      }
   
      #interwiki div.menu-item,
      #side-bar div.menu-item {
          border-bottom: 0.0625rem solid rgb(var(--swatch-menubg-dark-color));
          border-top: 0.0625rem solid rgb(var(--swatch-menubg-dark-color));
          margin-top: -0.0625rem;
      }
   
      #interwiki div.menu-item a,
      #side-bar div.menu-item a,
      #side-bar div.menu-item .text {
          color: rgb(var(--swatch-menutxt-light-color));
          line-height: inherit;
      }
   
      #interwiki div.menu-item a:hover,
      #side-bar div.menu-item a:hover {
          background-color: rgba(var(--bright-accent), .15);
      }
   
      #interwiki div.menu-item a:hover::before,
      #side-bar div.menu-item a:hover::before,
      #top-bar div.top-bar>ul>li>ul>li>a:hover::before,
      #top-bar div.top-bar>ul>li>ul>li>ul>li>a:hover::before {
          -webkit-animation: neonbg 1.5s ease-in-out infinite alternate;
          animation: neonbg 1.5s ease-in-out infinite alternate;
      }
   
      #interwiki .heading,
      #side-bar .heading,
      #side-bar .side-block>.collapsible-block:nth-child(1) .collapsible-block-folded {
          --wght: 700;
          background: initial;
          font-weight: 700;
      }
   
      #interwiki .heading p,
      #side-bar .heading p,
      #side-bar .side-block>.collapsible-block .collapsible-block-link {
          --wght: 900;
          color: rgb(var(--swatch-menutxt-dark-color));
          text-shadow: inherit;
          letter-spacing: 0.05rem;
          font-weight: 900;
          font-size: 1.25rem;
          position: relative;
          display: flex;
          justify-content: center;
          margin: 1rem 0 0.25rem 0.5rem;
          color: rgb(255, 219, 90);
          color: rgb(var(--bright-accent));
          text-shadow: inherit;
          font-family: var(--header-font);
          text-transform: none;
      }
   
      #interwiki .heading p::after,
      #side-bar .heading p::after,
      #side-bar .side-block>.collapsible-block .collapsible-block-link::after,
      #interwiki .heading p::before,
      #side-bar .heading p::before,
      #side-bar .side-block>.collapsible-block .collapsible-block-link::before {
          content: " ";
          position: absolute;
          width: 100%;
          height: 0.35rem;
      }
   
      #side-bar .side-block[style*="background-color:"] * {
          margin-left: 0 !important;
      }
   
      #side-bar .side-block[style*="background-color:"] .heading {
          margin-top: .25rem;
      }
   
      #interwiki .heading p::after,
      #side-bar .heading p::after,
      #side-bar .side-block>.collapsible-block .collapsible-block-link::after {
          bottom: -0.6rem;
      }
   
      #interwiki .heading p::before,
      #side-bar .heading p::before,
      #side-bar .side-block>.collapsible-block .collapsible-block-link::before {
          top: -0.6rem;
      }
   
      #side-bar div.menu-item .sub-text {
          color: rgba(var(--swatch-primary-darker), 1);
      }
   
      html:not(:lang(cn)) div.scpnet-interwiki-wrapper p::before {
          box-shadow: inherit;
      }
   
      #page-title {
          color: rgb(var(--swatch-menutxt-dark-color));
          -webkit-animation: neon-end 300ms ease-in-out 1 normal forwards;
          animation: neon-end 300ms ease-in-out 1 normal forwards;
          cursor: default;
          transition: all 0.5s;
          border-bottom: none;
      }
   
      #page-title:hover,
      #page-title:active {
          -webkit-animation:
              neon-start 500ms ease-in-out 1 normal forwards,
              neon 1.5s ease-in-out 500ms infinite alternate;
          animation:
              neon-start 500ms ease-in-out 1 normal forwards,
              neon 1.5s ease-in-out 500ms infinite alternate;
          color: rgb(var(--bright-accent));
      }
   
      blockquote,
      .blockquote {
          background-color: rgba(var(--swatch-menubg-dark-color), 0.25);
      }
   
      .yui-navset .yui-content {
          background-color: rgba(var(--swatch-menubg-dark-color), 0.25);
      }
   
      .yui-navset .yui-content,
      .yui-navset .yui-navset-top .yui-content {
          border-color: rgb(var(--swatch-menubg-dark-color));
      }
   
      .yui-navset .yui-nav a,
      .yui-navset .yui-navset-top .yui-nav a {
          background-color: rgb(var(--swatch-menubg-black-color));
          color: rgb(var(--swatch-text-light));
      }
   
      .yui-navset .yui-nav li,
      .yui-navset .yui-navset-top .yui-nav li {
          background-color: rgb(var(--swatch-menubg-dark-color));
      }
   
      .yui-navset .yui-nav a:focus,
      .yui-navset .yui-nav a:hover {
          -webkit-animation: neonbg 1.5s ease-in-out infinite alternate;
          animation: neonbg 1.5s ease-in-out infinite alternate;
      }
   
      table.wiki-content-table th {
          background: rgb(var(--swatch-primary-darkest));
      }
   
      .code {
          background-color: rgba(var(--swatch-menubg-dark-color), 0.25);
      }
   
      .hl-main {
          -webkit-filter: invert(1) hue-rotate(180deg);
          filter: invert(1) hue-rotate(180deg);
      }
   
      .scp-image-block .scp-image-caption {
          background-color: rgba(var(--swatch-menubg-dark-color), 0.25);
      }
   
      .scp-image-block img {
          border: 0.5rem solid rgba(var(--black-monochrome));
      }
   
      a:visited {
          color: rgb(var(--swatch-primary-darker));
      }
   
      h1 {
          color: rgb(var(--swatch-primary)) !important;
      }
   
      hr {
          border-top: none;
          background: linear-gradient(10deg,
                  rgba(var(--bright-accent), 0.15) 0%,
                  rgba(var(--bright-accent), 1) 50%,
                  rgba(var(--bright-accent), 0.15) 100%);
          -webkit-filter: blur(0.04rem);
          filter: blur(0.04rem);
          height: 0.03125rem;
          margin: 1.25em 0;
      }
   
      hr::before {
          content: " ";
          position: absolute;
          top: 0.1125rem;
          left: 0;
          border-top: none;
          width: 100%;
          height: 0.125rem;
          background:
              linear-gradient(10deg,
                  rgba(var(--bright-accent), 0.15) 0%,
                  rgba(var(--bright-accent), 1) 50%,
                  rgba(var(--bright-accent), 0.15) 100%);
          background-position: center center;
          -webkit-filter: blur(0.04rem);
          filter: blur(0.04rem);
      }
   
      .page-rate-widget-box {
          background:
              linear-gradient(to bottom left,
                  rgba(var(--swatch-primary-darkest), 0.1) 0,
                  rgba(var(--black-monochrome), 1) 100%) !important;
      }
   
      form#edit-page-form {
          background-color: rgba(var(--bright-accent), 0.25);
      }
   
      textarea,
      input.text {
          background-color: rgb(var(--black-monochrome));
          color: rgb(var(--white-monochrome));
          padding: 0.5em;
      }
   
      .owindow .title {
          background-color: rgb(var(--swatch-menubg-dark-color));
      }
   
      #odialog-container,
      .title.modal-header,
      .owindow,
      .hovertip {
          background-color: rgb(var(--swatch-primary-darkest));
          color: rgb(var(--white-monochrome));
      }
   
      .owindow .button-bar a {
          background-color: rgb(var(--swatch-menubg-dark-color));
          color: rgb(var(--white-monochrome));
      }
   
      @media only screen and (max-width: 56.25rem) {
          #header {
              --size: calc(var(--final-header-height-on-mobile) - 0.875rem);
              --y-offset: 1.5rem;
              background-position:
                  calc((var(--header-height-on-mobile) - 3.75rem) - var(--size)) calc(((var(--size) * -1) + var(--header-height-on-mobile) + var(--y-offset)) / 2);
              background-size: var(--size), 100% var(--header-height-on-mobile);
              background-repeat: no-repeat, repeat;
          }
   
          #header>h1>a>span {
              height: var(--header-height-on-mobile);
          }
   
          #header h1 a {
              line-height: 1;
              margin-left: calc(var(--header-height-on-mobile) - 3.5rem);
              margin-top: calc(((var(--header-height-on-mobile) / 2)) - 2rem);
              font-size: 3rem;
          }
   
          #header h2 span {
              line-height: 1.1;
              margin-left: calc(var(--header-height-on-mobile) - 3rem);
              margin-top: calc(((var(--header-height-on-mobile) / 2) + 0.75rem));
              font-size: 1rem;
          }
   
          #extra-div-1 {
              background-image:
                  linear-gradient(to bottom,
                      rgb(var(--black-monochrome)) 0%,
                      rgb(var(--black-monochrome)) 30%,
                      rgb(var(--dark-gray-monochrome)) 100%),
                  linear-gradient(to bottom,
                      rgb(var(--bright-accent)) var(--header-height-on-mobile),
                      rgb(var(--black-monochrome)) calc(var(--header-height-on-mobile) + 0.125rem),
                      rgb(var(--black-monochrome)) calc(100% - 0.125rem),
                      rgb(var(--black-monochrome)) calc(100% - 0.125rem),
                      rgb(var(--bright-accent)) 100%),
                  linear-gradient(to bottom,
                      rgba(var(--black-monochrome), 0) 0,
                      rgba(var(--black-monochrome), 0.5) 10rem,
                      rgba(var(--black-monochrome), 1) 25rem,
                      rgba(var(--black-monochrome), 1) 100%);
              background-size:
                  var(--header-background-image-size),
                  100% var(--final-header-height-on-mobile),
                  100% var(--background-gradient-distance);
          }
      }
   
      @media only screen and (min-width: 37.5rem) and (max-width: 56.25rem) {
          #header {
              --size: calc(var(--final-header-height-on-mobile) - 0.875rem);
              --y-offset: 1.5rem;
              background-position:
                  calc((var(--header-height-on-mobile) - 3.75rem) - var(--size)) calc(((var(--size) * -1) + var(--header-height-on-mobile) + var(--y-offset)) / 2);
              background-size: var(--size), 100% var(--header-height-on-mobile);
              background-repeat: no-repeat, repeat;
          }
      }
   
      @-webkit-keyframes neon-start {
          from {
              text-shadow:
                  0 0 0 rgb(var(--black-monochrome)),
                  0 0 0 rgb(var(--black-monochrome)),
                  0 0 0 rgb(var(--black-monochrome)),
                  0 0 0 rgb(var(--bright-accent)),
                  0 0 0 rgb(var(--bright-accent)),
                  0 0 0 rgb(var(--bright-accent)),
                  0 0 0 rgb(var(--bright-accent)),
                  0 0 0 rgb(var(--bright-accent));
          }
   
          to {
              text-shadow:
                  0 0 0.3125rem rgb(var(--black-monochrome)),
                  0 0 0.625rem rgb(var(--black-monochrome)),
                  0 0 0.9375rem rgb(var(--black-monochrome)),
                  0 0 1.25rem rgb(var(--bright-accent)),
                  0 0 2.1875rem rgb(var(--bright-accent)),
                  0 0 2.5rem rgb(var(--bright-accent)),
                  0 0 3.125rem rgb(var(--bright-accent)),
                  0 0 4.6875rem rgb(var(--bright-accent));
          }
      }
   
      @keyframes neon-start {
          from {
              text-shadow:
                  0 0 0 rgb(var(--black-monochrome)),
                  0 0 0 rgb(var(--black-monochrome)),
                  0 0 0 rgb(var(--black-monochrome)),
                  0 0 0 rgb(var(--bright-accent)),
                  0 0 0 rgb(var(--bright-accent)),
                  0 0 0 rgb(var(--bright-accent)),
                  0 0 0 rgb(var(--bright-accent)),
                  0 0 0 rgb(var(--bright-accent));
          }
   
          to {
              text-shadow:
                  0 0 0.3125rem rgb(var(--black-monochrome)),
                  0 0 0.625rem rgb(var(--black-monochrome)),
                  0 0 0.9375rem rgb(var(--black-monochrome)),
                  0 0 1.25rem rgb(var(--bright-accent)),
                  0 0 2.1875rem rgb(var(--bright-accent)),
                  0 0 2.5rem rgb(var(--bright-accent)),
                  0 0 3.125rem rgb(var(--bright-accent)),
                  0 0 4.6875rem rgb(var(--bright-accent));
          }
      }
   
      @-webkit-keyframes neon-end {
          from {
              text-shadow:
                  0 0 0.3125rem rgb(var(--black-monochrome)),
                  0 0 0.625rem rgb(var(--black-monochrome)),
                  0 0 0.9375rem rgb(var(--black-monochrome)),
                  0 0 1.25rem rgb(var(--bright-accent)),
                  0 0 2.1875rem rgb(var(--bright-accent)),
                  0 0 2.5rem rgb(var(--bright-accent)),
                  0 0 3.125rem rgb(var(--bright-accent)),
                  0 0 4.6875rem rgb(var(--bright-accent));
          }
   
          to {
              text-shadow:
                  0 0 0 rgb(var(--black-monochrome)),
                  0 0 0 rgb(var(--black-monochrome)),
                  0 0 0 rgb(var(--black-monochrome)),
                  0 0 0 rgb(var(--bright-accent)),
                  0 0 0 rgb(var(--bright-accent)),
                  0 0 0 rgb(var(--bright-accent)),
                  0 0 0 rgb(var(--bright-accent)),
                  0 0 0 rgb(var(--bright-accent));
          }
      }
   
      @keyframes neon-end {
          from {
              text-shadow:
                  0 0 0.3125rem rgb(var(--black-monochrome)),
                  0 0 0.625rem rgb(var(--black-monochrome)),
                  0 0 0.9375rem rgb(var(--black-monochrome)),
                  0 0 1.25rem rgb(var(--bright-accent)),
                  0 0 2.1875rem rgb(var(--bright-accent)),
                  0 0 2.5rem rgb(var(--bright-accent)),
                  0 0 3.125rem rgb(var(--bright-accent)),
                  0 0 4.6875rem rgb(var(--bright-accent));
          }
   
          to {
              text-shadow:
                  0 0 0 rgb(var(--black-monochrome)),
                  0 0 0 rgb(var(--black-monochrome)),
                  0 0 0 rgb(var(--black-monochrome)),
                  0 0 0 rgb(var(--bright-accent)),
                  0 0 0 rgb(var(--bright-accent)),
                  0 0 0 rgb(var(--bright-accent)),
                  0 0 0 rgb(var(--bright-accent)),
                  0 0 0 rgb(var(--bright-accent));
          }
      }
   
      @-webkit-keyframes neon {
          from {
              text-shadow:
                  0 0 0.3125rem rgb(var(--black-monochrome)),
                  0 0 0.625rem rgb(var(--black-monochrome)),
                  0 0 0.9375rem rgb(var(--black-monochrome)),
                  0 0 1.25rem rgb(var(--bright-accent)),
                  0 0 2.1875rem rgb(var(--bright-accent)),
                  0 0 2.5rem rgb(var(--bright-accent)),
                  0 0 3.125rem rgb(var(--bright-accent)),
                  0 0 4.6875rem rgb(var(--bright-accent));
          }
   
          to {
              text-shadow:
                  0 0 0.1565rem rgb(var(--black-monochrome)),
                  0 0 0.3125rem rgb(var(--black-monochrome)),
                  0 0 0.469rem rgb(var(--black-monochrome)),
                  0 0 0.625rem rgb(var(--bright-accent)),
                  0 0 1.094rem rgb(var(--bright-accent)),
                  0 0 1.25rem rgb(var(--bright-accent)),
                  0 0 1.5625rem rgb(var(--bright-accent)),
                  0 0 2.344rem rgb(var(--bright-accent));
          }
      }
   
      @keyframes neon {
          from {
              text-shadow:
                  0 0 0.3125rem rgb(var(--black-monochrome)),
                  0 0 0.625rem rgb(var(--black-monochrome)),
                  0 0 0.9375rem rgb(var(--black-monochrome)),
                  0 0 1.25rem rgb(var(--bright-accent)),
                  0 0 2.1875rem rgb(var(--bright-accent)),
                  0 0 2.5rem rgb(var(--bright-accent)),
                  0 0 3.125rem rgb(var(--bright-accent)),
                  0 0 4.6875rem rgb(var(--bright-accent));
          }
   
          to {
              text-shadow:
                  0 0 0.1565rem rgb(var(--black-monochrome)),
                  0 0 0.3125rem rgb(var(--black-monochrome)),
                  0 0 0.469rem rgb(var(--black-monochrome)),
                  0 0 0.625rem rgb(var(--bright-accent)),
                  0 0 1.094rem rgb(var(--bright-accent)),
                  0 0 1.25rem rgb(var(--bright-accent)),
                  0 0 1.5625rem rgb(var(--bright-accent)),
                  0 0 2.344rem rgb(var(--bright-accent));
          }
      }
   
      @-webkit-keyframes neonbg {
          0% {
              background: rgba(var(--bright-accent), calc(2/3));
          }
   
          100% {
              background: rgba(var(--bright-accent), 0.125);
          }
      }
   
      @keyframes neonbg {
          0% {
              background: rgba(var(--bright-accent), calc(2/3));
          }
   
          100% {
              background: rgba(var(--bright-accent), 0.125);
          }
      }
   
      @-webkit-keyframes neondrop {
          0% {
              box-shadow: inset 0 -1.5em 0 0 rgba(var(--bright-accent), calc(2/3));
          }
   
          100% {
              box-shadow: inset 0 -1.5em 0 0 rgba(var(--bright-accent), 0.125);
          }
      }
   
      @keyframes neondrop {
          0% {
              box-shadow: inset 0 -1.5em 0 0 rgba(var(--bright-accent), calc(2/3));
          }
   
          100% {
              box-shadow: inset 0 -1.5em 0 0 rgba(var(--bright-accent), 0.125);
          }
      }
  }

  Pages using this styling

  • fragment:8000contestampyrsand-9 [info]

  ¶ 1 occurrence
  

  
  div[class$="_memo2"] {
      background: var(--memo2-logo) rgba(var(--memo2-color), 1);
      background-size: contain;
      background-position: center;
      background-repeat: no-repeat;
      min-height: 4rem;
      margin-inline: auto;
      margin-block: 2rem;
      padding-inline: 20px;
      padding-block: 10px;
      border: solid 2px rgba(0, 0, 0, 0.1);
      text-align: center;
  }
  
  div[class$="_memo2"]::before {
      content: var(--memo2-heading);
      font-family: var(--UI-font);
      font-weight: 900;
      font-size: 1.3em;
      text-align: center;
      color: rgb(250, 250, 250);
      margin: 0 auto 1rem auto;
      display: flex;
      flex-direction: column;
      padding-top: 0.5em;
  }
  
  div.triad_memo2 {
      --memo2-heading: "TRIAD HIGH COMMAND TRANSMISSION:";
      --memo2-logo: url(https://i.imgur.com/AHLcSce.png);
      --memo2-color: 4, 4, 10;
  }
  

  Pages using this styling

  • fragment:8000contestampyrsand-5 [info]

  ¶ 1 occurrence
  

  /*
      Twin Files Theme
      [2022 Wikidot Theme]
         by JackalRelated
  */
  @import url('https://scp-wiki.wdfiles.com/local--files/theme:twin-files/stylesheet-alt.css');
  @import url('https://fonts.googleapis.com/css2?family=Jost&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Rubik&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Archivo&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Sedgwick+Ave&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Arimo&display=swap');
   
  :root {
      --theme-base: "black-highlighter";
      --theme-id: "twin-files";
      --theme-name: "Twin Files";
   
      --logo-image: url("https://scp-wiki.wdfiles.com/local--files/theme%3Araisa/raisa-logo-vs2.svg");
      --header-title: "CENTRAL ARCHIVE";
      --header-subtitle: "Secured, Contained, Protected.";
   
      --body-font: 'Jost', sans-serif;
      --header-font: 'Rubik', sans-serif;
      --title-font: 'Archivo', sans-serif;
      --mono-font: 'IBM Plex Mono', monospace;
      --UI-font: var(--printer-paper-font);
   
      --manila-tabs-font: 'Telegraphem', monospace;
      --manila-body-font: 'Remington Noiseless', serif;
      --blokquote-alt-font: var(--printer-paper-font);
      --ticker-font: 'Nouveau IBM', monospace;
      --printer-paper-font: 'Alte Haas Grotesk', sans-serif;
      --handwriting-font: 'Sedgwick Ave', cursive;
      --windows-font: 'Modern DOS 8x16', sans-serif;
      --logs-header-font: 'Commodore 64 Angled', sans-serif;
      --logs-text-font: 'BabelSans', sans-serif;
      --logs-dialogue-font: 'Arimo', sans-serif;
      --logs-action-font: 'MoonGloss Display', sans-serif;
   
      --header-height-on-desktop: 11.5rem;
      --header-height-on-mobile: 11.5rem;
   
      /* WHITE - GREY */
      --win-white: 255, 255, 255;
      --win-grey: 195, 195, 195;
      --win-lborder: 237, 237, 237;
      --win-border: 207, 207, 207;
   
      --printer-paper: 245, 242, 235;
      --believe-white: 215, 216, 217;
      --grey-child: 205, 206, 208;
      --papers-edge: 176, 176, 176;
      --another-grey: 196, 196, 196;
      --filing-cabinet: 193, 197, 201;
      --white-lodge: 159, 160, 161;
   
      --one-more-grey: 99, 99, 99;
      --dark-track: 40, 42, 46;
      --faded-type: 28, 28, 28;
      --ink-blot: 10, 10, 10;
   
      /* BLUE */
      --dept-blue: 2, 4, 20;
      --saucer-steel: 19, 21, 26;
      --believe-grey: 25, 29, 43;
      --einhander-gun: 78, 82, 92;
      --fiic-blue: 16, 20, 105;
      --fiic-grey: 119, 125, 140;
   
      --cooper: 98, 112, 140;
      --mulder: 69, 84, 115;
      --skinner: 41, 51, 91;
      --scully: 34, 40, 54;
   
      /* BROWN */
      --manila-folder: 217, 201, 160;
      --manila-body: 224, 213, 186;
      --manila-edge: 189, 169, 124;
   
      --coffee-ring: 71, 39, 5;
      --dead-wood: 43, 35, 25;
      --light-desk: 26, 24, 21;
      --dark-desk: 13, 12, 11;
   
      --reyes: 224, 219, 195;
      --doggett: 140, 119, 98;
   
      /* GREEN */
      --peaks-green: 0, 145, 9;
   
      /* YELLOW */
      --highlighter: 214, 184, 36;
      --post-it: 230, 223, 131;
   
      /* RED */
      --red-room: 163, 0, 0;
   
      /* THEME ASSIGNMENTS */
      --white-monochrome: var(--filing-cabinet);
      --pale-gray-monochrome: var(--reyes);
      --light-gray-monochrome: var(--manila-edge);
      --gray-monochrome: var(--ink-blot);
      --dark-gray-monochrome: var(--filing-cabinet);
      --black-monochrome: var(--printer-paper);
      --pale-accent: var(--cooper);
      --bright-accent: var(--doggett);
      --medium-accent: var(--scully);
      --dark-accent: var(--mulder);
   
      --swatch-topmenu-bg-color: var(--einhander-gun);
      --swatch-topmenu-border-color: var(--einhander-gun);
   
      --swatch-text-light: var(--believe-white);
      --swatch-text-dark: var(--ink-blot);
      --swatch-text-general: var(--swatch-text-light);
   
      --swatch-menubg-color: var(--filing-cabinet);
      --swatch-menubg-medium-color: var(--papers-edge);
      --swatch-menubg-medium-dark-color: var(--ink-blot);
   
      --swatch-menutxt-light-color: var(--believe-white);
      --swatch-menutxt-dark-color: var(--ink-blot);
      --swatch-menutxt-general-color: var(--swatch-menutxt-dark-color);
   
      --swatch-text-secondary-color: var(--ink-blot);
      --swatch-text-tertiary-color: var(--believe-white);
      --swatch-important-text: var(--bright-accent);
   
      --swatch-background: var(--dark-desk);
   
      --header-gradient-color-top: var(--saucer-steel);
      --header-gradient-color-middle: var(--believe-grey);
      --header-gradient-color-bottom: var(--saucer-steel);
      --background-gradient-distance: 0rem;
      --diagonal-stripes: linear-gradient(transparent 0);
   
      --sidebar-transition-timing: 0.8s ease-in-out 0.1s;
   
      --hover-link-color: var(--highlighter);
      --newpage-color: var(--manila-folder);
      --link-color: var(--manila-folder);
      --visited-link-color: var(--grey-child);
   
      --rating-module-bg-color: var(--einhander-gun);
      --rating-module-button-plus-color: var(--peaks-green);
      --rating-module-button-cancel-color: var(--scully);
      --rating-module-bottom-border-color: var(--scully);
      --rating-module-text-hover-color: var(--swatch-text-tertiary-color);
   
      --toggle-button-bg: rgba(var(--ink-blot), 0);
      --toggle-border-color: rgb(var(--printer-paper));
      --toggle-icon-color: rgb(var(--believe-white));
      --toggle-roundness: 0%;
   
      --ui-button-bg: var(--another-grey);
      --ui-button-txt: var(--ink-blot);
      --ui-button-hover-bg: var(--skinner);
      --ui-button-hover-outline: var(--scully);
      --ui-button-hover-txt: var(--printer-paper);
  }
   
  #main-content {
      --ui-icon-color: var(--dead-wood);
      --ui-icon-bg: var(--papers-edge);
      --ui-icon-hover-color: var(--printer-paper);
      --ui-icon-hover-bg: var(--skinner);
  }
   
  #header {
      --swatch-headerh1-color: var(--win-white);
      --swatch-headerh2-color: var(--printer-paper);
   
      --search-icon-color: var(--filing-cabinet);
      --search-icon-hover-color: var(--believe-white);
      --search-icon-hover-bg-color: var(--skinner);
      --search-textbox-text-color: 0, 0, 0, 0;
   
      --login-mobile-icon-color: var(--filing-cabinet);
      --login-mobile-icon-hover-color: var(--believe-white);
      --login-mobile-icon-hover-bg-color: var(--skinner);
   
      --search-icon-focus-color: var(--win-white);
      --search-icon-focus-bg-color: var(--fiic-blue);
      --search-focus-outline-color: var(--win-grey);
      --search-focus-textbox-bg-color: var(--win-white);
      --search-focus-textbox-text-color: var(--printer-paper);
   
      --login-line-divider-color: var(--mulder);
      --login-username-color: var(--filing-cabinet);
      --login-myaccount-color: var(--filing-cabinet);
      --login-myaccount-underline-color: var(--mulder);
      --login-myaccount-hover-color: var(--believe-white);
      --login-myaccount-hover-bg-color: var(--skinner);
      --login-arrow-color: var(--filing-cabinet);
   
      --login-dropdown-bg-color: var(--papers-edge);
      --login-dropdown-bg-image: var(--papers-edge);
      --login-dropdown-border-color: var(--win-border), 0.5;
      --login-dropdown-text-color: var(--faded-type);
      --login-dropdown-text-hover-color: var(--printer-paper);
      --login-dropdown-bg-hover-color: var(--skinner);
  }
   
  /* HEADER AND TOPBAR */
   
  #header h1 a {
      text-shadow: none;
      height: 100%;
      width: 150%;
      color: transparent;
   
      background-image: url("https://i.imgur.com/kgKObia.png");
      margin: 0;
      margin-left: 3.3em;
      padding: 0;
   
      background-size: auto calc(var(--header-height-on-desktop) - 1rem);
      background-repeat: no-repeat;
      background-position: left center;
  }
   
  @media only screen and (max-width: 56.25rem) {
      #header {
          background-size: calc(var(--size) - 2rem), 100% var(--header-height-on-mobile);
          background-position: calc(var(--header-height-on-mobile) - 0 - var(--size)) calc(((var(--size)*-1) + var(--header-height-on-mobile) + var(--y-offset))/2);
      }
   
      #header h1 a {
          background-size: contain;
          position: relative;
          width: min(10em, 65vw);
          margin-left: 7.25em;
      }
  }
   
  #header h1 a::before {
      text-shadow: none;
      color: transparent;
  }
   
  #header h2 {
      display: none;
  }
   
  #extra-div-1 {
      height: var(--header-height-on-desktop);
      width: 100%;
      position: absolute;
      top: 0;
      left: 0;
      pointer-events: none;
      background-image: url("https://scp-wiki.wdfiles.com/local--files/theme:twin-files/grid-bog.png");
      background-size: calc(var(--header-height-on-desktop) * 0.5);
      mix-blend-mode: overlay;
      opacity: 0.2;
  }
   
  #top-bar {
      --topmenu-category-color: var(--filing-cabinet);
      --topmenu-category-hover-color: var(--printer-paper);
      --topmenu-hover-border-color: var(--cooper);
   
      --mobile-topmenu-sidebar-button-color: var(--printer-paper);
   
      --dropdown-bg-color: var(--papers-edge);
      --dropdown-border-color: var(--win-border);
      --dropdown-links-color: var(--faded-type);
      --dropdown-links-hover-color: var(---printer-paper);
      --dropdown-links-hover-bg-color: var(--skinner);
  }
   
  /* BREADCRUMBS */
   
  #breadcrumbs a:hover,
  .pseudocrumbs a:hover,
  #breadcrumbs a:active,
  .pseudocrumbs a:active,
  #breadcrumbs a:focus-within,
  .pseudocrumbs a:focus-within {
      color: rgb(var(--win-white));
      text-decoration: none;
  }
   
  /* SCROLLBAR AND SIDEBAR */
   
  html,
  body {
      scrollbar-color:
          rgb(var(--dark-track)) rgb(var(--fiic-grey));
  }
   
  html::-webkit-scrollbar,
  body::-webkit-scrollbar {
      width: 18px;
      background: #transparent;
  }
   
  html::-webkit-scrollbar-track,
  body::-webkit-scrollbar-track {
      background: rgb(var(--dark-track));
  }
   
  html::-webkit-scrollbar-thumb,
  body::-webkit-scrollbar-thumb {
      background: rgb(var(--fiic-grey));
      border: rgb(var(--fiic-grey)) 1px solid;
      border-radius: 0px;
  }
   
  html::-webkit-scrollbar-thumb:hover,
  body::-webkit-scrollbar-thumb:hover {
      background: rgb(var(--papers-edge));
  }
   
  #side-bar,
  #interwiki {
      --sidebar-bg-color: var(--white-lodge);
      --sidebar-resources-bg-color: var(--win-border), 0.25;
      --sidebar-media-bg-color: var(--win-border), 0.25;
   
      --sideblock-heading-border-color: var(--fiic-blue);
      --sideblock-heading-bg-color: var(--fiic-blue);
      --sideblock-heading-text-color: var(--printer-paper);
   
      --sidebar-border-color: var(--dark-track), 0.08;
      --sidebar-subtest-color: var(--swatch-primary);
   
      --sidebar-links-text: var(--faded-type);
      --sidebar-links-hover-bg-color: var(--skinner);
      --sidebar-links-hover-text-color: var(--believe-white);
  }
   
  #side-bar .heading p,
  #interwiki .heading p,
  #side-bar .side-block>.collapsible-block .collapsible-block-link {
      font-size: 0.9em;
      letter-spacing: .1em;
      font-family: var(--logs-text-font);
      margin-bottom: 0.25rem;
  }
   
  @media only screen and (max-width: 56.25rem) {
   
      #side-bar .heading p,
      #side-bar .side-block>.collapsible-block .collapsible-block-link {
          margin-bottom: 0.3rem;
      }
  }
   
  hr {
      background-color: rgb(var(--filing-cabinet));
      border-top: .0625rem solid rgb(var(--filing-cabinet));
  }
   
  .code {
      background-color: rgb(var(--another-grey));
  }
   
  blockquote,
  div.blockquote {
      border: .0625rem dashed rgba(var(--scully), 1);
      color: rgb(var(--faded-type));
   
      --hover-link-color: var(--cooper);
      --newpage-color: var(--scully);
      --link-color: var(--scully);
      --visited-link-color: var(--ink-blot);
  }
   
  .blockquote p a,
  .blockquote p sup a,
  .logs,
  .windows {
      --hover-link-color: var(--cooper);
      --newpage-color: var(--scully);
      --link-color: var(--scully);
      --visited-link-color: var(--ink-blot);
  }
   
  blockquote hr,
  div.blockquote hr {
      background-color: rgb(var(--faded-type));
      border-top: .0625rem solid rgb(var(--faded-type));
  }
   
  .scp-image-block {
      box-shadow: none;
      border: none;
  }
   
  .scp-image-block .scp-image-caption {
      border-top: .0625rem outset rgba(var(--win-border), 1);
      background-color: rgb(var(--skinner)) !important;
      color: rgb(var(--printer-paper));
      font-family: var(--printer-paper-font);
  }
   
  /* MAIN CONTENT */
   
  .yui-navset .yui-nav a:hover,
  .yui-navset .yui-nav a:focus {
      -webkit-filter: hue-rotate(0deg);
              filter: hue-rotate(0deg);
  }
   
  .yui-navset .yui-content,
  .yui-navset .yui-navset-top .yui-content {
      color: rgb(var(--ink-blot));
  }
   
  #main-content {
      --tabs-bg: var(--manila-folder);
      --tabs-txt: var(--ink-blot);
      --tabs-hover-bg: var(--manila-edge);
      --tabs-hover-txt: var(--dead-wood);
      --tabs-selected-bg: var(--manila-edge);
      --tabs-selected-txt: var(--ink-blot);
      --tabs-selected-outline: var(--manila-edge);
      --tabs-bottom-border-color: var(--manila-edge);
   
      --tabs-content-bg-color: var(--manila-body);
      --tabs-content-border-color: var(--manila-edge);
   
      --tables-header-bg: var(--fiic-blue);
      --tables-header-txt: var(--printer-paper);
      --tables-border: var(--win-border);
      --tables-body-txt: var(--ink-blot);
      --tables-body-bg: var(--white-lodge);
   
      --toc-directory-lines-color: var(--neon-blue);
      --toc-header-bg-color: var(--passive-blue);
      --toc-header-text-color: var(--lapd-badge);
      --toc-header-text-hover-color: var(--neon-blue);
      --toc-body-bg-color: var(--pkd-blaster);
      --toc-body-link-color: var(--tears-n-rain);
      --toc-body-link-hover-color: var(--neon-blue);
      --toc-body-hover-arrow-color: var(--neon-blue);
   
      --blockquote-bg-color: var(--win-border), 0.8;
      --blockquote-colorbar-color: var(--fiic-blue), 1;
   
      --footnotes-footer-colorbar-color: var(--doggett);
      --footnotes-footer-title-bg-color: var(--doggett);
      --footnotes-footer-title-text-color: var(--ink-blot);
      --footnotes-footer-bg-color: var(--manila-body);
      --footnotes-footer-num-color: var(--doggett);
      --footnotes-footer-num-hover-color: var(--dark-desk);
      --footnotes-footer-text-color: var(--faded-type);
   
      --pagetags-title-bg: var(--skinner);
      --pagetags-title-text: var(--believe-white);
      --pagetags-text-color: var(--filing-cabinet);
      --pagetags-text-hover-color: var(--dark-desk);
      --pagetags-text-hover-bg-color: var(--highlighter);
  }
   
  #page-content div.b-tables table.wiki-content-table th,
  #page-content table.wiki-content-table th {
      font-family: var(--UI-font);
  }
   
  :root {
      --hoverblock-header-bg: var(--doggett);
      --hoverblock-header-txt: var(--ink-blot);
      --hoverblock-footer-txt: var(--dark-desk);
      --hoverblock-bg: var(--manila-body);
      --hoverblock-txt: var(--faded-type);
   
      --modal-bg: var(--white-lodge);
      --modal-body-text: var(--ink-blot);
      --modal-body-header-txt: var(--red-room);
      --modal-header-bg: var(--skinner);
      --modal-header-stripe: var(--fiic-blue);
      --modal-header-txt: var(--printer-paper);
  }
   
  /* FOOTERS AND BELOW */
   
  .page-source {
      background: rgb(var(--win-grey));
      color: rgb(var(--ink-blot));
   
      --hover-link-color: var(--coffee-ring);
      --newpage-color: var(--dead-wood);
      --link-color: var(--dead-wood);
      --visited-link-color: var(--light-desk);
  }
   
  #footer {
      --footer-bg-color: var(--einhander-gun);
      --footer-text-color: var(--filing-cabinet);
      --footer-link-color: var(--filing-cabinet);
      --footer-link-hover-color: var(--believe-white);
      --footer-link-hover-bg-color: var(--cooper);
  }
   
  .bibitems .title,
  .footnotes-footer .title {
      font-family: var(--manila-body-font);
  }
   
  .footnotes-footer .footnote-footer {
      font-family: var(--UI-font);
  }
   
  #license-area {
      --license-bg-color: var(--dark-desk);
      --license-text-color: var(--believe-white);
      --license-link-color: var(--printer-paper);
      --license-link-hover-color: var(--ink-blot);
      --license-link-hover-bg-color: var(--highlighter);
  }
   
  form#edit-page-form .wd-editor-toolbar-panel {
      background-color: rgb(var(--win-grey));
  }
   
  #action-area:has(form[onsubmit*=setParent],#who-rated-page-area,form[onsubmit*=PageTagsModule],table.page-files,#edit-meta-addbutton,ul[style="list-style: none"],#page-block-checkbox,#rename-option-rename,#rename-option-delete) p:not(:has(a[id*=backlinks],a[onclick*=showWho],a.btn)) {
     color: black;
  }
   
  /* TOGGLE SIDEBAR (BHL) CHANGES */
   
  @supports(display: grid) {
      @media only screen and (min-width: 769px) {
          #main-content::before {
              background: rgba(var(--saucer-steel), .55) 1px 1px repeat;
          }
      }
  }
   
  /* CUSTOM DIVS */
  .headblock-tabs {
      background-image: url("https://scp-wiki.wdfiles.com/local--files/theme:twin-files/manila-top.png");
      background-repeat: no-repeat;
      background-position: left center;
      background-size: 100%;
   
      height: 3em;
   
      color: rgb(var(--faded-type));
      font-family: var(--manila-tabs-font);
      font-weight: bold;
      font-size: 0.8em;
   
      padding: 1em 0 0 1em;
      margin: 0em;
  }
   
  @supports(display: grid) {
      @media only screen and (max-width: 769px) {
          .headblock-tabs {
              background-size: 250%;
              height: 1.9rem;
              font-size: 1em;
              padding: 1.5rem 0 0 1rem;
          }
   
          .headblock-tabs p {
              margin: 0em;
          }
      }
  }
   
  .headblock {
      background-color: rgb(var(--manila-folder));
      background-image: url("https://scp-wiki.wdfiles.com/local--files/theme:twin-files/manila-texture.png");
      background-repeat: repeat;
      background-size: 100%;
      background-blend-mode: multiply;
   
      border: 2px solid white;
      border-color: rgb(var(--manila-edge));
   
      color: rgb(var(--faded-type));
      font-family: var(--manila-body-font);
      font-weight: 400;
      font-size: 1.1em;
      text-shadow: 0px 0 1px rgba(var(--faded-type), 0.5);
   
      padding: 1em 0.5em 1em 1em;
  }
   
  .headblock p {
      margin: 0em;
  }
   
  .genblock {
      background-color: rgb(var(--printer-paper));
      background-image: url("https://scp-wiki.wdfiles.com/local--files/theme:twin-files/paper-texture.png");
      background-repeat: repeat;
      background-size: 100%;
   
      color: rgb(var(--ink-blot));
      font-family: var(--printer-paper-font);
      border: 1px solid white;
      border-color: rgb(var(--papers-edge));
   
      padding: 1.5em 1em 1.5em 1em;
  }
   
  .ticker {
      padding: 10px 5px 1.1em 3.7em;
   
      font-family: var(--ticker-font);
      font-size: 110%;
      font-weight: 400;
      color: #000;
   
      background: repeat-y url("https://scp-wiki.wdfiles.com/local--files/theme:twin-files/tickerback.png");
      background-position: center top;
      background-size: 100%;
   
      border: 2px solid #D8D6CA;
      border-style: dashed solid dashed;
      border-width: medium 2px 0px;
  }
   
  .windows p,
  .windows-box p,
  .windows-slimbox p,
  .windows-button p,
  .windows-bar p {
      margin: 0em;
  }
   
  .windows-bar {
      background-color: rgb(var(--fiic-blue));
      color: rgb(var(--printer-paper));
      font-family: var(--windows-font);
      font-size: 16px;
   
      border: 3px outset rgb(207, 207, 207);
      border-bottom: 0px;
   
      margin: 0em;
      padding: 0.25em 0px 0px 0.5em;
  }
   
  .windows {
      background-color: rgb(var(--win-grey));
   
      color: rgb(var(--faded-type));
      font-family: var(--windows-font);
      font-size: 16px;
      border: 3px outset rgb(var(--win-border));
      border-top: 0px;
   
      padding: 0.3em 0.75em 0.2em 0.75em;
  }
   
  .windows hr {
      height: 0.125rem;
      margin: 0.3em 0px;
      border-top: 0px;
      background-color: rgb(var(--white-lodge));
  }
   
  .windows-box {
      background-color: rgb(var(--win-white));
      border: 3px inset rgb(var(--win-lborder));
   
      padding: 0.5em;
      margin: 0.3em 0px 0.3em 0px;
  }
   
  .windows-slimbox {
      background-color: rgb(var(--win-white));
      border: 2px inset rgb(var(--win-lborder));
      color: rgb(var(--ink-blot));
   
      padding: 0.15em;
  }
   
  .windows-button {
      background-color: rgb(var(--win-grey));
      border: 3px outset rgb(var(--win-border));
   
      padding: 0.3em;
  }
   
  .logs p,
  .logs-header p,
  table.dialog p {
      margin: 0em;
  }
   
  .logs {
      padding: 0px 0px 0.5em 0px;
      margin: auto;
      width: 95%;
   
      background-color: rgb(var(--win-grey));
      border: 3px outset rgb(var(--win-border));
      color: rgb(var(--one-more-grey));
      font-family: var(--logs-text-font);
  }
   
  .logs-header {
      padding: 0.5em 0px 0.5em 0px;
      text-align: center;
      font-size: 1.5em;
   
      background-color: rgb(var(--skinner));
      color: rgb(var(--believe-white));
      font-family: var(--logs-header-font);
  }
   
  .logs hr {
      background-color: rgb(var(--ink-blot));
  }
   
  table.dialog {
      border-collapse: collapse;
      font-family: var(--logs-text-font);
  }
   
  table.dialog th {
      border-right: 1px solid rgb(var(--ink-blot));
      color: rgb(var(--ink-blot));
      padding: 1em 1em 0em 1em;
  }
   
  table.dialog td {
      padding: 1em 0em 0em 1em;
      font-family: var(--logs-action-font);
  }
   
  table.dialog td.active {
      color: rgb(var(--ink-blot));
      font-family: var(--logs-dialogue-font);
  }
   
  .blokquote-alt {
      background-image: url("https://scp-wiki.wdfiles.com/local--files/theme:twin-files/manila-texture.png");
      margin: .5em 1.25rem;
      padding: .825em 1.25em;
      border: .0625rem dashed rgba(var(--doggett), 1);
      background-color: rgba(var(--manila-body), 0.9);
   
      color: rgb(var(--dark-desk));
      font-weight: 400;
      font-family: var(--manila-body-font);
   
      --hover-link-color: var(--coffee-ring);
      --newpage-color: var(--dead-wood);
      --link-color: var(--dead-wood);
      --visited-link-color: var(--light-desk);
  }
   
  .blokquote-alt hr {
      background-color: rgb(var(--manila-edge));
      border-top: .0625rem solid rgb(var(--manila-edge));
  }
   
  .post-it-note {
      width: 50%;
      min-height: 20em;
      border: 2px solid rgba(var(--highlighter), 0.9);
   
      margin: auto;
      padding: 1em;
   
      background-color: rgb(var(--post-it));
      color: rgb(var(--ink-blot));
      font-family: var(--handwriting-font);
      font-weight: bold;
  }

  Pages using this styling

  • fragment:8000contestampyrsand-5 [info]

  ¶ 1 occurrence
  

  /* HORIZONTAL RULES */
  hr {
      border: 0;
      border-top: .063rem solid transparent;
      background-color: rgba(var(--bright-accent));
      background: url('https://scp-wiki.wdfiles.com/local--files/theme:dustjacket-sigma/goldfoil.png');
      background-size: cover;
  }
   
  .fancyhr hr {
      border-top: 2vw solid transparent;
      background-color: rgba(var(--bright-accent), 0);
      height: 0;
      box-sizing: border-box;
      border-image-source: url('https://wanderers-library.wikidot.com/local--files/component:dustjacket-theme/wl_hr.png');
      border-image-repeat: round round;
      background: none;
      border-image-slice: 80 500 80 500 fill;
      border-image-width: 10em 80em 10em 80em;
  }
   
  .fancyborder {
      box-sizing: border-box;
      border: 2vw solid rgba(0,0,0,0.5);
      border-image: url('https://wanderers-library.wikidot.com/local--files/component:dustjacket-theme/wl_border.png') 600 round;
      border-image-width: 6;
      padding: 2vw;
  }

  Pages using this styling

  • fragment:8000contestampyrsand-3 [info]

  ¶ 1 occurrence
  

  
  div[class$="_memo4"] {
      background: var(--memo4-logo) rgba(var(--memo4-color), 1);
      background-size: contain;
      background-position: center;
      background-repeat: no-repeat;
      min-height: 4rem;
      margin-inline: auto;
      margin-block: 2rem;
      padding-inline: 20px;
      padding-block: 10px;
      border: solid 4px rgba(204, 0, 0);
      text-align: center;
  }
  
  div[class$="_memo4"]::before {
      content: var(--memo4-heading);
      font-family: var(--UI-font);
      font-weight: 900;
      font-size: 1.3em;
      text-align: center;
      color: rgb(204, 0, 0);
      margin: 0 auto 1rem auto;
      display: flex;
      flex-direction: column;
      padding-top: 0.5em;
  }
  
  
  div.seers_memo4 {
      --memo4-heading: "OF THE TSAR'S HOLY SEERS:";
      --memo4-logo: url(https://i.imgur.com/6wWMg5H.png);
      --memo4-color: 38,41,50;
  }
  

  Pages using this styling

  • fragment:8000contestampyrsand-10 [info]

  ¶ 1 occurrence
  

  #header h1 a::before {
      content: "FotBG";
      font-size: 50px;
  }
  #header h2 {
      font-size: 20px;
  }
  #header h2 span {
      color: transparent;
      text-shadow: none;
  }
  #header h2 span::before {
      content: "Fortify. Build. Guard.";
      color: white;
  }
   :root{
     --header-title: "FotBG";
     --header-subtitle: "Fortify. Build. Guard";
     --titleColor: white;
     --subtitleColor: white;
  }

  Pages using this styling

  • fragment:5526-5 [info]

  ¶ 1 occurrence
  

  #header h1 a::before {
      content: "ISM Organization";
      font-size: 50px;
  }
  #header h2 {
      font-size: 20px;
  }
  #header h2 span {
      color: transparent;
      text-shadow: none;
  }
  #header h2 span::before {
      content: "Insure - Safeguard - Maintain.";
      color: white;
  }
   :root{
     --header-title: "ISM Organization";
     --header-subtitle: "Insure - Safeguard - Maintain";
  }

  Pages using this styling

  • fragment:5526-4 [info]

  ¶ 1 occurrence
  

  :root {
      --logo-image: url("https://scp-wiki.wikidot.com/local--files/grigori-karpin-s-author-page/vanguard%20transparent.png");
      --header-title: "ANGUARD";
      --header-subtitle: "SHELTER - NORMALIZE - INFORM";
      --header-h2-font-size: 1.1em;
  }
  
  #header::before {
      left: -12rem;
      filter: brightness(125%);
      opacity: 1;
  }
  
  #header h1 a::before {
      color: #fe4;
      font-size: 1.3em;
  }
  
  #header h2::before {
      color: #fe4;
  }
  
  #header h2 {
      top: 1em;
  }
  
  #header #login-status {
      left: -2vw;
  }
  
  @media (max-width: 767px) {
      #header::before {
          left: -7rem;
      }
  
      #header h1 {
          top: 0.5em;
          left: 0.5em;
      }
  }
  
  #page-title {
      display: none;
  }

  Pages using this styling

  • fragment:5526-3 [info]

  ¶ 1 occurrence
  

  #header h1 a::before {
      content: "GOC: SCP";
  }
  #header h2 span::before {
      content: "Global Ownership Corporation: Security and Compliance Program"; 
  }

  Pages using this styling

  • fragment:5526-2 [info]

  ¶ 1 occurrence
  

  #page-content div.box {
      position: relative;
  }
  #page-content div.background {
      position: absolute;
      z-index: 0;
  }
  #page-content div.overlay {
      position: relative;
      z-index: 1;
      opacity: 0;
  }
  #page-content div.overlay:hover {
      opacity: 1;
  }

  Pages using this styling

  • fragment:2521-xxx-6 [info]

  ¶ 1 occurrence
  

  
  .email {border: solid 2px #000000; width: 88%; padding: 1px 15px; margin: 10px; box-shadow: 0 1px 3px rgba(0,0,0,.5)}
  .email-example a.collapsible-block-link {font-weight: bold;}
  .tofrom {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px maroon}

  Pages using this styling

  • fox-hunt [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Cinzel+Decorative:wght@700&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Goldman&display=swap');
  
  :root {
      --lgurl: url(http://scp-wiki.wikidot.com/local--files/foundational-parasite-hub/foundational-parasite-logo.png);
      --header-title: "FOUNDATIONAL PARASITE";
      --header-subtitle: "FRIENDSHIP IS FOREVER";
   
      --accentColor: #c40233;
      --accentColorLite: #f02055;
      --hue: 30deg;
   
      --header-font: "Goldman", serif;
      --body-font: "verdana", sans-serif;
      --textColor: #FDFDFD;
      --textColorAlt: #FFFFFF;
  }
  
  /* -=- WIDE CHANGES -=- */
   
  body {
      background-image: url(http://scp-wiki.wikidot.com/local--files/scp-9471/Price_of_Eternity_bg.webp);
      background-attachment: fixed;
      background-size: cover;
      font-size: 0.81rem;
  }
  body:before {
    content: ' ';
    position: fixed;
    display: block;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 35%, rgb(0, 0, 0) 60%, rgb(0, 0, 0) 75%, rgba(0, 0, 0, 0) 100%);
    z-index: -1;
    color:#EDEDED;
  }
  
  /* Selection Color */
  ::selection {
      color: var(--darkerColor);
  }
   
  /* -- Headers -- */
   
  h1, h2, h3 {
      color: var(--accentColor);
  }
   
  h1 {
      font-size: 1.95rem;
  }
   
  h2 {
      font-size: 1.5rem;
  }
   
  h3 {
      font-size: 1.35rem;
  }
   
  h4 {
      font-size: 1.2rem;
  }
   
  h5 {
      font-size: 1.05rem;
  }
   
  h6 {
      font-size: 0.95rem;
  }
   
  #main-content :is(h1, h2, h3, h4, h5, h6) {
      filter: drop-shadow(0 0.375rem 0.688rem rgba(0, 0, 0, 0.6));
      text-align: center;
  }
  
  /* Link Colors */
  a:link {
    color: #c40233;
  }
  
  a:hover, a.newpage:hover, a:visited:hover, #side-bar a:not(.close-menu):hover {
      color: #FFFFFF;
      text-decoration: none;
      background-color: var(--accentColor);
  }
   
  a.newpage {
      filter: none;
  }
   
  strong {
      color: var(--accentColor);
  }
   
  tt {
      font-size: 110%;
  }
   
  ol li, ul li {
      margin: .27rem 0 .53rem;
  }
   
  /* -=- HEADER -=- */
   
  #header {
      height: 9.688rem;
  }
  
  /* -- Website Title / Subtitle -- */
   
  #header h1 a::before {
      background: linear-gradient(45deg, #a00028 0%, var(--accentColor) 50%, #a00028 100%);
      background-clip: text;
      color: transparent;
      filter: drop-shadow(0 0.375rem 0.3rem rgba(0,0,0,0.6));
      font-family: "Cinzel Decorative", sans-serif;
      font-size: 100%;
      font-weight: bold;
      -webkit-background-clip: text;
  }
   
  #header h2 {
      margin-top: 0.8rem;
  }
   
  #header h2::before {
      background: linear-gradient(45deg, #a00028 0%, var(--accentColor) 50%, #a00028 100%);
      background-clip: text;
      color: transparent;
      filter: drop-shadow(0 0.2rem 0.2rem rgba(0, 0, 0, 0.8));
      font-family: "Cinzel Decorative", sans-serif;
      font-size: 140%;
      letter-spacing: 0.313rem;
      margin-top: 0.375rem;
      -webkit-background-clip: text;
  }
  
  /* -- User Information -- */
   
  #my-account {
      display: none;
  }
   
  /* Increase size and add glow to user profile pic. */
  .printuser img.small {
      background-color: var(--darkerColor);
      background-image: none !important;
      border: 1px solid var(--accentColor);
      box-shadow: 0 0 2px var(--accentColor);
      height: 18px;
      margin-right: 7px;
      padding: 0 0 0 0;
      transition-duration: 0.2s;
      width: 18px;
  }
   
  .printuser img.small:hover {
    box-shadow: 0 0 5px var(--accentColor);
    transition-duration: 0.2s;
  }
   
  #login-status {
      color: transparent; /* Removes the pipe after the account name. */
      right: initial;
      text-align: left;
      top: 1em;
      width: auto;
      z-index: 1;
      margin-left: calc(max(6em - 5vw, 0px));
  }
   
  #login-status > a {
      background-color: var(--darkerColor);
      border: 1px solid var(--accentColor);
      margin-left: -7px;
  }
   
  .printuser {
      color: var(--textColor);
  }
   
  #account-topbutton::before {
      background-color: transparent;
  }
   
  #account-options::before {
      background-color: var(--darkerColor);
  }
   
  #account-options::after {
      background-color: transparent;
      mix-blend-mode: initial;
  }
   
  div#account-options {
      border: 1px solid var(--accentColor);
      width: 6.5em;
  }
   
  /* -- Search Box -- */
   
  #search-top-box {
      top: 1.1em !important;
  }
   
  #search-top-box-form input[type="submit"]:focus, #search-top-box-form input[type="submit"]:hover {
      box-shadow: none;
      text-shadow: none;
  }
   
  #search-top-box-form input[type="submit"] {
      border: 1px solid var(--accentColor);
      color: var(--textColor);
      font-size: unset;
  }
   
  /* -- Top Bar -- */
   
  #top-bar {
      top: 9.75rem;
  }
   
  #top-bar div.open-menu a {
      background-color: var(--darkerColor);
      border: 1px solid var(--accentColor);
      border-radius: 0;
      box-shadow: 0 0 10px var(--darkerColor);
      filter: drop-shadow(0 0.375rem 0.688rem rgba(0, 0, 0, 0.4));
      height: 1.15em;
      line-height: 1.1em;
      width: 1.15em;
  }
   
  /* Add bottom border for top bar pop-up. */
  #top-bar ul li li:last-child, #top-bar ul li li:last-child:hover {
      border-bottom: 1px solid var(--accentColorLite);
  }
   
  /* Add top border for top bar pop-up. */
  #top-bar ul li li:first-child, #top-bar ul li li:first-child:hover {
      border-top: 1px solid var(--accentColorLite);
  }
  
  /* -- Title / Meta-Title -- */
   
  #page-title {
      display: none;
  }
   
  .meta-title {
      font-size: 238%;
      margin: 0;
      padding: 0;
  }
   
  .meta-title p {
      border-bottom: none;
  }
   
  /* -- Hovertip / Footnote -- */
   
  .hovertip .f-content{
      font-size: 0.81rem;
  }
   
  #page-content a.footnoteref {
      border: 0;
      font-size: 0.7rem;
      font-weight: bold;
  }
   
  .footnotes-footer {
      border: 2px solid var(--accentColor);
      box-shadow: none;
  }
   
  /* Add space between the footnotes. */
  .footnote-footer:not(:last-child) {
      margin-bottom: 5px;
  }
   
  .footnote-footer a {
      font-weight: bold;
  }
   
  .footnotes-footer .title {
      color: var(--accentColor);
      font-size: 1.5em;
  }
  
  /* -=- SIDEBAR -=- */
   
  #side-bar {
      background: #4a3336;
      border-right: 0.25em solid var(--accentColor);
      box-shadow: 3px 0 20px black; 
      padding: 1em 0;
  }
   
  #side-bar .heading {
      border-bottom-color: var(--textColor);
      color: var(--textColor);
      font: bold 125% "Josefin Sans", sans-serif;
      padding-left: 0;
  }
   
  #side-bar .side-block.media {
      background-color: #05080B;
      padding-bottom: 0;
      border: solid 2px var(--accentColor);
      box-sizing: border-box;
      margin-left: 1em;
      margin-right: 1em;
  }
   
  #side-bar .side-block.media::before,
  #side-bar .side-block.media::after {
      display: none;
  }
   
  #side-bar,
  #side-bar .side-block {
      background-color: #14181D;
  }
   
  #side-bar .side-block {
      border: 0;
      box-shadow: none;
  }
   
  #side-bar .media .menu-item img {
      display: initial;
  }
   
  #side-bar .side-block.resources {
      background: #4a3336;
  }
  
  /* -=- RATING MODULE -=- */
   
  div.page-rate-widget-box {
      border: none;
      border-left: 3px solid var(--accentColor);
      border-right: 3px solid var(--accentColor);
      box-shadow: none;
      font-size: 80%;
      padding: 4px;
  }
   
  /* -=- TABBERS -=- */
   
  .yui-navset .yui-nav a, .yui-navset .yui-navset-top .yui-nav a {
      font-family: var(--header-font);
      font-size: 130%;
      font-weight: inherit;
  }
   
  .yui-navset .yui-content, .yui-navset .yui-navset-top .yui-content {
      padding: .53em;
  }
   
  .yui-navset .yui-content {
      line-height: 1.5;
  }
   
  /* -=- SCP IMAGE BLOCKS -=- */
   
  .scp-image-block {
      border: 1px solid var(--accentColorLite);
      box-shadow: none;
  }
   
  .scp-image-block div.scp-image-caption {
      border: none;
      border-top: 1px solid var(--accentColorLite);
  }
  
  /* -=- CODE BLOCKS -=- */
   
  .code {
      background-color: var(--darkColor);
  }
   
  .code :is(.hl-code, .hl-identifier, .hl-string, .hl-special, .hl-quotes, .hl-brackets) {
      color: var(--textColor);
  }
   
  .code .hl-var, .code .hl-number {
      color: #ffb7ca; /* Look I'm running out of colors here. */
  }
   
  .code .hl-reserved {
      color: var(--accentColor);
  }
  
  /* -=- PAGE EDITOR -=- */
   
  .wd-editor-toolbar-panel ul li a {
      opacity: 0.4;
  }
   
  .wd-editor-toolbar-panel ul li a:hover {
      opacity: 1;
  }
   
  #edit-page-textarea {
      background-color: var(--darkColor);
      border: 2px solid var(--accentColor);
      color: var(--textColor);
      padding: 3px;
  }
   
  #edit-page-form textarea, #edit-page-form #edit-page-title{
      background-color: var(--darkColor);
      border-color: var(--accentColorLite);
      color: var(--textColor);
  }
   
  #lock-timer {
      color: var(--accentColor);
  }
   
  #lock-info {
      border-color: var(--accentColor);
  }
   
  .change-textarea-size a {
      background-color: var(--darkerColor);
      border-color: var(--accentColor);
      color: var(--textColor);
  }
   
  .edit-help-34 {
      font-size: 11px;
  }
  
  /* -=- MISCELLANEOUS -=- */
   
  /* General Modal Box */
  .modal {
      background: #212326;
      box-shadow: 0 0 0.188rem rgba(0, 0, 0, 0.3);
      border: solid 0.25rem var(--accentColor);
      margin: 1.5rem 0.5rem 0.5rem 0.5rem;
      padding: 0.938rem 0.938rem 0.938rem 0.938rem;
      width: auto;
  }
  
  /* Blockquotes */
  blockquote, div.blockquote, #toc {
      border: solid 2px var(--accentColor);
      box-shadow: none;
  }
   
  /* -- Preview Message -- */
   
  .preview-message:hover {
      opacity: 1;
      transition-duration: 0.5s;
  }
   
  .preview-message {
      background-color: var(--darkerColor);
      border: 2px solid var(--darkColor);
      opacity: 0.6;
      right: -23em;
      transition-duration: 0.3s;
  }
   
  /* -- Page Options -- */
   
  #page-options-container {
      opacity: 0.7;
      margin-top: 5px;
      transition-duration: 0.3s;
  }
   
  #page-options-container:hover {
      opacity: 1;
      transition-duration: 0.3s;
  }
   
  /* Wikiwalk Footer */
  .footer-wikiwalk-nav {
      background: var(--darkerColor);
      border: 2px solid var(--accentColor);
      margin: 10px auto;
      padding: 0 10px 0 10px;
      width: fit-content;
  }
   
  /* -- Adult Content Splash Fixing -- */
   
  ul.modal-wrapper {
      padding: 0;
  }
   
  li.unfolded {
      list-style: none;
  }
   
  #page-content div#u-adult-warning a {
      border-bottom: none;
  }
   
  #page-content div#u-adult-warning a:hover {
      background-color: transparent;
  }
   
  #u-adult-warning .footer-wikiwalk-nav {
      border: none;
  }
   
  /* Changes the color of the little line above page tags. */
  .page-tags span {
      border-top: 1px solid var(--accentColorLite);
  }
   
  /* Makes the +'s and -'s white in the "who rated" tab. */
  #who-rated-page-area > div span {
      color: var(--textColour) !important;
  }
  
  /* -- Small joke in the table listing Wikidot account details. -- */
   
  .modal-body table tbody tr:last-child td:first-child, .modal-body table tbody tr:first-child td:first-child {
      font-size: 0;
  }
   
  .modal-body table tbody tr:last-child td:first-child::before {
      content: "Date of Damnation:";
      font-size: 0.81rem;
      font-weight: bold;
  }
   
  .modal-body table tbody tr:first-child td:first-child::before {
      content: "Date of Creation:";
      font-weight: bold;
      font-size: 0.81rem;
  }
   
  /* Make "sub" text white. */
  .edit-page-bottomtable .sub, #page-tags-input ~ .sub, #upload-dfilename ~ .sub, #file-comments ~ .sub {
      color: var(--textColor);
  }
   
  /* -- Wikidot footer in the corner. -- */
   
  #footer {
      opacity: 0.4;
      transition-duration: 0.3s;
      margin-top: 1.5em;
  }
   
  #footer:hover {
      opacity: 1;
      transition-duration: 0.3s;
  }
  
  /* -=- MOBILE CHANGES -=- */
   
  @media (min-width: 768px) {
      #page-content {
          font-size: inherit;
      }
  }
   
  @media (max-width: 460px) {
      .modalsignature p {
          font-size: 80%;
      }
   
      #header h1 a::before {
          font-size: 70%;
      }
   
      #header h2::before {
          font-size: 80%;
      }
  }
  
  .house .image {
      background: #000;
  }
  
  .footnotes-footer { 
  display:none;
  }
  

  Pages using this styling

  • foundational-parasite-hub [info]

  ¶ 1 occurrence
  

  :root {
      --header-subtitle: "20 Minutes Past Midnight";
  }

  Pages using this styling

  • foundation-unmasked [info]

  ¶ 1 occurrence
  

   #page-title {
      display: none;
  }
  
  @media not all and (max-width: 767px) {
  #main-content {
      max-width: min(57.5rem,calc(100% - 3rem));
  }
  }
  
  :root { --box-accent: #3b5c97; }
  
  .tale-list {
      display: grid;
      gap: .75rem;
      margin-block: 1.5rem;
  }
  .tale-list .pager { border-block-start: .225rem solid var(--box-accent); }
  
  .tale-block {
      background-color: #fff;
      box-shadow: 0 0 0.325rem rgb(0 0 0 / 0.25);
      contain: paint;
      display: grid;
      grid-template-areas:
          "title date"
          "meta meta";
      grid-template-columns: 1fr max-content;
      gap: .425rem;
      padding: .625rem;
      --box-accent: inherit;
  }
  .tale-block:not(.tale) { display: none; }
  
  .tale-block  .title {
      grid-area: title;
      display: flex;
      gap: .325ex 0.75ex;
      align-items: center;
      flex-wrap: wrap;
  }
  .tale-block .title > a {
      font-weight: bold;
      font-size: 1.075em;
  }
  .tale-block .title > .author { font-size: .775em; flex-grow: 1; }
  .author .printuser {
      display: inline-flex;
      align-items: baseline;
      gap: .325em;
  }
  .author .printuser img {
      margin: 0;
      padding: 0;
      padding-left: .475rem;
  }
  
  .tale-block .date {
      grid-area: date;
      font-feature-settings: 'case','ss01','ss04','tnum';
      font-size: .725em;
  }
  
  .tale-block .meta {
      grid-area: meta;
      display: flex;
      font-size: .775em;
      gap: .75rem;
      justify-content: space-between;
  }
  .meta .tag-list {
      display: flex;
      flex-wrap: wrap;
      gap: .25rem;
      align-items: flex-start;
  }
  .tag-list a {
      display: block;
      border-radius: 1.5rem;
      padding: .125em .675em;
      text-decoration: none;
      font-weight: 550;
      color: var(--box-accent);
      background-color: #3b5c970f;
  }
  .tag-list a[href$="tale"] { display: none; }
  .tag-list a:is(:hover,:focus) {
      color: white;
      background-color: var(--box-accent);
  }
  
  .meta .sec-info {
      display: grid;
      grid-template-columns: 3rem 3.5rem;
      align-items: center;
      text-align: end;
      gap: .25rem;
      min-width: max-content;
      align-self: flex-end;
  }
  .sec-info > br { display: none; }
  .sec-info .comments > span { font-size: 0; }
  
  .tale-block .description {
      grid-column: 1/-1;
  }
  .description > :not(.preview) { display: none; }
  .description:not(:has(> .preview)) { display: none; } /* progressive enhancement */
  .description > .preview {
      display: block;
      font-size: .9125em;
      padding-block-start: .425rem;
      border-block-start: .05rem solid #ddd;
  }
  .description > .preview > p:first-child { margin-block-start: 0.25em; }
  .description > .preview > p:last-child { margin-block-end: 0.25em; }
  
  
  div.tag-nav {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      gap: .25rem;
      font-size: .9125em;
      margin-block: .5rem;
  }
  div.tag-nav br { display: none; }
  div.tag-nav p { display: contents; }

  Pages using this styling

  • foundation-tales [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css?family=Pangolin');
  
  .write {
      font-family: "Pangolin";
      font-size: 12pt;
  }
  
  .page {
      display: block;
      overflow: hidden;
      font-family: "Pangolin";
      font-style: cursive;
      line-height: 1;
      padding: 0 0em;
      font-size: 12pt;
  
      background-attachment: scroll;
      background-clip: border-box;
      background-color: transparent;
      background-image: linear-gradient(to top ,rgb(202, 219, 228) 0%, rgb(231, 233, 220) 8%);
      background-origin: padding-box;
      background-position: 0pt 7pt;
      background-repeat: repeat;
      background-size: 100% 12pt;
  
      border: 1px solid #CCC;
      border-radius: 10px;
      padding: 10px 10px;
      margin-bottom: 10px;
  
      box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2)
      }
  .page p {
      line-height: 12pt;
      margin: 0;
  }
  
  .highlight {
  background-color: rgb(255, 0, 127, 0.25);
  border-radius: 5px;
  line-height: 1;
  }
  
  .highlight2 {
  background-color: rgb(0, 255, 0, 0.50);
  border-radius: 5px;
  line-height: 1;
  }
  
  .rotate {
  
  /* Safari */
  -webkit-transform: rotate(-1.5deg);
  
  /* Firefox */
  -moz-transform: rotate(-1.5deg);
  
  /* IE */
  -ms-transform: rotate(-1.5deg);
  
  /* Opera */
  -o-transform: rotate(-1.5deg);
  
  /* Internet Explorer */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1.5);
  
  }

  Pages using this styling

  • foundation-internal-examinations-division-casefile-yykp-oyzz [info]

  ¶ 1 occurrence
  

  :root{
    --header-title: "Site-⌘";
    --header-subtitle: "Department of Surrealistics";
  }
  
  div#extra-div-1 {
      background-image: url(https://scp-wiki.wdfiles.com/local--files/scp-6445/Surrealistics-Logo.png);
      filter: opacity(20%);
  }
  .ad_memo {
      background: url(https://scp-wiki.wdfiles.com/local--files/scp-7000/ADtransparent.png) #F4DFDF;
      background-size: 400px;
      background-position: center;
      background-repeat: no-repeat;
      box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
      width: 90%;
      min-height: 4rem;
      margin-left: auto;
      margin-right: auto;
      padding: 10px 20px 20px 20px;
      word-break: break-word;
  }
  }
  .ad_memo>p:nth-child(1)::before {
      content: "ANALYTICS DEPARTMENT REPORT\00000a";
      font-family: 'Work Sans', sans-serif;
      font-weight: 900;
      font-size: 130%;
      text-align: center;
      margin-bottom: 1rem;
      padding-bottom: 0.3rem;
      border-bottom: dotted 0.13rem darkslategrey;
      max-width: 49rem;
      margin-left: auto;
      margin-right: auto;
      display: flex;
      flex-direction: column;
      align-content: stretch;
      align-items: center;
  }

  Pages using this styling

  • found-a-job [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css?family=Mystery+Quest');
  .lie{
       margin: 1px;
  
       background-color: hsla(207, 75%, 50%, .3);
  
       word-break: unset;
       font-family: var(--mono-font);
  }
  :root { --swatch-primary: 187, 0, 17; }
  .story {
    clear: both; border: 3px black solid; padding: calc(20px - 1em) 0 20px 0;
  }
  .story p, .choices {
    margin-left: 20px; margin-right: 20px;
  }
  
  .choices {
    clear: both;
  }
  .choices p {
    clear: both; margin: 0; margin-top: 0.5rem;
  }
  span, a {
    word-break: normal !important;
  }
  
  /* Improved arrow CSS by EstrellaYoshte */
  /* thank you estrella! */
  .choices a {
      width: max-content;
      max-width: 70%;
      background-color: transparent;
      padding: 3px 6px;
      position: relative;
      display: block;
      z-index: 0;
      --border-thickness: 0.0625rem;
      clip-path: polygon(0 -5%, 130% -5%, 130% 105%, 0 105%);
      border-left: var(--border-thickness) solid rgb(var(--swatch-primary));
  }
  .choices a::before, .choices a::after {
      content: "";
      position: absolute;
      height: 50%;
      width: 116%;
      display: block;
      z-index: -1;
      left: 0;
      box-sizing: border-box;
      border: solid var(--border-thickness) rgb(var(--swatch-primary));
      border-left-width: 0;
      border-right-width: calc(var(--border-thickness)*1.35);
  }
  .choices a::before {
      top: 0;
      transform: skew(35deg);
      border-bottom-width: 0;
  }
  .choices a::after {
      bottom: 0;
      transform: skew(-35deg);
      border-top-width: 0;
  }
  .no {
      color: transparent;
  }
  .no::selection {
      color: #FF6666;
  }
  div.jgterminal{
      border: 1px solid pink;
      border: solid 3px #ff94b4;
      border-radius: 16px;
      background-color: #ffb0d0;
  /* black shadow at the top of the jgterminal */
      background-image:
          radial-gradient(ellipse 1000% 100% at 50% 90%, transparent, #ffedf5);
      background-position: center;
      display: block;
  /* shadow around the jgterminal */
      box-shadow: inset 0 0 10em 1em rgba(252,217,231,0.96);
  /* prevents scanline from forming a scrollwheel */
      overflow:hidden;
  }
  div.jgterminal blockquote {
      background-color: #fff2f7;
      border: double 3px #ff94b4
  }
  div.jgscanline{
      margin-top: -40%;
      width: 100%;
      height: 60px;
      position: relative;
      pointer-events: none;
  /* Safari 4.0 - 8.0 */
      -webkit-animation: scan 12s linear 0s infinite; /* You may need to change this. If the bar goes by too quickly, increase 5s. */
      animation: scan 12s linear 0s infinite; /* Same as above */
      background: linear-gradient(to bottom, rgba(56, 112, 82,0), rgba(56, 112, 82,0.1)) !important;
  }
  
  div.jgtext{
      color: rgba(148,0,108,1);
      padding-left: 2em;
      padding-right: 2em;
      padding-top: 40%;
      font-family: monospace;
      font-size: 1.2em;
      }
  
  /* Safari 4.0 - 8.0 */
  @-webkit-keyframes scan{
      from{ transform: translateY(-10%);}
      to{  transform: translateY(5000%);} /* You may need to change this depending on the length of your terminal. If the scanline stops halfway, increase the second number.*/
  }
  
  @keyframes scan{
      from{ transform: translateY(-10%);}
      to{  transform: translateY(5000%);} /* Same as above.*/
  }
  
  div.jgtext a:hover {
      color: #131;
      text-decoration: underline;
      background-color: #ff6392;
      padding: 1px;
  }
  div.jgtext a:hover::before{
  content: "> ";
  }
  .email {border: solid 2px #000000; width: 88%; padding: 1px 15px; margin: 10px; box-shadow: 0 1px 3px rgba(0,0,0,.5)}
  
  .fancyborder {
      box-sizing: border-box;
      padding: 2vw;
      border: 2vw solid rgba(0, 0, 0, 0.5);
      border-image: url("https://wanderers-library.wikidot.com/local--files/component:dustjacket-theme/wl_border.png") 600 round;
      border-image-width: 6;
  }

  Pages using this styling

  • format-screw-hub [info]

  ¶ 1 occurrence
  

  .licensebox .collapsible-block-link{
     color: white;
  }

  Pages using this styling

  • forgotten-memories-hub [info]

  ¶ 1 occurrence
  

  .bubble {
      margin: 15px;
      padding: 24px;
      border: 3px solid black;
      border-radius: 12px;
      background-color: #FFFFFF;
      min-height: 150px;
  }
  body {
      background-image: linear-gradient(to bottom, #e0e0e0, #e0e0e0 90px, #e0e0e0 90px, #ffffff 200px, #ffffff 200px, #bfbfbf 40%, #000000 100%);
  }
  .scp-image-block .scp-image-caption{
      font-size: 1.5em;
  }
  
  #wiki-tab-0-0 .bubble .scp-image-block .scp-image-caption{
      display: none;
  }
  
  .bubble .scp-image-block.block-right {
      margin-right: 0em;
  }
  
  #page-content h1 {
      text-shadow: 1px 1px 1px #fff;
  }
  
  /* Series Switcher for FM Hub */
  .innerSeries .yui-nav {
      min-height: 50px;
      border: solid 1px black;
  }
  
  .innerSeries .yui-nav li {
      flex-grow: 1;
  }
  
  .innerSeries .yui-nav li.selected {
      flex-grow: 6;
      font-size: 1.5em;
      font-weight: 600;
  }
  
  .innerSeries .yui-content {
      min-height: 250px;
      border: none;
      background: none;
      text-align: center;
  }
  
  .seriesIcon {
      min-height: 250px;
      background: #666;
      color: #fff;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-direction: column;
  }
  
  .seriesIcon .logo {
      display: none;
      color: #fff;
      text-align: center;
      margin: 1em 3em;
  }
  
  .logo :is(h1,h2,h3,h4,h5,h6) {
      color: #fff;
  }
  
  #page-content .logo hr {
      background-color: #fff;
  }
  
  .seriesBlock:has(.innerSeries li.selected:nth-of-type(1)) .seriesIcon div.logo:nth-of-type(1) {
      display: block;
  }
  .seriesBlock:has(.innerSeries li.selected:nth-of-type(2)) .seriesIcon div.logo:nth-of-type(2) {
      display: block;
  }
  .seriesBlock:has(.innerSeries li.selected:nth-of-type(3)) .seriesIcon div.logo:nth-of-type(3) {
      display: block;
  }
  .seriesBlock:has(.innerSeries li.selected:nth-of-type(4)) .seriesIcon div.logo:nth-of-type(4) {
      display: block;
  }
  .seriesBlock:has(.innerSeries li.selected:nth-of-type(5)) .seriesIcon div.logo:nth-of-type(5) {
      display: block;
  }
  
  div#extra-div-1 {
      background-image: url(https://scp-wiki.wdfiles.com/local--files/forgotten-memories-hub/SiteLogo_1.png) !important;
      filter: opacity(0.6);
  }
  

  Pages using this styling

  • forgotten-memories-hub [info]

  ¶ 1 occurrence
  

  :root {
      --header-title: "Site-19";
      --header-subtitle: "The warmest author page of all";

  Pages using this styling

  • forbidden-isn-t-single-anymore [info]

  ¶ 1 occurrence
  

  .fonttext1 {
      display: block;
      overflow: hidden;
      font-family: 'Source Code Pro', monospace;
      font-style: normal;
      }

  Pages using this styling

  • forbidden-isn-t-single-anymore [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Source+Code+Pro&display=swap');

  Pages using this styling

  • forbidden-isn-t-single-anymore [info]

  ¶ 1 occurrence
  

  
  :root {
      --base-font-size: 1rem;
  }
  
  body {
      background: #ded9d1;
  }
  
  #header h1 a::before {
      color: #5F1504;
  }
  
  #header h2 span::before {
      color: #2C0905;
  }
  
  div#page-title {
      display: none;
  }
  

  Pages using this styling

  • for-brandon [info]

  ¶ 1 occurrence
  

  @font-face {
      font-family: 'alegreyaregular';
      src: url(data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAAIREABEAAAAA8KAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAABgAAAABwAAAAcZzcK00dERUYAAAGcAAAAHgAAACABFAAET1MvMgAAAbwAAABbAAAAYLx3ilRjbWFwAAACGAAAAY0AAAHqueNEnmN2dCAAAAOoAAAARAAAAEQL1w9UZnBnbQAAA+wAAAGxAAACZVO0L6dnYXNwAAAFoAAAAAgAAAAI//8AA2dseWYAAAWoAAB1dQAA22zasYpdaGVhZAAAeyAAAAAzAAAANgYdWYxoaGVhAAB7VAAAACAAAAAkDt4FaWhtdHgAAHt0AAACWwAAA5x2RTsSbG9jYQAAfdAAAAHJAAAB0B1rU8ZtYXhwAAB/nAAAACAAAAAgAgQCbG5hbWUAAH+8AAAB8gAABQ6AYKVMcG9zdAAAgbAAAAHkAAACxxv8QPpwcmVwAACDlAAAAKgAAAERNuWSUndlYmYAAIQ8AAAABgAAAAZXF1OpAAAAAQAAAADMPaLPAAAAAMsqYG0AAAAAz88HlnjaY2BkYGDgA2IJBhBgYmAEwmdAzALmMQAADiwBGQAAeNpjYGJ2YpzAwMrAwjqL1ZiBgVEeQjNfZEhjYmBkYmJgZWZlYGBiYFnAwPDegUHBmwEKCiqLihkcGHh/M7Gl/UtjYGDvZ2pQYGCYDJJj3s1qCKQUGBgBciYOBgB42mNgYGBmgGAZBkYGEHgC5DGC+SwMJ4C0HoMCkMUHZPEy1DFsYfjPGMxYwXSM6Y4Cl4KIgpSCnIKSgpqCvoKVQrzCGkUl1T+/mf7/B5vEC9S5gGEbYxBUPYOCgIKEggxUvSVcPSNQPeP/r/8f/z/0/+D//P/ef//9ffng2IODD/Y92Ptg14PtD9Y/WPag6YHZ/YO3XrA+gbqTBMDIxgDXxMgEJJjQFQCDgIWVjZ2Dk4ubh5ePX0BQSFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTS1tHV0/fwNDI2MTUzNzC0sraxtbO3sHRydnF1c3dw9PL28fXzz8gMCg4JDQsPCIyKjomNi4+IZGhta2ja9L0uYsWLl66ZNmKVStXr1m3dv2GTVs2b92+bfeuPXsZilJSM++ULyjIflyWxdA+k6GYgSEd4rqcaoblOxuS80Ds3Jq7SY0t0w4eunL15q1r13cwHDjM8Oj+g6fPGCpu3GZo7m7q6ezrn9A7ZSrD5NlzZjEcOVoI1FQJxABq4o0VAAAA//oDpgUhAGcAiwBSAFgAXABgAG4AeQBMAIsAlwCLAJEAcwCdAKwAsABCAGIAjQCTAEkAhACAADsAlQBeAFoARwBEBRF42l1Ru05bQRDdDQ8DgcTYIDnaFLOZkMZ7oQUJxNWNYmQ7heUIaTdykYtxAR9AgUQN2q8ZoKGkSJsGIRdIfEI+IRIza4iiNDs7s3POmTNLypGqd+lrz1PnJJDC3QbNNv1OSLWzAPek6+uNjLSDB1psZvTKdfv+Cwab0ZQ7agDlPW8pDxlNO4FatKf+0fwKhvv8H/M7GLQ00/TUOgnpIQTmm3FLg+8ZzbrLD/qC1eFiMDCkmKbiLj+mUv63NOdqy7C1kdG8gzMR+ck0QFNrbQSa/tQh1fNxFEuQy6axNpiYsv4kE8GFyXRVU7XM+NrBXbKz6GCDKs2BB9jDVnkMHg4PJhTStyTKLA0R9mKrxAgRkxwKOeXcyf6kQPlIEsa8SUo744a1BsaR18CgNk+z/zybTW1vHcL4WRzBd78ZSzr4yIbaGBFiO2IpgAlEQkZV+YYaz70sBuRS+89AlIDl8Y9/nQi07thEPJe1dQ4xVgh6ftvc8suKu1a5zotCd2+qaqjSKc37Xs6+xwOeHgvDQWPBm8/7/kqB+jwsrjRoDgRDejd6/6K16oirvBc+sifTv7FaAAAAAAAAAf//AAJ42pS9CXwb1bU/PndmNDOSRtLMaLNsy7I2y7YsjS3ZluXdjuM4juM4zoITQjaSkAQChDRACBDC0rA0BMLW0kCBUkr5pXRGdoAGSlN4QHmUvh+PNjy20uVH89xSSiltCU3Gv3PvyIkD9P1///KpNIsszf2ec8/5nnPPPaFoqo+i6HWWJRRD8VRaR5TaXuDZyj9ldM7yTnuBoeGQ0hl82YIvF3gufKK9gPD1rByW42E53EdXGjH0dWOjZcln/6uPfZWCr6SumjqG7rDspeyUQqWpgpWikhMMS8lsEmluVaOOTnBufKZ7UFLnKFkpiA4pn89T9Q25xuZsxuf1cNFIlbsL+Rk+cVV/Ptc5pzXXPuR8TNmc969onjsr0zx3tqXaE/edaHJK5Dd3MKO0ZGmgrJSbylDwkFRSs2cnLCxlZZOaK4M0D/ll0U3Z4Ze98Msi/LJO28jvunN+zoUSzVUJ+NHi0Y59rmAy62cslr/tc5abRxZPUPrNa0F2+4s9vaeO8O/7qQHmDfZuKkGpyKC0SrVQHqnKZrN6LTdZoEuqM5mMllYLrK8OXxT5yYLgVOAi0upVLX50IipRcXjQqKRbUXLCTs7GQ3arkJwImrfsku6CWzI50xtQUmsuPdy54i8HKG/SxmrxtGZPa3FJj3LH8Wet3PHDnef+5Sl8VwulNTmthSQ9KBzXZPgi4bgFPjtOx63u5OHOC/7yW/iYfZzBp5ZxFr+NC/gVHmhcjNrhICSNO0MuOAhK40pQhg/48OvhzrP/cjf5Yz8+tYyXkHvl+BX/TSX5G/iWCPkW+M2q6e+tnv7eWvyZw50X/+Uj8kVJfGoZr5v+yzT+3OnfUfFpAR618ubKm6OcU1byBbiG3+Av8Rs8CbxR3SJjtbtkfzAUjSfV9Iz/oW4PzbCC6FR8/pLyykhVdW2yLn3GR6b/p3WXIt0alRUtnNfssl6Ryuf1YAjObXlKr60EFaJK4ZKYhiPOk88TXepCfCLnhwMmW3zlEy6EX0Gh3Qkev/LxLHwOLvsr3isL/JoLvT00Ko1suWBoVB55V0j8Ugm/LSRemzvinLdvcGiBa+h3aPHmraWBW4a96Nkhevtm2jtEozl2h/FDBg3B2xPKIL1gP7wYj0siGqNp4yB5X0Hv2EzTC2GWbzFeYLKWPgqgoeagC6hCE8xMrSGrc8Kk1pPROlUtmtVlZlLzgl4OqBp9VHNmJhiJ8oHGtcqTGiPpFaCD5eTKuK+iz5nU08qkPtfUxq5Dx49hfXNqjZKmHNEznuOa54gFzsa5RgWE2PXUZywRIo9PLeMyftMy0rg34wGtieLXw11PHP8z+VAMn1rGG/Ab/o6mM7+jw/yOzunv6Dnzr+fg0wL80Gk90TryBbiMj2J56kle8cQyjR1zTquFxPGy4vFGYw2ZxqaOzp45X6oOFTSIvyqvp8tB5gGQPqVzTVgR6vN5rVM+RDPO8mA65s9rcFEqxTqRa27KeXx+d1UizTQ1NuewUlSgEE1MTVNjVYLxZSs4sHtENdJIRW78cSdydyJ8e4tvRd+GqNvWNX9Z8qcHgk2OYPcVwaAQtI2IbMdgmGYbgmPhjoDvZ4+UNdnL5twQCj0yOj84uvnxszYtHs5de4dw1yYObRD4UKp/SXbHoyJSrW7jXdpttTqvul0QKpKze3njIO13qoFsbVvlrsecxtucE5WhMqeD/ji7oBrlmOETJ7klsxoXJCjKQg1MdVj6LVsokQqAzWukeqnvUYUM6JPewk6C74CDOBwocDDRncwwjqTezU5OBG3kMMhOIm0WMcilpnUrlfQIaBZnnnGSXg1nTeZZk6R3wFnatHx9YLojpeA0mBKw3XmNkzVvXqtWNE9e7wAxjEvJjALgU3p3C5x5PelqONPjQTxBKTJBi07GibCXodwohCiGo0EUAHo200kD4tEIh2Z+LDfzzsDje27Y23/rqmvunIccT9DiiM04MDH6zuzZw7arFodaW6Pb1o6uppfCp27t3wefWn36KvP2Hc8funLVA+sLJ1T0dVTBtCaCJ/9k/Pp649sXXJBg77xgiys2r3HlznNP/Nr84Ibxxy64UDKvgZ/ZOvWS5QD4uVnUEHWAKrQD4oUeDPsc22RBxLD7bJMTiap2EWBOcADzfFWzHtUDrsnxvgC4E51yTGqUqvfBW0DSQ4BmszSpD8N7KCAr3XZe5OREDej+3EGsws1yIdvYgr2zPqcHIGyFQz3RLiuH+Egw00k+45MPKVZ3IEV0XlQ0mYDcSXehpqomgmII0E0DjqDiPj9qNmHEup+Ld6Kcn3eiJOIBa97iBdefOA15DjnR1pYFC8rLH/3D47N2BsvZtZ6Bs1oXrb3mCTQnPjxa0irLwWQv+s6mDOMtc2YWvMotHUWh1SHlr0vf3Pjyn77x9Dd/cLmRHVmNBnovm9ciik799lsO+0UxdA/dW7d4zvqJA8bv55638zIbaxkLswErzzV0lbocQ1det+vjcNebS8999meX374JHYjfBDwDYZ6B/IRnVJsso0gxkGZTsevWacekbsfvVjAS6ExucZpRzOARFPneg8Yv6eXwvUmqhCrY4XuRVofnh+4XJ/UUSuLvkRs7uS7sRZycV/ZUcCHk5aNp7mBpqrWruzXlcAhlNOdpbe5WKz2Ruob6uojNlhSEsgUDZ3Ul0TBau3D/1nPntMYDnKVNYGw1jWdv/sZZxv1z92w8p68lFrBwtiZGrG/fvHPCfKaQ8Uv0KjxTDX4mmjxTraqFj+oiPFPSfKamHLZbsscJQ4wmcp1gCBvTbCJ06nfh4bq7zny4ysbOrkaJ/fjUz6037p/xaFbaXpPFj4bOPee7l57bmbSCvbmFWcoELe9TNspLVQJKLdRsqtCAWV6LqqfsoOd5VQsenSgrOiuQQBnM+ILTFSa6m8K2wMJRWayiDXKhLFieJ7aguQv5/Fg5E/7mXAi0zYWqEu7mLJEZWF5goWCoEccnqty5ToQ/zTvpxC1IUbauEB3pLSHp7NVtXLBTkgabXpvX5fTHZ4scPa9BLu/3elJZd95Gq5uDwbTH6qy/Jsv+ZLhDaOvvs0kV/F+W9Va6EivLy0ritL/EeeUWu7Vha6Vxi0pXj5WUdCToSxCSXNWio7tNoTkrjWUSpzqYYywFKLRSmNI6szpjndQEcNg+VfMc1ZiM7pImNS6j+wEDFzg73SJjBBh8SDlMhuLLYq30ZmD0ft7i5sEJWeK+twr0Rq9j7mt9faJkrKXXKbSxGX28jkYHJPHEwxzDeDbRxja/43cTtKkfz6K11CuUTNVTmqROCCwl4JmgqBpzVLfL4AfstuR4NyNbk7obnsbOwJwQyJzAbi2RKxpYmk+E5pzdyw6oqbamZedk48bHDV/tHu0MNi2Z17J15UBFiOjjIHqcHqbXURx1M6Vxqo5sk5ql8qisMzaQP0/cCevGz6ALJiHh3j6ykhBglNYsaQ1JOmc7rlkk+Ivjh/n/deRSzBTg8jiNGCAL8HqaLFAanUYTiGYs3CnXT+kWDoZA5XUGwTtLsIyD/bIMimjdDS6b4UHPnl+jKBc1wfPuhDjoIuptiIOazoiCzoyIxBkR0XRg5CCTa2YwtHM6CpoOf+D7+6dC9ArLBrBFV1PY/uDvsZjjt5vj7/jPP19shgdU2qkxR3TBe5zVLEcOd7zx5xvI2CkYOwVj1wRpnBcsGARqBggFuIaxOEQBDrxQ5EnjNGMeE0zqG/xKGZgl2o6i/ReMfLBSemjs4NrX0GbUzNzjOakbh06eR2K04aljzN9ZG+AB0VIRERdLlYGL96oYjwDGo4SYPRF0WJR0BUeI4J4C8K6IoMCMFeuy1zXDmVPZjOL1UNEITdx30bkMo9I3nvubceyNFz/e9vKD9z778wfv/SH6zZ9Rq/HB238zfoL8iP7eL35y32NvPk90a2DqGH0TPFscyyqAvaobe1VJAM2qwpZFd4DRS8BjOMCsAOOgdMkN9kUpLTPtSK4Z/5f1OxFPg5PLglKYPg6MBthE83hA2LHx2zU0EqtDrKOm/QJW+f669O6aWscl/Y1t7mZZYbYudUplVnB/ff3Gt/42mueElZzI8ausy/ag1wdSPMOYtjkHWD4Az1tJLaAKlfh5g5jMh1TdC7MCJocT2BfnxNOPs1kB1jCZlLJ7EvMsSg9B5KKV5zWvDNqscco4Y5dLwTbWN3QhykSQjyY6EVFAmvGHsamAEcSifO4hNDw6MPumtOLPvrh21zeeOiGg/NalodE6qcSo0C4UD6Gd35u76NxFK9bu3nPRCuMj43fO2dvtB+92OgPk2Wumaui34dnrqPVUgcEw18LDIvz8VlW3WybBguhB4DNKED+/4sPPn1I17qheBaylStIq8ax3KZOaS9UrIf5I4yHZawkt1xS54K+MYWoYVLQAjMifK6qFSucInS4OjjVnF+9l4ZWFSVZjWz5472sTT9vsXx3dePbs1t1pr0coXTi8IXn5/ivOQ57vGZ9dM7u91+E+sH3jBmSbE67aM6t7QWt6KefJJCqv2rjwviZb97Ob39o7m+i7MFXDLIdx+qhS4MdAujQxq/vBWvNgrctUzXtUK8lgZ4qttQTDKMdZCS+MAgIUSQYaRel+nKRA1jwRDMqAgslAAKoS2CcR/hRLhOWoINDNiEM9PxaloYsQz7D220UbbfxbJVqhPDEE3NZzUpUvptnB7zdknAHl9QeEi9ArRBZheEYbO0zFqCuLsohMy8Kr6iIci14sBFHGQogTIZTLk3pVMeL77xM3EgPrBfviO6LbheOa7QhVsNl9xFDY7F7fqbipHGxnQVLcxCF7wYCOc4q7nCjdaREhN6aEXdgNR5kKkIyTAcmEbcuHvv3WMx+5ozK6rr1RntUgvv6hc9mN1y3Ozt1598NzuzpBKt+4fP1XanzoE0lmKlPCx+DDDE9te/+q/MD+7SsyXUQmozBvlrMvU1GqgTqbKoTxiBMQ/qZUPQATx6nqNgtM+QwxQjEIeWOSXgtiqQBal4X32hiMIRD2YPWqkHWbSMhFArvWCrgUkHWP1zRLmKsBn+B4fyedzVTQph3PzTBRPDeqDm/YunXDMHh/vzW0YuySFYt8grttZ9mSW5ak3i98998fvm7buV+5dXPbxTEO3XHuk3t3nTOciQm8vYNxqC2rNt+9kBVjbR1rt7d/5/2/vnjfD6/dtvlbDWVpkOswyHWM+YzyYJ4As8QCknRZsCRdFJakl3gLj8mWfDAwDyiaxsBgLNi20vwpcpQN+2nER1WELE6GHw7axJ27YDq+MkVlnTu9NGXc39RZ67HTe186YBNajY0nf6jFU8wfnbRS3wnhCcVQ2wDzbYB5iFKpHmobRUyVHuUmtS5QMWxhewnclTC5KyWtHk9uq2sSG4N6F76kt8MDSnBXkrRSfLcK5kyVqpeCSZ4Ft9rrZeUJ0RuMptIcify6ohCfUFapNN1K1CvX2Mnk0ojEIhWIMI4K5kyBpOkEcEDO7alg/RXIXxTRtqrccHv4gsv+8/7RW1dX9XTHcsPzqv6i7//ZXbdtXrGnZsn8TsHOPR2SaiPz4qpFYHduHVuyycit6++MSm03brzh5bZrxlrWDWTcFbl5q/Nf/+XdhdW3Xb1Cnd+dDLEWZgS9W5GtD6e9JQxLD+7bdOlmoqODILtRsBthKk0tpgp1CNBiQEeDqh7HTEclaEUAj4ik12APCROyHofF2Fg4JdDDGrnABEvIRCOBb0kALtbJnw+AWRdSUSeXSzjpaCRNmxFXceiDWP/mXX777ZfHq0zt3LpikZd3t5raec/NF67dwt2w9dyv0Lu/83/++sOrf/vgjUs7RIetE1Qzt2rT3Qs5UzW3bPnmUF39N5++jowNdAFtYAKEA+TPYEWYA7iKnIhwAE3MFPmQpkwfYSLwOWYkzzjeBiypA1hS2/T7NFuiL5ymTfAMmLfiZ5CpIETRYIknvMXfrZhmrmCYZ5BXzS5NKMUnUUnIzCiYV3N5nBMsCN4yM3v9BVbrnvFsZzLcxdNP+AWqy/zo1KPCPO6i9jEPM09Q8OtUgUM4BvOoOH1NAktiKXFwYvE6EHYL8S4L+tain3d2KK7fP2q8gMbQNrrzzUeN82lqtRZb5C+xbRjp3ynue8g/umHgIGARR73MMRAAlkeawkEsDid8qu6yTmI5EMCBLmMDJ0Dk7/LBkVjMc4IDJQGEAzEzjuM+1PjE3LfnzgUDrBpJ8cxTtHgdzbGMdyNNk0MSVNBkrBthrK9OjxV9fqw+vwV4No7PVNScizel0EYYGbpLZo3VZMTO9x9Fbcajxl5mHR6cbw0MuMRvhwFf4dj3EIz1MuB4D1n2UgFged1UIYp1L1iUPHC80qNYzypNOYPRwVbRUiR9laVgYZCddspuB7Yw8EBgGllzCvnxI3WRrMYZEr9sVvDHSAwlh9vXl3FJ7ip3A/fJ9l89l5um8pbABQL33M251T2za3o87ufkiPD38gMjqy/fbf/n8hn62mcs5taxx4BDDFO3UoUItgfzrJOFOBwUZOyqS7N6HTupdap6O1jVjKpzWHoLiJ1oBhPaLOlBGMUsOJwl6SoOxWBgI/CuzpKVbhsnl0b9yUx751xiPuV28AVt2GBo7rw2T+m2gnoEkyVqcz8OnyNyIVqVMGlvo9KJYtkMS6wqeGowsV0oQfORqiZ8C6e4cVBN834wshIVjrDgCCsYv5evilXRcWxwFDeYGyfqG/76a8h/4B5kmdjQtOXe/9o1WOfziT98ceGiJV/93sJXFXuX5EiuKLG+9VvjSeNP/2689O3GS7778Z1Nzxsv/nQz+mektOXDbVvP6b5iPtr9VWrqnUdWrX3sv69f/8x3ds5pl3+5di1rPPS1e665mpr60aXhRjoUSB8wVn1P+OwXyI5SPzWefm7HGz/62jLBOWi96V0UvPasq9F6ZJt1/XuA/9TbUx+why0NVC3EuQspEhho1Vndy4MTymheSYtjn4REvNoD5NWZKXA4MRRMujmc68R8okHVM3giBSFm0Ox5nUti+6FiCHngpDmUyypuzOn4KpIXIzxVBQoUcSGcM2vDszvqBuvMRONya18Y3bZbOnhvYHQZ67zja9+oqeGETfOVvoaH1141pLT2fIUV797zw4m52x90cau5WUtYX/TktUbj/A5eWMzZLBbnCB+JV7e+R0u/zAXqqoUxJ63a6AD4apgj7FJLGHxPHdVOXU8VyvBoqaweZyYLTnNVTW/hcMZhQk1SThigirOMHarGgk8CBUtlsFtqAt2SgaBXY2j8EHV0Yv/EwqgdmCc1yRPOMk88SdQtXoY5Lr6clDXQLxXncrUWYFdynnBDAMMNPolPAEvMmZyd6BvOEmIeFZ8mVQkePtHJTtOry8RVPXRFup913TX88fP/e+cldz16/a92JSeaU9tjqHTzNTv37r3xl5YjIaG0N1OrPeV10mJglXvOUmZFb8piXc4JD96z/jsNld+5ZNMTF3hE7m/DPTdtv3BvgN0i09ZE87qO6692l79gxmPAK9n7QUfi1CWmZdF9ABiLE7KSzYwhYS663ZOaW9LF00t8AbsoJItJcGJpRNCQcVbyRXHSutQObFOwBokj90XNkE2Sxym7iIM1jVU0qzkLYyTJCqoDMIQjtFeissWIzclGK6nRp9Ccnw0VslkhIa7ljNd//jeEfvG1x6rOrXWKfNlZK27pM/7bmKBXv4oGDwdEUbz3GSGXetb49SfGx8ZT9z1iffoON2MPehV0lmlHLcOgI6VUNbWJKniLGlIxQ0NijJmTqiFqUeYCKwpDL5P0MNYLUAfMqcuIOvjBq4SBQBe8zgoyzgovVge4rMVwDKQ5Fc3xBTWIV1Kyh2ajRNCImBEZmxeOp09L/aZhmFl16NJnjKf/7ccbU5fGUNl533zXMA4b/5mEyXamrI2Dxp9fNsZ/HBA5VLF1HmpANjBcUbn8xGsg38vABvSCfPuog1SBwiPuyuoILACStCzW8R5+spDtwYwh22ZNFlzYAkRrKRdMkCgAE63Ft6JV1uS4m3IJSd3hkiqPqHo5M6kLPCjIbIJUGvPdjJaWcL5sQjHVoh+wSgNWWk9ec8vjjvIEyWIqitaK1yCzcKc9r7uxeiTyWrmMw0cHXqD8PGiVJBONyS6LYWMyPtNnA4g4aVEBcUonay6Ax/AHLhNX9JlIPrgTjU9wUXEtaymNjCxfsK4WSd4DvVel09agdlH/mCDEW9vGNp2dTsjW5XyVYjOWPj/71phnpTgwNo1wifj1Z4S2YLwmLom0P29so+2cxbaDdxlvrk4lg5zFG+wc6LDZHntcdNosBPNjLAWY56j7TMzNBSZVmDThrQkTeGsA3nANhjcc/5fwthB460x4686ANw/w1mF4GzG8hxzl8URDpghwFQCsZkA5UUMjXvhwh80cw/8PkP2nMWZO54X401oK2N550MTWX9E/PBtj+5/l51dXW4MHVgO0seb9rPu5i8BmnaGwJeL9zwg9wVhtEc4RWuQs9is4l3FwUQsnrBZErmiXniEY3myu9+r+absk2yYnQrEmFiAMMSZEYKI8ME89kl6GQYEoy47RmhDNhThRJWCVeWRlgpXDkSay3iPjxVTd3wTIqHktJOt1aTx3lQIVrsFhsiyP20VP9b+2V4AHNW2w4CyJEiQbAKg5wcr7edOCTaA5vxh6saNTqBFXc/u//QfjBDX1i7lfi0SS/XtZ5ZYdibFAiRAvdYrW0PqN35hrfGg8Q6/+BRo4NG3PcquWgJEDg3Y44fZ81lcrnGflaCYVuv4bl3UorKMy4AXrRpl6Z7nDkqQWUK9ThXl4rjdlif7pCKKweZI+wE3qmXwmU6jB5k4Ctw+GQMlodjAEWiSLNU4LZSYC3VQNgBsQyEpbn21S65bGU92znNj0AeAjqmY5qpdAtNGXKZSQ4LwERxsWSZ8NilpClj21soyugv1MKZP6QgB/tgUbzfmgix0lsvJkKBxp6Z47OA+jq8p6PIct6MA8+EzjIGDfJ+vqXPisXYArtvAX3SmGmYe4nrFkcsWLnumriKflaY0FlkI3yWYWs6jGjXAy08MmLoxGBbU+aKVFNHbt983Ld2fqdlYnhKFGJhhrXsEqDy3/ozKrO/DWyuBjc/pBtVdY3I8ve/sMxbaylhW8XJdvA4fkQdvJRWTBV231bSfvMv6O1Xslx65AsWXnoCbabuGM281rCpEfxJj0LpBfhDq3aDdIwqEU7IZM/BO218QqRIkEvMpkwUvg9xbh9wPgMQDbT8AOYUxLcRiNygFTgZAUO+Cp/Cs8ZyIHc32buGYWHUotZZ0PLK69tKrKuqQNw7GFVb6/On3Z9LTuSU+PHo/zG8bH5phgGsOYVONNOgdjClANVEEi0xeUjIzEijMopcS++RyTugcUpQxzTdkqf9E+nX5ABl5U7qrldDC9hnW9m7gMxDRQy3gt6IHv/06a98xTzIbeWkE4Gz+QvbbbKDWueO3kHByPbJ/6HfsxPEsYoqhdVKETg9sKDr9V0hCeAeVZneJNrPXaemDFSvFRtaQ5N6qBGfSQBy4BoAn87DT8ei/gXoLNsQNQRzijUdFGUB8viWSaYwT6cVuN2lBMHH4Z+owH7EYRf3cO2xgVTdsUfN+KKvA6Kl5q3u5Z1XaGBg/l6YDkzoFiPrT8Nhpd2L2bdd41FFtZERSczcvOMZ5AY4Pb51gdd/g37KJXWNvGZuqt2Nh24na7rbekHIuOviGIruqubbICwWZp2rXY1rvaeMToXj0s9Ac0oqu3AK+wAZZZak+RV6SzZgYswn9BXRuJupYBrfZnCmVEY8uKGht0EXpVA24tabo1zMCDRH/rwQDUAMfWIoRhpwHXSD1ZnQZUC/7aJLbS/6M+MzyQbS/o9Bcowi2OkSJ89xQNQKaUZxAK2Ko7O7tG+2tiPnE5F/PbjAPP990cAUIw96yZgHFKdSrNW52cccAYbmmJW/lAvH/JLJvt8CuiAiwAY7Ry6k1urSVODVK/K1Y8NGCVo2aDamVAnTKS1ou1C2KyORCZJDNkAV2Xg3DfasGmGGnzVH3ITFkfqf9nyCxSykta8xE94juuxY+MRyNxd3I8hl/hxngu3wynLfi1ALdm1BDF8gW4jI9yeerJSLwlH401507VEH3hirlumGk3Ae+V9do+gNuqHOK8vqbWDqLQ8oSjJFBecUqjcwpJhRfxL4W4EMLDRtBZUirh9Sh+8/j0ClMjraIo4lEUeNwpu7PS1tNqXb5kJSff11va7/WNfj+Vtn/r+YbZ8rusbdncuOyMN+RZZcdg4vxwxNqVj8qy3djeYGyz9XctZpXr+mJjpdJKoW+UGapubuJsAzbQYuMfBnvFDvQ9eh6iGVEYsjVm0yefeW3HICus4ASWXck3pEPo6Z+/+s9nnezIiUeaumlhhSCwZpx00dTjlqssNVQLdZgq1GN9r8gWarFMcTFFgVdKcH0kDjADGc2DpcpkdRc/qdfVE0JHSlryqtZ4VI9Jk4XGGJ4EjfUwCWLSqXohFWftHaD/5dIkLp/0seACHPiTwRKrWRwQwwVbTB1IwiEf4mUlUlOLJRFUdE8FNveJOrhf0wAzpwWmSsEuR/Ak8eDVMnP9HAvGR4Fg5MbP2R6epkAWzOfWALF3TVwkXZavmO1234PG1qy29w2z7iv7qzZUhmxz+lB5u25ct36D3RaMbmSV3WOx1RVBW3cnKpt3HvvGEEb+jwZ7401MxxhtxXiyK60dbf/cHYR52XjbbSfuSsdMnNmVQlsns6uryV5c77DkgP+5qDKIXQoOPHHc0wwwgCPTckL7JDfOrpOclwDhGc4W+SRsPFiMRgCCUl0o5o4xd2MVr4fG8TfllhSIvQD5aIQeLaCmp7+HhP2bnzT2nTBe0IyXn/+bceI/nv2QXv1TNO/Zbxm/fuoe45MjF6PV6GzjM2MCVX8AOjvP+C+SG9499RGbh7iyCnzclVSRcZkhVhDbwCh/OsBMkQBzwpsgKQivzVyzYUmhk5bIYMJVa6YgyLJNgISaMRBhrVxwhipJoBnEEVMoryfwklt1XkvJulz7RRMYN4vAkoj3VDCE+JBKJuRvNpd1eXq3c3kr+HfiQxD9i99e/+blB1nW6guWXsQqPWeHF72NWt76x+GXqiTklla6ek9ZQOEZ/ZL/ffXL7X1ZrxUcBmJoO315qAb57tvPe43fY/kZ/dxFIL8QlaQ2T6+cgPxEPGWIEGuAVwZI6ryUPVU1VOkm6yZVRXGm4L2qEicWxKCd5FxcAbKKrQVl3e0BWKI4LaXVyF+QMsV7fWZuN4TwKkFVLPEvhG5M/uotFNqZHHV7BIfcvFnZcMj45MS/UIOTxu5O2x1X2i0WLi6l53d/76kv14ntU++xr1vwSkg7dVlRJ0qrslmSl9JLvpCUms5E4bUkNYMxaC6qAU5AVRI1ABlrzfIhZ8gTi1eZZZpaGWBSgslGoDqPc0+HkE0Oxeu/hGMUE1BuzCBcKFKVYMhcB7VIRKKRKMcjfyfbJJFUxHZldfu0Ypz48bv37/tN+0WLBPHx7PbM249xmbWs+03FUxFri6H469aK+a31xk1eJ+0WVtg7l53Ske/ftfPVHuPAmvnW2f5Ny9Fe4z8uygtLkYWm6Ue9tF3tuLgPudzlxuPYvm6fOsbgXGU3tcP0lboVMAphRUnhnHAPqeotP1XVW29W9eJqy6piVW+1CAFKHhDDTKyaBq0JpZrbcToqXwUARWN47ljbSR0MzJlDNFNelSDELKSAdywWu8JUIctqTAKvrLFNjacivkRxgQknHPw++M+D195VtL1khbOye2z2NQfCjQuHsizLM52D61tqkPTSwvuqqriwOCJym2++eH/t8gWzHmo9wBjv/2rpg1Xx3vtesq3YvrTWfcV58b7GXG0pTbMoXDu3Z2X2wXcCDgfEyVZ7suv8xRcvqZvfXx9dXL3tqz/4TVSRMV7K1KfsAODVQt1TzNsFIVwLZwpVZGWYM2tZNS47TlUxQhKv4LMM8UQNHKZhxBlRRydaTNfTIuFaBL0UjFCppIPRmLCZbAz7nBZziVVLyziFUKpo8bzmBKIXBY2zKRqHTVKC0DS9ASNtL51ehPWHc36SHU5bExwpL5lOKlhynZYm2cnzSoBzP0Zf8QOFcfHcGl6QrWVyOjKntVH0NHVV5kWRU15dbRyTGtsafTIz0L8sXC/6eYF59tDjkt8vzf9+fb21Tm0rjzndnJWhd5687fi8bgbRQGOFMdZaUtYxq525imGcQqSkt7G5WDNjUYG7qtR+qpDAeLlskwWeJk6dEP1KMMTYh6Os7gdY0+Z2h9qjuiiDCSMpMZEH310r6XblVMEPduwxBd+Mhaxkq4Mu1hLodMUO6ugqCSSwusVkMm39LrgWjdXiZDIQWp0qyc/w0WY4QPLDDNjtma7aKxPNI9U5/IDzG8OJCyIRHKpK2iPf1UVLWd0Yi6+uq6gQlmeNv3/8xh8q0rPZF04HaY+88qb+PfrAnOpT/L+26+TIGx988Cb9CMxeCk19OPUu+zuLSiWor1OFCDbaeG1At4LyWCXNh91aMAGMpwx4KgJ4qlXM4TFPfe6aDwdIaUUk7dRiR3TJf1xzHNEc0rjTIQE3deHXAhzP4KauPDXhkmIOp8lFD7mkyPRJkYf6InglT8QMVNZtBClmRmQE1BIoDXUqC5PD8OFgMY0SivO7/fX3NjVxwpbB3T3dbrR41rzNrHj/nt9IXRmfMee6Jw66ly9gXxrj7JzFOSJE6oJG1a/eYy7qSiYgAOLWMLG2fz6eos+ifW0tCLD5eOpdfhtgM5v6yIwitXyWwKMFswQhUB8cUOolOIicBeG7L9VI9sz0q/qcIkrrP3yUoNQJKHUDSi6M0uHnVn34DL5s0fJwve2InoDrsc+jBzRxPB5LwGkVfv0CmAW4iY+q8lS3zSVVJdq6Hc5YfOZGEhFfzrd1fu7GNNyzOvHupmhtngA+bvOHVeJSvog5SuCq//8XUUSL8miscorf7uu+q7aWEzbNubqrS0ThuOes+azz4b7cnarKCZvn7urqdqB5PYMbWOe9173p6mjwGqO7tt8iGu9e99hB97Ih+rS4wsmYEX/nbUbZ2t7EWE8LsQKE+CvmmpaqyAwhou+gIyd+mqKX026QJeIJtw9MfWRpAm4/l1pLFfqxrtc3zcV0vk+Y1NMtmQxJXGg2EGnBVRnFdwQwsEpFnAh1UNXn4bxFX7+sTKhUJjdgTugJ5PWXdeJjmzIuhyKxYpka5tSo6nOYuUmNPrmIYyUaYlFzWS16el0twcBHPT5ylQ84F+/b9Bvjk3WHWPHllQM3R8Ict2TeMengwlw3K9419JIgdpw1q/sfKJm/ZhXrfGBl9ltNzbx18bya957pqs134uTAK9zikmt3Ix/af4dfGMFBkHOAi0TixgO+31xZWl7OCSNOwTVPzPaPGC8aQwtHrMIY+dSIpTIaakMLji8aaCm3AL4C4Dj15tQx9jLAcT51UTHebcbGNSucMq7mtOAgVtLnc5O61YfxG1a13qN6ClxPTUZfAEYz1Yur9K1yUmghnC8LUave1AGqOF8eFyVPJcYUKROCvzQY+jK19LUh9xdyJxyPM0cezuOdkWQxgxymA+GtLFUJ/F9CvH5l9nZV5fmzuy/ZStv+EN7NiveYiRTHOQsGncKr5Q4GKe6m9az7seWp7bGo2NIZEUqiP2x3V/cFa9n/KELJh2KlxqcfokJHTZMVoMSplHnK8PUBp/H1+ksesNkUnuf7yiqmayXtZbmeruVda+agy3aW5RWeJbWyn7EN4OdL8Ap6CYbTaQfuWIK9jNNtTRas2CzbrMS100CZaBu+RXPgnWjwTjjsDODqtwmL6ektxFdNuE33XoprBXBpsJXUHyKnH894N/hwH2ZLzhJsdb04EYv3Dol53WojpdBAlhCpaQB0HchPIVLRAWDG+X76hHHf3kvlNWHWizbQss/YZZyPvrX5usjqGlvoZNltbex1Irfjm9ZfPKP4XG0GdXK3k374cduvXgiLIpmPLxjH6H5LiHJSIxSubBPtpKaKx9XyLswDdTt4WjuNB2p3wkCFDN45SIl4g4hmyeoSno6i02R6Vlmj8xqPeQp4V4VkHOLAgGWYRy/4wFqgy62OyT9ZHYZBN716Nrr+rjv9jq6Gz55rcHaasf/QVIhea9lA2alvU9N1z7xZr+woWnPmI+/pemXrEZ22Hmc1Hux5jVmvPM7QPJhrlrxayCuHX3Eds52y4o2BND/DhrN5zZKHJy7ATbIn0ErRDMdb7azltBF/Ai7NuFIsanbnsm4fmGA+SjND0soPYiuDQefapUsto54Tm242tHPPldAAWgjjyhrH0ATBeT7BGQHOrKpzRZyZo7oVcGaspJyIApy5DObcPOAsZkyQkZMkPDVWxhrEKRqfJyUmMsw9C01cgSUr/uFDQUTbfTjhvcf4pKvB0gnY+k++8urZxpWANsl9U9uZe5k3KTjJkW1mikkcEyROwZqW2LZ0RFvtO7+38qyy8lH/2OA+cWdons+34d7fHEYPsNIUdfe8I21tHfS/P4qWGf8278XOTieR39QnxpvME1PLKRHYjGYnlUJIc6gaf3RCMKMJJykWsheLhbA9YUlBmZ+PsFFSCHT7nvtF6fmTCZvxAa4Doj2bWKIbt7NJOmF5gsJVwZpFnaBZvE8Xwc8Uq/rxrl0Rfz1twctxrM2sP5nevaGi24e9D9xRowwBkbWsXMweeSDBzt4Xj0EMuRhiooPME1Q91Uo9RhU8uH5GYCcL6WIhRyM7qQXBgLaR0LkBIqIGSWdBI2szuh/OcpjCtmRxuaHGSnqpNIkLErG+Kg8996Kpryypr2f1lpLjTi1/hBpn2JY80S6dyRfrXxtOlefl5IInLWATwSpaEgyE0CgroJtOyV8ajhAmS4rccvEcDpWcNKnTo81i7FP038nyERWd3isF1yzc4vYGdB27aml8uFV1iPaS8qWHEl+9O5asxjtUgowYT7QGv+uyDl4euuTOAyMdVZuSgvFB24ftyx3nLz/vEm9Fhc3OjUnqyNeuDBk399ZlIIAKW5T6mlrbI/TgktuubxvOJV9brODYXAVcX7J8RJVTNdQaqmDDuFYBrhI2r5VYOWpVzXdUr3HhyLxQ48MToAZb1BpJj+JSepnsI9JrfDIp+YjK4xabVEmcVaVkJiiqZN0hmIQem0Y/x5gFVhSOGWm5kbgenM4/VVWrCl33pOocFfJL9T941zj6i47rY1H3kM3PcYiNX5K56f4Dl9Rc3WTZOkuosNvLGk5et++vz//aeMnBcRL78UUMTf8z4C55+sH73upWTbs1COMMgP5EqZVUgcGjdFknzdJhL17HixG9UUBTFAnvvMAxH54NcVxnpeCdil68CUmzyVoAVz6HSb5Bc8njlM0ewE6YMX0B2ctgBsnTIbJvOvWCI5VBJL3cenmogo9zi8+Zd/VX79qd/Uq4UvTxpXN7R8qfn0QH30Upj83q3PkA1z3vHP074z8PyzLbxSn1sYp/FGtLj7FDILMkzIXzqAKLR9MCUVsNnguxrK6yOPM6PRfqYEx1YKlA27MZ3ScCA+exEH3gMUlRLl+Hl4IdzkSNuQ+QLJi3qMA7fFSwoipBFNndiPcR+IuyKoqRLJDNUGOy4794SU7TuAD1pj/e3DM0ZCvlBZBoXcrhi9UVtdhRVZ0ve8jr/GVSf+u++y6puygSsVael7vpfnT/7f+4TUCLL7LQ9BCRb/TE742uohq7MzU1wn7u9g8R/81fNpeV0Q0WqfTpaVyYLpBxCHR5eRGXBNAAknCTWVOXARGnY1JzSmRxkFdM7Y05cWJNDhI6xcsF0esn6UUZbxSBSwl5nKe8lTOgwAkkFx3+nHTd8enNCYM7X7v8nns5hik9+e+P3NRydTTq8AllC+auiPzkTw+hS0KesdHVN6KDN/9l3z37/RmnI1B58LWQJLFtnLs+XvEZ2ulmvKHRpdeC7i6e+pR5COStYt2txkKOZPUay6Qe4nHaEG9HGEf+gJDUVVy6puICVw5nUyFOTx7V6IxeLuL94CQKL0/KClnsD9WQDfFg73GteEnREjcpp9SXCBBYDOaGZ2bCm5tkiF0WO3ciauqNzu1l5Ww45BNrrmzbvo2hUSnn2bXPmm3eyTofH8luq6y0bWcyQ8zgbL+A7CgHuu3OD3HWQO3TR9Zx3Bbu5Ndbc6wwxgIlHHFtpqsbKsn+GIbabEjM+8y7VJbqohZQD1MFO5ZoB0hUgQOtRtVnMZNauarnOHMlXjiq1WX0RhBvdwZvXydbTCiZ7JWthLdGieRwAo7J8f5AK+AVF80F+UaB7ATTWuVua3lFpMbeUD+L7IoNKAWfP0pUoXwWTBOqMl6Hb+gdNbiqy1+RN8uHnR4f8WVkYjQVq9R9WTJNeIDMrCZNgDHwn6p6ayp+duaOp+ljgNfJbi5fWhEcGHn/67U3+tN761XOt3ypsPCPj6XnLv37hy/e9qdd+79dsSEaW7X7B7s3r9xy/cZztnCXb7r8UM8jj1rkukjZ48FeRRGqbjt7/1s+S0h0CNtEzrZ8+72vy/W1K6ziuvNXHNx02+7qFaWlovgVWrhs/+UbL73zihNzh5dfMVKTSfhYZ21tK7adWbA3LOhfB3VVUQZ4W3hwehFP82f1ND+pe5oyGa2DUCeE+xC0HNWTgK+1Bi4nydZw3QnOQoZrXXCcbAHMs7gS9QkLZw/G6xuKaVxsX9MNAK+voh7X69iDcrHkZNrsFN3HF/douYmnnbl7iy9u3UqirOlSXKXC7+d/dX9luGqAlc4fqtocjlg7mhxjow07egJ8pHqAVS4aesXRpsaqk5ZtPcT++I0rjPe+dfPVFcYVPR3NoKs4RFksdzWjuzZclEl6jD++09WIL7OLuUye7WnJEnu0dOoY+sRSIHn/DVTBgkt9caFdwYUNkgiTt0adiLKUu5jzDwDJFCfH3YFKZ3ICb2rHu+gzJPFvDQAecpTU4oA35S1YI0W8y8MJiqdZQM3LZzrYL9u+hv3qzNLmpULHHXVJm7s8AlDImwkUQkczNtbD/dlkvj9b18KoQ9ag3VaSNOb+tT03Y+S0cCHMVyHb35bK9rdSlFmTr6CtMF4PVYlrbJ3I3AxmAypdoU6UFAcaJrl9GQ+U9cJAy8yBujJEQ2Sc3S/BdaRlsubEYRcOslzFoZlpvuIYZc+Z4wmxY12xdE5ouSOdtkW+evUCGEQrDCJv5OWxN1+nd3ap3BCPR9N6YtedfxniE6eengYd/x3zLuh4DTWMqz/zWMsbILr0YwWXs3qJWRQ8iCXXz5iF2bGjuAS7YCfrl3YBAtAY2W4Q84NnxYXZ9hg8uxsG0e+HUbkH8njb8hN2lxQK1/Zibc8remubuVaDcyGnfOoMyXGNTY1F4RXr06OJ06G8xVzDIFUQVYksyxId98WKeozXJe2ekN9ltzAgVwHl2M8amto5ZddgdE1liJOjI93LmlZ53ujf1sWJO0LB2vbFlo2OkgRR+8iJXxvNpmKDH1vMCJKjwp0qD/Es8yE45xNXBd9Pl/o9tnYWbtu6bSl1QXalx/jg7Pn2trC3ckfRdqDXANcErtaXSczOm6hiSHGuVIsUYYxMw0j2w9gjRexw3K1J/yNGllMQzUBgen5HwkIwUerkEAZg5uDeNfKnJ7OghPyNkYRgDs3kjCNTx7iNzFPUWdRvi3bPImWzeg87qdcuBaPWI2FbV8jjKY1LzPRynA4bgPEF6hdkMhmSK9ajeJhjqjZ6VJ8NwxydjYc5OgwMelTSZ8mYVmuzSZmYngLTWAfeKyWRMmI3WEvM1xKEdCcigMwyvANgtpmj6JCfBMOZ7ylWjqUUrYmU+zuBrigTUm1DJlskdBUAYxTj2ZondWWFsswgtiQ98rhgdTtNVlOcVbwfzyj//2hheebLL3+Z2R3huvZV14hu1vLbeWtvLP/d6O6vByPVc1jlQqKdtraMMDa65RZf+LS8wB7DtYu+5sZa7L5w6BWxrT6V8zP5PluF1Sb19HPfXDL/oX07sDk+rZ7WXB6b4w0G+wUTvdnoyc8w0Oivs1uK8mWTIN9O6m5TvjhfAq5N68jgJkxYtsTJ4ZLLgr9MxdJtBtrlqcOpui5Vy0NchDeXmEKsOdPHdeOgKA+gN2D6iAUWUZ4kni6VVomrM0MJIFNKIVDRgAUSl58QnFavj3Th+LxM/rU4vnSz8kzofz9n9z3l/wPCVRtClSCJz4F86xVf6vBOozkNO8HT5N8F4N8OKoDrFAj/Bm5asBP+zZgVbph/y4R/e4r8G5epeoB/66wdezW/DId8cQW7yLTNLi8zeNLgVW9d/4NfwYv+zsMP7t6256Hd276KHr/tzzedfPm2j24yEPvU+4cf+OHkj8z9okYZ8xHIWaXaqRtOS7qFxatZeLkPS1rBD5mxYleFOygFQM4xi7kpovaoXg8E2p3R20xJ15t7I7Ck8Yp0U5usYA4TCFZkSNwbwHY/iLOIui+By08ycO4EJlPxOSYzLVgYX8LjM2MJsOanK4IUU5JoxoZTetQUq5MTjqT0t2/+401301WtYlpkpecbLwiW23oTLAgSccu3kTD50mZ5WqitTc4b/vyT2z+9zRrdG101i+aGwZQv4FuWVCBepdfObjk5nHj6wW8ezaWM32J5GmHmN8zrVAWVwllsIs8kXh3ERKa8uM9Yk1TNm9Ud4B99MCvSRMIhwCkk4YyqVpXRbTAb8H6l0hBoOustL8bReK203EHqG/WkVGzChbNn3Ol4M4fdPNHt0zU4Xx5lrl6xVUqUqU2s85naCyMR++J6Rjha+4N3vhhaKqqy6p8vXNhJsyNAYYbZ1BDad+cnSLjvzXx58FQ4CfZhxdSn9G9Ab5px3bVsas1EOUuVsMnxZrkc4gesOCkMRAyX9uVULXNUdzhwtZoeBo1xSHjr3USJmUpoAQjCWBNq8hCCQHht4ZxxEl5rJeZG8VgKUKjCldfl8ri9xInzCjpqJllmbC58p1UHJ/G9Hq+fTBASrhW140v7FvAruJaba2ucNG9hhc7vdHpCHMeVsyO+SOq8WrmmdTmt7B5pPr+szNZZHa9JMm3dtpDNJjqSLWpc4LnVOzHXe/QqbnFuXrdxS2p2hhWW43htlJu1Bj03q5UjeK2bOkb/kuTorqVIiKaHhMlCHcaHF8gGKo05CkRvgjUBiRRzcaAl1sxEwLxY7ZrE26zIPiOcTS2VD/GiEorXmeEYXnWvhmnlx6YCZy5wWjskH2JYV6C0uljx75+OxIiWNFYlpgOyGdXqpIvRqVhMRes4BQ0s2zL/gtW3bt/8Xw82bCgrtQRtQ+zI2Ow1o6sf2XHe98+ddUVZebjyx1nbngv7Nywaat8x9+rvSoJg37aHq1UGZ81KNyzJjF0+f/jGhV67HfBI4hpmtpcKU/OoQmkxCYEL8AVsCyOkI4UT5oYIdgSn0pw40LHgrEMpHPhwWX7BGyQhpqAUkK0yP5Pi8xCYx7nTGRi6uAyeSNradkUiNYKAUpxivOEaGKvod3u8Su5i3y3bMrOYwY7gyspKuYkE3x8bH29c6rZam501fVv3oE9bkgyRZR584wjIspW604xctEDWjPaSWd3O4nVd3WvBKy24MMBjn9SpfMbMOTWSMKZgbcSsxYpThVbS9lAPwtWgi5TwlRZzTy4rbunj8ZLYLyjrqTSWq8eOM6lWVzAGvrKR7FDwyloO4hxF50o/F+dkM2AUZsYFM5Or0enkKnhKPD3y1pb9qZTDE3k4uamuJZVvELrvT6uiu7SYlWKlVE2j51GX7dz7yq/fK8wDysikhqxAGEuajRvHf5oKVaN3OhroQRIVpY2V/zDTUryvpS76CDtv1c5t6GOIjEiu/YOpd5n7mYNULV6vwrUoWq1asJaGMY/AloMPVpJF06Sq1xXXTm74sJWshFelnVr1EV0K/L/WC1TPqBeoqj6zXqC2iqxXaUjWbaEvrxYg++3OXKOGeMIj7lRbdoYjrKM/c1ZdUqhanm3wVGWGBdvWdY+6kpkq440Lf9wW3cis6KN5hrV1M77yUuOZu+5c+c7OHT3Ocq/YTdNDXNuyk/1Reo12rtn3ZOrTqXctjwAu/dTvqUIvxqUjq/WrE1Z/uKEl5ifgTPCBUGMuhotz5qj6QBGesQ//i8DTC/D0HdFdpcc18cjh5xZ++GezUKADrncd0ROlpFBAlMYdogtgc+LXzxcKwK0ZKDrPLBRwuqoSXX2i43OFAvhyR1fv525M49zfi6tMo2k8YZE8YSurzDZ/YUnWhJvOpdHMOA79SylEGSIKQbwslbs8XMk6ZjUsrq0Vata1SyVdbazj0lTz5eEwK/ar+HL8rEzaU5UeEmyb1j7qrGmIG+9tuWBI/D8X/jAfXTdDTC3Gj+68c9Pxb9T19wh9tIWh4aKncYbo/GI3Sw+x7ctBdGjD30++dEqAiJKmPmGeYh6hFlArqEIHJsfV6W6s1G1gBqrqITIKqLp1Aa6IAS1HfJBo+YiKU22U3tYBri9RqzZ0kRA4IB8S5Ui2mcQwZcoEJZRXhIrsdxoeUmeGQihnNu9L5LCHA0vu/kJZgEp22ppVAbiTWRcuyUhIjr29jRtLSy2OTK3kdG+9KqB4Yo2s7e7bObHpMu2Z5nPaWfHy3ti2RDUrZuuid/88mmMdO9UreIcUCLqiYoNV+2b/yACzoh97PVu37HNEPeUP3x/yx5wuUejjbL3yTT83/jq/nxP6STTcRbt9ZQ2vHY95HIx1lsDZugWpREw4Wm2vvruul6ztTn1oKMwDMA9yVBeFjQDO2+fAQnhJHMlgC1FSSrBrIZu2KD2ngrkU3VKYLDjIBcrmz3/5hFaaGmcqktOCUwTYDuYyzTmzFAgmd/POKJncZ6dTwkfDK1nx/HWPu1Kqz/g00zvQ2J6vrIiwrGue7dJfzL5qX6ArO3OiVxov7d1Ld6aahD6BHuIbOk7u33bb7SODlVZhjcf14++hvei8bBqRtZdPmMVMgSqhLqQKVlQsH9FpfuYKfcFH4WYBp9bnfWesz/v+v9fnaR/MPsrpLrJL8Qvr8oy5Lu/l4/wgnZqi1g3ZF3hoEdB5XDIO/h2po8t8o9HwyZ+crzJhkRs6T3zkOptkSxpzjf0K95VrbE/eUanY8F4G4yN62NJAZal1VMGGaw4U+6RWp+oxu7nBQz2q8cAAXTjproUlrQIPNyNNkvLmrF4h4d4UJITIgED1snL8/LE6Qg3x0PhqNW/WE55KfDXS0wyGN8mLQroenbGWiEWMt+w3Na4UFl2w+KYdJa2ywslt0a7OlrO67m7p7FEaZYmTGzq237QYfZb0L+2oQ9budTdhhe20jXSkjL82LjnX62j5Vovx51THAp5hHHnppnU9iInvIbYb5U6+iV7ltlNWqmy6X5kuiGa7RIEiWXSqvgFJZSjnp2U3j3I0vdMv0jtOvk//Fl3I1vgdJ7uM7//zgN/k2EnAsoxguYQqBDGWXsBSVbH6Eyw53NFhetOnFa/iurJ6DSAYNRGsq8HlwKSFD6OadNArjwdKK+vOaEqE4cs1mehMG4xTQXVx2phpRIhUpPaZkEkyJ2UwZC9ZR01UFfmzTvvCjhRyYLhEgAspqY5hgFFsxXAZJ+N7UgRe4x8mvGSsY+h+5jD9GF7Xdzd1oYxZkp31e10oEiPPFB07UNmKbkj5un1eMfXNcKux0zxGL9ueEMby5eVJ25PCWEt5OY5rJwwJvQIcjTN7dOO12wnpdI9u/uiE43SPbgePl9wtrNnlBIvHDQZ0Rvp04vy8X3I+JuGuFri7hZFgXnFKJ5Z745ZE89y++ua5vSQmfIEJWPqA0zQgn7mSqvFZXWUmSbYLLz/6wIx5MmSharoJUxLiwaTZ+9ppTuZssffUM5/VmBt5EpLGHtHjnuMad8QCZ+NMgjWbTQPLndkT2I1PLeMe/DYew6/409X404e7fviZk3wojU8t4yp+K8DJjG548PekGx7LueOJ066dYTne7YnFE9VnNpEmq/4u3OrBF8njWl+tNG+WYOJ9/Ko8Tjldpeb6r24Xi3X3M3sDFzsDn14kTJjtgXNmc+DBPz8ZaxbjLRcHy/GScGdTv+ifuSLst5U12cruLTy8asmsy3ehg6+iuAfdZHUbN5DOv3iVuGOx82QjfXqVmDZ+yzlRqPyPx/ceidAvsAXSS+oY8wL7MtVA3UgVkrhrSpRsNtBKVb2ENJ/Ee1U5iOI9qu4obsWgj0JgpgclHNprQQkvhk9Un5KfHqTxxr40yVsdcsmOQJSU71bjdC2ll0Zx1XllnHTu9QDm48D1yUq5Qyb53FxzByn6wBuGlWwmRNqFRYoLjjzH5zK4k5HfVE+YH3xi+JdMZkhw7nx74mtzbGpi12LdyqFBzvvg/az1ios7P2642RUvW97bb9yzaPmoc/GtR9aqmBn5I+8gW8i/m+szHuC4C7iHvrPel7qX7WledOE5nYK5dtGB1jIj7HaI1VK4u1USR68cRK846VEQsJb7VD2Oo9i0qoWOTkTMCrKIWXbvNCvIcJIjEgJQguE8DlPHWcFTgkfsVHRRIo2cwEmNy56SMnw1iSv4gmGT7OAimGac8QiZTXT9YKFwVp/HnXLAbuX8M9JfHZYFvQODK84e/Fppy22t9fu50T3Da9cM3+RTe/qyueSli5Zs375k0aVsWUnT7IGGhnu50Vvnn7t0cI+v88aWlpu5kY7euavWzH980fbti5ZceinpUTT1AZtlFWoT7ki8CQ/a6q0ggQo/qQfKMxmTqLdjT9bMTU6MjvUiR1Kry+qj2F5nJtacTS5UZ/U1cCEOpGWzqs0/qmcgyK/L6OdjZzdfViZ4qyR0kixZcztYpLZZs7GrG5W1/rw2pujppXB2NlYQbY2iJ1bB2SaAyXUqS41bOCOvabH90TIczScagdaQrAeH/3PhZsRhngTIYU+x/mJmTkRobGqnmyIcEMkwmHtykE1ziS7XpSN1Vw7buEXpAP3ws2VbaNuuwYdt4kjC20KjpR+InPHegMygy+BgN12a4Er5FtZ9x3DsvHDY5q0sc0tWnqE7/95hs6HNSqAhNZGy2d5XkiXRUKolxvxkLifwyNNvdXvdOePHqL++LGSj7fQ8kXMOiTHvEpq+hVU6vxJWBaXTPeJpraZpaZi1WSxjLOfgfdaIs8EbtlisLO1s764bo11tlUvV1lCFg6xX0Kd8s4VyUlGK1K1RR/EKIk2aAOAqNZ3G9Uus+Q8mYB+A+1spTeCrGXDV1/H0Djf21zZ6F1oc4E/c7Bct8n66b7/fYSDjG4o5VwamapjXwGc3UYN4rpBieImZ1MKqnsQzZJ7Zs0giPYvwVgpMeCokkhEvkybxJk69mSJlCFpa7rZyEhNOuDNtfXhSVCi6vxOk3i3rDtInVALb+yRjFStiic6BYgFGc266BIOPFltSV1jwmRnrw/1ssZoobcnBLT85SjjRwK4LhccvG9lZJgaD2zszPR1rL71sbceeTZZ/v+G8Gz22kOf65T0r2td85Str2i9pWrr54jXznLubxs6/eM2gOLudfnXZeO+2b7dXx7c4+5cP5LJrF46eteLyng0vNq97+pw56a2uLTcs7cyuXji6bNVVN6ZXji5aetbmpoVXJ5cvXHTWWedla1aY+O1j99D3W/pJv64mSrPiBCpuoOYjy6DFo+kmqpx7ErdSF3HzVPdksXfaTL8dn3G8r60ukcL/R4unj9j3ajsaY7UdTdHiu1lbsXTqmKUJ/AHeU9hBHaIKIZLdtUya2ws9lsmJ1gZHyJHUW2E6g5NgLeaqPjqK//kK/KiyRJpdpkG50mTBanr3ETg8gTR+x5+qknAT4wmr6Tbwwn8iDQJ1uEtDbLIBt/bTquRCwIPbk+tNjac2JzUAd8Upn6TcLVLIKsk+v1BelWiasUdJkfAGtwrag3NfMVqqQJWdSEqjSs59RrZvRhEWXACc0mjpIyj02K7//u7atd/9712PGb8Z2fcpin16222fGu98OvD8t2rXBstZLzeLvu6cjevX9c939fhY64rd6/f2oB+gUVT56LmPHjOOwSu9wnjrs/37P0NV8Gqcd+BnIsdZRzaypf7lV1527T2DI+y6YVdi2V7Tx9DP0jstKaoavPBjxQ4AAoO7IGrhrF5nxVHBNGOqAVRrSJsvjc3oPpg1bnFymjXJP3ru2jNLFtWy406tnpQsqvXFksX6InmpwVNedOYJW5FiVQJZFVS0KG6VooUB67rpPWGaIB+iRIe7PIg/I+FFC6JsXXSRNIMzMpUN593MtON04RcpX+xCPNdRHfmMbmuODXu8NvejbeduLGmQYlabm/d1l3/FKmxIDq6/Ph2tz7MHIsz2RKu1s6atNyS52L7VK4c978VyDp4P2CM91vPoteuXRVV1V8pqzpsaaiUjMlny7xUAg8atvhk3afsdn3lS828HUvTbb9Op2VozCs08KYQOPxryGP9hPOcJzXmsIXPmKTXdm/sxejUlUzHcD9usj1VUzUEKrXHLGYgzpFPFsaf65wF5xA24pzvnPdPaKjpper1CG+8ZSdx/GzfJu3a18Qe/4/2JYq+8072wqX/ZgZqiWNCbLcxui0bxMFvz1GzqGKXxqm6Hedms6lJdNjvRaKcqYHbJiUxGq1cnWsmp1okTMVpvdqLMPHcVo6p+MovNGYlzsxAeTGTMs9aMliGGGhMcn0lwHHBmBuR4w47uARr3BE/bXFIpYTEZWce9rbRuZSKkxpqai93lnPY6fNWhjHNMotp0+HaY0rV5rVGesFDVLXn8yXpQTTDzWivuQKMFlEMscgiRbmLnFam50idxlbTkq2yWqioZsPp4dwJJbLQhsomT9/uyfpLDV1GUI3s44X4uY7b/jEa8XMff0PK//c145PuvoIpXXjF+28BGJbvTx3IdZf6u+cvWttVVc95ApCbalqWdUZaNB0tSnKeU7z5fZJk15t9+QqvG//nZz1D5z07+NsmUq7/zuYQozbY1L0qP9VhlF92zNTiswKW3aQaVtg/LK7F8N7A/oV+x5MHOq5S5BREiJRtESgLpw28Wzwtuii92CyctGs/YnI5bMW7wPrcjdX2yzuEyfmW8yb6+gqjSaqJDNJVlUjTeG451Y9j8Fd3FTRIFwVVx0udkPUOYMo4Kcf6d4Xja3FCMd+Yh1kKZ8Dc2Z3weLkJ7fHgRJZK95+g99xztWX/r+vW3Mv+Gj+9Bc/HJetyDcmoDc4zlYG5WYU5AuhDbrZMFHrPGuIp3g0lWc7NlAv9jSZqU0SslkiCpJMWpxfJzrTyDGbVeGcc1tx6yY5+XC9Yys38arkvHrdvjvNkKQwKWUG5u955RpY7TYYTVTHfHh2vT/fFn1q+LZ3TLn218MNvsl79nuqydfmQ93YPYXkk8hlvnezfSxh6f+Lpmzt8G+if0ZZbXqSDuge3HMUK5qitg0C2qLtomCxYRJ7csgvVUV1KXY1JzkR36E35TCLgRqR+XTuOoUsH/GA2F27z6Sdc0i6JbXXnSnslp9idPgEpP9/QGuuPPnm7p3bD3RWbj1iGnt/quOeuuuO7/Fvct4G1VV7rnpaclWedIsi2/ZVmWbdmS9bJsS7YsOX7GrziO88DkzaNQHoHhoxBSmqYQQoaG0kIprwJNGdoB5hxZCZRSCKW5nU4uX79epmFuW+bSO7fluu0wDB+dS5hE3L32Pno5smM7pMP3gSXZSNrr33uvtdde6/+PKp+NBfnxKq0p9eatM8xHj3+4d/bO6YGt2x97+9Ui96D6zt06LekJoKLIL6nROBqpnRRQ8gJ7qIZsMBaPyHskK2yCTZg3Gu7s6oxiJSbv1mHy7kodpoKjJA0LGTgaMJMs4FIMNZg6SioGyh2rIN9fpo8xHrieXMBSTlJaOIqL6sPe6T1X3qBVz7RFvE11U7UGc9VXI5NXjsUT13xvg7+F9Rfzazt6w9q4UDY86q4pHy2Jb+wL7KjReg903zHZjvNVas6FYq2XKC0aHRpUksvrSVBlehIkFQSkShwWE0JWdIBw0urYIy0tlnHmuedM3MygFAxy0yUHHpN5MGY+beIMChvlg7ymAta3xg8Fx0C4hU6LtRAL+/HnNJsoHedKNFMwIZrdGtectZlSu/DRupnU0RuRFQPop70ZKh9rFXi6O2uh5tRaacSqLApeUssZBtxH4HegEzM68PCEXxuHveSQyGd0Wixudqb7+qM7On9optF3mO1TlBg9Uwe33fyku7bm2i371jEG564r46NXvnDfOvbI+geu61UrZ9RcY+c3zl37+YcPr2/bubXx2vqD93/vXfarFtV37n3g5FU1mtieBIx/L72JvoEZRfubG9uWcAAvQxTBVEgUgX4zlzP3VMqO3tmDotP1FFwnKIvmE0orpsJnYT1hxgu5AR4acfSZ1BKUlmgw9QWhwNCzEP5Yce5GUhYTkt9A5oDQgM5+Knx4QF/mlF+gu/1Nndsm1mzyK8OlHrPp8c3+Tanrqqc7ulvqbKOt7zzINRqdFU5h7OYmzOHPvE6fRGunjuqhRBNyx0XzyXLibuvkUlg7kR4wEjqqrPRAOSGJr+MxNSKID+Tc7Be6xA8pb6/unNDptGUWTlduj3PFN8XrLq+qVkfbaxxrFLvjxQq1nmFqLK7G3/8/XwOnGuZUHDuoaA3Rz7VUKLG/6JRjUDh7xGV/ASSoaL0XK+Yzyg3FWeWG4qWVG7JI5tKid0oHb/vaCwdv+8b964eiA/Av+y9Hfvjtu4/88OkXbr3riln0L4nptqKYLp6O6UImlii1WNDac+Q+2YpDOCnYfvKxVnoq58nXaB/dDeGbz1v9QxTN5T+lcPwU+rRbMaS4DmHkoaJUH7A/4o5MaMRMNAILYVtvRKUHijipDdmiw5c0GeEFyVQ0L9Eq3E9YB1CuSUMJpR3oLCPGfFIn2gUDPqlfxlayQEIsio61KrVgana1eXtJpWeywdcYjhBRqzb0d94Q3F6gow/hbjIKSaG8It5Hwqc5vc8fkDMeF5wXefJXwEOL9QWcpZimwenn7UtPnPFc/auB/jHmDgW9XTl5Y5H+erV6n1Z98qSOeyl/bjkVeG5xQ+m59cmpfCGso5+/zknfOkD/ltGlooYt3E91Bt2t23fS+OwJeByS8RijfkolxiBaiKPAKD4GKzw+qMkFx2Qck7FIRoL4YQQ512AE/jTYoXHlITSeixAkKaPI5UaNwL+ZHCQudyIPKT/fqwekGhBUnZFYfBQAiAqSsxF5scEBtEZHEGKmOIqMEFJRfC7i50AyBPKaEaAg0vd0rgIox5LefIWQvXDfSfbqG0eLzeD8b8s6fwGc/6rQe/2Jfy8cMHBUFOE3ifBrpILoNDJM/b1cHatBezSkEXCqMGHF/F0oBOTxts2bEahuwLN9IF6EFlvYL7WjxdbjS7IN8AI5ao0sEWXAYQQtM3HQJ0XRsy4f9JpL/XXIR7Z520OY1zrKJ1s63LE4XmcD0Cwd6iY1823eTpykHxrGffzHUKDS0Qn5B4kvwsn8FcQmF1xxFwxephaIzjH7OFh0e7S6G9KLjjm4dHxzLni++Nwia46hoikjcw17HPOmo2iliiY3AGnedApX5ENKpxwtFJk/Xe+DrA4kHF7/0ocdJOGgdxtE3QlJXXlG1Jyg5tQanR6nGxLoUfq2BIjW55SGklLCsl4aALY5ZxSrnZDreRS31Oe6jighWFe5lPsEr/Kjv3rnx1xf1Wupj86mL6OeCG2PDTTGzcIbRjsQrE/s+ML+otLPa5Q/5ralL6dgbyE838qXqWY0N8MrYvpuzzJ9RzxQjp3D9A3zSNG1UqbvbF/ryki/r7IJb7+uN25/q6tzZCX838rRnbq9u73a+lGz6T8/xlzgOfZoW6E9XEvY4yKYz9lsdL0yEvStM/89HBZs6p+/za+ED50+1HKjrU6309I/pc3Y4ySyRyeKBVZij66sPXo9UizPHl1gj56V2gMs4Ycp0uBE1ljZHLk1/NWmpsqH7qoS9u27+aDgWMk8Ufy25Sa7/Uu7W5mh7vYJ5uxemCoZ2xxBtolTQyuyTV/WNsMeaSTPNn1gm8GV2gbux0ty7seJJ10he/7UYzb7v1ZYektKdK2P1aKHJb2WEn3Ximz1hvZp9Rp3aalL/nn2m9hayA/K9jqM7NVORZDFjq7AYqG0xaDGYcCfdJP0f68PLCi6TkteE25hh7aQPtM82FTyomU319DoDIGj6+ZfVJoUliozjinFPmFOVVHWRbj4myEocXbiisqiMhTHKEMAQnilIOQKeWPD5907LBOEh7tanK3wrw3bfU/66XI3NUdzJFDfHAmebYXV/Jb8LGv/JN7bItQg9Xer2d3ELo/UWzQv9nukAMzfIY/oPZ3sJkfJbiMQqCVDJHAcRhh0Q2MiwgBC9jjfq1UBBp62QJcZUAgJmJm1AADpHVPq74WYxLu6vXPhaYsctla2j+7fNjYxsXVyeH085tzS7mtxr2g3Pb52x5bYyLVbZrzeyZZ2F8QWn/7p0z8pBxReapraTO+hEtOAQa9fXA/FOijKm1BgPlfcJgVEf5imJWl3TAPro107PydMG9QuSWfAUXwVOy8poJp+i0cUTqel0i8jcYji1Ik+Ui6ywSjWnZCGq86IzhMvn3j3zzeTlzcZxcETUq3+jNh44mVF34kQFkjcYJyzbagzuaQNdWqxFj2pbTS55pzw35cVXfIfDRvnhoad6I+GnWr0PnNDmwbh1znvMQPvMbcx807ojzbCHyXQL0iBCZEsr7XVORsHh4Y3zGzclC9ZvuivcNzECyiSLbHXOzrxMp5YD9nAOC6vSPgDfZBWq8JUBPzmTpIVBIYRZ3uIxtWOwC2bJa5X4nZPdBwpZqBFMMP4a26od9G5M62YZtE8C+OSSeSQWLt5TTd9Ru3qVxSvfWaafu2o0q7bpWD1vKN5eCyyzUNHP3xFXS6+26UbnZ7cMd1cz6uxWsCLqT9s6R94uKmJ424fMzhOvfxA7Y23aB8+cJhOPvdQjxAd2sM+awMacJaTVQQq7DYTr1LSZleqtaRCe51SSH13vDtHQoBWqfFU1DSGqj931mhJ/T5SN7DdoGYOaHX0a0SzI2XHmh291Hdl/jG7P0+2Q3R7pBA6mITccAoJBSB5FMsV8vCiBR4gy13uD3cZcbXSYgofQKnYFeCF4yV2o7u+u4eUckDhm9QD+6wLDholPJb5ELIyH/xyZD6K6XQqKpiXoqpfUv1DWTY2tbe7PJuw8gt0jw/SWK2pM6l/WFoSRGu1mJiJbFbLlsl1fVNHr6ewVsifuDiKIddQE9TcpVHOmFxcOWOdrJwxF+sfnABLYn0Hp3947V9GQCMnjL9oLY1nak2nX9ehyL6z6yJkNZSXZeP8hfgk/8vwIcomxwGa/uFxgs1c18jaUbyZXUKAcvL1Fw0QPTtzKhw22TQ/f9t4EQgp/pBz6KCyGJ1EGK2njl8ajKYXx2iDjFEi1j+Fi6b5F/ESGhmbJEBJXaOdl3gZ5Z92Lhqp4/kHoIsB64O84xCpjyF4HUZ4TVKz1D9fCsQgV7nFnxwikf80ivwvz0Fwrt/Nof9lrQlX18Ai24gebsyDdSt6dW0/grVaHwNY1/HJOnuzH+RYxY2YDtvES6DydmmRXaQY6aIhfjt9VKCn048uZtcMyEcHe+YIAXkx6NFDe6eWagWlkSLczQLpaId6PlEJd3qY39WkIpWfxtOgVZyoNQKytZUaFxCu1xWT/tY6qAspa8Z1no1w6eTESw3uqUsEyVK1gOzMdGHRkagt4y9cS+uP5OZ+zogXEiPBGp7M62jcdWTcSyqsuJdQWPF8dgorpuw+fgGxlW3ZTfpCuiuKf83diRno+WeeRvuwgfICdxYwsZAO1SY07loYNxanLVWRCmjzaakejbvejHk9atG4zUapoZgQ0jeAhpKiiKt0YxfXBHIDRhe5vcfk0JIVq/UsTPRc2BST4fuamqoym5tyaXMsyOd84r+gFg1L7cHz/jC+u+2ivkMRMnpgEJMakCWgE0MsBUuY8eWg2JGpUJS7PPnTkg1ZxsZj0a4qtMcpbTzasCjTvKySDZWLvFGyF8/PefCvgiaQjcF9nx4KbrmtLlz0Z0PBnbPJRwhOG3A/RyMRarAjWwpSSfXCq8ZlmJDO+fNMzoFZ2pC0O5OcSGcdzvzuAsZUhrLbCZpfwqfvKWYVNspOBaFr3EzhzllcFVDhS+jkIgFQPlD6krTdrNOjYwfyKuiM7EWGbfeINszYVa+HF6Q2U0a9utg0L4WAqszGk5YnqbmNF46ZdU5yVUhJTjNuG5ZotMdLxWgfknStOAkHNxu2BbJ7SqK7B7dTXJC35cnvsbZSlU0opo0McGUbsARfA33H9T9KnXkAa/A5dO6A06hKfUAfvfqRd1KpH2AxPoGe1epSR5l9MfobaUG+Z1J/fij14Yk9ViB11Ziqu4Z66dbU4zeOZrX5Uh5DDNsO64ooj1AdyOe+snplkXUXpywytUBZ5EWiLNLZ/xfQFnEskvZcpeYIHcRZT0iA6ltxLhQ3E61SiuQ/FmRCcZyEtUmQH4E64gZqsKA6ibOQOkmjrE4yp+cqCVvkMgVKcjzo4lol++EKRcfDFcqFZEuYV3NPU5/ZmOpWMqacI8ziY6JDmRsQ4wUHNZZ3AEmP6SQeU/MiY3IVGlNLzpjsK8Ip3+stPq6vQSRf9eBdlaZ9+64/bLrg0NZnvV1gHZMZ2xE8Nv8iYwsUGlswZ2yNKxrbIut08UFe92j2KuJRm3wVobvgWIPnrzlOHu9hPF4nGvF1BUYMNZdef7KG+GyXb4EFoHC/zjQv9y9JbnLKyLVLYx0wYuqtphXZZZGjwOJ2SZzfsXBBo3zzvECepg5TR9k72YdxbyVsEGRB4fqhYlqD5cYPc5uevNN/xN1a0pt6J/iNtjblTOpfUr8tCT16J9tdGnz6zuDDXp9qJvWbwGGXy9pNV6TeUc48fGd6TwgpQorvU+XIs7cAmx/mC2pIW9wGc6wVW7jClFZxk/TIltD/UgEV+EBZIjbxL3IawVKmrakn0Q5o0JvL0G9s/Jyeqm4hCpuSUps1NWkJS9sbGsJCDQx0D8IlAWMCvw05Qmzj26+YCSvXH/wW2PnO227v4G67/R5xapSe3/WFV99/6/q73/jzrs3Evq6jButjY6nfvIKN3P57vfm9Sbri46//2wT7bHfqn84Jk8jgT5ybwP0+7yk8aD/0EDaQ5aqEhFesEhJZoBJyDFRC2gKfuU4InXUhy5YMoWP4LMZv/x+dXSuQD6Hvz8/V/Rfbsv2zt2XWdS3flh/jA1wteLKV2LIm/yxHbHkS2bJnJbaMrtiWvQVtGbo0tsy6zOXbcyrvvGhaiU0dC5NfrGzXw8iuYeRNjy3XsqCi1O9P+onLifrwXepSlm6DPkAT7hKE2RpHD+MF7Q8Xr+1thAYrwktOqImPC4lSaxkE3QIQY+VDsArTL+K5lo/BTQV671aAw+cWOjWGaIigvWKE2kDdSJELVD9A0VZQRWQkoyIy4xGjGRWRjUAsGYWeHVARCU5jv9PmR37H14WsN/KZyIgoF9cQydkgliknwjgXkxOh/2/OxrECaZGJyKK6IrQ5Z1PBeTHOpXBRbjT3n5DzYpmsSF5eLGnzUbweuX7lfNIawg+tLC6WwhKGAi5QtBdDc3TCjqVx7ZA3sxpxmX+VMI9rO+xYzc6FzpEBK6RBGptC2TQIDTWoIR8mE5TUstpfEb9kSs3AlPrTYoeW3HwI6YgiJHGF8ms0S9PP/uP/vvvdOx/IyYjUOL7U8vHLP60TWEOhVJuxSVf8/FNXHf/8SDofQr+qK6Gr/3DfV5RFqSTpk5hGNn1W8QE1Qf2ASlgxJ6pqPjEIx/uYXxpSzEs96Lkdl4naIcc24cEJkZBHUmjJ5dNanBQJ6+bFMG4phjYhmcYdrKlGv1ATqcSSYkLp7Q4jc3ZGe2O4/56fU9TU4g07IMzprM0+eZ8W7HCY7xlCxq7sRathgp8zlDRAPk8K0egNGLXOl+7PhzgXDMvKzcb5LRcBtyIY6GFlC7PKhfW/hDD9k/9122vB0dGgd3zbtnHvr76++1DQWnnVbPc238T2HRO+0MRE6K+/cMseWs80N+7giu/rxvzpg262fQgI1GkLHfzWjt4b142sd9X3dXTFhnd3Hngj6q66pXr2yqvjrvGeSHx4V2dg1/jIhubN17z0xtk328OMegZzq2t6xhmd287iPR7raSiO46rAfurFAooaUVlRYwBHtRF+XozkKWpgud6+PEWNwcUUNfpAUWMNbk/tWyO3p66Rqx4iKDieMxi9YYAkzh83u33+9pBalpp3AQOgGAR5jejFyWvkZt5XpbRxdVacxLdy0Q3un7N6Jv/5SkaBI4vFS1jbpJ/60RLqJgPLVjeBzoTBixU4SZrdatKVn0ZCisIqKRXE+GcqeJKT+l+d9kks26e1YhkU1pDX2JXG40mER4xaS71WAI9+GY9RjEecx4FLDh4dPnEIIBnOWx5ji+ExDHiMYDyGR2Q8RmQ84vLywF0kQ/wxszvY3pO/OrowIrCRqfsvco1kAlA3g68qVrVQ4jgahYSOa/Za9ROXmXpWvlzY3/c87mn7u8OtTMPwlPILE8zZUwXWzCGE0RA1Rf24AEajMkbrMUbDCJXhPIwmAKDJPICmFwNoEgBahwGaXCcDtE4GaBgBlEQA+QYBlAlYNP6+PIASIVg1+CojHMEwjV4kTItVx64KLmvB1NTMKrY4U9FxdV8HkFShn52VlWcfy8GMkzEbwNWaAwi1nxdArRejJnZ5EDTJADlKjGRQ7Obn57zd0DkZQoeF7jw8+wDPNQTPMR9Itw6ivxn0XBDcNQBuPwZ3Tb8Mbr8MbsjLQ0mnOMgn1GYMYrks9tR7kRDm3mZlYMs9hawEwu3pE0ckgxpdln5t+fhtkylCzg6lt8ZvZklD0vh9H/upAWod9ZtFPZW4xiONFM1DINcDRbVTuX4rnGnFEgcX9WKj6HEyRv5KBnD9atzZYJgAOMon1eZAD3ZmscX0uqSJEeT8YrhOepWOrHCF7uqcWtO2sYnxrZPDU7G4c0vI1+JeuWs7vnbHZbGRa3LKddHe2Y3O90b2OOWnetDu+Z7cuy4gt6aZx48lNTrrY7LfFr8UwmS/uCwdYQjiOgGCWpi0YSG0o7hMWiondeoYpPYff5eAFJVBqgKQIic4kTXOcWzU5ELh5Fw4UmVyMcdYriocicpFshIbkbELZIhLOH5OLXhDpDUvYQZ2RIgVE6W1LWRNJirrHbhjGi/YBojtEbQ6g7mi3uGJL1idyjSehD0bbaAKXGmZUXFCrk+GL9QQVBjo1gxndHfYRx9ktsyEv1hn01orNx5r+Fkw8p1NBx7iTOf+qejZL4a+aK/XlajLJ4Zn7ft/4nvuxpsefGgqtOkb1tTvam30H+mrmmZ6b7z3/chGw7VXXnV9e0UFRvHo+Myj9zRUHXjiZL0gyApQf3X1i5X3f6Vz5vDk1mmN+z+u1FnXzD7+JcIbkrJjLbMIdXdWy0xs9kj+ovmEH2da/G1Q59qdK2rWipZdG1lQbbkSZ3NObRHaUDFdk0dyGgmnPfAzHWOLLTW1zbAwtE5ZmKfYDx3p2iJnK6EgvaDmGbNYSaubXkwKTQj/dWt+MSvpyfY8++PF1NEMTWuVBWtYHzF/gOc81gZTEG2wAPDWFlAHCxZSB2uX1cGOgTpYs/sz0wdjs8eRZUmF8WPk9PFcW9syVMOYB3LUE7Pjf0ke/7bVjt9Pxn8Mjd+NBZsuxgQ5Uf+yTLAr9khrixkH+cswAX1vPl9D2gZPIhu4qY6Mcl57ng06c23gl20AReEG2IxqScfwcWSLeocLq3iohCQyBtbOy9qiHdvCc2FbLKgMWpZ63L50stfkPvXMtElzYTE59q50MN30xL4RJmVPa8txsk0GsEZVEJ13HpKt4s+xClB/RP3QLgqbRyfyBfFcK9UWuaQGFGo1kIwuMpioMspMgSa8qUSQY+iDgilQSG3plNoooraHu6kjvAgcL8J5a8qPjdhyYSPmhlIZC+aGUktZ89F0mKTK2LErk8ld3KIpOTA692R6xZly+NUYSoe1v0ALtRnY/43QFl0LyUSsA4DLy1xYQcqsm0+YcZ2Kmde48HW7uR73I1NSaTlPasiA56bIWaB+cCmtLx3OV5hgxxhaXOorV2f13HtLqX2lNc0YB95H8LjO1zTD47LKEgDWtAQAHheImGGdi9UIl2X3iiV0y7yxR1payQ6xtHIZ7cjbHJhPz6JxjSueoIwoup2kEiUwLqDsx6BJVSoiX9F8GoLTRDn2seUg8wVSFeXNIGKg50jJR1UtGlyNE/eASHwrpudeeKy+wGC5TG0zHKCfmRa6Fx8ytzv3oAyr++OlQWSpUowh8A+6qFBa2wRroSYqsDAXKfkLZkr+PJiCPIeN0IGWvAUZwuLA9aCCxiVajBhjH1rqnUAbAqdind5W1yirN1R1Sr4WID+1YtowSiqrQHYqryMMQbrGQiV+S9kod32Xhl14wbZEF7cTrTuPETF185JT5IXsgmaoTWiffEnxPuas2EWRWdHAzoutHonTEKlNZB47CrXs5O6/EvkN0Nu0w16nM/BQRyE2IddRpLFYa4vhWaUglZTBjtcKZEmVFA50JbUmR/qohg41OBVw4++Ehe+QKwHy9JCcYJpNe9/aW7m2rIwbuj31b4L6wyMnqy3vPk9XGNUff+f5W3/xxeP/5+j37r5mb/3mr99+L/3Mofl7KvQGxd/sO6DqvnXflj7NjvsOacO3fSt1+M37Pzh0hqaTv335yefvnU5Qcs0s51IcQqeFGepvVqGUtXFppSxxrU/aJItlzXmjvRvqS7OKWb26tGRWrH9sHZHNSliHR7CnuHTSWYtlWFYjqfVMwSK81Qpt0TsXJFmysU1CQbS36qEGqoD6lqOQ+laDrL41xxWVV+OFuSwBrhw/VEiLSxg3PyX7nkKyXMxbeeFp5vu/dHHfv3YF3z8n9izw/Q9CPhk7EqHQ96dPFYotEyi21FPVyDNulL9/Y/r717GZ+jpZG8shf3/YNGsorA8GNNpckalUqCaBpWTBwgZQiVV4PAvcCltYIO3IQm+iLqCYxu5f4EbOiVkJtcz4DqHxOSgvdbk8Pk96fE3sfJq5tIHHoWCLPD5cKA/V3obielinLWiMRnNlbREZY6KsvAKvZU/TYqNcMtl53mivzO/5f5+sNr7QkF9YsJLO7U8PmZPHO4DnI4z4ugIzEpi9PP5kFXGSTRnuVnmGgl5FLfKXteRissWEdbjNRfl2QfOWL13BvF2kTqHQJNZit+jCFQnpR4UW4/R5DMEsGnOYfY/9BPOE2alhSrR4ksWYL0bUEoZAmydZIRPI1HtE3WmxzJcUCHFMtQ9Pb6AME9lOwmu5kDBVpadzXTifOy5Mofrr4WGdMeVJueipNEVchipO5lP9HMOkfiGzxjH/maWPw/M1xCa4SYSeDZ14r5fRqwE6IqzXxmbUwMsRWuVEcFMvq4GXw1kPFJ2RG3pRyfGmUm1VHWauRwBhCrR6wMoEFX01ULdX2bSgbo+I16H9Ja0whsv2gPQfV+0pTbLrBtgmBnaEldtntqOHkzM3dnA3TG45uo7uiE3cfPeB/i03H5zFoFUeN1gT4VP7EXT2t/TmX4b//gev7GEu8/7o3CedLz/5k1uB2w00uxTH8S3it1ek2jWwfNUuoIDVAE1zuB+Nvpg/DupdkWhMro6/1AJeOX5nFVpeP8seiVYl68V48v1W2uYvYZs/ciltDkpp2Nbh3jVELG2uNc1zdenMnVO8swpz0z34WnYM3Oiq7E078/1s2t5PInuvpZ5ekb1Hl2/vscwcH8nO8WjvEJnjyO7xNZfY7gtd+yqM/3SmrF52+6tDILQgLkB7K8FgAN8CTVGvrwAFIFCc9Cd78u71zkNlLqwJqF1SDDnMgvjMjVVBNy253pPGTPhuT4qFsXqiOMjPFVm8mI5lTEiYYEMqCJWk8GKG+YsAaRFfvAqwXj/fVa8OLvE8X84QnTG0RwWoKCiNNXqkFg54hwopjaWprQItq1UaUzpzVcZyNpDlCI7FnDlqY/SmbBS+LOUxgc5VHqOZ/BwP5UpVsD9VfECFqDXUg1SiGiKCGDdPylvDKKTxe6Q2xbxo9dBiP9bOEHxJmlyZ0EZJC9QgaCJWNnWAuLcLS5e50HwEshC4M0Gnf+CZRH8I6S1LZ6fU4+KFpLXaiZW4KclJalilmB+0mCrt0P1orYbYWChPa3uClrkJpziK6YzgOQvKMJlQwmxRVjNEE9cALQ5ZbWCXFqTOVQwHWucqWQu9mv+Zu63+vr899Md7+yZoVmhq6OeM+6NHNtMGx02+e7792E3OvV2piglWb6lwee1FCvoeLnaDgmHSUunecweOqCvnvwfCwVXBnes2WhnluELFXGkqe+XJx3/V46VYeY4NoDnWS41Sh5acZSAjMeJPdpBdYA2adWMeMXhaCptweR+af7C2pXH0Mxwk0pUxoFrCIhC1Ng8urhgUpDITrOzCM1XsEfDV1Ern62JresWT99cFVvQq5vDh89cz3MOrQpjzZpI2yKw3nX5pDZrBrWiLNUphJWlLgVbTcS1Wbxo3ggZvsrqhh9O7pGoWNIoT1Q0whavr0Jaq7+HULtw7iUJi2HljRhx2OMkNr5MwLOsI78AUueRVffXETViOs8ZtEG0nOMmpOKMQG068rNxwYhKTJtUY52prbCZXAv03K8FFJWzOWrjqnbM11NRm6I8GYyAP3TPeieNuSRXG8gGJEnurzHYUgLrYMHCMB9vhpWoeOEf0WMlinCj+yc1J+RwGBlbFlqY5DFTsQgYDLt3E1B4yBdysvY6ZfoF2vxinnZvoR34J7Eecotw+cdlEq6tep6T5X9r2ud3qSvGGJ5W5vAVKh6BNTb1xU+r7vR+lTokf/eS/HWWZkrbNey878SFpuamqIoQF9c1AWMAqLWXlOZwFty2gLDBW0Dvo2dTHqeOP/ogRotMRmyF1On0WV/xP9jjmneulniJnG1HrlwIa4FNN2OVajFK0t8Fjyc3OJzsEOyDfAaTksVxRNkhSmhHKZlyZgXuW4jLZnMSRPmxJ5UA/w8KcttQeIgpeCUFm5C91k/LkDjuKT3mqwuEi9/QBPqEHCLOn2dJFr3Cc5x1zFdmbsNtP77/iKX//D6YfeAqZquLcW+QGR1eqrpgYma378KbYsaufe/voo/uu//Ljd1y/n3mQvhnf4xzCx6bZmc2bjxywdRuK829wpA2zmRPwq24TXYrvw1i55v4wNULNUDuh9m+5VfdAv7Ldnxwnm9oWtKntyqnCn1vXGpXZPNZ6pHXoR6sRV+Zfjsy9G2iK16J5rRufJjQeCZVGDY9ahQTvCsKjjZhS4HLhmLnM6/OX/sWL+BfZFi++on9ngbaJz6iyf2uBPsEbuBDzOjo/GCgXJRo8otoPkgA6yGIUpyUBQI/DCEEQZ0i3z+ff096QfwPLXZl3vYprNIa4q5l5xSGqlKqmZFZ1UGOEtwY2dT2F/RpQ0S+S3ho6vyoPWre/fl72d7k6Mp/53336EahPMqOUjnJSYpGslaPHwpNEzEMyYFWTokz2h81V6dBBmmfv47IWB/3OFayKYyxXc+n3Vu3G712bfm9R5YO3L/SmNl8Lsp6qFt6U2Ulv+xp9nI5zOmPqtk9GSvE7K/Eb01Qnu5PejXwnT/mIZgNktTQAv4A3Ra1+PqHFMg0o3nAB2Y6kBayKiWxADxMqtWDpOSy22tk2tcHjiE5PccNuTy/7UWD3ZMRaY3bu8Y97K9sn0edx6PM86POM8HmY+NAofx6P+0SK0OdxRfB56GUXbn4q4rDGLZ4bsAs6Q+04FciouF70SUNbo951GzzsfkvjDehjqoIT8cAV6GNJr0VN6lV6J3UKja8N9IuSao5Sy6Nj0afx8wkWfxrLy6MrYnFMSuFJjj/ML3+as2bwsjg35GkNBzdf7nekPvTe3TvVUxXcsLZjz9ah6hpyHmd3Mk9je9qprbIKRqlfNqpo8+Hk4Hl2FbWkz6sSvVqJ+7wqrej7OLLWBhlchU4PW1+lACJVBazvWBoOugc/7SVPo+ehE5efN94oowXjQXgx12G8bDAeQAydbGXQ8HjqCuAmFhklizweS2WaIwfreshoihY+UQpX+Xg85YXQdSyBNm3tXQ9Per1TBaCvWTgVgO/7LPMsmgdGqo6apUSbRyz2J61kFLCO7Hg+ACosPsewRoKKWR6FGY/CjEJDXAmkJbMExQKJktL0KKyY3Tv/SzsdC2dRVB4GBoPuQegohhA6+OkvsO2rghksMDbZ52RO76U+YKJMktJmdUa0RGdEm5VyUZrwi+QHcDfm6ozUNezdv3P3vi//wxfoN3fcfWB2x1f2ozhqL/L1p6hfyznuaYQ2uHmLze+XNUyk4gp00INXM6Im9TmiJrIuXzrrLRilMvSsmiidOPA3CC3iNx0FFVBeOP/RrJzVblvwE+zSRG2lX8LaGQ4Kb7z06aQCK9qA/LQB5LJpCKmVaiL6a1pUJW2BMBpoXKP3fh+/t428NwUdWEkNEcyB99bAQqXhfUOLKXV8baEaB01ZP32fG+AMVIR6mEp0gL2BCyfiEZv8cI0sOnyiyiPW+kFMQKzESvJ6cCvdeNXZUbRUaUPBlh0dx4V50J+245WXNJOTCRzDtbDiwp2SBSJSvbWmsbkVqIUgjm0LQMgaAVYcLwqVeLGxU9KAlFQNCNFLZgs5hPuhVBFEQdvr82UEVX4H8oZKtN/gB3LVKDB3ggKh027VfovRoLgkEaJdP+95sKVFbdNeyf3uy89XcVg19BZGrcYPDjuev+Pz+6uusmn1fOTFLT/5lHIcpa+JCI5QwBB+4edmrUZ3+2OqJuf9931JY+pmjA29LWqhh9l3+JZ96odvM6os9tefl/crJ3eNwo685A7aQvRcEq1tIXTgTlIcVYamgtqXrCKCNHqf6PFLm9CpfJ1PjPiTPeRll0/c5pEsw+h/mcWvJAVr3cB4PWh17cTTvZbkQGoxb0SymPDoFGOZnbRsl5oI4W4hz7YYpUn0jNRvS7vIcfFE+ydv4uPiOjcnTp6QYsozBrHvBJWI9U3iwt++dEtFZS2CpAwyr1AHphEwMMAopgR14TlbS+sOSOBNbgHlh86xrdtwOEzNoqfF5kBwC/yyahMPDHgITgh0bXAXA6nUzHW/Ct/1QwYAyHfagUIBx8UhmMj+9pCvxJeOm0sRziQwVqHYhbUjvBmnHZPmwqucmtFM0NSURhtXCXWtanNpK6Pc1XRQGaqI1Wnop1RlJSxXWeZQqgdrpsuCxcXq9k6Fs94wzSntVpPCaC7h1F7bTkHpMSmja4KbG9W8tYpTr6ngbt00qkb/PKEMOHX0PT+qsjJMkOO8XGUb7WGq+lKin7ZW1tFUsdnAKl0cN/p4Y9P9z9I0x7Wygrn/dHMlw3kZpZ+to5lvvqGkqe0fC1bOw1A0viQ7yh5FuyDaUylPkuYgNpV/0CJH5JVwwCr/QJsJ7Ghe3sbD/3l2NtPbuVvxATVIPU8lyqCOiKFlCj0iCN7pl2pU82K7LxGF1d6rmJcsZZisyYsW/qAPOgKg2VOQmz2HPGIfbvYM6OYlsxet9QC5TAaZMWgED/Th5S228EmFIKsIVgqJIl09Po/2RtGvm+BeTrJ1oFnjxTrdFh55K0ko4zMi3VHaiIuWYfW6OXstq6ptDxUuN2qw26B+pGBDJ83/ceDW9QpbTYnCFIludac+ZRn6jpNxXIM0yBmvwcUh6pEm/2WpH2iuuJMzvDCZ7ukMjOCeTgMdqXEK8U1KBd9SV5G6a6uKL2tODfx7th7EPLKHfm2g8arU9qv2ZLo5Rz5H/9Zbz8oY3IIwiMENVCVYvgQsH/ADbaHo9SW6cIITaLg9UpNmfo5uckF+XQEsMZJSOy/qSE1nNzY8CLo6MYOoTdYlg9pNdzeyazvwlCSVlc2YcUw0CpIaFzCFu3ASAOgmLX5kdBdIgCMXiLwPU9fcKRs8WE7jmnucV+fPs7MTRMtYFZb/zmfHak9bmznzj9df3jBqEvQl9ZkSL2Te7nbGeyTyLjJ9udJ85xGNv31vxtC3sL5RsLOa1tIddpWgUFTUnf1VKpJXbsPFqhp8qbt2K5XXKc893AXFYNjKxdcwjW02aJn9/4Bf8u0AAAB42mNgZGBgYGQ4qszGkxDPb/OVQZ6DAQTOn2efBqP/3/x7k72Y7SiQy8HABBIFAD9/DJYAeNpjYGRgYO//28DAwMHw/+Z/RvZiBqAICngOAIrhBld42nWTMWhTQRjH/+++u5c3FClFrE6tQ4cQJEiGkCGE0lpD1BJjKEFKkBKkBKTWKGkbFYqTBCmlSHEoRUIRoQhKBukgLu2io4PiFDK4lA7awaLy/N9rA6Ho8OO79+7u+777/+/ULkY9ABZnDVAX8UBNYV5+oV82ccsUkTbPMOtMY17NYZMMyAbqugdDzjcMqFVkGGvqOcb0CMbVJ6TlI+JyFWFZgSe3cVYayMkkxqWFCsd2fcXuZY6UzUOmVQtV9wVG9br/Ve+gajzkzDqqeouc5vcEcq6HqmqjotYQNS7u6ROouzsomveYMY+R09NYNCuMbc4lSRF95g7SuuXvhe76300KZ/QV/4uuY4zn2GbPlxljrF+Rl/6+RLEsW8jrXkSlhIy+hIw8RUY1+M9DWV9ATA1jQoEaHCDm/ECMPWf1Q2SpV0YnWHuQe3oxKXGUuC+iryEhS/6uafg/qUuvLPt78oo551BUB06cMcL6hSPtm0HdGLV6gqQuIWXX8Pxp9rZk6qy9jKSUEba6We3lHb+juKnKwTmGeKbzqoCURB1P38eE9YbzH5w/iKsmeylTrwXETZM8Yv4WPbCa/wN3gX3Th8CDLuhBKvChjSyZZa6+jgfHYU/1YEwfugl8KKDCfHn5DybBs5UOPeiGHvQEPgz7vxn76Veh48FxrCZBpA/dWB/0SURsDDWRdyNcw56o1QxJyxTgbgOdyDpwXpPBQ/CZ8TrjDc7Rhw72HoUK/j7fS4Lo4I1sIEG0nKNub1EzI6jZveoUwqRo8+om7+Yi1zQ4fsP7tor8X+fl2zEAeNpjYGDQgcI0hmWMP5jlmG+xzGI5xirAGsZ6i02BLYJtA9sDdgv2NvZ7HDYcGziZOKs433GZcJ3htuKu4b7Ew8TjwVPBc4V3Ch8X3zJ+Gf5pAgECnwR7hHKErgnLCB8SCRG1Ev0k5iF2STxI/JVEk6SC5CYpB2kN6TMyZTIfZC1kl8i+kpOQc5MrkVeQnyL/S6FN4ZNinpKR0jllN+UlKgEq61TnqbmpTVLXU1+n4aZxTlNH85xWlLaV9j2dIJ1duha6CbrXdP/p/tOz0BfRX2KgYshmaGV4y0jG6JpxmfEK43vGn0zOmTKYupjuM1Mym2C2z9zOPMf8gIWERYLFJMsoKytrEesOGwGbGbZqtvvs6uydHBocjZyYnK44r3FZ4CrjOsNNxu2Ee5qHg8cqTxHPJs9fXi1eW7yNvG/41Plq+b7zW+EfFCAT8ChwVVBNcFiIWahU6K+wKeEi4dMiFCLORFpELomSitoSbRTDEpMScyTWJHZNnE5cTzxb/IGEikSrJKGkackuyb9SfqWuSJuRdiadCQcUS9dKt0vPSZ+RfiGDI8MhY0UmT2ZR5rzMf5n/snSyIrIishlyZHIccplytwEAidWYJAAAAAABAAAA5wBqAAUAAAAAAAIAAQACABYAAAEAAf4AAAAAeNqtVMtOAjEUPR3wFR9xYYxx1bjCRBGVEOPCiEYTDREfE3VlMsiIKDAECsa/8Ev8DKMbP8Wla89cioKwUGOatqe3957e1wyASTwhAhUdAfDO2cKK8neLHUyoQYsjmFNTFkehVcriAcyqU4sHKa9aPIQL9WDxMGLqzeIRxJxpi0ex5mxYPEbctHhcaefR4gkkI68WP2M66lj8gkR0BtsIUMU9aiiigGsYaMRwiXnuK0hgmWOBeB8NeKgQHXLPoUQ7jTx8olDmk8ETHMON1d0kX0NuDM+GL1RpVRDNK54uuce5Bihz9yifl7fueGdoq3FM67owNLnmKdmldkW8PKBFWe415pDm275w+4zGo6SfVOOEEffKj+XUoDT0YhdZsrvIUG8L6zy5lO3gnHFmqev24e1mOBWf64wjkJwtM74Ex2qP5eI3y17mokQYIiOZC3NeFt1bygJm8ufV+W+9OxnxX9f5r3YuLVr5+OqDE8mBIZ8nWWtnrCQMPrXqtncaxHl5T0t/+WK9xzpr1rUqup3MmS6GsDP71TWcusOz7ne/6tfkLEqVc1Ljzj735N00jgQb9pyWb9HQq3UscdTJWZMMGeK4+FDiHlBa4H2W9pk/2ZzRlxwz2I661auuVKbVWRX5FyS5JpAid/Jzbf8jkh+uR8sIAAB42m3QR0xUcRDH8e/AsgtL71Wx9/LeW5Zi3wWeHXuvKLC7ioCLq2I3Yi/RmHjT2C5q7DUa9aDG3mKJevBqNx7Uqy68vzfn8slvkplMhgha608FQf5XH0AiJJJIbERhx0E0MTiJJY54EkgkiWRSSCWNdDLIJItscsgljza0JZ92tKcDHelEZ7rQlW50pwc96UVv+tAXDR0DFwW4KaSIYkroR38GMJBBDGYIHryUUkY5JkMZxnBGMJJRjKaCMYxlHOOZwEQmMZkpTGUa05nBTGYxmznMpVJsHKGZjVxnHx/ZxC62s59jHJUotvGODewVuzjYyRZu8V6iOcBxfvGT3xzmJPe5yynmMZ/dVPGQau7xgKc84jFP+EQNL3jGc07j4wd7eM1LXuHnC9/YygICLGQRtdRxkHoW0xD+diMhlrCUZXxmOStoYiWrWcUVDrGWNaxjPV/5zlXOcJZrvOGtxIhTYiVO4iVBEiVJkiVFUiVN0iWDc5znEpe5zQUucofNnJBMbnBTsiSbHZIjuZJn99U2Nfh1R6guoGlamaVHU6rsNZQuZUmLRnhAqSsNpUtZoHQrC5VFymLlv30eS13t1XVnTcAXClZXVTb6rZZhWrpNW3koWN8a3GZpi6bXuiOs8RdCFpfPeNo9zSsOwkAUhWGm004f9E0tSQm4CQpIWACtqSEI0klI2AIKjUGCQLOIWxRhc3BCpuPOd8z/Zt8rsdugIW/bdozdVVcL2U4oVQ0VO4yLGpOQh3ZAvKyIyw3ZZfXic0v+4QB2DwE4Hw0XECcND3D3Gj7grTUCwF9oDIFAg1GogxHe8GjJjtdnMAajh2ECxk/DFEyWhhmYrgxzMJsZjsB82lNRIX+yJU3JAAFTqVcWAAA=) format('woff');
      font-weight: normal;
      font-style: normal;
  }
  
  .hfbookcontainer.left {
      max-width: 41.25rem;
      padding: 0.75em 1.5em;
      padding-right: calc(1.125em + 2.5vw);
      margin: 0.75rem auto;
      box-sizing: border-box;
      background-image: url(https://scp-wiki.wdfiles.com/local--files/component%3Ahf-book-left/Herman-Fuller-page-left.png);
      background-size: 100%;
      background-repeat: repeat-y;
      font-family: alegreyaregular, serif;
      color: #000;
      position: relative;
      border-radius: 0.75rem/0.325rem;
  }
  .hfbookcontainer.left::before {
      content: "Tablet XIII-The Birth of Mušḫuššu";
      text-align: left;
      position: absolute;
      top: 0.975em;
      left: 1.325em;
      font-size: 0.925em;
      font-weight: bold;
      max-width: 55%;
  }
  
  :where(.left) .hfbookcontent {
      font-size: 1.15em;
      padding-bottom: 1rem;
  }
  
  :where(.left) .hfbooktitle {
      font-size: 1.1em;
      text-align: right;
  }
  .hfbooktitle p { margin: 0; }
  :where(.left) .hfbookpagenumber {
      text-align: left;
      font-weight: bold;
      position: absolute;
      left: 1.325em;
      bottom: 1.15em;
  }
  
  @media screen and (max-width: 37.5rem) {
      .hfbookcontainer.left::before { content: "Tablet XIII-The Birth of Mušḫuššu"; }
  }

  Pages using this styling

  • for-all-mankind-to-behold-in-awe [info]

  ¶ 1 occurrence
  

  .footnotes-footer {
    display: none;
  }
  

  Pages using this styling

  • footnotes-with-intent [info]

  ¶ 1 occurrence
  

  :root {
    --accentColor: #d60f0f;
  }
  
  #page-title {
      display: none;
  }

  Pages using this styling

  • folding-a-red-box [info]

  ¶ 1 occurrence
  

  
  td {
    padding: 8px 0;
  }
  
  .first-tab .yui-nav li:first-child {
    width: 100%;
  }
  
  .first-tab .yui-nav li.selected:first-child {
    font-weight: 700;
  }
  
  .m-image {
    text-align: center;
  }
  @media (max-width: 987px) {
    .m-center {
      float: none !important;
      width: auto !important;
      margin: 10px auto;
    }
  }
  @media (max-width: 767px) {
    .m-image {
      width: 70% !important;
    }
  }
  @media (max-width: 479px) {
    .m-image {
      width: auto !important;
    }
  }
  
  #header {
    background-image: url(https://scpko.wdfiles.com/local--files/theme%3Afmaf-theme/FMAF_logo_2.png);
  }
  
  @media (max-width: 767px) {
    span {
      word-break: unset;
    }
  }
  
  .yui-nav {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-end;
  }
   
  .yui-nav li {
    display: flex;
    flex-grow: 2;
    margin: 0;
  }
   
  .yui-nav li a {
    width: 100%;
    text-align: center;
  }
   
  .yui-navset .yui-content {
    border: none;
    border-bottom: 2px solid #641527;
    background-color: #F9F9F9;
    padding: 15px;
  }
   
  .yui-navset .yui-nav a, .yui-navset .yui-navset-top .yui-nav a {
    background:#FFF url(http://scpko.wdfiles.com/local--files/theme%3Athe-buck-stops-here/logo_KO.png) repeat-x;
    border-top: solid #641527 2px;
    border-left: solid #EDD 1px;
    border-right: solid #EDD 1px;
    border-bottom: none;
    color:#000;
  }
   
  .yui-navset .yui-nav .selected a,
  .yui-navset .yui-nav .selected a:focus, /* no focus effect for selected */
  .yui-navset .yui-nav .selected a:hover { /* no hover effect for selected */
    background: linear-gradient(to bottom, #782637,#641527); /* selected tab background */
    color: #FFF;
  }
   
  .yui-navset .yui-nav a:hover,
  .yui-navset .yui-nav a:focus {
    background: #DDD;
    text-decoration: none;
  }
   
  .yui-navset .yui-nav,
  .yui-navset .yui-navset-top .yui-nav {
    border-color: #641527;
  }

  Pages using this styling

  • fmaf-hub [info]

  ¶ 1 occurrence
  

  .icn-spinner {
     animation: spin-animation 6s infinite;
     margin: auto;
     width: 30%;
  }
  
  .icn-spinner2 {
     animation: spin-animation 2s infinite;
     margin: auto;
     width: 15%;
  }
  
  @keyframes spin-animation {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(359deg);
    }
  }

  Pages using this styling

  • flys-purgatory [info]

  ¶ 1 occurrence
  

      :root {
          --header-gradient-color-bottom: 91, 206, 250;
         --bright-accent: 91, 206, 250;
         --pale-accent: 91, 206, 250;
         --dark-accent: 40, 16, 60;
         --hover-link-color: 91, 206, 250;
         --visited-link-color: 91, 206, 250;
         --link-color: 175, 193, 199;
         --footnotes-footer-num-color: 91, 206, 250;
         --hoverblock-header-bg:  40, 16, 60;
      --header-title: "Fly's Purgatory";
      --header-subtitle: "Abandon all hope, ye who enter here";
  
  .foldable-list-container a {
      border-bottom: none;}

  Pages using this styling

  • flys-purgatory [info]

  ¶ 1 occurrence
  

  
  /* HEADER */
   :root{
     --header-title: "The Wanderers' Library";
     --header-subtitle: none;
     --lgurl: url(https://scp-wiki.wdfiles.com/local--files/scattersomnia/QueerLibrary.png);
  }
   #header h1 a::before{
       font-family: unset;
  }
  
  /* INFO BOX */
   .info-container{
       --barColour: hsl(117, 100%, 15%);
       --linkColour: hsl(47, 100%, 68%);
  }
  
  /* FORMATTING */
   .wanderers-note{
       margin: 1em 0;
       padding: 0 1em;
  
       background: hsl(57, 100%, 93%);
       border: 2px solid hsl(120, 100%, 15%);
  }
   .entry{
       padding: 2em;
  
       background: #e8e0c8;
       border: 2px solid hsl(120, 33%, 10%);
  }
   .section{
       margin-bottom: .23em;
       padding: 1.56em;
  
       background: #fff7e8;
       border: 1px solid hsl(120, 33%, 10%);
  }

  Pages using this styling

  • flying-whales [info]

  ¶ 1 occurrence
  

  #page-content .unfolded-collapse {
      max-width: 100%;
      box-sizing: border-box;
  }
  
  .spoiler {
      background-color: transparent;
      padding: .25rem;
      color: transparent;
  }
   
  .spoiler:hover {
      background-color:#424248;
      color: white;
  }

  Pages using this styling

  • flos [info]

  ¶ 1 occurrence
  

  /* == SITE BANNER == */
  
   :root {
      --header-subtitle: "NO VEIL CAN HOLD THE HEAVENS";
  
      --accentColor: hsl(180, 60%, 50%);
      --accentColorLite: hsla(180, 60%, 60%, .5);
      --hue: 180deg;
  
      --bgColor: hsl(220, 59%, 27%);
      --mgColor: hsl(220, 22%, 9%);
      --fgColor: hsl(220, 60%, 15%);
  
      --borderColor: var(--accentColor);
      --bgBadgeColor: var(--fgColor);
  }
  
   body {
      background-image:
         linear-gradient(
      	var(--mgColor) 0 180px,
      	var(--bgColor) 720px 100%);
  }
  
   @media (min-width: 768px) {
       #main-content {
      	max-width: 80%;
      }
  }
  
   :where(h1, h2, h3, h4, h5) {
      color: var(--textColorMid);
  }
  
   .lite-heading.extra-wide {
      position: relative;
      left: calc(-33vw + 50%);
      width: 66vw;
      max-width: 66vw;
  
      background:
         linear-gradient(
      	to right,
      	transparent,
      	var(--fgColor) 10% 90%,
      	transparent);
  }
  
   @media (max-width: 767px) {
       .lite-heading.extra-wide {
      	left: unset;
      	width: unset;
      	max-width: unset;
      }
  }
  
   .lite-heading.extra-wide hr {
      height: .3rem;
  
      background:
         linear-gradient(
      	to right,
      	transparent,
      	var(--accentColor) 10% 90%,
      	transparent);
      border: 0;
  }
  
   .lite-heading.extra-wide h1 {
      font-size: 2.95rem;
  }
  
  /* == BOOKSHELF == */
  
   div.bookshelf {
      display: flex;
      flex-flow: wrap;
  }
  
   div.book {
      display: flex;
      flex: 50%;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      height: 6rem;
  }
  
   @media (max-width: 768px) {
       div.book {
      	flex: 100%;
      }
  }
  
   div.book p {
      margin: 0;
  }
  
  /* == TABS == */
  
   .yui-navset .yui-content {
      padding-top: 2rem;
  
      background: hsla(220, 60%, 21%);
  }
  
   .yui-navset .yui-nav .selected a,
   .yui-navset .yui-nav .selected a:active,
   .yui-navset .yui-nav .selected a:focus {
      color: var(--keyColor);
  }
  
   .translations .collapsible-block-link::before,
   .translations .collapsible-block-link::after,
   .translations .collapsible-block-unfolded .collapsible-block-link::before,
   .translations .collapsible-block-unfolded .collapsible-block-link::after {
      content: "";
  }
  
  /* == MEGA COOL AUTHOR PAGE TOOL == */
  
   .content-box {
      margin-bottom: 1rem !important;
  }
  
   .content-box:hover {
      box-shadow:
      	0 .53rem var(--fgColor),
      	0 -.27rem var(--fgColor) !important;
  }
  
   .content-box .content-section .translations iframe.scpnet-interwiki-frame,
   .content-box .content-section .translations div.scpnet-interwiki-wrapper {
      height: 290px !important;
  }
  
   .top-border {
      border-color: var(--textColorAlt) !important;
  }
  
   #page-content .tooltip > a[href*="dark-achievement-badges"] {
      border-bottom: 0;
  }
  
  /* == FLOPSTYLE: DARK MODS == */
  
   .image-box {
      border: 0 !important;
  }
  
   .blockquote.artpreciation > p {
      margin-top: -.4rem;
  }
  
   @media (min-width: 768px) {
       .blockquote.lightweight.exhibit p,
       .blockquote.lightweight.exhibit ul {
      	margin: .4rem 0;
      }
  
       .blockquote.lightweight.exhibit h4 {
      	color: var(--textColorMid);
      }
  
       .blockquote.lightweight.exhibit {
      	width: 500px;
      	min-height: 240px;
      	margin: auto;
      }
  }
  
  /* == CURRICULUM VITAE == */
  
   .cv {
      --accentColor: hsl(360, 71%, 70%);
      --accentColorLite: hsla(360, 71%, 80%, .5);
  }
  
   .cv h1 {
      --accentColor: hsl(360, 70%, 70%);
  }
  
   .cv h5 {
      justify-content: start;
  }
  
   .cv a {
      font-weight: bold;
  }
  
   .cv strong {
      color: var(--textColorMid);
      font-size: .9rem;
  }
  
   .cv strong::after {
      content: " »";
      padding: 0 .2rem;
  }
  
   .cv .library {
      --accentColor: hsl(46, 79%, 50%);
      --accentColorLite: hsla(46, 79%, 60%, .5);
  }
  
   .cv .declassification {
      --accentColor: hsl(270, 60%, 60%);
      --accentColorLite: hsla(270, 60%, 70%, .5);
  }
  
   .cv .translator,
   .cv .editor {
      padding: .02rem .2rem;
  
      background: var(--accentColorTrans);
  }
  
   .cv .translator {
      --accentColor: hsl(135, 55%, 55%);
      --accentColorLite: hsla(135, 55%, 65%, .5);
      --accentColorTrans: hsla(135, 55%, 55%, .1);
  }
  
   .cv .editor {
      --accentColor: hsl(225, 65%, 65%);
      --accentColorLite: hsla(225, 75%, 75%, .5);
      --accentColorTrans: hsla(225, 65%, 65%, .1);
  }
  
   .idle {
      opacity: .65;
  }
  
   .moo {
      color: hsl(214, 70%, 65%);
  
      font-weight: bold;
  }
  
   .lie {
      --accentColor: var(--textColorHigh);
      --accentColorLite: var(--textColorIdle);
      padding: 1px 3px;
  
      background: hsla(207, 75%, 50%, .3);
  
      font: bold .95rem/1.5 var(--mono-font);
      word-break: normal;
  }
  
   .FL_parent {
      display: flex;
      align-items: center;
      justify-content: space-around;
  }
  
   .FL_child {
      width: fit-content;
      margin: auto;
  
      font-size: .85rem;
  }
  
  /* == DIVS == */
  
   .blockquote {
      margin-right: 0;
      margin-left: 0;
  }
  
   .blockquote .blockquote {
      margin-right: 1rem;
      margin-left: 1rem;
  
      border-left-width: medium;
  }
  
  /* == X-SMALL BREAKPOINT == */
  
   @media (max-width: 575.9px) {
       #header h1 a { font-size: calc(.75em + 3.5vw); }
       #header h2 { font-size: calc(.75em + 1.75vw); }
  }
  
  /* == SMALL BREAKPOINT == */
  
   @media (min-width: 576px) and (max-width: 767.9px) {
       #header h1 a { font-size: calc(.75em + 3vw); }
       #header h2 { font-size: calc(.75em + 1.5vw); }
  }
  
   @media (max-width: 767.9px) {
       #header h2 { margin-top: .5em; }
  }
  
  /* == MEDIUM BREAKPOINT == */
  
   @media (min-width: 768px) and (max-width: 983.9px) {
       #header h1 a { font-size: calc(.75em + 2.5vw); }
       #header h2 { margin-top: 0; font-size: calc(.75em + 1.25vw); }
  }
  
  /* == LARGE BREAKPOINT == */
  
   @media (min-width: 984px) and (max-width: 1199.9px) {
       #header h1 a { font-size: calc(.75em + 2vw); }
       #header h2 { font-size: calc(.75em + 1vw); }
       #header h1 a::before { font-size: unset; }
       #header h2::before { font-size: unset; }
  }

  Pages using this styling

  • floppyphoenix [info]

  ¶ 1 occurrence
  

  /* ---- PRESENTATION ---- */
   .textBlock{margin:1em 0;padding:0 1em;background:hsl(0,0%,100%);border:1px solid hsl(0,0%,87%)}

  Pages using this styling

  • flopmind-author-page [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Kavivanar&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Long+Cang&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Loved+by+the+King&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Qwitcher+Grypen:wght@700&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Schoolbell&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=La+Belle+Aurore&display=swap');
  
  :root {
      --header-title:"Harker";
      --header-subtitle:"An Extended Biography";
      --logo-image: url("https://scp-sandbox-3.wdfiles.com/local--files/queerlando-theme/quill_shadow.png");
  }
  
  #header h1 a:before {
      font-size: clamp(3rem, 24vw, 6rem);
  }
  
  #header h2 span::before {
      font-size: 1.3em;
      padding-top: 0.5em;
      margin-left: -0.5em;
      text-shadow: 0.125rem 0.125rem 0 rgb(79 79 79);
  }
  
  #page-title {
      font-family: "La Belle Aurore", cursive;
      margin-left: 0.5em;
      z-index: 2;
  }
  
  #page-title::after {
      top: calc(80%) !important;
      margin-left: -0.5em;
      z-index: -1;
  }
  
  .hrPad {
      background-image: url("https://scp-sandbox-3.wdfiles.com/local--files/letters-To-Harker/jasmine.png");
      background-size: initial;
      background-repeat: no-repeat;
      background-position: center;
      min-width: 100%;
      height: 2.5em;
      margin: 1em auto;
  }
  
  .storybook {
       background-image: url( https://scp-wiki.wikidot.com/local--files/scp-8166/paper-min%5B1%5D.png);
       padding:1em 2em;
       font-size: 105%;
       border: 2px solid black;
  }
  
  /*ANNABELLE*/
  .handAnna {
      font-family: 'Long Cang', fantasy;
      font-size: 140%;
      line-height: 1.4em;
  }
  
  /*HARKER*/
  .handHarker {
      font-family: "La Belle Aurore", cursive;
      font-size: 125%;
  }
  
  /*FORMAL*/
  .hand3 {
      font-family: 'Qwitcher Grypen', cursive;
      font-size: 180%;
  }
  
  /*CHILD*/
  .handChild {
      font-family: 'Schoolbell', cursive;
  }
  
  /* FADE OUT CODE BY JEZIXO */
  .fade-out {
    -webkit-mask-image: linear-gradient(to bottom, black 0%, rgba(0,0,0,0.5) 60%, transparent 82%);
    mask-image: linear-gradient(to bottom, black 0%, rgba(0,0,0,0.5) 60%, transparent 82%);
      margin-bottom: -6em;
  }
  
  /* Radian Conditional Collapsibles Code */
  body:has(.fontSwap .collapsible-block-unfolded[style="display: block;"]),
  body:has(.fontSwap .collapsible-block-unfolded[style=""]) {
      .storybook {
      font-family: serif !important;
      }
  }
  
  #page-content a.collapsible-block-link {
      display: block;
      margin: 0 auto;
      width: fit-content;
  font-weight: bold;
  font-size: 125%;
  }
  

  Pages using this styling

  • flesh-and-blood [info]

  ¶ 1 occurrence
  

  
  Randomini.
  */
   
  @import url('https://fonts.googleapis.com/css?family=Caladea|IM+Fell+DW+Pica|IM+Fell+DW+Pica+SC|Tangerine');
   
  /* Hyperlink colors */
  :root {
      --hyperlink: #824565;
      --hyperlink-visited: #63173f;
  }
  
  /* BODY */
  body {
      background: linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5)), url('https://scp-wiki.wdfiles.com/local--files/theme:unusual-cargo/TOAST-PAPER.jpg');
  }
   
  .main-body-div {
      width: 92.7%;
      line-height: 20px;
      padding-left: 25px;
      padding-right: 25px;
      vertical-align: top;
      transition: all .7s;
      background: linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,.5)), url("https://scp-wiki.wdfiles.com/local--files/theme:unusual-cargo/TOAST-PAPER.jpg");
  }
   
  
  /* minor color and style tweaks */
   
  table.wiki-content-table {
      border: 1px solid rgba(50, 50, 50, 0.2);
  }
   
  table.wiki-content-table th {
      padding: 0.3em 0.7em;
      background-color: rgba(240, 240, 240, 0.2);
  }
   
  #search-top-box-input, #search-top-box input.empty,
  #search-top-box-form input[type=submit] {
      transition: 0.2s linear;
  }
   
  #search-top-box-input, #search-top-box input.empty {
      background-color: transparent;
      border: 1px solid #DBC39F;
      border-radius: 0;
      color: #000;
  }
   
  #search-top-box-input:hover, #search-top-box-input:focus,
  #search-top-box input.empty:hover, #search-top-box input.empty:focus {
      outline: 0;
      color:#FFFFFF;
      border: 1px solid #000;
      background-color: #000000;
      box-shadow: 0 1px 3px rgba(0,0,0,.8);
  }
   
  #search-top-box-form input[type=submit] {
      outline: 0;
      height: 1.65em;
      border: none
      border-radius: 0;
      color: #000;
      background: none;
   
      position: relative;
      top: -1px;
   
      box-shadow: none;
  }
   
  #search-top-box-form input[type=submit]:hover,
  #search-top-box-form input[type=submit]:focus {
      border: none;
      border-radius: 0;
      background: none;
  }
   
  #search-top-box-form input[type=submit]:active {
      padding: 0 0.5em;
      border: none;
      border-radius: 0;
      color: #000;
      background: #B6925E;
  }
   
  #login-status, #login-status a {
      color: #000;
      border-color: #000;
  }
  /* stuff with body h groups */
   
  h2, h3, h4, h5, h6 {
      font-family:'IM Fell DW Pica SC', serif;}
   
  h1, #page-title {
      color: #000;
      padding: 0 0 0.25em;
      margin: 0 0 0.6em;
      font-weight: heavy;
      font-family: 'IM Fell DW Pica', serif;
  }
  /* remove the blockquote border, adds a shadow and a gradient over the new paper background */
  blockquote, div.blockquote {
      border: none;
      padding: .5em;
      box-shadow: 4px 6px 8px #a98;
      background: linear-gradient(rgba(255, 255, 245, 0.3), rgba(245, 230, 205, 0.5)), url("https://scp-wiki.wdfiles.com/local--files/theme:unusual-cargo/TOAST-PAPER.jpg");
  }
   
  /* New paper class */
   
  div.paper {
      background: linear-gradient(rgba(220, 240, 240, 0.3), rgba(240, 240, 220, 0.5)), url("https://scp-wiki.wdfiles.com/local--files/theme:unusual-Cargo/TOAST-PAPER.jpg");
      box-shadow: 4px 6px 8px #a98;
      padding: 1em .5em 1em .5em;
      display: block;
      margin-block-start: 1em;
      margin-block-end: 1em;
      margin-inline-start: 40px;
      margin-inline-end: 40px;
  }
   
  @media (max-width: 478px) {
      div.paper {
      margin-inline-start: 0px;
      margin-inline-end: 0px;
      margin-block-start: 0em;
      margin-block-end: 0em;
      Margin: .5em 0em .5em 0em;
      }
  }
   
  /* inputs */
  #top-bar ul li.sfhover ul li a,
  #top-bar ul li:hover ul li a {
      border-top: 1px solid #000000;
  }
   
  #top-bar ul li.sfhover a,
  #top-bar ul li:hover a {
      background: #bc9055;
      color: #ffffff;
  }
  #top-bar ul li ul a, #top-bar a:hover {
      color: #8db600;
  }
  #top-bar ul li.sfhover a:hover,
  #top-bar ul li:hover a:hover {
      background: #000000; /* top bar hover background color */
  }
   
  /* #side-bar: Color changes, removing border, modifying font sizes, and changing general appearance.
  Make the left menu look like it's "written" in the left margin */
   
  #side-bar .side-block {
      padding: 10px;
      border: none;
      border-radius: 10px;
      border-style: solid;
      border-color: transparent; /* no border */
      box-shadow: none !important; /* no shadow */
      background: none !important; /* no background */
      margin-bottom: 15px;
      color: black;
  }
   
  /* stuff for social media bar */
   
  #side-bar .side-block:first-child {
      filter: sepia(100%) opacity(35%);
      padding: 0;
      margin: 0;
  }
   
  #side-bar .side-block:first-child:hover {
      filter: sepia(100%);
  }
   
  #side-bar .heading {
      font-family: 'Tangerine', cursive;
      font-size: 2em;
      font-weight: bold;
  }
   
  #side-bar .menu-item {
      font-family: 'Caladea', serif;
      font-weight: normal;
      box-shadow: none !important;
      margin-bottom: 15px;
      color: black;
  }
   
  #side-bar div.menu-item a {
      font-weight:normal;
  }
   
   #side-bar a{
       color: #430;
  }
  /* #top-bar: Color changes, removing border, modifying font sizes, and changing general appearance */
  #top-bar li a{
      text-align: center;
      font-family: 'Caladea', serif;
      display: block;
      font-size: 1.2em;
      margin: 0;
      padding: 1px .5em;
      text-decoration: none;
  }
   
  a {
      color: #530;
      text-decoration: none;
      background: transparent;
  }
   
  /* Adds the "letter" class that helps align collapsibles with the associated blockquote */
  div.letter {
      margin: 1em 3em;
      padding: 1em .5em;
  }
  @media (max-width: 479px) {
      div.letter {
          margin: 1em 0;
          padding: .5em .25em;
      }
  }
  @media (min-width: 480px) and (max-width: 580px) {
      div.letter {
          margin: 0.5em;
          padding: .25em 0;
      }
  }
   
  /* YUI-TABS */
  .yui-navset .yui-content{
      background: linear-gradient(rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.5)), url("https://scp-wiki.wdfiles.com/local--files/theme:unusual-cargo/TOAST-PAPER.jpg") !important;
  }
  .yui-navset .yui-nav a,
  .yui-navset .yui-navset-top .yui-nav a {
      background-color:#d8d8d8;
      background-image: url("https://scp-wiki.wdfiles.com/local--files/theme:unusual-cargo/TOAST-PAPER.jpg") !important;
  }
  .yui-navset .yui-nav .selected a {
      background:#920 url("https://scp-wiki.wdfiles.com/local--files/theme:unusual-cargo/TOAST-PAPER.jpg") repeat-x left -1400px !important; /* selected tab background */
      }
  .yui-navset .yui-nav .selected a:focus, /* no focus effect for selected */
  .yui-navset .yui-nav .selected a:hover { /* no hover effect for selected */
  background:#920 url("https://scp-wiki.wdfiles.com/local--files/theme:unusual-cargo/TOAST-PAPER.jpg") repeat-x left -1400px !important; /* selected tab background */
  }
  .yui-navset .yui-nav a:hover, .yui-navset .yui-nav a:focus {
      background:#da8 url("https://scp-wiki.wdfiles.com/local--files/theme:unusual-cargo/TOAST-PAPER.jpg") repeat-x left -1300px !important;
      text-decoration: none;
  }
   
  /* Related articles box (previous inlined) */
  .UC_footing {
      width: 80%;
      margin: auto;
      padding: .2em;
   
      background:
      linear-gradient(
      hsla(0, 0%, 88%, .3),
      hsla(240, 100%, 94%, .5)),
      url(https://scp-wiki.wdfiles.com/local--files/theme%3Aunusual-Cargo/TOAST-PAPER.jpg);
   
      text-align: center;
  }
   
  @media (max-width: 767px) {
      .UC_footing {
          width: 100%;
      }
  }
   
  .UC_footing p {
      font-size: .8em;
  }
   
  .UC_footing h2 {
      font: 2.1em "Tangerine", cursive;
  }
  

  Pages using this styling

  • fists-firsts-and-fifths [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Crimson+Text:ital,wght@0,400;0,600;0,700;1,400;1,600;1,700&display=swap');
  
  #page-content > p {
      text-justify: inter-word;
      text-align: justify;
      text-indent: 1rem;
      font-family: "Crimson Text", serif;
      font-size: 1.2rem;
  }

  Pages using this styling

  • fishskin [info]

  ¶ 1 occurrence
  

  :root {
   --borderColor: #000000 !important;
   --bgBadgeColor: #404040 !important;
  }

  Pages using this styling

  • fishishpage [info]

  ¶ 1 occurrence
  

  :root {
    --header-title: "Encyclopedia";
    --header-subtitle: "The Encyclopedia";
  }

  Pages using this styling

  • fishishpage [info]

  ¶ 1 occurrence
  

  .yui-navset .yui-nav, .yui-navset .yui-navset-top .yui-nav {
      text-align: center;
  }

  Pages using this styling

  • fishing-team-main [info]

  ¶ 1 occurrence
  

  :root {
    --accentColor: #E469BB;
  }
  }

  Pages using this styling

  • fishing-tales-plenty-of-fish-in-the-sea [info]

  ¶ 1 occurrence
  

  @import url(https://fonts.bunny.net/css?family=noto-serif:400);
  @import url(https://fonts.bunny.net/css?family=roboto-flex:400);
  
  :root {
  
      --sp_top-bar-gradient-top-color: transparent;
      --sp_top-bar-gradient-bottom-color: transparent;
  
      --sp_top-bar-link-color: #b01;
      --sp_top-bar-link-hover-color: #b01;
      --sp_top-bar-link-hover-background: transparent;
  
      --sp_dropdown-link-border: 0;
      --sp_dropdown-link-background: #FAF9F6;
  
      --sp_rate-module-background: transparent;
      --sp_rate-module-text-color: #333333;
      --sp_rate-module-button-color: #333333;
      --sp_rate-module-button-background: transparent;
      --sp_rate-module-sub-color: #333333;
      --sp_rate-module-button-hover-color: #FAF9F6;
      --sp_rate-module-button-hover-background: #333333;
      --sp_rate-module-active-color: #FAF9F6;
  }
  #container-wrap-wrap {
      background-color: #FAF9F6;
  }
  div.page-rate-widget-box .cancel a:is(:hover,:focus) {
      background-color: #333333;
  }
  div.page-rate-widget-box, div.rate-box-with-credit-button {
      box-shadow: none;
      border: solid 2px black;
      border-radius: 0;
      text-transform: capitalize;
      transition: 200ms;
  }
  #login-status {
      color: #333333;
  }
  #login-status a {
      color: #b01;
  }
  #account-topbutton {
      border: solid 1px #b01;
  }
  #account-options {
      border: solid 2px black;
  }
  #account-options a{
      color: #b01;
  }
  .printuser {
      color: #333333;
  }
  #header {
      background-image: none;
  }
  #header::before {
      filter: invert(1);
  }
  #header h1 a, #header h2 span {
      text-shadow: none;
      font-family: "Roboto Flex";
      color: #333333;
  }
  #top-bar {
      border-top: solid 2px black;
      border-bottom: solid 2px black;
  }
  #top-bar ul li ul {
      border: solid 2px black !important;
      box-shadow: none;
  }
  #search-top-box-form input[type=submit] {
      background-color: transparent;
      background-image: none;
      border: solid 2px black;
      box-shadow: none;
      border-radius: 0;
      color: #333333;
      transition: 200ms;
  }
  #search-top-box-form input[type=submit]:hover {
      background-color: #333333;
      background-image: none;
      border: solid 2px black;
      box-shadow: none;
      border-radius: 0;
      color: #FAF9F6;
  }
  
  
  /* For wide screen sizing. */
  
  #content-wrap {
      width: 100%;
      max-width: 100%;
  }
  @media not all and (max-width: 767px) {
  #main-content {
      max-width: 100%;
      }
  }
  #top-bar .open-menu a {
      border: solid 2px black;
      color: #333333;
      font-weight: 100;
  }
  #side-bar {
      z-index: 101;
  }
  #page-title {
      display: none;
  }
  #page-info, .page-watch-options, .page-options-bottom {
      text-align: center;
  }
  #footer {
      color: #333333;
      background: transparent;
      border-top: solid 2px black;
      border-bottom: solid 2px black;
  }
  #footer a {
      color: #b01;
  }
  
  /* Tier list. */
  
  .rankContainer {
      background-color: #1a1a17;
      display: grid;
      grid-template-columns: 2rem 1fr;
      margin: 1rem;
  }
  .rankRank {
      grid-column: 1 / 2;
      display: flex;
      align-items: center;
      justify-content: center;
      font-family: "Noto Serif";
      font-size: 2rem;
      font-weight: bold;
      color: #111111;
      width: 2rem;
  }
  .rankRank p, .rankedTheme p, .stickyTop p, .feedAuthor p {
      margin-block-start: 0;
      margin-block-end: 0;
      line-height: 1;
  }
  .sTier {
      background-image: linear-gradient(60deg, #b78a49, #dbb560, #f5efb5, #dbb560, #b78a49);
      grid-row: 1 / 2;
  }
  .aTier {
      background-image: linear-gradient(to bottom, #ce7dfe, #9e4eee);
      grid-row: 2 / 3;
  }
  .bTier {
      background-image: linear-gradient(to bottom, #59b8e6, #287ab2);
      grid-row: 3 / 4;
  }
  .cTier {
      background-image:  linear-gradient(to bottom, #f5b97b, #ef7e46);
      grid-row: 4 / 5;
  }
  .dTier {
      background-image: linear-gradient(to bottom right, #c4ff45, #6ad540);
      grid-row: 5 / 6;
  }
  .fTier {
      background-image: linear-gradient(to bottom, #fd8aa5, #f2457e);
      grid-row: 6 / 7;
  }
  .rankTheme {
      grid-column: 2 / 3;
      border-bottom: solid 2px grey;
      display: flex;
      flex-wrap: wrap;
  }
  .sRank {
      grid-row: 1 / 2;
  }
  .aRank {
      grid-row: 2 / 3;
  }
  .bRank {
      grid-row: 3 / 4;
  }
  .cRank {
      grid-row: 4 / 5;
  }
  .dRank {
      grid-row: 5 / 6;
  }
  .fRank {
      grid-row: 6 / 7;
  }
  .rankedTheme {
      transition: 200ms;
      text-align: center;
      display: flex;
      align-items: center;
      justify-content: center;
      font-family: "Roboto Flex";
      font-weight: bold;
      flex-basis: 7rem;
      position: relative;
      padding: 5px;
      overflow: hidden;
      border: solid 2px black;
      background-color: pink;
      height: 7rem;
      width: 7rem;
      z-index: 1;
  }
  .rankedTheme:hover {
      transform: scale(1.2);
      font-size: 0.8rem;
      z-index: 100;
  }
  .rankLink {
      font-size: 0;
  }
  .rankLink a {
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
  }
  
  /* Tier list reviews. */
  
  .feedThemeHappy {
      border-color: transparent;
  }
  .feedTheme {
      box-shadow: inset 0 0 0 2px black;
      padding: 0.2rem 2rem 1rem 2rem;
      position: relative;
      font-family: "Roboto Flex";
      margin: 3rem 1rem;
  }
  .feedTheme br {
      display: none;
  }
  .feedTheme:nth-child(even) {
      margin-left: 2rem;
  }
  .feedTheme:nth-child(odd) {
      margin-right: 2rem;
  }
  .feedTheme:nth-child(3n)::before {
      position: absolute;
      content: "";
      background-color: #e6e6e6;
      height: 100%;
      width: 100vw;
      right: 100%;
      top: 0;
  }
  .feedTitle {
      font-size: 2rem;
      font-weight: bold;
      font-family: "Noto Serif";
  }
  .feedAuthor {
      position: absolute;
      font-size: 1.2rem;
      font-weight: bold;
      line-height: 0.8;
      border: solid 2px black;
      top: 0;
      left: 0;
      padding: 5px;
      transform: translate(-10%, -50%);
      background-color: #FAF9F6;
  }
  .rateTheme {
      position: absolute;
      top: 50%;
      left: 100%;
      transform: translate(-50%, -50%);
      height: 3rem;
      width: 3rem;
      border-radius: 100%;
  }
  
  .feedTheme a.collapsible-block-link {
      padding: 5px;
      background-color: #333333;
      border: solid 2px black;
      color: #f2f0ef;
      font-weight: bold;
      transition: 200ms;
  }
  .feedTheme a.collapsible-block-link:hover {
      text-decoration: none;
      background-color: transparent;
      color: #333333;
  }
  .feedTheme .collapsible-block-unfolded-link, .collapsible-block-folded {
      text-align: center;
  }
  .linkOut {
      position: absolute;
      font-size: 2rem;
      transform: translate(-50%, -50%);
      background: #FAF9F6;
      border: 2px solid black;
      height: 3rem;
      width: 3rem;
      border-radius: 100%;
      top: 50%;
      left: 0;
      transition: 200ms;
  }
  .linkout a {
      filter: invert(0);
      transition: 200ms;
  }
  .linkOut a:hover {
      text-decoration: none;
      filter: invert(1);
  }
  
  /* Button for going to top. */
  
  .stickyTop {
      position: sticky;
      top: 2rem;
      width: 4rem;
      z-index: 100;
      margin: auto;
      text-align: center;
      border: solid 2px black;
  }
  .stickyTop a {
      display: block;
      width: 100%;
      color: #333333;
      background-color: #FAF9F6;
      transition: 200ms;
  }
  .stickyTop a:hover {
      color: #FAF9F6;
      background-color: #333333;
      text-decoration: none;
  }
  
  /* Resizing for mobile. */
  
  @media only screen and (max-width: 450px) {
  .rankedTheme {
      height: 4rem;
      flex-basis: 25%;
      }
  .rankedTheme:hover {
      transform: scale(2);
      font-size: 0.6rem;
      }
  }

  Pages using this styling

  • fish-s-scp-wiki-themes-complete-tier-list [info]

  ¶ 1 occurrence
  

  #page-title{display:none}
  body{overflow-x:hidden}

  Pages using this styling

  • fish-s-absolute-beginners-guide-to-units [info]

  ¶ 1 occurrence
  

  #page-title{display:none}
  .hover:hover{background:pink}
  .kill a{color:blue}
  .killa a{color:purple}
  .happy {color: blue;}
  .happy:before {content: "HI! ";}
  .happy:after {content: " ACAB!";}

  Pages using this styling

  • fish-s-absolute-beginner-s-guide-to-syntax [info]

  ¶ 1 occurrence
  

  .comptext{
  font-family: "Fira Code", monospace;
  }
  
  #page-title {
    display: none;
  }

  Pages using this styling

  • firstdayrestoflife [info]

  ¶ 1 occurrence
  

  :root{
  --header-title:"STILLBORN SKIES";
  --header-subtitle:"STUNTED EARTH, DEADLOCKED SEAS ";
  --lgurl:url ("https://scp-wiki.wdfiles.com/local--files/horizon-initiative-hub/logo5.png") 1px 20px no-repeat
  }
  .line{
  border-top:2px solid #777;border-bottom:1px solid #777;padding:.5px
  }
  .footnotes-footer{display:none}

  Pages using this styling

  • firstborn-soul [info]

  ¶ 1 occurrence
  

  :root {
  
  --body-font: "recursive";
  --title-font: "recursive" ;
  --header-font:  "recursive";
  --UI-font: "recursive";
  
      --header-title: "PAN-NÄLKÄ CONGRESS";
      --header-subtitle: "";
  }
  
   
      #content-wrap {
        background-image: url(https://scp-wiki.wdfiles.com/local--files/theme%3Aonko-sinulla-nalka-theme/PaperTextureSarkic.png), url("");
  background-size: auto, 28%;
   background-position: left top, right top;
     background-repeat: repeat, no-repeat;
  
  #main-content hr{
      display: block;
      border:0px;
      height:2px;
  background-color: black;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 1%;
      background-image:url('');
  
  

  Pages using this styling

  • first-shots [info]

  ¶ 1 occurrence
  

  sup {
      vertical-align: top;
      position: relative;
      top: -0.5em;
  }
  
  :root {
      --cutColour: #fafafa;
      --barColour: #8B0000;
  }
  
  .translation_block {
      display: none;
  }
  
  .info-container .collapsible-block-folded a {
      color: #FFF;
  }
  
  .info-container .collapsible-block-unfolded-link a {
      color: #FFF;
  }
  
  .info-container .collapsible-block-link,
  .info-container:hover .collapsible-block-link {
      line-height: 1.6em;
  }

  Pages using this styling

  • fire-and-hate [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css?family=Cinzel');
  @import url('https://fonts.googleapis.com/css?family=Anton');
  @import url('https://fonts.googleapis.com/css?family=Pinyon+Script');
  #page-title { display: none; }
  
  /*
      The Anton font was created by Vernon Adams and is licensed under the Open Font License
      The Cinzel font was created by Natanael Gama and is licensed under the Open Font License
      The Pinyon Script font was created by Nicole Fally and is licensed under the Open Font License
  */
  
  :root {
      --title: "Deer College Archives";
      --short_title: "Deer College";
  }
  

  Pages using this styling

  • finding-avalon [info]

  ¶ 1 occurrence
  

  :root {
      --title: "Deer College Archives";
      --short_title: "Deer College";
  }

  Pages using this styling

  • finding-avalon [info]

  ¶ 1 occurrence
  

  #page-title {
      display: none;
  }
  
  .feature-block {
      height: 230px;
  }
  .feature-block .panel-body {
      height: 160px;
      overflow-y: hidden;
  }
  .feature-block .feature-title {
      font-size: 120%;
      font-weight: bold;
  }
  .feature-block .feature-subtitle {
      font-size: 90%;
  }
  
  .feature-block .feature-title > p,
  .feature-block .feature-subtitle > p {
      margin: 0;
  }
  
  .news-block .panel-body {
      padding: 0;
  }
  .news-block .panel-body .alternate {
      padding: 5px 10px;
  }
  }
  .news-block .news-title {
      font-weight: bold;
      font-size: 110%;
      margin-bottom: 5px;
  }
  .news-block .news-content {
      margin: 5px 0;
  }
  .news-block .news-title > p,
  .news-block .news-content > p {
      margin: 0;
  }
  
  .content-panel p {
      padding: 0 0.75em;
  }
  
  div.content-panel.centered.standalone p span  {
      line-height: 1;
  }
  
  /* Override sigma styling */
  
  .content-panel,
  .content-panel.standalone {
       border: solid 1px var(--bg-light);
       background-color: var(--bg);
  }
  
  .content-panel .panel-body {
       border-bottom: solid 1px var(--bg-light);
       background: var(--bg-dark);
  }
  
  .alternate:nth-child(even) {
      background-color: var(--bg-dark);
  }

  Pages using this styling

  • finding-asmodeus-hub [info]

  ¶ 1 occurrence
  

  :root {
      --theme-base: "black-highlighter";
      --theme-id: "calamity";
      --theme-name: "Calamity Theme";
   
      /* Header */
      --logo-image: none;
      --header-title: "The Archons Rule";
      --header-subtitle: "Who Are You?";
  
      /* Typefaces */
      --body-font: "Ubuntu", sans-serif;
      --header-font: "Ubuntu", sans-serif;
      --title-font: "Roboto", sans-serif;
      --mono-font: "Space Mono", "Andale Mono", "Courier New", Courier, monospace;
  
      --sky-at-dawn: 21, 25, 43;
      --sky-at-morning: 21, 25, 43;
      --sky-at-daytime: 21, 25, 43;
      --sky-at-evening: 21, 25, 43;
      --sky-at-dusk: 21, 25, 43;
      --sky-at-night: 21, 25, 43;
      --sky-length: 15;
     --sky-time: 30s;
  }
  
  div#extra-div-1 {
      background: url("");
      background-repeat: no-repeat;
      background-position: calc(50% - 9rem) 80%;
      background-size: contain;
  }
   
  div#extra-div-2 {
      background: url("");
      background-repeat: no-repeat;
      background-position: calc(50% + 9rem) 80%;
      background-size: contain;
  }
  #header-extra-div-1 {
      display: block;
      position: absolute;
      top: 0%;
      left: calc((-100vw + 100%)/2);
      width: 99.4vw;
      height: 10rem;
      -webkit-animation: rainOne 1.7s infinite linear,
          rainFade var(--sky-at-night) ease;
      animation: rainOne 1.7s infinite linear,
          rainFade var(--sky-at-night) ease;
      -webkit-animation-iteration-count: infinite;
      animation-iteration-count: infinite;
      background: url('https://scp-wiki.wdfiles.com/local--files/theme%3Acalamity/rain1.png');
      background-repeat: repeat;
      background-size: 14.375rem;
      pointer-events: none;
      -webkit-filter: blur(.9px);
      filter: blur(.9px);
  }
      --link-color: 21, 25, 43;
      --visited-link-color: 46, 72, 12;
  }
  
  .email-example .collapsible-block-folded a.collapsible-block-link {
      animation: blink 0.8s ease-in-out infinite alternate;
  } 
  @keyframes blink {
      0% { color: transparent; }
      50%, 100% { color: #b01; }
  }
  .email {border: solid 2px #000000; width: 88%; padding: 1px 15px; margin: 10px; box-shadow: 0 1px 3px rgba(0,0,0,.5)}
  .email-example a.collapsible-block-link {font-weight: bold;}
  .tofrom {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px maroon}
  
  /* Borrowed from SCP-3984! */
  .outside {
    margin: 2em -6em;
    padding: 1em 10em;
    --narration-color: rgba(214, 234, 248,1);
    background: var(--narration-color);
    background: linear-gradient(90deg, rgba(255,255,255,0) 0%, var(--narration-color) 20%, var(--narration-color) 80%, rgba(255,255,255,0) 100%);
    z-index: -2;
  }
  
  /* Make the blue bois that are within the document have smaller margins so they break flow less*/
  .outside.inline {
    margin: 1em -6em;
    padding: 1px 10em;
  }
  
  .entry {
     background: #fcfcfc;
     margin: 1em 3em;
     padding: 0.75rem;
     border: solid 2px grey;
     text-align: center;
  }
  
  /* REDDIT */
  .reddit-post{
      margin: .43em;
      padding: 0 .85em;
  
      background-color: #fcfcfb;
      border: 1px solid #b5b3ac;
  
      font-family: verdana,arial,sans-serif;
      overflow: hidden;
  }
  
  tt {
     font-size: 105%;
  }
  
  .code-delta {
     border-left: solid 5px rgb(var(--accent));
     padding: 0.325rem 1.25rem;
     margin: 0rem 1.25rem;
  }

  Pages using this styling

  • final-star [info]

  ¶ 1 occurrence
  

  :root {
    --header-title: "SCP FOUNDATION";
    --lgurl: url("https://scp-wiki.wdfiles.com/local--files/math-department-hub/Math%20Department%20Logo%20-%20Penumbra.png");
    --header-subtitle: "DEPARTMENT OF MATHEMATICS";
    --accentColor: #1eb5e8;
    /* --header-subtitle: "DEPARTMENT OF APPLIED MATHEMATICS"; */
    /* --accentColor: #65cdf0; */
    /* --header-subtitle: "DEPARTMENT OF ESOTERIC MATHEMATICS"; */
    /* --accentColor: #0099cc; */
    /* --header-subtitle: "DEPARTMENT OF TACTICAL MATHEMATICS"; */
    /* --accentColor: #636fee; */
  }
  
  /* Bottom Rating Module */
  .bottom-rating-module {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-block: 1rem;
  }
  
  .bottom-rating-module .page-rate-widget-box {
    margin: 0;
  }
  

  Pages using this styling

  • final-lecture [info]

  ¶ 1 occurrence
  

  :root {
   --header-title: "G.O.F";
   --header-subtitle: "Global Occultic Foundations";
   --lgurl: url("https://scp-sandbox-3.wdfiles.com/local--files/olympic-error-gcof-theme/GOCF%20WHITE");
   --accentColor: 48, 213, 199;
  }

  Pages using this styling

  • filing-hallways-and-timewise-screwclocks [info]

  ¶ 1 occurrence
  

  /* IMPORTS */
   @import url(https://fonts.googleapis.com/css2?family=Pacifico&display=swap);
  
  /* HEADER */
   :root{
     --lgurl: url(https://scp-wiki.wdfiles.com/local--files/component:pride-highlighter/lsb_logo_blk.svg);
  }
   #page-title{
       display: none;
  }
  
  /* GENERAL */
   .lesbianAfter{
       font-family: "Pacifico", cursive;
       font-size: 400%;
  }
   @media (max-width: 479px){
       .lesbianAfter{
            font-size: 300%;
      }
  }

  Pages using this styling

  • fifthist-family-picnic [info]

  ¶ 1 occurrence
  

  
  @import url('https://scp-wiki.wikidot.com/local--files/scp-8980/departuremono.css');
  
  :root {
      --logo: url(http://scptestwiki.wikidot.com/local--files/sigma:lol/ecw.png);
      --header-title: "ETHICS COMMITTEE";
      --header-subtitle: "INTERNAL RECORDKEEPING INTERFACE";
      --basalt-primary-color: 0, 15, 0;
      --basalt-secondary-color: 0, 22, 0;
      --basalt-tertiary-color: 0, 30, 0;
      --ec-popup-color: 10, 70, 10;
      --basalt-bright-element-color: 16, 184, 16;
      --basalt-dark-element-color: 10, 150, 10;
      --rfr-primary: #E0F6FD;
      --rfr-secondary: lightskyblue;
  }
  
  body {
      background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.8)), url("https://scp-wiki.wikidot.com/local--files/scp-8980/fractal.webp");
      background-position: center, center;
      background-size: cover;
      background-attachment: scroll, fixed;
  }
  
  b, strong {
      font-weight: 800;
  }
  
  table {
      box-sizing: border-box;
  }
  
  .content-warning {
      font-size: 85%;
      translate: 0px -5px;
  }
  
  #top-bar div[class*="top-bar"] > ul > li > a {
      font-size: 115%;
  }
  
  #page-title {
      text-align: center;
      border-bottom: none;
  }
  
  .page-title {
      border-bottom: solid 1px #424248;
      font-weight: normal;
      margin: 0 0 0.6em;
      padding: 0 0 0.25em;
      font-size: 200%;
      font-family: var(--title-font);
  }
  
  .page-title p {
      margin: 0;
  }
  
  #breadcrumbs, .pseudocrumbs {
      margin: auto;
      width: fit-content;
      padding-bottom: 5px;
      opacity: 0.8;
  }
  
  #page-content .yui-content div {
      overflow: hidden;
  }
  
  #page-content div:is(.document, .darkdocument) {
      max-width: 50rem;
  }
  
  div:is(.document, .darkdocument)::before, div:is(.document, .darkdocument)::after {
      position: relative !important;
  }
  
  div.blockquote {
      background-color: #0f0f0f;
  }
  
  div.blockquote.light {
      background-color: #2b2b2b;
  }
  
  .red-text {
      color: red;
  }
  
  .licensebox .collapsible-block-link {
      opacity: 0.5;
      transition-duration: 0.3s;
  }
  
  .licensebox .collapsible-block-link:hover {
      opacity: 1;
      transition-duration: 0.3s;
  }
  
  @media (max-width: 430px) {
      :where(#page-content) table {
          width: fit-content;
      }
  }
  
  #page-content {
      position: relative;
  }
  
  @keyframes fademodal {
    70% { visibility: hidden; }
    100% { visibility: visible; }
  }
  
  ul.modal-wrapper > li {
      list-style: none;
      position: absolute;
      top: -0.1rem;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 9;
      transition: opacity 0.3s ease-out;
      animation: 0.15s fademodal;
      animation-fill-mode: forwards;
  }
  
  ul.modal-wrapper > li.unfolded {
      visibility: visible;
      opacity: 1;
  }
  
  ul.modal-wrapper > li.folded {
      visibility: hidden;
      opacity: 0;
      pointer-events: none;
      user-select: none;
  }
  
  .unfolded-ec-warning {
      backdrop-filter: blur(4px);
      -webkit-backdrop-filter: blur(4px);
  }
  
  ul:has(.unfolded) ~ div.yui-navset {
      filter: blur(4px);
  }
  
  .ec, .ec-popup {
      width: 100%;
      box-sizing: border-box;
      background-color: rgb(var(--basalt-secondary-color));
      border: 5px solid rgb(var(--ec-popup-color));
  }
  
  .ec {
      font-family: 'Departure Mono';
      padding: 10px;
      background-image: url(https://scp-wiki.wikidot.com/local--files/theme:basalt/ETHICS_LIGHTLOGO.png);
      background-size: cover;
      background-position: center, center;
      background-blend-mode: darken;
      font-size: 90%;
  }
  
  .ec-popup {
      height: 70vh;
      overflow: auto;
      position: relative;
  }
  
  .ec-title {
      font-family: 'Departure Mono';
      font-size: 2rem;
      padding: 0;
      margin: auto;
  }
  
  .ec-grid {
      display: grid;
      width: 100%;
      height: 100%;
      grid-template-rows: min-content;
      grid-template-columns: repeat(3, minmax(0, 1fr))
  }
  
  .ec-popup-login, .ec-popup-date {
      font-family: 'Departure Mono';
      padding-left: 10px;
      font-size: 125%;
      opacity: 0.6;
      transition-duration: 0.3s;
  }
  
  :is(.ec-popup-login, .ec-popup-date):hover {
      opacity: 1;
      transition-duration: 0.3s;
  }
  
  .ec-popup-login {
      grid-column-start: 1;
      white-space: nowrap;
  }
  
  .ec-popup-login a {
      pointer-events: none;
  }
  
  .ec-popup-date {
      text-align: right;
      padding-right: 10px;
      grid-column-start: span 2;
  }
  
  .ec-popup-title {
      width: 100%;
      font-family: 'Departure Mono';
      font-size: 275%;
      text-align: center;
      box-sizing: border-box;
      margin: auto;
      margin-top: 0;
      padding: 20px;
      border-top: 8px double rgb(var(--ec-popup-color));
      border-bottom: 8px double rgb(var(--ec-popup-color));
      grid-column-start: span 3;
  }
  
  .ec-popup-desc {
      text-align: center;
      margin: auto;
      grid-column-start: span 3;
      font-family: 'Departure Mono';
      font-size: 1rem;
      width: 75%;
      box-sizing: border-box;
  }
  
  .ec-options {
      display: grid;
      width: 65%;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      background: rgb(var(--basalt-secondary-color));
      margin: auto;
      aspect-ratio: 12/1 auto;
  }
  
  :is(.ec-theme-button, .ec-colorblind-button, .ec-accessibility-button) {
      text-align: center;
      font-family: 'Departure Mono';
      border: 5px solid rgb(var(--ec-popup-color));
      border-top: 0px;
      box-sizing: border-box;
      position: relative;
      transition-duration: 0.5s;
      display: grid;
  }
  
  .ec-button-inner-wrapper {
      margin: auto;
  }
  
  :is(.ec-theme-button, .ec-colorblind-button, .ec-accessibility-button) a {
      text-decoration: none !important;
  }
  
  .ec-button-inner-wrapper a::before {
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0;
      content: "";
  }
  
  .ec-theme-button {
      border-right: 2.5px solid rgb(var(--ec-popup-color));
  }
  
  .ec-colorblind-button {
      border-left: 2.5px solid rgb(var(--ec-popup-color));
      border-right: 2.5px solid rgb(var(--ec-popup-color));
  }
  
  .ec-accessibility-button {
      border-left: 2.5px solid rgb(var(--ec-popup-color));
  }
  
  :is(.ec-theme-button , .ec-accessibility-button, .ec-colorblind-button):hover {
      background-color: rgba(0, 0, 0, 0.5);
      transition-duration: 0.5s;
  }
  
  .ecinside {
      font-family: var(--body-font);
      font-size: var(--page-content-font-size);
      color: rgb(195, 195, 200);
  }
  
  .colorblind-mode-on, .light-mode-on {
      display: none;
  }
  
  :is(.ec, .ec-popup-login, .ec-popup-date, .ec-popup-title, .ec-popup-button) > p,
  :is(.ec, .ec-popup-class, .ec-popup-status, .ec-popup-priority) div:not(.ecinside) > p {
      margin: auto;
  }
  
  :is(.ec-popup-title, .ec-popup-button) > p {
      line-height: 1.2;
  }
  
  .ec-popup-button {
      width: 40%;
      margin: auto;
      margin-bottom: 20px;
      padding: 10px;
      text-align: center;
      background-color: rgba(0, 0, 0, 0);
      transition-duration: 0.5s;
      grid-column-start: span 3;
      position: relative;
      border: 8px double rgb(var(--ec-popup-color));
      box-sizing: border-box;
      letter-spacing: 2px;
      cursor: pointer;
  }
  
  .ec-popup-button:hover {
      background-color: rgba(0, 0, 0, 0.5);
      transition-duration: 0.5s;
      letter-spacing: 10px;
  }
  
  .ec-popup-button :is(a, a:hover, a:active, a:focus) {
      text-decoration: none;
      pointer-events: none;
      font-family: 'Departure Mono';
      font-size: 370%;
  }
  
  .ec-popup-class, .ec-popup-status, .ec-popup-priority {
      display: flex;
      flex-direction: column;
      font-family: 'Departure Mono';
      text-align: center;
      border-bottom: 8px double rgb(var(--ec-popup-color));
  }
  
  :is(.ec-popup-class, .ec-popup-status, .ec-popup-priority) div:first-child {
      font-size: 120%;
      opacity: 0.7;
      margin-bottom: -10px;
  }
  
  :is(.ec-popup-class, .ec-popup-status, .ec-popup-priority) div:last-child {
      font-size: 175%;
  }
  
  .whitepop {
      color: rgb(195, 195, 200);
  }
  
  .ec-comments .blockquote {
      border: 3px double rgb(var(--ec-popup-color));
      background: rgba(var(--basalt-secondary-color), 0.7);
      width: 100%;
      margin: auto;
      margin-bottom: 20px;
  }
  
  .ec-comment {
      padding-left: 15px;
      margin-top: -7px;
  }
  
  @media (max-width: 733px) {
      .ec-popup {
          height: fit-content;
      }
  
      .ec-title {
          font-size: 7vw;
      }
  
      .ec-popup-title {
          font-size: 7vw;
      }
  
      .ec-popup-button:hover {
          letter-spacing: 5px;
      }
  
      .ec-popup-desc {
          font-family: 'Departure Mono';
          font-size: 3vw;
          width: 100%;
          padding: 5px;
      }
      
      .ec-popup-login, .ec-popup-date {
          opacity: 1;
          font-size: 3.7vw;
          grid-column-start: span 3;
          text-align: center;
          padding-right: 10px;
          margin: auto;
      }
  
      div.ec-popup-button :is(a, a:hover, a:active, a:focus) {
          font-size: 4.5vw;
      }
  
      :is(.ec-popup-class, .ec-popup-status, .ec-popup-priority) div:last-child {
          font-size: 4.3vw;
      }
  
      .ec-options {
          width: 100%;
          font-size: 90%;
      }
  }
  
  @media (max-width: 450px) {
      div.scientistimage {
          width: fit-content;
          margin: auto;
          float: unset;
      }
  
      .ec-popup-button {
          width: 50vw;
          font-size: 1.5vw;
      }
  }
  
  
  
  
  
  :is(.bi-r, .bi-y, .bi-g, .bi-b) {
      padding: 0px 2px 0px;
  }
  
  .bi-r {
      background-color: rgba(255, 0, 0, 0.25);
  }
  
  .bi-y {
      background-color: rgba(255, 255, 0, 0.25);
  }
  
  .bi-g {
      background-color: rgba(0, 255, 0, 0.25);
  }
  
  .bi-b {
      background-color: rgba(0, 150, 255, 0.25);
  }
  
  :is(.bi-r, .bi-y, .bi-g, .bi-b) :is(a, a:hover, a:active, a:focus) {
      text-decoration: none;
      color: inherit;
  }
  
  
  :is(.bi-r, .bi-y, .bi-g, .bi-b) + .bi-popup {
      background-color: rgb(var(--basalt-secondary-color));
      background-image: url(https://scp-wiki.wikidot.com/local--files/theme:basalt/ETHICS_LIGHTLOGO.png);
      background-size: cover;
      background-position: center, center;
      background-blend-mode: darken;
      border: 5px solid rgb(var(--ec-popup-color));
      font-family: 'Departure Mono';
      padding: 10px;
      font-size: 90%;
      opacity: 0;
      position: fixed;
      bottom: 4rem;
      left: 50%;
      translate: -50%;
      width: 65%;
      transition-duration: 0.2s;
      z-index: 8;
      visibility: hidden;
      max-height: calc(100vh - 12rem);
      overflow: scroll;
      font-style: normal;
  }
  
  :is(.bi-r, .bi-y, .bi-g, .bi-b) + .bi-popup::before {
      content: "REVIEWER ANNOTATION";
      font-weight: bold;
      font-size: 135%;
      text-decoration: underline;
      display: block;
      text-align: center;
      color: #fff;
      margin-bottom: 5px;
  }
  
  :is(.bi-r, .bi-y, .bi-g) + .bi-popup strong {
      font-size: 115%;
      color: #fff;
      text-decoration: underline;
  }
  
  :is(.bi-r, .bi-y, .bi-g, .bi-b) + .bi-popup a {
      pointer-events: auto;
  }
  
  :is(.bi-r, .bi-y, .bi-g, .bi-b):is(:hover, :focus, :focus-within) + .bi-popup, .bi-popup:is(:hover, :focus, :focus-within) {
      opacity: 1;
      transition-duration: 0.2s;
      bottom: 5rem;
      visibility: visible;
  }
  
  :is(.bi-r, .bi-y, .bi-g, .bi-b) .scp-image-block {
      margin: .2rem .2rem .2rem .2rem;
      border-bottom: 0px;
  }
  
  @media (max-width: 575px) {
      :is(.bi-r, .bi-y, .bi-g, .bi-b) + .bi-popup {
          width: 90%;
      }
  }
  
  

  Pages using this styling

  • feminine-wails [info]

  ¶ 1 occurrence
  

  
  
  :root {
      --header-title: "FELIXOU's";
      --header-subtitle: "Author Page";
  
  #page-title{display:none}
  
  }
  
  /* ----------*/
  
  .tcontainer {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      align-items: flex-start;
      align-content: space-between;
  }
  
  .caser {
      background-color: #413e3e;
      width: 14.2rem;
      padding: 6px;
      margin: 6px;
      box-sizing: border-box;
      border: solid 1px #808080;
      display: block;
      text-align: center;
      transition: transform .16s;
      line-height: 1.1;
      position: relative;
  }
  
  .caser hr {
      margin-left: 0; margin-right: 0;
  }
  
  .caser h4 {
      margin-top: 14px;
      margin-bottom: -12px;
  }
  
  .caser img.image {
      max-height: 12rem;
      width: max-content;
      object-fit: cover;
      object-position: top;
  }
  
  .caser:hover {
      transform: scale(1.52);
      z-index: 2;
  }
  .caser:focus-within {
      transform: scale(1.52);
      z-index: 2;
  }
  
  .hoverdesc {
      position: absolute;
      box-sizing: border-box;
      background: grey;
      border: solid 1px #ccc;
      width: 14.2rem;
      top: 100%; left: 50%;
      transform: translateX(-50%);
      margin-top: -5rem;
      padding: 0.4rem;
      opacity: 0;
      font-size: 70%;
      pointer-events: none;
      transition: margin-top 0.3s cubic-bezier(.08,.72,.5,.94), opacity 0.175s linear;
      z-index: -1;
      word-break: unset;
  }
  
  .caser:hover .hoverdesc,
  .caser .hoverdesc:hover {
      margin-top: 0;
      opacity: 1;
      pointer-events: all;
  }
  .caser:focus-within .hoverdesc{
      margin-top: 0;
      opacity: 1;
      pointer-events: all;
  }
  
  .anchor {
      position: sticky;
      height:0;
      top: 0;
  }
  .sidebox {
      margin-top: 16px;
      max-height: calc(92vh - 24px);
      position: absolute;
      top: 0;
      right: -14em;
      z-index: 4;
      box-sizing: border-box;
  }
  
  div#toc {
       box-sizing: border-box;
       font-size: 90%;
       box-shadow: none;
       border: solid 1px #ccc;
  }
  
  @media (max-width: 1384px) {
      .sidebox {
          display: none;
          visibility:hidden;
   
      }
  }
  

  Pages using this styling

  • felixoupage [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.bunny.net/css2?family=Bahiana&display=swap');
  
  :root{
  --white: 244, 244, 244;
  --dark: 46, 14, 2;
  --medium-accent: 212, 104, 0;
  --bright-accent: 242, 133, 0;
  --toggle-roundness: 0;
  --swatch-text-light: var(--white);
  --swatch-menutxt-light-color: var(--white);
  --link-color: 242, 133, 0;
  --visited-link-color: 189, 107, 0;
  --borderColor: #ff8c00 !important;
  }
  #header {
       --header-h1-font-size: calc(var(--base-font-size)*3.25);
       --header-title: "FELIXOU ARTPAGE";
       --header-title-mobile: "ARTPAGE";
       --swatch-headerh1-color: var(--bright-accent);
  
  .tooltip {
    position: relative;
    display: inline-block;
    transition: transform .16s;
  }
  #page-content .tooltip > a[href*="dark-achievement-badges"] {
    box-shadow: none!important;
  }
  .tooltip .tooltiptext {
    width: 120px;
    background-color: #21252E;
    color: #f8f8f8;
    text-align: center;
    padding: 5px;
    border-radius: 6px;
    position: absolute;
    top: 95px;
    left: calc(50% - 5px);
    margin-left: -60px;
    z-index: 2;
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.3s;
  }
  .tooltip .tooltiptext::after {
      content: "";
      position: absolute;
      bottom: 100%;
      left: 50%;
      margin-left: -5px;
      border-width: 5px;
      border-style: solid;
      border-color: transparent transparent #21252E transparent;
  }
  .tooltip:hover {
      transform: scale(1.6);
      z-index: 2;
  }
  .tooltip:hover > a {
     background: transparent;
  }
  .tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
  }

  Pages using this styling

  • felixouartpage [info]

  ¶ 1 occurrence
  

  body::before {
      content: '';
      position: fixed;
      top: 0; left: 0;
      width: 100%; height: 100%;
      background-image: url('https://scp-wiki.wikidot.com/local--files/feathersnake/Quetzalcoatl_asteroid_symbol_%28fixed_width%29.svg.png');
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 80%;
      opacity: 0.05;
      z-index: -1;
      pointer-events: none;
  }

  Pages using this styling

  • feathersnake [info]

  ¶ 1 occurrence
  

      :root {
          --header-gradient-color-bottom: 157, 157, 157;
      --bright-accent: 190, 190, 190;
      --pale-accent: 190, 190, 190;
      --dark-accent: 141, 199, 223;
      --hover-link-color: 91, 206, 250;
      --visited-link-color: 91, 206, 250;
      --footnotes-footer-num-color: 191, 191, 191;
      --hoverblock-header-bg:  191, 191, 191;}
  #page-title {display: none;}

  Pages using this styling

  • feathers-in-the-rain [info]

  ¶ 1 occurrence
  

  
  
  .transparent{
      color: transparent;
  }
  
  .colmod-italic{
      font-style: italic;
  }
  
  .blurry{
      filter: blur(4px);
  }

  Pages using this styling

  • feast-and-sleep-inn [info]

  ¶ 1 occurrence
  

  #header h2 span::before {
      content: 'THE SKY IS FALLING ';

  Pages using this styling

  • fear-of-sleep [info]

  ¶ 1 occurrence
  

  :root{
      --logo-image: url("https://scp-wiki.wdfiles.com/local--files/theme:uiu-bhl-theme/UIU_Logo.svg");
      --header-title: "FBI-UIU";
  }
  #header h1 a {
      text-shadow: none;
      height: 100%;
      width: 150%;
      color: transparent;
   
      background-image: url("https://revelations.wdfiles.com/local--files/unusual-incidents-unit-hub/FBI_logo.png");
      margin: 0;
      margin-left: 4em;
      padding: 0;
   
      background-size: auto calc(var(--header-height-on-desktop) - 1rem);
      background-repeat: no-repeat;
      background-position: left center;

  Pages using this styling

  • fbi-uiu-updated-2018orientation [info]

  ¶ 1 occurrence
  

  /* HEADER */
   :root{
     --header-title: "The Wanderers' Library";
     --header-subtitle: none;
     --lgurl: url(https://scp-wiki.wdfiles.com/local--files/scattersomnia/QueerLibrary.png);
  }
   #header h1 a::before{
       font-family: unset;
  }
  
  /* INFO BOX */
   .info-container{
       --barColour: hsl(117, 100%, 15%);
       --linkColour: hsl(47, 100%, 68%);
  }
  
  /* FORMATTING */
   .wanderers-note{
       margin: 1em 0;
       padding: 0 1em;
       background: hsl(57, 100%, 93%);
       border: 2px solid hsl(120, 100%, 15%);
  }
   .entry{
       padding: 2em;
  
       background: hsl(120, 33%, 90%);
       border: 2px solid hsl(120, 33%, 10%);
  }
   .section{
       margin-bottom: .23em;
       padding: 1.56em;
  
       background: hsl(120, 31%, 95%);
       border: 1px solid hsl(120, 33%, 10%);
  }

  Pages using this styling

  • favoured-son [info]

  ¶ 1 occurrence
  

  
  .sidhe_legend{
  border: 3px solid  rgb(45, 70, 45);
  padding: 15px 15px 15px 15px;
  margin: 10px 10px 10px 10px;
  background-color: rgb(255, 250, 215);
  font-family: "Palatino Linotype";
  }
  .icsut{
  
  }
  
  /* Utilizes the "paper" div made by CityToast and found in the Unusual Cargo theme.*/
  div.paper {
      background: linear-gradient(rgba(220, 240, 240, 0.3), rgba(240, 240, 220, 0.5)), url("https://scp-wiki.wdfiles.com/local--files/theme:unusual-Cargo/TOAST-PAPER.jpg");
      box-shadow: 4px 6px 8px #a98;
      padding: 1em .5em 1em .5em;
      display: block;
      margin-block-start: 1em;
      margin-block-end: 1em;
      margin-inline-start: 10px;
      margin-inline-end: 10px;
  }
   
  @media (max-width: 478px) {
      div.paper {
      margin-inline-start: 0px;
      margin-inline-end: 0px;
      margin-block-start: 0em;
      margin-block-end: 0em;
      Margin: .5em 0em .5em 0em;
      }
  }
  
  .handwritten{
  font-family: 'EB Garamond';
  font-size:1.1em;
  }

  Pages using this styling

  • fate-of-avalon [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=EB+Garamond:wght@700');
  #page-title {
      display: none;
  }

  Pages using this styling

  • fate-of-avalon [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Crimson+Text:ital,wght@0,400;0,600;0,700;1,400;1,600;1,700&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Domine:wght@700&display=swap');
  .crimson {
      font-family: "Domine", serif;
      font-size: 1.2rem;
      font-weight: bold;
  }
  
  .list-pages-item p {
      text-justify: inter-word;
      text-align: justify;
      text-indent: 1rem;
      font-family: "Crimson Text", serif;
      font-size: 1.1rem;
  }
  
  .verse {
      margin: 3rem;
  }
  
  .verse p:not(.crimson){
      direction: rtl;
      unicode-bidi: override;
      text-align: start;
  }

  Pages using this styling

  • farhan-s-flame [info]

  ¶ 1 occurrence
  

  .navbox {
      display: block;
      float: right;
      width: auto;
      margin: 0.5rem;
      padding: 0 0.5rem;
      text-align: center;
      background:#bfbfbf47;
      border: 2px solid #828282;
  }
  h3 {
      font-size: 1.175em;
  }
  .pseudocrumbs { font-style: italic;  margin: -.75em 0 1em;}

  Pages using this styling

  • faq [info]

  ¶ 1 occurrence
  

  #page-title{display:none}
  #page-content .licensebox .collapsible-block-folded{display:block}

  Pages using this styling

  • fandation [info]

  ¶ 1 occurrence
  

  
  #page-title {display: none;}
  
  .hovertip {
    color: #000000;
  }
  
  .licensebox {
    color: #ff0000;
  }
  
  :root {
      --header-title: "FALLOUT";
      --header-subtitle: "Annuit Coeptis";
      --link-txt-color: rgb(var(--accent)); 
      --logo-img: url("http://scp-sandbox-3.wikidot.com/local--files/strikefall/PENTOSTAMP.png");
      --header-txt-color: #d61c0f;
      --misc-txt-color: #d61c0f;
      --logo-opacity: 70%;
      --link-txt-color: #d61c0f;
  } 
  
  body {
    background-image: linear-gradient(to bottom, #660000, #000000 120px);
    color: #F5F5F5;
  }
  
  .hovertip {
    color: #000000;
  }
  
  .owindow {
    color: #000000;
  }
  
  #toc {
    background-color: #000000;
  }
  
  #header h2::before {
      text-transform: capitalize;
      font-style: italic;
  }
  
  .notation {
      border-width: 4px;
      width: 75%;
      margin: auto;
      border-color: rgb(var(--accent));
      text-align: justify;
  }
  
  .separation {
      margin: 1ex 15%;
      padding: 0;
      border-top: 0.2rem solid #275495;
      display: block;
  }
  
  .al-fine, .vanguard, .elaimal, .omalley, .textbook, .schemer{
      width: 85%;
      margin: auto;
      padding: 15px;
      box-shadow: 0 1px 3px rgba(0,0,0,.2);
      color: #000000;
  }
  
  .dictation {
     font-family: Courier New, monospace;
     color: #F5F5F5;
  }
  
  .schemer {
     border: solid 2.5px #ff7700;
     color: #ff7700;
  }
  
  .textbook {
      border: solid 2.5px #fff0ba;
      background-color:#fff0ba;
      color: #000000;
      font-family: Times New Roman;
  }
  
  .elaimal {
      border: solid 2.5px #39FF14;
      color: #39FF14;
      font-family: monospace;
  }
  
  .dictation2 {
     font-family: Garamond, serif;
     color: #F5F5F5;
     font-size: 18px;
  }
  
  .omalley {
     border: solid 2.5px #6495ED;
     color: #6495ED;
  }
  
  .president {
      font-family: monospace;
      color: #04c21a;
      font-size: 17px;
  }
  
  .al-fine {
      border: solid 4px #275495;
      background: #F2F7FB url('https://scp-wiki.wdfiles.com/local--files/theme%3Agoc/goc-fade.png') center no-repeat;
  }
  
  .vanguard {
      border: solid 4px #275495;
      background: #F2F7FB center no-repeat;
  }
  
  div.blockquote {
      padding-right: 2rem;
      padding-top: 1rem;
      border-right: solid 7px rgb(var(--accent)) !important;
      margin: 1em 1.75em;
  }
  
  .blockquote .image-container {
      padding: 0em;
  }
  
  .characters {
      margin-top: -1em;
      margin-bottom: 1em;
      margin-left: 15px;
      margin-right: 10px;
  }
  
  .characters-top {
      display: flex;
      flex-flow: row nowrap;
      align-items: center;
      gap: 16px;
  }
  
  .bar {
      width: 12px;
      height: 85px;
  }
  
  .characters-info {
      flex-grow: 1;
  }
  
  .characters-info p {
      line-height: 200%;
  }
  
  .bio {
      margin-top: -20px;
  }
  
  .goc {
      --color: #5f95e6;
  }
  
  .us {
      --color: #404d7e;
  }
  
  .joicl {
      --color: #d7003a;
  }
  
  .phoenix {
      --color: #d68300;
  }
  
  .mcd {
      --color: #8c148c;
  }
  
  .van {
      --color: #4b2;
  }
  
  .bar {
      background-color: var(--color);
  }

  Pages using this styling

  • fallout [info]

  ¶ 1 occurrence
  

  :root {
      --logo-image: url("https://scp-wiki.wikidot.com/local--files/grigori-karpin-s-author-page/vanguard%20transparent.png");
      --header-title: "ANGUARD";
      --header-subtitle: "SHELTER - NORMALIZE - INFORM";
      --header-h2-font-size: 1.1em;
  }
  
  #header::before {
      left: -12rem;
      filter: brightness(125%);
      opacity: 1;
  }
  
  #header h1 a::before {
      font-size: unset;
  }
  
  #header h2::before {
      color: #fe4;
  }
  
  #header h2 {
      top: 1em;
  }
  
  #header #login-status {
      left: -2vw;
  }
  
  @media (max-width: 767px) {
      #header::before {
          left: -7rem;
      }
  
      #header h1 {
          top: 0.5em;
          left: 0.5em;
      }
  }
  
  #page-title {
      display: none;
  }
  
  .bar p {
      margin: 0;
  }
  
  .bar {
      margin: 10px 0;
      padding: 3px 5px;
  }
  
  @keyframes animate-width {
      0%, 10% { width: var(--initial-width); }
      20%, 30% { width: var(--step-1-width); }
      40%, 50% { width: var(--step-2-width); }
      60%, 70% { width: var(--step-3-width); }
      80%, 90% { width: var(--step-4-width); }
      100% { width: var(--initial-width); }
  }
  
  @keyframes animate-content {
      0% { content: var(--step-1-content); }
      10% { content: var(--step-2-content); }
      30% { content: var(--step-3-content); }
      50% { content: var(--step-4-content); }
      70% { content: var(--step-5-content); }
      90% { content: var(--step-1-content); }
  }
  
  .dem {
      background: #4081C7;
      width: 80.8%;
      --initial-width: 80.8%;
      --step-1-width: 82.2%;
      --step-2-width: 80.6%;
      --step-3-width: 80.2%;
      --step-4-width: 80.4%;
      animation: animate-width 15s infinite;
  }
  
  .dem::after {
      content: "DEM: 40,4%";
      --step-1-content: "DEM: 40,4%";
      --step-2-content: "DEM: 41,1%";
      --step-3-content: "DEM: 40,3%";
      --step-4-content: "DEM: 40,1%";
      --step-5-content: "DEM: 40,2%";
      animation: animate-content 15s infinite;
  }
  
  .rep {
      background: #C74F40;
      width: 72.8%;
      --initial-width: 72.8%;
      --step-1-width: 72%;
      --step-2-width: 73%;
      --step-3-width: 73.4%;
      --step-4-width: 72.6%;
      animation: animate-width 15s infinite;
  }
  
  .rep::after {
      content: "REP: 36,4%";
      --step-1-content: "REP: 36,4%";
      --step-2-content: "REP: 36,0%";
      --step-3-content: "REP: 36,5%";
      --step-4-content: "REP: 36,7%";
      --step-5-content: "REP: 36,3%";
      animation: animate-content 15s infinite;
  }
  
  .non {
      background: #999999;
      width: 46.4%;
      --initial-width: 46.4%;
      --step-1-width: 45.8%;
      --step-2-width: 46.4%;
      --step-3-width: 46.4%;
      --step-4-width: 47%;
      animation: animate-width 15s infinite;
  }
  
  .non::after {
      content: "NONE: 23,2%";
      --step-1-content: "NONE: 23,2%";
      --step-2-content: "NONE: 22,9%";
      --step-3-content: "NONE: 23,2%";
      --step-4-content: "NONE: 23,2%";
      --step-5-content: "NONE: 23,5%";
      animation: animate-content 15s infinite;
  }
  
  .dot {
      animation: doting 2s infinite;
  }
  
  @keyframes doting {
      0%, 100% { opacity: 1; }
      50% { opacity: 0; }
  }

  Pages using this styling

  • failed-president-crenshaw-assassination-attempt [info]

  ¶ 1 occurrence
  

  
  @import url('https://fonts.googleapis.com/css?family=Berkshire+Swash');
  
  h4 {
      color: #780d8e;
      padding: 0 0 0.25em;
      margin: 0 0 0.6em;
      font-family: 'Berkshire Swash', cursive;
  }
  
  .special-link a {color: #fcc9ff}

  Pages using this styling

  • extradimensional-purchase-wondertainment-vacation-spot [info]

  ¶ 1 occurrence
  

  .danke {
      padding: 5px;
      margin-bottom:10px;
      font-family: monospace;
      font-size: 1.1em; 
  }
  
  .agent {
      background-color:#210400;
      border: 3px solid #A84239;
      color: #CC2C26;
  }
  
  .site {
      background-color:#222200;
      border: 3px solid #AAAA55;
      color: #DDDD77;
  }

  Pages using this styling

  • extraction [info]

  ¶ 1 occurrence
  

  .danke {
      padding: 5px;
      margin-bottom:10px;
      font-family: monospace;
      font-size: 1.1em; 
      text-align: center;
  }
  
  .agent {
      background-color:#002200;
      border: 3px solid #55AA55;
      color: #77CC77;
  }
  
  .site {
      background-color:#111111;
      border: 3px solid #0085FF;
      color: #0085FF;
  }
  

  Pages using this styling

  • extinction-event [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Special+Elite&display=swap');
  
  .offset {
      animation: blink 0.8s ease-in-out infinite alternate;
  }
  @keyframes blink {
      0% { color: transparent; }
      50%, 100% { color: #b01; }
  }
  :root {
    --header-title: "SCP Foundation";
    --header-subtitle: "Secure, Contain, Protect";
  }
  :root {
      --timeScale: 2;
      --timeDelay: 0.5s;
  }
  :root {
      --fnColor: #6931BA;
  }
  .Filerep {
       font-family: 'Special Elite', cursive;
  }
  
   .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;
  
  }
   
   .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%);
  }
   
  
  #page-title {
  display: none;
  }

  Pages using this styling

  • extended-scp-6170-event-log [info]

  ¶ 1 occurrence
  

  
  :root {
      --red: 45, 100, 44;
       --medium-accent: var(--red);
       --cutColour: #fafafa;
       --barColour: var(--red);
       --toggle-border-color: rgb(var(--red));
       --toggle-icon-color: rgb(var(--red));
       --mono-font: 'IBM Plex Mono', monospace;
       --dark-accent: var(--red);
       --barColour: var(--red);
       --bright-accent: var(--red);
  
       --link-color: 55, 122, 54;
       --visited-link-color: 45, 100, 44;
       --hover-link-color: 45, 100, 44;
  
      --logo-image: url("https://nu-scptheme.github.io/Black-Highlighter/img/logo.svg");
  
  --toggle-roundness: 0%;
  }
  
  
  #page-content .info-container {
      --link-color: rgb(var(--swatch-text-general));
  }
  
  #page-content .info-container .collapsible-block-link,
  #page-content .info-container:hover .collapsible-block-link {
      line-height: 1.6em;
  }
  
  #page-content .info-container .collapsible-block-folded,
  #page-content .info-container .collapsible-block-unfolded-link {
      display: grid;
  }
  
  #page-content .info-container .collapsible-block-folded .collapsible-block-link,
  #page-content .info-container .collapsible-block-link {
      -webkit-mask: unset;
              mask: unset;
      background: transparent;
      grid-column: 1;
      grid-row: 1;
      opacity: 0;
  }
  
  #page-content .info-container .collapsible-block-folded::before,
  #page-content .info-container .collapsible-block-unfolded-link::before {
      --wght: 800;
      content: "ETC";
      color: #FFFFFF;
      font-family: Inter, Arimo, Verdana, Geneva, "Helvetica Neue", "Helvetica", Arial, sans-serif;;
      display: block;
      pointer-events: none;
      grid-column: 1;
      grid-row: 1;
      line-height: 2.75ex;
  }
  
  /* == FADE AWAY == */
   #u-fade-away {
      /* Mouse Hover Reveals Rating Module */
      opacity: calc(1 / 3);
      transition: all .25s ease-in-out;
  }
   #u-fade-away:hover {
      opacity: 1;
  }
  
   #page-title{
       display: none;
  }
  
  .info-container{
  --barColour: #2d642c
  }
  

  Pages using this styling

  • exquisite-blast [info]

  ¶ 1 occurrence
  

  .colorme-wrapper li.folded > .colorme { color: blue; }
  .colorme-wrapper li.unfolded > .colorme { color: orange; }

  Pages using this styling

  • exploiting-foldable-list-containers [info]

  ¶ 1 occurrence
  

  li.folded > .colorme { color: blue; }
  li.unfolded > .colorme { color: orange; }

  Pages using this styling

  • exploiting-foldable-list-containers [info]

  ¶ 1 occurrence
  

  .flc-cleaner > ul,
  .flc-cleaner > ul > li {
      display: block;
      line-height: normal;
      list-style: none;
      margin: 0;
      padding: 0;
  }
  .flc-cleaner .foldable-list-container {
      display: inline-block;
  }

  Pages using this styling

  • exploiting-foldable-list-containers [info]

  ¶ 1 occurrence
  

  
  .code {
      margin: 1em 0;
  }
  
  /* Generic content box */
  .content-box {
      margin: 1em 0;
      border: solid 2px #000;
      padding: 13px 15px 8px;
      box-shadow: 0 1px 3px rgba(0,0,0,.2);
  }
  
  /* Classified box */
  .classified-box {
      background: url("https://scp-wiki.wdfiles.com/local--files/the-great-hippo/scp_trans.png") center no-repeat;
      float: center;
  }
  
  /* FLC stuff */
  .flc-cleaner > ul,
  .flc-cleaner > ul > li {
      display: block;
      line-height: normal;
      list-style: none;
      margin: 0;
      padding: 0;
  }
  .flc-cleaner .foldable-list-container {
      display: inline-block;
  }
  .classified-hider li.folded > .classified-hider-closed {
      display: none;
  }
  .classified-hider li.unfolded > .classified-hider-open {
      display: none;
  }
  .document-swapper li.folded > .foldable-list-container > a:nth-child(1) {
      display: none;
  }
  .document-swapper li.unfolded > .foldable-list-container > a:nth-child(2) {
      display: none;
  }
  .document-swapper li.folded > .document-swapper-original {
      display: none;
  }
  .document-swapper li.unfolded > .document-swapper-transcribed {
      display: none;
  }
  
  /* Utilization tutorial stuff */
  li.folded > .colorme { color: blue; }
  li.unfolded > .colorme { color: orange; }
  .colorme-wrapper li.folded > .colorme2 { color: blue; }
  .colorme-wrapper li.unfolded > .colorme2 { color: orange; }
  

  Pages using this styling

  • exploiting-foldable-list-containers [info]

  ¶ 1 occurrence
  

  .taboo a {
      color: green !important;
  }

  Pages using this styling

  • experiment-log-423-a [info]

  ¶ 1 occurrence
  

  
  @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Ogham&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Linear+B&family=Noto+Sans+Ogham&display=swap');
  
  .text-fade {
      -webkit-mask-image: linear-gradient(to bottom, rgb(0,0,0,1), rgba(0,0,0,0) 100%);
  }
  div.terminal{
      border: 1px solid black;
      border: solid 3px #BBBBBB;
      border-radius: 16px;
      background-color: #131;
  /* black shadow at the top of the terminal */
      background-image:
          radial-gradient(ellipse 1000% 100% at 50% 90%, transparent, #121);
      background-position: center;
      display: block;
  /* shadow around the terminal */
      box-shadow: inset 0 0 10em 1em rgba(0,0,0,0.5);
  /* prevents scanline from forming a scrollwheel */
      overflow:hidden;
  }
  div.terminal blockquote {
      background-color: black;
      border: double 3px #80FF80
  }
  div.scanline{
      margin-top: -40%;
      width: 100%;
      height: 60px;
      position: relative;
      pointer-events: none;
  /* Safari 4.0 - 8.0 */
      -webkit-animation: scan 12s linear 0s infinite; /* You may need to change this. If the bar goes by too quickly, increase 5s. */
      animation: scan 12s linear 0s infinite; /* Same as above */
      background: linear-gradient(to bottom, rgba(56, 112, 82,0), rgba(56, 112, 82,0.1)) !important;
  }
  
  div.text{
      color: rgba(128,255,128,0.8);
      padding-left: 2em;
      padding-top: 40%;
      font-family: monospace;
      font-size: 1.2em;
      }
  
  /* Safari 4.0 - 8.0 */
  @-webkit-keyframes scan{
      from{ transform: translateY(-10%);}
      to{  transform: translateY(5000%);} /* You may need to change this depending on the length of your terminal. If the scanline stops halfway, increase the second number.*/
  }
  
  @keyframes scan{
      from{ transform: translateY(-10%);}
      to{  transform: translateY(5000%);} /* Same as above.*/
  }
  
  div.text a {
      color: #90EE90;
      text-decoration: none;
      background: transparent;
  }
  div.text a.newpage {
      color: #90EE90;
      text-decoration: none;
      background: transparent;
  }
  div.text a:hover {
      color: #131;
      text-decoration: underline;
      background-color: #80FF80;
      padding: 1px;
  }
  div.text a:hover::before{
  content: "> ";
  }

  Pages using this styling

  • experiment-log-2307-a [info]

  ¶ 1 occurrence
  

  :root {
      --header-title: 'Lunar City of Galileo';
      --header-subtitle: 'Shooting for the Stars';

  Pages using this styling

  • excerpts-from-the-galileo-deep-space-observatory [info]

  ¶ 1 occurrence
  

  div#header {
      background: url("https://cdn.scpwiki.com/theme/en/sigma/css/sigma.min.css") 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;
  }
   

  Pages using this styling

  • everything-you-can-think-of-is-true [info]

  ¶ 1 occurrence
  

  div#container-wrap::before {
      content: "";
      position: absolute;
      width: 100%;
      height: 162px;
      background: url("https://scp-wiki.wdfiles.com/local--files/component%3Atheme/body_bg.png") repeat-x;
      -webkit-filter: grayscale(100%);
              filter: grayscale(100%);
  }

  Pages using this styling

  • everything-worth-doing-is-so-fucking-hard [info]

  ¶ 1 occurrence
  

  
  :root{
    --header-title: "SCP FOUNDATION";
    --head-font: var(--ui-font);
    --page-font-size: 0.89rem;
  }
  
  .addendum {
    border: solid 2px #999;
    background: #f5f5f5;
    width: 84%;
    padding: 1px 15px;
    margin: 10px auto;
  }
  
  .footnotes-footer {
    display: none;
  }
  
  .buttonthing {
    display: flex;
    justify-content: center;
  }
  
  .blink {
    animation: blink 1.8s infinite;
  }
  
  @keyframes blink {
    0% {
      opacity: 1;
    }
    50% {
      opacity: 0;
    }
  }
  

  Pages using this styling

  • everyone-s-proposal [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css?family=Pangolin&display=swap');
  
  :root {
  --logo-image:url("http://smlt.wdfiles.com/local--files/plaguebearer%3Anobody/%3F");
  --header-title: 'NOBODY';
  --header-subtitle: '...';
  }
  
  span.blue{
  max-width: 300px;
  border-radius: 15px;
  padding: 4px 8px;
  display: inline-block;
  text-align: left; float:right;
  background-color: #3578e5;
  color: #fff;
  }
  
  span.green{
  max-width: 300px;
  border-radius: 15px;
  padding: 4px 8px;
  display: inline-block;
  text-align: left; float:left;
  background-color: #f1f0f0;
  }
  blockquote{background-color: transparent;}
  
  div.nobody {
      width: 70%;
      margin: 1rem auto;
      text-align: center;
      padding: 0.6rem;
      font-family: 'Pangolin', cursive;
      border: 1px solid #CCC;
      border-radius: 5px;
      box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2)
      background-attachment: scroll;
      background-clip: border-box;
      background-color: transparent;
      background-image: linear-gradient(to top ,rgb(202, 219, 228) 0%, rgb(231, 233, 220) 8%);
      background-origin: padding-box;
      background-position: 0px 8px;
      background-repeat: repeat;
      background-size: 100% 20px;
  }

  Pages using this styling

  • everyday-is-somebodys-birthday [info]

  ¶ 1 occurrence
  

  :root {
    --basalt-background-color: 0, 0, 0;
    --main-content-width: 100vw;
    --main-content-side-margin: 0;
    --header-background-color: 0, 0, 0;
  }
  
  #page-content iframe {
    border: none;
  }
  
  .filters-root {
    width: 100%;
    position: fixed;
    bottom: 0;
    left: 0;
    border: none;
    z-index: 999999;
  }
  
  #page-title {
    border: none;
    font-size: 300%;
    text-align: center;
    margin-top: 50px;
  }
  
  .list-root {
    min-height: 100vh;
  }
  
  .rating-module {
    position: absolute;
    top: 120px;
    right: 10px;
  }
  
  @media (max-width: 1024px) {
    .rating-module {
      top: 104px; 
    }
  
    #page-title {
      font-size: 5vw;
    }
  }
  
  @media not all and (max-width: 1024px) {
    #header {
      position: relative;
    }
  }
  
  div#license-area {
    padding-bottom: 301px;
  }
  

  Pages using this styling

  • every-single-theme [info]

  ¶ 1 occurrence
  

  div#header {
      background: url("https://scp-wiki.wdfiles.com/local--files/everchase/logo-eurtec.png") 3.675em 1.25em no-repeat;
      background-size: auto 100px;
  }
  
  @media (max-width: 1250px) {
      div#header {
          background: url("https://scp-wiki.wdfiles.com/local--files/everchase/logo-eurtec.png") 0em 3.75em no-repeat;
          background-size: auto 65px;
      }
  }

  Pages using this styling

  • everchase [info]

  ¶ 1 occurrence
  

  :root {
       --header-title: "THE FOUNDATION";
       --header-txt-color: #FFFFFF;
       --misc-txt-color: #FFFFFF;
       --darkmode-gradient-top: #6E5478;
       --darkmode-gradient-bottom: #000000;
       --accent: 170, 129, 185;
  }

  Pages using this styling

  • ever-turning [info]

  ¶ 1 occurrence
  

  #page-title{
      display: none !important;
  }
  .introduction{
      text-align: center;
      font-size: 3vw;
      margin-bottom: 10em;
      background-image: url("http://scp-wiki.wikidot.com/local--files/eventyr-hub/7%20-%20Intro.png");
      background-position: bottom left;
      background-repeat: no-repeat;
      background-size: contain;
      padding-bottom: 12vw;
      padding-left: 20px;
      padding-right: 20px;
      text-shadow: 1px 1px 5px white, 1px 1px 5px white, 1px 1px 5px white, 1px 1px 5px white;
  }
  .whoops{
      font-family: lavishly yours;
      font-size: 6vw;
  }
  @media screen and (min-width: 1000px) {
  .introduction{
      font-size: 20px;
      padding-bottom: 100px;
  }
  .whoops{
      font-family: lavishly yours;
      font-size: 50px;
  }
  }
  /* TABLE OF CONTENTS */
  .toc{
      text-align: -webkit-left;
      font-size: 20px;
      font-family: 'Cutive';
      display: flex;
  }
  .toc p{
      line-height :0;
  }
  .toc a:visited{
      color: #b37a12;
  }
  .bean{
      flex: 0 0;
  }
  .sprout{
      flex: 1 1;
      align-self: center;
  }
  .dots{
      margin-left: 1em;
      border-bottom: 4px dotted #604230;
  }
  /*TOP BUTTON*/
  .stocky{
      float: right;
      position: sticky;
      bottom: 20px;
      right: 20px;
      background-color: #d2b48c;
      padding: 2px;
      border-radius: 5px;
      box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
      margin-right: 10px;
      transition: 0.3s !important;
  }
  .stocky:hover{
      background-color :#e5d4be;
  }
  .stocky p{
      line-height: 0;
  }
  /*GRID BOX NEEDS OR IT BREAKS FOR SOME REASON*/
  #main-content{
      width: 100%;
  }
  .tree{
      display: grid;
      grid-template-columns: 1fr 0.2fr 1fr;
      text-align: center;
  }
  .tree img{
      filter: drop-shadow(1px 1px 10px #636363);
  }
  .top{
      font-family: 'Cutive';
      font-size: 2em;
      line-height: .5em;
      color: gold !important;
      min-height: 14em;
  @media only screen and (max-width: 800px) {
      min-height: 10.5em;
      font-size: 1.3em;
      line-height: 0.25em;
  }
      background-image: url(http://scp-wiki.wikidot.com/local--files/eventyr-hub/16%20-%20treetop.png);
      background-size: 105%;
      background-position: 44% 23.6%;
      background-repeat: no-repeat;
      grid-column: 1 / 4;
      grid-row: 1 / 2;
  }
  .top p {
      margin-top: 2.5em;
      text-shadow: 1px 1px 2px black;
  }
  .top > p > a.newpage, a:visited{
      transition: gold .15s var(--ease-in-out), lavender .15s var(--ease-in-out) !important;
      --newpage-color: gold;
  }
  .top > p > a:is(:hover,:active,:focus,:focus-within){
      --hover-link-color: 177, 156, 217;
  }
  /*TREE CODE*/
  .trunk{
      background-image: url(http://scp-wiki.wikidot.com/local--files/eventyr-hub/17%20-%20treetrunk.png);
      background-repeat: repeat-y;
      background-size: contain;
      grid-column: 2 / 3;
      grid-row: 2 / 6;
  }
  .seriesmeri{
      grid-column: 1 / 2;
      grid-row: 2 / 3;
  }
  .serieshana{
      grid-column: 1 / 2;
      grid-row: 3 / 4;
  }
  .seriesclef{
      grid-column: 3 / 4;
      grid-row: 2 / 3;
  }
  .seriesstrel{
      grid-column: 3 / 4;
      grid-row: 3 / 4;
  }
  .seriesbarbecue{
      grid-column: 1 / 2;
      grid-row: 4 / 5;
  }
  .seriestilda{
      grid-column: 1 / 2;
      grid-row: 5 / 6;
  }
  .seriessudo{
      grid-column: 3 / 4;
      grid-row: 4 / 5;
  }
  .serieseventyr{
      grid-column: 3 / 4;
      grid-row: 5 / 6;
  }
  .roots{
      min-height: 26em;
  @media only screen and (max-width: 800px) {
      min-height: 20em;
  }
      background-image: url(http://scp-wiki.wikidot.com/local--files/eventyr-hub/15%20-%20rootstree.png);
      background-position: 49.6% top;
      background-repeat: no-repeat;
      background-size: 63% 95%;
      grid-column: 1 / 4;
      grid-row: 6 / 7;
  }
  .evertales{
      grid-column: 1 / 4;
      grid-row: 7 / 8;
  }
  /*CHARACTER PORTRAITS*/
  .wrapper {
      display: grid;
      grid-template-columns: 2.5fr 0.5fr 0.5fr 0.5fr;
      grid-template-rows: 505px auto;
      transition: 500ms !important;
  }
  :where(.box1, .box2, .box3, .box4, .box5, .box6, .box7, .box8) {
      transition: 300ms !important;
  }
  .portrait{
      background-repeat: no-repeat !important;
      background-position: center !important;
      height: 500px;
      filter: brightness(50%);
      transition: 300ms !important;
  }
  /*THIS IS WHERE ALL THE CHARACTER IMAGES GO*/
  .clef{
      background: url(http://scp-wiki.wikidot.com/local--files/eventyr-hub/2%20-%20VOaehsu.png);
  }
  .crow{
      background: url(http://scp-wiki.wikidot.com/local--files/eventyr-hub/3%20-%20rk3tPRu.png);
  }
  .draven{
      background: url(http://scp-wiki.wikidot.com/local--files/eventyr-hub/5%20-%20126DRUT.png);
  }
  .glass{
      background: url(http://scp-wiki.wikidot.com/local--files/eventyr-hub/6%20-%20hkIIGi2.png);
  }
  .hana{
      background: url(http://scp-wiki.wikidot.com/local--files/eventyr-hub/7%20-%20OBfMvpb.png);
  }
  .jay{
      background: url(http://scp-wiki.wikidot.com/local--files/eventyr-hub/8%20-%20kMhJxmw.png);
  }
  .kondraki{
      background: url(http://scp-wiki.wikidot.com/local--files/eventyr-hub/9%20-%20UGDzl0S.png);
  }
  .light{
      background: url(http://scp-wiki.wikidot.com/local--files/eventyr-hub/10%20-%204n8yel6.png);
  }
  .luca{
      background: url(http://scp-wiki.wikidot.com/local--files/eventyr-hub/11%20-%20CmHS7xG.png);
  }
  .meri{
      background: url(http://scp-wiki.wikidot.com/local--files/eventyr-hub/12%20-%206Rg24Ej.png);
  }
  .rights{
      background: url(http://scp-wiki.wikidot.com/local--files/eventyr-hub/14%20-%20CkmRxfj.png);
  }
  .strel{
      background: url(http://scp-wiki.wikidot.com/local--files/eventyr-hub/16%20-%20FWMmOMa.png);
  }
  /*PLACEHOLDER IMAGES*/
  .stranger{
      background: url(https://scp-wiki.wikidot.com/local--files/eventyr-hub/stranger2.webp);
  }
  .mystery{
      background: url(https://scp-wiki.wikidot.com/local--files/eventyr-hub/mystery2.webp);
  }
  @container (min-width: 200px){
  .portrait{
    filter: brightness(100%) drop-shadow(0px 0px 3px black);
  }
  }
  .box {
      container-type: inline-size;
      min-width: 0;
      transition: 300ms;
      margin: -1px;
  }
  /*ESTRELLA HELPED ME WITH THIS, IF THERE IS AN ISSUE ASK THEM INSTEAD*/
  .box5 {
      background: #fdfcfb;
      grid-column-start: 1;
      grid-column-end: 5;
      display: grid;
      grid-template-areas: "stack";
  }
  .box5 > .bio { grid-area: stack; max-height: 0; overflow-y: hidden; transition: max-height .5s ease-in-out 0s; }
  .box5 > .bio:where(.bio1),
  .box1:hover ~.box5 > .bio1,
  .box2:hover ~.box5 > .bio2,
  .box3:hover ~.box5 > .bio3,
  .box4:hover ~.box5 > .bio4,
  .box5 > .bio:hover { max-height: 100rem; transition-delay: .5s; }
  .box:hover:not(.box1:hover) ~ .box5 > .bio:where(.bio1),
  .box5:hover > .bio1:not(:hover) {
      max-height: 0;
      transition-delay: 0s;
  }
  .wrapper:has(.box1:hover, .bio1:hover) {
      grid-template-columns: 2.5fr 0.5fr 0.5fr 0.5fr;
  }
  .wrapper:has(.box2:hover, .bio2:hover) {
      grid-template-columns: 0.5fr 2.5fr 0.5fr 0.5fr;
  }
  .wrapper:has(.box3:hover, .bio3:hover) {
      grid-template-columns: 0.5fr 0.5fr 2.5fr 0.5fr;
  }
  .wrapper:has(.box4:hover, .bio4:hover) {
      grid-template-columns: 0.5fr 0.5fr 0.5fr 2.5fr;
  }
  .quoty{
      padding: 5px 2em;
      margin: 2em;
      margin-bottom: 0em;
      border:solid 16px;
      background: #d5cfc0;
      border-image: linear-gradient(#fdfcfb, #fdfcfb);
      font-family: 'cutive';
      font-size: 16px;
  }
  .fancy{
      background-image: url(http://scp-wiki.wikidot.com/local--files/eventyr-hub/14%20-%20portrait.png), url(http://scp-wiki.wikidot.com/local--files/eventyr-hub/3%20-%20portraintunder.png);
      background-repeat: no-repeat;
      background-size: 24%;
      background-position: top left, 102% 110%;
      padding: 1em 1em 1em 2em;
  }
  .foncy{
      padding: 1em;
  }
  
  /*CODE FOR ALL THE FANART*/
  .glasscase{
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
  }
  .glassyeye{
      aspect-ratio : 1 / 1;
      width: 50%;
      margin-top: -24px;
      position: relative;
      transition: 0.5s !important;
  }
  .glassyeye:hover{
      filter: sepia(1);
  }
  .glassyeye img{
      height: 100%;
      width: 100%;
      object-fit: cover;
      object-position: center;
  }
  .allfolks{
      position: absolute;
      z-index: 5;
      top: 0px;
      left: 10px;
      font-size: 4vh;
      mix-blend-mode: difference;
      filter: invert(1) grayscale(1) contrast(9);
  }
  .allfolks a{
      font-weight: bold;
  }
  .bigtitles{
      margin-top: 200px;
      text-align: center;
  }
  @media screen and (min-width: 1200px) {
  .allfolks{
      font-size: 25px;
  }
  }
  @media screen and (max-width: 640px) {
  .glasscase{
      flex-direction: column;
  }
  .allfolks{
      font-size: 4vw;
      top: 3px;
  }
  .glassyeye{
      margin-top: 0px;
      width: 100%;
  }
  }
  /*BIG HEADER TITLES*/
  .tableau{
      font-family: 'Lavishly Yours';
      font-size: 8vw;
      text-align: center;
  }
  .tableau p{
      line-height: 0;
  }
  @media screen and (min-width: 1200px) {
  .tableau{
      font-size: 80px;
  }
  }
  /*FOR THE LISTPAGE*/
  table{
      margin-bottom: 2em;
      width: 100%;
  }
  /*QUEERIOUS HUB*/
  .bubble {
      margin: 15px;
      padding: 24px;
      border: 3px solid black;
      border-radius: 12px;
      background-color: #FFFFFF;
      min-height: 150px;
      box-shadow: inset 0px 0px 10px black;
      transition: 1s !important;
  }
  .bubble a{
      color: #b30000;
  }
  .bubble:hover{
      box-shadow: inset -2000px -500px 10px black;
      color: white;
  }
  .bubble:hover a{
      color: red;
  }
  .blockquote{
      font-family: 'Cutive';
  }
  
  /*FLY HUB*/
  .eventypewriter-afterword{
       font-family: Cutive, serif;
       background-image: url(https://scp-wiki.wikidot.com/local--files/eventyr-hub/HCAbackground2.webp);
       padding: 15px;
       font-size: 120%;
       border: 2px solid #5d0f87;
  }
  
  .eventypewriter-legend{
       font-family: Cutive, serif;
       background-image: url(https://scp-wiki.wikidot.com/local--files/eventyr-hub/HCAbackground2.webp);
       padding: 15px;
       font-size: 90%;
       margin: 0 auto;
       width: 60%;
       border: 2px solid #5d0f87;
  }
  

  Pages using this styling

  • eventyr-hub [info]

  ¶ 1 occurrence
  

  :root {
    --main-content-width: 100vw;
    --main-content-side-margin: 0;
    --basalt-background-color: 255, 255, 255
  }
  
  .calendar {
    position: absolute;
    top: 120px;
    left: 0;
    width: 100vw !important;
    height: max(100dvh, 900px) !important;
  }
  
  @media (min-width: 1024px) {
    .calendar {
      top: 70px;
    }
  }
  
  @media (max-width: 600px) {
    .calendar {
      height: calc(100dvh - 95px) !important;
      overflow: scroll;
      top: 90px;
    }
  }
  
  .fill {
    height: 100vh;
  }
  
  #page-title {
    display: none !important;
  }
  
  #header
  {
    box-shadow: 0px 5px 5px #0002;
    background: #eee;
  }
  
  .calendar-loading {
    font-size: 250%;
    font-style: italic;
    position: absolute;
    top: 50vh;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0.5;
  }
  

  Pages using this styling

  • event-calendar [info]

  ¶ 1 occurrence
  

  .infobox {
      display:none
  }

  Pages using this styling

  • ethagon-s-author-page [info]

  ¶ 1 occurrence
  

  #page-content .info-container .collapsible-block-folded::before,
  #page-content .info-container .collapsible-block-unfolded-link::before {
      content: "D.E.C.I.";

  Pages using this styling

  • eternal-bliss-delight [info]

  ¶ 1 occurrence
  

  
  #page-content .info-container {
      --link-color: rgb(var(--swatch-text-general));
  }
  
  #page-content .info-container .collapsible-block-link,
  #page-content .info-container:hover .collapsible-block-link {
      line-height: 1.6em;
  }
  
  #page-content .info-container .collapsible-block-folded,
  #page-content .info-container .collapsible-block-unfolded-link {
      display: grid;
  }
  
  #page-content .info-container .collapsible-block-folded .collapsible-block-link,
  #page-content .info-container .collapsible-block-link {
      -webkit-mask: unset;
              mask: unset;
      background: transparent;
      grid-column: 1;
      grid-row: 1;
      opacity: 0;
  }
  
  #page-content .info-container .collapsible-block-folded::before,
  #page-content .info-container .collapsible-block-unfolded-link::before {
      --wght: 800;
      content: "ETC";
      color: #FFFFFF;
      font-family: Inter, Arimo, Verdana, Geneva, "Helvetica Neue", "Helvetica", Arial, sans-serif;;
      display: block;
      pointer-events: none;
      grid-column: 1;
      grid-row: 1;
      line-height: 2.75ex;
  }
  
  .info-container{
  --barColour: #4E525C;
  --linkColour: #D7D8D9;
  }
  
   #page-title{
       display: none;
  }
  #header h1 a {
   
      background-image: none;
  
  }
  
  #header h1 a::before {
      text-shadow: none;
      color: white;
  }
   
  #header h2 {
      display: flex;
  }
  
  #header h1 {
      margin-top: 5.7rem;
      margin-left: 2.5rem;
  }
  
  @media (max-width: 768px) {
  
  #header h1 {
      margin-left: 1.3rem;
  }
  
  }
  
  :root {
  
      --logo-image: url("");
      --header-title: " ";
      --header-subtitle: " ";
      --wm-bg: 0, 0, 0 !important;
  
  }
  
  #main-content {
      --tables-header-bg: #000000;
      --tables-header-txt: #000000;
      --tables-border: #000000;
      --tables-body-txt: #000000;
      --tables-body-bg: #000000;
  }
  

  Pages using this styling

  • etc-proposal [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Calligraffitti&display=swap');
  
  .type1 {
      display: block;
      overflow: hidden;
      font-family: 'Calligraffitti', cursive;
      font-style: normal;
      font-size: 170%;
      color: rgb(57, 0, 0);
  
      background-attachment: scroll;
      background: url(http://www.scp-wiki.net/local--files/lovataar-throne/textback.jpg);
  
      background-clip: border-box;
      background-color: rgb(222, 222, 222); 
      background-origin: padding-box;
      background-repeat: repeat;
      background-size: 100%;
  
      border-radius: 10px;
      padding: 10px 10px;
      margin-bottom: 10px;
  
      box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2)
      }
  

  Pages using this styling

  • et-ecce [info]

  ¶ 1 occurrence
  

  :root {
      --base-header-height: 33.25rem;
  }
  
  .pseudocrumbs {
      margin-block: 1.5rem;
  }
  
  .profile-wrapper {
      display: flex;
      flex-direction: row-reverse;
      flex-wrap: wrap;
      justify-content: center;
      align-items: center;
      gap: 1.25rem;
      margin-block: 1.5rem;
  }
  
  .pfp-frame {
      aspect-ratio: 1;
      flex-basis: min(25rem, calc(10rem + 20vw));
      position: relative;
      z-index: 1;
  }
  .pfp-frame::before, .pfp-frame::after {
      content: "";
      position: absolute;
      inset: 0;
      z-index: -1;
  }
  .pfp-frame::before {
      background: rgb(var(--basalt-secondary-color));
      transform: rotate(45deg) scale(0.725);
  }
  .pfp-frame::after {
      border: solid .175rem rgb(var(--basalt-main-text-color),.575);
      transform: rotate(45deg) scale(0.8125);
  }
  
  .pfp-frame img {
      width: 100%!important;
      height: 100%!important;
      object-fit: cover;
      --_o: 6.775%;
      clip-path: polygon(calc(var(--_o)*-1) calc(var(--_o)*-1), calc(100% + var(--_o)) calc(var(--_o)*-1), calc(100% + var(--_o)) 50%, 50% calc(100% + var(--_o)), calc(var(--_o)*-1) calc(100% + var(--_o)));
  }
  
  .filebox {
      flex-basis: 24rem;
      flex-grow: 1;
  }
  
  .filebox h2 { text-align: center; }
  
  /*---------------------------*/
  
  .series-wrapper {
      display: grid;
      gap: 1rem;
      grid-template-columns: repeat(auto-fill, minmax(calc(10.5rem + 1.75vw),1fr));
  }
  .series-wrapper > .pager {
      grid-column: 1/-1;
  }
  
  .series-block {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      background: rgb(var(--basalt-secondary-color));
  }
  
  .series-block .title {
      font-family: var(--header-font);
      font-weight: bold;
      text-align: center;
      padding: .25em .75em;
  }
  
  .series-block .metadata {
      display: grid;
      grid-template-areas:
          'vote com'
          'type type';
      font-family: var(--mono-font);
      font-size: .875em;
      text-align: center;
      gap: .375rem;
  }
  
  
  .series-block .metadata a:not([href$=admin],[href$=hub],[href$=contest],[href$=workbench],[href$=supplement],[href$=site],[href$=guide],[href$=essay],[href$=news],[href$=resource],[href$=author],[href$=component],[href$=component-backend],[href*=theme],[href$=more-by],[href$=splash],[href$=redirect]){
      display: none;
  }
  
  
  /*---------------------------*/
  
  .hubber {
      display: grid;
      grid-template-columns: 1fr 5fr; 
      margin-block: 1.25rem;
      gap: 1.5rem;
      position: relative;
      overflow-x: clip;
  }
  .hubber .filebox {
     --dir: to left;
      grid-column: 2/3; 
      position: relative;
  }
  
  .hubber .filebox h3 { text-align: center; }
  
  .hubber .filebox::before {
      --_size: min(14.5rem, calc(8rem + 8.75vw));
      all: unset;
      content: "";
      position: absolute;
      width: var(--_size);
      height: var(--_size);
      background: url(https://i.imgur.com/Th3vdm1.png) center no-repeat;
      background-size: contain;
      inset-block-start: calc(50% - var(--_size)/2);
      inset-inline-end: calc(100% + var(--_size)/4);
      filter: invert(1);
      opacity: 0;
      transition: all .5s cubic-bezier(.04,.38,.29,.99);
      pointer-events: none;
  }
  
  .hubber .filebox:is(:hover,:focus-within)::before {
      opacity: .625;
      inset-inline-end: 100%;
  }
  .hubber .filebox[style*="--t"]::before {
      filter: unset;
      background-image: var(--t);
  }
  .hubber .filebox::after {
      background-color: rgb(var(--basalt-tertiary-color));
      transition: background-color .25s ease-out;
  }
  .hubber .filebox:is(:hover,:focus-within)::after {
      background-color: rgb(var(--basalt-secondary-color));
  }
  
  /*---------------------------*/
  
  .achievement-container {
      display: flex;
      justify-content: center;
      flex-wrap: wrap;
      gap: .75rem;
      margin-block: 1rem;
      --bgBadgeColor: transparent;
      --borderColor: invalidvalue;
  }
  
  .achievement-container .tooltip { display: block; }
  .achievement-container .tooltip a { position: relative; }
  .achievement-container .tooltip a::before {
      content: "";
      position: absolute;
      inset: 0;
      border: solid 0.5rem rgb(var(--basalt-main-text-color),.1);
      -webkit-backdrop-filter: blur(var(--basalt-UI-blur));
      backdrop-filter: blur(var(--basalt-UI-blur));
      transform: rotate(45deg) scale(0.625);
      z-index: -1;
  }
  
  .achievement-container .tooltip::before,
  .achievement-container .tooltip::after {
      content: "";
      position: absolute;
      inset: 0;
      border: solid 0.25rem rgb(var(--basalt-undertone));
      transform: rotate(45deg) scale(0.75);
      clip-path: inset(0 100% 100% 0);
      z-index: -1;
      transition: clip-path 0.25s ease-out;
  }
  .achievement-container .tooltip::after {
      clip-path: inset(100% 0 0 100%);
  }
  .achievement-container .tooltip:is(:hover,:focus-within)::before,
  .achievement-container .tooltip:is(:hover,:focus-within)::after {
      clip-path: inset(0);
  }
  
  span.tooltip .tooltiptext {
      top: 8rem;
      border-radius: 0;
      font-family: var(--UI-font);
  }
  
  .achievement-container .tooltip img {
      width: 7.5rem;
  }

  Pages using this styling

  • estrellayoshte [info]

  ¶ 1 occurrence
  

  :root {
      --lgurl: url("https://scp-wiki.wdfiles.com/local--files/esterberg-city-wikipedia/smallvanguard.png");
  }
  
  div#extra-div-2::before {
      content: var(--header-title, "VANGUARD");
  }
  div#extra-div-2::after {
      content: var(--header-subtitle, "Shelter, Normalize, Inform");
  }
  
  @media (max-width: 767px) {
     #header h1 a::before {
         content: var(--header-title, "VANGUARD");
     }
     #header h2::before {
         content: var(--header-subtitle, "Shelter, Normalize, Inform");
     }
         div#extra-div-2::before, div#extra-div-2::after { display: none; }
  }
  
  #page-content h2,
  #page-content h3,
  #page-content h4,
  #page-content h5,
  #page-content h6{
      border: none;
  }
  
  body {
  font-size: 0.875em;
  }
  
  ol li {
       margin: 0 0 1em;
  }
  
   ul {
       margin: 1em 0;
  }
  
   li, p {
       line-height: 1.6;
       text-underline-offset: 40%;
  }

  Pages using this styling

  • esterberg-city-wikipedia [info]

  ¶ 1 occurrence
  

  .chatbox {background: white; padding: 1px 15px; border: solid 3px lightgray; margin: 10px; border-radius: 30px 15px}

  Pages using this styling

  • essays-by-a-hack-sentence-clauses [info]

  ¶ 1 occurrence
  

  /* Haha blue boi, or peach boi, courtesy of Croquembouche */
  .outside {
    margin: 2em -6em;
    padding: 1em 10em;
    --narration-color: rgba(255, 204, 204,1);
    background: var(--narration-color);
    background: linear-gradient(90deg, rgba(255,255,255,0) 0%, var(--narration-color) 20%, var(--narration-color) 80%, rgba(255,255,255,0) 100%);
    z-index: -2;
  }
  
  /* Make the peach bois that are within the document have smaller margins so they break flow less*/
  .outside.inline {
    margin: 1em -6em;
    padding: 1px 10em;
  }
  
  /* Force the side bar to render on top of the peach bois */
  #side-bar {
    z-index: 2;
  }

  Pages using this styling

  • essay-on-common-newbie-ideas [info]

  ¶ 1 occurrence
  

  :root {
      --2024_red: 124,204,235;
      --2024_gray: 255, 237, 221;
      --2024_black: 39, 36, 36;
      --2024_white: 255,255,238;
      --2024_purple: 255,200,87;
      --2024_link: 0,178,202;
      --2024_visited-link: 168,216,234;
      --2024_hover-link: var(--2024_visited-link);
      --2024_dead-link: 251, 163, 31;
      --2024_alt-link: var(--2024_black);
      --2024_alt-visited-link: 0, 0, 0;
      --2024_alt-hover-link: var(--2024_alt-link);
      --2024_alt-dead-link: 255, 202, 45;
      --2024_alt-link-2: 210, 12, 12;
      --2024_alt-visited-link-2: 156, 8, 8;
      --2024_alt-hover-link-2: 210, 12, 12;
      --2024_alt-dead-link-2: 221, 102, 17;
      --2024_pattern: url('http://ye-zhi-d.wikidot.com/local--files/start/theme2024pattern.png');
      --logo-image: url('http://czyesperanza.wikidot.com/local--files/author-page-includes/IMG_2630.png');
      --header-title: "Translation";
      --header-subtitle: "Language Redemption";
  }
  table.wiki-content-table th {
      --wght: 700;
      color: rgb(var(--2024_white));
      background-image: var(--2024_pattern);
      background-repeat: repeat;
      background-size: 80px auto;
  }
   
  table.wiki-content-table td {
      color: rgb(var(--2024_white));
      background: rgb(var(--2024_black));
  }
   
  table.wiki-content-table td,
  table.wiki-content-table th,
  table.wiki-content-table tr {
      border: 0.2rem solid rgba(var(--2024_red), 0.6) !important;
  }
  .display-container {
     display: grid;
     grid-template-columns: 50% 50%;
     grid-template-rows: auto;
     grid-template-areas:
         'image text'
         'image text';
     padding: 8px;
     margin-bottom: 2rem;
     box-sizing: border-box;
  }
  .display-container.second {
     grid-template-areas:
         'text image'
         'text image';
  }
  
  .tale-cover {
      grid-area: image;
      place-self: center;
      justify-self: center;
      box-sizing: border-box;
  }
  .tale-desc {
      grid-area: text;
      justify-self: stretch;
      padding-left: 1.4rem;
      border-left: solid 0.1rem #333;
      margin-left: 0.8rem;
      box-sizing: border-box;
      font-size: 105%;
  }
  .tale-desc h4 {
      text-align: right;
      font-weight: normal;
      font-style: italic;
  }
  .display-container.second .tale-desc {
      padding-left: 0; padding-right: 1.4rem;
      border-left: none; border-right: solid 0.1rem #333;
      margin-left: 0; margin-right: 0.8rem;
  }
  
  .tale-cover img {
      width: 480px;
      border-radius: 15px;
      box-sizing: border-box;
      box-shadow: 0px 0px 7px rgba(0,0,0,0.3);
      transition: 0.34s ease-in-out transform, 0.38s ease-in-out box-shadow;
  }
  .tale-cover img:hover {
    transform:
      perspective(75em)
      rotateY(25deg);
    box-shadow: -2px 0px 8px rgba(0,0,0,0.2);
  }
  .display-container.second .tale-cover img:hover {
    transform:
      perspective(75em)
      rotateY(-25deg);
    box-shadow: 2px 0px 8px rgba(0,0,0,0.2);
  }
  
  .tale-desc h1, .multi-grid div h1, .multi-grid-small div h1 {
      font-size: 2em;
      text-align: center;
      letter-spacing: -0.045em;
  }
  .multi-grid div h1 { font-size: 1.25em; }
  .multi-grid-small div h1 { font-size: 1.15em; }
  
  @media (max-width: 700px) {
      .display-container, .display-container.second {
          grid-template-areas:
             'image image'
             'text text';
      }
      .tale-desc, .display-container.second .tale-desc {
          padding: 4px;
          border: none;
          border-top: solid 0.1rem #333;
          margin: 0; margin-top: 1rem;
      }
      .tale-cover img:hover, .display-container.second .tale-cover img:hover {
          transform: none;
      }
  }
  
  .year-in-review {
      display: flex;
      align-items: center;
  }
  .year-in-review + br { display: none; }
  .year-in-review::before, .year-in-review::after {
      content: "";
      display: flex;
      flex-grow: 1;
      background-color: #333;
      height: 0.1rem;
  }
  .year-in-review h1 {
      font-size: 2rem;
      margin: 0 0.75rem;
      padding-top: 0.2rem;
  }
  
  .yui-navset.yui-navset-top .yui-content {
      padding: 0.5rem 0 0.1rem 0;
      border: none;
  }

  Pages using this styling

  • esperanza-s-translations [info]

  ¶ 1 occurrence
  

  #toc-list div[style="margin-left: 2em;"] {    /* question, why the hell does wikidot assign a style attribute to every div in the toc-list instead of just giving the list itself a 2em margin? */
    margin-right: 2em;
  }
  
  .top-banner {
    border: solid 1px #000000;
    background: #f2f2c2;
    margin: 10px 5px;
    padding: 5px 10px;
    text-align: center;
  }
  
  /*  COLLAPSIBLES  */
  .eso-list {
    background-color: #fafafa;
    border: 1px solid #CCC;
    border-radius: 10px;
    box-shadow: 0 2px 4px rgba(75, 75, 75, .5);
    margin: 20px 3px;
    padding: 7px;
  }
  .collapsible-block-link, .collapsible-block-unfolded-link, .collapsible-block-folded {
      text-align: center;
  }
  
  /*  RESOURCES  */
  .eso-resources {
    border: 2px solid black;
    padding: 5px 10px;
    margin: 50px 0;
  }
  .eso-resources a.collapsible-block-link {
    font-weight: bold;
  }
  
  /*  HEADERS  */
  #page-content h2 {
    margin-top: 50px;
  }
  .eso-list h3 {
    margin-top: 20px;
  }
  
  /*  CENTERING CLASSES  */
  table.wiki-content-table td:nth-child(1) {
    text-align: center;
  }
  
  span.lie-4428 {
    font-family: 'Courier', monospace;
    font-weight: bold;
    background-color: #a3cef1;
    margin: 2px 1px 1px;
  }
  
  .footnotes-footer {
    margin-top: 2em;
  }

  Pages using this styling

  • esoteric-classes-complete-list [info]

  ¶ 1 occurrence
  

  @supports(--css:variables) {
  
  :root {
   --header-title: "Sarkic Cults";
   --header-subtitle: "And With Our Own Flesh Shall We Birth It.";
      }
  }

  Pages using this styling

  • eslakia-and-the-clockwork-beast [info]

  ¶ 1 occurrence
  

  .unblur{
  transition: .2s;
  -webkit-filter: blur(4px) grayscale(100%);
  filter: blur(4px) grayscale(100%);
  }
  
  .unblur:hover{
  transition: .4s;
  transition-delay: .1s;
  -webkit-filter: blur(0.001px) grayscale(0.1%);
  filter: blur(0.001px) grayscale(0.1%);
  
  }

  Pages using this styling

  • error-field-cannot-be-lloyd [info]

  ¶ 1 occurrence
  

  :root{
  --barColour: #8022a0;
  --linkColour: #e47412;
  }

  Pages using this styling

  • error-field-cannot-be-lloyd [info]

  ¶ 1 occurrence
  

  .report-table > .wiki-content-table {
    width: 80%;
  }
  
  td {
    text-align: center;
  }
  
  .report-table td:nth-of-type(1) {
    min-width: 20%;
  }
  
  .report-table td:nth-of-type(2) {
    min-width: 40%;
  }
  
  .report-table td:nth-of-type(3) {
    min-width: 40%;
  }
  
  .footnotes-footer {
    display: none;
  }

  Pages using this styling

  • errata [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.bunny.net/css?family=Caveat&display=swap');
  @import url('https://fonts.bunny.net/css?family=Didact+Gothic&display=swap');
  
  
  div#container-wrap {
       background: url(https://scp-wiki.wikidot.com/local--files/erics-mega-zine-vol-50-the-cutout-room/light_bg2.webp) top left repeat-x;
  }
  
  #side-bar .side-block,
  #side-bar .media,
  #side-bar .resources {
      background: #000000;
  }
  
  #side-bar .heading {
      color: #b01;
  }
  
  #side-bar div.side-block:nth-child(7) > div:nth-child(1) > div:nth-child(1) img {
      filter: none;
      -webkit-filter: none;
  }
  
  #side-bar .scpnet-interwiki-wrapper {
      width: 0em;
  }
  
  body {
      background-color: #000000;
      font-family: 'Didact Gothic', monospace;
      color: #ffffff;
  }
  
  #page-title {
    text-align: center;
  }
  
  #header h1 span {
      color: transparent;
      text-shadow: none;
  }
   
  #header h1 span::before {
       content: 'ERICS SITE';
       color: #FF0000;
       text-shadow: 1px 1px 1px rgba(0,0,0,.8);
  }
  
  #header h2 span {
      color: transparent;
      text-shadow: none;
  }
   
  #header h2 span::before {
       content: 'welcome to my page';
       color: #FF0000;
       text-shadow: 1px 1px 1px rgba(0,0,0,.8);
  }
  
  #header {
      background: url(https://scp-wiki.wikidot.com/local--files/erics-mega-zine-vol-50-the-cutout-room/ericslogo.webp) 0px 12px no-repeat;
  }
  
  ins, del, .hovertip {
      color: black;
  }
  

  Pages using this styling

  • erics-mega-zine-vol-50-the-cutout-room [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.bunny.net/css?family=Caveat&display=swap');
  @import url('https://fonts.bunny.net/css?family=Didact+Gothic&display=swap');
  
  
  div#container-wrap {
       background: url(https://scp-wiki.wikidot.com/local--files/erics-mega-zine-vol-49-an-intermission-to-keep-you-hanging/light_bg2.webp) top left repeat-x;
  }
  
  #side-bar .side-block,
  #side-bar .media,
  #side-bar .resources {
      background: #000000;
  }
  
  #side-bar .heading {
      color: #b01;
  }
  
  #side-bar div.side-block:nth-child(7) > div:nth-child(1) > div:nth-child(1) img {
      filter: none;
      -webkit-filter: none;
  }
  
  #side-bar .scpnet-interwiki-wrapper {
      width: 0em;
  }
  
  body {
      background-color: #000000;
      font-family: 'Didact Gothic', monospace;
      color: #ffffff;
  }
  
  #page-title {
    text-align: center;
  }
  
  #header h1 span {
      color: transparent;
      text-shadow: none;
  }
   
  #header h1 span::before {
       content: 'ERICS SITE';
       color: #FF0000;
       text-shadow: 1px 1px 1px rgba(0,0,0,.8);
  }
  
  #header h2 span {
      color: transparent;
      text-shadow: none;
  }
   
  #header h2 span::before {
       content: 'welcome to my page';
       color: #FF0000;
       text-shadow: 1px 1px 1px rgba(0,0,0,.8);
  }
  
  #header {
      background: url(https://scp-wiki.wikidot.com/local--files/erics-mega-zine-vol-49-an-intermission-to-keep-you-hanging/ericslogo.webp) 0px 12px no-repeat;
  }
  
  ins, del, .hovertip {
      color: black;
  }
  

  Pages using this styling

  • erics-mega-zine-vol-49-an-intermission-to-keep-you-hanging [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css?family=Short+Stack&display=swap');
  .page {
      display: block;
      overflow: hidden;
      font-family: 'Short Stack', cursive;
      font-style: normal;
  
      background-attachment: scroll;
      background-clip: border-box;
      background-color: transparent;
      background-image: linear-gradient(to top ,rgb(202, 219, 228) 0%, rgb(231, 233, 220) 8%);
      background-origin: padding-box;
      background-position: 0px 8px;
      background-repeat: repeat;
      background-size: 100% 20px;
  
      border: 1px solid #CCC;
      border-radius: 10px;
      padding: 10px 10px;
      margin-bottom: 10px;
  
      box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2)
      }
  .page p {
      line-height: 20px;
      margin: 0;
      font-size: 150%
  }

  Pages using this styling

  • erics-journal [info]

  ¶ 1 occurrence
  

  :root {
    --header-title: "SCP Foundation";
    --header-subtitle: "Secure, Contain, Protect";
    --lgurl: none;
  }

  Pages using this styling

  • epitaphs-of-mine [info]

  ¶ 1 occurrence
  

  :root {
  
    --prologue-setting:hidden;
  
    --prologue-author-setting: hidden;
  
    --introduction-setting: none;
  
    --subtitle-setting: none;
  
  }

  Pages using this styling

  • envipixel-artpage [info]

  ¶ 1 occurrence
  

  
  :root{
  --logo-img: url("https://static.wikia.nocookie.net/scp-db/images/8/89/ISD.png");
  --header-subtitle: 'Building A Safer Future';
  }
  
  .time {
      color: rgb(0,128,255);
      size:90%;
  }

  Pages using this styling

  • ends-and-the-means [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css?family=PT+Mono&display=swap');
  #header {background-image: url(https://scp-wiki.wdfiles.com/local--files/arbh-class-debrief-file/Pissresize);}
  #header h1 a {
      display: block;
      margin: 0;
      padding: 90px 0 90px;
      line-height: 0px;
      max-height: 0px;
      color: transparent;
      background: transparent;
      font-family: BauhausLTDemi. 'Nanum Gothic'. Arial. sans-serif;
      text-decoration: none;
      text-shadow: none;
      letter-spacing: 0.9px;
  }
   
  #header h1 a::before {
      content: "SCP Foundation";
      color: #fff;
      letter-spacing: -0.02em;
      text-shadow: 3px 3px 5px #000;
  }
   
  #header h2 span {
      display: block;
      margin: 0;
      padding: 19px 0;
      line-height: -45px;
      max-height: 0px;
      font-weight: bold;
      color: transparent;
      text-shadow: none;
  }
   
  #header h2 span::before {
      content: 'Insect Hell';
      color: #fff;
      text-shadow: 1px 1px 1px #000;
      text-shadow: 1px 1px 1px rgba(0,0,0,.8);
  }
  
  sup {
    vertical-align: top;
    position: relative;
    top: -0.5em;
  }
  
  /* divs stolen from stormbreath uwu */
  
  .parawatch blockquote {
      background:  #1a1a1a;
      border-width: 2px;
      border-style: solid;
      border-color: #262626;
      color: #f2f2f2;
      font-family: 'PT Mono', monospace;
  }
  
  .parawatch a {
       color: #ffff80;
  }
  
  /* DIV BLOCKS stolen from floppypheonix uwu */
  .quote-block{
      border: 2px double #999;
      background-color: #f4f4f4;
      padding: .25em 1em;
      margin-bottom: 1em;
  }
  .report-box{
      border: 2px solid rgb(12, 12, 12);
      background-color: white;
      padding: .25em 1em;
      margin-bottom: 1em;
  }

  Pages using this styling

  • end-of-the-world-livestream [info]

  ¶ 1 occurrence
  

  :root {
       --header-title: "In the Court of Alagadda";    
  }

  Pages using this styling

  • end-of-map [info]

  ¶ 1 occurrence
  

  html, body {
      overflow-x: hidden;
  }
  #content-wrap {
      position: relative;
      margin-top: 0;
  }
  #main-content::before,
  #content-wrap::before,
  #content-wrap::after {
      width: 75rem;
      height: 37.5rem;
      content: "";
      display: block;
      left: -3.75rem;
  }
  #main-content::before,
  #content-wrap::before {
      position: relative;
  }
  #content-wrap::before {
      top: 0;
      background-image: -webkit-gradient(
      	linear,
      	left top, left bottom,
      	color-stop(0, rgba(0, 0, 0, 0)),
      	color-stop(450px, rgba(0, 0, 0, 0)),
      	color-stop(550px, rgba(255, 255, 255, 0.5)),
      	color-stop(600px, rgba(255, 255, 255, 1)),
      	color-stop(1200px, rgba(255, 255, 255, 1))
      );
      background-image: linear-gradient(
      	to bottom, 
      	rgba(0,0,0,0) 0, 
      	rgba(0,0,0,0) 450px, 
      	rgba(255,255,255,0.5) 550px, 
      	rgba(255,255,255,1) 600px, 
      	rgba(255,255,255,1) 1200px
      );
      animation: 2s ease-out 0s 1 swipeDown;
      background-position: 0 0;
      background-size: 75rem 75rem;
      transition-timing-function: cubic-bezier(0, 0.7, 0.31, 0.96);
      z-index: 3;
  }
  #main-content::before {
      background-image: 
      	url(https://scp-wiki.wdfiles.com/local--files/end-of-death-hub/eod_new_large.webp),
      	url(https://scp-wiki.wdfiles.com/local--files/end-of-death-hub/eod_new_large_preload.png);
      background-size: cover, cover;
      background-position: center, center;
      margin-left: -17.75rem;
      margin-top: -38.25rem;
      z-index: 2;
      animation: 2s ease-in-out 0s 1 fadeIn;
  }
  #content-wrap::after {
      position: absolute;
      top: 0;
      background-image: url(https://scp-wiki.wdfiles.com/local--files/end-of-death-hub/eod_new_small_preload.png);
      background-size: cover;
      background-position: center;
      z-index: 1;	
  }
  .attribution {
      text-transform: uppercase;
      font-weight: bold;
      font-size: 0.8em;
      position: absolute;
      top: -1.75em;
      right: -3.75rem;
      z-index: 10;
      text-align: right;
      white-space: nowrap;
      overflow: hidden;
  }
  .attribution p {
      margin: 0;
  }
  @media only screen and (min-width: 75rem) {
      #side-bar {
      	margin-top: 37.5rem;
      }
  }
  @media only screen and (max-width: 75rem) {
      #side-bar {
      	margin-top: 18.750rem;
      }
      #content-wrap::before {
      	height: 18.75rem;
      	width: 100%;
      	top: 0;
      	left: 0;
      	background: linear-gradient(
      		to bottom,
      		rgba(0, 0, 0, 0) 0,
      		rgba(0, 0, 0, 0) 14.0625rem,
      		rgba(255, 255, 255, 0.5) 17.1875rem,
      		rgba(255, 255, 255, 1) 18.75rem,
      		rgba(255, 255, 255, 1) 37.5rem
      	);
      	margin-left: auto;
      	margin-right: auto;
      	background-position: 0 0;
      	background-size: 37.5rem 37.5rem;
      }
      #content-wrap::after {
      	height: 18.75rem;
      	width: 100%;
      	background-image: 
      		url(https://scp-wiki.wdfiles.com/local--files/end-of-death-hub/eod_new_large.webp),
      		url(https://scp-wiki.wdfiles.com/local--files/end-of-death-hub/eod_new_large_preload.png);
      	background-size: cover, cover;
      	background-position: center, center;
      	margin-left: auto;
      	margin-right: auto;
      	left: 0;
      	top: 0;
      	animation: none;
      	background-position: 0 30%;
      }
      #main-content::before {
      	display: none;
      }	
  
      .attribution {
      	right: -1rem;
      }
  }
  @media only screen and (max-width: 43.75rem) {	
      #content-wrap::before {
      	height: 50vw;
      	background-image: url(https://scp-wiki.wdfiles.com/local--files/end-of-death-hub/eod_new_medium.png);
      	background-size: 100vw 50vw;
      	background: linear-gradient(
      		to bottom,
      		rgba(0, 0, 0, 0) 0,
      		rgba(0, 0, 0, 0) 48vw,
      		rgba(255, 255, 255, 0.5) 49vw,
      		rgba(255, 255, 255, 1) 50vw,
      		rgba(255, 255, 255, 1) 50vw
      	);
      	animation: 2s ease-out 0s 1 swipeDownMobile;
      }
      #content-wrap::after {
      	height: 50vw;
      	background-size: 100vw 50vw;
      }	
      .attribution {
      	right: 0;
      	box-shadow: 0 0 0.3125rem 0.3125rem #fff;
      	background-color: #fff;
      }
      #page-title {
      	padding-top: 1em;
      }
  }
  
  @keyframes swipeDown {
      0% { background-position: 0 -300px }
      100% { background-position: 0 0 }
  }
  @keyframes swipeDownMobile {
      0% { background-position: 0 0 }
      100% { background-position: 0 0 }
  }
  @keyframes fadeIn {
      0% { opacity: 0.01 }
      100% { opacity: 1 }
  }
  
  .project-proposal.blockquote {
    padding: 1.5ex 2ch;
    border-style: solid;
    background-color: #ffd0d045;
  }
  .project-proposal.blockquote th {
    background-color: #ffd0d0;
  }
  .project-proposal.blockquote table {
    background-color: #fffe;
  }

  Pages using this styling

  • end-of-death-hub [info]

  ¶ 1 occurrence
  

  @import url("https://scp-wiki.wikidot.com/local--files/enayy-s-author-page/Avalanche.css");
  
  @import url("https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&display=swap");
  
  :root {
      --body-font: "Oswald";
      --title-font: 'Avalanche';
      --black: #000000;
      --blue: #121419;
    /*primary*/
      --yellow: #dba14d;
    /*highlight*/
      --red: #833832;
    /* sec prim */
      --white: #f1f1f1;
      --yellowish: #ebe9d1;
  
    --sp_rate-module-text-color: var(--black);
    --sp_rate-module-background: var(--yellowish);
    --sp_rate-module-sub-color: var(--black);
    --sp_rate-module-button-hover-color: var(--red);
    --sp_rate-module-button-color: var(--black);
    --sp_rate-module-button-background: transparent;
  }
  
  
  .page-rate-widget-box {
    border-radius: 0;
    margin-bottom: 2rem;
    box-shadow: -0.5rem -0.3rem var(--yellow), 0.5rem 0.3rem var(--red);
  }
  
  #header {
      background: none;
  }
  
  #top-bar {
      background: none;
      padding-top: 0.5rem;
  }
  
  #header {
      grid-template-areas: "margin   top-bar   margin2" "margin   title     margin2";
      grid-template-columns: 1fr max-content 1fr;
      grid-template-rows: 2rem max-content;
      position: relative;
  }
  
  #header h1 {
      grid-column: 1/6;
  }
  
  #header h1 a {
      font-family: var(--title-font);
      margin: 0 1rem;
  }
  
  #header h2 {
      display: none;
  }
  
  #top-bar {
      height: 100%;
      width: 100%;
      min-width: 60vw;
          grid-area: top-bar;
  }
  
  #top-bar a {
      color: var(--yellow);
  }
  
  #header::before {
      display: none;
  }
  
  body {
      background-color: var(--blue);
      color: var(--white);
      font-family: var(--body-font);
  }
  
  #header h1 {
      height: 100%;
      width: 100%;
      padding: 0;
      display: flex;
      justify-content: center;
  }
  
  #header h1 a {
      height: 100%;
      width: 100%;
      display: block;
  }
  
  #header h1 a ::after {
      content: "Enayy";
      text-align: center;
      width: 100%;
      display: block;
      font-size: 8rem;
      letter-spacing: 0.5rem;
      text-shadow: 0.8rem 0.5rem 0 var(--red), -0.8rem -0.5rem var(--yellow);
      text-shadow: 0.2rem 0rem 0 var(--red), -0.2rem 0rem var(--yellow);
      color: var(--white);
  }
  
  #header h1 a::before {
      display: none;
  }
  
  #page-title {
      display: none;
  }
  
  #content-wrap {
      padding: 0 2rem;
      box-sizing: border-box;
  }
  
  #top-bar div[class*="top-bar"] > ul {
      justify-content: space-around;
  }
  
  #extrac-div-1 {
      position: absolute;
      top: 0;
      left: 0;
      z-index: -2;
      width: 100vw;
      height: 80rem;
      min-height: 80vw;
      background-image: linear-gradient(-232deg, #1e284a 8%, transparent 8.05%), linear-gradient(-243deg, #131b37 12%, transparent 12.05%), linear-gradient(-253deg, #1e284a 14%, transparent 14.05%), linear-gradient(104deg, #131b37 16%, transparent 16.05%), linear-gradient(-241deg, #1e284a 21%, transparent 21.05%), linear-gradient(135deg, #131b37 27%, transparent 27.05%), linear-gradient(-210deg, #131b37 24%, transparent 24.05%);
      background-repeat: no-repeat;
  }
  
  #extrac-div-1::after {
      content: "";
      display: block;
      position: absolute;
      top: 0;
      right: 0;
      height: 100%;
      width: 100%;
      background-image: linear-gradient(-232deg, #1e284a 8%, transparent 8.05%), linear-gradient(-243deg, #131b37 12%, transparent 12.05%), linear-gradient(-253deg, #1e284a 14%, transparent 14.05%), linear-gradient(104deg, #131b37 16%, transparent 16.05%), linear-gradient(-241deg, #1e284a 21%, transparent 21.05%), linear-gradient(135deg, #131b37 27%, transparent 27.05%), linear-gradient(-210deg, #131b37 24%, transparent 24.05%);
      background-repeat: no-repeat;
      transform: rotatey(180deg);
  }
  
  #footer {
      background-color: var(--red);
      font-size: 0;
  }
  
  #footer > a::before {
      content: "Produced By: ";
      font-size: 0.625rem;
  }
  
  #footer > a {
      font-size: 0.67rem;
  }
  
  #license-area {
      background-color: var(--red);
      color: var(--white);
  }
  
  #license-area a {
      color: var(--yellow);
  }
  
  #page-content {
      min-height: 80rem;
  }
  
  #top-bar .open-menu a {
      background: none;
      border: none;
  }
  
  a {
      color: var(--yellow);
  }
  
  a:visited {
      color: var(--red);
  }
  
  #main-content {
      max-width: 100rem;
  }
  
  #content-wrap {
      max-width: 80rem;
      width: 100%;
  }
  
  .article-link-container {
      font-weight: 600;
      height: 4rem;
      align-content: center;
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
  }
  
  .article-link-container {
      position: relative;
      line-height: 1;
      width: max-content;
      min-width: 50%;
  }
  
  .article-link-container p {
      position: relative;
      z-index: 1;
  }
  
  .article-description {
      position: absolute;
      left: 50%;
      bottom: 100%;
      background-color: var(--yellowish);
      color: var(--black);
      padding: 0 1rem;
      box-shadow: 0.8rem 0.5rem 0 var(--red), -0.8rem -0.5rem var(--yellow);
      opacity: 0;
      visibility: hidden;
      transition: 0.1s ease-in 0.3s;
      max-width: 100%;
      transform: translatex(-50%);
  }
  
  .article-link-container:has(a:hover) .article-description,
  .article-description:hover {
      opacity: 1;
      pointer-events: all;
      transition: 0.1s ease-in 0.05s;
      visibility: visible;
  }
  
  .article-description::after {
      content: "";
      background-color: var(--yellowish);
      position: absolute;
      bottom: -0.75rem;
      left: 50%;
      transform: rotate(45deg) translateX(-50%);
      height: 1.5rem;
      width: 1.5rem;
  }
  
  .tracklist {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
  }
  
  #top-bar :is(.mobile-top-bar, .top-bar) > ul > li > a {
      color: var(--yellow);
      font-family: var(--title-font);
      font-size: 1.8rem;
      font-weight: bold;
  }
  
  #top-bar :is(.mobile-top-bar, .top-bar) > ul {
      display: flex;
      flex-wrap: wrap;
      align-content: center;
  }
  
  #top-bar :is(.mobile-top-bar, .top-bar) > ul > li {
      flex-grow: 1;
  }
  
  #header h1 {
      align-items: center;
      flex-wrap: wrap;
  }
  
  #header h1::before,
  #header h1::after {
      content: "";
      display: inline;
      flex-grow: 1;
      flex-basis: 1rem;
      background-color: var(--white);
      height: 0.3rem;
      max-width: 20vw;
      margin: 0 1rem;
      box-shadow: 0.1rem 0.1rem 0 var(--red), -0.1rem -0.1rem 0 var(--yellow);
  }
  
  #top-bar .open-menu a {
      top: 0.3rem;
      left: 0;
      border-radius: 0;
      color: var(--yellow);
      height: 2rem;
      width: 2rem;
  }
  
  #extrac-div-1,
  #extrac-div-1::after {
      background-position: left -20rem;
  }
  
  :root {
      --sp_top-bar-link-hover-color: var(--white);
      --sp_top-bar-link-hover-background: 0;
  }
  
  #top-bar :is(.mobile-top-bar, .top-bar) > ul > li:hover > a {
      text-shadow: 1px 0px 0 var(--red), -1px 0px 0 var(--yellow);
  }
  
  #top-bar :is(.mobile-top-bar, .top-bar) > ul > li > ul > li > a {
      text-align: center;
  }
  
  #top-bar :is(.top-bar, .mobile-top-bar) ul li ul {
      background-color: var(--yellowish);
      box-shadow: 0.8rem 0.5rem 0 var(--red), -0.8rem -0.5rem var(--yellow);
      border: none;
      top: calc(100% + 0.5rem);
      transition: 0.1s ease-in 0.3s;
  }
  
  #top-bar :is(.top-bar, .mobile-top-bar) ul :is(li:hover ul, li ul:hover) {
      transition: 0.1s ease-in 0.05s;
  }
  
  #top-bar :is(.top-bar, .mobile-top-bar) ul li ul::before {
      content: "";
      position: absolute;
      top: -0.5rem;
      left: 50%;
      height: 1rem;
      width: 1rem;
      transform: translateX(-50%) rotate(45deg);
      background-color: var(--yellowish);
  }
  
  #top-bar :is(.top-bar, .mobile-top-bar) ul li ul li a {
      background: none;
      color: var(--black);
      border: none;
  }
  
  #top-bar :is(.top-bar, .mobile-top-bar) ul li ul li a:is(:hover, :active, :focus) {
      color: var(--black);
      text-shadow: 1px 0px 0 var(--red), -1px 0px 0 var(--yellow);
  }
  
  #top-bar :is(.top-bar, .mobile-top-bar) ul li ul::after {
      content: "";
      position: absolute;
      top: -1rem;
      height: 1rem;
      width: 100%;
  }
  
  .hovertip {
      background-color: var(--yellowish) !important;
      color: var(--black);
      padding: 0 1rem;
      box-shadow: 0.5rem 0.4rem 0 var(--red), -0.5rem -0.4rem var(--yellow);
      border: none !important;
  }
  
  .owindow {
      background-color: var(--yellowish);
      color: var(--black);
      border: 0;
      box-shadow: 1rem 0.8rem var(--red), -1rem -0.8rem var(--yellow);
  }
  
  .owindow a {
      color: var(--red);
  }
  
  .owindow .title {
      background: none;
  }
  
  .owindow .button-bar a {
      background: none;
      border: none;
      background-color: var(--white);
      border: double 7px var(--yellow);
  }
  
  .owindow img {
      background: 0 !important;
  }
  
  .owindow h1 {
      color: var(--black);
  }
  
  #login-status {
      grid-row: 1;
      position: absolute;
      top: 0;
      right: 0;
      width: max-content;
  }
  
  #login-status {
      padding-right: 0.5rem;
      color: transparent;
  }
  
  #login-status .printuser {
      color: var(--white);
  }
  
  #account-options {
      opacity: 1;
  }
  
  #login-status > *:not(#account-topbutton) {
      clip-path: inset(0 0 0 100%);
      transition: 0.2s ease-in 0.05s;
      opacity: 0.2;
      pointer-events: none;
  }
  
  #login-status:is(:hover, :focus, :has(:hover), :focus-within) > *:not(#account-topbutton) {
      clip-path: inset(0);
      opacity: 1;
      pointer-events: all;
  }
  
  #account-options {
      text-align: center;
      border: 0;
      background-color: var(--yellowish);
      margin-right: 4rem;
      width: 7rem;
  }
  
  #account-options ul li a {
      color: var(--black);
  }
  
  #search-top-box {
      align-items: start;
      justify-content: end;
  }
  
  #search-top-box-form input[type="submit"] {
      margin-right: 0.5rem;
      border-radius: 0;
      background: var(--yellowish);
      color: var(--black);
      border: 0;
      transition: 0.2s ease-in 0.05s;
      clip-path: inset(0 0 0 100%);
      opacity: 0.2;
  }
  
  #search-top-box-form input[type="submit"]:is(:hover, :active, :focus) {
      text-shadow: none;
      color: var(--black);
      background: var(--yellowish);
      border: 0;
      box-shadow: 0.3rem 0.2rem var(--red), -0.3rem -0.2rem var(--yellow);
  }
  
  #login-status #account-topbutton {
      background-color: var(--yellowish);
      color: var(--black);
      border: 0;
      transition: 0.2s ease-in 0.05s;
  }
  
  #account-topbutton:is(:hover, :focus, :active),
  #login-status:hover #account-topbutton {
      box-shadow: 0.3rem 0.2rem var(--red), -0.3rem -0.2rem var(--yellow);
  }
  
  #header:has(#login-status:is(:hover, :focus-within)) #search-top-box-form input[type="submit"],
  #search-top-box-form input[type="submit"]:is(:hover, :active, :focus) {
      clip-path: inset(0);
      opacity: 1;
  }
  
  .audio-player {
      min-width: 50%;
      height: 4rem;
  }
  
  .audio-player iframe {
      height: 100% !important;
      width: 100%;
  }
  
  .mobile-aim {
      display: none;
  }
  
  h1,
  h2,
  h3 {
      color: var(--white);
      display: flex;
      font-size: 3rem;
      font-family: var(--header-font);
      font-weight: bold;
      text-shadow: 0.2rem 0rem 0 var(--red), -0.2rem 0rem var(--yellow);
      align-items: center;
      justify-content: center;
  }
  
  :is(h1, h2, h3)::before,
  :is(h1, h2, h3)::after {
      content: "";
      flex-grow: 1;
      height: 0.2rem;
      background-color: var(--white);
      margin: 0.8rem;
      max-width: 40vw;
  }
  
  h1::after,
  h2::before {
      display: none;
  }
  
  #side-bar {
      background-color: var(--blue);
  }
  
  :is(#side-bar#side-bar, #interwiki) .side-block {
      background: var(--yellowish);
      border-radius: 0;
      border: 0;
      box-shadow: 0.5rem 0.3rem var(--red), -0.5rem -0.3rem var(--yellow);
      color: transparent;
  }
  
  :is(#side-bar#side-bar, #interwiki) a {
      color: var(--red);
  }
  
  :is(#side-bar#side-bar, #interwiki) .heading {
      color: var(--red);
      border-color: var(--red);
  }
  
  #content-wrap {
      margin: 0.4rem auto 0;
  }
  
  .intro, .licensebox blockquote {
      margin: auto;
      width: 80%;
      background-color: var(--yellowish);
      color: var(--black);
      padding: 0.5rem 1rem;
      font-size: 1rem;
      box-shadow: 1rem 0.8rem var(--red), -1rem -0.8rem var(--yellow);
      text-align: center;
          border: 0;
  }
  
  .licensebox blockquote  {
      margin-bottom: 1.5rem;
      }
  
  .intro a {
      color: var(--red);
  }
  
  #login-status {
      grid-area: margin2;
  }
  
  #search-top-box {
      grid-row: 2;
      grid-column: 3;
  }
  
  .quotes,
  .coming-soon {
      display: grid;
      grid-template-columns: 50% 50%;
      padding: 0 10%;
  }
  
  .row2 {
      grid-column: 2;
  }
  
  .quote,
  .upcoming {
      width: 80%;
      align-self: center;
      justify-self: center;
      text-align: center;
      background-color: var(--yellowish);
      color: var(--black);
      margin-bottom: 1.2rem;
      box-shadow: 0.8rem 0.5rem var(--red), -0.8rem -0.5rem var(--yellow);
  }
  
  .quote a {
      color: var(--red);
  }
  
  #page-options-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-content: center;
    align-items: center;
  }
  
  @media (max-width: 1070px) {
      #header h1 a span::after {
      	font-size: 6rem;
      }
  
      #extrac-div-1,
    #extrac-div-1::after {
      	background-position: left -9rem;
      }
  
      #extrac-div-1 {
      	background: none;
      }
  
      #header h1::before {
      	display: none;
      }
  
      #header h1::after {
      	max-width: 40vw;
      	margin-right: 1rem;
      }
  
      h1::after,
    h2::before {
      	display: block;
      }
  
      h2::after,
    h1::before {
      	display: none;
      }
  
          #top-bar :is(.mobile-top-bar, .top-bar) > ul > li > a {
              font-size: 1.2rem;
              }
  }
  
  @media (max-width: 767px) {
      .mobile-aim {
      	display: flex;
      }
  
      .desktop-aim {
      	display: none;
      }
  
      .quotes,
    .coming-soon {
      	grid-template-columns: 100%;
      }
  
      .row2,
    .upcoming {
      	grid-column: 1;
      }
      #login-status, #search-top-box {
    transform: translate(0, 1.9rem);
  }
  
  #account-topbutton {
    transform: translate(0, -1.9rem);
    display: inline-block;
  }
  
  #login-status :is(.printuser, #my-account) {
    transform: translate(1.5rem, 0);
  }
  
  #my-account {
    padding-left: 1rem;
    margin-right: -1.5rem;
  }
  }

  Pages using this styling

  • enayy-s-author-page [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Oswald:wght@531&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=GFS+Neohellenic:wght@700&display=swap');
  
  :root {
       --header-title: "Nobody Dies At Dawn ";
       --header-subtitle: "Drown in your Sorrow and Fears";
       --subtitleColor: hsl(0, 0%, 100%);
       --lgurl: url(https://scpdsandbox.wdfiles.com/local--files/testowanko-8/Odyssey.png);
  }
  
  #header h1 a::before {
       font-family: "Oswald", serif;
       font-weight: 700;
       -webkit-text-stroke-width: 0.05px;
  }
  
  #header h2 {
       margin-bottom: -5px;
       white-space: nowrap;
  }
  
  #header h2::before {
       font-family: "GFS Neohellenic", serif;
       font-weight: 700;
       font-style: italic;
       text-shadow: 1px 1px 1px rgba(0, 0, 0, .8);
  }
  
  #header h2:after {
       content: none;
  }
  
  .borders {
      display: block;
      margin: auto;
      width: 85%;
      border: 6px double #282e48;
      padding: 0.5rem 1rem;
  }

  Pages using this styling

  • empty-trail [info]

  ¶ 1 occurrence
  

  :root {
       --header-title: "KING CALCARULER";
       --header-subtitle: "BOW BEFORE YOUR RULER >:D";
  }

  Pages using this styling

  • employee-of-the-century [info]

  ¶ 1 occurrence
  

  .au-credit {
      text-align: right;
      margin-right: 2em;
      margin-top: -10px;
  }
  
  #page-content .creditRate {
      margin-bottom: 0;
  }
  
  .kaiju {
      background: var(--deepsea);
      border: solid 2px #000; 
      padding: 1px 15px; 
      box-shadow: 2px 2px 3px rgba(0,0,0,.5); 
      color: #fff;
  }
  
  .kaiju a {
      color: rgb(173,171,181);
  }
  
  .kaiju h3 {
      border-bottom: 1px solid #FFEFF3;
      padding-bottom: 5px;
      line-height: 1.5;
  }
  
  .hovertip {
      background: var(--deepsea) !important; 
      color: white;
  }

  Pages using this styling

  • embracing-the-angels [info]

  ¶ 1 occurrence
  

   :root{
  
     /* -- COLORS -- */
       --accentColor: hsl(14.8,100%,34.1%);
       --accentColorLite: hsl(19.8,100%,39.2%);
       --hue: hue;
  
  /* -- LOGO -- */
       --lgurl: url(http://scpdsandbox.wdfiles.com/local--files/occult/Sun_symbol.svg.png);
  
   /* -- TITLES -- */
       --header-title: "SUNSET";
       --header-subtitle: "Night Falls on Xerophylla";
  

  Pages using this styling

  • embers [info]

  ¶ 1 occurrence
  

  .fp {
      margin: 12px;
      width: 45%;
      padding: 2px 20px;
      color: white;
      background-color: #00ce48;
      border-radius: 30px /70px;
      font-size: 10pt;
      margin-left: auto;
  
  }
  .laohei {
      margin: 12px;
      width: 45%;
      padding: 2px 20px;
      color: black;
      background-color:#e5e5ea;
      border-radius: 30px /70px;
      font-size: 10pt;
  }
  .date{
      width: 45%;
      padding: 3px 3px 3px 3px;
      color: white;
      background-color:#8888AA;
      border-radius: 15px;
      font-size: 18px;
      text-align: center;
      margin-right: auto;
      margin-left: auto;
      margin-top: 4px;
      margin-bottom: 4px;
  }
  .doc {
      margin: 12px;
      width: 45%;
      padding: 2px 20px;
      color: white;
      background-color: #C00000;
      border-radius: 30px /70px;
      font-size: 10pt;
  }
  .silverice {
      margin: 12px;
      width: 45%;
      padding: 2px 20px;
      color: white;
      background-color: #604e85;
      border-radius: 30px /70px;
      font-size: 10pt;
  }
  .infas {
      margin: 12px;
      width: 45%;
      padding: 2px 20px;
      color: black;
      background-color: #66CCFF;
      border-radius: 30px /70px;
      font-size: 10pt;
  }

  Pages using this styling

  • elysium [info]

  ¶ 1 occurrence
  

  
  /* --- Font Imports --- */
  @import url('https://fonts.bunny.net/css2?family=Coda:wght@800&display=swap');
  @import url(https://fonts.bunny.net/css2?family=Exo+2&display=swap);
  
  /* --- Headers --- */
  #page-content h1 {
      text-align: center;
      color: black;
      font-variant: small-caps;
      font-size: 285%;
      border-bottom: 2px dashed darkgrey;
      font-family: "Exo 2", sans-serif;
  }
  
  /* --- Article Boxes --- */
  .page-box {
      position: relative;
      font-family: 'Coda', cursive;
      width: 90%;
      margin: 2em auto;
      padding: 0 8px;
      border: 3px solid black;
      font-weight: bold;
      color: white;
      text-shadow: 1px 1px black, -1px 1px black, 1px -1px black, -1px -1px black;
      background-position: center center;
      background-size: 100% auto;
      transition: box-shadow 0.5s ease-in-out, text-shadow 0.5s ease-in-out;
  }
  
  .page-box:hover {
      box-shadow: 0 0 13px 3px rgba(0,0,0,0.3);
      text-shadow: 2px 2px black, -2px 2px black, 2px -2px black, -2px -2px black;
  }
  
  .page-box .article-titles,
  .page-box .article-blurbs {
      display: flex;
      justify-content: space-between;
  }
  
  .page-box .article-titles {
      font-size: 200%;
  }
  
  .page-box .article-blurbs {
      font-size: 150%;
  }
  
  .page-box .article-titles div:nth-child(2),
  .page-box .article-blurbs div:nth-child(2) {
      text-align: right;
  }
  
  .page-box a {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
  }
  
  /* --- Discord ---*/
  .crom-box {
      border-left: #933f65 4px solid;
      border-radius: 5px;
      background: #2f3136;
      margin: -1em 0;
      width: fit-content;
      padding: 0 1em;
  }
  
  /* --- Declass Boxes --- */
  .declass {
      display: flex;
      justify-content: space-between;
      padding: 3px 5px;
      font-size: 2em;
      margin: .5em 0;
      font-family: "Exo 2", sans-serif;
      background: linear-gradient(to bottom right, #703d6e, #020102);
      border: 1px solid black;
      color: white;
  }
  
  .declass p {
      margin: 0;
  }
  
  .declass a {
      color: white;
      word-break: unset;
  }
  
  @media (max-width: 767px) {
       .declass {
            justify-content: initial;
            flex-direction: column;
       }
  
       .declass p:nth-child(2) {
            text-align: right;
            display: flex;
            width: fit-content;
            margin-right: 0;
            margin-left: auto;
      }
  }
  
  /* --- Achievement List --- */
  .achieve .collapsible-block-link {
      display: block;
      font-weight: bold;
      text-align: center;
      font-weight: 1.25em;
  }
  
  .achieve table.wiki-content-table th {
      color: white;
      background: #222;
  }
  
  .achieve tr td:nth-child(2) {
      text-align: center;
  }

  Pages using this styling

  • elunerazim [info]

  ¶ 1 occurrence
  

  .image {
    mix-blend-mode: darken;
  }
  
  
  :root {
     --trans: linear-gradient(to bottom,
        rgb(85, 205, 252),
        rgb(247, 168, 184),
        rgb(255, 255, 255),
        rgb(247, 168, 184),
        rgb(85, 205, 252));
  }
  
  
  ::-webkit-scrollbar {
      width: initial;
      height: initial;
  }
   
  ::-webkit-scrollbar-thumb {
      background-color: rgb(175, 175, 175, .1);
      border-radius: 5px;
      border: 1px solid black;
  }
   
  ::-webkit-scrollbar-track {
      background-color: rgb(23,0,127);
      background-image: var(--trans);
  }
  

  Pages using this styling

  • ellie3-gimmick-free [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css?family=Gochi+Hand');
  
  .hand {
    font-family: 'Gochi Hand', cursive;
    color: #002;
  }

  Pages using this styling

  • ella-s-sickly-sweets [info]

  ¶ 1 occurrence
  

  .light {display:block; background:#fffafa; color: #DADBDC; padding: 5px 10px 5px 10px; border: solid 1px pink}
  .lightquote {color: #839496; background-color: #F8F9F9;border: solid 3px #EBEDEF;border-radius: 10px; padding: 0px 5px 0px 5px; width: 85%; margin: 0px 0px 5px; font-size: 110%}
  .lighthighlight {background-color: #F8F9F9; color: #939BA6; font-family:monospace; font-size: 125%}
  .user1 {font-weight: bold;color: #c0e3ea}
  .user2 {font-weight: bold;color: #ff0066}
  .tag {color: #7289DA}

  Pages using this styling

  • ella-s-sickly-sweets [info]

  ¶ 1 occurrence
  

  :root{
    --header-title: "Eisenhower";
    --header-subtitle: "34th United States President";
  }
  
  div#extra-div-1 {
      background-image: url(https://scp-wiki.wdfiles.com/local--files/component:pride-highlighter/nb_logo_blk.svg);
      filter: opacity(20%);
  }

  Pages using this styling

  • elenee-s-author-page [info]

  ¶ 1 occurrence
  

   :root{
  
  
       --header-title: "陽ノ本";
       --header-subtitle: "Day Lives Aeternal";
  }

  Pages using this styling

  • eikyu-monogatari [info]

  ¶ 1 occurrence
  

  .line {
      border-bottom: 1.5px solid #112211;
      width: 95%; 
      margin: auto;
  }
  
  .codex {
      background: #dcc295;
  }
  
  .erikesh {
      background: #f4e5c6;
  }
  
  .winter {
      background: #c0cddc;
  }
  
  .serpent {
      background: #edefe0;
  }
  
  .vision {
      background: #eae1f0;
  }
  
  .angevin {
      background: #d0d0d0;
  }

  Pages using this styling

  • echoes-of-shattered-erikesh [info]

  ¶ 1 occurrence
  

  :root {
      --header-title: "SCProtectorate";
      --header-subtitle: "Mundus, Liberari";  
  --logo-image: url("https://scp-wiki.wdfiles.com/local--files/mundus-liberari/MundusLiberari.png");
  |

  Pages using this styling

  • ecce-insurgo [info]

  ¶ 1 occurrence
  

  
  .book {
      width: 30%;
      border: solid 1px #000;
      border-top: solid 4px #000;
      border-radius: 10px;
      overflow: hidden;
      margin-left: 10px;
      margin-right: 10px;
      margin-bottom: 20px;
      text-align: center;
      background: #000000;
  }
  
  .book img {
      display: block;
      margin-left: auto;
      margin-right: auto;
  }
  
  .text {
      border-top: solid 10px #000;
      border-bottom: solid 1px #000;
      border-left: solid 8px #000;
      border-right: solid 8px #000;
      background: #FFFFFF;
      font-weight: bold;
  }
  
  .link {
      display: block;
      width: 49%;
      text-align: center;
      margin-top: -5px;
      margin-bottom: -5px;
  }
  
  .link a{
      color: #FFFFFF;
      font-weight: bold;
  }
  .epub {
      width: 100%;
      text-align: center;
  }
  
  

  Pages using this styling

  • ebooks [info]

  ¶ 1 occurrence
  

  :root {
  scrollbar-color: rgb(0 0 0) rgb(50 50 50);
      --header-title: " ";
      --header-subtitle: " ";
      --sp_header-logo: url( );
      --lampeter-header-layer-0: url(https://scp-sandbox-3.wdfiles.com/local--files/troutmaskreplica-lampeter/bleak-header.png);
  }
  #page-title {
    display: none;
  }
  html {
    filter: grayscale(1) brightness(0.8);
  }
  
  #main-content img {
    filter: brightness(1);
  }
  
  :is(div, ul).creditRate {
      text-align: center;
  }

  Pages using this styling

  • east-hastings [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Prata&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Gwendolyn:wght@400;700&display=swap');
  :root { --body-font: 'Noto Sans Cuneiform', 'Inter', 'Arial', sans-serif; 
    --header-height: clamp(10rem,55vmin,40rem);
    --header-image: url("https://scp-wiki.wikidot.com/local--files/where-there-is-desire-there-is-gonna-be-a-flame/Hege%20cropped.png");
  }
  #extra-div-1 {
      background-position: top;
  }

  Pages using this styling

  • dysthaumia-and-other-dirty-words [info]

  ¶ 1 occurrence
  

  :root {
      --header-title: "Disco Inferno"; 
      --header-subtitle: "what fresh hell is she writing";
  

  Pages using this styling

  • dyslexion-author-page [info]

  ¶ 1 occurrence
  

  .gray-image {
      filter: grayscale(100%);
  }
  
  .gray-image:hover {
      filter: none;
  }
  
  #page-content hr {
  border-top: none;
  height: .1em;
  background: #7b4b90;
  }
  

  Pages using this styling

  • dysadron [info]

  ¶ 1 occurrence
  

  
  .desktop-topper {display:initial;}
  .mobile-topper {display:none;}
  
  .desktop-topper a {color:#f00;}
  
  /* Penumbra tweaks */
  
  :root {
    --header-title: SCP Foundation";
    --lgurl: url("https://scp-wiki.wdfiles.com/local--files/theme:penumbra/tb.png");
    --accentColor:#f73636;
    --author-top-adjust:0.2rem;
  }
  
  body {
  background-image: linear-gradient( to bottom, var(--darkerColor), var(--darkerColor) 90px, var(--darkerColor) 90px, var(--darkColor) 200px, var(--darkColor) 200px, #393634 100%);
  }
  
  .page-rate-widget-box {
    box-shadow: 0px 3px 0px 0px var(--accentColor);
    position: relative;
    z-index: 2;
  }
  
  #page-content .authorlink-wrapper {
    margin-top: 0.2rem;
  }
  
  .authorlink-wrapper > a {
    width:inherit !important;
    text-align:center !important;
    margin:auto;
    color: #fff;
  }
  
  .mobile-topper .scp-image-block img {
    border: 0;
    width: 100vw;
    max-width: none;
    left: calc(-50vw + 50%);
    position: relative;
  }
  
  
  .scp-image-block.block-fullwidth {
    width: 100vw !important;
    max-width: none !important;
    position: relative;
    left: calc(-50vw + 50%);
    margin-top:-4.5rem;
  }
  
  @media (max-width: 600px) {
  
    .desktop-topper {display:none;}
    .mobile-topper {display:block;}
  }

  Pages using this styling

  • dust-in-the-wind [info]

  ¶ 1 occurrence
  

  
  .entry-list {
      margin: auto;
      display: grid;
      margin-block: .75rem;
      padding-inline-start: 1rem;
      padding: 2rem;
      background-color: #DEF3FD;
      box-shadow: 0 1px 6px rgba(0,0,0,.25);
      text-align: left;
      max-width: 85% !important;
  }
  
  .entry {
      padding: .1rem;
      transition: background-color .175s ease-out;
  }
  .entry:is(:hover,:focus-within) { background-color: rgb(var(--basalt-undertone),.175); }
  
  .entry .title {
      font-size: 1.125em;
  }
  .entry .title  p { margin: 0; }
  .entry .title :is(a,.entry-author) { font-weight: bold; font-style: normal; }
  
  .ranked-list .title {
      display: flex;
      justify-content: space-between;
  }
  
  .ranked-list .title .index {
     width: 2.5em;
     text-align: left;
  }
  
  .ranked-list .title .rating {
      margin-left: auto;
  }
  
  .description > :not(.preview) { display: none!important; }
  .description > .preview {
      display: block;
      padding-block: .125rem;
      font-size: .875em;
      text-align: start;
      margin-inline-start: 1.5rem;
  }
  .preview > p {
      margin-block: .55em;
  }
  .preview > p:first-child { margin-block-start: .25em; }
  .preview > p:last-child { margin-block-end: .25em; }
  
  .entry-list .entry::marker {
      content: "";
  }
  
  .entry .description {
      display: none;
      position: absolute;
      background: #E4E1D2;
      box-shadow: 6px 6px 0px rgba(0,0,0,.05),
          0 1px 6px rgba(0,0,0,.25);
      margin-right: -20px;
      pointer-events: none;
  }
  
  .entry .description .preview {
      margin-left: 0;
      margin: 0.5rem 1rem;
  }
  
  .entry:hover .description, .entry:active .description {
      display: block;
      animation-name: desc-bounce;
      animation-duration: 0.1s;
  }
  
  /* slop */
  
   #side-bar::before {
    content: "#slop-bar";
    position: static;
    width: 100%;
    text-align: center;
    height: max-content!important;
    direction: ltr;
  }
  
  #footer > a::before {
    content: "Wikislop.com";
    font-size: var(--footer-font-size);
  }
  
  #footer > a {
    font-size: 0;
  }
  
  #more-options-button::before {
    content: "+ Sloptions";
    font-size: calc(var(--true-font-size)*.875);
  }
  
  #more-options-button {
    font-size: 0;
  }

  Pages using this styling

  • dumbcon [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Comic+Relief:wght@400;700&family=Pixelify+Sans:wght@400..700&display=swap');
  @import url('https://fonts.googleapis.com/css?family=Short+Stack');
  
  :root {
    --logo: url(http://scp-sandbox-3.wikidot.com/local--files/collab:dumbcon/foundlogo);
    --header-font: 'Comic Sans MS';
    --UI-font: 'Comic Sans MS';
    --body-font: 'Comic Relief';
  }
  
  h1 {
      font-family: 'Comic Sans MS', 'Comic Sans', 'Short Stack', cursive;
      margin-top: 1.5em;
  }
  
  .collapsible-block-link {
      font-size: 1.2em;
      font-family: 'Comic Sans MS', 'Comic Sans', 'Short Stack', cursive;
  }
  
  p {
     font-family: 'Comic Relief';
  }
  tt {
    background-color: #eee;
    border-radius: 5px;
  }
  div.blockquote {
     max-width: 90% !important;
  }
  
  .queerframe {
    margin: 0px;
    padding: 0vmin;
  }
  
  .ad .image {
    display: block;
    margin: auto;
  }
  
  .footnotes-footer {
    display: none;
  }
  
  @media (max-width: 768px) {
    .ad .image {
      max-width: 100%;
    }
    div.blockquote {
     max-width: 100% !important;
    }
  }

  Pages using this styling

  • dumbcon [info]

  ¶ 1 occurrence
  

  
  #header h1 a, #header h2 span {
      font-family: 'Inter';
      font-weight: bold;
  }
  
  @media not all and (max-width: 767px) {
  #main-content {
      max-width: 47.25rem;
  }
  }
  
  :root {
      --light-accent: #d7003a;
      --dark-accent: #B30030;
      --hyperlink: #d7003a;
      --hyperlink-visited: #B30030;
  }
  
  div#container-wrap {
      background: url(https://scpdsandbox.wdfiles.com/local--files/niewidzialna-reka-wolnego-rynku/ar_bg.png) top left repeat-x;
  }
  
  #main-content {
      border-left: none;
  }
  
  #header {
      background-image: url(https://scp-wiki.wdfiles.com/local--files/drzewa-wolnosci/joicl.png);
  }
  
  @media (min-width: 980px) {
      #header {
          background-position: 1.8em 3.3em;
      }
  }
  
  #header::before {
      display: none;
  }
  
  #header h1 a::before {
      content: "JOICL";
  }
  
  #header h2 span::before {
      content: "Creating New Life";
  }
  
  #page-title {
    display: none;
  }
  
  @import url('https://fonts.googleapis.com/css?family=Cinzel');
  @import url('https://fonts.googleapis.com/css?family=Anton');
  @import url('https://fonts.googleapis.com/css?family=Pinyon+Script');
  @import url('https://fonts.googleapis.com/css?family=Lato:400,900|PT+Mono|Poppins:600,800');
  @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@900&family=Raleway:wght@700&family=Roboto:wght@900&display=swap');
  
  /*
      The Anton font was created by Vernon Adams and is licensed under the Open Font License
      The Cinzel font was created by Natanael Gama and is licensed under the Open Font License
      The Pinyon Script font was created by Nicole Fally and is licensed under the Open Font License
  */

  Pages using this styling

  • drzewa-wolnosci [info]

  ¶ 1 occurrence
  

  .page {
      display: block;
      overflow: hidden;
      font-family: "Courier New", sans-serif;
      font-style: normal;
      padding: 10px 10px;
      margin-bottom: 10px;
  
  }
  .page p,
  .page ul {
      line-height: 20px;
      margin: 0;
  }

  Pages using this styling

  • driving-on-black-ice [info]

  ¶ 1 occurrence
  

  :root {
      --header-gradient-color-bottom: 53, 94, 59;
      --footnotes-footer-num-color: 53, 94, 59;
      --link-color: 255, 255, 255;
      --visited-link-color: 255, 255, 255;
  }
  
  #page-content p {
      color: #ce4545;
  }
  
  .deeper {
      text-shadow: 1px 1px 1px #911c1c;
      color: red;
  }
  
  .greenLink a {
      color: green;
      text-shadow: 1px 1px 1px green;
      text-decoration: none;
      -webkit-text-decoration: none;
  }
  
  .blueLink a {
      color: #83A2C8;
      text-shadow: 1px 1px 1px #83A2C8;
      text-decoration: none;
      -webkit-text-decoration: none;
  }
  
  .whiteLink a{
      color: white;
      text-shadow: 1px 1px 1px white;
      text-decoration: none;
      -webkit-text-decoration: none;
  }
  
  #page-title {display: none;}

  Pages using this styling

  • dreams-of-crimson-and-azure [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css?family=Great+Vibes');
  
   .circus-welcome{
       margin-bottom: 10px;
       padding: 25px;
  
       color: #F7D667;
       background-color: #BD0C3C;
       border: solid 10px #600000;
  
       font-family: "Great Vibes", cursive;
       text-align: center;
  }
   .circus-welcome p{
       word-break: unset;
       line-height: 160%;
  }

  Pages using this styling

  • dread-circuses-hub [info]

  ¶ 1 occurrence
  

  :root {
      --backdrop: url(https://scp-wiki.wikidot.com/local--files/drapricus-author-page/sunshine);
  }
  
  /* FORKED FROM ADMONITION THEME */
  
  @supports not (-webkit-touch-callout: none) {
      @media only screen and (min-width: 1025px) {
      body {
      background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgb(var(--basalt-primary-color)) 25%, rgb(var(--basalt-primary-color)) 50%, rgb(var(--basalt-primary-color)) 75%, rgba(0, 0, 0, 0) 100%), var(--backdrop);
      background-size: cover;
      background-attachment: fixed;
      background-repeat: no-repeat;
      background-position: 100% 50%;
      }
      }
  }
  span.stretch {
      display:inline-block;
      -webkit-transform:scale(2,1); /* Safari and Chrome */
      -moz-transform:scale(2,1); /* Firefox */
      -ms-transform:scale(2,1); /* IE 9 */
      -o-transform:scale(2,1); /* Opera */
      transform:scale(2,1); /* W3C */
  }
  
  /* FORKED FROM AUTHOR PAGE TOOL */
  .au-preview{
   color:grey;
   display: inline-block;
   width: 95.5%;
   padding-left:2%;
   padding-right:2%;
   margin-bottom:2%;
   border: solid 2px rgb(200, 200, 200);
   transition: box-shadow 1s ease-out;
   background: #fff
  }
  .au-preview:hover{
   box-shadow: 0px 4px 10px 0 rgba(0, 0, 0, 0.19);
   transition: box-shadow 0.3s ease-out;
   border: solid 2px rgb(150, 150, 150);
   background: #fff url('https://scp-wiki.wdfiles.com/local--files/component%3Aauthor-page/scpf-seal.png') 80% 50% no-repeat;
  }
  .feature{
   color:grey;
   display: inline-block;
   width: 93%;
   padding-left:3%;
   padding-right:3%;
   border: solid 2px rgb(200, 200, 200);
   transition: box-shadow 1s ease-out;
   background: rgba(250, 251, 255, 0.9) url('') 100% 25% no-repeat;
  }
  .feature:hover{
   box-shadow: 0px 4px 10px 0 rgba(0, 0, 0, 0.19);
   transition: box-shadow 0.3s ease-out;
  }
  #page-options-container {
   background: transparent;
   position: relative;
   z-index: 10;
  }
  #action-area { position: relative; z-index: 20; }
  
  .block{
      border-right:solid 2px rgb(5,162,234);
      border-left:solid 2px rgb(5,162,234);
      background:#F1F1F1;
      width:100%;
      padding:1px 15px;
      margin: 10px auto;
  }

  Pages using this styling

  • drapricus-author-page [info]

  ¶ 1 occurrence
  

  :root {
       --header-title: "Department of Unreality";
       --header-subtitle: "Making the Unreal a ㅤㅤㅤㅤ";
       --lgurl: url('http://scp-wiki.wikidot.com/local--files/unreality-hub/Unreality%20Header%20Logo.svg');
  }
  
  :root {
  --min-font-size: 0.9375rem;
  --max-font-size: 0.9375rem;
  }
  
  #page-content p {
  text-align: justify;
  margin-top: .6em;
  margin-bottom: 1.35em;
  }
  
  #main-content hr {
  width:33%;
  border-bottom: 1px solid black;
  margin: auto;
  }
  
  .related-flex {
      display: flex;
      justify-content: center;
  }
  .related {
      box-shadow: 0px 0px 8px 4px rgba(0, 0, 0, 0.7);
      background: #191919;
      padding: 0 1em;
      margin: 1em 0;
  }
  
  div #page-title {
  display: none;
  }
  
  .licensebox p {
  display: block;
  text-align: left !important;
  }
  
  div.page-rate-widget-box .rate-points {
      background-color: white;
      border: none;
  }

  Pages using this styling

  • drama [info]

  ¶ 1 occurrence
  

  :root{
  --logo-image: var(--eventyr-bi);}
  
  .imagePad {
      min-height: 12em;
  @media only screen and (max-width: 600px) {
      display:none;
  }
  }
  
  #page-content > img{
  @media only screen and (max-width: 600px) {
      margin-top: 2em;
  }
  }
  
  #page-title {display: none;}

  Pages using this styling

  • dragandrabbits [info]

  ¶ 1 occurrence
  

  /*
      Green Theme
      [2025 Wikidot Theme]
      by Fish^12 & Queerious
  */
  
  @import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Wallpoet&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Black+Ops+One&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@300..700&display=swap');
  
  :root {
  --leaf: #9bbf60;
  --leafshade: #94bb55;
  --leaftrans: rgba(155, 191, 96, 0.9);
  --leafshadetrans: rgba(148, 187, 85, 0.9);
  --cream: #FCFBF4;
  --carbon: #333333;
  --woody: "Wallpoet";
  --standardfont: "Roboto Condensed";
  --title: "Black Ops One";
  --subtitle: "Quicksand";
  
  --header-title: "DRAFT SWAP 2025";
  --header-subtitle: "What will you get?";
  --sp_header-logo: none;
  
  --sp_header-height: 20rem;
  --sp_top-bar-height: 2rem;
  --sp_header-title-size: clamp(2.5rem, 1.974rem + 2.807vw, 4.5rem);
  --sp_header-subtitle-size: 1.3rem;
  
  --sp_top-bar-link-hover-background: var(--carbon);
  --sp_top-bar-link-hover-color: var(--leafshade);
  --sp_dropdown-link-color: var(--carbon);
  
  --sp_rate-module-background: var(--carbon);
  --sp_rate-module-text-color: var(--leaf);
  --sp_rate-module-button-color: var(--cream);
  --sp_rate-module-button-background: var(--carbon);
  --sp_rate-module-sub-color: var(--leaf);
  }
  
  .printuser {
      color: var(--carbon);
  }
  #login-status {
      padding-right: 12px;
  }
  #login-status a, #login-status ul a {
      color: var(--carbon);
  }
  #account-options {
      margin-right: 12px;
      text-align: center;
      border: none;
  }
  #search-top-box {
      align-items: flex-start;
      flex-direction: row-reverse;
      flex-wrap: wrap;
      padding: 8px 12px 0 0;
  }
  #search-top-box-form input[type=submit] {
      background-color: var(--carbon);
      background-image: none;
      color: var(--cream);
      box-shadow: none;
      border-color: var(--carbon);
      border-radius: 0;
      transition: 200ms;
      clip-path: polygon(8% 0, 92% 0, 100% 20%, 100% 80%, 92% 100%, 8% 100%, 0% 80%, 0% 20%);
  }
  #search-top-box-form input[type=submit]:hover {
      background-color: var(--carbon);
      background-image: none;
      color: var(--leaf);
      box-shadow: none;
      border-color: var(--carbon);
  }
  #header {
  grid-template-areas:
      ". . login login login"
      ". . . . search"
      "h1 h1 h1 h1 h1"
      "h2 h2 h2 h2 h2"
      ". . . . ."
      "top-bar top-bar top-bar top-bar top-bar";
      grid-template-columns: repeat(5, 1fr);
      background-image: repeating-conic-gradient(at 45% 100%, var(--leafshadetrans) 18deg, var(--leaftrans) 18deg 340deg, var(--leafshadetrans) 340deg 360deg), url(https://scp-wiki.wdfiles.com/local--files/uncle-nicolini-author-page/recycle.png);
      background-size: 100% 100%, 300px 300px;
      background-repeat: no-repeat;
      background-position: 50% 19%;
  }
  #header h1, #header h2 {
      text-align: center;
      padding-inline-start: 0;
  }
  #header h1 a, #header h2 span {
      font-family: var(--title);
      color: var(--carbon);
      text-shadow: none;
      font-weight: 100;
  }
  
  #top-bar {
      width: 100%;
      background-image: none;
      background-color: var(--carbon);
      position: relative;
  }
  #top-bar:before {
      position: absolute;
      content: "";
      bottom: 100%;
      right: 0;
      border-color: transparent transparent var(--carbon) transparent;
      border-width: 0 0 2em 98vw;
      border-style: solid;
  }
  #top-bar:after {
      position: absolute;
      content: "";
      top: 100%;
      left: 0;
      border-color: var(--carbon) transparent transparent transparent;
      border-width: 2em 98vw 0 0;
      border-style: solid;
  }
  #top-bar .open-menu a {
      border-color: var(--carbon);
      color: var(--carbon);
      background-color: var(--cream);
  }
  #top-bar ul li {
      flex-grow: 1;
  }
  #top-bar ul li a {
      transition: 200ms;
  }
  #top-bar div[class*="top-bar"] > ul {
      justify-content: center;
  }
  #side-bar .heading {
      color: #78c17a;
      border-color: #78c17a;
  }
  #side-bar .side-block.media, #side-bar .side-block.resources, #side-bar .side-block {
      background: var(--carbon);
      border: none;
      border-radius: 0;
      box-shadow: none;
  }
  #side-bar .side-block.media a, #side-bar .side-block.resources a, #side-bar .side-block a {
      color: var(--cream);
      transition: 200ms;
  }
  #side-bar .side-block.media a:hover, #side-bar .side-block.resources a:hover, #side-bar .side-block a:hover {
      color: var(--leaf);
      text-decoration: none;
  }
  #side-bar .side-block.media {
      clip-path: polygon(5% 0, 95% 0, 100% 20%, 100% 80%, 95% 100%, 5% 100%, 0% 80%, 0% 20%);
  }
  #side-bar .side-block.resources {
      clip-path: polygon(10% 0, 90% 0, 100% 20%, 100% 80%, 90% 100%, 10% 100%, 0% 80%, 0% 20%);
  }
  #side-bar .side-block {
      clip-path: polygon(12% 0, 88% 0, 100% 5%, 100% 95%, 88% 100%, 12% 100%, 0 95%, 0 5%);
  }
  
  #container {
      background-color: var(--cream);
  }
  #content-wrap {
      margin: 0;
      max-width: 100%;
      width: 100%;
  }
  #main-content {
      max-width:100%;
      width:100%;
  }
  #page-title {
      display: none;
  }
  .banner {
      background: var(--carbon);
      font-weight: bold;
      font-size: clamp(2.5rem, 1.974rem + 2.807vw, 4.5rem);
      text-align: center;
      color: var(--cream);
      font-family: var(--woody);
      position: relative;
      margin: 2em 0;
  }
  .banner:before {
      content: "";
      position: absolute;
      left: 50%;
      top: -99%;
      transform: translate(-50%, 50%);
      border-left: solid 3em transparent;
      border-right: solid 5em transparent;
      border-bottom: solid 1em var(--carbon);
  }
  .banner:after {
      content: "";
      position: absolute;
      left: 50%;
      top: 99%;
      transform: translate(-50%, 0%);
      border-left: solid 5em transparent;
      border-right: solid 3em transparent;
      border-top: solid 1em var(--carbon);
  }
  .greent {
      color: var(--leafshade);
  }
  .pseudomain{
      max-width: 800px;
      margin: auto;
      padding: 10px;
  }
  .calendar {
      display: grid;
      max-width: 280px;
      margin: auto;
      grid-template-columns: repeat(7, 1fr);
      position: relative;
  }
  .calendar:before {
      content: "MARCH";
      position: absolute;
      right: 100%;
      top: 1.6rem;
      height: 10rem;
      border-right: solid 10px rgba(0, 0, 255, 0.4);
      line-height: 10rem;
      padding-right: 5px;
  }
  .calendar:after{
      content: "APRIL";
      position: absolute;
      right: 100%;
      top: 10rem;
      height: 8.5rem;
      border-right: solid 10px rgba(255, 0, 0, 0.4);
      line-height: 8.5rem;
      padding-right: 5px;
  }
  .date {
      text-align: center;
  }
  .date p {
      margin-block-start: 2px;
      margin-block-end: 2px;
  }
  .days {
      background: #eee;
  }
  .prev {
      color: #bebebe;
  }
  .subperiod {
      background: lightgreen;
  }
  .writeperiod {
      background: #FFC18A;
  }
  
  #page-options-container {
      padding: 2em;
  }
  .page-watch-options a, .printuser a {
      color: #4a6741;
  }
  .btn {
      background: var(--carbon);
      color: var(--cream);
      transition: 200ms;
      clip-path: polygon(8% 0, 92% 0, 100% 20%, 100% 80%, 92% 100%, 8% 100%, 0% 80%, 0% 20%);
  }
  .btn:hover {
      background: var(--carbon);
      color: var(--leaf);
      text-decoration: none;
  }
  #page-info {
      margin-top: 200px;
  }
  #page-info, .page-watch-options, .page-options-bottom {
      text-align: center;
  }
  #footer {
      background: var(--carbon);
  }
  #footer a:hover {
      color: var(--leaf);
  }
  

  Pages using this styling

  • draftswap2025 [info]

  ¶ 1 occurrence
  

  #header {
      height: 140px;
      position: relative;
      z-index: 10;
      padding-bottom: 22px; /* FOR MENU */
      background: none;
      opacity: 0.8;
  }
   
  #header{
      background: url(null)
  }
  #header:before{
  display:block;
  position: absolute;
  width: 100px;
  height: 100px;
  top: 22%;
  left:2%;
  z-index: -1;
  content: "";
  background:url(https://scpsandbox2.wdfiles.com/local--files/collab%3Adraft-swap-hub/ogspin);
  background-repeat: no-repeat;
  background-size:100px 100px;
  background-position: 0px 0px;
  z-index: 201;
    animation: spinny1 4s ease infinite;
  }
  
  /* 
  CC BY-SA 3.0
  spinny
  ikr_4185
   */
  @keyframes spinny1 {
      0% {
        -webkit-transform: rotate(0deg) scale(1);
        transform: rotate(0deg) scale(1);
      }
      100% {
        -webkit-transform: rotate(360deg) scale(1);
        transform: rotate(360deg) scale(1);
      }
  } 
  
   
  #header:after{
  display:block;
  position: absolute;
  width: 100px;
  height: 100px;
  top: 22%;
  left:2%;
  z-index: -2;
  content: "";
  background:url(https://topia.wdfiles.com/local--files/niconews/spin2.png);
  background-repeat: no-repeat;
  background-size:100px 100px;
  background-position: 0px 0px;
  z-index: 200;
  }
  
  /* 
  CC BY-SA 3.0
  spinny
  ikr_4185
   */
  @keyframes spinny2 {
      0% {
        -webkit-transform: rotate(0deg) scale(1);
        transform: rotate(0deg) scale(1);
      }
      50% {
        -webkit-transform: rotate(60deg) scale(1);
        transform: rotate(60deg) scale(1);
        
      }
      100% {
        -webkit-transform: rotate(360deg) scale(1);
        transform: rotate(360deg) scale(1);
      }
  } 
  #header h1 a::before {
      content: "Draft Swap!";
      color: white;
  }
  #header h1 a span{
      display: block;
      content: "";
      visibility: hidden;
  }
  #header h2 span {
      display: block;
      margin: 0;
      padding: 19px 0;
      line-height: 0px;
      max-height: 0px;
      font-weight: bold;
      color: transparent;
      text-shadow: none;
  }
  #header h2 span::before {
      content: "Which will you get?";
      display: block;
      margin: 0;
      padding: 0px 0;
      line-height: 0px;
      max-height: 0px;
      font-weight: bold;
      color: #ffffff;
      text-shadow: 1px 1px 1px #000;
      text-shadow: 1px 1px 1px rgba(0,0,0,.8);
  
  #side-bar .side-block {
      padding: 10px;
      border: 3px double #9c3111;
      border-radius: 0;
      box-shadow: 0 2px 6px rgba(102,0,0,.5);
      background: #fff;
  }

  Pages using this styling

  • draft-swap-hub [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Comic+Neue:wght@700&display=swap');
  #page-content {
      font-family: 'Comic Neue', cursive;
  }

  Pages using this styling

  • dr-vikki-lost [info]

  ¶ 1 occurrence
  

  :root {
      --background: linear-gradient(0.25turn, #89928a, #cfcfcc , #89928a);
      /* A grey gradient */
      --pale-accent: 91,107,107;
      /* light grey, for visited links (an unvisited) */
      --bright-accent: 171, 186, 186;
      /* bright grey */
      --medium-accent: 118, 142, 142;
      /* medium/light grey - the "default" accent color */
      --dark-accent: 89, 99, 99;
      /* dark grey */
      --alt-accent: 118, 124, 124;
      /* light grey */
  }
  
  .box {
      position: relative;
      padding: 0.2em;
      margin: 0.5em;
      box-shadow: 2px 1.5px 1px rgba(107,127,126,0.6), 0 0 0px 1px lightgrey;
      overflow-wrap: break-word;
      color: black;
  }

  Pages using this styling

  • dr-moned-s-temporal-pocket-universe [info]

  ¶ 1 occurrence
  

  
  :root {
      --red: 45, 100, 44;
       --medium-accent: var(--red);
       --cutColour: #fafafa;
       --barColour: var(--red);
       --toggle-border-color: rgb(var(--red));
       --toggle-icon-color: rgb(var(--red));
       --mono-font: 'IBM Plex Mono', monospace;
       --dark-accent: var(--red);
       --barColour: var(--red);
       --bright-accent: var(--red);
  
       --link-color: 55, 122, 54;
       --visited-link-color: 45, 100, 44;
       --hover-link-color: 45, 100, 44;
  
      --logo-image: url("https://nu-scptheme.github.io/Black-Highlighter/img/logo.svg");
  
  --toggle-roundness: 0%;
  }
  
   #page-title{
       display: none;
  }
  
  .cut-up {
      background: #FAFAFA;
      box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
      width: 90%;
      margin-left: auto;
      margin-right: auto;
      padding: 0px 20px 0px 20px;
      word-break: break-word;
  }
  
  #page-content .info-container {
      --link-color: rgb(var(--swatch-text-general));
  }
  
  #page-content .info-container .collapsible-block-link,
  #page-content .info-container:hover .collapsible-block-link {
      line-height: 1.6em;
  }
  
  #page-content .info-container .collapsible-block-folded,
  #page-content .info-container .collapsible-block-unfolded-link {
      display: grid;
  }
  
  #page-content .info-container .collapsible-block-folded .collapsible-block-link,
  #page-content .info-container .collapsible-block-link {
      -webkit-mask: unset;
              mask: unset;
      background: transparent;
      grid-column: 1;
      grid-row: 1;
      opacity: 0;
  }
  
  #page-content .info-container .collapsible-block-folded::before,
  #page-content .info-container .collapsible-block-unfolded-link::before {
      --wght: 800;
      content: "ETC";
      color: #FFFFFF;
      font-family: Inter, Arimo, Verdana, Geneva, "Helvetica Neue", "Helvetica", Arial, sans-serif;;
      display: block;
      pointer-events: none;
      grid-column: 1;
      grid-row: 1;
      line-height: 2.75ex;
  }
  
  .info-container{
  --barColour: #2d642c
  }
  

  Pages using this styling

  • dr-kondraki-cut-up-while-thinking [info]

  ¶ 1 occurrence
  

  .earthworm--anth24 a {
    padding: 0 !important;
    margin: 0 !important;
  }

  Pages using this styling

  • dr-frueh-s-proposal [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&display=swap');
  
  :root {
      --logo-image: url("https://scptestwiki.wdfiles.com/local--files/secret%3Adunepage/troll.png");
      --header-title: " ";
      --header-subtitle: " ";
  
      --body-font: 'Roboto Condensed', Inter, sans-serif;
      --UI-font: 'Roboto Condensed', system-ui, sans-serif;
      --header-font: 'Roboto Condensed', sans-serif;
      --title-font: var(--header-font);
  
      --black-monochrome: 8, 4, 4;
      --white-monochrome: 248, 236, 228;
      --pale-gray-monochrome: 35, 12, 12;
      --light-pale-gray-monochrome: 235, 215, 208;
      --very-light-gray-monochrome: 205, 180, 172;
      --light-gray-monochrome: 155, 95, 82;
      --gray-monochrome: 80, 30, 22;
      --dark-gray-monochrome: 45, 12, 12;
  
      --pale-accent: 180, 20, 20;
      --bright-accent: 139, 0, 0;
      --medium-accent: 100, 10, 10;
      --dark-accent: 60, 5, 5;
      --alt-accent: 190, 80, 20;
  
      --swatch-primary: var(--bright-accent);
      --swatch-primary-darker: var(--medium-accent);
      --swatch-primary-darkest: var(--dark-accent);
      --swatch-border-color: var(--black-monochrome);
  
      --swatch-text-dark: var(--black-monochrome);
      --swatch-text-light: var(--white-monochrome);
      --swatch-text-general: var(--swatch-text-dark);
      --swatch-important-text: var(--bright-accent);
  
      --swatch-menubg-color: var(--white-monochrome);
      --swatch-menubg-light-color: var(--light-pale-gray-monochrome);
      --swatch-menubg-medium-color: var(--light-gray-monochrome);
      --swatch-menubg-medium-dark-color: var(--gray-monochrome);
      --swatch-menubg-dark-color: var(--dark-gray-monochrome);
      --swatch-menubg-black-color: var(--black-monochrome);
      --swatch-menubg-hover-color: var(--black-monochrome);
  
      --swatch-menutxt-dark-color: var(--black-monochrome);
      --swatch-menutxt-light-color: var(--white-monochrome);
      --swatch-menutxt-general-color: var(--swatch-menutxt-dark-color);
  
      --swatch-secondary-color: var(--swatch-menubg-light-color);
      --swatch-tertiary-color: var(--swatch-menubg-medium-color);
      --swatch-alternate-color: var(--swatch-menubg-dark-color);
  
      --swatch-text-secondary-color: var(--swatch-menutxt-light-color);
      --swatch-text-tertiary-color: var(--swatch-menutxt-dark-color);
  
      --swatch-background: var(--white-monochrome);
      --background-gradient-color: var(--very-light-gray-monochrome);
  
      --header-gradient-color-bottom: 139, 0, 0;
      --header-gradient-color-middle: 56, 0, 0;
      --header-gradient-color-top: 26, 0, 0;
  
      --gradient-header: linear-gradient(90deg,
          #8b0000 0%, #560000 1%, #9b0808 2%, #6a0000 3%, #780000 4%,
          #3a0000 5%, #8b0000 6%, #480000 7%, #9b0808 8%, #560000 9%,
          #780000 10%, #4a0000 11%, #8b0000 12%, #680000 13%, #980000 14%,
          #8b0000 15%, #560000 16%, #9b0808 17%, #6a0000 18%, #780000 19%,
          #3a0000 20%, #8b0000 21%, #480000 22%, #9b0808 23%, #560000 24%,
          #780000 25%, #4a0000 26%, #8b0000 27%, #680000 28%, #980000 29%,
          #8b0000 30%, #560000 31%, #9b0808 32%, #6a0000 33%, #780000 34%,
          #3a0000 35%, #8b0000 36%, #480000 37%, #9b0808 38%, #560000 39%,
          #780000 40%, #4a0000 41%, #8b0000 42%, #680000 43%, #980000 44%,
          #8b0000 45%, #560000 46%, #9b0808 47%, #6a0000 48%, #780000 49%,
          #3a0000 50%, #8b0000 51%, #480000 52%, #9b0808 53%, #560000 54%,
          #780000 55%, #4a0000 56%, #8b0000 57%, #680000 58%, #980000 59%,
          #8b0000 60%, #560000 61%, #9b0808 62%, #6a0000 63%, #780000 64%,
          #3a0000 65%, #8b0000 66%, #480000 67%, #9b0808 68%, #560000 69%,
          #780000 70%, #4a0000 71%, #8b0000 72%, #680000 73%, #980000 74%,
          #8b0000 75%, #560000 76%, #9b0808 77%, #6a0000 78%, #780000 79%,
          #3a0000 80%, #8b0000 81%, #480000 82%, #9b0808 83%, #560000 84%,
          #780000 85%, #4a0000 86%, #8b0000 87%, #680000 88%, #980000 89%,
          #8b0000 90%, #560000 91%, #9b0808 92%, #6a0000 93%, #780000 94%,
          #3a0000 95%, #8b0000 96%, #480000 97%, #9b0808 98%, #560000 99%,
          #780000 100%
      );
  
      --diagonal-stripes: none;
  
      --swatch-topmenu-bg-color: var(--swatch-menubg-medium-dark-color);
      --swatch-topmenu-border-color: var(--swatch-menubg-black-color);
  
      --link-color: var(--pale-accent);
      --visited-link-color: var(--swatch-primary-darkest);
      --hover-link-color: var(--swatch-primary);
      --newpage-color: var(--alt-accent);
  
      --ui-button-bg: var(--swatch-secondary-color);
      --ui-button-txt: var(--swatch-text-tertiary-color);
      --ui-button-hover-bg: var(--swatch-primary);
      --ui-button-hover-txt: var(--swatch-text-secondary-color);
      --ui-button-hover-outline: var(--swatch-primary);
  }
  
  #side-bar,
  #login-status,
  #search-top-box,
  div.open-menu,
  div.mobile-top-bar {
      z-index: 10000 !important;
  }
  
  div#container-wrap {
      background-image: none !important;
  }
  
  #edit-page-form textarea {
      background-color: #f8ece4 !important;
  }
  
  #action-area {
      background-color: rgb(var(--white-monochrome));
      padding: 2em 2em 1em !important;
  }
  
  #edit-page-textarea {
      background-color: rgb(var(--white-monochrome)) !important;
  }
  
  #page-title { display: none; }
  
  body::before,
  body::after {
      content: '';
      display: block;
      position: fixed;
      top: 0;
      height: 100%;
      width: 110px;
      z-index: 9999;
      pointer-events: none;
  }
  
  body::before {
      left: 0;
      background:
          linear-gradient(90deg,
              rgba(0,0,0,0.0) 0%,
              transparent 40%,
              rgba(0,0,0,0.6) 75%,
              rgba(0,0,0,0.95) 100%
          ),
          linear-gradient(90deg,
              #8b0000 0%, #560000 7%, #9b0808 13%, #6a0000 19%,
              #780000 25%, #3a0000 31%, #8b0000 37%, #480000 43%,
              #9b0808 49%, #560000 55%, #780000 61%, #4a0000 67%,
              #8b0000 73%, #680000 79%, #980000 85%, #560000 92%,
              #8b0000 100%
          );
  }
  
  body::after {
      right: 0;
      background:
          linear-gradient(90deg,
              rgba(0,0,0,0.95) 0%,
              rgba(0,0,0,0.6) 25%,
              transparent 60%,
              rgba(0,0,0,0.0) 100%
          ),
          linear-gradient(90deg,
              #8b0000 0%, #560000 7%, #9b0808 13%, #6a0000 19%,
              #780000 25%, #3a0000 31%, #8b0000 37%, #480000 43%,
              #9b0808 49%, #560000 55%, #780000 61%, #4a0000 67%,
              #8b0000 73%, #680000 79%, #980000 85%, #560000 92%,
              #8b0000 100%
          );
  }
  
  #content-wrap {
      background-color: #e6d8d4 !important;
      background-image:
          linear-gradient(90deg,
              rgba(0,0,0,0.97) 0%,
              rgba(0,0,0,0.85) 8%,
              rgba(0,0,0,0.4) 18%,
              transparent 30%,
              transparent 70%,
              rgba(0,0,0,0.4) 82%,
              rgba(0,0,0,0.85) 92%,
              rgba(0,0,0,0.97) 100%
          ),
          url("data:image/svg+xml,%3Csvg width='120' height='36' viewBox='0 0 40 12' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 6.172L6.172 0h5.656L0 11.828V6.172zm40 5.656L28.172 0h5.656L40 6.172v5.656zM6.172 12l12-12h3.656l12 12h-5.656L20 3.828 11.828 12H6.172zm12 0L20 10.172 21.828 12h-3.656z' fill='%23141414' fill-opacity='0.82' fill-rule='evenodd'/%3E%3C/svg%3E") !important;
  }
  
  .author-header {
      display: block;
      text-align: center;
      padding: 120px 40px;
      margin: 40px 10px;
      border-radius: 4px;
      background-image: url('https://scptestwiki.wdfiles.com/local--files/secret%3Adunepage/forest.png');
      background-size: cover;
      background-position: cover;
      box-shadow: 0 4px 40px rgba(0,0,0,0.9);
  }
  
  .category-header {
      display: block;
      text-align: center;
      padding: 10px 40px;
      margin: 40px 10px;
      border-radius: 4px;
      background-size: cover;
      background-position: top;
      box-shadow: 0 4px 40px rgba(0,0,0,0.9);
  }
  
  .bird { background-image: url('https://scptestwiki.wdfiles.com/local--files/secret%3Adunepage/bird2.png'); }
  .water { background-image: url('https://scptestwiki.wdfiles.com/local--files/secret%3Adunepage/wooderfall2.png'); }
  .metal { background-image: url('https://scptestwiki.wdfiles.com/local--files/secret%3Adunepage/metal.png'); }
  
  .author-name {
      display: block;
      font-family: "Roboto Condensed", sans-serif;
      font-size: 5.5rem;
      font-weight: 900;
      letter-spacing: 0.15em;
      text-transform: uppercase;
      color: #5b4841 !important;
      line-height: 1.1;
      margin-bottom: 0;
      text-shadow: none;
  }
  
  .author-header .author-name,
  .category-header .author-name {
      text-shadow:
          -2px -2px 0 #5cf076,
          2px -2px 0 #5cf076,
          -2px 2px 0 #5cf076,
          2px 2px 0 #5cf076,
          5px 5px 0px #111;
  }
  
  .category-name { font-size: 3.5rem; }
  
  .sub {
      font-size: 1.4rem;
      text-shadow: none;
      margin-bottom: -1.3em;
  }
  
  .author-header .sub {
      text-shadow:
          -0.5px -0.5px 0 #5cf076,
          0.5px -0.5px 0 #5cf076,
          -0.5px 0.5px 0 #5cf076,
          0.5px 0.5px 0 #5cf076,
          1.5px 1.5px 0px #111;
  }
  
  .author-rule {
      display: block;
      height: 1px;
      border: none;
      background: linear-gradient(90deg,
          transparent 0%,
          #2a6a2a 20%,
          #3dd63d 50%,
          #2a6a2a 80%,
          transparent 100%
      );
      margin: 22px auto;
  }
  
  .groot {
      display: grid;
      grid-template-columns: repeat(3, minmax(10px, 1fr));
      align-items: stretch;
      column-gap: 0.75rem;
      row-gap: 0.75rem;
      grid-auto-flow: dense;
      width: auto;
      max-width: 100vw !important;
      margin: 40px 10px;
  }
  
  .basic {
      position: relative;
      padding: 0;
      box-sizing: border-box;
      line-height: 1.3;
      z-index: 0;
      place-self: stretch;
      transition: all 200ms ease-in-out;
      height: auto;
      text-align: center;
      border: none;
      border-radius: 10px;
      display: flex;
      flex-direction: column;
      overflow: hidden;
      background: #2a1506;
      box-shadow: 0 4px 18px rgba(0,0,0,0.55), 0 2px 6px rgba(0,0,0,0.4);
  }
  
  .basic > p:first-child {
      margin: 0 !important;
      padding: 0 !important;
      line-height: 0 !important;
      font-size: 0 !important;
  }
  
  .basic-link {
      position: absolute;
      top: 0; left: 0; right: 0; bottom: 0;
      z-index: 5;
      display: block;
      font-size: 0;
      color: transparent;
      text-decoration: none;
  }
  
  .basic-img {
      display: block;
      width: 100%;
      height: 180px;
      margin: 0;
      padding: 0;
      background-size: cover;
      background-position: top;
      opacity: 1;
      transition: opacity 200ms ease-in-out;
      box-shadow: inset 0 8px 16px rgba(0,0,0,0.6), inset 0 -8px 16px rgba(0,0,0,0.5), inset 8px 0 16px rgba(0,0,0,0.3), inset -8px 0 16px rgba(0,0,0,0.3);
  }
  
  .basic:hover .basic-img {
      opacity: 1;
      transition: opacity 200ms ease-in-out;
  }
  
  .basic-plate {
      flex-grow: 1;
      display: flex;
      flex-direction: column;
      justify-content: center;
      padding: 10px 20px;
      background-color: #2a1506;
      background-image:
          linear-gradient(90deg,
              rgba(0,0,0,0.35) 0%, transparent 18%, transparent 82%, rgba(0,0,0,0.35) 100%
          ),
          linear-gradient(180deg,
              transparent 0px, transparent 3px,
              rgba(120,70,15,0.6) 3px, rgba(120,70,15,0.6) 5px,
              transparent 5px, transparent 8px,
              rgba(120,70,15,0.4) 8px, rgba(120,70,15,0.4) 10px,
              transparent 10px, transparent 13px,
              rgba(120,70,15,0.6) 13px, rgba(120,70,15,0.6) 15px,
              transparent 15px, transparent calc(100% - 15px),
              rgba(120,70,15,0.6) calc(100% - 15px), rgba(120,70,15,0.6) calc(100% - 13px),
              transparent calc(100% - 13px), transparent calc(100% - 10px),
              rgba(120,70,15,0.4) calc(100% - 10px), rgba(120,70,15,0.4) calc(100% - 8px),
              transparent calc(100% - 8px), transparent calc(100% - 5px),
              rgba(120,70,15,0.6) calc(100% - 5px), rgba(120,70,15,0.6) calc(100% - 3px),
              transparent calc(100% - 3px), transparent 100%
          );
      transition: background-color 200ms ease-in-out;
  }
  
  .basic:hover .basic-plate { background-color: #351a07; }
  .basic-num {
      display: block;
      font-family: Georgia, serif;
      font-size: 0.8rem;
      letter-spacing: 0.15em;
      color: #b8881e !important;
      margin-bottom: -1.2em;
      text-transform: uppercase;
  }
  
  .basic-title {
      display: block;
      font-family: Georgia, serif;
      font-size: 0.85rem;
      font-weight: bold;
      letter-spacing: 0.1em;
      color: #c8981e !important;
      text-transform: uppercase;
  }
  
  .basic:hover .basic-title {
      color: #ddb030 !important;
      transition: all 200ms ease-in-out;
  }
  
  @media only screen and (max-width: 600px) {
      #content-wrap {
          background-image:
              linear-gradient(90deg,
                  rgba(0,0,0,0.3) 0%, transparent 15%, transparent 85%, rgba(0,0,0,0.3) 100%
              ),
              url("data:image/svg+xml,%3Csvg width='120' height='36' viewBox='0 0 40 12' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 6.172L6.172 0h5.656L0 11.828V6.172zm40 5.656L28.172 0h5.656L40 6.172v5.656zM6.172 12l12-12h3.656l12 12h-5.656L20 3.828 11.828 12H6.172zm12 0L20 10.172 21.828 12h-3.656z' fill='%23141414' fill-opacity='0.82' fill-rule='evenodd'/%3E%3C/svg%3E") !important;
      }
  
      body::before, body::after { display: none; }
      .author-header { padding: 60px 20px; margin: 10px 5px; }
      .author-name { font-size: 2rem; letter-spacing: 0.05em; }
      .category-name { font-size: 1.4rem; }
      .sub { font-size: 0.85rem; letter-spacing: 0.1em; margin-bottom: -1em; }
      .category-header { padding: 10px 20px; margin: 10px 5px; }
      .groot {
          grid-template-columns: repeat(2, minmax(10px, 1fr));
          margin: 10px 5px;
          column-gap: 0.5rem;
          row-gap: 0.5rem;
      }
  
      .basic-img { height: 120px; background-position: top -30px center; }
      .basic-plate { padding: 6px 10px 8px; }
      .basic-num { font-size: 0.65rem; letter-spacing: 0.1em; margin-bottom: -1em; }
      .basic-title { font-size: 0.75rem; letter-spacing: 0.05em; }
  }

  Pages using this styling

  • dr-dune-s-personnel-file [info]

  ¶ 1 occurrence
  

  
  /*--------------------------------*/
  
  :root {
      --header-title: "Research Site-403";
      --fossil-header-slice-offset: calc(4.25rem + 3.5vw);
  }
  #page-title, .footnotes-footer { display: none; }
  
  #page-content h2 {
      margin-top: 2.125rem;
  }
  
  #page-content .c-wrap {
    container-name: intro;
    container-type: inline-size;
  }
  
  .start-p { margin-block-start: 1.625em; }
  .start-p > p:first-child::first-letter {
    margin: -0.325rem .325rem  -.1rem 0;
    font-size: 3.95lh;
    float: inline-start;
    line-height: .95;
  }
  
  div.aside {
      --_gap: .75rem;
      width: calc(170px + 12vw);
      max-width: min(30rem, 100%);
      box-sizing: border-box;
      float: inline-end;
      margin-block-start: 1.325rem;
      margin-inline: calc(var(--sp_area-min-margin)*.875);
  }
  .img-wrapper {
      overflow: hidden;
      border-radius: var(--fossil-radius);
      box-shadow: 0 0 .75rem rgb(var(--fossil-black)/.175);
      margin-block: calc(var(--_gap)*-4.5) -1.25rem;
      margin-inline: calc(var(--_gap)*-1);
      max-width: initial;
      transform: rotate(-12.25deg);
  }
  .img-wrapper img {
      transform: rotate(12.25deg) scale(1.175);
  }
  
  .aside .blockquote {
      position: relative;
      padding: .5rem 1.25rem;
      margin: 0;
      margin-block-end: .5rem;
      margin-inline-end: calc(var(--sp_area-min-margin)*-.875);
      text-align: center;
      max-width: initial;
      box-sizing: border-box;
      -webkit-backdrop-filter: blur(.175rem);
      backdrop-filter: blur(.175rem);
  }
  .aside .blockquote p { margin-block: .25em; }
  
  @container intro (max-width: 620px) {
   .opener {
      display: grid;
  }
  .meta-title { order: -1; }
  .start-p { margin-block-start: 0; }
  div.aside {
      float: none;
      margin-inline: auto;
      max-width: 100%;
      margin-block-start: 4.25rem;
  }
  .aside .blockquote {
      margin-inline: 0;
  }
  }
  
  .museum-display {
      display: grid;
      grid-template-columns: repeat(auto-fill, minmax(min(16.5rem, 100%), 1fr));
      grid-gap: 1.25rem;
      margin-block: 1.25rem;
  }
  .museum-display .entry {
      --_gap: .625rem;
      overflow: hidden;
      display: flex;
      flex-direction: column;
      align-items: center;
      padding: var(--_gap);
      gap: var(--_gap);
      background-color: rgb(var(--fossil-light)/.125);
      -webkit-backdrop-filter: blur(.15rem);
      backdrop-filter: blur(.15rem);
      box-shadow: 0 0 0.5rem rgb(var(--fossil-black)/.25);
      border-radius: var(--fossil-radius);
      text-align: center;
  }
  .museum-display .entry > img {
      max-height: 20rem;
      border-radius: calc(var(--fossil-radius) - var(--_gap) + .05rem);
  }
  .museum-display .entry > * { margin: 0; }
  
  #page-content :is(.collapsible-block-folded, .collapsible-block-unfolded-link) {
      text-align: center;
  }
  
  .yui-content h4 { text-align: center; }

  Pages using this styling

  • dr-dagons-curriculum-vitae [info]

  ¶ 1 occurrence
  

  :root {
      --sp_header-logo: var(--logo-1);
  
      --logo-1: url(https://scp-wiki.wikidot.com/local--files/dr-dagons-curriculum-vitae/DoS.png);
      --logo-2: url(https://scp-wiki.wikidot.com/local--files/dr-dagons-curriculum-vitae/DoP.png);
  }
  #header::before {
      margin-inline-end: calc(var(--sp_header-logo-adaptive-size) + 1rem);
  }
  #header::after {
      content: "";
      display: block;
      background: var(--logo-2) no-repeat center;
      background-size: contain;
      grid-row: 3 / 7;
      grid-column: 2 / 5;
      justify-self: end;
      margin-inline-end: 1rem;
      width: var(--sp_header-logo-adaptive-size);
  }
  
  @media screen and (max-width: 767px) {
  #header::before, #header::after {
      margin: 0; width: 50%;
  }
  #header::before {
      justify-self: start;
      background-position-x: right;
  }
  #header::after {
      grid-row: 3 / 4;
      grid-column: 2 / 3;
      justify-self: end;
      background-position-x: left;
  }

  Pages using this styling

  • dr-dagons-curriculum-vitae [info]

  ¶ 1 occurrence
  

  :root {
  --sp_header-height: 250px;
  }
  
  #extrac-div-1 { display: none; }
  #header {
      grid-template-rows: auto 2fr auto auto 1fr auto;
  }
  #header::before {
      align-self: center;
      mix-blend-mode: normal;
  }
  
  .blinking a {
    animation: blinker 2s linear infinite;
    color: #52EB34 !important;
  }
  
  @keyframes blinker {
    50% {
      opacity: 0;
    }
  }
  
  table.wiki-content-table :is(td) {
  
      background: black;
  }
  

  Pages using this styling

  • dr-cimmerian-s-proposal [info]

  ¶ 1 occurrence
  

  :root{ 
  --cutColour: #fafafa;
  --barColour: #590505;
  }
  
  .titledescription > :not(.titlepreview) { display: none!important; }
  .titledescription > .titlepreview {
      display: block;
      font-size: 1.0em;
      text-align: start;
  }
  
  .authordescription > :not(.coauthors) { display: none!important; }
  .authordescription > .coauthors {
      display: block;
      font-size: 1.0em;
      text-align: start;
  }
  
  .info-container .collapsible-block-folded a{
  color: #FFF;}
  .info-container .collapsible-block-unfolded-link a{
  color: #FFF;}
  
  .translation_block{
  display:none;}

  Pages using this styling

  • dr-cimmerian-s-personnel-file [info]

  ¶ 1 occurrence
  

  .excerpt {
    font-style: oblique;
    margin-left: 5%;
  }
  
  .excerpt em, .excerpt i {
    font-style: normal;
  }

  Pages using this styling

  • dr-adileh-khayyam-s-personnel-file [info]

  ¶ 1 occurrence
  

  
  .cd {
  font-family: "Microsoft Sans Serif";
  border: #DFDFDF outset 2px;
  background-color: #C0C0C0;
  color: black;
  color: #000;
  padding: 15px;
  }
  

  Pages using this styling

  • doubt-on-a-cd-rom [info]

  ¶ 1 occurrence
  

  
  hr {
      margin: 3em 2em;
  }
  
  #page-content .creditButton p a {
      color:#373737;
  }
  

  Pages using this styling

  • don-t-let-me-forget [info]

  ¶ 1 occurrence
  

  .b-wrap h2 {
      text-align: center;
  }
  
  .b-wrap p {
      text-align: justify;
  }

  Pages using this styling

  • dog-days [info]

  ¶ 1 occurrence
  

  :root {
    --accentColor: #C5B358;
  }
  }

  Pages using this styling

  • dodos-arts-and-crafts-corner [info]

  ¶ 1 occurrence
  

  :root {
       --logo-image: url("https://scp-wiki.wdfiles.com/local--files/theme%3Aredtape/midnightwhite.png");
      --header-title: "FAVOURS";
      --header-subtitle: "OF FORTUNA";
  
  /* Standard Colors */
      --white-monochrome: 252, 252, 252;
      /* white */
      --pale-gray-monochrome: 244, 244, 244;
      /* v light gray for blockquotes and stuff */
      --light-gray-monochrome: 170, 170, 170;
      /* light accent gray for login status */
      --gray-monochrome: 66, 66, 72;
      /* gray */
      --dark-gray-monochrome: 48, 48, 52;
      /* dark accent gray for sidebar background */
      --black-monochrome: 12, 12, 12;
      /* black */
      --pale-accent: 102, 87, 175;
      --bright-accent: 102, 87, 175;
      /* bright blue */
      --medium-accent: 48, 41, 122;
      /* pale blue */
      --dark-accent: 0, 0, 72;
      /* v pale blue */
      --newpage-color: 164, 194, 236;
  }
  
  #header::before {
      height: calc(100% - var(--topbar-height-on-desktop));
      aspect-ratio: 1;
      left: 50%;
      top: 0.3rem;
      background-image: url(https://scp-wiki.wikidot.com/local--files/dodos-7kollages/Scales.webp);
      background-size: contain;
      transform: translatex(-50%);
      filter: invert(1);
  }
  
  #header::after {
      content: "";
      display: block;
      position: absolute;
      background: white;
      opacity: 0.01;
      height: 25.5%;
      width: 0.5rem;
      bottom: 53%;
      left: calc(50% - 0.25rem);
      transform-origin: bottom center;
      transform: rotate(calc(360deg - 30deg * var(--minutes-to-midnight)/60));
  }
  
  #extra-div-3 {
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 10rem;
      background-image: url("https://scp-wiki.wdfiles.com/local--files/dodos-7kollages/purpletapes.png");
      background-size: 130%;
      background-position: center;
      background-repeat: repeat-x;
      pointer-events: none;
  }

  Pages using this styling

  • dodos-7kollages [info]

  ¶ 1 occurrence
  

  :root {
    --logo: url(http://scp-sandbox-3.wdfiles.com/local--files/dodo-gee/Whale-round.jpg);
    --title: "Dodo's";
    --subtitle: "Printing Press";
  }
  .custom2 .wiki-content-table {
      width: 100%;
  }

  Pages using this styling

  • dodo-s-printing-press [info]

  ¶ 1 occurrence
  

  :root {
    --logo: url(https://scp-wiki.wdfiles.com/local--files/dodo-s-den-of-declassified-delights/Whale-round2.png);
    --title: "Dodo's Den";
    --subtitle: "of Declassified Delights";
  }
  .table2 {
      --accentColor: rgb(40, 135, 189);
  }
  .custom2 .wiki-content-table {
      width: 100%;
  }
  .spinny img {
  animation: spin 25s cubic-bezier(1,1,1,1) infinite;
  }
  
  @keyframes spin {
  100% { transform: rotate(360deg); }
  }

  Pages using this styling

  • dodo-s-den-of-declassified-delights [info]

  ¶ 1 occurrence
  

  sup {
  vertical-align: top; position: relative; top: -0.5em;
  }
  :root{
  --cutColour: #fafafa;
  --barColour: #590505;
  }
  .translation_block{
  display:none;}
  
  #page-content .info-container {
      --link-color: rgb(var(--swatch-text-general));
  }
  
  #page-content .info-container .translation_block {
      display: none;
  }
  
  #page-content .info-container .collapsible-block-link,
  #page-content .info-container:hover .collapsible-block-link {
      line-height: 1.6em;
  }
  
  #page-content .info-container .collapsible-block-folded,
  #page-content .info-container .collapsible-block-unfolded-link {
      display: grid;
  }
  
  #page-content .info-container .collapsible-block-folded .collapsible-block-link,
  #page-content .info-container .collapsible-block-link {
      -webkit-mask: unset;
              mask: unset;
      background: transparent;
      grid-column: 1;
      grid-row: 1;
      opacity: 0;
  }
  
  #page-content .info-container .collapsible-block-folded::before,
  #page-content .info-container .collapsible-block-unfolded-link::before {
      --wght: 800;
      content: "Collaboration";
      color: #FFFFFF;
      font-family: Inter, Arimo, Verdana, Geneva, "Helvetica Neue", "Helvetica", Arial, sans-serif;;
      display: block;
      pointer-events: none;
      grid-column: 1;
      grid-row: 1;
  }

  Pages using this styling

  • document-3813-l [info]

  ¶ 1 occurrence
  

  body {
  background-image:linear-gradient(#f1f1f1, #dddddd, #232323);
  }

  Pages using this styling

  • doctor-muerte [info]

  ¶ 1 occurrence
  

  #page-content .collapsible-block {  
    max-width: 100%;
      /* text-align: center; */
  text-color: #FFFFFF;
  background-color: #5A0A76;
      border-color: #b01;
      border: solid 1px #b01;
  padding: 5px;
  margin: 5px;
  }
  .collapsible-block-content p {
      padding-left: 5px;
      padding-right: 5px;
      padding-bottom: 5px;
      padding-top: 5px;
  }
  .collapsible-block-content{
  text-align: left;
      padding-left: 10px;
      padding-right: 10px;
      padding-bottom: 5px;
      padding-top: 5px;
  }
  
  .collapsible-block-folded{
  text-align: center;
  color: black;
  }
  
  .collapsible-block-unfolded{
  text-align: center;
  background-color: #B0B0B0;
  }
  
  .collapsible-block-link{
  color:#FFFFFF;
  }
  

  Pages using this styling

  • doctor-fullham [info]

  ¶ 1 occurrence
  

   :root {
  --header-title: "Site-88";
  --header-subtitle: "Doctor Cimmerian's Culinary Corner";
  }

  Pages using this styling

  • doctor-cimmerian-cookbook [info]

  ¶ 1 occurrence
  

  :root {
   --header-title: "App. Thaumatology";
   --header-subtitle: "Create - Develop - Protect";
  }

  Pages using this styling

  • doat-orientation [info]

  ¶ 1 occurrence
  

  :root {
  --toggle-roundness: 0;
  }
  
  .email-example .collapsible-block-folded a.collapsible-block-link {
      animation: blink 0.8s ease-in-out infinite alternate;
  }
  @keyframes blink {
      0% { color: transparent; }
      50%, 100% { color: #b01; }
  }
  .email {border: solid 2px #000000; width: 88%; padding: 1px 15px; margin: 10px; box-shadow: 0 1px 3px rgba(0,0,0,.5)}
  .email-example a.collapsible-block-link {font-weight: bold;}
  .tofrom {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px maroon}

  Pages using this styling

  • doat-orientation [info]

  ¶ 1 occurrence
  

  div.email {
      border: solid 2px #A38800;
      box-shadow: 0 1px 3px rgba(0,0,0,.2);
      padding: 0 1em 0 3em;
      margin: 1em 3em;
      text-indent: -2em;
      background-image: url(http://scp-wiki.wdfiles.com/local--files/do-you-like-huey-lewis-and-the-news/ambrose-logo.png);
      background-size: 64px 64px;
      background-position: 95% .5em;
      background-repeat: no-repeat;
      background-color: #F5F2E4;
      color: #21003C;
  }
   
  div.email a {
      color: #A38800;
  }
  
  div.email a:visited {
      color: #524400;
  }
  
  div.email h5 {
      max-width: 85%;
  }
  
  div.email h2 span,
  div.email h5 span {
      word-break: unset;
  }
  
  @media (max-width: 479px) {
      div.email {
          margin: 1em 0;
      }
  
      div.email h2 {
          max-width: 80%;
      }
  }
   
  @media (min-width: 480px) and (max-width: 580px) {
      div.email {
          margin: 0.5em;
      }
  
      div.email h2 {
          max-width: 80%;
      }
  }

  Pages using this styling

  • do-you-like-huey-lewis-and-the-news [info]

  ¶ 1 occurrence
  

  
  /* Fix for weird sidebar */
  
  #side-bar {
      left: -20rem;
  }
  
  /* Breadcrumbs Fix */
   #breadcrumbs, .pseudocrumbs {
      margin-inline: 2rem;
  } 
  
  textarea#edit-page-textarea {
  width: 80% !important;
  margin: auto;
  display: block;
  }
  
  div#header {
      background: linear-gradient(180deg, #B4D5DF, transparent);
  
  }
  #header, #top-bar {
      width: 100%;
      max-width: none; 
      /* margin: 0 auto; */
  }
  
   
  #container {
  background: linear-gradient(180deg, transparent 30%, hsl(194 102% 7% / 1) 40%), linear-gradient(90deg, #CAD2D9 0%, #FFFFFF 50%, #CAD2D9 100%);
  }
  
  @media screen and (max-width: 600px) {
  
  #container {
  linear-gradient(180deg, transparent 30%, hsl(194 102% 7% / 1) 40%), linear-gradient(90deg, #e1e6ea 0%, #FFFFFF 50%, #e1e6ea 100%)
  }
  
  }
  
  
  .part1 {
  background: linear-gradient(90deg, #CDDFE4 0%, #FCFCFC 50%, #CDDFE4 100%);
  border-block: 1px solid transparent;
  }
  
  .part2 {
  background: linear-gradient(90deg, #508595 0%, #FCFCFC 50%, #508595 100%);
  border-block: 1px solid transparent;
  }
  
  .part3 {
  background: linear-gradient(180deg, transparent 98%, hsl(194 102% 7% / 1) 100%), linear-gradient(90deg, #082730 0%, hsl(194 71% 24% / 1) 50%, #082730 100%);
  border-top: 1px solid transparent;
  padding-bottom: 4rem;
  
  }
  
  #page-options-container {
      border-top: solid 1px white;
  padding-inline: 2rem;
  }
  
  #page-info {
      color: white;
  }
  
  .page-watch-options {
      color: white;
  }
  
  .page-watch-options a {
      text-decoration: underline;
      color: white;
  }
  
  .page-options-bottom a {
      color: #FFF;
      background: transparent;
      border-radius: 8px;
      border: 1px solid white;
  }
  
  .part-header {
  background: linear-gradient(90deg, #E6E6E6 0%, #FCFCFC 50%, #E5E5E5 100%);
  }
  
  .part-header {
      border-top: 2px solid #AAA;
  border-bottom: 2px solid #AAA;
      padding-block: 2rem;
      width: 100%;
  }
  
  #main-content {
      max-width: none !important;
  }
  
  #content-wrap {
      max-width: none !important; 
  }
  
  @media not all and (max-width: 767px) {
  #main-content {
      max-width: none !important;
  }
  }
  
  @media (max-width: 767px) {
      #main-content {
  margin: auto;
  }
  }
  
  #main-content {
      max-width: none !important; 
  }
  
  div.section {
  max-width: 40rem !important;
  background-color: white;
  padding: 1.5rem 2.5rem;
  background: #FCFBFC;
  box-shadow: 0px 1px 1.9px -4px rgba(0, 0, 0, 0.1), 0px 6px 15px -4px rgba(0, 0, 0, 0.2);
  margin: 2.5rem auto;
  box-sizing: border-box;
  position: relative;
  z-index: 2;
  width: 95%;
  } 
  
   @media screen and (max-width: 600px) {
  
  div.section {
  padding-inline: 1rem;
  width: 95%;
  }
  }
  
  
  .centerblock {
  text-align: center;
  padding-block: 4rem;
  }
  
  .final-centerblock {
  text-align: center;
  padding-top: 4rem;
  padding-bottom: 4rem;
  /* border-block: 2px solid black; */
  background: hsl(194 102% 7% / 1);
  }
  
  #page-content .final-centerblock a.collapsible-block-link {
  background: none !important;
  color: white !important;
  border: 1px solid white !important;
  }
  
  .final-centerblock .page-rate-widget-box {
  margin-top: 6rem;
  }
  
  .final-centerblock table.wiki-content-table {
      background: none;
  color: white;
  text-align: left;
  }
  
  .final-centerblock table.wiki-content-table th {
      background: none;
  color: white;
  text-align: right;
  }
  
  .final-centerblock table.wiki-content-table td a {
  color: white;
  text-align: left;
  text-decoration: underline;
  font-weight: bold;
  }
  
  #page-content .final-centerblock table.wiki-content-table td, #page-content .final-centerblock table.wiki-content-table tr, #page-content .final-centerblock table.wiki-content-table th {
  border: none;
  }
  
  span.title {
      font-family: var(--head-font), sans-serif;
      font-weight: 800;
      color: #3b3b3b;
      font-size: 2.5rem;
      max-width: 24.3rem;
      display: block;
      margin: 3rem auto 0.5rem;
  }
  
  .final-centerblock span.title {
  margin: 0rem auto 2rem;
  color: white;
  }
  
  span.title p {
  margin-block: 0px;
  }
  
  .time-indicator {
  margin-top: 1rem;
  }
  
  .time-indicator p {
  margin-block: 0px;
  }
  
  .custom .authorlink-wrapper > a::before, .custom .authorlink-wrapper > a::after {
      display: none;
  }
  
  .custom .authorlink-wrapper > a {
      display: block;
      width: max-content;
  margin-right: initial;
      margin: 0.25rem auto 1rem;
      font-size: 1rem;
  font-weight: bold;
  }
  
  .custom .authorlink-wrapper .authorbox::before {
      content: "";
      right: 48%;
  }
  
  .custom .authorlink-wrapper .authorbox {
      color: rgb(var(--swatch-text-general, 51,51,51));
      background-color: rgb(var(--swatch-background, 252,252,252));
      left: 50%;
      transform: translate(-50%, 0);
      width: 30em;
      max-width: 90vw;
  }
  
  .custom .authorcontent {
  text-align: left;
  }
  
  
  h1  {
      margin-block: 0px !important;
  }
  
  
  h1 span {
      font-size: 2rem;
  }
  
  h2 {
  margin-top: 1rem !important;
  }
  
  h2 span {
    /*  border-top: 2px solid #AAA;
      width: 100%;
      display: block;
      padding-top: 3rem; */
      font-size: 2rem;
  }
  
  hr {
  margin-block: 2rem;
  }
  
  #page-content a.collapsible-block-link:not(.licensebox a.collapsible-block-link, .info-container a.collapsible-block-link, .default-col a.collapsible-block-link) {
      text-decoration: none;
      font-weight: bold;
      color: black;
      padding: 0.5rem 1rem;
      background: white;
      border-radius: 8px;
      font-family: var(--ui-font);
      font-size: var(--base-font-size);
      border: 1px solid black;
      transition-duration: 0.4s;
      display: inline-block;
  box-shadow: none;
  font-size: 1.1rem;
  width: 15rem;
  margin-top: 0px;
  }
  
  #page-content a.collapsible-block-link:not(.licensebox a.collapsible-block-link, .info-container a.collapsible-block-link, .default-col a.collapsible-block-link):hover {
      background: black;
  color: white;
  box-shadow: none;
  }
  
  table {
      margin: 1rem auto !important;
      background-color: white;
  }
  
  #toc {
      border: none; 
      background-color: initial; 
      display: table;
  }
  
  .collapsible-block-unfolded-link {
      display: none;
  }
  
  #u-cast .collapsible-block-unfolded-link {
      display: block;
  }
  
  #page-content tr td {
      padding: 12px;
      border: none;
      border-radius: 8px;
      line-height: 1.4;
  }
  
  #page-content table:not(.final-centerblock table.wiki-content-table) {
  border: 1px solid black;
  border-radius: 8px;
  }
  
  #toc .title {
      padding: 0.5rem 0px;
     text-align: center;
  font-size: 1.2rem;
  /* margin-left: 1rem; */
  }
  
  #toc-list div a {
  color: rgb(var(--accent));
  }
  
  #toc-action-bar a {
      color: black;
      text-decoration: underline;
  }
  
  #toc a:hover {
  color: white;
      background-color: rgb(var(--accent));
  }
  
  #toc #toc-action-bar {
      padding: 0px; 
      border-bottom: 2px solid #bfbfbf;
      margin-bottom: 1rem;
  padding-block: 0.5rem;
      text-align: center;
  display: none;
  }
  
  #toc {
      border: none;
      background-color: initial;
      display: table;
      margin: 0px;
      padding: 0px;
  min-width: 15rem;
  }
  
  h1, h2, h3, h4, h5, h6 {
      text-align: center;
  margin-top: 2rem;
  }
  
  #main-content {
      max-width: 40rem;
  }
  
  :root {
  --base-font-size: 1rem;
  }
  
  .collapsible-block-folded {
      color: white;
      text-align: center;
      margin-bottom: 1rem;
  }
  
  div#u-authorlink p {
      margin-top: 0rem;
  margin-bottom: 0.5rem;
  font-size: 1.1rem;
  }
  
  div#u-authorlink a {
  font-weight: bold;
  font-size: 1.2rem;
  }
  
  
  /* BACK TO TOP BUTTON */ 
  
  .back-to-top {
  position: sticky;
  bottom: 1rem;
  z-index: 3;
  }
  
  .back-to-top p {
      text-align: right;
      padding-right: 1rem;
  }
  
   .back-to-top a {
      color: black;
      display: inline-block;
      width: fit-content;
      background-color: white;
      border-radius: 8px;
      padding: 0.25rem 0.5rem;
      border: 1px solid black;
  z-index: 3;
  } 
  
  
  
  @media screen and (max-width: 600px) {
  
  }
  

  Pages using this styling

  • do-not-go-gentle-into-that-shark-night [info]

  ¶ 1 occurrence
  

  sup { 
  vertical-align: top; position: relative; top: -0.5em; 
  }
  :root{ 
  --cutColour: #fafafa;
  --barColour: #590505;
  }
  
  .info-container .collapsible-block-folded a{
  color: #FFF;}
  .info-container .collapsible-block-unfolded-link a{
  color: #FFF;}
  #header h1 a::before {
      content: "djkaktus";
      color: #fff;
      text-shadow: 3px 3px 5px #000000;
  }
  #action-area-top {
      display: none;
  }
   
  #header h2 span::before {
      content: 'Workbench';
      color: #fff;
      text-shadow: 1px 1px 1px #000000;
      text-shadow: 1px 1px 1px rgba(0,0,0,.8);}
  }

  Pages using this styling

  • djkaktus-workbench [info]

  ¶ 1 occurrence
  

  @media screen and (max-width- 768px) {
      #header h1 a {
              font-size: 175%;
          }
  }
  /* Author Page Specific Styling */
  /* Author page specific */
  :root {
      --header-title: "DJKAKTUS";
      --header-subtitle: "The Based God";
      --borderColor: #FCEC87 !important;
      --bgBadgeColor: #25211A !important;
  }
  }
  
  sup {
      vertical-align: top;
      position: relative;
      top: -0.5em;
  }
  
  .scp-container {
      display: flex;
      flex-wrap: wrap;
      align-items: baseline;
  }
  
  .scp-container > p {
      display: none;
  }
  
  .scp-container > div {
      width: 98%;
      align-items: center;
      justify-content: center;
      margin: 1%;
  }
  div.scp-hover-box div.title > a, div.scp-hover-box div.sub-title > a {
      font-size: 150%;
  } 
  div.scp-hover-box div.blerb {
      font-size: 100%;
  }

  Pages using this styling

  • djkaktus [info]

  ¶ 1 occurrence
  

  .cycling {
      width:0;
      display: inline-flex;
      overflow: hidden;
      animation-name: cycle;
      animation-fill-mode: forwards;
      animation-iteration-count: infinite;
      animation-duration: 1s;
  }
  
  .cycling:nth-child(2) { animation-delay: 0.16666s;}
  .cycling:nth-child(3) { animation-delay: 0.33333s;}
  .cycling:nth-child(4) { animation-delay: 0.5s;}
  .cycling:nth-child(5) { animation-delay: 0.66666s;}
  .cycling:nth-child(6) { animation-delay: 0.83333s;}
  @keyframes cycle{
    0% { width:auto }
    16.6% { width:auto }
    16.7% { width:0 }
    100% { width:0 }
  }
  
  
  .meta-title {
    border-bottom: solid 1px #bbbbbb;
    color: #990011;
    font-weight: normal;
    margin: 0 0 0.6em;
    padding: 0 0 0.25em;
    font-size: 200%;
  }
  .meta-title p {
    margin: 0;
  }
  
  

  Pages using this styling

  • divine-intervention [info]

  ¶ 1 occurrence
  

  
  /* QUOTE DIVS */
  
  div.pangloss-note{
         border: solid 1px #112211;
         background-color: #FFF;
         color: #000;
         padding-top: 0.5em;
         padding-left: 1em;
         padding-right: 1em;
         padding-bottom: 0.5em;
         margin-top: 0.5em;
         margin-left: 3em;
         margin-right: 3em;
         margin-bottom: 0.5em;
  }
  
  .pangloss-note a:link {
      color: #BB0720;
  }
  
  .pangloss-note a:visited {
          color: #823F3F;
  }
  

  Pages using this styling

  • divine-dossier [info]

  ¶ 1 occurrence
  

  
  @import url('https://fonts.googleapis.com/css2?family=Yellowtail&display=swap');
  
  @import url('https://fonts.googleapis.com/css2?family=Lilita+One&display=swap');
  

  Pages using this styling

  • divide-et-impera [info]

  ¶ 1 occurrence
  

  
  #page-content table :is(tr,td) {
      padding: 0.5em;
  }
  

  Pages using this styling

  • discord-critique-flights-guide [info]

  ¶ 1 occurrence
  

  
  @import url('https://fonts.googleapis.com/css2?family=Charm:wght@400;700&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Henny+Penny&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Emilys+Candy&display=swap');
  @import url('https://fonts.googleapis.com/css?family=Berkshire+Swash&display=swap');
  @import url('https://fonts.googleapis.com/css?family=Sansita&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Chelsea+Market&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Fontdiner+Swanky&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400..700&display=swap');
  
  .email {border: solid 2px #000000; width: 88%; padding: 1px 15px; margin: auto; box-shadow: 0 1px 3px rgba(0,0,0,.5); background-color: #F5F5F0; color: black; font-family: "Sansita";}
  .email-example a.collapsible-block-link {font-weight: bold;}
  .tofrom {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px #9538a5;font-family: "Emilys Candy"}
  .tofrom2 {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px #9538a5; font-family: "Emilys Candy"}
  
  a, a.newpage, a:visited, #interwiki a, #side-bar a {
      color: royalblue;
  }
  
  .bemail {border: solid 2px #000000; width: 88%; padding: 1px 15px; margin: auto; box-shadow: 0 1px 3px rgba(0,0,0,.5); background-color: #F5F5F0; color: black; font-family: "Helvetica";}
  .email-example a.collapsible-block-link {font-weight: bold;}
  .btofrom {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px royalblue;font-family: "Helvetica"}
  .btofrom2 {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px royalblue; font-family: "Helvetica"}
  
  .fancytext {
  font-family:"EB Garamond";
  font-size:120%;
  }
  
  
  
  #header-extra-div-1, #header-extra-div-2, #header-extra-div-3 {
      -webkit-mask-image: linear-gradient(to bottom, rgba(0,0,0,1) 50%, rgba(0,0,0,0));
      mask-image: linear-gradient(to bottom, rgba(0,0,0,1) 50%, rgba(0,0,0,0));
      background-repeat: repeat;
      height: 270px;
      width: 99.4vw;
      position: absolute;
      left: calc((-100vw + 100%)/2);
      z-index: 2;
      pointer-events: none;
  }
   
  /* ---- SNOWFALL, adapted from https://github.com/elena-in-code/Css-Snow-Fall-Animation ---- */
   
  #header-extra-div-1 {
      background-image: url('https://scp-wiki.wdfiles.com/local--files/theme%3Axmas/sn2.png');
      background-size: 230px;
      animation: snowOne 83s infinite linear;
      filter: blur(1.3px);
  }
  #header-extra-div-2 {
      background-image: url('https://scp-wiki.wdfiles.com/local--files/theme%3Axmas/sn.png');
      background-size: 370px;
      animation: snowTwo 39s infinite linear;
      filter: blur(0.4px);
  }
  #header-extra-div-3 {
      background: url('https://scp-wiki.wdfiles.com/local--files/theme%3Axmas/sn.png');
      background-size: 720px;
      animation: snowThree 21s infinite linear;
      filter: blur(2.4px);
  }
  
  @keyframes snowOne{
      0%
      {
       background-position: 0px 0px;
              opacity: 0;
      }
      10%
      {
              opacity: 0.6;
      }
      90%
      {
              opacity: 0.5;
       }
      100%
      {
       background-position: 100px 750px;
       opacity:0;
      }
  }
  @keyframes snowTwo{
      0%
      {
       background-position: 0px -100px;
       opacity: 0;
      }
      8%
      {
              opacity: 0.74;
      }
      90%
      {
              opacity: 0.65;
       }
      100%
      {
       background-position: -50px 700px;
       opacity: 0;
      }
  }
  @keyframes snowThree{
      0%
      {
       background-position: 0px 100px;
       opacity: 0;
      }
      13%
      {
              opacity: 0.9;
      }
      91%
      {
              opacity: 0.8;
      }
      100%
      {
       background-position: 240px 750px;
       opacity: 0;
      }
  }
  

  Pages using this styling

  • dirty-hands-clean-image [info]

  ¶ 1 occurrence
  

  :root {
    --header-title: "DUPLICATIVE";
    --header-subtitle: "Power in Numbers";
    --lgurl: url("http://smlt.wdfiles.com/local--files/drgooday%3Aduplicative-hub/dna_white_translucent.png");
    --accentColor: #d3d3d3;
  }

  Pages using this styling

  • dirty-deeds-done-dirt-cheap [info]

  ¶ 1 occurrence
  

  :root {
   --borderColor: (#C70000);
   --bgBadgeColor: (#21252E);
  }

  Pages using this styling

  • direthan-author-page [info]

  ¶ 1 occurrence
  

  
  .clearance-required .collapsible-block-folded {
      margin-bottom: 800px;
  }
  

  Pages using this styling

  • director-bold-s-proposal-j [info]

  ¶ 1 occurrence
  

  :root {
   --borderColor: (6535ff);
   --bgBadgeColor: (000000);
  }

  Pages using this styling

  • dinodraws-author-page [info]

  ¶ 1 occurrence
  

  .art-container {
      display: flex;
      flex-wrap: wrap;
      align-content: center;
      justify-content: space-around;
      align-self: flex-end
      gap: 1rem 1rem;
  }
  .art-container .art {
      flex: 0 1 200px;
      text-align: center;
      padding-bottom: 1rem;
      padding-left: 1rem;
      padding-right: 1rem;
  }
  
  .art-container .art .image-container {
      padding: 0;
      min-height: 100%;
      max-width: 100%;
  }
  
  div.blockquote.classic.curved.hovered {
  z-index: 2;
  transition: transform .16s;
  }
  
  div.blockquote.classic.curved.hovered:is(:hover,:focus-within) {
  transform: scale(1.2);
  z-index: 3;
  filter: drop-shadow(0px 1px 10px #6535ff);
  }
  
  .scptitle {
  font-weight: 700;
  font-size: 150%;
  }
  

  Pages using this styling

  • dinodraws-author-page [info]

  ¶ 1 occurrence
  

   #page-content a {
     --accentColor: #00bff3;
     --accentColorLite: #80e3ff;
  }

  Pages using this styling

  • dinodraws-author-page [info]

  ¶ 1 occurrence
  

  :root {
    --accentColor: #6535ff;
    --accentColorLite: #00bff3;
    --lgurl: url(https://i.imgur.com/yBYVr7r.png);
  
    /* -- TITLES -- */
       --header-title: "DINO--DRAWS'";
       --header-subtitle: "BULLSHITTERY EMPORIUM";
       --subtitleColor: hsl(101, 53, 255)
  }

  Pages using this styling

  • dinodraws-author-page [info]

  ¶ 1 occurrence
  

  
  
  /*
      Infinite Riches Theme
      [2025 Wikidot Theme]
      by Fish^12
  */
  
  @import url('https://fonts.googleapis.com/css?family=EB+Garamond:500&display=swap');
  
  /* Root & Sigma+ */
   
  :root {
      --royalblue: #0b1926;
      --navyblue: #193855;
  
  .fancytext {
  font-family:"EB Garamond";
  font-size:120%;
  }
  
  .poem {
      width: 50%;
      margin: auto;
      padding: 15px;
      color: #ffffff;
      border: solid 2.5px #efd67a;
      background-image: linear-gradient(10deg, var(--royalblue), var(--navyblue));
      font-family: EB+Garamond;
  

  Pages using this styling

  • dinner-and-a-show [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=DM+Sans&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Shippori+Mincho&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Ovo&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+New&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Kode+Mono:wght@400..700&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Work+Sans:ital,wght@0,100..900;1,100..900&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Tilt+Neon&display=swap');
  @import url('https://scp-wiki.wdfiles.com/local--files/digital-daemon-revival/stylesheet.css');
  
  :root {
     --title:"nightfall++";
     --subtitle:"「夕暮れの新時代」";
     --logo: url('https://scp-wiki.wdfiles.com/local--files/digital-daemon-revival/moon-red.svg');
  
     --header-font-primary: 'Shippori Mincho';
     --body-font-primary: 'DM Sans';
     --UI-font-primary: 'Ovo';
     --jp-font: 'Zen Kaku Gothic New';
     --mono-font-primary: 'Kode Mono';
  
     --bright-red: 195, 18, 18;
     --light-red: 234, 31, 31;
     --night-blue: 13, 11, 19;
     --dusk-blue: 23, 20, 35;
     --moon-purple: 210, 190, 227;
     --bone-white: 190, 185, 196;
     --sun-yellow: 207, 169, 33;
  
     --title-size: 1.55rem;
     --subtitle-size: 0.925rem;
  
     --main-content-width: 55.5rem;
  
     --basalt-primary-color: 13, 11, 19;
     --basalt-secondary-color: 23, 20, 35;
     --basalt-secondary-alt-color: 35, 20, 20;
     --basalt-tertiary-color: 47, 41, 74;
     --basalt-quaternary-color: 61, 62, 66;
     --basalt-main-text-color: 190, 185, 196;
     --basalt-dark-text-color: 12, 12, 13;
  
     --general-border-color: 47, 48, 54;
     --general-border-color-blue: 55, 32, 102;
     --general-border-color-light: 125, 112, 140;
  
     --basalt-bright-element-color: 195, 18, 18;
     --basalt-alternate-color: 195, 18, 18;
     --basalt-mid-element-color: 170, 15, 15;
     --basalt-dark-element-color: 207, 169, 33;
     --basalt-darker-element-color: 61, 15, 15;
  
     --basalt-positive-color: 8, 120, 39;
     --basalt-negative-color: 163, 15, 15;
  
     --header-title-color: var(--basalt-bright-element-color);
     --header-subtitle-color: var(--basalt-bright-element-color);
  
     --title-border-color: 195, 18, 18;
  
     --basalt-UI-dark-palette: 64, 17, 17;
     --basalt-UI-dark-palette-alt: 34, 17, 64;
  
     --basalt-background-color-light: 23, 19, 33;
     --hr-color: var(--basalt-darker-element-color);
  
     --top-bar-link-background-hover: var(--basalt-bright-element-color);
     --top-bar-dropdown-link-color-hover: var(--basalt-dark-text-color);
     --top-bar-dropdown-background: var(--basalt-secondary-alt-color);
  
     --side-bar-link-color-hover: var(--basalt-dark-text-color);
     --side-bar-heading-background-color: var(--basalt-UI-dark-palette-alt);
  
     --login-status-text-color-hover: var(--basalt-dark-text-color);
  
     --link-visited-color: var(--basalt-mid-element-color);
     --link-newpage-color: 235, 0, 0;
     --link-color: 196, 16, 16;
  
     --rate-module-background-color: var(--basalt-quaternary-color);
  
     --scrollbar-thumb-color: var(--basalt-darker-element-color);
     --scrollbar-track-color: 24, 17, 38;
  
     --selection-text-color: var(--basalt-dark-text-color);
     --selection-background-color: var(--basalt-bright-element-color);
  
     --document-background-color: 253, 253, 253;
  }
  
  
  #header h1 a span::before {
     margin: 6px auto 0px;
     text-shadow: 0em 0.1em 0em black, 0em 0em 0.6em #D10A0A;
  }
  
  #header h1 a span::after {
     margin: 0px auto 6px;
     font-family: var(--jp-font);
     text-shadow: 0em 0.15em 0em black;
  }
  
  #page-title, .meta-title {
     border-bottom: solid 0.15rem rgba(var(--title-border-color), 0.8);
     color: rgba(var(--bright-red), 0.75);
     text-shadow: 0em 0em 0.4em #D10A0A;
     mix-blend-mode: lighten;
  }
  
  .meta-title {
     font-family: var(--jp-font);
     font-size: 3em;
  }
  
  hr {
     margin-inline: 0em;
     margin-block: 0.75rem;
  }
  
  div.page-rate-widget-box, div.rate-box-with-credit-button { font-family: 'Ovo'; }
  
  div.page-rate-widget-box span.btn>a {
     border-bottom: solid .05em rgb(var(--general-border-color-light));
  }
  
  * { scrollbar-width: auto; }
  ::-webkit-scrollbar { width: 1rem; }
  
  body {
     background-color: rgb(var(--basalt-background-color-light));
     background-image: url('https://scp-wiki.wdfiles.com/local--files/digital-daemon-revival/noise-20.png'),
                       linear-gradient(to bottom, #171423 0%, #0D0B13 50%, #0D0B13 100%);
     background-repeat: repeat;
     background-attachment: fixed;
  }
  
  div[id*=page-options-bottom]>a {
     border-bottom: solid .05em rgb(var(--general-border-color-blue));
  }
  
  #more-options-button:is(:hover, :focus) {
     background-color: rgb(var(--general-border-color-blue));
  }
  
  #page-info, #main-content>.page-tags>span {
     font-family: var(--mono-font);
     font-size: 1em;
  }
  
  #page-content { mix-blend-mode: lighten; }
  
  h3, h4, h5, h6 {
     margin-bottom: -0.3em;
  }
  
  p {
     margin: 0.6em 0em 0.6em;
  }
  
  div.document { font-family: 'Work Sans'; }
  
  .smtitle {
     font-family: 'SixEightZeroNineChargen-Regular', serif;
     font-size: 3.5em;
     font-weight: 400;
     margin: 1.3em 0em 1em;
     color: #CFA921;   
     text-shadow: 0em 0em 0.7em #DBB52A;
  }

  Pages using this styling

  • digital-daemon-revival [info]

  ¶ 1 occurrence
  

  .footnoteref{
  color: #f4a6cb;
  }
  .danke{
  padding: 5px 5px 5px 15px;
  margin-bottom:10px;
  width: 100%;
  font-family: monospace;
  font-size: 1.1em; }
  
  .agent{
  background-color:#f9edf5;
  border: 3px solid #f4a6cb;
  color: #f469ac;
  }
  
  .site{
  background-color:#f9edf5;
  border: 3px solid #AAAA55;
  color: #f469ac;
  }

  Pages using this styling

  • dianas-spectacular-not-really-art-hub [info]

  ¶ 1 occurrence
  

  @import url(https://scp-wiki.wikidot.com/component:wondertainmenttheme/code/1);

  Pages using this styling

  • dianas-spectacular-not-really-art-hub [info]

  ¶ 1 occurrence
  

  
  @import url('https://fonts.googleapis.com/css2?family=Pixelify+Sans:wght@400..700&display=swap');
  
  @import url('https://fonts.googleapis.com/css?family=EB+Garamond:500&display=swap');
  
  @import url('https://fonts.googleapis.com/css2?family=Quintessential&display=swap');
  
  @import url('https://fonts.googleapis.com/css2?family=Charm:wght@400;700&display=swap'); 
  :root {
      --logo-image: url("https://scp-wiki.wdfiles.com/local--files/theme:memoria/TitleLogo.png");
      --header-title: "ADYTUM";
      --header-subtitle: "Change Is Nature Of The Flesh";
  }
  .meta-title {
    color: #000000;
    font-weight: normal;
    margin: 0 0 0.6em;
    padding: 0 0 0.25em;
    font-size: 200%;
  }
  .meta-title p {
    margin: 0;
  }
  
  .prophecy {
  font-family:'Quintessential';
  font-size: 15px;
  }
  
  .pixeltext {
  font-family:'pixelify sans';
  font-size:120%;
  }
  
  .flesh {
  font-family:"EB Garamond";
  font-size:120%;
  }
  
  .maxwellism {
  font-family: "Microsoft Sans Serif";
  border: #DFDFDF outset 2px;
  background-color: #C0C0C0;
  color: black;
  color: #000;
  padding: 25px;
  }
  
  .page {
      display: block;
      overflow: hidden;
      font-style: normal;
      line-height: 1.2;
      background-attachment: scroll;
      background-clip: border-box;
      background-color: white;
      background-image: linear-gradient(to top ,rgb(255, 255, 255) 45%, rgb(255, 255, 255) 8%);
      background-origin: padding-box;
      background-position: 0px 8px;
      background-repeat: repeat;
      background-size: 100% 20px;
      border: 1px solid #CCC;
      padding: 15px 15px;
      margin-bottom: 10px;
      box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2)
  }
  .page p,
  .page ul {
      line-height: 20px;
      margin: 0;
  }
  
  .lettertext {
  font-family:"Charm";
  font-size:15px;
  }
  
  .papernote {
      background-image: url("https://scp-sandbox-3.wikidot.com/local--files/thopter-publicdomaincon/ivory-paper.jpg");
      background-repeat: repeat;
      background-color: #eaeeef;
      color: #21252E !important;
      padding: 0.1rem 0.5rem 0.5rem 0.5rem;
      box-shadow: 1px 1px 3px 2px rgb(0 0 0 / 30%);
      margin: 2em auto;
      display: block;
      overflow: hidden;
      height: fit-content;
  }
  
   .type1 {
          display: block;
          overflow: hidden;
          font-style: normal;
          color: rgb(57, 0, 0);
   
          background-attachment: scroll;
          background: url('https://scp-wiki.wdfiles.com/local--files/theme:memoria/textback.jpg');
   
          background-clip: border-box;
          background-color: rgb(222, 222, 222);
          background-origin: padding-box;
          background-repeat: repeat;
          background-size: 100%;
   
          
          padding: 10px 10px;
          margin-bottom: 10px;
   
          box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2)
      }
  
   .type2 {
          display: block;
          overflow: hidden;
          font-style: normal;
          color: rgb(57, 0, 0);
   
          background-attachment: scroll;
          background: url('https://upload.wikimedia.org/wikipedia/commons/thumb/4/47/Kraft_tileable_1024x1024.png/600px-Kraft_tileable_1024x1024.png');
   
          background-clip: border-box;
          background-color: rgb(222, 222, 222);
          background-origin: padding-box;
          background-repeat: repeat;
          background-size: 100%;
   
          
          padding: 10px 10px;
          margin-bottom: 10px;
   
          box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2)
      }
  

  Pages using this styling

  • dial-up-internet-to-flesh-made-wonders [info]

  ¶ 1 occurrence
  

  
  /* _   _                 _            */
  /*| | | | __ _ _   _  __| | ___ _ __  */
  /*| |_| |/ _` | | | |/ _` |/ _ \ '_ \ */
  /*|  _  | (_| | |_| | (_| |  __/ | | |*/
  /*|_| |_|\__,_|\__, |\__,_|\___|_| |_|*/
  /*             |___/                  */
  
  #page-title {
      display: none;
  }
  
  #main-content {
      max-width: 100%;
  }
  
  .astillo a img {
    background-image: none!important;
  }
  
  .astillo a:last-child {
    display: none;
  }
  
  .astillo {
    width: 20%;
    position: relative;
    aspect-ratio: 1;
  }
  
  .astillo :is(a, .printuser, p) {
    display: block;
    height: 100%;
    width: 100%;
    margin: 0;
    position: absolute;
    top: 0; left: 0;
  }
  
  .astillo a img.small {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0; left: 0;
    padding: 0;
  }
  
  textarea {
      font-family: monospace;
  }
  
  .divider {
      height: 3px;
      background-color: #ffedb9;
      width: 100%;
  }
  
  .topbox {
    display: flex;
  }
  
  .username {
    flex-grow: 1;
    font-size: 2rem;
    margin-top: 1rem;
    flex-basis: 100%;
    margin-left: 1rem;
  }
  
  .username .printuser a::before {
    content: "USER:";
  }
  
  .user-info {
    display: flex;
    flex-wrap: wrap;
    font-size: 1rem;
  }
  
  .info-item {
    flex-basis: 50%;
    height: max-content;
  }
  
  .full-width {
      flex-basis: 100%;
  }
  
  .yui-navset .yui-nav {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  
  .yui-navset .yui-nav li {
    display: flex;
    align-content: center;
    justify-content: center;
    flex-wrap: wrap;
    font-size: 1.2rem;
    margin: 0;
  }
  
  div.yui-navset ul.yui-nav a em, div.yui-navset ul.yui-nav {
    border: 0;
  }
  
  div.yui-navset ul.yui-nav a {
    border: solid 4px #aaa;
    background-color: grey;
    border-bottom-color: #555;
    border-right-color: #555;
    color: black;
    font-weight: bold;
  }
  
  div.yui-navset div.yui-content {
    border: 0;
    margin-top: 1rem;
    background: 0;
  }
  
  div.yui-navset ul.yui-nav .selected a, div.yui-navset ul.yui-nav .selected a:is(:hover, :focus, :active) {
    border-width: 4px;
  }
  
  
  div.yui-navset ul.yui-nav a:is(:hover, :active, :focus) {
    background-color: grey;
    border-color: #555;
    border-bottom-color: #aaa;
    border-right-color: #aaa;
  }
  
  .post {
    width: 80%;
    margin: 1rem auto;
    border: solid 2px #555;
    padding: 0 1rem;
    background-color: #242424;
  }
  
  .post .title {
    font-size: 1.4rem;
    color: #ffff80;
  }
  
  .post .date {
    font-family: "monospace", monospace;
    opacity: 0.6;
    text-align: right;
    font-size: 0.8rem;
  }
  
  .yui-navset .yui-nav .selected a em {
    padding: 0.25em .75em;
  }
  .yui-navset .yui-nav .selected {
    margin: 0;
  }
  
  #top-bar .open-menu a {
    border: solid 4px #aaa;
    border-radius: 0;
    border-bottom-color: #555;
    border-right-color: #555;
    background-color: grey;
    color: black;
    font-weight: bold;
  }
  
  #top-bar .open-menu a:hover {
    border-color: #555;
    border-bottom-color: #aaa;
    border-right-color: #aaa;
  }
  
  .odate {
    display: block;
  }
  
  @media (max-width: 1077px) {
      .astillo { display: none;}
      .username{margin: 1rem; font-size: 1.5rem;}
      .yui-navset .yui-nav li {font-size: 0.8rem;}
      div[style*="font-size: 2rem;"] {font-size: 1.5rem!important;}
  }
  

  Pages using this styling

  • dfastillo-author-page [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Kavivanar&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Long+Cang&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Loved+by+the+King&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Qwitcher+Grypen:wght@700&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Schoolbell&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=La+Belle+Aurore&display=swap');
  
  :root {
      --header-title:"Orlando";
      --header-subtitle:"An Extended Biography";
      --logo-image: url("https://scp-sandbox-3.wdfiles.com/local--files/queerlando-theme/quill_shadow.png");
  }
  
  #header h1 a:before {
      font-size: clamp(3rem, 24vw, 6rem);
  }
  
  #header h2 span::before {
      font-size: 1.3em;
      padding-top: 0.5em;
      margin-left: -0.5em;
      text-shadow: 0.125rem 0.125rem 0 rgb(79 79 79);
  }
  
  #page-title {
      font-family: "La Belle Aurore", cursive;
      margin-left: 0.5em;
      z-index: 2;
  }
  
  #page-title::after {
      top: calc(80%) !important;
      margin-left: -0.5em;
      z-index: -1;
  }
  
  .hrPad {
      background-image: url("https://scp-sandbox-3.wdfiles.com/local--files/letters-from-orlando/jasmine.png");
      background-size: initial;
      background-repeat: no-repeat;
      background-position: center;
      min-width: 100%;
      height: 2.5em;
      margin: 1em auto;
  }
  
  .storybook {
       background-image: url( https://scp-wiki.wikidot.com/local--files/scp-8166/paper-min%5B1%5D.png);
       padding:1em 2em;
       font-size: 105%;
       border: 2px solid black;
  }
  
  /*ANNABELLE*/
  .handAnna {
      font-family: 'Long Cang', fantasy;
      font-size: 140%;
      line-height: 1.4em;
  }
  
  /*ORLANDO*/
  .handOrlando {
      font-family: "La Belle Aurore", cursive;
      font-size: 125%;
  }
  
  /*FORMAL*/
  .hand3 {
      font-family: 'Qwitcher Grypen', cursive;
      font-size: 180%;
  }
  
  /*CHILD*/
  .handChild {
      font-family: 'Schoolbell', cursive;
  }
  
  /* FADE OUT CODE BY JEZIXO */
  .fade-out {
    -webkit-mask-image: linear-gradient(to bottom, black 0%, rgba(0,0,0,0.5) 60%, transparent 82%);
    mask-image: linear-gradient(to bottom, black 0%, rgba(0,0,0,0.5) 60%, transparent 82%);
      margin-bottom: -6em;
  }
  
  /* Radian Conditional Collapsibles Code */
  body:has(.fontSwap .collapsible-block-unfolded[style="display: block;"]),
  body:has(.fontSwap .collapsible-block-unfolded[style=""]) {
      .storybook {
      font-family: serif !important;
      }
  }
  

  Pages using this styling

  • devotedly-yours [info]

  ¶ 1 occurrence
  

  
  @import url('https://fonts.googleapis.com/css?family=Pacifico');
  
  table.wiki-content-table {
      width: 100%;
  }
  
  .center-header {
      font-size: 150%;
      display: block;
      width: 100%;
      height: 1em;
      font-weight: 900;
      text-align: center;
      border-bottom: 1px dotted currentColor;
      padding-bottom: 0.25em;
  }
  
  .item-table {
      font-size: 1em;
      width: 90%;
      text-align: center;
      border-collapse: collapse;
      margin: 1.250em auto;
  }
  
  .table-header td {
      font-size: 1.1em;
      font-weight: 900;
      background: #b9c9fe;
      border-top: 0.250rem solid #aabcfe;
      border-bottom: 0.0625rem solid #fff;
      color: #039;
      text-align: center;
  }
  
  .item-table td {
      background: #e8edff;
      border-bottom: 0.125rem solid #fff;
      border-right: 0.0625rem solid #fff;
      border-top: 0.125rem solid transparent;
      border-left: 0.0625rem solid transparent;
      color: #669;
      padding: 0.5em;
  }
  
  .item-table  ul {
      padding-inline-start: 1.5em;
  }
  
  .item-table td:nth-of-type(1), 
  .item-table td:nth-of-type(2) {
      text-align: center;
  }
  
  div:nth-child(19) > div.collapsible-block-unfolded > div.collapsible-block-content > table:nth-child(2) > tbody > tr > td:nth-child(1) {
      width: 60%;
  }
  
  div:nth-child(19) > div.collapsible-block-unfolded > div.collapsible-block-content > table:nth-child(2) > tbody > tr > td:nth-child(2) {
      text-align: left;
  }
  
  #page-content > .collapsible-block {
      display: block;
      text-align: center;
      padding: 0.75em;
      background-color: lightgrey;
      border-top: 0.125rem dashed slategrey;
      border-bottom: 0.125rem dashed slategrey;
  }
  
  #page-content > .collapsible-block .collapsible-block-content {
      text-align: left;
  }
  
  div:nth-child(19) > div.collapsible-block-unfolded > div.collapsible-block-content th {
      text-align: center;
  }
  
  #page-content > div:nth-child(19) > div.collapsible-block-unfolded > div.collapsible-block-content > table:nth-child(3) > tbody > tr:nth-child(3) > td:nth-child(2) {
      color: darkred;
      background-color: rgba(193,31,32,0.25);
      text-align: center;
      width: 25%;
  }
  
  #page-content > div:nth-child(19) > div.collapsible-block-unfolded > div.collapsible-block-content > table:nth-child(1) > tbody > tr:nth-child(3) > td:nth-child(2),
  #page-content > div:nth-child(19) > div.collapsible-block-unfolded > div.collapsible-block-content > table:nth-child(2) > tbody > tr:nth-child(3) > td:nth-child(2),
  #page-content > div:nth-child(19) > div.collapsible-block-unfolded > div.collapsible-block-content > table:nth-child(4) > tbody > tr:nth-child(3) > td:nth-child(2) {
      color: darkgreen;
      background-color: rgba(90,137,32,0.25);
      text-align: center;
      width: 25%;
  }

  Pages using this styling

  • devons-den [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.bunny.net/css?family=Architects+Daughter&display=swap');
  
  :root {
    --cv11: 1;
  }
  
  .page {
      display: block;
      overflow: hidden;
      font-family: 'Architects Daughter', cursive;
      font-style: normal;
  
      background-attachment: scroll;
      background-clip: border-box;
      background-color: transparent;
      background-image: linear-gradient(to top ,rgb(92, 176, 232) 0%, rgb(255, 248, 228) 8%);
      background-origin: padding-box;
      background-position: 0px 8px;
      background-repeat: repeat;
      background-size: 100% 20px;
  
      border: 1px solid #CCC;
      border-radius: 10px;
      padding: 10px 10px;
      margin-bottom: 10px;
  
      box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2)
      }
  .page p {
      line-height: 20px;
      margin: 0;
      font-size: 150%
  }
  
  .yui-navset .yui-content > div {
      display: block;
      top: 0;
      overflow: hidden;
      transform-origin: 0 0;
  }
  #page-content .yui-navset .yui-content > div[style*="none"] {
      display: block !important;
      flex: 0;
      max-height: 0;
      padding: 0 0.5em;
      border-width: 0;
      /* The following transition affects the one that DISAPPEARS */
      transition: padding 0s linear 0.5s,
            border-width 0s linear 0.5s,
            flex 0.5s cubic-bezier(.18,.51,.54,.9) 0s;
      animation: tab-disappear 0.5s ease-in-out 0s 1 both;
  }
  #page-content .yui-navset .yui-content > div[style*="block"] {
      display: block !important;
      flex: 1;
      max-height: 9999rem;
      /* The following transition affects the one that APPEARS */
      transition: padding 0s linear 0.5s,
            border-width 0s linear 0.5s,
            flex 0.5s cubic-bezier(.18,.51,.54,.9) 0.5s;
      animation: tab-appear 0.5s ease-in-out 0.5s 1 both;
  }
   
  @keyframes tab-disappear {
      0% { max-height: 9999rem; }
      1% { max-height: 100vh; }
      100% { max-height: 0; }
  }
  @keyframes tab-appear {
      0% { max-height: 0; }
      99% { max-height: 100vh; }
      100% { max-height: 9999rem; }
  }
  

  Pages using this styling

  • desk-of-junior-designer-s-yvonne [info]

  ¶ 1 occurrence
  

  
  div#header h1 a:before {
   content: " ";
   color: #eee;

  Pages using this styling

  • desired-to-become-wise [info]

  ¶ 1 occurrence
  

  .hover {
  }
  .hover:hover {
       text-decoration: none;
      border-bottom: none;
  }
  
  .hover span {    display: none;}
  .hover:hover span {
      position: absolute;
      display: inline;
      margin: 20px -50px;
      height: auto;
      width: 320px;
      background: #FFF5EE;
      border: 1px solid #CC5500;
      color: #000;
      padding: 1em;
  }
  .hover:hover span span {
      position: relative;
      margin: auto;
      height: auto;
      width: auto;
      border: none;
      padding: 0;
  }

  Pages using this styling

  • der-legendaere-zauberstab-von-morgan-le-fay [info]

  ¶ 1 occurrence
  

   :root {
      --accentColor: hsl(195, 81%, 51%);
      --accentColorLite: hsla(195, 81%, 61%, .5);
      --hue: 195deg;
      --lgurl: url(https://scp-wiki.wdfiles.com/local--files/component:pride-highlighter/tg_logo_blk.svg);
  
      --header-subtitle: "SYNERGIZE - COLLABORATE - PROPOSE";
  }
  
  /* Flopstyle DARK override: make strong text not appear as links */
  strong { color: inherit }
  
   #extra-div-1 {
      filter: opacity(.2);
  }
  
   #page-content table.wiki-content-table {
      margin: 0 auto;
  }
  
   #page-content table.wiki-content-table tr td {
      border-color: var(--accentColorLite);
  }
  
   #page-content table.wiki-content-table tr td:nth-child(1) {
      font-size: 1.05rem;
      font-weight: bold;
      text-align: center;
  }
  
   #page-content div table {
      overflow-x: auto;
  }
  
   .modal {
      margin: 1rem 0;
  
      color: var(--textColorMid);
      background: var(--fgColor);
      border: 7px solid var(--accentColorLite);
  }
  
   .modal .collapsible-block-folded,
   .modal .collapsible-block-unfolded-link {
      margin: 0 auto;
      padding: 1.6rem;
  }
  
   @media (min-width: 768px) {
       #main-content {
      	max-width: 75%;
      }
  
       .modal .collapsible-block-link {
      	font-size: 1.55rem;
      }
  }

  Pages using this styling

  • departments-complete-list [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.bunny.net/css2?family=Zen+Kaku+Gothic+Antique:wght@300;400;500;700;900&display=swap');
  @import url('https://fonts.bunny.net/css2?family=Poppins:wght@700&display=swap');
  
  .delet_this {
  font-family:"Zen Kaku Gothic Antique", sans-serif;
  }
  .delet_this a {
  color: #dd7711 !important;
  }
  .st {
  font-family: 'Poppins', sans-serif;
  }
  .antimemetic .antimeme-fader {
      opacity: 0;
      transition-duration: 2s;
  }
  .antimemetic:hover .antimeme-fader {
      opacity: 100;
  }
  
  #page-content .brass-plaque {
       font-size: min(calc(0.45rem + 2.75vw), 1.625rem);
       font-weight: bold;
       font-family: "Times New Roman", Times, serif;
       font-style: normal;
       font-variant: small-caps;
       color: #5e431e;
       text-align: center;
       text-shadow: #d4c59c 0 -1px 0, #d4c59c 0 2px 1px;
       display: flex;
       align-items: center;
       justify-content: center;
       overflow: hidden;
       margin: 0 auto;
       padding: 1vw;
       box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.1);
       border-radius: 0.1em;
       background-image: linear-gradient(90deg, #dbc374 0%, #c4ad6c 70%);
  }

  Pages using this styling

  • departments [info]

  ¶ 1 occurrence
  

  :root {
      --header-title: "THE DEPARTMENT OF";
      --header-subtitle: "PURGATORIAL SPACES";
      --link-txt-color: rgb(var(--accent));
      --logo-img: url("");
  }
  
  #header h2::before {
      text-transform: capitalize;
      font-style: italic;
  }
  
  .notation {
      border-width: 4px;
      width: 75%;
      margin: auto;
      border-color: rgb(var(--accent));
      text-align: justify;
  }
  
  .separation {
      margin: 1ex 15%;
      padding: 0;
      border-top: 0.2rem solid #275495;
      display: block;
  }
  
  .president, .al-fine, .vanguard {
      width: 85%;
      margin: auto;
      padding: 15px;
      box-shadow: 0 1px 3px rgba(0,0,0,.2);
  }
  
  .president {
      border: solid 2.5px #b30030;
      outline: solid 2.5px #0a0037;
      outline-offset: 2px;
  }
  
  .al-fine {
      border: solid 4px #275495;
      background: #F2F7FB url('https://scp-wiki.wdfiles.com/local--files/theme%3Agoc/goc-fade.png') center no-repeat;
  }
  
  .vanguard {
      background: #21252E;
      color: #EDEDED;
      border: solid 4px #5c3;
  }
  
  div.blockquote {
      padding-right: 2rem;
      padding-top: 1rem;
      border-right: solid 7px rgb(var(--accent)) !important;
      margin: 1em 1.75em;
  }
  
  .blockquote .image-container {
      padding: 0em;
  }
  
  .characters {
      margin-top: -1em;
      margin-bottom: 1em;
      margin-left: 15px;
      margin-right: 10px;
  }
  
  .characters-top {
      display: flex;
      flex-flow: row nowrap;
      align-items: center;
      gap: 16px;
  }
  
  .bar {
      width: 12px;
      height: 85px;
  }
  
  .characters-info {
      flex-grow: 1;
  }
  
  .characters-info p {
      line-height: 200%;
  }
  
  .bio {
      margin-top: -20px;
  }
  
  .goc {
      --color: #5f95e6;
  }
  
  .us {
      --color: #404d7e;
  }
  
  .joicl {
      --color: #d7003a;
  }
  
  .phoenix {
      --color: #d68300;
  }
  
  .mcd {
      --color: #8c148c;
  }
  
  .van {
      --color: #4b2;
  }
  
  .bar {
      background-color: var(--color);
  }

  Pages using this styling

  • department-of-purgatorial-spaces-hub [info]

  ¶ 1 occurrence
  

  :root {
      --header-title: " ";
      --header-subtitle: " ";
  }
   
  div#extra-div-1 {
      background-image: url('https://scp-wiki.wdfiles.com/local--files/theme%3Ablack-market/mcdpride.png');
       height: 120px;
  }

  Pages using this styling

  • deny-defend-depose [info]

  ¶ 1 occurrence
  

  .quote-block{
      border: 3px #999;
      background-color: #333;
      padding: .25em 1em;
      margin-bottom: 1em;
  }
  .blue-block{
      border: 10px #000000;
      background-color: #0e63be;
      padding: .25em 1em;
      margin-bottom: 1em;
      width: 85%;
  }
  .scene-block{
      border: 3px double #999;
      background-color: #fffff;
      padding: .25em 1em;
      margin-bottom: 1em;
  }

  Pages using this styling

  • demasqed [info]

  ¶ 1 occurrence
  

  /*
      Powered on 2023/04/13 19:40:38
      [2023 Wikidot Theme]
      Created by initializerCOX
      CC BY-SA 3.0
  */
  /* HEADER */
   :root{
      --header-subtitle:"Support·Classify·Protect";
  }

  Pages using this styling

  • demarcaters-of-the-edge-center [info]

  ¶ 1 occurrence
  

  .page { background: #fff; border: 1px solid #000; font-family: monospace; padding: 0.5rem 1rem; }
  .dblock {color: black;}

  Pages using this styling

  • delta-wave [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+Antique:wght@300;400;500;700;900&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@700&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Spline+Sans:wght@400;700&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap');
  .blockquote, div.blockquote {border: none; background-color: transparent;}
  div.authorlink-wrapper{margin-top: var(--author-top-adjust, .2em) !important;}
  
  #page-content > div.scp-image-block.block-center, #page-content > div.scp-image-block.block-center img {
  height: 400px !important;
  }
  .fncon {
  background: var(--basalt-secondary-color);
  color: var(--basalt-alternate-color);
  }
  .fncon::before {
  background-color:var(--basalt-alternate-color);
  
  }
  :root {
  --header-logo: url('https://scp-wiki.wdfiles.com/local--files/scp-6768/dept.png');
  --title:"R.S. MNEMOSYNE";
  --subtitle:"DEPARTMENT OF DELETIONS";
  --sidesubtitle: "DELETIONS";
  --sidelogo: url('https://scp-wiki.wdfiles.com/local--files/scp-6768/dept.png');
  --header-font-primary: 'Poppins';
  --body-font-primary: 'Zen Kaku Gothic Antique', sans-serif;
  --ACS-font: var(--body-font-primary);
  --five-color: 224, 107, 136;
  --basalt-undertone: 18, 18, 18;
  --swatch-menubg-black-color: 10,10,10;
  --general-border-color: 18, 18, 18;
  --swatch-menutxt-dark-color: 69, 69, 69;
  --UI-font-primary: 'Poppins';
  --basalt-main-text-color: 224, 219, 220 ;
  --selection-background-color: 197, 119, 41;
  --link-color: var(--basalt-alternate-color);
  --link-visited-color: var(--basalt-alternate-color);
  --basalt-bright-element-color: var(--basalt-alternate-color);
  --tilesize: 100;
  --vector-orange: var(--basalt-alternate-color);
  --hr-color: 0, 0, 0;
  }
  #page-content :is(h3,h4,h5,h6) > span, blockquote, div.blockquote { border-width: 0;  font-size: .9em !important;}
  
  
  
  ::-webkit-scrollbar-thumb {
  background-color:rgb(var(--basalt-alternate-color));
  
  }
  #page-title, .meta-title {
  border: none !important;
  text-align: center;
  }
  
  #page-content .widetable .wiki-content-table {
      width: 100%;
      font-size: 1.5em;
  }
  #header h1 a span {
      filter: brightness(180%);
      filter: contrast(180%);
  }
  
  .a {
  padding-right:3px;
  text-align:right;
  } 
  .b {
  opacity:90%;
  display:block;
  margin:4px;
  }
  .c {
  background-color: rgb(55, 55, 55);
  max-width:30rem !important;
  border-radius:6px 6px 2px 2px;
  display:block;
  margin:0 auto;
  margin-bottom: 15px;
  }
  .d, .e {
  padding:5px;
  
  }
  .d {
  margin:15px;
  }
  .e {
  border: 1px solid black;
  margin: 30px;
  background-color: #606060;
  padding-left:12px;
  }
  body {
  background-color: #000000;
  background-attachment: fixed;
  
  }
  .yui-navset.yui-navset-top .yui-content {
  
  border: none;
  }
  a {
  font-family: var(--header-font-primary);
  }
  
  .row {
    display: flex;
    flex-wrap: wrap;
    padding: 0 4px;
  }
  .ep {padding:1rem;}
  .column {
    flex: 24%;
    max-width: 24%;
    padding: 0 4px;
  }
  
  .column img {
    margin-top: 8px;
    vertical-align: middle;
    width: 100%;
  }
  .twocolumn {
      flex: 100%;
      max-width: 100%;
      margin-top: 8px;
  }
  .ep h5 {letter-spacing: 1em;}
  .ep h5 a {letter-spacing: 3px;}
  .rec h5 {letter-spacing: 5px;}
  .rec h5 a {letter-spacing: 3px;}
  @media screen and (min-width: 801px) {
  .epimg {width:200px;height:200px;float:right; margin: auto;}
  .colimg:hover {
    transform: scale(2); 
  }
  .colimgsm:hover {
    transform: scale(1.5); 
  }
  .colimglg:hover {
    transform: scale(3); 
  }
  h5 {font-size:1.4em;}
  
  }
  
  
  @media screen and (max-width: 800px) {
  .epimg {width:75px;height:75px;float:right;margin: 36px 8px 0px 0px;}
  
    .column {
      flex: 45%;
      max-width: 45%;
    }
    .twocolumn {
      flex: 100%;
      max-width: 100%;
  }
  .colimg:hover {
    transform: scale(1.5); 
  }
  .colimgsm:hover {
    transform: scale(1.25); 
  }
  .colimglg:hover {
    transform: scale(1.75); 
  }
  table.wiki-content-table {
  font-size: 75%;
  }
  h5 {font-size:.9em;}
  }
  @media screen and (max-width: 480px) {
  
  .epimg {display:none}
    .column {
      flex: 90%;
      max-width: 90%;
    }
  h5 {font-size:.83em;}
  }
  
  .d {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3E%3Cpath fill='%23e0b0ff' fill-opacity='0.04' d='M1 3h1v1H1V3zm2-2h1v1H3V1z'%3E%3C/path%3E%3C/svg%3E");
  background-size: 0.02%;
  }
  
  }

  Pages using this styling

  • deleted [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Syne+Mono&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Shadows+Into+Light+Two&display=swap');
  
  .font {
    font-family: "Syne Mono", monospace;
    font-weight: 400;
    font-style: normal;
  }
  .song {
    font-family: "Shadows Into Light Two", cursive;
    font-weight: 400;
    font-style: normal;
  }
  :root {
      --title: "Chaos Insurgency";
      --subtitle: "UNSECURED.";
      --logo: url(http://ci-cn-wiki.wdfiles.com/local--files/start/logo%20white);
      --basalt-undertone: 235, 91, 21;
      --basalt-bright-element-color: 235, 91, 21;
      --basalt-dark-element-color: 235, 91, 21;
  }

  Pages using this styling

  • delacruz [info]

  ¶ 1 occurrence
  

  @import url(https://db.onlinewebfonts.com/c/06293470459fdd61c89494d32c8a4583?family=Libre+Clarendon);
  
  :root {
      --basalt-secondary-color: 0, 0, 0;
  
      --basalt-overtone: 73, 90, 211;
      --basalt-undertone: 73, 90, 211;
      --basalt-bright-element-color: 73, 90, 211;
      --basalt-dark-element-color: 73, 90, 211;
  
      --link-color: 255, 255, 255;
      --link-visited-color: 150, 150, 150;
  
      --top-bar-link-color-hover: 255, 255, 255;
      --login-status-text-color-hover: 255, 255, 255;
      --side-bar-link-color-hover: 255, 255, 255;
      --side-bar-link-background-hover: 73, 90, 211;
  
      --header-border-width: 0rem;
      --title-size: 1.25rem;
      --subtitle-size: 0rem;
      --side-bar-button-height: 50vh;
      --user-button-width: 2rem;
      --header-logo-size: 67.5%;
  
      --basalt-UI-dark-palette: 0, 0, 0;
      --top-bar-link-background-hover: 73, 90, 211;
  
  }
  
  #page-content a:visited {
    color: #fff;
  }
  
  hr {
    background-color: white;
    filter: drop-shadow(0.75px 0.75px 0 black)
  drop-shadow(-0.75px -0.75px 0 black)
  drop-shadow(-0.75px 0.75px 0 black)
  drop-shadow(0.75px -0.75px 0 black);
  }
  
  
  
  #page-content {
    text-shadow:
      1px 1px 0 black,
      1px -1px 0 black,
      -1px 1px 0 black,
      -1px -1px 0 black;
  }
  
  #header h1 a::before {
      display: none;
  }
  
  #header h1 a span::after {
      margin-bottom: 0;
  }
  
  .main { margin: auto; width: 80%; color: white; }
  
  .main h1 {
    position: relative;
    padding: 1em;
    font-size: 2em;
    font-family: "Libre Clarendon", serif;
    color: white;
    background-color: transparent;
    display: inline-block;
    margin: auto;
    text-align: center;
    line-height: 1.2;
    box-sizing: border-box;
    z-index: 1;
  }
  
  .main h1::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #822b1baa;
    z-index: -1;
    clip-path: polygon(
      10% 10%, 90% 10%,   
      100% 50%,           
      90% 90%, 10% 90%,   
      0% 50%              
    );
  }
  
  #container #header {
      background: none;
      /* position: absolute; */
      box-shadow: unset;
      backdrop-filter: none;
  }
  
  @media (min-width: 768px) {
    #container #header {
      position: absolute;
    }
  }
  
  .page-source {
      color: white;
  }
  
  #page-content {
    perspective: 100vw;
    margin-bottom: 500px;
  }
  
  .jumbotron {
    transform: rotateX(-100deg);
    width: 100%;
    padding: 80px 20px;
    margin: 200px auto;
    background: linear-gradient(135deg, #8b0000, #b22222, #ff8c00, #228b22, #4682b4, #4b0082, #800080);
    background-size: 1400% 1400%;
    animation: rainbow 10s linear infinite;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 3px;
    box-shadow:
      inset 0 0 20px #000,
      0 0 40px rgba(255, 255, 255, 0.4),
      0 0 0 20px #333,
      0 0 0 25px #111,
      0 0 0 30px #666;
    border-radius: 20px;
    border-top: 10px double #fff;
    border-bottom: 10px double #fff;
    position: relative;
    z-index: 1;
  }
  
  .jumbotron h1 {
    font-size: 8em;
    margin-bottom: 30px;
    text-shadow: 3px 3px 0 #000, 5px 5px 10px #ff0;
    animation: pulse 1.5s infinite;
  }
  
  .jumbotron h2 {
    font-size: 4em;
    text-shadow: 2px 2px 0 #000;
    animation: flicker 2s infinite;
  }
  
  
  @keyframes rainbow {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
  }
  
  @keyframes pulse {
    0% { transform: scale(1); }
    50% { transform: scale(1.05); }
    100% { transform: scale(1); }
  }
  
  @keyframes flicker {
    0%, 19%, 21%, 23%, 25%, 54%, 56%, 100% {
      opacity: 1;
    }
    20%, 22%, 24%, 55% {
      opacity: 0.5;
    }
  }
  
  .lights {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: repeating-linear-gradient(
      45deg,
      rgba(255,255,255,0.2),
      rgba(255,255,255,0.2) 10px,
      transparent 10px,
      transparent 20px
    );
    animation: strobe 0.3s infinite;
    z-index: -1;
  }
  
  @keyframes strobe {
    0% { opacity: 0.3; }
    50% { opacity: 0.8; }
    100% { opacity: 0.3; }
  }
  
  .grid {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      grid-gap: 1rem;
      margin-bottom: 2.4rem;
      box-sizing: border-box;
  }
  .grid > div {
      box-shadow: 0px 0px 4px rgba(0,0,0,0.2);
      padding: 0.8rem;
      border-radius: 6px;
      box-sizing: border-box;
      position: relative;
  }
  
  body {
    --bg-size: min(3300px, 330vw);
    --bg-vert-shift: -300px;
    background-image: url("https://scp-wiki.wdfiles.com/local--files/definitelyrealofficialscp9000contesthubplzdontbanusitsajoke/0001.webp"),  url("https://scp-wiki.wdfiles.com/local--files/definitelyrealofficialscp9000contesthubplzdontbanusitsajoke/0003.webp"), url("https://scp-wiki.wdfiles.com/local--files/definitelyrealofficialscp9000contesthubplzdontbanusitsajoke/0002.webp");
    background-position:
      center var(--bg-vert-shift),
      center calc(round(up, 100%, var(--bg-size)) + var(--bg-vert-shift)),
      center var(--bg-vert-shift);
    background-size: var(--bg-size);
    background-repeat: no-repeat, no-repeat, repeat-y;
    background-color: black;
  }
  
  .footnotes-footer {
    background-color: transparent;
    width: 80%;
    margin: auto;
    margin-top: 200px;
    color: white;
  }
  
  #page-content .footnote-footer a {
    background-color: transparent;
  }
  
  .footnotes-footer .title {
    background-color: transparent;
    font-size: 1rem;
    color: white;
  }
  
  .footnotes-footer::before {
    background-color: transparent;
  }
  
  #page-content h1 {
    margin: auto;
    display: block;
    width: fit-content;
  }
  
  .football {
      position: relative;
      margin: 200px auto;
      width: 30%;
  }
  
  .football:after {
      content:"Here be ballers!";
      visibility:hidden;
      width: 200px;
      background-color: black;
      color: #fff;
      text-align: center;
      border-radius: 6px;
      padding: 5px 0;
  
      /* Position the tooltip */
      position: absolute;
      z-index: 1;
      top: 100%;
      left: 50%;
      margin-left: -100px;
  }
  
  .football:hover:after, .football:active:after {
      visibility: visible;
  }
  
  #page-content {
    perspective: 200vh;
  }
  
  
  @media (max-width: 600px) {
    .jumbotron h1 {
      line-height: 1;
    }
  
    #page-content {
      perspective: 300vh;
    }
  }
  
  .jumbotron {
    padding: 80px 0;
  }
  
  .jumbotron h1 {
    font-size: min(8em, 14vw);
  }
  
  .jumbotron h2 {
    font-size: min(4em, 7vw);
  }
  
  @media (max-width: 500px) {
    .jumbotron {
      margin-top: 50px;
      margin-bottom: 100px;
    }
  }
  
  @media (max-width: 550px) {
    .grid {
      grid-template-columns: 1fr;
    }
  }
  
  #page-content :not(.jumbotron) h1 {
    display: grid;
    grid-template-columns: 1fr max-content 1fr;
    align-items: center;
    width: 100%;
    justify-content: center;
  }
  
  @media (max-width: 600px) {
  #page-content h1::before,
  #page-content h1::after {
    display: none;
  }
  
  #page-content :not(.jumbotron) h1 {
    grid-template-columns: max-content;
  }
  }
  
  #page-content :not(.jumbotron) h1::before,
  #page-content :not(.jumbotron) h1::after {
    filter:
      drop-shadow(0.7px 0.7px 0 black)
      drop-shadow(-0.7px 0.7px 0 black)
      drop-shadow(-0.7px -0.7px 0 black)
      drop-shadow(0.7px -0.7px 0 black);
    position: static;
    background-color: white;
    clip-path: none;
    height: 4px;
    content: "";
  }
  
  #page-content :not(.jumbotron) h1 span {
    padding: 0 30px;
  }
  
  .page-rate-widget-box {
    position: relative;
    z-index: 9999999999999999999;
  }
  

  Pages using this styling

  • definitelyrealofficialscp9000contesthubplzdontbanusitsajoke [info]

  ¶ 1 occurrence
  

  @import url(https://scp-wiki.wikidot.com/theme:magazine/code/3);
  @import url('https://fonts.bunny.net/css?family=Courier+Prime');
  @import url('https://fonts.bunny.net/css?family=Special+Elite');
  @import url('https://fonts.bunny.net/css?family=Permanent+Marker');
  @import url('https://fonts.bunny.net/css2?family=Pangolin&display=swap');
  @import url('https://fonts.bunny.net/css2?family=Indie+Flower&display=swap');
  @import url('https://fonts.bunny.net/css2?family=Mansalva&display=swap');
  @import url('https://fonts.bunny.net/css2?family=Gloria+Hallelujah&display=swap');
  
  .authorlink-wrapper .authorbox {
    z-index: 7;
  }
  
  :is(.yui-navset,.yui-navset-top,.yui-navset-bottom) .yui-content {
    padding: 0px;
  }
  
  
  .snote {
    --w: none;
  }
  
  :root {
      --header-title: "B.Q.";
  }
  
  :root {
    --writing-pages: 209, 209, 209;
  }
  
  .text1 {
  font-family: "Pangolin";
  }
  
  .text2 {
  font-family: "Mansalva";
  font-size: 16.5px;
  overflow-x: visible !important;
  box-sizing: border-box;
  max-width: 100% !important;
  overflow-wrap: anywhere;
  word-break: break-word;
  letter-spacing: 0;
  }
  .text3 {
  font-family: "Gloria Hallelujah";
  font-size: 15px;
  }
  
  #skrollr-body {
    overflow-x: hidden;
  }
  
  .sparkle {
    display: inline-block;    
    clip-path: inset(0 -0.75em 0 0); 
    background: url(http://scp-wiki.wikidot.com/local--files/deer-girl-bq/ruby.gif);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  
  .neon-text {
    color: #048c12;
    font-size: 14px;
    text-shadow:
      0 0 5px #fff, 
      0 0 10px #fff,
      0 0 20px #72fc0f; /* Outer glow w/ a neon color */
  }
  
  .estrella-paper {
    padding: 25px;
  }
  
  :root {
  --img-chew444: var(--MASK-chew222);
      --MASK-chew_repeat: repeat;
      --MASK-chew_size:100%;
  
  
  --dark-accent:rgb(110, 100, 105);
  --page-bg:var(--color-grey);
  --accentColor:#542429;
  
  --color-red:#990314;
  --color-darkred:#6f1212;
  --color-grey:#ecebf0;
  --color-grey-pale:#eee;
  --color-grey-dark:#e0e1e1;
  --color-grey-darker:#d2d2d2;
  --color-grey-darkest:#c4c4c4;
  --swatch-primary-darker:egb(64,96,22);
  
  --color-kraft:rgb(185,137,102);
  --color-navy:rgb(20,21,39);
  --color-blue:#2c477d;
  --color-paleblue:#4e5166;
  --color-gold:#c39c52;
  --color-brown:#ead1b3;
  
  --color-light:#e8e8e8;
  --color-darkest:#000;
  --color-darker:#333;
  --color-dark:#555; 
   
      --SB_width:14rem;
      --SB-blank_right:1rem;
      --SB-blank_left:2rem;
      --SB-blank_top:6rem;
      --content-width:54rem;   
      --SB_width-total:calc(var(--SB_width) + var(--SB-blank_left) + var(--SB-blank_right));  
      --tip-bdcl:155,155,155;
      --tip-color:var(--color-grey-darker);
      --tip-deg:-45deg;
      --tip-dogear-size:1.5em;
      --tip-dogearoll-size:calc( var(--tip-dogear-size) * 1.4);
      --tip-maxwidth_PC:calc(var(--content-width, 56rem) * 0.5);
      --tip-dogearoll-margin: 0rem -0.9rem 0 0;
  }
  #page-title {
     font-size: 0pt;
  }
  
  #breadcrumbs {
     display: none;
  }
  div#page-content a.collapsible-block-link{
  color: #315B7D;
  font-size: 150%;
  font-weight: bold;
  font-family: "Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica;
  letter-spacing: 1px;
  }
  .scpf {
  background-color: rgba(252, 81, 48, 0.25);
  }
  .goc {
  background-color: rgba(48, 188, 237, 0.25);
  }
  .nazi {
  background-color: black;
  color: white;
  }
  /*---------- this is for the manila folder tabs -----------*/
  /*this is the top, darker brown tab background*/
  .yui-navset .yui-nav {
      border: solid #999999;
      border-width: 0px 0px 0px 0px;
      background: #757575;
      box-shadow: 0.2rem 0rem #757575;
  }
  .yui-navset .yui-nav li {
      margin: 0px 2px 0px 0px;
      padding: 0px;
  }
  .yui-navset .yui-nav .selected {
      margin: 0px 2px 0px 0px;
      background: #d1d1d1;
      padding: 0px;
  }
  .yui-navset .yui-nav li em {
      font-family: courier, monospace !important;
      font-size: 12pt;
      font-weight: bold;
  }
  /* this is the yellow manila background for the tabs*/
  .yui-navset .yui-content {
      background: white;
  /*---------here is the code for the background of the tabs themselves-----------*/
    /*  background-image: url("http://scp-wiki.wikidot.com/local--files/deer-girl-bq/glitter.png"); */
       background-size: 350px 500px;
       background-color: #000000;
      border: solid 2px #000000;
      border-radius: 5px;
   box-shadow: 0.2rem 0.1rem #757575;
  
  }
  .yui-navset .yui-nav a em {
      padding: 0px 5px 0px 5px;
  }
  .yui-navset .yui-nav .selected a em {
      padding: 0px 5px 0px 5px;
  }
  div.yui-navset ul.yui-nav a,
  div.yui-navset div.yui-navset-top ul.yui-nav a {
      background: #d1d1d1;
      border: solid #000000;
      border-width: 3px 3px 1px 3px;
  }
  div.yui-navset ul.yui-nav a:hover,
  div.yui-navset ul.yui-nav a:focus {
      background: #d1d1d1;
  }
  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: #d1d1d1;
      border: solid 3px #ffffff;
  }
  
  /*--------- this is for the stickynote look----------*/
  /* deleted it lol */
  
  /*---------this is for the Chinese notebook div----------*/
  note-chew- [to adjust the value of the name of the rotating component] .note-paper-mid:before{
  background: #f3f3f3; /* is the same as the component background color*/
  width: 98%; /* Adjust the base color position (size), be careful not to cover the tooth marks */
  right:0rem;/* Adjust the base color position (size), be careful not to cover the tooth marks */
  Position: relative;
  content: "";
  Position: Absolute;
  z-index: -1;
  Height: 100%;
  } 
  
  /*------ this is for the paper div -----------*/
  .genblock {
      background-color: rgb(var(--printer-paper));
      background-image: url("https://scp-wiki.wdfiles.com/local--files/theme:twin-files/paper-texture.png");
      background-repeat: repeat;
      background-size: 100%;
  
      color: rgb(var(--ink-blot));
      font-family: var(--printer-paper-font);
      border: 3px solid black;
  
      border-color: rgb(var(--papers-edge));
  
      padding: 0.5em 1em 0.5em 1em;
  }
  .chew-bottom,
  .chew-top{
      --NOTEPAGE-txt_border-size:0.8em;
      --NOTEPAGE-before_area:header;
      --NOTEPAGE-after_area:footer;
      --NOTEPAGE-side_width: 100%;
     --NOTEPAGE-side_height: 1rem;
       --MASK-chew_repeat: repeat-x;
      --MASK-chew_size:14rem;
      --NOTEPAGE-before_display:none;
      --NOTEPAGE-after_display:none;
      --NOTEPAGE-header_font-size:0;
      --NOTEPAGE-footer_font-size:0;
      --ticker-font: 'Special Elite';
  
      --NOTE-quote_width:100%;
      --NOTE-quote_bg-size:3em;
      --NOTE-quote_height:3em;
       --NOTE-quote-side_clip:inset(0 0 25% 0);
     --NOTE-quote-side_position: 0em 0;
    --NOTE-quote-side_repeat:repeat-x;
  }
  /*---------- for the ticker formatting---------*/
  .ticker {
      padding: 5px 5px 1.1em 3.7em;
      font-family: Monospace;
      font-size: 95%;
      font-weight: 400;
      color: #000;
      background: repeat-y url("https://scp-wiki.wdfiles.com/local--files/theme%3Atwin-files/tickerback.png");
      background-position: center top;
      background-size: 100%;
   
      border: 2px solid #D8D6CA;
      border-style: solid solid solid;
      border-width: medium 2px 0px;
  }
  /*------------ this is for the paperclip/photograph format----------*/
  .clip-wrap div {
      max-width: 60%;
      margin: 1rem auto;
      width: 60%;
  }
  
  .clip-wrap .clip-img,
  .clip-wrap .clip-body {
      border: solid 2px rgb(var(--clip-border,0,0,0));
      background-color: rgb(var(--clip-bg, 244, 244, 244));
      box-sizing: border-box;
      position: relative;
      z-index: 0;
      padding: 0.5rem;
  }
  
  
  .clip-wrap .clip-img::before,.clip-wrap .clip-img::after,
  .clip-wrap .clip-body::before,.clip-wrap .clip-body::after {
      content:'';
      position: absolute;
      pointer-events: none;
      border: solid 0.25rem var(--color-darker);
      transform: rotate(25deg); /*this handles the rotation of the paperclip*/
  }
  
  .clip-wrap .clip-img::before,.clip-wrap .clip-img::after {
      border: solid 0.25rem var(--color-darker);
  }
  
  .clip-wrap .clip-img::before,
  .clip-wrap .clip-body::before {
    right: 0.45rem;
    height: 36px;
    width: 9px;
    top: -0.45rem;
    border-radius: 0 0 2rem 2rem;
    border-top: none;
  }
  
  .clip-wrap .clip-img::after,
  .clip-wrap .clip-body::after {
      top: -24px;
      right: -0.5rem;
      height: 16px;
      width: 14px;
      border-radius: 2rem 2rem 0 0;
      border-bottom: solid 0.55rem transparent;
      z-index: -1;
  }
  
  .clip-wrap .clip-body img,
  .clip-wrap .clip-img {
      border: 0.15rem solid var(--color-darkest);
    width: max-content;
  }
  
  .clip-wrap .clip-img::before {
    right: -0.2rem;
    top: -0.45rem;
  }
  
  .clip-wrap .clip-img::after {
      right: -0.8rem;
          height: 45px;
  }
  
  /*this is the css for the shadow surrounding the clip-img box*/
  .clip-wrap .clip-img {
      padding: 0rem;
      border: 0.12rem solid var(--color-darkest);
      box-shadow:  0px 0px 0px 3px rgba(50,50,50, 0.1), 0px 0px 0px 5px rgba(150,150,150, 0.1);
  }
  
  .mu-text {
  color: #035e82;
  }
  
  
  @m
  .clip-wrap{
       max-width: 100%;
  }
  .clip-wrap .clip-img::before,
  .clip-wrap .clip-body::before {
    right: 0.3rem;
    height: 1.4rem;
    width: 0.4rem;
    top: 0rem;
  }
  
  .clip-wrap .clip-img::after,
  .clip-wrap .clip-body::after {
      top: -1rem;
      right: -0.5rem;
      height: 1rem;
      width: 0.7rem;
  }
  
  .ticker {
      padding: 10px 5px 1.1em 3.7em;
   
      font-family: Monospace;
      font-size: 110%;
      font-weight: 400;
      color: #000;
   
      background: repeat-y url("https://scp-wiki.wdfiles.com/local--files/theme:twin-files/tickerback.png");
      background-position: center top;
      background-size: 100%;
   
      border: 2px solid #D8D6CA;
      border-style: dashed solid dashed;
      border-width: medium 2px 0px;
  }
  
  
  .ticker2 {
      padding: 10px 5px 1.1em 3.7em;
      font-size: 110%;
      font-weight: 400;
      color: #000;
   
      background: repeat-y url("https://scp-wiki.wikidot.com/local--files/deer-girl-bq/Gold_Texture_%25284191235674%2529.webp");
      background-position: center top;
      background-size: 100%;
   
  }
  

  Pages using this styling

  • deer-girl-bq [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Vast+Shadow&display=swap')
  div#container-wrap{
  background-image:none;
  }
  #header{
  background:url("https://scp-wiki.wdfiles.com/local--files/deer-college-spring-cleaning-event/cherryicon.png");
  background-repeat:no-repeat;
  background-size:110px;
  background-position:left;
  }
  div#extra-div-1{
  height: 140px;
  width: 100%;
  top: 0;
  position: absolute;
  background: url("https://scp-wiki.wdfiles.com/local--files/deer-college-spring-cleaning-event/bannercherry.png");
  background-size:cover;
  background-position:20% 20%;
  }
  #login-status{
  text-shadow:1px 1px 1px black;
  }
  #header h1 a {
  color:pink;
  text-shadow:2px 2px 1px purple, -2px 2px 1px black, -2px -2px 1px black, 2px -2px 1px black;
  font-size:36px;
  }
  #header h2 span::before {
  content: "Spring Cleaning Pledge";
  color:pink;
  text-shadow:2px 2px 1px purple, -2px 2px 1px black, -2px -2px 1px black, 2px -2px 1px black;
  font-size:16px;
  }
  #header h2 span {
  font-size:0;
  }
  #page-title{
  color:pink;
  text-shadow: 1px 1px 1px black, -1px 1px 1px black, -1px -1px 1px black, 1px -1px 1px black;
  text-align:center;
  }
  .okaywork{
  display:flex;
  margin-top:-50px;
  flex-direction:row;
  }
  .wayone{
  flex:1 1 50%;
  padding:10px;
  }
  .base{
  font-family: 'Vast Shadow'; 
  font-size: 400%; 
  margin: 2px 0 5px;
  font-weight:bold;
  text-shadow:0px 0px 2px black;
  }
  .base p{
  line-height:1;
  margin-block-start:0em;
  margin-block-end:0em;
  }
  .pink{
  background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,245,250,1) 50%);
  }
  .green{
  background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(224,246,235,1) 50%);
  }
  .cobweb{
  color:#98FB98;
  }
  .junk{
  color:#ffb7c5;
  }
  .greenery{
  border:solid 1px #999999; 
  background:#f5fffa; 
  padding:5px; 
  margin-bottom: 10px;
  margin-top:60px;
  }
  .redery{
  border:solid 1px #999999; 
  background:#fff5fa; 
  padding:5px; 
  margin-bottom: 10px;
  margin-top:60px;
  }
  .magicbecauseiambadatcssgreen{
  display:none;
  }
  .magicbecauseiambadatcssred{
  display:none;
  }
  @media only screen and (max-width:600px){
  .wayone{
  display:none;
  }
  .magicbecauseiambadatcssgreen{
  background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(224,246,235,1) 50%);
  padding:10px;
  display:block;
  }
  .magicbecauseiambadatcssred{
  background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,245,250,1) 50%);
  padding:10px;
  display:block;
  }

  Pages using this styling

  • deer-college-spring-cleaning-event [info]

  ¶ 1 occurrence
  

  
  @import url('https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,600;9..144,700&family=Nunito:wght@700;800&display=swap');
  
  .spring-logo.blossom{
    max-width: 900px;
    margin: 1.6rem auto 2rem;
    padding: 2.4rem 1.8rem;
    border-radius: 22px;
    text-align: center;
    position: relative;
    overflow: hidden;
  
    background: rgb(var(--spring-mist));
    border: 3px solid rgba(var(--spring-sun), 0.95);
  
    box-shadow:
      0 24px 64px rgba(0,0,0,0.18),
      0 2px 0 rgba(255,255,255,0.55) inset;
  }
  
  .spring-logo.blossom .spring-logo__top,
  .spring-logo.blossom .spring-logo__bottom{
    position: relative;
    z-index: 1;
    text-transform: uppercase;
    letter-spacing: 0.16em;
    line-height: 1.05;
    margin: 0;
  
    color: rgb(var(--spring-leaf-dk));
    text-shadow:
      0 2px 0 rgba(255,255,255,0.75),
      0 12px 20px rgba(0,0,0,0.12);
    -webkit-text-stroke: 0;
  }
  
  .spring-logo.blossom .spring-logo__top{
    font-family: "Fraunces", "EB Garamond", serif;
    font-weight: 850;
    font-size: clamp(2.15rem, 4.8vw, 3.6rem);
  }
  
  .spring-logo.blossom .spring-logo__bottom{
    font-family: "Fraunces", "EB Garamond", serif;
    font-weight: 750;
    font-size: clamp(1.75rem, 4.0vw, 3.05rem);
    margin-top: 0.9rem;
  }
  
  .spring-logo.blossom .spring-logo__divider{
    position: relative;
    z-index: 1;
    margin: 0.75rem 0;
    font-size: 4rem;
    color: rgba(var(--spring-bloom), 0.70);
    text-shadow: 0 1px 0 rgba(255,255,255,0.7);
  }
  .spring-logo p{
    margin: 0;
  }

  Pages using this styling

  • deer-college-mentor-event [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=EB+Garamond:wght@400;600&display=swap');
  
  :root{
    --spring-leaf: 46, 140, 91;
    --spring-leaf-dk: 34, 110, 70;
    --spring-bloom: 201, 96, 150;
    --spring-sun: 232, 156, 86;
    --spring-paper: 250, 252, 247;
    --spring-mist: 241, 247, 241;
    --spring-border: 214, 226, 214;
    --spring-ink: 24, 28, 24;
  
    --basalt-primary-color: var(--spring-paper);
    --basalt-secondary-color: var(--spring-mist);
    --basalt-tertiary-color: var(--spring-border);
    --basalt-main-text-color: var(--spring-ink);
  
    --basalt-undertone: var(--spring-leaf);
    --basalt-bright-element-color: var(--spring-leaf);
    --basalt-dark-element-color: var(--spring-leaf-dk);
    --basalt-alternate-color: var(--spring-sun);
  
    --basalt-positive-color: var(--spring-leaf);
    --basalt-negative-color: 255, 48, 48;
  }
  
  body{
    background:
      radial-gradient(circle at 12% 18%, rgba(var(--spring-leaf), 0.12), transparent 38%),
      radial-gradient(circle at 88% 22%, rgba(var(--spring-bloom), 0.10), transparent 42%),
      radial-gradient(circle at 70% 92%, rgba(var(--spring-sun), 0.10), transparent 44%),
      rgb(var(--spring-paper));
  }
  
  #container-wrap{ background: transparent !important; }
  #content-wrap{ background: transparent !important; }
  
  
  
  .definition{
    font-family: 'EB Garamond', serif;
    text-align: center;
    font-size: 140%;
    margin: 1rem auto 1.25rem;
    padding: 0.9rem 1rem;
    max-width: 52rem;
    border-radius: 16px;
    background: rgba(var(--spring-mist), 0.75);
    border: 1px solid rgba(var(--spring-border), 0.95);
    box-shadow: 0 10px 24px rgba(0,0,0,0.06);
  }
  .definition h1, .definition h2, .definition h3{
    color: rgb(var(--spring-ink));
    font-family: 'EB Garamond', serif;
  }
  
  div.blockquote{
    border-radius: 16px;
    background: rgba(var(--spring-paper), 0.75);
    border: 1px solid rgba(var(--spring-border), 0.95);
    box-shadow: 0 10px 24px rgba(0,0,0,0.06);
    padding: 1rem 1.1rem;
    position: relative;
  }
  div.blockquote::before{
    content:"";
    position:absolute;
    left:0; top:0; bottom:0;
    width: 6px;
    border-radius: 16px 0 0 16px;
    background: linear-gradient(
      180deg,
      rgba(var(--spring-leaf), 0.85),
      rgba(var(--spring-bloom), 0.55),
      rgba(var(--spring-sun), 0.70)
    );
  }
  
  hr{
    border: none;
    height: 1px;
    background: linear-gradient(
      90deg,
      transparent,
      rgba(var(--spring-leaf), 0.35),
      rgba(var(--spring-bloom), 0.25),
      rgba(var(--spring-leaf), 0.35),
      transparent
    );
    margin: 1.25rem 0;
  }
  
  #page-content .spring-hub{
    position: relative;
  }
  
  body{ position: relative; }
  
  body::before, body::after{
    content:"";
    position: fixed;
    top: 15%;
    width: 25%;
    height: 100vh;
    pointer-events: none;
    opacity: 0.22;          
    z-index: 0;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top;
  }
  
  body::before{
    background-size: 100%;
    left: 0;
    background-image: url("https://scp-wiki.wdfiles.com/local--files/deer-college-mentor-event/cherry_blossom_branch.png");
    transform: scaleX(-1);
  }
  
  body::after{
    background-size: 100%;
    right: 0;
    background-image: url("https://scp-wiki.wdfiles.com/local--files/deer-college-mentor-event/cherry_blossom_branch.png");
  }
  
  @media (max-width: 1600px){
    body::before, body::after{ background-size: 100%; }
  }
  @media (max-width: 768px){
    body::before, body::after{ display: none; }
  }
  

  Pages using this styling

  • deer-college-mentor-event [info]

  ¶ 1 occurrence
  

  :root {
    --header-title: "The Foundation";
    --header-subtitle: "We Die in the Dark";
  }

  Pages using this styling

  • deepwell-rusk-archive [info]

  ¶ 1 occurrence
  

  :root {
    --header-title: "SITE-17 DEEPWELL";
    --logo-img: url(https://scp-wiki.wdfiles.com/local--files/placeholder-mcd-s-authorpage/s17_purp.png);
  
    --head-font: var(--ui-font);
  
    --accent: 153, 119, 238;
  
    --page-font-size: 0.89rem;
  }
  
  @media (max-width: 768px) {
    :root {
      --header-title: "DEEPWELL" !important;
    }
  }
  
  body {
    background: #080016 !important;
  }
  

  Pages using this styling

  • deepwell-proposal [info]

  ¶ 1 occurrence
  

  .earthworm .hub.no a, .earthworm a[href="/"] {color: #EDEDED;}

  Pages using this styling

  • deconstruction-of-a-god [info]

  ¶ 1 occurrence
  

  
  #page-title,
  .meta-title {
      text-align: center;
  }
  
  .file-thumbnail {
      background-color: black;
      width: 80px;
      height: 80px;
      display: inline-block; /* makes it fit in like an <img> */
      background-size: cover; /* or contain */
      background-position: center center;
      background-repeat: no-repeat;
      border: 1px solid rgb(0,0,0);
      float: right;
      margin-top: 0.5em;
      margin-bottom: 0.5em;
  }
  
  .file-container::after {
    content: "";
    clear: both;
    display: table;
  }
  
  .footnotes-footer {
  display:none;
  }
  

  Pages using this styling

  • decom-dept-hub [info]

  ¶ 1 occurrence
  

  :root {
      --header-title: "BIG OLIVE ENERGY";
      --page-font-size: 0.95rem;
      --header-subtitle: "the energy is seriously so big rn";
      --logo-img: url(https://scp-wiki.wdfiles.com/local--files/component:pride-highlighter/nb_logo_blk.svg);
  }

  Pages using this styling

  • deadcanons-author-page [info]

  ¶ 1 occurrence
  

  .authorlink-wrapper > a {
      margin: auto;
      text-align: center;
      display: inline-flex;
      justify-content: center;
  }
  .authorlink-wrapper {
      margin: unset;
  }
  .authorlink-wrapper .authorbox {
      right: 50%;
      transform: translate(50%, 1rem);
  }
  .authorlink-wrapper .authorbox::before {
      right: 50%;
      transform: translateX(50%);
      color: rgb(var(--lampeter-gentleneon));
      border-color: transparent transparent rgb(var(--lampeter-gentleneon)) transparent;
  }
  .authorcontent {
      background-color: rgb(var(--lampeter-velvet));
      color: white;
      border: solid 1px rgb(var(--lampeter-gentleneon));
  }

  Pages using this styling

  • dead-end-city [info]

  ¶ 1 occurrence
  

  
  @import url('https://fonts.googleapis.com/css2?family=Sixtyfour+Convergence&display=swap');
  
  @import url('https://fonts.googleapis.com/css2?family=Pixelify+Sans:wght@400..700&display=swap');
  
  @import url('https://fonts.googleapis.com/css?family=EB+Garamond:500&display=swap');
  
  .connecting { 
  padding: -2px;
  }
  
  .fancytext {
  font-family:"EB Garamond", sans-serif;
  font-size:120%;
  }
  
  .fancytext2 {
  font-family:"Sixtyfour Convergence";
  }
  
  .pixeltext {
  font-family:'pixelify sans';
  font-size:120%;
  
  }
  .shadow-text {
      animation: 2s ease-in-out infinite alternate pulse;
      color: transparent;
      font-family:"EB Garamond", sans-serif;
  font-size:120%;
  }
  
  @keyframes pulse {
      0% {
          text-shadow: #0009 -0.05em -0.05em, #aaaa 0 0;
  
  transform: rotate(-2deg);
  
      }
  
      50% {
          text-shadow: #000f -0.15em -0.15em, #aaaa 0 0;
      }
  
      100% {
          text-shadow: #0009 -0.05em -0.05em, #aaaa 0 0; 
  
  transform: rotate(4deg);
  
      }
  }
  

  Pages using this styling

  • dead-capitalism-theory [info]

  ¶ 1 occurrence
  

  
  .dizzy{
    background: url(https://upload.wikimedia.org/wikipedia/commons/3/3e/Spiral_of_black_and_white_squares_4_till_repetition_spiraling_in.gif);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  
  }
  
  h1:focus {
    outline: none;
  }
  

  Pages using this styling

  • dead-capitalism-theory [info]

  ¶ 1 occurrence
  

  :root {
      --header-title: "DDD Foundation";
      --header-subtitle: "Destroy, Destroy, Destroy";
      --logo-image: url("http://scpdsandbox.wikidot.com/local--files/destroy-destroy-destroy/boom");
  
      --diagonal-stripes: linear-gradient(transparent, transparent, transparent) !important;
  }

  Pages using this styling

  • ddd-2034 [info]

  ¶ 1 occurrence
  

  
  /* Code taken from the Sigma-9 Themes article. Thank you Ralliston, Lt Flops and Estrellayoshte */
  
  .tcontainer {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      align-items: flex-start;
      align-content: space-between;
  }
  
  .caser {
      background-color: white;
      width: calc(11rem + 1.5vw);
      padding: 6px;
      margin: 6px;
      box-sizing: border-box;
      border: solid 1px #ccc;
      display: block;
      text-align: center;
      transition: transform .16s;
      line-height: 1.1;
      position: relative;
  }
  
  .caser hr {
      margin-left: 0; margin-right: 0;
  }
  
  .caser h4 {
      margin-top: 14px;
      margin-bottom: -12px;
  }
  
  .caser img.image {
      width: 100%;
      height: calc(10.625rem + 1vw);
      object-fit: cover;
      object-position: top;
  }
  
  .caser:hover {
      transform: scale(1.52);
      z-index: 2;
  }
  .caser:focus-within {
      transform: scale(1.52);
      z-index: 2;
  }
  
  .caser:hover .hoverdesc,
  .caser .hoverdesc:hover {
      margin-top: 0;
      opacity: 1;
      pointer-events: all;
  }
  .caser:focus-within .hoverdesc{
      margin-top: 0;
      opacity: 1;
      pointer-events: all;
  }
  
  .hoverdesc {
      position: absolute;
      box-sizing: border-box;
      background: white;
      border: solid 1px #ccc;
      width: calc(11rem + 1.5vw);
      top: 100%; left: 50%;
      transform: translateX(-50%);
      margin-top: -5rem;
      padding: 0.4rem;
      opacity: 0;
      font-size: 70%;
      pointer-events: none;
      transition: margin-top 0.3s cubic-bezier(.08,.72,.5,.94), opacity 0.175s linear;
      z-index: -1;
      word-break: unset;
  }
  
  .anchor {
      position: sticky;
      height:0;
      top: 0;
  }
  .sidebox {
      margin-top: 16px;
      max-height: calc(92vh - 24px);
      position: absolute;
      top: 0;
      right: -14em;
      z-index: 4;
      box-sizing: border-box;
      border: solid 1px black;
      background-color: #f8f8f8;
      padding: 15px;
      width: 200px;
  }
  
  @media (max-width: 1384px) {
      .sidebox {
          display: none;
      }
  }
  

  Pages using this styling

  • dc-yerko [info]

  ¶ 1 occurrence
  

  .blurblock {
    margin: 1em 0;
  }
  .blurblock > * {
    background: lightgray;
    filter: blur(1em);
    color: transparent;
    padding: 2em 0;
    margin: 2em 0;
    transition: all .5s linear;
    will-change: filter;
  }
  .blurblock > *:hover,
  .blurblock > *:focus {
    background: transparent;
    filter: blur(0);
    color: #333;
    transition: all .3s linear;
  }
  .blurblock > *:first-of-type {
    padding-top: 0;
  }
  .blurblock > *:last-of-type {
    padding-bottom: 0;
  }
  
  .trueblur {
    filter: blur(.05em);
  }
  .finalblur {
    filter: blur(.1em);
    transition: opacity .5s linear;
  }
  .finalblur:hover,
  .finalblur:focus {
    opacity: 0;
    transition: opacity .5s linear;
  }
  
  @media (hover: hover) {
    .no-pointer {
      display: none;
    }
  }
  @media (hover: none) {
    .hover-pointer {
      display: none;
    }
  }

  Pages using this styling

  • daydream [info]

  ¶ 1 occurrence
  

  :root {
    --accentColor: #FF5512;
    --header-title: "DAYBREAK";
    --header-subtitle: "SOL'S CRUEL PLANET";
    --lgurl: url("https://scp-wiki.wdfiles.com/local--files/daybreak/daybreaklogo.png");
  }
  
  #page-title { display: none; }
  
  .outer-chat {background: var(--accentColor); padding: 1px 15px; margin: 10px; border-radius: 30px 15px}
  
  .inner-chat {background: #21252E; padding: 1px 15px; border: solid 3px #2F333C; margin: 10px; border-radius: 30px 15px}
  
  .leonidas {width: 8.359em}
  
   @media only screen and (max-width: 425px){ .leonidas{ width: 6.27em} }
  
   .footing::before{ /* ---- Article Footing ---- */
       content: " ";
       position: absolute;
       bottom: 1px;
       left: 0;
       right: 0;
   
       border-bottom: 2px solid hsl(0, 0%, 67%);
  }
   .footing{
       position: relative;
       bottom: -2px;
       margin-bottom: 2px;
   
       border-bottom: 1px solid hsl(0, 0%, 67%);
  }

  Pages using this styling

  • daybreak [info]

  ¶ 1 occurrence
  

  
  :root {
   
  /* i cannot remove this part or the css will break, i know it seems redundant, sorry */
  
       --header-title: 'SCP Foundation Archives';
  
        --header-subtitle: 'SALVAGE, CATALOGUE, PRESERVE';
          }
  
  @media only screen and (max-width: 768px) {
      #header h1 a,
      #header h2 span {
          margin-left: 0.1rem;
      }
  }
   
  
  
  #header {
      background-image: url(http://scp-wiki.wikidot.com/local--files/dave/scparchives_logo.png)
  }
  
  div#container-wrap {
      background: url(http://scp-wiki.wikidot.com/local--files/dave/bg.png);
  background-repeat: repeat-x;
  }
  
  #side-bar .side-block {
      background-color: silver !important;
      border-color: transparent;
      border-radius: 0px;
      box-shadow: none;
  }
  #top-bar ul li.sfhover a,
  #top-bar ul li:hover a {
      background:  #e8e8e8;
      color: black;
  }
  #top-bar ul li.sfhover a:hover,
  #top-bar ul li:hover a:hover {
      background: black;
      color: #e8e8e8;
  }
  #side-bar img,
  iframe.scpnet-interwiki-frame {
      filter: grayscale(20%) saturate(80%);
      -webkit-filter: grayscale(20%) saturate(80%);
  }
  blockquote,
  div.blockquote,
  #toc,
  .code {
       background-color: #e8e8e8;
  }
  
  #login-status {
      color: black;
      filter: grayscale(0%) saturate(100%);
      -webkit-filter: grayscale(0%) saturate(100%);
  }
  div.yui-navset div.yui-content {
      color: #000000;
      background: #e8e8e8;
      border-left: silver outset 2px;
      border-right: silver outset 2px;
      border-bottom: silver outset 2px;
      border-top: silver outset 2px;
  }

  Pages using this styling

  • dave [info]

  ¶ 1 occurrence
  

  
  #page-title {
    display: none;
  }
  
  :root {
    --header-subtitle: "ACHIEVEMENT CASEFILES";
    --accentColor: #CEA0FF;
    --fnColor: var(--accentColor);
  }
  
  .casercontainer {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      align-items: flex-start;
      align-content: space-between;
      gap: 1.375rem;
      margin-block: 1.75rem;
  }
  
  .caser {
      color: #f8f8f8;
     background: 
       linear-gradient(45deg, #21252E,#2F333C) padding-box, /*this is your grey background*/
       linear-gradient(45deg, #614BD2, #CEA0FF) border-box;
      border-radius: .8rem 6rem .8rem .8rem;
      width: 20.4rem;
      min-height: 19.5rem;
      padding: .5rem;
      box-sizing: border-box;
      border: 5px solid transparent;
      display: inline-block;
      box-shadow: 0px 0px 10px rgba(0,0,0,0.3);
      text-align: center;
      transition: transform .16s;
  }
  .caser:hover {
      transform: scale(1.32);
      z-index: 6;
  }
  @media (max-width: 500px) {
      .caser:hover {
          transform: scale(1.18);
      }
  }
  
  .codecon {
      position: absolute;
      text-align: left;
      margin-left: 5px;
      opacity: 0.35;
  }
  
  .fncon {
      border-color: var(--accentColor);
      background-color: #21252E;
  }

  Pages using this styling

  • dark-achievement-badges [info]

  ¶ 1 occurrence
  

  /*
   * The following is stolen shamelessly from notgull's Siege of Site-19
   */
  
  @import url("https://fonts.googleapis.com/css2?family=PT+Serif&display=swap");@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Mono&display=swap");div.irc-log{margin:10px;margin-top:20px;padding:10px;border:3px solid #000000;background-color:#333333;border-radius:15px;font-family:"IBM Plex Mono",monospace;color:#FFFFFF;font-size: 125%;}div.irc-log td{border:1px solid #000000;font-weight:bold}div.irc-log p{line-height:200%}div.irc-log span.userblue{font-weight:bold;letter-spacing:1px;background-color:#abcdff;color:#050505;padding-left:2px;border:1px solid #abcdff;margin-right:.25em}div.irc-log span.usergreen{font-weight:bold;letter-spacing:1px;background-color:#afffb1;color:#050505;padding-left:2px;border:1px solid #afffb1;margin-right:.25em}div.irc-log::before{content:"SCiPNET Messaging System";position:relative;top:-1.5em;left:-1.5em;border:2px solid #050505;color:#050505;background-color:#5effa6;font-family:"PT Serif",serif;padding:1px 3px;border-radius:3px;font-weight:bold;letter-spacing:2px}div.inventory-report{margin:10px;margin-top:20px;padding:10px;border:2px solid #050505;background-color:#eee;border-radius:3px}

  Pages using this styling

  • danimals [info]

  ¶ 1 occurrence
  

  
  /* ---- CUSTOM DIV BLOCKS ---- */
   .classification-header, .ethics-header, .miscomm-header,
   .oracle-header, .overwatch-header, .raisa-header,
   .warning-header{
       margin: 1rem 0;
       padding: 0 .53rem;
   
       background-position: top center;
       background-repeat: no-repeat;
       background-size: contain;
   
       text-align: center;
  }
   .classification-header > p:nth-child(1)::before, .ethics-header > p:nth-child(1)::before,
   .miscomm-header > p:nth-child(1)::before, .oracle-header > p:nth-child(1)::before,
   .overwatch-header > p:nth-child(1)::before, .raisa-header > p:nth-child(1)::before{
       display: flex;
       justify-content: center;
       margin: .53rem 0;
       padding: 0 0 .8rem;
   
       font-family: var(--header-font);
       font-size: 1.35rem;
       letter-spacing: 1px;
  }
   
   .classification-header{
     /* -- Classification Committee Header -- */
       color: var(--keyColor);
       background-image:
            linear-gradient(
                 hsla(11, 30%, 85%, .7),
                 hsla(11, 30%, 85%, .7)),
                 url(https://i.imgur.com/wkUri0y.png);
       border: medium solid hsl(360, 26%, 26%);
       outline: 7px solid hsl(360, 0%, 76%);
  }
   .classification-header > p:nth-child(1)::before{
       content: "FOUNDATION CLASSIFICATION COMMITTEE MEMO";
   
       color: hsl(360, 26%, 26%);
       border-bottom: medium solid hsl(360, 26%, 26%);
  }
   .classification-header hr{
       border-color: hsl(360, 26%, 26%);
  }
   
   .ethics-header{
     /* -- Ethics Committee Header -- */
       color: var(--keyColor);
       background-image:
            linear-gradient(
                 hsla(212, 7%, 87%, .7),
                 hsla(212, 7%, 87%, .7)),
                 url(https://i.imgur.com/CQCcN7e.png);
       border: thick solid var(--keyColor);
  }
   .ethics-header > p:nth-child(1)::before{
       content: "OFFICIAL ETHICS COMMITTEE MEMORANDUM";
   
       color: var(--fgColor);
       border-bottom: medium solid var(--fgColor);
  }
   .ethics-header hr{
       border-color: var(--fgColor);
  }
   
   .classification-header strong, .ethics-header strong{
       color: var(--keyColor);
  }
   
   .miscomm-header{
     /* -- Miscommunications Notice -- */
       color: hsl(57, 98%, 68%);
       background-image:
            linear-gradient(
                 hsla(9, 84%, 58%, .7),
                 hsla(9, 84%, 58%, .7)),
                 url(https://scp-wiki.wdfiles.com/local--files/desk-of-junior-designer-s-yvonne/miscdept.png);
       border: thin solid hsl(57, 98%, 68%);
       outline: 7px solid hsl(9, 51%, 47%);
  }
   .miscomm-header strong{
       color: hsl(57, 98%, 68%);
  }
   .miscomm-header > p:nth-child(1)::before{
       content: "NOTICE FROM THE FOUNDATION DEPARTMENT OF MISCOMMUNICATIONS";
   
       border-bottom: thin solid hsl(57, 98%, 68%);
  }
   .miscomm-header hr{
       border-color: hsl(57, 98%, 68%);
  }
   
   .oracle-header{
     /* -- ORACLE Header -- */
       color: var(--textColor);
       background-image:
          url(https://scp-wiki.wdfiles.com/local--files/theme%3Aflopstyle-dark/spc_logo.png),
          url(https://scp-wiki.wikidot.com/local--files/theme:flopstyle-dark/water_ripples.webp);
       background-position:
          top center,
          bottom center;
       background-size:
          contain,
          100%;
       border: thick solid var(--keyColor);
  }
   .oracle-header > p:nth-child(1)::before{
       content: "FROM THE DESK OF ORACLE";
   
       border-bottom: medium solid var(--textColorAlt);
  }
   .oracle-header hr{
       border-color: var(--textColor);
  }
   
   .overwatch-header{
     /* -- Overwatch Header -- */
       color: var(--textColor);
       background-image:
            linear-gradient(
                 hsla(205, 28%, 27%, .7),
                 hsla(205, 28%, 27%, .7)),
                 url(https://i.imgur.com/Q2TCZnd.png);
       border: thick solid hsl(205, 36%, 5%);
  }
   .overwatch-header > p:nth-child(1)::before{
       content: "BY ORDER OF THE OVERWATCH COUNCIL";
   
       border-bottom: medium solid hsl(205, 36%, 5%);
  }
   .overwatch-header hr{
       border-color: hsl(205, 36%, 5%);
  }
   
   .raisa-header{
     /* -- RAISA Notice Header -- */
       color: var(--textColor);
       background-image:
            linear-gradient(
                 hsla(60, 18%, 36%, .7),
                 hsla(60, 18%, 36%, .7)),
                 url(https://i.imgur.com/4uLBoQ3.png);
       border: thick solid hsl(0, 0%, 60%);
  }
   .raisa-header hr{
       border-color: hsl(0, 0%, 60%);
  }
   
   .warning-header{
     /* -- Warning Header (Adapted From 'SCP-3143' & 'SCP-5664') -- */
       color: var(--textColorAlt);
       background-attachment: fixed;
       background-color: hsl(356, 98%, 16%);
       background-image:
          url(https://scp-wiki.wdfiles.com/local--files/theme%3Aflopstyle-dark/alt_logo_trans.png);
       background-position: center;
       background-size: 400px;
       border: thick solid var(--keyColor);
  }
   .warning-header p:nth-child(1)::before{
       display: flex;
       justify-content: center;
       margin: .53rem 0;
       padding: 0 0 .8rem;
       content: "⚠ WARNING ⚠";
   
       border-bottom: medium solid var(--keyColor);
       filter: saturate(.85) brightness(1.15);
   
       font: 1.95rem var(--header-font);
  }
   .warning-header hr{
       border-color: var(--keyColor);
  }
   
   .oracle-header strong, .overwatch-header strong,
   .raisa-header strong, .warning-header strong{
       color: var(--textColorAlt);
  }
   
   .classification-header h2, .ethics-header h2, .miscomm-header h2,
   .oracle-header h2, .overwatch-header h2, .raisa-header h2,
   .classification-header h3, .ethics-header h3, .miscomm-header h3,
   .oracle-header h3, .overwatch-header h3, .raisa-header h3,
   .classification-header h4, .ethics-header h4, .miscomm-header h4,
   .oracle-header h4, .overwatch-header h4, .raisa-header h4,
   .warning-header h2, .warning-header h3, .warning-header h4{
       color: inherit;
  }
   
   .log-header, .report-box, .narration{
       margin: 1rem 0;
       padding: .02rem 1rem;
  }
   
   .log-header{
     /* -- Interview/Incident/Exploration Log Header -- */
       color: var(--textColorAlt);
       background: var(--fgColor);
       border: thick dashed var(--accentColor);
       border-radius: 2rem;
  }
   
   div.blockquote.larger, .darkbox.larger, .lightbox.larger, .report-box.larger {
      /* -- Larger Quote Size -- */
      font-size: 125%;
  }
   
   blockquote, div.blockquote {
      /* -- Quote Block -- */
      margin: 1rem 3rem;
      padding: .02rem 1rem;
   
      color: var(--textColorAlt);
      background-color: var(--fgColor);
      border: 0;
      border-left: 7px solid var(--accentColor);
      box-shadow: 5px 5px var(--bgColor);
  }
   
   @media (max-width: 767px) {
       blockquote, div.blockquote {
          margin: 1rem 0;
      }
  }
   
   div.blockquote.dashed {
      /* -- Alternative Quote 1 | Dashed -- */
      border-left-style: dashed;
  }
   
   div.blockquote.classic {
      /* -- Alternative Quote 2 | Classic -- */
      border: medium solid var(--accentColor);
  }
   
   div.blockquote.classic.curved {
      /* -- Alternative Quote 3 | Classic Curved -- */
      border-radius: 1.27rem;
  }
   
   div.blockquote.lightweight {
      /* -- Alternative Quote 4 | Lightweight -- */
      border-left: 0;
  }
   
   div.blockquote.simple {
      /* -- Alternative Quote 5 | Simple -- */
      margin: 1rem 0;
      padding: 0 1rem;
   
      color: var(--textColor);
      background: 0;
      border-left-style: solid;
  }
   
   .darkbox, .lightbox{
       margin: 1rem 0;
   
       border-right: 7px solid var(--accentColor);
       border-left: 7px solid var(--accentColor);
  }
   .darkbox{
       color: var(--textColorAlt);
       background: var(--fgColor);
   
       padding: .4rem .6rem;
  }
   .lightbox{
       color: var(--fgColor);
       background: var(--textColorAlt);
   
       padding: .8rem;
  }
   .lightbox hr{
       border-color: var(--keyColor);
  }
   .lightbox h1, .lightbox h2, .lightbox h3,
   .lightbox h4, .lightbox h5, .lightbox h6{
       color: var(--fgColor);
  }
   .lightbox strong,
   .lightbox a{
       font-weight: bold;
       filter: saturate(1.5) brightness(.5);
  }
   .lightbox a:hover{
       color: var(--alphaColor);
       filter: unset;
  }
   
   .report-box{
     /* -- Report Box -- */
       color: var(--textColorAlt);
       background: var(--fgColor);
       border-top: 11px solid var(--accentColor);
  }
   
   .red-tint, .orange-tint, .yellow-tint,
   .green-tint, .cyan-tint,
   .blue-tint, .magenta-tint, .grey-tint{
       color: var(--textColor);
       background: var(--fgColor);
       border: medium solid var(--accentColor);
  }
   .red-tint, .red-tint hr, .red-tint h3{
     /* -- Alternative Report Block Colors -- */
     --fgColor: hsl(360, 48%, 45%);
     --accentColor: hsl(360, 62%, 75%);
     --accentColorLite: hsla(360, 62%, 85%, .5);
  }
   .orange-tint, .orange-tint hr, .orange-tint h3{
     --fgColor: hsl(30, 48%, 35%);
     --accentColor: hsl(30, 50%, 73%);
     --accentColorLite: hsla(30, 50%, 83%, .5);
  }
   .yellow-tint, .yellow-tint hr, .yellow-tint h3{
     --fgColor: hsl(60, 48%, 26%);
     --accentColor: hsl(60, 56%, 76%);
     --accentColorLite: hsla(60, 56%, 86%, .5);
  }
   .green-tint, .green-tint hr, .green-tint h3{
     --fgColor: hsl(120, 48%, 29%);
     --accentColor: hsl(120, 56%, 76%);
     --accentColorLite: hsla(120, 56%, 86%, .5);
  }
   .cyan-tint, .cyan-tint hr, .cyan-tint h3{
     --fgColor: hsl(180, 48%, 28%);
     --accentColor: hsl(180, 56%, 76%);
     --accentColorLite: hsla(180, 56%, 86%, .5);
  }
   .blue-tint, .blue-tint hr, .blue-tint h3{
     --fgColor: hsl(240, 48%, 54%);
     --accentColor: hsl(240, 56%, 76%);
     --accentColorLite: hsla(240, 56%, 86%, .5);
  }
   .magenta-tint, .magenta-tint hr, .magenta-tint h3{
     --fgColor: hsl(300, 48%, 41%);
     --accentColor: hsl(300, 56%, 76%);
     --accentColorLite: hsla(300, 56%, 86%, .5);
  }
   .grey-tint, .grey-tint hr, .grey-tint h3{
     --fgColor: hsl(210, 24%, 39%);
     --accentColor: hsl(210, 12%, 75%);
     --accentColorLite: hsla(210, 12%, 85%, .5);
  }
   .red-tint ::selection, .orange-tint ::selection, .yellow-tint ::selection,
   .green-tint ::selection, .cyan-tint ::selection,
   .blue-tint ::selection, .magenta-tint ::selection, .grey-tint ::selection{
       color: var(--keyColor);
  }
   
   .overwatch-box{
     /* -- Overwatch Document Box -- */
       margin: 1rem 6rem;
       padding: .02rem 1rem;
   
       background: hsl(207, 24%, 25%);
       border: medium solid hsl(205, 36%, 5%);
  }
   @media (max-width: 479px){
       .overwatch-box{
            margin: 1rem 0;
      }
  }
   @media (min-width: 480px) and (max-width: 580px){
       .overwatch-box{
            margin: .53rem;
      }
  }
   .overwatch-box strong{
       color: var(--textColorAlt);
  }
   .overwatch-box hr{
       border-color: hsl(205, 36%, 5%);
  }
   
   .narration{
     /* -- Mimics the Pages of a Book -- */
       border: 7px solid var(--fgColor);
  }
   
   .journal{
     /* -- Page (Adapted From 'RAISA-007710') -- */
       margin: 1rem 0;
       padding: .73rem 1.33rem 1.33rem;
   
       background:
          linear-gradient(
            to top,
            hsl(225, 2%, 28%) 0%,
            hsl(0, 0%, 19%) 8%) 0 8px;
       background-size: 100% 1.33rem;
       border: thin solid gray;
  }
   .journal p{
       margin: 0;
   
       font: 1.33rem/1.33rem var(--script-font);
  }
   .journal strong{
       color: var(--textColor);
  }
   .highlighter,
   .journal ::selection{
       padding: 0 .27rem;
       background: hsla(30, 99%, 59%, .3);
  }
   
  /* -- TEXT STYLE --
   *   by JaonHax
  **/
  /* External box */
   .text-container-wrap{
       background: var(--fgColor);
       border-color: var(--keyColor);
   
       pointer-events: all !important;
  }
   .text-container-wrap h1, .text-container-wrap h2,
   .text-container-wrap h3, .text-container-wrap h4{
        color: var(--accentColor);
  }
   .text-container-wrap h5, .text-container-wrap h6{
        color: var(--textColor);
  }
   
  /* Internal box */
   .text-container{
       background: var(--bgColor);
       box-shadow: none;
  }
   
  /* Messages */
   .recv .text{
       color: var(--textColorAlt);
       background: var(--fgColor);
  }
   .sent .text{
       color: var(--alphaColor);
  }
   .recv .text strong, .sent .text strong{
       color: var(--textColorAlt);
  }
   .recv .text a{
       color: hsl(213, 94%, 58%);
       border-color: hsl(213, 94%, 58%) !important;
  }
   .sent .text a{
       color: unset;
       border-color: var(--textColor) !important;
  }
   .recv .text a:hover{
       color: var(--keyColor);
       background: hsl(213, 94%, 58%);
  }
   .sent .text a:hover{
       background: hsl(214, 94%, 34%);
  }
   
  /* Selection */
   .text-container-wrap *::selection{
       background: hsla(214, 80%, 34%, .8) !important;
  }
   
  /* -- HAZARD BOX -- */
   .hazard-box{
     /* -- Overall -- */
       display: flex;
       align-items: center;
       margin: 1rem 0;
   
       background: var(--fgColor);
  }
   .hazard-box-image{
     /* -- Image -- */
       width: calc(100% * .2);
       padding: .13rem 0 .13rem .53rem;
  }
   .hazard-box-text{
     /* -- Text -- */
       width: 95%;
       margin: .27rem 0;
       padding: .27rem .53rem;
   
       color: var(--textColorAlt);
  }
   .hazard-box-1{ border-left: 11px solid rgb(var(--one-color)); }   /* Green */
   .hazard-box-image-1{
       filter: invert(.4) sepia(.5) saturate(750%) hue-rotate(100deg) brightness(1.25);
  }
   .hazard-box-2{ border-left: 11px solid rgb(var(--two-color)); }   /* Blue */
   .hazard-box-image-2{
       filter: invert(.4) sepia(.5) saturate(750%) hue-rotate(178deg) brightness(1.25);
  }
   .hazard-box-3{ border-left: 11px solid rgb(var(--three-color)); }   /* Yellow */
   .hazard-box-image-3{
       filter: invert(.4) sepia(.5) saturate(750%) hue-rotate(12deg) brightness(1.75);
  }
   .hazard-box-4{ border-left: 11px solid rgb(var(--four-color)); }   /* Orange */
   .hazard-box-image-4{
       filter: invert(.4) sepia(.5) saturate(750%) hue-rotate(341deg) brightness(1.25);
  }
   .hazard-box-5{ border-left: 11px solid rgb(var(--five-color)); }   /* Red */
   .hazard-box-image-5{
       filter: invert(.4) sepia(.5) saturate(1000%) hue-rotate(303deg);
  }
   .hazard-box-6{ border-left: 11px solid rgb(var(--six-color)); }   /* Violet */
   .hazard-box-image-6{
       filter: invert(.4) sepia(.5) saturate(750%) hue-rotate(221deg) brightness(1.25);
  }
   .hazard-box-0{ border-left: 11px solid rgb(var(--white-bar)); }   /* White */
   .hazard-box-image-0{
       filter: invert(.81);
  }

  Pages using this styling

  • dancing-into-the-sun [info]

  ¶ 1 occurrence
  

  
  /* *** DIVS *** */
   
  .addendum {
      border: solid 2px rgb(var(--bright-accent));
      background: #F5F5F5;
      width: 84%;
      padding: 1px 15px;
      margin: 10px auto;
  }
   
  .label {
      background: rgb(var(--bright-accent));
      color: white;
      padding: 3px;
      border-radius: 4px;
      font-family: monospace;
      white-space: nowrap;
  }
   
  .doc {
      background-color: rgb(var(--bright-accent));
      color: white;
      font-family: var(--mono-font);
      padding: 0 1.5rem;
      font-size: 1.1em;
      width: -webkit-fit-content;
      width: -moz-fit-content;
      width: fit-content;
      position: relative;
      top: -2em;
      border-radius: 4px;
      margin-bottom: -3rem;
  }
   
  .addendum {
      margin-top: 1.6rem;
  }
   
  .angled {
      -webkit-clip-path: polygon(4% 0%, 100% 0%, 96% 100%, 0% 100%);
              clip-path: polygon(4% 0%, 100% 0%, 96% 100%, 0% 100%);
      border-radius: 5px;
  }
   
  .foundation {
      border: solid 3px #444;
      background: #f2f2c2 url('https://scp-wiki.wdfiles.com/local--files/theme%3Aredtape/scp_trans.png') center center no-repeat;
      padding: 1.5rem;
      margin-bottom: 10px;
      color: black;
  }
   
  .foundation p {
      margin: none;
  }
   
  .foundation.snow {
      background: #fff url('https://scp-wiki.wdfiles.com/local--files/theme%3Aredtape/scp_trans.png') center center no-repeat;
  }
   
  .foundation.raisa {
      background: #f2f2c2 url('https://scp-wiki.wdfiles.com/local--files/theme%3Aredtape/raisa_trans.png') center center no-repeat;
      background-size: 29rem;
      text-align: center;
  }
   
  .foundation.alt {
      background: #fff url('https://scp-wiki.wdfiles.com/local--files/theme%3Ai57/scp-logo-i57.png') center center no-repeat;
  }
   
  .goc {
      background: #fff url('https://scp-wiki.wdfiles.com/local--files/theme%3Aredtape/goc-fade.png') -5rem -5rem no-repeat !important;
      border: none;
      border-left: 5px solid #275495;
      background-size: 30rem;
      box-shadow: 1px 1px 4px #27549582;
      color: black;
  }
   
  .goc h1,
  .goc h2,
  .goc h3,
  .goc h4,
  .goc h5,
  .goc h6 {
      font-family: 'Russo One', sans-serif;
      color: #5c95e6;
  }
   
  .goc hr,
  .goc .label {
      background: #275495 !important;
  }
   
  .goc .scp-image-caption {
      background-color: #275495;
      box-shadow: none;
  }
   
  .goc.notice {
      width: 80%;
      margin: 0.625rem auto;
      padding: 0.9375rem;
      border: solid 0.125rem #5c95e6;
      background: #fff url('https://scp-wiki.wdfiles.com/local--files/theme%3Aredtape/goc-fade.png') center no-repeat;
      background-size: auto;
      text-align: center;
      background-position: center !important;
  }
   
  .generic {
      position: relative;
      margin: 0.5em 1.25rem;
      padding: 0.825em 1.25em;
      clear: both;
      -webkit-clip-path: polygon(93% 0px, 100% 15.11%, 100% 100%, 0px 100%, 0px 0px);
              clip-path: polygon(93% 0px, 100% 15.11%, 100% 100%, 0px 100%, 0px 0px);
      border-left: 4px solid gray;
  }
   
  .generic hr {
      background: gray;
      border: none;
  }
   
  .generic h1,
  .generic h2,
  .generic h3,
  .generic h4,
  .generic h5,
  .generic h6 {
      color: #515050;
  }
   
  .generic.red {
      background: #ff4a4a3d;
  }
   
  .generic.blue {
      background: #4a80ff3d;
  }
   
  .generic.yellow {
      background: #fff77f3d;
  }
   
  .generic.purple {
      background: #a561d536;
  }
   
  .flameframe {
      background: url('https://cdn.discordapp.com/attachments/1013691157999530004/1017164979906023504/unknown.png');
      color: white;
      background-size: 100% 100%;
      background-position: center;
  }

  Pages using this styling

  • dancing-into-the-sun [info]

  ¶ 1 occurrence
  

   :root{
     /* -- COLORS -- */
       --accentColor: hsl(0, 89%, 41%);
       --accentColorLite: hsla(0, 89%, 51%, .5);
       --hue: 0deg;
  
     /* -- LOGO -- */
       --lgurl: url(https://scp-wiki.wdfiles.com/local--files/nightfall-hub/moon1.png);
  
     /* -- TITLES -- */
       --header-title: "NIGHTFALL";
       --header-subtitle: "Moror Per Noctem Morabitur";
  
     /* -- STATIC COLORS -- */
       --textColor: hsl(212, 3%, 75%);
       --bgColor: hsl(220, 20%, 10%);
  }
  
   #extra-div-1{
       filter: opacity(.2) saturate(1.25) brightness(1.25);
  }

  Pages using this styling

  • dance-in-the-ash [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Baumans&display=swap');
  #header h2 span::before {
      content: 'Stardust to the Stars ';
  }
  #page-title {
     font-size: 0pt;
  }
  #breadcrumbs {
     display: none;
  }
  div#page-content a.collapsible-block-link{
  color: #315B7D;
  font-size: 150%;
  font-weight: bold;
  font-family: "Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica;
  letter-spacing: 1px;
  }
  .scpf {
  background-color: rgba(252, 81, 48, 0.25);
  }
  .goc {
  background-color: rgba(48, 188, 237, 0.25);
  }
  .tcc {
  background-color: rgba(157, 121, 188, 0.25);
  }
  .five {
  background-color: black;
  color: white;
  }

  Pages using this styling

  • damocles [info]

  ¶ 1 occurrence
  

  #header h1 a::before {
      content: "I am who I am";
  }
  
  #header h2 span::before {
      content: "Nothing you do can change that.";
  }

  Pages using this styling

  • daisydeathdysphoria [info]

  ¶ 1 occurrence
  

  :root {
    --header-title: "SCP FOUNDATION";
    --lgurl: url("https://scp-wiki.wdfiles.com/local--files/math-department-hub/Math%20Department%20Logo%20-%20Penumbra.png");
    /* --header-subtitle: "DEPARTMENT OF MATHEMATICS"; */
    /* --accentColor: #1eb5e8; */
    --header-subtitle: "DEPARTMENT OF APPLIED MATHEMATICS";
    --accentColor: #65cdf0;
    /* --header-subtitle: "DEPARTMENT OF ESOTERIC MATHEMATICS"; */
    /* --accentColor: #0099cc; */
    /* --header-subtitle: "DEPARTMENT OF TACTICAL MATHEMATICS"; */
    /* --accentColor: #636fee; */
    --fnColor: var(--accentColor);
  }
  
  /* Bottom Rating Module */
  .bottom-rating-module {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-block: 1rem;
  }
  
  .bottom-rating-module .page-rate-widget-box {
    margin: 0;
  }
  
  /* Article-Specific Styling */
  div.vertblock {
      border: solid 2px var(--darkColor);
      box-shadow: 0px -3px 0px -0.1px var(--accentColor);
  }
  
  /*
  table:has(#toc) {
    margin: 0 auto !important;
  }
  */
  
  .scp-image-block img {
    filter: brightness(50%);
  }
  .scp-image-block img:hover {
    filter: brightness(100%);
  }
  
  .fnnum {
    font-weight: normal;
  }
  .fnnum::after,
  .fncon::before {
      content: "ⓘ";
  }
  .fncon {
    background: var(--darkerColor);
    color: var(--lightColor);
    border: .1rem solid var(--accentColor);
  }
  
  a.external {
    text-decoration-line: underline;
    text-decoration-style: dashed;
  }
  
  /* Bibliography */
  .bibitems {
      background-color: var(--darkerColor);
      padding-left: 1.4rem;
      padding-right: 1.4rem;
      padding-bottom: 1.5rem;
      box-shadow: -0.24rem 0px 0px 0px var(--accentColor);
  }
  .bibitems .title {
      color: var(--lightColor);
  }
  .bibitem {
    text-indent: 1.4rem hanging; 
    padding-bottom: 0.3125rem;
  }
  .bibitem::first-letter {
    font-weight: bold;
  }
  

  Pages using this styling

  • daevite-mathematics-complex-numbers [info]

  ¶ 1 occurrence
  

  
  .fancyhr hr {
      border-top: 2vw solid transparent;
      background-color: rgba(var(--bright-accent), 0);
      height: 0;
      box-sizing: border-box;
      border-image-source: url('https://wanderers-library.wikidot.com/local--files/component:dustjacket-theme/wl_hr.png');
      border-image-repeat: round round;
      background: none;
      border-image-slice: 80 500 80 500 fill;
      border-image-width: 10em 80em 10em 80em;
  }
  
  /* YUI-TABS */
  /* This is the parent class for most of the tab module. */
  .yui-navset .yui-content{
      background-color: #F1F0E6;
      padding: 10px 25px 10px 25px;
      border-width: 15px 1px 1px 1px;
      border-color: #291f1f;
   
  }
   
  /* This section affects unselected tabs. */
  .yui-navset .yui-nav a,
  .yui-navset .yui-navset-top .yui-nav a {
      font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
      background-color: transparent;
      background-image: url(https://scp-wiki.wdfiles.com/local--files/component%3Aspirit-theme/yuitabs8.png);
      background-size: cover;
      border-width: 0px;
      padding: 2px 20px 0px 20px;
      margin-top: 10px;
      border-top: none;
  }
   
  /* This section affects the currently selected tab. */
  .yui-navset .yui-nav .selected a,
  .yui-navset .yui-nav .selected a:focus, /* no focus effect for selected */
  .yui-navset .yui-nav .selected a:hover { /* no hover effect for selected */
      font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
      background:transparent url(https://scp-wiki.wdfiles.com/local--files/component%3Aspirit-theme/yuitabs7.png) ; /* selected tab background */
      color:#000;
      background-size: cover;
      border-width: 0px;
      padding: 2px 20px 0px 20px;
      margin-top: 10px;
      border-top: none;
  }
   
  /* This section affects tabs you are hovering over. */
  .yui-navset .yui-nav a:hover,
  .yui-navset .yui-nav a:focus {
      font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
      background:transparent url(https://scp-wiki.wdfiles.com/local--files/component%3Aspirit-theme/yuitabs7.png) ;
      background-size: cover;
      text-decoration: hover;
      border-width: 0px;
      padding: 2px 20px 0px 20px;
      margin-top: 10px;
      border-top: none;
  }
   
  /* This removes the border around tab images. */
  .yui-navset .yui-nav,
  .yui-navset .yui-navset-top .yui-nav {
      border-color: transparent;
  }
  .yui-navset .yui-nav,
  .yui-navset .yui-navset-top .yui-nav {
      border-color: #291f1f;
  }
  .yui-navset li {
      line-height: normal;
  }
  .yui-navset .yui-nav a em, .yui-navset .yui-navset-top .yui-nav a em {
      border-color: none;
      border-width: 0;
      bottom: 0;
      left: 0;
      padding: 0.25em 0.75em;
      position: relative;
      right: 0;
      top: -1px;
  }
  span, a { word-break: normal !important }

  Pages using this styling

  • daevite-hub [info]

  ¶ 1 occurrence
  

  :root {
    --header-title: "FOODBLOGS.VOID";
    --header-subtitle: "A taste for the anomalous.";
  }
  
  /* Toggle Sidebar compatibility */
  #side-bar { top: 0; }
  .inkblot-header { width: 100%; left: 0; }

  Pages using this styling

  • daeva-cooking-and-you [info]

  ¶ 1 occurrence
  

  
  @import url('https://scp-wiki.wdfiles.com/local--files/nsl213-pilesaran-and-soonesaran/PilesaranStylesheet.css');

  Pages using this styling

  • daeva-cooking-and-you [info]

  ¶ 1 occurrence
  

  * { text-transform: lowercase !important; }

  Pages using this styling

  • dado-hub [info]

  ¶ 1 occurrence
  

   :root{
     --header-title: "ANOMALOUS BROADCASTING";
     --header-subtitle: "DISCREDIT - ARCHIVE - BROADCAST";
  }
  
  #header h1 a::before{ font-size: 100%; }
  
  @media (max-width: 455px) {
    #header h1 a::before {
      line-height: 1;
      bottom: 1.7em;
    }
    #header h2::before {
      top: -.3em;
    }
  }

  Pages using this styling

  • dab-orientation [info]

  ¶ 1 occurrence
  

  :root {
      --linkColor: #BE5504;
      --linkColor-newpage: #BE5504;
      --header-title: 'D-Barschina Author Page';
      --primaryBackgroundColor: #003153;
      --secondaryBackgroundColor: #003153;
      --tertiaryBackgroundColor: #BE5504;
      --borderColor: #BE5504;
      --shadow: rgba(0,0,0,0.225);
      --selectionColor: #BE5504;
      --textColor: #FFFFFF;
      --textColor-alt: #8E8E8E;

  Pages using this styling

  • d-barschina-author-page [info]

  ¶ 1 occurrence
  

  .page {
      display: block;
      overflow: hidden;
      font-family: "Monotype Corsiva", "Bradley Hand ITC", sans-serif;
      font-style: normal;
      color: black;
  
      background-attachment: scroll;
      background-clip: border-box;
      background-color: transparent;
      background-image: linear-gradient(to top ,rgb(202, 219, 228) 0%, rgb(231, 233, 220) 8%);
      background-origin: padding-box;
      background-position: 0px 8px;
      background-repeat: repeat;
      background-size: 100% 20px;
  
      border: 1px solid #CCC;
      border-radius: 10px;
      padding: 10px 10px;
      margin-bottom: 10px;
  
      box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2)
      }
  .page p {
      line-height: 20px;
      margin: 0;
  }

  Pages using this styling

  • d-a-r-e-drugs-are-really-extreme [info]

  ¶ 1 occurrence
  

  @import url(http://dog-punch.wikidot.com/local--files/tes:10035/kugiri.css);
  
  #side-bar {
  margin-left: 0 !important;
  }
  
  :root {
      --title: "SCP Foundation";
      --subtitle: "System Error";
  }
  

  Pages using this styling

  • czarne-niebo-hub [info]

  ¶ 1 occurrence
  

  #page-title {
      display:none;
  }

  Pages using this styling

  • cyrusfiredawn [info]

  ¶ 1 occurrence
  

  #breadcrumbs{
      margin: auto;
      text-align: center;
      padding-bottom: 0 !important;
  }
  
  #page-title {
      position: relative;
      text-align: center;
      border-bottom: none;
      margin-bottom: 0;
      color: #08780c;
      padding: 0 !important;
      font-size: 5em !important;
  }

  Pages using this styling

  • curtain-call [info]

  ¶ 1 occurrence
  

  @import url('https://scp-wiki.wikidot.com/local--files/curated-tale-series/css2');
  :root {
      --basalt-overtone: 40,40,40;
      --basalt-undertone: 248,60,55;
      --basalt-background-color: 252,252,252;
  
      --link-color: var(--basalt-undertone);
      --link-visited-color: 240,52,50;
  
      --main-content-width: 63.5rem;
      --main-content-top-margin: 0rem;
      --base-font-size: 0.9675rem;
  
      --base-header-height: 2.875rem;
      --header-title: "SCP FOUNDATION";
      --subtitle-size: 0rem;
  }
  
  body {
      background-size: 1.5rem 1.5rem;
      background-image: linear-gradient(rgb(var(--basalt-undertone),0.07) 1px, transparent 1px), linear-gradient(to right, rgb(var(--basalt-undertone),0.07) 1px, transparent 1px);
  }
  
  #header h1 a::before { content: unset; }
  #page-title { display: none; }
  
  /* --- big display feature ---*/
  
  .display-container {
     display: grid;
     grid-template-columns: 50% 50%;
     grid-template-rows: auto;
     grid-template-areas:
         'image text'
         'image text';
     padding: 8px;
     margin-bottom: 2rem;
     box-sizing: border-box;
  }
  .display-container.second {
     grid-template-areas:
         'text image'
         'text image';
  }
  
  .tale-cover {
      grid-area: image;
      place-self: center;
      justify-self: center;
      box-sizing: border-box;
  }
  .tale-desc {
      grid-area: text;
      justify-self: stretch;
      padding-left: 1.4rem;
      border-left: solid 0.1rem #333;
      margin-left: 0.8rem;
      box-sizing: border-box;
      font-size: 105%;
  }
  .tale-desc h4 {
      text-align: end;
      font-weight: normal;
      font-style: italic;
  }
  .display-container.second .tale-desc {
      padding-left: 0; padding-right: 1.4rem;
      border-left: none; border-right: solid 0.1rem #333;
      margin-left: 0; margin-right: 0.8rem;
  }
  
  .tale-cover img {
      width: 480px;
      border-radius: 15px;
      box-sizing: border-box;
      box-shadow: 0px 0px 7px rgba(0,0,0,0.3);
      transition: 0.34s ease-in-out transform, 0.38s ease-in-out box-shadow;
  }
  .tale-cover img:is(:hover,:focus-within) {
    transform:
      perspective(75em)
      rotateY(25deg);
    box-shadow: -2px 0px 8px rgba(0,0,0,0.2);
  }
  .display-container.second .tale-cover img:is(:hover,:focus-within) {
    transform:
      perspective(75em)
      rotateY(-25deg);
    box-shadow: 2px 0px 8px rgba(0,0,0,0.2);
  }
  
  :is(.tale-desc, .multi-grid div, .multi-grid-small div) h3 {
      font-size: 2em;
      text-align: center;
      letter-spacing: -0.045em;
  }
  .multi-grid div h3 { font-size: 1.25em; }
  .multi-grid-small div h3 { font-size: 1.15em; }
  
  @media (max-width: 700px) {
      .display-container, .display-container.second {
          grid-template-areas:
             'image image'
             'text text';
      }
      .tale-desc, .display-container.second .tale-desc {
          padding: 4px;
          border: none;
          border-top: solid 0.1rem #333;
          margin: 0; margin-top: 1rem;
      }
      .tale-cover img::is(:hover,:focus-within), .display-container.second .tale-cover img:is(:hover,:focus-within) {
          transform: none;
      }
  }
  
  /* --- medium display features ---*/
  .multi-grid {
      display: grid;
      grid-template-columns: repeat(auto-fill, minmax(min(24rem, 100%), 1fr));
      grid-gap: 1.5rem;
      margin-bottom: 2.4rem;
      box-sizing: border-box;
  }
  .multi-grid > div {
      background: #fff;
      box-shadow: 0px 0px 6px rgba(0,0,0,0.24);
      padding: 1.5rem;
      border-radius: 8px;
      box-sizing: border-box;
  }
  
  #page-content h2 { text-align: end; }
  #page-content .sep-h2 h2 { text-align: start; font-size: 2.25em; }
  
  .multi-grid-small {
      display: grid;
      grid-template-columns: repeat(auto-fill, minmax(min(17rem, 100%), 1fr));
      grid-gap: 1rem;
      margin-bottom: 2.4rem;
      box-sizing: border-box;
  }
  .multi-grid-small > div {
      background: #fff;
      box-shadow: 0px 0px 4px rgba(0,0,0,0.2);
      padding: 0.8rem;
      border-radius: 6px;
      box-sizing: border-box;
      position: relative;
  }
  
  .multi-grid-small > div > .image-container { margin-bottom: -0.4rem; margin-top: -0.4rem; }
  
  .multi-grid > div a, .multi-grid-small > div a {
      font-size: 105%;
      display: block;
      color: inherit;
      background-color: inherit;
      padding: 6px;
      text-align: center;
      font-style: oblique;
      margin: auto; margin-top: 0.6rem; margin-bottom: -0.8rem;
  }
  .multi-grid-small > div a { margin-top: -0.4rem; }
  
  :is(.multi-grid, .multi-grid-small) > div a::before,
  :is(.multi-grid, .multi-grid-small) > div a::after {
      content: " ";
      display: block;
      width: 100%;
      height: 0.1rem;
      background-color: #fff;
      mix-blend-mode: difference;
  }
  :is(.multi-grid, .multi-grid-small) > div a::before { margin-bottom: 0.4rem; }
  :is(.multi-grid, .multi-grid-small) > div a::after { margin-top: 0.45rem; }
  
  div.standalone::before {
      content: "Standalone";
      font-size: 83%;
      color: white;
      background-color: rgb(var(--basalt-undertone));
      padding: 4px; padding-left: 6px; padding-right: 7px;
      position: absolute;
      bottom: calc(100% - .875rem); left: -0.3rem;
      border-radius: 0 4px 4px 0;
  }
  div.standalone::after {
      content: " ";
      background: rgb(0,0,0);
      background: linear-gradient(45deg, rgba(0,0,0,0) 50%, rgb(var(--basalt-undertone)) 50%);
      display: block;
      width: 2rem; height: 2rem;
      position: absolute;
      top: .875rem; left: -0.3rem;
      border-radius: 0 4px 4px 0;
      filter: brightness(0.625);
      z-index: -2;
  }
  
  /*--- Content Warning span ---*/
  #page-content .content-warning {
      display: flex;
      align-items: center;
      color: black;
      font-weight: bold;
      font-size: .825em;
      background-color: #FFD101;
      box-shadow: 0 0 0 4px #ffd101;
      padding: .25em; padding-inline-end: 1em;
      border-radius: 2rem;
      border: solid .125rem currentColor;
      justify-content: center;
      text-align: center;
      max-width: max-content;
      margin: 1rem auto auto;
  }
  #page-content .content-warning::before {
      content: "\26A0";
      font-size: 1.75em;
      font-weight: normal;
      padding: .25em;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      text-align: center;
      margin-right: 0.3rem;
  }
  
  /*--- Complete span ---*/
  #page-content .complete {
      display: flex;
      align-items: center;
      font-weight: bold;
      font-family: var(--mono-font);
      color: white;
      background-color: #0096f0;
      box-shadow: 0 0 0 4px #0096f0;
      padding: .5em 1em .5em .75em;
      border-radius: .5rem;
      border: solid .125rem currentColor;
      justify-content: center;
      text-align: center;
      max-width: max-content;
      margin: 1rem auto auto;
  }
  #page-content .complete::before {
      content: "\26A0";
      content: '';
      display: block;
      height: 1.5em;
      width: 1.125em;
      background-color: currentColor;
      clip-path: polygon(0 0, 100% 0, 100% 100%, 50% 67.5%, 0 100%);
      text-align: center;
      margin-right: 0.575em;
  }

  Pages using this styling

  • curated-tale-series [info]

  ¶ 1 occurrence
  

   .content-panel {
       border: solid 1px #888880;
       border-radius: 10px;
       background-color: #999990;
       margin: 10px 0 15px;
       box-shadow: 3px 3px 6px #bbb;
       box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.1);
  }
   .content-panel.standalone {
       background: #fcfdfb;
  }
   .content-panel.series {
       padding: 0 20px;
       margin-bottom: 20px;
       padding-bottom: 1rem;}

  Pages using this styling

  • curated-lists [info]

  ¶ 1 occurrence
  

  
  :root {
      --logo-image: url("https://scp-wiki.wdfiles.com/local--files/cubeseer-author-page/spinning_cube.gif");
      --header-title: "CUBESEER";
      --header-subtitle: "Sunrise, Parabellum";
      --wm-bg: 0,0,0;
      --wm-accent: 138,18,98;
      --wm-border: 170,170,170;
      --foreground-stars: 100s;
      --midground-stars: 200s;
      --background-stars: 300s;
  }
  
  /*---------- Pride Logo Headers ----------*/
  
  .orderwrapper {
      background-image: url( "https://scp-wiki.wdfiles.com/local--files/component:pride-highlighter/lgbtqp_logo_blk.svg" );
      background-size: contain;
      background-repeat: no-repeat;
      background-position: center;
      -webkit-text-stroke: .3px white;
  }
  
  .pridelogr {
      background-image: url( "https://scp-wiki.wdfiles.com/local--files/component:pride-highlighter/lgbtqp_logo_blk.svg" );
  }
  
  .pridelogn {
      background-image: url( "https://scp-wiki.wdfiles.com/local--files/component:pride-highlighter/nb_logo_blk.svg" );
  }
  
  .pridelogb {
      background-image: url( "https://scp-wiki.wdfiles.com/local--files/component:pride-highlighter/bi_logo_blk.svg" );
  }
  
  .pridelogt {
      background-image: url( "https://scp-wiki.wdfiles.com/local--files/component:pride-highlighter/tg_logo_blk.svg" );
  }
  
  /*---------- Animated Rainbow Text ----------*/
  
  .parade {
      margin: 0.5em auto;
      text-align: center;
      color: transparent;
      -webkit-background-clip: text;
      background-clip: text;
      background-image: linear-gradient(45deg,
  rgb(255,0,0),
  rgb(255,128,0),
  rgb(255,255,0),
  rgb(128,255,0),
  rgb(0,255,0),
  rgb(0,255,128),
  rgb(0,255,255),
  rgb(0,128,255),
  rgb(0,0,255),
  rgb(128,0,255),
  rgb(255,0,255),
  rgb(255,0,128),
  rgb(255,0,0));
      background-size: 200%;
      -webkit-animation: rainbow 10s linear infinite;
      -moz-animation: rainbow 10s linear infinite;
      -o-animation: rainbow 10s linear infinite;
      animation: rainbow 10s linear infinite;
  }
  
  @keyframes rainbow {
      0% {background-position: 0 0;}
      100% {background-position: 200% 0;}
  }
  
  /*---------- Latest Article Ticker ----------*/
  
  .ticker {
      background-color: #272727;
      color: magenta;
      white-space: nowrap;
      overflow: hidden;
      box-sizing: border-box;
      border: 4px grey solid;
      text-align: center;  
  }
  
  .ticker p {
      font-family: monospace;
      display: inline-block;
      padding-left: 100%;
      animation: marquee 10s linear infinite;
  }
  
  .ticker > .list-pages-box a {
      text-decoration: underline;
  }
  
  @keyframes marquee {
      0%   { transform: translate(0, 0); }
      100% { transform: translate(-100%, 0); }
  }
  
  @media only screen and (max-width: 767px) {
      .ticker {
          top: 9%;
      }
  }
  
  /*---------- Scanline ----------*/
   
  #extrac-div-1 {
      position: fixed;
      width: 100vw;
      height: 100vh;
      pointer-events: none;
      background: repeating-linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, .15) 50%, rgba(0, 0, 0, 0));
      background-size: auto 8px;
      opacity: 0.7;
  }
   
  #extrac-div-2 {
      position: fixed;
      width: 100vw;
      height: 1rem;
      top: 0;
      pointer-events: none;
      background: linear-gradient(to bottom, rgba(255, 0, 0, 0) 0%, rgba(255, 250, 250, 1) 50%, rgba(255, 255, 255, 0.98) 51%, rgba(255, 0, 0, 0) 100%);
      opacity: .1;
      -webkit-animation: scanm 6s linear infinite;
      animation: scanm 6s linear infinite;
  }
   
  @-webkit-keyframes scanm {
      0% {
          top: -1rem;
          opacity: .05;
      }
   
      25% {
          top: 50%;
          opacity: .03;
      }
   
      37.5% {
          top: 75%;
          opacity: 0.06;
      }
   
      50% {
          top: 100%;
          opacity: .03;
      }
   
      100% {
          top: 100%;
      }
  }
   
  @keyframes scanm {
      0% {
          top: -1rem;
          opacity: .05;
      }
   
      25% {
          top: 50%;
          opacity: .03;
      }
   
      37.5% {
          top: 75%;
          opacity: 0.06;
      }
   
      50% {
          top: 100%;
          opacity: .03;
      }
   
      100% {
          top: 100%;
      }
  }
   
  #extrac-div-3 {
      position: fixed;
      width: 100vw;
      height: 100vh;
      pointer-events: none;
      opacity: 0.25;
      mix-blend-mode: color-dodge;
      background-repeat: no-repeat;
      background-size: cover;
      z-index: 30;
  }
  
  /*---------- Terminal ----------*/
  
  .containercontainer {
      position: relative;
      width: auto;
      height: auto;
      border: 2px solid #666;
      background: #141212;
      color: #3F3;
      margin-top: 1em;
      margin-bottom: 1em;
  }
  
  .containercontainer .container {
      text-align: center;
      width: inherit;
      height: inherit;
      position: relative;
      overflow: hidden;
  }
  
  .containercontainer .container::after {
      content: " ";
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      background: rgba(21, 19, 19, 0.2);
      opacity: 0;
      z-index: 2;
  }
  
  .containercontainer .container::before {
      content: " ";
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      background: linear-gradient(rgba(18, 16, 16, 0.03) 50%, rgba(0, 0, 0, 0.45) 50%), linear-gradient(90deg, rgba(255, 0, 0, 0.22), rgba(0, 255, 0, 0.11), rgba(0, 0, 255, 0.22));
      z-index: 2;
      background-size: 100% 2px, 3px 100%;
  }
  
  .blinked {
      animation: blink 1.5s steps(1) infinite;
      color: #fff;
  }
  
  @keyframes blink {
      50% { opacity: 0; }
  }
  
  /*---------- STAR BG ----------*/
  
  @media (prefers-reduced-motion: no-preference) {
   
      #extra-div-3,
      #extra-div-4,
      #extra-div-5 {
          position: fixed;
          display: block;
          pointer-events: none;
          top: 0;
          left: 0;
          z-index: -5;
      }
   
      #extra-div-3::before,
      #extra-div-3::after,
      #extra-div-4::before,
      #extra-div-4::after,
      #extra-div-5::before,
      #extra-div-5::after {
          content: "";
          display: block;
          background: transparent;
          border-radius: 50%;
          z-index: 11;
          position: absolute;
      }
   
      #extra-div-3::before,
      #extra-div-3::after {
          height: 1px;
          width: 1px;
          top: 0px;
          animation: animStar var(--background-stars) linear infinite;
          box-shadow: 71vw 1857px #FFF , 8vw 10px #FFF , 74vw 241px #FFF , 35.5vw 1724px #FFF , 79vw 1422px #FFF , 8.5vw 62px #FFF , 31vw 168px #FFF , 20vw 1009px #FFF , 49.5vw 284px #FFF , 39.5vw 836px #FFF , 62.5vw 531px #FFF , 58vw 1013px #FFF , 96vw 1100px #FFF , 55vw 697px #FFF , 37vw 1473px #FFF , 53.5vw 320px #FFF , 70.5vw 1950px #FFF , 30.5vw 967px #FFF , 45vw 1769px #FFF , 29.5vw 442px #FFF , 86.5vw 1177px #FFF , 57.5vw 875px #FFF , 70vw 1660px #FFF , 17.5vw 906px #FFF , 6vw 1294px #FFF , 32.5vw 487px #FFF , 33.5vw 935px #FFF , 85.5vw 659px #FFF , 2vw 1010px #FFF , 76.5vw 923px #FFF , 30vw 1729px #FFF , 59vw 557px #FFF , 15.5vw 398px #FFF , 21vw 940px #FFF , 81vw 199px #FFF , 53.5vw 630px #FFF , 68.5vw 1840px #FFF , 43.5vw 1868px #FFF , 74vw 11px #FFF , 7vw 695px #FFF , 56.5vw 338px #FFF , 5.5vw 849px #FFF , 66vw 1495px #FFF , 82vw 924px #FFF , 62vw 1306px #FFF , 12vw 1256px #FFF , 97.5vw 1114px #FFF , 86vw 14px #FFF , 3.5vw 1820px #FFF , 35.5vw 1247px #FFF , 53vw 701px #FFF , 0.5vw 1067px #FFF , 80.5vw 1986px #FFF , 42.5vw 1115px #FFF , 77.5vw 463px #FFF , 77.5vw 1404px #FFF , 81vw 1929px #FFF , 71.5vw 833px #FFF , 96.5vw 1380px #FFF , 78vw 1692px #FFF , 28vw 1939px #FFF , 9vw 21px #FFF , 22.5vw 797px #FFF , 84.5vw 785px #FFF , 95.5vw 1561px #FFF , 53.5vw 4px #FFF , 6vw 1535px #FFF , 47vw 729px #FFF , 10.5vw 1572px #FFF , 43.5vw 1620px #FFF , 36vw 139px #FFF , 49vw 380px #FFF , 88.5vw 927px #FFF , 96.5vw 212px #FFF , 25.5vw 1612px #FFF , 31vw 270px #FFF , 76vw 1589px #FFF , 5vw 1810px #FFF , 10vw 1315px #FFF , 50.5vw 397px #FFF;
      }
   
      #extra-div-4::before,
      #extra-div-4::after {
          height: 2px;
          width: 2px;
          top: 0px;
          animation: animStar var(--midground-stars) linear infinite;
          box-shadow: 37.5vw 596px #FFF , 23vw 1143px #FFF , 77.5vw 150px #FFF , 20.5vw 1927px #FFF , 63vw 1558px #FFF , 5vw 1714px #FFF , 44.5vw 659px #FFF , 77.5vw 206px #FFF , 18.5vw 997px #FFF , 50vw 1476px #FFF , 10.5vw 768px #FFF , 47vw 577px #FFF , 46vw 1989px #FFF , 23.5vw 1073px #FFF , 60.5vw 1975px #FFF , 38vw 219px #FFF , 79.5vw 527px #FFF , 46.5vw 1128px #FFF , 17.5vw 1707px #FFF , 64.5vw 780px #FFF , 7vw 874px #FFF , 89.5vw 963px #FFF , 43vw 700px #FFF , 96.5vw 101px #FFF , 8vw 1925px #FFF , 1vw 243px #FFF , 15vw 1396px #FFF , 27vw 1636px #FFF , 84.5vw 1642px #FFF , 13vw 67px #FFF , 52vw 117px #FFF , 61vw 679px #FFF , 29vw 685px #FFF , 72.5vw 417px #FFF , 3.5vw 664px #FFF , 57vw 556px #FFF , 20.5vw 333px #FFF , 87.5vw 808px #FFF , 40.5vw 1798px #FFF , 51vw 442px #FFF , 10.5vw 438px #FFF , 85.5vw 919px #FFF , 67.5vw 1301px #FFF , 17vw 1135px #FFF , 13vw 1400px #FFF , 30.5vw 1964px #FFF , 81.5vw 1033px #FFF , 61.5vw 203px #FFF , 22vw 343px #FFF , 40.5vw 802px #FFF , 67.5vw 1541px #FFF , 54vw 1247px #FFF , 49.5vw 1961px #FFF , 83vw 1929px #FFF , 95vw 740px #FFF , 5vw 1928px #FFF , 20vw 995px #FFF , 17vw 1979px #FFF , 62vw 1762px #FFF , 96vw 538px #FFF , 36vw 265px #FFF , 4vw 1744px #FFF , 43vw 666px #FFF , 24vw 349px #FFF , 1vw 1972px #FFF , 81.5vw 1024px #FFF , 78.5vw 134px #FFF , 69.5vw 1526px #FFF , 86vw 368px #FFF , 16.5vw 1696px #FFF;
      }
   
      #extra-div-5::before,
      #extra-div-5::after {
          top: 0px;
          animation: animStar var(--foreground-stars) linear infinite;
          box-shadow: 11vw 1206px #FFF , 58vw 1913px #FFF , 38.5vw 1332px #FFF , 26vw 1614px #FFF , 81vw 1998px #FFF , 62vw 1477px #FFF , 91.5vw 1669px #FFF , 89.5vw 1004px #FFF , 26vw 12px #FFF , 5.5vw 1619px #FFF , 80vw 337px #FFF , 87.5vw 1734px #FFF , 94.5vw 1152px #FFF , 53vw 1849px #FFF , 28vw 395px #FFF , 71vw 421px #FFF , 27vw 706px #FFF , 64.5vw 264px #FFF , 18.5vw 52px #FFF , 86vw 185px #FFF , 56vw 829px #FFF , 20.5vw 484px #FFF , 4.5vw 1543px #FFF , 77.5vw 1564px #FFF , 51vw 921px #FFF , 28.5vw 157px #FFF , 48vw 675px #FFF , 40.5vw 993px #FFF , 94vw 1804px #FFF , 29.5vw 699px #FFF , 30vw 1294px #FFF , 99vw 364px #FFF , 93vw 1178px #FFF , 62vw 1314px #FFF , 73vw 1522px #FFF , 100vw 662px #FFF , 48.5vw 1040px #FFF , 80vw 934px #FFF , 17vw 1216px #FFF , 87.5vw 1625px #FFF , 70vw 1819px #FFF , 93.5vw 1667px #FFF , 69vw 1962px #FFF;
          height: 3px;
          width: 3px;;
      }
   
      #extra-div-3::after,
      #extra-div-4::after,
      #extra-div-5::after  {
          top: 2000px;
      }
  
    @media (max-width: 767px) {
        #extra-div-3::before,
        #extra-div-3::after  {
            box-shadow: 74.5vw 935px #FFF , 44vw 878px #FFF , 54.5vw 573px #FFF , 64vw 59px #FFF , 6vw 1182px #FFF , 35vw 1394px #FFF , 22vw 1309px #FFF , 89.5vw 1154px #FFF , 66.5vw 730px #FFF , 34.5vw 1611px #FFF , 9.5vw 1432px #FFF , 50.5vw 114px #FFF , 95.5vw 1497px #FFF , 86.5vw 1838px #FFF , 38vw 1185px #FFF , 64.5vw 1020px #FFF , 3vw 119px #FFF , 87vw 1311px #FFF , 30vw 50px #FFF , 87.5vw 315px #FFF , 99vw 1807px #FFF , 72.5vw 1160px #FFF , 40vw 1510px #FFF , 1.5vw 112px #FFF , 87.5vw 414px #FFF , 58.5vw 987px #FFF , 80vw 1086px #FFF , 2.5vw 1412px #FFF , 54vw 1870px #FFF , 63.5vw 1781px #FFF , 72vw 502px #FFF , 9.5vw 928px #FFF , 42vw 363px #FFF , 79.5vw 4px #FFF , 88vw 1475px #FFF , 70vw 328px #FFF , 51vw 1221px #FFF , 34vw 1334px #FFF , 70.5vw 1900px #FFF , 33vw 926px #FFF , 89.5vw 1878px #FFF , 38.5vw 598px #FFF , 34.5vw 1159px #FFF , 2.5vw 159px #FFF , 62vw 45px #FFF , 53vw 1610px #FFF , 3.5vw 1568px #FFF , 0.5vw 808px #FFF , 24vw 609px #FFF , 45vw 1282px #FFF , 14vw 1944px #FFF , 84vw 1390px #FFF , 26.5vw 2px #FFF , 33.5vw 1580px #FFF;
        }
        #extra-div-4::before,
        #extra-div-4::after {
          box-shadow: 61.5vw 524px #FFF , 75.5vw 559px #FFF , 83.5vw 86px #FFF , 61vw 109px #FFF , 66vw 1318px #FFF , 63.5vw 838px #FFF , 96.5vw 632px #FFF , 66vw 418px #FFF , 16.5vw 1661px #FFF , 4.5vw 1658px #FFF , 12.5vw 1895px #FFF , 5vw 1609px #FFF , 77.5vw 1493px #FFF , 16.5vw 1450px #FFF , 55vw 1541px #FFF , 79vw 718px #FFF , 12.5vw 420px #FFF , 50vw 1883px #FFF , 39vw 1849px #FFF , 34vw 1522px #FFF , 42vw 10px #FFF , 12vw 1578px #FFF , 30vw 7px #FFF , 94vw 1222px #FFF , 92vw 701px #FFF , 28.5vw 1410px #FFF , 65.5vw 839px #FFF , 98.5vw 481px #FFF , 20.5vw 902px #FFF , 69.5vw 1518px #FFF , 97vw 1630px #FFF , 33vw 1771px #FFF , 78vw 439px #FFF , 55.5vw 251px #FFF , 39vw 756px #FFF , 93.5vw 1264px #FFF , 64vw 340px #FFF , 24.5vw 1959px #FFF , 69vw 794px #FFF , 30vw 728px #FFF , 54vw 1423px #FFF , 18vw 198px #FFF , 46vw 403px #FFF , 78.5vw 650px #FFF , 50.5vw 1127px #FFF , 37.5vw 984px #FFF , 23vw 1135px #FFF , 51.5vw 1409px #FFF , 27vw 710px #FFF;
        }
        #extra-div-5::before,
        #extra-div-5::after {
          box-shadow: 62.5vw 1666px #FFF , 8.5vw 1840px #FFF , 23.5vw 571px #FFF , 28vw 1411px #FFF , 66vw 1237px #FFF , 47vw 1065px #FFF , 3vw 649px #FFF , 69.5vw 514px #FFF , 96vw 1526px #FFF , 53vw 1381px #FFF , 62vw 1204px #FFF , 54.5vw 247px #FFF , 25.5vw 1354px #FFF , 19.5vw 1011px #FFF , 45.5vw 672px #FFF , 4vw 28px #FFF , 62vw 1865px #FFF , 1.5vw 1042px #FFF , 30.5vw 1649px #FFF , 56vw 1770px #FFF , 72vw 1531px #FFF , 79.5vw 111px #FFF , 93vw 216px #FFF , 83vw 496px #FFF , 43vw 1989px #FFF , 73.5vw 1132px #FFF , 16vw 198px #FFF , 83vw 804px #FFF , 54.5vw 1277px #FFF , 91.5vw 598px #FFF , 14vw 406px #FFF , 33vw 1431px #FFF , 95vw 1509px #FFF , 12vw 1188px #FFF , 38vw 611px #FFF , 8.5vw 1337px #FFF , 2.5vw 630px #FFF , 64vw 167px #FFF , 6.5vw 634px #FFF;
        }
     }
  }
  
  /*--------- KEYFRAMES ---------*/
  @keyframes animStar {
    from {
      transform: translateY(0px);
    }
    to {
      transform: translateY(-2000px);
    }
  }
   
  /*---------TOGGLE---------*/
   
  :root:has(.star-toggle .collapsible-block-folded[style="display: none;"]) :is(#extra-div-3, #extra-div-4, #extra-div-5)::before,
  :root:has(.star-toggle .collapsible-block-folded[style="display: none;"]) :is(#extra-div-3, #extra-div-4, #extra-div-5)::after {
      animation-play-state: paused;
  }
   
  #page-content#page-content .star-toggle a.collapsible-block-link {
      border: none;
      border-bottom: solid 1px rgb(var(--space-sun));
      font-weight: normal;
      padding: 0 .675em;
      color: rgb(var(--space-sun));
  }
   
  #page-content#page-content .star-toggle a.collapsible-block-link:hover {
      box-shadow: none;
      text-decoration: none;
  }

  Pages using this styling

  • cubeseer-author-page [info]

  ¶ 1 occurrence
  

  .footnotes-footer {
    font-family: Times New Roman;
  }
  .chapter {
    font-family: Times New Roman;
  }
  .footnote {
    font-family: Times New Roman;
  }
  body { 
    font-family: Times New Roman;
  }

  Pages using this styling

  • cubeflix [info]

  ¶ 1 occurrence
  

  :root{
   --header-subtitle: " ";
   --title: "???";
  
   --fnColor: rgba(158, 158, 158, 1);
  }
  .modal {
      padding: 1.2em;
      margin: 1em 3em;
      border: solid 5px rgba(0, 0, 0, 0.15);
      background: #fbfbfb;
  }

  Pages using this styling

  • cube [info]

  ¶ 1 occurrence
  

  @import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css');
  html {scroll-behavior: smooth;}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa:hover {text-decoration:none}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}div.yui-navset ul.yui-nav {display: flex;flex-wrap: wrap;border: none;padding-right: 3px;padding-top: 2px;}div.yui-navset ul.yui-nav li {width: 40%;flex-grow: 1;margin: 0!important;padding: 0!important;line-height: 141%;}.sp-tab div.yui-navset ul.yui-nav li:first-child, .sp-tab div.yui-navset ul.yui-nav li:nth-child(2) {width: 90%;}div.yui-navset ul.yui-nav li a {width: 100%;text-align: center;background-color: #fff!important;background-image: none!important;margin: 0!important;padding: 0!important;border: solid #a3a3a3;border-width: 0 0 1px 1px;}.yui-navset .yui-nav .selected a {background: #901!important;color: #fff;border-radius: 0;}div.yui-navset ul.yui-nav li a em {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;border-radius: 0;}div.yui-navset ul.yui-nav li.selected a em {padding: 0.25em 0.75em; /* heck! */}div.yui-navset {border: solid #a3a3a3;border-width: 1px 1px 0 0;border-radius: 4px;}div.yui-navset div.yui-content {border: none;border: solid #a3a3a3;border-width: 0 0 1px 1px;border-radius: 0 0 4px 4px;background-color: #fff;}.yui-navset .yui-nav > li > a em:before,.yui-navset .yui-nav > li > a em:after{content:"";font:normal normal normal 14px/1 FontAwesome;transform:translate(0, 0);display:inline-block;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}.yui-navset .yui-nav > li > a em:before{content:"\f07b\00a0";}.yui-navset .yui-nav > .selected > a em:before{content:"\f07c\00a0";}.sp-tab div.yui-navset ul.yui-nav li:first-child > a em:before,.sp-tab div.yui-navset ul.yui-nav li:first-child > a em:after{content:"\f069"!important; margin: 0.5em;}.sp-tab div.yui-navset ul.yui-nav li.selected:first-child > a em:before,.sp-tab div.yui-navset ul.yui-nav li.selected:first-child > a em:after{animation: fa-spin 1s infinite steps(8);}.sp-tab div.yui-navset ul.yui-nav li:nth-child(2) > a em:before {content:"\f002\00a0"!important;}.sp-tab div.yui-navset ul.yui-nav li.selected:nth-child(2) > a em:before {content:"\f00e\00a0"!important;animation: fa-blink 1s infinite steps(2);}#page-content .yui-navset .yui-content > div {opacity: 0;}#page-content .yui-navset .yui-content > div[style*="none"] {animation: none;}#page-content .yui-navset .yui-content > div[style*="block"] {animation: appear 0.6s ease-in-out 0s forwards; position: relative;}@keyframes appear {from {top: 100px;}to {top: 0;opacity: 1;}}@keyframes fa-blink {to {color: transparent;}}
  
  .cd-tab div.yui-navset ul.yui-nav li {width: 15%;}.cd-tab div.yui-navset ul.yui-nav li:first-child {width: 90%;}.cd-tab div.yui-navset ul.yui-nav li:first-child > a em:before {content: "";}.cd-tab #wiki-tab-0-0 {animation: none!important; display: block!important; opacity: 1!important; top: 0!important;}
  
  div.sitemember {
      width: 100%;
  }
  .textchange div.sitemember:nth-child(2) {
      display:none;
  }
  
  .wiki-note {
      border-radius: 10px;
  }
  .wiki-note a {
      font-size: 1.3em;
      font-weight: bold;
  }
  .unmargined .page-rate-widget-box {
      border-radius: 0;
      box-shadow: 1px 1px 3px rgba(255,255,255,.5), -1px 1px 3px rgba(255,255,255,.5), -1px -1px 3px rgba(255,255,255,.5), 1px -1px 3px rgba(255,255,255,.5), 1px 1px 3px rgba(255,255,255,.5) inset, -1px 1px 3px rgba(255,255,255,.5) inset, -3px -1px 3px #fff inset, 3px -1px 3px #fff inset;
      margin-bottom: 0;
      margin-right: 0;
      margin: 0;
      padding: 0;
  }
  .unmargined .page-rate-widget-box span,
  .unmargined .page-rate-widget-box .rate-points,
  .unmargined .page-rate-widget-box .btn-default a {
      background-color: #fff!important;
      border: none!important;
      border-radius: 0;
      color: #b7a;
  }
  .unmargined .creditRate {
      float: none;
      margin: 0.5em 0 0!important;
  }
  .unmargined .creditButtonStandalone p a,
  .unmargined .creditButtonStandalone p a:hover {
      border-radius: 0;
      padding: 0em 0.5em;
      color: #b7a;
      text-align: center;
      background: #fff;
      box-shadow: 1px 1px 3px rgba(255,255,255,.5), -1px 1px 3px rgba(255,255,255,.5), -1px -1px 3px rgba(255,255,255,.5), 1px -1px 3px rgba(255,255,255,.5), 1px 1px 3px rgba(255,255,255,.5) inset, -1px 1px 3px rgba(255,255,255,.5) inset, -3px -1px 3px #fff inset, 3px -1px 3px #fff inset;
  }
  .unmargined .modalbox {
      background: #f7a!important;
      border: none;
  }
  .unmargined .modalbox hr {
      color: transparent;
      background-color: #fff;
  }
  .unmargined .modalbox .credit {
      text-align: left;
  }
  .unmargined .modalbox .page-rate-widget-box span,
  .unmargined .modalbox .page-rate-widget-box .rate-points,
  .unmargined .modalbox .page-rate-widget-box .btn-default a {
      color: #f7a;
  }
  
  
  .unmargined a, .unmargined a:visited {
      color: #fff;
      font-weight: bold;
      transition: text-shadow 0.4s ease;
  }
  .unmargined a:hover {
      text-shadow: -6px 0px 8px rgba(255, 255, 255, 0.83), 6px 0px 8px rgba(255, 255, 255, 0.83);
      text-decoration-line: none;
  }

  Pages using this styling

  • css-theme-preparation-tool [info]

  ¶ 1 occurrence
  

  .hovertip {
      cursor: pointer;
  }
  .bibitems {
      clear: both;
  }
  a.bibcite {
      vertical-align: super;
      font-size: smaller;
  }
  /* interwiki */
  .mcd {
  filter: hue-rotate(290deg) saturate(45%);
  }
  .sh {
  filter: hue-rotate(122deg);
  }
  .tl {
  filter: hue-rotate(212deg) saturate(61%) brightness(90%);
  }
  .spc {
  filter: hue-rotate(219deg) saturate(92%);
  }
  .db {
  filter: hue-rotate(185deg) saturate(40%) brightness(86%);
  }
  .pt {
  filter: hue-rotate(273deg) saturate(67%) brightness(95%);
  }
  .sap {
  filter: hue-rotate(241deg)  saturate(78%) brightness(90%)
  }
  
  .end {
  filter: hue-rotate(5deg) saturate(93%) brightness(8%);
  }
  .end-re {
  filter: hue-rotate(189deg) saturate(1200%)  invert(90%);
  }
  .ij {
  filter: grayscale(100%) drop-shadow(0 1px 1px #000000);
  }
  table.wiki-content-table th,
  table.wiki-content-table td {
  padding: 0.3em;
  text-align: center;
  }
  .t-sample tr:nth-child(3) td:first-child,
  .t-sample tr:nth-child(3) td:nth-child(2),
  .t-sample tr:nth-child(5) td:nth-child(3),
  .wiki-content-table:not(.t-sample) tr:nth-child(4) td:first-child,
  .wiki-content-table:not(.t-sample) tr:nth-child(4) td:nth-child(2),
  .wiki-content-table:not(.t-sample) tr:nth-child(6) td:nth-child(3) {
  background: #fff0f0;
  }
  .wiki-content-table .printuser a {
  font-weight: normal!important;
  font-size: 0.9em;
  }
  

  Pages using this styling

  • css-theme-preparation-tool [info]

  ¶ 1 occurrence
  

  @import url("/local--code/css-theme-preparation-tool/3");
  
  #side-bar:target + div .open-menu,
  #top-bar .open-menu,
  .open-menu a {
      display: none;
  }
  @media (max-width: 767px) {
  .open-menu a {
      display: block;
  }
  #side-bar {
      padding: 0 1em 0 0;
  }
  #side-bar .side-block {
      width: 90%;
      margin: 1em 1em 1em 0.5em;
  }

  Pages using this styling

  • css-theme-preparation-tool [info]

  ¶ 1 occurrence
  

  .bq {border: 1px dashed #999;padding: 0 1em;background-color: #f4f4f4;margin: 40px 1em;}.bq ol {list-style-type: lower-greek;}h1[id] + .bq {margin-top: 0;}.bq > .bq {text-align: center;background-color: #fff; cursor: pointer;}.bq > .bq .image {transition: .25s; cursor: pointer;}.bq > .bq .image:hover{transform: scale(1.6);transition: .25s;transition-delay: .4s;}.scp-image-block {clear: both!important;float: none!important;margin: 1em auto;display: inline-block;}.siteTitle {color: #eee;text-shadow: 3px 3px 5px #000;font-family: BauhausLTDemi;background: linear-gradient(to bottom,#966,#633,#300);padding: 0 0.15em 0;}.siteSubTitle {color: #f0f0c0;text-shadow: 1px 1px 1px rgba(0,0,0,.8);background: linear-gradient(to bottom,#966,#633,#300);padding: 0.45em 0.15em 0;font-size: 55%;}#toc-list {counter-reset: number 0;}#toc-list div[style="margin-left: 1em;"] {margin-left: 0!important;}#toc-list a:before {content: counter(number )". ";counter-increment: number 1; }span[style="color: #901"] {font-size: 110%;font-weight: bold;font-family: "Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica;}.reload-wrap .scp-image-caption strong,.copy-wrap .scp-image-caption strong,.substitute-wrap .scp-image-caption strong {display: inline-block;padding: 0.25em 1em;text-decoration: none;background: #f7f7f7;border-width: 2px;border-style: outset;border-color: buttonface;border-left: solid 6px #901;border-radius: 0;color: #901;font-size: 8px;font-weight: bold;box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);cursor: pointer;white-space: nowrap;}.reload-wrap .scp-image-caption strong:before,.copy-wrap .scp-image-caption strong:before,.substitute-wrap .scp-image-caption strong:before {content: "";display: inline-block;font: normal normal normal 14px/1 FontAwesome;font-size: inherit;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;transform: translate(0, 0);}.substitute-wrap .scp-image-caption strong:before {content: "\f0ea\00a0";}.reload-wrap .scp-image-caption strong:before {content: "\f079\00a0";}.copy-wrap .scp-image-caption strong:before {content: "\f0c5\00a0";}
  
  .h-logo:before,.h-back:before {content: "from";}.h-logo:after {content: "";position: relative;bottom: -0.3em;display: inline-block;width: 50px;height: 50px;background-image: url("/local--files/component:theme/logo.png");background-size:contain;background-position:center center;background-repeat:no-repeat; margin-left: 0.2em;}.h-back:after {content: "";position: relative;bottom: -0.3em;display: inline-block;width: 20px;height: 80px;background-image: url("/local--files/component:theme/body_bg.png");background-size:contain;background-position:center center;background-repeat:no-repeat;border: 1px solid; margin-left: 0.2em;}.h-logo span,.h-back span {font-size: 0;}

  Pages using this styling

  • css-theme-preparation-tool [info]

  ¶ 1 occurrence
  

  a[name*="toc"] + a[href="#top"] {display: none;padding: 1em 0 0;color: #b01!important;}a[name*="toc"]:target + a[href="#top"] {display: inline;}
  #header {z-index: 0;}.col-warning {position: sticky;position: -webkit-sticky;top: -0.8em;z-index: 99999;}.col-warning .collapsible-block-folded {text-align: center;margin-bottom: 1em;font-size: 1.3em;font-weight: bold;padding: 0.4em 0;border: 3px dotted #f099aa; background: #f099aa;text-shadow: 1px -1px 2px white,1px 1px 2px white,-1px -1px 2px white,-1px 1px 2px white; border-radius: 10px;}.col-warning .collapsible-block-unfolded {position: fixed;background: rgba(255,255,255,0.95);border: 1px solid #333;box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);z-index: 99999;top: 0;left: 0;right: 0;margin: 0 auto;width: 90%;height: 600px;overflow-y: scroll;border-radius: 10px;animation: w-s 1s ease forwards;}@keyframes w-s {0% {opacity: 0; top: 100px;}100% {opacity: 1; top: 0;}}.col-warning .collapsible-block-content {text-align: center;}.col-warning .collapsible-block-unfolded-link {text-align: right;padding: 0.5em 1em;font-size: 1.1em;font-weight: bold;z-index: 1;}.col-warning .collapsible-block-unfolded-link a {border-bottom: 1px solid #aaa;padding: 0 1em 0.2em;text-decoration: none!important;}.col-warning .collapsible-block-unfolded-link a:before {content: "";display: block;position: absolute;width: 100%;height: 250%;max-height: 200%;top: 0;left: 0;}.col-warning .scp-image-block.block-right {margin: 0 1em 0.5em 1em;}.col-warning h4 {margin: 2em 0.2em 3em;}

  Pages using this styling

  • css-theme-preparation-tool [info]

  ¶ 1 occurrence
  

  .policy { border: 1px solid #ddd; padding: 1em; margin-bottom: 1em; }

  Pages using this styling

  • css-policy [info]

  ¶ 1 occurrence
  

  .content-panel .content-type-title > p {
    margin: 0;
  }
  .content-panel .content-type-title {
    font-size: 120%;
    font-weight: bold;
    padding: 5px 20px;
    background-color: #666;
    color: #fff;
    border-radius: 8px 8px 0 0;
    box-shadow: inset 0 1px 1px rgba(255,255,255,.8),
      inset 0 15px 1px rgba(255,255,255,.2),
      inset 0 15px 10px rgba(255,255,255,.2);
  }
  .content-panel .content-type-description {
  padding: 0 20px;
  text-align: justify;
  }
  .content-panel.content-row .content-type-description {
  padding: 5px 20px;
  }
  .content-panel.content-row .content-type-description-2 {
  padding: 0 20px;
  text-align: justify; 
  }

  Pages using this styling

  • crossoverprojectindex [info]

  ¶ 1 occurrence
  

  .blockquote.notifier-status {
    background-color: rgb(250, 240, 202);
    background-image: linear-gradient(to bottom, rgba(192, 179, 156, 0.5), transparent);
    border: 0.25rem solid rgb(129, 67, 79);
    margin-inline: 0;
    font-family: Inter, sans-serif;
    display: flex;
    flex-direction: row;
    align-items: center;
    font-size: 15px;
  }
  @media (max-width: 960px) and (min-width: 767px), (max-width: 650px) {
    .blockquote.notifier-status { flex-direction: column; }
  }
  .blockquote.notifier-status a {
    color: rgb(204, 51, 0);
    text-decoration-line: underline;
    text-decoration-color: rgb(192, 179, 156);
    white-space: nowrap;
  }
  .blockquote.notifier-status a:hover {
    color: rgb(255, 83, 31);
    text-decoration-thickness: 2px;
    text-decoration-color: rgb(255, 83, 31);
  }
  .notifier-status-frame, .notifier-status-frame iframe {
    border: none;
    height: 6.125rem;
    width: 15rem;
    flex-grow: 0;
    flex-shrink: 0;
  }

  Pages using this styling

  • croquembouche [info]

  ¶ 1 occurrence
  

  #u-misinformation:has([name=misinformation]:target) {
    display: block !important;
    font-size: 9rem;
    line-height: 1;
    margin: 0;
    font-weight: bold;
  }
  :root:has([name=misinformation]:target) #page-content > :not(#u-misinformation) {
   display: none !important;
  }
  #u-thorley:has([name=thorley]:target) {
    display: block !important;
  }
  :root:has([name=thorley]:target) #page-content > :not(#u-thorley) {
   display: none !important;
  }

  Pages using this styling

  • croquembouche [info]

  ¶ 1 occurrence
  

  /* Page info slider thingies used on this page */
  
  .page-box {
    --more-text: "MORE INFO";
    --triangle-url: url(http://topia.wdfiles.com/local--files/cqb%3Apage-info-slider-deep/slider.png);
    position: relative;
    width: 90%;
    margin: 0 auto 2em auto;
    z-index: 20;
    overflow: hidden;
    background-color: white;
    container-type: inline-size;
  }
  .page-box::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    box-shadow: inset 0 0.5px 3px 1px rgba(0, 0, 0, 0.3);
    z-index: 19;
    pointer-events: none;
  }
  
  .page-box__table table {
    margin: 0 -1px 0 0;
    width: 100%;
  }
  .page-box__table table:nth-of-type(n + 2) {
    margin-top: -1px;
  }
  .page-box__table td {
    background-color: #fff;
    border-color: var(--border-color, grey);
  }
  .page-box__table th {
    background-color: #eee;
    border-color: var(--border-color, grey);
  }
  
  .page-box .avatar-hover {
    z-index: 30;
  }
  
  .page-box__table::after {
    position: absolute;
    content: "";
    inset: 0;
    pointer-events: none;
    opacity: 0.1;
    background-color: var(--shade-color, none);
  }
  .page-box__table ul {
    padding-right: 1em;
  }
  
  .page-box__cover {
    position: absolute;
    display: none;
    flex-direction: column;
    justify-content: space-around;
    inset: 0;
    right: 93px;
    z-index: 10;
    background-color: white;
    padding: 20px 0 20px 25px;
    box-sizing: border-box;
    transform: translate(0, 0);
    transition: transform 0.6s ease-in-out;
    will-change: transform;
  }
  @container (min-width: 550px) {
    .page-box__cover { display: flex !important }
  }
  .page-box__cover::after {
    content: var(--more-text);
    position: absolute;
    top: 50%;
    right: -70px;
    color: rgba(0, 0, 0, 0.2);
    font-weight: bold;
    font-size: 0.8em;
    transform: translate(0, -50%);
    pointer-events: none;
  }
  .page-box__cover::before {
    content: "";
    position: absolute;
    top: 0;
    right: -102px;
    width: 103px;
    height: 100%;
    background-image: var(--triangle-url);
    background-position: center;
    pointer-events: none;
  }
  
  @media (max-width: 767px) {
    .page-box__cover {
      display: none;
    }
  }
  
  .page-box__cover-title {
    width: 100%;
    font-size: 50px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
  }
  .page-box__cover-title--length-medium {
    font-size: 30px;
  }
  .page-box__cover-title--length-long {
    font-size: 20px;
  }
  .page-box__cover-title a {
    background-color: #fffa;
    position: relative;
    z-index: 1;
  }
  
  .page-box__cover-tagline {
    color: #000c;
    margin-bottom: 0;
    flex: 0;
  }
  .page-box__cover-title--truncated {
    flex: 1;
    white-space: normal;
  }
  .page-box__cover-title--truncated + .page-box__cover-info .page-box__cover-tagline {
    margin: 1em 0;
  }
  
  .page-box__cover-info-stats {
    display: flex;
  }
  .page-box__cover-info-stats div {
    color: #0008;
    margin: 0 6em 0 0;
  }
  
  .page-box:hover .page-box__cover:not(:hover),
  .page-box:has(.page-box__table:focus-within) .page-box__cover {
    transform: translate(calc(-100% - 70px), 0);
  }
  
  .page-box__cover > img {
    max-height: 70%;
    max-width: 120px;
    position: absolute;
    top: 50%;
    right: 60px;
    transform: translate(50%, -50%);
  }

  Pages using this styling

  • croquembouche [info]

  ¶ 1 occurrence
  

  /* Header */
  #header h1 a::before { content: "🍞" }
  #header h2 span::before { content: "Croquembouche's author page" !important }
  #header { background-image: url(https://scp-wiki.wdfiles.com/local--files/croquembouche/delta.png) }
  #header::before { display: none } /* Hide AR logo */
  
  h1 { margin: 1em 0 }
  h1 + p { margin-top: -1.5em; padding-bottom: 1.5em }
  
  .page-rate-widget-box { margin-bottom: 0 }
  
  /* Easter eggs */
  
  /* Hide contest-contest for everyone except Placeholder McD */
  .ee-contest-contest:not(.user-id-6536693) { display: none }
  
  /* Hide collab name insult joke for everyone except people I've collabed with */
  .ee-collab:not(
    .user-id-2893766, /* Me */
    .user-id-1888434, /* djkaktus */
    .user-id-5588260, /* JakdragonX */
    .user-id-3440103, /* Captain Kirby */
    .user-id-3213383, /* OthellotheCat */
    .user-id-3737554, /* Veiedhimaedhr */
  ) { display: none }
  
  /* Switch 8822 image after the slider is opened */
  .image-8822-1 {
    animation: hide 0s linear 0.6s 1 both;
    animation-play-state: paused;
  }
  .image-8822-2 {
    animation: show 0s linear 0.6s 1 both;
    animation-play-state: paused;
  }
  .page-box:hover .page-box__cover:not(:hover) :is(.image-8822-1, .image-8822-2) { animation-play-state: running }
  @keyframes hide { from { opacity: 1 } to { opacity: 0 }}
  @keyframes show { from { opacity: 0 } to { opacity: 1 }}

  Pages using this styling

  • croquembouche [info]

  ¶ 1 occurrence
  

  
  .fancyhr hr {
      border-top: 2vw solid transparent;
      background-color: rgba(var(--bright-accent), 0);
      height: 0;
      box-sizing: border-box;
      border-image-source: url('http://scpdsandbox.wikidot.com/local--files/nights-into-dreams/darkjacket.png');
      border-image-repeat: round round;
      background: none;
      border-image-slice: 80 500 80 500 fill;
      border-image-width: 10em 80em 10em 80em;
  }
  
  @import url('https://fonts.googleapis.com/css2?family=Cinzel+Decorative:wght@800&display=swap')
  
  @import url('https://fonts.googleapis.com/css?family=Charis+SIL:wght@800&display=swap');
  
  h1, #page-title {
      color: red;
      font-family: 'Cinzel Decorative';
      font-size: 200%;
  } 
  
  h2, h3, h4, h5, h6 {
      color: red;
      font-weight: bold;
      font-family: 'Cinzel Decorative';
  }
  
   #header h1 a::before{
       font-family: 'Cinzel Decorative';
       margin-left:
  }
  
   #header h2::before{
       font-family: 'Cinzel Decorative';
       left:-100px;
  }
  
  .classic {
      display: block;
      font-family: 'Pangolin', cursive;
      font-size: 1.3em;
      background-attachment: scroll;
      background-clip: border-box;
      background-color: transparent;
      background-image: linear-gradient(to bottom ,rgb(202, 219, 228) 0%, rgb(231, 233, 220) 8%);
      background-origin: padding-box;
      background-position: 0px 8px;
      background-repeat: repeat;
      background-size: 100% 20px;
      border: 1px solid #CCC;
      border-radius: 10px;
      padding: 10px 10px;
      margin-bottom: 10px;
      box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2)
      }
  @import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@800&display=swap);
  :root {
      --accentColor: red;
      --header-title: "NIGHTFALL";
      --header-subtitle: "RELIQUIAS IDENTATIS";
      --lgurl: url(http://smlt.wdfiles.com/local--files/plaguebearer%3Anobody/%3F);
  }
  
  #top-bar{display: flex; justify-content: center; right: 0;}
  #top-bar ul{padding-right: .67em; padding-left: .67em; background: #ff0000; border-radius: 3.33rem;}
  #top-bar ul a{color: #14181f}
  .top-bar::before{position: absolute; top: -.4rem; left: calc(100% / 4); width: calc(100% / 2); height: 3px; content: ""; background: linear-gradient(to right, transparent, var(--accentColor) 50%, transparent 100%);}
  #extra-div-1{position: absolute; top: 0; width: 100%; height: 11.67em; background: var(--lgurl) center no-repeat; background-size: contain; filter: opacity(.11); z-index: 1;}
  
  
  body {color: #b6b8ba; background-color: #2F333C; background-image: linear-gradient(to bottom,  #20242c, #20242c 90px,  #20242c 90px, #14181f 200px, #14181f 200px, #14181f 100%);}
  
  .justified {text-align: justify; text-indent: 2.4em;}
  hr {background: linear-gradient(to right, transparent, var(--accentColor) 30%, var(--accentColor) 70%, transparent 100%);}
  .normal hr {background: var(--accentColor);}
  .bt {font-weight: bold; color: var(--accentColor); font-family: 'Josefin Sans', sans-serif;}
  h1, h2 {color: var(--accentColor); font-family: "Charis SIL", serif;}

  Pages using this styling

  • crooked-kingdom [info]

  ¶ 1 occurrence
  

  #u-logged-in + p > iframe {
    display: none;
  }
  
  #page-content iframe {
    width: 100%;
    height: 800px;
    border: 0;
    border-radius: 16px;
  }
  
  @media only screen and (max-width: 500px) {
    #page-content iframe {
      height: 1200px;
    }
  }
  
  #page-title {
    display: none;
  }
  
  
  #u-consent-collapsible .collapsible-block {
    color: rgb(118, 45, 58);
    margin-bottom: 0.75rem;
    padding: 1rem;
    border-radius: 0.5rem;
    background-color: rgb(235, 203, 209);
  }
  
  #u-consent-collapsible .collapsible-block-link {
    display: block;
    font-weight: bold;
    cursor: pointer;
    color: rgb(118, 45, 58);
    text-decoration: none;
  }
  
  #u-consent-collapsible .collapsible-block-content > p {
    margin: 0;
    margin-top: 0.5rem;
  }

  Pages using this styling

  • crom-for-pleasure-devices [info]

  ¶ 1 occurrence
  

  #header {
      background-image: url(https://scp-wiki.wdfiles.com/local--files/critter-profile-bartholomew/wws-trans-pride.png);
  }
  .page {
      display: block;
      overflow: hidden;
      font-family: "Monotype Corsiva", "Bradley Hand ITC", sans-serif;
      font-style: normal;
  
     
      background-attachment: scroll;
      background-clip: border-box;
      background-color: transparent;
      background-image: linear-gradient(to top ,rgb(202, 219, 228) 0%, rgb(231, 233, 220) 8%);
      background-origin: padding-box;
      background-position: 0px 8px;
      background-repeat: repeat;
      background-size: 100% 20px;
      
  
      border: 1px solid #CCC;
      border-radius: 10px;
      padding: 10px 10px;
      margin-bottom: 10px;
  
      box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2)
      }
  .page p {
      line-height: 20px;
      margin: 0;
  }

  Pages using this styling

  • critter-profile-vizzie [info]

  ¶ 1 occurrence
  

  #page-title {
    display: none;
  }
  
  .collection .collapsible-block-unfolded-link a , .collection .collapsible-block-folded a {
  background-color: #c8e293 !important;
  color: #665731 !important;
  }
  
  .titlecolumn {
  background-color: #c8e293 !important;
  color: #665731 !important;
  }
  
  .namerow {
  background-color: #c8e293 !important;
  color: #665731 !important;
  }
  
  .namerow a {
    color: #148c14 !important;
  }
  

  Pages using this styling

  • critter-profile-teemo [info]

  ¶ 1 occurrence
  

  #page-title {display: none}
  #page-content .collapsible-block-folded, #page-content .collapsible-block-unfolded-link {
      background: var(--wilson-subtitle);
      transition: background 0.25s linear;
      width: -moz-fit-content;
      width: fit-content;
      overflow: hidden;
      margin: auto;
      box-sizing: border-box;
      box-shadow: 3px 3px 5px #707070;
  }
  #page-content .collapsible-block-link {
      display: inline-block;
      padding: 0.5rem 1rem;
      box-shadow: 3px 3px 5px #707070;
      text-decoration: none;
      color: #998749;
      font-weight: bold;
      text-align: center;
  }
  #page-content .collapsible-block-folded:hover, #page-content .collapsible-block-unfolded-link:hover {
      background: var(--wilson-body);
  }
  #page-content .collapsible-block-unfolded-link {
      box-shadow: 0px -0.26rem 0px 0px var(--wilson-body);
  }
  #page-content .collapsible-block-folded, #page-content .collapsible-block-unfolded-link {
      margin-top: 10px;
      margin-bottom: 10px;
      box-shadow: 3px 3px 5px #707070;
  }

  Pages using this styling

  • critter-profile-tangerine [info]

  ¶ 1 occurrence
  

  #page-title {
    display: none;
  }
  .meta-title {
    border-bottom: solid 1px #bbbbbb;
    color: (102, 87, 49);
    font-weight: normal;
    margin: 0 0 0.6em;
    padding: 0 0 0.25em;
    font-size: 200%;
  }
  .meta-title p {
    margin: 0;
  }
  
  .collection .collapsible-block-unfolded-link a , .collection .collapsible-block-folded a {
  background-color: #c8e293 !important;
  color: #665731 !important;
  }
  
  .titlecolumn {
  background-color: #c8e293 !important;
  color: #665731 !important;
  }
  
  .namerow {
  background-color: #c8e293 !important;
  color: #665731 !important;
  }
  
  .namerow a {
    color: #148c14 !important;
  }
  

  Pages using this styling

  • critter-profile-sandra-and-george [info]

  ¶ 1 occurrence
  

  
  @import url('https://fonts.bunny.net/css2?family=Charm:wght@400;700&display=swap');
  
  
  .email {border: solid 2px #000000; width: 88%; padding: 1px 15px; margin: center; box-shadow: 0 1px 3px rgba(0,0,0,.5)}
  .email-example a.collapsible-block-link {font-weight: bold;}
  .tofrom {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px rgb(140, 20, 140)}
  .tofrom2 {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px #f26c0c }
  
  .resize { 
  font-size: min(90%, 4vw);
  }
  
  .page {
      display: block;
      overflow: hidden;
      font-family: "Charm", sans-serif;
      font-style: normal;
      font-size: 1.2rem;
      line-height: 1.2;
      background-attachment: scroll;
      background-clip: border-box;
      background-color: white;
      background-image: linear-gradient(to top ,rgb(255, 255, 255) 45%, rgb(255, 255, 255) 8%);
      background-origin: padding-box;
      background-position: 0px 8px;
      background-repeat: repeat;
      background-size: 100% 20px;
      border: 1px solid #CCC;
      padding: 10px 10px;
      margin-bottom: 10px;
      box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2)
  }
  .page p,
  .page ul {
      line-height: 20px;
      margin: 0;
  }
  

  Pages using this styling

  • critter-profile-moonstone [info]

  ¶ 1 occurrence
  

  @media screen and (max-width: 800px){
      #header {
          background: url("https://scp-wiki.wdfiles.com/local--files/component:pride-highlighter/tg_logo_blk.svg") 0px 60px no-repeat;
          background-size: 5rem;
      }
      #header h1 a::before{
          font-size: 60%;
      }
      #header h2 span::before{
          font-size: 80%;
      }  
  }
  #main-content {
  margin:2em;
  max-width:100%;
  }
  #page-title{
  display:none;
  }
  div.magPage{
      display: flex;
      align-items:flex-start;
      justify-content:space-around;
  }
  div.magContent{
      margin-left: 5%;
      margin-right: 5%;
  }
  
  .magazine::first-letter {
    font-size: 250%;
    margin-right: 6px;
    float: inline-start;
  }
  .image-container{
  padding:0;
  }
  .booten{
  padding:6px 12px;
  text-align:center;
  white-space:nowrap;
  verticle-align:middle;
  background-image:linear-gradient(to bottom,#fff 0,#e0e0e0 100%);
  text-shadow:0 1px 0 #fff;
  border:solid 1px black;
  border-radius:3px;
  margin:4px;
  color:black;
  }
  .listing{
  color:white;
  border-left:3px solid #ccc;
  border-right:3px solid #ccc;
  border-bottom:3px solid #ccc;
  background:#26867C;
  padding:1em;
  border-radius:0px 0px 10px 10px;
  display:flex;
  }
  .personnel{
  flex: 1 1 50%;
  margin:4px;
  }
  .personnel a{
  color:red;
  pointer-events: none;
  }
  .division{
  color:black;
  border:3px solid #ccc;
  border-radius:50px 20px;
  padding:12px;
  background-image:linear-gradient(to bottom, #fff 0%, #e0e0e0 100%);
  margin:6px;
  }
  .addon{
  animation-name:hoover;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  }
  @media only screen and (max-width: 600px) {
  .listing{
  display:block;
  }
  .personnel{
  flex:none;
  width:100%;
  }
  img{
  object-fit:cover;
  width:600px;
  height:300px;
  }
  }
  div.terminal{
      border: 1px solid black;
      border: solid 3px #BBBBBB;
      border-radius: 16px;
      background-color: #131;
      /* black shadow at the top of the terminal */
      background-image: 
          radial-gradient(ellipse 1000% 100% at 50% 90%, transparent, #121);
      background-position: center;
      display: block;
      /* shadow around the terminal */
      box-shadow: inset 0 0 10em 1em rgba(0,0,0,0.5);
      /* prevents scanline from forming a scrollwheel */
      overflow:hidden;
  }
  div.terminal blockquote {
      background-color: black;
      border: double 3px #80FF80
  }
  div.scanline{
      margin-top: -40%;
      width: 100%;
      height: 60px;
      position: relative;
      pointer-events: none;
      /* Safari 4.0 - 8.0 */
      -webkit-animation: scan 12s linear 0s infinite; /* You may need to change this. If the bar goes by too quickly, increase 5s. */
      animation: scan 12s linear 0s infinite; /* Same as above */
      background: linear-gradient(to bottom, rgba(56, 112, 82,0), rgba(56, 112, 82,0.1)) !important;
  }
  
  div.text{
      color: rgba(128,255,128,0.8);
      padding-left: 0em;
      padding-top: 40%;
      font-family: monospace;
      font-size: 1.2em;
  }
  
  /* Safari 4.0 - 8.0 */
  @-webkit-keyframes scan{
      from{ transform: translateY(-10%);}
      to{  transform: translateY(5000%);} /* You may need to change this depending on the length of your terminal. If the scanline stops halfway, increase the second number.*/
  }
  
  @keyframes scan{
      from{ transform: translateY(-10%);}
      to{  transform: translateY(5000%);} /* Same as above.*/
  }
  
  /* -------------- BLINK-BAR -------------- */
  span.blinkie {
      animation: blink 1.0s ease-in-out infinite alternate;
  }
  
  @keyframes blink {
      to {
          opacity: .0;
      }
  }
  
  .danke {
      padding: 5px;
      margin-bottom:10px;
      font-family: monospace;
      font-size: 1.1em; 
  }
  
  .agent {
      background-color:#002200;
      border: 3px solid #55AA55;
      color: #77CC77;
  }
  
  .site {
      background-color:#222200;
      border: 3px solid #AAAA55;
      color: #DDDD77;
  
  div.text a {
      color: #90EE90;
      text-decoration: none;
      background: transparent;
  }
  div.text a.newpage {
      color: #90EE90;
      text-decoration: none;
      background: transparent;
  }
  div.text a:hover {
      color: #131;
      text-decoration: underline;
      background-color: #80FF80;
      padding: 1px;
  }
  div.text a:hover::before{
      content: "> ";
  }
  

  Pages using this styling

  • critter-profile-corey [info]

  ¶ 1 occurrence
  

  .email-example .collapsible-block-folded a.collapsible-block-link {
      animation: blink 0.8s ease-in-out infinite alternate;
  }
  @keyframes blink {
      0% { color: transparent; }
      50%, 100% { color: ##146414; }
  }
  .email {border: solid 2px #000000; width: 88%; padding: 1px 15px; margin: 10px; box-shadow: 0 1px 3px rgba(0,0,0,.5)}
  .email-example a.collapsible-block-link {font-weight: bold;}
  .tofrom {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px maroon}

  Pages using this styling

  • critter-profile-constantine [info]

  ¶ 1 occurrence
  

  #header {
      background: url("http://scp-wiki.wdfiles.com/local--files/the-ursus-maritimus-incident/logo.png") 15px 40px no-repeat;
      background-size: 6rem;
  }
  
  @media (max-width: 580px) and (min-width: 480px) {
      #header {
          background-position: 0.5em 4.5em ;
          background-size: 66px 66px ;
      }
  }
   
  @media (max-width: 479px) {
      #header {
          background-position: 0 5.5em ;
          background-size: 55px 55px ;
      }
  }
  
  /* Wilson's Divs */
  div.wilson-border {
      border: 0.063em solid hsl(176, 30%, 15%);  
      box-shadow: 0em 0.063em 0.125em rgba(0, 0, 0, 0.1);
  }
   
  div.wilson-header {
      color: white;
      background: hsl(213, 43%, 57%);
      padding: 1em;
      font-size: 150%;
      font-weight: bold;
      text-align: center;
  }
   
  div.wilson-subtitle {
      color: hsl(176, 30%, 15%);
      background: hsl(213, 58%, 73%);
      padding: 0.313em;
      text-align: right;
      font-weight: bold;
  }
   
  div.wilson-body {
      color: hsl(176, 30%, 15%);
      background: hsl(213, 70%, 77%);
      padding: 1em;
  }
  
  blockquote {
      background: hsl(213, 72%, 82%);
      border-color: transparent;
  }

  Pages using this styling

  • critter-profile-cappi [info]

  ¶ 1 occurrence
  

  
  .collection .collapsible-block-unfolded-link a , .collection .collapsible-block-folded a {
  background-color: #c8e293 !important;
  color: #665731 !important;
  }
  
  .titlecolumn {
  background-color: #c8e293 !important;
  color: #665731 !important;
  }
  
  .namerow {
  background-color: #c8e293 !important;
  color: #665731 !important;
  }
  
  .namerow a {
    color: #148c14 !important;
  }
  .authorlink-wrapper > a::before {
  color:black !important;
  }

  Pages using this styling

  • critter-profile-big-blue [info]

  ¶ 1 occurrence
  

  /* HEADER AREA */
   #page-title,
   #u-author_block {
      display: none;
  }

  Pages using this styling

  • critter-profile-bartholomew [info]

  ¶ 1 occurrence
  

  /* HEADER */
   :root{
       --header-title: "SPC DATABASE";
       --header-subtitle: "SEARCH - PUNCH - CONQUER";
       --lgurl: url(https://scp-wiki.wdfiles.com/local--files/theme:shark-punching-centre-bhl/spc-header.png);
  }
  
   body{
       --barColour: hsl(210, 50%, 15%);
  }
  
   #page-title{
       display: none;
  }
  
   .meta-title{
       color: hsl(215, 86%, 33%);
  }
  
  /* FORMATTING */
   #page-content h2{
       font-family: "Arial Black", sans-serif;
  }

  Pages using this styling

  • crispy-sex-pirates [info]

  ¶ 1 occurrence
  

  .parapost .parapost h2 {
      text-align: center;
  }
  
  .fourth-wall {
      font-family: verdana, arial, helvetica, sans-serif;
      color: #333;
      background: #fff;
      padding: 0 1em;
      border: 1px solid #333;
  }
  
  .fourth-wall ::selection {
      background: #ffccaf;
  }

  Pages using this styling

  • crewtime [info]

  ¶ 1 occurrence
  

  
  body {
      background-image: linear-gradient(to bottom, #e0e0e0, #fff 200px, #fff 60%, #000000 85%);
  }
  
  #license-area {
      background: #000000;
      border-top: solid 2px #000000;
  }
  
  .heart {
      animation: animateHeart 2s infinite;
      width: 50px;
  }
  
  @keyframes animateHeart {
      0% {
          transform: scale(0.8);
      }
      5% {
          transform: scale(0.9);
      }
      10% {
          transform: scale(0.8);
      }
      15% {
          transform: scale(1);
      }
      50% {
          transform: scale(0.8);
      }
      100% {
          transform: scale(0.8);
      }
  }
  

  Pages using this styling

  • creaking-at-the-seams [info]

  ¶ 1 occurrence
  

  sup { 
  vertical-align: top; position: relative; top: -0.5em; 
  }
  :root{ 
  --cutColour: #fafafa;
  --barColour: #cf9f2d;
  }
  .translation_block{
  display:none;}
  
  .info-container .collapsible-block-folded a{
  color: #FFF;}
  .info-container .collapsible-block-unfolded-link a{
  color: #FFF;}
  
  .info-container .collapsible-block-link, 
  .info-container:hover .collapsible-block-link {
  line-height: 1.6em;
  }

  Pages using this styling

  • cos-tu-smierdzi [info]

  ¶ 1 occurrence
  

  :root {
  --timeScale: 1;
  --timeDelay: 1s;
  }
  .footnotes-footer {
  display: none;
  }

  Pages using this styling

  • cos-tu-smierdzi [info]

  ¶ 1 occurrence
  

  
  
  
  :root {
  
  --test: #cf9f2d;
  
  --header-title: "Chronicles of the Fae Empire";
  --header-subtitle: " ";
  --logo-image: url('https://scp-wiki.wdfiles.com/local--files/cos-tu-smierdzi/FaeEmpireChronicles');
  
  --visited-link-color:var(--medium-accent);
  }
  .fancyborder {
      box-sizing: border-box;
      padding: 2vw;
      border: 2vw solid rgba(0, 0, 0, 0.5);
      border-image: url("https://wanderers-library.wikidot.com/local--files/component:dustjacket-theme/wl_border.png") 600 round;
      border-image-width: 6;
  }
  
   #header h1 a {
       margin-top: calc((var(--header-height-on-desktop) - 0.5em)/2);
       margin-left: calc(var(--header-height-on-desktop) - .75rem);
       padding: 0;
       font-size: 150%;
       overflow-wrap: normal;
      }
      @media only screen and (max-width: 56.25rem) {
       margin-top: calc((var(--header-height-on-desktop) - 0.5em)/2);
       margin-left: calc(var(--header-height-on-desktop) - .75rem);
       padding: 0;
       font-size: 200%;
       overflow-wrap: normal;
      }
  }

  Pages using this styling

  • cos-tu-smierdzi [info]

  ¶ 1 occurrence
  

  .funny {
    background: rgba(0,0,0,0) url('https://scp-sandbox-3.wdfiles.com/local--files/the-wrath-of-pengwy/fire2.jpg') 
    center center no-repeat;
    border: none;
    padding: 2% 2%;
    color: #ffffff;
    text-align: center;
  }
  
  #page-title{
      display:none;
  }
  

  Pages using this styling

  • cooked [info]

  ¶ 1 occurrence
  

  .content-box {
      flex-basis: 17.5rem;
  }
  .content-type-description {
      padding-inline: .875rem;
  }
  .bridge :is(.list-pages-box, p) { display: contents; }
  
  .new-page-box form {
      display: flex;
  }
  .new-page-box form input {
      margin: 0!important;
      padding: 0.325em 0.425em;
      border-radius: 0;
      appearance: none;
  }
  .new-page-box form input.text {
      flex-grow: 1;
      border: solid 0.125rem #e8e8e8;
      outline: none;
      transition: all 0.125s linear;
  }
  .new-page-box form:focus-within input.text {
      border-color: var(--box-accent);
  }
  
  .new-page-box form input.button {
      margin-inline-start: 0.4125rem!important;
      color: var(--box-accent);
      background: #f6f6f6;
      border: none;
      font-family: inherit;
      font-weight: bold;
      cursor: pointer;
      outline: solid 0 var(--box-accent);
      transition: all 0.075s linear;
  }
  .new-page-box form input.button:is(:hover,:focus) {
      color: white;
      background-color: var(--box-accent);
      outline-width: 0.225rem;
  }
  
  
  .content-type-footer { font-weight: bold; }
  
  /*----------------------------*/
  
  .art .new-page-box form::before {
      content: "art:";
      display: block;
      padding: 0.325rem;
      background: #e8e8e8;
      font-family: 'Andale Mono', 'Courier New', Courier, monospace;
      font-weight: bold;
      transition: all 0.0875s linear;
  }
  .art .new-page-box form:focus-within::before {
      color: white;
      background: var(--box-accent);
  }

  Pages using this styling

  • contribute [info]

  ¶ 1 occurrence
  

  :root {
  --toggle-roundness: 0;
  }
  
  blockquote {
      border: 1px solid #999;
  }
  
  .hovertip .content {
      font-family: var(--mono-font);
  }
  
  .footnotes-footer {
      margin: unset;
      box-shadow: unset;
      background-color: unset;
      padding: unset;
      width: unset;
  }
  
  .footnotes-footer a[href*=javascript], 
  .footnotes-footer a[href*=javascript]:visited {
     display: unset;
     color: rgb(var(--link-color));
  }
  
  .footnotes-footer a[href*=javascript]:before {
      content: unset;
  }

  Pages using this styling

  • contract-negotiations-01029 [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.bunny.net/css2?family=Comic+Neue:wght@700&display=swap');
  
  #page-content h1 {
    font-family: 'Comic Neue';
    font-style: italic;
    font-size: 200%;
  }
  
  #page-content .tt {
    font-size: 133%;
  }
  
  .footnotes-footer {
    display: none;
  }

  Pages using this styling

  • contest-contest [info]

  ¶ 1 occurrence
  

  
  #toc-list {
      letter-spacing: -.05em;
      font-feature-settings: 'case', 'ss01', 'ss04', 'tnum';
  }
  
  .footnotes-footer .title { font-size: 1.15em; margin: 0.3em 0; }
  .footnotes-footer .footnote-footer { font-size: 0.95em; }
  
  .modal-wrapper {
      list-style: none;
      display: contents;
  }
  .modal-wrapper > li .foldable-list-container {
      text-align: right;
      font-size: 90%;
  }
  .modal-wrapper > li.folded .foldable-list-container.chrono { display: none; }
  .modal-wrapper > li.unfolded .foldable-list-container.latest { display: none; }
  
  .modal-wrapper > li > .item-list,
  .modal-wrapper > li #toc-list {
      display: flex;
      flex-flow: column;
  }
  .modal-wrapper > li.unfolded > .item-list,
  .modal-wrapper > li.unfolded #toc-list {
      flex-flow: column-reverse;
  }
  
  .item-list h1 span, .item-title a {
      word-break: initial !important;
  }
  p[style="text-align: center;"] { margin: 0.625em 0; }
  
  .item-list h1 {
      width: 7ch;
      margin: -1.5rem 0 1.5rem;
      height: 0rem;
      font-size: 1.5em;
      line-height: 1;
      position: relative;
  }
  li.unfolded .item-list h1 { margin: -5rem 0 5rem; }
  
  .item-list h1 span {
      position: absolute;
      bottom: -3.625rem;
  }
  
  .item-list h1 span::after {
      content: "";
      display: block;
      border: solid 0.3rem currentColor;
      border-radius: 50%;
      width: 1.15rem;
      height: 1.15rem;
      box-sizing: border-box;
      margin: 0.25rem auto 0 0.85rem;
  }
  .item-list h1 span::before {
      content: "";
      display: block;
      position: absolute;
      background-color: currentColor;
      border-radius: 1rem;
      width: 6rem;
      height: 0.25rem;
      margin: -0.7rem auto 0 0;
      bottom: 0.45rem;
      left: 1.85rem;
  }
  
  .item {
    background-color: #FFFFFF;
    border: 1px solid #bbb;
    margin: 1.25rem;
    margin-left: 5.15rem;
    padding: 1rem 2rem;
    position: relative;
  }
  .item .item-title {
    position: relative;
    top: -2rem;
    left: -3rem;
    background-color: inherit;
    border: 1px solid #bbb;
    font-size: 1.5rem;
    font-weight: bold;
    max-width: max-content!important;
    margin-bottom: -3.25rem;
  }
  .item .item-title p {
    margin: 0.1rem 0.5rem;
  }
  
  .item.unofficial {
      background-color: #FFF4E4;
  }
  .item.unofficial::before {
      content: "Unofficial";
      position: absolute;
      top: 0;
      right: 0;
      display: block;
      padding: 0.25rem 0.45rem;
      font-weight: bold;
      font-size: 1.05em;
  }
  
  .item > hr {
      margin: 0.5rem -2.05rem;
      background-color: transparent;
      height: 0;
      border-bottom: 1px solid #bbb;
  }
  
  .item > table { width: 97.5%; }
  .item > table.wiki-content-table tr {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
  }
  .item > table.wiki-content-table td {
      text-align: center;
      border: none;
      flex-basis: 9rem;
      flex-grow: 1;
  }
  .item > table.wiki-content-table td::before {
      font-size: 0.95em;
      font-weight: bold;
      display: block;
  }
  .item > table.wiki-content-table td:first-child::before { content: "Host: "; }
  .item > table.wiki-content-table td:last-child::before { content: "Date(s) Held:"; }
  
  @media only screen and (max-width: 660px) {
      .item { margin: 1.25rem 0.25rem; }
      .item-list h1 {
          width: max-content;
          margin: 0.5rem auto 0;
          height: auto;
          font-size: 2em;
      }
      .item-list h1 span {
          position: relative;
          bottom: 0;
          top: 0.125em;
      }
      .item-list h1 span::after {
            margin: 0.45rem auto;
            width: 0;
            height: 0;
            border-radius: 0;
            border: solid 0.75rem currentColor;
            border-bottom-width: 0;
            border-left-color: transparent;
            border-right-color: transparent;
      }
      .item-list h1 span::before { display: none; }
      li.unfolded .item-list h1 { margin: -1rem auto 1.25rem; }
      li.unfolded .item-list h1 span {
          display: flex;
          flex-direction: column-reverse;
      }
      li.unfolded .item-list h1 span::after {
            border-top-width: 0;
            border-bottom-width: 0.75rem;
            border-left-color: transparent;
            border-right-color: transparent;
      }
  }

  Pages using this styling

  • contest-archive [info]

  ¶ 1 occurrence
  

  :root{
      --logo: url("https://i.imgur.com/CQCcN7e.png");
      --title: "ETHICS COMMITTEE";
      --subtitle: "OBSERVE - EVALUATE - ADJUDICATE";
  
      --basalt-undertone: 0, 114, 255;
      --basalt-bright-element-color: 0, 114, 255;
  }

  Pages using this styling

  • containment-reassessment [info]

  ¶ 1 occurrence
  

   :root{
     /* -- COLORS -- /
       --accentColor: hsl(0, 89%, 41%);
       --accentColorLite: hsla(0, 89%, 51%, .5);
       --hue: 0deg;
  
     / -- LOGO -- /
       --lgurl: url(https://scp-wiki.wdfiles.com/local--files/nightfall-hub/moon1.png);
  
     / -- TITLES -- /
       --header-title: "NIGHTFALL";
       --header-subtitle: "Even harlots pray if they wish.";
  
     / -- STATIC COLORS -- */
       --textColor: hsl(212, 3%, 75%);
       --bgColor: hsl(220, 20%, 10%);
  }
  
   #extra-div-1{
       filter: opacity(.2) saturate(1.25) brightness(1.25);
  }

  Pages using this styling

  • condemned-to-burning [info]

  ¶ 1 occurrence
  

  #page-title  {
      margin-bottom: 1.25em;
  }

  Pages using this styling

  • compwan-source-manipulator [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css?family=Martel+Sans:400,700');
  #page-title { pointer-events: none; } /* emergency fix */
  
  #content-wrap {
      font-size: inherit;
  }
  
  
  .translation_block {
      display: none !important;
  }
  
  .yui-navset .yui-content {
  
      background: transparent !important;
      z-index: 20;
  
  }
  
  div.container > div > p:nth-child(1) {
      margin-top: 0;
  }
  
  div:nth-child(18) > p:nth-child(19), div:nth-child(18) > p:nth-child(18) {
      position: relative;
  }
  
  .spacer {
      margin: 1.000em auto;
      max-width: 44vw !important;
      width: 100%;
      position: relative;
  }
  .spacer .mask {
      overflow: hidden;
      height: 1.250em;
  }
  .spacer .mask:after {
       content: '';
       display: block;
       margin: -1.500em auto 0;
       width: 100%;
       height: 1.500em;
       border-radius: 7.750em / 0.750em;
       box-shadow: 0 0 0.500em black;
  }
  
  .pretty > p:first-child:first-letter {
       -webkit-initial-letter: 3;
       initial-letter: 3;
  }
  
  .pretty {
       margin: 0 auto;
       display: block;
       padding: 0 2em 0 1em;
       font-family: 'Martel Sans', sans-serif;
       font-kerning: auto;
       line-height: 1.313em;
       font-size: 1.125em;
       orphans: 2;
       -webkit-hyphens: auto;
       -moz-hyphens: auto;
       -ms-hyphens: auto;
       hyphens: auto;
       word-break: break-word;
  }
  
  .pretty p {
      z-index: 9999;
      margin-bottom: 0.5em;
      letter-spacing: 0.02rem;
      word-spacing: 0.07rem;
      line-height: 1.5;
      text-align: justify; }
  
  .compiling_text {
       --wght: 600;
       font-family: 'm-1m', monospace;
       font-weight: 600;
       display: inline;
  }
  
  .container > .pretty {
       background: linear-gradient(rgba(0,0,0,1), rgba(177,72,72,1)65%, rgba(255,255,255,1));
       -webkit-background-clip: text;
       -webkit-text-fill-color: transparent;
       overflow: hidden;
       position: relative;
       right:0; 
       bottom:0; 
       left:0;
       margin: 0;
       padding: 0 2rem 2rem 2rem; 
       margin: 0;
       z-index: 9999;
  }
  
  .compiling-container {
      display: block;
      position: relative;
  }
  
  .compiling {
       overflow: hidden;
       position:absolute;
       right:0; 
       bottom:0; 
       left:0;
       margin: 0;
       padding: 0 2rem 2rem 2rem;
       pointer-events: none; 
  }
  
  .compiling:after {
       content: "";
       position: absolute;
       top: 0;
       left: 0;
       width: 100%;
       height: 100%;
       background: repeating-linear-gradient(0deg, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.15) 1px, transparent 1px, transparent 2px);
       pointer-events: none;
  }
  
  .compiling_2 {
       overflow: hidden;
       position:absolute;
       z-index: 1;
       right:0; 
       bottom:0; 
       left:0;
       margin: 0;
       padding: 0 2rem 2rem 2rem;
       background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 30%);
       background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 30%);
       background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 30%);
       pointer-events: none; 
  }
  
  .compiling_3 {
       overflow: hidden;
       position:absolute;
       z-index: 0;
       right:0; 
       bottom:0; 
       left:0;
       margin: 0;
       padding: 0 2rem 2rem 2rem;
       background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 90%);
       background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 90%);
       background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 90%);
       pointer-events: none;
  }
  
  .compiling_3 > p, .compiling_2 > p, .compiling > p {
       opacity: 0;
  }
  
  #page-title {
      --weight: 800;
      font-family: monospace;
      font-weight: 800;
      pointer-events: none;
  }
  
  @media (max-width: 767px) {
      #page-content {
          margin-top: initial !important;
      }
  }
  
  }
  

  Pages using this styling

  • compwan-source-manipulator [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.bunny.net/css?family=Gochi+Hand|Source+Sans+Pro&display=swap');
  
  .rmpostcontainer
  {
      background-image: url('https://scp-wiki.wikidot.com/local--files/components-hub/LaRueDesk.webp');
      background-repeat: no-repeat;
      width: 100%; max-width: 660px;
      height: 980px;
      margin: 0px;
          padding: 60px 20px 0px 60px;
  }
  
  .rmpostcontent
  {
      font-family: 'Source Sans Pro', sans-serif;
      font-family: 'Gochi Hand', cursive;
      font-style: normal;
      font-size: 1.30em;
      color: #000;
      width: 530px;
      height: 880px;
      padding: 30px;
      margin: 0px;
      margin-top: -8px;
  }
  
  .rmpostmobiletitle
  {
      display: none;
  }
  
  .scribble
  {
      font-style: bold;
      font-size: 1.30em;
      color: #000;
      width: 300px;
      padding: 0px 0px 0px 20px;
      margin: 0px;
      margin-top: -8px;
      -ms-transform: rotate(20deg); /* IE 9 */
      transform: rotate(12deg); /* Standard syntax */
  }
  
  @media only screen and (max-width: 600px) {
  
      .rmpostcontainer {
          background-image: url("https://scp-wiki.wikidot.com/local--files/components-hub/LaRueMobile.webp");
          background-size: 100%;
          background-repeat: repeat;
          width: 100%;
          height: auto;
          padding: 0px;
          padding-top: 0px;
      }
  
      .rmpostcontent {
          font-size: 14pt;
          width: 85%;
          height: auto;
          padding: 10px 10px 0px 30px;
      }
  
      .rmposttitle {
          width: auto;
          height: auto;
          padding: 0px 20px 0px 70px;
      }
  
  }
  

  Pages using this styling

  • components-hub [info]

  ¶ 1 occurrence
  

  :root {
      --wm-bg: var(--white-monochrome);
      --wm-accent: var(--bright-accent);
      --wm-border: var(--black-monochrome);
  }
  
  .collection {
      margin-top: 0.5rem;
      margin-bottom: 0.5rem;
  }
  
  .collection .articlecolumn .list-pages-item,
  .collection .articlecolumn .list-pages-item > div,
  .collection .articlecolumn .list-pages-item > p {
    display: inline;
  }
  
  .collection .articlecolumn .list-pages-item p {
      margin: 0;
  }
  .collection .collapsible-block {
      display: block;
      text-align: center;
      padding: 0.15em;
      background-color: rgb(var(--wm-bg));
      border: 1px solid rgb(var(--wm-border));
  }
  
  .collection .collapsible-block-unfolded-link a , .collection .collapsible-block-folded a {
    display: block;
    color: rgb(var(--wm-accent));
    font-weight: bold;
    background-color: rgba(var(--wm-accent), 0.25);
    margin: auto;
    border: 2px solid rgb(var(--wm-bg));
  }
  
  .collection > .collapsible-block .collapsible-block-content {
      text-align: left;
  }
  
  .titlecolumn {
    width: 15%;
    border: 1px solid rgb(var(--wm-bg));
    background-color: rgba(var(--wm-accent), 0.25);
    text-align: right;
    padding: 6px;
  }
  
  .articlecolumn {
    width: 85%;
    background-color: rgb(var(--wm-bg));
    padding: 3px;
    font-weight: normal;
    font-size: 85%;
  }
  
  .namerow {
    color: rgb(var(--wm-border));
    font-weight: bold;
    background-color: rgba(var(--wm-accent), 0.25);
    margin: 0 auto;
    border: 2px solid rgb(var(--wm-bg));
    text-align: center;
  }
  
  .namerow a {
    color: rgb(var(--wm-accent));
  }
  
  .namerow p {
      margin: 0;
  }
  
  .collectiondot {
    padding: 0 4px;
  }
  
  .articlecolumn .list-pages-item:last-child .collectiondot {
    display: none;
  }

  Pages using this styling

  • component:wikimodule [info]

  ¶ 1 occurrence
  

  
  :root {
      --wm-bg: var(--white-monochrome);
      --wm-accent: var(--bright-accent);
      --wm-border: var(--black-monochrome);
  }
  
  .collection {
      margin-top: 0.5rem;
      margin-bottom: 0.5rem;
  }
  
  .collection .articlecolumn .list-pages-item,
  .collection .articlecolumn .list-pages-item > div,
  .collection .articlecolumn .list-pages-item > p {
    display: inline;
  }
  
  .collection .articlecolumn .list-pages-item p {
      margin: 0;
  }
  .collection .collapsible-block {
      display: block;
      text-align: center;
      padding: 0.15em;
      background-color: rgb(var(--wm-bg));
      border: 1px solid rgb(var(--wm-border));
  }
  
  .collection .collapsible-block-unfolded-link a , .collection .collapsible-block-folded a {
    display: block;
    color: rgb(var(--wm-accent));
    font-weight: bold;
    background-color: rgba(var(--wm-accent), 0.25);
    margin: auto;
    border: 2px solid rgb(var(--wm-bg));
  }
  
  .collection > .collapsible-block .collapsible-block-content {
      text-align: left;
  }
  
  .titlecolumn {
    width: 15%;
    border: 1px solid rgb(var(--wm-bg));
    background-color: rgba(var(--wm-accent), 0.25);
    text-align: right;
    padding: 6px;
  }
  
  .articlecolumn {
    width: 85%;
    background-color: rgb(var(--wm-bg));
    padding: 3px;
    font-weight: normal;
    font-size: 85%;
  }
  
  .namerow {
    color: rgb(var(--wm-border));
    font-weight: bold;
    background-color: rgba(var(--wm-accent), 0.25);
    margin: 0 auto;
    border: 2px solid rgb(var(--wm-bg));
    text-align: center;
  }
  
  .namerow a {
    color: rgb(var(--wm-accent));
  }
  
  .namerow p {
      margin: 0;
  }
  
  .collectiondot {
    padding: 0 4px;
  }
  
  .articlecolumn .list-pages-item:last-child .collectiondot {
    display: none;
  }

  Pages using this styling

  • component:wikimodule [info]

  ¶ 1 occurrence
  

  @import url('https://scp-wiki.wikidot.com/component:wide-image-sizer/code/1');

  Pages using this styling

  • component:wide-image-sizer [info]

  ¶ 1 occurrence
  

  /* == OUTER CSS == */
   div.void {
      width: 23rem;
      margin: 1rem auto;
      padding: 0 .8rem;
  
      color: hsl(0, 0%, 5%);
      background: hsl(0, 0%, 100%);
      border: 1px solid lightgray;
      box-shadow: 3px 3px 0 1px hsla(0, 0%, 0%, .15);
  }
  
   @media (max-width: 767px) {
       div.void {
      	width: auto;
      }
  }
  
  /* == INNER CSS == */
   div.void span {
      word-break: unset;
  }
  
   .vusermod {
      font-weight: bold;
  }
  
   div.void ul {
      list-style-type: "ₒ৹๐ ";
  }
  
  /* == AVATAR == */
   .void-img {
      float: left;
      margin: 1rem 0 0 .4rem;
      padding: 0 1rem;
  }
  
  /* == VOID TRENDS == */
   .vactivity {
      color: blue;
      cursor: pointer;
  }
  
   .vactivity span {
      word-break: unset;
  }
  
   .vactivity:hover,
   .vactivity:focus {
      text-decoration: underline;
  }

  Pages using this styling

  • component:void-post-source [info]

  ¶ 1 occurrence
  

  /* ---- PRESENTATION ---- */
   .unmargined > div:first-of-type{ display: none; }
   .templateInfo{ margin: 0 0 1em; padding: 0 1em; border: 1px solid hsl(0, 0%, 87%); }
   .templateInfo hr{ margin: 1em 0; }
  .footnotes-footer{ display: none; }
   h1, h3{ text-align: center; }
  
  /* ---- CODE BY WOEDENAZ ---- */
   .help{
       display: flex;
       align-content: stretch;
       padding-top: 1em;
  }
   .help blockquote{
       margin: 0;
       font-size: 85%;
  }
   .help blockquote > p{
       display: flex;
       flex-wrap: wrap;
       align-items: center;
       align-content: center;
       min-height: 2rem;
       margin: 0;
       margin-right: 0;
  }
   .help blockquote > p *{
       height: 100%;
       margin: 0 .1rem;
  }
   .help blockquote:nth-of-type(1){
       margin-right: 0;
       padding: 0;
       background: transparent;
       border: unset;
       box-shadow: unset;
       text-align: right;
  }
   .help blockquote:nth-of-type(1) > p{
       justify-content: flex-end;
  }
   .help blockquote:nth-of-type(2){
       width: 60%;
       margin-left: 1em;
  }

  Pages using this styling

  • component:void-post [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css?family=Berkshire+Swash');
  
  .link-to-with {
      display: none !important;
  }
  .link-to-without {
      display: block !important;
  }

  Pages using this styling

  • component:vaf-theme [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css?family=Berkshire+Swash');
  #page-content .navigation-links a[href="/"],
  #page-content .navigation-links a:visited[href="/"],
  #page-content .navigation-links a:hover[href="/"] {
      text-decoration: none;
      color: #2e023a;
      pointer-events: none;
      cursor: text;
  }
  .navigation-links.hub {
      display: none;
  }
  .navigation-links.first .previous {
      display: none;
  }
  .navigation-links.last .next {
      display: none;
  }

  Pages using this styling

  • component:vaf-links [info]

  ¶ 1 occurrence
  

  
  /* Keycap mousedown appearance */
  
  span.keycap:active {
      border: 1px solid;
      border-color: #bbb #ddd #ddd #bbb;
      border-bottom-width: 1px;
      border-top-width: 2px;
  }
  
  span.keycap a {
      color: unset;
      text-decoration: none;
  }
  
  /* Keycap click-preview */
  
  #u-preview-1,
  #u-preview-2,
  #u-preview-3,
  #u-preview-pride,
  #u-preview-phil,
  #u-preview-abro,
  #u-preview-agender,
  #u-preview-aroace,
  #u-preview-aromantic,
  #u-preview-asexual,
  #u-preview-bi,
  #u-preview-bigender,
  #u-preview-demiboy,
  #u-preview-demigender,
  #u-preview-demigirl,
  #u-preview-enbian,
  #u-preview-gaymen,
  #u-preview-genderfluid,
  #u-preview-genderflux,
  #u-preview-genderqueer,
  #u-preview-lesbian,
  #u-preview-nb,
  #u-preview-neutrois,
  #u-preview-omni,
  #u-preview-pan,
  #u-preview-pangender,
  #u-preview-poly,
  #u-preview-qpr,
  #u-preview-trans {
      position: absolute;
      top: -30em;
      width: 0;
      height: 0;
      pointer-events: none;
  }
  
  #u-preview-1:target ~ .portrait {
      background-image: var(--v-id-card-gradient-1) !important;
  }
  #u-preview-2:target ~ .portrait {
      background-image: var(--v-id-card-gradient-2) !important;
  }
  #u-preview-3:target ~ .portrait {
      background-image: var(--v-id-card-gradient-3) !important;
  }
  #u-preview-pride:target ~ .portrait {
      background-image: var(--v-id-card-gradient-pride) !important;
  }
  #u-preview-phil:target ~ .portrait {
      background-image: var(--v-id-card-gradient-phil) !important;
  }
  #u-preview-abro:target ~ .portrait {
      background-image: var(--v-id-card-gradient-abro) !important;
  }
  #u-preview-agender:target ~ .portrait {
      background-image: var(--v-id-card-gradient-agender) !important;
  }
  #u-preview-aroace:target ~ .portrait {
      background-image: var(--v-id-card-gradient-aroace) !important;
  }
  #u-preview-aromantic:target ~ .portrait {
      background-image: var(--v-id-card-gradient-aromantic) !important;
  }
  #u-preview-asexual:target ~ .portrait {
      background-image: var(--v-id-card-gradient-asexual) !important;
  }
  #u-preview-bi:target ~ .portrait {
      background-image: var(--v-id-card-gradient-bi) !important;
  }
  #u-preview-bigender:target ~ .portrait {
      background-image: var(--v-id-card-gradient-bigender) !important;
  }
  #u-preview-demiboy:target ~ .portrait {
      background-image: var(--v-id-card-gradient-demiboy) !important;
  }
  #u-preview-demigender:target ~ .portrait {
      background-image: var(--v-id-card-gradient-demigender) !important;
  }
  #u-preview-demigirl:target ~ .portrait {
      background-image: var(--v-id-card-gradient-demigirl) !important;
  }
  #u-preview-enbian:target ~ .portrait {
      background-image: var(--v-id-card-gradient-enbian) !important;
  }
  #u-preview-gaymen:target ~ .portrait {
      background-image: var(--v-id-card-gradient-gaymen) !important;
  }
  #u-preview-genderfluid:target ~ .portrait {
      background-image: var(--v-id-card-gradient-genderfluid) !important;
  }
  #u-preview-genderflux:target ~ .portrait {
      background-image: var(--v-id-card-gradient-genderflux) !important;
  }
  #u-preview-genderqueer:target ~ .portrait {
      background-image: var(--v-id-card-gradient-genderqueer) !important;
  }
  #u-preview-lesbian:target ~ .portrait {
      background-image: var(--v-id-card-gradient-lesbian) !important;
  }
  #u-preview-nb:target ~ .portrait {
      background-image: var(--v-id-card-gradient-nb) !important;
  }
  #u-preview-neutrois:target ~ .portrait {
      background-image: var(--v-id-card-gradient-neutrois) !important;
  }
  #u-preview-omni:target ~ .portrait {
      background-image: var(--v-id-card-gradient-omni) !important;
  }
  #u-preview-pan:target ~ .portrait {
      background-image: var(--v-id-card-gradient-pan) !important;
  }
  #u-preview-pangender:target ~ .portrait {
      background-image: var(--v-id-card-gradient-pangender) !important;
  }
  #u-preview-poly:target ~ .portrait {
      background-image: var(--v-id-card-gradient-poly) !important;
  }
  #u-preview-qpr:target ~ .portrait {
      background-image: var(--v-id-card-gradient-qpr) !important;
  }
  #u-preview-trans:target ~ .portrait {
      background-image: var(--v-id-card-gradient-trans) !important;
  }

  Pages using this styling

  • component:v-id-card [info]

  ¶ 1 occurrence
  

  
  /* Styling the code block connotations */
  
  span.desc {
      user-select: none;
      color: darkblue;
  }
  

  Pages using this styling

  • component:v-id-card [info]

  ¶ 1 occurrence
  

  @import url('https://scp-wiki.wdfiles.com/local--code/component:v-id-card/1');

  Pages using this styling

  • component:v-id-card [info]

  ¶ 1 occurrence
  

  @import url("https://scp-wiki.wdfiles.com/local--code/component%3Atoggle-sidebar-bhl/1")

  Pages using this styling

  • component:toggle-sidebar-bhl [info]

  ¶ 1 occurrence
  

  h1, h2, h3 {
      text-align: center;
  }
  #page-title {
      text-align: center;
  }

  Pages using this styling

  • component:toggle-sidebar-bhl [info]

  ¶ 1 occurrence
  

  @import url(https://scp-wiki.wdfiles.com/local--code/component%3Atoggle-sidebar/1);

  Pages using this styling

  • component:toggle-sidebar [info]

  ¶ 1 occurrence
  

  .colors-container {
    width: 98%;
    display: flex;
    flex-direction: column;
    margin: 0 auto;
    font-weight: 700;
    font-family: var(--title-font, Verdana), sans-serif;
    color: black;
  }
  
  .colors-container .colors, .colors-container .subcolors {
    width: 100%;
    flex-shrink: 0;
    display: flex;
    flex-wrap: wrap;
  }
  
  .colors-container .color {
    flex-grow: 2;
    padding: 0.5rem;
    margin: 0.5rem;
    color: rgb(var(--swatch-text-dark, 0, 0, 0));
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
  }
  
  .colors-container .colors .color {
    height: 7rem;
    min-width: 4rem;
    flex-basis: calc((100% / 2) - 2rem - 1px);
  }
  
  .colors-container .subcolors .color {
    height: 4rem;
    min-width: 4rem;
    font-size: 75%;
    text-align: center;
    flex-basis: calc((100% / 6) - 2rem - 1px);
  }
  
  .colors-container .css-variable {
    font-size: 75%;
    letter-spacing: 0.1em;
    font-family: var(--body-font, Verdana), sans-serif;
  }
  
  /* Hide a colour that's not been provided by seeing if the variable starts with "{$" */
  .colors-container [data-variable^=\{\$] {
    display: none;
  }
  
  .colors-container [data-has-light-text="1"] {
    color: white;
    color: rgb(var(--swatch-text-light, 255, 255, 255));
  }

  Pages using this styling

  • component:theme-squares [info]

  ¶ 1 occurrence
  

  /* Basic message code */
  .text-container .text {
    border-radius: 18px;
    text-align: left;
    display:inline-block;
    padding:8px 12px;
    font-weight:500;
    margin:1.5px 10px;
    max-width: 300px;
  }
   
  /* Container for "received" messages */
  .recv {
    text-align: left;
    margin-right:20px;
  }
   
  /* Container for "sent" messages */
  .sent {
    text-align: right;
    margin-left:20px;
  }
  .sent .text {
    border-bottom-right-radius: 3px;
    background-color: #267AE9;
    color: white;
  }
  .recv .text {
    border-bottom-left-radius: 3px;
    background-color: #dadada;
    color: black;
  }
   
  /* Fancy stuff on the corners of messages with another message from same person above them */
  .sent .text:not(:first-child) {
    border-top-right-radius: 4px;
  }
  .recv .text:not(:first-child) {
    border-top-left-radius: 4px;
  }
   
  .text-container p {
    margin:0 0 15px;
  }
  /* Message area stuff */
  /* Header styling */
  .text-container-wrap h1, .text-container-wrap h2, .text-container-wrap h3, .text-container-wrap h4, .text-container-wrap h5, .text-container-wrap h6 {
    color: black;
    font-weight: bold;
    margin:0 auto 10px;
    position:relative;
    top:-8px;
  }
   
  /* External box */
  .text-container-wrap {
    text-align:center;
    margin:auto;
    display:block;
    margin-top: 25px;
    width:400px;
    padding-top: 25px;
    border-radius:10px;
    border:3px solid #666;
    background-color:#fff;
    overflow:none;
    box-sizing:border-box;
    position:relative;
  }
  
  /* Internal box */
  .text-container {
    box-shadow:1px 1px 7px #aaa inset;
    margin:0px auto 25px;
    width:350px;
    display:block;
    padding:25px 0px 6px;
    background-color:#f7f7f7;
  }

  Pages using this styling

  • component:text-style [info]

  ¶ 1 occurrence
  

  .tooltip {
    position: relative;
    display: inline-block;
    transition: transform .16s;
  }
  :where(#page-content) .tooltip > a[href*="dark-achievement-badges"] {
    display: block;
    box-shadow: none!important;
    background: transparent;
  }
  .tooltip .tooltiptext {
    width: 120px;
    background-color: #21252E;
    color: #f8f8f8;
    text-align: center;
    padding: 5px;
    border-radius: 6px;
    position: absolute;
    top: 95px;
    left: calc(50% - 5px);
    margin-left: -60px;
    z-index: 2;
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.3s;
  }
  .tooltip .tooltiptext::after {
      content: "";
      position: absolute;
      bottom: 100%;
      left: 50%;
      margin-left: -5px;
      border-width: 5px;
      border-style: solid;
      border-color: transparent transparent #21252E transparent;
  }
  .tooltip:is(:hover,:focus-within) {
      transform: scale(1.6);
      z-index: 2;
  }
  
  .tooltip:is(:hover,:focus-within) .tooltiptext {
    visibility: visible;
    opacity: 1;
  }
  
   /* specific codetext */
  .phd::after {
    content: "Placeholder";
  }
  .tsf::after {
    content: "Ten Steps Forward";
  }
  .ccc::after {
    content: "Canon Crossover Central";
  }
  .mww::after {
    content: "Dr. Worldwide";
  }
  .sek::after {
    content: "The SEXTANK Initiative";
  }
  .scl::after {
    content: "Social Butterfly";
  }
  .clb::after {
    content: "Thank You for Your Cooperation";
  }
  .dda::after {
    content: "Double Double Agent";
  }
  .gsa::after {
    content: "Guest Star Appearance";
  }
  .tlt::after {
    content: "Tall Tales";
  }
  .tbe::after {
    content: "Team Building Exercise";
  }
  .chl::after {
    content: "The Challenger";
  }
  .str::after {
    content: "Making Strides";
  }
  .awb::after {
    content: "Are We the Baddies?";
  }
  .cts::after {
    content: "The Centurion";
  }
  .pbs::after {
    content: "Playing for both Sites";
  }
  .spa::after {
    content: "Student Participation Award";
  }
  .egd::after {
    content: "Engaged";
  }
  .apf::after {
    content: "Anartist Portfolio";
  }
  .srs::after {
    content: "Senior Researcher";
  }
  .knl::after {
    content: "Knowledge Is Power";
  }
  .dado::after {
    content: "bage 4 dado yes";
  }
  .pdp::after {
    content: "Periodic Publisher";
  }
  .pvr::after {
    content: "Pollice Verso";
  }
  .lgbt::after {
    content: "Symbol of Hope";
  }
  .cda::after {
    content: "Contender";
  }
  .rfa::after {
    content: "Rise from the Ashes";
  }
  .ral::after {
    content: "Ralliston Rally";
  }

  Pages using this styling

  • component:sybadge [info]

  ¶ 1 occurrence
  

  .svgh1 {
      background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.0%22%20width%3D%22550%22%20height%3D%22175%22%20viewBox%3D%220%200%20550%20175%22%20style%3D%22%22%3E%20%3Ctext%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%2250%25%22%20y%3D%2245%22%20text-anchor%3D%22middle%22%20font-size%3D%2225%22%20font-family%3D%22'Trebuchet%20MS'%2C%20Trebuchet%2C%20Verdana%2C%20Arial%2C%20Helvetica%22%20fill%3D%22%23901%22%20font-weight%3D%22bold%22%3EOh%20no!%3C%2Ftext%3E%3Ctext%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%2250%25%22%20y%3D%2260%22%20text-anchor%3D%22middle%22%20font-size%3D%2211%22%20font-family%3D%22'Trebuchet%20MS'%2C%20Trebuchet%2C%20Verdana%2C%20Arial%2C%20Helvetica%22%20fill%3D%22%23444%22%20font-weight%3D%22normal%22%3EPlease%20use%20an%20encoder%3B%3C%2Ftext%3E%3Ctext%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%2250%25%22%20y%3D%2275%22%20text-anchor%3D%22middle%22%20font-size%3D%2211%22%20font-family%3D%22'Trebuchet%20MS'%2C%20Trebuchet%2C%20Verdana%2C%20Arial%2C%20Helvetica%22%20fill%3D%22%23444%22%20font-weight%3D%22normal%22%3Emaybe%20the%20module%20is%20inserted%20characters%20without%20alphabets%2C%20numbers%20or%20a%20few%20symbols.%3C%2Ftext%3E%3Ctext%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%2250%25%22%20y%3D%2290%22%20text-anchor%3D%22middle%22%20font-size%3D%2211%22%20font-family%3D%22'Trebuchet%20MS'%2C%20Trebuchet%2C%20Verdana%2C%20Arial%2C%20Helvetica%22%20fill%3D%22%23444%22%20font-weight%3D%22normal%22%3EThe%20encoder%20will%20be%20found%20in%20the%20component%20page.%3C%2Ftext%3E%3Ctext%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%2250%25%22%20y%3D%22105%22%20text-anchor%3D%22middle%22%20font-size%3D%2211%22%20font-family%3D%22'Trebuchet%20MS'%2C%20Trebuchet%2C%20Verdana%2C%20Arial%2C%20Helvetica%22%20fill%3D%22%23444%22%20font-weight%3D%22normal%22%3Ehttps%3A%2F%2Fscp-wiki.wikidot.com%2Fcomponent%3Asvgheader%3C%2Ftext%3E%3Ctext%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%2250%25%22%20y%3D%22120%22%20text-anchor%3D%22middle%22%20font-size%3D%2211%22%20font-family%3D%22'Trebuchet%20MS'%2C%20Trebuchet%2C%20Verdana%2C%20Arial%2C%20Helvetica%22%20fill%3D%22%23444%22%20font-weight%3D%22normal%22%3E%3Ctspan%20font-weight%3D%22bold%22%3ETips%3A%3C%2Ftspan%3E%20You%20can't%20use%20the%20following%20symbols%20without%20encoding%3A%3C%2Ftext%3E%3Ctext%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%2250%25%22%20y%3D%22135%22%20text-anchor%3D%22middle%22%20font-size%3D%2211%22%20font-family%3D%22'Trebuchet%20MS'%2C%20Trebuchet%2C%20Verdana%2C%20Arial%2C%20Helvetica%22%20fill%3D%22%23444%22%20font-weight%3D%22normal%22%3E%25%20%22%20%7B%20%7D%20%7C%20%5C%20%2F%20%5E%20%5B%20%5D%20%60%20%26lt%3B%20%26gt%3B%20%40%20%23%20%2C%20%3D%20%3F%20*%20%2B%20%2C%20%3B%3C%2Ftext%3E%20%3C%2Fsvg%3E");
  }

  Pages using this styling

  • component:svgheader-backend [info]

  ¶ 1 occurrence
  

  #page-content tr td:first-child {
      text-align: right;
  }
  
  #page-content tr td:last-child {
      background: #eee;
  }
  
  .templateInfo{ margin: 0 0 1em; padding: 0 1em; border: 1px solid hsl(0, 0%, 87%); }
  .templateInfo hr{ margin: 1em 0; }
  .templateInfo h1,  .templateInfo h2{ text-align: center; }
  .code{display:none;}

  Pages using this styling

  • component:svgheader [info]

  ¶ 1 occurrence
  

  @import url(https://scp-wiki.wdfiles.com/local--code/component:slim-acs-source/1);

  Pages using this styling

  • component:slim-acs-source [info]

  ¶ 1 occurrence
  

  hr { border: none; }
  .no-select { color: rgb(var(--newpage-color)); user-select: none; }
  .collapsible-block { font-family: 'Recursive', monospace; }
  .collapsible-block-folded,
  .collapsible-block-unfolded-link,
  .dropdown-collapsible .collapsible-block-content {
      background-color: rgba(211, 211, 211, 0.5);
      border-block: 0.125rem dashed rgb(113, 126, 142);
      display: block;
      margin-block: 0.5em;
      padding-block: 0.5em;
      text-align: center;
  }
  .dropdown-collapsible .collapsible-block-unfolded-link {
      border-block-end: none;
      margin-block-end: -0.5em;
  }
  .dropdown-collapsible .collapsible-block-content {
      border-block-start: none;
      margin-block-start: none;
      text-align: left;
  }
  .dropdown-collapsible .collapsible-block-content .inner-collapsible {
      background-color: rgb(255, 255, 255);
      border: 2px rgb(var(--very-light-gray-monochrome)) solid;
      margin-block-end: 0.5em;
      margin-inline: 1.25em;
      padding-block: 0.35em;
      padding-inline: 0.75em;
  }

  Pages using this styling

  • component:slim-acs [info]

  ¶ 1 occurrence
  

  @import url(https://scp-wiki.wdfiles.com/local--code/component%3Asigma-plus/1);

  Pages using this styling

  • component:sigma-plus [info]

  ¶ 1 occurrence
  

  @import url('https://scp-wiki.wdfiles.com/component:screenplay/code/1');

  Pages using this styling

  • component:screenplay [info]

  ¶ 1 occurrence
  

  @import url(https://scp-wiki.wdfiles.com/local--code/component:scp-pride/1)

  Pages using this styling

  • component:scp-pride [info]

  ¶ 1 occurrence
  

   @import url("https://use.typekit.net/fmm4kex.css");
  
  .scp-hover-box {
      width: 85%;
      margin: 0 auto;
      position: relative;
  }
  
  .scp-hover-box::before {
      display: block;
      position: absolute;
      width: 100%;
      height: 100%;
      content: " ";
      box-sizing: content-box;
      top: 0;
      left: 0;
      transition: 
      	border 1s 0.2s cubic-bezier(0.4, 0, 0.2, 1), 
      	top 1s 0.2s cubic-bezier(0.4, 0, 0.2, 1), 
      	left 1s 0.2s cubic-bezier(0.4, 0, 0.2, 1),
      	background 1s 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  }
  
  .scp-hover-box:hover::before {
      box-sizing: content-box;
  }
  
  .scp-hover-box::before,
  .scp-hover-box div.container, 
  .scp-hover-box div.header {
      clip-path: polygon(
      		0% var(--notch-size), 
      		var(--notch-size) 0%, 
      		calc(100% - var(--notch-size)) 0%, 
      		100% var(--notch-size), 
      		100% calc(100% - var(--notch-size)), 
      		calc(100% - var(--notch-size)) 100%, 
      		var(--notch-size) 100%, 
      		0% calc(100% - var(--notch-size))
      );
  }
  
  div.scp-hover-box * {
      box-sizing: border-box;
  }
  
  div.scp-hover-box .container {
      position: relative;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      overflow: hidden;
      width: 100%;
      max-width: var(--body-width-on-desktop, 65rem) !important;
      box-sizing: border-box;
      transition: background-color 0.8s cubic-bezier(0.4, 0, 0.2, 1), color 1s cubic-bezier(0.4, 0, 0.2, 1);
      min-height: 4rem;
  }
  
  div.scp-hover-box .container::before,
  div.scp-hover-box .container::after {
      content: "";
      position: absolute;
      left: 0;
      height: 0.125rem;
      width: 100%;
      max-width: var(--body-width-on-desktop, 65rem) !important;
      z-index: -1;
  }
  
  div.scp-hover-box .container::before {
      top: 0;
  }
  
  div.scp-hover-box .container::after {
      bottom: 0;
  }
  
  div.scp-hover-box .container:hover > * > *::before,
  div.scp-hover-box .container:hover > * > *::after {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
  }
  
  div.scp-hover-box .container:hover > * > * > *::before,
  div.scp-hover-box .container:hover > * > * > *::after {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
  }
  
  div.scp-hover-box .container > *::before,
  div.scp-hover-box .container > *::after {
      content: "";
      position: absolute;
      top: 0;
      height: 100%;
      width: 0.125rem;
      z-index: -1;
  }
  
  div.scp-hover-box .container > *::before {
      left: 0;
  }
  
  div.scp-hover-box .container > *::after {
      right: 0;
  }
  
  div.scp-hover-box .container > * > *::before,
  div.scp-hover-box .container > * > *::after {
      content: "";
      position: absolute;
      left: 0;
      z-index: 9;
      height: 0.125rem;
      width: 100%;
  }
  
  div.scp-hover-box .container > * > *::before {
      top: 0;
      -webkit-transform: translate3d(-105%, 0, 0);
      transform: translate3d(-105%, 0, 0);
      transition: -webkit-transform 0.8s cubic-bezier(0.4, 0, 0.2, 1);
      transition: transform 0.8s cubic-bezier(0.4, 0, 0.2, 1);
      transition: transform 0.8s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.8s cubic-bezier(0.4, 0, 0.2, 1);
  }
  
  div.scp-hover-box .container > * > *::after {
      bottom: 0;
      -webkit-transform: translate3d(105%, 0, 0);
      transform: translate3d(105%, 0, 0);
      transition: -webkit-transform 0.8s cubic-bezier(0.4, 0, 0.2, 1);
      transition: transform 0.8s cubic-bezier(0.4, 0, 0.2, 1);
      transition: transform 0.8s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.8s cubic-bezier(0.4, 0, 0.2, 1);
  }
  
  div.scp-hover-box .container > * > * > *::before,
  div.scp-hover-box .container > * > * > *::after {
      content: "";
      position: absolute;
      top: 0;
      z-index: 9;
      height: 100%;
      width: 0.125rem;
  }
  
  div.scp-hover-box .container > * > * > *::before {
      left: 0;
      -webkit-transform: translate3d(0, 105%, 0);
      transform: translate3d(0, 105%, 0);
      transition: -webkit-transform 0.8s cubic-bezier(0.4, 0, 0.2, 1);
      transition: transform 0.8s cubic-bezier(0.4, 0, 0.2, 1);
      transition: transform 0.8s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.8s cubic-bezier(0.4, 0, 0.2, 1);
  }
  
  div.scp-hover-box .container > * > * > *::after {
      right: 0;
      -webkit-transform: translate3d(0, -105%, 0);
      transform: translate3d(0, -105%, 0);
      transition: -webkit-transform 0.8s cubic-bezier(0.4, 0, 0.2, 1);
      transition: transform 0.8s cubic-bezier(0.4, 0, 0.2, 1);
      transition: transform 0.8s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.8s cubic-bezier(0.4, 0, 0.2, 1);
  }
  
  div.scp-hover-box div.container div:not(.sub-title):not(.title) {
      width: 100%;
  }
  
  div.scp-hover-box div.header {
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      letter-spacing: 0.05em;
  }
  
  div.scp-hover-box div.title > a, 
  div.scp-hover-box div.sub-title > a,
  div.scp-hover-box div.title,
  div.scp-hover-box div.sub-title {
      display: flex;
      margin: 0;
      flex-basis: 50%;
      flex-grow: 1;
      flex-shrink: 1;
      padding: 0;
      box-sizing: border-box;
  }
  
  div.scp-hover-box div.title > a,
  div.scp-hover-box div.sub-title > a {
      font-size: 150%;
      font-family: var(--title-font, proxima-nova-extra-condensed);
      width: 100%;
      padding: 0.5em;
      line-height: 1em;
      align-items: center;
  }
  
  div.scp-hover-box div.title > a:hover,
  div.scp-hover-box div.sub-title > a:hover {
      text-decoration: none;
  }
  
  div.scp-hover-box div.title > a {
      justify-content: flex-start;
      text-align: left;
  }
  
  div.scp-hover-box div.sub-title > a {
      justify-content: flex-end;
      text-align: right;
  }
  
  div.scp-hover-box div.blerb {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      flex-basis: 100%;
      flex-shrink: 0;
      min-height: 4em;
      padding: 0.75em;
      text-align: center;
  }
  
  .blerb br {
      display: none;
  }
  
  .blerb *:not(:last-child) {
      margin-bottom: 0.25em;
  }

  Pages using this styling

  • component:scp-hover-box-styling [info]

  ¶ 1 occurrence
  

  @import url("https://use.typekit.net/fmm4kex.css");
  
  .scp-hover-box {
      width: 85%;
      margin: 0 auto;
      position: relative;
  }
  
  .scp-hover-box::before {
      display: block;
      position: absolute;
      width: 100%;
      height: 100%;
      content: " ";
      box-sizing: content-box;
      top: 0;
      left: 0;
      transition: 
      	border 1s 0.2s cubic-bezier(0.4, 0, 0.2, 1), 
      	top 1s 0.2s cubic-bezier(0.4, 0, 0.2, 1), 
      	left 1s 0.2s cubic-bezier(0.4, 0, 0.2, 1),
      	background 1s 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  }
  
  .scp-hover-box:hover::before {
      box-sizing: content-box;
  }
  
  .scp-hover-box::before,
  .scp-hover-box div.container, 
  .scp-hover-box div.header {
      clip-path: polygon(
      		0% var(--notch-size, 0), 
      		var(--notch-size) 0%, 
      		calc(100% - var(--notch-size, 0)) 0%, 
      		100% var(--notch-size, 0), 
      		100% calc(100% - var(--notch-size, 0)), 
      		calc(100% - var(--notch-size, 0)) 100%, 
      		var(--notch-size, 0) 100%, 
      		0% calc(100% - var(--notch-size, 0))
      );
  }
  
  div.scp-hover-box * {
      box-sizing: border-box;
  }
  
  div.scp-hover-box .container {
      position: relative;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      overflow: hidden;
      width: 100%;
      max-width: var(--body-width-on-desktop) !important;
      box-sizing: border-box;
      transition: background-color 0.8s cubic-bezier(0.4, 0, 0.2, 1), color 1s cubic-bezier(0.4, 0, 0.2, 1);
      min-height: 4rem;
  }
  
  div.scp-hover-box .container::before,
  div.scp-hover-box .container::after {
      content: "";
      position: absolute;
      left: 0;
      height: 0.125rem;
      width: 100%;
      max-width: var(--body-width-on-desktop, 65rem) !important;
      z-index: -1;
  }
  
  div.scp-hover-box .container::before {
      top: 0;
  }
  
  div.scp-hover-box .container::after {
      bottom: 0;
  }
  
  div.scp-hover-box .container:hover > * > *::before,
  div.scp-hover-box .container:hover > * > *::after {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
  }
  
  div.scp-hover-box .container:hover > * > * > *::before,
  div.scp-hover-box .container:hover > * > * > *::after {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
  }
  
  div.scp-hover-box .container > *::before,
  div.scp-hover-box .container > *::after {
      content: "";
      position: absolute;
      top: 0;
      height: 100%;
      width: 0.125rem;
      z-index: -1;
  }
  
  div.scp-hover-box .container > *::before {
      left: 0;
  }
  
  div.scp-hover-box .container > *::after {
      right: 0;
  }
  
  div.scp-hover-box .container > * > *::before,
  div.scp-hover-box .container > * > *::after {
      content: "";
      position: absolute;
      left: 0;
      z-index: 9;
      height: 0.125rem;
      width: 100%;
  }
  
  div.scp-hover-box .container > * > *::before {
      top: 0;
      -webkit-transform: translate3d(-105%, 0, 0);
      transform: translate3d(-105%, 0, 0);
      transition: -webkit-transform 0.8s cubic-bezier(0.4, 0, 0.2, 1);
      transition: transform 0.8s cubic-bezier(0.4, 0, 0.2, 1);
      transition: transform 0.8s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.8s cubic-bezier(0.4, 0, 0.2, 1);
  }
  
  div.scp-hover-box .container > * > *::after {
      bottom: 0;
      -webkit-transform: translate3d(105%, 0, 0);
      transform: translate3d(105%, 0, 0);
      transition: -webkit-transform 0.8s cubic-bezier(0.4, 0, 0.2, 1);
      transition: transform 0.8s cubic-bezier(0.4, 0, 0.2, 1);
      transition: transform 0.8s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.8s cubic-bezier(0.4, 0, 0.2, 1);
  }
  
  div.scp-hover-box .container > * > * > *::before,
  div.scp-hover-box .container > * > * > *::after {
      content: "";
      position: absolute;
      top: 0;
      z-index: 9;
      height: 100%;
      width: 0.125rem;
  }
  
  div.scp-hover-box .container > * > * > *::before {
      left: 0;
      -webkit-transform: translate3d(0, 105%, 0);
      transform: translate3d(0, 105%, 0);
      transition: -webkit-transform 0.8s cubic-bezier(0.4, 0, 0.2, 1);
      transition: transform 0.8s cubic-bezier(0.4, 0, 0.2, 1);
      transition: transform 0.8s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.8s cubic-bezier(0.4, 0, 0.2, 1);
  }
  
  div.scp-hover-box .container > * > * > *::after {
      right: 0;
      -webkit-transform: translate3d(0, -105%, 0);
      transform: translate3d(0, -105%, 0);
      transition: -webkit-transform 0.8s cubic-bezier(0.4, 0, 0.2, 1);
      transition: transform 0.8s cubic-bezier(0.4, 0, 0.2, 1);
      transition: transform 0.8s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.8s cubic-bezier(0.4, 0, 0.2, 1);
  }
  
  div.scp-hover-box div.container div:not(.sub-title):not(.title) {
      width: 100%;
  }
  
  div.scp-hover-box div.header {
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      letter-spacing: 0.05em;
  }
  
  div.scp-hover-box div.title > a, 
  div.scp-hover-box div.sub-title > a,
  div.scp-hover-box div.title,
  div.scp-hover-box div.sub-title {
      display: flex;
      margin: 0;
      width: unset;
      max-width: unset;
      flex-grow: 2;
      flex-shrink: 2;
      padding: 0;
      box-sizing: border-box;
  }
  
  div.scp-hover-box div.title > a,
  div.scp-hover-box div.sub-title > a {
      font-size: 150%;
      font-family: var(--title-font, proxima-nova-extra-condensed);
      width: 100%;
      padding: 0.5em;
      line-height: 1em;
      align-items: center;
      will-change: transform;
  }
  
  div.scp-hover-box div.title > a:hover,
  div.scp-hover-box div.sub-title > a:hover {
      text-decoration: none;
  }
  
  div.scp-hover-box div.title > a {
      justify-content: flex-start;
      text-align: left;
  }
  
  div.scp-hover-box div.sub-title > a {
      justify-content: flex-end;
      text-align: right;
  }
  
  div.scp-hover-box div.blerb {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      flex-basis: 100%;
      flex-shrink: 0;
      min-height: 4em;
      padding: 0.75em;
      text-align: center;
  }
  
  .blerb br {
      display: none;
  }
  
  .blerb *:not(:last-child) {
      margin-bottom: 0.25em;
  }

  Pages using this styling

  • component:scp-hover-box-styling [info]

  ¶ 1 occurrence
  

  .scp-hover-box.{$container-number}::before,
  .scp-hover-box.{$container-number} div.container, 
  .scp-hover-box.{$container-number} div.header {
      --notch-size: {$corner-cutout};
  }
  
  div.scp-hover-box.{$container-number} .container {
      --container-bgcolor: {$container-bgcolor};
      --container-txtcolor: {$container-txtcolor};
      background-color: var(--container-bgcolor, {$container-bgcolor});
      color: var(--container-txtcolor, {$container-txtcolor});
  }
  
  div.scp-hover-box.{$container-number} .container:hover {
      --container-hover-bgcolor: {$container-hover-bgcolor};
      --container-hover-txtcolor: {$container-hover-txtcolor};
      background-color: var(--container-hover-bgcolor, {$container-hover-bgcolor});
      color: var(--container-hover-txtcolor, {$container-hover-txtcolor});
  }
  
  .scp-hover-box.{$container-number}::before {
      --container-stroke-color: {$container-stroke-color};
      background-color: var(--container-stroke-color, {$container-stroke-color});
      border: 0 solid var(--container-stroke-color, {$container-stroke-color});
  }
  
  .scp-hover-box.{$container-number}:hover::before {
      --container-hover-stroke-color: {$container-hover-stroke-color};
      --link-stroke-width: {$link-stroke-width};
      background-color: var(--container-hover-stroke-color, {$container-hover-stroke-color});
      border: var(--link-stroke-width, {$link-stroke-width}) solid var(--container-hover-stroke-color, {$container-hover-stroke-color});
      top: calc(var(--link-stroke-width, {$link-stroke-width}) * -1);
      left: calc(var(--link-stroke-width, {$link-stroke-width}) * -1);
  }
  
  div.scp-hover-box.{$container-number} .container::before,
  div.scp-hover-box.{$container-number} .container::after,
  div.scp-hover-box.{$container-number} .container > *:before,
  div.scp-hover-box.{$container-number} .container > *:after {
      --container-stroke-color: {$container-stroke-color};
      background-color: var(--container-stroke-color, {$container-stroke-color});
  }
  
  div.scp-hover-box.{$container-number} .container > * > *:before,
  div.scp-hover-box.{$container-number} .container > * > *:after,
  div.scp-hover-box.{$container-number} .container > * > * > *:before,
  div.scp-hover-box.{$container-number} .container > * > * > *:after {
      --container-hover-stroke-color: {$container-hover-stroke-color};
      background-color: var(--container-hover-stroke-color, {$container-hover-stroke-color});
  }
  
  div.scp-hover-box.{$container-number} div.header {
      --background-url: url("{$background-url}");
      --background-vertical-position: {$background-vertical-position};
      background-image: var(--background-url, url("{$background-url}"));
      background-size: cover;
      background-position: 0 var(--background-vertical-position, {$background-vertical-position});
  }
  
  div.scp-hover-box.{$container-number} div.title > a,
  div.scp-hover-box.{$container-number} div.sub-title > a {
      --link-fill-color: {$link-fill-color};
      --link-stroke-width: {$link-stroke-width};
      --link-stroke-color: {$link-stroke-color};
      color: var(--link-fill-color, {$link-fill-color});
      text-shadow:
      	calc(var(--link-stroke-width, {$link-stroke-width}) * -1) calc(var(--link-stroke-width, {$link-stroke-width}) * -1) 0 var(--link-stroke-color, {$link-stroke-color}),
          0 calc(var(--link-stroke-width, {$link-stroke-width}) * -1) 0 var(--link-stroke-color, {$link-stroke-color}),
          var(--link-stroke-width, {$link-stroke-width}) calc(var(--link-stroke-width, {$link-stroke-width}) * -1) 0 var(--link-stroke-color, {$link-stroke-color}),
          var(--link-stroke-width, {$link-stroke-width}) 0 0 var(--link-stroke-color, {$link-stroke-color}),
          var(--link-stroke-width, {$link-stroke-width}) var(--link-stroke-width, {$link-stroke-width}) 0 var(--link-stroke-color, {$link-stroke-color}),
          0 var(--link-stroke-width, {$link-stroke-width}) 0 var(--link-stroke-color, {$link-stroke-color}),
          calc(var(--link-stroke-width, {$link-stroke-width}) * -1) var(--link-stroke-width, {$link-stroke-width}) 0 var(--link-stroke-color, {$link-stroke-color}),
          calc(var(--link-stroke-width, {$link-stroke-width}) * -1) 0 0 var(--link-stroke-color, {$link-stroke-color});
  }
  
  @media not all and (min-resolution:.001dpcm) { @media {
      div.scp-hover-box.{$container-number} div.title > a,
      div.scp-hover-box.{$container-number} div.sub-title > a {
          --link-fill-color: {$link-fill-color};
          --link-stroke-width: {$link-stroke-width};
          --link-stroke-color: {$link-stroke-color};
      	-webkit-text-fill-color: var(--link-fill-color);
   		-webkit-text-stroke-width: var(--link-stroke-width, {$link-stroke-width});
      	-webkit-text-stroke-color: var(--link-stroke-color, {$link-stroke-color});
      paint-order: stroke fill;
      text-shadow: unset;
      }
  }
  
  @supports (-moz-appearance:meterbar) {
      div.scp-hover-box.{$container-number} div.title > a,
      div.scp-hover-box.{$container-number} div.sub-title > a {
      	--link-fill-color: {$link-fill-color};
          --link-stroke-width: {$link-stroke-width};
          --link-stroke-color: {$link-stroke-color};
      	-webkit-text-fill-color: var(--link-fill-color, {$link-fill-color});
   		-webkit-text-stroke-width: var(--link-stroke-width, {$link-stroke-width});
      	-webkit-text-stroke-color: var(--link-stroke-color, {$link-stroke-color});
      paint-order: stroke fill;
      text-shadow: unset;
      }
  }

  Pages using this styling

  • component:scp-hover-box-structure (2) [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200;300&display=swap');
  
  .baseHeading {
      width: 100%;
      height: 150px;
      margin: auto;
      border: 1px solid #ccc;
      font-family: 'Oswald', sans-serif;
      background: white;
  }
  
  .leftBlockHeading {
      width: 29%;
      float: left;
      height: 100%;
  }
  .confidentialHeading {
      height: 25%;
      padding-left: 20px;
      padding-top: 15px;
  }
  .confidentialSpan {
      font-size: 36px;
      line-height: 0px;
  }
  .confidentialSpan a {
      color: #000;
  }
  .detailsHeading {
      height: 70%;
      margin: 0;
      padding-left: 20px;
  }
  .detailsSpan {
      font-size: auto;
  }
  .detailsSpan[data-title="none"] {
      display: none;
  }
  
  .centerBlockHeading {
      width: 55%;
      float: left;
      text-align: center;
      padding-top: 15px;
      height: 75px;
  }
  
  div#u-dangerLevels-1:hover::after, div#u-dangerLevels-2:hover::after, div#u-dangerLevels-3:hover::after, div#u-dangerLevels-4:hover::after, div#u-dangerLevels-5:hover::after, div#u-dangerLevels-6:hover::after {
      display: block;
      content: attr(data-title); /* Text output */
      position: absolute; /* Absolute positioning */
      z-index: 1; /* Hint popups overlaying all other elements */
      background: rgba(255,255,230,0.9); /* Background semi-transparency */
      font-family: Arial, sans-serif; /* Fonts */
      font-size: 11px; /* Hint font size */
      padding: 5px 10px; /* Padding */
      border: 1px solid #333; /* Border */
      width: 20em;
      top: auto;
      transform: skew(0deg) !important;
      color: #333;
  }
  div#u-dangerLevels-1[data-title="none"], div#u-dangerLevels-2[data-title="none"], div#u-dangerLevels-3[data-title="none"], div#u-dangerLevels-4[data-title="none"], div#u-dangerLevels-5[data-title="none"], div#u-dangerLevels-6[data-title="none"] {
      display: none !important;
  }
  
  .rightBlockHeading {
      width: 14%;
      height: 80%;
      float: left;
      text-align: center;
      position: relative;
  }
  .rightBlockHeading div {;
      display: none;
  }
  .{$scp-class} #classImageHeading-{$scp-class} {
      width: 70%;
      height: 80%;
      display: inline-block;
      margin: 7% 0px;
  }
  .{$scp-class} #u-classImageHeading-{$scp-class} {
      display: inline-block !important;
      width: 100px;
      height: 90px;
      margin-top: 15px;
  }
  .{$scp-class} #u-classImageHeading-{$scp-class}:hover::after {
      display: block;
      content: attr(data-title); /* Text output */
      position: absolute; /* Absolute positioning */
      z-index: 1; /* Hint popups overlaying all other elements */
      background: rgba(255,255,230,0.9); /* Background semi-transparency */
      font-family: Arial, sans-serif; /* Fonts */
      font-size: 11px; /* Hint font size */
      padding: 5px 10px; /* Padding */
      border: 1px solid #333; /* Border */
      transform: skew(0deg) !important;
      color: #333;
  }
  
  #u-classImageHeading-nonstandard:not([data-title="Class — safe"]):not([data-title="Class — euclid"]):not([data-title="Class — keter"]):not([data-title="Class — thaumiel"]):not([data-title="Class — neutralized"]) {
      display: inline-block !important;
      width: 100px;
      height: 90px;
      margin-top: 15px;
  }
  #u-classImageHeading-nonstandard:not([data-title="Class — safe"]):not([data-title="Class — euclid"]):not([data-title="Class — keter"]):not([data-title="Class — thaumiel"]):not([data-title="Class — neutralized"]):hover::after {
      display: block;
      content: attr(data-title); /* Text output */
      position: absolute; /* Absolute positioning */
      left: 20%; /* top: 10%; */ /* Hint position */
      z-index: 1; /* Hint popups overlaying all other elements */
      background: rgba(255,255,230,0.9); /* Background semi-transparency */
      font-family: Arial, sans-serif; /* Fonts */
      font-size: 11px; /* Hint font size */
      padding: 5px 10px; /* Padding */
      border: 1px solid #333; /* Border */
      transform: skew(0deg) !important;
      color: #333;
  }
  
  
  .bottomBlockHeading {
      width: 70%;
      height: 20%;
      text-align: center;
      display: inline-flex;
      float: right;
  }
  .componentHeading {
      font-size: 18px;
      width: 55%;
      text-align: center;
      background: #ccc;
      height: 100%;
      transform: skew(-45deg);
      box-shadow: inset 5px 5px 4px -4px rgba(0,0,0,0.7);
  }
  .componentHeadingSkewFixSpan {
    transform: skew(45deg);
    display: block;
  }
  
  .xxxxHeading {
      font-size: 18px;
      width: 15%;
      text-align: center;
      background: #ccc;
      height: 100%;
      transform: skew(-45deg);
      box-shadow: inset 0 5px 4px -4px rgba(0,0,0,0.7);
  }
  .contaiment-risk-{$contaiment-risk} #u-xxxxHeading-{$contaiment-risk} {
      display: flex !important;
      text-align: center;
      width: 17.1%;
      transform: skew(-45deg);
      z-index: 1;
      box-shadow: inset 0 5px 4px -4px rgba(0,0,0,0.7);
  }
  .xxxxSkewFixSpan {
    transform: skew(45deg);
    display: block;
  }
  .XXXXheadBox {
    color: black;
    position: relative;
    top: -15px;
    margin: 0 0 0 30%;
    transform: skew(45deg);
  }
  .contaiment-risk-{$contaiment-risk} #u-xxxxHeading-{$contaiment-risk}[data-title]:hover::after {
      display: block;
      content: attr(data-title); /* Text output */
      position: absolute; /* Absolute positioning */
      z-index: 1; /* Hint popups overlaying all other elements */
      background: rgba(255,255,230,0.9); /* Background semi-transparency */
      font-family: Arial, sans-serif; /* Fonts */
      font-size: 11px; /* Hint font size */
      padding: 5px 10px; /* Padding */
      border: 1px solid #333; /* Border */
      transform: skew(45deg);
      width: max-content;
      top: 110%;
      color: #333;
  }
  
  .threat-ind-{$threat-ind} #u-potentialLevel-{$threat-ind} {
      font-size: 18px;
      width: 14%;
      text-align: center;
      background: #ccc;
      height: 100%;
      display: none;
      color: white;
      box-shadow: inset 0 5px 4px -4px rgba(0,0,0,0.7);
  }
  .potentialLvl-Bl {
      color: black;
      position: relative;
      top: -15px;
      margin: 0 0 0 10%;
      transform: skew(45deg);
  }
  .potentialLvl-Wh {
      color: white;
      position: relative;
      top: -15px;
      margin: 0 0 0 10%;
      transform: skew(45deg);
  }
  .threat-ind-{$threat-ind} #u-potentialLevel-{$threat-ind} {
      display: flex !important;
      text-align: center;
      width: 18%;
      transform: skew(-45deg);
      z-index: 1;
      box-shadow: inset 0 5px 4px -4px rgba(0,0,0,0.7);
  }
  .threat-ind-{$threat-ind} #u-potentialLevel-{$threat-ind}:hover::after {
      display: block;
      content: attr(data-title); /* Text output */
      position: absolute; /* Absolute positioning */
      z-index: 1; /* Hint popups overlaying all other elements */
      background: rgba(255,255,230,0.9); /* Background semi-transparency */
      font-family: Arial, sans-serif; /* Fonts */
      font-size: 11px; /* Hint font size */
      padding: 5px 10px; /* Padding */
      border: 1px solid #333; /* Border */
      transform: skew(45deg);
      width: max-content;
      top: 110%;
      color: #333;
  }
  
  .numberHeading {
      font-size: 18px;
      width: 30%;
      text-align: center;
      background: #ccc;
      margin-left: -15px;
      box-shadow: inset 0 5px 4px -4px rgba(0,0,0,0.7);
      margin-top: -0.2px;
  }
  
  /* Mobile optimisation by MrNereof */
  @media (max-width: 1024px) {
      .centerBlockHeading {
          height: 60px;
      }
  
      div#u-dangerLevels-1, div#u-dangerLevels-2, div#u-dangerLevels-3, div#u-dangerLevels-4, div#u-dangerLevels-5, div#u-dangerLevels-6 {
          width: 60px !important;
          height: 60px !important;
          background-size: 60px !important;
          margin-top: 20px !important;
      }
      
      .{$scp-class} div#u-classImageHeading-{$scp-class}, div#u-classImageHeading-nonstandard {
          width: 90px !important;
          height: 90px !important;
      }
      
      .{$scp-class} div#u-classImageHeading-{$scp-class} span, div#u-classImageHeading-nonstandard span {
          line-height: 50px !important;
      }
      
      span.confidentialSpan {
          font-size: 29px !important;
      }
      
      .bottomBlockHeading {
          width: 30em !important;
      }
  
      .componentHeading {
          transform: skew(0deg) !important;
      }
  
      .componentHeadingSkewFixSpan {
          transform: skew(0deg) !important;
      }
  
      .contaiment-risk-{$contaiment-risk} #u-xxxxHeading-{$contaiment-risk} {
          width: 3em !important;
          transform: skew(0deg) !important;
      }
  
      .XXXXheadBox {
          transform: skew(0deg) !important;
      }
  
      .threat-ind-{$threat-ind} #u-potentialLevel-{$threat-ind} {
          width: 5em !important;
          transform: skew(0deg) !important;
      }
  
      .potentialLvl-Wh {
          transform: skew(0deg) !important;
      }
      .numberHeading {
          width: 10em !important;
      }
      .contaiment-risk-{$contaiment-risk} #u-xxxxHeading-{$contaiment-risk}[data-title]::after {
          transform: skew(0deg) !important;
          width: 20em !important;
          color: #333;
      }
      .threat-ind-{$threat-ind} #u-potentialLevel-{$threat-ind}::after {
          transform: skew(0deg) !important;
          width: 20em !important;
      }
  }
  
  @media (max-width: 970px) {
      .baseHeading {
          padding-bottom: 105px;
      }
  
      .detailsHeading {
          max-width: 200% !important;
          width: 200%;
          font-size: 1.2em;
      }
  
      .centerBlockHeading {
          display: flex;
          width: 100%;
          margin-left: 10px;
      }
  
      div#u-dangerLevels-1, div#u-dangerLevels-2, div#u-dangerLevels-3, div#u-dangerLevels-4, div#u-dangerLevels-5, div#u-dangerLevels-6 {
          margin-top: -10px !important;
      }
  
       .rightBlockHeading {
          position: absolute;
          right: 10%;
          width: 90px !important;
          height: 90px !important;
          margin-top: 25px;
      }
      
      .bottomBlockHeading {
          margin-top: 10px;
          width: 100% !important;
      }
  }
  
  @media (max-width: 410px) {
      .centerBlockHeading {
          height: 50px;
      }
  
      div#u-dangerLevels-1, div#u-dangerLevels-2, div#u-dangerLevels-3, div#u-dangerLevels-4, div#u-dangerLevels-5, div#u-dangerLevels-6 {
          width: 50px !important;
          height: 50px !important;
          background-size: 50px !important;
      }
  
      .baseHeading {
          padding-bottom: 95px;
      }
  
      .baseHeading :hover::after {
          display: none;
          content: none;
      }
  }

  Pages using this styling

  • component:s7-apcs-base [info]

  ¶ 1 occurrence
  

  
  
  @keyframes spinny1{
       from {
       -webkit-transform: rotate(0deg);
                webkit-transform: rotate(0deg);
       }
       to {
       -webkit-transform: rotate(359deg);
       transform: rotate(359deg);
       }
  }
  
  .info-container .collapsible-block-folded a{
  color: #FFF;}
  .info-container .collapsible-block-unfolded-link a{
  color: #FFF;
  }
  
  #page-title {
      text-align: center;
  }
  #page-content > .collapsible-block {
      display: block;
      text-align: center;
      padding: 0.75em;
      background-color: lightgrey;
      border-top: 0.125rem dashed slategrey;
      border-bottom: 0.125rem dashed slategrey;
  }
  
  #page-content > .collapsible-block .collapsible-block-content {
      text-align: left;
  }
  
  .addendum {
      border:solid 2px #999999;
      background:#F5F5F5;
      width:84%;
      padding:1px 15px;
      margin: 10px auto;
  }
  
  .crom-thumbnail {
      display: none;
  }
  
  #main-content .page-tags span {
      justify-content: flex-start;
  }
   
  #main-content .page-tags span a:-webkit-any-link:not([href^="/system:page-tags/tag/_"]) {
      --wght: 500;
      display: inline;
      position: relative;
      flex-grow: 0;
      width: -webkit-max-content;
      width: max-content;
      height: 1.175em;
      margin: 0 0 0 0.5125rem;
      padding: 0.1875rem 0.3125rem 0.1875rem 1rem;
      border-top-right-radius: 0.25rem;
      border-bottom-right-radius: 0.25rem;
      background: rgb(var(--swatch-menubg-dark-color));
      color: rgb(var(--swatch-menutxt-light-color));
      font-size: 0.6875rem;
      line-height: 0.8125rem;
      text-decoration: none;
      -webkit-clip-path: polygon(0.5rem 0, 100% 0, 100% 100%, 0.5rem 100%, 0 50%);
              clip-path: polygon(0.5rem 0, 100% 0, 100% 100%, 0.5rem 100%, 0 50%);
  }
   
  #main-content .page-tags span a:-moz-any-link:not([href^="/system:page-tags/tag/_"]) {
      --wght: 500;
      display: inline;
      position: relative;
      flex-grow: 0;
      width: -moz-max-content;
      width: max-content;
      height: 1.175em;
      margin: 0 0 0 0.5125rem;
      padding: 0.1875rem 0.3125rem 0.1875rem 1rem;
      border-top-right-radius: 0.25rem;
      border-bottom-right-radius: 0.25rem;
      background: rgb(var(--swatch-menubg-dark-color));
      color: rgb(var(--swatch-menutxt-light-color));
      font-size: 0.6875rem;
      line-height: 0.8125rem;
      text-decoration: none;
      clip-path: polygon(0.5rem 0, 100% 0, 100% 100%, 0.5rem 100%, 0 50%);
  }
   
  #main-content .page-tags span a:any-link:not([href^="/system:page-tags/tag/_"]) {
      --wght: 500;
      display: inline;
      position: relative;
      flex-grow: 0;
      width: -webkit-max-content;
      width: -moz-max-content;
      width: max-content;
      height: 1.175em;
      margin: 0 0 0 0.5125rem;
      padding: 0.1875rem 0.3125rem 0.1875rem 1rem;
      border-top-right-radius: 0.25rem;
      border-bottom-right-radius: 0.25rem;
      background: rgb(var(--swatch-menubg-dark-color));
      color: rgb(var(--swatch-menutxt-light-color));
      font-size: 0.6875rem;
      line-height: 0.8125rem;
      text-decoration: none;
      -webkit-clip-path: polygon(0.5rem 0, 100% 0, 100% 100%, 0.5rem 100%, 0 50%);
              clip-path: polygon(0.5rem 0, 100% 0, 100% 100%, 0.5rem 100%, 0 50%);
  }
   
  #main-content .page-tags span a:hover:not([href^="/system:page-tags/tag/_"]),
  #main-content .page-tags span a:active:not([href^="/system:page-tags/tag/_"]) {
      color: rgb(var(--swatch-menutxt-light-color));
  }
   
  #main-content .page-tags span a:focus-within:not([href^="/system:page-tags/tag/_"]) {
      color: rgb(var(--swatch-menutxt-dark-color));
  }
   
  #main-content .page-tags span a:-webkit-any-link:not([href^="/system:page-tags/tag/_"])::after {
      content: "";
      position: absolute;
      top: 50%;
      left: 0.5rem;
      width: 0.25rem;
      height: 0.25rem;
      transform: translateY(-50%);
      border-radius: 50%;
      background: rgb(var(--swatch-background));
      box-shadow: -0.0625rem -0.0625rem 0.125rem rgb(var(--swatch-menubg-dark-color));
  }
   
  #main-content .page-tags span a:-moz-any-link:not([href^="/system:page-tags/tag/_"])::after {
      content: "";
      position: absolute;
      top: 50%;
      left: 0.5rem;
      width: 0.25rem;
      height: 0.25rem;
      transform: translateY(-50%);
      border-radius: 50%;
      background: rgb(var(--swatch-background));
      box-shadow: -0.0625rem -0.0625rem 0.125rem rgb(var(--swatch-menubg-dark-color));
  }
   
  #main-content .page-tags span a:any-link:not([href^="/system:page-tags/tag/_"])::after {
      content: "";
      position: absolute;
      top: 50%;
      left: 0.5rem;
      width: 0.25rem;
      height: 0.25rem;
      transform: translateY(-50%);
      border-radius: 50%;
      background: rgb(var(--swatch-background));
      box-shadow: -0.0625rem -0.0625rem 0.125rem rgb(var(--swatch-menubg-dark-color));
  }
   
  .page-tags span {
      border-top: .5rem solid transparent;
  }
  
      /* Navbar CSS */
   
      .flatworm-nav {
          --text-shadow: rgba(var(--black-monochrome), 0.35);
          --box-shadow: rgb(var(--gray-monochrome));
          --border-color: rgb(var(--newpage-color));
          color: rgb(var(--white-monochrome));
          text-shadow: 0.0625rem 0.0625rem 0.125rem var(--text-shadow);
          border-radius: 0.0625rem;
          border: double 0.188rem var(--border-color);
          background-color: rgb(var(--bright-accent));
          box-shadow: 0.09375rem 0.09375rem 0.188rem var(--box-shadow);
          padding: 0.3rem 0.125rem;
          margin: 0.625rem 0 0.938rem;
          margin-bottom: 1.250rem;
      }
   
      .flatworm-nav a {
          color: rgb(255, 237, 6);
          display: inline-block;
          position: relative;
          width: 100%;
          height: 100%;
          padding-top: 0.45em;
          padding-bottom: 0.35em;
      }
   
      .flatworm-nav a::before {
          display: flex;
          position: absolute;
          align-items: center;
          height: 100%;
          font-size: calc(var(--base-font-size) * 1.1);
          line-height: calc(var(--base-font-size) * 0.7);
          font-weight: 800;
          top: 0;
      }
   
      .flatworm-nav .footer-wikiwalk-nav {
          display: flex;
          align-items: center;
          justify-content: center;
          font-weight: 400;
          letter-spacing: 0.025em;
          font-size: 75%;
      }
   
      .flatworm-nav .footer-wikiwalk-nav * {
          line-height: 1em;
      }
   
      .flatworm-nav .footer-wikiwalk-nav .center {
          flex-basis: 8em;
          text-align: center; 
          font-size: 120%;
      }
   
      .flatworm-nav .footer-wikiwalk-nav .left,
      .flatworm-nav .footer-wikiwalk-nav .right {
          flex-basis: calc(50% - 5em);
          display: inline-flex;
          align-items: center;
          font-size: calc(var(--base-font-size) * 0.8);
          position: relative;
      }
   
      .flatworm-nav .footer-wikiwalk-nav .left {
          text-align: right;
          justify-content: flex-end;
          border-right: 0.0625rem solid rgb(var(--white-monochrome));
          padding-left: 1em;
          padding-right: 0.5em;
          margin: 0.35em 0 0.35em 0.35em;
      }
   
      .flatworm-nav .left>a::before {
          content: "«";
          left: -0.75em;
          transition: left 1s ease-in-out;
          -webkit-animation: bounce-left 1.7s infinite;
          animation: bounce-left 1.7s infinite;
          -webkit-animation-play-state: paused;
          animation-play-state: paused;
      }
   
      .flatworm-nav .left>a:hover::before {
          -webkit-animation-play-state: running;
          animation-play-state: running;
      }
   
      .flatworm-nav .footer-wikiwalk-nav .right {
          text-align: left;
          justify-content: flex-start;
          border-left: 0.0625rem solid rgb(var(--white-monochrome));
          padding-left: 0.5em;
          padding-right: 1em;
          margin: 0.35em 0.35em 0.35em 0;
      }
   
      .flatworm-nav .right>a::before {
          content: "»";
          right: -0.75em;
          transition: left 1s ease-in-out;
          -webkit-animation: bounce-right 1.7s infinite;
          animation: bounce-right 1.7s infinite;
          -webkit-animation-play-state: paused;
          animation-play-state: paused;
      }
   
      .flatworm-nav .right>a:hover::before {
          -webkit-animation-play-state: running;
          animation-play-state: running;
      }
  
  @-webkit-keyframes bounce-left {
          0% {
              left: -0.75em;
          }
   
          50% {
              left: -0.50rem;
          }
   
          100% {
              left: -0.75em;
          }
      }
   
      @keyframes bounce-left {
          0% {
              left: -0.75em;
          }
   
          50% {
              left: -0.50rem;
          }
   
          100% {
              left: -0.75em;
          }
      }
   
      @-webkit-keyframes bounce-right {
          0% {
              right: -0.75em;
          }
   
          50% {
              right: -0.50rem;
          }
   
          100% {
              right: -0.75em;
          }
      }
   
      @keyframes bounce-right {
          0% {
              right: -0.75em;
          }
   
          50% {
              right: -0.50rem;
          }
   
          100% {
              right: -0.75em;
          }
      }

  Pages using this styling

  • component:rso [info]

  ¶ 1 occurrence
  

  .responsive_table .table_data,
  .responsive_table .table_header_data {
      vertical-align: top;
      text-align: left;
      margin: -0.0625rem 0 0 -0.0625rem;
  }
  
  @media screen and (min-width: 801px) {
      /* wide screens */
  
      .responsive_table {
      	background-color: rgb(var(--swatch-background, 252, 252, 252));;
      	border-collapse: collapse;
      	border-spacing: 0;
      	margin: .5em auto;
      	display: table;
      	background-color: transparent;
      	-webkit-transition: background-color 80ms cubic-bezier(0.4, 0.0, 0.2, 1), color 80ms cubic-bezier(0.4, 0.0, 0.2, 1);
      	-o-transition: background-color 80ms cubic-bezier(0.4, 0.0, 0.2, 1), color 80ms cubic-bezier(0.4, 0.0, 0.2, 1);
      	-moz-transition: background-color 80ms cubic-bezier(0.4, 0.0, 0.2, 1), color 80ms cubic-bezier(0.4, 0.0, 0.2, 1);
      	transition: background-color 80ms cubic-bezier(0.4, 0.0, 0.2, 1), color 80ms cubic-bezier(0.4, 0.0, 0.2, 1);
      }
  
      .responsive_table * {
      	margin: 0;
      	padding: 0;
      }
  
      .responsive_table .table_data {
      	padding: 0.625em;
      	border: .0625rem solid rgba(66, 66, 72, 0.25) !important;
      	border: .0625rem solid rgba(var(--swatch-alternate-color, 66, 66, 72), 0.25) !important;
      	background-color: rgb(244, 244, 244);
      	background-color: rgb(var(--swatch-secondary-color, 244, 244, 244));
      	color: rgb(48, 48, 52);
      	color: rgb(var(--swatch-text-tertiary-color, 48, 48, 52));
      }
  
      .responsive_table .table_header {
      	display: table-header-group
      }
  
      .responsive_table .table_row {
      	display: table-row
      }
  
      .responsive_table .table_header_data {
      	--wght: 700;
      	display: table-cell;
      	padding: 0.625em;
      	border: .0625rem solid rgba(66, 66, 72, 0.25) !important;
      	border: .0625rem solid rgba(var(--swatch-alternate-color, 66, 66, 72), 0.25) !important;
      	background: rgb(170,170,170);
      	background: rgb(var(--swatch-tertiary-color, 170,170,170));
      	color: rgb(252,252,252);
      	color: rgb(var(--swatch-text-tertiary-color, 252,252,252));
      	font-weight: 700;
      	font-weight: var(--wght, 700);
      }
  
      .responsive_table .table_data {
      	text-align: left;
      	display: table-cell
      }
  
  }
  
  @media screen and (max-width: 800px) {
  
      /* hide headings */
      .responsive_table .table_header {
      	display: none;
      }
  
      .responsive_table .table_row {
      	display: -ms-grid;
      	display: grid;
      	-ms-grid-columns: 50% 50%;
      	grid-template-columns: 50% 50%;
      	background-color: white;
      	padding: 0.375em;
      	border: 0.0625rem rgb(204,204,204) solid;
      	border: 0.0625rem rgb(var(--swatch-text-tertiary-color, 204,204,204)) solid;
      	margin-bottom: 1.250em;
      }
  
      .responsive_table .table_data {
      	padding: 1.95em 0.5em 0.5em 0.5em;
      	border: 0.0625rem rgb(204,204,204) solid;
      	border: 0.0625rem rgb(var(--swatch-text-tertiary-color, 204,204,204)) solid;
      	position: relative;
      }
  
      .responsive_table .table_row div:not(:nth-of-type(even)):last-of-type {
      	-ms-grid-column: 1;
      	-ms-grid-column-span: 2;
      	grid-column: 1 / span 2;
      }
  
      /* Add labels */
      .responsive_table .table_data::before {
      	--wght: 700;
      	content: attr(data-label) "\A";
      	/* label + newline */
      	white-space: pre;
      	/* makes newline work */
      	font-size: 0.750em;
      	color: rgb(136,136,136);
      	color: rgb(var(--swatch-primary-darker, 136,136,136));
      	text-transform: uppercase;
      	width: -webkit-calc(100% - 0.7em);
      	width: -moz-calc(100% - 0.7em);
      	width: calc(100% - 0.7em);
      	height: 1.35em;
      	position: absolute;
      	margin-bottom: 1em;
      	top: 0;
      	left: 0;
      	background: rgb(170,170,170);
      	background: rgb(var(--swatch-tertiary-color, 170,170,170));
      	color: rgb(252,252,252);
      	color: rgb(var(--swatch-text-secondary-color, 252,252,252));
      	padding-left: 0.7em;
      	padding-top: 0.35em;
      	padding-bottom: 0.7em;
      	font-weight: 700;
      	font-weight: var(--wght, 700);
      }
  
  }

  Pages using this styling

  • component:responsive-tables-source [info]

  ¶ 1 occurrence
  

  .responsive_table .table_data,
  .responsive_table .table_header_data {
      vertical-align: top;
      text-align: left;
      margin: -0.0625rem 0 0 -0.0625rem;
  }
  
  @media screen and (min-width: 801px) {
      /* wide screens */
  
      .responsive_table {
          	background-color: rgb(252, 252, 252);
      	background-color: rgb(var(--swatch-background, 252, 252, 252));
      	border-collapse: collapse;
      	border-spacing: 0;
      	margin: .5em auto;
      	display: table;
      	background-color: transparent;
      	-webkit-transition: background-color 80ms cubic-bezier(0.4, 0.0, 0.2, 1), color 80ms cubic-bezier(0.4, 0.0, 0.2, 1);
      	-o-transition: background-color 80ms cubic-bezier(0.4, 0.0, 0.2, 1), color 80ms cubic-bezier(0.4, 0.0, 0.2, 1);
      	-moz-transition: background-color 80ms cubic-bezier(0.4, 0.0, 0.2, 1), color 80ms cubic-bezier(0.4, 0.0, 0.2, 1);
      	transition: background-color 80ms cubic-bezier(0.4, 0.0, 0.2, 1), color 80ms cubic-bezier(0.4, 0.0, 0.2, 1);
      }
  
      .responsive_table * {
      	margin: 0;
      	padding: 0;
      }
  
      .responsive_table .table_data {
      	padding: 0.625em;
      	border: .0625rem solid rgba(66, 66, 72, 0.25) !important;
          	border: .0625rem solid rgba(var(--swatch-alternate-color, 66, 66, 72), 0.25) !important;
          	background-color: rgb(244, 244, 244);
         		background-color: rgb(var(--swatch-secondary-color, 244, 244, 244));
          	color: rgb(48, 48, 52);
      	color: rgb(var(--swatch-text-tertiary-color, 48, 48, 52));
      }
  
      .responsive_table .table_header {
      	display: table-header-group
      }
  
      .responsive_table .table_row {
      	display: table-row
      }
  
      .responsive_table .table_header_data {
      	--wght: 700;
      	display: table-cell;
      	padding: 0.625em;
      	border: .0625rem solid rgba(66, 66, 72, 0.25) !important;
      	border: .0625rem solid rgba(var(--swatch-alternate-color, 66, 66, 72), 0.25) !important;
      	background: rgb(160, 160, 160);
      	background: rgb(var(--swatch-tertiary-color, 160, 160, 160));
      	color: rgb(252, 252, 252);
      	color: rgb(var(--swatch-text-secondary-color, 252, 252, 252));
      	font-weight: 700;
      	font-weight: var(--wght, 700);
      }
  
      .responsive_table .table_data {
      	text-align: left;
      	display: table-cell
      }
  
  }
  
  @media screen and (max-width: 800px) {
  
      /* hide headings */
      .responsive_table .table_header {
      	display: none;
      }
  
      .responsive_table .table_row {
      	display: -ms-grid;
      	display: grid;
      	-ms-grid-columns: 50% 50%;
          grid-template-columns: 50% 50%;
          background-color: rgb(252, 252, 252);
      	background-color: rgb(var(--swatch-background, 252, 252, 252));
      	padding: 0.375em;
      	border: 0.0625rem rgb(12, 12, 12) solid;
      	border: 0.0625rem rgb(var(--swatch-text-tertiary-color, 12, 12, 12)) solid;
      	margin-bottom: 1.250em;
      }
  
      .responsive_table .table_data {
      	padding: 1.95em 0.5em 0.5em 0.5em;
      	border: 0.0625rem rgb(12, 12, 12) solid;
      	border: 0.0625rem rgb(var(--swatch-text-tertiary-color, 12, 12, 12)) solid;
      	position: relative;
      }
  
      .responsive_table .table_row div:not(:nth-of-type(even)):last-of-type {
      	-ms-grid-column: 1;
      	-ms-grid-column-span: 2;
      	grid-column: 1 / span 2;
      }
  
      /* Add labels */
      .responsive_table .table_data::before {
      	--wght: 700;
      	content: attr(data-label) "\A";
      	/* label + newline */
      	white-space: pre;
      	/* makes newline work */
      	font-size: 0.750em;
      	color: rgb(100, 46, 44);
      	color: rgb(var(--swatch-primary-darker, 100, 46, 44));
      	text-transform: uppercase;
      	width: -webkit-calc(100% - 0.7em);
      	width: -moz-calc(100% - 0.7em);
      	width: calc(100% - 0.7em);
      	height: 1.35em;
      	position: absolute;
      	margin-bottom: 1em;
      	top: 0;
      	left: 0;
      	background: rgb(160, 160, 160);
      	background: rgb(var(--swatch-tertiary-color, 160, 160, 160));
      	color: rgb(252, 252, 252);
      	color: rgb(var(--swatch-text-secondary-color, 252, 252, 252));
      	padding-left: 0.7em;
      	padding-top: 0.35em;
      	padding-bottom: 0.7em;
      	font-weight: 700;
      	font-weight: var(--wght, 700);
      }
  
  }

  Pages using this styling

  • component:responsive-tables-source [info]

  ¶ 1 occurrence
  

  @import url("https://nu-scptheme.github.io/Black-Highlighter/stable/styles/normalize.min.css");
  @import url("https://nu-scptheme.github.io/Black-Highlighter/stable/styles/black-highlighter.min.css");
  
  h1,
  h2 {
      text-align: center;
  }
  
  .step_container {
      margin: 0.5rem 0;
      border: 1px solid #999;
      padding: 1em;
  }
  
  .step_container blockquote {
      background: rgb(var(--swatch-menubg-dark-color));
      color: rgb(var(--swatch-menutxt-light-color));
      padding: 0.25em;
      text-align: center;
  }
  
  .help {
      display: flex;
      align-content: stretch;
      padding-top: 1em;
      border-top: 1px dashed #999;
  }
  
  .help blockquote {
      margin: 0;
      font-size: 85%;
  }
  
  blockquote tt {
      font-size: 80%;
  }
  
  .help blockquote > p {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      align-content: center;
      margin-right: 0;
      min-height: 2rem;
      margin: 0;
  }
  
  .help blockquote > p * {
      margin: 0 0.1rem;
      height: 100%;
  }
  
  .help blockquote:nth-of-type(1) {
      width: 50%;
      background: transparent;
      border: unset;
      box-shadow: unset;
      text-align: right;
      margin-right: 0;
      padding: 0;
  }
  
  .help blockquote:nth-of-type(1) > p {
      justify-content: flex-end;
  }
  
  .help blockquote:nth-of-type(2) {
      margin-left: 1em;
      width: 50%;
  }
  
  #page-content > .collapsible-block {
      display: block;
      text-align: center;
      padding: 0.75em;
      background-color: lightgrey;
      border-top: 0.125rem dashed slategrey;
      border-bottom: 0.125rem dashed slategrey;
  }
  
  #page-content > div.collapsible-block > div.collapsible-block-unfolded > div.collapsible-block-content {
      text-align: left;
  }
  
  
  #toc8 tt {
      background: rgb(var(--swatch-menubg-dark-color));
      color: rgb(var(--swatch-menutxt-light-color));
      padding: 0.25em;
  }
  
  .step_container blockquote b,
  .step_container blockquote strong {
      font-weight: 900;
  }

  Pages using this styling

  • component:responsive-tables [info]

  ¶ 1 occurrence
  

  #u-info div.name {
    clear: left;
    width: 11em;
    font-weight: bold;
  }
  #u-info div {
    float: left;
    margin-bottom: 0.5em;
  }
  #u-info {
    float: left;
  }
  #u-enum {
    float: right;
  }
  .letterhead {
    max-width: 80%;
    max-height: 50px;
    width: auto;
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
  h1, h2, .title, #page-title {
    color: {$color};
  }
  h2 {
    font-weight: bold;
  }
  div#page-title {
    display: none;
  }

  Pages using this styling

  • component:redzone-advisory-base [info]

  ¶ 1 occurrence
  

  :root {
      --info-circle-size: 12.5rem;
  
      --info-up-bg: var(--positiveColor);
      --info-down-bg: var(--negativeColor);
      --info-border-color: rgba(var(--swatch-border-color, 187,0,17),0.25);
  }
  .list-pages-box .rate_t3 {
      display: block;
      padding: 0;
      margin: 0.5rem auto 0;
      width: -webkit-max-content;
      width: -moz-max-content;
      width: max-content;
      overflow: hidden;
  }
  .list-pages-box .rate_t3 .wrap {
      border-bottom: 1px solid var(--info-border-color);
      display: inline-block;
      width: var(--info-circle-size);
      height: calc(var(--info-circle-size) / 2);
      -webkit-clip-path: polygon(-10% -10%, 110% -10%, 110% 99%, -10% 99%);
                  clip-path: polygon(-10% -10%, 110% -10%, 110% 99%, -10% 99%);
  }
  .list-pages-box .rate_t3 .cir {
      width: var(--info-circle-size);
      height: var(--info-circle-size);
      margin: 0;
      padding: 0;
      transform: rotate(-90deg);
  }
  .list-pages-box .rate_t3 .rad {
      width: calc(100% - 2px);
      height: 0;
      padding: calc(50% - 1px) 0 0;
      margin: 0;
      border: solid var(--info-border-color);
  }
  .list-pages-box .rate_t3 .rad_def {
      background: gray;
      border-radius: 50%;
      width: calc(100% - 2px);
      height: 0;
      padding: calc(100% - 2px) 0 0;
      margin: 0;
      border: 1px solid var(--info-border-color);
  }
  .list-pages-box .rate_t3 .uv {
      border-radius: 100rem 100rem 0 0;
      background: var(--info-up-bg);
      border-width: 1px 1px 0;
  }
  .list-pages-box .rate_t3 .dv {
      border-radius: 0 0 100rem 100rem;
      background: var(--info-down-bg);
      border-width: 0 1px 1px;
  }
  .list-pages-box .rate_t3 td {
      border: none;
  }

  Pages using this styling

  • component:ratio-bar [info]

  ¶ 1 occurrence
  

  #main-content .page-rate-widget-box:not(.creditBottomRate .page-rate-widget-box) {
      --rating-module-bottom-border-color: initial;
      padding-bottom: 0.15em;
  }
  .page-rate-widget-box::after {
      width: 100%;
      border-radius: inherit;
      right: 0;
      bottom: -0.1em;
      position: absolute;
  }
  
  #main-content #page-content .rate-box-with-credit-button {
      --rating-module-bottom-border-color: initial;
      position: relative;
      padding-bottom: 0.15em;
  }
  #main-content #page-content .rate-box-with-credit-button .page-rate-widget-box {
      display: contents;
  }
  #page-content .rate-box-with-credit-button .page-rate-widget-box::after {
      position: absolute;
      width: 100%;
      margin: 0;
      bottom: 0;
  }
  

  Pages using this styling

  • component:ratio-bar [info]

  ¶ 1 occurrence
  

  .page-rate-widget-box {
      position: relative;
  }
  #main-content .page-rate-widget-box > *:where(:not(.creditBottomRate .page-rate-widget-box > *)) {
      border-bottom-width: 0.45em;
  }
  .page-rate-widget-box::after {
      content: "";
      display: block;
      width: 95%;
      margin: 0.1em auto;
      position: relative;
      height: 0.225em;
      background-color: grey;
      border-radius: inherit;
      z-index: 2;
  
      background: linear-gradient(
          90deg,
          var(--positiveColor) var(--rate-percentage),
          var(--negativeColor) var(--rate-percentage)
      );
      filter: saturate(var(--greymaker));
  }
  
  .rate-box-with-credit-button {
      display: flex;
      align-items: stretch;
  }
  .rate-box-with-credit-button .page-rate-widget-box::after {
      margin: 0.1em auto 0.075em;
  }
  #page-content .rate-box-with-credit-button .creditButton {
      display: flex;
      align-items: center;
  }
  #page-content .creditButton p a {
      margin-left: inherit;
  }
  
  div.creditBottomRate .page-rate-widget-box::after {
      display: none;
  }

  Pages using this styling

  • component:ratio-bar [info]

  ¶ 1 occurrence
  

  :where(:root) {
      /*Basalt compatibility */
      --rating-module-button-plus-color: var(--rate-module-upvote-color);
      --rating-module-button-negative-color: var(--rate-module-downvote-color);
      /*BHL compatibility */
      --positiveColor: rgb(var(--rating-module-button-plus-color, 144,238,144));
      --negativeColor: rgb(var(--rating-module-button-negative-color, 255,192,203));
  }

  Pages using this styling

  • component:ratio-bar [info]

  ¶ 1 occurrence
  

  
  /* Frame Base (NOTE: Black is Default) */
  .queerframe {
      pointer-events: none;
      box-shadow: 0 0 5px 0 rgba(0, 0, 0, .25) inset, 0 5px 10px 5px rgba(0,0,0,.25);
      box-sizing: border-box;
      display: inline-block;
      margin:10px 10px;
      padding:5vmin;
      position: relative;
      text-align: center;
      
      max-width: 700px;
  
      background-color: var(--frame-bg-color, #373737);
      border: solid 5vmin var(--frame-border-color, #2e2e2e);
      border-radius:2px;
      border-top-color: var(--frame-top, #000);
      border-left-color: var(--frame-sides, #191919);
      border-right-color: var(--frame-sides, #191919);
      border-bottom-color: var(--frame-bottom, #202020);
  }
  
  /* Frame Moulding */
  .queerframe::before{
      pointer-events: none;
      border-radius:2px;
      bottom:-2vmin;
      box-shadow:0 2px 5px 0 rgba(0,0,0,.4) inset;
      content:"";
      left:-2vmin;
      position: absolute;
      right:-2vmin;
      top:-2vmin;
  }
  
  .queerframe::after{
      pointer-events: none;
      border-radius:2px;
      bottom:-2.5vmin;
      box-shadow: 0 2px 5px 0 rgba(0,0,0,.4);
      content:"";
      left:-2.5vmin;
      position: absolute;
      right:-2.5vmin;
      top:-2.5vmin;
  }
  
  /* Picture Edges */
  .queerframe > img {
      border:solid 2px;
      border-bottom-color:#ffe;
      border-left-color:#eed;
      border-right-color:#eed;
      border-top-color:#ccb;
      max-height:100%;
  }
  
  /* Color Schemes */
  .white{
      --frame-bg-color: #ddc;
      --frame-border-color: eee;
      --frame-bottom: #fff;
      --frame-sides: #eee;
      --frame-top: #ddd;
  }
  .black {
      --frame-bg-color: #373737;
      --frame-border-color: #2e2e2e;
      --frame-bottom: #202020;
      --frame-sides: #191919;
      --frame-top: #000;
  }
  .wood {
      --frame-bg-color: #665;
      --frame-border-color: #4f3b1b;
      --frame-bottom: #553e22;
      --frame-sides: #473216;
      --frame-top: #39280e;
  }
  .gold {
      --frame-bg-color: #ccb;
      --frame-border-color: #CFB53B;
      --frame-bottom: #e5ca46;
      --frame-sides: #CFB53B;
      --frame-top: #ad9525;
  }
  .silver {
      --frame-bg-color: #575757;
      --frame-border-color: #C0C0C0;
      --frame-bottom: #cfcfcf;
      --frame-sides: #C0C0C0;
      --frame-top: #a1a1a1;
  }

  Pages using this styling

  • component:queerframe [info]

  ¶ 1 occurrence
  

  img{
      max-width:300px
  }

  Pages using this styling

  • component:queerframe [info]

  ¶ 1 occurrence
  

  
  tt {
      font-size: 90%;
      padding: 0.1em 0.2em;
      background-color: #eee;
      border-radius: 5px;
  }
  

  Pages using this styling

  • component:pride-logos-base [info]

  ¶ 1 occurrence
  

  @import url("https://scp-wiki.wdfiles.com/local--code/component%3Apride-logos-base/6");
  #header h1 a::before {
  
  /* 2. Angled (non-vertical) divider */
  
      -webkit-mask-image: linear-gradient({$angle}deg, transparent 50%, black 50%),
                          linear-gradient(white, white);
      mask-image: linear-gradient({$angle}deg, transparent 50%, black 50%),
                  linear-gradient(white, white);
  
  /* 3. User-customizable mask */
  
      -webkit-mask-image: {$mask},
                                           linear-gradient(white, white);
      mask-image: {$mask},
                             linear-gradient(white, white);
  }
  
  #header h1 a::after {
      background-image: url("https://scp-wiki.wdfiles.com/local--files/component%3Apride-logos/scp-{$code2}.png");
      background-image: {$custom2};
  
  /* 2. Angled (non-vertical) divider */
  
      -webkit-mask-image: linear-gradient({$angle}deg, transparent 50%, black 50%);
      mask-image: linear-gradient({$angle}deg, transparent 50%, black 50%);
  
  /* 3. User-customizable mask */
  
      -webkit-mask-image: {$mask};
      mask-image: {$mask};
  }

  Pages using this styling

  • component:pride-logos-base [info]

  ¶ 1 occurrence
  

  @import url("https://scp-wiki.wdfiles.com/local--code/component%3Apride-logos-base/5");
  
  :root {
      --header-logo: url("https://scp-wiki.wdfiles.com/local--files/component%3Apride-logos/scp-{$code}.png");
  }
  
  #header h1 a::before {
      background-image: {$custom};
  }

  Pages using this styling

  • component:pride-logos-base [info]

  ¶ 1 occurrence
  

  @import url("https://scp-wiki.wdfiles.com/local--code/component%3Apride-logos-base/4");

  Pages using this styling

  • component:pride-logos-base [info]

  ¶ 1 occurrence
  

  @import url("https://scp-wiki.wdfiles.com/local--code/component%3Apride-logos-base/3");

  Pages using this styling

  • component:pride-logos-base [info]

  ¶ 1 occurrence
  

  @import url("https://scp-wiki.wdfiles.com/local--code/component%3Apride-logos-base/2");

  Pages using this styling

  • component:pride-logos-base [info]

  ¶ 1 occurrence
  

  @import url("https://scp-wiki.wdfiles.com/local--code/component%3Apride-logos-base/1");

  Pages using this styling

  • component:pride-logos-base [info]

  ¶ 1 occurrence
  

  
  /* Parallel collage of three logos */
  
  #header::before {
  
  /* 1. Default divider */
  
      -webkit-mask-image: linear-gradient(to right, transparent 35%, black 35%, black 65%, transparent 65%);
      mask-image: linear-gradient(to right, transparent 35%, black 35%, black 65%, transparent 65%);
  
  /* 2. Angled (non-vertical) divider */
  
      -webkit-mask-image: linear-gradient({$angle}deg, transparent 35%, black 35%, black 65%, transparent 65%);
      mask-image: linear-gradient({$angle}deg, transparent 35%, black 35%, black 65%, transparent 65%);
  
  /* 3. User-customizable mask */
  
      -webkit-mask-image: {$mask};
      mask-image: {$mask};
  }
  
  /* The third logo is created by ::after */
  
  #header::after {
      position: absolute;
      content: '';
      z-index: 2;
      width: 100%;
      height: 100%;
      pointer-events: none;
      top: 0;
      left: 0;
      background-repeat: no-repeat;
      background-position: inherit;
      background-size: inherit;
      background-image: url("https://scp-wiki.wdfiles.com/local--files/component%3Apride-logos/scp-{$code3}.png");
      background-image: {$custom3}; 
  
  
  /* 0. Default mask position and size on desktop */
  
      -webkit-mask-position: 10px 40px;
      mask-position: 10px 40px;
      -webkit-mask-size: 100px 100px;
      mask-size: 100px 100px;
  
  /* 1. Default divider */
  
      -webkit-mask-image: linear-gradient(to right, transparent 65%, black 65%);
      mask-image: linear-gradient(to right, transparent 65%, black 65%);
  
  /* 2. Angled (non-vertical) divider */
  
      -webkit-mask-image: linear-gradient({$angle}deg, transparent 65%, black 65%);
      mask-image: linear-gradient({$angle}deg, transparent 65%, black 65%);
  
  /* 3. User-customizable mask */
  
      -webkit-mask-image: {$mask2};
      mask-image: {$mask2};
  }
  

  Pages using this styling

  • component:pride-logos-base [info]

  ¶ 1 occurrence
  

  /* First logo */
  
  #header {
      background-image: url("https://scp-wiki.wdfiles.com/local--files/component%3Apride-logos/scp-{$code}.png");
      background-image: {$custom};
  }
  
  /* The second logo is created by a pseudo-element atop the first one */
  
  #header::before {
      position: absolute;
      content: '';
      width: 100%;
      height: 100%;
      pointer-events: none; /* Disable clicking event */
      top: 0;
      left: 0;
      background-repeat: no-repeat;
      background-position: inherit;
      background-size: inherit;
      background-image: url("https://scp-wiki.wdfiles.com/local--files/component%3Apride-logos/scp-{$code2}.png");
      background-image: {$custom2};
  
  /* 0. Default mask position and size on desktop */
  
      -webkit-mask-position: 10px 40px;
      mask-position: 10px 40px;
      -webkit-mask-size: 100px 100px;
      mask-size: 100px 100px;
  
  /* 1. Default divider */
  
      -webkit-mask-image: linear-gradient(to right, transparent 50%, black 50%);
      mask-image: linear-gradient(to right, transparent 50%, black 50%);
  
  /* 2. Angled (non-vertical) divider */
  
      -webkit-mask-image: linear-gradient({$angle}deg, transparent 50%, black 50%);
      mask-image: linear-gradient({$angle}deg, transparent 50%, black 50%);
  
  /* 3. User-customizable mask */
  
      -webkit-mask-image: {$mask};
      mask-image: {$mask};
  }

  Pages using this styling

  • component:pride-logos-base [info]

  ¶ 1 occurrence
  

  
  /* Include the rainbow header */
  @import url("https://scp-wiki.wdfiles.com/local--code/component:pride-logos-base/1");
  
  /* Warning blocks */
  
  #page-content div.warning {
      margin: 1em 0;
      padding: 0 1em;
      background-color: #fffaaa;
      border: 1px solid black;
  }
  
  /* Teletype code text */
  
  tt {
      font-size: 90%;
      padding: 0.1em 0.2em;
      background-color: #eee;
      border-radius: 5px;
  }
  
  /* Make collapsibles' text larger */
  
  #page-content a.collapsible-block-link {
      font-weight: bold;
      font-size: 120%;
  }
  
  /* Model the logo-displaying table */
  
  .showcase tbody {
      background-image: repeating-linear-gradient(135deg, rgba(0, 0, 0, .1), rgba(0, 0, 0, .1) 15px, transparent 15px, transparent 30px);
  }
  .showcase table.wiki-content-table {margin: 0 auto;}
  .showcase tr, .showcase td {
      text-align: center;
      font-weight: bold;
      border: 2px solid black;
      max-width: 12vw;
      min-width: 12vw;
  }
  
  /* Animated rainbow-colored text */
  
  .parade {
      margin: 0.5em auto;
      text-align: center;
      font-family: 'Comic Sans MS', 'Comic Sans', cursive;
      color: transparent;
      -webkit-background-clip: text;
      background-clip: text;
      background-image: linear-gradient(45deg, 
  rgb(255,0,0),
  rgb(255,128,0),
  rgb(255,255,0),
  rgb(128,255,0),
  rgb(0,255,0),
  rgb(0,255,128),
  rgb(0,255,255),
  rgb(0,128,255),
  rgb(0,0,255),
  rgb(128,0,255),
  rgb(255,0,255),
  rgb(255,0,128),
  rgb(255,0,0));
      background-size: 300%;
      -webkit-animation: rainbow 5s linear infinite;
      -moz-animation: rainbow 5s linear infinite;
      -o-animation: rainbow 5s linear infinite;
      animation: rainbow 5s linear infinite;
  }
  @keyframes rainbow {
      0% {background-position: 0 0;}
      100% {background-position: 300% 0;}
  }
  
  /* Sample logo copied from the source code */
  
  div#header {
      background-image: url("https://scp-wiki.wikidot.com/local--files/component:pride-logos/scp-default.png");
  }
  #header::before{
      position: absolute;
      content: '';
      width: 100%;
      height: 100%;
      background-image: url("https://scp-wiki.wikidot.com/local--files/component:pride-logos/scp-pride.png");
      background-repeat: no-repeat;
      background-position: inherit;
      background-size: inherit;
      -webkit-mask-image: linear-gradient(60deg, transparent 30%, black 60%);
      mask-image: linear-gradient(60deg, transparent 30%, black 60%);
      -webkit-mask-position: 10px 40px;
      mask-position: 10px 40px;
      -webkit-mask-size: 100px 100px;
      mask-size: 100px 100px;
  }
  @media (max-width: 767px) {
      #header::before {
          -webkit-mask-position: 8px 64%;
          mask-position: 8px 64%;
          -webkit-mask-size: calc(48px + 5%) calc(48px + 5vw);
          mask-size: calc(48px + 5%) calc(48px + 5vw);
      }
  }

  Pages using this styling

  • component:pride-logos [info]

  ¶ 1 occurrence
  

  #header {
      background: var(--anim-pride) 15px 40px no-repeat !important;
      background-size: 6rem !important;
  }
  @media (max-width: 580px) and (min-width: 480px) {
      #header {
      	background-position: 0.5em 4.5em  !important;
      	background-size: 66px 66px  !important;
      }
  }
  
  @media (max-width: 479px) {
      #header {
      	background-position: 0 5.5em !important;
      	background-size: 55px 55px !important;
      }
  }

  Pages using this styling

  • component:pride-highlighter [info]

  ¶ 1 occurrence
  

  :root {
      --logo-image: var(--anim-pride) !important;
      --header-logo: var(--logo-image) !important;
  }

  Pages using this styling

  • component:pride-highlighter [info]

  ¶ 1 occurrence
  

  #header {
      background: url("https://scp-wiki.wdfiles.com/local--files/component%3Apride-highlighter/pgp_logo_blk-2.svg") 15px 40px no-repeat !important;
      background-size: 6rem !important;
  }
  @media (max-width: 580px) and (min-width: 480px) {
      #header {
      	background-position: 0.5em 4.5em  !important;
      	background-size: 66px 66px  !important;
      }
  }
  
  @media (max-width: 479px) {
      #header {
      	background-position: 0 5.5em !important;
      	background-size: 55px 55px !important;
      }
  }

  Pages using this styling

  • component:pride-highlighter [info]

  ¶ 1 occurrence
  

  #header {
      background: url("https://scp-wiki.wdfiles.com/local--files/component%3Apride-highlighter/tg_logo_blk.svg") 15px 40px no-repeat !important;
      background-size: 6rem !important;
  }
  @media (max-width: 580px) and (min-width: 480px) {
      #header {
      	background-position: 0.5em 4.5em  !important;
      	background-size: 66px 66px  !important;
      }
  }
  
  @media (max-width: 479px) {
      #header {
      	background-position: 0 5.5em !important;
      	background-size: 55px 55px !important;
      }
  }

  Pages using this styling

  • component:pride-highlighter [info]

  ¶ 1 occurrence
  

  #header {
      background: url("https://scp-wiki.wdfiles.com/local--files/component%3Apride-highlighter/poly_logo_blk.svg") 15px 40px no-repeat !important;
      background-size: 6rem !important;
  }
  @media (max-width: 580px) and (min-width: 480px) {
      #header {
      	background-position: 0.5em 4.5em  !important;
      	background-size: 66px 66px  !important;
      }
  }
  
  @media (max-width: 479px) {
      #header {
      	background-position: 0 5.5em !important;
      	background-size: 55px 55px !important;
      }
  }

  Pages using this styling

  • component:pride-highlighter [info]

  ¶ 1 occurrence
  

  #header {
      background: url("https://scp-wiki.wdfiles.com/local--files/component%3Apride-highlighter/pla_logo_blk.svg") 15px 40px no-repeat !important;
      background-size: 6rem !important;
  }
  @media (max-width: 580px) and (min-width: 480px) {
      #header {
      	background-position: 0.5em 4.5em  !important;
      	background-size: 66px 66px  !important;
      }
  }
  
  @media (max-width: 479px) {
      #header {
      	background-position: 0 5.5em !important;
      	background-size: 55px 55px !important;
      }
  }

  Pages using this styling

  • component:pride-highlighter [info]

  ¶ 1 occurrence
  

  #header {
      background: url("https://scp-wiki.wdfiles.com/local--files/component%3Apride-highlighter/pan_logo_blk.svg") 15px 40px no-repeat !important;
      background-size: 6rem !important;
  }
  @media (max-width: 580px) and (min-width: 480px) {
      #header {
      	background-position: 0.5em 4.5em  !important;
      	background-size: 66px 66px  !important;
      }
  }
  
  @media (max-width: 479px) {
      #header {
      	background-position: 0 5.5em !important;
      	background-size: 55px 55px !important;
      }
  }

  Pages using this styling

  • component:pride-highlighter [info]

  ¶ 1 occurrence
  

  #header {
      background: url("https://scp-wiki.wdfiles.com/local--files/component%3Apride-highlighter/nb_logo_blk.svg") 15px 40px no-repeat !important;
      background-size: 6rem !important;
  }
  @media (max-width: 580px) and (min-width: 480px) {
      #header {
      	background-position: 0.5em 4.5em  !important;
      	background-size: 66px 66px  !important;
      }
  }
  
  @media (max-width: 479px) {
      #header {
      	background-position: 0 5.5em !important;
      	background-size: 55px 55px !important;
      }
  }

  Pages using this styling

  • component:pride-highlighter [info]

  ¶ 1 occurrence
  

  #header {
      background: url("https://scp-wiki.wdfiles.com/local--files/component%3Apride-highlighter/lsb_logo_blk.svg") 15px 40px no-repeat !important;
      background-size: 6rem !important;
  }
  @media (max-width: 580px) and (min-width: 480px) {
      #header {
      	background-position: 0.5em 4.5em  !important;
      	background-size: 66px 66px  !important;
      }
  }
  
  @media (max-width: 479px) {
      #header {
      	background-position: 0 5.5em !important;
      	background-size: 55px 55px !important;
      }
  }

  Pages using this styling

  • component:pride-highlighter [info]

  ¶ 1 occurrence
  

  #header {
      background: url("https://scp-wiki.wdfiles.com/local--files/component%3Apride-highlighter/is_logo_blk.svg") 15px 40px no-repeat !important;
      background-size: 6rem !important;
  }
  @media (max-width: 580px) and (min-width: 480px) {
      #header {
      	background-position: 0.5em 4.5em  !important;
      	background-size: 66px 66px  !important;
      }
  }
  
  @media (max-width: 479px) {
      #header {
      	background-position: 0 5.5em !important;
      	background-size: 55px 55px !important;
      }
  }

  Pages using this styling

  • component:pride-highlighter [info]

  ¶ 1 occurrence
  

  #header {
      background: url("https://scp-wiki.wdfiles.com/local--files/component%3Apride-highlighter/gq_logo_blk.svg") 15px 40px no-repeat !important;
      background-size: 6rem !important;
  }
  @media (max-width: 580px) and (min-width: 480px) {
      #header {
      	background-position: 0.5em 4.5em  !important;
      	background-size: 66px 66px  !important;
      }
  }
  
  @media (max-width: 479px) {
      #header {
      	background-position: 0 5.5em !important;
      	background-size: 55px 55px !important;
      }
  }

  Pages using this styling

  • component:pride-highlighter [info]

  ¶ 1 occurrence
  

  #header {
      background: url("https://scp-wiki.wdfiles.com/local--files/component%3Apride-highlighter/gf_logo_blk.svg") 15px 40px no-repeat !important;
      background-size: 6rem !important;
  }
  @media (max-width: 580px) and (min-width: 480px) {
      #header {
      	background-position: 0.5em 4.5em  !important;
      	background-size: 66px 66px  !important;
      }
  }
  
  @media (max-width: 479px) {
      #header {
      	background-position: 0 5.5em !important;
      	background-size: 55px 55px !important;
      }
  }

  Pages using this styling

  • component:pride-highlighter [info]

  ¶ 1 occurrence
  

  #header {
      background: url("https://scp-wiki.wdfiles.com/local--files/component%3Apride-highlighter/gm_logo_blk.svg") 15px 40px no-repeat !important;
      background-size: 6rem !important;
  }
  @media (max-width: 580px) and (min-width: 480px) {
      #header {
      	background-position: 0.5em 4.5em  !important;
      	background-size: 66px 66px  !important;
      }
  }
  
  @media (max-width: 479px) {
      #header {
      	background-position: 0 5.5em !important;
      	background-size: 55px 55px !important;
      }
  }

  Pages using this styling

  • component:pride-highlighter [info]

  ¶ 1 occurrence
  

  #header {
      background: url("https://scp-wiki.wdfiles.com/local--files/component%3Apride-highlighter/bi_logo_blk.svg") 15px 40px no-repeat !important;
      background-size: 6rem !important;
  }
  @media (max-width: 580px) and (min-width: 480px) {
      #header {
      	background-position: 0.5em 4.5em  !important;
      	background-size: 66px 66px  !important;
      }
  }
  
  @media (max-width: 479px) {
      #header {
      	background-position: 0 5.5em !important;
      	background-size: 55px 55px !important;
      }
  }

  Pages using this styling

  • component:pride-highlighter [info]

  ¶ 1 occurrence
  

  #header {
      background: url("https://scp-wiki.wdfiles.com/local--files/component%3Apride-highlighter/ace_logo_blk.svg") 15px 40px no-repeat !important;
      background-size: 6rem !important;
  }
  @media (max-width: 580px) and (min-width: 480px) {
      #header {
      	background-position: 0.5em 4.5em  !important;
      	background-size: 66px 66px  !important;
      }
  }
  
  @media (max-width: 479px) {
      #header {
      	background-position: 0 5.5em !important;
      	background-size: 55px 55px !important;
      }
  }

  Pages using this styling

  • component:pride-highlighter [info]

  ¶ 1 occurrence
  

  #header {
      background: url("https://scp-wiki.wdfiles.com/local--files/component%3Apride-highlighter/aro_logo_blk.svg") 15px 40px no-repeat !important;
      background-size: 6rem !important;
  }
  @media (max-width: 580px) and (min-width: 480px) {
      #header {
      	background-position: 0.5em 4.5em  !important;
      	background-size: 66px 66px  !important;
      }
  }
  
  @media (max-width: 479px) {
      #header {
      	background-position: 0 5.5em !important;
      	background-size: 55px 55px !important;
      }
  }

  Pages using this styling

  • component:pride-highlighter [info]

  ¶ 1 occurrence
  

  #header {
      background: url("https://scp-wiki.wdfiles.com/local--files/component%3Apride-highlighter/ally_logo_blk.svg") 15px 40px no-repeat !important;
      background-size: 6rem !important;
  }
  @media (max-width: 580px) and (min-width: 480px) {
      #header {
      	background-position: 0.5em 4.5em  !important;
      	background-size: 66px 66px  !important;
      }
  }
  
  @media (max-width: 479px) {
      #header {
      	background-position: 0 5.5em !important;
      	background-size: 55px 55px !important;
      }
  }

  Pages using this styling

  • component:pride-highlighter [info]

  ¶ 1 occurrence
  

  #header {
      background: url("https://scp-wiki.wdfiles.com/local--files/component%3Apride-highlighter/agen_logo_blk.svg") 15px 40px no-repeat !important;
      background-size: 6rem !important;
  }
  @media (max-width: 580px) and (min-width: 480px) {
      #header {
      	background-position: 0.5em 4.5em  !important;
      	background-size: 66px 66px  !important;
      }
  }
  
  @media (max-width: 479px) {
      #header {
      	background-position: 0 5.5em !important;
      	background-size: 55px 55px !important;
      }
  }

  Pages using this styling

  • component:pride-highlighter [info]

  ¶ 1 occurrence
  

  #header {
      background: url("https://scp-wiki.wdfiles.com/local--files/component%3Apride-highlighter/gp_logo_blk.svg") 15px 40px no-repeat !important;
      background-size: 6rem !important;
  }
  @media (max-width: 580px) and (min-width: 480px) {
      #header {
      	background-position: 0.5em 4.5em  !important;
      	background-size: 66px 66px  !important;
      }
  }
  
  @media (max-width: 479px) {
      #header {
      	background-position: 0 5.5em !important;
      	background-size: 55px 55px !important;
      }
  }

  Pages using this styling

  • component:pride-highlighter [info]

  ¶ 1 occurrence
  

  #header {
      background: url("https://scp-wiki.wdfiles.com/local--files/component%3Apride-highlighter/lgbtqp_logo_blk.svg") 15px 40px no-repeat !important;
      background-size: 6rem !important;
  }
  @media (max-width: 580px) and (min-width: 480px) {
      #header {
      	background-position: 0.5em 4.5em  !important;
      	background-size: 66px 66px  !important;
      }
  }
  
  @media (max-width: 479px) {
      #header {
      	background-position: 0 5.5em !important;
      	background-size: 55px 55px !important;
      }
  }

  Pages using this styling

  • component:pride-highlighter [info]

  ¶ 1 occurrence
  

  :root {
      --logo-image: url("https://scp-wiki.wdfiles.com/local--files/component%3Apride-highlighter/pgp_logo_blk-2.svg") !important;
      --header-logo: var(--logo-image) !important;
  }

  Pages using this styling

  • component:pride-highlighter [info]

  ¶ 1 occurrence
  

  :root {
      --logo-image: url("https://scp-wiki.wdfiles.com/local--files/component%3Apride-highlighter/tg_logo_blk.svg") !important;
      --header-logo: var(--logo-image) !important;
  }

  Pages using this styling

  • component:pride-highlighter [info]

  ¶ 1 occurrence
  

  :root {
      --logo-image: url("https://scp-wiki.wdfiles.com/local--files/component%3Apride-highlighter/poly_logo_blk.svg") !important;
      --header-logo: var(--logo-image) !important;
  }

  Pages using this styling

  • component:pride-highlighter [info]

  ¶ 1 occurrence
  

  :root {
      --logo-image: url("https://scp-wiki.wdfiles.com/local--files/component%3Apride-highlighter/pla_logo_blk.svg") !important;
      --header-logo: var(--logo-image) !important;
  }

  Pages using this styling

  • component:pride-highlighter [info]

  ¶ 1 occurrence
  

  :root {
      --logo-image: url("https://scp-wiki.wdfiles.com/local--files/component%3Apride-highlighter/pan_logo_blk.svg") !important;
      --header-logo: var(--logo-image) !important;
  }

  Pages using this styling

  • component:pride-highlighter [info]

  ¶ 1 occurrence
  

  :root {
      --logo-image: url("https://scp-wiki.wdfiles.com/local--files/component%3Apride-highlighter/nb_logo_blk.svg") !important;
      --header-logo: var(--logo-image) !important;
  }

  Pages using this styling

  • component:pride-highlighter [info]

  ¶ 1 occurrence
  

  :root {
      --logo-image: url("https://scp-wiki.wdfiles.com/local--files/component%3Apride-highlighter/lsb_logo_blk.svg") !important;
      --header-logo: var(--logo-image) !important;
  }

  Pages using this styling

  • component:pride-highlighter [info]

  ¶ 1 occurrence
  

  :root {
      --logo-image: url("https://scp-wiki.wdfiles.com/local--files/component%3Apride-highlighter/is_logo_blk.svg") !important;
      --header-logo: var(--logo-image) !important;
  }

  Pages using this styling

  • component:pride-highlighter [info]

  ¶ 1 occurrence
  

  :root {
      --logo-image: url("https://scp-wiki.wdfiles.com/local--files/component%3Apride-highlighter/gq_logo_blk.svg") !important;
      --header-logo: var(--logo-image) !important;
  }

  Pages using this styling

  • component:pride-highlighter [info]

  ¶ 1 occurrence
  

  :root {
      --logo-image: url("https://scp-wiki.wdfiles.com/local--files/component%3Apride-highlighter/gf_logo_blk.svg") !important;
      --header-logo: var(--logo-image) !important;
  }

  Pages using this styling

  • component:pride-highlighter [info]

  ¶ 1 occurrence
  

  :root {
      --logo-image: url("https://scp-wiki.wdfiles.com/local--files/component:pride-highlighter/gm_logo_blk.svg") !important;
      --header-logo: var(--logo-image) !important;
  }

  Pages using this styling

  • component:pride-highlighter [info]

  ¶ 1 occurrence
  

  :root {
      --logo-image: url("https://scp-wiki.wdfiles.com/local--files/component:pride-highlighter/bi_logo_blk.svg") !important;
      --header-logo: var(--logo-image) !important;
  }

  Pages using this styling

  • component:pride-highlighter [info]

  ¶ 1 occurrence
  

  :root {
      --logo-image: url("https://scp-wiki.wdfiles.com/local--files/component%3Apride-highlighter/ace_logo_blk.svg") !important;
      --header-logo: var(--logo-image) !important;
  }

  Pages using this styling

  • component:pride-highlighter [info]

  ¶ 1 occurrence
  

  :root {
      --logo-image: url("https://scp-wiki.wdfiles.com/local--files/component%3Apride-highlighter/aro_logo_blk.svg") !important;
      --header-logo: var(--logo-image) !important;
  
  }

  Pages using this styling

  • component:pride-highlighter [info]

  ¶ 1 occurrence
  

  :root {
      --logo-image: url("https://scp-wiki.wdfiles.com/local--files/component%3Apride-highlighter/ally_logo_blk.svg") !important;
      --header-logo: var(--logo-image) !important;
  }

  Pages using this styling

  • component:pride-highlighter [info]

  ¶ 1 occurrence
  

  :root {
      --logo-image: url("https://scp-wiki.wdfiles.com/local--files/component%3Apride-highlighter/agen_logo_blk.svg") !important;
      --header-logo: var(--logo-image) !important;
  }

  Pages using this styling

  • component:pride-highlighter [info]

  ¶ 1 occurrence
  

  :root {
      --logo-image: url("https://scp-wiki.wdfiles.com/local--files/component%3Apride-highlighter/gp_logo_blk.svg") !important;
      --header-logo: var(--logo-image) !important;
  }

  Pages using this styling

  • component:pride-highlighter [info]

  ¶ 1 occurrence
  

  :root {
      --logo-image: url("https://scp-wiki.wdfiles.com/local--files/component%3Apride-highlighter/lgbtqp_logo_blk.svg") !important;
      --header-logo: var(--logo-image) !important;
  }

  Pages using this styling

  • component:pride-highlighter [info]

  ¶ 1 occurrence
  

  #header {
      background: url("https://scp-wiki.wdfiles.com/local--files/component%3Apride-highlighter/pgp_logo.svg") 15px 40px no-repeat !important;
      background-size: 6rem !important;
  }
  @media (max-width: 580px) and (min-width: 480px) {
      #header {
      	background-position: 0.5em 4.5em  !important;
      	background-size: 66px 66px  !important;
      }
  }
  
  @media (max-width: 479px) {
      #header {
      	background-position: 0 5.5em !important;
      	background-size: 55px 55px !important;
      }
  }

  Pages using this styling

  • component:pride-highlighter [info]

  ¶ 1 occurrence
  

  #header {
      background: url("https://scp-wiki.wdfiles.com/local--files/component%3Apride-highlighter/tg_logo.svg") 15px 40px no-repeat !important;
      background-size: 6rem !important;
  }
  @media (max-width: 580px) and (min-width: 480px) {
      #header {
      	background-position: 0.5em 4.5em  !important;
      	background-size: 66px 66px  !important;
      }
  }
  
  @media (max-width: 479px) {
      #header {
      	background-position: 0 5.5em !important;
      	background-size: 55px 55px !important;
      }
  }

  Pages using this styling

  • component:pride-highlighter [info]

  ¶ 1 occurrence
  

  #header {
      background: url("https://scp-wiki.wdfiles.com/local--files/component%3Apride-highlighter/poly_logo.svg") 15px 40px no-repeat !important;
      background-size: 6rem !important;
  }
  @media (max-width: 580px) and (min-width: 480px) {
      #header {
      	background-position: 0.5em 4.5em  !important;
      	background-size: 66px 66px  !important;
      }
  }
  
  @media (max-width: 479px) {
      #header {
      	background-position: 0 5.5em !important;
      	background-size: 55px 55px !important;
      }
  }

  Pages using this styling

  • component:pride-highlighter [info]

  ¶ 1 occurrence
  

  #header {
      background: url("https://scp-wiki.wdfiles.com/local--files/component%3Apride-highlighter/pla.svg") 15px 40px no-repeat !important;
      background-size: 6rem !important;
  }
  @media (max-width: 580px) and (min-width: 480px) {
      #header {
      	background-position: 0.5em 4.5em  !important;
      	background-size: 66px 66px  !important;
      }
  }
  
  @media (max-width: 479px) {
      #header {
      	background-position: 0 5.5em !important;
      	background-size: 55px 55px !important;
      }
  }

  Pages using this styling

  • component:pride-highlighter [info]

  ¶ 1 occurrence
  

  #header {
      background: url("https://scp-wiki.wdfiles.com/local--files/component%3Apride-highlighter/pan_logo.svg") 15px 40px no-repeat !important;
      background-size: 6rem !important;
  }
  @media (max-width: 580px) and (min-width: 480px) {
      #header {
      	background-position: 0.5em 4.5em  !important;
      	background-size: 66px 66px  !important;
      }
  }
  
  @media (max-width: 479px) {
      #header {
      	background-position: 0 5.5em !important;
      	background-size: 55px 55px !important;
      }
  }

  Pages using this styling

  • component:pride-highlighter [info]

  ¶ 1 occurrence
  

  #header {
      background: url("https://scp-wiki.wdfiles.com/local--files/component%3Apride-highlighter/nb_logo.svg") 15px 40px no-repeat !important;
      background-size: 6rem !important;
  }
  @media (max-width: 580px) and (min-width: 480px) {
      #header {
      	background-position: 0.5em 4.5em  !important;
      	background-size: 66px 66px  !important;
      }
  }
  
  @media (max-width: 479px) {
      #header {
      	background-position: 0 5.5em !important;
      	background-size: 55px 55px !important;
      }
  }

  Pages using this styling

  • component:pride-highlighter [info]

  ¶ 1 occurrence
  

  #header {
      background: url("https://scp-wiki.wdfiles.com/local--files/component%3Apride-highlighter/lsb_logo.svg") 15px 40px no-repeat !important;
      background-size: 6rem !important;
  }
  @media (max-width: 580px) and (min-width: 480px) {
      #header {
      	background-position: 0.5em 4.5em  !important;
      	background-size: 66px 66px  !important;
      }
  }
  
  @media (max-width: 479px) {
      #header {
      	background-position: 0 5.5em !important;
      	background-size: 55px 55px !important;
      }
  }

  Pages using this styling

  • component:pride-highlighter [info]

  ¶ 1 occurrence
  

  #header {
      background: url("https://scp-wiki.wdfiles.com/local--files/component%3Apride-highlighter/is_logo.svg") 15px 40px no-repeat !important;
      background-size: 6rem !important;
  }
  @media (max-width: 580px) and (min-width: 480px) {
      #header {
      	background-position: 0.5em 4.5em  !important;
      	background-size: 66px 66px  !important;
      }
  }
  
  @media (max-width: 479px) {
      #header {
      	background-position: 0 5.5em !important;
      	background-size: 55px 55px !important;
      }
  }

  Pages using this styling

  • component:pride-highlighter [info]

  ¶ 1 occurrence
  

  #header {
      background: url("https://scp-wiki.wdfiles.com/local--files/component%3Apride-highlighter/gq_logo.svg") 15px 40px no-repeat !important;
      background-size: 6rem !important;
  }
  @media (max-width: 580px) and (min-width: 480px) {
      #header {
      	background-position: 0.5em 4.5em  !important;
      	background-size: 66px 66px  !important;
      }
  }
  
  @media (max-width: 479px) {
      #header {
      	background-position: 0 5.5em !important;
      	background-size: 55px 55px !important;
      }
  }

  Pages using this styling

  • component:pride-highlighter [info]

  ¶ 1 occurrence
  

  #header {
      background: url("https://scp-wiki.wdfiles.com/local--files/component%3Apride-highlighter/gf_logo.svg") 15px 40px no-repeat !important;
      background-size: 6rem !important;
  }
  @media (max-width: 580px) and (min-width: 480px) {
      #header {
      	background-position: 0.5em 4.5em  !important;
      	background-size: 66px 66px  !important;
      }
  }
  
  @media (max-width: 479px) {
      #header {
      	background-position: 0 5.5em !important;
      	background-size: 55px 55px !important;
      }
  }

  Pages using this styling

  • component:pride-highlighter [info]

  ¶ 1 occurrence
  

  #header {
      background: url("https://scp-wiki.wdfiles.com/local--files/component%3Apride-highlighter/demi_logo.svg") 15px 40px no-repeat !important;
      background-size: 6rem !important;
  }
  @media (max-width: 580px) and (min-width: 480px) {
      #header {
      	background-position: 0.5em 4.5em  !important;
      	background-size: 66px 66px  !important;
      }
  }
  
  @media (max-width: 479px) {
      #header {
      	background-position: 0 5.5em !important;
      	background-size: 55px 55px !important;
      }
  }

  Pages using this styling

  • component:pride-highlighter [info]

  ¶ 1 occurrence
  

  #header {
      background: url("https://scp-wiki.wdfiles.com/local--files/component%3Apride-highlighter/gm_logo.svg") 15px 40px no-repeat !important;
      background-size: 6rem !important;
  }
  @media (max-width: 580px) and (min-width: 480px) {
      #header {
      	background-position: 0.5em 4.5em  !important;
      	background-size: 66px 66px  !important;
      }
  }
  
  @media (max-width: 479px) {
      #header {
      	background-position: 0 5.5em !important;
      	background-size: 55px 55px !important;
      }
  }

  Pages using this styling

  • component:pride-highlighter [info]

  ¶ 1 occurrence
  

  #header {
      background: url("https://scp-wiki.wdfiles.com/local--files/component%3Apride-highlighter/bi_logo.svg") 15px 40px no-repeat !important;
      background-size: 6rem !important;
  }
  @media (max-width: 580px) and (min-width: 480px) {
      #header {
      	background-position: 0.5em 4.5em  !important;
      	background-size: 66px 66px  !important;
      }
  }
  
  @media (max-width: 479px) {
      #header {
      	background-position: 0 5.5em !important;
      	background-size: 55px 55px !important;
      }
  }

  Pages using this styling

  • component:pride-highlighter [info]

  ¶ 1 occurrence
  

  #header {
      background: url("https://scp-wiki.wdfiles.com/local--files/component%3Apride-highlighter/ace_logo.svg") 15px 40px no-repeat !important;
      background-size: 6rem !important;
  }
  @media (max-width: 580px) and (min-width: 480px) {
      #header {
      	background-position: 0.5em 4.5em  !important;
      	background-size: 66px 66px  !important;
      }
  }
  
  @media (max-width: 479px) {
      #header {
      	background-position: 0 5.5em !important;
      	background-size: 55px 55px !important;
      }
  }

  Pages using this styling

  • component:pride-highlighter [info]

  ¶ 1 occurrence
  

  #header {
      background: url("https://scp-wiki.wdfiles.com/local--files/component%3Apride-highlighter/aro_logo.svg") 15px 40px no-repeat !important;
      background-size: 6rem !important;
  }
  @media (max-width: 580px) and (min-width: 480px) {
      #header {
      	background-position: 0.5em 4.5em  !important;
      	background-size: 66px 66px  !important;
      }
  }
  
  @media (max-width: 479px) {
      #header {
      	background-position: 0 5.5em !important;
      	background-size: 55px 55px !important;
      }
  }

  Pages using this styling

  • component:pride-highlighter [info]

  ¶ 1 occurrence
  

  #header {
      background: url("https://scp-wiki.wdfiles.com/local--files/component%3Apride-highlighter/ally_logo.svg") 15px 40px no-repeat !important;
      background-size: 6rem !important;
  }
  @media (max-width: 580px) and (min-width: 480px) {
      #header {
      	background-position: 0.5em 4.5em  !important;
      	background-size: 66px 66px  !important;
      }
  }
  
  @media (max-width: 479px) {
      #header {
      	background-position: 0 5.5em !important;
      	background-size: 55px 55px !important;
      }
  }

  Pages using this styling

  • component:pride-highlighter [info]

  ¶ 1 occurrence
  

  #header {
      background: url("https://scp-wiki.wdfiles.com/local--files/component%3Apride-highlighter/gp_agen.svg") 15px 40px no-repeat !important;
      background-size: 6rem !important;
  }
  @media (max-width: 580px) and (min-width: 480px) {
      #header {
      	background-position: 0.5em 4.5em  !important;
      	background-size: 66px 66px  !important;
      }
  }
  
  @media (max-width: 479px) {
      #header {
      	background-position: 0 5.5em !important;
      	background-size: 55px 55px !important;
      }
  }

  Pages using this styling

  • component:pride-highlighter [info]

  ¶ 1 occurrence
  

  #header {
      background: url("https://scp-wiki.wdfiles.com/local--files/component%3Apride-highlighter/gp_logo.svg") 15px 40px no-repeat !important;
      background-size: 6rem !important;
  }
  @media (max-width: 580px) and (min-width: 480px) {
      #header {
      	background-position: 0.5em 4.5em  !important;
      	background-size: 66px 66px  !important;
      }
  }
  
  @media (max-width: 479px) {
      #header {
      	background-position: 0 5.5em !important;
      	background-size: 55px 55px !important;
      }
  }

  Pages using this styling

  • component:pride-highlighter [info]

  ¶ 1 occurrence
  

  #header {
      background: url("https://scp-wiki.wdfiles.com/local--files/component%3Apride-highlighter/lgbtqp_logo.svg") 15px 40px no-repeat !important;
      background-size: 6rem !important;
  }
  @media (max-width: 580px) and (min-width: 480px) {
      #header {
      	background-position: 0.5em 4.5em  !important;
      	background-size: 66px 66px  !important;
      }
  }
  
  @media (max-width: 479px) {
      #header {
      	background-position: 0 5.5em !important;
      	background-size: 55px 55px !important;
      }
  }

  Pages using this styling

  • component:pride-highlighter [info]

  ¶ 1 occurrence
  

  :root {
      --logo-image: url("https://scp-wiki.wdfiles.com/local--files/component%3Apride-highlighter/pgp_logo.svg") !important;
      --header-logo: var(--logo-image) !important;
  }

  Pages using this styling

  • component:pride-highlighter [info]

  ¶ 1 occurrence
  

  :root {
      --logo-image: url("https://scp-wiki.wdfiles.com/local--files/component%3Apride-highlighter/tg_logo.svg") !important;
      --header-logo: var(--logo-image) !important;
  }

  Pages using this styling

  • component:pride-highlighter [info]

  ¶ 1 occurrence
  

  :root {
      --logo-image: url("https://scp-wiki.wdfiles.com/local--files/component%3Apride-highlighter/poly_logo.svg") !important;
      --header-logo: var(--logo-image) !important;
  }

  Pages using this styling

  • component:pride-highlighter [info]

  ¶ 1 occurrence
  

  :root {
      --logo-image: url("https://scp-wiki.wdfiles.com/local--files/component%3Apride-highlighter/pla_logo.svg") !important;
      --header-logo: var(--logo-image) !important;
  }

  Pages using this styling

  • component:pride-highlighter [info]

  ¶ 1 occurrence
  

  :root {
      --logo-image: url("https://scp-wiki.wdfiles.com/local--files/component%3Apride-highlighter/pan_logo.svg") !important;
      --header-logo: var(--logo-image) !important;
  }

  Pages using this styling

  • component:pride-highlighter [info]

  ¶ 1 occurrence
  

  :root {
      --logo-image: url("https://scp-wiki.wdfiles.com/local--files/component%3Apride-highlighter/nb_logo.svg") !important;
      --header-logo: var(--logo-image) !important;
  }

  Pages using this styling

  • component:pride-highlighter [info]

  ¶ 1 occurrence
  

  :root {
      --logo-image: url("https://scp-wiki.wdfiles.com/local--files/component%3Apride-highlighter/lsb_logo.svg") !important;
      --header-logo: var(--logo-image) !important;
  }

  Pages using this styling

  • component:pride-highlighter [info]

  ¶ 1 occurrence
  

  :root {
      --logo-image: url("https://scp-wiki.wdfiles.com/local--files/component%3Apride-highlighter/is_logo.svg") !important;
      --header-logo: var(--logo-image) !important;
  }

  Pages using this styling

  • component:pride-highlighter [info]

  ¶ 1 occurrence
  

  :root {
      --logo-image: url("https://scp-wiki.wdfiles.com/local--files/component%3Apride-highlighter/gq_logo.svg") !important;
      --header-logo: var(--logo-image) !important;
  }

  Pages using this styling

  • component:pride-highlighter [info]

  ¶ 1 occurrence
  

  :root {
      --logo-image: url("https://scp-wiki.wdfiles.com/local--files/component%3Apride-highlighter/gf_logo.svg") !important;
      --header-logo: var(--logo-image) !important;
  }

  Pages using this styling

  • component:pride-highlighter [info]

  ¶ 1 occurrence
  

  :root {
      --logo-image: url("https://scp-wiki.wdfiles.com/local--files/component:pride-highlighter/demi_logo.svg") !important;
      --header-logo: var(--logo-image) !important;
  }

  Pages using this styling

  • component:pride-highlighter [info]

  ¶ 1 occurrence
  

  :root {
      --logo-image: url("https://scp-wiki.wdfiles.com/local--files/component:pride-highlighter/gm_logo.svg") !important;
      --header-logo: var(--logo-image) !important;
  }

  Pages using this styling

  • component:pride-highlighter [info]

  ¶ 1 occurrence
  

  :root {
      --logo-image: url("https://scp-wiki.wdfiles.com/local--files/component:pride-highlighter/bi_logo.svg") !important;
      --header-logo: var(--logo-image) !important;
  }

  Pages using this styling

  • component:pride-highlighter [info]

  ¶ 1 occurrence
  

  :root {
      --logo-image: url("https://scp-wiki.wdfiles.com/local--files/component%3Apride-highlighter/ace_logo.svg") !important;
      --header-logo: var(--logo-image) !important;
  }

  Pages using this styling

  • component:pride-highlighter [info]

  ¶ 1 occurrence
  

  :root {
      --logo-image: url("https://scp-wiki.wdfiles.com/local--files/component%3Apride-highlighter/aro_logo.svg") !important;
      --header-logo: var(--logo-image) !important;
  }

  Pages using this styling

  • component:pride-highlighter [info]

  ¶ 1 occurrence
  

  :root {
      --logo-image: url("https://scp-wiki.wdfiles.com/local--files/component%3Apride-highlighter/ally_logo.svg") !important;
      --header-logo: var(--logo-image) !important;
  }

  Pages using this styling

  • component:pride-highlighter [info]

  ¶ 1 occurrence
  

  :root {
      --logo-image: url("https://scp-wiki.wdfiles.com/local--files/component%3Apride-highlighter/agen_logo.svg") !important;
      --header-logo: var(--logo-image) !important;
  }

  Pages using this styling

  • component:pride-highlighter [info]

  ¶ 1 occurrence
  

  :root {
      --logo-image: url("https://scp-wiki.wdfiles.com/local--files/component%3Apride-highlighter/gp_logo.svg") !important;
      --header-logo: var(--logo-image) !important;
  }

  Pages using this styling

  • component:pride-highlighter [info]

  ¶ 1 occurrence
  

  :root {
      --logo-image: url("https://scp-wiki.wdfiles.com/local--files/component%3Apride-highlighter/lgbtqp_logo.svg") !important;
      --header-logo: var(--logo-image) !important;
  }

  Pages using this styling

  • component:pride-highlighter [info]

  ¶ 1 occurrence
  

  @import url("https://nu-scptheme.github.io/Black-Highlighter/stable/styles/normalize.min.css");
  @import url("https://nu-scptheme.github.io/Black-Highlighter/stable/styles/black-highlighter.min.css");
  
  :root {
      --logo-image: url("https://scp-wiki.wdfiles.com/local--files/component:pride-highlighter/lgbtqp_logo.svg") !important;
  }
  
  #page-title {
      text-align: center;
  }
  
  h1 {
      display: flex;
      justify-content: center;
  }
  
  div.pridebox,
  div.includebox {
      width: 100%;
      display: flex;
      flex-wrap: wrap;
  }
  
  div.pridebox div.insidebox {
      flex-basis: calc((100% / 2) - 0.125rem);
      border: 0.0625rem solid rgb(var(--bright-accent));
      flex-grow: 2;
      min-width: 18.750em;
  }
  
  div.insidebox div.imagebox {
      display: flex;
      justify-content: center;
  }
  
  div.insidebox div.imagebox > div {
      width: 50%;
      min-width: inherit;
  }
  
  div.includebox {
      text-align: center;
  }
  
  div.includebox > blockquote {
      flex-basis: calc(50% - 1em);
      flex-grow: 2;
      box-sizing: border-box;
      margin: 0.25em;
      width: calc(50% - 1em);
  }
  
  div.includebox tt {
      font-size: 80%;
  }
  
  div.pridebox div.insidebox h1, div.pridebox div.insidebox h2 {
      --wght: 900;
      display: flex;
      align-items: center;
      justify-content: center;
      font-weight: 900;
      padding: 0 1em;
  }
  
  #page-content > div.pridebox div.scp-image-block {
      box-shadow: inherit;
      background-color: rgb(var(--very-light-gray-monochrome));
      border: initial;
  }
  
  #page-content > div.pridebox div.scp-image-block > a {
      width: 90%;
      padding: 1rem 0;
  }
  
  #page-content > div.pridebox div.scp-image-block > div.scp-image-caption {
      border-top: inherit;
  }
  
  .flipped {
      display: inline-block;
      transform: scaleX(-1);
  }
  

  Pages using this styling

  • component:pride-highlighter [info]

  ¶ 1 occurrence
  

  #page-title {
      display: none;
  }
  
  #page-content hr {
    border: solid 0.02em #000000 !important;
    background: #000000 !important;
    height: 0.01em !important;
    display: block !important;
    box-shadow: none !important;
    margin: 1em 0 !important;
  }
  
  
  #page-content > .collapsible-block {
      display: block;
      text-align: left;
      padding: 1px;
      margin: 5px auto;
      border: none;
  }
  
  #page-content > .collapsible-block .collapsible-block-content {
      text-align: left;
  }
  
  .info-container .collapsible-block-folded a,
  .info-container .collapsible-block-unfolded-link a {
      color: #FFF;
  }
  
  blockquote,
  div.blockquote {
      border: 0.125rem solid #d4d4d4;
      background-color: #F5F5F5;
      padding: 1px 15px;
      margin: 10px auto;
  }
  
  .interview {
      border: solid 2px #c7c7c7;
      background: #F5F5F5;
      width: 90%;
      padding: 1px 15px;
      margin: 10px auto;
      box-shadow: 1px 1px 4px #5e5e5e60;
  }
  
  .addendum {
      border-left: solid 5px #642c2c;
      background: #ffffff;
      box-shadow: 1px 1px 4px #5e5e5e82;
      width: 90%;
      padding: 1px 15px;
      margin: 10px auto;
  }
  
  #page-content ul:not(.yui-nav) {
      list-style: disc outside;
      padding-left: 1.25em;
      margin: .05em 0 1em 0;
  }
  
  #page-content ul:not(.yui-nav) > li {
      line-height: 1.4;
      margin: .35em 0;
  }
  
  #page-content ul:not(.yui-nav) > li > ul {
      padding-left: 3.5em;
      margin: .35em 0 .6em 1em;
  }
  
  #page-content ul ul:not(.yui-nav) > li { margin: .2em 0; }
  #page-content ul ul:not(.yui-nav) > li:first-child { margin-top: 0; }
  #page-content ul ul:not(.yui-nav) > li:last-child  { padding-bottom: 0; }
  
  
  @media (max-width: 768px) {
      #page-content ul:not(.yui-nav) {
          padding-inline-start: 1.6em;
          padding-left: 1.6em;
      }
  
    #page-content ul:not(.yui-nav) > li { 
          line-height: 1.3; 
      }
   
   #page-content ul ul:not(.yui-nav) {
          padding-inline-start: .8em;
          padding-left: .8em;
    }
  }
  
  
  :root {
      --logo-image: url("https://nu-scptheme.github.io/Black-Highlighter/img/logo.svg");
  }

  Pages using this styling

  • component:pjpss [info]

  ¶ 1 occurrence
  

  .borderstylz {
      border: 1px solid #888;
      padding: 0.3em 0.7em;
      background-color: #EEE;
  }
  
  .cellstylz {
      border: 1px solid #888;
      padding: 0.7em;
      text-align:center;
  }
  
  .cellstylz2 {
      border: 1px solid #888;
      padding: 0.7em;
  }

  Pages using this styling

  • component:peppo-log [info]

  ¶ 1 occurrence
  

  .pass-wrapper { display: contents; }
  iframe.pass-check {
      display: block;
      width: min(100%, 27.5rem);
      height: 8.75rem!important;
      margin: auto;
  }
  
  .pass-content { display: none; }
  .pass-check[style^="height: 1600"] + .pass-content { display: block; }
  
  /* fallback if iframe resizing rounds weirdly */
  .pass-check:is([style^="height: 1601"],[style^="height: 1599"]) + .pass-content { display: block; }

  Pages using this styling

  • component:passcode [info]

  ¶ 1 occurrence
  

  td { vertical-align: top; }
  td strong { white-space: nowrap; }
  .options table.wiki-content-table td { border: none; padding: 0.7em 1em; }
  .previews { word-break: none; }
  .previews img, .previews span.img { max-width: 10rem; max-height: 10rem; }

  Pages using this styling

  • component:pages [info]

  ¶ 1 occurrence
  

  div.warning-box {
      position: relative;
      height: 15rem;
  }
  
  div.warning-box span {
      word-break: break-word;
  }
  
  div.warning-box div.warning-box-container {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
      height: 100%;
  }
  
  div.warning-box div.text-top,
  div.warning-box div.text-bottom,
  div.warning-box div.text-number {
      width: 100%;
      display: flex;
      justify-content: center;
      text-align: center;
  }
  
  
  div.warning-box div.text-top {
      --wght: 900;
      font-size: 2em;
      line-height: 1;
      margin-bottom: 0.5em;
      font-weight: 900;
  }
  
  div.warning-box div.text-bottom {
      font-size: 1.25em;
      line-height: 1;
      margin: 0 auto;
  }
  
  div.warning-box div.text-number {
      font-size: 1.25em;
      position: absolute;
      bottom: 2em;
  }
  
  div.warning-box div.image-bg {
      position: absolute;
      background: url(https://scp-wiki.wikidot.com/local--files/component:object-warning-box-source/scp-logo.svg;
      background: url({$bg-image});
      -webkit-background-size: contain;
              background-size: contain;
      background-repeat: no-repeat;
      background-position: center center;
      top: 0;
      width: 100%;
      height: 15rem;
      z-index: 0;
      opacity: {$bg-opacity};
  }
  
  @media only screen and (max-width: 768px) {
      div.warning-box div.text-top {
          font-size: 1.75em;
      }
      div.warning-box div.text-bottom {
          font-size: 1.15em;
      }
  }

  Pages using this styling

  • component:object-warning-box-source [info]

  ¶ 1 occurrence
  

  div.warning-box {
      position: relative;
      height: 15rem;
  }
  
  div.warning-box span {
      word-break: break-word;
  }
  
  div.warning-box div.warning-box-container {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
      height: 100%;
  }
  
  div.warning-box div.text-top,
  div.warning-box div.text-bottom,
  div.warning-box div.text-number {
      width: 100%;
      display: flex;
      justify-content: center;
      text-align: center;
  }
  
  
  div.warning-box div.text-top {
      --wght: 900;
      font-size: 2em;
      line-height: 1;
      margin-bottom: 0.5em;
      font-weight: 900;
  }
  
  div.warning-box div.text-bottom {
      font-size: 1.25em;
      line-height: 1;
      margin: 0 auto;
  }
  
  div.warning-box div.text-number {
      font-size: 1.25em;
      position: absolute;
      bottom: 2em;
  }
  
  div.warning-box div.image-bg {
      position: absolute;
      background: url(https://scp-wiki.wikidot.com/local--files/component:object-warning-box-source/scp-logo.svg);
      background: url({$bg-image});
      -webkit-background-size: contain;
              background-size: contain;
      -webkit-background-size: {$bg-size};
              background-size: {$bg-size};
      background-repeat: no-repeat;
      background-position: center center;
      top: 0;
      width: 100%;
      height: 15rem;
      z-index: 0;
      opacity: {$bg-opacity};
  }
  
  @media only screen and (max-width: 768px) {
      div.warning-box div.text-top {
          font-size: 1.75em;
      }
      div.warning-box div.text-bottom {
          font-size: 1.15em;
      }
  }

  Pages using this styling

  • component:object-warning-box-source [info]

  ¶ 1 occurrence
  

  div.objclassbar {
      display: flex;
      height: 4rem;
      justify-content: center;
  }
  
  .objclassbar span {
      word-break: break-word;
  }
  
  div.objclassbar > div {
      max-width: 30%;
      width: 35%;
      flex-basis: 35%;
  }
  
  div.objclassbar div.sideleft {
      font-size: 1.15em;
      border-right: 0.125rem solid;
      border-color: rgb(12,12,12);
      border-color: rgb(var(--black-monochrome, 12, 12, 12));
      display: flex;
      flex-direction: column;
      justify-content: center;
      text-transform: uppercase;
  }
  
  div.objclassbar div.sidemiddle {
      font-size: 0.75em;
      padding-left: 0.5rem;
      display: flex;
      flex-direction: column;
      justify-content: center;
  }
  
  div.objclassbar div.sideright {
      --wght: 600;
      display: flex;
      font-size: 1.25em;
      font-weight: 600;
      border-left: 0.125rem solid;
      border-color: rgb(12,12,12);
      border-color: rgb(var(--black-monochrome, 12, 12, 12));
      padding-left: 0.5rem;
      justify-content: flex-end;
  }
  
  div.sideleft > div > span:nth-child(1),
  div.sidemiddle > div > span:nth-child(1) {
      --wght: 800;
      font-weight:800;
  }
  
  div.sideleft > div:nth-child(2) {
      line-height: 1.1em;
  }
  
  div.sideleft > div:nth-child(2) > span:nth-child(1) {
      height: 1.1em;
  }
  
  div.sideright > div.colorbars-container {
      display: flex;
      flex-direction: row-reverse;
      transform: skew(15deg);
      padding: 0 0.5em 0 0.25em;
      height: 90%;
      align-self: center;
  }
  
  div.sideright > div.leveltext-container {
      height: 90%;
      align-self: center;
      display: flex;
      flex-direction: column;
      justify-content: center;
      text-align: right;
  }
  
  div.sideright > div.colorbars-container > div.colorbars {
      width: 0.5em;
      height: 100%;
      margin: 0 0.1rem;
      background: {$colorbar-bg-color};
      background: {$colorbar-bg-img};
      background-repeat: no-repeat;
      overflow: hidden;
  }
  
  div.sideright > div.colorbars-container > div.colorbars.full {
      opacity: 1;
  }
  
  div.sideright > div.colorbars-container > div.colorbars.half {
      opacity: 0.5;
  }
  
  div.sideright > div.colorbars-container > div.colorbars.none {
      opacity: 0;
      display: none;
  }
  
  @media (max-width: 767px) {
      div.objclassbar {
      	height: 3rem;
      }
      div.objclassbar div.sideleft {
      	font-size: 0.8em;
      }
      div.objclassbar div.sidemiddle {
      	font-size: 0.5em;
      }
      div.objclassbar div.sideright {
      	font-size: 0.75em;
      }
  }

  Pages using this styling

  • component:object-class-bar-source [info]

  ¶ 1 occurrence
  

  div.objclassbar {
      display: flex;
      height: 4rem;
      justify-content: center;
  }
  
  .objclassbar span {
      word-break: break-word;
  }
  
  div.objclassbar > div {
      max-width: 30%;
      width: 35%;
      flex-basis: 35%;
  }
  
  div.objclassbar div.sideleft {
      font-size: 1.15em;
      border-right: 0.125rem solid;
      border-color: rgb(12,12,12);
      border-color: rgb(var(--black-monochrome, 12, 12, 12));
      display: flex;
      flex-direction: column;
      justify-content: center;
      text-transform: uppercase;
  }
  
  div.objclassbar div.sidemiddle {
      font-size: 0.75em;
      padding-left: 0.5rem;
      display: flex;
      flex-direction: column;
      justify-content: center;
  }
  
  div.objclassbar div.sideright {
      --wght: 600;
      display: flex;
      font-size: 1.25em;
      font-weight: 600;
      border-left: 0.125rem solid;
      border-color: rgb(12,12,12);
      border-color: rgb(var(--black-monochrome, 12, 12, 12));
      padding-left: 0.5rem;
      justify-content: flex-end;
  }
  
  div.sideleft > div > span:nth-child(1),
  div.sidemiddle > div > span:nth-child(1) {
      --wght: 800;
      font-weight:800;
  }
  
  div.sideleft > div:nth-child(2),
  div.rightside > div:nth-child(2) {
      line-height: 1.1em;
  }
  
  div.sideleft > div:nth-child(2) > span:nth-child(1) {
      height: 1.1em;
  }
  
  div.sideright > div.colorbars-container {
      display: flex;
      flex-direction: row-reverse;
      transform: skew(15deg);
      padding: 0 0.5em 0 0.25em;
      height: 90%;
      align-self: center;
  }
  
  div.sideright > div.leveltext-container {
      height: 90%;
      align-self: center;
      display: flex;
      flex-direction: column;
      justify-content: center;
      text-align: right;
  }
  
  div.sideright > div.colorbars-container > div.colorbars {
      width: 0.5em;
      height: 100%;
      margin: 0 0.1rem;
      background: {$colorbar-bg-color};
      background: {$colorbar-bg-img};
      background-repeat: no-repeat;
      overflow: hidden;
  }
  
  div.sideright > div.colorbars-container > div.colorbars.full {
      opacity: 1;
  }
  
  div.sideright > div.colorbars-container > div.colorbars.half {
      opacity: 0.5;
  }
  
  div.sideright > div.colorbars-container > div.colorbars.none {
      opacity: 0;
      display: none;
  }
  
  @media (max-width: 767px) {
      div.objclassbar {
      	height: 3rem;
      }
      div.objclassbar div.sideleft {
      	font-size: 0.8em;
      }
      div.objclassbar div.sidemiddle {
      	font-size: 0.5em;
      }
      div.objclassbar div.sideright {
      	font-size: 0.75em;
      }
  }

  Pages using this styling

  • component:object-class-bar-source [info]

  ¶ 1 occurrence
  

  
  .one-line-preview > :not(.preview) { display: none }
  .one-line-preview { display: block; font-weight: 700; }
  .one-line-preview .preview { display: inline !important; }
  .one-line-preview p { display: inline; }
  .one-line-preview .preview span { display: none; }
  
  .content-box .content-section .translations iframe.scpnet-interwiki-frame,
  .content-box .content-section .translations div.scpnet-interwiki-wrapper {
      height: 165px!important;
      width: 20em;
  }
  
  .content-section{
   float:left;
   width: 45%;
   padding: 0 2%;
  }
  @media (max-width: 450px) {
   .content-section{
    width: 98%
   }
  }
  
  .content-box{
   width:100%;
   display: inline-block;
   padding-left:1%;
   transition: box-shadow 1s ease-out;
   border-radius: 7px;
   margin-bottom: 5px;
  }
  
  .preview-border{
   border-style: none none solid solid;
   border-color: lightgray;
  }
  
  .content-box:hover{
   box-shadow: 0px 4px 10px 0 rgba(0, 0, 0, 0.19);
   transition: box-shadow 0.3s ease-out;
   background: url('{$background-image}') 80% 50% fixed no-repeat;
  }
  
  .content-box.no:hover, .content-box.false:hover{
   box-shadow: none;
   transition: none;
   background: none;
  }
  
  .content-box .span { 
   opacity: 0;
   pointer-events: none;
   transition: all 0.3s ease-in-out;
   text-overflow:ellipsis;
   position:fixed;
   z-index: 11;
   right: 1em;
   bottom: 2em;
   width:21%;
   width: calc(50vw - 520px);
   min-width: 250px;
   height:23%;
   padding:1%;
   float:top; 
   color:grey;
   text-size:0.9em;
   font-family:Segoe UI Light,Verdana,sans-serif;
  }
  
  .content-box:hover .span { 
   opacity: 1;
   background-color:#ffffff;
  }
  
  .collab-header{
   display:none;
  }
  
  @media screen and (max-width:992px) {
      .content-box .span{
       display: none;
      }
  }
  
  #page-options-container {
   background: transparent;
   position: relative;
   z-index: 10;
  }
  
  #action-area { position: relative; z-index: 20; }
  
  .collab-header{
   display:initial;
  }
  
  .translations{
    font-weight:bold;
  }
  
  .unbold{
    font-weight:normal;
  }
  
  .top-border {
   display:inline-box;
   border-style:solid none none;
  }
  
  .available-translation.no, available-translation.none{
   display:none;
  }
  
  .no-translation{
   display:none;
  }
  
  .no-translation.no{
   display:inherit;
  }
  
  .not-scp-un.uli{
   display:none;
  }
  
  .scp-un{
   display:none;
  }
  
  .scp-un.uli{
   display:inherit;
  }
  

  Pages using this styling

  • component:mega-cool-author-page-tool [info]

  ¶ 1 occurrence
  

  @import url('https://scp-wiki.wdfiles.com/local--code/component%3Amarkmywords/1');

  Pages using this styling

  • component:markmywords [info]

  ¶ 1 occurrence
  

  @import url("https://scp-wiki.wdfiles.com/local--code/component:mapping-source/1");

  Pages using this styling

  • component:mapping-source [info]

  ¶ 1 occurrence
  

  .textchange div.sitemember:nth-child(2) {
      display:none;
  }

  Pages using this styling

  • component:listusers-3 [info]

  ¶ 1 occurrence
  

  /* Inline Collapsible Module
   * by Tachiabana Yuuki
   * CC BY-SA 3.0 */
  .inline-colmod,
  .inline-colmod > p,
  .inline-colmod > .colmod-block,
  .inline-colmod .colmod-block > ul,
  .inline-colmod ul > .folded,
  .inline-colmod .folded > .colmod-link-top,
  .inline-colmod .folded > .colmod-link-top > .foldable-list-container,
  .inline-colmod .folded .foldable-list-container > a {
      display: inline;
  }
  .inline-colmod .unfolded,
  .inline-colmod .unfolded > .colmod-content,
  .inline-colmod .unfolded > .colmod-content > p,
  .inline-colmod .unfolded > .colmod-content > .foldable-list-container,
  .inline-colmod .unfolded .foldable-list-container > a {
      display: inline;
  }
  .inline-colmod .unfolded > .colmod-link-top,
  .inline-colmod .colmod-block li > div:last-of-type{
      display: none;
  }

  Pages using this styling

  • component:inline-colmod [info]

  ¶ 1 occurrence
  

  /* Shift the content warning into position beneath the info button */
  .content-warning {
    transform: translate(12px, -5px);
  }
  
  .content-warning-arrow {
    /* https://phosphoricons.com, licensed MIT */
    --arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='192' height='192' fill='%23000000' viewBox='0 0 256 256'%3E%3Crect width='256' height='256' fill='none'%3E%3C/rect%3E%3Cpolyline points='128 96 176 48 224 96' fill='none' stroke='%23000000' stroke-linecap='round' stroke-linejoin='round' stroke-width='16'%3E%3C/polyline%3E%3Cpolyline points='32 192 176 192 176 48' fill='none' stroke='%23000000' stroke-linecap='round' stroke-linejoin='round' stroke-width='16'%3E%3C/polyline%3E%3C/svg%3E");
  
    display: inline-block;
    width: 32px;
    transform: translateY(-3px);
    margin-left: 0.3ch;
  
    background-color: currentColor;
    -webkit-mask-size: 16px;
    mask-size: 16px;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: top left;
    mask-position: top left;
    -webkit-mask-image: var(--arrow);
    mask-image: var(--arrow);
  }
  
  /* Theme compatibility */
  
  :where(:root:has(iframe[src*='black-highlighter'])) .content-warning {
    transform: translate(0.7em, -0.5em);
  }
  :where(:root:has(iframe[src*='black-highlighter'])) .content-warning-arrow {
    transform: translateY(-1px);
  }
  
  :where(:root:has(iframe[src*='basalt/basalt-bedrock'])) #page-content .content-warning {
    transform: translate(0.3em, -0.1em);
  }
  :where(:root:has(iframe[src*='basalt/basalt-bedrock'])) .content-warning-arrow {
    transform: translateY(-1px);
  }

  Pages using this styling

  • component:info-cw [info]

  ¶ 1 occurrence
  

  table.wiki-content-table td { text-align: center; border-color: #ddd; padding: 0.7em; }
  table.wiki-content-table td img { padding: 4px; }

  Pages using this styling

  • component:info-cw [info]

  ¶ 1 occurrence
  

  :root {
      --linkColour: #FFF;
      --barColour: #633;
  }
  
  #breadcrumbs{
  margin: auto;
  text-align: center;
  padding-bottom: 4px;
  }
  
  #page-title {
      position: relative;
      text-align: center;
      border-bottom: none;
      margin-bottom: 0;
  }
  
  .info-container {
      content: " ";
      width: 100%;
      text-align: center;
      bottom: 2em;
      margin-bottom: 1em;
  }
  
  .info-container h1 {
      text-align: center;
  }
  
  .info-container .collapsible-block-folded,
  .info-container .collapsible-block-unfolded-link {
  -webkit-mask: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 23.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.2' baseProfile='tiny' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 628 18' xml:space='preserve'%3E%3Cpolygon fill='%23B2B2B2' points='628.3,0 0,0 0,5.3 243.6,5.3 268.1,18.2 360,18.3 384.7,5.3 628.3,5.3 '/%3E%3C/svg%3E%0A");
    mask: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 23.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.2' baseProfile='tiny' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 628 18' xml:space='preserve'%3E%3Cpolygon fill='%23B2B2B2' points='628.3,0 0,0 0,5.3 243.6,5.3 268.1,18.2 360,18.3 384.7,5.3 628.3,5.3 '/%3E%3C/svg%3E%0A");
      -webkit-mask-size: cover;
      mask-size: cover;
      -webkit-mask-position: top center;
      mask-position: top center;
      background: var(--barColour);
  }
  
  .info-container .collapsible-block-folded {
      display: block;
      margin: 0 auto;
      height: 1.5em;
      width: 100%;
  }
  
  .translation_block > p {
      margin: 1em 2em 0 2em;
  }
  
  .info-container .collapsible-block-folded .collapsible-block-link, .info-container .collapsible-block-link {
      -webkit-mask: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 23.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.2' baseProfile='tiny' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 103 205.3' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cpath fill='%23FFFFFF' d='M4.2,75.6c24.1-2.6,48.2-5.2,74.9-8.1c0,15.6,0,29.4,0,43.3c0,20.8,0.4,41.6-0.2,62.3 c-0.3,10.5,4,16.3,13.4,20c4,1.5,7.1,5.3,10.6,8c-0.8,1.4-1.6,2.8-2.4,4.3c-32.4,0-64.8,0-97.3,0c-0.9-1.1-1.7-2.3-2.6-3.4 c3.3-2.7,6.2-7,9.9-7.8c11.4-2.3,15.3-9,15.2-19.9c-0.2-20.3-0.6-40.5,0.1-60.8c0.4-11.8-4.4-18.1-15-22.3c-4.4-1.8-7.4-7.2-11-11 C1.4,78.6,2.8,77.1,4.2,75.6z'/%3E%3Cpath fill='%23FFFFFF' d='M79.6,27c0,16.3-11,26.9-27.5,26.7c-16.5-0.2-26.2-9.9-26.2-26c0-17,10.1-27.7,26.5-27.7 C68.6-0.1,79.6,10.8,79.6,27z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
      mask: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 23.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.2' baseProfile='tiny' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 103 205.3' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cpath fill='%23FFFFFF' d='M4.2,75.6c24.1-2.6,48.2-5.2,74.9-8.1c0,15.6,0,29.4,0,43.3c0,20.8,0.4,41.6-0.2,62.3 c-0.3,10.5,4,16.3,13.4,20c4,1.5,7.1,5.3,10.6,8c-0.8,1.4-1.6,2.8-2.4,4.3c-32.4,0-64.8,0-97.3,0c-0.9-1.1-1.7-2.3-2.6-3.4 c3.3-2.7,6.2-7,9.9-7.8c11.4-2.3,15.3-9,15.2-19.9c-0.2-20.3-0.6-40.5,0.1-60.8c0.4-11.8-4.4-18.1-15-22.3c-4.4-1.8-7.4-7.2-11-11 C1.4,78.6,2.8,77.1,4.2,75.6z'/%3E%3Cpath fill='%23FFFFFF' d='M79.6,27c0,16.3-11,26.9-27.5,26.7c-16.5-0.2-26.2-9.9-26.2-26c0-17,10.1-27.7,26.5-27.7 C68.6-0.1,79.6,10.8,79.6,27z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
      display: block;
      width: 100%;
      height: 100%;
      -webkit-mask-size: 0.5em;
      mask-size: 0.5em;
      -webkit-mask-position: top center;
      mask-position: top center;
      mask-position-y: 3px;
      -webkit-mask-position-y: 3px;
      mask-repeat: no-repeat;
      -webkit-mask-repeat: no-repeat;
      background: var(--linkColour);
      text-decoration: none;
  }
  
  
  .info-container .collapsible-block-unfolded-link {
      display: block;
      margin: 0 auto;
      height: 1.5em;
      width: 100%;
  }
  
  .info-container .collapsible-block-unfolded {
      border: 1px solid #BBB;
      border-top: none;
  }
  
  .info-container .collapsible-block-content {
      text-align: left;
      padding-bottom: 30px;
  }
  
  .info-container .collapsible-block-content div {
      margin: 2em;
  }
  
  .u-faq a:link {
      font-size: 80%;
  }
  
  #u-author_block > p > a {
      display: inline;
      padding: 0.8em;
      background: var(--barColour);
      color: var(--linkColour);
      border-radius: 0.25vw;
      box-shadow: 0 0px 4px rgba(0, 0, 0, 0);
      transition: -webkit-backdrop-filter .3s, backdrop-filter .3s, box-shadow .3s;
  }
  
  #u-author_block > p > a:hover {
      box-shadow: 0px 3px 4px rgba(0, 0, 0, .8);
      text-decoration: none;
  }
  

  Pages using this styling

  • component:info-ayers-source [info]

  ¶ 1 occurrence
  

  @import url(https://scp-wiki.wdfiles.com/local--code/component:image-pager/1);

  Pages using this styling

  • component:image-pager [info]

  ¶ 1 occurrence
  

  .image-slide-revealer.nofloat {
      width: {$width} !important;
      max-width: 95vw;
      min-width: initial;
      margin: 0 auto;
  }
  .image-slide-revealer-image {
      position: relative;
  }
  .image-slide-revealer-image img.image {
      opacity: 0;
      pointer-events: none;
  }
  .image-slide-revealer-image iframe {
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
  }

  Pages using this styling

  • component:image-features-source [info]

  ¶ 1 occurrence
  

  .image-change.nofloat {
      width: {$width} !important;
      max-width: 95vw;
      min-width: initial;
      margin: 0 auto;
  }
  
  .image-change-image {
      position: relative;
  }
  
  .image-change-image,
  .image-change-image img.image {
      overflow: hidden;
      -o-object-fit: fill;
      object-fit: fill;
  }
  
  .image-change-image .top-image {
      position: relative;
      z-index: 1;
      opacity: 1;
      -webkit-filter: blur(0);
      		filter: blur(0);
      -webkit-transition: 
      	opacity {$speed}ms cubic-bezier(0.4, 0.0, 0.2, 1),
      	-webkit-filter {$speed}ms cubic-bezier(0.4, 0.0, 0.2, 1);
      transition: 
      	opacity {$speed}ms cubic-bezier(0.4, 0.0, 0.2, 1),
      	-webkit-filter {$speed}ms cubic-bezier(0.4, 0.0, 0.2, 1);
      -o-transition: 
      	opacity {$speed}ms cubic-bezier(0.4, 0.0, 0.2, 1),
      	filter {$speed}ms cubic-bezier(0.4, 0.0, 0.2, 1);
      -moz-transition: 
      	opacity {$speed}ms cubic-bezier(0.4, 0.0, 0.2, 1),
      	filter {$speed}ms cubic-bezier(0.4, 0.0, 0.2, 1);
      transition: 
      	opacity {$speed}ms cubic-bezier(0.4, 0.0, 0.2, 1),
      	filter {$speed}ms cubic-bezier(0.4, 0.0, 0.2, 1);
      transition: 
      	opacity {$speed}ms cubic-bezier(0.4, 0.0, 0.2, 1),			   
      	webkit-filter {$speed}ms cubic-bezier(0.4, 0.0, 0.2, 1),
      		   filter {$speed}ms cubic-bezier(0.4, 0.0, 0.2, 1);
  }
  
  .image-change-image:hover .top-image {
      opacity: 0;
      -webkit-filter: {$blur-amount}px;
      		filter: {$blur-amount}px;
  }
  
  .image-change-image .bottom-image {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
  }

  Pages using this styling

  • component:image-features-source [info]

  ¶ 1 occurrence
  

  .image-pixelate-reveal.nofloat {
      width: {$width} !important;
      max-width: 95vw;
      min-width: initial;
      margin: 0 auto;
  }
  .image-pixelate-reveal-image {
      position: relative;
      overflow: hidden;
  }
  .image-pixelate-reveal-image img.image {
      opacity: 0;
      visibility: hidden;
      pointer-events: none;
  }
  .image-pixelate-reveal-image iframe {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
  }

  Pages using this styling

  • component:image-features-source [info]

  ¶ 1 occurrence
  

  .image-hover-noise-reveal.nofloat {
      width: {$width} !important;
      max-width: 95vw;
      min-width: initial;
      margin: 0 auto;
  }
  .image-hover-noise-reveal-image {
      background: {$background};
      position: relative;
  }
  .image-hover-noise-reveal-image img.image {
      opacity: 0;
      pointer-events: none;
  }
  .image-hover-noise-reveal-image iframe {
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
  }

  Pages using this styling

  • component:image-features-source [info]

  ¶ 1 occurrence
  

  
  .image-click-fullscreen {
      position: relative;	
  }
  
  .image-click-fullscreen.nofloat {
      width: 18.75rem !important;
      max-width: 95vw;
      min-width: initial;
      margin: 0 auto;
  }
  
  .image-click-fullscreen-base {
      cursor: pointer;
  }
  
  .image-click-fullscreen-image {
      display: none;
      pointer-events: none;
  }
  
  .image-click-fullscreen-image img.image {
      width: auto !important;
      height: auto;
      max-width: 95vw;
      max-height: -webkit-calc(100vh - 2rem);
      max-height: -moz-calc(100vh - 2rem);
      max-height: calc(100vh - 2rem);
      -o-object-fit: scale-down;
         object-fit: scale-down;
      position: relative;
      z-index: 999;
      pointer-events: none;
  }
  
  .image-click-fullscreen-image::before,
  .image-click-fullscreen-image::after {
      content: "";
      position: fixed;
      top:0;
      left: 0;
      width: 100vw;
      height: 100vh;
      pointer-events: none;
  }
  
  .image-click-fullscreen-image::before {
      z-index: 997;
      background-color: rgb(var(--swatch-menubg-dark-color, 0, 0, 0),0);
  }
  
  .image-click-fullscreen-image::after {
      z-index: 1000;
      background-color: rgb(var(--swatch-menubg-dark-color, 0, 0, 0),1);
      visibility: hidden;
      -webkit-transition: 
      	background-color 320ms cubic-bezier(0.4, 0.0, 0.2, 1);
      -o-transition: 
      	background-color 320ms cubic-bezier(0.4, 0.0, 0.2, 1);
      -moz-transition: 
      	background-color 320ms cubic-bezier(0.4, 0.0, 0.2, 1);
      transition: 
      	background-color 320ms cubic-bezier(0.4, 0.0, 0.2, 1);
  }
  
  .image-click-fullscreen-base:active + .image-click-fullscreen-image::before {
      background-color: rgb(var(--swatch-menubg-dark-color, 0, 0, 0),1);
  }
  
  .image-click-fullscreen-base:active + .image-click-fullscreen-image::after {
      visibility: visible;
      background-color: rgb(var(--swatch-menubg-dark-color, 0, 0, 0),0);
  }
  
  .image-click-fullscreen-base:active + .image-click-fullscreen-image {
      z-index: 998;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
         -moz-box-align: center;
      	-ms-flex-align: center;
      		align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
         -moz-box-pack: center;
      	-ms-flex-pack: center;
      		justify-content: center;
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      min-width: 100%;
      height: 100%;	
  }
  
  .image-click-fullscreen-base:active ~ .scp-image-caption {
      	position: fixed;
      	bottom: 0;
      	left: 0;
      	max-width: 100vw !important;
      	z-index: 999;
      	font-size: 1rem;
  }
  
  .mobile-exit {
      display: none;
  }
  @media only screen and (max-width: 768px) {
      .image-click-fullscreen-base:active + .image-click-fullscreen-image::before,
      .image-click-fullscreen-base:hover + .image-click-fullscreen-image::before {
      	background-color: rgb(var(--swatch-menubg-dark-color, 0, 0, 0),1);
      }
  
      .image-click-fullscreen-base:active + .image-click-fullscreen-image::after,
      .image-click-fullscreen-base:hover + .image-click-fullscreen-image::after {
      	visibility: visible;
      	background-color: rgb(var(--swatch-menubg-dark-color, 0, 0, 0),0);
      }
  
      .image-click-fullscreen-base:active + .image-click-fullscreen-image,
      .image-click-fullscreen-base:hover + .image-click-fullscreen-image {
      	z-index: 998;
      	display: -webkit-box;
      	display: -webkit-flex;
      	display: -moz-box;
      	display: -ms-flexbox;
      	display: flex;
      	-webkit-box-align: center;
      	-webkit-align-items: center;
      	   -moz-box-align: center;
      		-ms-flex-align: center;
      			align-items: center;
      	-webkit-box-pack: center;
      	-webkit-justify-content: center;
      	   -moz-box-pack: center;
      		-ms-flex-pack: center;
      			justify-content: center;
      	position: fixed;
      	top: 0;
      	left: 0;
      	width: 100%;
      	height: 100%;	
      }
  
      .image-click-fullscreen-base:active ~ .mobile-exit,
      .image-click-fullscreen-base:hover ~ .mobile-exit {
      	--wght: 900;
      	position: fixed;
      	display: -webkit-box;
      	display: -webkit-flex;
      	display: -moz-box;
      	display: -ms-flexbox;
      	display: flex;
      	align-item: center;
      	-webkit-box-pack: center;
      	-webkit-justify-content: center;
      	   -moz-box-pack: center;
      		-ms-flex-pack: center;
      			justify-content: center;
      	width: 1.5em;
      	height: 1.5em;
      	top: -webkit-calc(1rem + var(--topbar-height-on-mobile, 0rem));
      	top: -moz-calc(1rem + var(--topbar-height-on-mobile, 0rem));
      	top: calc(1rem + var(--topbar-height-on-mobile, 0rem));
      	right: 1rem;
      	-webkit-border-radius: 50%;
      	   -moz-border-radius: 50%;
      			border-radius: 50%;
      	font-size: 2rem;
      	font-weight: 900;
      	background-color: rgba(var(--white-monochrome, 255, 255, 255));
      	color: rgb(var(--swatch-primary, 51, 51, 51));
      	cursor: pointer;
      	z-index: 9999;
      	line-height: 1em;
      	opacity: 0.5;
      	text-align: center;
      	line-height: 1.3em;
      }
  
      .image-click-fullscreen-base:active ~ .scp-image-caption,
      .image-click-fullscreen-base:hover ~ .scp-image-caption {
      	position: fixed;
      	bottom: 0;
      	left: 0;
      	max-width: 100vw !important;
      	z-index: 1000;
      	font-size: 1rem;
      }
  }
  

  Pages using this styling

  • component:image-features-source [info]

  ¶ 1 occurrence
  

  .image-hover-enlarge {
      position: relative;
  }
  
  .image-hover-enlarge.nofloat {
      width: {$width} !important;
      max-width: 95vw;
      min-width: initial;
      margin: 0 auto;
  }
  
  .image-hover-enlarge img.image {
      -webkit-box-shadow: 0 0 0 0.0625rem rgb(var(--swatch-border-color, 102, 102, 102));
         -moz-box-shadow: 0 0 0 0.0625rem rgb(var(--swatch-border-color, 102, 102, 102));
       box-shadow: 0 0 0 0.0625rem rgb(var(--swatch-border-color, 102, 102, 102));
      -webkit-transition:
       -webkit-box-shadow {$speed}ms cubic-bezier(0.4, 0.0, 0.2, 1),
       -webkit-transform {$speed}ms cubic-bezier(0.4, 0.0, 0.2, 1);
      transition:
       -webkit-box-shadow {$speed}ms cubic-bezier(0.4, 0.0, 0.2, 1),
       -webkit-transform {$speed}ms cubic-bezier(0.4, 0.0, 0.2, 1);
      -o-transition:
       box-shadow {$speed}ms cubic-bezier(0.4, 0.0, 0.2, 1),
       -o-transform {$speed}ms cubic-bezier(0.4, 0.0, 0.2, 1);
      -moz-transition:
       box-shadow {$speed}ms cubic-bezier(0.4, 0.0, 0.2, 1),
       transform {$speed}ms cubic-bezier(0.4, 0.0, 0.2, 1),
       -moz-box-shadow {$speed}ms cubic-bezier(0.4, 0.0, 0.2, 1),
       -moz-transform {$speed}ms cubic-bezier(0.4, 0.0, 0.2, 1);
      transition:
       box-shadow {$speed}ms cubic-bezier(0.4, 0.0, 0.2, 1),
       transform {$speed}ms cubic-bezier(0.4, 0.0, 0.2, 1);
      transition:
       -webkit-box-shadow {$speed}ms cubic-bezier(0.4, 0.0, 0.2, 1),
          -moz-box-shadow {$speed}ms cubic-bezier(0.4, 0.0, 0.2, 1),
       box-shadow {$speed}ms cubic-bezier(0.4, 0.0, 0.2, 1),
       -webkit-transform {$speed}ms cubic-bezier(0.4, 0.0, 0.2, 1),
          -moz-transform {$speed}ms cubic-bezier(0.4, 0.0, 0.2, 1),
       -o-transform {$speed}ms cubic-bezier(0.4, 0.0, 0.2, 1),
       transform {$speed}ms cubic-bezier(0.4, 0.0, 0.2, 1);
  }
  
  .image-hover-enlarge img.image:hover {
      --enlarge-by: {$enlarge-amount};
      --enlarge-by-final: -webkit-calc(1 + (var(--enlarge-by)/10));
      --enlarge-by-final: -moz-calc(1 + (var(--enlarge-by)/10));
      --enlarge-by-final: calc(1 + (var(--enlarge-by)/10));
      -webkit-box-shadow: 0 0 0 -webkit-calc(0.0625rem / var(--enlarge-by-final)) rgb(var(--swatch-border-color, 102, 102, 102));
         -moz-box-shadow: 0 0 0 -moz-calc(0.0625rem / var(--enlarge-by-final)) rgb(var(--swatch-border-color, 102, 102, 102));
       box-shadow: 0 0 0 calc(0.0625rem / var(--enlarge-by-final)) rgb(var(--swatch-border-color, 102, 102, 102));
      -webkit-transform: scale3d(var(--enlarge-by-final), var(--enlarge-by-final), 1);
         -moz-transform: scale3d(var(--enlarge-by-final), var(--enlarge-by-final), 1);
       transform: scale3d(var(--enlarge-by-final), var(--enlarge-by-final), 1);
  }

  Pages using this styling

  • component:image-features-source [info]

  ¶ 1 occurrence
  

  .image-block-slide-reveal.nofloat {
      width: {$width} !important;
      max-width: 95vw;
      min-width: initial;
      margin: 0 auto;
  }
  .image-block-slide-reveal-image,
  .image-block-slide-reveal-image img {
      overflow: hidden;
  }
  
  .image-block-slide-reveal-image  {
      position: relative;
  }
  
  .image-block-slide-reveal-image .image-block-slide-reveal-top {
      background-color: {$block-color};
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
  }
  
  .image-block-slide-reveal-image .image-block-slide-reveal-top {    
      -webkit-box-shadow: -0.125rem 0 0 0 rgb(var(--swatch-border-color, 102, 102, 102));    
         -moz-box-shadow: -0.125rem 0 0 0 rgb(var(--swatch-border-color, 102, 102, 102));    
      		box-shadow: -0.125rem 0 0 0 rgb(var(--swatch-border-color, 102, 102, 102));
      margin-{$slide-direction}: 0;
      -webkit-transition: margin-{$slide-direction} {$speed}ms cubic-bezier(0.4, 0.0, 0.2, 1);
      -o-transition: margin-{$slide-direction} {$speed}ms cubic-bezier(0.4, 0.0, 0.2, 1);
      -moz-transition: margin-{$slide-direction} {$speed}ms cubic-bezier(0.4, 0.0, 0.2, 1);
      transition: margin-{$slide-direction} {$speed}ms cubic-bezier(0.4, 0.0, 0.2, 1);
  }
  
  .image-block-slide-reveal-image:hover .image-block-slide-reveal-top {
      margin-{$slide-direction}: -webkit-calc(100% + 0.125rem);
      margin-{$slide-direction}: -moz-calc(100% + 0.125rem);
      margin-{$slide-direction}: calc(100% + 0.125rem);
  }
  .image-block-slide-reveal-image:focus-within .image-block-slide-reveal-top {
      margin-{$slide-direction}: -webkit-calc(100% + 0.125rem);
      margin-{$slide-direction}: -moz-calc(100% + 0.125rem);
      margin-{$slide-direction}: calc(100% + 0.125rem);
  }
  

  Pages using this styling

  • component:image-features-source [info]

  ¶ 1 occurrence
  

  div.image-blur-slide-reveal.nofloat {
      width: {$width} !important;
      max-width: 95vw;
      min-width: initial;
      margin: 0 auto;
  }
  div.image-blur-slide-reveal-image,
  div.image-blur-slide-reveal-image img {
      overflow: hidden;
  }
  
  div.image-blur-slide-reveal-image {
      position: relative;
  }
  
  div.image-blur-slide-reveal-image div.image-blur-slide-reveal-top {
      background-color: rgba(var(--swatch-menubg-light-color, 255, 255, 255), .9);
      position: absolute;
      width: 100%;
      height: 100%;
  }
  
  @supports not ((-webkit-backdrop-filter: blur(1rem)) or (backdrop-filter: blur(1rem))) {
      div.image-blur-slide-reveal-image div.image-blur-slide-reveal-top {
          --top: 100% 0 0 0;
          --right: 0 100% 0 0;
          --bottom: 0 0 100% 0;
          --left: 0 0 0 100%
      }
  
      div.image-blur-slide-reveal-image div.image-blur-slide-reveal-top img {
          --blur-amount: calc({$blur-amount}rem * .2);
          -webkit-filter: blur(var(--blur-amount));
          filter: blur(var(--blur-amount));        
      }
  
      div.image-blur-slide-reveal-image div.image-blur-slide-reveal-top {
      background-color: rgba(0, 0, 0, 0.9);
          -webkit-clip-path: inset(0 0 0 0);
                  clip-path: inset(0 0 0 0);
          -webkit-transition: -webkit-clip-path {$speed}ms cubic-bezier(0.4, 0.0, 0.2, 1);
          transition: -webkit-clip-path {$speed}ms cubic-bezier(0.4, 0.0, 0.2, 1);
          -o-transition: clip-path {$speed}ms cubic-bezier(0.4, 0.0, 0.2, 1);
          -moz-transition: clip-path {$speed}ms cubic-bezier(0.4, 0.0, 0.2, 1);
          transition: clip-path {$speed}ms cubic-bezier(0.4, 0.0, 0.2, 1);
          transition: clip-path {$speed}ms cubic-bezier(0.4, 0.0, 0.2, 1), -webkit-clip-path {$speed}ms cubic-bezier(0.4, 0.0, 0.2, 1);
      }
  
      div.image-blur-slide-reveal-image:hover div.image-blur-slide-reveal-top.blur-slide-{$slide-direction} {
          -webkit-clip-path: inset(var(--{$slide-direction}));
                  clip-path: inset(var(--{$slide-direction}));
      }
  }
  
  
  @supports ((-webkit-backdrop-filter: blur(1rem)) or (backdrop-filter: blur(1rem))) {
      div.image-blur-slide-reveal-image div.image-blur-slide-reveal-top {
          --blur-amount: calc({$blur-amount}rem * .2);
          background-color: rgba(0, 0, 0, .1);
          -webkit-backdrop-filter:blur(var(--blur-amount));
          backdrop-filter:blur(var(--blur-amount));
      }
  
      div.image-blur-slide-reveal-image div.image-blur-slide-reveal-top img {
          display: none;
      }
  
      div.image-blur-slide-reveal-image div.image-blur-slide-reveal-top.blur-slide-{$slide-direction} {
          padding: 0;
          {$slide-direction}: 0;
          -webkit-transition: {$slide-direction} {$speed}ms cubic-bezier(0.4, 0.0, 0.2, 1);
          -o-transition: {$slide-direction} {$speed}ms cubic-bezier(0.4, 0.0, 0.2, 1);
          -moz-transition: {$slide-direction} {$speed}ms cubic-bezier(0.4, 0.0, 0.2, 1);
          transition: {$slide-direction} {$speed}ms cubic-bezier(0.4, 0.0, 0.2, 1);
      }
  
      div.image-blur-slide-reveal-image:hover div.image-blur-slide-reveal-top.blur-slide-{$slide-direction} {
          {$slide-direction}: -webkit-calc(100% + 0.125rem);
          {$slide-direction}: -moz-calc(100% + 0.125rem);
          {$slide-direction}: calc(100% + 0.125rem);
      }
  
      div.image-blur-slide-reveal-image:focus-within div.image-blur-slide-reveal-top.blur-slide-{$slide-direction} {
          {$slide-direction}: -webkit-calc(100% + 0.125rem) !important;
          {$slide-direction}: -moz-calc(100% + 0.125rem) !important;
          {$slide-direction}: calc(100% + 0.125rem) !important;
      }
  }
  
      div.image-blur-slide-reveal-image div.image-blur-slide-reveal-top.blur-slide-left {
          -webkit-box-shadow: -0.125rem 0 0 0 rgba(var(--swatch-primary-darkest,102, 102, 102));
          -moz-box-shadow: -0.125rem 0 0 0 rgba(var(--swatch-primary-darkest,102, 102, 102));
          box-shadow: -0.125rem 0 0 0 rgba(var(--swatch-primary-darkest,102, 102, 102));
      }
  
       div.image-blur-slide-reveal-image div.image-blur-slide-reveal-top.blur-slide-right {
          -webkit-box-shadow: 0.125rem 0 0 0 rgba(var(--swatch-primary-darkest,102, 102, 102));
          -moz-box-shadow: 0.125rem 0 0 0 rgba(var(--swatch-primary-darkest,102, 102, 102));
          box-shadow: 0.125rem 0 0 0 rgba(var(--swatch-primary-darkest,102, 102, 102));
      }
  
      div.image-blur-slide-reveal-image div.image-blur-slide-reveal-top.blur-slide-top {
          -webkit-box-shadow: 0 -0.125rem 0 0 rgba(var(--swatch-primary-darkest,102, 102, 102));
          -moz-box-shadow: 0 -0.125rem 0 0 rgba(var(--swatch-primary-darkest,102, 102, 102));
          box-shadow: 0 -0.125rem 0 0 rgba(var(--swatch-primary-darkest,102, 102, 102));
      }
  
      div.image-blur-slide-reveal-image div.image-blur-slide-reveal-top.blur-slide-bottom {
          -webkit-box-shadow: 0 0.125rem 0 0 rgba(var(--swatch-primary-darkest,102, 102, 102));
          -moz-box-shadow: 0 0.125rem 0 0 rgba(var(--swatch-primary-darkest,102, 102, 102));
          box-shadow: 0 0.125rem 0 0 rgba(var(--swatch-primary-darkest,102, 102, 102));
      }

  Pages using this styling

  • component:image-features-source [info]

  ¶ 1 occurrence
  

  .image-blur-reveal.nofloat {
      width: {$width} !important;
      max-width: 95vw;
      min-width: initial;
      margin: 0 auto;
  }
  .image-blur-reveal-image,
  .image-blur-reveal-image img {
      overflow: hidden;
  }
  .image-blur-reveal-image img {
      --blur-amount: calc({$blur-amount}rem);
      background-color: rgb(var(--swatch-background,255,255,255));
      -webkit-filter: blur(var(--blur-amount));
      		filter: blur(var(--blur-amount));
      -webkit-transform: scale({$blur-amount});
         -moz-transform: scale({$blur-amount});
       -ms-transform: scale({$blur-amount});
       -o-transform: scale({$blur-amount});
       transform: scale({$blur-amount});
      -webkit-transition: 
      	-webkit-filter {$speed}ms cubic-bezier(0.4, 0.0, 0.2, 1),
      	-webkit-transform {$speed}ms cubic-bezier(0.4, 0.0, 0.2, 1);
      transition: 
      	-webkit-filter {$speed}ms cubic-bezier(0.4, 0.0, 0.2, 1),
      	-webkit-transform {$speed}ms cubic-bezier(0.4, 0.0, 0.2, 1);
      -o-transition: 
      	filter {$speed}ms cubic-bezier(0.4, 0.0, 0.2, 1),
      	-o-transform {$speed}ms cubic-bezier(0.4, 0.0, 0.2, 1);
      -moz-transition: 
      	filter {$speed}ms cubic-bezier(0.4, 0.0, 0.2, 1),			 
      	-moz-transform {$speed}ms cubic-bezier(0.4, 0.0, 0.2, 1),
      		 transform {$speed}ms cubic-bezier(0.4, 0.0, 0.2, 1);
      transition: 
      	filter {$speed}ms cubic-bezier(0.4, 0.0, 0.2, 1),
      	transform {$speed}ms cubic-bezier(0.4, 0.0, 0.2, 1);
      transition:				
      	-webkit-filter {$speed}ms cubic-bezier(0.4, 0.0, 0.2, 1),
      			filter {$speed}ms cubic-bezier(0.4, 0.0, 0.2, 1),			
      -webkit-transform {$speed}ms cubic-bezier(0.4, 0.0, 0.2, 1),
         -moz-transform {$speed}ms cubic-bezier(0.4, 0.0, 0.2, 1),
      	 -o-transform {$speed}ms cubic-bezier(0.4, 0.0, 0.2, 1),
      		transform {$speed}ms cubic-bezier(0.4, 0.0, 0.2, 1),;
  }
  .image-blur-reveal-image:hover img,
  .image-blur-reveal-image:active img {
      -webkit-filter: blur(0);
      		filter: blur(0);
      -webkit-transform: scale(1);
         -moz-transform: scale(1);
      	-ms-transform: scale(1);
      	 -o-transform: scale(1);
      		transform: scale(1);
  }
  .image-blur-reveal-image:focus-within img {
      -webkit-filter: blur(0);
      		filter: blur(0);
      -webkit-transform: scale(1);
         -moz-transform: scale(1);
      	-ms-transform: scale(1);
      	 -o-transform: scale(1);
      		transform: scale(1);
  }

  Pages using this styling

  • component:image-features-source [info]

  ¶ 1 occurrence
  

  .scp-image-block br {
      display: none;
  }
  .scp-image-caption br {
      display: initial;
  }
  .scp-image-block[data-feature="image-feature"]:not(.image-slide-revealer),
  .scp-image-block[data-feature="image-feature"] img.image,
  .scp-image-block[data-feature="image-feature"] iframe {
      width: 100%;
      min-width: initial !important;
  }
  .scp-image-caption.hidden {
      display: none;
  }
  .scp-image-caption.show {
      display: block;
      width: 100%;
  }
  @media only screen and (max-width: 768px) {
      .scp-image-block[data-feature="image-feature"]:not(.nofloat) {
      	max-width: 40vw;
      }
  }

  Pages using this styling

  • component:image-features-source [info]

  ¶ 1 occurrence
  

  div.image-example {
      border: 0.0625rem dashed rgb(var(--swatch-menubg-medium-dark-color));
      background-color: rgb(var(--swatch-menubg-light-color));
      margin: 0;
      padding: 1em !important;
  }
  
  #page-title, h1, h2, h3, h4, .centered {
      text-align: center;
  }
  
  h2 {
      margin-bottom: 0;
      padding-bottom: 0;
  }
  
  h3 {
      margin-top: -0.4em;
  }
  
  span.pointer {
      font-family: var(--body-font);
      display: inline-block;
      height: 0.8125rem;
      line-height: 0.750rem;
      line-height: 0.8125rem;
      font-size: 0.625rem;
      font-size: 0.6875rem;
      background: rgb(var(--swatch-primary-darkest));
      color: rgb(var(--swatch-menutxt-light-color));
      -webkit-border-bottom-right-radius: 0.25rem;
         -moz-border-radius-bottomright: 0.25rem;
              border-bottom-right-radius: 0.25rem;
      -webkit-border-top-right-radius: 0.25rem;
         -moz-border-radius-topright: 0.25rem;
              border-top-right-radius: 0.25rem;
      margin: 0 0 0 .75rem;
      padding: 0.1875rem 0.3125rem 0.1875rem 0;
      -webkit-user-select: none;      
      -moz-user-select: none; 
      -ms-user-select: none;
      user-select: none;
  
  }
  
  span.pointer::before,
  span.pointer::after {
      float: left;
      position: relative;
  }
  
  span.pointer::before {
      content: "";
      top: -0.1875rem;
      left: -0.625rem;
      width: 0;
      height: 0;
      border-color: transparent rgb(var(--swatch-primary-darkest)) transparent transparent;
      border-style: solid;
      border-width: 0.5rem 0.5rem 0.5rem 0;
      padding: 0 0.0625rem 0.1875rem;
  }
  
  span.pointer::after {
      --box-shadow: rgb(var(--swatch-primary-darkest));
      content: "";
      top: 0;
      left: -0.5rem;
      width: 0.5rem;
      height: 1rem;
      color: rgb(var(--swatch-menutxt-light-color));
      -webkit-box-shadow: -0.0625rem -0.0625rem 0.125rem var(--box-shadow);
         -moz-box-shadow: -0.0625rem -0.0625rem 0.125rem var(--box-shadow);
              box-shadow: -0.0625rem -0.0625rem 0.125rem var(--box-shadow);
      font-size: 1rem;
      line-height: 0.6em;
      -webkit-mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.2' baseProfile='tiny' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 26.5933838 19.6584473' overflow='visible' xml:space='preserve'%3E%3Cpolygon fill='%23FFFFFF' points='26.5933838,5.1333008 7.7148438,5.1333008 7.7148438,0 0,9.6740723 7.7148438,19.6584473 7.7148438,14.0671387 26.5933838,14.0671387 '/%3E%3C/svg%3E%0A");
              mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.2' baseProfile='tiny' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 26.5933838 19.6584473' overflow='visible' xml:space='preserve'%3E%3Cpolygon fill='%23FFFFFF' points='26.5933838,5.1333008 7.7148438,5.1333008 7.7148438,0 0,9.6740723 7.7148438,19.6584473 7.7148438,14.0671387 26.5933838,14.0671387 '/%3E%3C/svg%3E%0A");
      -webkit-mask-repeat: no-repeat;
              mask-repeat: no-repeat;
      -webkit-mask-size: 1rem auto;
              mask-size: 1rem auto;
      background-color: rgb(var(--swatch-menutxt-light-color));
  }
  
  @media only screen and (max-width:500px) {
      span.pointer {
      	width: -webkit-calc(100% - 1rem);
      	width: -moz-calc(100% - 1rem);
      	width: calc(100% - 1rem);
      	height: auto;
      padding-left: 0.5rem;
      line-height: 1.5em;
      }
      span.pointer::before {
      	dislay: none;
      }
      span.pointer::after {
      	-webkit-mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.2' baseProfile='tiny' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 19.6584473 26.5933838' overflow='visible' xml:space='preserve'%3E%3Cpolygon fill='%23FFFFFF' points='14.5251465,26.5933838 14.5251465,7.7148438 19.6584473,7.7148438 9.984375,0 0,7.7148438 5.5913086,7.7148438 5.5913086,26.5933838 '/%3E%3C/svg%3E%0A");
      	        mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.2' baseProfile='tiny' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 19.6584473 26.5933838' overflow='visible' xml:space='preserve'%3E%3Cpolygon fill='%23FFFFFF' points='14.5251465,26.5933838 14.5251465,7.7148438 19.6584473,7.7148438 9.984375,0 0,7.7148438 5.5913086,7.7148438 5.5913086,26.5933838 '/%3E%3C/svg%3E%0A");
      	-webkit-mask-size: contain;
      	        mask-size: contain;	
      	mask-position: center center;    
      }
  }

  Pages using this styling

  • component:image-features [info]

  ¶ 1 occurrence
  

  /* Aligns image to right edge */
  .scp-image-block.block-right {
      margin: 0em 0em 1em 2em;
  }
  
  /* Visually centers image block */
  @media only screen and (max-width: 600px) {
      .scp-image-block.block-right{
          float: none;
          margin: 10px auto;
      }
  }

  Pages using this styling

  • component:image-block-peppo [info]

  ¶ 1 occurrence
  

  @import url("https://scp-wiki.wdfiles.com/local--code/component:id-card/1");

  Pages using this styling

  • component:id-card [info]

  ¶ 1 occurrence
  

  @import url(https://scp-wiki.wdfiles.com/local--code/component%3Ahoverlinks/1);

  Pages using this styling

  • component:hoverlinks [info]

  ¶ 1 occurrence
  

  .croqstyle__documentation :is(h1, h2, h3) {
    font-family: Inter, sans-serif;
    font-weight: bold;
  }
  .croqstyle__documentation h1 ~ h1 { margin-top: 6rem }
  .croqstyle__documentation h1 ~ h2 { margin-top: 3rem }

  Pages using this styling

  • component:hoverlinks [info]

  ¶ 1 occurrence
  

  .page-tags {
      display: none !important;
  }

  Pages using this styling

  • component:hide-tags [info]

  ¶ 1 occurrence
  

  @font-face {
      font-family: 'alegreyaregular';
      src: url(data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAAIREABEAAAAA8KAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAABgAAAABwAAAAcZzcK00dERUYAAAGcAAAAHgAAACABFAAET1MvMgAAAbwAAABbAAAAYLx3ilRjbWFwAAACGAAAAY0AAAHqueNEnmN2dCAAAAOoAAAARAAAAEQL1w9UZnBnbQAAA+wAAAGxAAACZVO0L6dnYXNwAAAFoAAAAAgAAAAI//8AA2dseWYAAAWoAAB1dQAA22zasYpdaGVhZAAAeyAAAAAzAAAANgYdWYxoaGVhAAB7VAAAACAAAAAkDt4FaWhtdHgAAHt0AAACWwAAA5x2RTsSbG9jYQAAfdAAAAHJAAAB0B1rU8ZtYXhwAAB/nAAAACAAAAAgAgQCbG5hbWUAAH+8AAAB8gAABQ6AYKVMcG9zdAAAgbAAAAHkAAACxxv8QPpwcmVwAACDlAAAAKgAAAERNuWSUndlYmYAAIQ8AAAABgAAAAZXF1OpAAAAAQAAAADMPaLPAAAAAMsqYG0AAAAAz88HlnjaY2BkYGDgA2IJBhBgYmAEwmdAzALmMQAADiwBGQAAeNpjYGJ2YpzAwMrAwjqL1ZiBgVEeQjNfZEhjYmBkYmJgZWZlYGBiYFnAwPDegUHBmwEKCiqLihkcGHh/M7Gl/UtjYGDvZ2pQYGCYDJJj3s1qCKQUGBgBciYOBgB42mNgYGBmgGAZBkYGEHgC5DGC+SwMJ4C0HoMCkMUHZPEy1DFsYfjPGMxYwXSM6Y4Cl4KIgpSCnIKSgpqCvoKVQrzCGkUl1T+/mf7/B5vEC9S5gGEbYxBUPYOCgIKEggxUvSVcPSNQPeP/r/8f/z/0/+D//P/ef//9ffng2IODD/Y92Ptg14PtD9Y/WPag6YHZ/YO3XrA+gbqTBMDIxgDXxMgEJJjQFQCDgIWVjZ2Dk4ubh5ePX0BQSFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTS1tHV0/fwNDI2MTUzNzC0sraxtbO3sHRydnF1c3dw9PL28fXzz8gMCg4JDQsPCIyKjomNi4+IZGhta2ja9L0uYsWLl66ZNmKVStXr1m3dv2GTVs2b92+bfeuPXsZilJSM++ULyjIflyWxdA+k6GYgSEd4rqcaoblOxuS80Ds3Jq7SY0t0w4eunL15q1r13cwHDjM8Oj+g6fPGCpu3GZo7m7q6ezrn9A7ZSrD5NlzZjEcOVoI1FQJxABq4o0VAAAA//oDpgUhAGcAiwBSAFgAXABgAG4AeQBMAIsAlwCLAJEAcwCdAKwAsABCAGIAjQCTAEkAhACAADsAlQBeAFoARwBEBRF42l1Ru05bQRDdDQ8DgcTYIDnaFLOZkMZ7oQUJxNWNYmQ7heUIaTdykYtxAR9AgUQN2q8ZoKGkSJsGIRdIfEI+IRIza4iiNDs7s3POmTNLypGqd+lrz1PnJJDC3QbNNv1OSLWzAPek6+uNjLSDB1psZvTKdfv+Cwab0ZQ7agDlPW8pDxlNO4FatKf+0fwKhvv8H/M7GLQ00/TUOgnpIQTmm3FLg+8ZzbrLD/qC1eFiMDCkmKbiLj+mUv63NOdqy7C1kdG8gzMR+ck0QFNrbQSa/tQh1fNxFEuQy6axNpiYsv4kE8GFyXRVU7XM+NrBXbKz6GCDKs2BB9jDVnkMHg4PJhTStyTKLA0R9mKrxAgRkxwKOeXcyf6kQPlIEsa8SUo744a1BsaR18CgNk+z/zybTW1vHcL4WRzBd78ZSzr4yIbaGBFiO2IpgAlEQkZV+YYaz70sBuRS+89AlIDl8Y9/nQi07thEPJe1dQ4xVgh6ftvc8suKu1a5zotCd2+qaqjSKc37Xs6+xwOeHgvDQWPBm8/7/kqB+jwsrjRoDgRDejd6/6K16oirvBc+sifTv7FaAAAAAAAAAf//AAJ42pS9CXwb1bU/PndmNDOSRtLMaLNsy7I2y7YsjS3ZluXdjuM4juM4zoITQjaSkAQChDRACBDC0rA0BMLW0kCBUkr5pXRGdoAGSlN4QHmUvh+PNjy20uVH89xSSiltCU3Gv3PvyIkD9P1///KpNIsszf2ec8/5nnPPPaFoqo+i6HWWJRRD8VRaR5TaXuDZyj9ldM7yTnuBoeGQ0hl82YIvF3gufKK9gPD1rByW42E53EdXGjH0dWOjZcln/6uPfZWCr6SumjqG7rDspeyUQqWpgpWikhMMS8lsEmluVaOOTnBufKZ7UFLnKFkpiA4pn89T9Q25xuZsxuf1cNFIlbsL+Rk+cVV/Ptc5pzXXPuR8TNmc969onjsr0zx3tqXaE/edaHJK5Dd3MKO0ZGmgrJSbylDwkFRSs2cnLCxlZZOaK4M0D/ll0U3Z4Ze98Msi/LJO28jvunN+zoUSzVUJ+NHi0Y59rmAy62cslr/tc5abRxZPUPrNa0F2+4s9vaeO8O/7qQHmDfZuKkGpyKC0SrVQHqnKZrN6LTdZoEuqM5mMllYLrK8OXxT5yYLgVOAi0upVLX50IipRcXjQqKRbUXLCTs7GQ3arkJwImrfsku6CWzI50xtQUmsuPdy54i8HKG/SxmrxtGZPa3FJj3LH8Wet3PHDnef+5Sl8VwulNTmthSQ9KBzXZPgi4bgFPjtOx63u5OHOC/7yW/iYfZzBp5ZxFr+NC/gVHmhcjNrhICSNO0MuOAhK40pQhg/48OvhzrP/cjf5Yz8+tYyXkHvl+BX/TSX5G/iWCPkW+M2q6e+tnv7eWvyZw50X/+Uj8kVJfGoZr5v+yzT+3OnfUfFpAR618ubKm6OcU1byBbiG3+Av8Rs8CbxR3SJjtbtkfzAUjSfV9Iz/oW4PzbCC6FR8/pLyykhVdW2yLn3GR6b/p3WXIt0alRUtnNfssl6Ryuf1YAjObXlKr60EFaJK4ZKYhiPOk88TXepCfCLnhwMmW3zlEy6EX0Gh3Qkev/LxLHwOLvsr3isL/JoLvT00Ko1suWBoVB55V0j8Ugm/LSRemzvinLdvcGiBa+h3aPHmraWBW4a96Nkhevtm2jtEozl2h/FDBg3B2xPKIL1gP7wYj0siGqNp4yB5X0Hv2EzTC2GWbzFeYLKWPgqgoeagC6hCE8xMrSGrc8Kk1pPROlUtmtVlZlLzgl4OqBp9VHNmJhiJ8oHGtcqTGiPpFaCD5eTKuK+iz5nU08qkPtfUxq5Dx49hfXNqjZKmHNEznuOa54gFzsa5RgWE2PXUZywRIo9PLeMyftMy0rg34wGtieLXw11PHP8z+VAMn1rGG/Ab/o6mM7+jw/yOzunv6Dnzr+fg0wL80Gk90TryBbiMj2J56kle8cQyjR1zTquFxPGy4vFGYw2ZxqaOzp45X6oOFTSIvyqvp8tB5gGQPqVzTVgR6vN5rVM+RDPO8mA65s9rcFEqxTqRa27KeXx+d1UizTQ1NuewUlSgEE1MTVNjVYLxZSs4sHtENdJIRW78cSdydyJ8e4tvRd+GqNvWNX9Z8qcHgk2OYPcVwaAQtI2IbMdgmGYbgmPhjoDvZ4+UNdnL5twQCj0yOj84uvnxszYtHs5de4dw1yYObRD4UKp/SXbHoyJSrW7jXdpttTqvul0QKpKze3njIO13qoFsbVvlrsecxtucE5WhMqeD/ji7oBrlmOETJ7klsxoXJCjKQg1MdVj6LVsokQqAzWukeqnvUYUM6JPewk6C74CDOBwocDDRncwwjqTezU5OBG3kMMhOIm0WMcilpnUrlfQIaBZnnnGSXg1nTeZZk6R3wFnatHx9YLojpeA0mBKw3XmNkzVvXqtWNE9e7wAxjEvJjALgU3p3C5x5PelqONPjQTxBKTJBi07GibCXodwohCiGo0EUAHo200kD4tEIh2Z+LDfzzsDje27Y23/rqmvunIccT9DiiM04MDH6zuzZw7arFodaW6Pb1o6uppfCp27t3wefWn36KvP2Hc8funLVA+sLJ1T0dVTBtCaCJ/9k/Pp649sXXJBg77xgiys2r3HlznNP/Nr84Ibxxy64UDKvgZ/ZOvWS5QD4uVnUEHWAKrQD4oUeDPsc22RBxLD7bJMTiap2EWBOcADzfFWzHtUDrsnxvgC4E51yTGqUqvfBW0DSQ4BmszSpD8N7KCAr3XZe5OREDej+3EGsws1yIdvYgr2zPqcHIGyFQz3RLiuH+Egw00k+45MPKVZ3IEV0XlQ0mYDcSXehpqomgmII0E0DjqDiPj9qNmHEup+Ld6Kcn3eiJOIBa97iBdefOA15DjnR1pYFC8rLH/3D47N2BsvZtZ6Bs1oXrb3mCTQnPjxa0irLwWQv+s6mDOMtc2YWvMotHUWh1SHlr0vf3Pjyn77x9Dd/cLmRHVmNBnovm9ciik799lsO+0UxdA/dW7d4zvqJA8bv55638zIbaxkLswErzzV0lbocQ1det+vjcNebS8999meX374JHYjfBDwDYZ6B/IRnVJsso0gxkGZTsevWacekbsfvVjAS6ExucZpRzOARFPneg8Yv6eXwvUmqhCrY4XuRVofnh+4XJ/UUSuLvkRs7uS7sRZycV/ZUcCHk5aNp7mBpqrWruzXlcAhlNOdpbe5WKz2Ruob6uojNlhSEsgUDZ3Ul0TBau3D/1nPntMYDnKVNYGw1jWdv/sZZxv1z92w8p68lFrBwtiZGrG/fvHPCfKaQ8Uv0KjxTDX4mmjxTraqFj+oiPFPSfKamHLZbsscJQ4wmcp1gCBvTbCJ06nfh4bq7zny4ysbOrkaJ/fjUz6037p/xaFbaXpPFj4bOPee7l57bmbSCvbmFWcoELe9TNspLVQJKLdRsqtCAWV6LqqfsoOd5VQsenSgrOiuQQBnM+ILTFSa6m8K2wMJRWayiDXKhLFieJ7aguQv5/Fg5E/7mXAi0zYWqEu7mLJEZWF5goWCoEccnqty5ToQ/zTvpxC1IUbauEB3pLSHp7NVtXLBTkgabXpvX5fTHZ4scPa9BLu/3elJZd95Gq5uDwbTH6qy/Jsv+ZLhDaOvvs0kV/F+W9Va6EivLy0ritL/EeeUWu7Vha6Vxi0pXj5WUdCToSxCSXNWio7tNoTkrjWUSpzqYYywFKLRSmNI6szpjndQEcNg+VfMc1ZiM7pImNS6j+wEDFzg73SJjBBh8SDlMhuLLYq30ZmD0ft7i5sEJWeK+twr0Rq9j7mt9faJkrKXXKbSxGX28jkYHJPHEwxzDeDbRxja/43cTtKkfz6K11CuUTNVTmqROCCwl4JmgqBpzVLfL4AfstuR4NyNbk7obnsbOwJwQyJzAbi2RKxpYmk+E5pzdyw6oqbamZedk48bHDV/tHu0MNi2Z17J15UBFiOjjIHqcHqbXURx1M6Vxqo5sk5ql8qisMzaQP0/cCevGz6ALJiHh3j6ykhBglNYsaQ1JOmc7rlkk+Ivjh/n/deRSzBTg8jiNGCAL8HqaLFAanUYTiGYs3CnXT+kWDoZA5XUGwTtLsIyD/bIMimjdDS6b4UHPnl+jKBc1wfPuhDjoIuptiIOazoiCzoyIxBkR0XRg5CCTa2YwtHM6CpoOf+D7+6dC9ArLBrBFV1PY/uDvsZjjt5vj7/jPP19shgdU2qkxR3TBe5zVLEcOd7zx5xvI2CkYOwVj1wRpnBcsGARqBggFuIaxOEQBDrxQ5EnjNGMeE0zqG/xKGZgl2o6i/ReMfLBSemjs4NrX0GbUzNzjOakbh06eR2K04aljzN9ZG+AB0VIRERdLlYGL96oYjwDGo4SYPRF0WJR0BUeI4J4C8K6IoMCMFeuy1zXDmVPZjOL1UNEITdx30bkMo9I3nvubceyNFz/e9vKD9z778wfv/SH6zZ9Rq/HB238zfoL8iP7eL35y32NvPk90a2DqGH0TPFscyyqAvaobe1VJAM2qwpZFd4DRS8BjOMCsAOOgdMkN9kUpLTPtSK4Z/5f1OxFPg5PLglKYPg6MBthE83hA2LHx2zU0EqtDrKOm/QJW+f669O6aWscl/Y1t7mZZYbYudUplVnB/ff3Gt/42mueElZzI8ausy/ag1wdSPMOYtjkHWD4Az1tJLaAKlfh5g5jMh1TdC7MCJocT2BfnxNOPs1kB1jCZlLJ7EvMsSg9B5KKV5zWvDNqscco4Y5dLwTbWN3QhykSQjyY6EVFAmvGHsamAEcSifO4hNDw6MPumtOLPvrh21zeeOiGg/NalodE6qcSo0C4UD6Gd35u76NxFK9bu3nPRCuMj43fO2dvtB+92OgPk2Wumaui34dnrqPVUgcEw18LDIvz8VlW3WybBguhB4DNKED+/4sPPn1I17qheBaylStIq8ax3KZOaS9UrIf5I4yHZawkt1xS54K+MYWoYVLQAjMifK6qFSucInS4OjjVnF+9l4ZWFSVZjWz5472sTT9vsXx3dePbs1t1pr0coXTi8IXn5/ivOQ57vGZ9dM7u91+E+sH3jBmSbE67aM6t7QWt6KefJJCqv2rjwviZb97Ob39o7m+i7MFXDLIdx+qhS4MdAujQxq/vBWvNgrctUzXtUK8lgZ4qttQTDKMdZCS+MAgIUSQYaRel+nKRA1jwRDMqAgslAAKoS2CcR/hRLhOWoINDNiEM9PxaloYsQz7D220UbbfxbJVqhPDEE3NZzUpUvptnB7zdknAHl9QeEi9ArRBZheEYbO0zFqCuLsohMy8Kr6iIci14sBFHGQogTIZTLk3pVMeL77xM3EgPrBfviO6LbheOa7QhVsNl9xFDY7F7fqbipHGxnQVLcxCF7wYCOc4q7nCjdaREhN6aEXdgNR5kKkIyTAcmEbcuHvv3WMx+5ozK6rr1RntUgvv6hc9mN1y3Ozt1598NzuzpBKt+4fP1XanzoE0lmKlPCx+DDDE9te/+q/MD+7SsyXUQmozBvlrMvU1GqgTqbKoTxiBMQ/qZUPQATx6nqNgtM+QwxQjEIeWOSXgtiqQBal4X32hiMIRD2YPWqkHWbSMhFArvWCrgUkHWP1zRLmKsBn+B4fyedzVTQph3PzTBRPDeqDm/YunXDMHh/vzW0YuySFYt8grttZ9mSW5ak3i98998fvm7buV+5dXPbxTEO3XHuk3t3nTOciQm8vYNxqC2rNt+9kBVjbR1rt7d/5/2/vnjfD6/dtvlbDWVpkOswyHWM+YzyYJ4As8QCknRZsCRdFJakl3gLj8mWfDAwDyiaxsBgLNi20vwpcpQN+2nER1WELE6GHw7axJ27YDq+MkVlnTu9NGXc39RZ67HTe186YBNajY0nf6jFU8wfnbRS3wnhCcVQ2wDzbYB5iFKpHmobRUyVHuUmtS5QMWxhewnclTC5KyWtHk9uq2sSG4N6F76kt8MDSnBXkrRSfLcK5kyVqpeCSZ4Ft9rrZeUJ0RuMptIcify6ohCfUFapNN1K1CvX2Mnk0ojEIhWIMI4K5kyBpOkEcEDO7alg/RXIXxTRtqrccHv4gsv+8/7RW1dX9XTHcsPzqv6i7//ZXbdtXrGnZsn8TsHOPR2SaiPz4qpFYHduHVuyycit6++MSm03brzh5bZrxlrWDWTcFbl5q/Nf/+XdhdW3Xb1Cnd+dDLEWZgS9W5GtD6e9JQxLD+7bdOlmoqODILtRsBthKk0tpgp1CNBiQEeDqh7HTEclaEUAj4ik12APCROyHofF2Fg4JdDDGrnABEvIRCOBb0kALtbJnw+AWRdSUSeXSzjpaCRNmxFXceiDWP/mXX777ZfHq0zt3LpikZd3t5raec/NF67dwt2w9dyv0Lu/83/++sOrf/vgjUs7RIetE1Qzt2rT3Qs5UzW3bPnmUF39N5++jowNdAFtYAKEA+TPYEWYA7iKnIhwAE3MFPmQpkwfYSLwOWYkzzjeBiypA1hS2/T7NFuiL5ymTfAMmLfiZ5CpIETRYIknvMXfrZhmrmCYZ5BXzS5NKMUnUUnIzCiYV3N5nBMsCN4yM3v9BVbrnvFsZzLcxdNP+AWqy/zo1KPCPO6i9jEPM09Q8OtUgUM4BvOoOH1NAktiKXFwYvE6EHYL8S4L+tain3d2KK7fP2q8gMbQNrrzzUeN82lqtRZb5C+xbRjp3ynue8g/umHgIGARR73MMRAAlkeawkEsDid8qu6yTmI5EMCBLmMDJ0Dk7/LBkVjMc4IDJQGEAzEzjuM+1PjE3LfnzgUDrBpJ8cxTtHgdzbGMdyNNk0MSVNBkrBthrK9OjxV9fqw+vwV4No7PVNScizel0EYYGbpLZo3VZMTO9x9Fbcajxl5mHR6cbw0MuMRvhwFf4dj3EIz1MuB4D1n2UgFged1UIYp1L1iUPHC80qNYzypNOYPRwVbRUiR9laVgYZCddspuB7Yw8EBgGllzCvnxI3WRrMYZEr9sVvDHSAwlh9vXl3FJ7ip3A/fJ9l89l5um8pbABQL33M251T2za3o87ufkiPD38gMjqy/fbf/n8hn62mcs5taxx4BDDFO3UoUItgfzrJOFOBwUZOyqS7N6HTupdap6O1jVjKpzWHoLiJ1oBhPaLOlBGMUsOJwl6SoOxWBgI/CuzpKVbhsnl0b9yUx751xiPuV28AVt2GBo7rw2T+m2gnoEkyVqcz8OnyNyIVqVMGlvo9KJYtkMS6wqeGowsV0oQfORqiZ8C6e4cVBN834wshIVjrDgCCsYv5evilXRcWxwFDeYGyfqG/76a8h/4B5kmdjQtOXe/9o1WOfziT98ceGiJV/93sJXFXuX5EiuKLG+9VvjSeNP/2689O3GS7778Z1Nzxsv/nQz+mektOXDbVvP6b5iPtr9VWrqnUdWrX3sv69f/8x3ds5pl3+5di1rPPS1e665mpr60aXhRjoUSB8wVn1P+OwXyI5SPzWefm7HGz/62jLBOWi96V0UvPasq9F6ZJt1/XuA/9TbUx+why0NVC3EuQspEhho1Vndy4MTymheSYtjn4REvNoD5NWZKXA4MRRMujmc68R8okHVM3giBSFm0Ox5nUti+6FiCHngpDmUyypuzOn4KpIXIzxVBQoUcSGcM2vDszvqBuvMRONya18Y3bZbOnhvYHQZ67zja9+oqeGETfOVvoaH1141pLT2fIUV797zw4m52x90cau5WUtYX/TktUbj/A5eWMzZLBbnCB+JV7e+R0u/zAXqqoUxJ63a6AD4apgj7FJLGHxPHdVOXU8VyvBoqaweZyYLTnNVTW/hcMZhQk1SThigirOMHarGgk8CBUtlsFtqAt2SgaBXY2j8EHV0Yv/EwqgdmCc1yRPOMk88SdQtXoY5Lr6clDXQLxXncrUWYFdynnBDAMMNPolPAEvMmZyd6BvOEmIeFZ8mVQkePtHJTtOry8RVPXRFup913TX88fP/e+cldz16/a92JSeaU9tjqHTzNTv37r3xl5YjIaG0N1OrPeV10mJglXvOUmZFb8piXc4JD96z/jsNld+5ZNMTF3hE7m/DPTdtv3BvgN0i09ZE87qO6692l79gxmPAK9n7QUfi1CWmZdF9ABiLE7KSzYwhYS663ZOaW9LF00t8AbsoJItJcGJpRNCQcVbyRXHSutQObFOwBokj90XNkE2Sxym7iIM1jVU0qzkLYyTJCqoDMIQjtFeissWIzclGK6nRp9Ccnw0VslkhIa7ljNd//jeEfvG1x6rOrXWKfNlZK27pM/7bmKBXv4oGDwdEUbz3GSGXetb49SfGx8ZT9z1iffoON2MPehV0lmlHLcOgI6VUNbWJKniLGlIxQ0NijJmTqiFqUeYCKwpDL5P0MNYLUAfMqcuIOvjBq4SBQBe8zgoyzgovVge4rMVwDKQ5Fc3xBTWIV1Kyh2ajRNCImBEZmxeOp09L/aZhmFl16NJnjKf/7ccbU5fGUNl533zXMA4b/5mEyXamrI2Dxp9fNsZ/HBA5VLF1HmpANjBcUbn8xGsg38vABvSCfPuog1SBwiPuyuoILACStCzW8R5+spDtwYwh22ZNFlzYAkRrKRdMkCgAE63Ft6JV1uS4m3IJSd3hkiqPqHo5M6kLPCjIbIJUGvPdjJaWcL5sQjHVoh+wSgNWWk9ec8vjjvIEyWIqitaK1yCzcKc9r7uxeiTyWrmMw0cHXqD8PGiVJBONyS6LYWMyPtNnA4g4aVEBcUonay6Ax/AHLhNX9JlIPrgTjU9wUXEtaymNjCxfsK4WSd4DvVel09agdlH/mCDEW9vGNp2dTsjW5XyVYjOWPj/71phnpTgwNo1wifj1Z4S2YLwmLom0P29so+2cxbaDdxlvrk4lg5zFG+wc6LDZHntcdNosBPNjLAWY56j7TMzNBSZVmDThrQkTeGsA3nANhjcc/5fwthB460x4686ANw/w1mF4GzG8hxzl8URDpghwFQCsZkA5UUMjXvhwh80cw/8PkP2nMWZO54X401oK2N550MTWX9E/PBtj+5/l51dXW4MHVgO0seb9rPu5i8BmnaGwJeL9zwg9wVhtEc4RWuQs9is4l3FwUQsnrBZErmiXniEY3myu9+r+absk2yYnQrEmFiAMMSZEYKI8ME89kl6GQYEoy47RmhDNhThRJWCVeWRlgpXDkSay3iPjxVTd3wTIqHktJOt1aTx3lQIVrsFhsiyP20VP9b+2V4AHNW2w4CyJEiQbAKg5wcr7edOCTaA5vxh6saNTqBFXc/u//QfjBDX1i7lfi0SS/XtZ5ZYdibFAiRAvdYrW0PqN35hrfGg8Q6/+BRo4NG3PcquWgJEDg3Y44fZ81lcrnGflaCYVuv4bl3UorKMy4AXrRpl6Z7nDkqQWUK9ThXl4rjdlif7pCKKweZI+wE3qmXwmU6jB5k4Ctw+GQMlodjAEWiSLNU4LZSYC3VQNgBsQyEpbn21S65bGU92znNj0AeAjqmY5qpdAtNGXKZSQ4LwERxsWSZ8NilpClj21soyugv1MKZP6QgB/tgUbzfmgix0lsvJkKBxp6Z47OA+jq8p6PIct6MA8+EzjIGDfJ+vqXPisXYArtvAX3SmGmYe4nrFkcsWLnumriKflaY0FlkI3yWYWs6jGjXAy08MmLoxGBbU+aKVFNHbt983Ld2fqdlYnhKFGJhhrXsEqDy3/ozKrO/DWyuBjc/pBtVdY3I8ve/sMxbaylhW8XJdvA4fkQdvJRWTBV231bSfvMv6O1Xslx65AsWXnoCbabuGM281rCpEfxJj0LpBfhDq3aDdIwqEU7IZM/BO218QqRIkEvMpkwUvg9xbh9wPgMQDbT8AOYUxLcRiNygFTgZAUO+Cp/Cs8ZyIHc32buGYWHUotZZ0PLK69tKrKuqQNw7GFVb6/On3Z9LTuSU+PHo/zG8bH5phgGsOYVONNOgdjClANVEEi0xeUjIzEijMopcS++RyTugcUpQxzTdkqf9E+nX5ABl5U7qrldDC9hnW9m7gMxDRQy3gt6IHv/06a98xTzIbeWkE4Gz+QvbbbKDWueO3kHByPbJ/6HfsxPEsYoqhdVKETg9sKDr9V0hCeAeVZneJNrPXaemDFSvFRtaQ5N6qBGfSQBy4BoAn87DT8ei/gXoLNsQNQRzijUdFGUB8viWSaYwT6cVuN2lBMHH4Z+owH7EYRf3cO2xgVTdsUfN+KKvA6Kl5q3u5Z1XaGBg/l6YDkzoFiPrT8Nhpd2L2bdd41FFtZERSczcvOMZ5AY4Pb51gdd/g37KJXWNvGZuqt2Nh24na7rbekHIuOviGIruqubbICwWZp2rXY1rvaeMToXj0s9Ac0oqu3AK+wAZZZak+RV6SzZgYswn9BXRuJupYBrfZnCmVEY8uKGht0EXpVA24tabo1zMCDRH/rwQDUAMfWIoRhpwHXSD1ZnQZUC/7aJLbS/6M+MzyQbS/o9Bcowi2OkSJ89xQNQKaUZxAK2Ko7O7tG+2tiPnE5F/PbjAPP990cAUIw96yZgHFKdSrNW52cccAYbmmJW/lAvH/JLJvt8CuiAiwAY7Ry6k1urSVODVK/K1Y8NGCVo2aDamVAnTKS1ou1C2KyORCZJDNkAV2Xg3DfasGmGGnzVH3ITFkfqf9nyCxSykta8xE94juuxY+MRyNxd3I8hl/hxngu3wynLfi1ALdm1BDF8gW4jI9yeerJSLwlH401507VEH3hirlumGk3Ae+V9do+gNuqHOK8vqbWDqLQ8oSjJFBecUqjcwpJhRfxL4W4EMLDRtBZUirh9Sh+8/j0ClMjraIo4lEUeNwpu7PS1tNqXb5kJSff11va7/WNfj+Vtn/r+YbZ8rusbdncuOyMN+RZZcdg4vxwxNqVj8qy3djeYGyz9XctZpXr+mJjpdJKoW+UGapubuJsAzbQYuMfBnvFDvQ9eh6iGVEYsjVm0yefeW3HICus4ASWXck3pEPo6Z+/+s9nnezIiUeaumlhhSCwZpx00dTjlqssNVQLdZgq1GN9r8gWarFMcTFFgVdKcH0kDjADGc2DpcpkdRc/qdfVE0JHSlryqtZ4VI9Jk4XGGJ4EjfUwCWLSqXohFWftHaD/5dIkLp/0seACHPiTwRKrWRwQwwVbTB1IwiEf4mUlUlOLJRFUdE8FNveJOrhf0wAzpwWmSsEuR/Ak8eDVMnP9HAvGR4Fg5MbP2R6epkAWzOfWALF3TVwkXZavmO1234PG1qy29w2z7iv7qzZUhmxz+lB5u25ct36D3RaMbmSV3WOx1RVBW3cnKpt3HvvGEEb+jwZ7401MxxhtxXiyK60dbf/cHYR52XjbbSfuSsdMnNmVQlsns6uryV5c77DkgP+5qDKIXQoOPHHc0wwwgCPTckL7JDfOrpOclwDhGc4W+SRsPFiMRgCCUl0o5o4xd2MVr4fG8TfllhSIvQD5aIQeLaCmp7+HhP2bnzT2nTBe0IyXn/+bceI/nv2QXv1TNO/Zbxm/fuoe45MjF6PV6GzjM2MCVX8AOjvP+C+SG9499RGbh7iyCnzclVSRcZkhVhDbwCh/OsBMkQBzwpsgKQivzVyzYUmhk5bIYMJVa6YgyLJNgISaMRBhrVxwhipJoBnEEVMoryfwklt1XkvJulz7RRMYN4vAkoj3VDCE+JBKJuRvNpd1eXq3c3kr+HfiQxD9i99e/+blB1nW6guWXsQqPWeHF72NWt76x+GXqiTklla6ek9ZQOEZ/ZL/ffXL7X1ZrxUcBmJoO315qAb57tvPe43fY/kZ/dxFIL8QlaQ2T6+cgPxEPGWIEGuAVwZI6ryUPVU1VOkm6yZVRXGm4L2qEicWxKCd5FxcAbKKrQVl3e0BWKI4LaXVyF+QMsV7fWZuN4TwKkFVLPEvhG5M/uotFNqZHHV7BIfcvFnZcMj45MS/UIOTxu5O2x1X2i0WLi6l53d/76kv14ntU++xr1vwSkg7dVlRJ0qrslmSl9JLvpCUms5E4bUkNYMxaC6qAU5AVRI1ABlrzfIhZ8gTi1eZZZpaGWBSgslGoDqPc0+HkE0Oxeu/hGMUE1BuzCBcKFKVYMhcB7VIRKKRKMcjfyfbJJFUxHZldfu0Ypz48bv37/tN+0WLBPHx7PbM249xmbWs+03FUxFri6H469aK+a31xk1eJ+0WVtg7l53Ske/ftfPVHuPAmvnW2f5Ny9Fe4z8uygtLkYWm6Ue9tF3tuLgPudzlxuPYvm6fOsbgXGU3tcP0lboVMAphRUnhnHAPqeotP1XVW29W9eJqy6piVW+1CAFKHhDDTKyaBq0JpZrbcToqXwUARWN47ljbSR0MzJlDNFNelSDELKSAdywWu8JUIctqTAKvrLFNjacivkRxgQknHPw++M+D195VtL1khbOye2z2NQfCjQuHsizLM52D61tqkPTSwvuqqriwOCJym2++eH/t8gWzHmo9wBjv/2rpg1Xx3vtesq3YvrTWfcV58b7GXG0pTbMoXDu3Z2X2wXcCDgfEyVZ7suv8xRcvqZvfXx9dXL3tqz/4TVSRMV7K1KfsAODVQt1TzNsFIVwLZwpVZGWYM2tZNS47TlUxQhKv4LMM8UQNHKZhxBlRRydaTNfTIuFaBL0UjFCppIPRmLCZbAz7nBZziVVLyziFUKpo8bzmBKIXBY2zKRqHTVKC0DS9ASNtL51ehPWHc36SHU5bExwpL5lOKlhynZYm2cnzSoBzP0Zf8QOFcfHcGl6QrWVyOjKntVH0NHVV5kWRU15dbRyTGtsafTIz0L8sXC/6eYF59tDjkt8vzf9+fb21Tm0rjzndnJWhd5687fi8bgbRQGOFMdZaUtYxq525imGcQqSkt7G5WDNjUYG7qtR+qpDAeLlskwWeJk6dEP1KMMTYh6Os7gdY0+Z2h9qjuiiDCSMpMZEH310r6XblVMEPduwxBd+Mhaxkq4Mu1hLodMUO6ugqCSSwusVkMm39LrgWjdXiZDIQWp0qyc/w0WY4QPLDDNjtma7aKxPNI9U5/IDzG8OJCyIRHKpK2iPf1UVLWd0Yi6+uq6gQlmeNv3/8xh8q0rPZF04HaY+88qb+PfrAnOpT/L+26+TIGx988Cb9CMxeCk19OPUu+zuLSiWor1OFCDbaeG1At4LyWCXNh91aMAGMpwx4KgJ4qlXM4TFPfe6aDwdIaUUk7dRiR3TJf1xzHNEc0rjTIQE3deHXAhzP4KauPDXhkmIOp8lFD7mkyPRJkYf6InglT8QMVNZtBClmRmQE1BIoDXUqC5PD8OFgMY0SivO7/fX3NjVxwpbB3T3dbrR41rzNrHj/nt9IXRmfMee6Jw66ly9gXxrj7JzFOSJE6oJG1a/eYy7qSiYgAOLWMLG2fz6eos+ifW0tCLD5eOpdfhtgM5v6yIwitXyWwKMFswQhUB8cUOolOIicBeG7L9VI9sz0q/qcIkrrP3yUoNQJKHUDSi6M0uHnVn34DL5s0fJwve2InoDrsc+jBzRxPB5LwGkVfv0CmAW4iY+q8lS3zSVVJdq6Hc5YfOZGEhFfzrd1fu7GNNyzOvHupmhtngA+bvOHVeJSvog5SuCq//8XUUSL8miscorf7uu+q7aWEzbNubqrS0ThuOes+azz4b7cnarKCZvn7urqdqB5PYMbWOe9173p6mjwGqO7tt8iGu9e99hB97Ih+rS4wsmYEX/nbUbZ2t7EWE8LsQKE+CvmmpaqyAwhou+gIyd+mqKX026QJeIJtw9MfWRpAm4/l1pLFfqxrtc3zcV0vk+Y1NMtmQxJXGg2EGnBVRnFdwQwsEpFnAh1UNXn4bxFX7+sTKhUJjdgTugJ5PWXdeJjmzIuhyKxYpka5tSo6nOYuUmNPrmIYyUaYlFzWS16el0twcBHPT5ylQ84F+/b9Bvjk3WHWPHllQM3R8Ict2TeMengwlw3K9419JIgdpw1q/sfKJm/ZhXrfGBl9ltNzbx18bya957pqs134uTAK9zikmt3Ix/af4dfGMFBkHOAi0TixgO+31xZWl7OCSNOwTVPzPaPGC8aQwtHrMIY+dSIpTIaakMLji8aaCm3AL4C4Dj15tQx9jLAcT51UTHebcbGNSucMq7mtOAgVtLnc5O61YfxG1a13qN6ClxPTUZfAEYz1Yur9K1yUmghnC8LUave1AGqOF8eFyVPJcYUKROCvzQY+jK19LUh9xdyJxyPM0cezuOdkWQxgxymA+GtLFUJ/F9CvH5l9nZV5fmzuy/ZStv+EN7NiveYiRTHOQsGncKr5Q4GKe6m9az7seWp7bGo2NIZEUqiP2x3V/cFa9n/KELJh2KlxqcfokJHTZMVoMSplHnK8PUBp/H1+ksesNkUnuf7yiqmayXtZbmeruVda+agy3aW5RWeJbWyn7EN4OdL8Ap6CYbTaQfuWIK9jNNtTRas2CzbrMS100CZaBu+RXPgnWjwTjjsDODqtwmL6ektxFdNuE33XoprBXBpsJXUHyKnH894N/hwH2ZLzhJsdb04EYv3Dol53WojpdBAlhCpaQB0HchPIVLRAWDG+X76hHHf3kvlNWHWizbQss/YZZyPvrX5usjqGlvoZNltbex1Irfjm9ZfPKP4XG0GdXK3k374cduvXgiLIpmPLxjH6H5LiHJSIxSubBPtpKaKx9XyLswDdTt4WjuNB2p3wkCFDN45SIl4g4hmyeoSno6i02R6Vlmj8xqPeQp4V4VkHOLAgGWYRy/4wFqgy62OyT9ZHYZBN716Nrr+rjv9jq6Gz55rcHaasf/QVIhea9lA2alvU9N1z7xZr+woWnPmI+/pemXrEZ22Hmc1Hux5jVmvPM7QPJhrlrxayCuHX3Eds52y4o2BND/DhrN5zZKHJy7ATbIn0ErRDMdb7azltBF/Ai7NuFIsanbnsm4fmGA+SjND0soPYiuDQefapUsto54Tm242tHPPldAAWgjjyhrH0ATBeT7BGQHOrKpzRZyZo7oVcGaspJyIApy5DObcPOAsZkyQkZMkPDVWxhrEKRqfJyUmMsw9C01cgSUr/uFDQUTbfTjhvcf4pKvB0gnY+k++8urZxpWANsl9U9uZe5k3KTjJkW1mikkcEyROwZqW2LZ0RFvtO7+38qyy8lH/2OA+cWdons+34d7fHEYPsNIUdfe8I21tHfS/P4qWGf8278XOTieR39QnxpvME1PLKRHYjGYnlUJIc6gaf3RCMKMJJykWsheLhbA9YUlBmZ+PsFFSCHT7nvtF6fmTCZvxAa4Doj2bWKIbt7NJOmF5gsJVwZpFnaBZvE8Xwc8Uq/rxrl0Rfz1twctxrM2sP5nevaGi24e9D9xRowwBkbWsXMweeSDBzt4Xj0EMuRhiooPME1Q91Uo9RhU8uH5GYCcL6WIhRyM7qQXBgLaR0LkBIqIGSWdBI2szuh/OcpjCtmRxuaHGSnqpNIkLErG+Kg8996Kpryypr2f1lpLjTi1/hBpn2JY80S6dyRfrXxtOlefl5IInLWATwSpaEgyE0CgroJtOyV8ajhAmS4rccvEcDpWcNKnTo81i7FP038nyERWd3isF1yzc4vYGdB27aml8uFV1iPaS8qWHEl+9O5asxjtUgowYT7QGv+uyDl4euuTOAyMdVZuSgvFB24ftyx3nLz/vEm9Fhc3OjUnqyNeuDBk399ZlIIAKW5T6mlrbI/TgktuubxvOJV9brODYXAVcX7J8RJVTNdQaqmDDuFYBrhI2r5VYOWpVzXdUr3HhyLxQ48MToAZb1BpJj+JSepnsI9JrfDIp+YjK4xabVEmcVaVkJiiqZN0hmIQem0Y/x5gFVhSOGWm5kbgenM4/VVWrCl33pOocFfJL9T941zj6i47rY1H3kM3PcYiNX5K56f4Dl9Rc3WTZOkuosNvLGk5et++vz//aeMnBcRL78UUMTf8z4C55+sH73upWTbs1COMMgP5EqZVUgcGjdFknzdJhL17HixG9UUBTFAnvvMAxH54NcVxnpeCdil68CUmzyVoAVz6HSb5Bc8njlM0ewE6YMX0B2ctgBsnTIbJvOvWCI5VBJL3cenmogo9zi8+Zd/VX79qd/Uq4UvTxpXN7R8qfn0QH30Upj83q3PkA1z3vHP074z8PyzLbxSn1sYp/FGtLj7FDILMkzIXzqAKLR9MCUVsNnguxrK6yOPM6PRfqYEx1YKlA27MZ3ScCA+exEH3gMUlRLl+Hl4IdzkSNuQ+QLJi3qMA7fFSwoipBFNndiPcR+IuyKoqRLJDNUGOy4794SU7TuAD1pj/e3DM0ZCvlBZBoXcrhi9UVtdhRVZ0ve8jr/GVSf+u++y6puygSsVael7vpfnT/7f+4TUCLL7LQ9BCRb/TE742uohq7MzU1wn7u9g8R/81fNpeV0Q0WqfTpaVyYLpBxCHR5eRGXBNAAknCTWVOXARGnY1JzSmRxkFdM7Y05cWJNDhI6xcsF0esn6UUZbxSBSwl5nKe8lTOgwAkkFx3+nHTd8enNCYM7X7v8nns5hik9+e+P3NRydTTq8AllC+auiPzkTw+hS0KesdHVN6KDN/9l3z37/RmnI1B58LWQJLFtnLs+XvEZ2ulmvKHRpdeC7i6e+pR5COStYt2txkKOZPUay6Qe4nHaEG9HGEf+gJDUVVy6puICVw5nUyFOTx7V6IxeLuL94CQKL0/KClnsD9WQDfFg73GteEnREjcpp9SXCBBYDOaGZ2bCm5tkiF0WO3ciauqNzu1l5Ww45BNrrmzbvo2hUSnn2bXPmm3eyTofH8luq6y0bWcyQ8zgbL+A7CgHuu3OD3HWQO3TR9Zx3Bbu5Ndbc6wwxgIlHHFtpqsbKsn+GIbabEjM+8y7VJbqohZQD1MFO5ZoB0hUgQOtRtVnMZNauarnOHMlXjiq1WX0RhBvdwZvXydbTCiZ7JWthLdGieRwAo7J8f5AK+AVF80F+UaB7ATTWuVua3lFpMbeUD+L7IoNKAWfP0pUoXwWTBOqMl6Hb+gdNbiqy1+RN8uHnR4f8WVkYjQVq9R9WTJNeIDMrCZNgDHwn6p6ayp+duaOp+ljgNfJbi5fWhEcGHn/67U3+tN761XOt3ypsPCPj6XnLv37hy/e9qdd+79dsSEaW7X7B7s3r9xy/cZztnCXb7r8UM8jj1rkukjZ48FeRRGqbjt7/1s+S0h0CNtEzrZ8+72vy/W1K6ziuvNXHNx02+7qFaWlovgVWrhs/+UbL73zihNzh5dfMVKTSfhYZ21tK7adWbA3LOhfB3VVUQZ4W3hwehFP82f1ND+pe5oyGa2DUCeE+xC0HNWTgK+1Bi4nydZw3QnOQoZrXXCcbAHMs7gS9QkLZw/G6xuKaVxsX9MNAK+voh7X69iDcrHkZNrsFN3HF/douYmnnbl7iy9u3UqirOlSXKXC7+d/dX9luGqAlc4fqtocjlg7mhxjow07egJ8pHqAVS4aesXRpsaqk5ZtPcT++I0rjPe+dfPVFcYVPR3NoKs4RFksdzWjuzZclEl6jD++09WIL7OLuUye7WnJEnu0dOoY+sRSIHn/DVTBgkt9caFdwYUNkgiTt0adiLKUu5jzDwDJFCfH3YFKZ3ICb2rHu+gzJPFvDQAecpTU4oA35S1YI0W8y8MJiqdZQM3LZzrYL9u+hv3qzNLmpULHHXVJm7s8AlDImwkUQkczNtbD/dlkvj9b18KoQ9ag3VaSNOb+tT03Y+S0cCHMVyHb35bK9rdSlFmTr6CtMF4PVYlrbJ3I3AxmAypdoU6UFAcaJrl9GQ+U9cJAy8yBujJEQ2Sc3S/BdaRlsubEYRcOslzFoZlpvuIYZc+Z4wmxY12xdE5ouSOdtkW+evUCGEQrDCJv5OWxN1+nd3ap3BCPR9N6YtedfxniE6eengYd/x3zLuh4DTWMqz/zWMsbILr0YwWXs3qJWRQ8iCXXz5iF2bGjuAS7YCfrl3YBAtAY2W4Q84NnxYXZ9hg8uxsG0e+HUbkH8njb8hN2lxQK1/Zibc8remubuVaDcyGnfOoMyXGNTY1F4RXr06OJ06G8xVzDIFUQVYksyxId98WKeozXJe2ekN9ltzAgVwHl2M8amto5ZddgdE1liJOjI93LmlZ53ujf1sWJO0LB2vbFlo2OkgRR+8iJXxvNpmKDH1vMCJKjwp0qD/Es8yE45xNXBd9Pl/o9tnYWbtu6bSl1QXalx/jg7Pn2trC3ckfRdqDXANcErtaXSczOm6hiSHGuVIsUYYxMw0j2w9gjRexw3K1J/yNGllMQzUBgen5HwkIwUerkEAZg5uDeNfKnJ7OghPyNkYRgDs3kjCNTx7iNzFPUWdRvi3bPImWzeg87qdcuBaPWI2FbV8jjKY1LzPRynA4bgPEF6hdkMhmSK9ajeJhjqjZ6VJ8NwxydjYc5OgwMelTSZ8mYVmuzSZmYngLTWAfeKyWRMmI3WEvM1xKEdCcigMwyvANgtpmj6JCfBMOZ7ylWjqUUrYmU+zuBrigTUm1DJlskdBUAYxTj2ZondWWFsswgtiQ98rhgdTtNVlOcVbwfzyj//2hheebLL3+Z2R3huvZV14hu1vLbeWtvLP/d6O6vByPVc1jlQqKdtraMMDa65RZf+LS8wB7DtYu+5sZa7L5w6BWxrT6V8zP5PluF1Sb19HPfXDL/oX07sDk+rZ7WXB6b4w0G+wUTvdnoyc8w0Oivs1uK8mWTIN9O6m5TvjhfAq5N68jgJkxYtsTJ4ZLLgr9MxdJtBtrlqcOpui5Vy0NchDeXmEKsOdPHdeOgKA+gN2D6iAUWUZ4kni6VVomrM0MJIFNKIVDRgAUSl58QnFavj3Th+LxM/rU4vnSz8kzofz9n9z3l/wPCVRtClSCJz4F86xVf6vBOozkNO8HT5N8F4N8OKoDrFAj/Bm5asBP+zZgVbph/y4R/e4r8G5epeoB/66wdezW/DId8cQW7yLTNLi8zeNLgVW9d/4NfwYv+zsMP7t6256Hd276KHr/tzzedfPm2j24yEPvU+4cf+OHkj8z9okYZ8xHIWaXaqRtOS7qFxatZeLkPS1rBD5mxYleFOygFQM4xi7kpovaoXg8E2p3R20xJ15t7I7Ck8Yp0U5usYA4TCFZkSNwbwHY/iLOIui+By08ycO4EJlPxOSYzLVgYX8LjM2MJsOanK4IUU5JoxoZTetQUq5MTjqT0t2/+401301WtYlpkpecbLwiW23oTLAgSccu3kTD50mZ5WqitTc4b/vyT2z+9zRrdG101i+aGwZQv4FuWVCBepdfObjk5nHj6wW8ezaWM32J5GmHmN8zrVAWVwllsIs8kXh3ERKa8uM9Yk1TNm9Ud4B99MCvSRMIhwCkk4YyqVpXRbTAb8H6l0hBoOustL8bReK203EHqG/WkVGzChbNn3Ol4M4fdPNHt0zU4Xx5lrl6xVUqUqU2s85naCyMR++J6Rjha+4N3vhhaKqqy6p8vXNhJsyNAYYbZ1BDad+cnSLjvzXx58FQ4CfZhxdSn9G9Ab5px3bVsas1EOUuVsMnxZrkc4gesOCkMRAyX9uVULXNUdzhwtZoeBo1xSHjr3USJmUpoAQjCWBNq8hCCQHht4ZxxEl5rJeZG8VgKUKjCldfl8ri9xInzCjpqJllmbC58p1UHJ/G9Hq+fTBASrhW140v7FvAruJaba2ucNG9hhc7vdHpCHMeVsyO+SOq8WrmmdTmt7B5pPr+szNZZHa9JMm3dtpDNJjqSLWpc4LnVOzHXe/QqbnFuXrdxS2p2hhWW43htlJu1Bj03q5UjeK2bOkb/kuTorqVIiKaHhMlCHcaHF8gGKo05CkRvgjUBiRRzcaAl1sxEwLxY7ZrE26zIPiOcTS2VD/GiEorXmeEYXnWvhmnlx6YCZy5wWjskH2JYV6C0uljx75+OxIiWNFYlpgOyGdXqpIvRqVhMRes4BQ0s2zL/gtW3bt/8Xw82bCgrtQRtQ+zI2Ow1o6sf2XHe98+ddUVZebjyx1nbngv7Nywaat8x9+rvSoJg37aHq1UGZ81KNyzJjF0+f/jGhV67HfBI4hpmtpcKU/OoQmkxCYEL8AVsCyOkI4UT5oYIdgSn0pw40LHgrEMpHPhwWX7BGyQhpqAUkK0yP5Pi8xCYx7nTGRi6uAyeSNradkUiNYKAUpxivOEaGKvod3u8Su5i3y3bMrOYwY7gyspKuYkE3x8bH29c6rZam501fVv3oE9bkgyRZR584wjIspW604xctEDWjPaSWd3O4nVd3WvBKy24MMBjn9SpfMbMOTWSMKZgbcSsxYpThVbS9lAPwtWgi5TwlRZzTy4rbunj8ZLYLyjrqTSWq8eOM6lWVzAGvrKR7FDwyloO4hxF50o/F+dkM2AUZsYFM5Or0enkKnhKPD3y1pb9qZTDE3k4uamuJZVvELrvT6uiu7SYlWKlVE2j51GX7dz7yq/fK8wDysikhqxAGEuajRvHf5oKVaN3OhroQRIVpY2V/zDTUryvpS76CDtv1c5t6GOIjEiu/YOpd5n7mYNULV6vwrUoWq1asJaGMY/AloMPVpJF06Sq1xXXTm74sJWshFelnVr1EV0K/L/WC1TPqBeoqj6zXqC2iqxXaUjWbaEvrxYg++3OXKOGeMIj7lRbdoYjrKM/c1ZdUqhanm3wVGWGBdvWdY+6kpkq440Lf9wW3cis6KN5hrV1M77yUuOZu+5c+c7OHT3Ocq/YTdNDXNuyk/1Reo12rtn3ZOrTqXctjwAu/dTvqUIvxqUjq/WrE1Z/uKEl5ifgTPCBUGMuhotz5qj6QBGesQ//i8DTC/D0HdFdpcc18cjh5xZ++GezUKADrncd0ROlpFBAlMYdogtgc+LXzxcKwK0ZKDrPLBRwuqoSXX2i43OFAvhyR1fv525M49zfi6tMo2k8YZE8YSurzDZ/YUnWhJvOpdHMOA79SylEGSIKQbwslbs8XMk6ZjUsrq0Vata1SyVdbazj0lTz5eEwK/ar+HL8rEzaU5UeEmyb1j7qrGmIG+9tuWBI/D8X/jAfXTdDTC3Gj+68c9Pxb9T19wh9tIWh4aKncYbo/GI3Sw+x7ctBdGjD30++dEqAiJKmPmGeYh6hFlArqEIHJsfV6W6s1G1gBqrqITIKqLp1Aa6IAS1HfJBo+YiKU22U3tYBri9RqzZ0kRA4IB8S5Ui2mcQwZcoEJZRXhIrsdxoeUmeGQihnNu9L5LCHA0vu/kJZgEp22ppVAbiTWRcuyUhIjr29jRtLSy2OTK3kdG+9KqB4Yo2s7e7bObHpMu2Z5nPaWfHy3ti2RDUrZuuid/88mmMdO9UreIcUCLqiYoNV+2b/yACzoh97PVu37HNEPeUP3x/yx5wuUejjbL3yTT83/jq/nxP6STTcRbt9ZQ2vHY95HIx1lsDZugWpREw4Wm2vvruul6ztTn1oKMwDMA9yVBeFjQDO2+fAQnhJHMlgC1FSSrBrIZu2KD2ngrkU3VKYLDjIBcrmz3/5hFaaGmcqktOCUwTYDuYyzTmzFAgmd/POKJncZ6dTwkfDK1nx/HWPu1Kqz/g00zvQ2J6vrIiwrGue7dJfzL5qX6ArO3OiVxov7d1Ld6aahD6BHuIbOk7u33bb7SODlVZhjcf14++hvei8bBqRtZdPmMVMgSqhLqQKVlQsH9FpfuYKfcFH4WYBp9bnfWesz/v+v9fnaR/MPsrpLrJL8Qvr8oy5Lu/l4/wgnZqi1g3ZF3hoEdB5XDIO/h2po8t8o9HwyZ+crzJhkRs6T3zkOptkSxpzjf0K95VrbE/eUanY8F4G4yN62NJAZal1VMGGaw4U+6RWp+oxu7nBQz2q8cAAXTjproUlrQIPNyNNkvLmrF4h4d4UJITIgED1snL8/LE6Qg3x0PhqNW/WE55KfDXS0wyGN8mLQroenbGWiEWMt+w3Na4UFl2w+KYdJa2ywslt0a7OlrO67m7p7FEaZYmTGzq237QYfZb0L+2oQ9budTdhhe20jXSkjL82LjnX62j5Vovx51THAp5hHHnppnU9iInvIbYb5U6+iV7ltlNWqmy6X5kuiGa7RIEiWXSqvgFJZSjnp2U3j3I0vdMv0jtOvk//Fl3I1vgdJ7uM7//zgN/k2EnAsoxguYQqBDGWXsBSVbH6Eyw53NFhetOnFa/iurJ6DSAYNRGsq8HlwKSFD6OadNArjwdKK+vOaEqE4cs1mehMG4xTQXVx2phpRIhUpPaZkEkyJ2UwZC9ZR01UFfmzTvvCjhRyYLhEgAspqY5hgFFsxXAZJ+N7UgRe4x8mvGSsY+h+5jD9GF7Xdzd1oYxZkp31e10oEiPPFB07UNmKbkj5un1eMfXNcKux0zxGL9ueEMby5eVJ25PCWEt5OY5rJwwJvQIcjTN7dOO12wnpdI9u/uiE43SPbgePl9wtrNnlBIvHDQZ0Rvp04vy8X3I+JuGuFri7hZFgXnFKJ5Z745ZE89y++ua5vSQmfIEJWPqA0zQgn7mSqvFZXWUmSbYLLz/6wIx5MmSharoJUxLiwaTZ+9ppTuZssffUM5/VmBt5EpLGHtHjnuMad8QCZ+NMgjWbTQPLndkT2I1PLeMe/DYew6/409X404e7fviZk3wojU8t4yp+K8DJjG548PekGx7LueOJ066dYTne7YnFE9VnNpEmq/4u3OrBF8njWl+tNG+WYOJ9/Ko8Tjldpeb6r24Xi3X3M3sDFzsDn14kTJjtgXNmc+DBPz8ZaxbjLRcHy/GScGdTv+ifuSLst5U12cruLTy8asmsy3ehg6+iuAfdZHUbN5DOv3iVuGOx82QjfXqVmDZ+yzlRqPyPx/ceidAvsAXSS+oY8wL7MtVA3UgVkrhrSpRsNtBKVb2ENJ/Ee1U5iOI9qu4obsWgj0JgpgclHNprQQkvhk9Un5KfHqTxxr40yVsdcsmOQJSU71bjdC2ll0Zx1XllnHTu9QDm48D1yUq5Qyb53FxzByn6wBuGlWwmRNqFRYoLjjzH5zK4k5HfVE+YH3xi+JdMZkhw7nx74mtzbGpi12LdyqFBzvvg/az1ios7P2642RUvW97bb9yzaPmoc/GtR9aqmBn5I+8gW8i/m+szHuC4C7iHvrPel7qX7WledOE5nYK5dtGB1jIj7HaI1VK4u1USR68cRK846VEQsJb7VD2Oo9i0qoWOTkTMCrKIWXbvNCvIcJIjEgJQguE8DlPHWcFTgkfsVHRRIo2cwEmNy56SMnw1iSv4gmGT7OAimGac8QiZTXT9YKFwVp/HnXLAbuX8M9JfHZYFvQODK84e/Fppy22t9fu50T3Da9cM3+RTe/qyueSli5Zs375k0aVsWUnT7IGGhnu50Vvnn7t0cI+v88aWlpu5kY7euavWzH980fbti5ZceinpUTT1AZtlFWoT7ki8CQ/a6q0ggQo/qQfKMxmTqLdjT9bMTU6MjvUiR1Kry+qj2F5nJtacTS5UZ/U1cCEOpGWzqs0/qmcgyK/L6OdjZzdfViZ4qyR0kixZcztYpLZZs7GrG5W1/rw2pujppXB2NlYQbY2iJ1bB2SaAyXUqS41bOCOvabH90TIczScagdaQrAeH/3PhZsRhngTIYU+x/mJmTkRobGqnmyIcEMkwmHtykE1ziS7XpSN1Vw7buEXpAP3ws2VbaNuuwYdt4kjC20KjpR+InPHegMygy+BgN12a4Er5FtZ9x3DsvHDY5q0sc0tWnqE7/95hs6HNSqAhNZGy2d5XkiXRUKolxvxkLifwyNNvdXvdOePHqL++LGSj7fQ8kXMOiTHvEpq+hVU6vxJWBaXTPeJpraZpaZi1WSxjLOfgfdaIs8EbtlisLO1s764bo11tlUvV1lCFg6xX0Kd8s4VyUlGK1K1RR/EKIk2aAOAqNZ3G9Uus+Q8mYB+A+1spTeCrGXDV1/H0Djf21zZ6F1oc4E/c7Bct8n66b7/fYSDjG4o5VwamapjXwGc3UYN4rpBieImZ1MKqnsQzZJ7Zs0giPYvwVgpMeCokkhEvkybxJk69mSJlCFpa7rZyEhNOuDNtfXhSVCi6vxOk3i3rDtInVALb+yRjFStiic6BYgFGc266BIOPFltSV1jwmRnrw/1ssZoobcnBLT85SjjRwK4LhccvG9lZJgaD2zszPR1rL71sbceeTZZ/v+G8Gz22kOf65T0r2td85Str2i9pWrr54jXznLubxs6/eM2gOLudfnXZeO+2b7dXx7c4+5cP5LJrF46eteLyng0vNq97+pw56a2uLTcs7cyuXji6bNVVN6ZXji5aetbmpoVXJ5cvXHTWWedla1aY+O1j99D3W/pJv64mSrPiBCpuoOYjy6DFo+kmqpx7ErdSF3HzVPdksXfaTL8dn3G8r60ukcL/R4unj9j3ajsaY7UdTdHiu1lbsXTqmKUJ/AHeU9hBHaIKIZLdtUya2ws9lsmJ1gZHyJHUW2E6g5NgLeaqPjqK//kK/KiyRJpdpkG50mTBanr3ETg8gTR+x5+qknAT4wmr6Tbwwn8iDQJ1uEtDbLIBt/bTquRCwIPbk+tNjac2JzUAd8Upn6TcLVLIKsk+v1BelWiasUdJkfAGtwrag3NfMVqqQJWdSEqjSs59RrZvRhEWXACc0mjpIyj02K7//u7atd/9712PGb8Z2fcpin16222fGu98OvD8t2rXBstZLzeLvu6cjevX9c939fhY64rd6/f2oB+gUVT56LmPHjOOwSu9wnjrs/37P0NV8Gqcd+BnIsdZRzaypf7lV1527T2DI+y6YVdi2V7Tx9DP0jstKaoavPBjxQ4AAoO7IGrhrF5nxVHBNGOqAVRrSJsvjc3oPpg1bnFymjXJP3ru2jNLFtWy406tnpQsqvXFksX6InmpwVNedOYJW5FiVQJZFVS0KG6VooUB67rpPWGaIB+iRIe7PIg/I+FFC6JsXXSRNIMzMpUN593MtON04RcpX+xCPNdRHfmMbmuODXu8NvejbeduLGmQYlabm/d1l3/FKmxIDq6/Ph2tz7MHIsz2RKu1s6atNyS52L7VK4c978VyDp4P2CM91vPoteuXRVV1V8pqzpsaaiUjMlny7xUAg8atvhk3afsdn3lS828HUvTbb9Op2VozCs08KYQOPxryGP9hPOcJzXmsIXPmKTXdm/sxejUlUzHcD9usj1VUzUEKrXHLGYgzpFPFsaf65wF5xA24pzvnPdPaKjpper1CG+8ZSdx/GzfJu3a18Qe/4/2JYq+8072wqX/ZgZqiWNCbLcxui0bxMFvz1GzqGKXxqm6Hedms6lJdNjvRaKcqYHbJiUxGq1cnWsmp1okTMVpvdqLMPHcVo6p+MovNGYlzsxAeTGTMs9aMliGGGhMcn0lwHHBmBuR4w47uARr3BE/bXFIpYTEZWce9rbRuZSKkxpqai93lnPY6fNWhjHNMotp0+HaY0rV5rVGesFDVLXn8yXpQTTDzWivuQKMFlEMscgiRbmLnFam50idxlbTkq2yWqioZsPp4dwJJbLQhsomT9/uyfpLDV1GUI3s44X4uY7b/jEa8XMff0PK//c145PuvoIpXXjF+28BGJbvTx3IdZf6u+cvWttVVc95ApCbalqWdUZaNB0tSnKeU7z5fZJk15t9+QqvG//nZz1D5z07+NsmUq7/zuYQozbY1L0qP9VhlF92zNTiswKW3aQaVtg/LK7F8N7A/oV+x5MHOq5S5BREiJRtESgLpw28Wzwtuii92CyctGs/YnI5bMW7wPrcjdX2yzuEyfmW8yb6+gqjSaqJDNJVlUjTeG451Y9j8Fd3FTRIFwVVx0udkPUOYMo4Kcf6d4Xja3FCMd+Yh1kKZ8Dc2Z3weLkJ7fHgRJZK95+g99xztWX/r+vW3Mv+Gj+9Bc/HJetyDcmoDc4zlYG5WYU5AuhDbrZMFHrPGuIp3g0lWc7NlAv9jSZqU0SslkiCpJMWpxfJzrTyDGbVeGcc1tx6yY5+XC9Yys38arkvHrdvjvNkKQwKWUG5u955RpY7TYYTVTHfHh2vT/fFn1q+LZ3TLn218MNvsl79nuqydfmQ93YPYXkk8hlvnezfSxh6f+Lpmzt8G+if0ZZbXqSDuge3HMUK5qitg0C2qLtomCxYRJ7csgvVUV1KXY1JzkR36E35TCLgRqR+XTuOoUsH/GA2F27z6Sdc0i6JbXXnSnslp9idPgEpP9/QGuuPPnm7p3bD3RWbj1iGnt/quOeuuuO7/Fvct4G1VV7rnpaclWedIsi2/ZVmWbdmS9bJsS7YsOX7GrziO88DkzaNQHoHhoxBSmqYQQoaG0kIprwJNGdoB5hxZCZRSCKW5nU4uX79epmFuW+bSO7fluu0wDB+dS5hE3L32Pno5smM7pMP3gSXZSNrr33uvtdde6/+PKp+NBfnxKq0p9eatM8xHj3+4d/bO6YGt2x97+9Ui96D6zt06LekJoKLIL6nROBqpnRRQ8gJ7qIZsMBaPyHskK2yCTZg3Gu7s6oxiJSbv1mHy7kodpoKjJA0LGTgaMJMs4FIMNZg6SioGyh2rIN9fpo8xHrieXMBSTlJaOIqL6sPe6T1X3qBVz7RFvE11U7UGc9VXI5NXjsUT13xvg7+F9Rfzazt6w9q4UDY86q4pHy2Jb+wL7KjReg903zHZjvNVas6FYq2XKC0aHRpUksvrSVBlehIkFQSkShwWE0JWdIBw0urYIy0tlnHmuedM3MygFAxy0yUHHpN5MGY+beIMChvlg7ymAta3xg8Fx0C4hU6LtRAL+/HnNJsoHedKNFMwIZrdGtectZlSu/DRupnU0RuRFQPop70ZKh9rFXi6O2uh5tRaacSqLApeUssZBtxH4HegEzM68PCEXxuHveSQyGd0Wixudqb7+qM7On9optF3mO1TlBg9Uwe33fyku7bm2i371jEG564r46NXvnDfOvbI+geu61UrZ9RcY+c3zl37+YcPr2/bubXx2vqD93/vXfarFtV37n3g5FU1mtieBIx/L72JvoEZRfubG9uWcAAvQxTBVEgUgX4zlzP3VMqO3tmDotP1FFwnKIvmE0orpsJnYT1hxgu5AR4acfSZ1BKUlmgw9QWhwNCzEP5Yce5GUhYTkt9A5oDQgM5+Knx4QF/mlF+gu/1Nndsm1mzyK8OlHrPp8c3+Tanrqqc7ulvqbKOt7zzINRqdFU5h7OYmzOHPvE6fRGunjuqhRBNyx0XzyXLibuvkUlg7kR4wEjqqrPRAOSGJr+MxNSKID+Tc7Be6xA8pb6/unNDptGUWTlduj3PFN8XrLq+qVkfbaxxrFLvjxQq1nmFqLK7G3/8/XwOnGuZUHDuoaA3Rz7VUKLG/6JRjUDh7xGV/ASSoaL0XK+Yzyg3FWeWG4qWVG7JI5tKid0oHb/vaCwdv+8b964eiA/Av+y9Hfvjtu4/88OkXbr3riln0L4nptqKYLp6O6UImlii1WNDac+Q+2YpDOCnYfvKxVnoq58nXaB/dDeGbz1v9QxTN5T+lcPwU+rRbMaS4DmHkoaJUH7A/4o5MaMRMNAILYVtvRKUHijipDdmiw5c0GeEFyVQ0L9Eq3E9YB1CuSUMJpR3oLCPGfFIn2gUDPqlfxlayQEIsio61KrVgana1eXtJpWeywdcYjhBRqzb0d94Q3F6gow/hbjIKSaG8It5Hwqc5vc8fkDMeF5wXefJXwEOL9QWcpZimwenn7UtPnPFc/auB/jHmDgW9XTl5Y5H+erV6n1Z98qSOeyl/bjkVeG5xQ+m59cmpfCGso5+/zknfOkD/ltGlooYt3E91Bt2t23fS+OwJeByS8RijfkolxiBaiKPAKD4GKzw+qMkFx2Qck7FIRoL4YQQ512AE/jTYoXHlITSeixAkKaPI5UaNwL+ZHCQudyIPKT/fqwekGhBUnZFYfBQAiAqSsxF5scEBtEZHEGKmOIqMEFJRfC7i50AyBPKaEaAg0vd0rgIox5LefIWQvXDfSfbqG0eLzeD8b8s6fwGc/6rQe/2Jfy8cMHBUFOE3ifBrpILoNDJM/b1cHatBezSkEXCqMGHF/F0oBOTxts2bEahuwLN9IF6EFlvYL7WjxdbjS7IN8AI5ao0sEWXAYQQtM3HQJ0XRsy4f9JpL/XXIR7Z520OY1zrKJ1s63LE4XmcD0Cwd6iY1823eTpykHxrGffzHUKDS0Qn5B4kvwsn8FcQmF1xxFwxephaIzjH7OFh0e7S6G9KLjjm4dHxzLni++Nwia46hoikjcw17HPOmo2iliiY3AGnedApX5ENKpxwtFJk/Xe+DrA4kHF7/0ocdJOGgdxtE3QlJXXlG1Jyg5tQanR6nGxLoUfq2BIjW55SGklLCsl4aALY5ZxSrnZDreRS31Oe6jighWFe5lPsEr/Kjv3rnx1xf1Wupj86mL6OeCG2PDTTGzcIbRjsQrE/s+ML+otLPa5Q/5ralL6dgbyE838qXqWY0N8MrYvpuzzJ9RzxQjp3D9A3zSNG1UqbvbF/ryki/r7IJb7+uN25/q6tzZCX838rRnbq9u73a+lGz6T8/xlzgOfZoW6E9XEvY4yKYz9lsdL0yEvStM/89HBZs6p+/za+ED50+1HKjrU6309I/pc3Y4ySyRyeKBVZij66sPXo9UizPHl1gj56V2gMs4Ycp0uBE1ljZHLk1/NWmpsqH7qoS9u27+aDgWMk8Ufy25Sa7/Uu7W5mh7vYJ5uxemCoZ2xxBtolTQyuyTV/WNsMeaSTPNn1gm8GV2gbux0ty7seJJ10he/7UYzb7v1ZYektKdK2P1aKHJb2WEn3Ximz1hvZp9Rp3aalL/nn2m9hayA/K9jqM7NVORZDFjq7AYqG0xaDGYcCfdJP0f68PLCi6TkteE25hh7aQPtM82FTyomU319DoDIGj6+ZfVJoUliozjinFPmFOVVHWRbj4myEocXbiisqiMhTHKEMAQnilIOQKeWPD5907LBOEh7tanK3wrw3bfU/66XI3NUdzJFDfHAmebYXV/Jb8LGv/JN7bItQg9Xer2d3ELo/UWzQv9nukAMzfIY/oPZ3sJkfJbiMQqCVDJHAcRhh0Q2MiwgBC9jjfq1UBBp62QJcZUAgJmJm1AADpHVPq74WYxLu6vXPhaYsctla2j+7fNjYxsXVyeH085tzS7mtxr2g3Pb52x5bYyLVbZrzeyZZ2F8QWn/7p0z8pBxReapraTO+hEtOAQa9fXA/FOijKm1BgPlfcJgVEf5imJWl3TAPro107PydMG9QuSWfAUXwVOy8poJp+i0cUTqel0i8jcYji1Ik+Ui6ywSjWnZCGq86IzhMvn3j3zzeTlzcZxcETUq3+jNh44mVF34kQFkjcYJyzbagzuaQNdWqxFj2pbTS55pzw35cVXfIfDRvnhoad6I+GnWr0PnNDmwbh1znvMQPvMbcx807ojzbCHyXQL0iBCZEsr7XVORsHh4Y3zGzclC9ZvuivcNzECyiSLbHXOzrxMp5YD9nAOC6vSPgDfZBWq8JUBPzmTpIVBIYRZ3uIxtWOwC2bJa5X4nZPdBwpZqBFMMP4a26od9G5M62YZtE8C+OSSeSQWLt5TTd9Ru3qVxSvfWaafu2o0q7bpWD1vKN5eCyyzUNHP3xFXS6+26UbnZ7cMd1cz6uxWsCLqT9s6R94uKmJ424fMzhOvfxA7Y23aB8+cJhOPvdQjxAd2sM+awMacJaTVQQq7DYTr1LSZleqtaRCe51SSH13vDtHQoBWqfFU1DSGqj931mhJ/T5SN7DdoGYOaHX0a0SzI2XHmh291Hdl/jG7P0+2Q3R7pBA6mITccAoJBSB5FMsV8vCiBR4gy13uD3cZcbXSYgofQKnYFeCF4yV2o7u+u4eUckDhm9QD+6wLDholPJb5ELIyH/xyZD6K6XQqKpiXoqpfUv1DWTY2tbe7PJuw8gt0jw/SWK2pM6l/WFoSRGu1mJiJbFbLlsl1fVNHr6ewVsifuDiKIddQE9TcpVHOmFxcOWOdrJwxF+sfnABLYn0Hp3947V9GQCMnjL9oLY1nak2nX9ehyL6z6yJkNZSXZeP8hfgk/8vwIcomxwGa/uFxgs1c18jaUbyZXUKAcvL1Fw0QPTtzKhw22TQ/f9t4EQgp/pBz6KCyGJ1EGK2njl8ajKYXx2iDjFEi1j+Fi6b5F/ESGhmbJEBJXaOdl3gZ5Z92Lhqp4/kHoIsB64O84xCpjyF4HUZ4TVKz1D9fCsQgV7nFnxwikf80ivwvz0Fwrt/Nof9lrQlX18Ai24gebsyDdSt6dW0/grVaHwNY1/HJOnuzH+RYxY2YDtvES6DydmmRXaQY6aIhfjt9VKCn048uZtcMyEcHe+YIAXkx6NFDe6eWagWlkSLczQLpaId6PlEJd3qY39WkIpWfxtOgVZyoNQKytZUaFxCu1xWT/tY6qAspa8Z1no1w6eTESw3uqUsEyVK1gOzMdGHRkagt4y9cS+uP5OZ+zogXEiPBGp7M62jcdWTcSyqsuJdQWPF8dgorpuw+fgGxlW3ZTfpCuiuKf83diRno+WeeRvuwgfICdxYwsZAO1SY07loYNxanLVWRCmjzaakejbvejHk9atG4zUapoZgQ0jeAhpKiiKt0YxfXBHIDRhe5vcfk0JIVq/UsTPRc2BST4fuamqoym5tyaXMsyOd84r+gFg1L7cHz/jC+u+2ivkMRMnpgEJMakCWgE0MsBUuY8eWg2JGpUJS7PPnTkg1ZxsZj0a4qtMcpbTzasCjTvKySDZWLvFGyF8/PefCvgiaQjcF9nx4KbrmtLlz0Z0PBnbPJRwhOG3A/RyMRarAjWwpSSfXCq8ZlmJDO+fNMzoFZ2pC0O5OcSGcdzvzuAsZUhrLbCZpfwqfvKWYVNspOBaFr3EzhzllcFVDhS+jkIgFQPlD6krTdrNOjYwfyKuiM7EWGbfeINszYVa+HF6Q2U0a9utg0L4WAqszGk5YnqbmNF46ZdU5yVUhJTjNuG5ZotMdLxWgfknStOAkHNxu2BbJ7SqK7B7dTXJC35cnvsbZSlU0opo0McGUbsARfA33H9T9KnXkAa/A5dO6A06hKfUAfvfqRd1KpH2AxPoGe1epSR5l9MfobaUG+Z1J/fij14Yk9ViB11Ziqu4Z66dbU4zeOZrX5Uh5DDNsO64ooj1AdyOe+snplkXUXpywytUBZ5EWiLNLZ/xfQFnEskvZcpeYIHcRZT0iA6ltxLhQ3E61SiuQ/FmRCcZyEtUmQH4E64gZqsKA6ibOQOkmjrE4yp+cqCVvkMgVKcjzo4lol++EKRcfDFcqFZEuYV3NPU5/ZmOpWMqacI8ziY6JDmRsQ4wUHNZZ3AEmP6SQeU/MiY3IVGlNLzpjsK8Ip3+stPq6vQSRf9eBdlaZ9+64/bLrg0NZnvV1gHZMZ2xE8Nv8iYwsUGlswZ2yNKxrbIut08UFe92j2KuJRm3wVobvgWIPnrzlOHu9hPF4nGvF1BUYMNZdef7KG+GyXb4EFoHC/zjQv9y9JbnLKyLVLYx0wYuqtphXZZZGjwOJ2SZzfsXBBo3zzvECepg5TR9k72YdxbyVsEGRB4fqhYlqD5cYPc5uevNN/xN1a0pt6J/iNtjblTOpfUr8tCT16J9tdGnz6zuDDXp9qJvWbwGGXy9pNV6TeUc48fGd6TwgpQorvU+XIs7cAmx/mC2pIW9wGc6wVW7jClFZxk/TIltD/UgEV+EBZIjbxL3IawVKmrakn0Q5o0JvL0G9s/Jyeqm4hCpuSUps1NWkJS9sbGsJCDQx0D8IlAWMCvw05Qmzj26+YCSvXH/wW2PnO227v4G67/R5xapSe3/WFV99/6/q73/jzrs3Evq6jButjY6nfvIKN3P57vfm9Sbri46//2wT7bHfqn84Jk8jgT5ybwP0+7yk8aD/0EDaQ5aqEhFesEhJZoBJyDFRC2gKfuU4InXUhy5YMoWP4LMZv/x+dXSuQD6Hvz8/V/Rfbsv2zt2XWdS3flh/jA1wteLKV2LIm/yxHbHkS2bJnJbaMrtiWvQVtGbo0tsy6zOXbcyrvvGhaiU0dC5NfrGzXw8iuYeRNjy3XsqCi1O9P+onLifrwXepSlm6DPkAT7hKE2RpHD+MF7Q8Xr+1thAYrwktOqImPC4lSaxkE3QIQY+VDsArTL+K5lo/BTQV671aAw+cWOjWGaIigvWKE2kDdSJELVD9A0VZQRWQkoyIy4xGjGRWRjUAsGYWeHVARCU5jv9PmR37H14WsN/KZyIgoF9cQydkgliknwjgXkxOh/2/OxrECaZGJyKK6IrQ5Z1PBeTHOpXBRbjT3n5DzYpmsSF5eLGnzUbweuX7lfNIawg+tLC6WwhKGAi5QtBdDc3TCjqVx7ZA3sxpxmX+VMI9rO+xYzc6FzpEBK6RBGptC2TQIDTWoIR8mE5TUstpfEb9kSs3AlPrTYoeW3HwI6YgiJHGF8ms0S9PP/uP/vvvdOx/IyYjUOL7U8vHLP60TWEOhVJuxSVf8/FNXHf/8SDofQr+qK6Gr/3DfV5RFqSTpk5hGNn1W8QE1Qf2ASlgxJ6pqPjEIx/uYXxpSzEs96Lkdl4naIcc24cEJkZBHUmjJ5dNanBQJ6+bFMG4phjYhmcYdrKlGv1ATqcSSYkLp7Q4jc3ZGe2O4/56fU9TU4g07IMzprM0+eZ8W7HCY7xlCxq7sRathgp8zlDRAPk8K0egNGLXOl+7PhzgXDMvKzcb5LRcBtyIY6GFlC7PKhfW/hDD9k/9122vB0dGgd3zbtnHvr76++1DQWnnVbPc238T2HRO+0MRE6K+/cMseWs80N+7giu/rxvzpg262fQgI1GkLHfzWjt4b142sd9X3dXTFhnd3Hngj6q66pXr2yqvjrvGeSHx4V2dg1/jIhubN17z0xtk328OMegZzq2t6xhmd287iPR7raSiO46rAfurFAooaUVlRYwBHtRF+XozkKWpgud6+PEWNwcUUNfpAUWMNbk/tWyO3p66Rqx4iKDieMxi9YYAkzh83u33+9pBalpp3AQOgGAR5jejFyWvkZt5XpbRxdVacxLdy0Q3un7N6Jv/5SkaBI4vFS1jbpJ/60RLqJgPLVjeBzoTBixU4SZrdatKVn0ZCisIqKRXE+GcqeJKT+l+d9kks26e1YhkU1pDX2JXG40mER4xaS71WAI9+GY9RjEecx4FLDh4dPnEIIBnOWx5ji+ExDHiMYDyGR2Q8RmQ84vLywF0kQ/wxszvY3pO/OrowIrCRqfsvco1kAlA3g68qVrVQ4jgahYSOa/Za9ROXmXpWvlzY3/c87mn7u8OtTMPwlPILE8zZUwXWzCGE0RA1Rf24AEajMkbrMUbDCJXhPIwmAKDJPICmFwNoEgBahwGaXCcDtE4GaBgBlEQA+QYBlAlYNP6+PIASIVg1+CojHMEwjV4kTItVx64KLmvB1NTMKrY4U9FxdV8HkFShn52VlWcfy8GMkzEbwNWaAwi1nxdArRejJnZ5EDTJADlKjGRQ7Obn57zd0DkZQoeF7jw8+wDPNQTPMR9Itw6ivxn0XBDcNQBuPwZ3Tb8Mbr8MbsjLQ0mnOMgn1GYMYrks9tR7kRDm3mZlYMs9hawEwu3pE0ckgxpdln5t+fhtkylCzg6lt8ZvZklD0vh9H/upAWod9ZtFPZW4xiONFM1DINcDRbVTuX4rnGnFEgcX9WKj6HEyRv5KBnD9atzZYJgAOMon1eZAD3ZmscX0uqSJEeT8YrhOepWOrHCF7uqcWtO2sYnxrZPDU7G4c0vI1+JeuWs7vnbHZbGRa3LKddHe2Y3O90b2OOWnetDu+Z7cuy4gt6aZx48lNTrrY7LfFr8UwmS/uCwdYQjiOgGCWpi0YSG0o7hMWiondeoYpPYff5eAFJVBqgKQIic4kTXOcWzU5ELh5Fw4UmVyMcdYriocicpFshIbkbELZIhLOH5OLXhDpDUvYQZ2RIgVE6W1LWRNJirrHbhjGi/YBojtEbQ6g7mi3uGJL1idyjSehD0bbaAKXGmZUXFCrk+GL9QQVBjo1gxndHfYRx9ktsyEv1hn01orNx5r+Fkw8p1NBx7iTOf+qejZL4a+aK/XlajLJ4Zn7ft/4nvuxpsefGgqtOkb1tTvam30H+mrmmZ6b7z3/chGw7VXXnV9e0UFRvHo+Myj9zRUHXjiZL0gyApQf3X1i5X3f6Vz5vDk1mmN+z+u1FnXzD7+JcIbkrJjLbMIdXdWy0xs9kj+ovmEH2da/G1Q59qdK2rWipZdG1lQbbkSZ3NObRHaUDFdk0dyGgmnPfAzHWOLLTW1zbAwtE5ZmKfYDx3p2iJnK6EgvaDmGbNYSaubXkwKTQj/dWt+MSvpyfY8++PF1NEMTWuVBWtYHzF/gOc81gZTEG2wAPDWFlAHCxZSB2uX1cGOgTpYs/sz0wdjs8eRZUmF8WPk9PFcW9syVMOYB3LUE7Pjf0ke/7bVjt9Pxn8Mjd+NBZsuxgQ5Uf+yTLAr9khrixkH+cswAX1vPl9D2gZPIhu4qY6Mcl57ng06c23gl20AReEG2IxqScfwcWSLeocLq3iohCQyBtbOy9qiHdvCc2FbLKgMWpZ63L50stfkPvXMtElzYTE59q50MN30xL4RJmVPa8txsk0GsEZVEJ13HpKt4s+xClB/RP3QLgqbRyfyBfFcK9UWuaQGFGo1kIwuMpioMspMgSa8qUSQY+iDgilQSG3plNoooraHu6kjvAgcL8J5a8qPjdhyYSPmhlIZC+aGUktZ89F0mKTK2LErk8ld3KIpOTA692R6xZly+NUYSoe1v0ALtRnY/43QFl0LyUSsA4DLy1xYQcqsm0+YcZ2Kmde48HW7uR73I1NSaTlPasiA56bIWaB+cCmtLx3OV5hgxxhaXOorV2f13HtLqX2lNc0YB95H8LjO1zTD47LKEgDWtAQAHheImGGdi9UIl2X3iiV0y7yxR1payQ6xtHIZ7cjbHJhPz6JxjSueoIwoup2kEiUwLqDsx6BJVSoiX9F8GoLTRDn2seUg8wVSFeXNIGKg50jJR1UtGlyNE/eASHwrpudeeKy+wGC5TG0zHKCfmRa6Fx8ytzv3oAyr++OlQWSpUowh8A+6qFBa2wRroSYqsDAXKfkLZkr+PJiCPIeN0IGWvAUZwuLA9aCCxiVajBhjH1rqnUAbAqdind5W1yirN1R1Sr4WID+1YtowSiqrQHYqryMMQbrGQiV+S9kod32Xhl14wbZEF7cTrTuPETF185JT5IXsgmaoTWiffEnxPuas2EWRWdHAzoutHonTEKlNZB47CrXs5O6/EvkN0Nu0w16nM/BQRyE2IddRpLFYa4vhWaUglZTBjtcKZEmVFA50JbUmR/qohg41OBVw4++Ehe+QKwHy9JCcYJpNe9/aW7m2rIwbuj31b4L6wyMnqy3vPk9XGNUff+f5W3/xxeP/5+j37r5mb/3mr99+L/3Mofl7KvQGxd/sO6DqvnXflj7NjvsOacO3fSt1+M37Pzh0hqaTv335yefvnU5Qcs0s51IcQqeFGepvVqGUtXFppSxxrU/aJItlzXmjvRvqS7OKWb26tGRWrH9sHZHNSliHR7CnuHTSWYtlWFYjqfVMwSK81Qpt0TsXJFmysU1CQbS36qEGqoD6lqOQ+laDrL41xxWVV+OFuSwBrhw/VEiLSxg3PyX7nkKyXMxbeeFp5vu/dHHfv3YF3z8n9izw/Q9CPhk7EqHQ96dPFYotEyi21FPVyDNulL9/Y/r717GZ+jpZG8shf3/YNGsorA8GNNpckalUqCaBpWTBwgZQiVV4PAvcCltYIO3IQm+iLqCYxu5f4EbOiVkJtcz4DqHxOSgvdbk8Pk96fE3sfJq5tIHHoWCLPD5cKA/V3obielinLWiMRnNlbREZY6KsvAKvZU/TYqNcMtl53mivzO/5f5+sNr7QkF9YsJLO7U8PmZPHO4DnI4z4ugIzEpi9PP5kFXGSTRnuVnmGgl5FLfKXteRissWEdbjNRfl2QfOWL13BvF2kTqHQJNZit+jCFQnpR4UW4/R5DMEsGnOYfY/9BPOE2alhSrR4ksWYL0bUEoZAmydZIRPI1HtE3WmxzJcUCHFMtQ9Pb6AME9lOwmu5kDBVpadzXTifOy5Mofrr4WGdMeVJueipNEVchipO5lP9HMOkfiGzxjH/maWPw/M1xCa4SYSeDZ14r5fRqwE6IqzXxmbUwMsRWuVEcFMvq4GXw1kPFJ2RG3pRyfGmUm1VHWauRwBhCrR6wMoEFX01ULdX2bSgbo+I16H9Ja0whsv2gPQfV+0pTbLrBtgmBnaEldtntqOHkzM3dnA3TG45uo7uiE3cfPeB/i03H5zFoFUeN1gT4VP7EXT2t/TmX4b//gev7GEu8/7o3CedLz/5k1uB2w00uxTH8S3it1ek2jWwfNUuoIDVAE1zuB+Nvpg/DupdkWhMro6/1AJeOX5nFVpeP8seiVYl68V48v1W2uYvYZs/ciltDkpp2Nbh3jVELG2uNc1zdenMnVO8swpz0z34WnYM3Oiq7E078/1s2t5PInuvpZ5ekb1Hl2/vscwcH8nO8WjvEJnjyO7xNZfY7gtd+yqM/3SmrF52+6tDILQgLkB7K8FgAN8CTVGvrwAFIFCc9Cd78u71zkNlLqwJqF1SDDnMgvjMjVVBNy253pPGTPhuT4qFsXqiOMjPFVm8mI5lTEiYYEMqCJWk8GKG+YsAaRFfvAqwXj/fVa8OLvE8X84QnTG0RwWoKCiNNXqkFg54hwopjaWprQItq1UaUzpzVcZyNpDlCI7FnDlqY/SmbBS+LOUxgc5VHqOZ/BwP5UpVsD9VfECFqDXUg1SiGiKCGDdPylvDKKTxe6Q2xbxo9dBiP9bOEHxJmlyZ0EZJC9QgaCJWNnWAuLcLS5e50HwEshC4M0Gnf+CZRH8I6S1LZ6fU4+KFpLXaiZW4KclJalilmB+0mCrt0P1orYbYWChPa3uClrkJpziK6YzgOQvKMJlQwmxRVjNEE9cALQ5ZbWCXFqTOVQwHWucqWQu9mv+Zu63+vr899Md7+yZoVmhq6OeM+6NHNtMGx02+e7792E3OvV2piglWb6lwee1FCvoeLnaDgmHSUunecweOqCvnvwfCwVXBnes2WhnluELFXGkqe+XJx3/V46VYeY4NoDnWS41Sh5acZSAjMeJPdpBdYA2adWMeMXhaCptweR+af7C2pXH0Mxwk0pUxoFrCIhC1Ng8urhgUpDITrOzCM1XsEfDV1Ern62JresWT99cFVvQq5vDh89cz3MOrQpjzZpI2yKw3nX5pDZrBrWiLNUphJWlLgVbTcS1Wbxo3ggZvsrqhh9O7pGoWNIoT1Q0whavr0Jaq7+HULtw7iUJi2HljRhx2OMkNr5MwLOsI78AUueRVffXETViOs8ZtEG0nOMmpOKMQG068rNxwYhKTJtUY52prbCZXAv03K8FFJWzOWrjqnbM11NRm6I8GYyAP3TPeieNuSRXG8gGJEnurzHYUgLrYMHCMB9vhpWoeOEf0WMlinCj+yc1J+RwGBlbFlqY5DFTsQgYDLt3E1B4yBdysvY6ZfoF2vxinnZvoR34J7Eecotw+cdlEq6tep6T5X9r2ud3qSvGGJ5W5vAVKh6BNTb1xU+r7vR+lTokf/eS/HWWZkrbNey878SFpuamqIoQF9c1AWMAqLWXlOZwFty2gLDBW0Dvo2dTHqeOP/ogRotMRmyF1On0WV/xP9jjmneulniJnG1HrlwIa4FNN2OVajFK0t8Fjyc3OJzsEOyDfAaTksVxRNkhSmhHKZlyZgXuW4jLZnMSRPmxJ5UA/w8KcttQeIgpeCUFm5C91k/LkDjuKT3mqwuEi9/QBPqEHCLOn2dJFr3Cc5x1zFdmbsNtP77/iKX//D6YfeAqZquLcW+QGR1eqrpgYma378KbYsaufe/voo/uu//Ljd1y/n3mQvhnf4xzCx6bZmc2bjxywdRuK829wpA2zmRPwq24TXYrvw1i55v4wNULNUDuh9m+5VfdAv7Ldnxwnm9oWtKntyqnCn1vXGpXZPNZ6pHXoR6sRV+Zfjsy9G2iK16J5rRufJjQeCZVGDY9ahQTvCsKjjZhS4HLhmLnM6/OX/sWL+BfZFi++on9ngbaJz6iyf2uBPsEbuBDzOjo/GCgXJRo8otoPkgA6yGIUpyUBQI/DCEEQZ0i3z+ff096QfwPLXZl3vYprNIa4q5l5xSGqlKqmZFZ1UGOEtwY2dT2F/RpQ0S+S3ho6vyoPWre/fl72d7k6Mp/53336EahPMqOUjnJSYpGslaPHwpNEzEMyYFWTokz2h81V6dBBmmfv47IWB/3OFayKYyxXc+n3Vu3G712bfm9R5YO3L/SmNl8Lsp6qFt6U2Ulv+xp9nI5zOmPqtk9GSvE7K/Eb01Qnu5PejXwnT/mIZgNktTQAv4A3Ra1+PqHFMg0o3nAB2Y6kBayKiWxADxMqtWDpOSy22tk2tcHjiE5PccNuTy/7UWD3ZMRaY3bu8Y97K9sn0edx6PM86POM8HmY+NAofx6P+0SK0OdxRfB56GUXbn4q4rDGLZ4bsAs6Q+04FciouF70SUNbo951GzzsfkvjDehjqoIT8cAV6GNJr0VN6lV6J3UKja8N9IuSao5Sy6Nj0afx8wkWfxrLy6MrYnFMSuFJjj/ML3+as2bwsjg35GkNBzdf7nekPvTe3TvVUxXcsLZjz9ah6hpyHmd3Mk9je9qprbIKRqlfNqpo8+Hk4Hl2FbWkz6sSvVqJ+7wqrej7OLLWBhlchU4PW1+lACJVBazvWBoOugc/7SVPo+ehE5efN94oowXjQXgx12G8bDAeQAydbGXQ8HjqCuAmFhklizweS2WaIwfreshoihY+UQpX+Xg85YXQdSyBNm3tXQ9Per1TBaCvWTgVgO/7LPMsmgdGqo6apUSbRyz2J61kFLCO7Hg+ACosPsewRoKKWR6FGY/CjEJDXAmkJbMExQKJktL0KKyY3Tv/SzsdC2dRVB4GBoPuQegohhA6+OkvsO2rghksMDbZ52RO76U+YKJMktJmdUa0RGdEm5VyUZrwi+QHcDfm6ozUNezdv3P3vi//wxfoN3fcfWB2x1f2ozhqL/L1p6hfyznuaYQ2uHmLze+XNUyk4gp00INXM6Im9TmiJrIuXzrrLRilMvSsmiidOPA3CC3iNx0FFVBeOP/RrJzVblvwE+zSRG2lX8LaGQ4Kb7z06aQCK9qA/LQB5LJpCKmVaiL6a1pUJW2BMBpoXKP3fh+/t428NwUdWEkNEcyB99bAQqXhfUOLKXV8baEaB01ZP32fG+AMVIR6mEp0gL2BCyfiEZv8cI0sOnyiyiPW+kFMQKzESvJ6cCvdeNXZUbRUaUPBlh0dx4V50J+245WXNJOTCRzDtbDiwp2SBSJSvbWmsbkVqIUgjm0LQMgaAVYcLwqVeLGxU9KAlFQNCNFLZgs5hPuhVBFEQdvr82UEVX4H8oZKtN/gB3LVKDB3ggKh027VfovRoLgkEaJdP+95sKVFbdNeyf3uy89XcVg19BZGrcYPDjuev+Pz+6uusmn1fOTFLT/5lHIcpa+JCI5QwBB+4edmrUZ3+2OqJuf9931JY+pmjA29LWqhh9l3+JZ96odvM6os9tefl/crJ3eNwo685A7aQvRcEq1tIXTgTlIcVYamgtqXrCKCNHqf6PFLm9CpfJ1PjPiTPeRll0/c5pEsw+h/mcWvJAVr3cB4PWh17cTTvZbkQGoxb0SymPDoFGOZnbRsl5oI4W4hz7YYpUn0jNRvS7vIcfFE+ydv4uPiOjcnTp6QYsozBrHvBJWI9U3iwt++dEtFZS2CpAwyr1AHphEwMMAopgR14TlbS+sOSOBNbgHlh86xrdtwOEzNoqfF5kBwC/yyahMPDHgITgh0bXAXA6nUzHW/Ct/1QwYAyHfagUIBx8UhmMj+9pCvxJeOm0sRziQwVqHYhbUjvBmnHZPmwqucmtFM0NSURhtXCXWtanNpK6Pc1XRQGaqI1Wnop1RlJSxXWeZQqgdrpsuCxcXq9k6Fs94wzSntVpPCaC7h1F7bTkHpMSmja4KbG9W8tYpTr6ngbt00qkb/PKEMOHX0PT+qsjJMkOO8XGUb7WGq+lKin7ZW1tFUsdnAKl0cN/p4Y9P9z9I0x7Wygrn/dHMlw3kZpZ+to5lvvqGkqe0fC1bOw1A0viQ7yh5FuyDaUylPkuYgNpV/0CJH5JVwwCr/QJsJ7Ghe3sbD/3l2NtPbuVvxATVIPU8lyqCOiKFlCj0iCN7pl2pU82K7LxGF1d6rmJcsZZisyYsW/qAPOgKg2VOQmz2HPGIfbvYM6OYlsxet9QC5TAaZMWgED/Th5S228EmFIKsIVgqJIl09Po/2RtGvm+BeTrJ1oFnjxTrdFh55K0ko4zMi3VHaiIuWYfW6OXstq6ptDxUuN2qw26B+pGBDJ83/ceDW9QpbTYnCFIludac+ZRn6jpNxXIM0yBmvwcUh6pEm/2WpH2iuuJMzvDCZ7ukMjOCeTgMdqXEK8U1KBd9SV5G6a6uKL2tODfx7th7EPLKHfm2g8arU9qv2ZLo5Rz5H/9Zbz8oY3IIwiMENVCVYvgQsH/ADbaHo9SW6cIITaLg9UpNmfo5uckF+XQEsMZJSOy/qSE1nNzY8CLo6MYOoTdYlg9pNdzeyazvwlCSVlc2YcUw0CpIaFzCFu3ASAOgmLX5kdBdIgCMXiLwPU9fcKRs8WE7jmnucV+fPs7MTRMtYFZb/zmfHak9bmznzj9df3jBqEvQl9ZkSL2Te7nbGeyTyLjJ9udJ85xGNv31vxtC3sL5RsLOa1tIddpWgUFTUnf1VKpJXbsPFqhp8qbt2K5XXKc893AXFYNjKxdcwjW02aJn9/4Bf8u0AAAB42mNgZGBgYGQ4qszGkxDPb/OVQZ6DAQTOn2efBqP/3/x7k72Y7SiQy8HABBIFAD9/DJYAeNpjYGRgYO//28DAwMHw/+Z/RvZiBqAICngOAIrhBld42nWTMWhTQRjH/+++u5c3FClFrE6tQ4cQJEiGkCGE0lpD1BJjKEFKkBKkBKTWKGkbFYqTBCmlSHEoRUIRoQhKBukgLu2io4PiFDK4lA7awaLy/N9rA6Ho8OO79+7u+777/+/ULkY9ABZnDVAX8UBNYV5+oV82ccsUkTbPMOtMY17NYZMMyAbqugdDzjcMqFVkGGvqOcb0CMbVJ6TlI+JyFWFZgSe3cVYayMkkxqWFCsd2fcXuZY6UzUOmVQtV9wVG9br/Ve+gajzkzDqqeouc5vcEcq6HqmqjotYQNS7u6ROouzsomveYMY+R09NYNCuMbc4lSRF95g7SuuXvhe76300KZ/QV/4uuY4zn2GbPlxljrF+Rl/6+RLEsW8jrXkSlhIy+hIw8RUY1+M9DWV9ATA1jQoEaHCDm/ECMPWf1Q2SpV0YnWHuQe3oxKXGUuC+iryEhS/6uafg/qUuvLPt78oo551BUB06cMcL6hSPtm0HdGLV6gqQuIWXX8Pxp9rZk6qy9jKSUEba6We3lHb+juKnKwTmGeKbzqoCURB1P38eE9YbzH5w/iKsmeylTrwXETZM8Yv4WPbCa/wN3gX3Th8CDLuhBKvChjSyZZa6+jgfHYU/1YEwfugl8KKDCfHn5DybBs5UOPeiGHvQEPgz7vxn76Veh48FxrCZBpA/dWB/0SURsDDWRdyNcw56o1QxJyxTgbgOdyDpwXpPBQ/CZ8TrjDc7Rhw72HoUK/j7fS4Lo4I1sIEG0nKNub1EzI6jZveoUwqRo8+om7+Yi1zQ4fsP7tor8X+fl2zEAeNpjYGDQgcI0hmWMP5jlmG+xzGI5xirAGsZ6i02BLYJtA9sDdgv2NvZ7HDYcGziZOKs433GZcJ3htuKu4b7Ew8TjwVPBc4V3Ch8X3zJ+Gf5pAgECnwR7hHKErgnLCB8SCRG1Ev0k5iF2STxI/JVEk6SC5CYpB2kN6TMyZTIfZC1kl8i+kpOQc5MrkVeQnyL/S6FN4ZNinpKR0jllN+UlKgEq61TnqbmpTVLXU1+n4aZxTlNH85xWlLaV9j2dIJ1duha6CbrXdP/p/tOz0BfRX2KgYshmaGV4y0jG6JpxmfEK43vGn0zOmTKYupjuM1Mym2C2z9zOPMf8gIWERYLFJMsoKytrEesOGwGbGbZqtvvs6uydHBocjZyYnK44r3FZ4CrjOsNNxu2Ee5qHg8cqTxHPJs9fXi1eW7yNvG/41Plq+b7zW+EfFCAT8ChwVVBNcFiIWahU6K+wKeEi4dMiFCLORFpELomSitoSbRTDEpMScyTWJHZNnE5cTzxb/IGEikSrJKGkackuyb9SfqWuSJuRdiadCQcUS9dKt0vPSZ+RfiGDI8MhY0UmT2ZR5rzMf5n/snSyIrIishlyZHIccplytwEAidWYJAAAAAABAAAA5wBqAAUAAAAAAAIAAQACABYAAAEAAf4AAAAAeNqtVMtOAjEUPR3wFR9xYYxx1bjCRBGVEOPCiEYTDREfE3VlMsiIKDAECsa/8Ev8DKMbP8Wla89cioKwUGOatqe3957e1wyASTwhAhUdAfDO2cKK8neLHUyoQYsjmFNTFkehVcriAcyqU4sHKa9aPIQL9WDxMGLqzeIRxJxpi0ex5mxYPEbctHhcaefR4gkkI68WP2M66lj8gkR0BtsIUMU9aiiigGsYaMRwiXnuK0hgmWOBeB8NeKgQHXLPoUQ7jTx8olDmk8ETHMON1d0kX0NuDM+GL1RpVRDNK54uuce5Bihz9yifl7fueGdoq3FM67owNLnmKdmldkW8PKBFWe415pDm275w+4zGo6SfVOOEEffKj+XUoDT0YhdZsrvIUG8L6zy5lO3gnHFmqev24e1mOBWf64wjkJwtM74Ex2qP5eI3y17mokQYIiOZC3NeFt1bygJm8ufV+W+9OxnxX9f5r3YuLVr5+OqDE8mBIZ8nWWtnrCQMPrXqtncaxHl5T0t/+WK9xzpr1rUqup3MmS6GsDP71TWcusOz7ne/6tfkLEqVc1Ljzj735N00jgQb9pyWb9HQq3UscdTJWZMMGeK4+FDiHlBa4H2W9pk/2ZzRlxwz2I661auuVKbVWRX5FyS5JpAid/Jzbf8jkh+uR8sIAAB42m3QR0xUcRDH8e/AsgtL71Wx9/LeW5Zi3wWeHXuvKLC7ioCLq2I3Yi/RmHjT2C5q7DUa9aDG3mKJevBqNx7Uqy68vzfn8slvkplMhgha608FQf5XH0AiJJJIbERhx0E0MTiJJY54EkgkiWRSSCWNdDLIJItscsgljza0JZ92tKcDHelEZ7rQlW50pwc96UVv+tAXDR0DFwW4KaSIYkroR38GMJBBDGYIHryUUkY5JkMZxnBGMJJRjKaCMYxlHOOZwEQmMZkpTGUa05nBTGYxmznMpVJsHKGZjVxnHx/ZxC62s59jHJUotvGODewVuzjYyRZu8V6iOcBxfvGT3xzmJPe5yynmMZ/dVPGQau7xgKc84jFP+EQNL3jGc07j4wd7eM1LXuHnC9/YygICLGQRtdRxkHoW0xD+diMhlrCUZXxmOStoYiWrWcUVDrGWNaxjPV/5zlXOcJZrvOGtxIhTYiVO4iVBEiVJkiVFUiVN0iWDc5znEpe5zQUucofNnJBMbnBTsiSbHZIjuZJn99U2Nfh1R6guoGlamaVHU6rsNZQuZUmLRnhAqSsNpUtZoHQrC5VFymLlv30eS13t1XVnTcAXClZXVTb6rZZhWrpNW3koWN8a3GZpi6bXuiOs8RdCFpfPeNo9zSsOwkAUhWGm004f9E0tSQm4CQpIWACtqSEI0klI2AIKjUGCQLOIWxRhc3BCpuPOd8z/Zt8rsdugIW/bdozdVVcL2U4oVQ0VO4yLGpOQh3ZAvKyIyw3ZZfXic0v+4QB2DwE4Hw0XECcND3D3Gj7grTUCwF9oDIFAg1GogxHe8GjJjtdnMAajh2ECxk/DFEyWhhmYrgxzMJsZjsB82lNRIX+yJU3JAAFTqVcWAAA=) format('woff');
      font-weight: normal;
      font-style: normal;
  }
  
  .hfbookcontainer.left {
      max-width: 41.25rem;
      padding: 0.75em 1.5em;
      padding-right: calc(1.125em + 2.5vw);
      margin: 0.75rem auto;
      box-sizing: border-box;
      background-image: url(https://scp-wiki.wdfiles.com/local--files/component%3Ahf-book-left/Herman-Fuller-page-left.png);
      background-size: 100%;
      background-repeat: repeat-y;
      font-family: alegreyaregular, serif;
      color: #000;
      position: relative;
      border-radius: 0.75rem/0.325rem;
  }
  .hfbookcontainer.left::before {
      content: "To the Circus Born: Herman Fuller's Menagerie of Freaks";
      text-align: left;
      position: absolute;
      top: 0.975em;
      left: 1.325em;
      font-size: 0.925em;
      font-weight: bold;
  }
  
  :where(.left) .hfbookcontent {
      font-size: 1.15em;
      padding-bottom: 1rem;
  }
  
  :where(.left) .hfbooktitle {
      font-size: 1.1em;
      text-align: right;
  }
  .hfbooktitle p { margin: 0; }
  :where(.left) .hfbookpagenumber {
      text-align: left;
      font-weight: bold;
      position: absolute;
      left: 1.325em;
      bottom: 1.15em;
  }
  
  .hfchapterintro {
      font-family: alegreyaregular;
      width: 570px;
      height: auto;
      overflow: visible;
      text-align: center;
      font-size: 2.1em;
      font-weight: bold;
  }
  
  .hfchapterintro p {
      font-size: 2.1em;
      font-weight: bold;
  }
  
  .hfchapterquote {
      width: 570px;
      font-family: alegreyaregular;
      text-align: center;
      font-size: 1.08em;
      font-weight: normal;
      font-style: italic;
      margin-top: -5px;
  }
  
  .hfchapterquote p {
      font-family: alegreyaregular;
      text-align: center;
      font-size: 1.08em;
      font-weight: normal;
      font-style: italic;
  }
  
  .hfchapteratt {
      width: 570px;
      font-family: alegreyaregular;
      text-align: center;
      font-size: 1.01em;
      font-weight: normal;
      font-style: italic;
  }
  
  .hfchapteratt p {
      font-family: alegreyaregular;
      text-align: center;
      font-size: 1.01em;
      font-weight: normal;
      font-style: normal;
      padding-left: 50px;
      margin-top: -10px;
  }
  
  .hfbookpic {
      background-size: contain;
      width: 300px;
      height: 255px;
      margin: 10px 0px 20px 0px;
      padding: 0px 0px;
      display: inline-block;
      background-position: center center;
      vertical-align: middle;
  }
  
  @media screen and (max-width: 37.5rem) {
      .hfbookcontainer::before { content: "To the Circus Born"; }
  }

  Pages using this styling

  • component:hf-start [info]

  ¶ 1 occurrence
  

  @font-face {
      font-family: 'alegreyaregular';
      src: url(data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAAIREABEAAAAA8KAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAABgAAAABwAAAAcZzcK00dERUYAAAGcAAAAHgAAACABFAAET1MvMgAAAbwAAABbAAAAYLx3ilRjbWFwAAACGAAAAY0AAAHqueNEnmN2dCAAAAOoAAAARAAAAEQL1w9UZnBnbQAAA+wAAAGxAAACZVO0L6dnYXNwAAAFoAAAAAgAAAAI//8AA2dseWYAAAWoAAB1dQAA22zasYpdaGVhZAAAeyAAAAAzAAAANgYdWYxoaGVhAAB7VAAAACAAAAAkDt4FaWhtdHgAAHt0AAACWwAAA5x2RTsSbG9jYQAAfdAAAAHJAAAB0B1rU8ZtYXhwAAB/nAAAACAAAAAgAgQCbG5hbWUAAH+8AAAB8gAABQ6AYKVMcG9zdAAAgbAAAAHkAAACxxv8QPpwcmVwAACDlAAAAKgAAAERNuWSUndlYmYAAIQ8AAAABgAAAAZXF1OpAAAAAQAAAADMPaLPAAAAAMsqYG0AAAAAz88HlnjaY2BkYGDgA2IJBhBgYmAEwmdAzALmMQAADiwBGQAAeNpjYGJ2YpzAwMrAwjqL1ZiBgVEeQjNfZEhjYmBkYmJgZWZlYGBiYFnAwPDegUHBmwEKCiqLihkcGHh/M7Gl/UtjYGDvZ2pQYGCYDJJj3s1qCKQUGBgBciYOBgB42mNgYGBmgGAZBkYGEHgC5DGC+SwMJ4C0HoMCkMUHZPEy1DFsYfjPGMxYwXSM6Y4Cl4KIgpSCnIKSgpqCvoKVQrzCGkUl1T+/mf7/B5vEC9S5gGEbYxBUPYOCgIKEggxUvSVcPSNQPeP/r/8f/z/0/+D//P/ef//9ffng2IODD/Y92Ptg14PtD9Y/WPag6YHZ/YO3XrA+gbqTBMDIxgDXxMgEJJjQFQCDgIWVjZ2Dk4ubh5ePX0BQSFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTS1tHV0/fwNDI2MTUzNzC0sraxtbO3sHRydnF1c3dw9PL28fXzz8gMCg4JDQsPCIyKjomNi4+IZGhta2ja9L0uYsWLl66ZNmKVStXr1m3dv2GTVs2b92+bfeuPXsZilJSM++ULyjIflyWxdA+k6GYgSEd4rqcaoblOxuS80Ds3Jq7SY0t0w4eunL15q1r13cwHDjM8Oj+g6fPGCpu3GZo7m7q6ezrn9A7ZSrD5NlzZjEcOVoI1FQJxABq4o0VAAAA//oDpgUhAGcAiwBSAFgAXABgAG4AeQBMAIsAlwCLAJEAcwCdAKwAsABCAGIAjQCTAEkAhACAADsAlQBeAFoARwBEBRF42l1Ru05bQRDdDQ8DgcTYIDnaFLOZkMZ7oQUJxNWNYmQ7heUIaTdykYtxAR9AgUQN2q8ZoKGkSJsGIRdIfEI+IRIza4iiNDs7s3POmTNLypGqd+lrz1PnJJDC3QbNNv1OSLWzAPek6+uNjLSDB1psZvTKdfv+Cwab0ZQ7agDlPW8pDxlNO4FatKf+0fwKhvv8H/M7GLQ00/TUOgnpIQTmm3FLg+8ZzbrLD/qC1eFiMDCkmKbiLj+mUv63NOdqy7C1kdG8gzMR+ck0QFNrbQSa/tQh1fNxFEuQy6axNpiYsv4kE8GFyXRVU7XM+NrBXbKz6GCDKs2BB9jDVnkMHg4PJhTStyTKLA0R9mKrxAgRkxwKOeXcyf6kQPlIEsa8SUo744a1BsaR18CgNk+z/zybTW1vHcL4WRzBd78ZSzr4yIbaGBFiO2IpgAlEQkZV+YYaz70sBuRS+89AlIDl8Y9/nQi07thEPJe1dQ4xVgh6ftvc8suKu1a5zotCd2+qaqjSKc37Xs6+xwOeHgvDQWPBm8/7/kqB+jwsrjRoDgRDejd6/6K16oirvBc+sifTv7FaAAAAAAAAAf//AAJ42pS9CXwb1bU/PndmNDOSRtLMaLNsy7I2y7YsjS3ZluXdjuM4juM4zoITQjaSkAQChDRACBDC0rA0BMLW0kCBUkr5pXRGdoAGSlN4QHmUvh+PNjy20uVH89xSSiltCU3Gv3PvyIkD9P1///KpNIsszf2ec8/5nnPPPaFoqo+i6HWWJRRD8VRaR5TaXuDZyj9ldM7yTnuBoeGQ0hl82YIvF3gufKK9gPD1rByW42E53EdXGjH0dWOjZcln/6uPfZWCr6SumjqG7rDspeyUQqWpgpWikhMMS8lsEmluVaOOTnBufKZ7UFLnKFkpiA4pn89T9Q25xuZsxuf1cNFIlbsL+Rk+cVV/Ptc5pzXXPuR8TNmc969onjsr0zx3tqXaE/edaHJK5Dd3MKO0ZGmgrJSbylDwkFRSs2cnLCxlZZOaK4M0D/ll0U3Z4Ze98Msi/LJO28jvunN+zoUSzVUJ+NHi0Y59rmAy62cslr/tc5abRxZPUPrNa0F2+4s9vaeO8O/7qQHmDfZuKkGpyKC0SrVQHqnKZrN6LTdZoEuqM5mMllYLrK8OXxT5yYLgVOAi0upVLX50IipRcXjQqKRbUXLCTs7GQ3arkJwImrfsku6CWzI50xtQUmsuPdy54i8HKG/SxmrxtGZPa3FJj3LH8Wet3PHDnef+5Sl8VwulNTmthSQ9KBzXZPgi4bgFPjtOx63u5OHOC/7yW/iYfZzBp5ZxFr+NC/gVHmhcjNrhICSNO0MuOAhK40pQhg/48OvhzrP/cjf5Yz8+tYyXkHvl+BX/TSX5G/iWCPkW+M2q6e+tnv7eWvyZw50X/+Uj8kVJfGoZr5v+yzT+3OnfUfFpAR618ubKm6OcU1byBbiG3+Av8Rs8CbxR3SJjtbtkfzAUjSfV9Iz/oW4PzbCC6FR8/pLyykhVdW2yLn3GR6b/p3WXIt0alRUtnNfssl6Ryuf1YAjObXlKr60EFaJK4ZKYhiPOk88TXepCfCLnhwMmW3zlEy6EX0Gh3Qkev/LxLHwOLvsr3isL/JoLvT00Ko1suWBoVB55V0j8Ugm/LSRemzvinLdvcGiBa+h3aPHmraWBW4a96Nkhevtm2jtEozl2h/FDBg3B2xPKIL1gP7wYj0siGqNp4yB5X0Hv2EzTC2GWbzFeYLKWPgqgoeagC6hCE8xMrSGrc8Kk1pPROlUtmtVlZlLzgl4OqBp9VHNmJhiJ8oHGtcqTGiPpFaCD5eTKuK+iz5nU08qkPtfUxq5Dx49hfXNqjZKmHNEznuOa54gFzsa5RgWE2PXUZywRIo9PLeMyftMy0rg34wGtieLXw11PHP8z+VAMn1rGG/Ab/o6mM7+jw/yOzunv6Dnzr+fg0wL80Gk90TryBbiMj2J56kle8cQyjR1zTquFxPGy4vFGYw2ZxqaOzp45X6oOFTSIvyqvp8tB5gGQPqVzTVgR6vN5rVM+RDPO8mA65s9rcFEqxTqRa27KeXx+d1UizTQ1NuewUlSgEE1MTVNjVYLxZSs4sHtENdJIRW78cSdydyJ8e4tvRd+GqNvWNX9Z8qcHgk2OYPcVwaAQtI2IbMdgmGYbgmPhjoDvZ4+UNdnL5twQCj0yOj84uvnxszYtHs5de4dw1yYObRD4UKp/SXbHoyJSrW7jXdpttTqvul0QKpKze3njIO13qoFsbVvlrsecxtucE5WhMqeD/ji7oBrlmOETJ7klsxoXJCjKQg1MdVj6LVsokQqAzWukeqnvUYUM6JPewk6C74CDOBwocDDRncwwjqTezU5OBG3kMMhOIm0WMcilpnUrlfQIaBZnnnGSXg1nTeZZk6R3wFnatHx9YLojpeA0mBKw3XmNkzVvXqtWNE9e7wAxjEvJjALgU3p3C5x5PelqONPjQTxBKTJBi07GibCXodwohCiGo0EUAHo200kD4tEIh2Z+LDfzzsDje27Y23/rqmvunIccT9DiiM04MDH6zuzZw7arFodaW6Pb1o6uppfCp27t3wefWn36KvP2Hc8funLVA+sLJ1T0dVTBtCaCJ/9k/Pp649sXXJBg77xgiys2r3HlznNP/Nr84Ibxxy64UDKvgZ/ZOvWS5QD4uVnUEHWAKrQD4oUeDPsc22RBxLD7bJMTiap2EWBOcADzfFWzHtUDrsnxvgC4E51yTGqUqvfBW0DSQ4BmszSpD8N7KCAr3XZe5OREDej+3EGsws1yIdvYgr2zPqcHIGyFQz3RLiuH+Egw00k+45MPKVZ3IEV0XlQ0mYDcSXehpqomgmII0E0DjqDiPj9qNmHEup+Ld6Kcn3eiJOIBa97iBdefOA15DjnR1pYFC8rLH/3D47N2BsvZtZ6Bs1oXrb3mCTQnPjxa0irLwWQv+s6mDOMtc2YWvMotHUWh1SHlr0vf3Pjyn77x9Dd/cLmRHVmNBnovm9ciik799lsO+0UxdA/dW7d4zvqJA8bv55638zIbaxkLswErzzV0lbocQ1det+vjcNebS8999meX374JHYjfBDwDYZ6B/IRnVJsso0gxkGZTsevWacekbsfvVjAS6ExucZpRzOARFPneg8Yv6eXwvUmqhCrY4XuRVofnh+4XJ/UUSuLvkRs7uS7sRZycV/ZUcCHk5aNp7mBpqrWruzXlcAhlNOdpbe5WKz2Ruob6uojNlhSEsgUDZ3Ul0TBau3D/1nPntMYDnKVNYGw1jWdv/sZZxv1z92w8p68lFrBwtiZGrG/fvHPCfKaQ8Uv0KjxTDX4mmjxTraqFj+oiPFPSfKamHLZbsscJQ4wmcp1gCBvTbCJ06nfh4bq7zny4ysbOrkaJ/fjUz6037p/xaFbaXpPFj4bOPee7l57bmbSCvbmFWcoELe9TNspLVQJKLdRsqtCAWV6LqqfsoOd5VQsenSgrOiuQQBnM+ILTFSa6m8K2wMJRWayiDXKhLFieJ7aguQv5/Fg5E/7mXAi0zYWqEu7mLJEZWF5goWCoEccnqty5ToQ/zTvpxC1IUbauEB3pLSHp7NVtXLBTkgabXpvX5fTHZ4scPa9BLu/3elJZd95Gq5uDwbTH6qy/Jsv+ZLhDaOvvs0kV/F+W9Va6EivLy0ritL/EeeUWu7Vha6Vxi0pXj5WUdCToSxCSXNWio7tNoTkrjWUSpzqYYywFKLRSmNI6szpjndQEcNg+VfMc1ZiM7pImNS6j+wEDFzg73SJjBBh8SDlMhuLLYq30ZmD0ft7i5sEJWeK+twr0Rq9j7mt9faJkrKXXKbSxGX28jkYHJPHEwxzDeDbRxja/43cTtKkfz6K11CuUTNVTmqROCCwl4JmgqBpzVLfL4AfstuR4NyNbk7obnsbOwJwQyJzAbi2RKxpYmk+E5pzdyw6oqbamZedk48bHDV/tHu0MNi2Z17J15UBFiOjjIHqcHqbXURx1M6Vxqo5sk5ql8qisMzaQP0/cCevGz6ALJiHh3j6ykhBglNYsaQ1JOmc7rlkk+Ivjh/n/deRSzBTg8jiNGCAL8HqaLFAanUYTiGYs3CnXT+kWDoZA5XUGwTtLsIyD/bIMimjdDS6b4UHPnl+jKBc1wfPuhDjoIuptiIOazoiCzoyIxBkR0XRg5CCTa2YwtHM6CpoOf+D7+6dC9ArLBrBFV1PY/uDvsZjjt5vj7/jPP19shgdU2qkxR3TBe5zVLEcOd7zx5xvI2CkYOwVj1wRpnBcsGARqBggFuIaxOEQBDrxQ5EnjNGMeE0zqG/xKGZgl2o6i/ReMfLBSemjs4NrX0GbUzNzjOakbh06eR2K04aljzN9ZG+AB0VIRERdLlYGL96oYjwDGo4SYPRF0WJR0BUeI4J4C8K6IoMCMFeuy1zXDmVPZjOL1UNEITdx30bkMo9I3nvubceyNFz/e9vKD9z778wfv/SH6zZ9Rq/HB238zfoL8iP7eL35y32NvPk90a2DqGH0TPFscyyqAvaobe1VJAM2qwpZFd4DRS8BjOMCsAOOgdMkN9kUpLTPtSK4Z/5f1OxFPg5PLglKYPg6MBthE83hA2LHx2zU0EqtDrKOm/QJW+f669O6aWscl/Y1t7mZZYbYudUplVnB/ff3Gt/42mueElZzI8ausy/ag1wdSPMOYtjkHWD4Az1tJLaAKlfh5g5jMh1TdC7MCJocT2BfnxNOPs1kB1jCZlLJ7EvMsSg9B5KKV5zWvDNqscco4Y5dLwTbWN3QhykSQjyY6EVFAmvGHsamAEcSifO4hNDw6MPumtOLPvrh21zeeOiGg/NalodE6qcSo0C4UD6Gd35u76NxFK9bu3nPRCuMj43fO2dvtB+92OgPk2Wumaui34dnrqPVUgcEw18LDIvz8VlW3WybBguhB4DNKED+/4sPPn1I17qheBaylStIq8ax3KZOaS9UrIf5I4yHZawkt1xS54K+MYWoYVLQAjMifK6qFSucInS4OjjVnF+9l4ZWFSVZjWz5472sTT9vsXx3dePbs1t1pr0coXTi8IXn5/ivOQ57vGZ9dM7u91+E+sH3jBmSbE67aM6t7QWt6KefJJCqv2rjwviZb97Ob39o7m+i7MFXDLIdx+qhS4MdAujQxq/vBWvNgrctUzXtUK8lgZ4qttQTDKMdZCS+MAgIUSQYaRel+nKRA1jwRDMqAgslAAKoS2CcR/hRLhOWoINDNiEM9PxaloYsQz7D220UbbfxbJVqhPDEE3NZzUpUvptnB7zdknAHl9QeEi9ArRBZheEYbO0zFqCuLsohMy8Kr6iIci14sBFHGQogTIZTLk3pVMeL77xM3EgPrBfviO6LbheOa7QhVsNl9xFDY7F7fqbipHGxnQVLcxCF7wYCOc4q7nCjdaREhN6aEXdgNR5kKkIyTAcmEbcuHvv3WMx+5ozK6rr1RntUgvv6hc9mN1y3Ozt1598NzuzpBKt+4fP1XanzoE0lmKlPCx+DDDE9te/+q/MD+7SsyXUQmozBvlrMvU1GqgTqbKoTxiBMQ/qZUPQATx6nqNgtM+QwxQjEIeWOSXgtiqQBal4X32hiMIRD2YPWqkHWbSMhFArvWCrgUkHWP1zRLmKsBn+B4fyedzVTQph3PzTBRPDeqDm/YunXDMHh/vzW0YuySFYt8grttZ9mSW5ak3i98998fvm7buV+5dXPbxTEO3XHuk3t3nTOciQm8vYNxqC2rNt+9kBVjbR1rt7d/5/2/vnjfD6/dtvlbDWVpkOswyHWM+YzyYJ4As8QCknRZsCRdFJakl3gLj8mWfDAwDyiaxsBgLNi20vwpcpQN+2nER1WELE6GHw7axJ27YDq+MkVlnTu9NGXc39RZ67HTe186YBNajY0nf6jFU8wfnbRS3wnhCcVQ2wDzbYB5iFKpHmobRUyVHuUmtS5QMWxhewnclTC5KyWtHk9uq2sSG4N6F76kt8MDSnBXkrRSfLcK5kyVqpeCSZ4Ft9rrZeUJ0RuMptIcify6ohCfUFapNN1K1CvX2Mnk0ojEIhWIMI4K5kyBpOkEcEDO7alg/RXIXxTRtqrccHv4gsv+8/7RW1dX9XTHcsPzqv6i7//ZXbdtXrGnZsn8TsHOPR2SaiPz4qpFYHduHVuyycit6++MSm03brzh5bZrxlrWDWTcFbl5q/Nf/+XdhdW3Xb1Cnd+dDLEWZgS9W5GtD6e9JQxLD+7bdOlmoqODILtRsBthKk0tpgp1CNBiQEeDqh7HTEclaEUAj4ik12APCROyHofF2Fg4JdDDGrnABEvIRCOBb0kALtbJnw+AWRdSUSeXSzjpaCRNmxFXceiDWP/mXX777ZfHq0zt3LpikZd3t5raec/NF67dwt2w9dyv0Lu/83/++sOrf/vgjUs7RIetE1Qzt2rT3Qs5UzW3bPnmUF39N5++jowNdAFtYAKEA+TPYEWYA7iKnIhwAE3MFPmQpkwfYSLwOWYkzzjeBiypA1hS2/T7NFuiL5ymTfAMmLfiZ5CpIETRYIknvMXfrZhmrmCYZ5BXzS5NKMUnUUnIzCiYV3N5nBMsCN4yM3v9BVbrnvFsZzLcxdNP+AWqy/zo1KPCPO6i9jEPM09Q8OtUgUM4BvOoOH1NAktiKXFwYvE6EHYL8S4L+tain3d2KK7fP2q8gMbQNrrzzUeN82lqtRZb5C+xbRjp3ynue8g/umHgIGARR73MMRAAlkeawkEsDid8qu6yTmI5EMCBLmMDJ0Dk7/LBkVjMc4IDJQGEAzEzjuM+1PjE3LfnzgUDrBpJ8cxTtHgdzbGMdyNNk0MSVNBkrBthrK9OjxV9fqw+vwV4No7PVNScizel0EYYGbpLZo3VZMTO9x9Fbcajxl5mHR6cbw0MuMRvhwFf4dj3EIz1MuB4D1n2UgFged1UIYp1L1iUPHC80qNYzypNOYPRwVbRUiR9laVgYZCddspuB7Yw8EBgGllzCvnxI3WRrMYZEr9sVvDHSAwlh9vXl3FJ7ip3A/fJ9l89l5um8pbABQL33M251T2za3o87ufkiPD38gMjqy/fbf/n8hn62mcs5taxx4BDDFO3UoUItgfzrJOFOBwUZOyqS7N6HTupdap6O1jVjKpzWHoLiJ1oBhPaLOlBGMUsOJwl6SoOxWBgI/CuzpKVbhsnl0b9yUx751xiPuV28AVt2GBo7rw2T+m2gnoEkyVqcz8OnyNyIVqVMGlvo9KJYtkMS6wqeGowsV0oQfORqiZ8C6e4cVBN834wshIVjrDgCCsYv5evilXRcWxwFDeYGyfqG/76a8h/4B5kmdjQtOXe/9o1WOfziT98ceGiJV/93sJXFXuX5EiuKLG+9VvjSeNP/2689O3GS7778Z1Nzxsv/nQz+mektOXDbVvP6b5iPtr9VWrqnUdWrX3sv69f/8x3ds5pl3+5di1rPPS1e665mpr60aXhRjoUSB8wVn1P+OwXyI5SPzWefm7HGz/62jLBOWi96V0UvPasq9F6ZJt1/XuA/9TbUx+why0NVC3EuQspEhho1Vndy4MTymheSYtjn4REvNoD5NWZKXA4MRRMujmc68R8okHVM3giBSFm0Ox5nUti+6FiCHngpDmUyypuzOn4KpIXIzxVBQoUcSGcM2vDszvqBuvMRONya18Y3bZbOnhvYHQZ67zja9+oqeGETfOVvoaH1141pLT2fIUV797zw4m52x90cau5WUtYX/TktUbj/A5eWMzZLBbnCB+JV7e+R0u/zAXqqoUxJ63a6AD4apgj7FJLGHxPHdVOXU8VyvBoqaweZyYLTnNVTW/hcMZhQk1SThigirOMHarGgk8CBUtlsFtqAt2SgaBXY2j8EHV0Yv/EwqgdmCc1yRPOMk88SdQtXoY5Lr6clDXQLxXncrUWYFdynnBDAMMNPolPAEvMmZyd6BvOEmIeFZ8mVQkePtHJTtOry8RVPXRFup913TX88fP/e+cldz16/a92JSeaU9tjqHTzNTv37r3xl5YjIaG0N1OrPeV10mJglXvOUmZFb8piXc4JD96z/jsNld+5ZNMTF3hE7m/DPTdtv3BvgN0i09ZE87qO6692l79gxmPAK9n7QUfi1CWmZdF9ABiLE7KSzYwhYS663ZOaW9LF00t8AbsoJItJcGJpRNCQcVbyRXHSutQObFOwBokj90XNkE2Sxym7iIM1jVU0qzkLYyTJCqoDMIQjtFeissWIzclGK6nRp9Ccnw0VslkhIa7ljNd//jeEfvG1x6rOrXWKfNlZK27pM/7bmKBXv4oGDwdEUbz3GSGXetb49SfGx8ZT9z1iffoON2MPehV0lmlHLcOgI6VUNbWJKniLGlIxQ0NijJmTqiFqUeYCKwpDL5P0MNYLUAfMqcuIOvjBq4SBQBe8zgoyzgovVge4rMVwDKQ5Fc3xBTWIV1Kyh2ajRNCImBEZmxeOp09L/aZhmFl16NJnjKf/7ccbU5fGUNl533zXMA4b/5mEyXamrI2Dxp9fNsZ/HBA5VLF1HmpANjBcUbn8xGsg38vABvSCfPuog1SBwiPuyuoILACStCzW8R5+spDtwYwh22ZNFlzYAkRrKRdMkCgAE63Ft6JV1uS4m3IJSd3hkiqPqHo5M6kLPCjIbIJUGvPdjJaWcL5sQjHVoh+wSgNWWk9ec8vjjvIEyWIqitaK1yCzcKc9r7uxeiTyWrmMw0cHXqD8PGiVJBONyS6LYWMyPtNnA4g4aVEBcUonay6Ax/AHLhNX9JlIPrgTjU9wUXEtaymNjCxfsK4WSd4DvVel09agdlH/mCDEW9vGNp2dTsjW5XyVYjOWPj/71phnpTgwNo1wifj1Z4S2YLwmLom0P29so+2cxbaDdxlvrk4lg5zFG+wc6LDZHntcdNosBPNjLAWY56j7TMzNBSZVmDThrQkTeGsA3nANhjcc/5fwthB460x4686ANw/w1mF4GzG8hxzl8URDpghwFQCsZkA5UUMjXvhwh80cw/8PkP2nMWZO54X401oK2N550MTWX9E/PBtj+5/l51dXW4MHVgO0seb9rPu5i8BmnaGwJeL9zwg9wVhtEc4RWuQs9is4l3FwUQsnrBZErmiXniEY3myu9+r+absk2yYnQrEmFiAMMSZEYKI8ME89kl6GQYEoy47RmhDNhThRJWCVeWRlgpXDkSay3iPjxVTd3wTIqHktJOt1aTx3lQIVrsFhsiyP20VP9b+2V4AHNW2w4CyJEiQbAKg5wcr7edOCTaA5vxh6saNTqBFXc/u//QfjBDX1i7lfi0SS/XtZ5ZYdibFAiRAvdYrW0PqN35hrfGg8Q6/+BRo4NG3PcquWgJEDg3Y44fZ81lcrnGflaCYVuv4bl3UorKMy4AXrRpl6Z7nDkqQWUK9ThXl4rjdlif7pCKKweZI+wE3qmXwmU6jB5k4Ctw+GQMlodjAEWiSLNU4LZSYC3VQNgBsQyEpbn21S65bGU92znNj0AeAjqmY5qpdAtNGXKZSQ4LwERxsWSZ8NilpClj21soyugv1MKZP6QgB/tgUbzfmgix0lsvJkKBxp6Z47OA+jq8p6PIct6MA8+EzjIGDfJ+vqXPisXYArtvAX3SmGmYe4nrFkcsWLnumriKflaY0FlkI3yWYWs6jGjXAy08MmLoxGBbU+aKVFNHbt983Ld2fqdlYnhKFGJhhrXsEqDy3/ozKrO/DWyuBjc/pBtVdY3I8ve/sMxbaylhW8XJdvA4fkQdvJRWTBV231bSfvMv6O1Xslx65AsWXnoCbabuGM281rCpEfxJj0LpBfhDq3aDdIwqEU7IZM/BO218QqRIkEvMpkwUvg9xbh9wPgMQDbT8AOYUxLcRiNygFTgZAUO+Cp/Cs8ZyIHc32buGYWHUotZZ0PLK69tKrKuqQNw7GFVb6/On3Z9LTuSU+PHo/zG8bH5phgGsOYVONNOgdjClANVEEi0xeUjIzEijMopcS++RyTugcUpQxzTdkqf9E+nX5ABl5U7qrldDC9hnW9m7gMxDRQy3gt6IHv/06a98xTzIbeWkE4Gz+QvbbbKDWueO3kHByPbJ/6HfsxPEsYoqhdVKETg9sKDr9V0hCeAeVZneJNrPXaemDFSvFRtaQ5N6qBGfSQBy4BoAn87DT8ei/gXoLNsQNQRzijUdFGUB8viWSaYwT6cVuN2lBMHH4Z+owH7EYRf3cO2xgVTdsUfN+KKvA6Kl5q3u5Z1XaGBg/l6YDkzoFiPrT8Nhpd2L2bdd41FFtZERSczcvOMZ5AY4Pb51gdd/g37KJXWNvGZuqt2Nh24na7rbekHIuOviGIruqubbICwWZp2rXY1rvaeMToXj0s9Ac0oqu3AK+wAZZZak+RV6SzZgYswn9BXRuJupYBrfZnCmVEY8uKGht0EXpVA24tabo1zMCDRH/rwQDUAMfWIoRhpwHXSD1ZnQZUC/7aJLbS/6M+MzyQbS/o9Bcowi2OkSJ89xQNQKaUZxAK2Ko7O7tG+2tiPnE5F/PbjAPP990cAUIw96yZgHFKdSrNW52cccAYbmmJW/lAvH/JLJvt8CuiAiwAY7Ry6k1urSVODVK/K1Y8NGCVo2aDamVAnTKS1ou1C2KyORCZJDNkAV2Xg3DfasGmGGnzVH3ITFkfqf9nyCxSykta8xE94juuxY+MRyNxd3I8hl/hxngu3wynLfi1ALdm1BDF8gW4jI9yeerJSLwlH401507VEH3hirlumGk3Ae+V9do+gNuqHOK8vqbWDqLQ8oSjJFBecUqjcwpJhRfxL4W4EMLDRtBZUirh9Sh+8/j0ClMjraIo4lEUeNwpu7PS1tNqXb5kJSff11va7/WNfj+Vtn/r+YbZ8rusbdncuOyMN+RZZcdg4vxwxNqVj8qy3djeYGyz9XctZpXr+mJjpdJKoW+UGapubuJsAzbQYuMfBnvFDvQ9eh6iGVEYsjVm0yefeW3HICus4ASWXck3pEPo6Z+/+s9nnezIiUeaumlhhSCwZpx00dTjlqssNVQLdZgq1GN9r8gWarFMcTFFgVdKcH0kDjADGc2DpcpkdRc/qdfVE0JHSlryqtZ4VI9Jk4XGGJ4EjfUwCWLSqXohFWftHaD/5dIkLp/0seACHPiTwRKrWRwQwwVbTB1IwiEf4mUlUlOLJRFUdE8FNveJOrhf0wAzpwWmSsEuR/Ak8eDVMnP9HAvGR4Fg5MbP2R6epkAWzOfWALF3TVwkXZavmO1234PG1qy29w2z7iv7qzZUhmxz+lB5u25ct36D3RaMbmSV3WOx1RVBW3cnKpt3HvvGEEb+jwZ7401MxxhtxXiyK60dbf/cHYR52XjbbSfuSsdMnNmVQlsns6uryV5c77DkgP+5qDKIXQoOPHHc0wwwgCPTckL7JDfOrpOclwDhGc4W+SRsPFiMRgCCUl0o5o4xd2MVr4fG8TfllhSIvQD5aIQeLaCmp7+HhP2bnzT2nTBe0IyXn/+bceI/nv2QXv1TNO/Zbxm/fuoe45MjF6PV6GzjM2MCVX8AOjvP+C+SG9499RGbh7iyCnzclVSRcZkhVhDbwCh/OsBMkQBzwpsgKQivzVyzYUmhk5bIYMJVa6YgyLJNgISaMRBhrVxwhipJoBnEEVMoryfwklt1XkvJulz7RRMYN4vAkoj3VDCE+JBKJuRvNpd1eXq3c3kr+HfiQxD9i99e/+blB1nW6guWXsQqPWeHF72NWt76x+GXqiTklla6ek9ZQOEZ/ZL/ffXL7X1ZrxUcBmJoO315qAb57tvPe43fY/kZ/dxFIL8QlaQ2T6+cgPxEPGWIEGuAVwZI6ryUPVU1VOkm6yZVRXGm4L2qEicWxKCd5FxcAbKKrQVl3e0BWKI4LaXVyF+QMsV7fWZuN4TwKkFVLPEvhG5M/uotFNqZHHV7BIfcvFnZcMj45MS/UIOTxu5O2x1X2i0WLi6l53d/76kv14ntU++xr1vwSkg7dVlRJ0qrslmSl9JLvpCUms5E4bUkNYMxaC6qAU5AVRI1ABlrzfIhZ8gTi1eZZZpaGWBSgslGoDqPc0+HkE0Oxeu/hGMUE1BuzCBcKFKVYMhcB7VIRKKRKMcjfyfbJJFUxHZldfu0Ypz48bv37/tN+0WLBPHx7PbM249xmbWs+03FUxFri6H469aK+a31xk1eJ+0WVtg7l53Ske/ftfPVHuPAmvnW2f5Ny9Fe4z8uygtLkYWm6Ue9tF3tuLgPudzlxuPYvm6fOsbgXGU3tcP0lboVMAphRUnhnHAPqeotP1XVW29W9eJqy6piVW+1CAFKHhDDTKyaBq0JpZrbcToqXwUARWN47ljbSR0MzJlDNFNelSDELKSAdywWu8JUIctqTAKvrLFNjacivkRxgQknHPw++M+D195VtL1khbOye2z2NQfCjQuHsizLM52D61tqkPTSwvuqqriwOCJym2++eH/t8gWzHmo9wBjv/2rpg1Xx3vtesq3YvrTWfcV58b7GXG0pTbMoXDu3Z2X2wXcCDgfEyVZ7suv8xRcvqZvfXx9dXL3tqz/4TVSRMV7K1KfsAODVQt1TzNsFIVwLZwpVZGWYM2tZNS47TlUxQhKv4LMM8UQNHKZhxBlRRydaTNfTIuFaBL0UjFCppIPRmLCZbAz7nBZziVVLyziFUKpo8bzmBKIXBY2zKRqHTVKC0DS9ASNtL51ehPWHc36SHU5bExwpL5lOKlhynZYm2cnzSoBzP0Zf8QOFcfHcGl6QrWVyOjKntVH0NHVV5kWRU15dbRyTGtsafTIz0L8sXC/6eYF59tDjkt8vzf9+fb21Tm0rjzndnJWhd5687fi8bgbRQGOFMdZaUtYxq525imGcQqSkt7G5WDNjUYG7qtR+qpDAeLlskwWeJk6dEP1KMMTYh6Os7gdY0+Z2h9qjuiiDCSMpMZEH310r6XblVMEPduwxBd+Mhaxkq4Mu1hLodMUO6ugqCSSwusVkMm39LrgWjdXiZDIQWp0qyc/w0WY4QPLDDNjtma7aKxPNI9U5/IDzG8OJCyIRHKpK2iPf1UVLWd0Yi6+uq6gQlmeNv3/8xh8q0rPZF04HaY+88qb+PfrAnOpT/L+26+TIGx988Cb9CMxeCk19OPUu+zuLSiWor1OFCDbaeG1At4LyWCXNh91aMAGMpwx4KgJ4qlXM4TFPfe6aDwdIaUUk7dRiR3TJf1xzHNEc0rjTIQE3deHXAhzP4KauPDXhkmIOp8lFD7mkyPRJkYf6InglT8QMVNZtBClmRmQE1BIoDXUqC5PD8OFgMY0SivO7/fX3NjVxwpbB3T3dbrR41rzNrHj/nt9IXRmfMee6Jw66ly9gXxrj7JzFOSJE6oJG1a/eYy7qSiYgAOLWMLG2fz6eos+ifW0tCLD5eOpdfhtgM5v6yIwitXyWwKMFswQhUB8cUOolOIicBeG7L9VI9sz0q/qcIkrrP3yUoNQJKHUDSi6M0uHnVn34DL5s0fJwve2InoDrsc+jBzRxPB5LwGkVfv0CmAW4iY+q8lS3zSVVJdq6Hc5YfOZGEhFfzrd1fu7GNNyzOvHupmhtngA+bvOHVeJSvog5SuCq//8XUUSL8miscorf7uu+q7aWEzbNubqrS0ThuOes+azz4b7cnarKCZvn7urqdqB5PYMbWOe9173p6mjwGqO7tt8iGu9e99hB97Ih+rS4wsmYEX/nbUbZ2t7EWE8LsQKE+CvmmpaqyAwhou+gIyd+mqKX026QJeIJtw9MfWRpAm4/l1pLFfqxrtc3zcV0vk+Y1NMtmQxJXGg2EGnBVRnFdwQwsEpFnAh1UNXn4bxFX7+sTKhUJjdgTugJ5PWXdeJjmzIuhyKxYpka5tSo6nOYuUmNPrmIYyUaYlFzWS16el0twcBHPT5ylQ84F+/b9Bvjk3WHWPHllQM3R8Ict2TeMengwlw3K9419JIgdpw1q/sfKJm/ZhXrfGBl9ltNzbx18bya957pqs134uTAK9zikmt3Ix/af4dfGMFBkHOAi0TixgO+31xZWl7OCSNOwTVPzPaPGC8aQwtHrMIY+dSIpTIaakMLji8aaCm3AL4C4Dj15tQx9jLAcT51UTHebcbGNSucMq7mtOAgVtLnc5O61YfxG1a13qN6ClxPTUZfAEYz1Yur9K1yUmghnC8LUave1AGqOF8eFyVPJcYUKROCvzQY+jK19LUh9xdyJxyPM0cezuOdkWQxgxymA+GtLFUJ/F9CvH5l9nZV5fmzuy/ZStv+EN7NiveYiRTHOQsGncKr5Q4GKe6m9az7seWp7bGo2NIZEUqiP2x3V/cFa9n/KELJh2KlxqcfokJHTZMVoMSplHnK8PUBp/H1+ksesNkUnuf7yiqmayXtZbmeruVda+agy3aW5RWeJbWyn7EN4OdL8Ap6CYbTaQfuWIK9jNNtTRas2CzbrMS100CZaBu+RXPgnWjwTjjsDODqtwmL6ektxFdNuE33XoprBXBpsJXUHyKnH894N/hwH2ZLzhJsdb04EYv3Dol53WojpdBAlhCpaQB0HchPIVLRAWDG+X76hHHf3kvlNWHWizbQss/YZZyPvrX5usjqGlvoZNltbex1Irfjm9ZfPKP4XG0GdXK3k374cduvXgiLIpmPLxjH6H5LiHJSIxSubBPtpKaKx9XyLswDdTt4WjuNB2p3wkCFDN45SIl4g4hmyeoSno6i02R6Vlmj8xqPeQp4V4VkHOLAgGWYRy/4wFqgy62OyT9ZHYZBN716Nrr+rjv9jq6Gz55rcHaasf/QVIhea9lA2alvU9N1z7xZr+woWnPmI+/pemXrEZ22Hmc1Hux5jVmvPM7QPJhrlrxayCuHX3Eds52y4o2BND/DhrN5zZKHJy7ATbIn0ErRDMdb7azltBF/Ai7NuFIsanbnsm4fmGA+SjND0soPYiuDQefapUsto54Tm242tHPPldAAWgjjyhrH0ATBeT7BGQHOrKpzRZyZo7oVcGaspJyIApy5DObcPOAsZkyQkZMkPDVWxhrEKRqfJyUmMsw9C01cgSUr/uFDQUTbfTjhvcf4pKvB0gnY+k++8urZxpWANsl9U9uZe5k3KTjJkW1mikkcEyROwZqW2LZ0RFvtO7+38qyy8lH/2OA+cWdons+34d7fHEYPsNIUdfe8I21tHfS/P4qWGf8278XOTieR39QnxpvME1PLKRHYjGYnlUJIc6gaf3RCMKMJJykWsheLhbA9YUlBmZ+PsFFSCHT7nvtF6fmTCZvxAa4Doj2bWKIbt7NJOmF5gsJVwZpFnaBZvE8Xwc8Uq/rxrl0Rfz1twctxrM2sP5nevaGi24e9D9xRowwBkbWsXMweeSDBzt4Xj0EMuRhiooPME1Q91Uo9RhU8uH5GYCcL6WIhRyM7qQXBgLaR0LkBIqIGSWdBI2szuh/OcpjCtmRxuaHGSnqpNIkLErG+Kg8996Kpryypr2f1lpLjTi1/hBpn2JY80S6dyRfrXxtOlefl5IInLWATwSpaEgyE0CgroJtOyV8ajhAmS4rccvEcDpWcNKnTo81i7FP038nyERWd3isF1yzc4vYGdB27aml8uFV1iPaS8qWHEl+9O5asxjtUgowYT7QGv+uyDl4euuTOAyMdVZuSgvFB24ftyx3nLz/vEm9Fhc3OjUnqyNeuDBk399ZlIIAKW5T6mlrbI/TgktuubxvOJV9brODYXAVcX7J8RJVTNdQaqmDDuFYBrhI2r5VYOWpVzXdUr3HhyLxQ48MToAZb1BpJj+JSepnsI9JrfDIp+YjK4xabVEmcVaVkJiiqZN0hmIQem0Y/x5gFVhSOGWm5kbgenM4/VVWrCl33pOocFfJL9T941zj6i47rY1H3kM3PcYiNX5K56f4Dl9Rc3WTZOkuosNvLGk5et++vz//aeMnBcRL78UUMTf8z4C55+sH73upWTbs1COMMgP5EqZVUgcGjdFknzdJhL17HixG9UUBTFAnvvMAxH54NcVxnpeCdil68CUmzyVoAVz6HSb5Bc8njlM0ewE6YMX0B2ctgBsnTIbJvOvWCI5VBJL3cenmogo9zi8+Zd/VX79qd/Uq4UvTxpXN7R8qfn0QH30Upj83q3PkA1z3vHP074z8PyzLbxSn1sYp/FGtLj7FDILMkzIXzqAKLR9MCUVsNnguxrK6yOPM6PRfqYEx1YKlA27MZ3ScCA+exEH3gMUlRLl+Hl4IdzkSNuQ+QLJi3qMA7fFSwoipBFNndiPcR+IuyKoqRLJDNUGOy4794SU7TuAD1pj/e3DM0ZCvlBZBoXcrhi9UVtdhRVZ0ve8jr/GVSf+u++y6puygSsVael7vpfnT/7f+4TUCLL7LQ9BCRb/TE742uohq7MzU1wn7u9g8R/81fNpeV0Q0WqfTpaVyYLpBxCHR5eRGXBNAAknCTWVOXARGnY1JzSmRxkFdM7Y05cWJNDhI6xcsF0esn6UUZbxSBSwl5nKe8lTOgwAkkFx3+nHTd8enNCYM7X7v8nns5hik9+e+P3NRydTTq8AllC+auiPzkTw+hS0KesdHVN6KDN/9l3z37/RmnI1B58LWQJLFtnLs+XvEZ2ulmvKHRpdeC7i6e+pR5COStYt2txkKOZPUay6Qe4nHaEG9HGEf+gJDUVVy6puICVw5nUyFOTx7V6IxeLuL94CQKL0/KClnsD9WQDfFg73GteEnREjcpp9SXCBBYDOaGZ2bCm5tkiF0WO3ciauqNzu1l5Ww45BNrrmzbvo2hUSnn2bXPmm3eyTofH8luq6y0bWcyQ8zgbL+A7CgHuu3OD3HWQO3TR9Zx3Bbu5Ndbc6wwxgIlHHFtpqsbKsn+GIbabEjM+8y7VJbqohZQD1MFO5ZoB0hUgQOtRtVnMZNauarnOHMlXjiq1WX0RhBvdwZvXydbTCiZ7JWthLdGieRwAo7J8f5AK+AVF80F+UaB7ATTWuVua3lFpMbeUD+L7IoNKAWfP0pUoXwWTBOqMl6Hb+gdNbiqy1+RN8uHnR4f8WVkYjQVq9R9WTJNeIDMrCZNgDHwn6p6ayp+duaOp+ljgNfJbi5fWhEcGHn/67U3+tN761XOt3ypsPCPj6XnLv37hy/e9qdd+79dsSEaW7X7B7s3r9xy/cZztnCXb7r8UM8jj1rkukjZ48FeRRGqbjt7/1s+S0h0CNtEzrZ8+72vy/W1K6ziuvNXHNx02+7qFaWlovgVWrhs/+UbL73zihNzh5dfMVKTSfhYZ21tK7adWbA3LOhfB3VVUQZ4W3hwehFP82f1ND+pe5oyGa2DUCeE+xC0HNWTgK+1Bi4nydZw3QnOQoZrXXCcbAHMs7gS9QkLZw/G6xuKaVxsX9MNAK+voh7X69iDcrHkZNrsFN3HF/douYmnnbl7iy9u3UqirOlSXKXC7+d/dX9luGqAlc4fqtocjlg7mhxjow07egJ8pHqAVS4aesXRpsaqk5ZtPcT++I0rjPe+dfPVFcYVPR3NoKs4RFksdzWjuzZclEl6jD++09WIL7OLuUye7WnJEnu0dOoY+sRSIHn/DVTBgkt9caFdwYUNkgiTt0adiLKUu5jzDwDJFCfH3YFKZ3ICb2rHu+gzJPFvDQAecpTU4oA35S1YI0W8y8MJiqdZQM3LZzrYL9u+hv3qzNLmpULHHXVJm7s8AlDImwkUQkczNtbD/dlkvj9b18KoQ9ag3VaSNOb+tT03Y+S0cCHMVyHb35bK9rdSlFmTr6CtMF4PVYlrbJ3I3AxmAypdoU6UFAcaJrl9GQ+U9cJAy8yBujJEQ2Sc3S/BdaRlsubEYRcOslzFoZlpvuIYZc+Z4wmxY12xdE5ouSOdtkW+evUCGEQrDCJv5OWxN1+nd3ap3BCPR9N6YtedfxniE6eengYd/x3zLuh4DTWMqz/zWMsbILr0YwWXs3qJWRQ8iCXXz5iF2bGjuAS7YCfrl3YBAtAY2W4Q84NnxYXZ9hg8uxsG0e+HUbkH8njb8hN2lxQK1/Zibc8remubuVaDcyGnfOoMyXGNTY1F4RXr06OJ06G8xVzDIFUQVYksyxId98WKeozXJe2ekN9ltzAgVwHl2M8amto5ZddgdE1liJOjI93LmlZ53ujf1sWJO0LB2vbFlo2OkgRR+8iJXxvNpmKDH1vMCJKjwp0qD/Es8yE45xNXBd9Pl/o9tnYWbtu6bSl1QXalx/jg7Pn2trC3ckfRdqDXANcErtaXSczOm6hiSHGuVIsUYYxMw0j2w9gjRexw3K1J/yNGllMQzUBgen5HwkIwUerkEAZg5uDeNfKnJ7OghPyNkYRgDs3kjCNTx7iNzFPUWdRvi3bPImWzeg87qdcuBaPWI2FbV8jjKY1LzPRynA4bgPEF6hdkMhmSK9ajeJhjqjZ6VJ8NwxydjYc5OgwMelTSZ8mYVmuzSZmYngLTWAfeKyWRMmI3WEvM1xKEdCcigMwyvANgtpmj6JCfBMOZ7ylWjqUUrYmU+zuBrigTUm1DJlskdBUAYxTj2ZondWWFsswgtiQ98rhgdTtNVlOcVbwfzyj//2hheebLL3+Z2R3huvZV14hu1vLbeWtvLP/d6O6vByPVc1jlQqKdtraMMDa65RZf+LS8wB7DtYu+5sZa7L5w6BWxrT6V8zP5PluF1Sb19HPfXDL/oX07sDk+rZ7WXB6b4w0G+wUTvdnoyc8w0Oivs1uK8mWTIN9O6m5TvjhfAq5N68jgJkxYtsTJ4ZLLgr9MxdJtBtrlqcOpui5Vy0NchDeXmEKsOdPHdeOgKA+gN2D6iAUWUZ4kni6VVomrM0MJIFNKIVDRgAUSl58QnFavj3Th+LxM/rU4vnSz8kzofz9n9z3l/wPCVRtClSCJz4F86xVf6vBOozkNO8HT5N8F4N8OKoDrFAj/Bm5asBP+zZgVbph/y4R/e4r8G5epeoB/66wdezW/DId8cQW7yLTNLi8zeNLgVW9d/4NfwYv+zsMP7t6256Hd276KHr/tzzedfPm2j24yEPvU+4cf+OHkj8z9okYZ8xHIWaXaqRtOS7qFxatZeLkPS1rBD5mxYleFOygFQM4xi7kpovaoXg8E2p3R20xJ15t7I7Ck8Yp0U5usYA4TCFZkSNwbwHY/iLOIui+By08ycO4EJlPxOSYzLVgYX8LjM2MJsOanK4IUU5JoxoZTetQUq5MTjqT0t2/+401301WtYlpkpecbLwiW23oTLAgSccu3kTD50mZ5WqitTc4b/vyT2z+9zRrdG101i+aGwZQv4FuWVCBepdfObjk5nHj6wW8ezaWM32J5GmHmN8zrVAWVwllsIs8kXh3ERKa8uM9Yk1TNm9Ud4B99MCvSRMIhwCkk4YyqVpXRbTAb8H6l0hBoOustL8bReK203EHqG/WkVGzChbNn3Ol4M4fdPNHt0zU4Xx5lrl6xVUqUqU2s85naCyMR++J6Rjha+4N3vhhaKqqy6p8vXNhJsyNAYYbZ1BDad+cnSLjvzXx58FQ4CfZhxdSn9G9Ab5px3bVsas1EOUuVsMnxZrkc4gesOCkMRAyX9uVULXNUdzhwtZoeBo1xSHjr3USJmUpoAQjCWBNq8hCCQHht4ZxxEl5rJeZG8VgKUKjCldfl8ri9xInzCjpqJllmbC58p1UHJ/G9Hq+fTBASrhW140v7FvAruJaba2ucNG9hhc7vdHpCHMeVsyO+SOq8WrmmdTmt7B5pPr+szNZZHa9JMm3dtpDNJjqSLWpc4LnVOzHXe/QqbnFuXrdxS2p2hhWW43htlJu1Bj03q5UjeK2bOkb/kuTorqVIiKaHhMlCHcaHF8gGKo05CkRvgjUBiRRzcaAl1sxEwLxY7ZrE26zIPiOcTS2VD/GiEorXmeEYXnWvhmnlx6YCZy5wWjskH2JYV6C0uljx75+OxIiWNFYlpgOyGdXqpIvRqVhMRes4BQ0s2zL/gtW3bt/8Xw82bCgrtQRtQ+zI2Ow1o6sf2XHe98+ddUVZebjyx1nbngv7Nywaat8x9+rvSoJg37aHq1UGZ81KNyzJjF0+f/jGhV67HfBI4hpmtpcKU/OoQmkxCYEL8AVsCyOkI4UT5oYIdgSn0pw40LHgrEMpHPhwWX7BGyQhpqAUkK0yP5Pi8xCYx7nTGRi6uAyeSNradkUiNYKAUpxivOEaGKvod3u8Su5i3y3bMrOYwY7gyspKuYkE3x8bH29c6rZam501fVv3oE9bkgyRZR584wjIspW604xctEDWjPaSWd3O4nVd3WvBKy24MMBjn9SpfMbMOTWSMKZgbcSsxYpThVbS9lAPwtWgi5TwlRZzTy4rbunj8ZLYLyjrqTSWq8eOM6lWVzAGvrKR7FDwyloO4hxF50o/F+dkM2AUZsYFM5Or0enkKnhKPD3y1pb9qZTDE3k4uamuJZVvELrvT6uiu7SYlWKlVE2j51GX7dz7yq/fK8wDysikhqxAGEuajRvHf5oKVaN3OhroQRIVpY2V/zDTUryvpS76CDtv1c5t6GOIjEiu/YOpd5n7mYNULV6vwrUoWq1asJaGMY/AloMPVpJF06Sq1xXXTm74sJWshFelnVr1EV0K/L/WC1TPqBeoqj6zXqC2iqxXaUjWbaEvrxYg++3OXKOGeMIj7lRbdoYjrKM/c1ZdUqhanm3wVGWGBdvWdY+6kpkq440Lf9wW3cis6KN5hrV1M77yUuOZu+5c+c7OHT3Ocq/YTdNDXNuyk/1Reo12rtn3ZOrTqXctjwAu/dTvqUIvxqUjq/WrE1Z/uKEl5ifgTPCBUGMuhotz5qj6QBGesQ//i8DTC/D0HdFdpcc18cjh5xZ++GezUKADrncd0ROlpFBAlMYdogtgc+LXzxcKwK0ZKDrPLBRwuqoSXX2i43OFAvhyR1fv525M49zfi6tMo2k8YZE8YSurzDZ/YUnWhJvOpdHMOA79SylEGSIKQbwslbs8XMk6ZjUsrq0Vata1SyVdbazj0lTz5eEwK/ar+HL8rEzaU5UeEmyb1j7qrGmIG+9tuWBI/D8X/jAfXTdDTC3Gj+68c9Pxb9T19wh9tIWh4aKncYbo/GI3Sw+x7ctBdGjD30++dEqAiJKmPmGeYh6hFlArqEIHJsfV6W6s1G1gBqrqITIKqLp1Aa6IAS1HfJBo+YiKU22U3tYBri9RqzZ0kRA4IB8S5Ui2mcQwZcoEJZRXhIrsdxoeUmeGQihnNu9L5LCHA0vu/kJZgEp22ppVAbiTWRcuyUhIjr29jRtLSy2OTK3kdG+9KqB4Yo2s7e7bObHpMu2Z5nPaWfHy3ti2RDUrZuuid/88mmMdO9UreIcUCLqiYoNV+2b/yACzoh97PVu37HNEPeUP3x/yx5wuUejjbL3yTT83/jq/nxP6STTcRbt9ZQ2vHY95HIx1lsDZugWpREw4Wm2vvruul6ztTn1oKMwDMA9yVBeFjQDO2+fAQnhJHMlgC1FSSrBrIZu2KD2ngrkU3VKYLDjIBcrmz3/5hFaaGmcqktOCUwTYDuYyzTmzFAgmd/POKJncZ6dTwkfDK1nx/HWPu1Kqz/g00zvQ2J6vrIiwrGue7dJfzL5qX6ArO3OiVxov7d1Ld6aahD6BHuIbOk7u33bb7SODlVZhjcf14++hvei8bBqRtZdPmMVMgSqhLqQKVlQsH9FpfuYKfcFH4WYBp9bnfWesz/v+v9fnaR/MPsrpLrJL8Qvr8oy5Lu/l4/wgnZqi1g3ZF3hoEdB5XDIO/h2po8t8o9HwyZ+crzJhkRs6T3zkOptkSxpzjf0K95VrbE/eUanY8F4G4yN62NJAZal1VMGGaw4U+6RWp+oxu7nBQz2q8cAAXTjproUlrQIPNyNNkvLmrF4h4d4UJITIgED1snL8/LE6Qg3x0PhqNW/WE55KfDXS0wyGN8mLQroenbGWiEWMt+w3Na4UFl2w+KYdJa2ywslt0a7OlrO67m7p7FEaZYmTGzq237QYfZb0L+2oQ9budTdhhe20jXSkjL82LjnX62j5Vovx51THAp5hHHnppnU9iInvIbYb5U6+iV7ltlNWqmy6X5kuiGa7RIEiWXSqvgFJZSjnp2U3j3I0vdMv0jtOvk//Fl3I1vgdJ7uM7//zgN/k2EnAsoxguYQqBDGWXsBSVbH6Eyw53NFhetOnFa/iurJ6DSAYNRGsq8HlwKSFD6OadNArjwdKK+vOaEqE4cs1mehMG4xTQXVx2phpRIhUpPaZkEkyJ2UwZC9ZR01UFfmzTvvCjhRyYLhEgAspqY5hgFFsxXAZJ+N7UgRe4x8mvGSsY+h+5jD9GF7Xdzd1oYxZkp31e10oEiPPFB07UNmKbkj5un1eMfXNcKux0zxGL9ueEMby5eVJ25PCWEt5OY5rJwwJvQIcjTN7dOO12wnpdI9u/uiE43SPbgePl9wtrNnlBIvHDQZ0Rvp04vy8X3I+JuGuFri7hZFgXnFKJ5Z745ZE89y++ua5vSQmfIEJWPqA0zQgn7mSqvFZXWUmSbYLLz/6wIx5MmSharoJUxLiwaTZ+9ppTuZssffUM5/VmBt5EpLGHtHjnuMad8QCZ+NMgjWbTQPLndkT2I1PLeMe/DYew6/409X404e7fviZk3wojU8t4yp+K8DJjG548PekGx7LueOJ066dYTne7YnFE9VnNpEmq/4u3OrBF8njWl+tNG+WYOJ9/Ko8Tjldpeb6r24Xi3X3M3sDFzsDn14kTJjtgXNmc+DBPz8ZaxbjLRcHy/GScGdTv+ifuSLst5U12cruLTy8asmsy3ehg6+iuAfdZHUbN5DOv3iVuGOx82QjfXqVmDZ+yzlRqPyPx/ceidAvsAXSS+oY8wL7MtVA3UgVkrhrSpRsNtBKVb2ENJ/Ee1U5iOI9qu4obsWgj0JgpgclHNprQQkvhk9Un5KfHqTxxr40yVsdcsmOQJSU71bjdC2ll0Zx1XllnHTu9QDm48D1yUq5Qyb53FxzByn6wBuGlWwmRNqFRYoLjjzH5zK4k5HfVE+YH3xi+JdMZkhw7nx74mtzbGpi12LdyqFBzvvg/az1ios7P2642RUvW97bb9yzaPmoc/GtR9aqmBn5I+8gW8i/m+szHuC4C7iHvrPel7qX7WledOE5nYK5dtGB1jIj7HaI1VK4u1USR68cRK846VEQsJb7VD2Oo9i0qoWOTkTMCrKIWXbvNCvIcJIjEgJQguE8DlPHWcFTgkfsVHRRIo2cwEmNy56SMnw1iSv4gmGT7OAimGac8QiZTXT9YKFwVp/HnXLAbuX8M9JfHZYFvQODK84e/Fppy22t9fu50T3Da9cM3+RTe/qyueSli5Zs375k0aVsWUnT7IGGhnu50Vvnn7t0cI+v88aWlpu5kY7euavWzH980fbti5ZceinpUTT1AZtlFWoT7ki8CQ/a6q0ggQo/qQfKMxmTqLdjT9bMTU6MjvUiR1Kry+qj2F5nJtacTS5UZ/U1cCEOpGWzqs0/qmcgyK/L6OdjZzdfViZ4qyR0kixZcztYpLZZs7GrG5W1/rw2pujppXB2NlYQbY2iJ1bB2SaAyXUqS41bOCOvabH90TIczScagdaQrAeH/3PhZsRhngTIYU+x/mJmTkRobGqnmyIcEMkwmHtykE1ziS7XpSN1Vw7buEXpAP3ws2VbaNuuwYdt4kjC20KjpR+InPHegMygy+BgN12a4Er5FtZ9x3DsvHDY5q0sc0tWnqE7/95hs6HNSqAhNZGy2d5XkiXRUKolxvxkLifwyNNvdXvdOePHqL++LGSj7fQ8kXMOiTHvEpq+hVU6vxJWBaXTPeJpraZpaZi1WSxjLOfgfdaIs8EbtlisLO1s764bo11tlUvV1lCFg6xX0Kd8s4VyUlGK1K1RR/EKIk2aAOAqNZ3G9Uus+Q8mYB+A+1spTeCrGXDV1/H0Djf21zZ6F1oc4E/c7Bct8n66b7/fYSDjG4o5VwamapjXwGc3UYN4rpBieImZ1MKqnsQzZJ7Zs0giPYvwVgpMeCokkhEvkybxJk69mSJlCFpa7rZyEhNOuDNtfXhSVCi6vxOk3i3rDtInVALb+yRjFStiic6BYgFGc266BIOPFltSV1jwmRnrw/1ssZoobcnBLT85SjjRwK4LhccvG9lZJgaD2zszPR1rL71sbceeTZZ/v+G8Gz22kOf65T0r2td85Str2i9pWrr54jXznLubxs6/eM2gOLudfnXZeO+2b7dXx7c4+5cP5LJrF46eteLyng0vNq97+pw56a2uLTcs7cyuXji6bNVVN6ZXji5aetbmpoVXJ5cvXHTWWedla1aY+O1j99D3W/pJv64mSrPiBCpuoOYjy6DFo+kmqpx7ErdSF3HzVPdksXfaTL8dn3G8r60ukcL/R4unj9j3ajsaY7UdTdHiu1lbsXTqmKUJ/AHeU9hBHaIKIZLdtUya2ws9lsmJ1gZHyJHUW2E6g5NgLeaqPjqK//kK/KiyRJpdpkG50mTBanr3ETg8gTR+x5+qknAT4wmr6Tbwwn8iDQJ1uEtDbLIBt/bTquRCwIPbk+tNjac2JzUAd8Upn6TcLVLIKsk+v1BelWiasUdJkfAGtwrag3NfMVqqQJWdSEqjSs59RrZvRhEWXACc0mjpIyj02K7//u7atd/9712PGb8Z2fcpin16222fGu98OvD8t2rXBstZLzeLvu6cjevX9c939fhY64rd6/f2oB+gUVT56LmPHjOOwSu9wnjrs/37P0NV8Gqcd+BnIsdZRzaypf7lV1527T2DI+y6YVdi2V7Tx9DP0jstKaoavPBjxQ4AAoO7IGrhrF5nxVHBNGOqAVRrSJsvjc3oPpg1bnFymjXJP3ru2jNLFtWy406tnpQsqvXFksX6InmpwVNedOYJW5FiVQJZFVS0KG6VooUB67rpPWGaIB+iRIe7PIg/I+FFC6JsXXSRNIMzMpUN593MtON04RcpX+xCPNdRHfmMbmuODXu8NvejbeduLGmQYlabm/d1l3/FKmxIDq6/Ph2tz7MHIsz2RKu1s6atNyS52L7VK4c978VyDp4P2CM91vPoteuXRVV1V8pqzpsaaiUjMlny7xUAg8atvhk3afsdn3lS828HUvTbb9Op2VozCs08KYQOPxryGP9hPOcJzXmsIXPmKTXdm/sxejUlUzHcD9usj1VUzUEKrXHLGYgzpFPFsaf65wF5xA24pzvnPdPaKjpper1CG+8ZSdx/GzfJu3a18Qe/4/2JYq+8072wqX/ZgZqiWNCbLcxui0bxMFvz1GzqGKXxqm6Hedms6lJdNjvRaKcqYHbJiUxGq1cnWsmp1okTMVpvdqLMPHcVo6p+MovNGYlzsxAeTGTMs9aMliGGGhMcn0lwHHBmBuR4w47uARr3BE/bXFIpYTEZWce9rbRuZSKkxpqai93lnPY6fNWhjHNMotp0+HaY0rV5rVGesFDVLXn8yXpQTTDzWivuQKMFlEMscgiRbmLnFam50idxlbTkq2yWqioZsPp4dwJJbLQhsomT9/uyfpLDV1GUI3s44X4uY7b/jEa8XMff0PK//c145PuvoIpXXjF+28BGJbvTx3IdZf6u+cvWttVVc95ApCbalqWdUZaNB0tSnKeU7z5fZJk15t9+QqvG//nZz1D5z07+NsmUq7/zuYQozbY1L0qP9VhlF92zNTiswKW3aQaVtg/LK7F8N7A/oV+x5MHOq5S5BREiJRtESgLpw28Wzwtuii92CyctGs/YnI5bMW7wPrcjdX2yzuEyfmW8yb6+gqjSaqJDNJVlUjTeG451Y9j8Fd3FTRIFwVVx0udkPUOYMo4Kcf6d4Xja3FCMd+Yh1kKZ8Dc2Z3weLkJ7fHgRJZK95+g99xztWX/r+vW3Mv+Gj+9Bc/HJetyDcmoDc4zlYG5WYU5AuhDbrZMFHrPGuIp3g0lWc7NlAv9jSZqU0SslkiCpJMWpxfJzrTyDGbVeGcc1tx6yY5+XC9Yys38arkvHrdvjvNkKQwKWUG5u955RpY7TYYTVTHfHh2vT/fFn1q+LZ3TLn218MNvsl79nuqydfmQ93YPYXkk8hlvnezfSxh6f+Lpmzt8G+if0ZZbXqSDuge3HMUK5qitg0C2qLtomCxYRJ7csgvVUV1KXY1JzkR36E35TCLgRqR+XTuOoUsH/GA2F27z6Sdc0i6JbXXnSnslp9idPgEpP9/QGuuPPnm7p3bD3RWbj1iGnt/quOeuuuO7/Fvct4G1VV7rnpaclWedIsi2/ZVmWbdmS9bJsS7YsOX7GrziO88DkzaNQHoHhoxBSmqYQQoaG0kIprwJNGdoB5hxZCZRSCKW5nU4uX79epmFuW+bSO7fluu0wDB+dS5hE3L32Pno5smM7pMP3gSXZSNrr33uvtdde6/+PKp+NBfnxKq0p9eatM8xHj3+4d/bO6YGt2x97+9Ui96D6zt06LekJoKLIL6nROBqpnRRQ8gJ7qIZsMBaPyHskK2yCTZg3Gu7s6oxiJSbv1mHy7kodpoKjJA0LGTgaMJMs4FIMNZg6SioGyh2rIN9fpo8xHrieXMBSTlJaOIqL6sPe6T1X3qBVz7RFvE11U7UGc9VXI5NXjsUT13xvg7+F9Rfzazt6w9q4UDY86q4pHy2Jb+wL7KjReg903zHZjvNVas6FYq2XKC0aHRpUksvrSVBlehIkFQSkShwWE0JWdIBw0urYIy0tlnHmuedM3MygFAxy0yUHHpN5MGY+beIMChvlg7ymAta3xg8Fx0C4hU6LtRAL+/HnNJsoHedKNFMwIZrdGtectZlSu/DRupnU0RuRFQPop70ZKh9rFXi6O2uh5tRaacSqLApeUssZBtxH4HegEzM68PCEXxuHveSQyGd0Wixudqb7+qM7On9optF3mO1TlBg9Uwe33fyku7bm2i371jEG564r46NXvnDfOvbI+geu61UrZ9RcY+c3zl37+YcPr2/bubXx2vqD93/vXfarFtV37n3g5FU1mtieBIx/L72JvoEZRfubG9uWcAAvQxTBVEgUgX4zlzP3VMqO3tmDotP1FFwnKIvmE0orpsJnYT1hxgu5AR4acfSZ1BKUlmgw9QWhwNCzEP5Yce5GUhYTkt9A5oDQgM5+Knx4QF/mlF+gu/1Nndsm1mzyK8OlHrPp8c3+Tanrqqc7ulvqbKOt7zzINRqdFU5h7OYmzOHPvE6fRGunjuqhRBNyx0XzyXLibuvkUlg7kR4wEjqqrPRAOSGJr+MxNSKID+Tc7Be6xA8pb6/unNDptGUWTlduj3PFN8XrLq+qVkfbaxxrFLvjxQq1nmFqLK7G3/8/XwOnGuZUHDuoaA3Rz7VUKLG/6JRjUDh7xGV/ASSoaL0XK+Yzyg3FWeWG4qWVG7JI5tKid0oHb/vaCwdv+8b964eiA/Av+y9Hfvjtu4/88OkXbr3riln0L4nptqKYLp6O6UImlii1WNDac+Q+2YpDOCnYfvKxVnoq58nXaB/dDeGbz1v9QxTN5T+lcPwU+rRbMaS4DmHkoaJUH7A/4o5MaMRMNAILYVtvRKUHijipDdmiw5c0GeEFyVQ0L9Eq3E9YB1CuSUMJpR3oLCPGfFIn2gUDPqlfxlayQEIsio61KrVgana1eXtJpWeywdcYjhBRqzb0d94Q3F6gow/hbjIKSaG8It5Hwqc5vc8fkDMeF5wXefJXwEOL9QWcpZimwenn7UtPnPFc/auB/jHmDgW9XTl5Y5H+erV6n1Z98qSOeyl/bjkVeG5xQ+m59cmpfCGso5+/zknfOkD/ltGlooYt3E91Bt2t23fS+OwJeByS8RijfkolxiBaiKPAKD4GKzw+qMkFx2Qck7FIRoL4YQQ512AE/jTYoXHlITSeixAkKaPI5UaNwL+ZHCQudyIPKT/fqwekGhBUnZFYfBQAiAqSsxF5scEBtEZHEGKmOIqMEFJRfC7i50AyBPKaEaAg0vd0rgIox5LefIWQvXDfSfbqG0eLzeD8b8s6fwGc/6rQe/2Jfy8cMHBUFOE3ifBrpILoNDJM/b1cHatBezSkEXCqMGHF/F0oBOTxts2bEahuwLN9IF6EFlvYL7WjxdbjS7IN8AI5ao0sEWXAYQQtM3HQJ0XRsy4f9JpL/XXIR7Z520OY1zrKJ1s63LE4XmcD0Cwd6iY1823eTpykHxrGffzHUKDS0Qn5B4kvwsn8FcQmF1xxFwxephaIzjH7OFh0e7S6G9KLjjm4dHxzLni++Nwia46hoikjcw17HPOmo2iliiY3AGnedApX5ENKpxwtFJk/Xe+DrA4kHF7/0ocdJOGgdxtE3QlJXXlG1Jyg5tQanR6nGxLoUfq2BIjW55SGklLCsl4aALY5ZxSrnZDreRS31Oe6jighWFe5lPsEr/Kjv3rnx1xf1Wupj86mL6OeCG2PDTTGzcIbRjsQrE/s+ML+otLPa5Q/5ralL6dgbyE838qXqWY0N8MrYvpuzzJ9RzxQjp3D9A3zSNG1UqbvbF/ryki/r7IJb7+uN25/q6tzZCX838rRnbq9u73a+lGz6T8/xlzgOfZoW6E9XEvY4yKYz9lsdL0yEvStM/89HBZs6p+/za+ED50+1HKjrU6309I/pc3Y4ySyRyeKBVZij66sPXo9UizPHl1gj56V2gMs4Ycp0uBE1ljZHLk1/NWmpsqH7qoS9u27+aDgWMk8Ufy25Sa7/Uu7W5mh7vYJ5uxemCoZ2xxBtolTQyuyTV/WNsMeaSTPNn1gm8GV2gbux0ty7seJJ10he/7UYzb7v1ZYektKdK2P1aKHJb2WEn3Ximz1hvZp9Rp3aalL/nn2m9hayA/K9jqM7NVORZDFjq7AYqG0xaDGYcCfdJP0f68PLCi6TkteE25hh7aQPtM82FTyomU319DoDIGj6+ZfVJoUliozjinFPmFOVVHWRbj4myEocXbiisqiMhTHKEMAQnilIOQKeWPD5907LBOEh7tanK3wrw3bfU/66XI3NUdzJFDfHAmebYXV/Jb8LGv/JN7bItQg9Xer2d3ELo/UWzQv9nukAMzfIY/oPZ3sJkfJbiMQqCVDJHAcRhh0Q2MiwgBC9jjfq1UBBp62QJcZUAgJmJm1AADpHVPq74WYxLu6vXPhaYsctla2j+7fNjYxsXVyeH085tzS7mtxr2g3Pb52x5bYyLVbZrzeyZZ2F8QWn/7p0z8pBxReapraTO+hEtOAQa9fXA/FOijKm1BgPlfcJgVEf5imJWl3TAPro107PydMG9QuSWfAUXwVOy8poJp+i0cUTqel0i8jcYji1Ik+Ui6ywSjWnZCGq86IzhMvn3j3zzeTlzcZxcETUq3+jNh44mVF34kQFkjcYJyzbagzuaQNdWqxFj2pbTS55pzw35cVXfIfDRvnhoad6I+GnWr0PnNDmwbh1znvMQPvMbcx807ojzbCHyXQL0iBCZEsr7XVORsHh4Y3zGzclC9ZvuivcNzECyiSLbHXOzrxMp5YD9nAOC6vSPgDfZBWq8JUBPzmTpIVBIYRZ3uIxtWOwC2bJa5X4nZPdBwpZqBFMMP4a26od9G5M62YZtE8C+OSSeSQWLt5TTd9Ru3qVxSvfWaafu2o0q7bpWD1vKN5eCyyzUNHP3xFXS6+26UbnZ7cMd1cz6uxWsCLqT9s6R94uKmJ424fMzhOvfxA7Y23aB8+cJhOPvdQjxAd2sM+awMacJaTVQQq7DYTr1LSZleqtaRCe51SSH13vDtHQoBWqfFU1DSGqj931mhJ/T5SN7DdoGYOaHX0a0SzI2XHmh291Hdl/jG7P0+2Q3R7pBA6mITccAoJBSB5FMsV8vCiBR4gy13uD3cZcbXSYgofQKnYFeCF4yV2o7u+u4eUckDhm9QD+6wLDholPJb5ELIyH/xyZD6K6XQqKpiXoqpfUv1DWTY2tbe7PJuw8gt0jw/SWK2pM6l/WFoSRGu1mJiJbFbLlsl1fVNHr6ewVsifuDiKIddQE9TcpVHOmFxcOWOdrJwxF+sfnABLYn0Hp3947V9GQCMnjL9oLY1nak2nX9ehyL6z6yJkNZSXZeP8hfgk/8vwIcomxwGa/uFxgs1c18jaUbyZXUKAcvL1Fw0QPTtzKhw22TQ/f9t4EQgp/pBz6KCyGJ1EGK2njl8ajKYXx2iDjFEi1j+Fi6b5F/ESGhmbJEBJXaOdl3gZ5Z92Lhqp4/kHoIsB64O84xCpjyF4HUZ4TVKz1D9fCsQgV7nFnxwikf80ivwvz0Fwrt/Nof9lrQlX18Ai24gebsyDdSt6dW0/grVaHwNY1/HJOnuzH+RYxY2YDtvES6DydmmRXaQY6aIhfjt9VKCn048uZtcMyEcHe+YIAXkx6NFDe6eWagWlkSLczQLpaId6PlEJd3qY39WkIpWfxtOgVZyoNQKytZUaFxCu1xWT/tY6qAspa8Z1no1w6eTESw3uqUsEyVK1gOzMdGHRkagt4y9cS+uP5OZ+zogXEiPBGp7M62jcdWTcSyqsuJdQWPF8dgorpuw+fgGxlW3ZTfpCuiuKf83diRno+WeeRvuwgfICdxYwsZAO1SY07loYNxanLVWRCmjzaakejbvejHk9atG4zUapoZgQ0jeAhpKiiKt0YxfXBHIDRhe5vcfk0JIVq/UsTPRc2BST4fuamqoym5tyaXMsyOd84r+gFg1L7cHz/jC+u+2ivkMRMnpgEJMakCWgE0MsBUuY8eWg2JGpUJS7PPnTkg1ZxsZj0a4qtMcpbTzasCjTvKySDZWLvFGyF8/PefCvgiaQjcF9nx4KbrmtLlz0Z0PBnbPJRwhOG3A/RyMRarAjWwpSSfXCq8ZlmJDO+fNMzoFZ2pC0O5OcSGcdzvzuAsZUhrLbCZpfwqfvKWYVNspOBaFr3EzhzllcFVDhS+jkIgFQPlD6krTdrNOjYwfyKuiM7EWGbfeINszYVa+HF6Q2U0a9utg0L4WAqszGk5YnqbmNF46ZdU5yVUhJTjNuG5ZotMdLxWgfknStOAkHNxu2BbJ7SqK7B7dTXJC35cnvsbZSlU0opo0McGUbsARfA33H9T9KnXkAa/A5dO6A06hKfUAfvfqRd1KpH2AxPoGe1epSR5l9MfobaUG+Z1J/fij14Yk9ViB11Ziqu4Z66dbU4zeOZrX5Uh5DDNsO64ooj1AdyOe+snplkXUXpywytUBZ5EWiLNLZ/xfQFnEskvZcpeYIHcRZT0iA6ltxLhQ3E61SiuQ/FmRCcZyEtUmQH4E64gZqsKA6ibOQOkmjrE4yp+cqCVvkMgVKcjzo4lol++EKRcfDFcqFZEuYV3NPU5/ZmOpWMqacI8ziY6JDmRsQ4wUHNZZ3AEmP6SQeU/MiY3IVGlNLzpjsK8Ip3+stPq6vQSRf9eBdlaZ9+64/bLrg0NZnvV1gHZMZ2xE8Nv8iYwsUGlswZ2yNKxrbIut08UFe92j2KuJRm3wVobvgWIPnrzlOHu9hPF4nGvF1BUYMNZdef7KG+GyXb4EFoHC/zjQv9y9JbnLKyLVLYx0wYuqtphXZZZGjwOJ2SZzfsXBBo3zzvECepg5TR9k72YdxbyVsEGRB4fqhYlqD5cYPc5uevNN/xN1a0pt6J/iNtjblTOpfUr8tCT16J9tdGnz6zuDDXp9qJvWbwGGXy9pNV6TeUc48fGd6TwgpQorvU+XIs7cAmx/mC2pIW9wGc6wVW7jClFZxk/TIltD/UgEV+EBZIjbxL3IawVKmrakn0Q5o0JvL0G9s/Jyeqm4hCpuSUps1NWkJS9sbGsJCDQx0D8IlAWMCvw05Qmzj26+YCSvXH/wW2PnO227v4G67/R5xapSe3/WFV99/6/q73/jzrs3Evq6jButjY6nfvIKN3P57vfm9Sbri46//2wT7bHfqn84Jk8jgT5ybwP0+7yk8aD/0EDaQ5aqEhFesEhJZoBJyDFRC2gKfuU4InXUhy5YMoWP4LMZv/x+dXSuQD6Hvz8/V/Rfbsv2zt2XWdS3flh/jA1wteLKV2LIm/yxHbHkS2bJnJbaMrtiWvQVtGbo0tsy6zOXbcyrvvGhaiU0dC5NfrGzXw8iuYeRNjy3XsqCi1O9P+onLifrwXepSlm6DPkAT7hKE2RpHD+MF7Q8Xr+1thAYrwktOqImPC4lSaxkE3QIQY+VDsArTL+K5lo/BTQV671aAw+cWOjWGaIigvWKE2kDdSJELVD9A0VZQRWQkoyIy4xGjGRWRjUAsGYWeHVARCU5jv9PmR37H14WsN/KZyIgoF9cQydkgliknwjgXkxOh/2/OxrECaZGJyKK6IrQ5Z1PBeTHOpXBRbjT3n5DzYpmsSF5eLGnzUbweuX7lfNIawg+tLC6WwhKGAi5QtBdDc3TCjqVx7ZA3sxpxmX+VMI9rO+xYzc6FzpEBK6RBGptC2TQIDTWoIR8mE5TUstpfEb9kSs3AlPrTYoeW3HwI6YgiJHGF8ms0S9PP/uP/vvvdOx/IyYjUOL7U8vHLP60TWEOhVJuxSVf8/FNXHf/8SDofQr+qK6Gr/3DfV5RFqSTpk5hGNn1W8QE1Qf2ASlgxJ6pqPjEIx/uYXxpSzEs96Lkdl4naIcc24cEJkZBHUmjJ5dNanBQJ6+bFMG4phjYhmcYdrKlGv1ATqcSSYkLp7Q4jc3ZGe2O4/56fU9TU4g07IMzprM0+eZ8W7HCY7xlCxq7sRathgp8zlDRAPk8K0egNGLXOl+7PhzgXDMvKzcb5LRcBtyIY6GFlC7PKhfW/hDD9k/9122vB0dGgd3zbtnHvr76++1DQWnnVbPc238T2HRO+0MRE6K+/cMseWs80N+7giu/rxvzpg262fQgI1GkLHfzWjt4b142sd9X3dXTFhnd3Hngj6q66pXr2yqvjrvGeSHx4V2dg1/jIhubN17z0xtk328OMegZzq2t6xhmd287iPR7raSiO46rAfurFAooaUVlRYwBHtRF+XozkKWpgud6+PEWNwcUUNfpAUWMNbk/tWyO3p66Rqx4iKDieMxi9YYAkzh83u33+9pBalpp3AQOgGAR5jejFyWvkZt5XpbRxdVacxLdy0Q3un7N6Jv/5SkaBI4vFS1jbpJ/60RLqJgPLVjeBzoTBixU4SZrdatKVn0ZCisIqKRXE+GcqeJKT+l+d9kks26e1YhkU1pDX2JXG40mER4xaS71WAI9+GY9RjEecx4FLDh4dPnEIIBnOWx5ji+ExDHiMYDyGR2Q8RmQ84vLywF0kQ/wxszvY3pO/OrowIrCRqfsvco1kAlA3g68qVrVQ4jgahYSOa/Za9ROXmXpWvlzY3/c87mn7u8OtTMPwlPILE8zZUwXWzCGE0RA1Rf24AEajMkbrMUbDCJXhPIwmAKDJPICmFwNoEgBahwGaXCcDtE4GaBgBlEQA+QYBlAlYNP6+PIASIVg1+CojHMEwjV4kTItVx64KLmvB1NTMKrY4U9FxdV8HkFShn52VlWcfy8GMkzEbwNWaAwi1nxdArRejJnZ5EDTJADlKjGRQ7Obn57zd0DkZQoeF7jw8+wDPNQTPMR9Itw6ivxn0XBDcNQBuPwZ3Tb8Mbr8MbsjLQ0mnOMgn1GYMYrks9tR7kRDm3mZlYMs9hawEwu3pE0ckgxpdln5t+fhtkylCzg6lt8ZvZklD0vh9H/upAWod9ZtFPZW4xiONFM1DINcDRbVTuX4rnGnFEgcX9WKj6HEyRv5KBnD9atzZYJgAOMon1eZAD3ZmscX0uqSJEeT8YrhOepWOrHCF7uqcWtO2sYnxrZPDU7G4c0vI1+JeuWs7vnbHZbGRa3LKddHe2Y3O90b2OOWnetDu+Z7cuy4gt6aZx48lNTrrY7LfFr8UwmS/uCwdYQjiOgGCWpi0YSG0o7hMWiondeoYpPYff5eAFJVBqgKQIic4kTXOcWzU5ELh5Fw4UmVyMcdYriocicpFshIbkbELZIhLOH5OLXhDpDUvYQZ2RIgVE6W1LWRNJirrHbhjGi/YBojtEbQ6g7mi3uGJL1idyjSehD0bbaAKXGmZUXFCrk+GL9QQVBjo1gxndHfYRx9ktsyEv1hn01orNx5r+Fkw8p1NBx7iTOf+qejZL4a+aK/XlajLJ4Zn7ft/4nvuxpsefGgqtOkb1tTvam30H+mrmmZ6b7z3/chGw7VXXnV9e0UFRvHo+Myj9zRUHXjiZL0gyApQf3X1i5X3f6Vz5vDk1mmN+z+u1FnXzD7+JcIbkrJjLbMIdXdWy0xs9kj+ovmEH2da/G1Q59qdK2rWipZdG1lQbbkSZ3NObRHaUDFdk0dyGgmnPfAzHWOLLTW1zbAwtE5ZmKfYDx3p2iJnK6EgvaDmGbNYSaubXkwKTQj/dWt+MSvpyfY8++PF1NEMTWuVBWtYHzF/gOc81gZTEG2wAPDWFlAHCxZSB2uX1cGOgTpYs/sz0wdjs8eRZUmF8WPk9PFcW9syVMOYB3LUE7Pjf0ke/7bVjt9Pxn8Mjd+NBZsuxgQ5Uf+yTLAr9khrixkH+cswAX1vPl9D2gZPIhu4qY6Mcl57ng06c23gl20AReEG2IxqScfwcWSLeocLq3iohCQyBtbOy9qiHdvCc2FbLKgMWpZ63L50stfkPvXMtElzYTE59q50MN30xL4RJmVPa8txsk0GsEZVEJ13HpKt4s+xClB/RP3QLgqbRyfyBfFcK9UWuaQGFGo1kIwuMpioMspMgSa8qUSQY+iDgilQSG3plNoooraHu6kjvAgcL8J5a8qPjdhyYSPmhlIZC+aGUktZ89F0mKTK2LErk8ld3KIpOTA692R6xZly+NUYSoe1v0ALtRnY/43QFl0LyUSsA4DLy1xYQcqsm0+YcZ2Kmde48HW7uR73I1NSaTlPasiA56bIWaB+cCmtLx3OV5hgxxhaXOorV2f13HtLqX2lNc0YB95H8LjO1zTD47LKEgDWtAQAHheImGGdi9UIl2X3iiV0y7yxR1payQ6xtHIZ7cjbHJhPz6JxjSueoIwoup2kEiUwLqDsx6BJVSoiX9F8GoLTRDn2seUg8wVSFeXNIGKg50jJR1UtGlyNE/eASHwrpudeeKy+wGC5TG0zHKCfmRa6Fx8ytzv3oAyr++OlQWSpUowh8A+6qFBa2wRroSYqsDAXKfkLZkr+PJiCPIeN0IGWvAUZwuLA9aCCxiVajBhjH1rqnUAbAqdind5W1yirN1R1Sr4WID+1YtowSiqrQHYqryMMQbrGQiV+S9kod32Xhl14wbZEF7cTrTuPETF185JT5IXsgmaoTWiffEnxPuas2EWRWdHAzoutHonTEKlNZB47CrXs5O6/EvkN0Nu0w16nM/BQRyE2IddRpLFYa4vhWaUglZTBjtcKZEmVFA50JbUmR/qohg41OBVw4++Ehe+QKwHy9JCcYJpNe9/aW7m2rIwbuj31b4L6wyMnqy3vPk9XGNUff+f5W3/xxeP/5+j37r5mb/3mr99+L/3Mofl7KvQGxd/sO6DqvnXflj7NjvsOacO3fSt1+M37Pzh0hqaTv335yefvnU5Qcs0s51IcQqeFGepvVqGUtXFppSxxrU/aJItlzXmjvRvqS7OKWb26tGRWrH9sHZHNSliHR7CnuHTSWYtlWFYjqfVMwSK81Qpt0TsXJFmysU1CQbS36qEGqoD6lqOQ+laDrL41xxWVV+OFuSwBrhw/VEiLSxg3PyX7nkKyXMxbeeFp5vu/dHHfv3YF3z8n9izw/Q9CPhk7EqHQ96dPFYotEyi21FPVyDNulL9/Y/r717GZ+jpZG8shf3/YNGsorA8GNNpckalUqCaBpWTBwgZQiVV4PAvcCltYIO3IQm+iLqCYxu5f4EbOiVkJtcz4DqHxOSgvdbk8Pk96fE3sfJq5tIHHoWCLPD5cKA/V3obielinLWiMRnNlbREZY6KsvAKvZU/TYqNcMtl53mivzO/5f5+sNr7QkF9YsJLO7U8PmZPHO4DnI4z4ugIzEpi9PP5kFXGSTRnuVnmGgl5FLfKXteRissWEdbjNRfl2QfOWL13BvF2kTqHQJNZit+jCFQnpR4UW4/R5DMEsGnOYfY/9BPOE2alhSrR4ksWYL0bUEoZAmydZIRPI1HtE3WmxzJcUCHFMtQ9Pb6AME9lOwmu5kDBVpadzXTifOy5Mofrr4WGdMeVJueipNEVchipO5lP9HMOkfiGzxjH/maWPw/M1xCa4SYSeDZ14r5fRqwE6IqzXxmbUwMsRWuVEcFMvq4GXw1kPFJ2RG3pRyfGmUm1VHWauRwBhCrR6wMoEFX01ULdX2bSgbo+I16H9Ja0whsv2gPQfV+0pTbLrBtgmBnaEldtntqOHkzM3dnA3TG45uo7uiE3cfPeB/i03H5zFoFUeN1gT4VP7EXT2t/TmX4b//gev7GEu8/7o3CedLz/5k1uB2w00uxTH8S3it1ek2jWwfNUuoIDVAE1zuB+Nvpg/DupdkWhMro6/1AJeOX5nFVpeP8seiVYl68V48v1W2uYvYZs/ciltDkpp2Nbh3jVELG2uNc1zdenMnVO8swpz0z34WnYM3Oiq7E078/1s2t5PInuvpZ5ekb1Hl2/vscwcH8nO8WjvEJnjyO7xNZfY7gtd+yqM/3SmrF52+6tDILQgLkB7K8FgAN8CTVGvrwAFIFCc9Cd78u71zkNlLqwJqF1SDDnMgvjMjVVBNy253pPGTPhuT4qFsXqiOMjPFVm8mI5lTEiYYEMqCJWk8GKG+YsAaRFfvAqwXj/fVa8OLvE8X84QnTG0RwWoKCiNNXqkFg54hwopjaWprQItq1UaUzpzVcZyNpDlCI7FnDlqY/SmbBS+LOUxgc5VHqOZ/BwP5UpVsD9VfECFqDXUg1SiGiKCGDdPylvDKKTxe6Q2xbxo9dBiP9bOEHxJmlyZ0EZJC9QgaCJWNnWAuLcLS5e50HwEshC4M0Gnf+CZRH8I6S1LZ6fU4+KFpLXaiZW4KclJalilmB+0mCrt0P1orYbYWChPa3uClrkJpziK6YzgOQvKMJlQwmxRVjNEE9cALQ5ZbWCXFqTOVQwHWucqWQu9mv+Zu63+vr899Md7+yZoVmhq6OeM+6NHNtMGx02+e7792E3OvV2piglWb6lwee1FCvoeLnaDgmHSUunecweOqCvnvwfCwVXBnes2WhnluELFXGkqe+XJx3/V46VYeY4NoDnWS41Sh5acZSAjMeJPdpBdYA2adWMeMXhaCptweR+af7C2pXH0Mxwk0pUxoFrCIhC1Ng8urhgUpDITrOzCM1XsEfDV1Ern62JresWT99cFVvQq5vDh89cz3MOrQpjzZpI2yKw3nX5pDZrBrWiLNUphJWlLgVbTcS1Wbxo3ggZvsrqhh9O7pGoWNIoT1Q0whavr0Jaq7+HULtw7iUJi2HljRhx2OMkNr5MwLOsI78AUueRVffXETViOs8ZtEG0nOMmpOKMQG068rNxwYhKTJtUY52prbCZXAv03K8FFJWzOWrjqnbM11NRm6I8GYyAP3TPeieNuSRXG8gGJEnurzHYUgLrYMHCMB9vhpWoeOEf0WMlinCj+yc1J+RwGBlbFlqY5DFTsQgYDLt3E1B4yBdysvY6ZfoF2vxinnZvoR34J7Eecotw+cdlEq6tep6T5X9r2ud3qSvGGJ5W5vAVKh6BNTb1xU+r7vR+lTokf/eS/HWWZkrbNey878SFpuamqIoQF9c1AWMAqLWXlOZwFty2gLDBW0Dvo2dTHqeOP/ogRotMRmyF1On0WV/xP9jjmneulniJnG1HrlwIa4FNN2OVajFK0t8Fjyc3OJzsEOyDfAaTksVxRNkhSmhHKZlyZgXuW4jLZnMSRPmxJ5UA/w8KcttQeIgpeCUFm5C91k/LkDjuKT3mqwuEi9/QBPqEHCLOn2dJFr3Cc5x1zFdmbsNtP77/iKX//D6YfeAqZquLcW+QGR1eqrpgYma378KbYsaufe/voo/uu//Ljd1y/n3mQvhnf4xzCx6bZmc2bjxywdRuK829wpA2zmRPwq24TXYrvw1i55v4wNULNUDuh9m+5VfdAv7Ldnxwnm9oWtKntyqnCn1vXGpXZPNZ6pHXoR6sRV+Zfjsy9G2iK16J5rRufJjQeCZVGDY9ahQTvCsKjjZhS4HLhmLnM6/OX/sWL+BfZFi++on9ngbaJz6iyf2uBPsEbuBDzOjo/GCgXJRo8otoPkgA6yGIUpyUBQI/DCEEQZ0i3z+ff096QfwPLXZl3vYprNIa4q5l5xSGqlKqmZFZ1UGOEtwY2dT2F/RpQ0S+S3ho6vyoPWre/fl72d7k6Mp/53336EahPMqOUjnJSYpGslaPHwpNEzEMyYFWTokz2h81V6dBBmmfv47IWB/3OFayKYyxXc+n3Vu3G712bfm9R5YO3L/SmNl8Lsp6qFt6U2Ulv+xp9nI5zOmPqtk9GSvE7K/Eb01Qnu5PejXwnT/mIZgNktTQAv4A3Ra1+PqHFMg0o3nAB2Y6kBayKiWxADxMqtWDpOSy22tk2tcHjiE5PccNuTy/7UWD3ZMRaY3bu8Y97K9sn0edx6PM86POM8HmY+NAofx6P+0SK0OdxRfB56GUXbn4q4rDGLZ4bsAs6Q+04FciouF70SUNbo951GzzsfkvjDehjqoIT8cAV6GNJr0VN6lV6J3UKja8N9IuSao5Sy6Nj0afx8wkWfxrLy6MrYnFMSuFJjj/ML3+as2bwsjg35GkNBzdf7nekPvTe3TvVUxXcsLZjz9ah6hpyHmd3Mk9je9qprbIKRqlfNqpo8+Hk4Hl2FbWkz6sSvVqJ+7wqrej7OLLWBhlchU4PW1+lACJVBazvWBoOugc/7SVPo+ehE5efN94oowXjQXgx12G8bDAeQAydbGXQ8HjqCuAmFhklizweS2WaIwfreshoihY+UQpX+Xg85YXQdSyBNm3tXQ9Per1TBaCvWTgVgO/7LPMsmgdGqo6apUSbRyz2J61kFLCO7Hg+ACosPsewRoKKWR6FGY/CjEJDXAmkJbMExQKJktL0KKyY3Tv/SzsdC2dRVB4GBoPuQegohhA6+OkvsO2rghksMDbZ52RO76U+YKJMktJmdUa0RGdEm5VyUZrwi+QHcDfm6ozUNezdv3P3vi//wxfoN3fcfWB2x1f2ozhqL/L1p6hfyznuaYQ2uHmLze+XNUyk4gp00INXM6Im9TmiJrIuXzrrLRilMvSsmiidOPA3CC3iNx0FFVBeOP/RrJzVblvwE+zSRG2lX8LaGQ4Kb7z06aQCK9qA/LQB5LJpCKmVaiL6a1pUJW2BMBpoXKP3fh+/t428NwUdWEkNEcyB99bAQqXhfUOLKXV8baEaB01ZP32fG+AMVIR6mEp0gL2BCyfiEZv8cI0sOnyiyiPW+kFMQKzESvJ6cCvdeNXZUbRUaUPBlh0dx4V50J+245WXNJOTCRzDtbDiwp2SBSJSvbWmsbkVqIUgjm0LQMgaAVYcLwqVeLGxU9KAlFQNCNFLZgs5hPuhVBFEQdvr82UEVX4H8oZKtN/gB3LVKDB3ggKh027VfovRoLgkEaJdP+95sKVFbdNeyf3uy89XcVg19BZGrcYPDjuev+Pz+6uusmn1fOTFLT/5lHIcpa+JCI5QwBB+4edmrUZ3+2OqJuf9931JY+pmjA29LWqhh9l3+JZ96odvM6os9tefl/crJ3eNwo685A7aQvRcEq1tIXTgTlIcVYamgtqXrCKCNHqf6PFLm9CpfJ1PjPiTPeRll0/c5pEsw+h/mcWvJAVr3cB4PWh17cTTvZbkQGoxb0SymPDoFGOZnbRsl5oI4W4hz7YYpUn0jNRvS7vIcfFE+ydv4uPiOjcnTp6QYsozBrHvBJWI9U3iwt++dEtFZS2CpAwyr1AHphEwMMAopgR14TlbS+sOSOBNbgHlh86xrdtwOEzNoqfF5kBwC/yyahMPDHgITgh0bXAXA6nUzHW/Ct/1QwYAyHfagUIBx8UhmMj+9pCvxJeOm0sRziQwVqHYhbUjvBmnHZPmwqucmtFM0NSURhtXCXWtanNpK6Pc1XRQGaqI1Wnop1RlJSxXWeZQqgdrpsuCxcXq9k6Fs94wzSntVpPCaC7h1F7bTkHpMSmja4KbG9W8tYpTr6ngbt00qkb/PKEMOHX0PT+qsjJMkOO8XGUb7WGq+lKin7ZW1tFUsdnAKl0cN/p4Y9P9z9I0x7Wygrn/dHMlw3kZpZ+to5lvvqGkqe0fC1bOw1A0viQ7yh5FuyDaUylPkuYgNpV/0CJH5JVwwCr/QJsJ7Ghe3sbD/3l2NtPbuVvxATVIPU8lyqCOiKFlCj0iCN7pl2pU82K7LxGF1d6rmJcsZZisyYsW/qAPOgKg2VOQmz2HPGIfbvYM6OYlsxet9QC5TAaZMWgED/Th5S228EmFIKsIVgqJIl09Po/2RtGvm+BeTrJ1oFnjxTrdFh55K0ko4zMi3VHaiIuWYfW6OXstq6ptDxUuN2qw26B+pGBDJ83/ceDW9QpbTYnCFIludac+ZRn6jpNxXIM0yBmvwcUh6pEm/2WpH2iuuJMzvDCZ7ukMjOCeTgMdqXEK8U1KBd9SV5G6a6uKL2tODfx7th7EPLKHfm2g8arU9qv2ZLo5Rz5H/9Zbz8oY3IIwiMENVCVYvgQsH/ADbaHo9SW6cIITaLg9UpNmfo5uckF+XQEsMZJSOy/qSE1nNzY8CLo6MYOoTdYlg9pNdzeyazvwlCSVlc2YcUw0CpIaFzCFu3ASAOgmLX5kdBdIgCMXiLwPU9fcKRs8WE7jmnucV+fPs7MTRMtYFZb/zmfHak9bmznzj9df3jBqEvQl9ZkSL2Te7nbGeyTyLjJ9udJ85xGNv31vxtC3sL5RsLOa1tIddpWgUFTUnf1VKpJXbsPFqhp8qbt2K5XXKc893AXFYNjKxdcwjW02aJn9/4Bf8u0AAAB42mNgZGBgYGQ4qszGkxDPb/OVQZ6DAQTOn2efBqP/3/x7k72Y7SiQy8HABBIFAD9/DJYAeNpjYGRgYO//28DAwMHw/+Z/RvZiBqAICngOAIrhBld42nWTMWhTQRjH/+++u5c3FClFrE6tQ4cQJEiGkCGE0lpD1BJjKEFKkBKkBKTWKGkbFYqTBCmlSHEoRUIRoQhKBukgLu2io4PiFDK4lA7awaLy/N9rA6Ho8OO79+7u+777/+/ULkY9ABZnDVAX8UBNYV5+oV82ccsUkTbPMOtMY17NYZMMyAbqugdDzjcMqFVkGGvqOcb0CMbVJ6TlI+JyFWFZgSe3cVYayMkkxqWFCsd2fcXuZY6UzUOmVQtV9wVG9br/Ve+gajzkzDqqeouc5vcEcq6HqmqjotYQNS7u6ROouzsomveYMY+R09NYNCuMbc4lSRF95g7SuuXvhe76300KZ/QV/4uuY4zn2GbPlxljrF+Rl/6+RLEsW8jrXkSlhIy+hIw8RUY1+M9DWV9ATA1jQoEaHCDm/ECMPWf1Q2SpV0YnWHuQe3oxKXGUuC+iryEhS/6uafg/qUuvLPt78oo551BUB06cMcL6hSPtm0HdGLV6gqQuIWXX8Pxp9rZk6qy9jKSUEba6We3lHb+juKnKwTmGeKbzqoCURB1P38eE9YbzH5w/iKsmeylTrwXETZM8Yv4WPbCa/wN3gX3Th8CDLuhBKvChjSyZZa6+jgfHYU/1YEwfugl8KKDCfHn5DybBs5UOPeiGHvQEPgz7vxn76Veh48FxrCZBpA/dWB/0SURsDDWRdyNcw56o1QxJyxTgbgOdyDpwXpPBQ/CZ8TrjDc7Rhw72HoUK/j7fS4Lo4I1sIEG0nKNub1EzI6jZveoUwqRo8+om7+Yi1zQ4fsP7tor8X+fl2zEAeNpjYGDQgcI0hmWMP5jlmG+xzGI5xirAGsZ6i02BLYJtA9sDdgv2NvZ7HDYcGziZOKs433GZcJ3htuKu4b7Ew8TjwVPBc4V3Ch8X3zJ+Gf5pAgECnwR7hHKErgnLCB8SCRG1Ev0k5iF2STxI/JVEk6SC5CYpB2kN6TMyZTIfZC1kl8i+kpOQc5MrkVeQnyL/S6FN4ZNinpKR0jllN+UlKgEq61TnqbmpTVLXU1+n4aZxTlNH85xWlLaV9j2dIJ1duha6CbrXdP/p/tOz0BfRX2KgYshmaGV4y0jG6JpxmfEK43vGn0zOmTKYupjuM1Mym2C2z9zOPMf8gIWERYLFJMsoKytrEesOGwGbGbZqtvvs6uydHBocjZyYnK44r3FZ4CrjOsNNxu2Ee5qHg8cqTxHPJs9fXi1eW7yNvG/41Plq+b7zW+EfFCAT8ChwVVBNcFiIWahU6K+wKeEi4dMiFCLORFpELomSitoSbRTDEpMScyTWJHZNnE5cTzxb/IGEikSrJKGkackuyb9SfqWuSJuRdiadCQcUS9dKt0vPSZ+RfiGDI8MhY0UmT2ZR5rzMf5n/snSyIrIishlyZHIccplytwEAidWYJAAAAAABAAAA5wBqAAUAAAAAAAIAAQACABYAAAEAAf4AAAAAeNqtVMtOAjEUPR3wFR9xYYxx1bjCRBGVEOPCiEYTDREfE3VlMsiIKDAECsa/8Ev8DKMbP8Wla89cioKwUGOatqe3957e1wyASTwhAhUdAfDO2cKK8neLHUyoQYsjmFNTFkehVcriAcyqU4sHKa9aPIQL9WDxMGLqzeIRxJxpi0ex5mxYPEbctHhcaefR4gkkI68WP2M66lj8gkR0BtsIUMU9aiiigGsYaMRwiXnuK0hgmWOBeB8NeKgQHXLPoUQ7jTx8olDmk8ETHMON1d0kX0NuDM+GL1RpVRDNK54uuce5Bihz9yifl7fueGdoq3FM67owNLnmKdmldkW8PKBFWe415pDm275w+4zGo6SfVOOEEffKj+XUoDT0YhdZsrvIUG8L6zy5lO3gnHFmqev24e1mOBWf64wjkJwtM74Ex2qP5eI3y17mokQYIiOZC3NeFt1bygJm8ufV+W+9OxnxX9f5r3YuLVr5+OqDE8mBIZ8nWWtnrCQMPrXqtncaxHl5T0t/+WK9xzpr1rUqup3MmS6GsDP71TWcusOz7ne/6tfkLEqVc1Ljzj735N00jgQb9pyWb9HQq3UscdTJWZMMGeK4+FDiHlBa4H2W9pk/2ZzRlxwz2I661auuVKbVWRX5FyS5JpAid/Jzbf8jkh+uR8sIAAB42m3QR0xUcRDH8e/AsgtL71Wx9/LeW5Zi3wWeHXuvKLC7ioCLq2I3Yi/RmHjT2C5q7DUa9aDG3mKJevBqNx7Uqy68vzfn8slvkplMhgha608FQf5XH0AiJJJIbERhx0E0MTiJJY54EkgkiWRSSCWNdDLIJItscsgljza0JZ92tKcDHelEZ7rQlW50pwc96UVv+tAXDR0DFwW4KaSIYkroR38GMJBBDGYIHryUUkY5JkMZxnBGMJJRjKaCMYxlHOOZwEQmMZkpTGUa05nBTGYxmznMpVJsHKGZjVxnHx/ZxC62s59jHJUotvGODewVuzjYyRZu8V6iOcBxfvGT3xzmJPe5yynmMZ/dVPGQau7xgKc84jFP+EQNL3jGc07j4wd7eM1LXuHnC9/YygICLGQRtdRxkHoW0xD+diMhlrCUZXxmOStoYiWrWcUVDrGWNaxjPV/5zlXOcJZrvOGtxIhTYiVO4iVBEiVJkiVFUiVN0iWDc5znEpe5zQUucofNnJBMbnBTsiSbHZIjuZJn99U2Nfh1R6guoGlamaVHU6rsNZQuZUmLRnhAqSsNpUtZoHQrC5VFymLlv30eS13t1XVnTcAXClZXVTb6rZZhWrpNW3koWN8a3GZpi6bXuiOs8RdCFpfPeNo9zSsOwkAUhWGm004f9E0tSQm4CQpIWACtqSEI0klI2AIKjUGCQLOIWxRhc3BCpuPOd8z/Zt8rsdugIW/bdozdVVcL2U4oVQ0VO4yLGpOQh3ZAvKyIyw3ZZfXic0v+4QB2DwE4Hw0XECcND3D3Gj7grTUCwF9oDIFAg1GogxHe8GjJjtdnMAajh2ECxk/DFEyWhhmYrgxzMJsZjsB82lNRIX+yJU3JAAFTqVcWAAA=) format('woff');
      font-weight: normal;
      font-style: normal;
  }
  
  .hfbookcontainer {
      max-width: 41.25rem;
      padding: 0.75em 1.5em;
      padding-left: calc(1.125em + 2.5vw);
      margin: 0.75rem auto;
      box-sizing: border-box;
      background-image: url(https://scp-wiki.wdfiles.com/local--files/component%3Ahf-book-right/Herman-Fuller-page-right.png);
      background-size: 100%;
      background-repeat: repeat-y;
      font-family: alegreyaregular, serif;
      color: #000;
      position: relative;
      border-radius: 0.75rem/0.325rem;
  }
  .hfbookcontainer::before {
      content: "To the Circus Born: Herman Fuller's Menagerie of Freaks";
      text-align: right;
      position: absolute;
      top: 0.975em;
      right: 1.325em;
      font-size: 0.925em;
      font-weight: bold;
  }
  
  .hfbookcontent {
      font-size: 1.15em;
      padding-bottom: 1rem;
  }
  
  .hfbooktitle {
      font-size: 1.1em;
  }
  .hfbooktitle p { margin: 0; }
  .hfbookpagenumber {
      text-align: right;
      font-weight: bold;
      position: absolute;
      right: 1.325em;
      bottom: 1.15em;
  }
  
  @media screen and (max-width: 37.5rem) {
      .hfbookcontainer::before { content: "To the Circus Born"; }
  }

  Pages using this styling

  • component:hf-right [info]

  ¶ 1 occurrence
  

  
  .hfcontainer
  {
      width: 100%;
      height: auto;
      overflow: visible;
      margin: 0px 0px;
      padding: 0px 0px;
      border: collapse;
      background-image: url("https://scp-wiki.wdfiles.com/local--files/component:hf-poster/Herman-Fuller-background-new.png");
      background-size: 100%;
      background-repeat: no-repeat;
      color: #BEB192;
      text-shadow: 2px 2px #000;
  }
  
  .hfheader
  {
      padding: 0px 0px;
      padding-top: 20px;
      height: 80px;
      width: 100%;
      display: bock;
  }
  
  .hfnarrowcontent
  {
      width: 20%;
      font-size: 2em;
      font-family: eastmarketregular;
      text-align: center;
      padding: 0% 2%;
      padding-bottom: 0px;
      margin: 0px 0px;
      vertical-align: top;
      display: inline-block;
  }
  
  .hfnarrowcontent p
  {
      line-height: 110%;
  }
  
  .hftitle
  {
     font-size: 3.2em;
     font-family: eastmarketregular;
     font-weight: bold;
     text-align: center;
     height: 75px;
     width: 100%;
     padding: 0px 0px;
     margin: 0px 0px;
     display: block;
  }
  
  .hfwidecontent
  {
      width: 100%;
      height: auto;
      overflow: visible;
      font-size: 1.5em;
      font-family: eastmarketregular;
      text-align: center;
      padding-bottom: -20px;
      margin: 0px 0px;
      margin-top: 30px;
  }
  
  .hfwidecontent p
  {
      line-height: 120%;
      letter-spacing: 0.05em;
      padding: 0px 15px 0px 15px;
  }
  
  .hffooter
  {
      width: 100%;
      height: auto;
      overflow: visible;
      font-family: eastmarketregular;
      padding: 0px;
      margin-top: 20px;
      padding-bottom: 20px;
      text-align: center;
      font-size: 0.8em;
  }
  
  .hfpic
  {
      width: 50%;
      height: 100%;
      margin: 0px 0px;
      padding: 0px 0px;
      display: inline-block;
      background-position: center center; 
      vertical-align: middle;
  }
  
  .hfpicframe 
  {
      background-image: url("https://scp-wiki.wdfiles.com/local--files/component:hf-poster/frame-new.png");
      background-repeat: no-repeat; 
      background-position: center center; 
      background-size: contain;
      width: 100%;
      height: 100%;
      margin: 0px 0px;
      padding: 0px 0px;
      display: inline-block;
  }
  
  .hfpic-container
  {
      width: 100%;
      height: 400px;
      margin: 0px 0px;
      padding: 0px 0px;
      display: block;
      text-align: center;
      vertical-align: middle;
  }
  
  .table
  {
      width: 100%;
      height: auto;
      overflow: visible;
      padding: 0px 0px;
      margin: 0px 0px;
  }
  
  @media only screen and (max-width: 1000px) {
      .hfnarrowcontent {
          font-size: 18pt;
      }
  
      .hfwidecontent p{
          font-size: 0.8em;
      }
  }
  
  @media only screen and (max-width: 975px) {
      .hftitle {
         font-size: 3.1em;
         height: 60px;
      }
  
      .hfpic {
          height: 95%;
      }
  }
  
  @media only screen and (max-width: 950px) {
      .hftitle {
         font-size: 2.5em;
         height: 50px;
      }
      .hfpic-container {
          height: 350px;
      }
      .hfpic {
          height: 100%;
      }
      .hfwidecontent{
          margin-top: 15px;
      }
  }
  
  @media only screen and (max-width: 890px) {
      .hfnarrowcontent {
          font-size: 15pt;
      }
      .hfpic-container {
          height: 300px;
      }
  }
  
  @media only screen and (max-width: 830px) {
      .hftitle {
         font-size: 2.2em;
         height: 50px;
      }
      .hfnarrowcontent {
          font-size: 13pt;
      }
      .hfnarrowcontent p{
          margin: 10px 0px 10px 0px;
      }
      .hfpic-container {
          height: 225px;
          vertical-align: top;
      }
      .hfpic {
          height: 95%;
          width: 40%;
      }
      .hfwidecontent p{
          font-size: 0.7em;
      }
  }
  
  @media only screen and (max-width: 767px) {
      .hftitle {
         font-size: 2.8em;
         height: 65px;
      }
      .hfnarrowcontent {
          font-size: 18pt;
      }
      .hfnarrowcontent p{
          margin: 30px 0px 30px 0px;
      }
      .hfpic-container {
          height: 380px;
      }
      .hfpic {
          height: 85%;
          width: 40%;
      }
      .hfwidecontent p{
          font-size: 1.1em;
      }
  }
  
  @media only screen and (max-width: 715px) {
      .hftitle {
         font-size: 2.5em;
         height: 50px;
      }
      .hfnarrowcontent {
          width: 22%;
          font-size: 17pt;
      }
      .hfpic-container {
          height: 340px;
      }
      .hfpic {
          height: 90%;
      }
      .hfwidecontent{
          margin-top: 20px;
      }
      .hfwidecontent p{
          font-size: 0.9em;
      }
  }
  
  @media only screen and (max-width: 675px) {
      .hfpic {
          height: 80%;
          margin-top: 20px;
      }
  }
  
  @media only screen and (max-width: 625px) {
      .hftitle {
         font-size: 2.3em;
         height: 40px;
      }
      .hfnarrowcontent {
          width: 20%;
          font-size: 15pt;
      }
      .hfnarrowcontent p{
          margin: 20px 0px 20px 0px;
      }
      .hfpic-container {
          height: 325px;
      }
      .hfpic {
          width: 45%;
          height: 85%;
      }
  }
  
  @media only screen and (max-width: 585px) {
      .hfheader {
      padding-top: 20px;
      height: 60px;
      }
      .hftitle {
         font-size: 2.1em;
         height: 25px;
      }
      .hfpic-container {
          height: 290px;
      }
      .hfpic {
          width: 45%;
          height: 80%;
      }
      .hfwidecontent{
          margin-top: 10px;
      }
      .hfwidecontent p{
          font-size: 0.8em;
      }
  }
  
  @media only screen and (max-width: 515px) {
      .hfpic-container {
          height: 260px;
      }
      .hfpic {
          width: 45%;
          height: 85%;
      }
      .hfnarrowcontent {
          width: 19%;
          font-size: 12pt;
      }
      .hfnarrowcontent p{
          margin: 12px 0px 12px 0px;
      }
      .hfwidecontent{
          margin-top: 0px;
      }
      .hfwidecontent p{
          font-size: 0.7em;
      }
  }
  @media only screen and (max-width: 460px) {
      .hfheader {
      padding-top: 20px;
      height: 40px;
      }
      .hftitle {
         font-size: 2.1em;
         height: 25px;
      }
      .hfnarrowcontent {
          width: 19%;
          font-size: 10pt;
      }
      .hfnarrowcontent p{
          margin: 12px 0px 12px 0px;
      }
       .hfpic-container {
          height: 200px;
      }
      .hfpic {
          width: 45%;
          height: 85%;
      }
      .hfwidecontent p{
          font-size: 0.6em;
      }
  }
  

  Pages using this styling

  • component:hf-poster [info]

  ¶ 1 occurrence
  

  @font-face {
      font-family: 'eastmarketregular';
      src: url('EastMarket-webfont.eot');
      src: url('EastMarket-webfont.eot?#iefix') format('embedded-opentype'),
           url('EastMarket-webfont.woff') format('woff'),
           url('EastMarket-webfont.ttf') format('truetype'),
           url('EastMarket-webfont.svg#eastmarketregular') format('svg');
      font-weight: normal;
      font-style: normal;
  
  }
  
  @font-face {
      font-family: 'eastmarketregular';
      src: url(data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAAGxcABMAAAAAzHQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAABqAAAABoAAAAcnANy8kdERUYAAAHEAAAAHgAAACABEgAER1BPUwAAAeQAAAxIAAAY2H0VDv9HU1VCAAAOLAAAACwAAAAwuP+4/k9TLzIAAA5YAAAASgAAAGBoAwfcY21hcAAADqQAAAF7AAAB0taQSvdjdnQgAAAQIAAAACIAAAAiEEAJ82ZwZ20AABBEAAABsQAAAmVTtC+nZ2FzcAAAEfgAAAAIAAAACAAAABBnbHlmAAASAAAAUoQAAKG8LRZKc2hlYWQAAGSEAAAALgAAADYGKOpsaGhlYQAAZLQAAAAgAAAAJA66Bg9obXR4AABk1AAAAjcAAAOUk/8ZwWxvY2EAAGcMAAABogAAAczGp+5UbWF4cAAAaLAAAAAgAAAAIAIBAf5uYW1lAABo0AAAATgAAAJKMhdN8XBvc3QAAGoIAAAB2AAAArbll8LqcHJlcAAAa+AAAABzAAAAiOPlF+t3ZWJmAABsVAAAAAYAAAAGH6RToHjaY2BgYGQAgjO2i84zIIHzRy8oAQA1HAUCAAB42mNgZGBg4ANiCQYQYGJgBMInQMwC5jEAAA4WARcAAHjaZZhpaBznGcdfWYfltWRdqyNyEieK43qdqPEVHZaVmLKxZB22rMiyZK9DWlwTegTc40NxoR+abQkliB6YsJRQwlJCCEvxh7KEfhva0JIl0KYMpqRhSKA0DCGEMJhgdvp7n/eZ2ZWLefyuZt7j/3/ud0yLMSZjDpunzI786aU1s+c7X//Bi2bUtPHcxLGx75t/t3z7m9970XTaXyJtZoeMnaZl5JLMXDS/a/lZy6str7Xc3TG2463WhdYft422d7aPtR9sP9v+Uvut9nfbP+kY6XiqY62j1HF357Wdn3Wud36861e77mQ6MoXM67undr+9+/2uPV3Pd/2te6T7tT0re6Kex3v+3nu89+2+fN9f+sL+/v6r/f/uvztwdOClgT8OvD/wZbY3ey37m+yt7PuDHYP5wecGPx76xtC7Q58M54e/NfynkY6RFTNtWkHXF5fMQD0wWf4N1iMzFM+b4XrZjMQZc198zIzy9974urm/XjP7Y988Gr9jDjB+hfkHWXsoDs1jyOPIeFw1T/DuML+PIEf5fQw5jjyJTLBm0syaKX5Pm5w5wd8zzDvJOIvk2e8ZxtOMc5w5z7iALDP3LLLCuvPIKs/WkAtxYNZjz1zk2QayiVxCLiMF5Arv2swgJwwhw8go0mJWOWPY5PlfTkPmkHlkAVlElpBl5CxyDllBziN25bPIGmguMK4jF5ENZJO9LzEWkF1myJ4Bhvt5egCx+hpnnEOWYbvGOGYe5Wny9iCSQw6JJovmq/x+AjnK38eRSdXYdm3l0FaBXQtoq2DO8PcCaxcZl5BEc+dYscK4ypw1NLvOaHFvIlfEmq3sNmj2oKnbgnskroD9r6ArYucQVEWQlEFSNhO8m0Sm0O80/nEirpkZi4w5s2YfyHxQVUHlgapizsQfgapilrDXOWSVd8/GEUi2sGGkNqxhwxpanMeGNXPZapL9rjB2YcOK2G6cFRPMnpSTPbzH51TPzPJuk/Ey0uCTWH2Ep3a143MTLiUzDs6j7HocmWDXSZ45PrPKp4udC8onaOLjwSdUPr5Z5vc5ZJXnjlMJPpUmn1x1Pil8SsJnxgywc9ZqnHGI2cPxPlAWibgSSD0izgNtgYgL1UeSiAtNTqxRQxel1EcO8/6I+AoRxygRxzghfrNqpvidRpz4UA5mOZgd04ibT31oAf+QGLCeiqQxwHnnkVXmPisROI/1LNvrsK3AtgTbCmxL2KEE2wq2KJkObFExnTDql0j8D2wj2NpI7JdYaeVdJ4h74v+aXn738W5QbOfJvL2862ZWyKyi6WK06wZkN19m3Mc4ik72ipV9cwp5nt+7dVUFa2ZZlZNVw/wekWxgtRyYUzx/nmcWqc9st7/zGl/225lyaPhUKG9P6SlFMn4OBlXQ12Dqy0mSeyQTsBd1ZS/Mla/gyW7LTiNgGWWGzRntirzEnpEgt2/68IiIHBxJ1kgyhc0MNhLy/D6NuNxZFB91+bKItYpYqigRP8LekelmdS9vLYoxcB/g2SHE+tVRxuPIBIgmGafjN4iGD/GZDCdEnBBxQsQJoXp9yO42BgPsHsHVatJaqlvsWkErVbG/PWm/YI80mquaS+wpFWLvOlw8TqsS1e+IJZd4txx/lziLJMe7/B7hXTaHtnJmb3xDeBxglctWZXaPJB5sLExgk0kieVr8P4PFs5qlPLhU4FJtiuglOek84qI6gF9Zq42NbA9f/y1Iivj6FkhWiGqq5T2ci3DegrMH55JwdjXyhmr1tnLegvMLcC5rJguEc565p5N6EX8fzqFwfoSqnRXb9TD2Ws3Cqx/LjEml8TU3/EK5v+e4xx9w0j80m33Kzj47/wveH8K7xgkvSBZL6xzP1+I/K99fwtfatgzfLzSTUV3Z6zGJi2727SFvutg9BucidsnCuQiij0D0ITMzoFonW2XIVBnQBaALXIaK7zT1Ax9ohcuAtBekVzXvnhWkS+y3HM+oXxewTg2kPtbJgfaG1pEcaCdBuyEVocB82wvcJ5HXJhYqSlz1aqw3/P9zqdLO922Vq2KlUK10FQvdEmQLYpVIdGb9fkM8054UYp8xybwRf9Wpqa1yXqD2CfHPSCI3qesTnJnnmbX2vFQWW01CjSlfdW87m1C9IMDmSQS72HpT/Gy/njDOs8Pi/ZaFL57evPOm7vSoYsNb4WRjqI/caHONw1oBq++qZXyE3V4Gb1Wq5RQYppETyEnmOGu9o35lT7vJaZ7WkHWtkK/CqQqnH2KlV+D1CkgegNev1aeeFp96CFRl000v2gOSXhtHIHUeDkeJ8g94kxO/Gif6jjIeR8Ri9LJT1JHp+j/Nifrr2pe4Oi5xZbs8xjXtHTfjNadZQfB7QdAhmnV+4YuHTjNaO+8Rbbk3HmcX0rcz6PqksHd6djlrg1WR6Dvb0DXs+kBqa8QYo8sKT2okBJJrT7BqBk8+yTPb2+TxkQXJR6HsaK1nc2zN9NRDF3eM/eCxiPdLbi2KDxyRHGMt9brmVbtjTXNMuSkD1jghkMy3KjFV46Sa1IsBwd62LZsn+D3FX2nC73PaW5wWpPjnxP4O98OqCYv7eqrLA8w+hCSYG9Fhdw01Cmvs/LLo2eGvgr+mHudrfrAedy3tydaQdeZdTPxe7EwubuLkwckzvbzpQyOuSvlplT2Ibx+S7B2Inf4fYUV4O4SB2s53ccHfNrbnuWlZ+y2KZ4RazZxOXP2MtBOONN49vDLSSheSvWr4eys8uqXLqGiuLTkr8Gy/oA20J7jalF8j6Q9s5Tuh1e8kIhFb/4M5Xf/UzNU/M/PEykL9LreGYdA9R7dXJseWQTgMwgoIe0G4Zdbrd7QCdoCyDZQGlPtMoX4blNfB1yPIXLc3Du4J6Z7DNDKW09wWiD/YKp6TzNxDR+l4zWoNsbxq8PLIRAGdr+Vn4+7n2vHaOlLTCu/DMys8Twq3L/QeuYBvPMLJZTRvK93Deo/8CdxmtH7Yu+QaiL6m3KpqAU/rR0VuFSPiMz2scD1eqDXD8ixrzxSqxs9i90LK291k7c3njaZ+KVBbh2LnKy42tlV3n9zn+tYxyXsev6w3VjnxR1rhA7kR2V5iRrJw2JSFa5KF3R3FxrWv8RBKPLj7iaf5LwPPLbmfuJ4qqS4NT/MkHnIaD7Z7a8RAoP1UcnKgtyQfn4/U5wtoPumrAvQQSha+ILqobdNFQf3iIempXK4o3dPhVaVSN6LRA0lNup0pycWR6sLbpovF9L7mSzW6oFXW6SOJPF8rrZfe5CtaWUvbfVlv8q6n74ahq54Vc5qId7l/y7GRLyyt1Nhd1sK2utmcw5skVsbw+FOS610vsCT9RSR+clF2qmpO8KQHuII86GqAdDIldor0/MYN2VrF3fBq2kf55ozWwEUseRZpdH2+66V4JqcmXzaQSzy7zN4FRlsjd4qnJrcq2y/MC2PHtFtwNTqtkjLVfMXo7tSfiyadrr+0+kGfXbJ+1vmefKHSmwPPXd++qrfxADZvCBNXsQLt0a01A8n0XRqxthe/kVbcPN3uHBXKZd2q2ukm2n1TbnolUM9rZarw9o7ea6ydk67g3luQ1dem3kvaOTGUW+yYeGAkehlUX/Y1tj2NbdfXOMu/d08989QmthaX9Mbx023fRnZLJ+juiNn0vDn05pBFei+L5I6y09WQJj/dZO/EPztdN9/01mmmMaNLejPxYDTUnOnH5EtAcj8LNYItV7vCeUJBPKHZCxxr5+vJWY34j+jELLO+tBurEHHXZKbNlPu0Gt7QHFXU2xa9iHlA9/bw/ozmJc/lJdZYz3ffx/ZpBOSIgJzLS4ziSyYnJ11k3EA2zTGiIKdRkEMfOVa7G4W1q72p31YkgeB9gOcPCtPr5hmNauczIdkxasqOtu/ypbtzt81Q85Inkb+hN2t3AwjSjmDUZZ20UmRSb5qQOAmUu/WommZAX75rNiLedXoXYCJ3DeY3on2fRnsWv7E2d5XPl0wlXz9FOxkypHi2zEgq+Cq2KMnMPKsa+vclWhbvyTryTdWyll0D2dX6666mM0vyVWpFZkaao6I0r2q9AvP2yKpopmmuAr6endF7VpLx3FfHK7K2cb8KNJKTnBXqTqHr6OTr2HtNbMKUzbr4rcOW3LGa7VTRChVoLgsk4huVOsFVFUw70m/KO2ykytd7a5cWcsBu04b+u23mMfcTNWPu/m2eIuvkzXPm8P8AB9rNfXjaY2BkYGDgYtBh0GNgcnHzCWHgy0ksyWOQYGABijP8/w8kECwgAACeygdreNpjYGH+wziBgZWBhY2BjYGBgXEWhGZKY0hjymfAAxxDXJ0ZDjDwqv5hS/uXxsDA7sPkeYCBQfjoFQYG5rusx4FKFBiYAPQHDUMAAHjaY2BgYGaAYBkGRgYQOAPkMYL5LAwbgLQGgwKQxQFk8TLUMfxnDGasYDrGdEeBS0FEQUpBTkFJQU1BX8FKIV5RSfXP//9gM3iBehYwBkFVMigIKEgoyEBVWsJVMv7/+v/x/0P/C/77/P3/99WD4w8OPdj/YN+D3Q92PNjwYPmD5vsHb72AuooowMjGAFfOyAQkmNAVAL3KwsrGzsHJxc3Dy8cvICgkLCIqJi4hKSUtIysnr6CopKyiqqauoamlraOrp29gaGRsYmpmbmFpZW1ja2fv4Ojk7OLq5u7h6eXt4+vnHxAYFBwSGhYeERkVHRMbF5+QyNDW3tk9eca8xYuWLFu6fOXqVWvWrl+3YePmrVu27di+Z/fefQxFKamZdysWFmQ/Lsti6JjFUMzAkF4Odl1ODcOKXY3JeSB2bu29pKbW6YcOX7126/b1GzsZDh5hYHjwEChTefMOQ0tPc29X/4SJfVOnMUyZM3c2w9FjhUCpKiAGALnGgkYAAAAD3QXHAIMAeQB9AI8BmAGYAbsBkgDhAJwAngCaAEQFEQAAeNpdUbtOW0EQ3Q0PA4HE2CA52hSzmZDGe6EFCcTVjWJkO4XlCGk3cpGLcQEfQIFEDdqvGaChpEibBiEXSHxCPiESM2uIojQ7O7NzzpkzS8qRqnfpa89T5ySQwt0GzTb9Tki1swD3pOvrjYy0gwdabGb0ynX7/gsGm9GUO2oA5T1vKQ8ZTTuBWrSn/tH8Cob7/B/zOxi0NNP01DoJ6SEE5ptxS4PvGc26yw/6gtXhYjAwpJim4i4/plL+tzTnasuwtZHRvIMzEfnJNEBTa20Emv7UIdXzcRRLkMumsTaYmLL+JBPBhcl0VVO1zPjawV2ys+hggyrNgQfYw1Z5DB4ODyYU0rckyiwNEfZiq8QIEZMcCjnl3Mn+pED5SBLGvElKO+OGtQbGkdfAoDZPs/88m01tbx3C+FkcwXe/GUs6+MiG2hgRYjtiKYAJREJGVfmGGs+9LAbkUvvPQJSA5fGPf50ItO7YRDyXtXUOMVYIen7b3PLLirtWuc6LQndvqmqo0inN+17OvscDnh4Lw0FjwZvP+/5Kgfo8LK40aA4EQ3o3ev+iteqIq7wXPrIn07+xWgAAAAABAAH//wAPeNrFvQt4W9WZKLrW3ltbD0vy3rJkWZZlWZZlWVFkRZJlRXEc541jjBvSNE3TNE1DCOEZAqXgZtJM6maAciilD+BQhmHS3Bwuw5e7tyweQ6ElUIbmcCiTmw+4HIbLyUkpkxYYSjlMSJOd+/9rbcmyYyehnXtvHtLWlmyt//1Y//8vIpClhAibLV8gIrGSbp2S9PySVap/P6vLln+ZXxIFuCS6iLcteLtklZVT80sU7+fUiBqLqJGlQpvRQe8ztlq+cPIflkovE/iVJHjmEyFsOUaaSAe5nJTaCUmWW2TilJLwS0mSarG0Rl4ry3a8ZT6NN8jEliw7rcQGL2wNAXdSD9uP6500qTcEVI/mL2pOtSS2tBeLRS3s0eqKsLYWeKO+OCfT0NObyzb6vILVTa1e2RrtpvluGu8UKm/I0fbO4L1XX3XfUMrhdwjCk4Lo8DjSw+3fWb9+bGz9+u9YvKt37Fi90njm2cxlGdlhkerk5NrEIbryT+8Mbt06OLRlC2Gw+cV7xKdkD2kH7M0lmiet5XNlUSZWKal1Zqm2DEHTnfbjmlPRo7D4NACxnCZhsR7VoztSRb7cQhYX5m/0wtpw0fE5hd7CAprv6YzDwrtpbJqPTP6E//qlDsV+1W6bMLoimA+MNDe3hnOtEaffmVtDX6++ecsQvHlJc2DiTcuG4fUO4dZVslveuS+jhBwptzsUvDilqJIgW5RVfed+G/FASZjEhAcse0mO5InmTlOtJ611vqaJ2XKMkVCzZEuxTkdyfGEsYk+WOmN42UnsST0PyAAULKCFfM4Hj/DPb427qc/b6G+l1X8ItC+aj7NPcKDDwh1X3yLXSZJDfuP2lW6PhFfOoFuutxW++qPRW0YTSZskDGXyGXHnuvsXfXhAkgT4d/e6mCPYYGuss3nsSthtU239e9ZsfHDxsUdXh/pCDm9d3435vqtBCobPnJT7LC+TW8ht5D+RI6R0HXCudmNOv0Y6rn0rW1KAefWcfLy8/tIbFVeyvF4migTsfCej+W3W49ptilZse00tu6ykBXDgSpeL/Oo2RU/RZDnAcRNQ9O/Cq63slf494JKiS/WU7H+1B5k7pT6hNEZz/Tfu/k4HcH3A85i/fcW262/HF99VtSFg/GuuA166/mb48Hr1CeELZM03v3Pbd/H9Sz2P9Q8t+fwe9uGcOm53BdrxUkEBAqzPp4X5NA84BXTmezpy86g/25gDbLdQn+z1AZdFCpwm8xnSZ9FoOzKfH4jTwOiSy/byT8DP5hqz8LN+K+NH/GDtL/LnfBEgKwhevJN0eJGq89hPU6B1rKGnc1hw7N+1NNJKhQNAE1mxPfWPghBuNE4I8MffJa0qCIJk8zlCOcFm/18O1eYOOKLzmuU6OboiLVklwSbsujd+jTcbcwec8M/hFKR4+6KNxnxH6vK8J9bwkfEE3SPY7rlesgqhOX7j5XicfvjcVfQdyQ4/LI3+vOea/GWpO/YKgvv5XZLNItmk+KKQRxBE/5K45JCWb5ElwZGJOgOKcYMgwWo8LmAod0Bw3LftomizDW+FByLwc/Avf1lyyzaP0ykIHhoedcrXPl7nctL34pflDxsvbn0EZAZ0Bz3GdEcCNYepNqgWZfxjB0UBekPvqCgLzXFhquJciuB8ss5kOWS8LGyxnCAusoRodWndAewupXVROk5BtHFtVuvxkpWgCFsle1JzZPV6XKWjDlbpLGqSqpGiJno0AVeskIJPFlTF4/d1khDd8PvhTZdd/J7xU2ETPUV/YLspYDxkrDXWGfcHrnfQu+H7I8YrwlXs+5cTlBkikQJIiZzWreYSxNd0ByxBdOASRBmWQMwlEBdfgqwCujSrR7PBEvy9HlUR4vlGoirEGhnetGn4A/plY9/7LwTpFrqfPkw3Bm6yGdcZkiEb22yIg5i4RjglDxKVkIa8P17wg1KK+eKgmUDvxk6VXl0x/GqJklPakeGLX9Wk1R/PP7jj5Mkdv5j/cfHpHZ+c2PEU0td4mx6j60hkCn3bJ9E3Oom+hWno23NO8vZMUHd/hbjWHT/NKK2OpBAKhlakkbiShMSlZAC48YBwB2i3dqKRtE6l4/ifIoEJ6CDRSiKggyxcKecjvgG6TfCMjuLP9p/5BCi2htSRNCnZ0YqL3IrXXFPNyaCTATL872K/qFBjdvsrJnb/hCGlZ+437hLekrfAuohIc3SL8NOHTq837rK+fiLB7GzuzAlpqfghcRAfcEUJaJTU3RKwAIWLBgSgkX1vHWjdOkVXQYfK1uO6H55V4ErdJhZBTza4Qa1aZFJkVlfpyGUlRYq2d1BvI2gipRN0Vo6m33iTdhtH/uUN4zB9KF3s607NL6bpR1Q+ceL0xx9/TOW9x47Rpe/81rR7RBgV3yJ2sP8lGVcFPApmr0RxYUSEhTnSmu01XUR+tTF+tYABtIl4aQMDCI/AwHpdBeMq6Ml8Tg0L8urTj68W142demB0VDgK35UE3NwqHiPD5DJSugi/a7HluDaQZdflpTLxAi1m4ff6xONaKxqekEx6kCiXMA9rsZW4gLgjgJTFRPWUrb5Q50VgDoi+dDHgCNGi+y4CTpxjciJX/ZV/8Z7O6CxqbZfraTSfnXgXsOhvoSa3MocLtH4O7kQKAAvj22QkB4bZCUq5wVa4PKi4hY19sku2ueTmX0h1Eqij6HAyuijyOo06H7/D0+UtfBW8MjrY9PypZ2VBkO/L7xxwhuodYLQVW2ptzB9T0hkwC4v+Dh5EQXaDXb9jB2jdDY8tsvmd0fVp8AsE/LvyZUfI452DtEoZmrhPfIf0kK+QkgR40miu3MPQpilpvVk+rnWm9TjSLJ/W2l7TXeC2zQE06lbg5F7AmrWNiSnRO5vhwlXU4kzN9Hh0a6LI9F4OGQsMaq5NQoSg3yJFwOTlwayCdQSs9faYopyv4A9dU2sqdUWRSnTN3i27XzfuNU4NfjPnbK53B53XPqkId65RYqqnzZ1b3uqoE9YtjojeF2T5kb9dvyOVeGT0qd/Itr+xCJePOfy27df7JVnYLcmSY/aSQNK7eI2yHGEvGAeke8Q3QJ+NoH+m1wOX1mVBA2j2nC4Cu1jBWQXvVXlNk7JMiuRsqU5BJq1zAb8qdXipuIFTGwARdYqK2h1Fm0Yo+P7AtVGTcwsgv0eMBJ1H9w4MrD795KrV4p5TBs2MGcNjxpHRUZpCXgZa3AVyEyKrScmNPKsAL7cwK6OJih5CkW5Na87XdBUkR3Xi16v1oOlVRbfXJXU/kCSM0u0EzhWbUboVES6dfpRtdEzAuwD09nbG1YgvoppOJEFiJEPFEPDKjT8XhPefEE4a+6JrkpsfMe4BrI/mXwLc3fro85qXfrzT+NAR9KbHf/iO8UebvaqH8pYURDLzUQoxltG7QQ+5EARYe7mlp110JfUWXH8/U0kx4KKYomdgsWFQSQvgOQPULLW0N7DYBaIYl7WIAPR0oxSGQQpdGMk0cOsZmUfDFPypznbue6FLBSaiF7gJeEyKtgkx8MaYtwz8ledCyiQxR3dRR2JlXABP1+axpb8c78/zy8M0Ybx+2Dj8BhgDQbLYWiP5efNzslNSQnUgNIvpffTzwk6QraZA/NaVggM8mzf/9Z036NpfRhZFvCPJ4mXP337r84Lga0xsZHowA/zlFo9C5FgkXPfJ4nF2USYyah0wMFSzMTVkZX5uxYEQgKXsXPmpEWQma0Z8y3jZiArEaOwS9tKBky9L2tNgGfJnPpCGLQXiJ4vJRnIHKfkQ+63wPV/GL7TDhQwXpTqKQeXX2Hc1MZWnySjFS4CrmxT9C5TFlXjbqYy7nB4ILePwVjyte4A+m4A+S2Sgj9iyEOkTVx/zddgXXPplUJS65wsswiT6l1tVzzjxLFzV4Te9Mu5AZyfEHuxKjMcw82gfZbIPTjT3o+fke6IVg47/3LRhcrjjr1h8TvP8dnDcqPO/v0HdG0Y2bDd+f+IT4z3aIAuOm9cClSgVhtYJjfVAOueCmMNjiy1uzER/GADnU3DMi4LvGs57wj675Fy3MLPMJUn05o2PL8zfOXLXS//1+yN35Qce27j33Xcf9s72Lr1OWpsXUOUKsWQDpaBXPXNbbC5bMOVefJ1wd7RLxd+ZCoCUeKN16ZVRf8qbHy5EbAqXD0OT8qBjUT5AyzLzPA9E2p5GKw2uj95VIxnWqmSgr4CSESMY+DiZZGRAMtoDTDLaGwDvgaI+rwskBO034rwj1+bxgXzMojXqdQFDcbscxVAFCWDqAY7PCkpzNPEKzbxh7DY+BvmwNdjgX3ptfKAXnh2q4xXjdfqDvgzA6OlwAu+D+2SLRHJFIfbuG8b+PxhXGY9Ko4IQaEqMrQRFIrz5u9sPCmpL4muZ6ACIR6LvawcBF8xfEheDv+SHuLjWS9J86XK96S81ISo0ZxZRoHnYkx44y2tSp/OgpnpSQn7wyisHh7ZeyXMT/cbbgpN9fwpsHpCg6qN1V77TZ7ppTfA/jWRA9HtaY4j0iTQKfmnDeR3T6rKE7TN5qF8U7jZXaGw4v69qI8dEm3QY9Af44NRnpz6bSAwATHjo6/SZZ4wXjBd+hp9zwuec/HOFvJ3CR4HvTxsiOfYzELy+Z4wlX2f4yJz5RDxpOUJ6QX/8DSktRHrM4x6sC0P5rOV4CU1TmcqkEW4qqEy6mTJZgv5ATbiOuFLsx8f7lbQtqReAcoW03g9IXApvtBVAN9RZs70sXIfoP9Q1byFqD6UfuNgH7EzmwUWL6SqgE8D1OfcZmOoGJe/HrNVkJ4wr96hVrCFMxjOr0Z9pdDQ4AulGGqXb71kHqB65QXjR6cssdQYcEEw7fA6388A3JJfcGBrjVBqTPnwWgl6pDrj7YPnGH/bb6m357ats7rr0SDy3bdgddDt8TnfUF8o3bbx2858er3jrAll55kV5l8UgW8lfkycI8zjLCeZollIo73GJa/6SBR+G8WEleltb0vpqeGv1FtD7ZPU6sOX2tFaf05fJx/VrwPkaMWPM3UxzX8qRfami+wCnV4KquFLRLwbdLfM0ybfxrg/YVUnMQm1xsbrQKTqD9q45rSOrv7JlB/Nrr7GzcFBPLFM9jxN57sJLb9nBNTbojTaiMgyC9rXK7Swx0VvFM6Y64KY1incwUSFZqw4uz2m0Itnww/xXwSN7yQmDH5PBNpMYz3M0ggWokJL9kpX0CB2iW+kjbx8YvrM38+Dnnf66m58UBOO+vu0ZSSrO51mE5Hi0sGMheM37qAyCAT6z028ThP6YO+jqyxv3Ga8Yx43t9C7qv+OT9UDsQDvYAJt8lfEvPzUeN1LCrYK/WWAWAjQb/Iwn7i1uDnn8wlH49iPGKmPs0ROFbHK+JGwf2/ertOITPGFXOi4IQw+5fcKuBz0xf7DQUtg2l+U7hGResNkStw7SQXqVcZPxLn751esdddGA7JDlOvnab9LDX4/MsgqS1dbsW//keveG4cxq4BmI4iwJyxvES6LkOlIimElTcjoFz9OdLTlQ/MDlK0sW4nCBeszpkgW1IdU60prwGjijuheEzJctCV70GgQInDQvi/O0xqzuth8vuVV8w62AOxFDv9DLXfU5mRz4pFH4z60zOqlqJAA+63x0vNG8AjkTg8uX04vf+4BePGiQM6AE5KWFwmJ5jN61kz766EcfPXpqcEzwnP5AuEvIAlUK69YV4Al8Eoj/pKcsL5ImiKf7yJ0cMgZWIFuSEaw+cEvEXCGbzZaj7UQG3zCKEcZ8hEsPAFBRACrAgJJYIgP1y2yAAJPGLei3eECv9MON2Zj3Dhd1Z4vphFDQ1lpjUWuHz7SACETxttan6s7ZaCE54JFso5k+ZV4JsF40zzkc2DvPU3A96DbG4a+1PTonSeFfeNky+nL4ya07X1m7Ztu3jSPl9IbUxj3L+wIZZKfhlQ5gRtesrgWCSOHPmHRwzBeO/efbV+5O9T1xx6FXozbbrbbbfnLHQ1FhbPsSp9/hjqrzsxnKfMXEmRPiS5bDZBa5iJTiiK8oqIXqBcOaB7DmQMVi52GtyNRwkrkNaKxms3xTVDVzTD15pdBrAUh9URDcaprSCk4V/M0xz8AHkLeRxP/+D/SagetzP2sVJBG8m7UbPG47uDvKRcsPiEKwEM5sW2DsMp4XToKXNPjcP1Fb3f+5STi8c+WP0+kr8vtu+xvZdpPNQe8Fno4B7V8C2tcRD1lZQ3lntmRBGCSRs3ADIzWQsySwMEagQGcpizsC9UBWTAR5ERyJgjaz2euLNcRrI6BXQGmoSmc8BjT5N+qnDxkbjOMN60ZH1yHejWdPPWkc3KV8TDfSTR/UA36DsC4Z1hUmV5FSEFfVCJYNL8pNHJsMxXUWjmsTxWVCg8CdqJAJeGoqLLwtrbW+pglZvcHOxLShFZffoEI82NqAl62YwI+YmYsc+igRIADg3sdiLi9oPUwBgMtCgysOjgkDPw3clRumq4wDF/ccaNp3eu/YQcEzSk/s+cWra4fzp58bNd7LD6999ed/82uWhwQ4HABHgNxESo0Ihx8w2pA9e/lutvzGKctvTmtNk5bfVFk+PPoAiCYGRBPqkgYFg5CyjduW4CSQ1BqQeIgbuujgHmHj/uYDHJglpw8uMeEw/us/ckC2j4HyMPdGIGZ8Hfg9R0ZJKYNwRCps7hN56Fh2ysRnsnm5M5ZxgproRFvYw3gnCAAEFcS0ngQ2iiRx3ZFOvnuiR4IgBpmillRLss/J/OVYBG61FbVOVReCxaqEcF0wRUhwo6XR41fBt8ij8VJBbmahqIQP/Vf6g9z6JHgPT4UFG+h0aeeeZk+9ILt33jc/t//Bo1f9btThd4AXjeIi0svLTzjtYCV+ZQpM5urCA8ZJJ303nb759QeN/YtbBRAchhOQHUsBaOsnXzetQQO3Bmq2ZAfMaK6cboOX9Vm0CXYgbB23Cb4sc5m5TfADXhygPv0Vm6BLtmxW8ysoUOjfqoAtlVkMtQGo7M6arnXFJoCEqfCX5y5wD3MZ/BEI9Qhk2TKDGB+gBRAeGzv1K3Hu2J8GmA0gJm8K65jsX1Qj+fYayceEipNRDwQcYMJF2OtgETIs2F41YlLWzJGaAs+WEoJF9Pf3o3jjt6IvbBwQTsD3qRBXMQQx7NRlNTWN6RuWu5Ff011W4CcZf7kLvqoku/BStvGsDcFMeBaCobz5RWCMrTbJZll/70VCbqnxuxcOHwbdfpPl4ttu+9PQ88bvBE4r0MwSfncLGTFp5ee08nFwNXeOQawAxCEGcYud5Y+EllowW6s6zuoK1uo4lXFljuZ8UQrcCZSAeEKNL18uENkpg8tDd388aNx/96vppUbM++2NiJZT/45ejaiOnU4MGw+N7Ti8zNiGa/XDWj2wVtckjQx0wetyHff2J9HIPZVGVkDcZALVTyFQpJBT/YxEVOp/yqTSO8Z9PB9sfRn8nDlkh/n9nkiOY0vhiktz5vQEaKhm+O4M++45aBnmVL9wjqK3o1QDDiMKy7ZBpFFSmK5SPEDKLNxqnwMCLhe1iKrZi1oDOrlElxNw024iFt2dRj/LznKnp9bfUae8DC+jI+9t1AYHtY3v0UuWG0ReXCgslY1Vph8kPvnoR8lEIskcIenghAv0p4HJr0zZAF8P+eVKUmpAfiE5XQWQqckvDsYvepN8/FwMo7UwMZ4iw8hG3LlzAcQWCS6sE6zkM531Rg5yTydT3KGLLxak3B1Dsk165KNVpz9YnikM7pJeGLs63St99Mip4ZukUmb5SP5P63jcHAd9fQxoWEcaMauPcTvmS1mxgu61wKL9tbv6HjN90QTPHsxG2tleg7d+IlVRjRDaCFU8uaxHEaLtQpzGaQH+xo03jEPw9w36Znz9+jj+F96lN9Gdxphxh3Gn8R26k95gnDK+T68XbHS78X1YI9rGRwDH9eB3bqjhdNeEBtJb2rNZtpso8FQ2MKCLsbirHlncVYtrl6I3mr5IR0VOdbsyyRPxeYkF0CrWbMHz/YBo6KKL6DEaoHeD5/TxwEBxQ8Ahj/SD5EoyxCwSc1PefeVF4/mEcXhMSCVLNyaG2m/a60EZ5jhPGAekdwDnfoDn84Sjug1DgLTuQvUWrXh+mMFrNTEOK9WbCIuptVZVE4ua7CnZFZWZwDYXROFgVYO18Z4iWNHczUNdwwpCasiRqJDjV6/eu16yS4f3GYkXn52WJi8ZP5jbfOOwMCa8dG8f3UaTk6jD6kKAPi8CfRoh8tlsak2V64H6GhJFE0iiWYxEjQCcH2SgsZYujYoeMumSxOcQqE9nvYdByHSp3ecvTqESevqmFg3Qs4nlrxBL+/6Ne2LLjSWBb2wubJyWYmO/Xzn86s6xe/65x9gylWyUBM4cET2WT0iErCWlJoCQkW3c0iTa+C5ny2uYYBp3+lpsSZ0AeCRd2fLUW4BuelMAd5xYBl9CiCxNmAC3QygjqqDdWJKvYGHVIKClqrlR4MN4BagAbfwFVW5dHw4IYV+4v7kwJBgnzpA7b964bsHai8WT+/7XZeUvx/1LopIspFY1J4ajQ3u/8ajx71etH7hvZM3DyzdrzMaBd2xxAr2YJ+9iu4vcblCBp7CdvIYFX+qqaTrAsa83TUd9xbyX6pnpqHeBqvKaae0uynxI3CNB7zFqDdJ+YZT2PbXg7waE0wcHHuqXNtArjXt/C7YeMP9b9I/OnGD+kQ/3R1Rcj4xZFVN7EhZlsD1P72u6CAvwsv1EL3KNyFxZHhOztbidsBbcCbWLICtq0dxnZHueedV0BNpJXo0JZLhYXClIy4xHP/zQeNSydOxP6eLKz82TDo+d2vm08UfqfEYcY/iSAV8hWJ+DfJtrSM2W48gBTctccN3qQN6uA5KDL9bb/NRzT7x/F/ElHZqj2w2LtGgORRccn7L1Oj59qn/h+9vZ21K3ZuvWJEW31n2qC6JNsym6WPcp0cRu+rggSlab3dHN/2gLmymHxk4BDhqhMn2ZRmmMCsuNbcZ+Y7NlZPRUUXxx7OTTlhFctwL2+TCsu4EcJiUPYc4LW3dJsDlyfOUli6shi2v3pjH3xNb+rLm4BnPtDdW1e2Dtzz3z/jfZ2xZ4W3nWotscn7o1+7NP9a/gMAOw3Zq7G0F2AVQ2u01z4z4W/Og/vn8bfKJOsyjjkkVpSJbgse27bd+Nym7VUyTjomRXEFa60AnAWwB4l1vxNHTX/JlAA20Qo1Vk1AE+FMBHbPeuYXwCxEiDxnZj38P7qqihj9B9FQwJydOvIpYQT27QXw8xPPWQkmLacDe34cyLsed0C/NAK2gC6XXjRrvH1EZ2CisJ4krsoG1hMe7ldLFxdJC+WjpChWXGWzQzbPS9/smYMCTcPGZspfeNnf7D6aWj9HUjYa7hjGFJwxo6yLfMvR7wGNhFuZHFfFweXFweIFJos/soBE5t6FfE0lqU77pHmWhETdEI1QQGocqmIisrFKOwfF8TKJ+QCrET0e0+EJdQsSItWBlVIzBgCv34mtc05SFq+mgoCf5q8fNC4ybj1SOG82f9W9d8Vyh8b+WBj0GSTieSS23Cqpzw0tipJ48Yrws0tXfn6t9l5v3rU/QQqfiuEospek2LboXwkDmuEOM2VBxXAZCAF2WJ3cQooxJC0KgVkE5x391P3zkW+Ln4nCHRQNMhS/+lb558btWb7HsCxhFBlp3ESrJEs6YZHaU0iNrxyg6dxUo8+HVsh84isqBlYpOOhSgB+v7evcYRa3Hs05d2M3qd0Yy7hI/NGg5YysqHhH0PyVuwgIOSKHynUvOdSDExjTaQfSd9DdO6+J2URS9U5DU9/Dv9ZqAW3buXvm80PCrnx068yHmEWFLCbnkz6KMk1rNoYg6z925Ei5WBItqx6Ea3IYOyfJkFCKpCtBGNW2m0j0af3/VXlhQtGIfGIM46c/RMSt5z5hDA4Ce4QCIfx/+sPoYXxVgjvkhY3vfp+sID8P23W/zCA/JW+Hwbfh6/3IVfLrEvF1gta6WapkCttx+l2css74wZHy7ifk/+zElpufge6YS47ltmtiYAKqgVL2YBpT2YOfflcHdTq8eSDrdMYvgNfAuNbVwqWJyAJAoAuwd6EYGBZuBq3FCL445OnRuTSlqvWrJ7WvEq4NFbQmhx7a3A9KFCpQoVvAW2xVDPkoSspI9HD3n0HNg2j4X7T2y3DTfWVJbOzn90d2pdYtGIzedofqb/R8OyQ36K9gwZAzcqUeXu34QkiX6vI85iNgEssSfqLK52yxJdfs94zOkS1iwTLn7Y45P+4b8ZttHBYUHYvcMbd/etrBMEKRKmu92XrwwVEF+FMx9L94CMREiGXE1KLYimuHzcdICl41XXimpZ5lW1W4/rclsW/Kr2ao61XWHOVAO8lcOUSjvbXNQa1ImsaltRl+IYqjZkJoWqVR+kUvDC9hk7o3FfnpUcTGyIFYYH6f+Ify4RXxm/e589GBr4+C65Tga8rPbPCkoOKTe3zhHasGJUemnM8AhOhyPcsPwPY+CBFa7O3HiLkE/+3N8kOL+7Ib46uWO/G3k9eeaEeCvbW13GKw+0cE73mUVQZRsvZLEpZZltX5ll1czh6kTut/nQuXIWWXGcnRGcRHjKlCWBeMEt0pwnhXm+NEk3Ual4Reqp4PDngHrKk9vZ7rDoiblzOwbB732QfvQetdocB0fc5T22epsSUct3y8JNso0qnMcrNGsFml1nZvJiQDOlUsTlZPk8k2aw5DAwdZjTyK5ms7ob2NrNcl5ujFySbrxMgrPFyRdm5CO6G4tSPEW9LoaAzq7haWTTqFlaZe3ke8NIpBjX6hxezsiF/ffFV3YB0ZbRt4aNltWyEzdd7vxoUTBE9xZ6+NZ4IOUd2tDiqKOlO4whT7jO4RTo1WMnS6PJgiCM3pC7Wt5wq0sINAoPuPfvSK5me48npJD4AYmTizFeiyHowUr92hLM9A0z0LsB9ExW61ZYxt8JHHoJPPd3Qyyjik3LO1jZ+7jSGomx/a0ggKq1F7Ul6ng9iWTMYgRi5vlaqc9tloJE4bFaccsoi0VvfuZVY9CMOwC9eV6bNItWK0gytIG6wwORzaWowy4ceCSYCzgUuxL1KHetkqxSZCCYviJvHDf20b0o26tWOuAx0Q5CLtgEJeTwO+lHx2mDVfZcvSmQad72Qpfswg1eWVo7JNhsNzkdH9OLbCm/7JA8YZtt17AgSza3XXbbhrdJghAIFPdU84XCKZYv3FQT7frMrSMXCj7lIRYmCRtqk4Q+Kwt9fSz09fkx++trYI/orgu+2kzPpOxgvqejj/qi7XKI8uomzA5S19OHFg5fd+zY8jHhzV0bjv7DjtzIB7tOx8Y4r3uM/dLNFplsITeQbWb9w/WwunoU0bhM6lEwb2SkvsJ6fHztFdjlcLGV+EF0r1D0a4HYOSD61+F5LeqhzxX1a68Adh4R2RbnuNw7YGe13J5SfTDFwkDxepYK4hURQPjKrnGuuvHjZnEfV1TVKqJqVX1N0V615h7v81L7iXo1/nuZ0Jh1Ru2yh9b9cflozmaTZeXyZe5QfW6VIDmXYkUFBpJWIKbkrMedQ6etb2F5nydkw43EaBPQOZAq33mtQ5UDXkkoxuB2fHEuddd99MFEoTA7ObeQEDbsfcfb4M8FvUl/cbUkuVfPtSmORNIKPCY7bA0Ob0zN3TEydight9SD54WyaRXCmSaU0L7Euh2RQdkmuUNeuU5K9IfgG8JL04klgdRzo9v+9sHrtj/4IKn6XQfYPsO1Z/m6FXNSdvgUC/iWDvQFmvneHS+SM/fuzHg9wGtPmcaa2JAM4i3VrB10+CbnrNQFZyWs/MBnb+V2Dd7/L0NGaEEqV8R4/HQ5lXvrfsM3KhxNLRhMn04iv0nwkLIcBr+qAfWKhfAytFIdOogqT3dOlKJ6WZKYlaLK1VJUmfnHMgIgK+Mx2eZmwSPbdhdl4L06tVicqE1Va4sPJPr2kBGur1R+8GpVcR19YWjrlSuGtm5FmThjGAeEfbBGF2D4UohmcWl+vjSrWSmmucDVsnDUShBSwwolFrtKWNwtwbIkNyzLC8tCXNolWJbqZ8uyVhLaLJ1dW7Ii9I9sW07fND55+tC7Y1/hK3xVuPYS8caxU/c/ZfxRkLdPLNPcbzrIcjafmzFjU7LTiq3y86yNyQW1WRtMBRK9DlNoVl+t94B6RJxIcYeQzHTZe8tf3f2L5HKjw7tjPctt76Y/HjNOjfzhR2OjLy0zbjbzE8JSWJuV9NVQmQXcxPShz0XZivNukjCIZGuFoARMlmWpWcdsTYhvkS6y27TQJAzRsJdJgdaR1sUgvATu1y0KhsYJBnyXCXxXrQh0KXobr3VEI455By8sy8v2aLyNsJZZ+G4bdj+5QKn5VU1BqehAbLmKk3K5UzLYpnRUL3CT+u3MrsH8lmT6e5vepSHgxfmZdJ+xqb87VxgTXh/blMqFm6ONL2o1YjMhPhxu6XGAO0C2ni37tJqrZttOf5nYT5Oqnir24YrYv7XCCAEIRROEKVKPch8CfyIF/sT/6/XwIVYPnzKOvIn18H83p9iXSvUV52A9/CefTK2HF0jQOCCNQjwThRj2BsLku5zltUFcDQFq29J6BFAaApQW0lr7a3oIViZ0gI8eYj56KAy8286C83bEb4g1SzF3fS48p0IMkUTPRgAQpaNY5C67yCN1X2Ee2wPgdqxlwgWy+vjmLa2ppopzcxikx1aDCyLVyXd/sjDULO3/Ufxz8cTK+PLTb15E7xvaEAKLIsmFHHiC/qRX3Ax+niiM3pS7Og+xzK2fDHlCDodLODI2JuVOh5R9Oxx+R2QgvGEP+oCcXhHAyy7ASyvpQT3N6lTRJ2D7It401juwqvMJ7xfVrysG3q8HmMrDvBSPF5gK69B9YWbyia56sAy1MTYLfYJ6VXNVfd4cQ0HOn69sbvJC007BrElVAfZoO3MKZHAOIy3Bxf/+fckhS3XSanpseNCIgA8MKLjvf6N7HRCoDHkbG3yiCAZWkqRcQUjmr87ctEOgheTon14eo2sEJ4QznmFKyhiw7FOEB/yuOsF5G9Z7ECJuhrjFT64w8zjAoEyRYgG+QyYqliQgp9TLJIr9JFWDBU5c42tIeU3IlhqYjm1wVPfvG9meWCPqN3TcWPVilQ249oDghsHH5SxB3+771hJ/pumpIFA0PQLWFUxWIdwmSR+PCO5Ng6dPgfVCvRA5c0R4QHKSWbB6FpVPVKAAwzZZWQWK3tSOdcL2YLVccsbWxYm+Rfib74n8cd9Ey6LNZ3P6HYWvvv7IzkrHYpNf2DX6y5V3r4vaWKuiw2Nz+F3OJlffrWtuempwolFxXm8mLeJ6gckMiwT8BdwVYLUSZhWeblMwrcnKqVilPdXCaS30GmpltGxeJmheD2LVGwCshtheW4hXWJXdvAzPnUalzkwIMNYcrKhhFW05VviPhR7gKHfk1Qg4drze7Kq/d5fffnvbxQsPPW18LF61c//NxrGdp+8f7t9R+hk9bfr00tNM927hNeMstS1halvzpbE8TJaxcMOs5GDWrUmslmzwPLemmvGhvaJ2tbos07xik1ltKftYXHhW1hvVgZm8i9GjC1O5An172TIjAhblgf8OQn46nFo4mAYVfDoxtjGVefMB+nvC61KJlIN1O8Bastw3X7zEFy9Xk95EJ/YJhgyy/e0otdH9L/3TxxcZj3xilPBLfis0j53aL242fdEzJ60K/O4E2cWzG1osp6syMzmMmg4fT1Jrfr5x1MXx0sXw0lWb/wfyuvkOKksLMaoGIPzhcTVuBcSKmlvV29rBCns9eksYTYLawiLKScgCik/aLZAwkGBV64zmfnq0L5Oev+mFjf1z0n302Arj6DveLm/fTXOW/3j1O8bRGlSeTqQHF6aEo6OGr/SyIIXjmeDLJYZWgN0LeuIUwM5yztUKQYnV7qB6mDbnTGtzziz77S+gl9XAcs7e4d/8Zhl9/M6f/XrZ0T8MGcvvPzhKR+gPxwxjzDhsjIxSj8HrOWygnx+C7w5jhmIKL3p47XowjfxoVkUxpLeKlSIoRDo4fZrdZMam6r4L1uyIrVhV3YBqQmtScQdGl7Fmp6k43U6MNY8ebSWtbGOcOZe+PWh88syvwKMVMn990QNvIk4fSiJOV4+dDqEzu0PYdskpxqVbzV6xBwAelkuuq+SS68hERR16N5hCrlzz/O9ZueQcYDNJb74jeFBcaOw61HRQXDty5NT+lUeImUt+RczICdIG/hOIKRaYgQbXCMuEdsCVI42ZqQ4MeyOodsBbKvt494ULgnKmfHwBO0Mdlj34QnyPSie4F+gNAcoookxzeHSLu2jWTPfTnt5IDkx7iLLtzhAmM3zRjk54ozOgbX2cCoN7Vxc3biyu3jtoGI9vFWIHlK/d8uqxxw4I67bd9fChfP7Qw3ddu1bQhPLRV0cvY7AMnH6bFuV1RIRIoJLBFZn6M58qiVw1pw6cPP22bce/72F5OcDB0goO2tK4W4iQN6UxyulgyhMtWwUH4muaI1tu4ThoyJZEVvQg1vOMN+KgRTQ9HNzc1qUW7iVbQVrBZ25g/U0cBRCNI8DxfK6tkaOAYyRiTe5d3bdhQx9AT8mTW/UDVz95hgyOSWuvrcC+bZ1woPybV0c3Kgfcl42+erQs8H09ISUeFfeSdlIkYCewY8AjJcedYtjGdl08vEGZFwmEG3n2yanqpKHIOn6Zmq3kHibaw/1uM+NmdrTIy3+ytv9LCdltDy9KxFfEnAHnzUM/Wdf35bjNLUcWJ3Kb06K8dmkyINtkb6gx5Ai6D6wfTAUleBlO9BHT17xJCEubwH7EcAc6hAwdNTscOhn1GvhICS8fKSF7MdniMkdKyM0QULZBQBlH37iZ7QxoLrXkD0VRTtvMnVJ/j4dlxcHUtbKkSaMHMcw7IiZmSaxgcyTEJwXB0eBID99zzVX3VWdJPL2SLjqY2VQzRsIYXy2s2rFDehZiz6HBSvyZJDHxVste8DnGCPOB0DdqrPhGdROFsFosrTdZjpdiTM3E4vZqaWy9HWy6giDh6IXO6uiFzjibt2BHI9/ZDmoJvZfOuMrrhpowYdreBVA71BKpj/BwoIfgRAZeLjhjgtgXzXeCSxF+6+b8xuQ0OeLMTUtufss4Krx0hJLm3/1GsNmevaSSJ24o3yULN9lsj2ghagP482BXt0KM20u+X5Pjy5q1Wz08Y8ByxS0AvA+R4mYZNSwRdLuYqZRAUcd5YMGzfwnASHu2lGDZv0QcM36J2lAdI4qEAIjIYgMeZZWUus/CGFt3o0Npq8ZsOYXE5k3k1ThH99NKw4YvAn+rCTUsEstfeeWV8DZxBNyRVYl1P960zBlwpVas/4LbIdEtxv2qU/bYHY12euXAC2P06VG6iT7kkqyOJYO5QVlSRrKC7bW/WvNQWrJLoxuiF8f8qcZQMfg744e8545skxyWtSSOvgJLMDpYpzyrKAUhLbeyl+U2maUXSVoLgD21oOuA2s0H1tTMlXbhsA5dkCHaCIJr62nMZrHeFDw+UNLlCFd+dV54O4H9LUG+XxJR2XYp29rK5aPwf6IAOEQjuFFmjfpqi4Azl9/w+uU37N1Oj9/hH00N0Ds3G69T72ZtIDXqv8Pwb98rJHaN7tp/4989PrwwdRQuj6UWDD3+0+37Gbz9hFi8bB/hu7yujKUnFF6UMeF+lf1NDdTF6uz8FnQeyi1BdgMsOjCOZssyD9j3mq6AqVZ8lcZWsEC8wK7kUyqpYi2Y5dliltJQcAdFYJFzS3DCs7OztA78t05UCEfykTgwjNhPX6AyTRxb9uZPXs9Tp/Gv2BBrHAXivfLAIcvI6Ondwq4xo33XLbuM20dH6c1wQf8Va9As22lZDrDesT7s3QJyoTKOASHrs+aV2TxmdsRosoJeZ9nDycVT2bVKqrafLJ6JRjP4/53KheWFaCbbzq/ZM+BcBJl8UdoqnWDrWI58FkFXISmbm04+iTRJ2MdTrudXi9J6AZ2ki9jC+PgeLJID56ic4a8yrGSu0sYziFVzGdXzhL1e9EXifYvYvkZhEaC3D0uaH5ednibSNa+ytZHLYh1atJ0UvHid78FrPx9iUol6cQKJtVrbzI2Qn1c1M5HN0/lvv0X7jBfeetv45VLqff558APff+554711UqGncOeQ7JAX785dF1mdTK6KRNraIpFVKbi6Lrd7seyUh+4oFOYK8BvmG7+E3/Ai7XvroPE76nvueeo13jso18mL/7qnUJAKuW2RiNgaiaxOsV8TabsuN1eaWyh+z7Rf4hEhanmFzCbzyd9DZIx5USdHowd3elV2XWpBaZ6TQ2nGtzqypTbMHsxmoRzbBS6nuE1TUmjgVI5mNV1W+FWqsj+MTgd23rawLeKWkLlFnFJ4M3uvWgIKoPFr8ejhtko0oMtnbQ/zzqh8Bd9sfyRf3WPAIRV8kxiH+jBtGLxlyJ/ytsZ5+sC5IXxRHALF9ffH3p4n2STZZhm8wS0I/9TgBcPhaJBD2EEk7Rha55FlIRETYqsdddLqK071x+LC0n6Hry7UJQmK+qwtk3CHeD6MfCSOiG8TC3Cq1/Tgrbkaf7YBuMJvFdljiG7e88Ybe0L0cnwSttKb93z0hz30G/wZfp9EwuIq4S7LQZZfmw2+0C9Iyc8sb67cyOkQ50EJ61LRbOmym9+GULU3Vw7yFw3gQLErqs1jhKrjFKnjAjHbpE9Wm62UG/mLxrTWnIPXuLWpdWXLYX47nsWckDohN324UwQu8rjN3SBi9ies6u0xoB3QshMo1+xXPWVLnaKmKh3KIPsKUwMs3GApxwZu1njHGstLY1jny9c2wYWf3L3rySd37X6y756tW+65Z8vWe25UlOsWr09EgmGbskUONjobJUFscAJBpdt3P/EEuNuP7976ox/9849+aLwfpo3hRelQoUHJhMLRtHPDbkci6FBtwQ6J6XSPxS/ELrB+gvotHpo9aqy0rKXK2K8Z3R1niPhDOQ80bwYfUAukdb/M0hoBlm8OqKDDMXcbTGvqaxWBUJQysZM6bhMVlmorN3NHv4ljtwW1PWZuJZ7Y8RR6s7lK1UNBjaqdAmWZD8fJZ7BG3WGV3TZnsP7+0nvCPX9cLxUPURurdjjxkjgYoS1/2mHN/eRT08+LGS/Tj4GnMM4wYXZWYdYFcEk5wH7qF2O0eM/Bl6jkMfYzeN3iC4Lf8jzwZSNZwycnlG1cT6AHyeNk7wTb+aewXQ0HNU3OBXvdZnHMWazCt/rc912z7Z57tl177+FAcygQCAWbpBfGduwwTu7cObZq+/ZVK2+4kdW9fiQOTsihyMP2WjksxAt2OkDx0Q/SRzcbDzyHz5cbP6E3/+GjPcbtxnf3mM9cT6aN7eIJaYT17d5MSvMQ5oW8IrMnrbeDSe9CdRk3yx6W8Cyq/fh4IQz6ENtyUXawvYfTnzXpFngtkK7YQU5cTT2sQ1frV8fbO7uzzAYtxPoPEnYyb9hfKSTIz6fxXO3GKff+eJ85+Dntle1WUJFtHbTG5KbP3Zj7s9o+XuMt4y56baVVN7j9hwtsbnt++6XwI6mV8dx1vD3X5Y56Q7nAxms2HbRJEm69PytdjVtaGFKIvOfSOgx0aAIf8VvTd11GJrouAxNdl121XZeB6boum8/qukTX0CtgDV0jqiFVd2AtnRsnjc3QhamKBWoVz9mJ+fH/pJnLnp6xH1M+NGb826JTP57UlUmqsC9n/aZxrFGdoeO0FGeVdFPaTrV4egoOLrDzNGE2J5QcHcyQulU91lm80C5U1HAzdKLKNPM/jc+dpx+Vfp2qY6/UwB9gejExE/zRCdoHJ2g/qxbu4HRwt5wFd7JK+2ZG+5KjMcDg9+j+puLM9I9ZrHFrwzk5QMOi/OsOHVo8MxMMvfLKyPr1p344pTeX4UA+BDgokOU0NT0OFk7gYG6V/BBMF3J6BCxJW1brQeXSxPaw9EAHbn5eVIuhudNhqHgWhgZ5IfF79z4vsUrhQLdb61Zw4zDj/NSCBT9tzk+fen/Hc8+wauCAMt4caGtIjgfZYyt7DONjCe5P1AdrwaLWCsa/SB4LtnZnmsO8Ipg+ga8CzeG22hphk0QFRqKyoymS7EGlB0TqiKEJiCTx7djEHuxUcvHETmO2xqfmiR2WD0b6nZuWj6S2LkikPYIoeOLh+BJ1TXh5zBP1JDI+0F2e2W2xhcqamcl8bTrlwryCo7H+8vCsOkl2WuGFop66dYr4g//GaX8/0L6NpCGCenB66iew1BKjx2IOSYzRVY51HDYBP0QmZGJ+LcUjtRQf93kFcLqD3MKa5G+fSn5NVdgkqXIvt0BY3DUniFvgiXNIR+34jSmaouatKTjOVQK6XAWTpcqds1G63Iz1Tl0zSY/smQgBK7hkuoTj8mfnxmU5x3wPxGKuFotaMV1uMt2SmfEJKOSY8nGM+tLlOefHbS/+RHACt71zwDN2tCaamCUv5gDTQd/MfH0ORNd4QFMQ7Vg/MPDldQsH1jsqiB5JNIfi8VCw62xE71q8du1i+PiplZMQ/fNgIhGEn+F9Z4TIhyxvkCTEg4/wGkGsRsA2KJplL8vtPAnIJo/6LMfZRbmB32RE6AV1Nmt2DNSZbgnkcvos6bguBlFp9VdQngSUzwaUJ6soTyp6F2B2TlYPYYNVthRiBR2hoBkgdiVZDQPWxWPTXcNsNiJOU/h+cy1KWbnGjD3gaPB6lHwtfuOI00veW3nvwuglSWHhvqbv85bq4dyjwX2nd+y5D02gBNhdLlWQGm7x+l5dMzTRLn7Pnn8HS3jHnTR4B8SXmPQXZJH1lD3F5gx0kC4yREoRYpr86gXrMqsXj/MyBZmhkZW2ENa4xApVfIRtlBE9hC3VcfSPhUrZ7NRJA55CtWwWnFsxIdA1088a+F5pYtAAFdDFF07SYXrH5FkDxoeCOWzg9I+o1AARgMB7+605Ega/5q8+Q3d/Kcr6mKa0+GvRNJuwcQFd/jhTowGLxdsiZjXYufv9sdp9pp7/8aM0s2mGxn/pwTHjw8U8P1ID6zf//4AVu0DODymQ2jITpPQ2moGAdSZYVYhjX6mBVcI5yliB9dlgLcWmBTiWZvsgFwBwvErc2IURl/ltMwH9C9NjmwnqKLhrX/kKYX4qg1seA7hnkTz5x88CeRfa7VwOt3zQbndnEQPRySMgei8EfK1B0TrRgLRxQ9OWruycNLAidDNxqRcQS1i3Fu0qFvVMErsv/Y7iBWGMB4I1aVhz22gGtllbycT+tmK7Z0JmCN5ezj6BT4yXBJxNAHIjknryZVKSEKMW3htcMzmAaT9NBB5R+OgAe3V0QD2b6VuZHoAdE7YsKyFz4Vw8KgomzCDitGZqgYBibVzNZxfIGsrxyXB1hgHrWRbuh3XV8XXNMDWhVI/rqufruoDpCbguu4Btsa76Yo0zxdeEwmlOUzBSPIYyFyRHufAx2RNutzqIhahkY2WKKy/7xDJa3cFxh/ji/euWNJu3YGP7baV6NtW1HjNNzmzJxjpBcaQrjkXG7v16GxYJWaiJNCY6Ys0Sg6a4XGMiru+VVy5Zv/6kp4o5wjJFQFP5TtaTHiHfmBl7XoH1heCGM0oFThlor+ARArfJqBx32tF55TsGml0p+/mVP13yMyT7TSRHzxpRMT1DV1CdrrDtbyvbCVW0FxmnMv6GJ8R/H+iAj1kvezNmKZwImYsPTKhC1ojS7bS42OwJlO4AT+q5mXQrdvxESWGNIQoWMbnZFo6bzdd1u3iRpsKnKWAvdUt1VrS9yHvdbQ28tqA6dSdBea0gTt7BVF/f2mX0fRpg03feNXzL6M9wAs/69YJth1CZwjNG9xg3VybxnF60w6zVZLHI06SFDNBF55uIoOXS2kBOT8BVV1abD2pJ68vhFh6Gn5HZ6Mkt/KwjExaZsee7z/2OxZ593VpXt9an6BHXp26s1+11fapFlPH2SBdEmVH22Mke4/gInxwv9vXCy3n4WIKP1QSg0aLWWQTHqARv4mvg8sejnb3F9vg8M/SkCx14I9Ie75rXN7lrVW9ByQ21zcdkgVfVEzmWwS65ZvPeBmwI16xFuI9taqni+SY9XECEOt0wiCNmXApBaFdrfKmyJrwM4tKGRMZbjUunnRchb0ynnDwkdW8OJx0S60KoUxUms2yOhHU5k9lm8sVpJkmUmpH4zWnGymdPlGgxJ0qM20V/M0bqsspa5i9kuATmks4xYMLNEunnHjMhrDDTSVVYvACLCnxcgcVXgaXZwkd5AAweHGPJ9jcYDDirwYNlLE6VVT+N210K26+QPTp2JRK92Tc9LDw3dK5xGSl4NXfboV8NzDQ2Qzr8619jZujfpsxnMOGRXwF4ukmRukx4shV4ChY2qzTaDSEUCqU/qyXRQ6jncqiwiIpt6eCBHlpaYYOYEN4+U9aeee4Ek7Vot6Z0a1FF97tB1kAFdbk/hadxVfGDQPnYYyM+ghyOd3RF4WUMH0vwgRop8xW1xmIJ3scXEI485ot1qY0dFQGzw0tFbfRHOyaLV5phvhswn1cfs9eLTe1JE/fBFsR9IWvinpWy6s6Ws6hwASmfc5FoIHVlfyLdgGIUD1ckq6OS8UlGYgPq4IzUM0C6rLUJH5fMEz5vTKGnZNKzYh9nY+05o2hzhaJhkDZmG2dVbWMMaJhiNPTjlAo/mTCFfj52A0eytiPdu7gH2I2TdzxMIJvDLLUQbp6eeSdMYg16Gibuno2pAxWTmarg48mKE3gWYn7Jjeepf54krpdUTCrwd/+ZT6STbJ5KhCSxprHenLEVA4RYBXNWB9ZDUG127WwVTAQEsqxrNFUZrwIs16WW6kV21o6TV57H6vkbLcBXTh9pYnxlNRvRFBYhF3LWRjagF8C1RgudQgzHWLcLagttQG7yYKalHxAx98anl817eOfSRYiMTXsXZx6+as1q+i9UsPUuWh93OApzK8yRz689uMH4UEc8ROPD+zbS+DC9/cFfGd83/hTuNz68+W56PZWkOmyL4jM0rEXiIwFyzYxTNEoBfBlIsyrjC52mweqLvXz6ol0tqX4z2601zTxdA6htnTphg4roM08/Z4PewCLhChwpBsfW/3g4sBS4pJr5erWSr59hQghYlakwCCKLcacH4g3mZJswyKASwdu+6dwwlIJ4LwiAtFw4ICGTIHpjsGiSpNncgGAWcyaAUhStzFlk8ZmWZXqg3mH7DUzOOFx7AK42kLPvzAwZyzIncuUA1z0dWSZ3Z4E33ih6QQ3xQo3pYQU/XYuwDU+ulFBMWxpRDannoty0/vpZgD8w4bhz5TNnehS8PzXsBBoXzZlHXhLHTspqhOLJMo3D+vwgWsHx7HqHeJwdwWBus7EZpw5fNlvyCJVOFwg6S4Kn6t3KWXQrghwduNFG9A7KKvyZT9hEeWjik9icKl/tnKp2VrMyi1qLg4PCwoVUod8ydhl/XLiw+NUmh3WkX7JiRzJYlzGaETbSOWNjC2zG7391yHg+sW2MbkuWbkgMRW/6+waB18j2nTkiHbakyALyn3kffhXU0lxWoo8t7ZhRtEjtLBGLhdUDlfTrAuvxkrCg1mlfwLyHamFqPuHmJwUsxNLEBaqn7Iims3NRv+ZVvR09ZJdHb0Ax5Y1P0aJuQeutpOGtuaqWLda0MBNzJP3krpTJLSmVjmGe5vZ5FV/f4sWLqfuFl2lzKuFwKM5Ki8obj+xgLSorsvnMjg3RyOrBVdvGhOVjzU/Tuif35L4cdzTVe2PK9L0qfVdnVt+1wL8o0rfhuhHDkA020/+ktNyyjnSSWWQhzs+dPAGje+YJGKU43p8FamIRs19J63FMZM+rmYQxrzoJYzHOCcAjT+rc9fEuROW8mlkY4y2hxCxmzt0B3POX+4qfYSAGpkHEP3MoxiO4vf3fPutgDHEfWobTobPmY1TwuZHNE1lI/tNnmChS6sf7C6v4POdkkcVnTRYpAzb7F/IDykotoQUsfDPRWSj+xfNFMJz5M2eM9DHz9JkmjYgNPDdUwWcS8DmbLCZ3TcXnnPPx5+x0pSAlBfhMKfr8GnzOr+ITK1JSFf6cjViczzDaleQYPYtD+z8Th/JQ6s/lUTqXFrb96tBNn5lNE8xOnvbPxKfSMcDrCvJVunEqXi85B15zeD+b0/shLluR5QceJXtzufJyFpxpy7JsDH1pDj4sxIclzNBsZGQYAjIMKfqXasjwpSoZvsaDt/fvfe4xFrwt69ay3doyRU+6PtWyir7QVbNFn1TGZyezDUnLeAqfxufgY/Xt8Qx7D354fMmyhfDGB9997jr2xlJ8WYIfrQnvMsUS3MZ5X6XZmaU8Z5Kas3BJcnYmu3TZlJzJUIVRViBzfIkxyqzlVUYp9NcyyrrPxCgXEO39mVz0yqRAcOrWPwSCC5WrPzODrTbTL3X+yemX08JZLAcxIue5MvBchlxEVpF9U7kufw6uQzbTLs6V09x/Wwn+2+cZQ2Wtx8fjWYwdeRUu8skijB0HsyZ/Larwl7ZIKY9wp201fGIR0PExu9vTOsCIN6KaM5lMyi3+LJSrDTinV6ATH7gAPbq04gYOTUOTn1TePDdxUtw3PPWvU5XrhNNo0sRSBJpkySBZTZ6cSpPec9AEj5Yoz+HVj6vwepZZXvAFRpkciHpO0VZM+MpaPF1ewa9yCjNi8ucqVFpcpdJixSSlvsY8Ke0JpNKsOQvxsDQtNYVOSz47nXznIlRNxcEFUGrl+oUD69YNDHxlwTSUak4EQ53xlmDi3JS6dvEX1y7C4oQXppLqMlaf0Blnsc7KMyfkneIHQKcN5Nt48sc8ZgKBUniUij4sH9d7v5DNasOKXpBMqjUxquk3fxPuTxpfNsZItAJItKKqjS+3H9e2ZrXLFTb/JgIu8HfgeUWNn/El9NoQ4drlHt0HRlD7ujre2ZTaiYSJeMZjud55XPsVgGpE7uj/0qatX+fN8bpv5wyEMqdMnHdmEj8qpFLjXuuoFKrki51jqlK7WTO6coKswaf6f3Dx+vFli/dvCS+KbtTbcczSw8F8wKY4lA6P5/urIDKJDAQzV+Rvf3t13/+x3ua23vpuGAh/ZywhsD9SnayEHMVVqiwJaypTmEQhEcUxOey8EL9zCv2jiXjcKnuv3jj9TKZiMVeURvdU/CJBjgRNhvhkxllNkuT3sWFNEOkZB805ZV3kCxc0qSxRnVSGJRfOSsmFD6OazjhQ2aaak8s8Fz65DFxG8fzTy16gxR8/e44RZkbELL4W+Qwv8K3jEOl/jlw/dYrXRXDRhTyfBJ9vZcU2aPlsxSLgNK9L4TmLSdkuPDBwkVpWxWTTEBvr5SnjWK9Zk+Z6XcTmeuU/01yvSjzyHzbb6/uYo3rwz53vJf4BgxUjdr4pXxX8rjPxu+0vwq/WNRW7jyF2E385enFH+T8UvXQn25fu/7MRvAGDFSN5HgRX8BsG/KbIpZghn4zfFRX8pgC/qxh+ewC/hazWo+hLTPx+Hp57GP+mijh27jFVTMxuGq5B8azkJBSvYCgufDYOrsYr/2FIftlM6G35s7G8mQUzRuZ8fCxxPIOfGQefZg35GvnbqZgegYskYnpdrjyH+5NfBX9yE8N5EXA+P6sVFa17YudB60qXu/lVUWE9c0AM7Yv4ga9wV+UyuNeNp+Nh/lb7olpuEH0jlyJdvuIp1fMT3apEGWFEmf/ZxgVO9jDPR5kaf/PCJWE+Jhwx8TgTmXZWXc/z0uvr3Ms8/cm5CUaPmt6ocOYwm7G1GiSlDieA2c3TfPl0BJz9hR02rGLGmdYc5inY7Ahqq92eLDmseOmQII504VmxjtpaGex0sJjTt9KsTuZ+NoNLOoza8WE+Ns2sRbkT1mDla5iY9GWOxCnZcA11fA3nnPjlMse3lWz2uuKkAW4FLFhj3x5gqZHK1Lbf8Vz9mXdgDastMWIhLlwDmx5hl45Xh7WVBGoWwbjZAa04rc3urA5Ad7JMtRMPNWbHGzmx/EUyy19YxX89rc4h46mFIsfFGiZiB0xkVOrDhKXSXsCHh4TI9ukwgvlkrTFXVrgkBbPs4Fj5NSxaOteoO3O0zXhAlCF4azArvtLmKX94uGwNzuLT12+xdTuqvbSVDbsKRj+ekiXn58cuk71MN9xi6oUkOssCnwXFFQT61EG4GK+b48FZ+jmmGXDaWpeiy5jvB1Xcg5W56BsDgotsqmtZrHPFsN9Pa8GdKaLPwRo1Egnjwc4e1Ry4b076avSjxFrjhW6apNgDiEec84lZ3kbrdMdih4tBWTrYf8CbbVlwKLk6vrt/ychaQZjuqOxPLNLLSqR+29Wb3fXfVNwrrooPPHFNev2c9U9tME5OnRnGZrBJr5MAmU+vPc8UNjblQW9N5HLlIk/3zM2WOnlnJmbj9Mz8rNkgG8UHTBaVeiutsp9tfNuCKdmgud1arFubq+itrk/ZuaW12aBWZTzcGsNsUBs+jUfxcSIb1IEv4WfHs3Mz+KEcPo334uNT/7byuQL7UAFfluDX1GSGOooluI1X2SIZD3dkC+Yw+LZorrc13BHLZAtzpw6D1wPY6NE8n/dhhfhG2Lijc9YcZpsvYBTdBRTSnDWt7pnp9vp5FY1o7vVPN9BO2jEli2Pl2/wKq3vDOXfgczuIG/hjgznpzlMRFBxyxeTfzfc9cQSGlY3A8JkT73DDqB4dljqMH3xqyeYWizySwFp2v2f6CXimEz3tFLy7cYj33rMn4XFP9/RvJni7sv4tf/n6tbrJq9edruI51m96qdNP8bubOZyrp4HgKjQBp//vCgSV9Ydg/Qro4q+Z6/dW1h+orF/h27WEHdeNZ3T7zfXjxqzK8K+wMTbjNmd9pf7H5UYQAt4ZSFDxAqcF4l3ToVsxDRSbeN75oyohKnA4AY4UmUt7TDgyFTh64cLP7Qhr+0rxvDJu2Lp5yU99M+gVFbWJFx868CHO9EqxOri5W2FKGcGeN0V3JLq1xm4toej1oDsaFb2jVnfUK+NKfSOqBRWfxr34OKE7fOw9+OHxeKKjNpPchS9L8KOTCoVKcJtlkhVfF88kq96OeL3ia+xKTFET3Ty1ws5P7QHSiP6ISZrmIJKmNzMDaS4oTzwt3X51/oKgsWlI+suZMr37K0SWOI2lR1nPPu7Gf92kcqBC5Va4wI5prSOHTTPoLSSylfqXRuvx8brGmgEKQKUWTs2zttsjKjbei4FWpk5bAzNM0ZzkMVewUeMYT5bKNZVS2SpLPzDh7VYRcY3p1j5jwk1fMJ0LkfQB/C+LH5g1PzdMVJrGTOcNz9BjB9PPZlN2m6yVih+chMLLfSR0WhvxSCGtSx1vsAbakSEU4BIc1op1Pw286qVFfYy6FKla9+NAc4KHoHPfopBDXwLRAD4GLTCewDON+Rn182m+b186T1Nvbnx48dqHH04XAAcbHl26is79lS2dKKZtjlSir3t/3/6rAfDknDX/pf+/XAOOQyq9mr59aMONv/17qW7fhq8f2ys7JV57wGYJWkZAx4awhnjyBLdSM0sg14wU1EJp5iV+tqmCYXOqYMnXzGa52VUtxKp+Wi5syiAalbMnDd6F4cD04wbpFdje/P85fFhtaFf15hAvoOGlghc0RdFvORs+eoBHGdNC+AYrMa3AtxTgC2O38nnhC6fZIL7PBl9kgn5hTj892Mph5Bn9C6Ehs0pnQ/mWWcU/AyHVSskQ1gwhrNJ9bG5Zhtx/FrQh0/KYjS3pqdMws9PAPd4sNoHqaqutG5oWCVg9xJpd+PARdoJCWzOneafKSvsuhNIzjBWahvqXnNXKMj2K/sfZ44fw7AjjgHSPJcPmCW87e57wxCxhjaQvYJwwvZBxwppVNUc7xdQ/Y5hwgf6GDRN2WO/+ZCAUxGHCK+OJz8WXnX5zEIcJt+AwYevcHJgwf9IrLb7lZmP3DOOELdFTqanjhEU+q1Lab/ZM/e1Z/IOBj9adK3dVGpqnTrDsnWaC5Xib2AoM1FlloGnHWYK94IXQNS1RnW140J6nAQ/a05Kfcbzl9GVpMwy9pFdNy0szzsH84OzeqPiZE/KLljfYHvDfkVIHK4ph7SSlEDacBXlvGeuTcluOsws8nJeN3sObacvxss/TIbpY9XvlxJK4nRXLIF/hMX5qttSYYrOJveYhJak4MFcHHuLQqOpyhCXjkPEi6NVrs4u6Ex15Ek+ZdqWmjHbmjto42+eYdKJkghbWPzAQW5s6q5f27zPr4gP3rDMOGa/Tt+Lr18Xj6ypVtZF2f/OkjtpQU7j1rEMnK/WO8hj4GDmygHyV3E1KSfQxMjmcI6IVspWBL/p86bi+eh1WyW+sZpJ7WHWWvgwuB7NYVYHJeg+I4dfgeV4PICiDCFqm6t0yPF/qGffbW9chV3nU8caOOE8ssyEFXVjSPl99zEPiPcVB/IhYKT3umLqdVzup5eztvMlpDsuUzOYCbFWOV4Zk4/Ye+Czr9i5a/PCW8MK2zeNRh3zgkUCq0el3QKRb3a1Lb+kd/fXI0v0b3zSO8MRId18xLXwD92dXfQ631IREBLfubBZ3yAbeM/p3CfhjZjSbtr/QJddJAvydSGmm4M9E5mTjlLSmEnSP4DZcwM9y/ezsNHkX6SBpMo/sv6Dz00opfDm3RnHgiWpdlRPV+qY5UW08JkZBaySrWmPa49VA5U6afjAfq/Fw5qSdDRmzt32Wc9am1xjnPH2N/qBiVSam3Z3nQLZ3z6pvpWSD5SbhJTCQ7eT/Ijinqz2nO2V2CHMY27Ra2YA+jBWlevPgVfJaWeHnj3VMiQdbu7W6bq1V0SVswapT9ADEhZIybpHqIACU2aOdPTrwEdNLLa0BeBnCxxJ8rCbmk4t4CLCjWAphKFJEd/Rx2R5osThCEy1YeEOyOOpCrVMODtSdYTwviZ31egGB3YazC3k6pgRwlrdmiNY4HjdbxoQj8kPEgme2WSpntrGTceTK2C/EmZWd2WZhU7gqjZObzYyx5XDFoaJkQPDQA8IdeO4cDn4foNsEz+go+YveiwkeUWDv+fFcORxDjf9rzoHDH4kJb7EfocQpeCwvnvfzTsvPzM+HxKP0uLwBeClK2IQ/3BW38uG6LE1pP87+d7Cf9fTwAt2Cf451UikvKrd21k8SGl0RzAdGmptbw7nWiNPvzK25fqlDsV+12yY9Wy/v3JdRQo5Uvbs5NJRWFAtqjFV9w+vrhFtXsbnj4j30mOyB9SQIuAvIyZXVENY7ynbn2dRf0aPycA8rKbK9jF+8ppaNzyn0ThyB1k39lTUIZy/PsmF4vQO+XnZXVud2h4IXpxRVEmSLsorPQzfepsfoOohoJ6+rfdK6opPWVZhmXT3nXFbPxKr2VxZl3fHTjNLqSAqhYGhFGhclSbgoAWknHmS0W0rmcOppC3ImAbUkiP6yCg0xs4zTBPpgkcsvlJQd1Y/8GcSmr5713he3XyAjyOfjEwH5RHyK8clSMhcpouVzJlG0Tg75RB8jnvObNiFn5NEdqeKFMU5smo9cOGvR16tv3jIEb17SHLhwvus7L1siHoy3xVcYXy4x8dBTxQP2lS2txQPO9O4GPCybwAM7ne78jBr7S1iZ/n77Eodqu+rb8B5goWkkFw7nwhFno+u8bD7/fFKAsrmDrhVPSCFSB1EIr+yxMwTUXrN9ShxRy1S6+VQZBciH8OBxAh07qPzkk9RqnPzHJ42TwtN3//MrP/jh4cOk0stmOULXsBm0UXJxpfc0kmMYxwGR9UGI9vCueYMN+gD8Y/8en4pb25baCqSIsRVMCl1nuO6vjPGm71Xm8dHfV+7tH9y6dXBoy5ahKc/meVIfCTKbhdjOYzTTvukSLACMmy6RyjzhynxSczJpZSQpMc8o+kiwsd8TJeYxJOz3YOd77a/SaLE6YDFsjlasjlTE2EdaK6YtB0kjGSRvEp7MdjXFc4BHhRdR+hPFbBbTDSVHZhHe52Mk9VAU7opKmfCxpjhBeQUja2M1VeqpdrDgWfI4bNHGX9kUHEVcHuSjZwODlWMotEEWDpSL1bKGWfCKJ1lL8Vn4sXgCoqchnDvhYU6APm+QeYpaEQ/o1WZh6wthE3r0nl5+aHhb0TyihB3xHk+yKZ0QpyfZqIo8oyuPDvihfj39lLs1c3xen1rzGl/G48Px2MXxlDvgdt/uhkdKPCvn+WepSrKxeKlnp+CudyrCFYLidNcLli1r1sw13oxEaGyu8VHkncQ8u8Nhn5d4B24IlLp9EHJQwXhz8it2hi0w+VHxKHD6bN41xZjF5Bip5hTbymG23KHI4OQq+LlT4f8H8ijzuHjaY2BkAANBhe2e8fw2XxnkOcD880cvKMHo/7P+3me/yO4D5HIwMIFEAUCuDK8AAHjaY2BkYGD3+budgYGD4f+s/0XsFxmAIijgKQCTkwbZeNptUz1oE2EYfvL93B2lHKUIlxCu16AxDUFKCOUI4QiiDmLFloKIiHSQmElKQSkIBXEQB3EqBUG6KS4iDg7SSRxEiii6dSgZRErtKNJB4/OeTTmlw8Pzfe9979/z3qu+47QHQKCeEU0U9RcERu7riISde5jO7SFQdxESJT2OstjFlttFmz6J6vQfmSU01Coi/RI1/REnzAfE+jVqpouGOYm6WcaUnNP3hG7AkzjkYTOBurOBGTuLqtlljG+oWjBPDUUTI7QKke2irG4h1GPwbB4VcwaBu0P7OX4f4v0teZT+rF/HKPBNkd/KZguOu4AR8wa+PQvfHGMvYyiw5hfko6rDHjv9Hvu6zx6mzAbrZg/C5jzqab93MMr4gZqFUev934wZqnkU3TY12ibmEJo11vqU+jxAldqV9HGUzCZ9T8FzmdM0cIQxPP2O+syhkLuEtr7Mcw/OgfaS9zFraKFOLRLRJ9V6i/3RrhK+ucJc+3b1HJH4Du4H9pj1iravMCTfBzOjv0//4J/3E5i0y9T7EDg/UdG/qOkF9pYB56BkFoScQzuJln3IO3PZGJUsJAc5sSsoZ5G+BZqcXSvV/RA47zGTasI5ZKHm+59Ef/JXYfn3rM85LFGb/yH5HdbnM28GqW6cMc+e8wMVZ432LvUZx1XdxDX9BHCnqd0+qxucw2ci/gtsk2+Sr5O5BwPoEcbZxDD3I0x3hOBOhbJXeofaL+K23UMivipPzfKIJK6+SK17wB+w0ornAHjaY2Bg0IHCWYxyQNjB2MG0g5mF2YW5jXkFEH5iEWCxY/FjmcVygbWA9R2bGdskdjn2AA4ljhUcLzg9OGOAsIBLhFuPexaPCc8Mnie8Hrxr+Mz4pvGd4+fhT+JfJKAi0CJwTdBOcJmQhFCd0DFhMeEiETYRD5EDIl9EFUT1RKNEm0Rnie4SCxK7IK4jvk7CT2KRZI3kLSkdqQapc1L/pKukr8koyayT1ZFtk70nZyE3Re6QvIN8nfwzBSmFBoU5ikyKEUB4QMlB6YZygPIxEFThUtmhGqfaBoJqVkgwCgi3AOEltUvqSuo+UPhCI03jmWaGVpo2j/YBnQydS7oeuvv0rPSe6Bvo1+ifM7AxWGO4wnCFEZ9RmXGc8TPjZyYZJmdM9UxnmSkA4RRzK/NHFl2WZlYF1lY2ArYqthPsHOw+2C9xaHA45Mji6OW4ycnG2ct5lQuXS55rgusD1wducW7n3O3ct3h4AeEVzyIvIa9n3hN8THxicMAsnwqfNp95Ptt8/vl6+U7xE/Kb5i/h7+O/AgjP+H/w/xCwJ+AeADkRjjUAAAABAAAA5QCNAAQAAAAAAAIAAQACABYAAAEAAW0AAAAAeNqNkc1Kw0AUhU9sFbpxVVy4moUL3ZSktopZGYJVREWkIEJBrE2jWFPpH3TThxAfok/gM+gLufbLJBWULuSSO2fOPffOmYmkkgYqyCmWJL3xZdhRmV2GV7SueY4LOtR7jova0leOV9VxNnO8prIzy/GHNpzXHH/Kdeba1r12ZOTpwIbRhR7hnkChxrgZsR+qwj5QjzC6gon1QGVodxFrhHJC7ljlMSix3B2qlDVqa0puqE9lRI5t9YU5qc5ol866qqAj+CGac9YBTiJwekqMn57lAp0RTd3oErW/tMP86fHpaqIMdfIvfWidTqy7xR264L6eQRHzWtSzt+rCznjDFpMDpt7+RIUzG1QW9//tfJmPa3LbTkysK48ZLh1jeKNT1sSy+2RXe/io89981SxThfNU+wYR71gxeNpt0FdwTHEUx/HvSdlNNr03NUp0997NTUGwSSyiJXoLQpLdjYgUixBt9DoyZrwxhJfE6IRh8IDR2yiDB29m9PGAV8L9583v5TPnzJzfwyGAf/ldSiX/y3uQAAkkkCCCsWEnhFAchBFOBJFEEU0MscQRTwKJJJFMCqmk0YWudKM7PehJOr3oTR/6kkE/+jOAgQxiMEMYioaOgZNMTLLIJodchjGcEeQxklGMxkU+BRQyBjdjGcd4ipjARCYxmSkUU8JUpjGdGcxkFrOZw1zmMZ9SFrCQRZRJEMfYwlaucZAPbGMfuzlEK8clmF28ZTMHxCZ29koIO7jJOwnlMG385Ae/aOEk97jDKRazhP2U84AK7nKfJzzkEY/52PG95zzlGafx8J1mXvGCl3j5zFd2UoWPpSyjmhqOsJw6aqmnAT8rWMkqPrGaNTSylnU0cZmjbGA9G9nEF75xhTOc5SqveSMOCZNwiZBIiZJoiZFYiZN4SZBESeIc52nnEre4wEVus50Tksx1bkgKeyTV5qlurPXqdn+NT9O0QkuXplRzvqF0Kk1l7l+NjkOlrjSUTmWm0lRmKbOVOcrOPpelrnp13VHp8/jrK8rLGrzWynBbmpamu+APk+CTqXja28H4v3UDYy+D9waOgIiNjIx9kRvd2LQjFDcIRHpvEAkCMhoiZTewacdEMGxgVnDdwKztsoFVwXUT8xYmbTCHBchhLYNy2EAyqRAO4wZ2qHoOBdddDOz1/xmYtDcyu5UBRTiB6jhUYdzIDSLaAHesKK0AAAFToB+jAAA=) format('woff'),
           url('eastmarket-webfont-webfont.ttf') format('truetype');
      font-weight: normal;
      font-style: normal;
   
  }

  Pages using this styling

  • component:hf-poster [info]

  ¶ 1 occurrence
  

  @font-face {
      font-family: 'alegreyaregular';
      src: url(data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAAIREABEAAAAA8KAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAABgAAAABwAAAAcZzcK00dERUYAAAGcAAAAHgAAACABFAAET1MvMgAAAbwAAABbAAAAYLx3ilRjbWFwAAACGAAAAY0AAAHqueNEnmN2dCAAAAOoAAAARAAAAEQL1w9UZnBnbQAAA+wAAAGxAAACZVO0L6dnYXNwAAAFoAAAAAgAAAAI//8AA2dseWYAAAWoAAB1dQAA22zasYpdaGVhZAAAeyAAAAAzAAAANgYdWYxoaGVhAAB7VAAAACAAAAAkDt4FaWhtdHgAAHt0AAACWwAAA5x2RTsSbG9jYQAAfdAAAAHJAAAB0B1rU8ZtYXhwAAB/nAAAACAAAAAgAgQCbG5hbWUAAH+8AAAB8gAABQ6AYKVMcG9zdAAAgbAAAAHkAAACxxv8QPpwcmVwAACDlAAAAKgAAAERNuWSUndlYmYAAIQ8AAAABgAAAAZXF1OpAAAAAQAAAADMPaLPAAAAAMsqYG0AAAAAz88HlnjaY2BkYGDgA2IJBhBgYmAEwmdAzALmMQAADiwBGQAAeNpjYGJ2YpzAwMrAwjqL1ZiBgVEeQjNfZEhjYmBkYmJgZWZlYGBiYFnAwPDegUHBmwEKCiqLihkcGHh/M7Gl/UtjYGDvZ2pQYGCYDJJj3s1qCKQUGBgBciYOBgB42mNgYGBmgGAZBkYGEHgC5DGC+SwMJ4C0HoMCkMUHZPEy1DFsYfjPGMxYwXSM6Y4Cl4KIgpSCnIKSgpqCvoKVQrzCGkUl1T+/mf7/B5vEC9S5gGEbYxBUPYOCgIKEggxUvSVcPSNQPeP/r/8f/z/0/+D//P/ef//9ffng2IODD/Y92Ptg14PtD9Y/WPag6YHZ/YO3XrA+gbqTBMDIxgDXxMgEJJjQFQCDgIWVjZ2Dk4ubh5ePX0BQSFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTS1tHV0/fwNDI2MTUzNzC0sraxtbO3sHRydnF1c3dw9PL28fXzz8gMCg4JDQsPCIyKjomNi4+IZGhta2ja9L0uYsWLl66ZNmKVStXr1m3dv2GTVs2b92+bfeuPXsZilJSM++ULyjIflyWxdA+k6GYgSEd4rqcaoblOxuS80Ds3Jq7SY0t0w4eunL15q1r13cwHDjM8Oj+g6fPGCpu3GZo7m7q6ezrn9A7ZSrD5NlzZjEcOVoI1FQJxABq4o0VAAAA//oDpgUhAGcAiwBSAFgAXABgAG4AeQBMAIsAlwCLAJEAcwCdAKwAsABCAGIAjQCTAEkAhACAADsAlQBeAFoARwBEBRF42l1Ru05bQRDdDQ8DgcTYIDnaFLOZkMZ7oQUJxNWNYmQ7heUIaTdykYtxAR9AgUQN2q8ZoKGkSJsGIRdIfEI+IRIza4iiNDs7s3POmTNLypGqd+lrz1PnJJDC3QbNNv1OSLWzAPek6+uNjLSDB1psZvTKdfv+Cwab0ZQ7agDlPW8pDxlNO4FatKf+0fwKhvv8H/M7GLQ00/TUOgnpIQTmm3FLg+8ZzbrLD/qC1eFiMDCkmKbiLj+mUv63NOdqy7C1kdG8gzMR+ck0QFNrbQSa/tQh1fNxFEuQy6axNpiYsv4kE8GFyXRVU7XM+NrBXbKz6GCDKs2BB9jDVnkMHg4PJhTStyTKLA0R9mKrxAgRkxwKOeXcyf6kQPlIEsa8SUo744a1BsaR18CgNk+z/zybTW1vHcL4WRzBd78ZSzr4yIbaGBFiO2IpgAlEQkZV+YYaz70sBuRS+89AlIDl8Y9/nQi07thEPJe1dQ4xVgh6ftvc8suKu1a5zotCd2+qaqjSKc37Xs6+xwOeHgvDQWPBm8/7/kqB+jwsrjRoDgRDejd6/6K16oirvBc+sifTv7FaAAAAAAAAAf//AAJ42pS9CXwb1bU/PndmNDOSRtLMaLNsy7I2y7YsjS3ZluXdjuM4juM4zoITQjaSkAQChDRACBDC0rA0BMLW0kCBUkr5pXRGdoAGSlN4QHmUvh+PNjy20uVH89xSSiltCU3Gv3PvyIkD9P1///KpNIsszf2ec8/5nnPPPaFoqo+i6HWWJRRD8VRaR5TaXuDZyj9ldM7yTnuBoeGQ0hl82YIvF3gufKK9gPD1rByW42E53EdXGjH0dWOjZcln/6uPfZWCr6SumjqG7rDspeyUQqWpgpWikhMMS8lsEmluVaOOTnBufKZ7UFLnKFkpiA4pn89T9Q25xuZsxuf1cNFIlbsL+Rk+cVV/Ptc5pzXXPuR8TNmc969onjsr0zx3tqXaE/edaHJK5Dd3MKO0ZGmgrJSbylDwkFRSs2cnLCxlZZOaK4M0D/ll0U3Z4Ze98Msi/LJO28jvunN+zoUSzVUJ+NHi0Y59rmAy62cslr/tc5abRxZPUPrNa0F2+4s9vaeO8O/7qQHmDfZuKkGpyKC0SrVQHqnKZrN6LTdZoEuqM5mMllYLrK8OXxT5yYLgVOAi0upVLX50IipRcXjQqKRbUXLCTs7GQ3arkJwImrfsku6CWzI50xtQUmsuPdy54i8HKG/SxmrxtGZPa3FJj3LH8Wet3PHDnef+5Sl8VwulNTmthSQ9KBzXZPgi4bgFPjtOx63u5OHOC/7yW/iYfZzBp5ZxFr+NC/gVHmhcjNrhICSNO0MuOAhK40pQhg/48OvhzrP/cjf5Yz8+tYyXkHvl+BX/TSX5G/iWCPkW+M2q6e+tnv7eWvyZw50X/+Uj8kVJfGoZr5v+yzT+3OnfUfFpAR618ubKm6OcU1byBbiG3+Av8Rs8CbxR3SJjtbtkfzAUjSfV9Iz/oW4PzbCC6FR8/pLyykhVdW2yLn3GR6b/p3WXIt0alRUtnNfssl6Ryuf1YAjObXlKr60EFaJK4ZKYhiPOk88TXepCfCLnhwMmW3zlEy6EX0Gh3Qkev/LxLHwOLvsr3isL/JoLvT00Ko1suWBoVB55V0j8Ugm/LSRemzvinLdvcGiBa+h3aPHmraWBW4a96Nkhevtm2jtEozl2h/FDBg3B2xPKIL1gP7wYj0siGqNp4yB5X0Hv2EzTC2GWbzFeYLKWPgqgoeagC6hCE8xMrSGrc8Kk1pPROlUtmtVlZlLzgl4OqBp9VHNmJhiJ8oHGtcqTGiPpFaCD5eTKuK+iz5nU08qkPtfUxq5Dx49hfXNqjZKmHNEznuOa54gFzsa5RgWE2PXUZywRIo9PLeMyftMy0rg34wGtieLXw11PHP8z+VAMn1rGG/Ab/o6mM7+jw/yOzunv6Dnzr+fg0wL80Gk90TryBbiMj2J56kle8cQyjR1zTquFxPGy4vFGYw2ZxqaOzp45X6oOFTSIvyqvp8tB5gGQPqVzTVgR6vN5rVM+RDPO8mA65s9rcFEqxTqRa27KeXx+d1UizTQ1NuewUlSgEE1MTVNjVYLxZSs4sHtENdJIRW78cSdydyJ8e4tvRd+GqNvWNX9Z8qcHgk2OYPcVwaAQtI2IbMdgmGYbgmPhjoDvZ4+UNdnL5twQCj0yOj84uvnxszYtHs5de4dw1yYObRD4UKp/SXbHoyJSrW7jXdpttTqvul0QKpKze3njIO13qoFsbVvlrsecxtucE5WhMqeD/ji7oBrlmOETJ7klsxoXJCjKQg1MdVj6LVsokQqAzWukeqnvUYUM6JPewk6C74CDOBwocDDRncwwjqTezU5OBG3kMMhOIm0WMcilpnUrlfQIaBZnnnGSXg1nTeZZk6R3wFnatHx9YLojpeA0mBKw3XmNkzVvXqtWNE9e7wAxjEvJjALgU3p3C5x5PelqONPjQTxBKTJBi07GibCXodwohCiGo0EUAHo200kD4tEIh2Z+LDfzzsDje27Y23/rqmvunIccT9DiiM04MDH6zuzZw7arFodaW6Pb1o6uppfCp27t3wefWn36KvP2Hc8funLVA+sLJ1T0dVTBtCaCJ/9k/Pp649sXXJBg77xgiys2r3HlznNP/Nr84Ibxxy64UDKvgZ/ZOvWS5QD4uVnUEHWAKrQD4oUeDPsc22RBxLD7bJMTiap2EWBOcADzfFWzHtUDrsnxvgC4E51yTGqUqvfBW0DSQ4BmszSpD8N7KCAr3XZe5OREDej+3EGsws1yIdvYgr2zPqcHIGyFQz3RLiuH+Egw00k+45MPKVZ3IEV0XlQ0mYDcSXehpqomgmII0E0DjqDiPj9qNmHEup+Ld6Kcn3eiJOIBa97iBdefOA15DjnR1pYFC8rLH/3D47N2BsvZtZ6Bs1oXrb3mCTQnPjxa0irLwWQv+s6mDOMtc2YWvMotHUWh1SHlr0vf3Pjyn77x9Dd/cLmRHVmNBnovm9ciik799lsO+0UxdA/dW7d4zvqJA8bv55638zIbaxkLswErzzV0lbocQ1det+vjcNebS8999meX374JHYjfBDwDYZ6B/IRnVJsso0gxkGZTsevWacekbsfvVjAS6ExucZpRzOARFPneg8Yv6eXwvUmqhCrY4XuRVofnh+4XJ/UUSuLvkRs7uS7sRZycV/ZUcCHk5aNp7mBpqrWruzXlcAhlNOdpbe5WKz2Ruob6uojNlhSEsgUDZ3Ul0TBau3D/1nPntMYDnKVNYGw1jWdv/sZZxv1z92w8p68lFrBwtiZGrG/fvHPCfKaQ8Uv0KjxTDX4mmjxTraqFj+oiPFPSfKamHLZbsscJQ4wmcp1gCBvTbCJ06nfh4bq7zny4ysbOrkaJ/fjUz6037p/xaFbaXpPFj4bOPee7l57bmbSCvbmFWcoELe9TNspLVQJKLdRsqtCAWV6LqqfsoOd5VQsenSgrOiuQQBnM+ILTFSa6m8K2wMJRWayiDXKhLFieJ7aguQv5/Fg5E/7mXAi0zYWqEu7mLJEZWF5goWCoEccnqty5ToQ/zTvpxC1IUbauEB3pLSHp7NVtXLBTkgabXpvX5fTHZ4scPa9BLu/3elJZd95Gq5uDwbTH6qy/Jsv+ZLhDaOvvs0kV/F+W9Va6EivLy0ritL/EeeUWu7Vha6Vxi0pXj5WUdCToSxCSXNWio7tNoTkrjWUSpzqYYywFKLRSmNI6szpjndQEcNg+VfMc1ZiM7pImNS6j+wEDFzg73SJjBBh8SDlMhuLLYq30ZmD0ft7i5sEJWeK+twr0Rq9j7mt9faJkrKXXKbSxGX28jkYHJPHEwxzDeDbRxja/43cTtKkfz6K11CuUTNVTmqROCCwl4JmgqBpzVLfL4AfstuR4NyNbk7obnsbOwJwQyJzAbi2RKxpYmk+E5pzdyw6oqbamZedk48bHDV/tHu0MNi2Z17J15UBFiOjjIHqcHqbXURx1M6Vxqo5sk5ql8qisMzaQP0/cCevGz6ALJiHh3j6ykhBglNYsaQ1JOmc7rlkk+Ivjh/n/deRSzBTg8jiNGCAL8HqaLFAanUYTiGYs3CnXT+kWDoZA5XUGwTtLsIyD/bIMimjdDS6b4UHPnl+jKBc1wfPuhDjoIuptiIOazoiCzoyIxBkR0XRg5CCTa2YwtHM6CpoOf+D7+6dC9ArLBrBFV1PY/uDvsZjjt5vj7/jPP19shgdU2qkxR3TBe5zVLEcOd7zx5xvI2CkYOwVj1wRpnBcsGARqBggFuIaxOEQBDrxQ5EnjNGMeE0zqG/xKGZgl2o6i/ReMfLBSemjs4NrX0GbUzNzjOakbh06eR2K04aljzN9ZG+AB0VIRERdLlYGL96oYjwDGo4SYPRF0WJR0BUeI4J4C8K6IoMCMFeuy1zXDmVPZjOL1UNEITdx30bkMo9I3nvubceyNFz/e9vKD9z778wfv/SH6zZ9Rq/HB238zfoL8iP7eL35y32NvPk90a2DqGH0TPFscyyqAvaobe1VJAM2qwpZFd4DRS8BjOMCsAOOgdMkN9kUpLTPtSK4Z/5f1OxFPg5PLglKYPg6MBthE83hA2LHx2zU0EqtDrKOm/QJW+f669O6aWscl/Y1t7mZZYbYudUplVnB/ff3Gt/42mueElZzI8ausy/ag1wdSPMOYtjkHWD4Az1tJLaAKlfh5g5jMh1TdC7MCJocT2BfnxNOPs1kB1jCZlLJ7EvMsSg9B5KKV5zWvDNqscco4Y5dLwTbWN3QhykSQjyY6EVFAmvGHsamAEcSifO4hNDw6MPumtOLPvrh21zeeOiGg/NalodE6qcSo0C4UD6Gd35u76NxFK9bu3nPRCuMj43fO2dvtB+92OgPk2Wumaui34dnrqPVUgcEw18LDIvz8VlW3WybBguhB4DNKED+/4sPPn1I17qheBaylStIq8ax3KZOaS9UrIf5I4yHZawkt1xS54K+MYWoYVLQAjMifK6qFSucInS4OjjVnF+9l4ZWFSVZjWz5472sTT9vsXx3dePbs1t1pr0coXTi8IXn5/ivOQ57vGZ9dM7u91+E+sH3jBmSbE67aM6t7QWt6KefJJCqv2rjwviZb97Ob39o7m+i7MFXDLIdx+qhS4MdAujQxq/vBWvNgrctUzXtUK8lgZ4qttQTDKMdZCS+MAgIUSQYaRel+nKRA1jwRDMqAgslAAKoS2CcR/hRLhOWoINDNiEM9PxaloYsQz7D220UbbfxbJVqhPDEE3NZzUpUvptnB7zdknAHl9QeEi9ArRBZheEYbO0zFqCuLsohMy8Kr6iIci14sBFHGQogTIZTLk3pVMeL77xM3EgPrBfviO6LbheOa7QhVsNl9xFDY7F7fqbipHGxnQVLcxCF7wYCOc4q7nCjdaREhN6aEXdgNR5kKkIyTAcmEbcuHvv3WMx+5ozK6rr1RntUgvv6hc9mN1y3Ozt1598NzuzpBKt+4fP1XanzoE0lmKlPCx+DDDE9te/+q/MD+7SsyXUQmozBvlrMvU1GqgTqbKoTxiBMQ/qZUPQATx6nqNgtM+QwxQjEIeWOSXgtiqQBal4X32hiMIRD2YPWqkHWbSMhFArvWCrgUkHWP1zRLmKsBn+B4fyedzVTQph3PzTBRPDeqDm/YunXDMHh/vzW0YuySFYt8grttZ9mSW5ak3i98998fvm7buV+5dXPbxTEO3XHuk3t3nTOciQm8vYNxqC2rNt+9kBVjbR1rt7d/5/2/vnjfD6/dtvlbDWVpkOswyHWM+YzyYJ4As8QCknRZsCRdFJakl3gLj8mWfDAwDyiaxsBgLNi20vwpcpQN+2nER1WELE6GHw7axJ27YDq+MkVlnTu9NGXc39RZ67HTe186YBNajY0nf6jFU8wfnbRS3wnhCcVQ2wDzbYB5iFKpHmobRUyVHuUmtS5QMWxhewnclTC5KyWtHk9uq2sSG4N6F76kt8MDSnBXkrRSfLcK5kyVqpeCSZ4Ft9rrZeUJ0RuMptIcify6ohCfUFapNN1K1CvX2Mnk0ojEIhWIMI4K5kyBpOkEcEDO7alg/RXIXxTRtqrccHv4gsv+8/7RW1dX9XTHcsPzqv6i7//ZXbdtXrGnZsn8TsHOPR2SaiPz4qpFYHduHVuyycit6++MSm03brzh5bZrxlrWDWTcFbl5q/Nf/+XdhdW3Xb1Cnd+dDLEWZgS9W5GtD6e9JQxLD+7bdOlmoqODILtRsBthKk0tpgp1CNBiQEeDqh7HTEclaEUAj4ik12APCROyHofF2Fg4JdDDGrnABEvIRCOBb0kALtbJnw+AWRdSUSeXSzjpaCRNmxFXceiDWP/mXX777ZfHq0zt3LpikZd3t5raec/NF67dwt2w9dyv0Lu/83/++sOrf/vgjUs7RIetE1Qzt2rT3Qs5UzW3bPnmUF39N5++jowNdAFtYAKEA+TPYEWYA7iKnIhwAE3MFPmQpkwfYSLwOWYkzzjeBiypA1hS2/T7NFuiL5ymTfAMmLfiZ5CpIETRYIknvMXfrZhmrmCYZ5BXzS5NKMUnUUnIzCiYV3N5nBMsCN4yM3v9BVbrnvFsZzLcxdNP+AWqy/zo1KPCPO6i9jEPM09Q8OtUgUM4BvOoOH1NAktiKXFwYvE6EHYL8S4L+tain3d2KK7fP2q8gMbQNrrzzUeN82lqtRZb5C+xbRjp3ynue8g/umHgIGARR73MMRAAlkeawkEsDid8qu6yTmI5EMCBLmMDJ0Dk7/LBkVjMc4IDJQGEAzEzjuM+1PjE3LfnzgUDrBpJ8cxTtHgdzbGMdyNNk0MSVNBkrBthrK9OjxV9fqw+vwV4No7PVNScizel0EYYGbpLZo3VZMTO9x9Fbcajxl5mHR6cbw0MuMRvhwFf4dj3EIz1MuB4D1n2UgFged1UIYp1L1iUPHC80qNYzypNOYPRwVbRUiR9laVgYZCddspuB7Yw8EBgGllzCvnxI3WRrMYZEr9sVvDHSAwlh9vXl3FJ7ip3A/fJ9l89l5um8pbABQL33M251T2za3o87ufkiPD38gMjqy/fbf/n8hn62mcs5taxx4BDDFO3UoUItgfzrJOFOBwUZOyqS7N6HTupdap6O1jVjKpzWHoLiJ1oBhPaLOlBGMUsOJwl6SoOxWBgI/CuzpKVbhsnl0b9yUx751xiPuV28AVt2GBo7rw2T+m2gnoEkyVqcz8OnyNyIVqVMGlvo9KJYtkMS6wqeGowsV0oQfORqiZ8C6e4cVBN834wshIVjrDgCCsYv5evilXRcWxwFDeYGyfqG/76a8h/4B5kmdjQtOXe/9o1WOfziT98ceGiJV/93sJXFXuX5EiuKLG+9VvjSeNP/2689O3GS7778Z1Nzxsv/nQz+mektOXDbVvP6b5iPtr9VWrqnUdWrX3sv69f/8x3ds5pl3+5di1rPPS1e665mpr60aXhRjoUSB8wVn1P+OwXyI5SPzWefm7HGz/62jLBOWi96V0UvPasq9F6ZJt1/XuA/9TbUx+why0NVC3EuQspEhho1Vndy4MTymheSYtjn4REvNoD5NWZKXA4MRRMujmc68R8okHVM3giBSFm0Ox5nUti+6FiCHngpDmUyypuzOn4KpIXIzxVBQoUcSGcM2vDszvqBuvMRONya18Y3bZbOnhvYHQZ67zja9+oqeGETfOVvoaH1141pLT2fIUV797zw4m52x90cau5WUtYX/TktUbj/A5eWMzZLBbnCB+JV7e+R0u/zAXqqoUxJ63a6AD4apgj7FJLGHxPHdVOXU8VyvBoqaweZyYLTnNVTW/hcMZhQk1SThigirOMHarGgk8CBUtlsFtqAt2SgaBXY2j8EHV0Yv/EwqgdmCc1yRPOMk88SdQtXoY5Lr6clDXQLxXncrUWYFdynnBDAMMNPolPAEvMmZyd6BvOEmIeFZ8mVQkePtHJTtOry8RVPXRFup913TX88fP/e+cldz16/a92JSeaU9tjqHTzNTv37r3xl5YjIaG0N1OrPeV10mJglXvOUmZFb8piXc4JD96z/jsNld+5ZNMTF3hE7m/DPTdtv3BvgN0i09ZE87qO6692l79gxmPAK9n7QUfi1CWmZdF9ABiLE7KSzYwhYS663ZOaW9LF00t8AbsoJItJcGJpRNCQcVbyRXHSutQObFOwBokj90XNkE2Sxym7iIM1jVU0qzkLYyTJCqoDMIQjtFeissWIzclGK6nRp9Ccnw0VslkhIa7ljNd//jeEfvG1x6rOrXWKfNlZK27pM/7bmKBXv4oGDwdEUbz3GSGXetb49SfGx8ZT9z1iffoON2MPehV0lmlHLcOgI6VUNbWJKniLGlIxQ0NijJmTqiFqUeYCKwpDL5P0MNYLUAfMqcuIOvjBq4SBQBe8zgoyzgovVge4rMVwDKQ5Fc3xBTWIV1Kyh2ajRNCImBEZmxeOp09L/aZhmFl16NJnjKf/7ccbU5fGUNl533zXMA4b/5mEyXamrI2Dxp9fNsZ/HBA5VLF1HmpANjBcUbn8xGsg38vABvSCfPuog1SBwiPuyuoILACStCzW8R5+spDtwYwh22ZNFlzYAkRrKRdMkCgAE63Ft6JV1uS4m3IJSd3hkiqPqHo5M6kLPCjIbIJUGvPdjJaWcL5sQjHVoh+wSgNWWk9ec8vjjvIEyWIqitaK1yCzcKc9r7uxeiTyWrmMw0cHXqD8PGiVJBONyS6LYWMyPtNnA4g4aVEBcUonay6Ax/AHLhNX9JlIPrgTjU9wUXEtaymNjCxfsK4WSd4DvVel09agdlH/mCDEW9vGNp2dTsjW5XyVYjOWPj/71phnpTgwNo1wifj1Z4S2YLwmLom0P29so+2cxbaDdxlvrk4lg5zFG+wc6LDZHntcdNosBPNjLAWY56j7TMzNBSZVmDThrQkTeGsA3nANhjcc/5fwthB460x4686ANw/w1mF4GzG8hxzl8URDpghwFQCsZkA5UUMjXvhwh80cw/8PkP2nMWZO54X401oK2N550MTWX9E/PBtj+5/l51dXW4MHVgO0seb9rPu5i8BmnaGwJeL9zwg9wVhtEc4RWuQs9is4l3FwUQsnrBZErmiXniEY3myu9+r+absk2yYnQrEmFiAMMSZEYKI8ME89kl6GQYEoy47RmhDNhThRJWCVeWRlgpXDkSay3iPjxVTd3wTIqHktJOt1aTx3lQIVrsFhsiyP20VP9b+2V4AHNW2w4CyJEiQbAKg5wcr7edOCTaA5vxh6saNTqBFXc/u//QfjBDX1i7lfi0SS/XtZ5ZYdibFAiRAvdYrW0PqN35hrfGg8Q6/+BRo4NG3PcquWgJEDg3Y44fZ81lcrnGflaCYVuv4bl3UorKMy4AXrRpl6Z7nDkqQWUK9ThXl4rjdlif7pCKKweZI+wE3qmXwmU6jB5k4Ctw+GQMlodjAEWiSLNU4LZSYC3VQNgBsQyEpbn21S65bGU92znNj0AeAjqmY5qpdAtNGXKZSQ4LwERxsWSZ8NilpClj21soyugv1MKZP6QgB/tgUbzfmgix0lsvJkKBxp6Z47OA+jq8p6PIct6MA8+EzjIGDfJ+vqXPisXYArtvAX3SmGmYe4nrFkcsWLnumriKflaY0FlkI3yWYWs6jGjXAy08MmLoxGBbU+aKVFNHbt983Ld2fqdlYnhKFGJhhrXsEqDy3/ozKrO/DWyuBjc/pBtVdY3I8ve/sMxbaylhW8XJdvA4fkQdvJRWTBV231bSfvMv6O1Xslx65AsWXnoCbabuGM281rCpEfxJj0LpBfhDq3aDdIwqEU7IZM/BO218QqRIkEvMpkwUvg9xbh9wPgMQDbT8AOYUxLcRiNygFTgZAUO+Cp/Cs8ZyIHc32buGYWHUotZZ0PLK69tKrKuqQNw7GFVb6/On3Z9LTuSU+PHo/zG8bH5phgGsOYVONNOgdjClANVEEi0xeUjIzEijMopcS++RyTugcUpQxzTdkqf9E+nX5ABl5U7qrldDC9hnW9m7gMxDRQy3gt6IHv/06a98xTzIbeWkE4Gz+QvbbbKDWueO3kHByPbJ/6HfsxPEsYoqhdVKETg9sKDr9V0hCeAeVZneJNrPXaemDFSvFRtaQ5N6qBGfSQBy4BoAn87DT8ei/gXoLNsQNQRzijUdFGUB8viWSaYwT6cVuN2lBMHH4Z+owH7EYRf3cO2xgVTdsUfN+KKvA6Kl5q3u5Z1XaGBg/l6YDkzoFiPrT8Nhpd2L2bdd41FFtZERSczcvOMZ5AY4Pb51gdd/g37KJXWNvGZuqt2Nh24na7rbekHIuOviGIruqubbICwWZp2rXY1rvaeMToXj0s9Ac0oqu3AK+wAZZZak+RV6SzZgYswn9BXRuJupYBrfZnCmVEY8uKGht0EXpVA24tabo1zMCDRH/rwQDUAMfWIoRhpwHXSD1ZnQZUC/7aJLbS/6M+MzyQbS/o9Bcowi2OkSJ89xQNQKaUZxAK2Ko7O7tG+2tiPnE5F/PbjAPP990cAUIw96yZgHFKdSrNW52cccAYbmmJW/lAvH/JLJvt8CuiAiwAY7Ry6k1urSVODVK/K1Y8NGCVo2aDamVAnTKS1ou1C2KyORCZJDNkAV2Xg3DfasGmGGnzVH3ITFkfqf9nyCxSykta8xE94juuxY+MRyNxd3I8hl/hxngu3wynLfi1ALdm1BDF8gW4jI9yeerJSLwlH401507VEH3hirlumGk3Ae+V9do+gNuqHOK8vqbWDqLQ8oSjJFBecUqjcwpJhRfxL4W4EMLDRtBZUirh9Sh+8/j0ClMjraIo4lEUeNwpu7PS1tNqXb5kJSff11va7/WNfj+Vtn/r+YbZ8rusbdncuOyMN+RZZcdg4vxwxNqVj8qy3djeYGyz9XctZpXr+mJjpdJKoW+UGapubuJsAzbQYuMfBnvFDvQ9eh6iGVEYsjVm0yefeW3HICus4ASWXck3pEPo6Z+/+s9nnezIiUeaumlhhSCwZpx00dTjlqssNVQLdZgq1GN9r8gWarFMcTFFgVdKcH0kDjADGc2DpcpkdRc/qdfVE0JHSlryqtZ4VI9Jk4XGGJ4EjfUwCWLSqXohFWftHaD/5dIkLp/0seACHPiTwRKrWRwQwwVbTB1IwiEf4mUlUlOLJRFUdE8FNveJOrhf0wAzpwWmSsEuR/Ak8eDVMnP9HAvGR4Fg5MbP2R6epkAWzOfWALF3TVwkXZavmO1234PG1qy29w2z7iv7qzZUhmxz+lB5u25ct36D3RaMbmSV3WOx1RVBW3cnKpt3HvvGEEb+jwZ7401MxxhtxXiyK60dbf/cHYR52XjbbSfuSsdMnNmVQlsns6uryV5c77DkgP+5qDKIXQoOPHHc0wwwgCPTckL7JDfOrpOclwDhGc4W+SRsPFiMRgCCUl0o5o4xd2MVr4fG8TfllhSIvQD5aIQeLaCmp7+HhP2bnzT2nTBe0IyXn/+bceI/nv2QXv1TNO/Zbxm/fuoe45MjF6PV6GzjM2MCVX8AOjvP+C+SG9499RGbh7iyCnzclVSRcZkhVhDbwCh/OsBMkQBzwpsgKQivzVyzYUmhk5bIYMJVa6YgyLJNgISaMRBhrVxwhipJoBnEEVMoryfwklt1XkvJulz7RRMYN4vAkoj3VDCE+JBKJuRvNpd1eXq3c3kr+HfiQxD9i99e/+blB1nW6guWXsQqPWeHF72NWt76x+GXqiTklla6ek9ZQOEZ/ZL/ffXL7X1ZrxUcBmJoO315qAb57tvPe43fY/kZ/dxFIL8QlaQ2T6+cgPxEPGWIEGuAVwZI6ryUPVU1VOkm6yZVRXGm4L2qEicWxKCd5FxcAbKKrQVl3e0BWKI4LaXVyF+QMsV7fWZuN4TwKkFVLPEvhG5M/uotFNqZHHV7BIfcvFnZcMj45MS/UIOTxu5O2x1X2i0WLi6l53d/76kv14ntU++xr1vwSkg7dVlRJ0qrslmSl9JLvpCUms5E4bUkNYMxaC6qAU5AVRI1ABlrzfIhZ8gTi1eZZZpaGWBSgslGoDqPc0+HkE0Oxeu/hGMUE1BuzCBcKFKVYMhcB7VIRKKRKMcjfyfbJJFUxHZldfu0Ypz48bv37/tN+0WLBPHx7PbM249xmbWs+03FUxFri6H469aK+a31xk1eJ+0WVtg7l53Ske/ftfPVHuPAmvnW2f5Ny9Fe4z8uygtLkYWm6Ue9tF3tuLgPudzlxuPYvm6fOsbgXGU3tcP0lboVMAphRUnhnHAPqeotP1XVW29W9eJqy6piVW+1CAFKHhDDTKyaBq0JpZrbcToqXwUARWN47ljbSR0MzJlDNFNelSDELKSAdywWu8JUIctqTAKvrLFNjacivkRxgQknHPw++M+D195VtL1khbOye2z2NQfCjQuHsizLM52D61tqkPTSwvuqqriwOCJym2++eH/t8gWzHmo9wBjv/2rpg1Xx3vtesq3YvrTWfcV58b7GXG0pTbMoXDu3Z2X2wXcCDgfEyVZ7suv8xRcvqZvfXx9dXL3tqz/4TVSRMV7K1KfsAODVQt1TzNsFIVwLZwpVZGWYM2tZNS47TlUxQhKv4LMM8UQNHKZhxBlRRydaTNfTIuFaBL0UjFCppIPRmLCZbAz7nBZziVVLyziFUKpo8bzmBKIXBY2zKRqHTVKC0DS9ASNtL51ehPWHc36SHU5bExwpL5lOKlhynZYm2cnzSoBzP0Zf8QOFcfHcGl6QrWVyOjKntVH0NHVV5kWRU15dbRyTGtsafTIz0L8sXC/6eYF59tDjkt8vzf9+fb21Tm0rjzndnJWhd5687fi8bgbRQGOFMdZaUtYxq525imGcQqSkt7G5WDNjUYG7qtR+qpDAeLlskwWeJk6dEP1KMMTYh6Os7gdY0+Z2h9qjuiiDCSMpMZEH310r6XblVMEPduwxBd+Mhaxkq4Mu1hLodMUO6ugqCSSwusVkMm39LrgWjdXiZDIQWp0qyc/w0WY4QPLDDNjtma7aKxPNI9U5/IDzG8OJCyIRHKpK2iPf1UVLWd0Yi6+uq6gQlmeNv3/8xh8q0rPZF04HaY+88qb+PfrAnOpT/L+26+TIGx988Cb9CMxeCk19OPUu+zuLSiWor1OFCDbaeG1At4LyWCXNh91aMAGMpwx4KgJ4qlXM4TFPfe6aDwdIaUUk7dRiR3TJf1xzHNEc0rjTIQE3deHXAhzP4KauPDXhkmIOp8lFD7mkyPRJkYf6InglT8QMVNZtBClmRmQE1BIoDXUqC5PD8OFgMY0SivO7/fX3NjVxwpbB3T3dbrR41rzNrHj/nt9IXRmfMee6Jw66ly9gXxrj7JzFOSJE6oJG1a/eYy7qSiYgAOLWMLG2fz6eos+ifW0tCLD5eOpdfhtgM5v6yIwitXyWwKMFswQhUB8cUOolOIicBeG7L9VI9sz0q/qcIkrrP3yUoNQJKHUDSi6M0uHnVn34DL5s0fJwve2InoDrsc+jBzRxPB5LwGkVfv0CmAW4iY+q8lS3zSVVJdq6Hc5YfOZGEhFfzrd1fu7GNNyzOvHupmhtngA+bvOHVeJSvog5SuCq//8XUUSL8miscorf7uu+q7aWEzbNubqrS0ThuOes+azz4b7cnarKCZvn7urqdqB5PYMbWOe9173p6mjwGqO7tt8iGu9e99hB97Ih+rS4wsmYEX/nbUbZ2t7EWE8LsQKE+CvmmpaqyAwhou+gIyd+mqKX026QJeIJtw9MfWRpAm4/l1pLFfqxrtc3zcV0vk+Y1NMtmQxJXGg2EGnBVRnFdwQwsEpFnAh1UNXn4bxFX7+sTKhUJjdgTugJ5PWXdeJjmzIuhyKxYpka5tSo6nOYuUmNPrmIYyUaYlFzWS16el0twcBHPT5ylQ84F+/b9Bvjk3WHWPHllQM3R8Ict2TeMengwlw3K9419JIgdpw1q/sfKJm/ZhXrfGBl9ltNzbx18bya957pqs134uTAK9zikmt3Ix/af4dfGMFBkHOAi0TixgO+31xZWl7OCSNOwTVPzPaPGC8aQwtHrMIY+dSIpTIaakMLji8aaCm3AL4C4Dj15tQx9jLAcT51UTHebcbGNSucMq7mtOAgVtLnc5O61YfxG1a13qN6ClxPTUZfAEYz1Yur9K1yUmghnC8LUave1AGqOF8eFyVPJcYUKROCvzQY+jK19LUh9xdyJxyPM0cezuOdkWQxgxymA+GtLFUJ/F9CvH5l9nZV5fmzuy/ZStv+EN7NiveYiRTHOQsGncKr5Q4GKe6m9az7seWp7bGo2NIZEUqiP2x3V/cFa9n/KELJh2KlxqcfokJHTZMVoMSplHnK8PUBp/H1+ksesNkUnuf7yiqmayXtZbmeruVda+agy3aW5RWeJbWyn7EN4OdL8Ap6CYbTaQfuWIK9jNNtTRas2CzbrMS100CZaBu+RXPgnWjwTjjsDODqtwmL6ektxFdNuE33XoprBXBpsJXUHyKnH894N/hwH2ZLzhJsdb04EYv3Dol53WojpdBAlhCpaQB0HchPIVLRAWDG+X76hHHf3kvlNWHWizbQss/YZZyPvrX5usjqGlvoZNltbex1Irfjm9ZfPKP4XG0GdXK3k374cduvXgiLIpmPLxjH6H5LiHJSIxSubBPtpKaKx9XyLswDdTt4WjuNB2p3wkCFDN45SIl4g4hmyeoSno6i02R6Vlmj8xqPeQp4V4VkHOLAgGWYRy/4wFqgy62OyT9ZHYZBN716Nrr+rjv9jq6Gz55rcHaasf/QVIhea9lA2alvU9N1z7xZr+woWnPmI+/pemXrEZ22Hmc1Hux5jVmvPM7QPJhrlrxayCuHX3Eds52y4o2BND/DhrN5zZKHJy7ATbIn0ErRDMdb7azltBF/Ai7NuFIsanbnsm4fmGA+SjND0soPYiuDQefapUsto54Tm242tHPPldAAWgjjyhrH0ATBeT7BGQHOrKpzRZyZo7oVcGaspJyIApy5DObcPOAsZkyQkZMkPDVWxhrEKRqfJyUmMsw9C01cgSUr/uFDQUTbfTjhvcf4pKvB0gnY+k++8urZxpWANsl9U9uZe5k3KTjJkW1mikkcEyROwZqW2LZ0RFvtO7+38qyy8lH/2OA+cWdons+34d7fHEYPsNIUdfe8I21tHfS/P4qWGf8278XOTieR39QnxpvME1PLKRHYjGYnlUJIc6gaf3RCMKMJJykWsheLhbA9YUlBmZ+PsFFSCHT7nvtF6fmTCZvxAa4Doj2bWKIbt7NJOmF5gsJVwZpFnaBZvE8Xwc8Uq/rxrl0Rfz1twctxrM2sP5nevaGi24e9D9xRowwBkbWsXMweeSDBzt4Xj0EMuRhiooPME1Q91Uo9RhU8uH5GYCcL6WIhRyM7qQXBgLaR0LkBIqIGSWdBI2szuh/OcpjCtmRxuaHGSnqpNIkLErG+Kg8996Kpryypr2f1lpLjTi1/hBpn2JY80S6dyRfrXxtOlefl5IInLWATwSpaEgyE0CgroJtOyV8ajhAmS4rccvEcDpWcNKnTo81i7FP038nyERWd3isF1yzc4vYGdB27aml8uFV1iPaS8qWHEl+9O5asxjtUgowYT7QGv+uyDl4euuTOAyMdVZuSgvFB24ftyx3nLz/vEm9Fhc3OjUnqyNeuDBk399ZlIIAKW5T6mlrbI/TgktuubxvOJV9brODYXAVcX7J8RJVTNdQaqmDDuFYBrhI2r5VYOWpVzXdUr3HhyLxQ48MToAZb1BpJj+JSepnsI9JrfDIp+YjK4xabVEmcVaVkJiiqZN0hmIQem0Y/x5gFVhSOGWm5kbgenM4/VVWrCl33pOocFfJL9T941zj6i47rY1H3kM3PcYiNX5K56f4Dl9Rc3WTZOkuosNvLGk5et++vz//aeMnBcRL78UUMTf8z4C55+sH73upWTbs1COMMgP5EqZVUgcGjdFknzdJhL17HixG9UUBTFAnvvMAxH54NcVxnpeCdil68CUmzyVoAVz6HSb5Bc8njlM0ewE6YMX0B2ctgBsnTIbJvOvWCI5VBJL3cenmogo9zi8+Zd/VX79qd/Uq4UvTxpXN7R8qfn0QH30Upj83q3PkA1z3vHP074z8PyzLbxSn1sYp/FGtLj7FDILMkzIXzqAKLR9MCUVsNnguxrK6yOPM6PRfqYEx1YKlA27MZ3ScCA+exEH3gMUlRLl+Hl4IdzkSNuQ+QLJi3qMA7fFSwoipBFNndiPcR+IuyKoqRLJDNUGOy4794SU7TuAD1pj/e3DM0ZCvlBZBoXcrhi9UVtdhRVZ0ve8jr/GVSf+u++y6puygSsVael7vpfnT/7f+4TUCLL7LQ9BCRb/TE742uohq7MzU1wn7u9g8R/81fNpeV0Q0WqfTpaVyYLpBxCHR5eRGXBNAAknCTWVOXARGnY1JzSmRxkFdM7Y05cWJNDhI6xcsF0esn6UUZbxSBSwl5nKe8lTOgwAkkFx3+nHTd8enNCYM7X7v8nns5hik9+e+P3NRydTTq8AllC+auiPzkTw+hS0KesdHVN6KDN/9l3z37/RmnI1B58LWQJLFtnLs+XvEZ2ulmvKHRpdeC7i6e+pR5COStYt2txkKOZPUay6Qe4nHaEG9HGEf+gJDUVVy6puICVw5nUyFOTx7V6IxeLuL94CQKL0/KClnsD9WQDfFg73GteEnREjcpp9SXCBBYDOaGZ2bCm5tkiF0WO3ciauqNzu1l5Ww45BNrrmzbvo2hUSnn2bXPmm3eyTofH8luq6y0bWcyQ8zgbL+A7CgHuu3OD3HWQO3TR9Zx3Bbu5Ndbc6wwxgIlHHFtpqsbKsn+GIbabEjM+8y7VJbqohZQD1MFO5ZoB0hUgQOtRtVnMZNauarnOHMlXjiq1WX0RhBvdwZvXydbTCiZ7JWthLdGieRwAo7J8f5AK+AVF80F+UaB7ATTWuVua3lFpMbeUD+L7IoNKAWfP0pUoXwWTBOqMl6Hb+gdNbiqy1+RN8uHnR4f8WVkYjQVq9R9WTJNeIDMrCZNgDHwn6p6ayp+duaOp+ljgNfJbi5fWhEcGHn/67U3+tN761XOt3ypsPCPj6XnLv37hy/e9qdd+79dsSEaW7X7B7s3r9xy/cZztnCXb7r8UM8jj1rkukjZ48FeRRGqbjt7/1s+S0h0CNtEzrZ8+72vy/W1K6ziuvNXHNx02+7qFaWlovgVWrhs/+UbL73zihNzh5dfMVKTSfhYZ21tK7adWbA3LOhfB3VVUQZ4W3hwehFP82f1ND+pe5oyGa2DUCeE+xC0HNWTgK+1Bi4nydZw3QnOQoZrXXCcbAHMs7gS9QkLZw/G6xuKaVxsX9MNAK+voh7X69iDcrHkZNrsFN3HF/douYmnnbl7iy9u3UqirOlSXKXC7+d/dX9luGqAlc4fqtocjlg7mhxjow07egJ8pHqAVS4aesXRpsaqk5ZtPcT++I0rjPe+dfPVFcYVPR3NoKs4RFksdzWjuzZclEl6jD++09WIL7OLuUye7WnJEnu0dOoY+sRSIHn/DVTBgkt9caFdwYUNkgiTt0adiLKUu5jzDwDJFCfH3YFKZ3ICb2rHu+gzJPFvDQAecpTU4oA35S1YI0W8y8MJiqdZQM3LZzrYL9u+hv3qzNLmpULHHXVJm7s8AlDImwkUQkczNtbD/dlkvj9b18KoQ9ag3VaSNOb+tT03Y+S0cCHMVyHb35bK9rdSlFmTr6CtMF4PVYlrbJ3I3AxmAypdoU6UFAcaJrl9GQ+U9cJAy8yBujJEQ2Sc3S/BdaRlsubEYRcOslzFoZlpvuIYZc+Z4wmxY12xdE5ouSOdtkW+evUCGEQrDCJv5OWxN1+nd3ap3BCPR9N6YtedfxniE6eengYd/x3zLuh4DTWMqz/zWMsbILr0YwWXs3qJWRQ8iCXXz5iF2bGjuAS7YCfrl3YBAtAY2W4Q84NnxYXZ9hg8uxsG0e+HUbkH8njb8hN2lxQK1/Zibc8remubuVaDcyGnfOoMyXGNTY1F4RXr06OJ06G8xVzDIFUQVYksyxId98WKeozXJe2ekN9ltzAgVwHl2M8amto5ZddgdE1liJOjI93LmlZ53ujf1sWJO0LB2vbFlo2OkgRR+8iJXxvNpmKDH1vMCJKjwp0qD/Es8yE45xNXBd9Pl/o9tnYWbtu6bSl1QXalx/jg7Pn2trC3ckfRdqDXANcErtaXSczOm6hiSHGuVIsUYYxMw0j2w9gjRexw3K1J/yNGllMQzUBgen5HwkIwUerkEAZg5uDeNfKnJ7OghPyNkYRgDs3kjCNTx7iNzFPUWdRvi3bPImWzeg87qdcuBaPWI2FbV8jjKY1LzPRynA4bgPEF6hdkMhmSK9ajeJhjqjZ6VJ8NwxydjYc5OgwMelTSZ8mYVmuzSZmYngLTWAfeKyWRMmI3WEvM1xKEdCcigMwyvANgtpmj6JCfBMOZ7ylWjqUUrYmU+zuBrigTUm1DJlskdBUAYxTj2ZondWWFsswgtiQ98rhgdTtNVlOcVbwfzyj//2hheebLL3+Z2R3huvZV14hu1vLbeWtvLP/d6O6vByPVc1jlQqKdtraMMDa65RZf+LS8wB7DtYu+5sZa7L5w6BWxrT6V8zP5PluF1Sb19HPfXDL/oX07sDk+rZ7WXB6b4w0G+wUTvdnoyc8w0Oivs1uK8mWTIN9O6m5TvjhfAq5N68jgJkxYtsTJ4ZLLgr9MxdJtBtrlqcOpui5Vy0NchDeXmEKsOdPHdeOgKA+gN2D6iAUWUZ4kni6VVomrM0MJIFNKIVDRgAUSl58QnFavj3Th+LxM/rU4vnSz8kzofz9n9z3l/wPCVRtClSCJz4F86xVf6vBOozkNO8HT5N8F4N8OKoDrFAj/Bm5asBP+zZgVbph/y4R/e4r8G5epeoB/66wdezW/DId8cQW7yLTNLi8zeNLgVW9d/4NfwYv+zsMP7t6256Hd276KHr/tzzedfPm2j24yEPvU+4cf+OHkj8z9okYZ8xHIWaXaqRtOS7qFxatZeLkPS1rBD5mxYleFOygFQM4xi7kpovaoXg8E2p3R20xJ15t7I7Ck8Yp0U5usYA4TCFZkSNwbwHY/iLOIui+By08ycO4EJlPxOSYzLVgYX8LjM2MJsOanK4IUU5JoxoZTetQUq5MTjqT0t2/+401301WtYlpkpecbLwiW23oTLAgSccu3kTD50mZ5WqitTc4b/vyT2z+9zRrdG101i+aGwZQv4FuWVCBepdfObjk5nHj6wW8ezaWM32J5GmHmN8zrVAWVwllsIs8kXh3ERKa8uM9Yk1TNm9Ud4B99MCvSRMIhwCkk4YyqVpXRbTAb8H6l0hBoOustL8bReK203EHqG/WkVGzChbNn3Ol4M4fdPNHt0zU4Xx5lrl6xVUqUqU2s85naCyMR++J6Rjha+4N3vhhaKqqy6p8vXNhJsyNAYYbZ1BDad+cnSLjvzXx58FQ4CfZhxdSn9G9Ab5px3bVsas1EOUuVsMnxZrkc4gesOCkMRAyX9uVULXNUdzhwtZoeBo1xSHjr3USJmUpoAQjCWBNq8hCCQHht4ZxxEl5rJeZG8VgKUKjCldfl8ri9xInzCjpqJllmbC58p1UHJ/G9Hq+fTBASrhW140v7FvAruJaba2ucNG9hhc7vdHpCHMeVsyO+SOq8WrmmdTmt7B5pPr+szNZZHa9JMm3dtpDNJjqSLWpc4LnVOzHXe/QqbnFuXrdxS2p2hhWW43htlJu1Bj03q5UjeK2bOkb/kuTorqVIiKaHhMlCHcaHF8gGKo05CkRvgjUBiRRzcaAl1sxEwLxY7ZrE26zIPiOcTS2VD/GiEorXmeEYXnWvhmnlx6YCZy5wWjskH2JYV6C0uljx75+OxIiWNFYlpgOyGdXqpIvRqVhMRes4BQ0s2zL/gtW3bt/8Xw82bCgrtQRtQ+zI2Ow1o6sf2XHe98+ddUVZebjyx1nbngv7Nywaat8x9+rvSoJg37aHq1UGZ81KNyzJjF0+f/jGhV67HfBI4hpmtpcKU/OoQmkxCYEL8AVsCyOkI4UT5oYIdgSn0pw40LHgrEMpHPhwWX7BGyQhpqAUkK0yP5Pi8xCYx7nTGRi6uAyeSNradkUiNYKAUpxivOEaGKvod3u8Su5i3y3bMrOYwY7gyspKuYkE3x8bH29c6rZam501fVv3oE9bkgyRZR584wjIspW604xctEDWjPaSWd3O4nVd3WvBKy24MMBjn9SpfMbMOTWSMKZgbcSsxYpThVbS9lAPwtWgi5TwlRZzTy4rbunj8ZLYLyjrqTSWq8eOM6lWVzAGvrKR7FDwyloO4hxF50o/F+dkM2AUZsYFM5Or0enkKnhKPD3y1pb9qZTDE3k4uamuJZVvELrvT6uiu7SYlWKlVE2j51GX7dz7yq/fK8wDysikhqxAGEuajRvHf5oKVaN3OhroQRIVpY2V/zDTUryvpS76CDtv1c5t6GOIjEiu/YOpd5n7mYNULV6vwrUoWq1asJaGMY/AloMPVpJF06Sq1xXXTm74sJWshFelnVr1EV0K/L/WC1TPqBeoqj6zXqC2iqxXaUjWbaEvrxYg++3OXKOGeMIj7lRbdoYjrKM/c1ZdUqhanm3wVGWGBdvWdY+6kpkq440Lf9wW3cis6KN5hrV1M77yUuOZu+5c+c7OHT3Ocq/YTdNDXNuyk/1Reo12rtn3ZOrTqXctjwAu/dTvqUIvxqUjq/WrE1Z/uKEl5ifgTPCBUGMuhotz5qj6QBGesQ//i8DTC/D0HdFdpcc18cjh5xZ++GezUKADrncd0ROlpFBAlMYdogtgc+LXzxcKwK0ZKDrPLBRwuqoSXX2i43OFAvhyR1fv525M49zfi6tMo2k8YZE8YSurzDZ/YUnWhJvOpdHMOA79SylEGSIKQbwslbs8XMk6ZjUsrq0Vata1SyVdbazj0lTz5eEwK/ar+HL8rEzaU5UeEmyb1j7qrGmIG+9tuWBI/D8X/jAfXTdDTC3Gj+68c9Pxb9T19wh9tIWh4aKncYbo/GI3Sw+x7ctBdGjD30++dEqAiJKmPmGeYh6hFlArqEIHJsfV6W6s1G1gBqrqITIKqLp1Aa6IAS1HfJBo+YiKU22U3tYBri9RqzZ0kRA4IB8S5Ui2mcQwZcoEJZRXhIrsdxoeUmeGQihnNu9L5LCHA0vu/kJZgEp22ppVAbiTWRcuyUhIjr29jRtLSy2OTK3kdG+9KqB4Yo2s7e7bObHpMu2Z5nPaWfHy3ti2RDUrZuuid/88mmMdO9UreIcUCLqiYoNV+2b/yACzoh97PVu37HNEPeUP3x/yx5wuUejjbL3yTT83/jq/nxP6STTcRbt9ZQ2vHY95HIx1lsDZugWpREw4Wm2vvruul6ztTn1oKMwDMA9yVBeFjQDO2+fAQnhJHMlgC1FSSrBrIZu2KD2ngrkU3VKYLDjIBcrmz3/5hFaaGmcqktOCUwTYDuYyzTmzFAgmd/POKJncZ6dTwkfDK1nx/HWPu1Kqz/g00zvQ2J6vrIiwrGue7dJfzL5qX6ArO3OiVxov7d1Ld6aahD6BHuIbOk7u33bb7SODlVZhjcf14++hvei8bBqRtZdPmMVMgSqhLqQKVlQsH9FpfuYKfcFH4WYBp9bnfWesz/v+v9fnaR/MPsrpLrJL8Qvr8oy5Lu/l4/wgnZqi1g3ZF3hoEdB5XDIO/h2po8t8o9HwyZ+crzJhkRs6T3zkOptkSxpzjf0K95VrbE/eUanY8F4G4yN62NJAZal1VMGGaw4U+6RWp+oxu7nBQz2q8cAAXTjproUlrQIPNyNNkvLmrF4h4d4UJITIgED1snL8/LE6Qg3x0PhqNW/WE55KfDXS0wyGN8mLQroenbGWiEWMt+w3Na4UFl2w+KYdJa2ywslt0a7OlrO67m7p7FEaZYmTGzq237QYfZb0L+2oQ9budTdhhe20jXSkjL82LjnX62j5Vovx51THAp5hHHnppnU9iInvIbYb5U6+iV7ltlNWqmy6X5kuiGa7RIEiWXSqvgFJZSjnp2U3j3I0vdMv0jtOvk//Fl3I1vgdJ7uM7//zgN/k2EnAsoxguYQqBDGWXsBSVbH6Eyw53NFhetOnFa/iurJ6DSAYNRGsq8HlwKSFD6OadNArjwdKK+vOaEqE4cs1mehMG4xTQXVx2phpRIhUpPaZkEkyJ2UwZC9ZR01UFfmzTvvCjhRyYLhEgAspqY5hgFFsxXAZJ+N7UgRe4x8mvGSsY+h+5jD9GF7Xdzd1oYxZkp31e10oEiPPFB07UNmKbkj5un1eMfXNcKux0zxGL9ueEMby5eVJ25PCWEt5OY5rJwwJvQIcjTN7dOO12wnpdI9u/uiE43SPbgePl9wtrNnlBIvHDQZ0Rvp04vy8X3I+JuGuFri7hZFgXnFKJ5Z745ZE89y++ua5vSQmfIEJWPqA0zQgn7mSqvFZXWUmSbYLLz/6wIx5MmSharoJUxLiwaTZ+9ppTuZssffUM5/VmBt5EpLGHtHjnuMad8QCZ+NMgjWbTQPLndkT2I1PLeMe/DYew6/409X404e7fviZk3wojU8t4yp+K8DJjG548PekGx7LueOJ066dYTne7YnFE9VnNpEmq/4u3OrBF8njWl+tNG+WYOJ9/Ko8Tjldpeb6r24Xi3X3M3sDFzsDn14kTJjtgXNmc+DBPz8ZaxbjLRcHy/GScGdTv+ifuSLst5U12cruLTy8asmsy3ehg6+iuAfdZHUbN5DOv3iVuGOx82QjfXqVmDZ+yzlRqPyPx/ceidAvsAXSS+oY8wL7MtVA3UgVkrhrSpRsNtBKVb2ENJ/Ee1U5iOI9qu4obsWgj0JgpgclHNprQQkvhk9Un5KfHqTxxr40yVsdcsmOQJSU71bjdC2ll0Zx1XllnHTu9QDm48D1yUq5Qyb53FxzByn6wBuGlWwmRNqFRYoLjjzH5zK4k5HfVE+YH3xi+JdMZkhw7nx74mtzbGpi12LdyqFBzvvg/az1ios7P2642RUvW97bb9yzaPmoc/GtR9aqmBn5I+8gW8i/m+szHuC4C7iHvrPel7qX7WledOE5nYK5dtGB1jIj7HaI1VK4u1USR68cRK846VEQsJb7VD2Oo9i0qoWOTkTMCrKIWXbvNCvIcJIjEgJQguE8DlPHWcFTgkfsVHRRIo2cwEmNy56SMnw1iSv4gmGT7OAimGac8QiZTXT9YKFwVp/HnXLAbuX8M9JfHZYFvQODK84e/Fppy22t9fu50T3Da9cM3+RTe/qyueSli5Zs375k0aVsWUnT7IGGhnu50Vvnn7t0cI+v88aWlpu5kY7euavWzH980fbti5ZceinpUTT1AZtlFWoT7ki8CQ/a6q0ggQo/qQfKMxmTqLdjT9bMTU6MjvUiR1Kry+qj2F5nJtacTS5UZ/U1cCEOpGWzqs0/qmcgyK/L6OdjZzdfViZ4qyR0kixZcztYpLZZs7GrG5W1/rw2pujppXB2NlYQbY2iJ1bB2SaAyXUqS41bOCOvabH90TIczScagdaQrAeH/3PhZsRhngTIYU+x/mJmTkRobGqnmyIcEMkwmHtykE1ziS7XpSN1Vw7buEXpAP3ws2VbaNuuwYdt4kjC20KjpR+InPHegMygy+BgN12a4Er5FtZ9x3DsvHDY5q0sc0tWnqE7/95hs6HNSqAhNZGy2d5XkiXRUKolxvxkLifwyNNvdXvdOePHqL++LGSj7fQ8kXMOiTHvEpq+hVU6vxJWBaXTPeJpraZpaZi1WSxjLOfgfdaIs8EbtlisLO1s764bo11tlUvV1lCFg6xX0Kd8s4VyUlGK1K1RR/EKIk2aAOAqNZ3G9Uus+Q8mYB+A+1spTeCrGXDV1/H0Djf21zZ6F1oc4E/c7Bct8n66b7/fYSDjG4o5VwamapjXwGc3UYN4rpBieImZ1MKqnsQzZJ7Zs0giPYvwVgpMeCokkhEvkybxJk69mSJlCFpa7rZyEhNOuDNtfXhSVCi6vxOk3i3rDtInVALb+yRjFStiic6BYgFGc266BIOPFltSV1jwmRnrw/1ssZoobcnBLT85SjjRwK4LhccvG9lZJgaD2zszPR1rL71sbceeTZZ/v+G8Gz22kOf65T0r2td85Str2i9pWrr54jXznLubxs6/eM2gOLudfnXZeO+2b7dXx7c4+5cP5LJrF46eteLyng0vNq97+pw56a2uLTcs7cyuXji6bNVVN6ZXji5aetbmpoVXJ5cvXHTWWedla1aY+O1j99D3W/pJv64mSrPiBCpuoOYjy6DFo+kmqpx7ErdSF3HzVPdksXfaTL8dn3G8r60ukcL/R4unj9j3ajsaY7UdTdHiu1lbsXTqmKUJ/AHeU9hBHaIKIZLdtUya2ws9lsmJ1gZHyJHUW2E6g5NgLeaqPjqK//kK/KiyRJpdpkG50mTBanr3ETg8gTR+x5+qknAT4wmr6Tbwwn8iDQJ1uEtDbLIBt/bTquRCwIPbk+tNjac2JzUAd8Upn6TcLVLIKsk+v1BelWiasUdJkfAGtwrag3NfMVqqQJWdSEqjSs59RrZvRhEWXACc0mjpIyj02K7//u7atd/9712PGb8Z2fcpin16222fGu98OvD8t2rXBstZLzeLvu6cjevX9c939fhY64rd6/f2oB+gUVT56LmPHjOOwSu9wnjrs/37P0NV8Gqcd+BnIsdZRzaypf7lV1527T2DI+y6YVdi2V7Tx9DP0jstKaoavPBjxQ4AAoO7IGrhrF5nxVHBNGOqAVRrSJsvjc3oPpg1bnFymjXJP3ru2jNLFtWy406tnpQsqvXFksX6InmpwVNedOYJW5FiVQJZFVS0KG6VooUB67rpPWGaIB+iRIe7PIg/I+FFC6JsXXSRNIMzMpUN593MtON04RcpX+xCPNdRHfmMbmuODXu8NvejbeduLGmQYlabm/d1l3/FKmxIDq6/Ph2tz7MHIsz2RKu1s6atNyS52L7VK4c978VyDp4P2CM91vPoteuXRVV1V8pqzpsaaiUjMlny7xUAg8atvhk3afsdn3lS828HUvTbb9Op2VozCs08KYQOPxryGP9hPOcJzXmsIXPmKTXdm/sxejUlUzHcD9usj1VUzUEKrXHLGYgzpFPFsaf65wF5xA24pzvnPdPaKjpper1CG+8ZSdx/GzfJu3a18Qe/4/2JYq+8072wqX/ZgZqiWNCbLcxui0bxMFvz1GzqGKXxqm6Hedms6lJdNjvRaKcqYHbJiUxGq1cnWsmp1okTMVpvdqLMPHcVo6p+MovNGYlzsxAeTGTMs9aMliGGGhMcn0lwHHBmBuR4w47uARr3BE/bXFIpYTEZWce9rbRuZSKkxpqai93lnPY6fNWhjHNMotp0+HaY0rV5rVGesFDVLXn8yXpQTTDzWivuQKMFlEMscgiRbmLnFam50idxlbTkq2yWqioZsPp4dwJJbLQhsomT9/uyfpLDV1GUI3s44X4uY7b/jEa8XMff0PK//c145PuvoIpXXjF+28BGJbvTx3IdZf6u+cvWttVVc95ApCbalqWdUZaNB0tSnKeU7z5fZJk15t9+QqvG//nZz1D5z07+NsmUq7/zuYQozbY1L0qP9VhlF92zNTiswKW3aQaVtg/LK7F8N7A/oV+x5MHOq5S5BREiJRtESgLpw28Wzwtuii92CyctGs/YnI5bMW7wPrcjdX2yzuEyfmW8yb6+gqjSaqJDNJVlUjTeG451Y9j8Fd3FTRIFwVVx0udkPUOYMo4Kcf6d4Xja3FCMd+Yh1kKZ8Dc2Z3weLkJ7fHgRJZK95+g99xztWX/r+vW3Mv+Gj+9Bc/HJetyDcmoDc4zlYG5WYU5AuhDbrZMFHrPGuIp3g0lWc7NlAv9jSZqU0SslkiCpJMWpxfJzrTyDGbVeGcc1tx6yY5+XC9Yys38arkvHrdvjvNkKQwKWUG5u955RpY7TYYTVTHfHh2vT/fFn1q+LZ3TLn218MNvsl79nuqydfmQ93YPYXkk8hlvnezfSxh6f+Lpmzt8G+if0ZZbXqSDuge3HMUK5qitg0C2qLtomCxYRJ7csgvVUV1KXY1JzkR36E35TCLgRqR+XTuOoUsH/GA2F27z6Sdc0i6JbXXnSnslp9idPgEpP9/QGuuPPnm7p3bD3RWbj1iGnt/quOeuuuO7/Fvct4G1VV7rnpaclWedIsi2/ZVmWbdmS9bJsS7YsOX7GrziO88DkzaNQHoHhoxBSmqYQQoaG0kIprwJNGdoB5hxZCZRSCKW5nU4uX79epmFuW+bSO7fluu0wDB+dS5hE3L32Pno5smM7pMP3gSXZSNrr33uvtdde6/+PKp+NBfnxKq0p9eatM8xHj3+4d/bO6YGt2x97+9Ui96D6zt06LekJoKLIL6nROBqpnRRQ8gJ7qIZsMBaPyHskK2yCTZg3Gu7s6oxiJSbv1mHy7kodpoKjJA0LGTgaMJMs4FIMNZg6SioGyh2rIN9fpo8xHrieXMBSTlJaOIqL6sPe6T1X3qBVz7RFvE11U7UGc9VXI5NXjsUT13xvg7+F9Rfzazt6w9q4UDY86q4pHy2Jb+wL7KjReg903zHZjvNVas6FYq2XKC0aHRpUksvrSVBlehIkFQSkShwWE0JWdIBw0urYIy0tlnHmuedM3MygFAxy0yUHHpN5MGY+beIMChvlg7ymAta3xg8Fx0C4hU6LtRAL+/HnNJsoHedKNFMwIZrdGtectZlSu/DRupnU0RuRFQPop70ZKh9rFXi6O2uh5tRaacSqLApeUssZBtxH4HegEzM68PCEXxuHveSQyGd0Wixudqb7+qM7On9optF3mO1TlBg9Uwe33fyku7bm2i371jEG564r46NXvnDfOvbI+geu61UrZ9RcY+c3zl37+YcPr2/bubXx2vqD93/vXfarFtV37n3g5FU1mtieBIx/L72JvoEZRfubG9uWcAAvQxTBVEgUgX4zlzP3VMqO3tmDotP1FFwnKIvmE0orpsJnYT1hxgu5AR4acfSZ1BKUlmgw9QWhwNCzEP5Yce5GUhYTkt9A5oDQgM5+Knx4QF/mlF+gu/1Nndsm1mzyK8OlHrPp8c3+Tanrqqc7ulvqbKOt7zzINRqdFU5h7OYmzOHPvE6fRGunjuqhRBNyx0XzyXLibuvkUlg7kR4wEjqqrPRAOSGJr+MxNSKID+Tc7Be6xA8pb6/unNDptGUWTlduj3PFN8XrLq+qVkfbaxxrFLvjxQq1nmFqLK7G3/8/XwOnGuZUHDuoaA3Rz7VUKLG/6JRjUDh7xGV/ASSoaL0XK+Yzyg3FWeWG4qWVG7JI5tKid0oHb/vaCwdv+8b964eiA/Av+y9Hfvjtu4/88OkXbr3riln0L4nptqKYLp6O6UImlii1WNDac+Q+2YpDOCnYfvKxVnoq58nXaB/dDeGbz1v9QxTN5T+lcPwU+rRbMaS4DmHkoaJUH7A/4o5MaMRMNAILYVtvRKUHijipDdmiw5c0GeEFyVQ0L9Eq3E9YB1CuSUMJpR3oLCPGfFIn2gUDPqlfxlayQEIsio61KrVgana1eXtJpWeywdcYjhBRqzb0d94Q3F6gow/hbjIKSaG8It5Hwqc5vc8fkDMeF5wXefJXwEOL9QWcpZimwenn7UtPnPFc/auB/jHmDgW9XTl5Y5H+erV6n1Z98qSOeyl/bjkVeG5xQ+m59cmpfCGso5+/zknfOkD/ltGlooYt3E91Bt2t23fS+OwJeByS8RijfkolxiBaiKPAKD4GKzw+qMkFx2Qck7FIRoL4YQQ512AE/jTYoXHlITSeixAkKaPI5UaNwL+ZHCQudyIPKT/fqwekGhBUnZFYfBQAiAqSsxF5scEBtEZHEGKmOIqMEFJRfC7i50AyBPKaEaAg0vd0rgIox5LefIWQvXDfSfbqG0eLzeD8b8s6fwGc/6rQe/2Jfy8cMHBUFOE3ifBrpILoNDJM/b1cHatBezSkEXCqMGHF/F0oBOTxts2bEahuwLN9IF6EFlvYL7WjxdbjS7IN8AI5ao0sEWXAYQQtM3HQJ0XRsy4f9JpL/XXIR7Z520OY1zrKJ1s63LE4XmcD0Cwd6iY1823eTpykHxrGffzHUKDS0Qn5B4kvwsn8FcQmF1xxFwxephaIzjH7OFh0e7S6G9KLjjm4dHxzLni++Nwia46hoikjcw17HPOmo2iliiY3AGnedApX5ENKpxwtFJk/Xe+DrA4kHF7/0ocdJOGgdxtE3QlJXXlG1Jyg5tQanR6nGxLoUfq2BIjW55SGklLCsl4aALY5ZxSrnZDreRS31Oe6jighWFe5lPsEr/Kjv3rnx1xf1Wupj86mL6OeCG2PDTTGzcIbRjsQrE/s+ML+otLPa5Q/5ralL6dgbyE838qXqWY0N8MrYvpuzzJ9RzxQjp3D9A3zSNG1UqbvbF/ryki/r7IJb7+uN25/q6tzZCX838rRnbq9u73a+lGz6T8/xlzgOfZoW6E9XEvY4yKYz9lsdL0yEvStM/89HBZs6p+/za+ED50+1HKjrU6309I/pc3Y4ySyRyeKBVZij66sPXo9UizPHl1gj56V2gMs4Ycp0uBE1ljZHLk1/NWmpsqH7qoS9u27+aDgWMk8Ufy25Sa7/Uu7W5mh7vYJ5uxemCoZ2xxBtolTQyuyTV/WNsMeaSTPNn1gm8GV2gbux0ty7seJJ10he/7UYzb7v1ZYektKdK2P1aKHJb2WEn3Ximz1hvZp9Rp3aalL/nn2m9hayA/K9jqM7NVORZDFjq7AYqG0xaDGYcCfdJP0f68PLCi6TkteE25hh7aQPtM82FTyomU319DoDIGj6+ZfVJoUliozjinFPmFOVVHWRbj4myEocXbiisqiMhTHKEMAQnilIOQKeWPD5907LBOEh7tanK3wrw3bfU/66XI3NUdzJFDfHAmebYXV/Jb8LGv/JN7bItQg9Xer2d3ELo/UWzQv9nukAMzfIY/oPZ3sJkfJbiMQqCVDJHAcRhh0Q2MiwgBC9jjfq1UBBp62QJcZUAgJmJm1AADpHVPq74WYxLu6vXPhaYsctla2j+7fNjYxsXVyeH085tzS7mtxr2g3Pb52x5bYyLVbZrzeyZZ2F8QWn/7p0z8pBxReapraTO+hEtOAQa9fXA/FOijKm1BgPlfcJgVEf5imJWl3TAPro107PydMG9QuSWfAUXwVOy8poJp+i0cUTqel0i8jcYji1Ik+Ui6ywSjWnZCGq86IzhMvn3j3zzeTlzcZxcETUq3+jNh44mVF34kQFkjcYJyzbagzuaQNdWqxFj2pbTS55pzw35cVXfIfDRvnhoad6I+GnWr0PnNDmwbh1znvMQPvMbcx807ojzbCHyXQL0iBCZEsr7XVORsHh4Y3zGzclC9ZvuivcNzECyiSLbHXOzrxMp5YD9nAOC6vSPgDfZBWq8JUBPzmTpIVBIYRZ3uIxtWOwC2bJa5X4nZPdBwpZqBFMMP4a26od9G5M62YZtE8C+OSSeSQWLt5TTd9Ru3qVxSvfWaafu2o0q7bpWD1vKN5eCyyzUNHP3xFXS6+26UbnZ7cMd1cz6uxWsCLqT9s6R94uKmJ424fMzhOvfxA7Y23aB8+cJhOPvdQjxAd2sM+awMacJaTVQQq7DYTr1LSZleqtaRCe51SSH13vDtHQoBWqfFU1DSGqj931mhJ/T5SN7DdoGYOaHX0a0SzI2XHmh291Hdl/jG7P0+2Q3R7pBA6mITccAoJBSB5FMsV8vCiBR4gy13uD3cZcbXSYgofQKnYFeCF4yV2o7u+u4eUckDhm9QD+6wLDholPJb5ELIyH/xyZD6K6XQqKpiXoqpfUv1DWTY2tbe7PJuw8gt0jw/SWK2pM6l/WFoSRGu1mJiJbFbLlsl1fVNHr6ewVsifuDiKIddQE9TcpVHOmFxcOWOdrJwxF+sfnABLYn0Hp3947V9GQCMnjL9oLY1nak2nX9ehyL6z6yJkNZSXZeP8hfgk/8vwIcomxwGa/uFxgs1c18jaUbyZXUKAcvL1Fw0QPTtzKhw22TQ/f9t4EQgp/pBz6KCyGJ1EGK2njl8ajKYXx2iDjFEi1j+Fi6b5F/ESGhmbJEBJXaOdl3gZ5Z92Lhqp4/kHoIsB64O84xCpjyF4HUZ4TVKz1D9fCsQgV7nFnxwikf80ivwvz0Fwrt/Nof9lrQlX18Ai24gebsyDdSt6dW0/grVaHwNY1/HJOnuzH+RYxY2YDtvES6DydmmRXaQY6aIhfjt9VKCn048uZtcMyEcHe+YIAXkx6NFDe6eWagWlkSLczQLpaId6PlEJd3qY39WkIpWfxtOgVZyoNQKytZUaFxCu1xWT/tY6qAspa8Z1no1w6eTESw3uqUsEyVK1gOzMdGHRkagt4y9cS+uP5OZ+zogXEiPBGp7M62jcdWTcSyqsuJdQWPF8dgorpuw+fgGxlW3ZTfpCuiuKf83diRno+WeeRvuwgfICdxYwsZAO1SY07loYNxanLVWRCmjzaakejbvejHk9atG4zUapoZgQ0jeAhpKiiKt0YxfXBHIDRhe5vcfk0JIVq/UsTPRc2BST4fuamqoym5tyaXMsyOd84r+gFg1L7cHz/jC+u+2ivkMRMnpgEJMakCWgE0MsBUuY8eWg2JGpUJS7PPnTkg1ZxsZj0a4qtMcpbTzasCjTvKySDZWLvFGyF8/PefCvgiaQjcF9nx4KbrmtLlz0Z0PBnbPJRwhOG3A/RyMRarAjWwpSSfXCq8ZlmJDO+fNMzoFZ2pC0O5OcSGcdzvzuAsZUhrLbCZpfwqfvKWYVNspOBaFr3EzhzllcFVDhS+jkIgFQPlD6krTdrNOjYwfyKuiM7EWGbfeINszYVa+HF6Q2U0a9utg0L4WAqszGk5YnqbmNF46ZdU5yVUhJTjNuG5ZotMdLxWgfknStOAkHNxu2BbJ7SqK7B7dTXJC35cnvsbZSlU0opo0McGUbsARfA33H9T9KnXkAa/A5dO6A06hKfUAfvfqRd1KpH2AxPoGe1epSR5l9MfobaUG+Z1J/fij14Yk9ViB11Ziqu4Z66dbU4zeOZrX5Uh5DDNsO64ooj1AdyOe+snplkXUXpywytUBZ5EWiLNLZ/xfQFnEskvZcpeYIHcRZT0iA6ltxLhQ3E61SiuQ/FmRCcZyEtUmQH4E64gZqsKA6ibOQOkmjrE4yp+cqCVvkMgVKcjzo4lol++EKRcfDFcqFZEuYV3NPU5/ZmOpWMqacI8ziY6JDmRsQ4wUHNZZ3AEmP6SQeU/MiY3IVGlNLzpjsK8Ip3+stPq6vQSRf9eBdlaZ9+64/bLrg0NZnvV1gHZMZ2xE8Nv8iYwsUGlswZ2yNKxrbIut08UFe92j2KuJRm3wVobvgWIPnrzlOHu9hPF4nGvF1BUYMNZdef7KG+GyXb4EFoHC/zjQv9y9JbnLKyLVLYx0wYuqtphXZZZGjwOJ2SZzfsXBBo3zzvECepg5TR9k72YdxbyVsEGRB4fqhYlqD5cYPc5uevNN/xN1a0pt6J/iNtjblTOpfUr8tCT16J9tdGnz6zuDDXp9qJvWbwGGXy9pNV6TeUc48fGd6TwgpQorvU+XIs7cAmx/mC2pIW9wGc6wVW7jClFZxk/TIltD/UgEV+EBZIjbxL3IawVKmrakn0Q5o0JvL0G9s/Jyeqm4hCpuSUps1NWkJS9sbGsJCDQx0D8IlAWMCvw05Qmzj26+YCSvXH/wW2PnO227v4G67/R5xapSe3/WFV99/6/q73/jzrs3Evq6jButjY6nfvIKN3P57vfm9Sbri46//2wT7bHfqn84Jk8jgT5ybwP0+7yk8aD/0EDaQ5aqEhFesEhJZoBJyDFRC2gKfuU4InXUhy5YMoWP4LMZv/x+dXSuQD6Hvz8/V/Rfbsv2zt2XWdS3flh/jA1wteLKV2LIm/yxHbHkS2bJnJbaMrtiWvQVtGbo0tsy6zOXbcyrvvGhaiU0dC5NfrGzXw8iuYeRNjy3XsqCi1O9P+onLifrwXepSlm6DPkAT7hKE2RpHD+MF7Q8Xr+1thAYrwktOqImPC4lSaxkE3QIQY+VDsArTL+K5lo/BTQV671aAw+cWOjWGaIigvWKE2kDdSJELVD9A0VZQRWQkoyIy4xGjGRWRjUAsGYWeHVARCU5jv9PmR37H14WsN/KZyIgoF9cQydkgliknwjgXkxOh/2/OxrECaZGJyKK6IrQ5Z1PBeTHOpXBRbjT3n5DzYpmsSF5eLGnzUbweuX7lfNIawg+tLC6WwhKGAi5QtBdDc3TCjqVx7ZA3sxpxmX+VMI9rO+xYzc6FzpEBK6RBGptC2TQIDTWoIR8mE5TUstpfEb9kSs3AlPrTYoeW3HwI6YgiJHGF8ms0S9PP/uP/vvvdOx/IyYjUOL7U8vHLP60TWEOhVJuxSVf8/FNXHf/8SDofQr+qK6Gr/3DfV5RFqSTpk5hGNn1W8QE1Qf2ASlgxJ6pqPjEIx/uYXxpSzEs96Lkdl4naIcc24cEJkZBHUmjJ5dNanBQJ6+bFMG4phjYhmcYdrKlGv1ATqcSSYkLp7Q4jc3ZGe2O4/56fU9TU4g07IMzprM0+eZ8W7HCY7xlCxq7sRathgp8zlDRAPk8K0egNGLXOl+7PhzgXDMvKzcb5LRcBtyIY6GFlC7PKhfW/hDD9k/9122vB0dGgd3zbtnHvr76++1DQWnnVbPc238T2HRO+0MRE6K+/cMseWs80N+7giu/rxvzpg262fQgI1GkLHfzWjt4b142sd9X3dXTFhnd3Hngj6q66pXr2yqvjrvGeSHx4V2dg1/jIhubN17z0xtk328OMegZzq2t6xhmd287iPR7raSiO46rAfurFAooaUVlRYwBHtRF+XozkKWpgud6+PEWNwcUUNfpAUWMNbk/tWyO3p66Rqx4iKDieMxi9YYAkzh83u33+9pBalpp3AQOgGAR5jejFyWvkZt5XpbRxdVacxLdy0Q3un7N6Jv/5SkaBI4vFS1jbpJ/60RLqJgPLVjeBzoTBixU4SZrdatKVn0ZCisIqKRXE+GcqeJKT+l+d9kks26e1YhkU1pDX2JXG40mER4xaS71WAI9+GY9RjEecx4FLDh4dPnEIIBnOWx5ji+ExDHiMYDyGR2Q8RmQ84vLywF0kQ/wxszvY3pO/OrowIrCRqfsvco1kAlA3g68qVrVQ4jgahYSOa/Za9ROXmXpWvlzY3/c87mn7u8OtTMPwlPILE8zZUwXWzCGE0RA1Rf24AEajMkbrMUbDCJXhPIwmAKDJPICmFwNoEgBahwGaXCcDtE4GaBgBlEQA+QYBlAlYNP6+PIASIVg1+CojHMEwjV4kTItVx64KLmvB1NTMKrY4U9FxdV8HkFShn52VlWcfy8GMkzEbwNWaAwi1nxdArRejJnZ5EDTJADlKjGRQ7Obn57zd0DkZQoeF7jw8+wDPNQTPMR9Itw6ivxn0XBDcNQBuPwZ3Tb8Mbr8MbsjLQ0mnOMgn1GYMYrks9tR7kRDm3mZlYMs9hawEwu3pE0ckgxpdln5t+fhtkylCzg6lt8ZvZklD0vh9H/upAWod9ZtFPZW4xiONFM1DINcDRbVTuX4rnGnFEgcX9WKj6HEyRv5KBnD9atzZYJgAOMon1eZAD3ZmscX0uqSJEeT8YrhOepWOrHCF7uqcWtO2sYnxrZPDU7G4c0vI1+JeuWs7vnbHZbGRa3LKddHe2Y3O90b2OOWnetDu+Z7cuy4gt6aZx48lNTrrY7LfFr8UwmS/uCwdYQjiOgGCWpi0YSG0o7hMWiondeoYpPYff5eAFJVBqgKQIic4kTXOcWzU5ELh5Fw4UmVyMcdYriocicpFshIbkbELZIhLOH5OLXhDpDUvYQZ2RIgVE6W1LWRNJirrHbhjGi/YBojtEbQ6g7mi3uGJL1idyjSehD0bbaAKXGmZUXFCrk+GL9QQVBjo1gxndHfYRx9ktsyEv1hn01orNx5r+Fkw8p1NBx7iTOf+qejZL4a+aK/XlajLJ4Zn7ft/4nvuxpsefGgqtOkb1tTvam30H+mrmmZ6b7z3/chGw7VXXnV9e0UFRvHo+Myj9zRUHXjiZL0gyApQf3X1i5X3f6Vz5vDk1mmN+z+u1FnXzD7+JcIbkrJjLbMIdXdWy0xs9kj+ovmEH2da/G1Q59qdK2rWipZdG1lQbbkSZ3NObRHaUDFdk0dyGgmnPfAzHWOLLTW1zbAwtE5ZmKfYDx3p2iJnK6EgvaDmGbNYSaubXkwKTQj/dWt+MSvpyfY8++PF1NEMTWuVBWtYHzF/gOc81gZTEG2wAPDWFlAHCxZSB2uX1cGOgTpYs/sz0wdjs8eRZUmF8WPk9PFcW9syVMOYB3LUE7Pjf0ke/7bVjt9Pxn8Mjd+NBZsuxgQ5Uf+yTLAr9khrixkH+cswAX1vPl9D2gZPIhu4qY6Mcl57ng06c23gl20AReEG2IxqScfwcWSLeocLq3iohCQyBtbOy9qiHdvCc2FbLKgMWpZ63L50stfkPvXMtElzYTE59q50MN30xL4RJmVPa8txsk0GsEZVEJ13HpKt4s+xClB/RP3QLgqbRyfyBfFcK9UWuaQGFGo1kIwuMpioMspMgSa8qUSQY+iDgilQSG3plNoooraHu6kjvAgcL8J5a8qPjdhyYSPmhlIZC+aGUktZ89F0mKTK2LErk8ld3KIpOTA692R6xZly+NUYSoe1v0ALtRnY/43QFl0LyUSsA4DLy1xYQcqsm0+YcZ2Kmde48HW7uR73I1NSaTlPasiA56bIWaB+cCmtLx3OV5hgxxhaXOorV2f13HtLqX2lNc0YB95H8LjO1zTD47LKEgDWtAQAHheImGGdi9UIl2X3iiV0y7yxR1payQ6xtHIZ7cjbHJhPz6JxjSueoIwoup2kEiUwLqDsx6BJVSoiX9F8GoLTRDn2seUg8wVSFeXNIGKg50jJR1UtGlyNE/eASHwrpudeeKy+wGC5TG0zHKCfmRa6Fx8ytzv3oAyr++OlQWSpUowh8A+6qFBa2wRroSYqsDAXKfkLZkr+PJiCPIeN0IGWvAUZwuLA9aCCxiVajBhjH1rqnUAbAqdind5W1yirN1R1Sr4WID+1YtowSiqrQHYqryMMQbrGQiV+S9kod32Xhl14wbZEF7cTrTuPETF185JT5IXsgmaoTWiffEnxPuas2EWRWdHAzoutHonTEKlNZB47CrXs5O6/EvkN0Nu0w16nM/BQRyE2IddRpLFYa4vhWaUglZTBjtcKZEmVFA50JbUmR/qohg41OBVw4++Ehe+QKwHy9JCcYJpNe9/aW7m2rIwbuj31b4L6wyMnqy3vPk9XGNUff+f5W3/xxeP/5+j37r5mb/3mr99+L/3Mofl7KvQGxd/sO6DqvnXflj7NjvsOacO3fSt1+M37Pzh0hqaTv335yefvnU5Qcs0s51IcQqeFGepvVqGUtXFppSxxrU/aJItlzXmjvRvqS7OKWb26tGRWrH9sHZHNSliHR7CnuHTSWYtlWFYjqfVMwSK81Qpt0TsXJFmysU1CQbS36qEGqoD6lqOQ+laDrL41xxWVV+OFuSwBrhw/VEiLSxg3PyX7nkKyXMxbeeFp5vu/dHHfv3YF3z8n9izw/Q9CPhk7EqHQ96dPFYotEyi21FPVyDNulL9/Y/r717GZ+jpZG8shf3/YNGsorA8GNNpckalUqCaBpWTBwgZQiVV4PAvcCltYIO3IQm+iLqCYxu5f4EbOiVkJtcz4DqHxOSgvdbk8Pk96fE3sfJq5tIHHoWCLPD5cKA/V3obielinLWiMRnNlbREZY6KsvAKvZU/TYqNcMtl53mivzO/5f5+sNr7QkF9YsJLO7U8PmZPHO4DnI4z4ugIzEpi9PP5kFXGSTRnuVnmGgl5FLfKXteRissWEdbjNRfl2QfOWL13BvF2kTqHQJNZit+jCFQnpR4UW4/R5DMEsGnOYfY/9BPOE2alhSrR4ksWYL0bUEoZAmydZIRPI1HtE3WmxzJcUCHFMtQ9Pb6AME9lOwmu5kDBVpadzXTifOy5Mofrr4WGdMeVJueipNEVchipO5lP9HMOkfiGzxjH/maWPw/M1xCa4SYSeDZ14r5fRqwE6IqzXxmbUwMsRWuVEcFMvq4GXw1kPFJ2RG3pRyfGmUm1VHWauRwBhCrR6wMoEFX01ULdX2bSgbo+I16H9Ja0whsv2gPQfV+0pTbLrBtgmBnaEldtntqOHkzM3dnA3TG45uo7uiE3cfPeB/i03H5zFoFUeN1gT4VP7EXT2t/TmX4b//gev7GEu8/7o3CedLz/5k1uB2w00uxTH8S3it1ek2jWwfNUuoIDVAE1zuB+Nvpg/DupdkWhMro6/1AJeOX5nFVpeP8seiVYl68V48v1W2uYvYZs/ciltDkpp2Nbh3jVELG2uNc1zdenMnVO8swpz0z34WnYM3Oiq7E078/1s2t5PInuvpZ5ekb1Hl2/vscwcH8nO8WjvEJnjyO7xNZfY7gtd+yqM/3SmrF52+6tDILQgLkB7K8FgAN8CTVGvrwAFIFCc9Cd78u71zkNlLqwJqF1SDDnMgvjMjVVBNy253pPGTPhuT4qFsXqiOMjPFVm8mI5lTEiYYEMqCJWk8GKG+YsAaRFfvAqwXj/fVa8OLvE8X84QnTG0RwWoKCiNNXqkFg54hwopjaWprQItq1UaUzpzVcZyNpDlCI7FnDlqY/SmbBS+LOUxgc5VHqOZ/BwP5UpVsD9VfECFqDXUg1SiGiKCGDdPylvDKKTxe6Q2xbxo9dBiP9bOEHxJmlyZ0EZJC9QgaCJWNnWAuLcLS5e50HwEshC4M0Gnf+CZRH8I6S1LZ6fU4+KFpLXaiZW4KclJalilmB+0mCrt0P1orYbYWChPa3uClrkJpziK6YzgOQvKMJlQwmxRVjNEE9cALQ5ZbWCXFqTOVQwHWucqWQu9mv+Zu63+vr899Md7+yZoVmhq6OeM+6NHNtMGx02+e7792E3OvV2piglWb6lwee1FCvoeLnaDgmHSUunecweOqCvnvwfCwVXBnes2WhnluELFXGkqe+XJx3/V46VYeY4NoDnWS41Sh5acZSAjMeJPdpBdYA2adWMeMXhaCptweR+af7C2pXH0Mxwk0pUxoFrCIhC1Ng8urhgUpDITrOzCM1XsEfDV1Ern62JresWT99cFVvQq5vDh89cz3MOrQpjzZpI2yKw3nX5pDZrBrWiLNUphJWlLgVbTcS1Wbxo3ggZvsrqhh9O7pGoWNIoT1Q0whavr0Jaq7+HULtw7iUJi2HljRhx2OMkNr5MwLOsI78AUueRVffXETViOs8ZtEG0nOMmpOKMQG068rNxwYhKTJtUY52prbCZXAv03K8FFJWzOWrjqnbM11NRm6I8GYyAP3TPeieNuSRXG8gGJEnurzHYUgLrYMHCMB9vhpWoeOEf0WMlinCj+yc1J+RwGBlbFlqY5DFTsQgYDLt3E1B4yBdysvY6ZfoF2vxinnZvoR34J7Eecotw+cdlEq6tep6T5X9r2ud3qSvGGJ5W5vAVKh6BNTb1xU+r7vR+lTokf/eS/HWWZkrbNey878SFpuamqIoQF9c1AWMAqLWXlOZwFty2gLDBW0Dvo2dTHqeOP/ogRotMRmyF1On0WV/xP9jjmneulniJnG1HrlwIa4FNN2OVajFK0t8Fjyc3OJzsEOyDfAaTksVxRNkhSmhHKZlyZgXuW4jLZnMSRPmxJ5UA/w8KcttQeIgpeCUFm5C91k/LkDjuKT3mqwuEi9/QBPqEHCLOn2dJFr3Cc5x1zFdmbsNtP77/iKX//D6YfeAqZquLcW+QGR1eqrpgYma378KbYsaufe/voo/uu//Ljd1y/n3mQvhnf4xzCx6bZmc2bjxywdRuK829wpA2zmRPwq24TXYrvw1i55v4wNULNUDuh9m+5VfdAv7Ldnxwnm9oWtKntyqnCn1vXGpXZPNZ6pHXoR6sRV+Zfjsy9G2iK16J5rRufJjQeCZVGDY9ahQTvCsKjjZhS4HLhmLnM6/OX/sWL+BfZFi++on9ngbaJz6iyf2uBPsEbuBDzOjo/GCgXJRo8otoPkgA6yGIUpyUBQI/DCEEQZ0i3z+ff096QfwPLXZl3vYprNIa4q5l5xSGqlKqmZFZ1UGOEtwY2dT2F/RpQ0S+S3ho6vyoPWre/fl72d7k6Mp/53336EahPMqOUjnJSYpGslaPHwpNEzEMyYFWTokz2h81V6dBBmmfv47IWB/3OFayKYyxXc+n3Vu3G712bfm9R5YO3L/SmNl8Lsp6qFt6U2Ulv+xp9nI5zOmPqtk9GSvE7K/Eb01Qnu5PejXwnT/mIZgNktTQAv4A3Ra1+PqHFMg0o3nAB2Y6kBayKiWxADxMqtWDpOSy22tk2tcHjiE5PccNuTy/7UWD3ZMRaY3bu8Y97K9sn0edx6PM86POM8HmY+NAofx6P+0SK0OdxRfB56GUXbn4q4rDGLZ4bsAs6Q+04FciouF70SUNbo951GzzsfkvjDehjqoIT8cAV6GNJr0VN6lV6J3UKja8N9IuSao5Sy6Nj0afx8wkWfxrLy6MrYnFMSuFJjj/ML3+as2bwsjg35GkNBzdf7nekPvTe3TvVUxXcsLZjz9ah6hpyHmd3Mk9je9qprbIKRqlfNqpo8+Hk4Hl2FbWkz6sSvVqJ+7wqrej7OLLWBhlchU4PW1+lACJVBazvWBoOugc/7SVPo+ehE5efN94oowXjQXgx12G8bDAeQAydbGXQ8HjqCuAmFhklizweS2WaIwfreshoihY+UQpX+Xg85YXQdSyBNm3tXQ9Per1TBaCvWTgVgO/7LPMsmgdGqo6apUSbRyz2J61kFLCO7Hg+ACosPsewRoKKWR6FGY/CjEJDXAmkJbMExQKJktL0KKyY3Tv/SzsdC2dRVB4GBoPuQegohhA6+OkvsO2rghksMDbZ52RO76U+YKJMktJmdUa0RGdEm5VyUZrwi+QHcDfm6ozUNezdv3P3vi//wxfoN3fcfWB2x1f2ozhqL/L1p6hfyznuaYQ2uHmLze+XNUyk4gp00INXM6Im9TmiJrIuXzrrLRilMvSsmiidOPA3CC3iNx0FFVBeOP/RrJzVblvwE+zSRG2lX8LaGQ4Kb7z06aQCK9qA/LQB5LJpCKmVaiL6a1pUJW2BMBpoXKP3fh+/t428NwUdWEkNEcyB99bAQqXhfUOLKXV8baEaB01ZP32fG+AMVIR6mEp0gL2BCyfiEZv8cI0sOnyiyiPW+kFMQKzESvJ6cCvdeNXZUbRUaUPBlh0dx4V50J+245WXNJOTCRzDtbDiwp2SBSJSvbWmsbkVqIUgjm0LQMgaAVYcLwqVeLGxU9KAlFQNCNFLZgs5hPuhVBFEQdvr82UEVX4H8oZKtN/gB3LVKDB3ggKh027VfovRoLgkEaJdP+95sKVFbdNeyf3uy89XcVg19BZGrcYPDjuev+Pz+6uusmn1fOTFLT/5lHIcpa+JCI5QwBB+4edmrUZ3+2OqJuf9931JY+pmjA29LWqhh9l3+JZ96odvM6os9tefl/crJ3eNwo685A7aQvRcEq1tIXTgTlIcVYamgtqXrCKCNHqf6PFLm9CpfJ1PjPiTPeRll0/c5pEsw+h/mcWvJAVr3cB4PWh17cTTvZbkQGoxb0SymPDoFGOZnbRsl5oI4W4hz7YYpUn0jNRvS7vIcfFE+ydv4uPiOjcnTp6QYsozBrHvBJWI9U3iwt++dEtFZS2CpAwyr1AHphEwMMAopgR14TlbS+sOSOBNbgHlh86xrdtwOEzNoqfF5kBwC/yyahMPDHgITgh0bXAXA6nUzHW/Ct/1QwYAyHfagUIBx8UhmMj+9pCvxJeOm0sRziQwVqHYhbUjvBmnHZPmwqucmtFM0NSURhtXCXWtanNpK6Pc1XRQGaqI1Wnop1RlJSxXWeZQqgdrpsuCxcXq9k6Fs94wzSntVpPCaC7h1F7bTkHpMSmja4KbG9W8tYpTr6ngbt00qkb/PKEMOHX0PT+qsjJMkOO8XGUb7WGq+lKin7ZW1tFUsdnAKl0cN/p4Y9P9z9I0x7Wygrn/dHMlw3kZpZ+to5lvvqGkqe0fC1bOw1A0viQ7yh5FuyDaUylPkuYgNpV/0CJH5JVwwCr/QJsJ7Ghe3sbD/3l2NtPbuVvxATVIPU8lyqCOiKFlCj0iCN7pl2pU82K7LxGF1d6rmJcsZZisyYsW/qAPOgKg2VOQmz2HPGIfbvYM6OYlsxet9QC5TAaZMWgED/Th5S228EmFIKsIVgqJIl09Po/2RtGvm+BeTrJ1oFnjxTrdFh55K0ko4zMi3VHaiIuWYfW6OXstq6ptDxUuN2qw26B+pGBDJ83/ceDW9QpbTYnCFIludac+ZRn6jpNxXIM0yBmvwcUh6pEm/2WpH2iuuJMzvDCZ7ukMjOCeTgMdqXEK8U1KBd9SV5G6a6uKL2tODfx7th7EPLKHfm2g8arU9qv2ZLo5Rz5H/9Zbz8oY3IIwiMENVCVYvgQsH/ADbaHo9SW6cIITaLg9UpNmfo5uckF+XQEsMZJSOy/qSE1nNzY8CLo6MYOoTdYlg9pNdzeyazvwlCSVlc2YcUw0CpIaFzCFu3ASAOgmLX5kdBdIgCMXiLwPU9fcKRs8WE7jmnucV+fPs7MTRMtYFZb/zmfHak9bmznzj9df3jBqEvQl9ZkSL2Te7nbGeyTyLjJ9udJ85xGNv31vxtC3sL5RsLOa1tIddpWgUFTUnf1VKpJXbsPFqhp8qbt2K5XXKc893AXFYNjKxdcwjW02aJn9/4Bf8u0AAAB42mNgZGBgYGQ4qszGkxDPb/OVQZ6DAQTOn2efBqP/3/x7k72Y7SiQy8HABBIFAD9/DJYAeNpjYGRgYO//28DAwMHw/+Z/RvZiBqAICngOAIrhBld42nWTMWhTQRjH/+++u5c3FClFrE6tQ4cQJEiGkCGE0lpD1BJjKEFKkBKkBKTWKGkbFYqTBCmlSHEoRUIRoQhKBukgLu2io4PiFDK4lA7awaLy/N9rA6Ho8OO79+7u+777/+/ULkY9ABZnDVAX8UBNYV5+oV82ccsUkTbPMOtMY17NYZMMyAbqugdDzjcMqFVkGGvqOcb0CMbVJ6TlI+JyFWFZgSe3cVYayMkkxqWFCsd2fcXuZY6UzUOmVQtV9wVG9br/Ve+gajzkzDqqeouc5vcEcq6HqmqjotYQNS7u6ROouzsomveYMY+R09NYNCuMbc4lSRF95g7SuuXvhe76300KZ/QV/4uuY4zn2GbPlxljrF+Rl/6+RLEsW8jrXkSlhIy+hIw8RUY1+M9DWV9ATA1jQoEaHCDm/ECMPWf1Q2SpV0YnWHuQe3oxKXGUuC+iryEhS/6uafg/qUuvLPt78oo551BUB06cMcL6hSPtm0HdGLV6gqQuIWXX8Pxp9rZk6qy9jKSUEba6We3lHb+juKnKwTmGeKbzqoCURB1P38eE9YbzH5w/iKsmeylTrwXETZM8Yv4WPbCa/wN3gX3Th8CDLuhBKvChjSyZZa6+jgfHYU/1YEwfugl8KKDCfHn5DybBs5UOPeiGHvQEPgz7vxn76Veh48FxrCZBpA/dWB/0SURsDDWRdyNcw56o1QxJyxTgbgOdyDpwXpPBQ/CZ8TrjDc7Rhw72HoUK/j7fS4Lo4I1sIEG0nKNub1EzI6jZveoUwqRo8+om7+Yi1zQ4fsP7tor8X+fl2zEAeNpjYGDQgcI0hmWMP5jlmG+xzGI5xirAGsZ6i02BLYJtA9sDdgv2NvZ7HDYcGziZOKs433GZcJ3htuKu4b7Ew8TjwVPBc4V3Ch8X3zJ+Gf5pAgECnwR7hHKErgnLCB8SCRG1Ev0k5iF2STxI/JVEk6SC5CYpB2kN6TMyZTIfZC1kl8i+kpOQc5MrkVeQnyL/S6FN4ZNinpKR0jllN+UlKgEq61TnqbmpTVLXU1+n4aZxTlNH85xWlLaV9j2dIJ1duha6CbrXdP/p/tOz0BfRX2KgYshmaGV4y0jG6JpxmfEK43vGn0zOmTKYupjuM1Mym2C2z9zOPMf8gIWERYLFJMsoKytrEesOGwGbGbZqtvvs6uydHBocjZyYnK44r3FZ4CrjOsNNxu2Ee5qHg8cqTxHPJs9fXi1eW7yNvG/41Plq+b7zW+EfFCAT8ChwVVBNcFiIWahU6K+wKeEi4dMiFCLORFpELomSitoSbRTDEpMScyTWJHZNnE5cTzxb/IGEikSrJKGkackuyb9SfqWuSJuRdiadCQcUS9dKt0vPSZ+RfiGDI8MhY0UmT2ZR5rzMf5n/snSyIrIishlyZHIccplytwEAidWYJAAAAAABAAAA5wBqAAUAAAAAAAIAAQACABYAAAEAAf4AAAAAeNqtVMtOAjEUPR3wFR9xYYxx1bjCRBGVEOPCiEYTDREfE3VlMsiIKDAECsa/8Ev8DKMbP8Wla89cioKwUGOatqe3957e1wyASTwhAhUdAfDO2cKK8neLHUyoQYsjmFNTFkehVcriAcyqU4sHKa9aPIQL9WDxMGLqzeIRxJxpi0ex5mxYPEbctHhcaefR4gkkI68WP2M66lj8gkR0BtsIUMU9aiiigGsYaMRwiXnuK0hgmWOBeB8NeKgQHXLPoUQ7jTx8olDmk8ETHMON1d0kX0NuDM+GL1RpVRDNK54uuce5Bihz9yifl7fueGdoq3FM67owNLnmKdmldkW8PKBFWe415pDm275w+4zGo6SfVOOEEffKj+XUoDT0YhdZsrvIUG8L6zy5lO3gnHFmqev24e1mOBWf64wjkJwtM74Ex2qP5eI3y17mokQYIiOZC3NeFt1bygJm8ufV+W+9OxnxX9f5r3YuLVr5+OqDE8mBIZ8nWWtnrCQMPrXqtncaxHl5T0t/+WK9xzpr1rUqup3MmS6GsDP71TWcusOz7ne/6tfkLEqVc1Ljzj735N00jgQb9pyWb9HQq3UscdTJWZMMGeK4+FDiHlBa4H2W9pk/2ZzRlxwz2I661auuVKbVWRX5FyS5JpAid/Jzbf8jkh+uR8sIAAB42m3QR0xUcRDH8e/AsgtL71Wx9/LeW5Zi3wWeHXuvKLC7ioCLq2I3Yi/RmHjT2C5q7DUa9aDG3mKJevBqNx7Uqy68vzfn8slvkplMhgha608FQf5XH0AiJJJIbERhx0E0MTiJJY54EkgkiWRSSCWNdDLIJItscsgljza0JZ92tKcDHelEZ7rQlW50pwc96UVv+tAXDR0DFwW4KaSIYkroR38GMJBBDGYIHryUUkY5JkMZxnBGMJJRjKaCMYxlHOOZwEQmMZkpTGUa05nBTGYxmznMpVJsHKGZjVxnHx/ZxC62s59jHJUotvGODewVuzjYyRZu8V6iOcBxfvGT3xzmJPe5yynmMZ/dVPGQau7xgKc84jFP+EQNL3jGc07j4wd7eM1LXuHnC9/YygICLGQRtdRxkHoW0xD+diMhlrCUZXxmOStoYiWrWcUVDrGWNaxjPV/5zlXOcJZrvOGtxIhTYiVO4iVBEiVJkiVFUiVN0iWDc5znEpe5zQUucofNnJBMbnBTsiSbHZIjuZJn99U2Nfh1R6guoGlamaVHU6rsNZQuZUmLRnhAqSsNpUtZoHQrC5VFymLlv30eS13t1XVnTcAXClZXVTb6rZZhWrpNW3koWN8a3GZpi6bXuiOs8RdCFpfPeNo9zSsOwkAUhWGm004f9E0tSQm4CQpIWACtqSEI0klI2AIKjUGCQLOIWxRhc3BCpuPOd8z/Zt8rsdugIW/bdozdVVcL2U4oVQ0VO4yLGpOQh3ZAvKyIyw3ZZfXic0v+4QB2DwE4Hw0XECcND3D3Gj7grTUCwF9oDIFAg1GogxHe8GjJjtdnMAajh2ECxk/DFEyWhhmYrgxzMJsZjsB82lNRIX+yJU3JAAFTqVcWAAA=) format('woff');
      font-weight: normal;
      font-style: normal;
  }
  
  .hfbookcontainer.left {
      max-width: 41.25rem;
      padding: 0.75em 1.5em;
      padding-right: calc(1.125em + 2.5vw);
      margin: 0.75rem auto;
      box-sizing: border-box;
      background-image: url(https://scp-wiki.wdfiles.com/local--files/component%3Ahf-book-left/Herman-Fuller-page-left.png);
      background-size: 100%;
      background-repeat: repeat-y;
      font-family: alegreyaregular, serif;
      color: #000;
      position: relative;
      border-radius: 0.75rem/0.325rem;
  }
  .hfbookcontainer.left::before {
      content: "To the Circus Born: Herman Fuller's Menagerie of Freaks";
      text-align: left;
      position: absolute;
      top: 0.975em;
      left: 1.325em;
      font-size: 0.925em;
      font-weight: bold;
      max-width: 55%;
  }
  
  :where(.left) .hfbookcontent {
      font-size: 1.15em;
      padding-bottom: 1rem;
  }
  
  :where(.left) .hfbooktitle {
      font-size: 1.1em;
      text-align: right;
  }
  .hfbooktitle p { margin: 0; }
  :where(.left) .hfbookpagenumber {
      text-align: left;
      font-weight: bold;
      position: absolute;
      left: 1.325em;
      bottom: 1.15em;
  }
  
  @media screen and (max-width: 37.5rem) {
      .hfbookcontainer.left::before { content: "To the Circus Born"; }
  }

  Pages using this styling

  • component:hf-left [info]

  ¶ 1 occurrence
  

  @font-face
  {
      font-family: 'alegreyaregular';
      src: url(data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAAIREABEAAAAA8KAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAABgAAAABwAAAAcZzcK00dERUYAAAGcAAAAHgAAACABFAAET1MvMgAAAbwAAABbAAAAYLx3ilRjbWFwAAACGAAAAY0AAAHqueNEnmN2dCAAAAOoAAAARAAAAEQL1w9UZnBnbQAAA+wAAAGxAAACZVO0L6dnYXNwAAAFoAAAAAgAAAAI//8AA2dseWYAAAWoAAB1dQAA22zasYpdaGVhZAAAeyAAAAAzAAAANgYdWYxoaGVhAAB7VAAAACAAAAAkDt4FaWhtdHgAAHt0AAACWwAAA5x2RTsSbG9jYQAAfdAAAAHJAAAB0B1rU8ZtYXhwAAB/nAAAACAAAAAgAgQCbG5hbWUAAH+8AAAB8gAABQ6AYKVMcG9zdAAAgbAAAAHkAAACxxv8QPpwcmVwAACDlAAAAKgAAAERNuWSUndlYmYAAIQ8AAAABgAAAAZXF1OpAAAAAQAAAADMPaLPAAAAAMsqYG0AAAAAz88HlnjaY2BkYGDgA2IJBhBgYmAEwmdAzALmMQAADiwBGQAAeNpjYGJ2YpzAwMrAwjqL1ZiBgVEeQjNfZEhjYmBkYmJgZWZlYGBiYFnAwPDegUHBmwEKCiqLihkcGHh/M7Gl/UtjYGDvZ2pQYGCYDJJj3s1qCKQUGBgBciYOBgB42mNgYGBmgGAZBkYGEHgC5DGC+SwMJ4C0HoMCkMUHZPEy1DFsYfjPGMxYwXSM6Y4Cl4KIgpSCnIKSgpqCvoKVQrzCGkUl1T+/mf7/B5vEC9S5gGEbYxBUPYOCgIKEggxUvSVcPSNQPeP/r/8f/z/0/+D//P/ef//9ffng2IODD/Y92Ptg14PtD9Y/WPag6YHZ/YO3XrA+gbqTBMDIxgDXxMgEJJjQFQCDgIWVjZ2Dk4ubh5ePX0BQSFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTS1tHV0/fwNDI2MTUzNzC0sraxtbO3sHRydnF1c3dw9PL28fXzz8gMCg4JDQsPCIyKjomNi4+IZGhta2ja9L0uYsWLl66ZNmKVStXr1m3dv2GTVs2b92+bfeuPXsZilJSM++ULyjIflyWxdA+k6GYgSEd4rqcaoblOxuS80Ds3Jq7SY0t0w4eunL15q1r13cwHDjM8Oj+g6fPGCpu3GZo7m7q6ezrn9A7ZSrD5NlzZjEcOVoI1FQJxABq4o0VAAAA//oDpgUhAGcAiwBSAFgAXABgAG4AeQBMAIsAlwCLAJEAcwCdAKwAsABCAGIAjQCTAEkAhACAADsAlQBeAFoARwBEBRF42l1Ru05bQRDdDQ8DgcTYIDnaFLOZkMZ7oQUJxNWNYmQ7heUIaTdykYtxAR9AgUQN2q8ZoKGkSJsGIRdIfEI+IRIza4iiNDs7s3POmTNLypGqd+lrz1PnJJDC3QbNNv1OSLWzAPek6+uNjLSDB1psZvTKdfv+Cwab0ZQ7agDlPW8pDxlNO4FatKf+0fwKhvv8H/M7GLQ00/TUOgnpIQTmm3FLg+8ZzbrLD/qC1eFiMDCkmKbiLj+mUv63NOdqy7C1kdG8gzMR+ck0QFNrbQSa/tQh1fNxFEuQy6axNpiYsv4kE8GFyXRVU7XM+NrBXbKz6GCDKs2BB9jDVnkMHg4PJhTStyTKLA0R9mKrxAgRkxwKOeXcyf6kQPlIEsa8SUo744a1BsaR18CgNk+z/zybTW1vHcL4WRzBd78ZSzr4yIbaGBFiO2IpgAlEQkZV+YYaz70sBuRS+89AlIDl8Y9/nQi07thEPJe1dQ4xVgh6ftvc8suKu1a5zotCd2+qaqjSKc37Xs6+xwOeHgvDQWPBm8/7/kqB+jwsrjRoDgRDejd6/6K16oirvBc+sifTv7FaAAAAAAAAAf//AAJ42pS9CXwb1bU/PndmNDOSRtLMaLNsy7I2y7YsjS3ZluXdjuM4juM4zoITQjaSkAQChDRACBDC0rA0BMLW0kCBUkr5pXRGdoAGSlN4QHmUvh+PNjy20uVH89xSSiltCU3Gv3PvyIkD9P1///KpNIsszf2ec8/5nnPPPaFoqo+i6HWWJRRD8VRaR5TaXuDZyj9ldM7yTnuBoeGQ0hl82YIvF3gufKK9gPD1rByW42E53EdXGjH0dWOjZcln/6uPfZWCr6SumjqG7rDspeyUQqWpgpWikhMMS8lsEmluVaOOTnBufKZ7UFLnKFkpiA4pn89T9Q25xuZsxuf1cNFIlbsL+Rk+cVV/Ptc5pzXXPuR8TNmc969onjsr0zx3tqXaE/edaHJK5Dd3MKO0ZGmgrJSbylDwkFRSs2cnLCxlZZOaK4M0D/ll0U3Z4Ze98Msi/LJO28jvunN+zoUSzVUJ+NHi0Y59rmAy62cslr/tc5abRxZPUPrNa0F2+4s9vaeO8O/7qQHmDfZuKkGpyKC0SrVQHqnKZrN6LTdZoEuqM5mMllYLrK8OXxT5yYLgVOAi0upVLX50IipRcXjQqKRbUXLCTs7GQ3arkJwImrfsku6CWzI50xtQUmsuPdy54i8HKG/SxmrxtGZPa3FJj3LH8Wet3PHDnef+5Sl8VwulNTmthSQ9KBzXZPgi4bgFPjtOx63u5OHOC/7yW/iYfZzBp5ZxFr+NC/gVHmhcjNrhICSNO0MuOAhK40pQhg/48OvhzrP/cjf5Yz8+tYyXkHvl+BX/TSX5G/iWCPkW+M2q6e+tnv7eWvyZw50X/+Uj8kVJfGoZr5v+yzT+3OnfUfFpAR618ubKm6OcU1byBbiG3+Av8Rs8CbxR3SJjtbtkfzAUjSfV9Iz/oW4PzbCC6FR8/pLyykhVdW2yLn3GR6b/p3WXIt0alRUtnNfssl6Ryuf1YAjObXlKr60EFaJK4ZKYhiPOk88TXepCfCLnhwMmW3zlEy6EX0Gh3Qkev/LxLHwOLvsr3isL/JoLvT00Ko1suWBoVB55V0j8Ugm/LSRemzvinLdvcGiBa+h3aPHmraWBW4a96Nkhevtm2jtEozl2h/FDBg3B2xPKIL1gP7wYj0siGqNp4yB5X0Hv2EzTC2GWbzFeYLKWPgqgoeagC6hCE8xMrSGrc8Kk1pPROlUtmtVlZlLzgl4OqBp9VHNmJhiJ8oHGtcqTGiPpFaCD5eTKuK+iz5nU08qkPtfUxq5Dx49hfXNqjZKmHNEznuOa54gFzsa5RgWE2PXUZywRIo9PLeMyftMy0rg34wGtieLXw11PHP8z+VAMn1rGG/Ab/o6mM7+jw/yOzunv6Dnzr+fg0wL80Gk90TryBbiMj2J56kle8cQyjR1zTquFxPGy4vFGYw2ZxqaOzp45X6oOFTSIvyqvp8tB5gGQPqVzTVgR6vN5rVM+RDPO8mA65s9rcFEqxTqRa27KeXx+d1UizTQ1NuewUlSgEE1MTVNjVYLxZSs4sHtENdJIRW78cSdydyJ8e4tvRd+GqNvWNX9Z8qcHgk2OYPcVwaAQtI2IbMdgmGYbgmPhjoDvZ4+UNdnL5twQCj0yOj84uvnxszYtHs5de4dw1yYObRD4UKp/SXbHoyJSrW7jXdpttTqvul0QKpKze3njIO13qoFsbVvlrsecxtucE5WhMqeD/ji7oBrlmOETJ7klsxoXJCjKQg1MdVj6LVsokQqAzWukeqnvUYUM6JPewk6C74CDOBwocDDRncwwjqTezU5OBG3kMMhOIm0WMcilpnUrlfQIaBZnnnGSXg1nTeZZk6R3wFnatHx9YLojpeA0mBKw3XmNkzVvXqtWNE9e7wAxjEvJjALgU3p3C5x5PelqONPjQTxBKTJBi07GibCXodwohCiGo0EUAHo200kD4tEIh2Z+LDfzzsDje27Y23/rqmvunIccT9DiiM04MDH6zuzZw7arFodaW6Pb1o6uppfCp27t3wefWn36KvP2Hc8funLVA+sLJ1T0dVTBtCaCJ/9k/Pp649sXXJBg77xgiys2r3HlznNP/Nr84Ibxxy64UDKvgZ/ZOvWS5QD4uVnUEHWAKrQD4oUeDPsc22RBxLD7bJMTiap2EWBOcADzfFWzHtUDrsnxvgC4E51yTGqUqvfBW0DSQ4BmszSpD8N7KCAr3XZe5OREDej+3EGsws1yIdvYgr2zPqcHIGyFQz3RLiuH+Egw00k+45MPKVZ3IEV0XlQ0mYDcSXehpqomgmII0E0DjqDiPj9qNmHEup+Ld6Kcn3eiJOIBa97iBdefOA15DjnR1pYFC8rLH/3D47N2BsvZtZ6Bs1oXrb3mCTQnPjxa0irLwWQv+s6mDOMtc2YWvMotHUWh1SHlr0vf3Pjyn77x9Dd/cLmRHVmNBnovm9ciik799lsO+0UxdA/dW7d4zvqJA8bv55638zIbaxkLswErzzV0lbocQ1det+vjcNebS8999meX374JHYjfBDwDYZ6B/IRnVJsso0gxkGZTsevWacekbsfvVjAS6ExucZpRzOARFPneg8Yv6eXwvUmqhCrY4XuRVofnh+4XJ/UUSuLvkRs7uS7sRZycV/ZUcCHk5aNp7mBpqrWruzXlcAhlNOdpbe5WKz2Ruob6uojNlhSEsgUDZ3Ul0TBau3D/1nPntMYDnKVNYGw1jWdv/sZZxv1z92w8p68lFrBwtiZGrG/fvHPCfKaQ8Uv0KjxTDX4mmjxTraqFj+oiPFPSfKamHLZbsscJQ4wmcp1gCBvTbCJ06nfh4bq7zny4ysbOrkaJ/fjUz6037p/xaFbaXpPFj4bOPee7l57bmbSCvbmFWcoELe9TNspLVQJKLdRsqtCAWV6LqqfsoOd5VQsenSgrOiuQQBnM+ILTFSa6m8K2wMJRWayiDXKhLFieJ7aguQv5/Fg5E/7mXAi0zYWqEu7mLJEZWF5goWCoEccnqty5ToQ/zTvpxC1IUbauEB3pLSHp7NVtXLBTkgabXpvX5fTHZ4scPa9BLu/3elJZd95Gq5uDwbTH6qy/Jsv+ZLhDaOvvs0kV/F+W9Va6EivLy0ritL/EeeUWu7Vha6Vxi0pXj5WUdCToSxCSXNWio7tNoTkrjWUSpzqYYywFKLRSmNI6szpjndQEcNg+VfMc1ZiM7pImNS6j+wEDFzg73SJjBBh8SDlMhuLLYq30ZmD0ft7i5sEJWeK+twr0Rq9j7mt9faJkrKXXKbSxGX28jkYHJPHEwxzDeDbRxja/43cTtKkfz6K11CuUTNVTmqROCCwl4JmgqBpzVLfL4AfstuR4NyNbk7obnsbOwJwQyJzAbi2RKxpYmk+E5pzdyw6oqbamZedk48bHDV/tHu0MNi2Z17J15UBFiOjjIHqcHqbXURx1M6Vxqo5sk5ql8qisMzaQP0/cCevGz6ALJiHh3j6ykhBglNYsaQ1JOmc7rlkk+Ivjh/n/deRSzBTg8jiNGCAL8HqaLFAanUYTiGYs3CnXT+kWDoZA5XUGwTtLsIyD/bIMimjdDS6b4UHPnl+jKBc1wfPuhDjoIuptiIOazoiCzoyIxBkR0XRg5CCTa2YwtHM6CpoOf+D7+6dC9ArLBrBFV1PY/uDvsZjjt5vj7/jPP19shgdU2qkxR3TBe5zVLEcOd7zx5xvI2CkYOwVj1wRpnBcsGARqBggFuIaxOEQBDrxQ5EnjNGMeE0zqG/xKGZgl2o6i/ReMfLBSemjs4NrX0GbUzNzjOakbh06eR2K04aljzN9ZG+AB0VIRERdLlYGL96oYjwDGo4SYPRF0WJR0BUeI4J4C8K6IoMCMFeuy1zXDmVPZjOL1UNEITdx30bkMo9I3nvubceyNFz/e9vKD9z778wfv/SH6zZ9Rq/HB238zfoL8iP7eL35y32NvPk90a2DqGH0TPFscyyqAvaobe1VJAM2qwpZFd4DRS8BjOMCsAOOgdMkN9kUpLTPtSK4Z/5f1OxFPg5PLglKYPg6MBthE83hA2LHx2zU0EqtDrKOm/QJW+f669O6aWscl/Y1t7mZZYbYudUplVnB/ff3Gt/42mueElZzI8ausy/ag1wdSPMOYtjkHWD4Az1tJLaAKlfh5g5jMh1TdC7MCJocT2BfnxNOPs1kB1jCZlLJ7EvMsSg9B5KKV5zWvDNqscco4Y5dLwTbWN3QhykSQjyY6EVFAmvGHsamAEcSifO4hNDw6MPumtOLPvrh21zeeOiGg/NalodE6qcSo0C4UD6Gd35u76NxFK9bu3nPRCuMj43fO2dvtB+92OgPk2Wumaui34dnrqPVUgcEw18LDIvz8VlW3WybBguhB4DNKED+/4sPPn1I17qheBaylStIq8ax3KZOaS9UrIf5I4yHZawkt1xS54K+MYWoYVLQAjMifK6qFSucInS4OjjVnF+9l4ZWFSVZjWz5472sTT9vsXx3dePbs1t1pr0coXTi8IXn5/ivOQ57vGZ9dM7u91+E+sH3jBmSbE67aM6t7QWt6KefJJCqv2rjwviZb97Ob39o7m+i7MFXDLIdx+qhS4MdAujQxq/vBWvNgrctUzXtUK8lgZ4qttQTDKMdZCS+MAgIUSQYaRel+nKRA1jwRDMqAgslAAKoS2CcR/hRLhOWoINDNiEM9PxaloYsQz7D220UbbfxbJVqhPDEE3NZzUpUvptnB7zdknAHl9QeEi9ArRBZheEYbO0zFqCuLsohMy8Kr6iIci14sBFHGQogTIZTLk3pVMeL77xM3EgPrBfviO6LbheOa7QhVsNl9xFDY7F7fqbipHGxnQVLcxCF7wYCOc4q7nCjdaREhN6aEXdgNR5kKkIyTAcmEbcuHvv3WMx+5ozK6rr1RntUgvv6hc9mN1y3Ozt1598NzuzpBKt+4fP1XanzoE0lmKlPCx+DDDE9te/+q/MD+7SsyXUQmozBvlrMvU1GqgTqbKoTxiBMQ/qZUPQATx6nqNgtM+QwxQjEIeWOSXgtiqQBal4X32hiMIRD2YPWqkHWbSMhFArvWCrgUkHWP1zRLmKsBn+B4fyedzVTQph3PzTBRPDeqDm/YunXDMHh/vzW0YuySFYt8grttZ9mSW5ak3i98998fvm7buV+5dXPbxTEO3XHuk3t3nTOciQm8vYNxqC2rNt+9kBVjbR1rt7d/5/2/vnjfD6/dtvlbDWVpkOswyHWM+YzyYJ4As8QCknRZsCRdFJakl3gLj8mWfDAwDyiaxsBgLNi20vwpcpQN+2nER1WELE6GHw7axJ27YDq+MkVlnTu9NGXc39RZ67HTe186YBNajY0nf6jFU8wfnbRS3wnhCcVQ2wDzbYB5iFKpHmobRUyVHuUmtS5QMWxhewnclTC5KyWtHk9uq2sSG4N6F76kt8MDSnBXkrRSfLcK5kyVqpeCSZ4Ft9rrZeUJ0RuMptIcify6ohCfUFapNN1K1CvX2Mnk0ojEIhWIMI4K5kyBpOkEcEDO7alg/RXIXxTRtqrccHv4gsv+8/7RW1dX9XTHcsPzqv6i7//ZXbdtXrGnZsn8TsHOPR2SaiPz4qpFYHduHVuyycit6++MSm03brzh5bZrxlrWDWTcFbl5q/Nf/+XdhdW3Xb1Cnd+dDLEWZgS9W5GtD6e9JQxLD+7bdOlmoqODILtRsBthKk0tpgp1CNBiQEeDqh7HTEclaEUAj4ik12APCROyHofF2Fg4JdDDGrnABEvIRCOBb0kALtbJnw+AWRdSUSeXSzjpaCRNmxFXceiDWP/mXX777ZfHq0zt3LpikZd3t5raec/NF67dwt2w9dyv0Lu/83/++sOrf/vgjUs7RIetE1Qzt2rT3Qs5UzW3bPnmUF39N5++jowNdAFtYAKEA+TPYEWYA7iKnIhwAE3MFPmQpkwfYSLwOWYkzzjeBiypA1hS2/T7NFuiL5ymTfAMmLfiZ5CpIETRYIknvMXfrZhmrmCYZ5BXzS5NKMUnUUnIzCiYV3N5nBMsCN4yM3v9BVbrnvFsZzLcxdNP+AWqy/zo1KPCPO6i9jEPM09Q8OtUgUM4BvOoOH1NAktiKXFwYvE6EHYL8S4L+tain3d2KK7fP2q8gMbQNrrzzUeN82lqtRZb5C+xbRjp3ynue8g/umHgIGARR73MMRAAlkeawkEsDid8qu6yTmI5EMCBLmMDJ0Dk7/LBkVjMc4IDJQGEAzEzjuM+1PjE3LfnzgUDrBpJ8cxTtHgdzbGMdyNNk0MSVNBkrBthrK9OjxV9fqw+vwV4No7PVNScizel0EYYGbpLZo3VZMTO9x9Fbcajxl5mHR6cbw0MuMRvhwFf4dj3EIz1MuB4D1n2UgFged1UIYp1L1iUPHC80qNYzypNOYPRwVbRUiR9laVgYZCddspuB7Yw8EBgGllzCvnxI3WRrMYZEr9sVvDHSAwlh9vXl3FJ7ip3A/fJ9l89l5um8pbABQL33M251T2za3o87ufkiPD38gMjqy/fbf/n8hn62mcs5taxx4BDDFO3UoUItgfzrJOFOBwUZOyqS7N6HTupdap6O1jVjKpzWHoLiJ1oBhPaLOlBGMUsOJwl6SoOxWBgI/CuzpKVbhsnl0b9yUx751xiPuV28AVt2GBo7rw2T+m2gnoEkyVqcz8OnyNyIVqVMGlvo9KJYtkMS6wqeGowsV0oQfORqiZ8C6e4cVBN834wshIVjrDgCCsYv5evilXRcWxwFDeYGyfqG/76a8h/4B5kmdjQtOXe/9o1WOfziT98ceGiJV/93sJXFXuX5EiuKLG+9VvjSeNP/2689O3GS7778Z1Nzxsv/nQz+mektOXDbVvP6b5iPtr9VWrqnUdWrX3sv69f/8x3ds5pl3+5di1rPPS1e665mpr60aXhRjoUSB8wVn1P+OwXyI5SPzWefm7HGz/62jLBOWi96V0UvPasq9F6ZJt1/XuA/9TbUx+why0NVC3EuQspEhho1Vndy4MTymheSYtjn4REvNoD5NWZKXA4MRRMujmc68R8okHVM3giBSFm0Ox5nUti+6FiCHngpDmUyypuzOn4KpIXIzxVBQoUcSGcM2vDszvqBuvMRONya18Y3bZbOnhvYHQZ67zja9+oqeGETfOVvoaH1141pLT2fIUV797zw4m52x90cau5WUtYX/TktUbj/A5eWMzZLBbnCB+JV7e+R0u/zAXqqoUxJ63a6AD4apgj7FJLGHxPHdVOXU8VyvBoqaweZyYLTnNVTW/hcMZhQk1SThigirOMHarGgk8CBUtlsFtqAt2SgaBXY2j8EHV0Yv/EwqgdmCc1yRPOMk88SdQtXoY5Lr6clDXQLxXncrUWYFdynnBDAMMNPolPAEvMmZyd6BvOEmIeFZ8mVQkePtHJTtOry8RVPXRFup913TX88fP/e+cldz16/a92JSeaU9tjqHTzNTv37r3xl5YjIaG0N1OrPeV10mJglXvOUmZFb8piXc4JD96z/jsNld+5ZNMTF3hE7m/DPTdtv3BvgN0i09ZE87qO6692l79gxmPAK9n7QUfi1CWmZdF9ABiLE7KSzYwhYS663ZOaW9LF00t8AbsoJItJcGJpRNCQcVbyRXHSutQObFOwBokj90XNkE2Sxym7iIM1jVU0qzkLYyTJCqoDMIQjtFeissWIzclGK6nRp9Ccnw0VslkhIa7ljNd//jeEfvG1x6rOrXWKfNlZK27pM/7bmKBXv4oGDwdEUbz3GSGXetb49SfGx8ZT9z1iffoON2MPehV0lmlHLcOgI6VUNbWJKniLGlIxQ0NijJmTqiFqUeYCKwpDL5P0MNYLUAfMqcuIOvjBq4SBQBe8zgoyzgovVge4rMVwDKQ5Fc3xBTWIV1Kyh2ajRNCImBEZmxeOp09L/aZhmFl16NJnjKf/7ccbU5fGUNl533zXMA4b/5mEyXamrI2Dxp9fNsZ/HBA5VLF1HmpANjBcUbn8xGsg38vABvSCfPuog1SBwiPuyuoILACStCzW8R5+spDtwYwh22ZNFlzYAkRrKRdMkCgAE63Ft6JV1uS4m3IJSd3hkiqPqHo5M6kLPCjIbIJUGvPdjJaWcL5sQjHVoh+wSgNWWk9ec8vjjvIEyWIqitaK1yCzcKc9r7uxeiTyWrmMw0cHXqD8PGiVJBONyS6LYWMyPtNnA4g4aVEBcUonay6Ax/AHLhNX9JlIPrgTjU9wUXEtaymNjCxfsK4WSd4DvVel09agdlH/mCDEW9vGNp2dTsjW5XyVYjOWPj/71phnpTgwNo1wifj1Z4S2YLwmLom0P29so+2cxbaDdxlvrk4lg5zFG+wc6LDZHntcdNosBPNjLAWY56j7TMzNBSZVmDThrQkTeGsA3nANhjcc/5fwthB460x4686ANw/w1mF4GzG8hxzl8URDpghwFQCsZkA5UUMjXvhwh80cw/8PkP2nMWZO54X401oK2N550MTWX9E/PBtj+5/l51dXW4MHVgO0seb9rPu5i8BmnaGwJeL9zwg9wVhtEc4RWuQs9is4l3FwUQsnrBZErmiXniEY3myu9+r+absk2yYnQrEmFiAMMSZEYKI8ME89kl6GQYEoy47RmhDNhThRJWCVeWRlgpXDkSay3iPjxVTd3wTIqHktJOt1aTx3lQIVrsFhsiyP20VP9b+2V4AHNW2w4CyJEiQbAKg5wcr7edOCTaA5vxh6saNTqBFXc/u//QfjBDX1i7lfi0SS/XtZ5ZYdibFAiRAvdYrW0PqN35hrfGg8Q6/+BRo4NG3PcquWgJEDg3Y44fZ81lcrnGflaCYVuv4bl3UorKMy4AXrRpl6Z7nDkqQWUK9ThXl4rjdlif7pCKKweZI+wE3qmXwmU6jB5k4Ctw+GQMlodjAEWiSLNU4LZSYC3VQNgBsQyEpbn21S65bGU92znNj0AeAjqmY5qpdAtNGXKZSQ4LwERxsWSZ8NilpClj21soyugv1MKZP6QgB/tgUbzfmgix0lsvJkKBxp6Z47OA+jq8p6PIct6MA8+EzjIGDfJ+vqXPisXYArtvAX3SmGmYe4nrFkcsWLnumriKflaY0FlkI3yWYWs6jGjXAy08MmLoxGBbU+aKVFNHbt983Ld2fqdlYnhKFGJhhrXsEqDy3/ozKrO/DWyuBjc/pBtVdY3I8ve/sMxbaylhW8XJdvA4fkQdvJRWTBV231bSfvMv6O1Xslx65AsWXnoCbabuGM281rCpEfxJj0LpBfhDq3aDdIwqEU7IZM/BO218QqRIkEvMpkwUvg9xbh9wPgMQDbT8AOYUxLcRiNygFTgZAUO+Cp/Cs8ZyIHc32buGYWHUotZZ0PLK69tKrKuqQNw7GFVb6/On3Z9LTuSU+PHo/zG8bH5phgGsOYVONNOgdjClANVEEi0xeUjIzEijMopcS++RyTugcUpQxzTdkqf9E+nX5ABl5U7qrldDC9hnW9m7gMxDRQy3gt6IHv/06a98xTzIbeWkE4Gz+QvbbbKDWueO3kHByPbJ/6HfsxPEsYoqhdVKETg9sKDr9V0hCeAeVZneJNrPXaemDFSvFRtaQ5N6qBGfSQBy4BoAn87DT8ei/gXoLNsQNQRzijUdFGUB8viWSaYwT6cVuN2lBMHH4Z+owH7EYRf3cO2xgVTdsUfN+KKvA6Kl5q3u5Z1XaGBg/l6YDkzoFiPrT8Nhpd2L2bdd41FFtZERSczcvOMZ5AY4Pb51gdd/g37KJXWNvGZuqt2Nh24na7rbekHIuOviGIruqubbICwWZp2rXY1rvaeMToXj0s9Ac0oqu3AK+wAZZZak+RV6SzZgYswn9BXRuJupYBrfZnCmVEY8uKGht0EXpVA24tabo1zMCDRH/rwQDUAMfWIoRhpwHXSD1ZnQZUC/7aJLbS/6M+MzyQbS/o9Bcowi2OkSJ89xQNQKaUZxAK2Ko7O7tG+2tiPnE5F/PbjAPP990cAUIw96yZgHFKdSrNW52cccAYbmmJW/lAvH/JLJvt8CuiAiwAY7Ry6k1urSVODVK/K1Y8NGCVo2aDamVAnTKS1ou1C2KyORCZJDNkAV2Xg3DfasGmGGnzVH3ITFkfqf9nyCxSykta8xE94juuxY+MRyNxd3I8hl/hxngu3wynLfi1ALdm1BDF8gW4jI9yeerJSLwlH401507VEH3hirlumGk3Ae+V9do+gNuqHOK8vqbWDqLQ8oSjJFBecUqjcwpJhRfxL4W4EMLDRtBZUirh9Sh+8/j0ClMjraIo4lEUeNwpu7PS1tNqXb5kJSff11va7/WNfj+Vtn/r+YbZ8rusbdncuOyMN+RZZcdg4vxwxNqVj8qy3djeYGyz9XctZpXr+mJjpdJKoW+UGapubuJsAzbQYuMfBnvFDvQ9eh6iGVEYsjVm0yefeW3HICus4ASWXck3pEPo6Z+/+s9nnezIiUeaumlhhSCwZpx00dTjlqssNVQLdZgq1GN9r8gWarFMcTFFgVdKcH0kDjADGc2DpcpkdRc/qdfVE0JHSlryqtZ4VI9Jk4XGGJ4EjfUwCWLSqXohFWftHaD/5dIkLp/0seACHPiTwRKrWRwQwwVbTB1IwiEf4mUlUlOLJRFUdE8FNveJOrhf0wAzpwWmSsEuR/Ak8eDVMnP9HAvGR4Fg5MbP2R6epkAWzOfWALF3TVwkXZavmO1234PG1qy29w2z7iv7qzZUhmxz+lB5u25ct36D3RaMbmSV3WOx1RVBW3cnKpt3HvvGEEb+jwZ7401MxxhtxXiyK60dbf/cHYR52XjbbSfuSsdMnNmVQlsns6uryV5c77DkgP+5qDKIXQoOPHHc0wwwgCPTckL7JDfOrpOclwDhGc4W+SRsPFiMRgCCUl0o5o4xd2MVr4fG8TfllhSIvQD5aIQeLaCmp7+HhP2bnzT2nTBe0IyXn/+bceI/nv2QXv1TNO/Zbxm/fuoe45MjF6PV6GzjM2MCVX8AOjvP+C+SG9499RGbh7iyCnzclVSRcZkhVhDbwCh/OsBMkQBzwpsgKQivzVyzYUmhk5bIYMJVa6YgyLJNgISaMRBhrVxwhipJoBnEEVMoryfwklt1XkvJulz7RRMYN4vAkoj3VDCE+JBKJuRvNpd1eXq3c3kr+HfiQxD9i99e/+blB1nW6guWXsQqPWeHF72NWt76x+GXqiTklla6ek9ZQOEZ/ZL/ffXL7X1ZrxUcBmJoO315qAb57tvPe43fY/kZ/dxFIL8QlaQ2T6+cgPxEPGWIEGuAVwZI6ryUPVU1VOkm6yZVRXGm4L2qEicWxKCd5FxcAbKKrQVl3e0BWKI4LaXVyF+QMsV7fWZuN4TwKkFVLPEvhG5M/uotFNqZHHV7BIfcvFnZcMj45MS/UIOTxu5O2x1X2i0WLi6l53d/76kv14ntU++xr1vwSkg7dVlRJ0qrslmSl9JLvpCUms5E4bUkNYMxaC6qAU5AVRI1ABlrzfIhZ8gTi1eZZZpaGWBSgslGoDqPc0+HkE0Oxeu/hGMUE1BuzCBcKFKVYMhcB7VIRKKRKMcjfyfbJJFUxHZldfu0Ypz48bv37/tN+0WLBPHx7PbM249xmbWs+03FUxFri6H469aK+a31xk1eJ+0WVtg7l53Ske/ftfPVHuPAmvnW2f5Ny9Fe4z8uygtLkYWm6Ue9tF3tuLgPudzlxuPYvm6fOsbgXGU3tcP0lboVMAphRUnhnHAPqeotP1XVW29W9eJqy6piVW+1CAFKHhDDTKyaBq0JpZrbcToqXwUARWN47ljbSR0MzJlDNFNelSDELKSAdywWu8JUIctqTAKvrLFNjacivkRxgQknHPw++M+D195VtL1khbOye2z2NQfCjQuHsizLM52D61tqkPTSwvuqqriwOCJym2++eH/t8gWzHmo9wBjv/2rpg1Xx3vtesq3YvrTWfcV58b7GXG0pTbMoXDu3Z2X2wXcCDgfEyVZ7suv8xRcvqZvfXx9dXL3tqz/4TVSRMV7K1KfsAODVQt1TzNsFIVwLZwpVZGWYM2tZNS47TlUxQhKv4LMM8UQNHKZhxBlRRydaTNfTIuFaBL0UjFCppIPRmLCZbAz7nBZziVVLyziFUKpo8bzmBKIXBY2zKRqHTVKC0DS9ASNtL51ehPWHc36SHU5bExwpL5lOKlhynZYm2cnzSoBzP0Zf8QOFcfHcGl6QrWVyOjKntVH0NHVV5kWRU15dbRyTGtsafTIz0L8sXC/6eYF59tDjkt8vzf9+fb21Tm0rjzndnJWhd5687fi8bgbRQGOFMdZaUtYxq525imGcQqSkt7G5WDNjUYG7qtR+qpDAeLlskwWeJk6dEP1KMMTYh6Os7gdY0+Z2h9qjuiiDCSMpMZEH310r6XblVMEPduwxBd+Mhaxkq4Mu1hLodMUO6ugqCSSwusVkMm39LrgWjdXiZDIQWp0qyc/w0WY4QPLDDNjtma7aKxPNI9U5/IDzG8OJCyIRHKpK2iPf1UVLWd0Yi6+uq6gQlmeNv3/8xh8q0rPZF04HaY+88qb+PfrAnOpT/L+26+TIGx988Cb9CMxeCk19OPUu+zuLSiWor1OFCDbaeG1At4LyWCXNh91aMAGMpwx4KgJ4qlXM4TFPfe6aDwdIaUUk7dRiR3TJf1xzHNEc0rjTIQE3deHXAhzP4KauPDXhkmIOp8lFD7mkyPRJkYf6InglT8QMVNZtBClmRmQE1BIoDXUqC5PD8OFgMY0SivO7/fX3NjVxwpbB3T3dbrR41rzNrHj/nt9IXRmfMee6Jw66ly9gXxrj7JzFOSJE6oJG1a/eYy7qSiYgAOLWMLG2fz6eos+ifW0tCLD5eOpdfhtgM5v6yIwitXyWwKMFswQhUB8cUOolOIicBeG7L9VI9sz0q/qcIkrrP3yUoNQJKHUDSi6M0uHnVn34DL5s0fJwve2InoDrsc+jBzRxPB5LwGkVfv0CmAW4iY+q8lS3zSVVJdq6Hc5YfOZGEhFfzrd1fu7GNNyzOvHupmhtngA+bvOHVeJSvog5SuCq//8XUUSL8miscorf7uu+q7aWEzbNubqrS0ThuOes+azz4b7cnarKCZvn7urqdqB5PYMbWOe9173p6mjwGqO7tt8iGu9e99hB97Ih+rS4wsmYEX/nbUbZ2t7EWE8LsQKE+CvmmpaqyAwhou+gIyd+mqKX026QJeIJtw9MfWRpAm4/l1pLFfqxrtc3zcV0vk+Y1NMtmQxJXGg2EGnBVRnFdwQwsEpFnAh1UNXn4bxFX7+sTKhUJjdgTugJ5PWXdeJjmzIuhyKxYpka5tSo6nOYuUmNPrmIYyUaYlFzWS16el0twcBHPT5ylQ84F+/b9Bvjk3WHWPHllQM3R8Ict2TeMengwlw3K9419JIgdpw1q/sfKJm/ZhXrfGBl9ltNzbx18bya957pqs134uTAK9zikmt3Ix/af4dfGMFBkHOAi0TixgO+31xZWl7OCSNOwTVPzPaPGC8aQwtHrMIY+dSIpTIaakMLji8aaCm3AL4C4Dj15tQx9jLAcT51UTHebcbGNSucMq7mtOAgVtLnc5O61YfxG1a13qN6ClxPTUZfAEYz1Yur9K1yUmghnC8LUave1AGqOF8eFyVPJcYUKROCvzQY+jK19LUh9xdyJxyPM0cezuOdkWQxgxymA+GtLFUJ/F9CvH5l9nZV5fmzuy/ZStv+EN7NiveYiRTHOQsGncKr5Q4GKe6m9az7seWp7bGo2NIZEUqiP2x3V/cFa9n/KELJh2KlxqcfokJHTZMVoMSplHnK8PUBp/H1+ksesNkUnuf7yiqmayXtZbmeruVda+agy3aW5RWeJbWyn7EN4OdL8Ap6CYbTaQfuWIK9jNNtTRas2CzbrMS100CZaBu+RXPgnWjwTjjsDODqtwmL6ektxFdNuE33XoprBXBpsJXUHyKnH894N/hwH2ZLzhJsdb04EYv3Dol53WojpdBAlhCpaQB0HchPIVLRAWDG+X76hHHf3kvlNWHWizbQss/YZZyPvrX5usjqGlvoZNltbex1Irfjm9ZfPKP4XG0GdXK3k374cduvXgiLIpmPLxjH6H5LiHJSIxSubBPtpKaKx9XyLswDdTt4WjuNB2p3wkCFDN45SIl4g4hmyeoSno6i02R6Vlmj8xqPeQp4V4VkHOLAgGWYRy/4wFqgy62OyT9ZHYZBN716Nrr+rjv9jq6Gz55rcHaasf/QVIhea9lA2alvU9N1z7xZr+woWnPmI+/pemXrEZ22Hmc1Hux5jVmvPM7QPJhrlrxayCuHX3Eds52y4o2BND/DhrN5zZKHJy7ATbIn0ErRDMdb7azltBF/Ai7NuFIsanbnsm4fmGA+SjND0soPYiuDQefapUsto54Tm242tHPPldAAWgjjyhrH0ATBeT7BGQHOrKpzRZyZo7oVcGaspJyIApy5DObcPOAsZkyQkZMkPDVWxhrEKRqfJyUmMsw9C01cgSUr/uFDQUTbfTjhvcf4pKvB0gnY+k++8urZxpWANsl9U9uZe5k3KTjJkW1mikkcEyROwZqW2LZ0RFvtO7+38qyy8lH/2OA+cWdons+34d7fHEYPsNIUdfe8I21tHfS/P4qWGf8278XOTieR39QnxpvME1PLKRHYjGYnlUJIc6gaf3RCMKMJJykWsheLhbA9YUlBmZ+PsFFSCHT7nvtF6fmTCZvxAa4Doj2bWKIbt7NJOmF5gsJVwZpFnaBZvE8Xwc8Uq/rxrl0Rfz1twctxrM2sP5nevaGi24e9D9xRowwBkbWsXMweeSDBzt4Xj0EMuRhiooPME1Q91Uo9RhU8uH5GYCcL6WIhRyM7qQXBgLaR0LkBIqIGSWdBI2szuh/OcpjCtmRxuaHGSnqpNIkLErG+Kg8996Kpryypr2f1lpLjTi1/hBpn2JY80S6dyRfrXxtOlefl5IInLWATwSpaEgyE0CgroJtOyV8ajhAmS4rccvEcDpWcNKnTo81i7FP038nyERWd3isF1yzc4vYGdB27aml8uFV1iPaS8qWHEl+9O5asxjtUgowYT7QGv+uyDl4euuTOAyMdVZuSgvFB24ftyx3nLz/vEm9Fhc3OjUnqyNeuDBk399ZlIIAKW5T6mlrbI/TgktuubxvOJV9brODYXAVcX7J8RJVTNdQaqmDDuFYBrhI2r5VYOWpVzXdUr3HhyLxQ48MToAZb1BpJj+JSepnsI9JrfDIp+YjK4xabVEmcVaVkJiiqZN0hmIQem0Y/x5gFVhSOGWm5kbgenM4/VVWrCl33pOocFfJL9T941zj6i47rY1H3kM3PcYiNX5K56f4Dl9Rc3WTZOkuosNvLGk5et++vz//aeMnBcRL78UUMTf8z4C55+sH73upWTbs1COMMgP5EqZVUgcGjdFknzdJhL17HixG9UUBTFAnvvMAxH54NcVxnpeCdil68CUmzyVoAVz6HSb5Bc8njlM0ewE6YMX0B2ctgBsnTIbJvOvWCI5VBJL3cenmogo9zi8+Zd/VX79qd/Uq4UvTxpXN7R8qfn0QH30Upj83q3PkA1z3vHP074z8PyzLbxSn1sYp/FGtLj7FDILMkzIXzqAKLR9MCUVsNnguxrK6yOPM6PRfqYEx1YKlA27MZ3ScCA+exEH3gMUlRLl+Hl4IdzkSNuQ+QLJi3qMA7fFSwoipBFNndiPcR+IuyKoqRLJDNUGOy4794SU7TuAD1pj/e3DM0ZCvlBZBoXcrhi9UVtdhRVZ0ve8jr/GVSf+u++y6puygSsVael7vpfnT/7f+4TUCLL7LQ9BCRb/TE742uohq7MzU1wn7u9g8R/81fNpeV0Q0WqfTpaVyYLpBxCHR5eRGXBNAAknCTWVOXARGnY1JzSmRxkFdM7Y05cWJNDhI6xcsF0esn6UUZbxSBSwl5nKe8lTOgwAkkFx3+nHTd8enNCYM7X7v8nns5hik9+e+P3NRydTTq8AllC+auiPzkTw+hS0KesdHVN6KDN/9l3z37/RmnI1B58LWQJLFtnLs+XvEZ2ulmvKHRpdeC7i6e+pR5COStYt2txkKOZPUay6Qe4nHaEG9HGEf+gJDUVVy6puICVw5nUyFOTx7V6IxeLuL94CQKL0/KClnsD9WQDfFg73GteEnREjcpp9SXCBBYDOaGZ2bCm5tkiF0WO3ciauqNzu1l5Ww45BNrrmzbvo2hUSnn2bXPmm3eyTofH8luq6y0bWcyQ8zgbL+A7CgHuu3OD3HWQO3TR9Zx3Bbu5Ndbc6wwxgIlHHFtpqsbKsn+GIbabEjM+8y7VJbqohZQD1MFO5ZoB0hUgQOtRtVnMZNauarnOHMlXjiq1WX0RhBvdwZvXydbTCiZ7JWthLdGieRwAo7J8f5AK+AVF80F+UaB7ATTWuVua3lFpMbeUD+L7IoNKAWfP0pUoXwWTBOqMl6Hb+gdNbiqy1+RN8uHnR4f8WVkYjQVq9R9WTJNeIDMrCZNgDHwn6p6ayp+duaOp+ljgNfJbi5fWhEcGHn/67U3+tN761XOt3ypsPCPj6XnLv37hy/e9qdd+79dsSEaW7X7B7s3r9xy/cZztnCXb7r8UM8jj1rkukjZ48FeRRGqbjt7/1s+S0h0CNtEzrZ8+72vy/W1K6ziuvNXHNx02+7qFaWlovgVWrhs/+UbL73zihNzh5dfMVKTSfhYZ21tK7adWbA3LOhfB3VVUQZ4W3hwehFP82f1ND+pe5oyGa2DUCeE+xC0HNWTgK+1Bi4nydZw3QnOQoZrXXCcbAHMs7gS9QkLZw/G6xuKaVxsX9MNAK+voh7X69iDcrHkZNrsFN3HF/douYmnnbl7iy9u3UqirOlSXKXC7+d/dX9luGqAlc4fqtocjlg7mhxjow07egJ8pHqAVS4aesXRpsaqk5ZtPcT++I0rjPe+dfPVFcYVPR3NoKs4RFksdzWjuzZclEl6jD++09WIL7OLuUye7WnJEnu0dOoY+sRSIHn/DVTBgkt9caFdwYUNkgiTt0adiLKUu5jzDwDJFCfH3YFKZ3ICb2rHu+gzJPFvDQAecpTU4oA35S1YI0W8y8MJiqdZQM3LZzrYL9u+hv3qzNLmpULHHXVJm7s8AlDImwkUQkczNtbD/dlkvj9b18KoQ9ag3VaSNOb+tT03Y+S0cCHMVyHb35bK9rdSlFmTr6CtMF4PVYlrbJ3I3AxmAypdoU6UFAcaJrl9GQ+U9cJAy8yBujJEQ2Sc3S/BdaRlsubEYRcOslzFoZlpvuIYZc+Z4wmxY12xdE5ouSOdtkW+evUCGEQrDCJv5OWxN1+nd3ap3BCPR9N6YtedfxniE6eengYd/x3zLuh4DTWMqz/zWMsbILr0YwWXs3qJWRQ8iCXXz5iF2bGjuAS7YCfrl3YBAtAY2W4Q84NnxYXZ9hg8uxsG0e+HUbkH8njb8hN2lxQK1/Zibc8remubuVaDcyGnfOoMyXGNTY1F4RXr06OJ06G8xVzDIFUQVYksyxId98WKeozXJe2ekN9ltzAgVwHl2M8amto5ZddgdE1liJOjI93LmlZ53ujf1sWJO0LB2vbFlo2OkgRR+8iJXxvNpmKDH1vMCJKjwp0qD/Es8yE45xNXBd9Pl/o9tnYWbtu6bSl1QXalx/jg7Pn2trC3ckfRdqDXANcErtaXSczOm6hiSHGuVIsUYYxMw0j2w9gjRexw3K1J/yNGllMQzUBgen5HwkIwUerkEAZg5uDeNfKnJ7OghPyNkYRgDs3kjCNTx7iNzFPUWdRvi3bPImWzeg87qdcuBaPWI2FbV8jjKY1LzPRynA4bgPEF6hdkMhmSK9ajeJhjqjZ6VJ8NwxydjYc5OgwMelTSZ8mYVmuzSZmYngLTWAfeKyWRMmI3WEvM1xKEdCcigMwyvANgtpmj6JCfBMOZ7ylWjqUUrYmU+zuBrigTUm1DJlskdBUAYxTj2ZondWWFsswgtiQ98rhgdTtNVlOcVbwfzyj//2hheebLL3+Z2R3huvZV14hu1vLbeWtvLP/d6O6vByPVc1jlQqKdtraMMDa65RZf+LS8wB7DtYu+5sZa7L5w6BWxrT6V8zP5PluF1Sb19HPfXDL/oX07sDk+rZ7WXB6b4w0G+wUTvdnoyc8w0Oivs1uK8mWTIN9O6m5TvjhfAq5N68jgJkxYtsTJ4ZLLgr9MxdJtBtrlqcOpui5Vy0NchDeXmEKsOdPHdeOgKA+gN2D6iAUWUZ4kni6VVomrM0MJIFNKIVDRgAUSl58QnFavj3Th+LxM/rU4vnSz8kzofz9n9z3l/wPCVRtClSCJz4F86xVf6vBOozkNO8HT5N8F4N8OKoDrFAj/Bm5asBP+zZgVbph/y4R/e4r8G5epeoB/66wdezW/DId8cQW7yLTNLi8zeNLgVW9d/4NfwYv+zsMP7t6256Hd276KHr/tzzedfPm2j24yEPvU+4cf+OHkj8z9okYZ8xHIWaXaqRtOS7qFxatZeLkPS1rBD5mxYleFOygFQM4xi7kpovaoXg8E2p3R20xJ15t7I7Ck8Yp0U5usYA4TCFZkSNwbwHY/iLOIui+By08ycO4EJlPxOSYzLVgYX8LjM2MJsOanK4IUU5JoxoZTetQUq5MTjqT0t2/+401301WtYlpkpecbLwiW23oTLAgSccu3kTD50mZ5WqitTc4b/vyT2z+9zRrdG101i+aGwZQv4FuWVCBepdfObjk5nHj6wW8ezaWM32J5GmHmN8zrVAWVwllsIs8kXh3ERKa8uM9Yk1TNm9Ud4B99MCvSRMIhwCkk4YyqVpXRbTAb8H6l0hBoOustL8bReK203EHqG/WkVGzChbNn3Ol4M4fdPNHt0zU4Xx5lrl6xVUqUqU2s85naCyMR++J6Rjha+4N3vhhaKqqy6p8vXNhJsyNAYYbZ1BDad+cnSLjvzXx58FQ4CfZhxdSn9G9Ab5px3bVsas1EOUuVsMnxZrkc4gesOCkMRAyX9uVULXNUdzhwtZoeBo1xSHjr3USJmUpoAQjCWBNq8hCCQHht4ZxxEl5rJeZG8VgKUKjCldfl8ri9xInzCjpqJllmbC58p1UHJ/G9Hq+fTBASrhW140v7FvAruJaba2ucNG9hhc7vdHpCHMeVsyO+SOq8WrmmdTmt7B5pPr+szNZZHa9JMm3dtpDNJjqSLWpc4LnVOzHXe/QqbnFuXrdxS2p2hhWW43htlJu1Bj03q5UjeK2bOkb/kuTorqVIiKaHhMlCHcaHF8gGKo05CkRvgjUBiRRzcaAl1sxEwLxY7ZrE26zIPiOcTS2VD/GiEorXmeEYXnWvhmnlx6YCZy5wWjskH2JYV6C0uljx75+OxIiWNFYlpgOyGdXqpIvRqVhMRes4BQ0s2zL/gtW3bt/8Xw82bCgrtQRtQ+zI2Ow1o6sf2XHe98+ddUVZebjyx1nbngv7Nywaat8x9+rvSoJg37aHq1UGZ81KNyzJjF0+f/jGhV67HfBI4hpmtpcKU/OoQmkxCYEL8AVsCyOkI4UT5oYIdgSn0pw40LHgrEMpHPhwWX7BGyQhpqAUkK0yP5Pi8xCYx7nTGRi6uAyeSNradkUiNYKAUpxivOEaGKvod3u8Su5i3y3bMrOYwY7gyspKuYkE3x8bH29c6rZam501fVv3oE9bkgyRZR584wjIspW604xctEDWjPaSWd3O4nVd3WvBKy24MMBjn9SpfMbMOTWSMKZgbcSsxYpThVbS9lAPwtWgi5TwlRZzTy4rbunj8ZLYLyjrqTSWq8eOM6lWVzAGvrKR7FDwyloO4hxF50o/F+dkM2AUZsYFM5Or0enkKnhKPD3y1pb9qZTDE3k4uamuJZVvELrvT6uiu7SYlWKlVE2j51GX7dz7yq/fK8wDysikhqxAGEuajRvHf5oKVaN3OhroQRIVpY2V/zDTUryvpS76CDtv1c5t6GOIjEiu/YOpd5n7mYNULV6vwrUoWq1asJaGMY/AloMPVpJF06Sq1xXXTm74sJWshFelnVr1EV0K/L/WC1TPqBeoqj6zXqC2iqxXaUjWbaEvrxYg++3OXKOGeMIj7lRbdoYjrKM/c1ZdUqhanm3wVGWGBdvWdY+6kpkq440Lf9wW3cis6KN5hrV1M77yUuOZu+5c+c7OHT3Ocq/YTdNDXNuyk/1Reo12rtn3ZOrTqXctjwAu/dTvqUIvxqUjq/WrE1Z/uKEl5ifgTPCBUGMuhotz5qj6QBGesQ//i8DTC/D0HdFdpcc18cjh5xZ++GezUKADrncd0ROlpFBAlMYdogtgc+LXzxcKwK0ZKDrPLBRwuqoSXX2i43OFAvhyR1fv525M49zfi6tMo2k8YZE8YSurzDZ/YUnWhJvOpdHMOA79SylEGSIKQbwslbs8XMk6ZjUsrq0Vata1SyVdbazj0lTz5eEwK/ar+HL8rEzaU5UeEmyb1j7qrGmIG+9tuWBI/D8X/jAfXTdDTC3Gj+68c9Pxb9T19wh9tIWh4aKncYbo/GI3Sw+x7ctBdGjD30++dEqAiJKmPmGeYh6hFlArqEIHJsfV6W6s1G1gBqrqITIKqLp1Aa6IAS1HfJBo+YiKU22U3tYBri9RqzZ0kRA4IB8S5Ui2mcQwZcoEJZRXhIrsdxoeUmeGQihnNu9L5LCHA0vu/kJZgEp22ppVAbiTWRcuyUhIjr29jRtLSy2OTK3kdG+9KqB4Yo2s7e7bObHpMu2Z5nPaWfHy3ti2RDUrZuuid/88mmMdO9UreIcUCLqiYoNV+2b/yACzoh97PVu37HNEPeUP3x/yx5wuUejjbL3yTT83/jq/nxP6STTcRbt9ZQ2vHY95HIx1lsDZugWpREw4Wm2vvruul6ztTn1oKMwDMA9yVBeFjQDO2+fAQnhJHMlgC1FSSrBrIZu2KD2ngrkU3VKYLDjIBcrmz3/5hFaaGmcqktOCUwTYDuYyzTmzFAgmd/POKJncZ6dTwkfDK1nx/HWPu1Kqz/g00zvQ2J6vrIiwrGue7dJfzL5qX6ArO3OiVxov7d1Ld6aahD6BHuIbOk7u33bb7SODlVZhjcf14++hvei8bBqRtZdPmMVMgSqhLqQKVlQsH9FpfuYKfcFH4WYBp9bnfWesz/v+v9fnaR/MPsrpLrJL8Qvr8oy5Lu/l4/wgnZqi1g3ZF3hoEdB5XDIO/h2po8t8o9HwyZ+crzJhkRs6T3zkOptkSxpzjf0K95VrbE/eUanY8F4G4yN62NJAZal1VMGGaw4U+6RWp+oxu7nBQz2q8cAAXTjproUlrQIPNyNNkvLmrF4h4d4UJITIgED1snL8/LE6Qg3x0PhqNW/WE55KfDXS0wyGN8mLQroenbGWiEWMt+w3Na4UFl2w+KYdJa2ywslt0a7OlrO67m7p7FEaZYmTGzq237QYfZb0L+2oQ9budTdhhe20jXSkjL82LjnX62j5Vovx51THAp5hHHnppnU9iInvIbYb5U6+iV7ltlNWqmy6X5kuiGa7RIEiWXSqvgFJZSjnp2U3j3I0vdMv0jtOvk//Fl3I1vgdJ7uM7//zgN/k2EnAsoxguYQqBDGWXsBSVbH6Eyw53NFhetOnFa/iurJ6DSAYNRGsq8HlwKSFD6OadNArjwdKK+vOaEqE4cs1mehMG4xTQXVx2phpRIhUpPaZkEkyJ2UwZC9ZR01UFfmzTvvCjhRyYLhEgAspqY5hgFFsxXAZJ+N7UgRe4x8mvGSsY+h+5jD9GF7Xdzd1oYxZkp31e10oEiPPFB07UNmKbkj5un1eMfXNcKux0zxGL9ueEMby5eVJ25PCWEt5OY5rJwwJvQIcjTN7dOO12wnpdI9u/uiE43SPbgePl9wtrNnlBIvHDQZ0Rvp04vy8X3I+JuGuFri7hZFgXnFKJ5Z745ZE89y++ua5vSQmfIEJWPqA0zQgn7mSqvFZXWUmSbYLLz/6wIx5MmSharoJUxLiwaTZ+9ppTuZssffUM5/VmBt5EpLGHtHjnuMad8QCZ+NMgjWbTQPLndkT2I1PLeMe/DYew6/409X404e7fviZk3wojU8t4yp+K8DJjG548PekGx7LueOJ066dYTne7YnFE9VnNpEmq/4u3OrBF8njWl+tNG+WYOJ9/Ko8Tjldpeb6r24Xi3X3M3sDFzsDn14kTJjtgXNmc+DBPz8ZaxbjLRcHy/GScGdTv+ifuSLst5U12cruLTy8asmsy3ehg6+iuAfdZHUbN5DOv3iVuGOx82QjfXqVmDZ+yzlRqPyPx/ceidAvsAXSS+oY8wL7MtVA3UgVkrhrSpRsNtBKVb2ENJ/Ee1U5iOI9qu4obsWgj0JgpgclHNprQQkvhk9Un5KfHqTxxr40yVsdcsmOQJSU71bjdC2ll0Zx1XllnHTu9QDm48D1yUq5Qyb53FxzByn6wBuGlWwmRNqFRYoLjjzH5zK4k5HfVE+YH3xi+JdMZkhw7nx74mtzbGpi12LdyqFBzvvg/az1ios7P2642RUvW97bb9yzaPmoc/GtR9aqmBn5I+8gW8i/m+szHuC4C7iHvrPel7qX7WledOE5nYK5dtGB1jIj7HaI1VK4u1USR68cRK846VEQsJb7VD2Oo9i0qoWOTkTMCrKIWXbvNCvIcJIjEgJQguE8DlPHWcFTgkfsVHRRIo2cwEmNy56SMnw1iSv4gmGT7OAimGac8QiZTXT9YKFwVp/HnXLAbuX8M9JfHZYFvQODK84e/Fppy22t9fu50T3Da9cM3+RTe/qyueSli5Zs375k0aVsWUnT7IGGhnu50Vvnn7t0cI+v88aWlpu5kY7euavWzH980fbti5ZceinpUTT1AZtlFWoT7ki8CQ/a6q0ggQo/qQfKMxmTqLdjT9bMTU6MjvUiR1Kry+qj2F5nJtacTS5UZ/U1cCEOpGWzqs0/qmcgyK/L6OdjZzdfViZ4qyR0kixZcztYpLZZs7GrG5W1/rw2pujppXB2NlYQbY2iJ1bB2SaAyXUqS41bOCOvabH90TIczScagdaQrAeH/3PhZsRhngTIYU+x/mJmTkRobGqnmyIcEMkwmHtykE1ziS7XpSN1Vw7buEXpAP3ws2VbaNuuwYdt4kjC20KjpR+InPHegMygy+BgN12a4Er5FtZ9x3DsvHDY5q0sc0tWnqE7/95hs6HNSqAhNZGy2d5XkiXRUKolxvxkLifwyNNvdXvdOePHqL++LGSj7fQ8kXMOiTHvEpq+hVU6vxJWBaXTPeJpraZpaZi1WSxjLOfgfdaIs8EbtlisLO1s764bo11tlUvV1lCFg6xX0Kd8s4VyUlGK1K1RR/EKIk2aAOAqNZ3G9Uus+Q8mYB+A+1spTeCrGXDV1/H0Djf21zZ6F1oc4E/c7Bct8n66b7/fYSDjG4o5VwamapjXwGc3UYN4rpBieImZ1MKqnsQzZJ7Zs0giPYvwVgpMeCokkhEvkybxJk69mSJlCFpa7rZyEhNOuDNtfXhSVCi6vxOk3i3rDtInVALb+yRjFStiic6BYgFGc266BIOPFltSV1jwmRnrw/1ssZoobcnBLT85SjjRwK4LhccvG9lZJgaD2zszPR1rL71sbceeTZZ/v+G8Gz22kOf65T0r2td85Str2i9pWrr54jXznLubxs6/eM2gOLudfnXZeO+2b7dXx7c4+5cP5LJrF46eteLyng0vNq97+pw56a2uLTcs7cyuXji6bNVVN6ZXji5aetbmpoVXJ5cvXHTWWedla1aY+O1j99D3W/pJv64mSrPiBCpuoOYjy6DFo+kmqpx7ErdSF3HzVPdksXfaTL8dn3G8r60ukcL/R4unj9j3ajsaY7UdTdHiu1lbsXTqmKUJ/AHeU9hBHaIKIZLdtUya2ws9lsmJ1gZHyJHUW2E6g5NgLeaqPjqK//kK/KiyRJpdpkG50mTBanr3ETg8gTR+x5+qknAT4wmr6Tbwwn8iDQJ1uEtDbLIBt/bTquRCwIPbk+tNjac2JzUAd8Upn6TcLVLIKsk+v1BelWiasUdJkfAGtwrag3NfMVqqQJWdSEqjSs59RrZvRhEWXACc0mjpIyj02K7//u7atd/9712PGb8Z2fcpin16222fGu98OvD8t2rXBstZLzeLvu6cjevX9c939fhY64rd6/f2oB+gUVT56LmPHjOOwSu9wnjrs/37P0NV8Gqcd+BnIsdZRzaypf7lV1527T2DI+y6YVdi2V7Tx9DP0jstKaoavPBjxQ4AAoO7IGrhrF5nxVHBNGOqAVRrSJsvjc3oPpg1bnFymjXJP3ru2jNLFtWy406tnpQsqvXFksX6InmpwVNedOYJW5FiVQJZFVS0KG6VooUB67rpPWGaIB+iRIe7PIg/I+FFC6JsXXSRNIMzMpUN593MtON04RcpX+xCPNdRHfmMbmuODXu8NvejbeduLGmQYlabm/d1l3/FKmxIDq6/Ph2tz7MHIsz2RKu1s6atNyS52L7VK4c978VyDp4P2CM91vPoteuXRVV1V8pqzpsaaiUjMlny7xUAg8atvhk3afsdn3lS828HUvTbb9Op2VozCs08KYQOPxryGP9hPOcJzXmsIXPmKTXdm/sxejUlUzHcD9usj1VUzUEKrXHLGYgzpFPFsaf65wF5xA24pzvnPdPaKjpper1CG+8ZSdx/GzfJu3a18Qe/4/2JYq+8072wqX/ZgZqiWNCbLcxui0bxMFvz1GzqGKXxqm6Hedms6lJdNjvRaKcqYHbJiUxGq1cnWsmp1okTMVpvdqLMPHcVo6p+MovNGYlzsxAeTGTMs9aMliGGGhMcn0lwHHBmBuR4w47uARr3BE/bXFIpYTEZWce9rbRuZSKkxpqai93lnPY6fNWhjHNMotp0+HaY0rV5rVGesFDVLXn8yXpQTTDzWivuQKMFlEMscgiRbmLnFam50idxlbTkq2yWqioZsPp4dwJJbLQhsomT9/uyfpLDV1GUI3s44X4uY7b/jEa8XMff0PK//c145PuvoIpXXjF+28BGJbvTx3IdZf6u+cvWttVVc95ApCbalqWdUZaNB0tSnKeU7z5fZJk15t9+QqvG//nZz1D5z07+NsmUq7/zuYQozbY1L0qP9VhlF92zNTiswKW3aQaVtg/LK7F8N7A/oV+x5MHOq5S5BREiJRtESgLpw28Wzwtuii92CyctGs/YnI5bMW7wPrcjdX2yzuEyfmW8yb6+gqjSaqJDNJVlUjTeG451Y9j8Fd3FTRIFwVVx0udkPUOYMo4Kcf6d4Xja3FCMd+Yh1kKZ8Dc2Z3weLkJ7fHgRJZK95+g99xztWX/r+vW3Mv+Gj+9Bc/HJetyDcmoDc4zlYG5WYU5AuhDbrZMFHrPGuIp3g0lWc7NlAv9jSZqU0SslkiCpJMWpxfJzrTyDGbVeGcc1tx6yY5+XC9Yys38arkvHrdvjvNkKQwKWUG5u955RpY7TYYTVTHfHh2vT/fFn1q+LZ3TLn218MNvsl79nuqydfmQ93YPYXkk8hlvnezfSxh6f+Lpmzt8G+if0ZZbXqSDuge3HMUK5qitg0C2qLtomCxYRJ7csgvVUV1KXY1JzkR36E35TCLgRqR+XTuOoUsH/GA2F27z6Sdc0i6JbXXnSnslp9idPgEpP9/QGuuPPnm7p3bD3RWbj1iGnt/quOeuuuO7/Fvct4G1VV7rnpaclWedIsi2/ZVmWbdmS9bJsS7YsOX7GrziO88DkzaNQHoHhoxBSmqYQQoaG0kIprwJNGdoB5hxZCZRSCKW5nU4uX79epmFuW+bSO7fluu0wDB+dS5hE3L32Pno5smM7pMP3gSXZSNrr33uvtdde6/+PKp+NBfnxKq0p9eatM8xHj3+4d/bO6YGt2x97+9Ui96D6zt06LekJoKLIL6nROBqpnRRQ8gJ7qIZsMBaPyHskK2yCTZg3Gu7s6oxiJSbv1mHy7kodpoKjJA0LGTgaMJMs4FIMNZg6SioGyh2rIN9fpo8xHrieXMBSTlJaOIqL6sPe6T1X3qBVz7RFvE11U7UGc9VXI5NXjsUT13xvg7+F9Rfzazt6w9q4UDY86q4pHy2Jb+wL7KjReg903zHZjvNVas6FYq2XKC0aHRpUksvrSVBlehIkFQSkShwWE0JWdIBw0urYIy0tlnHmuedM3MygFAxy0yUHHpN5MGY+beIMChvlg7ymAta3xg8Fx0C4hU6LtRAL+/HnNJsoHedKNFMwIZrdGtectZlSu/DRupnU0RuRFQPop70ZKh9rFXi6O2uh5tRaacSqLApeUssZBtxH4HegEzM68PCEXxuHveSQyGd0Wixudqb7+qM7On9optF3mO1TlBg9Uwe33fyku7bm2i371jEG564r46NXvnDfOvbI+geu61UrZ9RcY+c3zl37+YcPr2/bubXx2vqD93/vXfarFtV37n3g5FU1mtieBIx/L72JvoEZRfubG9uWcAAvQxTBVEgUgX4zlzP3VMqO3tmDotP1FFwnKIvmE0orpsJnYT1hxgu5AR4acfSZ1BKUlmgw9QWhwNCzEP5Yce5GUhYTkt9A5oDQgM5+Knx4QF/mlF+gu/1Nndsm1mzyK8OlHrPp8c3+Tanrqqc7ulvqbKOt7zzINRqdFU5h7OYmzOHPvE6fRGunjuqhRBNyx0XzyXLibuvkUlg7kR4wEjqqrPRAOSGJr+MxNSKID+Tc7Be6xA8pb6/unNDptGUWTlduj3PFN8XrLq+qVkfbaxxrFLvjxQq1nmFqLK7G3/8/XwOnGuZUHDuoaA3Rz7VUKLG/6JRjUDh7xGV/ASSoaL0XK+Yzyg3FWeWG4qWVG7JI5tKid0oHb/vaCwdv+8b964eiA/Av+y9Hfvjtu4/88OkXbr3riln0L4nptqKYLp6O6UImlii1WNDac+Q+2YpDOCnYfvKxVnoq58nXaB/dDeGbz1v9QxTN5T+lcPwU+rRbMaS4DmHkoaJUH7A/4o5MaMRMNAILYVtvRKUHijipDdmiw5c0GeEFyVQ0L9Eq3E9YB1CuSUMJpR3oLCPGfFIn2gUDPqlfxlayQEIsio61KrVgana1eXtJpWeywdcYjhBRqzb0d94Q3F6gow/hbjIKSaG8It5Hwqc5vc8fkDMeF5wXefJXwEOL9QWcpZimwenn7UtPnPFc/auB/jHmDgW9XTl5Y5H+erV6n1Z98qSOeyl/bjkVeG5xQ+m59cmpfCGso5+/zknfOkD/ltGlooYt3E91Bt2t23fS+OwJeByS8RijfkolxiBaiKPAKD4GKzw+qMkFx2Qck7FIRoL4YQQ512AE/jTYoXHlITSeixAkKaPI5UaNwL+ZHCQudyIPKT/fqwekGhBUnZFYfBQAiAqSsxF5scEBtEZHEGKmOIqMEFJRfC7i50AyBPKaEaAg0vd0rgIox5LefIWQvXDfSfbqG0eLzeD8b8s6fwGc/6rQe/2Jfy8cMHBUFOE3ifBrpILoNDJM/b1cHatBezSkEXCqMGHF/F0oBOTxts2bEahuwLN9IF6EFlvYL7WjxdbjS7IN8AI5ao0sEWXAYQQtM3HQJ0XRsy4f9JpL/XXIR7Z520OY1zrKJ1s63LE4XmcD0Cwd6iY1823eTpykHxrGffzHUKDS0Qn5B4kvwsn8FcQmF1xxFwxephaIzjH7OFh0e7S6G9KLjjm4dHxzLni++Nwia46hoikjcw17HPOmo2iliiY3AGnedApX5ENKpxwtFJk/Xe+DrA4kHF7/0ocdJOGgdxtE3QlJXXlG1Jyg5tQanR6nGxLoUfq2BIjW55SGklLCsl4aALY5ZxSrnZDreRS31Oe6jighWFe5lPsEr/Kjv3rnx1xf1Wupj86mL6OeCG2PDTTGzcIbRjsQrE/s+ML+otLPa5Q/5ralL6dgbyE838qXqWY0N8MrYvpuzzJ9RzxQjp3D9A3zSNG1UqbvbF/ryki/r7IJb7+uN25/q6tzZCX838rRnbq9u73a+lGz6T8/xlzgOfZoW6E9XEvY4yKYz9lsdL0yEvStM/89HBZs6p+/za+ED50+1HKjrU6309I/pc3Y4ySyRyeKBVZij66sPXo9UizPHl1gj56V2gMs4Ycp0uBE1ljZHLk1/NWmpsqH7qoS9u27+aDgWMk8Ufy25Sa7/Uu7W5mh7vYJ5uxemCoZ2xxBtolTQyuyTV/WNsMeaSTPNn1gm8GV2gbux0ty7seJJ10he/7UYzb7v1ZYektKdK2P1aKHJb2WEn3Ximz1hvZp9Rp3aalL/nn2m9hayA/K9jqM7NVORZDFjq7AYqG0xaDGYcCfdJP0f68PLCi6TkteE25hh7aQPtM82FTyomU319DoDIGj6+ZfVJoUliozjinFPmFOVVHWRbj4myEocXbiisqiMhTHKEMAQnilIOQKeWPD5907LBOEh7tanK3wrw3bfU/66XI3NUdzJFDfHAmebYXV/Jb8LGv/JN7bItQg9Xer2d3ELo/UWzQv9nukAMzfIY/oPZ3sJkfJbiMQqCVDJHAcRhh0Q2MiwgBC9jjfq1UBBp62QJcZUAgJmJm1AADpHVPq74WYxLu6vXPhaYsctla2j+7fNjYxsXVyeH085tzS7mtxr2g3Pb52x5bYyLVbZrzeyZZ2F8QWn/7p0z8pBxReapraTO+hEtOAQa9fXA/FOijKm1BgPlfcJgVEf5imJWl3TAPro107PydMG9QuSWfAUXwVOy8poJp+i0cUTqel0i8jcYji1Ik+Ui6ywSjWnZCGq86IzhMvn3j3zzeTlzcZxcETUq3+jNh44mVF34kQFkjcYJyzbagzuaQNdWqxFj2pbTS55pzw35cVXfIfDRvnhoad6I+GnWr0PnNDmwbh1znvMQPvMbcx807ojzbCHyXQL0iBCZEsr7XVORsHh4Y3zGzclC9ZvuivcNzECyiSLbHXOzrxMp5YD9nAOC6vSPgDfZBWq8JUBPzmTpIVBIYRZ3uIxtWOwC2bJa5X4nZPdBwpZqBFMMP4a26od9G5M62YZtE8C+OSSeSQWLt5TTd9Ru3qVxSvfWaafu2o0q7bpWD1vKN5eCyyzUNHP3xFXS6+26UbnZ7cMd1cz6uxWsCLqT9s6R94uKmJ424fMzhOvfxA7Y23aB8+cJhOPvdQjxAd2sM+awMacJaTVQQq7DYTr1LSZleqtaRCe51SSH13vDtHQoBWqfFU1DSGqj931mhJ/T5SN7DdoGYOaHX0a0SzI2XHmh291Hdl/jG7P0+2Q3R7pBA6mITccAoJBSB5FMsV8vCiBR4gy13uD3cZcbXSYgofQKnYFeCF4yV2o7u+u4eUckDhm9QD+6wLDholPJb5ELIyH/xyZD6K6XQqKpiXoqpfUv1DWTY2tbe7PJuw8gt0jw/SWK2pM6l/WFoSRGu1mJiJbFbLlsl1fVNHr6ewVsifuDiKIddQE9TcpVHOmFxcOWOdrJwxF+sfnABLYn0Hp3947V9GQCMnjL9oLY1nak2nX9ehyL6z6yJkNZSXZeP8hfgk/8vwIcomxwGa/uFxgs1c18jaUbyZXUKAcvL1Fw0QPTtzKhw22TQ/f9t4EQgp/pBz6KCyGJ1EGK2njl8ajKYXx2iDjFEi1j+Fi6b5F/ESGhmbJEBJXaOdl3gZ5Z92Lhqp4/kHoIsB64O84xCpjyF4HUZ4TVKz1D9fCsQgV7nFnxwikf80ivwvz0Fwrt/Nof9lrQlX18Ai24gebsyDdSt6dW0/grVaHwNY1/HJOnuzH+RYxY2YDtvES6DydmmRXaQY6aIhfjt9VKCn048uZtcMyEcHe+YIAXkx6NFDe6eWagWlkSLczQLpaId6PlEJd3qY39WkIpWfxtOgVZyoNQKytZUaFxCu1xWT/tY6qAspa8Z1no1w6eTESw3uqUsEyVK1gOzMdGHRkagt4y9cS+uP5OZ+zogXEiPBGp7M62jcdWTcSyqsuJdQWPF8dgorpuw+fgGxlW3ZTfpCuiuKf83diRno+WeeRvuwgfICdxYwsZAO1SY07loYNxanLVWRCmjzaakejbvejHk9atG4zUapoZgQ0jeAhpKiiKt0YxfXBHIDRhe5vcfk0JIVq/UsTPRc2BST4fuamqoym5tyaXMsyOd84r+gFg1L7cHz/jC+u+2ivkMRMnpgEJMakCWgE0MsBUuY8eWg2JGpUJS7PPnTkg1ZxsZj0a4qtMcpbTzasCjTvKySDZWLvFGyF8/PefCvgiaQjcF9nx4KbrmtLlz0Z0PBnbPJRwhOG3A/RyMRarAjWwpSSfXCq8ZlmJDO+fNMzoFZ2pC0O5OcSGcdzvzuAsZUhrLbCZpfwqfvKWYVNspOBaFr3EzhzllcFVDhS+jkIgFQPlD6krTdrNOjYwfyKuiM7EWGbfeINszYVa+HF6Q2U0a9utg0L4WAqszGk5YnqbmNF46ZdU5yVUhJTjNuG5ZotMdLxWgfknStOAkHNxu2BbJ7SqK7B7dTXJC35cnvsbZSlU0opo0McGUbsARfA33H9T9KnXkAa/A5dO6A06hKfUAfvfqRd1KpH2AxPoGe1epSR5l9MfobaUG+Z1J/fij14Yk9ViB11Ziqu4Z66dbU4zeOZrX5Uh5DDNsO64ooj1AdyOe+snplkXUXpywytUBZ5EWiLNLZ/xfQFnEskvZcpeYIHcRZT0iA6ltxLhQ3E61SiuQ/FmRCcZyEtUmQH4E64gZqsKA6ibOQOkmjrE4yp+cqCVvkMgVKcjzo4lol++EKRcfDFcqFZEuYV3NPU5/ZmOpWMqacI8ziY6JDmRsQ4wUHNZZ3AEmP6SQeU/MiY3IVGlNLzpjsK8Ip3+stPq6vQSRf9eBdlaZ9+64/bLrg0NZnvV1gHZMZ2xE8Nv8iYwsUGlswZ2yNKxrbIut08UFe92j2KuJRm3wVobvgWIPnrzlOHu9hPF4nGvF1BUYMNZdef7KG+GyXb4EFoHC/zjQv9y9JbnLKyLVLYx0wYuqtphXZZZGjwOJ2SZzfsXBBo3zzvECepg5TR9k72YdxbyVsEGRB4fqhYlqD5cYPc5uevNN/xN1a0pt6J/iNtjblTOpfUr8tCT16J9tdGnz6zuDDXp9qJvWbwGGXy9pNV6TeUc48fGd6TwgpQorvU+XIs7cAmx/mC2pIW9wGc6wVW7jClFZxk/TIltD/UgEV+EBZIjbxL3IawVKmrakn0Q5o0JvL0G9s/Jyeqm4hCpuSUps1NWkJS9sbGsJCDQx0D8IlAWMCvw05Qmzj26+YCSvXH/wW2PnO227v4G67/R5xapSe3/WFV99/6/q73/jzrs3Evq6jButjY6nfvIKN3P57vfm9Sbri46//2wT7bHfqn84Jk8jgT5ybwP0+7yk8aD/0EDaQ5aqEhFesEhJZoBJyDFRC2gKfuU4InXUhy5YMoWP4LMZv/x+dXSuQD6Hvz8/V/Rfbsv2zt2XWdS3flh/jA1wteLKV2LIm/yxHbHkS2bJnJbaMrtiWvQVtGbo0tsy6zOXbcyrvvGhaiU0dC5NfrGzXw8iuYeRNjy3XsqCi1O9P+onLifrwXepSlm6DPkAT7hKE2RpHD+MF7Q8Xr+1thAYrwktOqImPC4lSaxkE3QIQY+VDsArTL+K5lo/BTQV671aAw+cWOjWGaIigvWKE2kDdSJELVD9A0VZQRWQkoyIy4xGjGRWRjUAsGYWeHVARCU5jv9PmR37H14WsN/KZyIgoF9cQydkgliknwjgXkxOh/2/OxrECaZGJyKK6IrQ5Z1PBeTHOpXBRbjT3n5DzYpmsSF5eLGnzUbweuX7lfNIawg+tLC6WwhKGAi5QtBdDc3TCjqVx7ZA3sxpxmX+VMI9rO+xYzc6FzpEBK6RBGptC2TQIDTWoIR8mE5TUstpfEb9kSs3AlPrTYoeW3HwI6YgiJHGF8ms0S9PP/uP/vvvdOx/IyYjUOL7U8vHLP60TWEOhVJuxSVf8/FNXHf/8SDofQr+qK6Gr/3DfV5RFqSTpk5hGNn1W8QE1Qf2ASlgxJ6pqPjEIx/uYXxpSzEs96Lkdl4naIcc24cEJkZBHUmjJ5dNanBQJ6+bFMG4phjYhmcYdrKlGv1ATqcSSYkLp7Q4jc3ZGe2O4/56fU9TU4g07IMzprM0+eZ8W7HCY7xlCxq7sRathgp8zlDRAPk8K0egNGLXOl+7PhzgXDMvKzcb5LRcBtyIY6GFlC7PKhfW/hDD9k/9122vB0dGgd3zbtnHvr76++1DQWnnVbPc238T2HRO+0MRE6K+/cMseWs80N+7giu/rxvzpg262fQgI1GkLHfzWjt4b142sd9X3dXTFhnd3Hngj6q66pXr2yqvjrvGeSHx4V2dg1/jIhubN17z0xtk328OMegZzq2t6xhmd287iPR7raSiO46rAfurFAooaUVlRYwBHtRF+XozkKWpgud6+PEWNwcUUNfpAUWMNbk/tWyO3p66Rqx4iKDieMxi9YYAkzh83u33+9pBalpp3AQOgGAR5jejFyWvkZt5XpbRxdVacxLdy0Q3un7N6Jv/5SkaBI4vFS1jbpJ/60RLqJgPLVjeBzoTBixU4SZrdatKVn0ZCisIqKRXE+GcqeJKT+l+d9kks26e1YhkU1pDX2JXG40mER4xaS71WAI9+GY9RjEecx4FLDh4dPnEIIBnOWx5ji+ExDHiMYDyGR2Q8RmQ84vLywF0kQ/wxszvY3pO/OrowIrCRqfsvco1kAlA3g68qVrVQ4jgahYSOa/Za9ROXmXpWvlzY3/c87mn7u8OtTMPwlPILE8zZUwXWzCGE0RA1Rf24AEajMkbrMUbDCJXhPIwmAKDJPICmFwNoEgBahwGaXCcDtE4GaBgBlEQA+QYBlAlYNP6+PIASIVg1+CojHMEwjV4kTItVx64KLmvB1NTMKrY4U9FxdV8HkFShn52VlWcfy8GMkzEbwNWaAwi1nxdArRejJnZ5EDTJADlKjGRQ7Obn57zd0DkZQoeF7jw8+wDPNQTPMR9Itw6ivxn0XBDcNQBuPwZ3Tb8Mbr8MbsjLQ0mnOMgn1GYMYrks9tR7kRDm3mZlYMs9hawEwu3pE0ckgxpdln5t+fhtkylCzg6lt8ZvZklD0vh9H/upAWod9ZtFPZW4xiONFM1DINcDRbVTuX4rnGnFEgcX9WKj6HEyRv5KBnD9atzZYJgAOMon1eZAD3ZmscX0uqSJEeT8YrhOepWOrHCF7uqcWtO2sYnxrZPDU7G4c0vI1+JeuWs7vnbHZbGRa3LKddHe2Y3O90b2OOWnetDu+Z7cuy4gt6aZx48lNTrrY7LfFr8UwmS/uCwdYQjiOgGCWpi0YSG0o7hMWiondeoYpPYff5eAFJVBqgKQIic4kTXOcWzU5ELh5Fw4UmVyMcdYriocicpFshIbkbELZIhLOH5OLXhDpDUvYQZ2RIgVE6W1LWRNJirrHbhjGi/YBojtEbQ6g7mi3uGJL1idyjSehD0bbaAKXGmZUXFCrk+GL9QQVBjo1gxndHfYRx9ktsyEv1hn01orNx5r+Fkw8p1NBx7iTOf+qejZL4a+aK/XlajLJ4Zn7ft/4nvuxpsefGgqtOkb1tTvam30H+mrmmZ6b7z3/chGw7VXXnV9e0UFRvHo+Myj9zRUHXjiZL0gyApQf3X1i5X3f6Vz5vDk1mmN+z+u1FnXzD7+JcIbkrJjLbMIdXdWy0xs9kj+ovmEH2da/G1Q59qdK2rWipZdG1lQbbkSZ3NObRHaUDFdk0dyGgmnPfAzHWOLLTW1zbAwtE5ZmKfYDx3p2iJnK6EgvaDmGbNYSaubXkwKTQj/dWt+MSvpyfY8++PF1NEMTWuVBWtYHzF/gOc81gZTEG2wAPDWFlAHCxZSB2uX1cGOgTpYs/sz0wdjs8eRZUmF8WPk9PFcW9syVMOYB3LUE7Pjf0ke/7bVjt9Pxn8Mjd+NBZsuxgQ5Uf+yTLAr9khrixkH+cswAX1vPl9D2gZPIhu4qY6Mcl57ng06c23gl20AReEG2IxqScfwcWSLeocLq3iohCQyBtbOy9qiHdvCc2FbLKgMWpZ63L50stfkPvXMtElzYTE59q50MN30xL4RJmVPa8txsk0GsEZVEJ13HpKt4s+xClB/RP3QLgqbRyfyBfFcK9UWuaQGFGo1kIwuMpioMspMgSa8qUSQY+iDgilQSG3plNoooraHu6kjvAgcL8J5a8qPjdhyYSPmhlIZC+aGUktZ89F0mKTK2LErk8ld3KIpOTA692R6xZly+NUYSoe1v0ALtRnY/43QFl0LyUSsA4DLy1xYQcqsm0+YcZ2Kmde48HW7uR73I1NSaTlPasiA56bIWaB+cCmtLx3OV5hgxxhaXOorV2f13HtLqX2lNc0YB95H8LjO1zTD47LKEgDWtAQAHheImGGdi9UIl2X3iiV0y7yxR1payQ6xtHIZ7cjbHJhPz6JxjSueoIwoup2kEiUwLqDsx6BJVSoiX9F8GoLTRDn2seUg8wVSFeXNIGKg50jJR1UtGlyNE/eASHwrpudeeKy+wGC5TG0zHKCfmRa6Fx8ytzv3oAyr++OlQWSpUowh8A+6qFBa2wRroSYqsDAXKfkLZkr+PJiCPIeN0IGWvAUZwuLA9aCCxiVajBhjH1rqnUAbAqdind5W1yirN1R1Sr4WID+1YtowSiqrQHYqryMMQbrGQiV+S9kod32Xhl14wbZEF7cTrTuPETF185JT5IXsgmaoTWiffEnxPuas2EWRWdHAzoutHonTEKlNZB47CrXs5O6/EvkN0Nu0w16nM/BQRyE2IddRpLFYa4vhWaUglZTBjtcKZEmVFA50JbUmR/qohg41OBVw4++Ehe+QKwHy9JCcYJpNe9/aW7m2rIwbuj31b4L6wyMnqy3vPk9XGNUff+f5W3/xxeP/5+j37r5mb/3mr99+L/3Mofl7KvQGxd/sO6DqvnXflj7NjvsOacO3fSt1+M37Pzh0hqaTv335yefvnU5Qcs0s51IcQqeFGepvVqGUtXFppSxxrU/aJItlzXmjvRvqS7OKWb26tGRWrH9sHZHNSliHR7CnuHTSWYtlWFYjqfVMwSK81Qpt0TsXJFmysU1CQbS36qEGqoD6lqOQ+laDrL41xxWVV+OFuSwBrhw/VEiLSxg3PyX7nkKyXMxbeeFp5vu/dHHfv3YF3z8n9izw/Q9CPhk7EqHQ96dPFYotEyi21FPVyDNulL9/Y/r717GZ+jpZG8shf3/YNGsorA8GNNpckalUqCaBpWTBwgZQiVV4PAvcCltYIO3IQm+iLqCYxu5f4EbOiVkJtcz4DqHxOSgvdbk8Pk96fE3sfJq5tIHHoWCLPD5cKA/V3obielinLWiMRnNlbREZY6KsvAKvZU/TYqNcMtl53mivzO/5f5+sNr7QkF9YsJLO7U8PmZPHO4DnI4z4ugIzEpi9PP5kFXGSTRnuVnmGgl5FLfKXteRissWEdbjNRfl2QfOWL13BvF2kTqHQJNZit+jCFQnpR4UW4/R5DMEsGnOYfY/9BPOE2alhSrR4ksWYL0bUEoZAmydZIRPI1HtE3WmxzJcUCHFMtQ9Pb6AME9lOwmu5kDBVpadzXTifOy5Mofrr4WGdMeVJueipNEVchipO5lP9HMOkfiGzxjH/maWPw/M1xCa4SYSeDZ14r5fRqwE6IqzXxmbUwMsRWuVEcFMvq4GXw1kPFJ2RG3pRyfGmUm1VHWauRwBhCrR6wMoEFX01ULdX2bSgbo+I16H9Ja0whsv2gPQfV+0pTbLrBtgmBnaEldtntqOHkzM3dnA3TG45uo7uiE3cfPeB/i03H5zFoFUeN1gT4VP7EXT2t/TmX4b//gev7GEu8/7o3CedLz/5k1uB2w00uxTH8S3it1ek2jWwfNUuoIDVAE1zuB+Nvpg/DupdkWhMro6/1AJeOX5nFVpeP8seiVYl68V48v1W2uYvYZs/ciltDkpp2Nbh3jVELG2uNc1zdenMnVO8swpz0z34WnYM3Oiq7E078/1s2t5PInuvpZ5ekb1Hl2/vscwcH8nO8WjvEJnjyO7xNZfY7gtd+yqM/3SmrF52+6tDILQgLkB7K8FgAN8CTVGvrwAFIFCc9Cd78u71zkNlLqwJqF1SDDnMgvjMjVVBNy253pPGTPhuT4qFsXqiOMjPFVm8mI5lTEiYYEMqCJWk8GKG+YsAaRFfvAqwXj/fVa8OLvE8X84QnTG0RwWoKCiNNXqkFg54hwopjaWprQItq1UaUzpzVcZyNpDlCI7FnDlqY/SmbBS+LOUxgc5VHqOZ/BwP5UpVsD9VfECFqDXUg1SiGiKCGDdPylvDKKTxe6Q2xbxo9dBiP9bOEHxJmlyZ0EZJC9QgaCJWNnWAuLcLS5e50HwEshC4M0Gnf+CZRH8I6S1LZ6fU4+KFpLXaiZW4KclJalilmB+0mCrt0P1orYbYWChPa3uClrkJpziK6YzgOQvKMJlQwmxRVjNEE9cALQ5ZbWCXFqTOVQwHWucqWQu9mv+Zu63+vr899Md7+yZoVmhq6OeM+6NHNtMGx02+e7792E3OvV2piglWb6lwee1FCvoeLnaDgmHSUunecweOqCvnvwfCwVXBnes2WhnluELFXGkqe+XJx3/V46VYeY4NoDnWS41Sh5acZSAjMeJPdpBdYA2adWMeMXhaCptweR+af7C2pXH0Mxwk0pUxoFrCIhC1Ng8urhgUpDITrOzCM1XsEfDV1Ern62JresWT99cFVvQq5vDh89cz3MOrQpjzZpI2yKw3nX5pDZrBrWiLNUphJWlLgVbTcS1Wbxo3ggZvsrqhh9O7pGoWNIoT1Q0whavr0Jaq7+HULtw7iUJi2HljRhx2OMkNr5MwLOsI78AUueRVffXETViOs8ZtEG0nOMmpOKMQG068rNxwYhKTJtUY52prbCZXAv03K8FFJWzOWrjqnbM11NRm6I8GYyAP3TPeieNuSRXG8gGJEnurzHYUgLrYMHCMB9vhpWoeOEf0WMlinCj+yc1J+RwGBlbFlqY5DFTsQgYDLt3E1B4yBdysvY6ZfoF2vxinnZvoR34J7Eecotw+cdlEq6tep6T5X9r2ud3qSvGGJ5W5vAVKh6BNTb1xU+r7vR+lTokf/eS/HWWZkrbNey878SFpuamqIoQF9c1AWMAqLWXlOZwFty2gLDBW0Dvo2dTHqeOP/ogRotMRmyF1On0WV/xP9jjmneulniJnG1HrlwIa4FNN2OVajFK0t8Fjyc3OJzsEOyDfAaTksVxRNkhSmhHKZlyZgXuW4jLZnMSRPmxJ5UA/w8KcttQeIgpeCUFm5C91k/LkDjuKT3mqwuEi9/QBPqEHCLOn2dJFr3Cc5x1zFdmbsNtP77/iKX//D6YfeAqZquLcW+QGR1eqrpgYma378KbYsaufe/voo/uu//Ljd1y/n3mQvhnf4xzCx6bZmc2bjxywdRuK829wpA2zmRPwq24TXYrvw1i55v4wNULNUDuh9m+5VfdAv7Ldnxwnm9oWtKntyqnCn1vXGpXZPNZ6pHXoR6sRV+Zfjsy9G2iK16J5rRufJjQeCZVGDY9ahQTvCsKjjZhS4HLhmLnM6/OX/sWL+BfZFi++on9ngbaJz6iyf2uBPsEbuBDzOjo/GCgXJRo8otoPkgA6yGIUpyUBQI/DCEEQZ0i3z+ff096QfwPLXZl3vYprNIa4q5l5xSGqlKqmZFZ1UGOEtwY2dT2F/RpQ0S+S3ho6vyoPWre/fl72d7k6Mp/53336EahPMqOUjnJSYpGslaPHwpNEzEMyYFWTokz2h81V6dBBmmfv47IWB/3OFayKYyxXc+n3Vu3G712bfm9R5YO3L/SmNl8Lsp6qFt6U2Ulv+xp9nI5zOmPqtk9GSvE7K/Eb01Qnu5PejXwnT/mIZgNktTQAv4A3Ra1+PqHFMg0o3nAB2Y6kBayKiWxADxMqtWDpOSy22tk2tcHjiE5PccNuTy/7UWD3ZMRaY3bu8Y97K9sn0edx6PM86POM8HmY+NAofx6P+0SK0OdxRfB56GUXbn4q4rDGLZ4bsAs6Q+04FciouF70SUNbo951GzzsfkvjDehjqoIT8cAV6GNJr0VN6lV6J3UKja8N9IuSao5Sy6Nj0afx8wkWfxrLy6MrYnFMSuFJjj/ML3+as2bwsjg35GkNBzdf7nekPvTe3TvVUxXcsLZjz9ah6hpyHmd3Mk9je9qprbIKRqlfNqpo8+Hk4Hl2FbWkz6sSvVqJ+7wqrej7OLLWBhlchU4PW1+lACJVBazvWBoOugc/7SVPo+ehE5efN94oowXjQXgx12G8bDAeQAydbGXQ8HjqCuAmFhklizweS2WaIwfreshoihY+UQpX+Xg85YXQdSyBNm3tXQ9Per1TBaCvWTgVgO/7LPMsmgdGqo6apUSbRyz2J61kFLCO7Hg+ACosPsewRoKKWR6FGY/CjEJDXAmkJbMExQKJktL0KKyY3Tv/SzsdC2dRVB4GBoPuQegohhA6+OkvsO2rghksMDbZ52RO76U+YKJMktJmdUa0RGdEm5VyUZrwi+QHcDfm6ozUNezdv3P3vi//wxfoN3fcfWB2x1f2ozhqL/L1p6hfyznuaYQ2uHmLze+XNUyk4gp00INXM6Im9TmiJrIuXzrrLRilMvSsmiidOPA3CC3iNx0FFVBeOP/RrJzVblvwE+zSRG2lX8LaGQ4Kb7z06aQCK9qA/LQB5LJpCKmVaiL6a1pUJW2BMBpoXKP3fh+/t428NwUdWEkNEcyB99bAQqXhfUOLKXV8baEaB01ZP32fG+AMVIR6mEp0gL2BCyfiEZv8cI0sOnyiyiPW+kFMQKzESvJ6cCvdeNXZUbRUaUPBlh0dx4V50J+245WXNJOTCRzDtbDiwp2SBSJSvbWmsbkVqIUgjm0LQMgaAVYcLwqVeLGxU9KAlFQNCNFLZgs5hPuhVBFEQdvr82UEVX4H8oZKtN/gB3LVKDB3ggKh027VfovRoLgkEaJdP+95sKVFbdNeyf3uy89XcVg19BZGrcYPDjuev+Pz+6uusmn1fOTFLT/5lHIcpa+JCI5QwBB+4edmrUZ3+2OqJuf9931JY+pmjA29LWqhh9l3+JZ96odvM6os9tefl/crJ3eNwo685A7aQvRcEq1tIXTgTlIcVYamgtqXrCKCNHqf6PFLm9CpfJ1PjPiTPeRll0/c5pEsw+h/mcWvJAVr3cB4PWh17cTTvZbkQGoxb0SymPDoFGOZnbRsl5oI4W4hz7YYpUn0jNRvS7vIcfFE+ydv4uPiOjcnTp6QYsozBrHvBJWI9U3iwt++dEtFZS2CpAwyr1AHphEwMMAopgR14TlbS+sOSOBNbgHlh86xrdtwOEzNoqfF5kBwC/yyahMPDHgITgh0bXAXA6nUzHW/Ct/1QwYAyHfagUIBx8UhmMj+9pCvxJeOm0sRziQwVqHYhbUjvBmnHZPmwqucmtFM0NSURhtXCXWtanNpK6Pc1XRQGaqI1Wnop1RlJSxXWeZQqgdrpsuCxcXq9k6Fs94wzSntVpPCaC7h1F7bTkHpMSmja4KbG9W8tYpTr6ngbt00qkb/PKEMOHX0PT+qsjJMkOO8XGUb7WGq+lKin7ZW1tFUsdnAKl0cN/p4Y9P9z9I0x7Wygrn/dHMlw3kZpZ+to5lvvqGkqe0fC1bOw1A0viQ7yh5FuyDaUylPkuYgNpV/0CJH5JVwwCr/QJsJ7Ghe3sbD/3l2NtPbuVvxATVIPU8lyqCOiKFlCj0iCN7pl2pU82K7LxGF1d6rmJcsZZisyYsW/qAPOgKg2VOQmz2HPGIfbvYM6OYlsxet9QC5TAaZMWgED/Th5S228EmFIKsIVgqJIl09Po/2RtGvm+BeTrJ1oFnjxTrdFh55K0ko4zMi3VHaiIuWYfW6OXstq6ptDxUuN2qw26B+pGBDJ83/ceDW9QpbTYnCFIludac+ZRn6jpNxXIM0yBmvwcUh6pEm/2WpH2iuuJMzvDCZ7ukMjOCeTgMdqXEK8U1KBd9SV5G6a6uKL2tODfx7th7EPLKHfm2g8arU9qv2ZLo5Rz5H/9Zbz8oY3IIwiMENVCVYvgQsH/ADbaHo9SW6cIITaLg9UpNmfo5uckF+XQEsMZJSOy/qSE1nNzY8CLo6MYOoTdYlg9pNdzeyazvwlCSVlc2YcUw0CpIaFzCFu3ASAOgmLX5kdBdIgCMXiLwPU9fcKRs8WE7jmnucV+fPs7MTRMtYFZb/zmfHak9bmznzj9df3jBqEvQl9ZkSL2Te7nbGeyTyLjJ9udJ85xGNv31vxtC3sL5RsLOa1tIddpWgUFTUnf1VKpJXbsPFqhp8qbt2K5XXKc893AXFYNjKxdcwjW02aJn9/4Bf8u0AAAB42mNgZGBgYGQ4qszGkxDPb/OVQZ6DAQTOn2efBqP/3/x7k72Y7SiQy8HABBIFAD9/DJYAeNpjYGRgYO//28DAwMHw/+Z/RvZiBqAICngOAIrhBld42nWTMWhTQRjH/+++u5c3FClFrE6tQ4cQJEiGkCGE0lpD1BJjKEFKkBKkBKTWKGkbFYqTBCmlSHEoRUIRoQhKBukgLu2io4PiFDK4lA7awaLy/N9rA6Ho8OO79+7u+777/+/ULkY9ABZnDVAX8UBNYV5+oV82ccsUkTbPMOtMY17NYZMMyAbqugdDzjcMqFVkGGvqOcb0CMbVJ6TlI+JyFWFZgSe3cVYayMkkxqWFCsd2fcXuZY6UzUOmVQtV9wVG9br/Ve+gajzkzDqqeouc5vcEcq6HqmqjotYQNS7u6ROouzsomveYMY+R09NYNCuMbc4lSRF95g7SuuXvhe76300KZ/QV/4uuY4zn2GbPlxljrF+Rl/6+RLEsW8jrXkSlhIy+hIw8RUY1+M9DWV9ATA1jQoEaHCDm/ECMPWf1Q2SpV0YnWHuQe3oxKXGUuC+iryEhS/6uafg/qUuvLPt78oo551BUB06cMcL6hSPtm0HdGLV6gqQuIWXX8Pxp9rZk6qy9jKSUEba6We3lHb+juKnKwTmGeKbzqoCURB1P38eE9YbzH5w/iKsmeylTrwXETZM8Yv4WPbCa/wN3gX3Th8CDLuhBKvChjSyZZa6+jgfHYU/1YEwfugl8KKDCfHn5DybBs5UOPeiGHvQEPgz7vxn76Veh48FxrCZBpA/dWB/0SURsDDWRdyNcw56o1QxJyxTgbgOdyDpwXpPBQ/CZ8TrjDc7Rhw72HoUK/j7fS4Lo4I1sIEG0nKNub1EzI6jZveoUwqRo8+om7+Yi1zQ4fsP7tor8X+fl2zEAeNpjYGDQgcI0hmWMP5jlmG+xzGI5xirAGsZ6i02BLYJtA9sDdgv2NvZ7HDYcGziZOKs433GZcJ3htuKu4b7Ew8TjwVPBc4V3Ch8X3zJ+Gf5pAgECnwR7hHKErgnLCB8SCRG1Ev0k5iF2STxI/JVEk6SC5CYpB2kN6TMyZTIfZC1kl8i+kpOQc5MrkVeQnyL/S6FN4ZNinpKR0jllN+UlKgEq61TnqbmpTVLXU1+n4aZxTlNH85xWlLaV9j2dIJ1duha6CbrXdP/p/tOz0BfRX2KgYshmaGV4y0jG6JpxmfEK43vGn0zOmTKYupjuM1Mym2C2z9zOPMf8gIWERYLFJMsoKytrEesOGwGbGbZqtvvs6uydHBocjZyYnK44r3FZ4CrjOsNNxu2Ee5qHg8cqTxHPJs9fXi1eW7yNvG/41Plq+b7zW+EfFCAT8ChwVVBNcFiIWahU6K+wKeEi4dMiFCLORFpELomSitoSbRTDEpMScyTWJHZNnE5cTzxb/IGEikSrJKGkackuyb9SfqWuSJuRdiadCQcUS9dKt0vPSZ+RfiGDI8MhY0UmT2ZR5rzMf5n/snSyIrIishlyZHIccplytwEAidWYJAAAAAABAAAA5wBqAAUAAAAAAAIAAQACABYAAAEAAf4AAAAAeNqtVMtOAjEUPR3wFR9xYYxx1bjCRBGVEOPCiEYTDREfE3VlMsiIKDAECsa/8Ev8DKMbP8Wla89cioKwUGOatqe3957e1wyASTwhAhUdAfDO2cKK8neLHUyoQYsjmFNTFkehVcriAcyqU4sHKa9aPIQL9WDxMGLqzeIRxJxpi0ex5mxYPEbctHhcaefR4gkkI68WP2M66lj8gkR0BtsIUMU9aiiigGsYaMRwiXnuK0hgmWOBeB8NeKgQHXLPoUQ7jTx8olDmk8ETHMON1d0kX0NuDM+GL1RpVRDNK54uuce5Bihz9yifl7fueGdoq3FM67owNLnmKdmldkW8PKBFWe415pDm275w+4zGo6SfVOOEEffKj+XUoDT0YhdZsrvIUG8L6zy5lO3gnHFmqev24e1mOBWf64wjkJwtM74Ex2qP5eI3y17mokQYIiOZC3NeFt1bygJm8ufV+W+9OxnxX9f5r3YuLVr5+OqDE8mBIZ8nWWtnrCQMPrXqtncaxHl5T0t/+WK9xzpr1rUqup3MmS6GsDP71TWcusOz7ne/6tfkLEqVc1Ljzj735N00jgQb9pyWb9HQq3UscdTJWZMMGeK4+FDiHlBa4H2W9pk/2ZzRlxwz2I661auuVKbVWRX5FyS5JpAid/Jzbf8jkh+uR8sIAAB42m3QR0xUcRDH8e/AsgtL71Wx9/LeW5Zi3wWeHXuvKLC7ioCLq2I3Yi/RmHjT2C5q7DUa9aDG3mKJevBqNx7Uqy68vzfn8slvkplMhgha608FQf5XH0AiJJJIbERhx0E0MTiJJY54EkgkiWRSSCWNdDLIJItscsgljza0JZ92tKcDHelEZ7rQlW50pwc96UVv+tAXDR0DFwW4KaSIYkroR38GMJBBDGYIHryUUkY5JkMZxnBGMJJRjKaCMYxlHOOZwEQmMZkpTGUa05nBTGYxmznMpVJsHKGZjVxnHx/ZxC62s59jHJUotvGODewVuzjYyRZu8V6iOcBxfvGT3xzmJPe5yynmMZ/dVPGQau7xgKc84jFP+EQNL3jGc07j4wd7eM1LXuHnC9/YygICLGQRtdRxkHoW0xD+diMhlrCUZXxmOStoYiWrWcUVDrGWNaxjPV/5zlXOcJZrvOGtxIhTYiVO4iVBEiVJkiVFUiVN0iWDc5znEpe5zQUucofNnJBMbnBTsiSbHZIjuZJn99U2Nfh1R6guoGlamaVHU6rsNZQuZUmLRnhAqSsNpUtZoHQrC5VFymLlv30eS13t1XVnTcAXClZXVTb6rZZhWrpNW3koWN8a3GZpi6bXuiOs8RdCFpfPeNo9zSsOwkAUhWGm004f9E0tSQm4CQpIWACtqSEI0klI2AIKjUGCQLOIWxRhc3BCpuPOd8z/Zt8rsdugIW/bdozdVVcL2U4oVQ0VO4yLGpOQh3ZAvKyIyw3ZZfXic0v+4QB2DwE4Hw0XECcND3D3Gj7grTUCwF9oDIFAg1GogxHe8GjJjtdnMAajh2ECxk/DFEyWhhmYrgxzMJsZjsB82lNRIX+yJU3JAAFTqVcWAAA=) format('woff');
      font-weight: normal;
      font-style: normal;
  }
  
  .hfbookcontainer
  {
  
      background-image: url('http://scp-wiki.wikidot.com/local--files/component:hf-book-right/Herman-Fuller-book-page-right.png');
      background-repeat: no-repeat;
      width: 660px;
      height: 980px;
      margin: 0px;
      padding: 60px 20px 0px 60px;
  }
  
  .hfbookcontent
  {
      font-family: alegreyaregular;
      font-size: 11pt;
      color: #000;
      width: 570px;
      height: 880px;
      padding: 0px;
      margin: 0px;
      margin-top: -20px;
  }
  
  .hfbooktitle
  {
      width: 570px;
      height: 30px;
      padding: 0px;
      margin: -57px 0px 0px 0px;
      font-family: alegreyaregular;
      font-size: 1.1em;
      font-weight: bold;
  }
  
  .hfbookpagenumber
  {
      text-align: right;
      width: 570px;
      height: 30px;
      font-family: alegreyaregular;
      font-size: 1em;
      font-weight: bold;
      margin: 0px;
      margin-top: -30px;
      padding: 0px;
  }
  
  .hfbookmobiletitle
  {
      display: none;
  }
  
  .hfchapterintro {
      width: 100%;
      height: auto;
      overflow: visible;
      text-align: center;
      font-size: 23pt;
      font-weight: bold;
  }
  
  .hfchapterintro p {
      font-size: 23pt;
      font-weight: bold;
  }
  
  .hfchapterquote {
      font-size: 11pt;
      font-weight: normal;
      font-style: italic;
  }
  
  .hfchapterquote p {
      font-size: 11pt;
      font-weight: normal;
      font-style: italic;
  }
  
  .hfchapteratt {
      font-size: 10pt;
      font-weight: normal;
      font-style: italic;
  }
  
  .hfchapteratt p {
      font-size: 9pt;
      font-weight: normal;
      font-style: normal;
      padding-left: 50px;
      margin-top: -10px;
  }
  
  .hfbookpic {
      background-size: contain;
      width: 300px;
      height: 255px;
      margin: 30px 0px 20px 0px;
      padding: 0px 0px;
      display: inline-block;
      background-position: center center; 
      vertical-align: middle;
  }
  
  
  
  @media only screen and (max-width: 600px) {
  
      .hfbookcontainer {
          background-image: url("http://scp-wiki.wikidot.com/local--files/component:hf-book-right/Herman-Fuller-book-page-loop2.png");
          background-size: 100%;
          background-repeat: repeat;
          width: 100%;
          height: auto;
          padding: 0px;
          padding-top: 0px;
      }
  
      .hfbookcontent {
          font-size: 11pt;
          width: 85%;
          height: auto;
          padding: 00px 10px 0px 30px;
      }
  
      .hfbooktitle {
          font-size: 11pt;
          font-weight: bold;
          margin: 0px;
          padding: 0px 0px 0px 30px;
          text-align: left;
          width: auto;
          height: 30px;
          display: inline-block;
      }
  
      .hfbookpagenumber {
          width: 95%;
          height: 30px;
          padding: 0px 20px 0px 00px;
          margin: 0px;
      }
  
      .hfbookmobiletitle
      {
          display: inline-block;
          font-family: alegreyaregular;
          font-size: 11pt;
          font-weight: bold;
          text-align: right;
          width: auto;
          height: 30px;
          padding: 0px 30px 0px 0px;
          float: right;
      }
  
  }
  

  Pages using this styling

  • component:hf-book-right-start [info]

  ¶ 1 occurrence
  

  @font-face {
      font-family: 'alegreyaregular';
      src: url(data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAAIREABEAAAAA8KAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAABgAAAABwAAAAcZzcK00dERUYAAAGcAAAAHgAAACABFAAET1MvMgAAAbwAAABbAAAAYLx3ilRjbWFwAAACGAAAAY0AAAHqueNEnmN2dCAAAAOoAAAARAAAAEQL1w9UZnBnbQAAA+wAAAGxAAACZVO0L6dnYXNwAAAFoAAAAAgAAAAI//8AA2dseWYAAAWoAAB1dQAA22zasYpdaGVhZAAAeyAAAAAzAAAANgYdWYxoaGVhAAB7VAAAACAAAAAkDt4FaWhtdHgAAHt0AAACWwAAA5x2RTsSbG9jYQAAfdAAAAHJAAAB0B1rU8ZtYXhwAAB/nAAAACAAAAAgAgQCbG5hbWUAAH+8AAAB8gAABQ6AYKVMcG9zdAAAgbAAAAHkAAACxxv8QPpwcmVwAACDlAAAAKgAAAERNuWSUndlYmYAAIQ8AAAABgAAAAZXF1OpAAAAAQAAAADMPaLPAAAAAMsqYG0AAAAAz88HlnjaY2BkYGDgA2IJBhBgYmAEwmdAzALmMQAADiwBGQAAeNpjYGJ2YpzAwMrAwjqL1ZiBgVEeQjNfZEhjYmBkYmJgZWZlYGBiYFnAwPDegUHBmwEKCiqLihkcGHh/M7Gl/UtjYGDvZ2pQYGCYDJJj3s1qCKQUGBgBciYOBgB42mNgYGBmgGAZBkYGEHgC5DGC+SwMJ4C0HoMCkMUHZPEy1DFsYfjPGMxYwXSM6Y4Cl4KIgpSCnIKSgpqCvoKVQrzCGkUl1T+/mf7/B5vEC9S5gGEbYxBUPYOCgIKEggxUvSVcPSNQPeP/r/8f/z/0/+D//P/ef//9ffng2IODD/Y92Ptg14PtD9Y/WPag6YHZ/YO3XrA+gbqTBMDIxgDXxMgEJJjQFQCDgIWVjZ2Dk4ubh5ePX0BQSFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTS1tHV0/fwNDI2MTUzNzC0sraxtbO3sHRydnF1c3dw9PL28fXzz8gMCg4JDQsPCIyKjomNi4+IZGhta2ja9L0uYsWLl66ZNmKVStXr1m3dv2GTVs2b92+bfeuPXsZilJSM++ULyjIflyWxdA+k6GYgSEd4rqcaoblOxuS80Ds3Jq7SY0t0w4eunL15q1r13cwHDjM8Oj+g6fPGCpu3GZo7m7q6ezrn9A7ZSrD5NlzZjEcOVoI1FQJxABq4o0VAAAA//oDpgUhAGcAiwBSAFgAXABgAG4AeQBMAIsAlwCLAJEAcwCdAKwAsABCAGIAjQCTAEkAhACAADsAlQBeAFoARwBEBRF42l1Ru05bQRDdDQ8DgcTYIDnaFLOZkMZ7oQUJxNWNYmQ7heUIaTdykYtxAR9AgUQN2q8ZoKGkSJsGIRdIfEI+IRIza4iiNDs7s3POmTNLypGqd+lrz1PnJJDC3QbNNv1OSLWzAPek6+uNjLSDB1psZvTKdfv+Cwab0ZQ7agDlPW8pDxlNO4FatKf+0fwKhvv8H/M7GLQ00/TUOgnpIQTmm3FLg+8ZzbrLD/qC1eFiMDCkmKbiLj+mUv63NOdqy7C1kdG8gzMR+ck0QFNrbQSa/tQh1fNxFEuQy6axNpiYsv4kE8GFyXRVU7XM+NrBXbKz6GCDKs2BB9jDVnkMHg4PJhTStyTKLA0R9mKrxAgRkxwKOeXcyf6kQPlIEsa8SUo744a1BsaR18CgNk+z/zybTW1vHcL4WRzBd78ZSzr4yIbaGBFiO2IpgAlEQkZV+YYaz70sBuRS+89AlIDl8Y9/nQi07thEPJe1dQ4xVgh6ftvc8suKu1a5zotCd2+qaqjSKc37Xs6+xwOeHgvDQWPBm8/7/kqB+jwsrjRoDgRDejd6/6K16oirvBc+sifTv7FaAAAAAAAAAf//AAJ42pS9CXwb1bU/PndmNDOSRtLMaLNsy7I2y7YsjS3ZluXdjuM4juM4zoITQjaSkAQChDRACBDC0rA0BMLW0kCBUkr5pXRGdoAGSlN4QHmUvh+PNjy20uVH89xSSiltCU3Gv3PvyIkD9P1///KpNIsszf2ec8/5nnPPPaFoqo+i6HWWJRRD8VRaR5TaXuDZyj9ldM7yTnuBoeGQ0hl82YIvF3gufKK9gPD1rByW42E53EdXGjH0dWOjZcln/6uPfZWCr6SumjqG7rDspeyUQqWpgpWikhMMS8lsEmluVaOOTnBufKZ7UFLnKFkpiA4pn89T9Q25xuZsxuf1cNFIlbsL+Rk+cVV/Ptc5pzXXPuR8TNmc969onjsr0zx3tqXaE/edaHJK5Dd3MKO0ZGmgrJSbylDwkFRSs2cnLCxlZZOaK4M0D/ll0U3Z4Ze98Msi/LJO28jvunN+zoUSzVUJ+NHi0Y59rmAy62cslr/tc5abRxZPUPrNa0F2+4s9vaeO8O/7qQHmDfZuKkGpyKC0SrVQHqnKZrN6LTdZoEuqM5mMllYLrK8OXxT5yYLgVOAi0upVLX50IipRcXjQqKRbUXLCTs7GQ3arkJwImrfsku6CWzI50xtQUmsuPdy54i8HKG/SxmrxtGZPa3FJj3LH8Wet3PHDnef+5Sl8VwulNTmthSQ9KBzXZPgi4bgFPjtOx63u5OHOC/7yW/iYfZzBp5ZxFr+NC/gVHmhcjNrhICSNO0MuOAhK40pQhg/48OvhzrP/cjf5Yz8+tYyXkHvl+BX/TSX5G/iWCPkW+M2q6e+tnv7eWvyZw50X/+Uj8kVJfGoZr5v+yzT+3OnfUfFpAR618ubKm6OcU1byBbiG3+Av8Rs8CbxR3SJjtbtkfzAUjSfV9Iz/oW4PzbCC6FR8/pLyykhVdW2yLn3GR6b/p3WXIt0alRUtnNfssl6Ryuf1YAjObXlKr60EFaJK4ZKYhiPOk88TXepCfCLnhwMmW3zlEy6EX0Gh3Qkev/LxLHwOLvsr3isL/JoLvT00Ko1suWBoVB55V0j8Ugm/LSRemzvinLdvcGiBa+h3aPHmraWBW4a96Nkhevtm2jtEozl2h/FDBg3B2xPKIL1gP7wYj0siGqNp4yB5X0Hv2EzTC2GWbzFeYLKWPgqgoeagC6hCE8xMrSGrc8Kk1pPROlUtmtVlZlLzgl4OqBp9VHNmJhiJ8oHGtcqTGiPpFaCD5eTKuK+iz5nU08qkPtfUxq5Dx49hfXNqjZKmHNEznuOa54gFzsa5RgWE2PXUZywRIo9PLeMyftMy0rg34wGtieLXw11PHP8z+VAMn1rGG/Ab/o6mM7+jw/yOzunv6Dnzr+fg0wL80Gk90TryBbiMj2J56kle8cQyjR1zTquFxPGy4vFGYw2ZxqaOzp45X6oOFTSIvyqvp8tB5gGQPqVzTVgR6vN5rVM+RDPO8mA65s9rcFEqxTqRa27KeXx+d1UizTQ1NuewUlSgEE1MTVNjVYLxZSs4sHtENdJIRW78cSdydyJ8e4tvRd+GqNvWNX9Z8qcHgk2OYPcVwaAQtI2IbMdgmGYbgmPhjoDvZ4+UNdnL5twQCj0yOj84uvnxszYtHs5de4dw1yYObRD4UKp/SXbHoyJSrW7jXdpttTqvul0QKpKze3njIO13qoFsbVvlrsecxtucE5WhMqeD/ji7oBrlmOETJ7klsxoXJCjKQg1MdVj6LVsokQqAzWukeqnvUYUM6JPewk6C74CDOBwocDDRncwwjqTezU5OBG3kMMhOIm0WMcilpnUrlfQIaBZnnnGSXg1nTeZZk6R3wFnatHx9YLojpeA0mBKw3XmNkzVvXqtWNE9e7wAxjEvJjALgU3p3C5x5PelqONPjQTxBKTJBi07GibCXodwohCiGo0EUAHo200kD4tEIh2Z+LDfzzsDje27Y23/rqmvunIccT9DiiM04MDH6zuzZw7arFodaW6Pb1o6uppfCp27t3wefWn36KvP2Hc8funLVA+sLJ1T0dVTBtCaCJ/9k/Pp649sXXJBg77xgiys2r3HlznNP/Nr84Ibxxy64UDKvgZ/ZOvWS5QD4uVnUEHWAKrQD4oUeDPsc22RBxLD7bJMTiap2EWBOcADzfFWzHtUDrsnxvgC4E51yTGqUqvfBW0DSQ4BmszSpD8N7KCAr3XZe5OREDej+3EGsws1yIdvYgr2zPqcHIGyFQz3RLiuH+Egw00k+45MPKVZ3IEV0XlQ0mYDcSXehpqomgmII0E0DjqDiPj9qNmHEup+Ld6Kcn3eiJOIBa97iBdefOA15DjnR1pYFC8rLH/3D47N2BsvZtZ6Bs1oXrb3mCTQnPjxa0irLwWQv+s6mDOMtc2YWvMotHUWh1SHlr0vf3Pjyn77x9Dd/cLmRHVmNBnovm9ciik799lsO+0UxdA/dW7d4zvqJA8bv55638zIbaxkLswErzzV0lbocQ1det+vjcNebS8999meX374JHYjfBDwDYZ6B/IRnVJsso0gxkGZTsevWacekbsfvVjAS6ExucZpRzOARFPneg8Yv6eXwvUmqhCrY4XuRVofnh+4XJ/UUSuLvkRs7uS7sRZycV/ZUcCHk5aNp7mBpqrWruzXlcAhlNOdpbe5WKz2Ruob6uojNlhSEsgUDZ3Ul0TBau3D/1nPntMYDnKVNYGw1jWdv/sZZxv1z92w8p68lFrBwtiZGrG/fvHPCfKaQ8Uv0KjxTDX4mmjxTraqFj+oiPFPSfKamHLZbsscJQ4wmcp1gCBvTbCJ06nfh4bq7zny4ysbOrkaJ/fjUz6037p/xaFbaXpPFj4bOPee7l57bmbSCvbmFWcoELe9TNspLVQJKLdRsqtCAWV6LqqfsoOd5VQsenSgrOiuQQBnM+ILTFSa6m8K2wMJRWayiDXKhLFieJ7aguQv5/Fg5E/7mXAi0zYWqEu7mLJEZWF5goWCoEccnqty5ToQ/zTvpxC1IUbauEB3pLSHp7NVtXLBTkgabXpvX5fTHZ4scPa9BLu/3elJZd95Gq5uDwbTH6qy/Jsv+ZLhDaOvvs0kV/F+W9Va6EivLy0ritL/EeeUWu7Vha6Vxi0pXj5WUdCToSxCSXNWio7tNoTkrjWUSpzqYYywFKLRSmNI6szpjndQEcNg+VfMc1ZiM7pImNS6j+wEDFzg73SJjBBh8SDlMhuLLYq30ZmD0ft7i5sEJWeK+twr0Rq9j7mt9faJkrKXXKbSxGX28jkYHJPHEwxzDeDbRxja/43cTtKkfz6K11CuUTNVTmqROCCwl4JmgqBpzVLfL4AfstuR4NyNbk7obnsbOwJwQyJzAbi2RKxpYmk+E5pzdyw6oqbamZedk48bHDV/tHu0MNi2Z17J15UBFiOjjIHqcHqbXURx1M6Vxqo5sk5ql8qisMzaQP0/cCevGz6ALJiHh3j6ykhBglNYsaQ1JOmc7rlkk+Ivjh/n/deRSzBTg8jiNGCAL8HqaLFAanUYTiGYs3CnXT+kWDoZA5XUGwTtLsIyD/bIMimjdDS6b4UHPnl+jKBc1wfPuhDjoIuptiIOazoiCzoyIxBkR0XRg5CCTa2YwtHM6CpoOf+D7+6dC9ArLBrBFV1PY/uDvsZjjt5vj7/jPP19shgdU2qkxR3TBe5zVLEcOd7zx5xvI2CkYOwVj1wRpnBcsGARqBggFuIaxOEQBDrxQ5EnjNGMeE0zqG/xKGZgl2o6i/ReMfLBSemjs4NrX0GbUzNzjOakbh06eR2K04aljzN9ZG+AB0VIRERdLlYGL96oYjwDGo4SYPRF0WJR0BUeI4J4C8K6IoMCMFeuy1zXDmVPZjOL1UNEITdx30bkMo9I3nvubceyNFz/e9vKD9z778wfv/SH6zZ9Rq/HB238zfoL8iP7eL35y32NvPk90a2DqGH0TPFscyyqAvaobe1VJAM2qwpZFd4DRS8BjOMCsAOOgdMkN9kUpLTPtSK4Z/5f1OxFPg5PLglKYPg6MBthE83hA2LHx2zU0EqtDrKOm/QJW+f669O6aWscl/Y1t7mZZYbYudUplVnB/ff3Gt/42mueElZzI8ausy/ag1wdSPMOYtjkHWD4Az1tJLaAKlfh5g5jMh1TdC7MCJocT2BfnxNOPs1kB1jCZlLJ7EvMsSg9B5KKV5zWvDNqscco4Y5dLwTbWN3QhykSQjyY6EVFAmvGHsamAEcSifO4hNDw6MPumtOLPvrh21zeeOiGg/NalodE6qcSo0C4UD6Gd35u76NxFK9bu3nPRCuMj43fO2dvtB+92OgPk2Wumaui34dnrqPVUgcEw18LDIvz8VlW3WybBguhB4DNKED+/4sPPn1I17qheBaylStIq8ax3KZOaS9UrIf5I4yHZawkt1xS54K+MYWoYVLQAjMifK6qFSucInS4OjjVnF+9l4ZWFSVZjWz5472sTT9vsXx3dePbs1t1pr0coXTi8IXn5/ivOQ57vGZ9dM7u91+E+sH3jBmSbE67aM6t7QWt6KefJJCqv2rjwviZb97Ob39o7m+i7MFXDLIdx+qhS4MdAujQxq/vBWvNgrctUzXtUK8lgZ4qttQTDKMdZCS+MAgIUSQYaRel+nKRA1jwRDMqAgslAAKoS2CcR/hRLhOWoINDNiEM9PxaloYsQz7D220UbbfxbJVqhPDEE3NZzUpUvptnB7zdknAHl9QeEi9ArRBZheEYbO0zFqCuLsohMy8Kr6iIci14sBFHGQogTIZTLk3pVMeL77xM3EgPrBfviO6LbheOa7QhVsNl9xFDY7F7fqbipHGxnQVLcxCF7wYCOc4q7nCjdaREhN6aEXdgNR5kKkIyTAcmEbcuHvv3WMx+5ozK6rr1RntUgvv6hc9mN1y3Ozt1598NzuzpBKt+4fP1XanzoE0lmKlPCx+DDDE9te/+q/MD+7SsyXUQmozBvlrMvU1GqgTqbKoTxiBMQ/qZUPQATx6nqNgtM+QwxQjEIeWOSXgtiqQBal4X32hiMIRD2YPWqkHWbSMhFArvWCrgUkHWP1zRLmKsBn+B4fyedzVTQph3PzTBRPDeqDm/YunXDMHh/vzW0YuySFYt8grttZ9mSW5ak3i98998fvm7buV+5dXPbxTEO3XHuk3t3nTOciQm8vYNxqC2rNt+9kBVjbR1rt7d/5/2/vnjfD6/dtvlbDWVpkOswyHWM+YzyYJ4As8QCknRZsCRdFJakl3gLj8mWfDAwDyiaxsBgLNi20vwpcpQN+2nER1WELE6GHw7axJ27YDq+MkVlnTu9NGXc39RZ67HTe186YBNajY0nf6jFU8wfnbRS3wnhCcVQ2wDzbYB5iFKpHmobRUyVHuUmtS5QMWxhewnclTC5KyWtHk9uq2sSG4N6F76kt8MDSnBXkrRSfLcK5kyVqpeCSZ4Ft9rrZeUJ0RuMptIcify6ohCfUFapNN1K1CvX2Mnk0ojEIhWIMI4K5kyBpOkEcEDO7alg/RXIXxTRtqrccHv4gsv+8/7RW1dX9XTHcsPzqv6i7//ZXbdtXrGnZsn8TsHOPR2SaiPz4qpFYHduHVuyycit6++MSm03brzh5bZrxlrWDWTcFbl5q/Nf/+XdhdW3Xb1Cnd+dDLEWZgS9W5GtD6e9JQxLD+7bdOlmoqODILtRsBthKk0tpgp1CNBiQEeDqh7HTEclaEUAj4ik12APCROyHofF2Fg4JdDDGrnABEvIRCOBb0kALtbJnw+AWRdSUSeXSzjpaCRNmxFXceiDWP/mXX777ZfHq0zt3LpikZd3t5raec/NF67dwt2w9dyv0Lu/83/++sOrf/vgjUs7RIetE1Qzt2rT3Qs5UzW3bPnmUF39N5++jowNdAFtYAKEA+TPYEWYA7iKnIhwAE3MFPmQpkwfYSLwOWYkzzjeBiypA1hS2/T7NFuiL5ymTfAMmLfiZ5CpIETRYIknvMXfrZhmrmCYZ5BXzS5NKMUnUUnIzCiYV3N5nBMsCN4yM3v9BVbrnvFsZzLcxdNP+AWqy/zo1KPCPO6i9jEPM09Q8OtUgUM4BvOoOH1NAktiKXFwYvE6EHYL8S4L+tain3d2KK7fP2q8gMbQNrrzzUeN82lqtRZb5C+xbRjp3ynue8g/umHgIGARR73MMRAAlkeawkEsDid8qu6yTmI5EMCBLmMDJ0Dk7/LBkVjMc4IDJQGEAzEzjuM+1PjE3LfnzgUDrBpJ8cxTtHgdzbGMdyNNk0MSVNBkrBthrK9OjxV9fqw+vwV4No7PVNScizel0EYYGbpLZo3VZMTO9x9Fbcajxl5mHR6cbw0MuMRvhwFf4dj3EIz1MuB4D1n2UgFged1UIYp1L1iUPHC80qNYzypNOYPRwVbRUiR9laVgYZCddspuB7Yw8EBgGllzCvnxI3WRrMYZEr9sVvDHSAwlh9vXl3FJ7ip3A/fJ9l89l5um8pbABQL33M251T2za3o87ufkiPD38gMjqy/fbf/n8hn62mcs5taxx4BDDFO3UoUItgfzrJOFOBwUZOyqS7N6HTupdap6O1jVjKpzWHoLiJ1oBhPaLOlBGMUsOJwl6SoOxWBgI/CuzpKVbhsnl0b9yUx751xiPuV28AVt2GBo7rw2T+m2gnoEkyVqcz8OnyNyIVqVMGlvo9KJYtkMS6wqeGowsV0oQfORqiZ8C6e4cVBN834wshIVjrDgCCsYv5evilXRcWxwFDeYGyfqG/76a8h/4B5kmdjQtOXe/9o1WOfziT98ceGiJV/93sJXFXuX5EiuKLG+9VvjSeNP/2689O3GS7778Z1Nzxsv/nQz+mektOXDbVvP6b5iPtr9VWrqnUdWrX3sv69f/8x3ds5pl3+5di1rPPS1e665mpr60aXhRjoUSB8wVn1P+OwXyI5SPzWefm7HGz/62jLBOWi96V0UvPasq9F6ZJt1/XuA/9TbUx+why0NVC3EuQspEhho1Vndy4MTymheSYtjn4REvNoD5NWZKXA4MRRMujmc68R8okHVM3giBSFm0Ox5nUti+6FiCHngpDmUyypuzOn4KpIXIzxVBQoUcSGcM2vDszvqBuvMRONya18Y3bZbOnhvYHQZ67zja9+oqeGETfOVvoaH1141pLT2fIUV797zw4m52x90cau5WUtYX/TktUbj/A5eWMzZLBbnCB+JV7e+R0u/zAXqqoUxJ63a6AD4apgj7FJLGHxPHdVOXU8VyvBoqaweZyYLTnNVTW/hcMZhQk1SThigirOMHarGgk8CBUtlsFtqAt2SgaBXY2j8EHV0Yv/EwqgdmCc1yRPOMk88SdQtXoY5Lr6clDXQLxXncrUWYFdynnBDAMMNPolPAEvMmZyd6BvOEmIeFZ8mVQkePtHJTtOry8RVPXRFup913TX88fP/e+cldz16/a92JSeaU9tjqHTzNTv37r3xl5YjIaG0N1OrPeV10mJglXvOUmZFb8piXc4JD96z/jsNld+5ZNMTF3hE7m/DPTdtv3BvgN0i09ZE87qO6692l79gxmPAK9n7QUfi1CWmZdF9ABiLE7KSzYwhYS663ZOaW9LF00t8AbsoJItJcGJpRNCQcVbyRXHSutQObFOwBokj90XNkE2Sxym7iIM1jVU0qzkLYyTJCqoDMIQjtFeissWIzclGK6nRp9Ccnw0VslkhIa7ljNd//jeEfvG1x6rOrXWKfNlZK27pM/7bmKBXv4oGDwdEUbz3GSGXetb49SfGx8ZT9z1iffoON2MPehV0lmlHLcOgI6VUNbWJKniLGlIxQ0NijJmTqiFqUeYCKwpDL5P0MNYLUAfMqcuIOvjBq4SBQBe8zgoyzgovVge4rMVwDKQ5Fc3xBTWIV1Kyh2ajRNCImBEZmxeOp09L/aZhmFl16NJnjKf/7ccbU5fGUNl533zXMA4b/5mEyXamrI2Dxp9fNsZ/HBA5VLF1HmpANjBcUbn8xGsg38vABvSCfPuog1SBwiPuyuoILACStCzW8R5+spDtwYwh22ZNFlzYAkRrKRdMkCgAE63Ft6JV1uS4m3IJSd3hkiqPqHo5M6kLPCjIbIJUGvPdjJaWcL5sQjHVoh+wSgNWWk9ec8vjjvIEyWIqitaK1yCzcKc9r7uxeiTyWrmMw0cHXqD8PGiVJBONyS6LYWMyPtNnA4g4aVEBcUonay6Ax/AHLhNX9JlIPrgTjU9wUXEtaymNjCxfsK4WSd4DvVel09agdlH/mCDEW9vGNp2dTsjW5XyVYjOWPj/71phnpTgwNo1wifj1Z4S2YLwmLom0P29so+2cxbaDdxlvrk4lg5zFG+wc6LDZHntcdNosBPNjLAWY56j7TMzNBSZVmDThrQkTeGsA3nANhjcc/5fwthB460x4686ANw/w1mF4GzG8hxzl8URDpghwFQCsZkA5UUMjXvhwh80cw/8PkP2nMWZO54X401oK2N550MTWX9E/PBtj+5/l51dXW4MHVgO0seb9rPu5i8BmnaGwJeL9zwg9wVhtEc4RWuQs9is4l3FwUQsnrBZErmiXniEY3myu9+r+absk2yYnQrEmFiAMMSZEYKI8ME89kl6GQYEoy47RmhDNhThRJWCVeWRlgpXDkSay3iPjxVTd3wTIqHktJOt1aTx3lQIVrsFhsiyP20VP9b+2V4AHNW2w4CyJEiQbAKg5wcr7edOCTaA5vxh6saNTqBFXc/u//QfjBDX1i7lfi0SS/XtZ5ZYdibFAiRAvdYrW0PqN35hrfGg8Q6/+BRo4NG3PcquWgJEDg3Y44fZ81lcrnGflaCYVuv4bl3UorKMy4AXrRpl6Z7nDkqQWUK9ThXl4rjdlif7pCKKweZI+wE3qmXwmU6jB5k4Ctw+GQMlodjAEWiSLNU4LZSYC3VQNgBsQyEpbn21S65bGU92znNj0AeAjqmY5qpdAtNGXKZSQ4LwERxsWSZ8NilpClj21soyugv1MKZP6QgB/tgUbzfmgix0lsvJkKBxp6Z47OA+jq8p6PIct6MA8+EzjIGDfJ+vqXPisXYArtvAX3SmGmYe4nrFkcsWLnumriKflaY0FlkI3yWYWs6jGjXAy08MmLoxGBbU+aKVFNHbt983Ld2fqdlYnhKFGJhhrXsEqDy3/ozKrO/DWyuBjc/pBtVdY3I8ve/sMxbaylhW8XJdvA4fkQdvJRWTBV231bSfvMv6O1Xslx65AsWXnoCbabuGM281rCpEfxJj0LpBfhDq3aDdIwqEU7IZM/BO218QqRIkEvMpkwUvg9xbh9wPgMQDbT8AOYUxLcRiNygFTgZAUO+Cp/Cs8ZyIHc32buGYWHUotZZ0PLK69tKrKuqQNw7GFVb6/On3Z9LTuSU+PHo/zG8bH5phgGsOYVONNOgdjClANVEEi0xeUjIzEijMopcS++RyTugcUpQxzTdkqf9E+nX5ABl5U7qrldDC9hnW9m7gMxDRQy3gt6IHv/06a98xTzIbeWkE4Gz+QvbbbKDWueO3kHByPbJ/6HfsxPEsYoqhdVKETg9sKDr9V0hCeAeVZneJNrPXaemDFSvFRtaQ5N6qBGfSQBy4BoAn87DT8ei/gXoLNsQNQRzijUdFGUB8viWSaYwT6cVuN2lBMHH4Z+owH7EYRf3cO2xgVTdsUfN+KKvA6Kl5q3u5Z1XaGBg/l6YDkzoFiPrT8Nhpd2L2bdd41FFtZERSczcvOMZ5AY4Pb51gdd/g37KJXWNvGZuqt2Nh24na7rbekHIuOviGIruqubbICwWZp2rXY1rvaeMToXj0s9Ac0oqu3AK+wAZZZak+RV6SzZgYswn9BXRuJupYBrfZnCmVEY8uKGht0EXpVA24tabo1zMCDRH/rwQDUAMfWIoRhpwHXSD1ZnQZUC/7aJLbS/6M+MzyQbS/o9Bcowi2OkSJ89xQNQKaUZxAK2Ko7O7tG+2tiPnE5F/PbjAPP990cAUIw96yZgHFKdSrNW52cccAYbmmJW/lAvH/JLJvt8CuiAiwAY7Ry6k1urSVODVK/K1Y8NGCVo2aDamVAnTKS1ou1C2KyORCZJDNkAV2Xg3DfasGmGGnzVH3ITFkfqf9nyCxSykta8xE94juuxY+MRyNxd3I8hl/hxngu3wynLfi1ALdm1BDF8gW4jI9yeerJSLwlH401507VEH3hirlumGk3Ae+V9do+gNuqHOK8vqbWDqLQ8oSjJFBecUqjcwpJhRfxL4W4EMLDRtBZUirh9Sh+8/j0ClMjraIo4lEUeNwpu7PS1tNqXb5kJSff11va7/WNfj+Vtn/r+YbZ8rusbdncuOyMN+RZZcdg4vxwxNqVj8qy3djeYGyz9XctZpXr+mJjpdJKoW+UGapubuJsAzbQYuMfBnvFDvQ9eh6iGVEYsjVm0yefeW3HICus4ASWXck3pEPo6Z+/+s9nnezIiUeaumlhhSCwZpx00dTjlqssNVQLdZgq1GN9r8gWarFMcTFFgVdKcH0kDjADGc2DpcpkdRc/qdfVE0JHSlryqtZ4VI9Jk4XGGJ4EjfUwCWLSqXohFWftHaD/5dIkLp/0seACHPiTwRKrWRwQwwVbTB1IwiEf4mUlUlOLJRFUdE8FNveJOrhf0wAzpwWmSsEuR/Ak8eDVMnP9HAvGR4Fg5MbP2R6epkAWzOfWALF3TVwkXZavmO1234PG1qy29w2z7iv7qzZUhmxz+lB5u25ct36D3RaMbmSV3WOx1RVBW3cnKpt3HvvGEEb+jwZ7401MxxhtxXiyK60dbf/cHYR52XjbbSfuSsdMnNmVQlsns6uryV5c77DkgP+5qDKIXQoOPHHc0wwwgCPTckL7JDfOrpOclwDhGc4W+SRsPFiMRgCCUl0o5o4xd2MVr4fG8TfllhSIvQD5aIQeLaCmp7+HhP2bnzT2nTBe0IyXn/+bceI/nv2QXv1TNO/Zbxm/fuoe45MjF6PV6GzjM2MCVX8AOjvP+C+SG9499RGbh7iyCnzclVSRcZkhVhDbwCh/OsBMkQBzwpsgKQivzVyzYUmhk5bIYMJVa6YgyLJNgISaMRBhrVxwhipJoBnEEVMoryfwklt1XkvJulz7RRMYN4vAkoj3VDCE+JBKJuRvNpd1eXq3c3kr+HfiQxD9i99e/+blB1nW6guWXsQqPWeHF72NWt76x+GXqiTklla6ek9ZQOEZ/ZL/ffXL7X1ZrxUcBmJoO315qAb57tvPe43fY/kZ/dxFIL8QlaQ2T6+cgPxEPGWIEGuAVwZI6ryUPVU1VOkm6yZVRXGm4L2qEicWxKCd5FxcAbKKrQVl3e0BWKI4LaXVyF+QMsV7fWZuN4TwKkFVLPEvhG5M/uotFNqZHHV7BIfcvFnZcMj45MS/UIOTxu5O2x1X2i0WLi6l53d/76kv14ntU++xr1vwSkg7dVlRJ0qrslmSl9JLvpCUms5E4bUkNYMxaC6qAU5AVRI1ABlrzfIhZ8gTi1eZZZpaGWBSgslGoDqPc0+HkE0Oxeu/hGMUE1BuzCBcKFKVYMhcB7VIRKKRKMcjfyfbJJFUxHZldfu0Ypz48bv37/tN+0WLBPHx7PbM249xmbWs+03FUxFri6H469aK+a31xk1eJ+0WVtg7l53Ske/ftfPVHuPAmvnW2f5Ny9Fe4z8uygtLkYWm6Ue9tF3tuLgPudzlxuPYvm6fOsbgXGU3tcP0lboVMAphRUnhnHAPqeotP1XVW29W9eJqy6piVW+1CAFKHhDDTKyaBq0JpZrbcToqXwUARWN47ljbSR0MzJlDNFNelSDELKSAdywWu8JUIctqTAKvrLFNjacivkRxgQknHPw++M+D195VtL1khbOye2z2NQfCjQuHsizLM52D61tqkPTSwvuqqriwOCJym2++eH/t8gWzHmo9wBjv/2rpg1Xx3vtesq3YvrTWfcV58b7GXG0pTbMoXDu3Z2X2wXcCDgfEyVZ7suv8xRcvqZvfXx9dXL3tqz/4TVSRMV7K1KfsAODVQt1TzNsFIVwLZwpVZGWYM2tZNS47TlUxQhKv4LMM8UQNHKZhxBlRRydaTNfTIuFaBL0UjFCppIPRmLCZbAz7nBZziVVLyziFUKpo8bzmBKIXBY2zKRqHTVKC0DS9ASNtL51ehPWHc36SHU5bExwpL5lOKlhynZYm2cnzSoBzP0Zf8QOFcfHcGl6QrWVyOjKntVH0NHVV5kWRU15dbRyTGtsafTIz0L8sXC/6eYF59tDjkt8vzf9+fb21Tm0rjzndnJWhd5687fi8bgbRQGOFMdZaUtYxq525imGcQqSkt7G5WDNjUYG7qtR+qpDAeLlskwWeJk6dEP1KMMTYh6Os7gdY0+Z2h9qjuiiDCSMpMZEH310r6XblVMEPduwxBd+Mhaxkq4Mu1hLodMUO6ugqCSSwusVkMm39LrgWjdXiZDIQWp0qyc/w0WY4QPLDDNjtma7aKxPNI9U5/IDzG8OJCyIRHKpK2iPf1UVLWd0Yi6+uq6gQlmeNv3/8xh8q0rPZF04HaY+88qb+PfrAnOpT/L+26+TIGx988Cb9CMxeCk19OPUu+zuLSiWor1OFCDbaeG1At4LyWCXNh91aMAGMpwx4KgJ4qlXM4TFPfe6aDwdIaUUk7dRiR3TJf1xzHNEc0rjTIQE3deHXAhzP4KauPDXhkmIOp8lFD7mkyPRJkYf6InglT8QMVNZtBClmRmQE1BIoDXUqC5PD8OFgMY0SivO7/fX3NjVxwpbB3T3dbrR41rzNrHj/nt9IXRmfMee6Jw66ly9gXxrj7JzFOSJE6oJG1a/eYy7qSiYgAOLWMLG2fz6eos+ifW0tCLD5eOpdfhtgM5v6yIwitXyWwKMFswQhUB8cUOolOIicBeG7L9VI9sz0q/qcIkrrP3yUoNQJKHUDSi6M0uHnVn34DL5s0fJwve2InoDrsc+jBzRxPB5LwGkVfv0CmAW4iY+q8lS3zSVVJdq6Hc5YfOZGEhFfzrd1fu7GNNyzOvHupmhtngA+bvOHVeJSvog5SuCq//8XUUSL8miscorf7uu+q7aWEzbNubqrS0ThuOes+azz4b7cnarKCZvn7urqdqB5PYMbWOe9173p6mjwGqO7tt8iGu9e99hB97Ih+rS4wsmYEX/nbUbZ2t7EWE8LsQKE+CvmmpaqyAwhou+gIyd+mqKX026QJeIJtw9MfWRpAm4/l1pLFfqxrtc3zcV0vk+Y1NMtmQxJXGg2EGnBVRnFdwQwsEpFnAh1UNXn4bxFX7+sTKhUJjdgTugJ5PWXdeJjmzIuhyKxYpka5tSo6nOYuUmNPrmIYyUaYlFzWS16el0twcBHPT5ylQ84F+/b9Bvjk3WHWPHllQM3R8Ict2TeMengwlw3K9419JIgdpw1q/sfKJm/ZhXrfGBl9ltNzbx18bya957pqs134uTAK9zikmt3Ix/af4dfGMFBkHOAi0TixgO+31xZWl7OCSNOwTVPzPaPGC8aQwtHrMIY+dSIpTIaakMLji8aaCm3AL4C4Dj15tQx9jLAcT51UTHebcbGNSucMq7mtOAgVtLnc5O61YfxG1a13qN6ClxPTUZfAEYz1Yur9K1yUmghnC8LUave1AGqOF8eFyVPJcYUKROCvzQY+jK19LUh9xdyJxyPM0cezuOdkWQxgxymA+GtLFUJ/F9CvH5l9nZV5fmzuy/ZStv+EN7NiveYiRTHOQsGncKr5Q4GKe6m9az7seWp7bGo2NIZEUqiP2x3V/cFa9n/KELJh2KlxqcfokJHTZMVoMSplHnK8PUBp/H1+ksesNkUnuf7yiqmayXtZbmeruVda+agy3aW5RWeJbWyn7EN4OdL8Ap6CYbTaQfuWIK9jNNtTRas2CzbrMS100CZaBu+RXPgnWjwTjjsDODqtwmL6ektxFdNuE33XoprBXBpsJXUHyKnH894N/hwH2ZLzhJsdb04EYv3Dol53WojpdBAlhCpaQB0HchPIVLRAWDG+X76hHHf3kvlNWHWizbQss/YZZyPvrX5usjqGlvoZNltbex1Irfjm9ZfPKP4XG0GdXK3k374cduvXgiLIpmPLxjH6H5LiHJSIxSubBPtpKaKx9XyLswDdTt4WjuNB2p3wkCFDN45SIl4g4hmyeoSno6i02R6Vlmj8xqPeQp4V4VkHOLAgGWYRy/4wFqgy62OyT9ZHYZBN716Nrr+rjv9jq6Gz55rcHaasf/QVIhea9lA2alvU9N1z7xZr+woWnPmI+/pemXrEZ22Hmc1Hux5jVmvPM7QPJhrlrxayCuHX3Eds52y4o2BND/DhrN5zZKHJy7ATbIn0ErRDMdb7azltBF/Ai7NuFIsanbnsm4fmGA+SjND0soPYiuDQefapUsto54Tm242tHPPldAAWgjjyhrH0ATBeT7BGQHOrKpzRZyZo7oVcGaspJyIApy5DObcPOAsZkyQkZMkPDVWxhrEKRqfJyUmMsw9C01cgSUr/uFDQUTbfTjhvcf4pKvB0gnY+k++8urZxpWANsl9U9uZe5k3KTjJkW1mikkcEyROwZqW2LZ0RFvtO7+38qyy8lH/2OA+cWdons+34d7fHEYPsNIUdfe8I21tHfS/P4qWGf8278XOTieR39QnxpvME1PLKRHYjGYnlUJIc6gaf3RCMKMJJykWsheLhbA9YUlBmZ+PsFFSCHT7nvtF6fmTCZvxAa4Doj2bWKIbt7NJOmF5gsJVwZpFnaBZvE8Xwc8Uq/rxrl0Rfz1twctxrM2sP5nevaGi24e9D9xRowwBkbWsXMweeSDBzt4Xj0EMuRhiooPME1Q91Uo9RhU8uH5GYCcL6WIhRyM7qQXBgLaR0LkBIqIGSWdBI2szuh/OcpjCtmRxuaHGSnqpNIkLErG+Kg8996Kpryypr2f1lpLjTi1/hBpn2JY80S6dyRfrXxtOlefl5IInLWATwSpaEgyE0CgroJtOyV8ajhAmS4rccvEcDpWcNKnTo81i7FP038nyERWd3isF1yzc4vYGdB27aml8uFV1iPaS8qWHEl+9O5asxjtUgowYT7QGv+uyDl4euuTOAyMdVZuSgvFB24ftyx3nLz/vEm9Fhc3OjUnqyNeuDBk399ZlIIAKW5T6mlrbI/TgktuubxvOJV9brODYXAVcX7J8RJVTNdQaqmDDuFYBrhI2r5VYOWpVzXdUr3HhyLxQ48MToAZb1BpJj+JSepnsI9JrfDIp+YjK4xabVEmcVaVkJiiqZN0hmIQem0Y/x5gFVhSOGWm5kbgenM4/VVWrCl33pOocFfJL9T941zj6i47rY1H3kM3PcYiNX5K56f4Dl9Rc3WTZOkuosNvLGk5et++vz//aeMnBcRL78UUMTf8z4C55+sH73upWTbs1COMMgP5EqZVUgcGjdFknzdJhL17HixG9UUBTFAnvvMAxH54NcVxnpeCdil68CUmzyVoAVz6HSb5Bc8njlM0ewE6YMX0B2ctgBsnTIbJvOvWCI5VBJL3cenmogo9zi8+Zd/VX79qd/Uq4UvTxpXN7R8qfn0QH30Upj83q3PkA1z3vHP074z8PyzLbxSn1sYp/FGtLj7FDILMkzIXzqAKLR9MCUVsNnguxrK6yOPM6PRfqYEx1YKlA27MZ3ScCA+exEH3gMUlRLl+Hl4IdzkSNuQ+QLJi3qMA7fFSwoipBFNndiPcR+IuyKoqRLJDNUGOy4794SU7TuAD1pj/e3DM0ZCvlBZBoXcrhi9UVtdhRVZ0ve8jr/GVSf+u++y6puygSsVael7vpfnT/7f+4TUCLL7LQ9BCRb/TE742uohq7MzU1wn7u9g8R/81fNpeV0Q0WqfTpaVyYLpBxCHR5eRGXBNAAknCTWVOXARGnY1JzSmRxkFdM7Y05cWJNDhI6xcsF0esn6UUZbxSBSwl5nKe8lTOgwAkkFx3+nHTd8enNCYM7X7v8nns5hik9+e+P3NRydTTq8AllC+auiPzkTw+hS0KesdHVN6KDN/9l3z37/RmnI1B58LWQJLFtnLs+XvEZ2ulmvKHRpdeC7i6e+pR5COStYt2txkKOZPUay6Qe4nHaEG9HGEf+gJDUVVy6puICVw5nUyFOTx7V6IxeLuL94CQKL0/KClnsD9WQDfFg73GteEnREjcpp9SXCBBYDOaGZ2bCm5tkiF0WO3ciauqNzu1l5Ww45BNrrmzbvo2hUSnn2bXPmm3eyTofH8luq6y0bWcyQ8zgbL+A7CgHuu3OD3HWQO3TR9Zx3Bbu5Ndbc6wwxgIlHHFtpqsbKsn+GIbabEjM+8y7VJbqohZQD1MFO5ZoB0hUgQOtRtVnMZNauarnOHMlXjiq1WX0RhBvdwZvXydbTCiZ7JWthLdGieRwAo7J8f5AK+AVF80F+UaB7ATTWuVua3lFpMbeUD+L7IoNKAWfP0pUoXwWTBOqMl6Hb+gdNbiqy1+RN8uHnR4f8WVkYjQVq9R9WTJNeIDMrCZNgDHwn6p6ayp+duaOp+ljgNfJbi5fWhEcGHn/67U3+tN761XOt3ypsPCPj6XnLv37hy/e9qdd+79dsSEaW7X7B7s3r9xy/cZztnCXb7r8UM8jj1rkukjZ48FeRRGqbjt7/1s+S0h0CNtEzrZ8+72vy/W1K6ziuvNXHNx02+7qFaWlovgVWrhs/+UbL73zihNzh5dfMVKTSfhYZ21tK7adWbA3LOhfB3VVUQZ4W3hwehFP82f1ND+pe5oyGa2DUCeE+xC0HNWTgK+1Bi4nydZw3QnOQoZrXXCcbAHMs7gS9QkLZw/G6xuKaVxsX9MNAK+voh7X69iDcrHkZNrsFN3HF/douYmnnbl7iy9u3UqirOlSXKXC7+d/dX9luGqAlc4fqtocjlg7mhxjow07egJ8pHqAVS4aesXRpsaqk5ZtPcT++I0rjPe+dfPVFcYVPR3NoKs4RFksdzWjuzZclEl6jD++09WIL7OLuUye7WnJEnu0dOoY+sRSIHn/DVTBgkt9caFdwYUNkgiTt0adiLKUu5jzDwDJFCfH3YFKZ3ICb2rHu+gzJPFvDQAecpTU4oA35S1YI0W8y8MJiqdZQM3LZzrYL9u+hv3qzNLmpULHHXVJm7s8AlDImwkUQkczNtbD/dlkvj9b18KoQ9ag3VaSNOb+tT03Y+S0cCHMVyHb35bK9rdSlFmTr6CtMF4PVYlrbJ3I3AxmAypdoU6UFAcaJrl9GQ+U9cJAy8yBujJEQ2Sc3S/BdaRlsubEYRcOslzFoZlpvuIYZc+Z4wmxY12xdE5ouSOdtkW+evUCGEQrDCJv5OWxN1+nd3ap3BCPR9N6YtedfxniE6eengYd/x3zLuh4DTWMqz/zWMsbILr0YwWXs3qJWRQ8iCXXz5iF2bGjuAS7YCfrl3YBAtAY2W4Q84NnxYXZ9hg8uxsG0e+HUbkH8njb8hN2lxQK1/Zibc8remubuVaDcyGnfOoMyXGNTY1F4RXr06OJ06G8xVzDIFUQVYksyxId98WKeozXJe2ekN9ltzAgVwHl2M8amto5ZddgdE1liJOjI93LmlZ53ujf1sWJO0LB2vbFlo2OkgRR+8iJXxvNpmKDH1vMCJKjwp0qD/Es8yE45xNXBd9Pl/o9tnYWbtu6bSl1QXalx/jg7Pn2trC3ckfRdqDXANcErtaXSczOm6hiSHGuVIsUYYxMw0j2w9gjRexw3K1J/yNGllMQzUBgen5HwkIwUerkEAZg5uDeNfKnJ7OghPyNkYRgDs3kjCNTx7iNzFPUWdRvi3bPImWzeg87qdcuBaPWI2FbV8jjKY1LzPRynA4bgPEF6hdkMhmSK9ajeJhjqjZ6VJ8NwxydjYc5OgwMelTSZ8mYVmuzSZmYngLTWAfeKyWRMmI3WEvM1xKEdCcigMwyvANgtpmj6JCfBMOZ7ylWjqUUrYmU+zuBrigTUm1DJlskdBUAYxTj2ZondWWFsswgtiQ98rhgdTtNVlOcVbwfzyj//2hheebLL3+Z2R3huvZV14hu1vLbeWtvLP/d6O6vByPVc1jlQqKdtraMMDa65RZf+LS8wB7DtYu+5sZa7L5w6BWxrT6V8zP5PluF1Sb19HPfXDL/oX07sDk+rZ7WXB6b4w0G+wUTvdnoyc8w0Oivs1uK8mWTIN9O6m5TvjhfAq5N68jgJkxYtsTJ4ZLLgr9MxdJtBtrlqcOpui5Vy0NchDeXmEKsOdPHdeOgKA+gN2D6iAUWUZ4kni6VVomrM0MJIFNKIVDRgAUSl58QnFavj3Th+LxM/rU4vnSz8kzofz9n9z3l/wPCVRtClSCJz4F86xVf6vBOozkNO8HT5N8F4N8OKoDrFAj/Bm5asBP+zZgVbph/y4R/e4r8G5epeoB/66wdezW/DId8cQW7yLTNLi8zeNLgVW9d/4NfwYv+zsMP7t6256Hd276KHr/tzzedfPm2j24yEPvU+4cf+OHkj8z9okYZ8xHIWaXaqRtOS7qFxatZeLkPS1rBD5mxYleFOygFQM4xi7kpovaoXg8E2p3R20xJ15t7I7Ck8Yp0U5usYA4TCFZkSNwbwHY/iLOIui+By08ycO4EJlPxOSYzLVgYX8LjM2MJsOanK4IUU5JoxoZTetQUq5MTjqT0t2/+401301WtYlpkpecbLwiW23oTLAgSccu3kTD50mZ5WqitTc4b/vyT2z+9zRrdG101i+aGwZQv4FuWVCBepdfObjk5nHj6wW8ezaWM32J5GmHmN8zrVAWVwllsIs8kXh3ERKa8uM9Yk1TNm9Ud4B99MCvSRMIhwCkk4YyqVpXRbTAb8H6l0hBoOustL8bReK203EHqG/WkVGzChbNn3Ol4M4fdPNHt0zU4Xx5lrl6xVUqUqU2s85naCyMR++J6Rjha+4N3vhhaKqqy6p8vXNhJsyNAYYbZ1BDad+cnSLjvzXx58FQ4CfZhxdSn9G9Ab5px3bVsas1EOUuVsMnxZrkc4gesOCkMRAyX9uVULXNUdzhwtZoeBo1xSHjr3USJmUpoAQjCWBNq8hCCQHht4ZxxEl5rJeZG8VgKUKjCldfl8ri9xInzCjpqJllmbC58p1UHJ/G9Hq+fTBASrhW140v7FvAruJaba2ucNG9hhc7vdHpCHMeVsyO+SOq8WrmmdTmt7B5pPr+szNZZHa9JMm3dtpDNJjqSLWpc4LnVOzHXe/QqbnFuXrdxS2p2hhWW43htlJu1Bj03q5UjeK2bOkb/kuTorqVIiKaHhMlCHcaHF8gGKo05CkRvgjUBiRRzcaAl1sxEwLxY7ZrE26zIPiOcTS2VD/GiEorXmeEYXnWvhmnlx6YCZy5wWjskH2JYV6C0uljx75+OxIiWNFYlpgOyGdXqpIvRqVhMRes4BQ0s2zL/gtW3bt/8Xw82bCgrtQRtQ+zI2Ow1o6sf2XHe98+ddUVZebjyx1nbngv7Nywaat8x9+rvSoJg37aHq1UGZ81KNyzJjF0+f/jGhV67HfBI4hpmtpcKU/OoQmkxCYEL8AVsCyOkI4UT5oYIdgSn0pw40LHgrEMpHPhwWX7BGyQhpqAUkK0yP5Pi8xCYx7nTGRi6uAyeSNradkUiNYKAUpxivOEaGKvod3u8Su5i3y3bMrOYwY7gyspKuYkE3x8bH29c6rZam501fVv3oE9bkgyRZR584wjIspW604xctEDWjPaSWd3O4nVd3WvBKy24MMBjn9SpfMbMOTWSMKZgbcSsxYpThVbS9lAPwtWgi5TwlRZzTy4rbunj8ZLYLyjrqTSWq8eOM6lWVzAGvrKR7FDwyloO4hxF50o/F+dkM2AUZsYFM5Or0enkKnhKPD3y1pb9qZTDE3k4uamuJZVvELrvT6uiu7SYlWKlVE2j51GX7dz7yq/fK8wDysikhqxAGEuajRvHf5oKVaN3OhroQRIVpY2V/zDTUryvpS76CDtv1c5t6GOIjEiu/YOpd5n7mYNULV6vwrUoWq1asJaGMY/AloMPVpJF06Sq1xXXTm74sJWshFelnVr1EV0K/L/WC1TPqBeoqj6zXqC2iqxXaUjWbaEvrxYg++3OXKOGeMIj7lRbdoYjrKM/c1ZdUqhanm3wVGWGBdvWdY+6kpkq440Lf9wW3cis6KN5hrV1M77yUuOZu+5c+c7OHT3Ocq/YTdNDXNuyk/1Reo12rtn3ZOrTqXctjwAu/dTvqUIvxqUjq/WrE1Z/uKEl5ifgTPCBUGMuhotz5qj6QBGesQ//i8DTC/D0HdFdpcc18cjh5xZ++GezUKADrncd0ROlpFBAlMYdogtgc+LXzxcKwK0ZKDrPLBRwuqoSXX2i43OFAvhyR1fv525M49zfi6tMo2k8YZE8YSurzDZ/YUnWhJvOpdHMOA79SylEGSIKQbwslbs8XMk6ZjUsrq0Vata1SyVdbazj0lTz5eEwK/ar+HL8rEzaU5UeEmyb1j7qrGmIG+9tuWBI/D8X/jAfXTdDTC3Gj+68c9Pxb9T19wh9tIWh4aKncYbo/GI3Sw+x7ctBdGjD30++dEqAiJKmPmGeYh6hFlArqEIHJsfV6W6s1G1gBqrqITIKqLp1Aa6IAS1HfJBo+YiKU22U3tYBri9RqzZ0kRA4IB8S5Ui2mcQwZcoEJZRXhIrsdxoeUmeGQihnNu9L5LCHA0vu/kJZgEp22ppVAbiTWRcuyUhIjr29jRtLSy2OTK3kdG+9KqB4Yo2s7e7bObHpMu2Z5nPaWfHy3ti2RDUrZuuid/88mmMdO9UreIcUCLqiYoNV+2b/yACzoh97PVu37HNEPeUP3x/yx5wuUejjbL3yTT83/jq/nxP6STTcRbt9ZQ2vHY95HIx1lsDZugWpREw4Wm2vvruul6ztTn1oKMwDMA9yVBeFjQDO2+fAQnhJHMlgC1FSSrBrIZu2KD2ngrkU3VKYLDjIBcrmz3/5hFaaGmcqktOCUwTYDuYyzTmzFAgmd/POKJncZ6dTwkfDK1nx/HWPu1Kqz/g00zvQ2J6vrIiwrGue7dJfzL5qX6ArO3OiVxov7d1Ld6aahD6BHuIbOk7u33bb7SODlVZhjcf14++hvei8bBqRtZdPmMVMgSqhLqQKVlQsH9FpfuYKfcFH4WYBp9bnfWesz/v+v9fnaR/MPsrpLrJL8Qvr8oy5Lu/l4/wgnZqi1g3ZF3hoEdB5XDIO/h2po8t8o9HwyZ+crzJhkRs6T3zkOptkSxpzjf0K95VrbE/eUanY8F4G4yN62NJAZal1VMGGaw4U+6RWp+oxu7nBQz2q8cAAXTjproUlrQIPNyNNkvLmrF4h4d4UJITIgED1snL8/LE6Qg3x0PhqNW/WE55KfDXS0wyGN8mLQroenbGWiEWMt+w3Na4UFl2w+KYdJa2ywslt0a7OlrO67m7p7FEaZYmTGzq237QYfZb0L+2oQ9budTdhhe20jXSkjL82LjnX62j5Vovx51THAp5hHHnppnU9iInvIbYb5U6+iV7ltlNWqmy6X5kuiGa7RIEiWXSqvgFJZSjnp2U3j3I0vdMv0jtOvk//Fl3I1vgdJ7uM7//zgN/k2EnAsoxguYQqBDGWXsBSVbH6Eyw53NFhetOnFa/iurJ6DSAYNRGsq8HlwKSFD6OadNArjwdKK+vOaEqE4cs1mehMG4xTQXVx2phpRIhUpPaZkEkyJ2UwZC9ZR01UFfmzTvvCjhRyYLhEgAspqY5hgFFsxXAZJ+N7UgRe4x8mvGSsY+h+5jD9GF7Xdzd1oYxZkp31e10oEiPPFB07UNmKbkj5un1eMfXNcKux0zxGL9ueEMby5eVJ25PCWEt5OY5rJwwJvQIcjTN7dOO12wnpdI9u/uiE43SPbgePl9wtrNnlBIvHDQZ0Rvp04vy8X3I+JuGuFri7hZFgXnFKJ5Z745ZE89y++ua5vSQmfIEJWPqA0zQgn7mSqvFZXWUmSbYLLz/6wIx5MmSharoJUxLiwaTZ+9ppTuZssffUM5/VmBt5EpLGHtHjnuMad8QCZ+NMgjWbTQPLndkT2I1PLeMe/DYew6/409X404e7fviZk3wojU8t4yp+K8DJjG548PekGx7LueOJ066dYTne7YnFE9VnNpEmq/4u3OrBF8njWl+tNG+WYOJ9/Ko8Tjldpeb6r24Xi3X3M3sDFzsDn14kTJjtgXNmc+DBPz8ZaxbjLRcHy/GScGdTv+ifuSLst5U12cruLTy8asmsy3ehg6+iuAfdZHUbN5DOv3iVuGOx82QjfXqVmDZ+yzlRqPyPx/ceidAvsAXSS+oY8wL7MtVA3UgVkrhrSpRsNtBKVb2ENJ/Ee1U5iOI9qu4obsWgj0JgpgclHNprQQkvhk9Un5KfHqTxxr40yVsdcsmOQJSU71bjdC2ll0Zx1XllnHTu9QDm48D1yUq5Qyb53FxzByn6wBuGlWwmRNqFRYoLjjzH5zK4k5HfVE+YH3xi+JdMZkhw7nx74mtzbGpi12LdyqFBzvvg/az1ios7P2642RUvW97bb9yzaPmoc/GtR9aqmBn5I+8gW8i/m+szHuC4C7iHvrPel7qX7WledOE5nYK5dtGB1jIj7HaI1VK4u1USR68cRK846VEQsJb7VD2Oo9i0qoWOTkTMCrKIWXbvNCvIcJIjEgJQguE8DlPHWcFTgkfsVHRRIo2cwEmNy56SMnw1iSv4gmGT7OAimGac8QiZTXT9YKFwVp/HnXLAbuX8M9JfHZYFvQODK84e/Fppy22t9fu50T3Da9cM3+RTe/qyueSli5Zs375k0aVsWUnT7IGGhnu50Vvnn7t0cI+v88aWlpu5kY7euavWzH980fbti5ZceinpUTT1AZtlFWoT7ki8CQ/a6q0ggQo/qQfKMxmTqLdjT9bMTU6MjvUiR1Kry+qj2F5nJtacTS5UZ/U1cCEOpGWzqs0/qmcgyK/L6OdjZzdfViZ4qyR0kixZcztYpLZZs7GrG5W1/rw2pujppXB2NlYQbY2iJ1bB2SaAyXUqS41bOCOvabH90TIczScagdaQrAeH/3PhZsRhngTIYU+x/mJmTkRobGqnmyIcEMkwmHtykE1ziS7XpSN1Vw7buEXpAP3ws2VbaNuuwYdt4kjC20KjpR+InPHegMygy+BgN12a4Er5FtZ9x3DsvHDY5q0sc0tWnqE7/95hs6HNSqAhNZGy2d5XkiXRUKolxvxkLifwyNNvdXvdOePHqL++LGSj7fQ8kXMOiTHvEpq+hVU6vxJWBaXTPeJpraZpaZi1WSxjLOfgfdaIs8EbtlisLO1s764bo11tlUvV1lCFg6xX0Kd8s4VyUlGK1K1RR/EKIk2aAOAqNZ3G9Uus+Q8mYB+A+1spTeCrGXDV1/H0Djf21zZ6F1oc4E/c7Bct8n66b7/fYSDjG4o5VwamapjXwGc3UYN4rpBieImZ1MKqnsQzZJ7Zs0giPYvwVgpMeCokkhEvkybxJk69mSJlCFpa7rZyEhNOuDNtfXhSVCi6vxOk3i3rDtInVALb+yRjFStiic6BYgFGc266BIOPFltSV1jwmRnrw/1ssZoobcnBLT85SjjRwK4LhccvG9lZJgaD2zszPR1rL71sbceeTZZ/v+G8Gz22kOf65T0r2td85Str2i9pWrr54jXznLubxs6/eM2gOLudfnXZeO+2b7dXx7c4+5cP5LJrF46eteLyng0vNq97+pw56a2uLTcs7cyuXji6bNVVN6ZXji5aetbmpoVXJ5cvXHTWWedla1aY+O1j99D3W/pJv64mSrPiBCpuoOYjy6DFo+kmqpx7ErdSF3HzVPdksXfaTL8dn3G8r60ukcL/R4unj9j3ajsaY7UdTdHiu1lbsXTqmKUJ/AHeU9hBHaIKIZLdtUya2ws9lsmJ1gZHyJHUW2E6g5NgLeaqPjqK//kK/KiyRJpdpkG50mTBanr3ETg8gTR+x5+qknAT4wmr6Tbwwn8iDQJ1uEtDbLIBt/bTquRCwIPbk+tNjac2JzUAd8Upn6TcLVLIKsk+v1BelWiasUdJkfAGtwrag3NfMVqqQJWdSEqjSs59RrZvRhEWXACc0mjpIyj02K7//u7atd/9712PGb8Z2fcpin16222fGu98OvD8t2rXBstZLzeLvu6cjevX9c939fhY64rd6/f2oB+gUVT56LmPHjOOwSu9wnjrs/37P0NV8Gqcd+BnIsdZRzaypf7lV1527T2DI+y6YVdi2V7Tx9DP0jstKaoavPBjxQ4AAoO7IGrhrF5nxVHBNGOqAVRrSJsvjc3oPpg1bnFymjXJP3ru2jNLFtWy406tnpQsqvXFksX6InmpwVNedOYJW5FiVQJZFVS0KG6VooUB67rpPWGaIB+iRIe7PIg/I+FFC6JsXXSRNIMzMpUN593MtON04RcpX+xCPNdRHfmMbmuODXu8NvejbeduLGmQYlabm/d1l3/FKmxIDq6/Ph2tz7MHIsz2RKu1s6atNyS52L7VK4c978VyDp4P2CM91vPoteuXRVV1V8pqzpsaaiUjMlny7xUAg8atvhk3afsdn3lS828HUvTbb9Op2VozCs08KYQOPxryGP9hPOcJzXmsIXPmKTXdm/sxejUlUzHcD9usj1VUzUEKrXHLGYgzpFPFsaf65wF5xA24pzvnPdPaKjpper1CG+8ZSdx/GzfJu3a18Qe/4/2JYq+8072wqX/ZgZqiWNCbLcxui0bxMFvz1GzqGKXxqm6Hedms6lJdNjvRaKcqYHbJiUxGq1cnWsmp1okTMVpvdqLMPHcVo6p+MovNGYlzsxAeTGTMs9aMliGGGhMcn0lwHHBmBuR4w47uARr3BE/bXFIpYTEZWce9rbRuZSKkxpqai93lnPY6fNWhjHNMotp0+HaY0rV5rVGesFDVLXn8yXpQTTDzWivuQKMFlEMscgiRbmLnFam50idxlbTkq2yWqioZsPp4dwJJbLQhsomT9/uyfpLDV1GUI3s44X4uY7b/jEa8XMff0PK//c145PuvoIpXXjF+28BGJbvTx3IdZf6u+cvWttVVc95ApCbalqWdUZaNB0tSnKeU7z5fZJk15t9+QqvG//nZz1D5z07+NsmUq7/zuYQozbY1L0qP9VhlF92zNTiswKW3aQaVtg/LK7F8N7A/oV+x5MHOq5S5BREiJRtESgLpw28Wzwtuii92CyctGs/YnI5bMW7wPrcjdX2yzuEyfmW8yb6+gqjSaqJDNJVlUjTeG451Y9j8Fd3FTRIFwVVx0udkPUOYMo4Kcf6d4Xja3FCMd+Yh1kKZ8Dc2Z3weLkJ7fHgRJZK95+g99xztWX/r+vW3Mv+Gj+9Bc/HJetyDcmoDc4zlYG5WYU5AuhDbrZMFHrPGuIp3g0lWc7NlAv9jSZqU0SslkiCpJMWpxfJzrTyDGbVeGcc1tx6yY5+XC9Yys38arkvHrdvjvNkKQwKWUG5u955RpY7TYYTVTHfHh2vT/fFn1q+LZ3TLn218MNvsl79nuqydfmQ93YPYXkk8hlvnezfSxh6f+Lpmzt8G+if0ZZbXqSDuge3HMUK5qitg0C2qLtomCxYRJ7csgvVUV1KXY1JzkR36E35TCLgRqR+XTuOoUsH/GA2F27z6Sdc0i6JbXXnSnslp9idPgEpP9/QGuuPPnm7p3bD3RWbj1iGnt/quOeuuuO7/Fvct4G1VV7rnpaclWedIsi2/ZVmWbdmS9bJsS7YsOX7GrziO88DkzaNQHoHhoxBSmqYQQoaG0kIprwJNGdoB5hxZCZRSCKW5nU4uX79epmFuW+bSO7fluu0wDB+dS5hE3L32Pno5smM7pMP3gSXZSNrr33uvtdde6/+PKp+NBfnxKq0p9eatM8xHj3+4d/bO6YGt2x97+9Ui96D6zt06LekJoKLIL6nROBqpnRRQ8gJ7qIZsMBaPyHskK2yCTZg3Gu7s6oxiJSbv1mHy7kodpoKjJA0LGTgaMJMs4FIMNZg6SioGyh2rIN9fpo8xHrieXMBSTlJaOIqL6sPe6T1X3qBVz7RFvE11U7UGc9VXI5NXjsUT13xvg7+F9Rfzazt6w9q4UDY86q4pHy2Jb+wL7KjReg903zHZjvNVas6FYq2XKC0aHRpUksvrSVBlehIkFQSkShwWE0JWdIBw0urYIy0tlnHmuedM3MygFAxy0yUHHpN5MGY+beIMChvlg7ymAta3xg8Fx0C4hU6LtRAL+/HnNJsoHedKNFMwIZrdGtectZlSu/DRupnU0RuRFQPop70ZKh9rFXi6O2uh5tRaacSqLApeUssZBtxH4HegEzM68PCEXxuHveSQyGd0Wixudqb7+qM7On9optF3mO1TlBg9Uwe33fyku7bm2i371jEG564r46NXvnDfOvbI+geu61UrZ9RcY+c3zl37+YcPr2/bubXx2vqD93/vXfarFtV37n3g5FU1mtieBIx/L72JvoEZRfubG9uWcAAvQxTBVEgUgX4zlzP3VMqO3tmDotP1FFwnKIvmE0orpsJnYT1hxgu5AR4acfSZ1BKUlmgw9QWhwNCzEP5Yce5GUhYTkt9A5oDQgM5+Knx4QF/mlF+gu/1Nndsm1mzyK8OlHrPp8c3+Tanrqqc7ulvqbKOt7zzINRqdFU5h7OYmzOHPvE6fRGunjuqhRBNyx0XzyXLibuvkUlg7kR4wEjqqrPRAOSGJr+MxNSKID+Tc7Be6xA8pb6/unNDptGUWTlduj3PFN8XrLq+qVkfbaxxrFLvjxQq1nmFqLK7G3/8/XwOnGuZUHDuoaA3Rz7VUKLG/6JRjUDh7xGV/ASSoaL0XK+Yzyg3FWeWG4qWVG7JI5tKid0oHb/vaCwdv+8b964eiA/Av+y9Hfvjtu4/88OkXbr3riln0L4nptqKYLp6O6UImlii1WNDac+Q+2YpDOCnYfvKxVnoq58nXaB/dDeGbz1v9QxTN5T+lcPwU+rRbMaS4DmHkoaJUH7A/4o5MaMRMNAILYVtvRKUHijipDdmiw5c0GeEFyVQ0L9Eq3E9YB1CuSUMJpR3oLCPGfFIn2gUDPqlfxlayQEIsio61KrVgana1eXtJpWeywdcYjhBRqzb0d94Q3F6gow/hbjIKSaG8It5Hwqc5vc8fkDMeF5wXefJXwEOL9QWcpZimwenn7UtPnPFc/auB/jHmDgW9XTl5Y5H+erV6n1Z98qSOeyl/bjkVeG5xQ+m59cmpfCGso5+/zknfOkD/ltGlooYt3E91Bt2t23fS+OwJeByS8RijfkolxiBaiKPAKD4GKzw+qMkFx2Qck7FIRoL4YQQ512AE/jTYoXHlITSeixAkKaPI5UaNwL+ZHCQudyIPKT/fqwekGhBUnZFYfBQAiAqSsxF5scEBtEZHEGKmOIqMEFJRfC7i50AyBPKaEaAg0vd0rgIox5LefIWQvXDfSfbqG0eLzeD8b8s6fwGc/6rQe/2Jfy8cMHBUFOE3ifBrpILoNDJM/b1cHatBezSkEXCqMGHF/F0oBOTxts2bEahuwLN9IF6EFlvYL7WjxdbjS7IN8AI5ao0sEWXAYQQtM3HQJ0XRsy4f9JpL/XXIR7Z520OY1zrKJ1s63LE4XmcD0Cwd6iY1823eTpykHxrGffzHUKDS0Qn5B4kvwsn8FcQmF1xxFwxephaIzjH7OFh0e7S6G9KLjjm4dHxzLni++Nwia46hoikjcw17HPOmo2iliiY3AGnedApX5ENKpxwtFJk/Xe+DrA4kHF7/0ocdJOGgdxtE3QlJXXlG1Jyg5tQanR6nGxLoUfq2BIjW55SGklLCsl4aALY5ZxSrnZDreRS31Oe6jighWFe5lPsEr/Kjv3rnx1xf1Wupj86mL6OeCG2PDTTGzcIbRjsQrE/s+ML+otLPa5Q/5ralL6dgbyE838qXqWY0N8MrYvpuzzJ9RzxQjp3D9A3zSNG1UqbvbF/ryki/r7IJb7+uN25/q6tzZCX838rRnbq9u73a+lGz6T8/xlzgOfZoW6E9XEvY4yKYz9lsdL0yEvStM/89HBZs6p+/za+ED50+1HKjrU6309I/pc3Y4ySyRyeKBVZij66sPXo9UizPHl1gj56V2gMs4Ycp0uBE1ljZHLk1/NWmpsqH7qoS9u27+aDgWMk8Ufy25Sa7/Uu7W5mh7vYJ5uxemCoZ2xxBtolTQyuyTV/WNsMeaSTPNn1gm8GV2gbux0ty7seJJ10he/7UYzb7v1ZYektKdK2P1aKHJb2WEn3Ximz1hvZp9Rp3aalL/nn2m9hayA/K9jqM7NVORZDFjq7AYqG0xaDGYcCfdJP0f68PLCi6TkteE25hh7aQPtM82FTyomU319DoDIGj6+ZfVJoUliozjinFPmFOVVHWRbj4myEocXbiisqiMhTHKEMAQnilIOQKeWPD5907LBOEh7tanK3wrw3bfU/66XI3NUdzJFDfHAmebYXV/Jb8LGv/JN7bItQg9Xer2d3ELo/UWzQv9nukAMzfIY/oPZ3sJkfJbiMQqCVDJHAcRhh0Q2MiwgBC9jjfq1UBBp62QJcZUAgJmJm1AADpHVPq74WYxLu6vXPhaYsctla2j+7fNjYxsXVyeH085tzS7mtxr2g3Pb52x5bYyLVbZrzeyZZ2F8QWn/7p0z8pBxReapraTO+hEtOAQa9fXA/FOijKm1BgPlfcJgVEf5imJWl3TAPro107PydMG9QuSWfAUXwVOy8poJp+i0cUTqel0i8jcYji1Ik+Ui6ywSjWnZCGq86IzhMvn3j3zzeTlzcZxcETUq3+jNh44mVF34kQFkjcYJyzbagzuaQNdWqxFj2pbTS55pzw35cVXfIfDRvnhoad6I+GnWr0PnNDmwbh1znvMQPvMbcx807ojzbCHyXQL0iBCZEsr7XVORsHh4Y3zGzclC9ZvuivcNzECyiSLbHXOzrxMp5YD9nAOC6vSPgDfZBWq8JUBPzmTpIVBIYRZ3uIxtWOwC2bJa5X4nZPdBwpZqBFMMP4a26od9G5M62YZtE8C+OSSeSQWLt5TTd9Ru3qVxSvfWaafu2o0q7bpWD1vKN5eCyyzUNHP3xFXS6+26UbnZ7cMd1cz6uxWsCLqT9s6R94uKmJ424fMzhOvfxA7Y23aB8+cJhOPvdQjxAd2sM+awMacJaTVQQq7DYTr1LSZleqtaRCe51SSH13vDtHQoBWqfFU1DSGqj931mhJ/T5SN7DdoGYOaHX0a0SzI2XHmh291Hdl/jG7P0+2Q3R7pBA6mITccAoJBSB5FMsV8vCiBR4gy13uD3cZcbXSYgofQKnYFeCF4yV2o7u+u4eUckDhm9QD+6wLDholPJb5ELIyH/xyZD6K6XQqKpiXoqpfUv1DWTY2tbe7PJuw8gt0jw/SWK2pM6l/WFoSRGu1mJiJbFbLlsl1fVNHr6ewVsifuDiKIddQE9TcpVHOmFxcOWOdrJwxF+sfnABLYn0Hp3947V9GQCMnjL9oLY1nak2nX9ehyL6z6yJkNZSXZeP8hfgk/8vwIcomxwGa/uFxgs1c18jaUbyZXUKAcvL1Fw0QPTtzKhw22TQ/f9t4EQgp/pBz6KCyGJ1EGK2njl8ajKYXx2iDjFEi1j+Fi6b5F/ESGhmbJEBJXaOdl3gZ5Z92Lhqp4/kHoIsB64O84xCpjyF4HUZ4TVKz1D9fCsQgV7nFnxwikf80ivwvz0Fwrt/Nof9lrQlX18Ai24gebsyDdSt6dW0/grVaHwNY1/HJOnuzH+RYxY2YDtvES6DydmmRXaQY6aIhfjt9VKCn048uZtcMyEcHe+YIAXkx6NFDe6eWagWlkSLczQLpaId6PlEJd3qY39WkIpWfxtOgVZyoNQKytZUaFxCu1xWT/tY6qAspa8Z1no1w6eTESw3uqUsEyVK1gOzMdGHRkagt4y9cS+uP5OZ+zogXEiPBGp7M62jcdWTcSyqsuJdQWPF8dgorpuw+fgGxlW3ZTfpCuiuKf83diRno+WeeRvuwgfICdxYwsZAO1SY07loYNxanLVWRCmjzaakejbvejHk9atG4zUapoZgQ0jeAhpKiiKt0YxfXBHIDRhe5vcfk0JIVq/UsTPRc2BST4fuamqoym5tyaXMsyOd84r+gFg1L7cHz/jC+u+2ivkMRMnpgEJMakCWgE0MsBUuY8eWg2JGpUJS7PPnTkg1ZxsZj0a4qtMcpbTzasCjTvKySDZWLvFGyF8/PefCvgiaQjcF9nx4KbrmtLlz0Z0PBnbPJRwhOG3A/RyMRarAjWwpSSfXCq8ZlmJDO+fNMzoFZ2pC0O5OcSGcdzvzuAsZUhrLbCZpfwqfvKWYVNspOBaFr3EzhzllcFVDhS+jkIgFQPlD6krTdrNOjYwfyKuiM7EWGbfeINszYVa+HF6Q2U0a9utg0L4WAqszGk5YnqbmNF46ZdU5yVUhJTjNuG5ZotMdLxWgfknStOAkHNxu2BbJ7SqK7B7dTXJC35cnvsbZSlU0opo0McGUbsARfA33H9T9KnXkAa/A5dO6A06hKfUAfvfqRd1KpH2AxPoGe1epSR5l9MfobaUG+Z1J/fij14Yk9ViB11Ziqu4Z66dbU4zeOZrX5Uh5DDNsO64ooj1AdyOe+snplkXUXpywytUBZ5EWiLNLZ/xfQFnEskvZcpeYIHcRZT0iA6ltxLhQ3E61SiuQ/FmRCcZyEtUmQH4E64gZqsKA6ibOQOkmjrE4yp+cqCVvkMgVKcjzo4lol++EKRcfDFcqFZEuYV3NPU5/ZmOpWMqacI8ziY6JDmRsQ4wUHNZZ3AEmP6SQeU/MiY3IVGlNLzpjsK8Ip3+stPq6vQSRf9eBdlaZ9+64/bLrg0NZnvV1gHZMZ2xE8Nv8iYwsUGlswZ2yNKxrbIut08UFe92j2KuJRm3wVobvgWIPnrzlOHu9hPF4nGvF1BUYMNZdef7KG+GyXb4EFoHC/zjQv9y9JbnLKyLVLYx0wYuqtphXZZZGjwOJ2SZzfsXBBo3zzvECepg5TR9k72YdxbyVsEGRB4fqhYlqD5cYPc5uevNN/xN1a0pt6J/iNtjblTOpfUr8tCT16J9tdGnz6zuDDXp9qJvWbwGGXy9pNV6TeUc48fGd6TwgpQorvU+XIs7cAmx/mC2pIW9wGc6wVW7jClFZxk/TIltD/UgEV+EBZIjbxL3IawVKmrakn0Q5o0JvL0G9s/Jyeqm4hCpuSUps1NWkJS9sbGsJCDQx0D8IlAWMCvw05Qmzj26+YCSvXH/wW2PnO227v4G67/R5xapSe3/WFV99/6/q73/jzrs3Evq6jButjY6nfvIKN3P57vfm9Sbri46//2wT7bHfqn84Jk8jgT5ybwP0+7yk8aD/0EDaQ5aqEhFesEhJZoBJyDFRC2gKfuU4InXUhy5YMoWP4LMZv/x+dXSuQD6Hvz8/V/Rfbsv2zt2XWdS3flh/jA1wteLKV2LIm/yxHbHkS2bJnJbaMrtiWvQVtGbo0tsy6zOXbcyrvvGhaiU0dC5NfrGzXw8iuYeRNjy3XsqCi1O9P+onLifrwXepSlm6DPkAT7hKE2RpHD+MF7Q8Xr+1thAYrwktOqImPC4lSaxkE3QIQY+VDsArTL+K5lo/BTQV671aAw+cWOjWGaIigvWKE2kDdSJELVD9A0VZQRWQkoyIy4xGjGRWRjUAsGYWeHVARCU5jv9PmR37H14WsN/KZyIgoF9cQydkgliknwjgXkxOh/2/OxrECaZGJyKK6IrQ5Z1PBeTHOpXBRbjT3n5DzYpmsSF5eLGnzUbweuX7lfNIawg+tLC6WwhKGAi5QtBdDc3TCjqVx7ZA3sxpxmX+VMI9rO+xYzc6FzpEBK6RBGptC2TQIDTWoIR8mE5TUstpfEb9kSs3AlPrTYoeW3HwI6YgiJHGF8ms0S9PP/uP/vvvdOx/IyYjUOL7U8vHLP60TWEOhVJuxSVf8/FNXHf/8SDofQr+qK6Gr/3DfV5RFqSTpk5hGNn1W8QE1Qf2ASlgxJ6pqPjEIx/uYXxpSzEs96Lkdl4naIcc24cEJkZBHUmjJ5dNanBQJ6+bFMG4phjYhmcYdrKlGv1ATqcSSYkLp7Q4jc3ZGe2O4/56fU9TU4g07IMzprM0+eZ8W7HCY7xlCxq7sRathgp8zlDRAPk8K0egNGLXOl+7PhzgXDMvKzcb5LRcBtyIY6GFlC7PKhfW/hDD9k/9122vB0dGgd3zbtnHvr76++1DQWnnVbPc238T2HRO+0MRE6K+/cMseWs80N+7giu/rxvzpg262fQgI1GkLHfzWjt4b142sd9X3dXTFhnd3Hngj6q66pXr2yqvjrvGeSHx4V2dg1/jIhubN17z0xtk328OMegZzq2t6xhmd287iPR7raSiO46rAfurFAooaUVlRYwBHtRF+XozkKWpgud6+PEWNwcUUNfpAUWMNbk/tWyO3p66Rqx4iKDieMxi9YYAkzh83u33+9pBalpp3AQOgGAR5jejFyWvkZt5XpbRxdVacxLdy0Q3un7N6Jv/5SkaBI4vFS1jbpJ/60RLqJgPLVjeBzoTBixU4SZrdatKVn0ZCisIqKRXE+GcqeJKT+l+d9kks26e1YhkU1pDX2JXG40mER4xaS71WAI9+GY9RjEecx4FLDh4dPnEIIBnOWx5ji+ExDHiMYDyGR2Q8RmQ84vLywF0kQ/wxszvY3pO/OrowIrCRqfsvco1kAlA3g68qVrVQ4jgahYSOa/Za9ROXmXpWvlzY3/c87mn7u8OtTMPwlPILE8zZUwXWzCGE0RA1Rf24AEajMkbrMUbDCJXhPIwmAKDJPICmFwNoEgBahwGaXCcDtE4GaBgBlEQA+QYBlAlYNP6+PIASIVg1+CojHMEwjV4kTItVx64KLmvB1NTMKrY4U9FxdV8HkFShn52VlWcfy8GMkzEbwNWaAwi1nxdArRejJnZ5EDTJADlKjGRQ7Obn57zd0DkZQoeF7jw8+wDPNQTPMR9Itw6ivxn0XBDcNQBuPwZ3Tb8Mbr8MbsjLQ0mnOMgn1GYMYrks9tR7kRDm3mZlYMs9hawEwu3pE0ckgxpdln5t+fhtkylCzg6lt8ZvZklD0vh9H/upAWod9ZtFPZW4xiONFM1DINcDRbVTuX4rnGnFEgcX9WKj6HEyRv5KBnD9atzZYJgAOMon1eZAD3ZmscX0uqSJEeT8YrhOepWOrHCF7uqcWtO2sYnxrZPDU7G4c0vI1+JeuWs7vnbHZbGRa3LKddHe2Y3O90b2OOWnetDu+Z7cuy4gt6aZx48lNTrrY7LfFr8UwmS/uCwdYQjiOgGCWpi0YSG0o7hMWiondeoYpPYff5eAFJVBqgKQIic4kTXOcWzU5ELh5Fw4UmVyMcdYriocicpFshIbkbELZIhLOH5OLXhDpDUvYQZ2RIgVE6W1LWRNJirrHbhjGi/YBojtEbQ6g7mi3uGJL1idyjSehD0bbaAKXGmZUXFCrk+GL9QQVBjo1gxndHfYRx9ktsyEv1hn01orNx5r+Fkw8p1NBx7iTOf+qejZL4a+aK/XlajLJ4Zn7ft/4nvuxpsefGgqtOkb1tTvam30H+mrmmZ6b7z3/chGw7VXXnV9e0UFRvHo+Myj9zRUHXjiZL0gyApQf3X1i5X3f6Vz5vDk1mmN+z+u1FnXzD7+JcIbkrJjLbMIdXdWy0xs9kj+ovmEH2da/G1Q59qdK2rWipZdG1lQbbkSZ3NObRHaUDFdk0dyGgmnPfAzHWOLLTW1zbAwtE5ZmKfYDx3p2iJnK6EgvaDmGbNYSaubXkwKTQj/dWt+MSvpyfY8++PF1NEMTWuVBWtYHzF/gOc81gZTEG2wAPDWFlAHCxZSB2uX1cGOgTpYs/sz0wdjs8eRZUmF8WPk9PFcW9syVMOYB3LUE7Pjf0ke/7bVjt9Pxn8Mjd+NBZsuxgQ5Uf+yTLAr9khrixkH+cswAX1vPl9D2gZPIhu4qY6Mcl57ng06c23gl20AReEG2IxqScfwcWSLeocLq3iohCQyBtbOy9qiHdvCc2FbLKgMWpZ63L50stfkPvXMtElzYTE59q50MN30xL4RJmVPa8txsk0GsEZVEJ13HpKt4s+xClB/RP3QLgqbRyfyBfFcK9UWuaQGFGo1kIwuMpioMspMgSa8qUSQY+iDgilQSG3plNoooraHu6kjvAgcL8J5a8qPjdhyYSPmhlIZC+aGUktZ89F0mKTK2LErk8ld3KIpOTA692R6xZly+NUYSoe1v0ALtRnY/43QFl0LyUSsA4DLy1xYQcqsm0+YcZ2Kmde48HW7uR73I1NSaTlPasiA56bIWaB+cCmtLx3OV5hgxxhaXOorV2f13HtLqX2lNc0YB95H8LjO1zTD47LKEgDWtAQAHheImGGdi9UIl2X3iiV0y7yxR1payQ6xtHIZ7cjbHJhPz6JxjSueoIwoup2kEiUwLqDsx6BJVSoiX9F8GoLTRDn2seUg8wVSFeXNIGKg50jJR1UtGlyNE/eASHwrpudeeKy+wGC5TG0zHKCfmRa6Fx8ytzv3oAyr++OlQWSpUowh8A+6qFBa2wRroSYqsDAXKfkLZkr+PJiCPIeN0IGWvAUZwuLA9aCCxiVajBhjH1rqnUAbAqdind5W1yirN1R1Sr4WID+1YtowSiqrQHYqryMMQbrGQiV+S9kod32Xhl14wbZEF7cTrTuPETF185JT5IXsgmaoTWiffEnxPuas2EWRWdHAzoutHonTEKlNZB47CrXs5O6/EvkN0Nu0w16nM/BQRyE2IddRpLFYa4vhWaUglZTBjtcKZEmVFA50JbUmR/qohg41OBVw4++Ehe+QKwHy9JCcYJpNe9/aW7m2rIwbuj31b4L6wyMnqy3vPk9XGNUff+f5W3/xxeP/5+j37r5mb/3mr99+L/3Mofl7KvQGxd/sO6DqvnXflj7NjvsOacO3fSt1+M37Pzh0hqaTv335yefvnU5Qcs0s51IcQqeFGepvVqGUtXFppSxxrU/aJItlzXmjvRvqS7OKWb26tGRWrH9sHZHNSliHR7CnuHTSWYtlWFYjqfVMwSK81Qpt0TsXJFmysU1CQbS36qEGqoD6lqOQ+laDrL41xxWVV+OFuSwBrhw/VEiLSxg3PyX7nkKyXMxbeeFp5vu/dHHfv3YF3z8n9izw/Q9CPhk7EqHQ96dPFYotEyi21FPVyDNulL9/Y/r717GZ+jpZG8shf3/YNGsorA8GNNpckalUqCaBpWTBwgZQiVV4PAvcCltYIO3IQm+iLqCYxu5f4EbOiVkJtcz4DqHxOSgvdbk8Pk96fE3sfJq5tIHHoWCLPD5cKA/V3obielinLWiMRnNlbREZY6KsvAKvZU/TYqNcMtl53mivzO/5f5+sNr7QkF9YsJLO7U8PmZPHO4DnI4z4ugIzEpi9PP5kFXGSTRnuVnmGgl5FLfKXteRissWEdbjNRfl2QfOWL13BvF2kTqHQJNZit+jCFQnpR4UW4/R5DMEsGnOYfY/9BPOE2alhSrR4ksWYL0bUEoZAmydZIRPI1HtE3WmxzJcUCHFMtQ9Pb6AME9lOwmu5kDBVpadzXTifOy5Mofrr4WGdMeVJueipNEVchipO5lP9HMOkfiGzxjH/maWPw/M1xCa4SYSeDZ14r5fRqwE6IqzXxmbUwMsRWuVEcFMvq4GXw1kPFJ2RG3pRyfGmUm1VHWauRwBhCrR6wMoEFX01ULdX2bSgbo+I16H9Ja0whsv2gPQfV+0pTbLrBtgmBnaEldtntqOHkzM3dnA3TG45uo7uiE3cfPeB/i03H5zFoFUeN1gT4VP7EXT2t/TmX4b//gev7GEu8/7o3CedLz/5k1uB2w00uxTH8S3it1ek2jWwfNUuoIDVAE1zuB+Nvpg/DupdkWhMro6/1AJeOX5nFVpeP8seiVYl68V48v1W2uYvYZs/ciltDkpp2Nbh3jVELG2uNc1zdenMnVO8swpz0z34WnYM3Oiq7E078/1s2t5PInuvpZ5ekb1Hl2/vscwcH8nO8WjvEJnjyO7xNZfY7gtd+yqM/3SmrF52+6tDILQgLkB7K8FgAN8CTVGvrwAFIFCc9Cd78u71zkNlLqwJqF1SDDnMgvjMjVVBNy253pPGTPhuT4qFsXqiOMjPFVm8mI5lTEiYYEMqCJWk8GKG+YsAaRFfvAqwXj/fVa8OLvE8X84QnTG0RwWoKCiNNXqkFg54hwopjaWprQItq1UaUzpzVcZyNpDlCI7FnDlqY/SmbBS+LOUxgc5VHqOZ/BwP5UpVsD9VfECFqDXUg1SiGiKCGDdPylvDKKTxe6Q2xbxo9dBiP9bOEHxJmlyZ0EZJC9QgaCJWNnWAuLcLS5e50HwEshC4M0Gnf+CZRH8I6S1LZ6fU4+KFpLXaiZW4KclJalilmB+0mCrt0P1orYbYWChPa3uClrkJpziK6YzgOQvKMJlQwmxRVjNEE9cALQ5ZbWCXFqTOVQwHWucqWQu9mv+Zu63+vr899Md7+yZoVmhq6OeM+6NHNtMGx02+e7792E3OvV2piglWb6lwee1FCvoeLnaDgmHSUunecweOqCvnvwfCwVXBnes2WhnluELFXGkqe+XJx3/V46VYeY4NoDnWS41Sh5acZSAjMeJPdpBdYA2adWMeMXhaCptweR+af7C2pXH0Mxwk0pUxoFrCIhC1Ng8urhgUpDITrOzCM1XsEfDV1Ern62JresWT99cFVvQq5vDh89cz3MOrQpjzZpI2yKw3nX5pDZrBrWiLNUphJWlLgVbTcS1Wbxo3ggZvsrqhh9O7pGoWNIoT1Q0whavr0Jaq7+HULtw7iUJi2HljRhx2OMkNr5MwLOsI78AUueRVffXETViOs8ZtEG0nOMmpOKMQG068rNxwYhKTJtUY52prbCZXAv03K8FFJWzOWrjqnbM11NRm6I8GYyAP3TPeieNuSRXG8gGJEnurzHYUgLrYMHCMB9vhpWoeOEf0WMlinCj+yc1J+RwGBlbFlqY5DFTsQgYDLt3E1B4yBdysvY6ZfoF2vxinnZvoR34J7Eecotw+cdlEq6tep6T5X9r2ud3qSvGGJ5W5vAVKh6BNTb1xU+r7vR+lTokf/eS/HWWZkrbNey878SFpuamqIoQF9c1AWMAqLWXlOZwFty2gLDBW0Dvo2dTHqeOP/ogRotMRmyF1On0WV/xP9jjmneulniJnG1HrlwIa4FNN2OVajFK0t8Fjyc3OJzsEOyDfAaTksVxRNkhSmhHKZlyZgXuW4jLZnMSRPmxJ5UA/w8KcttQeIgpeCUFm5C91k/LkDjuKT3mqwuEi9/QBPqEHCLOn2dJFr3Cc5x1zFdmbsNtP77/iKX//D6YfeAqZquLcW+QGR1eqrpgYma378KbYsaufe/voo/uu//Ljd1y/n3mQvhnf4xzCx6bZmc2bjxywdRuK829wpA2zmRPwq24TXYrvw1i55v4wNULNUDuh9m+5VfdAv7Ldnxwnm9oWtKntyqnCn1vXGpXZPNZ6pHXoR6sRV+Zfjsy9G2iK16J5rRufJjQeCZVGDY9ahQTvCsKjjZhS4HLhmLnM6/OX/sWL+BfZFi++on9ngbaJz6iyf2uBPsEbuBDzOjo/GCgXJRo8otoPkgA6yGIUpyUBQI/DCEEQZ0i3z+ff096QfwPLXZl3vYprNIa4q5l5xSGqlKqmZFZ1UGOEtwY2dT2F/RpQ0S+S3ho6vyoPWre/fl72d7k6Mp/53336EahPMqOUjnJSYpGslaPHwpNEzEMyYFWTokz2h81V6dBBmmfv47IWB/3OFayKYyxXc+n3Vu3G712bfm9R5YO3L/SmNl8Lsp6qFt6U2Ulv+xp9nI5zOmPqtk9GSvE7K/Eb01Qnu5PejXwnT/mIZgNktTQAv4A3Ra1+PqHFMg0o3nAB2Y6kBayKiWxADxMqtWDpOSy22tk2tcHjiE5PccNuTy/7UWD3ZMRaY3bu8Y97K9sn0edx6PM86POM8HmY+NAofx6P+0SK0OdxRfB56GUXbn4q4rDGLZ4bsAs6Q+04FciouF70SUNbo951GzzsfkvjDehjqoIT8cAV6GNJr0VN6lV6J3UKja8N9IuSao5Sy6Nj0afx8wkWfxrLy6MrYnFMSuFJjj/ML3+as2bwsjg35GkNBzdf7nekPvTe3TvVUxXcsLZjz9ah6hpyHmd3Mk9je9qprbIKRqlfNqpo8+Hk4Hl2FbWkz6sSvVqJ+7wqrej7OLLWBhlchU4PW1+lACJVBazvWBoOugc/7SVPo+ehE5efN94oowXjQXgx12G8bDAeQAydbGXQ8HjqCuAmFhklizweS2WaIwfreshoihY+UQpX+Xg85YXQdSyBNm3tXQ9Per1TBaCvWTgVgO/7LPMsmgdGqo6apUSbRyz2J61kFLCO7Hg+ACosPsewRoKKWR6FGY/CjEJDXAmkJbMExQKJktL0KKyY3Tv/SzsdC2dRVB4GBoPuQegohhA6+OkvsO2rghksMDbZ52RO76U+YKJMktJmdUa0RGdEm5VyUZrwi+QHcDfm6ozUNezdv3P3vi//wxfoN3fcfWB2x1f2ozhqL/L1p6hfyznuaYQ2uHmLze+XNUyk4gp00INXM6Im9TmiJrIuXzrrLRilMvSsmiidOPA3CC3iNx0FFVBeOP/RrJzVblvwE+zSRG2lX8LaGQ4Kb7z06aQCK9qA/LQB5LJpCKmVaiL6a1pUJW2BMBpoXKP3fh+/t428NwUdWEkNEcyB99bAQqXhfUOLKXV8baEaB01ZP32fG+AMVIR6mEp0gL2BCyfiEZv8cI0sOnyiyiPW+kFMQKzESvJ6cCvdeNXZUbRUaUPBlh0dx4V50J+245WXNJOTCRzDtbDiwp2SBSJSvbWmsbkVqIUgjm0LQMgaAVYcLwqVeLGxU9KAlFQNCNFLZgs5hPuhVBFEQdvr82UEVX4H8oZKtN/gB3LVKDB3ggKh027VfovRoLgkEaJdP+95sKVFbdNeyf3uy89XcVg19BZGrcYPDjuev+Pz+6uusmn1fOTFLT/5lHIcpa+JCI5QwBB+4edmrUZ3+2OqJuf9931JY+pmjA29LWqhh9l3+JZ96odvM6os9tefl/crJ3eNwo685A7aQvRcEq1tIXTgTlIcVYamgtqXrCKCNHqf6PFLm9CpfJ1PjPiTPeRll0/c5pEsw+h/mcWvJAVr3cB4PWh17cTTvZbkQGoxb0SymPDoFGOZnbRsl5oI4W4hz7YYpUn0jNRvS7vIcfFE+ydv4uPiOjcnTp6QYsozBrHvBJWI9U3iwt++dEtFZS2CpAwyr1AHphEwMMAopgR14TlbS+sOSOBNbgHlh86xrdtwOEzNoqfF5kBwC/yyahMPDHgITgh0bXAXA6nUzHW/Ct/1QwYAyHfagUIBx8UhmMj+9pCvxJeOm0sRziQwVqHYhbUjvBmnHZPmwqucmtFM0NSURhtXCXWtanNpK6Pc1XRQGaqI1Wnop1RlJSxXWeZQqgdrpsuCxcXq9k6Fs94wzSntVpPCaC7h1F7bTkHpMSmja4KbG9W8tYpTr6ngbt00qkb/PKEMOHX0PT+qsjJMkOO8XGUb7WGq+lKin7ZW1tFUsdnAKl0cN/p4Y9P9z9I0x7Wygrn/dHMlw3kZpZ+to5lvvqGkqe0fC1bOw1A0viQ7yh5FuyDaUylPkuYgNpV/0CJH5JVwwCr/QJsJ7Ghe3sbD/3l2NtPbuVvxATVIPU8lyqCOiKFlCj0iCN7pl2pU82K7LxGF1d6rmJcsZZisyYsW/qAPOgKg2VOQmz2HPGIfbvYM6OYlsxet9QC5TAaZMWgED/Th5S228EmFIKsIVgqJIl09Po/2RtGvm+BeTrJ1oFnjxTrdFh55K0ko4zMi3VHaiIuWYfW6OXstq6ptDxUuN2qw26B+pGBDJ83/ceDW9QpbTYnCFIludac+ZRn6jpNxXIM0yBmvwcUh6pEm/2WpH2iuuJMzvDCZ7ukMjOCeTgMdqXEK8U1KBd9SV5G6a6uKL2tODfx7th7EPLKHfm2g8arU9qv2ZLo5Rz5H/9Zbz8oY3IIwiMENVCVYvgQsH/ADbaHo9SW6cIITaLg9UpNmfo5uckF+XQEsMZJSOy/qSE1nNzY8CLo6MYOoTdYlg9pNdzeyazvwlCSVlc2YcUw0CpIaFzCFu3ASAOgmLX5kdBdIgCMXiLwPU9fcKRs8WE7jmnucV+fPs7MTRMtYFZb/zmfHak9bmznzj9df3jBqEvQl9ZkSL2Te7nbGeyTyLjJ9udJ85xGNv31vxtC3sL5RsLOa1tIddpWgUFTUnf1VKpJXbsPFqhp8qbt2K5XXKc893AXFYNjKxdcwjW02aJn9/4Bf8u0AAAB42mNgZGBgYGQ4qszGkxDPb/OVQZ6DAQTOn2efBqP/3/x7k72Y7SiQy8HABBIFAD9/DJYAeNpjYGRgYO//28DAwMHw/+Z/RvZiBqAICngOAIrhBld42nWTMWhTQRjH/+++u5c3FClFrE6tQ4cQJEiGkCGE0lpD1BJjKEFKkBKkBKTWKGkbFYqTBCmlSHEoRUIRoQhKBukgLu2io4PiFDK4lA7awaLy/N9rA6Ho8OO79+7u+777/+/ULkY9ABZnDVAX8UBNYV5+oV82ccsUkTbPMOtMY17NYZMMyAbqugdDzjcMqFVkGGvqOcb0CMbVJ6TlI+JyFWFZgSe3cVYayMkkxqWFCsd2fcXuZY6UzUOmVQtV9wVG9br/Ve+gajzkzDqqeouc5vcEcq6HqmqjotYQNS7u6ROouzsomveYMY+R09NYNCuMbc4lSRF95g7SuuXvhe76300KZ/QV/4uuY4zn2GbPlxljrF+Rl/6+RLEsW8jrXkSlhIy+hIw8RUY1+M9DWV9ATA1jQoEaHCDm/ECMPWf1Q2SpV0YnWHuQe3oxKXGUuC+iryEhS/6uafg/qUuvLPt78oo551BUB06cMcL6hSPtm0HdGLV6gqQuIWXX8Pxp9rZk6qy9jKSUEba6We3lHb+juKnKwTmGeKbzqoCURB1P38eE9YbzH5w/iKsmeylTrwXETZM8Yv4WPbCa/wN3gX3Th8CDLuhBKvChjSyZZa6+jgfHYU/1YEwfugl8KKDCfHn5DybBs5UOPeiGHvQEPgz7vxn76Veh48FxrCZBpA/dWB/0SURsDDWRdyNcw56o1QxJyxTgbgOdyDpwXpPBQ/CZ8TrjDc7Rhw72HoUK/j7fS4Lo4I1sIEG0nKNub1EzI6jZveoUwqRo8+om7+Yi1zQ4fsP7tor8X+fl2zEAeNpjYGDQgcI0hmWMP5jlmG+xzGI5xirAGsZ6i02BLYJtA9sDdgv2NvZ7HDYcGziZOKs433GZcJ3htuKu4b7Ew8TjwVPBc4V3Ch8X3zJ+Gf5pAgECnwR7hHKErgnLCB8SCRG1Ev0k5iF2STxI/JVEk6SC5CYpB2kN6TMyZTIfZC1kl8i+kpOQc5MrkVeQnyL/S6FN4ZNinpKR0jllN+UlKgEq61TnqbmpTVLXU1+n4aZxTlNH85xWlLaV9j2dIJ1duha6CbrXdP/p/tOz0BfRX2KgYshmaGV4y0jG6JpxmfEK43vGn0zOmTKYupjuM1Mym2C2z9zOPMf8gIWERYLFJMsoKytrEesOGwGbGbZqtvvs6uydHBocjZyYnK44r3FZ4CrjOsNNxu2Ee5qHg8cqTxHPJs9fXi1eW7yNvG/41Plq+b7zW+EfFCAT8ChwVVBNcFiIWahU6K+wKeEi4dMiFCLORFpELomSitoSbRTDEpMScyTWJHZNnE5cTzxb/IGEikSrJKGkackuyb9SfqWuSJuRdiadCQcUS9dKt0vPSZ+RfiGDI8MhY0UmT2ZR5rzMf5n/snSyIrIishlyZHIccplytwEAidWYJAAAAAABAAAA5wBqAAUAAAAAAAIAAQACABYAAAEAAf4AAAAAeNqtVMtOAjEUPR3wFR9xYYxx1bjCRBGVEOPCiEYTDREfE3VlMsiIKDAECsa/8Ev8DKMbP8Wla89cioKwUGOatqe3957e1wyASTwhAhUdAfDO2cKK8neLHUyoQYsjmFNTFkehVcriAcyqU4sHKa9aPIQL9WDxMGLqzeIRxJxpi0ex5mxYPEbctHhcaefR4gkkI68WP2M66lj8gkR0BtsIUMU9aiiigGsYaMRwiXnuK0hgmWOBeB8NeKgQHXLPoUQ7jTx8olDmk8ETHMON1d0kX0NuDM+GL1RpVRDNK54uuce5Bihz9yifl7fueGdoq3FM67owNLnmKdmldkW8PKBFWe415pDm275w+4zGo6SfVOOEEffKj+XUoDT0YhdZsrvIUG8L6zy5lO3gnHFmqev24e1mOBWf64wjkJwtM74Ex2qP5eI3y17mokQYIiOZC3NeFt1bygJm8ufV+W+9OxnxX9f5r3YuLVr5+OqDE8mBIZ8nWWtnrCQMPrXqtncaxHl5T0t/+WK9xzpr1rUqup3MmS6GsDP71TWcusOz7ne/6tfkLEqVc1Ljzj735N00jgQb9pyWb9HQq3UscdTJWZMMGeK4+FDiHlBa4H2W9pk/2ZzRlxwz2I661auuVKbVWRX5FyS5JpAid/Jzbf8jkh+uR8sIAAB42m3QR0xUcRDH8e/AsgtL71Wx9/LeW5Zi3wWeHXuvKLC7ioCLq2I3Yi/RmHjT2C5q7DUa9aDG3mKJevBqNx7Uqy68vzfn8slvkplMhgha608FQf5XH0AiJJJIbERhx0E0MTiJJY54EkgkiWRSSCWNdDLIJItscsgljza0JZ92tKcDHelEZ7rQlW50pwc96UVv+tAXDR0DFwW4KaSIYkroR38GMJBBDGYIHryUUkY5JkMZxnBGMJJRjKaCMYxlHOOZwEQmMZkpTGUa05nBTGYxmznMpVJsHKGZjVxnHx/ZxC62s59jHJUotvGODewVuzjYyRZu8V6iOcBxfvGT3xzmJPe5yynmMZ/dVPGQau7xgKc84jFP+EQNL3jGc07j4wd7eM1LXuHnC9/YygICLGQRtdRxkHoW0xD+diMhlrCUZXxmOStoYiWrWcUVDrGWNaxjPV/5zlXOcJZrvOGtxIhTYiVO4iVBEiVJkiVFUiVN0iWDc5znEpe5zQUucofNnJBMbnBTsiSbHZIjuZJn99U2Nfh1R6guoGlamaVHU6rsNZQuZUmLRnhAqSsNpUtZoHQrC5VFymLlv30eS13t1XVnTcAXClZXVTb6rZZhWrpNW3koWN8a3GZpi6bXuiOs8RdCFpfPeNo9zSsOwkAUhWGm004f9E0tSQm4CQpIWACtqSEI0klI2AIKjUGCQLOIWxRhc3BCpuPOd8z/Zt8rsdugIW/bdozdVVcL2U4oVQ0VO4yLGpOQh3ZAvKyIyw3ZZfXic0v+4QB2DwE4Hw0XECcND3D3Gj7grTUCwF9oDIFAg1GogxHe8GjJjtdnMAajh2ECxk/DFEyWhhmYrgxzMJsZjsB82lNRIX+yJU3JAAFTqVcWAAA=) format('woff');
      font-weight: normal;
      font-style: normal;
  }
  
  .hfbookcontainer {
      max-width: 41.25rem;
      padding: 0.75em 1.5em;
      padding-left: calc(1.125em + 2.5vw);
      margin: 0.75rem auto;
      box-sizing: border-box;
      background-image: url(https://scp-wiki.wdfiles.com/local--files/component%3Ahf-book-right/Herman-Fuller-page-right.png);
      background-size: 100%;
      background-repeat: repeat-y;
      font-family: alegreyaregular, serif;
      color: #000;
      position: relative;
      border-radius: 0.75rem/0.325rem;
  }
  .hfbookcontainer::before {
      content: "To the Circus Born: Herman Fuller's Menagerie of Freaks";
      text-align: right;
      position: absolute;
      top: 0.975em;
      right: 1.325em;
      font-size: 0.925em;
      font-weight: bold;
  }
  
  .hfbookcontent {
      font-size: 0.975em;
      padding-bottom: 1rem;
  }
  
  .hfbooktitle {
      font-size: 1.1em;
  }
  .hfbooktitle p { margin: 0; }
  .hfbookpagenumber {
      text-align: right;
      font-weight: bold;
      position: absolute;
      right: 1.325em;
      bottom: 1.15em;
  }
  
  @media screen and (max-width: 37.5rem) {
      .hfbookcontainer::before { content: "To the Circus Born"; }
  }

  Pages using this styling

  • component:hf-book-right [info]

  ¶ 1 occurrence
  

  @font-face {
      font-family: 'alegreyaregular';
      src: url(data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAAIREABEAAAAA8KAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAABgAAAABwAAAAcZzcK00dERUYAAAGcAAAAHgAAACABFAAET1MvMgAAAbwAAABbAAAAYLx3ilRjbWFwAAACGAAAAY0AAAHqueNEnmN2dCAAAAOoAAAARAAAAEQL1w9UZnBnbQAAA+wAAAGxAAACZVO0L6dnYXNwAAAFoAAAAAgAAAAI//8AA2dseWYAAAWoAAB1dQAA22zasYpdaGVhZAAAeyAAAAAzAAAANgYdWYxoaGVhAAB7VAAAACAAAAAkDt4FaWhtdHgAAHt0AAACWwAAA5x2RTsSbG9jYQAAfdAAAAHJAAAB0B1rU8ZtYXhwAAB/nAAAACAAAAAgAgQCbG5hbWUAAH+8AAAB8gAABQ6AYKVMcG9zdAAAgbAAAAHkAAACxxv8QPpwcmVwAACDlAAAAKgAAAERNuWSUndlYmYAAIQ8AAAABgAAAAZXF1OpAAAAAQAAAADMPaLPAAAAAMsqYG0AAAAAz88HlnjaY2BkYGDgA2IJBhBgYmAEwmdAzALmMQAADiwBGQAAeNpjYGJ2YpzAwMrAwjqL1ZiBgVEeQjNfZEhjYmBkYmJgZWZlYGBiYFnAwPDegUHBmwEKCiqLihkcGHh/M7Gl/UtjYGDvZ2pQYGCYDJJj3s1qCKQUGBgBciYOBgB42mNgYGBmgGAZBkYGEHgC5DGC+SwMJ4C0HoMCkMUHZPEy1DFsYfjPGMxYwXSM6Y4Cl4KIgpSCnIKSgpqCvoKVQrzCGkUl1T+/mf7/B5vEC9S5gGEbYxBUPYOCgIKEggxUvSVcPSNQPeP/r/8f/z/0/+D//P/ef//9ffng2IODD/Y92Ptg14PtD9Y/WPag6YHZ/YO3XrA+gbqTBMDIxgDXxMgEJJjQFQCDgIWVjZ2Dk4ubh5ePX0BQSFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTS1tHV0/fwNDI2MTUzNzC0sraxtbO3sHRydnF1c3dw9PL28fXzz8gMCg4JDQsPCIyKjomNi4+IZGhta2ja9L0uYsWLl66ZNmKVStXr1m3dv2GTVs2b92+bfeuPXsZilJSM++ULyjIflyWxdA+k6GYgSEd4rqcaoblOxuS80Ds3Jq7SY0t0w4eunL15q1r13cwHDjM8Oj+g6fPGCpu3GZo7m7q6ezrn9A7ZSrD5NlzZjEcOVoI1FQJxABq4o0VAAAA//oDpgUhAGcAiwBSAFgAXABgAG4AeQBMAIsAlwCLAJEAcwCdAKwAsABCAGIAjQCTAEkAhACAADsAlQBeAFoARwBEBRF42l1Ru05bQRDdDQ8DgcTYIDnaFLOZkMZ7oQUJxNWNYmQ7heUIaTdykYtxAR9AgUQN2q8ZoKGkSJsGIRdIfEI+IRIza4iiNDs7s3POmTNLypGqd+lrz1PnJJDC3QbNNv1OSLWzAPek6+uNjLSDB1psZvTKdfv+Cwab0ZQ7agDlPW8pDxlNO4FatKf+0fwKhvv8H/M7GLQ00/TUOgnpIQTmm3FLg+8ZzbrLD/qC1eFiMDCkmKbiLj+mUv63NOdqy7C1kdG8gzMR+ck0QFNrbQSa/tQh1fNxFEuQy6axNpiYsv4kE8GFyXRVU7XM+NrBXbKz6GCDKs2BB9jDVnkMHg4PJhTStyTKLA0R9mKrxAgRkxwKOeXcyf6kQPlIEsa8SUo744a1BsaR18CgNk+z/zybTW1vHcL4WRzBd78ZSzr4yIbaGBFiO2IpgAlEQkZV+YYaz70sBuRS+89AlIDl8Y9/nQi07thEPJe1dQ4xVgh6ftvc8suKu1a5zotCd2+qaqjSKc37Xs6+xwOeHgvDQWPBm8/7/kqB+jwsrjRoDgRDejd6/6K16oirvBc+sifTv7FaAAAAAAAAAf//AAJ42pS9CXwb1bU/PndmNDOSRtLMaLNsy7I2y7YsjS3ZluXdjuM4juM4zoITQjaSkAQChDRACBDC0rA0BMLW0kCBUkr5pXRGdoAGSlN4QHmUvh+PNjy20uVH89xSSiltCU3Gv3PvyIkD9P1///KpNIsszf2ec8/5nnPPPaFoqo+i6HWWJRRD8VRaR5TaXuDZyj9ldM7yTnuBoeGQ0hl82YIvF3gufKK9gPD1rByW42E53EdXGjH0dWOjZcln/6uPfZWCr6SumjqG7rDspeyUQqWpgpWikhMMS8lsEmluVaOOTnBufKZ7UFLnKFkpiA4pn89T9Q25xuZsxuf1cNFIlbsL+Rk+cVV/Ptc5pzXXPuR8TNmc969onjsr0zx3tqXaE/edaHJK5Dd3MKO0ZGmgrJSbylDwkFRSs2cnLCxlZZOaK4M0D/ll0U3Z4Ze98Msi/LJO28jvunN+zoUSzVUJ+NHi0Y59rmAy62cslr/tc5abRxZPUPrNa0F2+4s9vaeO8O/7qQHmDfZuKkGpyKC0SrVQHqnKZrN6LTdZoEuqM5mMllYLrK8OXxT5yYLgVOAi0upVLX50IipRcXjQqKRbUXLCTs7GQ3arkJwImrfsku6CWzI50xtQUmsuPdy54i8HKG/SxmrxtGZPa3FJj3LH8Wet3PHDnef+5Sl8VwulNTmthSQ9KBzXZPgi4bgFPjtOx63u5OHOC/7yW/iYfZzBp5ZxFr+NC/gVHmhcjNrhICSNO0MuOAhK40pQhg/48OvhzrP/cjf5Yz8+tYyXkHvl+BX/TSX5G/iWCPkW+M2q6e+tnv7eWvyZw50X/+Uj8kVJfGoZr5v+yzT+3OnfUfFpAR618ubKm6OcU1byBbiG3+Av8Rs8CbxR3SJjtbtkfzAUjSfV9Iz/oW4PzbCC6FR8/pLyykhVdW2yLn3GR6b/p3WXIt0alRUtnNfssl6Ryuf1YAjObXlKr60EFaJK4ZKYhiPOk88TXepCfCLnhwMmW3zlEy6EX0Gh3Qkev/LxLHwOLvsr3isL/JoLvT00Ko1suWBoVB55V0j8Ugm/LSRemzvinLdvcGiBa+h3aPHmraWBW4a96Nkhevtm2jtEozl2h/FDBg3B2xPKIL1gP7wYj0siGqNp4yB5X0Hv2EzTC2GWbzFeYLKWPgqgoeagC6hCE8xMrSGrc8Kk1pPROlUtmtVlZlLzgl4OqBp9VHNmJhiJ8oHGtcqTGiPpFaCD5eTKuK+iz5nU08qkPtfUxq5Dx49hfXNqjZKmHNEznuOa54gFzsa5RgWE2PXUZywRIo9PLeMyftMy0rg34wGtieLXw11PHP8z+VAMn1rGG/Ab/o6mM7+jw/yOzunv6Dnzr+fg0wL80Gk90TryBbiMj2J56kle8cQyjR1zTquFxPGy4vFGYw2ZxqaOzp45X6oOFTSIvyqvp8tB5gGQPqVzTVgR6vN5rVM+RDPO8mA65s9rcFEqxTqRa27KeXx+d1UizTQ1NuewUlSgEE1MTVNjVYLxZSs4sHtENdJIRW78cSdydyJ8e4tvRd+GqNvWNX9Z8qcHgk2OYPcVwaAQtI2IbMdgmGYbgmPhjoDvZ4+UNdnL5twQCj0yOj84uvnxszYtHs5de4dw1yYObRD4UKp/SXbHoyJSrW7jXdpttTqvul0QKpKze3njIO13qoFsbVvlrsecxtucE5WhMqeD/ji7oBrlmOETJ7klsxoXJCjKQg1MdVj6LVsokQqAzWukeqnvUYUM6JPewk6C74CDOBwocDDRncwwjqTezU5OBG3kMMhOIm0WMcilpnUrlfQIaBZnnnGSXg1nTeZZk6R3wFnatHx9YLojpeA0mBKw3XmNkzVvXqtWNE9e7wAxjEvJjALgU3p3C5x5PelqONPjQTxBKTJBi07GibCXodwohCiGo0EUAHo200kD4tEIh2Z+LDfzzsDje27Y23/rqmvunIccT9DiiM04MDH6zuzZw7arFodaW6Pb1o6uppfCp27t3wefWn36KvP2Hc8funLVA+sLJ1T0dVTBtCaCJ/9k/Pp649sXXJBg77xgiys2r3HlznNP/Nr84Ibxxy64UDKvgZ/ZOvWS5QD4uVnUEHWAKrQD4oUeDPsc22RBxLD7bJMTiap2EWBOcADzfFWzHtUDrsnxvgC4E51yTGqUqvfBW0DSQ4BmszSpD8N7KCAr3XZe5OREDej+3EGsws1yIdvYgr2zPqcHIGyFQz3RLiuH+Egw00k+45MPKVZ3IEV0XlQ0mYDcSXehpqomgmII0E0DjqDiPj9qNmHEup+Ld6Kcn3eiJOIBa97iBdefOA15DjnR1pYFC8rLH/3D47N2BsvZtZ6Bs1oXrb3mCTQnPjxa0irLwWQv+s6mDOMtc2YWvMotHUWh1SHlr0vf3Pjyn77x9Dd/cLmRHVmNBnovm9ciik799lsO+0UxdA/dW7d4zvqJA8bv55638zIbaxkLswErzzV0lbocQ1det+vjcNebS8999meX374JHYjfBDwDYZ6B/IRnVJsso0gxkGZTsevWacekbsfvVjAS6ExucZpRzOARFPneg8Yv6eXwvUmqhCrY4XuRVofnh+4XJ/UUSuLvkRs7uS7sRZycV/ZUcCHk5aNp7mBpqrWruzXlcAhlNOdpbe5WKz2Ruob6uojNlhSEsgUDZ3Ul0TBau3D/1nPntMYDnKVNYGw1jWdv/sZZxv1z92w8p68lFrBwtiZGrG/fvHPCfKaQ8Uv0KjxTDX4mmjxTraqFj+oiPFPSfKamHLZbsscJQ4wmcp1gCBvTbCJ06nfh4bq7zny4ysbOrkaJ/fjUz6037p/xaFbaXpPFj4bOPee7l57bmbSCvbmFWcoELe9TNspLVQJKLdRsqtCAWV6LqqfsoOd5VQsenSgrOiuQQBnM+ILTFSa6m8K2wMJRWayiDXKhLFieJ7aguQv5/Fg5E/7mXAi0zYWqEu7mLJEZWF5goWCoEccnqty5ToQ/zTvpxC1IUbauEB3pLSHp7NVtXLBTkgabXpvX5fTHZ4scPa9BLu/3elJZd95Gq5uDwbTH6qy/Jsv+ZLhDaOvvs0kV/F+W9Va6EivLy0ritL/EeeUWu7Vha6Vxi0pXj5WUdCToSxCSXNWio7tNoTkrjWUSpzqYYywFKLRSmNI6szpjndQEcNg+VfMc1ZiM7pImNS6j+wEDFzg73SJjBBh8SDlMhuLLYq30ZmD0ft7i5sEJWeK+twr0Rq9j7mt9faJkrKXXKbSxGX28jkYHJPHEwxzDeDbRxja/43cTtKkfz6K11CuUTNVTmqROCCwl4JmgqBpzVLfL4AfstuR4NyNbk7obnsbOwJwQyJzAbi2RKxpYmk+E5pzdyw6oqbamZedk48bHDV/tHu0MNi2Z17J15UBFiOjjIHqcHqbXURx1M6Vxqo5sk5ql8qisMzaQP0/cCevGz6ALJiHh3j6ykhBglNYsaQ1JOmc7rlkk+Ivjh/n/deRSzBTg8jiNGCAL8HqaLFAanUYTiGYs3CnXT+kWDoZA5XUGwTtLsIyD/bIMimjdDS6b4UHPnl+jKBc1wfPuhDjoIuptiIOazoiCzoyIxBkR0XRg5CCTa2YwtHM6CpoOf+D7+6dC9ArLBrBFV1PY/uDvsZjjt5vj7/jPP19shgdU2qkxR3TBe5zVLEcOd7zx5xvI2CkYOwVj1wRpnBcsGARqBggFuIaxOEQBDrxQ5EnjNGMeE0zqG/xKGZgl2o6i/ReMfLBSemjs4NrX0GbUzNzjOakbh06eR2K04aljzN9ZG+AB0VIRERdLlYGL96oYjwDGo4SYPRF0WJR0BUeI4J4C8K6IoMCMFeuy1zXDmVPZjOL1UNEITdx30bkMo9I3nvubceyNFz/e9vKD9z778wfv/SH6zZ9Rq/HB238zfoL8iP7eL35y32NvPk90a2DqGH0TPFscyyqAvaobe1VJAM2qwpZFd4DRS8BjOMCsAOOgdMkN9kUpLTPtSK4Z/5f1OxFPg5PLglKYPg6MBthE83hA2LHx2zU0EqtDrKOm/QJW+f669O6aWscl/Y1t7mZZYbYudUplVnB/ff3Gt/42mueElZzI8ausy/ag1wdSPMOYtjkHWD4Az1tJLaAKlfh5g5jMh1TdC7MCJocT2BfnxNOPs1kB1jCZlLJ7EvMsSg9B5KKV5zWvDNqscco4Y5dLwTbWN3QhykSQjyY6EVFAmvGHsamAEcSifO4hNDw6MPumtOLPvrh21zeeOiGg/NalodE6qcSo0C4UD6Gd35u76NxFK9bu3nPRCuMj43fO2dvtB+92OgPk2Wumaui34dnrqPVUgcEw18LDIvz8VlW3WybBguhB4DNKED+/4sPPn1I17qheBaylStIq8ax3KZOaS9UrIf5I4yHZawkt1xS54K+MYWoYVLQAjMifK6qFSucInS4OjjVnF+9l4ZWFSVZjWz5472sTT9vsXx3dePbs1t1pr0coXTi8IXn5/ivOQ57vGZ9dM7u91+E+sH3jBmSbE67aM6t7QWt6KefJJCqv2rjwviZb97Ob39o7m+i7MFXDLIdx+qhS4MdAujQxq/vBWvNgrctUzXtUK8lgZ4qttQTDKMdZCS+MAgIUSQYaRel+nKRA1jwRDMqAgslAAKoS2CcR/hRLhOWoINDNiEM9PxaloYsQz7D220UbbfxbJVqhPDEE3NZzUpUvptnB7zdknAHl9QeEi9ArRBZheEYbO0zFqCuLsohMy8Kr6iIci14sBFHGQogTIZTLk3pVMeL77xM3EgPrBfviO6LbheOa7QhVsNl9xFDY7F7fqbipHGxnQVLcxCF7wYCOc4q7nCjdaREhN6aEXdgNR5kKkIyTAcmEbcuHvv3WMx+5ozK6rr1RntUgvv6hc9mN1y3Ozt1598NzuzpBKt+4fP1XanzoE0lmKlPCx+DDDE9te/+q/MD+7SsyXUQmozBvlrMvU1GqgTqbKoTxiBMQ/qZUPQATx6nqNgtM+QwxQjEIeWOSXgtiqQBal4X32hiMIRD2YPWqkHWbSMhFArvWCrgUkHWP1zRLmKsBn+B4fyedzVTQph3PzTBRPDeqDm/YunXDMHh/vzW0YuySFYt8grttZ9mSW5ak3i98998fvm7buV+5dXPbxTEO3XHuk3t3nTOciQm8vYNxqC2rNt+9kBVjbR1rt7d/5/2/vnjfD6/dtvlbDWVpkOswyHWM+YzyYJ4As8QCknRZsCRdFJakl3gLj8mWfDAwDyiaxsBgLNi20vwpcpQN+2nER1WELE6GHw7axJ27YDq+MkVlnTu9NGXc39RZ67HTe186YBNajY0nf6jFU8wfnbRS3wnhCcVQ2wDzbYB5iFKpHmobRUyVHuUmtS5QMWxhewnclTC5KyWtHk9uq2sSG4N6F76kt8MDSnBXkrRSfLcK5kyVqpeCSZ4Ft9rrZeUJ0RuMptIcify6ohCfUFapNN1K1CvX2Mnk0ojEIhWIMI4K5kyBpOkEcEDO7alg/RXIXxTRtqrccHv4gsv+8/7RW1dX9XTHcsPzqv6i7//ZXbdtXrGnZsn8TsHOPR2SaiPz4qpFYHduHVuyycit6++MSm03brzh5bZrxlrWDWTcFbl5q/Nf/+XdhdW3Xb1Cnd+dDLEWZgS9W5GtD6e9JQxLD+7bdOlmoqODILtRsBthKk0tpgp1CNBiQEeDqh7HTEclaEUAj4ik12APCROyHofF2Fg4JdDDGrnABEvIRCOBb0kALtbJnw+AWRdSUSeXSzjpaCRNmxFXceiDWP/mXX777ZfHq0zt3LpikZd3t5raec/NF67dwt2w9dyv0Lu/83/++sOrf/vgjUs7RIetE1Qzt2rT3Qs5UzW3bPnmUF39N5++jowNdAFtYAKEA+TPYEWYA7iKnIhwAE3MFPmQpkwfYSLwOWYkzzjeBiypA1hS2/T7NFuiL5ymTfAMmLfiZ5CpIETRYIknvMXfrZhmrmCYZ5BXzS5NKMUnUUnIzCiYV3N5nBMsCN4yM3v9BVbrnvFsZzLcxdNP+AWqy/zo1KPCPO6i9jEPM09Q8OtUgUM4BvOoOH1NAktiKXFwYvE6EHYL8S4L+tain3d2KK7fP2q8gMbQNrrzzUeN82lqtRZb5C+xbRjp3ynue8g/umHgIGARR73MMRAAlkeawkEsDid8qu6yTmI5EMCBLmMDJ0Dk7/LBkVjMc4IDJQGEAzEzjuM+1PjE3LfnzgUDrBpJ8cxTtHgdzbGMdyNNk0MSVNBkrBthrK9OjxV9fqw+vwV4No7PVNScizel0EYYGbpLZo3VZMTO9x9Fbcajxl5mHR6cbw0MuMRvhwFf4dj3EIz1MuB4D1n2UgFged1UIYp1L1iUPHC80qNYzypNOYPRwVbRUiR9laVgYZCddspuB7Yw8EBgGllzCvnxI3WRrMYZEr9sVvDHSAwlh9vXl3FJ7ip3A/fJ9l89l5um8pbABQL33M251T2za3o87ufkiPD38gMjqy/fbf/n8hn62mcs5taxx4BDDFO3UoUItgfzrJOFOBwUZOyqS7N6HTupdap6O1jVjKpzWHoLiJ1oBhPaLOlBGMUsOJwl6SoOxWBgI/CuzpKVbhsnl0b9yUx751xiPuV28AVt2GBo7rw2T+m2gnoEkyVqcz8OnyNyIVqVMGlvo9KJYtkMS6wqeGowsV0oQfORqiZ8C6e4cVBN834wshIVjrDgCCsYv5evilXRcWxwFDeYGyfqG/76a8h/4B5kmdjQtOXe/9o1WOfziT98ceGiJV/93sJXFXuX5EiuKLG+9VvjSeNP/2689O3GS7778Z1Nzxsv/nQz+mektOXDbVvP6b5iPtr9VWrqnUdWrX3sv69f/8x3ds5pl3+5di1rPPS1e665mpr60aXhRjoUSB8wVn1P+OwXyI5SPzWefm7HGz/62jLBOWi96V0UvPasq9F6ZJt1/XuA/9TbUx+why0NVC3EuQspEhho1Vndy4MTymheSYtjn4REvNoD5NWZKXA4MRRMujmc68R8okHVM3giBSFm0Ox5nUti+6FiCHngpDmUyypuzOn4KpIXIzxVBQoUcSGcM2vDszvqBuvMRONya18Y3bZbOnhvYHQZ67zja9+oqeGETfOVvoaH1141pLT2fIUV797zw4m52x90cau5WUtYX/TktUbj/A5eWMzZLBbnCB+JV7e+R0u/zAXqqoUxJ63a6AD4apgj7FJLGHxPHdVOXU8VyvBoqaweZyYLTnNVTW/hcMZhQk1SThigirOMHarGgk8CBUtlsFtqAt2SgaBXY2j8EHV0Yv/EwqgdmCc1yRPOMk88SdQtXoY5Lr6clDXQLxXncrUWYFdynnBDAMMNPolPAEvMmZyd6BvOEmIeFZ8mVQkePtHJTtOry8RVPXRFup913TX88fP/e+cldz16/a92JSeaU9tjqHTzNTv37r3xl5YjIaG0N1OrPeV10mJglXvOUmZFb8piXc4JD96z/jsNld+5ZNMTF3hE7m/DPTdtv3BvgN0i09ZE87qO6692l79gxmPAK9n7QUfi1CWmZdF9ABiLE7KSzYwhYS663ZOaW9LF00t8AbsoJItJcGJpRNCQcVbyRXHSutQObFOwBokj90XNkE2Sxym7iIM1jVU0qzkLYyTJCqoDMIQjtFeissWIzclGK6nRp9Ccnw0VslkhIa7ljNd//jeEfvG1x6rOrXWKfNlZK27pM/7bmKBXv4oGDwdEUbz3GSGXetb49SfGx8ZT9z1iffoON2MPehV0lmlHLcOgI6VUNbWJKniLGlIxQ0NijJmTqiFqUeYCKwpDL5P0MNYLUAfMqcuIOvjBq4SBQBe8zgoyzgovVge4rMVwDKQ5Fc3xBTWIV1Kyh2ajRNCImBEZmxeOp09L/aZhmFl16NJnjKf/7ccbU5fGUNl533zXMA4b/5mEyXamrI2Dxp9fNsZ/HBA5VLF1HmpANjBcUbn8xGsg38vABvSCfPuog1SBwiPuyuoILACStCzW8R5+spDtwYwh22ZNFlzYAkRrKRdMkCgAE63Ft6JV1uS4m3IJSd3hkiqPqHo5M6kLPCjIbIJUGvPdjJaWcL5sQjHVoh+wSgNWWk9ec8vjjvIEyWIqitaK1yCzcKc9r7uxeiTyWrmMw0cHXqD8PGiVJBONyS6LYWMyPtNnA4g4aVEBcUonay6Ax/AHLhNX9JlIPrgTjU9wUXEtaymNjCxfsK4WSd4DvVel09agdlH/mCDEW9vGNp2dTsjW5XyVYjOWPj/71phnpTgwNo1wifj1Z4S2YLwmLom0P29so+2cxbaDdxlvrk4lg5zFG+wc6LDZHntcdNosBPNjLAWY56j7TMzNBSZVmDThrQkTeGsA3nANhjcc/5fwthB460x4686ANw/w1mF4GzG8hxzl8URDpghwFQCsZkA5UUMjXvhwh80cw/8PkP2nMWZO54X401oK2N550MTWX9E/PBtj+5/l51dXW4MHVgO0seb9rPu5i8BmnaGwJeL9zwg9wVhtEc4RWuQs9is4l3FwUQsnrBZErmiXniEY3myu9+r+absk2yYnQrEmFiAMMSZEYKI8ME89kl6GQYEoy47RmhDNhThRJWCVeWRlgpXDkSay3iPjxVTd3wTIqHktJOt1aTx3lQIVrsFhsiyP20VP9b+2V4AHNW2w4CyJEiQbAKg5wcr7edOCTaA5vxh6saNTqBFXc/u//QfjBDX1i7lfi0SS/XtZ5ZYdibFAiRAvdYrW0PqN35hrfGg8Q6/+BRo4NG3PcquWgJEDg3Y44fZ81lcrnGflaCYVuv4bl3UorKMy4AXrRpl6Z7nDkqQWUK9ThXl4rjdlif7pCKKweZI+wE3qmXwmU6jB5k4Ctw+GQMlodjAEWiSLNU4LZSYC3VQNgBsQyEpbn21S65bGU92znNj0AeAjqmY5qpdAtNGXKZSQ4LwERxsWSZ8NilpClj21soyugv1MKZP6QgB/tgUbzfmgix0lsvJkKBxp6Z47OA+jq8p6PIct6MA8+EzjIGDfJ+vqXPisXYArtvAX3SmGmYe4nrFkcsWLnumriKflaY0FlkI3yWYWs6jGjXAy08MmLoxGBbU+aKVFNHbt983Ld2fqdlYnhKFGJhhrXsEqDy3/ozKrO/DWyuBjc/pBtVdY3I8ve/sMxbaylhW8XJdvA4fkQdvJRWTBV231bSfvMv6O1Xslx65AsWXnoCbabuGM281rCpEfxJj0LpBfhDq3aDdIwqEU7IZM/BO218QqRIkEvMpkwUvg9xbh9wPgMQDbT8AOYUxLcRiNygFTgZAUO+Cp/Cs8ZyIHc32buGYWHUotZZ0PLK69tKrKuqQNw7GFVb6/On3Z9LTuSU+PHo/zG8bH5phgGsOYVONNOgdjClANVEEi0xeUjIzEijMopcS++RyTugcUpQxzTdkqf9E+nX5ABl5U7qrldDC9hnW9m7gMxDRQy3gt6IHv/06a98xTzIbeWkE4Gz+QvbbbKDWueO3kHByPbJ/6HfsxPEsYoqhdVKETg9sKDr9V0hCeAeVZneJNrPXaemDFSvFRtaQ5N6qBGfSQBy4BoAn87DT8ei/gXoLNsQNQRzijUdFGUB8viWSaYwT6cVuN2lBMHH4Z+owH7EYRf3cO2xgVTdsUfN+KKvA6Kl5q3u5Z1XaGBg/l6YDkzoFiPrT8Nhpd2L2bdd41FFtZERSczcvOMZ5AY4Pb51gdd/g37KJXWNvGZuqt2Nh24na7rbekHIuOviGIruqubbICwWZp2rXY1rvaeMToXj0s9Ac0oqu3AK+wAZZZak+RV6SzZgYswn9BXRuJupYBrfZnCmVEY8uKGht0EXpVA24tabo1zMCDRH/rwQDUAMfWIoRhpwHXSD1ZnQZUC/7aJLbS/6M+MzyQbS/o9Bcowi2OkSJ89xQNQKaUZxAK2Ko7O7tG+2tiPnE5F/PbjAPP990cAUIw96yZgHFKdSrNW52cccAYbmmJW/lAvH/JLJvt8CuiAiwAY7Ry6k1urSVODVK/K1Y8NGCVo2aDamVAnTKS1ou1C2KyORCZJDNkAV2Xg3DfasGmGGnzVH3ITFkfqf9nyCxSykta8xE94juuxY+MRyNxd3I8hl/hxngu3wynLfi1ALdm1BDF8gW4jI9yeerJSLwlH401507VEH3hirlumGk3Ae+V9do+gNuqHOK8vqbWDqLQ8oSjJFBecUqjcwpJhRfxL4W4EMLDRtBZUirh9Sh+8/j0ClMjraIo4lEUeNwpu7PS1tNqXb5kJSff11va7/WNfj+Vtn/r+YbZ8rusbdncuOyMN+RZZcdg4vxwxNqVj8qy3djeYGyz9XctZpXr+mJjpdJKoW+UGapubuJsAzbQYuMfBnvFDvQ9eh6iGVEYsjVm0yefeW3HICus4ASWXck3pEPo6Z+/+s9nnezIiUeaumlhhSCwZpx00dTjlqssNVQLdZgq1GN9r8gWarFMcTFFgVdKcH0kDjADGc2DpcpkdRc/qdfVE0JHSlryqtZ4VI9Jk4XGGJ4EjfUwCWLSqXohFWftHaD/5dIkLp/0seACHPiTwRKrWRwQwwVbTB1IwiEf4mUlUlOLJRFUdE8FNveJOrhf0wAzpwWmSsEuR/Ak8eDVMnP9HAvGR4Fg5MbP2R6epkAWzOfWALF3TVwkXZavmO1234PG1qy29w2z7iv7qzZUhmxz+lB5u25ct36D3RaMbmSV3WOx1RVBW3cnKpt3HvvGEEb+jwZ7401MxxhtxXiyK60dbf/cHYR52XjbbSfuSsdMnNmVQlsns6uryV5c77DkgP+5qDKIXQoOPHHc0wwwgCPTckL7JDfOrpOclwDhGc4W+SRsPFiMRgCCUl0o5o4xd2MVr4fG8TfllhSIvQD5aIQeLaCmp7+HhP2bnzT2nTBe0IyXn/+bceI/nv2QXv1TNO/Zbxm/fuoe45MjF6PV6GzjM2MCVX8AOjvP+C+SG9499RGbh7iyCnzclVSRcZkhVhDbwCh/OsBMkQBzwpsgKQivzVyzYUmhk5bIYMJVa6YgyLJNgISaMRBhrVxwhipJoBnEEVMoryfwklt1XkvJulz7RRMYN4vAkoj3VDCE+JBKJuRvNpd1eXq3c3kr+HfiQxD9i99e/+blB1nW6guWXsQqPWeHF72NWt76x+GXqiTklla6ek9ZQOEZ/ZL/ffXL7X1ZrxUcBmJoO315qAb57tvPe43fY/kZ/dxFIL8QlaQ2T6+cgPxEPGWIEGuAVwZI6ryUPVU1VOkm6yZVRXGm4L2qEicWxKCd5FxcAbKKrQVl3e0BWKI4LaXVyF+QMsV7fWZuN4TwKkFVLPEvhG5M/uotFNqZHHV7BIfcvFnZcMj45MS/UIOTxu5O2x1X2i0WLi6l53d/76kv14ntU++xr1vwSkg7dVlRJ0qrslmSl9JLvpCUms5E4bUkNYMxaC6qAU5AVRI1ABlrzfIhZ8gTi1eZZZpaGWBSgslGoDqPc0+HkE0Oxeu/hGMUE1BuzCBcKFKVYMhcB7VIRKKRKMcjfyfbJJFUxHZldfu0Ypz48bv37/tN+0WLBPHx7PbM249xmbWs+03FUxFri6H469aK+a31xk1eJ+0WVtg7l53Ske/ftfPVHuPAmvnW2f5Ny9Fe4z8uygtLkYWm6Ue9tF3tuLgPudzlxuPYvm6fOsbgXGU3tcP0lboVMAphRUnhnHAPqeotP1XVW29W9eJqy6piVW+1CAFKHhDDTKyaBq0JpZrbcToqXwUARWN47ljbSR0MzJlDNFNelSDELKSAdywWu8JUIctqTAKvrLFNjacivkRxgQknHPw++M+D195VtL1khbOye2z2NQfCjQuHsizLM52D61tqkPTSwvuqqriwOCJym2++eH/t8gWzHmo9wBjv/2rpg1Xx3vtesq3YvrTWfcV58b7GXG0pTbMoXDu3Z2X2wXcCDgfEyVZ7suv8xRcvqZvfXx9dXL3tqz/4TVSRMV7K1KfsAODVQt1TzNsFIVwLZwpVZGWYM2tZNS47TlUxQhKv4LMM8UQNHKZhxBlRRydaTNfTIuFaBL0UjFCppIPRmLCZbAz7nBZziVVLyziFUKpo8bzmBKIXBY2zKRqHTVKC0DS9ASNtL51ehPWHc36SHU5bExwpL5lOKlhynZYm2cnzSoBzP0Zf8QOFcfHcGl6QrWVyOjKntVH0NHVV5kWRU15dbRyTGtsafTIz0L8sXC/6eYF59tDjkt8vzf9+fb21Tm0rjzndnJWhd5687fi8bgbRQGOFMdZaUtYxq525imGcQqSkt7G5WDNjUYG7qtR+qpDAeLlskwWeJk6dEP1KMMTYh6Os7gdY0+Z2h9qjuiiDCSMpMZEH310r6XblVMEPduwxBd+Mhaxkq4Mu1hLodMUO6ugqCSSwusVkMm39LrgWjdXiZDIQWp0qyc/w0WY4QPLDDNjtma7aKxPNI9U5/IDzG8OJCyIRHKpK2iPf1UVLWd0Yi6+uq6gQlmeNv3/8xh8q0rPZF04HaY+88qb+PfrAnOpT/L+26+TIGx988Cb9CMxeCk19OPUu+zuLSiWor1OFCDbaeG1At4LyWCXNh91aMAGMpwx4KgJ4qlXM4TFPfe6aDwdIaUUk7dRiR3TJf1xzHNEc0rjTIQE3deHXAhzP4KauPDXhkmIOp8lFD7mkyPRJkYf6InglT8QMVNZtBClmRmQE1BIoDXUqC5PD8OFgMY0SivO7/fX3NjVxwpbB3T3dbrR41rzNrHj/nt9IXRmfMee6Jw66ly9gXxrj7JzFOSJE6oJG1a/eYy7qSiYgAOLWMLG2fz6eos+ifW0tCLD5eOpdfhtgM5v6yIwitXyWwKMFswQhUB8cUOolOIicBeG7L9VI9sz0q/qcIkrrP3yUoNQJKHUDSi6M0uHnVn34DL5s0fJwve2InoDrsc+jBzRxPB5LwGkVfv0CmAW4iY+q8lS3zSVVJdq6Hc5YfOZGEhFfzrd1fu7GNNyzOvHupmhtngA+bvOHVeJSvog5SuCq//8XUUSL8miscorf7uu+q7aWEzbNubqrS0ThuOes+azz4b7cnarKCZvn7urqdqB5PYMbWOe9173p6mjwGqO7tt8iGu9e99hB97Ih+rS4wsmYEX/nbUbZ2t7EWE8LsQKE+CvmmpaqyAwhou+gIyd+mqKX026QJeIJtw9MfWRpAm4/l1pLFfqxrtc3zcV0vk+Y1NMtmQxJXGg2EGnBVRnFdwQwsEpFnAh1UNXn4bxFX7+sTKhUJjdgTugJ5PWXdeJjmzIuhyKxYpka5tSo6nOYuUmNPrmIYyUaYlFzWS16el0twcBHPT5ylQ84F+/b9Bvjk3WHWPHllQM3R8Ict2TeMengwlw3K9419JIgdpw1q/sfKJm/ZhXrfGBl9ltNzbx18bya957pqs134uTAK9zikmt3Ix/af4dfGMFBkHOAi0TixgO+31xZWl7OCSNOwTVPzPaPGC8aQwtHrMIY+dSIpTIaakMLji8aaCm3AL4C4Dj15tQx9jLAcT51UTHebcbGNSucMq7mtOAgVtLnc5O61YfxG1a13qN6ClxPTUZfAEYz1Yur9K1yUmghnC8LUave1AGqOF8eFyVPJcYUKROCvzQY+jK19LUh9xdyJxyPM0cezuOdkWQxgxymA+GtLFUJ/F9CvH5l9nZV5fmzuy/ZStv+EN7NiveYiRTHOQsGncKr5Q4GKe6m9az7seWp7bGo2NIZEUqiP2x3V/cFa9n/KELJh2KlxqcfokJHTZMVoMSplHnK8PUBp/H1+ksesNkUnuf7yiqmayXtZbmeruVda+agy3aW5RWeJbWyn7EN4OdL8Ap6CYbTaQfuWIK9jNNtTRas2CzbrMS100CZaBu+RXPgnWjwTjjsDODqtwmL6ektxFdNuE33XoprBXBpsJXUHyKnH894N/hwH2ZLzhJsdb04EYv3Dol53WojpdBAlhCpaQB0HchPIVLRAWDG+X76hHHf3kvlNWHWizbQss/YZZyPvrX5usjqGlvoZNltbex1Irfjm9ZfPKP4XG0GdXK3k374cduvXgiLIpmPLxjH6H5LiHJSIxSubBPtpKaKx9XyLswDdTt4WjuNB2p3wkCFDN45SIl4g4hmyeoSno6i02R6Vlmj8xqPeQp4V4VkHOLAgGWYRy/4wFqgy62OyT9ZHYZBN716Nrr+rjv9jq6Gz55rcHaasf/QVIhea9lA2alvU9N1z7xZr+woWnPmI+/pemXrEZ22Hmc1Hux5jVmvPM7QPJhrlrxayCuHX3Eds52y4o2BND/DhrN5zZKHJy7ATbIn0ErRDMdb7azltBF/Ai7NuFIsanbnsm4fmGA+SjND0soPYiuDQefapUsto54Tm242tHPPldAAWgjjyhrH0ATBeT7BGQHOrKpzRZyZo7oVcGaspJyIApy5DObcPOAsZkyQkZMkPDVWxhrEKRqfJyUmMsw9C01cgSUr/uFDQUTbfTjhvcf4pKvB0gnY+k++8urZxpWANsl9U9uZe5k3KTjJkW1mikkcEyROwZqW2LZ0RFvtO7+38qyy8lH/2OA+cWdons+34d7fHEYPsNIUdfe8I21tHfS/P4qWGf8278XOTieR39QnxpvME1PLKRHYjGYnlUJIc6gaf3RCMKMJJykWsheLhbA9YUlBmZ+PsFFSCHT7nvtF6fmTCZvxAa4Doj2bWKIbt7NJOmF5gsJVwZpFnaBZvE8Xwc8Uq/rxrl0Rfz1twctxrM2sP5nevaGi24e9D9xRowwBkbWsXMweeSDBzt4Xj0EMuRhiooPME1Q91Uo9RhU8uH5GYCcL6WIhRyM7qQXBgLaR0LkBIqIGSWdBI2szuh/OcpjCtmRxuaHGSnqpNIkLErG+Kg8996Kpryypr2f1lpLjTi1/hBpn2JY80S6dyRfrXxtOlefl5IInLWATwSpaEgyE0CgroJtOyV8ajhAmS4rccvEcDpWcNKnTo81i7FP038nyERWd3isF1yzc4vYGdB27aml8uFV1iPaS8qWHEl+9O5asxjtUgowYT7QGv+uyDl4euuTOAyMdVZuSgvFB24ftyx3nLz/vEm9Fhc3OjUnqyNeuDBk399ZlIIAKW5T6mlrbI/TgktuubxvOJV9brODYXAVcX7J8RJVTNdQaqmDDuFYBrhI2r5VYOWpVzXdUr3HhyLxQ48MToAZb1BpJj+JSepnsI9JrfDIp+YjK4xabVEmcVaVkJiiqZN0hmIQem0Y/x5gFVhSOGWm5kbgenM4/VVWrCl33pOocFfJL9T941zj6i47rY1H3kM3PcYiNX5K56f4Dl9Rc3WTZOkuosNvLGk5et++vz//aeMnBcRL78UUMTf8z4C55+sH73upWTbs1COMMgP5EqZVUgcGjdFknzdJhL17HixG9UUBTFAnvvMAxH54NcVxnpeCdil68CUmzyVoAVz6HSb5Bc8njlM0ewE6YMX0B2ctgBsnTIbJvOvWCI5VBJL3cenmogo9zi8+Zd/VX79qd/Uq4UvTxpXN7R8qfn0QH30Upj83q3PkA1z3vHP074z8PyzLbxSn1sYp/FGtLj7FDILMkzIXzqAKLR9MCUVsNnguxrK6yOPM6PRfqYEx1YKlA27MZ3ScCA+exEH3gMUlRLl+Hl4IdzkSNuQ+QLJi3qMA7fFSwoipBFNndiPcR+IuyKoqRLJDNUGOy4794SU7TuAD1pj/e3DM0ZCvlBZBoXcrhi9UVtdhRVZ0ve8jr/GVSf+u++y6puygSsVael7vpfnT/7f+4TUCLL7LQ9BCRb/TE742uohq7MzU1wn7u9g8R/81fNpeV0Q0WqfTpaVyYLpBxCHR5eRGXBNAAknCTWVOXARGnY1JzSmRxkFdM7Y05cWJNDhI6xcsF0esn6UUZbxSBSwl5nKe8lTOgwAkkFx3+nHTd8enNCYM7X7v8nns5hik9+e+P3NRydTTq8AllC+auiPzkTw+hS0KesdHVN6KDN/9l3z37/RmnI1B58LWQJLFtnLs+XvEZ2ulmvKHRpdeC7i6e+pR5COStYt2txkKOZPUay6Qe4nHaEG9HGEf+gJDUVVy6puICVw5nUyFOTx7V6IxeLuL94CQKL0/KClnsD9WQDfFg73GteEnREjcpp9SXCBBYDOaGZ2bCm5tkiF0WO3ciauqNzu1l5Ww45BNrrmzbvo2hUSnn2bXPmm3eyTofH8luq6y0bWcyQ8zgbL+A7CgHuu3OD3HWQO3TR9Zx3Bbu5Ndbc6wwxgIlHHFtpqsbKsn+GIbabEjM+8y7VJbqohZQD1MFO5ZoB0hUgQOtRtVnMZNauarnOHMlXjiq1WX0RhBvdwZvXydbTCiZ7JWthLdGieRwAo7J8f5AK+AVF80F+UaB7ATTWuVua3lFpMbeUD+L7IoNKAWfP0pUoXwWTBOqMl6Hb+gdNbiqy1+RN8uHnR4f8WVkYjQVq9R9WTJNeIDMrCZNgDHwn6p6ayp+duaOp+ljgNfJbi5fWhEcGHn/67U3+tN761XOt3ypsPCPj6XnLv37hy/e9qdd+79dsSEaW7X7B7s3r9xy/cZztnCXb7r8UM8jj1rkukjZ48FeRRGqbjt7/1s+S0h0CNtEzrZ8+72vy/W1K6ziuvNXHNx02+7qFaWlovgVWrhs/+UbL73zihNzh5dfMVKTSfhYZ21tK7adWbA3LOhfB3VVUQZ4W3hwehFP82f1ND+pe5oyGa2DUCeE+xC0HNWTgK+1Bi4nydZw3QnOQoZrXXCcbAHMs7gS9QkLZw/G6xuKaVxsX9MNAK+voh7X69iDcrHkZNrsFN3HF/douYmnnbl7iy9u3UqirOlSXKXC7+d/dX9luGqAlc4fqtocjlg7mhxjow07egJ8pHqAVS4aesXRpsaqk5ZtPcT++I0rjPe+dfPVFcYVPR3NoKs4RFksdzWjuzZclEl6jD++09WIL7OLuUye7WnJEnu0dOoY+sRSIHn/DVTBgkt9caFdwYUNkgiTt0adiLKUu5jzDwDJFCfH3YFKZ3ICb2rHu+gzJPFvDQAecpTU4oA35S1YI0W8y8MJiqdZQM3LZzrYL9u+hv3qzNLmpULHHXVJm7s8AlDImwkUQkczNtbD/dlkvj9b18KoQ9ag3VaSNOb+tT03Y+S0cCHMVyHb35bK9rdSlFmTr6CtMF4PVYlrbJ3I3AxmAypdoU6UFAcaJrl9GQ+U9cJAy8yBujJEQ2Sc3S/BdaRlsubEYRcOslzFoZlpvuIYZc+Z4wmxY12xdE5ouSOdtkW+evUCGEQrDCJv5OWxN1+nd3ap3BCPR9N6YtedfxniE6eengYd/x3zLuh4DTWMqz/zWMsbILr0YwWXs3qJWRQ8iCXXz5iF2bGjuAS7YCfrl3YBAtAY2W4Q84NnxYXZ9hg8uxsG0e+HUbkH8njb8hN2lxQK1/Zibc8remubuVaDcyGnfOoMyXGNTY1F4RXr06OJ06G8xVzDIFUQVYksyxId98WKeozXJe2ekN9ltzAgVwHl2M8amto5ZddgdE1liJOjI93LmlZ53ujf1sWJO0LB2vbFlo2OkgRR+8iJXxvNpmKDH1vMCJKjwp0qD/Es8yE45xNXBd9Pl/o9tnYWbtu6bSl1QXalx/jg7Pn2trC3ckfRdqDXANcErtaXSczOm6hiSHGuVIsUYYxMw0j2w9gjRexw3K1J/yNGllMQzUBgen5HwkIwUerkEAZg5uDeNfKnJ7OghPyNkYRgDs3kjCNTx7iNzFPUWdRvi3bPImWzeg87qdcuBaPWI2FbV8jjKY1LzPRynA4bgPEF6hdkMhmSK9ajeJhjqjZ6VJ8NwxydjYc5OgwMelTSZ8mYVmuzSZmYngLTWAfeKyWRMmI3WEvM1xKEdCcigMwyvANgtpmj6JCfBMOZ7ylWjqUUrYmU+zuBrigTUm1DJlskdBUAYxTj2ZondWWFsswgtiQ98rhgdTtNVlOcVbwfzyj//2hheebLL3+Z2R3huvZV14hu1vLbeWtvLP/d6O6vByPVc1jlQqKdtraMMDa65RZf+LS8wB7DtYu+5sZa7L5w6BWxrT6V8zP5PluF1Sb19HPfXDL/oX07sDk+rZ7WXB6b4w0G+wUTvdnoyc8w0Oivs1uK8mWTIN9O6m5TvjhfAq5N68jgJkxYtsTJ4ZLLgr9MxdJtBtrlqcOpui5Vy0NchDeXmEKsOdPHdeOgKA+gN2D6iAUWUZ4kni6VVomrM0MJIFNKIVDRgAUSl58QnFavj3Th+LxM/rU4vnSz8kzofz9n9z3l/wPCVRtClSCJz4F86xVf6vBOozkNO8HT5N8F4N8OKoDrFAj/Bm5asBP+zZgVbph/y4R/e4r8G5epeoB/66wdezW/DId8cQW7yLTNLi8zeNLgVW9d/4NfwYv+zsMP7t6256Hd276KHr/tzzedfPm2j24yEPvU+4cf+OHkj8z9okYZ8xHIWaXaqRtOS7qFxatZeLkPS1rBD5mxYleFOygFQM4xi7kpovaoXg8E2p3R20xJ15t7I7Ck8Yp0U5usYA4TCFZkSNwbwHY/iLOIui+By08ycO4EJlPxOSYzLVgYX8LjM2MJsOanK4IUU5JoxoZTetQUq5MTjqT0t2/+401301WtYlpkpecbLwiW23oTLAgSccu3kTD50mZ5WqitTc4b/vyT2z+9zRrdG101i+aGwZQv4FuWVCBepdfObjk5nHj6wW8ezaWM32J5GmHmN8zrVAWVwllsIs8kXh3ERKa8uM9Yk1TNm9Ud4B99MCvSRMIhwCkk4YyqVpXRbTAb8H6l0hBoOustL8bReK203EHqG/WkVGzChbNn3Ol4M4fdPNHt0zU4Xx5lrl6xVUqUqU2s85naCyMR++J6Rjha+4N3vhhaKqqy6p8vXNhJsyNAYYbZ1BDad+cnSLjvzXx58FQ4CfZhxdSn9G9Ab5px3bVsas1EOUuVsMnxZrkc4gesOCkMRAyX9uVULXNUdzhwtZoeBo1xSHjr3USJmUpoAQjCWBNq8hCCQHht4ZxxEl5rJeZG8VgKUKjCldfl8ri9xInzCjpqJllmbC58p1UHJ/G9Hq+fTBASrhW140v7FvAruJaba2ucNG9hhc7vdHpCHMeVsyO+SOq8WrmmdTmt7B5pPr+szNZZHa9JMm3dtpDNJjqSLWpc4LnVOzHXe/QqbnFuXrdxS2p2hhWW43htlJu1Bj03q5UjeK2bOkb/kuTorqVIiKaHhMlCHcaHF8gGKo05CkRvgjUBiRRzcaAl1sxEwLxY7ZrE26zIPiOcTS2VD/GiEorXmeEYXnWvhmnlx6YCZy5wWjskH2JYV6C0uljx75+OxIiWNFYlpgOyGdXqpIvRqVhMRes4BQ0s2zL/gtW3bt/8Xw82bCgrtQRtQ+zI2Ow1o6sf2XHe98+ddUVZebjyx1nbngv7Nywaat8x9+rvSoJg37aHq1UGZ81KNyzJjF0+f/jGhV67HfBI4hpmtpcKU/OoQmkxCYEL8AVsCyOkI4UT5oYIdgSn0pw40LHgrEMpHPhwWX7BGyQhpqAUkK0yP5Pi8xCYx7nTGRi6uAyeSNradkUiNYKAUpxivOEaGKvod3u8Su5i3y3bMrOYwY7gyspKuYkE3x8bH29c6rZam501fVv3oE9bkgyRZR584wjIspW604xctEDWjPaSWd3O4nVd3WvBKy24MMBjn9SpfMbMOTWSMKZgbcSsxYpThVbS9lAPwtWgi5TwlRZzTy4rbunj8ZLYLyjrqTSWq8eOM6lWVzAGvrKR7FDwyloO4hxF50o/F+dkM2AUZsYFM5Or0enkKnhKPD3y1pb9qZTDE3k4uamuJZVvELrvT6uiu7SYlWKlVE2j51GX7dz7yq/fK8wDysikhqxAGEuajRvHf5oKVaN3OhroQRIVpY2V/zDTUryvpS76CDtv1c5t6GOIjEiu/YOpd5n7mYNULV6vwrUoWq1asJaGMY/AloMPVpJF06Sq1xXXTm74sJWshFelnVr1EV0K/L/WC1TPqBeoqj6zXqC2iqxXaUjWbaEvrxYg++3OXKOGeMIj7lRbdoYjrKM/c1ZdUqhanm3wVGWGBdvWdY+6kpkq440Lf9wW3cis6KN5hrV1M77yUuOZu+5c+c7OHT3Ocq/YTdNDXNuyk/1Reo12rtn3ZOrTqXctjwAu/dTvqUIvxqUjq/WrE1Z/uKEl5ifgTPCBUGMuhotz5qj6QBGesQ//i8DTC/D0HdFdpcc18cjh5xZ++GezUKADrncd0ROlpFBAlMYdogtgc+LXzxcKwK0ZKDrPLBRwuqoSXX2i43OFAvhyR1fv525M49zfi6tMo2k8YZE8YSurzDZ/YUnWhJvOpdHMOA79SylEGSIKQbwslbs8XMk6ZjUsrq0Vata1SyVdbazj0lTz5eEwK/ar+HL8rEzaU5UeEmyb1j7qrGmIG+9tuWBI/D8X/jAfXTdDTC3Gj+68c9Pxb9T19wh9tIWh4aKncYbo/GI3Sw+x7ctBdGjD30++dEqAiJKmPmGeYh6hFlArqEIHJsfV6W6s1G1gBqrqITIKqLp1Aa6IAS1HfJBo+YiKU22U3tYBri9RqzZ0kRA4IB8S5Ui2mcQwZcoEJZRXhIrsdxoeUmeGQihnNu9L5LCHA0vu/kJZgEp22ppVAbiTWRcuyUhIjr29jRtLSy2OTK3kdG+9KqB4Yo2s7e7bObHpMu2Z5nPaWfHy3ti2RDUrZuuid/88mmMdO9UreIcUCLqiYoNV+2b/yACzoh97PVu37HNEPeUP3x/yx5wuUejjbL3yTT83/jq/nxP6STTcRbt9ZQ2vHY95HIx1lsDZugWpREw4Wm2vvruul6ztTn1oKMwDMA9yVBeFjQDO2+fAQnhJHMlgC1FSSrBrIZu2KD2ngrkU3VKYLDjIBcrmz3/5hFaaGmcqktOCUwTYDuYyzTmzFAgmd/POKJncZ6dTwkfDK1nx/HWPu1Kqz/g00zvQ2J6vrIiwrGue7dJfzL5qX6ArO3OiVxov7d1Ld6aahD6BHuIbOk7u33bb7SODlVZhjcf14++hvei8bBqRtZdPmMVMgSqhLqQKVlQsH9FpfuYKfcFH4WYBp9bnfWesz/v+v9fnaR/MPsrpLrJL8Qvr8oy5Lu/l4/wgnZqi1g3ZF3hoEdB5XDIO/h2po8t8o9HwyZ+crzJhkRs6T3zkOptkSxpzjf0K95VrbE/eUanY8F4G4yN62NJAZal1VMGGaw4U+6RWp+oxu7nBQz2q8cAAXTjproUlrQIPNyNNkvLmrF4h4d4UJITIgED1snL8/LE6Qg3x0PhqNW/WE55KfDXS0wyGN8mLQroenbGWiEWMt+w3Na4UFl2w+KYdJa2ywslt0a7OlrO67m7p7FEaZYmTGzq237QYfZb0L+2oQ9budTdhhe20jXSkjL82LjnX62j5Vovx51THAp5hHHnppnU9iInvIbYb5U6+iV7ltlNWqmy6X5kuiGa7RIEiWXSqvgFJZSjnp2U3j3I0vdMv0jtOvk//Fl3I1vgdJ7uM7//zgN/k2EnAsoxguYQqBDGWXsBSVbH6Eyw53NFhetOnFa/iurJ6DSAYNRGsq8HlwKSFD6OadNArjwdKK+vOaEqE4cs1mehMG4xTQXVx2phpRIhUpPaZkEkyJ2UwZC9ZR01UFfmzTvvCjhRyYLhEgAspqY5hgFFsxXAZJ+N7UgRe4x8mvGSsY+h+5jD9GF7Xdzd1oYxZkp31e10oEiPPFB07UNmKbkj5un1eMfXNcKux0zxGL9ueEMby5eVJ25PCWEt5OY5rJwwJvQIcjTN7dOO12wnpdI9u/uiE43SPbgePl9wtrNnlBIvHDQZ0Rvp04vy8X3I+JuGuFri7hZFgXnFKJ5Z745ZE89y++ua5vSQmfIEJWPqA0zQgn7mSqvFZXWUmSbYLLz/6wIx5MmSharoJUxLiwaTZ+9ppTuZssffUM5/VmBt5EpLGHtHjnuMad8QCZ+NMgjWbTQPLndkT2I1PLeMe/DYew6/409X404e7fviZk3wojU8t4yp+K8DJjG548PekGx7LueOJ066dYTne7YnFE9VnNpEmq/4u3OrBF8njWl+tNG+WYOJ9/Ko8Tjldpeb6r24Xi3X3M3sDFzsDn14kTJjtgXNmc+DBPz8ZaxbjLRcHy/GScGdTv+ifuSLst5U12cruLTy8asmsy3ehg6+iuAfdZHUbN5DOv3iVuGOx82QjfXqVmDZ+yzlRqPyPx/ceidAvsAXSS+oY8wL7MtVA3UgVkrhrSpRsNtBKVb2ENJ/Ee1U5iOI9qu4obsWgj0JgpgclHNprQQkvhk9Un5KfHqTxxr40yVsdcsmOQJSU71bjdC2ll0Zx1XllnHTu9QDm48D1yUq5Qyb53FxzByn6wBuGlWwmRNqFRYoLjjzH5zK4k5HfVE+YH3xi+JdMZkhw7nx74mtzbGpi12LdyqFBzvvg/az1ios7P2642RUvW97bb9yzaPmoc/GtR9aqmBn5I+8gW8i/m+szHuC4C7iHvrPel7qX7WledOE5nYK5dtGB1jIj7HaI1VK4u1USR68cRK846VEQsJb7VD2Oo9i0qoWOTkTMCrKIWXbvNCvIcJIjEgJQguE8DlPHWcFTgkfsVHRRIo2cwEmNy56SMnw1iSv4gmGT7OAimGac8QiZTXT9YKFwVp/HnXLAbuX8M9JfHZYFvQODK84e/Fppy22t9fu50T3Da9cM3+RTe/qyueSli5Zs375k0aVsWUnT7IGGhnu50Vvnn7t0cI+v88aWlpu5kY7euavWzH980fbti5ZceinpUTT1AZtlFWoT7ki8CQ/a6q0ggQo/qQfKMxmTqLdjT9bMTU6MjvUiR1Kry+qj2F5nJtacTS5UZ/U1cCEOpGWzqs0/qmcgyK/L6OdjZzdfViZ4qyR0kixZcztYpLZZs7GrG5W1/rw2pujppXB2NlYQbY2iJ1bB2SaAyXUqS41bOCOvabH90TIczScagdaQrAeH/3PhZsRhngTIYU+x/mJmTkRobGqnmyIcEMkwmHtykE1ziS7XpSN1Vw7buEXpAP3ws2VbaNuuwYdt4kjC20KjpR+InPHegMygy+BgN12a4Er5FtZ9x3DsvHDY5q0sc0tWnqE7/95hs6HNSqAhNZGy2d5XkiXRUKolxvxkLifwyNNvdXvdOePHqL++LGSj7fQ8kXMOiTHvEpq+hVU6vxJWBaXTPeJpraZpaZi1WSxjLOfgfdaIs8EbtlisLO1s764bo11tlUvV1lCFg6xX0Kd8s4VyUlGK1K1RR/EKIk2aAOAqNZ3G9Uus+Q8mYB+A+1spTeCrGXDV1/H0Djf21zZ6F1oc4E/c7Bct8n66b7/fYSDjG4o5VwamapjXwGc3UYN4rpBieImZ1MKqnsQzZJ7Zs0giPYvwVgpMeCokkhEvkybxJk69mSJlCFpa7rZyEhNOuDNtfXhSVCi6vxOk3i3rDtInVALb+yRjFStiic6BYgFGc266BIOPFltSV1jwmRnrw/1ssZoobcnBLT85SjjRwK4LhccvG9lZJgaD2zszPR1rL71sbceeTZZ/v+G8Gz22kOf65T0r2td85Str2i9pWrr54jXznLubxs6/eM2gOLudfnXZeO+2b7dXx7c4+5cP5LJrF46eteLyng0vNq97+pw56a2uLTcs7cyuXji6bNVVN6ZXji5aetbmpoVXJ5cvXHTWWedla1aY+O1j99D3W/pJv64mSrPiBCpuoOYjy6DFo+kmqpx7ErdSF3HzVPdksXfaTL8dn3G8r60ukcL/R4unj9j3ajsaY7UdTdHiu1lbsXTqmKUJ/AHeU9hBHaIKIZLdtUya2ws9lsmJ1gZHyJHUW2E6g5NgLeaqPjqK//kK/KiyRJpdpkG50mTBanr3ETg8gTR+x5+qknAT4wmr6Tbwwn8iDQJ1uEtDbLIBt/bTquRCwIPbk+tNjac2JzUAd8Upn6TcLVLIKsk+v1BelWiasUdJkfAGtwrag3NfMVqqQJWdSEqjSs59RrZvRhEWXACc0mjpIyj02K7//u7atd/9712PGb8Z2fcpin16222fGu98OvD8t2rXBstZLzeLvu6cjevX9c939fhY64rd6/f2oB+gUVT56LmPHjOOwSu9wnjrs/37P0NV8Gqcd+BnIsdZRzaypf7lV1527T2DI+y6YVdi2V7Tx9DP0jstKaoavPBjxQ4AAoO7IGrhrF5nxVHBNGOqAVRrSJsvjc3oPpg1bnFymjXJP3ru2jNLFtWy406tnpQsqvXFksX6InmpwVNedOYJW5FiVQJZFVS0KG6VooUB67rpPWGaIB+iRIe7PIg/I+FFC6JsXXSRNIMzMpUN593MtON04RcpX+xCPNdRHfmMbmuODXu8NvejbeduLGmQYlabm/d1l3/FKmxIDq6/Ph2tz7MHIsz2RKu1s6atNyS52L7VK4c978VyDp4P2CM91vPoteuXRVV1V8pqzpsaaiUjMlny7xUAg8atvhk3afsdn3lS828HUvTbb9Op2VozCs08KYQOPxryGP9hPOcJzXmsIXPmKTXdm/sxejUlUzHcD9usj1VUzUEKrXHLGYgzpFPFsaf65wF5xA24pzvnPdPaKjpper1CG+8ZSdx/GzfJu3a18Qe/4/2JYq+8072wqX/ZgZqiWNCbLcxui0bxMFvz1GzqGKXxqm6Hedms6lJdNjvRaKcqYHbJiUxGq1cnWsmp1okTMVpvdqLMPHcVo6p+MovNGYlzsxAeTGTMs9aMliGGGhMcn0lwHHBmBuR4w47uARr3BE/bXFIpYTEZWce9rbRuZSKkxpqai93lnPY6fNWhjHNMotp0+HaY0rV5rVGesFDVLXn8yXpQTTDzWivuQKMFlEMscgiRbmLnFam50idxlbTkq2yWqioZsPp4dwJJbLQhsomT9/uyfpLDV1GUI3s44X4uY7b/jEa8XMff0PK//c145PuvoIpXXjF+28BGJbvTx3IdZf6u+cvWttVVc95ApCbalqWdUZaNB0tSnKeU7z5fZJk15t9+QqvG//nZz1D5z07+NsmUq7/zuYQozbY1L0qP9VhlF92zNTiswKW3aQaVtg/LK7F8N7A/oV+x5MHOq5S5BREiJRtESgLpw28Wzwtuii92CyctGs/YnI5bMW7wPrcjdX2yzuEyfmW8yb6+gqjSaqJDNJVlUjTeG451Y9j8Fd3FTRIFwVVx0udkPUOYMo4Kcf6d4Xja3FCMd+Yh1kKZ8Dc2Z3weLkJ7fHgRJZK95+g99xztWX/r+vW3Mv+Gj+9Bc/HJetyDcmoDc4zlYG5WYU5AuhDbrZMFHrPGuIp3g0lWc7NlAv9jSZqU0SslkiCpJMWpxfJzrTyDGbVeGcc1tx6yY5+XC9Yys38arkvHrdvjvNkKQwKWUG5u955RpY7TYYTVTHfHh2vT/fFn1q+LZ3TLn218MNvsl79nuqydfmQ93YPYXkk8hlvnezfSxh6f+Lpmzt8G+if0ZZbXqSDuge3HMUK5qitg0C2qLtomCxYRJ7csgvVUV1KXY1JzkR36E35TCLgRqR+XTuOoUsH/GA2F27z6Sdc0i6JbXXnSnslp9idPgEpP9/QGuuPPnm7p3bD3RWbj1iGnt/quOeuuuO7/Fvct4G1VV7rnpaclWedIsi2/ZVmWbdmS9bJsS7YsOX7GrziO88DkzaNQHoHhoxBSmqYQQoaG0kIprwJNGdoB5hxZCZRSCKW5nU4uX79epmFuW+bSO7fluu0wDB+dS5hE3L32Pno5smM7pMP3gSXZSNrr33uvtdde6/+PKp+NBfnxKq0p9eatM8xHj3+4d/bO6YGt2x97+9Ui96D6zt06LekJoKLIL6nROBqpnRRQ8gJ7qIZsMBaPyHskK2yCTZg3Gu7s6oxiJSbv1mHy7kodpoKjJA0LGTgaMJMs4FIMNZg6SioGyh2rIN9fpo8xHrieXMBSTlJaOIqL6sPe6T1X3qBVz7RFvE11U7UGc9VXI5NXjsUT13xvg7+F9Rfzazt6w9q4UDY86q4pHy2Jb+wL7KjReg903zHZjvNVas6FYq2XKC0aHRpUksvrSVBlehIkFQSkShwWE0JWdIBw0urYIy0tlnHmuedM3MygFAxy0yUHHpN5MGY+beIMChvlg7ymAta3xg8Fx0C4hU6LtRAL+/HnNJsoHedKNFMwIZrdGtectZlSu/DRupnU0RuRFQPop70ZKh9rFXi6O2uh5tRaacSqLApeUssZBtxH4HegEzM68PCEXxuHveSQyGd0Wixudqb7+qM7On9optF3mO1TlBg9Uwe33fyku7bm2i371jEG564r46NXvnDfOvbI+geu61UrZ9RcY+c3zl37+YcPr2/bubXx2vqD93/vXfarFtV37n3g5FU1mtieBIx/L72JvoEZRfubG9uWcAAvQxTBVEgUgX4zlzP3VMqO3tmDotP1FFwnKIvmE0orpsJnYT1hxgu5AR4acfSZ1BKUlmgw9QWhwNCzEP5Yce5GUhYTkt9A5oDQgM5+Knx4QF/mlF+gu/1Nndsm1mzyK8OlHrPp8c3+Tanrqqc7ulvqbKOt7zzINRqdFU5h7OYmzOHPvE6fRGunjuqhRBNyx0XzyXLibuvkUlg7kR4wEjqqrPRAOSGJr+MxNSKID+Tc7Be6xA8pb6/unNDptGUWTlduj3PFN8XrLq+qVkfbaxxrFLvjxQq1nmFqLK7G3/8/XwOnGuZUHDuoaA3Rz7VUKLG/6JRjUDh7xGV/ASSoaL0XK+Yzyg3FWeWG4qWVG7JI5tKid0oHb/vaCwdv+8b964eiA/Av+y9Hfvjtu4/88OkXbr3riln0L4nptqKYLp6O6UImlii1WNDac+Q+2YpDOCnYfvKxVnoq58nXaB/dDeGbz1v9QxTN5T+lcPwU+rRbMaS4DmHkoaJUH7A/4o5MaMRMNAILYVtvRKUHijipDdmiw5c0GeEFyVQ0L9Eq3E9YB1CuSUMJpR3oLCPGfFIn2gUDPqlfxlayQEIsio61KrVgana1eXtJpWeywdcYjhBRqzb0d94Q3F6gow/hbjIKSaG8It5Hwqc5vc8fkDMeF5wXefJXwEOL9QWcpZimwenn7UtPnPFc/auB/jHmDgW9XTl5Y5H+erV6n1Z98qSOeyl/bjkVeG5xQ+m59cmpfCGso5+/zknfOkD/ltGlooYt3E91Bt2t23fS+OwJeByS8RijfkolxiBaiKPAKD4GKzw+qMkFx2Qck7FIRoL4YQQ512AE/jTYoXHlITSeixAkKaPI5UaNwL+ZHCQudyIPKT/fqwekGhBUnZFYfBQAiAqSsxF5scEBtEZHEGKmOIqMEFJRfC7i50AyBPKaEaAg0vd0rgIox5LefIWQvXDfSfbqG0eLzeD8b8s6fwGc/6rQe/2Jfy8cMHBUFOE3ifBrpILoNDJM/b1cHatBezSkEXCqMGHF/F0oBOTxts2bEahuwLN9IF6EFlvYL7WjxdbjS7IN8AI5ao0sEWXAYQQtM3HQJ0XRsy4f9JpL/XXIR7Z520OY1zrKJ1s63LE4XmcD0Cwd6iY1823eTpykHxrGffzHUKDS0Qn5B4kvwsn8FcQmF1xxFwxephaIzjH7OFh0e7S6G9KLjjm4dHxzLni++Nwia46hoikjcw17HPOmo2iliiY3AGnedApX5ENKpxwtFJk/Xe+DrA4kHF7/0ocdJOGgdxtE3QlJXXlG1Jyg5tQanR6nGxLoUfq2BIjW55SGklLCsl4aALY5ZxSrnZDreRS31Oe6jighWFe5lPsEr/Kjv3rnx1xf1Wupj86mL6OeCG2PDTTGzcIbRjsQrE/s+ML+otLPa5Q/5ralL6dgbyE838qXqWY0N8MrYvpuzzJ9RzxQjp3D9A3zSNG1UqbvbF/ryki/r7IJb7+uN25/q6tzZCX838rRnbq9u73a+lGz6T8/xlzgOfZoW6E9XEvY4yKYz9lsdL0yEvStM/89HBZs6p+/za+ED50+1HKjrU6309I/pc3Y4ySyRyeKBVZij66sPXo9UizPHl1gj56V2gMs4Ycp0uBE1ljZHLk1/NWmpsqH7qoS9u27+aDgWMk8Ufy25Sa7/Uu7W5mh7vYJ5uxemCoZ2xxBtolTQyuyTV/WNsMeaSTPNn1gm8GV2gbux0ty7seJJ10he/7UYzb7v1ZYektKdK2P1aKHJb2WEn3Ximz1hvZp9Rp3aalL/nn2m9hayA/K9jqM7NVORZDFjq7AYqG0xaDGYcCfdJP0f68PLCi6TkteE25hh7aQPtM82FTyomU319DoDIGj6+ZfVJoUliozjinFPmFOVVHWRbj4myEocXbiisqiMhTHKEMAQnilIOQKeWPD5907LBOEh7tanK3wrw3bfU/66XI3NUdzJFDfHAmebYXV/Jb8LGv/JN7bItQg9Xer2d3ELo/UWzQv9nukAMzfIY/oPZ3sJkfJbiMQqCVDJHAcRhh0Q2MiwgBC9jjfq1UBBp62QJcZUAgJmJm1AADpHVPq74WYxLu6vXPhaYsctla2j+7fNjYxsXVyeH085tzS7mtxr2g3Pb52x5bYyLVbZrzeyZZ2F8QWn/7p0z8pBxReapraTO+hEtOAQa9fXA/FOijKm1BgPlfcJgVEf5imJWl3TAPro107PydMG9QuSWfAUXwVOy8poJp+i0cUTqel0i8jcYji1Ik+Ui6ywSjWnZCGq86IzhMvn3j3zzeTlzcZxcETUq3+jNh44mVF34kQFkjcYJyzbagzuaQNdWqxFj2pbTS55pzw35cVXfIfDRvnhoad6I+GnWr0PnNDmwbh1znvMQPvMbcx807ojzbCHyXQL0iBCZEsr7XVORsHh4Y3zGzclC9ZvuivcNzECyiSLbHXOzrxMp5YD9nAOC6vSPgDfZBWq8JUBPzmTpIVBIYRZ3uIxtWOwC2bJa5X4nZPdBwpZqBFMMP4a26od9G5M62YZtE8C+OSSeSQWLt5TTd9Ru3qVxSvfWaafu2o0q7bpWD1vKN5eCyyzUNHP3xFXS6+26UbnZ7cMd1cz6uxWsCLqT9s6R94uKmJ424fMzhOvfxA7Y23aB8+cJhOPvdQjxAd2sM+awMacJaTVQQq7DYTr1LSZleqtaRCe51SSH13vDtHQoBWqfFU1DSGqj931mhJ/T5SN7DdoGYOaHX0a0SzI2XHmh291Hdl/jG7P0+2Q3R7pBA6mITccAoJBSB5FMsV8vCiBR4gy13uD3cZcbXSYgofQKnYFeCF4yV2o7u+u4eUckDhm9QD+6wLDholPJb5ELIyH/xyZD6K6XQqKpiXoqpfUv1DWTY2tbe7PJuw8gt0jw/SWK2pM6l/WFoSRGu1mJiJbFbLlsl1fVNHr6ewVsifuDiKIddQE9TcpVHOmFxcOWOdrJwxF+sfnABLYn0Hp3947V9GQCMnjL9oLY1nak2nX9ehyL6z6yJkNZSXZeP8hfgk/8vwIcomxwGa/uFxgs1c18jaUbyZXUKAcvL1Fw0QPTtzKhw22TQ/f9t4EQgp/pBz6KCyGJ1EGK2njl8ajKYXx2iDjFEi1j+Fi6b5F/ESGhmbJEBJXaOdl3gZ5Z92Lhqp4/kHoIsB64O84xCpjyF4HUZ4TVKz1D9fCsQgV7nFnxwikf80ivwvz0Fwrt/Nof9lrQlX18Ai24gebsyDdSt6dW0/grVaHwNY1/HJOnuzH+RYxY2YDtvES6DydmmRXaQY6aIhfjt9VKCn048uZtcMyEcHe+YIAXkx6NFDe6eWagWlkSLczQLpaId6PlEJd3qY39WkIpWfxtOgVZyoNQKytZUaFxCu1xWT/tY6qAspa8Z1no1w6eTESw3uqUsEyVK1gOzMdGHRkagt4y9cS+uP5OZ+zogXEiPBGp7M62jcdWTcSyqsuJdQWPF8dgorpuw+fgGxlW3ZTfpCuiuKf83diRno+WeeRvuwgfICdxYwsZAO1SY07loYNxanLVWRCmjzaakejbvejHk9atG4zUapoZgQ0jeAhpKiiKt0YxfXBHIDRhe5vcfk0JIVq/UsTPRc2BST4fuamqoym5tyaXMsyOd84r+gFg1L7cHz/jC+u+2ivkMRMnpgEJMakCWgE0MsBUuY8eWg2JGpUJS7PPnTkg1ZxsZj0a4qtMcpbTzasCjTvKySDZWLvFGyF8/PefCvgiaQjcF9nx4KbrmtLlz0Z0PBnbPJRwhOG3A/RyMRarAjWwpSSfXCq8ZlmJDO+fNMzoFZ2pC0O5OcSGcdzvzuAsZUhrLbCZpfwqfvKWYVNspOBaFr3EzhzllcFVDhS+jkIgFQPlD6krTdrNOjYwfyKuiM7EWGbfeINszYVa+HF6Q2U0a9utg0L4WAqszGk5YnqbmNF46ZdU5yVUhJTjNuG5ZotMdLxWgfknStOAkHNxu2BbJ7SqK7B7dTXJC35cnvsbZSlU0opo0McGUbsARfA33H9T9KnXkAa/A5dO6A06hKfUAfvfqRd1KpH2AxPoGe1epSR5l9MfobaUG+Z1J/fij14Yk9ViB11Ziqu4Z66dbU4zeOZrX5Uh5DDNsO64ooj1AdyOe+snplkXUXpywytUBZ5EWiLNLZ/xfQFnEskvZcpeYIHcRZT0iA6ltxLhQ3E61SiuQ/FmRCcZyEtUmQH4E64gZqsKA6ibOQOkmjrE4yp+cqCVvkMgVKcjzo4lol++EKRcfDFcqFZEuYV3NPU5/ZmOpWMqacI8ziY6JDmRsQ4wUHNZZ3AEmP6SQeU/MiY3IVGlNLzpjsK8Ip3+stPq6vQSRf9eBdlaZ9+64/bLrg0NZnvV1gHZMZ2xE8Nv8iYwsUGlswZ2yNKxrbIut08UFe92j2KuJRm3wVobvgWIPnrzlOHu9hPF4nGvF1BUYMNZdef7KG+GyXb4EFoHC/zjQv9y9JbnLKyLVLYx0wYuqtphXZZZGjwOJ2SZzfsXBBo3zzvECepg5TR9k72YdxbyVsEGRB4fqhYlqD5cYPc5uevNN/xN1a0pt6J/iNtjblTOpfUr8tCT16J9tdGnz6zuDDXp9qJvWbwGGXy9pNV6TeUc48fGd6TwgpQorvU+XIs7cAmx/mC2pIW9wGc6wVW7jClFZxk/TIltD/UgEV+EBZIjbxL3IawVKmrakn0Q5o0JvL0G9s/Jyeqm4hCpuSUps1NWkJS9sbGsJCDQx0D8IlAWMCvw05Qmzj26+YCSvXH/wW2PnO227v4G67/R5xapSe3/WFV99/6/q73/jzrs3Evq6jButjY6nfvIKN3P57vfm9Sbri46//2wT7bHfqn84Jk8jgT5ybwP0+7yk8aD/0EDaQ5aqEhFesEhJZoBJyDFRC2gKfuU4InXUhy5YMoWP4LMZv/x+dXSuQD6Hvz8/V/Rfbsv2zt2XWdS3flh/jA1wteLKV2LIm/yxHbHkS2bJnJbaMrtiWvQVtGbo0tsy6zOXbcyrvvGhaiU0dC5NfrGzXw8iuYeRNjy3XsqCi1O9P+onLifrwXepSlm6DPkAT7hKE2RpHD+MF7Q8Xr+1thAYrwktOqImPC4lSaxkE3QIQY+VDsArTL+K5lo/BTQV671aAw+cWOjWGaIigvWKE2kDdSJELVD9A0VZQRWQkoyIy4xGjGRWRjUAsGYWeHVARCU5jv9PmR37H14WsN/KZyIgoF9cQydkgliknwjgXkxOh/2/OxrECaZGJyKK6IrQ5Z1PBeTHOpXBRbjT3n5DzYpmsSF5eLGnzUbweuX7lfNIawg+tLC6WwhKGAi5QtBdDc3TCjqVx7ZA3sxpxmX+VMI9rO+xYzc6FzpEBK6RBGptC2TQIDTWoIR8mE5TUstpfEb9kSs3AlPrTYoeW3HwI6YgiJHGF8ms0S9PP/uP/vvvdOx/IyYjUOL7U8vHLP60TWEOhVJuxSVf8/FNXHf/8SDofQr+qK6Gr/3DfV5RFqSTpk5hGNn1W8QE1Qf2ASlgxJ6pqPjEIx/uYXxpSzEs96Lkdl4naIcc24cEJkZBHUmjJ5dNanBQJ6+bFMG4phjYhmcYdrKlGv1ATqcSSYkLp7Q4jc3ZGe2O4/56fU9TU4g07IMzprM0+eZ8W7HCY7xlCxq7sRathgp8zlDRAPk8K0egNGLXOl+7PhzgXDMvKzcb5LRcBtyIY6GFlC7PKhfW/hDD9k/9122vB0dGgd3zbtnHvr76++1DQWnnVbPc238T2HRO+0MRE6K+/cMseWs80N+7giu/rxvzpg262fQgI1GkLHfzWjt4b142sd9X3dXTFhnd3Hngj6q66pXr2yqvjrvGeSHx4V2dg1/jIhubN17z0xtk328OMegZzq2t6xhmd287iPR7raSiO46rAfurFAooaUVlRYwBHtRF+XozkKWpgud6+PEWNwcUUNfpAUWMNbk/tWyO3p66Rqx4iKDieMxi9YYAkzh83u33+9pBalpp3AQOgGAR5jejFyWvkZt5XpbRxdVacxLdy0Q3un7N6Jv/5SkaBI4vFS1jbpJ/60RLqJgPLVjeBzoTBixU4SZrdatKVn0ZCisIqKRXE+GcqeJKT+l+d9kks26e1YhkU1pDX2JXG40mER4xaS71WAI9+GY9RjEecx4FLDh4dPnEIIBnOWx5ji+ExDHiMYDyGR2Q8RmQ84vLywF0kQ/wxszvY3pO/OrowIrCRqfsvco1kAlA3g68qVrVQ4jgahYSOa/Za9ROXmXpWvlzY3/c87mn7u8OtTMPwlPILE8zZUwXWzCGE0RA1Rf24AEajMkbrMUbDCJXhPIwmAKDJPICmFwNoEgBahwGaXCcDtE4GaBgBlEQA+QYBlAlYNP6+PIASIVg1+CojHMEwjV4kTItVx64KLmvB1NTMKrY4U9FxdV8HkFShn52VlWcfy8GMkzEbwNWaAwi1nxdArRejJnZ5EDTJADlKjGRQ7Obn57zd0DkZQoeF7jw8+wDPNQTPMR9Itw6ivxn0XBDcNQBuPwZ3Tb8Mbr8MbsjLQ0mnOMgn1GYMYrks9tR7kRDm3mZlYMs9hawEwu3pE0ckgxpdln5t+fhtkylCzg6lt8ZvZklD0vh9H/upAWod9ZtFPZW4xiONFM1DINcDRbVTuX4rnGnFEgcX9WKj6HEyRv5KBnD9atzZYJgAOMon1eZAD3ZmscX0uqSJEeT8YrhOepWOrHCF7uqcWtO2sYnxrZPDU7G4c0vI1+JeuWs7vnbHZbGRa3LKddHe2Y3O90b2OOWnetDu+Z7cuy4gt6aZx48lNTrrY7LfFr8UwmS/uCwdYQjiOgGCWpi0YSG0o7hMWiondeoYpPYff5eAFJVBqgKQIic4kTXOcWzU5ELh5Fw4UmVyMcdYriocicpFshIbkbELZIhLOH5OLXhDpDUvYQZ2RIgVE6W1LWRNJirrHbhjGi/YBojtEbQ6g7mi3uGJL1idyjSehD0bbaAKXGmZUXFCrk+GL9QQVBjo1gxndHfYRx9ktsyEv1hn01orNx5r+Fkw8p1NBx7iTOf+qejZL4a+aK/XlajLJ4Zn7ft/4nvuxpsefGgqtOkb1tTvam30H+mrmmZ6b7z3/chGw7VXXnV9e0UFRvHo+Myj9zRUHXjiZL0gyApQf3X1i5X3f6Vz5vDk1mmN+z+u1FnXzD7+JcIbkrJjLbMIdXdWy0xs9kj+ovmEH2da/G1Q59qdK2rWipZdG1lQbbkSZ3NObRHaUDFdk0dyGgmnPfAzHWOLLTW1zbAwtE5ZmKfYDx3p2iJnK6EgvaDmGbNYSaubXkwKTQj/dWt+MSvpyfY8++PF1NEMTWuVBWtYHzF/gOc81gZTEG2wAPDWFlAHCxZSB2uX1cGOgTpYs/sz0wdjs8eRZUmF8WPk9PFcW9syVMOYB3LUE7Pjf0ke/7bVjt9Pxn8Mjd+NBZsuxgQ5Uf+yTLAr9khrixkH+cswAX1vPl9D2gZPIhu4qY6Mcl57ng06c23gl20AReEG2IxqScfwcWSLeocLq3iohCQyBtbOy9qiHdvCc2FbLKgMWpZ63L50stfkPvXMtElzYTE59q50MN30xL4RJmVPa8txsk0GsEZVEJ13HpKt4s+xClB/RP3QLgqbRyfyBfFcK9UWuaQGFGo1kIwuMpioMspMgSa8qUSQY+iDgilQSG3plNoooraHu6kjvAgcL8J5a8qPjdhyYSPmhlIZC+aGUktZ89F0mKTK2LErk8ld3KIpOTA692R6xZly+NUYSoe1v0ALtRnY/43QFl0LyUSsA4DLy1xYQcqsm0+YcZ2Kmde48HW7uR73I1NSaTlPasiA56bIWaB+cCmtLx3OV5hgxxhaXOorV2f13HtLqX2lNc0YB95H8LjO1zTD47LKEgDWtAQAHheImGGdi9UIl2X3iiV0y7yxR1payQ6xtHIZ7cjbHJhPz6JxjSueoIwoup2kEiUwLqDsx6BJVSoiX9F8GoLTRDn2seUg8wVSFeXNIGKg50jJR1UtGlyNE/eASHwrpudeeKy+wGC5TG0zHKCfmRa6Fx8ytzv3oAyr++OlQWSpUowh8A+6qFBa2wRroSYqsDAXKfkLZkr+PJiCPIeN0IGWvAUZwuLA9aCCxiVajBhjH1rqnUAbAqdind5W1yirN1R1Sr4WID+1YtowSiqrQHYqryMMQbrGQiV+S9kod32Xhl14wbZEF7cTrTuPETF185JT5IXsgmaoTWiffEnxPuas2EWRWdHAzoutHonTEKlNZB47CrXs5O6/EvkN0Nu0w16nM/BQRyE2IddRpLFYa4vhWaUglZTBjtcKZEmVFA50JbUmR/qohg41OBVw4++Ehe+QKwHy9JCcYJpNe9/aW7m2rIwbuj31b4L6wyMnqy3vPk9XGNUff+f5W3/xxeP/5+j37r5mb/3mr99+L/3Mofl7KvQGxd/sO6DqvnXflj7NjvsOacO3fSt1+M37Pzh0hqaTv335yefvnU5Qcs0s51IcQqeFGepvVqGUtXFppSxxrU/aJItlzXmjvRvqS7OKWb26tGRWrH9sHZHNSliHR7CnuHTSWYtlWFYjqfVMwSK81Qpt0TsXJFmysU1CQbS36qEGqoD6lqOQ+laDrL41xxWVV+OFuSwBrhw/VEiLSxg3PyX7nkKyXMxbeeFp5vu/dHHfv3YF3z8n9izw/Q9CPhk7EqHQ96dPFYotEyi21FPVyDNulL9/Y/r717GZ+jpZG8shf3/YNGsorA8GNNpckalUqCaBpWTBwgZQiVV4PAvcCltYIO3IQm+iLqCYxu5f4EbOiVkJtcz4DqHxOSgvdbk8Pk96fE3sfJq5tIHHoWCLPD5cKA/V3obielinLWiMRnNlbREZY6KsvAKvZU/TYqNcMtl53mivzO/5f5+sNr7QkF9YsJLO7U8PmZPHO4DnI4z4ugIzEpi9PP5kFXGSTRnuVnmGgl5FLfKXteRissWEdbjNRfl2QfOWL13BvF2kTqHQJNZit+jCFQnpR4UW4/R5DMEsGnOYfY/9BPOE2alhSrR4ksWYL0bUEoZAmydZIRPI1HtE3WmxzJcUCHFMtQ9Pb6AME9lOwmu5kDBVpadzXTifOy5Mofrr4WGdMeVJueipNEVchipO5lP9HMOkfiGzxjH/maWPw/M1xCa4SYSeDZ14r5fRqwE6IqzXxmbUwMsRWuVEcFMvq4GXw1kPFJ2RG3pRyfGmUm1VHWauRwBhCrR6wMoEFX01ULdX2bSgbo+I16H9Ja0whsv2gPQfV+0pTbLrBtgmBnaEldtntqOHkzM3dnA3TG45uo7uiE3cfPeB/i03H5zFoFUeN1gT4VP7EXT2t/TmX4b//gev7GEu8/7o3CedLz/5k1uB2w00uxTH8S3it1ek2jWwfNUuoIDVAE1zuB+Nvpg/DupdkWhMro6/1AJeOX5nFVpeP8seiVYl68V48v1W2uYvYZs/ciltDkpp2Nbh3jVELG2uNc1zdenMnVO8swpz0z34WnYM3Oiq7E078/1s2t5PInuvpZ5ekb1Hl2/vscwcH8nO8WjvEJnjyO7xNZfY7gtd+yqM/3SmrF52+6tDILQgLkB7K8FgAN8CTVGvrwAFIFCc9Cd78u71zkNlLqwJqF1SDDnMgvjMjVVBNy253pPGTPhuT4qFsXqiOMjPFVm8mI5lTEiYYEMqCJWk8GKG+YsAaRFfvAqwXj/fVa8OLvE8X84QnTG0RwWoKCiNNXqkFg54hwopjaWprQItq1UaUzpzVcZyNpDlCI7FnDlqY/SmbBS+LOUxgc5VHqOZ/BwP5UpVsD9VfECFqDXUg1SiGiKCGDdPylvDKKTxe6Q2xbxo9dBiP9bOEHxJmlyZ0EZJC9QgaCJWNnWAuLcLS5e50HwEshC4M0Gnf+CZRH8I6S1LZ6fU4+KFpLXaiZW4KclJalilmB+0mCrt0P1orYbYWChPa3uClrkJpziK6YzgOQvKMJlQwmxRVjNEE9cALQ5ZbWCXFqTOVQwHWucqWQu9mv+Zu63+vr899Md7+yZoVmhq6OeM+6NHNtMGx02+e7792E3OvV2piglWb6lwee1FCvoeLnaDgmHSUunecweOqCvnvwfCwVXBnes2WhnluELFXGkqe+XJx3/V46VYeY4NoDnWS41Sh5acZSAjMeJPdpBdYA2adWMeMXhaCptweR+af7C2pXH0Mxwk0pUxoFrCIhC1Ng8urhgUpDITrOzCM1XsEfDV1Ern62JresWT99cFVvQq5vDh89cz3MOrQpjzZpI2yKw3nX5pDZrBrWiLNUphJWlLgVbTcS1Wbxo3ggZvsrqhh9O7pGoWNIoT1Q0whavr0Jaq7+HULtw7iUJi2HljRhx2OMkNr5MwLOsI78AUueRVffXETViOs8ZtEG0nOMmpOKMQG068rNxwYhKTJtUY52prbCZXAv03K8FFJWzOWrjqnbM11NRm6I8GYyAP3TPeieNuSRXG8gGJEnurzHYUgLrYMHCMB9vhpWoeOEf0WMlinCj+yc1J+RwGBlbFlqY5DFTsQgYDLt3E1B4yBdysvY6ZfoF2vxinnZvoR34J7Eecotw+cdlEq6tep6T5X9r2ud3qSvGGJ5W5vAVKh6BNTb1xU+r7vR+lTokf/eS/HWWZkrbNey878SFpuamqIoQF9c1AWMAqLWXlOZwFty2gLDBW0Dvo2dTHqeOP/ogRotMRmyF1On0WV/xP9jjmneulniJnG1HrlwIa4FNN2OVajFK0t8Fjyc3OJzsEOyDfAaTksVxRNkhSmhHKZlyZgXuW4jLZnMSRPmxJ5UA/w8KcttQeIgpeCUFm5C91k/LkDjuKT3mqwuEi9/QBPqEHCLOn2dJFr3Cc5x1zFdmbsNtP77/iKX//D6YfeAqZquLcW+QGR1eqrpgYma378KbYsaufe/voo/uu//Ljd1y/n3mQvhnf4xzCx6bZmc2bjxywdRuK829wpA2zmRPwq24TXYrvw1i55v4wNULNUDuh9m+5VfdAv7Ldnxwnm9oWtKntyqnCn1vXGpXZPNZ6pHXoR6sRV+Zfjsy9G2iK16J5rRufJjQeCZVGDY9ahQTvCsKjjZhS4HLhmLnM6/OX/sWL+BfZFi++on9ngbaJz6iyf2uBPsEbuBDzOjo/GCgXJRo8otoPkgA6yGIUpyUBQI/DCEEQZ0i3z+ff096QfwPLXZl3vYprNIa4q5l5xSGqlKqmZFZ1UGOEtwY2dT2F/RpQ0S+S3ho6vyoPWre/fl72d7k6Mp/53336EahPMqOUjnJSYpGslaPHwpNEzEMyYFWTokz2h81V6dBBmmfv47IWB/3OFayKYyxXc+n3Vu3G712bfm9R5YO3L/SmNl8Lsp6qFt6U2Ulv+xp9nI5zOmPqtk9GSvE7K/Eb01Qnu5PejXwnT/mIZgNktTQAv4A3Ra1+PqHFMg0o3nAB2Y6kBayKiWxADxMqtWDpOSy22tk2tcHjiE5PccNuTy/7UWD3ZMRaY3bu8Y97K9sn0edx6PM86POM8HmY+NAofx6P+0SK0OdxRfB56GUXbn4q4rDGLZ4bsAs6Q+04FciouF70SUNbo951GzzsfkvjDehjqoIT8cAV6GNJr0VN6lV6J3UKja8N9IuSao5Sy6Nj0afx8wkWfxrLy6MrYnFMSuFJjj/ML3+as2bwsjg35GkNBzdf7nekPvTe3TvVUxXcsLZjz9ah6hpyHmd3Mk9je9qprbIKRqlfNqpo8+Hk4Hl2FbWkz6sSvVqJ+7wqrej7OLLWBhlchU4PW1+lACJVBazvWBoOugc/7SVPo+ehE5efN94oowXjQXgx12G8bDAeQAydbGXQ8HjqCuAmFhklizweS2WaIwfreshoihY+UQpX+Xg85YXQdSyBNm3tXQ9Per1TBaCvWTgVgO/7LPMsmgdGqo6apUSbRyz2J61kFLCO7Hg+ACosPsewRoKKWR6FGY/CjEJDXAmkJbMExQKJktL0KKyY3Tv/SzsdC2dRVB4GBoPuQegohhA6+OkvsO2rghksMDbZ52RO76U+YKJMktJmdUa0RGdEm5VyUZrwi+QHcDfm6ozUNezdv3P3vi//wxfoN3fcfWB2x1f2ozhqL/L1p6hfyznuaYQ2uHmLze+XNUyk4gp00INXM6Im9TmiJrIuXzrrLRilMvSsmiidOPA3CC3iNx0FFVBeOP/RrJzVblvwE+zSRG2lX8LaGQ4Kb7z06aQCK9qA/LQB5LJpCKmVaiL6a1pUJW2BMBpoXKP3fh+/t428NwUdWEkNEcyB99bAQqXhfUOLKXV8baEaB01ZP32fG+AMVIR6mEp0gL2BCyfiEZv8cI0sOnyiyiPW+kFMQKzESvJ6cCvdeNXZUbRUaUPBlh0dx4V50J+245WXNJOTCRzDtbDiwp2SBSJSvbWmsbkVqIUgjm0LQMgaAVYcLwqVeLGxU9KAlFQNCNFLZgs5hPuhVBFEQdvr82UEVX4H8oZKtN/gB3LVKDB3ggKh027VfovRoLgkEaJdP+95sKVFbdNeyf3uy89XcVg19BZGrcYPDjuev+Pz+6uusmn1fOTFLT/5lHIcpa+JCI5QwBB+4edmrUZ3+2OqJuf9931JY+pmjA29LWqhh9l3+JZ96odvM6os9tefl/crJ3eNwo685A7aQvRcEq1tIXTgTlIcVYamgtqXrCKCNHqf6PFLm9CpfJ1PjPiTPeRll0/c5pEsw+h/mcWvJAVr3cB4PWh17cTTvZbkQGoxb0SymPDoFGOZnbRsl5oI4W4hz7YYpUn0jNRvS7vIcfFE+ydv4uPiOjcnTp6QYsozBrHvBJWI9U3iwt++dEtFZS2CpAwyr1AHphEwMMAopgR14TlbS+sOSOBNbgHlh86xrdtwOEzNoqfF5kBwC/yyahMPDHgITgh0bXAXA6nUzHW/Ct/1QwYAyHfagUIBx8UhmMj+9pCvxJeOm0sRziQwVqHYhbUjvBmnHZPmwqucmtFM0NSURhtXCXWtanNpK6Pc1XRQGaqI1Wnop1RlJSxXWeZQqgdrpsuCxcXq9k6Fs94wzSntVpPCaC7h1F7bTkHpMSmja4KbG9W8tYpTr6ngbt00qkb/PKEMOHX0PT+qsjJMkOO8XGUb7WGq+lKin7ZW1tFUsdnAKl0cN/p4Y9P9z9I0x7Wygrn/dHMlw3kZpZ+to5lvvqGkqe0fC1bOw1A0viQ7yh5FuyDaUylPkuYgNpV/0CJH5JVwwCr/QJsJ7Ghe3sbD/3l2NtPbuVvxATVIPU8lyqCOiKFlCj0iCN7pl2pU82K7LxGF1d6rmJcsZZisyYsW/qAPOgKg2VOQmz2HPGIfbvYM6OYlsxet9QC5TAaZMWgED/Th5S228EmFIKsIVgqJIl09Po/2RtGvm+BeTrJ1oFnjxTrdFh55K0ko4zMi3VHaiIuWYfW6OXstq6ptDxUuN2qw26B+pGBDJ83/ceDW9QpbTYnCFIludac+ZRn6jpNxXIM0yBmvwcUh6pEm/2WpH2iuuJMzvDCZ7ukMjOCeTgMdqXEK8U1KBd9SV5G6a6uKL2tODfx7th7EPLKHfm2g8arU9qv2ZLo5Rz5H/9Zbz8oY3IIwiMENVCVYvgQsH/ADbaHo9SW6cIITaLg9UpNmfo5uckF+XQEsMZJSOy/qSE1nNzY8CLo6MYOoTdYlg9pNdzeyazvwlCSVlc2YcUw0CpIaFzCFu3ASAOgmLX5kdBdIgCMXiLwPU9fcKRs8WE7jmnucV+fPs7MTRMtYFZb/zmfHak9bmznzj9df3jBqEvQl9ZkSL2Te7nbGeyTyLjJ9udJ85xGNv31vxtC3sL5RsLOa1tIddpWgUFTUnf1VKpJXbsPFqhp8qbt2K5XXKc893AXFYNjKxdcwjW02aJn9/4Bf8u0AAAB42mNgZGBgYGQ4qszGkxDPb/OVQZ6DAQTOn2efBqP/3/x7k72Y7SiQy8HABBIFAD9/DJYAeNpjYGRgYO//28DAwMHw/+Z/RvZiBqAICngOAIrhBld42nWTMWhTQRjH/+++u5c3FClFrE6tQ4cQJEiGkCGE0lpD1BJjKEFKkBKkBKTWKGkbFYqTBCmlSHEoRUIRoQhKBukgLu2io4PiFDK4lA7awaLy/N9rA6Ho8OO79+7u+777/+/ULkY9ABZnDVAX8UBNYV5+oV82ccsUkTbPMOtMY17NYZMMyAbqugdDzjcMqFVkGGvqOcb0CMbVJ6TlI+JyFWFZgSe3cVYayMkkxqWFCsd2fcXuZY6UzUOmVQtV9wVG9br/Ve+gajzkzDqqeouc5vcEcq6HqmqjotYQNS7u6ROouzsomveYMY+R09NYNCuMbc4lSRF95g7SuuXvhe76300KZ/QV/4uuY4zn2GbPlxljrF+Rl/6+RLEsW8jrXkSlhIy+hIw8RUY1+M9DWV9ATA1jQoEaHCDm/ECMPWf1Q2SpV0YnWHuQe3oxKXGUuC+iryEhS/6uafg/qUuvLPt78oo551BUB06cMcL6hSPtm0HdGLV6gqQuIWXX8Pxp9rZk6qy9jKSUEba6We3lHb+juKnKwTmGeKbzqoCURB1P38eE9YbzH5w/iKsmeylTrwXETZM8Yv4WPbCa/wN3gX3Th8CDLuhBKvChjSyZZa6+jgfHYU/1YEwfugl8KKDCfHn5DybBs5UOPeiGHvQEPgz7vxn76Veh48FxrCZBpA/dWB/0SURsDDWRdyNcw56o1QxJyxTgbgOdyDpwXpPBQ/CZ8TrjDc7Rhw72HoUK/j7fS4Lo4I1sIEG0nKNub1EzI6jZveoUwqRo8+om7+Yi1zQ4fsP7tor8X+fl2zEAeNpjYGDQgcI0hmWMP5jlmG+xzGI5xirAGsZ6i02BLYJtA9sDdgv2NvZ7HDYcGziZOKs433GZcJ3htuKu4b7Ew8TjwVPBc4V3Ch8X3zJ+Gf5pAgECnwR7hHKErgnLCB8SCRG1Ev0k5iF2STxI/JVEk6SC5CYpB2kN6TMyZTIfZC1kl8i+kpOQc5MrkVeQnyL/S6FN4ZNinpKR0jllN+UlKgEq61TnqbmpTVLXU1+n4aZxTlNH85xWlLaV9j2dIJ1duha6CbrXdP/p/tOz0BfRX2KgYshmaGV4y0jG6JpxmfEK43vGn0zOmTKYupjuM1Mym2C2z9zOPMf8gIWERYLFJMsoKytrEesOGwGbGbZqtvvs6uydHBocjZyYnK44r3FZ4CrjOsNNxu2Ee5qHg8cqTxHPJs9fXi1eW7yNvG/41Plq+b7zW+EfFCAT8ChwVVBNcFiIWahU6K+wKeEi4dMiFCLORFpELomSitoSbRTDEpMScyTWJHZNnE5cTzxb/IGEikSrJKGkackuyb9SfqWuSJuRdiadCQcUS9dKt0vPSZ+RfiGDI8MhY0UmT2ZR5rzMf5n/snSyIrIishlyZHIccplytwEAidWYJAAAAAABAAAA5wBqAAUAAAAAAAIAAQACABYAAAEAAf4AAAAAeNqtVMtOAjEUPR3wFR9xYYxx1bjCRBGVEOPCiEYTDREfE3VlMsiIKDAECsa/8Ev8DKMbP8Wla89cioKwUGOatqe3957e1wyASTwhAhUdAfDO2cKK8neLHUyoQYsjmFNTFkehVcriAcyqU4sHKa9aPIQL9WDxMGLqzeIRxJxpi0ex5mxYPEbctHhcaefR4gkkI68WP2M66lj8gkR0BtsIUMU9aiiigGsYaMRwiXnuK0hgmWOBeB8NeKgQHXLPoUQ7jTx8olDmk8ETHMON1d0kX0NuDM+GL1RpVRDNK54uuce5Bihz9yifl7fueGdoq3FM67owNLnmKdmldkW8PKBFWe415pDm275w+4zGo6SfVOOEEffKj+XUoDT0YhdZsrvIUG8L6zy5lO3gnHFmqev24e1mOBWf64wjkJwtM74Ex2qP5eI3y17mokQYIiOZC3NeFt1bygJm8ufV+W+9OxnxX9f5r3YuLVr5+OqDE8mBIZ8nWWtnrCQMPrXqtncaxHl5T0t/+WK9xzpr1rUqup3MmS6GsDP71TWcusOz7ne/6tfkLEqVc1Ljzj735N00jgQb9pyWb9HQq3UscdTJWZMMGeK4+FDiHlBa4H2W9pk/2ZzRlxwz2I661auuVKbVWRX5FyS5JpAid/Jzbf8jkh+uR8sIAAB42m3QR0xUcRDH8e/AsgtL71Wx9/LeW5Zi3wWeHXuvKLC7ioCLq2I3Yi/RmHjT2C5q7DUa9aDG3mKJevBqNx7Uqy68vzfn8slvkplMhgha608FQf5XH0AiJJJIbERhx0E0MTiJJY54EkgkiWRSSCWNdDLIJItscsgljza0JZ92tKcDHelEZ7rQlW50pwc96UVv+tAXDR0DFwW4KaSIYkroR38GMJBBDGYIHryUUkY5JkMZxnBGMJJRjKaCMYxlHOOZwEQmMZkpTGUa05nBTGYxmznMpVJsHKGZjVxnHx/ZxC62s59jHJUotvGODewVuzjYyRZu8V6iOcBxfvGT3xzmJPe5yynmMZ/dVPGQau7xgKc84jFP+EQNL3jGc07j4wd7eM1LXuHnC9/YygICLGQRtdRxkHoW0xD+diMhlrCUZXxmOStoYiWrWcUVDrGWNaxjPV/5zlXOcJZrvOGtxIhTYiVO4iVBEiVJkiVFUiVN0iWDc5znEpe5zQUucofNnJBMbnBTsiSbHZIjuZJn99U2Nfh1R6guoGlamaVHU6rsNZQuZUmLRnhAqSsNpUtZoHQrC5VFymLlv30eS13t1XVnTcAXClZXVTb6rZZhWrpNW3koWN8a3GZpi6bXuiOs8RdCFpfPeNo9zSsOwkAUhWGm004f9E0tSQm4CQpIWACtqSEI0klI2AIKjUGCQLOIWxRhc3BCpuPOd8z/Zt8rsdugIW/bdozdVVcL2U4oVQ0VO4yLGpOQh3ZAvKyIyw3ZZfXic0v+4QB2DwE4Hw0XECcND3D3Gj7grTUCwF9oDIFAg1GogxHe8GjJjtdnMAajh2ECxk/DFEyWhhmYrgxzMJsZjsB82lNRIX+yJU3JAAFTqVcWAAA=) format('woff');
      font-weight: normal;
      font-style: normal;
  }
  
  .hfbookcontainer.left {
      max-width: 41.25rem;
      padding: 0.75em 1.5em;
      padding-right: calc(1.125em + 2.5vw);
      margin: 0.75rem auto;
      box-sizing: border-box;
      background-image: url(https://scp-wiki.wdfiles.com/local--files/component%3Ahf-book-left/Herman-Fuller-page-left.png);
      background-size: 100%;
      background-repeat: repeat-y;
      font-family: alegreyaregular, serif;
      color: #000;
      position: relative;
      border-radius: 0.75rem/0.325rem;
  }
  .hfbookcontainer.left::before {
      content: "To the Circus Born: Herman Fuller's Menagerie of Freaks";
      text-align: left;
      position: absolute;
      top: 0.975em;
      left: 1.325em;
      font-size: 0.925em;
      font-weight: bold;
  }
  
  :where(.left) .hfbookcontent {
      font-size: 0.975em;
      padding-bottom: 1rem;
  }
  
  :where(.left) .hfbooktitle {
      font-size: 1.1em;
      text-align: right;
  }
  .hfbooktitle p { margin: 0; }
  :where(.left) .hfbookpagenumber {
      text-align: left;
      font-weight: bold;
      position: absolute;
      left: 1.325em;
      bottom: 1.15em;
  }
  
  @media screen and (max-width: 37.5rem) {
      .hfbookcontainer::before { content: "To the Circus Born"; }
  }

  Pages using this styling

  • component:hf-book-left [info]

  ¶ 1 occurrence
  

  
  @import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@400..900&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Audiowide&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=DotGothic16&display=swap');
  
  :root {
    /*Link Style Variables*/
    --style01-link-deco: inherit;
    --style01-link-color: inherit;
  
    --style02-link-deco: none;
    --style02-link-color: green;
  
    --style03-link-deco: none;
    --style03-link-color: inherit;
  
    --style04-link-deco: none;
    --style04-link-color: inherit;
  
    --style05-link-deco: none;
    --style05-link-color: inherit;
  
  
  
    /*Plaintext Style Variables*/
    --style01-plain-font: inherit;
    --style01-plain-weight: inherit;
    --style01-plain-size: inherit;
    --style01-plain-color: inherit;
    --style01-plain-bgcolor: inherit;
  
    --style02-plain-font:  'Orbitron', sans-serif;
    --style02-plain-weight: inherit;
    --style02-plain-size: inherit;
    --style02-plain-color: inherit;
    --style02-plain-bgcolor: inherit;
  
    --style03-plain-font: "Audiowide", sans-serif;
    --style03-plain-weight: inherit;
    --style03-plain-size: inherit;
    --style03-plain-color: inherit;
    --style03-plain-bgcolor: inherit;
  
    --style04-plain-font: "Press Start 2P", system-ui;
    --style04-plain-weight: 700;
    --style04-plain-size: inherit;
    --style04-plain-color: inherit;
    --style04-plain-bgcolor: inherit;
  
    --style05-plain-font: "DotGothic16", sans-serif;
    --style05-plain-weight: bold;
    --style05-plain-size: inherit;
    --style05-plain-color: inherit;
    --style05-plain-bgcolor: inherit;
  
  
  
    /*Animation Style Variables ("mult" = multipliers to the base values)*/
    --anim01-duration-mult: 1;
    --anim01-before-duration-mult: 1;
    --anim01-after-duration-mult: 1;
    --anim01-translate-mult: 1;
  
    --anim02-base-duration-mult: 1;
    --anim02-before-duration-mult: 1;
    --anim02-after-duration-mult: 1;
    --anim02-translate-mult: 1;
  
    --anim03-base-duration-mult: 1;
    --anim03-before-duration-mult: 1;
    --anim03-after-duration-mult: 1;
    --anim03-before-color: #e0287d;
    --anim03-after-color: #1bc7fb;
  
    --anim04-before-duration-mult: 1;
    --anim04-after-duration-mult: 1;
    --anim04-translate-mult: 1;
  
    --anim05-duration-mult: 1;
  }
  
  
  /*===================================*/
  
  
  .style01-link:link, .style01-link:visited, .style01-link:hover, .style01-link:active {
    text-decoration: var(--style01-link-deco);  
    color: var(--style01-link-color);
  }
  
  .style02-link:link, .style02-link:visited, .style02-link:hover, .style02-link:active {
    text-decoration: var(--style02-link-deco);  
    color: var(--style02-link-color);
  }
  
  .style03-link:link, .style03-link:visited, .style03-link:hover, .style03-link:active {
    text-decoration: var(--style03-link-deco);  
    color: var(--style03-link-color);
  }
  
  .style04-link:link, .style04-link:visited, .style04-link:hover, .style04-link:active {
    text-decoration: var(--style04-link-deco);  
    color: var(--style04-link-color);
  }
  
  .style05-link:link, .style05-link:visited, .style05-link:hover, .style05-link:active {
    text-decoration: var(--style05-link-deco);  
    color: var(--style05-link-color);
  }
  
  
  /*===================================*/
  
  
  .style01-plaintext {
    font-family: var(--style01-plain-font);
    font-weight: var(--style01-plain-weight);
    font-size: var(--style01-plain-size);
    color: var(--style01-plain-color);
  
    padding-left: 0.0ch;
    padding-right: 0.0ch;
  }
  
  .style02-plaintext {
    font-family: var(--style02-plain-font);
    font-weight: var(--style02-plain-weight);
    font-size: var(--style02-plain-size);
    color: var(--style02-plain-color);
  
    padding-left: 0.0ch;
    padding-right: 0.0ch;
  }
  
  .style03-plaintext {
    font-family: var(--style03-plain-font);
    font-weight: var(--style03-plain-weight);
    font-size: var(--style03-plain-size);
    color: var(--style03-plain-color);
  
    padding-left: 0.0ch;
    padding-right: 0.0ch;
  }
  
  .style04-plaintext {
    font-family: var(--style04-plain-font);
    font-weight: var(--style04-plain-weight);
    font-size: var(--style04-plain-size);
    color: var(--style04-plain-color);
  
    padding-left: 0.0ch;
    padding-right: 0.0ch;
  }
  
  .style05-plaintext {
    font-family: var(--style05-plain-font);
    font-weight: var(--style05-plain-weight);
    font-size: var(--style05-plain-size);
    color: var(--style05-plain-color);
  
    padding-left: 0.0ch;
    padding-right: 0.0ch;
  }
  
  
  /*===================================*/
  
  
  span.style01-plaintext { background: var(--style01-plain-bgcolor); }
  span.style02-plaintext { background: var(--style02-plain-bgcolor); }
  span.style03-plaintext { background: var(--style03-plain-bgcolor); }
  span.style04-plaintext { background: var(--style04-plain-bgcolor); }
  span.style05-plaintext { background: var(--style05-plain-bgcolor); }
  
  
  
  
  
  
  
  .animation01, .animation01-hover:hover,
  .animation02, .animation02-hover:hover,
  .animation03, .animation03-hover:hover,
  .animation04, .animation04-hover:hover {
    position: relative;
    white-space: nowrap;
    display: inline-block;  
  }
  
  .animation01::before, .animation01::after, .animation01-hover:hover::before, .animation01-hover:hover::after,
  .animation02::before, .animation02::after, .animation02-hover:hover::before, .animation02-hover:hover::after,
  .animation03::before, .animation03::after, .animation03-hover:hover::before, .animation03-hover:hover::after,
  .animation04::before, .animation04::after, .animation04-hover:hover::before, .animation04-hover:hover::after {
    content: var(--content);
    position: absolute;
    bottom: 0rem;
    left: 0;  
  }
  
  
  /*===================================*/
  
  
  .animation01, .animation01-hover:hover {}
  
  .animation01::before, .animation01-hover:hover::before {
      clip-path: polygon(0 0, 100% 0, 100% 33%, 0 33%);
  }
  
  .animation01::after, .animation01-hover:hover::after {
      clip-path: polygon(0 68%, 100% 68%, 100% 100%, 0 100%);
  }
  
  .animation01::before, .animation01::after, .animation01-hover:hover::before, .animation01-hover:hover::after {}
  
  
  /*===================================*/
  
  
  .animation02, .animation02-hover:hover {}
  
  .animation02::before, .animation02-hover:hover::before {
    clip-path: polygon(0 0, 100% 0, 100% 45%, 0 45%);
    opacity: 0.8;
  
    transform: translate(
      calc(-0.025em * var(--anim02-translate-mod)), 
      calc(-0.0125em * 1)
    );
  }
  
  .animation02::after, .animation02-hover:hover::after {
    clip-path: polygon(0 80%, 100% 20%, 100% 100%, 0 100%);
    opacity: 0.8;
  
    transform: translate(
      calc(0.0125em * var(--anim02-translate-mod)), 
      calc(0.025em * 1)
    );
  }
  
  .animation02::before, .animation02::after, .animation02-hover:hover::before, .animation02-hover:hover::after {}
  
  
  /*===================================*/
  
  
  .animation03, .animation03-hover:hover {}
  
  .animation03::before, .animation03-hover:hover::before {
    top: 10px;
    left: 15px;
    color: var(--anim03-before-color);
  }
  
  .animation03::after, .animation03-hover:hover::after {
    top: 5px;
    left: -10px;
    color: var(--anim03-after-color);
  }
  
  .animation03::before, .animation03::after,
  .animation03-hover:hover::before, .animation03-hover:hover::after {
    width: 110%;
    z-index: -1;  
  }
  
  
  /*===================================*/
  
  
  .animation04, .animation04-hover:hover {}
  
  .animation04::before, .animation04-hover:hover::before {
    left: 2px;
    color: #192941;
    text-shadow: -1px 0 #0ff;
    clip: rect(0, 400%, 0, 0);
  }
  
  .animation04::after, .animation04-hover:hover::after {
    left: -2px;
    color: darken(#01A8FF, 33%);
    text-shadow: 3px 0 #FF28D7;
    clip: rect(0, 400%, 0, 0);
  }
  
  .animation04::before, .animation04::after, .animation04-hover:hover::before, .animation04-hover:hover::after {}
  
  
  /*===================================*/
  
  
  .animation05, .animation05-hover:hover {
    position: relative;
    display: inline-block;  
  }
  
  .animation05::before, .animation05-hover:hover::before {}
  
  .animation05::after, .animation05-hover:hover::after {}
  
  .animation05::before, .animation05::after,
  .animation05-hover:hover::before, .animation05-hover:hover::after {}
  
  
  
  
  
  @media not (prefers-reduced-motion) {
  
    .animation01, .animation01-hover:hover {
      animation: ge-anim01-base calc(300ms * var(--anim01-duration-mult)) linear infinite;
    }
  
    .animation01::before, .animation01-hover:hover::before {
      animation: ge-anim01-top calc(1s * var(--anim01-before-duration-mult)) linear infinite;
    }
  
    .animation01::after, .animation01-hover:hover::after {
      animation: ge-anim01-bottom calc(1s * var(--anim01-after-duration-mult)) linear infinite;
    }
  
  
  /*===================================*/
  
  
    .animation02, .animation02-hover:hover {
      animation: ge-anim02 calc(500ms * var(--anim02-base-duration-mult)) infinite;
    }
  
    .animation02::before, .animation02-hover:hover::before {
      animation: ge-anim02 calc(650ms * var(--anim02-before-duration-mult)) infinite;
    }
  
    .animation02::after, .animation02-hover:hover::after {
      animation: ge-anim02 calc(375ms * var(--anim02-after-duration-mult)) infinite;
    }
  
  
  /*===================================*/
  
  
    .animation03, .animation03-hover:hover {
      animation: ge-anim03-paths calc(5s * var(--anim03-base-duration-mult)) step-end infinite;
    }
  
    .animation03::before, .animation03-hover:hover::before {
      animation:
        ge-anim03-paths calc(5s * var(--anim03-before-duration-mult)) step-end infinite,
        ge-anim03-opacity calc(5s * var(--anim03-before-duration-mult)) step-end infinite,
        ge-anim03-font calc(8s * var(--anim03-before-duration-mult)) step-end infinite,
        ge-anim03-movement calc(10s * var(--anim03-before-duration-mult)) step-end infinite;
    }
  
    .animation03::after, .animation03-hover:hover::after {
      animation:
        ge-anim03-paths calc(5s * var(--anim03-after-duration-mult)) step-end infinite,
        ge-anim03-opacity calc(5s * var(--anim03-after-duration-mult)) step-end infinite,
        ge-anim03-font calc(7s * var(--anim03-after-duration-mult)) step-end infinite,
        ge-anim03-movement calc(8s * var(--anim03-after-duration-mult)) step-end infinite;
    }
  
  
  /*===================================*/
  
  
    .animation04::before, .animation04-hover:hover::before {
      animation: ge-anim04-1 calc(4s * var(--anim04-before-duration-mult)) linear alternate-reverse infinite;
    }
  
    .animation04::after, .animation04-hover:hover::after {
      animation: ge-anim04-2 calc(2s * var(--anim04-after-duration-mult)) linear alternate-reverse infinite .2s;
    }
  
  
  /*===================================*/
  
  
    .animation05, .animation05-hover:hover {
      animation: ge-anim05 calc(5s * var(--anim05-duration-mult)) step-end infinite;
    }
  
  }
  
  
  @media (prefers-reduced-motion) {
  
    .animation01, .animation01-hover:hover {
      transform: translate(calc(-0.025em * var(--anim01-translate-mod)), calc(-0.025em * var(--anim01-translate-mod))) skew(0deg); 
    }
  
    .animation01::before, .animation01-hover:hover::before {
      transform: translate(calc(15% * var(--anim01-translate-mod)), calc(0.5% * var(--anim01-translate-mod))) skew(-15deg);
    }
  
    .animation01::after, .animation01-hover:hover::after {
      transform: translate(calc(-10% * var(--anim01-translate-mod)), calc(1% * var(--anim01-translate-mod))) skew(35deg);
    }
  
  
  /*===================================*/
  
  
    .animation02, .animation02-hover:hover {}
  
    .animation02::before, .animation02-hover:hover::before {
      text-shadow:
        0.025em 0.05em 0 rgba(255, 0, 0, 0.75),
        0.05em 0 0 rgba(0, 255, 0, 0.75),
        0 -0.05em 0 rgba(0, 0, 255, 0.75);
    }
  
    .animation02::after, .animation02-hover:hover::after {
      text-shadow:
        0.025em 0.05em 0 rgba(255, 0, 0, 0.75),
        0.05em 0 0 rgba(0, 255, 0, 0.75),
        0 -0.05em 0 rgba(0, 0, 255, 0.75);
    }
  
  
  /*===================================*/
  
  
    .animation03, .animation03-hover:hover {}
  
    .animation03::before, .animation03-hover:hover::before {
      clip-path: polygon(0% 26%, 15% 26%, 15% 73%, 72% 73%, 72% 70%, 77% 70%, 77% 75%, 8% 75%, 8% 42%, 4% 42%, 4% 61%, 17% 61%, 17% 12%, 26% 12%, 26% 63%, 73% 63%, 73% 43%, 90% 43%, 90% 67%, 50% 67%, 50% 41%, 42% 41%, 42% 46%, 50% 46%, 50% 84%, 96% 84%, 96% 78%, 49% 78%, 49% 25%, 63% 25%, 63% 14%);
  
      opacity: 0.7;
  
      font-weight: 100; color: #e0287d; filter: blur(3px);
    }
  
    .animation03::after, .animation03-hover:hover::after {
      clip-path: polygon(0% 26%, 15% 26%, 15% 73%, 72% 73%, 72% 70%, 77% 70%, 77% 75%, 8% 75%, 8% 42%, 4% 42%, 4% 61%, 17% 61%, 17% 12%, 26% 12%, 26% 63%, 73% 63%, 73% 43%, 90% 43%, 90% 67%, 50% 67%, 50% 41%, 42% 41%, 42% 46%, 50% 46%, 50% 84%, 96% 84%, 96% 78%, 49% 78%, 49% 25%, 63% 25%, 63% 14%);
  
      opacity: 0.7;
  
      font-weight: 100; color: #e0287d; filter: blur(3px);
    }
  
  
  /*===================================*/
  
  
    .animation04::before, .animation04-hover:hover::before {
      opacity: 1;
      transform: translate3d(calc(-1 * var(--gap-horizontal)),0,0);
      -webkit-clip-path: polygon(0 25%, 100% 25%, 100% 45%, 0 45%);
      clip-path: polygon(0 25%, 100% 25%, 100% 45%, 0 45%);
    }
  
    .animation04::after, .animation04-hover:hover::after {
      opacity: 1;
      transform: translate3d(calc(-1 * var(--gap-horizontal)),0,0);
      -webkit-clip-path: polygon(0 25%, 100% 25%, 100% 45%, 0 45%);
      clip-path: polygon(0 25%, 100% 25%, 100% 45%, 0 45%);
    }
  
  
  /*===================================*/
  
  
    .animation05, .animation05-hover:hover {
      clip-path: polygon(81% 79%, 25% 5%, 84% 4%, 40% 54%, 81% 17%, 88% 88%, 30% 25%, 46% 6%, 11% 90%, 7% 47%, 67% 2%, 92% 91%, 12% 33%, 76% 75%, 14% 92%, 91% 6%, 85% 60%, 36% 84%, 58% 50%, 43% 53%, 19% 71%, 5% 84%, 83% 11%, 70% 62%, 1% 34%, 87% 11%, 45% 32%, 53% 0%, 73% 6%, 35% 53%, 71% 42%, 12% 51%, 22% 79%, 79% 84%, 3% 7%, 84% 16%, 16% 52%, 81% 92%, 12% 66%, 12% 65%, 43% 89%, 48% 63%, 32% 75%, 1% 40%, 49% 1%, 32% 68%, 42% 33%, 62% 93%, 98% 73%, 46% 48%);
    }
  
  }
  
  
  
  
  
  
  
  
  
  
  
  
  @keyframes ge-anim01-base {
    0%    { 
      transform: translate(
        calc(-0.05em * var(--anim01-translate-mult)), 
        calc(-0.025em * var(--anim01-translate-mult))
      ) skew(0deg); 
    }
    14%   { 
      transform: translate(
        calc(-0.05em * var(--anim01-translate-mult)), 
        calc(-0.025em * var(--anim01-translate-mult))
      ) skew(0deg); 
    }
    15%   { 
      transform: translate(
        calc(0.025em * var(--anim01-translate-mult)), 
        calc(0.025em * var(--anim01-translate-mult))
      ) skew(0deg); 
    }
    49%   { 
      transform: translate(
        calc(0.025em * var(--anim01-translate-mult)), 
        calc(0.025em * var(--anim01-translate-mult))
      ) skew(5deg); 
    }
    50%   { 
      transform: translate(
        calc(0.05em * var(--anim01-translate-mult)), 
        0
      ) skew(5deg); 
    }
    99%   { 
      transform: translate(
        calc(0.05em * var(--anim01-translate-mult)), 
        0
      ) skew(0deg); 
    }
    100%  { 
      transform: translate(
        calc(-0.025em * var(--anim01-translate-mult)), 
        calc(-0.025em * var(--anim01-translate-mult))
      ) skew(0deg); 
    }
  }
  
  @keyframes ge-anim01-top {
    2%, 64% { 
      transform: translate(
        calc(-1% * var(--anim01-translate-mult)), 
        calc(-1% * var(--anim01-translate-mult))
      ); 
    }
    4%, 60% { 
      transform: translate(
        calc(1% * var(--anim01-translate-mult)), 
        calc(-1% * var(--anim01-translate-mult))
      ); 
    }
    62% { 
      transform: translate(
        calc(15% * var(--anim01-translate-mult)), 
        calc(0.5% * var(--anim01-translate-mult))
      ) skew(-15deg); 
    }
  }
  
  @keyframes ge-anim01-bottom {
    2%, 64% {  
      transform: translate(calc(-1% * var(--anim01-translate-mult)), 0); 
    }
    4%, 60% {  
      transform: translate(calc(-1% * var(--anim01-translate-mult)), 0); 
    }
    62% {  
      transform: translate(
        calc(-10% * var(--anim01-translate-mult)),
        calc(1% * var(--anim01-translate-mult))
      ) skew(35deg); 
    }
  }
  
  
  /*===================================*/
  
  
  @keyframes ge-anim02 {
    0% { 
      text-shadow:
        0.05em 0 0 rgba(255, 0, 0, 0.75),
        -0.05em -0.025em 0 rgba(0, 255, 0, 0.75),
        -0.025em 0.05em 0 rgba(0, 0, 255, 0.75);
    }
    14% { 
      text-shadow:
        0.05em 0 0 rgba(255, 0, 0, 0.75),
        -0.05em -0.025em 0 rgba(0, 255, 0, 0.75),
        -0.025em 0.05em 0 rgba(0, 0, 255, 0.75);
    }
    15% {  
      text-shadow:
        -0.05em -0.025em 0 rgba(255, 0, 0, 0.75),
        0.025em 0.025em 0 rgba(0, 255, 0, 0.75),
        -0.05em -0.05em 0 rgba(0, 0, 255, 0.75);
    }
    49% {  
      text-shadow:
        -0.05em -0.025em 0 rgba(255, 0, 0, 0.75),
        0.025em 0.025em 0 rgba(0, 255, 0, 0.75),
        -0.05em -0.05em 0 rgba(0, 0, 255, 0.75);
    }
    50% {  
      text-shadow:
        0.025em 0.05em 0 rgba(255, 0, 0, 0.75),
        0.05em 0 0 rgba(0, 255, 0, 0.75),
        0 -0.05em 0 rgba(0, 0, 255, 0.75);
    }
    99% {  
      text-shadow:
        0.025em 0.05em 0 rgba(255, 0, 0, 0.75),
        0.05em 0 0 rgba(0, 255, 0, 0.75),
        0 -0.05em 0 rgba(0, 0, 255, 0.75);
    }
    100% {  
      text-shadow:
        -0.025em 0 0 rgba(255, 0, 0, 0.75),
        -0.025em -0.025em 0 rgba(0, 255, 0, 0.75),
        -0.025em -0.05em 0 rgba(0, 0, 255, 0.75);
    }
  }
  
  
  /*===================================*/
  
  
  @keyframes ge-anim03-paths {
    0% { 
      clip-path: polygon(0%  43%, 83% 43%, 83% 22%, 23% 22%, 23% 24%, 91% 24%, 91% 26%, 18% 26%, 18% 83%, 29% 83%, 29% 17%, 41% 17%, 41% 39%, 18% 39%, 18% 82%, 54% 82%, 54% 88%, 19% 88%, 19% 4%, 39%  4%, 39% 14%, 76% 14%, 76% 52%, 23% 52%, 23% 35%, 19% 35%, 19%  8%, 36%  8%, 36% 31%, 73% 31%, 73% 16%,  1% 16%, 1% 56%, 50% 56%, 50%  8%); 
    }
  
    5% { 
      clip-path: polygon(0% 29%, 44% 29%, 44% 83%, 94% 83%, 94% 56%, 11% 56%, 11% 64%, 94% 64%, 94% 70%, 88% 70%, 88% 32%, 18% 32%, 18% 96%, 10% 96%, 10% 62%, 9% 62%, 9% 84%, 68% 84%, 68% 50%, 52% 50%, 52% 55%, 35% 55%, 35% 87%, 25% 87%, 25% 39%, 15% 39%, 15% 88%, 52% 88%); 
    }
  
    30% { 
      clip-path: polygon(0% 53%, 93% 53%, 93% 62%, 68% 62%, 68% 37%, 97% 37%, 97% 89%, 13% 89%, 13% 45%, 51% 45%, 51% 88%, 17% 88%, 17% 54%, 81% 54%, 81% 75%, 79% 75%, 79% 76%, 38% 76%, 38% 28%, 61% 28%, 61% 12%, 55% 12%, 55% 62%, 68% 62%, 68% 51%, 0% 51%,  0% 92%, 63% 92%, 63%  4%, 65%  4%); 
    }
  
    45% { 
      clip-path: polygon(0% 33%, 2% 33%, 2% 69%, 58% 69%, 58% 94%, 55% 94%, 55% 25%, 33% 25%, 33% 85%, 16% 85%, 16% 19%, 5% 19%, 5% 20%, 79% 20%, 79% 96%, 93% 96%, 93% 50%, 5% 50%, 5% 74%, 55% 74%, 55% 57%, 96% 57%, 96% 59%, 87% 59%, 87% 65%, 82% 65%, 82% 39%, 63% 39%, 63% 92%, 4% 92%, 4% 36%, 24% 36%, 24% 70%, 1% 70%, 1% 43%, 15% 43%, 15% 28%, 23% 28%, 23% 71%, 90% 71%, 90% 86%, 97% 86%, 97% 1%, 60% 1%, 60% 67%, 71% 67%, 71% 91%, 17% 91%, 17% 14%, 39% 14%, 39% 30%, 58% 30%, 58% 11%, 52% 11%, 52% 83%, 68% 83%); 
    }
  
    76% { 
      clip-path: polygon(0% 26%, 15% 26%, 15% 73%, 72% 73%, 72% 70%, 77% 70%, 77% 75%, 8% 75%, 8% 42%, 4% 42%, 4% 61%, 17% 61%, 17% 12%, 26% 12%, 26% 63%, 73% 63%, 73% 43%, 90% 43%, 90% 67%, 50% 67%, 50% 41%, 42% 41%, 42% 46%, 50% 46%, 50% 84%, 96% 84%, 96% 78%, 49% 78%, 49% 25%, 63% 25%, 63% 14%); 
    }
  
    90% { 
      clip-path: polygon(0% 41%, 13% 41%, 13%  6%, 87%  6%, 87% 93%, 10% 93%, 10% 13%, 89% 13%, 89%  6%, 3%  6%, 3%  8%, 16%  8%, 16% 79%, 0% 79%, 0% 99%, 92% 99%, 92% 90%,  5% 90%, 5% 60%, 0% 60%, 0% 48%, 89% 48%, 89% 13%, 80% 13%, 80% 43%, 95% 43%, 95% 19%, 80% 19%, 80% 85%, 38% 85%, 38% 62%); 
    }
  
    1%, 7%, 33%, 47%, 78%, 93% { clip-path: none; }
  }
  
  @keyframes ge-anim03-movement {
    0%   { top: 0px; left: -20px; }
    15%  { top: 10px; left: 10px; }
    60%  { top: 5px; left: -10px; }
    75%  { top: -5px; left: 20px; }
    100% { top: 10px; left: 5px;  }
  }
  
  @keyframes ge-anim03-opacity {
    0%  { opacity: 0.1; }
    5%  { opacity: 0.7; }
    30% { opacity: 0.4; }
    45% { opacity: 0.6; }
    76% { opacity: 0.4; }
    90% { opacity: 0.8; }
  
    1%, 7%, 33%, 47%, 78%, 93% { opacity: 0; }
  }
  
  @keyframes ge-anim03-font {
    0% { font-weight: 100; color: #e0287d; filter: blur(3px); }
    20% { font-weight: 500; color: #fff; filter: blur(0); }
    50% { font-weight: 300; color: #1bc7fb; filter: blur(2px); }
    60% { font-weight: 700; color: #fff; filter: blur(0); }
    90% { font-weight: 500; color: #e0287d; filter: blur(6px); }
  }
  
  
  /*===================================*/
  
  
  @keyframes ge-anim04-1 {
    0% {
      opacity: 1;
      transform: translate3d(0,0,0);
      -webkit-clip-path: polygon(0 2%, 100% 2%, 100% 5%, 0 5%);
      clip-path: polygon(0 2%, 100% 2%, 100% 5%, 0 5%);
    }
    2% {
      -webkit-clip-path: polygon(0 15%, 100% 15%, 100% 15%, 0 15%);
      clip-path: polygon(0 15%, 100% 15%, 100% 15%, 0 15%);
    }
    4% {
      -webkit-clip-path: polygon(0 10%, 100% 10%, 100% 20%, 0 20%);
      clip-path: polygon(0 10%, 100% 10%, 100% 20%, 0 20%);
    }
    6% {
      -webkit-clip-path: polygon(0 1%, 100% 1%, 100% 2%, 0 2%);
      clip-path: polygon(0 1%, 100% 1%, 100% 2%, 0 2%);
    }
    8% {
      -webkit-clip-path: polygon(0 33%, 100% 33%, 100% 33%, 0 33%);
      clip-path: polygon(0 33%, 100% 33%, 100% 33%, 0 33%);
    }
    10% {
      -webkit-clip-path: polygon(0 44%, 100% 44%, 100% 44%, 0 44%);
      clip-path: polygon(0 44%, 100% 44%, 100% 44%, 0 44%);
    }
    12% {
      -webkit-clip-path: polygon(0 50%, 100% 50%, 100% 20%, 0 20%);
      clip-path: polygon(0 50%, 100% 50%, 100% 20%, 0 20%);
    }
    14% {
      -webkit-clip-path: polygon(0 70%, 100% 70%, 100% 70%, 0 70%);
      clip-path: polygon(0 70%, 100% 70%, 100% 70%, 0 70%);
    }
    16% {
      -webkit-clip-path: polygon(0 80%, 100% 80%, 100% 80%, 0 80%);
      clip-path: polygon(0 80%, 100% 80%, 100% 80%, 0 80%);
    }
    18% {
      -webkit-clip-path: polygon(0 50%, 100% 50%, 100% 55%, 0 55%);
      clip-path: polygon(0 50%, 100% 50%, 100% 55%, 0 55%);
    }
    20% {
      -webkit-clip-path: polygon(0 70%, 100% 70%, 100% 80%, 0 80%);
      clip-path: polygon(0 70%, 100% 70%, 100% 80%, 0 80%);
    }
    21.9% {
      opacity: 1;
       transform: translate3d(0,0,0);
    }
    22%, 100% {
      opacity: 0;
      transform: translate3d(0,0,0);
      -webkit-clip-path: polygon(0 0, 0 0, 0 0, 0 0);
      clip-path: polygon(0 0, 0 0, 0 0, 0 0);
    }
  }
  
  @keyframes ge-anim04-2 {
    0% {
      opacity: 1;
      transform: translate3d(-1,0,0);
      -webkit-clip-path: polygon(0 25%, 100% 25%, 100% 30%, 0 30%);
      clip-path: polygon(0 25%, 100% 25%, 100% 30%, 0 30%);
    }
    3% {
      -webkit-clip-path: polygon(0 3%, 100% 3%, 100% 3%, 0 3%);
      clip-path: polygon(0 3%, 100% 3%, 100% 3%, 0 3%);
    }
    5% {
      -webkit-clip-path: polygon(0 5%, 100% 5%, 100% 20%, 0 20%);
      clip-path: polygon(0 5%, 100% 5%, 100% 20%, 0 20%);
    }
    7% {
      -webkit-clip-path: polygon(0 20%, 100% 20%, 100% 20%, 0 20%);
      clip-path: polygon(0 20%, 100% 20%, 100% 20%, 0 20%);
    }
    9% {
      -webkit-clip-path: polygon(0 40%, 100% 40%, 100% 40%, 0 40%);
      clip-path: polygon(0 40%, 100% 40%, 100% 40%, 0 40%);
    }
    11% {
      -webkit-clip-path: polygon(0 52%, 100% 52%, 100% 59%, 0 59%);
      clip-path: polygon(0 52%, 100% 52%, 100% 59%, 0 59%);
    }
    13% {
      -webkit-clip-path: polygon(0 60%, 100% 60%, 100% 60%, 0 60%);
      clip-path: polygon(0 60%, 100% 60%, 100% 60%, 0 60%);
    }
    15% {
      -webkit-clip-path: polygon(0 75%, 100% 75%, 100% 75%, 0 75%);
      clip-path: polygon(0 75%, 100% 75%, 100% 75%, 0 75%);
    }
    17% {
      -webkit-clip-path: polygon(0 65%, 100% 65%, 100% 40%, 0 40%);
      clip-path: polygon(0 65%, 100% 65%, 100% 40%, 0 40%);
    }
    19% {
      -webkit-clip-path: polygon(0 45%, 100% 45%, 100% 50%, 0 50%);
      clip-path: polygon(0 45%, 100% 45%, 100% 50%, 0 50%);
    }
    20% {
      -webkit-clip-path: polygon(0 14%, 100% 14%, 100% 33%, 0 33%);
      clip-path: polygon(0 14%, 100% 14%, 100% 33%, 0 33%);
    }
    21.9% {
      opacity: 1;
      transform: translate3d(-1,0,0);
    }
    22%, 100% {
      opacity: 0;
      transform: translate3d(0,0,0);
      -webkit-clip-path: polygon(0 0, 0 0, 0 0, 0 0);
      clip-path: polygon(0 0, 0 0, 0 0, 0 0);
    }
  }
  
  
  /*===================================*/
  
  
  @keyframes ge-anim05 {
    0%, 13%, 29.5%, 49%, 72.25%, 84% {
      clip-path: none;
      text-shadow: 0 0 10px white;
    }
  
    9.2%, 27.7%, 45.7%, 69%, 82% {
      text-shadow: 0 0 10px white, 10px 10px 0px #ff88ffff, 3px -4px 0px #88ff88ff;
    }
  
    9.2% {  
      clip-path: polygon(89% 21%, 50% 31%, 30% 29%, 90% 7%, 79% 46%, 17% 42%, 21% 60%, 31% 53%, 77% 39%, 2% 88%, 48% 2%, 18% 76%, 2% 64%, 87% 90%, 32% 20%, 53% 97%, 19% 86%, 80% 73%, 69% 88%, 76% 68%, 91% 91%, 12% 80%, 77% 15%, 54% 12%, 78% 58%, 93% 18%, 88% 24%, 90% 30%, 67% 76%, 89% 54%, 18% 52%, 96% 49%, 35% 19%, 22% 52%, 38% 7%, 78% 80%, 28% 24%, 78% 58%, 43% 99%, 55% 95%, 80% 85%, 49% 83%, 77% 66%, 23% 49%, 97% 37%, 66% 40%, 61% 8%, 40% 49%, 14% 89%, 56% 10%); 
    }
  
    27.7% {  
      clip-path: polygon(73% 38%, 53% 27%, 50% 22%, 49% 93%, 83% 7%, 40% 45%, 49% 62%, 0% 17%, 33% 56%, 71% 36%, 59% 86%, 99% 92%, 43% 9%, 48% 62%, 8% 55%, 16% 9%, 58% 1%, 16% 89%, 17% 61%, 98% 91%, 92% 87%, 52% 97%, 29% 95%, 12% 74%, 40% 35%, 83% 96%, 0% 21%, 51% 17%, 86% 24%, 8% 85%, 82% 84%, 60% 70%, 64% 78%, 43% 13%, 2% 98%, 6% 16%, 15% 33%, 42% 64%, 84% 3%, 56% 55%, 42% 12%, 98% 81%, 14% 69%, 1% 96%, 89% 18%, 46% 34%, 65% 0%, 8% 17%, 91% 36%, 21% 24%); 
    }
  
    45.7% {  
      clip-path: polygon(81% 79%, 25% 5%, 84% 4%, 40% 54%, 81% 17%, 88% 88%, 30% 25%, 46% 6%, 11% 90%, 7% 47%, 67% 2%, 92% 91%, 12% 33%, 76% 75%, 14% 92%, 91% 6%, 85% 60%, 36% 84%, 58% 50%, 43% 53%, 19% 71%, 5% 84%, 83% 11%, 70% 62%, 1% 34%, 87% 11%, 45% 32%, 53% 0%, 73% 6%, 35% 53%, 71% 42%, 12% 51%, 22% 79%, 79% 84%, 3% 7%, 84% 16%, 16% 52%, 81% 92%, 12% 66%, 12% 65%, 43% 89%, 48% 63%, 32% 75%, 1% 40%, 49% 1%, 32% 68%, 42% 33%, 62% 93%, 98% 73%, 46% 48%); 
    }
  
    69% {  
      clip-path: polygon(89% 82%, 44% 73%, 87% 45%, 77% 4%, 33% 15%, 68% 65%, 87% 48%, 87% 14%, 64% 6%, 60% 70%, 2% 50%, 46% 82%, 97% 43%, 30% 54%, 87% 12%, 85% 3%, 34% 99%, 88% 18%, 84% 74%, 95% 26%, 26% 0%, 81% 86%, 97% 14%, 17% 90%, 15% 11%, 29% 13%, 1% 88%, 88% 21%, 29% 13%, 24% 16%, 45% 25%, 69% 39%, 94% 27%, 41% 77%, 23% 46%, 34% 42%, 77% 12%, 19% 53%, 15% 83%, 95% 24%, 47% 82%, 99% 22%, 53% 60%, 47% 7%, 65% 75%, 51% 3%, 85% 32%, 87% 54%, 31% 99%, 90% 51%); 
    }
  
    82% { 
      clip-path: polygon(64% 61%, 32% 7%, 33% 69%, 48% 3%, 3% 54%, 18% 3%, 88% 12%, 54% 7%, 75% 18%, 32% 72%, 45% 87%, 68% 57%, 46% 39%, 27% 39%, 9% 27%, 82% 95%, 31% 24%, 75% 99%, 36% 4%, 31% 21%, 0% 55%, 79% 45%, 14% 38%, 12% 70%, 22% 30%, 96% 2%, 32% 7%, 53% 99%, 9% 4%, 10% 58%, 64% 85%, 73% 2%, 75% 71%, 53% 85%, 40% 58%, 21% 0%, 65% 77%, 22% 73%, 53% 61%, 4% 14%, 81% 0%, 65% 58%, 5% 36%, 96% 41%, 71% 30%, 1% 51%, 78% 9%, 11% 23%, 29% 43%, 10% 10%); 
    }
  }
  
  

  Pages using this styling

  • component:glitch-elements [info]

  ¶ 1 occurrence
  

  
  @import url("https://nu-scptheme.github.io/Black-Highlighter/stable/styles/normalize.min.css");
  @import url("https://nu-scptheme.github.io/Black-Highlighter/stable/styles/black-highlighter.min.css");
  

  Pages using this styling

  • component:glitch-elements [info]

  ¶ 1 occurrence
  

  
  /* Top Half Formatting */
  
  .twitterContainer {
      box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
      margin: 1rem;
      border-radius: 1rem;
      background: white;
      padding: 1rem;
  }
  .twitterContainer img {
      border-radius: 1rem;
      width: 100%;
  }
  .twitterContainer table {
      width: 100%;
  }
  .twitterPFP {
      width: 3rem;
  }
  .twitterPFP img {
      border-radius: 100%;
      background-position: center;
      background-repeat: no-repeat;
      width: 100%;
      aspect-ratio: 1;
  }
  .twitterUsername {
      padding-left: 8px;
  }
  .twitterName {
      font-weight: bold;
  }
  .twitterNameLink {
      color: #778088;
  }
  .twitterNameLink::before, .twitterLink::before {
      content: "@";
  }
  .twitterOptions {
      font-weight: bold;
      text-align: right;
  }
  .twitterUsername p, .twitterNumbers p {
      margin-block-start: 0;
      margin-block-end: 0;
  }
  .twitterContainer .image-container {
      padding: 0;
  }
  .twitterBody {
      font-size: 1.1rem;
  }
  .twitterBody p:first-child {
      margin-block-start: 0;
  }
  .twitterBody p:last-child {
      margin-block-end: 0;
  }
  
  .twitterLink {
      color: #1d9bf9;
  }
  .twitterLink:hover {
      text-decoration: underline;
      cursor: pointer;
  }
  
  /* Emoji Formatting */
  
  .emoji {
      width: 1.4rem;
      height: 1.2rem;
      border-radius: 3px;
      display: inline-flex;
      justify-content: center;
      align-items: center;
      color: transparent;
      margin: 0 2px;
  }
  .pride {
      background-image:
      	linear-gradient(to bottom,
      		#ff000e 0 calc(1.2rem / 6),
      		#ff7300 calc(1.2rem / 6) calc(1.2rem / 6 * 2),
      		#fad220 calc(1.2rem / 6 * 2) calc(1.2rem / 6 * 3),
      		#138f3e calc(1.2rem / 6 * 3) calc(1.2rem / 6 * 4),
      		#3558a0 calc(1.2rem / 6 * 4) calc(1.2rem / 6 * 5),
      		#880082 calc(1.2rem / 6 * 5) 100%);
  }
  .trans {
      background-image:
      	linear-gradient(to bottom,
      		#5ccefa 0 20%, 
      		#f6a8b7 20% 40%, 
      		#fff 40% 60%, 
      		#f6a8b7 60% 80%, 
      		#5ccefa 80% 100%);
  }
  .gay {
      background-image:
      	linear-gradient(to bottom,
      		#007c6b 0 calc(1.2rem / 7),
      		#40a4a5 calc(1.2rem / 7) calc(1.2rem / 7 * 2),
      		#59c8d2 calc(1.2rem / 7 * 2) calc(1.2rem / 7 * 3),
      		#fefefe calc(1.2rem / 7 * 3) calc(1.2rem / 7 * 4),
      		#7aade0 calc(1.2rem / 7 * 4) calc(1.2rem / 7 * 5),
      		#0b83c9 calc(1.2rem / 7 * 5) calc(1.2rem / 7 * 6),
      		#04336f calc(1.2rem / 7 * 6) 100%);
  }
  .lesbian {
      background-image:
      	linear-gradient(to bottom,
      		#d82c01 0 calc(1.2rem / 7),
      		#f1752c calc(1.2rem / 7) calc(1.2rem / 7 * 2),
      		#ff985b calc(1.2rem / 7 * 2) calc(1.2rem / 7 * 3),
      		#fefefe calc(1.2rem / 7 * 3) calc(1.2rem / 7 * 4),
      		#d162a3 calc(1.2rem / 7 * 4) calc(1.2rem / 7 * 5),
      		#b75591 calc(1.2rem / 7 * 5) calc(1.2rem / 7 * 6),
      		#a60260 calc(1.2rem / 7 * 6) 100%);
  }
  .bi {
      background-image:
      	linear-gradient(to bottom,
      		#c1357e 0 40%,
      		#675997 40% 60%,
      		#0655a9 60% 100%);
  }
  .nonbinary {
      background-image:
      	linear-gradient(to bottom,
      		#f7e45a 0 25%,
      		#f9fbfc 25% 50%,
      		#675997 50% 75%,
      		#222222 75% 100%);
  }
  .asexual {
      background-image:
      	linear-gradient(to bottom,
      		#222222 0 20%,
      		#a2a2a2 20% 40%,
      		#f9fbfc 40% 60%,
      		#a148a2 60% 80%,
      		#222222 80% 100%);
  }
  .pan {
      background-image:
      	linear-gradient(to bottom,
      		#ea38aa 0 calc(1.2rem / 3),
      		#ffba00 calc(1.2rem / 3) calc(1.2rem / 3 * 2),
      		#2188e8 calc(1.2rem / 3 * 2) 100%);
  }
  .intersex {
      background-image:
      	repeating-radial-gradient(circle at center,
      		#ffba00 0 30%,
      		#675997 30% 40%,
      		#ffba00 40% 100%);
  }
  .genderfluid {
      background-image:
      	linear-gradient(to bottom,
      		#f39ec1 0 20%,
      		#f9fbfc 20% 40%,
      		#a74a95 40% 60%,
      		#000 60% 80%,
      		#0068b5 80% 100%);
  }
  .agender {
      background-image:
      	linear-gradient(to bottom,
      		#000000 0 calc(1.2rem / 7),
      		#b9b9b9 calc(1.2rem / 7) calc(1.2rem / 7 * 2),
      		#fff calc(1.2rem / 7 * 2) calc(1.2rem / 7 * 3),
      		#b8f58a calc(1.2rem / 7 * 3) calc(1.2rem / 7 * 4),
      		#fff calc(1.2rem / 7 * 4) calc(1.2rem / 7 * 5),
      		#b9b9b9 calc(1.2rem / 7 * 5) calc(1.2rem / 7 * 6),
      		#000000 calc(1.2rem / 7 * 6) 100%);
  }
  .aroace {
      background-image:
      	linear-gradient(to bottom,
      		#e68222 0 20%,
      		#eec62d 20% 40%,
      		#fff 40% 60%,
      		#49a6d5 60% 80%,
      		#1c304b 80% 100%);
  }
  .aromantic {
      background-image:
      	linear-gradient(to bottom,
      		#3AA640 0 20%,
      		#A8D47A 20% 40%,
      		#fff 40% 60%,
      		#AAABAB 60% 80%,
      		#000 80% 100%);
  }
  .omnigender {
      background-image:
      	linear-gradient(to bottom,
      		#ff92c5 0 20%,
      		#ff4ab3 20% 40%,
      		#24033c 40% 60%,
      		#5855f8 60% 80%,
      		#7b9dfb 80% 100%);
  }
  .omnisexual {
      background-image:
      	linear-gradient(to bottom,
      		#ffb0ca 0 20%,
      		#c9c0e8 20% 40%,
      		#a447a5 40% 60%,
      		#7193bf 60% 80%,
      		#9adaeb 80% 100%);
  }
  .genderqueer {
      background-image:
      	linear-gradient(to bottom,
      		#b390d6 0 calc(1.2rem / 3),
      		#fff calc(1.2rem / 3) calc(1.2rem / 3 * 2),
      		#5d8437 calc(1.2rem / 3 * 2) 100%);
  }
  .polysexual {
      background-image:
      	linear-gradient(to bottom,
      		#ea38aa 0 calc(1.2rem / 3),
      		#44cc70 calc(1.2rem / 3) calc(1.2rem / 3 * 2),
      		#2188e8 calc(1.2rem / 3 * 2) 100%);
  }
  .polyamorous {
      background-image:
      	linear-gradient(to bottom,
      		#0808ff 0 calc(1.2rem / 3),
      		#ff0808 calc(1.2rem / 3) calc(1.2rem / 3 * 2),
      		#080808 calc(1.2rem / 3 * 2) 100%);
  }
  
  /* Bottom Half Formatting */
  
  .twitterNumbers {
      font-size: 0.8rem;
      margin-top: 1rem;
  }
  .twitterBorder {
      border-top: solid 1px #d5d5d5;
      border-bottom: solid 1px #d5d5d5;
  }
  .twitterCell {
      width: 25%;
  }

  Pages using this styling

  • component:generic-social-media-post [info]

  ¶ 1 occurrence
  

  .box {
      border: solid 1px black;
      margin: 10px;
      padding: 10px;
  }
  .emoji {
      width: 1.4rem;
      height: 1.2rem;
      border-radius: 3px;
      display: inline-flex;
      justify-content: center;
      align-items: center;
      color: transparent;
  }
  .pride {
      background-image:
      	linear-gradient(to bottom,
      		#ff000e 0 calc(1.2rem / 6),
      		#ff7300 calc(1.2rem / 6) calc(1.2rem / 6 * 2),
      		#fad220 calc(1.2rem / 6 * 2) calc(1.2rem / 6 * 3),
      		#138f3e calc(1.2rem / 6 * 3) calc(1.2rem / 6 * 4),
      		#3558a0 calc(1.2rem / 6 * 4) calc(1.2rem / 6 * 5),
      		#880082 calc(1.2rem / 6 * 5) 100%);
  }
  .trans {
      background-image:
      	linear-gradient(to bottom,
      		#5ccefa 0 20%, 
      		#f6a8b7 20% 40%, 
      		#fff 40% 60%, 
      		#f6a8b7 60% 80%, 
      		#5ccefa 80% 100%);
  }
  .gay {
      background-image:
      	linear-gradient(to bottom,
      		#007c6b 0 calc(1.2rem / 7),
      		#40a4a5 calc(1.2rem / 7) calc(1.2rem / 7 * 2),
      		#59c8d2 calc(1.2rem / 7 * 2) calc(1.2rem / 7 * 3),
      		#fefefe calc(1.2rem / 7 * 3) calc(1.2rem / 7 * 4),
      		#7aade0 calc(1.2rem / 7 * 4) calc(1.2rem / 7 * 5),
      		#0b83c9 calc(1.2rem / 7 * 5) calc(1.2rem / 7 * 6),
      		#04336f calc(1.2rem / 7 * 6) 100%);
  }
  .lesbian {
      background-image:
      	linear-gradient(to bottom,
      		#d82c01 0 calc(1.2rem / 7),
      		#f1752c calc(1.2rem / 7) calc(1.2rem / 7 * 2),
      		#ff985b calc(1.2rem / 7 * 2) calc(1.2rem / 7 * 3),
      		#fefefe calc(1.2rem / 7 * 3) calc(1.2rem / 7 * 4),
      		#d162a3 calc(1.2rem / 7 * 4) calc(1.2rem / 7 * 5),
      		#b75591 calc(1.2rem / 7 * 5) calc(1.2rem / 7 * 6),
      		#a60260 calc(1.2rem / 7 * 6) 100%);
  }
  .bi {
      background-image:
      	linear-gradient(to bottom,
      		#c1357e 0 40%,
      		#675997 40% 60%,
      		#0655a9 60% 100%);
  }
  .nonbinary {
      background-image:
      	linear-gradient(to bottom,
      		#f7e45a 0 25%,
      		#f9fbfc 25% 50%,
      		#675997 50% 75%,
      		#222222 75% 100%);
  }
  .asexual {
      background-image:
      	linear-gradient(to bottom,
      		#222222 0 20%,
      		#a2a2a2 20% 40%,
      		#f9fbfc 40% 60%,
      		#a148a2 60% 80%,
      		#222222 80% 100%);
  }
  .pan {
      background-image:
      	linear-gradient(to bottom,
      		#ea38aa 0 calc(1.2rem / 3),
      		#ffba00 calc(1.2rem / 3) calc(1.2rem / 3 * 2),
      		#2188e8 calc(1.2rem / 3 * 2) 100%);
  }
  .intersex {
      background-image:
      	repeating-radial-gradient(circle at center,
      		#ffba00 0 30%,
      		#675997 30% 40%,
      		#ffba00 40% 100%);
  }
  .genderfluid {
      background-image:
      	linear-gradient(to bottom,
      		#f39ec1 0 20%,
      		#f9fbfc 20% 40%,
      		#a74a95 40% 60%,
      		#000 60% 80%,
      		#0068b5 80% 100%);
  }
  .agender {
      background-image:
      	linear-gradient(to bottom,
      		#000000 0 calc(1.2rem / 7),
      		#b9b9b9 calc(1.2rem / 7) calc(1.2rem / 7 * 2),
      		#fff calc(1.2rem / 7 * 2) calc(1.2rem / 7 * 3),
      		#b8f58a calc(1.2rem / 7 * 3) calc(1.2rem / 7 * 4),
      		#fff calc(1.2rem / 7 * 4) calc(1.2rem / 7 * 5),
      		#b9b9b9 calc(1.2rem / 7 * 5) calc(1.2rem / 7 * 6),
      		#000000 calc(1.2rem / 7 * 6) 100%);
  }
  .aroace {
      background-image:
      	linear-gradient(to bottom,
      		#e68222 0 20%,
      		#eec62d 20% 40%,
      		#fff 40% 60%,
      		#49a6d5 60% 80%,
      		#1c304b 80% 100%);
  }
  .aromantic {
      background-image:
      	linear-gradient(to bottom,
      		#3AA640 0 20%,
      		#A8D47A 20% 40%,
      		#fff 40% 60%,
      		#AAABAB 60% 80%,
      		#000 80% 100%);
  }
  .omnigender {
      background-image:
      	linear-gradient(to bottom,
      		#ff92c5 0 20%,
      		#ff4ab3 20% 40%,
      		#24033c 40% 60%,
      		#5855f8 60% 80%,
      		#7b9dfb 80% 100%);
  }
  .omnisexual {
      background-image:
      	linear-gradient(to bottom,
      		#ffb0ca 0 20%,
      		#c9c0e8 20% 40%,
      		#a447a5 40% 60%,
      		#7193bf 60% 80%,
      		#9adaeb 80% 100%);
  }
  .genderqueer {
      background-image:
      	linear-gradient(to bottom,
      		#b390d6 0 calc(1.2rem / 3),
      		#fff calc(1.2rem / 3) calc(1.2rem / 3 * 2),
      		#5d8437 calc(1.2rem / 3 * 2) 100%);
  }
  .polysexual {
      background-image:
      	linear-gradient(to bottom,
      		#ea38aa 0 calc(1.2rem / 3),
      		#44cc70 calc(1.2rem / 3) calc(1.2rem / 3 * 2),
      		#2188e8 calc(1.2rem / 3 * 2) 100%);
  }
  .polyamorous {
      background-image:
      	linear-gradient(to bottom,
      		#0808ff 0 calc(1.2rem / 3),
      		#ff0808 calc(1.2rem / 3) calc(1.2rem / 3 * 2),
      		#080808 calc(1.2rem / 3 * 2) 100%);
  }
  
  .twitterLink {
      color: #1d9bf9;
  }
  .twitterLink::before{
      content: "@";
  }
  .twitterLink:hover {
      text-decoration: underline;
      cursor: pointer;
  }

  Pages using this styling

  • component:generic-social-media-post [info]

  ¶ 1 occurrence
  

  
  /* Black Highlighter Theme Typefaces */
  @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;900&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,400;0,900;1,400;1,700&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Arimo:ital,wght@0,400;0,700;1,400;1,700&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700&display=swap');
  
  /* GoFundMe Theme Typefaces */
  @import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,400;0,900;1,400;1,700&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Spartan:wght@400;700&display=swap');
  
  /* IndieGoGo Theme Typefaces */
  @import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:ital,wght@0,400;0,900;1,400;1,700&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Titillium+Web:wght@400;900&display=swap');
  
  /* Kickstarter Theme Typefaces */
  @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;900&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Sniglet:wght@400;800&display=swap');
  
  /* Ko-Fi Theme Typefaces */
  @import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@400;700&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,400;0,700;1,400;1,700&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Nunito:wght@400;700&display=swap');
  
  :root {
  
  /* Widget Typefaces */
  --fr-title-font: verdana, arial, helvetica, sans-serif;
  --fr-body-font: verdana, arial, helvetica, sans-serif;
  --fr-logo-font: verdana, arial, helvetica, sans-serif;
  
  /* BHL Title Typeface, used for the title link when BHL= true */
  
  /* Widget Base Colors */
  --fr-widget-bg-color: 255, 255, 255;
  --fr-widget-border-color: 102, 0, 0;
  
  /* Title Link Text Colors */
  --fr-title-color: 187, 0, 17; /* hsv: 355°, 100%, 73% */
  --fr-title-hover: 212, 0, 18; /* hsv: 355°, 100%, 83% */
  
  /* Title Button Colors when Inactive, when title_button= true */
  --fr-title-btn-color: 187, 0, 17;
  --fr-title-btn-color-border: 102, 0, 0;
  --fr-title-btn-color-bg1: 255, 240, 240;
  --fr-title-btn-color-bg2: 247, 233, 236;
  --fr-title-btn-color-gradient: linear-gradient(180deg,
    rgb(var(--fr-title-btn-color-bg1)) 40%,
    rgb(var(--fr-title-btn-color-bg2)) 140%);
  
  /* Title Button Colors when Hovered Over, when title_button= true */
  --fr-title-btn-hover: 212, 0, 18;
  --fr-title-btn-hover-border: 102, 0, 0;
  --fr-title-btn-hover-bg1: 204, 192, 192;
  --fr-title-btn-hover-bg2: 196, 185, 188;
  --fr-title-btn-hover-gradient: linear-gradient(180deg,
    rgb(var(--fr-title-btn-hover-bg1)) 40%,
    rgb(var(--fr-title-btn-hover-bg2)) 140%);
  
  /* Title Button Sliding Hover Overlay, when title_button= true & shape= BHL */
  --fr-title-btn-accent: 133, 0, 5;
  
  /* Progress Bar Colors */
  --fr-progress-bar-color: 102, 0, 0;
  --fr-progress-bar-bg-color: 230, 246, 239;
  
  /* Text Color of the current Amount Raised */
  --fr-progress-text-color: 102, 0, 0;
  
  /* Text Color of the rest of the Progress Message */
  --fr-progress-goal-color: 150, 150, 150;
  
  /* Text Color of the Description */
  --fr-description-color: 50, 50, 50;
  
  /* Donate Button Colors when Inactive */
  --fr-donate-color: 170, 0, 17; /* hsv: 354°, 100%, 67% */
  --fr-donate-color-border: 102, 0, 0;
  --fr-donate-color-bg1: 255, 240, 240; /* hsv: 0°, 6%, 100% */
  --fr-donate-color-bg2: 247, 233, 236; /* hsv: 345°, 6%, 97% */
  --fr-donate-color-gradient: linear-gradient(180deg,
    rgb(var(--fr-donate-color-bg1)) 40%,
    rgb(var(--fr-donate-color-bg2)) 140%);
    
  /* Donate Button Colors when Hovered Over */
  --fr-donate-hover: 196, 0, 20;  /* hsv: 354°, 100%, 77% */
  --fr-donate-hover-border: 102, 0, 0;
  --fr-donate-hover-bg1: 204, 192, 192; /* hsv: 0°, 6%, 80% */
  --fr-donate-hover-bg2: 196, 185, 188; /* hsv: 345°, 6%, 77% */
  --fr-donate-hover-gradient: linear-gradient(180deg,
    rgb(var(--fr-donate-hover-bg1)) 40%,
    rgb(var(--fr-donate-hover-bg2)) 140%);
  
  /* Donate Button Sliding Hover Overlay, when shape= BHL */
  --fr-donate-accent: 133, 0, 5;
  
  /* Text Color of the "Logo" next to the Donate Button */
  --fr-logo-color: 0, 73, 119;
  
  }
  
  /* Black Highlighter Theme Color Scheme, 
  with fallback values based on the core BHL color scheme. */
  
  .fr-widget.theme-fr-Black-Highlighter,
  .fr-widget.theme-fr-Black-highlighter,
  .fr-widget.theme-fr-BLACK-HIGHLIGHTER,
  .fr-widget.theme-fr-black-highlighter,
  .fr-widget.theme-fr-BlackHighlighter,
  .fr-widget.theme-fr-Blackhighlighter,
  .fr-widget.theme-fr-BLACKHIGHLIGHTER,
  .fr-widget.theme-fr-blackhighlighter,
  .fr-widget.theme-fr-BHL,
  .fr-widget.theme-fr-Bhl,
  .fr-widget.theme-fr-bhl {
  --fr-title-font: var(--title-font, Inter), Poppins, Franklin Gothic Medium, Franklin Gothic, 
      ITC Franklin Gothic, "Helvetica Neue", "Helvetica", Arial, sans-serif;
  --fr-body-font: var(--body-font, Inter), Raleway, Arimo, Verdana, Geneva, "Helvetica Neue", 
      "Helvetica", Arial, sans-serif;
  --fr-logo-font: Orbitron, Verdana, Geneva, sans-serif;
  --fr-widget-bg-color: var(--swatch-secondary-color, 245, 245, 245), .25;
  --fr-widget-border-color: var(--swatch-tertiary-color, 170, 170, 170);
  --fr-title-color: var(--swatch-text-dark, 40, 40, 40);
  --fr-title-hover: var(--swatch-text-general, 60, 60, 60);
  --fr-title-btn-color: var(--swatch-menutxt-general-color, 30, 30, 30);
  --fr-title-btn-color-border: var(--swatch-border-color, 30, 30, 30);
  --fr-title-btn-color-bg1: var(--swatch-primary-darker, 100, 46, 44), .15;
  --fr-title-btn-color-bg2: var(--swatch-primary-darkest, 100, 3, 15), .15;
  --fr-title-btn-color-gradient: linear-gradient(180deg,
    rgb(var(--fr-title-btn-color-bg1)) 40%,
    rgb(var(--fr-title-btn-color-bg2)) 140%);
  --fr-title-btn-hover: var(--swatch-menutxt-dark-color, 15, 15, 15);
  --fr-title-btn-hover-border: var(--swatch-border-color, 30, 30, 30);
  --fr-title-btn-hover-bg1: var(--swatch-primary-darker, 100, 46, 44), .35;
  --fr-title-btn-hover-bg2: var(--swatch-primary-darkest, 100, 3, 15), .35;
  --fr-title-btn-hover-gradient: linear-gradient(180deg,
    rgb(var(--fr-title-btn-hover-bg1)) 40%,
    rgb(var(--fr-title-btn-hover-bg2)) 140%);
  --fr-title-btn-accent: var(--bright-accent, 133, 0, 5);
  --fr-progress-bar-color: var(--bright-accent, 133, 0, 5);
  --fr-progress-bar-bg-color: var(--pale-accent, 230, 40, 60), .25;
  --fr-progress-text-color: var(--swatch-important-text, 133, 0, 5);
  --fr-progress-goal-color: var(--swatch-text-general, 15, 15, 15), .5;
  --fr-description-color: var(--swatch-text-general, 15, 15, 15);
  --fr-donate-color: var(--swatch-menutxt-general-color, 30, 30, 30);
  --fr-donate-color-border: var(--swatch-border-color, 30, 30, 30);
  --fr-donate-color-bg1: var(--swatch-primary-darker, 100, 46, 44), .15;
  --fr-donate-color-bg2: var(--swatch-primary-darkest, 100, 3, 15), .15;
  --fr-donate-color-gradient: linear-gradient(180deg,
    rgb(var(--fr-donate-color-bg1)) 40%,
    rgb(var(--fr-donate-color-bg2)) 140%);
  --fr-donate-hover: var(--swatch-menutxt-dark-color, 15, 15, 15);
  --fr-donate-hover-border: var(--swatch-border-color, 30, 30, 30);
  --fr-donate-hover-bg1: var(--swatch-primary-darker, 100, 46, 44), .35;
  --fr-donate-hover-bg2: var(--swatch-primary-darkest, 100, 3, 15), .35;
  --fr-donate-hover-gradient: linear-gradient(180deg,
    rgb(var(--fr-donate-hover-bg1)) 40%,
    rgb(var(--fr-donate-hover-bg2)) 140%);
  --fr-donate-accent: var(--bright-accent, 133, 0, 5);
  --fr-logo-color: var(--alt-accent, 221, 102, 17);
  }
  
  /* GoFundMe Theme Color Scheme */
  
  .fr-widget.theme-fr-GoFundMe,
  .fr-widget.theme-fr-Gofundme,
  .fr-widget.theme-fr-GOFUNDME,
  .fr-widget.theme-fr-gofundme,
  .fr-widget.theme-fr-GFM,
  .fr-widget.theme-fr-Gfm,
  .fr-widget.theme-fr-gfm {
  --fr-title-font: Lato, Trebuchet, Arial, sans-serif;
  --fr-body-font: Lato, Trebuchet, Arial, sans-serif;
  --fr-logo-font: Spartan, Helvetica, Arial, sans-serif;
  --fr-widget-bg-color: 255, 255, 255;
  --fr-widget-border-color: 200, 200, 200;
  --fr-title-color: 40, 40, 40;
  --fr-title-hover: 60, 60, 60;
  --fr-title-btn-color: 40, 40, 40;
  --fr-title-btn-color-border: 192, 103, 40;
  --fr-title-btn-color-bg1: 253, 186, 51;
  --fr-title-btn-color-bg2: 245, 127, 49;
  --fr-title-btn-color-gradient: linear-gradient(180deg,
    rgb(var(--fr-title-btn-color-bg1)) 40%,
    rgb(var(--fr-title-btn-color-bg2)) 140%);
  --fr-title-btn-hover: 60, 60, 60;
  --fr-title-btn-hover-border: 140, 75, 29;
  --fr-title-btn-hover-bg1: 201, 147, 40;
  --fr-title-btn-hover-bg2: 194, 101, 39;
  --fr-title-btn-hover-gradient: linear-gradient(180deg,
    rgb(var(--fr-title-btn-hover-bg1)) 40%,
    rgb(var(--fr-title-btn-hover-bg2)) 140%);
  --fr-title-btn-accent: 233, 233, 25;
  --fr-progress-bar-color: 2, 169, 91;
  --fr-progress-bar-bg-color: 230, 246, 239;
  --fr-progress-text-color: 0, 0, 0;
  --fr-progress-goal-color: 118, 118, 118;
  --fr-description-color: 0, 0, 0;
  --fr-donate-color: 40, 40, 40;
  --fr-donate-color-border: 192, 103, 40; /* hsv: 25°, 79%, 75% */
  --fr-donate-color-bg1: 253, 186, 51; /* hsv: 40°, 80%, 99% */
  --fr-donate-color-bg2: 245, 127, 49; /* hsv: 24°, 80%, 96% */
  --fr-donate-color-gradient: linear-gradient(180deg,
    rgb(var(--fr-donate-color-bg1)) 40%,
    rgb(var(--fr-donate-color-bg2)) 140%);
  --fr-donate-hover: 60, 60, 60;
  --fr-donate-hover-border: 140, 75, 29; /* hsv: 25°, 79%, 55% */
  --fr-donate-hover-bg1: 201, 147, 40; /* hsv: 40°, 80%, 79% */
  --fr-donate-hover-bg2: 194, 101, 39; /* hsv: 24°, 80%, 76% */
  --fr-donate-hover-gradient: linear-gradient(180deg,
    rgb(var(--fr-donate-hover-bg1)) 40%,
    rgb(var(--fr-donate-hover-bg2)) 140%);
  --fr-donate-accent: 233, 233, 25;
  --fr-logo-color: 2, 169, 91;
  }
  
  /* IndieGoGo Theme Color Scheme */
  
  .fr-widget.theme-fr-IndieGoGo,
  .fr-widget.theme-fr-Indiegogo,
  .fr-widget.theme-fr-INDIEGOGO,
  .fr-widget.theme-fr-indiegogo,
  .fr-widget.theme-fr-IGG,
  .fr-widget.theme-fr-Igg,
  .fr-widget.theme-fr-igg {
  --fr-title-font: Source Sans Pro, Trebuchet, Arial, sans-serif;
  --fr-body-font: Source Sans Pro, Trebuchet, Arial, sans-serif;
  --fr-logo-font: Titillium Web, Trebuchet, Arial, sans-serif;
  --fr-widget-bg-color: 255, 255, 255;
  --fr-widget-border-color: 200, 200, 200;
  --fr-title-color: 42, 42, 42;
  --fr-title-hover: 62, 62, 62;
  --fr-title-btn-color: 255, 255, 255;
  --fr-title-btn-color-border: 168, 13, 124;
  --fr-title-btn-color-bg1: 229, 16, 117;
  --fr-title-btn-color-bg2: 222, 16, 167;
  --fr-title-btn-color-gradient: linear-gradient(180deg,
    rgb(var(--fr-title-btn-color-bg1)) 40%,
    rgb(var(--fr-title-btn-color-bg2)) 140%);
  --fr-title-btn-hover: 255, 255, 255;
  --fr-title-btn-hover-border: 117, 9, 87;
  --fr-title-btn-hover-bg1: 207, 12, 103;
  --fr-title-btn-hover-bg2: 199, 12, 149;
  --fr-title-btn-hover-gradient: linear-gradient(180deg,
    rgb(var(--fr-title-btn-hover-bg1)) 40%,
    rgb(var(--fr-title-btn-hover-bg2)) 140%);
  --fr-title-btn-accent: 133, 50, 95;
  --fr-progress-bar-color: 52, 202, 150;
  --fr-progress-bar-bg-color: 221, 221, 221;
  --fr-progress-text-color: 42, 42, 42;
  --fr-progress-goal-color: 42, 42, 42;
  --fr-description-color: 42, 42, 42;
  --fr-donate-color: 255, 255, 255;
  --fr-donate-color-border: 168, 13, 124; /* hsv: 317°, 92%, 66% */
  --fr-donate-color-bg1: 229, 16, 117; /* hsv: 332°, 93%, 90% */
  --fr-donate-color-bg2: 222, 16, 167; /* hsv: 316°, 93%, 87% */
  --fr-donate-color-gradient: linear-gradient(180deg,
    rgb(var(--fr-donate-color-bg1)) 40%,
    rgb(var(--fr-donate-color-bg2)) 140%);
  --fr-donate-hover: 255, 255, 255;
  --fr-donate-hover-border: 117, 9, 87; /* hsv: 317°, 92%, 46% */
  --fr-donate-hover-bg1: 207, 12, 103; /* hsv: 332°, 94%, 81% */
  --fr-donate-hover-bg2: 199, 12, 149; /* hsv: 316°, 94%, 78% */
  --fr-donate-hover-gradient: linear-gradient(180deg,
    rgb(var(--fr-donate-hover-bg1)) 40%,
    rgb(var(--fr-donate-hover-bg2)) 140%);
  --fr-donate-accent: 133, 50, 95;
  --fr-logo-color: 229, 16, 117;
  }
  
  /* Kickstarter Theme Color Scheme */
  
  .fr-widget.theme-fr-KickStarter,
  .fr-widget.theme-fr-Kickstarter,
  .fr-widget.theme-fr-KICKSTARTER,
  .fr-widget.theme-fr-kickstarter,
  .fr-widget.theme-fr-KS,
  .fr-widget.theme-fr-Ks,
  .fr-widget.theme-fr-ks {
  --fr-title-font: Roboto, Helvetica, Arial, sans-serif;
  --fr-body-font: Roboto, Helvetica, Arial, sans-serif;
  --fr-logo-font: Sniglet, classic-comic, Comic Sans MS, Comic Sans, cursive;
  --fr-widget-bg-color: 251, 250, 250;
  --fr-widget-border-color: 200, 200, 200;
  --fr-title-color: 40, 40, 40;
  --fr-title-hover: 60, 60, 60;
  --fr-title-btn-color: 255, 255, 255;
  --fr-title-btn-color-border: 1, 74, 30;
  --fr-title-btn-color-bg1: 2, 136, 88;
  --fr-title-btn-color-bg2: 1, 128, 50;
  --fr-title-btn-color-gradient: linear-gradient(180deg,
    rgb(var(--fr-title-btn-color-bg1)) 40%,
    rgb(var(--fr-title-btn-color-bg2)) 140%);
  --fr-title-btn-hover: 255, 255, 255;
  --fr-title-btn-hover-border: 1, 26, 10;
  --fr-title-btn-hover-bg1: 1, 87, 56;
  --fr-title-btn-hover-bg2: 1, 79, 30;
  --fr-title-btn-hover-gradient: linear-gradient(180deg,
    rgb(var(--fr-title-btn-hover-bg1)) 40%,
    rgb(var(--fr-title-btn-hover-bg2)) 140%);
  --fr-title-btn-accent: 0, 133, 5;
  --fr-progress-bar-color: 0, 158, 116;
  --fr-progress-bar-bg-color: 232, 232, 232;
  --fr-progress-text-color: 0, 158, 116;
  --fr-progress-goal-color: 101, 105, 105;
  --fr-description-color: 40, 40, 40;
  --fr-donate-color: 255, 255, 255;
  --fr-donate-color-border: 1, 74, 30; /* hsv: 144°, 98%, 29% */
  --fr-donate-color-bg1: 2, 136, 88; /* hsv: 159°, 99%, 53% */
  --fr-donate-color-bg2: 1, 128, 50; /* hsv: 143°, 99%, 50% */
  --fr-donate-color-gradient: linear-gradient(180deg,
    rgb(var(--fr-donate-color-bg1)) 40%,
    rgb(var(--fr-donate-color-bg2)) 140%);
  --fr-donate-hover: 255, 255, 255;
  --fr-donate-hover-border: 1, 26, 10; /* hsv: 143°, 98%, 10% */
  --fr-donate-hover-bg1: 1, 87, 56; /* hsv: 158°, 99%, 34% */
  --fr-donate-hover-bg2: 1, 79, 30; /* hsv: 142°, 99%, 31% */
  --fr-donate-hover-gradient: linear-gradient(180deg,
    rgb(var(--fr-donate-hover-bg1)) 40%,
    rgb(var(--fr-donate-hover-bg2)) 140%);
  --fr-donate-accent: 0, 133, 5;
  --fr-logo-color: 5, 206, 120;
  }
  
  /* Ko-Fi Theme Color Scheme */
  
  .fr-widget.theme-fr-Ko-Fi,
  .fr-widget.theme-fr-Ko-fi,
  .fr-widget.theme-fr-KO-FI,
  .fr-widget.theme-fr-ko-fi,
  .fr-widget.theme-fr-KoFi,
  .fr-widget.theme-fr-Kofi,
  .fr-widget.theme-fr-KOFI,
  .fr-widget.theme-fr-kofi {
  --fr-title-font: Quicksand, Ubuntu, Helvetica, Century Gothic, sans-serif;
  --fr-body-font: Quicksand, Ubuntu, Helvetica, Century Gothic, sans-serif;
  --fr-title-font: Nunito, Arial, sans-serif;
  --kofi-title-bg1: 41, 171, 224; /* 197°, 82%, 88% */
  --kofi-title-bg2: 39, 214, 217; /* 181°, 82%, 85% */
  --kofi-title-border: 27, 78, 140; /* 213°, 81%, 55% */
  --kofi-btn-color: 255, 255, 255;
  --kofi-btn-hover: 245, 245, 245;
  --fr-widget-bg-color: 255, 255, 255;
  --fr-widget-border-color: 200, 200, 200;
  --fr-title-color: var(--kofi-title-bg1);
  --fr-title-hover: var(--kofi-title-bg1), .85;
  --fr-title-btn-color: var(--kofi-btn-color);
  --fr-title-btn-color-border: var(--kofi-title-border);
  --fr-title-btn-color-bg1: var(--kofi-title-bg1);
  --fr-title-btn-color-bg2: var(--kofi-title-bg2);
  --fr-title-btn-color-gradient: linear-gradient(180deg,
    rgb(var(--fr-title-btn-color-bg1)) 40%,
    rgb(var(--fr-title-btn-color-bg2)) 140%);
  --fr-title-btn-hover: var(--kofi-btn-hover);
  --fr-title-btn-hover-border: var(--kofi-title-border), .85;
  --fr-title-btn-hover-bg1: var(--kofi-title-bg1), .85;
  --fr-title-btn-hover-bg2: var(--kofi-title-bg2), .85;
  --fr-title-btn-hover-gradient: linear-gradient(180deg,
    rgb(var(--fr-title-btn-hover-bg1)) 40%,
    rgb(var(--fr-title-btn-hover-bg2)) 140%);
  --fr-title-btn-accent: 0, 5, 133;
  --fr-progress-bar-color: 205, 175, 25;
  --fr-progress-bar-bg-color: 240, 240, 240;
  --fr-progress-text-color: 38, 39, 42;
  --fr-progress-goal-color: 100, 101, 104;
  --fr-description-color: 38, 39, 42;
  --fr-donate-color: var(--kofi-btn-color);
  --fr-donate-color-border: 196, 107, 75; /* hsv: 16°, 62%, 77% */
  --fr-donate-color-bg1: 255, 95, 95; /* hsv: 0°, 63%, 100% */
  --fr-donate-color-bg2: 255, 135, 95; /* hsv: 15°, 63%, 97% */
  --fr-donate-color-gradient: linear-gradient(180deg,
    rgb(var(--fr-donate-color-bg1)) 40%,
    rgb(var(--fr-donate-color-bg2)) 140%);
  --fr-donate-hover: var(--kofi-btn-hover);
  --fr-donate-hover-border: 145, 79, 55; /* hsv: 16°, 62%, 57% */
  --fr-donate-hover-bg1: 196, 73, 73; /* hsv: 0°, 63%, 80% */
  --fr-donate-hover-bg2: 196, 104, 73; /* hsv: 15°, 63%, 77% */
  --fr-donate-hover-gradient: linear-gradient(180deg,
    rgb(var(--fr-donate-hover-bg1)) 40%,
    rgb(var(--fr-donate-hover-bg2)) 140%);
  --fr-donate-accent: 133, 0, 5;
  --fr-logo-color: 59, 202, 159;
  }
  
  /* Widget CSS Code */
  
  .fr-widget {
    background-color: rgb(var(--fr-widget-bg-color));
    border: 1px solid rgb(var(--fr-widget-border-color));
    border-radius: 10px;
    box-shadow: 0 2px 6px rgb(var(--fr-widget-border-color), 0.5);
    margin-left: auto;
    margin-right: auto;
    max-width: 480px;
    overflow: hidden;
    font-family: var(--fr-body-font);
  }
  .shape-fr-BHL.fr-widget,
  .shape-fr-bhl.fr-widget {
    border-radius: 0;
    box-shadow: none;
  }
  .fr-image {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    width: 100%;
    max-height: 100%;
    max-width: 100%;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin-bottom: .5rem;
  }
  .fr-image img {
    width: 100%;
  }
  .fr-image.img-fr-none {
    display: none;
  }
  .fr-title {
    font-family: var(--fr-title-font);
    font-size: 1.5rem;
    font-weight: 900;
    line-height: 1.25;
    padding: .5rem 1rem;
  }
  .shape-fr-BHL.fr-title,
  .shape-fr-bhl.fr-title {
    padding: .5rem .5rem;
  }
  .fr-title a {
    color: rgb(var(--fr-title-color));
    text-decoration: none;
    margin-bottom: .5rem;
    margin-top: 0;
  }
  .fr-title.tb-fr-true a {
    color: rgb(var(--fr-title-btn-color));
    background: var(--fr-title-btn-color-gradient);
    border: 1px solid rgb(var(--fr-title-btn-color-border));
  }
  .fr-title a:hover {
    color: rgb(var(--fr-title-hover));
  }
  .fr-title.tb-fr-true a:hover {
    color: rgb(var(--fr-title-btn-hover));
    background: var(--fr-title-btn-hover-gradient);
    border: 1px solid rgb(var(--fr-title-btn-hover-border));
  }
  .fr-title.tb-fr-true {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
  }
  .fr-title.tb-fr-true a {
    background-clip: padding-box;
    border-radius: .75rem;
    padding: 1rem 2rem;
    margin-bottom: .25rem;
    margin-left: 0;
    margin-right: 0;
    position: relative;
    max-width: 30rem;
    width: 100%;
    display: flex;
    flex-grow: 2;
    align-items: center;
    justify-content: center;
    text-align: center;
    white-space: nowrap;
    text-decoration: none;
    cursor: pointer;
    transition: background-color 80ms cubic-bezier(.4, 0, .2, 1);
    overflow: hidden;
  }
  .shape-fr-BHL.fr-title.tb-fr-true a,
  .shape-fr-bhl.fr-title.tb-fr-true a {
    border-radius: 0;
  }
  .shape-fr-BHL.fr-title.tb-fr-true a::before,
  .shape-fr-bhl.fr-title.tb-fr-true a::before {
    content: " ";
    width: 125%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: rgb(var(--fr-title-btn-accent), .25);
    opacity: 1;
    z-index: 1;
    transform: translateX(calc(-100% - 4rem));
    transition: transform 500ms cubic-bezier(0.4, 0, 0.2, 1);
    pointer-events: none;
    clip-path: polygon(0.00% 0.00%, 100% 0px, 90% 100%, 0px 100%);
  }
  .shape-fr-BHL.fr-title.tb-fr-true a:hover::before,
  .shape-fr-bhl.fr-title.tb-fr-true a:hover::before {
    transform: translateX(-1rem);
  }
  .fr-title-text {
    display: inline-flex;
    align-content: flex-start;
    vertical-align: top;
    z-index: 2;
  }
  .fr-title-icon {
    display: none;
  }
  .fr-title-icon span {
    display: none;
  }
  .fr-title-icon.icon-fr-{$title_icon_name} {
    content: " ";
    background-image: url("{$title_icon_url}");
    background-repeat: no-repeat;
    background-size: 2rem 2rem;
    background-position: center;
    margin-right: .5rem;
    display: inline-block;
    height: 2rem;
    width: 2rem;
    z-index: 2;
    animation: {$title_icon_anim};
  }
  .fr-content {
    padding: 0 1rem;
  }
  .shape-fr-BHL.fr-content,
  .shape-fr-bhl.fr-content {
    padding: 0 .5rem;
  }
  .fr-progress-cont {
    margin-bottom: .5rem;
  }
  .fr-prog-bar-cont {
    margin-bottom: .5rem;
    margin-top: .25rem;
    background-color: rgb(var(--fr-progress-bar-bg-color));
    border-radius: .125rem;
    max-width: 100%;
  }
  .fr-prog-bar {
    background: rgb(var(--fr-progress-bar-color));
    border-radius: .125rem;
    display: inline-block;
    height: .5rem;
    max-width: 100%;
  }
  .shape-fr-BHL.fr-prog-bar-cont,
  .shape-fr-bhl.fr-prog-bar-cont {
    border-radius: 0;
  }
  .shape-fr-BHL.fr-prog-bar,
  .shape-fr-bhl.fr-prog-bar {
    border-radius: 0;
  }
  .fr-prog-text {
    color: rgb(var(--fr-progress-text-color));
    display: flex;
    font-family: var(--fr-title-font);
    font-size: 1.5rem;
    font-weight: bold;
    line-height: .8;
    margin-bottom: .25rem;
    margin-top: .25rem;
  }
  .fr-prog-goal {
    color: rgb(var(--fr-progress-goal-color));
    font-family: var(--fr-body-font);
    font-size: 1rem;
    font-weight: normal;
    line-height: 1.21;
    display: flex;
    padding-left: .5rem;
  }
  .fr-desc {
    color: rgb(var(--fr-description-color));
    margin-bottom: .5rem;
  }
  .fr-desc p {
    margin: .25em 0;
  }
  .hide-fr-desc-true {
    display: none;
  }
  .fr-button-cont {
    align-items: center;
    display: flex;
    margin-bottom: 1rem;
  }
  .shape-fr-BHL.fr-button-cont,
  .shape-fr-bhl.fr-button-cont {
    margin-bottom: .5rem;
  }
  .hide-fr-donate-true {
    display: none;
  }
  .fr-button-cont a {
    background: var(--fr-donate-color-gradient);
    background-clip: padding-box;
    border: 1px solid rgb(var(--fr-donate-color-border));
    border-radius: .5rem;
    box-shadow: 0 6px 14px rgb(0 0 0 / 10%);
    color: rgb(var(--fr-donate-color));
    font-family: var(--fr-title-font);
    font-size: 1rem;
    font-weight: 900;
    letter-spacing: .02em;
    position: relative;
    max-width: 12rem;
    white-space: nowrap;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    padding: .75rem 1rem;
    display: flex;
    flex-grow: 2;
    align-items: center;
    justify-content: center;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    transition: background-color 80ms cubic-bezier(.4, 0, .2, 1);
    overflow: hidden;
  }
  .fr-button-cont a:hover {
    background: var(--fr-donate-hover-gradient);
    border: 1px solid rgb(var(--fr-donate-hover-border));
    color: rgb(var(--fr-donate-hover));
  }
  .shape-fr-BHL.fr-button-cont a,
  .shape-fr-bhl.fr-button-cont a {
    border-radius: 0;
    box-shadow: none;
  }
  .shape-fr-BHL.fr-button-cont a::before,
  .shape-fr-bhl.fr-button-cont a::before {
    content: " ";
    display: inline;
    width: 125%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: rgb(var(--fr-donate-accent), .25);
    opacity: 1;
    z-index: 1;
    transform: translateX(calc(-100% - 4rem));
    transition: transform 500ms cubic-bezier(0.4, 0, 0.2, 1);
    pointer-events: none;
    clip-path: polygon(0.00% 0.00%, 100% 0px, 90% 100%, 0px 100%);
  }
  .shape-fr-BHL.fr-button-cont a:hover::before,
  .shape-fr-bhl.fr-button-cont a:hover::before {
    transform: translate(-1rem);
  }
  .fr-button-backup {
    display: none!important;
  }
  .fr-button-backup.donate-fr-none {
    display: flex!important;
  }
  .fr-button-donate.donate-fr-none {
    display: none!important;
  }
  .fr-button-text {
    display: inline-flex;
    align-content: flex-start;
    vertical-align: top;
    z-index: 2;
  }
  .fr-button-icon {
    display: none;
  }
  .fr-button-icon span {
    display: none;
  }
  .fr-button-icon.icon-fr-{$donate_icon_name} {
    content: " ";
    background-image: url("{$donate_icon_url}");
    background-repeat: no-repeat;
    background-size: 1.5rem 1.5rem;
    background-position: center;
    margin-right: .5rem;
    display: inline-block;
    height: 1.5rem;
    width: 1.5rem;
    z-index: 2;
    animation: {$donate_icon_anim};
  }
  .fr-logo {
    color: rgb(var(--fr-logo-color));
    height: 2rem;
    width: 7.5rem;
    overflow: hidden;
    margin-left: 1rem!important;
    font-family: var(--fr-logo-font);
    font-weight: bold;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
  }
  @keyframes icon-wiggle {
      0% {transform:rotate(0) scale(1)}
     60% {transform:rotate(0) scale(1)}
     75% {transform:rotate(0) scale(1.12)}
     80% {transform:rotate(0) scale(1.1)}
     84% {transform:rotate(-10deg) scale(1.1)}
     88% {transform:rotate(10deg) scale(1.1)}
     92% {transform:rotate(-10deg) scale(1.1)}
     96% {transform:rotate(10deg) scale(1.1)}
    100% {transform:rotate(0) scale(1)}
  }

  Pages using this styling

  • component:fundraiser-widget-source [info]

  ¶ 1 occurrence
  

  /* Copied from https://scp-wiki.wikidot.com/theme:black-highlighter-theme Page Source */
  
  @import url("https://nu-scptheme.github.io/Black-Highlighter/css/min/normalize.min.css");
  @import url("https://nu-scptheme.github.io/Black-Highlighter/css/min/black-highlighter.min.css");
  
  a[rel="license"]::after {
      content: ".";
  }
  
  /* Custom Page Specific Code */
  
  .rec-table {
    border-collapse: collapse;
    border-spacing: 0;
    margin: 0.5em 0.25em;
  }
  .rec-table td {
    border: 1px solid #888;
    padding: 0.3em 0.7em;
  }
  .rec-table th {
    border: 1px solid #888;
    padding: 0.3em 0.7em;
    background-color: #eee;
  }
  .opt-table {
    border-collapse: collapse;
    border-spacing: 0;
    margin: 0.5em 0.25em;
  }
  .opt-table td {
    border: 1px solid #888;
    padding: 0.3em 0.7em;
  }
  .opt-table th {
    border: 1px solid #888;
    padding: 0.3em 0.7em;
    background-color: #eee;
  }
  .help-cont {
    font-size: 77%;
    line-height: 1.55;
    padding: 0.5rem 0.25rem 0.5rem 0.5rem;
    margin: 0.25rem 0;
    text-align: right;
    display: block;
  }
  @media (max-width: 600px ) {
    .help-cont {
      display: none;
    }
  }
  .code-cell, 
  .page-source {
    border: 1px dashed #ddd;
    background-color: #f7f7f7;
    font-family: var(--mono-font, Recursive), Consolas, 
      'Andale Mono', 'Courier New', Courier, monaco, monospace;
    font-size: 77%;
    padding: .125rem;
  }
  .page-source {
    padding-left: .5rem;
    padding-right: .5rem;
  }
  .code {
    font-size: 77%;
    padding: 0.5rem;
    margin: 0.25rem 0;
  }
  .warning-banner {
    background: 
      url("https://scp-wiki.wdfiles.com/local--files/the-great-hippo/scp_trans.png") 
      center no-repeat; 
    float: center; 
    border: solid 2px #000; 
    padding: 1px 15px; 
    box-shadow: 0 1px 3px rgba(0,0,0,.2);"]]
  }

  Pages using this styling

  • component:fundraiser-widget [info]

  ¶ 1 occurrence
  

  /* To see this in action, go here:
   *	https://scp-wiki.wikidot.com/component:flops-header
  **/
  
  /* == ITEM INFO == */
   .itemInfo {
      position: relative;
      top: .5em;
      width: 100%;
  
      font-size: 135%;
      text-transform: uppercase;
      white-space: nowrap;
  }
  
   .itemInfoHeading {
      font-weight: 900;
  }
  
   .alignL {
      position: relative;
      right: .195em;
  }
  
   .alignR {
      position: relative;
      left: .195em;
  
      text-align: right;
  }
  
   .infofield_1,
   .infofield_2,
   .infofield_3 {
      font-weight: inherit;
  }
  
  /* == DISRUPTION CLASS == */
   a.disruptionHeader {
      display: inline-block;
      width: 100%;
      padding: .3em 0 .4em;
  
      color: hsl(0, 0%, 94%);
      transition: color .15s linear;
  
      font-size: 145%;
      line-height: 1;
      text-align: center;
      text-decoration: none;
      text-shadow:
      	.5px .9px 0 hsla(0, 0%, 0%, .3),
      	1.5px 2.6px 0 hsla(0, 0%, 0%, .3);
      text-transform: uppercase;
  }
  
   a.disruptionHeader:hover {
      color: white;
      background-color: transparent;
  
      text-decoration: none;
  }

  Pages using this styling

  • component:flops-header-source [info]

  ¶ 1 occurrence
  

  /* ---- PRESENTATION ---- */
   .unmargined > div:first-of-type{ display: none; }
   .templateInfo{ margin: 0 0 1em; padding: 0 1em; border: 1px solid hsl(0, 0%, 87%); }
   .templateInfo hr{ margin: 1em 0; }
   h1, h3{ text-align: center; }
  
  /* ---- CODE BY WOEDENAZ ---- */
   .help{
       display: flex;
       align-content: stretch;
       padding-top: 1em;
  }
   .help blockquote{
       margin: 0;
       font-size: 85%;
  }
   .help blockquote > p{
       display: flex;
       flex-wrap: wrap;
       align-items: center;
       align-content: center;
       min-height: 2rem;
       margin: 0;
       margin-right: 0;
  }
   .help blockquote > p *{
       height: 100%;
       margin: 0 .1rem;
  }
   .help blockquote:nth-of-type(1){
       margin-right: 0;
       padding: 0;
       background: transparent;
       border: unset;
       box-shadow: unset;
       text-align: right;
  }
   .help blockquote:nth-of-type(1) > p{
       justify-content: flex-end;
  }
   .help blockquote:nth-of-type(2){
       width: 60%;
       margin-left: 1em;
  }

  Pages using this styling

  • component:flops-header [info]

  ¶ 1 occurrence
  

   a.disruptionHeader{
       display: inline-block;
       width: 100%;
       padding: .3em 0;
  
       color: hsl(0, 0%, 91.5%);
  
       font-size: 145%;
       text-align: center;
       text-decoration: none;
       text-shadow:
            .5px    .9px  0 hsla(0, 0%, 0%, .3),
          1.5px   2.6px  0 hsla(0, 0%, 0%, .3);
       text-transform: uppercase;
       transition: color .15s linear;
  }
  
   a.disruptionHeader:hover{
       color: white;
       background-color: transparent;
       text-decoration: none;
  }

  Pages using this styling

  • component:floppy-disruption-bar [info]

  ¶ 1 occurrence
  

   a.disruptionHeader{
       display: inline-block;
       width: 100%;
       padding: .3em 0;
  
       color: hsl(0, 0%, 91.5%);
  
       font-size: 145%;
       line-height: 1;
       text-align: center;
       text-decoration: none;
       text-shadow:
            .5px    .9px  0 hsla(0, 0%, 0%, .3),
          1.5px   2.6px  0 hsla(0, 0%, 0%, .3);
       text-transform: uppercase;
       transition: color .15s linear;
  }
  
   a.disruptionHeader:hover{
       color: white;
       background-color: transparent;
       text-decoration: none;
  }

  Pages using this styling

  • component:floppy-disruption-bar [info]

  ¶ 1 occurrence
  

  @import url(https://scp-wiki.wdfiles.com/local--code/component%3Afade-in/1);
  @import url("https://scp-wiki.wdfiles.com/local--code/component%3Afade-in/{$speed}");

  Pages using this styling

  • component:fade-in [info]

  ¶ 1 occurrence
  

  .croqstyle__documentation :is(h1, h2) {
    font-family: Inter, sans-serif;
    font-weight: bold;
  }
  .croqstyle__documentation h1 ~ h1 { margin-top: 6rem }
  .croqstyle__documentation h1 ~ h2 { margin-top: 3rem }
  
  .croqstyle__documentation #toc,
  .croqstyle__description {
    border: thin solid #ddd;
    padding: 1em;
    background-color: transparent;
  }
  
  /* Don't show it on this page to stop people clicking on the broken links */
  .earthworm { display: none }

  Pages using this styling

  • component:earthworm [info]

  ¶ 1 occurrence
  

  .earthworm {
    --earthworm-segment-border-color: rgba(150,150,150,0.5);
    font-weight: bold;
    display: flex;
    justify-content: center;
    align-items: stretch;
    margin: 1em 0;
    clear: both;
    min-height: 36px;
  }
  .earthworm a {
    word-break: normal;
  }
  .earthworm__previous, .earthworm__hub, .earthworm__next {
    display: flex;
    align-items: center;
  }
  .earthworm p {
    margin: 0 0.8em;
    text-align: center;
  }
  .earthworm__previous, .earthworm__next {
    border-top: 2px solid var(--earthworm-segment-border-color);
    border-bottom: 2px solid var(--earthworm-segment-border-color);
    position: relative;
  }
  .earthworm__hub {
    margin: -3px 0;
    border: 3px solid var(--earthworm-segment-border-color);
    background: linear-gradient(10deg, rgba(150,150,150,0.1), rgba(150,150,150,0));
    position: relative;
  }
  .earthworm__arrowhead {
    width: auto;
    height: calc(100% + 2px);
    top: -2.5px;
    display: block;
    position: absolute;
    border-style: solid;
    border-color: var(--earthworm-segment-border-color);
  }
  .earthworm__arrowhead--left {
    left: 0;
    transform: scale(0.707) rotate(-45deg);
    border-width: 2.8px 0 0 2.8px;
    transform-origin: 0% 100%;
    clip-path: polygon(0% 0%, 100% 0%, 0% 100%);
  }
  .earthworm__arrowhead--right {
    right: 0;
    transform: scale(0.707) rotate(45deg);
    border-width: 2.8px 2.8px 0 0;
    transform-origin: 100% 100%;
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%);
  }
  
  /* Hide segments that have url=/ AND (title= OR title=/) */
  .earthworm__previous:has(a[href="/"]):is([data-title="\{\$previous-title\}"], [data-title="/"]),
  .earthworm__next:has(a[href="/"]):is([data-title="\{\$next-title\}"], [data-title="/"]),
  .earthworm__hub:is([data-title="\{\$next-title\}"], [data-title="/"]) a[href="/"] {
    display: none;
  }
  
  /* Style href=/ links to look like plain text */
  .earthworm a[href="/"] {
    color: #333;
    text-decoration: none;
    cursor: text;
    pointer-events: none;
  }
  
  /* Backwards compatibility: support old syntax */
  .earthworm--old-syntax-first-true .earthworm__previous,
  .earthworm--old-syntax-last-true .earthworm__next,
  .earthworm--old-syntax-hub-no .earthworm__hub a {
    display: none;
  }

  Pages using this styling

  • component:earthworm [info]

  ¶ 1 occurrence
  

  
  /* --- BASE CONTAINER CLASS --- */
  .dyna-email-container,
  .dyna-email-container *{
     box-sizing: border-box;
     margin: auto;
     margin-top: 10px;
     margin-bottom:10px;
  }
  
  .dyna-email-container{
      width: 85%;
      display: flex;
      position: relative;
  }
  
  /* --- MAIN EMAIL CLASS --- */
  .dyna-email{
     display: grid;
     grid-template-areas:
        "header-box"
        "content-box"
        "bottom-box"
        "attachment-box";
     width: 100%;
     border: solid 3px #444444;
     position: relative;
  }
  
  /* --- EMAIL HEADER BOX & CONTENTS --- */
  .dyna-email > .header-box{
     display: grid;
     grid-template-areas:
        "top-left-box top-middle-box top-right-box";
     width: 100%;
     min-height: 100px;
     grid-template-columns: 1fr 4fr 1fr;
     grid-template-rows: 1fr;
     justify-items: stretch;
     margin: 0 0 0 0;
  }
  
  .header-box .top-left-box{
     grid-area: top-left-box;
     grid-template-areas:
        "from-box"
        "to-box"
        "cc-box"
        "subject-box";
     grid-template-rows: 1fr 1fr 1fr 1fr;
     justify-items: end;
     padding-left: 2em;
     margin-bottom: 0px;
  }
  
  .top-left-box > .from-box, .to-box, .cc-box, .subject-box{
     display: block;
     text-align: right;
     font-weight: 700;
     margin-bottom: 0px;
     margin-top: 5px;
  }
  
  .top-left-box > .from-box{
     grid-area: from-box;
  }
  
  .top-left-box >.to-box{
     grid-area: to-box;
  }
  
  .top-left-box > .cc-box{
     grid-area: cc-box;
  }
  
  .top-left-box > .subject-box{
     grid-area: subject-box;
  }
  
  .header-box > .top-middle-box{
     grid-area: top-middle-box;
        grid-template-areas:
           "from-name-box"
           "to-name-box"
           "cc-text-box"
           "subject-text-box";
     grid-template-rows: 1fr 1fr 1fr 1fr;
     justify-items: start;
     margin-left: 5px;
     margin-bottom: 0px;
  }
  
  .top-middle-box > .from-name-box, .to-name-box, .cc-text-box, .subject-text-box{
     display: block;
     text-align: left;
     margin-top: 5px;
     margin-bottom: 0px;
     text-wrap: balance;
  }
  
  .top-middle-box > .from-name-box, .to-name-box, .cc-text-box{
     color: #b01;
  }
  
  .top-middle-box > .from-name-box{
     grid-area: from-name-box;
  }
  
  .top-middle-box > .to-name-box{
     grid-area: to-name-box;
  }
  
  .top-middle-box > .cc-text-box{
     grid-area: cc-text-box;
  }
  
  .top-middle-box > .subject-text-box{
     grid-area: subject-text-box;
  }
  
  .header-box > .top-right-box{
     width: 100%;
     grid-area: top-right-box;
     display: block;
     background-image: url("https://scp-wiki.wdfiles.com/local--files/the-great-hippo/SCP_icon%281%29.png");
     background-size: 75px 75px;
     background-position: right center;
     background-repeat: no-repeat;
     margin-top: 1em;
     margin-right: 1em;
     margin-left: -1em;
  }
  
  @media screen and (max-width: 800px){
     .header-box > .top-right-box{
        min-width: 75px;
        margin-left: -3em;
  }
     .header-box > .top-left-box{
        padding-left: 1em;
  }
  }
  
  /* --- EMAIL CONTENT BOX --- */
  .dyna-email > .content-box{
     width: 100%;
     display: block;
     padding: 0em 1em;
     margin-top: 0px;
     margin-bottom: 0px;
     text-align: left;
     line-height: 1.5;
  }
  
  .content-box > hr{
     margin: 1em 0em;
     height: 2px;
     background-color: black;
  }
  
  /* --- EMAIL FOOTER BOX & CONTENTS --- */
  .dyna-email > .footer-box{
     display: grid;
     grid-template-areas:
        "bottom-left-box bottom-right-box";
     width: 100%;
     grid-template-columns: 2fr 1fr;
     grid-template-rows: 1fr;
     margin: 2em 0 1.5em 0;
  }
  
  .footer-box > .bottom-left-box{
     display: grid;
     grid-area: bottom-left-box;
     grid-template-areas:
        "name-box"
        "title-box"
        "sign-off-box";
     grid-template-rows: 1fr 1fr 1fr;
     justify-items: start;
     margin-left: 2em;
     padding-left: 1em;
     border-left: 2px solid black;
  }
  
  .bottom-left-box > .name-box, .title-box, .sign-off-box{
     display: block;
     text-align: left;
     width: 100%;
     margin: 2px 0;
  }
  
  .bottom-left-box > .name-box{
     grid-area: name-box;
     margin-top: 3px;
  }
  
  .bottom-left-box > .title-box{
     grid-area: title-box;
  }
  
  .bottom-left-box > .sign-off-box{
     grid-area: sign-off-box;
  }
  
  .footer-box > .bottom-right-box{
     width: 100%;
     max-height: 100px;
     grid-area: bottom-right-box;
     display: block;
     margin-top: 0;
     margin-bottom: 0;
     align-content: center;
     justify-items: center;
  }
  
  .footer-box > .bottom-right-box img{
     width: 100%;
     height: 100%;
     object-fit: contain;
     margin: 0;
  }
  
  /* --- EMAIL ATTACHMENT BOX --- */
  .dyna-email > .attachment-box{
     display: block;
     grid-area: attachment-box;
     width: 85%;
     font-weight: 700;
     text-align: center;
     justify-self: center;
     border-top: 3px solid black;
     margin: 0 0 5px 0;
  }
  
  /* Hide CC Box if 'none' */
  .cc-text-box.cc-none {
      display: none;
  }
  .cc-box.cc-none {
      display: none;
  }
  .top-left-box.cc-none {
     margin-top: 20px;
  }
  .top-middle-box.cc-none {
     margin-top: 20px;
  }
  
  /* Hide Title if 'none' */
  .title-box.title-none {
      display:none;
      margin:0px;
  }
  
  .footer-box > .bottom-left-box:has(.title-box.title-none) {
         grid-template-areas:
        "name-box"
        "sign-off-box";
     grid-template-rows: 1fr 1fr;
  }
  
  .footer-box.name-noFooter {
      display: none;
  }
  

  Pages using this styling

  • component:dynamic-emails [info]

  ¶ 1 occurrence
  

  
  .help {
      display: flex;
      align-content: stretch;
      padding-top: 1em;
  }
  
  .help blockquote {
      margin: 0;
      font-size: 85%;
  }
  
  .help blockquote > p {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      align-content: center;
      margin-right: 0;
      min-height: 2rem;
      margin: 0;
  }
  
  .help blockquote > p * {
      margin: 0 0.1rem;
      height: 100%;
  }
  
  .help blockquote:nth-of-type(1) {
      background: transparent;
      border: unset;
      box-shadow: unset;
      text-align: right;
      margin-right: 0;
      padding: 0;
  }
  
  .help blockquote:nth-of-type(1) > p {
      justify-content: flex-end;
  }
  
  .help blockquote:nth-of-type(2) {
      margin-left: 1em;
      width: 60%;
  }

  Pages using this styling

  • component:dynamic-emails [info]

  ¶ 1 occurrence
  

  .document-swapper { margin: 1em 0; }
  .document-swapper > ul,
  .document-swapper > ul > li {
      display: block;
      line-height: inherit;
      list-style: none;
      margin: 0;
      padding: 0;
  }
  .document-swapper .foldable-list-container { display: inline-block; }
  .document-swapper li.folded > .foldable-list-container > a:nth-child(1) { display: none; }
  .document-swapper li.unfolded > .foldable-list-container > a:nth-child(2) { display: none; }
  .document-swapper li.folded > .document-swapper-image { display: none; }
  .document-swapper li.unfolded > .document-swapper-transcribed { display: none; }
  .blockquote.docbox-selector {
      position: relative;
      clear: both;
      padding: 0;
      margin-top: 0;
      margin-bottom: 0.1em;
      border: none;
      background: none;
      box-shadow: none;
  }
  .docbox-selector > a { font-size: 0.85em; }
  .blockquote.document-swapper-image { padding: 1px; }
  .blockquote.document-swapper-image,
  .blockquote.document-swapper-transcribed {
      margin-top: 0;
      margin-bottom: 0;
  }

  Pages using this styling

  • component:doc-transcript-swapper [info]

  ¶ 1 occurrence
  

  @import url(https://scp-wiki.wdfiles.com/local--code/component:djk/1);

  Pages using this styling

  • component:djk [info]

  ¶ 1 occurrence
  

  /* {$attchname} Content */
  
  .{$attch-id} .filenameLinkWrapper > .anchor {
      content: "{$attchname}";
  }
  
  .{$attch-id}.filenameLinkWrapper > .metadata {
      content: "{$attchsize}";
  }
  
  .{$attch-id} .icon-code {
      background-image: url("https://scp-wiki.wdfiles.com/local--files/component%3Adiscord-chat-source/file_icon.svg");
  }

  Pages using this styling

  • component:discord-chat-source (2) [info]

  ¶ 1 occurrence
  

  /* User 1 Messages Content */
  
  .{$user-id} > .icon {
      background-image: url('{$usericon}');
  }
  
  .{$user-id} > .body > .userblock > .user-name {
      color: {$usercolor} !important;
  }

  Pages using this styling

  • component:discord-chat-source (2) [info]

  ¶ 1 occurrence
  

  @import url("https://scp-wiki.wdfiles.com/local--files/component%3Adiscord-chat-source/discord.css");

  Pages using this styling

  • component:discord-chat-source (2) [info]

  ¶ 1 occurrence
  

  @import url("https://nu-scptheme.github.io/Black-Highlighter/stable/styles/normalize.min.css");
  @import url("https://nu-scptheme.github.io/Black-Highlighter/stable/styles/black-highlighter.min.css");
  h1, h2 {
      text-align: center;
  }
  
  .step_container {
      margin: 0.5rem 0;
      border: 1px solid #999;
      padding: 1em; 
  }
  
  .help {
      display: flex;
      align-content: stretch;
      padding-top: 1em;
      border-top: 1px dashed #999;
  }
  
  .help blockquote {
      margin: 0;
      font-size: 85%;
  }
  
  .help blockquote > p {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      align-content: center;
      margin-right: 0;
      min-height: 2rem;
      margin: 0;
  }
  
  .help blockquote > p * {
      margin: 0 0.1rem;
      height: 100%;
  }
  
  .help blockquote:nth-of-type(1) {
      width: 50%;
      background: transparent;
      border: unset;
      box-shadow: unset;
      text-align: right;
      margin-right: 0;
      padding: 0;
  }
  
  .help blockquote:nth-of-type(1) > p {
      justify-content: flex-end;
  }
  
  .help blockquote:nth-of-type(2) {
      margin-left: 1em;
      width: 50%;
  }
  
  #page-content > .collapsible-block {
      display: block;
      text-align: center;
      padding: 0.75em;
      background-color: lightgrey;
      border-top: 0.125rem dashed slategrey;
      border-bottom: 0.125rem dashed slategrey;
  }
  
  #page-content > div.collapsible-block > div.collapsible-block-unfolded > div.collapsible-block-content {
      text-align:left;
  }

  Pages using this styling

  • component:discord-chat [info]

  ¶ 1 occurrence
  

  
  #page-content .secret-collapsible .collapsible-block-folded .collapsible-block-link {
      opacity: 0;
  }
  

  Pages using this styling

  • component:customizable-acs-guide [info]

  ¶ 1 occurrence
  

  .custom-text-wrap .anom-bar-container.clear-3 .top-right-box > .clearance::before {
      content: ""!important;
  }

  Pages using this styling

  • component:customizable-acs-guide [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Josefin+Sans&display=swap');
  
  body .font-example .anom-bar-container,
  body .font-example .anom-bar-container * {
      font-family: 'Josefin Sans'!important;
  }

  Pages using this styling

  • component:customizable-acs-guide [info]

  ¶ 1 occurrence
  

  body .pride-accent-example .anom-bar > .bottom-box {
      -webkit-box-shadow: 0 -0.5rem 0 0 rgba(0,255,0,0)!important;
         -moz-box-shadow: 0 -0.5rem 0 0 rgba(0,255,0,0)!important;
       box-shadow: 0 -0.5rem 0 0 rgba(0,255,0,0)!important;
       background-position: center 0rem;
       background: linear-gradient(90deg, #e40303, #ff8c00, #ffed00, #008026, #004dff, #750787)!important;
       background-repeat: no-repeat!important;
       background-size: 100% 0.5rem!important;
       padding-top: 0.8rem;
  }
  
  body .pride-accent-example .anom-bar > .top-box {
      padding-bottom: 0.5rem;
  }

  Pages using this styling

  • component:customizable-acs-guide [info]

  ¶ 1 occurrence
  

  body .accent-example .anom-bar > .bottom-box {
      -webkit-box-shadow: 0 -0.5rem 0 0 rgb(0,135,189);
         -moz-box-shadow: 0 -0.5rem 0 0 rgb(0,135,189);
       box-shadow: 0 -0.5rem 0 0 rgb(0,135,189);
  }
  
  body .accent-example .text-part > .main-class::before {
      border: 0.25rem solid rgb(80,0,0);
  }
  
  body .accent-example .anom-bar-container.esoteric .text-part > .main-class::before {
      top: 0.5rem;
      right: 1.25rem;
      width: 5rem;
      -webkit-border-radius: -webkit-calc(3.53125rem / 2);
         -moz-border-radius: -moz-calc(3.53125rem / 2);
       border-radius: calc(3.53125rem / 2);
      background-color: rgb(3, 3, 3);
      border-color: rgb(80,0,0);
      -webkit-filter: invert(0);
       filter: invert(0);
      background-image: url("https://scp-wiki.wdfiles.com/local--files/component%3Acustomizable-acs/esoteric-icon.svg");
      -webkit-background-size: 75% 75%;
         -moz-background-size: 75% 75%;
       -o-background-size: 75% 75%;
       background-size: 75% 75%;
      background-repeat: no-repeat;
      background-position: left -10px center;
      background-clip: border-box;
  }
  
  body .accent-example .anom-bar-container.esoteric .text-part > .main-class::after {
      content: "";
      position: absolute;
      top: 0.5rem;
      right: 0.25rem;
      width: 3.53125rem;
      height: 3.53125rem;
      -webkit-border-radius: 50%;
         -moz-border-radius: 50%;
       border-radius: 50%;
      border: 0.25rem solid rgb(80,0,0);
      -webkit-background-size: contain;
         -moz-background-size: contain;
       -o-background-size: contain;
       background-size: contain;
      background-position: center center;
  }
  
  body .accent-example .text-part .disrupt-class::after,
  body .accent-example .text-part .risk-class::after,
  body .accent-example .text-part .disrupt-class::before,
  body .accent-example .text-part .risk-class::before {
      content: "";
      position: absolute;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
         -moz-box-align: center;
       -ms-flex-align: center;
       align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
         -moz-box-pack: center;
       -ms-flex-pack: center;
       justify-content: center;
      -webkit-border-radius: 50%;
         -moz-border-radius: 50%;
       border-radius: 50%;
      border: 0.25rem solid rgb(80,0,0);
      width: 2.5rem;
      height: 2.5rem;
      top: -webkit-calc(50% - 1.5rem);
      top: -moz-calc(50% - 1.5rem);
      top: calc(50% - 1.5rem);
      font-size: 2em;
      background-color: rgb(252, 252, 252);
      background-color: rgb(var(--swatch-background, 252, 252, 252));
      -webkit-background-size: contain;
         -moz-background-size: contain;
       -o-background-size: contain;
       background-size: contain;
      background-position: center center;
  }
  
  body .accent-example .text-part .disrupt-class::before,
  body .accent-example .text-part .risk-class::before {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: start;
      -webkit-justify-content: flex-start;
         -moz-box-pack: start;
       -ms-flex-pack: start;
       justify-content: flex-start;
      background-color: rgb(80,0,0);
      width: 3rem;
      height: 3rem;
      top: -webkit-calc(50% - 1.5rem);
      top: -moz-calc(50% - 1.5rem);
      top: calc(50% - 1.5rem);
      border: 0;
      right: 1rem;
      text-align: left;
      font-size: 1em;
      padding-left: 0.5rem;
      color: rgb(252, 252, 252);
      color: rgb(var(--swatch-text-secondary-color, 252, 252, 252));
  }
  
  body .accent-example .bottom-box > .diamond-part {
      -webkit-box-shadow: -0.5rem 0 0 0 rgb(0,135,189);
         -moz-box-shadow: -0.5rem 0 0 0 rgb(0,135,189);
       box-shadow: -0.5rem 0 0 0 rgb(0,135,189);
  }
  
  body .accent-example .danger-diamond > .arrows {
      background-color: rgb(0,135,189);
  }
  
  body .accent-example .danger-diamond > .top-icon,
  body .accent-example .danger-diamond > .right-icon,
  body .accent-example .danger-diamond > .left-icon,
  body .accent-example .danger-diamond > .bottom-icon {
      border: 0.1875rem solid rgb(80,0,0);
  }
  
  body .accent-example .anom-bar-container .text-part .disrupt-class::before,
  body .accent-example .anom-bar-container .text-part .risk-class::before {
      color: rgb(212,175,55)!important;
  }

  Pages using this styling

  • component:customizable-acs-guide [info]

  ¶ 1 occurrence
  

  body .pride-clearance-example .anom-bar-container.clear-6 .top-center-box > div {
      background: linear-gradient(90deg, #fcf431, #fcfcfc, #9d59d2, #282828)!important;
      background-size: 100%;
  }

  Pages using this styling

  • component:customizable-acs-guide [info]

  ¶ 1 occurrence
  

  #page-title,
  .meta-title {
       display: initial!important;
  }
  
  .anom-bar-container.clear-6 .anom-bar > .top-box {
      -ms-grid-columns: auto 1fr calc(5vw + 8rem);
      grid-template-columns: auto 1fr -webkit-calc(5vw + 8rem);
      grid-template-columns: auto 1fr -moz-calc(5vw + 8rem);
      grid-template-columns: auto 1fr calc(5vw + 8rem);
      padding-bottom: 1.15em;
  }
  
  .anom-bar-container.clear-6 .anom-bar .top-center-box > div {
      background-color: rgb(133, 0, 5);
      background-color: rgb(var(--swatch-primary, 133, 0, 5));
      background-image: url("https://scp-wiki.wdfiles.com/local--files/component%3Aanomaly-class-bar/galactic.jpg")!important;
      background-attachment: fixed;
      background-size: contain;
      background-blend-mode: overlay!important;
  }

  Pages using this styling

  • component:customizable-acs-guide [info]

  ¶ 1 occurrence
  

  @import url("https://cdn.jsdelivr.net/gh/Nu-SCPTheme/Black-Highlighter@gh-pages/css/min/normalize.min.css");
  @import url("https://cdn.jsdelivr.net/gh/Nu-SCPTheme/Black-Highlighter@gh-pages/css/min/black-highlighter.min.css");

  Pages using this styling

  • component:customizable-acs [info]

  ¶ 1 occurrence
  

  {$font-import}
  
  .anom-bar-container,
  .anom-bar-container *,
  .acs-extra,
  .acs-extra * {
      font-family: '{$font-name}'!important;
  }

  Pages using this styling

  • component:customizable-acs [info]

  ¶ 1 occurrence
  

  
  @import url('https://cdn.jsdelivr.net/gh/Nu-SCPTheme/Black-Highlighter@gh-pages/fonts/inter.css');
  
  .anom-bar > .bottom-box {
      margin-bottom: 0.25rem;
  }
  
  .acs-extra {
      display: grid;
      display: -ms-grid;
      display: grid;
      grid-column-gap: 0.5rem;
      margin-left: 0.25rem;
      text-transform: uppercase;
  }
  
  .acs-extra.column-1 {
      -ms-grid-columns: 1fr;
      grid-template-columns: 1fr;
  }
  
  .acs-extra.column-2 {
      -ms-grid-columns: 1fr 1fr;
      grid-template-columns: 1fr 1fr;
  }
  
  .acs-extra.column-3 {
      -ms-grid-columns: 1fr 1fr 1fr;
      grid-template-columns: 1fr 1fr 1fr;
  }
  
  .acs-extra.column-4 {
      -ms-grid-columns: 1fr 1fr;
      grid-template-columns: 1fr 1fr;
      -ms-grid-rows: 1fr 1fr;
      grid-template-rows: 1fr 1fr;
  }
  
  .acs-extra-1,
  .acs-extra-2,
  .acs-extra-3,
  .acs-extra-4 {
      font-family: Inter, sans-serif;
      margin-top: 0.5rem;
      overflow: hidden;
      padding-left: 0.5rem;
      display: grid;
      display: -ms-grid;
      display: grid;
      -ms-grid-columns: auto 1fr 2rem;
      grid-template-columns: auto 1fr 2rem;
  }
  
  .acs-extra.column-1 .acs-extra-2,
  .acs-extra.column-1 .acs-extra-3,
  .acs-extra.column-1 .acs-extra-4 {
      display:none;
  }
  
  .acs-extra.column-2 .acs-extra-3,
  .acs-extra.column-2 .acs-extra-4 {
      display:none;
  }
  
  .acs-extra.column-3 .acs-extra-4 {
      display:none;
  }
  
  .acs-extra-1 {
      background-color: rgba({$class-color-1},0.15);
      border-left: 0.5rem solid rgba({$class-color-1},1);
  }
  
  .acs-extra-2 {
      background-color: rgba({$class-color-2},0.15);
      border-left: 0.5rem solid rgba({$class-color-2},1);
  }
  
  .acs-extra-3 {
      background-color: rgba({$class-color-3},0.15);
      border-left: 0.5rem solid rgba({$class-color-3},1);
  }
  
  .acs-extra-4 {
      background-color: rgba({$class-color-4},0.15);
      border-left: 0.5rem solid rgba({$class-color-4},1);
  }
  
  .acs-extra-1 *,
  .acs-extra-2 *,
  .acs-extra-3 *,
  .acs-extra-4 * {
       display: -webkit-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-align: center;
       -ms-flex-align: center;
       align-items: center;
  }
  
  .acs-extra-1 > .class-category,
  .acs-extra-2 > .class-category,
  .acs-extra-3 > .class-category,
  .acs-extra-4 > .class-category {
      margin-right: 0.5rem;
      font-size: 0.75rem;
  }
  
  .acs-extra-1 > .class-text,
  .acs-extra-2 > .class-text,
  .acs-extra-3 > .class-text,
  .acs-extra-4 > .class-text {
      font-size: 1rem;
      margin-top: 0.25rem;
      margin-bottom: 0.25rem;
      font-weight: 600;
  }
  
  .icon-1,
  .icon-2,
  .icon-3,
  .icon-4 {
      background-size: 1.5rem 1.5rem;
      background-repeat: no-repeat;
      background-position: 50% 50%;
      border-radius: 50%;
      margin-right: 0.25rem;
  }
  
  div.acs-extra-1 > *,  div.acs-extra-2 > *, div.acs-extra-3 > *, div.acs-extra-4 > * {
      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;
  }
  
  div.acs-extra > * {
      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.acs-extra > :nth-child(n) { animation-delay: calc(0.75s * var(--timeScale) + var(--timeDelay)); }
  
  @media (min-width: 876px ) {
  
  .anom-bar .text-part {
      grid-template-columns: calc((100% + 6.25rem) / 2) auto!important;
  }
  
  .anom-bar-container.neutralized .anom-bar .text-part,
  .anom-bar-container.neutralised .anom-bar .text-part,
  .anom-bar-container.explained .anom-bar .text-part,
  .anom-bar-container.pending .anom-bar .text-part {
      grid-template-columns: 1fr!important;
  }
  
  }
  
  @media (max-width: 875px ) {
  
  .acs-extra.column-1,
  .acs-extra.column-2,
  .acs-extra.column-3,
  .acs-extra.column-4 {
      -ms-grid-columns: 1fr;
      grid-template-columns: 1fr;
  }
  
  }
  
  @media (max-width: 480px ) {
  
  .acs-extra {
      margin-right: 0.5rem;
  }
  
  }
  

  Pages using this styling

  • component:customizable-acs [info]

  ¶ 1 occurrence
  

  body .anom-bar-container.clear-1 .top-center-box > div {
      background: linear-gradient(90deg, #fcf431, #fcfcfc, #9d59d2, #282828)!important;
      background-size: 100%;
  }
  
  body .anom-bar-container.clear-2 .top-center-box > div {
      background: linear-gradient(90deg, #fcf431, #fcfcfc, #9d59d2, #282828)!important;
      background-size: 100%;
  }
  
  body .anom-bar-container.clear-3 .top-center-box > div {
      background: linear-gradient(90deg, #fcf431, #fcfcfc, #9d59d2, #282828)!important;
      background-size: 100%;
  }
  
  body .anom-bar-container.clear-4 .top-center-box > div {
      background: linear-gradient(90deg, #fcf431, #fcfcfc, #9d59d2, #282828)!important;
      background-size: 100%;
  }
  
  body .anom-bar-container.clear-5 .top-center-box > div {
      background: linear-gradient(90deg, #fcf431, #fcfcfc, #9d59d2, #282828)!important;
      background-size: 100%;
  }
  
  body .anom-bar-container.clear-6 .top-center-box > div {
      background: linear-gradient(90deg, #fcf431, #fcfcfc, #9d59d2, #282828)!important;
      background-size: 100%;
  }

  Pages using this styling

  • component:customizable-acs [info]

  ¶ 1 occurrence
  

  body .anom-bar-container.clear-1 .top-center-box > div {
      background: linear-gradient(90deg, #ff1c8d, #ffd700, #1ab3ff)!important;
      background-size: 100%;
  }
  
  body .anom-bar-container.clear-2 .top-center-box > div {
      background: linear-gradient(90deg, #ff1c8d, #ffd700, #1ab3ff)!important;
      background-size: 100%;
  }
  
  body .anom-bar-container.clear-3 .top-center-box > div {
      background: linear-gradient(90deg, #ff1c8d, #ffd700, #1ab3ff)!important;
      background-size: 100%;
  }
  
  body .anom-bar-container.clear-4 .top-center-box > div {
      background: linear-gradient(90deg, #ff1c8d, #ffd700, #1ab3ff)!important;
      background-size: 100%;
  }
  
  body .anom-bar-container.clear-5 .top-center-box > div {
      background: linear-gradient(90deg, #ff1c8d, #ffd700, #1ab3ff)!important;
      background-size: 100%;
  }
  
  body .anom-bar-container.clear-6 .top-center-box > div {
      background: linear-gradient(90deg, #ff1c8d, #ffd700, #1ab3ff)!important;
      background-size: 100%;
  }

  Pages using this styling

  • component:customizable-acs [info]

  ¶ 1 occurrence
  

  body .anom-bar-container.clear-1 .top-center-box > div {
      background: linear-gradient(90deg, #d60270, #9b4f96, #0038a8)!important;
      background-size: 100%;
  }
  
  body .anom-bar-container.clear-2 .top-center-box > div {
      background: linear-gradient(90deg, #d60270, #9b4f96, #0038a8)!important;
      background-size: 100%;
  }
  
  body .anom-bar-container.clear-3 .top-center-box > div {
      background: linear-gradient(90deg, #d60270, #9b4f96, #0038a8)!important;
      background-size: 100%;
  }
  
  body .anom-bar-container.clear-4 .top-center-box > div {
      background: linear-gradient(90deg, #d60270, #9b4f96, #0038a8)!important;
      background-size: 100%;
  }
  
  body .anom-bar-container.clear-5 .top-center-box > div {
      background: linear-gradient(90deg, #d60270, #9b4f96, #0038a8)!important;
      background-size: 100%;
  }
  
  body .anom-bar-container.clear-6 .top-center-box > div {
      background: linear-gradient(90deg, #d60270, #9b4f96, #0038a8)!important;
      background-size: 100%;
  }

  Pages using this styling

  • component:customizable-acs [info]

  ¶ 1 occurrence
  

  body .anom-bar-container.clear-1 .top-center-box > div {
      background: linear-gradient(90deg, #e40303, #ff8c00, #ffed00, #008026, #004dff, #750787)!important;
      background-size: 100%;
  }
  
  body .anom-bar-container.clear-2 .top-center-box > div {
      background: linear-gradient(90deg, #e40303, #ff8c00, #ffed00, #008026, #004dff, #750787)!important;
      background-size: 100%;
  }
  
  body .anom-bar-container.clear-3 .top-center-box > div {
      background: linear-gradient(90deg, #e40303, #ff8c00, #ffed00, #008026, #004dff, #750787)!important;
      background-size: 100%;
  }
  
  body .anom-bar-container.clear-4 .top-center-box > div {
      background: linear-gradient(90deg, #e40303, #ff8c00, #ffed00, #008026, #004dff, #750787)!important;
      background-size: 100%;
  }
  
  body .anom-bar-container.clear-5 .top-center-box > div {
      background: linear-gradient(90deg, #e40303, #ff8c00, #ffed00, #008026, #004dff, #750787)!important;
      background-size: 100%;
  }
  
  body .anom-bar-container.clear-6 .top-center-box > div {
      background: linear-gradient(90deg, #e40303, #ff8c00, #ffed00, #008026, #004dff, #750787)!important;
      background-size: 100%;
  }

  Pages using this styling

  • component:customizable-acs [info]

  ¶ 1 occurrence
  

  body .anom-bar-container.clear-1 .top-center-box > div {
      background: linear-gradient(90deg, #55CDFC, #F7A8B8, #FFFFFF, #F7A8B8, #55CDFC)!important;
      background-size: 100%;
  }
  
  body .anom-bar-container.clear-2 .top-center-box > div {
      background: linear-gradient(90deg, #55CDFC, #F7A8B8, #FFFFFF, #F7A8B8, #55CDFC)!important;
      background-size: 100%;
  }
  
  body .anom-bar-container.clear-3 .top-center-box > div {
      background: linear-gradient(90deg, #55CDFC, #F7A8B8, #FFFFFF, #F7A8B8, #55CDFC)!important;
      background-size: 100%;
  }
  
  body .anom-bar-container.clear-4 .top-center-box > div {
      background: linear-gradient(90deg, #55CDFC, #F7A8B8, #FFFFFF, #F7A8B8, #55CDFC)!important;
      background-size: 100%;
  }
  
  body .anom-bar-container.clear-5 .top-center-box > div {
      background: linear-gradient(90deg, #55CDFC, #F7A8B8, #FFFFFF, #F7A8B8, #55CDFC)!important;
      background-size: 100%;
  }
  
  body .anom-bar-container.clear-6 .top-center-box > div {
      background: linear-gradient(90deg, #55CDFC, #F7A8B8, #FFFFFF, #F7A8B8, #55CDFC)!important;
      background-size: 100%;
  }

  Pages using this styling

  • component:customizable-acs [info]

  ¶ 1 occurrence
  

  body .anom-bar > .bottom-box,
  body .anom-bar > .bottom-box::before {
      -webkit-box-shadow: 0 -0.5rem 0 0 rgba(0,255,0,0)!important;
         -moz-box-shadow: 0 -0.5rem 0 0 rgba(0,255,0,0)!important;
       box-shadow: 0 -0.5rem 0 0 rgba(0,255,0,0)!important;
       background-position: center 0rem;
       background: linear-gradient(90deg, #fcf431, #fcfcfc, #9d59d2, #282828)!important;
       background-repeat: no-repeat!important;
       background-size: 100% 0.5rem!important;
       padding-top: 0.8rem;
  }
  
  body .anom-bar > .top-box {
      padding-bottom: 0.5rem;
  }

  Pages using this styling

  • component:customizable-acs [info]

  ¶ 1 occurrence
  

  body .anom-bar > .bottom-box,
  body .anom-bar > .bottom-box::before {
      -webkit-box-shadow: 0 -0.5rem 0 0 rgba(0,255,0,0)!important;
         -moz-box-shadow: 0 -0.5rem 0 0 rgba(0,255,0,0)!important;
       box-shadow: 0 -0.5rem 0 0 rgba(0,255,0,0)!important;
       background-position: center 0rem;
       background: linear-gradient(90deg, #ff1c8d, #ffd700, #1ab3ff)!important;
       background-repeat: no-repeat!important;
       background-size: 100% 0.5rem!important;
       padding-top: 0.8rem;
  }
  
  body .anom-bar > .top-box {
      padding-bottom: 0.5rem;
  }

  Pages using this styling

  • component:customizable-acs [info]

  ¶ 1 occurrence
  

  body .anom-bar > .bottom-box,
  body .anom-bar > .bottom-box::before {
      -webkit-box-shadow: 0 -0.5rem 0 0 rgba(0,255,0,0)!important;
         -moz-box-shadow: 0 -0.5rem 0 0 rgba(0,255,0,0)!important;
       box-shadow: 0 -0.5rem 0 0 rgba(0,255,0,0)!important;
       background-position: center 0rem;
       background: linear-gradient(90deg, #d60270, #9b4f96, #0038a8)!important;
       background-repeat: no-repeat!important;
       background-size: 100% 0.5rem!important;
       padding-top: 0.8rem;
  }
  
  body .anom-bar > .top-box {
      padding-bottom: 0.5rem;
  }

  Pages using this styling

  • component:customizable-acs [info]

  ¶ 1 occurrence
  

  body .anom-bar > .bottom-box,
  body .anom-bar > .bottom-box::before {
      -webkit-box-shadow: 0 -0.5rem 0 0 rgba(0,255,0,0)!important;
         -moz-box-shadow: 0 -0.5rem 0 0 rgba(0,255,0,0)!important;
       box-shadow: 0 -0.5rem 0 0 rgba(0,255,0,0)!important;
       background-position: center 0rem;
       background: linear-gradient(90deg, #e40303, #ff8c00, #ffed00, #008026, #004dff, #750787)!important;
       background-repeat: no-repeat!important;
       background-size: 100% 0.5rem!important;
       padding-top: 0.8rem;
  }
  
  body .anom-bar > .top-box {
      padding-bottom: 0.5rem;
  }

  Pages using this styling

  • component:customizable-acs [info]

  ¶ 1 occurrence
  

  body .anom-bar > .bottom-box,
  body .anom-bar > .bottom-box::before {
      -webkit-box-shadow: 0 -0.5rem 0 0 rgba(0,255,0,0)!important;
         -moz-box-shadow: 0 -0.5rem 0 0 rgba(0,255,0,0)!important;
       box-shadow: 0 -0.5rem 0 0 rgba(0,255,0,0)!important;
       background-position: center 0rem;
       background: linear-gradient(90deg, #55CDFC, #F7A8B8, #FFFFFF, #F7A8B8, #55CDFC)!important;
       background-repeat: no-repeat!important;
       background-size: 100% 0.5rem!important;
       padding-top: 0.8rem;
  }
  
  body .anom-bar > .top-box {
      padding-bottom: 0.5rem;
  }

  Pages using this styling

  • component:customizable-acs [info]

  ¶ 1 occurrence
  

  body .anom-bar > .bottom-box {
      -webkit-box-shadow: 0 -0.5rem 0 0 rgb({$accent-one})!important;
         -moz-box-shadow: 0 -0.5rem 0 0 rgb({$accent-one})!important;
       box-shadow: 0 -0.5rem 0 0 rgb({$accent-one})!important;
  }
  
  body .anom-bar > .bottom-box::before {
      background-color: rgb({$accent-one});
  }
  
  body .text-part > .main-class::before {
      border: 0.25rem solid rgb({$accent-two});
  }
  
  body .anom-bar-container.esoteric .text-part > .main-class::before {
      top: 0.5rem;
      right: 1.25rem;
      width: 5rem;
      -webkit-border-radius: -webkit-calc(3.53125rem / 2);
         -moz-border-radius: -moz-calc(3.53125rem / 2);
       border-radius: calc(3.53125rem / 2);
      background-color: rgb(3, 3, 3);
      border-color: rgb({$accent-two});
      -webkit-filter: invert(0);
       filter: invert(0);
      background-image: url("https://scp-wiki.wdfiles.com/local--files/component%3Acustomizable-acs/esoteric-icon.svg");
      -webkit-background-size: 75% 75%;
         -moz-background-size: 75% 75%;
       -o-background-size: 75% 75%;
       background-size: 75% 75%;
      background-repeat: no-repeat;
      background-position: left -10px center;
      background-clip: border-box;
  }
  
  body .anom-bar-container.esoteric .text-part > .main-class::after {
      content: "";
      position: absolute;
      right: 0.25rem;
      top: 0.5rem;
      -webkit-border-radius: 50%;
         -moz-border-radius: 50%;
       border-radius: 50%;
      border: 0.25rem solid rgb({$accent-two});
      -webkit-background-size: contain;
         -moz-background-size: contain;
       -o-background-size: contain;
       background-size: contain;
      background-position: center center;
  }
  
  body .text-part .disrupt-class::after,
  body .text-part .risk-class::after,
  body .text-part .disrupt-class::before,
  body .text-part .risk-class::before {
      content: "";
      position: absolute;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
         -moz-box-align: center;
       -ms-flex-align: center;
       align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
         -moz-box-pack: center;
       -ms-flex-pack: center;
       justify-content: center;
      -webkit-border-radius: 50%;
         -moz-border-radius: 50%;
       border-radius: 50%;
      border: 0.25rem solid rgb({$accent-two});
      width: 2.5rem;
      height: 2.5rem;
      top: -webkit-calc(50% - 1.5rem);
      top: -moz-calc(50% - 1.5rem);
      top: calc(50% - 1.5rem);
      font-size: 2em;
      background-color: rgb(252, 252, 252);
      background-color: rgb(var(--swatch-background, 252, 252, 252));
      -webkit-background-size: contain;
         -moz-background-size: contain;
       -o-background-size: contain;
       background-size: contain;
      background-position: center center;
  }
  
  body .text-part .disrupt-class::before,
  body .text-part .risk-class::before {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: start;
      -webkit-justify-content: flex-start;
         -moz-box-pack: start;
       -ms-flex-pack: start;
       justify-content: flex-start;
      background-color: rgb({$accent-two});
      width: 3rem;
      height: 3rem;
      top: -webkit-calc(50% - 1.5rem);
      top: -moz-calc(50% - 1.5rem);
      top: calc(50% - 1.5rem);
      border: 0;
      right: 1rem;
      text-align: left;
      font-size: 1em;
      padding-left: 0.5rem;
      color: rgb(252, 252, 252);
      color: rgb(var(--swatch-text-secondary-color, 252, 252, 252));
  }
  
  body .bottom-box > .diamond-part {
      -webkit-box-shadow: -0.5rem 0 0 0 rgb({$accent-one});
         -moz-box-shadow: -0.5rem 0 0 0 rgb({$accent-one});
       box-shadow: -0.5rem 0 0 0 rgb({$accent-one});
  }
  
  body .danger-diamond > .arrows {
      background-color: rgb({$accent-one});
  }
  
  body .danger-diamond > .top-icon,
  body .danger-diamond > .right-icon,
  body .danger-diamond > .left-icon,
  body .danger-diamond > .bottom-icon {
      border: 0.1875rem solid rgb({$accent-two});
  }
  
  body .anom-bar-container .text-part .disrupt-class::before,
  body .anom-bar-container .text-part .risk-class::before {
      color: rgb({$class-number-color})!important;
  }

  Pages using this styling

  • component:customizable-acs [info]

  ¶ 1 occurrence
  

  
  .anom-bar-esoteric .anom-bar-container.{$containment-class}.{$secondary-class} .text-part .main-class {
      background: linear-gradient(-60deg, rgba({$secondary-color},0.15) 50%, rgba({$containment-color},0.15) 50%);
  }
  
  .anom-bar-esoteric .anom-bar-container.{$secondary-class} .anom-bar .text-part > .main-class::after {
      background-color: rgb({$secondary-color})!important;
  }
  
  .anom-bar-container.{$secondary-class} .danger-diamond > .bottom-icon::before {
      background-color: rgb({$secondary-color});
  }
  
  .anom-bar-container.{$secondary-class} .danger-diamond > .quadrants > .bottom-quad  {
      background-color:rgba({$secondary-color},0.25);
  }
  

  Pages using this styling

  • component:customizable-acs [info]

  ¶ 1 occurrence
  

  .anom-bar-esoteric .anom-bar-container:not(.{$containment-class}) .text-part > .main-class {
      padding-right: 3.5rem;
  }
  
  .anom-bar-esoteric .anom-bar-container.{$containment-class} .text-part > .main-class {
      padding-right: 2rem!important;
  }
  
  .anom-bar-esoteric .anom-bar-container.{$containment-class} .text-part > .main-class::before {
      top: 0.5rem!important;
      right: 1.25rem!important;
      width: 5rem!important;
      -webkit-border-radius: -webkit-calc(3.53125rem / 2)!important;
         -moz-border-radius: -moz-calc(3.53125rem / 2)!important;
       border-radius: calc(3.53125rem / 2)!important;
      background-color: rgb({$containment-color})!important;
      border-color: rgb(12,12,12)!important;
      background-image: url("{$containment-image}")!important;
      -webkit-background-size: 75% 75%!important;
         -moz-background-size: 75% 75%!important;
       -o-background-size: 75% 75%!important;
       background-size: 75% 75%!important;
      background-repeat: no-repeat!important;
      background-position: left -10px center!important;
  }
  
  .anom-bar-esoteric .anom-bar-container.{$containment-class} .text-part > .main-class::after {
      content: ""!important;
      position: absolute!important;
      top: 0.5rem!important;
      right: 0.25rem!important;
      width: 3.53125rem!important;
      height: 3.53125rem!important;
      -webkit-border-radius: 50%!important;
         -moz-border-radius: 50%!important;
       border-radius: 50%!important;
      border: 0.25rem solid rgb(12,12,12)!important;
      background-color: rgb(252, 252, 252)!important;
      background-color: rgb(var(--swatch-background, 252, 252, 252))!important;
      -webkit-background-size: contain!important;
         -moz-background-size: contain!important;
       -o-background-size: contain!important;
       background-size: contain!important;
      background-position: center center!important;
  }
  
  .anom-bar-esoteric .anom-bar-container.{$containment-class} .text-part > .main-class > .second-class > .class-text {
      font-size: -webkit-calc( 6px + (11 - 6) * ( (100vw - 400px) / ( 800 - 400) ))!important;
      font-size: -moz-calc( 6px + (11 - 6) * ( (100vw - 400px) / ( 800 - 400) ))!important;
      font-size: calc( 6px + (11 - 6) * ( (100vw - 400px) / ( 800 - 400) ))!important;
      position: relative!important;
  }
  
  .anom-bar-esoteric .anom-bar-container:not(.{$containment-class}) .text-part > .main-class > .contain-class > .class-text {
      font-size: -webkit-calc(10px + (18 - 10) * ( (100vw - 400px) / ( 800 - 400) ));
      font-size: -moz-calc(10px + (18 - 10) * ( (100vw - 400px) / ( 800 - 400) ));
      font-size: calc(10px + (18 - 10) * ( (100vw - 400px) / ( 800 - 400) ));
  }
  
  .anom-bar-esoteric .anom-bar-container:not(.{$containment-class}) .text-part > .main-class > .second-class {
      display: none;
  }
  
  .anom-bar-esoteric .anom-bar-container.{$containment-class} .text-part > .main-class > .second-class {
      display: initial!important;
  }
  
  .anom-bar-esoteric .anom-bar-container.{$containment-class} .text-part .main-class {
      background-color: rgba({$containment-color},0.15)!important;
      border-left: 0.75rem solid rgba({$containment-color},1)!important;
  }
  
  .anom-bar-esoteric .anom-bar-container.{$containment-class} .contain-class > .class-category {
      max-width: 55% !important;
  }
  
  .anom-bar-esoteric .text-part > div > .class-category,
  .anom-bar-esoteric .anom-bar-container.{$containment-class} .text-part > .main-class > .contain-class > .class-category {
      font-size: 0.75em!important;
  }
  
  .anom-bar-esoteric .anom-bar-container.{$containment-class} .text-part > .main-class > .contain-class > .class-text,
  .anom-bar-esoteric .text-part > .disrupt-class > .class-text,
  .anom-bar-esoteric .text-part > .risk-class > .class-text {
      font-size: -webkit-calc( 8px + (12 - 8) * ( (100vw - 400px) / ( 800 - 400) ))!important;
      font-size: -moz-calc( 8px + (12 - 8) * ( (100vw - 400px) / ( 800 - 400) ))!important;
      font-size: calc( 8px + (12 - 8) * ( (100vw - 400px) / ( 800 - 400) ))!important;
  }
  
  .anom-bar-esoteric .anom-bar-container.{$containment-class} .danger-diamond > .quadrants > .top-quad {
      background-color: rgb({$containment-color},0.25)!important;
  }
  
  .anom-bar-esoteric .anom-bar-container:not(.{$containment-class}) .danger-diamond > .bottom-icon {
      display: none;
  }
  
  .anom-bar-esoteric .anom-bar-container.{$containment-class} .danger-diamond > .bottom-icon {
      display: initial!important;
  }
  
  .anom-bar-esoteric .anom-bar-container.{$containment-class} .danger-diamond > .top-icon::before {
      background-color: rgb({$containment-color})!important;
      background-image: url("{$containment-image}")!important;
      background-size: contain!important;
  }
  
  @media (max-width: 960px ) {
  
      .anom-bar-esoteric .anom-bar-container.{$containment-class} .text-part > .main-class > .contain-class > .class-text, .text-part > .disrupt-class > .class-text, .text-part > .risk-class > .class-text {
       font-size: -webkit-calc( 18px + (24 - 18) * ( (100vw - 400px) / ( 960 - 300) ))!important;
       font-size: -moz-calc( 18px + (24 - 18) * ( (100vw - 400px) / ( 960 - 300) ))!important;
       font-size: calc( 18px + (24 - 18) * ( (100vw - 400px) / ( 960 - 300) ))!important;
      }
  
      .anom-bar-esoteric .anom-bar-container.{$containment-class} .text-part > .main-class > .contain-class > .class-text {
       font-size: -webkit-calc( 12px + (18 - 12) * ( (100vw - 400px) / ( 960 - 300) ))!important;
       font-size: -moz-calc( 12px + (18 - 12) * ( (100vw - 400px) / ( 960 - 300) ))!important;
       font-size: calc( 12px + (18 - 12) * ( (100vw - 400px) / ( 960 - 300) ))!important;
      }
  
      .anom-bar-esoteric .anom-bar-container.{$containment-class} .text-part > .main-class > .second-class > .class-text {
       font-size: -webkit-calc( 18px + (24 - 18) * ( (100vw - 400px) / ( 960 - 300) ))!important;
       font-size: -moz-calc( 18px + (24 - 18) * ( (100vw - 400px) / ( 960 - 300) ))!important;
       font-size: calc( 18px + (24 - 18) * ( (100vw - 400px) / ( 960 - 300) ))!important;
      }
  
      .anom-bar-esoteric .anom-bar-container:not(.{$containment-class}) .text-part > .main-class > .contain-class > .class-text {
       font-size: -webkit-calc( 20px + (40 - 20) * ( (100vw - 400px) / ( 960 - 300) ));
       font-size: -moz-calc( 20px + (40 - 20) * ( (100vw - 400px) / ( 960 - 300) ));
       font-size: calc( 20px + (40 - 20) * ( (100vw - 400px) / ( 960 - 300) ));
      }
  
  }
  
  @media (max-width: 875px ) {
  
      .anom-bar-esoteric .anom-bar-container.{$containment-class} .text-part > .main-class::after,
      .anom-bar-esoteric .text-part > .main-class::after {
       height: 3rem!important;
       width: 3rem!important;
      }
  
      .anom-bar-esoteric .anom-bar-esoteric .anom-bar-container.{$containment-class} .text-part > .main-class::after,
      .anom-bar-esoteric .text-part > .main-class::after,
      .anom-bar-esoteric .text-part .disrupt-class::after,
      .anom-bar-esoteric .text-part .risk-class::after {
       top: -webkit-calc(50% - 1.125rem)!important;
       top: -moz-calc(50% - 1.125rem)!important;
       top: calc(50% - 1.125rem)!important;
       border-width: 0.25rem!important;
      }
  
      .anom-bar-esoteric .anom-bar-container.{$containment-class} .text-part > .main-class::after {
       top: 0.15rem!important;
      }
  
      .anom-bar-esoteric .anom-bar-container.{$containment-class} .text-part > .main-class::before {
       top: 0.15rem!important;
       width: 5.75rem!important;
       height: 3rem!important;
       right: 1.25rem!important;
       -webkit-background-size: 100% 100%!important;
          -moz-background-size: 100% 100%!important;
       -o-background-size: 100% 100%!important;
       background-size: 100% 100%!important;
       background-position: left -20px center!important;
      }
  
      .anom-bar-esoteric .anom-bar-container.{$containment-class} .contain-class > .class-category {
       max-width: 100% !important;
      }
  
  }
  
  @media (max-width: 480px ) {
  
      .anom-bar-esoteric .anom-bar-container:not(.{$containment-class}) .text-part > .main-class::before {
       width: 2.5rem;
       height: 2.5rem;
       top: -webkit-calc(50% - 1.475rem);
       top: -moz-calc(50% - 1.475rem);
       top: calc(50% - 1.475rem);
       right: 0.5rem;
      }
  
      .anom-bar-esoteric .text-part > div > .class-category,
      .anom-bar-esoteric .anom-bar-container.{$containment-class} .text-part > .main-class > .contain-class > .class-category {
       font-size: 1em!important;
      }
  
      .anom-bar-container.{$containment-class} .text-part > .main-class::before {
       top: 0.15rem!important;
       width: 4.5rem!important;
       height: 2.5rem!important;
       right: 1rem!important;
       -webkit-background-size: 100% 100%!important;
          -moz-background-size: 100% 100%!important;
       -o-background-size: 100% 100%!important;
       background-size: 100% 100%!important;
       background-position: left -10px center!important;
      }
  
      .anom-bar-container.{$containment-class} .text-part > .main-class::after {
       height: 2.5rem!important;
       width: 2.5rem!important;
      }
  
  }

  Pages using this styling

  • component:customizable-acs [info]

  ¶ 1 occurrence
  

  body .anom-bar-container.clear-1 .anom-bar > .top-box {
      -ms-grid-columns: auto 1fr calc(5vw + 8rem);
      grid-template-columns: auto 1fr -webkit-calc(5vw + 8rem);
      grid-template-columns: auto 1fr -moz-calc(5vw + 8rem);
      grid-template-columns: auto 1fr calc(5vw + 8rem);
      padding-bottom: 1.15em;
  }
  
  body .anom-bar-container.clear-1 .top-center-box > div {
      background-image: url("{$clearance-one-image}")!important;
      background-attachment: fixed;
      background-size: contain;
  }
  
  body .anom-bar-container.clear-2 .anom-bar > .top-box {
      -ms-grid-columns: auto 1fr calc(5vw + 8rem);
      grid-template-columns: auto 1fr -webkit-calc(5vw + 8rem);
      grid-template-columns: auto 1fr -moz-calc(5vw + 8rem);
      grid-template-columns: auto 1fr calc(5vw + 8rem);
      padding-bottom: 1.15em;
  }
  
  body .anom-bar-container.clear-2 .top-center-box > div {
      background-image: url("{$clearance-two-image}")!important;
      background-attachment: fixed;
      background-size: contain;
  }
  
  body .anom-bar-container.clear-3 .anom-bar > .top-box {
      -ms-grid-columns: auto 1fr calc(5vw + 8rem);
      grid-template-columns: auto 1fr -webkit-calc(5vw + 8rem);
      grid-template-columns: auto 1fr -moz-calc(5vw + 8rem);
      grid-template-columns: auto 1fr calc(5vw + 8rem);
      padding-bottom: 1.15em;
  }
  
  body .anom-bar-container.clear-3 .top-center-box > div {
      background-image: url("{$clearance-three-image}")!important;
      background-attachment: fixed;
      background-size: contain;
  }
  
  body .anom-bar-container.clear-4 .anom-bar > .top-box {
      -ms-grid-columns: auto 1fr calc(5vw + 8rem);
      grid-template-columns: auto 1fr -webkit-calc(5vw + 8rem);
      grid-template-columns: auto 1fr -moz-calc(5vw + 8rem);
      grid-template-columns: auto 1fr calc(5vw + 8rem);
      padding-bottom: 1.15em;
  }
  
  body .anom-bar-container.clear-4 .top-center-box > div {
      background-image: url("{$clearance-four-image}")!important;
      background-attachment: fixed;
      background-size: contain;
  }
  
  body .anom-bar-container.clear-5 .anom-bar > .top-box {
      -ms-grid-columns: auto 1fr calc(5vw + 8rem);
      grid-template-columns: auto 1fr -webkit-calc(5vw + 8rem);
      grid-template-columns: auto 1fr -moz-calc(5vw + 8rem);
      grid-template-columns: auto 1fr calc(5vw + 8rem);
      padding-bottom: 1.15em;
  }
  
  body .anom-bar-container.clear-5 .top-center-box > div {
      background-image: url("{$clearance-five-image}")!important;
      background-attachment: fixed;
      background-size: contain;
  }
  
  body .anom-bar-container.clear-6 .anom-bar > .top-box {
      -ms-grid-columns: auto 1fr calc(5vw + 8rem);
      grid-template-columns: auto 1fr -webkit-calc(5vw + 8rem);
      grid-template-columns: auto 1fr -moz-calc(5vw + 8rem);
      grid-template-columns: auto 1fr calc(5vw + 8rem);
      padding-bottom: 1.15em;
  }
  
  body .anom-bar-container.clear-6 .top-center-box > div {
      background-image: url("{$clearance-six-image}")!important;
      background-attachment: fixed;
      background-size: contain;
      background-blend-mode: normal!important;
  }

  Pages using this styling

  • component:customizable-acs [info]

  ¶ 1 occurrence
  

  .custom-text-wrap .anom-bar-container.clear-6 .top-right-box > .clearance::before {
      content: ""!important;
  }
  
  .custom-text-wrap .anom-bar-container.clear-5 .top-right-box > .clearance::before {
      content: ""!important;
  }
  
  .custom-text-wrap .anom-bar-container.clear-4 .top-right-box > .clearance::before {
      content: ""!important;
  }
  
  .custom-text-wrap .anom-bar-container.clear-3 .top-right-box > .clearance::before {
      content: ""!important;
  }
  
  .custom-text-wrap .anom-bar-container.clear-2 .top-right-box > .clearance::before {
      content: ""!important;
  }
  
  .custom-text-wrap .anom-bar-container.clear-1 .top-right-box > .clearance::before {
      content: ""!important;
  }

  Pages using this styling

  • component:customizable-acs [info]

  ¶ 1 occurrence
  

  .anom-bar-container.clear-69 .top-center-box > .bar-one {
      display: block;
  }
  
  .anom-bar-container.clear-69 .top-center-box > .bar-two {
      display: block;
  }
  
  .anom-bar-container.clear-69 .top-center-box > .bar-three {
      display: block;
  }
  
  .anom-bar-container.clear-69 .top-center-box > .bar-four {
      display: block;
  }
  
  .anom-bar-container.clear-69 .top-center-box > .bar-five {
      display: block;
  }
  
  .anom-bar-container.clear-69 .top-center-box > .bar-six {
      display: block;
  }
  
  .anom-bar-container.clear-69 .top-center-box > .bar-sixty-nine {
      display: block;
  }
  
  div.top-center-box > :nth-child(1) { animation-delay: calc(0s * var(--timeScale) + var(--timeDelay))!important; }
  div.top-center-box > :nth-child(2) { animation-delay: calc(0s * var(--timeScale) + var(--timeDelay))!important; }
  div.top-center-box > :nth-child(3) { animation-delay: calc(0s * var(--timeScale) + var(--timeDelay))!important; }
  div.top-center-box > :nth-child(4) { animation-delay: calc(0s * var(--timeScale) + var(--timeDelay))!important; }
  div.top-center-box > :nth-child(5) { animation-delay: calc(0s * var(--timeScale) + var(--timeDelay))!important; }
  div.top-center-box > :nth-child(6) { animation-delay: calc(0s * var(--timeScale) + var(--timeDelay))!important; }
  
  .anom-bar-container.clear-69 .top-right-box > .clearance::before {
      content: "Nice";
  }

  Pages using this styling

  • component:customizable-acs [info]

  ¶ 1 occurrence
  

  .anom-bar-container.{$containment-class} .text-part > .main-class::before {
      display:none;
  }
  
  .anom-bar-container.{$containment-class} .text-part .main-class {
      background-color: rgba({$containment-color},0.15);
      background-color: rgba({$containment-color},0.15);
      border-left: 0.75rem solid rgba({$containment-color},1);
      border-left: 0.75rem solid rgba({$containment-color},1);
  }
  
  .anom-bar-container.{$containment-class} .text-part {
      -ms-grid-columns: 1fr!important;
      grid-template-columns: 1fr!important;
  }
  
  .anom-bar-container.{$containment-class} .second-class,
  .anom-bar-container.{$containment-class} .disrupt-class,
  .anom-bar-container.{$containment-class} .risk-class,
  .anom-bar-container.{$containment-class} .danger-diamond > .quadrants > .left-quad,
  .anom-bar-container.{$containment-class} .danger-diamond > .quadrants > .right-quad,
  .anom-bar-container.{$containment-class} .danger-diamond > .left-icon,
  .anom-bar-container.{$containment-class} .danger-diamond > .right-icon {
      display: none;
  }
  
  .danger-diamond > .quadrants > .top-quad.{$containment-class} {
      background-color: rgb({$containment-color},0.25);
      background-color: rgb({$containment-color},0.25);
  }
  
  .anom-bar-container.{$containment-class} .danger-diamond > .top-icon {
      width: 65%;
      height: 65%;
      top: 17.5%;
      left: 17.5%;
      border-width: 0.3625rem;
  }
  
  .anom-bar-container.{$containment-class} .danger-diamond > .top-icon {
      background-color: rgb(252, 252, 252);
      background-color: rgb(var(--swatch-background, 252, 252, 252));
  }
  
  .anom-bar-container.{$containment-class} .danger-diamond > .top-icon::before {
      background-color: rgba({$containment-color},0.25);
      background-color: rgba({$containment-color},0.25);
      background-image: url("{$containment-image}");
      -webkit-background-size: 100% 100%;
         -moz-background-size: 100% 100%;
       -o-background-size: 100% 100%;
       background-size: 100% 100%;
      background-position: center center;
  }
  
  @media (max-width: 875px ) {
      .anom-bar-container.{$containment-class} .bottom-box > .text-part {
       height: 6rem;
      }
      .anom-bar-container.{$containment-class} .bottom-box > .text-part {
       -ms-grid-rows: 1fr!important;
       grid-template-rows: 1fr!important;
       grid-template-areas: "main-class";
      }
  }
  
  @media (max-width: 875px ) and (min-width: 480px ) {
      .anom-bar-container.{$containment-class} .anom-bar > .bottom-box {
       -ms-grid-columns: 1fr 6rem!important;
       grid-template-columns: 1fr 6rem!important;
       height: 6rem;
      }
  }
  
  @media (max-width: 480px ) {
      .anom-bar-container.{$containment-class} .anom-bar > .bottom-box {
       height: 6rem;
      }
  }
  
  .anom-bar-container.{$containment-class} .danger-diamond > .quadrants > .top-quad,
  .anom-bar-container.{$containment-class} .danger-diamond > .quadrants > .bottom-quad  {
      background-color:rgba({$containment-color},0)!important;
  }

  Pages using this styling

  • component:customizable-acs [info]

  ¶ 1 occurrence
  

  body .anom-bar-container.clear-1 .top-center-box > div {
      background: rgb({$clearance-one})!important;
  }
  
  body .anom-bar-container.clear-2 .top-center-box > div {
      background: rgb({$clearance-two})!important;
  }
  
  body .anom-bar-container.clear-3 .top-center-box > div {
      background: rgb({$clearance-three})!important;
  }
  
  body .anom-bar-container.clear-4 .top-center-box > div {
      background: rgb({$clearance-four})!important;
  }
  
  body .anom-bar-container.clear-5 .top-center-box > div {
      background: rgb({$clearance-five})!important;
  }
  
  body .anom-bar-container.clear-6 .top-center-box > div {
      background: rgb({$clearance-six})!important;
  }
  
  body .anom-bar-container.clear-69 .top-center-box > div {
      background: rgb({$clearance-sixty-nine})!important;
  }

  Pages using this styling

  • component:customizable-acs [info]

  ¶ 1 occurrence
  

  .anom-bar-container.{$risk-class} .text-part .risk-class::after {
      background-image: url("{$risk-image}");
  }
  
  .anom-bar-container.{$risk-class} .text-part .risk-class{
      border-left: 0.5rem solid rgba({$risk-color});
      background-color: rgba({$risk-color},0.15);
  }
  
  .anom-bar-container.{$risk-class} .danger-diamond > .right-icon::before {
      background-image: url("{$risk-image}");
      background-size: contain;
  }
  
  .anom-bar-container.{$risk-class} .danger-diamond > .quadrants > .right-quad  {
      background-color:rgba({$risk-color},0.25);
  }
  
  .anom-bar-container.{$risk-class} .text-part .risk-class::before{
      content: ""!important;
  }
  
  .anom-bar-container.{$risk-class} .danger-diamond > .right-icon::before {
      background-color:rgb({$risk-color})!important;
  }
  
  .anom-bar-container.{$risk-class} .text-part .risk-class::after {
      background-color: rgb({$risk-color})!important;
  }

  Pages using this styling

  • component:customizable-acs [info]

  ¶ 1 occurrence
  

  .anom-bar-container.{$disruption-class} .text-part .disrupt-class::after {
      background-image: url("{$disruption-image}");
  }
  
  .anom-bar-container.{$disruption-class} .text-part .disrupt-class{
      border-left: 0.5rem solid rgba({$disruption-color},1);
      background-color: rgba({$disruption-color},0.15);
  }
  
  .anom-bar-container.{$disruption-class} .danger-diamond > .left-icon::before {
      background-image: url("{$disruption-image}");
      background-size: contain;
  }
  
  .anom-bar-container.{$disruption-class} .danger-diamond > .quadrants > .left-quad  {
      background-color:rgba({$disruption-color},0.25);
  }
  
  .anom-bar-container.{$disruption-class} .text-part .disrupt-class::before{
      content: ""!important;
  }
  
  .anom-bar-container.{$disruption-class} .danger-diamond > .left-icon::before {
      background-color:rgb({$disruption-color})!important;
  }
  
  .anom-bar-container.{$disruption-class} .text-part .disrupt-class::after {
      background-color: rgb({$disruption-color})!important;
  }

  Pages using this styling

  • component:customizable-acs [info]

  ¶ 1 occurrence
  

  .anom-bar-container.{$containment-class} .text-part .main-class::before {
      background-image: url("{$containment-image}");
  }
  
  .anom-bar-container.{$containment-class} .text-part .main-class{
      border-left: 0.5rem solid rgba({$containment-color},1);
      background-color: rgba({$containment-color},0.15);
  }
  
  .anom-bar-container.{$containment-class} .danger-diamond > .top-icon::before {
      background-image: url("{$containment-image}");
      background-size: contain;
  }
  
  .anom-bar-container.{$containment-class} .danger-diamond > .quadrants > .top-quad  {
      background-color:rgba({$containment-color},0.25);
  }
  
  .anom-bar-container.{$containment-class} .danger-diamond > .top-icon::before {
      background-color:rgb({$containment-color})!important;
  }
  
  .anom-bar-container.{$containment-class} .text-part .main-class::before {
      background-color: rgb({$containment-color})!important;
  }

  Pages using this styling

  • component:customizable-acs [info]

  ¶ 1 occurrence
  

  
  body .anom-bar-container.ekhi .danger-diamond > .quadrants > .left-quad,
  body .anom-bar-container.danger .danger-diamond > .quadrants > .right-quad {
      background-color:rgba(255,109,0,0.25);
      background-color: rgb(var(--four-color),0.25);
  }
  
  @media screen and (prefers-reduced-motion: no-preference) {
    .calibold-wrap,
    .calibold {
      animation-name: jumpscare;
      animation-duration: 2s;
      animation-iteration-count: 1;
      animation-timing-function: ease-out;
      animation-fill-mode: backwards;
    }
  }
  
  @keyframes jumpscare {
    from {
      opacity: 0;
      transform: scale(0.5,0.5);
    }
    to {
      opacity: 1;
      transform: scale(1,1);
    }
  }
  
  .calibold-wrap {
      animation-delay: 300s;
      position: fixed;
      top: 10%;
      left: 50%;
      z-index: 20;
      width: 302px;
      text-align: center;
  }
  
  #page-content .calibold-wrap .collapsible-block-folded .collapsible-block-link {
      opacity: 0;
  }
  
  .calibold {
      animation-delay: 300s;
      position: fixed;
      z-index: 20;
      background-image: url("https://scp-wiki.wdfiles.com/local--files/component%3Acustomizable-acs/calibold-jumpscare.png");
      height: 457px;
      width: 302px;
      text-align: center;
  }
  
  .calibold p {
      line-height: 457px!important;
  }
  
  .anom-bar-container.clear-6 .top-center-box > div {
  background-position: center;
  }
  
  .anom-bar-container.clear-5 .top-center-box > div {
  background-position: center;
  }
  
  .anom-bar-container.clear-4 .top-center-box > div {
  background-position: center;
  }
  
  .anom-bar-container.clear-3 .top-center-box > div {
  background-position: center;
  }
  
  .anom-bar-container.clear-2 .top-center-box > div {
  background-position: center;
  }
  
  .anom-bar-container.clear-1 .top-center-box > div {
  background-position: center;
  }
  

  Pages using this styling

  • component:customizable-acs [info]

  ¶ 1 occurrence
  

  body .anom-bar-container.clear-1 .top-center-box > div {
      background: linear-gradient(90deg, #e40303, #ff8c00, #ffed00, #008026, #004dff, #750787)t;
      background-size: 100%;
  }
  
  body .anom-bar-container.clear-2 .top-center-box > div {
      background: linear-gradient(90deg, #e40303, #ff8c00, #ffed00, #008026, #004dff, #750787);
      background-size: 100%;
  }
  
  body .anom-bar-container.clear-3 .top-center-box > div {
      background: linear-gradient(90deg, #e40303, #ff8c00, #ffed00, #008026, #004dff, #750787);
      background-size: 100%;
  }
  
  body .anom-bar-container.clear-4 .top-center-box > div {
      background: linear-gradient(90deg, #e40303, #ff8c00, #ffed00, #008026, #004dff, #750787);
      background-size: 100%;
  }
  
  body .anom-bar-container.clear-5 .top-center-box > div {
      background: linear-gradient(90deg, #e40303, #ff8c00, #ffed00, #008026, #004dff, #750787);
      background-size: 100%;
  }
  
  body .anom-bar-container.clear-6 .top-center-box > div {
      background: linear-gradient(90deg, #e40303, #ff8c00, #ffed00, #008026, #004dff, #750787);
      background-size: 100%;
  }

  Pages using this styling

  • component:customizable-acs [info]

  ¶ 1 occurrence
  

  
  @media screen and (prefers-reduced-motion: no-preference) {
    .plug-wrap,
    .plug {
      animation-name: plugscare;
      animation-duration: 2s;
      animation-iteration-count: 1;
      animation-timing-function: ease-out;
      animation-fill-mode: backwards;
    }
  }
  
  @keyframes plugscare {
    from {
      opacity: 0;
      transform: scale(0.5,0.5);
    }
    to {
      opacity: 1;
      transform: scale(1,1);
    }
  }
  
  .plug-wrap {
      animation-delay: 30s;
      position: fixed;
      top: 30%;
      left: 50vw;
      width: 300px;
      text-align: right;
      z-index: 7;
  }
  
  #page-content .plug-wrap .collapsible-block-folded .collapsible-block-link {
      opacity: 0;
  }
  
  .plug {
      animation-delay: 30s;
      position: fixed;
      background-image: url("https://scp-wiki.wdfiles.com/local--files/scp-7400/sexy.png");
      background-size: cover;
      background-blend-mode: lighten;
      height: 150px;
      width: 300px;
      text-align: center;
      border: 1px solid black;
      z-index: 7;
  }
  
  @media (max-width: 1000px ) {
  
      .plug-wrap {
          display: none;
      }
  
  }
  

  Pages using this styling

  • component:customizable-acs [info]

  ¶ 1 occurrence
  

  .croqstyle__documentation :is(h1, h2) {
    font-family: Inter, sans-serif;
    font-weight: bold;
  }
  .croqstyle__documentation h1 ~ h1 { margin-top: 6rem }
  .croqstyle__documentation h1 ~ h2 { margin-top: 3rem }
  
  .croqstyle__documentation #toc,
  .croqstyle__description {
    border: thin solid #ddd;
    padding: 1em;
    background-color: transparent;
  }

  Pages using this styling

  • component:croqstyle [info]

  ¶ 1 occurrence
  

  @import url(https://scp-wiki.wdfiles.com/local--code/component%3Acroqstyle/1);

  Pages using this styling

  • component:croqstyle [info]

  ¶ 1 occurrence
  

  .croqstyle__documentation :is(h1, h2) {
    font-family: Inter, sans-serif;
    font-weight: bold;
  }
  .croqstyle__documentation h2 { margin-top: 2rem }
  .croqstyle__documentation h3 { margin-top: 2.5rem }
  
  .croqstyle__documentation #toc,
  .croqstyle__description {
    border: thin solid #ddd;
    padding: 1em;
    background-color: transparent;
  }
  td { vertical-align: top; }
  .options table.wiki-content-table td { border: none; padding: 0.7em 1em; }

  Pages using this styling

  • component:countdown [info]

  ¶ 1 occurrence
  

  #toc0 {
      color: rgb(var(--swatch-primary,126,27,1));
  }
  div.blockquote {
      padding-top: 0.5em;
  }
  div.blockquote tt {
      margin: 0.5em 1em 1em 1em;
      display: block;
      background-color: rgb(var(--dark-gray-monochrome,48,48,52));
      color: rgb(var(--white-monochrome,252,252,252));
      padding: 0.5em;
  }

  Pages using this styling

  • component:collapsible-sidebar [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@300&display=swap');
  .class1 h1 {
      font-family: BauhausLTDemi, Arial, 'Noto Serif SC', serif;
  }
  .item1 h1 {
      font-family: 'renner', Arial, 'Noto Serif SC', serif;
  }

  Pages using this styling

  • component:classified-decoration-base [info]

  ¶ 1 occurrence
  

  @import url('https://scp-wiki.wdfiles.com/local--files/component%3Atheme/font-bauhaus.css');
  @import url('https://fonts.googleapis.com/css?family=Noto+Serif+KR');
  @import url(https://indestructibletype-fonthosting.github.io/renner.css);
  
  .class1 .base:nth-of-type(1) {
    display: none;
  }
  .class1 .base:nth-of-type(2) {
    display: inline;
  }
  
  .class1 .CN:nth-of-type(1) {
    display: inline;
  }
  .class1 .CN:nth-of-type(2) {
    display: none;
  }
  
  .class1 .false:nth-of-type(1) {
    display: none!important;
  }
  .class1 .false:nth-of-type(2) {
    display: inline!important;
  }
  
  
  .class1 {
      white-space: nowrap;
      width: auto;
  }
  
  .class1 h1 {
      color: #333;
      font-family: BauhausLTDemi, Arial, "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", 'Noto Serif KR', serif;
      font-size: 240%;
      margin-top: 0.55em;
  }
  
  .class1image img {
      width:230px;
      height: auto;
      max-width: initial;
  }
  
  .item1 {
      white-space: nowrap;
      text-align: right;
  }
  
  .item1 h1 {
      color: #333;
      font-family: 'renner', Arial, "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", 'Noto Serif KR', serif;
      font-size: 160%;
      font-weight: normal;
      transform: scale(0.9, 1);
  }
  
  .PL h1 > span {
      font-size: 75%;
  }
  .ES h1 > span {
      font-size: 85%;
  }
  
  .scale tr {
      line-height: 10px;
  }
  
  .scale {
      margin: 0;
      padding: 0;
      border: none;
      width: 100%;
      max-width: 100% !important;
  }
  
  @media (max-width: 766px) {
  .class1 h1 {
      font-size: 3.8vw;
      font-weight: bold!important;
  }
  .class1image img {
      width:33vw;
      height: auto;
  }
  .item1 h1 {
      font-size: 2.2vw;
  }
  }
  @media (min-width: 767px) and (max-width: 960px) {
  .class1 h1 {
      font-size: 2.5vw;
      font-weight: bold!important;
  }
  .class1image img {
      width:17.5vw;
      height: auto;
  }
  .item1 h1 {
      font-size: 1.4vw;
  }
  }
  

  Pages using this styling

  • component:classified-decoration-base [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css?family=Noto+Sans+SC:400,700&display=swap');
  
  /* style for -CN */
  div.class1 > div {
      font-family: rift, 'Noto Sans SC', sans-serif;
  }
  div.item1 > div {
      font-family: rift, 'Noto Sans SC', sans-serif;
  }
  div.obj > div {
      font-size: 1.3em;
  }

  Pages using this styling

  • component:classified-bar-woed-source [info]

  ¶ 1 occurrence
  

  @import url("https://use.typekit.net/inx2jjr.css");
  
  div.scale {
      /* Classification Colors */
      --woedbar-keter-color: rgb(180, 30, 35);
      --woedbar-euclid-color: rgb(225, 205, 35);
      --woedbar-safe-color: rgb(35, 145, 70);
      --woedbar-thaumiel-color: rgb(40, 60, 150);
      --woedbar-neutral-color: rgb(127, 127, 127);
      /* Angled Bar Colors */
      --woedbar-lvl1-color: rgba(var(--swatch-menubg-black-color,12, 12, 12),0.1);
      --woedbar-lvl2-color: rgba(var(--swatch-menubg-black-color,12, 12, 12),0.3);
      --woedbar-lvl3-color: rgba(var(--swatch-menubg-black-color,12, 12, 12),0.55);
      --woedbar-lvl4-color: rgba(var(--swatch-menubg-black-color,12, 12, 12),0.75);
      --woedbar-lvl5-color: rgba(var(--swatch-menubg-black-color,12, 12, 12),1);
      --woedbar-lvl6-color: rgba(var(--swatch-primary-bright,140, 25, 26),1);
      /* Class Bar Color */
      --woedbar-class-bar-color: rgb(var(--swatch-menubg-black-color,12, 12, 12));
  }
  
  div.scale {
      width: -moz-fit-content;
      width: -webkit-fit-content;
      width: fit-content;
      max-width: 98vw;
      margin: 0 auto;
      padding: 1em 0;
      border: none;
      display: -ms-grid;
      display: grid;
          grid-template-areas:
      	"class classimage item";
      -ms-grid-columns: 1.25fr auto 1.9fr;
      grid-template-columns: 1.25fr auto 1.9fr;
      -ms-grid-rows: minmax(3em,5em);
      grid-template-rows: minmax(3em,5em);
      -webkit-box-align: stretch;
      -webkit-align-items: stretch;
         -moz-box-align: stretch;
          -ms-flex-align: stretch;
              align-items: stretch;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
         -moz-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      font-size: clamp(0.4845rem, 0.1609rem + 1.6179vw, 0.9375rem);
  }
  
  div.class1 {
      -ms-grid-row: 1;
      -ms-grid-column: 1;
      grid-area: class;
      white-space: nowrap;
      padding-right: 1em;
      display: -ms-grid;
      display: grid;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
         -moz-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
          grid-template-areas: 
      	"."
      	"leveltxt" 
      	"classtxt"
      	"." ;
      -ms-grid-rows: 
      	auto
      	min-content
      	min-content
      	auto;
      grid-template-rows: 
      	auto
      	-webkit-min-content
      	-webkit-min-content
      	auto;
      grid-template-rows: 
      	auto
      	min-content
      	min-content
      	auto;
  }
  
  div.class1>div {
      color: rgb(var(--swatch-text-general, 12, 12, 12));
      font-family: rift, sans-serif, Arial, "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", 'Noto Serif KR', serif;
      font-size: 2.90em;
      line-height: 0.9em;
  }
  
  div.class1 .base:nth-of-type(1) {
      display: none;
  }
  
  div.class1 .base:nth-of-type(2) {
      display: inline;
  }
  
  div.class1 .CN:nth-of-type(1) {
      display: inline;
  }
  
  div.class1 .CN:nth-of-type(2) {
      display: none;
  }
  
  div.class1 .false:nth-of-type(1) {
      display: none !important;
  }
  
  div.class1 .false:nth-of-type(2) {
      display: inline !important;
  }
  
  div.level-text {
      -ms-grid-row: 2;
      -ms-grid-column: 1;
      grid-area: leveltxt;
  }
  
  div.class-text {
      -ms-grid-row: 3;
      -ms-grid-column: 1;
      grid-area: classtxt;
  }
  
  div.class1image {
      -ms-grid-row: 1;
      -ms-grid-column: 2;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      grid-area: classimage;
      -webkit-box-align: center;
      -webkit-align-items: center;
         -moz-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      overflow: hidden;
      margin: 0 0.6em 0 0;
      padding-right: 0.6em;
  }
  
  /* middle images */
  div.classified-bar {
      position: relative;
      -webkit-mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.2' baseProfile='tiny' id='classified-bar' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 10 50' overflow='visible' xml:space='preserve'%3E%3Cpolygon points='5,50 0,50 5,25 0,0 5,0 10,25 '/%3E%3C/svg%3E%0A");
              mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.2' baseProfile='tiny' id='classified-bar' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 10 50' overflow='visible' xml:space='preserve'%3E%3Cpolygon points='5,50 0,50 5,25 0,0 5,0 10,25 '/%3E%3C/svg%3E%0A");	
      -webkit-mask-repeat: no-repeat;	
              mask-repeat: no-repeat;
      -webkit-mask-position: center center;
              mask-position: center center;
      display: none;
      width: 0;
      min-width: 1em;
      height: -webkit-calc(100% - 0.5em);
      height: -moz-calc(100% - 0.5em);
      height: calc(100% - 0.5em);
  }
  
  div.image-space {
      margin-left: -0.35em;
      display: none;
  }
  
  /* display depending on level 0 */
  div.class1image[data-level="lv0"] {
      min-width: 0;
      background-image: 
      	-webkit-linear-gradient(315deg, 
      		transparent 25%, 
      		var(--woedbar-lvl2-color) 25%, 
      		var(--woedbar-lvl2-color) 50%, 
      		transparent 50%, 
      		transparent 75%, 
      		var(--woedbar-lvl2-color) 75%, 
      		var(--woedbar-lvl2-color) 100%);
      background-image: 
      	-moz-linear-gradient(315deg, 
      		transparent 25%, 
      		var(--woedbar-lvl2-color) 25%, 
      		var(--woedbar-lvl2-color) 50%, 
      		transparent 50%, 
      		transparent 75%, 
      		var(--woedbar-lvl2-color) 75%, 
      		var(--woedbar-lvl2-color) 100%);
      background-image: 
      	-o-linear-gradient(315deg, 
      		transparent 25%, 
      		var(--woedbar-lvl2-color) 25%, 
      		var(--woedbar-lvl2-color) 50%, 
      		transparent 50%, 
      		transparent 75%, 
      		var(--woedbar-lvl2-color) 75%, 
      		var(--woedbar-lvl2-color) 100%);
      background-image: 
      	linear-gradient(135deg, 
      		transparent 25%, 
      		var(--woedbar-lvl2-color) 25%, 
      		var(--woedbar-lvl2-color) 50%, 
      		transparent 50%, 
      		transparent 75%, 
      		var(--woedbar-lvl2-color) 75%, 
      		var(--woedbar-lvl2-color) 100%);
      -webkit-background-size: 5px 5px;
         -moz-background-size: 5px 5px;
           -o-background-size: 5px 5px;
              background-size: 5px 5px;
      padding-right: 0.25em;
  }
  
  /* display depending on level */
  div.class1image[data-level="lv1"] div:nth-child(-n+2) {
      display: inline-block;
      margin-left: initial;
  }
  
  div.class1image[data-level="lv2"] div:nth-child(-n+4) {
      display: inline-block;
  }
  
  div.class1image[data-level="lv3"] div:nth-child(-n+6) {
      display: inline-block;
  }
  
  div.class1image[data-level="lv4"] div:nth-child(-n+8) {
      display: inline-block;
  }
  
  div.class1image[data-level="lv5"] div:nth-child(-n+10) {
      display: inline-block;
  }
  
  div.class1image[data-level="lv6"] div:nth-child(-n+12) {
      display: inline-block;
  }
  
  /* color depending on level */
  div.class1image div.classified-bar:nth-of-type(1) {
      background-color: var(--woedbar-lvl1-color);
  }
  
  div.class1image div.classified-bar:nth-of-type(3) {
      background-color: var(--woedbar-lvl2-color);
  }
  
  div.class1image div.classified-bar:nth-of-type(5) {
      background-color: var(--woedbar-lvl3-color);
  }
  
  div.class1image div.classified-bar:nth-of-type(7) {
      background-color: var(--woedbar-lvl4-color);
  }
  
  div.class1image div.classified-bar:nth-of-type(9) {
      background-color: var(--woedbar-lvl5-color);
  }
  
  div.class1image div.classified-bar:nth-of-type(11) {
      background-color: var(--woedbar-lvl6-color);
  }
  
  div.classified-bar img.sizing-image {
      width: 100%;
      height: 100%;
      visibility: hidden;
  }
  
  div.item1 {
      -ms-grid-row: 1;
      -ms-grid-column: 3;
      grid-area: item;
      white-space: nowrap;
      text-align: right;
      display: -ms-grid;
      display: grid;
          grid-template-areas:
      	"." 
      	"itemnum" 
      	"objclass" 
      	".";
      -ms-grid-rows: 
      	auto 
      	min-content 
      	min-content 
      	auto;
      grid-template-rows: 
      	auto 
      	-webkit-min-content 
      	-webkit-min-content 
      	auto;
      grid-template-rows: 
      	auto 
      	min-content 
      	min-content 
      	auto;
  }
  
  div.item1 > div {
      color: rgb(var(--swatch-text-general, 12, 12, 12));
      font-family: rift, sans-serif, Arial, "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", 'Noto Serif KR', serif;
      font-size: 2em;
      font-weight: normal;
      text-align: center;
      line-height: 1;
  }
  
  .PL div>span {
      font-size: 0.75em;
  }
  
  .ES div>span {
      font-size: 0.85em;
  }
  
  div.item1 .PL-top {
      font-size: 1rem;
  }
  
  div.item1 .PL-btm {
      font-size: 2rem;
  }
  
  div.itemnum {
      -ms-grid-row: 2;
      -ms-grid-column: 1;
      grid-area: itemnum;
  }
  
  div.itemnum.TH {
      line-height: 1.5;
      margin-top: -0.5em;
  }
  
  div.objclass {
      -ms-grid-row: 3;
      -ms-grid-column: 1;
      --bar-color: rgb(var(--swatch-menubg-black-color, 12, 12, 12));
      grid-area: objclass;
      position: relative;
      -webkit-box-flex: 2 !important;
      -webkit-flex-grow: 2 !important;
         -moz-box-flex: 2 !important;
          -ms-flex-positive: 2 !important;
              flex-grow: 2 !important;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
         -moz-box-align: center;
          -ms-flex-align: center;
              align-items: center;
  }
  /* Bar Styling */
  div.objclass::before {
      --mask-url: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.2' baseProfile='tiny' id='scp-general' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 144 144' overflow='visible' xml:space='preserve'%3E%3Cg%3E%3Cpath d='M66.9998779,47.4119873V32.095459C47.1456299,34.559021,31.7750854,51.4788208,31.7750854,72 c0,5.5440063,1.1221924,10.8257446,3.1508179,15.6313477l13.2803345-7.6671753l-3.7330322-6.4658203L72,72L59.5341797,47.4119873 H66.9998779z'/%3E%3Cpath d='M53.2062378,88.6243896l-13.2688599,7.6604614C47.2828369,105.9677124,58.9088745,112.2249756,72,112.2249756 s24.7172241-6.2572021,32.0626831-15.9400635l-13.2688599-7.6606445l-3.7328491,6.4655151L72,72L56.9390259,95.0897827 L53.2062378,88.6243896z'/%3E%3Cpath d='M76.9998779,32.095459v15.3165283h7.4659424L72,72l27.5267944,1.4983521l-3.7330322,6.4657593l13.2803955,7.6672363 c2.0286255-4.805603,3.1508179-10.0873413,3.1508179-15.6313477C112.2249756,51.4787598,96.854248,34.55896,76.9998779,32.095459z' /%3E%3Cpath d='M72,0C32.2355347,0,0,32.2355347,0,72c0,39.7645264,32.2355347,72,72,72c39.7645264,0,72-32.2354736,72-72 C144,32.2355347,111.7645264,0,72,0z M121.6561279,106.4422607l-7.1643677-4.1362305 C105.0106812,115.5609741,89.5029907,124.2249756,72,124.2249756s-33.0106812-8.6640625-42.4917603-21.9190674 l-7.1646118,4.1363525l-5-8.6601562l7.1509399-4.128479C21.4731445,87.0516357,19.7750854,79.7225342,19.7750854,72 c0-27.1099243,20.7654419-49.4542847,47.2247925-51.9801636v-8.2445679h10v8.2445679 C103.4594116,22.5455933,124.2249756,44.8900146,124.2249756,72c0,7.7225342-1.6981201,15.0516968-4.7195435,21.6537476 l7.1506958,4.1283569L121.6561279,106.4422607z'/%3E%3C/g%3E%3C/svg%3E%0A");
      content: "";
      background-color: var(--bar-color);
      -webkit-mask-image: var(--mask-url);
              mask-image: var(--mask-url);
      -webkit-mask-repeat: no-repeat;
              mask-repeat: no-repeat;
      -webkit-mask-size: contain;
              mask-size: contain;
      width: 1.5em;
      height: 1.5em;
      position: absolute;
      left: 0;
  }
  
  div.obj {
      color: rgb(var(--swatch-text-light, 255, 255, 255));
      width: 100%;
      height: 1.5em;
      right: 0;
      -webkit-border-radius: 0.75em;
         -moz-border-radius: 0.75em;
              border-radius: 0.75em;
      line-height: 1;
      background-color: var(--woedbar-class-bar-color);
      -webkit-background-size: cover;
         -moz-background-size: cover;
           -o-background-size: cover;
              background-size: cover;
      background-position: -0.03em;
      -webkit-mask: -webkit-radial-gradient(0.75em center, circle, transparent 0.85em, #000 -webkit-calc(0.85em + 1px) 100%) 50% 50%/100% 100% no-repeat;
              mask: radial-gradient(circle at 0.75em center, transparent 0.85em, #000 -moz-calc(0.85em + 1px) 100%) 50% 50%/100% 100% no-repeat;
              mask: radial-gradient(circle at 0.75em center, transparent 0.85em, #000 calc(0.85em + 1px) 100%) 50% 50%/100% 100% no-repeat;
      position: relative;
  }
  /* Keter Styling */
  div.scale[class*="keter" i] div.objclass {
      --bar-color: var(--woedbar-keter-color);
  }
  
  div.scale[class*="keter" i] div.objclass::before {
      --mask-url: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.2' baseProfile='tiny' id='meter' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 144 144' overflow='visible' xml:space='preserve'%3E%3Cpath d='M72,0C32.24,0,0,32.24,0,72c0,39.76,32.24,72,72,72c39.76,0,72-32.24,72-72C144,32.24,111.76,0,72,0z M107.15,65.25 l-1.7,0.4l-0.6-2.7C105.75,63.65,106.55,64.45,107.15,65.25z M96.45,29.95l-8.2,1.8l-2.1-9.5C90.75,22.95,94.55,25.85,96.45,29.95z M97.75,36.55v7.1l-13.7,3.1v-6.2c0-0.2,0-0.5-0.1-0.9L97.75,36.55z M83.95,53.75l11.2-2.5l5.1,22.6l10-2.2 c0.6,1.83,0.5,4.95,0.5,6.9l-15.6,3.5l-5.1-22.6l-22.6,5.1l-1.1-5h17.6V53.75z M79.05,22.05l3.5,14.9c-1.65-1.66-5.29-1.13-7.4-1.2 l-2.3-10.1l-22.6,5.1l-0.9-4C54.33,19.34,71.65,22.77,79.05,22.05z M45.95,38.65l21.7-4.8l0.4,1.9c-5.15-0.53-9.13,0.89-8.4,6.9 l-13.7,3.1V38.65z M60.45,115.95l-1.6-7.1l-19.1,4.3c-8.81-5.09-6.06-21.06-6.5-29.4l3.2-0.7l5,22.6l22.6-5.1l3.6,15.4H60.45z M98.35,115.65l-1.3-5.9l-22.6,5.1l-5.1-22.6l-22.6,5.1l-5.1-22.6l-8.4,1.9c-0.09-2.41,0.15-5,1-7.2l12.6-2.8l5.1,22.6l22.4-5.1 l5.1,22.6l22.6-5.1l2.7,11.2C102.85,114.25,100.75,115.25,98.35,115.65z M110.05,105.45l-2.7-11.9l-22.6,5.1l-5.1-22.6l-22.6,5 l-5-22.6l-6.1,1.39c0,0,0,0.01,0,0.01c-0.6,0.1-1.2,0.3-1.8,0.4l1.8-0.41c0-1.7,0-5.36,0-7.09l11.2-2.6l5.1,22.6l22.6-5.1l5.1,22.6 l20.7-4.6h0.1C110.54,89.14,111.34,102.31,110.05,105.45z'/%3E%3C/svg%3E%0A");
  }
  /* Euclid Styling */
  div.scale[class*="euclid" i] div.objclass {
      --bar-color: var(--woedbar-euclid-color);
  }
  
  div.scale[class*="euclid" i] div.objclass::before {
      --mask-url: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.2' baseProfile='tiny' id='Euclid' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 144 144' overflow='visible' xml:space='preserve'%3E%3Cpath d='M72,0C32.24,0,0,32.24,0,72c0,39.76,32.24,72,72,72c39.76,0,72-32.24,72-72C144,32.24,111.76,0,72,0z M97.8,36.17 l-13.7,13.7v-9.5c0,0,0-0.1,0-0.2l11.7-11.7C97.21,30.72,97.89,33.4,97.8,36.17z M84.2,21.87c2.5,0,4.8,0.6,6.8,1.8l-11.9,11.9h-9.7 l13.8-13.7H84.2z M46,39.67l17.8-17.8h9.7L46,49.37V39.67z M33.7,71.37c0.64-0.26,11.37-12.33,12.3-11.7c0-0.13,0-0.56,0-0.7 l13.7-13.7v9.7l-26.4,26.4C33.4,78.99,33,73.64,33.7,71.37z M33.3,91.07l31.6-31.6h9.7l-41.3,41.3C33.3,100.5,33.3,91.35,33.3,91.07 z M35.4,108.27l62.4-62.4v9.7l-57.7,57.7C38.2,111.97,36.6,110.27,35.4,108.27z M47.2,115.77l54.8-54.8c2.1,1,3.8,2.4,5.3,4.1 l-50.8,50.8C55.51,115.87,48,115.92,47.2,115.77z M110.7,100.27l-15.5,15.6h-9.7l25.2-25.3V100.27z M110.7,80.97l-34.8,34.9h-9.7 l44.2-44.2C110.9,73.7,110.64,78.81,110.7,80.97z'/%3E%3C/svg%3E%0A");
  }
  /* Safe Styling */
  div.scale[class*="safe" i] div.objclass {
      --bar-color: var(--woedbar-safe-color);
  }
  
  div.scale[class*="safe" i] div.objclass::before {
      --mask-url: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.2' baseProfile='tiny' id='safe' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 144 144' overflow='visible' xml:space='preserve'%3E%3Cg%3E%3Cpath d='M59.36,87.57c0,6.9,5.6,12.4,12.4,12.4c6.8,0,12.4-5.5,12.4-12.4C83.63,71.13,59.89,71.13,59.36,87.57z'/%3E%3Cpath d='M84.06,40.37c0-2.6-2.1-4.8-4.8-4.8h-14.8c-2.6,0-4.8,2.1-4.8,4.8v19h24.4V40.37z'/%3E%3Cpath d='M49.96,87.57c0,12,9.8,21.8,21.8,21.8s21.7-9.8,21.8-21.8C92.31,58.65,51.21,58.65,49.96,87.57z M53.96,87.57 c0-9.8,8-17.8,17.8-17.8c9.8,0,17.8,8,17.8,17.8C88.54,111.18,54.98,111.19,53.96,87.57z'/%3E%3Cpath d='M72,0C32.24,0,0,32.24,0,72c0,39.76,32.24,72,72,72c39.76,0,72-32.24,72-72C144,32.24,111.76,0,72,0z M110.66,100.67 c0,8.4-6.8,15.3-15.3,15.3h-46.8c-8.4,0-15.3-6.8-15.3-15.3v-25.8c0-7.6,5.5-13.9,12.7-15.1c0-0.91,0-22.1,0-24.19 c-0.16-7.07,5.92-13.72,13.47-13.7c0.5-0.03,23.69,0.03,24.62,0c0,0,0.01,0,0.01,0c7.6,0,13.7,6.2,13.7,13.7 c0.01,1.06-0.01,23.81,0,24.1c7.3,1.1,12.9,7.4,12.9,15.1V100.67z'/%3E%3C/g%3E%3C/svg%3E%0A");
  }
  /* Thaumiel Styling */
  div.scale[class*="thaumiel" i] div.objclass {
      --bar-color: var(--woedbar-thaumiel-color);
  }
  
  div.scale[class*="thaumiel" i] div.objclass::before {
      --mask-url: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.2' baseProfile='tiny' id='thaumiel' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 144 144' overflow='visible' xml:space='preserve'%3E%3Cg%3E%3Cpath d='M94.29,28.42l1.39-2.22l-2.99-1.64l-1.3,2.26c-9.89-4.58-22.45,2.92-23.07,13.85c-0.89,0.02-2.91,0.06-2.91,0.06l0.07,3.35 c0,0,2.1,0,2.91-0.06c0.31,3.02,1.56,5.89,3.39,8.25c-0.78,2.33,0.5,4.84-0.48,7.08c0,0-26.62,47.91-26.62,47.91 c-2.16,3.93,3.85,7.17,5.97,3.28l1.6-2.9c2.22-3.56,7.79-0.52,5.97,3.28l4.66,2.54l3.28-5.97l-4.66-2.54l2.16-3.85l4.66,2.54 l3.28-5.75l-4.66-2.54c-2.13,3.91-8.12,0.64-5.97-3.28l16.44-29.5c0.3-0.63,0.91-1.23,1.58-1.46c1.55-0.7,2.87-1.62,4.06-2.72 c1.03,0.16,2.15,0.13,3.18,0.07c1.83-0.13,3.74-0.66,5.47-1.5c0.42,0.75,1.48,2.47,1.48,2.47l2.92-1.71c0,0-1.06-1.72-1.48-2.47 C103.64,49.1,103.5,34.31,94.29,28.42z M89.23,30.67l-2.03,3.58l-2.44-1.38l-0.13,8.9l-8.09-3.95l-0.02,1.21 c-0.03,0.54,0.02,1.12-0.02,1.43c-1.03,0.07-2.82,0.1-3.8,0.08C73.73,32.79,81.92,27.72,89.23,30.67z M74.2,48.11 c-0.52-1.16-1.19-2.58-1.38-3.86c-0.05-0.13-0.05-0.13-0.09-0.27c0.86-0.04,2.98-0.08,3.8-0.08l0.05,2.68l8.06-4.15l0.63,8.93 l2.26-1.25c0.23,0.44,1.62,2.87,1.9,3.23C83.94,55.54,77.09,53.32,74.2,48.11z M92.52,51.49c-0.56-0.93-1.48-2.47-1.99-3.27 c0.13-0.05,0.18-0.14,0.31-0.19c0.98-0.61,1.16-0.69,1.9-1.2l-7.7-4.76l7.51-4.85l-2.44-1.38l2.03-3.58 c3.17,2.11,4.86,5.86,4.94,9.65C97.09,45.65,95.36,49.14,92.52,51.49z'/%3E%3Cpath d='M72,0C32.24,0,0,32.24,0,72c0,39.76,32.24,72,72,72c39.76,0,72-32.24,72-72C144,32.24,111.76,0,72,0z M108.06,54.44 c-3.52,7.41-10.21,12.42-17.65,14.09c-1.38,0.34-2.52,1.35-2.94,2.7l-17.95,53.91c-0.76,2.3-3.38,3.38-5.54,2.35l-31.44-14.92 c-2.17-1.03-2.98-3.74-1.68-5.78L61.27,58.8c0.82-1.27,0.84-2.7,0.23-3.99c-3.54-6.99-3.81-15.53,0.02-23.13 C77.74,2.03,121.66,23.47,108.06,54.44z'/%3E%3C/g%3E%3C/svg%3E%0A");
  }
  /* Neutralized Styling */
  div.scale[class*="neutral" i] div.objclass {
      --bar-color: var(--woedbar-neutral-color);
  }
  
  div.scale[class*="neutral" i] div.objclass::before {
      --mask-url: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.2' baseProfile='tiny' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 144 144' overflow='visible' xml:space='preserve'%3E%3Cg%3E%3Cpath d='M119.69,18.08c-3.04,4.05-12.49,8.84-6.75,13.02c3.12-1.1-0.72,8.91,2.1,11.6c3.02,1.92,4.18,10.44,8.4,7 c-0.55,3.16,1.63,3.34-2.1,4.3c0.17,3.82,1.88,13.25,7.7,13.8c-9.63,5.41-14.33,5.63-0.6,8.3c-5.06-0.93-7.14,1.32-7.1,6.3 c6.5,17.24-21.57,4.44-9.5-6.6c-9.52,1.37-14.2,2.24-24.4-0.91c-4.07,2.31-19.63-9.36-10.5,3.8c-12.42-13.47,12.7,22.93,15.4,27.1 c1.28,2.58,8.3-7.46,5.6-8.8c1.86,1.18,12.41,6.56,9,7.3c3.93,6.1,2.86,6.21-4.5,10.7c-7.3,4.42-10.89,7.85-19.8,8.4 c-1.02-0.97-4.29-0.45-2.88,2.6c0.12,0.23,0.24,0.46,0.38,0.7c-0.15-0.25-0.28-0.48-0.38-0.7c-2.42-4.62-1.76-7.42-8.52-4.8 c-10.25-3.49-5.22,4.13-8.5,12.5c-4.22-6.05,2.88-13.15-9.4-13.9c-1.03-2.83-1.12,3.96-2.7,3.5c-3.28-1.68-3.5,1.51-4.7,3.1 c2.64-8.37-10.94-6.21-4.9-16.4c-5.75,3.27-9.74-3.05-4.3-6.2c10.03-12.94,6.98-3.29,10.5,6.2c4.27-4.88,7.8-11.88,10.8-14.9 c26.86-33.76-0.3-15.83-26.6-20.3c8.36,10.52,3.58,9.37-6,15.1c0.8-4.13-3.08-0.03-4-2c-0.47-2.61-3.68,1.24-4.9,0.6 c6.11-1.54,4.64-10.74-1.01-10.46c-0.19,0.02-0.38,0.04-0.59,0.06c0.2-0.03,0.4-0.05,0.59-0.06c8.73-0.96,3.24-5.68,2.91-11.54 c0.91,0.45,2.26,0.78,1.9-0.8c0.26-4.92,10.31,2.47,11.3-2.6c4.12-9.31-6.24-4.87-9-11.2c0.93-3.93-2.83-3.16,3.9-2.9 c2.05-0.96,9.91-2.54,6.2-5.2c21.53,13.72,8.68-3.75-1.8-12.4c-2.43-7.25,4.97,2.06,7,0.6c3.16-9.04,9.14,2.74,15.7,2.1 c-6.58-15.59,3.76-3.17,2.2-19.6c15.09-4.43,8.38,4.21,10.6,19.5c3.01,11.15,0.08-17.71,8.2-15.8c-0.37,3.91,3.28,1.81,4.6,0 c7.51,8.65,15.51-9.38,9.8,3.5c5.25,3.12,6.87,5.85,14-3c-0.7,2.8-7.57,7.28-4.8,9.5c7.64,5.6,9.27-2.05,21.21-10.32 C106.78,6.76,90.19,0,72,0C32.24,0,0,32.24,0,72c0,39.76,32.24,72,72,72c39.76,0,72-32.24,72-72 C144,50.53,134.6,31.27,119.69,18.08z'/%3E%3Cpath d='M51.65,37.4c2.5,6.93,10.35,16.99,11.8,19.1c1.61,7.26,8.56,24.87,11.2,8.3c3.42-0.15,16.36-22.33,14.51-26.1 c-14.9,4.67-8.99-5.42-11.01-18.1c-10.64-1.03-5.94,13.64-10.1,22.5c-2.38,4.74-3.93,12.64-4.4,7.8 C69.14,38.24,63.98,37.07,51.65,37.4z'/%3E%3C/g%3E%3C/svg%3E%0A");
  }
  
  div.obj > div {
      display: block;
      width: auto;
      font-size: 1.5em;
      position: relative;
      left: 0.45em;
  }

  Pages using this styling

  • component:classified-bar-woed-source [info]

  ¶ 1 occurrence
  

  @import url("https://cdn.jsdelivr.net/gh/Nu-SCPTheme/Black-Highlighter@gh-pages/css/min/normalize.min.css");
  @import url("https://cdn.jsdelivr.net/gh/Nu-SCPTheme/Black-Highlighter@gh-pages/css/min/black-highlighter.min.css");
  
  @import url("https://use.typekit.net/inx2jjr.css");
  
  .collapsible-block a {
      text-align: center;
      width: 100%;
      display: inline-block;
  }
  
  div.scale {
      /* Classification Colors */
      --woedbar-keter-color: 180, 30, 35;
      --woedbar-euclid-color: 225, 205, 35;
      --woedbar-safe-color: 35, 145, 70;
      --woedbar-thaum-color: 40, 60, 150;
      --woedbar-neutl-color: 127, 127, 127;
      /* Bar Colors */
      --woedbar-lvl1-color: rgba(var(--swatch-menubg-black-color,12, 12, 12),0.1);
      --woedbar-lvl2-color: rgba(var(--swatch-menubg-black-color,12, 12, 12),0.3);
      --woedbar-lvl3-color: rgba(var(--swatch-menubg-black-color,12, 12, 12),0.55);
      --woedbar-lvl4-color: rgba(var(--swatch-menubg-black-color,12, 12, 12),0.75);
      --woedbar-lvl5-color: rgba(var(--swatch-menubg-black-color,12, 12, 12),1);
      --woedbar-lvl6-color: rgba(var(--swatch-primary-bright,140, 25, 26),1);
  }
  
  div.scale {
      width: -moz-fit-content;
      width: -webkit-fit-content;
      width: fit-content;
      max-width: 98vw;
      margin: 0 auto;
      padding: 0;
      border: none;
      display: -ms-grid;
      display: grid;
          grid-template-areas:
      	"class classimage item";
      -ms-grid-columns: 1.25fr auto 1.75fr;
      grid-template-columns: 1.25fr auto 1.75fr;
      -ms-grid-rows: minmax(3em,5em);
      grid-template-rows: minmax(3em,5em);
      -webkit-box-align: stretch;
      -webkit-align-items: stretch;
         -moz-box-align: stretch;
          -ms-flex-align: stretch;
              align-items: stretch;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
         -moz-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      font-size: clamp(0.4845rem, 0.1609rem + 1.6179vw, 0.9375rem);
  }
  
  div.class1 {
      -ms-grid-row: 1;
      -ms-grid-column: 1;
      grid-area: class;
      white-space: nowrap;
      padding-right: 1em;
      display: -ms-grid;
      display: grid;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
         -moz-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
          grid-template-areas: 
      	"."
      	"leveltxt" 
      	"classtxt"
      	"." ;
      -ms-grid-rows: 
      	auto
      	min-content
      	min-content
      	auto;
      grid-template-rows: 
      	auto
      	-webkit-min-content
      	-webkit-min-content
      	auto;
      grid-template-rows: 
      	auto
      	min-content
      	min-content
      	auto;
  }
  
  div.class1>div {
      color: rgb(var(--swatch-menubg-dark-color, 12, 12, 12));
      font-family: rift, sans-serif, Arial, "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", 'Noto Serif KR', serif;
      font-size: 2.90em;
      line-height: 0.9em;
  }
  
  div.class1 .base:nth-of-type(1) {
      display: none;
  }
  
  div.class1 .base:nth-of-type(2) {
      display: inline;
  }
  
  div.class1 .CN:nth-of-type(1) {
      display: inline;
  }
  
  div.class1 .CN:nth-of-type(2) {
      display: none;
  }
  
  div.class1 .false:nth-of-type(1) {
      display: none !important;
  }
  
  div.class1 .false:nth-of-type(2) {
      display: inline !important;
  }
  
  div.level-text {
      -ms-grid-row: 2;
      -ms-grid-column: 1;
      grid-area: leveltxt;
  }
  
  div.class-text {
      -ms-grid-row: 3;
      -ms-grid-column: 1;
      grid-area: classtxt;
  }
  
  div.class1image {
      -ms-grid-row: 1;
      -ms-grid-column: 2;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      grid-area: classimage;
      -webkit-box-align: center;
      -webkit-align-items: center;
         -moz-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      overflow: hidden;
      margin: 0 0.6em 0 0;
      padding-right: 0.6em;
  }
  
  /* middle images */
  div.classified-bar {
      position: relative;
      -webkit-mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.2' baseProfile='tiny' id='classified-bar' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 10 50' overflow='visible' xml:space='preserve'%3E%3Cpolygon points='5,50 0,50 5,25 0,0 5,0 10,25 '/%3E%3C/svg%3E%0A");
              mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.2' baseProfile='tiny' id='classified-bar' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 10 50' overflow='visible' xml:space='preserve'%3E%3Cpolygon points='5,50 0,50 5,25 0,0 5,0 10,25 '/%3E%3C/svg%3E%0A");	
      -webkit-mask-repeat: no-repeat;	
              mask-repeat: no-repeat;
      -webkit-mask-position: center center;
              mask-position: center center;
      display: none;
      width: 0;
      min-width: 1em;
      height: -webkit-calc(100% - 0.5em);
      height: -moz-calc(100% - 0.5em);
      height: calc(100% - 0.5em);
  }
  
  div.image-space {
      margin-left: -0.35em;
      display: none;
  }
  
  /* display depending on level 0 */
  div.class1image[data-level="lv0"] {
      min-width: 0;
      background-image: 
      	-webkit-linear-gradient(315deg, 
      		transparent 25%, 
      		var(--woedbar-lvl2-color) 25%, 
      		var(--woedbar-lvl2-color) 50%, 
      		transparent 50%, 
      		transparent 75%, 
      		var(--woedbar-lvl2-color) 75%, 
      		var(--woedbar-lvl2-color) 100%);
      background-image: 
      	-moz-linear-gradient(315deg, 
      		transparent 25%, 
      		var(--woedbar-lvl2-color) 25%, 
      		var(--woedbar-lvl2-color) 50%, 
      		transparent 50%, 
      		transparent 75%, 
      		var(--woedbar-lvl2-color) 75%, 
      		var(--woedbar-lvl2-color) 100%);
      background-image: 
      	-o-linear-gradient(315deg, 
      		transparent 25%, 
      		var(--woedbar-lvl2-color) 25%, 
      		var(--woedbar-lvl2-color) 50%, 
      		transparent 50%, 
      		transparent 75%, 
      		var(--woedbar-lvl2-color) 75%, 
      		var(--woedbar-lvl2-color) 100%);
      background-image: 
      	linear-gradient(135deg, 
      		transparent 25%, 
      		var(--woedbar-lvl2-color) 25%, 
      		var(--woedbar-lvl2-color) 50%, 
      		transparent 50%, 
      		transparent 75%, 
      		var(--woedbar-lvl2-color) 75%, 
      		var(--woedbar-lvl2-color) 100%);
      -webkit-background-size: 5px 5px;
         -moz-background-size: 5px 5px;
           -o-background-size: 5px 5px;
              background-size: 5px 5px;
      padding-right: 0.25em;
  }
  
  /* display depending on level */
  div.class1image[data-level="lv1"] div:nth-child(-n+2) {
      display: inline-block;
      margin-left: initial;
  }
  
  div.class1image[data-level="lv2"] div:nth-child(-n+4) {
      display: inline-block;
  }
  
  div.class1image[data-level="lv3"] div:nth-child(-n+6) {
      display: inline-block;
  }
  
  div.class1image[data-level="lv4"] div:nth-child(-n+8) {
      display: inline-block;
  }
  
  div.class1image[data-level="lv5"] div:nth-child(-n+10) {
      display: inline-block;
  }
  
  div.class1image[data-level="lv6"] div:nth-child(-n+12) {
      display: inline-block;
  }
  
  /* color depending on level */
  div.class1image div.classified-bar:nth-of-type(1) {
      background-color: var(--woedbar-lvl1-color);
  }
  
  div.class1image div.classified-bar:nth-of-type(3) {
      background-color: var(--woedbar-lvl2-color);
  }
  
  div.class1image div.classified-bar:nth-of-type(5) {
      background-color: var(--woedbar-lvl3-color);
  }
  
  div.class1image div.classified-bar:nth-of-type(7) {
      background-color: var(--woedbar-lvl4-color);
  }
  
  div.class1image div.classified-bar:nth-of-type(9) {
      background-color: var(--woedbar-lvl5-color);
  }
  
  div.class1image div.classified-bar:nth-of-type(11) {
      background-color: var(--woedbar-lvl6-color);
  }
  
  div.classified-bar img.sizing-image {
      width: 100%;
      height: 100%;
      visibility: hidden;
  }
  
  div.item1 {
      -ms-grid-row: 1;
      -ms-grid-column: 3;
      grid-area: item;
      white-space: nowrap;
      text-align: right;
      display: -ms-grid;
      display: grid;
          grid-template-areas:
      	"." 
      	"itemnum" 
      	"objclass" 
      	".";
      -ms-grid-rows: 
      	auto 
      	min-content 
      	min-content 
      	auto;
      grid-template-rows: 
      	auto 
      	-webkit-min-content 
      	-webkit-min-content 
      	auto;
      grid-template-rows: 
      	auto 
      	min-content 
      	min-content 
      	auto;
  }
  
  div.item1 > div {
      color: rgb(var(--swatch-menubg-dark-color, 12, 12, 12));
      font-family: rift, sans-serif, Arial, "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", 'Noto Serif KR', serif;
      font-size: 2em;
      font-weight: normal;
      text-align: center;
      line-height: 1;
  }
  
  .PL div>span {
      font-size: 0.75em;
  }
  
  .ES div>span {
      font-size: 0.85em;
  }
  
  div.item1 .PL-top {
      font-size: 1rem;
  }
  
  div.item1 .PL-btm {
      font-size: 2rem;
  }
  
  div.itemnum {
      -ms-grid-row: 2;
      -ms-grid-column: 1;
      grid-area: itemnum;
  }
  
  div.itemnum.TH {
      line-height: 1.5;
      margin-top: -0.5em;
  }
  
  div.objclass {
      -ms-grid-row: 3;
      -ms-grid-column: 1;
      --bar-color: var(--swatch-menubg-black-color, 12, 12, 12);
      grid-area: objclass;
      position: relative;
      -webkit-box-flex: 2 !important;
      -webkit-flex-grow: 2 !important;
         -moz-box-flex: 2 !important;
          -ms-flex-positive: 2 !important;
              flex-grow: 2 !important;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
         -moz-box-align: center;
          -ms-flex-align: center;
              align-items: center;
  }
  /* Bar Styling */
  div.objclass::before {
      --mask-url: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.2' baseProfile='tiny' id='scp-general' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 144 144' overflow='visible' xml:space='preserve'%3E%3Cg%3E%3Cpath d='M66.9998779,47.4119873V32.095459C47.1456299,34.559021,31.7750854,51.4788208,31.7750854,72 c0,5.5440063,1.1221924,10.8257446,3.1508179,15.6313477l13.2803345-7.6671753l-3.7330322-6.4658203L72,72L59.5341797,47.4119873 H66.9998779z'/%3E%3Cpath d='M53.2062378,88.6243896l-13.2688599,7.6604614C47.2828369,105.9677124,58.9088745,112.2249756,72,112.2249756 s24.7172241-6.2572021,32.0626831-15.9400635l-13.2688599-7.6606445l-3.7328491,6.4655151L72,72L56.9390259,95.0897827 L53.2062378,88.6243896z'/%3E%3Cpath d='M76.9998779,32.095459v15.3165283h7.4659424L72,72l27.5267944,1.4983521l-3.7330322,6.4657593l13.2803955,7.6672363 c2.0286255-4.805603,3.1508179-10.0873413,3.1508179-15.6313477C112.2249756,51.4787598,96.854248,34.55896,76.9998779,32.095459z' /%3E%3Cpath d='M72,0C32.2355347,0,0,32.2355347,0,72c0,39.7645264,32.2355347,72,72,72c39.7645264,0,72-32.2354736,72-72 C144,32.2355347,111.7645264,0,72,0z M121.6561279,106.4422607l-7.1643677-4.1362305 C105.0106812,115.5609741,89.5029907,124.2249756,72,124.2249756s-33.0106812-8.6640625-42.4917603-21.9190674 l-7.1646118,4.1363525l-5-8.6601562l7.1509399-4.128479C21.4731445,87.0516357,19.7750854,79.7225342,19.7750854,72 c0-27.1099243,20.7654419-49.4542847,47.2247925-51.9801636v-8.2445679h10v8.2445679 C103.4594116,22.5455933,124.2249756,44.8900146,124.2249756,72c0,7.7225342-1.6981201,15.0516968-4.7195435,21.6537476 l7.1506958,4.1283569L121.6561279,106.4422607z'/%3E%3C/g%3E%3C/svg%3E%0A");
      content: "";
      background-color: rgb(var(--bar-color));
      -webkit-mask-image: var(--mask-url);
              mask-image: var(--mask-url);
      -webkit-mask-repeat: no-repeat;
              mask-repeat: no-repeat;
      -webkit-mask-size: contain;
              mask-size: contain;
      width: 1.5em;
      height: 1.5em;
      position: absolute;
      left: 0;
  }
  
  div.obj {
      color: rgb(var(--swatch-menutxt-light-color, 256, 256, 256));
      width: 100%;
      height: 1.5em;
      right: 0;
      -webkit-border-radius: 0.75em;
         -moz-border-radius: 0.75em;
              border-radius: 0.75em;
      line-height: 1;
      background-color: rgb(var(--swatch-menubg-black-color, 12, 12, 12));
      -webkit-background-size: cover;
         -moz-background-size: cover;
           -o-background-size: cover;
              background-size: cover;
      background-position: -0.03em;
      -webkit-mask: -webkit-radial-gradient(0.75em center, circle, transparent 0.85em, #000 -webkit-calc(0.85em + 1px) 100%) 50% 50%/100% 100% no-repeat;
              mask: radial-gradient(circle at 0.75em center, transparent 0.85em, #000 -moz-calc(0.85em + 1px) 100%) 50% 50%/100% 100% no-repeat;
              mask: radial-gradient(circle at 0.75em center, transparent 0.85em, #000 calc(0.85em + 1px) 100%) 50% 50%/100% 100% no-repeat;
      position: relative;
  }
  /* Keter Styling */
  div.scale[class*="keter" i] div.objclass {
      --bar-color: var(--woedbar-keter-color);
  }
  
  div.scale[class*="keter" i] div.objclass::before {
      --mask-url: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.2' baseProfile='tiny' id='meter' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 144 144' overflow='visible' xml:space='preserve'%3E%3Cpath d='M72,0C32.24,0,0,32.24,0,72c0,39.76,32.24,72,72,72c39.76,0,72-32.24,72-72C144,32.24,111.76,0,72,0z M107.15,65.25 l-1.7,0.4l-0.6-2.7C105.75,63.65,106.55,64.45,107.15,65.25z M96.45,29.95l-8.2,1.8l-2.1-9.5C90.75,22.95,94.55,25.85,96.45,29.95z M97.75,36.55v7.1l-13.7,3.1v-6.2c0-0.2,0-0.5-0.1-0.9L97.75,36.55z M83.95,53.75l11.2-2.5l5.1,22.6l10-2.2 c0.6,1.83,0.5,4.95,0.5,6.9l-15.6,3.5l-5.1-22.6l-22.6,5.1l-1.1-5h17.6V53.75z M79.05,22.05l3.5,14.9c-1.65-1.66-5.29-1.13-7.4-1.2 l-2.3-10.1l-22.6,5.1l-0.9-4C54.33,19.34,71.65,22.77,79.05,22.05z M45.95,38.65l21.7-4.8l0.4,1.9c-5.15-0.53-9.13,0.89-8.4,6.9 l-13.7,3.1V38.65z M60.45,115.95l-1.6-7.1l-19.1,4.3c-8.81-5.09-6.06-21.06-6.5-29.4l3.2-0.7l5,22.6l22.6-5.1l3.6,15.4H60.45z M98.35,115.65l-1.3-5.9l-22.6,5.1l-5.1-22.6l-22.6,5.1l-5.1-22.6l-8.4,1.9c-0.09-2.41,0.15-5,1-7.2l12.6-2.8l5.1,22.6l22.4-5.1 l5.1,22.6l22.6-5.1l2.7,11.2C102.85,114.25,100.75,115.25,98.35,115.65z M110.05,105.45l-2.7-11.9l-22.6,5.1l-5.1-22.6l-22.6,5 l-5-22.6l-6.1,1.39c0,0,0,0.01,0,0.01c-0.6,0.1-1.2,0.3-1.8,0.4l1.8-0.41c0-1.7,0-5.36,0-7.09l11.2-2.6l5.1,22.6l22.6-5.1l5.1,22.6 l20.7-4.6h0.1C110.54,89.14,111.34,102.31,110.05,105.45z'/%3E%3C/svg%3E%0A");
  }
  /* Euclid Styling */
  div.scale[class*="euclid" i] div.objclass {
      --bar-color: var(--woedbar-euclid-color);
  }
  
  div.scale[class*="euclid" i] div.objclass::before {
      --mask-url: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.2' baseProfile='tiny' id='Euclid' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 144 144' overflow='visible' xml:space='preserve'%3E%3Cpath d='M72,0C32.24,0,0,32.24,0,72c0,39.76,32.24,72,72,72c39.76,0,72-32.24,72-72C144,32.24,111.76,0,72,0z M97.8,36.17 l-13.7,13.7v-9.5c0,0,0-0.1,0-0.2l11.7-11.7C97.21,30.72,97.89,33.4,97.8,36.17z M84.2,21.87c2.5,0,4.8,0.6,6.8,1.8l-11.9,11.9h-9.7 l13.8-13.7H84.2z M46,39.67l17.8-17.8h9.7L46,49.37V39.67z M33.7,71.37c0.64-0.26,11.37-12.33,12.3-11.7c0-0.13,0-0.56,0-0.7 l13.7-13.7v9.7l-26.4,26.4C33.4,78.99,33,73.64,33.7,71.37z M33.3,91.07l31.6-31.6h9.7l-41.3,41.3C33.3,100.5,33.3,91.35,33.3,91.07 z M35.4,108.27l62.4-62.4v9.7l-57.7,57.7C38.2,111.97,36.6,110.27,35.4,108.27z M47.2,115.77l54.8-54.8c2.1,1,3.8,2.4,5.3,4.1 l-50.8,50.8C55.51,115.87,48,115.92,47.2,115.77z M110.7,100.27l-15.5,15.6h-9.7l25.2-25.3V100.27z M110.7,80.97l-34.8,34.9h-9.7 l44.2-44.2C110.9,73.7,110.64,78.81,110.7,80.97z'/%3E%3C/svg%3E%0A");
  }
  /* Safe Styling */
  div.scale[class*="safe" i] div.objclass {
      --bar-color: var(--woedbar-safe-color);
  }
  
  div.scale[class*="safe" i] div.objclass::before {
      --mask-url: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.2' baseProfile='tiny' id='safe' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 144 144' overflow='visible' xml:space='preserve'%3E%3Cg%3E%3Cpath d='M59.36,87.57c0,6.9,5.6,12.4,12.4,12.4c6.8,0,12.4-5.5,12.4-12.4C83.63,71.13,59.89,71.13,59.36,87.57z'/%3E%3Cpath d='M84.06,40.37c0-2.6-2.1-4.8-4.8-4.8h-14.8c-2.6,0-4.8,2.1-4.8,4.8v19h24.4V40.37z'/%3E%3Cpath d='M49.96,87.57c0,12,9.8,21.8,21.8,21.8s21.7-9.8,21.8-21.8C92.31,58.65,51.21,58.65,49.96,87.57z M53.96,87.57 c0-9.8,8-17.8,17.8-17.8c9.8,0,17.8,8,17.8,17.8C88.54,111.18,54.98,111.19,53.96,87.57z'/%3E%3Cpath d='M72,0C32.24,0,0,32.24,0,72c0,39.76,32.24,72,72,72c39.76,0,72-32.24,72-72C144,32.24,111.76,0,72,0z M110.66,100.67 c0,8.4-6.8,15.3-15.3,15.3h-46.8c-8.4,0-15.3-6.8-15.3-15.3v-25.8c0-7.6,5.5-13.9,12.7-15.1c0-0.91,0-22.1,0-24.19 c-0.16-7.07,5.92-13.72,13.47-13.7c0.5-0.03,23.69,0.03,24.62,0c0,0,0.01,0,0.01,0c7.6,0,13.7,6.2,13.7,13.7 c0.01,1.06-0.01,23.81,0,24.1c7.3,1.1,12.9,7.4,12.9,15.1V100.67z'/%3E%3C/g%3E%3C/svg%3E%0A");
  }
  /* Thaumiel Styling */
  div.scale[class*="thaumiel" i] div.objclass {
      --bar-color: var(--woedbar-thaum-color);
  }
  
  div.scale[class*="thaumiel" i] div.objclass::before {
      --mask-url: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.2' baseProfile='tiny' id='thaumiel' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 144 144' overflow='visible' xml:space='preserve'%3E%3Cg%3E%3Cpath d='M94.29,28.42l1.39-2.22l-2.99-1.64l-1.3,2.26c-9.89-4.58-22.45,2.92-23.07,13.85c-0.89,0.02-2.91,0.06-2.91,0.06l0.07,3.35 c0,0,2.1,0,2.91-0.06c0.31,3.02,1.56,5.89,3.39,8.25c-0.78,2.33,0.5,4.84-0.48,7.08c0,0-26.62,47.91-26.62,47.91 c-2.16,3.93,3.85,7.17,5.97,3.28l1.6-2.9c2.22-3.56,7.79-0.52,5.97,3.28l4.66,2.54l3.28-5.97l-4.66-2.54l2.16-3.85l4.66,2.54 l3.28-5.75l-4.66-2.54c-2.13,3.91-8.12,0.64-5.97-3.28l16.44-29.5c0.3-0.63,0.91-1.23,1.58-1.46c1.55-0.7,2.87-1.62,4.06-2.72 c1.03,0.16,2.15,0.13,3.18,0.07c1.83-0.13,3.74-0.66,5.47-1.5c0.42,0.75,1.48,2.47,1.48,2.47l2.92-1.71c0,0-1.06-1.72-1.48-2.47 C103.64,49.1,103.5,34.31,94.29,28.42z M89.23,30.67l-2.03,3.58l-2.44-1.38l-0.13,8.9l-8.09-3.95l-0.02,1.21 c-0.03,0.54,0.02,1.12-0.02,1.43c-1.03,0.07-2.82,0.1-3.8,0.08C73.73,32.79,81.92,27.72,89.23,30.67z M74.2,48.11 c-0.52-1.16-1.19-2.58-1.38-3.86c-0.05-0.13-0.05-0.13-0.09-0.27c0.86-0.04,2.98-0.08,3.8-0.08l0.05,2.68l8.06-4.15l0.63,8.93 l2.26-1.25c0.23,0.44,1.62,2.87,1.9,3.23C83.94,55.54,77.09,53.32,74.2,48.11z M92.52,51.49c-0.56-0.93-1.48-2.47-1.99-3.27 c0.13-0.05,0.18-0.14,0.31-0.19c0.98-0.61,1.16-0.69,1.9-1.2l-7.7-4.76l7.51-4.85l-2.44-1.38l2.03-3.58 c3.17,2.11,4.86,5.86,4.94,9.65C97.09,45.65,95.36,49.14,92.52,51.49z'/%3E%3Cpath d='M72,0C32.24,0,0,32.24,0,72c0,39.76,32.24,72,72,72c39.76,0,72-32.24,72-72C144,32.24,111.76,0,72,0z M108.06,54.44 c-3.52,7.41-10.21,12.42-17.65,14.09c-1.38,0.34-2.52,1.35-2.94,2.7l-17.95,53.91c-0.76,2.3-3.38,3.38-5.54,2.35l-31.44-14.92 c-2.17-1.03-2.98-3.74-1.68-5.78L61.27,58.8c0.82-1.27,0.84-2.7,0.23-3.99c-3.54-6.99-3.81-15.53,0.02-23.13 C77.74,2.03,121.66,23.47,108.06,54.44z'/%3E%3C/g%3E%3C/svg%3E%0A");
  }
  /* Neutralized Styling */
  div.scale[class*="neutral" i] div.objclass {
      --bar-color: var(--woedbar-neutl-color);
  }
  
  div.scale[class*="neutral" i] div.objclass::before {
      --mask-url: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.2' baseProfile='tiny' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 144 144' overflow='visible' xml:space='preserve'%3E%3Cg%3E%3Cpath d='M119.69,18.08c-3.04,4.05-12.49,8.84-6.75,13.02c3.12-1.1-0.72,8.91,2.1,11.6c3.02,1.92,4.18,10.44,8.4,7 c-0.55,3.16,1.63,3.34-2.1,4.3c0.17,3.82,1.88,13.25,7.7,13.8c-9.63,5.41-14.33,5.63-0.6,8.3c-5.06-0.93-7.14,1.32-7.1,6.3 c6.5,17.24-21.57,4.44-9.5-6.6c-9.52,1.37-14.2,2.24-24.4-0.91c-4.07,2.31-19.63-9.36-10.5,3.8c-12.42-13.47,12.7,22.93,15.4,27.1 c1.28,2.58,8.3-7.46,5.6-8.8c1.86,1.18,12.41,6.56,9,7.3c3.93,6.1,2.86,6.21-4.5,10.7c-7.3,4.42-10.89,7.85-19.8,8.4 c-1.02-0.97-4.29-0.45-2.88,2.6c0.12,0.23,0.24,0.46,0.38,0.7c-0.15-0.25-0.28-0.48-0.38-0.7c-2.42-4.62-1.76-7.42-8.52-4.8 c-10.25-3.49-5.22,4.13-8.5,12.5c-4.22-6.05,2.88-13.15-9.4-13.9c-1.03-2.83-1.12,3.96-2.7,3.5c-3.28-1.68-3.5,1.51-4.7,3.1 c2.64-8.37-10.94-6.21-4.9-16.4c-5.75,3.27-9.74-3.05-4.3-6.2c10.03-12.94,6.98-3.29,10.5,6.2c4.27-4.88,7.8-11.88,10.8-14.9 c26.86-33.76-0.3-15.83-26.6-20.3c8.36,10.52,3.58,9.37-6,15.1c0.8-4.13-3.08-0.03-4-2c-0.47-2.61-3.68,1.24-4.9,0.6 c6.11-1.54,4.64-10.74-1.01-10.46c-0.19,0.02-0.38,0.04-0.59,0.06c0.2-0.03,0.4-0.05,0.59-0.06c8.73-0.96,3.24-5.68,2.91-11.54 c0.91,0.45,2.26,0.78,1.9-0.8c0.26-4.92,10.31,2.47,11.3-2.6c4.12-9.31-6.24-4.87-9-11.2c0.93-3.93-2.83-3.16,3.9-2.9 c2.05-0.96,9.91-2.54,6.2-5.2c21.53,13.72,8.68-3.75-1.8-12.4c-2.43-7.25,4.97,2.06,7,0.6c3.16-9.04,9.14,2.74,15.7,2.1 c-6.58-15.59,3.76-3.17,2.2-19.6c15.09-4.43,8.38,4.21,10.6,19.5c3.01,11.15,0.08-17.71,8.2-15.8c-0.37,3.91,3.28,1.81,4.6,0 c7.51,8.65,15.51-9.38,9.8,3.5c5.25,3.12,6.87,5.85,14-3c-0.7,2.8-7.57,7.28-4.8,9.5c7.64,5.6,9.27-2.05,21.21-10.32 C106.78,6.76,90.19,0,72,0C32.24,0,0,32.24,0,72c0,39.76,32.24,72,72,72c39.76,0,72-32.24,72-72 C144,50.53,134.6,31.27,119.69,18.08z'/%3E%3Cpath d='M51.65,37.4c2.5,6.93,10.35,16.99,11.8,19.1c1.61,7.26,8.56,24.87,11.2,8.3c3.42-0.15,16.36-22.33,14.51-26.1 c-14.9,4.67-8.99-5.42-11.01-18.1c-10.64-1.03-5.94,13.64-10.1,22.5c-2.38,4.74-3.93,12.64-4.4,7.8 C69.14,38.24,63.98,37.07,51.65,37.4z'/%3E%3C/g%3E%3C/svg%3E%0A");
  }
  
  div.obj > div {
      display: block;
      width: auto;
      font-size: 1.5em;
      position: relative;
      left: 0.45em;
  }

  Pages using this styling

  • component:classified-bar-woed [info]

  ¶ 1 occurrence
  

  .declass-component-block {
      position: relative;
  }
  
  .declass-component-block a:first-of-type,
  .declass-component-block a:first-of-type:visited,
  .declass-component-block a:first-of-type:hover,
  .declass-component-block a:first-of-type:active {
      position: absolute;
      inset: 0 0 0 0;
      width: 100%;
      height: 100%;
      -webkit-user-select: none;
         -moz-user-select: none;
              user-select: none;
      cursor: default;
      pointer-events: all;
      text-decoration: none;
      color: transparent;	
  }
  .declass-component-inline a,
  .declass-component-inline a:visited,
  .declass-component-inline a:hover,
  .declass-component-inline a:active {
      cursor: default;
  }
  
  .declass-component-block p {
      display: inline;
  }
  
  .declass-component-block p,
  .declass-component-inline a {
      --class-component-color: rgb(var(--swatch-text-general, var(--basalt-main-text-color)));
      color: var(--class-component-color, currentcolor);
      text-decoration: none;
      pointer-events: all;
      background: -webkit-gradient(linear, left top, left bottom, from(var(--class-component-color, currentcolor)), to(var(--class-color, currentcolor))) no-repeat 0% 50%;
      background: linear-gradient(var(--class-component-color, currentcolor), var(--class-color, currentcolor)) no-repeat 0% 50%;
      background-size: 100% 100%;
      -webkit-animation: class-component-transition var(--class-component-duration, 500ms)cubic-bezier(0.4, 0.0, 0.2, 1) forwards;
              animation: class-component-transition var(--class-component-duration, 500ms)cubic-bezier(0.4, 0.0, 0.2, 1) forwards;	
  }
  
  .declass-component-block:focus-within p,
  .declass-component-inline:focus-within a {
    -webkit-animation: declass-component-transition var(--declass-component-duration, 500ms) cubic-bezier(0.4, 0.0, 0.2, 1) forwards;
            animation: declass-component-transition var(--declass-component-duration, 500ms) cubic-bezier(0.4, 0.0, 0.2, 1) forwards;
  }
  
  @media (pointer: coarse) {
    .declass-component-block:hover p,
    .declass-component-inline:hover a {
      -webkit-animation: declass-component-transition var(--declass-component-duration, 500ms) cubic-bezier(0.4, 0.0, 0.2, 1) forwards;
              animation: declass-component-transition var(--declass-component-duration, 500ms) cubic-bezier(0.4, 0.0, 0.2, 1) forwards;
    }
  }
  
  /* Safari Styles since Safari has to be a uniquely stupid bitch about :focus-within */
  @supports (-webkit-hyphens:none) { 
    .declass-component-block:hover p,
    .declass-component-inline:hover a {
      -webkit-animation: declass-component-transition var(--declass-component-duration, 500ms) cubic-bezier(0.4, 0.0, 0.2, 1) forwards;
              animation: declass-component-transition var(--declass-component-duration, 500ms) cubic-bezier(0.4, 0.0, 0.2, 1) forwards;
    }
  }
  
  @-webkit-keyframes class-component-transition {
      from {
      		background-size: 0% 100%;
      }
      to {
      		background-size: 100% 100%;
      }
  }
  
  @keyframes class-component-transition {
      from {
      		background-size: 0% 100%;
      }
      to {
      		background-size: 100% 100%;
      }
  }
  
  @-webkit-keyframes declass-component-transition {
      from {
      		background-size: 100% 100%;
      }
      to {
      		background-size: 0% 100%;
      }
  }
  
  @keyframes declass-component-transition {
      from {
      		background-size: 100% 100%;
      }
      to {
      		background-size: 0% 100%;
      }
  }

  Pages using this styling

  • component:classification-effect-source [info]

  ¶ 1 occurrence
  

  #page-title, h1, h2, h3, h4, .centered {
      text-align: center;
  }
  
  h2 {
      margin-bottom: 0;
      padding-bottom: 0;
  }
  
  h3 {
      margin-top: -0.4em;
  }
  
  span.pointer {
      font-family: var(--body-font);
      display: inline-block;
      height: 0.8125rem;
      line-height: 0.750rem;
      line-height: 0.8125rem;
      font-size: 0.625rem;
      font-size: 0.6875rem;
      background: rgb(var(--swatch-primary-darkest));
      color: rgb(var(--swatch-menutxt-light-color));
      -webkit-border-bottom-right-radius: 0.25rem;
         -moz-border-radius-bottomright: 0.25rem;
              border-bottom-right-radius: 0.25rem;
      -webkit-border-top-right-radius: 0.25rem;
         -moz-border-radius-topright: 0.25rem;
              border-top-right-radius: 0.25rem;
      margin: 0 0 0 .75rem;
      padding: 0.1875rem 0.3125rem 0.1875rem 0;
      -webkit-user-select: none;      
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
  
  }
  
  span.pointer::before,
  span.pointer::after {
      float: left;
      position: relative;
  }
  
  span.pointer::before {
      content: "";
      top: -0.1875rem;
      left: -0.625rem;
      width: 0;
      height: 0;
      border-color: transparent rgb(var(--swatch-primary-darkest)) transparent transparent;
      border-style: solid;
      border-width: 0.5rem 0.5rem 0.5rem 0;
      padding: 0 0.0625rem 0.1875rem;
  }
  
  span.pointer::after {
      --box-shadow: rgb(var(--swatch-primary-darkest));
      content: "";
      top: 0;
      left: -0.5rem;
      width: 0.5rem;
      height: 1rem;
      color: rgb(var(--swatch-menutxt-light-color));
      -webkit-box-shadow: -0.0625rem -0.0625rem 0.125rem var(--box-shadow);
         -moz-box-shadow: -0.0625rem -0.0625rem 0.125rem var(--box-shadow);
              box-shadow: -0.0625rem -0.0625rem 0.125rem var(--box-shadow);
      font-size: 1rem;
      line-height: 0.6em;
      -webkit-mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.2' baseProfile='tiny' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 26.5933838 19.6584473' overflow='visible' xml:space='preserve'%3E%3Cpolygon fill='%23FFFFFF' points='26.5933838,5.1333008 7.7148438,5.1333008 7.7148438,0 0,9.6740723 7.7148438,19.6584473 7.7148438,14.0671387 26.5933838,14.0671387 '/%3E%3C/svg%3E%0A");
              mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.2' baseProfile='tiny' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 26.5933838 19.6584473' overflow='visible' xml:space='preserve'%3E%3Cpolygon fill='%23FFFFFF' points='26.5933838,5.1333008 7.7148438,5.1333008 7.7148438,0 0,9.6740723 7.7148438,19.6584473 7.7148438,14.0671387 26.5933838,14.0671387 '/%3E%3C/svg%3E%0A");
      -webkit-mask-repeat: no-repeat;
              mask-repeat: no-repeat;
      -webkit-mask-size: 1rem auto;
              mask-size: 1rem auto;
      background-color: rgb(var(--swatch-menutxt-light-color));
  }
  
  .declass-component-block {
      margin-bottom: 1em;
  }
  
  @media only screen and (max-width:500px) {
      span.pointer {
       width: -webkit-calc(100% - 1rem);
       width: -moz-calc(100% - 1rem);
       width: calc(100% - 1rem);
       height: auto;
      padding-left: 0.5rem;
      line-height: 1.5em;
      }
      span.pointer::before {
       dislay: none;
      }
      span.pointer::after {
       -webkit-mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.2' baseProfile='tiny' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 19.6584473 26.5933838' overflow='visible' xml:space='preserve'%3E%3Cpolygon fill='%23FFFFFF' points='14.5251465,26.5933838 14.5251465,7.7148438 19.6584473,7.7148438 9.984375,0 0,7.7148438 5.5913086,7.7148438 5.5913086,26.5933838 '/%3E%3C/svg%3E%0A");
               mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.2' baseProfile='tiny' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 19.6584473 26.5933838' overflow='visible' xml:space='preserve'%3E%3Cpolygon fill='%23FFFFFF' points='14.5251465,26.5933838 14.5251465,7.7148438 19.6584473,7.7148438 9.984375,0 0,7.7148438 5.5913086,7.7148438 5.5913086,26.5933838 '/%3E%3C/svg%3E%0A");
       -webkit-mask-size: contain;
               mask-size: contain;
       mask-position: center center;    
      }
  }

  Pages using this styling

  • component:classification-effect [info]

  ¶ 1 occurrence
  

  /* ---- PRESENTATION ---- */
   .templateInfo{
       margin: 1em 0;
       padding: 0 1em;
       background: hsl(0, 0%, 100%);
       border: 1px solid hsl(0, 0%, 87%);
  }

  Pages using this styling

  • component:centered-header-sigma-9 [info]

  ¶ 1 occurrence
  

  #header h2 {
      height: 2em;
      width: auto;
      left: 50%;
      transform: translateX(-50%);
      top: calc(50% + (var(--header-h2-font-size) / 2));
      background-position: center center;
  }
  
  
  @media screen and (max-width:56.25rem) {
      #header h2 {
      	top: calc(50% + (var(--header-h1-font-size) / 2));
      }
  }

  Pages using this styling

  • component:centered-header-bhl [info]

  ¶ 1 occurrence
  

  @import url("https://scp-wiki.wdfiles.com/local--code/component%3Acentered-header-bhl/1")

  Pages using this styling

  • component:centered-header-bhl [info]

  ¶ 1 occurrence
  

  @import url("https://nu-scptheme.github.io/Black-Highlighter/css/min/normalize.min.css");
  @import url("https://nu-scptheme.github.io/Black-Highlighter/css/min/black-highlighter.min.css");
  h1, h2 {
      text-align: center;
  }

  Pages using this styling

  • component:centered-header-bhl [info]

  ¶ 1 occurrence
  

  .cdver2 {
      background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.0%22%20width%3D%22600%22%20height%3D%22100%22%20viewBox%3D%220%200%20600%20100%22%20preserveAspectRatio%3D%22xMidYMid%20meet%22%3E%20%3Ctext%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%2250%25%22%20y%3D%2230%22%20text-anchor%3D%22middle%22%20font-size%3D%2221%22%20font-family%3D%22'Trebuchet%20MS'%2C%20Trebuchet%2C%20Verdana%2C%20Arial%2C%20Helvetica%22%20fill%3D%22%23901%22%20font-weight%3D%22bold%22%3EOh%20no!%3C%2Ftext%3E%3Ctext%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%2250%25%22%20y%3D%2245%22%20text-anchor%3D%22middle%22%20font-size%3D%2211%22%20font-family%3D%22'Trebuchet%20MS'%2C%20Trebuchet%2C%20Verdana%2C%20Arial%2C%20Helvetica%22%20fill%3D%22%23444%22%20font-weight%3D%22normal%22%3EPlease%20use%20an%20encoder%3B%20maybe%20the%20module%20is%20inserted%20characters%20without%20alphabets%2C%20numbers%20or%20a%20few%20symbols.%3C%2Ftext%3E%3Ctext%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%2250%25%22%20y%3D%2260%22%20text-anchor%3D%22middle%22%20font-size%3D%2211%22%20font-family%3D%22'Trebuchet%20MS'%2C%20Trebuchet%2C%20Verdana%2C%20Arial%2C%20Helvetica%22%20fill%3D%22%23444%22%20font-weight%3D%22normal%22%3EThe%20encoder%20will%20be%20found%20in%20SCP%20Style%20Resource.%3C%2Ftext%3E%3Ctext%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%2250%25%22%20y%3D%2275%22%20text-anchor%3D%22middle%22%20font-size%3D%2211%22%20font-family%3D%22'Trebuchet%20MS'%2C%20Trebuchet%2C%20Verdana%2C%20Arial%2C%20Helvetica%22%20fill%3D%22%23444%22%20font-weight%3D%22normal%22%3E%3Ctspan%20font-weight%3D%22bold%22%3ETips%3A%3C%2Ftspan%3E%20You%20can't%20use%20the%20following%20symbols%20without%20encoding%3A%3C%2Ftext%3E%3Ctext%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%2250%25%22%20y%3D%2290%22%20text-anchor%3D%22middle%22%20font-size%3D%2211%22%20font-family%3D%22'Trebuchet%20MS'%2C%20Trebuchet%2C%20Verdana%2C%20Arial%2C%20Helvetica%22%20fill%3D%22%23444%22%20font-weight%3D%22normal%22%3E%25%20%22%20%7B%20%7D%20%7C%20%5C%20%2F%20%5E%20%5B%20%5D%20%60%20%26lt%3B%20%26gt%3B%20%40%20%23%20%2C%20%3D%20%3F%20*%20%2B%20%2C%20%3B%3C%2Ftext%3E%20%3C%2Fsvg%3E");
  }

  Pages using this styling

  • component:cd-ver2 [info]

  ¶ 1 occurrence
  

  @import url(https://scp-wiki.wikidot.com/local--code/component%3Acarousel/3);

  Pages using this styling

  • component:carousel [info]

  ¶ 1 occurrence
  

  td { vertical-align: top; }
  table.wiki-content-table td { border: none; padding: 0.7em 1em; }

  Pages using this styling

  • component:carousel [info]

  ¶ 1 occurrence
  

  .blbf-main > div.blbf-{$unique-name}::before {
      content: "{$display-name}";
  }

  Pages using this styling

  • component:blacklight-box-source [info]

  ¶ 1 occurrence
  

  .blbf-main > div.blbf-{$color-family} {
      --blbf-bg-color: {$bg-color};
      --blbf-txt-color: {$txt-color};
      --blbf-bdr-color: {$border-color};
      --blbf-lbl-color: {$label-bg-color};
      --blbf-lbltxt-color: {$label-txt-color};
  }
  
  .blbf-main > div.blbf-{$color-family} {
      background-color: var(--blbf-bg-color);
      color: var(--blbf-txt-color);
      border-color: var(--blbf-bdr-color);
  }
  
  .blbf-main > div.blbf-{$color-family}::before {
      background-color: var(--blbf-lbl-color);
      color: var(--blbf-lbltxt-color);
  }

  Pages using this styling

  • component:blacklight-box-source [info]

  ¶ 1 occurrence
  

  .blbf-main {
      position: relative;
  }
  
  .blbf-main > br {
      display: none;
  }
  
  .blbf-main > div {
      display: block;
      width: -webkit-calc(100% - 3rem);
      width: -moz-calc(100% - 3rem);
      width: calc(100% - 3rem);
      padding: 0.75rem 0.75rem;
      margin: 1.5rem 0.5rem 0.5rem 0.5rem;
      border: 0.25rem rgb(var(--swatch-primary-darkest,144,25,1)) solid;
      background-color: rgba(var(--blockquote-bg-color), 244, 244, 244,0.25);
      color: rgb(var(--swatch-text-general,51,51,51));
      position: relative;
      line-height: 1.5;
      -webkit-hyphens: auto;
         -moz-hyphens: auto;
          -ms-hyphens: auto;
              hyphens: auto;
      font-size: inherit;
  }
  
  .blbf-main > div > p:last-of-type {
      margin-bottom: 0;
  }
  
  .blbf-main > div::before {
      --wght: 600;
      content: " ";
      position: absolute;
      top: -1.25rem;
      left: -0.5rem;
      padding: 0.5em 0.5em;
      font-size: -webkit-calc(12px + (14 - 12) * ( (100vw - 300px) / ( 800 - 300) ));
      font-size: -moz-calc(12px + (14 - 12) * ( (100vw - 300px) / ( 800 - 300) ));
      font-size: calc(12px + (14 - 12) * ( (100vw - 300px) / ( 800 - 300) ));
      font-family: var(--title-font, "Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica);
      font-variant: all-petite-caps;
      font-weight: 600;
      background-color: rgb(var(--swatch-primary-darkest,144,25,1));
      color: rgb(var(--swatch-text-secondary-color,255,255,255));
      letter-spacing: 0.05em;
      text-indent: 0;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      line-height: 1;
      white-space: nowrap;
  }

  Pages using this styling

  • component:blacklight-box-source [info]

  ¶ 1 occurrence
  

  @import url("https://nu-scptheme.github.io/Black-Highlighter/stable/styles/normalize.min.css");
  @import url("https://nu-scptheme.github.io/Black-Highlighter/stable/styles/black-highlighter.min.css");
  
  .help {
      display: flex;
      align-content: stretch;
      padding-top: 1em;
      border-top: 1px dashed #999;
  }
  
  .help blockquote {
      margin: 0;
  }
  
  .help blockquote > p {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      align-content: center;
      margin-right: 0;
      min-height: 2rem;
      margin: 0;
  }
  
  .help blockquote > p > * {
      margin: 0 0.1rem;
      height: 100%;
      font-size: 70%;
  }
  
  .help blockquote:nth-of-type(1) {
      width: 50%;
      background: transparent;
      border: unset;
      box-shadow: unset;
      text-align: right;
      margin-right: 0;
      padding: 0;
  }
  
  .help blockquote:nth-of-type(1) > p {
      justify-content: flex-end;
  }
  
  .help blockquote:nth-of-type(2) {
      margin-left: 1em;
      width: 50%;
  }
  
  #page-content > .collapsible-block {
      display: block;
      text-align: center;
      padding: 0.75em;
      background-color: lightgrey;
      border-top: 0.125rem dashed slategrey;
      border-bottom: 0.125rem dashed slategrey;
  }
  
  #page-content > div.collapsible-block > div.collapsible-block-unfolded > div.collapsible-block-content {
      text-align:left;
  }

  Pages using this styling

  • component:blacklight-box [info]

  ¶ 1 occurrence
  

  /* BHL styled collapsibles with fancy-schamncy animations! By Monkatraz, modified by AnActualCrow */
  
  /* VARIABLES FOR CUSTOMIZATION */
  :root{
    --base-color: rgb(66, 66, 72);
    --hover-color: rgb(100, 46, 44);
    --click-color: rgb(133, 0, 5);
  }
  
  /* #page-content is shoved everywhere to make sure it's the most specific thingy */
  /* Styling! */
  #page-content .collapsible-block-folded, #page-content .collapsible-block-unfolded-link {
      margin-top: 10px;
      padding-left: 1rem;
      padding-right: 1rem;
      box-shadow: rgb(128, 128, 128) 0px 0px 3px 0px;
      /* Animated things */
      transition: background 0.2s linear;
      background: var(--base-color);
      /* Technical bits */
      width: min-content;
      white-space: nowrap;
      overflow: hidden;
  }
  /* The Clicky Text */
  #page-content .collapsible-block-link {
      color: white;
      font-weight: bold;
      text-decoration: none;
  }
  /* Gets rid of the underline when hovering over the collapsible */
  #page-content .collapsible-block-link:hover {
      text-decoration: none
  }
  /* Collapsible content */
  #page-content .collapsible-block-content {
      /* Animated things */
      transition: border-top-color 0.2s linear, border-bottom-color 0.2s linear;
      border-top: solid var(--base-color) 5px;
      border-bottom: solid var(--base-color) 3px;
  }
  
  Message #multipurpose/* End of addendum tag */
  #page-content .collapsible-block-content::after {
      content:"END OF ADDENDUM";
      font-weight: bold;
      font-size: 95%;
      color:white;
      width: intrinsic; width: -moz-max-content; width: -webkit-max-content;
      padding: 0em .3em;
      border-radius: 3px;
      /* Animated things */
      transition: background 0.2s linear;
      background: var(--base-color);
      /* Technical bits */
      display: block;
      text-align: center;
      margin:auto;
      margin-bottom: -3px;
  }
  /* Folded blocks are animated, unfolded ones are not */
  #page-content .collapsible-block-folded {
      transition: max-width 0.2s linear;
      max-width: 10.5em;
  }
  #page-content .collapsible-block-unfolded-link{
      width: min-content;
  }
  /* Addendum counter */
  #page-content {
      counter-reset: collapse;
  }
  #page-content .collapsible-block, #page-content .unfolded-collapse, #page-content .centered-unfolded-collapse{
      counter-increment: collapse;
  }
  
  /* Addendum prefixes */
  #page-content .collapsible-block-folded .collapsible-block-link::before {
      content: "▷ ADDENDUM {$scp-number}." counter(collapse);
      border-right: dotted 0.25em;
      padding-right: 1rem;
      margin-right: 1rem;
      font-weight: normal;
      font-family: var(--mono-font);
  }
  #page-content .collapsible-block-unfolded .collapsible-block-link::before {
      content: "▽ ADDENDUM {$scp-number}." counter(collapse);
      border-right: dotted 0.25em;
      padding-right: 1rem;
      margin-right: 1rem;
      font-weight: normal;
      font-family: var(--mono-font);
  }
  /* Hovering effects */
  #page-content .collapsible-block-folded:hover, #page-content .collapsible-block-unfolded-link:hover {
      background: var(--hover-color);
      max-width: 100%;
  }
  /* Collapsible borders - because it looks prettier this way */
  #page-content .collapsible-block-unfolded-link:hover + .collapsible-block-content{
      border-top-color: var(--hover-color);
      border-bottom-color: var(--hover-color);
  }
  /* When hovering over link, change addendum tag to hover-color */
  #page-content .collapsible-block-unfolded-link:hover + .collapsible-block-content::after {
      background: var(--hover-color);
  }
  /* Click flash when clicking, also forces the collapsible to expand */
  #page-content .collapsible-block-folded:active, #page-content .collapsible-block-unfolded-link:active, #page-content .collapsible-block-unfolded-link:active + .collapsible-block-content::after {
      transition: background 0s, max-width 0s;
      background: var(--click-color);
      max-width: 100%;
  }
  /* On click, change borders to click-color */
  #page-content .collapsible-block-unfolded-link:active + .collapsible-block-content {
      transition: border-top-color 0s, border-bottom-color 0s;
      border-top-color: var(--click-color);
      border-bottom-color: var(--click-color);
  }
  /* Done with normal collapsibles, now we do all the variations */
  /* Unfolded collapsible */
  #page-content .unfolded-collapse {
      margin-top: 10px;
      padding-left: 1rem;
      padding-right: 1rem;
      box-shadow: rgb(128, 128, 128) 0px 0px 3px 0px;
      background: var(--base-color);
      /* Text */
      color: white;
      font-weight: bold;
      /* Technical bits */
      width: min-content;
      white-space: nowrap;
      overflow: hidden;
  }
  /* Addendum prefix */
  #page-content .unfolded-collapse::before {
      content: "▽ ADDENDUM {$scp-number}." counter(collapse);
      border-right: dotted 0.25em;
      padding-right: 1rem;
      margin-right: 1rem;
      font-weight: normal;
      font-family: var(--mono-font);
  }
  /* Bottom border */
  #page-content .unfolded-collapse-border {
      display: block;
      width: 700px;
      border-top: solid var(--base-color) 5px;
  }
  /* Centering, very simple */
  #page-content .center-collapse .collapsible-block-folded, #page-content .center-collapse .collapsible-block-unfolded-link, #page-content .center-collapse .unfolded-collapse{
      margin:auto;
      margin-top: 10px;
  }
  /* Removing the slick animation and addendum number because you're a monster */
  /* Set back the max width and just ignore the transition screwyness */
  #page-content .no-addendum .collapsible-block-folded {
      max-width: 100%;
  }
  /* Prefixes */
  #page-content .no-addendum .collapsible-block-unfolded .collapsible-block-link::before, #page-content .no-addendum .unfolded-collapse::before {
      content: "▽";
      border-right: none;
      padding-right: 0rem;
  }
  #page-content .no-addendum .collapsible-block-folded .collapsible-block-link::before {
      content: "▷";
      border-right: none;
      padding-right: 0rem;
  }
  /* Kill the automatic footer because you haven no trouble figuring out where your addendums end */
  #page-content .no-footer .collapsible-block-content{
      border-bottom: none;
  }
  #page-content .no-footer .collapsible-block-content::after{
      display:none;
  }
  /* Fittingly, we finish with the footer object */
  /* The footer is actually the giant bottom border object because larger -> smaller works better */
  #page-content .addendumfooter{
      display: block;
      border-bottom: solid 3px var(--base-color);
      margin: auto;
      text-align: center;
  }
  /* Texty bits */
  #page-content .addendumfooter::after{
      content: "END OF ADDENDUM";
      font-weight: bold;
      font-size: 95%;
      color:white;
      background: var(--base-color);
      width: intrinsic; width: -moz-max-content; width: -webkit-max-content;
      padding: 0em .3em;
      border-radius: 3px;
      /* Technical bits */
      display: block;
      text-align: center;
      margin:auto;
      margin-bottom: -3px;
  }
  /* Ayer's info-bar patch */
  #page-content .info-container .collapsible-block {
      counter-increment: none;
  }
  #page-content .info-container .collapsible-block-folded, #page-content .info-container .collapsible-block-unfolded-link  {
      transition: none;
      width: 100%;
      max-width: 100%;
      margin: 0 auto;
      padding: 0;
      box-shadow: none;
      background: var(--barColour);
  }
  #page-content .info-container .collapsible-block-folded::before, #page-content .info-container .collapsible-block-unfolded-link::before  {
      content: "";
      display: none;
  }
  #page-content .info-container .collapsible-block-content {
      border-bottom: none;
      transition: none;
      border-top: none;
  }
  #page-content .info-container .collapsible-block-content::after {
      display: none;
  }
  
  /* License Box Patch */
  #page-content .licensebox .collapsible-block-link {
      color: inherit;
  }
  #page-content .licensebox .collapsible-block-link:hover {
      text-decoration: underline;
  }
  #page-content .licensebox .collapsible-block {
      counter-increment: none;
  }
  #page-content .licensebox  .collapsible-block-folded,
  #page-content .licensebox  .collapsible-block-unfolded-link  {
      transition: none;
      width: 100%;
      max-width: 100%;
      margin: 0 auto;
      padding: 0;
      box-shadow: none;
      background: none;
  }
  #page-content .licensebox .collapsible-block-folded::before,
  #page-content .licensebox .collapsible-block-unfolded-link::before  {
      content: "";
      display: none;
  }
  #page-content .licensebox .collapsible-block-content {
      border-bottom: none;
      transition: none;
      border-top: none;
  }
  #page-content .licensebox .collapsible-block-folded .collapsible-block-link::before,
  #page-content .licensebox .collapsible-block-unfolded .collapsible-block-link::before,
  #page-content .licensebox .unfolded-collapse::before {
      display: none;
  }
  #page-content .licensebox .collapsible-block-content::after {
      display: none;
  }

  Pages using this styling

  • component:bhl-style-collapse-source [info]

  ¶ 1 occurrence
  

  :root{
    --base-color: rgb(66, 66, 72);
    --hover-color: rgb(100, 46, 44);
    --click-color: rgb(133, 0, 5);
  }

  Pages using this styling

  • component:bhl-style-collapse [info]

  ¶ 1 occurrence
  

  @import url("https://scp-wiki.wdfiles.com/local--code/component%3Abhl-dark-sidebar/1");

  Pages using this styling

  • component:bhl-dark-sidebar [info]

  ¶ 1 occurrence
  

  @import url("https://nu-scptheme.github.io/Black-Highlighter/css/min/normalize.min.css");
  @import url("https://nu-scptheme.github.io/Black-Highlighter/css/min/black-highlighter.min.css");
  div.blockquote {
      padding-top: 0.5em;
  }
  div.blockquote tt {
      margin: 0.5em 1em 1em 1em;
      display: block;
      background-color: rgb(var(--dark-gray-monochrome));
      color: rgb(var(--white-monochrome));
      padding: 0.5em;
  }

  Pages using this styling

  • component:bhl-dark-sidebar [info]

  ¶ 1 occurrence
  

  @import url("https://scp-wiki.wdfiles.com/local--code/component:betterfootnotes/1");

  Pages using this styling

  • component:betterfootnotes [info]

  ¶ 1 occurrence
  

  
  .collab-header{
   display:initial;
  }
  
  .written_by.\{\$written_by\} {display: none;}
  
  .collabnote.\{\$note\} {display: none;}
  

  Pages using this styling

  • component:author-page-collab [info]

  ¶ 1 occurrence
  

  
  .infobox {
   display:inline-box;
   overflow:hidden;
   position:fixed;
   right: 1em;
   bottom: 2em;
   width: 21%;
   width: calc(50vw - 520px);
   min-width: 250px;
   height:23%;
   padding:1%;
   float:top; 
   box-shadow: 0px 4px 8px 0 rgba(0, 0, 0, 0.2), 0px 6px 20px 0 rgba(0, 0, 0, 0.19);
   background-color:#ffffff;
   opacity: 1;
   transition: all 0.5s ease-out;
  }
  
  .infobox:hover {
    color:rgba(0, 0, 0, 0.5);
    background-color:rgba(255, 255, 255, 0.5);
  }
  
  .au-preview{
   color:grey;
   width:100%;
   display: inline-block;
   padding-left:1%;
   transition: box-shadow 1s ease-out;
  }
  
  .au-preview:hover{
   box-shadow: 0px 4px 10px 0 rgba(0, 0, 0, 0.19);
   transition: box-shadow 0.3s ease-out;
  }
  
  .au-preview.yes:hover, 
  .au-preview.true:hover{
    background: url('https://scp-wiki.wdfiles.com/local--files/component%3Aauthor-page/scpf-seal.png') 80% 50% fixed no-repeat;
  }
  
  .au-preview .span { 
   opacity: 0;
   pointer-events: none;
   transition: all 0.3s ease-in-out;
   text-overflow:ellipsis;
   position:fixed;
   z-index: 11;
   right: 1em;
   bottom: 2em;
   width:21%;
   width: calc(50vw - 520px);
   min-width: 250px;
   height:23%;
   padding:1%;
   float:top; 
   color:grey;
   text-size:0.9em;
   font-family:Segoe UI Light,Verdana,sans-serif;
  }
  
  .au-preview:hover .span { 
   opacity: 1;
   background-color:#ffffff;
  }
  
  .collab-header{
   display:none;
  }
  
  .imagepre{
   background:#fff;
   max-width:80%;
   position:absolute;
   right: 1em;
   bottom:calc(100% - 1em);
   box-shadow: 0px 4px 8px 0 rgba(0, 0, 0, 0.2), 0px 6px 20px 0 rgba(0, 0, 0, 0.19);
  }
  
  .imagepre.\{\$image\} {
  display:none
  }
  
  .sortbar.no{
  display:none
  }
  
  @media screen and (max-width:992px) {
      .au-preview .span{
      	display: none;
      }
      .infobox {
      	position: relative;
      	margin: 1em auto;
      	right: 0;
      	bottom: 0;
      }
  }
  
  #page-options-container {
   background: transparent;
   position: relative;
   z-index: 10;
  }
  
  #action-area { position: relative; z-index: 20; }
  

  Pages using this styling

  • component:author-page [info]

  ¶ 1 occurrence
  

  
  .authorlink-wrapper {
      display: block;
      margin-top:  var(--author-top-adjust, -0.5rem);
      margin-bottom: var(--author-bottom-adjust, -0.35rem);
      margin-right: var(--author-right-adjust, 2em);
      padding: 0;
      position: relative;
  }
  
  .authorlink-wrapper > a {
      display: block;
      width: max-content;
      margin-left: auto; margin-right: 0;
      margin-bottom: 0.65rem;
      font-size: 87.5%;
      text-align: right;
      align-items: center;
  }
  .authorlink-wrapper > a::before {
      content: "by";
      color: rgb(var(--swatch-tertiary-color, 187,187,187));
      display: inline-block;
      margin-right: 0.25em;
  }
  .authorlink-wrapper > a::after {
      content: "";
      display: inline-block;
      width: 0.75rem;
      height: 0.75rem;
      background: currentColor;
      -webkit-mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke-miterlimit='10' font-size='12' width='99.961731' height='99.900673' font-family='Dialog' color-interpolation='auto' stroke='%23000' stroke-linecap='square'%3E%3Cpath d='M99.961733 49.980868q0 20.81009-14.585386 35.368356-14.585389 14.551452-35.395479 14.551452-20.81009 0-35.395479-14.551452Q0 70.790958 0 49.980868T14.585389 14.58539Q29.170778 0 49.980868 0q20.81009 0 35.395479 14.58539 14.585386 14.585388 14.585386 35.395478zm-8.177595 0q0-17.453655-12.178214-29.658992Q67.434523 8.1165383 49.980868 8.1165383T20.321876 20.321876Q8.1165386 32.527213 8.1165386 49.980868T20.321876 79.612694q12.205337 12.171444 29.658992 12.171444t29.625056-12.171444q12.178214-12.178171 12.178214-29.631826zM60.233352 24.227584q0 4.088799-3.051313 6.834989-3.051356 2.746234-7.201171 2.746234-4.149814 0-7.201171-2.746234-3.051314-2.74619-3.051314-6.834989 0-4.088756 3.051314-6.834989 3.051357-2.74619 7.201171-2.74619 4.149815 0 7.201171 2.74619 3.051313 2.746233 3.051313 6.834989zM58.341514 87.3292H41.559206V39.728384h16.782308z' stroke='none'/%3E%3C/svg%3E");
                  mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke-miterlimit='10' font-size='12' width='99.961731' height='99.900673' font-family='Dialog' color-interpolation='auto' stroke='%23000' stroke-linecap='square'%3E%3Cpath d='M99.961733 49.980868q0 20.81009-14.585386 35.368356-14.585389 14.551452-35.395479 14.551452-20.81009 0-35.395479-14.551452Q0 70.790958 0 49.980868T14.585389 14.58539Q29.170778 0 49.980868 0q20.81009 0 35.395479 14.58539 14.585386 14.585388 14.585386 35.395478zm-8.177595 0q0-17.453655-12.178214-29.658992Q67.434523 8.1165383 49.980868 8.1165383T20.321876 20.321876Q8.1165386 32.527213 8.1165386 49.980868T20.321876 79.612694q12.205337 12.171444 29.658992 12.171444t29.625056-12.171444q12.178214-12.178171 12.178214-29.631826zM60.233352 24.227584q0 4.088799-3.051313 6.834989-3.051356 2.746234-7.201171 2.746234-4.149814 0-7.201171-2.746234-3.051314-2.74619-3.051314-6.834989 0-4.088756 3.051314-6.834989 3.051357-2.74619 7.201171-2.74619 4.149815 0 7.201171 2.74619 3.051313 2.746233 3.051313 6.834989zM58.341514 87.3292H41.559206V39.728384h16.782308z' stroke='none'/%3E%3C/svg%3E");
      -webkit-mask-position: center center;
                  mask-position: center center;
      -webkit-mask-size: 100%;
                  mask-size: 100%;
      -webkit-mask-repeat: no-repeat;
                  mask-repeat: no-repeat;
      margin-left: 0.2em;
      transform: translateY(0.1em);
  
  }
  .authorlink-wrapper > a:hover::before,
  .authorlink-wrapper > a:hover::after {
      text-decoration: none;
  }
  
  .authorlink-wrapper .authorbox {
      display: block;
      width: 35em;
      max-width: 70vw;
      color: rgb(var(--swatch-text-general, 51,51,51));
      background-color: rgb(var(--swatch-background, 252,252,252));
      filter: drop-shadow(0 0 3px rgba(0,0,0,0.26));
  
      position: absolute;
      right: 0;
      z-index: 6;
      opacity: 0;
      pointer-events: none;
      transition: opacity 0.15s;
  }
  /* safari-specific fix */
  @media not all and (min-resolution:.001dpcm)
  { @supports (-webkit-appearance:none) and (stroke-color:transparent) {
  .authorlink-wrapper .authorbox {
      will-change: filter;
  }
  }}
  .authorlink-wrapper .authorbox::before {
      content: "";
      position: absolute;
      display: block;
      bottom: 100%;
      right: 3%;
      margin-left: -10px;
      border-width: 10px;
      border-style: solid;
      border-color: transparent transparent rgb(var(--swatch-background, 252,252,252)) transparent;
  }
  .authorlink-wrapper .authorbox::after {
      content: "";
      position: absolute;
      display: block;
      bottom: 100%;
      right: 0;
      width: 100%;
      height: 2em;
  }
  .authorcontent {
      width: 100%;
      padding: 0.25rem 0.95rem;
      max-height: 50vh;
      overflow-y: auto;
      box-sizing: border-box;
      font-size: 97.5%;
      scrollbar-width: thin;
  }
  .authorcontent::-webkit-scrollbar {
      width: 8px;
  }
  
  
  #page-content .authorlink-wrapper > a:focus + .authorbox,
  #page-content .authorlink-wrapper > a:active + .authorbox,
  #page-content .authorbox:hover  {
      opacity: 1;
      pointer-events: all;
  }
  #page-content .authorlink-wrapper > .authorbox:focus-within {
      opacity: 1;
      pointer-events: all;
  }
  
  /* Without this, touchscreen doesn't work */
  @media (pointer: coarse) {
      #page-content .authorlink-wrapper > a:hover + .authorbox,
      #page-content .authorbox:hover {
          opacity: 1;
          pointer-events: all;
      }
  }
  
  /*--  --{$no-right-margin}/
  :root {
      --author-right-adjust: 0rem;
  }
  /*-- --*/
  
  /*--  --{$center}/
  :root {
      --author-right-adjust: 0rem;
  }
  .authorlink-wrapper > a {
      margin-right: auto;
  }
  #page-content .authorbox {
      right: 50%;
      transform: translateX(50%);
  }
  #page-content .authorbox::before {
      right: calc(50% - 10px);
  }
  /*-- --*/
  

  Pages using this styling

  • component:author-label-source [info]

  ¶ 1 occurrence
  

  .audio_iframe.{$unique-name} {
      position: relative;
      margin-top: 1em;
      padding-bottom: 1em;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
  }
  
  .audio_iframe.{$unique-name} iframe {
      position: relative;
      top: 0;
      left: 0;
      width: 100%;
      border: 0;
  }

  Pages using this styling

  • component:audio-player-woed-source (2) [info]

  ¶ 1 occurrence
  

  @import url('https://scp-wiki.wdfiles.com/local--code/component%3Aassorted-paper/1');

  Pages using this styling

  • component:assorted-paper [info]

  ¶ 1 occurrence
  

  
  @import url('https://cdn.jsdelivr.net/gh/Nu-SCPTheme/Black-Highlighter@gh-pages/fonts/inter.css');
  
  :root {
      --five-color: 196,2,51;
      --four-color: 255,109,0;
      --three-color: 255,211,0;
      --two-color: 0,135,189;
      --one-color: 0,159,107;
  }
  
  #page-title,
  .meta-title {
      display: none;
  }
  
  .anom-bar-container,
  .anom-bar-container * {
      -webkit-box-sizing: border-box;
         -moz-box-sizing: border-box;
      		box-sizing: border-box;
      padding: 0;
      margin: 0;
      font-family: Inter, sans-serif;
      font-family: var(--title-font, Inter, sans-serif);
  }
  
  .anom-bar-container {
      width: 100%;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      position: relative;
  }
  
  hr + .anom-bar-container, 
  .anom-bar-container:not(first-child) {
      padding-top: 1em;
  }
  
  .anom-bar {
      display: -ms-grid;
      display: grid;
      		grid-template-areas:
      	"top-box"
      	"bottom-box";
      width: 100%;
  }
  
  .anom-bar > .top-box {
      --wght: 600;
      -ms-grid-row: 1;
      -ms-grid-column: 1;
      display: -ms-grid;
      display: grid;
      grid-area: top-box;
      grid-template-areas:
      	"top-left-box top-center-box top-right-box";
      width: 100%;
      	-ms-grid-columns: auto 1fr calc(5vw + 5rem);
      grid-template-columns: auto 1fr -webkit-calc(5vw + 5rem);
      grid-template-columns: auto 1fr -moz-calc(5vw + 5rem);
      grid-template-columns: auto 1fr calc(5vw + 5rem);
      -ms-grid-rows: 1fr;
      grid-template-rows: 1fr;
      font-weight: 600;
      text-transform: uppercase;
      justify-items: stretch;
      padding-bottom: 1rem;
  }
  
  .top-box .top-left-box {
      -ms-grid-row: 1;
      -ms-grid-column: 1;
      grid-area: top-left-box;
  }
  
  .top-left-box > .item {
      font-size: -webkit-calc(12px + (20 - 12) * ( (100vw - 300px) / ( 1920 - 960) ));
      font-size: -moz-calc(12px + (20 - 12) * ( (100vw - 300px) / ( 1920 - 960) ));
      font-size: calc(12px + (20 - 12) * ( (100vw - 300px) / ( 1920 - 960) ));
  }
  
  .top-left-box > .number {
      font-size: -webkit-calc(25px + (50 - 25) * ( (100vw - 300px) / ( 1920 - 300) ));
      font-size: -moz-calc(25px + (50 - 25) * ( (100vw - 300px) / ( 1920 - 300) ));
      font-size: calc(25px + (50 - 25) * ( (100vw - 300px) / ( 1920 - 300) ));
  }
  
  .top-box .top-center-box {
      -ms-grid-row: 1;
      -ms-grid-column: 2;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      grid-area: top-center-box;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
         -moz-box-orient: vertical;
         -moz-box-direction: normal;
      	-ms-flex-direction: column;
      		flex-direction: column;
      -webkit-box-align: center;
      -webkit-align-items: center;
         -moz-box-align: center;
      	-ms-flex-align: center;
      		align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
         -moz-box-pack: center;
      	-ms-flex-pack: center;
      		justify-content: center;
      height: 100%;
      margin: 0 1rem;
  }
  
  .top-center-box > div {
      background-color: rgb(0,0,0);
      height: 0.5rem;
      width: 100%;
      margin: 0.125rem;
      display: none;
  }
  
  .anom-bar-container.american .top-center-box > div {
      background-image: 
      -webkit-repeating-linear-gradient(65deg, 
      	rgb(178,34,52),
      	rgb(252,252,252) 45%,
      	rgb(252,252,252) 55%,
      	rgb(60,59,110) 100%);
      background-image: 
      -moz-repeating-linear-gradient(65deg, 
      	rgb(178,34,52),
      	rgb(252,252,252) 45%,
      	rgb(252,252,252) 55%,
      	rgb(60,59,110) 100%);
      background-image: 
      -o-repeating-linear-gradient(65deg, 
      	rgb(178,34,52),
      	rgb(252,252,252) 45%,
      	rgb(252,252,252) 55%,
      	rgb(60,59,110) 100%);
      background-image: 
      repeating-linear-gradient(25deg, 
      	rgb(178,34,52),
      	rgb(252,252,252) 45%,
      	rgb(252,252,252) 55%,
      	rgb(60,59,110) 100%);
      background-attachment: scroll;
  }
  
  .anom-bar-container.clear-1 .top-center-box > div {
      background-color: rgb(0,159,107);
      background-color: rgb(var(--one-color));
  }
  
  .anom-bar-container.clear-2 .top-center-box > div {
      background-color: rgb(0,135,189);
      background-color: rgb(var(--two-color));
  }
  
  .anom-bar-container.clear-3 .top-center-box > div {
      background-color: rgb(255,211,0);
      background-color: rgb(var(--three-color));
  }
  
  .anom-bar-container.clear-4 .top-center-box > div {
      background-color: rgb(255,109,0);
      background-color: rgb(var(--four-color));
  }
  
  .anom-bar-container.clear-5 .top-center-box > div {
      background-color: rgb(196,2,51);
      background-color: rgb(var(--five-color));
  }
  
  .anom-bar-container.clear-1 .top-center-box > .bar-one,
  .anom-bar-container.clear-2 .top-center-box > .bar-one,
  .anom-bar-container.clear-3 .top-center-box > .bar-one,
  .anom-bar-container.clear-4 .top-center-box > .bar-one,
  .anom-bar-container.clear-5 .top-center-box > .bar-one,
  .anom-bar-container.clear-6 .top-center-box > .bar-one {
      display: block;
  }
  
  .anom-bar-container.clear-2 .top-center-box > .bar-two,
  .anom-bar-container.clear-3 .top-center-box > .bar-two,
  .anom-bar-container.clear-4 .top-center-box > .bar-two,
  .anom-bar-container.clear-5 .top-center-box > .bar-two,
  .anom-bar-container.clear-6 .top-center-box > .bar-two {
      display: block;
  }
  
  .anom-bar-container.clear-3 .top-center-box > .bar-three,
  .anom-bar-container.clear-4 .top-center-box > .bar-three,
  .anom-bar-container.clear-5 .top-center-box > .bar-three,
  .anom-bar-container.clear-6 .top-center-box > .bar-three {
      display: block;
  }
  
  .anom-bar-container.clear-4 .top-center-box > .bar-four,
  .anom-bar-container.clear-5 .top-center-box > .bar-four,
  .anom-bar-container.clear-6 .top-center-box > .bar-four {
      display: block;
  }
  
  .anom-bar-container.clear-5 .top-center-box > .bar-five,
  .anom-bar-container.clear-6 .top-center-box > .bar-five {
      display: block;
  }
  
  .anom-bar-container.clear-6 .top-center-box > .bar-six {
      display: block;
  }
  
  .anom-bar-container.clear-6 .anom-bar > .top-box {
      -ms-grid-columns: auto 1fr calc(5vw + 8rem);
      grid-template-columns: auto 1fr -webkit-calc(5vw + 8rem);
      grid-template-columns: auto 1fr -moz-calc(5vw + 8rem);
      grid-template-columns: auto 1fr calc(5vw + 8rem);
      padding-bottom: 1.15em;
  }
  
  .anom-bar-container.clear-6 .top-center-box > div {
      background-color: rgb(133, 0, 5);
      background-color: rgb(var(--swatch-primary, 133, 0, 5));
      background-image: url("https://scp-wiki.wdfiles.com/local--files/component%3Aanomaly-class-bar/galactic.jpg");
      background-attachment: fixed;
      background-size: contain;
      background-blend-mode: overlay;
  }
  
  .top-box .top-right-box {
      -ms-grid-row: 1;
      -ms-grid-column: 3;
      display: -ms-grid;
      display: grid;
      grid-area: top-right-box;
      		grid-template-areas:
      	"level"
      	"clearance";
      -ms-grid-rows: (1fr)[2];
      grid-template-rows: repeat(2, 1fr);
      grid-gap: 0.5em;
      gap: 0.5em;
  }
  
  .top-right-box > .level {
      -ms-grid-row: 1;
      -ms-grid-column: 1;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: end;
      -webkit-align-items: flex-end;
         -moz-box-align: end;
      	-ms-flex-align: end;
      		align-items: flex-end;
      grid-area: level;
      font-size: 2.5em;
      line-height: 0.5;
  }
  
  .top-right-box > .clearance {
      -ms-grid-row: 2;
      -ms-grid-column: 1;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: start;
      -webkit-align-items: flex-start;
         -moz-box-align: start;
      	-ms-flex-align: start;
      		align-items: flex-start;
      position: relative;
      width: 100%;
      height: 100%;
      grid-area: clearance;
      font-size: -webkit-calc(12px + (15 - 12) * ( (100vw - 400px) / ( 1920 - 960) ));
      font-size: -moz-calc(12px + (15 - 12) * ( (100vw - 400px) / ( 1920 - 960) ));
      font-size: calc(12px + (15 - 12) * ( (100vw - 400px) / ( 1920 - 960) ));
      line-height: 1.5;
      white-space: nowrap;
  }
  
  .top-right-box > .clearance::before {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
  }
  
  .anom-bar-container.clear-6 .top-right-box > .clearance::before {
      content: "Cosmic Top-Secret";
  }
  
  .anom-bar-container.clear-5 .top-right-box > .clearance::before {
      content: "Top-Secret";
  }
  
  .anom-bar-container.clear-4 .top-right-box > .clearance::before {
      content: "Secret";
  }
  
  .anom-bar-container.clear-3 .top-right-box > .clearance::before {
      content: "Confidential";
  }
  
  .anom-bar-container.clear-2 .top-right-box > .clearance::before {
      content: "Restricted";
  }
  
  .anom-bar-container.clear-1 .top-right-box > .clearance::before {
      content: "Unrestricted";
  }
  
  .anom-bar > .bottom-box {
      --wght: 600;
      -ms-grid-row: 2;
      -ms-grid-column: 1;
      display: -ms-grid;
      display: grid;
      grid-area: bottom-box;
      		grid-template-areas:
      	"text-part diamond-part"
      	"text-part diamond-part";
      -ms-grid-rows: 1fr 0.5rem 1fr;
      grid-template-rows: 1fr 1fr;
      -ms-grid-columns: 1fr 0.5rem 6rem;
      grid-template-columns: 1fr 6rem;
      grid-gap: 0.5rem;
      width: 100%; 
      height: 6rem;
      font-weight: 600;
      -webkit-box-shadow: 0 -0.5rem 0 0 rgb(12, 12, 12);
         -moz-box-shadow: 0 -0.5rem 0 0 rgb(12, 12, 12);
      		box-shadow: 0 -0.5rem 0 0 rgb(12, 12, 12);
      -webkit-box-shadow: 0 -0.5rem 0 0 rgb(var(--swatch-menubg-black-color, 12, 12, 12));
         -moz-box-shadow: 0 -0.5rem 0 0 rgb(var(--swatch-menubg-black-color, 12, 12, 12));
      		box-shadow: 0 -0.5rem 0 0 rgb(var(--swatch-menubg-black-color, 12, 12, 12));
      margin-top: -0.5rem;
      padding-top: 0.25rem;
  }
  
  .bottom-box > .text-part {
      -ms-grid-row: 1;
      -ms-grid-row-span: 3;
      -ms-grid-column: 1;
      display: -ms-grid;
      display: grid;
      height: 6rem;
      grid-area: text-part;
      		grid-template-areas:
      	"main-class disrupt-class"
      	"main-class risk-class";
      -ms-grid-rows: 1fr 0.25rem 1fr;
      grid-template-rows: 1fr 1fr;
      -ms-grid-columns: auto 0.25rem 1fr;
      grid-template-columns: 3fr 2fr;
      grid-gap: 0.25rem;
      text-transform: uppercase;
      -webkit-box-pack: stretch;
      -webkit-justify-content: stretch;
         -moz-box-pack: stretch;
      	-ms-flex-pack: stretch;
      		justify-content: stretch;
      -webkit-box-align: stretch;
      -webkit-align-items: stretch;
         -moz-box-align: stretch;
      	-ms-flex-align: stretch;
      		align-items: stretch;
  }
  
  .text-part div {
      padding: 0 0.125rem;
      margin: 0 0 0 0.25rem;
      position: relative;
  }
  
  .text-part > .main-class {
      -ms-grid-row: 1;
      -ms-grid-row-span: 3;
      -ms-grid-column: 1;
      position: relative;
      grid-area: main-class;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
         -moz-box-orient: vertical;
         -moz-box-direction: normal;
      	-ms-flex-direction: column;
      		flex-direction: column;
      -webkit-box-align: center;
      -webkit-align-items: center;
         -moz-box-align: center;
      	-ms-flex-align: center;
      		align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
         -moz-box-pack: center;
      	-ms-flex-pack: center;
      		justify-content: center;
      -webkit-box-shadow: 0.25rem 0 0 0 rgba(0,0,0,0);
         -moz-box-shadow: 0.25rem 0 0 0 rgba(0,0,0,0);
      		box-shadow: 0.25rem 0 0 0 rgba(0,0,0,0);
  }
  
  .anom-bar-container:not(.esoteric) .text-part > .main-class {
      padding-right: 3.5rem;
  }
  
  .anom-bar-container.esoteric .text-part > .main-class {
      padding-right: 2rem;
  }
  
  .text-part > .main-class::before {
      content: "";
      position: absolute;
      top: -webkit-calc(50% - 2.25rem);
      top: -moz-calc(50% - 2.25rem);
      top: calc(50% - 2.25rem);
      right: 0.5rem;
      width: 3.53125rem;
      height: 3.53125rem;
      -webkit-border-radius: 50%;
         -moz-border-radius: 50%;
      		border-radius: 50%;
      border: 0.25rem solid rgb(12, 12, 12);
      border: 0.25rem solid rgb(var(--swatch-menutxt-dark-color, 12, 12, 12));
      background-color: rgb(252, 252, 252);
      background-color: rgb(var(--swatch-background	, 252, 252, 252));
      -webkit-background-size: contain;
         -moz-background-size: contain;
      	 -o-background-size: contain;
      		background-size: contain;
      background-position: center center;
  }
  
  .anom-bar-container.esoteric .text-part > .main-class::before {
      top: 0.5rem;
      right: 1.25rem;
      width: 5rem;
      -webkit-border-radius: -webkit-calc(3.53125rem / 2);
         -moz-border-radius: -moz-calc(3.53125rem / 2);
      		border-radius: calc(3.53125rem / 2);
      background-color: rgb(252, 252, 252);
      background-color: rgb(var(--swatch-background, 252, 252, 252));
      border-color: rgb(var(--swatch-background, 252, 252, 252));
      -webkit-filter: invert(1);
      		filter: invert(1);
      background-image: url("https://scp-wiki.wikidot.com/local--files/component:anomaly-class-bar/esoteric-icon.svg");
      -webkit-background-size: 75% 75%;
         -moz-background-size: 75% 75%;
      	 -o-background-size: 75% 75%;
      		background-size: 75% 75%;
      background-repeat: no-repeat;
      background-position: left -10px center;
  }
  
  .anom-bar-container.esoteric .text-part > .main-class::after {
      content: "";
      position: absolute;
      top: 0.5rem;
      right: 0.25rem;
      width: 3.53125rem;
      height: 3.53125rem;
      -webkit-border-radius: 50%;
         -moz-border-radius: 50%;
      		border-radius: 50%;
      border: 0.25rem solid rgb(12, 12, 12);
      border: 0.25rem solid rgb(var(--swatch-menutxt-dark-color, 12, 12, 12));
      background-color: rgb(252, 252, 252);
      background-color: rgb(var(--swatch-background, 252, 252, 252));
      -webkit-background-size: contain;
         -moz-background-size: contain;
      	 -o-background-size: contain;
      		background-size: contain;
      background-position: center center;
  }
  
  .anom-bar-container.{$secondary-class} .text-part > .main-class::after {
      background-image: url("{$secondary-icon}");
  }
  
  .anom-bar-container.explained .text-part > .main-class::before,
  .anom-bar-container.pending .text-part > .main-class::before,
  .anom-bar-container.neutralized .text-part > .main-class::before,
  .anom-bar-container.neutralised .text-part > .main-class::before {
      display:none;
  }
  
  .anom-bar-container.keter .text-part > .main-class::before {
      background-color: rgb(196,2,51);
  background-color: rgb(var(--five-color));
      background-image: url("https://scp-wiki.wikidot.com/local--files/component:anomaly-class-bar/keter-icon.svg");
  }
  
  .anom-bar-container.euclid .text-part > .main-class::before {
      background-color: rgb(255,211,0);
  background-color: rgb(var(--three-color));
      background-image: url("https://scp-wiki.wikidot.com/local--files/component:anomaly-class-bar/euclid-icon.svg");
  }
  
  .anom-bar-container.safe .text-part > .main-class::before {
      background-color: rgb(0,159,107);
  background-color: rgb(var(--one-color));
      background-image: url("https://scp-wiki.wikidot.com/local--files/component:anomaly-class-bar/safe-icon.svg");
  }
  
  .text-part > .main-class > div {
      width: 100%;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
  }
  
  .anom-bar-container.esoteric .text-part > .main-class > .second-class > .class-text {
      font-size: -webkit-calc( 6px + (11 - 6) * ( (100vw - 400px) / ( 800 - 400) ));
      font-size: -moz-calc( 6px + (11 - 6) * ( (100vw - 400px) / ( 800 - 400) ));
      font-size: calc( 6px + (11 - 6) * ( (100vw - 400px) / ( 800 - 400) ));
      position: relative;
  }
  
  .anom-bar-container:not(.esoteric) .text-part > .main-class > .contain-class > .class-text {
      font-size: -webkit-calc(10px + (18 - 10) * ( (100vw - 400px) / ( 800 - 400) ));
      font-size: -moz-calc(10px + (18 - 10) * ( (100vw - 400px) / ( 800 - 400) ));
      font-size: calc(10px + (18 - 10) * ( (100vw - 400px) / ( 800 - 400) ));
  }
  
  .anom-bar-container:not(.esoteric) .text-part > .main-class > .second-class {
      display: none;
  }
  
  .text-part > .disrupt-class {
      -ms-grid-row: 1;
      -ms-grid-column: 3;
      grid-area: disrupt-class;
  }
  
  .text-part > .risk-class {
      -ms-grid-row: 3;
      -ms-grid-column: 3;
      grid-area: risk-class;
  }
  
  .text-part > .disrupt-class,
  .text-part > .risk-class {
      overflow: hidden;
  }
  
  .anom-bar-container.esoteric .text-part .main-class {
      background-color: rgba(66, 66, 72 ,0.15);
      background-color: rgba(var(--swatch-menubg-dark-color, 66, 66, 72),0.15);
      border-left: 0.75rem solid rgba(66, 66, 72 ,1);
      border-left: 0.75rem solid rgba(var(--swatch-menubg-dark-color, 66, 66, 72),1);
  }
  
  .anom-bar-container.neutralized .text-part .main-class,
  .anom-bar-container.neutralised .text-part .main-class {
      background-color: rgba(66, 66, 72 ,0.15);
      background-color: rgba(var(--swatch-menubg-dark-color, 66, 66, 72),0.15);
      border-left: 0.75rem solid rgba(66, 66, 72 ,1);
      border-left: 0.75rem solid rgba(var(--swatch-menubg-dark-color, 66, 66, 72),1);
  }
  
  .anom-bar-container.pending .text-part .main-class {
      background-color: rgba(12, 12, 12 ,0.15);
      background-color: rgba(var(--swatch-menutxt-dark-color, 12, 12, 12),0.15);
      border-left: 0.75rem solid rgba(12, 12, 12 ,1);
      border-left: 0.75rem solid rgba(var(--swatch-menutxt-dark-color, 12, 12, 12),1);
  }
  
  .anom-bar-container.explained .text-part .main-class {
      background-color: rgba(252, 252, 252 ,0.15);
      background-color: rgba(var(--swatch-background, 252, 252, 252),0.15);
      border-left: 0.75rem solid rgba(12, 12, 12 ,1);
      border-left: 0.75rem solid rgba(var(--swatch-menutxt-dark-color, 12, 12, 12),1);
  }
  
  .anom-bar-container.keter .text-part .main-class,
  .anom-bar-container.amida .text-part .disrupt-class,
  .anom-bar-container.critical .text-part .risk-class {
      background-color: rgba(196,2,51,0.15);
      background-color: rgba(var(--five-color),0.15);
      border-left: 0.5rem solid rgba(196,2,51,1);
      border-left: 0.5rem solid rgba(var(--five-color),1);
  }
  
  .anom-bar-container.ekhi .text-part .disrupt-class,
  .anom-bar-container.danger .text-part .risk-class {
      background-color: rgba(255,109,0,0.15);
      background-color: rgba(var(--four-color),0.15);
      border-left: 0.5rem solid rgba(255,109,0,1);
      border-left: 0.5rem solid rgba(var(--four-color),1);
  }
  
  .anom-bar-container.euclid .text-part .main-class,
  .anom-bar-container.keneq .text-part .disrupt-class,
  .anom-bar-container.warning .text-part .risk-class {
      border-left: 0.5rem solid rgba(255,211,0,1);
      border-left: 0.5rem solid rgba(var(--three-color),1);
      background-color: rgba(255,211,0,0.15);
      background-color: rgba(var(--three-color),0.15);
  }
  
  .anom-bar-container.vlam .text-part .disrupt-class,
  .anom-bar-container.caution .text-part .risk-class {
      border-left: 0.5rem solid rgba(0,135,189,1);
      border-left: 0.5rem solid rgba(var(--two-color),1);
      background-color: rgba(0,135,189,0.15);
      background-color: rgba(var(--two-color),0.15);
  }
  
  .anom-bar-container.safe .text-part .main-class,
  .anom-bar-container.dark .text-part .disrupt-class,
  .anom-bar-container.notice .text-part .risk-class {
      background-color: rgba(0,159,107,0.15);
      background-color: rgba(var(--one-color),0.15);
      border-left: 0.5rem solid rgba(0,159,107,1);
      border-left: 0.5rem solid rgba(var(--one-color),1);
  }
  
  .anom-bar-container.neutralized .text-part,
  .anom-bar-container.neutralised .text-part,
  .anom-bar-container.pending .text-part,
  .anom-bar-container.explained .text-part {
      -ms-grid-columns: 1fr;
      grid-template-columns: 1fr;
  }
  
  .text-part .disrupt-class::after,
  .text-part .risk-class::after,
  .text-part .disrupt-class::before,
  .text-part .risk-class::before {
      content: "";
      position: absolute;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
         -moz-box-align: center;
      	-ms-flex-align: center;
      		align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
         -moz-box-pack: center;
      	-ms-flex-pack: center;
      		justify-content: center;
      -webkit-border-radius: 50%;
         -moz-border-radius: 50%;
      		border-radius: 50%;
      border: 0.25rem solid rgb(12, 12, 12);
      border: 0.25rem solid rgb(var(--swatch-menutxt-dark-color, 12, 12, 12));
      width: 2.5rem;
      height: 2.5rem;
      top: -webkit-calc(50% - 1.5rem);
      top: -moz-calc(50% - 1.5rem);
      top: calc(50% - 1.5rem);
      font-size: 2em;
      background-color: rgb(252, 252, 252);
      background-color: rgb(var(--swatch-background, 252, 252, 252));
      -webkit-background-size: contain;
         -moz-background-size: contain;
      	 -o-background-size: contain;
      		background-size: contain;
      background-position: center center;
  }
  
  .text-part .disrupt-class::after,
  .text-part .risk-class::after {
      right: 0.15em;
  }
  
  .text-part .disrupt-class::before,
  .text-part .risk-class::before {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: start;
      -webkit-justify-content: flex-start;
         -moz-box-pack: start;
      	-ms-flex-pack: start;
      		justify-content: flex-start;
      background-color: rgb(12, 12, 12);
      background-color: rgb(var(--swatch-menubg-black-color, 12, 12, 12));
      width: 3rem;
      height: 3rem;
      top: -webkit-calc(50% - 1.5rem);
      top: -moz-calc(50% - 1.5rem);
      top: calc(50% - 1.5rem);
      border: 0;
      right: 1rem;
      text-align: left;
      font-size: 1em;
      padding-left: 0.5rem;
      color: rgb(252, 252, 252);
      color: rgb(var(--swatch-text-secondary-color, 252, 252, 252));
  }
  
  .anom-bar-container.amida .text-part .disrupt-class::before,
  .anom-bar-container.critical .text-part .risk-class::before {
      content: "5";
  }
  
  .anom-bar-container.ekhi .text-part .disrupt-class::before,
  .anom-bar-container.danger .text-part .risk-class::before {
      content: "4";
  }
  
  .anom-bar-container.keneq .text-part .disrupt-class::before,
  .anom-bar-container.warning .text-part .risk-class::before {
      content: "3";
  }
  
  .anom-bar-container.vlam .text-part .disrupt-class::before,
  .anom-bar-container.caution .text-part .risk-class::before {
      content: "2";
  }
  
  .anom-bar-container.dark .text-part .disrupt-class::before,
  .anom-bar-container.notice .text-part .risk-class::before {
      content: "1";
  }
  
  .anom-bar-container.amida .text-part .disrupt-class::after,
  .anom-bar-container.critical .text-part .risk-class::after {
      background-color: rgb(196,2,51);
  background-color: rgb(var(--five-color));
  }
  
  .anom-bar-container.amida .text-part .disrupt-class::after {
      background-image: url("https://scp-wiki.wikidot.com/local--files/component:anomaly-class-bar/amida-icon.svg");
  }
  
  .anom-bar-container.critical .text-part .risk-class::after {
      background-image: url("https://scp-wiki.wikidot.com/local--files/component:anomaly-class-bar/critical-icon.svg");
  }
  
  .anom-bar-container.ekhi .text-part .disrupt-class::after,
  .anom-bar-container.danger .text-part .risk-class::after {
      background-color: rgb(255,109,0);
  background-color: rgb(var(--four-color));
  }
  
  .anom-bar-container.ekhi .text-part .disrupt-class::after {
      background-image: url("https://scp-wiki.wikidot.com/local--files/component:anomaly-class-bar/ekhi-icon.svg");
  }
  
  .anom-bar-container.danger .text-part .risk-class::after {
      background-image: url("https://scp-wiki.wikidot.com/local--files/component:anomaly-class-bar/danger-icon.svg");
  }
  
  .anom-bar-container.keneq .text-part .disrupt-class::after,
  .anom-bar-container.warning .text-part .risk-class::after {
      background-color: rgb(255,211,0);
  background-color: rgb(var(--three-color));
  }
  
  .anom-bar-container.keneq .text-part .disrupt-class::after {
      background-image: url("https://scp-wiki.wikidot.com/local--files/component:anomaly-class-bar/keneq-icon.svg");
  }
  
  .anom-bar-container.warning .text-part .risk-class::after {
      background-image: url("https://scp-wiki.wikidot.com/local--files/component:anomaly-class-bar/warning-icon.svg");
  }
  
  .anom-bar-container.vlam .text-part .disrupt-class::after,
  .anom-bar-container.caution .text-part .risk-class::after {
      background-color: rgb(0,135,189);
  background-color: rgb(var(--two-color));
  }
  
  .anom-bar-container.vlam .text-part .disrupt-class::after {
      background-image: url("https://scp-wiki.wikidot.com/local--files/component:anomaly-class-bar/vlam-icon.svg");
  }
  
  .anom-bar-container.caution .text-part .risk-class::after {
      background-image: url("https://scp-wiki.wikidot.com/local--files/component:anomaly-class-bar/caution-icon.svg");
  }
  
  .anom-bar-container.dark .text-part .disrupt-class::after,
  .anom-bar-container.notice .text-part .risk-class::after {
      background-color: rgb(0,159,107);
  background-color: rgb(var(--one-color));
  }
  
  .anom-bar-container.dark .text-part .disrupt-class::after {
      background-image: url("https://scp-wiki.wikidot.com/local--files/component:anomaly-class-bar/dark-icon.svg");
  }
  
  .anom-bar-container.notice .text-part .risk-class::after {
      background-image: url("https://scp-wiki.wikidot.com/local--files/component:anomaly-class-bar/notice-icon.svg");
  }
  
  .text-part .main-class {
      border-width: 1em !important;
  }
  
  .text-part > div .class-category {
      --wght: 500;
      position: relative;
      font-weight: 500;
      left: 0;
  }
  
  .anom-bar-container.esoteric .contain-class > .class-category {
      max-width: 55% !important;
  }
  
  .anom-bar-container.explained .second-class,
  .anom-bar-container.explained .disrupt-class,
  .anom-bar-container.explained .risk-class,
  .anom-bar-container.explained .danger-diamond > .quadrants > .left-quad,
  .anom-bar-container.explained .danger-diamond > .quadrants > .right-quad,
  .anom-bar-container.explained .danger-diamond > .left-icon,
  .anom-bar-container.explained .danger-diamond > .right-icon,
  .anom-bar-container.neutralized .second-class,
  .anom-bar-container.neutralized .disrupt-class,
  .anom-bar-container.neutralized .risk-class,
  .anom-bar-container.neutralized .danger-diamond > .quadrants > .left-quad,
  .anom-bar-container.neutralized .danger-diamond > .quadrants > .right-quad,
  .anom-bar-container.neutralized .danger-diamond > .left-icon,
  .anom-bar-container.neutralized .danger-diamond > .right-icon,
  .anom-bar-container.neutralised .second-class,
  .anom-bar-container.neutralised .disrupt-class,
  .anom-bar-container.neutralised .risk-class,
  .anom-bar-container.neutralised .danger-diamond > .quadrants > .left-quad,
  .anom-bar-container.neutralised .danger-diamond > .quadrants > .right-quad,
  .anom-bar-container.neutralised .danger-diamond > .left-icon,
  .anom-bar-container.neutralised .danger-diamond > .right-icon,
  .anom-bar-container.pending .second-class,
  .anom-bar-container.pending .disrupt-class,
  .anom-bar-container.pending .risk-class,
  .anom-bar-container.pending .danger-diamond > .quadrants > .left-quad,
  .anom-bar-container.pending .danger-diamond > .quadrants > .right-quad,
  .anom-bar-container.pending .danger-diamond > .left-icon,
  .anom-bar-container.pending .danger-diamond > .right-icon {
      display: none;
  }
  
  .text-part .contain-class,
  .text-part .second-class,
  .text-part .disrupt-class,
  .text-part .risk-class {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-direction: row;
         -moz-box-orient: horizontal;
         -moz-box-direction: normal;
      	-ms-flex-direction: row;
      		flex-direction: row;
      -webkit-flex-wrap: wrap;
      	-ms-flex-wrap: wrap;
      		flex-wrap: wrap;
      -webkit-align-content: center;
      	-ms-flex-line-pack: center;
      		align-content: center;
      line-height: 1;
  }
  
  .text-part .contain-class > div,
  .text-part .second-class > div,
  .text-part .disrupt-class > div,
  .text-part .risk-class > div {
      width: 100%;
  }
  
  .text-part > div > .class-category,
  .anom-bar-container.esoteric .text-part > .main-class > .contain-class > .class-category {
      font-size: 0.75em;
  }
  
  .anom-bar-container.esoteric .text-part > .main-class > .contain-class > .class-text,
  .text-part > .disrupt-class > .class-text,
  .text-part > .risk-class > .class-text {
      font-size: -webkit-calc( 8px + (12 - 8) * ( (100vw - 400px) / ( 800 - 400) ));
      font-size: -moz-calc( 8px + (12 - 8) * ( (100vw - 400px) / ( 800 - 400) ));
      font-size: calc( 8px + (12 - 8) * ( (100vw - 400px) / ( 800 - 400) ));
  }
  
  .bottom-box > .diamond-part {
      -ms-grid-row: 1;
      -ms-grid-row-span: 3;
      -ms-grid-column: 3;
      width: 100%;
      padding-top: 100%;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      position: relative;
      grid-area: diamond-part;
      padding-left: 1rem;
      -webkit-box-shadow: -0.5rem 0 0 0 rgb(12, 12, 12);
         -moz-box-shadow: -0.5rem 0 0 0 rgb(12, 12, 12);
      		box-shadow: -0.5rem 0 0 0 rgb(12, 12, 12);
      -webkit-box-shadow: -0.5rem 0 0 0 rgb(var(--swatch-menubg-black-color, 12, 12, 12));
         -moz-box-shadow: -0.5rem 0 0 0 rgb(var(--swatch-menubg-black-color, 12, 12, 12));
      		box-shadow: -0.5rem 0 0 0 rgb(var(--swatch-menubg-black-color, 12, 12, 12));
  }
  
  .danger-diamond {
      position: absolute;
      width: 95%;
      height: 95%;
      top: 2.5%;
      left: 5%;
  }
  
  .danger-diamond a {
      color: rgba(0,0,0,0);
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      	-ms-flex-align: center;
      		align-items: center;
      -webkit-box-pack: center;
      	-ms-flex-pack: center;
      		justify-content: center;
      z-index: 3;
  }
  
  .danger-diamond br {
      display: none;
  }
  
  .danger-diamond > .arrows {
      --danger-diamond-arrows: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.2' baseProfile='tiny' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 160 160' xml:space='preserve'%3E%3Cpath fill='%23010101' d='M136.1,133.3l23.9-23.9V51.2l-24-24l19.1-19.1l4.9,4.9l0-12.9l-12.9,0l4.9,4.9L133,24.2l-24-24H51l-24,24 L8,5.2l4.9-4.9L0,0.2l0,12.9l4.9-4.9L24,27.3l-24,24v58.2l23.9,23.9l-19,19L0,147.3l0,12.9l12.9,0L8,155.3l19-19l23.9,23.9h58.4 l23.9-23.9l19,19l-4.9,4.9l12.9,0l0-12.9l-4.9,4.9L136.1,133.3z M155.7,53v54.6l-22.6,22.6l-50-50L133,30.3L155.7,53z M52.8,4.5 h54.4l22.7,22.7L80,77.2L30.1,27.3L52.8,4.5z M4.3,107.6V53L27,30.3L77,80.2l-50,50L4.3,107.6z M107.4,155.9H52.6L30,133.3l50-50 l50,50L107.4,155.9z'/%3E%3C/svg%3E%0A");
      position: absolute;
      width: 100%;
      height: 100%;
      z-index: 1;
      background-color: rgb(var(--swatch-menubg-black-color, 12, 12, 12));
      -webkit-mask-image: var(--danger-diamond-arrows);
              mask-image: var(--danger-diamond-arrows);
      -webkit-mask-repeat: no-repeat;
              mask-repeat: no-repeat;
  }
  
  .danger-diamond > .octagon {
      width: 100%;
      height: 100%;
      position: absolute;
      text-align: center;
      z-index: 0;
      -webkit-clip-path: polygon(30% 0, 70% 0, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0 70%, 0 30%);
      		clip-path: polygon(30% 0, 70% 0, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0 70%, 0 30%);
  }
  
  .danger-diamond > .quadrants {
      position: absolute;
      width: 96%;
      height: 96%;
      top: 0;
      left: 0;
  }
  
  .danger-diamond > .quadrants > div {
      width: 67.5%;
      padding-bottom: 50%;
      position: absolute;
      top: 2.25%;
      left: 18.5%;
      background-color: rgb(252, 252, 252);
  background-color: rgb(var(--swatch-background, 252, 252, 252));
      -webkit-clip-path: polygon(22% 0, 77% 0, 100% 31%, 50% 100%, 0 31%);
      		clip-path: polygon(22% 0, 77% 0, 100% 31%, 50% 100%, 0 31%);
      -webkit-transform-origin: bottom center;
         -moz-transform-origin: bottom center;
      	-ms-transform-origin: bottom center;
      	 -o-transform-origin: bottom center;
      		transform-origin: bottom center;
  }
  
  .danger-diamond > .quadrants > .left-quad {
      -webkit-transform: rotate(270deg);
         -moz-transform: rotate(270deg);
      	-ms-transform: rotate(270deg);
      	 -o-transform: rotate(270deg);
      		transform: rotate(270deg);
  }
  
  .danger-diamond > .quadrants > .right-quad {
      -webkit-transform: rotate(90deg);
         -moz-transform: rotate(90deg);
      	-ms-transform: rotate(90deg);
      	 -o-transform: rotate(90deg);
      		transform: rotate(90deg);
  }
  
  .danger-diamond > .quadrants > .bottom-quad {
      background-color: transparent;
      -webkit-transform: rotate(180deg);
         -moz-transform: rotate(180deg);
      	-ms-transform: rotate(180deg);
      	 -o-transform: rotate(180deg);
      		transform: rotate(180deg);
  }
  
  .danger-diamond > .quadrants > .bottom-quad.none {
      background-color: rgb(252, 252, 252 ,0.25);
      background-color: rgb(var(--swatch-background, 252, 252, 252),0.25);
  }
  
  .danger-diamond > .quadrants > .top-quad.pending {
      background-color: rgb(12, 12, 12 ,0.25);
      background-color: rgb(var(--swatch-menubg-black-color, 12, 12, 12),0.25);
  }
  
  .danger-diamond > .quadrants > .top-quad.neutralized,
  .danger-diamond > .quadrants > .top-quad.neutralised {
      background-color: rgb(66, 66, 72 ,0.25);
      background-color: rgb(var(--swatch-menubg-medium-dark-color, 66, 66, 72),0.25);
  }
  
  .danger-diamond > .quadrants > .top-quad.explained {
      background-color: rgb(252, 252, 252 ,0.25);
      background-color: rgb(var(--swatch-background, 252, 252, 252),0.25);
  }
  
  .anom-bar-container.esoteric .danger-diamond > .quadrants > .top-quad {
      background-color: rgb(66, 66, 72 ,0.15);
      background-color: rgb(var(--swatch-menubg-medium-dark-color, 66, 66, 72),0.15);
  }
  
  .anom-bar-container.keter .danger-diamond > .quadrants > .top-quad,
  .anom-bar-container.amida .danger-diamond > .quadrants > .left-quad,
  .anom-bar-container.critical .danger-diamond > .quadrants > .right-quad  {
      background-color:rgba(196,2,51,0.25);
      background-color: rgb(var(--five-color),0.25);
  }
  
  .anom-bar-container.ekhi .danger-diamond > .quadrants > .left-quad,
  .anom-bar-container.danger .danger-diamond > .quadrants > .right-quad {
      background-color:rgba(255,109,0,0.25);
      background-color: rgb(var(--five-color),0.25);
  }
  
  .anom-bar-container.euclid .danger-diamond > .quadrants > .top-quad,
  .anom-bar-container.keneq .danger-diamond > .quadrants > .left-quad,
  .anom-bar-container.warning .danger-diamond > .quadrants > .right-quad {
      background-color:rgba(255,211,0,0.25);
      background-color: rgb(var(--three-color),0.25);
  }
  
  .anom-bar-container.vlam .danger-diamond > .quadrants > .left-quad,
  .anom-bar-container.caution .danger-diamond > .quadrants > .right-quad {
      background-color:rgba(0,135,189,0.25);
      background-color: rgb(var(--two-color),0.25);
  }
  
  .anom-bar-container.safe .danger-diamond > .quadrants > .top-quad,
  .anom-bar-container.dark .danger-diamond > .quadrants > .left-quad,
  .anom-bar-container.notice .danger-diamond > .quadrants > .right-quad {
      background-color:rgba(0,159,107,0.25);
      background-color: rgb(var(--one-color),0.25);
  }
  
  .anom-bar-container.clear-5 .danger-diamond > .center-circle::before {
      content: "5";
  }
  
  .anom-bar-container.clear-4 .danger-diamond > .center-circle::before {
      content: "4";
  }
  
  .anom-bar-container.clear-3 .danger-diamond > .center-circle::before {
      content: "3";
  }
  
  .anom-bar-container.clear-2 .danger-diamond > .center-circle::before {
      content: "2";
  }
  
  .anom-bar-container.clear-1 .danger-diamond > .center-circle::before {
      content: "1";
  }
  
  .danger-diamond > .top-icon,
  .danger-diamond > .right-icon,
  .danger-diamond > .left-icon,
  .danger-diamond > .bottom-icon {
      position: absolute;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
         -moz-box-align: center;
      	-ms-flex-align: center;
      		align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
         -moz-box-pack: center;
      	-ms-flex-pack: center;
      		justify-content: center;
      width: 33%;
      height: 33%;
      -webkit-border-radius: 50%;
         -moz-border-radius: 50%;
      		border-radius: 50%;
      border: 0.1875rem solid rgb(12, 12, 12);
      border: 0.1875rem solid rgb(var(--swatch-menubg-black-color, 12, 12, 12));
      overflow: hidden;
      z-index: 2;
  }
  
  .danger-diamond > .top-icon {
      top: 0.25rem;
      left: 33.5%;
  }
  
  .danger-diamond > .right-icon {
      right: 0.25rem;
      top: 33.5%;
  }
  
  .danger-diamond > .left-icon {
      left: 0.25rem;
      top: 33.5%;
  }
  
  .danger-diamond > .bottom-icon {
      bottom: 0.25rem;
      left: 33.5%;
  }
  
  .anom-bar-container.neutralized .danger-diamond > .top-icon,
  .anom-bar-container.neutralised .danger-diamond > .top-icon,
  .anom-bar-container.pending .danger-diamond > .top-icon,
  .anom-bar-container.explained .danger-diamond > .top-icon {
      width: 65%;
      height: 65%;
      top: 17.5%;
      left: 17.5%;
      border-width: 0.3625rem;
  }
  
  .anom-bar-container.pending .danger-diamond > .top-icon {
      background-color: rgb(var(--swatch-menubg-black-color, 12, 12, 12));
  }
  
  .anom-bar-container:not(.esoteric) .danger-diamond > .bottom-icon {
      display: none;
  }
  
  .danger-diamond > .top-icon::before,
  .danger-diamond > .right-icon::before,
  .danger-diamond > .left-icon::before,
  .danger-diamond > .bottom-icon::before {
      content: "";
      position: absolute;
      width: 100%;
      height: 100%;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
         -moz-box-align: center;
      	-ms-flex-align: center;
      		align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
         -moz-box-pack: center;
      	-ms-flex-pack: center;
      		justify-content: center;
      top: 0;
      left: 0;
  }
  
  .anom-bar-container.neutralized .danger-diamond > .top-icon,
  .anom-bar-container.neutralised .danger-diamond > .top-icon {
      background-color: rgb(252, 252, 252);
      background-color: rgb(var(--swatch-background, 252, 252, 252));
  }
  
  .anom-bar-container.neutralized .danger-diamond > .top-icon::before,
  .anom-bar-container.neutralised .danger-diamond > .top-icon::before {
      background-color: rgba(66, 66, 72 ,0.15);
      background-color: rgba(var(--swatch-menubg-medium-dark-color, 66, 66, 72),0.15);
      background-image: url("https://scp-wiki.wikidot.com/local--files/component:anomaly-class-bar/neutralized-icon.svg");
      -webkit-background-size: 110% 110%;
         -moz-background-size: 110% 110%;
      	 -o-background-size: 110% 110%;
      		background-size: 110% 110%;
      background-position: center center;
  }
  
  .anom-bar-container.pending .danger-diamond > .top-icon::before {
      background-color: rgb(12, 12, 12);
      background-color: rgb(var(--swatch-menubg-black-color, 12, 12, 12));
      background-image: url("https://scp-wiki.wikidot.com/local--files/component:anomaly-class-bar/pending-icon.svg");
  }
  
  .anom-bar-container.explained .danger-diamond > .top-icon::before {
      background-color: rgb(252, 252, 252);
      background-color: rgb(var(--swatch-background, 252, 252, 252));
      background-image: url("https://scp-wiki.wikidot.com/local--files/component:anomaly-class-bar/explained-icon.svg");
  }
  
  .anom-bar-container.esoteric .danger-diamond > .top-icon::before {
      background-color: rgb(252, 252, 252);
      background-color: rgb(var(--swatch-background, 252, 252, 252));
      background-image: url("https://scp-wiki.wikidot.com/local--files/component:anomaly-class-bar/esoteric-icon.svg");
      -webkit-filter: invert(1);
      		filter: invert(1);
  }
  
  .anom-bar-container.keter .danger-diamond > .top-icon::before,
  .anom-bar-container.amida .danger-diamond > .left-icon::before,
  .anom-bar-container.critical .danger-diamond > .right-icon::before {
      background-color: rgb(196,2,51);
  background-color: rgb(var(--five-color));
  }
  
  .anom-bar-container.keter .danger-diamond > .top-icon::before {
      background-image: url("https://scp-wiki.wikidot.com/local--files/component:anomaly-class-bar/keter-icon.svg");
  }
  
  .anom-bar-container.amida .danger-diamond > .left-icon::before {
      background-image: url("https://scp-wiki.wikidot.com/local--files/component:anomaly-class-bar/amida-icon.svg");
  }
  
  .anom-bar-container.critical .danger-diamond > .right-icon::before {
      background-image: url("https://scp-wiki.wikidot.com/local--files/component:anomaly-class-bar/critical-icon.svg");
  }
  
  .anom-bar-container.ekhi .danger-diamond > .left-icon::before,
  .anom-bar-container.danger .danger-diamond > .right-icon::before {
      background-color: rgb(255,109,0);
  background-color: rgb(var(--four-color));
  }
  
  .anom-bar-container.ekhi .danger-diamond > .left-icon::before {
      background-image: url("https://scp-wiki.wikidot.com/local--files/component:anomaly-class-bar/ekhi-icon.svg");
  }
  
  .anom-bar-container.danger .danger-diamond > .right-icon::before {
      background-image: url("https://scp-wiki.wikidot.com/local--files/component:anomaly-class-bar/danger-icon.svg");
  }
  
  .anom-bar-container.euclid .danger-diamond > .top-icon::before,
  .anom-bar-container.keneq .danger-diamond > .left-icon::before,
  .anom-bar-container.warning .danger-diamond > .right-icon::before {
      background-color: rgb(255,211,0);
  background-color: rgb(var(--three-color));
  }
  
  .anom-bar-container.euclid .danger-diamond > .top-icon::before {
      background-image: url("https://scp-wiki.wikidot.com/local--files/component:anomaly-class-bar/euclid-icon.svg");
  }
  
  .anom-bar-container.keneq .danger-diamond > .left-icon::before {
      background-image: url("https://scp-wiki.wikidot.com/local--files/component:anomaly-class-bar/keneq-icon.svg");
  }
  
  .anom-bar-container.warning .danger-diamond > .right-icon::before {
      background-image: url("https://scp-wiki.wikidot.com/local--files/component:anomaly-class-bar/warning-icon.svg");
  }
  
  .anom-bar-container.vlam .danger-diamond > .left-icon::before,
  .anom-bar-container.caution .danger-diamond > .right-icon::before {
      background-color: rgb(0,135,189);
  background-color: rgb(var(--two-color));
  }
  
  .anom-bar-container.vlam .danger-diamond > .left-icon::before {
      background-image: url("https://scp-wiki.wikidot.com/local--files/component:anomaly-class-bar/vlam-icon.svg");
  }
  
  .anom-bar-container.caution .danger-diamond > .right-icon::before {
      background-image: url("https://scp-wiki.wikidot.com/local--files/component:anomaly-class-bar/caution-icon.svg");
  }
  
  .anom-bar-container.safe .danger-diamond > .top-icon::before,
  .anom-bar-container.dark .danger-diamond > .left-icon::before,
  .anom-bar-container.notice .danger-diamond > .right-icon::before {
      background-color: rgb(0,159,107);
  background-color: rgb(var(--one-color));
  }
  
  .anom-bar-container.safe .danger-diamond > .top-icon::before {
      background-image: url("https://scp-wiki.wikidot.com/local--files/component:anomaly-class-bar/safe-icon.svg");
  }
  
  .anom-bar-container.dark .danger-diamond > .left-icon::before {
      background-image: url("https://scp-wiki.wikidot.com/local--files/component:anomaly-class-bar/dark-icon.svg");
  }
  
  .anom-bar-container.notice .danger-diamond > .right-icon::before {
      background-image: url("https://scp-wiki.wikidot.com/local--files/component:anomaly-class-bar/notice-icon.svg");
  }
  
  .anom-bar-container.{$secondary-class} .danger-diamond > .bottom-icon::before {
      background-image: url("{$secondary-icon}");
      background-size: contain;
  }
  
  @media (max-width: 960px ) {
      .anom-bar > .top-box {
      	padding-bottom: 1.5em;
      }
  
      .anom-bar > .bottom-box {
      	-ms-grid-columns: 1fr 0.5rem 6rem;
      	grid-template-columns: 1fr 6rem;
      	height: 6rem;
      }
  
      .anom-bar-container.esoteric .text-part > .main-class > .contain-class > .class-text, .text-part > .disrupt-class > .class-text, .text-part > .risk-class > .class-text {
      	font-size: -webkit-calc( 18px + (24 - 18) * ( (100vw - 400px) / ( 960 - 300) ));
      	font-size: -moz-calc( 18px + (24 - 18) * ( (100vw - 400px) / ( 960 - 300) ));
      	font-size: calc( 18px + (24 - 18) * ( (100vw - 400px) / ( 960 - 300) ));
      }
  
      .anom-bar-container.esoteric .text-part > .main-class > .contain-class > .class-text {
      	font-size: -webkit-calc( 12px + (18 - 12) * ( (100vw - 400px) / ( 960 - 300) ));
      	font-size: -moz-calc( 12px + (18 - 12) * ( (100vw - 400px) / ( 960 - 300) ));
      	font-size: calc( 12px + (18 - 12) * ( (100vw - 400px) / ( 960 - 300) ));
      }
  
      .anom-bar-container.esoteric .text-part > .main-class > .second-class > .class-text {
      	font-size: -webkit-calc( 18px + (24 - 18) * ( (100vw - 400px) / ( 960 - 300) ));
      	font-size: -moz-calc( 18px + (24 - 18) * ( (100vw - 400px) / ( 960 - 300) ));
      	font-size: calc( 18px + (24 - 18) * ( (100vw - 400px) / ( 960 - 300) ));
      }
  
      .anom-bar-container:not(.esoteric) .text-part > .main-class > .contain-class > .class-text {
      	font-size: -webkit-calc( 20px + (40 - 20) * ( (100vw - 400px) / ( 960 - 300) ));
      	font-size: -moz-calc( 20px + (40 - 20) * ( (100vw - 400px) / ( 960 - 300) ));
      	font-size: calc( 20px + (40 - 20) * ( (100vw - 400px) / ( 960 - 300) ));
      }
  
      .text-part > .main-class {
      	-ms-grid-row: 1;
      	-ms-grid-row-span: 1;
      	-ms-grid-column: 1;
      }
  
      .text-part > .disrupt-class {
      	-ms-grid-row: 3;
      	-ms-grid-column: 1;
      }
  
      .text-part > .risk-class {
      	-ms-grid-row: 5;
      	-ms-grid-column: 1;
      }
  }
  
  @media (max-width: 875px ) {
      .text-part > div {
      	padding: 0.25rem 0;
      }
  
      .anom-bar-container.pending .bottom-box > .text-part,
      .anom-bar-container.neutralized .bottom-box > .text-part,
      .anom-bar-container.neutralised .bottom-box > .text-part,
      .anom-bar-container.explained .bottom-box > .text-part {
      	height: 6rem;
      }
  
      .bottom-box > .text-part {
      	grid-template-areas: 
      		"main-class" 
      		"disrupt-class"
      		"risk-class";
      	-ms-grid-rows: 2fr 0.25rem 1fr 0.25rem 1fr;
      	grid-template-rows: 3fr 2fr 2fr;
      	-ms-grid-columns: 1fr;
      	grid-template-columns: 1fr;
      	height: 8rem;
      }
  
      .anom-bar > .bottom-box {
      	-ms-grid-columns: 1fr 0.5rem 8rem;
      	grid-template-columns: 1fr 8rem;
      	height: 8rem;
      }
  
      .anom-bar-container.esoteric .text-part > .main-class::after,
      .text-part > .main-class::after {
      	height: 3rem;
      	width: 3rem;
      }
  
      .text-part .disrupt-class::after, 
      .text-part .risk-class::after {
      	height: 1.75rem;
      	width: 1.75rem;
      }
  
      .anom-bar-container.esoteric .text-part > .main-class::after,
      .text-part > .main-class::after,
      .text-part .disrupt-class::after, 
      .text-part .risk-class::after {
      	top: -webkit-calc(50% - 1.125rem);
      	top: -moz-calc(50% - 1.125rem);
      	top: calc(50% - 1.125rem);
      	border-width: 0.25rem;
      }
  
      .text-part > .main-class::before {
      	height: 2.5rem;
      	width: 2.5rem;
      	border-width: 0.25rem;
      	top: -webkit-calc(50% - 1.45rem);
      	top: -moz-calc(50% - 1.45rem);
      	top: calc(50% - 1.45rem);
      }
  
      .text-part .disrupt-class::before, 
      .text-part .risk-class::before {
      	height: 2.25rem;
      	width: 2.25rem;
      	top: -webkit-calc(50% - 1.125rem);
      	top: -moz-calc(50% - 1.125rem);
      	top: calc(50% - 1.125rem);
      	right: 0.75rem;
      }
  
      .anom-bar-container.esoteric .text-part > .main-class::after {
      	top: 0.15rem;
      }
  
      .anom-bar-container.esoteric .text-part > .main-class::before {
      	top: 0.15rem;
      	width: 5.75rem;
      	height: 3rem;
      	right: 1.25rem;
      	-webkit-background-size: 100% 100%;
      	   -moz-background-size: 100% 100%;
      		 -o-background-size: 100% 100%;
      			background-size: 100% 100%;
      	background-position: left -20px center;
      }
  
      .anom-bar-container.esoteric .contain-class > .class-category {
      	max-width: 100% !important;
      }
  
      .anom-bar-container.pending .bottom-box > .text-part,
      .anom-bar-container.neutralized .bottom-box > .text-part,
      .anom-bar-container.neutralised .bottom-box > .text-part,
      .anom-bar-container.explained .bottom-box > .text-part {
      	-ms-grid-rows: 1fr;
      	grid-template-rows: 1fr;
      		grid-template-areas: "main-class";
      }
  
      .text-part .disrupt-class,
      .text-part .risk-class {
      	padding-left: 0.25rem;
      	display: -ms-grid;
      	display: grid;
      	-ms-grid-columns: auto 1fr;
      	grid-template-columns: auto 1fr;
      }
  
      .text-part .disrupt-class *,
      .text-part .risk-class * {
      	display: -webkit-box;
      	display: -ms-flexbox;
      	display: flex;
      	-webkit-box-align: center;
      		-ms-flex-align: center;
      			align-items: center;
      }
  }
  
  @media (max-width: 875px ) and (min-width: 480px ) {
      .anom-bar-container.pending .anom-bar > .bottom-box,
      .anom-bar-container.neutralized .anom-bar > .bottom-box,
      .anom-bar-container.neutralised .anom-bar > .bottom-box,
      .anom-bar-container.explained .anom-bar > .bottom-box {
      	-ms-grid-columns: 1fr 6rem;
      	grid-template-columns: 1fr 6rem;
      	height: 6rem;
      }
  }
  
  @media (max-width: 480px ) {
      .anom-bar {
      	position: relative;
      }
  
      .anom-bar > .top-box {
      	height: 40vw;
      	max-height: 40vw;
      			grid-template-areas: 
      		"."
      		"top-left-box"
      		"top-center-box"
      		"top-right-box"
      		".";
      	-ms-grid-rows: 1fr 1fr 1fr 1fr 1fr;
      	grid-template-rows: 1fr 1fr 1fr 1fr 1fr;
      	font-size: -webkit-calc(5px + (10 - 5) * ( (100vw - 300px) / ( 480 - 300) ));
      	font-size: -moz-calc(5px + (10 - 5) * ( (100vw - 300px) / ( 480 - 300) ));
      	font-size: calc(5px + (10 - 5) * ( (100vw - 300px) / ( 480 - 300) ));
      	margin: 0 0 1rem 0;
      	padding-left: 1em;
      }
  
      .top-box .top-left-box {
      	display: -webkit-box;
      	display: -webkit-flex;
      	display: -moz-box;
      	display: -ms-flexbox;
      	display: flex;
      	-webkit-box-orient: vertical;
      	-webkit-box-direction: normal;
      	-webkit-flex-direction: column;
      	   -moz-box-orient: vertical;
      	   -moz-box-direction: normal;
      		-ms-flex-direction: column;
      			flex-direction: column;
      	-webkit-box-align: center;
      	-webkit-align-items: center;
      	   -moz-box-align: center;
      		-ms-flex-align: center;
      			align-items: center;
      	-webkit-box-pack: center;
      	-webkit-justify-content: center;
      	   -moz-box-pack: center;
      		-ms-flex-pack: center;
      			justify-content: center;
      	-webkit-flex-wrap: wrap;
      		-ms-flex-wrap: wrap;
      			flex-wrap: wrap;
      	line-height: 1;
      }
  
      .top-left-box > .item {
      	font-size: 3em;
      }
  
      .top-box .top-left-box > span {
      	width: 100%;
      }
  
      .top-box .top-center-box {
      	-webkit-box-orient: horizontal;
      	-webkit-box-direction: normal;
      	-webkit-flex-direction: row;
      	   -moz-box-orient: horizontal;
      	   -moz-box-direction: normal;
      		-ms-flex-direction: row;
      			flex-direction: row;
      width: 100%;
      	max-width: 48vw;
      	margin: 0 0 0 -0.15rem;
      height: 2rem;
      }
  
      .top-center-box > div {
      	height: 25%;
      	margin: 0.15rem 0.15rem 0 0.15rem;
      }
  
      .top-box .top-right-box {
      	display: -webkit-box;
      	display: -webkit-flex;
      	display: -moz-box;
      	display: -ms-flexbox;
      	display: flex;
      	-webkit-box-orient: vertical;
      	-webkit-box-direction: normal;
      	-webkit-flex-direction: column;
      	   -moz-box-orient: vertical;
      	   -moz-box-direction: normal;
      		-ms-flex-direction: column;
      			flex-direction: column;
      width: 100%;
      	max-width: 48vw;
      	margin: 0 0 0 -0.15rem;
      height: 3rem;
      }
  
      .top-right-box > div {
      	line-height: 1;
      }
  
      .top-right-box > .level {
      	font-size: 4em;
      }
  
      .top-right-box > .clearance {
      	line-height: 1.5;
      	-webkit-box-align: center;
      	-webkit-align-items: center;
      	   -moz-box-align: center;
      		-ms-flex-align: center;
      			align-items: center;
      	font-size: -webkit-calc(14px + (14 - 10) * ( (100vw - 400px) / ( 480 - 300) ));
      	font-size: -moz-calc(14px + (14 - 10) * ( (100vw - 400px) / ( 480 - 300) ));
      	font-size: calc(14px + (14 - 10) * ( (100vw - 400px) / ( 480 - 300) ));
      	width: initial;
      	height: 1.5rem;
      }
  
      .top-right-box > .clearance::before {
      	line-height: 0.5;
      	-webkit-box-align: center;
      	-webkit-align-items: center;
      	   -moz-box-align: center;
      		-ms-flex-align: center;
      			align-items: center;
      	width: initial;
      	height: initial;
      	position: initial;
      }
  
      .anom-bar > .bottom-box {
      	position: initial;
      	-ms-grid-columns: 1fr;
      	grid-template-columns: 1fr;
      	height: 8rem;
      }
  
      .anom-bar-container:not(.esoteric) .text-part > .main-class::before {
      	width: 2.5rem;
      	height: 2.5rem;
      	top: -webkit-calc(50% - 1.475rem);
      	top: -moz-calc(50% - 1.475rem);
      	top: calc(50% - 1.475rem);
      	right: 0.5rem;
      }
  
      .text-part > div > .class-category, 
      .anom-bar-container.esoteric .text-part > .main-class > .contain-class > .class-category {
      	font-size: 1em;
      }
  
      .text-part .disrupt-class,
      .text-part .risk-class {
      	font-size: 0.9em;
      }
  
      .text-part > .main-class::after,
      .text-part .disrupt-class::after,
      .text-part .risk-class::after {
      	height: 2rem;
      	width: 2rem;
      	top: -webkit-calc(50% - 1.25rem);
      	top: -moz-calc(50% - 1.25rem);
      	top: calc(50% - 1.25rem);
      }
  
      .text-part > .main-class::before,
      .text-part .disrupt-class::before,
      .text-part .risk-class::before {
      	height: 2.5rem;
      	width: 2.5rem;
      	font-size: 1rem;
      	top: -webkit-calc(50% - 1.25rem);
      	top: -moz-calc(50% - 1.25rem);
      	top: calc(50% - 1.25rem);
      	right: 1.5rem;
      }
  
      .anom-bar-container.esoteric .text-part > .main-class::before {
      	top: 0.15rem;
      	width: 4.5rem;
      	height: 2.5rem;
      	right: 1rem;
      	-webkit-background-size: 100% 100%;
      	   -moz-background-size: 100% 100%;
      		 -o-background-size: 100% 100%;
      			background-size: 100% 100%;
      	background-position: left -10px center;
      }
  
      .anom-bar-container.esoteric .text-part > .main-class::after {
      	height: 2.5rem;
      	width: 2.5rem;
      }
  
      .bottom-box > .diamond-part {
      	position: absolute;
      	top: 0;
      	right: 0;
      	width: 40vw;
      	height: 40vw;
      	padding: 0;
      }
  
      .diamond-part * {
      	background-repeat: no-repeat;
      }
  
      .top-box .top-left-box {
      	-ms-grid-row: 2;
      	-ms-grid-column: 1;
      }
  
      .top-box .top-center-box {
      	-ms-grid-row: 3;
      	-ms-grid-column: 1;
      }
  
      .top-box .top-right-box {
      	-ms-grid-row: 4;
      	-ms-grid-column: 1;
      }
  
      .anom-bar-container.pending .anom-bar > .bottom-box,
      .anom-bar-container.neutralized .anom-bar > .bottom-box,
      .anom-bar-container.neutralised .anom-bar > .bottom-box,
      .anom-bar-container.explained .anom-bar > .bottom-box {
      	height: 6rem;
      }
  
      .danger-diamond > .top-icon {
      	top: 0.375rem;
      }
  
      .danger-diamond > .right-icon {
      	right: 0.375rem;
      }
  
      .danger-diamond > .left-icon {
      	left: 0.375rem;
      }
  
      .danger-diamond > .bottom-icon {
      	bottom: 0.375rem;
      }
  }
  
  @supports not (--css: variables) {
  
      .anom-bar {
      	display: -webkit-box;
      	display: -webkit-flex;
      	display: -moz-box;
      	display: -ms-flexbox;
      	display: flex;
      	-webkit-box-orient: vertical;
      	-webkit-box-direction: normal;
      	-webkit-flex-flow: column nowrap;
      	   -moz-box-orient: vertical;
      	   -moz-box-direction: normal;
      		-ms-flex-flow: column nowrap;
      			flex-flow: column nowrap;
      }
  
      .anom-bar > .top-box { 
      	display: -webkit-box; 
      	display: -webkit-flex; 
      	display: -moz-box; 
      	display: -ms-flexbox; 
      	display: flex;
      	-webkit-box-orient: horizontal;
      	-webkit-box-direction: normal;
      	-webkit-flex-direction: row;
      	   -moz-box-orient: horizontal;
      	   -moz-box-direction: normal;
      		-ms-flex-direction: row;
      			flex-direction: row;
      	-webkit-flex-wrap: nowrap;
      		-ms-flex-wrap: nowrap;
      			flex-wrap: nowrap;
      }
  
      .top-box .top-center-box {
      	-webkit-box-flex: 2;
      	-webkit-flex-grow: 2;
      	   -moz-box-flex: 2;
      		-ms-flex-positive: 2;
      			flex-grow: 2;
      }
  
      .anom-bar > .bottom-box {
      	display: -webkit-box;
      	display: -webkit-flex;
      	display: -moz-box;
      	display: -ms-flexbox;
      	display: flex;
      }
  
      .bottom-box > .text-part {
      	-webkit-box-flex: 1;
      	-webkit-flex-grow: 1;
      	   -moz-box-flex: 1;
      		-ms-flex-positive: 1;
      			flex-grow: 1;
      	width: 100%;
      }
  
      .anom-bar-container .text-part .main-class {
      	overflow: hidden;
      }
  
      .anom-bar-container .text-part .disrupt-class,
      .anom-bar-container .text-part .risk-class {
      	display: -webkit-box;
      	display: -webkit-flex;
      	display: -moz-box;
      	display: -ms-flexbox;
      	display: flex;
      	-webkit-box-orient: horizontal;
      	-webkit-box-direction: normal;
      	-webkit-flex-direction: row;
      	   -moz-box-orient: horizontal;
      	   -moz-box-direction: normal;
      		-ms-flex-direction: row;
      			flex-direction: row;
      	-webkit-flex-wrap: nowrap;
      		-ms-flex-wrap: nowrap;
      			flex-wrap: nowrap; 
      	-webkit-box-align: center; 
      	-webkit-align-items: center; 
      	   -moz-box-align: center; 
      		-ms-flex-align: center; 
      			align-items: center;
      	-webkit-box-pack: start;
      	-webkit-justify-content: flex-start;
      	   -moz-box-pack: start;
      		-ms-flex-pack: start;
      			justify-content: flex-start;
      }
  
      .anom-bar-container .text-part .disrupt-class .class-category,
      .anom-bar-container .text-part .risk-class  .class-category {
      	-webkit-flex-shrink: 4;
      		-ms-flex-negative: 4;
      			flex-shrink: 4;
      }
  
      .bottom-box > .diamond-part {
      	width: 6rem;
      	height: 6rem;
      	-webkit-box-flex: 0;
      	-webkit-flex-grow: 0;
      	   -moz-box-flex: 0;
      		-ms-flex-positive: 0;
      			flex-grow: 0;
      	-webkit-flex-shrink: 0;
      		-ms-flex-negative: 0;
      			flex-shrink: 0;
      	display: -webkit-box;
      	display: -webkit-flex;
      	display: -moz-box;
      	display: -ms-flexbox;
      	display: flex;
      }
  
  @media (max-width: 480px ) {
      	.anom-bar > .top-box {
      		height: 6rem;
      		display: -webkit-box;
      		display: -webkit-flex;
      		display: -moz-box;
      		display: -ms-flexbox;
      		display: flex;
      		-webkit-box-orient: vertical;
      		-webkit-box-direction: normal;
      		-webkit-flex-direction: column;
      		   -moz-box-orient: vertical;
      		   -moz-box-direction: normal;
      			-ms-flex-direction: column;
      				flex-direction: column;
      		-webkit-flex-wrap: nowrap;
      			-ms-flex-wrap: nowrap;
      				flex-wrap: nowrap;
      		width: -webkit-calc(100% - 40vw);
      		width: -moz-calc(100% - 40vw);
      		width: calc(100% - 40vw);
      	}
      	
      	.top-box .top-left-box {
      		display: initial;
      	}
      	
      	.top-box > * {
      		width: 100%;
      		height: auto;
      	}
      	
      	.top-box .top-center-box {
      			-webkit-box-flex: 0;
      			-webkit-flex-grow: 0;
      			   -moz-box-flex: 0;
      				-ms-flex-positive: 0;
      					flex-grow: 0;
      	}
      	
      }
  }
  

  Pages using this styling

  • component:anomaly-class-bar-source [info]

  ¶ 1 occurrence
  

  .cell-container {
      display: flex;
      align-items: center;
      text-align: center;
      width: 100%;
      overflow: hidden;
      font-size: small;
      justify-content: center;
  }
  @media (max-width: 450px) {
  .cell-container {
      font-size: xx-small;
  }
  }
  
  .base-cell {
      height: 140px;
      display: flex;
      flex-direction: column;
      justify-content: space-evenly;
  }
  @media (max-width: 450px) {
  .base-cell {
      height: 60px;
  }
  }
  
  
  /*
  |-----------------------------------------------------------------------------------|  
  |                                IMAGE DIVS ANT                                     |
  |-----------------------------------------------------------------------------------|
  */
  
  .image-cell {
      width: 80px;
      height: 70px;
      font-size: 15px;
      overflow: visible;
      background-position: 50%,50%;
      background-size: 70px, 20px;
      background-repeat: no-repeat;
      object-fit: contain;
  }
  @media (max-width: 450px) {
  .image-cell{
      font-size: xx-small;
      width: 4em;
      height: 30px;
  }
  }
  
  .main-text-cell.image {
      background-size: 54px, 54px;
      background-repeat: no-repeat;
      background-position: 50%,50%;
      margin-bottom: 0.75em;
  }
  @media (max-width: 450px) {
  .main-text-cell.image {
      background-size: 30px, 30px;
      background-repeat: no-repeat;
      background-position: 50%,50%;
  }
  }
  
  /*
  >>>>>>>>>>>>>>>>|----------------------------------------------------------------------|  
  >>>>>>>>>>>>>>>>|                                      IMAGE CENTER                                        |
  >>>>>>>>>>>>>>>>|----------------------------------------------------------------------|
  */
  
  .image-cell.center {
      background-position: 50%;
      width: 5em;
      height: 140px;
  }
  @media (max-width: 450px) {
  .image-cell.center{
      background-size: 30px;
      height: 60px;
  }
  }
  
  .image-cell.center.style-one {
    background-image: url("http://scp-wiki.wikidot.com/local--files/component:advanced-navigation-toolbar-source/ANT_MID_LEFT.png");
  }
  .image-cell.center.style-two {
    background-image: url("http://scp-wiki.wikidot.com/local--files/component:advanced-navigation-toolbar-source/ANT_MID_LEFT_ALT.png");
  }
  .image-cell.center.style-three {
    background-image: url("http://scp-wiki.wikidot.com/local--files/component:advanced-navigation-toolbar-source/ANT_MID_LEFT_ALT2.png");
  }
  
  /*
  >>>>>>>>>>>>>>>>|----------------------------------------------------------------------|  
  >>>>>>>>>>>>>>>>|                                  IMAGE DUAL CENTER                                     |
  >>>>>>>>>>>>>>>>|----------------------------------------------------------------------|
  */
  
  .image-cell.dual-center {
      background-position: 50%;
      width: 5em;
      height: 140px;
  }
  @media (max-width: 450px) {
  .image-cell.dual-center{
      width: 4em;
      height: 60px;
      background-size: 35px;
  }
  }
  
  .image-cell.dual-center.style-one {
    background-image: url("http://scp-wiki.wikidot.com/local--files/component:advanced-navigation-toolbar-source/ANT_DUAL_LEFT.png");
  }
  .image-cell.dual-center.style-two {
    background-image: url("http://scp-wiki.wikidot.com/local--files/component:advanced-navigation-toolbar-source/ANT_DUAL_LEFT_ALT.png");
  }
  .image-cell.dual-center.style-three {
    background-image: url("http://scp-wiki.wikidot.com/local--files/component:advanced-navigation-toolbar-source/ANT_DUAL_LEFT_ALT2.png");
  }
  
  /*
  >>>>>>>>>>>>>>>>|----------------------------------------------------------------------|  
  >>>>>>>>>>>>>>>>|                                         IMAGE LEFT                                         |
  >>>>>>>>>>>>>>>>|----------------------------------------------------------------------|
  */
  
  .image-cell.left {
      background-position: 50%, 17%;
      width: 5em;
      height: 140px;
  }
  @media (max-width: 450px) {
  .image-cell.left{
      background-position: 50%,21%;
      background-size: 35px, 25%;
      height: 60px;
  }
  }
  
  .image-cell.left.style-one {
    background-image: url("http://scp-wiki.wikidot.com/local--files/component:advanced-navigation-toolbar-source/ANT_END_LEFT.png"), url("{$prevImage}");
  }
  .image-cell.left.style-two {
    background-image: url(" http://scp-wiki.wikidot.com/local--files/component:advanced-navigation-toolbar-source/ANT_END_LEFT_ALT.png"), url("{$prevImage}");
  }
  .image-cell.left.style-three {
    background-image: url(" http://scp-wiki.wikidot.com/local--files/component:advanced-navigation-toolbar-source/ANT_END_LEFT_ALT2.png"), url("{$prevImage}");
  }
  
  
  .image-cell.left.bottom {
      margin-top: -2.05em;
      height: 85px;
  }
  @media (max-width: 450px) {
  .image-cell.left.bottom {
      margin-top: -1.75em;
      margin-bottom: -1.15em;
      height: 55px;
  }
  }
  
  .image-cell.left.bottom.style-one {
    background-image: url("http://scp-wiki.wikidot.com/local--files/component:advanced-navigation-toolbar-source/ANT_END_LEFT.png"), url("{$prev2Image}");
  }
  .image-cell.left.bottom.style-two {
    background-image: url("http://scp-wiki.wikidot.com/local--files/component:advanced-navigation-toolbar-source/ANT_END_LEFT_ALT.png"), url("{$prev2Image}");
  }
  .image-cell.left.bottom.style-three {
    background-image: url("http://scp-wiki.wikidot.com/local--files/component:advanced-navigation-toolbar-source/ANT_END_LEFT_ALT2.png"), url("{$prev2Image}");
  }
  
  /*
  >>>>>>>>>>>>>>>>|----------------------------------------------------------------------|  
  >>>>>>>>>>>>>>>>|                                         IMAGE RIGHT                                        |
  >>>>>>>>>>>>>>>>|----------------------------------------------------------------------|
  */
  
  .image-cell.right {
      background-position: 50%,83%;
      width: 5em;
      height: 140px;
  }
  @media (max-width: 450px) {
  .image-cell.right{
      background-position: 50%,78%;
      background-size: 35px, 25%;
      height: 60px;
  }
  }
  
  .image-cell.right.style-one {
    background-image: url("http://scp-wiki.wikidot.com/local--files/component:advanced-navigation-toolbar-source/ANT_END_RIGHT.png"), url("{$nextImage}");
  }
  .image-cell.right.style-two {
    background-image: url("http://scp-wiki.wikidot.com/local--files/component:advanced-navigation-toolbar-source/ANT_END_RIGHT_ALT.png"), url("{$nextImage}");
  }
  .image-cell.right.style-three {
    background-image: url("http://scp-wiki.wikidot.com/local--files/component:advanced-navigation-toolbar-source/ANT_END_RIGHT_ALT2.png"), url("{$nextImage}");
  }
  
  .image-cell.right.bottom {
      margin-top: -2.05em;
      height: 85px;
  }
  @media (max-width: 450px) {
  .image-cell.right.bottom {
      margin-top: -1.75em;
      margin-bottom: -1.15em;
      height: 55px;
  }
  }
  
  .image-cell.right.bottom.style-one {
    background-image: url("http://scp-wiki.wikidot.com/local--files/component:advanced-navigation-toolbar-source/ANT_END_RIGHT.png"), url("{$next2Image}");
  }
  .image-cell.right.bottom.style-two {
    background-image: url("http://scp-wiki.wikidot.com/local--files/component:advanced-navigation-toolbar-source/ANT_END_RIGHT_ALT.png"), url("{$next2Image}");
  }
  .image-cell.right.bottom.style-three {
    background-image: url("http://scp-wiki.wikidot.com/local--files/component:advanced-navigation-toolbar-source/ANT_END_RIGHT_ALT2.png"), url("{$next2Image}");
  }
  
  /*
  |-----------------------------------------------------------------------------------|  
  |                                                 TEXT DIVS ANT                                               |
  |-----------------------------------------------------------------------------------|
  */
  
  .side-text-cell {
    display: inline-grid;
    font-size: 15px;
    flex-basis: 40%;
    text-align: center;
    align-items: center;
    max-width: 30em;
    min-width: 6em;
  }
  @media (max-width: 450px) {
  .side-text-cell {
    font-size: xx-small;
    flex-basis: 20%;
    max-width: 8em;
    min-width: 6em;
  }
  }
  
  .side-text-cell.full {
      height: 140px;
  }
  @media (max-width: 450px) {
  .side-text-cell.full {
      height: 60px;
      width: 10em;
  }
  }
  
  .main-text-cell {
      flex-basis: 10%;
      max-width: 8em;
      font-size: 15px;
      overflow-wrap: break-word;
  }
  @media (max-width: 450px) {
  .main-text-cell {
      font-size: xx-small;
      max-width: 8em;
      min-width: 5em;
  }
  }
  
  /*
  |-----------------------------------------------------------------------------------|  
  |                                               ALT MODES ANT                                                |
  |-----------------------------------------------------------------------------------|
  */
  
  /*
  >>>>>>>>>>>>>>>>|----------------------------------------------------------------------|  
  >>>>>>>>>>>>>>>>|                                          RIGHT MODE                                        |
  >>>>>>>>>>>>>>>>|----------------------------------------------------------------------|
  */
  
  .rightmode-\{\$rightmode\}.normal {
      display: flex;
      justify-content: end;
      align-items: end;
  }
  .rightmode-\{\$rightmode\}.end {
    display: none;
  }
  @media (max-width: 450px) {
  .rightmode-\{\$rightmode\}.normal {
    max-width: 15em;
  }
  }
  
  .rightmode-\{\$rightmode\}.normal.text {
      margin-top: -3.5em; 
      margin-bottom: 1.5em;
      height: 50%;
  }
  @media (max-width: 450px) {
  .rightmode-\{\$rightmode\}.normal.text {
      margin-top: -0.1em; 
      margin-bottom: 0.25em;
      height: 40%;
  }
  }
  
  .rightmode-a.normal {
    display: none;
  }
  .rightmode-a.end {
    display: inherit;
  }
  
  /*
  >>>>>>>>>>>>>>>>|----------------------------------------------------------------------|  
  >>>>>>>>>>>>>>>>|                                           LEFT MODE                                        |
  >>>>>>>>>>>>>>>>|----------------------------------------------------------------------|
  */
     
  .leftmode-\{\$leftmode\}.normal {
      display: flex;
      justify-content: end;
      align-items: end;
  }
  .leftmode-\{\$leftmode\}.end {
    display: none;
  }
  @media (max-width: 450px) {
  .leftmode-\{\$leftmode\}.normal {
    max-width: 15em;
  }
  }
  
  
  .leftmode-\{\$leftmode\}.normal.text {
      margin-top: -3.5em; 
      margin-bottom: 1.5em;
      height: 50%;
  }
  @media (max-width: 450px) {
  .leftmode-\{\$leftmode\}.normal.text {
      margin-top: -0.1em; 
      margin-bottom: 0.25em;
      height: 40%;
  }
  }
  
  /* needed to fix alignment issues present on the small version but not the big one */
  .leftmode-\{\$leftmode\}.normal.small {
      justify-content: start;
      align-items: start;
      text-align: center;
  }
  
  .leftmode-a.normal {
    display: none;
  }
  .leftmode-a.end {
    display: inherit;
  }
  
  /*
  >>>>>>>>>>>>>>>>|----------------------------------------------------------------------|  
  >>>>>>>>>>>>>>>>|                                     IMAGE SERIES END                                    |
  >>>>>>>>>>>>>>>>|----------------------------------------------------------------------|
  */
  
  .image-cell.center.endstyle-one {
    background-image: url("http://scp-wiki.wikidot.com/local--files/component:advanced-navigation-toolbar-source/ANT_MID_LEFT_END.png");
  }
  .image-cell.center.endstyle-two {
    background-image: url("http://scp-wiki.wikidot.com/local--files/component:advanced-navigation-toolbar-source/ANT_MID_LEFT_ALT_END.png");
  }
  .image-cell.center.endstyle-three {
    background-image: url("http://scp-wiki.wikidot.com/local--files/component:advanced-navigation-toolbar-source/ANT_MID_LEFT_ALT2_END.png");
  }
  
  .image-cell.dual-center.endstyle-one {
    background-image: url("http://scp-wiki.wikidot.com/local--files/component:advanced-navigation-toolbar-source/ANT_DUAL_LEFT_END.png");
  }
  
  .image-cell.dual-center.endstyle-two {
    background-image: url("http://scp-wiki.wikidot.com/local--files/component:advanced-navigation-toolbar-source/ANT_DUAL_LEFT_ALT_END.png");
  }
  
  .image-cell.dual-center.endstyle-three {
    background-image: url("http://scp-wiki.wikidot.com/local--files/component:advanced-navigation-toolbar-source/ANT_DUAL_LEFT_ALT2_END.png");
  }
  
  /*
  >>>>>>>>>>>>>>>>|----------------------------------------------------------------------|  
  >>>>>>>>>>>>>>>>|                                     ADDITIONAL THEMES                                 |
  >>>>>>>>>>>>>>>>|----------------------------------------------------------------------|
  */
  
  .image-cell.left.style-nightfall {
    background-image: url("http://timebox.wikidot.com/local--files/advanced-navigation-toolbar-source/ANT_END_LEFT_NIGHTFALL.png"), url("{$prevImage}");
  }
  .image-cell.left.bottom.style-nightfall {
    background-image: url("http://timebox.wikidot.com/local--files/advanced-navigation-toolbar-source/ANT_END_LEFT_NIGHTFALL.png"), url("{$prev2Image}");
  }
  .image-cell.right.style-nightfall {
    background-image: url("http://timebox.wikidot.com/local--files/advanced-navigation-toolbar-source/ANT_END_RIGHT_NIGHTFALL.png"), url("{$nextImage}");
  }
  .image-cell.right.bottom.style-nightfall {
    background-image: url("http://timebox.wikidot.com/local--files/advanced-navigation-toolbar-source/ANT_END_RIGHT_NIGHTFALL.png"), url("{$next2Image}");
  }
  
  .image-cell.center.style-nightfall {
    background-image: url("http://timebox.wikidot.com/local--files/advanced-navigation-toolbar-source/ANT_MID_LEFT_NIGHTFALL.png");
  }
  .image-cell.dual-center.style-nightfall {
    background-image: url("http://timebox.wikidot.com/local--files/advanced-navigation-toolbar-source/ANT_DUAL_NIGHTFALL_ALT.png");
  }
  
  .image-cell.dual-center.endstyle-nightfall {
    background-image: url("http://timebox.wikidot.com/local--files/advanced-navigation-toolbar-source/ANT_DUAL_LEFT_NIGHTFALL_END.png");
  }
  .image-cell.center.endstyle-nightfall {
    background-image: url("http://timebox.wikidot.com/local--files/advanced-navigation-toolbar-source/ANT_MID_LEFT_NIGHTFALL_END.png");
  }
  

  Pages using this styling

  • component:advanced-navigation-toolbar-source [info]

  ¶ 1 occurrence
  

  @import url("https://nu-scptheme.github.io/Black-Highlighter/stable/styles/normalize.min.css");
  @import url("https://nu-scptheme.github.io/Black-Highlighter/stable/styles/black-highlighter.min.css");
  
  .box {
      position: relative;
      padding: 0.5em;
      margin: 0.5em;
      box-shadow: 2px 1.5px 1px lightgrey, 0 0 0px 1px lightgrey;
      overflow-wrap: break-word;
      color: black;
  }
  .dividerContainer {
      background-image: url('http://timebox.wikidot.com/local--files/advanced-navigation-toolbar/AntDividerLarger.png');
      background-repeat: no-repeat;
      background-size: 65%;
      background-position: center;
      width: 500px;
      height: 20px;
      margin: auto;
      padding: 20px 0px 0px 20px;
  }
  
  /* This following code has been taken wholesale from SCP-5555 as I couldn't find a component that did the same thing. */
  .desktop-only {
      height: 18rem;
      width: 10rem;
      background: #ffffff;
      position: -webkit-sticky;
      position: sticky;
      top: 15rem;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      border: solid 1px #444444;
      padding: 10px;
      -webkit-box-shadow: none;
         -moz-box-shadow:  none;
              box-shadow: none;
      overflow: visible;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
         -moz-box-orient: vertical;
         -moz-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-transform: translateX(400%);
         -moz-transform: translateX(400%);
          -ms-transform: translateX(400%);
           -o-transform: translateX(400%);
              transform: translateX(400%);
  }
  .article {
      margin-top: -21rem!important;
  }
  @media (max-width: 1250px) {
      .desktop-only {
       display: none !important;
       visibility:hidden
      }
      .article {
       margin-top: 4rem!important;
      }
      #page-content > div:nth-child(5) {
       margin-top: 0;
      }
  }

  Pages using this styling

  • component:advanced-navigation-toolbar [info]

  ¶ 1 occurrence
  

  .w-container {
    padding: 11px;
    margin-bottom: 16px;
    margin-top: 16px;
    border: 1px #bbbbbb solid;
    box-shadow: 1px 2px 2px 0 rgba(0,0,0,0.16);
    box-sizing: border-box;
  }
  
  @media (max-width: 490px) {
  .w-container {
     padding: 10px;
  }
  }
  .w-cell {
    flex-grow: 2;
    max-width: 50%;
    text-align: center;
    font-size: 0.66rem;
    border-left: 1px solid #ccc;
    margin-top: -1px;
    margin-left: -1px;
    padding: 2px;
    box-sizing: border-box;
  }
  
  .cell-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
    overflow: hidden;
    font-size: small;
    margin-bottom: -8px;
    margin-top: -8px;
    padding: 0px;
  }
  
  .cell-container-image {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
    overflow: hidden;
    font-size: small;
    margin-bottom: -8px;
    margin-top: -8px;
    padding: 0px;
    background-size: var(--aim-cc-siz), var(--aim-lv-siz), var(--aim-sc-siz);
    background-repeat: no-repeat;
    background-position: 50%,50%,50%;
    background-image: var(--aim-cc-image), var(--aim-lv-image), var(--aim-sc-image);
  }
  .s-cell {
    width: 50%;
    font-size: 15px;
    margin-top: -0.4rem;
    margin-bottom: -0.8rem;
  }
  @media (max-width: 460px) {
  .s-cell {
     margin-top: 1rem;
  }
  }
  @media (max-width: 350px) {
  .cell-container-image {
     font-size: 12px;
  }
  .s-cell {
     font-size: 12px;
  }
  }
  
  /* Only affects horizontal bar in w-cell */
  .w-cell > hr {
    margin: -2px;
    margin-top: -0.6em;
    background-color: #ccc;
  }
  .b-cell {
      position: relative;
      padding: 0.5em;
      margin: 0.5em;
      overflow-wrap: break-word;
      color: black;
  }
  
  /*====================================================================================*/
  /*DESKTOP IMAGES*/
  /* CC images */
  
  .cell-container-image {
    --aim-cc-image: url({$cc-link});
    --aim-cc-siz: contain;
  }
  .cell-container-image.cc-SAFE {
    --aim-cc-image: url("http://scp-wiki.wikidot.com/local--files/component:advanced-information-methodology/cc_SAFE.png");
     --aim-cc-siz: contain;
  }
  .cell-container-image.cc-EUCLID {
    --aim-cc-image: url("http://scp-wiki.wikidot.com/local--files/component:advanced-information-methodology/cc_EUCLID.png");
     --aim-cc-siz: contain;
  }
  .cell-container-image.cc-KETER {
    --aim-cc-image: url("http://scp-wiki.wikidot.com/local--files/component:advanced-information-methodology/cc_KETER.png");
     --aim-cc-siz: contain;
  }
  .cell-container-image.cc-NEUTRALIZED {
    --aim-cc-image: url("http://scp-wiki.wikidot.com/local--files/component:advanced-information-methodology/cc_NEUTRALIZED.png");
     --aim-cc-siz: contain;
  }
  .cell-container-image.cc-THAUMIEL {
    --aim-cc-image: url("http://scp-wiki.wikidot.com/local--files/component:advanced-information-methodology/cc_THAUMIEL.png");
     --aim-cc-siz: contain;
  }
  
  /* Darkmode CC images */
  
  /* Level images */
  
  .cell-container-image {
    --aim-lv-image:  url({$lv-link});
    --aim-lv-siz: contain;
  }
  
  .cell-container-image.lv-one {
    --aim-lv-image: url("http://scp-wiki.wikidot.com/local--files/component:advanced-information-methodology/c_lvl_one.png");
     --aim-lv-siz: contain;
  }
  .cell-container-image.lv-two {
    --aim-lv-image: url("http://scp-wiki.wikidot.com/local--files/component:advanced-information-methodology/c_lvl_two.png");
     --aim-lv-siz: contain;
  }
  .cell-container-image.lv-three {
    --aim-lv-image: url("http://scp-wiki.wikidot.com/local--files/component:advanced-information-methodology/c_lvl_three.png");
     --aim-lv-siz: contain;
  }
  .cell-container-image.lv-four {
    --aim-lv-image: url("http://scp-wiki.wikidot.com/local--files/component:advanced-information-methodology/c_lvl_four.png");
     --aim-lv-siz: contain;
  }
  .cell-container-image.lv-five {
    --aim-lv-image: url("http://scp-wiki.wikidot.com/local--files/component:advanced-information-methodology/c_lvl_five.png");
     --aim-lv-siz: contain;
  }
  .cell-container-image.lv-six {
    --aim-lv-image: url("http://scp-wiki.wikidot.com/local--files/component:advanced-information-methodology/c_lvl_six.png");
     --aim-lv-siz: contain;
  }
  
  /* Darkmode level images */
  
  .cell-container-image.darkmode-a.lv-one {
    --aim-lv-image: url("http://scp-wiki.wikidot.com/local--files/component:advanced-information-methodology/dark_c_lvl_one.png");
     --aim-lv-siz: contain;
  }
  .cell-container-image.darkmode-a.lv-two {
    --aim-lv-image: url("http://scp-wiki.wikidot.com/local--files/component:advanced-information-methodology/dark_c_lvl_two.png");
     --aim-lv-siz: contain;
  }
  .cell-container-image.darkmode-a.lv-three {
    --aim-lv-image: url("http://scp-wiki.wikidot.com/local--files/component:advanced-information-methodology/dark_c_lvl_three.png");
     --aim-lv-siz: contain;
  }
  .cell-container-image.darkmode-a.lv-four {
    --aim-lv-image: url("http://scp-wiki.wikidot.com/local--files/component:advanced-information-methodology/dark_c_lvl_four.png");
     --aim-lv-siz: contain;
  }
  .cell-container-image.darkmode-a.lv-five {
    --aim-lv-image: url("http://scp-wiki.wikidot.com/local--files/component:advanced-information-methodology/dark_c_lvl_five.png");
     --aim-lv-siz: contain;
  }
  .cell-container-image.darkmode-a.lv-six {
    --aim-lv-image: url("http://scp-wiki.wikidot.com/local--files/component:advanced-information-methodology/dark_c_lvl_six.png");
     --aim-lv-siz: contain;
  }
  
  .l-\{\$lv\}::after {
    content: "{$lv-name}";
  }
  .l-one::after {
    content: "01/Unrestricted";
  }
  .l-two::after {
    content: "02/Restricted";
  }
  .l-three::after {
    content: "03/Confidential";
  }
  .l-four::after {
    content: "04/Secret";
  }
  .l-five::after {
    content: "05/Top Secret";
  }
  .l-six::after {
    content: "06/Cosmic Top Secret";
  }
  
  /*====================================================================================*/
  /*MOBILE IMAGES*/
  
  @media (max-width: 350px) {
  .cell-container-image {
     --aim-cc-siz: 10px;
  }
  }
  /* Level images */
  
  .cell-container-image.lvm-one {
    --aim-lv-image: url("https://scp-wiki.wikidot.com/local--files/component:advanced-information-methodology/mlvlone.svg");
     --aim-lv-siz: 100px;
  }
  .cell-container-image.lvm-two {
    --aim-lv-image: url("https://scp-wiki.wikidot.com/local--files/component:advanced-information-methodology/mlvltwo.svg");
     --aim-lv-siz: 100px;
  }
  .cell-container-image.lvm-three {
    --aim-lv-image: url("https://scp-wiki.wikidot.com/local--files/component:advanced-information-methodology/mlvlthree.svg");
     --aim-lv-siz: 100px;
  }
  .cell-container-image.lvm-four {
    --aim-lv-image: url("https://scp-wiki.wikidot.com/local--files/component:advanced-information-methodology/mlvlfour.svg");
     --aim-lv-siz: 100px;
  }
  .cell-container-image.lvm-five {
    --aim-lv-image: url("https://scp-wiki.wikidot.com/local--files/component:advanced-information-methodology/m_lvlfive.png");
     --aim-lv-siz: 100px;
  }
  .cell-container-image.lvm-six {
    --aim-lv-image: url("https://scp-wiki.wikidot.com/local--files/component:advanced-information-methodology/m_lvlsix.png");
     --aim-lv-siz: 100px;
  }
  
  /* Darkmode level images */
  
  .cell-container-image.darkmode-a.lvm-one {
    --aim-lv-image: url("https://scp-wiki.wikidot.com/local--files/component:advanced-information-methodology/mlvloned.png");
     --aim-lv-siz: 100px;
  }
  .cell-container-image.darkmode-a.lvm-two {
    --aim-lv-image: url("https://scp-wiki.wikidot.com/local--files/component:advanced-information-methodology/mlvltwod.png");
     --aim-lv-siz: 100px;
  }
  .cell-container-image.darkmode-a.lvm-three {
    --aim-lv-image: url("https://scp-wiki.wikidot.com/local--files/component:advanced-information-methodology/mlvlthreed.png");
     --aim-lv-siz: 100px;
  }
  .cell-container-image.darkmode-a.lvm-four {
    --aim-lv-image: url("https://scp-wiki.wikidot.com/local--files/component:advanced-information-methodology/mlvlfourd.png");
     --aim-lv-siz: 100px;
  }
  .cell-container-image.darkmode-a.lvm-five {
    --aim-lv-image: url("https://scp-wiki.wikidot.com/local--files/component:advanced-information-methodology/dark_m_lvlfive.png");
     --aim-lv-siz: 100px;
  }
  .cell-container-image.darkmode-a.lvm-six {
    --aim-lv-image: url("https://scp-wiki.wikidot.com/local--files/component:advanced-information-methodology/dark_m_lvlsix.png");
     --aim-lv-siz: 100px;
  }
  
  .l-\{\$lv\}m::after {
    content: "{$lv-name}";
  }
  .l-onem::after {
    content: "01/Un";
  }
  .l-twom::after {
    content: "02/Re";
  }
  .l-threem::after {
    content: "03/Co";
  }
  .l-fourm::after {
    content: "04/Se";
  }
  .l-fivem::after {
    content: "05/To";
  }
  .l-sixm::after {
    content: "06/XT";
  }
  .desktop-aim{
  }
  .mobile-aim{
  }
  
  @media (max-width: 600px) {
  .desktop-aim{
     display: none;
  }
  }
  @media (min-width: 601px) {
  .mobile-aim{
     display: none;
  }
  }
  
  /* Defaults for if the user doesn't use one of the variables */
  .display-\{\$sc\} {
    display: none;
  }
  .cell-container-image {
    --aim-sc-image:  url({$sc-link});
    --aim-sc-siz: contain;
  }
  /* Default darkmode background */
  .cell-container-image.sc-\{\$sc\} {
    --aim-sc-image: url("https://scp-wiki.wikidot.com/local--files/component:advanced-information-methodology/scNONE.png");
    --aim-sc-siz: contain;
  }
  .cell-container-image.darkmode-a.sc-\{\$sc\} {
    --aim-sc-image: url("https://scp-wiki.wikidot.com/local--files/component:advanced-information-methodology/dark_scNONE.png");
    --aim-sc-siz: contain;
  }
  
  .cell-container-image.mobile {
    --aim-sc-image:  url("https://scp-wiki.wikidot.com/local--files/component:advanced-information-methodology/mobile_scNONE.png");
    --aim-sc-siz: contain;
    --aim-cc-siz: 670px;
  }
  
  /* Values for mobile where the user has added a custom lv image*/
  .cell-container-image.mobile.lvm-\{\$lv\} {
    --aim-lv-image:  url({$lv-link});
    --aim-lv-siz: 670px;
    --aim-sc-image: url("http://scp-wiki.wikidot.com/local--files/component:advanced-information-methodology/scNONE.png");
    --aim-sc-siz: 670px;
  }
  /* if there is a secondary class it turns off text wrapping on mobile specifically to prevent weird clipping text */
  .s-cell.sc-wrapping-\{\$lv\} {
    text-wrap: nowrap;
  }

  Pages using this styling

  • component:advanced-information-methodology [info]

  ¶ 1 occurrence
  

  @media (max-width: 740px) {
  .mobile-adjust {
    width: 100% !important;
  }

  Pages using this styling

  • component:advanced-information-methodology [info]

  ¶ 1 occurrence
  

  @import url(https://scp-wiki.wdfiles.com/local--code/theme%3Abasalt/1);
  
  .box {
      position: relative;
      padding: 0.5em;
      margin: 0.5em;
      box-shadow: 2px 1.5px 1px lightgrey, 0 0 0px 1px lightgrey;
      overflow-wrap: break-word;
      color: black;
  }
  
  .nav-box {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    overflow: hidden;
    margin: 0.1em auto;
    padding-left: 0.4em;
  }
  
  .warning {
      background: rgba(245, 215, 215, 1);
      margin-inline: auto;
      padding-inline: 20px;
      border: solid 2px rgba(0, 0, 0, 0.1);
      text-align: center;
  }
  
  /* Don't display the mobile TOC when the desktop one is present */
  @media (min-width: 1200px) {
  .mobiletoc {
     display: none;
  }
  }
  
  .scp-image-caption {
    width: 100% !important;
  }
  
  .collapsible-block-folded {
    text-align: center;
  }
  
  .collapsible-block-unfolded-link {
    text-align: center;
  }
  
  /* This following code has been taken near wholesale from SCP-5555 as I couldn't find a component that did the same thing. */
  .desktop-only {
      height: 27rem;
      width: 11rem;
      background: #ffffff;
      position: -webkit-sticky;
      position: sticky;
      top: 15rem;
      display: flex;
      box-shadow: 2px 1.5px 1px lightgrey, 0 0 0px 1px lightgrey;
      padding: 10px;
      overflow: visible;
      flex-direction: column;
      transform: translateX(500%);
  }
  .article {
      margin-top: -21rem!important;
  }
  @media (max-width: 1250px) {
      .desktop-only {
       display: none !important;
       visibility:hidden
      }
      .article {
       margin-top: 4rem!important;
      }
      #page-content > div:nth-child(5) {
       margin-top: 0;
      }
  }

  Pages using this styling

  • component:advanced-information-methodology [info]

  ¶ 1 occurrence
  

  #page-title {
      display: none;
  }
  
  
  /* DO NOT COPY THE FOLLOWING CSS WITHOUT EXPLICIT TECH TEAM PERMISSION. */
  a#pagerate-button,
  .page-rate-widget-box {
      display: none;
  }

  Pages using this styling

  • component:adult-splash [info]

  ¶ 1 occurrence
  

  #page-content { position: relative; }
  ul.modal-wrapper {
      margin: 0;
      padding: 0;
      list-style: none;
      height: 0;
      display: contents;
  }
  @keyframes fademodal {
    99% { visibility: hidden; }
    100% { visibility: visible; }
  }
  ul.modal-wrapper > li {
      list-style: none;
      position: absolute;
      top: -0.1rem;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 9;
      transition: opacity 0.15s ease-out;
      animation: 0.15s fademodal;
      animation-fill-mode: forwards;
  }
  ul.modal-wrapper > li.unfolded {
      visibility: visible;
      opacity: 1;
  }
  ul.modal-wrapper > li.folded {
      visibility: hidden;
      opacity: 0;
      pointer-events: none;
      user-select: none;
  }
  
  div#u-adult-warning {
      width: 100%;
      height: 100%;
      box-sizing: border-box;
      color: black;
      text-shadow: none;
  }
  div#u-adult-warning-content {
      position: sticky;
      top: 1rem;
  }
  
  div#u-adult-warning div#u-adult-header,
  div#u-adult-warning  div#u-adult-header p { font-weight: bold; }
  #page-content div#u-adult-warning a { color: #b01; }
  #page-content div#u-adult-warning a.newpage { color: #d61; }
  #page-content div#u-adult-warning a:not(.newpage):visited { color: #824; }
  
  #u-adult-warning .content-descriptor {
      text-align: start;
      max-width: max-content;
      margin: 0 auto;
      max-height: 45svh;
      overflow-y: auto;
  }
  #u-adult-warning .content-descriptor br { display: none; }
  #u-adult-warning .content-descriptor span {
      display: none;
      margin: 0.75em 0;
  }
  #u-adult-warning .content-descriptor span::before {
      content: "■";
      margin-right: 0.5em;
  }
  #u-adult-warning .choice {
      padding: 0.125em 0;
  }
  #u-adult-warning .footer-wikiwalk-nav {
      display: flex;
      justify-content: center;
      grid-gap: 0.325em;
      margin-top: 2.5rem;
      background: unset;
      color: inherit;
  }
  #u-adult-warning .footer-wikiwalk-nav span[class^="ww-{$"] { display: none; }

  Pages using this styling

  • component:adult-content-warning [info]

  ¶ 1 occurrence
  

  :root {
    --safe: 0,159,107;
    --euclid: 255,211,0;
    --keter: 196,2,51;
    --esoteric: 66, 66, 72;
  }
  
  .contain-class .class-text {
    color: transparent !important;
  }
  
  .contain-class .class-text::before {
    content: "{$object}";
    position: absolute;
    top: 0;
    color: rgba(51,51,51,1);
  }
  
  .text-part > .main-class::before {
      margin-right:0;
  }
  
  .anom-bar-container.esoteric .text-part > .main-class::before {
    background-color: rgba(var(--{$object-color}),1);
    background-image: url("{$object-image}");
    -webkit-filter: invert(0);
    filter: invert(0);
    border-color: rgb(12,12,12);
  }
  
  .anom-bar-container.esoteric .text-part > .main-class {
    background-color: rgb(12,12,12);
    background: linear-gradient(30deg,
      rgb(var(--{$esoteric-color}),0.25) 0%,
      rgb(var(--{$esoteric-color}),0.25) 50%,
      rgb(var(--{$object-color}),0.25) 50%,
      rgb(var(--{$object-color}),0.25) 50%
    )
  }
  
  .anom-bar-container.esoteric .danger-diamond > .top-icon::before {
    background-color: rgb(var(--{$object-color}));
    background-image: url("{$object-image}");
    -webkit-filter: invert(0);
    filter: invert(0);
  }
  
  .anom-bar-container.esoteric .danger-diamond > .quadrants > .top-quad {
      background-color: rgb(66, 66, 72 ,0.15);
      background-color: rgb(var(--{$object-color}),0.25);
  }
  
  .anom-bar-container.esoteric .text-part > .main-class > .second-class > .class-text::before {
  content: "{$object2}";
  color: #333333;
  font-size: 0.00;
  font-size: {$hideObject2};
  }
  
  .anom-bar-container.esoteric .text-part > .main-class > .second-class > .class-text {
  font-size:{$hideObject};
  }
  

  Pages using this styling

  • component:acs-peppo-split [info]

  ¶ 1 occurrence
  

  
  @import url('https://fonts.googleapis.com/css?family=Roboto:400,700&display=swap&subset=latin-ext');
  
  :root {
      --five-color: 196,2,51;
      --four-color: 255,109,0;
      --three-color: 255,211,0;
      --two-color: 0,135,189;
      --one-color: 0,159,107;
  }
  
  #page-title {
      display: none;
  }
  
  .anom-bar-container,
  .anom-bar-container * {
      -webkit-box-sizing: border-box;
         -moz-box-sizing: border-box;
              box-sizing: border-box;
      padding: 0;
      margin: -0.05rem 0 0 0;
      font-family: 'Roboto', sans-serif;
      font-family: var(--title-font, 'Roboto', sans-serif);
  }
  
  .anom-bar-container {
      width: 100%;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      position: relative;
  }
  
  .anom-bar {
      display: -ms-grid;
      display: grid;
              grid-template-areas:
          "top-box"
          "bottom-box";
      width: 100%;
  }
  
  .anom-bar > .top-box {
      -ms-grid-row: 1;
      -ms-grid-column: 1;
      display: -ms-grid;
      display: grid;
      grid-area: top-box;
                  grid-template-areas:
          "top-left-box top-center-box top-right-box";
      width: 96%;
          -ms-grid-columns: auto 1fr calc(5vw + 5rem);
      grid-template-columns: auto 1fr -webkit-calc(5vw + 5rem);
      grid-template-columns: auto 1fr -moz-calc(5vw + 5rem);
      grid-template-columns: auto 1fr calc(5vw + 5rem);
      -ms-grid-rows: 1fr;
      grid-template-rows: 1fr;
      font-weight: 600;
      text-transform: uppercase;
      justify-items: stretch;
      padding-bottom: 0;
  }
  
  .top-box .top-left-box {
      -ms-grid-row: 1;
      -ms-grid-column: 1;
      grid-area: top-left-box;
      padding-left: 0.3rem;
  }
  
  .top-left-box > .item {
      font-size: -webkit-calc(12px + (20 - 12) * ( (100vw - 300px) / ( 1920 - 960) ));
      font-size: -moz-calc(12px + (20 - 12) * ( (100vw - 300px) / ( 1920 - 960) ));
      font-size: calc(12px + (20 - 12) * ( (100vw - 300px) / ( 1920 - 960) ));
  }
  
  .top-left-box > .number {
    font-size: 2em;
  }
  
  .top-box .top-center-box {
      -ms-grid-row: 1;
      -ms-grid-column: 2;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      grid-area: top-center-box;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
         -moz-box-orient: vertical;
         -moz-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: center;
      -webkit-align-items: center;
         -moz-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
         -moz-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      height: 90%;
      margin: 0 1.4rem 0 0.7rem;
      padding: 0px 2rem 0px 0px;
  }
  
  .top-center-box > div {
      background-color: rgb(0,0,0);
      height: 0.5rem;
      width: 100%;
      margin: 0.125rem;
      display: none;
  }
  
  .anom-bar-container.american .top-center-box > div {
      background-image:
      -webkit-repeating-linear-gradient(65deg,
          rgb(178,34,52),
          rgb(252,252,252) 45%,
          rgb(252,252,252) 55%,
          rgb(60,59,110) 100%);
      background-image:
      -moz-repeating-linear-gradient(65deg,
          rgb(178,34,52),
          rgb(252,252,252) 45%,
          rgb(252,252,252) 55%,
          rgb(60,59,110) 100%);
      background-image:
      -o-repeating-linear-gradient(65deg,
          rgb(178,34,52),
          rgb(252,252,252) 45%,
          rgb(252,252,252) 55%,
          rgb(60,59,110) 100%);
      background-image:
      repeating-linear-gradient(25deg,
          rgb(178,34,52),
          rgb(252,252,252) 45%,
          rgb(252,252,252) 55%,
          rgb(60,59,110) 100%);
      background-attachment: scroll;
  }
  
  .anom-bar-container.clear-1 .top-center-box > div {
      background-color: rgb(0,159,107);
      background-color: rgb(var(--one-color));
  }
  
  .anom-bar-container.clear-2 .top-center-box > div {
      background-color: rgb(0,135,189);
      background-color: rgb(var(--two-color));
  }
  
  .anom-bar-container.clear-3 .top-center-box > div {
      background-color: rgb(255,211,0);
      background-color: rgb(var(--three-color));
  }
  
  .anom-bar-container.clear-4 .top-center-box > div {
      background-color: rgb(255,109,0);
      background-color: rgb(var(--four-color));
  }
  
  .anom-bar-container.clear-5 .top-center-box > div {
      background-color: rgb(196,2,51);
      background-color: rgb(var(--five-color));
  }
  
  
  .anom-bar-container.clear-1 .top-center-box > div {
      height: 1.5rem;
  }
  
  .anom-bar-container.clear-2 .top-center-box > div {
      height: 0.625rem;
  }
  
  .anom-bar-container.clear-3 .top-center-box > div {
      height: 0.333 rem;
  }
  
  .anom-bar-container.clear-1 .top-center-box > .bar-one,
  .anom-bar-container.clear-2 .top-center-box > .bar-one,
  .anom-bar-container.clear-3 .top-center-box > .bar-one,
  .anom-bar-container.clear-4 .top-center-box > .bar-one,
  .anom-bar-container.clear-5 .top-center-box > .bar-one,
  .anom-bar-container.clear-6 .top-center-box > .bar-one {
      display: block;
  }
  
  .anom-bar-container.clear-2 .top-center-box > .bar-two,
  .anom-bar-container.clear-3 .top-center-box > .bar-two,
  .anom-bar-container.clear-4 .top-center-box > .bar-two,
  .anom-bar-container.clear-5 .top-center-box > .bar-two,
  .anom-bar-container.clear-6 .top-center-box > .bar-two {
      display: block;
  }
  
  .anom-bar-container.clear-3 .top-center-box > .bar-three,
  .anom-bar-container.clear-4 .top-center-box > .bar-three,
  .anom-bar-container.clear-5 .top-center-box > .bar-three,
  .anom-bar-container.clear-6 .top-center-box > .bar-three {
      display: block;
  }
  
  .anom-bar-container.clear-4 .top-center-box > .bar-four,
  .anom-bar-container.clear-5 .top-center-box > .bar-four,
  .anom-bar-container.clear-6 .top-center-box > .bar-four {
      display: block;
  }
  
  .anom-bar-container.clear-5 .top-center-box > .bar-five,
  .anom-bar-container.clear-6 .top-center-box > .bar-five {
      display: block;
  }
  
  .anom-bar-container.clear-6 .top-center-box > .bar-six {
      display: block;
  }
  
  .anom-bar-container.clear-6 .anom-bar > .top-box {
      -ms-grid-columns: auto 1fr calc(5vw + 8rem);
      grid-template-columns: auto 1fr -webkit-calc(5vw + 8rem);
      grid-template-columns: auto 1fr -moz-calc(5vw + 8rem);
      grid-template-columns: auto 1fr calc(5vw + 8rem);
      padding-bottom: 1.15em;
  }
  
  .anom-bar-container.clear-6 .top-center-box > div {
      background-color: rgb(133, 0, 5);
      background-color: rgb(var(--swatch-primary, 133, 0, 5));
      background-image: url("http://scp-wiki.wdfiles.com/local--files/component%3Aanomaly-class-bar/galactic.jpg");
      background-attachment: fixed;
      background-size: contain;
      background-blend-mode: overlay;
  }
  
  .top-box .top-right-box {
      -ms-grid-row: 1;
      -ms-grid-column: 3;
      display: -ms-grid;
      display: grid;
      grid-area: top-right-box;
              grid-template-areas:
          "level"
          "clearance";
      -ms-grid-rows: (1fr)[2];
      grid-template-rows: repeat(2, 1fr);
      margin-left: -40px;
  }
  
  .top-right-box > .level {
      -ms-grid-row: 1;
      -ms-grid-column: 1;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: end;
      -webkit-align-items: flex-end;
         -moz-box-align: end;
          -ms-flex-align: end;
              align-items: flex-end;
      grid-area: level;
      font-size: 1.25em;
      line-height: 0.7;
      font-weight: 900;
  }
  
  .top-right-box > .clearance {
      -ms-grid-row: 2;
      -ms-grid-column: 1;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: start;
      -webkit-align-items: flex-start;
         -moz-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
      position: relative;
      width: 100%;
      height: 100%;
      grid-area: clearance;
      font-size: -webkit-calc(9px + (15 - 12) * ( (100vw - 400px) / ( 1920 - 960) ));
      font-size: -moz-calc(9px + (15 - 12) * ( (100vw - 400px) / ( 1920 - 960) ));
      font-size: calc(9px + (15 - 12) * ( (100vw - 400px) / ( 1920 - 960) ));
      line-height: 1.75;
      white-space: nowrap;
  }
  
  .top-right-box > .clearance::before {
      position: absolute;
      top: -15%;
      left: 0;
      width: 100%;
      height: 100%;
  }
  
  .anom-bar-container.clear-6 .top-right-box > .clearance::before {
      content: "Cosmic Top-Secret";
  }
  
  .anom-bar-container.clear-5 .top-right-box > .clearance::before {
      content: "Top-Secret";
  }
  
  .anom-bar-container.clear-4 .top-right-box > .clearance::before {
      content: "Secret";
  }
  
  .anom-bar-container.clear-3 .top-right-box > .clearance::before {
      content: "Confidential";
  }
  
  .anom-bar-container.clear-2 .top-right-box > .clearance::before {
      content: "Restricted";
  }
  
  .anom-bar-container.clear-1 .top-right-box > .clearance::before {
      content: "Unrestricted";
  }
  
  .anom-bar > .bottom-box {
      box-shadow:none;
      -ms-grid-row: 2;
      -ms-grid-column: 1;
      display: -ms-grid;
      display: grid;
      grid-area: bottom-box;
              grid-template-areas:
          "text-part diamond-part"
          "text-part diamond-part";
      -ms-grid-rows: 1fr 0.5rem 1fr;
      grid-template-rows: 1fr 1fr;
      -ms-grid-columns: 1fr 0.5rem 7.6rem;
      grid-template-columns: 1fr 7.6rem;
      grid-gap: 0.5rem;
      width: 100%;
  /* note: bottom container height */
      height: 5rem;
      font-weight: 600;
      margin-top: 0.5rem;
      padding-top: 0rem;
  }
  
  .bottom-box > .text-part {
      -ms-grid-row: 1;
      -ms-grid-row-span: 3;
      -ms-grid-column: 1;
      display: -ms-grid;
      display: grid;
      height: 5.3rem;
      grid-area: text-part;
              grid-template-areas:
          "main-class disrupt-class"
          "main-class risk-class";
      -ms-grid-rows: 1fr 0.25rem 1fr;
      grid-template-rows: 1fr 1fr;
      -ms-grid-columns: auto 0.25rem 1fr;
      grid-template-columns: 5fr 4fr;
      grid-gap: 0.5rem;
      text-transform: uppercase;
      -webkit-box-pack: stretch;
      -webkit-justify-content: stretch;
         -moz-box-pack: stretch;
          -ms-flex-pack: stretch;
              justify-content: stretch;
      -webkit-box-align: stretch;
      -webkit-align-items: stretch;
         -moz-box-align: stretch;
          -ms-flex-align: stretch;
              align-items: stretch;
      margin-top: -0.4rem;
  }
  
  .text-part div {
      padding: 0 0.125rem;
      margin: 0 0 0 0.25rem;
      position: relative;
  visibility:visible;
  }
  
  .text-part > .main-class {
      -ms-grid-row: 1;
      -ms-grid-row-span: 3;
      -ms-grid-column: 1;
      position: relative;
      grid-area: main-class;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
         -moz-box-orient: vertical;
         -moz-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: center;
      -webkit-align-items: center;
         -moz-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
         -moz-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-shadow: 0.25rem 0 0 0 rgba(0,0,0,0);
         -moz-box-shadow: 0.25rem 0 0 0 rgba(0,0,0,0);
              box-shadow: 0.25rem 0 0 0 rgba(0,0,0,0);
  }
  
  .text-part > .main-class > div {
       padding:0.25rem 0;
  }
  
  .anom-bar-container:not(.esoteric) .text-part > .main-class {
      padding-right: 3.5rem;
  }
  
  .anom-bar-container.esoteric .text-part > .main-class {
      padding-right: 2rem;
  }
  
  .text-part > .main-class::before {
      content: "";
      position: absolute;
  //    top: -webkit-calc(50% - 1.5rem);
  //    top: -moz-calc(50% - 1.5rem);
  //    top: calc(50% - 1.5rem);
      right: 0.5rem;
      width: 3.5rem;
      height: 3.53125rem;
      margin-right: 1rem;
      -webkit-border-radius: 50%;
         -moz-border-radius: 50%;
              border-radius: 50%;
      border: 0.25rem solid rgb(12, 12, 12);
  border: 0.25rem solid rgb(var(--black-monochrome, 12, 12, 12));
      background-color: rgb(252, 252, 252);
  background-color: rgb(var(--white-monochrome, 252, 252, 252));
      -webkit-background-size: contain;
         -moz-background-size: contain;
           -o-background-size: contain;
              background-size: contain;
      background-position: center center;
  }
  
  .anom-bar-container.esoteric .text-part > .main-class::before {
  //    top: 0.5rem;
      right: 1.25rem;
      width: 5rem;
      -webkit-border-radius: -webkit-calc(3.53125rem / 2);
         -moz-border-radius: -moz-calc(3.53125rem / 2);
              border-radius: calc(3.53125rem / 2);
      background-color: rgb(252, 252, 252);
  background-color: rgb(var(--white-monochrome, 252, 252, 252));
      border-color: rgb(var(--white-monochrome, 252, 252, 252));
      -webkit-filter: invert(1);
              filter: invert(1);
      background-image: url("http://scp-wiki.wikidot.com/local--files/component:anomaly-class-bar/esoteric-icon.svg");
      -webkit-background-size: 75% 75%;
         -moz-background-size: 75% 75%;
           -o-background-size: 75% 75%;
              background-size: 75% 75%;
      background-repeat: no-repeat;
      background-position: left -10px center;
  }
  
  .anom-bar-container.esoteric .text-part > .main-class::after {
      content: "";
      position: absolute;
  //    top: 0.5rem;
      right: 0.25rem;
      width: 3.53125rem;
      height: 3.53125rem;
      -webkit-border-radius: 50%;
         -moz-border-radius: 50%;
              border-radius: 50%;
      border: 0.25rem solid rgb(12, 12, 12);
  border: 0.25rem solid rgb(var(--black-monochrome, 12, 12, 12));
      background-color: rgb(252, 252, 252);
  background-color: rgb(var(--white-monochrome, 252, 252, 252));
      -webkit-background-size: contain;
         -moz-background-size: contain;
           -o-background-size: contain;
              background-size: contain;
      background-position: center center;
  }
  
  .anom-bar-container.{$secondary-class} .text-part > .main-class::after {
      background-image: url("{$secondary-icon}");
  }
  
  .anom-bar-container.explained .text-part > .main-class::before,
  .anom-bar-container.pending .text-part > .main-class::before,
  .anom-bar-container.neutralized .text-part > .main-class::before,
  .anom-bar-container.neutralised .text-part > .main-class::before {
      display:none;
  }
  
  .anom-bar-container.keter .text-part > .main-class::before {
      background-color: rgb(196,2,51);
  background-color: rgb(var(--five-color));
      background-image: url("http://scp-wiki.wikidot.com/local--files/component:anomaly-class-bar/keter-icon.svg");
  }
  
  .anom-bar-container.euclid .text-part > .main-class::before {
      background-color: rgb(255,211,0);
  background-color: rgb(var(--three-color));
      background-image: url("http://scp-wiki.wikidot.com/local--files/component:anomaly-class-bar/euclid-icon.svg");
  }
  
  .anom-bar-container.safe .text-part > .main-class::before {
      background-color: rgb(0,159,107);
  background-color: rgb(var(--one-color));
      background-image: url("http://scp-wiki.wikidot.com/local--files/component:anomaly-class-bar/safe-icon.svg");
  }
  
  .text-part > .main-class > div {
      width: 100%;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
  }
  
  .anom-bar-container.esoteric .text-part > .main-class > .second-class > .class-text {
      font-size: -webkit-calc( 6px + (11 - 6) * ( (100vw - 400px) / ( 800 - 400) ));
      font-size: -moz-calc( 6px + (11 - 6) * ( (100vw - 400px) / ( 800 - 400) ));
      font-size: calc( 6px + (11 - 6) * ( (100vw - 400px) / ( 800 - 400) ));
      position: relative;
  }
  
  .anom-bar-container:not(.esoteric) .text-part > .main-class > .contain-class > .class-text {
      font-size: -webkit-calc(10px + (18 - 10) * ( (100vw - 400px) / ( 800 - 400) ));
      font-size: -moz-calc(10px + (18 - 10) * ( (100vw - 400px) / ( 800 - 400) ));
      font-size: calc(10px + (18 - 10) * ( (100vw - 400px) / ( 800 - 400) ));
  }
  
  .anom-bar-container:not(.esoteric) .text-part > .main-class > .second-class {
      display: none;
  }
  
  .text-part > .disrupt-class {
      -ms-grid-row: 1;
      -ms-grid-column: 3;
      grid-area: disrupt-class;
  }
  
  .text-part > .risk-class {
      -ms-grid-row: 3;
      -ms-grid-column: 3;
      grid-area: risk-class;
  }
  
  .text-part > .disrupt-class,
  .text-part > .risk-class {
      overflow: hidden;
  }
  
  .anom-bar-container.esoteric .text-part .main-class {
      background-color: rgba(66, 66, 72 ,0.15);
      background-color: rgba(var(--gray-monochrome, 66, 66, 72),0.15);
      border-left: 0.75rem solid rgba(66, 66, 72 ,1);
      border-left: 0.75rem solid rgba(var(--gray-monochrome, 66, 66, 72),1);
  }
  
  .anom-bar-container.neutralized .text-part .main-class,
  .anom-bar-container.neutralised .text-part .main-class {
      background-color: rgba(66, 66, 72 ,0.15);
      background-color: rgba(var(--gray-monochrome, 66, 66, 72),0.15);
      border-left: 0.75rem solid rgba(66, 66, 72 ,1);
      border-left: 0.75rem solid rgba(var(--gray-monochrome, 66, 66, 72),1);
  }
  
  .anom-bar-container.pending .text-part .main-class {
      background-color: rgba(12, 12, 12 ,0.15);
      background-color: rgba(var(--black-monochrome, 12, 12, 12),0.15);
      border-left: 0.75rem solid rgba(12, 12, 12 ,1);
      border-left: 0.75rem solid rgba(var(--black-monochrome, 12, 12, 12),1);
  }
  
  .anom-bar-container.explained .text-part .main-class {
      background-color: rgba(252, 252, 252 ,0.15);
      background-color: rgba(var(--white-monochrome, 252, 252, 252),0.15);
      border-left: 0.75rem solid rgba(12, 12, 12 ,1);
      border-left: 0.75rem solid rgba(var(--black-monochrome, 12, 12, 12),1);
  }
  
  .anom-bar-container.keter .text-part .main-class,
  .anom-bar-container.amida .text-part .disrupt-class,
  .anom-bar-container.critical .text-part .risk-class {
      background-color: rgba(196,2,51,0.15);
      background-color: rgba(var(--five-color),0.15);
      border-left: 0.5rem solid rgba(196,2,51,1);
      border-left: 0.5rem solid rgba(var(--five-color),1);
  }
  
  .anom-bar-container.ekhi .text-part .disrupt-class,
  .anom-bar-container.danger .text-part .risk-class {
      background-color: rgba(255,109,0,0.15);
      background-color: rgba(var(--four-color),0.15);
      border-left: 0.5rem solid rgba(255,109,0,1);
      border-left: 0.5rem solid rgba(var(--four-color),1);
  }
  
  .anom-bar-container.euclid .text-part .main-class,
  .anom-bar-container.keneq .text-part .disrupt-class,
  .anom-bar-container.warning .text-part .risk-class {
      border-left: 0.5rem solid rgba(255,211,0,1);
      border-left: 0.5rem solid rgba(var(--three-color),1);
      background-color: rgba(255,211,0,0.15);
      background-color: rgba(var(--three-color),0.15);
  }
  
  .anom-bar-container.vlam .text-part .disrupt-class,
  .anom-bar-container.caution .text-part .risk-class {
      border-left: 0.5rem solid rgba(0,135,189,1);
      border-left: 0.5rem solid rgba(var(--two-color),1);
      background-color: rgba(0,135,189,0.15);
      background-color: rgba(var(--two-color),0.15);
  }
  
  .anom-bar-container.safe .text-part .main-class,
  .anom-bar-container.dark .text-part .disrupt-class,
  .anom-bar-container.notice .text-part .risk-class {
      background-color: rgba(0,159,107,0.15);
      background-color: rgba(var(--one-color),0.15);
      border-left: 0.5rem solid rgba(0,159,107,1);
      border-left: 0.5rem solid rgba(var(--one-color),1);
  }
  
  .anom-bar-container.neutralized .text-part,
  .anom-bar-container.neutralised .text-part
  .anom-bar-container.pending .text-part,
  .anom-bar-container.explained .text-part {
      -ms-grid-columns: 1fr;
      grid-template-columns: 1fr;
  }
  
  .text-part .disrupt-class::after,
  .text-part .risk-class::after,
  .text-part .disrupt-class::before,
  .text-part .risk-class::before {
      content: "";
      position: absolute;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
         -moz-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
         -moz-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-border-radius: 50%;
         -moz-border-radius: 50%;
              border-radius: 50%;
      border: 0.25rem solid rgb(12, 12, 12);
  border: 0.25rem solid rgb(var(--black-monochrome, 12, 12, 12));
      width: 2.5rem;
      height: 2.5rem;
      top: -webkit-calc(50% - 1.5rem);
      top: -moz-calc(50% - 1.5rem);
      top: calc(50% - 1.5rem);
      font-size: 2em;
      background-color: rgb(252, 252, 252);
  background-color: rgb(var(--white-monochrome, 252, 252, 252));
      -webkit-background-size: contain;
         -moz-background-size: contain;
           -o-background-size: contain;
              background-size: contain;
      background-position: center center;
  }
  
  .text-part .disrupt-class::after,
  .text-part .risk-class::after {
      right: 0.15em;
  }
  
  .text-part .disrupt-class::before,
  .text-part .risk-class::before {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: start;
      -webkit-justify-content: flex-start;
         -moz-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start;
      background-color: rgb(12, 12, 12);
      background-color: rgb(var(--black-monochrome, 12, 12, 12));
      width: 3rem;
      height: 3rem;
      top: -webkit-calc(50% - 1.5rem);
      top: -moz-calc(50% - 1.5rem);
      top: calc(50% - 1.5rem);
      border: 0;
      right: 1rem;
      text-align: left;
      font-size: 1em;
      padding-left: 0.5rem;
      color: rgb(252, 252, 252);
      color: rgb(var(--white-monochrome, 252, 252, 252));
  }
  
  .anom-bar-container.amida .text-part .disrupt-class::before,
  .anom-bar-container.critical .text-part .risk-class::before {
      content: "5";
  }
  
  .anom-bar-container.ekhi .text-part .disrupt-class::before,
  .anom-bar-container.danger .text-part .risk-class::before {
      content: "4";
  }
  
  .anom-bar-container.keneq .text-part .disrupt-class::before,
  .anom-bar-container.warning .text-part .risk-class::before {
      content: "3";
  }
  
  .anom-bar-container.vlam .text-part .disrupt-class::before,
  .anom-bar-container.caution .text-part .risk-class::before {
      content: "2";
  }
  
  .anom-bar-container.dark .text-part .disrupt-class::before,
  .anom-bar-container.notice .text-part .risk-class::before {
      content: "1";
  }
  
  .anom-bar-container.amida .text-part .disrupt-class::after,
  .anom-bar-container.critical .text-part .risk-class::after {
      background-color: rgb(196,2,51);
  background-color: rgb(var(--five-color));
  }
  
  .anom-bar-container.amida .text-part .disrupt-class::after {
      background-image: url("http://scp-wiki.wikidot.com/local--files/component:anomaly-class-bar/amida-icon.svg");
  }
  
  .anom-bar-container.critical .text-part .risk-class::after {
      background-image: url("http://scp-wiki.wikidot.com/local--files/component:anomaly-class-bar/critical-icon.svg");
  }
  
  .anom-bar-container.ekhi .text-part .disrupt-class::after,
  .anom-bar-container.danger .text-part .risk-class::after {
      background-color: rgb(255,109,0);
  background-color: rgb(var(--four-color));
  }
  
  .anom-bar-container.ekhi .text-part .disrupt-class::after {
      background-image: url("http://scp-wiki.wikidot.com/local--files/component:anomaly-class-bar/ekhi-icon.svg");
  }
  
  .anom-bar-container.danger .text-part .risk-class::after {
      background-image: url("http://scp-wiki.wikidot.com/local--files/component:anomaly-class-bar/danger-icon.svg");
  }
  
  .anom-bar-container.keneq .text-part .disrupt-class::after,
  .anom-bar-container.warning .text-part .risk-class::after {
      background-color: rgb(255,211,0);
  background-color: rgb(var(--three-color));
  }
  
  .anom-bar-container.keneq .text-part .disrupt-class::after {
      background-image: url("http://scp-wiki.wikidot.com/local--files/component:anomaly-class-bar/keneq-icon.svg");
  }
  
  .anom-bar-container.warning .text-part .risk-class::after {
      background-image: url("http://scp-wiki.wikidot.com/local--files/component:anomaly-class-bar/warning-icon.svg");
  }
  
  .anom-bar-container.vlam .text-part .disrupt-class::after,
  .anom-bar-container.caution .text-part .risk-class::after {
      background-color: rgb(0,135,189);
  background-color: rgb(var(--two-color));
  }
  
  .anom-bar-container.vlam .text-part .disrupt-class::after {
      background-image: url("http://scp-wiki.wikidot.com/local--files/component:anomaly-class-bar/vlam-icon.svg");
  }
  
  .anom-bar-container.caution .text-part .risk-class::after {
      background-image: url("http://scp-wiki.wikidot.com/local--files/component:anomaly-class-bar/caution-icon.svg");
  }
  
  .anom-bar-container.dark .text-part .disrupt-class::after,
  .anom-bar-container.notice .text-part .risk-class::after {
      background-color: rgb(0,159,107);
  background-color: rgb(var(--one-color));
  }
  
  .anom-bar-container.dark .text-part .disrupt-class::after {
      background-image: url("http://scp-wiki.wikidot.com/local--files/component:anomaly-class-bar/dark-icon.svg");
  }
  
  .anom-bar-container.notice .text-part .risk-class::after {
      background-image: url("http://scp-wiki.wikidot.com/local--files/component:anomaly-class-bar/notice-icon.svg");
  }
  
  .text-part .main-class {
      border-width: 1em !important;
  }
  
  .text-part > div .class-category {
      position: relative;
      font-weight: 500;
      left: 0;
  }
  
  .anom-bar-container.esoteric .contain-class > .class-category {
      max-width: 55% !important;
  }
  
  .anom-bar-container.explained .second-class,
  .anom-bar-container.explained .disrupt-class,
  .anom-bar-container.explained .risk-class,
  .anom-bar-container.explained .danger-diamond > .quadrants > .left-quad,
  .anom-bar-container.explained .danger-diamond > .quadrants > .right-quad,
  .anom-bar-container.explained .danger-diamond > .left-icon,
  .anom-bar-container.explained .danger-diamond > .right-icon,
  .anom-bar-container.neutralized .second-class,
  .anom-bar-container.neutralized .disrupt-class,
  .anom-bar-container.neutralized .risk-class,
  .anom-bar-container.neutralized .danger-diamond > .quadrants > .left-quad,
  .anom-bar-container.neutralized .danger-diamond > .quadrants > .right-quad,
  .anom-bar-container.neutralized .danger-diamond > .left-icon,
  .anom-bar-container.neutralized .danger-diamond > .right-icon,
  .anom-bar-container.neutralised .second-class,
  .anom-bar-container.neutralised .disrupt-class,
  .anom-bar-container.neutralised .risk-class,
  .anom-bar-container.neutralised .danger-diamond > .quadrants > .left-quad,
  .anom-bar-container.neutralised .danger-diamond > .quadrants > .right-quad,
  .anom-bar-container.neutralised .danger-diamond > .left-icon,
  .anom-bar-container.neutralised .danger-diamond > .right-icon,
  .anom-bar-container.pending .second-class,
  .anom-bar-container.pending .disrupt-class,
  .anom-bar-container.pending .risk-class,
  .anom-bar-container.pending .danger-diamond > .quadrants > .left-quad,
  .anom-bar-container.pending .danger-diamond > .quadrants > .right-quad,
  .anom-bar-container.pending .danger-diamond > .left-icon,
  .anom-bar-container.pending .danger-diamond > .right-icon {
      display: none;
  }
  
  .text-part .contain-class,
  .text-part .second-class,
  .text-part .disrupt-class,
  .text-part .risk-class {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-direction: row;
         -moz-box-orient: horizontal;
         -moz-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap;
      -webkit-align-content: center;
          -ms-flex-line-pack: center;
              align-content: center;
      line-height: 1;
  }
  
  .text-part .contain-class > div,
  .text-part .second-class > div,
  .text-part .disrupt-class > div,
  .text-part .risk-class > div {
      width: 100%;
  }
  
  .text-part > div > .class-category,
  .anom-bar-container.esoteric .text-part > .main-class > .contain-class > .class-category {
      font-size: 0.75em;
  }
  
  .anom-bar-container.esoteric .text-part > .main-class > .contain-class > .class-text,
  .text-part > .disrupt-class > .class-text,
  .text-part > .risk-class > .class-text {
      font-size: -webkit-calc( 8px + (12 - 8) * ( (100vw - 400px) / ( 800 - 400) ));
      font-size: -moz-calc( 8px + (12 - 8) * ( (100vw - 400px) / ( 800 - 400) ));
      font-size: calc( 8px + (12 - 8) * ( (100vw - 400px) / ( 800 - 400) ));
  }
  
  .bottom-box > .diamond-part {
      -ms-grid-row: 1;
      -ms-grid-row-span: 3;
      -ms-grid-column: 3;
      width: 100%;
      padding-top: 100%;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      position: relative;
      grid-area: diamond-part;
      padding-left: 1rem;
  }
  
  .danger-diamond {
      position: absolute;
      width: 95%;
      height: 95%;
      top: -30%;
      left: 5%;
      box-shadow:none;
  }
  
  .danger-diamond a {
      color: rgba(0,0,0,0);
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      z-index: 3;
  }
  
  .danger-diamond br {
      display: none;
  }
  
  .danger-diamond > .arrows {
      position: absolute;
      width: 100%;
      height: 100%;
      z-index: 1;
      background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.2' baseProfile='tiny' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 160 160' xml:space='preserve'%3E%3Cpath fill='%23010101' d='M136.1,133.3l23.9-23.9V51.2l-24-24l19.1-19.1l4.9,4.9l0-12.9l-12.9,0l4.9,4.9L133,24.2l-24-24H51l-24,24 L8,5.2l4.9-4.9L0,0.2l0,12.9l4.9-4.9L24,27.3l-24,24v58.2l23.9,23.9l-19,19L0,147.3l0,12.9l12.9,0L8,155.3l19-19l23.9,23.9h58.4 l23.9-23.9l19,19l-4.9,4.9l12.9,0l0-12.9l-4.9,4.9L136.1,133.3z M155.7,53v54.6l-22.6,22.6l-50-50L133,30.3L155.7,53z M52.8,4.5 h54.4l22.7,22.7L80,77.2L30.1,27.3L52.8,4.5z M4.3,107.6V53L27,30.3L77,80.2l-50,50L4.3,107.6z M107.4,155.9H52.6L30,133.3l50-50 l50,50L107.4,155.9z'/%3E%3C/svg%3E%0A");
      background-repeat: no-repeat;
  }
  
  .danger-diamond > .octagon {
      width: 100%;
      height: 100%;
      position: absolute;
      text-align: center;
      z-index: 0;
      -webkit-clip-path: polygon(30% 0, 70% 0, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0 70%, 0 30%);
              clip-path: polygon(30% 0, 70% 0, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0 70%, 0 30%);
  }
  
  .danger-diamond > .quadrants {
      position: absolute;
      width: 96%;
      height: 96%;
      top: 0;
      left: 0;
  }
  
  .danger-diamond > .quadrants > div {
      width: 67.5%;
      padding-bottom: 50%;
      position: absolute;
      top: 2%;
      left: 18.5%;
      background-color: rgb(252, 252, 252);
  background-color: rgb(var(--white-monochrome, 252, 252, 252));
      -webkit-clip-path: polygon(22% 0, 77% 0, 100% 31%, 50% 100%, 0 31%);
              clip-path: polygon(22% 0, 77% 0, 100% 31%, 50% 100%, 0 31%);
      -webkit-transform-origin: bottom center;
         -moz-transform-origin: bottom center;
          -ms-transform-origin: bottom center;
           -o-transform-origin: bottom center;
              transform-origin: bottom center;
  }
  
  .danger-diamond > .quadrants > .left-quad {
      -webkit-transform: rotate(270deg);
         -moz-transform: rotate(270deg);
          -ms-transform: rotate(270deg);
           -o-transform: rotate(270deg);
              transform: rotate(270deg);
  }
  
  .danger-diamond > .quadrants > .right-quad {
      -webkit-transform: rotate(90deg);
         -moz-transform: rotate(90deg);
          -ms-transform: rotate(90deg);
           -o-transform: rotate(90deg);
              transform: rotate(90deg);
  }
  
  .danger-diamond > .quadrants > .bottom-quad {
      -webkit-transform: rotate(180deg);
         -moz-transform: rotate(180deg);
          -ms-transform: rotate(180deg);
           -o-transform: rotate(180deg);
              transform: rotate(180deg);
  }
  
  .danger-diamond > .quadrants > .bottom-quad.none {
      background-color: rgb(252, 252, 252 ,0.25);
      background-color: rgb(var(--white-monochrome, 252, 252, 252),0.25);
  }
  
  .danger-diamond > .quadrants > .top-quad.pending {
      background-color: rgb(12, 12, 12 ,0.25);
      background-color: rgb(var(--black-monochrome, 12, 12, 12),0.25);
  }
  
  .danger-diamond > .quadrants > .top-quad.neutralized,
  .danger-diamond > .quadrants > .top-quad.neutralised {
      background-color: rgb(66, 66, 72 ,0.25);
      background-color: rgb(var(--gray-monochrome, 66, 66, 72),0.25);
  }
  
  .danger-diamond > .quadrants > .top-quad.explained {
      background-color: rgb(252, 252, 252 ,0.25);
      background-color: rgb(var(--white-monochrome, 252, 252, 252),0.25);
  }
  
  .anom-bar-container.esoteric .danger-diamond > .quadrants > .top-quad {
      background-color: rgb(66, 66, 72 ,0.15);
      background-color: rgb(var(--gray-monochrome, 66, 66, 72),0.15);
  }
  
  .anom-bar-container.keter .danger-diamond > .quadrants > .top-quad,
  .anom-bar-container.amida .danger-diamond > .quadrants > .left-quad,
  .anom-bar-container.critical .danger-diamond > .quadrants > .right-quad  {
      background-color:rgba(196,2,51,0.25);
      background-color: rgb(var(--five-color),0.25);
  }
  
  .anom-bar-container.ekhi .danger-diamond > .quadrants > .left-quad,
  .anom-bar-container.danger .danger-diamond > .quadrants > .right-quad {
      background-color:rgba(255,109,0,0.25);
      background-color: rgb(var(--five-color),0.25);
  }
  
  .anom-bar-container.euclid .danger-diamond > .quadrants > .top-quad,
  .anom-bar-container.keneq .danger-diamond > .quadrants > .left-quad,
  .anom-bar-container.warning .danger-diamond > .quadrants > .right-quad {
      background-color:rgba(255,211,0,0.25);
      background-color: rgb(var(--three-color),0.25);
  }
  
  .anom-bar-container.vlam .danger-diamond > .quadrants > .left-quad,
  .anom-bar-container.caution .danger-diamond > .quadrants > .right-quad {
      background-color:rgba(0,135,189,0.25);
      background-color: rgb(var(--two-color),0.25);
  }
  
  .anom-bar-container.safe .danger-diamond > .quadrants > .top-quad,
  .anom-bar-container.dark .danger-diamond > .quadrants > .left-quad,
  .anom-bar-container.notice .danger-diamond > .quadrants > .right-quad {
      background-color:rgba(0,159,107,0.25);
      background-color: rgb(var(--one-color),0.25);
  }
  
  .anom-bar-container.clear-5 .danger-diamond > .center-circle::before {
      content: "5";
  }
  
  .anom-bar-container.clear-4 .danger-diamond > .center-circle::before {
      content: "4";
  }
  
  .anom-bar-container.clear-3 .danger-diamond > .center-circle::before {
      content: "3";
  }
  
  .anom-bar-container.clear-2 .danger-diamond > .center-circle::before {
      content: "2";
  }
  
  .anom-bar-container.clear-1 .danger-diamond > .center-circle::before {
      content: "1";
  }
  
  .danger-diamond > .top-icon,
  .danger-diamond > .right-icon,
  .danger-diamond > .left-icon,
  .danger-diamond > .bottom-icon {
      position: absolute;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
         -moz-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
         -moz-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      width: 33%;
      height: 33%;
      -webkit-border-radius: 50%;
         -moz-border-radius: 50%;
              border-radius: 50%;
      border: 0.1875rem solid rgb(12, 12, 12);
      border: 0.1875rem solid rgb(var(--black-monochrome, 12, 12, 12));
      overflow: hidden;
      z-index: 2;
  }
  
  .danger-diamond > .top-icon {
      top: 0.25rem;
      left: 33.5%;
  }
  
  .danger-diamond > .right-icon {
      right: 0.25rem;
      top: 33.5%;
  }
  
  .danger-diamond > .left-icon {
      left: 0.25rem;
      top: 33.5%;
  }
  
  .danger-diamond > .bottom-icon {
      bottom: 0.25rem;
      left: 33.5%;
  }
  
  .anom-bar-container.neutralized .danger-diamond > .top-icon,
  .anom-bar-container.neutralised .danger-diamond > .top-icon
  .anom-bar-container.pending .danger-diamond > .top-icon,
  .anom-bar-container.explained .danger-diamond > .top-icon {
      width: 65%;
      height: 65%;
      top: 17.5%;
      left: 17.5%;
      border-width: 0.3625rem;
  }
  
  .anom-bar-container.pending .danger-diamond > .top-icon {
      background-color: rgb(var(--black-monochrome, 12, 12, 12));
  }
  
  .anom-bar-container:not(.esoteric) .danger-diamond > .bottom-icon {
      display: none;
  }
  
  .danger-diamond > .top-icon::before,
  .danger-diamond > .right-icon::before,
  .danger-diamond > .left-icon::before,
  .danger-diamond > .bottom-icon::before {
      content: "";
      position: absolute;
      width: 100%;
      height: 100%;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
         -moz-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
         -moz-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      top: 0;
      left: 0;
  }
  
  .anom-bar-container.neutralized .danger-diamond > .top-icon,
  .anom-bar-container.neutralised .danger-diamond > .top-icon {
      background-color: rgb(252, 252, 252);
  background-color: rgb(var(--white-monochrome, 252, 252, 252));
  }
  
  .anom-bar-container.neutralized .danger-diamond > .top-icon::before,
  .anom-bar-container.neutralised .danger-diamond > .top-icon::before {
      background-color: rgba(66, 66, 72 ,0.15);
      background-color: rgba(var(--gray-monochrome, 66, 66, 72),0.15);
      background-image: url("http://scp-wiki.wikidot.com/local--files/component:anomaly-class-bar/neutralized-icon.svg");
      -webkit-background-size: 110% 110%;
         -moz-background-size: 110% 110%;
           -o-background-size: 110% 110%;
              background-size: 110% 110%;
      background-position: center center;
  }
  
  .anom-bar-container.pending .danger-diamond > .top-icon::before {
      background-color: rgb(12, 12, 12);
      background-color: rgb(var(--black-monochrome, 12, 12, 12));
      background-image: url("http://scp-wiki.wikidot.com/local--files/component:anomaly-class-bar/pending-icon.svg");
  }
  
  .anom-bar-container.explained .danger-diamond > .top-icon::before {
      background-color: rgb(252, 252, 252);
  background-color: rgb(var(--white-monochrome, 252, 252, 252));
      background-image: url("http://scp-wiki.wikidot.com/local--files/component:anomaly-class-bar/explained-icon.svg");
  }
  
  .anom-bar-container.esoteric .danger-diamond > .top-icon::before {
      background-color: rgb(252, 252, 252);
  background-color: rgb(var(--white-monochrome, 252, 252, 252));
      background-image: url("http://scp-wiki.wikidot.com/local--files/component:anomaly-class-bar/esoteric-icon.svg");
      -webkit-filter: invert(1);
              filter: invert(1);
  }
  
  .anom-bar-container.keter .danger-diamond > .top-icon::before,
  .anom-bar-container.amida .danger-diamond > .left-icon::before,
  .anom-bar-container.critical .danger-diamond > .right-icon::before {
      background-color: rgb(196,2,51);
  background-color: rgb(var(--five-color));
  }
  
  .anom-bar-container.keter .danger-diamond > .top-icon::before {
      background-image: url("http://scp-wiki.wikidot.com/local--files/component:anomaly-class-bar/keter-icon.svg");
  }
  
  .anom-bar-container.amida .danger-diamond > .left-icon::before {
      background-image: url("http://scp-wiki.wikidot.com/local--files/component:anomaly-class-bar/amida-icon.svg");
  }
  
  .anom-bar-container.critical .danger-diamond > .right-icon::before {
      background-image: url("http://scp-wiki.wikidot.com/local--files/component:anomaly-class-bar/critical-icon.svg");
  }
  
  .anom-bar-container.ekhi .danger-diamond > .left-icon::before,
  .anom-bar-container.danger .danger-diamond > .right-icon::before {
      background-color: rgb(255,109,0);
  background-color: rgb(var(--four-color));
  }
  
  .anom-bar-container.ekhi .danger-diamond > .left-icon::before {
      background-image: url("http://scp-wiki.wikidot.com/local--files/component:anomaly-class-bar/ekhi-icon.svg");
  }
  
  .anom-bar-container.danger .danger-diamond > .right-icon::before {
      background-image: url("http://scp-wiki.wikidot.com/local--files/component:anomaly-class-bar/danger-icon.svg");
  }
  
  .anom-bar-container.euclid .danger-diamond > .top-icon::before,
  .anom-bar-container.keneq .danger-diamond > .left-icon::before,
  .anom-bar-container.warning .danger-diamond > .right-icon::before {
      background-color: rgb(255,211,0);
  background-color: rgb(var(--three-color));
  }
  
  .anom-bar-container.euclid .danger-diamond > .top-icon::before {
      background-image: url("http://scp-wiki.wikidot.com/local--files/component:anomaly-class-bar/euclid-icon.svg");
  }
  
  .anom-bar-container.keneq .danger-diamond > .left-icon::before {
      background-image: url("http://scp-wiki.wikidot.com/local--files/component:anomaly-class-bar/keneq-icon.svg");
  }
  
  .anom-bar-container.warning .danger-diamond > .right-icon::before {
      background-image: url("http://scp-wiki.wikidot.com/local--files/component:anomaly-class-bar/warning-icon.svg");
  }
  
  .anom-bar-container.vlam .danger-diamond > .left-icon::before,
  .anom-bar-container.caution .danger-diamond > .right-icon::before {
      background-color: rgb(0,135,189);
  background-color: rgb(var(--two-color));
  }
  
  .anom-bar-container.vlam .danger-diamond > .left-icon::before {
      background-image: url("http://scp-wiki.wikidot.com/local--files/component:anomaly-class-bar/vlam-icon.svg");
  }
  
  .anom-bar-container.caution .danger-diamond > .right-icon::before {
      background-image: url("http://scp-wiki.wikidot.com/local--files/component:anomaly-class-bar/caution-icon.svg");
  }
  
  .anom-bar-container.safe .danger-diamond > .top-icon::before,
  .anom-bar-container.dark .danger-diamond > .left-icon::before,
  .anom-bar-container.notice .danger-diamond > .right-icon::before {
      background-color: rgb(0,159,107);
  background-color: rgb(var(--one-color));
  }
  
  .anom-bar-container.safe .danger-diamond > .top-icon::before {
      background-image: url("http://scp-wiki.wikidot.com/local--files/component:anomaly-class-bar/safe-icon.svg");
  }
  
  .anom-bar-container.dark .danger-diamond > .left-icon::before {
      background-image: url("http://scp-wiki.wikidot.com/local--files/component:anomaly-class-bar/dark-icon.svg");
  }
  
  .anom-bar-container.notice .danger-diamond > .right-icon::before {
      background-image: url("http://scp-wiki.wikidot.com/local--files/component:anomaly-class-bar/notice-icon.svg");
  }
  
  .anom-bar-container.{$secondary-class} .danger-diamond > .bottom-icon::before {
      background-image: url("{$secondary-icon}");
      background-size: contain;
  }
  
  .anom-bar > .bottom-box::before {
       background-color: transparent;
       box-shadow: 0 0 0 0 rgb(var(--bright-accent))!important;
  }
  
  .anom-bar-container > .anom-bar > .bottom-box {
      box-shadow: none important;
      visibility: hidden;
  }
  
  .diamond-part {
      visibility:visible;
  }
  
  .text--part {
      visibility:visible;
  }
  
  #page-content > .anom-bar-container > .anom-bar > .bottom-box {
      box-shadow: none important;
  }
  
  .anom-bar > .bottom-box > .diamond-part {
      box-shadow: none !important;
  }
  
  
  // ^^ Trying to fix broken bars appearing on dark themes
  
  @media (max-width: 960px ) {
      .anom-bar > .top-box {
  //        padding-bottom: 1.5em;
           width: 93%
      }
  
      .anom-bar > .bottom-box {
          -ms-grid-columns: 1fr 0.5rem 7.4rem;
          grid-template-columns: 1fr 7.4rem;
          height: 5rem;
          margin-top: 0.5rem;
      }
  
      .anom-bar-container.esoteric .text-part > .main-class > .contain-class > .class-text, .text-part > .disrupt-class > .class-text, .text-part > .risk-class > .class-text {
          font-size: -webkit-calc( 10px + (24 - 18) * ( (100vw - 400px) / ( 960 - 300) ));
          font-size: -moz-calc( 10px + (24 - 18) * ( (100vw - 400px) / ( 960 - 300) ));
          font-size: calc( 10px + (24 - 18) * ( (100vw - 400px) / ( 960 - 300) ));
      }
  
      .anom-bar-container.esoteric .text-part > .main-class > .contain-class > .class-text {
          font-size: -webkit-calc( 12px + (18 - 12) * ( (100vw - 400px) / ( 960 - 300) ));
          font-size: -moz-calc( 12px + (18 - 12) * ( (100vw - 400px) / ( 960 - 300) ));
          font-size: calc( 12px + (18 - 12) * ( (100vw - 400px) / ( 960 - 300) ));
      }
  
      .anom-bar-container.esoteric .text-part > .main-class > .second-class > .class-text {
          font-size: -webkit-calc( 10px + (24 - 18) * ( (100vw - 400px) / ( 960 - 300) ));
          font-size: -moz-calc( 10px + (24 - 18) * ( (100vw - 400px) / ( 960 - 300) ));
          font-size: calc( 10px + (24 - 18) * ( (100vw - 400px) / ( 960 - 300) ));
      }
  
      .anom-bar-container:not(.esoteric) .text-part > .main-class > .contain-class > .class-text {
          font-size: -webkit-calc( 20px + (40 - 20) * ( (100vw - 400px) / ( 960 - 300) ));
          font-size: -moz-calc( 20px + (40 - 20) * ( (100vw - 400px) / ( 960 - 300) ));
          font-size: calc( 20px + (40 - 20) * ( (100vw - 400px) / ( 960 - 300) ));
      }
  
      .text-part > .main-class {
          -ms-grid-row: 1;
          -ms-grid-row-span: 1;
          -ms-grid-column: 1;
      }
  
      .text-part > .disrupt-class {
          -ms-grid-row: 3;
          -ms-grid-column: 1;
      }
  
      .text-part > .risk-class {
          -ms-grid-row: 5;
          -ms-grid-column: 1;
      }
  }
  
  @media (max-width: 875px ) {
      .text-part > div {
          padding: 0.25rem 0;
      }
  
      .anom-bar-container.pending .bottom-box > .text-part,
      .anom-bar-container.neutralized .bottom-box > .text-part,
      .anom-bar-container.neutralised .bottom-box > .text-part,
      .anom-bar-container.explained .bottom-box > .text-part {
          height: 6rem;
      }
  
      .anom-bar > .top-box {
          padding-bottom: 0;
      }
  
      .top-box .top-center-box {
          padding: 0px 5.5rem 0px 0px;
          height: 85%;
      }
  
      .top-box .top-right-box {
          margin-left: -5.7rem;
          align-self: self-start;
          margin-top: 0.1rem;
      }
  
      .bottom-box > .text-part {
          grid-template-areas:
              "main-class main-class"
              "disrupt-class risk-class";
          -ms-grid-rows: 5fr 0.25rem 3fr;
          grid-template-rows: 5fr 3fr;
          -ms-grid-columns: 1 fr 1fr;
          grid-template-columns: 1fr 1fr;
          height: 7rem;
          margin-top:0;
      }
  
      .text-part > .main-class > div {
           padding: 0.1rem 0.5rem;
      }
  
      .anom-bar > .bottom-box {
          -ms-grid-columns: 1fr 0.5rem 0.5rem;
          grid-template-columns: 1fr 9.5rem;
          height: 7rem;
          padding-top: 0rem;
          margin-top:0.1rem;
      }
  
      .anom-bar-container.esoteric .text-part > .main-class::after,
      .text-part > .main-class::after {
      right: 1.25rem;
          height: 2.25rem;
          width: 2.25rem;
      }
  
      .text-part .disrupt-class::after,
      .text-part .risk-class::after {
          height: 1.75rem;
          width: 1.75rem;
      }
  
      .anom-bar-container.esoteric .text-part > .main-class::after,
      .text-part > .main-class::after,
      .text-part > .disrupt-class::after,
      .text-part > .risk-class::after {
  //        top: -webkit-calc(50% - 1.125rem);
  //        top: -moz-calc(50% - 1.125rem);
  //        top: calc(50% - 1.125rem);
          top: initial;
          border-width: 0.25rem;
      }
  
      .text-part > .main-class::before {
      width: 2.5rem;
      height: 2.53125rem;
          border-width: 0.25rem;
  //        top: -webkit-calc(50% - 1.45rem);
  //        top: -moz-calc(50% - 1.45rem);
  //        top: calc(50% - 1.45rem);
  
      }
  
      .text-part .disrupt-class::before,
      .text-part .risk-class::before {
          height: 2.25rem;
          width: 2.25rem;
  //        top: -webkit-calc(50% - 1.125rem);
  //        top: -moz-calc(50% - 1.125rem);
  //        top: calc(50% - 1.125rem);
          top: initial;
          right: 0.75rem;
      }
  
      .anom-bar-container.esoteric .text-part > .main-class::after {
  //        top: 0.35rem;
      }
  
      .anom-bar-container.esoteric .text-part > .main-class::before {
  //        top: 0.35rem;
          width: 5rem;
          height: 2.25rem;
          right: 1.25rem;
          -webkit-background-size: 100% 100%;
             -moz-background-size: 100% 100%;
               -o-background-size: 100% 100%;
                  background-size: 100% 100%;
          background-position: left -20px center;
      }
  
      .anom-bar-container.esoteric .contain-class > .class-category {
          max-width: 100% !important;
      }
  
      .anom-bar-container.pending .bottom-box > .text-part,
      .anom-bar-container.neutralized .bottom-box > .text-part,
      .anom-bar-container.neutralised .bottom-box > .text-part,
      .anom-bar-container.explained .bottom-box > .text-part {
          -ms-grid-rows: 1fr;
          grid-template-rows: 1fr;
              grid-template-areas: "main-class";
      }
  
      .text-part .disrupt-class,
      .text-part .risk-class {
          padding: 0.5rem 0 0.5rem 0.25rem;
          display: -ms-grid;
          display: grid;
          -ms-grid-rows: 1fr 1fr;
          grid-template-rows: 1fr 1fr;
      }
  
      .text-part .disrupt-class *,
      .text-part .risk-class * {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
      }
  
      .danger-diamond {
          top: -20%;
      }
  
      .text-part div {
          padding: 0 0.125rem;
          margin: 0 0 0 0;
          position: relative;
      }
  
  }
  
  @media (max-width: 875px ) and (min-width: 480px ) {
      .anom-bar-container.pending .anom-bar > .bottom-box,
      .anom-bar-container.neutralized .anom-bar > .bottom-box,
      .anom-bar-container.neutralised .anom-bar > .bottom-box,
      .anom-bar-container.explained .anom-bar > .bottom-box {
          -ms-grid-columns: 1fr 6rem;
          grid-template-columns: 1fr 6rem;
          height: 6rem;
      }
  
      .anom-bar-container.neutralized .text-part .main-class,
      .anom-bar-container.neutralised .text-part .main-class {
          height: 4.5rem;
      }
  }
  
  @media (max-width: 480px ) {
  
      .text-part > .main-class > div {
            padding:0.1rem;
      }
  
      .bottom-box > .text-part {
          height: 6.5rem;
      }
  
      .anom-bar {
          position: relative;
      }
  
      .anom-bar > .top-box {
          height: 19vw;
          max-height: 19vw;
                  grid-template-areas:
              "top-left-box top-center-box"
              "top-right-box top-right-box";
          -ms-grid-rows: 1fr 1fr 1fr 1fr;
          grid-template-rows: 1fr 1fr 1fr 1fr;
          font-size: -webkit-calc(5px + (10 - 5) * ( (100vw - 300px) / ( 480 - 300) ));
          font-size: -moz-calc(5px + (10 - 5) * ( (100vw - 300px) / ( 480 - 300) ));
          font-size: calc(5px + (10 - 5) * ( (100vw - 300px) / ( 480 - 300) ));
          margin: 0 0 0.2rem 0;
          padding-left: 0em;
          grid-template-columns: auto 1fr 0.4fr;
      }
  
      .top-box .top-left-box {
          display: -webkit-box;
          display: -webkit-flex;
          display: -moz-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -webkit-flex-direction: column;
             -moz-box-orient: vertical;
             -moz-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column;
          -webkit-box-align: center;
          -webkit-align-items: center;
             -moz-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          -webkit-box-pack: center;
          -webkit-justify-content: center;
             -moz-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center;
          -webkit-flex-wrap: wrap;
              -ms-flex-wrap: wrap;
                  flex-wrap: wrap;
          line-height: 1;
      }
  
      .top-left-box > .item {
          font-size: 2em;
      }
  
      .top-left-box > .number {
          font-size: -webkit-calc(33px + (50 - 25) * ( (100vw - 300px) / ( 1920 - 300) ));
          font-size: -moz-calc(33px + (50 - 25) * ( (100vw - 300px) / ( 1920 - 300) ));
          font-size: calc(23px + (50 - 25) * ( (100vw - 300px) / ( 1920 - 300) ));
      }
  
      .top-box .top-left-box > span {
          width: 100%;
      }
  
      .top-box .top-center-box {
      width: 100%;
          max-width: 48vw;
          margin: 0 0 0 0;
      height: 2rem;
      padding:0;
          grid-area: top-right-box;
      }
  
      .top-center-box > div {
          height: 25%;
          margin: 0.15rem 0.15rem 0 0.15rem;
      }
  
      .top-box .top-right-box {
          display: -webkit-box;
          display: -webkit-flex;
          display: -moz-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -webkit-flex-direction: column;
             -moz-box-orient: vertical;
             -moz-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column;
      width: 100%;
          max-width: 48vw;
          margin: 0 0 0 1rem;
      height: 2rem;
      grid-area: top-center-box;
      }
  
      .top-right-box > div {
          line-height: 1;
      }
  
      .top-right-box > .level {
          font-size: 4em;
          line-height: 0;
           margin: 0.7rem 0 0 0;
           align-items: baseline;
      }
  
      .top-right-box > .clearance {
          line-height: 1.5;
          -webkit-box-align: center;
          -webkit-align-items: center;
             -moz-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          font-size: -webkit-calc(14px + (14 - 10) * ( (100vw - 400px) / ( 480 - 300) ));
          font-size: -moz-calc(14px + (14 - 10) * ( (100vw - 400px) / ( 480 - 300) ));
          font-size: calc(14px + (14 - 10) * ( (100vw - 400px) / ( 480 - 300) ));
          width: initial;
          height: 1.5rem;
          margin: 0.3rem 0 0 0;
      }
  
      .top-right-box > .clearance::before {
          line-height: initial;
          -webkit-box-align: center;
          -webkit-align-items: center;
             -moz-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          width: initial;
          height: initial;
          top: initial;
      }
  
      .anom-bar > .bottom-box {
          position: initial;
          display: initial;
          -ms-grid-columns: 1fr;
          grid-template-columns: 1fr;
          height: 6.5rem;
      }
  
      .anom-bar-container:not(.esoteric) .text-part > .main-class::before {
          width: 2.5rem;
          height: 2.5rem;
          top: -webkit-calc(50% - 1.475rem);
          top: -moz-calc(50% - 1.475rem);
          top: calc(50% - 1.475rem);
          right: 0.5rem;
      }
  
      .danger-diamond {
          top: 0%;
          height: 45%;
          width: 45%;
          left: unset;
          right: 0;
      }
  
      .text-part > div > .class-category,
      .anom-bar-container.esoteric .text-part > .main-class > .contain-class > .class-category {
          font-size: 1em;
      }
  
      .text-part .disrupt-class,
      .text-part .risk-class {
          font-size: 0.9em;
      }
  
      .text-part > .main-class::after,
      .text-part .disrupt-class::after,
      .text-part .risk-class::after {
          height: 2rem;
          width: 2rem;
  //        top: -webkit-calc(50% - 1.25rem);
  //        top: -moz-calc(50% - 1.25rem);
  //        top: calc(50% - 1.25rem);
          top: initial;
          right: -0.4rem;
      }
  
      .text-part > .main-class::before,
      .text-part .disrupt-class::before,
      .text-part .risk-class::before {
          height: 2.5rem;
          width: 2.5rem;
          font-size: 1rem;
  //        top: -webkit-calc(50% - 1.25rem);
  //        top: -moz-calc(50% - 1.25rem);
  //        top: calc(50% - 1.25rem);
          top: initial;
          right: 0.2rem;
      }
  
      .anom-bar-container.esoteric .text-part > .main-class::before {
  //        top: 0.15rem;
          width: 5rem;
          height: 2.5rem;
          right: 0.5rem;
          -webkit-background-size: 100% 100%;
             -moz-background-size: 100% 100%;
               -o-background-size: 100% 100%;
                  background-size: 100% 100%;
          background-position: left -15px center;
      }
  
      .anom-bar-container.esoteric .text-part > .main-class::after {
          height: 2.5rem;
          width: 2.5rem;
  //        top: 0.2rem;
          right: 0.2rem;
      }
  
      .bottom-box > .diamond-part {
          position: absolute;
          top: 0;
          right: 0;
          width: 40vw;
          height: 40vw;
          padding: 0;
      }
  
      .diamond-part * {
          background-repeat: no-repeat;
      }
  
      .top-box .top-left-box {
          -ms-grid-row: 2;
          -ms-grid-column: 1;
      }
  
      .top-box .top-center-box {
          -ms-grid-row: 3;
          -ms-grid-column: 1;
      }
  
      .top-box .top-right-box {
          -ms-grid-row: 4;
          -ms-grid-column: 1;
      }
  
      .anom-bar-container.pending .anom-bar > .bottom-box,
      .anom-bar-container.neutralized .anom-bar > .bottom-box,
      .anom-bar-container.neutralised .anom-bar > .bottom-box,
      .anom-bar-container.explained .anom-bar > .bottom-box {
          height: 6rem;
      }
  
      .danger-diamond > .top-icon {
          top: 0.275rem;
      border: 0.10875rem solid rgb(12, 12, 12);
      border: 0.10875rem solid rgb(var(--black-monochrome, 12, 12, 12));
      }
  
      .danger-diamond > .right-icon {
          right: 0.275rem;
      border: 0.10875rem solid rgb(12, 12, 12);
      border: 0.10875rem solid rgb(var(--black-monochrome, 12, 12, 12));
      }
  
      .danger-diamond > .left-icon {
          left: 0.275rem;
      border: 0.10875rem solid rgb(12, 12, 12);
      border: 0.10875rem solid rgb(var(--black-monochrome, 12, 12, 12));
      }
  
      .danger-diamond > .bottom-icon {
          bottom: 0.275rem;
      border: 0.10875rem solid rgb(12, 12, 12);
      border: 0.10875rem solid rgb(var(--black-monochrome, 12, 12, 12));
      }
  }
  
  @supports not (--css: variables) {
  
      .anom-bar {
          display: -webkit-box;
          display: -webkit-flex;
          display: -moz-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -webkit-flex-flow: column nowrap;
             -moz-box-orient: vertical;
             -moz-box-direction: normal;
              -ms-flex-flow: column nowrap;
                  flex-flow: column nowrap;
      }
  
      .anom-bar > .top-box {
          display: -webkit-box;
          display: -webkit-flex;
          display: -moz-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: horizontal;
          -webkit-box-direction: normal;
          -webkit-flex-direction: row;
             -moz-box-orient: horizontal;
             -moz-box-direction: normal;
              -ms-flex-direction: row;
                  flex-direction: row;
          -webkit-flex-wrap: nowrap;
              -ms-flex-wrap: nowrap;
                  flex-wrap: nowrap;
      }
  
      .top-box .top-center-box {
          -webkit-box-flex: 2;
          -webkit-flex-grow: 2;
             -moz-box-flex: 2;
              -ms-flex-positive: 2;
                  flex-grow: 2;
      }
  
      .anom-bar > .bottom-box {
          display: -webkit-box;
          display: -webkit-flex;
          display: -moz-box;
          display: -ms-flexbox;
          display: flex;
      }
  
      .bottom-box > .text-part {
          -webkit-box-flex: 1;
          -webkit-flex-grow: 1;
             -moz-box-flex: 1;
              -ms-flex-positive: 1;
                  flex-grow: 1;
          width: 100%;
      }
  
      .anom-bar-container .text-part .main-class {
          overflow: hidden;
      }
  
      .anom-bar-container .text-part .disrupt-class,
      .anom-bar-container .text-part .risk-class {
          display: -webkit-box;
          display: -webkit-flex;
          display: -moz-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: horizontal;
          -webkit-box-direction: normal;
          -webkit-flex-direction: row;
             -moz-box-orient: horizontal;
             -moz-box-direction: normal;
              -ms-flex-direction: row;
                  flex-direction: row;
          -webkit-flex-wrap: nowrap;
              -ms-flex-wrap: nowrap;
                  flex-wrap: nowrap;
          -webkit-box-align: center;
          -webkit-align-items: center;
             -moz-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          -webkit-box-pack: start;
          -webkit-justify-content: flex-start;
             -moz-box-pack: start;
              -ms-flex-pack: start;
                  justify-content: flex-start;
      }
  
      .anom-bar-container .text-part .disrupt-class .class-category,
      .anom-bar-container .text-part .risk-class  .class-category {
          -webkit-flex-shrink: 4;
              -ms-flex-negative: 4;
                  flex-shrink: 4;
      }
  
      .bottom-box > .diamond-part {
          width: 6rem;
          height: 6rem;
          -webkit-box-flex: 0;
          -webkit-flex-grow: 0;
             -moz-box-flex: 0;
              -ms-flex-positive: 0;
                  flex-grow: 0;
          -webkit-flex-shrink: 0;
              -ms-flex-negative: 0;
                  flex-shrink: 0;
          display: -webkit-box;
          display: -webkit-flex;
          display: -moz-box;
          display: -ms-flexbox;
          display: flex;
      }
  
  @media (max-width: 480px ) {
          .anom-bar > .top-box {
              height: 6rem;
              display: -webkit-box;
              display: -webkit-flex;
              display: -moz-box;
              display: -ms-flexbox;
              display: flex;
              -webkit-box-orient: vertical;
              -webkit-box-direction: normal;
              -webkit-flex-direction: column;
                 -moz-box-orient: vertical;
                 -moz-box-direction: normal;
                  -ms-flex-direction: column;
                      flex-direction: column;
              -webkit-flex-wrap: nowrap;
                  -ms-flex-wrap: nowrap;
                      flex-wrap: nowrap;
              width: -webkit-calc(100% - 40vw);
              width: -moz-calc(100% - 40vw);
              width: calc(100% - 40vw);
          }
          
          .top-box .top-left-box {
              display: initial;
          }
          
          .top-box > * {
              width: 100%;
              height: auto;
          }
          
          .top-box .top-center-box {
                  -webkit-box-flex: 0;
                  -webkit-flex-grow: 0;
                     -moz-box-flex: 0;
                      -ms-flex-positive: 0;
                          flex-grow: 0;
              padding:0;
          }
          
      }
  }
  
  .danger-diamond > .arrows, .anom-bar > .bottom-box::before {
      background-color: transparent !important;
  }
  
  .contain-class .class-text::before {
       color: rgb(228 228 228);
  }

  Pages using this styling

  • component:acs-peppo-lite [info]

  ¶ 1 occurrence
  

  
  :root {
      --five-color: 196,2,51;
      --four-color: 255,109,0;
      --three-color: 255,211,0;
      --two-color: 0,135,189;
      --one-color: 0,159,107;
  }
  
  .acs-hybrid-text-bar, 
  .acs-hybrid-text-bar * {
      -webkit-box-sizing: border-box;
         -moz-box-sizing: border-box;
              box-sizing: border-box;
      word-break: none;
  }
  
  .acs-hybrid-text-bar {
      --wght: 800;
      display: -ms-grid;
      display: grid;
          grid-template-areas:
          "item item clear"
          "contain disrupt disrupt"
          "contain risk risk";
      -ms-grid-rows: 1fr 0.125rem 1fr 0.125rem 1fr;
      grid-template-rows: 1fr 1fr 1fr;
      -ms-grid-columns: 53% 0.125rem 1fr 0.125rem 1fr;
      grid-template-columns: 53% 1fr 1fr;
      width: 100%;
      height: 7.5rem;
      background-color: rgb(0,0,0,0);
      position: relative;
      text-transform: capitalize;
      overflow: hidden;
      font-weight: 800;
  }
  
  .acs-hybrid-text-bar strong {
      --wght: 400;
      font-weight: 400;
  }
  
  .acs-hybrid-text-bar.acs-yes {
    -ms-grid-columns: 53% 0.125rem 1fr 0.125rem 1fr;
    grid-template-columns: 53% 1fr 1fr;
  }
  
  .acs-hybrid-text-bar > a {
      display: block;
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0;
      color: rgba(0,0,0,0);
  }
  
  .acs-hybrid-text-bar > div {
      padding: 0.25rem;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
         -moz-box-align: center;
          -ms-flex-align: center;
              align-items: center;
  }
  
  .acs-hybrid-text-bar > div strong {
      margin-right: 0.25rem;
  }
  
  .acs-hybrid-text-bar > div {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-align-content: center;
          -ms-flex-line-pack: center;
              align-content: center;
      -webkit-box-pack: start;
      -webkit-justify-content: flex-start;
         -moz-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start;
  }
  
  .acs-hybrid-text-bar > div {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-align-content: center;
          -ms-flex-line-pack: center;
              align-content: center;
      -webkit-box-pack: start;
      -webkit-justify-content: flex-start;
         -moz-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start;
  }
  
  .acs-hybrid-version .acs-icon {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
         -moz-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
         -moz-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      margin-left: 0.25rem;
  }
  
  .acs-hybrid-version > .acs-disrupt .acs-icon,
  .acs-hybrid-version > .acs-risk .acs-icon {
      height: 1.5rem;
      width: 1.5rem;
      min-height: 1.5rem;
      min-width: 1.5rem;
  }
  
  .acs-text-version .acs-icon {
      display: none;
  }
  
  .acs-hybrid-version .acs-icon img {
      -webkit-border-radius: 50%;
         -moz-border-radius: 50%;
              border-radius: 50%;
      border: 0.125rem solid rgb(var(--black-monochrome,12,12,12));
  }
  
  .acs-hybrid-version .acs-contain-container .acs-icon {
      height: 3.5rem;
      width: 3.5rem;
  }
  
  .acs-hybrid-text-bar .acs-contain-container .acs-text {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap;
      -webkit-box-align: center;
      -webkit-align-items: center;
         -moz-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      line-height: 1;
  }
  
  .acs-hybrid-text-bar.acs-yes.acs-text-version {
      -ms-grid-columns: 53% 0.125rem 1fr 0.125rem 1fr;
      grid-template-columns: 53% 1fr 1fr;
    }
  
  .acs-hybrid-text-bar.acs-yes.acs-text-version .acs-contain-container {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-direction: row;
         -moz-box-orient: horizontal;
         -moz-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      -webkit-box-pack: start;
      -webkit-justify-content: flex-start;
         -moz-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start;
      -webkit-box-align: start;
      -webkit-align-items: flex-start;
         -moz-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
      font-size: 1rem;
  }
  
  .acs-hybrid-text-bar.acs-yes.acs-text-version .acs-contain-container > div {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-direction: row;
         -moz-box-orient: horizontal;
         -moz-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      width: 100%;
  }
  
  .acs-hybrid-text-bar.acs-yes.acs-text-version .acs-contain-container .acs-text span {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      width: 100%;
  }
  
  .acs-hybrid-text-bar.acs-yes.acs-text-version .acs-contain-container .acs-text span:first-of-type {
      font-size: 0.9em;
  }
  
  .acs-hybrid-text-bar.acs-yes.acs-text-version .acs-contain-container .acs-text span:last-of-type {
      font-size: 1.15em;
      padding-bottom: 0;
  }
  
  .acs-hybrid-version.acs-yes .acs-contain-container .acs-icon {
    height: 2rem;
    width: 2rem;
    min-height: 2rem;
    min-width: 2rem;
    position: relative;
  }
  
  .acs-hybrid-text-bar.acs-yes .acs-contain-container .acs-text {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    padding-left: 0.25rem;
    line-height: 1;
    -webkit-flex-shrink: 2;
        -ms-flex-negative: 2;
            flex-shrink: 2;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
       -moz-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    font-size: 1rem;
  }
  
  .acs-hybrid-text-bar.acs-yes .acs-contain-container .acs-text span:first-of-type {
    font-size: 0.75em;
  }
  
  .acs-hybrid-text-bar.acs-yes .acs-contain-container .acs-text span:last-of-type {
    font-size: 1.15em;
    padding-bottom: 0.25em;
  }
  
  .acs-hybrid-text-bar > .acs-item {
      -webkit-box-align: end;
      -webkit-align-items: flex-end;
         -moz-box-align: end;
          -ms-flex-align: end;
              align-items: flex-end;
      padding: 0 0 0.15rem 0;
      border-bottom: 0.125rem solid;
  }
  
  .acs-hybrid-text-bar > .acs-clear {
      -webkit-box-align: end;
      -webkit-align-items: flex-end;
         -moz-box-align: end;
          -ms-flex-align: end;
              align-items: flex-end;
      padding: 0.15rem;
  }
  
  .acs-hybrid-text-bar > .acs-item {
      -ms-grid-row: 1;
      -ms-grid-column: 1;
      -ms-grid-column-span: 3;
      grid-area: item;
      font-size: 1.75em;
  }
  
  .acs-hybrid-text-bar > .acs-item span {
      padding-left: 0.75rem;
  }
  
  .acs-hybrid-text-bar > .acs-clear {
      -ms-grid-row: 1;
      -ms-grid-column: 5;
      grid-area: clear;
      font-size: 1.25em;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-direction: row;
         -moz-box-orient: horizontal;
         -moz-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap;
      font-size: 1rem;
      line-height: 1;
      border-left: 0.125rem solid;
      border-bottom: 0.125rem solid;
  }
  
  .acs-hybrid-text-bar > .acs-clear * {
      width: 100%;
  }
  
  .acs-hybrid-text-bar > .acs-clear > .clearance-level-text {
      color:rgba(0,0,0,0);
      position: relative;
  }
  
  .acs-hybrid-text-bar > .acs-clear > .clearance-level-text::before {
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      color: rgba(12,12,12,1);
      color: rgba(var(--black-monochrome, 12, 12, 12),1);
  }
  
  .acs-hybrid-version.acs-clear-1 > .acs-clear {
      -webkit-box-shadow: inset 0.25rem 0 0 0 rgb(var(--one-color));
         -moz-box-shadow: inset 0.25rem 0 0 0 rgb(var(--one-color));
              box-shadow: inset 0.25rem 0 0 0 rgb(var(--one-color));
      padding-left: 0.5em;
  }
  
  .acs-hybrid-text-bar.acs-clear-1 > .acs-clear > .clearance-level-text::before {
      content: "Unrestricted"
  }
  
  .acs-hybrid-version.acs-clear-2 > .acs-clear {
      -webkit-box-shadow: inset 0.25rem 0 0 0 rgb(var(--two-color));
         -moz-box-shadow: inset 0.25rem 0 0 0 rgb(var(--two-color));
              box-shadow: inset 0.25rem 0 0 0 rgb(var(--two-color));
      padding-left: 0.5em;
  }
  
  .acs-hybrid-text-bar.acs-clear-2 > .acs-clear > .clearance-level-text::before {
      content: "Restricted"
  }
  
  .acs-hybrid-version.acs-clear-3 > .acs-clear {
      -webkit-box-shadow: inset 0.25rem 0 0 0 rgb(var(--three-color));
         -moz-box-shadow: inset 0.25rem 0 0 0 rgb(var(--three-color));
              box-shadow: inset 0.25rem 0 0 0 rgb(var(--three-color));
      padding-left: 0.5em;
  }
  
  .acs-hybrid-text-bar.acs-clear-3 > .acs-clear > .clearance-level-text::before {
      content: "Confidential"
  }
  
  .acs-hybrid-version.acs-clear-4 > .acs-clear {
      -webkit-box-shadow: inset 0.25rem 0 0 0 rgb(var(--four-color));
         -moz-box-shadow: inset 0.25rem 0 0 0 rgb(var(--four-color));
              box-shadow: inset 0.25rem 0 0 0 rgb(var(--four-color));
      padding-left: 0.5em;
  }
  
  .acs-hybrid-text-bar.acs-clear-4 > .acs-clear > .clearance-level-text::before {
      content: "Secret"
  }
  
  .acs-hybrid-version.acs-clear-5 > .acs-clear {
      -webkit-box-shadow: inset 0.25rem 0 0 0 rgb(var(--five-color));
         -moz-box-shadow: inset 0.25rem 0 0 0 rgb(var(--five-color));
              box-shadow: inset 0.25rem 0 0 0 rgb(var(--five-color));
      padding-left: 0.5em;
  }
  
  .acs-hybrid-text-bar.acs-clear-5 > .acs-clear > .clearance-level-text::before {
      content: "Top Secret"
  }
  
  .acs-hybrid-version.acs-clear-6 > .acs-clear {
      -webkit-box-shadow: inset 0.25rem 0 0 0 rgb(12, 12, 12);
         -moz-box-shadow: inset 0.25rem 0 0 0 rgb(12, 12, 12);
              box-shadow: inset 0.25rem 0 0 0 rgb(12, 12, 12);
      -webkit-box-shadow: inset 0.25rem 0 0 0 rgb(var(--black-monochrome, 12, 12, 12));
         -moz-box-shadow: inset 0.25rem 0 0 0 rgb(var(--black-monochrome, 12, 12, 12));
              box-shadow: inset 0.25rem 0 0 0 rgb(var(--black-monochrome, 12, 12, 12));
      padding-left: 0.5em;
  }
  
  .acs-hybrid-text-bar.acs-clear-6 > .acs-clear > .clearance-level-text::before {
      content: "Cosmic Top Secret"
  }
  
  .acs-hybrid-text-bar .acs-contain-container {
      -ms-grid-row: 3;
      -ms-grid-row-span: 3;
      -ms-grid-column: 1;
      grid-area: contain;
      font-size: 1.25em;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
         -moz-box-orient: vertical;
         -moz-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: start;
      -webkit-align-items: flex-start;
         -moz-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
      padding: 0;
      margin: 0;
      position: relative;
      border-right: 0.125rem solid;
  }
  
  .acs-hybrid-text-bar.acs-yes .acs-contain-container {
      font-size: 0.8rem;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-direction: row;
         -moz-box-orient: horizontal;
         -moz-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      -webkit-box-align: center;
      -webkit-align-items: center;
         -moz-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
         -moz-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
  }
  
  .acs-hybrid-text-bar.acs-yes .acs-contain-container > div {
      max-width: 50%;
      width: 50%;
      height: 100%;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-direction: row;
         -moz-box-orient: horizontal;
         -moz-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap;
  }
  
  .acs-hybrid-text-bar .acs-contain {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-align-content: center;
          -ms-flex-line-pack: center;
              align-content: center;
      -webkit-box-pack: start;
      -webkit-justify-content: flex-start;
         -moz-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start;
      padding: 0.25rem 0.25rem 0.25rem 0.75em;
      height: 100%;
  }
  
  .acs-hybrid-text-bar .acs-secondary {
      display: none;
      -webkit-align-content: center;
          -ms-flex-line-pack: center;
              align-content: center;
      -webkit-box-pack: start;
      -webkit-justify-content: flex-start;
         -moz-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start;
      padding: 0.25rem 0.25rem 0.25rem 0.75em;
  }
  
  .acs-hybrid-text-bar.acs-yes .acs-secondary {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
  }
  
  .acs-hybrid-text-bar.acs-neutralized,
  .acs-hybrid-text-bar.acs-pending,
  .acs-hybrid-text-bar.acs-explained {
      height: 6.5rem;
          grid-template-areas:        
          "item item clear" 
          "contain contain contain";
      -ms-grid-rows: 1fr 0.125rem 2.5rem;
      grid-template-rows: 1fr 2.5rem;
      -ms-grid-columns: 53% 0.125rem 1fr 0.125rem 1fr;
      grid-template-columns: 53% 1fr 1fr;
  }
  
  .acs-hybrid-text-bar.acs-neutralized .acs-icon,
  .acs-hybrid-text-bar.acs-pending .acs-icon,
  .acs-hybrid-text-bar.acs-explained .acs-icon,
  .acs-hybrid-text-bar.acs-neutralized .acs-icon img,
  .acs-hybrid-text-bar.acs-pending .acs-icon img,
  .acs-hybrid-text-bar.acs-explained .acs-icon img {
      height: 100%;
  }
  
  .acs-hybrid-text-bar.acs-neutralized .acs-disrupt,
  .acs-hybrid-text-bar.acs-pending .acs-disrupt,
  .acs-hybrid-text-bar.acs-explained .acs-disrupt,
  .acs-hybrid-text-bar.acs-neutralized .acs-risk,
  .acs-hybrid-text-bar.acs-pending .acs-risk,
  .acs-hybrid-text-bar.acs-explained .acs-risk {
      display: none;
  }
  
  .acs-hybrid-version.acs-yes .acs-secondary,
  .acs-hybrid-version.acs-neutralized .acs-contain,
  .acs-hybrid-version.acs-esoteric .acs-contain {
      -webkit-box-shadow: inset 0.5rem 0 0 0 rgba(var(--gray-monochrome, 66, 66, 72),0.15);
         -moz-box-shadow: inset 0.5rem 0 0 0 rgba(var(--gray-monochrome, 66, 66, 72),0.15);
              box-shadow: inset 0.5rem 0 0 0 rgba(var(--gray-monochrome, 66, 66, 72),0.15);
  }
  
  .acs-hybrid-version.acs-yes .acs-secondary img,
  .acs-hybrid-version.acs-neutralized .acs-contain img,
  .acs-hybrid-version.acs-esoteric .acs-contain img {
      background-color: rgb(252, 252, 252);
      background-color: rgb(var(--white-monochrome, 252, 252, 252));
      border: 0.125rem solid rgb(252, 252, 252);
      border: 0.125rem solid rgb(var(--white-monochrome, 252, 252, 252));
      -webkit-filter: invert(1);
              filter: invert(1);
  }
  
  .acs-hybrid-version.acs-pending .acs-contain {
      -webkit-box-shadow: inset 0.5rem 0 0 0 rgb(var(--white-monochrome, 12, 12, 12));
         -moz-box-shadow: inset 0.5rem 0 0 0 rgb(var(--white-monochrome, 12, 12, 12));
              box-shadow: inset 0.5rem 0 0 0 rgb(var(--white-monochrome, 12, 12, 12));
      background-color: rgb(var(--black-monochrome, 12, 12, 12));
      color: rgb(var(--white-monochrome, 252, 252, 252));
  }
  
  .acs-hybrid-version.acs-pending  .acs-contain img {
      background-color: rgb(252, 252, 252);
      background-color: rgb(var(--white-monochrome, 252, 252, 252));
  }
  
  .acs-hybrid-version.acs-explained  .acs-contain {
      -webkit-box-shadow: inset 0.5rem 0 0 0 rgb(var(--black-monochrome, 12, 12, 12));
         -moz-box-shadow: inset 0.5rem 0 0 0 rgb(var(--black-monochrome, 12, 12, 12));
              box-shadow: inset 0.5rem 0 0 0 rgb(var(--black-monochrome, 12, 12, 12));
  }
  
  .acs-hybrid-version.acs-explained  .acs-contain img {
      background-color: rgb(252, 252, 252);
      background-color: rgb(var(--white-monochrome, 252, 252, 252));
  }
  
  .acs-hybrid-version.acs-safe  .acs-contain {
      -webkit-box-shadow: inset 0.5rem 0 0 0 rgb(var(--one-color));
         -moz-box-shadow: inset 0.5rem 0 0 0 rgb(var(--one-color));
              box-shadow: inset 0.5rem 0 0 0 rgb(var(--one-color));
  }
  
  .acs-hybrid-version.acs-safe  .acs-contain img {
      background-color: rgb(var(--one-color));
  }
  
  .acs-hybrid-version.acs-euclid  .acs-contain {
      -webkit-box-shadow: inset 0.5rem 0 0 0 rgb(var(--three-color));
         -moz-box-shadow: inset 0.5rem 0 0 0 rgb(var(--three-color));
              box-shadow: inset 0.5rem 0 0 0 rgb(var(--three-color));
  }
  
  .acs-hybrid-version.acs-euclid  .acs-contain img {
      background-color: rgb(var(--three-color));
  }
  
  .acs-hybrid-version.acs-keter  .acs-contain {
      -webkit-box-shadow: inset 0.5rem 0 0 0 rgb(var(--five-color));
         -moz-box-shadow: inset 0.5rem 0 0 0 rgb(var(--five-color));
              box-shadow: inset 0.5rem 0 0 0 rgb(var(--five-color));
  }
  
  .acs-hybrid-version.acs-keter  .acs-contain img {
      background-color: rgb(var(--five-color));
  }
  
  .acs-hybrid-text-bar > .acs-disrupt {
      -ms-grid-row: 3;
      -ms-grid-column: 3;
      -ms-grid-column-span: 3;
      grid-area: disrupt;
      padding-left: 0.75em;
  }
  
  .acs-hybrid-text-bar > .acs-disrupt .disruption-class-number {
      color: rgba(0,0,0,0);
      position: relative;
  }
  
  .acs-hybrid-text-bar > .acs-disrupt .disruption-class-number::before {
      color: rgba(12, 12, 12, 1);
      color: rgba(var(--black-monochrome, 12, 12, 12),1);
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
  }
  
  .acs-hybrid-version.acs-dark > .acs-disrupt img {
      background-color: rgb(var(--one-color));
  }
  
  .acs-hybrid-version.acs-dark > .acs-disrupt {
      -webkit-box-shadow: inset 0.25rem 0 0 0 rgb(var(--one-color));
         -moz-box-shadow: inset 0.25rem 0 0 0 rgb(var(--one-color));
              box-shadow: inset 0.25rem 0 0 0 rgb(var(--one-color));
  }
  
  .acs-hybrid-text-bar.acs-dark > .acs-disrupt .disruption-class-number::before {
      content: "1"
  }
  
  .acs-hybrid-version.acs-vlam > .acs-disrupt img {
      background-color: rgb(var(--two-color));
  }
  
  .acs-hybrid-version.acs-vlam > .acs-disrupt {
      -webkit-box-shadow: inset 0.25rem 0 0 0 rgb(var(--two-color));
         -moz-box-shadow: inset 0.25rem 0 0 0 rgb(var(--two-color));
              box-shadow: inset 0.25rem 0 0 0 rgb(var(--two-color));
  }
  
  .acs-hybrid-text-bar.acs-vlam > .acs-disrupt .disruption-class-number::before {
      content: "2"
  }
  
  .acs-hybrid-version.acs-keneq > .acs-disrupt img {
      background-color: rgb(var(--three-color));
  }
  
  .acs-hybrid-version.acs-keneq > .acs-disrupt {
      -webkit-box-shadow: inset 0.25rem 0 0 0 rgb(var(--three-color));
         -moz-box-shadow: inset 0.25rem 0 0 0 rgb(var(--three-color));
              box-shadow: inset 0.25rem 0 0 0 rgb(var(--three-color));
  }
  
  .acs-hybrid-text-bar.acs-keneq > .acs-disrupt .disruption-class-number::before {
      content: "3"
  }
  
  .acs-hybrid-version.acs-ekhi > .acs-disrupt img {
      background-color: rgb(var(--four-color));
  }
  
  .acs-hybrid-version.acs-ekhi > .acs-disrupt {
      -webkit-box-shadow: inset 0.25rem 0 0 0 rgb(var(--four-color));
         -moz-box-shadow: inset 0.25rem 0 0 0 rgb(var(--four-color));
              box-shadow: inset 0.25rem 0 0 0 rgb(var(--four-color));
  }
  
  .acs-hybrid-text-bar.acs-ekhi > .acs-disrupt .disruption-class-number::before {
      content: "4"
  }
  
  .acs-hybrid-version.acs-amida > .acs-disrupt img {
      background-color: rgb(var(--five-color));
  }
  
  .acs-hybrid-version.acs-amida > .acs-disrupt {
      -webkit-box-shadow: inset 0.25rem 0 0 0 rgb(var(--five-color));
         -moz-box-shadow: inset 0.25rem 0 0 0 rgb(var(--five-color));
              box-shadow: inset 0.25rem 0 0 0 rgb(var(--five-color));
  }
  
  .acs-hybrid-text-bar.acs-amida > .acs-disrupt .disruption-class-number::before {
      content: "5"
  }
  
  .acs-hybrid-text-bar > .acs-risk {
      -ms-grid-row: 5;
      -ms-grid-column: 3;
      -ms-grid-column-span: 3;
      grid-area: risk;
      padding-left: 0.75em;
  }
  
  .acs-hybrid-text-bar > .acs-risk .risk-class-number {
      color: rgba(0,0,0,0);
      position: relative;
  }
  
  .acs-hybrid-text-bar > .acs-risk .risk-class-number::before {
      color: rgba(12, 12, 12, 1);
      color: rgba(var(--black-monochrome, 12, 12, 12),1);
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
  }
  
  .acs-hybrid-version.acs-notice > .acs-risk {
      -webkit-box-shadow: inset 0.25rem 0 0 0 rgb(var(--one-color));
         -moz-box-shadow: inset 0.25rem 0 0 0 rgb(var(--one-color));
              box-shadow: inset 0.25rem 0 0 0 rgb(var(--one-color));
  }
  
  .acs-hybrid-version.acs-notice > .acs-risk img {
      background-color: rgb(var(--one-color));
  }
  
  .acs-hybrid-text-bar.acs-notice > .acs-risk .risk-class-number::before {
      content: "1";
  }
  
  .acs-hybrid-version.acs-caution > .acs-risk {
      -webkit-box-shadow: inset 0.25rem 0 0 0 rgb(var(--two-color));
         -moz-box-shadow: inset 0.25rem 0 0 0 rgb(var(--two-color));
              box-shadow: inset 0.25rem 0 0 0 rgb(var(--two-color));
  }
  
  .acs-hybrid-version.acs-caution > .acs-risk img {
      background-color: rgb(var(--two-color));
  }
  
  .acs-hybrid-text-bar.acs-caution > .acs-risk .risk-class-number::before {
      content: "2";
  }
  
  .acs-hybrid-version.acs-warning > .acs-risk {
      -webkit-box-shadow: inset 0.25rem 0 0 0 rgb(var(--three-color));
         -moz-box-shadow: inset 0.25rem 0 0 0 rgb(var(--three-color));
              box-shadow: inset 0.25rem 0 0 0 rgb(var(--three-color));
  }
  
  .acs-hybrid-version.acs-warning > .acs-risk img {
      background-color: rgb(var(--three-color));
  }
  
  .acs-hybrid-text-bar.acs-warning > .acs-risk .risk-class-number::before {
      content: "3";
  }
  
  .acs-hybrid-version.acs-danger > .acs-risk {
      -webkit-box-shadow: inset 0.25rem 0 0 0 rgb(var(--four-color));
         -moz-box-shadow: inset 0.25rem 0 0 0 rgb(var(--four-color));
              box-shadow: inset 0.25rem 0 0 0 rgb(var(--four-color));
  }
  
  .acs-hybrid-version.acs-danger > .acs-risk img {
      background-color: rgb(var(--four-color));
  }
  
  .acs-hybrid-text-bar.acs-danger > .acs-risk .risk-class-number::before {
      content: "4";
  }
  
  .acs-hybrid-version.acs-critical > .acs-risk {
      -webkit-box-shadow: inset 0.25rem 0 0 0 rgb(var(--five-color));
         -moz-box-shadow: inset 0.25rem 0 0 0 rgb(var(--five-color));
              box-shadow: inset 0.25rem 0 0 0 rgb(var(--five-color));
  }
  
  .acs-hybrid-version.acs-critical > .acs-risk img {
      background-color: rgb(var(--five-color));
  }
  
  .acs-hybrid-text-bar.acs-critical > .acs-risk .risk-class-number::before {
      content: "5";
  }
  
  @media (max-width: 1000px ) {
  
      .acs-hybrid-text-bar {
              grid-template-areas:
              "item item item item item item clear clear clear clear clear clear"
              "contain contain contain contain contain contain contain contain contain contain contain contain"
              "disrupt disrupt disrupt disrupt disrupt disrupt risk risk risk risk risk risk";
          -ms-grid-rows: 2rem 0 2rem 0 1.5rem;
          grid-template-rows: 2rem 2rem 1.5rem;
          -ms-grid-columns: -webkit-calc(100% / 12) 0 -webkit-calc(100% / 12) 0 -webkit-calc(100% / 12) 0 -webkit-calc(100% / 12) 0 -webkit-calc(100% / 12) 0 -webkit-calc(100% / 12) 0 -webkit-calc(100% / 12) 0 -webkit-calc(100% / 12) 0 -webkit-calc(100% / 12) 0 -webkit-calc(100% / 12) 0 -webkit-calc(100% / 12) 0 -webkit-calc(100% / 12);
          -ms-grid-columns: -moz-calc(100% / 12) 0 -moz-calc(100% / 12) 0 -moz-calc(100% / 12) 0 -moz-calc(100% / 12) 0 -moz-calc(100% / 12) 0 -moz-calc(100% / 12) 0 -moz-calc(100% / 12) 0 -moz-calc(100% / 12) 0 -moz-calc(100% / 12) 0 -moz-calc(100% / 12) 0 -moz-calc(100% / 12) 0 -moz-calc(100% / 12);
          -ms-grid-columns: calc(100% / 12) 0 calc(100% / 12) 0 calc(100% / 12) 0 calc(100% / 12) 0 calc(100% / 12) 0 calc(100% / 12) 0 calc(100% / 12) 0 calc(100% / 12) 0 calc(100% / 12) 0 calc(100% / 12) 0 calc(100% / 12) 0 calc(100% / 12);
          grid-template-columns: repeat(12, -webkit-calc(100% / 12));
          grid-template-columns: repeat(12, -moz-calc(100% / 12));
          grid-template-columns: repeat(12, calc(100% / 12));
          height: 6.75rem;
          max-height: 50vh;
          line-height: 1.1;
          grid-gap: 0;
          background-color: rgba(0,0,0,0)
      }
  
      .acs-hybrid-text-bar > div {
          background-color: rgba(255, 255, 255,0);
      }
  
      .acs-hybrid-text-bar,
      .acs-hybrid-text-bar.acs-yes,
      .acs-hybrid-text-bar.acs-yes.acs-text-version {
          -ms-grid-rows: 2.25rem 0 2.5rem 0 2rem;
          grid-template-rows: 2.25rem 2.5rem 2rem;
          -ms-grid-columns: -webkit-calc(100% / 12) 0 -webkit-calc(100% / 12) 0 -webkit-calc(100% / 12) 0 -webkit-calc(100% / 12) 0 -webkit-calc(100% / 12) 0 -webkit-calc(100% / 12) 0 -webkit-calc(100% / 12) 0 -webkit-calc(100% / 12) 0 -webkit-calc(100% / 12) 0 -webkit-calc(100% / 12) 0 -webkit-calc(100% / 12) 0 -webkit-calc(100% / 12);
          -ms-grid-columns: -moz-calc(100% / 12) 0 -moz-calc(100% / 12) 0 -moz-calc(100% / 12) 0 -moz-calc(100% / 12) 0 -moz-calc(100% / 12) 0 -moz-calc(100% / 12) 0 -moz-calc(100% / 12) 0 -moz-calc(100% / 12) 0 -moz-calc(100% / 12) 0 -moz-calc(100% / 12) 0 -moz-calc(100% / 12) 0 -moz-calc(100% / 12);
          -ms-grid-columns: calc(100% / 12) 0 calc(100% / 12) 0 calc(100% / 12) 0 calc(100% / 12) 0 calc(100% / 12) 0 calc(100% / 12) 0 calc(100% / 12) 0 calc(100% / 12) 0 calc(100% / 12) 0 calc(100% / 12) 0 calc(100% / 12) 0 calc(100% / 12);
          grid-template-columns: repeat(12, -webkit-calc(100% / 12));
          grid-template-columns: repeat(12, -moz-calc(100% / 12));
          grid-template-columns: repeat(12, calc(100% / 12));
      }
  
      .acs-hybrid-text-bar > *:nth-child(1), .acs-hybrid-text-bar.acs-yes > *:nth-child(1), .acs-hybrid-text-bar.acs-yes.acs-text-version > *:nth-child(1) {
          -ms-grid-row: 1;
          -ms-grid-column: 1;
      }
  
      .acs-hybrid-text-bar > *:nth-child(2), .acs-hybrid-text-bar.acs-yes > *:nth-child(2), .acs-hybrid-text-bar.acs-yes.acs-text-version > *:nth-child(2) {
          -ms-grid-row: 1;
          -ms-grid-column: 3;
      }
  
      .acs-hybrid-text-bar > *:nth-child(3), .acs-hybrid-text-bar.acs-yes > *:nth-child(3), .acs-hybrid-text-bar.acs-yes.acs-text-version > *:nth-child(3) {
          -ms-grid-row: 1;
          -ms-grid-column: 5;
      }
  
      .acs-hybrid-text-bar > *:nth-child(4), .acs-hybrid-text-bar.acs-yes > *:nth-child(4), .acs-hybrid-text-bar.acs-yes.acs-text-version > *:nth-child(4) {
          -ms-grid-row: 1;
          -ms-grid-column: 7;
      }
  
      .acs-hybrid-text-bar > *:nth-child(5), .acs-hybrid-text-bar.acs-yes > *:nth-child(5), .acs-hybrid-text-bar.acs-yes.acs-text-version > *:nth-child(5) {
          -ms-grid-row: 1;
          -ms-grid-column: 9;
      }
  
      .acs-hybrid-text-bar > *:nth-child(6), .acs-hybrid-text-bar.acs-yes > *:nth-child(6), .acs-hybrid-text-bar.acs-yes.acs-text-version > *:nth-child(6) {
          -ms-grid-row: 1;
          -ms-grid-column: 11;
      }
  
      .acs-hybrid-text-bar > *:nth-child(7), .acs-hybrid-text-bar.acs-yes > *:nth-child(7), .acs-hybrid-text-bar.acs-yes.acs-text-version > *:nth-child(7) {
          -ms-grid-row: 1;
          -ms-grid-column: 13;
      }
  
      .acs-hybrid-text-bar > *:nth-child(8), .acs-hybrid-text-bar.acs-yes > *:nth-child(8), .acs-hybrid-text-bar.acs-yes.acs-text-version > *:nth-child(8) {
          -ms-grid-row: 1;
          -ms-grid-column: 15;
      }
  
      .acs-hybrid-text-bar > *:nth-child(9), .acs-hybrid-text-bar.acs-yes > *:nth-child(9), .acs-hybrid-text-bar.acs-yes.acs-text-version > *:nth-child(9) {
          -ms-grid-row: 1;
          -ms-grid-column: 17;
      }
  
      .acs-hybrid-text-bar > *:nth-child(10), .acs-hybrid-text-bar.acs-yes > *:nth-child(10), .acs-hybrid-text-bar.acs-yes.acs-text-version > *:nth-child(10) {
          -ms-grid-row: 1;
          -ms-grid-column: 19;
      }
  
      .acs-hybrid-text-bar > *:nth-child(11), .acs-hybrid-text-bar.acs-yes > *:nth-child(11), .acs-hybrid-text-bar.acs-yes.acs-text-version > *:nth-child(11) {
          -ms-grid-row: 1;
          -ms-grid-column: 21;
      }
  
      .acs-hybrid-text-bar > *:nth-child(12), .acs-hybrid-text-bar.acs-yes > *:nth-child(12), .acs-hybrid-text-bar.acs-yes.acs-text-version > *:nth-child(12) {
          -ms-grid-row: 1;
          -ms-grid-column: 23;
      }
  
      .acs-hybrid-text-bar > *:nth-child(13), .acs-hybrid-text-bar.acs-yes > *:nth-child(13), .acs-hybrid-text-bar.acs-yes.acs-text-version > *:nth-child(13) {
          -ms-grid-row: 3;
          -ms-grid-column: 1;
      }
  
      .acs-hybrid-text-bar > *:nth-child(14), .acs-hybrid-text-bar.acs-yes > *:nth-child(14), .acs-hybrid-text-bar.acs-yes.acs-text-version > *:nth-child(14) {
          -ms-grid-row: 3;
          -ms-grid-column: 3;
      }
  
      .acs-hybrid-text-bar > *:nth-child(15), .acs-hybrid-text-bar.acs-yes > *:nth-child(15), .acs-hybrid-text-bar.acs-yes.acs-text-version > *:nth-child(15) {
          -ms-grid-row: 3;
          -ms-grid-column: 5;
      }
  
      .acs-hybrid-text-bar > *:nth-child(16), .acs-hybrid-text-bar.acs-yes > *:nth-child(16), .acs-hybrid-text-bar.acs-yes.acs-text-version > *:nth-child(16) {
          -ms-grid-row: 3;
          -ms-grid-column: 7;
      }
  
      .acs-hybrid-text-bar > *:nth-child(17), .acs-hybrid-text-bar.acs-yes > *:nth-child(17), .acs-hybrid-text-bar.acs-yes.acs-text-version > *:nth-child(17) {
          -ms-grid-row: 3;
          -ms-grid-column: 9;
      }
  
      .acs-hybrid-text-bar > *:nth-child(18), .acs-hybrid-text-bar.acs-yes > *:nth-child(18), .acs-hybrid-text-bar.acs-yes.acs-text-version > *:nth-child(18) {
          -ms-grid-row: 3;
          -ms-grid-column: 11;
      }
  
      .acs-hybrid-text-bar > *:nth-child(19), .acs-hybrid-text-bar.acs-yes > *:nth-child(19), .acs-hybrid-text-bar.acs-yes.acs-text-version > *:nth-child(19) {
          -ms-grid-row: 3;
          -ms-grid-column: 13;
      }
  
      .acs-hybrid-text-bar > *:nth-child(20), .acs-hybrid-text-bar.acs-yes > *:nth-child(20), .acs-hybrid-text-bar.acs-yes.acs-text-version > *:nth-child(20) {
          -ms-grid-row: 3;
          -ms-grid-column: 15;
      }
  
      .acs-hybrid-text-bar > *:nth-child(21), .acs-hybrid-text-bar.acs-yes > *:nth-child(21), .acs-hybrid-text-bar.acs-yes.acs-text-version > *:nth-child(21) {
          -ms-grid-row: 3;
          -ms-grid-column: 17;
      }
  
      .acs-hybrid-text-bar > *:nth-child(22), .acs-hybrid-text-bar.acs-yes > *:nth-child(22), .acs-hybrid-text-bar.acs-yes.acs-text-version > *:nth-child(22) {
          -ms-grid-row: 3;
          -ms-grid-column: 19;
      }
  
      .acs-hybrid-text-bar > *:nth-child(23), .acs-hybrid-text-bar.acs-yes > *:nth-child(23), .acs-hybrid-text-bar.acs-yes.acs-text-version > *:nth-child(23) {
          -ms-grid-row: 3;
          -ms-grid-column: 21;
      }
  
      .acs-hybrid-text-bar > *:nth-child(24), .acs-hybrid-text-bar.acs-yes > *:nth-child(24), .acs-hybrid-text-bar.acs-yes.acs-text-version > *:nth-child(24) {
          -ms-grid-row: 3;
          -ms-grid-column: 23;
      }
  
      .acs-hybrid-text-bar > *:nth-child(25), .acs-hybrid-text-bar.acs-yes > *:nth-child(25), .acs-hybrid-text-bar.acs-yes.acs-text-version > *:nth-child(25) {
          -ms-grid-row: 5;
          -ms-grid-column: 1;
      }
  
      .acs-hybrid-text-bar > *:nth-child(26), .acs-hybrid-text-bar.acs-yes > *:nth-child(26), .acs-hybrid-text-bar.acs-yes.acs-text-version > *:nth-child(26) {
          -ms-grid-row: 5;
          -ms-grid-column: 3;
      }
  
      .acs-hybrid-text-bar > *:nth-child(27), .acs-hybrid-text-bar.acs-yes > *:nth-child(27), .acs-hybrid-text-bar.acs-yes.acs-text-version > *:nth-child(27) {
          -ms-grid-row: 5;
          -ms-grid-column: 5;
      }
  
      .acs-hybrid-text-bar > *:nth-child(28), .acs-hybrid-text-bar.acs-yes > *:nth-child(28), .acs-hybrid-text-bar.acs-yes.acs-text-version > *:nth-child(28) {
          -ms-grid-row: 5;
          -ms-grid-column: 7;
      }
  
      .acs-hybrid-text-bar > *:nth-child(29), .acs-hybrid-text-bar.acs-yes > *:nth-child(29), .acs-hybrid-text-bar.acs-yes.acs-text-version > *:nth-child(29) {
          -ms-grid-row: 5;
          -ms-grid-column: 9;
      }
  
      .acs-hybrid-text-bar > *:nth-child(30), .acs-hybrid-text-bar.acs-yes > *:nth-child(30), .acs-hybrid-text-bar.acs-yes.acs-text-version > *:nth-child(30) {
          -ms-grid-row: 5;
          -ms-grid-column: 11;
      }
  
      .acs-hybrid-text-bar > *:nth-child(31), .acs-hybrid-text-bar.acs-yes > *:nth-child(31), .acs-hybrid-text-bar.acs-yes.acs-text-version > *:nth-child(31) {
          -ms-grid-row: 5;
          -ms-grid-column: 13;
      }
  
      .acs-hybrid-text-bar > *:nth-child(32), .acs-hybrid-text-bar.acs-yes > *:nth-child(32), .acs-hybrid-text-bar.acs-yes.acs-text-version > *:nth-child(32) {
          -ms-grid-row: 5;
          -ms-grid-column: 15;
      }
  
      .acs-hybrid-text-bar > *:nth-child(33), .acs-hybrid-text-bar.acs-yes > *:nth-child(33), .acs-hybrid-text-bar.acs-yes.acs-text-version > *:nth-child(33) {
          -ms-grid-row: 5;
          -ms-grid-column: 17;
      }
  
      .acs-hybrid-text-bar > *:nth-child(34), .acs-hybrid-text-bar.acs-yes > *:nth-child(34), .acs-hybrid-text-bar.acs-yes.acs-text-version > *:nth-child(34) {
          -ms-grid-row: 5;
          -ms-grid-column: 19;
      }
  
      .acs-hybrid-text-bar > *:nth-child(35), .acs-hybrid-text-bar.acs-yes > *:nth-child(35), .acs-hybrid-text-bar.acs-yes.acs-text-version > *:nth-child(35) {
          -ms-grid-row: 5;
          -ms-grid-column: 21;
      }
  
      .acs-hybrid-text-bar > *:nth-child(36), .acs-hybrid-text-bar.acs-yes > *:nth-child(36), .acs-hybrid-text-bar.acs-yes.acs-text-version > *:nth-child(36) {
          -ms-grid-row: 5;
          -ms-grid-column: 23;
      }
  
      .acs-hybrid-text-bar .acs-item {
          padding-left: 0.4rem !important;
          font-size: 1.15rem;
          border: 0 !important;
      }
  
      .acs-hybrid-text-bar .acs-item,
      .acs-hybrid-text-bar .acs-item * {
          -webkit-box-align: center;
          -webkit-align-items: center;
             -moz-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          -webkit-box-pack: start;
          -webkit-justify-content: flex-start;
             -moz-box-pack: start;
              -ms-flex-pack: start;
                  justify-content: flex-start;
      }
  
      .acs-hybrid-text-bar .acs-contain {
          width: 100%
      }
  
      .acs-hybrid-text-bar.acs-yes .acs-contain {
          border-right: 0 solid rgba(0,0,0,0);
      }
  
      .acs-hybrid-text-bar.acs-yes .acs-secondary {
          padding-right: 0.125rem;
      }
  
      .acs-hybrid-text-bar.acs-explained,
      .acs-hybrid-text-bar.acs-neutralized,
      .acs-hybrid-text-bar.acs-pending {
              grid-template-areas:
              "item item clear"
              "contain contain contain";
          -ms-grid-rows: 2rem 0 2.5rem;
          grid-template-rows: 2rem 2.5rem;
          height: 4.75rem;
          max-height: 50vh;
      }
  
      .acs-hybrid-text-bar:not(.acs-yes) .acs-contain-container .acs-icon,
      .acs-hybrid-text-bar:not(.acs-yes) .acs-contain-container .acs-icon img {
          height: 110% !important;
      }
  
      .acs-hybrid-text-bar > .acs-clear strong,
      .acs-hybrid-text-bar > .acs-disrupt strong,
      .acs-hybrid-text-bar > .acs-risk strong {
          font-size: 0.55rem; 
          display: -webkit-box; 
          display: -webkit-flex; 
          display: -moz-box; 
          display: -ms-flexbox; 
          display: flex;
      }
  
      .acs-hybrid-text-bar.acs-yes.acs-text-version .acs-contain-container {
          font-size: 0.8rem;
          -webkit-box-orient: horizontal;
          -webkit-box-direction: normal;
          -webkit-flex-direction: row;
             -moz-box-orient: horizontal;
             -moz-box-direction: normal;
              -ms-flex-direction: row;
                  flex-direction: row;
          -webkit-box-align: center;
          -webkit-align-items: center;
             -moz-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          -webkit-box-pack: center;
          -webkit-justify-content: center;
             -moz-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center;
      }
  
      .acs-hybrid-text-bar.acs-yes.acs-text-version .acs-contain-container .acs-text span:first-of-type {
        font-size: 0.75em;
      }
  
      .acs-hybrid-text-bar.acs-yes.acs-text-version .acs-contain-container .acs-text span:last-of-type {
        font-size: 1.15em;
        padding-bottom: 0.15em;
      }
  
      .acs-hybrid-text-bar .acs-contain {
          padding-left: 0.4rem;
      }
  
      .acs-hybrid-text-bar.acs-yes .acs-contain-container > div {
          height: 100%;
          width: 100%;
          -webkit-flex-shrink: 2;
              -ms-flex-negative: 2;
                  flex-shrink: 2;
                  -webkit-box-orient: vertical;
                  -webkit-box-direction: normal;
                  -webkit-flex-direction: column;
                     -moz-box-orient: vertical;
                     -moz-box-direction: normal;
                      -ms-flex-direction: column;
                          flex-direction: column;
          position: relative;
                  -webkit-align-content: flex-start;
                      -ms-flex-line-pack: start;
                          align-content: flex-start;
      }
  
      .acs-hybrid-version.acs-yes .acs-contain-container .acs-text,
      .acs-hybrid-version.acs-yes .acs-contain-container .acs-icon {
          position: absolute;     
          top: 0;
          width: -webkit-calc(100% - 2rem);
          width: -moz-calc(100% - 2rem);
          width: calc(100% - 2rem);
          height: 100%;
          -webkit-box-pack: end;
          -webkit-justify-content: end;
             -moz-box-pack: end;
              -ms-flex-pack: end;
                  justify-content: end;
      }
  
      .acs-hybrid-text-bar > .acs-item span {
          padding-left: 0 !important;
      }
  
      .acs-hybrid-version.acs-yes .acs-contain-container .acs-text,
      .acs-hybrid-text-bar.acs-yes .acs-contain-container .acs-text {
          padding-left: 0;
      }
  
      .acs-hybrid-text-bar > .acs-disrupt {
          padding-left: 0.600em;
      }
  
      .acs-hybrid-text-bar > .acs-risk {
          padding-left: 0.25rem;
      }
  
      .acs-hybrid-text-bar.acs-text-version .acs-contain-container {
          -webkit-box-shadow: inset 0 -0.125rem 0 0, inset 0 0.125rem 0 0;
             -moz-box-shadow: inset 0 -0.125rem 0 0, inset 0 0.125rem 0 0;
                  box-shadow: inset 0 -0.125rem 0 0, inset 0 0.125rem 0 0;
      }
  
      .acs-hybrid-version.acs-yes .acs-contain-container .acs-icon,
      .acs-hybrid-text-bar:not(.acs-yes) .acs-contain-container .acs-icon {
          right: 0.15rem;
          height: 100%;
          width: initial;
          min-height: initial;
          min-width: initial;
          position: absolute;
          bottom: -0.25rem;
      }
  
      .acs-hybrid-text-bar:not(.acs-yes) .acs-contain-container .acs-icon img {
          max-height: 1.75rem;
          max-width: 1.75rem;
          margin-bottom: 0.25rem;
      }
  
      .acs-hybrid-version.acs-yes .acs-contain-container .acs-icon img,
      .acs-hybrid-text-bar:not(.acs-yes) .acs-contain-container .acs-icon img {
          width: 1.75rem;
          height: 1.75rem;
      }
  
      .acs-hybrid-version > .acs-disrupt .acs-icon, 
      .acs-hybrid-version > .acs-risk .acs-icon {
          height: 1.25rem;
          width: 1.25rem;
          min-height: 1.25rem;
          min-width: 1.25rem;
          position: absolute;
          right: 0.25rem;
      }
  
      .acs-hybrid-version.acs-clear-1 > .acs-clear {
          -webkit-box-shadow: inset 0 -0.25rem 0 0 rgb(var(--one-color));
             -moz-box-shadow: inset 0 -0.25rem 0 0 rgb(var(--one-color));
                  box-shadow: inset 0 -0.25rem 0 0 rgb(var(--one-color));
          padding-left: 0.25em;
          padding-bottom: 0.25em;
      }
  
      .acs-hybrid-version.acs-clear-2 > .acs-clear {
          -webkit-box-shadow: inset 0 -0.25rem 0 0 rgb(var(--two-color));
             -moz-box-shadow: inset 0 -0.25rem 0 0 rgb(var(--two-color));
                  box-shadow: inset 0 -0.25rem 0 0 rgb(var(--two-color));
          padding-left: 0.25em;
          padding-bottom: 0.25em;
      }
  
      .acs-hybrid-version.acs-clear-3 > .acs-clear {
          -webkit-box-shadow: inset 0 -0.25rem 0 0 rgb(var(--three-color));
             -moz-box-shadow: inset 0 -0.25rem 0 0 rgb(var(--three-color));
                  box-shadow: inset 0 -0.25rem 0 0 rgb(var(--three-color));
          padding-left: 0.25em;
          padding-bottom: 0.25em;
      }
  
      .acs-hybrid-version.acs-clear-4 > .acs-clear {
          -webkit-box-shadow: inset 0 -0.25rem 0 0 rgb(var(--four-color));
             -moz-box-shadow: inset 0 -0.25rem 0 0 rgb(var(--four-color));
                  box-shadow: inset 0 -0.25rem 0 0 rgb(var(--four-color));
          padding-left: 0.25em;
          padding-bottom: 0.25em;
      }
  
      .acs-hybrid-version.acs-clear-5 > .acs-clear {
          -webkit-box-shadow: inset 0 -0.25rem 0 0 rgb(var(--five-color));
             -moz-box-shadow: inset 0 -0.25rem 0 0 rgb(var(--five-color));
                  box-shadow: inset 0 -0.25rem 0 0 rgb(var(--five-color));
          padding-left: 0.25em;
          padding-bottom: 0.25em;
      }
  
      .acs-hybrid-version.acs-clear-6 > .acs-clear {
          -webkit-box-shadow: inset 0 -0.25rem 0 0 rgb(12, 12, 12);
             -moz-box-shadow: inset 0 -0.25rem 0 0 rgb(12, 12, 12);
                  box-shadow: inset 0 -0.25rem 0 0 rgb(12, 12, 12);
          -webkit-box-shadow: inset 0 -0.25rem 0 0 rgb(var(--black-monochrome, 12, 12, 12));
             -moz-box-shadow: inset 0 -0.25rem 0 0 rgb(var(--black-monochrome, 12, 12, 12));
                  box-shadow: inset 0 -0.25rem 0 0 rgb(var(--black-monochrome, 12, 12, 12));
          padding-left: 0.25em;
          padding-bottom: 0.25em;
      }
  
      .acs-hybrid-version > .acs-contain,
      .acs-hybrid-version > .acs-risk,
      .acs-hybrid-version > .acs-disrupt {
          position: relative;
          margin-bottom: 0em;
      }
      .acs-hybrid-version.acs-yes .acs-secondary,
      .acs-hybrid-version.acs-neutralized .acs-contain,
      .acs-hybrid-version.acs-esoteric .acs-contain {
          -webkit-box-shadow: inset 0 -0.25rem 0 0 rgba(var(--gray-monochrome, 66, 66, 72),0.15);
             -moz-box-shadow: inset 0 -0.25rem 0 0 rgba(var(--gray-monochrome, 66, 66, 72),0.15);
                  box-shadow: inset 0 -0.25rem 0 0 rgba(var(--gray-monochrome, 66, 66, 72),0.15);
      }
  
      .acs-hybrid-version.acs-pending .acs-contain {
          -webkit-box-shadow: inset 0 -0.25rem 0 0 rgb(var(--white-monochrome, 12, 12, 12));
             -moz-box-shadow: inset 0 -0.25rem 0 0 rgb(var(--white-monochrome, 12, 12, 12));
                  box-shadow: inset 0 -0.25rem 0 0 rgb(var(--white-monochrome, 12, 12, 12));
      }
  
      .acs-hybrid-version.acs-explained  .acs-contain {
          -webkit-box-shadow: inset 0 -0.25rem 0 0 rgb(var(--black-monochrome, 12, 12, 12));
             -moz-box-shadow: inset 0 -0.25rem 0 0 rgb(var(--black-monochrome, 12, 12, 12));
                  box-shadow: inset 0 -0.25rem 0 0 rgb(var(--black-monochrome, 12, 12, 12));
      }
  
      .acs-hybrid-version.acs-safe  .acs-contain {
          -webkit-box-shadow: inset 0 -0.25rem 0 0 rgb(var(--one-color));
             -moz-box-shadow: inset 0 -0.25rem 0 0 rgb(var(--one-color));
                  box-shadow: inset 0 -0.25rem 0 0 rgb(var(--one-color));
      }
  
      .acs-hybrid-version.acs-euclid  .acs-contain {
          -webkit-box-shadow: inset 0 -0.25rem 0 0 rgb(var(--three-color));
             -moz-box-shadow: inset 0 -0.25rem 0 0 rgb(var(--three-color));
                  box-shadow: inset 0 -0.25rem 0 0 rgb(var(--three-color));
      }
  
      .acs-hybrid-version.acs-keter  .acs-contain {
          -webkit-box-shadow: inset 0 -0.25rem 0 0 rgb(var(--five-color));
             -moz-box-shadow: inset 0 -0.25rem 0 0 rgb(var(--five-color));
                  box-shadow: inset 0 -0.25rem 0 0 rgb(var(--five-color));
      }
  
      .acs-hybrid-version.acs-dark > .acs-disrupt {
          -webkit-box-shadow: inset 0 -0.25rem 0 0 rgb(var(--one-color));
             -moz-box-shadow: inset 0 -0.25rem 0 0 rgb(var(--one-color));
                  box-shadow: inset 0 -0.25rem 0 0 rgb(var(--one-color));
      }
  
      .acs-hybrid-version.acs-vlam > .acs-disrupt {
          -webkit-box-shadow: inset 0 -0.25rem 0 0 rgb(var(--two-color));
             -moz-box-shadow: inset 0 -0.25rem 0 0 rgb(var(--two-color));
                  box-shadow: inset 0 -0.25rem 0 0 rgb(var(--two-color));
      }
  
      .acs-hybrid-version.acs-keneq > .acs-disrupt {
          -webkit-box-shadow: inset 0 -0.25rem 0 0 rgb(var(--three-color));
             -moz-box-shadow: inset 0 -0.25rem 0 0 rgb(var(--three-color));
                  box-shadow: inset 0 -0.25rem 0 0 rgb(var(--three-color));
      }
  
      .acs-hybrid-version.acs-ekhi > .acs-disrupt {
          -webkit-box-shadow: inset 0 -0.25rem 0 0 rgb(var(--four-color));
             -moz-box-shadow: inset 0 -0.25rem 0 0 rgb(var(--four-color));
                  box-shadow: inset 0 -0.25rem 0 0 rgb(var(--four-color));
      }
  
      .acs-hybrid-version.acs-amida > .acs-disrupt {
          -webkit-box-shadow: inset 0 -0.25rem 0 0 rgb(var(--five-color));
             -moz-box-shadow: inset 0 -0.25rem 0 0 rgb(var(--five-color));
                  box-shadow: inset 0 -0.25rem 0 0 rgb(var(--five-color));
      }
  
      .acs-hybrid-version.acs-notice > .acs-risk {
          -webkit-box-shadow: inset 0 -0.25rem 0 0 rgb(var(--one-color));
             -moz-box-shadow: inset 0 -0.25rem 0 0 rgb(var(--one-color));
                  box-shadow: inset 0 -0.25rem 0 0 rgb(var(--one-color));
      }
  
      .acs-hybrid-version.acs-caution > .acs-risk {
          -webkit-box-shadow: inset 0 -0.25rem 0 0 rgb(var(--two-color));
             -moz-box-shadow: inset 0 -0.25rem 0 0 rgb(var(--two-color));
                  box-shadow: inset 0 -0.25rem 0 0 rgb(var(--two-color));
          position: relative;
      }
  
      .acs-hybrid-version.acs-warning > .acs-risk {
          -webkit-box-shadow: inset 0 -0.25rem 0 0 rgb(var(--three-color));
             -moz-box-shadow: inset 0 -0.25rem 0 0 rgb(var(--three-color));
                  box-shadow: inset 0 -0.25rem 0 0 rgb(var(--three-color));
      }
  
      .acs-hybrid-version.acs-danger > .acs-risk {
          -webkit-box-shadow: inset 0 -0.25rem 0 0 rgb(var(--four-color));
             -moz-box-shadow: inset 0 -0.25rem 0 0 rgb(var(--four-color));
                  box-shadow: inset 0 -0.25rem 0 0 rgb(var(--four-color));
      }
  
      .acs-hybrid-version.acs-critical > .acs-risk {
          -webkit-box-shadow: inset 0 -0.25rem 0 0 rgb(var(--five-color));
             -moz-box-shadow: inset 0 -0.25rem 0 0 rgb(var(--five-color));
                  box-shadow: inset 0 -0.25rem 0 0 rgb(var(--five-color));
      }
  
      .acs-hybrid-text-bar > .acs-item {
          -ms-grid-row: 1;
          -ms-grid-column: 1;
          -ms-grid-column-span: 11
      }
  
      .acs-hybrid-text-bar.acs-explained > .acs-item, .acs-hybrid-text-bar.acs-neutralized > .acs-item, .acs-hybrid-text-bar.acs-pending > .acs-item {
          -ms-grid-row: 1;
          -ms-grid-column: 1;
          -ms-grid-column-span: 3;
      }
  
      .acs-hybrid-text-bar > .acs-clear {
          -ms-grid-row: 1;
          -ms-grid-column: 13;
          -ms-grid-column-span: 11;
      border: 0 !important;
      }
  
      .acs-hybrid-text-bar.acs-explained > .acs-clear, .acs-hybrid-text-bar.acs-neutralized > .acs-clear, .acs-hybrid-text-bar.acs-pending > .acs-clear {
          -ms-grid-row: 1;
          -ms-grid-column: 5;
          -ms-grid-column-span: 1;
      }
  
      .acs-hybrid-text-bar .acs-contain-container {
          -ms-grid-row: 3;
          -ms-grid-row-span: 1;
          -ms-grid-column: 1;
          -ms-grid-column-span: 23;
          border: 0rem solid rgba(0, 0, 0, 0);
      }
  
      .acs-hybrid-text-bar.acs-explained > .acs-contain-container, .acs-hybrid-text-bar.acs-neutralized > .acs-contain-container, .acs-hybrid-text-bar.acs-pending > .acs-contain-container {
          -ms-grid-row: 3;
          -ms-grid-row-span: 1;
          -ms-grid-column: 1;
          -ms-grid-column-span: 5;
      }
  
      .acs-hybrid-text-bar > .acs-disrupt {
          -ms-grid-row: 5;
          -ms-grid-column: 1;
          -ms-grid-column-span: 11
      }
  
      .acs-hybrid-text-bar > .acs-risk {
          -ms-grid-row: 5;
          -ms-grid-column: 13;
          -ms-grid-column-span: 11
      }
  
  }

  Pages using this styling

  • component:acs-hybrid-text-bar-source [info]

  ¶ 1 occurrence
  

  @import url("https://nu-scptheme.github.io/Black-Highlighter/stable/styles/normalize.min.css");
  @import url("https://nu-scptheme.github.io/Black-Highlighter/stable/styles/black-highlighter.min.css");
  
  :root {
      --five-color: 196,2,51;
      --four-color: 255,109,0;
      --three-color: 255,211,0;
      --two-color: 0,135,189;
      --one-color: 0,159,107;
  }
  
  #page-title {
      text-align: center;
  }
  
  .color-five {
      background-color: rgb(var(--five-color));
  }
  
  .color-four {
      background-color: rgb(var(--four-color));
  }
  
  .color-three {
      background-color: rgb(var(--three-color));
  }
  
  .color-two {
      background-color: rgb(var(--two-color));
  }
  
  .color-one {
      background-color: rgb(var(--one-color));
  }
  
  .color-gray {
      background-color: rgba(var(--gray-monochrome, 66, 66, 72),0.15);
  }
  
  .color-white {
      background-color: rgb(var(--white-monochrome, 252, 252, 252));
  }
  
  .color-black {
      background-color: rgb(var(--black-monochrome, 12, 12, 12));
  }
  
  .icons {
      display: grid;
      grid-template-columns: repeat(5, calc((100% / 5) - 0.25rem));
      grid-gap: 0.25rem;
  }
  
  .class-table-box {
      display: grid;
      grid-template-columns: 1fr 75%;
      background-color: rgb(var(--black-monochrome));
      grid-gap: 0.125rem;
      margin-top: 0.5rem;
  }
  
  .class-table-box > div {
      padding: 0.5rem;
  }
  
  .class-name {
      font-family: var(--title-font);
      font-size: 1.15em;
      display: flex;
      align-items: center;
      justify-content: center;
  }
  
  .class-description {
      background-color: rgb(var(--white-monochrome));
  }
  
  @media (max-width: 500px ) {
  .icons {
      grid-template-columns: repeat(3, calc((100% / 3) - 0.25rem));
  }
  }
  
  .icon_image {
      border-radius: 50%;
      border: 0.25rem solid  rgb(var(--black-monochrome, 12, 12, 12));
      overflow: hidden;
  }
  
  .icon_name,
  .icon_link {
      font-family: var(--title-font);
      display: flex;
      align-items: center;
      justify-content: center;
      text-transform: uppercase;
  }
  
  h1, h2 {
      text-align: center;
  }
  
  .step_container {
      margin: 0.5rem 0;
      border: 1px solid #999;
      padding: 1em;
  }
  
  .help {
      display: flex;
      align-content: stretch;
      padding-top: 1em;
      border-top: 1px dashed #999;
  }
  
  .help blockquote {
      margin: 0;
      font-size: 85%;
  }
  
  .help blockquote > p {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      align-content: center;
      margin-right: 0;
      min-height: 2rem;
      margin: 0;
  }
  
  .help blockquote > p * {
      margin: 0 0.1rem;
      height: 100%;
  }
  
  .help blockquote:nth-of-type(1) {
      width: 50%;
      background: transparent;
      border: unset;
      box-shadow: unset;
      text-align: right;
      margin-right: 0;
      padding: 0;
  }
  
  .help blockquote:nth-of-type(1) > p {
      justify-content: flex-end;
  }
  
  .help blockquote:nth-of-type(2) {
      margin-left: 1em;
      width: 50%;
  }
  
  #page-content > .collapsible-block {
      display: block;
      text-align: center;
      padding: 0.75em;
      background-color: lightgrey;
      border-top: 0.125rem dashed slategrey;
      border-bottom: 0.125rem dashed slategrey;
  }
  
  #page-content > div.collapsible-block > div.collapsible-block-unfolded > div.collapsible-block-content {
      text-align:left;
  }

  Pages using this styling

  • component:acs-hybrid-text-bar [info]

  ¶ 1 occurrence
  

  :root {
      --5-color: rgb(var(--five-color));
      --4-color: rgb(var(--four-color));
      --3-color: rgb(var(--three-color));
      --2-color: rgb(var(--two-color));
      --1-color: rgb(var(--one-color));
      --0-color: rgb(var(--white-monochrome));
      --black: rgb(var(--black-monochrome));
      --five-color: 196, 2, 51;
      --four-color: 255, 109, 0;
      --three-color: 255, 211, 0;
      --two-color: 0, 135, 189;
      --one-color: 0, 159, 107;
      --white-monochrome: 255, 255, 255;
      --black-monochrome: 0, 0, 0;
  }
  
  .anom-lite-bar-container {
  }
  
  .anom-lite-bar-container,
  
  .anom-lite-bar-container p {
      margin: 0;
      line-height: 1;
  }
  
  .anom-lite-bar-container .bottom-bar {
      display: flex;
  }
  
  .anom-lite-bar-container .bottom-left-bar {
      flex-grow: 1;
  }
  
  /* ITEM# & CLEARANCE */
  
  .anom-lite-bar-container .top-bar {
      display: flex;
      align-items: center;
      border-bottom: solid 3px var(--black);
      margin-bottom: 3px;
      padding: 3px;
  }
  
  .anom-lite-bar-container .top-center-bar {
      flex-grow: 1;
  }
  
  .anom-lite-bar-container .item-number-text,
  .anom-lite-bar-container .clearance-text {
      font-size: 0.75rem;
  }
  
  .anom-lite-bar-container .item-number-content,
  .anom-lite-bar-container .clearance-content {
      font-size: 0.96rem;
  }
  
  @media (min-width: 768px) {
  .anom-lite-bar-container .item-number-text,
  .anom-lite-bar-container .clearance-text {
      font-size: 1.2rem;
  }
  
  .anom-lite-bar-container .item-number-content,
  .anom-lite-bar-container .clearance-content {
      font-size: 1.75rem;
  }
  }
  
  .anom-lite-bar-container .item-number-text,
  .anom-lite-bar-container .clearance-content {
      font-weight: bold;
  }
  
  .anom-lite-bar-container .item-number-content,
  .anom-lite-bar-container .clearance-text {
      font-family: var(--title-font);
      text-transform: uppercase;
  }
  
  .anom-lite-bar-container .top-right-bar {
      text-align: right;
  }
  
  .anom-lite-bar-container .top-center-bar {
      margin-left: 3px;
      margin-right: 3px;
  }
  
  .anom-lite-bar-container .clearance-{$clearance} hr {
      margin: 0;
      margin-bottom: 2px;
      height: 3px;
      background-color: var(--{$clearance}-color);
      background-image: none;
      border: none;
  }
  
  .anom-lite-bar-container .clearance-1 hr:nth-child(2),
  .anom-lite-bar-container .clearance-1 hr:nth-child(3),
  .anom-lite-bar-container .clearance-1 hr:nth-child(4),
  .anom-lite-bar-container .clearance-1 hr:nth-child(5),
  .anom-lite-bar-container .clearance-1 hr:nth-child(6),
  .anom-lite-bar-container .clearance-2 hr:nth-child(3),
  .anom-lite-bar-container .clearance-2 hr:nth-child(4),
  .anom-lite-bar-container .clearance-2 hr:nth-child(5),
  .anom-lite-bar-container .clearance-2 hr:nth-child(6),
  .anom-lite-bar-container .clearance-3 hr:nth-child(4),
  .anom-lite-bar-container .clearance-3 hr:nth-child(5),
  .anom-lite-bar-container .clearance-3 hr:nth-child(6),
  .anom-lite-bar-container .clearance-4 hr:nth-child(5),
  .anom-lite-bar-container .clearance-4 hr:nth-child(6),
  .anom-lite-bar-container .clearance-5 hr:nth-child(6) {
      display: none;
  }
  
  .anom-lite-bar-container .clearance-1 hr:nth-child(1),
  .anom-lite-bar-container .clearance-2 hr:nth-child(2),
  .anom-lite-bar-container .clearance-3 hr:nth-child(3),
  .anom-lite-bar-container .clearance-4 hr:nth-child(4),
  .anom-lite-bar-container .clearance-5 hr:nth-child(5),
  .anom-lite-bar-container .clearance-6 hr:nth-child(6) {
      margin-bottom: 0;
  }
  
  /* CLASSSSSS */
  
  .anom-lite-bar-container .bottom-left-bar {
      width: calc(100% - 6rem - 16px);
      border-right: solid 3px var(--black);
      margin-right: 3px;
      margin-left: 3px;
      padding-right: 3px;
  }
  
  .anom-lite-bar-container .bottom-left-top-bar {
      border-left: solid 3px var(--black);
      background-color: rgba(var(--black-monochrome), 0.15);
  }
  
  .anom-lite-bar-container .bottom-left-bottom-left-bar,
  .anom-lite-bar-container .bottom-left-bottom-right-bar {
      border-left: solid 3px var(--black);
      background-color: rgba(var(--black-monochrome), 0.15);
  }
  
  .anom-lite-bar-container .bottom-left-top-bar,
  .anom-lite-bar-container .bottom-left-bottom-left-bar,
  .anom-lite-bar-container .bottom-left-bottom-right-bar {
      display: flex;
      align-items: center;
      overflow: hidden;
      padding-left: 4.5px;
  }
  
  .anom-lite-bar-container .container-class-textarea,
  .anom-lite-bar-container .disruption-class-textarea,
  .anom-lite-bar-container .risk-class-textarea {
      flex-grow: 1;
  }
  
  .anom-lite-bar-container .secondary-class-textarea {
      display: none;
  }
  
  .anom-lite-bar-container.c-esoteric .secondary-class-textarea {
      display: block;
  }
  
  .anom-lite-bar-container .container-class-text,
  .anom-lite-bar-container .disruption-class-text,
  .anom-lite-bar-container .risk-class-text,
  .anom-lite-bar-container .secondary-class-text {
      font-size: 0.625rem;
      margin-bottom: 1.5px;
  }
  
  .anom-lite-bar-container .container-class-content,
  .anom-lite-bar-container .disruption-class-content,
  .anom-lite-bar-container .risk-class-content,
  .anom-lite-bar-container .secondary-class-content {
      font-size: 0.8rem;
      font-weight: bold;
      font-family: var(--title-font);
      text-transform: uppercase;
  }
  
  .anom-lite-bar-container .container-class-content,
  .anom-lite-bar-container .secondary-class-content {
      font-size: 1.2rem;
      margin-top: -2px;
  }
  
  .anom-lite-bar-container.c-esoteric .container-class-content {
      font-size: 0.8rem;
      margin-top: 0;
  }
  
  .anom-lite-bar-container .bottom-left-top-bar {
      padding-right: 0.5rem;
  }
  
  .anom-lite-bar-container .container-class-icon {
      position: relative;
  }
  
  .anom-lite-bar-container .container-class-icon .icon {
      margin: 0;
      width: calc(3rem - 6px);
      height: calc(3rem - 6px);
      border: solid 3px var(--black);
      border-radius: 50%;
      background-color: var(--0-color);
      background-repeat: no-repeat;
      background-position: center;
      background-size: contain;
      z-index: 2;
  }
  
  .anom-lite-bar-container.c-esoteric .container-class-icon .icon {
      width: calc(6rem - 12px);
      border-radius: 1.5rem;
      background-position: left center;
  }
  
  .anom-lite-bar-container.c-esoteric.s-{$secondary-class} .container-class-icon .secondary-icon {
      margin: 0;
      position: absolute;
      top: 0;
      right: 0;
      width: calc(3rem - 6px);
      height: calc(3rem - 6px);
      border: solid 3px var(--black);
      border-radius: 1.5rem;
      background-image: url("{$secondary-icon}");
      background-color: var(--0-color);
      background-color: rgb({$secondary-color});
      background-repeat: no-repeat;
      background-position: center;
      background-size: contain;
      z-index: 3;
  }
  
  .anom-lite-bar-container .disruption-class-icon .icon,
  .anom-lite-bar-container .risk-class-icon .icon {
      margin: 0;
      position: relative;
      width: calc(2rem - 6px);
      height: calc(2rem - 6px);
      border: solid 3px var(--black);
      border-radius: 50%;
      background-color: var(--0-color);
      background-repeat: no-repeat;
      background-position: center;
      background-size: contain;
      z-index: 2;
  }
  
  .anom-lite-bar-container .disruption-class-icon,
  .anom-lite-bar-container .risk-class-icon {
      position: relative;
      z-index: 3;
  }
  
  .anom-lite-bar-container .disruption-class-icon::before,
  .anom-lite-bar-container .risk-class-icon::before {
      content: "";
      color: var(--0-color);
      padding-top: 0.5rem;
      font-size: 0.8rem;
      font-family: var(--title-font);
      position: absolute;
      right: 0;
      top: 0;
      width: 2.5rem;
      height: calc(1.5rem - 6px);
      border: solid 3px var(--black);
      border-radius: 1rem;
      background-color: var(--black);
      z-index: 0;
  }
  
  @media (max-width: 479px) {
  .anom-lite-bar-container .bottom-left-top-bar {
      height: calc(4rem - 3px);
      width: calc(100% - 16px);
      margin-bottom: 3px;
  }
  
  .anom-lite-bar-container .bottom-left-bottom-bar {
      display: flex;
  }
  
  .anom-lite-bar-container .bottom-left-bottom-left-bar,
  .anom-lite-bar-container .bottom-left-bottom-right-bar {
      height: 2rem;
      width: calc(50% - 4.5px);
  }
  
  .anom-lite-bar-container .bottom-left-bottom-left-bar {
      margin-right: 3px;
  }
  }
  
  @media (min-width: 480px) and (max-width: 767px) {
  .anom-lite-bar-container .bottom-left-bar {
      display: flex;
  }
  
  .anom-lite-bar-container .bottom-left-top-bar {
      height: 6rem;
      width: calc(50% - 1.5px);
      margin-right: 3px;
  }
  
  .anom-lite-bar-container .bottom-left-bottom-bar {
      width: calc(50% - 1.5px);
  }
  
  .anom-lite-bar-container .bottom-left-bottom-left-bar,
  .anom-lite-bar-container .bottom-left-bottom-right-bar {
      height: calc(3rem - 1.5px);
  }
  
  .anom-lite-bar-container .bottom-left-bottom-left-bar {
      margin-bottom: 3px;
  }
  
  .anom-lite-bar-container .disruption-class-textarea,
  .anom-lite-bar-container .risk-class-textarea {
      display: flex;
  }
  }
  
  @media (min-width: 768px) {
  .anom-lite-bar-container .bottom-left-bar {
      display: flex;
  }
  
  .anom-lite-bar-container .bottom-left-top-bar {
      height: 6rem;
      width: calc(60% - 1.5px);
      margin-right: 3px;
  }
  
  .anom-lite-bar-container .bottom-left-bottom-bar {
      width: calc(40% - 1.5px);
  }
  
  .anom-lite-bar-container .bottom-left-bottom-left-bar,
  .anom-lite-bar-container .bottom-left-bottom-right-bar {
      height: calc(3rem - 1.5px);
  }
  
  .anom-lite-bar-container .bottom-left-bottom-left-bar {
      margin-bottom: 3px;
  }
  
  .anom-lite-bar-container .disruption-class-textarea,
  .anom-lite-bar-container .risk-class-textarea {
      display: flex;
  }
  
  .anom-lite-bar-container .disruption-class-content,
  .anom-lite-bar-container .risk-class-content {
      font-size: 1rem;
      margin-top: -2px;
  }
  }
  
  /* ACS DIAMOND */
  .anom-lite-bar-container .diamond {
      flex: 0 0 6rem;
      width: 6rem;
      height: 6rem;
      margin: 0;
      margin-right: 3px;
      position: relative;
      background-color: transparent;
  }
  
  .anom-lite-bar-container .diamond .diamond-mask {
      position: absolute;
      width: 100%;
      height: 100%;
      left: 0;
      top: 0;
      background-color: var(--black);
      clip-path: polygon(0 0, 6% 0, 4% 2%, 18% 16%, 34% 0, 66% 0, 82% 16%, 96% 2%, 94% 0, 100% 0, 100% 6%, 98% 4%, 84% 18%, 100% 34%, 100% 66%, 84% 82%, 98% 96%, 100% 94%, 100% 100%, 94% 100%, 96% 98%, 82% 84%, 66% 100%, 34% 100%, 18% 84%, 4% 98%, 6% 100%, 0 100%, 0 94%, 2% 96%, 16% 82%, 0 66%, 0 34%, 16% 18%, 2% 4%, 0 6%);
      -webkit-clip-path: polygon(0 0, 6% 0, 4% 2%, 18% 16%, 34% 0, 66% 0, 82% 16%, 96% 2%, 94% 0, 100% 0, 100% 6%, 98% 4%, 84% 18%, 100% 34%, 100% 66%, 84% 82%, 98% 96%, 100% 94%, 100% 100%, 94% 100%, 96% 98%, 82% 84%, 66% 100%, 34% 100%, 18% 84%, 4% 98%, 6% 100%, 0 100%, 0 94%, 2% 96%, 16% 82%, 0 66%, 0 34%, 16% 18%, 2% 4%, 0 6%);
      z-index: 1;
  }
  
  .anom-lite-bar-container .diamond .top-mask,
  .anom-lite-bar-container .diamond .left-mask,
  .anom-lite-bar-container .diamond .right-mask,
  .anom-lite-bar-container .diamond .bottom-mask {
      position: absolute;
      width: 100%;
      height: 100%;
      left: 0;
      top: 0;
      z-index: 2;
  }
  
  .anom-lite-bar-container .diamond .top-mask {
      background-color: var(--0-color);
      clip-path: polygon(20% 18%, 35% 3%, 65% 3%, 80% 18%, 50% 48%);
      -webkit-clip-path: polygon(20% 18%, 35% 3%, 65% 3%, 80% 18%, 50% 48%);
  }
  
  .anom-lite-bar-container .diamond .left-mask {
      background-color: var(--0-color);
      clip-path: polygon(18% 20%, 3% 35%, 3% 65%, 18% 80%, 48% 50%);
      -webkit-clip-path: polygon(18% 20%, 3% 35%, 3% 65%, 18% 80%, 48% 50%);
  }
  
  .anom-lite-bar-container .diamond .right-mask {
      background-color: var(--0-color);
      clip-path: polygon(82% 20%, 97% 35%, 97% 65%, 82% 80%, 52% 50%);
      -webkit-polygon(82% 20%, 97% 35%, 97% 65%, 82% 80%, 52% 50%);
  }
  
  .anom-lite-bar-container .diamond .bottom-mask {
      background-color: var(--0-color);
      clip-path: polygon(20% 82%, 35% 97%, 65% 97%, 80% 82%, 50% 52%);
      -webkit-clip-path: polygon(20% 82%, 35% 97%, 65% 97%, 80% 82%, 50% 52%);
  }
  
  .anom-lite-bar-container .diamond .top-mask.layer-2,
  .anom-lite-bar-container .diamond .left-mask.layer-2,
  .anom-lite-bar-container .diamond .right-mask.layer-2,
  .anom-lite-bar-container .diamond .bottom-mask.layer-2 {
      background: none;
  }
  
  .anom-lite-bar-container .diamond .top-icon,
  .anom-lite-bar-container .diamond .left-icon,
  .anom-lite-bar-container .diamond .right-icon,
  .anom-lite-bar-container .diamond .bottom-icon {
      display: block;
      position: absolute;
      margin: 0;
      width: calc(2rem - 6px);
      height: calc(2rem - 6px);
      border: solid 3px var(--black);
      border-radius: 50%;
      background-color: var(--0-color);
      background-repeat: no-repeat;
      background-position: center;
      background-size: contain;
      z-index: 3;
  }
  
  .anom-lite-bar-container .diamond .center-icon {
      display: block;
      position: absolute;
      margin: 0;
      top: 1rem;
      left: 1rem;
      width: calc(4rem - 6px);
      height: calc(4rem - 6px);
      border: solid 3px var(--black);
      border-radius: 50%;
      background-color: var(--0-color);
      background-repeat: no-repeat;
      background-position: center;
      background-size: contain;
      z-index: 3;
  }
  
  .anom-lite-bar-container .diamond .top-icon {
      top: 4px;
      left: 2rem;
      background: none;
      filter: none;
  }
  
  .anom-lite-bar-container .diamond .left-icon {
      top: 2rem;
      left: 4px;
      background: none;
      filter: none;
  }
  
  .anom-lite-bar-container .diamond .right-icon {
      bottom: 2rem;
      right: 4px;
      background: none;
      filter: none;
  }
  
  .anom-lite-bar-container .diamond .bottom-icon {
      bottom: 4px;
      right: 2rem;
      background: none;
      filter: none;
  }
  
  .anom-lite-bar-container .diamond .bottom-icon,
  .anom-lite-bar-container .diamond .center-icon {
      display: none;
  }
  
  .anom-lite-bar-container.e-centered .diamond .center-icon,
  .anom-lite-bar-container.c-neutralised .diamond .center-icon,
  .anom-lite-bar-container.c-neutralized .diamond .center-icon,
  .anom-lite-bar-container.c-explained .diamond .center-icon,
  .anom-lite-bar-container.c-pending .diamond .center-icon {
      display: block;
  }
  
  .anom-lite-bar-container.e-centered .diamond .top-icon,
  .anom-lite-bar-container.e-centered .diamond .left-icon,
  .anom-lite-bar-container.e-centered .diamond .right-icon,
  .anom-lite-bar-container.e-centered .diamond .bottom-icon,
  .anom-lite-bar-container.c-neutralised .diamond .top-icon,
  .anom-lite-bar-container.c-neutralised .diamond .left-icon,
  .anom-lite-bar-container.c-neutralised .diamond .right-icon,
  .anom-lite-bar-container.c-neutralised .diamond .bottom-icon,
  .anom-lite-bar-container.c-neutralized .diamond .top-icon,
  .anom-lite-bar-container.c-neutralized .diamond .left-icon,
  .anom-lite-bar-container.c-neutralized .diamond .right-icon,
  .anom-lite-bar-container.c-neutralized .diamond .bottom-icon,
  .anom-lite-bar-container.c-explained .diamond .top-icon,
  .anom-lite-bar-container.c-explained .diamond .left-icon,
  .anom-lite-bar-container.c-explained .diamond .right-icon,
  .anom-lite-bar-container.c-explained .diamond .bottom-icon,
  .anom-lite-bar-container.c-pending .diamond .top-icon,
  .anom-lite-bar-container.c-pending .diamond .left-icon,
  .anom-lite-bar-container.c-pending .diamond .right-icon,
  .anom-lite-bar-container.c-pending .diamond .bottom-icon,
  .anom-lite-bar-container.e-centered .container-class-icon,
  .anom-lite-bar-container.c-neutralised .container-class-icon,
  .anom-lite-bar-container.c-neutralized .container-class-icon,
  .anom-lite-bar-container.c-explained .container-class-icon,
  .anom-lite-bar-container.c-pending .container-class-icon,
  .anom-lite-bar-container.c-neutralised .bottom-left-bottom-bar,
  .anom-lite-bar-container.c-neutralized .bottom-left-bottom-bar,
  .anom-lite-bar-container.c-explained .bottom-left-bottom-bar,
  .anom-lite-bar-container.c-pending .bottom-left-bottom-bar {
      display: none;
  }
  
  .anom-lite-bar-container.c-neutralised .bottom-left-top-bar,
  .anom-lite-bar-container.c-neutralized .bottom-left-top-bar,
  .anom-lite-bar-container.c-explained .bottom-left-top-bar,
  .anom-lite-bar-container.c-pending .bottom-left-top-bar {
      width: calc(100% - 16px);
      height: 100%;
  }
  
  .anom-lite-bar-container.c-esoteric.s-{$secondary-class} .diamond .bottom-icon {
      display: block;
      background-image: url("{$secondary-icon}");
      background-color: rgb({$secondary-color});
  }
  
  .anom-lite-bar-container.c-esoteric.s-{$secondary-class} .diamond .bottom-mask.layer-2 {
      display: block;
      background-color: var(--0-color);
      background-color: rgba({$secondary-color}, 0.15);
  }
  
  /* CHANGES */
  .anom-lite-bar-container.c-safe .container-class-icon .icon,
  .anom-lite-bar-container.c-safe .diamond .center-icon,
  .anom-lite-bar-container.c-safe .diamond .top-icon {
      background-image: url("https://scp-wiki.wdfiles.com/local--files/component%3Aanomaly-class-bar/safe-icon.svg");
      background-color: var(--1-color);
  }
  
  .anom-lite-bar-container.c-safe .bottom-left-top-bar,
  .anom-lite-bar-container.c-safe .diamond .top-mask.layer-2 {
      background-color: rgba(var(--one-color), 0.15);
      border-color: var(--1-color);
  }
  
  .anom-lite-bar-container.c-euclid .container-class-icon .icon,
  .anom-lite-bar-container.c-euclid .diamond .center-icon,
  .anom-lite-bar-container.c-euclid .diamond .top-icon {
      background-image: url("https://scp-wiki.wdfiles.com/local--files/component%3Aanomaly-class-bar/euclid-icon.svg");
      background-color: var(--3-color);
  }
  
  .anom-lite-bar-container.c-euclid .bottom-left-top-bar,
  .anom-lite-bar-container.c-euclid .diamond .top-mask.layer-2 {
      background-color: rgba(var(--three-color), 0.15);
      border-color: var(--3-color);
  }
  
  .anom-lite-bar-container.c-keter .container-class-icon .icon,
  .anom-lite-bar-container.c-keter .diamond .center-icon,
  .anom-lite-bar-container.c-keter .diamond .top-icon {
      background-image: url("https://scp-wiki.wdfiles.com/local--files/component%3Aanomaly-class-bar/keter-icon.svg");
      background-color: var(--5-color);
  }
  
  .anom-lite-bar-container.c-keter .bottom-left-top-bar,
  .anom-lite-bar-container.c-keter .diamond .top-mask.layer-2 {
      background-color: rgba(var(--five-color), 0.15);
      border-color: var(--5-color);
  }
  
  .anom-lite-bar-container.c-thaumiel .container-class-icon .icon,
  .anom-lite-bar-container.c-thaumiel .diamond .center-icon,
  .anom-lite-bar-container.c-thaumiel .diamond .top-icon {
      background-image: url("https://scp-wiki.wdfiles.com/local--files/component%3Aanomaly-class-bar/thaumiel-icon.svg");
      background-color: var(--0-color);
  }
  
  .anom-lite-bar-container.c-thaumiel .bottom-left-top-bar,
  .anom-lite-bar-container.c-thaumiel .diamond .top-mask.layer-2 {
      background-color: rgba(var(--black-monochrome), 0.15);
      border-color: var(--black);
  }
  
  .anom-lite-bar-container.c-esoteric.s-{$secondary-class} .container-class-icon .icon,
  .anom-lite-bar-container.c-esoteric.s-{$secondary-class} .diamond .center-icon,
  .anom-lite-bar-container.c-esoteric.s-{$secondary-class} .diamond .top-icon {
      background-image: url("https://scp-wiki.wdfiles.com/local--files/component%3Aanomaly-class-bar/esoteric-icon.svg");
      background-color: var(--0-color);
      border-color: var(--0-color);
      filter: invert(100%);
  }
  
  .anom-lite-bar-container.c-esoteric.s-{$secondary-class} .bottom-left-top-bar {
      background-color: rgba(var(--black-monochrome), 0.15);
      background-color: rgba({$secondary-color}, 0.15);
      border-color: var(--black);
      border-color: rgb({$secondary-color});
  }
  
  .anom-lite-bar-container.c-esoteric.s-{$secondary-class} .diamond .top-mask.layer-2 {
      background-color: rgba(var(--black-monochrome), 0.15);
  }
  
  .anom-lite-bar-container.c-neutralised .diamond .center-icon,
  .anom-lite-bar-container.c-neutralized .diamond .center-icon {
      background-image: url("https://scp-wiki.wdfiles.com/local--files/component%3Aanomaly-class-bar/neutralized-icon.svg");
      background-color: rgba(var(--black-monochrome), 0.15);
  }
  
  .anom-lite-bar-container.c-explained .diamond .center-icon {
      background-image: url("https://scp-wiki.wdfiles.com/local--files/component%3Aanomaly-class-bar/explained-icon.svg");
      background-color: var(--0-color);
  }
  
  .anom-lite-bar-container.c-pending .diamond .center-icon {
      background-image: url("https://scp-wiki.wdfiles.com/local--files/component%3Aanomaly-class-bar/pending-icon.svg");
      background-color: var(--black);
  }
  
  .anom-lite-bar-container.d-dark .disruption-class-icon .icon,
  .anom-lite-bar-container.d-dark .diamond .left-icon {
      background-image: url("https://scp-wiki.wdfiles.com/local--files/component%3Aanomaly-class-bar/dark-icon.svg");
      background-color: var(--1-color);
  }
  
  .anom-lite-bar-container.d-dark .bottom-left-bottom-left-bar,
  .anom-lite-bar-container.d-dark .diamond .left-mask.layer-2 {
      background-color: rgba(var(--one-color), 0.15);
      border-color: var(--1-color);
  }
  
  .anom-lite-bar-container.d-dark .disruption-class-icon::before {
      content: "1";
  }
  
  .anom-lite-bar-container.d-vlam .disruption-class-icon .icon,
  .anom-lite-bar-container.d-vlam .diamond .left-icon {
      background-image: url("https://scp-wiki.wdfiles.com/local--files/component%3Aanomaly-class-bar/vlam-icon.svg");
      background-color: var(--2-color);
  }
  
  .anom-lite-bar-container.d-vlam .bottom-left-bottom-left-bar,
  .anom-lite-bar-container.d-vlam .diamond .left-mask.layer-2 {
      background-color: rgba(var(--two-color), 0.15);
      border-color: var(--2-color);
  }
  
  .anom-lite-bar-container.d-vlam .disruption-class-icon::before {
      content: "2";
  }
  
  .anom-lite-bar-container.d-keneq .disruption-class-icon .icon,
  .anom-lite-bar-container.d-keneq .diamond .left-icon {
      background-image: url("https://scp-wiki.wdfiles.com/local--files/component%3Aanomaly-class-bar/keneq-icon.svg");
      background-color: var(--3-color);
  }
  
  .anom-lite-bar-container.d-keneq .bottom-left-bottom-left-bar,
  .anom-lite-bar-container.d-keneq .diamond .left-mask.layer-2 {
      background-color: rgba(var(--three-color), 0.15);
      border-color: var(--3-color);
  }
  
  .anom-lite-bar-container.d-keneq .disruption-class-icon::before {
      content: "3";
  }
  
  .anom-lite-bar-container.d-ekhi .disruption-class-icon .icon,
  .anom-lite-bar-container.d-ekhi .diamond .left-icon {
      background-image: url("https://scp-wiki.wdfiles.com/local--files/component%3Aanomaly-class-bar/ekhi-icon.svg");
      background-color: var(--4-color);
  }
  
  .anom-lite-bar-container.d-ekhi .bottom-left-bottom-left-bar,
  .anom-lite-bar-container.d-ekhi .diamond .left-mask.layer-2 {
      background-color: rgba(var(--four-color), 0.15);
      border-color: var(--4-color);
  }
  
  .anom-lite-bar-container.d-ekhi .disruption-class-icon::before {
      content: "4";
  }
  
  .anom-lite-bar-container.d-amida .disruption-class-icon .icon,
  .anom-lite-bar-container.d-amida .diamond .left-icon {
      background-image: url("https://scp-wiki.wdfiles.com/local--files/component%3Aanomaly-class-bar/amida-icon.svg");
      background-color: var(--5-color);
  }
  
  .anom-lite-bar-container.d-amida .bottom-left-bottom-left-bar,
  .anom-lite-bar-container.d-amida .diamond .left-mask.layer-2 {
      background-color: rgba(var(--five-color), 0.15);
      border-color: var(--5-color);
  }
  
  .anom-lite-bar-container.d-amida .disruption-class-icon::before {
      content: "5";
  }
  
  .anom-lite-bar-container.r-notice .risk-class-icon .icon,
  .anom-lite-bar-container.r-notice .diamond .right-icon {
      background-image: url("https://scp-wiki.wdfiles.com/local--files/component%3Aanomaly-class-bar/notice-icon.svg");
      background-color: var(--1-color);
  }
  
  .anom-lite-bar-container.r-notice .bottom-left-bottom-right-bar,
  .anom-lite-bar-container.r-notice .diamond .right-mask.layer-2 {
      background-color: rgba(var(--one-color), 0.15);
      border-color: var(--1-color);
  }
  
  .anom-lite-bar-container.r-notice .risk-class-icon::before {
      content: "1";
  }
  
  .anom-lite-bar-container.r-caution .risk-class-icon .icon,
  .anom-lite-bar-container.r-caution .diamond .right-icon {
      background-image: url("https://scp-wiki.wdfiles.com/local--files/component%3Aanomaly-class-bar/caution-icon.svg");
      background-color: var(--2-color);
  }
  
  .anom-lite-bar-container.r-caution .bottom-left-bottom-right-bar,
  .anom-lite-bar-container.r-caution .diamond .right-mask.layer-2 {
      background-color: rgba(var(--two-color), 0.15);
      border-color: var(--2-color);
  }
  
  .anom-lite-bar-container.r-caution .risk-class-icon::before {
      content: "2";
  }
  
  .anom-lite-bar-container.r-warning .risk-class-icon .icon,
  .anom-lite-bar-container.r-warning .diamond .right-icon {
      background-image: url("https://scp-wiki.wdfiles.com/local--files/component%3Aanomaly-class-bar/warning-icon.svg");
      background-color: var(--3-color);
  }
  
  .anom-lite-bar-container.r-warning .bottom-left-bottom-right-bar,
  .anom-lite-bar-container.r-warning .diamond .right-mask.layer-2 {
      background-color: rgba(var(--three-color), 0.15);
      border-color: var(--3-color);
  }
  
  .anom-lite-bar-container.r-warning .risk-class-icon::before {
      content: "3";
  }
  
  .anom-lite-bar-container.r-danger .risk-class-icon .icon,
  .anom-lite-bar-container.r-danger .diamond .right-icon {
      background-image: url("https://scp-wiki.wdfiles.com/local--files/component%3Aanomaly-class-bar/danger-icon.svg");
      background-color: var(--4-color);
  }
  
  .anom-lite-bar-container.r-danger .bottom-left-bottom-right-bar,
  .anom-lite-bar-container.r-danger .diamond .right-mask.layer-2 {
      background-color: rgba(var(--four-color), 0.15);
      border-color: var(--4-color);
  }
  
  .anom-lite-bar-container.r-danger .risk-class-icon::before {
      content: "4";
  }
  
  .anom-lite-bar-container.r-critical .risk-class-icon .icon,
  .anom-lite-bar-container.r-critical .diamond .right-icon {
      background-image: url("https://scp-wiki.wdfiles.com/local--files/component%3Aanomaly-class-bar/critical-icon.svg");
      background-color: var(--5-color);
  }
  
  .anom-lite-bar-container.r-critical .bottom-left-bottom-right-bar,
  .anom-lite-bar-container.r-critical .diamond .right-mask.layer-2 {
      background-color: rgba(var(--five-color), 0.15);
      border-color: var(--5-color);
  }
  
  .anom-lite-bar-container.r-critical .risk-class-icon::before {
      content: "5";
  }
  
  .anom-lite-bar-container .clearance-text .cl-sp,
  .anom-lite-bar-container .clearance-text .cl-1,
  .anom-lite-bar-container .clearance-text .cl-2,
  .anom-lite-bar-container .clearance-text .cl-3,
  .anom-lite-bar-container .clearance-text .cl-4,
  .anom-lite-bar-container .clearance-text .cl-5,
  .anom-lite-bar-container .clearance-text .cl-6 {
      display: none;
  }
  
  .anom-lite-bar-container .clearance-text.sp .cl-sp,
  .anom-lite-bar-container.cl-1 .clearance-text .cl-1,
  .anom-lite-bar-container.cl-2 .clearance-text .cl-2,
  .anom-lite-bar-container.cl-3 .clearance-text .cl-3,
  .anom-lite-bar-container.cl-4 .clearance-text .cl-4,
  .anom-lite-bar-container.cl-5 .clearance-text .cl-5,
  .anom-lite-bar-container.cl-6 .clearance-text .cl-6 {
      display: inline;
  }
  
  .anom-lite-bar-container .clearance-text.sp .cl-1,
  .anom-lite-bar-container .clearance-text.sp .cl-2,
  .anom-lite-bar-container .clearance-text.sp .cl-3,
  .anom-lite-bar-container .clearance-text.sp .cl-4,
  .anom-lite-bar-container .clearance-text.sp .cl-5,
  .anom-lite-bar-container .clearance-text.sp .cl-6 {
      display: none;
  }

  Pages using this styling

  • component:acs-horm-lite-source [info]

  ¶ 1 occurrence
  

  h1, h2 {
      text-align: center;
  }
  
  .step_container {
      margin: 0.5rem 0;
      border: 1px solid #999;
      padding: 1em;
  }
  
  #page-title {
      display: none;
  }
  
  #page-content > .collapsible-block {
      display: block;
      text-align: center;
      padding: 0.75em;
      background-color: lightgrey;
      border-top: 0.125rem dashed slategrey;
      border-bottom: 0.125rem dashed slategrey;
  }
  
  #page-content > div.collapsible-block > div.collapsible-block-unfolded > div.collapsible-block-content {
      text-align:left;
  }

  Pages using this styling

  • component:acs-horm-lite [info]

  ¶ 1 occurrence
  

  @import url('https://scp-wiki.wdfiles.com/local--code/component%3Aacs-animation/1');

  Pages using this styling

  • component:acs-animation [info]

  ¶ 1 occurrence
  

  
  :root {
      --header-title: "            Site-411";
      --header-subtitle: "          Secure, contain, protect.";
  }
  
  /* Adjust Mobile Image Size */
  @media (max-width: 479px) {
  #header {
      background-size: 100px 100px;
      background-position: 1em;
  }
  }
  

  Pages using this styling

  • completeindies-author-page [info]

  ¶ 1 occurrence
  

  .hover {
  }
  .hover:hover {
   	text-decoration: none;
      border-bottom: none;
  }
  
  .hover span {	display: none;}
  .hover:hover span {
      position: absolute;
      display: inline;
      margin: 0px 0px;
      height: auto;
      width: auto;
      background: #FFF;
      border: 2px solid #34B;
      color: #000;
      padding: 1em;
  }
  .hover:hover span span {
      position: relative;
      margin: auto;
      height: auto;
      width: auto;
      border: none;
      padding: 0;
  }

  Pages using this styling

  • command-query-separation [info]

  ¶ 1 occurrence
  

  div#container-wrap::before {
      content: "";
      position: absolute;
      width: 100%;
      height: 162px;
      background: url("https://scp-wiki.wikidot.com/local--files/component:theme/body_bg.png") repeat-x;
      -webkit-filter: grayscale(100%);
              filter: grayscale(100%);
  }
  
  
  #footer {
      font-size: x-small;
      background: #ffafc7;
      color: black;
  }
  
  div#page-options-container a, div.page-tags a {
      color: #e51f47;
  }
  
  div#page-options-container a:visited, div.page-tags a:visited {
      color: #8d112a;
  }
  
  #footer a {
      color: #e51f47;
  }
  
  #license-area {
      font-size: x-small;
      background: #5bcefa;
      color: black;
  }
  
  #license-area a {
      color: #056c94;
  }
  
  /* you are my sunshine, my only sunshine */
  
  #header, .printuser a, #side-bar, #page-title, .page-rate-widget-box, #breadcrumbs {
      -webkit-filter: grayscale(100%);
              filter: grayscale(100%);
  }
  
  div#container-wrap::before, #header, .printuser a, #side-bar, #page-title, .page-rate-widget-box, #breadcrumbs {   
      -webkit-animation: ungrayscale linear 10s forwards;   
              animation: ungrayscale linear 10s forwards;
      -webkit-animation-delay: 50s;
              animation-delay: 50s;
  }
  
  @-webkit-keyframes ungrayscale {
      0% {
          -webkit-filter: grayscale(100%);
                  filter: grayscale(100%);
      }
      100% {
          -webkit-filter: grayscale(0%);
                  filter: grayscale(0%);
      }
  }
  
  @keyframes ungrayscale {
      0% {
          -webkit-filter: grayscale(100%);
                  filter: grayscale(100%);
      }
      100% {
          -webkit-filter: grayscale(0%);
                  filter: grayscale(0%);
      }
  }
  #header h1::before {
      content: "";
      background: url('https://scp-wiki.wdfiles.com/local--files/component%3Ascp-trans-pride/TransSCPlogo.png') no-repeat;
      display: block;
  
      pointer-events: none;
  
      height: 100px;
      width: 100px;
  
      -webkit-background-size: contain;
      background-size: contain;
  
      position: absolute;
      top: 38px;
      left: 10px;
  
      opacity: 0;
  
      -webkit-animation: reveal linear 10s forwards;
              animation: reveal linear 10s forwards; 
      -webkit-animation-delay: 50s; 
              animation-delay: 50s;
  }
  
  @-webkit-keyframes reveal {
      0% { opacity: 0; }
      100% { opacity: 1; }
  }
  
  @keyframes reveal {
      0% { opacity: 0; }
      100% { opacity: 1; }
  }
  
  @media (max-width: 979px) and (min-width: 768px) {
      #header h1::before {
          width: 90px;
          top: 48px;
          left: 12px;
      }
  }
  
  @media (max-width: 767px) and (min-width: 581px) {
      #header h1::before {
          width: 78px;
          top: 48px;
          left: 12px;
      }
  }
  
  @media (max-width: 580px) and (min-width: 480px) {
      #header h1::before {
          width: 67px;
          top: 56px;
          left: 5px;
      }
  }
  
  @media (max-width: 479px) {
      #header h1::before {
          width: 55px;
          top: 69px;
          left: 0px;
      }
  }
  

  Pages using this styling

  • coming-out-to-the-woods [info]

  ¶ 1 occurrence
  

  
  div#header {
      background: url(http://topia.wdfiles.com/local--files/come-wayward-souls/paranatural.png) 10px 40px no-repeat;
  background-size: contain;
  background-position-y: center;
  }
  

  Pages using this styling

  • come-wayward-souls [info]

  ¶ 1 occurrence
  

  .danke {
  padding: 5px 5px 5px 15px;
  margin-bottom:10px;
  font-family: monospace;
  font-size: 1.25em; 
  }
  .site {
  background-color:#222200;
  border: 3px solid #AAAA55;
  color: #DDDD77;
  }
  .wynn {
  background-color:#222200;
  border: 3px solid #AAAA55;
  color: #77DD8F;

  Pages using this styling

  • come-home-for-zwistmas [info]

  ¶ 1 occurrence
  

  .triangle{
  width:0;
  height:0;
  border-style:solid;
  border-width:0 50px 100px 50px;
  border-color:transparent transparent #B71234 transparent;
  box-shadow:0 0 0;
  margin-left:auto;
  margin-right:auto;
  }

  Pages using this styling

  • comdependency [info]

  ¶ 1 occurrence
  

  blockquote{-webkit-margin-start: 0px;-webkit-margin-before: 0em;-webkit-margin-after: 0em;-webkit-margin-end: 0px;}
  .red blockquote{background-color:#f4e0e0}
  .orange blockquote{background-color:#f4eae0}
  .yellow blockquote{background-color:#f4f4e0}
  .green blockquote{background-color:#e0f4e0}
  .cyan blockquote{background-color:#e0eaf4}
  .blue blockquote{background-color:#e0e0f4}
  .purple blockquote{background-color:#f4e0f4}

  Pages using this styling

  • colors [info]

  ¶ 1 occurrence
  

  .everything {
      display: none;
  }

  Pages using this styling

  • collocations [info]

  ¶ 1 occurrence
  

  .content-panel .content-type-description {
  padding: 0 20px;
  text-align: justify;
  }
  .content-panel.content-row .content-type-description {
  padding: 5px 20px;
  }
  .content-panel.content-row .content-type-description-2 {
  padding: 0 20px;
  text-align: justify;
  }

  Pages using this styling

  • collaboration-page-hub [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css?family=Pacifico');

  Pages using this styling

  • collaboration-contest [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Amatic+SC&display=swap');
  
  /*
      Powered on 2021/04/01 17:01:07
      [2021 Wikidot Theme]
      Created by Cole 13
      CC BY-SA 3.0
  */
  
  
  
  body {
      background: #FAF1CF;
      color: #000000;
  }
  a,a:visited {
      color: #3F6844;
  }
  h1 {
      color: #3F6844;
  }
  blockquote {
      border-style: 1px #000000;
      background: #beddc2;
     
      
  }
  div#container-wrap {
      background: url(http://scp-sandbox-3.wdfiles.com/local--files/cole-author-page/HH3) top left repeat-x;
  }
  div#header {
      background-image: url('http://scp-sandbox-3.wdfiles.com/local--files/cole-author-page/cole');
      background-size: 7.5rem;
      background-position: 3px 29px;
  }
  div#header h1 a span {
      font-size: 0px;
  }
  div#header h1 a:before {
      content: "Cole 13's Writing Hut ";
      color: #FAF1CF;
      text-shadow: text-shadow: #000000 2px 5px;;
      font-family: 'Amatic SC', cursive;
  }
  .ticker {
      background-color: #272727;
      white-space: nowrap;
      overflow: hidden;
      box-sizing: border-box;
      border: 4px grey solid;
     position: sticky;
     top: 0;
     text-align: center;  
     z-index: 1;
  }
  div#header h2 span {
      font-size:0px;
      padding: 4px;
  }
  div#header h2:after {
      content: "Take a look, would ya? ";
      font-weight: bold;
      color: #FAF1CF;
      padding: 19px 0;
      text-shadow: text-shadow: #000000 2px 5px;;
      white-space: pre;
      font-family: 'Amatic SC', cursive;
  }
  #top-bar a {
      color: black;
      font-weight: bold;   
  }
  div#side-bar div.side-block {
      background: white;
      border: 1px solid #000000;;
  }
  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: #000000;
      border-color: black;
  }
  
  div.yui-navset div.yui-content {
      background: #5DAA68;
  }
  div.yui-navset ul.yui-nav a,
  div.yui-navset div.yui-navset-top ul.yui-nav a {
      background: #5DAA68;
      color: #FAF1CF;
      border: solid #000000;;
  }
  div.yui-navset ul.yui-nav a:hover,
  div.yui-navset ul.yui-nav a:focus {
      background: #3F6844;
      color: #FAF1CF;
  }
  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: #3F6844;
      color: #FAF1CF;
      border: solid #000000;
  }
  div.page-rate-widget-box,
  div.page-rate-widget-box span.rate-points,
  div.page-rate-widget-box span.cancel {
      background-color: #FAF1CF!important;
      border: solid #FAF1CF 1px!important;
  }
  div.page-rate-widget-box span.rateup,
  div.page-rate-widget-box span.ratedown {
      border: solid #FAF1CF!important;
      border-width: 1px 0!important;
  }
  div.page-rate-widget-box span.rate-points,
  div.page-rate-widget-box span.cancel a,
  div.page-rate-widget-box span.cancel a:hover {
      color: #000000;
  }
  div.page-rate-widget-box span.rateup,
  div.page-rate-widget-box span.ratedown {
      background-color: #FAF1CF!important;
  }
  div.page-rate-widget-box span.rateup a,
  div.page-rate-widget-box span.ratedown a {
      color: #000000!important;
  }
  div.page-rate-widget-box span.cancel a:hover,
  div.page-rate-widget-box span.rateup a:hover,
  div.page-rate-widget-box span.ratedown a:hover {
      background: transparent!important;
      color: transparent!important;
  }
  div.open-menu a {
      color: transparent!important;
      border-color: #FAF1CF!important;
  }
  

  Pages using this styling

  • cole-13-s-writing-hut [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.bunny.net/css2?family=Amatic+SC&display=swap');
  
  /*
      Powered on 2021/04/01 17:01:07
      [2021 Wikidot Theme]
      Created by Cole 13
      CC BY-SA 3.0
  */
  
  
  
  body {
      background: #FAF1CF;
      color: #000000;
  }
  a,a:visited {
      color: #3F6844;
  }
  h1 {
      color: #3F6844;
  }
  blockquote {
      border: 1px #000000;
      background: #5DAA68;
     
      
  }
  div#container-wrap {
      background: url(https://scp-wiki.wikidot.com/local--files/cole-13-s-drawing-hut/HH3.webp) top left repeat-x;
  }
  div#header {
      background-image: url('https://scp-wiki.wikidot.com/local--files/cole-13-s-drawing-hut/cole.webp');
      background-size: 7.5rem;
      background-position: 3px 29px;
  }
  div#header h1 a span {
      font-size: 0px;
  }
  div#header h1 a:before {
      content: "Cole 13's Drawing Hut ";
      color: #FAF1CF;
      text-shadow: text-shadow: #000000 2px 5px;;
      font-family: 'Amatic SC', cursive;
  }
  div#header h2 span {
      font-size:0px;
      padding: 4px;
  }
  div#header h2:after {
      content: "Take a look, would ya? ";
      font-weight: bold;
      color: #FAF1CF;
      padding: 19px 0;
      text-shadow: text-shadow: #000000 2px 5px;;
      white-space: pre;
      font-family: 'Amatic SC', cursive;
  }
  #top-bar a {
      color: black;
      font-weight: bold;   
  }
  div#side-bar div.side-block {
      background: white;
      border: 1px solid #000000;;
  }
  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: #000000;
      border-color: black;
  }
  div.yui-navset div.yui-content {
      background: #5DAA68;
  }
  div.yui-navset ul.yui-nav a,
  div.yui-navset div.yui-navset-top ul.yui-nav a {
      background: #5DAA68;
      color: #FAF1CF;
      border: solid #000000;;
  }
  div.yui-navset ul.yui-nav a:hover,
  div.yui-navset ul.yui-nav a:focus {
      background: #3F6844;
      color: #FAF1CF;
  }
  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: #3F6844;
      color: #FAF1CF;
      border: solid #000000;
  }
  div.page-rate-widget-box,
  div.page-rate-widget-box span.rate-points,
  div.page-rate-widget-box span.cancel {
      background-color: #FAF1CF!important;
      border: solid #FAF1CF 1px!important;
  }
  div.page-rate-widget-box span.rateup,
  div.page-rate-widget-box span.ratedown {
      border: solid #FAF1CF!important;
      border-width: 1px 0!important;
  }
  div.page-rate-widget-box span.rate-points,
  div.page-rate-widget-box span.cancel a,
  div.page-rate-widget-box span.cancel a:hover {
      color: #000000;
  }
  div.page-rate-widget-box span.rateup,
  div.page-rate-widget-box span.ratedown {
      background-color: #FAF1CF!important;
  }
  div.page-rate-widget-box span.rateup a,
  div.page-rate-widget-box span.ratedown a {
      color: #000000!important;
  }
  div.page-rate-widget-box span.cancel a:hover,
  div.page-rate-widget-box span.rateup a:hover,
  div.page-rate-widget-box span.ratedown a:hover {
      background: transparent!important;
      color: transparent!important;
  }
  div.open-menu a {
      color: #FAF1CF!important;
      border-color: #FAF1CF!important;
  }
  

  Pages using this styling

  • cole-13-s-drawing-hut [info]

  ¶ 1 occurrence
  

  div#header {
      background-image: url(https://scp-wiki.wdfiles.com/local--files/coda-for-the-capitol/PENTAGRAM.png);
      background-size: 5.5rem;
      background-position: 9px 42.5px;
  }
  
  div#header h1 a span {
      font-size: 0px;
  }
  
  div#header h1 a:before {
      content: "PENTAGRAM";
      font-family: 'jostregular', sans-serif;
      font-weight: bold;
      color: #f4f4f4;
      text-shadow: none;
  }
  
  div#header h2 span {
      font-size: 0px;
      padding: 4px;
  }
  
  div#header h2:after {
      content: "US Paranatural Warfare Command";
      font-family: 'Open Sans', sans-serif;
      font-weight: bold;
      color: #f4f4f4;
      padding: 17px 0;
      text-shadow: 0px 0px 0px #000;
      white-space: pre;
  }
  
  #breadcrumbs {
      text-align: center;
  }
  
  .material-box {
      margin: 2%;
      font-family: "Fira Code", monospace;
  }
  
  @media (max-width: 767px) {
      div#header h2:after {
          font-size: 0.7em;
      }
  
      div#header {
          background-image: url(https://scp-wiki.wdfiles.com/local--files/coda-for-the-capitol/PENTAGRAM.png);
          background-size: 3.75rem;
          background-position: 5px 62.5px;
      }
  
      #header h1 a {
          padding: 85px 0 20px;
      }
  }
  
  @import url('https://fonts.googleapis.com/css2?family=Anton&family=Playfair+Display+SC&display=swap');
  
  .newspaper {
      width: 95%;
      padding: 1px 15px;
      margin: 15px auto;
      margin-top: 10px;
      box-shadow: 0 1px 3px rgba(0, 0, 0, .2);
      font-family: serif;
      font-size: 1.2em;
  }
  
  .title {
      font-size: 3.75em;
      text-align: center;
      margin: 0.25em;
  }
  
  .subtitle {
      font-size: 1.75em;
      text-align: center;
      margin: -2.5px 0 7.5px;
  }
  
  .banner {
      font-family: serif;
      font-size: 120%;
      border-top-style: solid;
      border-bottom-style: solid;
      text-align: center;
      padding: 5px 0px;
  }
  
  .headline {
      font-family: 'Anton', serif;
      margin: 5px 0 7.5px;
      text-align: center;
  }
  
  .reporter {
      font-size: 110%;
      font-style: italic;
      text-align: center;
  }
  
  .article {
      text-align: justify;
      line-height: 1.4em;
      padding: 0em 0.5em;
  }
  
  .image-header {
      display: block;
      max-width: 650px;
      width: 100%;
      box-shadow: 0 1px 6px rgba(0, 0, 0, .33);
      margin: auto;
  }
  
  .footnotes-footer {
      display: none;
  }

  Pages using this styling

  • coda-for-the-capitol [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Tapestry&display=swap" rel="stylesheet');
  :root {
    --header-title: "SCP WIKI";
    --header-subtitle: "Scary Creepy Pasta!!!";
    --body-font: 'Spectral', Inter, BlinkMacSystemFont,'Segoe UI',Oxygen,Ubuntu,Cantarell,'Fira Sans','Droid Sans','Helvetica Neue',sans-serif;
    --mono-font: 'Spectral', 'Andale Mono', 'Courier New', Courier, monospace;
    --accentColor: #2E47AA;
    --lightColor: #0c0f3bff;
    --darkerColor: #e5d1f0;
    --darkColor: #f9f9fbff
  
  }

  Pages using this styling

  • coda [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Spectral');
  @import url('https://fonts.googleapis.com/css2?family=Metal+Mania&family=Nanum+Pen+Script&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&family=Spectral:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Merienda:wght@300..900&display=swap');

  Pages using this styling

  • coda [info]

  ¶ 1 occurrence
  

  
  #page-content div.scp-gallery-block {
      background-color: #F4F0EA;
      border: 4px solid #F4F0EA;
      margin: 48px 0;
  }
  
  #page-content div.scp-gallery-block image {
      width: 100%;
  }
  
  #page-content div.scp-gallery-block div.scp-gallery-caption {
      padding: 2em;
      text-align: center;
      color: #161616;
  }
  
  #page-content div.scp-gallery-block div.scp-gallery-caption-alt {
      padding: 1em 2em;
      color: #161616;
  }
  
  #page-content div.scp-gallery-block div.scp-gallery-caption p {
      margin: 0;
  }
  
  #page-content div.scp-character-stack {
      display: flex;
      flex-direction: row;
      background-color: #F4F0EA;
      border: 4px solid #F4F0EA;
      margin: 48px 0;
  }
  
  #page-content div.scp-character-stack.scp-stack-reverse {
      flex-direction: row-reverse;
  }
  
  #page-content div.scp-character-stack div.scp-character-image {
      width: 350px;
      flex-shrink: 0;
  }
  
  #page-content div.scp-character-stack div.scp-character-image img {
      width: 100%;
  }
  
  @media only screen and (max-width: 1040px) {
      #page-content div.scp-character-stack {
          display: block;
      }
  
      #page-content div.scp-character-stack div.scp-character-image {
          width: 100%;
      }
  }
  
  div.scp-text-block {
      flex-grow: 2;
      color: #161616;
      padding: 2em 2em 1em 2em;
  }

  Pages using this styling

  • cn3000-group-photo [info]

  ¶ 1 occurrence
  

  div#extra-div-1 {
      background-image: url('https://scp-wiki.wikidot.com/local--files/forgotten-memories-hub/SiteLogo_3Inverted.webp') !important;
  }

  Pages using this styling

  • clouded-judgement [info]

  ¶ 1 occurrence
  

  
  .authorlink-wrapper,
  .authorlink-wrapper + div {
    margin-right: 0 !important; /* needed to override inline styles */
  }

  Pages using this styling

  • clipboard-avoiding-me [info]

  ¶ 1 occurrence
  

  .footnotes-footer { 
      visibility: hidden; 
      height: 0;
      padding: 0;
      margin: 0;
      display:none;
  }
  .raisa_box{
  border:solid 1px #252525; 
  background:#f2f2c2; 
  padding: 5px; 
  margin-bottom: 10px;
  }
  

  Pages using this styling

  • cliche-con-2019 [info]

  ¶ 1 occurrence
  

  @import url(https://fonts.googleapis.com/css?family=Source+Serif+Pro:wght@300&display=swap);
  
  #header h1 a::before {
    content: var(--header-title, "CreckCon 2");
    font-weight: 400;
    font-size: 1.4em;
  }
   
  #header h2::before {
    content: var(--header-subtitle, "SHITPOST. CRACKFIC. PENUTFUNI.");
    font-weight: 700;
    font-size: 1.3em;
  }
  
  h1,
  h2 {
      font-family: 'Source Serif Pro', serif;
      color: #000;
  }
  
  h3,
  h4,
  h5,
  h6 {
      font-family: inherit;
      color: #000;
  }
  
  div#extra-div-1 {
      height: 160px;
      width: 100%;
      top: 0;
      position: absolute;
      background: url('https://scp-wiki.wdfiles.com/local--files/component:pride-highlighter/pgp_logo.svg');
      background-size: contain;
      background-repeat: no-repeat;
      background-position: 50% 50%;
      z-index: -1;
  }
  
  .sidebox {
      padding: .14rem;
      margin-top: 0;
      margin-bottom: 8px;
      width: calc((100vw - 870px)/2);
      max-height: 100%;
      position: absolute;
      top: 20rem;
      left: 103.5%;
      z-index: 5;
      overflow: auto;
      box-sizing: border-box;
      border-style: solid; 
      border-width:1px; 
      border-color:#A0A0A0; 
      background-color:#F0F0F0;
  }
  
  .sidebox2 {
      padding: .14rem;
      margin-top: 0;
      margin-bottom: 8px;
      width: calc((100vw - 870px)/2);
      max-height: 100%;
      position: absolute;
      top: 103rem;
      left: 103.5%;
      z-index: 5;
      overflow: auto;
      box-sizing: border-box;
      border-style: solid; 
      border-width:1px; 
      border-color:#A0A0A0; 
      background-color:#F0F0F0;
  }
  
  .sidebox3 {
      padding: .14rem;
      margin-top: 0;
      margin-bottom: 8px;
      width: calc((100vw - 870px)/2);
      max-height: 100%;
      position: absolute;
      top: 110rem;
      left: 103.5%;
      z-index: 5;
      overflow: auto;
      box-sizing: border-box;
      border-style: solid; 
      border-width:1px; 
      border-color:#A0A0A0; 
      background-color:#F0F0F0;
  }
  
  .sidebox4 {
      padding: .14rem;
      margin-top: 0;
      margin-bottom: 8px;
      width: calc((100vw - 870px)/2);
      max-height: 100%;
      position: absolute;
      top: 126rem;
      left: 103.5%;
      z-index: 5;
      overflow: auto;
      box-sizing: border-box;
      border-style: solid; 
      border-width:1px; 
      border-color:#A0A0A0; 
      background-color:#F0F0F0;
  }
  
  .sidebox5 {
      padding: .14rem;
      margin-top: 0;
      margin-bottom: 8px;
      width: calc((100vw - 870px)/2);
      max-height: 100%;
      position: absolute;
      top: 133rem;
      left: 103.5%;
      z-index: 5;
      overflow: auto;
      box-sizing: border-box;
      border-style: solid; 
      border-width:1px; 
      border-color:#A0A0A0; 
      background-color:#F0F0F0;
  }
  
  .sidebox6 {
      padding: .14rem;
      margin-top: 0;
      margin-bottom: 8px;
      width: calc((100vw - 870px)/2);
      max-height: 100%;
      position: absolute;
      top: 163rem;
      left: 103.5%;
      z-index: 5;
      overflow: auto;
      box-sizing: border-box;
      border-style: solid; 
      border-width:1px; 
      border-color:#A0A0A0; 
      background-color:#F0F0F0;
  }
  
  .sidebox7 {
      padding: .14rem;
      margin-top: 0;
      margin-bottom: 8px;
      width: calc((100vw - 870px)/2);
      max-height: 100%;
      position: absolute;
      top: 174rem;
      left: 103.5%;
      z-index: 5;
      overflow: auto;
      box-sizing: border-box;
      border-style: solid; 
      border-width:1px; 
      border-color:#A0A0A0; 
      background-color:#F0F0F0;
  }
  
  hr {
      width: 100%;
      margin-left: 0;
  }
  
  .mobileShow {display: none;} 
  
  
    @media only screen and (max-width: 1024px) {
      .mobileShow {display: inline;}
  }
  
  .mobileHide {display: inline;} 
  
    /* Smartphone Portrait and Landscape */ 
  
  
    @media only screen and (max-width: 1024px) {
      .mobileHide {display: none;}
  }
  

  Pages using this styling

  • clef-eats-ass-the-musical [info]

  ¶ 1 occurrence
  

  /*cleanliness-guaranteed-hub*/
  @import url("https://nu-scptheme.github.io/Black-Highlighter/stable/styles/normalize.min.css");
  @import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&display=swap');
  @import url("https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Oswald:wght@200..700&family=Roboto+Mono:ital,wght@0,100..700;1,100..700&display=swap");
  @import url('https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&display=swap');
  
  .ad-container {
    position: absolute;
    top: 50px;
  
    display: flex;
    flex-direction: column;
    gap: 15px;
    z-index: -1;
  }
  
  .ad-container.left { left: 10px; }
  .ad-container.right { right: 10px; }
  
  .ad {
    width: calc(50vw - 525px);
    padding: 20px;
  }
  
  ul {
    padding-inline-start: 20px;
  }
  
  .close-menu {
    display: none;
  }
  
  .page-rate-widget-box {
    color: white;
    background-color: black;
    display: inline-block;
  }
  
  div.buttons input {
    border: 1px solid black;
    background-color: #eeeeee;
    margin: 3px;
    padding: 3px;
  }
  
  table.wiki-content-table table,
  table.wiki-content-table th,
  table.wiki-content-table td {
    border: 1px solid #555;
  }
  
  table.wiki-content-table th,
  table.wiki-content-table td {
    padding: 3px;
  }
  
  #side-bar .side-block {
    width: 100%;
  }
  
  .side-block.media:nth-child(1) {
    display: flex;
    justify-content: center;
  }
  
  #header {
    background-image: url("https://scp-sandbox-3.wdfiles.com/local--files/theme%3Acleaning-services/logo.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position-x: 100%;
    padding: 5px;
    background-color: #eeeedd;
    border-bottom: 3px solid black;
  }
  
  #top-bar :is(.top-bar, .mobile-top-bar) > ul {
    position: relative;
    flex-wrap: wrap;
    
    > li > ul {
      display: none;
      position: absolute;
    }
    
    > li:hover > ul {
      display: flex;
      flex-direction: column;
      background-color: white;
      border: 1px solid black;
      z-index: 2;
      
      > li {
        border: none;
        position: static;
      } 
    }
  }
  
  #main-content {
    margin: 5px;
  }
  
  #footer {
    margin: 5px;
  }
  
  #header h1::before {
    content: "SAFE CLEANUP PROFESSIONALS";
    color: #7c0a02;;
    font-family: "Oswald", sans-serif;
    font-weight: bold;
  }
  #header h2::before {
    content: "Sanitize, Cleanse, Polish™";
    color: #3d7b58;
    font-family: "Oswald", sans-serif;
    font-weight: bold;
  }
  
  #header h1 {
    color: #00000000;
    font-size: min(48px, 5vw);
    height: 1lh;
  }
  #header h2 {
    color: #00000000;
    font-size: 24px;
    height: 1lh;
  }
  
  html, body {
    margin: 0;
    min-height: 100%;
    font-family: Arial, sans-serif;
  }
  
  body {
    background: repeating-linear-gradient(
      45deg,
      black 0,
      black 25px,
      #333300 25px,
      #333300 50px
    );
  }
  
  
  #skrollr-body { 
    width: min(900px, 90%); 
    border: 1px solid black; 
    background-color: #cccccc; 
    margin: auto; 
    margin-top: 50px; 
    margin-bottom: 150px; 
    z-index: 100;
    box-shadow: 0 0 0 9999px rgba(0,0,0,0.3);
  }
  
  #content-wrap {
    display: flex;
  }
  
  #side-bar {
    max-height: 100vh;
    flex-direction: column;
    display: flex;
    border: 1px solid black;
    position: fixed;
    z-index: 10;
    width: 30%;
    background-color: #bbbbbb;
    top: 0;
    left: -26%;
    transition: left 0.25s;
    max-height: 100vh;
    overflow: auto;
    .heading {
      border-bottom: none;
      border-top: 1px solid black;
    }
  }
  
  #side-bar:hover {
    left: 0;
    overflow: auto;
  }
  
  a,
  #top-bar a {
    color: #873e23;
  }
  
  :root #top-bar a {
    border: none;
  }
  
  a:visited {
    color: #875823;
  }
  
  hr {
    display: block;
    border: 0;
    border-top: 1px solid black;
    margin: 1.5em 50px;
    height: 0;
  }
  
  
  #search-top-box {
    margin-bottom: 5px;
  }
  
  #search-top-box-form {
    display: flex;
    font-size: 18px;
  }
  
  #search-top-box-form input {
    background-color: white;
    border: 1px solid black;
    margin-right: 10px;
  }
  
  #top-bar {
    font-size: 18px;
  }
  
  #top-bar .top-bar ul {
    display: flex;
    list-style: none;
  }
  
  #top-bar .top-bar ul li {
    padding-right: 5px;
    margin-left: 5px;
    border-right: 1px solid black;
  }
  
  #top-bar .top-bar ul li:nth-child(1) {
    margin-left: 0;
  }
  
  #top-bar .mobile-top-bar > ul {
    display: none;
  }
  
  #login-status {
    display: flex;
  }
  
  #account-options {
    display: block !important;
  }
  
  #account-topbutton {
    display: none;
  }
  
  #account-options ul {
    display: flex;
    flex-wrap: wrap;
  }
  
  #account-options ul li {
    padding-right: 5px;
    margin-left: 5px;
    border-right: 1px solid black;
  }
  
  #my-account {
    white-space: nowrap;
  }
  
  .columns {
    display: flex;
    justify-content: stretch;
  }
  
  .columns > div {
    border: 1px solid black;
    padding: 5px;
  }
  
  .hovertip {
    width: 20%;
    background-color: white;
  }
  
  .gay {
    position: relative;
    z-index: 1;
    animation-name: rainbow;
    animation-duration: 15s;
    animation-iteration-count: infinite;
    transform: rotate(4deg);
  }
  
  @keyframes rainbow {
    0% {
      color: red;
    }
  
    13% {
      color: orange;
    }
  
    25% {
      color: yellow;
    }
  
    38% {
      color: lime;
    }
  
    50% {
      color: cyan;
    }
  
    63% {
      color: royalblue;
    }
  
    75% {
      color: darkviolet;
    }
  
    83% {
      color: magenta;
    }
  
    100% {
      color: red;
    }
  }
  
  #wd-editor-toolbar-panel ul {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
  }
  
  #wd-editor-toolbar-panel li {
    margin: 3px 10px;
  }
  
  .owindow {
    background-color: white;
  }
  
  .yui-nav {
    border-bottom: 1px solid black;
  }
  
  :root .yui-nav li {
    background-color: #dddddd;
    padding: 5px;
    border: 1px solid black;
  }
  
  .yui-nav li.selected {
    background-color: black;
    color: white;
  }
  .yui-navset li,
  :root .yui-navset a,
  :root .yui-navset em {
    border: none;
  }
  
  :root .yui-navset li {
    border-left: 1px solid black;
  }
  
  .yui-navset li:nth-child(1) {
    border: none;
  }
  
  :root .yui-nav {
    border: none;
  }
  
  :root .yui-content {
    border: 1px solid black;
    padding: 5px;
    background-color: #eaeaea;
  }
  
  #page-title {
    display: none;
  }
  
  #edit-page-textarea {
    background-color: white;
  }
  
  
    .open-menu {
       top: 0;
       left: 0;
       width: 80px;
       height: 50px;
       position: fixed;
       display: block;
       z-index: 3;
       * {
         margin: 0;
         padding: 0;
         display: block;
         width: 100%;
         height: 100%;
       }
     }
  
    :root:root #side-bar .close-menu {
      z-index: -1;
      position: absolute;
      top: 0;
      left: 0;
      width: 100vw;
      height: 100vh;
      background-color: #00000022;
    }
  
    :root:root #side-bar {
      transform-origin: top left;
      transform: scale(0.25, 0.07);
      transition: transform 0.5s, width 1s;
      transition-timing-function: linear;
      left: 0;
      pointer-events: none;
      width: min(50%, 400px);
    }
  
    :root:root #side-bar:target {
      transform: scale(1);
      pointer-events: all;
      width: min(50.01%, 400px);
  
      a {
        pointer-events: all;
      }
    
      .close-menu { display: none; }
    }
  
  
  @keyframes ad-show-hide {
    0% { transform: scaleY(0); height: 0; }
    
    1%, 13.285% {
      height: 100%;
      transform: scaleY(1);
    }
  
    14.285%, 100% {
      height: 0;
      transform: scaleY(0);
    }
  }
  
  :root {
    --ad-anim-duration: 120s;
    --ad-anim-count: 7;
  }
  
  /* move sidebar to top */
  @media screen and (max-width: 1280px) {
   :root .ad {
   width: calc(100% - 50px);
     margin: 0 auto;
     animation: ad-show-hide var(--ad-anim-duration) infinite;
     animation-delay: calc(var(--ad-index) * var(--ad-anim-duration) / var(--ad-anim-count));
     animation-fill-mode: both;
     position: absolute;
     min-height: 250px !important;
     display: flex;
     flex-direction: column;
     justify-content: center;
     top: 0;
     left: 0;
   }
  
    .ad-container.left > div:nth-child(1) {
      --ad-index: 0;
      font-size: 150%; 
    }
    .ad-container.left > div:nth-child(2) {
      --ad-index: 1;
      font-size: 110%; 
    }
    .ad-container.left > div:nth-child(3) {
      --ad-index: 2;
      font-size: 110%; 
    }
    .ad-container.left > div:nth-child(4) {
      --ad-index: 3;
      font-size: 110%; 
    }
  
    .ad-container.right > div:nth-child(1) {
      --ad-index: 4;
    }
    .ad-container.right > div:nth-child(2) {
      --ad-index: 5;
    }
    .ad-container.right > div:nth-child(3) {
      --ad-index: 6;
    }
  }
  
  /* Hide ads on small screens */
  
  @media (max-width: 1280px) {
    :root .ad-container { 
      position: relative;
      z-index: 2;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
    }
  
    .ad-container.right {
      height: 250px;
      margin-bottom: 50px;
    }
  }
  
  /* Mobile devices */
  @media screen and (max-width: 768px) {
  
    .ad {
  
    font-size: 75%;
    }
  
    #header {
      padding-left: 20px;
      > * {
        padding-left: 0;
      }
    }
  
    .menu-item {
      display: inline-block;
      margin-right: 20px;
    }
  
    :root:root #top-bar .mobile-top-bar {
      display: block;
  
      > ul {
        display: none;
      }
    }
  
    #content-wrap {
      flex-direction: column;
    }
  
    .columns {
      flex-direction: column;
      align-items: stretch;
    }
  
    #header h1 {
      font-size: min(24px, 5vw);
    }
  
    #header h2 {
      font-size: min(18px, 7vw);
    }
  
    #search-top-box-form input {
      margin-right: 0;
      margin-bottom: 10px;
    }
  
    .columns > div {
      width: 100%;
      margin-bottom: 10px;
    }
  
    .hovertip {
      width: 100%;
    }
  
    #skrollr-body {
      width: 100%;
      margin-top: 150px;
      margin-bottom: 20px;
    }
  
    .gay {
      font-size: 14px;
    }
  }
  
  .page-source {
    padding: 10px;
    border: 1px solid black;
    font-family: monospace;
  }
  
  #page-options-bottom-2 {
    margin-bottom: 20px;
  }
  
  #edit-page-comments {
    background-color: white;
  }
  
  #page-content {
    margin-bottom: 30px;
  }
  
  .fanart-tab img {
      max-width: 100%;
  }
  
  .profile {
      border-radius: 5px;
      width: 150px;
  }
  
  .page-rate-widget-box > * {
    padding-right: 4px;
  }
  
  .close-sidebar {
    display: none;
  }
  
  :root:has(#side-bar:target) .close-sidebar {
    display: block;
    background-color: #0005;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
  }
  

  Pages using this styling

  • cleanliness-guaranteed-hub [info]

  ¶ 1 occurrence
  

  #header {
      background-image: url( );
  }
  
  html {
     -webkit-filter: grayscale(1); /* Older Webkit */
     -webkit-filter: grayscale(100%);
     -moz-filter: grayscale(100%);
     -ms-filter: grayscale(100%);
     -o-filter: grayscale(100%);
     filter: grayscale(100%);
     background-color: white;
  }

  Pages using this styling

  • claustrophilia [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.bunny.net/css2?family=Poppins:wght@700&display=swap');
  @import url('https://fonts.bunny.net/css2?family=Zen+Kaku+Gothic+Antique:wght@300;400;500;700;900&display=swap');
  }
  .acs-extra-1 > .class-text, .acs-extra-1 > .class-category {
  font-size: 1.75rem !important;
  }
  :is(:where(#page-content) table:not(.form),table.wiki-content-table) td {   
  background-color: darkgray;
  color: black;
  }
  :is(#page-content table:not(.form), table.wiki-content-table) th {
  border-color:black;
  background-color: rgb(83, 83, 83);
  }
  @media screen and (min-width: 991px) {
  .tabimg:hover {
    transform: scale(3);
  }
  .tabimgsm:hover {
    transform: scale(1.5);
  }
  .tabimglg:hover {
    transform: scale(3);
  }
  
  :root {
  --header-title:"CLASSIFICATIONS COMMITTEE";
  --header-subtitle:"CATEGORIA IN LOCUS";
  }
  }
  :root {
  --header-logo: url('https://scp-wiki.wdfiles.com/local--files/theme%3Abasalt/CLASSIFICATION_DARKLOGO.png');
  --basalt-undertone: 0, 102, 102;
  --swatch-menubg-black-color: 10,10,10;
  --general-border-color:0, 0, 0;
  --swatch-menutxt-dark-color: 1,1,1;
  --selection-background-color: 0, 0, 77;
  --link-visited-color:119,0,139;
  --basalt-secondary-color: 47, 47, 47;
  --vector-midtone: 150, 150, 150;
  --link-color: 163, 61, 217;
  --scrollbar-thumb-color: 24, 2, 24;
  }
  a:any-link {
  font-weight:700;
  font-family:'Poppins';
  }
  .turbo-block.border-black { background-image: none; }
  @media screen and (max-width: 990px) {
  :root {
  
  --title:"CLASSIFICATIONS";
  --subtitle:"CATEGORIA EST";
  }
  .tabimg:hover {
    transform: scale(2.5);
  }
  .tabimgsm:hover {
    transform: scale(1.25);
  }
  .tabimglg:hover {
    transform: scale(1.75);
  }
  }

  Pages using this styling

  • classifications-guides-and-icons-by-billith [info]

  ¶ 1 occurrence
  

  /* entry table */
  
  .blockquote2 tbody > tr:first-child th {
      background-color: #B0AFA1 !important;
      color: #181818 !important;
  }
  
  .blockquote2 tbody {
      background-color: #D1CEB6 !important;
      color: #505050 !important;
  }
  

  Pages using this styling

  • classic-con [info]

  ¶ 1 occurrence
  

  
  /* Death of the Author Theme */
  /* by syuzhet */
  
  @import url('https://fonts.googleapis.com/css2?family=Libre+Franklin:ital,wght@0,100..900;1,100..900&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Cutive&display=swap');
  
  :root {
      --basalt-secondary-color: 0, 0, 0;
      --basalt-tertiary-color: 0, 0, 0;
  
      --basalt-overtone: 164, 155, 150;
      --basalt-undertone: 164, 155, 150;
      --basalt-bright-element-color: 164, 155, 150;
      --basalt-dark-element-color: 164, 155, 150;
  
      --link-color: 164, 155, 150;
      --link-visited-color: 164, 155, 150;
      --link-newpage-color: 164, 155, 150;
  
      --top-bar-link-color-hover: 255, 255, 255;
      --login-status-text-color-hover: 255, 255, 255;
      --side-bar-link-color-hover: 255, 255, 255;
      --side-bar-link-background-hover: 0,0,0;
      --selection-text-color: 0, 0, 0;
  
      --header-border-width: 0rem;
      --title-size: 1.25rem;
      --subtitle-size: 0rem;
      --side-bar-button-height: 50vh;
      --user-button-width: 2rem;
      --header-logo-size: 67.5%;
  
      --basalt-UI-dark-palette: 0,0,0;
      --top-bar-link-background-hover: 164, 155, 150;
  
  }
  
  #header h1 a::before {
      display: none;
  }
  
  #header h1 a span::after {
      margin-bottom: 0;
  }
  
  #container #header {
      background: none;
      position: absolute;
      box-shadow: unset;
      backdrop-filter: none;
  }
  
  div #container-wrap {
      background-color: #000000;
      background: url(https://scp-wiki.wikidot.com/local--files/classic-con/71G4cPp.png);
      background-size: contain;
  }
  
  #main-content {
      margin-top: 0;
  }
  #page-content {
      padding-top: 0;
  }
  
  #page-content > p:nth-child(-n+4) {
      display: none;
  }
  
  .widebox {
      position: relative;
      left: calc(-50dvw + 50%);
      width: 100dvw !important;
      max-width: 100dvw !important;
  }
  
  .wideboxinterior {
      max-width: 100% !important;
      margin: auto;
  }
  
  .wideboxinterior2 {
      width: 50% !important;
      margin: auto;
  }
  
  .widebox .wideboxinterior2 {
      font-family: "Cutive", serif;
      font-weight: 400;
      font-style: normal;
      font-size: 1.1rem;
  }
  
  .widebox .wideboxinterior2 a {
      color: #505050;
      font-weight: 600;
  }
  
  .widebox .wideboxinterior2 .blockquotepaper {
      margin: 2rem auto;
      max-width: 100% !important;
      padding: 50px !important;
      color: #505050;
      background-color: #D7D7D7;
      background-image: url("https://scp-wiki.wikidot.com/local--files/classic-con/twcUtKr.png");
      background-size: 100%;
      border: none;
      text-align: justify;
  }
  
  .widebox .wideboxinterior2 .blockquote {
      margin: 2rem auto;
      max-width: 100% !important;
      padding: 50px !important;
      color: #505050;
      background-color: #D7D7D7;
      background-image: url("https://scp-wiki.wikidot.com/local--files/classic-con/twcUtKr.png");
      background-size: 100%;
      border: none;
      text-align: justify;
  }
  
  .widebox .wideboxinterior2 .blockquote2 {
      margin: 2rem auto;
      max-width: 100% !important;
      padding: 50px !important;
      color: #505050;
      background-color: #D7D7D7;
      background-image: url("https://scp-wiki.wikidot.com/local--files/classic-con/4bFOcpD.png");
      background-size: 100%;
      border: none;
      text-align: justify;
  }
  
  .widebox .wideboxinterior2 .blockquote2 h2, .widebox .wideboxinterior2 .blockquote2 a {
      color: #8f2f3a;
  }
  
  .widebox .wideboxinterior2 h1 {
      color: #D2CDCA;
      font-size: 3rem;
  }
  
  .wideboxinterior:before {
      content: "";
      position: absolute;
      left: calc(-50dvw + 50%);
      width: 100dvw !important;
      top: calc(100dvh);
      height: calc(120dvh);
      max-width: 100dvw !important;
      background-image: linear-gradient(0deg, transparent 0%, transparent 110vh, rgb(0,0,0) 120vh, transparent 100%);
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center;
      pointer-events: none;
      z-index: 1;
  }
  
  .headerimage {
      position: relative;
      height: calc(100dvh);
      background-image: url(https://scp-wiki.wikidot.com/local--files/classic-con/2bwSeOF.jpeg);
      background-repeat: no-repeat;
      background-size: cover;
      background-position: top;
  }
  
  .headerimage .headerlogo {
      position: relative;
      display: block;
      pointer-events: none;
      margin: auto;
      top: 60dvh;
      width: 50%;
  }
  
  .page-source {
      color: white;
  }
  
  h1, #page-options-container, .licensebox .collapsible-block-folded a, .page-watch-options a {
      color: white;
  }
  
  #action-area, .licensebox .collapsible-block-content {
      background: #0D0D0F;
      padding: 10px;
  }
  
  .licensebox .collapsible-block-link {
      background: #0D0D0F;
      padding: 10px;
  }
  
  /* Piece of shit sidebar */
  
  #top-bar div.mobile-top-bar>.open-menu {
       visibility:visible;
       opacity: 0.6;
       transition: opacity 0.2s;
  }
  
  #top-bar div.mobile-top-bar>.open-menu:hover {
      opacity: 1;
  }
  
  #side-bar {
       margin-top:0;
       height:100%
  }
  
  #side-bar, #side-bar:is(:hover, :focus-within):not(:target) {
       left:calc(var(--side-bar-width) * -1)
  }
  
  #side-bar::after, #side-bar::before {
       display:none
  }
  
  #side-bar:target {
       left:0;
       width:var(--side-bar-width);
       z-index:10
  }
  
  #side-bar a.close-menu, #side-bar:target a.close-menu {
       display:block;
       pointer-events:none;
       position:fixed;
       top:0;
       right:0;
       left:auto;
       width:100%;
       min-width:3.75rem;
       height:100%;
       margin-left:0;
       opacity:0;
       z-index:-1;
       transition:width var(--side-bar-transition),opacity var(--side-bar-transition)   
  }
  
  #side-bar:target a.close-menu {
       width:calc(100% - var(--side-bar-width));
       pointer-events:auto;
       opacity:1;
  }
  
  /* Mobile */
  
  @media only screen and (max-width: 1020px) {
      #container #header {
          background: black;
          position: sticky;
      }
      .headerimage {
          height: calc(70dvh);
          background-image: url(https://scp-wiki.wikidot.com/local--files/classic-con/2bwSeOF.jpeg);
          overflow-x: clip;
      }
      .headerimage .headerlogo {
          position: relative;
          display: block;
          margin: auto;
          top: 40dvh;
          height: 15%;
          width: auto;
      }
      .widebox .wideboxinterior2 {
          font-family: "Cutive", serif;
          font-weight: 400;
          font-style: normal;
          font-size: 1.0rem;
      }
      .wideboxinterior2 {
          width: 95% !important;
          margin: auto;
      }
      .widebox .wideboxinterior2 .blockquotepaper {
          margin: 0rem auto;
          padding: 30px !important;
      }
      .widebox .wideboxinterior2 .blockquote {
          margin: 2rem auto;
          padding: 30px !important;
      }
      .widebox .wideboxinterior2 .blockquote2 {
          margin: 2rem auto;
          padding: 30px !important;
      }
      .widebox .wideboxinterior2 h1 {
          color: #D2CDCA;
          font-size: 2rem;
      }
      .wideboxinterior:before {
          background-image: none;
      }
  }
  

  Pages using this styling

  • classic-con [info]

  ¶ 1 occurrence
  

  @import url("https://nu-scptheme.github.io/Black-Highlighter/stable/styles/normalize.min.css");
  @import url("https://nu-scptheme.github.io/Black-Highlighter/stable/styles/black-highlighter.min.css");
  
  h1 {
      display: flex;
      justify-content: center;
  }
  
  div.pridebox,
  div.includebox {
      width: 100%;
      display: flex;
      flex-wrap: wrap;
  }
  
  div.pridebox div.insidebox {
      flex-basis: calc((100% / 2) - 0.125rem);
      border: 0.0625rem solid rgb(var(--bright-accent));
      flex-grow: 2;
      min-width: 18.750em;
  }
  
  div.insidebox div.imagebox {
      display: flex;
      justify-content: center;
  }
  
  div.insidebox div.imagebox > div {
      width: 50%;
      min-width: inherit;
  }
  
  div.includebox {
      text-align: center;
  }
  
  div.includebox > blockquote {
      flex-basis: calc(50% - 1em);
      flex-grow: 2;
      box-sizing: border-box;
      margin: 0.25em;
      width: calc(50% - 1em);
  }
  
  div.includebox tt {
      font-size: 80%;
  }
  
  div.pridebox div.insidebox h1, div.pridebox div.insidebox h2 {
      display: flex;
      align-items: center;
      justify-content: center;
      font-weight: 900;
      padding: 0 1 1 1em;
  }
  
  #page-content > div.pridebox div.scp-image-block {
      box-shadow: inherit;
      border: initial;
      margin-bottom: 1em;
  }
  
  #page-content > div.pridebox div.scp-image-block > a {
      width: 90%;
  }
  
  #page-content > div.pridebox > div.scp-image-caption {
      border-top: inherit;
  }
  
  #page-content > div.scp-image-block {
      border-top: inherit;
  }
  
  .flipped {
      display: inline-block;
      transform: scaleX(-1);
  }

  Pages using this styling

  • citytoast-art-hub [info]

  ¶ 1 occurrence
  

  :root {
    --logo-image:url(https://static.wikia.nocookie.net/scp-db/images/d/d6/Intelligence_Agency.png);
    --header-subtitle: "In Umbris Surgimus";
    --gradient-header: linear-gradient(to top, rgb(25,31,34) 0%, rgb(22 17 17) 90%, rgb(var(--header-gradient-color-top)) 100%);
    --diagonal-stripes: repeating-linear-gradient(45deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) .25vh, rgba(88, 88, 88, .1) .35vh, rgba(88, 88, 88, .2) .5vh);
  }
  
  /* ====== Dialogue Styling System ====== */
  
  /* Universal base style */
  .voice1, .voice2, .voice2a, .voice3, .voice3b, .voice4, .voice5, .voice-unknown {
    font-family: "Source Sans Pro", "Helvetica", "Arial", sans-serif;
    padding: 0.65em 1em;
    margin: 0.5em 0;
    border-left-width: 4px;
    border-left-style: solid;
    border-radius: 4px;
    transition: background-color 0.3s ease;
  }
  
  /* Voice 1 (Protagonist / Professor) */
  .voice1 {
    border-left-color: #4A90E2;
    background: rgba(74,144,226,0.08);
    font-style: italic;
  }
  
  /* Voice 2 (Priest / Church member / Ally) */
  .voice2 {
    border-left-color: #E94E77;
    background: rgba(233,78,119,0.08);
  }
  
  /* Voice 2a (Theo the guard) */
  .voice2a {
    border-left-color: #C75C5C;
    background: rgba(199,92,92,0.08);
    font-style: italic;
  }
  
  /* Voice 3 (Woman in White / Antagonist) */
  .voice3 {
    border-left-color: #50E3C2;
    background: rgba(80,227,194,0.08);
  }
  
  /* Voice 3b (The Guard / subordinate of Voice 3) */
  .voice3b {
    border-left-color: #33BFA5;
    background: rgba(51,191,165,0.08);
    font-style: italic;
  }
  
  /* Voice 4 (Agent / Operative) */
  .voice4 {
    border-left-color: #FFD166;
    background: rgba(255,209,102,0.08);
    font-weight: bold;
  }
  
  /* Voice 5 (Handler / Director / Supervisor) */
  .voice5 {
    border-left-color: #A682FF;
    background: rgba(166,130,255,0.08);
  }
  
  /* Collective or Unknown voices */
  .voice-unknown {
    border-left: 4px dashed #999;
    background: rgba(153,153,153,0.05);
    font-size: 0.95em;
  }
  
  /* Hover highlight */
  .voice1:hover,
  .voice2:hover,
  .voice2a:hover,
  .voice3:hover,
  .voice3b:hover,
  .voice4:hover,
  .voice5:hover,
  .voice-unknown:hover {
    background-color: rgba(255,255,255,0.1);
  }

  Pages using this styling

  • city-of-spies [info]

  ¶ 1 occurrence
  

  sup { 
  vertical-align: top; position: relative; top: -0.5em; 
  }
  :root{ 
  --cutColour: #fafafa;
  --barColour: #590505;
  }
  
  #page-content .info-container {
      --link-color: rgb(var(--swatch-text-general));
  }
  
  #page-content .info-container .translation_block {
      display: none;
  }
  
  #page-content .info-container .collapsible-block-link,
  #page-content .info-container:hover .collapsible-block-link {
      line-height: 1.6em;
  }
  
  #page-content .info-container .collapsible-block-folded,
  #page-content .info-container .collapsible-block-unfolded-link {
      display: grid;
  }
  
  #page-content .info-container .collapsible-block-folded .collapsible-block-link,
  #page-content .info-container .collapsible-block-link {
      -webkit-mask: unset;
              mask: unset;
      background: transparent;
      grid-column: 1;
      grid-row: 1;
      opacity: 0;
  }
  
  #page-content .info-container .collapsible-block-folded::before,
  #page-content .info-container .collapsible-block-unfolded-link::before {
      --wght: 800;
      content: "Collaboration";
      color: #FFFFFF;
      font-family: Inter, Arimo, Verdana, Geneva, "Helvetica Neue", "Helvetica", Arial, sans-serif;;
      display: block;
      pointer-events: none;
      grid-column: 1;
      grid-row: 1;
  }

  Pages using this styling

  • cimmerian-kaktus-proposal [info]

  ¶ 1 occurrence
  

  div.rejection {
      border: 0px solid #ff4040;
      border-radius: 30px;
      font-weight: bold;
      color: #ff4040;
      text-align: center;
      margin: 0.5em;
  }
  
  div.rejection-wrap {
       transform: rotate(-3.8deg);
       width: 35vw;
       margin-bottom: 1em;
       margin-left: 3em;
  }
  
  @media only screen and (max-width: 768px) {
      div.rejection-wrap {
          min-width: 60vw;
          width: 70vw;
          margin-left: -3em;
      }
  }
  
  div.appeal {
      margin-top: 5em;
  }

  Pages using this styling

  • cierpienia-noworoczne [info]

  ¶ 1 occurrence
  

  body{ color: rgb(12, 12, 12); }
  
  #page-title{ display: none; }
  
   a.collapsible-block-link{
       font-weight: bold;
       color: #b22222;
  }
  
  @media only screen and (max-width: 600px) {
      .scp-image-block.block-left{
          float: none;
          margin: 10px auto;
      }
  }
  
  .document{
      display: inline-block;
      border-radius: .61em;
      border: 1px solid #ccc;
      background:#f0f0f0;
      float: top; width: 96.5%;
      padding: .61em;
      box-shadow: 0 2px 4px rgba(68, 68, 68, .5);
      margin: 0 0 .61em;
  }
  
  .request{
      border-radius: 1.22em;
      background-color: #eee;
      box-shadow: 0 2px 4px rgba(68, 68, 68, .5);
      padding: 0 0 .25em;
      margin: 0 0 .61em;
      color: #0f0f0f;
      text-align: center;
  }

  Pages using this styling

  • cierpienia-noworoczne [info]

  ¶ 1 occurrence
  

  :root {
      --accent: 187, 136, 255;
      --header-title: "RCT-Δt";
      --header-subtitle: "GUARDING THE MULTIVERSAL COMPASS";
      --darkmode-logo-img: url(https://scp-wiki.wdfiles.com/local--files/welcome-to-delta-t/Delta-t-transparent.png);
      --logo-opacity: 20% !important;
  }
  
  .log { 
      border: solid 2px rgba(0, 0, 0, 0.15);
      padding-left: 16px;
      padding-right: 16px;
      margin-bottom: 16px;
      margin-top: 16px;
      background: linear-gradient(to bottom, rgba(var(--accent), 0.25), #20242c 70px, #20242c 100px, #20242c 100%);
  }
  
  div.onto_memo {
      --memo-heading: "EMERGENCY NOTICE FROM THE DEPARTMENT OF ONTOKINETICS";
      --memo-logo: url(https://scp-wiki.wdfiles.com/local--files/scp-6172/ontologo4.png);
      --memo-color: 238, 237, 250;
      color: #3b3b3b;
  }
  
  div[class$="_memo"] {
      background: var(--memo-logo) rgba(var(--memo-color), 1);
      background-size: contain;
      background-position: center;
      background-repeat: no-repeat;
      min-height: 4rem;
      margin-inline: auto;
      margin-block: 2rem;
      padding-inline: 20px;
      padding-block: 10px;
      border: solid 2px rgba(0, 0, 0, 0.1);
      text-align: justify;
  }
  
  div[class$="_memo"]::before {
      content: var(--memo-heading);
      font-family: var(--UI-font);
      font-weight: 900;
      font-size: 1.3em;
      text-align: center;
      margin: 0 auto 1rem auto;
      display: flex;
      flex-direction: column;
      padding-top: 0.5em;
      color: #3b3b3b;
  }
  
  tt {
     font-size: 105%;
  }
  
  .code-delta {
     border-left: solid 5px rgb(var(--accent));
     padding: 0.325rem 1.25rem;
     margin: 0rem 1.25rem;
  }
  

  Pages using this styling

  • chronicles-of-the-irreal-hub [info]

  ¶ 1 occurrence
  

  #page-title {
      display: none;
  }
  span, a { word-break: normal !important }

  Pages using this styling

  • christmas-fam [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css?family=Indie+Flower&display=swap');
  
  .journal {
      font-family: 'Indie Flower', cursive;
      font-size: 1.5rem;
  }
  

  Pages using this styling

  • christmas-at-kiryu-labs [info]

  ¶ 1 occurrence
  

  
  .body-text {
      margin: 2% 13% 2% 9%;
      padding: 5px 20px 5px 20px;
      background-color: #f2f2f2;
      color: #111;
  }
  
  .text4desk {
      width: 70%;
      margin: auto;
  }
  
  @media only screen and (max-width: 600px) {
  
      .body-text {
          margin: 0% 4% 0% 4%;
      }
  
      .text4desk {
          width:100%;
      }
  
  }

  Pages using this styling

  • christ-in-scarlet [info]

  ¶ 1 occurrence
  

  :root {
      --header-title: "SCP Foundation";
      --header-subtitle: "Settling Claims Promptly";
  }
  
  .scp-image-block.block-right { margin: 1em 2em 1em 1em; }
  
  .skin_note {
      background: #fffff0;
      background-size: 400px;
      background-position: center;
      background-repeat: no-repeat;
      box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
      width: 50%;
      min-height: 4rem;
      margin-left: auto;
      margin-right: auto;
      padding: 10px 20px 20px 20px;
      word-break: break-word;
  }
  
  
  .scp-image-block.block-right { margin: 1em 2em 1em 1em; }
  

  Pages using this styling

  • choudhury-insurance [info]

  ¶ 1 occurrence
  

  #header h1 a {
      display: block;
      margin: 0;
      padding: 80px 0 25px;
      line-height: 0px;
      max-height: 0px;
      color: transparent;
      background: transparent;
      font-family: Sans-Normalcy. 'Nanum Gothic'. Arial. sans-serif;
      text-decoration: none;
      text-shadow: none;
      letter-spacing: 1px;
  }
   
  #header h1 a::before {
      content: "SCP Foundation";
      color: #eee;
      letter-spacing: 0.02em;
      text-shadow: 3px 3px 5px #000;
  }
   
  #header h2 span {
      display: block;
      margin: 0;
      padding: 19px 0;
      line-height: 0px;
      max-height: 0px;
      font-weight: bold;
      color: transparent;
      text-shadow: none;
  }
   
  #header h2 span::before {
      content: "Sealing Car Prohibition";
      color: #f0f0c0;
      text-shadow: 1px 1px 1px #000;
      text-shadow: 1px 1px 1px rgba(0,0,0,.8);
  }
  
  sup {
    vertical-align: top;
    position: relative;
    top: -0.5em;
  }
  
  .scp-image-block.block-right { margin: 1em 2em 1em 1em; }
  

  Pages using this styling

  • choudhury-gift [info]

  ¶ 1 occurrence
  

  :root {
    --accentColor: #8F00FF;
  }
  
  #page-title {
      display: none;
  }

  Pages using this styling

  • choking-on-violet-ashes [info]

  ¶ 1 occurrence
  

  .danke {
      padding: 5px;
      margin-bottom:10px;
      font-family: monospace;
      font-size: 1.1em; 
  }
  
  .agent {
      background-color:#002200;
      border: 3px solid #5F00FF;
      color: #77CC77;
  }
  
  .site {
      background-color:#222200;
      border: 3px solid #AAAA55;
      color: #DDDD77;
  }

  Pages using this styling

  • choking-on-violet-ashes [info]

  ¶ 1 occurrence
  

  :root {
   --borderColor: (#ff0546);
   --bgBadgeColor: (#000000);
  }

  Pages using this styling

  • choccoman [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Sixtyfour+Convergence&display=swap');
  
  .tittle {
    font-family: 'Sixtyfour Convergence', monospace;
  }
  
    .balls {
      display: none;
    }

  Pages using this styling

  • choccoman [info]

  ¶ 1 occurrence
  

  .saphir-nav{
      color: #0d0f26;
      text-shadow: 1px 1px 2px rgba(0,0,0,.35);
      border: solid 1px #0d2613;
      border-radius: 10px;
      background-color: #969be9;
      box-shadow: 1.5px 1.5px 3px #636ce9;
      box-shadow: 0 1px 3px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 5px rgba(255,255,255,0.2), inset 0 5px 20px rgba(255,255,255,0.25), inset 0 -7.5px 15px rgba(0,0,0,0.1);
      padding: 0 30px;
      margin: 10px 0 15px;
      margin-bottom: 20px;
      font-weight: bold;
      font-size: 85%;
  }
  
  .saphir-nav a{
      color: #202892;
  }

  Pages using this styling

  • chimes-broken [info]

  ¶ 1 occurrence
  

  :root {
      --logo-image: url("https://scp-wiki.wikidot.com/local--files/chiifu-author-page/brug.webp");
      --header-title: "welcome";
      --header-subtitle: "hi, yea this is my room now";
  
      --pale-accent: 168, 66, 238;
      --bright-accent: 177, 125, 213;
      --medium-accent: 177, 125, 213;
      --dark-accent: 192, 129, 242;
      --alt-accent: 168, 66, 238;
  }

  Pages using this styling

  • chiifu-author-page [info]

  ¶ 1 occurrence
  

  .cs-table {
      border-style:solid; 
      border-color:ddd; 
      border-width:1px;
      padding: 10px;
      margin: auto;
  }

  Pages using this styling

  • chicago-spirit [info]

  ¶ 1 occurrence
  

  
  @import url('https://fonts.googleapis.com/css2?family=Redressed&display=swap');
  
  @import url('https://fonts.googleapis.com/css2?family=Lavishly+Yours&family=Quintessential&display=swap');
  
  @import url('https://fonts.googleapis.com/css2?family=IM+Fell+DW+Pica:ital@0;1&display=swap');
  
  .night {
  font-family: "Lavishly Yours";
  font-size: 175%;
  }
  
  .typewriter {
  font-family: "IM Fell DW Pica"
  }
  
  
  .invisible{
     color:transparent;
  }
  
  .page {
      color: black;
      display: block;
      overflow: hidden;
      font-family: "Redressed";
      font-style: normal;
      font-size: 145%;
      line-height: 1.4;
      background-attachment: scroll;
      background-clip: border-box;
      background-color: white;
      background-image: linear-gradient(to top ,rgb(255, 255, 255) 45%, rgb(255, 255, 255) 8%);
      background-origin: padding-box;
      background-position: 0px 8px;
      background-repeat: repeat;
      background-size: 100% 20px;
      border: 1px solid #CCC;
      padding: 20px 20px 20px 20px;
      margin-bottom: 10px;
      box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2)
  }
  .page p,
  .page ul {
      line-height: 20px;
      margin: 0;
  }
  
  .centered-collapsible-link .colmod-link-top {
    display: flex;
    justify-content: center;
    text-align: center;
  }
  
  
  

  Pages using this styling

  • chicago-lots [info]

  ¶ 1 occurrence
  

  :root{
    --header-title: "S\0026 C PLASTICS";
    --header-subtitle: "SITE-87, NARRATIVE AND NEXOLOGICAL STUDIES";
  }
  
  div#extra-div-1 {
      background-image: url(https://scp-wiki.wdfiles.com/local--files/chasing-the-union/87.png);
      filter: opacity(20%);
  }

  Pages using this styling

  • chasing-the-union [info]

  ¶ 1 occurrence
  

  .page {
      display: block;
      overflow: hidden;
      font-family: "Monotype Corsiva", "Bradley Hand ITC", sans-serif;
      font-style: italic;
  
      width: 46%;
      background-attachment: scroll;
      background-clip: border-box;
      background-color: transparent;
      background-image: linear-gradient(to top ,rgb(202, 219, 228) 0%, rgb(231, 233, 220) 8%);
      background-origin: padding-box;
      background-position: 0px 8px;
      background-repeat: repeat;
      background-size: 100% 20px;
      height: 450px;
  
      border: 1px solid #CCC;
      border-radius: 10px;
      padding: 10px 10px;
      margin-bottom: 10px;
  
      box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2)
      }
  .page p {
      line-height: 20px;
      margin: 0;
  }
  .left {
      float: left;
  }
  .right {
      float: right;
  }

  Pages using this styling

  • charles-ogden-gears [info]

  ¶ 1 occurrence
  

  #extra-div-1 {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 170px;
      pointer-events: none;
      background: url(https://scp-wiki.wdfiles.com/local--files/component:theme/body_bg.png) top left repeat-x;
      -webkit-mask-image: linear-gradient(to left, rgba(0,0,0,1) 40%, rgba(0,0,0,0) 60%);
      mask-image: linear-gradient(to left, rgba(0,0,0,1) 40%, rgba(0,0,0,0) 60%);
  }
  
  /* reapplying sigma-9 styling */
  #top-bar ul li a::after,#top-bar ul li a::before{display:none}#search-top-box-input{border:solid 1px #999;border-radius:5px;color:#ccc;background-color:#300;box-shadow:inset 1px 1px 3px rgb(0 0 0 / 50%)}#search-top-box-form input[type=submit]{border:solid 1px #999;border-radius:5px;padding:2px 5px;font-size:90%;font-weight:700;color:#ccc;background-color:#633;background-image:linear-gradient(to bottom,#966,#633,#300);box-shadow:0 1px 3px rgb(0 0 0 / 50%)}

  Pages using this styling

  • charles-ogden-gears [info]

  ¶ 1 occurrence
  

  .yes {
       background: #F99999;
       border: 22px solid #888880;
       padding: 0 1em;
       border-radius: 10px;
       margin: 1em 0;
  }

  Pages using this styling

  • chaos-insurgency-is-a-stupid-name-prologue [info]

  ¶ 1 occurrence
  

  .email-example .collapsible-block-folded a.collapsible-block-link {
      animation: blink 0.8s ease-in-out infinite alternate;
  }
  @keyframes blink {
      0% { color: transparent; }
      50%, 100% { color: #b01; }
  }
  .email {border: solid 2px #990000; width: 88%; padding: 1px 15px; margin: 10px; box-shadow: 0 1px 3px rgba(0,0,0,.5)}
  .email-example a.collapsible-block-link {font-weight: bold;}
  .tofrom {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px maroon}

  Pages using this styling

  • chaos-insurgency-is-a-stupid-name-prologue [info]

  ¶ 1 occurrence
  

  /* CHAOS INSURGENCY CSS by ubergoober */
  
  @import url("https://fonts.googleapis.com/css2?family=Orbitron:wght@400..900&display=swap");
  
  :root {
      /* header */
      --header-title: "Chaos Insurgency";
      --header-subtitle: "Creating Logic from Illogic";
      --header-font: "Orbitron", sans-serif;
  
      /* red */
      --dept-blue: 20, 2, 2;
      --saucer-steel: 26, 19, 19;
      --believe-grey: 43, 25, 25;
      --einhander-gun: 92, 78, 78;
      --fiic-blue: 105, 16, 16;
      --fiic-grey: 140, 119, 119;
   
      --cooper: 140, 98, 98;
      --mulder: 115, 69, 69;
      --skinner: 91, 41, 41;
      --scully: 54, 34, 34;
      
      --standard-visited: 136, 34, 68;
  
      --blue-grey: 13, 11, 11;
      --blue-highlighter: 207, 41, 41;
      --sterile-container: 163, 33, 33;
  
      --logo-image: url("https://scp-wiki.wdfiles.com/local--files/chaos-insurgency-hub/CI-Marcus-header.png");
  
      --header-height-on-desktop: 12.5rem;
      --header-height-on-mobile: 12.5rem;
  
      --swatch-background: var(--blue-grey);
  
      --hover-link-color: var(--blue-highlighter);
      --newpage-color: var(--sterile-container);
      --link-color: var(--sterile-container);
      --visited-link-color: var(--standard-visited);
  
  }
  
   @media (max-width: 200px) {
       :root {
          --header-title: "Insurgency";
      }
  }
  
  
   @media (min-width: 201px) {
       :root {
          --header-title: "Chaos Insurgency";
      }
  }
  
  #header h1 a {
    width: 100%;
  }
  
  
  #header h1 a {
    font-size: min(var(--header-h1-font-size), 8vw);
  }
  
  
  
  #extra-div-1 {
  background-size: calc(var(--header-height-on-desktop) * 2.5);
  background-image: url("https://scp-sandbox-3.wdfiles.com/local--files/css-insurgency/CI_Grid_Red.png");
  mix-blend-mode: normal;
  opacity: 1;
  }
  
  #header h1 {
    margin-top: 100px;
  }
  
  #header h1 a {
      background-image: none;
  }
  
  @media screen and (max-width: 768px) {
      #header h1 {
          /* Note to self: fix the header on mobile */
      }
  }
  
  .code {
  background-color: rgb(var(--believe-white));
  max-width: 100%;
  }
  
  #page-content div#toc {
  background-color: rgb(var(--einhander-gun));
  }
  
  /* PAGE DIVs */
  .motto1 {
  width: 100%;
  font-family: 'Zilla Slab', serif;
  font-size: 2rem;
  line-height: 1.85rem;
  text-align: center;
  }
  
  .motto2 {
  font-family: 'Outfit', sans-serif;
  font-size: 1.55rem;
  text-decoration: underline;
  }
  
  .linkswitcher {
  --hover-link-color: var(--red-room);
  --newpage-color: var(--skinner);
  --link-color: var(--coffee-ring);
  --visited-link-color: var(--coffee-ring);
  }
  
  .linkswitcher hr {
      background-color: rgb(var(--faded-type));
      border-top: .0625rem solid rgb(var(--faded-type)) !important;
  }
  
  .singleliner p {
      margin-bottom: 0em;
  }
  
  .icon {
  
  position: relative;
  width: 18rem;
  padding: 10px;
  text-align: center;
  transition: transform .16s;
  display: inline-table;
  flex-wrap: wrap;
  z-index: 2;
  
  }
  
  .icon_image {
      border-radius: 50%;
      overflow: hidden;
  }
  
  .icon_name,
  .icon_link {
      display: flex;
      align-items: center;
      justify-content: center;
      text-transform: uppercase;
  }
  
  .sticky-note {
        float: right;
        width: 200px;
        margin: 10px;
        padding: 15px;
        background-color: #fff9c4;
        box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
        border: 1px solid #f0e68c;
        font-family: sans-serif;
        font-size: 14px;
  }
  
  /* fixing Edit box CSS */
  
  #edit-page-comments#edit-page-comments {
    color: white;
  }
  
  
  /* Making listpages look good */
  
  .pager-no {
         color: brown;
  }
  
  #page-content table.wiki-content-table th {
      background: rgb(116, 97, 78);
  }
  
  #page-content table.wiki-content-table tD {
      background: rgb(208, 189, 169);
  }
  
  /* TOC CSS Ethagon stole from F120A hub and then slightly modified*/
  
  .anchor {
     position: sticky;
     height:0;
     top: 0.5rem;
     z-index: 4;
  }
  
  .tocbox {
     margin-top: 0;
     position: absolute;
     top: 0;
     right: max(-18.75rem, -17vw);
     z-index: 4;
     box-sizing: border-box;
     width: max-content;
     pointer-events: none;
  }
  
  #page-content .tocbox .toc-u {
     padding: 0.5rem;
     border-right: solid 0.2rem var(--headerColor);
     box-shadow: 0 0 4px rgba(0,0,0,0.3);
     position: relative;
     width: 15rem;
     max-height: calc(98vh - 2rem);
     max-width: calc((30vw - 50% - 6rem)/1.2);
     margin-right: 0; margin-left: auto;
     pointer-events: all;
  }
  
  .toc-u #toc::before, .toc-u #toc::after { display: none; }
  .toc-u::before, .toc-u::after {
     content: "";
     display: block;
     height: 0.5rem; width: 0.5rem;
     position: absolute;
     right: 0;
     background-color: var(--headerColor);
  }
  
  .toc-u::before {
     top: 0;
     transform: translate(calc(0.1rem + 50%),-50%) rotate(45deg);
  }
  
  .toc-u::after {
     bottom: 0;
     transform: translate(calc(0.1rem + 50%),50%) rotate(45deg);
  }
   
  #page-content .tocbox .toc-u #toc-list {
     overflow-y: auto;
     overflow-x: hidden;
     max-height: 84vh;
     padding: 0 0.5em 1em;
     scrollbar-width: thin;
  }
  #page-content .tocbox .toc-u #toc-list::-webkit-scrollbar {
     width: 6px;
  }
   
  .tocbox table,
  .tocbox tbody,
  .tocbox tr,
  .tocbox td,
  .tocbox #toc {
     display: contents;
  }
   
  #toc-list > div { position: relative; }
  #toc-list > div[style*="1em"]::before {
     content: "•";
     display: inline-block;
     position: absolute;
     left: -0.75em;
     color: var(--accentColor);
  }
  
  
  
  @media (max-width: 1340px) {
     .anchor {
        filter: none;
        transition: filter 0.2s ease-out;
      }
     .tocbox {
        right: -1rem;
        width: unset;
     }
     .tocbox::before {
        content: "";
        display: block;
        position: absolute;
        background-color: transparent;
        width: 1.5rem; height: 100%;
        top: 0; right: -0.25rem;
        pointer-events: all;
  }
     .tocbox::after {
        content: "";
        display: block;
        position: absolute;
        background-color: transparent;
        width: 0; height: 0;
        border: solid 1rem transparent;
        border-left-width: 0.5rem;
        border-right-color: var(--headerColor);
        top: calc(50% - 1rem); right: 0;
        pointer-events: all;
        transition: border-right-width 0.15s ease-out;
     }
     #page-content .tocbox .toc-u {
        width: -moz-fit-content;
        width: fit-content;
        max-width: 60vw;
        box-shadow: none;
        clip-path: inset(-0.5rem -0.5rem -0.5rem calc(100% - 0.65rem));
        transition: clip-path 0.2s ease-out;
        pointer-events: none;
     }
     .anchor:hover { filter: drop-shadow(0px 0px 3px rgba(0,0,0,0.2)); }
     .tocbox:hover {
        pointer-events: all;
     }
     .tocbox:hover::after {
        border-right-width: 0;
     }
     #page-content .tocbox:hover .toc-u {
        pointer-events: all;
        clip-path: inset(-0.5rem -0.5rem -0.5rem -0.35rem);
     }
  }
  
  
  

  Pages using this styling

  • chaos-insurgency-hub [info]

  ¶ 1 occurrence
  

  
  /* Someday, @custom-media variables will be supported in CSS proper:
     https://www.w3.org/TR/mediaqueries-5/#custom-mq
  */
  /* For the low-definition displays of cheap/small laptops and monitors. */
  /* max-width: 1280px; */
  @custom-media --viewport-laptop only screen and (width <= 80rem);
  
  :root {
  --body-width-on-desktop: 60.75rem;
  --original-width-on-desktop: 45.75rem;
  
  /* hsv: 127°, 6%, 57% | 60°, 1%, 81% | 127°, 6%, 57% */
  --background: linear-gradient(0.25turn, #89928a, #cfcfcc, #89928a);
    /* A grey gradient */
  --pale-accent: 107, 91, 107; /* hsv: 300°, 15%, 42% */
    /* light grey, for visited links (an unvisited) */
  --bright-accent: 186, 171, 186; /* hsv: 300°, 8%, 73% */
    /* bright grey */
  --medium-accent: 142, 118, 142; /* hsv: 300°, 17%, 56% */
    /* medium/light grey - the "default" accent color */
  --dark-accent: 99, 89, 99; /* hsv: 300°, 10%, 39% */
    /* dark grey */
  --alt-accent: 124, 118, 124; /* hsv: 300°, 5%, 49% */
    /* light grey */
  
  --level5-color: 196, 2, 51;
  --level4-color: 255, 109, 0;
  --level3-color: 255, 211, 0;
  --level2-color: 0, 135, 189;
  --level1-color: 0, 159, 107;
  
  --dc-default-color: 188, 188, 204;
  --dc-eyeroll-color: 188, 188, 204;
  
  --rc-unolunae-color: 100, 100, 250;
  --rc-duolunae-color: 150, 100, 250;
  --rc-trilunae-color: 200, 100, 250;
  
  --art-tooltip-offset: 0.125rem;
  --art-tooltip-arrow-size: 0.25rem;
  --art-tooltip-border-radius: 0.25rem;
  --art-tooltip-max-width: 12.5rem;
  
  --art-tooltip-font-size: 0.875rem;
  --art-tooltip-font-wght: 500;
  --art-tooltip-line-hght: 1.000rem;
  
  --art-tooltip-text-color: var(--swatch-text-general);
  --art-tooltip-background: 255, 255, 255;
  --art-tooltip-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.16);
  
  --render-enlarge-speed: 300ms;
  --render-enlarge-factor: 2;
  
  --test-variable: "test value";
  }
  
  /* @media (--viewport-laptop) */
  @media (max-width: 1280px) {
    :root {
    --body-width-on-desktop: 45.75rem; /* 44.25rem; */
    }
  }
  
  div.original_width {
    margin: 0 auto;
    max-width: min(90vw, var(--original-width-on-desktop, 45.75rem));
  }
  
  
  
  /* ---------------- */
  /* ---- COLORS ---- */
  /* ---------------- */
  
  .color-white {
    background-color: rgb(var(--white-monochrome, 252, 252, 252));
  }
  .color-gray {
    background-color: rgba(var(--gray-monochrome, 66, 66, 72), 0.15);
  }
  .color-black {
    background-color: rgb(var(--black-monochrome, 12, 12, 12));
    color: rgb(var(--white-monochrome, 252, 252, 252));
    border: 0.5rem solid rgb(var(--white-monochrome));
  }
  
  .color-level5 {
    background-color: rgb(var(--level5-color));
    color: rgb(var(--white-monochrome, 252, 252, 252));
  }
  .color-level4 {
    background-color: rgb(var(--level4-color));
  }
  .color-level3 {
    background-color: rgb(var(--level3-color));
  }
  .color-level2 {
    background-color: rgb(var(--level2-color));
  }
  .color-level1 {
    background-color: rgb(var(--level1-color));
  }
  
  .color-dc-default {
    background-color: rgb(var(--dc-default-color));
  }
  .color-dc-eyeroll {
    background-color: rgb(var(--dc-eyeroll-color));
  }
  
  .color-rc-unolunae {
    background-color: rgb(var(--rc-unolunae-color));
  }
  .color-rc-duolunae {
    background-color: rgb(var(--rc-duolunae-color));
  }
  .color-rc-trilunae {
    background-color: rgb(var(--rc-trilunae-color));
  }
  
  
  
  /* ------------------------ */
  /* ---- PREVIEW PANELS ---- */
  /* ------------------------ */
  
  .preview-panel {
    display: flex;
    flex-wrap: wrap;
    margin: 0.5rem 0;
  }
  
  .preview-panel .image-wrapper {
    display: block;
    position: relative;
    margin: 0.25rem;
  }
  
  .preview-panel .image-wrapper a {
    display: block;
    position: relative;
    border: 0.25rem solid #000;
    overflow: hidden;
  }
  
  .preview-panel .image-wrapper::before {
    --wght: var(--art-tooltip-font-wght); /* For BHL */
    content: attr(data-tooltip);
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1000;
    margin-bottom: calc(var(--art-tooltip-arrow-size) + var(--art-tooltip-offset));
    padding: 0.5rem 0.75rem;
    overflow: hidden;
    color: rgb(var(--art-tooltip-text-color));
    background: rgb(var(--art-tooltip-background));
    box-shadow: var(--art-tooltip-box-shadow);
    border-radius: var(--art-tooltip-border-radius);
    font-weight: var(--art-tooltip-font-wght);
    font-size: var(--art-tooltip-font-size);
    line-height: var(--art-tooltip-line-hght);
    width: max-content;
    max-width: var(--art-tooltip-max-width);
    box-sizing: border-box;
    word-wrap: break-word;
    display: none;
  }
  
  .preview-panel .image-wrapper::after {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 50%;
    z-index: 1000;
    width: 0;
    height: 0;
    margin-bottom: calc(-1 * var(--art-tooltip-offset));
    margin-left: calc(-1 * var(--art-tooltip-arrow-size));
    border: var(--art-tooltip-arrow-size) solid transparent;
    border-top-color: rgb(var(--art-tooltip-background));
    display: none;
  }
  
  .preview-panel .image-wrapper:hover a,
  .preview-panel .image-wrapper:focus a,
  .preview-panel .image-wrapper:focus-within a {
    border: 0.25rem solid #999;
  }
  
  .preview-panel .image-wrapper:hover::before,
  .preview-panel .image-wrapper:hover::after,
  .preview-panel .image-wrapper:focus::before,
  .preview-panel .image-wrapper:focus::after,
  .preview-panel .image-wrapper:focus-within::before,
  .preview-panel .image-wrapper:focus-within::after {
    display: block;
  }
  
  .preview-panel.icons-large .image-wrapper a {
    border-radius: 50%;
    width: 4rem; /* 3.53125rem; */
  }
  
  .preview-panel.icons-small .image-wrapper a {
    border-radius: 50%;
    width: 3rem; /* 2.5rem; */
  }
  
  .preview-panel.logos-large .image-wrapper a {
    border-radius: 50%;
    width: 6rem;
    padding: 0.25rem;
  }
  
  .preview-panel.logos-small .image-wrapper a {
    border-radius: 50%;
    width: 3rem;
    padding: 0.25rem;
  }
  
  .preview-panel.clipart-images .image-wrapper a {
    border-radius: 0.5rem;
    width: 4rem;
  }
  
  /* Disable Preview Links on Touch-Screens */
  
  /* This allows viewers on phones and tablets to still see 
     the Preview Panel Tooltips when pressing on the Thumbnails, 
     but not accidentally open the links when pressing on them, 
     or when simply scrolling down the page.
  */
  
  @media (hover: none) {
    .preview-panel .image-wrapper a {
      pointer-events: none;
    }
  }
  
  /* Shrink Preview Images on Mobile Browsers */
  
  /* @media (--viewport-mobile) */
  @media (max-width: 480px) {
    .preview-panel.icons-large .image-wrapper a {
      border-radius: 50%;
      width: 3.5rem; /* 3rem; */
    }
  
    .preview-panel.icons-small .image-wrapper a {
      border-radius: 50%;
      width: 2rem; /* 1.75rem; */
    }
  
    .preview-panel.logos-large .image-wrapper a {
      border-radius: 50%;
      width: 4rem;
      padding: 0.25rem;
    }
  
    .preview-panel.logos-small .image-wrapper a {
      border-radius: 50%;
      width: 2rem;
      padding: 0.25rem;
    }
  
    .preview-panel.clipart-images .image-wrapper a {
      border-radius: 0.5rem;
      width: 3rem;
    }
  }
  
  
  
  /* ---------------------------- */
  /* ---- FANCY COLLAPSIBLES ---- */
  /* ---------------------------- */
  
  /* The Nested Collapsible Component needs to be used here because, 
     for whatever asinine reason, Wikidot replaces every whitespace in 
     its [[collapsible]] <a> elements with the &nbsp; HTML escape code, 
     which turns the entire link text into one continuous word, 
     making it unable to be line wrapped properly by CSS code.
  */
  
  .fancy-collapse .colmod-block > ul {
    padding: 0 !important; /* For BHL */
  }
  
  .fancy-collapse .colmod-link-top,
  .fancy-collapse .colmod-link-end {
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
    text-align: center;
    border: 0.25rem solid #000;
    border-radius: 0.5rem;
    color: #000;
    padding: 0.25rem;
    transition: color .15s var(--ease-in-out),
         border-color .15s var(--ease-in-out);
    width: max-content;
  }
  
  .fancy-collapse .colmod-link-top:hover,
  .fancy-collapse .colmod-link-top:focus,
  .fancy-collapse .colmod-link-top:focus-within,
  .fancy-collapse .colmod-link-end:hover,
  .fancy-collapse .colmod-link-end:focus,
  .fancy-collapse .colmod-link-end:focus-within {
    border-color: #999;
    color: #999;
  }
  
  .fancy-collapse .colmod-block li.folded .colmod-link-top::before {
    content: "►";
    margin-right: 0.25rem;
  }
  
  .fancy-collapse .colmod-block li.folded .colmod-link-top::after {
    content: "◄";
    margin-left: 0.25rem;
  }
  
  .fancy-collapse .colmod-block li.unfolded .colmod-link-top::before {
    content: "▼";
    margin-right: 0.25rem;
  }
  
  .fancy-collapse .colmod-block li.unfolded .colmod-link-top::after {
    content: "▼";
    margin-left: 0.25rem;
  }
  
  .fancy-collapse .colmod-block li.unfolded .colmod-link-end::before {
    content: "▲";
    margin-right: 0.25rem;
  }
  
  .fancy-collapse .colmod-block li.unfolded .colmod-link-end::after {
    content: "▲";
    margin-left: 0.25rem;
  }
  
  .fancy-collapse [class|="colmod-link"] a {
    --wght: bold; /* For BHL */
    display: block;
    text-align: center;
    text-decoration: none;
    overflow-wrap: normal;
    white-space: normal;
    word-break: normal;
    font-weight: bold;
    padding: 0.5rem 1.75rem;
    margin: -0.5rem -1.75rem;
    width: max-content;
    max-width: 10rem;
    position: relative;
    z-index: 1;
  }
  
  .fancy-collapse [class|="colmod-link"] a:hover,
  .fancy-collapse [class|="colmod-link"] a:focus,
  .fancy-collapse [class|="colmod-link"] a:focus-within,
  .fancy-collapse [class|="colmod-link"] a:active,
  .fancy-collapse [class|="colmod-link"] a:visited {
    text-decoration: none;
  }
  
  
  
  /* --------------------------------------------- */
  /* ---- Tables for Image Details & Metadata ---- */
  /* --------------------------------------------- */
  
  .icon-table {
    margin: 0.5rem !important; /* For BHL */
  }
  
  .icon-column {
    width: 4rem;
  }
  .logo-column {
    width: 8rem;
  }
  .name-column {
    width: 7.5rem;
  }
  .desc-column {
    width: 30rem;
  }
  
  span.color-value {
    border: 1px solid #000;
    border-radius: 0.125rem;
    font-weight: bold;
    padding: 0.125rem;
    white-space: nowrap;
  }
  
  
  
  /* ----------------------------------------- */
  /* ---- Icon Grid Display for ACS Guide ---- */
  /* ----------------------------------------- */
  
  .step_container {
    margin: 0.5rem 0;
    border: 0.0625rem solid rgb(var(--swatch-menubg-medium-dark-color));
    padding: 1em;
  }
  
  .icon_groups_container {
    --speed: var(--render-enlarge-speed);
    position: relative;
    margin: 0;
    border: 0.125rem solid transparent;
    background-color: #fff;
    padding: 0.5rem;
    transition: border var(--speed) var(--ease-in-out),
            box-shadow var(--speed) var(--ease-in-out),
             transform var(--speed) var(--ease-in-out);
  }
  
  .icon_groups_container:hover {
    --enlarge-by: var(--render-enlarge-factor);
    --enlarge-by-final: calc(1 + (var(--enlarge-by) / 10));
    border: 0.125rem solid rgb(var(--swatch-menubg-medium-dark-color));
    box-shadow: 0 0 0 calc(0.0625rem / var(--enlarge-by-final)) rgb(var(--swatch-border-color));
    transform: scale3d(var(--enlarge-by-final), var(--enlarge-by-final), 1);
  }
  
  .icon_groups_side_by_side {
    display: grid;
    grid-template-columns: 100%;
    grid-gap: 0;
  }
  .icon_groups_side_by_side.icon_1_fifths {
    grid-template-columns: 1fr 4fr;
  }
  .icon_groups_side_by_side.icon_2_fifths {
    grid-template-columns: 2fr 3fr;
  }
  .icon_groups_side_by_side.icon_3_fifths {
    grid-template-columns: 3fr 2fr;
  }
  .icon_groups_side_by_side.icon_4_fifths {
    grid-template-columns: 4fr 1fr;
  }
  
  .icon_group {
    display: block;
  }
  
  .icon_grid {
    display: grid;
    grid-template-columns: repeat(5, calc((100% / 5) - 0.25rem));
    grid-gap: 0.25rem;
  }
  .icon_grid.icon_1_fifths {
    grid-template-columns: 100%;
  }
  .icon_grid.icon_2_fifths {
    grid-template-columns: repeat(2, calc((100% / 2) - 0.25rem));
  }
  .icon_grid.icon_3_fifths {
    grid-template-columns: repeat(3, calc((100% / 3) - 0.25rem));
  }
  .icon_grid.icon_4_fifths {
    grid-template-columns: repeat(4, calc((100% / 4) - 0.25rem));
  }
  
  .icon_cont,
  .icon_empty {
    display: block;
  }
  
  .icon_image {
    border: 0.25rem solid #000;
    border-radius: 50%;
    padding: 0.5rem;
  }
  
  .icon_title, 
  .icon_name {
    --wght: bold; /* for BHL */
    display: flex;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
    font-weight: bold;
    margin: 0.25rem 0 0.5rem;
  }
  
  .icon_title p, 
  .icon_name p {
    margin: 0;
  }
  
  /* Less Columns on Mobile Browsers */
  
  /* @media (--viewport-tablet) */
  @media (max-width: 900px) {
    .icon_groups_side_by_side.icon_1_fifths,
    .icon_groups_side_by_side.icon_2_fifths,
    .icon_groups_side_by_side.icon_3_fifths,
    .icon_groups_side_by_side.icon_4_fifths {
      grid-template-columns: 100%;
    }
  
    .icon_grid,
    .icon_grid.icon_1_fifths,
    .icon_grid.icon_2_fifths,
    .icon_grid.icon_3_fifths,
    .icon_grid.icon_4_fifths  {
      grid-template-columns: repeat(3, calc((100% / 3) - 0.25rem));
    }
  
    .icon_empty {
      display: none;
    }
  }
  
  
  /* ----------------------------- */
  /* ---- Source Code Display ---- */
  /* ----------------------------- */
  
  .code-cell,
  .page-source {
    border: 1px dashed #ddd;
    background-color: #f7f7f7;
    font-family: var(--mono-font, Recursive), Consolas,
      'Andale Mono', 'Courier New', Courier, monaco, monospace;
    font-size: 90%;
    padding: 0.125rem;
  }
  .code-cell {
    font-size: 75%;
  }
  .code {
    font-size: 90%;
  }
  .page-source {
    padding-left: .5rem;
    padding-right: .5rem;
  }
  .long-code {
    font-size: 70%;
  }
  
  /* @media (--viewport-laptop) */
  @media (max-width: 1280px) {
    .code-cell,
    .page-source,
    .code {
      font-size: 75%;
    }
    .long-code {
      font-size: 60%;
    }
  }

  Pages using this styling

  • chaos-arts [info]

  ¶ 1 occurrence
  

  :root {
  --toggle-roundness: 0;
  }
  div#extra-div-1,div#extra-div-2{display:none;}
  
   .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%);
  }
  

  Pages using this styling

  • channel-surfing [info]

  ¶ 1 occurrence
  

  #container::before {
      content:"";
      position: absolute;
      top: 0; left: 0;
      width: 100%; height: 100%;
      z-index: 2;
      pointer-events: none;
      -webkit-backdrop-filter: grayscale(1);
      backdrop-filter: grayscale(1);
  }
  #header { z-index: 1; }
  .color-defy {
      text-align: center;
      z-index: 3;
      position: relative;
  }

  Pages using this styling

  • change-in-the-weather [info]

  ¶ 1 occurrence
  

  /*
      Disrememberment Theme
      [2020 Wikidot Theme]
      Created by Rounderhouse.
      Based on Black Highlighter Theme created by Woedenaz and Croquembouche.
      Ennui Logo made by Ayers, CC BY SA 3.0.
  */
   
  @import url("https://nu-scptheme.github.io/Black-Highlighter/stable/styles/normalize.min.css");
  @import url("https://nu-scptheme.github.io/Black-Highlighter/stable/styles/black-highlighter.min.css");
   
  /* Fonts */
   
  @import url('https://fonts.googleapis.com/css?family=Carrois+Gothic&display=swap');
   
  /* All Vars Used */
   
  :root {
      /* S-CSS-P Integration */
      /* If you're making a new CSS theme, please include the following three variables at minimum. */
      --theme-base: "nuscp";
      /* must be either "nuscp" or "sigma9" */
      --theme-id: "disrememberment";
      /* set this to the URL of your theme's page - eg for "component:ar-theme", set it to "ar-theme" */
      --theme-name: "Dsirememberment Theme";
      /* set this to your theme's full name */
   
      /* Header */
      --logo-image: url("https://smlt.wdfiles.com/local--files/ashburystreet%3A7/logoDEDA.png");
      --header-title: "swn001-131-CRS";
      --header-subtitle: "Even God Can Die.";
  
   
      /* Typefaces */
      --body-font: 'Lato', sans-serif;
      --header-font: 'Carrois Gothic', sans-serif;
      --title-font: 'Carrois Gothic', italic;
      --mono-font: "PT Mono", "Andale Mono", "Courier New", Courier, monospace;
   
      /* Standard Colors */
      --white-monochrome: 252, 252, 252;
      /* white */
      --pale-gray-monochrome: 244, 244, 244;
      /* v light gray for blockquotes and stuff */
      --light-gray-monochrome: 120, 120, 120;
      /* light accent gray for login status */
      --gray-monochrome: 66, 66, 72;
      /* gray */
      --dark-gray-monochrome: 48, 48, 52;
      /* dark accent gray for sidebar background */
      --black-monochrome: 12, 12, 12;
      /* black */
      --bright-accent: 90, 90, 90;
      /* blue */
      --medium-accent: 103, 0, 0;
      /* medium blue */
      --dark-accent: 103, 0, 0;
      /* dark blue */
      --newpage-color: 99, 190, 255;
      /* bright blue */
   
      /* Primary Theme Colors */
      --swatch-background: var(--white-monochrome);
      --swatch-primary: var(--medium-accent);
      --swatch-primary-darker: var(--bright-accent);
      --swatch-primary-darkest: var(--bright-accent);
      /* Primary Text Colors */
      --swatch-text-dark: var(--black-monochrome);
      --swatch-text-light: var(--white-monochrome);
      --swatch-important-text: var(--bright-accent);
   
      /* Primary Menu Colors */
      --swatch-menubg-color: var(--gray-monochrome);
      --swatch-menubg-light-color: var(--gray-monochrome);
      --swatch-menubg-medium-color: var(--gray-monochrome);
      --swatch-menubg-medium-dark-color: var(--black-monochrome);
      --swatch-menubg-dark-color: var(--dark-gray-monochrome);
      --swatch-menubg-black-color: var(--black-monochrome);
      --swatch-menubg-hover-color: var(--gray-monochrome);
      --swatch-menutxt-dark-color: var(--white-monochrome);
      --swatch-menutxt-light-color: var(--white-monochrome);
      --swatch-border-color: var(--black-monochrome);
      /* Primary Header Colors */
      --swatch-headerh1-color: var(--white-monochrome);
      --swatch-headerh2-color: var(--white-monochrome);
      --swatch-topmenu-border-color: var(--dark-gray-monochrome);
      --swatch-topmenu-bg-color: var(--dark-gray-monochrome);
   
      --rating-module-button-color: var(--black-monochrome);
      --rating-module-text-color: var(--black-monochrome);
   
      /* Sidebar */
      --sidebar-transition-timing: 0.5s ease-in-out 0.1s;
      --sidebar-internal-border-thickness: 0.125rem;
   
      --background-gradient-color: 90, 90, 90;
      --background-gradient-distance: 30rem;
   
      /* Header Gradients */
   
      --gradient-header: linear-gradient(to bottom, rgba(var(--black-monochrome),0.97) 0%, rgb(var(--dark-gray-monochrome)) 100%);
      --gradient-topmenu: linear-gradient(to bottom,
       white 0%,
       white 7.5rem,
       rgba(var(--swatch-topmenu-border-color), 1) 7.5rem,
       rgba(var(--swatch-topmenu-bg-color), 1) 7.625rem,
       rgba(var(--swatch-topmenu-bg-color), 0.95) calc(100% - 0.125rem),
       rgba(var(--swatch-topmenu-bg-color), 1) calc(100% - 0.125rem),
       rgba(var(--swatch-topmenu-border-color), 1) 100%);
      --gradient-topmenu-mobile: linear-gradient(to bottom,
       rgba(var(--swatch-topmenu-border-color), 1) 0,
       rgba(var(--swatch-topmenu-bg-color), 1) 0.125rem,
       rgba(var(--swatch-topmenu-bg-color), 1) calc(3rem - 0.125rem),
       rgba(var(--swatch-topmenu-bg-color), 1) calc(3rem - 0.125rem),
       rgba(var(--swatch-topmenu-border-color), 1) 3rem);
      --gradient-sidemenu-header: linear-gradient(40deg,
       rgba(var(--medium-accent), 0.45) 0%,
       rgba(var(--medium-accent), 0.55) 100%);
      --gradient-background: linear-gradient(to bottom,
       rgba(var(--background-gradient-color), 1) calc(calc(0 / 100) * var(--background-gradient-distance)),
       rgba(var(--background-gradient-color), 0.987) calc(calc(0.8 / 100) * var(--background-gradient-distance)),
       rgba(var(--background-gradient-color), 0.951) calc(calc(2.9 / 100) * var(--background-gradient-distance)),
       rgba(var(--background-gradient-color), 0.896) calc(calc(6.4 / 100) * var(--background-gradient-distance)),
       rgba(var(--background-gradient-color), 0.825) calc(calc(11 / 100) * var(--background-gradient-distance)),
       rgba(var(--background-gradient-color), 0.741) calc(calc(16.6 / 100) * var(--background-gradient-distance)),
       rgba(var(--background-gradient-color), 0.648) calc(calc(23.1 / 100) * var(--background-gradient-distance)),
       rgba(var(--background-gradient-color), 0.55) calc(calc(30.4 / 100) * var(--background-gradient-distance)),
       rgba(var(--background-gradient-color), 0.45) calc(calc(38.3 / 100) * var(--background-gradient-distance)),
       rgba(var(--background-gradient-color), 0.352) calc(calc(46.7 / 100) * var(--background-gradient-distance)),
       rgba(var(--background-gradient-color), 0.259) calc(calc(55.4 / 100) * var(--background-gradient-distance)),
       rgba(var(--background-gradient-color), 0.175) calc(calc(64.4 / 100) * var(--background-gradient-distance)),
       rgba(var(--background-gradient-color), 0.104) calc(calc(73.5 / 100) * var(--background-gradient-distance)),
       rgba(var(--background-gradient-color), 0.049) calc(calc(82.5 / 100) * var(--background-gradient-distance)),
       rgba(var(--background-gradient-color), 0.013) calc(calc(91.4 / 100) * var(--background-gradient-distance)),
       rgba(var(--background-gradient-color), 0) calc(calc(100 / 100) * var(--background-gradient-distance)));
  }
   
  .scp-image-block {
     color: rgb(var(--white-monochrome));
  }
  #login-status {
     color: rgb(var(--light-gray-monochrome));
  }
   
  #side-bar .heading p, #side-bar .side-block>.collapsible-block .collapsible-block-link {
     color: rgb(var(--black-monochrome));
     background-color: rgb(var(--light-gray-monochrome));
  }
  blockquote {
      background-color: rgba(0,0,0,0.05);
  }
  #side-bar div.menu-item>:not(:nth-child(2)):not(.collapsible-block) {
     color: rgb(var(--pale-gray-monochrome));
  }
  .yui-navset .yui-nav li a em, .yui-navset-top .yui-nav li a em, .yui-navset-bottom .yui-nav li a em {
     color: white;
  }
   
  #page-content .collapsible-block-link{color: #000;}
   
  #page-title{
  text-align: center!important;
  }
   
  .code {
     background-color: rgba(var(--bright-accent), .75);
     border-style: dashed;
  }
  
  @supports(--css:variables) {
  :root {
    /* Header */
    --logo-image: url("data:image/svg+xml,%3Csvg id='Layer_3' data-name='Layer 3' xmlns='https://www.w3.org/2000/svg' xmlns:xlink='https://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.cls-4%7Bopacity:0.46;%7D.cls-5%7Bfill:%23231f20;%7D.cls-6%7Bfill:%23fff;%7D.cls-7,.cls-9%7Bfill:%23fff;%7D.cls-7,.cls-8%7Bopacity:0.3;%7D.g-0%7Btransform-origin:50px 50px;animation:cont-spin 15s linear infinite;%7D.g-1%7Btransform-origin:50px 50px;animation:clock-spin cubic-bezier(.62,0,.52,1.3) 10s infinite;%7D%40keyframes clock-spin%7B0%25,15%25%7Btransform:rotate(0deg);%7D25%25,40%25%7Btransform:rotate(90deg);%7D50%25,65%25%7Btransform:rotate(180deg);%7D75%25,90%25%7Btransform:rotate(270deg);%7D100%25%7Btransform:rotate(360deg);%7D%7D%40keyframes cont-spin%7Bfrom%7Btransform:rotate(0deg);%7Dto%7Btransform:rotate(360deg);%7D%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%3Cg class='g-0'%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/g%3E%3Cg class='g-1'%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg class='cls-4'%3E%3Cpath class='cls-5' 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-5' 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-5' 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-6' 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-6' 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-6' 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%3Cg id='Layer_1' data-name='Layer 1'%3E%3Cpath class='cls-7' 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-8'%3E%3Cpath class='cls-9' 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/g%3E%3C/svg%3E");

  Pages using this styling

  • cerastes-informational-file [info]

  ¶ 1 occurrence
  

  :root {
    --ct_cnt_alt-header-txt: "Foundation";
  } 
  
  #header h1 a::before {
  content : 'SCP';
  animation : flicker 3s linear infinite;
  font-size : var(--ct_fns_alt-header-txt);
  }
  
  #header h1 a::after {
  content : ' Foundation';
  animation: none;
  }
  
  #header h1 a span {
      display: inline-block;
      width: 0.5em;
      color: transparent;
      text-shadow: none;
  }

  Pages using this styling

  • centre-quand-le-soleil-se-couche [info]

  ¶ 1 occurrence
  

  .liste-ecrits a.newpage::before {
          content: "[UNSYNCED] ";
  }

  Pages using this styling

  • centre-quand-le-soleil-se-couche [info]

  ¶ 1 occurrence
  

  body {
      background: black;
  }
  
  #container
  {
   background:black;
  }

  Pages using this styling

  • centraliaheightsus [info]

  ¶ 1 occurrence
  

      #page-content .collapsible-block-folded,
      #page-content .collapsible-block-unfolded-link {
          background: rgb(var(--dark-gray-monochrome));
          padding-top: 0.5rem;
          padding-bottom: 0.5rem;
          padding-left: 1rem;
          padding-right: 1rem;
          width: -webkit-min-content;
          width: -moz-min-content;
          width: min-content;
          white-space: nowrap;
          overflow: hidden;
          margin: auto;
      }
   
      #page-content .collapsible-block-folded .collapsible-block-link::before {
          content: "";
      }
   
      #page-content .collapsible-block-unfolded .collapsible-block-link::before {
          content:  "";
      }

  Pages using this styling

  • cck-class-copyright-infringement-lawsuit-scenario [info]

  ¶ 1 occurrence
  

  @import url(/component:mcd-theme/code/1);

  Pages using this styling

  • casting-his-shadow-weaving-his-spell [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css?family=Cinzel');
  @import url('https://fonts.googleapis.com/css?family=Anton');
  @import url('https://fonts.googleapis.com/css?family=Pinyon+Script');
  @import url('https://fonts.googleapis.com/css?family=Lato:400,900|PT+Mono|Poppins:600,800');
  @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@900&family=Raleway:wght@700&family=Roboto:wght@900&display=swap');
  
  /*
      The Anton font was created by Vernon Adams and is licensed under the Open Font License
      The Cinzel font was created by Natanael Gama and is licensed under the Open Font License
      The Pinyon Script font was created by Nicole Fally and is licensed under the Open Font License
  */
  
  .email {border: solid 2px #000000; width: 88%; padding: 1px 15px; margin: auto; box-shadow: 0 1px 3px rgba(0,0,0,.5)}
  .email-example a.collapsible-block-link {font-weight: bold;}
  .tofrom {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px rgb(140, 20, 140)}
  .tofrom2 {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px #f26c0c}
  
  .footnotes-footer {
  display: none;
  }
  
  th {
  text-align: center;
  }

  Pages using this styling

  • carter-courier-channel [info]

  ¶ 1 occurrence
  

  @media only screen and (min-width: 56.25rem) {
      :is(#page-title,.meta-title) {
          font-size: 1.8em;
      }
  }
  
  :is(#breadcrumbs,.pseudocrumbs) {
      font-size: .8em;
  }
  
  th {
      text-align: center;
  }
  .paper {
      padding: 1.5em;
      margin: 2em;
      background: #FFF;
      box-shadow: 0px 4px 9px rgba(0, 0, 0, 0.2);
  }

  Pages using this styling

  • carter-courier-channel [info]

  ¶ 1 occurrence
  

  :root {
      --timeScale: 0;
      --timeDelay: 0s;
  }
  
  .body-text {
      margin: 2% 13% 2% 9%;
      padding: 5px 20px 5px 20px;
      background-color: #f2f2f2;
      color: #111;
  }
  
  div.irc-log{margin:10px;margin-top:20px;padding:10px;border:3px solid #000000;background-color:#333333;border-radius:15px;font-family:"IBM Plex Mono",monospace;color:#FFFFFF;font-size: 125%;}
  
  div.irc-log td{border:1px solid #000000;font-weight:bold}
  div.irc-log p{line-height:200%}
  
  div.irc-log span{font-weight:bold;letter-spacing:1px;color:#050505;padding-left:2px;border:1px solid #ffabab;margin-right:.25em}
  
  div.irc-log span.userred{background-color:green;border:1px solid green;}
  
  div.irc-log span.userwhite{font-weight:bold;letter-spacing:1px;background-color:#ffffff;color:#050505;padding-left:2px;border:0px solid #ffabab;margin-right:.25em}
  
  div.irc-log span.userplague{font-weight:bold;letter-spacing:1px;background-color:#9FB6F4;color:#050505;padding-left:2px;border:1px solid #9FB6F4;margin-right:.25em}
  
  div.irc-log span.userdune{font-weight:bold;letter-spacing:1px;background-color:#1CAFEC;color:#050505;padding-left:2px;border:1px solid #1CAFEC;margin-right:.25em}
  
  div.irc-log span.usergreen{background-color:lightskyblue;border:1px solid lightskyblue;}
  div.irc-log span.userbrown{background-color:chocolate;border:1px solid chocolate;}
  div.irc-log span.userplum{background-color:plum;border:1px solid plum;}
  div.irc-log span.userwhitesmoke{background-color:whitesmoke;border:1px solid whitesmoke;}
  div.irc-log span.userkhaki{background-color:khaki;border:1px solid khaki;}
  div.irc-log span.userfrog{background-color:limegreen;border:1px solid limegreen;}
  div.irc-log span.uservucko{background-color:darkgoldenrod;border:1px solid darkgoldenrod;}
  div.irc-log span.userrex{background-color:crimson;border:1px solid crimson;}
  div.irc-log span.magique{background-color:darkslateblue;border:1px solid darkslateblue;color:white;}
  div.irc-log span.cosmo{background-color:fuchsia;border:1px solid fuchsia;}
  div.irc-log span.howdy{background-color:navy;border:1px solid navy; color:white;}
  div.irc-log span.gray{background-color:gray;border:1px solid gray;}
  div.irc-log span.duck{background-color:darkorange;border:1px solid darkorange;}
  
  div.irc-log::before{content:"SCiPNET Messaging System";position:relative;top:-1.5em;left:-1.5em;border:2px solid #050505;color:#050505;background-color:#5effa6;font-family:"PT Serif",serif;padding:1px 3px;border-radius:3px;font-weight:bold;letter-spacing:2px}
  
  div.inventory-report{margin:10px;margin-top:20px;padding:10px;border:2px solid #050505;background-color:#eee;border-radius:3px}

  Pages using this styling

  • capslock-collusion [info]

  ¶ 1 occurrence
  

   :root {
     --header-title: "Overwatch Command";
     --header-subtitle: "Subvert, Combat, Prevail";
  }
   body{
       --barColour: hsl(0, 0%, 10%);
       --linkColour: hsl(0, 0%, 90%);
  }
   div#extra-div-1{
       background-image: url(http://scp-wiki.wdfiles.com/local--files/capitis/capitis-background-header-image.png);
       filter: opacity(20%);
  }

  Pages using this styling

  • capitis [info]

  ¶ 1 occurrence
  

  
  @import url('https://fonts.googleapis.com/css2?family=Hepta+Slab:wght@1..900&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400..800;1,400..800&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=IM+Fell+DW+Pica+SC&display=swap');
  
  .licensebox {
      color: white;
  }
  
  /* COLORS */
  
  #content-wrap {
  background: linear-gradient(34.77deg, #011018 29.51%, #132934 76.89%, #011018 107.83%);
  }
  
  :root {
  --bright-accent: 3, 104, 171;
  --dark-accent: 16, 61, 91;
  --medium-accent: 40, 40, 40;
  --newpage-color: 123, 46, 206;
  --pale-accent: 255, 255, 255;
  --gray-monochrome: 30,30,30;
  --visited-link-color: 150, 150, 150;
  }
  
  /* SETTING VARIABLES */
  :root {
  --base-font-size: 1rem;
  --header-title: "Tales of the Mosaic";
  --header-subtitle: "It's always been this way";
  --logo-image: none;
  --header-font: "Hepta Slab", serif;
  --diagonal-stripes: none;
  --body-font: "EB Garamond", serif;
  --UI-font: Hepta Slab, PTRootUI,-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantrell,"Helvetica Neue",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
  }
  
  /*MAKING ACTION AREA READABLE */
  
  .licensebox .collapsible-block-link {
      color: white;
   }
  
  #action-area {
      background: white;
  border-radius: 8px;
  padding: 1rem;
  }
  
  #action-area a {
  color: black;
  }
  
  /* HEADER TEXT */
  
  #header h1 a::before {
  display: none;
  }
  
  #header h2 span::before {
  display: none;
  }
  
  #header h1 a::after {
      font-weight: 600;
      font-size: 2.2rem;
      font-family: 'IM Fell DW Pica SC', serif;
  }
  
  #header h2 span::after {
      text-transform: none;
      font-family: 'EB Garamond', 'IM Fell DW Pica SC', serif;
      font-size: 1.2rem;
      font-weight: bold;
      margin-top: 0.5rem;
  }
  
  /* BREADCRUMBS */
  
  #breadcrumbs a:before {
      content: none;
  display: none;
  }
  
  :is(#breadcrumbs,.pseudocrumbs) a {
      margin-right: 0px;
      color: white;
  padding-right: 0.3rem;
  }
  
  :is(#breadcrumbs,.pseudocrumbs) a:hover {
      color: #f0a475;
     text-decoration: underline;
  }
  
  #breadcrumbs {
  color: white;
  font-weight: regular;
  }
  
  /* TITLE  */
  
  div#page-title {
      display: none;
  }
  
  span.title {
      font-weight: bold;
      color: white;
      font-size: 2.5rem;
      max-width: 24.3rem;
      display: block;
      margin: 0.5rem auto 0.5rem;
  }
  
  .whiteline-header {
      margin: 3rem auto 0rem;
      display: flex;
      align-items: center;
  }
  
  .earthworm .whiteline-header {
      margin: 3rem auto 1rem;
  }
  
  .earthworm p, .earthworm a {
  font-weight: bold;
  margin-bottom: 1rem;
  }
  
  .whiteline-label {
      text-transform: uppercase;
      color: white;
      font-weight: 700;
  font-size: 1rem;
      width: max-content;
      display: block;
      margin-inline: 1rem;
  letter-spacing: 0.15rem;
  font-family: 'IM Fell DW Pica SC';
  }
  
  .whiteline-header p, .centerbox p {
  margin: 0px;
  }
  
  .whiteline-header::before, .whiteline-header::after {
      content: "";
      height: 1px;
      background: white;
      width: 100%;
  }
  
  div#u-authorlink {
      text-align: center;
  font-weight: 700;
  font-size: 1.2rem;
  }
  
  div#u-authorlink a {
      color: rgb(var(--link-color));
  font-weight: 700;
  }
  
  div#u-authorlink p {
  margin: 0px;
  color: white;
  }
  
  .centerbox {
  width: fit-content;
  margin: 1rem auto 3rem;
  text-align: center;
  }
  
  /* PAPER DOCUMENT */
  
  .paper {
  padding: 24px 40px;
  background: linear-gradient(203.04deg, #FBFAF9 40.5%, #f1f1f1 100%);
  box-shadow: 0px 16px 32px -4px rgba(12, 12, 13, 0.1), 0px 4px 4px -4px rgba(12, 12, 13, 0.05), inset 0px 0px 30px 0px #AE8B75;
  border-radius: 0px;
  margin-block: 2.5rem;
  max-width: 35rem;
  margin: 0 auto 3rem;
  }
  
  .paper p {
      font-weight: 500;
  font-size: 1.2rem;
  color: #262521;
  }
  
  @media (max-width: 479px) {
      .paper {
          padding:1rem 1rem;
      }
  }
  
  
  /* FIXING NAV BAR FONT SIZE ON MOBILE */
  @media only screen and (max-width: 56.25rem) {
  #header div[class*=top-bar]>ul>li>a {
      background: 0 0;
      font-size: calc(var(--base-font-size)*(13/15));
  }
  }
  
  /* EARTHWORM */
  
  .earthworm {
      margin-block: 3rem;
      font-weight: bold;
      font-size: 1.5rem;
      color: white;
  text-align: center;
  }
  
  .earthworm a {
      font-weight: bold;
      padding: 0.5rem 1rem;
      margin: 1rem auto;
      display: block;
      text-align: center;
      font-size: 1.2rem;
      text-decoration: none;
      transition: 0.5s;
      border: 1px solid white;
      background: #011018;
      border-radius: 0px 8px 0px 8px;
      border-left-color: #f0a475;
      border-bottom-color: #f0a475;
  max-width: 25rem;
  }
  
  .earthworm a:visited {
  color: white;
  border-color: #8a8a8a;
  }
  
  .earthworm a:hover {
      text-decoration: none;
      border: 1px solid #f0a475;
      color: #f0a475;
  }
  

  Pages using this styling

  • canvas-fish-fly [info]

  ¶ 1 occurrence
  

  :root {
      --activity-color: #22b322;
      --large-color: #f7b100;
  }
  
  .canon-block.opener {
      font-weight: 550;
      font-size: 1.15em;
      padding-bottom: 0.375rem;
      margin-block: 1.25rem;
      background-color: #f8f8f8;
  }
  
  .info-wrapper {
      display: grid;
      grid-template-areas:
          "toc info"
          "toc legend";
      grid-template-columns: 13.5rem 1fr;
      grid-template-rows: auto 1fr;
      gap: .325rem .875rem;
      font-size: .9125em;
      margin-block: .5rem;
  }
  
  @media screen and (max-width: 37.5rem) {
  .info-wrapper {
      grid-template-areas:
          "info"
          "toc"
          "legend";
      grid-template-columns: 1fr;
  }
  }
  
  .info {
      grid-area: info;
      padding: 0 .75rem;
  }
  
  .info-wrapper > table, 
  .info-wrapper > table :is(tbody, tr, td) {
      display: contents;
  }
  #toc {
      grid-area: toc;
      display: grid;
      grid-template-areas:
          "title act"
          "list list";
      grid-template-columns: 1fr 4.5em;
      grid-template-rows: auto 1fr;
      margin: initial;
      padding: 0;
      box-sizing: border-box;
      border: none;
      background: transparent;
  }
  
  #toc #toc-action-bar {
      grid-area: act;
      border-bottom: solid 0.05rem #ccc;
      padding: 0.5rem 0;
      text-align: end;
  }
  #toc-list {
      grid-area: list;
      margin: 0;
      counter-reset: toc-index;
  }
  #toc-list > div {
      display: grid;
      grid-template-columns: 1.5rem 1fr;
      gap: .25rem;
      align-items: baseline;
      margin-left: 0!important;
      margin-block: .45em;
      line-height: 1.15;
  }
  #toc-list > div:last-child {
      font-style: italic;
  }
  #toc-list > div:not(:last-child)::before {
      counter-increment: toc-index;
      content: counter(toc-index) ".";
      font-size: .75em;
      text-align: end;
      font-feature-settings: 'case','ss01','ss04','tnum';
  }
  #toc-list > div > a {
      grid-column: 2/3;
      width: fit-content;
  }
  
  #toc .title {
      grid-area: title;
      margin: 0;
      padding: 0.5rem .175rem;
      border-bottom: solid 0.05rem #ccc;
      text-align: start;
  }
  .legend { grid-area: legend; }
  .legend table { width: 100%; margin: 0;}
  .legend table tr:first-child {
      border-bottom: solid 0.05rem #ccc;
  }
  .legend table td {
      border: none;
      padding: .625rem .325rem;
  }
  .legend table tr:first-child td {
      font-weight: bold;
      padding-inline: .175rem;
  }
  
  .act-marker, .vact-marker, .large-marker {
      display: block;
      position: relative;
      margin: auto;
      color: transparent;
      font-size: 0.1rem;
  }
  .act-marker, .vact-marker {
      height: .625rem; width: .625rem;
      transform: rotate(45deg);
      background-color: var(--activity-color);
  }
  .act-marker {
      background-color: transparent;
      box-sizing: border-box;
      border: solid 0.175rem var(--activity-color);
  }
  .large-marker {
      height: 1.175rem; width: 1.175rem;
      background-color: var(--large-color);
      clip-path: polygon(50% 0, 60% 40%, 100% 50%, 60% 60%, 50% 100%, 40% 60%, 0 50%, 40% 40%);
  }
  
  /*----------------------------------*/
  
  #page-content hr {
      margin: 1.5rem 0;
      background-color: #ccc;
  }
  
  /*----------------------------------*/
  
  .canon-wrapper {
      display: grid;
      gap: 1.25rem;
      margin-block: 1.25rem;
      clear: both;
  }
  
  .canon-block {
      --link-color: #b01;
      font-size: 1.05em;
      text-align: center;
      font-weight: bold;
      position: relative;
      padding: 1.125rem 1.675rem;
      background-color: #fff;
      box-shadow: 0 0 .325rem rgb(0 0 0 / 0.25);
  }
  .canon-block :is(h1,h2) {
      font-size: 1.75em;
      font-weight: bold;
      letter-spacing: initial;
      margin: 0.225em 0 0;
      scroll-margin-block-start: 2.125rem;
  }
  
  .canon-block a {
      color: var(--link-color);
      t
  }
  .canon-block .snippet {
      text-align: initial;
      font-weight: normal;
      font-style: italic;
      font-size: .875em;
      line-height: 1.375;
      border-top: solid 0.05rem currentColor;
  }
  .canon-block .snippet p { line-height: inherit; }
  .canon-block .snippet .source {
      font-size: .85em;
      font-style: initial;
      font-weight: 600;
      text-align: center;
  }
  
  .canon-block .list-pages-box { display: contents; }
  .canon-block .activity-container {
      display: flex;
      align-items: center;
      gap: .675rem;
      width: 100%;
      padding-inline: .825rem;
      box-sizing: border-box;
      position: absolute;
      top: 1.125rem; left: 0;
      transform: translateY(-50%);
      pointer-events: none;
  }
  
  .activity-container :is(span,br) {
      display: none;
      margin: unset;
      pointer-events: auto;
  }
  
  .activity-container .large-marker { 
      display: block;
      transform: translateX(-.275rem);
  }
  .activity-container.not-large-c .large-marker { display: none; }
  
  /*----------------------------------*/
  
  .canon-wrapper.sub {
      grid-template-columns: repeat(auto-fill,minmax(17.25rem,1fr));
      gap: 0.75rem;
  }
  
  .sub .canon-block {
      font-size: 0.825em;
      font-weight: normal;
      padding: 0.5rem 0.675rem;
  }
  .sub h2 { font-size: 1.5em; }
  
  .sub .canon-block p {
      margin-block: .525em;
  }
  
  /*----------------------------------*/
  
  .sywbac {
      background-color: #fff8cd;
      text-align: start;
      font-weight: normal;
      font-size: 1em;
  }
  .sywbac :is(.collapsible-block-folded, .collapsible-block-unfolded-link) {
      font-weight: bold;
      text-align: center;
  }
  
  

  Pages using this styling

  • canon-hub [info]

  ¶ 1 occurrence
  

  :root{
  --basalt-overtone: 180, 180, 180;
      --basalt-UI-dark-palette: 55, 55, 55;
      --basalt-bright-element-color: 207, 10, 10;
      --basalt-dark-element-color: 212, 17, 17;
      --basalt-secondary-color: 18, 18, 18;
      --general-border-color: 100, 0, 0;
      --basalt-primary-color: 13, 13, 13;
      --basalt-tertiary-color: 44, 44, 44;
      --basalt-main-text-color: 195, 195, 195;
      --logo: url(https://scp-sandbox-3.wikidot.com/local--files/queer-byrnes/fsd_W.png);
      --subtitle: "FIRE SUPPRESSION DEPARTMENT";
      --title: "SCP FOUNDATION";
  
  
    --s: 58px; /* control the size*/
    --c1: #000000;
    --c2: #400000;
    
    --_g: #0000 24%,
      var(--c2) 26% 34%,var(--c1) 36% 44%,
      var(--c2) 46% 54%,var(--c1) 56% 64%,
      var(--c2) 66% 74%,#0000 76%;
  }
  
  body {
    font-size: 0.85em;
    background:
      radial-gradient(100% 100% at 100% 0,var(--_g)),
      radial-gradient(100% 100% at 0 100%,var(--_g)),
      radial-gradient(var(--c2) 14%,var(--c1) 16%)
       calc(var(--s)/2) calc(var(--s)/2);
    background-size: var(--s) var(--s);
  }
  
  h2 {
     text-align:center;
  }
  
  
  h3 {
     text-align:center;
  }
  
  h4 {
     text-align:center;
     color: rgb(195, 195, 195);
  }
  
  
  
  .email-example .collapsible-block-folded a.collapsible-block-link {
      animation: blink 0.8s ease-in-out infinite alternate;
  }
  @keyframes blink {
      0% { color: transparent; }
      50%, 100% { color: rgb(160,0,0); }
  }
  .email {border: solid 2px #000000; width: 88%; padding: 1px 15px; margin: 10px; box-shadow: 0 1px 3px rgba(0,0,0,.5)}
  .email-example a.collapsible-block-link {font-weight: bold;}
  .tofrom {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px maroon}
  
  
  .dots {
     width: 95%;
     margin: auto;
     padding: 1em;
     background-color: #000000;
     opacity: 1;
     background-image:  radial-gradient(#ab0000 0.9500000000000001px, transparent 0.9500000000000001px), radial-gradient(#ab0000 0.9500000000000001px, #000000 0.9500000000000001px);
     background-size: 38px 38px;
     background-position: 0 0,19px 19px;
     border-top: 1.5px solid #ab0000;
     border-bottom: 1.5px solid #ab0000;
     text-align: center;
  }
  
  
  div.modal {
      display: block;
      margin-inline: auto;
      margin-block: 1.4rem;
      padding-inline: 1.5rem;
      padding-block: 0.5rem;
      background-color: #000000;
      color: rgb(var(--basalt-main-text-color));
      border: 1px solid #000000;
      background-opacity: 0.6;
  }
  
  #page-content div.modal {
      max-width: 48em;
  }
  
  
  div.notation {
      display: block;
      margin-inline: auto;
      margin-block: 1.4rem;
      padding-inline: 1.1rem;
      padding-block: 0.9rem;
      background-color: rgb(var(--basalt-primary-color));
      border-left: solid 0.25rem rgb(var(--general-border-color));
      border-right: solid 0.25rem rgb(var(--general-border-color));
      border-top: solid 1px rgb(var(--general-border-color));
      border-bottom: solid 1px rgb(var(--general-border-color));
      color: rgb(var(--basalt-main-text-color));
  }
  
  .mem {
      color: rgb(175, 175, 175);
  }
  

  Pages using this styling

  • candaulism [info]

  ¶ 1 occurrence
  

  
  @keyframes snowOne{
      0%
      {
       background-position: 100px 750px;
              opacity: 0;
      }
      10%
      {
              opacity: 0.6;
      }
      90%
      {
              opacity: 0.5;
       }
      100%
      {
       background-position: 0px 0px;
       opacity:0;
      }
  }
  @keyframes snowTwo{
      0%
      {
       background-position: -50px 700px;
       opacity: 0;
      }
      8%
      {
              opacity: 0.74;
      }
      90%
      {
              opacity: 0.65;
       }
      100%
      {
       background-position: 0px -100px; 
       opacity: 0;
      }
  }
  @keyframes snowThree{
      0%
      {
       background-position:  240px 750px;
       opacity: 0;
      }
      13%
      {
              opacity: 0.9;
      }
      91%
      {
              opacity: 0.8;
      }
      100%
      {
       background-position: 0px 100px;
       opacity: 0;
      }
  }
  
  #u-eldritch-div-1, #u-eldritch-div-2, #u-eldritch-div-3 {
      -webkit-mask-image: linear-gradient(to bottom, rgba(0,0,0,1) 50%, rgba(0,0,0,0));
      mask-image: linear-gradient(to bottom, rgba(0,0,0,1) 50%, rgba(0,0,0,0));
      height: 24rem;
      width: 100%;
      position: absolute;
      background-repeat: repeat;
      z-index: 10;
      pointer-events: none;
  }
  
  #u-eldritch-div-1 {
      background-image: url('https://scp-wiki.wdfiles.com/local--files/theme%3Axmas/sn2.png');
      background-size: 230px;
      animation: snowOne 400s infinite linear;
      filter: blur(1.3px);
  }
  #u-eldritch-div-2 {
      background-image: url('https://scp-wiki.wdfiles.com/local--files/theme%3Axmas/sn.png');
      background-size: 370px;
      animation: snowTwo 350s infinite linear;
      filter: blur(0.4px);
  }
  #u-eldritch-div-3 {
      background-image: url('https://scp-wiki.wdfiles.com/local--files/theme%3Axmas/sn.png');
      background-size: 400px;
      animation: snowThree 200s infinite linear;
      filter: blur(2.4px);
  }
  @media (max-width: 767px) {
     #u-eldritch-div-1, #u-eldritch-div-2, #u-eldritch-div-3 {
         height: 10.5rem;
     }
  }
  
  
  @supports not ((-webkit-background-clip: text) and (-webkit-text-fill-color: transparent)) {
      .dado1 {color: #FF7F7F; font-weight: bold;}
      .dado2 {color: #FFB27F; font-weight: bold;}
      .dado3 {color: #e6e600; font-weight: bold;}
      .dado4 {color: #A5FF7F; font-weight: bold;}
      .dado5 {color: #7FC9FF; font-weight: bold;}
      .dado6 {color: #D67FFF; font-weight: bold;}
  }
  
  @supports ((-webkit-background-clip: text) and (-webkit-text-fill-color: transparent)) {
      .dado {
           background: linear-gradient(to right, yellow, white, red);
           -webkit-background-clip: text;
           -webkit-text-fill-color: transparent;
           font-weight: bold;
      }
  }

  Pages using this styling

  • can-you-feel-the-sun [info]

  ¶ 1 occurrence
  

  
  .icons {
      display: grid;
      grid-template-columns: repeat(5, calc((100% / 5) - 0.25rem));
      grid-gap: 0.25rem;
  }
  
  @media (max-width: 500px ) {
      .icons {
      	grid-template-columns: repeat(3, calc((100% / 3) - 0.25rem));
      }
  }
  
  .icon_image {
      border-radius: 50%;
      border: 0.25rem solid  rgb(0,0,0);
      overflow: hidden;
  }
  
  .icon_name,
  .icon_link {
      display: flex;
      align-items: center;
      justify-content: center;
      text-transform: uppercase;
  }
  

  Pages using this styling

  • calibri-s-mega-cool-art-page-it-s-mostly-just-icons-but-what [info]

  ¶ 1 occurrence
  

  
  .badge-section{
   float:left;
   width: 27%;
   padding: 0 3%;
  }
  @media (max-width: 450px) {
   .content-section{
    width: 98%
   }
  }
  .badge-box{
   width:100%;
   display: inline-block;
   padding-left:1%;
   margin-bottom: 5px;
  }
  

  Pages using this styling

  • calibri-bold-s-mega-cool-author-page [info]

  ¶ 1 occurrence
  

  
  @import url('https://fonts.bunny.net/css2?family=Lora&display=swap');
  
  :root {
    --timeDelay: 0s;
    --accentColor: #C5CED4;
    --darkColor: #2F333C; 
    --darkerColor: #21252E;
    --lightColor: #EDEDED;
    --lgurl: url("https://scp-wiki.wdfiles.com/local--files/theme%3Apenumbra/logo.png");
  }
  
  .footnotes-footer {
      display:none;
  }
  
  /*  1rem = 15.4px  1px = 0.065rem  */
  
  /*  Tickers move at 100px/s  */
  
  /*  @>767px Max length = 712px - title length - 6rem  */
  
  /*  @<=767px Max length = 90vw - title length - 6rem  */
  
  /* .ticker-adp {
      white-space: nowrap;
      overflow: hidden;
      box-sizing: border-box;
      top: 0;
      position: relative;
      text-align: center;  
      z-index: 1;
      max-width: calc(712px - 176px - 6rem)!important;
  }
  
  @media (max-width: 767px) {
      .ticker-adp {
          max-width: calc(90vw - 176px - 6rem)!important;
      }
  }
  
  .ticker-adp p {
      display: inline-block;
      animation: marquee 22.2873s linear infinite;
      margin: 0;
  }
  
  .ticker-hub {
      white-space: nowrap;
      overflow: hidden;
      box-sizing: border-box;
      top: 0;
      position: relative;
      text-align: center;  
      z-index: 1;
      max-width: calc(712px - 136px - 6rem)!important;
  }
  
  @media (max-width: 767px) {
      .ticker-hub {
          max-width: calc(90vw - 136px - 6rem)!important;
      }
  }
  
  .ticker-hub p {
      display: inline-block;
      animation: marquee 42.6867s linear infinite;
      margin: 0;
  }
  
  .ticker-res {
      white-space: nowrap;
      overflow: hidden;
      box-sizing: border-box;
      top: 0;
      position: relative;
      text-align: center;  
      z-index: 1;
      max-width: calc(712px - 214px - 6rem)!important;
  }
  
  @media (min-width: 632px) {
      .ticker-res {
          max-width: 15.15rem!important;
      }
      .ticker-res p {
          animation: none!important;
      }
  }
  
  @media (max-width: 631px) {
      .ticker-res {
          max-width: calc(90vw - 214px - 6rem)!important;
      }
  }
  
  .ticker-res p {
      display: inline-block;
      animation: marquee 4.975s linear infinite;
      margin: 0;
  } */
  
  /* REVISION 1006 */
  
  /*  COLLAB TICKER TEMPLATE
  
  .ticker-XXX {
      white-space: nowrap;
      overflow: hidden;
      box-sizing: border-box;
      top: 0;
      position: relative;
      text-align: center;  
      z-index: 1;
      max-width: calc(712px - TITLELENGTHpx - 6rem)!important;
  }
  
  @media (min-width: JUSTLENGTHpx) {
      .ticker-res {
          max-width: TRUEAUTHORLENGTHpx!important;
      }
      .ticker-res p {
          animation: none!important;
      }
  }
  
  @media (max-width: 767px) {
      .ticker-XXX {
          max-width: calc(100vw - TITLELENGTHpx - 6rem)!important;
      }
  }
  
  .ticker-XXX p {
      display: inline-block;
      animation: marquee AUTHORLENGTH/100s linear infinite;
      margin: 0;
  }
  
  */
  
  @keyframes marquee {
      0%   { transform: translate(0, 0); }
      100% { transform: translate(-50%, 0); }
  }
  
  h1,h2,h3,h4,h5,h6 {
      font-family: 'Lora', serif;
      color: #C5CED4;
      font-weight: 400;
  }
  
  .author-header {
      font-family: 'Lora', serif;
      color: #C5CED4;
      font-weight: 400;
  }
  
  .authorlink-wrapper {
      --author-top-adjust: -0.1rem;
  }
  
  a {
      color: #80a0ff;
  }
  a:visited {
      color: #608de0;
  }
  a.newpage {
      color:#7777ff;
  }
  #side-bar a,
  #side-bar a:visited {
    color: #80a0ff;
  }
  
  body {
      background-image: linear-gradient(
          to bottom,
          #111111, #111111 90px,
          #111111 90px, #000444 200px,
          #000444 200px, #000444 100%);
      background-repeat: no-repeat;
  }
  
  #page-title {
      display: none;
  }
  
  #page-content .collapsible-block-unfolded-link {
      box-shadow: 0px 0rem 0px 0px var(--accentColor);
  }
  #page-content .collapsible-block-folded .collapsible-block-link::before {
      display: none;
  }
  #page-content .collapsible-block-unfolded .collapsible-block-link::before {
      display: none;
  }
  .collapsible-block-content {
      padding-bottom: 0.5rem;
  }
  
  blockquote,
  div.blockquote,
  #toc {
      background-color: var(--darkerColor);
      border: solid 2px var(--darkColor);
      box-shadow: 0px 0px 0px 0px var(--accentColor);
  }
  
  /* Star code from here: https://codepen.io/wheresdara/pen/wvXBpwa  */
  
  .stars {
        position: fixed;
        top: 50%;
        left: 50%;
        height: 1px;
        width: 1px;
        background-color: #fff;
        border-radius: 50%;
      box-shadow: 24vw 9vh 1px 0px #fff,12vw -24vh 0px 1px #fff,-45vw -22vh 0px 0px #fff,-37vw -40vh 0px 1px #fff,29vw 19vh 0px 1px #fff,4vw -8vh 0px 1px #fff,-5vw 21vh 1px 1px #fff,-27vw 26vh 1px 1px #fff,-47vw -3vh 1px 1px #fff,-28vw -30vh 0px 1px #fff,-43vw -27vh 0px 1px #fff,4vw 22vh 1px 1px #fff,36vw 23vh 0px 0px #fff,-21vw 24vh 1px 1px #fff,-16vw 2vh 1px 0px #fff,-16vw -6vh 0px 0px #fff,5vw 26vh 0px 0px #fff,-34vw 41vh 0px 0px #fff,1vw 42vh 1px 1px #fff,11vw -13vh 1px 1px #fff,48vw -8vh 1px 0px #fff,22vw -15vh 0px 0px #fff,45vw 49vh 0px 0px #fff,43vw -27vh 1px 1px #fff,20vw -2vh 0px 0px #fff,8vw 22vh 0px 1px #fff,39vw 48vh 1px 1px #fff,-21vw -11vh 0px 1px #fff,-40vw 45vh 0px 1px #fff,11vw -30vh 1px 0px #fff,26vw 30vh 1px 0px #fff,45vw -29vh 0px 1px #fff,-2vw 18vh 0px 0px #fff,-29vw -45vh 1px 0px #fff,-7vw -27vh 1px 1px #fff,42vw 24vh 0px 0px #fff,45vw -48vh 1px 0px #fff,-36vw -18vh 0px 0px #fff,-44vw 13vh 0px 1px #fff,36vw 16vh 0px 1px #fff,40vw 24vh 0px 0px #fff,18vw 11vh 0px 0px #fff,-15vw -23vh 1px 0px #fff,-24vw 48vh 0px 1px #fff,27vw -45vh 1px 0px #fff,-2vw -24vh 0px 1px #fff,-15vw -28vh 0px 0px #fff,-43vw 13vh 1px 0px #fff,7vw 27vh 1px 0px #fff,47vw 5vh 0px 0px #fff,-45vw 15vh 1px 1px #fff,-5vw -28vh 0px 1px #fff,38vw 25vh 1px 1px #fff,-39vw -1vh 1px 0px #fff,5vw 0vh 1px 0px #fff,49vw 13vh 0px 0px #fff,48vw 10vh 0px 1px #fff,19vw -28vh 0px 0px #fff,4vw 7vh 0px 0px #fff,21vw 21vh 1px 1px #fff,-15vw -15vh 0px 1px #fff,-6vw -42vh 1px 0px #fff,-15vw 48vh 1px 1px #fff,-23vw 25vh 1px 1px #fff,-48vw 25vh 0px 1px #fff,-31vw -19vh 0px 1px #fff,4vw 37vh 1px 1px #fff,-43vw 28vh 0px 0px #fff,3vw -25vh 0px 1px #fff,-39vw 14vh 0px 1px #fff,-40vw 31vh 0px 1px #fff,35vw -36vh 1px 1px #fff,16vw 49vh 0px 0px #fff,6vw 39vh 0px 0px #fff,3vw -35vh 0px 1px #fff,-44vw -2vh 1px 0px #fff,-6vw 21vh 1px 0px #fff,48vw 9vh 1px 1px #fff,-43vw 30vh 1px 1px #fff,29vw -12vh 1px 1px #fff,-48vw 13vh 1px 0px #fff,-42vw 32vh 1px 1px #fff,34vw 15vh 1px 1px #fff,29vw -37vh 1px 1px #fff,28vw 2vh 0px 0px #fff;
      z-index: -10;
  }
  
  #page-content .yui-navset .yui-content > div[style*="none"] {
      display: block !important;
      flex: 0;
      max-height: 0;
      padding: 0 0.5em;
      border-width: 0;
      /* The following transition affects the one that DISAPPEARS */
      transition: padding 0s linear 0s,
            border-width 0s linear 0s,
            flex 0s cubic-bezier(.18,.51,.54,.9) 0s;
      animation: tab-disappear 0s ease-in-out 0s 1 both;
  }
  #page-content .yui-navset .yui-content > div[style*="block"] {
      display: block !important;
      flex: 1;
      max-height: 9999rem;
      /* The following transition affects the one that APPEARS */
      transition: padding 0s linear 0s,
            border-width 0s linear 0s,
            flex 0s cubic-bezier(.18,.51,.54,.9) 0.5s;
      animation: tab-appear 0s ease-in-out 0s 1 both;
  }
  

  Pages using this styling

  • calibri-bold-s-mega-cool-author-page [info]

  ¶ 1 occurrence
  

  .roscoe {
  border:solid 1px #999999;
  background:#FFE9D9;
  padding-left: 16px;
  padding-right:
  16px;margin-bottom: 16px;"
  }
  .detective {
    margin: 2em -6em;
    padding: 1em 10em;
    --detective-color:#E2FFF3;
    background: var(--detective-color);
    background: linear-gradient(90deg, rgba(255,255,255,0) 0%, var(--detective-color) 20%, var(--detective-color) 80%, rgba(255,255,255,0) 100%);
    z-index: -2;
  }
  
  .detective.inline {
    margin: 1em -6em;
    padding: 1px 10em;
  }
  
  @media only screen and (max-width: 1040px) {
    .detective {
      margin-right: 0 !important;
      margin-left: 0 !important;
      padding-left: 3em !important;
      padding-right: 3em !important;
    }
  }
  
  .outlaw {
    margin: 2em -6em;
    padding: 1em 10em;
    --outlaw-color:#E2F4FF;
    background: var(--outlaw-color);
    background: linear-gradient(90deg, rgba(255,255,255,0) 0%, var(--outlaw-color) 20%, var(--outlaw-color) 80%, rgba(255,255,255,0) 100%);
    z-index: -2;
  }
  
  .outlaw.inline {
    margin: 1em -6em;
    padding: 1px 10em;
  }
  
  @media only screen and (max-width: 1040px) {
    .outlaw {
      margin-right: 0 !important;
      margin-left: 0 !important;
      padding-left: 3em !important;
      padding-right: 3em !important;
    }
  }
  

  Pages using this styling

  • calibold-harryblank-nico-proposal [info]

  ¶ 1 occurrence
  

  .danke {
      padding: 1em;
      margin-bottom:10px;
      font-family: monospace;
      font-size: 1.0em; 
  }
  
  .l {
      text-align: left;
  }
  
  .r {
      text-align: right;
  }
  
  .site {
      background-color: var(--darker-color);
      border: 3px solid var(--accent-color);
      color: var(--off-white);
  }

  Pages using this styling

  • bystander-s-guilt [info]

  ¶ 1 occurrence
  

  sup {
  
  vertical-align: top; position: relative; top: -0.5em;
  }
  @media (max-width: 1635px) {
     .desktop-only{ display: none; visibility:hidden }
  }
  .CS-title {
      font-family: 'alpha_echoregular';
  }
  #page-content .collapsible-block .collapsible-block-link {
      font-size: 2em;
  }
  
  blockquote {
  border-radius: 10px; border:dashed 1px #444444; background:#F5F5F5; width:96.5%; padding:10px; margin:0 0 16px 0;
  }

  Pages using this styling

  • butterfly-squad-roster [info]

  ¶ 1 occurrence
  

  }
   
  #search-top-box-input {
      border: solid 1px #3B5C0A;
      color: #3B5C0A !important;
      background-color: #a3c162;
  }
   
  #search-top-box-input:hover,
  #search-top-box-input:focus {
      background-color: #d1ed9a;
  }
   
  #search-top-box-form input[type=submit] {
      border: solid 1px #3B5C0A;
      color: #ffffff;
      background: #3B5C0A;
  }
   
  #search-top-box-form input[type=submit]:hover,
  #search-top-box-form input[type=submit]:focus {
      border: solid 1px #3B5C0A;
      background: #c8e293;
      color: #3B5C0A;
  }
  }
  .page-rate-widget-box .rate-points,
  .page-rate-widget-box > *,
  .rate-box-with-credit-button {
      background-color: #3B5C0A!important;
  }
   
  .page-rate-widget-box .rateup a:hover,
  .page-rate-widget-box .ratedown a:hover,
  .page-rate-widget-box .cancel a:hover {
      background: #3B5C0A;
  }
  div.page-rate-widget-box .rate-points {
      background-color: #a3c162;
      border: solid 1px #3B5C0A;
  }
  .page-rate-widget-box .rateup,
  .page-rate-widget-box .ratedown {
      background-color: #d1ed9a;
      border-top: solid 1px #3B5C0A;
      border-bottom: solid 1px #3B5C0A;
  }
  .page-rate-widget-box .rateup a,
  .page-rate-widget-box .ratedown a {
      background: transparent;
      color: #a3c162;
  }
  .page-rate-widget-box .rateup a:hover,
  .page-rate-widget-box .ratedown a:hover {
      background: #a3c162;
      color: #3B5C0A;
  }
  .page-rate-widget-box .cancel {
      background: transparent;
      background-color: #a3c162;
      border: solid 1px #3B5C0A;
  }
  .page-rate-widget-box .cancel a {
      color: #f1fff0;
  }
  .page-rate-widget-box .cancel a:hover {
      background: #c8e293;
      color: #f1fff0;

  Pages using this styling

  • butterfly-delusions [info]

  ¶ 1 occurrence
  

  /* HEADER */
  #header {
      background-image: url(https://upload.wikimedia.org/wikipedia/commons/0/0c/Butterfly_Garden_NBG_1_LR.jpg);
  }
  #page-title {display: none;}

  Pages using this styling

  • butterfly-delusions [info]

  ¶ 1 occurrence
  

  :root {
      --header-title: "Butterfly Delusions";
      --sp_header-height: 21.75rem;
      --sp_header-logo: url(https://upload.wikimedia.org/wikipedia/commons/d/d6/Blue_Butterfly_Barnstar.svg);
      --sp_header-logo-size: 6.25rem;
      --sp_header-logo-adaptive-size: min(var(--sp_header-logo-size), calc(var(--sp_header-logo-size)*0.575 + 5vw));
  }
  }
   
  #header h2 span {
      color: transparent;
      text-shadow: none;
      font-family: sans-serif;
  }
  #header h2 span::before {
      content: "🦋🦋🦋🦋🦋🦋";
      color: #ffffff;
      text-shadow: 1px 1px 1px rgba(0,0,0,.8);
      background: transparent;
      padding: 5px 11px 5px 10px;
  }

  Pages using this styling

  • butterfly-delusions [info]

  ¶ 1 occurrence
  

  /*RECOLOR THE LINKS */
  a {
      color: #148c14;
  }
   
  a.newpage {
      color: #148c14;
  }
   
  a:visited {
      color: #0a8208;
  }
   
  blockquote,
  div.blockquote {
      border-color: #dcf2b0;
      background-color: #dcf2b0;
      color:#3B5C0A;
  }
  }
   
  #side-bar a,
  #interwiki a{ 
      color: #148c14;
  }
   
  #side-bar .side-block,
  #interwiki .side-block {
      padding: 10px;
      border: 2px solid #3B5C0A;
      border-radius: 1px;
      box-shadow: none !important;
      background: #DCF2B0;
      margin-bottom: 15px;
      color: black;
  }
  }
   
  #interwiki .menu-item img {
      filter: hue-rotate(100deg);
  }
   
  #side-bar .heading,
  #interwiki .heading {
      color: #3B5C0A;
      border-bottom: dotted 1px #3B5C0A;
      font-size: 10pt;
  }

  Pages using this styling

  • butterfly-delusions [info]

  ¶ 1 occurrence
  

  div#header h1 a span {
      font-size: 0px;
  }
  div#header h1 a:before {
      content: "Site-433";
      color: #eee;
      
  }
  div#header h2 span {
      font-size:0px;
      padding: 4px;
  }
  div#header h2:after {
      content: "Anart and Anomalous Media";
      font-weight: bold;
      color: #f0f0c0;
      padding: 19px 0;
      text-shadow: 1px 1px 1px rgba(0, 0, 0, .8);
      white-space: pre;
  }
  
  #header {
    background-image: url(http://scp-sandbox-3.wdfiles.com/local--files/harry-blank-7/433.png)
  }
  
  .footnotes-footer{
  display:none;
  }

  Pages using this styling

  • but-a-dream [info]

  ¶ 1 occurrence
  

   :root {
      /* == TITLES == */
      --header-subtitle: "No Hiding in the Shadows Anymore";
  }

  Pages using this styling

  • bury-the-light [info]

  ¶ 1 occurrence
  

  
  :root {
  --min-font-size: 0.9375rem;
  --max-font-size: 0.9375rem;
  }
  
  #page-content p {
  text-align: justify;
  margin-top: .6em;
  margin-bottom: 1.35em;
  }
  
  #main-content hr {
  width:33%;
  border-bottom: 1px solid black;
  margin: auto;
  }
  
  .related-flex {
      display: flex;
      justify-content: center;
  }
  .related {
      box-shadow: 0px 0px 8px 4px rgba(0, 0, 0, 0.7);
      background: #191919;
      padding: 0 1em;
      margin: 1em 0;
  }
  
  div #page-title {
  display: none;
  }
  
  .licensebox p {
  display: block;
  text-align: left !important;
  }
  
  div.page-rate-widget-box .rate-points {
      background-color: white;
      border: none;
  }

  Pages using this styling

  • burger [info]

  ¶ 1 occurrence
  

  /* HEADER */
   :root{
     --header-title: "‘PATAPHYSICS DEPT.";
     --header-subtitle: "WRITING OUR OWN DESTINY";
     --titleColor: hsl(0, 0%, 91%);
     --subtitleColor: hsl(0, 0%, 91%);
     --lgurl: url(https://scp-wiki.wikidot.com/local--files/theme:pataphysics/pataphysicslogo-ani.svg);
  }
  
   #page-title{
       display: none;
  }
  
   #header::before{
       opacity: .7;
  }
  
   #header h1 a::before{
       text-shadow:
            -1.75px -1.75px hsl(0, 0%, 5%),
            0       -1.75px hsl(0, 0%, 5%),
            1.75px  -1.75px hsl(0, 0%, 5%),
            1.75px   0   hsl(0, 0%, 5%),
            1.75px   1.75px hsl(0, 0%, 5%),
            0        1.75px hsl(0, 0%, 5%),
            -1.75px  1.75px hsl(0, 0%, 5%),
            -1.75px  0   hsl(0, 0%, 5%);
  }
  
   #header h2::before{
       text-shadow:
            -1px -1px hsl(0, 0%, 5%),
            0    -1px hsl(0, 0%, 5%),
            1px  -1px hsl(0, 0%, 5%),
            1px   0   hsl(0, 0%, 5%),
            1px   1px hsl(0, 0%, 5%),
            0     1px hsl(0, 0%, 5%),
            -1px  1px hsl(0, 0%, 5%),
            -1px  0   hsl(0, 0%, 5%);
  }
  
   #header-extra-div-1::before{
       display: none;
  }
  
  /* GENERAL */
   .THEY{
       font-family: "Georgia", serif;
       font-weight: bold;
  }
  
   .heather{
       color: hsl(332, 93%, 44%);
       font-weight: bold;
       word-break: unset;
  }
  
   .johnny{
       font-weight: bold;
       word-break: unset;
  }

  Pages using this styling

  • buggy-hardware [info]

  ¶ 1 occurrence
  

   blockquote:nth-of-type(2n),
   div.blockquote:nth-of-type(2n) {
      background: hsl(0, 0%, 91%);
  }

  Pages using this styling

  • broken-masquerade-hub [info]

  ¶ 1 occurrence
  

  @import url("https://use.typekit.net/tqr1skr.css");
  @import url('https://fonts.googleapis.com/css?family=Playfair+Display:700|Poppins:400,600&display=swap');
  @import url("https://fontlibrary.org/face/comic-neue");
  
  /* WANDERERS' CSS */
  .border{
      box-sizing: border-box;
      padding: .85em 0;
  
      color: #FFDB5A;
      background-color: rgb(45, 70, 45);
      border: 2vw solid rgba(0,0,0,0.5);
      border-radius: 3vw;
      border-image: url(https://wanderers-library.wdfiles.com/local--files/component%3Adustjacket-theme/wl_border.png) 600 round;
      border-image-width: 6;
  }
  .border a{
      padding-bottom: 2px;
  
      color: #FFDB5A;
      border-bottom: 1px solid #FFDB5A;
  
      text-decoration: none;
  }
  .border a:hover{
      border-bottom: 2px solid #FFDB5A;
  
      font-weight: bold;
      letter-spacing: 0;
      text-decoration: none;
  }
  .h2{
      margin: .43em 0 .34em;
      padding: 0;
  
      font-size: 150%;
      font-family: 'adelle-sans', sans-serif;
      letter-spacing: 1px;
      word-break: unset;
  }
  
  /* REDDIT */
  .reddit-post{
      margin: .43em; 
      padding: 0 .85em;
  
      background-color: #fcfcfb; 
      border: 1px solid #b5b3ac; 
  
      font-family: verdana,arial,sans-serif;
      overflow: hidden;
  }
  
  /* PITCHFORK */
  .pitchfork-header{
      line-height: 38.1px;
      font-size: 260%; 
      font-family: 'Playfair Display', serif; 
      font-weight: 700; 
  }
  
  /* dado */
  div.dado{
     padding: 0;
  
     color: #000;
     font-size: 150%;
     font-family: 'ComicNeueAngularRegular', 'MS Comic Sans', 'Comic Sans', sans-serif;
  }
  
  /* BLOCKQUOTE LINK FIX */
   blockquote a, div.blockquote a{
       color: hsl(9, 78%, 33%);
  }
   blockquote a:hover, div.blockquote a:hover, 
   blockquote a:active, div.blockquote a:active,
   blockquote a:visited, div.blockquote a:visited{
      color: hsl(11, 82%, 23%);
  }

  Pages using this styling

  • broken-masquerade-epistolary [info]

  ¶ 1 occurrence
  

  :root {
  --header-title: "SCP: North Star";
  --header-subtitle: "Chapter 0 - Initiation";
  --lgurl: url('http://scp-wiki.wikidot.com/local--files/brink-of-hysteria/delta-4-splash.png');
  }

  Pages using this styling

  • brink-of-hysteria [info]

  ¶ 1 occurrence
  

   #header,
   div#header{
       background-image: none;
  }
  #header h1 a::before {
      content: " ";
  }
  #header h2{
      display: none;
  }
  
  div.blockquote {
     border: 1px solid;
  }

  Pages using this styling

  • brings-the-hunt [info]

  ¶ 1 occurrence
  

  :root {
      --header-title: "SoCal Petroleum";
      --header-subtitle: "Supplying Cars their Power";
  
      --sp_header-logo: url(https://scp-wiki.wdfiles.com/local--files/brighton-high/Car%20Foundation%20Logo%20FINAL.png);
      --sp_header-logo-size: 6.25rem;
      --sp_header-logo-adaptive-size: min(var(--sp_header-logo-size), calc(var(--sp_header-logo-size)*0.575 + 5vw));
      --sp_header-height: 8.75rem;
  }
  
  .scp-image-block.block-right { margin: 1em 2em 1em 1em; }
  
  #page-title{display:none}
  
  .footnotes-footer { 
      visibility: hidden; 
      height: 0;
      padding: 0;
      margin: 0;
  }
  
  .skin_note {
      background: #fffff0;
      background-size: 400px;
      background-position: center;
      background-repeat: no-repeat;
      box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
      width: 75%;
      min-height: 4rem;
      margin-left: auto;
      margin-right: auto;
      padding: 1px 15px;
      word-break: break-word;
  }
  
  /* ==== 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: 1em;
      border-color: hsl(0, 0%, 60%);
  }
  
  

  Pages using this styling

  • brighton-high [info]

  ¶ 1 occurrence
  

  div#u-adult-warning {
      width: auto;
      text-align: start;
      font-weight: normal;
      h2 { font-weight: bold; text-align: center; }
  }

  Pages using this styling

  • bright-works-message [info]

  ¶ 1 occurrence
  

  :root {
  --header-title: "SCP: North Star";
  --header-subtitle: "Phase 1 - Humans and Horrors";
  --lgurl: url('http://scp-wiki.wikidot.com/local--files/bright-sunny-south-part-2/Omega7-splash.png');
  }

  Pages using this styling

  • bright-sunny-south-part-2 [info]

  ¶ 1 occurrence
  

  :root {
  --header-title: "SCP: North Star";
  --header-subtitle: "Chapter 1 - Humans and Horrors";
  --lgurl: url('http://scp-wiki.wikidot.com/local--files/bright-sunny-south-part-1/Omega7-splash.png');
  }

  Pages using this styling

  • bright-sunny-south-part-1 [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Rubik+Glitch&display=swap');

  Pages using this styling

  • breakneck [info]

  ¶ 1 occurrence
  

  
  .disk {
  font-family: "Microsoft Sans Serif";
  border: #DFDFDF outset 2px;
  background-color: #C0C0C0;
  color: black;
  color: #000;
  padding: 15px;
  }
  

  Pages using this styling

  • breaking-on-a-floppy-disk [info]

  ¶ 1 occurrence
  

  @import url(http://scp-int-sandbox.wikidot.com/breaddddd2/code/1);
  
  div.gallery-box {
  
      display: grid;
  
      grid-template-columns: repeat(auto-fill, minmax(min(calc(7.5rem), 100%), 1fr));
  
      gap: 1em;
  
      justify-content: center;
  
      width: max-content;
  
      margin: 1em auto;
  
      overflow: unset;
  
  }
  
  
  
  div.gallery-item[class] {
  
      border: none;
  
      margin: auto;
  
      padding: 0.25em;
  
      width: max-content;
  
      height: max-content;
  
  }
  
  
  
  div.gallery-item :where(table, tbody, tr, td) {
  
      display: contents;
  
  }
  
  
  
  div.gallery-box a {
  
      display: flex;
  
      align-items: center;
  
      justify-content: center;
  
      width: 7.5rem;
  
      height: 7.5rem;
  
      background-color: rgb(255, 255, 255);
  
      border: 0.1rem rgb(225, 225, 225) solid;
  
      box-sizing: border-box;
  
      margin: auto;
  
      outline: 0 rgb(187, 0, 17) solid;
  
      transition: all 125ms linear;
  
  }
  
  
  
  div.gallery-box a:where(:hover, :focus) {
  
      outline-width: 0.2rem;
  
      transform: scale(1.5);
  
  }

  Pages using this styling

  • breaddddd-art-1-2 [info]

  ¶ 1 occurrence
  

  @import url(http://scp-int-sandbox.wikidot.com/breaddddd2/code/1);

  Pages using this styling

  • breaddddd-art-1 [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Vollkorn&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Atkinson+Hyperlegible&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Source+Code+Pro&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Ubuntu+Mono&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Open+Sans&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=RocknRoll+One&display=swap');
  .wizard {
    color: #BD1E1E;
    font-family:  'Open Sans', sans-serif;
  }
  
  .hana {
    color: #422B24;
    font-family: 'Atkinson Hyperlegible', sans-serif;
  }
  
  .boss {
    color: #721D6C;
    font-family: 'Vollkorn', sans-serif;
  }
  
  .tomi {
    color: #3066BE;
    font-family: 'Ubuntu Mono', sans-serif;
  }
  
  .nanami {
    color: #D58936;
    font-family: 'Source Code Pro', sans-serif;
  }
  
  .momoko {
    color: #00A676;
    font-family: 'RocknRoll One', sans-serif;
  }

  Pages using this styling

  • brc-cast-24-a-nice-content-farm-upstate [info]

  ¶ 1 occurrence
  

  @import url("http://scp-wiki.wikidot.com/local--code/component:laruepost/1");
  @import url('https://fonts.googleapis.com/css?family=Gochi+Hand|Source+Sans+Pro&display=swap');

  Pages using this styling

  • brain-stew [info]

  ¶ 1 occurrence
  

  
  @import url('https://fonts.googleapis.com/css2?family=Teko:wght@300..700&display=swap');
  @import url('http://scpko.wdfiles.com/local--files/unfont/UnDinaru.css');
  @import url('https://fonts.googleapis.com/css2?family=Space+Mono:ital,wght@0,400;0,700;1,400;1,700&display=swap');
  
  @font-face {
      font-family: 'JalnanGothic';
      src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_231029@1.1/JalnanGothic.woff') format('woff');
      font-weight: normal;
      font-style: normal;
  }
  
  @font-face {
      font-family: 'KIMM_Bold';
      src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2212@1.0/KIMM_Bold.woff2') format('woff2');
      font-weight: 700;
      font-style: normal;
  }
  
  .box a, .box a:visited, .box a.newpage {
    color: unset;
    transition: color 0.2s;
    word-break: keep-all;
    position: relative;
    z-index: 2;
  }
  
  .box:hover a {
    color: var(--aclr);
    transition: color 0.2s;
  }
  
  .box a:hover, .box a:visited:hover, .box a.newpage:hover,
  .box a:hover span, .box a:visited:hover span, .box a.newpage:hover span {
    text-decoration: underline;
  }
  
  .box a::before {
    content: "";
    display: inline-block;
    position: absolute;
    top: max(-10%, -15px);
    bottom: min(10%, 15px);
    left: 0;
    right: 100%;
    transition: right 0.2s;
    background: var(--abg);
    z-index: -1;
  }
  
  .box:hover a::before {
    right: 0;
    transition: right 0.2s;
  }
  
  span.goc a {
    white-space: nowrap;
  }
  
  .padder {
    padding: 5px 15px;
    box-sizing: border-box;
  }
  
  .file-header th, .file-header td {
    text-align: center;
    padding: 10px 30px;
    word-break: keep-all;
  }
  
  .file-header th {
    background: rgba(255,255,255,0.5);
  }
  
  .file-header td {
    background: rgba(255,255,255,0.8);
  }
  
  .left {
    float: left;
    clear: unset !important;
    width: 300px;
    min-width: 50%;
    max-width: 100%;
  }
  
  .right {
    position: relative;
    float: right;
    clear: unset !important;
    width: 45%;
    min-width: 150px;
    max-width: 70% !important;
    padding-left: 85px;
    box-sizing: border-box;
  }
  
  .right::before {
    position: absolute;
    top: 0;
    left: 3px;
    line-height: 1.6;
    letter-spacing: -1.2px;
  }
  
  .return::before {
    content: "- Return:";
  }
  .input::before {
    content: "- Input:";
  }
  .output::before {
    content: "- Output:";
  }
  .warning::before {
    content: "- Warning:";
  }
  .item::before {
    content: "- Item:";
  }
  
  .left p {
    margin-top: 0;
    margin-bottom: 5px;
    letter-spacing: -1.2px;
  }
  
  .right p {
    word-break: break-all;
    margin-top: 0;
    margin-bottom: 10px;
    letter-spacing: -1.2px;
  }
  
  .left p, .left span, .right:not(.filename) p, .right span {
    word-break: keep-all;
  }
  
  @media (min-width: 664px) {
    .longleft {
      margin-top: 20px;
    }
  }
  
   .alt-blockquote {
      margin: 1rem 3rem;
      padding: 0 1rem;
      background: hsl(0, 0%, 96%);
      border: 1px solid hsl(0, 0%, 60%);
      border-radius: 1rem;
  }
  

  Pages using this styling

  • bowegate [info]

  ¶ 1 occurrence
  

   :root{
      --logo-image: url(https://scp-wiki.wdfiles.com/local--files/cotsk-hub/cotsk.png);
      --header-title: "The Scarlet King";
      --header-subtitle: "War in Heaven";
  }

  Pages using this styling

  • book-of-the-fall [info]

  ¶ 1 occurrence
  

  :root {
  }
   
  /* HEADER TITLE */
   
  #header h1 {
      margin-left: 0;
      float: none;
      text-align: center;
      position: absolute;
      width: 100%;
      filter: none;
      content: "";
  }
   
  #header h2 {
      margin-left: 0;
      float: none;
      text-align: center;
      position: absolute;
      width: 100%;
      filter: none;
      content: "";
  }
   
  #header h1 a {
      content: "";
      max-height: initial;
      display: block;
      height: 17rem;
      width: auto;
      margin: auto;
      margin-top: 1.3rem;
      padding: 0;
      color: transparent;
      text-shadow: none;
      filter: none;
  }
   
  #header h1 a::before {
      content: "The Daevite Empire";
      font-family: "Pirata One", system-ui;
      font-weight: 400;
      font-style: normal;
      color: transparent;
      background-image: linear-gradient(to right, #BF953F, #FCF6BA, #B38728, #FBF5B7, #AA771C);
      background-clip: text;
      font-size: 73px;
      position: relative;
      text-shadow: none;
      paint-order: stroke fill;
      -webkit-text-stroke: 2px #552901;
      display: inline-flex;
      justify-content: center;
      align-items: center;
      aspect-ratio: 1 / 1;
      width: 100%;
      height: 18rem;
  }
   
  @media (max-width: 767px) {
      #header h1 a::before {
          content: "The Daevite Empire";
          font-size: 53px;
          -webkit-text-stroke: 1px #552901;
      }
  }
   
  @media (max-width: 430px) {
      #header h1 a::before {
          font-size: 3rem;
      }
  }
   
  /* HEADER SUBTITLE */
   
  #header h2 span {
      position: relative;
      display: block;
      line-height: 0px;
      font-weight: bold;
      color: transparent;
      text-shadow: none;
      filter: none;
      padding: 0;
      max-height: initial;
      display: block;
      height: 17rem;
      width: auto;
      margin: auto;
      margin-top: 1.3rem;
      z-index: -5;
  }
   
  #header h2 span::before {
      content: "Ḳofá, Pev́a, Malor";
      text-shadow: none;
      font-family: "Uncial Antiqua", system-ui;
      font-weight: 400;
      font-style: normal;
      font-size: 23px;
      position: relative;
      color: #e9d995;
      paint-order: stroke fill;
      -webkit-text-stroke: 3px #552901;
      display: inline-flex;
      justify-content: center;
      align-items: center;
      aspect-ratio: 1 / 1;
      width: 100%;
      height: 25rem;
  }
   
  @media (max-width: 767px) {
   
      #header h2 span::before {
          content: "Ḳofá, Pev́a, Malor";
          font-size: 15px;
          height: 22rem;
      }
  }
   
  /* HEADER TITLE ON MOBILE */
   
  @media (max-width: 380px) {
      #header h1 a::before {
          font-size: 45px;
      }
      #header h2 span::before {
          font-size: 14px;
      }
  }
  #header {
      height: 21rem;
      position: relative;
      z-index: 10;
      background-image: none;
      padding-bottom: 25px;
      width: 100%;
      margin: 0 auto;
  }
   
  #header-extra-div-1 {
      position: relative;
      background-image: url('https://scp-wiki.wikidot.com/local--files/art:doctors-of-the-church-hub/Chaos-Insurrection.svg');
      background-repeat: no-repeat;
      background-size: 15rem;
      background-position: 50% 50%;
      width: 50%;
      margin-left: 0;
      padding: 0;
      height: 23rem;
      z-index: -6;
      left: -18%;
  }
   
  div#extrac-div-3 {
      background-image: url('https://scp-wiki.wdfiles.com/local--files/theme:holy-theme/espada.png');
      background-repeat: no-repeat;
      background-size: 10rem;
      background-position: 94% 93%;
      width: 100%;
      margin-right: 0;
      padding: 0;
      height: 21rem;
      z-index: -10;
      left: -14%;
      top: 3%;
      display: block;
      position: absolute;
  }
   
  @media (max-width: 767px) {
      #header-extra-div-1 {
          left: 0;
          margin: 0 auto;
          background-position: 50% 50%;
          background-size: contain;
          filter: brightness(60%);
      }
   
      #header-extra-div-2 {
          display: none;
      }
   
      div#extrac-div-3 {
          display: none;
      }
  }
   
  div#extrac-div-1 {
      background-image: url(https://scp-wiki.wikidot.com/local--files/art:doctors-of-the-church-hub/Daevite-Empire.svg);
      background-position: top center;
      background-size: cover;
      background-repeat: no-repeat;
      display: block;
      position: fixed;
      top: 0;
      left: 0;
      height: 400px;
      width: 100%;
      z-index: -13;
  }
   
  div#extrac-div-2 {
      background-image: url(https://scp-wiki.wdfiles.com/local--files/theme:holy-theme/castillo.webp);
      background-position: top center;
      background-repeat: repeat-x;
      height: 6rem;
      display: block;
      position: absolute;
      top: 275px;
      left: 0;
      height: 300px;
      width: 100%;
      z-index: -7;
  }
   
  div#extra-div-3 {
      background-image: url(https://scp-wiki.wdfiles.com/local--files/theme:holy-theme/fondo.png);
      background-position: center center;
      background-repeat: repeat;
      height: 100%;
      display: block;
      position: absolute;
      top: 400px;
      left: 0;
      width: 100%;
      z-index: -9;
  }
   
  div#container-wrap {
      background: none;
  }
  
  .email-example .collapsible-block-folded a.collapsible-block-link {
      animation: blink 0.8s ease-in-out infinite alternate;
  }
  @keyframes blink {
      0% { color: transparent; }
      50%, 100% { color: #b01; }
  }
  .email {border: solid 2px #000000; width: 88%; padding: 1px 15px; margin: 10px; box-shadow: 0 1px 3px rgba(0,0,0,.5)}
  .email-example a.collapsible-block-link {font-weight: bold;}
  .tofrom {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px maroon}
  

  Pages using this styling

  • book-of-the-daeva [info]

  ¶ 1 occurrence
  

   :root{
      --logo-image: url(https://scp-wiki.wdfiles.com/local--files/cotsk-hub/cotsk.png);
      --header-title: "The Scarlet King";
      --header-subtitle: "All of Creation Shall Burn";
  }

  Pages using this styling

  • book-of-dominion [info]

  ¶ 1 occurrence
  

  .tag-buttons {
      padding: 0px;
      display: flex;
      align-items: flex-start;
      flex-wrap: wrap
  }
  .sort-buttons {
      padding: 0px;
      display: flex;
      align-items: flex-start;
      flex-wrap: wrap;
      justify-content: space-around
  }
  .tag-buttons a[href$="scp"] { display: none; }
  .tag-buttons a, .sort-buttons a {
      display: block;
      color: white;
      padding: 5px;
      margin: 5px;
      font-size: small
  }
  
  .tag-buttons a {
      background-color: #ab0303
  }
  .sort-buttons a {
      background-color: #4d0606
  }
  
  .description > .preview {
      display: block;
      padding: 0px
  }
  
  .rating-info {
      display: flex  
  }
  
  .info-area p {
      margin: 0px
  }

  Pages using this styling

  • booblesnoot-author-page [info]

  ¶ 1 occurrence
  

  
  .bold{
    font-weight: bold;
  }
  
  .infobox {
   display:inline-box;
   overflow:hidden;
   position:fixed;
   right: 4em;
   top: 12em;
   width: 12em;
   min-width: 10px;
   height:30%;
   padding:1%;
   float:top;
   box-shadow: 0px 4px 8px 0 rgba(0, 0, 0, 0.2), 0px 6px 20px 0 rgba(0, 0, 0, 0.19);
   background-color:#ffffff;
   opacity: 1;
   transition: all 0.5s ease-out;
   border-radius: 25px;
  }
  
  .preview{
   color:grey;
   width:100%;
   display: inline-block;
   padding-left:1%;
   transition: box-shadow 1s ease-out;
  }
  
  .preview:hover{
   box-shadow: 0px 4px 10px 0 rgba(0, 0, 0, 0.19);
   transition: box-shadow 0.3s ease-out;
  }
  
  .preview.yes:hover, .preview.true:hover{
    background: url('http://www.scp-wiki.net/local--files/calibri-s-mega-cool-art-page-it-s-mostly-just-icons-but-what/BlueJones%20SPC%20Logo') 80% 50% fixed no-repeat;
  }
  
  .preview .span {
   opacity: 0;
   pointer-events: none;
   transition: all 0.3s ease-in-out;
   text-overflow:ellipsis;
   position:fixed;
   z-index: 11;
   right: 1em;
   bottom: 2em;
   width:21%;
   width: calc(50vw - 520px);
   min-width: 250px;
   height:23%;
   padding:1%;
   float:top;
   color:grey;
   text-size:0.9em;
   font-family:Segoe UI Light,Verdana,sans-serif;
  }
  
  .preview:hover .span {
   opacity: 1;
   background-color:#ffffff;
  }
  
  .collab-header{
   display:none;
  }
  
  .imagepre{
   background:#fff;
   max-width:80%;
   position:absolute;
   right: 1em;
   bottom:calc(100% - 1em);
   box-shadow: 0px 4px 8px 0 rgba(0, 0, 0, 0.2), 0px 6px 20px 0 rgba(0, 0, 0, 0.19);
  }
  
  .sortbar.no{
  display:none
  }
  
  @media screen and (max-width:992px) {
      .preview .span{
       display: none;
      }
      .infobox {
          display: none;
       position: relative;
       margin: 1em auto;
       right: 0;
       bottom: 0;
      }
  }
  
  @media screen and (min-width:992px) {
      .rate {
          display: none;
      }
  }
  
  #page-options-container {
   background: transparent;
   position: relative;
   z-index: 10;
  }
  
  #action-area { position: relative; z-index: 20; }
  
  .collab-header{
   display:initial;
  }
  
  .written_by.\{\$written_by\} {display: none;}
  
  .collabnote.\{\$note\} {display: none;}
  

  Pages using this styling

  • bluejones-aquatic-author-page [info]

  ¶ 1 occurrence
  

  
  :root {
      --header-title: "The Foundation";
      --header-subtitle: "We'll be back shortly";
  }
  
  div.blockquote {
      margin: 1em 0em;
  }
  

  Pages using this styling

  • blue-cypress-lakeshore [info]

  ¶ 1 occurrence
  

  :root {
      --logo-image: url("https://scp-wiki.wikidot.com/local--files/grigori-karpin-s-author-page/vanguard%20transparent.png");
      --header-title: "ANGUARD";
      --header-subtitle: "SHELTER - NORMALIZE - INFORM";
      --header-h2-font-size: 1.1em;
  }
  
  #header::before {
      left: -9.5rem;
      filter: brightness(125%);
      opacity: 1;
  }
  
  #header h1 a::before {
      font-size: unset;
  }
  
  #header h2::before {
      color: #fe4;
  }
  
  #header h2 {
      top: 1em;
  }
  
  #header #login-status {
      left: -2vw;
  }
  
  @media (max-width: 767px) {
      #header::before {
          left: -7rem;
      }
  
      #header h1 {
          top: 0.5em;
          left: 0.5em;
      }
  }
  
  #page-title {
      display: none;
  }
  
  .page {
      display: block;
      overflow: hidden;
      font-family: "Monotype Corsiva", "Bradley Hand ITC", sans-serif;
      font-style: normal;
      background-attachment: scroll;
      background-clip: border-box;
      background-color: transparent;
      background-image: linear-gradient(to top ,rgb(202, 219, 228) 0%, rgb(231, 233, 220) 8%);
      background-origin: padding-box;
      background-position: 0px 8px;
      background-repeat: repeat;
      background-size: 100% 20px;
      border: 1px solid #CCC;
      border-radius: 10px;
      padding: 10px 10px;
      margin-bottom: 10px;
      box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2)
  }
  .page p,
  .page ul {
      line-height: 20px;
      margin: 0;
  }

  Pages using this styling

  • blue-blooded-blues [info]

  ¶ 1 occurrence
  

  span[data-descr]{
      position: relative;
      cursor: help;
  }
  
  span[data-descr]:hover::after,
  span[data-descr]:focus::after{
      content: attr(data-descr);
  position: relative;
  font-style: italic;
  left: 0;
  top: 24px;
  min-width: 200px;
  border: 1px var(--accentColor) solid;
  border-radius: 10px;
  padding: 12px;
  color: var(--textColorHigh);
  background-color: var(--bgColor);
  font-size: 14px;
    z-index: 1;
  }

  Pages using this styling

  • bloody-mary-on-a-cross [info]

  ¶ 1 occurrence
  

  #page-title {font-style: italic;}

  Pages using this styling

  • blood-without-forme [info]

  ¶ 1 occurrence
  

  .info {
    font-style: italic;
    margin-left: 5%;
  }

  Pages using this styling

  • blood-red-summer-hub [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.bunny.net/css?family=Pinyon+Script');
  @import url('https://fonts.bunny.net/css?family=Cinzel');
  
  :root { --body-font: 'Noto Sans Cuneiform', 'Inter', 'Arial', sans-serif;
    --header-height: clamp(10rem,55vmin,30rem);
    --header-image: url("https://scp-wiki.wikidot.com/local--files/bleep-s-onyx-proposal/Cassandra%2520in%2520Eurtec.webp");
    --footer-image: url("https://scp-wiki.wikidot.com/local--files/bleep-s-onyx-proposal/Cassandra%2520in%2520Eurtec.webp");
  }
  
  #footer, #extrac-div-1, #extrac-div-1 span {
      background-image: var(--footer-image);
      background-size: 100vmax;
      background-attachment: fixed;
      background-position: bottom;
      height: clamp(10rem,55vmin,50rem);
      background-repeat: no-repeat;
  }
  
  #extra-div-1 {
      background-position: top;
  }
  
  #main-content {
      word-wrap: normal;
      overflow-x: hidden;
      overflow-y:hidden;
  }
  
  .danke {
      padding: 5px;
      font-family: monospace;
      font-size: 1.1em;
      margin: 1.5em;
  }
  
  .Moose {
      background-color:#010a01;
      border: 3px solid #b695b3;
      color: #CF9FFF;
  }
  
  .containercontainer {
  position: relative;width: auto;height: auto;border: 2px solid #666;background: #141212;color: #3F3;margin-top: 1em;margin-bottom: 1em;
  }
  
  .containercontainer .container .overlay {
  background: rgba(51, 255, 51, 0.9);color: #121010;position: absolute;width: auto;height: 50px;top: 0;right: 0;bottom: 0;left: 0;margin: auto;line-height: 50px;display: inline;vertical-align: middle;font-family: Courier New;font-size: 30px;letter-spacing: 5px;font-weight: bolder;z-index: 3;animation: overlay-anim 10s linear;animation-fill-mode: forwards;animation-iteration-count: infinite;
  }
  
  .overlayback {
  background: rgba(187, 187, 187, 0.5);z-index: 3;position: absolute;top: 0;left: 0;bottom: 0;right: 0;width: auto;height: auto;animation: overlay-anim 10s linear;animation-fill-mode: forwards;animation-iteration-count: infinite;
  }
  
  .containercontainer .container {width: inherit;height: inherit;position: relative;overflow: hidden;
  }
  
  .containercontainer .container::after {
  content: " ";display: block;position: absolute;top: 0;left: 0;bottom: 0;right: 0;background: rgba(21, 19, 19, 0.2);opacity: 0;z-index: 2;
  }
  
  .containercontainer .container::before {
  content: " ";display: block;position: absolute;top: 0;left: 0;bottom: 0;right: 0;background: linear-gradient(rgba(18, 16, 16, 0.03) 50%, rgba(0, 0, 0, 0.45) 50%), linear-gradient(90deg, rgba(255, 0, 0, 0.22), rgba(0, 255, 0, 0.11), rgba(0, 0, 255, 0.22));z-index: 2;background-size: 100% 2px, 3px 100%;
  }
  
  .container h1,.container h2,.container h3,.container h5,.container h6 {
  color: #3F3;}.container hr {border-top: 1px dotted #3F3;border-bottom: none;
  }
  
  .container hr {
  border-top: 1px solid #3F3;border-bottom: 1px solid #3F3;color: transparent;background-color: transparent;
  }
  
  .container hr:after {
  display: block;margin-top: 2px;border-top: 1px solid #3F3;border-bottom: 1px solid #3F3;
  }
  
  .blinkbar {
  animation: blink 5s infinite; letter-spacing: -0.13em;
  }
  
  @keyframes blink{to{opacity: .0;}}@keyframes overlay-anim {0% {visibility: hidden; }10% {visibility: hidden; }11% {visibility: visible; }50% {visibility: hidden; }100% {visibility: hidden; }}
  
  .storybook {
     font-family:Philosopher;
     font-weight: 400;
     font-style: normal;
     background-image: url( http://scp-wiki.wikidot.com/local--files/scp-8166/paper-min%5B1%5D.png);
     font-size: 120%;
     box-sizing: border-box;
     border: 2vw solid rgba(0,0,0,0.5);
     border-image: url('https://scp-wiki.wikidot.com/local--files/bleep-s-onyx-proposal/wl_border.webp') 600 round;
     border-image-width: 6;
     padding: 0.5vw;
     outline: 2px solid purple;
  }
  
  .gridTOC {
      grid-template-columns: repeat(2, 1fr);
      gap: 0.4em;
      text-align: center;
      width: max-content;
      margin: auto;
  }
  
  .gridTOC p {
      margin-block-start: 0;
      margin-block-end: 0;
  }
  
  .gridTOC a {
      display: block;
      width: 100%;
      color: #10aead;
      transition: 200ms;
  }
  
  .gridTOCspec, .gridTOCdesc {
      background-color: #f2fafd;
  }
  
  .gridTOChead {
      grid-column: 1 / 3;
      grid-row: 1 / 2;
      text-decoration: underline;
      font-weight: bold;
  }
  
  .gridTOCspec {
      grid-column: 1 / 2;
      grid-row: 2 / 3;
      border-left: solid 4px #0eadac;
  }
  
  .gridTOCspec a {
      padding: 0 5px;
  }
  
  .gridTOCdesc {
      grid-column: 2 / 3;
      grid-row: 2 / 3;
      align-content: center;
      justify-items: stretch;
  }
  
  .gridTOCadd1, .gridTOCadd2, .gridTOCadd3 {
      background-color: #f2fafd;
      border-left: solid 4px #0eadac;
      display: flex;
      justify-content: center;
      align-items: center;
  }
  
  .gridTOCadd1 {
      grid-column: 1 / 2;
      grid-row: 3 / 4;
  }
  
  .gridTOCadd2 {
      grid-column: 1 / 2;
      grid-row: 5 / 7;
  }
  
  .gridTOCadd3 {
      grid-column: 1 / 2;
      grid-row: 7 / 12;
  }
  
  .gridTOCnum1, .gridTOCnum2, .gridTOCnum3 {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
  }
  
  .gridTOCnum1 {
      grid-column: 2 / 3;
      grid-row: 3 / 4;
  }
  
  .gridTOCnum2 {
      grid-column: 2 / 3;
      grid-row: 5 / 7;
  }
  
  .gridTOCnum3 {
      grid-column: 2 / 3;
      grid-row: 7 / 12;
  }
  
  .gridTOCnumb {
      background-color: #f2fafd;
      flex-basis: 30%;
      margin: 0.1em;
  }
  
  .gridTOC a:hover {
      color: #f2fafd;
      background-color: #10aead;
      text-decoration: none;
  }
  
  .gridTOCtops {
      grid-column: 1 / 3;
      grid-row: 4 / 5;
      background-color: #142f46;
      color: #f2fafd;
  }
  
  @media (max-width: 1200px) {
  .gridTOC {
      display: grid;
  }
  }
  
  .document {
      background-color: #edf8ff;
      padding: 1em;
      margin: 2em auto;
      border: solid 1px #ccc;
      border-right: 5px solid #3875a1;
      border-left: 5px solid #3875a1;
  }
  
  petitions, div.petitions {
      background-color: rgb(var(--hazy-sky));
      border: none;
      border-top: solid 0.25rem rgb(var(--lagoon-hue));
      padding: 0.25rem 1.125rem;
  }
  
  factuals, div.factual {
      background-color: rgb(var(--hazy-sky));
      border: none;
      border-bottom: solid 0.25rem rgb(var(--lagoon-hue));
      padding: 0.25rem 1.125rem;
  }
  
  notes, div.notes {
      background-color: rgb(var(--hazy-sky));
      border: none;
      border-right: solid 0.25rem rgb(var(--lagoon-hue));
      padding: 0.25rem 1.125rem;
  }
  
  report, div.report {
      background-color: rgb(var(--hazy-sky));
      border: solid 0.25rem rgb(var(--lagoon-hue));
      padding: 0.25rem 1.125rem;
  }
  
  .document .oceansail {
      background-color: #990036;
      text-align: center;
      padding: 0.5em;
      margin: 0.45rem 0;
      font-size: 0.875em;
  }
  
  .document .oceansail h1 {
      color: #FFF;
      margin: 0;
      line-height: 1.05;
  }
  
  .act {
      font-family: Grenze Gotisch;
      color: #0A0A0A;
      font-size: 8rem;
      text-align: center;
      text-decoration: underline 6px #735600;
      margin-bottom: -17rem;
      text-shadow: 4px 4px 4px #735600;
  }
  
  .sub {
      font-family: Grenze Gotisch;
      color: #0A0A0A;
      font-size: 500%;
      text-align: center;
      text-shadow: 4px 4px 4px #735600;
  }
  
  .sub2 {
      font-family: Cinzel;
      color: #0A0A0A;
      font-size: 300%;
      text-align: center;
      text-shadow: 4px 4px 4px #735600;
  }
  
  .scenesetter {
      padding-inline: 1.75rem;
      position: relative;
      padding-block: 1.25rem;
      isolation: isolate;
  }
  
  .scenesetter::before {
      content: "";
      position: absolute;
      top: 0; left: 0;
      width: 100%; height: 100%;
      background-image: var(--header-image);
      background-size: cover;
      background-position: center;
      opacity: 0.195;
      box-shadow: inset 0 0 4rem 3.25rem rgb(var(--foamy-white));
      filter: blur(1.375rem);
      z-index: -1;
  
  .mither {
      font-family: var(--header-font);
      color: green;
      font-size: 1.375em;
      line-height: 1.275;
  }
  
  .mither p { line-height: inherit; }
  
  .ultraspace {
      padding-block: 3.5rem;
  }
  

  Pages using this styling

  • bleep-s-onyx-proposal [info]

  ¶ 1 occurrence
  

  @import url(https://scp-wiki.wikidot.com/theme:magazine/code/3);
  @import url('https://fonts.bunny.net/css?family=Courier+Prime');
  @import url('https://fonts.bunny.net/css?family=Special+Elite');
  @import url('https://fonts.bunny.net/css?family=Permanent+Marker');
  :root {
  --img-chew444: var(--MASK-chew222);
      --MASK-chew_repeat: repeat;
      --MASK-chew_size:100%;
  
  
  --dark-accent:rgb(110, 100, 105);
  --page-bg:var(--color-grey);
  --accentColor:#542429;
  
  --color-red:#990314;
  --color-darkred:#6f1212;
  --color-grey:#ecebf0;
  --color-grey-pale:#eee;
  --color-grey-dark:#e0e1e1;
  --color-grey-darker:#d2d2d2;
  --color-grey-darkest:#c4c4c4;
  --swatch-primary-darker:egb(64,96,22);
  
  --color-kraft:rgb(185,137,102);
  --color-navy:rgb(20,21,39);
  --color-blue:#2c477d;
  --color-paleblue:#4e5166;
  --color-gold:#c39c52;
  --color-brown:#ead1b3;
  
  --color-light:#e8e8e8;
  --color-darkest:#000;
  --color-darker:#333;
  --color-dark:#555; 
   
      --SB_width:14rem;
      --SB-blank_right:1rem;
      --SB-blank_left:2rem;
      --SB-blank_top:6rem;
      --content-width:54rem;   
      --SB_width-total:calc(var(--SB_width) + var(--SB-blank_left) + var(--SB-blank_right));  
      --tip-bdcl:155,155,155;
      --tip-color:var(--color-grey-darker);
      --tip-deg:-45deg;
      --tip-dogear-size:1.5em;
      --tip-dogearoll-size:calc( var(--tip-dogear-size) * 1.4);
      --tip-maxwidth_PC:calc(var(--content-width, 56rem) * 0.5);
      --tip-dogearoll-margin: 0rem -0.9rem 0 0;
  }
  #page-title {
     font-size: 0pt;
  }
  #breadcrumbs {
     display: none;
  }
  div#page-content a.collapsible-block-link{
  color: #315B7D;
  font-size: 150%;
  font-weight: bold;
  font-family: "Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica;
  letter-spacing: 1px;
  }
  .scpf {
  background-color: rgba(252, 81, 48, 0.25);
  }
  .goc {
  background-color: rgba(48, 188, 237, 0.25);
  }
  .nazi {
  background-color: black;
  color: white;
  }
  /*---------- this is for the manila folder tabs -----------*/
  /*this is the top, darker brown tab background*/
  .yui-navset .yui-nav {
      border: solid #999999;
      border-width: 0px 0px 0px 0px;
      background: #ae8152;
      box-shadow: 0.2rem 0rem #ae8152;
  }
  .yui-navset .yui-nav li {
      margin: 0px 2px 0px 0px;
      padding: 0px;
  }
  .yui-navset .yui-nav .selected {
      margin: 0px 2px 0px 0px;
      padding: 0px;
  }
  .yui-navset .yui-nav li em {
      font-family: courier, monospace !important;
      font-size: 12pt;
      font-weight: bold;
  }
  /* this is the yellow manila background for the tabs*/
  .yui-navset .yui-content {
      background: #F9D986;
      border: solid 2px #000000;
      border-radius: 5px;
   box-shadow: 0.2rem 0.1rem #ae8152;
  
  }
  .yui-navset .yui-nav a em {
      padding: 0px 5px 0px 5px;
  }
  .yui-navset .yui-nav .selected a em {
      padding: 0px 5px 0px 5px;
  }
  div.yui-navset ul.yui-nav a,
  div.yui-navset div.yui-navset-top ul.yui-nav a {
      background: #f4eede;
      border: solid #000000;
      border-width: 3px 3px 1px 3px;
  }
  div.yui-navset ul.yui-nav a:hover,
  div.yui-navset ul.yui-nav a:focus {
      background: #bfc3d4;
  }
  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: #0a0037;
      border: solid 3px #ffffff;
  }
  
  /*--------- this is for the stickynote look----------*/
  /* deleted it lol */
  
  /*---------this is for the Chinese notebook div----------*/
  note-chew- [to adjust the value of the name of the rotating component] .note-paper-mid:before{
  background: #f3f3f3; /* is the same as the component background color*/
  width: 98%; /* Adjust the base color position (size), be careful not to cover the tooth marks */
  right:0rem;/* Adjust the base color position (size), be careful not to cover the tooth marks */
  Position: relative;
  content: "";
  Position: Absolute;
  z-index: -1;
  Height: 100%;
  } 
  
  /*------ this is for the paper div -----------*/
  .genblock {
      background-color: rgb(var(--printer-paper));
      background-image: url("https://scp-wiki.wdfiles.com/local--files/theme:twin-files/paper-texture.png");
      background-repeat: repeat;
      background-size: 100%;
  
      color: rgb(var(--ink-blot));
      font-family: var(--printer-paper-font);
      border: 3px solid black;
  
      border-color: rgb(var(--papers-edge));
  
      padding: 0.5em 1em 0.5em 1em;
  }
  .chew-bottom,
  .chew-top{
      --NOTEPAGE-txt_border-size:0.8em;
      --NOTEPAGE-before_area:header;
      --NOTEPAGE-after_area:footer;
      --NOTEPAGE-side_width: 100%;
     --NOTEPAGE-side_height: 1rem;
       --MASK-chew_repeat: repeat-x;
      --MASK-chew_size:14rem;
      --NOTEPAGE-before_display:none;
      --NOTEPAGE-after_display:none;
      --NOTEPAGE-header_font-size:0;
      --NOTEPAGE-footer_font-size:0;
      --ticker-font: 'Special Elite';
  
      --NOTE-quote_width:100%;
      --NOTE-quote_bg-size:3em;
      --NOTE-quote_height:3em;
       --NOTE-quote-side_clip:inset(0 0 25% 0);
     --NOTE-quote-side_position: 0em 0;
    --NOTE-quote-side_repeat:repeat-x;
  }
  /*---------- for the ticker formatting---------*/
  .ticker {
      padding: 5px 5px 1.1em 3.7em;
      font-family: var(--ticker-font);
      font-size: 95%;
      font-weight: 400;
      color: #000;
      background: repeat-y url("https://scp-wiki.wdfiles.com/local--files/theme%3Atwin-files/tickerback.png");
      background-position: center top;
      background-size: 100%;
   
      border: 2px solid #D8D6CA;
      border-style: solid solid solid;
      border-width: medium 2px 0px;
  }
  /*------------ this is for the paperclip/photograph format----------*/
  .clip-wrap div {
      max-width: 60%;
      margin: 1rem auto;
      width: 60%;
  }
  
  .clip-wrap .clip-img,
  .clip-wrap .clip-body {
      border: solid 2px rgb(var(--clip-border,0,0,0));
      background-color: rgb(var(--clip-bg, 244, 244, 244));
      box-sizing: border-box;
      position: relative;
      z-index: 0;
      padding: 0.5rem;
  }
  
  
  .clip-wrap .clip-img::before,.clip-wrap .clip-img::after,
  .clip-wrap .clip-body::before,.clip-wrap .clip-body::after {
      content:'';
      position: absolute;
      pointer-events: none;
      border: solid 0.25rem var(--color-darker);
      transform: rotate(25deg); /*this handles the rotation of the paperclip*/
  }
  
  .clip-wrap .clip-img::before,.clip-wrap .clip-img::after {
      border: solid 0.25rem var(--color-darker);
  }
  
  .clip-wrap .clip-img::before,
  .clip-wrap .clip-body::before {
    right: 0.45rem;
    height: 36px;
    width: 9px;
    top: -0.45rem;
    border-radius: 0 0 2rem 2rem;
    border-top: none;
  }
  
  .clip-wrap .clip-img::after,
  .clip-wrap .clip-body::after {
      top: -24px;
      right: -0.5rem;
      height: 16px;
      width: 14px;
      border-radius: 2rem 2rem 0 0;
      border-bottom: solid 0.55rem transparent;
      z-index: -1;
  }
  
  .clip-wrap .clip-body img,
  .clip-wrap .clip-img {
      border: 0.15rem solid var(--color-darkest);
    width: max-content;
  }
  
  .clip-wrap .clip-img::before {
    right: -0.2rem;
    top: -0.45rem;
  }
  
  .clip-wrap .clip-img::after {
      right: -0.8rem;
          height: 45px;
  }
  
  /*this is the css for the shadow surrounding the clip-img box*/
  .clip-wrap .clip-img {
      padding: 0rem;
      border: 0.12rem solid var(--color-darkest);
      box-shadow:  0px 0px 0px 3px rgba(50,50,50, 0.1), 0px 0px 0px 5px rgba(150,150,150, 0.1);
  }
  
  @media (max-width: 500px) {
  .clip-wrap{
       max-width: 100%;
  }
  .clip-wrap .clip-img::before,
  .clip-wrap .clip-body::before {
    right: 0.3rem;
    height: 1.4rem;
    width: 0.4rem;
    top: 0rem;
  }
  
  .clip-wrap .clip-img::after,
  .clip-wrap .clip-body::after {
      top: -1rem;
      right: -0.5rem;
      height: 1rem;
      width: 0.7rem;
  }
  #page-content div {
    clear: none;
  }
  

  Pages using this styling

  • black-sunrise [info]

  ¶ 1 occurrence
  

  /*
      Checkmate Theme
      [2025 Wikidot Theme]
      by Fish^12 & Queerious
  */
  
  @import url('https://fonts.bunny.net/css2?family=Tilt+Prism&display=swap');
  @import url('https://fonts.bunny.net/css2?family=Major+Mono+Display&display=swap');
  @import url('https://fonts.bunny.net/css2?family=Philosopher&display=swap');
  
  @import url('https://fonts.bunny.net/css2?family=Anton&family=Playfair+Display+SC&display=swap');
  
  @import url('https://fonts.bunny.net/css2?family=Bangers&family=Russo+One&display=swap');
  
  :root {
  --cream: #f5f5f5;
  --coal: #242424;
  
  --exofont: "Tilt Prism";
  --tetofont: "Major Mono Display";
  
  --header-title: "";
  --header-subtitle: "";
  --sp_header-logo: none;
  
  --sp_header-height: 15rem;
  --sp_top-bar-height: 2rem;
  
  --sp_top-bar-link-hover-background: var(--cream);
  --sp_top-bar-link-hover-color: var(--coal);
  --sp_dropdown-link-border: none;
  --sp_dropdown-link-color: var(--coal);
  --sp_dropdown-link-hover-color: var(--cream);
  --sp_dropdown-link-hover-background: var(--coal);
  
  --sp_rate-module-background: var(--cream);
  --sp_rate-module-text-color: var(--coal);
  --sp_rate-module-button-color: var(--coal);
  --sp_rate-module-button-background: var(--cream);
  --sp_rate-module-sub-color: var(--coal);
  --sp_rate-module-button-hover-color: var(--cream);
  --sp_rate-module-button-hover-background: var(--coal);
  
  --sp_tab-text-color: var(--coal);
  --sp_tab-background: var(--cream);
  --sp_tab-border-color: var(--cream);
  --sp_tab-selected-text-color: var(--cream);
  --sp_tab-selected-background: var(--coal);
  --sp_tab-selected-border-color: var(--coal);
  --sp_tab-hover-text-color: var(--cream);
  --sp_tab-hover-background: var(--coal);
  --sp_tab-hover-border-color: var(--coal);
  
  }
  
  #container {
      background-color: var(--cream);
  }
  #main-content {
      background-color: var(--cream);
  }
  
  #header {
  grid-template-areas:
      "login login login login login"
      ". . . . search"
      "h1 h1 h1 h1 h1"
      "h2 h2 h2 h2 h2"
      ". . . . ."
      "top-bar top-bar top-bar top-bar top-bar";
      grid-template-columns: repeat(5, 1fr);
      background-image: url("https://scp-wiki.wikidot.com/local--files/black-queen-hub/Crown%2520of%2520Flies.webp");
      background-repeat: no-repeat;
      background-position: center;
      background-size: 12em;
      background-color: var(--cream);
      transition: 200ms;
  }
  .printuser img {
      filter: grayscale(1);
  }
  .printuser img a {
      background: var(--cream);
  }
  #login-status .printuser {
      color: var(--coal);
      font-family: var(--tetofont);
      letter-spacing: 4px;
      font-weight: bold;
      text-shadow: 0 0 0 black;
  }
  #login-status {
      font-size: 14px;
      padding-right: 12px;
  }
  #login-status a {
      color: var(--cream);
      background: var(--coal);
      padding: 0 2px;
      font-family: var(--tetofont);
      letter-spacing: 4px;
      font-weight: bold;
  }
  #account-topbutton {
      border: none;
      margin-left: -4px;
      font-size: 100%;
  }
  #login-status a:hover, #account-topbutton:hover {
      text-decoration: none;
  }
  #account-options {
      border: solid 1px var(--coal);
      background: var(--cream);
      text-align: center;
      margin-right: 12px;
  }
  #account-options li a {
      color: var(--coal);
      transition: 200ms;
  }
  #account-options li:nth-child(n+3):nth-child(-n+6) a {
      text-transform: lowercase;
  }
  #account-options li a:hover {
      color: var(--cream);
      background: var(--coal);
  }
  #search-top-box {
      align-items: flex-start;
      flex-direction: row-reverse;
      flex-wrap: wrap;
      padding: 4px 12px 0 0;
      font-family: var(--tetofont);
  }
  #search-top-box-form input[type=submit] {
      background-color: var(--coal);
      background-image: none;
      color: var(--cream);
      box-shadow: none;
      border-color: var(--coal);
      border-radius: 0;
      transition: 200ms;
      letter-spacing: 4px;
      padding: 0px 5px 0px 9px;
      text-transform: lowercase;
  }
  #search-top-box-form input[type=submit]:hover {
      background-color: var(--cream);
      background-image: none;
      color: var(--coal);
      box-shadow: none;
      border-color: var(--coal);
  }
  
  #main-content .page-tags
  
   .writingguide a.collapsible-block-link {
  font-size: clamp(2.5rem, 1.842rem + 3.509vw, 5rem);
  }
       .special-col a.collapsible-block-link {
       font-family: 'Russo One';
       font-size: min(calc(0.45rem + 2.75vw), 1.625rem);
       font-weight: bold;
       display: flex;
       overflow: hidden;
       padding: 1vw;
       text-align: center;
       align-items: center;
       color: #f5f5f5;
       border-radius: 0.1em;
       background-image: linear-gradient(90deg, #3b3a2c 0%, #242424 70%);
       justify-content: center;
       width: fit-content;
       width: -moz-fit-content;
       width: -webkit-fit-content;
       margin: auto;
       transition: rgb(33, 37, 46) 0.25s linear;
  
  }
  
  .owindow {
      background-color: var(--cream);
      color: var(--coal);
  border-color: var(--coal);
  }
  .owindow .title {
      cursor: auto;
      background-color: var(--coal);
      color: var(--cream);
      text-align: center;
  font-family: var(--tetofont);
      padding: 1em;
  }
  .owindow img {
      filter: grayscale(1);
      background-color: var(--cream) !important;
  }
  
  #top-bar {
      background-image: none;
      background-color: var(--coal);
      text-transform: lowercase;
      font-family: var(--tetofont);
       letter-spacing: 0px;
  }
  #top-bar div[class*="top-bar"] > ul > li {
      flex-grow: 1;
      border: solid 3px var(--coal);
      width: 20%;
  }
  #top-bar [href*="javascript:;"] {
  
  }
  #top-bar ul li ul {
  letter-spacing: -2px;
  }
  #top-bar ul li a {
      transition: 200ms;
  }
  #top-bar .open-menu a {
      border-color: var(--coal);
      border-width: 0.1em;
      border-radius: 0;
      color: var(--coal);
      background-color: var(--cream);
  }
  #top-bar :is(.top-bar, .mobile-top-bar) ul li ul li a {
      padding: 0.5em 0.675em;
      text-align: center;
      font-weight: bold;
      background: var(--cream);
      color: var(--coal);
  }
  #top-bar :is(.top-bar, .mobile-top-bar) ul li:is(.sfhover, :hover, :focus-within) ul {
      margin-top: 0px;
      box-shadow: none;
      border: solid 3px var(--coal);
  }
  
  #top-bar :is(.top-bar, .mobile-top-bar) > ul > li > a:before, #top-bar :is(.top-bar, .mobile-top-bar) > ul > li > a:after, #top-bar ul li ul li:nth-child(odd) a:before, #account-options li:nth-child(odd) a:before, #top-bar ul li ul li:nth-child(even) a:before, #account-options li:nth-child(even) a:before, #top-bar ul li ul li:nth-child(3n) a:before, #account-options li:nth-child(3n) a:before, #top-bar ul li ul li:nth-child(odd) a:after, #account-options li:nth-child(odd) a:after, #top-bar ul li ul li:nth-child(even) a:after, #account-options li:nth-child(even) a:after, #top-bar ul li ul li:nth-child(3n) a:after, #account-options li:nth-child(3n) a:after {
      background-size: 10px 10px;
      display: inline-block;
      width: 10px;
      height: 10px;
      margin-left: 2px;
      content:"";
  }
  #top-bar :is(.top-bar, .mobile-top-bar) > ul > li > a:before, #top-bar :is(.top-bar, .mobile-top-bar) > ul > li > a:after {
      background-image: url("http://smlt.wikidot.com/local--files/fish-12:blackq/pawn.png");
  }
  #top-bar ul li ul li:nth-child(odd) a:before, #account-options li:nth-child(odd) a:before, #top-bar ul li ul li:nth-child(odd) a:after, #account-options li:nth-child(odd) a:after {
      background-image: url("http://smlt.wikidot.com/local--files/fish-12:blackq/bishop.png");
  }
  #top-bar ul li ul li:nth-child(even) a:before, #account-options li:nth-child(even) a:before, #top-bar ul li ul li:nth-child(even) a:after, #account-options li:nth-child(even) a:after {
      background-image: url("http://smlt.wikidot.com/local--files/fish-12:blackq/rook.png");
  }
  #top-bar ul li ul li:nth-child(3n) a:before, #account-options li:nth-child(3n) a:before, #top-bar ul li ul li:nth-child(3n) a:after, #account-options li:nth-child(3n) a:after {
      background-image: url("http://smlt.wikidot.com/local--files/fish-12:blackq/knight.png");
  }
  #top-bar ul li ul li:nth-child(odd) a:hover:before, #account-options li:nth-child(odd) a:hover:before, #top-bar ul li ul li:nth-child(odd) a:hover:after, #account-options li:nth-child(odd) a:hover:after, #top-bar ul li ul li:nth-child(even) a:hover:before, #account-options li:nth-child(even) a:hover:before, #top-bar ul li ul li:nth-child(even) a:hover:after, #account-options li:nth-child(even) a:hover:after, #top-bar ul li ul li:nth-child(3n) a:hover:before, #account-options li:nth-child(3n) a:hover:before, #top-bar ul li ul li:nth-child(3n) a:hover:after, #account-options li:nth-child(3n) a:hover:after {
      filter: invert(1);
  }
  
  #side-bar {
      background-color: rgba(0, 0, 0, 0.3);
  }
  #side-bar img {
      filter: grayscale(1);
      transition: 200ms;
  }
  #side-bar img:hover {
      filter: grayscale(0);
  }
  #side-bar .heading, #interwiki .heading {
      margin: 0.6rem 0 0.5rem;
      padding: 0;
      color: var(--cream);
      height: 1rem;
      display: flex;
      justify-content: space-around;
      align-items: center;
  border-bottom: solid 2px var(--cream);
      font-family: var(--tetofont);
      text-transform: lowercase;
  }
  #side-bar .menu-item {
      display: flex;
  }
  #side-bar .menu-item a {
      flex-grow: 1;
      text-align: center;
  }
  #side-bar .side-block.media, #side-bar .side-block.resources, #side-bar .side-block {
      border-radius: 0;
      background-color: var(--coal);
      box-shadow: none;
  border: solid 2px var(--cream);
  }
  
  h1, h2, h3, h4, h5 {
      font-family: var(--exofont);
      color: var(--creamy);
  }
  
  h3, h4, h5 {
  margin-bottom:-15px;
  }
  
  a, a.newpage, a:visited, #interwiki a, #side-bar a {
      color: #6c3baa;
      transition: 200ms;
  }
  a:hover, a:visited:hover, #interwiki a:hover, #side-bar a:hover {
      color: #B595D5;
  }
  
  #page-title {
      color: var(--coal);
      font-size: clamp(2.5rem, 1.842rem + 3.509vw, 5rem);
      font-family: var(--exofont);
      text-align: center;
      border-color: transparent;
      line-height: 0.8;
      margin-top: 1em;
  }
  .page-rate-widget-box {
      border-radius: 0;
      box-shadow: 5px 5px var(--coal);
  text-transform: capitalize;
  }
  
  #page-info, .page-watch-options, .page-options-bottom {
      text-align: center;
  }
  .page-options-bottom {
      margin: 0;
  }
  .page-options-bottom a, .owindow .button-bar a {
      background-color: var(--coal);
      color: var(--cream);
      text-decoration: none;
  border:solid 1px var(--coal);
  line-height: 1.1;
      font-family: var(--tetofont);
      text-transform: lowercase;
  font-weight:bold;
      transition: 200ms;
  }
  .page-options-bottom a:hover, .owindow .button-bar a:hover {
      background: var(--cream);
      color: var(--coal);
  }
  #lock-info {
      color: var(--coal);
  }
  #footer {
  background-color: var(--coal);
  }
  #license-area {
      font-size: 0.77em;
      color: white;
      margin-bottom: 16px;
  }
  #license-area a {
      color: var(--coal);
      font-weight: 700;
  }
  
  #content-wrap{
  margin:0;
  max-width:100%;
  width:100%;
  }
  #main-content{
  max-width:100%;
  width:100%;
  }
  
  .chessbanner {
  background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.5), rgba(255, 255, 255, 0.5), rgba(0, 0, 0, 0.5)), linear-gradient(45deg, black 25%, transparent 25%, transparent 75%, black 75%, black), linear-gradient(-45deg, black 25%, transparent 25%, transparent 75%, black 75%, black);
  background-size:100% 100%, 60px 60px, 60px 60px;
      min-height: 200px;
      padding: 2em;
  }
  .leftslant{
      clip-path:polygon(0 30%, 100% 0%, 100% 70%, 0% 100%);
  }
  .rightslant{
      clip-path: polygon(0 0, 100% 30%, 100% 100%, 0 70%);
  }
  .pseudomain{
  max-width:732px;
  margin:auto;
  padding:10px;
  }
  
  
  .randMod {
      padding-block-end: .001rem;
  }
  
  .randMod div[id] { display: none; }
  
  div:is(.A, .B, .C, .D, .E, .F, .G) {
      display: none;
  }
  
  .randMod div:is([id$='0']) ~ div.A {
      display: block !important;
  }
  
  .randMod div:is([id$='1']) ~ div.B, .randMod div:is([id$='2']) ~ div.B {
      display: block !important;
  }
  
  .randMod div:is([id$='3']) ~ div.C {
      display: block !important;
  }
  
   .randMod div:is([id$='4']) ~ div.D {
      display: block !important;
  }
  
  .randMod div:is([id$='5']) ~ div.E, .randMod div:is([id$='6']) ~ div.E{
      display: block !important;
  }
  
  .randMod div:is([id$='7']) ~ div.F,.randMod div:is([id$='8']) ~ div.F {
      display: block !important;
  }
  
  .randMod div:is([id$='9']) ~ div.G {
      display: block !important;
  }
  
  .storybook {
       font-family:Philosopher;
       background-image: url( https://scp-sandbox-3.wdfiles.com/local--files/black-queen-hub-revamp/8166%20paper-BW.png);
       padding:15px;
       font-size: 105%;
       border: 2px solid #000000;
  }
  
  .collapsible-block-folded a,
  .collapsible-block-unfolded-link a:not(.info-container):not(.info-container div.collapsible-block-unfolded-link):not(.info-container div.collapsible-block-folded-link):not(.info-container div.collapsible-block-unfolded):not(.info-container div.collapsible-block-folded):not(.info-container .collapsible-block-folded .collapsible-block-link):not(.info-container .collapsible-block-link) {
      transition:
          color 0.25s linear,
          text-decoration 0.5s linear;
  }
  
  .collapsible-block-folded a {
      background-color: transparent;
      color: #6c3baa;
      text-decoration: none;
  }
  
  #main-content .page-tags {
      margin-left: 26.2%;
  }
  
  #page-content .collapsible-block-unfolded-link a {
      background-color: transparent;
      color: #6c3baa;
  }
  
  #page-content .collapsible-block-folded a:hover{
      background-color: transparent;
      color: #B595D5;
      text-decoration: underline;
  }
  
  #page-content .collapsible-block-unfolded-link a:hover {
      background-color: transparent;
      color: #B595D5;
  }
  
  div.newspaper-border {
      border: 2px solid black;
  }
  
  div.newspaper-main {
      font-family: 'Special Elite', sans-serif;
  }
  
  div.newspaper-title {
      font-family: 'Playfair Display SC', serif;
      font-size: 4em;
      text-align: center;
      margin: 0.25em;
  }
  
  div.newspaper-banner {
      font-family: serif;
      font-size: 110%;
      border-top-style: solid;
      border-bottom-style: solid;
  }
  
  div.newspaper-headline {
      font-family: 'Anton', serif;
      margin: 2px 0 5px;
      text-align: center;
  }
  
  div.newspaper-reporter {
      font-family: serif;
      font-size: 120%;
      font-style: italic;
      text-align: center;
  }
  
  div.newspaper-body {
      font-family: serif;
      font-size: 1.2em;
      text-align: justify;
      text-justify: inter-word;
      line-height: 1.4em;
      padding: 1em;
  }
  
  div.newspaper-body div.scp-image-block {
      margin: 0.5em 0 0 1em;
  }
  
  div.rejection {
      border: 4px solid #ff4040;
      border-radius: 30px;
      font-weight: bold;
      color: #ff4040;
      text-align: center;
      margin: 0.5em;
  }
  
  div.rejection-wrap {
       transform: rotate(-3.8deg);
       width: 35vw;
       margin-bottom: 1em;
       margin-left: 3em;
  }
  
  @media only screen and (max-width: 768px) {
      div.rejection-wrap {
          min-width: 60vw;
          width: 70vw;
          margin-left: -3em;
      }
  }
  
  div.appeal {
      margin-top: 5em;
  }
  
  blockquote .inner,
  div.blockquote .inner {
      border: .0625rem dashed rgba(var(--swatch-border-color), .95);
      box-shadow: none;
  }
  
  
  .yui-navset.yui-navset-top .yui-nav :is(li, .selected){
  width:calc(100%/3);
  }

  Pages using this styling

  • black-queen-hub [info]

  ¶ 1 occurrence
  

  #page-title {
      display: none;
  }
  .sourcename {
      font-size: 200%;
      text-align: center;
  }
  .sourcename a {
      color: purple;
      font-weight: bold;
  }
  .griddle {
      display: grid;
      grid-template-columns: 1fr 1fr;
  }
  .griddleimage {
      grid-column-start: 1;
      grid-column-end: 3;
      grid-row-start: 1;
      grid-row-end: 2;
      border: solid 1px purple;
      min-height: 300px;
  }
  .mapchart {
      background-image: url(https://scp-wiki.wikidot.com/local--files/black-market-licensed-resources/mapchart.png);
      background-size: cover;
      background-repeat: no-repeat;
  }
  .gameicons {
      background-image: url(https://scp-wiki.wikidot.com/local--files/black-market-licensed-resources/gameicons.png);
      filter: brightness(0.5);
      background-size: 100px 100px;
      background-position: center;
  }
  .mapillary {
      background-image: url(https://scp-wiki.wikidot.com/local--files/black-market-licensed-resources/mapillary.png);
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center;
  }
  .fortepan {
      background-image: url(https://scp-wiki.wikidot.com/local--files/black-market-licensed-resources/fortepan.png);
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center;
  }
  .eol {
      background-image: url(https://scp-wiki.wikidot.com/local--files/black-market-licensed-resources/eol.png);
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center;
  }
  .adorkastock {
      background-image: url(https://scp-wiki.wikidot.com/local--files/black-market-licensed-resources/adorkastock.png);
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center;
  }
  .openverse {
      background-image: url(https://scp-wiki.wikidot.com/local--files/black-market-licensed-resources/openverse.png);
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center;
  }
  .atlas {
      background-image: url(https://scp-wiki.wikidot.com/local--files/black-market-licensed-resources/atlas.png);
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center;
  }
  .creepystock {
      background-image: url(https://scp-wiki.wikidot.com/local--files/black-market-licensed-resources/creepystock.png);
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center;
  }
  .griddletextone {
      grid-column-start: 1;
      grid-column-end: 2;
      grid-row-start: 2
      grid-row-end: 3;
      border-bottom: solid 1px purple;
  }
  .griddletexttwo {
      grid-column-start: 2;
      grid-column-end: 3;
      grid-row-start: 2
      grid-row-end: 3;
      border-bottom: solid 1px purple;
  }

  Pages using this styling

  • black-market-licensed-resources [info]

  ¶ 1 occurrence
  

  :root {
  
      --header-logo: url('https://scp-wiki.wdfiles.com/local--files/dinodraws-author-page/departmentofgeology%20darkmode.png');
   --title: "Geological Research Site-898";
    --subtitle: "'Til the Dead Canary Sings";
      --space-body-bg: url(https://scp-wiki.wdfiles.com/local--files/scp-8446/backgroundattempt3.jpg);
  body {
      background-image: var(--space-body-bg);
      background-size: 100%;
      background-attachment: fixed;
  
    background-size: cover;
    background-position: center;
  
  @media only screen and (max-width: 600px){
  #content-wrap{
  background-image:none;
  }
  #content-wrap:before{
  content:"";
  display:block;
  position:fixed;
  left:0;
  top:0;
  width:100vw;
  height:100vh;
  background-size:cover;
  background:url("https://scp-wiki.wdfiles.com/local--files/scp-8446/mobilebackground.png") no-repeat 65% 20% !important;
  z-index:-1;
  }
  
  }
  }
  

  Pages using this styling

  • black-lungs [info]

  ¶ 1 occurrence
  

  
  /* ===MAIN CSS===*/
  .theme-container,
  .theme-container * {
      -webkit-backface-visibility: hidden;
              backface-visibility: hidden;
  }
  
  .theme-container {
      display: grid;
      grid-template-columns: 30% 70%;
      grid-template-rows: 0.25fr 0.25fr 1fr;
      grid-gap: 0.125rem;
      width: calc(100% - 0.625rem);
      min-height: 15.625rem;
      margin-bottom: 1rem;
      grid-template-areas:
      	"name img"
      	"link img"
      	"artc img";
      background: rgb(var(--black-monochrome), 1);
      border: 0.125rem solid rgb(var(--swatch-primary-darkest));
      box-shadow:
      	0.0625rem 0.0625rem 0 rgb(var(--swatch-primary-darkest)),
      	0.125rem 0.125rem 0 rgb(var(--swatch-primary-darkest)),
      	0.1875rem 0.1875rem 0 rgb(var(--swatch-primary-darkest)),
      	0.25rem 0.25rem 0 rgb(var(--swatch-primary-darkest)),
      	0.3125rem 0.3125rem 0 rgb(var(--swatch-primary-darkest)),
      	0.375rem 0.375rem 0 rgb(var(--swatch-primary-darkest)),
      	0.4375rem 0.4375rem 0 rgb(var(--swatch-primary-darkest)),
      	0.5rem 0.5rem 0 rgb(var(--swatch-primary-darkest));
      transform: translateY(-0.625rem) translateX(-0.625rem);
  }
  
  .theme-container>div {
      background-color: rgb(var(--white-monochrome), 0.1);
      padding: 1rem;
  }
  
  .theme-container>.theme-name {
      -ms-grid-row: 1;
      -ms-grid-column: 1;
      grid-area: name;
      display: flex;
      background-color: rgb(var(--swatch-primary-darkest));
      color: rgb(var(--white-monochrome));
      font-family: var(--title-font);
      font-size: 110%;
      text-align: center;
      line-height: 1.1;
      text-shadow:
      	0.0625rem 0.0625rem 0 rgb(var(--black-monochrome)),
      	0.125rem 0.125rem 0 rgb(var(--black-monochrome)),
      	0.1875rem 0.1875rem 0 rgb(var(--black-monochrome)),
      	0.25rem 0.25rem 0 rgb(var(--black-monochrome))
  }
  
  .theme-container>.theme-name>h2 {
      padding: 0;
      margin: 0;
  }
  
  .theme-container>.theme-link {
      -ms-grid-row: 3;
      -ms-grid-column: 1;
      grid-area: link;
      display: flex;
      align-items: center;
      justify-content: center;
  }
  
  .theme-container>.theme-link .button-container,
  .theme-container>.theme-link .button-container * {
      box-sizing: border-box;
  }
  
  .theme-container>.theme-link .button-container {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 80%;
      height: 90%;
      padding: 0.5rem 0.25rem;
      background-color: rgb(var(--swatch-primary));
      box-shadow:
      	0 0 0 rgb(var(--black-monochrome)),
      	0 0 0 rgb(var(--black-monochrome)),
      	0 0 0 rgb(var(--black-monochrome)),
      	0 0 0 rgb(var(--black-monochrome)),
      	0 0 0 rgb(var(--black-monochrome)),
      	0.125rem 0.125rem 0 rgb(var(--black-monochrome)),
      	-0.125rem -0.125rem 0 rgb(var(--black-monochrome)),
      	-0.125rem 0.125rem 0 rgb(var(--black-monochrome)),
      	0.125rem -0.125rem 0 rgb(var(--black-monochrome));
      transform: translateX(0) translateY(0);
      position: relative;
      overflow: hidden;
      will-change: box-shadow, transform;
      transition:
      	box-shadow 150ms cubic-bezier(0.4, 0.0, 0.2, 1),
      	transform 200ms cubic-bezier(0.4, 0.0, 0.2, 1);
  }
  
  .theme-container>.theme-link>.button-container>a {
      --wght: 900;
      display: flex;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: 100%;
      color: rgb(var(--white-monochrome));
      font-size: 125%;
      font-weight: 900;
      position: relative;
      transform: translateX(0);
      transition: transform 150ms cubic-bezier(0.4, 0.0, 0.2, 1);
  }
  
  .theme-container>.theme-link>.button-container::before {
      content: "";
      position: absolute;
      width: 120%;
      height: 100%;
      top: 0;
      left: 0;
      background-color: rgb(var(--pale-accent));
      transform: translateX(-100%);
      transition: transform 150ms cubic-bezier(0.4, 0.0, 0.2, 1);
      -webkit-clip-path: polygon(0.00% 0.00%, 100% 0px, 90% 100%, 0px 100%);
              clip-path: polygon(0.00% 0.00%, 100% 0px, 90% 100%, 0px 100%);
  }
  
  .theme-container>.theme-link>.button-container::after {
      content: '»';
      position: absolute;
      opacity: 0;
      right: 0.35em;
      color: rgb(var(--white-monochrome));
      font-size: 200%;
      transform: translateY(-0.15em) translateX(-1.25rem);
      transition:
      	transform 150ms cubic-bezier(0.4, 0.0, 0.2, 1),
      	opacity 200ms cubic-bezier(0.4, 0.0, 0.2, 1);
  }
  
  .theme-container>.theme-link .button-container:hover {
      box-shadow:
      	0.0625rem 0.0625rem 0 rgb(var(--black-monochrome)),
      	0.125rem 0.125rem 0 rgb(var(--black-monochrome)),
      	0.1875rem 0.1875rem 0 rgb(var(--black-monochrome)),
      	0.25rem 0.25rem 0 rgb(var(--black-monochrome)),
      	0.3125rem 0.3125rem 0 rgb(var(--black-monochrome)),
      	0.125rem 0.125rem 0 rgb(var(--black-monochrome)),
      	-0.125rem -0.125rem 0 rgb(var(--black-monochrome)),
      	-0.125rem 0.125rem 0 rgb(var(--black-monochrome)),
      	0.125rem -0.125rem 0 rgb(var(--black-monochrome));
      transform: translateX(-0.25rem) translateY(-0.25rem);
  }
  
  .theme-container>.theme-link .button-container:hover>a {
      transform: translateX(-0.78125rem);
  }
  
  .theme-container>.theme-link .button-container>a:hover {
      text-decoration: none;
  }
  
  .theme-container>.theme-link .button-container:hover::before {
      transform: translateX(0);
  }
  
  .theme-container>.theme-link .button-container:hover::after {
      opacity: 1;
      transform: translateY(-0.15em) translateX(0);
  }
  
  .theme-container>.theme-articles {
      -ms-grid-row: 5;
      -ms-grid-column: 1;
      grid-area: artc;
      display: grid;
      padding: 0;
  }
  
  .theme-articles ul {
      list-style: none;
      margin: 0;
      padding: 0;
      display: grid;
      grid-auto-rows: minmax(4rem, -webkit-max-content);
      grid-auto-rows: minmax(4rem, max-content);
      color: rgb(var(--black-monochrome));
      grid-gap: 0.125rem;
      align-content: center;
  }
  
  .theme-articles ul li {
      display: flex;
      align-items: center;
      justify-content: center;
      text-align: center;
      position: relative;
      background-color: rgb(var(--swatch-primary), 0.25);
  }
  
  .theme-articles ul li a {
      --wght: 900;
      display: flex;
      width: 100%;
      height: 100%;
      padding: 0.5rem;
      align-items: center;
      justify-content: center;
      text-align: center;
      color: rgb(var(--white-monochrome));
      position: relative;
      overflow: hidden;
      font-weight: 900;
      line-height: 1.1;
      transform: translateX(0) translateY(0);
      letter-spacing: 0.03em;
      box-shadow:
      	0 0 0 rgb(var(--black-monochrome)),
      	0 0 0 rgb(var(--black-monochrome)),
      	0 0 0 rgb(var(--black-monochrome)),
      	0 0 0 rgb(var(--black-monochrome));
      text-shadow:
      	0 0 0 rgb(var(--black-monochrome)),
      	0 0 0 rgb(var(--black-monochrome)),
      	0 0 0 rgb(var(--black-monochrome)),
      	0 0 0 rgb(var(--black-monochrome));
      transition:
      	color 150ms 200ms cubic-bezier(0.4, 0.0, 0.2, 1),
      	text-shadow 150ms 200ms cubic-bezier(0.4, 0.0, 0.2, 1),
      	box-shadow 200ms cubic-bezier(0.4, 0.0, 0.2, 1),
      	transform 200ms cubic-bezier(0.4, 0.0, 0.2, 1);
  }
  
  .theme-articles ul li a::before {
      content: " ";
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      width: 120%;
      height: 100%;
      align-items: center;
      justify-content: center;
      text-align: center;
      background-color: rgb(var(--swatch-primary));
      transform: translateX(-100%);
      transition: transform 200ms cubic-bezier(0.4, 0.0, 0.2, 1);
      -webkit-clip-path: polygon(0.00% 0.00%, 100% 0px, 90% 100%, 0px 100%);
              clip-path: polygon(0.00% 0.00%, 100% 0px, 90% 100%, 0px 100%);
      z-index: -1;
  }
  
  .theme-articles ul li a:hover {
      color: rgb(var(--white-monochrome));
      text-decoration: none;
      box-shadow:
      	0.0625rem 0.0625rem 0 rgb(var(--black-monochrome)),
      	0.125rem 0.125rem 0 rgb(var(--black-monochrome)),
      	0.1875rem 0.1875rem 0 rgb(var(--black-monochrome)),
      	0.25rem 0.25rem 0 rgb(var(--black-monochrome));
      text-shadow:
      	0.0625rem 0.0625rem 0 rgb(var(--black-monochrome)),
      	0.125rem 0.125rem 0 rgb(var(--black-monochrome)),
      	0.1875rem 0.1875rem 0 rgb(var(--black-monochrome)),
      	0.25rem 0.25rem 0 rgb(var(--black-monochrome));
      transform: translateX(-0.25rem) translateY(-0.25rem);
  }
  
  .theme-articles ul li a:hover::before {
      transform: translateX(0);
  }
  
  .theme-container>.theme-img {
      -ms-grid-row: 1;
      -ms-grid-row-span: 5;
      -ms-grid-column: 3;
      background-color: rgb(var(--light-pale-gray-monochrome), 1);
      grid-area: img;
      display: flex;
  }
  
  .theme-container>.theme-img>img {
      object-fit: cover;
      object-position: center left;
      width: 100%;
  }
  
  #page-content>table {
      position: -webkit-sticky;
      position: sticky;
      width: 30%;
      top: 3rem;
      right: 0;
      margin-top: 10rem !important;
      overflow: visible;
      transform: translateX(340%);
      border-collapse: collapse;
  }
  
  #page-content>table>tbody {
      position: absolute;
  }
  
  #page-content>div.rating-container {
      position: -webkit-sticky;
      position: sticky;
      top: 3rem;
      right: 0;
      overflow: visible;
      transform: translateX(105%) translateY(-100%);
      border-collapse: collapse;
      float: right;
      margin-bottom: -4rem;
      padding-top: 2rem;
      width: var(--sidebar-width-on-desktop);
      display: flex;
      align-items: center;
      justify-content: center;
  }
  
  .page-rate-widget-box {
      margin-top: 0 !important;
  }
  
  #page-content>br:nth-of-type(1) {
      display: none;
  }
  
  #page-content h1 span {
      display: flex;
      align-items: center;
      min-height: 1em;
      margin: 0.5em 0;
      padding: 0;
      border: none;
      line-height: 1;
  }
  
  #page-content h1 span::after {
      content: "";
      flex-grow: 1;
      height: 0.0625rem;
      margin: auto auto auto 1.25rem;
      background: rgb(var(--swatch-tertiary-color));
  }
  
  #toc0 {
      margin: 0 auto;
      display: flex;
      width: 100%;
      align-content: center;
      justify-content: center;
      font-size: 300%;
      position: relative;
  }
  
  #toc0::after {
      content: " ";
      position: absolute;
      height: 1rem;
      width: 18rem;
      background-color: rgb(var(--dark-gray-monochrome));
      bottom: 0.25rem;
  }
  
  .top-image {
      margin-top: -10rem;
  }
  
  #toc-action-bar {
      display: none;
  }
  
  .welcome {
      box-sizing: border-box;
      background-color: rgb(var(--dark-gray-monochrome));
      color: rgb(var(--white-monochrome));
      padding: 1rem;
      font-size: 120%;
      transform: translateX(-0.625rem);
  }
  
  .welcome a {
      box-shadow: inset 100vw 0 0 0 rgb(var(--swatch-primary-darkest)), 0.25rem 0.25rem 0 rgb(var(--swatch-primary-darkest)), -0.25rem -0.25rem 0 rgb(var(--swatch-primary-darkest)), -0.25rem 0.25rem 0 rgb(var(--swatch-primary-darkest)), 0.25rem -0.25rem 0 rgb(var(--swatch-primary-darkest));
      -webkit-box-decoration-break: clone;
              box-decoration-break: clone;
      color: rgb(var(--white-monochrome));
  }
  
  #page-content div#toc {
      border: none;
      padding: 0;
      margin: 0;
      border: solid 0.125rem rgb(var(--swatch-primary-darkest));
      max-height: calc(100vh - var(--final-header-height-on-desktop));
      box-shadow:
      	0.0625rem 0.0625rem 0 rgb(var(--swatch-primary-darkest)),
      	0.125rem 0.125rem 0 rgb(var(--swatch-primary-darkest)),
      	0.1875rem 0.1875rem 0 rgb(var(--swatch-primary-darkest)),
      	0.25rem 0.25rem 0 rgb(var(--swatch-primary-darkest)),
      	0.3125rem 0.3125rem 0 rgb(var(--swatch-primary-darkest));
      flex-direction: column;
      border-collapse: collapse;
      overflow-x: hidden;
      scrollbar-width: thin;
  }
  
  #toc #toc-list:not([style*="none"]) {
      display: flex !important;
      flex-direction: row;
      flex-wrap: wrap;
      align-items: stretch;
      justify-content: stretch;
      margin: 0;
      padding: 0;
      overflow-y: hidden;
      max-height: initial;
  }
  
  #toc #toc-list>div {
      background-color: rgb(var(--white-monochrome));
      width: 100%;
      margin: 0 !important;
      display: flex;
      align-items: center;
      justify-content: center;
      text-align: center;
      line-height: 1.1
  }
  
  #toc #toc-list div[style*="em"] {
      width: -moz-fit-content;
      width: fit-content;
      margin-left: 0 !important;
      padding-left: 0 !important;
  }
  
  #toc #toc-list div[style*="em"]::before,
  #toc #toc-list div[style*="em"]::after,
  #toc #toc-list div[style*="em"] a::before,
  #toc #toc-list div[style*="em"] a::after {
      display: none;
  }
  
  #toc #toc-list>div[style*="margin-left: 1em"] {
      --wght: 900;
      padding: 0;
      font-weight: 900;
      font-size: 120%;
  }
  
  #toc #toc-list>div[style*="margin-left: 1em"]:first-of-type {
      padding-top: 0.5ch;
      width: 100%;
      flex-basis: 100%;
      display: flex;
      flex-direction: column;
      overflow: hidden;
  }
  
  #toc #toc-list>div[style*="margin-left: 1em"]:first-of-type::after {
      content: "⇓ Designers ⇓";
      width: 100%;
      height: 1em;
      margin-top: 0.5em;
      padding: 0.25em 0;
      color: rgb(var(--white-monochrome));
      display: flex;
      align-items: center;
      justify-content: center;
      background: rgb(var(--swatch-primary));
      align-self: flex-end;
  }
  
  #toc #toc-list>div[style*="margin-left: 1em"]:not(:first-of-type) {
      width: 100%;
   	flex-basis: 100%;
      border-top: 0.125rem solid rgb(var(--swatch-primary-darkest)) !important;
      padding-top: 0.25em;
      padding-bottom: 0.25rem;
  }
  
  #toc #toc-list>div[style*="margin-left: 2em"] {
      flex-grow: 1;
      flex-basis: 100%;
      padding: 0;
      margin: 0;
  }
  
  #toc #toc-list>div[style*="margin-left: 2em"]>a {
      display: flex;
      align-items: center;
      justify-content: center;
      text-align: center;
      width: 100%;
      height: 100%;
      padding: 0.5rem;
      position: relative;
      overflow: hidden;
      transform: translateX(0) translateY(0);
      letter-spacing: 0.03em;
      box-shadow:
      	0 0 0 rgba(var(--swatch-primary-darkest), 0),
      	0 0 0 rgba(var(--swatch-primary-darkest), 0),
      	0 0 0 rgba(var(--swatch-primary-darkest), 0),
      	0 0 0 rgba(var(--swatch-primary-darkest), 0);
      text-shadow:
      	0 0 0 rgba(var(--swatch-primary-darkest), 0),
      	0 0 0 rgba(var(--swatch-primary-darkest), 0),
      	0 0 0 rgba(var(--swatch-primary-darkest), 0),
      	0 0 0 rgba(var(--swatch-primary-darkest), 0);
      transition:
      	color 150ms 200ms cubic-bezier(0.4, 0.0, 0.2, 1),
      	text-shadow 150ms 200ms cubic-bezier(0.4, 0.0, 0.2, 1),
      	box-shadow 200ms cubic-bezier(0.4, 0.0, 0.2, 1),
      	transform 200ms cubic-bezier(0.4, 0.0, 0.2, 1);
  }
  
  #toc #toc-list>div[style*="margin-left: 2em"]>a::before {
      --right-arrow-mask: none;
      content: " ";
      display: block;
      position: absolute;
      bottom: 0;
      right: 0;
      width: 120%;
      height: 101%;
      align-items: center;
      justify-content: center;
      text-align: center;
      background-color: rgb(var(--swatch-primary));
      transform: translateX(-100%);
      transition: transform 200ms cubic-bezier(0.4, 0.0, 0.2, 1);
      -webkit-clip-path: polygon(0.00% 0.00%, 100% 0px, 90% 100%, 0px 100%);
              clip-path: polygon(0.00% 0.00%, 100% 0px, 90% 100%, 0px 100%);
      z-index: -1;
  }
  
  #toc #toc-list>div[style*="margin-left: 2em"]>a:hover {
      color: rgb(var(--white-monochrome));
      text-decoration: none;
      box-shadow:
      	0.0625rem 0.0625rem 0 rgba(var(--swatch-primary-darkest), 1),
      	0.125rem 0.125rem 0 rgba(var(--swatch-primary-darkest), 1),
      	0.1875rem 0.1875rem 0 rgba(var(--swatch-primary-darkest), 1),
      	0.25rem 0.25rem 0 rgba(var(--swatch-primary-darkest), 1);
      text-shadow:
      	0.0625rem 0.0625rem 0 rgba(var(--swatch-primary-darkest)),
      	0.125rem 0.125rem 0 rgba(var(--swatch-primary-darkest)),
      	0.1875rem 0.1875rem 0 rgba(var(--swatch-primary-darkest)),
      	0.25rem 0.25rem 0 rgba(var(--swatch-primary-darkest));
      transform: translateX(-0.25rem) translateY(-0.25rem);
  }
  
  #toc #toc-list>div[style*="margin-left: 2em"]>a:hover::before {
      transform: translateX(0);
  }
  
  #toc #toc-list>div[style*="margin-left: 2em"] {
      background-color: rgb(var(--swatch-primary), 0.1);
  }
  
  #toc #toc-list>div[style*="margin-left: 3em"] {
      margin: 0;
      background-color: rgb(var(--swatch-primary), 0.15);
  }
  
  #toc #toc-list>div[style*="margin-left: 4em"] {
      margin: 0;
  }
  
  @media only screen and (max-width: 1300px) {
      .top-image {
      	margin-top: 0;
      	display: block;
      	margin-top: 4rem !important;
      }
  
      #page-content>div.rating-container {
      	position: relative;
      	transform: translateX(0);
      	margin-top: -2rem;
      	margin-bottom: -4rem;
      	width: 100%;
      	display: inline-flex;
      	justify-content: center;
      	align-items: center;
      	float: initial;
      }
  
      #toc0 {
      	display: inline-flex;
      	width: 60%;
      }
  
      #page-content>table>tbody {
      	position: relative;
      }
  
      #page-content>table {
      	position: relative;
      	width: 90%;
      	right: 0;
      	transform: translateX(0);
      	margin: 0 auto !important;
      }
  
      #page-content div#toc {
      	max-width: inherit;
      	width: 100%;
      }
  
      #toc #toc-list {
      	max-width: 90vw;
      }
  
      #toc #toc-list>div[style*="margin-left: 2em"]:not(:first-of-type) {
      	flex-basis: 25%;
     }
  }
  
  @media only screen and (max-width: 1300px) {
      #toc0 {
      	width: 100%;
      	font-size: 250%;
      	margin: 8rem auto 0;
      }
  
      .theme-container {
      	grid-template-areas:
      		"name name"
      		"link artc"
      		"artc img";
      	grid-template-columns: 40% 60%;
      	grid-template-rows: auto auto 1fr;
      	min-height: 50vh;
      	transform: unset;
      }
  
      .theme-articles ul li a {
      	font-size: 120%;
      }
  
      .welcome {
      	transform: unset;
      }
  
      .theme-container>.theme-name {
      	-ms-grid-row: 1;
      	-ms-grid-column: 1;
      	-ms-grid-column-span: 3;
      }
  
      .theme-container>.theme-link {
      	-ms-grid-row: 3;
      	-ms-grid-column: 1;
      }
  
      .theme-container>.theme-articles {
      	-ms-grid-row: 3;
      	-ms-grid-row-span: 3;
      	-ms-grid-column: 1;
      	-ms-grid-column-span: 3;
      }
  
      .theme-container>.theme-img {
      	-ms-grid-row: 5;
      	-ms-grid-row-span: 1;
      	-ms-grid-column: 3;
      }
  }
  
  @media only screen and (max-width: 768px) {
      #toc0 {
      	width: 100%;
      	font-size: 250%;
      }
  
      #page-content>div.rating-container {
      	top: var(--topbar-height-on-mobile);
      	overflow: visible;
      	transform: initial;
      	width: 100%;
      	z-index: 5;
      	padding: 1rem 0 0 0;
      	margin: 0;
      	text-align: center !important;
      	position: -webkit-sticky;
      	position: sticky;
      }
  
      .theme-container {
      	grid-template-areas:
      		"name"
      		"link"
      		"img"
      		"artc";
      	grid-template-columns: 100%;
      	grid-template-rows: auto auto 1fr;
      	min-height: 50vh;
      }
  
      .theme-container>.theme-name {
      	-ms-grid-row: 1;
      	-ms-grid-column: 1;
      	-ms-grid-column-span: 1;
      }
  
      .theme-container>.theme-link {
      	-ms-grid-row: 3;
      	-ms-grid-column: 1;
      }
  
      .theme-container>.theme-articles {
      	-ms-grid-row: 7;
      	-ms-grid-row-span: 1;
      	-ms-grid-column: 1;
      	-ms-grid-column-span: 1;
      }
  
      .theme-container>.theme-img {
      	-ms-grid-row: 5;
      	-ms-grid-row-span: 1;
      	-ms-grid-column: 1;
      }
  }
  

  Pages using this styling

  • black-highlighter-themes [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.bunny.net/css?family=Bungee&display=swap');
  
  .rounder {
      background: url(https://scp-wiki.wdfiles.com/local--files/rounderhouse-s-author-page/rounderception.png);
      border: 5px solid rgb(var(--dark-gray-monochrome));
      color: #000;
      margin-top: 5%;
      margin-right: 5%;
      margin-bottom: 5%;
      padding-left: 2%
  } 
  
  .rounder h1 {
      font-family: 'Bungee', cursive;
  }
  
  #page-title {
      display: none;
  }
  
  #page-content > div:nth-child(3) {
      float: right;
  }
  
  .page-rate-widget-box {
      margin-top: 0.75rem;
  }
  
  .theme-articles ul li a[href*="4205"] {
      font-family: var(--mono-font);
  }

  Pages using this styling

  • black-highlighter-themes [info]

  ¶ 1 occurrence
  

  
  /*
      Infinite Riches Theme
      [2025 Wikidot Theme]
      by Fish^12
  */
  
  @import url('https://fonts.googleapis.com/css2?family=STIX+Two+Text:ital,wght@0,400..700;1,400..700&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Roboto+Flex:opsz,wght@8..144,100..1000&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Zen+Old+Mincho&display=swap');
  
  /* Root & Sigma+ */
  
  :root {
      --royalblue: #0b1926;
      --navyblue: #193855;
      --yellow: #efd67a;
      --royalpurple: #b083de;
      --grey: #e9e9e9;
  
      --gold: linear-gradient(60deg, #b78a49, #dbb560, #f5efb5, #dbb560, #b78a49);
      --haze: linear-gradient(60deg, #c600c6, violet, #e995e9, violet, #e000e0);
      --timer: 200ms;
      --diamond: polygon(80% 0, 100% 20%, 50% 100%, 0 20%, 20% 0);
  
      --stix: "STIX Two Text";
      --robo: "Roboto Flex";
      --zolm: "Zen Old Mincho";
  
      --header-title: "Black Diamond Billions";
      --header-subtitle: "";
      --sp_header-logo: none;
      --sp_header-title-size: clamp(3rem, -0.714rem + 7.738vw, 6.25rem);
      --sp_header-subtitle-size: 0;
  
      --sp_header-height: 20rem;
      --sp_top-bar-height: 2rem;
  
      --sp_top-bar-gradient-top-color: var(--royalblue);
      --sp_top-bar-gradient-bottom-color: var(--royalblue);
  
      --sp_top-bar-link-color: var(--yellow);
      --sp_top-bar-link-hover-color: var(--royalblue);
      --sp_top-bar-link-hover-background: var(--yellow);
  
      --sp_dropdown-link-color: var(--royalblue);
      --sp_dropdown-link-hover-color: var(--yellow);
      --sp_dropdown-link-background: var(--yellow);
      --sp_dropdown-link-hover-background: var(--royalblue);
      --sp_dropdown-link-border: none;
  
      --sp_hovertip-background: var(--royalblue);
      --sp_hovertip-border: 0.2em dotted var(--navyblue);
  
      --sp_rate-module-background: var(--royalblue);
      --sp_rate-module-text-color: var(--yellow);
      --sp_rate-module-button-color: var(--yellow);
      --sp_rate-module-button-background: var(--royalblue);
      --sp_rate-module-sub-color: var(--yellow);
      --sp_rate-module-button-hover-color: var(--navyblue);
      --sp_rate-module-button-hover-background: var(--yellow);
  
      --sp_tab-text-color: var(--yellow);
      --sp_tab-background: var(--royalblue);
      --sp_tab-border-color: var(--yellow);
      --sp_tab-hover-text-color: var(--yellow);
      --sp_tab-hover-background: var(--navyblue);
      --sp_tab-hover-border-color: var(--yellow);
      --sp_tab-selected-text-color: var(--royalblue);
      --sp_tab-selected-background: var(--yellow);
      --sp_tab-selected-border-color: var(--yellow);
  }
  
  /* From the top! */
  
  #login-status {
      padding-right: 12px;
      font-family: var(--zolm);
      font-size: 16px;
      color: var(--grey);
  }
  #login-status a:hover {
      text-decoration-style: dotted;
      text-underline-offset: 5px;
  }
  #login-status a, #login-status ul a {
      color: var(--yellow);
  }
  
  /* Pop-up page. */
  
  .owindow {
      background-color: var(--royalblue);
      border: none;
  }
  .owindow .title {
      cursor: auto;
      background-color: transparent;
      border-bottom: 0.2em solid var(--navyblue);
      text-align: right;
      font-family: var(--zolm);
      padding: 1em;
      text-transform: capitalize;
  }
  .owindow img {
      background-color: transparent !important;
      padding: 0 !important;
      border: var(--doubleking);
      margin-right: 1em;
  }
  .owindow td img {
      display: none;
  }
  .owindow .button-bar a {
      border-color: var(--navyblue);
      border-width: 0.2em;
      background-color: var(--royalblue);
  }
  .owindow .button-bar a:hover {
      background-color: var(--navyblue);
  }
  
  /* Account and search buttons. */
  
  #account-options {
      margin-top: 3px;
      margin-right: 12px;
      text-align: center;
      border: none;
      border-color: transparent;
      background-color: var(--yellow);
      width: fit-content;
  }
  #account-topbutton {
      font-size: 80%;
      border: none;
      margin-left: 0;
      transition: 200ms;
  }
  #account-topbutton:hover {
      color: var(--royalpurple);
  }
  #account-options li a {
      color: var(--yellow);
      background-color: var(--royalblue);
      text-transform: capitalize;
      transition: 200ms;
  }
  #account-options li a:hover {
      color: var(--royalblue);
      background: var(--yellow);
      text-decoration: none;
  }
  #search-top-box {
      align-items: flex-start;
      flex-direction: row-reverse;
      flex-wrap: wrap;
      padding: 8px 12px 0 0;
      font-family: var(--zolm);
  }
  #search-top-box-form input[type=submit] {
      background-color: var(--yellow);
      background-image: none;
      color: var(--navyblue);
      border: 0.15em dotted var(--yellow);
      box-shadow: none;
      border-radius: 0;
      transition: 200ms;
  }
  #search-top-box-form input[type=submit]:hover {
      background-color: var(--navyblue);
      border: 0.15em dotted var(--yellow);
      background-image: none;
      color: var(--yellow);
      box-shadow: none;
  }
  
  #header {
  grid-template-areas:
      ". . login login login"
      ". . . . search"
      "h1 h1 h1 h1 h1"
      "h2 h2 h2 h2 h2"
      ". . . . ."
      "top-bar top-bar top-bar top-bar top-bar";
      grid-template-columns: repeat(5, 1fr);
  background-image: url(http://scp-wiki.wikidot.com/local--files/black-diamond-billions-hub/mcdbanner.png), linear-gradient(10deg, var(--royalblue), var(--navyblue));
      background-size: contain;
      background-position: center;
      background-repeat: repeat;
  }
  #header h1, #header h2 {
      padding-inline-start: 0;
      text-align: center;
      position: relative;
      display: none;
  }
  #header h1::before {
      position: absolute;
      content: "";
      background-color: var(--sp_tab-text-color);
      clip-path: var(--diamond);
      top: 50%;
      left: 50%;
      z-index: 1;
      transform: translate(-50%, -50%);
      height: 10em;
      width: 10em;
  }
  #header h2::before, #header h1::after {
      display: none;
  }
  #header h1 a::before {
      font-family: var(--stix);
      background-image: var(--haze);
      color: transparent;
      background-clip: text;
      text-shadow: none;
      position: relative;
      z-index: 5;
  }
  
  /* Top bar. */
  
  #top-bar {
      font-family: var(--teac);
      max-width: 100%;
      border-image: var(--gold);
      border-image-slice: 1;
      border-width: 0.2em;
      border-style: solid;
      border-left: 0px;
      border-right: 0px;
  }
  #top-bar ul li {
      flex-grow: 1;
  }
  #top-bar ul li a {
      transition: 200ms;
  }
  #top-bar div[class*="top-bar"] > ul {
      justify-content: center;
  }
  #top-bar ul li ul {
      border-width: 0 0;
      box-shadow: none;
      border-bottom: 0.2em solid var(--yellow);
  }
  #top-bar :is(.top-bar, .mobile-top-bar) ul li ul li a {
      line-height: 2;
      text-align: center;
  }
  #top-bar .open-menu a {
      border: 0.07em dotted var(--yellow);
      border-radius: 0;
      background-color: var(--yellow);
      color: var(--navyblue);
      transition: 200ms;
  }
  #top-bar .open-menu a:hover {
      background-color: var(--navyblue);
      color: var(--yellow);
  }
  
  #side-bar {
      background-color: rgba(0, 0, 0, 0.5);
  }
  #interwiki .heading, #side-bar .heading {
      color: mintcream;
      border-bottom: dotted 3px mintcream;
  }
  #side-bar .side-block.media, #side-bar .side-block.resources, #side-bar .side-block, #interwiki .side-block {
      background-color: var(--navyblue);
      border-radius: 0;
      box-shadow: none;
      border: solid 1px var(--royalblue);
  }
  
  blockquote, div.blockquote {
      border: solid 1px var(--yellow);
      background-color: var(--navyblue);
  }
  
  #container {
      background-image: linear-gradient(140deg, transparent 50.9vw, var(--navyblue) 50.9vw 51vw, transparent 51vw), linear-gradient(195deg, transparent 50.9vw, var(--navyblue) 50.9vw 51vw, transparent 51vw), linear-gradient(113deg, transparent 50.9vw, var(--navyblue) 50.9vw 51vw, transparent 51vw), linear-gradient(34deg, transparent 55.9vw, var(--navyblue) 55.9vw 56vw, transparent 56vw), linear-gradient(-30deg, transparent 55.9vw, var(--navyblue) 55.9vw 56vw, transparent 56vw);
  }
  
  #page-title {
      font-family: var(--stix);
      font-weight: bold;
      background-image: var(--gold);
      color: transparent;
      background-clip: text;
      font-size: clamp(1.5rem, 0.786rem + 1.905vw, 2.5rem);
      border-color: transparent;
      margin: auto;
      width: fit-content;
  }
  body {
      color: var(--grey);
      background-color: var(--royalblue);
      font-family: var(--robo);
  }
  a, a.newpage, a:visited, #interwiki a, #side-bar a {
      color: var(--yellow);
      transition: 200ms;
  }
  a:hover, a:visited:hover, #interwiki a:hover, #side-bar a:hover {
      color: var(--yellow);
      text-decoration: underline;
      text-decoration-style: dotted;
      text-underline-offset: 5px;
  }
  h1, h2, h3, h4, h5 {
      font-family: var(--zolm);
      color: var(--yellow);
  }
  h1::before, h2::before, h3::before, h4::before, h5::before, h1::after, h2::after, h3::after, h4::after, h5::after {
      background-color: var(--yellow);
      width: 1rem;
      height: 1rem;
      content: "";
      display: inline-block;
      margin-right: 0.2em;
      clip-path: var(--diamond);
  }
  h1::before, h2::before, h3::before, h4::before, h5::before {
      margin-right: 0.2em;
  }
  h1::after, h2::after, h3::after, h4::after, h5::after {
      margin-left: 0.2em;
  }
  
  .yui-navset.yui-navset-top .yui-nav :is(li, .selected) {
      flex: 100%;
  }
  
  .yui-navset .yui-nav {
      border-width: 0;
  }
  .yui-navset .yui-content {
      background-color: var(--royalblue);
  }
  
  .ornament {
      width: 20%;
      height: 20%
      background-image: url('http://scp-sandbox-3.wikidot.com/local--files/black-diamond-billions-hub/ornament2.png');
      background-repeat: no-repeat;
  }
  
  .last-tabview .yui-content > :nth-child(7) {
    max-height: 70vh;
    overflow: auto;
  }
  
  .window-discord {
      margin-left: 25%;
      margin-right: 25%;
      padding: 10px;
      border-image: linear-gradient(90deg, var(--yellow) 40%, transparent 40% 42%, var(--yellow) 42% 44%, transparent 44% 46%, var(--yellow) 46% 48%, transparent 48% 50%, var(--yellow) 50% 52%, transparent 52% 54%, var(--yellow) 54% 56%, transparent 56% 58%, var(--yellow) 58% 60%, transparent 60% 62%, var(--yellow) 62% 100%) 1;
      border-width: 4px;
      border-style: solid;
  }
  
  @media (max-width: 768px) {
    #header {
      background-size: cover;
    }
  }
  
  :root .authorbox {
    background-color: var(--royalblue);
    border: 1px solid var(--grey);
  }
  
  #breadcrumbs {
    margin-top: 10px;
  }
  

  Pages using this styling

  • black-diamond-billions-hub [info]

  ¶ 1 occurrence
  

  .avatar-hover { display: none !important; }
  #page-title { display: none !important; }
  h1{ margin-bottom: 0;}
  
  .document h1{
    color: black;
    opacity: 0.75;
  }

  Pages using this styling

  • black-box [info]

  ¶ 1 occurrence
  

  :root{
    --header-title: "THE BLACK AUTUMN";
    --header-subtitle: "THE LONESOME OCTOBER";
    --lgurl: url("https://scp-wiki.wdfiles.com/local--files/black-autumn-hub/scp-halloween-alone.png");
    --accentColor: #EB6123;
  
  }
  
  div#extra-div-1 {
      filter: opacity(40%);
  }

  Pages using this styling

  • black-autumn-hub [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css?family=Eagle+Lake&display=swap');
  
  :root {
  --toggle-button-bg: rgb(var(--gray-monochrome));
  --toggle-border-color: rgb(var(--dark-gray-monochrome));
  --toggle-icon-color: rgb(var(--pale-gray-monochrome));
  --toggle-roundness: 0;
  
  --visited-link-color: var(--swatch-important-text);
  }
  
  .icsut {
       border: solid 1px #999999;
       background: rgb(43,30,29);
       margin: 25px 3px;
       padding: .7em;
  }
  
  .bibitems {
      margin: unset;
      box-shadow: unset;
      background-color: unset;
      padding: unset;
      width: unset;
  }
  
  .bibitems .title {
      background-color: unset;
  }
  
  .bibitems a[href*=javascript],
  .bibitems a[href*=javascript]:visited {
     display: unset;
     color: rgb(var(--link-color));
  }
  
  .bibitems .bibitem:after {
      background-color: unset;
  }
  
  .awcy {
        background-image: linear-gradient(315deg, paleturquoise, #FF9, pink, coral);
        padding: 1px 15px;
        margin-bottom: 25px;
        box-shadow: 2px 2px 2px rgba(0,0,0,.4);
        border: 3px solid transparent;
        border-radius: 10px;
        color: rgb(var(--black-monochrome));
  }
  
  .horizon {
       margin: auto;
       padding: 20px;
       border: double 3px rgb(var(--light-pale-gray-monochrome));
       background: rgb(var(--gray-monochrome));
       margin-bottom: 25px;
  }
  
  .access {
       margin: auto;
       width: 50%;
       padding: 10px;
       border: dashed 2px rgb(var(--light-pale-gray-monochrome));
  }
  
  .page {
      display: block;
      overflow: hidden;
      font-family: 'Eagle Lake', cursive;
      font-style: normal;
  
      background-attachment: scroll;
      background-clip: border-box;
      background-color: transparent;
      background-image: linear-gradient(to top, rgb(187, 191, 158) 0%, rgb(15,16,10)  8%);
      background-origin: padding-box;
      background-position: 0px 8px;
      background-repeat: repeat;
      background-size: 100% 20px;
  
      border: 1px solid #CCC;
      border-radius: 10px;
      padding: 10px 10px;
      margin-bottom: 6em;
  
      box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2)
  }
  
  .page p {
      line-height: 20px;
      margin: 0;
  }
  
  .night {
        border: 2px solid rgb(220,220,200);
        background: rgb(var(--gray-monochrome));
        margin: 1em auto;
        width: 80%;
        padding: 5px;
  }
  
  .night a {
       color: rgb(var(--link-color));
       font-weight: bold;
       font-size: 1.5em;
  }
  
  .spectre {
      font-family: 'yukarimobileregular';
      font-size: 3.03em;
      letter-spacing: 1px;
      text-align: center;
  }

  Pages using this styling

  • black-as-night [info]

  ¶ 1 occurrence
  

  @media (max-width: 767px) {
  
  .image-container.floatleft {
      padding-left: unset;
      float: unset;
  }

  Pages using this styling

  • bitch-hub [info]

  ¶ 1 occurrence
  

  .brief {
      margin: 15px;
      padding: 24px;
      border: 3px solid black;
      border-radius: 12px;
      background-color: #000000;
  }
  .bubble {
      margin: 15px;
      padding: 24px;
      border: 3px solid black;
      border-radius: 12px;
      background-color: #FFFFFF;
      min-height: 250px;
  }

  Pages using this styling

  • bitch-hub [info]

  ¶ 1 occurrence
  

  :root {
    --header-title: "Bill Reviews";
    --header-subtitle: "Avian Connoisseurs";
  }

  Pages using this styling

  • bird-review [info]

  ¶ 1 occurrence
  

  /* HEADER */
   :root{
     --header-title: "The Avian Division";
     --header-subtitle: "Until we return to The Nest";
     --lgurl: url(https://scp-wiki.wdfiles.com/local--files/bird/avdiv_white.png);
  }
  
   div#container-wrap{
       background-image: url(https://scp-wiki.wikidot.com/local--files/bird/avdiv_body_bg.png);
  }
  
   #header h1 a::before,
   #header h2::before{
       font-family: "Verdana", sans-serif;
  }
  
   #page-title,
   #breadcrumbs{
       display: none;
  }
  
   .meta-title{
       color: hsl(45, 98%, 28%);
  }
  
   #page-content a,
   #page-content span{
       font-weight: bold;
  }
  
  /* INFO BAR */
   body{
       --barColour: hsl(45, 89%, 40%);
  }
  
   .info-container .collapsible-block-unfolded{
       background: hsl(0, 0%, 100%);
  }
  
   #u-author_block{
       display: none;
  }
  
  /* PAGE RATING */
   .page-rate-widget-box .rate-points{
       background: hsl(45, 89%, 40%) !important;
       border: 1px solid hsl(45, 89%, 40%);
  }
  
   .page-rate-widget-box .rateup,
   .page-rate-widget-box .ratedown{
       background: hsl(45, 100%, 97%);
       border-color: hsl(45, 89%, 40%);
  }
  
   .page-rate-widget-box .cancel{
       background: hsl(45, 89%, 40%);
       border: 1px solid hsl(45, 89%, 40%);
  }
  
   .page-rate-widget-box .rateup a,
   .page-rate-widget-box .ratedown a{
       color: hsl(45, 89%, 40%);
  }
  
   .page-rate-widget-box .cancel a{
       color: hsl(45, 76%, 67%);
  }
  
   .page-rate-widget-box .rateup a:hover,
   .page-rate-widget-box .ratedown a:hover{
       background: hsl(45, 89%, 40%);
  }
  
   .page-rate-widget-box .cancel a:hover{
       color: hsl(45, 100%, 97%);
       background: hsl(45, 89%, 40%);
  }
  
  /* DIV BLOCKS */
   .header-image{
       margin-bottom: .25rem;
  
       background: hsl(0, 0%, 100%);
       border: 2px solid hsl(0, 0%, 5%);
  
       font-size: 80%;
       font-weight: bold;
       text-align: center;
  }
  
   .showcase{
       padding: 0 1rem;
  
       background: hsl(0, 0%, 100%);
       border: 2px solid hsl(0, 0%, 5%);
  }
  
   .showcase hr{
       border-top: 2px solid hsl(45, 100%, 55%);
  }
  
   .scm{
      margin-bottom: 4%;
  }
  
  /* FORMATTING */
   .bg-gradiant{
       margin: 0 -1.7em;
       padding: 0 1.7em;
  
       background:
          linear-gradient(to bottom,
            transparent,
            hsl(45, 100%, 55%),
            hsl(45, 100%, 55%),
            hsl(0, 0%, 100%));
  }
  
  /* TABLES */
   blockquote,
   .blockquote,
   .article blockquote,
   .continued blockquote{
       background: 0;
       border: 1px solid hsl(45, 100%, 55%);
  }
  
   blockquote,
   .blockquote{
       border-width: 2px;
  }
  
   .article blockquote,
   .continued blockquote{
       padding-right: 0;
       padding-left: 0;
  
       border-left-width: 2px;
  }
  
   .article blockquote{
       border-top-width: 2px;
  }
  
   .article table.wiki-content-table,
   .continued table.wiki-content-table{
       width: 100%;
       margin: 0 0 -1px;
  }
  
   .article table.wiki-content-table td,
   .continued table.wiki-content-table td{
       border-color: hsl(45, 100%, 55%);
       border-right: 0;
  }
  
   .continued table.wiki-content-table td{
       border-top: 0;
  }
  
  /* FAKE AUTHOR BLOCK */
   .fakeblock a{
       display: inline;
       padding: .8em;
  
       color: hsl(0, 0%, 5%);
       background: hsl(45, 100%, 92%);
       border: .15rem outset hsl(45, 79%, 50%);
       transition:
          -webkit-backdrop-filter .3s,
          backdrop-filter .3s,
          background .3s;
  }
  
   .fakeblock a:hover{
       background: var(--barColour);
  
       text-decoration: none;
  }

  Pages using this styling

  • bird [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+Antique:wght@300;400;500;700;900&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@700;800;900&display=swap');
  
  #edit-page-textarea {
  background:white;
  color:black;
  }
  
  
  :root {
   --basalt-secondary-color:6, 6, 6;
   --header-title: "OVERWATCH";
   --header-logo: url("https://scp-wiki.wdfiles.com/local--files/billiths-proposal/watcher.png");
   --header-subtitle: "ARCHIVAL SITE-01";
   --body-font-primary: 'Zen Kaku Gothic Antique', sans-serif;
   --UI-font-primary: 'Poppins';
   --basalt-dark-element-color:1, 4, 6;
   --selection-text-color: 255, 255, 255;
   --one-color: var(--vector-enki) !important;
   --basalt-main-text-color: 175, 191, 181;
   --image-caption-background-color: 0,0,0;
   --link-color: 105, 179, 134;
   --tilesize=100;
   --general-border-color: rgb(var(--vector-dark));
   --h-border-color: rgb(var(--vector-dark));
   --selection-background-color: 69, 69, 69;
   --backdrop:url(https://scp-wiki.wdfiles.com/local--files/billiths-proposal/earth.png);
   --swatch-background: 123, 89, 119 !important; 
   --swatch-menubg-black-color: 132, 166, 134 !important;
   --login-status-text-color: 132, 166, 134;
   --basalt-tertiary-color: 0,0,0;
   --basalt-background-color: 6, 6, 6;
   --vector-midtone: 26, 26, 26;
  }
  .boxx {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3E%3Cpath fill='%236F6F6F' fill-opacity='0.2' d='M1 3h1v1H1V3zm2-2h1v1H3V1z'%3E%3C/path%3E%3C/svg%3E");
  padding:10px;
  }
  body::before {
    content: ' ';
    position: fixed;
    display: block;
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    background-image: linear-gradient(170deg, transparent, rgb(0, 0, 0) 65%, rgb(0, 0, 0) 65%, rgb(0, 0, 0) 100%);
    z-index: -1;
  }
  body {
      background-attachment: fixed;
      background-size: cover;
      background-repeat:no-repeat;
  }
  #page-content > div.dark.terminal.opaque > div.blinky > div.colmod-block > ul > li > div.colmod-link-top > div > a:nth-child(1) {
      animation: blink 1.2s ease-in-out infinite alternate !important;
  }
  @keyframes blink {
      0% { color: transparent; }
      50%, 100% { color: #88ffae; }
  }
  
  @media (max-width: 800px) {
      body {
          background-size: 100% 66%;
      }
  }
  @media (max-width: 456px) {
  #page-content a:any-link {
  text-transform: unset;
  }
  
  }
  
  .scp-image-block.block-center img {
  height:400px;
  }
  #extra-div-1 {
  background: linear-gradient( 180deg, rgb(0, 0, 0) 20%, rgb(37, 0, 24)100%);
  }
  div.terminal{
      margin: 0 auto;
      border: 1px solid black;
      border-radius: 16px;
      background-position: center;
      display: block;
      box-shadow: inset 0 0 10em 1em rgba(0,0,0,0.5);
      box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.32) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
      overflow:hidden;
      width:100%;
  }
  #header>* {
  color: white;
  }
  div.terminal blockquote {
      padding:10px;
      background-color: rgba(24,23,25,.8);
      position: center;
      margin: 0 auto;
      width:70%;
      color: rgb(var(--vector-clay));
  }
  div.scanline {
      margin-top:-40%;
      margin-bottom:40%;
      width: 100%;
      margin: 0 auto;
      height: 60px;
      pointer-events: none;
      -webkit-animation: scan 20s linear 0s infinite;
      animation: scan 20s linear 0s infinite;
      background: linear-gradient(to bottom, rgba(30, 98, 65,0), rgba(30, 98, 65,0.07 )) !important;
  }
  
  div.text{
      
      padding-top: 40%;
      font-family: monospace;
      font-size: 1.0em;
      padding:10px;
      margin: 0 auto;
      border: 1px white;
  }
  div.specialmodal > p:nth-child(1)::before {
      content: "NOTICE FROM THE RECORDS AND INFORMATION SECURITY ADMINISTRATION\00000a";
      font-family: 'Poppins', sans-serif;
      font-weight: 900;
      font-size: 130%;
      max-width: 49rem;
      margin-left: auto;
      margin-right: auto;
      display: flex;
      flex-direction: column;
      align-content: stretch;
      align-items: center;
      object-fit: fill;
      background-repeat:no-repeat;
  }
  ::-webkit-scrollbar-thumb {
      background: rgb(109, 133, 165) !important;
  
  }
  a:hover{ text-decoration: none !important; }
  
  a {
  color:rgb(105, 179, 134);
  
  }
  :is(.image-block,.scp-image-block) :is(.image-caption,.scp-image-caption) p {
  color: lavender;
  }
  
  .foldable-list-container, .colmod-block {
  color:rgb(175, 191, 181;) !important;
  
  }
  div.specialmodal {
      background: url(https://scp-wiki.wikidot.com/local--files/theme:basalt/RAISA_LIGHTLOGO.png) !important;
      background-size: 75% auto !important;
      background-position: center center !important;
      background-color: rgba(24,23,25,1) !important;
      font-size: 1.1em;
      width: 75%;
      min-height: 4rem;
      max-height: 120rem;
      margin-left: auto;
      margin-right: auto;
      margin-top: 20px;
      text-align: center;
      padding: 10px 20px 20px 20px;
      word-break: break-word;
      background-repeat:no-repeat;
      object-fit: fill !important;
  box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
  }
  @-webkit-keyframes scan{
      from{ transform: translateY(-10%);}
      to{  transform: translateY(25000%);}
  }
  
  @keyframes scan{
      from{ transform: translateY(-10%);}
      to{  transform: translateY(25000%);}
  }
  .bibitems .bibitem, .footnotes-footer .footnote-footer {
  color:rgb(var(--vector-enki));
  }
  .fnnum::after, .fnnum:hover::after {
      color: #88ffae !important;
  }
  
  li.folded > .progmask{ display: none; }
  li.unfolded > .progmask{ display: block; }
  
  .anom-bar-container.esoteric .text-part .main-class { border-color: transparent !important; }
  .anom-bar-container.esoteric .text-part > .main-class::before { border-color: white !important; }
  .anom-bar-container.esoteric .text-part > .main-class::after { border-color: black !important; }
  .text-part .disrupt-class::after, .text-part .risk-class::after {
  border: 0.25rem solid rgb(12, 12, 12) !important;
  }
  .danger-diamond > .arrows {
  background-color: black !important;
  }
  .danger-diamond > .top-icon, .danger-diamond > .right-icon, .danger-diamond > .left-icon, .danger-diamond > .bottom-icon {
  background-color: white !important;
  border-color: black !important;
  }
  .danger-diamond > .arrows {
  background: none !important;
  
  }

  Pages using this styling

  • billiths-proposal [info]

  ¶ 1 occurrence
  

  @import url('https://scp-wiki.wdfiles.com/local--files/component%3Aspirit-theme/telegram3.css');
  @import url('https://scp-wiki.wdfiles.com/local--files/component%3Aspirit-theme/Yukarimobile.css');
  
  .CS-title {
      font-family: 'alpha_echoregular';
  }

  Pages using this styling

  • big-dick-chappell [info]

  ¶ 1 occurrence
  

  .spirit blockquote {background-color: white}

  Pages using this styling

  • big-dick-chappell [info]

  ¶ 1 occurrence
  

  :root {
  --header-title: "SCP: North Star";
  --header-subtitle: "Chapter 1 - Humans and Horrors";
  --lgurl: url('http://scp-wiki.wikidot.com/local--files/beyond-the-depths-part6/Omega7-splash.png');
  }

  Pages using this styling

  • beyond-the-depths-part6 [info]

  ¶ 1 occurrence
  

  :root {
  --header-title: "SCP: North Star";
  --header-subtitle: "Chapter 1 - Humans and Horrors";
  --lgurl: url('http://scp-wiki.wikidot.com/local--files/beyond-the-depths-part5/Omega7-splash.png');
  }

  Pages using this styling

  • beyond-the-depths-part5 [info]

  ¶ 1 occurrence
  

  :root {
  --header-title: "SCP: North Star";
  --header-subtitle: "Chapter 1 - Humans and Horrors";
  --lgurl: url('http://scp-wiki.wikidot.com/local--files/beyond-the-depths-part4/Omega7-splash.png');
  }

  Pages using this styling

  • beyond-the-depths-part4 [info]

  ¶ 1 occurrence
  

  :root {
  --header-title: "SCP: North Star";
  --header-subtitle: "Chapter 1 - Humans and Horrors";
  --lgurl: url('http://scp-wiki.wikidot.com/local--files/beyond-the-depths-part3/Omega7-splash.png');
  }

  Pages using this styling

  • beyond-the-depths-part3 [info]

  ¶ 1 occurrence
  

  :root {
  --header-title: "SCP: North Star";
  --header-subtitle: "Chapter 1 - Humans and Horrors";
  --lgurl: url('http://scp-wiki.wikidot.com/local--files/beyond-the-depths-part2/Omega7-splash.png');
  }

  Pages using this styling

  • beyond-the-depths-part2 [info]

  ¶ 1 occurrence
  

  :root {
   --header-title: "Best Place of Stuff";
   --header-subtitle: "by carmine car-is-mine carmichael";
   --lgurl: url('https://scp-wiki.wikidot.com/local--files/component:anomaly-class-bar/uncontained-icon.svg');
  }

  Pages using this styling

  • best-place-of-stuff [info]

  ¶ 1 occurrence
  

  :root {
     --lgurl:  https://scp-wiki.wikidot.com/;
     --header-title: "Horizon Initiative";
     --header-subtitle: "In The Eyes of God";
  }  --logo-image: url('https://scp-wiki.wdfiles.com/local--files/horizon-initiative-hub/logo5.png');

  Pages using this styling

  • bernard-s-ballad [info]

  ¶ 1 occurrence
  

  div#container-wrap {
      -webkit-filter: grayscale(100%);
      filter: grayscale(100%);
  }

  Pages using this styling

  • bernard-s-ballad [info]

  ¶ 1 occurrence
  

  /* ===== Base / Theme Overrides ===== */
  #page-title {
    display: none; /* fully removes instead of just hiding visually */
  }
  
  :root {
    /* Logo + gradients */
    --logo-image: url(https://scp-wiki.wdfiles.com/local--files/theme%3Amidnight-rush/midnight-rush-icon.png);
    --gradient-header: linear-gradient(to top, var(--color-bg-mid), var(--color-bg-top));
  
    /* Text + colors */
    --color-text-main: #f5f5f5;
    --color-bg-top: #1a1f22;
    --color-bg-mid: #131111;
    --color-bg-bottom: #0b0b0b;
    --color-border: #777;
    --color-caption-text: #aaa;
    --accent-color: #1a73e8;
    --highlight-color: #ff4a4a;
  
    /* Fonts */
    --font-sans: 'Rubik', 'Segoe UI', sans-serif;
    --font-default-size: 1rem;
  
    /* Story block spacing */
    --story-block-padding-v: 2.5rem;
    --story-block-padding-h-extra: 25px;
    --story-block-padding-h-base: 0.5rem;
    --story-block-border-width: 5px;
  
    /* Timeline */
    --vertical-line-width: 4px;
    --vertical-line-color: var(--color-border);
  
    /* Shadows & transitions */
    --shadow-base: 0 4px 12px rgba(0,0,0,0.25);
    --shadow-hover: 0 6px 20px rgba(0,0,0,0.35);
    --transition-speed: 0.25s;
  
    /* Collapsibles */
    --collapsible-header-bg: #181818;
    --collapsible-header-hover: #242424;
    --collapsible-header-text: #e0e0e0;
    --collapsible-content-bg: var(--color-bg-bottom);
    --collapsible-content-border: var(--color-border);
  }
  
  /* ===== Content Wrapper ===== */
  #content-wrap {
    background: var(--color-bg-mid);
    padding: 1.25rem;
    color: var(--color-text-main);
    font-family: var(--font-sans);
    font-size: var(--font-default-size);
    line-height: 1.6;
  }
  
  /* ===== Collapsible Blocks ===== */
  div.collapsible-block {
    margin: 2em auto;
    width: min(95%, 800px);
    border-radius: 8px;
    border: 1.5px solid var(--collapsible-content-border);
    box-shadow: var(--shadow-base);
    background: var(--collapsible-content-bg);
    overflow: hidden;
    transition: box-shadow var(--transition-speed) ease;
  }
  
  div.collapsible-block:hover {
    box-shadow: var(--shadow-hover);
  }
  
  div.collapsible-block > div.collapsible-block-folded,
  div.collapsible-block > div.collapsible-block-unfolded {
    background: var(--collapsible-header-bg);
    font-family: var(--font-sans);
    letter-spacing: 0.04em;
    text-transform: uppercase;
    font-size: 1.1rem;
    text-align: center;
    position: relative;
    cursor: pointer;
    padding: 0.8em 2.5em 0.8em 1.25em;
    color: var(--collapsible-header-text);
    transition: background var(--transition-speed), color var(--transition-speed);
  }
  
  div.collapsible-block > div.collapsible-block-folded:hover {
    background: var(--collapsible-header-hover);
    color: var(--highlight-color);
  }
  
  div.collapsible-block > div.collapsible-block-folded::after,
  div.collapsible-block > div.collapsible-block-unfolded::after {
    position: absolute;
    right: 1em;
    top: 50%;
    transform: translateY(-50%);
    font-size: 1.25rem;
    transition: transform var(--transition-speed), color var(--transition-speed);
  }
  
  div.collapsible-block > div.collapsible-block-folded::after {
    content: "▼";
    color: var(--highlight-color);
  }
  div.collapsible-block > div.collapsible-block-unfolded::after {
    visibility: hidden;
    content: "▲";
    color: var(--accent-color);
  }
  
  div.collapsible-block > div.collapsible-block-content {
    border-top: 2px solid var(--accent-color);
    background: radial-gradient(circle at top, #101010, #0a0a0a 85%);
    padding: 2rem 2.25rem;
    box-shadow: inset 0 0 15px rgba(0,0,0,0.55);
    animation: fadeIn var(--transition-speed) ease-in;
  }
  
  /* Fade-in animation */
  @keyframes fadeIn {
    from { opacity: 0; transform: translateY(-6px); }
    to { opacity: 1; transform: translateY(0); }
  }
  
  /* ===== Timeline / Story Blocks ===== */
  .center-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 3rem auto;
    gap: 6rem;
    position: relative;
  }
  
  .center-wrapper::before {
    content: "";
    position: absolute;
    inset: 0 auto 0 50%;
    width: var(--vertical-line-width);
    transform: translateX(-50%);
    background-color: var(--vertical-line-color);
    z-index: 0;
  }
  
  .story-block {
    position: relative;
    display: inline-block;
    width: fit-content;
    background-color: var(--color-bg-bottom);
    border: var(--story-block-border-width) double var(--color-text-main);
    padding: var(--story-block-padding-v)
             calc(var(--story-block-padding-h-extra) + var(--story-block-padding-h-base))
             1.5rem;
    box-shadow: var(--shadow-base);
    z-index: 1;
    transition: all var(--transition-speed) ease;
  }
  
  .story-block:hover {
    box-shadow: 0 0 18px rgba(255,74,74,0.5);
    border-color: var(--highlight-color);
    transform: translateY(-4px) scale(1.01);
  }
  
  .story-block a {
    font-size: 1.5rem;
    font-weight: 800;
    text-decoration: none;
    color: var(--accent-color);
    text-shadow: 0 0 6px rgba(26,115,232,0.6);
    transition: color var(--transition-speed), text-shadow var(--transition-speed);
  }
  .story-block a:hover {
    color: var(--highlight-color);
    text-shadow: 0 0 10px rgba(255,74,74,0.8);
  }
  
  .story-caption {
    margin-top: 0.5rem;
    font-size: 0.85rem;
    color: var(--color-caption-text);
    user-select: none;
  }
  
  .story-caption a{
    font-size: 0.85rem;
  }
  
  /* ===== Tabview Styling ===== */
  .yui-navset .yui-nav {
    display: flex;
    justify-content: center;
    gap: 0.75rem;
    border-bottom: 2px solid var(--color-border);
    margin-bottom: 1.25rem;
    padding: 0.25rem 0;
  }
  
  .yui-navset .yui-nav li {
    list-style: none;
    margin: 0;
  }
  
  .yui-navset .yui-nav a {
    display: inline-block;
    padding: 0.6em 1.25em;
    font-family: var(--font-sans);
    font-size: 1rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--color-text-main);
    border-radius: 6px 6px 0 0;
    border: 1px solid transparent;
    transition: all var(--transition-speed) ease;
    text-decoration: none;
    background: linear-gradient(180deg, #181818, #111);
  }
  
  .yui-navset .yui-nav a:hover {
    color: var(--highlight-color);
    border-color: var(--highlight-color);
    box-shadow: 0 0 10px rgba(255,74,74,0.4);
    background: linear-gradient(180deg, #1f1f1f, #151515);
  }
  
  .yui-navset .yui-nav .selected a {
    color: var(--accent-color);
    border: 1px solid var(--accent-color);
    border-bottom: 2px solid var(--color-bg-mid); /* blends with panel */
    background: linear-gradient(180deg, #202020, #131313);
    box-shadow: 0 0 12px rgba(26,115,232,0.6);
    cursor: default;
  }
  
  /* ===== Tab Panel Content ===== */
  .yui-navset .yui-content {
    background: var(--color-bg-bottom);
    border: 1.5px solid var(--color-border);
    border-radius: 0 8px 8px 8px;
    padding: 1.5rem;
    box-shadow: var(--shadow-base);
    animation: fadeIn var(--transition-speed) ease;
  }
  
  .yui-navset .yui-content > div {
    color: var(--color-text-main);
    font-family: var(--font-sans);
    font-size: 0.98rem;
    line-height: 1.6;
  }
  
  /* Fade animation */
  @keyframes fadeIn {
    from { opacity: 0; transform: translateY(4px); }
    to { opacity: 1; transform: translateY(0); }
  }
  
  /* ===== Indented Sections (Tabview Content) ===== */
  
  /* Base indent wrapper */
  .tab-indent {
    margin-left: 1.75em;
    padding-left: 0.75em;
    border-left: 2px solid var(--color-border);
    font-size: 0.97rem;
    line-height: 1.55;
  }
  
  /* Secondary (nested) indent */
  .tab-indent .tab-indent {
    margin-left: 1.5em;
    border-left: 2px dashed var(--color-border);
    padding-left: 0.75em;
    font-size: 0.95rem;
    color: var(--color-caption-text);
  }
  
  /* Headings inside indents */
  .tab-indent strong {
    color: var(--accent-color);
    font-weight: 700;
    letter-spacing: 0.02em;
  }
  
  /* Hover accent for readability */
  .tab-indent:hover {
    border-left-color: var(--highlight-color);
    background: rgba(255,74,74,0.05);
    transition: background var(--transition-speed), border-color var(--transition-speed);
  }
  
  /* ===== Intelligence Quotes 2.0 ===== */
  .intel-quotes {
    max-width: 850px;
    margin: 4rem auto 3rem;
    font-family: "Georgia", serif;
    color: #f9f9f9;
    text-align: center;
    position: relative;
    padding: 2rem 0;
    overflow: hidden;
  }
  
  /* Section header */
  .intel-quotes::before {
    content: "INTELLIGENCE MEMOS — CLASSIFIED";
    display: block;
    font-family: "Rubik", sans-serif;
    font-size: 0.8rem;
    letter-spacing: 0.25em;
    text-transform: uppercase;
    color: rgba(255, 180, 140, 0.3);
    margin-bottom: 2.5rem;
    user-select: none;
    animation: flickerHeader 6s infinite ease-in-out;
  }
  
  /* Quote container */
  .intel-quotes .blockquote {
    margin: 2.5rem auto 1rem;
    position: relative;
    font-size: 1.1rem;
    line-height: 1.7;
    max-width: 700px;
    color: #fff9f5;
    text-shadow: 0 0 10px rgba(255, 120, 80, 0.1);
    transition: all 0.5s ease;
    transform: perspective(800px) rotateX(0deg);
  }
  
  /* Opening and closing quotes */
  .intel-quotes .blockquote::before,
  .intel-quotes .blockquote::after {
    font-size: 2.5rem;
    position: absolute;
    color: rgba(255, 120, 80, 0.3);
    opacity: 0.5;
    transition: opacity 0.5s ease, transform 0.5s ease;
    pointer-events: none;
  }
  
  .intel-quotes .blockquote::before {
    content: "“";
    left: -1.25rem;
    top: -0.5rem;
  }
  
  .intel-quotes .blockquote::after {
    content: "”";
    right: -1.25rem;
    bottom: -0.5rem;
  }
  
  /* Hover animation — cinematic focus */
  .intel-quotes .blockquote:hover {
    color: #fffaf8;
    transform: perspective(900px) rotateX(5deg) scale(1.04);
    text-shadow: 0 0 18px rgba(255, 150, 120, 0.2), 0 0 24px rgba(255, 80, 50, 0.15);
  }
  .intel-quotes .blockquote:hover::before,
  .intel-quotes .blockquote:hover::after {
    opacity: 0.8;
    transform: scale(1.15);
  }
  
  /* Animated ember underline between quotes */
  .intel-quotes .attrib + .blockquote::before {
    content: "";
    position: relative;
    display: block;
    width: 60%;
    height: 1px;
    margin: 3rem auto 0;
    background: linear-gradient(
      90deg,
      rgba(255, 120, 80, 0) 0%,
      rgba(255, 120, 80, 0.6) 50%,
      rgba(255, 120, 80, 0) 100%
    );
    animation: emberPulse 4s infinite ease-in-out;
    border-radius: 2px;
  }
  
  /* Attribution text */
  .intel-quotes .attrib {
    display: block;
    margin-top: 0.5rem;
    font-size: 0.9rem;
    font-style: italic;
    color: rgba(255, 210, 200, 0.8);
    letter-spacing: 0.04em;
    text-shadow: 0 0 6px rgba(255, 100, 60, 0.15);
    transition: color 0.4s ease, text-shadow 0.4s ease;
  }
  
  .intel-quotes .attrib:hover {
    color: #fff2ec;
    text-shadow: 0 0 8px rgba(255, 100, 60, 0.25);
  }
  
  /* Background ember particle effect (subtle) */
  .intel-quotes::after {
    content: "";
    position: absolute;
    inset: 0;
    background: radial-gradient(
        circle at 20% 80%,
        rgba(255, 120, 80, 0.08),
        transparent 70%
      ),
      radial-gradient(
        circle at 80% 20%,
        rgba(255, 120, 80, 0.05),
        transparent 60%
      );
    filter: blur(10px);
    z-index: -1;
    animation: emberDrift 15s infinite alternate ease-in-out;
  }
  
  /* === Keyframes === */
  @keyframes emberPulse {
    0%, 100% { opacity: 0.35; filter: blur(0.5px); }
    50% { opacity: 0.75; filter: blur(1.5px); }
  }
  
  @keyframes emberDrift {
    0% { transform: translate(0, 0) scale(1); }
    50% { transform: translate(10px, -10px) scale(1.05); }
    100% { transform: translate(-10px, 5px) scale(1); }
  }
  
  @keyframes flickerHeader {
    0%, 100% { opacity: 0.6; text-shadow: 0 0 6px rgba(255, 100, 60, 0.1); }
    50% { opacity: 0.9; text-shadow: 0 0 10px rgba(255, 120, 80, 0.25); }
  }
  
  /* Responsive adjustments */
  @media (max-width: 700px) {
    .intel-quotes .blockquote {
      font-size: 1rem;
      padding: 0 1.25rem;
    }
    .intel-quotes::before {
      font-size: 0.7rem;
    }
  }
  
  

  Pages using this styling

  • beneath-control-hub [info]

  ¶ 1 occurrence
  

  body {
      --image-width: min(var(--main-content-width), calc(100% - var(--main-content-side-margin) * 2));
      --image-height: calc(var(--image-width) * (684 / 1024));
      --blur-height: 15rem;
      --blur-anchor: calc(81% - var(--image-height));
      @media (max-width: 600px) { --blur-anchor: 81% }
      
      overflow-x:hidden;
      background-image: linear-gradient(to bottom in oklab, #000000, #000000 calc(var(--blur-anchor) - var(--blur-height)), #FFFFFF calc(var(--blur-anchor) + var(--blur-height)), #FFFFFF);
  }
  
  #page-content { padding-top: 0px; }
  
  div.page-rate-widget-box span.btn>a {
      border-bottom: none;
  }
  :root {
      --basalt-main-text-color: 192,192,192;
      --rate-module-background-color: 0,0,0;
      --rate-module-info-background-color: 0,0,0;
      --side-bar-background-color: 0,0,0;
      --button-outline-color: 0,0,0;
      --button-text-color: 192,192,192;
      --header-logo: var(--logo);
      --logo: url("https://scp-wiki.wdfiles.com/local--files/theme%3Abasalt/basalt_scp_logo-for_darkmode.svg");
      --search-icon-color: 192,192,192;
      --header-title-color: 192,192,192;
      --header-subtitle-color: 192,192,192;
      --scrollbar-track-color: 30, 30, 30;
      --header-background-color: 0,0,0;
      --top-bar-link-color: 192,192,192;
      --header-border-color: 99,107,96;
  }
  .spacer { flex: 1 1 auto; }
  .spacee { flex: 2 1 50%; }

  Pages using this styling

  • below [info]

  ¶ 1 occurrence
  

  :root {
          --logo-image: url("https://scpdsandbox.wdfiles.com/local--files/powstanie-85/ci-logo.png");
          --header-title: "THE INSURGENCY";
          --header-subtitle: "CREATING LOGIC OUT OF ILLOGIC";
  }
  
  @supports (display: grid) {
      #page-content a:not([href*="user"]):not([href*="javascript:;"]):not([href="/classification-committee-memo"]) {
          box-shadow: inset 0 -0.125rem 0 0rem rgba(var(--dark-accent));
      }
  }
  
  .earthworm {
          --earthworm-segment-border-color: rgba(var(--medium-accent),.75) !important;
  }
  
  .info-container {
          margin-top: -15px;
  }
  
  .info-container {
          --barColour: #0f0505;
          --linkColour: #990100;
  }
  
  #main-content hr {
      border-top: none;
  }
  
  #page-title::after,
  .meta-title::after,
  #page-title::before,
  .meta-title::before {
          content: "";
          flex-grow: 1;
          height: 0.0625rem;
          background: rgb(var(--swatch-primary));
  }
  
  #page-title::before,
  .meta-title::before {
          margin: auto 1.25rem auto auto;
  }
  
  .image {
          width: 100%;
          border: .2rem solid rgb(var(--gray-monochrome));
  }

  Pages using this styling

  • bedlam [info]

  ¶ 1 occurrence
  

  
  div#header h1 a:before {
      content: " ";
      color: #eee; 

  Pages using this styling

  • become-like-god [info]

  ¶ 1 occurrence
  

  :root {
      --ss03: 0;
  }

  Pages using this styling

  • because-of-the-shame [info]

  ¶ 1 occurrence
  

  #page-title {
    display: Because;
  }

  Pages using this styling

  • because [info]

  ¶ 1 occurrence
  

  :root {
       --accent-color: 212, 212, 212;
  }

  Pages using this styling

  • beast [info]

  ¶ 1 occurrence
  

  :root, :root * {
      white-space: normal !important;
      word-break: normal !important;
  }
  
  table.heritage {
    border: 0;
    padding: 0;
    margin: 0 auto;
    width: 90%;
    border-spacing: 0;
    border-collapse: separate;
  }
  
  table.heritage td {
    vertical-align: top;
  }
  
  table.heritage td.title,
  table.heritage td.label {
    border-right: solid 0.0625rem #999;
    font-size: 1rem;
    color: #999;
    width: 33%;
    text-align: right;
    padding-right: 0.625rem;
  }
  
  table.heritage td.label {
    font-size: 1.25rem;
  }
  
  table.heritage td.title {
    padding-bottom: 1.25rem;
  }
  table.heritage td.label {
    font-weight: bold;
  }
  
  table.heritage td.entry {
    padding: 0.375rem 0 1.25rem 0.625rem;
  }
  
  table.heritage div.description {
    font-size: 0.875rem;
  }
  table.heritage div.snippet {
    font-style: italic;
    font-size: 0.5rem;
    color: #666;
  }
  table.heritage div.date {
    font-weight: normal;
    font-size: 0.438rem;
  }
  table.heritage div.snippet p {
    margin: 0.313rem 0;
  }
  table.heritage div.description p,
  table.heritage div.date p {
    margin: 0;
  }

  Pages using this styling

  • bearitage-collection [info]

  ¶ 1 occurrence
  

  :root {
    --title: "Your Foundation.";
    --subtitle: "Something - Something - Something else.";

  Pages using this styling

  • basic-theme-modification [info]

  ¶ 1 occurrence
  

  :root {
    --logo: url("https://your-url-here.png");

  Pages using this styling

  • basic-theme-modification [info]

  ¶ 1 occurrence
  

  :root {
    --header-title: "Your Foundation.";
    --header-subtitle: "Something. Something. Something else.";

  Pages using this styling

  • basic-theme-modification [info]

  ¶ 1 occurrence
  

  :root {
    --logo-image: url("https://your-url-here.png");

  Pages using this styling

  • basic-theme-modification [info]

  ¶ 1 occurrence
  

  :root {
    --header-title: "Your Foundation";
    --header-subtitle: "Something, Something, Something else.";
    --sp_header-logo: url(https://your-url-here.png);
  }

  Pages using this styling

  • basic-theme-modification [info]

  ¶ 1 occurrence
  

  #header h2 span {
    line-height: 0px;
    max-height: 0px;
    color: transparent;
    text-shadow: none;
  }
  #header h2 span::before {
    content: "Something. Something. Something else.";
    color: #f0f0c0;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .8);
  }

  Pages using this styling

  • basic-theme-modification [info]

  ¶ 1 occurrence
  

  #header h1 a span {
    line-height: 0px;
    max-height: 0px;
    color: transparent;
    text-shadow: none;
  }
  #header h1 a::before {
    content: "Your Foundation";
  }

  Pages using this styling

  • basic-theme-modification [info]

  ¶ 1 occurrence
  

  #header {
      background-image: url(https://your-url-here.png);
  }

  Pages using this styling

  • basic-theme-modification [info]

  ¶ 1 occurrence
  

  img {
      margin: 1em 0em 1em;
  }
  h1 {
    margin-top: 2em;
  }

  Pages using this styling

  • basic-theme-modification [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Meie+Script&display=swap');
  :root{
  --basalt-overtone: 180, 180, 180;
      --basalt-UI-dark-palette: 55, 55, 55;
      --basalt-bright-element-color: 171, 106, 112;
      --basalt-dark-element-color: 196, 122, 129;
      --basalt-secondary-color: 18, 18, 18;
      --general-border-color: 133, 74, 80;
      --basalt-primary-color: 13, 13, 13;
      --basalt-tertiary-color: 44, 44, 44;
      --basalt-main-text-color: 195, 195, 195;
      --logo: url(http://scp-wiki.wikidot.com/local--files/theme:basalt/basalt_scp_logo-for_darkmode.svg);
      --subtitle: "Sordid, Controlled, Perverse";
      --title: "SCP Foundation";
  }
  
  .meie-script-regular {
    font-family: "Meie Script", cursive;
    font-weight: 400;
    font-style: normal;
  }
  body {
    font-size: 0.85em;
    background-color: #000000;
    opacity: 1;
    background-image:  radial-gradient(#703d44 1.3px, transparent 1.3px), radial-gradient(#703d44 1.3px, #000000 1.3px);
    background-size: 52px 52px;
    background-position: 0 0,26px 26px;
  }
  
  h2 {
     text-align:center;
  
     font-family: "Meie Script", cursive;
     font-size: 210%;
  }
  
  
  h3 {
     text-align:center;
     color: rgb(171, 106, 112);
     font-family: "Meie Script", cursive;
     font-size: 170%;
  }
  
  h4 {
     text-align:center;
     color: rgb(195, 195, 195);
  }
  
  
  
  .dots {
     width: 95%;
     margin: auto;
     padding: 1em;
     background-color: #000000;
     opacity: 1;
     background-image:  radial-gradient(#6b383f 0.9500000000000001px, transparent 0.9500000000000001px), radial-gradient(#6b383f 0.9500000000000001px, #000000 0.9500000000000001px);
     background-size: 38px 38px;
     background-position: 0 0,19px 19px;
     border-top: 1.5px solid #ab0000;
     border-bottom: 1.5px solid #ab0000;
     text-align: center;
  }
  
  
  div.modal {
      display: block;
      margin-inline: auto;
      margin-block: 1.4rem;
      padding-inline: 1.5rem;
      padding-block: 0.5rem;
      background-color: #000000;
      color: rgb(var(--basalt-main-text-color));
      border: 1px solid #000000;
      background-opacity: 0.6;
  }
  
  #page-content div.modal {
      max-width: 48em;
  }
  
  
  div.notation {
      display: block;
      margin-inline: auto;
      margin-block: 1.4rem;
      padding-inline: 1.1rem;
      padding-block: 0.9rem;
      background-color: rgb(var(--basalt-primary-color));
      border-left: solid 0.25rem rgb(var(--general-border-color));
      border-right: solid 0.25rem rgb(var(--general-border-color));
      border-top: solid 1px rgb(var(--general-border-color));
      border-bottom: solid 1px rgb(var(--general-border-color));
      color: rgb(var(--basalt-main-text-color));
  }
  
  .mem {
      color: rgb(175, 175, 175);
  }
  

  Pages using this styling

  • barrikadas-marital-cage [info]

  ¶ 1 occurrence
  

  :root {
       --header-title: "Department of Unreality";
       --header-subtitle: "Tier 0 baby what the fuck does that meanㅤㅤㅤㅤ";
       --lgurl: url('http://scp-wiki.wikidot.com/local--files/unreality-hub/Unreality%20Header%20Logo.svg');
  }

  Pages using this styling

  • baroque-unreality [info]

  ¶ 1 occurrence
  

  
  @import url('https://fonts.googleapis.com/css?family=EB+Garamond:500&display=swap');
  
  .fancytext {
  font-family:"EB Garamond"; sans-serif;
  font-size:120%;
  }
  
  .authorlink-wrapper,
  .authorlink-wrapper + div {
    margin-right: 0 !important; /* needed to override inline styles */
  }

  Pages using this styling

  • barlowalso [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css?family=Schoolbell&display=swap');
  

  Pages using this styling

  • bananabreadbunch [info]

  ¶ 1 occurrence
  

  :root {
    --header-title: "SCP FOUNDATION";
    --lgurl: url("https://scp-wiki.wdfiles.com/local--files/math-department-hub/Math%20Department%20Logo%20-%20Penumbra.png");
    --header-subtitle: "DEPARTMENT OF MATHEMATICS";
    --accentColor: #1eb5e8;
    /* --header-subtitle: "DEPARTMENT OF APPLIED MATHEMATICS"; */
    /* --accentColor: #65cdf0; */
    /* --header-subtitle: "DEPARTMENT OF ESOTERIC MATHEMATICS"; */
    /* --accentColor: #0099cc; */
    /* --header-subtitle: "DEPARTMENT OF TACTICAL MATHEMATICS"; */
    /* --accentColor: #636fee; */
  }
  
  .preview .span, .infobox {
    display: none !important;
  }
  
  #content-wrap h1 {
    text-align: center;
    text-decoration: underline var(--accentColor);
  }
  

  Pages using this styling

  • badooga-author-page [info]

  ¶ 1 occurrence
  

  @import url(https://scp-int.wikidot.com/component:letters-theme/code/1);

  Pages using this styling

  • back-to-square-one [info]

  ¶ 1 occurrence
  

  .translation_block{display: none;}
  blockquote {
      background-color: black;
      border: double 3px #80FF80
  }
  div.terminal{
          width: @display-width;
          height: @display-height;
      border: 1px solid black;
      border: solid 3px #BBBBBB;
      border-radius: 16px;
      background-color: #131;
  /* black shadow at the top of the terminal */
    	background-image: 
      	radial-gradient(ellipse 1000% 100% at 50% 90%, transparent, #121);
    	background-position: center;
    	display: block;
  /* shadow around the terminal */
    	box-shadow: inset 0 0 10em 1em rgba(0,0,0,0.5);
  /* prevents scanline from forming a scrollwheel */
    	overflow:hidden;
  }
  div.scanline{
      margin-top: -40%;
      width: @display-width;
      height: 60px;
      position: relative;
      pointer-events: none;
      -webkit-animation: scan 5s linear 0s infinite;; /* Safari 4.0 - 8.0 */
      animation: scan 12s linear 0s infinite;
      background: linear-gradient(to bottom, rgba(56, 112, 82,0), rgba(56, 112, 82,0.1)) !important;
  }
  
  div.text{
      color: rgba(128,255,128,0.8);
      padding-left: 2em;
      padding-top: 40%;
  font-family: monospace;
  font-size: 1.2em;
      }
      
  /* Safari 4.0 - 8.0 */
  @-webkit-keyframes scan{
      from{ transform: translateY(-10%);}
      to{  transform: translateY(5000%);}
  }
  
  
  div.text a {
      color: #90EE90;
      text-decoration: none;
      background: transparent;
  }
  div.text a.newpage {
      color: #90EE90;
      text-decoration: none;
      background: transparent;
  }
  div.text a:hover {
      color: #131;
      text-decoration: underline;
      background-color: #80FF80;
      padding: 1px;
  }
  div.text a:hover::before{
  content: "> ";
  }
  

  Pages using this styling

  • ayers-array [info]

  ¶ 1 occurrence
  

   :root{
       --lgurl: url(https://scp-wiki.wikidot.com/local--files/awd-hub/AWD.webp);
       --header-title: "AWD";
       --header-subtitle: "ANOMALOUS WEAPONS DEVELOPMENT";
  }

  Pages using this styling

  • awd-hub [info]

  ¶ 1 occurrence
  

  /* HEADER */
   :root{
     --header-title: "The Avian Division";
     --header-subtitle: "Until we return to The Nest";
     --lgurl: url(https://scp-wiki.wdfiles.com/local--files/bird/avdiv_white.png);
  }
  
   div#container-wrap{
       background-image: url(https://scp-wiki.wikidot.com/local--files/bird/avdiv_body_bg.png);
  }
  
   #header h1 a::before,
   #header h2::before{
       font-family: "Verdana", sans-serif;
  }
  
   #page-title{
       display: none;
  }
  
   .meta-title{
       color: hsl(45, 98%, 28%);
  }
  
  /* PAGE RATING */
   .page-rate-widget-box .rate-points{
       background: hsl(45, 89%, 40%) !important;
       border: 1px solid hsl(45, 89%, 40%);
  }
  
   .page-rate-widget-box .rateup,
   .page-rate-widget-box .ratedown{
       background: hsl(45, 100%, 97%);
       border-color: hsl(45, 89%, 40%);
  }
  
   .page-rate-widget-box .cancel{
       background: hsl(45, 89%, 40%);
       border: 1px solid hsl(45, 89%, 40%);
  }
  
   .page-rate-widget-box .rateup a,
   .page-rate-widget-box .ratedown a{
       color: hsl(45, 89%, 40%);
  }
  
   .page-rate-widget-box .cancel a{
       color: hsl(45, 76%, 67%);
  }
  
   .page-rate-widget-box .rateup a:hover,
   .page-rate-widget-box .ratedown a:hover{
       background: hsl(45, 89%, 40%);
  }
  
   .page-rate-widget-box .cancel a:hover{
       color: hsl(45, 100%, 97%);
       background: hsl(45, 89%, 40%);
  }
  
  /* DIV BLOCKS */
   .thoth-gradiant{
       margin: 1em -1.7em 0;
       padding: .5em 1.7em;
  
       background:
          linear-gradient(
            to left,
            hsl(0, 0%, 100%),
            hsla(45, 100%, 55%, .5));
  }
  
   .akheilos-gradiant{
       margin: 0 -1.7em 1em;
       padding: .5em 1.7em;
  
       background:
          linear-gradient(
            to right,
            hsl(0, 0%, 100%),
            hsla(205, 100%, 55%, .5));
  }
  
   .series-nav{
       background:
          linear-gradient(
            to bottom right,
            hsl(0, 0%, 100%),
            hsla(45, 100%, 55%, .5));
  }

  Pages using this styling

  • avian-anthology-ii [info]

  ¶ 1 occurrence
  

  /* HEADER */
   :root{
     --header-title: "The Avian Division";
     --header-subtitle: "Until we return to The Nest";
     --lgurl: url(https://scp-wiki.wdfiles.com/local--files/bird/avdiv_white.png);
  }
  
   div#container-wrap{
       background-image: url(https://scp-wiki.wikidot.com/local--files/bird/avdiv_body_bg.png);
  }
  
   #header h1 a::before,
   #header h2::before{
       font-family: "Verdana", sans-serif;
  }
  
   #page-title{
       display: none;
  }
  
   .meta-title{
       color: hsl(45, 98%, 28%);
  }
  
  /* PAGE RATING */
   .page-rate-widget-box .rate-points{
       background: hsl(45, 89%, 40%) !important;
       border: 1px solid hsl(45, 89%, 40%);
  }
  
   .page-rate-widget-box .rateup,
   .page-rate-widget-box .ratedown{
       background: hsl(45, 100%, 97%);
       border-color: hsl(45, 89%, 40%);
  }
  
   .page-rate-widget-box .cancel{
       background: hsl(45, 89%, 40%);
       border: 1px solid hsl(45, 89%, 40%);
  }
  
   .page-rate-widget-box .rateup a,
   .page-rate-widget-box .ratedown a{
       color: hsl(45, 89%, 40%);
  }
  
   .page-rate-widget-box .cancel a{
       color: hsl(45, 76%, 67%);
  }
  
   .page-rate-widget-box .rateup a:hover,
   .page-rate-widget-box .ratedown a:hover{
       background: hsl(45, 89%, 40%);
  }
  
   .page-rate-widget-box .cancel a:hover{
       color: hsl(45, 100%, 97%);
       background: hsl(45, 89%, 40%);
  }
  
  /* DIV BLOCKS */
   .bg-gradiant{
       margin: 0 -1.7em;
       padding: 0 1.7em;
  
       background:
          linear-gradient(
            transparent,
            hsla(45, 100%, 55%, .5),
            hsla(45, 100%, 55%, .5),
            hsl(0, 0%, 100%));
  }
  
   .bg-gradiant hr{
       border-top: medium solid hsl(0, 0%, 100%);
  }
  
   .series-nav{
       background:
          linear-gradient(
            to bottom right,
            hsla(0, 0%, 100%, 1),
            hsla(45, 100%, 55%, .5));
  }

  Pages using this styling

  • avian-anthology-i [info]

  ¶ 1 occurrence
  

  ol li {
  padding: 5px 0px;
  }

  Pages using this styling

  • automatic-stop [info]

  ¶ 1 occurrence
  

  table.wiki-content-table {
    margin: 0;
    width: 100%;
  }
  
  table.wiki-content-table td:first-child {
    width: min(15em, 30vw);
  } 
  
  .welcome-header {
    font-size: 200%;
    font-weight: bold;
    color: #600;
    text-align: center;
  }
  .welcome-header span {
    word-break: normal;
  }

  Pages using this styling

  • authors-pages [info]

  ¶ 1 occurrence
  

  #header h1 a::before { content: "Hey Look, the Logo is Spinning" !important; }
  
  #header h2 span::before { content: "Ain't that the darndest thing?" !important; }

  Pages using this styling

  • author-page-zzuxon [info]

  ¶ 1 occurrence
  

  
  .infobox {
   display:inline-box;
   overflow:hidden;
   position:fixed;
   right: 1em;
   bottom: 2em;
   width: 21%;
   width: calc(50vw - 520px);
   min-width: 250px;
   height:23%;
   padding:1%;
   float:top; 
   box-shadow: 0px 4px 8px 0 rgba(0, 0, 0, 0.2), 0px 6px 20px 0 rgba(0, 0, 0, 0.19);
   background-color:#ffffff;
   opacity: 1;
   transition: all 0.5s ease-out;
  }
  
  .infobox:hover {
    color:rgba(0, 0, 0, 0.5);
    background-color:rgba(255, 255, 255, 0.5);
  }
  
  .preview{
   color:grey;
   width:100%;
   display: inline-block;
   padding-left:1%;
   transition: box-shadow 1s ease-out;
  }
  
  .preview:hover{
   box-shadow: 0px 4px 10px 0 rgba(0, 0, 0, 0.19);
   transition: box-shadow 0.3s ease-out;
  }
  
  .preview.yes:hover, .preview.true:hover{
    background: url('https://scpsandboxcn.wikidot.com/local--files/asriel3/logo.png') 80% 50% fixed no-repeat;
  }
  
  .preview .span { 
   opacity: 0;
   pointer-events: none;
   transition: all 0.3s ease-in-out;
   text-overflow:ellipsis;
   position:fixed;
   z-index: 11;
   right: 1em;
   bottom: 2em;
   width:21%;
   width: calc(50vw - 520px);
   min-width: 250px;
   height:23%;
   padding:1%;
   float:top; 
   color:grey;
   text-size:0.9em;
   font-family:Segoe UI Light,Verdana,sans-serif;
  }
  
  .preview:hover .span { 
   opacity: 1;
   background-color:#ffffff;
  }
  
  .collab-header{
   display:none;
  }
  
  .imagepre{
   background:#fff;
   max-width:80%;
   position:absolute;
   right: 1em;
   bottom:calc(100% - 1em);
   box-shadow: 0px 4px 8px 0 rgba(0, 0, 0, 0.2), 0px 6px 20px 0 rgba(0, 0, 0, 0.19);
  }
  
  .imagepre.\{\$image\} {
  display:none
  }
  
  @media screen and (max-width:992px) {
      .preview .span{
      	display: none;
      }
      .infobox {
      	position: relative;
      	margin: 1em auto;
      	right: 0;
      	bottom: 0;
      }
  }
  
  #page-options-container {
   background: transparent;
   position: relative;
   z-index: 10;
  }
  
  #action-area { position: relative; z-index: 20; }
  

  Pages using this styling

  • author-page-tool [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css?family=Bebas+Neue&display=swap');
  @import url('https://fonts.googleapis.com/css?family=Graduate&display=swap');
  @import url('https://fonts.googleapis.com/css?family=Parisienne&display=swap');
  #page-title { display: none; };
  
  /*
  The Bebas Neue font was created by Ryoichi Tsunekawa and is licensed under the Open Font License
  The Parisienne font was created by Astigmatic and is licensed under the Open Font License
  The Graduate font was created by Eduardo Tunni and is licensed under the Open Font License
  */

  Pages using this styling

  • australian-rules [info]

  ¶ 1 occurrence
  

  div.blockquote {
      border: 1px dashed #f2f2f2;
      background-color: #2b2b2b;
      padding: 0 1em;
      margin: 1em 3em;
  }
   
  @media (max-width: 479px) {
      div.blockquote {
          margin: 1em 0;
      }
  }
   
  @media (min-width: 480px) and (max-width: 580px) {
      div.blockquote {
          margin: 0.5em;
      }
  }

  Pages using this styling

  • audio-excerpts-recovered-from-the-durandal-s-internal-databa [info]

  ¶ 1 occurrence
  

  .section {
      background: linear-gradient(to bottom, #eee 0%, #eee 50%, #f7f7f7 50%, #f7f7f7 100%);
      border: 1px solid #888;
      border-radius: 20px;
      overflow: hidden;
      margin-bottom: 1em;}
  .section > p {
      display: none;}
  .section h3 {
      display: inline-block;
      float: left;
      padding-left: 0.7em;
      margin-top: none;
      margin-bottom: none;
      font-size: 1.4em;
      font-weight: bolder;
      color: #901;}
  .section > a {
      float: left;
      font-size: 1.4em;
      font-weight: bolder;
      padding-right: 0.7em;
      margin-top: 0.5em;}
  .section table {
      width: 100%;}
  .section table * {
      text-align: left;}
  .section table td, .section table th {
      border: none;}
  .section table *:first-child {
      text-align: left;}
  .section table tr{
      background: #fff;
      border-bottom: 1px dashed #888;}
  .section table tr:first-child {
      border-bottom: 1px solid #888;}
  .section table tr:last-child {
      border-bottom: none;}
  .section table tr:last-child{
      background: linear-gradient(to bottom, #fff 0%, #fff 50%, #f7f7f7 100%);
      margin-bottom: 1em;}
  .section table td:last-child {
      width:33%;
      background-color:#f7f7f7;}
  .section td:last-child a {
      white-space: nowrap;}
  .section table td:last-child {
       width:33%;
       background-color:#f7f7f7;}
  
  .section .image {
      width:4em;
      border-radius: 50%;
      pointer-events: none;
      float:right;
  }
  
  .proposal table td:first-child,
  .proposal table th:first-child {
       width:33%;
       overflow-wrap: anywhere;
       text-align: right;
  }
  
  
  .toc-table {
      float: right;
      margin-left: 1rem;
  }
  .toc-table table.wiki-content-table,
  .toc-table table.wiki-content-table tr,
  .toc-table table.wiki-content-table tbody td,
  .toc-table table.wiki-content-table thead th,
  .toc-table table.wiki-content-table tfoot th {
      border: none;
      border-right: dashed 1px #999;
      border-left: dashed 1px #999;
      padding-left: 15px;
      padding-right: 15px;
  }
  .toc-table table.wiki-content-table tr {
      border:none;
  }
  .toc-table table.wiki-content-table tbody td:first-of-type,
  .toc-table table.wiki-content-table {
      border-left:none;
  }
  .toc-table table.wiki-content-table tbody td:last-of-type,
  .toc-table table.wiki-content-table{
      border-right:none;
  }
  table.wiki-content-table th {
  font-size: 1.2em;
  }
  .section tr:first-of-type th:first-of-type {
      padding-left: 15px;
  }
  }
  @media (max-width: 479px) {
      .toc-table {
          float: none;
      }
  }
  @media (min-width: 480px) {
      .toc-table {
          float: right;
          margin-left: 1rem;
      }
  }

  Pages using this styling

  • audio-adaptations [info]

  ¶ 1 occurrence
  

  @import url('https://scp-wiki.wikidot.com/local--files/project-paragon-hub/stylesheet.css');
  :root {
      --header-subtitle: "Project PARAGON";
      --cutColour: #fafafa;
      --barColour: #590505;
      --timeScale: 1;
      --timeDelay: 1s;
      --accentColor: 160, 44, 44;
      --dark-gray-monochrome: 55, 55, 55;
      --black-monochrome: 26, 26, 26;
      --lgurl: url(https://scptestwiki.wikidot.com/local--files/secret:scp-0000/scpnewlogo.png);
  }
  
  #header::before {
      opacity: 0.9;
  }
  
  #page-content .info-container {
      --link-color: rgb(var(--swatch-text-general));
  }
  
  #page-content .info-container .translation_block {
      display: none;
  }
  
  #page-content .info-container .collapsible-block-link,
  #page-content .info-container:hover .collapsible-block-link {
      line-height: 1.6em;
  }
  
  #page-content .info-container .collapsible-block-folded,
  #page-content .info-container .collapsible-block-unfolded-link {
      display: grid;
  }
  
  #page-content .info-container .collapsible-block-folded .collapsible-block-link,
  #page-content .info-container .collapsible-block-link {
      -webkit-mask: unset;
              mask: unset;
      background: transparent;
      grid-column: 1;
      grid-row: 1;
      opacity: 0;
  }
  
  #page-content .info-container .collapsible-block-folded::before,
  #page-content .info-container .collapsible-block-unfolded-link::before {
      --wght: 800;
      content: "djkaktus";
      color: var(--link-color);
      font-family: Inter, Arimo, Verdana, Geneva, "Helvetica Neue", "Helvetica", Arial, sans-serif;;
      display: block;
      pointer-events: none;
      grid-column: 1;
      grid-row: 1;
  }
  
  .anom-bar-container.esoteric .text-part>.main-class::before {
      border-color: rgb(var(--swatch-menutxt-dark-color, 12, 12, 12));
  }
  
  .anom-bar-container.esoteric .text-part>.main-class::before,
  .anom-bar-container.esoteric .danger-diamond>.top-icon::before {
      background-color: rgb(var(--swatch-menutxt-dark-color, 12, 12, 12));
      background-image: url("https://scptestwiki.wikidot.com/local--files/secret:scp-0000/esoteric-icon-ededed.svg");
      -webkit-filter: initial;
      filter: initial;
  }
  
  .audfont {
       font-family: 'audapaupadopolisian_scriptRg';
       font-variant-ligatures: historical-ligatures;
       word-break: break-all;
  }
  
  /* Lang header CSS */
  .langheader p {
      line-height: initial;
      width: 95%;
      max-width: 100%;
      position: relative;
      display: block;
      font-size: 1em;
      font-family: Inter, sans-serif;
      font-family: var(--title-font, Inter, sans-serif);
  }
  
  /* Mobile fix for large table */
  @media(max-width:1183px){.mobile-fix-1,.mobile-fix-3{display:none}}@media(min-width:74rem){.mobile-fix-2,.mobile-fix-3{display:none}.mobile-fix-1{margin-left:-30%}}@media(max-width:43rem){.mobile-fix-2{display:none}.mobile-fix-3{display:block}}

  Pages using this styling

  • audapaupadopolisian-language [info]

  ¶ 1 occurrence
  

  :root {
      --header-subtitle: "Telecommunications Monitoring Office";
      --logo-image: url("http://filedmns2.wikidot.com/local--files/dokumentoz/TMOwhite.png");
  }
  sup {
  
  vertical-align: top; position: relative; top: -0.5em;
  }
  @media (max-width: 1600px) {
     .desktop-only{ display: none; visibility:hidden }
  }

  Pages using this styling

  • atomic [info]

  ¶ 1 occurrence
  

  :root { --header-h1-font-size: calc(var(--base-font-size) * (40 / 11));
  --header-title: "At Creation's End Hub";
  }
  #extra-div-3 {
  background-image: url(https://scp-wiki.wdfiles.com/local--files/cotsk-hub/cotsk.png);
  background-size: contain;
  background-repeat: no-repeat
  }
  #header {
      --swatch-headerh1-color:150,00,00 ;
  }
  #page-content a:not([href*="user"]):not([href*="javascript:;"]):not([href="/classification-committee-memo"]) {
      color: #FFFFFF;
  }

  Pages using this styling

  • at-creation-s-end-hub [info]

  ¶ 1 occurrence
  

  :root { --header-h1-font-size: calc(var(--base-font-size) * (40 / 11));
  --header-title: "Children of the Scarlet King";
  }
  #extra-div-3 {
  background-image: url(https://scp-wiki.wdfiles.com/local--files/cotsk-hub/cotsk.png);
  background-size: contain;
  background-repeat: no-repeat
  }
  #page-content a:not([href*="user"]):not([href*="javascript:;"]):not([href="/classification-committee-memo"]) {
      color: #FFFFFF;
  }

  Pages using this styling

  • at-creation-s-end [info]

  ¶ 1 occurrence
  

  
  
  /* _   _                 _            */
  /*| | | | __ _ _   _  __| | ___ _ __  */
  /*| |_| |/ _` | | | |/ _` |/ _ \ '_ \ */
  /*|  _  | (_| | |_| | (_| |  __/ | | |*/
  /*|_| |_|\__,_|\__, |\__,_|\___|_| |_|*/
  /*             |___/                  */
  
  
  @import url('https://scp-wiki.wikidot.com/local--files/astralnav/Blocus.css');
  @import url('https://scp-wiki.wikidot.com/local--files/astralnav/CATAltgotisch.css');
  @import url('https://api.fonts.coollabs.io/css2?family=TikTok+Sans:opsz,wght@12..36,300..900&display=swap');
  
  :root {
      --sp_header-height: calc(8rem + 15vw);
      --sp_top-bar-height: 3rem;
      --sp_header-logo: url("https://scp-sandbox-3.wikidot.com/local--files/theme:wizard/pentagram.svg");
      --sp_top-bar-link-hover-color: rgb(var(--n-gold));
      --sp_dropdown-link-border: none;
      --sp_dropdown-background: rgb(var(--n-void) / 0.4);
      --sp_dropdown-link-color: rgb(var(--n-starlight));
      --sp_top-bar-link-hover-background: transparent;
      --sp_dropdown-link-hover-background: transparent;
      --sp_hovertip-background: rgb(var(--n-void) / 0.4);
      --sp_hovertip-border: solid 4px rgb(var(--n-gold));
      --sp_rate-module-background: transparent;
      --sp_rate-module-button-background: transparent;
      --sp_rate-module-button-color: rgb(var(--n-starlight));
      --sp_rate-module-sub-color: rgb(var(--n-gold));
      --sp_rate-module-active-color: rgb(var(--n-gold));
  
  
      --n-starlight: 255 255 255;
      --n-gold: 229 214 157;
      --n-dullgold: 148 124 74;
      --n-void: 8 8 16;
      --n-header: 'CAT Altgotisch', serif;
      --n-subheader: 'Blocus', serif;
      --n-body: 'TikTok Sans', sans-serif;
  
      --n-flourish: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' width='1363.119' height='1365.771'%3E%3Cdefs%3E%3Cpattern id='a' width='29' height='20' patternTransform='translate(190 350)' patternUnits='userSpaceOnUse' preserveAspectRatio='xMidYMid' style='fill:%23000'%3E%3Cpath d='M0 5c19 0 10 10 29 10' style='fill:%23e5d69d;stroke:%23e5d69d;stroke-width:10;stroke-linecap:butt;stroke-dasharray:none;paint-order:stroke markers fill;stop-color:%23e5d69d'/%3E%3C/pattern%3E%3C/defs%3E%3Cg style='mix-blend-mode:normal;fill:%23e5d69d;stroke:%23e5d69d;stroke-opacity:1'%3E%3Cpath d='M1148.459 285.631c-47.312 40.739-80.998 94.647-108.203 150.243 5.044 2.807 10.065 5.592 15.086 8.422 16.273-19.331 33.618-38.228 54.478-52.653 44.162-28.506 95.582-46.604 148.28-48.453 19.902-.319 39.666 2.556 59.294 5.204-74.022-71.961-101.257-121.548-168.935-62.763zM1032.724 71.392c-13.739-18.395-29.601-35.17-46.627-50.598-15.36 15.908-31.313 31.359-45.052 48.704-30.97 37.403-1.237 114.852 17.984 232.794 5.501 40.556 8.194 81.409 12.461 122.103 8.604.251 17.186.297 25.767.297 4.062-20.084 4.633-40.556 6.368-60.869 6.159-115.008 64.164-242.418 29.099-292.431zM1132.712 169.142c-11.297-6.322-27.091-6.048-36.631 3.446-22.503 21.864-31.838 52.652-41.264 81.66-13.876 45.144-27.753 90.424-36.699 136.846-2.51 13.055-7.212 26.155-5.98 39.621 2.807 4.222 8.787 5.683 13.351 3.72 5.249-10.088 7.486-21.362 11.708-31.838 46.059-111.489 90.607-138.865 107.929-191.644 4.474-14.423 1.188-33.412-12.414-41.811zM1097.907 584.588c6.687-15.314 11.936-31.518 22.252-44.847 39.113-50.462 106.823-75.54 158.459-71.002 22.709 2.122 45.806 5.729 66.346 16.227 13.141 7.034 239.037 228.43 555.744 542.019l46.16-46.16c-274.187-274.575-469.05-469.715-484.731-485.543-36.974-38.708-81.82-71.23-133.194-87.685-30.857-10.133-64.042-9.449-95.948-5.888-43.934 4.907-83.783 26.771-119.09 52.264-40.876 32.34-71.846 78.466-83.418 129.566 22.458.82 44.939 1.802 67.42 1.049z' style='fill:%23e5d69d;stroke:%23e5d69d;stroke-opacity:1' transform='rotate(135 894.548 768.771)'/%3E%3Cpath d='M1385.863 879.802c35.627-5.911 70.34-18.669 100.512-38.616 20.153-12.941 41.241-29.83 45.44-54.844 11.146-40.229-38.298-65.902-71.892-103.799 3.082 71.644-48.057 123.424-110.896 157.958-59.333 30.293-135.485 23.094-149.193 24.261 22.686 10.27 47.7 13.146 72.052 16.82 37.863 5.181 76.205 2.533 113.977-1.78z' style='fill:%23e5d69d;stroke:%23e5d69d;stroke-opacity:1' transform='rotate(135 894.548 768.771)'/%3E%3Cpath d='M1701.162 1156.438c-2.716 4.861-8.057 9.198-7.418 15.36 34.166 4.268 66.347-16.866 85.951-43.364 31.176-44.824 20.769-110.509-18.167-147.39-72.267-78.444-255.986-71.482-361.994-62.466-67.647 5.478-136.367-2.442-200.704-24.192-43.432-12.575-81.386-38.069-116.717-65.502-6.664 5.386-13.328 10.818-19.947 16.387 156.492 187.04 468.519 143.245 588.557 207.095 41.864 18.512 77.701 68.217 50.439 104.072z' style='fill:%23e5d69d;stroke:%23e5d69d;stroke-opacity:1' transform='rotate(135 894.548 768.771)'/%3E%3Cpath d='M1389.903 649.04c-14.97-71.839-94.563-123.023-163.96-95.035-45.1 14.714-83.254 70.459-57.536 122.399 8.787 20.563 31.153 33.71 53.154 33.938 16.592.023 30.058-10.75 41.606-21.385-8.81-3.104-18.395-4.61-26.452-9.563-29.63-25.254-2.701-72.154 32.865-69.975 66.763 8.278 77.424 83.734 44.277 123.883-38.069 45.828-110.805 55.072-160.468 23.257-32.043-20.769-55.391-55.528-60.024-93.711-20.472.616-41.264-1.46-61.485 2.374-8.173 19.191 21.302 117.39 118.907 158.208 114.796 52.024 267.489-43.248 239.116-174.39zM960.011 425.695c-2.853-20.929-8.969-41.287-13.762-61.827-25.049-87.186-37.127-159.09-72.577-193.264-22.648-22.748-62.712 4.248-46.559 44.916 14.858 39.598 44.413 71.025 65.182 107.359 20.769 36.151 39.438 73.9 51.009 114.046 5.957-2.352 19.012-1.941 16.707-11.23zM986.485 481.291c14.812-.662 27.753 7.258 40.99 12.598 7.988-9.494 13.511-20.769 19.833-31.336-38.185-24.3-77.239-26.773-123.426-.457 5.865 11.023 12.165 21.842 18.532 32.591 13.945-6.458 28.255-14.057 44.071-13.396zM654.48 347.252c8.034-.548 15.953-1.483 23.873-2.511 69.62-10.659 171.933 16.987 238.659 101.722 4.998-3.264 9.928-6.504 14.812-9.745-28.574-51.58-58.13-104.049-101.402-144.948-58.051-54.296-85.908-33.216-116.42-4.085-19.467 20.198-40.236 39.187-59.522 59.567z' style='fill:%23e5d69d;stroke:%23e5d69d;stroke-opacity:1' transform='rotate(135 894.548 768.771)'/%3E%3Cpath d='M847.631 644.475c5.294.557 267.872 1.369 273.282 1.369-.594-16.25-1.027-32.522-3.264-48.635-13.816.062-247.026-.575-266.572.091-2.168 15.634-3.378 31.359-3.446 47.175zM995.865 585.523c7.372-1.438 6.801-10.59 8.969-16.182 3.948-19.879 10.362-39.118 16.341-58.427-24.13-15.893-41.528-21.293-74.448-1.415 9.814 24.101 14.538 49.685 20.244 74.928 9.312 2.694 19.423 3.037 28.894 1.096z' style='fill:%23e5d69d;stroke:%23e5d69d;stroke-opacity:1' transform='rotate(135 894.548 768.771)'/%3E%3Cpath d='M630.402 410.86c-48.247 18.441-90.356 50.141-125.937 87.183-.272.27-193.822 193.7-483.738 483.407l45.561 45.561C387.619 707.85 607.019 491.336 614.586 487.796c70.667-38.071 154.39-24.754 215.106 28.095 20.495 17.711 32.865 41.995 43.249 66.483 22.435.525 44.962 2.419 67.351.434-34.306-141.8-189.325-217.365-309.89-171.948ZM1033.318 770.503c-13.603-33.321-27.205-66.962-32.683-102.749-10.818-.73-22.389-3.035-32.705 1.392-10.212 24.934-.141 23.412-34.44 97.385 7.166 6.619 14.173 13.808 23.028 18.144 37.909 13.643 61.632-5.12 76.8-14.172z' style='fill:%23e5d69d;stroke:%23e5d69d;stroke-opacity:1' transform='rotate(135 894.548 768.771)'/%3E%3Cpath d='M655.622 554.895c-78.299 36.499-99.327 126.505-64.452 190.023 30.651 57.582 95.993 92.068 160.263 92.935 93.3-3.515 179.981-79.698 190.32-173.431-20.906.274-42.93-3.766-63.105 2.396-8.627 21.271-15.885 43.683-31.222 61.394-40.077 51.169-121.189 61.028-173.089 22.549-57.174-37.778-47.389-132.307 17.574-143.146 20.518-3.355 43.318 8.216 50.941 27.844 3.104 12.187 3.492 26.771-4.565 37.247-8.056 10.156-21.704 11.389-33.413 14.378 7.714 7.577 15.679 15.634 26.155 19.308 25.836 9.312 56.213-4.679 69.701-27.707 41.378-77.551-53.091-164.68-145.108-123.79zM1071.455 821.421c-8.673-13.146-17.802-25.927-26.612-38.936-16.181 12.302-34.987 23.622-56.098 22.777-23.713 1.392-45.623-9.426-64.064-23.348-9.266 13.009-18.92 25.721-28.209 38.753 33.624 32.501 105.571 54.02 174.983.754zM1321.982 1384.805c83.053-26.952 117.421-104.212 91.452-187.947-30.996-83.223-111.001-124.132-192.009-169.004-100.491-65.556-120.694-86.981-176.946-176.261-3.401 2.077-6.847 4.199-10.019 6.824-1.073 21.842 10.795 41.15 20.358 59.887 67.498 124.689 106.696 146.328 154.534 194.793 39.394 35.73 107.835 105.56 82.117 152.184-24.063 39.64-76.139 23.469-81.09-6.915-3.286-12.781 2.351-25.311 5.295-37.521-9.015 3.036-18.943 5.432-25.676 12.712-19.765 21.819-24.694 54.958-13.945 82.14 20.195 59.355 88.88 87.117 145.929 69.108zM977.128 1620.794c12.689-12.918 12.393-31.792 19.605-47.404 16.294-37.908 63.168-81.065 61.713-168.844-5.017-130.67-16.027-111.88-34.211-267.097-8.81-53.679-15.406-107.701-18.464-162.02-2.465-36.106-7.646-72.052-7.509-108.295-9.996-.594-19.993-.593-30.012-.525-2.918 33.608-13.878 161.306-19.559 195.569-21.274 177.111-56.118 260.836-47.106 374.387 3.291 69.243 54.193 109.866 63.288 157.501 1.802 9.793 6.207 18.808 12.255 26.728z' style='fill:%23e5d69d;stroke:%23e5d69d;stroke-opacity:1' transform='rotate(135 894.548 768.771)'/%3E%3Cpath d='M1102.814 1212.104c19.536 13.739 50.552-5.272 46.764-29.008-8.69-45.226-55.107-77.752-103.913-212.093-6.025-14.424-9.152-30.195-18.281-43.158-5.5 18.099 2.373 36.38 3.606 54.547 7.728 41.666 35.514 200.693 71.824 229.712zM760.082 1351.529c14.241-14.15 22.412-33.093 28.095-51.968 3.195-22.321-.502-47.106-15.04-64.977-6.778-8.604-16.82-13.443-26.589-17.734 3.789 18.669 11.343 41.789-5.158 56.921-17.596 20.746-51.626 18.076-68.56-1.917-49.349-62.277 87.871-163.635 150.197-226.289 48.362-54.98 88.393-117.926 115.073-186.235-5.66-1.963-11.297-3.903-16.934-5.888-14.219 23.165-30.126 45.189-46.559 66.826-102.635 126.025-252.951 133.247-320.639 260.66-27.524 54.318-19.377 126.873 25.972 169.3 65.838 57.261 142.702 42.019 180.142 1.301zM905.258 845.248c-7.965-5.911-18.076-21.134-28.574-11.503-28.285 19.072-57.138 49.766-152.571 71.915-155.478 33.605-211.484-10.95-365.189 8.924-44.893 6.55-91.474 14.378-129.954 40.031-54.396 34.252-82.487 100.607-53.52 160.011 18.875 30.468 52.721 58.837 90.812 52.972-5.021-13.009-15.497-24.443-14.698-39.164-2.226-98.521 170.463-109.632 241.946-121.76 38.613-7.843 217.146-13.394 342.572-101.151 24.535-18.189 50.393-35.877 69.176-60.275z' style='fill:%23e5d69d;stroke:%23e5d69d;stroke-opacity:1' transform='rotate(135 894.548 768.771)'/%3E%3Cpath d='M812.506 1183.118c-1.917 13.831 9.107 25.63 20.792 31.153 13.26 5.5 28.689-1.118 36.631-12.393 12.256-17.049 17.985-37.521 24.489-57.171 22.184-64.543 35.056-131.78 46.81-198.856 1.849-6.322-.73-12.416-3.675-17.87-6.231 11.434-10.339 23.85-14.88 36.014-52.819 145.766-105.39 176.02-110.167 219.123zM461.239 724.127c-9.586 9.586-20.769 18.897-25.219 32.249-16.06 49.146 38.118 82.99 85.107 103.958 73.038 32.767 196.948 26.166 246.099 2.214-18.213.867-36.425 3.925-54.707 1.849-37.133-3.264-74.677-10.864-107.016-30.24-33.344-20.792-63.63-47.928-83.03-82.482-10.795-21.659-14.835-46.011-14.972-70.021-16.501 12.94-30.902 28.209-46.262 42.473z' style='fill:%23e5d69d;stroke:%23e5d69d;stroke-opacity:1' transform='rotate(135 894.548 768.771)'/%3E%3C/g%3E%3C/svg%3E");
  
      --n-flourish-2: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' width='1363.119' height='1365.771'%3E%3Cdefs%3E%3Cpattern id='a' width='29' height='20' patternTransform='translate(190 350)' patternUnits='userSpaceOnUse' preserveAspectRatio='xMidYMid' style='fill:%23000'%3E%3Cpath d='M0 5c19 0 10 10 29 10' style='fill:%23e5d69d;stroke:%23e5d69d;stroke-width:10;stroke-linecap:butt;stroke-dasharray:none;paint-order:stroke markers fill;stop-color:%23e5d69d'/%3E%3C/pattern%3E%3C/defs%3E%3Cg style='mix-blend-mode:normal;fill:%23e5d69d;stroke:%23e5d69d;stroke-opacity:1'%3E%3Cpath d='M1148.459 285.631c-47.312 40.739-80.998 94.647-108.203 150.243 5.044 2.807 10.065 5.592 15.086 8.422 16.273-19.331 33.618-38.228 54.478-52.653 44.162-28.506 95.582-46.604 148.28-48.453 19.902-.319 39.666 2.556 59.294 5.204-74.022-71.961-101.257-121.548-168.935-62.763zM1032.724 71.392c-13.739-18.395-29.601-35.17-46.627-50.598-15.36 15.908-31.313 31.359-45.052 48.704-30.97 37.403-1.237 114.852 17.984 232.794 5.501 40.556 8.194 81.409 12.461 122.103 8.604.251 17.186.297 25.767.297 4.062-20.084 4.633-40.556 6.368-60.869 6.159-115.008 64.164-242.418 29.099-292.431zM1132.712 169.142c-11.297-6.322-27.091-6.048-36.631 3.446-22.503 21.864-31.838 52.652-41.264 81.66-13.876 45.144-27.753 90.424-36.699 136.846-2.51 13.055-7.212 26.155-5.98 39.621 2.807 4.222 8.787 5.683 13.351 3.72 5.249-10.088 7.486-21.362 11.708-31.838 46.059-111.489 90.607-138.865 107.929-191.644 4.474-14.423 1.188-33.412-12.414-41.811zM1097.907 584.588c6.687-15.314 11.936-31.518 22.252-44.847 39.113-50.462 106.823-75.54 158.459-71.002 22.709 2.122 45.806 5.729 66.346 16.227 13.141 7.034 239.037 228.43 555.744 542.019l46.16-46.16c-274.187-274.575-469.05-469.715-484.731-485.543-36.974-38.708-81.82-71.23-133.194-87.685-30.857-10.133-64.042-9.449-95.948-5.888-43.934 4.907-83.783 26.771-119.09 52.264-40.876 32.34-71.846 78.466-83.418 129.566 22.458.82 44.939 1.802 67.42 1.049z' style='fill:%23e5d69d;stroke:%23e5d69d;stroke-opacity:1' transform='scale(1 -1) rotate(-45 -1174.418 514.199)'/%3E%3Cpath d='M1385.863 879.802c35.627-5.911 70.34-18.669 100.512-38.616 20.153-12.941 41.241-29.83 45.44-54.844 11.146-40.229-38.298-65.902-71.892-103.799 3.082 71.644-48.057 123.424-110.896 157.958-59.333 30.293-135.485 23.094-149.193 24.261 22.686 10.27 47.7 13.146 72.052 16.82 37.863 5.181 76.205 2.533 113.977-1.78z' style='fill:%23e5d69d;stroke:%23e5d69d;stroke-opacity:1' transform='scale(1 -1) rotate(-45 -1174.418 514.199)'/%3E%3Cpath d='M1701.162 1156.438c-2.716 4.861-8.057 9.198-7.418 15.36 34.166 4.268 66.347-16.866 85.951-43.364 31.176-44.824 20.769-110.509-18.167-147.39-72.267-78.444-255.986-71.482-361.994-62.466-67.647 5.478-136.367-2.442-200.704-24.192-43.432-12.575-81.386-38.069-116.717-65.502-6.664 5.386-13.328 10.818-19.947 16.387 156.492 187.04 468.519 143.245 588.557 207.095 41.864 18.512 77.701 68.217 50.439 104.072z' style='fill:%23e5d69d;stroke:%23e5d69d;stroke-opacity:1' transform='scale(1 -1) rotate(-45 -1174.418 514.199)'/%3E%3Cpath d='M1389.903 649.04c-14.97-71.839-94.563-123.023-163.96-95.035-45.1 14.714-83.254 70.459-57.536 122.399 8.787 20.563 31.153 33.71 53.154 33.938 16.592.023 30.058-10.75 41.606-21.385-8.81-3.104-18.395-4.61-26.452-9.563-29.63-25.254-2.701-72.154 32.865-69.975 66.763 8.278 77.424 83.734 44.277 123.883-38.069 45.828-110.805 55.072-160.468 23.257-32.043-20.769-55.391-55.528-60.024-93.711-20.472.616-41.264-1.46-61.485 2.374-8.173 19.191 21.302 117.39 118.907 158.208 114.796 52.024 267.489-43.248 239.116-174.39zM960.011 425.695c-2.853-20.929-8.969-41.287-13.762-61.827-25.049-87.186-37.127-159.09-72.577-193.264-22.648-22.748-62.712 4.248-46.559 44.916 14.858 39.598 44.413 71.025 65.182 107.359 20.769 36.151 39.438 73.9 51.009 114.046 5.957-2.352 19.012-1.941 16.707-11.23zM986.485 481.291c14.812-.662 27.753 7.258 40.99 12.598 7.988-9.494 13.511-20.769 19.833-31.336-38.185-24.3-77.239-26.773-123.426-.457 5.865 11.023 12.165 21.842 18.532 32.591 13.945-6.458 28.255-14.057 44.071-13.396zM654.48 347.252c8.034-.548 15.953-1.483 23.873-2.511 69.62-10.659 171.933 16.987 238.659 101.722 4.998-3.264 9.928-6.504 14.812-9.745-28.574-51.58-58.13-104.049-101.402-144.948-58.051-54.296-85.908-33.216-116.42-4.085-19.467 20.198-40.236 39.187-59.522 59.567z' style='fill:%23e5d69d;stroke:%23e5d69d;stroke-opacity:1' transform='scale(1 -1) rotate(-45 -1174.418 514.199)'/%3E%3Cpath d='M847.631 644.475c5.294.557 267.872 1.369 273.282 1.369-.594-16.25-1.027-32.522-3.264-48.635-13.816.062-247.026-.575-266.572.091-2.168 15.634-3.378 31.359-3.446 47.175zM995.865 585.523c7.372-1.438 6.801-10.59 8.969-16.182 3.948-19.879 10.362-39.118 16.341-58.427-24.13-15.893-41.528-21.293-74.448-1.415 9.814 24.101 14.538 49.685 20.244 74.928 9.312 2.694 19.423 3.037 28.894 1.096z' style='fill:%23e5d69d;stroke:%23e5d69d;stroke-opacity:1' transform='scale(1 -1) rotate(-45 -1174.418 514.199)'/%3E%3Cpath d='M630.402 410.86c-48.247 18.441-90.356 50.141-125.937 87.183-.272.27-193.822 193.7-483.738 483.407l45.561 45.561C387.619 707.85 607.019 491.336 614.586 487.796c70.667-38.071 154.39-24.754 215.106 28.095 20.495 17.711 32.865 41.995 43.249 66.483 22.435.525 44.962 2.419 67.351.434-34.306-141.8-189.325-217.365-309.89-171.948ZM1033.318 770.503c-13.603-33.321-27.205-66.962-32.683-102.749-10.818-.73-22.389-3.035-32.705 1.392-10.212 24.934-.141 23.412-34.44 97.385 7.166 6.619 14.173 13.808 23.028 18.144 37.909 13.643 61.632-5.12 76.8-14.172z' style='fill:%23e5d69d;stroke:%23e5d69d;stroke-opacity:1' transform='scale(1 -1) rotate(-45 -1174.418 514.199)'/%3E%3Cpath d='M655.622 554.895c-78.299 36.499-99.327 126.505-64.452 190.023 30.651 57.582 95.993 92.068 160.263 92.935 93.3-3.515 179.981-79.698 190.32-173.431-20.906.274-42.93-3.766-63.105 2.396-8.627 21.271-15.885 43.683-31.222 61.394-40.077 51.169-121.189 61.028-173.089 22.549-57.174-37.778-47.389-132.307 17.574-143.146 20.518-3.355 43.318 8.216 50.941 27.844 3.104 12.187 3.492 26.771-4.565 37.247-8.056 10.156-21.704 11.389-33.413 14.378 7.714 7.577 15.679 15.634 26.155 19.308 25.836 9.312 56.213-4.679 69.701-27.707 41.378-77.551-53.091-164.68-145.108-123.79zM1071.455 821.421c-8.673-13.146-17.802-25.927-26.612-38.936-16.181 12.302-34.987 23.622-56.098 22.777-23.713 1.392-45.623-9.426-64.064-23.348-9.266 13.009-18.92 25.721-28.209 38.753 33.624 32.501 105.571 54.02 174.983.754zM1321.982 1384.805c83.053-26.952 117.421-104.212 91.452-187.947-30.996-83.223-111.001-124.132-192.009-169.004-100.491-65.556-120.694-86.981-176.946-176.261-3.401 2.077-6.847 4.199-10.019 6.824-1.073 21.842 10.795 41.15 20.358 59.887 67.498 124.689 106.696 146.328 154.534 194.793 39.394 35.73 107.835 105.56 82.117 152.184-24.063 39.64-76.139 23.469-81.09-6.915-3.286-12.781 2.351-25.311 5.295-37.521-9.015 3.036-18.943 5.432-25.676 12.712-19.765 21.819-24.694 54.958-13.945 82.14 20.195 59.355 88.88 87.117 145.929 69.108zM977.128 1620.794c12.689-12.918 12.393-31.792 19.605-47.404 16.294-37.908 63.168-81.065 61.713-168.844-5.017-130.67-16.027-111.88-34.211-267.097-8.81-53.679-15.406-107.701-18.464-162.02-2.465-36.106-7.646-72.052-7.509-108.295-9.996-.594-19.993-.593-30.012-.525-2.918 33.608-13.878 161.306-19.559 195.569-21.274 177.111-56.118 260.836-47.106 374.387 3.291 69.243 54.193 109.866 63.288 157.501 1.802 9.793 6.207 18.808 12.255 26.728z' style='fill:%23e5d69d;stroke:%23e5d69d;stroke-opacity:1' transform='scale(1 -1) rotate(-45 -1174.418 514.199)'/%3E%3Cpath d='M1102.814 1212.104c19.536 13.739 50.552-5.272 46.764-29.008-8.69-45.226-55.107-77.752-103.913-212.093-6.025-14.424-9.152-30.195-18.281-43.158-5.5 18.099 2.373 36.38 3.606 54.547 7.728 41.666 35.514 200.693 71.824 229.712zM760.082 1351.529c14.241-14.15 22.412-33.093 28.095-51.968 3.195-22.321-.502-47.106-15.04-64.977-6.778-8.604-16.82-13.443-26.589-17.734 3.789 18.669 11.343 41.789-5.158 56.921-17.596 20.746-51.626 18.076-68.56-1.917-49.349-62.277 87.871-163.635 150.197-226.289 48.362-54.98 88.393-117.926 115.073-186.235-5.66-1.963-11.297-3.903-16.934-5.888-14.219 23.165-30.126 45.189-46.559 66.826-102.635 126.025-252.951 133.247-320.639 260.66-27.524 54.318-19.377 126.873 25.972 169.3 65.838 57.261 142.702 42.019 180.142 1.301zM905.258 845.248c-7.965-5.911-18.076-21.134-28.574-11.503-28.285 19.072-57.138 49.766-152.571 71.915-155.478 33.605-211.484-10.95-365.189 8.924-44.893 6.55-91.474 14.378-129.954 40.031-54.396 34.252-82.487 100.607-53.52 160.011 18.875 30.468 52.721 58.837 90.812 52.972-5.021-13.009-15.497-24.443-14.698-39.164-2.226-98.521 170.463-109.632 241.946-121.76 38.613-7.843 217.146-13.394 342.572-101.151 24.535-18.189 50.393-35.877 69.176-60.275z' style='fill:%23e5d69d;stroke:%23e5d69d;stroke-opacity:1' transform='scale(1 -1) rotate(-45 -1174.418 514.199)'/%3E%3Cpath d='M812.506 1183.118c-1.917 13.831 9.107 25.63 20.792 31.153 13.26 5.5 28.689-1.118 36.631-12.393 12.256-17.049 17.985-37.521 24.489-57.171 22.184-64.543 35.056-131.78 46.81-198.856 1.849-6.322-.73-12.416-3.675-17.87-6.231 11.434-10.339 23.85-14.88 36.014-52.819 145.766-105.39 176.02-110.167 219.123zM461.239 724.127c-9.586 9.586-20.769 18.897-25.219 32.249-16.06 49.146 38.118 82.99 85.107 103.958 73.038 32.767 196.948 26.166 246.099 2.214-18.213.867-36.425 3.925-54.707 1.849-37.133-3.264-74.677-10.864-107.016-30.24-33.344-20.792-63.63-47.928-83.03-82.482-10.795-21.659-14.835-46.011-14.972-70.021-16.501 12.94-30.902 28.209-46.262 42.473z' style='fill:%23e5d69d;stroke:%23e5d69d;stroke-opacity:1' transform='scale(1 -1) rotate(-45 -1174.418 514.199)'/%3E%3C/g%3E%3C/svg%3E");
  
      --n-flourish-3: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' width='1363.119' height='1365.771'%3E%3Cdefs%3E%3Cpattern id='a' width='29' height='20' patternTransform='translate(190 350)' patternUnits='userSpaceOnUse' preserveAspectRatio='xMidYMid' style='fill:%23000'%3E%3Cpath d='M0 5c19 0 10 10 29 10' style='fill:%23e5d69d;stroke:%23e5d69d;stroke-width:10;stroke-linecap:butt;stroke-dasharray:none;paint-order:stroke markers fill;stop-color:%23e5d69d'/%3E%3C/pattern%3E%3C/defs%3E%3Cg style='mix-blend-mode:normal;fill:%23e5d69d;stroke:%23e5d69d;stroke-opacity:1'%3E%3Cpath d='M1148.459 285.631c-47.312 40.739-80.998 94.647-108.203 150.243 5.044 2.807 10.065 5.592 15.086 8.422 16.273-19.331 33.618-38.228 54.478-52.653 44.162-28.506 95.582-46.604 148.28-48.453 19.902-.319 39.666 2.556 59.294 5.204-74.022-71.961-101.257-121.548-168.935-62.763zM1032.724 71.392c-13.739-18.395-29.601-35.17-46.627-50.598-15.36 15.908-31.313 31.359-45.052 48.704-30.97 37.403-1.237 114.852 17.984 232.794 5.501 40.556 8.194 81.409 12.461 122.103 8.604.251 17.186.297 25.767.297 4.062-20.084 4.633-40.556 6.368-60.869 6.159-115.008 64.164-242.418 29.099-292.431zM1132.712 169.142c-11.297-6.322-27.091-6.048-36.631 3.446-22.503 21.864-31.838 52.652-41.264 81.66-13.876 45.144-27.753 90.424-36.699 136.846-2.51 13.055-7.212 26.155-5.98 39.621 2.807 4.222 8.787 5.683 13.351 3.72 5.249-10.088 7.486-21.362 11.708-31.838 46.059-111.489 90.607-138.865 107.929-191.644 4.474-14.423 1.188-33.412-12.414-41.811zM1097.907 584.588c6.687-15.314 11.936-31.518 22.252-44.847 39.113-50.462 106.823-75.54 158.459-71.002 22.709 2.122 45.806 5.729 66.346 16.227 13.141 7.034 239.037 228.43 555.744 542.019l46.16-46.16c-274.187-274.575-469.05-469.715-484.731-485.543-36.974-38.708-81.82-71.23-133.194-87.685-30.857-10.133-64.042-9.449-95.948-5.888-43.934 4.907-83.783 26.771-119.09 52.264-40.876 32.34-71.846 78.466-83.418 129.566 22.458.82 44.939 1.802 67.42 1.049z' style='fill:%23e5d69d;stroke:%23e5d69d;stroke-opacity:1' transform='rotate(-45 474.213 1197.084)'/%3E%3Cpath d='M1385.863 879.802c35.627-5.911 70.34-18.669 100.512-38.616 20.153-12.941 41.241-29.83 45.44-54.844 11.146-40.229-38.298-65.902-71.892-103.799 3.082 71.644-48.057 123.424-110.896 157.958-59.333 30.293-135.485 23.094-149.193 24.261 22.686 10.27 47.7 13.146 72.052 16.82 37.863 5.181 76.205 2.533 113.977-1.78z' style='fill:%23e5d69d;stroke:%23e5d69d;stroke-opacity:1' transform='rotate(-45 474.213 1197.084)'/%3E%3Cpath d='M1701.162 1156.438c-2.716 4.861-8.057 9.198-7.418 15.36 34.166 4.268 66.347-16.866 85.951-43.364 31.176-44.824 20.769-110.509-18.167-147.39-72.267-78.444-255.986-71.482-361.994-62.466-67.647 5.478-136.367-2.442-200.704-24.192-43.432-12.575-81.386-38.069-116.717-65.502-6.664 5.386-13.328 10.818-19.947 16.387 156.492 187.04 468.519 143.245 588.557 207.095 41.864 18.512 77.701 68.217 50.439 104.072z' style='fill:%23e5d69d;stroke:%23e5d69d;stroke-opacity:1' transform='rotate(-45 474.213 1197.084)'/%3E%3Cpath d='M1389.903 649.04c-14.97-71.839-94.563-123.023-163.96-95.035-45.1 14.714-83.254 70.459-57.536 122.399 8.787 20.563 31.153 33.71 53.154 33.938 16.592.023 30.058-10.75 41.606-21.385-8.81-3.104-18.395-4.61-26.452-9.563-29.63-25.254-2.701-72.154 32.865-69.975 66.763 8.278 77.424 83.734 44.277 123.883-38.069 45.828-110.805 55.072-160.468 23.257-32.043-20.769-55.391-55.528-60.024-93.711-20.472.616-41.264-1.46-61.485 2.374-8.173 19.191 21.302 117.39 118.907 158.208 114.796 52.024 267.489-43.248 239.116-174.39zM960.011 425.695c-2.853-20.929-8.969-41.287-13.762-61.827-25.049-87.186-37.127-159.09-72.577-193.264-22.648-22.748-62.712 4.248-46.559 44.916 14.858 39.598 44.413 71.025 65.182 107.359 20.769 36.151 39.438 73.9 51.009 114.046 5.957-2.352 19.012-1.941 16.707-11.23zM986.485 481.291c14.812-.662 27.753 7.258 40.99 12.598 7.988-9.494 13.511-20.769 19.833-31.336-38.185-24.3-77.239-26.773-123.426-.457 5.865 11.023 12.165 21.842 18.532 32.591 13.945-6.458 28.255-14.057 44.071-13.396zM654.48 347.252c8.034-.548 15.953-1.483 23.873-2.511 69.62-10.659 171.933 16.987 238.659 101.722 4.998-3.264 9.928-6.504 14.812-9.745-28.574-51.58-58.13-104.049-101.402-144.948-58.051-54.296-85.908-33.216-116.42-4.085-19.467 20.198-40.236 39.187-59.522 59.567z' style='fill:%23e5d69d;stroke:%23e5d69d;stroke-opacity:1' transform='rotate(-45 474.213 1197.084)'/%3E%3Cpath d='M847.631 644.475c5.294.557 267.872 1.369 273.282 1.369-.594-16.25-1.027-32.522-3.264-48.635-13.816.062-247.026-.575-266.572.091-2.168 15.634-3.378 31.359-3.446 47.175zM995.865 585.523c7.372-1.438 6.801-10.59 8.969-16.182 3.948-19.879 10.362-39.118 16.341-58.427-24.13-15.893-41.528-21.293-74.448-1.415 9.814 24.101 14.538 49.685 20.244 74.928 9.312 2.694 19.423 3.037 28.894 1.096z' style='fill:%23e5d69d;stroke:%23e5d69d;stroke-opacity:1' transform='rotate(-45 474.213 1197.084)'/%3E%3Cpath d='M630.402 410.86c-48.247 18.441-90.356 50.141-125.937 87.183-.272.27-193.822 193.7-483.738 483.407l45.561 45.561C387.619 707.85 607.019 491.336 614.586 487.796c70.667-38.071 154.39-24.754 215.106 28.095 20.495 17.711 32.865 41.995 43.249 66.483 22.435.525 44.962 2.419 67.351.434-34.306-141.8-189.325-217.365-309.89-171.948ZM1033.318 770.503c-13.603-33.321-27.205-66.962-32.683-102.749-10.818-.73-22.389-3.035-32.705 1.392-10.212 24.934-.141 23.412-34.44 97.385 7.166 6.619 14.173 13.808 23.028 18.144 37.909 13.643 61.632-5.12 76.8-14.172z' style='fill:%23e5d69d;stroke:%23e5d69d;stroke-opacity:1' transform='rotate(-45 474.213 1197.084)'/%3E%3Cpath d='M655.622 554.895c-78.299 36.499-99.327 126.505-64.452 190.023 30.651 57.582 95.993 92.068 160.263 92.935 93.3-3.515 179.981-79.698 190.32-173.431-20.906.274-42.93-3.766-63.105 2.396-8.627 21.271-15.885 43.683-31.222 61.394-40.077 51.169-121.189 61.028-173.089 22.549-57.174-37.778-47.389-132.307 17.574-143.146 20.518-3.355 43.318 8.216 50.941 27.844 3.104 12.187 3.492 26.771-4.565 37.247-8.056 10.156-21.704 11.389-33.413 14.378 7.714 7.577 15.679 15.634 26.155 19.308 25.836 9.312 56.213-4.679 69.701-27.707 41.378-77.551-53.091-164.68-145.108-123.79zM1071.455 821.421c-8.673-13.146-17.802-25.927-26.612-38.936-16.181 12.302-34.987 23.622-56.098 22.777-23.713 1.392-45.623-9.426-64.064-23.348-9.266 13.009-18.92 25.721-28.209 38.753 33.624 32.501 105.571 54.02 174.983.754zM1321.982 1384.805c83.053-26.952 117.421-104.212 91.452-187.947-30.996-83.223-111.001-124.132-192.009-169.004-100.491-65.556-120.694-86.981-176.946-176.261-3.401 2.077-6.847 4.199-10.019 6.824-1.073 21.842 10.795 41.15 20.358 59.887 67.498 124.689 106.696 146.328 154.534 194.793 39.394 35.73 107.835 105.56 82.117 152.184-24.063 39.64-76.139 23.469-81.09-6.915-3.286-12.781 2.351-25.311 5.295-37.521-9.015 3.036-18.943 5.432-25.676 12.712-19.765 21.819-24.694 54.958-13.945 82.14 20.195 59.355 88.88 87.117 145.929 69.108zM977.128 1620.794c12.689-12.918 12.393-31.792 19.605-47.404 16.294-37.908 63.168-81.065 61.713-168.844-5.017-130.67-16.027-111.88-34.211-267.097-8.81-53.679-15.406-107.701-18.464-162.02-2.465-36.106-7.646-72.052-7.509-108.295-9.996-.594-19.993-.593-30.012-.525-2.918 33.608-13.878 161.306-19.559 195.569-21.274 177.111-56.118 260.836-47.106 374.387 3.291 69.243 54.193 109.866 63.288 157.501 1.802 9.793 6.207 18.808 12.255 26.728z' style='fill:%23e5d69d;stroke:%23e5d69d;stroke-opacity:1' transform='rotate(-45 474.213 1197.084)'/%3E%3Cpath d='M1102.814 1212.104c19.536 13.739 50.552-5.272 46.764-29.008-8.69-45.226-55.107-77.752-103.913-212.093-6.025-14.424-9.152-30.195-18.281-43.158-5.5 18.099 2.373 36.38 3.606 54.547 7.728 41.666 35.514 200.693 71.824 229.712zM760.082 1351.529c14.241-14.15 22.412-33.093 28.095-51.968 3.195-22.321-.502-47.106-15.04-64.977-6.778-8.604-16.82-13.443-26.589-17.734 3.789 18.669 11.343 41.789-5.158 56.921-17.596 20.746-51.626 18.076-68.56-1.917-49.349-62.277 87.871-163.635 150.197-226.289 48.362-54.98 88.393-117.926 115.073-186.235-5.66-1.963-11.297-3.903-16.934-5.888-14.219 23.165-30.126 45.189-46.559 66.826-102.635 126.025-252.951 133.247-320.639 260.66-27.524 54.318-19.377 126.873 25.972 169.3 65.838 57.261 142.702 42.019 180.142 1.301zM905.258 845.248c-7.965-5.911-18.076-21.134-28.574-11.503-28.285 19.072-57.138 49.766-152.571 71.915-155.478 33.605-211.484-10.95-365.189 8.924-44.893 6.55-91.474 14.378-129.954 40.031-54.396 34.252-82.487 100.607-53.52 160.011 18.875 30.468 52.721 58.837 90.812 52.972-5.021-13.009-15.497-24.443-14.698-39.164-2.226-98.521 170.463-109.632 241.946-121.76 38.613-7.843 217.146-13.394 342.572-101.151 24.535-18.189 50.393-35.877 69.176-60.275z' style='fill:%23e5d69d;stroke:%23e5d69d;stroke-opacity:1' transform='rotate(-45 474.213 1197.084)'/%3E%3Cpath d='M812.506 1183.118c-1.917 13.831 9.107 25.63 20.792 31.153 13.26 5.5 28.689-1.118 36.631-12.393 12.256-17.049 17.985-37.521 24.489-57.171 22.184-64.543 35.056-131.78 46.81-198.856 1.849-6.322-.73-12.416-3.675-17.87-6.231 11.434-10.339 23.85-14.88 36.014-52.819 145.766-105.39 176.02-110.167 219.123zM461.239 724.127c-9.586 9.586-20.769 18.897-25.219 32.249-16.06 49.146 38.118 82.99 85.107 103.958 73.038 32.767 196.948 26.166 246.099 2.214-18.213.867-36.425 3.925-54.707 1.849-37.133-3.264-74.677-10.864-107.016-30.24-33.344-20.792-63.63-47.928-83.03-82.482-10.795-21.659-14.835-46.011-14.972-70.021-16.501 12.94-30.902 28.209-46.262 42.473z' style='fill:%23e5d69d;stroke:%23e5d69d;stroke-opacity:1' transform='rotate(-45 474.213 1197.084)'/%3E%3C/g%3E%3C/svg%3E");
  
      --n-flourish-4: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' width='1363.119' height='1365.771'%3E%3Cdefs%3E%3Cpattern id='a' width='29' height='20' patternTransform='translate(190 350)' patternUnits='userSpaceOnUse' preserveAspectRatio='xMidYMid' style='fill:%23000'%3E%3Cpath d='M0 5c19 0 10 10 29 10' style='fill:%23e5d69d;stroke:%23e5d69d;stroke-width:10;stroke-linecap:butt;stroke-dasharray:none;paint-order:stroke markers fill;stop-color:%23e5d69d'/%3E%3C/pattern%3E%3C/defs%3E%3Cg style='mix-blend-mode:normal;fill:%23e5d69d;stroke:%23e5d69d;stroke-opacity:1'%3E%3Cpath d='M1148.459 285.631c-47.312 40.739-80.998 94.647-108.203 150.243 5.044 2.807 10.065 5.592 15.086 8.422 16.273-19.331 33.618-38.228 54.478-52.653 44.162-28.506 95.582-46.604 148.28-48.453 19.902-.319 39.666 2.556 59.294 5.204-74.022-71.961-101.257-121.548-168.935-62.763zM1032.724 71.392c-13.739-18.395-29.601-35.17-46.627-50.598-15.36 15.908-31.313 31.359-45.052 48.704-30.97 37.403-1.237 114.852 17.984 232.794 5.501 40.556 8.194 81.409 12.461 122.103 8.604.251 17.186.297 25.767.297 4.062-20.084 4.633-40.556 6.368-60.869 6.159-115.008 64.164-242.418 29.099-292.431zM1132.712 169.142c-11.297-6.322-27.091-6.048-36.631 3.446-22.503 21.864-31.838 52.652-41.264 81.66-13.876 45.144-27.753 90.424-36.699 136.846-2.51 13.055-7.212 26.155-5.98 39.621 2.807 4.222 8.787 5.683 13.351 3.72 5.249-10.088 7.486-21.362 11.708-31.838 46.059-111.489 90.607-138.865 107.929-191.644 4.474-14.423 1.188-33.412-12.414-41.811zM1097.907 584.588c6.687-15.314 11.936-31.518 22.252-44.847 39.113-50.462 106.823-75.54 158.459-71.002 22.709 2.122 45.806 5.729 66.346 16.227 13.141 7.034 239.037 228.43 555.744 542.019l46.16-46.16c-274.187-274.575-469.05-469.715-484.731-485.543-36.974-38.708-81.82-71.23-133.194-87.685-30.857-10.133-64.042-9.449-95.948-5.888-43.934 4.907-83.783 26.771-119.09 52.264-40.876 32.34-71.846 78.466-83.418 129.566 22.458.82 44.939 1.802 67.42 1.049z' style='fill:%23e5d69d;stroke:%23e5d69d;stroke-opacity:1' transform='scale(-1 1) rotate(-45 -207.346 2842.514)'/%3E%3Cpath d='M1385.863 879.802c35.627-5.911 70.34-18.669 100.512-38.616 20.153-12.941 41.241-29.83 45.44-54.844 11.146-40.229-38.298-65.902-71.892-103.799 3.082 71.644-48.057 123.424-110.896 157.958-59.333 30.293-135.485 23.094-149.193 24.261 22.686 10.27 47.7 13.146 72.052 16.82 37.863 5.181 76.205 2.533 113.977-1.78z' style='fill:%23e5d69d;stroke:%23e5d69d;stroke-opacity:1' transform='scale(-1 1) rotate(-45 -207.346 2842.514)'/%3E%3Cpath d='M1701.162 1156.438c-2.716 4.861-8.057 9.198-7.418 15.36 34.166 4.268 66.347-16.866 85.951-43.364 31.176-44.824 20.769-110.509-18.167-147.39-72.267-78.444-255.986-71.482-361.994-62.466-67.647 5.478-136.367-2.442-200.704-24.192-43.432-12.575-81.386-38.069-116.717-65.502-6.664 5.386-13.328 10.818-19.947 16.387 156.492 187.04 468.519 143.245 588.557 207.095 41.864 18.512 77.701 68.217 50.439 104.072z' style='fill:%23e5d69d;stroke:%23e5d69d;stroke-opacity:1' transform='scale(-1 1) rotate(-45 -207.346 2842.514)'/%3E%3Cpath d='M1389.903 649.04c-14.97-71.839-94.563-123.023-163.96-95.035-45.1 14.714-83.254 70.459-57.536 122.399 8.787 20.563 31.153 33.71 53.154 33.938 16.592.023 30.058-10.75 41.606-21.385-8.81-3.104-18.395-4.61-26.452-9.563-29.63-25.254-2.701-72.154 32.865-69.975 66.763 8.278 77.424 83.734 44.277 123.883-38.069 45.828-110.805 55.072-160.468 23.257-32.043-20.769-55.391-55.528-60.024-93.711-20.472.616-41.264-1.46-61.485 2.374-8.173 19.191 21.302 117.39 118.907 158.208 114.796 52.024 267.489-43.248 239.116-174.39zM960.011 425.695c-2.853-20.929-8.969-41.287-13.762-61.827-25.049-87.186-37.127-159.09-72.577-193.264-22.648-22.748-62.712 4.248-46.559 44.916 14.858 39.598 44.413 71.025 65.182 107.359 20.769 36.151 39.438 73.9 51.009 114.046 5.957-2.352 19.012-1.941 16.707-11.23zM986.485 481.291c14.812-.662 27.753 7.258 40.99 12.598 7.988-9.494 13.511-20.769 19.833-31.336-38.185-24.3-77.239-26.773-123.426-.457 5.865 11.023 12.165 21.842 18.532 32.591 13.945-6.458 28.255-14.057 44.071-13.396zM654.48 347.252c8.034-.548 15.953-1.483 23.873-2.511 69.62-10.659 171.933 16.987 238.659 101.722 4.998-3.264 9.928-6.504 14.812-9.745-28.574-51.58-58.13-104.049-101.402-144.948-58.051-54.296-85.908-33.216-116.42-4.085-19.467 20.198-40.236 39.187-59.522 59.567z' style='fill:%23e5d69d;stroke:%23e5d69d;stroke-opacity:1' transform='scale(-1 1) rotate(-45 -207.346 2842.514)'/%3E%3Cpath d='M847.631 644.475c5.294.557 267.872 1.369 273.282 1.369-.594-16.25-1.027-32.522-3.264-48.635-13.816.062-247.026-.575-266.572.091-2.168 15.634-3.378 31.359-3.446 47.175zM995.865 585.523c7.372-1.438 6.801-10.59 8.969-16.182 3.948-19.879 10.362-39.118 16.341-58.427-24.13-15.893-41.528-21.293-74.448-1.415 9.814 24.101 14.538 49.685 20.244 74.928 9.312 2.694 19.423 3.037 28.894 1.096z' style='fill:%23e5d69d;stroke:%23e5d69d;stroke-opacity:1' transform='scale(-1 1) rotate(-45 -207.346 2842.514)'/%3E%3Cpath d='M630.402 410.86c-48.247 18.441-90.356 50.141-125.937 87.183-.272.27-193.822 193.7-483.738 483.407l45.561 45.561C387.619 707.85 607.019 491.336 614.586 487.796c70.667-38.071 154.39-24.754 215.106 28.095 20.495 17.711 32.865 41.995 43.249 66.483 22.435.525 44.962 2.419 67.351.434-34.306-141.8-189.325-217.365-309.89-171.948ZM1033.318 770.503c-13.603-33.321-27.205-66.962-32.683-102.749-10.818-.73-22.389-3.035-32.705 1.392-10.212 24.934-.141 23.412-34.44 97.385 7.166 6.619 14.173 13.808 23.028 18.144 37.909 13.643 61.632-5.12 76.8-14.172z' style='fill:%23e5d69d;stroke:%23e5d69d;stroke-opacity:1' transform='scale(-1 1) rotate(-45 -207.346 2842.514)'/%3E%3Cpath d='M655.622 554.895c-78.299 36.499-99.327 126.505-64.452 190.023 30.651 57.582 95.993 92.068 160.263 92.935 93.3-3.515 179.981-79.698 190.32-173.431-20.906.274-42.93-3.766-63.105 2.396-8.627 21.271-15.885 43.683-31.222 61.394-40.077 51.169-121.189 61.028-173.089 22.549-57.174-37.778-47.389-132.307 17.574-143.146 20.518-3.355 43.318 8.216 50.941 27.844 3.104 12.187 3.492 26.771-4.565 37.247-8.056 10.156-21.704 11.389-33.413 14.378 7.714 7.577 15.679 15.634 26.155 19.308 25.836 9.312 56.213-4.679 69.701-27.707 41.378-77.551-53.091-164.68-145.108-123.79zM1071.455 821.421c-8.673-13.146-17.802-25.927-26.612-38.936-16.181 12.302-34.987 23.622-56.098 22.777-23.713 1.392-45.623-9.426-64.064-23.348-9.266 13.009-18.92 25.721-28.209 38.753 33.624 32.501 105.571 54.02 174.983.754zM1321.982 1384.805c83.053-26.952 117.421-104.212 91.452-187.947-30.996-83.223-111.001-124.132-192.009-169.004-100.491-65.556-120.694-86.981-176.946-176.261-3.401 2.077-6.847 4.199-10.019 6.824-1.073 21.842 10.795 41.15 20.358 59.887 67.498 124.689 106.696 146.328 154.534 194.793 39.394 35.73 107.835 105.56 82.117 152.184-24.063 39.64-76.139 23.469-81.09-6.915-3.286-12.781 2.351-25.311 5.295-37.521-9.015 3.036-18.943 5.432-25.676 12.712-19.765 21.819-24.694 54.958-13.945 82.14 20.195 59.355 88.88 87.117 145.929 69.108zM977.128 1620.794c12.689-12.918 12.393-31.792 19.605-47.404 16.294-37.908 63.168-81.065 61.713-168.844-5.017-130.67-16.027-111.88-34.211-267.097-8.81-53.679-15.406-107.701-18.464-162.02-2.465-36.106-7.646-72.052-7.509-108.295-9.996-.594-19.993-.593-30.012-.525-2.918 33.608-13.878 161.306-19.559 195.569-21.274 177.111-56.118 260.836-47.106 374.387 3.291 69.243 54.193 109.866 63.288 157.501 1.802 9.793 6.207 18.808 12.255 26.728z' style='fill:%23e5d69d;stroke:%23e5d69d;stroke-opacity:1' transform='scale(-1 1) rotate(-45 -207.346 2842.514)'/%3E%3Cpath d='M1102.814 1212.104c19.536 13.739 50.552-5.272 46.764-29.008-8.69-45.226-55.107-77.752-103.913-212.093-6.025-14.424-9.152-30.195-18.281-43.158-5.5 18.099 2.373 36.38 3.606 54.547 7.728 41.666 35.514 200.693 71.824 229.712zM760.082 1351.529c14.241-14.15 22.412-33.093 28.095-51.968 3.195-22.321-.502-47.106-15.04-64.977-6.778-8.604-16.82-13.443-26.589-17.734 3.789 18.669 11.343 41.789-5.158 56.921-17.596 20.746-51.626 18.076-68.56-1.917-49.349-62.277 87.871-163.635 150.197-226.289 48.362-54.98 88.393-117.926 115.073-186.235-5.66-1.963-11.297-3.903-16.934-5.888-14.219 23.165-30.126 45.189-46.559 66.826-102.635 126.025-252.951 133.247-320.639 260.66-27.524 54.318-19.377 126.873 25.972 169.3 65.838 57.261 142.702 42.019 180.142 1.301zM905.258 845.248c-7.965-5.911-18.076-21.134-28.574-11.503-28.285 19.072-57.138 49.766-152.571 71.915-155.478 33.605-211.484-10.95-365.189 8.924-44.893 6.55-91.474 14.378-129.954 40.031-54.396 34.252-82.487 100.607-53.52 160.011 18.875 30.468 52.721 58.837 90.812 52.972-5.021-13.009-15.497-24.443-14.698-39.164-2.226-98.521 170.463-109.632 241.946-121.76 38.613-7.843 217.146-13.394 342.572-101.151 24.535-18.189 50.393-35.877 69.176-60.275z' style='fill:%23e5d69d;stroke:%23e5d69d;stroke-opacity:1' transform='scale(-1 1) rotate(-45 -207.346 2842.514)'/%3E%3Cpath d='M812.506 1183.118c-1.917 13.831 9.107 25.63 20.792 31.153 13.26 5.5 28.689-1.118 36.631-12.393 12.256-17.049 17.985-37.521 24.489-57.171 22.184-64.543 35.056-131.78 46.81-198.856 1.849-6.322-.73-12.416-3.675-17.87-6.231 11.434-10.339 23.85-14.88 36.014-52.819 145.766-105.39 176.02-110.167 219.123zM461.239 724.127c-9.586 9.586-20.769 18.897-25.219 32.249-16.06 49.146 38.118 82.99 85.107 103.958 73.038 32.767 196.948 26.166 246.099 2.214-18.213.867-36.425 3.925-54.707 1.849-37.133-3.264-74.677-10.864-107.016-30.24-33.344-20.792-63.63-47.928-83.03-82.482-10.795-21.659-14.835-46.011-14.972-70.021-16.501 12.94-30.902 28.209-46.262 42.473z' style='fill:%23e5d69d;stroke:%23e5d69d;stroke-opacity:1' transform='scale(-1 1) rotate(-45 -207.346 2842.514)'/%3E%3C/g%3E%3C/svg%3E");
  
      --n-star: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 1686.0852 1686.0852' enable-background='new 0 0 1686.0852 1686.0852' xml:space='preserve'%3E%3Cg%3E%3Cpath d='M843.0426,285.364l38.4846,92.91l-38.4846,15.9408L804.558,378.274L843.0426,285.364z M843.0426,494.5876l159.6453-66.1272 L843.0426,43.0426L683.3973,428.4604L843.0426,494.5876z'/%3E%3Cpath d='M1237.3809,448.7043l-38.4845,92.9099l-38.4846-15.9408l-15.9408-38.4846L1237.3809,448.7043z M1089.4375,596.6478 l159.6453,66.1272l159.6453-385.4178l-385.4178,159.6453L1089.4375,596.6478z'/%3E%3Cpath d='M1400.7212,843.0426l-92.91,38.4846l-15.9408-38.4846l15.9408-38.4846L1400.7212,843.0426z M1191.4976,843.0426 l66.1272,159.6453l385.4178-159.6453l-385.4178-159.6453L1191.4976,843.0426z'/%3E%3Cpath d='M1237.3809,1237.3809l-92.9099-38.4845l15.9408-38.4846l38.4846-15.9408L1237.3809,1237.3809z M1089.4375,1089.4375 l-66.1273,159.6453l385.4178,159.6453l-159.6453-385.4178L1089.4375,1089.4375z'/%3E%3Cpath d='M843.0426,1400.7212l-38.4846-92.91l38.4846-15.9408l38.4846,15.9408L843.0426,1400.7212z M843.0426,1191.4976 l-159.6453,66.1272l159.6453,385.4178l159.6453-385.4178L843.0426,1191.4976z'/%3E%3Cpath d='M448.7043,1237.3809l38.4846-92.9099l38.4846,15.9408l15.9408,38.4846L448.7043,1237.3809z M596.6478,1089.4375 l-159.6453-66.1273L277.3572,1408.728l385.4178-159.6453L596.6478,1089.4375z'/%3E%3Cpath d='M285.364,843.0426l92.91-38.4846l15.9408,38.4846l-15.9408,38.4846L285.364,843.0426z M494.5876,843.0426 l-66.1272-159.6453L43.0426,843.0426l385.4178,159.6453L494.5876,843.0426z'/%3E%3Cpath d='M448.7043,448.7043l92.9099,38.4846l-15.9408,38.4846l-38.4846,15.9408L448.7043,448.7043z M596.6478,596.6478 l66.1272-159.6453L277.3572,277.3572L437.0025,662.775L596.6478,596.6478z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  @keyframes glow {
      from {
          filter: blur(2px);
      }
  
      to {
          filter: blur(8px)
      }
  }
  
  body::after {
      content: "";
      background-image: url(https://scp-wiki.wikidot.com/local--files/astralnav/Stars_Dark_Blue_Night_Unsplash2_1_optimized.png);
      background-repeat: no-repeat;
      background-size: cover;
      position: fixed;
      top: 0;
      left: 0;
      height: 100%;
      height: 100lvh;
      width: 100%;
      z-index: -1;
  }
  
  body {
      color: white;
      background-color: rgb(var(--n-void));
      font-family: var(--n-body);
  }
  
  html {
      scroll-behavior: smooth;
  }
  
  * {
      scroll-margin-top: calc(var(--sp_top-bar-height) + 1rem);
  }
  
  #header {
      position: sticky;
      left: 0;
      top: calc(var(--sp_header-height) * -1 + 8px);
      z-index: 5;
      grid-template-areas:
          ".       login   login   .      "
          ".       .       search       .      "
          ".       h1      .      .      "
          ".       h2      .      .      "
          ".       .       .       .      "
          "top-bar top-bar top-bar top-bar";
      grid-template-rows: auto 1fr auto auto 1fr auto;
      grid-template-columns: var(--sp_area-comp-margin) 1fr auto var(--sp_area-comp-margin);
  
      background-image: var(--n-flourish), var(--n-flourish-2), var(--n-flourish-3), var(--n-flourish-4);
      background-size: min(10%, 10rem);
      background-position: bottom calc(var(--sp_top-bar-height) + 8px) right 8px, bottom calc(var(--sp_top-bar-height) + 8px) left 8px, top 8px left 8px, top 8px right 8px;
      background-repeat: no-repeat;
      margin-bottom: 4rem;
  }
  
  #page-content {
      min-height: 100rem;
  }
  
  #header::before {
      grid-row: 1/6;
      grid-column: 1/3;
      width: auto;
      background-position: left 10vw center;
  }
  
  #header::after {
      content: "";
      grid-row: 1/6;
      grid-column: 1/3;
      width: auto;
      background-position: left 10vw center;
      background-image: var(--sp_header-logo);
      background-size: contain;
      filter: blur(0.5rem);
      background-repeat: no-repeat;
  }
  
  #top-bar {
      z-index: 3;
      background: none;
      justify-content: right;
      display: flex;
      padding-inline: 16px;
  }
  
  #top-bar .open-menu a {
      grid-row: 5/6;
      grid-collumn: 1/2
  }
  
  #search-top-box {
      align-self: start;
  }
  
  #top-bar .top-bar>ul {
      border: solid 4px rgb(var(--n-gold));
      width: 100%;
      justify-content: center;
      border-radius: 0 0 2rem 2rem;
      background-color: rgb(var(--n-void) / 0.4);
      -webkit-backdrop-filter: blur(2px);
      backdrop-filter: blur(2px);
  }
  
  #top-bar .top-bar>ul>li {
      flex-grow: 1;
  }
  
  #top-bar .mobile-top-bar>ul>li {
      -webkit-backdrop-filter: blur(2px);
      backdrop-filter: blur(2px);
  }
  
  #top-bar ul li ul {
      border-radius: 2rem 0;
      border: solid 4px rgb(var(--n-gold));
      background-color: rgb(var(--n-void) / 0.4);
      -webkit-backdrop-filter: blur(2px);
      backdrop-filter: blur(2px);
      box-shadow: none;
  
  }
  
  #top-bar :is(.top-bar, .mobile-top-bar) ul li ul li a {
      text-align: center;
  }
  
  #top-bar ul li ul li {
      text-align: center;
  }
  
  #top-bar div.top-bar {
      position: absolute;
      width: 50%;
      left: 50%;
      transform: translateX(-50%);
  }
  
  #top-bar .open-menu a {
      height: var(--sp_top-bar-height);
      width: var(--sp_top-bar-height);
      border: solid 4px rgb(var(--n-gold));
      top: 8px;
      left: 8px;
      background-color: transparent;
      border-radius: 0 0 2rem 0;
      color: white;
      background-color: rgb(var(--n-void) / 0.4);
      -webkit-backdrop-filter: blur(2px);
      backdrop-filter: blur(2px);
  }
  
  #top-bar div.mobile-top-bar {
      width: 65%;
      margin: auto;
      font-size: 10px;
  }
  
  #header :is(h1, h2),
  #header::before,
  #header::after {
      display: none;
  }
  
  #extrac-div-1 {
      display: block;
      position: absolute;
      left: 50%;
      height: var(--sp_header-height);
      top: 0;
      width: var(--sp_header-height);
      background-image: var(--sp_header-logo);
      background-repeat: no-repeat;
      background-size: contain;
      transform: translatex(-50%);
  }
  
  #extrac-div-1::before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      width: 100%;
      background-image: inherit;
      filter: blur(4px);
      background-repeat: inherit;
      background-size: inherit;
      animation: glow 3s 0s ease-out infinite alternate;
  }
  
  /* ---login---- */
  #login-status {
      color: transparent;
      user-select: none;
  }
  
  #login-status .printuser {
      color: white;
  }
  
  #login-status :is(.printuser, #my-account) {
      opacity: 0;
      transform: translateX(-5rem);
      transition: transform 0.5s ease-out, opacity 0.5s ease-in;
      pointer-events: none;
  }
  
  #search-top-box-form {
      opacity: 0;
      transition: transform 0.5s ease-out, opacity 0.4s ease-in;
      transform: translateX(-3rem);
      align-self: start;
      pointer-events: none;
      z-index: 10;
  }
  
  #search-top-box-form input[type="submit"] {
      background-color: rgb(var(--n-void));
      -webkit-backdrop-filter: blur(2px);
      backdrop-filter: blur(2px);
      border: solid 1px rgb(var(--n-gold));
      border-radius: 0px;
      color: rgb(var(--n-starlight));
      background-image: none;
      transition: 0.5s;
      margin-top: -1px;
  }
  
  #search-top-box-form input[type="submit"]:is(:hover, :focus) {
      color: rgb(var(--n-gold));
      background-image: none;
      background-color: rgb(var(--n-void));
      text-shadow: none;
      border: solid 1px rgb(var(--n-gold));
  }
  
  #header #login-status:is(:focus-within, :hover) * {
      opacity: 1;
      transform: translateX(0);
  }
  
  a#account-topbutton {
      border: solid 1px rgb(var(--n-gold));
      background-color: rgb(var(--n-void));
      display: inline-block;
      padding: 0.350rem;
      width: 0.875rem;
      position: relative;
      transition: 0.6s line-height: 2.5;
  }
  
  /*
  a#account-topbutton:is(:hover, :focus) {
      box-shadow: 0px 0px 1rem rgb(var(--n-gold));
  }
  
  
  
  a#account-topbutton::before {
      content: "";
      position: absolute;
      bottom: 50%; right: 50%;
      box-sizing: border-box;
      width: 1.5rem; height: 1.5rem;
      background-color: rgb(var(--w-starlight));
      -webkit-mask-image: var(--w-crystalball-mask);
      -webkit-mask-size: contain;
      -webkit-mask-position: center;
      -webkit-mask-repeat: no-repeat;
      mask-image: var(--w-crystalball-mask);
      mask-size: contain;
      mask-position: center;
      mask-repeat: no-repeat;
      transform: translate(50%, 50%);
  }
  */
  
  #header :is(#login-status, #search-top-box-form):is(:focus-within, :hover) *:not(#account-topbutton),
  #header:has(:is(#login-status, #search-top-box-form):is(:focus-within, :hover)) #search-top-box-form {
      opacity: 1;
      pointer-events: auto;
      transform: translateY(0);
  }
  
  #account-options {
      background-color: rgb(var(--n-void) / 0.4);
      -webkit-backdrop-filter: blur(2px);
      backdrop-filter: blur(2px);
      border: solid 1px rgb(var(--n-gold));
      transform: translateY(5rem);
      transition: transform 0.5s ease-out, opacity 0.5s ease-in;
      margin-top: -1px;
      right: 4rem;
  }
  
  #account-options li a {
      color: rgb(var(--n-starlight));
      text-align: left;
  }
  
  #account-options li a:hover {
      color: rgb(var(--n-gold));
      text-decoration: none;
  }
  
  h2,
  h3,
  h4,
  h5,
  h6 {
      font-family: var(--n-header);
      color: rgb(var(--n-starlight));
  }
  
  #page-title,
  .meta-title,
  h1 {
      font-family: var(--n-header);
      color: rgb(var(--n-starlight));
      border-bottom: solid 1px rgb(var(--n-gold));
      font-size: 84px;
      letter-spacing: 0.2rem;
      padding: 0;
      text-align: center;
      font-weight: 400;
  }
  
  @media (max-width: 767px) {
  
      #page-title,
      .meta-title,
      h1 {
          font-size: 58px;
      }
  
      #main-content :is(#page-title, .meta-title, h1)::after {
          display: none;
      }
  
      #main-content :is(#page-title, .meta-title, h1)::first-letter {
          font-size: 84px;
      }
  }
  
  :is(#page-title, .meta-title, h1)::first-letter {
      font-size: 110px;
      color: rgb(var(--n-gold));
  }
  
  :where(#main-content) :is(#page-title, .meta-title, h1)::after {
      content: '';
      letter-spacing: 0;
      font-size: 0;
      display: inline-block;
      position: relative;
      margin-inline-start: -1rem;
      background-color: rgb(var(--n-gold));
      height: 84px;
      width: 84px;
      top: 17px;
      -webkit-mask-image: var(--n-star);
      -webkit-mask-size: contain;
      -webkit-mask-position: center;
      -webkit-mask-repeat: no-repeat;
      mask-image: var(--n-star);
      mask-size: contain;
      mask-position: center;
      mask-repeat: no-repeat;
  }
  
  #main-content h1::after {
      margin-inline-start: 0;
  }
  
  
  /* ----link---- */
  :any-link {
      color: rgb(var(--n-gold));
  }
  
  a:visited {
      color: rgb(var(--n-dullgold));
  }
  
  /*----side----*/
  div#side-bar {
      background-color: transparent;
  }
  
  #side-bar .side-block {
      background-color: rgb(var(--n-void) / 0.4);
      -webkit-backdrop-filter: blur(2px);
      backdrop-filter: blur(2px);
      border: solid 4px rgb(var(--n-gold));
      border-radius: 0 0 2rem 0;
      box-shadow: none;
  }
  
  #side-bar .side-block a {
      color: rgb(var(--n-gold));
  }
  
  #side-bar .heading {
      color: rgb(var(--n-gold));
      border-color: rgb(var(--n-gold));
  }
  
  #side-bar .side-block.media {
      border-radius: 0 2rem 2rem 0;
      background-color: inherit;
  }
  
  #side-bar .side-block.media a {
      filter: sepia(100%) hue-rotate(17deg);
  }
  
  #side-bar .side-block.resources {
      background-color: inherit;
      border-radius: 0 2rem 0 0;
  }
  
  :root:has(#side-bar:target) .open-menu a {
      opacity: 0;
  }
  
  /* --foot-- */
  #footer {
      background-color: transparent;
      margin-top: 30rem;
  }
  
  #main-content,
  #content-wrap {
      position: static;
  }
  
  #main-content {
      padding-bottom: 15rem;
  }
  
  #license-area,
  #footer {
      position: relative;
      bottom: 2rem;
      left: 8px;
      border: solid 4px rgb(var(--n-gold));
      background-color: rgb(var(--n-void) / 0.4);
      -webkit-backdrop-filter: blur(2px);
      backdrop-filter: blur(2px);
      overflow: hidden;
      height: 2rem;
      padding: 1rem 1rem;
      border-radius: 0 2rem 0 0;
  }
  
  #footer {
      margin-bottom: 1rem;
      margin-top: 15rem;
      align-content: center;
      width: calc(50% - 2rem);
  }
  
  #license-area {
      width: 50%;
  }
  
  #page-options-container {
      position: absolute;
      right: 8px;
      width: 40%;
      bottom: calc(2rem - 1px);
      text-align: left;
      overflow: hidden;
      border: solid 4px rgb(var(--n-gold));
      background-color: rgb(var(--n-void) / 0.4);
      border-radius: 2rem 0 0 0;
      -webkit-backdrop-filter: blur(2px);
      backdrop-filter: blur(2px);
      padding: 1rem 1rem;
  }
  
  #action-area {
      margin-bottom: 15rem;
  }
  
  @media (max-width: 930px) {
      #page-options-container {
          bottom: 13rem;
          border-radius: 2rem 0 0 2rem
      }
  }
  
  /*--scroll--*/
  
  ::-webkit-scrollbar {
      width: 0.5rem;
      background: transparent;
  }
  
  ::-webkit-scrollbar-thumb {
      background: rgb(var(--n-gold));
      border: none;
  }
  
  ::-webkit-scrollbar-track {
      background: transparent;
  }
  
  :root {
      scrollbar-color: rgb(var(--n-gold)) transparent;
      scrollbar-width: thin;
  }
  
  /* -- */
  
  #lock-timer {
      font-family: monospace;
  }
  
  /* -- */
  
  a#account-topbutton {
      position: fixed;
      top: 8px;
      right: 8px;
      height: var(--sp_top-bar-height);
      width: var(--sp_top-bar-height);
      border: solid 4px rgb(var(--n-gold));
      border-radius: 0 0 0 2rem;
      background-color: rgb(var(--n-void) / 0.4);
      -webkit-backdrop-filter: blur(2px);
      backdrop-filter: blur(2px);
      display: block;
      box-sizing: content-box;
      z-index: 8;
      padding: 0;
      text-align: center;
      line-height: 2.5;
  }
  
  #search-top-box-form {
      position: fixed;
      right: 8px;
      top: calc(var(--sp_top-bar-height) + 1.1em);
  }
  
  #search-top-box-form input[type="submit"] {
      border: solid 4px rgb(var(--n-gold));
      border-radius: 1rem 0 0 1rem;
      box-shadow: none;
  }
  
  #login-status {
      position: fixed;
      right: 8px;
      top: calc(var(--sp_top-bar-height) + 2.6rem);
  }
  
  #account-options {
      right: 0;
      top: 2rem;
      border: solid 4px rgb(var(--n-gold));
      border-radius: 2rem 0 0 2rem;
  }
  
  #account-options ul li a {
      text-align: center;
  }
  
  
  #search-top-box-form input[type="submit"]:is(:hover, :focus) {
      border: solid 4px rgb(var(--n-gold));
  }
  
  /* -- -- */
  
  .hovertip {
      border-radius: 0 2rem;
      padding: 1rem 1rem;
      -webkit-backdrop-filter: blur(2px);
      backdrop-filter: blur(2px);
  }
  
  .owindow {
      border-radius: 0 2rem;
      -webkit-backdrop-filter: blur(2px);
      backdrop-filter: blur(2px);
      border: solid 4px rgb(var(--n-gold));
      background-color: rgb(var(--n-void) / 0.4);
      overflow: hidden;
      position: fixed;
      top: 50%;
      right: 50%;
      transform: translate(-50% -50%);
  }
  
  .owindow .title {
      background-color: transparent;
  }
  
  
  .owindow .button-bar a {
      border: solid 4px rgb(var(--n-gold));
      background-color: rgb(var(--n-void) / 0.4);
      border-radius: 2rem;
      color: white;
  }
  
  .owindow .button-bar a:hover {
      background-color: inherit;
      color: rgb(var(--n-gold));
  }
  
  .odialog-shader {
      opacity: 0.2;
      -webkit-backdrop-filter: blur(2px);
      backdrop-filter: blur(2px);
  }
  
  /* display box */
  
  .article-container {
      display: block;
      position: relative;
      padding: 1rem 1rem;
      background-color: rgb(var(--n-void) / 0.2);
      -webkit-backdrop-filter: blur(2px);
      backdrop-filter: blur(2px);
      width: 80%;
      margin: auto;
      min-height: 10rem;
      transition: 0.2s ease-in;
      margin-bottom: 2rem;
  }
  
  .article-container::after {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      width: 100%;
      background-image: var(--n-flourish), var(--n-flourish-2), var(--n-flourish-3), var(--n-flourish-4);
      background-size: 10%, 10%, 10%, 10%;
      background-position: bottom 4px right 4px, bottom 4px left 4px, top 4px left 4px, top 4px right 4px;
      z-index: 0;
      background-repeat: no-repeat;
      display: block;
  }
  
  .article-container:hover {
      transform: scale(1.2);
      z-index: 2;
  }
  
  .preview-image {
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      width: 100%;
      z-index: -1;
      background-image: var(--image);
      background-size: cover;
      background-position: var(--bg-pos, center);
      background-repeat: no-repeat;
      opacity: 0.2;
      transition: 0.2s ease-in;
      filter: blur(3px);
  }
  
  .article-container:hover .preview-image {
      filter: blur(0px);
      opacity: 0.3;
  }
  
  .article-container :is(.preview, .title, .subtitle) {
      margin: 0 11%;
      text-align: center;
      z-index: 3;
      position: relative;
      pointer-events: none;
  }
  
  .article-link {
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      width: 100%;
      z-index: 1;
  }
  
  .article-container .title {
      font-family: var(--n-subheader);
      color: rgb(var(--n-starlight));
      font-size: 48px;
      font-weight: 600;
  }
  
  .article-container .subtitle {
      font-size: 24px;
      font-weight: 500;
  }
  
  .article-container .preview span {
      pointer-events: all;
  }
  
  
  .article-container :is(.title, .subtitle) p {
      margin: 0;
  }
  
  
  /* toc */
  
  .anchor {
      position: sticky;
      height: 0;
      top: 10rem;
      z-index: 4;
  }
  
  .tocbox {
      margin-top: 0;
      position: absolute;
      top: 0;
      right: max(-18.75rem, -17vw);
      z-index: 4;
      box-sizing: border-box;
      width: max-content;
      pointer-events: none;
  }
  
  #page-content .tocbox .toc-u {
      padding: 0.5rem;
      background-color: rgb(var(--n-void) / 0.4);
      box-shadow: none;
      border-right: solid 4px rgb(var(--n-gold));
      position: relative;
      width: 15rem;
      max-height: calc(98vh - 2rem);
      max-width: calc((30vw - 50% - 6rem)/1.2);
      margin-right: 0;
      margin-left: auto;
      pointer-events: all;
      -webkit-backdrop-filter: blur(2px);
      backdrop-filter: blur(2px);
  }
  
  .toc-u #toc::before,
  .toc-u #toc::after {
      display: none;
  }
  
  .toc-u::before,
  .toc-u::after {
      content: "";
      display: block;
      height: 0.5rem;
      width: 0.5rem;
      position: absolute;
      right: 0;
      background-color: rgb(var(--n-gold));
  }
  
  .toc-u::before {
      top: 0;
      transform: translate(calc(0.1rem + 50%), -50%) rotate(45deg);
  }
  
  .toc-u::after {
      bottom: 0;
      transform: translate(calc(0.1rem + 50%), 50%) rotate(45deg);
  }
  
  #page-content .tocbox .toc-u #toc-list {
      overflow-y: auto;
      overflow-x: hidden;
      max-height: 84vh;
      padding: 0 0.5em 1em;
      scrollbar-width: thin;
  }
  
  #page-content .tocbox .toc-u #toc-list::-webkit-scrollbar {
      width: 6px;
  }
  
  .tocbox table,
  .tocbox tbody,
  .tocbox tr,
  .tocbox td,
  .tocbox #toc {
      display: contents;
  }
  
  @media (max-width: 1340px) {
      .anchor {
          filter: none;
          transition: filter 0.2s ease-out;
      }
  
      .tocbox {
          right: -1rem;
          width: unset;
      }
  
      .tocbox::before {
          content: "";
          display: block;
          position: absolute;
          background-color: transparent;
          width: 1.5rem;
          height: 100%;
          top: 0;
          right: -0.25rem;
          pointer-events: all;
      }
  
      .tocbox::after {
          content: "";
          display: block;
          position: absolute;
          background-color: transparent;
  
          width: 0;
          height: 0;
          border: solid 1rem transparent;
          border-left-width: 0.5rem;
          border-right-color: rgb(var(--n-gold));
  
          top: calc(50% - 1rem);
          right: 0;
          pointer-events: all;
          transition: border-right-width 0.15s ease-out;
      }
  
      #page-content .tocbox .toc-u {
          width: -moz-fit-content;
          width: fit-content;
          max-width: 60vw;
          box-shadow: none;
          clip-path: inset(-0.5rem -0.5rem -0.5rem calc(100% - 0.65rem));
          transition: clip-path 0.2s ease-out;
          pointer-events: none;
          -webkit-backdrop-filter: blur(2px);
          backdrop-filter: none;
      }
  
      .anchor:hover {
          filter: drop-shadow(0px 0px 3px rgba(0, 0, 0, 0.2));
      }
  
      .tocbox:hover {
          pointer-events: all;
      }
  
      .tocbox:hover::after {
          border-right-width: 0;
      }
  
      #page-content .tocbox:hover .toc-u {
          pointer-events: all;
          clip-path: inset(-0.5rem -0.5rem -0.5rem -0.35rem);
      }
  }
  
  /* blockquote */
  
  blockquote,
  div.blockquote {
      background-color: rgb(var(--n-void) / 0.4);
      border: none;
      padding: 4% 4%;
      position: relative;
      -webkit-backdrop-filter: blur(2px);
      backdrop-filter: blur(2px);
  }
  
  :is(blockquote, div.blockquote)::after {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      width: 100%;
      background-image: var(--n-flourish), var(--n-flourish-2), var(--n-flourish-3), var(--n-flourish-4);
      background-size: 4%, 4%, 4%, 4%;
      background-position: bottom right, bottom left, top left, top right;
      z-index: 0;
      background-repeat: no-repeat;
      display: block;
      pointer-events: none;
  }
  
  .quoteBlock {
    background-color: rgb(var(--n-void) / 0.4);
    border: none;
    padding: 0.2rem 0.4rem;
    position: relative;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    margin: 2rem 1rem;
    position: relative;
    text-align: center;
    border-left: solid 2px rgb(var(--n-gold));
  }
  
  .quoteBlock::before, .quoteBlock::after {
    content: "";
    background-color: rgb(var(--n-gold));
    height: 0.5rem;
    width: 0.5rem;
    position: absolute;
    display: block;
  }
  
  .quoteBlock::before {
    top: 0;
    left: 0;
    transform: rotate(45deg) translate(calc(-50% - 3px), 0);
  }
  
  .quoteBlock::after {
    bottom: 0;
    left: 0;
    transform: rotate(45deg) translate(0, calc(50% + 3px));
  }
  
  /* image */
  
  .scp-image-block {
      background-color: rgb(var(--n-void) / 0.4);
      border: solid 2px rgb(var(--n-gold));
      padding: 5% 5%;
      position: relative;
      -webkit-backdrop-filter: blur(2px);
      backdrop-filter: blur(2px);
      background-image: var(--n-flourish), var(--n-flourish-2), var(--n-flourish-3), var(--n-flourish-4);
      background-size: 10%;
      background-repeat: no-repeat;
      background-position: bottom -2px right -2px, bottom -2px left -2px, top -2px left -2px, top -2px right -2px
  }
  
  /*
  .scp-image-block::after {
      content: "";
      position: absolute;
      top:0;left:0;height:100%;width:100%;
      background-image: var(--n-flourish), var(--n-flourish-2), var(--n-flourish-3), var(--n-flourish-4);
      background-size: 10%;
      background-position: bottom right, bottom left, top left, top right;
      z-index:0;
      background-repeat: no-repeat;
      display: block;
      pointer-events: none;
  }
  */
  
  .scp-image-block .scp-image-caption {
      border: none;
      background: none;
      padding: 0 4px;
  }
  
  .scp-image-block img {
      position: relative;
      z-index: 2;
  }
  
  /* */
  
  textarea,
  input.text,
  #lock-info {
      background-color: rgb(var(--n-void) / 0.4);
      border: solid 4px rgb(var(--n-gold));
      border-radius: 0 2rem;
      color: white;
  }
  
  textarea,
  input.text,
  .page-source {
      font-family: monospace;
  }
  
  /* */
  
  #page-content a.collapsible-block-link {
      border-bottom: solid 1px rgb(var(--n-gold));
      color: white;
      font-size: 24px;
      display: block;
      position: relative;
      text-align: center;
      padding: 0 0.5rem;
      width: 80%;
      margin: auto;
  }
  
  #page-content a.collapsible-block-link:hover {
      text-decoration: none;
      text-shadow: 0 0 2px currentColor;
  }
  
  #page-content a.collapsible-block-link::before,
  #page-content a.collapsible-block-link::after {
      content: "";
      display: block;
      height: 0.5rem;
      width: 0.5rem;
      position: absolute;
      bottom: 0;
      background-color: rgb(var(--n-gold));
      z-index: 2;
  }
  
  #page-content a.collapsible-block-link::before {
      left: 0;
      transform: translate(-50%, 54%) rotate(45deg);
  }
  
  #page-content a.collapsible-block-link::after {
      right: 0;
      transform: translate(50%, 54%) rotate(45deg);
  }
  
  .collapsible-block-content {
      width: 75%;
      margin: auto;
      padding: 1rem;
      background-color: rgb(var(--n-void) / 0.4);
      -webkit-backdrop-filter: blur(2px);
      backdrop-filter: blur(2px);
  }
  
  hr {
      border-bottom: solid 1px rgb(var(--n-gold));
      display: block;
      position: relative;
      width: 80%;
      margin: auto;
      background: transparent;
      overflow: visible;
  }
  
  hr::before,
  hr::after {
      content: "";
      display: block;
      height: 0.5rem;
      width: 0.5rem;
      position: absolute;
      bottom: 0;
      background-color: rgb(var(--n-gold));
      z-index: 2;
  }
  
  hr::before {
      left: 0;
      transform: translate(-50%, 54%) rotate(45deg);
  }
  
  hr::after {
      right: 0;
      transform: translate(50%, 54%) rotate(45deg);
  }
  
  div.page-rate-widget-box {
      border-bottom: solid 4px rgb(var(--n-gold));
      position: relative;
  }
  
  .page-rate-widget-box::after {
      content: "";
      display: block;
      position: absolute;
      height: 6px;
      width: 6px;
      background-color: rgb(var(--n-gold));
      top: 100%;
      left: 50%;
      transform: rotate(45deg) translateY(2px);
  }
  
  #main-content .page-tags {
      text-align: center;
      display: flex;
      justify-content: center;
  }

  Pages using this styling

  • astralnav [info]

  ¶ 1 occurrence
  

  :root {
      --header-gradient-color-bottom: 127, 0, 255;
      --link-color: 127, 0, 255;
      --visited-link-color: 127, 0, 255;
      --header-title: "Aster's Forest Grotto";
      --header-subtitle: "Simply A Deer";
  }
  #page-title {display: none;}
  .twopanel {
      display: flex;
      flex-flow: row wrap;
      justify-content: space-between;
  }
  .bit {
      flex-basis: 48%;
  }
  @media only screen and (max-width: 768px) {
      .twopanel {flex-direction: row-reverse;}
      .bit {flex-basis: 100%;}
  }

  Pages using this styling

  • aster-s-forest-grotto [info]

  ¶ 1 occurrence
  

  #page-title {
    display: none;
  }
  .meta-title {
    border-bottom: solid 1px #bbbbbb;
    color: #990011;
    font-weight: normal;
    margin: 0 0 0.6em;
    padding: 0 0 0.25em;
    font-size: 200%;
  }
  .meta-title p {
    margin: 0;
  }
  .scp-image-block {
      width: 313px;
  }
  
  @media only screen and (max-width: 600px) {
      .scp-image-block {
          max-width: 200px;
      }
  }

  Pages using this styling

  • asset-florida-grey [info]

  ¶ 1 occurrence
  

  
  :root {
    --accentColor: #1EB5E8;
    --darkColor: #101112; 
    --darkerColor:#020203;
  }
  
  body {
      font-family: 'Inter', sans-serif;
      font-size: .9325rem;
      color: #dedede;
      accent-color: var(--accentColor);
  }
  
  :root {
  --header-title: "SCP Foundation";
  --header-subtitle: "Secure. Contain. Protect.";
  }

  Pages using this styling

  • asclepius-god-of-medicine [info]

  ¶ 1 occurrence
  

  :root {
      --bright-accent: 1, 82, 174;
      --medium-accent: 0, 56, 123;
      --dark-accent: 0, 29, 64;
      --header-title: "BLUEPRINT";
      --header-subtitle: "Wait, what?";
      --barColour: #0152ae!important;
  }
  
  #content-wrap::before {
      background-image: url('https://scp-wiki.wdfiles.com/local--files/artyurt/hexagontrans.png');
      background-size: 70%;
  }
  #extra-div-2 {
      background-image: url('https://scp-wiki.wdfiles.com/local--files/artyurt/hexagonstrans.png');
      background-size: 60%;
      opacity: 50%;
  }
  #extra-div-3 {
      filter: hue-rotate(220deg);
  }
  
  .wp{
      box-shadow: 0px 0px 7px rgba(0,0,0,0.4);
      transition: 0.34s ease-in-out transform, 0.38s ease-in-out box-shadow;
  }
  .wp:hover {
      box-shadow: -2px 0px 8px rgba(0,0,0,0.4);
  }
  .odd:hover {
      transform: perspective(95em) rotateY(10deg);
  }
  .even:hover {
      transform: perspective(95em) rotateY(-10deg);
  }
  
  .links {
      display: block;
      text-align: center;
      border: 4px solid rgb(var(--bright-accent));
      margin: auto;
      padding: 0 10px;
      border-radius: 10px;
      margin-bottom: 15px;
  }
  .links a{
      background: rgb(var(--bright-accent));
      color: white;
      padding: 3px;
      border-radius: 4px;
      font-family: monospace;
      white-space: nowrap;
  }
  .links a:visited {
      color: white;
  }
  .links a:hover {
      color:rgb(var(--white-monochrome));
  }

  Pages using this styling

  • artyurt [info]

  ¶ 1 occurrence
  

  
  .content-panel .content-type-title > p {
    margin: 0;
  }
  .content-panel .content-type-title {
    font-size: 120%;
    font-weight: bold;
    padding: 5px 20px;
    background-color: #666;
    color: #fff;
    border-radius: 8px 8px 0 0;
    box-shadow: inset 0 1px 1px rgba(255,255,255,.8),
      inset 0 15px 1px rgba(255,255,255,.2),
      inset 0 15px 10px rgba(255,255,255,.2);
  }
  .content-panel .content-type-description {
  padding: 0 20px;
  text-align: justify;
  }
  .content-panel.content-row .content-type-description {
  padding: 5px 20px;
  }
  .content-panel.content-row .content-type-description-2 {
  padding: 0 20px;
  text-align: justify;
  }
  .art-container {
      display: flex;
      flex-wrap: wrap;
      align-content: center;
      justify-content: space-around;
      align-self: flex-end
      gap: 1rem 1rem;
  }
  .art-container .art {
      flex: 0 1 200px;
      text-align: center;
      padding-bottom: 1rem;
      padding-left: 1rem;
      padding-right: 1rem;
  }
  .art-container .art .image-container {
      padding: 0;
      min-height: 100%;
      max-width: 100%;
  }
  
  @media not all and (max-width: 767px) {
  #main-content {
      max-width: min(57.5rem,calc(100% - 3rem));
  }
  }
  
  :root { --box-accent: #3d8554; }
  
  .tale-list {
      display: grid;
      gap: .75rem;
      margin-block: 1.5rem;
  }
  .tale-list .pager { border-block-start: .225rem solid var(--box-accent); }
  
  .tale-block {
      background-color: #fff;
      box-shadow: 0 0 0.325rem rgb(0 0 0 / 0.25);
      contain: paint;
      display: grid;
      grid-template-areas:
          "title date"
          "meta meta";
      grid-template-columns: 1fr max-content;
      gap: .425rem;
      padding: .625rem;
      --box-accent: inherit;
  }
  
  .tale-block  .title {
      grid-area: title;
      display: flex;
      gap: .325ex 0.75ex;
      align-items: center;
      flex-wrap: wrap;
  }
  .tale-block .title > a {
      font-weight: bold;
      font-size: 1.075em;
  }
  .tale-block .title > .author { font-size: .775em; flex-grow: 1; }
  .author .printuser {
      display: inline-flex;
      align-items: baseline;
      gap: .325em;
  }
  .author .printuser img {
      margin: 0;
      padding: 0;
      padding-left: .475rem;
  }
  
  .tale-block .date {
      grid-area: date;
      font-feature-settings: 'case','ss01','ss04','tnum';
      font-size: .725em;
  }
  
  .tale-block .meta {
      grid-area: meta;
      display: flex;
      font-size: .775em;
      gap: .75rem;
      justify-content: space-between;
  }
  .meta .tag-list {
      display: flex;
      flex-wrap: wrap;
      gap: .25rem;
      align-items: flex-start;
  }
  .tag-list a {
      display: block;
      border-radius: 1.5rem;
      padding: .125em .675em;
      text-decoration: none;
      font-weight: 550;
      color: var(--box-accent);
      background-color: #3b5c970f;
  }
  .tag-list a:is(:hover,:focus) {
      color: white;
      background-color: var(--box-accent);
  }
  
  .meta .sec-info {
      display: grid;
      grid-template-columns: 3rem 3.5rem;
      align-items: center;
      text-align: end;
      gap: .25rem;
      min-width: max-content;
      align-self: flex-end;
  }
  .sec-info > br { display: none; }
  .sec-info .comments > span { font-size: 0; }
  
  .tale-block .description {
      grid-column: 1/-1;
  }
  .description > :not(.preview) { display: none; }
  .description:not(:has(> .preview)) { display: none; } /* progressive enhancement */
  .description > .preview {
      display: block;
      font-size: .9125em;
      padding-block-start: .425rem;
      border-block-start: .05rem solid #ddd;
  }
  .description > .preview > p:first-child { margin-block-start: 0.25em; }
  .description > .preview > p:last-child { margin-block-end: 0.25em; }
  
  
  div.tag-nav {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      gap: .25rem;
      font-size: .9125em;
      margin-block: .5rem;
  }
  div.tag-nav br { display: none; }
  div.tag-nav p { display: contents; }
  
  
  div.year {
      font-weight: bold;
      flex-flow: wrap-reverse row-reverse;
  }
  .year a {
      padding-inline-end: .25rem;
      border-inline-end: solid 2px #333;
  }
  
  .m-wrapper {
  }
  
  .m-wrapper .yui-navset .yui-content {
      display: contents;
      background-color: transparent;
      padding: 0;
      border: none;
  }
  .m-wrapper .yui-navset .yui-nav {
      border: none;
      text-align: center;
      margin: 0.2rem;
  }
  #page-content .m-wrapper .yui-navset .yui-nav li {
      margin: 0;
      padding: 0;
  }
  
  #page-content .m-wrapper .yui-navset .yui-nav li a em {
       margin: 0 0 0 auto;
       padding: 0;
       width: max-content;
  }
  .m-wrapper .yui-navset .yui-nav a,
  .m-wrapper .yui-navset .yui-nav a:hover,
  .m-wrapper .yui-navset .yui-nav a em {
      border: none;
      background: #FCFCFC !important;
  }
  #page-content .m-wrapper .yui-navset .yui-nav li a:hover,
  #page-content .m-wrapper .yui-navset .yui-nav li a:focus,
  #page-content .m- wrapper .yui-navset .yui-nav li a:active {
      color: #000
      text-decoration: underline;
  }
  
  #page-content .m-wrapper .yui-navset .yui-nav li a {
      color: #a01;
  }
  
  .m-wrapper .yui-navset .yui-nav .selected {
      display: none;
  }
  
  .m-wrapper .yui-navset .yui-content > div:first-child > p { display: contents; }

  Pages using this styling

  • artwork-hub [info]

  ¶ 1 occurrence
  

  
  .art-block {
      margin: 1.5rem auto;
  }
  
  .art-block .panel-body {
      padding: 0;
  }
  .art-block .panel-body .alternate {
      padding: 5px 10px;
  }
  
  .art-block .art-title {
      font-weight: bold;
      font-size: 110%;
      margin-bottom: 5px;
      color: #633;
  }
  .art-block .art-content {
      margin: 5px 0;
  }
  .art-block .art-title > p,
  .art-block .art-content > p {
      margin: 0;
  }
  
  .artist-header a{
      color: white;
      text-shadow: #003 2px 2px;
  }
  
  .art-container {
      display: flex;
      flex-wrap: wrap;
      align-content: center;
      justify-content: space-around; 
      align-self: flex-end
      gap: 1rem 1rem; 
  }
  .art-container .art {
      flex: 0 1 200px;
      text-align: center;
      padding-bottom: 1rem; 
      padding-left: 1rem; 
      padding-right: 1rem; 
  } 
  
  .art-container .art .image-container {
      padding: 0;
      min-height: 100%;
      max-width: 100%;
  }

  Pages using this styling

  • artist-showcase-archive [info]

  ¶ 1 occurrence
  

  table.wiki-content-table {
    margin: 0;
    width: 100%;
  }
  
  table.wiki-content-table td:first-child {
    width: min(15em, 30vw);
  }
  
  .welcome-header {
    font-size: 200%;
    font-weight: bold;
    color: #600;
    text-align: center;
  }
  .welcome-header span {
    word-break: normal;
  }
  .footnotes-footer {
    display: none;
  }
  

  Pages using this styling

  • artist-directory [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=MedievalSharp&display=swap');
  
  :root {
      --study-wall: 12, 44, 84;
  }
  
  body {
      background-image: url(https://scp-wiki.wdfiles.com/local--files/arthurian-cycle-hub/toparthur.png), var(--gradient-topmenu), var(--gradient-background);
      background-repeat: no-repeat;
      background-size: 100% 12.25rem, 100% var(--final-header-height-on-desktop), 100% var(--background-gradient-distance);
  }
  
  @media only screen and (max-width: 56.25rem) {
      body {
       background-size: 1200px 12.25rem, 100% var(--final-header-height-on-desktop), 100% var(--background-gradient-distance);
       overflow-x: hidden;
      }
  }
  .Title {
      font-family: 'MedievalSharp';
      padding:10px;
      font-size: 150%;
      text-align: center;
  }
  .Title a {
      color: #0f3b65;
  }
  
  .evenflowery {
      background-image: url(https://scp-wiki.wdfiles.com/local--files/arthurian-cycle-hub/topgold.png), url(https://scp-wiki.wdfiles.com/local--files/arthurian-cycle-hub/bottomgold.png);
      background-repeat: no-repeat;
      background-size: 180px 120px;
      background-position: top left, bottom right;
      padding: 5px 45px 25px;
      margin-top: 15px;
      margin-bottom: 30px;
  }
  
  
  #footer::before {
      content: "Hic jacet Arthurus, Rex quondam, Rexque futurus";
      font-size: clamp(1rem, -0.429rem + 3.81vw, 3rem);
      font-family: 'MedievalSharp';
      background-image: url('https://scp-wiki.wdfiles.com/local--files/arthurian-cycle-hub/footer.png');
  }
  
  .ornament {
      display: grid;
      grid-template-columns: 1fr max-content 1fr;
      grid-template-rows: min-content;
  }
  .orna {
      border: solid 0px transparent;
  }
  .ornb {
      border: solid 0px transparent;
      min-height: 450px;
      width: 360px;
  }
  .top {
      background-image: url(https://i.imgur.com/c7NC2ef.png);
      background-repeat: no-repeat;
  }
  .bottom {
      background-image: url(https://i.imgur.com/g5tVAPq.png);
      background-repeat: no-repeat;
  }
  .ornm{
      background-image: url(https://scp-wiki.wdfiles.com/local--files/arthurian-cycle-hub/orn2bottom.png);
      background-repeat: no-repeat;
      background-size: 10%;
      background-position: center;
      height: 100vh;
      grid-column: 1 / 4;
      grid-row: 1 / 2;
      margin: 0 auto;
  }
  .ornt{
      background-image: url(https://scp-wiki.wdfiles.com/local--files/arthurian-cycle-hub/orn2top.png);
      background-repeat: no-repeat;
      background-size: 10%;
      background-position: center;
      height: 100vh;
      grid-column: 1 / 4;
      grid-row: 1 / 2;
      margin: 0 auto;
  }
  
  #main-content {
      margin-bottom: 5rem;
  }
  
  #page-title {
      display: none;
  }

  Pages using this styling

  • arthurian-cycle-hub [info]

  ¶ 1 occurrence
  

  :root {
      --linkColor: #eb4034;
   
      --primaryBackgroundColor: #303030;
      --secondaryBackgroundColor: #5e5e5e;
      --tertiaryBackgroundColor: #eb4034;
      --borderColor: #eb4034;
   
      --shadow: rgba(96,213,248,0.3);
   
      --selectionColor: #eb4034;
      --textColor: #F8F8F2;
      --textColor-alt: #E1E1E1;
  }
  ::-webkit-scrollbar-track {
      background: var(--secondaryBackgroundColor);
  }
  #page-content .info-container {
      --link-color: rgb(var(--swatch-text-general));
  }
  
  #page-content .info-container .translation_block {
      display: none;
  }
  
  #page-content .info-container .collapsible-block-link,
  #page-content .info-container:hover .collapsible-block-link {
      line-height: 1.6em;
  }
  
  #page-content .info-container .collapsible-block-folded,
  #page-content .info-container .collapsible-block-unfolded-link {
      display: grid;
  }
  
  #page-content .info-container .collapsible-block-folded .collapsible-block-link,
  #page-content .info-container .collapsible-block-link {
      -webkit-mask: unset;
              mask: unset;
      background: transparent;
      grid-column: 1;
      grid-row: 1;
      opacity: 0;
  }
  
  #page-content .info-container .collapsible-block-folded::before,
  #page-content .info-container .collapsible-block-unfolded-link::before {
      --wght: 800;
      content: "zealthewhatever";
      color: var(--primaryBackgroundColor);
      font-family: Inter, Arimo, Verdana, Geneva, "Helvetica Neue", "Helvetica", Arial, sans-serif;;
      display: block;
      pointer-events: none;
      grid-column: 1;
      grid-row: 1;
  }

  Pages using this styling

  • art:zealthewhatever-s-art-page [info]

  ¶ 1 occurrence
  

  :root {
      --linkColor: #88C0D0;
   
      --primaryBackgroundColor: #fafcff;
      --secondaryBackgroundColor: #E5E9F0;
      --tertiaryBackgroundColor: #D8DEE9;
      --borderColor: #4C566A;
   
      --shadow: rgba(46,52,64,0.25);
   
      --selectionColor: #EBCB8B;
      --textColor: #2E3440;
      --textColor-alt: #434C5E;
  
      --header-title: "STUDIO YVONNE";
      --page-content-width: 76.5rem;
  }
  #side-bar, #license-area {
      --secondaryBackgroundColor: #2E3440;
      --tertiaryBackgroundColor: #434C5E;
      --textColor: #D8DEE9;
  }
  
  #header h1 {
      padding-block: 2.5rem;
  }
  
  /*-----------------------*/
  
  .title-wrapper {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: center;
      gap: .5rem;
  
      .meta-title { display: contents; }
      .meta-title::before { display: none; }
      .meta-title::after { min-width: 2.75rem; }
      div.page-rate-widget-box {
          margin: 0;
          min-width: max-content;
      }
  }
  
  .yui-navset {
      flex-direction: row;
      flex-wrap: wrap;
      .yui-nav { align-self: start; flex-basis: 12.25rem; flex-shrink: 0; flex-grow: 1;}
      .yui-content { flex-grow: 99; flex-basis: 40rem; }
  }
  .yui-navset.yui-navset-top .yui-nav :is(li, .selected) {
      flex-basis: 11.5rem;
  }
  
  /*-----------------------*/
  
  .main-display {
      display: flex;
      justify-content: center;
      gap: .5rem;
      flex-wrap: wrap;
      > br { display: none; }
  }
  .mds-element {
      display: flex;
      flex-direction: column;
      font-family: var(--mono-font);
      text-align: center;
      > img { display: block; max-height: min(23.75rem, 50svh); border-radius: var(--radius-adjust); }
      > .mds-label { font-size: .95em; }
  }
  
  .scp-tuts {
      margin-block: .5rem;
      display: flex;
      justify-content: center;
      gap: .5rem;
      flex-wrap: wrap;
  
      > .tut-step {
          flex-basis: 13.75rem;
          font-size: .875rem;
          text-align: center;
          > p { margin: 0; }
          >img { border-radius: var(--radius-adjust); }
      }
  }
  

  Pages using this styling

  • art:yvonne-goi-logos [info]

  ¶ 1 occurrence
  

  :root {
      --linkColor: #b87dcd;
      --linkColor-newpage: #FC9958;
   
      --primaryBackgroundColor: #F9F9F9;
      --secondaryBackgroundColor: #EFEFEF;
      --tertiaryBackgroundColor: #E0E0E0;
      --borderColor: #C6C6C6;
   
      --shadow: rgba(0,0,0,0.225);
   
      --selectionColor: #FFE419;
      --textColor: #0E0E0E;
      --textColor-alt: #8E8E8E;
   
      /*----- Technical Variables -----*/
   
      --body-font: 'Ubuntu', sans-serif;
      --header-font: 'Century Gothic', 'Quicksand', sans-serif;
      --header-title: 'SCP FOUNDATION';
   
      --sidebar-width: 15rem;
      --sidebar-timing: 0.275s ease-out;
      --page-content-width: 954px;
   
      --radius-adjust: 0.95rem;
      --link-timing: .125s ease-out;
  }

  Pages using this styling

  • art:your-eyes-open-wide [info]

  ¶ 1 occurrence
  

  :root {
       --header-title: "Xi-1";
       --header-subtitle: "Artwork";
       --lgurl: url(https://scp-wiki.wikidot.com/local--files/art:xi-1/Xi%25201%2520%252522god%2520watchers%252522.webp);
  }

  Pages using this styling

  • art:xi-1 [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.bunny.net/css?family=Gochi+Hand|Source+Sans+Pro&display=swap');
  
  .rmpostcontainer
  {
      background-image: url('https://scp-wiki.wikidot.com/local--files/art:xi-1/LaRueDesk.webp');
      background-repeat: no-repeat;
      width: 100%; max-width: 660px;
      height: 980px;
      margin: 0px;
          padding: 60px 20px 0px 60px;
  }
  
  .rmpostcontent
  {
      font-family: 'Source Sans Pro', sans-serif;
      font-family: 'Gochi Hand', cursive;
      font-style: normal;
      font-size: 1.30em;
      color: #000;
      width: 530px;
      height: 880px;
      padding: 30px;
      margin: 0px;
      margin-top: -8px;
  }
  
  .rmpostmobiletitle
  {
      display: none;
  }
  
  .scribble
  {
      font-style: bold;
      font-size: 1.30em;
      color: #000;
      width: 300px;
      padding: 0px 0px 0px 20px;
      margin: 0px;
      margin-top: -8px;
      -ms-transform: rotate(20deg); /* IE 9 */
      transform: rotate(12deg); /* Standard syntax */
  }
  
  @media only screen and (max-width: 600px) {
  
      .rmpostcontainer {
          background-image: url("https://scp-wiki.wikidot.com/local--files/art:xi-1/LaRueMobile.webp");
          background-size: 100%;
          background-repeat: repeat;
          width: 100%;
          height: auto;
          padding: 0px;
          padding-top: 0px;
      }
  
      .rmpostcontent {
          font-size: 14pt;
          width: 85%;
          height: auto;
          padding: 10px 10px 0px 30px;
      }
  
      .rmposttitle {
          width: auto;
          height: auto;
          padding: 0px 20px 0px 70px;
      }
  
  }
  

  Pages using this styling

  • art:xi-1 [info]

  ¶ 1 occurrence
  

  body {
    background-image: linear-gradient(to bottom, #ffd4ef, #fce3f3, #fff2fa, white, white, white);
  }

  Pages using this styling

  • art:xeere-art [info]

  ¶ 1 occurrence
  

  :root {
      --linkColor: #27bb96;
  
      --primaryBackgroundColor: #121617;
      --secondaryBackgroundColor: #0B0D0C;
      --tertiaryBackgroundColor: #193034;
      --borderColor: #2a3b41;
      --selectionColor: #0D929F;
      --textColor: #f4f4f4;
  }
  

  Pages using this styling

  • art:world-without-man [info]

  ¶ 1 occurrence
  

  :root {
      --UI-font: "Inter", PTRootUI, -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantrell, "Helvetica Neue", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  
      --pale-accent: 75, 120, 235;
      --bright-accent: 0, 73, 255;
      --medium-accent: 36, 79, 189;
      --dark-accent: 7, 36, 112;
      --alt-accent: 145, 61, 242;
  
      --link-color: var(--bright-accent);
      --visited-link-color: var(--bright-accent);
      --hover-link-color: var(--swatch-primary);
  
       --header-title: "Woofle's SCP Page";
      --header-subtitle: "random anomalies will be contained";
  }
  #page-title {
      display: none;
  }

  Pages using this styling

  • art:woofle [info]

  ¶ 1 occurrence
  

  :root {
       --header-title: "    ";
       --header-subtitle: "    ";
      --basalt-primary-color: 0, 0, 0;
  }

  Pages using this styling

  • art:verschlimmbessern [info]

  ¶ 1 occurrence
  

  h1 {
    font-family: "Bebas Neue", sans-serif;
    font-weight: 400;
    font-style: normal;
  }

  Pages using this styling

  • art:vasilisa-blud [info]

  ¶ 1 occurrence
  

   .anchor{
       position: -webkit-sticky;
       position: sticky;
       top: 0;
   
       z-index: 5;
  }
   .authorbox,
   .sidebox,
   .sidecontainer{
       position: absolute;
       width: calc((100vw - 870px) / 2);
       max-height: calc(100vh - 15rem);
       padding: .33rem 1.6rem;
   
       box-sizing: border-box;
   
       z-index: 5;
  }
   .authorbox,
   .sidebox{
       font-size: 90%;
  }
   .authorbox{
       right: 103.5%;
       max-width: calc((100vw - 921.2px) / 2) !important;
       margin-right: .53rem;
       padding-right: 1rem;
  }
   .sidebox,
   .sidecontainer{
       left: 103.5%;
  }
   @media (max-width: 1280px){
       .authorbox,
       .sidebox{
            display: none;
      }
  }
   .authorbox .wiki-content-table,
   .sidebox .wiki-content-table{
       max-width: 20em !important;
  }
   .sidebox img{
       width: 7.5em;
  }
   .authorbox tr th,
   .authorbox tr td,
   .sidebox tr th,
   .sidebox tr td{
       padding: .27rem !important;
  }
   .flavorbox{
       width: 75%;
       margin: auto auto .33rem;
       padding: 0 1rem;
   
       color: var(--textColorAlt);
       background: var(--fgColor);
       border: solid transparent;
  }
  
    .flex-container {
  
      display: flex;
      
      justify-content: center;  
      flex-flow: wrap;  
      flex-wrap: wrap; 
      align-content: center;
  
      background-color: #ffffff;
      height: 100%;
  
    }
  
    .flex-container > div{
  background: #ffffff;
    }

  Pages using this styling

  • art:v173-goi-logo-animations-v1 [info]

  ¶ 1 occurrence
  

   :root {
      /* = THESE VARIABLES MAY BE CHANGED = */
      --accentColor: hsl(354, 90%, 45%);
      --accentColorLite: hsla(354, 90%, 45%, .5);
      --hue: 325deg;
   
      --titleColor: var(--bgColor);
      --subtitleColor: var(--bgColor);
   
      --bgColor: #FFFFFF;
      background: var(--bgColor);
      --fgColor: #F5F5F5;
      --gradientColor: hsla(354, 90%, 45%, 1);
      /* == */
   
      /* = THESE VARIABLES SHOULD NOT BE CHANGED = */
      --tint: calc(var(--hue) - 40deg);
   
      --alphaColor: hsl(0, 0%, 100%);
      --keyColor: hsl(0, 0%, 5%);
      --bright-red: hsl(360, 89%, 62%);
      --strong-lime-green: hsl(120, 80%, 40%);
      --dark-grayish-blue: hsl(212, 15%, 63%);
   
      --textColorHigh: var(--textColor);
      --textColorMid: var(--textColorAlt);
      --textColorLow: hsla(0, 0%, 0%, .68);
      --textColorIdle: hsla(0, 0%, 0%, .34);
      /* == */
   
      /* = DEPRECATED = */
      --textColor: hsla(0, 0%, 0%, .8);
      --textColorAlt: hsla(0, 0%, 0%, .74);
      /* == */
   
      /* = LOGO = */
      --lgurl: url(https://scp-wiki.wdfiles.com/local--files/theme%3Aflopstyle-dark/alt_logo_bw.png);
   
      /* = FONTS = */
      --header-font: "Montserrat", sans-serif;
      --body-font: "Inter", sans-serif;
      --glyphs: "case", "ss01", "ss04";
      --script-font: "Comic Neue", cursive;
   
      /* = MISCELLANEOUS = */
      /**
       *    Courtesy of EstrellaYoshte
      **/
   
      --side-bar-width: 17em;
      --content-wrap-width: 1080px;
      scroll-behavior: smooth;
      scrollbar-color: var(--accentColor) var(--fgColor);
  }
   
   body {
      accent-color: var(--gradientColor);
      color: var(--textColor);
      background-color: var(--bgColor);
      background-image:
         linear-gradient(
          var(--gradientColor) 0 90px,
          var(--bgColor) 225px 100%);
      background-repeat: no-repeat;
   
      font-family: var(--body-font);
      font-size: 15px;
      overflow-wrap: break-word;
      text-rendering: optimizeLegibility;
  }
   #top-bar,
   #top-bar a {
      color: var(--bgColor);
      transition: 0;
  }
  
  /* == LOGIN == */
   
   #login-status {
      top: 1.1em;
      right: initial;
   
      color: var(--bgColor);
      z-index: 1;
  }
   
   @media (max-width: 767px) {
       #login-status{
          top: 0;
          right: 0;
   
          z-index: 20;
      }
  }
   
   #login-status a {
      color: var(--bgColor);
  }
   
   #login-status ul a {
      color: var(--textColorAlt);
      background: var(--fgColor);
  }
   
   #login-status ul a:hover {
      color: var(--accentColor);
      background: var(--bgColor);
  }
   
   @media (max-width: 767px) {
       #header .printuser{
          font-size: 0;
      }
  }
   
   .printuser a {
      margin: 0;
  }
   
   .printuser img.small {
      width: 18px;
      height: 18px;
      padding: 1px 4px 0 0;
   
      background-image: none !important;
  }
   
   @media (max-width: 767px) {
       #header .printuser img.small{
          transform: translate(0, 4px);
      }
  }
   
   #my-account {
      display: none;
  }
   
   #account-topbutton {
      padding: 0 3px;
   
      border-color: var(--bgColor);
   
      font-size: 1.067em;
  }
   
   @media (max-width: 767px) {
       #account-topbutton {
          margin: 0 0 0 5px;
      }
  }
   
   #account-topbutton:hover {
      color: var(--accentColor);
      background: var(--bgColor);

  Pages using this styling

  • art:v173-containment-breach [info]

  ¶ 1 occurrence
  

  img {
    margin: 30px 0;
    width: 100%;
  }

  Pages using this styling

  • art:ubergoober [info]

  ¶ 1 occurrence
  

  
  #page-title {display: none;}
  
  h2 {
    text-align: center;
  }
  
  h4 {
    text-align: center;
  }
  h6 {
    text-align: center;
  }

  Pages using this styling

  • art:tlahuelpuchi7261 [info]

  ¶ 1 occurrence
  

  
  #page-title {display: none;}
  }
  

  Pages using this styling

  • art:through-waves-or-hells-fires [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.bunny.net/css2?family=Big+Shoulders+Display:wght@800&display=swap');
  
  :root {
      --timeScale: 6;
      --timeDelay: 6s;
      --red: 176, 216, 247;
       --medium-accent: var(--red);
       --cutColour: #fafafa;
       --barColour: var(--red);
       --toggle-border-color: rgb(var(--red));
       --toggle-icon-color: rgb(var(--red));
       --mono-font: 'IBM Plex Mono', monospace;
       --background-gradient-distance: 20rem;
       --background-gradient-color: var(--red);
       --dark-accent: var(--red);
       --barColour: var(--red);
       --bright-accent: var(--red);
  
       --link-color: 140, 199, 245;
       --visited-link-color: 176, 216, 247;
       --hover-link-color: 176, 216, 247;
  
      --logo-image: url("https://scp-wiki.wikidot.com/local--files/art:they-got-away/logo.svg");
  }
  
  #content-wrap {
      background-color: #ffffff;
      background-image: url("data:image/svg+xml,%3Csvg width='48' height='64' viewBox='0 0 48 64' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M48 28v-4L36 12 24 24 12 12 0 24v4l4 4-4 4v4l12 12 12-12 12 12 12-12v-4l-4-4 4-4zM8 32l-6-6 10-10 10 10-6 6 6 6-10 10L2 38l6-6zm12 0l4-4 4 4-4 4-4-4zm12 0l-6-6 10-10 10 10-6 6 6 6-10 10-10-10 6-6zM0 16L10 6 4 0h4l4 4 4-4h4l-6 6 10 10L34 6l-6-6h4l4 4 4-4h4l-6 6 10 10v4L36 8 24 20 12 8 0 20v-4zm0 32l10 10-6 6h4l4-4 4 4h4l-6-6 10-10 10 10-6 6h4l4-4 4 4h4l-6-6 10-10v-4L36 56 24 44 12 56 0 44v4z' fill='%23eff7fd' fill-opacity='0.4' fill-rule='evenodd'/%3E%3C/svg%3E");
  }
  
  #page-content hr {
  border-top: none;
  height: .05em;
  background: #454545;
  }
  
  .info-container .collapsible-block-folded a{
  color: #FFF;}
  .info-container .collapsible-block-unfolded-link a{
  color: #FFF;
  }
  
  .info-container .collapsible-block-folded a{
  color: #FFF;}
  .info-container .collapsible-block-unfolded-link a{
  color: #FFF;
  }
  
  #page-content > .collapsible-block {
      display: block;
      text-align: center;
      padding: .8em;
      background-color: #e3e3e3;
      border-top: 0.125rem dashed #b5b5b5;
      border-bottom: 0.125rem dashed #b5b5b5;
  }
  
  #page-content > .collapsible-block .collapsible-block-content {
      text-align: left;
  }
  
  blockquote,
  div.blockquote {
      border: 0.125rem solid #d4d4d4;
      background-color: #F5F5F5;
  }
  
  .interview{
      border:solid 2px #d4d4d4;
      background:#F5F5F5;
      width:90%;
      padding:1px 15px;
      margin: 10px auto;
  }
  
  .addendum{
      border:solid 1px #5e5e5e;
      background:#ffffff;
      width:90%;
      padding:1px 15px;
      margin: 10px auto;
  }
  
  .paper{
      border-top:solid 2px #b0d8f7;
      border-bottom:solid 2px #b0d8f7;
      background:#fafafa;
      width:60%;
      padding:1px 15px;
      margin: 10px auto;
  }
  
  .title{
      font-family: 'Big Shoulders Display', cursive;
      text-align: center;
      font-size: 110%;
  }
  
  #page-title{display:none}
  

  Pages using this styling

  • art:they-got-away [info]

  ¶ 1 occurrence
  

  :root {    --desktop-time: '00:00';
      --desktop-wallpaper: url("http://scp-wiki.wikidot.com/local--files/art:the-vilsolad-mausoleum/Marble013_8K_Displacement.png");
  }

  Pages using this styling

  • art:the-vilsolad-mausoleum [info]

  ¶ 1 occurrence
  

  
  @import url('https://fonts.bunny.net/css2?family=Zen+Kaku+Gothic+Antique:wght@300;400;500;700;900&display=swap');
  @import url('https://fonts.bunny.net/css2?family=Poppins:wght@700&display=swap');
  @import url('https://fonts.bunny.net/css2?family=Spline+Sans:wght@400;700&display=swap');
  @import url('https://fonts.bunny.net/css2?family=Roboto+Condensed:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap');
  div.authorlink-wrapper{margin-top: var(--author-top-adjust, .2em) !important;}
  :root {
  --header-logo: url('https://scp-wiki.wikidot.com/local--files/art:the-ones-who-never-existed/Cycles');
  --title:"SCP FOUNDATION";
  --subtitle:"We Will Not Be Scilenced";
  --sidesubtitle: "We Will Not Be Scilenced";
  --sidelogo: url("https://scp-wiki.wikidot.com/local--files/art:the-ones-who-never-existed/Cycles');
  --header-font: 'Poppins';
  --body-font: 'Zen Kaku Gothic Antique', sans-serif;
  --ACS-font: var(--header-font);
  --five-color: 116,71,88 !important;
  --basalt-undertone: 60,9,33 !important;
  --swatch-menubg-black-color: 10,10,10 !important;
  --general-border-color: 1,1,1 !important;
  --swatch-menutxt-dark-color: 1,1,1 !important;
  --UI-font: 'Poppins';
  --basalt-main-text-color: 253, 241, 242 !important;
  }
  #page-content .widetable .wiki-content-table {
      width: 100% !important;
      font-size: 1.5em;
  }
  .hcontainer {
  
  }
  :is(span.specialtext, span.st) {
  text-decoration: underline 2px;
      text-underline-offset: 3px;
  }
  @keyframes strike{
  0%   { width : 0; }
  20% { width: 50%; }
  40% { width: 75%; }
  60% { width: 100%; }
  80% { width: 50%; }
  100% { width: 0; }
  }
  .strike, .unstrike {
    position: relative;
  }
  .strike::after, .unstrike::after {
    content: ' ';
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 2px;
    background: rgb(253, 241, 242);
    animation-name: strike;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-fill-mode: forwards;
  }
  @keyframes unstrike{
  0%  { width: 0; }
  20% { width: 25%; }
  40% { width: 75%; }
  60% { width: 50; }
  80% { width: 100%; }
  100% { width: 0; }
  }
  body {
      background-image: url();
      background-attachment: fixed;
      background-size: cover;
      background-blend-mode: difference;
  }
  .acs-extra-1 {
  
  font-family: var(--ACS-font), var(--body-font) !important;
  }
  #page-content a.collapsible-block-link {
  
  color: rgb(253, 241, 242);
  
  }
  #page-content div.modal {
      max-width: var(--main-content-width) !important;
  }
  .anom-bar > div.bottom-box::before {
  display: none !important;
  }
  
  .series-nav {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      align-content: center;
      align-items: baseline;
  
      margin: 1rem 0;
      padding: .02rem 1rem;
      background: rgb(var(--basalt-tertiary-color));
  
      border-top-right-radius: .67rem;
      border-top-left-radius: .67rem;
  
      font-size: 1.2em;
      font-family: var(--UI-font);
  }
  
  .series-nav>* {
      margin: 0 0.3em;
  }
  
  .end_card {
      background: linear-gradient(145deg, rgba(var(--basalt-dark-element-color), 0.5) 0%, rgb(var(--basalt-tertiary-color)) 80%);
      padding: 1.25rem 2rem;
      text-align: center;
  }
  div:is(.jotting, .transcript) {
  border: double 0.15rem #000;
  }
  #page-content :is(blockquote, .blockquote) {
      border-color: #000;
      font-weight: normal;
      background-color: #060b11;
      color: #cdd9d6;
  }
  
  .image-block, .scp-image-block {
  
  border-bottom: none !important;
  }
  
  #page-content div:is(.jotting, .transcript) {
  
  max-width: 44rem;
  }
  
  .text-part .risk-class::before, .text-part .risk-class::after, .bottom-box > div.diamond-part::before, .text-part .disrupt-class::after, .text-part .disrupt-class::before,.danger-diamond > .arrows {
  
  
  }
  

  Pages using this styling

  • art:the-ones-who-never-existed [info]

  ¶ 1 occurrence
  

  /*
      Powered on 2023/11/03 12:10:49
      [2023 Wikidot Theme]
      Created by PiNKpePpER
      CC BY-SA 3.0
  */
  
  
  
  body {
      color: #252222;
  }
  a,a:visited {
      color: #885809;
  }
  div.page-rate-widget-box,
  div.page-rate-widget-box span.rate-points,
  div.page-rate-widget-box span.cancel {
      background-color: #252222!important;
      border: solid #252222 1px!important;
  }
  div.page-rate-widget-box span.rateup,
  div.page-rate-widget-box span.ratedown {
      border: solid #252222!important;
      border-width: 1px 0!important;
  }
  div.page-rate-widget-box span.rate-points,
  div.page-rate-widget-box span.cancel a,
  div.page-rate-widget-box span.cancel a:hover {
      color: DCD08D;
  }
  div.page-rate-widget-box span.rateup,
  div.page-rate-widget-box span.ratedown {
      background-color: #FAF8F2!important;
  }
  div.page-rate-widget-box span.rateup a,
  div.page-rate-widget-box span.ratedown a {
      color: #252222!important;
  }
  div.page-rate-widget-box span.cancel a:hover,
  div.page-rate-widget-box span.rateup a:hover,
  div.page-rate-widget-box span.ratedown a:hover {
      background: transparent!important;
      color: transparent!important;
  }
  

  Pages using this styling

  • art:the-man-in-black-and-white [info]

  ¶ 1 occurrence
  

  #page-title {
    display: none !important;
  }

  Pages using this styling

  • art:the-heros-journey-ft-wigglebert-the-board-game [info]

  ¶ 1 occurrence
  

   :root{
       --accentColor: #D22B2B;
       --accentColorLite: #AD2323;
       --hue: hue;
  
       --bgColor: #191b1e;
       --fgColor: #0e0f11;
  
       --lgurl: url(https://scp-wiki.wdfiles.com/local--files/armed-with-hell-flames-and-fury/chaos-insurgency-sigil-1.png);
  
       --header-title: "CHAOS INSURGENCY";
       --header-subtitle: "WE DIE IN THE DARK, SO HUMANITY CAN LIVE IN THE LIGHT";
       --titleColor: title_colour;
       --subtitleColor: subtitle_colour;
  }
  
  #extra-div-1 {
       filter: invert(0) opacity(.15);
  }
  
  #header h1 a::before {
       background: -webkit-linear-gradient(270deg, rgba(255,255,255,1), rgba(179,179,179,1) 75%, rgba(47, 51, 60,1) 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
  }
  
   .zm,
   .zm hr,
   .zm.comment {
     --accentColor: hsl(220, 18%, 47%);
     --accentColorLite: hsla(220, 18%, 47%, .15);
  }
  
   .zm .fnnum::after,
   .zm .fnnum:hover,
   .zm .fncon:before {
     --fnColor: var(--accentColor);
  }
  
   .zm.comment {
       display: block;
       margin: .8rem;
       padding: .02rem .8rem;
  
       color: var(--textColor);
       background: var(--accentColorLite);
  }
  
  .report-box hr {
      border-top: 3px solid var(--accentColor);
  }
  
  .monologue td {
      text-align: center;
      padding: 0.8rem;
      border: 1px solid var(--accentColor);
      line-height: 1.5;
  }
  
  .monologue th {
      text-align: center;
      padding: 0.3rem;
      background: var(--accentColor);
      border: 1px solid var(--accentColor);
  }
  
  .monologue th h3 {
      color: var(--textColor);
      text-decoration-color: var(--textColor);
  }
  
  .monologue td .background-text {
       opacity: .8;
       font-style: italic;
  }
  
  .comment {
       text-align: justify;
  }
  
   #u-fade-away {
   /* Mouse Hover Reveals Rating Module */
      opacity: calc(1 / 3);
      transition: all .25s ease-in-out;
  }
  
   #u-fade-away:hover {
      opacity: 1;
  }
  
  .argus {
      --accentColor: #879DCC;
      --accentColorLite: #AEC0E6;
      --fnColor: var(--accentColor);
      background: #eff4ff;
      border: thick solid #5B5D61;
      color: #333;
      text-align: center;
      margin-bottom: 2.5rem;
      margin-top: 2.5rem;
      font: 110% var(--header-font);
      font-weight: bold;
  }
  
  .argus hr {
      border: thin solid #5B5D61;
  }
  
  tt {
      background-color: transparent;
      padding: 0em;
  }

  Pages using this styling

  • art:the-fall-of-the-chaos-insurgency-song [info]

  ¶ 1 occurrence
  

  :root {
       --header-title: "Department of Unreality";
       --header-subtitle: "Making the Unreal a ㅤㅤㅤㅤ";
       --lgurl: url('http://scp-wiki.wikidot.com/local--files/unreality-hub/Unreality%20Header%20Logo.svg');
  }
  
  @media only screen and (max-width: 26.5625rem) {
      :root {
          --header-title: "Unreality";
      }
  }
  

  Pages using this styling

  • art:the-elephant-is-not-a-metaphor [info]

  ¶ 1 occurrence
  

  :root {
      --linkColor: #38AFFF;
  
      --primaryBackgroundColor: #242935;
      --secondaryBackgroundColor: #3F4256;
      --tertiaryBackgroundColor: #809EB2;
      --borderColor: #6272A4;
  
      --shadow: rgba(96,213,248,0.3);
  
      --selectionColor: #50FA7B;
      --textColor: #F8F8F2;
      --textColor-alt: #6272A4;
  }
  ::-webkit-scrollbar-track {
      background: var(--secondaryBackgroundColor);
  }

  Pages using this styling

  • art:the-bloom-in-her-image [info]

  ¶ 1 occurrence
  

  :root {
    --header-title: "Project Cerberus";
    --header-subtitle: "Custodiendo portas inferni";
    --logo-img: url(https://scp-wiki.wikidot.com/local--files/art:the-art-of-project-cerberus/logo.webp)
  }

  Pages using this styling

  • art:the-art-of-project-cerberus [info]

  ¶ 1 occurrence
  

  :root {
       --header-title: "THE THOUSANDS";
       --header-subtitle: "A PLACE OF LEGENDS";
      --bright-accent: 140, 199, 245;
      --medium-accent: 140, 199, 245;
      --dark-accent: 140, 199, 245;
       --link-color: 140, 199, 245;
       --visited-link-color: 176, 216, 247;
       --hover-link-color: 176, 216, 247;
  }

  Pages using this styling

  • art:thatguykconart [info]

  ¶ 1 occurrence
  

  :root {
   --header-title: "THATFOUNDATION";
   --header-subtitle: "IN SILLINESS WE TRUST";
   --lgurl: url("https://scp-wiki.wdfiles.com/local--files/component%3Aanomaly-class-bar/cernunnos-icon.svg");
   --accentColor: 227, 0, 217;
  }

  Pages using this styling

  • art:thatartpageofalltime [info]

  ¶ 1 occurrence
  

  :root{
     /* -- CENTERED HEADER VARS -- */
  @import url('https://fonts.bunny.net/css2?family=Bonheur+Royale&display=swap');
     --header-title: "TFOLIAHM";
     --header-subtitle: "by pickle";
     --header-font: 'Bonheur+Royale', sans serif;
     --logo-image: url(https://scp-wiki.wikidot.com/local--files/art:tfoliahm-artex/59q89x.webp);
  }

  Pages using this styling

  • art:tfoliahm-artex [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.bunny.net/css2?family=Gloria+Hallelujah&display=swap');
  
  page {
      display: block;
      overflow: hidden;
      font-family: 'Gloria Hallelujah', cursive;
      font-style: cursive;
      font-size: 1.2em;
      line-height: 30px;
  
      background-attachment: scroll;
      background-clip: border-box;
      background-color: transparent;
      background-image: linear-gradient(to top ,rgb(202, 219, 228) 0%, rgb(231, 233, 220) 8%);
      background-origin: padding-box;
      background-position: 0px 8px;
      background-repeat: repeat;
      background-size: 100% 20px;
  
      border: 1px solid #CCC;
      border-radius: 10px;
      padding: 10px 10px;
      margin-bottom: 10px;
  
      box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2)
      }
  .page p,
  .page ul {
      line-height: 20px;
      margin: 0;
  }
  .page li {
    line-height: 200%;
  }
  .page ul {
    margin-top: 10px;
    margin-bottom: 10px;
  }

  Pages using this styling

  • art:termination-attempt-scp-6820 [info]

  ¶ 1 occurrence
  

  .blinking{
      animation:blinkingText 1.2s infinite;
  }
  @keyframes blinkingText{
      0%{     color: #000;    }
      49%{    color: #000; }
      60%{    color: transparent; }
      99%{    color:transparent;  }
      100%{   color: #000;    }
  }
  
  /* -------- CONTENT AREA -------- */
  /* ---- SIDEBOXES | TYPE 'A' ----
   * Adapted From:
   *   Penumbra Theme by EstrellaYoshte
  **/
   .anchor{
       position: -webkit-sticky;
       position: sticky;
       top: 0;
  
       z-index: 5;
  }
   .authorbox,
   .sidebox,
   .sidecontainer{
       position: absolute;
       width: calc((100vw - 870px) / 2);
       max-height: calc(100vh - 15rem);
       padding: .33rem 1.6rem;
  
       box-sizing: border-box;
  
       z-index: 5;
  }
   .authorbox,
   .sidebox{
       font-size: 90%;
  }
   .authorbox{
       right: 103.5%;
       max-width: calc((100vw - 921.2px) / 2) !important;
       margin-right: .53rem;
       padding-right: 1rem;
  }
   .sidebox,
   .sidecontainer{
       left: 103.5%;
  }
   @media (max-width: 1280px){
       .authorbox,
       .sidebox{
            display: none;
      }
  }
   .authorbox .wiki-content-table,
   .sidebox .wiki-content-table{
       max-width: 20em !important;
  }
   .sidebox img{
       width: 7.5em;
  }
   .authorbox tr th,
   .authorbox tr td,
   .sidebox tr th,
   .sidebox tr td{
       padding: .27rem !important;
  }
   .flavorbox{
       width: 75%;
       margin: auto auto .33rem;
       padding: 0 1rem;
  
       color: var(--textColorAlt);
       background: var(--fgColor);
       border: solid transparent;
  }
  
  /* ---- SIDEBOXES | TYPE 'B' ----
   *   Courtesy Of Woedenaz
  **/
   .limit{
       line-height: 1.5;
  }
   .limit br{
       display: block;
  }
   .sidecontainer{
       margin-left: .53rem;
  
       color: var(--textColorAlt);
       background-color: var(--fgColor);
       border-top: medium solid var(--accentColor);
  
       overflow: auto;
  }
   @media (max-width: 1280px){
       .sidecontainer{
            top: 1rem;
            right: calc(((100vw - 45.8rem) / 2) * -1);
            left: initial;
            width: auto;
            max-width: 65vw !important;
            padding-right: .4rem;
            padding-left: .4rem;
  
            background-color: hsla(0, 0%, 0%, 0);
            border: 0;
            -webkit-clip-path: inset(-.125rem -.25rem 0 calc(100% - 1rem));
            clip-path: inset(-.125rem -.25rem 0 calc(100% - 1rem));
            -webkit-transition:
               color .2s ease-in-out .1s,
               -webkit-box-shadow .4s ease-in-out .1s,
               -webkit-clip-path .4s ease-in-out .1s;
            transition:
               color .2s ease-in-out .1s,
               -webkit-box-shadow .4s ease-in-out .1s,
               -webkit-clip-path .4s ease-in-out .1s;
            -o-transition:
               color .2s ease-in-out .1s,
               box-shadow .4s ease-in-out .1s,
               clip-path .4s ease-in-out .1s;
            transition:
               color .2s ease-in-out .1s,
               box-shadow .4s ease-in-out .1s,
               clip-path .4s ease-in-out .1s;
            transition:
               color .2s ease-in-out .1s,
               box-shadow .4s ease-in-out .1s,
               clip-path .4s ease-in-out .1s,
               -webkit-box-shadow .4s ease-in-out .1s,
               -webkit-clip-path .4s ease-in-out .1s;
  
            overflow-x: hidden;
            overflow-y: hidden;
            scrollbar-width: thin;
      }
       .sidecontainer::-webkit-scrollbar{
            width: .5rem;
      }
       .sidecontainer::before,
       .sidecontainer::after{
            position: absolute;
            right: 0;
            content: "";
      }
       .sidecontainer::before{
            top: calc(50% - .75rem);
            width: 0;
            height: 0;
  
            border-top: 11px solid transparent;
            border-right: 11px solid var(--accentColor);
            border-bottom: 11px solid transparent;
            transition: border .2s ease-in-out .1s;
  
            z-index: 10;
      }
       .sidecontainer::after{
            top: 0;
            width: 100%;
            max-width: .75rem;
            height: 100%;
            max-height: calc(100vh - 15rem);
  
            background: var(--fgColor);
            box-shadow: .125rem 0 0 0 var(--accentColor);
            transition:
               box-shadow .4s ease-in-out .1s,
               max-width .4s ease-in-out .1s;
  
            z-index: -1;
      }
       .sidecontainer > *{
            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;
      }
       .sidecontainer:hover,
       .sidecontainer:active{
            background-color: var(--fgColor);
            -webkit-clip-path: inset(-.125rem -.25rem 0 0);
            clip-path: inset(-.125rem -.25rem 0 0);
            -webkit-transition:
               color .4s ease-in-out .2s,
               right .4s ease-in-out .1s,
               -webkit-clip-path .4s ease-in-out .1s,
               -webkit-box-shadow .4s ease-in-out .1s;
            transition:
               color .4s ease-in-out .2s,
               right .4s ease-in-out .1s,
               -webkit-clip-path .4s ease-in-out .1s,
               -webkit-box-shadow .4s ease-in-out .1s;
            -o-transition:
               color .4s ease-in-out .2s,
               right .4s ease-in-out .1s,
               clip-path .4s ease-in-out .1s,
               box-shadow .4s ease-in-out .1s;
            transition:
               color .4s ease-in-out .2s,
               right .4s ease-in-out .1s,
               clip-path .4s ease-in-out .1s,
               box-shadow .4s ease-in-out .1s;
            transition:
               color .4s ease-in-out .2s,
               right .4s ease-in-out .1s,
               clip-path .4s ease-in-out .1s,
               box-shadow .4s ease-in-out .1s,
               -webkit-clip-path .4s ease-in-out .1s,
               -webkit-box-shadow .4s ease-in-out .1s;
  
            overflow-y: scroll;
      }
       .sidecontainer:hover::before,
       .sidecontainer:active::before{
            border: 0;
      }
       .sidecontainer:hover::after,
       .sidecontainer:active::after{
            right: 0;
            max-width: 100%;
  
            box-shadow: 0 -.125rem 0 0 var(--accentColor);
      }
       .sidecontainer:hover > *,
       .sidecontainer:active > *{
            opacity: 1;
            transition: opacity .4s ease-in-out .1s;
      }
  }
   @media (max-width: 767px){
       .sidecontainer,
       .sidecontainer:hover,
       .sidecontainer:active{
            right: calc(((100vw - (100% - 3rem)) / 2) * -1 + 1.6rem);
      }
  }
  
  /* ---- TABLE STYLING ----
   * Adapted From:
   *   BLANKSTYLE CSS by Placeholder McD, HarryBlank
  **/
   .table1{   /* Green */
     --accentColor: rgb(var(--one-color, 40, 159, 107));
     --accentColorLite: hsla(154, 60%, 49%, .5);
  }
   .table2{   /* Blue */
     --accentColor: rgb(var(--two-color, 117, 167, 242));
     --accentColorLite: hsla(216, 83%, 80%, .5);
  }
   .table3{   /* Yellow */
     --accentColor: rgb(var(--three-color, 255, 226, 82));
     --accentColorLite: hsla(50, 100%, 76%, .5);
  }
   .table4{   /* Orange */
     --accentColor: rgb(var(--four-color, 255, 141, 54));
     --accentColorLite: hsla(26, 100%, 71%, .5);
  }
   .table5{   /* Red */
     --accentColor: rgb(var(--five-color, 255, 34, 67));
     --accentColorLite: hsla(351, 100%, 67%, .5);
  }
   .table6{   /* Violet */
     --accentColor: rgb(var(--six-color, 161, 73, 248));
     --accentColorLite: hsla(270, 93%, 73%, .5);
  }
   .table0{   /* White */
     --accentColor: rgb(var(--white-bar, 205, 206, 208));
     --accentColorLite: hsla(212, 3%, 91%, .5);
  }
   .table1 strong, .table2 strong, .table3 strong,
   .table4 strong, .table5 strong, .table6 strong,
   .table0 strong{
       filter: saturate(.85) brightness(1.15);
  }
   #page-content .wiki-content-table tr th{
       padding: .4rem;
  
       color: var(--keyColor);
       background: var(--accentColor);
       border-color: var(--accentColor);
  }
   #page-content .wiki-content-table tr th a{
       color: var(--alphaColor);
       border-color: var(--textColorAlt);
  }
   #page-content .wiki-content-table tr th a:hover{
       color: var(--keyColor);
       background-color: var(--alphaColor);
  }
   #page-content .wiki-content-table tr td{
       padding: .8rem;
  
       color: var(--textColorAlt);
       background: var(--fgColor);
       border-color: var(--accentColor);
  
       line-height: 1.5;
  }
  
  /* ---- CELL SEPARATOR ----
   * Adapted From:
   *   BLANKSTYLE CSS by Placeholder McD, HarryBlank
  **/
   .tableb table,
   .tableb .wiki-content-table{
       border-collapse: separate;
       border-spacing: .4rem;
  }
   .tableb .scp-image-block{
       border: 0;
  }
   .tableb .scp-image-block img,
   .tableb .scp-image-block .scp-image-caption{
       border: thin solid var(--accentColor);
  }
   .tableb .scp-image-block .scp-image-caption{
       margin-top: .4rem;
  }
  
  /* *** HEADER *** */
   
  #content-wrap:before {
      content: "";
      position: absolute;
      top: 205PX;
      left: 0;
      width: 100%;
      height: 86.8%;
      background-image: url(https://scp-wiki.wdfiles.com/local--files/theme%3Aredtape/topolight.png);
      background-size: contain;
      z-index: -1;
  }
   
  #content-wrap {
      background-color: #ffffffa3;
      background-blend-mode: multiply;
  }

  Pages using this styling

  • art:syntax-workshop [info]

  ¶ 1 occurrence
  

   #header-extra-div-1, #header-extra-div-2, #header-extra-div-3 {
      -webkit-mask-image: linear-gradient(to bottom, rgba(0,0,0,1) 50%, rgba(0,0,0,0));
      mask-image: linear-gradient(to bottom, rgba(0,0,0,1) 50%, rgba(0,0,0,0));
  }
  
  #header-extra-div-1 {
      height: 290px;
      width: 99.4vw;
      position: absolute;
      left: calc((-100vw + 100%)/2);
      top: 205px; /* Adjust this value as needed */
      background: url('https://scp-wiki.wikidot.com/local--files/art:syntax-workshop/pngtree-blue-snow-png-image_65021528.png');
      background-position: center -100px;
      background-repeat: repeat;
      background-size: 270px;
      z-index: 2;
      pointer-events: none;
      animation: snowOne 83s infinite linear;
      filter: blur(1.3px);
  }
  
  #header-extra-div-2 {
      height: 290px;
      width: 99.4vw;
      position: absolute;
      left: calc((-100vw + 100%)/2);
      top: 205px; /* Adjust this value as needed */
      background: url('https://scp-wiki.wikidot.com/local--files/art:syntax-workshop/pngtree-blue-snow-png-image_65021528.png');
      background-position: center -100px;
      background-repeat: repeat;
      background-size: 370px;
      z-index: 2;
      pointer-events: none;
      animation: snowTwo 39s infinite linear;
      filter: blur(0.4px);
  }
  
  #header-extra-div-3 {
      height: 290px;
      width: 99.4vw;
      position: absolute;
      left: calc((-100vw + 100%)/2);
      top: 205px; /* Adjust this value as needed */
      background: url('https://scp-wiki.wikidot.com/local--files/art:syntax-workshop/pngtree-blue-snow-png-image_65021528.png');
      background-position: center -100px;
      background-repeat: repeat;
      background-size: 720px;
      z-index: 2;
      pointer-events: none;
      animation: snowThree 21s infinite linear;
      filter: blur(2.4px);
  }
   
  @keyframes snowOne {
      0% {
          background-position: 0px 0px;
          opacity: 0;
      }
      10% {
          opacity: 0.6;
      }
      90% {
          opacity: 0.5;
      }
      100% {
          background-position: 100px 750px;
          opacity: 0;
      }
  }
  
  @keyframes snowTwo {
      0% {
          background-position: 0px -100px;
          opacity: 0;
      }
      8% {
          opacity: 0.74;
      }
      90% {
          opacity: 0.65;
      }
      100% {
          background-position: -100px 700px;
          opacity: 0;
      }
  }
  
  @keyframes snowThree {
      0% {
          background-position: 0px 100px;
          opacity: 0;
      }
      13% {
          opacity: 0.9;
      }
      91% {
          opacity: 0.8;
      }
      100% {
          background-position: 100px 750px;
          opacity: 0;
      }
  }
  

  Pages using this styling

  • art:syntax-workshop [info]

  ¶ 1 occurrence
  

  
  /*
  STAR Animation
      * Dr Devan
      * C-Take
      * Nanimono Demonai
  */
  
  @media (prefers-reduced-motion: no-preference) {
    #container-wrap-wrap:before,
    #container-wrap-wrap:after {
      -webkit-animation: animStar 50s linear infinite;
              animation: animStar 50s linear infinite;
      background: transparent;
      box-shadow: 805px 413px #fff, 724px 1326px #fff, 1175px 606px #fff,
        662px 1275px #fff, 1205px 1966px #fff, 1272px 1087px #fff,
        552px 1818px #fff, 1860px 1654px #fff, 6px 1526px #fff, 1414px 255px #fff,
        1892px 739px #fff, 894px 1633px #fff, 1615px 521px #fff, 1374px 651px #fff,
        250px 1473px #fff, 1984px 1096px #fff, 202px 5px #fff, 1694px 1095px #fff,
        1656px 433px #fff, 1274px 413px #fff, 1568px 1581px #fff,
        184px 1296px #fff, 1820px 532px #fff, 1791px 956px #fff,
        1522px 1638px #fff, 1056px 1907px #fff, 745px 493px #fff,
        576px 1246px #fff, 849px 1625px #fff, 1484px 91px #fff, 1818px 1294px #fff,
        1073px 1048px #fff, 24px 818px #fff, 1605px 1164px #fff, 903px 1546px #fff,
        7px 1147px #fff, 48px 485px #fff, 130px 1026px #fff, 306px 735px #fff,
        1280px 1057px #fff, 1944px 481px #fff, 142px 238px #fff, 1195px 732px #fff,
        535px 1985px #fff, 851px 962px #fff, 1406px 1056px #fff,
        1869px 1171px #fff, 968px 1272px #fff, 278px 461px #fff,
        1655px 1910px #fff, 1650px 940px #fff, 186px 1554px #fff,
        1401px 1811px #fff, 805px 450px #fff, 749px 831px #fff, 270px 1913px #fff,
        1254px 1571px #fff, 1655px 733px #fff, 1159px 340px #fff, 40px 941px #fff,
        911px 846px #fff, 568px 347px #fff, 849px 1892px #fff, 768px 1503px #fff,
        1501px 40px #fff, 480px 384px #fff, 1930px 1940px #fff, 1952px 201px #fff,
        1665px 494px #fff, 1264px 1252px #fff, 1046px 835px #fff,
        320px 1600px #fff, 1802px 1465px #fff, 1659px 1176px #fff,
        647px 1928px #fff, 1969px 403px #fff, 246px 1490px #fff,
        1823px 1326px #fff, 120px 1420px #fff, 1974px 396px #fff, 307px 231px #fff,
        338px 43px #fff, 1129px 343px #fff, 1261px 1927px #fff, 1830px 728px #fff,
        249px 701px #fff, 710px 714px #fff, 1453px 1998px #fff, 889px 879px #fff,
        218px 275px #fff, 128px 314px #fff, 1906px 1191px #fff, 1686px 791px #fff,
        903px 1248px #fff, 1157px 1869px #fff, 732px 94px #fff, 150px 1387px #fff,
        428px 1485px #fff, 1605px 192px #fff, 963px 67px #fff, 545px 495px #fff,
        1458px 1548px #fff, 1478px 803px #fff, 1319px 1843px #fff,
        367px 1029px #fff, 1976px 716px #fff, 1099px 1624px #fff,
        1308px 1228px #fff, 459px 1640px #fff, 652px 1290px #fff,
        1660px 772px #fff, 658px 1342px #fff, 534px 180px #fff, 196px 238px #fff,
        1052px 1552px #fff, 1192px 49px #fff, 546px 1743px #fff, 677px 420px #fff,
        495px 1695px #fff, 692px 1161px #fff, 1306px 1817px #fff,
        1323px 666px #fff, 1904px 1838px #fff, 1117px 275px #fff, 644px 520px #fff,
        1138px 1681px #fff, 1326px 74px #fff, 907px 1946px #fff, 666px 1159px #fff,
        822px 894px #fff, 1505px 1208px #fff, 1809px 987px #fff, 954px 373px #fff,
        1328px 391px #fff, 535px 350px #fff, 1047px 784px #fff, 1252px 1380px #fff,
        618px 270px #fff, 531px 1723px #fff, 1588px 845px #fff, 1170px 1020px #fff,
        973px 1587px #fff, 593px 692px #fff, 283px 1482px #fff, 959px 1392px #fff,
        39px 1335px #fff, 1457px 815px #fff, 21px 1727px #fff, 1998px 1064px #fff,
        1380px 1216px #fff, 827px 1538px #fff, 108px 1390px #fff,
        1612px 1389px #fff, 1516px 1392px #fff, 1584px 1044px #fff,
        1261px 1859px #fff, 1841px 646px #fff, 1652px 988px #fff,
        1848px 1407px #fff, 661px 344px #fff, 1805px 1758px #fff,
        1784px 247px #fff, 780px 123px #fff, 117px 332px #fff, 430px 354px #fff,
        522px 826px #fff, 1311px 1343px #fff, 1590px 1863px #fff,
        1155px 1803px #fff, 368px 168px #fff, 1965px 140px #fff, 210px 830px #fff,
        1954px 772px #fff, 1316px 1990px #fff, 1783px 692px #fff,
        669px 1323px #fff, 1188px 949px #fff, 833px 1030px #fff, 1467px 988px #fff,
        633px 1926px #fff, 1490px 320px #fff, 1619px 1516px #fff, 1370px 85px #fff,
        678px 1409px #fff, 152px 650px #fff, 321px 1771px #fff, 1443px 1821px #fff,
        1440px 391px #fff, 1501px 1296px #fff, 979px 133px #fff, 1911px 598px #fff,
        1719px 97px #fff, 893px 735px #fff, 310px 473px #fff, 1595px 1047px #fff,
        437px 293px #fff, 145px 343px #fff, 1246px 416px #fff, 1011px 1235px #fff,
        1462px 987px #fff, 167px 1525px #fff, 1688px 1415px #fff,
        574px 1801px #fff, 347px 1741px #fff, 880px 1109px #fff, 93px 1692px #fff,
        94px 1987px #fff, 1695px 951px #fff, 153px 601px #fff, 1013px 969px #fff,
        356px 434px #fff, 1228px 1942px #fff, 1083px 1445px #fff,
        1317px 438px #fff, 439px 1242px #fff, 1031px 356px #fff, 615px 666px #fff,
        1019px 1826px #fff, 1526px 1025px #fff, 538px 210px #fff, 78px 1954px #fff,
        1344px 965px #fff, 1280px 143px #fff, 211px 430px #fff, 282px 1279px #fff,
        1355px 1639px #fff, 1142px 1512px #fff, 141px 822px #fff, 60px 1923px #fff,
        1322px 1117px #fff, 523px 1165px #fff, 1289px 1438px #fff,
        974px 1937px #fff, 1915px 1955px #fff, 1793px 308px #fff,
        1712px 1273px #fff, 201px 1179px #fff, 1186px 12px #fff, 1635px 877px #fff,
        361px 256px #fff, 795px 1283px #fff, 305px 1072px #fff, 1099px 1995px #fff,
        1643px 906px #fff, 835px 1411px #fff, 142px 1950px #fff,
        1161px 1635px #fff, 5px 819px #fff, 977px 1049px #fff, 86px 417px #fff,
        731px 1015px #fff, 1746px 1059px #fff, 1904px 484px #fff,
        1367px 434px #fff, 982px 1646px #fff, 685px 1582px #fff, 1754px 496px #fff,
        1706px 292px #fff, 1962px 1932px #fff, 987px 806px #fff, 76px 1275px #fff,
        746px 430px #fff, 1337px 122px #fff, 653px 942px #fff, 487px 1433px #fff,
        1270px 1287px #fff, 1418px 574px #fff, 1640px 1046px #fff,
        950px 1608px #fff, 1660px 432px #fff, 1134px 153px #fff,
        1567px 1087px #fff, 1582px 1957px #fff, 474px 238px #fff,
        1514px 525px #fff, 1421px 1984px #fff, 16px 1994px #fff,
        1935px 1508px #fff, 438px 775px #fff, 1612px 630px #fff, 203px 879px #fff,
        496px 1057px #fff, 1607px 1518px #fff, 1588px 574px #fff,
        1451px 1062px #fff, 1590px 1593px #fff, 592px 351px #fff, 361px 437px #fff,
        456px 1221px #fff, 411px 1628px #fff, 1103px 44px #fff, 1890px 749px #fff,
        1368px 1990px #fff, 872px 18px #fff, 1528px 907px #fff, 1199px 235px #fff,
        395px 570px #fff, 1120px 127px #fff, 125px 711px #fff, 1825px 1327px #fff,
        64px 1870px #fff, 838px 1810px #fff, 663px 1427px #fff, 1819px 736px #fff,
        566px 1851px #fff, 1080px 656px #fff, 1134px 1861px #fff, 568px 64px #fff,
        1530px 1096px #fff, 981px 1711px #fff, 1783px 999px #fff,
        135px 1975px #fff, 1772px 1553px #fff, 1967px 1442px #fff,
        542px 372px #fff, 1684px 1445px #fff, 1041px 1106px #fff, 60px 1460px #fff,
        1083px 1677px #fff, 143px 204px #fff, 912px 350px #fff, 1000px 1586px #fff,
        1068px 908px #fff, 241px 794px #fff, 426px 409px #fff, 961px 1141px #fff,
        1551px 327px #fff, 1575px 1532px #fff, 929px 1507px #fff, 242px 364px #fff,
        1271px 731px #fff, 1660px 468px #fff, 1494px 589px #fff, 988px 1371px #fff,
        431px 539px #fff, 1974px 239px #fff, 68px 645px #fff, 781px 1716px #fff,
        1238px 65px #fff, 26px 1158px #fff, 525px 899px #fff, 1494px 1043px #fff,
        176px 1932px #fff, 372px 1933px #fff, 196px 883px #fff, 615px 614px #fff,
        1298px 288px #fff, 1690px 1284px #fff, 414px 5px #fff, 1050px 453px #fff,
        271px 1805px #fff, 1024px 1996px #fff, 458px 1817px #fff,
        831px 1155px #fff, 229px 1406px #fff, 1140px 1918px #fff,
        390px 1353px #fff, 1509px 1025px #fff, 893px 574px #fff, 461px 499px #fff,
        568px 1725px #fff, 791px 1565px #fff, 1494px 365px #fff,
        1423px 1289px #fff, 1239px 1356px #fff, 1367px 776px #fff,
        1596px 965px #fff, 1162px 798px #fff, 452px 1158px #fff, 191px 1111px #fff,
        1194px 1708px #fff, 694px 804px #fff, 999px 1711px #fff, 114px 1175px #fff,
        1950px 809px #fff, 1991px 889px #fff, 1948px 1999px #fff,
        1367px 1389px #fff, 1809px 1878px #fff, 1613px 607px #fff,
        1143px 842px #fff, 1746px 324px #fff, 102px 355px #fff, 852px 1729px #fff,
        633px 755px #fff, 723px 1465px #fff, 1081px 301px #fff, 1231px 699px #fff,
        1751px 616px #fff, 1387px 999px #fff, 500px 940px #fff, 545px 1387px #fff,
        1777px 223px #fff, 1058px 1381px #fff, 1014px 867px #fff, 403px 712px #fff,
        673px 958px #fff, 89px 652px #fff, 234px 1894px #fff, 603px 1674px #fff,
        111px 1930px #fff, 28px 1161px #fff, 1052px 962px #fff, 134px 1007px #fff,
        290px 1721px #fff, 1713px 439px #fff, 443px 1291px #fff, 1443px 528px #fff,
        465px 1761px #fff, 491px 82px #fff, 592px 938px #fff, 1409px 1274px #fff,
        633px 1201px #fff, 740px 33px #fff, 1214px 777px #fff, 1589px 1106px #fff,
        748px 371px #fff, 1422px 1726px #fff, 1607px 225px #fff, 1520px 280px #fff,
        873px 547px #fff, 765px 1174px #fff, 165px 97px #fff, 126px 422px #fff,
        301px 1356px #fff, 702px 1837px #fff, 866px 256px #fff, 1974px 849px #fff,
        805px 852px #fff, 1659px 1966px #fff, 1529px 265px #fff, 1007px 956px #fff,
        1245px 359px #fff, 1505px 752px #fff, 902px 201px #fff, 219px 1594px #fff,
        1134px 816px #fff, 1269px 1624px #fff, 33px 1155px #fff, 1374px 768px #fff,
        567px 1240px #fff, 1774px 187px #fff, 1445px 254px #fff, 1544px 399px #fff,
        228px 1003px #fff, 1132px 632px #fff, 1242px 10px #fff, 894px 1826px #fff,
        1325px 706px #fff, 1260px 471px #fff, 1769px 1115px #fff, 370px 482px #fff,
        774px 889px #fff, 1688px 777px #fff, 124px 1812px #fff, 364px 1573px #fff,
        1257px 722px #fff, 1219px 1214px #fff, 866px 1202px #fff, 683px 976px #fff,
        245px 562px #fff, 1958px 1456px #fff, 940px 331px #fff, 604px 1006px #fff,
        1871px 56px #fff, 1671px 1668px #fff, 114px 1835px #fff,
        1284px 1144px #fff, 1183px 223px #fff, 290px 969px #fff, 55px 92px #fff,
        3px 1067px #fff, 653px 599px #fff, 341px 1106px #fff, 351px 617px #fff,
        1245px 210px #fff, 1007px 1354px #fff, 1785px 1298px #fff,
        624px 1677px #fff, 1382px 1089px #fff, 204px 244px #fff,
        1572px 1534px #fff, 211px 1723px #fff, 1873px 558px #fff,
        1870px 415px #fff, 1267px 772px #fff, 2000px 1057px #fff,
        608px 1723px #fff, 722px 1493px #fff, 856px 207px #fff, 21px 434px #fff,
        451px 1696px #fff, 1712px 1156px #fff, 1316px 740px #fff, 606px 772px #fff,
        176px 1359px #fff, 487px 1748px #fff, 1240px 118px #fff, 231px 876px #fff,
        1149px 468px #fff, 591px 315px #fff, 739px 843px #fff, 1932px 464px #fff,
        61px 1995px #fff, 1884px 756px #fff, 1714px 547px #fff, 1764px 1477px #fff,
        1524px 258px #fff, 831px 1423px #fff, 858px 1524px #fff, 1759px 475px #fff,
        1140px 1721px #fff, 474px 1016px #fff, 1312px 1967px #fff,
        503px 1878px #fff, 53px 423px #fff, 281px 1378px #fff, 817px 152px #fff,
        1724px 1605px #fff, 356px 1030px #fff, 372px 1122px #fff,
        1477px 125px #fff, 195px 1014px #fff, 1155px 1432px #fff,
        633px 1810px #fff, 444px 477px #fff, 1311px 1863px #fff, 1081px 865px #fff,
        185px 1222px #fff, 1290px 1438px #fff, 630px 1709px #fff, 372px 117px #fff,
        1987px 1797px #fff, 801px 109px #fff, 1230px 1903px #fff,
        1502px 1630px #fff, 680px 1190px #fff, 1756px 908px #fff,
        930px 1899px #fff, 1505px 1734px #fff, 653px 1026px #fff,
        1486px 1566px #fff, 46px 109px #fff, 1526px 1040px #fff, 840px 519px #fff,
        1912px 1341px #fff, 1382px 471px #fff, 638px 1021px #fff, 38px 347px #fff,
        1290px 781px #fff, 1485px 847px #fff, 1496px 1245px #fff,
        1267px 1307px #fff, 449px 741px #fff, 636px 1550px #fff, 1524px 884px #fff,
        137px 604px #fff, 1864px 180px #fff, 1373px 323px #fff, 307px 985px #fff,
        1603px 1012px #fff, 642px 1490px #fff, 1889px 1992px #fff,
        1405px 762px #fff, 7px 582px #fff, 1586px 236px #fff, 538px 501px #fff,
        322px 917px #fff, 176px 430px #fff, 350px 785px #fff, 562px 1838px #fff,
        699px 1647px #fff, 67px 1144px #fff, 1656px 523px #fff, 64px 1469px #fff,
        770px 268px #fff, 1752px 501px #fff, 641px 179px #fff, 685px 220px #fff,
        1214px 380px #fff, 1579px 1438px #fff, 310px 1300px #fff,
        514px 1492px #fff, 625px 557px #fff, 634px 1043px #fff, 707px 1262px #fff,
        979px 304px #fff, 283px 29px #fff, 1541px 1335px #fff, 1255px 705px #fff,
        1118px 325px #fff, 1121px 723px #fff, 1510px 465px #fff,
        1609px 1975px #fff, 584px 1678px #fff, 1617px 1270px #fff,
        372px 1033px #fff, 976px 1024px #fff, 362px 715px #fff, 146px 1240px #fff,
        1458px 1770px #fff, 748px 1118px #fff, 139px 760px #fff, 1846px 839px #fff,
        1763px 716px #fff, 274px 1841px #fff, 1085px 74px #fff, 415px 1714px #fff,
        692px 374px #fff, 1005px 1084px #fff, 312px 562px #fff, 1476px 1325px #fff,
        1335px 458px #fff, 755px 584px #fff, 329px 1882px #fff, 73px 1102px #fff,
        1077px 272px #fff, 1790px 555px #fff, 936px 1429px #fff,
        1280px 1939px #fff, 243px 1187px #fff, 1323px 1294px #fff,
        1921px 281px #fff, 1163px 1764px #fff, 598px 100px #fff, 802px 745px #fff,
        1814px 1371px #fff, 1532px 1805px #fff, 1391px 1704px #fff,
        945px 321px #fff, 361px 1787px #fff, 985px 1903px #fff, 652px 1376px #fff,
        425px 1538px #fff, 1936px 1043px #fff, 158px 325px #fff, 89px 1559px #fff,
        1477px 1535px #fff, 595px 727px #fff, 956px 683px #fff, 1765px 1840px #fff,
        696px 1546px #fff, 1165px 112px #fff, 1777px 796px #fff, 894px 1331px #fff,
        531px 1025px #fff, 296px 1867px #fff, 1265px 693px #fff, 29px 1036px #fff,
        1204px 364px #fff, 605px 1px #fff, 687px 1940px #fff, 371px 68px #fff,
        602px 796px #fff, 1340px 470px #fff, 1460px 1570px #fff, 247px 1579px #fff,
        1118px 829px #fff, 1698px 386px #fff, 684px 1245px #fff, 463px 1516px #fff,
        1266px 1461px #fff, 898px 1751px #fff, 6px 1281px #fff, 1957px 166px #fff,
        999px 426px #fff, 1821px 245px #fff, 830px 1367px #fff, 1237px 1106px #fff,
        1412px 645px #fff, 7px 93px #fff, 550px 1194px #fff, 1950px 1403px #fff,
        639px 1787px #fff, 1293px 1807px #fff, 462px 1713px #fff,
        378px 1189px #fff, 1177px 1376px #fff, 308px 1471px #fff, 976px 221px #fff,
        1766px 200px #fff, 1577px 356px #fff, 1542px 890px #fff, 567px 1998px #fff,
        96px 1389px #fff, 1334px 698px #fff, 1752px 1068px #fff, 269px 257px #fff,
        950px 1864px #fff, 1640px 817px #fff, 1340px 1064px #fff,
        1507px 389px #fff, 30px 1855px #fff, 766px 1645px #fff, 1280px 1975px #fff,
        967px 1469px #fff, 1560px 1499px #fff, 52px 664px #fff, 1319px 995px #fff,
        483px 1952px #fff;
      content: " ";
      display: block;
      height: 1px;
      position: fixed;
      width: 1px;
      z-index: 1;
    }
    #container-wrap:before,
    #container-wrap:after {
      -webkit-animation: animStar 100s linear infinite;
              animation: animStar 100s linear infinite;
      background: transparent;
      box-shadow: 97px 253px #fff, 76px 278px #fff, 1958px 1952px #fff,
        117px 481px #fff, 1326px 1250px #fff, 835px 149px #fff, 61px 182px #fff,
        788px 1960px #fff, 1256px 652px #fff, 1233px 1544px #fff,
        970px 1685px #fff, 1697px 1583px #fff, 680px 1847px #fff,
        1282px 749px #fff, 220px 724px #fff, 673px 44px #fff, 1919px 1555px #fff,
        737px 1319px #fff, 491px 195px #fff, 1507px 171px #fff, 771px 1497px #fff,
        602px 419px #fff, 1908px 621px #fff, 1993px 1864px #fff, 345px 1915px #fff,
        1216px 387px #fff, 1663px 887px #fff, 1036px 746px #fff, 831px 12px #fff,
        1675px 1029px #fff, 1734px 1133px #fff, 888px 1255px #fff,
        195px 1336px #fff, 760px 1484px #fff, 88px 1319px #fff, 577px 1665px #fff,
        500px 889px #fff, 337px 1736px #fff, 1593px 1935px #fff, 1444px 803px #fff,
        1477px 703px #fff, 1380px 1137px #fff, 694px 1375px #fff,
        412px 1132px #fff, 223px 61px #fff, 1310px 225px #fff, 1640px 1415px #fff,
        1222px 955px #fff, 913px 791px #fff, 1987px 709px #fff, 162px 336px #fff,
        855px 1655px #fff, 738px 726px #fff, 1981px 1519px #fff,
        1798px 1921px #fff, 1723px 1314px #fff, 1313px 1711px #fff,
        1926px 1218px #fff, 1052px 1868px #fff, 1622px 912px #fff,
        1974px 901px #fff, 1195px 82px #fff, 1446px 757px #fff, 355px 1425px #fff,
        749px 1479px #fff, 1779px 963px #fff, 243px 656px #fff, 671px 1835px #fff,
        205px 780px #fff, 811px 1186px #fff, 14px 1319px #fff, 436px 64px #fff,
        686px 509px #fff, 129px 884px #fff, 683px 80px #fff, 1931px 1965px #fff,
        867px 373px #fff, 1215px 244px #fff, 814px 1658px #fff, 1600px 841px #fff,
        418px 443px #fff, 59px 516px #fff, 988px 1390px #fff, 164px 1317px #fff,
        1490px 1276px #fff, 940px 404px #fff, 721px 1457px #fff, 1678px 286px #fff,
        640px 385px #fff, 152px 1160px #fff, 1235px 1839px #fff, 1038px 444px #fff,
        1439px 300px #fff, 1025px 27px #fff, 1968px 577px #fff, 835px 1533px #fff,
        1445px 364px #fff, 1102px 1879px #fff, 1114px 1631px #fff, 636px 15px #fff,
        745px 200px #fff, 1489px 1114px #fff, 146px 1566px #fff, 613px 146px #fff,
        190px 1672px #fff, 1967px 578px #fff, 1414px 179px #fff,
        1750px 1833px #fff, 37px 922px #fff, 1833px 708px #fff, 413px 1989px #fff,
        1269px 1291px #fff, 971px 580px #fff, 503px 533px #fff, 641px 175px #fff,
        863px 1831px #fff, 1174px 1250px #fff, 1612px 1022px #fff,
        1136px 1170px #fff, 706px 1101px #fff, 887px 1795px #fff, 849px 444px #fff,
        1015px 1058px #fff, 322px 90px #fff, 1577px 266px #fff, 176px 878px #fff,
        710px 474px #fff, 769px 523px #fff, 418px 1298px #fff, 654px 1049px #fff,
        327px 743px #fff, 343px 192px #fff, 930px 125px #fff, 835px 1193px #fff,
        473px 1709px #fff, 1857px 319px #fff, 675px 278px #fff, 1546px 613px #fff,
        811px 764px #fff, 303px 1360px #fff, 447px 930px #fff, 1475px 1935px #fff,
        1101px 738px #fff, 1577px 1373px #fff, 1634px 628px #fff,
        1231px 663px #fff, 275px 1076px #fff, 1746px 668px #fff,
        1714px 1167px #fff, 847px 34px #fff, 1413px 450px #fff, 1037px 1738px #fff,
        794px 634px #fff, 1800px 1946px #fff, 1346px 1826px #fff,
        718px 1732px #fff, 151px 1276px #fff, 428px 976px #fff, 485px 938px #fff,
        98px 344px #fff, 1936px 1462px #fff, 142px 349px #fff, 1659px 324px #fff,
        1074px 1878px #fff, 345px 75px #fff, 508px 1532px #fff, 1117px 611px #fff,
        33px 350px #fff, 1002px 565px #fff, 986px 885px #fff, 1086px 1066px #fff,
        1102px 211px #fff, 590px 1021px #fff, 719px 145px #fff, 964px 980px #fff,
        259px 1554px #fff, 1942px 748px #fff, 1569px 601px #fff, 417px 609px #fff,
        1143px 1210px #fff, 1182px 552px #fff, 1224px 1804px #fff,
        898px 1516px #fff, 736px 624px #fff, 213px 754px #fff, 408px 496px #fff,
        1820px 1548px #fff, 1807px 1514px #fff, 739px 189px #fff,
        1304px 1249px #fff, 1437px 122px #fff, 1702px 821px #fff,
        370px 1554px #fff, 10px 1505px #fff, 501px 593px #fff, 1482px 23px #fff,
        1774px 1032px #fff, 828px 262px #fff, 1530px 1354px #fff,
        1698px 886px #fff;
      content: " ";
      display: block;
      height: 2px;
      position: fixed;
      width: 2px;
      z-index: 1;
    }
    #container:before,
    #container:after {
      -webkit-animation: animStar 150s linear infinite;
              animation: animStar 150s linear infinite;
      background: transparent;
      box-shadow: 46px 995px #fff, 1287px 1821px #fff, 1954px 1267px #fff,
        1880px 1659px #fff, 381px 829px #fff, 314px 1471px #fff,
        1631px 1262px #fff, 889px 506px #fff, 1836px 1779px #fff, 823px 42px #fff,
        343px 943px #fff, 1334px 1179px #fff, 285px 287px #fff, 1820px 1967px #fff,
        872px 663px #fff, 541px 1759px #fff, 253px 1099px #fff, 1383px 794px #fff,
        433px 716px #fff, 69px 1603px #fff, 1738px 1239px #fff, 1540px 1633px #fff,
        1829px 288px #fff, 1778px 1640px #fff, 1336px 1188px #fff,
        1001px 1419px #fff, 198px 334px #fff, 953px 840px #fff, 1115px 773px #fff,
        85px 844px #fff, 1974px 644px #fff, 1720px 429px #fff, 1088px 831px #fff,
        919px 390px #fff, 866px 346px #fff, 617px 5px #fff, 665px 1023px #fff,
        231px 118px #fff, 1715px 78px #fff, 901px 1788px #fff, 1516px 1203px #fff,
        541px 1364px #fff, 404px 562px #fff, 244px 155px #fff, 278px 72px #fff,
        1156px 889px #fff, 204px 1622px #fff, 313px 484px #fff, 760px 1478px #fff,
        1416px 1365px #fff, 257px 190px #fff, 632px 769px #fff, 1334px 1685px #fff,
        1769px 555px #fff, 643px 514px #fff, 1948px 376px #fff, 572px 579px #fff,
        643px 1787px #fff, 1194px 137px #fff, 1099px 1136px #fff, 987px 35px #fff,
        207px 1617px #fff, 756px 174px #fff, 346px 1054px #fff, 1338px 1897px #fff,
        1024px 1995px #fff, 1747px 382px #fff, 45px 7px #fff, 1764px 1556px #fff,
        944px 251px #fff, 1121px 113px #fff, 1660px 1388px #fff, 762px 1022px #fff,
        515px 287px #fff, 1115px 1817px #fff, 1306px 1942px #fff,
        1572px 1410px #fff, 1675px 48px #fff, 48px 1845px #fff, 1393px 174px #fff,
        1927px 1094px #fff, 114px 412px #fff, 1897px 1349px #fff,
        151px 1800px #fff, 3px 433px #fff, 1837px 173px #fff, 1844px 1357px #fff,
        957px 743px #fff, 672px 719px #fff, 433px 1476px #fff, 1314px 690px #fff,
        1764px 1888px #fff, 1287px 868px #fff, 1282px 1989px #fff,
        1258px 94px #fff, 1335px 1311px #fff, 957px 1204px #fff, 208px 1065px #fff,
        688px 678px #fff, 1835px 1130px #fff;
      content: " ";
      display: block;
      height: 3px;
      position: fixed;
      width: 3px;
      z-index: 1;
    }
    @-webkit-keyframes animStar {
      from {
        transform: translateY(0px);
      }
      to {
        transform: translateY(-2000px);
      }
    }
    @keyframes animStar {
      from {
        transform: translateY(0px);
      }
      to {
        transform: translateY(-2000px);
      }
    }
  }
  

  Pages using this styling

  • art:syntax-workshop [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.bunny.net/css2?family=Comic+Neue&display=swap');
  :root{
   --header-title: "";
   --header-subtitle: "";
   --logo-img: url(https://scp-wiki.wdfiles.com/local--files/art%3Asweet-phil-and-hella-doug/site%2043%20logo%20real_png.png);
   --logo-opacity: 100%;
   --link-txt-color: #0f0;
   --link-hover-txt-color: white;
   --acc-default: 50, 255, 255;
  
    --head-font: 'Comic Neue', sans-serif;
    --ui-font: 'Comic Neue', sans-serif;
    --page-font: 'Comic Neue', sans-serif;
    --page-font-size: 1.0rem;
  }
  body {
    background-image: linear-gradient(to bottom, #ff0000, #f301ec 500px);
    @media (max-width:705px) {
      #header h1 a::before {
        font-size: 0.8em;
        margin-top: 5px;
      }
    }
  }
  
  #header #top-bar a {
      color: black;
      background: rgb(var(--accent));
      font-weight: bold;
  }
  
  #main-content .page-tags a {
      color: black;
  }
  
  .page-options-bottom a {
      color: black;
  }
   
  #footer a {
      color: #000;
  }
  
  div#extra-div-1 {
      background-size: 300px;
  }
  
  @media (max-width: 700px) {
  
      div#extra-div-1 {
       background-size: 270px;
       top: -3px;
      }
  
  }
  
  @media (max-width: 620px) {
  
      div#extra-div-1 {
       top: -10px;
      }
  
  }
  
  @media (max-width: 520px) {
  
      div#extra-div-1 {
       background-size: 245px;
       top: 3px;
      }
  
  .yui-navset .yui-nav a,
  /* ---- Link Modifier ---- */
  .yui-navset .yui-navset-top .yui-nav a {
      color: #70ffff;
      /* ---- Tab Background Colour | [UNSELECTED] ---- */
      background-color: #70ffff;
      border: unset;
      box-shadow: none;
      box-shadow: none;
  }
  
  }
  .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-image: url(https://scp-wiki.wikidot.com/local--files/art:sweet-phil-and-hella-doug/site%252043%2520logo%2520real.webp);
  }
   

  Pages using this styling

  • art:sweet-phil-and-hella-doug [info]

  ¶ 1 occurrence
  

  div#header h1 a span {
      font-size: 0px;
  }
  div#header h1 a:before {
      content: "Site-433";
      color: #eee;
      
  }
  div#header h2 span {
      font-size:0px;
      padding: 4px;
  }
  div#header h2:after {
      content: "Anart and Anomalous Media";
      font-weight: bold;
      color: #f0f0c0;
      padding: 19px 0;
      text-shadow: 1px 1px 1px rgba(0, 0, 0, .8);
      white-space: pre;
  }
  
  #header {
    background-image: url(https://scp-wiki.wikidot.com/local--files/art:sputnik-logo/433.webp)
  }

  Pages using this styling

  • art:sputnik-logo [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.bunny.net/css2?family=Vast+Shadow&display=swap')
  div#container-wrap{
  background-image:none;
  }
  #header{
  background:url("https://scp-wiki.wdfiles.com/local--files/deer-college-spring-cleaning-event/cherryicon.png");
  background-repeat:no-repeat;
  background-size:110px;
  background-position:left;
  }
  div#extra-div-1{
  height: 140px;
  width: 100%;
  top: 0;
  position: absolute;
  background: url("https://scp-wiki.wdfiles.com/local--files/deer-college-spring-cleaning-event/bannercherry.png");
  background-size:cover;
  background-position:20% 20%;
  }
  #login-status{
  text-shadow:1px 1px 1px black;
  }
  #header h1 a {
  color:pink;
  text-shadow:2px 2px 1px purple, -2px 2px 1px black, -2px -2px 1px black, 2px -2px 1px black;
  font-size:36px;
  }
  #header h2 span::before {
  content: "Spring Cleaning Pledge";
  color:pink;
  text-shadow:2px 2px 1px purple, -2px 2px 1px black, -2px -2px 1px black, 2px -2px 1px black;
  font-size:16px;
  }
  #header h2 span {
  font-size:0;
  }
  #page-title{
  color:pink;
  text-shadow: 1px 1px 1px black, -1px 1px 1px black, -1px -1px 1px black, 1px -1px 1px black;
  text-align:center;
  }
  img{
  width:400px;
  }
  .side-block.media img{
  width:27px;
  }
  .collapsible-block-content{
  border:solid 1px black;
  padding:5px;
  margin-top:5px;
  }

  Pages using this styling

  • art:spring-cleaning-badges [info]

  ¶ 1 occurrence
  

  
  :root{
  --white: 244, 244, 244;
  --dark: 46, 14, 2;
  --medium-accent: 212, 104, 0;
  --bright-accent: 255, 140, 0;
  --toggle-roundness: 0;
  --header-title: "Enter The Rhineriverse";
  --header-subtitle: "Something's Coming...";
  --swatch-text-light: var(--white);
  --swatch-menutxt-light-color: var(--white);
  --link-color: 138, 71, 0;
  --visited-link-color: 189, 107, 0;
  --borderColor: #ff8c00 !important;
  --logo-image: url("https://scp-wiki.wdfiles.com/local--files/2-rhine-2-river/quitetherhinerivermoment.png");
  }
  

  Pages using this styling

  • art:somethings-coming [info]

  ¶ 1 occurrence
  

  :root {
      --header-title: "Taqueria.OS";
  --header-logo: url(https://scp-wiki.wdfiles.com/local--files/scp-6659/DoTT-White.png);
      --desktop-time: '00:00';
      --desktop-wallpaper: url(https://scp-wiki.wikidot.com/local--files/art:sleepydancho-s-art-taqueria/VXPmBCQ.webp);
  }

  Pages using this styling

  • art:sleepydancho-s-art-taqueria [info]

  ¶ 1 occurrence
  

  :root {
      --linkColor: #FF4838;
  
      --primaryBackgroundColor: #242935;
      --secondaryBackgroundColor: #3F4256;
      --tertiaryBackgroundColor: #809EB2;
      --borderColor: #6272A4;
  
      --shadow: rgba(96,213,248,0.3);
  
      --selectionColor: #50FA7B;
      --textColor: #F8F8F2;
      --textColor-alt: #6272A4;
  }
  ::-webkit-scrollbar-track {
      background: var(--secondaryBackgroundColor);
  }

  Pages using this styling

  • art:skeletons-son [info]

  ¶ 1 occurrence
  

  :root {
      --header-gradient-color-bottom: 44, 74, 120;
      --header-gradient-color-middle: 44, 74, 120;
      --header-gradient-color-top: 44, 74, 120;
      --pale-accent: 167, 188, 201;
      --bright-accent: 56, 117, 161;
      --medium-accent: 44, 74, 120;
      --dark-accent: 32, 40, 78;
      --newpage-color: 187, 225, 250;
      --swatch-topmenu-bg-color: var(--dark-accent);
      --link-color: 27, 65, 94;
      --visited-link-color: 133, 193, 233;
      --hover-link-color: 133, 193, 233;
  }

  Pages using this styling

  • art:site-69-gallery [info]

  ¶ 1 occurrence
  

  :root {
    --header-title: "The Shattered One";
    --header-subtitle: "Containment Images inc.";
    --lgurl: url("https://scp-wiki.wikidot.com/local--files/art:shatterclasses/skipos");
    --accentColor: COLOR HERE;
  }
  

  Pages using this styling

  • art:shatterclasses [info]

  ¶ 1 occurrence
  

  :root {
  --header-title: "RemixCon2023";
  --header-subtitle: "Remix, Remix, Remix Again";
  --lgurl: url(https://scp-wiki.wdfiles.com/local--files/component:pride-highlighter/tg_logo.svg);
  }

  Pages using this styling

  • art:sentient-supervillain-stop-sign [info]

  ¶ 1 occurrence
  

  :root {
      --linkColor: #ff0000;
   
      --primaryBackgroundColor: #010000;
      --secondaryBackgroundColor: #080101;
      --tertiaryBackgroundColor: #5a1212;
      --borderColor: #ff0000;
   
      --shadow: rgba(100,39,39,0.3);
   
      --selectionColor: #50FA7B;
      --textColor: #ff0000;
      --textColor-alt: #dc2f2f;
  }
  ::-webkit-scrollbar-track {
      background: var(--secondaryBackgroundColor);
  }

  Pages using this styling

  • art:seeing-red [info]

  ¶ 1 occurrence
  

  @media (min-width: 768px) {
      #main-content { max-width: min(900px, calc(100% - 4rem)); }
  }
  :root {
    --header-subtitle: "Animation Archives";
    --sp_header-subtitle-scale: 2.125;
  }
  #header h1 a::before, #header h2 span::before {
      font-family: 'Sans Normalcy', 'Nanum Gothic', 'Arial', sans-serif;
  }
  
  body {
      background-image: linear-gradient(
          to bottom,
          #FCFCFC, #FCFCFC 100%);
  }
  
  div#extra-div-1 {
      height: 140px;
      width: 100%;
      top: 28px;
      position: absolute;
      background: url("https://scp-wiki.wdfiles.com/local--files/sigma-9-themes/SCP_F.png");
      background-size: contain;
      background-repeat: no-repeat;
      background-position: calc(50vw - 380px) 50%;
      z-index: -1;
  }
  @media (max-width: 767px) {
      div#extra-div-1 {
           opacity: 0.2;
           background-position: 50% 50%;
      }
  }
  
  .socontent.header h1 {
      font-size: 1.85rem;
      max-width: max-content;
      margin: 2.5rem auto 1rem;
  }
  .socontent.header h1 span {
      padding: 0 .25em;
      text-transform: uppercase;
  }
  
  blockquote,
  div.blockquote,
  #toc,
  .code {
      background-color: var(--paper-background-color);
      border: solid .05rem var(--paper-block-color);
      box-shadow: 0 0 .25rem var(--paper-shadow-color);
  }
  
  .legend-grid {
      display: grid;
      grid-template-columns: repeat(auto-fill, minmax(min(90px, 100%), 1fr));
      grid-gap: 10px;
      box-sizing: border-box;
  }
  
  .legend-box {
      border: 1px solid white;
  }

  Pages using this styling

  • art:scp-animation-archives [info]

  ¶ 1 occurrence
  

  :root {
    --header-title: "THE FOUNDATION";
    --header-subtitle: "CONTAINED - CONTROLLED";
    --accentColor: #FF0000;
  }
  

  Pages using this styling

  • art:scp-8610-containment-art [info]

  ¶ 1 occurrence
  

  :root {
      --linkColor: #A9A4E8;
   
      --primaryBackgroundColor: #282A36;
      --secondaryBackgroundColor: #2F3142;
      --tertiaryBackgroundColor: #BD93F9;
      --borderColor: #6272A4;
   
      --shadow: rgba(96,213,248,0.3);
   
      --selectionColor: #A9A4E8;
      --textColor: #F2E5F8;
      --textColor-alt: #EDE6FA;
  }
  ::-webkit-scrollbar-track {
      background: var(--secondaryBackgroundColor);
  }

  Pages using this styling

  • art:sabakhu-s-art-den [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.bunny.net/css2?family=Vollkorn:ital,wght@0,400..900;1,400..900&display=swap');
  @import url('https://fonts.bunny.net/css2?family=Vollkorn+SC:wght@700&display=swap');
  
  :root {
      --body-font: Vollkorn, serif;
      --UI-font: Vollkorn, serif;
      --header-font: Vollkorn SC, serif;
      --title-font: Vollkorn SC, serif;
  
      --bright-accent: 236, 230, 216;
      --dark-accent: 25, 16, 10;
      --light-gray-monochrome: 236, 230, 216;
      --dark-gray-monochrome: 25, 16, 10;
      --gradient-header: linear-gradient(90deg, rgba(236, 230, 216, 1) 0%, rgba(236, 230, 216, 1) 50%, rgba(236, 230, 216, 1) 100%);
      --hover-link-color: var(--bright-accent);
  }
  
  #top-bar {
      --topmenu-category-color: var(--dark-accent);
      --topmenu-category-hover-color: var(--dark-accent);
      --topmenu-category-hover-bg: 0, 0, 0, 0;
      --topmenu-hover-border-color: var(--dark-accent);
  }
  
  #main-content {
      --ui-icon-color: var(--bright-accent);
      --ui-icon-hover-color: var(--bright-accent);
      }
  
  #footer {
      --footer-text-color: var(--bright-accent);
      --footer-link-color: var(--bright-accent);
      --footer-link-hover-color: var(--dark-accent);
      --footer-link-hover-bg-color: var(--bright-accent);
  }
  
  .grid {
      display: grid;
      align-items: stretch;
      column-gap: 0.75rem;
      row-gap: 0.75rem;
      grid-auto-flow: dense;
      width: auto;
      max-width: 100vw;
  }
  
  .two { 
     grid-template-columns: repeat(2, minmax(10px, 1fr))
  }
  
  .three { 
     grid-template-columns: repeat(3, minmax(10px, 1fr))
  }
  
  .box {
      display: flex;
      justify-content: center;
      align-items: center;
      text-align: center;
  }
  
  .inktober{
      mix-blend-mode: multiply;
  }
  
  .heading {
      font-family: "Vollkorn SC", serif;
      font-size: 200%;
      text-align: center;
  }
  

  Pages using this styling

  • art:rottingraisins [info]

  ¶ 1 occurrence
  

  
  :root{
  --white: 244, 244, 244;
  --dark: 46, 14, 2;
  --medium-accent: 212, 104, 0;
  --bright-accent: 255, 140, 0;
  --toggle-roundness: 0;
  --header-title: "Enter The Rhineriverse";
  --header-subtitle: "Friendship ended with SCP";
  --swatch-text-light: var(--white);
  --swatch-menutxt-light-color: var(--white);
  --link-color: 138, 71, 0;
  --visited-link-color: 189, 107, 0;
  --borderColor: #ff8c00 !important;
  --logo-image: url("https://scp-wiki.wdfiles.com/local--files/2-rhine-2-river/quitetherhinerivermoment.png");
  }
  

  Pages using this styling

  • art:rhineriver-goitober-2023 [info]

  ¶ 1 occurrence
  

  
  div.terminal{
      border: 1px solid black;
      border: solid 3px #BBBBBB;
      border-radius: 16px;
      background-color: #281033;
      /* black shadow at the top of the terminal */
      background-image: 
          radial-gradient(ellipse 1000% 100% at 50% 90%, transparent, #281033);
      background-position: center;
      display: block;
      /* shadow around the terminal */
      box-shadow: inset 0 0 10em 1em rgba(0,0,0,0.5);
      /* prevents scanline from forming a scrollwheel */
      overflow:hidden;
  }
  div.terminal blockquote {
      background-color: black;
      border: double 3px #200441
  }
  div.scanline{
      margin-top: -40%;
      width: 100%;
      height: 60px;
      position: relative;
      pointer-events: none;
      /* Safari 4.0 - 8.0 */
      -webkit-animation: scan 12s linear 0s infinite; /* You may need to change this. If the bar goes by too quickly, increase 5s. */
      animation: scan 12s linear 0s infinite; /* Same as above */
      background: linear-gradient(to bottom, rgba(56, 112, 82,0), rgba(56, 112, 82,0.1)) !important;
  }
  
  div.text{
      color: rgba(213,7,249,0.8);
      padding-left: 2em;
      padding-top: 40%;
      font-family: monospace;
      font-size: 1.2em;
  }
  
  /* Safari 4.0 - 8.0 */
  @-webkit-keyframes scan{
      from{ transform: translateY(-10%);}
      to{  transform: translateY(5000%);} /* You may need to change this depending on the length of your terminal. If the scanline stops halfway, increase the second number.*/
  }
  
  @keyframes scan{
      from{ transform: translateY(-10%);}
      to{  transform: translateY(5000%);} /* Same as above.*/
  }
  
  div.text a {
      color: #a539cb;
      text-decoration: none;
      background: transparent;
  }
  div.text a.newpage {
      color: #a539cb;
      text-decoration: none;
      background: transparent;
  }
  div.text a:hover {
      color: #200441;
      text-decoration: underline;
      background-color: #a539cb;
      padding: 1px;
  }
  div.text a:hover::before{
      content: "> ";
  }

  Pages using this styling

  • art:remember-2-kiss-your-tv [info]

  ¶ 1 occurrence
  

  :root {
  --link-txt-color: rgb(var(--accent)); 
  } 
  
  #page-title {
      display: none;
  }
  div.blockquote {
      border-right: solid 7px rgb(var(--accent)) !important;
      padding-right: 2rem;
  }

  Pages using this styling

  • art:public-release-of-operation-witness-materials [info]

  ¶ 1 occurrence
  

  /*
      Powered on 2024/01/30 15:18:43
      [2024 Wikidot Theme]
      Created by PiNKpePpER
      CC BY-SA 3.0
  */
  
  
  
  body {
      color: #36353B;
  }
  a,a:visited {
      color: #A482A3;
  }
  div.page-rate-widget-box,
  div.page-rate-widget-box span.rate-points,
  div.page-rate-widget-box span.cancel {
      background-color: #6A5E48!important;
      border: solid #6A5E48 1px!important;
  }
  div.page-rate-widget-box span.rateup,
  div.page-rate-widget-box span.ratedown {
      border: solid #6A5E48!important;
      border-width: 1px 0!important;
  }
  div.page-rate-widget-box span.rateup,
  div.page-rate-widget-box span.ratedown {
      background-color: #6A5E48!important;
  }
  div.page-rate-widget-box span.rateup a,
  div.page-rate-widget-box span.ratedown a {
      color: #ffffff!important;
  }
  div.page-rate-widget-box span.cancel a:hover,
  div.page-rate-widget-box span.rateup a:hover,
  div.page-rate-widget-box span.ratedown a:hover {
      background: transparent!important;
      color: transparent!important;
  }
  

  Pages using this styling

  • art:pinkpeppers-january-gallery-2024-vktm-ion-mc-d-ambrose-r [info]

  ¶ 1 occurrence
  

  /*
      Powered on 2024/02/29 21:20:51
      [2024 Wikidot Theme]
      Created by PiNKpePpER
      CC BY-SA 3.0
  */
  
  
  
  body {
      color: #573840;
  }
  a,a:visited {
      color: #db3b24;
  }
  div.page-rate-widget-box,
  div.page-rate-widget-box span.rate-points,
  div.page-rate-widget-box span.cancel {
      background-color: #f0213b!important;
      border: solid #f0213b 1px!important;
  }
  div.page-rate-widget-box span.rateup,
  div.page-rate-widget-box span.ratedown {
      border: solid #f0213b!important;
      border-width: 1px 0!important;
  }
  div.page-rate-widget-box span.rate-points,
  div.page-rate-widget-box span.cancel a,
  div.page-rate-widget-box span.cancel a:hover {
      color: #fefef9;
  }
  div.page-rate-widget-box span.rateup,
  div.page-rate-widget-box span.ratedown {
      background-color: #f0213b!important;
  }
  div.page-rate-widget-box span.rateup a,
  div.page-rate-widget-box span.ratedown a {
      color: #fefef9!important;
  }
  div.page-rate-widget-box span.cancel a:hover,
  div.page-rate-widget-box span.rateup a:hover,
  div.page-rate-widget-box span.ratedown a:hover {
      background: transparent!important;
      color: transparent!important;
  }
  

  Pages using this styling

  • art:pinkpeppers-february-gallery-8k-illusts-ambrose-restaura [info]

  ¶ 1 occurrence
  

  /*
      Powered on 2023/12/31 20:01:28
      [2023 Wikidot Theme]
      Created by PiNKpePpER
      CC BY-SA 3.0
  */
  
  
  
  body {
      color: #1B4050;
  }
  a,a:visited {
      color: #DB4F43;
  }
  h1 {
      color: #1B4050;
  }
  blockquote {
      #FDF3DE
  }
  div.page-rate-widget-box,
  div.page-rate-widget-box span.rate-points,
  div.page-rate-widget-box span.cancel {
      background-color: #C54444!important;
      border: solid #C54444 1px!important;
  }
  div.page-rate-widget-box span.rateup,
  div.page-rate-widget-box span.ratedown {
      border: solid #C54444!important;
      border-width: 1px 0!important;
  }
  div.page-rate-widget-box span.rate-points,
  div.page-rate-widget-box span.cancel a,
  div.page-rate-widget-box span.cancel a:hover {
      color: #F0F0EB;
  }
  div.page-rate-widget-box span.rateup,
  div.page-rate-widget-box span.ratedown {
      background-color: #C54444!important;
  }
  div.page-rate-widget-box span.rateup a,
  div.page-rate-widget-box span.ratedown a {
      color: #F0F0EB!important;
  }
  div.page-rate-widget-box span.cancel a:hover,
  div.page-rate-widget-box span.rateup a:hover,
  div.page-rate-widget-box span.ratedown a:hover {
      background: transparent!important;
      color: transparent!important;
  }
  

  Pages using this styling

  • art:pinkpeppers-december-gallery-the-ae-gifts-mc-d-ambrose-r [info]

  ¶ 1 occurrence
  

  
  @import url('https://fonts.bunny.net/css2?family=Rubik+Bubbles&display=swap');
  
  :root {
      --rubik-bubbles-regular: 'rubik-bubbles-regular', "Rubik Bubbles", system-ui;
      --national-park-thin: var(--rubik-bubbles-regular);
      --national-park: var(--rubik-bubbles-regular);
  
    /* Header */
      --logo-image: url("https://scp-wiki.wikidot.com/local--files/art:picklemonstiezs-gallery/jpn25t.webp");
      --header-title: "A Jar of Pickles";
      --header-subtitle: "100% Kosher";
  }
  

  Pages using this styling

  • art:picklemonstiezs-gallery [info]

  ¶ 1 occurrence
  

  body {
    background-image: linear-gradient(to bottom, #F8C8DC, white, white, #F8C8DC);
  }

  Pages using this styling

  • art:phoboy-s-pride-art [info]

  ¶ 1 occurrence
  

   :root{
     /* -- COLORS -- /
       --accentColor: hsl(0, 89%, 41%);
       --accentColorLite: hsla(0, 89%, 51%, .5);
       --hue: 0deg;
  
     / -- LOGO -- /
       --lgurl: url(https://scp-wiki.wdfiles.com/local--files/nightfall-hub/moon1.png);
  
     / -- TITLES -- /
       --header-title: "NIGHTFALL";
       --header-subtitle: "heehee hoohoo";
  
     / -- STATIC COLORS -- */
       --textColor: hsl(212, 3%, 75%);
       --bgColor: hsl(220, 20%, 10%);
  }
  
   #extra-div-1{
       filter: opacity(.2) saturate(1.25) brightness(1.25);
  }

  Pages using this styling

  • art:phlegmbrick-melted-over-bread-etc-etc [info]

  ¶ 1 occurrence
  

  :root {
      --linkColor: #C35E89;
   
      --borderColor: #DA99B5;
   
      --textColor: #6F6259;
  }
  #side-bar, #license-area {
      --textColor: #6F6259;
  }
  
  #page-content :is(h1, h2, h3, h4, h5, h6) span::before {
    display: none;
  }

  Pages using this styling

  • art:onlineopossum-s-2025-art-exchange [info]

  ¶ 1 occurrence
  

  /* Better image block positioning from component:croqstyle, adapted for BHL */
  @media (max-width: 550px) {
    div.scp-image-block:is(.block-right, .block-left) {
      float: none;
      margin-inline: auto;
      max-width: 100% !important;
    }
  }
  
  .footnotes-footer, .equation-number {
    display: none;
  }
  .rotate {
    transform: rotate(-0.5deg);
  }
  @media (max-width: 550px) {
    .rotate {
      transform: rotate(-0.2deg);
   }
  }
  
  #main-content hr {
    height: 1px;
    border-top: 2px solid rgba(0, 0, 0, 0.5);
    border-bottom: 1px solid rgba(0, 0, 0, 0.5);
    margin-block: 1rem;
    background: none;
  }
  
  #header-extra-div-1, #header-extra-div-2 {
    background-image: url(https://scp-wiki.wikidot.com/local--files/scp-9001/thread.webp);
    display: block;
    position: absolute;
    height: 10rem;
    aspect-ratio: 1547 / 1220;
    background-size: auto 100%;
    background-repeat: no-repeat;
    top: 0;
  }
  #header-extra-div-1 {
    transform: translateX(-1.5rem);
    left: 0;
  }
  #header-extra-div-2 {
    transform: scaleX(-1) translateX(-1.5rem);
    right: 0;
  }
  @media (max-width: 900px) {
    #header-extra-div-1 {
      transform: none;
      background-position: -1.5rem center;
    }
    #header-extra-div-2 {
      transform: scaleX(-1);
      background-position: -1.5rem center;
    }
  }
  
  .hover {
      text-decoration: none;
      border-bottom: none;
      color:blue;
  }
  .hover:hover {
       text-decoration: none;
      border-bottom: none;
      color:#004c00;
  }
  
  .hover span {    display: none;}
  .hover:hover span {
      position: absolute;
      display: inline;
      margin: 20px 0px;
      height: auto;
      width: auto;
      background: #FFF;
      border: 1px solid #000;
      color: black;
      padding: 0.5em;
  }
  .hover:hover span span {
      position: relative;
      margin: auto;
      height: auto;
      width: auto;
      border: none;
      padding: 0;
  }
  
  .emergency-update {
    margin-block: 1.5rem;
    padding: 0.75rem 1.5rem;
    border: 0.25rem solid #444444;
    box-shadow: 0px 1px 6px rgba(0,0,0,.2);
    color: #444;
    max-width: 35rem;
    margin-inline: auto;
    position: relative;
  }
  @media (max-width: 700px) {
    .emergency-update {
      padding-inline: 1rem;
      margin-inline: max(-2.5vw, -1rem);
    }
  }
  .emergency-update::before, .emergency-update::after {
    content: "";
    height: 0.3rem;
    left: 0;
    right: 0;
    background-image: repeating-linear-gradient(135deg, gold 0ch, gold 1ch, darkgray 1ch, darkgray 1.75ch, gold 1.75ch);
    position: absolute;
  }
  .emergency-update::before { top: 0 }
  .emergency-update::after { bottom: 0 }
  
  .classified-banner {
    display: grid;
    justify-content: center;
    align-items: center;
    justify-items: center;
  }
  .classified-banner__dept {
    width: 15rem;
    grid-row: 1;
    grid-column: 1;
    opacity: 0.06;
  }
  .classified-banner__text {
    grid-row: 1;
    grid-column: 1;
    text-align: center;
  }
  

  Pages using this styling

  • art:olicus-panloque-set [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.bunny.net/css?family=Cinzel');
  @import url('https://fonts.bunny.net/css?family=Anton');
  @import url('https://fonts.bunny.net/css?family=Pinyon+Script');
  
  /*
      The Anton font was created by Vernon Adams and is licensed under the Open Font License
      The Cinzel font was created by Natanael Gama and is licensed under the Open Font License
      The Pinyon Script font was created by Nicole Fally and is licensed under the Open Font License
  */
  
  #breadcrumbs {
     display: none !important;
  }
  
  :root {
    --header-title: "Esterberg Weekly" !important;
    --lgurl: url("https://scp-wiki.wikidot.com/local--files/art:not-human-comic/news.webp");
  }
  div#header h2::before {
      content: "Your #1. Source of Information" !important;
  }

  Pages using this styling

  • art:not-human-comic [info]

  ¶ 1 occurrence
  

  
  @import url('https://fonts.bunny.net/css2?family=Zen+Kaku+Gothic+Antique:wght@300;400;500;700;900&display=swap');
  @import url('https://fonts.bunny.net/css2?family=Poppins:wght@700&display=swap');
  @import url('https://fonts.bunny.net/css2?family=Spline+Sans:wght@400;700&display=swap');
  @import url('https://fonts.bunny.net/css2?family=Roboto+Condensed:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap');
  div.authorlink-wrapper{margin-top: var(--author-top-adjust, .2em) !important;}
  :root {
  --header-logo: url('https://scp-wiki.wikidot.com/local--files/art:murus-concidit/Cycles');
    --header-title: 'Always Remembered';
  --sidelogo: url("https://scp-wiki.wikidot.com/local--files/art:murus-concidit/Cycles');

  Pages using this styling

  • art:murus-concidit [info]

  ¶ 1 occurrence
  

  :root {
      --desktop-time: '5:01 pm';
      --desktop-wallpaper: url("https://scp-wiki.wikidot.com/local--files/art:murus-concidit/V%2520Silver.webp");
  }

  Pages using this styling

  • art:murus-concidit [info]

  ¶ 1 occurrence
  

  
  :root{
    --header-title: "REMEMBER, REMEMBER";
    --header-subtitle: "THE FIRST OF SCiPTEMBER";
    --logo-image: url("https://scp-wiki.wdfiles.com/local--files/art%3AMontagueETC-sciptember-2022/Artistic%20Anomalies%20Department%20%28Inverted%29.png"); 
  }
  @media (max-width: 768px) {
      :root {
           --header-title: "RMBR, RMBR";
      }
  }
  

  Pages using this styling

  • art:montagueetc-sciptember-2022 [info]

  ¶ 1 occurrence
  

  :root {
       --header-title: "Xi-1";
       --header-subtitle: "Artwork";
       --lgurl: url(https://scp-wiki.wikidot.com/local--files/art:mobile-task-force-xi-1/Xi%25201%2520%252522god%2520watchers%252522.webp);
  }

  Pages using this styling

  • art:mobile-task-force-xi-1 [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.bunny.net/css?family=Gochi+Hand|Source+Sans+Pro&display=swap');
  
  .rmpostcontainer
  {
      background-image: url('https://scp-wiki.wikidot.com/local--files/art:mobile-task-force-xi-1/LaRueDesk.webp');
      background-repeat: no-repeat;
      width: 100%; max-width: 660px;
      height: 980px;
      margin: 0px;
          padding: 60px 20px 0px 60px;
  }
  
  .rmpostcontent
  {
      font-family: 'Source Sans Pro', sans-serif;
      font-family: 'Gochi Hand', cursive;
      font-style: normal;
      font-size: 1.30em;
      color: #000;
      width: 530px;
      height: 880px;
      padding: 30px;
      margin: 0px;
      margin-top: -8px;
  }
  
  .rmpostmobiletitle
  {
      display: none;
  }
  
  .scribble
  {
      font-style: bold;
      font-size: 1.30em;
      color: #000;
      width: 300px;
      padding: 0px 0px 0px 20px;
      margin: 0px;
      margin-top: -8px;
      -ms-transform: rotate(20deg); /* IE 9 */
      transform: rotate(12deg); /* Standard syntax */
  }
  
  @media only screen and (max-width: 600px) {
  
      .rmpostcontainer {
          background-image: url("https://scp-wiki.wikidot.com/local--files/art:mobile-task-force-xi-1/LaRueMobile.webp");
          background-size: 100%;
          background-repeat: repeat;
          width: 100%;
          height: auto;
          padding: 0px;
          padding-top: 0px;
      }
  
      .rmpostcontent {
          font-size: 14pt;
          width: 85%;
          height: auto;
          padding: 10px 10px 0px 30px;
      }
  
      .rmposttitle {
          width: auto;
          height: auto;
          padding: 0px 20px 0px 70px;
      }
  
  }
  

  Pages using this styling

  • art:mobile-task-force-xi-1 [info]

  ¶ 1 occurrence
  

  #container { background-color: #C0C0BE; }

  Pages using this styling

  • art:meet-the-overseers [info]

  ¶ 1 occurrence
  

  :root {
  /* ===S-CSS-P INTEGRATION=== */
      /* If you're making a new CSS theme, please include the following three variables at minimum. */
      --theme-base: "black-highlighter";
      /* must be either "black-highlighter" or "sigma9" */
      --theme-id: "black-highlighter";
      /* set this to the URL of your theme's page - eg for "component:ar-theme", set it to "ar-theme" */
      --theme-name: "Electric Starfall Theme";
      /* set this to your theme's full name */
  
  /* ===HEADER ELEMENTS=== */
      --logo-image: url("https://scp-wiki.wikidot.com/local--files/art:luxidoptera-s-art-gallery/stylized_lumen.png");
      --header-title: "Electric Starfall Institute";
      --header-subtitle: "Generating Rasterized Dreams";
  
  /* ===TYPEFACES=== */
      --body-font: Inter, Verdana, Geneva, "Helvetica Neue", "Helvetica",
      	Arial, sans-serif;
      --UI-font: PTRootUI, -apple-system, system-ui, BlinkMacSystemFont,
      	"Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantrell, "Helvetica Neue",
      	sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
      --header-font: Inter, Franklin Gothic Medium, Franklin Gothic,
      	ITC Franklin Gothic, "Helvetica Neue", "Helvetica", Arial, sans-serif;
      --title-font: var(--header-font);
      --mono-font: Recursive, Consolas, monaco, monospace;
  
      /* ===BASE FONT SIZE & LINE HEIGHT=== */
      --min-font-size: 0.8125rem; /* 13px */
      --max-font-size: 0.9375rem; /* 15px */
  
      --base-font-size: var(--max-font-size);
  
      --base-line-height: 1.5;
  
      /* ===HEADER TITLE FONT SIZES=== */
      --header-h1-font-size: calc(var(--base-font-size) * 2.65);
      
      --header-h2-font-size: var(--base-font-size);
  }
  
  /* Temporary fix until either Safari fixes itself or another solution reveals itself */
  @media only screen and (max-width: 56.25rem) {
      :root {
      	--base-font-size: var(--min-font-size);
      }
  }
  
  :root {
  /* ===VARIABLE FONT SETTINGS=== */
      /* SETTING  |  ============== DESCRIPTION			|	FONT: 	RANGE 	 */
      /* SETTING  |  ============== Weight				|	Body: 100 - 900  */
      --wght: 400;
      /* SETTING  |  ============== Weight for UI			|	  UI: 100 - 700  */
      --ui-wght: 500;
      /* SETTING  |  ============== Hover Weight for UI	|	  UI: 100 - 700  */
      --ui-hvr-wght: 500;
      /* ========================== Body Font Italic 		| 	Body:   0 - 1    */
      --ital: 0;
      
      /* ===VARIABLE MONO FONT SETTINGS=== */
      /* See here for Recursive Font information: https://www.recursive.design/ */
      /*=========================== Mono Font Weight 		| 	Mono: 300 - 1000 */
      --mono-wght: 350;
      /* ========================== Mono Font Italic 		| 	Mono: -15 - 0    */
      --slnt: 0;
      /* ========================== Mono Font Casual Amnt | 	Mono:   0 - 1    */
      --CASL: 0;
      /* ========================== Mono Font Cursive Amnt|	Mono:   0 - 1    */
      --CRSV: 0;
      /* ========================== Mono Font Mono Amnt	| 	Mono:   0 - 1    */
      --MONO: 1;
      
  
  /* ===OPENTYPE FEATURE SETTINGS=== */
  /* See here for detailed explainations: https://sparanoid.com/lab/opentype-features/ */
      /* ========================== Lining Numerals		|	Any: 	0 OR 1	 */
      --lnum: 1;
      /* ========================== Proportional Numerals	|	Any: 	0 OR 1	 */
      --pnum: 1;
      /* ========================== Kerning				|	Any: 	0 OR 1	 */
      --kern: 1;
      /* ========================== Capital Spacing		|	Any: 	0 OR 1	 */
      --cpsp: 1;
      /* ========================== Case Alternatives		|	Any: 	0 OR 1	 */
      --liga: 1;
      /* ========================== Standard Ligature		|	Any: 	0 OR 1	 */
      --case: 1;
      /* ========================== Contextual Ligature	|	Any: 	0 OR 1	 */
      --clig: 1;
      /* ========================== Discretionary Ligature|	Any: 	0 OR 1	 */
      --dlig: 0;
      /* ========================== Contextual Alternate	|	Any: 	0 OR 1	 */
      --calt: 1;
      /* ========================== Access All Alternates	|	Any: 	0 OR 1	 */
      --aalt: 0;
      /* ========================== Stylistic Sets		|	Any: 	0 OR 1	 */
      /* ========================== SS 1 | Open Digits	|	Inter: 	0 OR 1	 */
      --ss01: 1;
      /* ========================== SS 2 | Disambiguation	|	Inter: 	0 OR 1	 */
      --ss02: 0;
      /* ========================== SS 3 | Curved R		|	Inter: 	0 OR 1	 */
      --ss03: 1;
      /* ========================== SS 4 | SS2 w/o zero	|	Inter: 	0 OR 1	 */
      --ss04: 1;
      /* ========================== Slashed Zero			|	Inter: 	0 OR 1	 */
      --zero: 1;
      /* ========================== Single Story a		|	Inter: 	0 OR 1	 */
      --cv11: 0;
      
  /* ===STANDARD THEME COLORS=== */
      /* white */
      --white-monochrome: 61, 31, 78;
      /* v light gray for blockquotes and stuff */
      --pale-gray-monochrome: 118, 85, 136;
      /* very light pale gray for misc. use */
      --light-pale-gray-monochrome: 41, 21, 54;
      /* very light accent gray for misc. use */
      --very-light-gray-monochrome: 41, 21, 54;
      /* light accent gray for login status */
      --light-gray-monochrome: 118, 85, 136;
      /* gray */
      --gray-monochrome: 36, 30, 78;
      /* dark accent gray for sidebar background */
      --dark-gray-monochrome: 0, 0, 54;
      /* black */
      --black-monochrome: 12, 12, 12;
      /* subdued theme color, for visited links */
      --pale-accent: 165, 201, 209;
      /* vivid theme color, the "default" accent color */
      --bright-accent: 1, 205, 255;
      /* theme color */
      --medium-accent: 110, 64, 191;
      /* darker theme color */
      --dark-accent: 27, 14, 64;
      /* alternate accent color, for newpage links */
      --alt-accent: 167, 1, 255;
      
  /* ===PRIMARY COLORS=== */
      /* ===GENERAL COLORS=== */
      --swatch-primary: var(--bright-accent);
      --swatch-primary-darker: var(--medium-accent);
      --swatch-primary-darkest: var(--dark-accent);
      --swatch-border-color: var(--black-monochrome);
  
      /* ===GENERAL TEXT COLORS=== */
      --swatch-text-dark: var(--bright-accent);
      --swatch-text-light: var(--bright-accent);
      --swatch-text-general: var(--bright-accent);
      --swatch-important-text: var(--bright-accent);
  
  /* ===MENU COLORS=== */
      /* ===MENU BACKGROUND COLORS=== */
      --swatch-menubg-color: var(--white-monochrome);
      --swatch-menubg-light-color: var(--pale-gray-monochrome);
      --swatch-menubg-medium-color: var(--light-gray-monochrome);
      --swatch-menubg-medium-dark-color: var(--gray-monochrome);
      --swatch-menubg-dark-color: var(--dark-gray-monochrome);
      --swatch-menubg-black-color: var(--black-monochrome);
      --swatch-menubg-hover-color: var(--black-monochrome);
  
      /* ===MENU TEXT COLORS=== */
      --swatch-menutxt-dark-color: var(--black-monochrome);
      --swatch-menutxt-light-color: var(--bright-accent);
      --swatch-menutxt-general-color: var(--swatch-menutxt-dark-color);
  
  /* ===SECONDARY & TERTIARY COLORS=== */
      /* Editing these will edit a vast majority of theme elements. Useful for making dark themes */
  
      /* Colors for Secondary & Tertiary items like Blockquote and YUI Tabs */
      --swatch-secondary-color: var(--swatch-menubg-light-color);
      --swatch-tertiary-color: var(--swatch-menubg-medium-color);
      --swatch-alternate-color: var(--swatch-menubg-dark-color);
  
      /* Text Colors for Secondary & Tertiary items like Sidebar Headers and Top-Bar Menu Text */
      --swatch-text-secondary-color: var(--bright-accent);
      --swatch-text-tertiary-color: var(--bright-accent);	
  
  /* ===PRIMARY GRADIENTS=== */
      /* Creates the header image at top of page */
      --gradient-header: linear-gradient(
      	to top,
      	rgb(var(--header-gradient-color-bottom)) 0%,
      	rgb(var(--header-gradient-color-middle)) 90%,
      	rgb(var(--header-gradient-color-top)) 100%
      );
      /* Diagonal Strikes placed on top of header image */
      --diagonal-stripes: repeating-linear-gradient(
      	45deg,
      	hsla(0, 0%, 100%, 0),
      	hsla(0, 0%, 100%, 0) 0.25vh,
      	rgba(88, 88, 88, 0.1) 0.35vh,
      	rgba(88, 88, 88, 0.2) 0.5vh
      );
      /* Create top-menu bar below the header */
      --gradient-topmenu: linear-gradient(
      	to bottom,
      	rgba(255, 255, 255, 0) 0%,
      	rgba(255, 255, 255, 0) var(--header-height-on-desktop),
      	rgba(var(--swatch-topmenu-border-color), 1)
      		var(--header-height-on-desktop),
      	rgba(var(--swatch-topmenu-bg-color), 1)
      		calc(var(--header-height-on-desktop) + 0.125rem),
      	rgba(var(--swatch-topmenu-bg-color), 0.95) calc(100% - 0.125rem),
      	rgba(var(--swatch-topmenu-bg-color), 1) calc(100% - 0.125rem),
      	rgba(var(--swatch-topmenu-border-color), 1) 100%
      );
      --gradient-topmenu-mobile: linear-gradient(
      	to bottom,
      	rgba(var(--swatch-topmenu-border-color), 1) 0,
      	rgba(var(--swatch-topmenu-bg-color), 1) 0.125rem,
      	rgba(var(--swatch-topmenu-bg-color), 1)
      		calc(var(--topbar-height-on-mobile) - 0.125rem),
      	rgba(var(--swatch-topmenu-bg-color), 1)
      		calc(var(--topbar-height-on-mobile) - 0.125rem),
      	rgba(var(--swatch-topmenu-border-color), 1)
      		var(--topbar-height-on-mobile)
      );
      /* Subtle gradient that begins just below the top-bar and header */
      --background-gradient-distance: 40rem;
      --gradient-background: linear-gradient(
      	to bottom,
      	rgba(var(--background-gradient-color), 1) 0,
      	rgba(var(--background-gradient-color), 0)
      		var(--background-gradient-distance)
      );
  
  /* ===STRUCTURAL SPACING ELEMENTS=== */
      --body-width-on-desktop: 44.25rem;
      --body-width-on-mobile: 100%;
      --scrollbar-width: 1rem;
  
      /* ===HEADER MEASUREMENTS=== */
      --header-width-on-desktop: 61.25rem;
      --header-width-on-mobile: 100vw;
      --header-height-on-desktop: 7.5rem;
      --header-height-on-mobile: 7.5rem;
      --header-background-image-size: 100% var(--header-height-on-desktop);
  
      /* ===TOPBAR MEASUREMENTS=== */
      --topbar-height-on-desktop: 1.875rem;
      --topbar-height-on-mobile: 3rem;
  
      /* ===FINAL HEADER + TOPBAR MEASUREMENTS=== */
      /* These Vars should not be edited unless necessary. */
      --final-header-height-on-desktop: calc(
      	var(--header-height-on-desktop) + var(--topbar-height-on-desktop)
      );
      --final-header-height-on-mobile: calc(
      	var(--header-height-on-mobile) + var(--topbar-height-on-mobile)
      );
      
      /* ===SIDEBAR MEASUREMENTS=== */
      --sidebar-width-on-desktop: 
      	min(
      		calc(
      			(var(--base-font-size) * (14 / 15)) * 19
      		),
      		calc(
      			(100vw - var(--body-width-on-desktop))
      		)
      	);
      --sidebar-width-on-mobile: calc(
      	(var(--base-font-size) * (14 / 15)) * 17
      );
      --sidebar-internal-border-thickness: 0.125rem;
  }
  
  /*  ===============================
      ======= SPECIFIC COLORS =======
      ===============================
  /* Colors for Buttons, Tabs, Tables, Footnotes Hover/Modal, Etc. */ 
  
  :root {
      /* ===BACKGROUND GRADIENT=== */
  
      	/* ===GENERAL BACKGROUND=== */
      	/* Overall Page Background Color */
      --swatch-background: var(--white-monochrome);
      	/* Gradient Color used for the --gradient-background var */
      --background-gradient-color: var(--very-light-gray-monochrome);
  
      	/* ===HEADER GRADIENT=== */
      	/* Colors forming the header gradient used in --gradient-header var */
      --header-gradient-color-bottom: var(--dark-accent);
      --header-gradient-color-middle: var(--dark-gray-monochrome);
      --header-gradient-color-top: var(--black-monochrome);
  
      /* ===TOPBAR GRADIENT=== */
      	/* Colors used in the --gradient-topmenu var to give the topbar its color */
      	--swatch-topmenu-bg-color: var(--swatch-menubg-medium-dark-color);
      	--swatch-topmenu-border-color: var(--swatch-menubg-black-color);
  
      /* ===LINK COLORS=== */
      --link-color: var(--alt-accent);
      --visited-link-color: var(--pale-accent);
      --hover-link-color: var(--swatch-primary);
      --newpage-color: var(--alt-accent);
  }
  
  #header {
      /* ===HEADER ELEMENTS=== */
      	/* ===HEADER TITLES=== */
      	/* Header H1 and H2 colors */
      --swatch-headerh1-color: var(--swatch-text-light);
      --swatch-headerh2-color: var(--swatch-text-light);
  
      	/* ===SEARCH ELEMENT=== */
      --search-icon-color: var(--swatch-text-secondary-color);
      --search-icon-hover-color: var(--swatch-text-secondary-color);
      --search-icon-hover-bg-color: var(--swatch-alternate-color);
      --search-textbox-text-color: 0,0,0,0;
      		/* Focus is when the search box has been clicked on */
      --search-icon-focus-color: var(--swatch-text-secondary-color);
      --search-icon-focus-bg-color: var(--swatch-primary);
      --search-focus-outline-color: var(--swatch-primary);
      --search-focus-textbox-bg-color: var(--swatch-alternate-color);
      --search-focus-textbox-text-color: var(--swatch-text-secondary-color);
  
      	/* ===LOGIN BOX ELEMENT=== */
      --login-line-divider-color: var(--swatch-text-secondary-color);
      --login-username-color: var(--swatch-text-secondary-color);
      --login-myaccount-color: var(--swatch-text-secondary-color);
      --login-myaccount-hover-color: var(--login-myaccount-color);
      --login-myaccount-underline-color: var(--swatch-primary-darkest);
      --login-myaccount-hover-bg-color: var(--swatch-primary-darkest);
      --login-arrow-color: var(--search-icon-color);
      		/* Dropdown Box when arrow is clicked */
      --login-dropdown-bg-color: var(--swatch-menubg-color);
      --login-dropdown-bg-image: var(--gradient-header);
      --login-dropdown-border-color: var(--swatch-text-tertiary-color), 0.5;
      --login-dropdown-text-color: var(--swatch-text-secondary-color);
      --login-dropdown-text-hover-color: var(--swatch-text-secondary-color);
      --login-dropdown-bg-hover-color: var(--swatch-primary);
  
      		/* Mobile Icon Styling */
      --login-mobile-icon-color: var(--search-icon-color);
      --login-mobile-icon-hover-color: var(--search-icon-hover-color);
      --login-mobile-icon-hover-bg-color: var(--search-icon-hover-bg-color);
  }
  
  #top-bar {
      /* ===TOPBAR ELEMENTS=== */
  
      	/* ===TOPBAR CATEGORIES=== */
      --topmenu-category-color: var(--swatch-text-secondary-color);
      --topmenu-category-hover-color: var(--swatch-text-secondary-color);
      --topmenu-category-hover-bg: 0,0,0,0; /* Transparent */
      --topmenu-hover-border-color: var(--swatch-primary);
  
      --mobile-topmenu-sidebar-button-color: var(--swatch-text-secondary-color);
  
      	/* ===DROPDOWN MENU=== */
      --dropdown-bg-color: var(--swatch-alternate-color), 0.9;
      --dropdown-border-color: var(--swatch-text-tertiary-color), 0.5;
      --dropdown-links-color: var(--swatch-text-secondary-color);
      --dropdown-links-bg-color: 0,0,0,0; /* Transparent */
      --dropdown-links-hover-color: var(--swatch-text-secondary-color);
      --dropdown-links-hover-bg-color: var(--swatch-primary);
  }
  
  #side-bar,
  #interwiki {
      /* ===SIDE-BAR ELEMENTS=== */
  
      	/* ===SIDE-BAR GENERAL=== */
      --sidebar-bg-color: var(--swatch-menubg-color);
      --sidebar-resources-bg-color: var(--swatch-primary-darker), 0.25;
      --sidebar-media-bg-color: var(--swatch-primary-darker), 0.125;
  
      	/* ===SOCIAL MEDIA ICONS=== */
      	--discord-icon-color: 88, 101, 242; /* BLURPLE */
      	--deviantart-icon-color: 0, 199, 135;
      	--facebook-icon-color: 59, 89, 152;
      	--github-icon-color: 25, 23, 23;
      	--instagram-icon-color: 240, 148, 51;
      	--instagram-icon-gradient: 
      		linear-gradient(
      			45deg,
      			rgb(240, 148, 51) 0%,
      			rgb(230, 104, 60) 25%,
      			rgb(220, 39, 67) 50%,
      			rgb(204, 35, 102) 75%,
      			rgb(188, 24, 136) 100%
      		);
      	--reddit-icon-color: 225, 69, 0;
      	--sandbox-icon-color: 35, 140, 120;
      	--steam-icon-color: 8, 20, 40;
      	--tiktok-icon-color: 12, 12, 12;
      	--tiktok-icon-gradient:
      		linear-gradient(
      			125deg,
      			rgb(37,244,238) 0%,
      			rgb(37,244,238) 50%,
      			rgb(254,44,85) calc(50% + 0.0625rem),
      			rgb(254,44,85) 100%
      		);
      	--twitch-icon-color: 100, 65, 165;
      	--twitter-icon-color: 29, 161, 242;
      	--youtube-icon-color: 255, 0, 0;
      	
      	--social-icon-hover-color: var(--swatch-primary);
  
      	/* ===SIDEBLOCK MENU=== */
      --sideblock-bg-color: 0,0,0,0; /* Transparent */
      --sideblock-heading-border-color: var(--swatch-primary);
      --sideblock-heading-bg-color: 0,0,0,0; /* Transparent */
      --sideblock-heading-text-color: var(--swatch-primary-darker);
  
      	/* ===MENU-ITEMS=== */
      --sidebar-border-color: var(--swatch-border-color), 0.08;
      --sidebar-subtest-color: var(--swatch-primary);
      	
      --sidebar-links-text: var(--alt-accent);
      --sidebar-links-bg-color: 0,0,0,0; /* Transparent */
      --sidebar-links-hover-bg-color: var(--dark-gray-monochrome);
      --sidebar-links-hover-text-color: var(--swatch-text-secondary-color);
  
      	/* ===SIDEBAR COLLAPSIBLES=== */
      		/*Folded Colors */
      --sidebar-collapsible-fld-link-bg: var(--swatch-primary-darker), 0.25;	
      --sidebar-collapsible-fld-link-color: var(--sideblock-heading-text-color);
      --sidebar-collapsible-fld-link-hover-bg: var(--swatch-primary-darker);
      --sidebar-collapsible-fld-link-hover-color: var(--swatch-text-secondary-color);
      --sidebar-collapsible-fld-arrow-color: var(--swatch-text-tertiary-color);
      --sidebar-collapsible-fld-arrow-hover-color: var(--swatch-text-secondary-color);
  
      		/*Unfolded Colors */
      --sidebar-collapsible-ufld-link-bg: var(--sidebar-collapsible-fld-link-bg);	
      --sidebar-collapsible-ufld-link-color: var(--sideblock-heading-text-color);
      --sidebar-collapsible-ufld-link-hover-bg: var(--swatch-primary), 1;
      --sidebar-collapsible-ufld-link-hover-color: var(--sidebar-collapsible-fld-link-hover-color);
      --sidebar-collapsible-ufld-arrow-color: var(--sidebar-collapsible-fld-arrow-color);
      --sidebar-collapsible-ufld-arrow-hover-color: var(--sidebar-collapsible-fld-arrow-hover-color);
  
      		/* Unfolded Body Colors */
      --sidebar-collapsible-body-bg: var(--swatch-primary), 0.125;
      --sidebar-collapsible-link-color: var(--sidebar-links-text);
      --sidebar-collapsible-link-hover-bg: var(--sidebar-links-hover-bg-color);
      --sidebar-collapsible-link-hover-color: var(--sidebar-links-hover-text-color);
  }
  
      /* ===FOOTER=== */
  #footer {
      --footer-bg-color: var(--swatch-primary-darkest);
      --footer-text-color: var(--swatch-text-secondary-color);
      --footer-link-color: var(--swatch-text-secondary-color);
      --footer-link-hover-color: var(--swatch-primary);
      --footer-link-hover-bg-color: var(--swatch-secondary-color);
  }
  
      /* ===LICENSE AREA=== */
  #license-area {
      --license-bg-color: var(--swatch-alternate-color);
      --license-text-color: var(--swatch-text-secondary-color);
      --license-link-color: var(--swatch-text-secondary-color);
      --license-link-hover-color: var(--swatch-primary);
      --license-link-hover-bg-color: var(--swatch-secondary-color);
  }
  
  #main-content {
      /* ===MAIN CONTENT UI ELEMENTS */
      	/* ===UI ICONS=== */
      		/* ===PAGE OPTIONS ICONS=== */
      --ui-icon-color: var(--swatch-text-secondary-color);
      --ui-icon-bg: var(--swatch-primary-darkest);
      --ui-icon-hover-color: var(--swatch-text-secondary-color);
      --ui-icon-hover-bg: var(--swatch-primary);
  
      		/* ===TEXT EDITOR ICONS=== */
      --editor-icon-color: var(--swatch-menutxt-general-color);
      --editor-icon-bg: 0,0,0,0; /* Transparent */
      --editor-icon-hover-color: var(--swatch-background);
      --editor-icon-hover-bg: var(--swatch-primary);
      --editor-icon-submenu-bg: var(--swatch-secondary-color);
  
      	/* ===TABS=== */
      --tabs-bg: var(--swatch-secondary-color);
      --tabs-txt: var(--swatch-text-tertiary-color);
      --tabs-hover-bg: var(--swatch-primary-darker);
      --tabs-hover-txt: var(--swatch-text-secondary-color);
      --tabs-selected-bg: var(--swatch-primary);
      --tabs-selected-txt: var(--swatch-text-secondary-color);
      --tabs-selected-outline: var(--swatch-primary);
      --tabs-bottom-border-color: var(--swatch-primary-darker);
  
      --tabs-content-bg-color: var(--swatch-secondary-color), 0.25;
      --tabs-content-border-color: var(--swatch-tertiary-color);
  
      	/* ===TABLES=== */
      --tables-header-bg: var(--swatch-primary-darkest);
      --tables-header-txt: var(--swatch-text-secondary-color);
      --tables-border: var(--swatch-tertiary-color);
      --tables-body-bg: var(--swatch-background);
      --tables-body-txt: var(--swatch-text-general);
  
      	/* ===BLOCKQUOTES=== */
      --blockquote-bg-color: var(--swatch-secondary-color), 0.25;
      --blockquote-border-color: var(--swatch-tertiary-color);
      	/* Color for special .colorbar-quote blockquote class */
      --blockquote-colorbar-color: var(--swatch-primary), 1;
  
      	/* ===FOOTNOTES/BIBLIOGRAPHY FOOTER=== */
      --footnotes-footer-bg-color: var(--swatch-secondary-color);
      --footnotes-footer-colorbar-color: var(--swatch-primary-darkest);
      --footnotes-footer-title-bg-color: var(--swatch-primary-darkest);
      --footnotes-footer-title-text-color: var(--swatch-text-secondary-color);
      --footnotes-footer-num-color: var(--link-color);
      --footnotes-footer-num-hover-color: var(--hover-link-color);
      --footnotes-footer-text-color: var(--swatch-text-general);
  
      	/* ===TOC=== */
      --toc-header-bg-color: var(--swatch-primary-darkest);
      --toc-header-text-color: var(--swatch-text-secondary-color);
      --toc-header-text-hover-color: var(--swatch-text-secondary-color);
  
      --toc-body-bg-color: var(--swatch-menubg-color);
      --toc-directory-lines-color: var(--swatch-tertiary-color);
  
      --toc-body-link-color: var(--link-color);	
      --toc-body-link-hover-color: var(--link-color);
      --toc-body-hover-arrow-color: var(--link-color);
  
      	/* ===PAGE TAGS=== */
      --pagetags-title-bg: var(--swatch-primary-darkest);
      --pagetags-title-text: var(--swatch-text-secondary-color);
      --pagetags-text-color: var(--swatch-primary-darkest);
      --pagetags-text-hover-color: var(--swatch-background);
      --pagetags-text-hover-bg-color: var(--swatch-primary);
  }
  
      /* ===GLOBAL ELEMENTS=== */
  :root {
      	/* ===UI BUTTONS=== */
      --ui-button-bg: var(--swatch-secondary-color);
      --ui-button-txt: var(--swatch-text-tertiary-color);
      --ui-button-hover-bg: var(--swatch-primary);
      --ui-button-hover-txt: var(--swatch-text-secondary-color);
      --ui-button-hover-outline: var(--swatch-primary);
  
      	/* ===RATING MODULE=== */
      --rating-module-button-plus-color: 0, 200, 0;
      --rating-module-button-negative-color: 200, 0, 0;
      --rating-module-button-cancel-color: var(--swatch-tertiary-color);
      --rating-module-button-credit-color: var(--swatch-secondary-color);
  
      --rating-module-bg-color: var(--swatch-background);
      --rating-module-bottom-border-color: var(--swatch-primary);
  
      --rating-module-text-color: var(--swatch-text-tertiary-color);
      --rating-module-text-hover-color: var(--swatch-text-secondary-color);	
  
      	/* ===MODALS=== */
      --modal-bg: var(--swatch-secondary-color);
      --modal-body-text: var(--swatch-text-tertiary-color);
      	/* h1/h2/h3/h4/h5/h6 */
      --modal-body-header-txt: var(--swatch-text-tertiary-color); 
  
      --modal-header-bg: var(--swatch-primary-darkest);
      --modal-header-txt: var(--swatch-text-secondary-color);
      --modal-header-stripe: var(--swatch-primary);
  
      	/* ===FOOTNOTES HOVER BLOCK=== */
      --hoverblock-bg: var(--swatch-secondary-color);
      --hoverblock-txt: var(--swatch-text-tertiary-color);
      --hoverblock-header-bg: var(--swatch-primary-darker);
      --hoverblock-header-txt: var(--swatch-text-secondary-color);
      --hoverblock-footer-bg: var(--swatch-tertiary-color);
      --hoverblock-footer-txt: var(--swatch-text-tertiary-color);
  
      	/* ===LISTPAGES PAGER=== */
      --pager-text: var(--swatch-text-general);
      --pager-link: var(--link-color);
  
      --pager-link-hover: var(--swatch-text-secondary-color);
      --pager-hover-bg: var(--swatch-primary-darkest);
  
      --pager-selected-bg: var(--swatch-primary);
      --pager-selected-link:  var(--swatch-text-secondary-color);
  }
  
  /*  ===============================
      ========= DEPRECIATED =========
      ===============================
  
  /* LEGACY VARS */
  /* These Vars are being left for now in case they are used in various these but will eventually be removed */
  :root {
      /* Legacy Var -- No longer used */
      --gradient-sidemenu-header: linear-gradient(
      	10deg,
      	rgba(var(--swatch-primary-darker), 0.45) 0%,
      	rgba(var(--swatch-primary-darker), 0.55) 100%
      );
  
      --rating-module-button-color: var(--swatch-menutxt-general-color);
  
      --border-styling: solid 0.0625rem rgb(var(--swatch-border-color));
  
      --border-radius-width: 0.0625rem;
  
      /* Box-Shadow 1px Borders */
      --box-border-bottom: 0 0.0625rem 0 0 rgb(var(--swatch-border-color));
      --box-border-top: 0 -0.0625rem 0 0 rgb(var(--swatch-border-color));
      --box-border-left: -0.0625rem 0 0 0 rgb(var(--swatch-border-color));
      --box-border-right: 0.0625rem 0 0 0 rgb(var(--swatch-border-color));
      --box-border-all: 0 0 0 0.0625rem rgb(var(--swatch-border-color));
  
      --sidebar-transition-timing: 500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms;
  }

  Pages using this styling

  • art:luxidoptera-s-art-gallery [info]

  ¶ 1 occurrence
  

  :root {
       --black-monochrome: 60, 60, 60;
       --cream-monochrome: 255, 250, 241;
       --pastel-rainbow: linear-gradient(to top right,
                  rgba(216, 151, 154, 0.75),
                  rgba(255, 240, 148, 0.75),
                  rgba(198, 223, 158, 0.75),
                  rgba(145, 191, 222, 0.75),
                  rgba(246, 186, 212, 0.75));
       --swatch-background: var(--cream-monochrome);
       --swatch-text-light: var(--black-monochrome);
       --swatch-text-general: var(--swatch-text-light);
       --swatch-menubg-color: var(--pastel-rainbow);
       --swatch-menutxt-general-color: var(--black-monochrome);
       --accentColor: 141, 207, 208;
       --background-gradient-color: 141, 207, 208;
       --sidebar-links-text: var(--cream-monochrome);
       --rating-module-button-color: var(--cream-monochrome);
       --rating-module-text-color: var(--swatch-menutxt-light-color);
  }

  Pages using this styling

  • art:loveterminal [info]

  ¶ 1 occurrence
  

  @media (min-width: 768px) {
      #main-content { max-width: min(900px, calc(100% - 4rem)); }
  }
  :root {
    --header-subtitle: "Locations of Interest";
    --sp_header-subtitle-scale: 2.125;
  }
  #header h1 a::before, #header h2 span::before {
      font-family: 'BauhausLTDemi', 'Nanum Gothic', 'Arial', sans-serif;
  }
  
  body {
      background-image: linear-gradient(
          to bottom,
          #FCFCFC, #FCFCFC 100%);
  }
  
  div#extra-div-1 {
      height: 140px;
      width: 100%;
      top: 28px;
      position: absolute;
      background: url("https://scp-wiki.wdfiles.com/local--files/sigma-9-themes/SCP_F.png");
      background-size: contain;
      background-repeat: no-repeat;
      background-position: calc(50vw - 380px) 50%;
      z-index: -1;
  }
  @media (max-width: 767px) {
      div#extra-div-1 {
           opacity: 0.2;
           background-position: 50% 50%;
      }
  }
  
  .socontent.header h1 {
      font-size: 1.85rem;
      max-width: max-content;
      margin: 2.5rem auto 1rem;
  }
  .socontent.header h1 span {
      padding: 0 .25em;
      text-transform: uppercase;
  }
  
  .art-container {
      display: flex;
      flex-wrap: wrap;
      align-content: center;
      justify-content: space-around;
      align-self: flex-end
      gap: 5rem 5rem;
  }
  
  .art-container .art {
      flex: 0 1 280px;
      text-align: center;
      padding-bottom: 1rem;
  }
  
  .art-container .art1 {
      flex: 0 1 280px;
      text-align: center;
      padding-bottom: 1rem;
  }
  
  .art-container .art1 .image-container {
      padding: 0;
      min-height: 100%;
      max-width: 100%;
  }
  
  .art-container .art2 {
      flex: 0 1 200px;
      text-align: center;
      padding-bottom: 1rem;
  }
  
  .art-container .art2 .image-container {
      padding: 0;
      min-height: 100%;
      max-width: 100%;
  }
  
  
  .art-container .art3 {
      flex: 0 1 320px;
      text-align: center;
      padding-bottom: 1rem;
  }
  
  .art-container .art3 .image-container {
      padding: 0;
      min-height: 100%;
      max-width: 100%;
  }

  Pages using this styling

  • art:locations-of-interest [info]

  ¶ 1 occurrence
  

  .divlette{ 
  border: solid;
  padding: 0 2%;
  text-align: center;
  }
  .valentines {
  background: pink;
  }
  .valentines a {
  color: darkpink;
  }
  
  .octopus {
  background: red;
  } 
  .octopus a {
  color: black;
  }
  .avocado {
  background: lightgreen;
  }
  .avocado a{
  color: green;
  }
  .creativename {
  background: purple;
  }
  .sugarush {
  background: green;
  }
  .sugarush a {
  color: lightgreen;
  }
  .insanitz {
  background: pink;
  }
  .insanitz a {
  color: black;
  }
  .crab {
  background: orange;
  }
  .crab a{
  color: yellow;
  }
  .voices {
  background: grey;
  }
  .voices a{
  color: black;
  }
  .test {
  background: yellow;
  }
  .test a{
  color: green;
  }
  .lilith {
  background: lightblue
  }
  .lilith a {
  color: blue;
  }
  .juno {
  background: black
  }
  .juno a {
  color: blue
  }
  .lapis { 
  background: brown
  }
  .lapis a {
  color: orange
  }
  .adsaba {
  background: white;
  }
  .adsaba a {
  color: cyan;
  }
  .jobah {
  background: green;
  }
  .jobah a {
  color: brown;
  }

  Pages using this styling

  • art:littlepengwy-artist-page [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.bunny.net/css2?family=Playfair+Display:ital,wght@0,900;1,900&display=swap');
  @import url('https://fonts.bunny.net/css2?family=Bungee+Shade&display=swap');
  @import url('https://fonts.bunny.net/css2?family=Staatliches&display=swap');
  @import url('https://fonts.bunny.net/css2?family=Bebas+Neue&display=swap');
  
  :root {
      --logo-image: url("https://scp-wiki.wikidot.com/local--files/art:life-and-death/At3.webp");
      --header-title: "SITE-333";
      --header-subtitle: "HEAVEN ON EARTH";
      --header-font: 'Playfair Display', serif;
      --title-font: 'Playfair Display', serif;
      --body-font: 'Telex', sans-serif;
      --bright-accent: 0, 109, 255;
      --medium-accent: 0, 63, 197;
      --dark-accent: 0, 22, 142;
  
      --link-color: var(--medium-accent);
  }
  
  #extra-div-1 {
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 10rem;
      background-image: url("https://scp-wiki.wikidot.com/local--files/art:life-and-death/PanoRam2.webp");
      background-size: cover;
      background-position: center;
      background-repeat: repeat-x;
      pointer-events: none;
  }
  
  #extra-div-2 {
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 10rem;
      background: linear-gradient(0deg, rgba(0, 109, 255,1) 35%, rgba(204, 226, 255) 97%);
      pointer-events: none;
      opacity: 0.40;
  }
  
  #extra-div-3 {
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 10rem;
      background-image: url("https://scp-wiki.wikidot.com/local--files/art:life-and-death/dicegold.webp");
      background-size: cover;
      background-position: center;
      background-repeat: repeat-x;
      pointer-events: none;
      opacity: 0.65;
  
  }
  
  /* *** DIVS *** */
  .addendum {
      border:solid 2px rgb(var(--bright-accent));
      background:#F5F5F5;
      width:84%;
      padding:1px 15px;
      margin: 10px auto;
  }
  
  .label {
      background: rgb(var(--bright-accent));
      color: white;
      padding: 3px;
      border-radius: 4px;
      font-family: monospace;
      white-space: nowrap;
  }
  
  .doc {
      background-color: rgb(var(--bright-accent));
      color: white;
      font-family: var(--mono-font);
      padding: 0 1.5rem;
      font-size: 1.1em;
      width: fit-content;
      position: relative;
      top: -2em;
      border-radius: 4px;
      margin-bottom: -3rem;
  }
  
  .addendum {margin-top: 1.6rem;}
  
  .angled {clip-path: polygon(4% 0%, 100% 0%, 96% 100%, 0% 100%); border-radius: 5px;}
  
  .foundation {
      border:solid 3px #444;
      background: #f2f2c2 url('https://scp-wiki.wdfiles.com/local--files/theme%3Aredtape/scp_trans.png') center center no-repeat;
      padding: 1.5rem;
      margin-bottom: 10px;
      color: black;
  }
  .foundation p {
      margin: none;
  }
  
  .foundation.snow {
      background: #fff url('') center center no-repeat;
  }
  
  .foundation.raisa {
      background: #f2f2c2 url('https://scp-wiki.wdfiles.com/local--files/theme%3Aredtape/raisa_trans.png') center center no-repeat;
      background-size: 29rem;
      text-align: center;
  }
  .foundation.alt {
      background: #fff url('https://scp-wiki.wdfiles.com/local--files/theme%3Ai57/scp-logo-i57.png') center center no-repeat;
  }
  
  .generic {
     position: relative;
     margin: 0.5em 1.25rem;
     padding: 0.825em 1.25em;
     clear: both;
     clip-path: polygon(93% 0px, 100% 15.11%, 100% 100%, 0px 100%, 0px 0px);
     border-left: 4px solid gray;
  }
  .generic hr {background: gray; border: none;}
  .generic h1, .generic h2, .generic h3, .generic h4, .generic h5, .generic h6 {color: #515050;}
  .generic.red {background: #ff4a4a3d;}
  .generic.blue {background: #4a80ff3d;}
  .generic.yellow {background: #fff77f3d;}
  .generic.purple {background: #a561d536;}
  .generic.green {background: #CDE5DD;}
  
  
  #header::before {
      left: 0.5rem;
      background-position: center -0.5rem;
      opacity: 1;
  }
  
  #header h1, #header h2 {
      margin: 1.7rem 0;
  }
  
  }
  .table2 {
      --accentColor: rgb(40, 135, 189);
  }
  .custom2 .wiki-content-table {
      width: 100%;
  }

  Pages using this styling

  • art:life-and-death [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.bunny.net/css2?family=Playfair+Display:ital,wght@0,900;1,900&display=swap');
  
  :root {
      --logo-image: url("https://scp-wiki.wikidot.com/local--files/art:kkn-site-333-doodles/At3.webp");
      --header-title: "SITE-333";
      --header-subtitle: "HEAVEN ON EARTH";
      --header-font: 'Playfair Display', serif;
      --title-font: 'Playfair Display', serif;
      --body-font: 'Telex', sans-serif;
      --bright-accent: 0, 109, 255;
      --medium-accent: 0, 63, 197;
      --dark-accent: 0, 22, 142;
  
      --link-color: var(--medium-accent);
  }
  
  #extra-div-1 {
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 10rem;
      background-image: url("https://scp-wiki.wikidot.com/local--files/art:kkn-site-333-doodles/PanoRam2.webp");
      background-size: cover;
      background-position: center;
      background-repeat: repeat-x;
      pointer-events: none;
  }
  
  #extra-div-2 {
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 10rem;
      background: linear-gradient(0deg, rgba(0, 109, 255,1) 35%, rgba(204, 226, 255) 97%);
      pointer-events: none;
      opacity: 0.40;
  }
  
  #extra-div-3 {
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 10rem;
      background-image: url("https://scp-wiki.wikidot.com/local--files/art:kkn-site-333-doodles/dicegold.webp");
      background-size: cover;
      background-position: center;
      background-repeat: repeat-x;
      pointer-events: none;
      opacity: 0.65;
  
  }
  
  #header::before {
      left: 0.5rem;
      background-position: center -0.5rem;
      opacity: 1;
  }
  
  #header h1, #header h2 {
      margin: 1.7rem 0;
  }
  
  }
  .table2 {
      --accentColor: rgb(40, 135, 189);
  }
  .custom2 .wiki-content-table {
      width: 100%;
  }
  
  #header::before {
      left: 0.5rem;
      background-position: center -0.5rem;
      opacity: 1;
  }
  
  #header h1, #header h2 {
      margin: 1.7rem 0;
  }

  Pages using this styling

  • art:kkn-site-333-doodles [info]

  ¶ 1 occurrence
  

  h2 {
     text-align: center;
  }
  h3 {
     text-align: center;
  }
  
  h4 {
     text-align: center;
     font-size: 1.5em;
  }
  
  

  Pages using this styling

  • art:katyastrangelove-art [info]

  ¶ 1 occurrence
  

   div.scp-image-block.block-right {
      max-width: 100% !important;
  }

  Pages using this styling

  • art:karcist-halyna [info]

  ¶ 1 occurrence
  

  :root {
      --header-title: "SCP Foundation";
      --header-subtitle: "Serving our Cherished Parent";
  }
  
  .scp-image-block.block-right { margin: 1em 2em 1em 1em; }
  

  Pages using this styling

  • art:jiwoahn-artwork-father [info]

  ¶ 1 occurrence
  

  :root {
      --header-title: "SCP Foundation";
      --header-subtitle: "Sub-veil College Promotion";
  }
  
  .scp-image-block.block-right { margin: 1em 2em 1em 1em; }
  

  Pages using this styling

  • art:jiwoahn-artwork-deer [info]

  ¶ 1 occurrence
  

  :root {
      --header-title: "SCP Foundation";
      --header-subtitle: "Slaughtered Containment Personnel";
  }
  
  .scp-image-block.block-right { margin: 1em 2em 1em 1em; }
  

  Pages using this styling

  • art:jiwoahn-artwork-7025 [info]

  ¶ 1 occurrence
  

  :root {
      --id-card-one-color: 83,141,223;
      --id-card-background-logo: url('https://scp-wiki.wikidot.com/local--files/art:jellyfish-artist-page/chUNY2h.webp');
      --id-card-background-logo-opacity: 0.1;
  
  .foundation-id-card .profile-picture {
      border: solid 0.125rem rgb(204,204,204);
  }

  Pages using this styling

  • art:jellyfish-artist-page [info]

  ¶ 1 occurrence
  

  .barcode {
       background-image: linear-gradient(to left, #1A1333, #262949, #045459, #087353, #15C286, #ABD96D, #FBBF54, #EE6B3B, #EC0F47, #A02C5D, #700460, #022C7A);
       -webkit-background-clip: text;
       color: transparent;
       //border: 1px solid #959595;//
       opacity: 0.725;
  }

  Pages using this styling

  • art:jellyfish-artist-page [info]

  ¶ 1 occurrence
  

  
  :root {
      --title: " SCP FOUNDATION";
      --subtitle: " KEEP THE OCEANS CLEAN";
      --logo: url(https://scp-wiki.wikidot.com/local--files/art:jellyfish-artist-page/jellyfish%2520logo.webp);
      --sidesubtitle: var(--subtitle);
      --sidelogo: var(--logo);
  }
  

  Pages using this styling

  • art:jellyfish-artist-page [info]

  ¶ 1 occurrence
  

  .document {
      background: white;
      box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
      margin: 26px auto 0;
      max-width: 850px;
      min-height: 300px;
      padding: 24px;
      padding-top: 50px;
      padding-left: 34px;
      padding-right: 34px;
      position: relative;
      width: 100%;
  }
  
  #page-title {
  margin-top: 1rem;
  }
  
  table {
      font-family: 'Work Sans', sans-serif;
      font-weight: 500;
  }
  
  table strong {
      font-weight: 800 !important;
  }
  
  #page-content .wiki-content-table {
      width: 33%;
  }
  
  .basaltBanner p {
      line-height: 0px;
      margin-top: 1rem;
      margin-bottom: 3rem;
  }
  
  .basaltBanner,
  .basaltIcon {
      transition-duration: 0.3s;
      transition-property: transform, box-shadow, filter, background-image;
      transform: translateZ(0);
  }
  
  .basaltBanner:hover {
      transform: scale(0.9);
  }
  
  .basaltIcon:hover {
      transform: scale(1.1);
      box-shadow: inset 0px 0px 0px 7px rgb(20, 20, 20);
  }
  
  .basaltIcon:hover>div {
      filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.8));
  }
  
  @media (max-width: 767px) {
      .themeText {
       display: none;
      }
  }
  
  .top-left-box > .item {
  display: unset;
  }
  

  Pages using this styling

  • art:jellyfish-artist-page [info]

  ¶ 1 occurrence
  

  
  @import url('https://fonts.bunny.net/css2?family=Courier+Prime:ital,wght@0,400;0,700;1,400;1,700&display=swap');
  @import url('https://fonts.bunny.net/css2?family=IBM+Plex+Mono:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap');
  #main-content {
       max-width: 46rem;
  }
  #page-title {display: none;}
  
  body {
     font-size: 0.95em;
  }
  h2 {
      text-align: center;
  }
  h5 {
      text-align: center;
      font-family: "IBM Plex Mono", monospace;
  }
  .courier-prime-regular {
    font-family: "Courier Prime", monospace;
    font-weight: 400;
    font-style: normal;
  }
  
  .courier-prime-bold {
    font-family: "Courier Prime", monospace;
    font-weight: 700;
    font-style: normal;
  }
  
  .courier-prime-regular-italic {
    font-family: "Courier Prime", monospace;
    font-weight: 400;
    font-style: italic;
  }
  
  .courier-prime-bold-italic {
    font-family: "Courier Prime", monospace;
    font-weight: 700;
    font-style: italic;
  }
  
  .ibm-plex-mono-thin {
    font-family: "IBM Plex Mono", monospace;
    font-weight: 100;
    font-style: normal;
  }
  
  .ibm-plex-mono-extralight {
    font-family: "IBM Plex Mono", monospace;
    font-weight: 200;
    font-style: normal;
  }
  
  .ibm-plex-mono-light {
    font-family: "IBM Plex Mono", monospace;
    font-weight: 300;
    font-style: normal;
  }
  
  .ibm-plex-mono-regular {
    font-family: "IBM Plex Mono", monospace;
    font-weight: 400;
    font-style: normal;
  }
  
  .ibm-plex-mono-medium {
    font-family: "IBM Plex Mono", monospace;
    font-weight: 500;
    font-style: normal;
  }
  
  .ibm-plex-mono-semibold {
    font-family: "IBM Plex Mono", monospace;
    font-weight: 600;
    font-style: normal;
  }
  
  .ibm-plex-mono-bold {
    font-family: "IBM Plex Mono", monospace;
    font-weight: 700;
    font-style: normal;
  }
  
  .ibm-plex-mono-thin-italic {
    font-family: "IBM Plex Mono", monospace;
    font-weight: 100;
    font-style: italic;
  }
  
  .ibm-plex-mono-extralight-italic {
    font-family: "IBM Plex Mono", monospace;
    font-weight: 200;
    font-style: italic;
  }
  
  .ibm-plex-mono-light-italic {
    font-family: "IBM Plex Mono", monospace;
    font-weight: 300;
    font-style: italic;
  }
  
  .ibm-plex-mono-regular-italic {
    font-family: "IBM Plex Mono", monospace;
    font-weight: 400;
    font-style: italic;
  }
  
  .ibm-plex-mono-medium-italic {
    font-family: "IBM Plex Mono", monospace;
    font-weight: 500;
    font-style: italic;
  }
  
  .ibm-plex-mono-semibold-italic {
    font-family: "IBM Plex Mono", monospace;
    font-weight: 600;
    font-style: italic;
  }
  
  .ibm-plex-mono-bold-italic {
    font-family: "IBM Plex Mono", monospace;
    font-weight: 700;
    font-style: italic;
  }
  
  
  .ibm {
    font-family: "IBM Plex Mono", monospace;
    font-size: 0.98em;
  }
  

  Pages using this styling

  • art:iveseencrazyshit [info]

  ¶ 1 occurrence
  

  :root {
      --logo-image: url("https://scp-wiki.wdfiles.com/local--files/sol-invictus/MammonAestheticLogo.png");
      --header-title: " Mammon™";
      --header-subtitle: "POTESTAS OPULENTIIS";
  }
  
  #page-title {
    display: none;
  }

  Pages using this styling

  • art:hot-sexy-bug-man [info]

  ¶ 1 occurrence
  

  :root:lang(cn) {
      --lgurl: url("https://scp-wiki.wikidot.com/local--files/art:hideyama-s-artwork-of-804/34.webp");
      --five-color: 192, 192, 192;
      --three-color: 192, 192, 192;
  }
  
  div.page-rate-widget-box .rate-points {
      border: none;
  }

  Pages using this styling

  • art:hideyama-s-artwork-of-804 [info]

  ¶ 1 occurrence
  

  :root:lang(en) {
      --header-title: "Hideyama's Odd Site";
      --header-subtitle: "Secure•Contain•Protect•Feminine";
      --lgurl: url("https://scp-wiki.wikidot.com/local--files/art:hideyama-gakiyo/34.webp");
      --five-color: 192, 192, 192;
      --three-color: 192, 192, 192;
  }
  
  div.page-rate-widget-box .rate-points {
      border: none;
  }

  Pages using this styling

  • art:hideyama-gakiyo [info]

  ¶ 1 occurrence
  

  .art-container {
      display: flex;
      flex-wrap: wrap;
      align-content: center;
      justify-content: space-around;
      align-self: flex-end
      gap: 1rem 1rem;
  }
  .art-container .art {
      flex: 0 1 150px;
      text-align: center;
      padding-bottom: 1rem;
  }
  
  .art-container .art .image-container {
      padding: 0;
      min-height: 100%;
      max-width: 100%;
  }

  Pages using this styling

  • art:goc-unit-insignia [info]

  ¶ 1 occurrence
  

  .art-container {
      display: flex;
      flex-wrap: wrap;
      align-content: center;
      justify-content: space-around;
      align-self: flex-end
      gap: 1rem 1rem;
  }
  .art-container .art {
      flex: 0 3 150px;
      text-align: center;
      padding-bottom: 1rem;
      padding-left: 1rem;
      padding-right: 1rem;
  }
  
  .art-container .art .image-container {
      padding: 0;
      min-height: 100%;
      max-width: 100%;
  }
  
  .art-container .art2 {
      flex: 0 3 180px;
      text-align: center;
      padding-bottom: 1rem;
      padding-left: 1rem;
      padding-right: 1rem;
  }
  
  .art-container .art2 .image-container {
      padding: 0;
      min-height: 100%;
      max-width: 100%;
  }

  Pages using this styling

  • art:goc-logos [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@400..900&display=swap&family=Roboto:wght@400..700&display=swap');
  @import url("https://scp-sandbox-3.wikidot.com/local--files/hayden:expanse/STARGAZE.css");
  @import url("https://scp-sandbox-3.wikidot.com/local--files/geminidstrix/fonts.css");
  html {
    scroll-behavior: smooth;
  }
  body {
    scrollbar-color: rgb(var(--gold),1);
  }
  a[name="page-top"] {
    display:none;
  }
  a:any-link:is(:hover, :focus) {
    text-decoration: none;
  }
  #main-content .pager span > a::before {
    background-color: rgb(var(--red));
  }
  div[id*="page-options-bottom"], #footer {
    background-color: rgb(var(--lblue));
    border-top: solid 2px rgb(var(--red));
  }
  div.page-rate-widget-box {
    border: 1px solid rgb(var(--gold));
    border-radius: 10px;
    margin: 1rem 1rem;
  }
  #delete-button {
    background-color: rgb(var(--red),.105);
  }
  #side-bar {
    background-color: rgb(var(--lblue));
  }
  #license-area::before {
    background: rgba(var(--cream), 1);
  }
  :root {
    --hr-color: var(--gold);
    --bottom-area-background-color: var(--lblue);
    --side-bar-button-color: var(--cream);
    --login-status-background-color: var(--lblue);
    --user-icon-button-background-hover: var(--red);
    --basalt-negative-color: var(--red);
    --basalt-focus-color: var(--red);
    --basalt-dark-element-color: var(--cream);
    --basalt-undertone: var(--cream);
    --login-status-link-background-hover: var(--red);
    --top-bar-link-background-hover: var(--red);
    --header-background-color: var(--lblue);
    --top-bar-link-background-hover-alt: var(--dblue);
    --scrollbar-thumb-color: var(--red);
    --scrollbar-track-color: var(--dblue);
    --selection-background-color: var(--red);
    --side-bar-link-background-hover: var(--red);
    --c-stargaze: 'CIRCLE-STARGAZE';
    --s-stargaze: 'SQUARE-STARGAZE';
    --gold: 221,190,153;
    --cream: 250,242,226;
    --lblue: 15,16,24;
    --dblue: 4,3,4;
    --red: 83,61,72;
    --main-content-width: 85%;
  }
  body {
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    background: #101D2E;
    background-color: rgb(var(--dblue),1);
    margin: 0;
    position: relative;
    background-image: url(https://scp-wiki.wikidot.com/local--files/art:gem-s-uncut-gems/Comet.jpg);
    background-blend-mode: difference;
    background-size: contain;
  }
  .header h1 {
    font-family: var(--c-stargaze), Sans-Serif;
    letter-spacing: .25em;
    font-weight: 600;
    text-shadow: 1px 1px 10px rgba(var(--gold), 1);
  }
  h1, h2, h3, p, #page-title {
    color: rgba(var(--cream), 1);
    text-shadow: 1px 1px 10px rgba(var(--dblue), 1);
    font-weight: 400;
  }
  h1 {
    font-family: "PROJECT SPACE", Sans-Serif;
  }
  h2 {
    font-family: "Orbitron", Sans-Serif;
  }
  p {
    font-family: "Orbitron", Sans-Serif;
    text-shadow: 1px 1px 5px rgba(var(--dblue), .5);
    line-height: 200%;
  }
  .scroll {
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
    position: sticky;
    bottom: 3rem;
    right: 0rem;
    transition: all ease 0.3s;
    width: 20%;
    z-index: 999;
  }
  .throttle {
    z-index:999;
    text-shadow: 0 0 20px 1px rgb(var(--dblue), 1);
    background: rgba(var(--dblue), .6);
    border: 1px solid rgb(var(--gold), 1);
    border-radius: 10px;
    color: rgb(var(--gold));
    margin-top: -1rem;
    padding: 0px 5px;
    position: relative;
    left:470%;
    transition: all 4s ease;
    font-size: 9pt;
  }
  .throttle:hover {
    transition: all .5s ease;
    background: rgba(var(--dblue), 1);
  }
  .container {
    display: flex;
    flex-direction: column-reverse;
    align-items: flex-end;
    gap: 0.5rem;
    position: relative;
    left:470%;
  }
  .rectangle {
    opacity: 0;
    transition: opacity 0.3s ease, transform 0.3s ease;
    transform: translateY(20px);
    box-shadow: 0 0 200px 5px rgb(var(--cream), 1), 0 0 20px 1px rgb(var(--cream), 0.3);
    border-radius: 5px;
  }
  .rectangle:first-child {
    opacity: 0;
    background-color: rgba(var(--cream), 1);
  }
  .throttle:hover .rectangle:first-child {
    opacity: 1;
    transform: translateY(0);
  }
  .throttle:hover + .container .rectangle:not(:first-child) {
    opacity: 1;
    transform: translateY(0);
  }
  .rectangle:nth-child(1) {
    width: 100px;
    height: 15px;
  }
  .rectangle:nth-child(2) {
    width: 70px;
    height: 12px;
    transition-delay: 0.05s;
    background-color: rgba(var(--gold), 0.9);
  }
  .rectangle:nth-child(3) {
    width: 50px;
    height: 9px;
    transition-delay: 0.1s;
    background-color: rgba(var(--gold), 0.8);
  }
  .rectangle:nth-child(4) {
    width: 40px;
    height: 7px;
    transition-delay: 0.15s;
    background-color: rgba(var(--gold), 0.7);
  }
  .rectangle:nth-child(5) {
    width: 32px;
    height: 6px;
    transition-delay: 0.2s;
    background-color: rgba(var(--gold), 0.6);
  }
  .rectangle:nth-child(6) {
    width: 28px;
    height: 5px;
    transition-delay: 0.25s;
    background-color: rgba(var(--gold), 0.5);
  }
  .rectangle:nth-child(7) {
    width: 25px;
    height: 4px;
    transition-delay: 0.3s;
    background-color: rgba(var(--gold), 0.4);
  }
  .rectangle:nth-child(8) {
    width: 22px;
    height: 3px;
    transition-delay: 0.35s;
    background-color: rgba(var(--gold), 0.3);
  }
  .scroll:not(:hover) .rectangle:nth-child(1) {
    transition-delay: 0.4s;
  }
  .scroll:not(:hover) .rectangle:nth-child(2) {
    transition-delay: 0.35s;
  }
  .scroll:not(:hover) .rectangle:nth-child(3) {
    transition-delay: 0.3s;
  }
  .scroll:not(:hover) .rectangle:nth-child(4) {
    transition-delay: 0.25s;
  }
  .scroll:not(:hover) .rectangle:nth-child(5) {
    transition-delay: 0.2s;
  }
  .scroll:not(:hover) .rectangle:nth-child(6) {
    transition-delay: 0.15s;
  }
  .scroll:not(:hover) .rectangle:nth-child(7) {
    transition-delay: 0.05s;
  }
  .scroll:not(:hover) .rectangle:nth-child(8) {
    transition-delay: 0s;
  }
  .grid-item .featured-title,.grid-item .title {
    font-size: clamp(0.7rem, 1vw, 1rem);
  }
  .grid-item .blurb {
    font-size: clamp(0.25rem, 1.5vw, 0.45rem);
    line-height: 1.2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow-wrap: break-word;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  @media (max-width: 1300px) {
    .scroll {
      display: none;
    }
  }
  @media (max-width: 800px) {
    .header h1 {
      font-size: clamp(1.5rem, 1vw, 1rem);
    }
    .featured-title h1, .title h1 {
      font-size: clamp(1rem, 1vw, 1rem);
    }
    .grid-item .featured-title,.grid-item .title {
      font-size: clamp(0.25rem, 1vw, 0.45rem) !important;
    }
    .grid-item .blurb {
      font-size: clamp(0.25rem, 1vw, 0.35rem) !important;
      line-height: 1.1;
    }
  }
  
  .main {
    background-color: rgb(var(--lblue));
    border: 3px solid rgb(var(--gold), 1);
    border-radius: 30px;
    width: auto;
    height: auto;
    margin: 0 1rem;
    position: relative;
    display: flex;
    flex-direction: column;
    padding: 1rem;
  }
  .line {
    width: 100%;
    height: 1px;
    position: relative;
    background-color: rgb(var(--gold), 1);
  }
  .article {
    text-align: center;
    position: relative;
  }
  body,html {
    font-family: "Orbitron", Sans-Serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
  }
  a {
    text-transform: uppercase;
    text-decoration: none;
    display: inline-block;
    position: relative;
  }
  .grid-item a {
    text-transform: uppercase;
    text-decoration: none;
    display: contents;
    position: relative;
  }
  a:after {
    background: none repeat scroll 0 0 transparent;
    bottom: 0;
    content: "";
    display: block;
    height: 2px;
    left: 50%;
    position: absolute;
    background: rgba(var(--cream), 1);
    transition: width 0.3s ease 0s, left 0.3s ease 0s;
    width: 0;
  }
  a:hover:after {
    width: 100%;
    left: 0;
  }
  @media screen and (max-height: 300px) {
    ul {
    margin-top: 40px;
    }
  }
  a, a:visited {
    color: rgba(var(--cream), 1) !important;
  }
  .ruler {
    position: absolute;
    left: -4rem;
    width: 10px;
    height: 100%;
  }
  @media screen and (max-width: 850px) {
    .ruler {
      left: -1rem;
    }
  }
  .ruler-ticks {
    position: absolute;
    top: 0;
    width: 10px;
    height: 100%;
    transform: translateX(-50%);
    background-image: repeating-linear-gradient(to bottom,rgb(var(--gold), 1), rgb(var(--gold), 1) 1px,transparent 1px,transparent 4%);
  }
  .ruler-line {
    height:100%;
    width: 1px;
    background-color: rgb(var(--gold), 1);
  }
  .ruler-label {
    position: absolute;
    transform: translateX(-50%);
    color: rgb(var(--gold));
    font-size: 1rem;
    white-space: nowrap;
  }
  .ruler-label.top {
    top: -3.5rem;
    left: -5px;
  }
  .ruler-label.bottom {
    bottom: -3rem;
    left: -15px;
  }
  #u-vcent {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 200px;
    width: 445px;
    margin: auto;
    font-size: 0;
  }
  #u-vcent div {
    box-sizing: border-box;
    position: relative;
    display: inline-block;
    height: 60px;
    width: 60px;
    margin: 0 -25px -25px 0;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    border-radius: 30px;
  }
  #u-vcent div:after {
    content: "";
    position: absolute;
    left: 0;
    height: 100%;
    width: 100%;
    background: #0000;
    -moz-transition: background 1s, z-index 0s 1s;
    -o-transition: background 1s, z-index 0s 1s;
    -webkit-transition: background 1s, z-index 0s;
    -webkit-transition-delay: 0s, 1s;
    transition: background 1s, z-index 0s 1s;
  }
  #u-vcent div:hover {
    pointer-events: none;
    z-index: -1;
  }
  #u-vcent div:hover:after {
    background: #f1c40f;
    opacity: .4;
    -moz-transition: background 0s, z-index 0s;
    -o-transition: background 0s, z-index 0s;
    -webkit-transition: background 0s, z-index 0s;
    transition: background 0s, z-index 0s;
  }
  :checked + #u-vcent div {
    border: 1px solid #f1c40f;
    -moz-transition: background 1s;
    -o-transition: background 1s;
    -webkit-transition: background 1s;
    transition: background 1s;
  }
  :checked + #u-vcent div:after {
    display: none;
  }
  :checked + #u-vcent div:hover {
    background-color: #f1c40f;
    opacity: .4;
    -moz-transition: background 0s;
    -o-transition: background 0s;
    -webkit-transition: background 0s;
    transition: background 0s;
  }
  .author-grid {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-auto-rows: 150px;
    grid-gap: 10px;
  }
  .grid-item {
    position: relative;
    background: #ccc;
    border-radius: 6px;
    overflow: hidden;
    outline: none;
    border: 3px solid rgba(var(--lblue), 1);
    border-radius: 15px;
    transition: 4s ease;
  }
  
  
  .grid-item .glyph {
    position: relative;
    background: #fff;
    border-radius: 6px;
    overflow: hidden;
    outline: none;
    border: 3px solid rgba(var(--lblue), 1);
    border-radius: 15px;
    transition: 4s ease;
  }
  
  .grid-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    background: #fff;
  }
  
  .grid-item.glyph img {
    object-fit: fill;
  }
  
  .grid-item::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.5);
    opacity: 1;
    transition: opacity 4s ease;
    pointer-events: none;
  }
  .grid-item:is(:hover, :focus, :active)::after{
    opacity: 0;
    transition: opacity .5s ease;
  }
  .grid-item:focus, .grid-item:hover {
    transition: 1s ease;
    border: 3px solid rgba(var(--gold), 1);
  }
  .featured {
    grid-column: span 3;
    grid-row: span 4;
  }
  .single {
    grid-column: 2 / 6;
    grid-row: span 4;
  }
  @media (max-width: 800px) {
    .author-grid {
      grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
      grid-auto-rows: 120px;
    }
    .featured {
      grid-row: span 2;
      grid-column: span 6;
    }
    .single {
      grid-row: span 2;
      grid-column: span 6;
    }
    .header {
      grid-row: span 1;
      grid-column: span 6;
      width: 95% !important;
    }
  }
  
  .header {
    background-image: url(https://scp-wiki.wikidot.com/local--files/art:gem-s-uncut-gems/Nebula2.jpg);
    background-attachment: fixed;
    background-size: cover;
    grid-row: span 1;
    grid-column: span 6;
    text-align: center;
    font-size: 1.5rem;
    font-weight: 600;
    color: rgba(var(--cream),1);
    align-content: center;
    margin: auto;
    border: 3px solid rgb(var(--gold), 1);
    width: 95%;
    border-radius: 15px;
  }
  .grid-item:hover .grid-container {
    opacity: 1;
    transition: opacity .5s;
  }
  .grid-container {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 90%;
    opacity: 1;
    text-align: center;
    color: white;
    background-color: rgba(var(--dblue), .8);
    padding: 1em 1em;
    will-change: transform;
    backface-visibility: hidden;
    transform: translate(-50%, -50%) scale(0.9);
    transition: all 4s;
    border-radius: 15px;
  }
  .desc {
    margin: 1em 0 0;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 11px;
    line-height: 1.5;
    color: turquoise;
  }
  .rating-badge {
    background: rgba(var(--dblue),1);
    width: 10rem;
    height: 1rem;
    z-index: 0;
    display: flex;
    width: fit-content;
    align-items: center;
    padding: 0.5rem 0.5rem;
    position: absolute;
    font-size: 60%;
    right: -0.25rem;
    top: -0.25rem;
    color: rgba(var(--gold), 1);
    border-left: 5px solid rgba(var(--dblue),1);
    border-right: 5px solid rgba(var(--dblue),1);
    border-bottom: 5px solid rgba(var(--dblue),1);
    border-radius: 5px;
  }
  .grid-item .image {
    filter: hue-rotate(90deg);
    transition: all 4s;
  }
  .grid-item:hover .image {
    filter: none;
    transition: all .5s;
  }
  
  .hide {
    display: none;
  }
  
  #main-content > .page-tags > span a:is(:hover, :focus) {
    background-color: rgb(var(--red));
    box-shadow: 0 0 0 .1rem rgb(var(--gold));
  }

  Pages using this styling

  • art:gem-s-uncut-gems [info]

  ¶ 1 occurrence
  

  .yui-navset.yui-navset-top .yui-content {
      background-color: #000000;
  }
  
  body {
  
      background-image: url(https://scp-wiki.wikidot.com/local--files/art:frankentropy-artist-page/redbackground.webp);
      background-attachment: fixed;
      background-size: cover;
  }
  
  body:before {
    content: ' ';
    position: fixed;
    display: block;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(170deg, transparent, rgb(0, 0, 0) 65%, rgb(0, 0, 0) 45%, rgb(0, 0, 0) 62%);
    z-index: -1;
    color:#EDEDED;
  }
  
  :root{
  --logo: url(https://scp-wiki.wikidot.com/local--files/art:frankentropy-artist-page/LogoBlack.webp);
  --title: "FrankEntropy Artist Page";
  --subtitle: "Oh God I Need To Finish This For AE2025";
  }
  
  
  :root {
      /* REDMODE */
      --basalt-UI-dark-palette: 20, 18, 18;
      --basalt-bright-element-color: 57, 58, 66;
      --basalt-dark-element-color: 17, 17, 18;
      --basalt-primary-color: 9, 9, 10;
      --basalt-secondary-color: 13, 12, 15;
      --basalt-tertiary-color: 36, 36, 41;
      --general-border-color: 230, 226, 218;
  }
  
  
  a:link {
    color: #f2b90c;
  }
  a:visited {
    color: #f0d686;
  }
  a:hover {
    color: #f2b90c;
  }
  a:active {
    color: #f2b90c;
  }
  

  Pages using this styling

  • art:frankentropy-artist-page [info]

  ¶ 1 occurrence
  

  :root {
   --header-title: "FOUNDATION TOONS";
   --accentColor: #bdbbbb;
  }

  Pages using this styling

  • art:foundation-toons [info]

  ¶ 1 occurrence
  

   #page-content a {
     --accentColor: #276E65;
     --accentColorLite: #348276;
  }

  Pages using this styling

  • art:evelyn-s-art-page [info]

  ¶ 1 occurrence
  

  :root {
    --accentColor: #F443A6;
    --accentColorLite: #FA57AB;
    --lgurl: url(https://scp-wiki.wdfiles.com/local--files/component%3Apride-highlighter/tg_logo.svg);
  
    /* -- TITLES -- */
       --header-title: "SCP Foundation";
       --header-subtitle: "snefrod's creative page";
       --subtitleColor: hsl(321, 44, 255)
  }

  Pages using this styling

  • art:evelyn-s-art-page [info]

  ¶ 1 occurrence
  

  :root {
      --linkColor: #FF6351;
  }
  
  .img-pres {
      width: min-content;
      margin: 0.85rem auto;
      position: relative;
      display: block;
      width: 80%;
      padding: 0!important;
  }
  .img-pres::before {
      content: attr(data-title);
      position: absolute;
      left: 0; top: 0;
      display: flex;
      align-items: center;
      justify-content: center;
      width: 100%; height: 5rem;
  
      text-align: center;
      font-size: calc(0.8em + 0.8vw);
      color: var(--primaryBackgroundColor);
  
      pointer-events: none;
      z-index: 2;
  }
  .img-pres::after {
      content: "";
      position: absolute;
      left: 0; top: 0;
      display: block;
      width: 100%; height: 6rem;
      background: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.64) 95%);
      pointer-events: none;
  }
  .img-pres::before, .img-pres::after { opacity: 0; transition: opacity var(--link-timing); }
  .img-pres:hover::before, .img-pres:hover::after,
  .img-pres:focus::before, .img-pres:focus::after {
      opacity: 1;
  }
  
  
  #main-content #page-content a.img-pres {
      border-bottom: none;
      background: none;
  }
  

  Pages using this styling

  • art:estrella-illustration-desk [info]

  ¶ 1 occurrence
  

  :root {
      --page-content-width: 75rem;
  
      --linkColor: #88C0D0;
   
      --primaryBackgroundColor: #fcfdff;
      --secondaryBackgroundColor: #E5E9F0;
      --tertiaryBackgroundColor: #D8DEE9;
      --borderColor: #acbad6;
   
      --shadow: rgba(46,52,64,0.25);
   
      --selectionColor: #EBCB8B;
      --textColor: #2E3440;
      --textColor-alt: #434C5E;
  }
  #side-bar,#license-area,#footer-bar {
      --secondaryBackgroundColor: #2E3440;
      --tertiaryBackgroundColor: #434C5E;
      --textColor: #D8DEE9;
  }
  
  .image-grid {
      display: grid;
      margin-block: 1rem;
      gap: 1rem;
      place-items: center;
  }
  .image-grid img {
      border-radius: var(--radius-adjust);
      display: block;
      box-shadow: 0 0 .5rem .05rem var(--shadow);
      max-height: calc(100svh + 12.5rem);
  }
  
  .image-grid a { background:unset!important; border: none!important; }

  Pages using this styling

  • art:estrella-8kon [info]

  ¶ 1 occurrence
  

  
  @import url('https://scp-wiki.wikidot.com/local--files/scp-8980/departuremono.css');
  
  :root {
      --logo: url(https://scp-wiki.wikidot.com/local--files/art:ergophobic/ecw.webp);
      --header-title: "ETHICS COMMITTEE";
      --header-subtitle: "INTERNAL RECORDKEEPING INTERFACE";
      --basalt-primary-color: 0, 15, 0;
      --basalt-secondary-color: 0, 22, 0;
      --basalt-tertiary-color: 0, 30, 0;
      --ec-popup-color: 10, 70, 10;
      --basalt-bright-element-color: 16, 184, 16;
      --basalt-dark-element-color: 10, 150, 10;
      --rfr-primary: #E0F6FD;
      --rfr-secondary: lightskyblue;
  }
  
  body {
      background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.8)), url("https://scp-wiki.wikidot.com/local--files/scp-8980/fractal.webp");
      background-position: center, center;
      background-size: cover;
      background-attachment: scroll, fixed;
  }
  
  b, strong {
      font-weight: 800;
  }
  
  table {
      box-sizing: border-box;
  }
  
  #top-bar div[class*="top-bar"] > ul > li > a {
      font-size: 115%;
  }
  
  .page-title {
      border-bottom: solid 1px #424248;
      font-weight: normal;
      margin: 0 0 0.6em;
      padding: 0 0 0.25em;
      font-size: 200%;
      font-family: var(--title-font);
  }
  
  .page-title p {
      margin: 0;
  }
  
  #breadcrumbs, .pseudocrumbs {
      margin: auto;
      width: fit-content;
      padding-bottom: 5px;
      opacity: 0.8;
  }
  
  .licensebox .collapsible-block-link {
      opacity: 0.5;
      transition-duration: 0.3s;
  }
  
  .licensebox .collapsible-block-link:hover {
      opacity: 1;
      transition-duration: 0.3s;
  }

  Pages using this styling

  • art:ergophobic [info]

  ¶ 1 occurrence
  

  :root {
  
    --prologue-setting:hidden;
  
    --prologue-author-setting: hidden;
  
    --introduction-setting: none;
  
    --subtitle-setting: none;
  }
  
  }

  Pages using this styling

  • art:envi-2025-ae-gift [info]

  ¶ 1 occurrence
  

  :root {
    --header-title: "\"White People\"";
    --main-content-width: 100vw;
    --main-content-side-margin: 0;
  }
  
  #main-content {
    padding: 0;
    margin: 0;
  }
  
  .elon-musk {
    width: 100vw;
    position: absolute;
    top: 50vh;
    left: 0;
    transform: translateY(-50%);
    filter: blur(20px);
    opacity: 0;
    transition: filter 0.5s, opacity 0.5s;
    mask-image: linear-gradient(
      to bottom, transparent 0px, black 30px, black calc(100% - 30px), transparent 100%
    );
  }
  
  #page-content {
    min-height: 100vh;
  }
  
  :root {
    --top-bar-link-color: 0, 0, 0;
    --header-title-color: 0, 0, 0;
    --search-icon-color: 0, 0, 0;
  }
  
  #header {
    background: none;
  }
  
  .elon-musk-backdrop {
    width: 100vw;
    height: 100vh;
    filter: blur(20px);
    position: absolute;
    top: 0;
    left: 0;
  }
  
  .custom-content-warning {
    font-family: sans-serif;
    display: flex;
    align-items: center;
    flex-direction: column;
    background-color: #000b;
    backdrop-filter: blur(5px);
    padding: 20px;
    color: white;
    border-radius: 30px;
    width: fit-content;
    position: absolute;
    top: 50vh;
    left: 50vw;
    transform: translate(-50%, -50%);
    z-index: 2;
  }
  
  .custom-content-warning .title {
    font-size: min(250%, 4vw);
    font-weight: bold;
  }
  
  .cw-smalltext {
    font-size: 100%;
    font-style: italic;
  }
  
  .custom-content-warning ul {
    font-size: 150%;
    list-style: none;
    text-align: center;
    margin: 0;
    padding: 0;
    margin-top: 20px;
    margin-bottom: 20px;
  }
  
  .custom-content-warning :is(.collapsible-block-link, .collapsible-block-folded, .collapsible-block) {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    font-size: 0;
    z-index: 3;
  }
  
  .article {
    display: none;
  }
  
  :root:has(.custom-content-warning .collapsible-block-unfolded:not([style*="none"]))
  .custom-content-warning {
    display: none;
  }
  
  :root:has(.custom-content-warning .collapsible-block-unfolded:not([style*="none"]))
  .article {
    display: block;
  }
  :root:has(.custom-content-warning .collapsible-block-unfolded:not([style*="none"]))
  .elon-musk {
    opacity: 1;
    filter: blur(0);
  }
  
  #top-bar#top-bar ul li ul a {
    color: white;
  }
  
  #page-content .page-rate-widget-box {
    background-color: transparent !important;
    --rate-module-text-color: 0, 0, 0;
    --basalt-main-text-color: 0, 0, 0;
    font-size: 135%;
  }
  
  #page-content .page-rate-widget-box a {
    border: none !important;
  }
  
  .rating-module-container {
    position: absolute;
    top: 50px;
    right: 0px;
    z-index: 4;
  }
  
  @media (max-width: 1024px) {
    .rating-module-container {
      top: 100px;
    }
  }
  
  .tagline {
    text-align: center;
    position: absolute;
    left: 0;
    width: 100%;
    top: calc(100vh - 50px);
    z-index: 4;
    color: black;
    text-shadow: 0 0 10px white;
    font-size: 150%;
  }
  
  .tagline a {
    color: #924;
    font-weight: bold;
  }
  
  .fullwidth {
    width: 100vw;
  }
  
  .sidebyside {
    width: 100vw;
    display: flex;
    justify-content: stretch;
  }
  
  .sidebyside > * {
    flex-shrink: 1;
    flex-grow: 1;
    min-width: 0;
  }
  
  @media (max-width: 1080px) {
    .sidebyside {
      flex-direction: column;
    }
  }
  
  .separator {
    height: 20px;
  }
  

  Pages using this styling

  • art:elon [info]

  ¶ 1 occurrence
  

  :root {
      --header-title: "SCiPTEMBER";
      --header-subtitle: "Sketch, Craft, Paint";
  }

  Pages using this styling

  • art:dxl44-sciptember [info]

  ¶ 1 occurrence
  

   :root{
  
       --header-title: "SCP FOUNDATION";
       --header-subtitle: "Secure - Contain - Protect";
  
       --lgurl: url(https://scp-wiki.wikidot.com/local--files/art:drzony13-s-epic-art-page/o2GETvf.webp);
  
       --accentColor: hsl(270, 94%, 59%);
       --accentColorLite: hsla(270, 88%, 69%, 0.53);
       --hue: 134deg;
       --bgColor: #0c0c27;
       --fgColor: #090118;
  }

  Pages using this styling

  • art:drzony13-s-epic-art-page [info]

  ¶ 1 occurrence
  

  
  @import url('https://scp-wiki.wikidot.com/local--files/scp-8980/departuremono.css');
  
  :root {
      --logo: url(https://scp-wiki.wikidot.com/local--files/art:dr-byrnes-gets-away-with-it/fsd_W.webp);
      --header-title: "FIRE SUPPRESSION DEPARTMENT";
      --header-subtitle: "INTERNAL RECORDKEEPING INTERFACE";
      --basalt-primary-color: 0, 15, 0;
      --basalt-secondary-color: 5, 37, 35;
      --basalt-tertiary-color: 0, 30, 25;
      --ec-popup-color: 30, 78, 68;
      --basalt-bright-element-color: 15, 152, 140;
      --basalt-dark-element-color: 10, 132, 125;
      --rfr-primary: #E0F6FD;
      --rfr-secondary: lightskyblue;
  }
  
  body {
      background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.8)), url("https://scp-wiki.wikidot.com/local--files/scp-8980/fractal.webp");
      background-position: center, center;
      background-size: cover;
      background-attachment: scroll, fixed;
      background-color: rgba( 0, 110, 98, 1);
      background-blend-mode: luminosity;
  }

  Pages using this styling

  • art:dr-byrnes-gets-away-with-it [info]

  ¶ 1 occurrence
  

  :root {
       --header-title: "Fulton County";
       --header-subtitle: "Sheriff's Officeㅤㅤㅤㅤ";
       --lgurl: url('http://scp-wiki.wikidot.com/local--files/unreality-hub/Unreality%20Header%20Logo.svg');
  }
  
  @media only screen and (max-width: 26.5625rem) {
      :root {
          --header-title: "Unreality";
      }
  }
  

  Pages using this styling

  • art:donald-trump-and-19-others-indicted-in-georgia-on-charge [info]

  ¶ 1 occurrence
  

  .art-container {
      display: flex;
      flex-wrap: wrap;
      align-content: center;
      justify-content: space-around;
      align-self: flex-end
      gap: 1rem 1rem;
  }
  .art-container .art {
      flex: 0 1 250px;
      text-align: center;
      padding-bottom: 1rem;
  }
  
  .art-container .art .image-container {
      padding: 0;
      min-height: 100%;
      max-width: 100%;
  }
  
  .art-container .art1 {
      flex: 0 1 300px;
      text-align: center;
      padding-bottom: 1rem;
  }
  
  .art-container .art1 .image-container {
      padding: 0;
      min-height: 100%;
      max-width: 100%;
  }
  .imagediv { float: right; margin: 15px}
  @media (max-width: 540px) {
    .imagediv {
      float: none; text-align:center; margin: auto;
    }
  }
  
  div#header h1 a span {
      font-size: 0px;
  }
  div#header h1 a:before {
      content: "Holy Foundation";
      color: #eee;
  
  }
  div#header h2 span {
      font-size:0px;
      padding: 4px;
  }
  div#header h2:after {
      content: "Servitude, Chivalry, Piety";
      font-weight: bold;
      color: #f0f0c0;
      padding: 19px 0;
      text-shadow: 1px 1px 1px rgba(0, 0, 0, .8);
      white-space: pre;
  }
  
  #header {
    background-image: url(https://scp-wiki.wdfiles.com/local--files/art%3Adoctors-of-the-church-hub/Holy-Foundation.svg);
    background-size: 90px;
  }

  Pages using this styling

  • art:doctors-of-the-church-hub [info]

  ¶ 1 occurrence
  

  :root {
    --header-title: "WALDON STUDIO";
    --header-subtitle: "connoisseurs of the unknown";
  }

  Pages using this styling

  • art:diogene-s-art-page [info]

  ¶ 1 occurrence
  

  /* Widebox 8000 Image */
  .widebox div {
      position: relative;
      top: 70%;
  }
  
  .widebox {
      position: relative;
      left: calc(-50dvw + 50%);
      width: 100dvw !important;
      height: calc(45em);
      max-width: 100dvw !important;
      background-image: url(
  http://scptestwiki.wikidot.com/local--files/jawn-hub-pics/sealmain.webp);
      background-repeat: no-repeat;
      background-size: cover;
      background-position: top;
      margin-top: -2.40em;
      background-color: rgb(var(--dark-accent));
  }
  
  /* I stole this from PlaguePJP who stole it from Rounderhouse xd - MarkUnderMark */
  
  /* Base Container for SCP Articles */
  .main {
    display: block;
    height: 18em;
    margin: 1em;
    padding-left: 0.75rem;
    color: #fc0373;
    border-color: #f20765;
    border-radius: 3px;
    text-decoration: none !important;
    transition: transform 200ms ease-in-out, box-shadow 200ms ease-in-out;
    will-change: transform;
    position: relative;
    z-index: 1;
    overflow: hidden;
  }
  
  .feature {
    height: 11em;
  }
  
  .main:hover {
    text-decoration: none !important;
    border-color: #FFFFF;
    transform: scale(1.05);
    z-index: 2;
    transition: all 200ms ease-in-out;
  }
  
  /* Background Styling */
  .art {
    background-position: 25% 40%;
    background-size: 140%;
    background-color: white;
    filter: grayscale(100%);
    transition: all 200ms ease-in-out;
    color: black !important;
  }
  
  .art:hover {
    background-color: transparent;
    filter: grayscale(0%);
    text-shadow: #051c2e 0 0 3px;
  }
  
  /* SCP Number */
  .name {
    font-family: var(--UI-font);
    font-size: 1.5em;
    font-weight: 700;
    background-color: white;
    display: inline-block;
    padding: 1px 1px;
    color: black;
    margin-bottom: 0.5em;
    transition: color 200ms ease-in-out;
  }
  
  .art:hover .name {
    color: white !important;
    background-color: black;
    display: inline-block;
    padding: 1px 1px;
    transition: color 200ms ease-in-out;
  }
  
  /* SCP Title */
  .subtitle {
    font-family: var(--mono-font);
    font-style: italic;
    font-weight: 300;
    font-size: 1em;
    color: black;
    background-color: white;
    display: inline-block;
    padding: 1px 1px;
    max-width: 350px;
    word-break: normal;
    overflow-wrap: break-word;
    line-height: 25px;
    margin-top: 0em;
    margin-bottom: 0.2em;
  }
  
  .art:hover .subtitle {
    color: white !important;
    background-color: black;
    display: inline-block;
    padding: 1px 1px;
    transition: color 200ms ease-in-out;
  }
  
  /* Other Info */
  .info,
  .proposal {
    font-family: var(--mono-font);
    font-style: italic;
    font-weight: 200;
    font-size: 0.8em;
    color: black;
    background-color: white;
    display: inline-block;
    padding: 1px 1px;
    max-width: 370px;
    word-break: normal;
    overflow-wrap: break-word;
    line-height: 20px;
    margin-top: -0.2em;
    margin-bottom: 0.2em;
  }
  
  .art:hover .info {
    color: white !important;
    background-color: black;
    display: inline-block;
    padding: 1px 1px;
    transition: color 200ms ease-in-out;
  }
  
  .art:hover .proposal {
    color: gold;
    transition: color 200ms ease-in-out;
  }
  /* Mobile Parity */
  @media only screen and (max-width: 26.5625rem),
  only screen and (max-width: 440px) {
    .main {
      height: 17vmax;
      padding-left: 0.75rem;
      border-radius: 3px;
      margin: 0.5em;
    }
  
    .feature {
      height: 14vmax;
    }
  
    .name {
      font-size: 1.8vmax;
      margin-bottom: 1.5em;
    }
  
    .subtitle {
      font-size: 1.5vmax;
      margin-top: -0.6em;
      margin-bottom: 0.2em;
      line-height: 1em;
      max-width: 200px;
    }
  .info,
    .proposal {
      font-size: 1vmax;
      line-height: 1.2em;
      max-width: 200px;
      margin-top: -0.3em;
      margin-bottom: 0.2em;
    }
  
    .tale {
      font-size: 3vmax;
      line-height: 1.4em;
    }
  }
  
  /* Reflective Sheen Effect */
  .main::before {
    content: '';
    position: absolute;
    top: 0;
    left: -60%;
    width: 40%;
    height: 100%;
    background: linear-gradient(
      120deg,
      rgba(255, 255, 255, 0.02) 0%,
      rgba(255, 255, 255, 0.1) 50%,
      rgba(255, 255, 255, 0.02) 100%
    );
    transform: skewX(-20deg);
    z-index: 3;
    pointer-events: none;
    opacity: 0; /* hidden by default */
  }
  
  .main:hover::before {
    animation: sheen-glide 0.6s ease-out forwards;
    opacity: 1;
  }
  
  /* Keyframes for sheen motion */
  @keyframes sheen-glide {
    from {
      left: -60%;
    }
    to {
      left: 110%;
    }
  }
  

  Pages using this styling

  • art:desk-of-marcus-under-filled-with-art [info]

  ¶ 1 occurrence
  

  :root {
  --header-logo: url("https://scp-wiki.wikidot.com/local--files/art:desk-of-marcus-under-filled-with-art/Site-191-Logo-FIXED");
  --header-title: "Site-191";
  --header-subtitle: "Desk of Dr. Marcus Under";
  --title-size: 1.5rem;
  --subtitle-size: .825rem;
  }

  Pages using this styling

  • art:desk-of-marcus-under-filled-with-art [info]

  ¶ 1 occurrence
  

  div#extra-div-1 {
      height: 140px;
      width: 100%;
      top: 0;
      position: absolute;
      background-image: url("https://scp-wiki.wdfiles.com/local--files/art%3Adeclassified-mocs-from-the-site-19-basement/387-header-5.svg");
      background-size: cover;
  }
  #header {
      background: url("https://scp-wiki.wdfiles.com/local--files/art%3Adeclassified-mocs-from-the-site-19-basement/SCP_Foundation_%28emblem%29.svg") 0px 30px no-repeat;
      background-size: 6.5rem;
  }
  
  body {
      font-family: Arial;
      font-size: 16px;
      color: #000;
  }
  
  blockquote,
  div.blockquote {
      padding: 1em;
      margin: 1em 0;
      border: 2px solid #000;
      border-radius: 10px;
      background-color: #D6EFFF;
  }
  
  .part blockquote,
  .blockquote.part {
      background-color: #B8D7F3;
      border: 1px solid #000;
      border-radius: 2.5px;
  }
  
  .white blockquote,
  .blockquote.white{
      background-color: #FFFFFF;
      border: 1px solid #000;
      border-radius: 2.5px;
  }
  
  .scp-image-block {
      background-color: #B8D7F3;
      border: 1px solid #000;
      border-radius: 5px;
      margin: 10px;
      padding: 0em;
  }
  
  .scp-image-block .scp-image-caption {
      background-color: #FFFFFF;
      border: 1px solid #000;
      border-radius: 5px;
      margin: 2px;
      padding: 0em;
  }
  

  Pages using this styling

  • art:declassified-mocs-from-the-site-19-basement [info]

  ¶ 1 occurrence
  

  .camo a {color: #bbbbbb; font-weight: bold;}
  
  /* FROM SATURN'S CORNER */
  span.moderatorPing{font-weight: bold; cursor: pointer;}
  span.moderatorPing:hover, span.moderatorPing:focus{text-decoration: underline;}
  
  span.moderatorPing.muddy{
       color: #ff854d;
       background-color: hsla(19, 47%, 38%, .1);
  }

  Pages using this styling

  • art:darkartists-muddy-skies-art [info]

  ¶ 1 occurrence
  

  :root {
         --basalt-overtone: 100, 100, 100;
         --basalt-undertone: var(--basalt-bright-element-color);
         --basalt-UI-dark-palette: 20, 20, 20;
         --basalt-bright-element-color: 231, 29, 29;
         --basalt-dark-element-color: 105, 17, 30;
         --basalt-alternate-color: 225, 45, 45;
         --basalt-primary-color: 0, 0, 0;
         --basalt-secondary-color: 5, 5, 5;
         --basalt-tertiary-color: 20, 20, 20;
         --basalt-main-text-color: 190, 190, 190;
  }
  
  .authorlink-wrapper {
      --author-top-adjust: -0.2rem;
      --author-bottom-adjust: -0.35rem;
  }
  
  body {background: black;}

  Pages using this styling

  • art:darkartists-fishhook-art [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.bunny.net/css2?family=Special+Elite&display=swap');
  :root {
      --basalt-overtone: 40,40,40;
      --basalt-undertone: 248,60,55;
      --basalt-background-color: 252,252,252;
  
      --link-color: var(--basalt-undertone);
      --link-visited-color: 240,52,50;
  
      --main-content-width: 63.5rem;
      --main-content-top-margin: 0rem;
      --base-font-size: 0.9675rem;
  
      --base-header-height: 2.875rem;
      --header-title: "CTS ARCHIVE";
      --subtitle-size: 0rem;
      --header-background-color: var(--basalt-overtone);
      --header-border-width: 0rem;
      --header-title-color: var(--basalt-light-text-color);
      --top-bar-link-color: var(--basalt-light-text-color);
      --top-bar-link-background-hover-alt: var(--basalt-undertone);
      --top-bar-dropdown-link-color: var(--basalt-main-text-color);
      --side-bar-button-color: var(--basalt-light-text-color);
      --side-bar-button-background-hover: var(--basalt-undertone);
  
      --tab-hover-background-color: var(--basalt-undertone);
  
      --bottom-area-text-color: var(--basalt-light-text-color);
      --bottom-area-background-color: var(--basalt-overtone);
  }
  
  body {
      background-size: 1.5rem 1.5rem;
      background-image: linear-gradient(rgb(var(--basalt-undertone),0.07) 1px, transparent 1px), linear-gradient(to right, rgb(var(--basalt-undertone),0.07) 1px, transparent 1px);
  }
  
  #header h1 a::before { content: unset; }
  #page-title { display: none; }
  #license-area {
      padding-top: var(--bottom-area-padding);
  }
  #license-area::before, #license-area::after {
      content: unset;
  }
  
  /* --- big display feature ---*/
  
  .display-container {
     display: grid;
     grid-template-columns: 50% 50%;
     grid-template-rows: auto;
     grid-template-areas:
         'image text'
         'image text';
     padding: 8px;
     margin-bottom: 2rem;
     box-sizing: border-box;
  }
  .display-container.second {
     grid-template-areas:
         'text image'
         'text image';
  }
  
  .tale-cover {
      grid-area: image;
      place-self: center;
      justify-self: center;
      box-sizing: border-box;
  }
  .tale-desc {
      grid-area: text;
      justify-self: stretch;
      padding-left: 1.4rem;
      border-left: solid 0.1rem #333;
      margin-left: 0.8rem;
      box-sizing: border-box;
      font-size: 105%;
  }
  .tale-desc h4 {
      text-align: end;
      font-weight: normal;
      font-style: italic;
  }
  .display-container.second .tale-desc {
      padding-left: 0; padding-right: 1.4rem;
      border-left: none; border-right: solid 0.1rem #333;
      margin-left: 0; margin-right: 0.8rem;
  }
  
  .tale-cover img {
      width: 480px;
      border-radius: 15px;
      box-sizing: border-box;
      box-shadow: 0px 0px 7px rgba(0,0,0,0.3);
      transition: 0.34s ease-in-out transform, 0.38s ease-in-out box-shadow;
  }
  .tale-cover img:is(:hover,:focus-within) {
    transform:
      perspective(75em)
      rotateY(25deg);
    box-shadow: -2px 0px 8px rgba(0,0,0,0.2);
  }
  .display-container.second .tale-cover img:is(:hover,:focus-within) {
    transform:
      perspective(75em)
      rotateY(-25deg);
    box-shadow: 2px 0px 8px rgba(0,0,0,0.2);
  }
  
  :is(.tale-desc, .multi-grid div, .multi-grid-small div) h3 {
      font-size: 2em;
      text-align: center;
      letter-spacing: -0.045em;
  }
  .multi-grid div h3 { font-size: 1.25em; }
  .multi-grid-small div h3 { font-size: 1.15em; }
  
  #page-content .sep-h2 h2 { text-align: start; font-size: 2.25em; }
  
  @media (max-width: 700px) {
      .display-container, .display-container.second {
          grid-template-areas:
             'image image'
             'text text';
      }
      .tale-desc, .display-container.second .tale-desc {
          padding: 4px;
          border: none;
          border-top: solid 0.1rem #333;
          margin: 0; margin-top: 1rem;
      }
      .tale-cover img:is(:hover,:focus-within), .display-container.second .tale-cover img:is(:hover,:focus-within){
          transform: none;
      }
  }
  
  .year-in-review {
      display: flex;
      align-items: center;
      font-size: 1.75em;
      margin: 0 0.75rem;
      font-weight: bold;
      gap: .75rem;
  }
  .year-in-review + br { display: none; }
  .year-in-review::before, .year-in-review::after {
      content: "";
      display: flex;
      flex-grow: 1;
      background-color: #333;
      height: 0.1rem;
  }
  
  .yui-navset.yui-navset-top .yui-content {
      padding: 0.5rem 0 0.1rem 0;
      border: none;
  }
  
  /*--- Content Warning span ---*/
  #page-content .content-warning {
      display: flex;
      align-items: center;
      color: black;
      font-weight: bold;
      font-size: 82%;
      background-color: #FFD101;
      box-shadow: 0 0 0 4px #ffd101;
      padding: 4px 1em 4px 4px;
      border-radius: 2rem;
      border: solid 2px black;
      justify-content: center;
      text-align: center;
      max-width: max-content;
      margin: 1rem auto auto;
  }
  #page-content .content-warning::before {
      content: "\26A0";
      font-size: 170%;
      font-weight: normal;
      padding: 3px; padding-left: 4px; padding-top: 1px;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      text-align: center;
      margin-right: 0.3rem;
  }
  
  /*--- Complete span ---*/
  #page-content .complete {
      display: flex;
      align-items: center;
      font-weight: bold;
      font-family: var(--mono-font);
      color: white;
      background-color: #0096f0;
      box-shadow: 0 0 0 4px #0096f0;
      padding: .5em 1em .5em .75em;
      border-radius: .5rem;
      border: solid .125rem currentColor;
      justify-content: center;
      text-align: center;
      max-width: max-content;
      margin: 1rem auto auto;
  }
  #page-content .complete::before {
      content: "\26A0";
      content: '';
      display: block;
      height: 1.5em;
      width: 1.125em;
      background-color: currentColor;
      clip-path: polygon(0 0, 100% 0, 100% 100%, 50% 67.5%, 0 100%);
      text-align: center;
      margin-right: 0.575em;
  }

  Pages using this styling

  • art:curated-tale-series-archive [info]

  ¶ 1 occurrence
  

  
  :root {
  
  --tab-background-color: 125, 125, 124;
  --tab-hover-background-color: 250, 237, 129;
  --tab-focus-text-color: 248, 249, 250;
  
  }
  
  :root {
  
    
      --header-title: "   ";
      --basalt-bright-element-color: 250, 237, 129;
      --basalt-dark-element-color: 253, 195, 73;
  }
  

  Pages using this styling

  • art:crestedheart [info]

  ¶ 1 occurrence
  

  
  #extrac-div-1 {
    display: none;
  }
  
  #page-title::after {
    content: "-Another Station-";
  }
  
  .page-rate-widget-box {
    margin-right: 0;
  }
  
  .full:focus-within {
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    height: 100lvh;
    width: 100%;
    z-index: 10;
    
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    
    backdrop-filter: blur(8px);
    
    cursor: pointer;
  }
  
  .full:focus-within img {
    max-height: 100vh;
    max-height: 100lvh;
    
    cursor: default;
    z-index: 11;
  }
  
  .full:focus-within a {
    cursor: default;
  }
  
  .full:focus-within .exit {
    position: absolute;
    top: 1rem;
    right: 1rem;
    height: 2rem;
    width: 2rem;
    cursor: pointer;
  }
  
  .full:focus-within .exit::before {
    content: "";
    clip-path: polygon(0 0, 50% 40%, 100% 0, 60% 50%, 100% 100%, 50% 60%, 0 100%, 40% 50%);
    cursor: pointer;
    background-color: red;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
  }
  
  @media (max-width: 767px) {
  .full:has(a:hover) {
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    height: 100lvh;
    width: 100%;
    z-index: 10;
    
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    
    backdrop-filter: blur(8px);
    
    cursor: pointer;
  }
  
  .full a:hover img {
    max-height: 100vh;
    max-height: 100lvh;
    
    cursor: default;
    z-index: 11;
  }
  
  .full:has(a:hover) a {
    cursor: default;
  }
  
  .full:has(a:hover) .exit {
    position: absolute;
    top: 1rem;
    right: 1rem;
    height: 2rem;
    width: 2rem;
    cursor: pointer;
  }
  
  .full:has(a:hover) .exit::before {
    content: "";
    clip-path: polygon(0 0, 50% 40%, 100% 0, 60% 50%, 100% 100%, 50% 60%, 0 100%, 40% 50%);
    cursor: pointer;
    background-color: red;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
  }
  }
  
  .flex-cont {
    display: flex;
    justify-content: space-between;
  }
  

  Pages using this styling

  • art:cool-night-air [info]

  ¶ 1 occurrence
  

  div.warning1 {
       border: 3px solid #3a0000;
       padding: 2em;
       background: #422323;
       margin: 0 auto 3rem;
       width: 32.185em;
       font-size: .7em;
       text-align: justify;
  }
  
  div.warning2 {
        background: #3a0000;
        color: white;
        padding: 1rem;
        text-align: center;
        font-size: 1.5rem;
        font-weight: bold;
  }
  
  div.warning2 p {
       margin: .3em;
  }
  
  .no-turning-back div.collapsible-block-folded {
       text-align: center;
  }
  
  .no-turning-back div.collapsible-block-unfolded-link {
        display: none;
  }
  
  .no-turning-back a.collapsible-block-link {
      cursor: pointer;
      margin: 0;
      display: inline-block;
      text-align: center;
      padding: 2.5ch;
      font-family: var(--UI-font);
      text-decoration: none;
      color: rgb(var(--button-text-color));
      background-color: rgb(var(--button-background-color));
      outline: rgb(var(--button-outline-color)) solid 0;
      transition: all var(--button-hover-transition);
  
      margin-top: 10px;
      margin-bottom: 10px;
  }
  
  .no-turning-back a.collapsible-block-link:hover {
      background-color: rgb(var(--button-hover-background-color));
      border-color: rgb(var(--button-hover-border-color));
      outline-width: 0.25rem;
  }
  
  @media (max-width: 767px) {
       div.warning1 {
           width: 80%;
       }
  }

  Pages using this styling

  • art:contingency-0001-recovered-images [info]

  ¶ 1 occurrence
  

  :root {
  --abstractor: hidden;
  --header-logo: url('https://scp-wiki.wdfiles.com/local--files/deleted/eyeonu.gif');
   --header-title: "SCP FOUNDATION";
   --header-subtitle: "Department of One";
   --basalt-background-color: 18, 18, 18;
  }

  Pages using this styling

  • art:contingency-0001-recovered-images [info]

  ¶ 1 occurrence
  

  /* Set the new text's content from variable */
  #header h1 a::before {
    content: var(--header-title, "COLE'S ");
    font-weight: 300;
    font-size: 1.0 em;
  }
  #header h2::before {
    content: var(--header-subtitle, "PHOTO GALLERY");
    font-weight: 600;
    font-size: 1.22em;
  }

  Pages using this styling

  • art:cole-s-photo-gallery [info]

  ¶ 1 occurrence
  

  #header h1 a::before {
      content: "Cole's Logo Emporium";
      color: #333;
      font-family: 'Baloo Bhaina 2', cursive;
  }
   #header h2 span {
     color: transparent;
     text-shadow: none;
  }
  #header h2 span::before {
      content: '"Insert Logo Here"';
      color: #0F4699;
      font-family: 'Baloo Bhaina 2', cursive;
  }

  Pages using this styling

  • art:cole-s-logo-emporium [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.bunny.net/css2?family=Lobster&display=swap');

  Pages using this styling

  • art:cole-13-s-conrucopia [info]

  ¶ 1 occurrence
  

  
  @import url('https://fonts.bunny.net/css2?family=Zen+Kaku+Gothic+Antique:wght@300;400;500;700;900&display=swap');
  @import url('https://fonts.bunny.net/css2?family=Poppins:wght@700&display=swap');
  @import url('https://fonts.bunny.net/css2?family=Spline+Sans:wght@400;700&display=swap');
  @import url('https://fonts.bunny.net/css2?family=Roboto+Condensed:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap');
  div.authorlink-wrapper{margin-top: var(--author-top-adjust, .2em) !important;}
  :root {
  --header-logo: url('https://scp-wiki.wikidot.com/local--files/art:clamamus-in-silentio/Cycles');
  --title:"SCP FOUNDATION";
  --subtitle:"We Will Not Be Silenced";
  --sidesubtitle: "We Will Not Be Silenced";
  --sidelogo: url("https://scp-wiki.wikidot.com/local--files/art:clamamus-in-silentio/Cycles');
  --header-font: 'Poppins';
  --body-font: 'Zen Kaku Gothic Antique', sans-serif;
  --ACS-font: var(--header-font);
  --five-color: 116,71,88 !important;
  --basalt-undertone: 60,9,33 !important;
  --swatch-menubg-black-color: 10,10,10 !important;
  --general-border-color: 1,1,1 !important;
  --swatch-menutxt-dark-color: 1,1,1 !important;
  --UI-font: 'Poppins';
  --basalt-main-text-color: 253, 241, 242 !important;
  }
  #page-content .widetable .wiki-content-table {
      width: 100% !important;
      font-size: 1.5em;
  }
  .hcontainer {
  
  }
  :is(span.specialtext, span.st) {
  text-decoration: underline 2px;
      text-underline-offset: 3px;
  }
  @keyframes strike{
  0%   { width : 0; }
  20% { width: 50%; }
  40% { width: 75%; }
  60% { width: 100%; }
  80% { width: 50%; }
  100% { width: 0; }
  }
  .strike, .unstrike {
    position: relative;
  }
  .strike::after, .unstrike::after {
    content: ' ';
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 2px;
    background: rgb(253, 241, 242);
    animation-name: strike;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-fill-mode: forwards;
  }
  @keyframes unstrike{
  0%  { width: 0; }
  20% { width: 25%; }
  40% { width: 75%; }
  60% { width: 50; }
  80% { width: 100%; }
  100% { width: 0; }
  }
  body {
      background-image: url();
      background-attachment: fixed;
      background-size: cover;
      background-blend-mode: difference;
  }
  .acs-extra-1 {
  
  font-family: var(--ACS-font), var(--body-font) !important;
  }
  #page-content a.collapsible-block-link {
  
  color: rgb(253, 241, 242);
  
  }
  #page-content div.modal {
      max-width: var(--main-content-width) !important;
  }
  .anom-bar > div.bottom-box::before {
  display: none !important;
  }
  
  .series-nav {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      align-content: center;
      align-items: baseline;
  
      margin: 1rem 0;
      padding: .02rem 1rem;
      background: rgb(var(--basalt-tertiary-color));
  
      border-top-right-radius: .67rem;
      border-top-left-radius: .67rem;
  
      font-size: 1.2em;
      font-family: var(--UI-font);
  }
  
  .series-nav>* {
      margin: 0 0.3em;
  }
  
  .end_card {
      background: linear-gradient(145deg, rgba(var(--basalt-dark-element-color), 0.5) 0%, rgb(var(--basalt-tertiary-color)) 80%);
      padding: 1.25rem 2rem;
      text-align: center;
  }
  div:is(.jotting, .transcript) {
  border: double 0.15rem #000;
  }
  #page-content :is(blockquote, .blockquote) {
      border-color: #000;
      font-weight: normal;
      background-color: #060b11;
      color: #cdd9d6;
  }
  
  .image-block, .scp-image-block {
  
  border-bottom: none !important;
  }
  
  #page-content div:is(.jotting, .transcript) {
  
  max-width: 44rem;
  }
  
  .text-part .risk-class::before, .text-part .risk-class::after, .bottom-box > div.diamond-part::before, .text-part .disrupt-class::after, .text-part .disrupt-class::before,.danger-diamond > .arrows {
  
  
  }
  

  Pages using this styling

  • art:clamamus-in-silentio [info]

  ¶ 1 occurrence
  

  /*
      Powered on 2023/11/17 18:21:31
      [2023 Wikidot Theme]
      Created by PiNKpePpER
      CC BY-SA 3.0
  */
  
  
  
  body {
      color: rgb(92, 26, 26);
  }
  a,a:visited {
      color: #CF9772;
  }
  div.page-rate-widget-box,
  div.page-rate-widget-box span.rate-points,
  div.page-rate-widget-box span.cancel {
      background-color: #A1442C!important;
      border: solid #A1442C 1px!important;
  }
  div.page-rate-widget-box span.rateup,
  div.page-rate-widget-box span.ratedown {
      border: solid #A1442C!important;
      border-width: 1px 0!important;
  }
  div.page-rate-widget-box span.rate-points,
  div.page-rate-widget-box span.cancel a,
  div.page-rate-widget-box span.cancel a:hover {
      color: #F6F4F2;
  }
  div.page-rate-widget-box span.rateup,
  div.page-rate-widget-box span.ratedown {
      background-color: #A1442C!important;
  }
  div.page-rate-widget-box span.rateup a,
  div.page-rate-widget-box span.ratedown a {
      color: #F6F4F2!important;
  }
  div.page-rate-widget-box span.cancel a:hover,
  div.page-rate-widget-box span.rateup a:hover,
  div.page-rate-widget-box span.ratedown a:hover {
      background: transparent!important;
      color: transparent!important;
  }
  

  Pages using this styling

  • art:chaz-josie-the-cheese-queen-and-marius [info]

  ¶ 1 occurrence
  

  :root {
    --title: "SCP Foundation";
    --subtitle: "Secure · Contain · Protect";
    --sidesubtitle: "Secure · Contain · Protect";
  }
  
  /* Suppress iOS cache warning (temp) */
  #side-bar .ios-cache-issue-notification {
    display: none !important;
  }

  Pages using this styling

  • art:c2hlaxnozxjl [info]

  ¶ 1 occurrence
  

  
   :root {
      --header-title: var(--title);
      --header-subtitle: var(--subtitle);
      --title: "Hunter Industries";
      --subtitle: "Open yourself to our products.";
  
      --logo-image: url("https://scp-wiki.wikidot.com/local--files/art:buy-our-products/hunterlogobasaltnew.webp");
  }

  Pages using this styling

  • art:buy-our-products [info]

  ¶ 1 occurrence
  

  #page-title{display:none}
  .footnotes-footer{display:none;}

  Pages using this styling

  • art:blacks-over-reds [info]

  ¶ 1 occurrence
  

  body {
    background-image: linear-gradient(to bottom, #00FF00, white, white, #00FF00);
  }

  Pages using this styling

  • art:beta-7 [info]

  ¶ 1 occurrence
  

  /*
      Powered on 2021/08/27 10:36:32
      [2021 Wikidot Theme]
      Created by Hg-lab
      CC BY-SA 3.0
  */
  
  
  
  body {
      background: #E4E3E1;
      color: rgb(0, 0, 0);
  }
  a,a:visited {
      color: rgb(64, 102, 148);
  }
  h1 {
      color: #243151;
  }
  h1,h2,h3,h4,h5,h6 {
      font-family: 'Noto Serif SC';
  }
  blockquote {
      background: #F0F0F0;
  }
  div#container-wrap {
      background: url(//gimg2.baidu.com/image_search/src=http%3A%2F%2Fhbimg.b0.upaiyun.com%2Ff91106b4330c2d8ac994066703a5dcec37606c00ead9-MbjlH7_fw658&refer=http%3A%2F%2Fhbimg.b0.upaiyun.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1632618904&t=2b5bfb4d7d5a0f0853897622c3ae1e6f) top left repeat-x;
  }
  div#header {
      background: url(https://scp-wiki.wdfiles.com/local--files/art%3Aartlab1/HG.png) 10px 40px no-repeat;
      background-position :1em 4em;
      background-size :85px 85px;
  }
  div#header h1 a span {
      font-size: 0px;
  }
  div#header h1 a:before {
      content: "ArtLab";
      color: rgba(19, 24, 36,1);
      text-shadow: none;
  }
  div#header h2 span {
      font-size:0px;
      padding: 4px;
  }
  div#header h2:after {
      content: "STUDY, CONVERT, PAINTING";
      font-weight: bold;
      color: rgba(36, 49, 81, 1);
      padding: 19px 0;
      text-shadow: none;
      white-space: pre;
  }
  div#side-bar div.side-block {
      background: rgb(240, 240, 240);
      box-shadow: none;
  }
  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: #E4E3E1;
      border-color: #E4E3E1;
  }
  div.yui-navset ul.yui-nav a,
  div.yui-navset div.yui-navset-top ul.yui-nav a {
      background: rgb(240, 240, 240);
  }
  div.yui-navset ul.yui-nav a:hover,
  div.yui-navset ul.yui-nav a:focus {
      background: rgb(240, 240, 240);
      color: rgb(106, 168, 79);
  }
  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(240, 240, 240);
  }
  div.open-menu a {
      color: #E4E3E1!important;
      border-color: #E4E3E1!important;
  }
  

  Pages using this styling

  • art:artlab1 [info]

  ¶ 1 occurrence
  

  .censor{
  filter: blur(30px);
  transition: 0.5s ease;
  }
  
  .censor:hover{
  filter: blur(0px);
  transition: 0.5s ease;
  }

  Pages using this styling

  • art:art-mycotherapy-space-expert [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.bunny.net/css2?family=Cardo&display=swap');
  @import url('https://fonts.bunny.net/css2?family=Tangerine:wght@700&display=swap');
  
  .container {
    position: relative;
    text-align: center;
    color: white;
  }
  
  .top-left {
    position: absolute;
    top: -5px;
    left: 16px;
  font-size: 1.5vw;
  font-family: mono;
  }
  
  .bottom-right {
    position: absolute;
    bottom: -5px;
    right: 16px;
  font-size: 1.5vw;
  font-family: mono;
  }
  
  .censor{
  filter: blur(30px);
  transition: 0.5s ease;
  }
  
  .censor:hover{
  filter: blur(0px);
  transition: 0.5s ease;
  }
  
  .nacre{
  border-radius: 10px;
    background-repeat: repeat;
    background-position: top right;
  background-image: url(https://scp-wiki.wikidot.com/local--files/art:art-mycotherapy-prompts/36tm5UD.webp);
  border:solid 2px #D8C7BC;
   background-size: 300px 300px;
  padding:15px;
  margin-bottom: 15px;
  font-family: Cardo, serif;
  font-size: 16px;
  }
  
  img{
  margin-bottom: 10px;
  margin-top: 10px;
  }
  
  .nacre img{
  border-radius: 10px;
  border:solid 2px #D8C7BC;
  }
  
  .nacre a{
  color: #FF1948;
  background-color: #5B214Add; 
  }
  
  .nacre div a{
  color: #FF1948;
  background-color: #5B214Add; 
  }
  
  .nacre a.collapsible-block-link{
  padding: 5px;
  border-radius: 15px;
  border: 2px solid #D8C7BC;
  font-size: 20px;
  }
  

  Pages using this styling

  • art:art-mycotherapy-prompts [info]

  ¶ 1 occurrence
  

  
  .pictureBox{
  width: 95%;
  padding: 10px;
  border: solid 2px var(--accentColor);
  border-radius: 15px;
  background-color: #6B537380;
  }
  
  .grid-container {
      display: grid;
      grid-template-columns: 1fr 1fr;
      grid-gap: 20px;
  }
  
  image{
  width:90%;
  }

  Pages using this styling

  • art:art-mycotherapy-deptcon-icons [info]

  ¶ 1 occurrence
  

  
  .pictureBox{
  width: 95%;
  padding: 10px;
  border: solid 2px var(--accentColor);
  border-radius: 15px;
  background-color: #6B537380;
  }
  
  .grid-container {
      display: grid;
      grid-template-columns: 1fr 1fr;
      grid-gap: 20px;
  }
  
  
  
  .censor{
  filter: blur(30px);
  transition: 0.5s ease;
  }
  
  .censor:hover{
  filter: blur(0px);
  transition: 0.5s ease;
  }
  
  
  image{
  width:90%;
  }

  Pages using this styling

  • art:art-mycotherapy-8kcon-stickers [info]

  ¶ 1 occurrence
  

  #page-content a
  {
  color:white;
  }

  Pages using this styling

  • art:art-mycotherapy-000-pix [info]

  ¶ 1 occurrence
  

  
  :root{
  
    --logo-image: url("https://scp-wiki.wdfiles.com/local--files/art%3AMontagueETC-sciptember-2022/Artistic%20Anomalies%20Department%20%28Inverted%29.png");
  }
  

  Pages using this styling

  • art:art-exchange-6759 [info]

  ¶ 1 occurrence
  

  
  :root {
      --linkColor: #FF799A;
   
      --primaryBackgroundColor: #282A36;
      --secondaryBackgroundColor: #2F3142;
      --tertiaryBackgroundColor: #BD93F9;
      --borderColor: #6272A4;
   
      --shadow: rgba(96,213,248,0.3);
   
      --selectionColor: #50FA7B;
      --textColor: #F8F8F2;
      --textColor-alt: #6272A4;
  }

  Pages using this styling

  • art:anthology-cabinet [info]

  ¶ 1 occurrence
  

  
  @import url('https://fonts.bunny.net/css2?family=Zen+Kaku+Gothic+Antique:wght@300;400;500;700;900&display=swap');
  @import url('https://fonts.bunny.net/css2?family=Poppins:wght@700&display=swap');
  @import url('https://fonts.bunny.net/css2?family=Spline+Sans:wght@400;700&display=swap');
  @import url('https://fonts.bunny.net/css2?family=Roboto+Condensed:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap');
  div.authorlink-wrapper{margin-top: var(--author-top-adjust, .2em) !important;}
  :root {
  --header-logo: url('https://scp-wiki.wikidot.com/local--files/art:angelus-abyss/Cycles');
  --title:"SCP FOUNDATION";
  --subtitle:"We Will Not Be Silenced";
  --sidesubtitle: "We Will Not Be Silenced";
  --sidelogo: url("https://scp-wiki.wikidot.com/local--files/art:angelus-abyss/Cycles');
  --header-font: 'Poppins';
  --body-font: 'Zen Kaku Gothic Antique', sans-serif;
  --ACS-font: var(--header-font);
  --five-color: 116,71,88 !important;
  --basalt-undertone: 60,9,33 !important;
  --swatch-menubg-black-color: 10,10,10 !important;
  --general-border-color: 1,1,1 !important;
  --swatch-menutxt-dark-color: 1,1,1 !important;
  --UI-font: 'Poppins';
  --basalt-main-text-color: 253, 241, 242 !important;
  }
  #page-content .widetable .wiki-content-table {
      width: 100% !important;
      font-size: 1.5em;
  }
  .hcontainer {
  
  }
  :is(span.specialtext, span.st) {
  text-decoration: underline 2px;
      text-underline-offset: 3px;
  }
  @keyframes strike{
  0%   { width : 0; }
  20% { width: 50%; }
  40% { width: 75%; }
  60% { width: 100%; }
  80% { width: 50%; }
  100% { width: 0; }
  }
  .strike, .unstrike {
    position: relative;
  }
  .strike::after, .unstrike::after {
    content: ' ';
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 2px;
    background: rgb(253, 241, 242);
    animation-name: strike;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-fill-mode: forwards;
  }
  @keyframes unstrike{
  0%  { width: 0; }
  20% { width: 25%; }
  40% { width: 75%; }
  60% { width: 50; }
  80% { width: 100%; }
  100% { width: 0; }
  }
  body {
      background-image: url();
      background-attachment: fixed;
      background-size: cover;
      background-blend-mode: difference;
  }
  .acs-extra-1 {
  
  font-family: var(--ACS-font), var(--body-font) !important;
  }
  #page-content a.collapsible-block-link {
  
  color: rgb(253, 241, 242);
  
  }
  #page-content div.modal {
      max-width: var(--main-content-width) !important;
  }
  .anom-bar > div.bottom-box::before {
  display: none !important;
  }
  
  .series-nav {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      align-content: center;
      align-items: baseline;
  
      margin: 1rem 0;
      padding: .02rem 1rem;
      background: rgb(var(--basalt-tertiary-color));
  
      border-top-right-radius: .67rem;
      border-top-left-radius: .67rem;
  
      font-size: 1.2em;
      font-family: var(--UI-font);
  }
  
  .series-nav>* {
      margin: 0 0.3em;
  }
  
  .end_card {
      background: linear-gradient(145deg, rgba(var(--basalt-dark-element-color), 0.5) 0%, rgb(var(--basalt-tertiary-color)) 80%);
      padding: 1.25rem 2rem;
      text-align: center;
  }
  div:is(.jotting, .transcript) {
  border: double 0.15rem #000;
  }
  #page-content :is(blockquote, .blockquote) {
      border-color: #000;
      font-weight: normal;
      background-color: #060b11;
      color: #cdd9d6;
  }
  
  .image-block, .scp-image-block {
  
  border-bottom: none !important;
  }
  
  #page-content div:is(.jotting, .transcript) {
  
  max-width: 44rem;
  }
  
  .text-part .risk-class::before, .text-part .risk-class::after, .bottom-box > div.diamond-part::before, .text-part .disrupt-class::after, .text-part .disrupt-class::before,.danger-diamond > .arrows {
  
  
  }
  

  Pages using this styling

  • art:angelus-abyss [info]

  ¶ 1 occurrence
  

  :root {
  --abstractor: hidden;
  --header-logo: url("https://scp-wiki.wikidot.com/local--files/art:an-eigenmachine-within-a-deepwell/Eigenmechanics-Division-white.webp");
  --header-title: "Eigenmechanics Division";
  --header-subtitle: "Supervisors of Compounding Projects";
  --title-size: 1.25rem;
  --subtitle-size: .7rem;
  --loop1: infinite;
  --general-border-color: 55,56,56;
  --base-header-height: calc((var(--title-size) + var(--subtitle-size)) *1.5 + .5rem);
  --link-volume: none;
  --delay2: 1.35;
  --scale2: 0.25;
  --delay3: 2;
  --scale3: 0.30;
  }

  Pages using this styling

  • art:an-eigenmachine-within-a-deepwell [info]

  ¶ 1 occurrence
  

  :root {
  #u-blink-bar p:last-child::after {
  content: "";
  border-right: 1px solid rgb(var(--basalt-main-text-color));
  animation: blink 1s infinite;
  position: relative;
  left: 1px;
  }
   
  @keyframes blink{
  to {
  opacity: 0;
  }
  
  div[class$="_memo"] {
      background: var(--memo-logo) rgba(var(--memo-color), 1);
      background-size: contain;
      background-position: top center;
      background-repeat: no-repeat;
      min-height: 4rem;
      margin-inline: auto;
      margin-block: 2rem;
      padding-inline: 20px;
      padding-block: 10px;
      border: solid 2px rgba(0, 0, 0, 0.1);
      text-align: center;
  }
  
  div[class$="_memo"]::before {
      content: var(--memo-heading);
      font-family: var(--UI-font);
      font-weight: 900;
      font-size: 1.3em;
      text-align: center;
      margin: 0 auto 1rem auto;
      display: flex;
      flex-direction: column;
      padding-top: 0.5em;
  }
  
  }
  
  .eigenmech_memo {
      --memo-heading: "NOTICE FROM EIGENMECHANICS DIVISION";
      --memo-logo: url(https://scp-wiki.wikidot.com/local--files/art:an-eigenmachine-within-a-deepwell/Eigenmechanics-Division-white.webp);
      --memo-color: var(--basalt-bright-element-color);
      font-family: var(--UI-font);
      font-size: 1.1em;
      background-blend-mode: soft-light;
  }
  
  .eigen_memo {
      --memo-heading: " ";
      --memo-logo: url(https://scp-wiki.wikidot.com/local--files/art:an-eigenmachine-within-a-deepwell/Eigenmechanics-Division-white.webp);
      --memo-color: var(--basalt-bright-element-color);
      font-family: var(--UI-font);
      font-size: 1.1em;
      background-blend-mode: soft-light;
  
  }
  
  .eigenmechbg_memo {
      --memo-heading: "";
      --memo-logo: url(https://scp-wiki.wikidot.com/local--files/art:an-eigenmachine-within-a-deepwell/Eigenmechanics-Division-white.webp);
      --memo-color: var(--basalt-bright-element-color);
      font-family: var(--UI-font);
      font-size: 1.1em;
      background-blend-mode: soft-light;
  }
  

  Pages using this styling

  • art:an-eigenmachine-within-a-deepwell [info]

  ¶ 1 occurrence
  

  
  .coolblock div.collapsible-block-folded {
       text-align: center;
  }
  
  .coolblock div.collapsible-block-unfolded-link {
        text-align: center;
  }
  
  .coolblock .collapsible-block-link{
      display: inline-block;
      line-height: 1;
      margin-bottom: 10px;
      text-align: center;
      vertical-align: middle;
      white-space: nowrap;
      border-radius: 4px;
      padding: 6px 12px;
      color: #FFF;
      background-color: transparent;
      border: 2px solid #f5190a;
  }
  .coolblock .collapsible-block-link:hover,
  .coolblock .collapsible-block-link:focus{
      text-decoration: none;
  }
  .coolblock .collapsible-block-link:active{
      box-shadow: 0 0px 0px rgba(0,0,0,.125) inset;
      outline: 0 none;
  }
   
  .coolblock.coolblock-default .collapsible-block-link{
      background-color: #F5F5F5;
      border-color: #CCCCCC;
      color: #333;
  }
  .coolblock.coolblock-default .collapsible-block-link:hover,
  .coolblock.coolblock-default .collapsible-block-link:focus{
      background-color: #E6E6E6;
      border-color: #ADADAD;
      color: #333;
  }

  Pages using this styling

  • art:an-eigenmachine-within-a-deepwell [info]

  ¶ 1 occurrence
  

  :root {
    --accentColor: 255, 10, 35;
    --darkColor: 5, 5, 5;
  }

  Pages using this styling

  • art:an-ascii-egg-that-kills-you-for-no-reason [info]

  ¶ 1 occurrence
  

  body {
    background-image: linear-gradient(to bottom, #F292B3, #F8C5D6, #fff2fa, white);
  }

  Pages using this styling

  • art:an-amazing-valentines [info]

  ¶ 1 occurrence
  

  :root {
      --linkColor: #949494;
      --linkColor-newpage: #949494;
   
      --selectionColor: #949494;
      --textColor: #242424;

  Pages using this styling

  • art:alex-thorley-feels-the-sea-breeze [info]

  ¶ 1 occurrence
  

  :root {
    --header-title: "SCiPTEMBER II";
    --header-subtitle: "Artistic Boogaloo";
  }

  Pages using this styling

  • art:agente-shuffle-s-sciptember-2022-illustrations [info]

  ¶ 1 occurrence
  

  /*
      Tema Blackberry
      [Tema Sigma-9 de 2022]
      [Hecho en la Rama Hispana (Ñ)]
      Diseñado por Belasias y retocado por Dc_Yerko
  */
   
  /* CUERPO */
   
  body {
      background-color: #131313;
      font-size: 0.80em;
      color: #808080;
  }
   
  /* ENLACES */
   
  a:visited {
      color: #ba2f3a;
  }
   
  /* FONDO DE CABECERA */
   
  div#container-wrap {
      background: url(https://scp-wiki.wikidot.com/local--files/art:agente-shuffle-s-2021-art-exchange-gifts/body_black.webp) top left repeat-x;
  }
   
  /* BARRA SUPERIOR */
   
  #top-bar ul li.sfhover a,
  #top-bar ul li:hover a {
      background: #212121;
      color: #bb0011;
      border-left: solid 1px #808080;
      border-right: solid 1px #808080;
  }
   
  #top-bar ul li.sfhover ul li a,
  #top-bar ul li:hover ul li a {
      border-top: 1px solid #666666;
  }
   
  #top-bar ul li.sfhover a:hover,
  #top-bar ul li:hover a:hover {
      background: #404040;
      color: #bb0011;
  }
   
  /* BARRA LATERAL */
   
  #side-bar .side-block {
      padding: 10px;
      border: 1px solid #710000;
      border-radius: 10px;
      box-shadow: 0 2px 6px rgba(113,0,0,.5);
      background: #212121;
      margin-bottom: 15px;
  }
   
  #side-bar .heading {
      color: #808080;
  }
   
  #side-bar .side-block.media {
      padding: 10px;
      border: 1px solid #710000;
      border-radius: 10px;
      box-shadow: 0 2px 6px rgba(113,0,0,.5);
      background: #212121;
      margin-bottom: 15px;
  }
   
  #side-bar .side-block.media img {
      filter: brightness(75%);
  }
   
  #side-bar .side-block.nuevos {
      padding: 10px;
      border: 1px solid #710000;
      border-radius: 10px;
      box-shadow: 0 2px 6px rgba(113,0,0,.5);
      background: #212121;
      margin-bottom: 15px;
  }
   
  #side-bar .side-block.guias {
      padding: 10px;
      border: 1px solid #710000;
      border-radius: 10px;
      box-shadow: 0 2px 6px rgba(113,0,0,.5);
      background: #212121;
      margin-bottom: 15px;
  }
   
  #side-bar .side-block.borradores {
      padding: 10px;
      border: 1px solid #710000;
      border-radius: 10px;
      box-shadow: 0 2px 6px rgba(113,0,0,.5);
      background: #212121;
      margin-bottom: 15px;
  }
   
  #side-bar .side-block.cc {
      border: 1px solid #710000;
      border-radius: 10px;
      box-shadow: 0 2px 6px rgba(113,0,0,.5);
      background: #212121;
      margin-bottom: 15px;
  }
   
  #side-bar .side-block.cc img {
      filter: brightness(75%);
  }
   
  #side-bar .side-block.recurso {
      padding: 10px;
      border: 1px solid #710000;
      border-radius: 10px;
      box-shadow: 0 2px 6px rgba(113,0,0,.5);
      background: #212121;
      margin-bottom: 15px;
  }
   
  /* BOTÓN DE LA BARRA LATERAL */
   
  @media (max-width: 767px) {
      #side-bar {
          background: rgba(0,0,0, 0.5);
      }
   
  .open-menu a {
      border: 0.2em solid #990011 !important;
      background-color: #212121 !important;
      color: #990011 !important;
      }
  }
   
  .open-menu a,
  #top-bar .open-menu a {
      border: 0.2em solid #990011 !important;
      background-color: #212121 !important;
      color: #990011 !important;
  }
   
  .open-menu a:hover,
  #top-bar .open-menu a:hover {
      text-decoration: none !important;
      -webkit-box-shadow: 0px 0px 20px 3px rgba(150,0,0,.7);
      -moz-box-shadow: 0px 0px 20px 3px rgba(150,0,0,.7);
      -ms-box-shadow: 0px 0px 20px 3px rgba(150,0,0,.7);
      -o-box-shadow: 0px 0px 20px 3px rgba(150,0,0,.7);
      box-shadow: 0px 0px 20px 3px rgba(150,0,0,.7);
  }
   
  /* INTERWIKI */
   
  #interwiki .side-block {
      border: 1px solid #710000;
      border-radius: 10px;
      box-shadow: 0 2px 6px rgba(113,0,0,.5);
      background: #212121;
      margin-bottom: 15px;
  }
   
  #interwiki .heading {
      color: #808080;
  }
   
  /* PUNTUACIÓN */
   
  .page-rate-widget-box {
      margin-right: 0px;
  }
   
  .creditRate {
      margin-right: 0px!important;
  }
   
  .page-rate-widget-box .rate-points,
  .page-rate-widget-box .rateup,
  .page-rate-widget-box .ratedown,
  .page-rate-widget-box .rateup a,
  .page-rate-widget-box .ratedown a,
  .page-rate-widget-box .cancel a {
      background-color: transparent !important;
      border: 0;
      text-transform: capitalize;
      font-weight: bold;
      color: #808080 !important;
  }
  .page-rate-widget-box .rateup a,
  .page-rate-widget-box .ratedown a {
      margin-right: 0px;
      margin-left: 0px;
  }
  div.page-rate-widget-box {
      background-color: #212121 !important;
      border: solid #808080 1px!important;
  }
  div.page-rate-widget-box span.rate-points,
  div.page-rate-widget-box span.cancel {
      background-color: #212121 !important;
      border: 1px #808080 !important;
  }
  div.page-rate-widget-box span.rateup,
  div.page-rate-widget-box span.ratedown {
      background-color: #FFF !important;
      margin-right: 0px;
      margin-left: 0px;
      color: #000!important;
  }
  div.page-rate-widget-box span.rateup a,
  div.page-rate-widget-box span.ratedown a {
      background: #2b2b2b !important;
      color: #808080 !important;
  }
  div.page-rate-widget-box span.rateup a:hover {
      background: #808080 !important;
      color: #212121 !important;
  }
  div.page-rate-widget-box span.ratedown a:hover {
      background: #808080!important;
      color: #212121 !important;
  }
  div.page-rate-widget-box span.cancel a {
      color: #808080 !important;
  }
  div.page-rate-widget-box span.cancel a:hover {
      background: #808080!important;
      color: #212121 !important;
  }
   
  /* PUNTUACIÓN CON INFO */
   
  .rate-box-with-credit-button > div.page-rate-widget-box {
       border-width: 0px!important;
  }
  #page-content .rate-box-with-credit-button {
      background-color: #212121;
      border: solid 1px #808080;
      overflow: hidden;
  }
  #page-content .rate-box-with-credit-button .creditButton p a {
      border-left-color: transparent;
  }
  #page-content .rate-box-with-credit-button .page-rate-widget-box .rate-points {
      border-left: 0;
  }
  #page-content .rate-box-with-credit-button .fa-info {
       color: #808080;
       line-height: 15px;
       padding-top: 1px;
  }
  @media (max-width: 450px) {
  #page-content .rate-box-with-credit-button .fa-info {
          line-height: 14px;
      }
  }
  @media not all and (min-resolution:.001dpcm)
  { @supports (-webkit-appearance:none) and (stroke-color:transparent) {
      #page-content .rate-box-with-credit-button .fa-info {
          line-height: 14px;
          padding-top: 2px;
      }
  }}
  #page-content .rate-box-with-credit-button .fa-info:hover {
      background: #808080!important;
      color: #212121 !important;
  }
  #page-content .creditButtonStandalone p a {
      background-color: #212121;
      border: solid 1px #660000;
      box-shadow: none;
      color: #000000;
  }
  #page-content .creditButtonStandalone p a:hover {
      color: #ff0000;
  }
   
  #page-content .modalbox {
       background: #f4f4f4 !important;
       color: #000000;
       box-shadow: none;
  }
  .close-credits,
  .credit-back {
       filter: hue-rotate(240deg);
  }
   
  /* BLOCKQUOTE */
   
  blockquote,
  div.blockquote {
      color: #999999;
      border: 1px dashed #990011;
      background-color: #212121;
  }
   
  /* CODE */
   
  .code {
      color: #999999;
      background-color: #212121;
  }
   
  .hl-identifier {
      color: #808080;
  }
   
  .hl-code {
      color: #808080;
  }
   
  .hl-brackets {
      color: #808080;
  }
   
  .hl-reserved {
      color: #ba2f3a;
  }
   
  .hl-special {
      color: #b01;
  }
   
  .hl-string {
      color: #d61;
  }
   
  .hl-number {
      color: #2e40d1;
  }
   
  /* IMAGE BLOCK */
   
  .scp-image-block .scp-image-caption {
      border: #999999;
      background-color: #212121;
  }
   
  .scp-image-block .scp-image-caption > p {
      background-color: #212121;
      color: #999999;
      border: #999999;
  }
   
  /* TABLAS */
   
  table.wiki-content-table th {
      background-color: #212121;
      color: #999999;
      border: solid 1px #999999;
  }
   
  table.wiki-content-table td {
      border: solid 1px #999999;
  }
   
  /* TABS */
   
  .yui-navset .yui-content{
      color: #999999;
      background-color: #212121;
  }
   
  .yui-navset .yui-nav a,
  .yui-navset .yui-navset-top .yui-nav a {
      background-image: url("https://scp-wiki.wikidot.com/local--files/art:agente-shuffle-s-2021-art-exchange-gifts/yuitabs.webp");
      color: #999999;
  }
   
  .yui-navset .yui-nav .selected a,
  .yui-navset .yui-nav .selected a:focus,
  .yui-navset .yui-nav .selected a:hover {
      background: url("https://scp-wiki.wikidot.com/local--files/art:agente-shuffle-s-2021-art-exchange-gifts/yuitabs.webp") repeat-x left -1400px;
      color: #bfbfbf;
  }
  .yui-navset .yui-nav a:hover,
  .yui-navset .yui-nav a:focus {
      background: #00FF00 url("https://scp-wiki.wikidot.com/local--files/art:agente-shuffle-s-2021-art-exchange-gifts/yuitabs.webp") repeat-x left -1300px;
      color: #999999;
  }
   
  /* FOOTNOTES */
   
  .hovertip {
    background-color: #212121 !important;
    border: 1px solid #b6b6b6 !important;
  }
   
  /* OWINDOW */
   
  .owindow {
      background-color: #212121;
  }
   
  .owindow .title {
      background-color: #131313;
      color: #808080;
  }
   
  .owindow img {
      background-color: #212121 !important;
  }
   
  .owindow .button-bar a {
      background-color: #212121;
  }
   
  .owindow .button-bar a:hover {
      background-color: #3e3e3e;
  }
   
  .owindow.owait .content{
      padding-bottom: 2rem;
      background-image: url("https://scp-wiki.wikidot.com/local--files/art:agente-shuffle-s-2021-art-exchange-gifts/alt_loader.gif");
      filter: invert(.4) sepia(.5) saturate(1000%) hue-rotate(var(--tint));
  }
   
  /* CHECKBOX */
   
  .checkbox label input {
       filter: invert(1) grayscale(1);
  }
   
   input.checkbox, .page-history input {
       filter: invert(1) grayscale(1);
       cursor: pointer;
  }
   
  /* SELECCIÓN CON MOUSE */
   
  ::selection {
      background: #901;
      color: #ffffff;
  }
   
  /* SCROLLBAR */
   
  ::-webkit-scrollbar-thumb {
      background: #373737;
  }
  ::-webkit-scrollbar-track {
      background: #282828;
  }
   
  /* EDITOR DE TEXTO */
   
   input.text,
   input.text:focus,
   input.text:hover{
       color: #808080;
       border-color: #808080;
       background-color: #212121;
  }
   
  .wd-editor-toolbar-panel div {
       filter: hue-rotate(62deg) invert(83%);
  }
   
   textarea {
       color: #808080;
       border-color: #808080;
       background-color: #212121;
  }
   
  .change-textarea-size a{
       color: #808080;
       border-color: #808080;
       background-color: #212121;
  }
   
   div#lock-info{
       background-color: #212121;
  }
   
   div.buttons input, input.button, button, file, a.button {
       color: #808080;
       border-color: #808080;
       background-color: #212121;
  }
   
  /* ETIQUETAS */
   
  #main-content .page-tags a {
      color: #b01;
  }
   
  /* FOOTER */
   
  #footer {
      background-color: #212121;
      color: #808080;
  }

  Pages using this styling

  • art:agente-shuffle-s-2021-art-exchange-gifts [info]

  ¶ 1 occurrence
  

  
  #page-title {display: none;}
  
  :root {
      --header-title: "IN GOD WE TRUST";
      --header-subtitle: "";
      --link-txt-color: rgb(var(--accent));
      --logo-img: url("https://scp-wiki.wikidot.com/local--files/art:ae-for-intercedent-2025/PENTOSTAMP.webp");
      --header-txt-color: #d61c0f;
      --misc-txt-color: #d61c0f;
      --logo-opacity: 70%;
      --link-txt-color: #d61c0f;
  }
  
  .hovertip {
    color: #000000;
  }
  
  .licensebox {
    color: #ff0000;
  }
  
  body {
    background-image: linear-gradient(to bottom, #660000, #000000 120px);
    color: #F5F5F5;
  }
  
  #toc {
    background-color: #000000;
  }
  
  #header h2::before {
      text-transform: capitalize;
      font-style: italic;
  }
  
  .notation {
      border-width: 4px;
      width: 75%;
      margin: auto;
      border-color: rgb(var(--accent));
      text-align: justify;
  }
  
  .separation {
      margin: 1ex 15%;
      padding: 0;
      border-top: 0.2rem solid #275495;
      display: block;
  }
  
  .dictation {
     font-family: Garamond, serif;
     color: #F5F5F5;
     font-size: 21px;
  }
  
  .fire {
     font-family: monospace;
     color: #FF0000;
     font-size: 35px;
  }
  
  .elaimal, .president, .al-fine, .vanguard, {
      width: 85%;
      margin: auto;
      padding: 15px;
      box-shadow: 0 1px 3px rgba(0,0,0,.2);
  }
  
  .elaimal {
      border: solid 2.5px #fff0ba;
      background-color:#fff0ba;
      color: #4B0101;
      font-family: Times New Roman;
  }
  
  
  .president {
      font-family: monospace;
      border: solid 2.5px #FF0000;
      background-color:#000000;
      color: #FF0000;
      text-align: center;
  }
  
  .al-fine {
      border: solid 4px #275495;
      background: #F2F7FB url('https://scp-wiki.wdfiles.com/local--files/theme%3Agoc/goc-fade.png') center no-repeat;
  }
  
  .vanguard {
      border: solid 4px #275495;
      background: #F2F7FB center no-repeat;
  }
  
  div.blockquote {
      padding-right: 2rem;
      padding-top: 1rem;
      border-right: solid 7px rgb(var(--accent)) !important;
      margin: 1em 1.75em;
  }
  
  .blockquote .image-container {
      padding: 0em;
  }
  
  .characters {
      margin-top: -1em;
      margin-bottom: 1em;
      margin-left: 15px;
      margin-right: 10px;
  }
  
  .characters-top {
      display: flex;
      flex-flow: row nowrap;
      align-items: center;
      gap: 16px;
  }
  
  .bar {
      width: 12px;
      height: 85px;
  }
  
  .characters-info {
      flex-grow: 1;
  }
  
  .characters-info p {
      line-height: 200%;
  }
  
  .bio {
      margin-top: -20px;
  }
  
  .goc {
      --color: #5f95e6;
  }
  
  .us {
      --color: #404d7e;
  }
  
  .joicl {
      --color: #d7003a;
  }
  
  .phoenix {
      --color: #d68300;
  }
  
  .mcd {
      --color: #8c148c;
  }
  
  .van {
      --color: #4b2;
  }
  
  .bar {
      background-color: var(--color);
  }

  Pages using this styling

  • art:ae-for-intercedent-2025 [info]

  ¶ 1 occurrence
  

  
  :root {
  
  --main-content-width: 1000rem;
  --main-content-top-margin: 0rem;
  --main-content-side-margin: 0vw;
  --rate-module-background-color: var(--basalt-primary-color);
  --search-icon-color: var(--basalt-main-text-color);
  --scrollbar-thumb-color: var(--basalt-main-text-color), 0.6;
  --selection-text-color: var(--basalt-light-text-color);
  
  }
  
  #main-content {
  padding-bottom: 3rem;
  padding-top: 0;
  }
  
  #header {
  background: rgb(var(--admo-color-dark));
  box-shadow: none;
  }
  
  #page-content {
  margin-bottom: 3rem;
  padding-block: unset;
  }
  
  #action-area {
  margin: auto;
  padding-top: 3rem;
  max-width: 70rem;
  }
  
  #page-options-container, #main-content > .page-tags {
  margin-inline: 3vw;
  }
  
  #page-content > p:nth-of-type(1), #page-content > p:nth-of-type(2) {
  margin: 0;
  }
  
  /* =============================================== */
  
  .admohub-rate {
  position: absolute;
  top: calc(var(--header-final-height) + 10rem);
  left: 0;
  right: 0;
  text-align: center;
  z-index: 2;
  }
  
  .admohub-splash {
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;
  height: calc(100vh - var(--header-final-height));
  background-image: linear-gradient(0deg, rgb(0, 0, 0) 0%, rgba(0,0,0,0.8) 100%), url(https://scp-wiki.wikidot.com/local--files/art:admonition-posters/0ibA6v4.webp);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  }
  
  .admohub-title {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 300%;
  backdrop-filter: blur(8px);
  background-image: radial-gradient(circle, rgb(148, 148, 148) 0%, rgb(30, 30, 30) 70%);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 200%;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent;
  font-size: 16vw;
  font-family: var(--header-font);
  animation: title 25s ease infinite;
  }
  
  .admohub-title p {
  letter-spacing: -1.2vw;
  }
  
  @keyframes title {
  
  0% {
  background-position: left;
  }
  
  50% {
  background-position: right;
  }
  
  100% {
  background-position: left;
  }
  
  }
  
  .admohub-quote {
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;
  width: 45vw;
  height: 100vh;
  margin: auto auto 10vh;
  font-family: 'Roboto Condensed', var(--UI-font);
  font-weight: bold;
  font-size: 2.5vw;
  text-align: center;
  color: rgb(133, 133, 133);
  line-height: 2.5vw;
  }
  
  .admohub-quote > span {
  font-family: 'Sofia Sans', var(--UI-font);
  }
  
  .admohub-quote::after {
  content: "THATGUYTHATTIME";
  margin-top: 2vw;
  font-size: 50%;
  font-weight: 900;
  opacity: 60%;
  }
  
  .admohub-container {
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  }
  
  .admohub-episode {
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: stretch;
  height: 100vh;
  box-sizing: border-box;
  }
  
  .admohub-epimage {
  background-image: linear-gradient(-90deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%), linear-gradient(45deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 30%), var(--admohub-epbg);
  background-size: cover;
  background-position: 65% center;
  width: 50vw;
  }
  
  #u-6488 .admohub-epimage {
  image-rendering: pixelated;
  }
  
  .admohub-epdesc {
  display: flex;
  flex-flow: column nowrap;
  justify-content: space-evenly;
  position: relative;
  background-image: linear-gradient(-245deg, rgb(0, 0, 0) 6%, rgba(var(--admohub-epcolor), 0.13) 100%);
  width: 50vw;
  padding: 2.5vw 3vw;
  box-sizing: border-box;
  }
  
  .admohub-epdirector {
  font-family: 'Roboto Condensed', var(--UI-font);
  font-size: 1.3vw;
  font-weight: bold;
  }
  
  .admohub-epdirector::before {
  content: "FEATURING ";
  margin-right: 0.9vw;
  font-weight: lighter;
  opacity: 80%;
  }
  
  .admohub-eptitle {
  font-family: var(--header-font);
  font-size: 5vw;
  line-height: 3.8vw;
  letter-spacing: -0.15vw;
  color: rgb(158, 158, 158);
  }
  
  .admohub-epno {
  display: block;
  font-family: 'Roboto Condensed', var(--UI-font);
  font-size: 2vw;
  font-weight: bold;
  opacity: 70%;
  }
  
  a.admohub-eplink, a.admohub-accesslink {
  margin: auto;
  display: block;
  max-width: 19vw;
  padding: 1.3vw 1vw;
  background-color: rgba(0, 0, 0, 0.3);
  border: solid 0.2vw rgba(255, 255, 255, 0.15);
  font-family: 'Roboto Condensed',var(--UI-font);
  font-weight: bold;
  text-decoration: none !important;
  color: rgb(var(--basalt-main-text-color));
  text-align: center;
  transition-duration: 0.1s;
  }
  
  a.admohub-eplink {
  font-size: 2.5vw;
  line-height: 3vw;
  }
  
  a.admohub-accesslink {
  font-size: 1vw;
  line-height: 1vw;
  opacity: 60%;
  }
  
  a.admohub-eplink:hover, a.admohub-accesslink:hover {
  color: rgb(32, 32, 32);
  border-color: transparent;
  background-color: rgba(var(--basalt-main-text-color), 0.9);
  }
  
  a.admohub-accesslink:hover {
  opacity: 100%;
  }
  
  .admohub-title, .admohub-epno, .admohub-eptitle {
  user-select: none;
  }
  
  .admohub-about {
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;
  height: 135vh;
  max-width: 30rem !important;
  margin: auto;
  font-family: var(--UI-font);
  word-spacing: 4px;
  }
  
  /* =============================================== */
  
  @media only screen and (max-width: 1230px) {
  
  .admohub-epimage {
  width: 45vw;
  }
  
  .admohub-epdesc {
  width: 55vw;
  padding: 0.5vw 0vw;
  }
  
  .admohub-epdirector {
  font-size: 2vw;
  }
  
  .admohub-epno {
  font-size: 3vw;
  }
  
  .admohub-eptitle {
  font-size: 6vw;
  line-height: 4.8vw;
  }
  
  a.admohub-eplink, a.admohub-accesslink {
  max-width: 28vw;
  padding: 2.3vw 1vw;
  }
  
  a.admohub-eplink {
  font-size: 3.5vw;
  line-height: 4vw;
  }
  
  a.admohub-accesslink {
  font-size: 1.6vw;
  line-height: 1.6vw;
  opacity: 70%;
  }
  
  }
  
  @media only screen and (max-width: 940px) {
  
  .admohub-splash {
  background-image: none;
  }
  
  .admohub-quote {
  font-size: 3.5vw;
  line-height: 3.5vw;
  }
  
  .admohub-epimage {
  display: none;
  }
  
  .admohub-epdesc {
  width: 100%;
  padding: 5.5vw 2.5vw;
  background-image: linear-gradient(90deg, rgb(0, 0, 0) 30%, rgba(0,0,0,0.4) 100%), linear-gradient(220deg, rgb(0, 0, 0) 0%, rgba(0,0,0,0) 40%), var(--admohub-epbg);
  background-size: cover;
  background-position: left center;
  }
  
  .admohub-epdirector {
  top: 5vw;
  right: 8vw;
  font-size: 2.6vw;
  }
  
  .admohub-epno {
  font-size: 4vw;
  }
  
  .admohub-eptitle {
  font-size: 8vw;
  line-height: 6.3vw;
  }
  
  a.admohub-eplink, a.admohub-accesslink {
  max-width: 36vw;
  padding: 3.3vw 2vw;
  }
  
  a.admohub-eplink {
  font-size: 4.5vw;
  line-height: 5vw;
  }
  
  a.admohub-accesslink {
  font-size: 2.3vw;
  line-height: 2.3vw;
  }
  
  }
  
  @media only screen and (max-width: 760px) {
  
  .admohub-splash {
  height: 65vh;
  }
  
  .admohub-quote {
  width: 80%;
  font-size: 4.5vw;
  line-height: 3.5vw;
  }
  
  .admohub-epdesc {
  align-items: center;
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.9) 0%, rgba(0,0,0,0.3) 100%), var(--admohub-epbg);
  background-position: center;
  text-align: center;
  }
  
  .admohub-epdirector {
  font-size: 3.3vw;
  opacity: 70%;
  }
  
  .admohub-epdirector::before {
  display: none;
  }
  
  .admohub-epno {
  font-size: 5vw;
  }
  
  .admohub-eptitle {
  font-size: 10vw;
  line-height: 8.3vw;
  }
  
  a.admohub-eplink, a.admohub-accesslink {
  max-width: unset;
  background-color: rgba(0, 0, 0, 0.6);
  padding: 4.3vw 9vw;
  }
  
  a.admohub-eplink {
  font-size: 7.5vw;
  line-height: 8vw;
  }
  
  a.admohub-accesslink {
  font-size: 3.5vw;
  line-height: 4vw;
  }
  
  .admohub-about {
  height: 120vh;
  max-width: unset !important;
  margin-inline: 3vw;
  font-size: 3vw;
  text-align: justify;
  }
  
  
  #u-6820 {
  --admohub-epbg: url(https://scp-wiki.wikidot.com/local--files/art:admonition-posters/H3kMHnt.webp);
  --admohub-epcolor: 97, 129, 196;
  }
  
  #u-6747 {
  --admohub-epbg: url(https://scp-wiki.wikidot.com/local--files/admonition/admo-6747-epimage.webp);
  --admohub-epcolor: 63, 0, 214;
  }
  
  #u-6659 {
  --admohub-epbg: url(https://scp-wiki.wikidot.com/local--files/admonition/admo-6659-tets.png);
  --admohub-epcolor: 255, 115, 60;
  }
  
  #u-6488 {
  --admohub-epbg: url(https://scp-wiki.wdfiles.com/local--files/scp-6488/infovore.jpg);
  --admohub-epcolor: 0, 200, 210;
  }
  
  #u-6183 {
  --admohub-epbg: url(https://scp-wiki.wikidot.com/local--files/admonition/blackbox.png);
  --admohub-epcolor: 20, 20, 20;
  }
  
  #u-7243 {
  --admohub-epbg: url(https://scp-wiki.wdfiles.com/local--files/scp-7243/admo-7243-exactus.jpg);
  --admohub-epcolor: 0, 145, 102;
  }
  
  /* =============================================== */

  Pages using this styling

  • art:admonition-posters [info]

  ¶ 1 occurrence
  

  :root {
      --header-subtitle: "1 Minute to Midnight";
  }

  Pages using this styling

  • art:act-of-creation [info]

  ¶ 1 occurrence
  

  
  #extrac-div-1 {
    display: none;
  }
  
  #page-title::after {
    content: "-SCP 8605-";
  }
  
  .page-rate-widget-box {
    margin-right: 0;
  }
  
  .full:focus-within {
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    height: 100lvh;
    width: 100%;
    z-index: 10;
    
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    
    backdrop-filter: blur(8px);
    
    cursor: pointer;
  }
  
  .full:focus-within img {
    max-height: 100vh;
    max-height: 100lvh;
    
    cursor: default;
    z-index: 11;
  }
  
  .full:focus-within a {
    cursor: default;
  }
  
  .full:focus-within .exit {
    position: absolute;
    top: 1rem;
    right: 1rem;
    height: 2rem;
    width: 2rem;
    cursor: pointer;
  }
  
  .full:focus-within .exit::before {
    content: "";
    clip-path: polygon(0 0, 50% 40%, 100% 0, 60% 50%, 100% 100%, 50% 60%, 0 100%, 40% 50%);
    cursor: pointer;
    background-color: red;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
  }
  
  @media (max-width: 767px) {
  .full:has(a:hover) {
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    height: 100lvh;
    width: 100%;
    z-index: 10;
    
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    
    backdrop-filter: blur(8px);
    
    cursor: pointer;
  }
  
  .full a:hover img {
    max-height: 100vh;
    max-height: 100lvh;
    
    cursor: default;
    z-index: 11;
  }
  
  .full:has(a:hover) a {
    cursor: default;
  }
  
  .full:has(a:hover) .exit {
    position: absolute;
    top: 1rem;
    right: 1rem;
    height: 2rem;
    width: 2rem;
    cursor: pointer;
  }
  
  .full:has(a:hover) .exit::before {
    content: "";
    clip-path: polygon(0 0, 50% 40%, 100% 0, 60% 50%, 100% 100%, 50% 60%, 0 100%, 40% 50%);
    cursor: pointer;
    background-color: red;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
  }
  }
  

  Pages using this styling

  • art:a-light-in-the-fog [info]

  ¶ 1 occurrence
  

  
  #extrac-div-1 {
    display: none;
  }
  
  #page-title::after {
    content: "-Glass and Steel-";
  }
  
  .page-rate-widget-box {
    margin-right: 0;
  }
  
  .full:focus-within {
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    height: 100lvh;
    width: 100%;
    z-index: 10;
    
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    
    backdrop-filter: blur(8px);
    
    cursor: pointer;
  }
  
  .full:focus-within img {
    max-height: 100vh;
    max-height: 100lvh;
    
    cursor: default;
    z-index: 11;
  }
  
  .full:focus-within a {
    cursor: default;
  }
  
  .full:focus-within .exit {
    position: absolute;
    top: 1rem;
    right: 1rem;
    height: 2rem;
    width: 2rem;
    cursor: pointer;
  }
  
  .full:focus-within .exit::before {
    content: "";
    clip-path: polygon(0 0, 50% 40%, 100% 0, 60% 50%, 100% 100%, 50% 60%, 0 100%, 40% 50%);
    cursor: pointer;
    background-color: red;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
  }
  
  @media (max-width: 767px) {
  .full:has(a:hover) {
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    height: 100lvh;
    width: 100%;
    z-index: 10;
    
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    
    backdrop-filter: blur(8px);
    
    cursor: pointer;
  }
  
  .full a:hover img {
    max-height: 100vh;
    max-height: 100lvh;
    
    cursor: default;
    z-index: 11;
  }
  
  .full:has(a:hover) a {
    cursor: default;
  }
  
  .full:has(a:hover) .exit {
    position: absolute;
    top: 1rem;
    right: 1rem;
    height: 2rem;
    width: 2rem;
    cursor: pointer;
  }
  
  .full:has(a:hover) .exit::before {
    content: "";
    clip-path: polygon(0 0, 50% 40%, 100% 0, 60% 50%, 100% 100%, 50% 60%, 0 100%, 40% 50%);
    cursor: pointer;
    background-color: red;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
  }
  }
  
  .flex-cont {
    display: flex;
    justify-content: space-between;
  }
  

  Pages using this styling

  • art:a-gods-eye-view [info]

  ¶ 1 occurrence
  

  :root {
      --desktop-time: 'INDOCHINA TIME -- GMT +7';
      --desktop-wallpaper: url("https://scp-wiki.wikidot.com/local--files/art:a-bunch-of-sapient-gumball-machines/W56Xm83.webp");
  }

  Pages using this styling

  • art:a-bunch-of-sapient-gumball-machines [info]

  ¶ 1 occurrence
  

  
  @import url('https://fonts.bunny.net/css2?family=Jersey+10&display=swap');
  
  :root {
      --header-font: 'Sans Normalcy', 'Nanum Gothic', Arial, sans-serif;
      --hdh1-size-mob: 150%;
      --hdh2-size-mob: 110%;
      --header-title: "SCP Foundation";
      --header-subtitle: "STRUCTURES, CONSTRUCTS, PATTERNS";
      --scene-width: calc(150px + 35vw);
  }
  
  div.page-rate-widget-box .rate-points {
      border: none;
  }
  
  .fight,
  .fight-data {
      border: calc(0.03 * var(--scene-width)) ridge rgb(23, 23, 51);
      overflow: hidden;
      margin: 0 auto;
      line-height: 1.2;
  }
  
  .fight {
      width: var(--scene-width);
      aspect-ratio: 3 / 2;
      background-image: url('https://scp-wiki.wikidot.com/local--files/art:9kcon-boss-fight/bg.webp');
      background-size: contain;
      background-repeat: no-repeat;
      position: relative;
  }
  
  .hover-wrap {
      position: absolute;
      top: calc(0.1 * var(--scene-width));
      left: 0;
      right: 0;
      bottom: 0;
      display: flex;
      justify-content: space-between;
  }
  
  
  .fractal-hover,
  .trench-hover,
  .file-hover {
      opacity: 0;
      display: inline-block;
      height: 100%;
      width: 32%;
  
      color: aliceblue;
      text-align: center;
      font-family: "Jersey 10", Arial, Helvetica, sans-serif;
      font-size: calc(0.04 * var(--scene-width));
      text-shadow: calc(0.004 * var(--scene-width)) calc(0.004 * var(--scene-width)) black,
                             calc(-0.004 * var(--scene-width)) calc(-0.004 * var(--scene-width)) black,
                             calc(-0.004 * var(--scene-width)) calc(0.004 * var(--scene-width)) black,
                             calc(0.004 * var(--scene-width)) calc(-0.004 * var(--scene-width)) black,
                             0 0 20px black, 0 0 10px black;
  
      transition: opacity 0.3s ease-out;
  }
  
  :is(.fractal-hover,
  .trench-hover,
  .file-hover):hover {
      opacity: 1;
  }
  
  
  .fight-data {
      width: var(--scene-width);
      height: calc(0.2 * var(--scene-width));
      background-image: linear-gradient(to bottom, rgb(74, 140, 255), rgb(27, 27, 137));
  
      color: aliceblue;
      font-family: "Jersey 10", Arial, Helvetica, sans-serif;
      font-size: calc(0.06 * var(--scene-width));
      text-shadow: calc(0.008 * var(--scene-width)) calc(0.008 * var(--scene-width)) black;
      border-top: none !important;
  
      display: grid;
      grid-template-areas: "trench fractal"
                                          "trench file";
      grid-template-columns: 47% 1fr;
      grid-template-rows: 1fr 1fr;
  }
  
  .fight-data a {
      color: aliceblue;
  }
  
  .fight-data a:hover {
      text-decoration: underline;
  }
  
  .list-pages-box p {
      margin-block: 0;
  }
  
  .boss0 {
      grid-area: trench;
      font-size: 120%;
      border-right: calc(0.02 * var(--scene-width)) ridge aliceblue;
  }
  
  .boss1 {
      grid-area: fractal;
      border-bottom: calc(0.015 * var(--scene-width)) ridge aliceblue;
  }
  
  .boss2 {
      grid-area: file;
      font-size: 90%;
  }
  
  .boss0,
  .boss1,
  .boss2 {
      display: flex;
      justify-content: center;
      align-items: center;
      text-align: center;
      box-shadow: inset calc(0.006 * var(--scene-width)) calc(0.006 * var(--scene-width)) 0px black;
  }
  
  .hp-box {
      display: inline-block;
  }
  
  .hp-box.large {
      border: calc(0.012 * var(--scene-width)) ridge aliceblue;
      width: calc(0.15 * var(--scene-width));
      height: calc(0.045 * var(--scene-width));
      margin-bottom: calc(-0.02 * var(--scene-width));
  }
  
  .hp-box.small {
      border: calc(0.01 * var(--scene-width)) ridge aliceblue;
      width: calc(0.1 * var(--scene-width));
      height: calc(0.033 * var(--scene-width));
      margin-bottom: calc(-0.015 * var(--scene-width));
  }
  
  .hp-line {
      height: 100%;
      background-image: linear-gradient(to right, green, lightgreen);
  }
  
  .trench-wrap,
  .fractal-wrap,
  .file-wrap {
      position: absolute;
  }
  
  .trench,
  .fractal,
  .file {
      position: relative;
      width: 100%;
      height: 100%;
  }
  
  .trench0,
  .trench1,
  .trench2,
  .fractal0,
  .fractal1,
  .fractal1-shadow,
  .fractal2,
  .file0,
  .file1,
  .file1-shadow {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background-size: contain;
      background-repeat: no-repeat;
  }
  
  .trench-wrap {
      top: 19%;
      left: 8%;
      right: 8%;
      bottom: 0;
  }
  
  .trench0 {
      background-image: url('https://scp-wiki.wikidot.com/local--files/art:9kcon-boss-fight/trench0.webp');
  }
  
  .trench1 {
      background-image: url('https://scp-wiki.wikidot.com/local--files/art:9kcon-boss-fight/trench1.webp');
      animation: sway 3s ease-in-out infinite;
  }
  
  .trench2 {
      background-image: url('https://scp-wiki.wikidot.com/local--files/art:9kcon-boss-fight/trench2.webp');
      animation: move 7s ease-in-out 0.5s infinite;
      mix-blend-mode: hard-light;
  }
  
  .fractal-wrap {
      top: 18%;
      left: 0;
      bottom: 0;
      right: 0;
  }
  
  .fractal0 {
      background-image: url('https://scp-wiki.wikidot.com/local--files/art:9kcon-boss-fight/fractal0.webp');
      filter: saturate(3);
  }
  
  .fractal1 {
      background-image: url('https://scp-wiki.wikidot.com/local--files/art:9kcon-boss-fight/fractal1.webp');
      animation: move 3s ease-in-out 1s infinite;
  }
  
  .fractal1-shadow {
      background-image: url('https://scp-wiki.wikidot.com/local--files/art:9kcon-boss-fight/fractal1-shadow.webp');
      animation: move 3s ease-in-out 1s infinite;
      mix-blend-mode: darken;
      filter: blur(5px) brightness(0.5);
  }
  
  .fractal2 {
      background-image: url('https://scp-wiki.wikidot.com/local--files/art:9kcon-boss-fight/fractal2.webp');
      filter: saturate(7);
  }
  
  .file-wrap {
      top: 10%;
      left: 10%;
      right: 0;
      bottom: 0;
  }
  
  .file0 {
      background-image: url('https://scp-wiki.wikidot.com/local--files/art:9kcon-boss-fight/file0.webp');
  }
  
  .file1 {
      background-image: url('https://scp-wiki.wikidot.com/local--files/art:9kcon-boss-fight/file1.webp');
      animation: move 4s ease-in-out infinite;
      filter: saturate(1.2) contrast(1.2);
  }
  
  .file1-shadow {
      background-image: url('https://scp-wiki.wikidot.com/local--files/art:9kcon-boss-fight/file1-shadow.webp');
      animation: move 4s ease-in-out infinite;
      mix-blend-mode: darken;
      filter: blur(5px) brightness(0.8);
  }
  
  @keyframes sway {
      0% {
          transform: rotate(2deg);
      }
  
      50% {
          transform: rotate(-2deg);
      }
  
      100% {
          transform: rotate(2deg);
      }
  }
  
  @keyframes move {
      0% {
          transform: translateY(0%);
      }
  
      50% {
          transform: translateY(5%);
      }
  
      100% {
          transform: translateY(0%);
      }
  }
  

  Pages using this styling

  • art:9kcon-boss-fight [info]

  ¶ 1 occurrence
  

  
  @import url('https://scp-wiki.wikidot.com/local--files/scp-8980/departuremono.css');
  
  :root {
      --logo: url(https://scp-wiki.wikidot.com/local--files/art:8980anniversary/fsd_W.webp);
      --header-title: "FIRE SUPPRESSION DEPARTMENT";
      --header-subtitle: "INTERNAL RECORDKEEPING INTERFACE";
      --basalt-primary-color: 0, 15, 0;
      --basalt-secondary-color: 5, 37, 35;
      --basalt-tertiary-color: 0, 30, 25;
      --ec-popup-color: 30, 78, 68;
      --basalt-bright-element-color: 15, 152, 140;
      --basalt-dark-element-color: 10, 132, 125;
      --rfr-primary: #E0F6FD;
      --rfr-secondary: lightskyblue;
  }
  
  body {
      background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.8)), url("https://scp-wiki.wikidot.com/local--files/scp-8980/fractal.webp");
      background-position: center, center;
      background-size: cover;
      background-attachment: scroll, fixed;
      background-color: rgba( 0, 110, 98, 1);
      background-blend-mode: luminosity;
  }
  
  b, strong {
      font-weight: 800;
  }
  
  table {
      box-sizing: border-box;
  }
  
  .content-warning {
      font-size: 85%;
      translate: 0px -5px;
  }
  
  #top-bar div[class*="top-bar"] > ul > li > a {
      font-size: 115%;
  }
  
  .page-title {
      border-bottom: solid 1px #424248;
      font-weight: normal;
      margin: 0 0 0.6em;
      padding: 0 0 0.25em;
      font-size: 200%;
      font-family: var(--title-font);
  }
  
  .page-title p {
      margin: 0;
  }
  
  #breadcrumbs, .pseudocrumbs {
      margin: auto;
      width: fit-content;
      padding-bottom: 5px;
      opacity: 0.8;
  }
  
  #page-content .yui-content div {
      overflow: hidden;
  }
  
  #page-content div:is(.document, .darkdocument) {
      max-width: 50rem;
  }
  
  div:is(.document, .darkdocument)::before, div:is(.document, .darkdocument)::after {
      position: relative !important;
  }
  
  div.blockquote {
      background-color: #0f0f0f;
  }
  
  div.blockquote.light {
      background-color: #2b2b2b;
  }
  
  .red-text {
      color: red;
  }
  
  .licensebox .collapsible-block-link {
      opacity: 0.5;
      transition-duration: 0.3s;
  }
  
  .licensebox .collapsible-block-link:hover {
      opacity: 1;
      transition-duration: 0.3s;
  }
  
  @media (max-width: 430px) {
      :where(#page-content) table {
          width: fit-content;
      }
  }
  

  Pages using this styling

  • art:8980anniversary [info]

  ¶ 1 occurrence
  

  .flipped-image-block img:hover {
    transform: rotate(180deg);
  }

  Pages using this styling

  • art:8627-stelly [info]

  ¶ 1 occurrence
  

  :root {
       --header-title: "WINKWONK DOODLES";
       --header-subtitle: "7K EDITION";
  }

  Pages using this styling

  • art:7k-doodles [info]

  ¶ 1 occurrence
  

  :root {
      --pale-accent: 210, 96, 20;
      --bright-accent: 194, 108, 33;
      --medium-accent: 204, 116, 57;
      --dark-accent: 179, 82, 4;
      --alt-accent: 136, 221, 17;
  }

  Pages using this styling

  • art:4183-painting [info]

  ¶ 1 occurrence
  

  :root {
      --bg-img: url(https://scp-wiki.wdfiles.com/local--files/art%3A2025-art-exchange-miss-lapis/background_image.jpg); 
      --background-gradient: linear-gradient(to bottom, rgb(var(--primary-color), 0.5) 20%, transparent);
  
      --prologue-setting: hidden;
      --prologue-author-setting: hidden;
      --subtitle-setting: none; 
  
      --primary-color: 28, 10, 21;
      --link-color: 209, 86, 162;
      --other-color: 51, 30, 43;
      --other-yui: 33, 13, 25;
  }
  
  div.blockquote.dark {
      background: rgba(var(--other-color), 0.5);
  }
  
  .yui-navset .yui-nav a {
    background: rgba(var(--other-color), 0.5);
  }
  
  .yui-navset .yui-nav a:is(:hover,:focus) {
    background: rgba(var(--other-color), 0.5);
  }
  
  .yui-navset .yui-content, .yui-content {
    background: rgba(var(--other-color), 0.5);
  }
  
  /* ------------ yuis ------------ */
  
  @media (min-width: 767px) {
  .yui-navset.yui-navset-top {
    display: grid;
    grid-template-areas: "tab content";
    grid-template-columns: 1fr 3fr;
    align-items: flex-start;
    flex-direction:column;
    margin:.75rem 1rem;
    clear:both;
  }
  
  .yui-navset.yui-navset-top>ul.yui-nav {
    grid-area: tab;
    display: grid;
  }
  
  .yui-navset.yui-navset-top .yui-content {
    grid-area: content;
    align-self: stretch;
  }
  /* ------------------------------ */
  .yui-navset .yui-nav a {
    border: solid transparent;
    border-radius: 5px 0px 0px 5px;
    text-shadow: none;
  }
  
  .yui-navset .yui-content, .yui-content {
    border-radius: 5px;
    margin-top: 0;
    border-top: none;
  }
  
  .yui-navset .yui-nav .selected :is(a, a:hover, a:focus) {
    border-radius: 5px 0px 0px 5px;
  }
  
  .yui-navset .yui-nav .selected a em {
      border: none;
  }
  }
  

  Pages using this styling

  • art:2025-art-exchange-miss-lapis [info]

  ¶ 1 occurrence
  

  
  /* ------------------------------------------------------------------- */
  /* --------------------- Header by Ignota, --------------------- */
  /* ------------------ as seen on SCP-8500 ------------------ */
  /* -------- https://scp-wiki.wikidot.com/scp-8500 -------- */
  /* ------------------------------------------------------------------- */
  
  div#header
  {
    background-image: url('https://scp-wiki.wdfiles.com/local--files/scp-8500/y2klogo.png') !important;
    image-rendering: pixelated;
  }
  div#container-wrap
  {
    background-image: url('https://scp-wiki.wdfiles.com/local--files/scp-8500/header.png') !important;
  }
  
  /* ------------------------------------------------------------------- */
  /* ------------------------------------------------------------------- */
  /* ------------------------------------------------------------------- */
  
  a {
      color: rgb(0, 132, 132);
  }
  
  #top-bar a,
  #top-bar ul li.sfhover a,
  #top-bar ul li:hover a,
  #side-bar a,
  #interwiki a {
      color: rgb(0, 132, 132);
  }
  
  #side-bar a:visited,
  #interwiki a:visited,
  #login-status ul a,
  #login-status ul a:hover {
      color: #800080;
  }
  
  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: #639cff;
  }
  
  .yui-navset .yui-nav,
  .yui-navset .yui-navset-top .yui-nav {
      border-color: #5b6eff;
  }
  
  .yui-content {
      margin-bottom: 0.5em;
  }
  
  .yui-content .collapsible-block-folded{
      margin: 40px;
      padding: 0.75em;
      border: 0.09rem dashed #666666;
      text-align:center;
  }
  
  .yui-content .collapsible-block-unfolded-link{
      margin: 40px;
      padding: 0.75em;
      border: 0.09rem dashed #666666;
      text-align:center;
  }
  
  @media only screen and (max-width: 767.98px) {
  .yui-content .collapsible-block-folded{
      margin: 0.4em;
      padding: 0.75em;
  }
  
  .yui-content .collapsible-block-unfolded-link{
      margin: 0.4em;
      padding: 0.75em;
  }

  Pages using this styling

  • art:2024-art-exchange-miss-lapis [info]

  ¶ 1 occurrence
  

  :root,
  :root:lang(cn) {
      --logo-image: url("https://scp-wiki.wikidot.com/local--files/art:049-but-logos/049_but_Foundation_w.svg");
      --header-title: "The SCP Hospitallers";
      --header-subtitle: "Scourge, Curse, Pestilence";
  }

  Pages using this styling

  • art:049-but-logos [info]

  ¶ 1 occurrence
  

  .art-container {
      display: flex;
      flex-wrap: wrap;
      align-content: center;
      justify-content: space-around;
      align-self: flex-end
      gap: 1rem 1rem;
  }
  .art-container .art {
      flex: 0 1 200px;
      text-align: center;
      padding-bottom: 1rem;
      padding-left: 1rem;
      padding-right: 1rem;
  }
  
  .art-container .art .image-container {
      padding: 0;
      min-height: 100%;
      max-width: 100%;
  }

  Pages using this styling

  • art-tagging-guide [info]

  ¶ 1 occurrence
  

  /*art-exchange-2025-hub*/
  @import url('https://fonts.googleapis.com/css2?family=Shantell+Sans:ital,wght@0,300..800;1,300..800&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Berkshire+Swash&display=swap');
  
  /*js 
  window.hex2rgb = (hex) => {
    return [
      parseInt(hex.slice(1,3), 16),
      parseInt(hex.slice(3,5), 16),
      parseInt(hex.slice(5,7), 16)
    ].join(", ");
  };
  
  window.colorScheme = {
    "holy-night": "#343652",
    "holy-night-darker": "#242642",
    "holy-night-even-darker": "#1d1f3d",
    "fir": "#1a3436",
    "fir-darker": "#0a2426",
    "season": "#451404",
    "christmas": "#a41b14",
    "bells": "#cd3e04",
    "eggnog-cream": "#d8c8b8",
    "holly-leaf": "#616852",
    "mulled-wine": "#78211e",
    "cinnamon-sugar": "#bb9771",
    "frosty-silver": "#beb3ac"
  };
  
  `:root {
  ${[...Object.entries(window.colorScheme)].map(
      ([k, v]) => `--c-${k}: ${window.hex2rgb(v)}`
    ).join(";\n")}
  }`
  *//*GENERATED START*/:root {
  --c-holy-night: 52, 54, 82;
  --c-holy-night-darker: 36, 38, 66;
  --c-holy-night-even-darker: 29, 31, 61;
  --c-fir: 26, 52, 54;
  --c-fir-darker: 10, 36, 38;
  --c-season: 69, 20, 4;
  --c-christmas: 164, 27, 20;
  --c-bells: 205, 62, 4;
  --c-eggnog-cream: 216, 200, 184;
  --c-holly-leaf: 97, 104, 82;
  --c-mulled-wine: 120, 33, 30;
  --c-cinnamon-sugar: 187, 151, 113;
  --c-frosty-silver: 190, 179, 172
  }/*GENERATED END*/
  
  :root {
    --main-content-width: 100vw;
    --main-content-side-margin: 0;
    --title-size: 17px;
    --subtitle-size: 12px;
    --top-bar-mobile-height: calc(var(--header-UI-font-size) * 2.5);
    --header-font-primary: 'Shantell Sans';
    --basalt-background-color: var(--c-holy-night-even-darker);
    --basalt-main-text-color: var(--c-eggnog-cream);
    --blockquote-background-color: var(--c-fir);
    --blockquote-border-color: var(--c-fir-darker);
    --blockquote-border-width: 0.5em;
    --link-color: var(--c-bells);
    --basalt-UI-background-color: var(--c-holy-night-darker)
  }
  
  #html-body {
    background-image: url(https://scp-sandbox-3.wdfiles.com/local--files/collab:ae-2025/ae-bg.png);
    background-size: contain;
  }
  
  .header {
    width: 100vw;
    height: 50vw;
    background-size: cover;
    margin-top: -16vw;
  }
  
  #page-title {
    display: none !important;
  }
  
  .title {
    text-align: center;
    font-family: 'Berkshire Swash', sans-serif;
    background-size: cover;
    aspect-ratio: 2/1;
    color: white;
    font-size: min(
  3em, 
  4vw);
    line-height: 0.6;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: max-content;
    display: inline-block;
    filter: drop-shadow(0 0 5px rgb(var(--c-holy-night))) drop-shadow(0 0 20px rgb(var(--c-holy-night)));
    margin-top: 
  2em;
    margin-bottom: 1.5em;
  }
  
  .title::before {
    background-image: url(https://scp-sandbox-3.wdfiles.com/local--files/collab:ae-2025/branch1.png);
    width: 170%;
    height: 170%;
    background-size: cover;
    position: absolute;
    content: "";
    top: -30%;
    left: -35%;
  }
  
  .title::after {
    background-image: url(https://scp-sandbox-3.wdfiles.com/local--files/collab:ae-2025/branch2.png);
    width: 170%;
    height: 170%;
    background-size: cover;
    position: absolute;
    content: "";
    top: -65%;
    left: -35%;
  }
  
  .title .year {
    font-size: 3em;
  }
  
  @media (max-width: 768px) {
    .header {
      width: 100vw;
      height: 100vw;
      background-position: 100% 0%;
      margin-top: 0;
    }
    .title {
      font-size: 6.5vw;
    }
  
  }
  
  #page-content > *:has(~ .header) {
    display: none;
  }
  
  #page-content {
    margin-top: 0;
    padding-top: 0;
  }
  
  #main-content {
    margin-top: 0;
    padding-top: 0;
  }
  
  #page-content .main-text {
    max-width: 50em;
    margin: auto;
    padding: 0 1em;
    background-color: #112b;
    border: 0.5em solid rgb(var(--c-holy-night));
    backdrop-filter: blur(5px);
  }
  
  :has(.randMod div:is([id$='0'])) .header,
  :has(.randMod div:is([id$='1'])) .header,
  :has(.randMod div:is([id$='2'])) .header,
  :has(.randMod div:is([id$='3'])) .header {
      display: block;
      background-image: url(https://scp-sandbox-3.wikidot.com/local--files/collab:ae-2025-temp-file-host/ae-banner-final1.webp);
  }
  
  :has(.randMod div:is([id$='4'])) .header,
  :has(.randMod div:is([id$='5'])) .header,
  :has(.randMod div:is([id$='6'])) .header {
      display: block;
      background-image: url(https://scp-sandbox-3.wikidot.com/local--files/collab:ae-2025-temp-file-host/ae-banner-final2.webp);
  }
  
  :has(.randMod div:is([id$='7'])) .header,
  :has(.randMod div:is([id$='8'])) .header,
  :has(.randMod div:is([id$='9'])) .header {
      display: block;
      background-image: url(https://scp-sandbox-3.wikidot.com/local--files/collab:ae-2025-temp-file-host/ae-banner-final3.webp);
  }
  

  Pages using this styling

  • art-exchange-2025-hub [info]

  ¶ 1 occurrence
  

  
  :root {
      --linkColor: #FC8391;
      --linkColor-newpage: #FC9958;
   
      --primaryBackgroundColor: #FFFFFF;
  
  
  
  
  #page-title {
    display: none;
  }
  
  /* Table */
  table.listpages-table,
  table.timeline {
    width: 100%;
    word-break: break-word;
  }
  table.listpages-table th {
    background-color: #666;
    color: #fff;
  }
  table.listpages-table td {
    vertical-align: top;
  }
  table.listpages-table td:not(:first-child) {
    text-align: center;
  }
  table.listpages-table tr:nth-child(2n+1) td {
    background-color: rgba(210, 210, 210, .5);
  }
  table.timeline {
    border-spacing: 0;
  }
  table.timeline td {
    vertical-align: top;
  }
  table.timeline td.label {
    font-size: 1.5em;
    font-weight: bold;
    text-align: center;
  }
  table.timeline td.left {
    border-right: solid 1px #999;
    width: 50%;
    text-align: right;
    padding: 5px 6px 5px 0;
  }
  table.timeline td.right {
    padding: 5px 0 5px 6px;
  }
  table.timeline div.crucial {
    font-family: monospace;
    font-size: 1.1em;
    color: #999;
  }
  table.timeline div.title {
    font-size: 1.25em;
  }
  table.timeline div.description {
    display: inline-block;
    text-align: left;
    padding: 2px 0 8px;
  }
  table.timeline div.description p:first-child {
    margin-top: 0;
  }
  
  /* Fragment */
  .pointer {
    display: none;
  }
  .fragmentWrapWrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    -webkit-mask: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 4%, rgba(255, 255, 255, 1) 96%, rgba(255, 255, 255, 0) 100%);
    mask: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 4%, rgba(255, 255, 255, 1) 96%, rgba(255, 255, 255, 0) 100%);
  }
  .fragmentWrapWrap .mask {
    position: relative;
    z-index: 1;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 4%;
  }
  .fragmentWrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 92%;
    -webkit-transition: -webkit-transform .3s ease-in-out;
    -moz-transition: -moz-transform .3s ease-in-out;
    -ms-transition: -ms-transform .3s ease-in-out;
    -o-transition: -o-transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
  }
  .fragment {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    box-sizing: border-box;
    width: 100%;
    padding: 0 .5em;
  }
  .fragment .subtitle {
    padding-right: 1em;
    text-align: right;
    color: #aaa;
  }
  #u-p-1:target ~ .fragmentWrapWrap .fragmentWrap {
    -webkit-transform: translate(-100%);
    -moz-transform: translate(-100%);
    -ms-transform: translate(-100%);
    -o-transform: translate(-100%);
    transform: translate(-100%);
  }
  #u-p-2:target ~ .fragmentWrapWrap .fragmentWrap {
    -webkit-transform: translate(-200%);
    -moz-transform: translate(-200%);
    -ms-transform: translate(-200%);
    -o-transform: translate(-200%);
    transform: translate(-200%);
  }
  #u-p-3:target ~ .fragmentWrapWrap .fragmentWrap {
    -webkit-transform: translate(-300%);
    -moz-transform: translate(-300%);
    -ms-transform: translate(-300%);
    -o-transform: translate(-300%);
    transform: translate(-300%);
  }
  #u-p-4:target ~ .fragmentWrapWrap .fragmentWrap {
    -webkit-transform: translate(-400%);
    -moz-transform: translate(-400%);
    -ms-transform: translate(-400%);
    -o-transform: translate(-400%);
    transform: translate(-400%);
  }

  Pages using this styling

  • arsene-lupin-vs-the-scp-foundation-hub [info]

  ¶ 1 occurrence
  

   :root{
       --accentColor: #D22B2B;
       --accentColorLite: #AD2323;
       --hue: hue;
  
       --bgColor: #191b1e;
       --fgColor: #0e0f11;
  
       --lgurl: url(https://scp-wiki.wdfiles.com/local--files/armed-with-hell-flames-and-fury/chaos-insurgency-sigil-1.png);
  
       --header-title: "CHAOS INSURGENCY";
       --header-subtitle: "CREATING LOGIC OUT OF ILLOGIC";
       --titleColor: title_colour;
       --subtitleColor: subtitle_colour;
  }
  
  #extra-div-1 {
       filter: invert(0) opacity(.15);
  }
  
  #header h1 a::before {
       background: -webkit-linear-gradient(270deg, rgba(255,255,255,1), rgba(179,179,179,1) 75%, rgba(47, 51, 60,1) 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
  }
  
   .zm,
   .zm hr,
   .zm.comment {
     --accentColor: hsl(220, 18%, 47%);
     --accentColorLite: hsla(220, 18%, 47%, .15);
  }
  
   .zm .fnnum::after,
   .zm .fnnum:hover,
   .zm .fncon:before {
     --fnColor: var(--accentColor);
  }
  
   .zm.comment {
       display: block;
       margin: .8rem;
       padding: .02rem .8rem;
  
       color: var(--textColor);
       background: var(--accentColorLite);
  }
  
  .report-box hr {
      border-top: 3px solid var(--accentColor);
  }
  
  .monologue td {
      text-align: center;
      padding: 0.8rem;
      border: 1px solid var(--accentColor);
      line-height: 1.5;
  }
  
  .monologue th {
      text-align: center;
      padding: 0.3rem;
      background: var(--accentColor);
      border: 1px solid var(--accentColor);
  }
  
  .monologue th h3 {
      color: var(--textColor);
      text-decoration-color: var(--textColor);
  }
  
  .monologue td .background-text {
       opacity: .8;
       font-style: italic;
  }
  
  .comment {
       text-align: justify;
  }
  
   #u-fade-away {
   /* Mouse Hover Reveals Rating Module */
      opacity: calc(1 / 3);
      transition: all .25s ease-in-out;
  }
  
   #u-fade-away:hover {
      opacity: 1;
  }
  
  .argus {
      --accentColor: #879DCC;
      --accentColorLite: #AEC0E6;
      --fnColor: var(--accentColor);
      background: #eff4ff;
      border: thick solid #5B5D61;
      color: #333;
      text-align: center;
      margin-bottom: 2.5rem;
      margin-top: 2.5rem;
      font: 110% var(--header-font);
      font-weight: bold;
  }
  
  .argus hr {
      border: thin solid #5B5D61;
  }
  
  tt {
      background-color: transparent;
      padding: 0em;
  }

  Pages using this styling

  • armed-with-hell-flames-and-fury [info]

  ¶ 1 occurrence
  

  p{
  line-height:1;
  }
  .flexing{
  display:flex;
  flex-wrap:wrap;
  }
  .container{
  flex: 1 1 50%;
  width:100%;
  color:rgb(1, 245, 252);
  height:10em;
  text-align:center;
  text-shadow:0 0 10px;
  font-weight:bold;
  font-size:200%;
  font-family:'eurostile-extended';
  cursor:pointer;
  margin-top:20px;
  position:relative;
  border-left:solid 1px yellow;
  box-shadow:-3px 0px 1px -1px yellow;
    transition: all 1s ease-in-out;
  }
  .container:hover{
  color:rgb(250, 245, 45);
  border-left:solid 1px teal;
  box-shadow:-3px 0px 1px -1px teal;
    transition: all 1s ease-in-out;
  }
  .link{
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
  color:rgba(0,0,0,0.0);
  }
  .scp-image-block img {
  filter:hue-rotate(95deg);
  }
  .smol{
  font-size:50%;
  font-family:'segoe ui';
  }
  .special{
  background:black;
  }
  .aten{
  background:linear-gradient(rgba(36, 0, 51, 0.7), rgba(36, 0, 51, 0.7)), url(https://scp-wiki.wikidot.com/local--files/scp-6830/aten.jpg);
  background-position:center;
  }
  .aten:hover{
  background:linear-gradient(rgba(57, 0, 82, 0.6), rgba(57, 0, 82, 0.6)), url(https://scp-wiki.wikidot.com/local--files/scp-6830/aten.jpg);
  background-position:center;
  }
  .cave{
  background:linear-gradient(rgba(36, 0, 51, 0.7), rgba(36, 0, 51, 0.7)), url(https://ariadnesthread.wdfiles.com/local--files/scp%3Ashaman/cave.jpg);
  background-position:center;
  }
  .cave:hover{
  background:linear-gradient(rgba(57, 0, 82, 0.6), rgba(57, 0, 82, 0.6)), url(https://ariadnesthread.wdfiles.com/local--files/scp%3Ashaman/cave.jpg);
  background-position:center;
  }
  .yurt{
  background:linear-gradient(rgba(36, 0, 51, 0.7), rgba(36, 0, 51, 0.7)), url(https://scp-wiki.wdfiles.com/local--files/ariadnes-malibu-dream-house/yurt.jpg);
  background-position:center;
  }
  .yurt:hover{
  background:linear-gradient(rgba(57, 0, 82, 0.6), rgba(57, 0, 82, 0.6)), url(https://scp-wiki.wdfiles.com/local--files/ariadnes-malibu-dream-house/yurt.jpg);
  background-position:center;
  }
  .theo{
  background:linear-gradient(rgba(36, 0, 51, 0.7), rgba(36, 0, 51, 0.7)), url(https://scp-wiki.wikidot.com/local--files/ariadnes-malibu-dream-house/theology.jpg);
  background-position:center;
  }
  .theo:hover{
  background:linear-gradient(rgba(57, 0, 82, 0.6), rgba(57, 0, 82, 0.6)), url(https://scp-wiki.wikidot.com/local--files/ariadnes-malibu-dream-house/theology.jpg);
  background-position:center;
  }
  .tower{
  background:linear-gradient(rgba(36, 0, 51, 0.7), rgba(36, 0, 51, 0.7)), url(https://scp-wiki.wdfiles.com/local--files/scp-7028/biet-giorygis.jpg);
  background-position:center;
  background-repeat:no-repeat;
  background-size:cover;
  }
  .tower:hover{
  background:linear-gradient(rgba(57, 0, 82, 0.6), rgba(57, 0, 82, 0.6)), url(https://scp-wiki.wdfiles.com/local--files/scp-7028/biet-giorygis.jpg);
  background-position:center;
  background-repeat:no-repeat;
  background-size:cover;
  }
  .dallol{
  background:linear-gradient(rgba(36, 0, 51, 0.7), rgba(36, 0, 51, 0.7)), url(https://scp-wiki.wdfiles.com/local--files/your-place-was-empty/dallol.jpg);
  background-position:center;
  background-repeat:no-repeat;
  background-size:cover;
  }
  .dallol:hover{
  background:linear-gradient(rgba(57, 0, 82, 0.6), rgba(57, 0, 82, 0.6)), url(https://scp-wiki.wdfiles.com/local--files/your-place-was-empty/dallol.jpg);
  background-position:center;
  background-repeat:no-repeat;
  background-size:cover;
  }
  .plant{
  background:linear-gradient(rgba(36, 0, 51, 0.7), rgba(36, 0, 51, 0.7)), url(https://scp-wiki.wdfiles.com/local--files/the-virtue-of-resilience/cracks.png);
  background-position:center;
  background-repeat:no-repeat;
  background-size:cover;
  }
  .plant:hover{
  background:linear-gradient(rgba(57, 0, 82, 0.6), rgba(57, 0, 82, 0.6)), url(https://scp-wiki.wdfiles.com/local--files/the-virtue-of-resilience/cracks.png);
  background-position:center;
  background-repeat:no-repeat;
  background-size:cover;
  }
  .king{
  background:linear-gradient(rgba(36, 0, 51, 0.7), rgba(36, 0, 51, 0.7)), url(https://scp-wiki.wdfiles.com/local--files/ariadnes-malibu-dream-house/king);
  background-position:center;
  background-repeat:no-repeat;
  background-size:cover;
  }
  .king:hover{
  background:linear-gradient(rgba(57, 0, 82, 0.6), rgba(57, 0, 82, 0.6)), url(https://scp-wiki.wdfiles.com/local--files/ariadnes-malibu-dream-house/king);
  background-position:center;
  background-repeat:no-repeat;
  background-size:cover;
  }
  .baba{
  background:linear-gradient(rgba(36, 0, 51, 0.7), rgba(36, 0, 51, 0.7)), url(https://scp-wiki.wikidot.com/local--files/ariadnes-malibu-dream-house/babayaga);
  background-position:center;
  background-repeat:no-repeat;
  background-size:cover;
  }
  .baba:hover{
  background:linear-gradient(rgba(57, 0, 82, 0.6), rgba(57, 0, 82, 0.6)), url(https://scp-wiki.wikidot.com/local--files/ariadnes-malibu-dream-house/babayaga);
  background-position:center;
  background-repeat:no-repeat;
  background-size:cover;
  }
  .koya{
  background:linear-gradient(rgba(36, 0, 51, 0.7), rgba(36, 0, 51, 0.7)), url(https://scp-wiki.wdfiles.com/local--files/component%3Aanomaly-class-bar/galactic.jpg);
  background-position:center;
  background-repeat:no-repeat;
  background-size:cover;
  }
  .koya:hover{
  background:linear-gradient(rgba(57, 0, 82, 0.6), rgba(57, 0, 82, 0.6)), url(https://scp-wiki.wdfiles.com/local--files/component%3Aanomaly-class-bar/galactic.jpg);
  background-position:center;
  background-repeat:no-repeat;
  background-size:cover;
  }
  .burn{
  background:linear-gradient(rgba(36, 0, 51, 0.7), rgba(36, 0, 51, 0.7)), url(https://scp-wiki.wikidot.com/local--files/ariadnes-malibu-dream-house/memorial.jpg);
  background-position:center;
  background-repeat:no-repeat;
  background-size:cover;
  }
  .burn:hover{
  background:linear-gradient(rgba(57, 0, 82, 0.6), rgba(57, 0, 82, 0.6)), url(https://scp-wiki.wikidot.com/local--files/ariadnes-malibu-dream-house/memorial.jpg);
  background-position:center;
  background-repeat:no-repeat;
  background-size:cover;
  }
  .darkness{
  background:linear-gradient(rgba(36, 0, 51, 0.7), rgba(36, 0, 51, 0.7)), url(https://scp-wiki.wikidot.com/local--files/ariadnes-malibu-dream-house/darkness);
  background-position:center;
  background-repeat:no-repeat;
  background-size:cover;
  }
  .darkness:hover{
  background:linear-gradient(rgba(57, 0, 82, 0.6), rgba(57, 0, 82, 0.6)), url(https://scp-wiki.wikidot.com/local--files/ariadnes-malibu-dream-house/darkness);
  background-position:center;
  background-repeat:no-repeat;
  background-size:cover;
  }
  .mech{
  background:linear-gradient(rgba(36, 0, 51, 0.7), rgba(36, 0, 51, 0.7)), url(https://scp-wiki.wikidot.com/local--files/ariadnes-malibu-dream-house/clockwork);
  background-position:center;
  background-repeat:no-repeat;
  background-size:cover;
  }
  .mech:hover{
  background:linear-gradient(rgba(57, 0, 82, 0.6), rgba(57, 0, 82, 0.6)), url(https://scp-wiki.wikidot.com/local--files/ariadnes-malibu-dream-house/clockwork);
  background-position:center;
  background-repeat:no-repeat;
  background-size:cover;
  }
  .bridge{
  background:linear-gradient(rgba(36, 0, 51, 0.7), rgba(36, 0, 51, 0.7)), url(https://scp-wiki.wikidot.com/local--files/ariadnes-malibu-dream-house/bridge.jpg);
  background-position:center;
  background-repeat:no-repeat;
  background-size:cover;
  }
  .bridge:hover{
  background:linear-gradient(rgba(57, 0, 82, 0.6), rgba(57, 0, 82, 0.6)), url(https://scp-wiki.wikidot.com/local--files/ariadnes-malibu-dream-house/bridge.jpg);
  background-position:center;
  background-repeat:no-repeat;
  background-size:cover;
  }
  .maze{
  background:linear-gradient(rgba(36, 0, 51, 0.7), rgba(36, 0, 51, 0.7)), url(https://scp-wiki.wikidot.com/local--files/ariadnes-malibu-dream-house/maze);
  background-position:center;
  background-repeat:no-repeat;
  background-size:cover;
  }
  .maze:hover{
  background:linear-gradient(rgba(57, 0, 82, 0.6), rgba(57, 0, 82, 0.6)), url(https://scp-wiki.wikidot.com/local--files/ariadnes-malibu-dream-house/maze);
  background-position:center;
  background-repeat:no-repeat;
  background-size:cover;
  }
  .casino{
  background:linear-gradient(rgba(36, 0, 51, 0.7), rgba(36, 0, 51, 0.7)), url(https://scp-wiki.wikidot.com/local--files/ariadnes-malibu-dream-house/casino.jpg);
  background-position:center;
  background-repeat:no-repeat;
  background-size:cover;
  }
  .casino:hover{
  background:linear-gradient(rgba(57, 0, 82, 0.6), rgba(57, 0, 82, 0.6)), url(https://scp-wiki.wikidot.com/local--files/ariadnes-malibu-dream-house/casino.jpg);
  background-position:center;
  background-repeat:no-repeat;
  background-size:cover;
  }
  .nightsky{
  background:linear-gradient(rgba(36, 0, 51, 0.7), rgba(36, 0, 51, 0.7)), url(https://scp-wiki.wikidot.com/local--files/ariadnes-malibu-dream-house/nightsky.png);
  background-position:center;
  background-repeat:no-repeat;
  background-size:cover;
  }
  .nightsky:hover{
  background:linear-gradient(rgba(57, 0, 82, 0.6), rgba(57, 0, 82, 0.6)), url(https://scp-wiki.wikidot.com/local--files/ariadnes-malibu-dream-house/nightsky.png);
  background-position:center;
  background-repeat:no-repeat;
  background-size:cover;
  }
  .moon{
  background:linear-gradient(rgba(36, 0, 51, 0.7), rgba(36, 0, 51, 0.7)), url(https://scp-wiki.wikidot.com/local--files/scp-8520/moon.jpg);
  background-position:center;
  background-repeat:no-repeat;
  background-size:cover;
  }
  .moon:hover{
  background:linear-gradient(rgba(57, 0, 82, 0.6), rgba(57, 0, 82, 0.6)), url(https://scp-wiki.wikidot.com/local--files/scp-8520/moon.jpg);
  background-position:center;
  background-repeat:no-repeat;
  background-size:cover;
  }
  .faith{
  background:linear-gradient(rgba(36, 0, 51, 0.7), rgba(36, 0, 51, 0.7)), url(https://scp-wiki.wikidot.com/local--files/scp-9028/aricave2.gif);
  background-position:center;
  background-repeat:no-repeat;
  background-size:cover;
  }
  .faith:hover{
  background:linear-gradient(rgba(57, 0, 82, 0.6), rgba(57, 0, 82, 0.6)), url(https://scp-wiki.wikidot.com/local--files/scp-9028/aricave2.gif);
  background-position:center;
  background-repeat:no-repeat;
  background-size:cover;
  }

  Pages using this styling

  • ariadnes-malibu-dream-house [info]

  ¶ 1 occurrence
  

   @import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@700;800&display=swap);
  @import url('https://fonts.google.com/specimen/Zen+Loop:wght@400;700&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@400;700&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Calligraffitti:wght@400;700&display=swap');
  
   :root {
      --title-font: "Montserrat", sans-serif;
  }
  
   #page-title {
      display: none;
  }
  
   .meta-title {
      margin: 0 0 .8em;
  
      text-align: center;
  }
  
   @media only screen and (min-width: 56.25rem) {
       .meta-title {
       font-size: 275%;
      }
  
       h1 {
       font-size: x-large;
      }
  
       h2 {
       font-size: large;
      }
  
       h3 {
       font-size: medium;
      }
  }

  Pages using this styling

  • ariadnes-malibu-dream-house [info]

  ¶ 1 occurrence
  

  :root {
      --logo-image: url("https://scp-wiki.wdfiles.com/local--files/theme:memoria/TitleLogo.png");
      --header-title: "ADYTUM";
      --header-subtitle: "Provisional Flesh";
  }
  .meta-title {
    color: #000000;
    font-weight: normal;
    margin: 0 0 0.6em;
    padding: 0 0 0.25em;
    font-size: 200%;
  }
  .meta-title p {
    margin: 0;
  }

  Pages using this styling

  • arguments-of-ion [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css?family=Cinzel');
  @import url('https://fonts.googleapis.com/css?family=Anton');
  @import url('https://fonts.googleapis.com/css?family=Pinyon+Script');
  
  /*
      The Anton font was created by Vernon Adams and is licensed under the Open Font License
      The Cinzel font was created by Natanael Gama and is licensed under the Open Font License
      The Pinyon Script font was created by Nicole Fally and is licensed under the Open Font License
  */
  /* //// When you want to add new "records", //// */
  /* //// add new "options" like the following format. //// */
  .r1 {animation-delay: 3s;}
  .r2 {animation-delay: 6s;}
  
  .tape-wrap .collapsible-block-unfolded-link .collapsible-block-link
  {animation-delay: calc(6s + 2s);}
  
  .tape-record {position: relative;height: 6em;overflow: hidden;white-space: pre;}.record {position: absolute;animation-name: record;animation-duration: 2.5s;opacity: 0;top: 0;left: 50%;transform: translateX(-50%);}.line2 {top: 1.2em!important;}.line3 {top: 2.4em!important;}.tape-wrap {position: relative;background-color: rgba(244,244,244,1);border: 1px dashed #999;padding: 0 1em;}.tape-anim {position: relative;background-image: url( "https://unofficial-scp-sandbox-jp.wikidot.com/local--files/iroiro-workshop-8/DoxYSJAV4AET63r.png" );background-size: 200px;background-position: center center;background-repeat: no-repeat;min-height: 300px;}.tape-left,.tape-right {display: block;position: absolute;margin: auto;height: 0;width: 70px;padding-bottom: 100%;background-image: url( "https://unofficial-scp-sandbox-jp.wikidot.com/local--files/iroiro-workshop-8/scp_trans.png" );background-size: contain;background-position: center center;background-repeat: no-repeat;pointer-events: none;}.tape-left {top: -20px;bottom: 0;left: -70px;right: 0;animation-name: spin1;animation-duration: 15s; animation-timing-function: linear; animation-fill-mode: forwards; animation-iteration-count: infinite;}.tape-right {top: 0px;bottom: -32px;left: 0;right: -72px;animation-name: spin1;animation-duration: 20s; animation-timing-function: linear; animation-fill-mode: forwards; animation-iteration-count: infinite;}.tape-wrap .collapsible-block-unfolded-link {padding-top: 1em;}.tape-wrap .collapsible-block-folded,.tape-wrap .collapsible-block-unfolded-link {position: relative;text-align: center;}.tape-wrap .collapsible-block-unfolded-link .collapsible-block-link:before {content:"\f1da";display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transform:translate(0, 0);}
  .tape-wrap .collapsible-block-unfolded-link .collapsible-block-link {animation-name: g-ex;animation-duration: 1s;animation-fill-mode: forwards;visibility: hidden;opacity: 0;}.tape-wrap .collapsible-block-folded {padding-top: 1em;padding-bottom: 1em;}@keyframes g-ex {50% {visibility: visible; opacity: 0;}100% {visibility: visible; opacity: 1;}}@keyframes spin1 {0% {transform: rotate(0deg);}100% {transform: rotate(360deg);}}@keyframes record {0% {opacity: 0;}25% {opacity: 1;}75% {opacity: 1;}100% {opacity: 0;}}@-moz-document url-prefix() {.tape-anim {height: 300px;}.tape-left,.tape-right {display: block; width: 70px;height: 70px;position: relative;margin: 0 auto;padding: 0 auto!important;padding-bottom: 0;}.tape-left {top: 105px;bottom: initial;left:-36px; }.tape-right {top: 60px;bottom: initial;left: 35px;}}
  
  .meta-title {
    border-bottom: solid 1px #bbbbbb;
    color: #990011;
    font-weight: normal;
    margin: 0 0 0.6em;
    padding: 0 0 0.25em;
    font-size: 200%;
  }
  .meta-title p {
    margin: 0;
  }
  
  .page {
      display: block;
      overflow: hidden;
      font-family: "Monotype Corsiva", "Bradley Hand ITC", sans-serif;
      font-style: normal;
  
      background-attachment: scroll;
      background-clip: border-box;
      background-color: transparent;
      background-image: linear-gradient(to top ,rgb(202, 219, 228) 0%, rgb(231, 233, 220) 8%);
      background-origin: padding-box;
      background-position: 0px 8px;
      background-repeat: repeat;
      background-size: 100% 20px;
  
      border: 1px solid #CCC;
      border-radius: 10px;
      padding: 10px 10px;
      margin-bottom: 10px;
  
      box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2)
      }
  .page p {
      line-height: 20px;
      margin: 0;
  }

  Pages using this styling

  • are-we-gentrified-yet [info]

  ¶ 1 occurrence
  

  :root {
      --header-title: "WPhO";
      --header-subtitle: "Mens sancta in corpore sancto";
      --link-txt-color: rgb(var(--accent)); 
      --logo-img: url("https://scp-wiki.wdfiles.com/local--files/kte-9817-bluebuster-mendel-shelley-renegade-armbrusteri/wpho.png");
  } 
  
  #header h2::before {
      text-transform: capitalize;
      font-style: italic;
  }
  
  div.blockquote {
      border-right: solid 7px rgb(var(--accent)) !important;
      padding-right: 2rem;
  }

  Pages using this styling

  • arco [info]

  ¶ 1 occurrence
  

  :root {
    --header-title: "Arclund's Archive";
    --header-subtitle: "For the Time Lost and Long Forgotten";
  }

  Pages using this styling

  • arclunds-archive [info]

  ¶ 1 occurrence
  

  .mtfIcon {
    display: inline-block;
    width: 30px;
    text-align: center; 
    border-radius: 3px;
    line-height: 100%;
    padding: 2px 0;
  }
  .mtfIcon .letter {
    position: relative;
    top: -1px;
    font-weight: bold; 
    line-height: 100%;
  }
  .mtfIcon .number {
    font-size: 60%;
    line-height: 100%;
  }
  .mtf-legend {
    text-align: center;
  }
  .mtf-legend p {
    margin: 5px 0;
  }
  .mtf-legend .legend-entry {
    display: inline-block;
    margin: 0 20px;
    width: 220px;
    text-align: left;
  }

  Pages using this styling

  • archived:task-forces-2 [info]

  ¶ 1 occurrence
  

  #page-content h1 {
      border-bottom: solid 0.125rem currentColor;
      padding: 0 0 0.25em;
  }
  table.wiki-content-table {
      margin: 0.5rem 0;
      width: 100%;
      overflow: auto;
      max-height: 85vh;
      display: block;
      padding-left: 0.75rem;
  }
  table.wiki-content-table tr > * {
      padding: 0.675em 0.5em;
      border-top: 0;
  }
  table.wiki-content-table tr:first-child {
      position: sticky;
      top: 0;
      text-align: center;
  }
  table.wiki-content-table tr > *:first-child {
      min-width: min(25rem, 50vw);
  }
  table.wiki-content-table tr > *:nth-child(2) {
      min-width: 4.15rem;
      font-size: 85%;
  }
  table.wiki-content-table tr > *:nth-child(3) {
      width: 100%;
      font-size: 92.5%;
  }
  
  .modal-wrapper {
      list-style: none;
      display: contents;
  }
  .modal-wrapper > li .foldable-list-container {
      text-align: right;
      font-size: 90%;
  }
  .modal-wrapper > li.folded .foldable-list-container.latest { display: none; }
  .modal-wrapper > li.unfolded .foldable-list-container.chrono { display: none; }
  
  .modal-wrapper > li > .item-list,
  .modal-wrapper > li > .item-list table.wiki-content-table tbody,
  .modal-wrapper > li #toc-list {
      display: flex;
      flex-flow: column;
  }
  .modal-wrapper > li.unfolded > .item-list,
  .modal-wrapper > li.unfolded > .item-list table.wiki-content-table tbody,
  .modal-wrapper > li.unfolded #toc-list {
      flex-flow: column-reverse;
  }
  .modal-wrapper > li.unfolded .item-list table.wiki-content-table tr:first-child {
      order: 9999;
  }

  Pages using this styling

  • archived:tales-by-date-2008 [info]

  ¶ 1 occurrence
  

  sup {
  
  vertical-align: top; position: relative; top: -0.5em;
  }
  @media (max-width: 1635px) {
     .desktop-only{ display: none; visibility:hidden }
  }
  .CS-title {
      font-family: 'alpha_echoregular';
  }
  #page-content .collapsible-block .collapsible-block-link {
      font-size: 2em;
  }

  Pages using this styling

  • archived:swamp-critter-roster [info]

  ¶ 1 occurrence
  

  .siteIcon {
    display: inline-block;
    position: relative;
    top: 1px;
    width: 30px;
    height: 17px;
    vertical-align: bottom;
    background-color: #999;
    border: solid 2px #000;
    border-radius: 0 6px 0 6px;
    color: #fff;
  }
  .siteIcon img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border: 0;
  }
  .siteIcon .number {
    position: absolute;
    bottom: 2px;
    right: 2px;
    line-height: 100%;
    font-size: 60%;
    font-weight: bold;
    text-shadow: #333 1px 1px;
  }
  
  .areaIcon {
    display: inline-block;
    position: relative;
    top: 1px;
    width: 30px;
    height: 17px;
    vertical-align: bottom;
    background-color: #333;
    border: solid 2px #000;
    border-radius: 0 6px 0 6px;
    color: #fe3;
  }
  .areaIcon img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border: 0;
  }
  .areaIcon .number {
    position: absolute;
    bottom: 2px;
    right: 2px;
    line-height: 100%;
    font-size: 60%;
    font-weight: bold;
    text-shadow: #333 1px 1px;
  }

  Pages using this styling

  • archived:secure-facilities-locations-2 [info]

  ¶ 1 occurrence
  

  a#history-button, a#scpper-history-button, #page-info {
  display: none;
  }
  
  .navbox {
      display: block;
      float: right;
      width: auto;
      margin: 0.5rem;
      padding: 0 0.5rem;
      text-align: center;
      background:#bfbfbf47;
      border: 2px solid #828282;
  }

  Pages using this styling

  • archived:guide-for-joining [info]

  ¶ 1 occurrence
  

  #edit-page-form .buttons.alignleft::before {
    content: "Due to the volume of edits on this page, please remember to leave a change description before saving!";
    display: block;
    margin-bottom: 1em;
    font-weight: bold;
    color: red;
  }
  
  .wiki-content-table tr td:nth-child(3) {
      text-align: center;
  }
  .wiki-content-table tr td:nth-child(4) {
      text-align: center;
      font-style: italic;
  }

  Pages using this styling

  • archived:attribution-metadata [info]

  ¶ 1 occurrence
  

  #header {
      background-image: url(https://scp-wiki.wdfiles.com/local--files/arbh-class-debrief-file/Pissresize);
  }
  #header h1 a {
      display: block;
      margin: 0;
      padding: 90px 0 90px;
      line-height: 0px;
      max-height: 0px;
      color: transparent;
      background: transparent;
      font-family: BauhausLTDemi. 'Nanum Gothic'. Arial. sans-serif;
      text-decoration: none;
      text-shadow: none;
      letter-spacing: 0.9px;
  }
   
  #header h1 a::before {
      content: "SCP Foundation";
      color: #fff;
      letter-spacing: -0.02em;
      text-shadow: 3px 3px 5px #000;
  }
   
  #header h2 span {
      display: block;
      margin: 0;
      padding: 19px 0;
      line-height: -45px;
      max-height: 0px;
      font-weight: bold;
      color: transparent;
      text-shadow: none;
  }
   
  #header h2 span::before {
      content: 'Insect Hell';
      color: #fff;
      text-shadow: 1px 1px 1px #000;
      text-shadow: 1px 1px 1px rgba(0,0,0,.8);
  }
  
  sup {
    vertical-align: top;
    position: relative;
    top: -0.5em;
  }
  
  .scp-image-block.block-right { margin: 1em 2em 1em 1em; }
  

  Pages using this styling

  • arbh-class-hub [info]

  ¶ 1 occurrence
  

  /* have to use a <span> with a black background, because large blocks of █ show weird artifacts */
  .bblock:hover {
    /* normally this is green, but there is no redacted text to be shown in this case, just blocks */
    color: black;
  }

  Pages using this styling

  • ara-orun [info]

  ¶ 1 occurrence
  

  .INT-box {
      display: flex;
      justify-content: center;
      align-items: center;
      grid-gap: 0.325rem 0.625rem;
      flex-wrap: wrap;
      box-sizing: border-box;
      background-color: #fff;
      margin: 0.75rem 0;
      padding: 1.25rem 1.875rem 1.875rem;
      border-radius: 1.5rem;
      border: solid 0.275rem #000;
      box-shadow: inset 0 0 0 0.175rem #fff, inset 0 0 0 0.675rem #4b92db;
  }
  .INT-box h1 { margin: 0.125rem 0 0.325rem; }
  .INT-box > a {
      flex-basis: calc(27.5% + 1rem + 1vw);
      max-width: 12.25rem;
      min-width: min(100%, 10rem);
      padding: 0 0.5rem;
  }
  .INT-box > .INT-content {
      flex-grow: 1;
      flex-basis: 14rem;
      text-align: center;
  }
  @supports (text-align-last: center) {
      .INT-box > .INT-content p {
          text-align: justify;
          text-align-last: center;
      }
  }
  
  .INT-box > .collapsible-block {
      flex-basis: 100%;
      --col-link-size: min(calc(0.325rem + 1vw), 0.825rem);
      --col-border-width: 0.1rem;
  }
  .INT-box > .collapsible-block .collapsible-block-link {
      width: max-content;
      max-width: 75%;
      text-align: center;
      font-weight: bold;
      font-size: var(--col-link-size);
      margin: 0 auto;
      display: block;
      color: #4b92db;
      background-color: #fff;
      padding: 0 0.325em;
      z-index: 1;
  }
  .INT-box > .collapsible-block .collapsible-block-folded {position: relative; z-index: 1;}
  .INT-box > .collapsible-block .collapsible-block-folded:not([style*="none"])::before {
      content: "";
      display: block;
      position: absolute;
      left: 0; bottom: calc(var(--col-link-size)*0.5 - var(--col-border-width));
      width: 100%; height: var(--col-border-width);
      background-color: #4b92db;
      z-index: -1;
  }
  .INT-box > .collapsible-block .collapsible-block-unfolded {margin: 0;}
  .INT-box > .collapsible-block .collapsible-block-unfolded-link { position: relative; z-index: 1; }
  .INT-box > .collapsible-block .collapsible-block-content {
      border: var(--col-border-width) solid #4b92db;
      border-radius: 0.375rem;
      position: relative;
      z-index: 0;
      margin-top: calc(var(--col-link-size)*-0.5);
      padding: 0.875rem 0.325rem 0.125rem;
  }
  
  .c_international-body {
      display: flex;
      flex-wrap: wrap;
  }
  
  .c_international-box {
      font-size: 96.5%;
  }
  
  .c_international-box {
      text-align: center;
      flex-basis: 8.5rem;
      flex-grow: 1;
  }
  .c_international-box a img {
      width: 6.75rem;
  }
  .c_international-text p {
      margin: 0 0 1.25em;
  }
  @media (max-width: 580px) {
      .c_international-box {
          flex-basis: 6.5rem;
      }
      .c_international-box a img {
          width: 4.5rem;
      }
  }

  Pages using this styling

  • april-fools-2024 [info]

  ¶ 1 occurrence
  

  
  /* Pizza Theme */
  /* by syuzhet */
  
  /* Tech team member, you are forbidden from scrolling any further. Turn off your computer NOW! (Bene Gesserit voice) */
  
  :root {
    --header-background-color: 215, 29, 48;
    --base-header-height: 5rem;
  
    --top-bar-link-color: 255, 255, 255;
    --top-bar-dropdown-link-color: 0, 0, 0;
    --header-UI-font-size: 1.2rem;
    --header-UI-dropdown-font-size: 1rem;
  }
  
  #container #header {
      box-shadow: unset;
  }
  
  #header {
    position: relative;
    top: 2rem;
    width: 95%;
    margin: auto;
    padding: 0 2rem;
    border-radius: 2rem;
    filter: drop-shadow(0px 5px 5px rgba(0,0,0,0.3));
  }
  
  #header h1 a span {
    display: none;
  }
  
  #container #header h1 a {
    padding: 0;
  }
  
  #container #header h1 a::before {
    content:'';
    display:block;
    width: 6rem;
    max-width: 6rem;
    margin: 0 2rem;
    background-image: url(https://scp-wiki.wdfiles.com/local--files/april-fools-2024/pizza%20logo%202.png);
    background-position:center;
    background-repeat:no-repeat
  }
  
  /* Widebox */
  
  #page-content > p:nth-child(-n+4) {
      display: none;
  }
  
  .widebox {
      position: relative;
      left: calc(-50dvw + 50%);
      width: 100dvw !important;
      max-width: 100dvw !important;
  }
  
  .banner {
      height: calc(85dvh);
      background-image: url(https://scp-wiki.wdfiles.com/local--files/april-fools-2024/pizza.jpg);
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center;
  }
  
  .banner .bannertext {
      color: black;
      position: absolute;
      font-size: 2rem;
      text-align: center;
      left: 12dvw;
      top: 20dvh;
      width: 35dvw;
      font-weight: 600;
  }
  
  .banner .bannertext p {
       line-height: 2rem;
  }
  
  .banner br {
    content: "";
    margin: 1rem;
    display: block;
    font-size: 24%;
  }
  
  .banner span {
      color: #DA2D3F;
      font-size: 5vw;
      white-space: nowrap;
      font-weight: 700;
  }
  @media screen and (min-width: 1920px) {
    .banner span {
       font-size: 6rem;
    }
  }
  
  
  
  .banner .orderbox {
       background: #DA2D3F;
       font-weight: 600;
       color: white;
       width: 50%;
       border-radius: 2rem;
       margin: auto;
       padding: 1px;
       user-select: none;
  }
  
  .banner .orderbox:active {
       animation-name: linkshaker;
      animation-duration: 0.2s;
  }
  
  @keyframes linkshaker {
      0% {
          transform: translateX(10px) translateY(10px);
      }
      50% {
          transform: translateX(-10px) translateY(-10px);
      }
      100% {
          transform: translateX(0px) translateY(0px);
      }
  }
  
  .banner .orderbox p {
       font-size: 1.5rem;
       line-height: 1rem;
  }
  
  /* Features */
  
  p #u-featurebigtext{
       display: block;
       text-align: center;
       font-weight: 700;
       font-size: 3rem;
  }
  
  .featuresbox {
       display: flex;     
       align-items: center;
       justify-content: center;
  }
  
  .featuresbox .feature {
       position: relative;
       display: block;
       background: red;
       height: 20rem;
       width: 40rem;
       margin: 0rem 1rem;
       border-radius: 2rem;
       overflow: hidden;
  }
  
  .featuresbox .feature img {
       height: 100%;
       width: 100%;
       object-fit: cover;
  }
  
  .featuretext {
       position: absolute;
       padding: 0rem 2rem;
       color: white;
       font-size: 2rem;
       font-weight: 700;
       bottom: 0;
       pointer-events: none;
  }
  
  .feature:before {
      content: "";
      position: absolute;
      background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 35%);
      height: 100%;
      width: 100%;
      z-index: 1;
      opacity: 0.25;
      transition: 0.5s;
      pointer-events: none;
  }
  
  .feature:hover:before {
      opacity: 0.75;
  }
  
  .featuretext {
       z-index: 1;
  }
  
  .featuretext p {
       line-height: 3rem;
       margin: 1rem 0;
  }
  
  .featuretext .featureorderbox {
       color: black;
       font-size: 1rem;
       background: white;
       padding: 0.5rem 2rem;
       border-radius: 1rem;
  }
  
  /* Piece of shit sidebar */
  
  #top-bar div.mobile-top-bar>.open-menu {
       visibility:visible;
       opacity: 0.6;
       transition: opacity 0.2s;
  }
  
  #top-bar div.mobile-top-bar>.open-menu:hover {
      opacity: 1;
  }
  
  #side-bar {
       margin-top:0;
       height:100%
  }
  
  #side-bar, #side-bar:is(:hover, :focus-within):not(:target) {
       left:calc(var(--side-bar-width) * -1)
  }
  
  #side-bar::after, #side-bar::before {
       display:none
  }
  
  #side-bar:target {
       left:0;
       width:var(--side-bar-width);
       z-index:10
  }
  
  #side-bar a.close-menu, #side-bar:target a.close-menu {
       display:block;
       pointer-events:none;
       position:fixed;
       top:0;
       right:0;
       left:auto;
       width:100%;
       min-width:3.75rem;
       height:100%;
       margin-left:0;
       opacity:0;
       z-index:-1;
       transition:width var(--side-bar-transition),opacity var(--side-bar-transition)   
  }
  
  #side-bar:target a.close-menu {
       width:calc(100% - var(--side-bar-width));
       pointer-events:auto;
       opacity:1;
  }
  
  /* Mobile */
  
  @media only screen and (max-width: 1020px) {
  
  #header {
    top: revert;
    width: 100%;
    margin: revert;
    padding: revert;
    border-radius: revert;
  }
  .banner {
      background-image: url(https://scp-wiki.wdfiles.com/local--files/april-fools-2024/pizza2.jpg);
  }
  .banner .bannertext {
      font-size: 1.5rem;
      left: 0;
      right: 0;
      margin: auto;
      width: 90%;
  }
  
  .banner .bannertext p {
       line-height: 2rem;
  }
  
  .banner br {
    margin: 0.5rem;
  }
  
  .banner span {
      font-size:4rem;
  }
  
  p #u-featurebigtext{
       font-size: 2.5rem;
  }
  
  .featuresbox {
       flex-direction: column;
  }
  .featuresbox .feature {
       height: 15rem;
       margin: 0.25rem 1rem;
       border-radius: revert;
  }
  
  }
  
  

  Pages using this styling

  • april-fools-2024 [info]

  ¶ 1 occurrence
  

  #page-title {
      display: none;
  }
  .feature-block {
      height: 230px;
  }
  .feature-block .panel-body {
      height: 160px;
      overflow-y: hidden;
  }
  .feature-block .feature-title {
      font-size: 120%;
      font-weight: bold;
  }
  .feature-block .feature-subtitle {
      font-size: 90%;
  }
  
  .feature-block .feature-title > p,
  .feature-block .feature-subtitle > p {
      margin: 0;
  }
  
  .news-block .panel-body {
      padding: 0;
  }
  .news-block .panel-body .alternate {
      padding: 5px 10px;
  }
  
  .news-block .news-title {
      font-weight: bold;
      font-size: 110%;
      margin-bottom: 5px;
      color: #633;
  }
  .news-block .news-content {
      margin: 5px 0;
  }
  .news-block .news-title > p,
  .news-block .news-content > p {
      margin: 0;
  }
  
  
  /* Centre image block images in content panels on mobile */
  @media (max-width: 960px) and (min-width: 767px), (max-width: 650px) {
    .content-panel .scp-image-block {
      float: none;
      /* Centre, but override inline margin style */
      margin-left: auto !important;
      margin-right: auto !important;
    }
  }

  Pages using this styling

  • april-fools-2021 [info]

  ¶ 1 occurrence
  

  #page-title { display: none; }
  .feature-block {
      height: 230px;
  }
  .feature-block .panel-body {
      height: 160px;
      overflow-y: hidden;
  }
  .feature-block .feature-title {
      font-size: 120%;
      font-weight: bold;
  }
  .feature-block .feature-subtitle {
      font-size: 90%;
  }
  
  .feature-block .feature-title > p,
  .feature-block .feature-subtitle > p {
      margin: 0;
  }
  
  .news-block .panel-body {
      padding: 0;
  }
  .news-block .panel-body .alternate {
      padding: 5px 10px;
  }
  }
  .news-block .news-title {
      font-weight: bold;
      font-size: 110%;
      margin-bottom: 5px;
      color: #633;
  }
  .news-block .news-content {
      margin: 5px 0;
  }
  .news-block .news-title > p,
  .news-block .news-content > p {
      margin: 0;
  }
  
  .international-block .panel-body {
      padding: 0;
  }
  .international-entry {
      padding: 5px 10px;
  }
  .international-entry:nth-child(even),
  .alternate:nth-child(even) {
      background-color: rgba(255,255,255,.9);
      border-top: solid 1px #eeeee0;
      border-bottom: solid 1px #eeeee0;
  }
  .international-entry div > p {
      margin: 0;
  }
  .international-entry .international-title {
      font-weight: bold;
      font-size: 110%;
  }
  .international-entry .international-title img {
      width: 16px;
      height: 11px;
      box-shadow: 0 1px 3px rgba(0,0,0,.5);
  }
  .international-entry .international-description {
      font-size: 90%;
      font-style: italic;
      margin: 5px 20px;
  }
  .international-entry .international-footer {
      font-size: #333;
      font-size: 80%;
      margin: 5px 0;
  }
  
  .content-panel p { padding: 0 0.75em; }

  Pages using this styling

  • april-fools-2020 [info]

  ¶ 1 occurrence
  

  #page-title { display: none; }
  .feature-block {
      height: 400px;
  }
  .feature-block .panel-body {
      height: 330px;
      overflow-y: hidden;
      font-family: Comic Sans MS, sans-serif;
  }
  .feature-block .feature-title {
      font-size: 120%;
      font-weight: bold;
  }
  .feature-block .feature-title img {
      display: block;
      width: 300px;
      border: solid 1px #666;
      margin: 5px auto 0;
      border-radius: 10px;
  }
  .feature-block .feature-subtitle {
      font-size: 90%;
      text-align: center;
  }
  
  .feature-block .feature-title > p,
  .feature-block .feature-subtitle > p {
      margin: 0;
  }
  
  .news-block .panel-body {
      padding: 0;
  }
  .news-block .panel-body .alternate {
      padding: 5px 10px;
  }
  .news-block .news-title {
      font-weight: bold;
      font-size: 110%;
      margin-bottom: 5px;
      color: #363;
  }
  .news-block .news-content {
      margin: 5px 0;
  }
  .news-block .news-title > p,
  .news-block .news-content > p {
      margin: 0;
  }
  
  .international-block .panel-body {
      padding: 0;
  }
  .international-entry {
      padding: 5px 10px;
  }
  .international-entry:nth-child(even),
  .alternate:nth-child(even) {
      background-color: rgba(255,255,255,.9);
      border-top: solid 1px #e0eee0;
      border-bottom: solid 1px #e0eee0;
  }
  .international-entry div > p {
      margin: 0;
  }
  .international-entry .international-title {
      font-weight: bold;
      font-size: 110%;
  }
  .international-entry .international-title img {
      width: 16px;
      height: 11px;
      box-shadow: 0 1px 3px rgba(0,0,0,.5);
  }
  .international-entry .international-description {
      font-size: 90%;
      font-style: italic;
      margin: 5px 20px;
  }
  .international-entry .international-footer {
      font-size: #333;
      font-size: 80%;
      margin: 5px 0;
  }
  

  Pages using this styling

  • april-fools-2014 [info]

  ¶ 1 occurrence
  

  .email-example .collapsible-block-folded a.collapsible-block-link {
      animation: blink 0.8s ease-in-out infinite alternate;
  }
  @keyframes blink {
      0% { color: transparent; }
      50%, 100% { color: #b01; }
  }
  .email {border: solid 2px #FFFFFF; width: 88%; padding: 1px 15px; margin: 10px; box-shadow: 0 1px 3px rgba(0,0,0,.5)}
  .email-example a.collapsible-block-link {font-weight: bold;}
  .tofrom {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px maroon}

  Pages using this styling

  • appendice-aggiuntiva-al-documento-scp-250-it [info]

  ¶ 1 occurrence
  

  #header h1 a::before {
      content: "SCP Foundation";
  }
  :root:lang(it) {
      --header-subtitle: "Project Elohim"

  Pages using this styling

  • appendice-aggiuntiva-al-documento-scp-250-it [info]

  ¶ 1 occurrence
  

  .warning {
    border: double 3px black;
    padding: 10px;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 100px;
    display: inline-block;
    width: 75%;
  }
  .warning a.collapsible-block-link {
    font-weight: bold;
  }
  /* Green terminal */
  .terminal {
    border: solid 3px #BBBBBB;
    border-radius: 16px;
    background-color: #131;
  /* black shadow at the top of the terminal */
    background-image: radial-gradient(ellipse 1000% 100% at 50% 90%, transparent, #121);
    background-position: center;
  /* shadow around the terminal */
    box-shadow: inset 0 0 10em 1em rgba(0,0,0,0.5);
  /* prevents scanline from forming a scrollwheel */
    overflow: hidden;
    color: rgba(128,255,128,0.8);
    padding: 2em;
    font-family: monospace;
    font-size: 1.5em;
  }
  .terminal blockquote {
    background-color: black;
    border: double 3px #80FF80;
  }
  
  .terminal a {
    color: #90EE90;
    text-decoration: none;
    background: transparent;
  }
  .terminal a:hover, .terminal .green-header {
    color: #131;
    text-decoration: underline;
    background-color: #80FF80;
    padding: 1px;
  }
  .terminal .green-header {
    padding-left: 20px;
    padding-right: 20px;
  }
  .terminal a:hover::before {
    content: "> ";
  }
  .terminal blockquote a:hover {
    word-break: break-all;
  }
  .terminal .collapsible-block-link, .terminal .collapsible-block-unfolded-link, .terminal .collapsible-block-folded {
    text-align: center;
    font-weight: bold;
  }
  .terminal .collapsible-block-link:hover::before, .terminal .collapsible-block-unfolded-link:hover::before, .terminal .collapsible-block-folded:hover::before {
    content: none;
  }
  
  /* What is APAS? */
  .fake-blockquote a {
    color: #b01;
  }
  .fake-blockquote a.visited {
    color: #824;
  }
  .fake-blockquote a:hover {
    color: #b01;
    text-decoration: underline;
    background-color: transparent;
    padding: initial;
  }
  .fake-blockquote a.visited:hover {
    color: #824;
  }
  .fake-blockquote a:hover::before {
    content: none;
  }
  .fake-blockquote a:hover {
    word-break: initial;
  }
  
  /* Secret text stuff */
  .hover {
    color: black;
  }
  .hover .hover-text {
     position: absolute;
     display: none;
     margin: 20px 0px;
     height: auto;
     width: auto;
     background: white;
     border: 1px solid black;
     color: black;
     padding: 0.5em;
  }
  .hover:hover {
    text-decoration: none;
    border-bottom: none;
    color: blue;
  }
  .hover:hover .hover-text {
    display: inline;
  }
  
  /* MDP table fixes */
  .first-table th:nth-child(1) {
    width: 20%;
  }
  .first-table td:nth-child(1), .second-table td:nth-child(1), .second-table td:nth-child(2) {
    text-align: center;
  }

  Pages using this styling

  • apas [info]

  ¶ 1 occurrence
  

   :root{
     --lgurl: var(--anim-pride);
  }
  
  #header::before{
     opacity:0.80;
  }

  Pages using this styling

  • antagony [info]

  ¶ 1 occurrence
  

  #container {
    width: 100%;
    margin: 0px;
    background: linear-gradient(to bottom, #2c2630, #000000);
  }
  
  :root:root:root:root:root:root #page-content a { 
    box-shadow: none;
  }
  
  :root {
    --rate-module-background-color: 16, 50, 50;
    --link-color: 212, 13, 49;
    --visited-link-color: 212, 13, 49;
  }
  
  #page-content#page-content a {
    color: rgb(var(--link-color));  
  }
  
  #page-content#page-content .page-rate-widget-box a {
    color: transparent;
  }
  
  #page-content#page-content .rate-box-with-credit-button a {
      color: transparent;
  }
  
  
  

  Pages using this styling

  • answers [info]

  ¶ 1 occurrence
  

  
  .article {
      border: solid 1px #888880;
      border-radius: 15px;
      overflow: hidden;
      margin-bottom: 20px;
      box-shadow: 3px 3px 6px #666;
      box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.1);
      background: #223;
  }
  
  .article-title {
      display: inline-block;
      float: left;
      padding-left: 15px;
      margin-top: -8px;
      margin-bottom: -8px;
      font-weight: bold;
      font-size: 90%;
      text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.35);
  }
  
  .article-title a{
      color: #fff;
  }
  
  .rating {
      display: inline-block;
      float: right;
      padding-right: 15px;
      margin-top: -8px;
      margin-bottom: -8px;
      font-weight: bold;
      font-size: 90%;
      color: #fff;
  }
  
  .article-body {
      display: inline-block;
      width: auto;
      height: 140px;
      padding-left: 15px;
      padding-right: 15px;
      font-style: italic;
      background: url("https://www.scp-wiki.net/local--files/component:theme/panel-bg-gradient-reverse.png") repeat-x scroll center bottom #FFF9F0;
  }
  
  .article-footer {
      display: inline-block;
      width: 100%;
      height: 17px;
      padding-left: 15px;
      padding-top: 3px;
  }
  
  .article-footer a {
      margin-right: 15px;
  }
  
  .article-footer p {
      margin: 0;
  }
  
  .col-left {
      float: left;
      width: 48%;
  }
  
  .col-right {
      float: right;
      width: 48%;
  }

  Pages using this styling

  • anqxyr [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css?family=Special+Elite');
  @import url('https://fonts.googleapis.com/css?family=Courier+Prime');
  @import url('http://scp-wiki.wdfiles.com/local--files/component%3Aspirit-theme/telegram3.css');
  @import url('http://scp-wiki.wdfiles.com/local--files/component%3Aspirit-theme/Yukarimobile.css');
   
  .CS-title {
      font-family: 'alpha_echoregular';
  }
   
  .yui-navset .yui-nav {
      border: solid #999999;
      border-width: 0px 0px 0px 0px;
      background: #ae8152;
  }
  .yui-navset .yui-nav li {
      margin: 0px 2px 0px 0px;
      padding: 0px;
  }
  .yui-navset .yui-nav .selected {
      margin: 0px 2px 0px 0px;
      padding: 0px;
  }
  .yui-navset .yui-nav li em {
      font-family: courier, monospace !important;
      font-size: 12pt;
      font-weight: bold;
  }
  .yui-navset .yui-content {
      background: #F9D986;
      border: solid 2px #000000;
      border-radius: 5px;
  }
  .yui-navset .yui-nav a em {
      padding: 0px 5px 0px 5px;
  }
  .yui-navset .yui-nav .selected a em {
      padding: 0px 5px 0px 5px;
  }
  div.yui-navset ul.yui-nav a,
  div.yui-navset div.yui-navset-top ul.yui-nav a {
      background: #f4eede;
      border: solid #000000;
      border-width: 3px 3px 1px 3px;
  }
  div.yui-navset ul.yui-nav a:hover,
  div.yui-navset ul.yui-nav a:focus {
      background: #bfc3d4;
  }
  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: #0a0037;
      border: solid 3px #ffffff;
  }

  Pages using this styling

  • anorrack-s-author-page [info]

  ¶ 1 occurrence
  

  
  @import url('https://scp-wiki.wdfiles.com/local--files/theme:twin-files/stylesheet-alt.css');
  @import url('https://fonts.googleapis.com/css2?family=Jost&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Rubik&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Archivo&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Sedgwick+Ave&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Arimo&display=swap');
  
  :root {
  --img-chew444: var(--MASK-chew222);
      --MASK-chew_repeat: repeat;
      --MASK-chew_size:100%;
      --theme-base: "black-highlighter";
      --logo-image: url("https://scp-wiki.wdfiles.com/local--files/theme:twin-files/fiic-logo-wash.png");
      --header-title: "FIIC";
      --header-subtitle: " ";
   
      --body-font: 'Jost', sans-serif;
      --header-font: 'Rubik', sans-serif;
      --title-font: 'Archivo', sans-serif;
      --mono-font: 'IBM Plex Mono', monospace;
      --UI-font: var(--printer-paper-font);
   
      --manila-tabs-font: 'Telegraphem', monospace;
      --manila-body-font: 'Remington Noiseless', serif;
      --blokquote-alt-font: var(--printer-paper-font);
      --ticker-font: 'Nouveau IBM', monospace;
      --printer-paper-font: 'Alte Haas Grotesk', sans-serif;
      --handwriting-font: 'Sedgwick Ave', cursive;
      --windows-font: 'Modern DOS 8x16', sans-serif;
      --logs-header-font: 'Commodore 64 Angled', sans-serif;
      --logs-text-font: 'BabelSans', sans-serif;
      --logs-dialogue-font: 'Arimo', sans-serif;
      --logs-action-font: 'MoonGloss Display', sans-serif;
   
      --header-height-on-desktop: 11.5rem;
      --header-height-on-mobile: 11.5rem;
   
      /* WHITE - GREY */
      --win-white: 255, 255, 255;
      --win-grey: 195, 195, 195;
      --win-lborder: 237, 237, 237;
      --win-border: 207, 207, 207;
   
      --printer-paper: 245, 242, 235;
      --believe-white: 215, 216, 217;
      --grey-child: 205, 206, 208;
      --papers-edge: 176, 176, 176;
      --another-grey: 196, 196, 196;
      --filing-cabinet: 193, 197, 201;
      --white-lodge: 159, 160, 161;
   
      --one-more-grey: 99, 99, 99;
      --dark-track: 40, 42, 46;
      --faded-type: 28, 28, 28;
      --ink-blot: 10, 10, 10;
   
      /* BLUE */
      --dept-blue: 2, 4, 20;
      --saucer-steel: 19, 21, 26;
      --believe-grey: 25, 29, 43;
      --einhander-gun: 78, 82, 92;
      --fiic-blue: 16, 20, 105;
      --fiic-grey: 119, 125, 140;
   
      --cooper: 98, 112, 140;
      --mulder: 69, 84, 115;
      --skinner: 41, 51, 91;
      --scully: 34, 40, 54;
   
      /* BROWN */
      --manila-folder: 217, 201, 160;
      --manila-body: 224, 213, 186;
      --manila-edge: 189, 169, 124;
   
      --coffee-ring: 71, 39, 5;
      --dead-wood: 43, 35, 25;
      --light-desk: 26, 24, 21;
      --dark-desk: 13, 12, 11;
   
      --reyes: 224, 219, 195;
      --doggett: 140, 119, 98;
   
      /* GREEN */
      --peaks-green: 0, 145, 9;
   
      /* YELLOW */
      --highlighter: 214, 184, 36;
      --post-it: 230, 223, 131;
   
      /* RED */
      --red-room: 163, 0, 0;
  
  --color-darkest:#000;
  --color-darker:#333;
  --color-dark:#555;  
  
     --mz-paper-bg:rgba(236,235,220, 0.6);
      --mz-paper-bg222:#e9e9e2;
  
  --icon-noise:url(https://scp-wiki.wikidot.com/local--files/theme:magazine/IMG_noise.png);
   
      /* THEME ASSIGNMENTS */
      --white-monochrome: var(--filing-cabinet);
      --pale-gray-monochrome: var(--reyes);
      --light-gray-monochrome: var(--manila-edge);
      --gray-monochrome: var(--ink-blot);
      --dark-gray-monochrome: var(--filing-cabinet);
      --black-monochrome: var(--printer-paper);
      --pale-accent: var(--cooper);
      --bright-accent: var(--doggett);
      --medium-accent: var(--scully);
      --dark-accent: var(--mulder);
   
  
  
      --swatch-topmenu-bg-color: var(--einhander-gun);
      --swatch-topmenu-border-color: var(--einhander-gun);
   
      --swatch-code-text-general: var(--swatch-text-dark);
   
      --swatch-text-light: var(--believe-white);
      --swatch-text-dark: var(--ink-blot);
      --swatch-text-general: var(--swatch-text-light);
   
      --swatch-menubg-color: var(--filing-cabinet);
      --swatch-menubg-medium-color: var(--papers-edge);
      --swatch-menubg-medium-dark-color: var(--ink-blot);
   
      --swatch-menutxt-light-color: var(--believe-white);
      --swatch-menutxt-dark-color: var(--ink-blot);
      --swatch-menutxt-general-color: var(--swatch-menutxt-dark-color);
   
      --swatch-text-secondary-color: var(--ink-blot);
      --swatch-text-tertiary-color: var(--believe-white);
      --swatch-important-text: var(--bright-accent);
   
      --swatch-background: var(--dark-desk);
   
      --header-gradient-color-top: var(--saucer-steel);
      --header-gradient-color-middle: var(--believe-grey);
      --header-gradient-color-bottom: var(--saucer-steel);
      --background-gradient-distance: 0rem;
      --diagonal-stripes: linear-gradient(transparent 0);
   
      --sidebar-transition-timing: 0.8s ease-in-out 0.1s;
   
      --hover-link-color: var(--highlighter);
      --newpage-color: var(--manila-folder);
      --link-color: var(--manila-folder);
      --visited-link-color: var(--grey-child);
   
      --rating-module-bg-color: var(--einhander-gun);
      --rating-module-button-plus-color: var(--peaks-green);
      --rating-module-button-cancel-color: var(--scully);
      --rating-module-bottom-border-color: var(--scully);
      --rating-module-text-hover-color: var(--swatch-text-tertiary-color);
   
      --toggle-button-bg: rgba(var(--ink-blot), 0);
      --toggle-border-color: rgb(var(--printer-paper));
      --toggle-icon-color: rgb(var(--believe-white));
      --toggle-roundness: 0%;
   
      --ui-button-bg: var(--another-grey);
      --ui-button-txt: var(--ink-blot);
      --ui-button-hover-bg: var(--skinner);
      --ui-button-hover-outline: var(--scully);
      --ui-button-hover-txt: var(--printer-paper);
  
  
       --SB-btn_border_cl:var(--color-darker);
      --SB-btn_txt:var(--color-darker);
  
      --PGtt-line_color:var(--color-darker);
  }
   #main-content {
      --tabs-bg: var(--manila-folder);
      --tabs-txt: var(--ink-blot);
      --tabs-hover-bg: var(--manila-edge);
      --tabs-hover-txt: var(--dead-wood);
      --tabs-selected-bg: var(--manila-edge);
      --tabs-selected-txt: var(--ink-blot);
      --tabs-selected-outline: var(--manila-edge);
      --tabs-bottom-border-color: var(--manila-edge);
  .CS-title {
      font-family: 'alpha_echoregular';
  }
   
  .page {
      display: block;
      overflow: hidden;
      font-family: "Monotype";
      font-style: normal;
      background-attachment: scroll;
      background-clip: border-box;
      background-color: transparent;
      background-image: linear-gradient(to top ,rgb(202, 219, 228) 0%, rgb(255,244,139) 8%);
      background-origin: padding-box;
      background-position: 0px 8px;
      background-repeat: repeat;
      background-size: 100% 20px;
      border: 1px solid #CCC;
      border-radius: 10px;
      padding: 10px 10px;
      margin-bottom: 10px;
      box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2)
  }
  
  .mz-paper{
          border: 3.5px double #555;
          padding:0.5rem 1rem;
          margin: 1rem 1rem;
          background-size:100px;
          background-position: 0% 0%;
          background-repeat: repeat;
          background-color:var(--mz-paper-bg);
          background-image: var(--icon-noise);
  }
  
  .genblock {
      background-color: rgb(var(--printer-paper));
      background-image: url("https://scp-wiki.wdfiles.com/local--files/theme:twin-files/paper-texture.png");
      background-repeat: repeat;
      background-size: 100%;
  
      color: rgb(var(--ink-blot));
      font-family: var(--printer-paper-font);
      border: 1px solid white;
      border-color: rgb(var(--papers-edge));
  
      padding: 1.5em 1em 1.5em 1em;
  }
  
  
  .page p,
  .page ul {
      line-height: 20px;
      margin: 0;
  }
  
  .ticker {
      padding: 10px 5px 1.1em 3.7em;
   
      font-family: var(--ticker-font);
      font-size: 110%;
      font-weight: 400;
      color: #000;
   
      background: repeat-y url("https://scp-wiki.wdfiles.com/local--files/theme%3Atwin-files/tickerback.png");
      background-position: center top;
      background-size: 100%;
   
      border: 2px solid #D8D6CA;
      border-style: dashed solid dashed;
      border-width: medium 2px 0px;
  }
  
  .chew-bottom,
  .chew-top{
      --NOTEPAGE-txt_border-size:0.8em;
      --NOTEPAGE-before_area:header;
      --NOTEPAGE-after_area:footer;
      --NOTEPAGE-side_width: 100%;
     --NOTEPAGE-side_height: 1rem;
       --MASK-chew_repeat: repeat-x;
      --MASK-chew_size:14rem;
      --NOTEPAGE-before_display:none;
      --NOTEPAGE-after_display:none;
      --NOTEPAGE-header_font-size:0;
      --NOTEPAGE-footer_font-size:0;
  
      --NOTE-quote_width:100%;
      --NOTE-quote_bg-size:3em;
      --NOTE-quote_height:3em;
       --NOTE-quote-side_clip:inset(0 0 25% 0);
     --NOTE-quote-side_position: 0em 0;
    --NOTE-quote-side_repeat:repeat-x;
  }
  
  .chew-top {
          --NOTEPAGE-before_display:inline-grid;
          --MASK-chew-before_margin:0px 0 -1px 0;
          --NOTEPAGE-footer_font-size:0.8em;
          --NOTEPAGE-header_display:none;
  
  }
  
  .chew-bottom {
       --MASK-chew-after_margin: -1px 0 0 0;  
      --NOTEPAGE-after_display:inline-grid;
      --NOTEPAGE-header_font-size:1.5em;
  }
  
  .chew-bottom .notepage-body:after{
      --MASK-chew-after: var(--MASK-chew222);
  }
  
  .chew-top .notepage-body:before{
      --MASK-chew-before: var(--MASK-chew222);
      transform: scaleY(-1);
  }
  
  
  .mmposter-wrap{
      display: flex;
      justify-content: center ;   
      flex-wrap: wrap;
  
  }
  
  .mmposter-cell{
      min-width: 10%;
          justify-self: center;
  }
  
  .mmposter-blockquote .mmposter-cell{
      min-width: 50%;
  }
  
  .mmposter-semi  .mmposter-cell{
    width: 50% ;
  }
  
  .mmposter-semi  .mmposter-cell span[style*="underline"]{
   display: none
  }
  
  .flex-pc{
      display: flex;
  }
  
  
  .flex-wrap{
      display: flex;
      justify-content: space-around;    
  }
  
  .flex-wrap div{
       margin: 0 0.5rem;
      width: 100%;
  }
  
  @media (max-width: 500px) {
    .flex-pc{
      display: block;
  }
  
      .flex-wrap{
  flex-wrap:wrap;        
      }
  
    .mmposter-semi  .mmposter-cell,
  
      .mmposter-cell{
          width: 100%;
  min-width: auto;
  
      }    
      .mmposter-right{
  margin-top:2rem;
      }    
      .mob-breakkkk{
      display: block
  }
  }
  
  
  .clip-wrap div {
      max-width: 60%;
      margin: 1rem auto;
      width: 60%;
  }
  
  .clip-wrap .clip-img,
  .clip-wrap .clip-body {
      border: solid 2px rgb(var(--clip-border,0,0,0));
      background-color: rgb(var(--clip-bg, 244, 244, 244));
      box-sizing: border-box;
      position: relative;
      z-index: 0;
      padding: 0.5rem;
  }
  
  .clip-wrap .clip-img::before,.clip-wrap .clip-img::after,
  .clip-wrap .clip-body::before,.clip-wrap .clip-body::after {
      content:'';
      position: absolute;
      pointer-events: none;
      border: solid 0.25rem var(--color-darker);
      transform: rotate(25deg);
  }
  
  .clip-wrap .clip-img::before,.clip-wrap .clip-img::after {
      border: solid 0.25rem var(--color-darker);
  }
  
  .clip-wrap .clip-img::before,
  .clip-wrap .clip-body::before {
    right: 0.45rem;
    height: 36px;
    width: 9px;
    top: -0.45rem;
    border-radius: 0 0 2rem 2rem;
    border-top: none;
  }
  
  .clip-wrap .clip-img::after,
  .clip-wrap .clip-body::after {
      top: -24px;
      right: -0.5rem;
      height: 16px;
      width: 14px;
      border-radius: 2rem 2rem 0 0;
      border-bottom: solid 0.55rem transparent;
      z-index: -1;
  }
  
  .clip-wrap .clip-body img,
  .clip-wrap .clip-img {
      border: 0.15rem solid var(--color-darkest);
    width: max-content;
  }
  
  .clip-wrap .clip-img::before {
    right: -0.2rem;
    top: -0.45rem;
  }
  
  .clip-wrap .clip-img::after {
      right: -0.8rem;
          height: 45px;
  }
  
  .clip-wrap .clip-img {
      padding: 0rem;
      border: 0.12rem solid var(--color-darkest);
      box-shadow:  0px 0px 0px 9px rgba(50,50,50, 0.1), 0px 0px 0px 12px rgba(150,150,150, 0.1);
  }
  
  @media (max-width: 500px) {
  .clip-wrap{
       max-width: 100%;
  }
  .clip-wrap .clip-img::before,
  .clip-wrap .clip-body::before {
    right: 0.3rem;
    height: 1.4rem;
    width: 0.4rem;
    top: 0rem;
  }
  
  .clip-wrap .clip-img::after,
  .clip-wrap .clip-body::after {
      top: -1rem;
      right: -0.5rem;
      height: 1rem;
      width: 0.7rem;
  }
  }
  
  
  @import url('https://scp-wiki.wdfiles.com/local--files/theme:twin-files/stylesheet-alt.css');
  @import url('https://fonts.googleapis.com/css2?family=Jost&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Rubik&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Archivo&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Sedgwick+Ave&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Arimo&display=swap');
   

  Pages using this styling

  • anorrack-s-author-page [info]

  ¶ 1 occurrence
  

  div.pullquote {
  border: 1px dashed #999;
  padding: 1em;
  text-align: center;
  margin: 1em;
  }

  Pages using this styling

  • anorrack-s-author-page [info]

  ¶ 1 occurrence
  

  .anom-bar-container.antithesis {
      text-align: left;
  }
  .anom-bar-container.antithesis .text-part > .main-class > .contain-class > .class-text {
      font-size: -webkit-calc(8px + (15 - 8) * ( (100vw - 400px) / ( 800 - 400) ));
      font-size: -moz-calc(8px + (15 - 8) * ( (100vw - 400px) / ( 800 - 400) ));
      font-size: calc(8px + (15 - 8) * ( (100vw - 400px) / ( 800 - 400) ));
  }
  .anom-bar-container.antithesis .top-left-box > .item {
      display: none;
  }

  Pages using this styling

  • anomaly-classification-system-guide [info]

  ¶ 1 occurrence
  

  .s-cell:nth-of-type(1), .s-cell:nth-of-type(3) {
      text-align: left;
  }

  Pages using this styling

  • anomaly-classification-system-guide [info]

  ¶ 1 occurrence
  

  :root {
      --five-color: 196,2,51;
      --four-color: 255,109,0;
      --three-color: 255,211,0;
      --two-color: 0,135,189;
      --one-color: 0,159,107;
  }
  
  #breadcrumbs,
  #page-title {
      text-align: center;
  }
  
  
  #page-content .collapsible-block-folded a.collapsible-block-link {
      --wght: 900;
      font-size: 1.5em;
      line-height: 1;
      word-wrap: break-word;
      font-weight: 900;
      color: #b01;
  }
  
  .desktop-display,
  .mobile-display {
      text-align: center;
  }
  
  .desktop-display .collapsible-block-content,
  .mobile-display .collapsible-block-content {
      width: -webkit-calc(100% + -webkit-calc(100vw - 100%));
      width: -moz-calc(100% + -moz-calc(100vw - 100%));
      width: calc(100% + calc(100vw - 100%));
      height: 100vh;
      min-width: -webkit-calc(100% + -webkit-calc(100vw - 100%));
      min-width: -moz-calc(100% + -moz-calc(100vw - 100%));
      min-width: calc(100% + calc(100vw - 100%));
      min-height: 100vh;
      position: fixed;
      top: 0;
      left: 0;
      z-index: 999;
      overflow-y: hidden;
      -webkit-overflow-scrolling: touch;
  }
  
  .desktop-display .collapsible-block-content p, 
  .mobile-display .collapsible-block-content p {
      margin: 0;
      padding: 0;
  }
  
  .desktop-display .collapsible-block-content br,
  .mobile-display .collapsible-block-content br {
      display: none;
  }
  
  .desktop-display iframe,
  .mobile-display iframe {
      width: -webkit-calc(100% + -webkit-calc(100vw - 100%));
      width: -moz-calc(100% + -moz-calc(100vw - 100%));
      width: calc(100% + calc(100vw - 100%));
      height: 100vh;
      min-width: -webkit-calc(100% + -webkit-calc(100vw - 100%));
      min-width: -moz-calc(100% + -moz-calc(100vw - 100%));
      min-width: calc(100% + calc(100vw - 100%));
      min-height: 100vh;
      display: block;
      border: none;
      overflow: hidden;
      background: rgb(var(--swatch-background));
      max-width: inherit;
  }
  
  .desktop-display > div:nth-child(1) > div:nth-child(2) > div:nth-child(1) > a:nth-child(1),
  .mobile-display > div:nth-child(1) > div:nth-child(2) > div:nth-child(1) > a:nth-child(1) {
      position: fixed;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
         -moz-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
         -moz-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      top: 1rem;
      right: 2rem;
      -webkit-border-radius: 50%;
         -moz-border-radius: 50%;
              border-radius: 50%;
      background-color: rgb(var(--swatch-menubg-black-color));
      color: rgb(var(--swatch-menutxt-light-color));
      min-width: 3.250rem;
      min-height: 3.375rem;
      font-size: 2rem;
      padding: 0;
      z-index: 9999;
  }
  
  .desktop-display {
      display: block;
  }
  
  .mobile-display {
      display: none;
  }
  
  .color-five {
      background-color: rgb(var(--five-color));
      color: rgb(var(--white-monochrome, 252, 252, 252));
  }
  
  .color-four {
      background-color: rgb(var(--four-color));
  }
  
  .color-three {
      background-color: rgb(var(--three-color));
  }
  
  .color-two {
      background-color: rgb(var(--two-color));
  }
  
  .color-one {
      background-color: rgb(var(--one-color));
  }
  
  .color-gray {
      background-color: rgba(var(--gray-monochrome, 66, 66, 72),0.15);
  }
  
  .color-white {
      background-color: rgb(var(--white-monochrome, 252, 252, 252));
  }
  
  .color-black,
  .cosmic {
      background-color: rgb(var(--black-monochrome, 12, 12, 12));
      color: rgb(var(--white-monochrome, 252, 252, 252));
      border: 0.5rem solid rgb(var(--white-monochrome));
  }
  
  .icons {
      display: -ms-grid;
      display: grid;
      -ms-grid-columns: -webkit-calc((100% / 5) - 0.25rem) 0.25rem -webkit-calc((100% / 5) - 0.25rem) 0.25rem -webkit-calc((100% / 5) - 0.25rem) 0.25rem -webkit-calc((100% / 5) - 0.25rem) 0.25rem -webkit-calc((100% / 5) - 0.25rem);
      -ms-grid-columns: -moz-calc((100% / 5) - 0.25rem) 0.25rem -moz-calc((100% / 5) - 0.25rem) 0.25rem -moz-calc((100% / 5) - 0.25rem) 0.25rem -moz-calc((100% / 5) - 0.25rem) 0.25rem -moz-calc((100% / 5) - 0.25rem);
      -ms-grid-columns: calc((100% / 5) - 0.25rem) 0.25rem calc((100% / 5) - 0.25rem) 0.25rem calc((100% / 5) - 0.25rem) 0.25rem calc((100% / 5) - 0.25rem) 0.25rem calc((100% / 5) - 0.25rem);
      grid-template-columns: repeat(5, -webkit-calc((100% / 5) - 0.25rem));
      grid-template-columns: repeat(5, -moz-calc((100% / 5) - 0.25rem));
      grid-template-columns: repeat(5, calc((100% / 5) - 0.25rem));
      grid-gap: 0.25rem;
  }
  
  .class-table-box {
      display: -ms-grid;
      display: grid;
      -ms-grid-columns: 1fr 0.125rem 75%;
      grid-template-columns: 1fr 75%;
      background-color: rgb(var(--black-monochrome));
      grid-gap: 0.125rem;
      margin-top: 0.5rem;
  }
  
  @media (max-width: 500px ) {
      .class-table-box {
      	-ms-grid-columns: initial;
      	grid-template-columns: initial;
      	border: 0.125rem solid rgb(var(--black-monochrome, 12,12,12));
      }
  }
  
  .class-table-box > div {
      padding: 0.5rem;
  }
  
  .class-name {
      font-family: var(--title-font);
      font-size: 1.15em;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
         -moz-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
         -moz-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      text-align: center;
  }
  
  .class-description {
      background-color: rgb(var(--white-monochrome));
  }
  
  @media (max-width: 500px ) {
      .icons {
      	-ms-grid-columns: -webkit-calc((100% / 3) - 0.25rem) 0.25rem -webkit-calc((100% / 3) - 0.25rem) 0.25rem -webkit-calc((100% / 3) - 0.25rem);
      	-ms-grid-columns: -moz-calc((100% / 3) - 0.25rem) 0.25rem -moz-calc((100% / 3) - 0.25rem) 0.25rem -moz-calc((100% / 3) - 0.25rem);
      	-ms-grid-columns: calc((100% / 3) - 0.25rem) 0.25rem calc((100% / 3) - 0.25rem) 0.25rem calc((100% / 3) - 0.25rem);
      	grid-template-columns: repeat(3, -webkit-calc((100% / 3) - 0.25rem));
      	grid-template-columns: repeat(3, -moz-calc((100% / 3) - 0.25rem));
      	grid-template-columns: repeat(3, calc((100% / 3) - 0.25rem));
      }
  }
  
  .icon_image {
      -webkit-border-radius: 50%;
         -moz-border-radius: 50%;
              border-radius: 50%;
      border: 0.25rem solid rgb(var(--black-monochrome, 12, 12, 12));
      overflow: hidden;
  }
  
  .icon_name,
  .icon_link {
      font-family: var(--title-font);
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
         -moz-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
         -moz-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      text-transform: uppercase;
  }
  
  h1, h2 {
      text-align: center;
  }
  
  .step_container {
      margin: 0.5rem 0;
      border: 0.0625rem solid rgb(var(--swatch-menubg-medium-dark-color));
      padding: 1em;
  }
  
  .help {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-align-content: stretch;
          -ms-flex-line-pack: stretch;
              align-content: stretch;
      padding-top: 1em;
      border-top: 0.0625rem dashed rgb(var(--swatch-menubg-medium-dark-color));
  }
  
  .help blockquote {
      margin: 0;
      font-size: 85%;
  }
  
  .help blockquote > p {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap;
      -webkit-box-align: center;
      -webkit-align-items: center;
         -moz-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-align-content: center;
          -ms-flex-line-pack: center;
              align-content: center;
      margin-right: 0;
      min-height: 2rem;
      margin: 0;
  }
  
  .help blockquote > p * {
      margin: 0 0.1rem;
      height: 100%;
  }
  
  .help blockquote:nth-of-type(1) {
      width: 50%;
      background: transparent;
      border: unset;
      -webkit-box-shadow: unset;
         -moz-box-shadow: unset;
              box-shadow: unset;
      text-align: right;
      margin-right: 0;
      padding: 0;
  }
  
  .help blockquote:nth-of-type(1) > p {
      -webkit-box-pack: end;
      -webkit-justify-content: flex-end;
         -moz-box-pack: end;
          -ms-flex-pack: end;
              justify-content: flex-end;
  }
  
  .help blockquote:nth-of-type(2) {
      margin-left: 1em;
      width: 50%;
  }
  
  #page-content .collapsible-block {
      display: block;
      text-align: center;
      padding: 0.75em;
      background-color: rgba(var(--swatch-menubg-medium-color),0.25);
      border-top: 0.125rem dashed rgb(var(--swatch-menubg-medium-dark-color));
      border-bottom: 0.125rem dashed rgb(var(--swatch-menubg-medium-dark-color));
  }
  
  .scp-image-block.image-hover-enlarge,
  .scp-image-block.image-hover-enlarge img,
  .scp-image-block.image-block-slide-reveal,
  .scp-image-block.image-block-slide-reveal img {
      border: none !important;
      box-shadow: none !important;
  }
  
  #page-content div.collapsible-block > div.collapsible-block-unfolded > div.collapsible-block-content {
      text-align:left;
  }
  
  @media only screen and (max-width:768px) {
      .desktop-display {
          display: none;
      }
  
      .mobile-display {
          display: block;
      }
  }

  Pages using this styling

  • anomaly-classification-system-guide [info]

  ¶ 1 occurrence
  

  
  @import url('https://fonts.googleapis.com/css2?family=Vesper+Libre&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Spectral:wght@300&display=swap');
  
  :root {
    --logo: url(https://scp-wiki.wdfiles.com/local--files/anomaly-243-the-neamh-mairbh/HMFSCP2.png);
    --title: "Her Majesty's Foundation";
    --subtitle: "Dieu Et Sa Loi";
    --title-size: 1.75rem;
    --subtitle-size: 1.25rem;
  }
  :root {
      --basalt-overtone: 10, 10, 11;
      --basalt-undertone: var(--basalt-bright-element-color);
      --basalt-UI-dark-palette: 23, 33, 20;
      --basalt-background-color: 224, 213, 191;
      --basalt-bright-element-color: 34,49,29;
      --basalt-dark-element-color: 34,49,29;
      --basalt-primary-color: 255, 253, 231;
      --basalt-secondary-color: 255, 239, 203;
      --basalt-tertiary-color: 246, 227, 186;
      --basalt-main-text-color: 18, 9, 0;
  
      --image-caption-background-color: 255, 253, 231;
  
      --header-background-color: 48,69,41;
      --header-title-color: 255, 253, 208;
      --header-subtitle-color: 255, 253, 208;
  
      --top-bar-link-color: 255, 253, 208;
      --search-icon-color: 255, 253, 208;
      --side-bar-background-color: 63,90,54;
      --side-bar-heading-text-color: 255, 253, 208;
      --side-bar-link-color: 255, 253, 208;
      --scrollbar-thumb-color: var(--basalt-dark-element-color);
      --general-border-color: 156, 156, 156;
  
      --link-color: 137, 81, 37 !important;
      --link-visited-color: 84, 49, 22 !important;
  
      --document-background-color: 243,223,193;
  }
  :root {
      --header-font-primary: 'Spectral';
      --UI-font-primary: 'Vesper Libre';
      --body-font-primary: 'Vesper Libre';
      --mono-font-primary: 'Spectral';
      font-size: 110%;
  }

  Pages using this styling

  • anomaly-243-the-neamh-mairbh [info]

  ¶ 1 occurrence
  

  .raisa_box{
  border:solid 1px #252525;
  background:#f2f2c2;
  padding: 5px;
  margin-bottom: 10px;
  width: 95%;
  align: center;
  }
  

  Pages using this styling

  • anomalousflatulence-preview-page [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css?family=Prompt:500');
  
  .snapchat, .snapchat-sender {
      font-family: "Prompt", "Trebuchet MS", sans-serif;
      font-weight: 500;
  }
  
  .snapchat {
      border-left: 6px solid #999;
      border-radius: 2px;
      margin: 8px;
      padding: 0 24px 0 4px;
      font-size: 17px;
      background: #eeeeee;
      max-width: 460px !important;
  }
  
  .snapchat p {
      margin: 0;
      line-height: 1.55em;
  }
  
  .snapchat img {
      margin: 8px 0 8px 12px;
  }
  
  .snapchat-sender {
      font-size: 13px;
      position: relative;
      left: 7px;
      bottom: -12px;
      text-transform: uppercase;
  }
  
  .snapchat.snapchat-incoming {
      border-left-color: #18aaf8;
  }
  
  .snapchat.snapchat-outgoing {
      border-left-color: #f23b57;
  }
  
  .snapchat-sender.snapchat-incoming {
      color: #18aaf8;
  }
  
  .snapchat-sender.snapchat-outgoing {
      color: #f23b57;
  }
  
  .snapchat.snapchat-typing {
      border-left-width: 3px;
      background-color: white;
      padding-right: 0;
  }
  
  .snapchat.snapchat-typing:after {
      content: "typing...";
      font-size: small;
      color: #666;
      pointer-events: none;
  }
  
  @media (min-width: 480px) {
      .snapchat.snapchat-typing p:last-child {
          margin-bottom: -12px
      }
  
      .snapchat.snapchat-typing:after {
          content: url("https://scp-wiki.wdfiles.com/local--files/grin-and-bear-it/stacey-typing");
          position: relative;
          left: -7px;
          speak: none;
          pointer-events: none;
      }
  
      .jumbomoji {
          line-height: 48px;
          font-size: 32px;
          letter-spacing: -0.17em;
      }
  }
  

  Pages using this styling

  • anomalous-teens-against-trilobite-schemes [info]

  ¶ 1 occurrence
  

  :root{
    --fade-in-delay: 0s;
  }

  Pages using this styling

  • anomalous-ontology-orientation [info]

  ¶ 1 occurrence
  

  .rainbow-text {
      font-family: Arial;
      font-weight: bold;
      font-style: italic;
  }
  .rainbow-text .block-line > span {
      display: inline-block;
  }
  .block-line {
      background-image: linear-gradient(90deg,#c9d732,#ffd900);
      color: #0000;
      -webkit-background-clip: text;
      background-clip: text;
  }

  Pages using this styling

  • anomalous-anonymous [info]

  ¶ 1 occurrence
  

  hr{
          background-color: gold;
          margin:0;
          padding:0.05px;
          width:100%;
  }

  Pages using this styling

  • anomalous-anonymous [info]

  ¶ 1 occurrence
  

  .email {background-color: #F2EAE1; color: #21252E; border: solid 2px #F4AB58; width: 88%; padding: 1px 15px; margin: 10px; box-shadow: 0 1px 3px rgba(0,0,0,.5); margin: auto}

  Pages using this styling

  • animal-antics [info]

  ¶ 1 occurrence
  

  body {
      overflow: show;
      background-color: var(--accentColor);
      background-image: url("https://scp-sandbox-3.wdfiles.com/local--files/andromedaz-sandbox-ii/galaxymodify.jpg");
      background-attachment: fixed;
      background-size: cover;
      background-blend-mode: luminosity;
  }
  
  :root {
      --logo: url(https://scp-sandbox-3.wdfiles.com/local--files/andromedaz-sandbox-ii/seal.png);
      --title: "andromedaz";
      --subtitle: "A universe of dreams";
  }

  Pages using this styling

  • andromedaz-page [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css?family=Cinzel');
  @import url('https://fonts.googleapis.com/css?family=Anton');
  @import url('https://fonts.googleapis.com/css?family=Pinyon+Script');
  
  /*
      The Anton font was created by Vernon Adams and is licensed under the Open Font License
      The Cinzel font was created by Natanael Gama and is licensed under the Open Font License
      The Pinyon Script font was created by Nicole Fally and is licensed under the Open Font License
  */
  }

  Pages using this styling

  • anderson-airlines [info]

  ¶ 1 occurrence
  

  :root {
      --header-title: 'The Seven Colonies';
      --header-subtitle: 'Of The Second Hytoth';
  
      --lumina-header-image: url(https://scp-wiki.wdfiles.com/local--files/and-to-the-stars-i-went-with-only-a-name-hub/sirius.png);

  Pages using this styling

  • and-to-the-stars-i-went-with-only-a-name-hub [info]

  ¶ 1 occurrence
  

  
  @import url('https://fonts.googleapis.com/css?family=EB+Garamond:500&display=swap');
  
  :root {
    --header-title: "SCP FOUNDATION";
    --header-subtitle: "Secure, Contain, Protect";
    --lgurl: url("https://scp-wiki.wdfiles.com/local--files/theme%3Amidnight-rush/midnight-rush-icon.png");
  }
  
  body {
    background-image: linear-gradient(180deg, #bf6e26 0%, #4A3933 100%)
  }
  
  #header h1 a::before {
    font-family: "Font Name", sans-serif;
  }
  
  #header h2::before {
    font-family: "Font Name", sans-serif;
  }
  
  .fancytext {
  font-family:"EB Garamond"; sans-serif;
  font-size: 140%;
  }
  

  Pages using this styling

  • and-his-name-was [info]

  ¶ 1 occurrence
  

  div.blockquote { box-sizing: border-box; }
  @media (max-width: 768px) {
      div.blockquote { margin: 1em; width: unset; }
  }

  Pages using this styling

  • and-every-time-we-meet-again-hub [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Major+Mono+Display&display=swap');
  
  #page-title {
      display: none;
  }
  
  .meta-title {
    font-family: 'Major Mono Display', monospace;
  }
  
  .meta-title p {
    margin: 0;
  }

  Pages using this styling

  • anastasis-hub [info]

  ¶ 1 occurrence
  

  #page-title { display: none; }
  .avatar-hover { display: none !important; }
  
  :root {
    --header-title: "The Crow Corner";
    --header-subtitle: "now with 30% less asbestos!";
    --accentColor:  180, 140, 226;
  
    --borderColor: #9e71ba !important;
  /*  --bgBadgeColor: (COLOR HERE) !important;*/
  
    --wlgold: #ffd450;
  }
  
  /* Tabview backgrounds are icky */
  .yui-navset .yui-content { background:transparent; padding:none;}
  
   /* FANART FORMATTING */
  .art img {max-width: 80%; margin-top: 1em;}
  
  /*  CELL & TABLE STYLING  */
  #page-content table { border-collapse: separate; border-spacing: 0.3rem; }
  #page-content table img { margin-top: 8px; width: 100%; }
  
  #page-content td {
    font-weight: bold;
    font-size: 1.5em;
    text-align: center;
    vertical-align: bottom;
    padding: 6px 0px 0px 0px;
    border: 3px solid #878B96;
    background: #151a23;
    width: 33%;
  }
  .top { margin: auto;  max-width: 50% !important; }
  
  /* Make WL stuff look very very special */
  #page-content .wl {
    border-color: var(--wlgold);
    background: #34572c;
  }
  .wl a{ box-shadow: none !important; color: var(--wlgold) !important;}
  .wl a:hover { color: #34502c !important; background-color: var(--wlgold) !important; box-shadow:none !important;}
  
  /* Manually stopping image link from lighting up */
  #page-content td a:last-of-type, .wl a:last-of-type { background-color: transparent !important; box-shadow: none !important;}
  
  /* PENUMBRA UNDERLINE FIX */
  #page-content a:not([href*="user"]):not([href*="javascript:;"]) {
      text-decoration: none;
  }

  Pages using this styling

  • anactualcrow [info]

  ¶ 1 occurrence
  

  #header {
    background-image: url(https://scp-wiki.wikidot.com/local--files/grigori-karpin-s-author-page/Site-91%20Logo%20Smallest)
  }
  
  div#header h1 a span {
      font-size: 0px;
  }
  div#header h1 a:before {
      content: "Site-91 Archives";
      color: #eee;
      
  }
  div#header h2 span {
      font-size:0px;
      padding: 6px;
  
  }
  div#header h2:after {
      content: "Thaumaturgical Research";
      font-weight: bold;
      color: #f0f0c0;
      padding: 19px 0;
      text-shadow: 1px 1px 1px rgba(0, 0, 0, .8);
      white-space: pre;
  }
  
  .email {border: solid 2px #000000; width: 88%; padding: 1px 15px; margin: 10px; box-shadow: 0 1px 3px rgba(0,0,0,.5)}
  .email-example a.collapsible-block-link {font-weight: bold;}
  .tofrom {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px maroon}

  Pages using this styling

  • an-scp-masquerading-as-a-tale [info]

  ¶ 1 occurrence
  

  /* ==== FONTS ==== */
  
   @import url(https://fonts.googleapis.com/css2?family=Texturina:opsz@12..72&display=swap);
  
  /* == COMMON == */
  
   :root {
      --lib-font: "Texturina", "Optima", "Segoe", "Segoe UI", "Candara", "Calibri", "Arial", sans-serif;
  }
  
  /* == ALL CHAPTERS == */
  
   .lite-heading.extra-wide {
      position: relative;
      left: calc(-33vw + 50%);
      width: 66vw;
      max-width: 66vw;
  
      background:
         linear-gradient(
      	to right,
      	transparent,
      	var(--fgColor) 10% 90%,
      	transparent);
  }
  
   .lite-heading.extra-wide hr {
      height: .3rem;
  
      background:
         linear-gradient(
      	to right,
      	transparent,
      	var(--accentColor) 10% 90%,
      	transparent);
      border: 0;
  }
  
   .lite-heading.extra-wide h1 {
      background:
         -webkit-linear-gradient(
      	var(--accentColor) 55%,
      	transparent 85%);
      -webkit-background-clip: text;
  
      -webkit-text-fill-color: transparent;
      font-size: 2.95rem;
      letter-spacing: .4rem
  }
  
   .lite-heading.extra-wide h3 {
      margin-bottom: .7em;
  
      font-size: 1.95rem;
      letter-spacing: .2rem
  }
  
   @media (max-width: 767.9px) {
       .lite-heading.extra-wide {
      	left: unset;
      	width: unset;
      	max-width: unset;
      }
  }
  
   @media (max-width: 575.9px) {
       .lite-heading.extra-wide h1 {
      	background:
      	   -webkit-linear-gradient(
      		var(--accentColor) 25%,
      		transparent 95%);
      	-webkit-background-clip: text;
      }
  }
  
   h2, h4 {
      color: var(--textColorMid);
      filter: none;
  }
  
   .scene-break.break-hydra {
      filter: invert(77%) sepia(24%) saturate(1063%) hue-rotate(78deg) brightness(87%) contrast(88%);
  }
  
  /* == EARTHWORM SERIES NAVIGATOR == */
  /**
   *	By Croquembouche
  **/
  
   #page-content .earthworm a[href="/"] {
      color: var(--textColorIdle);
  }
  
   #page-content .earthworm .hub {
      background: var(--accentColorLite);
      border-color: transparent;
  }
  
   #page-content .earthworm .hub a {
      color: var(--keyColor);
  }
  
  /* == CHAPTER-SPECIFIC == */
  
   .fancyborder {
      padding: 2vw .4vw;
  }
  
   .fancyborder p {
      color: hsl(44, 56%, 68%);
  
      font: 1.25rem var(--lib-font);
  }
  
   .fancyborder ::selection {
      background: hsl(44, 56%, 68%);
  }
  
   @media (min-width: 768px) {
       .flourish {
      	letter-spacing: 3.6rem;
      }
  }
  
   .flourish {
      letter-spacing: 2.4rem;
  }
  
   .baetyl,
   .baetyl div:first-child {
      --fgColor: hsla(135, 20%, 9%, .65);
  
      border-radius: 2rem;
  }
  
   .baetyl.engraving {
      background: url(https://scp-wiki.wikidot.com/local--files/an-old-familiar-dream/glade.webp);
      box-shadow:
      	inset 0 0 2rem .5rem var(--keyColor),
      	inset 0 0 4rem 1rem var(--keyColor),
      	inset 0 0 8rem 2rem var(--keyColor);
  }
  
   .baetyl div:nth-child(1) {
      background: var(--fgColor);
  }
  
   .baetyl div div:nth-child(1) {
      margin-bottom: -1.1875rem;
      padding: .53rem 1rem;
  }
  
   .baetyl div br:nth-child(2) {
      display: none;
  }
  
   .baetyl.engraving p {
      filter: opacity(calc(100% - 12%));
      font: 1.25rem var(--script-font);
      letter-spacing: .033rem;
  }
  
   .lost {
      font-size: 1.55rem;
      font-weight: bold;
  }
  
   @media (max-width: 767.9px) {
       .fancyborder p,
       .baetyl.engraving p {
      	font-size: .95rem;
      }
  
       .lost {
      	font-size: 1.25rem;
      }
  }

  Pages using this styling

  • an-old-familiar-dream [info]

  ¶ 1 occurrence
  

      #page-title {display: none;}
  
  body {
    font-size: 0.85em;
    background-color: #f5f5f5;
    opacity: 1;
    background-image:  radial-gradient(#808080 1.3px, transparent 1.3px), radial-gradient(#808080 1.3px, #f5f5f5 1.3px);
    background-size: 52px 52px;
    background-position: 0 0,26px 26px;
  
  }
  
  h1 {
     text-align: center;
  }
  
  h2 {
     text-align: center;
  }
  
  h3 {
     text-align: center;
     color: rgb(40, 40, 40);
  }
  
  h4 {
     text-align: center;
      color: rgb(60, 60, 60);
  }
  
  h5 {
     text-align: center;
  }
  
  div.modal {
      display: block;
      margin-inline: auto;
      margin-block: 1.4rem;
      padding-inline: 1.5rem;
      padding-block: 0.5rem;
      color: rgb(var(--basalt-main-text-color));
      border: 3px double #000000;
  }
  
  #page-content div.modal {
      max-width: 48em;
  }
  
  .text-box-xeno {
      display: inline-block;
      width: 95%;
      padding: 1rem;
      background-color: rgba(255, 255, 255);
      border-top: solid 1px rgb(0, 0, 0);
      border-left: solid 1px rgb(0, 0, 0);
      border-right: solid 1px rgb(0, 0, 0);
      border-bottom: solid 1px rgb(0, 0, 0);
      margin: auto;
      height: max-content;
      line-height: 1.5em;
  }
  
  .xenonoborder {
      display: inline-block;
      width: 95%;
      padding: 1rem;
      background-color: rgba(255, 255, 255);
      margin: auto;
      height: max-content;
      line-height: 1.5em;
  }
  
  .talking {
     display: grid;
     grid-template-columns: 7em auto;
     grid-template-areas:
        'person quote';
     justify content: center;
     margin: auto;
     padding: 0 0 0 0;
     width: 100%;
     border-top: 1.5px solid #c0c0c0;
     border-bottom: 1.5px solid #c0c0c0;
  }
  
  .person {
       font-size: 0.92em;
       padding: 0 0 0.25em 0;
       border-right: 1.5px solid #c0c0c0;
       border-top: 0.5px solid #e0e0e0;
       border-bottom: 0.5px solid #e0e0e0;
  }
  .quote {
       padding-left: 15px;
       font-size: 0.95em;
       padding-top: 2px;
       padding-bottom: 2px;
       line-height: 0.05em;
       border-top: 0.5px solid #e0e0e0;
       border-bottom: 0.5px solid #e0e0e0;
  }

  Pages using this styling

  • an-incomplete-interview [info]

  ¶ 1 occurrence
  

  :root {
      --subtitle: "Department of Xenobiology";
      --title: "SCP Foundation";
  
      --basalt-overtone: 10, 10, 10;
      --basalt-undertone: var(--basalt-bright-element-color);
      --basalt-UI-dark-palette: 50, 50, 50;
      --basalt-bright-element-color: 196, 18, 18;
      --basalt-dark-element-color: 166, 12, 12;
      --basalt-alternate-color: 221, 119, 17;
      --basalt-primary-color: 252, 252, 252;
      --basalt-secondary-color: 240, 240, 240;
      --basalt-tertiary-color: 229, 229, 229;
      --basalt-main-text-color: 35, 35, 35;
  }
  .email-example .collapsible-block-folded a.collapsible-block-link {
      animation: blink 0.8s ease-in-out infinite alternate;
  }
  @keyframes blink {
      0% { color: transparent; }
      50%, 100% { color: #b01; }
  }
  .email {border: 3px double #000000; background: #fefefe; max-width: 48em; padding-inline: 1em; margin-inline: auto;}
  .email-example a.collapsible-block-link {font-weight: bold;}
  .tofrom {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px maroon}

  Pages using this styling

  • an-incomplete-interview [info]

  ¶ 1 occurrence
  

  #header {background-image: url(https://scp-sandbox-3.wikidot.com/local--files/collab:drchandra-s-sandbox/imageedit_2_2861603345.png);}
  #header h1 a {
      display: block;
      margin: 0;
      padding: 80px 0 25px;
      line-height: 0px;
      max-height: 0px;
      color: transparent;
      background: transparent;
      font-family: BauhausLTDemi. 'Nanum Gothic'. Arial. sans-serif;
      text-decoration: none;
      text-shadow: none;
      letter-spacing: 0.9px;
  }
   
  #header h1 a::before {
      content: "SCP Foundation";
      color: #fff;
      letter-spacing: -0.02em;
      text-shadow: 3px 3px 5px #000;
  }
   
  #header h2 span {
      display: block;
      margin: 0;
      padding: 19px 0;
      line-height: 0px;
      max-height: 0px;
      font-weight: bold;
      color: transparent;
      text-shadow: none;
  }
   
  #header h2 span::before {
      content: 'Subs, Chicken Wings, Panzerotti';
      color: #fff;
      text-shadow: 1px 1px 1px #000;
      text-shadow: 1px 1px 1px rgba(0,0,0,.8);
  }
  
  sup {
    vertical-align: top;
    position: relative;
    top: -0.5em;
  }
  
  .scp-image-block.block-right { margin: 1em 2em 1em 1em; }

  Pages using this styling

  • an-action-movie-with-romantic-sub-plots-starring-a-mosquito [info]

  ¶ 1 occurrence
  

  div#page-title::after {
    content: "by LordStonefish;
    font-size: 50%;
    color: #888;
  }

  Pages using this styling

  • amnestic [info]

  ¶ 1 occurrence
  

  .green {background-color:#c9f7c8;"}
  }

  Pages using this styling

  • amnesia-was-fir-name [info]

  ¶ 1 occurrence
  

  :root {
    --header-title: "W4LD0N S7UD1O";
    --header-subtitle: "rediscovering the unknown";
  }
  
  
  #page-content h2 {
      text-align: center;
  }

  Pages using this styling

  • ambrose-vineta [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Courier+Prime:ital,wght@1,400;1,700&display=swap');
  
  /* If you use this menu CSS on an Ambrose article, please let me know!
   * I'd love to hear about it so that I can downvote you and chastise you for being unimaginative.
   * Make your own menu! (and then let me know about that :3 )
   */
  .menu {
    position: relative;
    background: url(https://scp-wiki.wdfiles.com/local--files/ambrose-vienna/paper.webp);
    border-left: 0.75rem double #333;
    border-right: 0.75rem double #333;
    padding: 4rem min(4rem, 7vw);
    margin: 2rem;
    font-style: italic;
    font-family: 'Courier Prime', monospace;
    font-size: min(1.5rem, 3.5vw);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .menu > p { margin: 0; }
  .menu > p:nth-child(2) { margin-left: 1rem; }
  .menu > p:nth-child(3) { flex-basis: 100%; }
  
  .menu::before, .menu::after {
    content: "";
    position: absolute;
    pointer-events: none;
    top: -1rem; right: -1rem; bottom: -1rem; left: -1rem;
    background-image: url(https://scp-wiki.wdfiles.com/local--files/ambrose-vienna/clip.png);
    background-position: 0 1rem;
    background-size: 100% 2rem;
    background-repeat: repeat-x;
  }
  .menu::after { transform: rotate(180deg); }

  Pages using this styling

  • ambrose-vienna [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Grenze+Gotisch&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Montserrat&display=swap');
  
  #page-content h2 {
      text-align: center;
  }
  
  .page-rate-widget-box .rateup a,
  .page-rate-widget-box .ratedown a,
  .page-rate-widget-box .cancel a::after {
      color: #fff;
  }
  
  .blood-list {
      background: linear-gradient(135deg, #cb2f2f 0 19%, #621212);
      border-width: 0 6px;
      border-style: solid;
      border-color: #4a0707;
      color: white;
      padding: calc(1em + 10px) 1em;
      width: 90%;
      margin: auto;
      position: relative;
  }
  
  .blood-list::before,
  .blood-list::after {
    content: "";
    position: absolute;
    pointer-events: none;
    top: -1rem; right: -1rem; bottom: -1rem; left: -1rem;
    background-image: url(https://scp-wiki.wdfiles.com/local--files/ambrose-transylvania/bloodsnip.png);
    background-position: 0 1rem;
    background-size: 100% 2rem;
    background-repeat: repeat-x;
  }
  
  .blood-list::after {
      transform: rotate(180deg);
  }
  
  .blood-name {
      font-family: 'Grenze Gotisch', cursive;
      font-size: 2.5em;
      text-shadow: 2px 2px 1px black;
  }
  
  .blood-name p {
      margin: 0;
  }
  
  .blood-desc {
      width: 83%;
      margin-left: auto;
      margin-right: 0;
      font-family: 'Montserrat', sans-serif;
      text-align: right;
  }

  Pages using this styling

  • ambrose-transylvania [info]

  ¶ 1 occurrence
  

  @import url("https://fonts.googleapis.com/css?family=Jim+Nightshade|Metamorphous|Ruluko");
  
  p { 
     font-family: 'Jim Nightshade', cursive;
     font-family: 'Ruluko', sans-serif;
     font-family: 'Metamorphous', cursive;
     font-weight: normal; 
     font-style: normal; 
     word-break: normal;
  }
  
  .dark a{color: fuchsia}
  .web a:visited{color: #cc6ee8}

  Pages using this styling

  • ambrose-thorn-valley [info]

  ¶ 1 occurrence
  

  .scp-image-caption {
      display: none;
  }

  Pages using this styling

  • ambrose-temecula [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css?family=Poiret+One');
  
  .ambrose a{color: #AA9538} 
  .menu a::visited{color: #AA9538} 
  .hovertip {border: 1px solid #A38800 !important ; background-color: #260047 !important ; color: #fff7d8;}

  Pages using this styling

  • ambrose-sanfran [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.bunny.net/css?family=Poiret+One');
  
  .ambrose a{color: #AA9538} 
  .menu a::visited{color: #AA9538} 
  .hovertip {border: 1px solid #A38800 !important ; background-color: #260047 !important ; color: #fff7d8;}

  Pages using this styling

  • ambrose-restaurant-hub [info]

  ¶ 1 occurrence
  

  div.email {
      border: solid 3px #A38800;
      box-shadow: 0 1px 3px rgba(0,0,0,.2);
      padding: 0 1em 0 3em;
      margin: 1em 3em;
      text-indent: -2em;
      background-image: url(http://scp-wiki.wdfiles.com/local--files/do-you-like-huey-lewis-and-the-news/ambrose-logo.png);
      background-size: 64px 64px;
      background-position: 95% .5em;
      background-repeat: no-repeat;
      background-color: #F5F2E4;
      color: #21003C;
      font-family: verdana,arial,helvetica,sans-serif;
      font-size: .8rem;
  }
  
  #page-content div.email h2 {
       font-family: "Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica;
       color: #21003C;
       max-width: 50%;
  }
      
  
  @media (max-width: 479px) {
      div.email {
          margin: 1em 0;
      }
  }
   
  @media (min-width: 480px) and (max-width: 580px) {
      div.email {
          margin: 0.5em;
      }
  }

  Pages using this styling

  • ambrose-nyc [info]

  ¶ 1 occurrence
  

  @import url("https://fonts.googleapis.com/css?family=Marck Script|Metamorphous|Ruluko");
  
  p { 
     font-family: 'Marck Script', cursive;
     font-family: 'Ruluko', sans-serif;
     font-family: 'Metamorphous', cursive;
     font-weight: normal; 
     font-style: normal; 
     word-break: normal;
  }
  
  .dark a{color: fuchsia}
  .web a:visited{color: #06053f}

  Pages using this styling

  • ambrose-makiling [info]

  ¶ 1 occurrence
  

  /* PLEASE DO NOT COPY/USE/ADAPT THIS MENU FORMAT FOR OTHER ARTICLES. IT IS A MESS THAT BARELY FUNCTIONS ON THIS ARTICLE. THE CSS AND FORMATTING OF THIS ARTICLE IS HIGHLY TAILORED TO THIS SPECIFIC ARTICLE AND IS LIABLE TO NOT WORK WELL ON OTHER PAGES. IT IS ALSO TERRIBLE CODE. PLEASE DO NOT REUSE IT. */
  
  @import url('https://fonts.googleapis.com/css?family=Poiret+One');
  
  .ambrose a{color: #AA9538} 
  .menu a::visited{color: #AA9538} 
  #odialog-hovertips .hovertip[style*="background-color: white;"] {border: 1px solid #A38800 !important ; background-color: #260047 !important ; color: #fff7d8;}

  Pages using this styling

  • ambrose-london-prix-fixe [info]

  ¶ 1 occurrence
  

   :root{
   /* -- COLORS -- */
       --accentColor: hsl(240, 100%, 66%);
       --accentColorLite: hsla(240, 100%, 75%, 0.5);
       --hue: 235deg;
  
  --logo-image: url( "" );
  --logo-size: 280px;
  --header-title: "Ambrose Restaurants";
  --header-subtitle: "An Intergalactic Dining Experience";
  --color: #ffffff;
  
  }

  Pages using this styling

  • ambrose-kepler [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Courier+Prime:ital,wght@1,400;1,700&display=swap');
  
  /* If you use this menu CSS on an Ambrose article, please let me know!
   * I'd love to hear about it so that I can downvote you and chastise you for being unimaginative.
   * Make your own menu! (and then let me know about that :3 )
   */
  .letter {
    position: relative;
    background-color: Antiquewhite;
    padding: 4rem min(4rem, 7vw);
    margin: 2rem;
    font-family: 'Cantata One', serif;
    font-size: min(1.5rem, 3.5vw);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .letter > p { margin: 0; }
  .letter > p:nth-child(2) { margin-left: 1rem; }
  .letter > p:nth-child(3) { flex-basis: 100%; }
  
  .letter::before, .letter::after {
    content: "";
    position: absolute;
    pointer-events: none;
    top: -1rem; right: -1rem; bottom: -1rem; left: -1rem;
    background-position: 0 1rem;
    background-size: 100% 2rem;
    background-repeat: repeat-x;
  }
  .letter::after { transform: rotate(180deg); }

  Pages using this styling

  • ambrose-gloucester [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Courier+Prime:ital,wght@1,400;1,700&display=swap');
  
  /* If you use this menu CSS on an Ambrose article, please let me know!
   * I'd love to hear about it so that I can downvote you and chastise you for being unimaginative.
   * Make your own menu! (and then let me know about that :3 )
   */
  .menu {
    position: relative;
    background: url(http://topia.wdfiles.com/local--files/cqb%3Areview/paper-texture.png);
    padding: 4rem min(4rem, 7vw);
    margin: 2rem;
    font-style: italic;
    font-family: 'Courier Prime', monospace;
    font-size: min(1.5rem, 3.5vw);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .menu > p { margin: 0; }
  .menu > p:nth-child(2) { margin-left: 1rem; }
  .menu > p:nth-child(3) { flex-basis: 100%; }

  Pages using this styling

  • ambrose-gloucester [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Cantata+One&display=swap');
  
  .metal {
    margin: 1rem auto;
    font-family: 'Cantata One', serif;
    padding: 0 1rem;
    color: #2b2d2c;
    font-size: 1.5rem;
    text-shadow: 0px 1px 3px rgba(255,255,255,0.5), 0px -1px 3px rgba(0,0,0,0.5);
    filter: sepia(0.4);
    border: 0.5rem outset #8e8e76;
    background: linear-gradient(175deg, #797157 0%, #8e8e76 70%, #b5bca3 75%, #8e8e76 100%);
    text-align: center;
    width: 500px;
    box-sizing: border-box;
  }

  Pages using this styling

  • ambrose-gloucester [info]

  ¶ 1 occurrence
  

  @media (prefers-reduced-motion: no-preference) {
     span#u-names {
         animation: steal 3s ease-in-out infinite alternate;
         font-weight: bold;
     }
  
     @keyframes steal {
         0% { color: inherit; }
         50%, 100% { color: green; }
     }
  }

  Pages using this styling

  • ambrose-esterberg [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css?family=Poiret+One');
  
  .ambrose a{color: #AA9538}
  .menu a::visited{color: #AA9538}

  Pages using this styling

  • ambrose-esterberg [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css?family=Bellota');
  
  .ambrose a{color: #ffffff} 
  .menu a::visited{color: #ffffff} 
  .hovertip {border: 1px solid #ffffff !important ; background-color: #e91436 !important ; color: #ffffff;}

  Pages using this styling

  • ambrose-dc-restaurant-week [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css?family=Gloria+Hallelujah|Ruluko');
  .ambrose a{color: #c8d6bf}
  .menu a::visited{color: #c8d6bf}
  .hovertip {bor
  .dark a{color: fuchsia}
  .web a:visited{color: #cc6ee8}
  .hovertip {border: 1px solid #84493a !important ; background-color: #c46942 !important ; color: #fff7d8;}

  Pages using this styling

  • ambrose-backdoor-soho [info]

  ¶ 1 occurrence
  

  :root {
    --header-title: "LiveMedium";
    --header-subtitle: "Where Blogging Happens";
  }
  
  #page-content h2 {
      text-align: center;
  }
  
  .disclaimer
  {
  font-size: 13px;
  font-family: "Microsoft Sans Serif";
  position:relative;
  }
  
  .inkblot-header {
    margin-bottom: 0;
  }
  
  

  Pages using this styling

  • ambrose-3ports-soda [info]

  ¶ 1 occurrence
  

  @import url(https://scp-wiki.wikidot.com/local--files/amai-s-art-gallery/1);
  
  #header {
      background-image: url('https://scp-wiki.wikidot.com/local--files/amai-s-art-gallery/bisexual')
  }
  

  Pages using this styling

  • amai-s-art-gallery [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;800&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Teko:wght@400;700&display=swap');
  
  span, a {
      word-break: normal;
  }
  
  .halloween-cards-container {
      display: flex;
      flex-wrap: wrap;
      grid-gap: 1.675rem;
      justify-content: center;
      margin: 0.5rem auto;
  }
  .halloween-cards-container .anthology-card {
      display: flex;
      flex-direction: column;
      background-color: #111;
      position: relative;
      flex-basis: 13.25rem;
      box-sizing: border-box;
      isolation: isolate;
      transition: transform 0.15s ease-out;
  color: white;
  }
  .halloween-cards-container .anthology-card:is(:hover,:focus-within) {
      transform: scale(1.325);
      z-index: 1;
  }
  
  .halloween-cards-container .anthology-card > a:first-child {
      font-size: 0;
      display: block;
      width: 100%; height: 100%;
      position: absolute;
      top: 0; left: 0;
      z-index: 3;
      outline: none;
  }
  
  .anthology-card > h1 {
      font-family: 'Teko', 'Inter', sans-serif;
      font-weight: normal;
      font-size: 1.75em;
      line-height: 0.9;
      margin: 0;
      position: absolute;
      width: 100%;
      box-sizing: border-box;
      padding: 0.285rem 2.25rem 0.125rem;
      text-align: center;
      background-color: #111;
      color: white;
      clip-path: polygon(0 0, 100% 0, 100% 0.5rem, calc(100% - 1.25rem) 0.5rem, calc(100% - 2.5rem) 100%, 2.5rem 100%, 1.25rem 0.5rem, 0% 0.5rem);
      transition: color 0.05s linear, background-color 0.125s ease-out;
  }
  .anthology-card:is(:hover,:focus-within) > h1 {
      color: white;
      background-color: var(--bg);
  }
  
  .anthology-card > img {
      padding-top: .5rem;
      height: 17.5rem;
      width: 100%;
      object-fit: cover;
      z-index: -1;
  }
  
  .anthology-card > .antho-title {
      display: flex;
      width: calc(100% + 1rem);
      max-width: unset!important;
      align-items: center;
      font-family: 'Teko', 'Inter', sans-serif;
      isolation: isolate;
      position: absolute;
      bottom: 2.625rem;
      left: -0.625rem;
      transform: translateY(50%);
      z-index: 4;
      pointer-events: none;
      color: white;
  }
  
  .anthology-card > .antho-title span {
      pointer-events: auto;
  color: white;
  }
  .anthology-card > .antho-title span:nth-child(1) {
      display: flex;
      align-items: center;
      justify-content: center;
      height: 3rem;
      min-width: 3.5rem;
      width: 3.5rem;
      box-sizing: border-box;
      color: white;
      font-weight: bold;
      position: relative;
      font-size: 1.675rem;
      font-family: 'Inter', sans-serif;
      transform: scale(1.25);
      z-index: 1;
  }
  .anthology-card > .antho-title span:nth-child(1)::before,
  .anthology-card > .antho-title span:nth-child(1)::after {
      content: "";
      display: block;
      position: absolute;
      top: 0; left: 0;
      width: 100%; height: 100%;
      background-color: var(--bg);
      z-index: -1;
      clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
  color: white;
  }
  .anthology-card > .antho-title span:nth-child(1)::before {
      background-color: orange;
      transition: transform 0.125s ease-out;
         
  }
  
  .anthology-card > .antho-title span:nth-child(2) {
      min-height: 2.375em;
      font-size: 1.675em;
      font-weight: normal;
      line-height: 0.875;
      display: inline-grid;
      align-items: center;
      text-align: center;
      padding: 0.175em 1.25em; padding-left: 1.75rem;
      margin-left: -0.875rem;
      background-color: #111;
      background-image: linear-gradient(to right, var(--fg-accent) 0%, var(--fg-accent) 100%);
      background-size: 0% 100%;
      background-position: 0 100%;
      background-repeat: no-repeat;
      clip-path: polygon(0 0, calc(100% - 0.875em) 0, 100% 50%, calc(100% - 0.875em) 100%, 0 100%);
      transition: all 0.175s ease-out;
  color: white;
  }
  
  .anthology-card:is(:hover,:focus-within) > .antho-title span:nth-child(1) {
      --bg: #111;
      color: white;
      transition: color 0.125s linear;
  }
  .anthology-card:is(:hover,:focus-within) > .antho-title span:nth-child(1)::before {
      transform: scale(1.15);
  color: black;
  }
  
  .anthology-card:is(:hover,:focus-within) > .antho-title span:nth-child(2) {
      color: white;
      background-size: 100% 100%;
  }
  
  /*-----------------------*/
  /*-----------------------*/
  /*
  .anthology-card:nth-child(28) img {
      transition: filter 0.175s linear;
  }
  .anthology-card:nth-child(28):is(:hover,:focus-within) img {
      filter: invert(1);
  }*/
  
  :root {
         --fg-accent: rgb(var(--accentColor));
         --bg: rgb(var(--accentColor));
  }

  Pages using this styling

  • alzin-cdag [info]

  ¶ 1 occurrence
  

  /* AVO, IMPORTANT, CHANGE THIS TO THE RGB CODE [FORMAT: X, X, X] YOU WANT */
  :root {
         --accentColor: var(--bright-accent);
         --bg: #111;
  }

  Pages using this styling

  • alzin-cdag [info]

  ¶ 1 occurrence
  

  :root {
   --header-subtitle: 'Shoddily Coping with Parenthood';
   --basalt-bright-element-color: 93,15,135;
   --basalt-dark-element-color: 93,15,135;
  }

  Pages using this styling

  • altoid-clef [info]

  ¶ 1 occurrence
  

   :root{
   /* -- COLORS -- */
       --accentColor: hsl(240, 100%, 66%);
       --accentColorLite: hsla(240, 100%, 75%, 0.5);
       --hue: 235deg;
  
  /* -- LOGO -- */
       --lgurl: url(https://scp-wiki.wikidot.com/local--files/altitudes-hub/pjxrB4u.webp);
  
  /* -- TITLES -- */
       --header-title: "KEPLER -- SYSTEM";
       --header-subtitle: "Healthcare - Science - Synthetics";
  
  }

  Pages using this styling

  • altitudes-hub [info]

  ¶ 1 occurrence
  

        .info-container{
      --barColour: #6750B5;
      --linkColour: #A5258C;
      }

  Pages using this styling

  • alpha-double-negative [info]

  ¶ 1 occurrence
  

  :root {
      --header-title: "SUMMER OF DOOM";
      --header-subtitle: "";
      --logo-image: ;
  }

  Pages using this styling

  • alpha-double-negative [info]

  ¶ 1 occurrence
  

  @import url(https://fonts.googleapis.com/css?family=Roboto+Mono&display=swap);

  Pages using this styling

  • alone-in-a-sea-of-voices [info]

  ¶ 1 occurrence
  

  .c_content {
      font-family: 'alpha_echoregular';
      font-style: italic;
      width: 93%;
      line-height: 20px;
      display: inline-block;
      padding-top: 75px;
      padding-left: 25px;
      padding-right: 25px;
      vertical-align: top;
      transition: all .7s;
      background: linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,.5)), url("https://scp-wiki.wdfiles.com/local--files/alma-kyivshchyna/oldtimeywhimey.jpg") ;
  }
  
  .c_content h1, .c_content span {
      font-style: normal;
  }
  
  .c_content h1 {
      font-size: 150%;
      font-family: "alpha_echoregular";
      font-weight: normal;
      margin: -0.3em 0 -0.3em 0.3em;
      color: inherit;
  }
  

  Pages using this styling

  • alma-kyivshchyna [info]

  ¶ 1 occurrence
  

  .text-change-colourD {
    background-image: linear-gradient(to bottom, #fcba03, #fcba03 10%, #d175ff 90%, #d175ff);
    background-clip: text;
    color: transparent;
  }

  Pages using this styling

  • all-that-glitter-s-is-fool-s-gold [info]

  ¶ 1 occurrence
  

  .text-change-colourC {
    background-image: linear-gradient(to bottom, #d175ff, #d175ff 30%, #fcba03 80%, #fcba03);
    background-clip: text;
    color: transparent;
  }

  Pages using this styling

  • all-that-glitter-s-is-fool-s-gold [info]

  ¶ 1 occurrence
  

  .text-change-colourB {
    background-image: linear-gradient(to bottom, #fcba03, #fcba03 50%, #d175ff 75%, #d175ff);
    background-clip: text;
    color: transparent;
  }

  Pages using this styling

  • all-that-glitter-s-is-fool-s-gold [info]

  ¶ 1 occurrence
  

  .text-change-colour {
    background-image: linear-gradient(to bottom, #d175ff, #d175ff 50%, #fcba03 80%, #fcba03);
    background-clip: text;
    color: transparent;
  }

  Pages using this styling

  • all-that-glitter-s-is-fool-s-gold [info]

  ¶ 1 occurrence
  

  .lesbian {
    animation-name: girls;
    animation-duration: 10s;
    animation-iteration-count: infinite;
    filter: drop-shadow(3px 3px 0 black);
  }
  
  @keyframes girls {
    0% {
      color: rgb(213, 45, 0);
    }
  
    17% {
      color: rgb(239, 118, 39);
    }
  
    34% {
      color: rgb(255, 154, 86);
    }
  
    51% {
      color: rgb(209, 98, 164);
    }
  
    68% {
      color: rgb(181, 86, 144);
    }
  
    85% {
      color: rgb(163, 2, 98);
    }
  
    100% {
      color: rgb(213, 45, 0);
    }
  }

  Pages using this styling

  • all-s-fair-in-love-and-corpses [info]

  ¶ 1 occurrence
  

  :root{
    --header-title: "Site-⌘";
    --header-subtitle: "Department of Surrealistics";
  }
  
  div#extra-div-1 {
      background-image: url(https://scp-wiki.wdfiles.com/local--files/scp-6445/Surrealistics-Logo.png);
      filter: opacity(20%);
  }
  
  .thindiv {
  padding: 24px 40px;
  border-radius: 0px;
  margin-block: 2.5rem;
  max-width: 35rem;
  margin: 0 auto 3rem
  }
  
  .thindiv p {
  font-size: 1.2rem;
  }

  Pages using this styling

  • all-is-left-in-the-shivering-kingdom [info]

  ¶ 1 occurrence
  

  :root {
      --logo-image: url("https://scp-wiki.wikidot.com/local--files/grigori-karpin-s-author-page/vanguard%20transparent.png");
      --header-title: "ANGUARD";
      --header-subtitle: "SHELTER - NORMALIZE - INFORM";
      --header-h2-font-size: 1.1em;
  }
  
  #header::before {
      left: -12rem;
      filter: brightness(125%);
      opacity: 1;
  }
  
  #header h1 a::before {
      font-size: unset;
  }
  
  #header h2::before {
      color: #fe4;
  }
  
  #header h2 {
      top: 1em;
  }
  
  #header #login-status {
      left: -2vw;
  }
  
  @media (max-width: 767px) {
      #header::before {
          left: -7rem;
      }
  
      #header h1 {
          top: 0.5em;
          left: 0.5em;
      }
  }
  
  #page-title {
      display: none;
  }
  
  .slonsk {
      margin: 0px 0px 15px 15px;
      float: right;
      width: 30%;
  }
  
  @media screen and (max-width: 630px) {
    .slonsk {
          display: block;
          margin-left: auto;
          margin-right: auto;
          float: none;
          text-align: center;
          width: 230px;
    }
  }
  
  /* Table */
      table.listpages-table,
      table.timeline {
      width: 100%;
      word-break: break-word;
  }
  
  table.listpages-table th {
      background-color: #666;
      color: #fff;
  }
  
  table.listpages-table td {
      vertical-align: top;
  }
  
  table.listpages-table td:not(:first-child) {
      text-align: center;
  }
  
  table.listpages-table tr:nth-child(2n+1) td {
      background-color: rgba(210, 210, 210, .5);
  }
  
  table.timeline {
      border-spacing: 0;
  }
  
  table.timeline td {
      vertical-align: top;
  }
  
  table.timeline td.label {
      font-size: 1.5em;
      font-weight: bold;
      text-align: center;
  }
  
  table.timeline td.left {
      border-right: solid 2px #799dce;
      width: 50%;
      text-align: right;
      padding: 5px 6px 5px 0;
  }
  
  table.timeline td.right {
      padding: 5px 0 5px 6px;
  }
  
  table.timeline div.crucial {
      font-family: monospace;
      font-size: 1.1em;
      color: #999;
  }
  
  table.timeline div.title {
      font-size: 1.25em;
  }
  
  table.timeline div.description {
      display: inline-block;
      padding: 2px 0 8px;
  }
  
  table.timeline div.description p:first-child {
      margin-top: 0;
  }
  
  /* Fragment */
  .pointer {
      display: none;
  }
  
  .fragmentWrapWrap {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      overflow: hidden;
      -webkit-mask: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 4%, rgba(255, 255, 255, 1) 96%, rgba(255, 255, 255, 0) 100%);
      mask: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 4%, rgba(255, 255, 255, 1) 96%, rgba(255, 255, 255, 0) 100%);
  }
  
  .fragmentWrapWrap .mask {
      position: relative;
      z-index: 1;
      -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
      flex-shrink: 0;
      width: 4%;
  }
  .fragmentWrap {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
      flex-shrink: 0;
      width: 92%;
      -webkit-transition: -webkit-transform .3s ease-in-out;
      -moz-transition: -moz-transform .3s ease-in-out;
      -ms-transition: -ms-transform .3s ease-in-out;
      -o-transition: -o-transform .3s ease-in-out;
      transition: transform .3s ease-in-out;
  }
  
  .fragment {
      -webkit-box-flex: 1;
      -webkit-flex-grow: 1;
      -moz-box-flex: 1;
      -ms-flex-positive: 1;
      flex-grow: 1;
      -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
      flex-shrink: 0;
      box-sizing: border-box;
      width: 100%;
      padding: 0 .5em;
  }
  
  .fragment .subtitle {
      padding-right: 1em;
      text-align: right;
      color: #aaa;
  }
  
  #u-p-1:target ~ .fragmentWrapWrap .fragmentWrap {
      -webkit-transform: translate(-100%);
      -moz-transform: translate(-100%);
      -ms-transform: translate(-100%);
      -o-transform: translate(-100%);
      transform: translate(-100%);
  }
  
  #u-p-2:target ~ .fragmentWrapWrap .fragmentWrap {
      -webkit-transform: translate(-200%);
      -moz-transform: translate(-200%);
      -ms-transform: translate(-200%);
      -o-transform: translate(-200%);
      transform: translate(-200%);
  }
  
  #u-p-3:target ~ .fragmentWrapWrap .fragmentWrap {
      -webkit-transform: translate(-300%);
      -moz-transform: translate(-300%);
      -ms-transform: translate(-300%);
      -o-transform: translate(-300%);
      transform: translate(-300%);
  }
  
  #u-p-4:target ~ .fragmentWrapWrap .fragmentWrap {
      -webkit-transform: translate(-400%);
      -moz-transform: translate(-400%);
      -ms-transform: translate(-400%);
      -o-transform: translate(-400%);
      transform: translate(-400%);
  }
  
  .al-fine {
      margin: auto;
      width: 90%;
      padding: 15px;
      box-shadow: 0 1px 3px rgba(0,0,0,.2);
      border: solid 3.5px #275495;
      background: #F2F7FB url('https://scp-wiki.wdfiles.com/local--files/theme%3Agoc/goc-fade.png') center no-repeat;
  }
  
  .parable {
      margin: auto;
      width: 90%;
      padding: 15px;
      border: solid 3.5px #000000;
      background: #D8D6D6;
  }

  Pages using this styling

  • all-eyes-on-silesia-hub [info]

  ¶ 1 occurrence
  

  :root {
   
  --logo-image: url("http://scp-wiki.wikidot.com/local--files/alight/37ALIGHT");
   
  }
   

  Pages using this styling

  • alight [info]

  ¶ 1 occurrence
  

  :root {
       --header-title: "SITE-37";
       --header-subtitle: "Problems Come to Light.";
      --bright-accent: 143, 142, 111;
      --medium-accent: 143, 142, 111;
      --dark-accent: 143, 142, 111;
  }
  .red {
   color: red;
  }
  .green {
   color: #63db5a;
  }
  .yellow {
   color: yellow;
  }
  .redfade {
   color: #ba7877;
  }
  .greenfade {
   color: #76b370;
  }
  .yellowfade {
   color: #8f8e6f;
  }

  Pages using this styling

  • alight [info]

  ¶ 1 occurrence
  

  blockquote, .blockquote {
      color: white;
  }
  blockquote a, .blockquote a {
      color: orange;
  }

  Pages using this styling

  • alexylva-university-hub [info]

  ¶ 1 occurrence
  

  :root {
       --header-title: "Department of Unreality";
       --header-subtitle: "Making the Unreal a ㅤㅤㅤㅤ";
       --lgurl: url('http://scp-wiki.wikidot.com/local--files/unreality-hub/Unreality%20Header%20Logo.svg');
  }
  
  authorlink-wrapper,
  .authorlink-wrapper + div {
    margin-right: 0 !important; /* needed to override inline styles */
  }
  
  
  #page-content img {
      width: 600px;
  }
  
  

  Pages using this styling

  • alex-thorley-goes-offline-for-shabbat [info]

  ¶ 1 occurrence
  

  :root {
       --header-title: "Department of Unreality";
       --header-subtitle: "Making the Unreal a ㅤㅤㅤㅤ";
       --lgurl: url('http://scp-wiki.wikidot.com/local--files/unreality-hub/Unreality%20Header%20Logo.svg');
  }
  
  authorlink-wrapper,
  .authorlink-wrapper + div {
    margin-right: 0 !important; /* needed to override inline styles */
  }
  
  
  #page-content img {
      width: 600px;
  }
  
  }
  

  Pages using this styling

  • alex-thorley-does-lsd [info]

  ¶ 1 occurrence
  

  body {
  background: linear-gradient(to bottom, rgba(245, 245, 245, 1) 0%, rgba(245, 245, 245, 0.4) 100%), url("http://scp-sandbox-3.wikidot.com/local--files/alex-thorley-becomes-a-dj-producer/unreality.jpg");
  background-repeat:no-repeat;
  background-size:cover;
  background-attachment: scroll, fixed;
  background-position:50% 70%;
  color:F5F5F5;
  }

  Pages using this styling

  • alex-thorley-becomes-a-producer [info]

  ¶ 1 occurrence
  

  
  div.page{
         float: center; 
         border: solid 4px #444444; 
         padding: 15px 15px 15px 15px; 
         margin-bottom: 20px; 
         box-shadow: 2px 1px 3px rgba(0,0,0,.2 );
         width: 1pw; 
  }
  
  .logo-container {
      display: flex;
      flex-wrap: wrap;
      align-content: center;
      justify-content: space-around;
      align-self: flex-end
      gap: 1rem 1rem;
  }
  

  Pages using this styling

  • akiva-counter-operating-instructions [info]

  ¶ 1 occurrence
  

  .article-title{
       font-size: 100%;
      font-weight: bold;
      padding-left: 15px;
  }
  
  .article-body {
      font-style: italic;
      padding-left: 15px;
      padding-right: 15px;
  }
  
  .article {
      border: solid 1px #888880 !important;
      border-radius: 10px;
      overflow-y: hidden;
      margin-bottom: 20px;
      box-shadow: 3px 3px 6px #bbb;
      box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.1);
       background: #fff9f0;
  }
  
  .badge {
      float: right;
      margin: 1em;
      border: 1px solid #888;
      text-align: center;
      width: 100px
  }

  Pages using this styling

  • ajmansfield [info]

  ¶ 1 occurrence
  

  .page-header {
      font-size: 120%;
  }
  
  .page-stats {
      font-size: 80%;
  }
  
  .art {
      text-align: center;
  }

  Pages using this styling

  • aismallard [info]

  ¶ 1 occurrence
  

  /* HELP! AIKO IS HOLDING ME CAPTIVE AND IS FORCING ME TO WRITE CSS!!! SAVE ME!!!
  ~ Hexick
  */
  :root {
      --lgurl: url("http://scp-wiki.wikidot.com/local--files/aiko-artpage/logo");
  }
  a:link {
      color: #7662d1;
  }
  a:visited {
      color: #2a1f59;
  }
  a:hover {
      background: #ffdd6e !important;
  }
  #main-content {
      border-color: #7662d1;
  }
  #header h1 a:hover {
      background: transparent !important;
  }
  #top-bar ul li a {
      color: #7662d1;
      border-left: solid 1px #7662d1;
      border-right: solid 1px #7662d1;
  }
  #top-bar ul li a {
      background-image: linear-gradient(to bottom, rgba(167,215,249,0) 0, rgba(255, 238, 184, 1) 100%);
  }
  div#extra-div-2::before {
      content: var(--header-title, "Garden of Dreams");
      color: #2a1f59;
      top: 0.9rem;
      left: 18rem;
  }
  div#extra-div-2::after {
      content: var(--header-subtitle, "You are forever loved");
      color: #7662d1;
      top: 6rem;
      left: 24.5rem;
  }
     #header h1 a::before {
          content: var(--header-title, "Garden of Dreams");
          color: #2a1f59;
          top: 0.9rem;
          left: 18rem;
      }
      #header h2::before {
         content: var(--header-subtitle, "You are forever loved");
         color: #7662d1;
         top: 6rem;
         left: 24.5rem;
      }
      div#extra-div-2::before, div#extra-div-2::after { display: none; }
  }
  .yui-navset .yui-nav .selected a{
      background: #ffdde3 !important;
      color: #2a1f59 !important;
  }
  .yui-navset .yui-nav, .yui-navset .yui-navset-top .yui-nav {
      border: solid #ffdde3;
      border-width: 0 0 5px;
      Xposition: relative;
      zoom: 1;
      color: #ffdde3;
  }

  Pages using this styling

  • aiko-artpage [info]

  ¶ 1 occurrence
  

  .licensebox22 {
      background: #fff;
      opacity: .9;
  }
  
  .logobox-wrapper {
      --logo-size: calc(7.5rem + 3.25vw);
      display: grid;
      grid-template-columns: var(--logo-size) 1fr;
      align-items: center;
      margin-block-start: -.95rem;
  }
  .logobox-wrapper > * { grid-row: 1/2; grid-column: 1/2; }
  .logobox {
      grid-column: 1/3;
      flex-basis: 22.5em;
      box-sizing: border-box;
      padding: 0.5rem;
      margin-inline-start: calc(var(--logo-size)/2);
      padding-inline-start: calc(var(--logo-size)/2 + 2.5vw);
      flex-grow: 1;
      background-color: #990;
      background: #013737;
      color: #00FFFF;
      text-shadow: #009999 1px 1px;
      border-radius: 3px;
      font-size: 0.95em;
      z-index: -1;
  }
  @media screen and (max-width: 450px) {
  .logobox-wrapper {
      grid-template-columns: 1fr;
      justify-items: center;
  }
  .logobox-wrapper > img {
      width: var(--logo-size);
      align-self: self-start;
  }
  .logobox {
      grid-column: 1/2;
      margin: 0;
      padding: 0.75rem;
      padding-block-start: calc(var(--logo-size)*0.375);
      margin-block-start: calc(var(--logo-size)*0.575);
      text-align: center;
  }
  }
  
  .footnotes-footer {
      display: none;
  }
  
  .unblur{
      transition: .2s;
      -webkit-filter: blur(12px);
      filter: blur(12px);
  }
  
  .unblur:hover{
      transition: .2s;
      transition-delay: .1s;
      -webkit-filter: blur(0.001px);
      filter: blur(0.001px);
  }
  
  .hover:hover {
      text-decoration: none;
      border-bottom: none;
  }
  
  .hover span { display: none;}
  .hover:hover span {
      position: absolute;
      display: inline;
      margin: 0px 0px;
      height: auto;
      width: auto;
      background: #FFF;
      border: 2px solid #34B;
      color: #000;
      padding: 1em;
  }
  .hover:hover span span {
      position: relative;
      margin: auto;
      height: auto;
      width: auto;
      border: none;
      padding: 0;
  }
  
  img.fade-away{
      opacity: 1;
      transition: opacity 1s ease-in-out;
      -moz-transition: opacity 1s ease-in-out;
      -webkit-transition: opacity 1s ease-in-out;
  }
  img.fade-away:hover{
      opacity: 0;
      transition: opacity 1s ease-in-out;
      -moz-transition: opacity 1s ease-in-out;
      -webkit-transition: opacity 1s ease-in-out;
  }
  .dblock a,
  .dblock a:visited{
      color: #000;
  }
  
  body {
      background:
          linear-gradient(rgba(255,255,255,0.22), rgba(255,255,255,0.96)),
          url("https://scp-wiki.wdfiles.com/local--files/aiad-homescreen/blue_squares_2.gif");
  }

  Pages using this styling

  • aiad-homescreen [info]

  ¶ 1 occurrence
  

  :root {
       --header-title: "Agente Shuffle's";
       --header-subtitle: "Art Gallery";
       --lgurl: url('https://scp-wiki.wikidot.com/local--files/agente-shuffle-s-art-page/DobleDaga.webp');
      --fnColor: #323232;
  }
  #page-title {
    display: none;
  }

  Pages using this styling

  • agente-shuffle-s-art-page [info]

  ¶ 1 occurrence
  

  .info-container{
  --barColour: rgb(var(--dark-accent));
  --linkColour: rgb(var(--bright-accent));
  }
  
  .sign {
      color: white;
  }
  
  .ature, .ature a, .ature a:visited {
      color: rgb(var(--bright-accent));
  }
  
  .doc {
      color: white;
      font-family: var(--mono-font);
      padding: 0 1.5rem;
      font-size: 1.1em;
      width: -webkit-fit-content;
      width: -moz-fit-content;
      width: fit-content;
      position: relative;
      top: -2em;
      border-radius: 4px;
      margin-bottom: -3.5rem;
  }
   
  .addendum {
      margin-top: 1.6rem;
     color: black;
  }
  
  .calendar {border: 4px solid #bd1a25;}
  .calendar .doc {background-color: #bd1a25; }
  .jacob {border: 4px solid #7e41b0;}
  .jacob .doc {background-color: #7e41b0; }
  .kepler {border: 4px solid #517dc4;}
  .kepler .doc {background-color: #517dc4; }

  Pages using this styling

  • agent-calendars-hot-date-2 [info]

  ¶ 1 occurrence
  

  .info-container{
  --barColour: rgb(var(--dark-accent));
  --linkColour: rgb(var(--bright-accent));
  }
  
  .sign {
      color: white;
  }
  
  .ature, .ature a, .ature a:visited {
      color: rgb(var(--bright-accent));
  }
  
  .dm {color: white; padding: 0.25rem; border-radius: 0.1rem;}
  .calendar {text-align: right; background-color: #bf0033;}
  .isaac {background-color: #2a68cc;}

  Pages using this styling

  • agent-calendars-hot-date-1 [info]

  ¶ 1 occurrence
  

  
  .yui-navset .yui-content{
      background: transparent;
  }
  
  

  Pages using this styling

  • agent-asriel [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.bunny.net/css2?family=Bahiana&display=swap');
  
  :root{
  --white: 244, 244, 244;
  --dark: 46, 14, 2;
  --medium-accent: 212, 104, 0;
  --bright-accent: 242, 133, 0;
  --toggle-roundness: 0;
  --swatch-text-light: var(--white);
  --swatch-menutxt-light-color: var(--white);
  --link-color: 242, 133, 0;
  --visited-link-color: 189, 107, 0;
  --borderColor: #ff8c00 !important;
  }
  #header {
       --header-h1-font-size: calc(var(--base-font-size)*3.25);
       --header-title: "THE AFTO CRATER";
       --header-title-mobile: "AFTO CRATER";
       --swatch-headerh1-color: var(--bright-accent);
  }
   #extrac-div-1 span {
      display: block;
      position: absolute;
      height: calc(var(--final-header-height-on-desktop)*0.3);
      width: calc(var(--final-header-height-on-desktop)*0.3);
      background-image: url(https://scp-wiki.wdfiles.com/local--files/aftokrator/aftokrator_icon.png);
      background-size: contain;
      background-repeat: no-repeat;
      left: calc(60% + 4rem);
      bottom: 1.5rem;
      transform: rotate(30deg);
      animation:shake 0.5s linear infinite;
  }
  
  #extrac-div-1:before,
  #extrac-div-1:after {
      animation: spinning 5s linear infinite;
  }
  
  @keyframes spinning{
       from {
       transform: rotate(359deg);
       }
       to {
       transform: rotate(0deg);
       }
  }
  
  @keyframes shake {
    0% { transform: translate(1px, 1px) rotate(0deg); }
    10% { transform: translate(-1px, -2px) rotate(-1deg); }
    20% { transform: translate(-3px, 0px) rotate(1deg); }
    30% { transform: translate(3px, 2px) rotate(0deg); }
    40% { transform: translate(1px, -1px) rotate(1deg); }
    50% { transform: translate(-1px, 2px) rotate(-1deg); }
    60% { transform: translate(-3px, 1px) rotate(0deg); }
    70% { transform: translate(3px, 1px) rotate(-1deg); }
    80% { transform: translate(-1px, -1px) rotate(1deg); }
    90% { transform: translate(1px, 2px) rotate(0deg); }
    100% { transform: translate(1px, -2px) rotate(-1deg); }
  }
  
  
  .scp-image-block {
  border: none;
  border-top: 2px solid rgb(var(--bright-accent));
  border-bottom: 2px solid rgb(var(--bright-accent));
  }
  
  #page-title{display:none}
  
  #login-status .printuser {
      color: rgb(var(--dark-accent));
  }
   
  #login-status #my-account {
      color: rgb(var(--dark-accent));
  }
  }

  Pages using this styling

  • aftokrator [info]

  ¶ 1 occurrence
  

  body {
      background-image: url('https://upload.wikimedia.org/wikipedia/commons/a/ae/Darkness_%281670488216%29.jpg');
      background-size: cover;
      background-position: center;
      background-attachment: fixed;
      background-repeat: no-repeat;
  }  
  
  body::before {
      content: "";
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: rgba(0, 0, 0, 0.8);
      z-index: -1;
  }

  Pages using this styling

  • after-the-outing [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Cinzel&display=swap');
  
  .text {
      font-family: 'Cinzel', serif;
  }
  

  Pages using this styling

  • after-the-outing [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=UnifrakturMaguntia&display=swap');
  
  .letter {
      font-family: 'UnifrakturMaguntia', cursive;
  }

  Pages using this styling

  • after-the-outing [info]

  ¶ 1 occurrence
  

  .big-text {
      font-size: 30px; 
  

  Pages using this styling

  • after-the-outing [info]

  ¶ 1 occurrence
  

  :root {
      --basalt-secondary-color: 0, 0, 0;
      --basalt-tertiary-color: 0, 0, 0;
  
      --basalt-overtone: 164, 155, 150;
      --basalt-undertone: 164, 155, 150;
      --basalt-bright-element-color: 164, 155, 150;
      --basalt-dark-element-color: 164, 155, 150;
  
      --link-color: 164, 155, 150;
      --link-visited-color: 164, 155, 150;
      --link-newpage-color: 164, 155, 150;
  
      --top-bar-link-color-hover: 255, 255, 255;
      --login-status-text-color-hover: 255, 255, 255;
      --side-bar-link-color-hover: 255, 255, 255;
      --side-bar-link-background-hover: 0,0,0;
      --selection-text-color: 0, 0, 0;
  
      --header-border-width: 0rem;
      --title-size: 1.25rem;
      --subtitle-size: 0rem;
      --side-bar-button-height: 50vh;
      --user-button-width: 2rem;
      --header-logo-size: 67.5%;
  
      --basalt-UI-dark-palette: 0,0,0;
      --top-bar-link-background-hover: 164, 155, 150;
  
  }

  Pages using this styling

  • after-the-outing [info]

  ¶ 1 occurrence
  

  
  html {
     -webkit-filter: grayscale(1); /* Older Webkit */
     -webkit-filter: grayscale(100%);
     -moz-filter: grayscale(100%);
     -ms-filter: grayscale(100%);
     -o-filter: grayscale(100%);
     filter: grayscale(100%);
  }
  

  Pages using this styling

  • after-the-outing [info]

  ¶ 1 occurrence
  

  #page-content .collapsible-block {  
    max-width: 100%;
      /* text-align: center; */
  text-color: black;
  background-color: #afe0ff;
      border-color: #b01;
      border: solid 1px #b01;
  padding: 5px;
  margin: 5px;
  }
  .collapsible-block-content p {
      padding-left: 5px;
      padding-right: 5px;
      padding-bottom: 5px;
      padding-top: 5px;
  }
  .collapsible-block-content{
  text-align: left;
  }
  
  .collapsible-block-folded, .collapsible-block-unfolded{
  text-align: center;
  color: black;
  }

  Pages using this styling

  • advanced-formatting-and-you [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Rye&display=swap');
  
  .swine-dine {
      border: 4px solid #840000;
      background-color: #D3A15B;
      background-image: url("https://scp-wiki.wdfiles.com/local--files/adoption-poster-pearl/wood-pattern.png");    
      padding: 1em;
  }
  .swine-dine h1,
  .swine-dine h2,
  .swine-dine h3 {
      text-align: center;
      font-family: 'Rye', cursive;
      color: #840000;
  }
  .swine-dine h1 {
      font-size: 3em;
      margin: 0;
  }
  .swine-dine h3 {
      font-size: 104%;
  }
  .swine-dine h3 span {
      border-bottom: 2px dotted #840000;
  }

  Pages using this styling

  • adoption-poster-pearl [info]

  ¶ 1 occurrence
  

  :root {
      --fnColor: #1b5e20;
  }
  
  :root {
  --toggle-button-bg: rgb(var(--wilson-body));
  --toggle-border-color: rgb(var(--gray-monochrome));
  --toggle-icon-color: rgb(var(--wilson-text));
  --toggle-roundness: 0;
  }

  Pages using this styling

  • adoption-poster-bonzo [info]

  ¶ 1 occurrence
  

  
  :root {
  
  --main-content-width: 1000rem;
  --main-content-top-margin: 0rem;
  --main-content-side-margin: 0vw;
  --rate-module-background-color: var(--basalt-primary-color);
  --search-icon-color: var(--basalt-main-text-color);
  --scrollbar-thumb-color: var(--basalt-main-text-color), 0.6;
  --selection-text-color: var(--basalt-light-text-color);
  
  }
  
  #main-content {
  padding-bottom: 3rem;
  padding-top: 0;
  }
  
  #header {
  background: rgb(var(--admo-color-dark));
  box-shadow: none;
  }
  
  #page-content {
  margin-bottom: 3rem;
  padding-block: unset;
  }
  
  #action-area {
  margin: auto;
  padding-top: 3rem;
  max-width: 70rem;
  }
  
  #page-options-container, #main-content > .page-tags {
  margin-inline: 3vw;
  }
  
  #page-content > p:nth-of-type(1), #page-content > p:nth-of-type(2) {
  margin: 0;
  }
  
  /* =============================================== */
  
  .admohub-rate {
  position: absolute;
  top: calc(var(--header-final-height) + 10rem);
  left: 0;
  right: 0;
  text-align: center;
  z-index: 2;
  }
  
  .admohub-splash {
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;
  height: calc(100vh - var(--header-final-height));
  background-image: linear-gradient(0deg, rgb(0, 0, 0) 0%, rgba(0,0,0,0.8) 100%), url(https://scp-wiki.wikidot.com/local--files/admonition/ball.gif);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  }
  
  .admohub-title {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100%;
  backdrop-filter: blur(8px);
  background-image: radial-gradient(circle, rgb(148, 148, 148) 0%, rgb(30, 30, 30) 70%);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 300%;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent;
  font-size: 16vw;
  font-family: var(--header-font);
  animation: title 25s ease infinite;
  }
  
  .admohub-title p {
  letter-spacing: -1.2vw;
  }
  
  @keyframes title {
  
  0% {
  background-position: left;
  }
  
  50% {
  background-position: right;
  }
  
  100% {
  background-position: left;
  }
  
  }
  
  .admohub-quote {
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;
  width: 45vw;
  height: 100vh;
  margin: auto auto 10vh;
  font-family: 'Roboto Condensed', var(--UI-font);
  font-weight: bold;
  font-size: 2.5vw;
  text-align: center;
  color: rgb(133, 133, 133);
  line-height: 2.5vw;
  }
  
  .admohub-quote > span {
  font-family: 'Sofia Sans', var(--UI-font);
  }
  
  .admohub-quote::after {
  content: "Lord Acton";
  margin-top: 2vw;
  font-size: 50%;
  font-weight: 900;
  opacity: 60%;
  }
  
  .admohub-container {
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  }
  
  .admohub-episode {
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: stretch;
  height: 100vh;
  box-sizing: border-box;
  }
  
  .admohub-epimage {
  background-image: linear-gradient(-90deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%), linear-gradient(45deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 30%), var(--admohub-epbg);
  background-size: cover;
  background-position: 65% center;
  width: 50vw;
  }
  
  #u-6488 .admohub-epimage {
  image-rendering: pixelated;
  }
  
  .admohub-epdesc {
  display: flex;
  flex-flow: column nowrap;
  justify-content: space-evenly;
  position: relative;
  background-image: linear-gradient(90deg, rgb(0, 0, 0) 6%, rgba(var(--admohub-epcolor), 0.13) 100%);
  width: 50vw;
  padding: 2.5vw 3vw;
  box-sizing: border-box;
  }
  
  .admohub-epdirector {
  position: absolute;
  top: 11vh;
  right: 5vw;
  font-family: 'Roboto Condensed', var(--UI-font);
  font-size: 1.3vw;
  font-weight: bold;
  }
  
  .admohub-epdirector::before {
  content: "FEATURING ";
  margin-right: 0.9vw;
  font-weight: lighter;
  opacity: 80%;
  }
  
  .admohub-eptitle {
  font-family: var(--header-font);
  font-size: 5vw;
  line-height: 3.8vw;
  letter-spacing: -0.15vw;
  color: rgb(158, 158, 158);
  }
  
  .dept {
  font-size: 4vw;
  }
  
  .admohub-epno {
  display: block;
  font-family: 'Roboto Condensed', var(--UI-font);
  font-size: 2vw;
  font-weight: bold;
  opacity: 70%;
  }
  
  a.admohub-eplink, a.admohub-accesslink {
  display: block;
  max-width: 19vw;
  padding: 1.3vw 1vw;
  background-color: rgba(0, 0, 0, 0.3);
  border: solid 0.2vw rgba(255, 255, 255, 0.15);
  font-family: 'Roboto Condensed',var(--UI-font);
  font-weight: bold;
  text-decoration: none !important;
  color: rgb(var(--basalt-main-text-color));
  text-align: center;
  transition-duration: 0.1s;
  }
  
  a.admohub-eplink {
  font-size: 2.5vw;
  line-height: 3vw;
  }
  
  a.admohub-accesslink {
  font-size: 1vw;
  line-height: 1vw;
  opacity: 60%;
  }
  
  a.admohub-eplink:hover, a.admohub-accesslink:hover {
  color: rgb(32, 32, 32);
  border-color: transparent;
  background-color: rgba(var(--basalt-main-text-color), 0.9);
  }
  
  a.admohub-accesslink:hover {
  opacity: 100%;
  }
  
  .admohub-title, .admohub-epno, .admohub-eptitle {
  user-select: none;
  }
  
  .admohub-about {
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;
  height: 135vh;
  max-width: 30rem !important;
  margin: auto;
  font-family: var(--UI-font);
  word-spacing: 4px;
  }
  
  /* =============================================== */
  
  @media only screen and (max-width: 1230px) {
  
  .admohub-epimage {
  width: 45vw;
  }
  
  .admohub-epdesc {
  width: 55vw;
  padding: 0.5vw 0vw;
  }
  
  .admohub-epdirector {
  font-size: 2vw;
  }
  
  .admohub-epno {
  font-size: 3vw;
  }
  
  .admohub-eptitle {
  font-size: 6vw;
  line-height: 4.8vw;
  }
  
  .dept {
  font-size: 5vw;
  }
  
  a.admohub-eplink, a.admohub-accesslink {
  max-width: 28vw;
  padding: 2.3vw 1vw;
  }
  
  a.admohub-eplink {
  font-size: 3.5vw;
  line-height: 4vw;
  }
  
  a.admohub-accesslink {
  font-size: 1.6vw;
  line-height: 1.6vw;
  opacity: 70%;
  }
  
  }
  
  @media only screen and (max-width: 940px) {
  
  .admohub-splash {
  background-image: none;
  }
  
  .admohub-quote {
  font-size: 3.5vw;
  line-height: 3.5vw;
  }
  
  .admohub-epimage {
  display: none;
  }
  
  .admohub-epdesc {
  width: 100%;
  padding: 5.5vw 2.5vw;
  background-image: linear-gradient(90deg, rgb(0, 0, 0) 30%, rgba(0,0,0,0.4) 100%), linear-gradient(220deg, rgb(0, 0, 0) 0%, rgba(0,0,0,0) 40%), var(--admohub-epbg);
  background-size: cover;
  background-position: left center;
  }
  
  .admohub-epdirector {
  top: 5vw;
  right: 8vw;
  font-size: 2.6vw;
  }
  
  .admohub-epno {
  font-size: 4vw;
  }
  
  .admohub-eptitle {
  font-size: 8vw;
  line-height: 6.3vw;
  }
  
  .dept {
  font-size: 6vw;
  }
  
  a.admohub-eplink, a.admohub-accesslink {
  max-width: 36vw;
  padding: 3.3vw 2vw;
  }
  
  a.admohub-eplink {
  font-size: 4.5vw;
  line-height: 5vw;
  }
  
  a.admohub-accesslink {
  font-size: 2.3vw;
  line-height: 2.3vw;
  }
  
  }
  
  @media only screen and (max-width: 760px) {
  
  .admohub-splash {
  height: 65vh;
  }
  
  .admohub-quote {
  width: 80%;
  font-size: 4.5vw;
  line-height: 3.5vw;
  }
  
  .admohub-epdesc {
  align-items: center;
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.9) 0%, rgba(0,0,0,0.3) 100%), var(--admohub-epbg);
  background-position: center;
  text-align: center;
  }
  
  .admohub-epdirector {
  font-size: 3.3vw;
  opacity: 70%;
  }
  
  .admohub-epdirector::before {
  display: none;
  }
  
  .admohub-epno {
  font-size: 5vw;
  }
  
  .admohub-eptitle {
  font-size: 10vw;
  line-height: 8.3vw;
  }
  
  .dept {
  font-size: 8vw;
  }
  
  a.admohub-eplink, a.admohub-accesslink {
  max-width: unset;
  background-color: rgba(0, 0, 0, 0.6);
  padding: 4.3vw 9vw;
  }
  
  a.admohub-eplink {
  font-size: 7.5vw;
  line-height: 8vw;
  }
  
  a.admohub-accesslink {
  font-size: 3.5vw;
  line-height: 4vw;
  }
  
  .admohub-about {
  height: 120vh;
  max-width: unset !important;
  margin-inline: 3vw;
  font-size: 3vw;
  text-align: justify;
  }
  
  }
  
  /* =============================================== */
  
  #u-6820 {
  --admohub-epbg: url(https://scp-wiki.wikidot.com/local--files/admonition/admo-6820-epimage.jpg);
  --admohub-epcolor: 97, 129, 196;
  }
  
  #u-6747 {
  --admohub-epbg: url(https://scp-wiki.wikidot.com/local--files/admonition/admo-6747-epimage.webp);
  --admohub-epcolor: 63, 0, 214;
  }
  
  #u-6659 {
  --admohub-epbg: url(https://scp-wiki.wikidot.com/local--files/admonition/admo-6659-tets.png);
  --admohub-epcolor: 255, 115, 60;
  }
  
  #u-6488 {
  --admohub-epbg: url(https://scp-wiki.wdfiles.com/local--files/scp-6488/infovore.jpg);
  --admohub-epcolor: 0, 200, 210;
  }
  
  #u-6183 {
  --admohub-epbg: url(https://scp-wiki.wikidot.com/local--files/admonition/blackbox.png);
  --admohub-epcolor: 20, 20, 20;
  }
  
  #u-7243 {
  --admohub-epbg: url(https://scp-wiki.wdfiles.com/local--files/scp-7243/admo-7243-exactus.jpg);
  --admohub-epcolor: 0, 145, 102;
  }
  
  #u-8190 {
  --admohub-epbg: url(https://scp-wiki.wdfiles.com/local--files/scp-8190/rcr.png);
  --admohub-epcolor: 114, 164, 136;
  }
  
  

  Pages using this styling

  • admonition [info]

  ¶ 1 occurrence
  

  
  
  @import url('https://fonts.googleapis.com/css?family=EB+Garamond:500&display=swap');
  
  .fancytext {
  font-family:"EB Garamond";
  font-size:120%;
  }

  Pages using this styling

  • adamantine-temptations-hub [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css?family=Arvo|Roboto+Slab&display=swap');
  
  div.aapa {
      background-color: #1b304d;
      border: .19em solid #ffb961;
      border-radius: .625em;
      padding: 0em 1em;
      margin: 1em 0em;
  }
  
  div.aapa2 {
      background-color: #101d2e;
      border: .19em solid #ccc;
      border-radius: .625em;
      padding: 0em 1em;
      margin: 1em 0em;
  }
  
  div.aapa strong { color: #ffb961; }
  
  div#page-content a.collapsible-block-link{
      color: #ffbe3d;
      font-size: 130%;
      font-weight: bold;
      font-family: "Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica;
      letter-spacing: 1px;
  }

  Pages using this styling

  • ad-astra-per-aspera-hub [info]

  ¶ 1 occurrence
  

  span.blue{
  max-width: 300px;
  border-radius: 15px;
  padding: 4px 8px;
  display: inline-block;
  text-align: left; float:right;
  background-color: #3578e5;
  color: #fff;
  }

  Pages using this styling

  • ace-of-hearts [info]

  ¶ 1 occurrence
  

  h2, h3, h4, h5, h6 {
    font-weight: bold;
  }
  
  .policy {
      border: 1px solid #ddd;
      padding: 1em;
      margin-bottom: 1em;
  }
  

  Pages using this styling

  • accessibility-policy [info]

  ¶ 1 occurrence
  

  .content-panel .content-type-title > p {
    margin: 0;
  }
  .content-panel .content-type-title {
  
  }
  .content-panel .content-type-description {
  padding: 0 20px;
  text-align: justify;
  }
  .content-panel.content-row .content-type-description {
  padding: 5px 20px;
  }
  .content-panel.content-row .content-type-description-2 {
  padding: 0 20px;
  text-align: justify; 
  }

  Pages using this styling

  • accelerando-personnel-file [info]

  ¶ 1 occurrence
  

  
  @import url('https://fonts.bunny.net/css2?family=Zen+Kaku+Gothic+Antique:wght@300;400;500;700;900&display=swap');
  @import url('https://fonts.bunny.net/css2?family=Poppins:wght@700&display=swap');
  @import url('https://fonts.bunny.net/css2?family=Spline+Sans:wght@400;700&display=swap');
  @import url('https://fonts.bunny.net/css2?family=Roboto+Condensed:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap');
  div.authorlink-wrapper{margin-top: var(--author-top-adjust, .2em) !important;}
  :root {
  --header-logo: url('https://scp-wiki.wikidot.com/local--files/abyssal/bug');
  --title:"The Shattered One";
  --subtitle:"Deus Ex Abysso";
  --sidesubtitle: "Elderich";
  --sidelogo: url("https://scp-wiki.wikidot.com/local--files/abyssal/skipos');
  --header-font: 'Poppins';
  --body-font: 'Zen Kaku Gothic Antique', sans-serif;
  --ACS-font: var(--header-font);
  --five-color: 116,71,88 !important;
  --basalt-undertone: 60,9,33 !important;
  --swatch-menubg-black-color: 10,10,10 !important;
  --general-border-color: 1,1,1 !important;
  --swatch-menutxt-dark-color: 1,1,1 !important;
  --UI-font: 'Poppins';
  --basalt-main-text-color: 253, 241, 242 !important;
  }
  #page-content .widetable .wiki-content-table {
      width: 100% !important;
      font-size: 1.5em;
  }
  .hcontainer {
  
  }
  :is(span.specialtext, span.st) {
  text-decoration: underline 2px;
      text-underline-offset: 3px;
  }
  @keyframes strike{
  0%   { width : 0; }
  20% { width: 50%; }
  40% { width: 75%; }
  60% { width: 100%; }
  80% { width: 50%; }
  100% { width: 0; }
  }
  .strike, .unstrike {
    position: relative;
  }
  .strike::after, .unstrike::after {
    content: ' ';
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 2px;
    background: rgb(253, 241, 242);
    animation-name: strike;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-fill-mode: forwards;
  }
  @keyframes unstrike{
  0%  { width: 0; }
  20% { width: 25%; }
  40% { width: 75%; }
  60% { width: 50; }
  80% { width: 100%; }
  100% { width: 0; }
  }
  body {
      background-image: url();
      background-attachment: fixed;
      background-size: cover;
      background-blend-mode: difference;
  }
  .acs-extra-1 {
  
  font-family: var(--ACS-font), var(--body-font) !important;
  }
  #page-content a.collapsible-block-link {
  
  color: rgb(253, 241, 242);
  
  }
  #page-content div.modal {
      max-width: var(--main-content-width) !important;
  }
  .anom-bar > div.bottom-box::before {
  display: none !important;
  }
  
  .series-nav {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      align-content: center;
      align-items: baseline;
  
      margin: 1rem 0;
      padding: .02rem 1rem;
      background: rgb(var(--basalt-tertiary-color));
  
      border-top-right-radius: .67rem;
      border-top-left-radius: .67rem;
  
      font-size: 1.2em;
      font-family: var(--UI-font);
  }
  
  .series-nav>* {
      margin: 0 0.3em;
  }
  
  .end_card {
      background: linear-gradient(145deg, rgba(var(--basalt-dark-element-color), 0.5) 0%, rgb(var(--basalt-tertiary-color)) 80%);
      padding: 1.25rem 2rem;
      text-align: center;
  }
  div:is(.jotting, .transcript) {
  border: double 0.15rem #000;
  }
  #page-content :is(blockquote, .blockquote) {
      border-color: #000;
      font-weight: normal;
      background-color: #060b11;
      color: #cdd9d6;
  }
  
  .image-block, .scp-image-block {
  
  border-bottom: none !important;
  }
  
  #page-content div:is(.jotting, .transcript) {
  
  max-width: 44rem;
  }
  
  .text-part .risk-class::before, .text-part .risk-class::after, .bottom-box > div.diamond-part::before, .text-part .disrupt-class::after, .text-part .disrupt-class::before,.danger-diamond > .arrows {
  
  
  }
  

  Pages using this styling

  • abyssal [info]

  ¶ 1 occurrence
  

  @import url(https://scp-wiki.wikidot.com/local--files/absentmindednihilist-s-personnel-file/1);

  Pages using this styling

  • absentmindednihilist-s-personnel-file [info]

  ¶ 1 occurrence
  

  :root{
  --cutColour: #fafafa;
  --barColour: #590505;
  }
  
  .info-container .collapsible-block-folded a{
  color: #FFF;}
  .info-container .collapsible-block-unfolded-link a{
  color: #FFF;
  }
  
  #page-title {
      text-align: center;
  }
  #page-content > .collapsible-block {
      display: block;
      text-align: center;
      padding: 0.75em;
      background-color: lightgrey;
      border-top: 0.125rem dashed slategrey;
      border-bottom: 0.125rem dashed slategrey;
  }
  
  #page-content > .collapsible-block .collapsible-block-content {
      text-align: left;
  }
  
  .addendum {
      border:solid 2px #999999;
      background:#F5F5F5;
      width:84%;
      padding:1px 15px;
      margin: 10px auto;
  }
  
  #main-content .page-tags span {
      justify-content: flex-start;
  }
   
  #main-content .page-tags span a:-webkit-any-link:not([href^="/system:page-tags/tag/_"]) {
      --wght: 500;
      display: inline;
      position: relative;
      flex-grow: 0;
      width: -webkit-max-content;
      width: max-content;
      height: 1.175em;
      margin: 0 0 0 0.5125rem;
      padding: 0.1875rem 0.3125rem 0.1875rem 1rem;
      border-top-right-radius: 0.25rem;
      border-bottom-right-radius: 0.25rem;
      background: rgb(var(--swatch-menubg-dark-color));
      color: rgb(var(--swatch-menutxt-light-color));
      font-size: 0.6875rem;
      line-height: 0.8125rem;
      text-decoration: none;
      -webkit-clip-path: polygon(0.5rem 0, 100% 0, 100% 100%, 0.5rem 100%, 0 50%);
              clip-path: polygon(0.5rem 0, 100% 0, 100% 100%, 0.5rem 100%, 0 50%);
  }
   
  #main-content .page-tags span a:-moz-any-link:not([href^="/system:page-tags/tag/_"]) {
      --wght: 500;
      display: inline;
      position: relative;
      flex-grow: 0;
      width: -moz-max-content;
      width: max-content;
      height: 1.175em;
      margin: 0 0 0 0.5125rem;
      padding: 0.1875rem 0.3125rem 0.1875rem 1rem;
      border-top-right-radius: 0.25rem;
      border-bottom-right-radius: 0.25rem;
      background: rgb(var(--swatch-menubg-dark-color));
      color: rgb(var(--swatch-menutxt-light-color));
      font-size: 0.6875rem;
      line-height: 0.8125rem;
      text-decoration: none;
      clip-path: polygon(0.5rem 0, 100% 0, 100% 100%, 0.5rem 100%, 0 50%);
  }
   
  #main-content .page-tags span a:any-link:not([href^="/system:page-tags/tag/_"]) {
      --wght: 500;
      display: inline;
      position: relative;
      flex-grow: 0;
      width: -webkit-max-content;
      width: -moz-max-content;
      width: max-content;
      height: 1.175em;
      margin: 0 0 0 0.5125rem;
      padding: 0.1875rem 0.3125rem 0.1875rem 1rem;
      border-top-right-radius: 0.25rem;
      border-bottom-right-radius: 0.25rem;
      background: rgb(var(--swatch-menubg-dark-color));
      color: rgb(var(--swatch-menutxt-light-color));
      font-size: 0.6875rem;
      line-height: 0.8125rem;
      text-decoration: none;
      -webkit-clip-path: polygon(0.5rem 0, 100% 0, 100% 100%, 0.5rem 100%, 0 50%);
              clip-path: polygon(0.5rem 0, 100% 0, 100% 100%, 0.5rem 100%, 0 50%);
  }
   
  #main-content .page-tags span a:hover:not([href^="/system:page-tags/tag/_"]),
  #main-content .page-tags span a:active:not([href^="/system:page-tags/tag/_"]) {
      color: rgb(var(--swatch-menutxt-light-color));
  }
   
  #main-content .page-tags span a:focus-within:not([href^="/system:page-tags/tag/_"]) {
      color: rgb(var(--swatch-menutxt-dark-color));
  }
   
  #main-content .page-tags span a:-webkit-any-link:not([href^="/system:page-tags/tag/_"])::after {
      content: "";
      position: absolute;
      top: 50%;
      left: 0.5rem;
      width: 0.25rem;
      height: 0.25rem;
      transform: translateY(-50%);
      border-radius: 50%;
      background: rgb(var(--swatch-background));
      box-shadow: -0.0625rem -0.0625rem 0.125rem rgb(var(--swatch-menubg-dark-color));
  }
   
  #main-content .page-tags span a:-moz-any-link:not([href^="/system:page-tags/tag/_"])::after {
      content: "";
      position: absolute;
      top: 50%;
      left: 0.5rem;
      width: 0.25rem;
      height: 0.25rem;
      transform: translateY(-50%);
      border-radius: 50%;
      background: rgb(var(--swatch-background));
      box-shadow: -0.0625rem -0.0625rem 0.125rem rgb(var(--swatch-menubg-dark-color));
  }
   
  #main-content .page-tags span a:any-link:not([href^="/system:page-tags/tag/_"])::after {
      content: "";
      position: absolute;
      top: 50%;
      left: 0.5rem;
      width: 0.25rem;
      height: 0.25rem;
      transform: translateY(-50%);
      border-radius: 50%;
      background: rgb(var(--swatch-background));
      box-shadow: -0.0625rem -0.0625rem 0.125rem rgb(var(--swatch-menubg-dark-color));
  }
   
  .page-tags span {
      border-top: .5rem solid transparent;
  }
  
  ::-webkit-scrollbar {
    width: 18px;
    background: #transparent;
  }
  
  ::-webkit-scrollbar-track {
    background: #650005
  }
  
  ::-webkit-scrollbar-thumb {
    background: #cccccc;
    border: #000000 1px solid;
    border-radius: 3px;
  }
  
  ::-webkit-scrollbar-thumb:hover {
    background: #ffffff;
  }
  
  div.blockquote {
  background: #f1f1f1;
  border: #cccccc 1px solid;
  }
  
  .footnotes-footer {
  display: none;
  }

  Pages using this styling

  • abridged-retirement-proposals [info]

  ¶ 1 occurrence
  

   #page-title {
      display: none;
  }
  
   .page-rate-widget-box {
      margin-right: 0;
      margin-bottom: 2rem;
  }

  Pages using this styling

  • abraka-davids-proposal [info]

  ¶ 1 occurrence
  

  .admin-letter {
      max-width: 42rem; 
      box-sizing: border-box;
      border: none;
      padding: .25rem 1.75rem;
      margin: 1.5rem auto;
      background-color: white;
      background-image: url(https://scp-wiki.wdfiles.com/local--files/about-the-scp-foundation/bg-marble.png);
      font-family: Courier New, Courier, monospace;
      text-shadow: 1px 1px 1px rgba(0,0,0,.25); font-size: 1.175em;
  }
  
  #page-content h2 {
      display: flow-root;
      padding-bottom: .15em;
      border-bottom: solid 0.05rem currentColor;
      margin-top: 1.5em;
  }
  
  .hatnote {
      font-style: italic;
      padding-inline-start: 1.5em;
      margin-block: .325rem;
  }
  .hatnote > p { display: contents; }
  

  Pages using this styling

  • about-the-scp-foundation [info]

  ¶ 1 occurrence
  

  blockquote {
     margin-left: 10px; 
     margin-right: 10px;    
     border: 1px double #999;
     background-color: #ffffff;
  }
  blockquote blockquote {
     margin-left: 10px; 
     margin-right: 110x;    
     border: 1px double #999;
     background-color: #ffffff;
  }
  table.wiki-content-table { 
     margin-left: 7px; 
     margin-right: 7px;
     background-color: #ffffff;
  }
  .footnotes-footer { 
      visibility: hidden; 
      height: 0;
      padding: 0;
      margin: 0;
  }

  Pages using this styling

  • ablate-malaise [info]

  ¶ 1 occurrence
  

  /*-----------------------------------------------*/
  #page-title {
    display: none;
  }
  
  .genblock a, .genblock a:visited {
    color: blue;
    text-decoration: underline;
  }
  
  .genblock a:hover, .genblock a:visited:hover {
    color: purple;
    text-decoration: underline;
    text-decoration-style: double;
  }
  
  .page-div {
    border: 3px solid rgba(var(--filing-cabinet));
    padding: 1.5em;
  }
  
  /* Widebox for Large Elements */
  .widebox {
     width: 60vw;
     max-width: 60vw !important;
     position: relative;
     left: calc(-30vw + 50%);
  }
  
  @media screen and (max-width: 640px) {
    .widebox {
      width: 100vw;
      max-width: 100vw !important;
      left: calc(-50vw + 50%);
    }
  }
  /*-----------------------------------------------*/

  Pages using this styling

  • aberrant-factor-manual [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css2?family=Sofia+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
  
  :root {
      --accent: 234, 238, 239;
      --dark-txt-color: #eaeeef;
      --dark-bg-1: #011f22 !important;
      --dark-bg-2: #001416 !important;
      --header-title: "Valravn Corporation";
      --header-subtitle: "We feast on the Battlefield";
      --logo-img: url(https://scp-wiki.wdfiles.com/local--files/aar-1087-silesia/Valminimal.png);
      --head-font: "Sofia Sans", "franklin gothic medium", "franklin gothic", "itc franklin gothic", "Helvetica Neue", Helvetica, arial, sans-serif
  }
  
  .text-block {
      width: 90%;
      margin-left: auto;
      margin-right: auto;
      margin-bottom: 24px;
      padding: 10px 20px 20px 20px;
      border: double 0.4rem #eaeeef;
      text-align: justify;
  }
  
  .text-block hr { 
      margin: 1em 0em;
  }
  
  .footnotes-footer {
      display: none;
  }
  
  .block-dialog {
      padding: 0 1em;
      margin: 1em 2.5em;
      border: 3px dashed #eaeeef;
  }
  
  
  @media (max-width: 600px) {
  .block-dialog {
      margin: 1em 0.5em;
  }
  }
  

  Pages using this styling

  • aar-1087-silesia [info]

  ¶ 1 occurrence
  

  div#container-wrap {
      background: url(https://scp-wiki.wikidot.com/local--files/a1cipher-and-the-failed-arts/oad.webp) top left repeat-x;
  }
  
  #header {
      background-image: url(https://scp-wiki.wikidot.com/local--files/a1cipher-and-the-failed-arts/Thumda.webp);
  }
  #header h1 a {
      line-height: 0px;
      max-height: 0px;
      color: transparent;
      background: transparent;
      font-family: 'Spectral', 'Comfortaa', Lora;
      text-decoration: none;
      text-shadow: none;
      letter-spacing: 0.9px;
  }
   
  #header h1 a::before {
      content: "A1Cipher";
      color: #fff;
      letter-spacing: -0.02em;
      text-shadow: 3px 3px 5px #000000;
  }
  
  #header h2 span {
      line-height: 0px;
      max-height: 0px;
      font-weight: none;
      color: transparent;
      text-shadow: none;
  }
   
  #header h2 span::before {
      content: 'And The Failed Arts';
      color: #ffffff;
      text-shadow: 1px 1px 1px #000000;
  }
   

  Pages using this styling

  • a1cipher-and-the-failed-arts [info]

  ¶ 1 occurrence
  

  
  @import url('https://fonts.googleapis.com/css2?family=Charm:wght@400;700&display=swap');
  @import url('https://fonts.googleapis.com/css?family=Cinzel');
  @import url('https://fonts.googleapis.com/css?family=Anton');
  @import url('https://fonts.googleapis.com/css?family=Pinyon+Script');
  @import url('https://fonts.googleapis.com/css2?family=Aguafina+Script&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');
  @import url('https://fonts.googleapis.com/css?family=Berkshire+Swash');
  @import url('https://fonts.googleapis.com/css?family=Sansita');
  @import url('https://fonts.googleapis.com/css2?family=Explora&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Kings&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Bodoni+Moda:ital,opsz,wght@0,6..96,400..900;1,6..96,400..900&display=swap');
  
  #page-title { display: none; }
  
  /*
      The Playfair Display font was created by Claus Eggers Sørensenand is licensed under the Open Font License
      The Brown Sugar font is licensed under the Canva Pro Content license
      Image credit to Clara E. Atwood, Public domain, via Wikimedia Commons
  
  */
  
  
  .title .small {
    letter-spacing: 1px;
    font-family: 'Bodoni Moda';
    font-size: 100%
  }
  
  .title .large {
    letter-spacing: 12px;
    font-family: 'Bodoni Moda';
    font-size: 500%
  }
  
  .thee {
    font-family: 'Bodoni Moda', serif;
    font-size: 1.25rem;
    letter-spacing: 1px;
    line-height: 1;
    display: inline-block;
  }
  

  Pages using this styling

  • a-wondertastic-and-splendidly-whimsical-employee-onboarding [info]

  ¶ 1 occurrence
  

  
  /*
      Infinite Riches Theme
      [2025 Wikidot Theme]
      by Fish^12
  */
  
  @import url('https://fonts.googleapis.com/css2?family=STIX+Two+Text:ital,wght@0,400..700;1,400..700&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Roboto+Flex:opsz,wght@8..144,100..1000&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Zen+Old+Mincho&display=swap');
  @import url('https://fonts.googleapis.com/css?family=EB+Garamond:500&display=swap');
  
  /* Root & Sigma+ */
  
  :root {
      --royalblue: #0b1926;
      --navyblue: #193855;
      --yellow: #efd67a;
      --royalpurple: #b083de;
      --grey: #e9e9e9;
  
      --gold: linear-gradient(60deg, #b78a49, #dbb560, #f5efb5, #dbb560, #b78a49);
      --haze: linear-gradient(60deg, #c600c6, violet, #e995e9, violet, #e000e0);
      --timer: 200ms;
      --diamond: polygon(80% 0, 100% 20%, 50% 100%, 0 20%, 20% 0);
  
      --stix: "STIX Two Text";
      --robo: "Roboto Flex";
      --zolm: "Zen Old Mincho";
  
      --header-title: "Black Diamond Billions";
      --header-subtitle: "";
      --sp_header-logo: none;
      --sp_header-title-size: clamp(3rem, -0.714rem + 7.738vw, 6.25rem);
      --sp_header-subtitle-size: 0;
  
      --sp_header-height: 20rem;
      --sp_top-bar-height: 2rem;
  
      --sp_top-bar-gradient-top-color: var(--royalblue);
      --sp_top-bar-gradient-bottom-color: var(--royalblue);
      
      --sp_top-bar-link-color: var(--yellow);
      --sp_top-bar-link-hover-color: var(--royalblue);
      --sp_top-bar-link-hover-background: var(--yellow);
  
      --sp_dropdown-link-color: var(--royalblue);
      --sp_dropdown-link-hover-color: var(--yellow);
      --sp_dropdown-link-background: var(--yellow);
      --sp_dropdown-link-hover-background: var(--royalblue);
      --sp_dropdown-link-border: none;
  
      --sp_hovertip-background: var(--royalblue);
      --sp_hovertip-border: 0.2em dotted var(--navyblue);
  
      --sp_rate-module-background: var(--royalblue);
      --sp_rate-module-text-color: var(--yellow);
      --sp_rate-module-button-color: var(--yellow);
      --sp_rate-module-button-background: var(--royalblue);
      --sp_rate-module-sub-color: var(--yellow);
      --sp_rate-module-button-hover-color: var(--navyblue);
      --sp_rate-module-button-hover-background: var(--yellow);
  
      --sp_tab-text-color: var(--yellow);
      --sp_tab-background: var(--royalblue);
      --sp_tab-border-color: var(--yellow);
      --sp_tab-hover-text-color: var(--yellow);
      --sp_tab-hover-background: var(--navyblue);
      --sp_tab-hover-border-color: var(--yellow);
      --sp_tab-selected-text-color: var(--royalblue);
      --sp_tab-selected-background: var(--yellow);
      --sp_tab-selected-border-color: var(--yellow);
  }
  
  /* From the top! */
  
  #login-status {
      padding-right: 12px;
      font-family: var(--zolm);
      font-size: 16px;
      color: var(--grey);
  }
  #login-status a:hover {
      text-decoration-style: dotted;
      text-underline-offset: 5px;
  }
  #login-status a, #login-status ul a {
      color: var(--yellow);
  }
  
  /* Pop-up page. */
  
  .owindow {
      background-color: var(--royalblue);
      border: none;
  }
  .owindow .title {
      cursor: auto;
      background-color: transparent;
      border-bottom: 0.2em solid var(--navyblue);
      text-align: right;
      font-family: var(--zolm);
      padding: 1em;
      text-transform: capitalize;
  }
  .owindow img {
      background-color: transparent !important;
      padding: 0 !important;
      border: var(--doubleking);
      margin-right: 1em;
  }
  .owindow td img {
      display: none;
  }
  .owindow .button-bar a {
      border-color: var(--navyblue);
      border-width: 0.2em;
      background-color: var(--royalblue);
  }
  .owindow .button-bar a:hover {
      background-color: var(--navyblue);
  }
  
  /* Account and search buttons. */
  
  #account-options {
      margin-top: 3px;
      margin-right: 12px;
      text-align: center;
      border: none;
      border-color: transparent;
      background-color: var(--yellow);
      width: fit-content;
  }
  #account-topbutton {
      font-size: 80%;
      border: none;
      margin-left: 0;
      transition: 200ms;
  }
  #account-topbutton:hover {
      color: var(--royalpurple);
  }
  #account-options li a {
      color: var(--yellow);
      background-color: var(--royalblue);
      text-transform: capitalize;
      transition: 200ms;
  }
  #account-options li a:hover {
      color: var(--royalblue);
      background: var(--yellow);
      text-decoration: none;
  }
  #search-top-box {
      align-items: flex-start;
      flex-direction: row-reverse;
      flex-wrap: wrap;
      padding: 8px 12px 0 0;
      font-family: var(--zolm);
  }
  #search-top-box-form input[type=submit] {
      background-color: var(--yellow);
      background-image: none;
      color: var(--navyblue);
      border: 0.15em dotted var(--yellow);
      box-shadow: none;
      border-radius: 0;
      transition: 200ms;
  }
  #search-top-box-form input[type=submit]:hover {
      background-color: var(--navyblue);
      border: 0.15em dotted var(--yellow);
      background-image: none;
      color: var(--yellow);
      box-shadow: none;
  }
  
  #header {
  grid-template-areas:
      ". . login login login"
      ". . . . search"
      "h1 h1 h1 h1 h1"
      "h2 h2 h2 h2 h2"
      ". . . . ."
      "top-bar top-bar top-bar top-bar top-bar";
      grid-template-columns: repeat(5, 1fr);
  background-image: url(http://scp-wiki.wikidot.com/local--files/black-diamond-billions-hub/mcdbanner.png), linear-gradient(10deg, var(--royalblue), var(--navyblue));
      background-size: contain;
      background-position: center;
      background-repeat: repeat;
  }
  #header h1, #header h2 {
      padding-inline-start: 0;
      text-align: center;
      position: relative;
      display: none;
  }
  #header h1::before {
      position: absolute;
      content: "";
      background-color: var(--sp_tab-text-color);
      clip-path: var(--diamond);
      top: 50%;
      left: 50%;
      z-index: 1;
      transform: translate(-50%, -50%);
      height: 10em;
      width: 10em;
  }
  #header h2::before, #header h1::after {
      display: none;
  }
  #header h1 a::before {
      font-family: var(--stix);
      background-image: var(--haze);
      color: transparent;
      background-clip: text;
      text-shadow: none;
      position: relative;
      z-index: 5;
  }
  
  /* Top bar. */
  
  #top-bar {
      font-family: var(--teac);
      max-width: 100%;
      border-image: var(--gold);
      border-image-slice: 1;
      border-width: 0.2em;
      border-style: solid;
      border-left: 0px;
      border-right: 0px;
  }
  #top-bar ul li {
      flex-grow: 1;
  }
  #top-bar ul li a {
      transition: 200ms;
  }
  #top-bar div[class*="top-bar"] > ul {
      justify-content: center;
  }
  #top-bar ul li ul {
      border-width: 0 0;
      box-shadow: none;
      border-bottom: 0.2em solid var(--yellow);
  }
  #top-bar :is(.top-bar, .mobile-top-bar) ul li ul li a {
      line-height: 2;
      text-align: center;
  }
  #top-bar .open-menu a {
      border: 0.07em dotted var(--yellow);
      border-radius: 0;
      background-color: var(--yellow);
      color: var(--navyblue);
      transition: 200ms;
  }
  #top-bar .open-menu a:hover {
      background-color: var(--navyblue);
      color: var(--yellow);
  }
  
  #side-bar {
      background-color: rgba(0, 0, 0, 0.5);
  }
  #interwiki .heading, #side-bar .heading {
      color: mintcream;
      border-bottom: dotted 3px mintcream;
  }
  #side-bar .side-block.media, #side-bar .side-block.resources, #side-bar .side-block, #interwiki .side-block {
      background-color: var(--navyblue);
      border-radius: 0;
      box-shadow: none;
      border: solid 1px var(--royalblue);
  }
  
  blockquote, div.blockquote {
      border: solid 1px var(--yellow);
      background-color: var(--navyblue);
  }
  
  #container {
      background-image: linear-gradient(140deg, transparent 50.9vw, var(--navyblue) 50.9vw 51vw, transparent 51vw), linear-gradient(195deg, transparent 50.9vw, var(--navyblue) 50.9vw 51vw, transparent 51vw), linear-gradient(113deg, transparent 50.9vw, var(--navyblue) 50.9vw 51vw, transparent 51vw), linear-gradient(34deg, transparent 55.9vw, var(--navyblue) 55.9vw 56vw, transparent 56vw), linear-gradient(-30deg, transparent 55.9vw, var(--navyblue) 55.9vw 56vw, transparent 56vw);
  }
  
  #page-title {
      font-family: var(--stix);
      font-weight: bold;
      background-image: var(--gold);
      color: transparent;
      background-clip: text;
      font-size: clamp(1.5rem, 0.786rem + 1.905vw, 2.5rem);
      border-color: transparent;
      margin: auto;
      width: fit-content;
  }
  body {
      color: var(--grey);
      background-color: var(--royalblue);
      font-family: var(--robo);
  }
  a, a.newpage, a:visited, #interwiki a, #side-bar a {
      color: var(--yellow);
      transition: 200ms;
  }
  a:hover, a:visited:hover, #interwiki a:hover, #side-bar a:hover {
      color: var(--yellow);
      text-decoration: underline;
      text-decoration-style: dotted;
      text-underline-offset: 5px;
  }
  h1, h2, h3, h4, h5 {
      font-family: var(--zolm);
      color: var(--yellow);
  }
  h1::before, h2::before, h3::before, h4::before, h5::before, h1::after, h2::after, h3::after, h4::after, h5::after {
      background-color: var(--yellow);
      width: 1rem;
      height: 1rem;
      content: "";
      display: inline-block;
      margin-right: 0.2em;
      clip-path: var(--diamond);
  }
  h1::before, h2::before, h3::before, h4::before, h5::before {
      margin-right: 0.2em;
  }
  h1::after, h2::after, h3::after, h4::after, h5::after {
      margin-left: 0.2em;
  }
  
  .yui-navset.yui-navset-top .yui-nav :is(li, .selected) {
      flex: 100%;
  }
  
  .yui-navset .yui-nav {
      border-width: 0;
  }
  .yui-navset .yui-content {
      background-color: var(--royalblue);
  }
  
  .ornament {
      width: 20%;
      height: 20%
      background-image: url('http://scp-sandbox-3.wikidot.com/local--files/black-diamond-billions-hub/ornament2.png');
      background-repeat: no-repeat;
  }
  
  .last-tabview .yui-content > :nth-child(7) {
    max-height: 70vh;
    overflow: auto;
  }
  
  .window-discord {
      margin-left: 25%;
      margin-right: 25%;
      padding: 10px;
      border-image: linear-gradient(90deg, var(--yellow) 40%, transparent 40% 42%, var(--yellow) 42% 44%, transparent 44% 46%, var(--yellow) 46% 48%, transparent 48% 50%, var(--yellow) 50% 52%, transparent 52% 54%, var(--yellow) 54% 56%, transparent 56% 58%, var(--yellow) 58% 60%, transparent 60% 62%, var(--yellow) 62% 100%) 1;
      border-width: 4px;
      border-style: solid;
  }
  
  @media (max-width: 768px) {
    #header {
      background-size: cover;
    }
  }
  
  :root .authorbox {
    background-color: var(--royalblue);
    border: 1px solid var(--grey);
  }
  
  
  .fancytext {
  font-family:"EB Garamond";
  font-size:120%;
  }

  Pages using this styling

  • a-wolf-at-the-door [info]

  ¶ 1 occurrence
  

  div#header {
      background-image: url("https://scp-wiki.wdfiles.com/local--files/wandsmen-hub/wandsmen.png");
      background-size: 6rem;
  }
  

  Pages using this styling

  • a-wandsman-in-the-greaze-lands-of-kansas [info]

  ¶ 1 occurrence
  

  .x-log { 
    border: solid 1px;
    padding: 5px;
    box-shadow: 2px 3px #707070;
    background-color: white;
    margin-top: 10px;
  }

  Pages using this styling

  • a-very-small-eternity [info]

  ¶ 1 occurrence
  

  #page-title {
      border-color: #00873E;
  }
  
  h1, #page-title {
      color: #e3092d;
  }

  Pages using this styling

  • a-very-slasher-christmas [info]

  ¶ 1 occurrence
  

  body{
      --barColour: #EB6123;
  }
  
  :root{
    --header-title: "SCP FOUNDATION";
    --header-subtitle: "Spook, Creep, Pester";
    --lgurl: url("http://scp-wiki.wdfiles.com/local--files/black-autumn-hub/scp-halloween-alone.png");
    --accentColor: #EB6123;
  
  }
  
  div#extra-div-1 {
      filter: opacity(40%);
  }
  
  .quote-text {
      display: inline-block;
      border:dashed 1px #999999;
      background:#5c5c5c;
      float:center;
      width:84%;
      padding:1px 15px;
      margin: 10px 10px 10px 30px
  }
  
  div#extra-div-1 {
      background-image: url(https://scp-wiki.wdfiles.com/local--files/component:pride-highlighter/nb_logo_blk.svg);
      filter: opacity(25%);
  }
  
  #page-content .info-container {
      --link-color: rgb(var(--swatch-text-general));
  }
  
  #page-content .info-container .translation_block {
      display: none;
  }
  
  #page-content .info-container .collapsible-block-link,
  #page-content .info-container:hover .collapsible-block-link {
      line-height: 1.6em;
  }
  
  #page-content .info-container .collapsible-block-folded,
  #page-content .info-container .collapsible-block-unfolded-link {
      display: grid;
  }
  
  #page-content .info-container .collapsible-block-folded .collapsible-block-link,
  #page-content .info-container .collapsible-block-link {
      -webkit-mask: unset;
              mask: unset;
      background: transparent;
      grid-column: 1;
      grid-row: 1;
      opacity: 0;
  }
  
  #page-content .info-container .collapsible-block-folded::before,
  #page-content .info-container .collapsible-block-unfolded-link::before {
      --wght: 800;
      content: "Elenee FishTruck";
      color: #FFFFFF;
      font-family: Inter, Arimo, Verdana, Geneva, "Helvetica Neue", "Helvetica", Arial, sans-serif;;
      display: block;
      pointer-events: none;
      grid-column: 1;
      grid-row: 1;
      line-height: 2.75ex;
  }

  Pages using this styling

  • a-valentine-s-day-spooktacular [info]

  ¶ 1 occurrence
  

  /* This theme overrides some of the Swirling Ashes headers.
   * Made by Croquembouche for djkaktus' The Four Arcana. */
   
  /* Replace the sky with an aurora. */
  body::before {
    background-image: url('https://scp-wiki.wdfiles.com/local--files/the-four-arcana/sky.webp');
    background-size: 1500px calc(var(--header-height-on-desktop));
    animation-duration: 360s;
    filter: grayscale(70%);
  }
  
  /* Replace the buildings. */
  div#container-wrap-wrap::before {
    background-image: url('https://scp-wiki.wdfiles.com/local--files/the-four-arcana/skyline.png');
    filter: grayscale(70%);
  }
   
  @keyframes sky {
    from { background-position: 1500px 0; }
    to { background-position: 0 0; }
  }
   
  /* Replace fog layers with snow */
  div#container-wrap-wrap::after, body::after {
    background-image: url('https://scp-wiki.wdfiles.com/local--files/a-terrible-thing/snow.webp);
    background-size: var(--ashes-width);
    background-repeat: repeat;
    animation: ashes-move linear var(--ashes-move-duration) infinite;
    opacity: 0.8;
  }
  div#container-wrap-wrap::after {
    --ashes-move-duration: 37s;
    --ashes-width: 250px;
  }
  body::after {
    --ashes-move-duration: 30s;
    --ashes-width: 400px;
  }
  @keyframes ashes-move {
    from { background-position: 0 0; }
    to { background-position: var(--ashes-width) var(--ashes-width); }
  }

  Pages using this styling

  • a-terrible-thing [info]

  ¶ 1 occurrence
  

   #header,
   div#header{
       background-image: none;
  }

  Pages using this styling

  • a-taste-of-theft [info]

  ¶ 1 occurrence
  

  
   :root{
     --header-title: "SCP Association";
     --header-subtitle: "Suspect. Control. Preserve.";
     --misc-txt-color: #FFFFFF;
     --header-txt-color: #E5E5E5;
       --darkmode-gradient-top: #5D79FF;
       --darkmode-gradient-bottom: #000823;
       --accent: 69,85,163;
       --link-txt-color: #FFC30B;
     
  }

  Pages using this styling

  • a-tale-of-two-chugwaters [info]

  ¶ 1 occurrence
  

  :root {
    --lgurl: URL(https://scp-wiki.wikidot.com/local--files/a-story-from-a-future/Ar6AfDt.webp);
    --accentColor: #ff2244;
  }

  Pages using this styling

  • a-story-from-a-future [info]

  ¶ 1 occurrence
  

  
  :root { 
  --cutColour: #fafafa;
  --barColour: #590505;
  }
  
  .info-container .collapsible-block-folded a{
  color: #FFF;}
  .info-container .collapsible-block-unfolded-link a{
  color: #FFF;}
  
  #side-bar {
      background: rgb(var(--white-monochrome));
  }
  
  #side-bar div.menu-item a, #side-bar div.menu-item .text {
      color: rgb(var(--black-monochrome));
  }
  
  #side-bar>div:nth-child(5) {
      background-color: rgba(var(--dark-accent),0.25)!important;
  }
  
  .html-block-iframe {
      width: auto !important;
      position: relative;
      left: 50%;
      transform: translateX(-50%);
  }

  Pages using this styling

  • a-special-holiday-message-from-scp-999 [info]

  ¶ 1 occurrence
  

  :root {
       --header-subtitle: "Problems At Sea";
  }

  Pages using this styling

  • a-sinking-feeling [info]

  ¶ 1 occurrence
  

  #page-title {
    display: block !important;
  }

  Pages using this styling

  • a-simple-sheaf-of-papers [info]

  ¶ 1 occurrence
  

   :root {
      --accentColor: hsl(195, 81%, 51%);
      --accentColorLite: hsla(195, 81%, 61%, .5);
      --hue: 195deg;
      --lgurl: url(https://scp-wiki.wdfiles.com/local--files/component:pride-highlighter/tg_logo_blk.svg);
  
      --header-subtitle: "SHIELD - CONCEAL - PLANT";
  }
  
   #extra-div-1 {
      filter: opacity(.2);
  }
  
   #page-content table.wiki-content-table {
      margin: 0 auto;
  }
  
   #page-content table.wiki-content-table tr td {
      border-color: var(--accentColorLite);
  }
  
   #page-content table.wiki-content-table tr td:nth-child(1) {
      font-size: 1.05rem;
      font-weight: bold;
      text-align: center;
  }
  
   #page-content div table {
      overflow-x: auto;
  }
  
   .modal {
      margin: 1rem 0;
  
      color: var(--textColorMid);
      background: var(--fgColor);
      border: 7px solid var(--accentColorLite);
  }
  
   .modal .collapsible-block-folded,
   .modal .collapsible-block-unfolded-link {
      margin: 0 auto;
      padding: 1.6rem;
  }
  
   @media (min-width: 768px) {
       #main-content {
       max-width: 75%;
      }
  
       .modal .collapsible-block-link {
       font-size: 1.55rem;
      }
  }

  Pages using this styling

  • a-semi-comprehensive-list-of-foundation-fronts [info]

  ¶ 1 occurrence
  

   :root {
  
      --header-subtitle: "Sequence - Code - Program";
  }

  Pages using this styling

  • a-semi-comprehensive-list-of-foundation-bots [info]

  ¶ 1 occurrence
  

  /* HEADER */
   :root{
     --header-title: "‘PATAPHYSICS DEPT.";
     --header-subtitle: "WRITING OUR OWN DESTINY";
     --titleColor: hsl(0, 0%, 91%);
     --subtitleColor: hsl(0, 0%, 91%);
     --lgurl: url(https://scp-wiki.wikidot.com/local--files/theme:pataphysics/pataphysicslogo-ani.svg);
  }
  
   #page-title{
       display: none;
  }
  
   #header::before{
       opacity: .7;
  }
  
   #header h1 a::before{
       text-shadow:
            -1.75px -1.75px hsl(0, 0%, 5%),
            0       -1.75px hsl(0, 0%, 5%),
            1.75px  -1.75px hsl(0, 0%, 5%),
            1.75px   0   hsl(0, 0%, 5%),
            1.75px   1.75px hsl(0, 0%, 5%),
            0        1.75px hsl(0, 0%, 5%),
            -1.75px  1.75px hsl(0, 0%, 5%),
            -1.75px  0   hsl(0, 0%, 5%);
  }
  
   #header h2::before{
       text-shadow:
            -1px -1px hsl(0, 0%, 5%),
            0    -1px hsl(0, 0%, 5%),
            1px  -1px hsl(0, 0%, 5%),
            1px   0   hsl(0, 0%, 5%),
            1px   1px hsl(0, 0%, 5%),
            0     1px hsl(0, 0%, 5%),
            -1px  1px hsl(0, 0%, 5%),
            -1px  0   hsl(0, 0%, 5%);
  }
  
   #header-extra-div-1::before{
        display: none;
  }
  
  /* GENERAL */
   .heather{
       color: hsl(332, 93%, 44%);
  
       font-weight: bold;
       word-break: unset;
  }
  
  /* TERMINAL */
   .terminal{
       background-color: hsl(268, 39%, 20%);
       background-image:   /* black shadow at the top of the terminal */
          radial-gradient(
            ellipse 1000% 100% at 50% 90%,
            transparent,
            hsl(268, 33%, 10%));
       border: 3px solid hsl(0, 0%, 73%);
       border-radius: 1rem;
       box-shadow: inset 0 0 10em 1em hsla(0, 0%, 0%, .5);   /* shadow around the terminal */
  
       overflow: hidden;   /* prevents scanline from forming a scrollwheel */
       text-align: center;
  }
  
   .terminal hr{
       height: 2px;
  
       background: 1px solid hsl(0, 0%, 81%);
  }
  
   .scanline{
       position: relative;
       height: 3.659em;
       margin-top: -40%;
  
       background:
          linear-gradient(
            hsla(240, 19%, 27%, 0),
            hsla(240, 33%, 33%, .1));
  
       animation: scan 5s linear 0s infinite;
       -moz-animation: scan 5s linear 0s infinite;
       -webkit-animation: scan 5s linear 0s infinite;
       pointer-events: none;
  }
  
   @-webkit-keyframes scan{   /* SAFARI 4.0 - 8.0 */
       from{
            transform: translateY(-10%);
      }
       to{
            transform: translateY(2000%);
      }
  }
  
   .terminal-text{
       padding: 34% 3rem 0;
  
       color: hsl(0, 0%, 81%);
  
       font: 115% "Lucida Console", "Monaco", monospace;
  }
  
  /* FAKE LINKS */
   .fake-link{
       color: hsl(0, 0%, 81%);
  
       cursor: pointer;
  }
  
   .fake-link :hover{
       position: relative;
       left: 25%;
       width: 50%;
  
       color: hsl(268, 76%, 13%);
       background:
          linear-gradient(
            to right,
            hsla(0, 0%, 0%, 0),
            hsl(259, 100%, 75%),
            hsl(259, 100%, 75%),
            hsla(0, 0%, 0%, 0));
  }
  
   .fake-link :hover::before{
       content: "▷ ";
  }
  
   .escape{
       color: hsl(0, 0%, 81%);
  
       cursor: pointer;
  }
  
   .escape :hover span{
       display: none;
  }
  
   .escape :hover::before{
       content:"▷ THERE IS NO ESCAPE";
  }
  
  /* FORMATTING */
   .pata{
       background-color: hsl(268, 39%, 20%);
       background-image:   /* black shadow at the top of the terminal */
          radial-gradient(
            ellipse 1000% 100% at 50% 90%,
            transparent,
            hsl(268, 33%, 10%));
       border: 3px solid hsl(0, 0%, 73%);
       border-radius: 1rem;
       box-shadow: inset 0 0 10em 1em hsla(0, 0%, 0%, .5);   /* shadow around the terminal */
  
       overflow: hidden;   /* prevents scanline from forming a scrollwheel */
  
     /* text */
       padding: 0 3rem;
  
       color: hsl(0, 0%, 81%);
  
       font: 115% "Lucida Console", "Monaco", monospace;
       text-align: center;
  }
  
   .pata a{
       color: hsl(268, 81%, 65%);
  }
  
   h4{
       color: hsl(9, 91%, 71%);
  
       animation: vibrate linear 100ms 100000;
  }
  
   @keyframes vibrate{
       0%{ transform: translate3d(0, 0, 0); }
       10%{ transform: translate3d(2px, 0, 0); }
       20%{ transform: translate3d(2px, 2px, 0); }
       30%{ transform: translate3d(0, 0, 0); }
       40%{ transform: translate3d(-2px, 0, 0); }
       50%{ transform: translate3d(-2px, -2px, 0); }
  }
  
   .additive{
       font-size: 155%;
       font-style: italic;
       line-height: .8;
  }

  Pages using this styling

  • a-scene-from-a-meme [info]

  ¶ 1 occurrence
  

  :root {
       --header-title: "HR";
       --header-subtitle: "SOLVING COMPLAINTS AND PROBLEMS";
       --header-txt-color: #FFFFFF;
       --misc-txt-color: #FFFFFF;
       --darkmode-gradient-top: #64D16F;
       --darkmode-gradient-bottom: #000000;
       --accent: 100, 209, 111
  }

  Pages using this styling

  • a-reason-to-stay-working [info]

  ¶ 1 occurrence
  

  #page-title { display: none; }
  .feature-block {
      height: 230px;
  }
  .feature-block .panel-body {
      height: 160px;
      overflow-y: hidden;
      color: #800000
  }
  .feature-block .feature-title {
      font-size: 120%;
      font-weight: bold;
  }
  .feature-block .feature-subtitle {
      font-size: 90%;
  }
  
  .feature-block .feature-title > p,
  .feature-block .feature-subtitle > p {
      margin: 0;
      color: #800000
  }
  
  .news-block .panel-body {
      padding: 0;
      color: #800000
  }
  .news-block .panel-body .alternate {
      padding: 5px 10px;
  }
  .news-block .news-title {
      font-weight: bold;
      font-size: 110%;
      margin-bottom: 5px;
      color: #633;
  }
  .news-block .news-content {
      margin: 5px 0;
      color: #800000
  }
  .news-block .news-title > p,
  .news-block .news-content > p {
      margin: 0;
      color: #800000
  }
  
  .international-block .panel-body {
      padding: 0;
      color: #800000
  }
  .international-entry {
      padding: 5px 10px;
  }
  .international-entry:nth-child(even),
  .alternate:nth-child(even) {
      background-color: rgba(255,255,255,.9);
      border-top: solid 1px #eeeee0;
      border-bottom: solid 1px #eeeee0;
  }
  .international-entry div > p {
      margin: 0;
  }
  .international-entry .international-title {
      font-weight: bold;
      font-size: 110%;
  }
  .international-entry .international-title img {
      width: 16px;
      height: 11px;
      box-shadow: 0 1px 3px rgba(0,0,0,.5);
  }
  .international-entry .international-description {
      font-size: 90%;
      font-style: italic;
      margin: 5px 20px;
  }
  .international-entry .international-footer {
      font-size: #333;
      font-size: 80%;
      margin: 5px 0;
  }
  

  Pages using this styling

  • a-random-workbench [info]

  ¶ 1 occurrence
  

  
  #edit-page-textarea {
  background:white;
  color:black;
  }
  #u-header-link {                                                                                                                       
  text-shadow: 2px 2px black !important;
  }
  .page-watch-options a{
  color:white;
  }
  :root {
  --basalt-secondary-color:6, 6, 6;
   --header-title: "OVERWATCH";
   --header-logo: url("http://blightbox.wikidot.com/local--files/2box/owatcher.png");
   --header-subtitle: "ARCHIVAL SITE-01";
   --body-font-primary: 'Zen Kaku Gothic Antique', sans-serif;
   --UI-font-primary: 'Poppins';
   --basalt-dark-element-color:1, 4, 6;
   --selection-text-color: 255, 255, 255;
   --one-color: var(--vector-enki) !important;
   --basalt-main-text-color: 105, 179, 134;
   --image-caption-background-color: 0,0,0;
   --link-color: 105, 179, 134;
   --tilesize=100;
   --general-border-color: rgb(var(--vector-dark));
   --h-border-color: rgb(var(--vector-dark));
   --selection-background-color: 69, 69, 69;
   --backdrop:url(https://scp-wiki.wdfiles.com/local--files/billiths-proposal/earth.png);
   --swatch-background: 123, 89, 119 !important;
   --swatch-menubg-black-color: 132, 166, 134 !important;
   --login-status-text-color: 132, 166, 134;
   --basalt-tertiary-color: 0,0,0;
   --basalt-background-color: 6, 6, 6;
   --vector-midtone: 26, 26, 26;
  }
  
  body {
      background-attachment: fixed;
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
  }
  
  .capt {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3E%3Cpath fill='%23000000' fill-opacity='0.2' d='M1 3h1v1H1V3zm2-2h1v1H3V1z'%3E%3C/path%3E%3C/svg%3E");
  color:black;
  }
  
  @keyframes shake {
      0% { transform: translate(1px, 1px) rotate(0deg); }
      10% { transform: translate(-1px, -2px) rotate(-1deg); }
      20% { transform: translate(-3px, 0px) rotate(1deg); }
      30% { transform: translate(3px, 2px) rotate(0deg); }
      40% { transform: translate(1px, -1px) rotate(1deg); }
      50% { transform: translate(-1px, 2px) rotate(-1deg); }
      60% { transform: translate(-3px, 1px) rotate(0deg); }
      70% { transform: translate(3px, 1px) rotate(-1deg); }
      80% { transform: translate(-1px, -1px) rotate(1deg); }
      90% { transform: translate(1px, 2px) rotate(0deg); }
      100% { transform: translate(1px, -2px) rotate(-1deg); }
  }
  
  .animated:hover {
      animation-name: shake;
      animation-duration: 0.5s;
      animation-iteration-count: infinite;
      cursor: pointer;
  }
  

  Pages using this styling

  • a-place-to-call-your-home [info]

  ¶ 1 occurrence
  

  :root {
    --accentColor: #e45c00;
  }
  }

  Pages using this styling

  • a-nightmare-dreary [info]

  ¶ 1 occurrence
  

  :root {
       --accentColor: hsl(197, 21%, 68%);
    --accentColorLite: hsla(197, 21%, 68%, .5);
       --hue: 173deg;
  --bgColor: rgb(26, 26, 26);
  --header-subtitle: "We Die in the Dark";
  }
  

  Pages using this styling

  • a-need-for-inspiration [info]

  ¶ 1 occurrence
  

   @import url(https://fonts.googleapis.com/css2?family=Metal+Mania&display=swap);
  
  /* HEADER */
   :root{
       --header-title: "SPC DATABASE";
       --header-subtitle: "SEARCH - PUNCH - CONQUER";
       --lgurl: url(http://scp-wiki.wikidot.com/local--files/theme:shark-punching-centre-bhl/spc-header.png);
  }
  
   body{
       --barColour: hsl(210, 50%, 15%);
  }
  
   #page-title{
       display: none;
  }
  
   .meta-title{
       color: hsl(215, 86%, 33%);
  }
  
   #header::before{
       top: -1rem;
  
       background-size: auto 10.5rem;
  }
  
  /* FORMATTING */
   #page-content h2{
       font-family: "Arial Black", sans-serif;
  }
  
   .shadow{
       font: 150%/1.5 "Metal Mania", cursive;
  }

  Pages using this styling

  • a-necromantic-prelude [info]

  ¶ 1 occurrence
  

  
  @import url('https://fonts.googleapis.com/css?family=EB+Garamond:500&display=swap');
  
  #header {
      background-image: url(https://scp-wiki.wdfiles.com/local--files/theme%3Amcd/MCDLogo2-small.png);
  }
  
  .fancytext {
  font-family:"EB Garamond";
  font-size:120%;
  }

  Pages using this styling

  • a-murder-and-relief-in-the-dark [info]

  ¶ 1 occurrence
  

  /* Fix for mobile */
  .mobile{overflow-x:auto}

  Pages using this styling

  • a-modest-proposal-for-a-revised-anomaly-classification-syste [info]

  ¶ 1 occurrence
  

  /* =========================
     SEARCH
     ========================= */
  #search-top-box-input {
      border: solid 1px #1f2c4f;
      color: #d6e3ff !important;
      background-color: #0b1220;
  }
  
  #search-top-box-input:hover,
  #search-top-box-input:focus {
      background-color: #121a2e;
  }
  
  #search-top-box-form input[type=submit] {
      border: solid 1px #1f2c4f;
      color: #d6e3ff;
      background: #1a2440;
  }
  
  #search-top-box-form input[type=submit]:hover,
  #search-top-box-form input[type=submit]:focus {
      background: #25345f;
  }
  
  /* =========================
     RATE WIDGET
     ========================= */
  .page-rate-widget-box .rate-points,
  .page-rate-widget-box > *,
  .rate-box-with-credit-button {
      background-color: #1a2440 !important;
  }
  
  .page-rate-widget-box .rateup,
  .page-rate-widget-box .ratedown {
      background-color: #0b1220;
      border-top: solid 1px #1f2c4f;
      border-bottom: solid 1px #1f2c4f;
  }
  
  .page-rate-widget-box .rateup a,
  .page-rate-widget-box .ratedown a {
      background: transparent;
      color: #d6e3ff;
  }
  
  .page-rate-widget-box .rateup a:hover,
  .page-rate-widget-box .ratedown a:hover {
      background: #25345f;
      color: #ffffff;
  }
  
  .page-rate-widget-box .cancel {
      background-color: #1a2440;
      border: solid 1px #1f2c4f;
  }
  
  .page-rate-widget-box .cancel a {
      color: #d6e3ff;
  }
  
  .page-rate-widget-box .cancel a:hover {
      background: #25345f;
      color: #ffffff;
  }

  Pages using this styling

  • a-man-in-a-cave [info]

  ¶ 1 occurrence
  

  /* =========================
     HEADER IMAGE
     ========================= */
  #header {
      background-image: url(https://upload.wikimedia.org/wikipedia/commons/0/02/NGC_2683_Spiral_galaxy.jpg);
  }
  
  #page-title {
      display: none;
  }

  Pages using this styling

  • a-man-in-a-cave [info]

  ¶ 1 occurrence
  

  /* =========================
     HEADER VARIABLES
     ========================= */
  :root {
      --header-title: "SCP";
      --sp_header-height: 21.75rem;
      --sp_header-logo: url(https://upload.wikimedia.org/wikipedia/commons/e/ec/SCP_Foundation_%28emblem%29.svg);
      --sp_header-logo-size: 7.25rem;
      --sp_header-logo-adaptive-size: min(
          var(--sp_header-logo-size),
          calc(var(--sp_header-logo-size)*0.575 + 5vw)
      );
  }
  
  #header h2 span {
      color: transparent;
      text-shadow: none;
      font-family: sans-serif;
  }
  
  #header h2 span::before {
      content: "Secure. Contain. Protect";
      color: #d6e3ff;
      text-shadow: 0 0 10px rgba(120,160,255,0.9);
      background: transparent;
      padding: 5px 11px 5px 10px;
  }

  Pages using this styling

  • a-man-in-a-cave [info]

  ¶ 1 occurrence
  

  /* =========================
     LINKS
     ========================= */
  a,
  a.newpage {
      color: #8fbaff;
  }
  
  a:hover {
      color: #c2d9ff;
  }
  
  a:visited {
      color: #6fa0e6;
  }
  
  /* =========================
     BLOCKQUOTES
     ========================= */
  blockquote,
  div.blockquote {
      border-color: #1f2c4f;
      background-color: #0f172a;
      color: #cfe0ff;
  }
  
  /* =========================
     IMAGE CAPTIONS (FIXED)
     ========================= */
  .scp-image-caption,
  figcaption {
      color: #e6eeff;
      background: rgba(5, 8, 15, 0.85);
      padding: 6px 10px;
      margin-top: 4px;
  
      font-size: 0.9em;
      text-align: center;
  
      border-radius: 6px;
      border: 1px solid #1f2c4f;
  
      text-shadow: 0 0 6px rgba(120,160,255,0.35);
  }
  
  .scp-image-block {
      background: transparent;
  }
  
  /* =========================
     SIDEBAR / INTERWIKI
     ========================= */
  #side-bar a,
  #interwiki a {
      color: #8fbaff;
  }
  
  #side-bar .side-block,
  #interwiki .side-block {
      padding: 10px;
      border: 2px solid #1f2c4f;
      border-radius: 2px;
      background: #0b1220;
      margin-bottom: 15px;
      color: #cfe0ff;
      box-shadow: none !important;
  }
  
  #side-bar .heading,
  #interwiki .heading {
      color: #9fc1ff;
      border-bottom: dotted 1px #1f2c4f;
      font-size: 10pt;
  }
  
  #interwiki .menu-item img {
      filter: hue-rotate(200deg) brightness(0.7);
  }

  Pages using this styling

  • a-man-in-a-cave [info]

  ¶ 1 occurrence
  

  /* =========================
     COLLAPSIBLES / FORMS
     ========================= */
  .fakeprot .mailform-box .buttons { display: none; }
  
  .fakeprot + .collapsible-block .collapsible-block-link {
      padding: 0.1em 0.5em;
      text-decoration: none;
      background-color: #0f172a;
      border: 1px solid #1f2c4f;
      color: #9fc1ff;
  }
  
  .fakeprot + .collapsible-block .collapsible-block-link:hover,
  .fakeprot + .collapsible-block .collapsible-block-link:active {
      background-color: #1a2440;
      color: #d6e3ff;
  }
  
  .fakeprot + .collapsible-block .collapsible-block-unfolded-link,
  .fakeprot + .collapsible-block .collapsible-block-folded {
      margin: 0.5em 0;
      text-align: center;
  }
  
  .fakeprot .passw input[type=text] {
      text-security: disc;
      -webkit-text-security: disc;
      -mox-text-security: disc;
  }
  
  .mailform-box td:first-child {
      width: 80px;
  }

  Pages using this styling

  • a-man-in-a-cave [info]

  ¶ 1 occurrence
  

  /* =========================
     My (mysticgalaxy's) theme by me
     ========================= */
  
  /* GLOBAL MIDNIGHT BACKGROUND */
  html,
  body {
      background-color: #05080f !important;
      color: #d6e3ff;
  }
  
  #content-wrap,
  #main-content,
  #page-content,
  #container,
  #header,
  #top-bar {
      background-color: transparent !important;
  }
  
  #side-bar {
      background-color: #070b14 !important;
  }
  
  /* =========================
     PAGE CARD
     ========================= */
  .page {
      display: block;
      overflow: hidden;
      font-family: "Monotype Corsiva", "Bradley Hand ITC", sans-serif;
  
      background-attachment: scroll;
      background-clip: border-box;
      background-origin: padding-box;
      background-position: 0px 8px;
      background-repeat: repeat;
      background-size: 100% 20px;
  
      background-color: #0b1220;
      background-image: linear-gradient(
          to top,
          #05080f 0%,
          #0b1220 40%,
          #121a2e 100%
      );
  
      border: 1px solid #1f2c4f;
      border-radius: 10px;
      padding: 10px;
      margin-bottom: 10px;
  
      box-shadow: 0px 4px 12px rgba(0,0,0,0.65);
      color: #d6e3ff;
  }
  
  .page p,
  .page ul {
      line-height: 20px;
      margin: 0;
  }

  Pages using this styling

  • a-man-in-a-cave [info]

  ¶ 1 occurrence
  

  
  .collection .collapsible-block-unfolded-link a , .collection .collapsible-block-folded a {
  background-color: #c8e293 !important;
  color: #665731 !important;
  }
  
  .titlecolumn {
  background-color: #c8e293 !important;
  color: #665731 !important;
  }
  
  .namerow {
  background-color: #c8e293 !important;
  color: #665731 !important;
  }
  
  .namerow a {
    color: #148c14 !important;
  }

  Pages using this styling

  • a-library-empty [info]

  ¶ 1 occurrence
  

  .tag-box {
      border: solid 1px #444444; 
      background: #ECECEC;
      margin: auto;
      padding: 10px;
  }

  Pages using this styling

  • a-laymen-s-guide-to-tagging [info]

  ¶ 1 occurrence
  

  :root {
      --header-title: "Anomalous Animal Healthcare";
      --header-subtitle: "Vets for the really really exotic pets";
  --logo-image: url("https://scp-wiki.wikidot.com/local--files/a-green-squid-kid-s-arts-n-crafts/AHHdept%2520logo.webp");`
  
      --pale-accent: 165, 119, 190;
      /* light red, for visited links */
      --bright-accent: 171, 52, 84;
      /* bright red */
      --medium-accent: 165, 119, 190;
      /* medium red - the "default" accent color */
      --dark-accent: 71, 52, 84;
      /* dark red */
      --alt-accent: 71, 52, 84;
      /* pale orange, for newpage links */
  }

  Pages using this styling

  • a-green-squid-kid-s-arts-n-crafts [info]

  ¶ 1 occurrence
  

  :root{--logo-image: var(--eventyr-bi);}

  Pages using this styling

  • a-good-lights-sleep [info]

  ¶ 1 occurrence
  

  .hub[data-title="Previous"] {
  background: white;
  }

  Pages using this styling

  • a-glimpse-of-imperfection [info]

  ¶ 1 occurrence
  

  .hub[data-title="Next"] {
  background: white;
  }

  Pages using this styling

  • a-glance-onto-perfection [info]

  ¶ 1 occurrence
  

  
  #header h1 a::before {
    content: var(--header-title, "LEGACIES");
    font-weight: 400;
    font-size: 1.3em;
  }
   
  #header h2::before {
    content: var(--header-subtitle, "INHERITANCE OF SECRETS");
    font-weight: 700;
    font-size: 1.2em;
  }
  
  div#extra-div-1 {
      height: 160px;
      width: 100%;
      top: 0;
      position: absolute;
      background: url('https://scp-wiki.wdfiles.com/local--files/the-great-hippo/scp_trans.png');
      background-size: contain;
      background-repeat: no-repeat;
      background-position: 50% 50%;
      z-index: -1;
  }
  

  Pages using this styling

  • a-gilded-cage [info]

  ¶ 1 occurrence
  

  
  .page {
      display: block;
      overflow: hidden;
      font-size: 175%;
      font-family: "VT323", "Courier New";
      font-style: normal;
  
      background-attachment: scroll;
      background-clip: border-box;
      background-color: transparent;
      background-image: linear-gradient(to top ,rgb(202, 219, 228) 0%, rgb(231, 233, 220) 8%);
      background-origin: padding-box;
      background-position: 0px 8px;
      background-repeat: repeat;
      background-size: 100% 20px;
  
      border: 1px solid #CCC;
      border-radius: 10px;
      padding: 10px 10px;
      margin-bottom: 10px;
  
      box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2)
      }
  .page p,
  .page ul {
      line-height: 20px;
      margin: 0;
  }

  Pages using this styling

  • a-gift-from-my-uncles [info]

  ¶ 1 occurrence
  

  /*
      Tales of the Mosaic Theme
      [2025 Wikidot Theme]
      Created by Jezixo
   
      CC BY-SA 3.0
  */
   
  /* ADDING FANCY FONTS */
   
  @import url('https://fonts.googleapis.com/css2?family=Hepta+Slab:wght@1..900&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400..800;1,400..800&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=IM+Fell+DW+Pica+SC&display=swap');
   
  /* ———— COLORS ———— */
   
  /* SETTING COLOR PALETTE */
  :root {
      --white-monochrome: 251,250,249;
      --pale-gray-monochrome: 241, 241, 241;
      --light-pale-gray-monochrome: 242, 245, 247;
      --very-light-gray-monochrome: 211, 216, 222;
      --light-gray-monochrome: 151, 160, 168;
      --gray-monochrome: 40, 40, 40;
      --dark-gray-monochrome: 30, 30, 30;
      --black-monochrome: 12, 12, 12;
      --pale-accent: 118, 162, 186;
      --bright-accent: 44, 103, 166;
      --medium-accent: 29, 60, 89;
      --dark-accent: 19, 41, 52;
      --alt-accent: 240, 164, 117;
  }
   
  /* ADJUSTING UI ELEMENT COLORS */
   
  :root {
      --link-color: var(--black-monochrome);
      --visited-link-color: var(--black-monochrome);
      --newpage-color: var(--white-monochrome);
      --footnotes-footer-num-color: var(--medium-accent);
      --header-gradient-color-bottom: var(--gray-monochrome);
      --swatch-menubg-medium-dark-color: var(--dark-gray-monochrome);
      --login-myaccount-underline-color: var(--swatch-text-secondary-color);
      --login-myaccount-hover-color: var(--white-monochrome);
  }
   
  #main-content {
      --tabs-bg: var(--dark-accent);
      --tabs-bottom-border-color: none;
      --toc-header-bg-color: var(--medium-accent);
      --toc-header-text-color: var(--white-monochrome);
  }
   
  #page-content {
      color: rgb(var(--white-monochrome));
  }
   
  #login-status #account-options {
      background: rgb(var(--black-monochrome));
  }
   
  @media (min-width: 36rem) {
      #search-top-box {
          background: rgba(var(--search-focus-textbox-bg-color), 0.1);
      }
  }
   
  #header h1 a:focus {
    outline-color: rgb(var(--alt-accent));
  }
   
  #content-wrap {
      background: linear-gradient(34.77deg, #011018 29.51%, #132934 76.89%, #011018 107.83%);
  }
   
  /* ———— STYLING UI ELEMENTS ———— */
   
  /* PAGE VARIABLES */
   
  :root {
      --base-font-size: 1rem;
      --body-font: "EB Garamond", serif;
      --header-font: "EB Garamond", serif;
      --UI-font: Hepta Slab, PTRootUI,-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantrell,"Helvetica Neue",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
      --header-title: "Tales of the Mosaic";
      --header-subtitle: "It's always been this way";
      --logo-image: none;
      --diagonal-stripes: none;
      --header-height-on-desktop: 16rem;
      --header-height-on-mobile: 16rem;
  }
   
  /* LINKS */
   
  #page-content a {
      font-weight: bold;
      text-decoration: underline;
      color: rgba(var(--white-monochrome));
  }
   
  #page-content a:visited {
      color: rgba(var(--white-monochrome));
  }
   
  #page-content a:hover:not(.footnote-footer a:hover, #u-source-code-button .collapsible-block a:hover, #page-content .tessera-body a:hover) {
      color: rgb(var(--alt-accent));
  }
   
  /* MAKING UTILITY ELEMENTS READABLE */
   
  .licensebox .collapsible-block-link {
      color: rgba(var(--white-monochrome));
      opacity: 1;
   }
   
  /* This extra margin fixes a bug on the theme page where the tags intersect the theme licensebox. */
  .licensebox {
      margin-bottom: 2rem;
  }
   
  div.page-watch-options a,
  .licensebox p,
  .page-tags a,
  #page-info {
      color: rgba(var(--white-monochrome));
  }
   
  #action-area {
      background: rgb(var(--white-monochrome));
      border-radius: 8px;
      padding: 1rem;
  }
   
  #action-area a {
      color: rgb(var(--black-monochrome));
      text-decoration: underline;
  }
   
  div#revision-list .pager a:hover {
      color: rgb(var(--black-monochrome));
      text-decoration: underline;
  }
   
  div#revision-list .pager a,
  .code p,
  .footnotes-footer .footnote-footer a::before,
  .modalbox a,
  tbody tr td #toc #toc-list a
   {
      color: rgb(var(--black-monochrome));
  }
   
  /* PAGE HEADER TEXT */
   
  #header h1 a,  #header h1 a::before {
    display: flex;
    font-size: 0em;
  }
   
  #header h2 span::before {
      display: none;
  }
   
  #header h2 span {
      margin-top: calc(var(--header-height-on-mobile)/2 + var(--header-h1-font-size)/2 - 4em);
      width: 80%;
  }
   
  #header h1 a::after {
      font-weight: 400;
      font-size: 3.2rem;
      font-family: 'IM Fell DW Pica SC', 'EB Garamond', serif;
  }
   
  #header h2 span::after {
      text-transform: none;
      font-family: 'EB Garamond', 'IM Fell DW Pica SC', serif;
      font-size: 1.5rem;
      font-weight: bold;
      margin-top: 0.5rem;
  }
   
  /* BREADCRUMBS */
   
  #breadcrumbs a:before, .pseudocrumbs a:before {
      content: none;
      display: none;
  }
   
  :is(#breadcrumbs,.pseudocrumbs) a {
      margin-right: 0px;
      color: rgb(var(--white-monochrome));
      padding-right: 0.3rem;
  }
   
  :is(#breadcrumbs,.pseudocrumbs) a:hover {
     color: rgb(var(--alt-accent));
     text-decoration: underline;
  }
   
  #breadcrumbs, .pseudocrumbs {
      color: rgb(var(--white-monochrome));
  }
   
  /* ———— SKYLINE HEADER ANIMATION ———— */
   
  /* Making the nav bar solid, so the animation can appear from behind it */
   
  div#header {
      width: 100%;
      max-width: 100%;
  }
   
  @media (min-width: 36rem) {
      #search-top-box {
          right: 15%;
      }
      #login-status {
          left: 15%;
      }
  }
   
  #header div#top-bar {
      max-width: none;
  }
   
  .top-bar {
      margin: auto;
  }
   
  #header div#top-bar {
      max-width: none;
      background: rgb(var(--dark-gray-monochrome));
      border-block: 2px solid rgb(var(--black-monochrome));
  }
   
  /* SKYLINE LAYERS */
   
  #extra-div-1,
  #extra-div-2,
  #extra-div-3,
  #extra-div-4,
  #extra-div-5 {
      position: absolute;
      top: 0;
      width: 100%;
      opacity: 0;
      height: 310px;
  }
   
  /* Layer 1 – Background */
  #extra-div-1 {
      background: calc(50% - -40px) top/1640px repeat-x;
      animation: fadeIn 1.5s ease-in 0.5s forwards;
      z-index: 0;
  }
   
  /* Layer 2 - Lighthouse */
  #extra-div-2 {
      background: calc(50% - -40px) top/1640px repeat-x;
      animation: fadeIn 0.5s ease-in 0.3s forwards;
      z-index: 1;
  }
   
  /* Layer 3 - Farthest buildings */
  #extra-div-3 {
      background: calc(50% - -40px) top/1620px repeat-x;
      animation: backgroundZoomIn 1.5s ease-out 0.5s forwards, fadeIn 1.5s ease-in 0.5s forwards;
      z-index: 2;
  }
   
  /* Layer 4 - Mid-distance buildings */
  #extra-div-4 {
      background: calc(50% - -50px) top/1620px repeat-x;
      animation: slideLeft 1.5s ease-out 0.5s forwards, backgroundZoomIn 1.5s ease-out 0.5s forwards, fadeIn 1s ease-in 0.5s forwards;
      z-index: 3;
  }
   
  /* Layer 5 - Closest buildings */
  #extra-div-5 {
      background: calc(50% - -30px)  top/1620px repeat-x;
      animation: slideRight 1.5s ease-out 0.5s forwards, backgroundZoomIn 1.5s ease-out 0.5s forwards, fadeIn 0.5s ease-in 0.5s forwards;
      z-index: 4;
  }
   
  /* HEADER TEXT ANIMATION */
   
  #header h1 a::after {
      transform: scale(0.7);
      opacity: 0;
      animation: textGrowIn 1s ease-out 1s forwards;
  }
   
  #header h2 span {
      transform: scale(0.7);
      opacity: 0;
      animation: textGrowIn 1s ease-out 1.2s forwards;
  }
   
  /* SKYLINE ANIMATIONS */
   
  @keyframes fadeIn {
      0% {
          opacity: 0;
      }
      100% {
          opacity: 1;
      }
  }
   
  @keyframes backgroundZoomIn {
      0% {
          background-size: 1620px;
      }
      100% {
          background-size: 1640px;
      }
  }
   
  @keyframes slideRight {
      0% {
          background-position-x:  calc(50% - -30px);
      }
      100% {
          background-position-x: calc(50% - -40px);
      }
  }
   
  @keyframes slideLeft {
      0% {
          background-position-x:  calc(50% - -50px);
      }
      100% {
          background-position-x: calc(50% - -40px);
      }
  }
   
  @keyframes textGrowIn {
      0% {
          transform: scale(0.9);
          opacity: 0;
      }
      100% {
          transform: scale(1);
          opacity: 1;
      }
  }
   
  /* WHITE LINE ANIMATION */
  /* Making the white line around the title grow in on page load */
   
  .title-container .tessera-eyebrow-container::before, .title-container .tessera-eyebrow-container::after {
    animation: whiteLineReveal 2s cubic-bezier(.43,0,.1,1) 0.5s;
    animation-fill-mode: both;
  }
   
  .title-container .tessera-eyebrow-container::before {
    transform: rotate(180deg);
  }
   
  @keyframes whiteLineReveal {
    from { clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%); }
    to { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); }
  }
   
  /* ACCESSIBILITY MODE */
  /* Turning off all animations if user prefers reduced motion */
   
  @media (prefers-reduced-motion: reduce) {
      #extra-div-1,
      #extra-div-2,
      #extra-div-3,
      #extra-div-4,
      #extra-div-5,
      #header h1 a::after,
      #header h2 span {
          opacity: 1;
          background: calc(50% - -40px) top/1640px repeat-x;
          animation: none;
          transform: none;
      }
   
      .title-container .tessera-eyebrow-container::before, .title-container .tessera-eyebrow-container::after {
          animation: none;
          clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
      }
   
  }
   
  /* ———— CUSTOM PAGE ELEMENTS ———— */
   
  /* TITLE SECTION */
   
  div#page-title {
      display: none;
  }
   
  .title-container {
      width: fit-content;
      margin: 1rem auto 3rem;
      text-align: center;
  }
   
  span.tessera-title {
      font-weight: bold;
      color: rgb(var(--white-monochrome));
      font-size: 2.5rem;
      max-width: 24.3rem;
      display: block;
      margin: 0.5rem auto 0.5rem;
  }
   
  /* EYEBROW HEADER  */
   
  .tessera-eyebrow-container {
      margin: 3rem auto 0rem;
      display: flex;
      align-items: center;
  }
   
  .tessera-eyebrow-text {
      text-transform: uppercase;
      color: rgb(var(--white-monochrome));
      font-weight: 700;
      font-size: 1rem;
      width: max-content;
      display: block;
      margin-inline: 1rem;
      letter-spacing: 0.15rem;
      font-family: 'IM Fell DW Pica SC', 'EB Garamond', serif;
  }
   
  .tessera-eyebrow-container p, .title-container p {
      margin: 0px;
  }
   
  .tessera-eyebrow-container::before, .tessera-eyebrow-container::after {
      content: "";
      height: 1px;
      background: rgb(var(--white-monochrome));
      width: 100%;
  }
   
  /* AUTHOR TAG */
   
  div#u-title-byline {
      text-align: center;
      font-weight: 700;
      font-size: 1.2rem;
  }
   
  div#u-title-byline a {
      font-weight: 700;
  }
   
  div#u-title-byline p {
      margin: 0px;
  }
   
  /* TESSERA BODY PAPER DOCUMENT */
   
  .tessera-body {
      padding: 24px 40px;
      background: linear-gradient(203.04deg, #FBFAF9 40.5%, #f1f1f1 100%);
      box-shadow: 0px 16px 32px -4px rgba(12, 12, 13, 0.1), 0px 4px 4px -4px rgba(12, 12, 13, 0.05), inset 0px 0px 30px 0px #AE8B75;
      border-radius: 0px;
      margin-block: 2.5rem;
      max-width: 35rem;
      margin: 0rem auto 3rem;
  }
   
  .tessera-body p {
      font-weight: 500;
      font-size: 1.2rem;
      color: rgb(var(--dark-gray-monochrome));
  }
   
  #page-content .tessera-body a {
      font-weight: bold;
      color: rgba(var(--bright-accent));
      text-decoration: underline;
  }
   
  #page-content .tessera-body a:visited {
      color: rgb(var(--black-monochrome));
  }
   
  #page-content .tessera-body a:hover {
      color: rgb(var(--medium-accent));
      text-decoration-style: double;
  }
   
  @media (max-width: 479px) {
      .tessera-body {
          padding: 1rem 1rem;
      }
  }
   
  /* This makes the color of images in the paper doc blend with the paper color - ideal for Costodias' monochrome line art, though you might want to disable this when using other kinds of art. */
   
  .paper img {
      mix-blend-mode: multiply;
  }
   
  /* MOSAIC EARTHWORM */
   
  .earthworm {
      margin-block: 3rem;
      font-weight: bold;
      font-size: 1.5rem;
      color: rgb(var(--white-monochrome));
      text-align: center;
  }
   
  #page-content .earthworm a {
      font-weight: bold;
      padding: 0.5rem 1rem;
      margin: 1rem auto;
      display: block;
      text-align: center;
      font-size: 1.2rem;
      text-decoration: none;
      transition: 0.5s;
      border: 1px solid white;
      background: rgb(var(--dark-accent));
      border-radius: 0px 8px 0px 8px;
      border-left-color: rgb(var(--alt-accent));
      border-bottom-color: rgb(var(--alt-accent));
      max-width: 25rem;
  }
   
  #page-content .earthworm a:visited {
      color: rgb(var(--white-monochrome));
      border-color: rgb(var(--dark-gray-monochrome));
  }
   
  #page-content .earthworm a:hover {
      text-decoration: none;
      border: 1px solid rgb(var(--alt-accent));
      color: rgb(var(--alt-accent));
  }
   
  .earthworm .tessera-eyebrow-container {
      margin: 3rem auto 1rem;
  }
   
  .earthworm p, .earthworm a {
      font-weight: bold;
  }
   
  /* AUDIO PLAYER */
   
  .audio {
      margin-top: 2rem;
  }
   
  .audio iframe {
      width: 300px;
  }
   
  /* ———— MOBILE TWEAKS ———— */
   
  /* Making the title text wrap on small screens */
   
  @media (max-width: 460px) {
    #header h1 a {
      padding: 0;
      line-height: 1;
    }
    #header h2 span {
      padding-top: 15%;
    }
  }
   
  /* Making the title size smaller on small screens */
   
  @media (max-width: 300px) {
      #header h1 a::after {
          font-size: 2rem;
      }
   
  }
   
  /* Fixing nav bar text size */
  @media only screen and (max-width: 56.25rem) {
      #header div[class*=top-bar]>ul>li>a {
          background: 0 0;
          font-size: calc(var(--base-font-size)*(13/15));
      }
  }
   
  /* ———— DAY THEME ———— */
   
  /* These values get replaced when the other themes are enabled. */
   
  div#header {
      --login-line-divider-color: var(--white-monochrome);
      --login-username-color: var(--white-monochrome);
      --login-myaccount-color: var(--white-monochrome);
      --login-myaccount-underline-color: var(--pale-gray-monochrome);
      --login-myaccount-hover-bg-color: var(--gray-monochrome);
      --search-icon-color: var(--white-monochrome);
  }
  
  :root {
      --header-gradient-color-bottom: 1, 16, 24;
      --header-gradient-color-middle: 19, 41, 52;
      --header-gradient-color-top: 28, 60, 77;
  }
  
  #extra-div-1 {
      background-image: url('https://scp-sandbox-3.wikidot.com/local--files/theme:tales-of-the-mosaic/night-bg.webp');
  }
  
  #extra-div-2 {
      background-image: url('https://scp-sandbox-3.wikidot.com/local--files/theme:tales-of-the-mosaic/night-lighthouse.webp');
  }
  
  #extra-div-3 {
      background-image: url('https://scp-sandbox-3.wikidot.com/local--files/theme:tales-of-the-mosaic/night-layer1.webp');
  }
  
  #extra-div-4 {
      background-image: url('https://scp-sandbox-3.wikidot.com/local--files/theme:tales-of-the-mosaic/night-layer2.webp');
  }
  
  #extra-div-5 {
      background-image: url('https://scp-sandbox-3.wikidot.com/local--files/theme:tales-of-the-mosaic/night-layer3.webp');
  }
  
  
  #header h1 a::after {
      text-shadow: 1px 1px #262521, -1px -1px #262521, 1px -1px #262521, -1px 1px #262521, 5px 0px 5px #183B4B, 0px 5px 5px #183B4B, -5px 0px 5px #183B4B, 0px -5px 5px #183B4B, 5px 5px 10px #183B4B, -5px 5px 10px #183B4B, -5px -5px 10px #183B4B, 5px -5px 10px #183B4B;
  }
  
  #header h2 span::after {
      text-shadow: 1px 1px #262521, -1px -1px #262521, 1px -1px #262521, -1px 1px #262521, 5px 0px 5px #183B4B, 0px 5px 5px #183B4B, -5px 0px 5px #183B4B, 0px -5px 5px #183B4B, 5px 5px 10px #183B4B, -5px 5px 10px #183B4B, -5px -5px 10px #183B4B, 5px -5px 10px #183B4B;
  }

  Pages using this styling

  • a-gally-fellows-lens [info]

  ¶ 1 occurrence
  

  :root {
    --header-title: "SITE-800 DEEPWELL";
    --header-subtitle: "Strategically Conserving Paradise";
  }

  Pages using this styling

  • a-frosted-fate [info]

  ¶ 1 occurrence
  

  .end2 {
      display: none;
  }
  
  @media only screen and (max-width: 450px) {
      .end1 {
          display: none;
      }
      .end2 {
          display: inline;
      }
  }
  

  Pages using this styling

  • a-friendly-guide-to-the-katharsys-music-festival [info]

  ¶ 1 occurrence
  

  :root {
       --header-title: "Bauhaus⁴";
       --header-subtitle: "Beyond Reality, Beyond Divisions";}
  #page-title {
    display: none;
  }
  :root {
  --logo-img: url(https://scp-wiki.wdfiles.com/local--files/a-form-to-outlast-time/Bauhaus.png);
  }

  Pages using this styling

  • a-form-to-outlast-time [info]

  ¶ 1 occurrence
  

  
  #page-title {
    display: none;
  }
  

  Pages using this styling

  • a-drink-with-the-devil [info]

  ¶ 1 occurrence
  

  
  .body-text {
      margin: 2% 13% 2% 9%;
      padding: 5px 20px 5px 20px;
      background-color: #f2f2f2;
      color: #111;
  }
  
  .text4desk {
      width: 70%;
      margin: auto;
  }
  
  @media only screen and (max-width: 600px) {
  
      .body-text {
          margin: 0% 4% 0% 4%;
      }
  
      .text4desk {
          width:100%;
      }
  @import url('https://fonts.googleapis.com/css?family=Cinzel');
  @import url('https://fonts.googleapis.com/css?family=Anton');
  @import url('https://fonts.googleapis.com/css?family=Pinyon+Script');
  
  /*
      The Anton font was created by Vernon Adams and is licensed under the Open Font License
      The Cinzel font was created by Natanael Gama and is licensed under the Open Font License
      The Pinyon Script font was created by Nicole Fally and is licensed under the Open Font License
  */
  
  

  Pages using this styling

  • a-dove-in-a-chicken-pen [info]

  ¶ 1 occurrence
  

  body {
  background: black;
  }
  
  hr {
  background: transparent;
  border-top: double 3px var(--accentColor);
      filter: brightness(300%);
  }
  
  .notation hr, .jotting hr, .darkdocument hr, .modal hr, .smallmodal hr, div.blockquote hr, .blockquote hr, blockquote hr {
  border-top: solid 2px grey;
  }
  
  #side-bar {
      background: linear-gradient(
  0deg
   , rgba(10, 10, 10, 1) 87%, var(--accentColor) 100%);
  }
  
  a {
      font-weight: 600;
  }
  
  a.newpage {
      font-weight: 600;
  }
  
  a:visited {
      font-weight: 600;
  }
  
  #side-bar .side-block {
      background: linear-gradient(
  180deg
  , rgba(10, 10, 10, 1) 0%, var(--accentColor) 100%);
  border: solid 2px var(--accentColor);
  }
  
  #side-bar .side-block.resources {
      background: var(--accentColor);
  }
  
  #side-bar .side-block.media {
      background-color: var(--accentColor) !important;
      border-bottom: solid 2px var(--accentColor);
      border-top: solid 2px var(--accentColor);
  }
  
  ::selection {
      background-color: rgba(242, 242, 242, 1);
      color: black;
  }
  
  .footer-wikiwalk-nav a {
      color: var(--accentColor);
  }
  
  :root {
      --title: "A(DODO)MISSION";
      --subtitle: "HELP, IM STUCK IN THE WELL!";
      --accentColor: hsl(0, 0%, 0%);
      --accentColor2: hsl(0, 0%, 20%);
      --sidesubtitle: "HELP, IM STUCK IN THE WELL";
      --logo: url(https://scp-wiki.wikidot.com/local--files/a-dodo-mission/Dodo-bw.webp);
  
  }
  #side-bar > div.side-block.media img {
      filter: none !important;
      -webkit-filter: none !important;
  }
  
  .custom2 .wiki-content-table {
      width: 100%;
  }
  
  #page-content tr th {
      text-align: center;
  }
  
  .fnnum::after, .fnnum:hover::after {
      color: #b8f !important;
  }
  
  #main-content {
  max-width: 95%;
  }
  
  #content-wrap {
      margin: 0 0 0 0 !important;
      min-width: 100%;
  }
  
  #page-content .page-rate-widget-box .rate-points, #page-content .page-rate-widget-box .rateup, #page-content .page-rate-widget-box .ratedown, #page-content .page-rate-widget-box .cancel {
      background-color: #000000 !important;
  }
  
  hr {
  border-top: double 4px #333333;
  }
  
  #extra-div-1 {
      background: rgba(0, 0, 0, 0.5);
      backdrop-filter: blur(8px);
  }

  Pages using this styling

  • a-dodo-mission [info]

  ¶ 1 occurrence
  

  #page-title { display: none; }
  :where(:root) {
      --header-title: "Department of Realistics";
      --header-subtitle: "From First Principles";
  
  
      --sp_top-bar-link-color: #868166;
      --sp_top-bar-link-hover-color: #fbffcf;
      --sp_top-bar-link-hover-background: #fff7c7;
     --sp_dropdown-background: #fffbe6;
     --sp_dropdown-link-color: #868166;
     --sp_rate-module-background: #6b685c;
     --sp_rate-module-sub-color: #eeece7;
  }
  
  div#container-wrap {
      background-image: url(https://scp-wiki.wdfiles.com/local--files/theme%3Aclassic/classic_body_bg.png);
      background-repeat: repeat-x;
      background-size: auto;
  }
  
  body {
  
  filter: sepia(0.2);
  
  }
  
  #login-status {
      color: #feffd4;
  }
  
  #page-title, h1 {
      color: #454428;
  }
  
  #interwiki .side-block, #side-bar .side-block {
      border: 1px solid #a7a591;
      box-shadow: 0 2px 6px #0000004a;
      background: #fffef6;
      border-radius: 0px;
  }
  
  #interwiki a, #side-bar a {
      color: #8b8a71;
  }
  
  #side-bar .menu-item img {
      filter: sepia(1);
  }
  
  @media (max-width: 767px) {
      #side-bar {
          background-color: rgb(0 0 0 / 10%);
      }
  }
  
  #interwiki .heading, #side-bar .heading {
      color: #404034;
  }
  
  .page-options-bottom a {
      color: #2d2d21;
  }
  
  input.text {
      background-color: #fffff7;
  }
  
  
  #header {
  
  background-image: url("https://emilybox.wdfiles.com/local--files/a-delicious-plate-of-olives/Wallpaper.jpg");
  
  }
  
  #top-bar {
  
  background-image: linear-gradient(to bottom, #fbfbfb 0%, #e2e0ca 100%);
  
  }
  
  :root {
      --script-color: #fffcf5;
      --script-border: #999;
      --font-color: #000;
  }
  .script {
  font-size:1em;
  font-family: Consolas, monospace;
  }

  Pages using this styling

  • a-delicious-plate-of-olives [info]

  ¶ 1 occurrence
  

  /*
      Powered on 2021/05/09 19:04:36
      [2021 Wikidot Theme]
      Created by Azmoeth Jikandia
      CC BY-SA 3.0
  */
  
  
  
  div#header h1 a span {
      font-size: 0px;
  }
  div#header h1 a:before {
      content: "SCPF-(√-1)";
      color: #eee;
      
  }
  div#header h2 span {
      font-size:0px;
      padding: 4px;
  }
  div#header h2:after {
      content: "Department of Ectodimensional Anomalies";
      font-weight: bold;
      color: #f0f0c0;
      padding: 19px 0;
      text-shadow: 1px 1px 1px rgba(0, 0, 0, .8);
      white-space: pre;
  }
  

  Pages using this styling

  • a-dead-man-s-dream-of-hot-sauce [info]

  ¶ 1 occurrence
  

  #page-content .license-box .collapsible-block {
  
      display: unset;
  
      text-align: unset;
  
      padding: unset;
  
      background-color: unset;
  
      border-top: unset;
  
      border-bottom: unset;
  
  }
  
  
  
  #page-content .license-box .collapsible-block .collapsible-block-content {
  
      text-align: unset;
  
  }

  Pages using this styling

  • a-day-in-the-balance [info]

  ¶ 1 occurrence
  

  .document {
      background: white;
      box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
      margin: 26px auto 0;
      max-width: 550px;
      min-height: 300px;
      padding: 24px;
      padding-top: 50px;
      position: relative;
      width: 80%;
  }
  .document:before,
  .document:after {
      content: "";
      height: 98%;
      position: absolute;
      width: 100%;
      z-index: -1;
  }
  .document:before {
      background: #fafafa;
      box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
      left: -5px;
      top: 4px;
      transform: rotate(-2.5deg);
  }
  .document:after {
      background: #f6f6f6;
      box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
      right: -3px;
      top: 1px;
      transform: rotate(1.4deg);
  }

  Pages using this styling

  • a-curious-case-of-botanophobia [info]

  ¶ 1 occurrence
  

  
  @import url('https://fonts.googleapis.com/css?family=EB+Garamond:500&display=swap');
  
  .fancytext {
  font-family:"EB Garamond"; sans-serif;
  font-size:120%;
  }
  
  a, a.newpage, a:visited, #interwiki a, #side-bar a {
      color: royalblue;
  }

  Pages using this styling

  • a-completely-normal-employee-initiation-ritual-that-definite [info]

  ¶ 1 occurrence
  

  .body-text {
      margin: 2% 13% 2% 9%;
      padding: 5px 20px 5px 20px;
      background-color: #f2f2f2;
      color: #111;
  }
  
  .text4desk {
      width: 70%;
      margin: auto;
  }
  
  @media only screen and (max-width: 600px) {
  
      .body-text {
          margin: 0% 4% 0% 4%;
      }
  
      .text4desk {
          width:100%;
      }
  
  }
  
  @import url('https://fonts.googleapis.com/css?family=Pinyon+Script');
  /*
      The Pinyon Script font was created by Nicole Fally and is licensed under the Open Font License
  */

  Pages using this styling

  • a-cloud-over-lichtenberg [info]

  ¶ 1 occurrence
  

  
  .memoryBox {
      background-image: linear-gradient(transparent -10%, black 15%, black 85%, transparent 110%);
      color: white;
      border: none;
      border-radius: 25px;
      margin-right: 1.5em !important;
      margin-left: 1.5em !important;
      padding-top: 5% !important;
      padding-bottom: 5% !important;
  }
  

  Pages using this styling

  • a-clean-slate [info]

  ¶ 1 occurrence
  

  
  @import url('https://fonts.googleapis.com/css?family=Exo+2|Just+Another+Hand|Lexend+Peta|Nunito|Playfair+Display|Roboto+Mono|Saira+Stencil+One|Electrolize&display=swap');/* General-purpose font imports */
  
  .text {
      font-family: 'Exo 2', sans-serif;
      font-size: 1.2em;
  }
  .scpText {
      font-family: 'Electrolize', sans-serif;
      font-size: 1.3em;
  } 
  .scpTalk {
      font-family: 'Roboto Mono', sans-serif;
      background-color: #2a00b5;
      color: #ffffff;
      font-size: 1.2em;
      padding: 5px;
      padding-top: 0px;
      padding-bottom: 0px;
      border-radius: 8px;
      margin-bottom: 10px;
      display: block;
      float: right;
      width: 80%;
  }
  
  .tordaiTalk {
      font-family: 'Roboto Mono', sans-serif;
      background-color: #3b5cb8;
      color: #ffffff;
      font-size: 1.2em;
      padding: 5px;
      padding-top: 0px;
      padding-bottom: 0px;
      border-radius: 8px;
      margin-bottom: 10px;
      display: block;
      float: left;
      width: 80%;
  
  } 
  
  .pageBreak {
      text-align: center;
      display: block;
      font-family: 'Saira Stencil One', serif;
      font-size: 1.3em;
  } /* All tales */
  
  .clearfix:after {
     content: " ";
     visibility: hidden;
     display: block;
     height: 0;
     clear: both;
  } 

  Pages using this styling

  • a-clean-fast-end [info]

  ¶ 1 occurrence
  

  @import url(http://scp-sandbox-3.wikidot.com/local--code/component:todaysdate/7);

  Pages using this styling

  • a-certain-veraltanic-author-page [info]

  ¶ 1 occurrence
  

  :root {
    --link-color: 0, 159, 107 !important;
    --link-visited-color: 0, 159, 107 !important;
  }

  Pages using this styling

  • a-brief-introduction-to-thaumaturgical-engineering [info]

  ¶ 1 occurrence
  

  #page-title{display:none}
  
  .those-people{
       text-align: left;
  }
  
  .those-people p {
       margin: 0px;
  }
  
  .grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
  
  .grid > :nth-child(2n) {
    text-align: right;
  }
  
  .grid > p {
    margin-top: 0;
    margin-bottom: 0;
  }
  

  Pages using this styling

  • a-box-for-those-people [info]

  ¶ 1 occurrence
  

  .wiki-content-table tbody tr th {
      color: #ffffff;
      background-color: #8B5E8C;
      border: 1px solid #000000;
  }
  table.wiki-content-table td {
      background-color: #FFFFFF;
      color: #000000;
  }
  @import url("https://fonts.googleapis.com/css2?family=PT+Serif&display=swap");@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Mono&display=swap");div.irc-log{margin:10px;margin-top:20px;padding:10px;border:3px solid #000000;background-color:#333333;border-radius:15px;font-family:"IBM Plex Mono",monospace;color:#FFFFFF;font-size: 125%;}div.irc-log td{border:1px solid #000000;font-weight:bold}div.irc-log p{line-height:200%}div.irc-log span.userpink{font-weight:bold;letter-spacing:1px;background-color:#ffabab;color:#050505;padding-left:2px;border:1px solid #ffabab;margin-right:.25em}div.irc-log span.userwhite{font-weight:bold;letter-spacing:1px;background-color:#ffabab;color:#050505;padding-left:2px;border:0px solid #ffabab;margin-right:.25em}div.irc-log span.userblue{font-weight:bold;letter-spacing:1px;background-color:#9FD1F4;color:#050505;padding-left:2px;border:1px solid #9FD1F4;margin-right:.25em}div.irc-log span.userorange{font-weight:bold;letter-spacing:1px;background-color:#F9D06E;color:#050505;padding-left:2px;border:1px solid #F9D06E;margin-right:.25em}div.irc-log span.usergreen{font-weight:bold;letter-spacing:1px;background-color:#afffb1;color:#050505;padding-left:2px;border:1px solid #afffb1;margin-right:.25em}div.irc-log span.useryellow{font-weight:bold;letter-spacing:1px;background-color:#F6F596;color:#050505;padding-left:2px;border:1px solid #F6F596;margin-right:.25em}div.irc-log::before{content:"SCiPNET Messaging System";position:relative;top:-1.5em;left:-1.5em;border:2px solid #050505;color:#050505;background-color:#5effa6;font-family:"PT Serif",serif;padding:1px 3px;border-radius:3px;font-weight:bold;letter-spacing:2px}div.inventory-report{margin:10px;margin-top:20px;padding:10px;border:2px solid #050505;background-color:#eee;border-radius:3px}

  Pages using this styling

  • a-bitch [info]

  ¶ 1 occurrence
  

  
  #page-content .info-container {
      --link-color: rgb(var(--swatch-text-general));
  }
  
  #page-content .info-container .collapsible-block-link,
  #page-content .info-container:hover .collapsible-block-link {
      line-height: 1.6em;
  }
  
  #page-content .info-container .collapsible-block-folded,
  #page-content .info-container .collapsible-block-unfolded-link {
      display: grid;
  }
  
  #page-content .info-container .collapsible-block-folded .collapsible-block-link,
  #page-content .info-container .collapsible-block-link {
      -webkit-mask: unset;
              mask: unset;
      background: transparent;
      grid-column: 1;
      grid-row: 1;
      opacity: 0;
  }
  
  #page-content .info-container .collapsible-block-folded::before,
  #page-content .info-container .collapsible-block-unfolded-link::before {
      --wght: 800;
      content: "ETC";
      color: #FFFFFF;
      font-family: Inter, Arimo, Verdana, Geneva, "Helvetica Neue", "Helvetica", Arial, sans-serif;;
      display: block;
      pointer-events: none;
      grid-column: 1;
      grid-row: 1;
      line-height: 2.75ex;
  }
  
  .info-container{
  --barColour: #4D3A28
  }
  
   #page-title{
       display: none;
  }
  
  #top-bar .open-menu a {
       border-radius: unset;
  }
  
  #top-bar .open-menu a {
          color: #4D3A28;
          border-color: #4D3A28;
  }
  
   .meta-title{
       border-color: #4D3A28;
  }
  

  Pages using this styling

  • a-betamax-suicide-note [info]

  ¶ 1 occurrence
  

  .muddle {
      padding: 4px 16px 4px 16px;
      box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
      width: 85%;
      margin: auto;
      margin-bottom: 28px;
      margin-top: 28px;
      background: #E9FBDF;
      border: solid 2px #5D5D5D;
  }
  .flashyhammer {
      border-left: solid 3px rgb(197, 0, 11);
      border-right: solid 3px rgb(197, 0, 11);
      padding: 25px 25px 25px 25px;
      box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
      margin: auto;
      background: #f7f7f7;

  Pages using this styling

  • 9-transition [info]

  ¶ 1 occurrence
  

  @import url(https://scp-sandbox-3.wikidot.com/theme:joshua-tree/code/1);
  
  :root {
      --logo-image: url(http://scp-wiki.wikidot.com/local--files/8336-external-addendum/scplogo);
  
      --header-subtitle: "Network District of the Pacific Southwest";
  }
  
  #page-title {
    display: none;
  }

  Pages using this styling

  • 8336-external-addendum [info]

  ¶ 1 occurrence
  

  :root {
      --accent: var(--acc-default);
      --header-title: "Site-43";
      --header-subtitle: "SUBVERTING COMMON PRACTICE";
      --logo-img: url(https://scp-wiki.wikidot.com/local--files/theme:foxtrot/fxtrt-canada.svg);

  Pages using this styling

  • 82-bonfire-tango [info]

  ¶ 1 occurrence
  

  :root {
      --header-title: "WPhO";
      --header-subtitle: "Mens sancta in corpore sancto";
      --link-txt-color: rgb(var(--accent)); 
      --logo-img: url("https://scp-wiki.wdfiles.com/local--files/kte-9817-bluebuster-mendel-shelley-renegade-armbrusteri/wpho.png");
  } 
  
  
  #header h2::before {
      text-transform: capitalize;
      font-style: italic;
  }
  
  
  .notation {
      border-width: 4px;
      width: 75%;
      margin: auto;
      border-color: rgb(var(--accent));
      text-align: justify;
  }
  
  
  .separation {
      margin: 1ex 15%;
      padding: 0;
      border-top: 0.2rem solid #275495;
      display: block;
  }
  
  
  .president, .al-fine, .vanguard {
      width: 85%;
      margin: auto;
      padding: 15px;
      box-shadow: 0 1px 3px rgba(0,0,0,.2);
  }
  
  
  .president {
      border: solid 2.5px #b30030;
      outline: solid 2.5px #0a0037;
      outline-offset: 2px;
  }
  
  
  .al-fine {
      border: solid 4px #275495;
      background: #F2F7FB url('https://scp-wiki.wdfiles.com/local--files/theme%3Agoc/goc-fade.png') center no-repeat;
  }
  
  
  .vanguard {
      background: #21252E;
      color: #EDEDED;
      border: solid 4px #5c3;
  }
  
  
  div.blockquote {
      padding-right: 2rem;
      padding-top: 1rem;
      border-right: solid 7px rgb(var(--accent)) !important;
      max-width: 550px;
      margin: 1em auto;
  }
  
  
  .blockquote .image-container {
      padding: 0em;
  }
  
  
  .characters {
      margin-top: -1em;
      margin-bottom: 1em;
      margin-left: 15px;
      margin-right: 10px;
  }
  
  
  .characters-top {
      display: flex;
      flex-flow: row nowrap;
      align-items: center;
      gap: 16px;
  }
  
  
  .bar {
      width: 12px;
      height: 85px;
  }
  
  
  .characters-info {
      flex-grow: 1;
  }
  
  
  .characters-info p {
      line-height: 200%;
  }
  
  
  .bio {
      margin-top: -20px;
  }
  
  
  .goc {
      --color: #5f95e6;
  }
  
  
  .us {
      --color: #404d7e;
  }
  
  
  .joicl {
      --color: #d7003a;
  }
  
  
  .phoenix {
      --color: #d68300;
  }
  
  
  .mcd {
      --color: #8c148c;
  }
  
  
  .van {
      --color: #4b2;
  }
  
  
  .bar {
      background-color: var(--color);
  }

  Pages using this styling

  • 8000-dead-rats-hub [info]

  ¶ 1 occurrence
  

  .danke {
  padding: 5px 5px 5px 15px;
  margin-bottom:10px;
  font-family: monospace;
  font-size: 1.25em; 
  }
  .site {
  background-color:#222200;
  border: 3px solid #AAAA55;
  color: #DDDD77;
  }
  .wynn {
  background-color:#222200;
  border: 3px solid #AAAA55;
  color: #77DD8F;
  }
  .muddle {
      padding: 4px 16px 4px 16px;
      box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
      width: 85%;
      margin: auto;
      margin-bottom: 28px;
      margin-top: 28px;
      background: #E9FBDF;
      border: solid 2px #5D5D5D;
  }.it {
      background: #F9F7DA;
      box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
      margin: 26px auto 0;
      max-width: 550px;
      padding: 24px;
      margin-bottom: 36px;
      position: relative;
      width: 80%;
  }
  .it:before,
  .it:after {
      content: "";
      height: 98%;
      position: absolute;
      width: 100%;
      z-index: -1;
  }
  .it:before {
      background: #F4F1BB;
      box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
      left: -5px;
      top: 4px;
      transform: rotate(-2.5deg);
  }
  .it:after {
      background: #E2DD8E;
      box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
      right: -3px;
      top: 1px;
      transform: rotate(1.4deg);
  }
  .flashyhammer {
      border-left: solid 3px rgb(197, 0, 11);
      border-right: solid 3px rgb(197, 0, 11);
      padding: 25px 25px 25px 25px;
      box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
      margin: auto;
      background: #f7f7f7;
  

  Pages using this styling

  • 8-mind-over-matter [info]

  ¶ 1 occurrence
  

  .scp-image-caption{position: inherit;}
  .page-rate-widget-box{position: relative;bottom: 1em;}
  
  .oneTalker{padding-left: 10%; padding-right: 10%;}

  Pages using this styling

  • 7ring [info]

  ¶ 1 occurrence
  

  :root {
   --header-title: "Poetry and Prose";
      --header-subtitle: "Playing Their Gods";
  }
   
  .foldedtoc #toc #toc-action-bar{display:none}
  .foldedtoc .collapsible-block-link {text-decoration:none}
   

  Pages using this styling

  • 7eventy7evenfold [info]

  ¶ 1 occurrence
  

  .earthworm a {
    color: #2F333C !important;
    text-decoration: none;
    cursor: text;
    pointer-events: none;
  .earthworm a[href="/"] {
    color: #355 !important;

  Pages using this styling

  • 74-killing-time [info]

  ¶ 1 occurrence
  

  :root {
    --header-title: "R\0026 C SITE-43";
    --header-subtitle: "SURVIVE ● CONSERVE ● PERSIST";
  
    --accent: 255, 34, 67;
    --head-font: var(--ui-font);
  
    --timeDelay: 1s;
  }
  .flashback {
      border-left: solid 3px rgb(255, 34, 67);
      border-right: solid 3px rgb(255, 34, 67);
      padding: 25px 25px 25px 25px;
      box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
      margin: auto;
      background: #21252E;
  }
  .muddle {
      padding: 4px 16px 4px 16px;
      box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
      width: 85%;
      margin: auto;
      margin-bottom: 28px;
      margin-top: 28px;
      background: #21252E;
      border: solid 2px rgb(255, 34, 67);
  }
  .wettlesplat .image-container {
      max-width: 200% !important;
      width: 200% !important;
      position: relative;
      left: -50%;
  }

  Pages using this styling

  • 74-killing-time [info]

  ¶ 1 occurrence
  

  .flashback {
      border-left: solid 3px rgb(255, 34, 67);
      border-right: solid 3px rgb(255, 34, 67);
      padding: 25px 25px 25px 25px;
      box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
      margin: auto;
      background: #21252E;
  }
  .muddle {
      padding: 4px 16px 4px 16px;
      box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
      width: 85%;
      margin: auto;
      margin-bottom: 28px;
      margin-top: 28px;
      background: #21252E;
      border: solid 2px rgb(255, 34, 67);;

  Pages using this styling

  • 72-red-letter-days [info]

  ¶ 1 occurrence
  

  .muddle {
    padding: 4px 16px 4px 16px;
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
    width: 85%;
    margin: auto;
    margin-bottom: 28px;
    margin-top: 28px;
    background: #E9FBDF;
    border: solid 2px #5D5D5D;
  }
  .Ngo {
      padding: 4px 16px 4px 16px;
      box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
      width: 75%;
      margin: auto;
      margin-bottom: 28px;
      margin-top: 28px;
      background: #FBF3F3;
      border: dashed 0.1rem #5D5D5D;
  }
  .mcinnis {
      padding: 4px 16px 4px 16px;
      box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
      width: 85%;
      margin: auto;
      margin-bottom: 28px;
      margin-top: 28px;
      background: #F3ECF5;
      border: solid 2px #5D5D5D;
  }

  Pages using this styling

  • 70-parasite [info]

  ¶ 1 occurrence
  

  .muddle {
      padding: 4px 16px 4px 16px;
      box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
      width: 85%;
      margin: auto;
      margin-bottom: 28px;
      margin-top: 28px;
      background: #E9FBDF;
      border: solid 2px #5D5D5D;
  }
  .flashblank {
      border-left: solid 3px rgb(102, 153, 51);
      border-right: solid 3px rgb(102, 153, 51);
      padding: 25px 25px 25px 25px;
      box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
      margin: auto;
      background: #f7f7f7;
  }
  .jandm {
      border-left: solid 3px rgb(204, 153, 0);
      border-right: solid 3px rgb(204, 153, 0);
      padding: 25px 25px 25px 25px;
      box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
      margin: auto;
      background: #f7f7f7;

  Pages using this styling

  • 7-beyond-repair [info]

  ¶ 1 occurrence
  

  .muddle {
    padding: 4px 16px 4px 16px;
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
    width: 85%;
    margin: auto;
    margin-bottom: 28px;
    margin-top: 28px;
    background: #E9FBDF;
    border: solid 2px #5D5D5D;
  }
  .Anoki {
      padding: 4px 16px 4px 16px;
      box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
      width: 75%;
      margin: auto;
      margin-bottom: 28px;
      margin-top: 28px;
      background: #21252E;
      border: dashed 0.1rem #ff2243;
  }
  .mcinnis {
      padding: 4px 16px 4px 16px;
      box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
      width: 85%;
      margin: auto;
      margin-bottom: 28px;
      margin-top: 28px;
      background: #F3ECF5;
      border: solid 2px #5D5D5D;
  }
  
  .wettlesplat .image-container {
      max-width: 200% !important;
      width: 200% !important;
      position: relative;
      left: -50%;
  }

  Pages using this styling

  • 69-red-shift [info]

  ¶ 1 occurrence
  

  #footer,
   #footer a {
    background: #2F333C !important; 
    color: #EDEDED !important;
  }
  .page-tags,
   .page-tags a, .page-watch-options, .page-watch-options a, .page-options-bottom, .page-options-bottom a {
        background: #2F333C !important; 
        color: #FF2243 !important;
  }

  Pages using this styling

  • 68-ones-own [info]

  ¶ 1 occurrence
  

  .earthworm {
    font-family: Inter !important; 
    font-size: 1rem !important;
  }
  .earthworm a[href="/"] {
    color: #FF2243 !important;
    text-decoration: none;
    cursor: text;
    pointer-events: none;
  }
  .earthworm a:visited {
    color: #FF2243 !important;
    text-decoration: none;
    cursor: text;
    pointer-events: none;
  }
  .options a:visited {
    color: #FF2243 !important;
    text-decoration: none;
    cursor: text;
    pointer-events: none;
  }

  Pages using this styling

  • 68-ones-own [info]

  ¶ 1 occurrence
  

  :root {
      --earthworm-segment-border-color: rgba(150, 150, 150, 0.5);
  }
  .generic {
      border-left: solid 3px rgb(93, 93, 93);
      border-right: solid 3px rgb(93, 93, 93);
      padding: 25px 25px 25px 25px;
      box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
      margin: auto;
      background: #f7f7f7;
  }
  
  body {
    overflow-x: hidden;
  }

  Pages using this styling

  • 68-ones-own [info]

  ¶ 1 occurrence
  

  .timea {
      font-family: "Macondo";
      font-size: 14pt;
      color: #d66000;
  }
  .timeb {
      font-family: "Jolly Lodger";
      font-size: 16pt;
      color: #846d00;
  }
  .timec {
      font-family: "Michroma";
      font-size: 10pt;
      color: #057700;
  }
  .timed {
      font-family: "Stick No Bills";
      font-size: 14pt;
      color: #00627f;
  }
  .timee { 
      font-family: "Courier New";
      font-size: 12pt;
      color: #0e00b1;
  }
  .timef {
      font-family: "Cabin Sketch";
      font-size: 14pt;
      color: #c600a3;
  }
  .timep {
      font-family: "Patrick Hand";
      font-size: 14pt;
      color: #7f00b1;
  }
  .timex {
      font-family: "Mynerve";
      font-size: 14pt;
      color: #ff2243;
  }
  .page {
      display: block;
      overflow: hidden;
      font-size: 175%;
      font-family: "VT323", "Courier New";
      font-style: normal;
  
      background-attachment: scroll;
      background-clip: border-box;
      background-color: transparent;
      background-image: linear-gradient(to top ,rgb(202, 219, 228) 0%, rgb(231, 233, 220) 8%);
      background-origin: padding-box;
      background-position: 0px 8px;
      background-repeat: repeat;
      background-size: 100% 20px;
  
      border: 1px solid #CCC;
      border-radius: 10px;
      padding: 10px 10px;
      margin-bottom: 10px;
  
      box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2)
      }
  .page p,
  .page ul {
      line-height: 20px;
      margin: 0;
  }
  .danke{
  padding: 5px 5px 5px 15px;
  margin-bottom:10px;
  font-family: monospace;
  font-size: 1.5em; }
  .site{
  background-color:#222200;
  border: 3px solid #AAAA55;
  color: #DDDD77;
  }
  .italics {
    font-style: italic;
  }

  Pages using this styling

  • 67-terminal-terminal [info]

  ¶ 1 occurrence
  

  .timea {
      font-family: "Macondo";
      font-size: 14pt;
      color: #d66000;
  }
  .timeb {
      font-family: "Jolly Lodger";
      font-size: 16pt;
      color: #846d00;
  }
  .timec {
      font-family: "Michroma";
      font-size: 10pt;
      color: #057700;
  }
  .timed {
      font-family: "Stick No Bills";
      font-size: 14pt;
      color: #00627f;
  }
  .timee { 
      font-family: "Courier New";
      font-size: 12pt;
      color: #0e00b1;
  }
  .timef {
      font-family: "Cabin Sketch";
      font-size: 14pt;
      color: #c600a3;
  }
  .timep {
      font-family: "Patrick Hand";
      font-size: 14pt;
      color: #7f00b1;
  }
  .timex {
      font-family: "Mynerve";
      font-size: 14pt;
      color: #ff2243;
  }
  .page {
      display: block;
      overflow: hidden;
      font-size: 175%;
      font-family: "VT323", "Courier New";
      font-style: normal;
  
      background-attachment: scroll;
      background-clip: border-box;
      background-color: transparent;
      background-image: linear-gradient(to top ,rgb(202, 219, 228) 0%, rgb(231, 233, 220) 8%);
      background-origin: padding-box;
      background-position: 0px 8px;
      background-repeat: repeat;
      background-size: 100% 20px;
  
      border: 1px solid #CCC;
      border-radius: 10px;
      padding: 10px 10px;
      margin-bottom: 10px;
  
      box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2)
      }
  .page p,
  .page ul {
      line-height: 20px;
      margin: 0;
  }
  .danke{
  padding: 5px 5px 5px 15px;
  margin-bottom:10px;
  font-family: monospace;
  font-size: 1.5em; }
  
  .site{
  background-color:#222200;
  border: 3px solid #AAAA55;
  color: #DDDD77;
  }

  Pages using this styling

  • 66-kaleidoscope [info]

  ¶ 1 occurrence
  

  .offset-right {
      float: right;
      margin-right: calc(((50vw - 50%) * -0.2) + 3.5rem);
  }
  
  .offset-left {
      float: left;
      margin-left: calc(((50vw - 50%) * -0.2) + 5.5rem);
  }
  
  #page-content .scp-image-block {
      border: none;
  }
  
  #page-content .scp-image-block img {
      border: #000 1px solid;
      box-sizing: border-box;
  }
  
  #page-content .scp-image-block .scp-image-caption {
      margin-top: 2px;
      border: #000 1px solid;
      box-sizing: border-box;
  }

  Pages using this styling

  • 63-de-tijd-vliegt [info]

  ¶ 1 occurrence
  

  .typewriter {
      display: block;
      overflow: hidden;
      font-size: 150%;
      font-family: "VT323", "Courier New";
      font-style: normal;
      border: 1px solid #CCC;
      border-radius: 10px;
      padding: 10px 10px;
      margin-top: 10px;
      margin-left: 10px;
      margin-right: 10px;
      margin-bottom: 20px;
      box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2)
      }
  .typewriter p,
  .typewriter ul {
      line-height: 20px;
      margin: 10px;
  }
  .document {
      padding: 4px 16px 4px 16px;
      box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
      width: 85%;
      margin: auto;
      margin-bottom: 28px;
      margin-top: 28px;
      background: white;
      border: solid 2px #5D5D5D;
  }
  .generic {
      border-left: solid 3px rgb(93, 93, 93);
      border-right: solid 3px rgb(93, 93, 93);
      padding: 25px 25px 25px 25px;
      box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
      margin: auto;
      background: #f7f7f7;
  }

  Pages using this styling

  • 61-dividing-time [info]

  ¶ 1 occurrence
  

  .muddle {
    padding: 4px 16px 4px 16px;
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
    width: 85%;
    margin: auto;
    margin-bottom: 28px;
    margin-top: 28px;
    background: #E9FBDF;
    border: solid 2px #5D5D5D;
  }
  .lines {
    padding: 4px 16px 4px 16px;
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
    width: 85%;
    margin: auto;
    margin-bottom: 28px;
    margin-top: 28px;
    border: solid 5px #E9FBDF;
  }
  .lillihammer {
      padding: 4px 16px 4px 16px;
      box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
      width: 85%;
      margin: auto;
      margin-bottom: 28px;
      margin-top: 28px;
      background: #FFEAEF;
      border: solid 2px #5D5D5D;
  }
  .okorie {
      padding: 4px 16px 4px 16px;
      box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
      width: 85%;
      margin: auto;
      margin-bottom: 28px;
      margin-top: 28px;
      background: #EDEDBA;
      border: solid 2px #5D5D5D;
  }
  .ibanez {
      padding: 4px 16px 4px 16px;
      box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
      width: 85%;
      margin: auto;
      margin-bottom: 28px;
      margin-top: 28px;
      background: #EBEBFF;
      border: solid 2px #5D5D5D;
  }
  .nascimbeni {
      padding: 4px 16px 4px 16px;
      box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
      width: 85%;
      margin: auto;
      margin-bottom: 28px;
      margin-top: 28px;
      background: #FFFFC6;
      border: solid 2px #5D5D5D;
  }
  .mcinnis {
      padding: 4px 16px 4px 16px;
      box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
      width: 85%;
      margin: auto;
      margin-bottom: 28px;
      margin-top: 28px;
      background: #F3ECF5;
      border: solid 2px #5D5D5D;
  }
  .wettle {
      padding: 4px 16px 4px 16px;
      box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
      width: 85%;
      margin: auto;
      margin-bottom: 28px;
      margin-top: 28px;
      background: #E3F9FF;
      border: solid 2px #5D5D5D;
  }

  Pages using this styling

  • 60-underlogue [info]

  ¶ 1 occurrence
  

  .muddle {
      padding: 4px 16px 4px 16px;
      box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
      width: 85%;
      margin: auto;
      margin-bottom: 28px;
      margin-top: 28px;
      background: #E9FBDF;
      border: solid 2px #5D5D5D;
  }
  .flashblank {
      border-left: solid 3px rgb(102, 153, 51);
      border-right: solid 3px rgb(102, 153, 51);
      padding: 25px 25px 25px 25px;
      box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
      margin: auto;
      background: #f7f7f7;
  }

  Pages using this styling

  • 6-on-reflection [info]

  ¶ 1 occurrence
  

  .muddle {
    padding: 4px 16px 4px 16px;
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
    width: 85%;
    margin: auto;
    margin-bottom: 28px;
    margin-top: 28px;
    background: #E9FBDF;
    border: solid 2px #5D5D5D;
  }
  .Zaman{
      padding: 4px 16px 4px 16px;
      box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
      width: 75%;
      margin: auto;
      margin-bottom: 28px;
      margin-top: 28px;
      background: #FDF6FD;
      border: dashed 0.1rem #5D5D5D;
  }
  .document {
      padding: 4px 16px 4px 16px;
      box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
      width: 85%;
      margin: auto;
      margin-bottom: 28px;
      margin-top: 28px;
      background: white;
      border: solid 2px #5D5D5D;
  }
  .jandm {
      border-left: solid 3px rgb(204, 153, 0);
      border-right: solid 3px rgb(204, 153, 0);
      padding: 25px 25px 25px 25px;
      box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
      margin: auto;
      background: #f7f7f7;
  }
  .flashboss {
      border-left: solid 3px rgb(153, 0, 153);
      border-right: solid 3px rgb(153, 0, 153);
      padding: 25px 25px 25px 25px;
      box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
      margin: auto;
      background: #f7f7f7;
  }
  .flashdel {
      border-left: solid 3px rgb(43, 95, 179);
      border-right: solid 3px rgb(43, 95, 179);
      padding: 25px 25px 25px 25px;
      box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
      margin: auto;
      background: #f7f7f7;
  }
  .muddle {
      padding: 4px 16px 4px 16px;
      box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
      width: 85%;
      margin: auto;
      margin-bottom: 28px;
      margin-top: 28px;
      background: #E9FBDF;
      border: solid 2px #5D5D5D;
  }
  .flashblank {
      border-left: solid 3px rgb(102, 153, 51);
      border-right: solid 3px rgb(102, 153, 51);
      padding: 25px 25px 25px 25px;
      box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
      margin: auto;
      background: #f7f7f7;
  }
  .flashyhammer {
      border-left: solid 3px rgb(197, 0, 11);
      border-right: solid 3px rgb(197, 0, 11);
      padding: 25px 25px 25px 25px;
      box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
      margin: auto;
      background: #f7f7f7;
  }
  .flashwet {
      border-left: solid 3px rgb(102, 102, 255);
      border-right: solid 3px rgb(102, 102, 255);
      padding: 25px 25px 25px 25px;
      box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
      margin: auto;
      background: #f7f7f7;
  }
  .udoflashback {
      border-left: solid 3px rgb(255, 149, 14);
      border-right: solid 3px rgb(255, 149, 14);
      padding: 25px 25px 25px 25px;
      box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
      margin: auto;
      background: #f7f7f7;
  }
  .generic {
      border-left: solid 3px rgb(93, 93, 93);
      border-right: solid 3px rgb(93, 93, 93);
      padding: 25px 25px 25px 25px;
      box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
      margin: auto;
      background: #f7f7f7;
  }
  .Ngo {
      padding: 4px 16px 4px 16px;
      box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
      width: 75%;
      margin: auto;
      margin-bottom: 28px;
      margin-top: 28px;
      background: #FBF9F3;
      border: dashed 0.1rem #5D5D5D;
  }
  .mcinnis {
      padding: 4px 16px 4px 16px;
      box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
      width: 85%;
      margin: auto;
      margin-bottom: 28px;
      margin-top: 28px;
      background: #F3ECF5;
      border: solid 2px #5D5D5D;

  Pages using this styling

  • 59-the-foreseeable-future [info]

  ¶ 1 occurrence
  

  .muddle {
    padding: 4px 16px 4px 16px;
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
    width: 85%;
    margin: auto;
    margin-bottom: 28px;
    margin-top: 28px;
    background: #E9FBDF;
    border: solid 2px #5D5D5D;
  }
  .flashdel {
      border-left: solid 3px rgb(43, 95, 179);
      border-right: solid 3px rgb(43, 95, 179);
      padding: 25px 25px 25px 25px;
      box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
      margin: auto;
      background: #f7f7f7;
  }
  .jandm {
      border-left: solid 3px rgb(204, 153, 0);
      border-right: solid 3px rgb(204, 153, 0);
      padding: 25px 25px 25px 25px;
      box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
      margin: auto;
      background: #f7f7f7;
  }
  .flashboss {
      border-left: solid 3px rgb(153, 0, 153);
      border-right: solid 3px rgb(153, 0, 153);
      padding: 25px 25px 25px 25px;
      box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
      margin: auto;
      background: #f7f7f7;
  }
  .generic {
      border-left: solid 3px rgb(93, 93, 93);
      border-right: solid 3px rgb(93, 93, 93);
      padding: 25px 25px 25px 25px;
      box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
      margin: auto;
      background: #f7f7f7;
  }
  .Ngo {
      padding: 4px 16px 4px 16px;
      box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
      width: 75%;
      margin: auto;
      margin-bottom: 28px;
      margin-top: 28px;
      background: #FBF9F3;
      border: dashed 0.1rem #5D5D5D;
  }
  .flashblank {
      border-left: solid 3px rgb(102, 153, 51);
      border-right: solid 3px rgb(102, 153, 51);
      padding: 25px 25px 25px 25px;
      box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
      margin: auto;
      background: #f7f7f7;
  }
  .flashyhammer {
      border-left: solid 3px rgb(197, 0, 11);
      border-right: solid 3px rgb(197, 0, 11);
      padding: 25px 25px 25px 25px;
      box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
      margin: auto;
      background: #f7f7f7;
  }
  .flashwet {
      border-left: solid 3px rgb(102, 102, 255);
      border-right: solid 3px rgb(102, 102, 255);
      padding: 25px 25px 25px 25px;
      box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
      margin: auto;
      background: #f7f7f7;
  }
  .udoflashback {
      border-left: solid 3px rgb(255, 149, 14);
      border-right: solid 3px rgb(255, 149, 14);
      padding: 25px 25px 25px 25px;
      box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
      margin: auto;
      background: #f7f7f7;
  }

  Pages using this styling

  • 58-time-flat [info]

  ¶ 1 occurrence
  

  .muddle {
    padding: 4px 16px 4px 16px;
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
    width: 85%;
    margin: auto;
    margin-bottom: 28px;
    margin-top: 28px;
    background: #E9FBDF;
    border: solid 2px #5D5D5D;
  }
  .Ngo {
      padding: 4px 16px 4px 16px;
      box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
      width: 75%;
      margin: auto;
      margin-bottom: 28px;
      margin-top: 28px;
      background: #FBF9F3;
      border: dashed 0.1rem #5D5D5D;
  }
  .mcinnis {
      padding: 4px 16px 4px 16px;
      box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
      width: 85%;
      margin: auto;
      margin-bottom: 28px;
      margin-top: 28px;
      background: #F3ECF5;
      border: solid 2px #5D5D5D;
  }

  Pages using this styling

  • 57-the-only-shadow [info]

  ¶ 1 occurrence
  

  .muddle {
    padding: 4px 16px 4px 16px;
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
    width: 85%;
    margin: auto;
    margin-bottom: 28px;
    margin-top: 28px;
    background: #E9FBDF;
    border: solid 2px #5D5D5D;
  }
  udoflashback {
      border-left: solid 3px rgb(255, 149, 14);
      border-right: solid 3px rgb(255, 149, 14);
      padding: 25px 25px 25px 25px;
      box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
      margin: auto;
      background: #f7f7f7;
  }
  .lightbox{
       color: var(--fgColor);
       background: var(--textColorAlt);
   
       padding: .8rem;
  }
   .lightbox hr{
       border-color: var(--keyColor);

  Pages using this styling

  • 55-wonders-of-my-hand [info]

  ¶ 1 occurrence
  

  .muddle {
    padding: 4px 16px 4px 16px;
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
    width: 85%;
    margin: auto;
    margin-bottom: 28px;
    margin-top: 28px;
    background: #E9FBDF;
    border: solid 2px #5D5D5D;
  }
  .flashyhammer {
      border-left: solid 3px rgb(197, 0, 11);
      border-right: solid 3px rgb(197, 0, 11);
      padding: 25px 25px 25px 25px;
      box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
      margin: auto;
      background: #f7f7f7;
  }
  .Ngo {
      padding: 4px 16px 4px 16px;
      box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
      width: 75%;
      margin: auto;
      margin-bottom: 28px;
      margin-top: 28px;
      background: #FBF9F3;
      border: dashed 0.1rem #5D5D5D;
  }

  Pages using this styling

  • 54-not-ready-for-prime-time [info]

  ¶ 1 occurrence
  

  .muddle {
    padding: 4px 16px 4px 16px;
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
    width: 85%;
    margin: auto;
    margin-bottom: 28px;
    margin-top: 28px;
    background: #E9FBDF;
    border: solid 2px #5D5D5D;
  }
  .flashboss {
      border-left: solid 3px rgb(153, 0, 153);
      border-right: solid 3px rgb(153, 0, 153);
      padding: 25px 25px 25px 25px;
      box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
      margin: auto;
      background: #f7f7f7;

  Pages using this styling

  • 51-stop-the-clock [info]

  ¶ 1 occurrence
  

  .muddle {
    padding: 4px 16px 4px 16px;
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
    width: 85%;
    margin: auto;
    margin-bottom: 28px;
    margin-top: 28px;
    background: #E9FBDF;
    border: solid 2px #5D5D5D;
  }
  .Zaman{
      padding: 4px 16px 4px 16px;
      box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
      width: 75%;
      margin: auto;
      margin-bottom: 28px;
      margin-top: 28px;
      background: #FDF6FD;
      border: dashed 0.1rem #5D5D5D;
  }
  .generic {
      border-left: solid 3px rgb(93, 93, 93);
      border-right: solid 3px rgb(93, 93, 93);
      padding: 25px 25px 25px 25px;
      box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
      margin: auto;
      background: #f7f7f7;

  Pages using this styling

  • 50-turning-and-turning [info]

  ¶ 1 occurrence
  

  h3  {
         color: rgb(var(--medium-accent));
  }
  

  Pages using this styling

  • 5-veil-tiers [info]

  ¶ 1 occurrence
  

  :root {
      --wanderer-green: 34, 139, 34;
      --wanderer-green-light: 184, 224, 184;
      --accent-color: var(--wanderer-green);
      --bg-color2: var(--wanderer-green-light); 
  }
  
  #page-title{display:none}

  Pages using this styling

  • 4x4x4-cell [info]

  ¶ 1 occurrence
  

  .page {
      display: block;
      overflow: hidden;
      font-size: 175%;
      font-family: "VT323", "Courier New";
      font-style: normal;
  
      background-attachment: scroll;
      background-clip: border-box;
      background-color: transparent;
      background-image: linear-gradient(to top ,rgb(202, 219, 228) 0%, rgb(231, 233, 220) 8%);
      background-origin: padding-box;
      background-position: 0px 8px;
      background-repeat: repeat;
      background-size: 100% 20px;
  
      border: 1px solid #CCC;
      border-radius: 10px;
      padding: 10px 10px;
      margin-bottom: 10px;
  
      box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2)
      }
  .page p,
  .page ul {
      line-height: 20px;
      margin: 0;
  }
  .danke{
  padding: 5px 5px 5px 15px;
  margin-bottom:10px;
  font-family: monospace;
  font-size: 1.5em; }
  
  .site{
  background-color:#222200;
  border: 3px solid #AAAA55;
  color: #DDDD77;
  }

  Pages using this styling

  • 49-repent-at-leisure [info]

  ¶ 1 occurrence
  

  .muddle {
    padding: 4px 16px 4px 16px;
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
    width: 85%;
    margin: auto;
    margin-bottom: 28px;
    margin-top: 28px;
    background: #E9FBDF;
    border: solid 2px #5D5D5D;
  }
  .generic {
      border-left: solid 3px rgb(93, 93, 93);
      border-right: solid 3px rgb(93, 93, 93);
      padding: 25px 25px 25px 25px;
      box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
      margin: auto;
      background: #f7f7f7;
  }
  .flashyhammer {
      border-left: solid 3px rgb(197, 0, 11);
      border-right: solid 3px rgb(197, 0, 11);
      padding: 25px 25px 25px 25px;
      box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
      margin: auto;
      background: #f7f7f7;

  Pages using this styling

  • 48-unforgettable-too [info]

  ¶ 1 occurrence
  

  .muddle {
    padding: 4px 16px 4px 16px;
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
    width: 85%;
    margin: auto;
    margin-bottom: 28px;
    margin-top: 28px;
    background: #E9FBDF;
    border: solid 2px #5D5D5D;
  }
  .flashboss {
      border-left: solid 3px rgb(153, 0, 153);
      border-right: solid 3px rgb(153, 0, 153);
      padding: 25px 25px 25px 25px;
      box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
      margin: auto;
      background: #f7f7f7;
  }
  .Ngo {
      padding: 4px 16px 4px 16px;
      box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
      width: 75%;
      margin: auto;
      margin-bottom: 28px;
      margin-top: 28px;
      background: #FBF9F3;
      border: dashed 0.1rem #5D5D5D;

  Pages using this styling

  • 46-nothing-changes [info]

  ¶ 1 occurrence
  

  .muddle {
    padding: 4px 16px 4px 16px;
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
    width: 85%;
    margin: auto;
    margin-bottom: 28px;
    margin-top: 28px;
    background: #E9FBDF;
    border: solid 2px #5D5D5D;
  }
  .jandm {
      border-left: solid 3px rgb(204, 153, 0);
      border-right: solid 3px rgb(204, 153, 0);
      padding: 25px 25px 25px 25px;
      box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
      margin: auto;
      background: #f7f7f7;
  }
  .flashboss {
      border-left: solid 3px rgb(153, 0, 153);
      border-right: solid 3px rgb(153, 0, 153);
      padding: 25px 25px 25px 25px;
      box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
      margin: auto;
      background: #f7f7f7;
  }
  .flashdel {
      border-left: solid 3px rgb(43, 95, 179);
      border-right: solid 3px rgb(43, 95, 179);
      padding: 25px 25px 25px 25px;
      box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
      margin: auto;
      background: #f7f7f7;
  }
  .flashblank {
      border-left: solid 3px rgb(102, 153, 51);
      border-right: solid 3px rgb(102, 153, 51);
      padding: 25px 25px 25px 25px;
      box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
      margin: auto;
      background: #f7f7f7;
  }
  .flashyhammer {
      border-left: solid 3px rgb(197, 0, 11);
      border-right: solid 3px rgb(197, 0, 11);
      padding: 25px 25px 25px 25px;
      box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
      margin: auto;
      background: #f7f7f7;
  }
  .flashwet {
      border-left: solid 3px rgb(102, 102, 255);
      border-right: solid 3px rgb(102, 102, 255);
      padding: 25px 25px 25px 25px;
      box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
      margin: auto;
      background: #f7f7f7;
  }
  .udoflashback {
      border-left: solid 3px rgb(255, 149, 14);
      border-right: solid 3px rgb(255, 149, 14);
      padding: 25px 25px 25px 25px;
      box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
      margin: auto;
      background: #f7f7f7;
  }
  .generic {
      border-left: solid 3px rgb(93, 93, 93);
      border-right: solid 3px rgb(93, 93, 93);
      padding: 25px 25px 25px 25px;
      box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
      margin: auto;
      background: #f7f7f7;
  }
  .Ngo {
      padding: 4px 16px 4px 16px;
      box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
      width: 75%;
      margin: auto;
      margin-bottom: 28px;
      margin-top: 28px;
      background: #FBF9F3;
      border: dashed 0.1rem #5D5D5D;

  Pages using this styling

  • 45-nothing-to-worry-about [info]

  ¶ 1 occurrence
  

  .muddle {
    padding: 4px 16px 4px 16px;
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
    width: 85%;
    margin: auto;
    margin-bottom: 28px;
    margin-top: 28px;
    background: #E9FBDF;
    border: solid 2px #5D5D5D;
  }
  .jandm {
      border-left: solid 3px rgb(204, 153, 0);
      border-right: solid 3px rgb(204, 153, 0);
      padding: 25px 25px 25px 25px;
      box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
      margin: auto;
      background: #f7f7f7;
  }
  .flashboss {
      border-left: solid 3px rgb(153, 0, 153);
      border-right: solid 3px rgb(153, 0, 153);
      padding: 25px 25px 25px 25px;
      box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
      margin: auto;
      background: #f7f7f7;
  }
  .flashdel {
      border-left: solid 3px rgb(43, 95, 179);
      border-right: solid 3px rgb(43, 95, 179);
      padding: 25px 25px 25px 25px;
      box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
      margin: auto;
      background: #f7f7f7;
  }
  .flashblank {
      border-left: solid 3px rgb(102, 153, 51);
      border-right: solid 3px rgb(102, 153, 51);
      padding: 25px 25px 25px 25px;
      box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
      margin: auto;
      background: #f7f7f7;
  }
  .flashyhammer {
      border-left: solid 3px rgb(197, 0, 11);
      border-right: solid 3px rgb(197, 0, 11);
      padding: 25px 25px 25px 25px;
      box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
      margin: auto;
      background: #f7f7f7;
  }
  .flashwet {
      border-left: solid 3px rgb(102, 102, 255);
      border-right: solid 3px rgb(102, 102, 255);
      padding: 25px 25px 25px 25px;
      box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
      margin: auto;
      background: #f7f7f7;
  }
  .udoflashback {
      border-left: solid 3px rgb(255, 149, 14);
      border-right: solid 3px rgb(255, 149, 14);
      padding: 25px 25px 25px 25px;
      box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
      margin: auto;
      background: #f7f7f7;
  }
  .generic {
      border-left: solid 3px rgb(93, 93, 93);
      border-right: solid 3px rgb(93, 93, 93);
      padding: 25px 25px 25px 25px;
      box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
      margin: auto;
      background: #f7f7f7;
  }

  Pages using this styling

  • 44-next-to-nothing [info]

  ¶ 1 occurrence
  

  .fivetwofourthree {
    padding: 4px 16px 4px 16px;
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
    width: 100%;
    margin: auto;
    margin-bottom: 28px;
    margin-top: 28px;
    border: solid 2px #F5D8E0;
  }
  .danke {
  padding: 5px 5px 5px 15px;
  margin-bottom:10px;
  font-family: monospace;
  font-size: 1.25em;
  }
  .site {
  background-color:#222200;
  border: 3px solid #AAAA55;
  color: #DDDD77;
  }
  .wynn {
  background-color:#222200;
  border: 3px solid #AAAA55;
  color: #77DD8F;
  }
  .Ngo {
      padding: 4px 16px 4px 16px;
      box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
      width: 75%;
      margin: auto;
      margin-bottom: 28px;
      margin-top: 28px;
      background: #FBF9F3;
      border: dashed 0.1rem #5D5D5D;
  }
  .flashyhammer {
      border-left: solid 3px rgb(197, 0, 11);
      border-right: solid 3px rgb(197, 0, 11);
      padding: 25px 25px 25px 25px;
      box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
      margin: auto;
      background: #f7f7f7;
  }
  .flashblank {
      border-left: solid 3px rgb(102, 153, 51);
      border-right: solid 3px rgb(102, 153, 51);
      padding: 25px 25px 25px 25px;
      box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
      margin: auto;
      background: #f7f7f7;
  }
  .flashboss {
      border-left: solid 3px rgb(153, 0, 153);
      border-right: solid 3px rgb(153, 0, 153);
      padding: 25px 25px 25px 25px;
      box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
      margin: auto;
      background: #f7f7f7;
  }
  .backspace {
      border-left: solid 3px rgb(43, 95, 179);
      border-right: solid 3px rgb(43, 95, 179);
      padding: 25px 25px 25px 25px;
      box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
      margin: auto;
      background: #f7f7f7;
  }
  .document {
      padding: 4px 16px 4px 16px;
      box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
      width: 85%;
      margin: auto;
      margin-bottom: 28px;
      margin-top: 28px;
      background: white;
      border: solid 2px #5D5D5D;
  }
  .muddle {
      padding: 4px 16px 4px 16px;
      box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
      width: 85%;
      margin: auto;
      margin-bottom: 28px;
      margin-top: 28px;
      background: #E9FBDF;
      border: solid 2px #5D5D5D;
  }
  .flashyhammer {
      border-left: solid 3px rgb(197, 0, 11);
      border-right: solid 3px rgb(197, 0, 11);
      padding: 25px 25px 25px 25px;
      box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
      margin: auto;
      background: #f7f7f7;

  Pages using this styling

  • 40-waiting-to-happen [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.googleapis.com/css?family=Cinzel');
  @import url('https://fonts.googleapis.com/css?family=Anton');
  @import url('https://fonts.googleapis.com/css?family=Pinyon+Script');
  #page-title { display: none; }
  
  /*
      The Anton font was created by Vernon Adams and is licensed under the Open Font License
      The Cinzel font was created by Natanael Gama and is licensed under the Open Font License
      The Pinyon Script font was created by Nicole Fally and is licensed under the Open Font License
  */
  
  .letter-box {
     border: solid 2px #000000;
     background:#eef0f2;
     padding: 10px;
     margin-bottom: 10px;
  }

  Pages using this styling

  • 3ports-schools [info]

  ¶ 1 occurrence
  

  .Ngo {
      padding: 4px 16px 4px 16px;
      box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
      width: 75%;
      margin: auto;
      margin-bottom: 28px;
      margin-top: 28px;
      background: #FBF9F3;
      border: dashed 0.1rem #5D5D5D;
  }
  .flashyhammer {
      border-left: solid 3px rgb(197, 0, 11);
      border-right: solid 3px rgb(197, 0, 11);
      padding: 25px 25px 25px 25px;
      box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
      margin: auto;
      background: #f7f7f7;
  }
  .flashblank {
      border-left: solid 3px rgb(102, 153, 51);
      border-right: solid 3px rgb(102, 153, 51);
      padding: 25px 25px 25px 25px;
      box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
      margin: auto;
      background: #f7f7f7;
  }
  .flashboss {
      border-left: solid 3px rgb(153, 0, 153);
      border-right: solid 3px rgb(153, 0, 153);
      padding: 25px 25px 25px 25px;
      box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
      margin: auto;
      background: #f7f7f7;
  }
  .backspace {
      border-left: solid 3px rgb(43, 95, 179);
      border-right: solid 3px rgb(43, 95, 179);
      padding: 25px 25px 25px 25px;
      box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
      margin: auto;
      background: #f7f7f7;
  }
  .document {
      padding: 4px 16px 4px 16px;
      box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
      width: 85%;
      margin: auto;
      margin-bottom: 28px;
      margin-top: 28px;
      background: white;
      border: solid 2px #5D5D5D;
  }
  .muddle {
      padding: 4px 16px 4px 16px;
      box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
      width: 85%;
      margin: auto;
      margin-bottom: 28px;
      margin-top: 28px;
      background: #E9FBDF;
      border: solid 2px #5D5D5D;
  }
  .flashyhammer {
      border-left: solid 3px rgb(197, 0, 11);
      border-right: solid 3px rgb(197, 0, 11);
      padding: 25px 25px 25px 25px;
      box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
      margin: auto;
      background: #f7f7f7;

  Pages using this styling

  • 39-double-date [info]

  ¶ 1 occurrence
  

  body{
      --barColour: #dba716;
  }
  
  :root{
    --header-title: "CreckCon 2";
    --header-subtitle: "Rats, rats, we are the rats";
  }
  
  div#extra-div-1 {
      background-image: url(https://scp-wiki.wdfiles.com/local--files/component:pride-highlighter/nb_logo_blk.svg);
      filter: opacity(30%);
  }
  
  #header h1 a::before,
  #header h2::before {
      background: -webkit-linear-gradient(#e50000, #e59500, #e5dd00, #49e500, #00bfe5, #003de5, #3200e5);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
  }
  
  #page-content .info-container {
      --link-color: rgb(var(--swatch-text-general));
  }
  
  #page-content .info-container .translation_block {
      display: none;
  }
  
  #page-content .info-container .collapsible-block-link,
  #page-content .info-container:hover .collapsible-block-link {
      line-height: 1.6em;
  }
  
  #page-content .info-container .collapsible-block-folded,
  #page-content .info-container .collapsible-block-unfolded-link {
      display: grid;
  }
  
  #page-content .info-container .collapsible-block-folded .collapsible-block-link,
  #page-content .info-container .collapsible-block-link {
      -webkit-mask: unset;
              mask: unset;
      background: transparent;
      grid-column: 1;
      grid-row: 1;
      opacity: 0;
  }
  
  #page-content .info-container .collapsible-block-folded::before,
  #page-content .info-container .collapsible-block-unfolded-link::before {
      --wght: 800;
      content: "Elenee FishTruck";
      color: #FFFFFF;
      font-family: Inter, Arimo, Verdana, Geneva, "Helvetica Neue", "Helvetica", Arial, sans-serif;;
      display: block;
      pointer-events: none;
      grid-column: 1;
      grid-row: 1;
      line-height: 2.75ex;
  }

  Pages using this styling

  • 37-rat-movies-starring-lana-neal [info]

  ¶ 1 occurrence
  

  .flashwet {
      border-left: solid 3px rgb(102, 102, 255);
      border-right: solid 3px rgb(102, 102, 255);
      padding: 25px 25px 25px 25px;
      box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
      margin: auto;
      background: #f7f7f7;
  }
  .flashyhammer {
      border-left: solid 3px rgb(197, 0, 11);
      border-right: solid 3px rgb(197, 0, 11);
      padding: 25px 25px 25px 25px;
      box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
      margin: auto;
      background: #f7f7f7;
  }
  .flashboss {
      border-left: solid 3px rgb(153, 0, 153);
      border-right: solid 3px rgb(153, 0, 153);
      padding: 25px 25px 25px 25px;
      box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
      margin: auto;
      background: #f7f7f7;
  }
  .backspace {
      border-left: solid 3px rgb(43, 95, 179);
      border-right: solid 3px rgb(43, 95, 179);
      padding: 25px 25px 25px 25px;
      box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
      margin: auto;
      background: #f7f7f7;
  }
  .document {
      padding: 4px 16px 4px 16px;
      box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
      width: 85%;
      margin: auto;
      margin-bottom: 28px;
      margin-top: 28px;
      background: white;
      border: solid 2px #5D5D5D;
  }
  .muddle {
      padding: 4px 16px 4px 16px;
      box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
      width: 85%;
      margin: auto;
      margin-bottom: 28px;
      margin-top: 28px;
      background: #E9FBDF;
      border: solid 2px #5D5D5D;
  }
  .flashyhammer {
      border-left: solid 3px rgb(197, 0, 11);
      border-right: solid 3px rgb(197, 0, 11);
      padding: 25px 25px 25px 25px;
      box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
      margin: auto;
      background: #f7f7f7;

  Pages using this styling

  • 37-beggar-belief [info]

  ¶ 1 occurrence
  

  }
  .flashyhammer {
      border-left: solid 3px rgb(197, 0, 11);
      border-right: solid 3px rgb(197, 0, 11);
      padding: 25px 25px 25px 25px;
      box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
      margin: auto;
      background: #f7f7f7;
  }
  .flashboss {
      border-left: solid 3px rgb(153, 0, 153);
      border-right: solid 3px rgb(153, 0, 153);
      padding: 25px 25px 25px 25px;
      box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
      margin: auto;
      background: #f7f7f7;
  }
  .backspace {
      border-left: solid 3px rgb(43, 95, 179);
      border-right: solid 3px rgb(43, 95, 179);
      padding: 25px 25px 25px 25px;
      box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
      margin: auto;
      background: #f7f7f7;
  }
  .document {
      padding: 4px 16px 4px 16px;
      box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
      width: 85%;
      margin: auto;
      margin-bottom: 28px;
      margin-top: 28px;
      background: white;
      border: solid 2px #5D5D5D;
  }
  .muddle {
      padding: 4px 16px 4px 16px;
      box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
      width: 85%;
      margin: auto;
      margin-bottom: 28px;
      margin-top: 28px;
      background: #E9FBDF;
      border: solid 2px #5D5D5D;
  }
  .flashyhammer {
      border-left: solid 3px rgb(197, 0, 11);
      border-right: solid 3px rgb(197, 0, 11);
      padding: 25px 25px 25px 25px;
      box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
      margin: auto;
      background: #f7f7f7;

  Pages using this styling

  • 36-face-time [info]

  ¶ 1 occurrence
  

  .jandm {
      border-left: solid 3px rgb(204, 153, 0);
      border-right: solid 3px rgb(204, 153, 0);
      padding: 25px 25px 25px 25px;
      box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
      margin: auto;
      background: #f7f7f7;
  }
  .backspace {
      border-left: solid 3px rgb(43, 95, 179);
      border-right: solid 3px rgb(43, 95, 179);
      padding: 25px 25px 25px 25px;
      box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
      margin: auto;
      background: #f7f7f7;
  }
  .muddle {
    padding: 4px 16px 4px 16px;
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
    width: 85%;
    margin: auto;
    margin-bottom: 28px;
    margin-top: 28px;
    background: #E9FBDF;
    border: solid 2px #5D5D5D;
  }

  Pages using this styling

  • 35-fire-in-the-hole [info]

  ¶ 1 occurrence
  

  .flashboss {
      border-left: solid 3px rgb(153, 0, 153);
      border-right: solid 3px rgb(153, 0, 153);
      padding: 25px 25px 25px 25px;
      box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
      margin: auto;
      background: #f7f7f7;
  }
  .document {
      padding: 4px 16px 4px 16px;
      box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
      width: 85%;
      margin: auto;
      margin-bottom: 28px;
      margin-top: 28px;
      background: white;
      border: solid 2px #5D5D5D;
  }
  .muddle {
      padding: 4px 16px 4px 16px;
      box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
      width: 85%;
      margin: auto;
      margin-bottom: 28px;
      margin-top: 28px;
      background: #E9FBDF;
      border: solid 2px #5D5D5D;
  }
  .flashyhammer {
      border-left: solid 3px rgb(197, 0, 11);
      border-right: solid 3px rgb(197, 0, 11);
      padding: 25px 25px 25px 25px;
      box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
      margin: auto;
      background: #f7f7f7;

  Pages using this styling

  • 33-taking-the-lead [info]

  ¶ 1 occurrence
  

  .mcinnis {
      padding: 4px 16px 4px 16px;
      box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
      width: 85%;
      margin: auto;
      margin-bottom: 28px;
      margin-top: 28px;
      background: #F3ECF5;
      border: solid 2px #5D5D5D;
  }
  .lines {
    padding: 4px 16px 4px 16px;
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
    width: 85%;
    margin: auto;
    margin-bottom: 28px;
    margin-top: 28px;
    border: solid 5px #E9FBDF;
  }
  .flashboss {
      border-left: solid 3px rgb(153, 0, 153);
      border-right: solid 3px rgb(153, 0, 153);
      padding: 25px 25px 25px 25px;
      box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
      margin: auto;
      background: #f7f7f7;
  }
  .muddle {
    padding: 4px 16px 4px 16px;
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
    width: 85%;
    margin: auto;
    margin-bottom: 28px;
    margin-top: 28px;
    background: #E9FBDF;
    border: solid 2px #5D5D5D;
  }

  Pages using this styling

  • 32-executive-dysfunction [info]

  ¶ 1 occurrence
  

  .mcinnis {
      padding: 4px 16px 4px 16px;
      box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
      width: 85%;
      margin: auto;
      margin-bottom: 28px;
      margin-top: 28px;
      background: #F3ECF5;
      border: solid 2px #5D5D5D;
  }
  .flashboss {
      border-left: solid 3px rgb(153, 0, 153);
      border-right: solid 3px rgb(153, 0, 153);
      padding: 25px 25px 25px 25px;
      box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
      margin: auto;
      background: #f7f7f7;
  }
  .muddle {
    padding: 4px 16px 4px 16px;
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
    width: 85%;
    margin: auto;
    margin-bottom: 28px;
    margin-top: 28px;
    background: #E9FBDF;
    border: solid 2px #5D5D5D;
  }
  .lines {
    padding: 4px 16px 4px 16px;
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
    width: 85%;
    margin: auto;
    margin-bottom: 28px;
    margin-top: 28px;
    border: solid 5px #E9FBDF;
  }

  Pages using this styling

  • 31-the-lines-are-down [info]

  ¶ 1 occurrence
  

  .muddle {
      padding: 4px 16px 4px 16px;
      box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
      width: 85%;
      margin: auto;
      margin-bottom: 28px;
      margin-top: 28px;
      background: #E9FBDF;
      border: solid 2px #5D5D5D;
  }
  .jandm {
      border-left: solid 3px rgb(204, 153, 0);
      border-right: solid 3px rgb(204, 153, 0);
      padding: 25px 25px 25px 25px;
      box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
      margin: auto;
      background: #f7f7f7;
  }

  Pages using this styling

  • 3-halls-of-the-dead [info]

  ¶ 1 occurrence
  

  
  :root{
  --white: 244, 244, 244;
  --dark: 46, 14, 2;
  --medium-accent: 212, 104, 0;
  --bright-accent: 255, 140, 0;
  --toggle-roundness: 0;
  --header-title: "Enter The Rhineriverse";
  --header-subtitle: "Aw shit, here we go again";
  --swatch-text-light: var(--white);
  --swatch-menutxt-light-color: var(--white);
  --link-color: 138, 71, 0;
  --visited-link-color: 189, 107, 0;
  --borderColor: #ff8c00 !important;
  --logo-image: url("https://scp-wiki.wdfiles.com/local--files/2-rhine-2-river/quitetherhinerivermoment.png");
  }
  

  Pages using this styling

  • 2k24biatch [info]

  ¶ 1 occurrence
  

  .flashblank {
      border-left: solid 3px rgb(102, 153, 51);
      border-right: solid 3px rgb(102, 153, 51);
      padding: 25px 25px 25px 25px;
      box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
      margin: auto;
      background: #f7f7f7;
  }
  .ASC {
      padding: 4px 16px 4px 16px;
      box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
      width: 85%;
      margin: auto;
      margin-bottom: 28px;
      margin-top: 28px;
      background: #F0EDC1;
      border: solid 2px #5D5D5D;
  }
  .flashboss {
      border-left: solid 3px rgb(153, 0, 153);
      border-right: solid 3px rgb(153, 0, 153);
      padding: 25px 25px 25px 25px;
      box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
      margin: auto;
      background: #f7f7f7;
  }
  .muddle {
    padding: 4px 16px 4px 16px;
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
    width: 85%;
    margin: auto;
    margin-bottom: 28px;
    margin-top: 28px;
    background: #E9FBDF;
    border: solid 2px #5D5D5D;
  }

  Pages using this styling

  • 28-hooking-up [info]

  ¶ 1 occurrence
  

  .acroabate {
      padding: 4px 16px 4px 16px;
      box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
      width: 85%;
      margin: auto;
      margin-bottom: 28px;
      margin-top: 28px;
      background: #D0F9F9;
      border: solid 2px #5D5D5D;
  {
  .document {
     padding: 4px 16px 4px 16px;
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
    width: 85%;
    margin: auto;
    margin-bottom: 28px;
    margin-top: 28px;
    background: white;
    border: solid 2px #5D5D5D;
  }
  .muddle {
    padding: 4px 16px 4px 16px;
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
    width: 85%;
    margin: auto;
    margin-bottom: 28px;
    margin-top: 28px;
    background: #E9FBDF;
    border: solid 2px #5D5D5D;
  }

  Pages using this styling

  • 27-we-stand-divided [info]

  ¶ 1 occurrence
  

  
  #page-title { 
  display: none; 
  }
  
  .meta-title {
  
  border-bottom: solid 1px #bbbbbb;
  
  color: #990011;
  
  font-weight: normal;
  
  margin: 0 0 0.6em;
  
  padding: 0 0 0.25em;
  
  font-size: 200%;
  
  }
  
  
  
  .meta-title p {
  
  margin: 0;
  
  }
  

  Pages using this styling

  • 2521-xxx [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.bunny.net/css2?family=Noto+Sans:wght@100;300;400;500;700&subset=cyrillic,cyrillic-ext,greek,greek-ext,latin-ext');
  @import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');
  
  div#page-content {
      font-family: "Noto Sans";
      color: #000;
  }
  
  div#page-content div.page-rate-widget-box span.rate-points {
      font-size: 0 !important;
      display: inline-block;
      height: 100%;
  }
  
  div#page-content div.page-rate-widget-box {
      background-color: #633;
  }
  
  div#page-content div.page-rate-widget-box span.rate-points span {
      font-size: 12px !important;
  }
  
  div#page-content div.page-rate-widget-box span.rate-points::before {
      content: "↑/↓：";
      font-size: 12px !important;
  }
  
  div#page-content div.blockquote.infohead,
  div#page-content div.blockquote.info {
      border: solid 3px #000;
      border-radius: 12px;
      position: relative;
  }
  
  div#page-content div.blockquote.infohead {
      margin-top: 50px;
  }
  
  div#page-content div.blockquote.infohead::before {
      content: "";
      display: block;
      position: absolute;
      width: 40px;
      height: 40px;
      left: calc(50% - 20px);
      top: -21.5px;
      background-image: url(" https://scp-wiki.wikidot.com/local--files/2521-escaped/info.svg");
      background-repeat: no-repeat;
      background-size: 40px 40px;
  }
  
  div#page-content div.blockquote.infohead.warning::before {
      background-image: url(" https://scp-wiki.wikidot.com/local--files/2521-escaped/warning.svg");
  }
  
  div#page-content div.blockquote.info.msg {
      margin: 0;
      width: 80%;
      box-sizing: border-box;
      position: relative;
  }
  
  /* div#page-content div.blockquote.info.msg::before {
      content: "";
      position: absolute;
      left: -16px;
      top: 15px;
      box-sizing: border-box;
      width: 15px;
      height: 30px;
      border-top: solid 15px transparent;
      border-left: 0;
      border-bottom: solid 15px transparent;
      border-right: solid 15px #000;
  } */
  
  div#page-content div.blockquote.info.test {
      margin: 1%;
      padding: 0;
      width: 48%;
      box-sizing: border-box;
      position: relative;
  }
  
  div#page-content div.blockquote.info.test img {
      border-radius: 10px;
  }
  
  div#page-content hr {
      height: 0;
      border: solid 1.5px #666;
      border-radius: 1.5px;
  }

  Pages using this styling

  • 2521-escaped [info]

  ¶ 1 occurrence
  

  .flashyhammer {
      border-left: solid 3px rgb(197, 0, 11);
      border-right: solid 3px rgb(197, 0, 11);
      padding: 25px 25px 25px 25px;
      box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
      margin: auto;
      background: #f7f7f7;
  }
  .muddle {
      padding: 4px 16px 4px 16px;
      box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
      width: 85%;
      margin: auto;
      margin-bottom: 28px;
      margin-top: 28px;
      background: #E9FBDF;
      border: solid 2px #5D5D5D;
  }

  Pages using this styling

  • 22-borrowing-trouble [info]

  ¶ 1 occurrence
  

  .collapsible-block-folded, .collapsible-block-unfolded-link { text-align: center; }
  .collapsible-block-link{font-weight: bold;}
  
  #page-content h2 {
      font-weight: bold;
      font-size: 1.65em;
      padding-bottom: 0.1em;
      border-bottom: solid 0.075em currentColor;
      margin-bottom: 0.875em;
  }
  table.wiki-content-table { width: 36rem; }

  Pages using this styling

  • 2021-survey-results [info]

  ¶ 1 occurrence
  

  .Ngo {
      padding: 4px 16px 4px 16px;
      box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
      width: 75%;
      margin: auto;
      margin-bottom: 28px;
      margin-top: 28px;
      background: #FBF9F3;
      border: dashed 0.1rem #5D5D5D;
  }
  .muddle {
      padding: 4px 16px 4px 16px;
      box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
      width: 75%;
      margin: auto;
      margin-bottom: 28px;
      margin-top: 28px;
      background: #E9FBDF;
      border: solid 2px #5D5D5D;
  }
  .Zaman{
      padding: 4px 16px 4px 16px;
      box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
      width: 75%;
      margin: auto;
      margin-bottom: 28px;
      margin-top: 28px;
      background: #FDF6FD;
      border: dashed 0.1rem #5D5D5D;
  }

  Pages using this styling

  • 2-the-mausoleum-at-ipperwash [info]

  ¶ 1 occurrence
  

  
  :root{
  --white: 244, 244, 244;
  --dark: 46, 14, 2;
  --medium-accent: 212, 104, 0;
  --bright-accent: 255, 140, 0;
  --toggle-roundness: 0;
  --header-title: "Enter The Rhineriverse";
  --header-subtitle: "I like your shoelaces";
  --swatch-text-light: var(--white);
  --swatch-menutxt-light-color: var(--white);
  --link-color: 138, 71, 0;
  --visited-link-color: 189, 107, 0;
  --borderColor: #ff8c00 !important;
  --logo-image: url("https://scp-wiki.wdfiles.com/local--files/2-rhine-2-river/quitetherhinerivermoment.png");
  }
  

  Pages using this styling

  • 2-rhine-2-river [info]

  ¶ 1 occurrence
  

  /* Table */
  table.listpages-table,
  table.timeline {
    width: 100%;
    word-break: break-word;
  }
  table.listpages-table th {
    background-color: #666;
    color: #fff;
  }
  table.listpages-table td {
    vertical-align: top;
  }
  table.listpages-table td:not(:first-child) {
    text-align: center;
  }
  table.listpages-table tr:nth-child(2n+1) td {
    background-color: rgba(210, 210, 210, .5);
  }
  table.timeline {
    border-spacing: 0;
  }
  table.timeline td {
    vertical-align: top;
  }
  table.timeline td.label {
    font-size: 1.5em;
    font-weight: bold;
    text-align: center;
  }
  table.timeline td.left {
    border-right: solid 1px #999;
    width: 50%;
    text-align: right;
    padding: 5px 6px 5px 0;
  }
  table.timeline td.right {
    padding: 5px 0 5px 6px;
  }
  table.timeline div.crucial {
    font-family: monospace;
    font-size: 1.1em;
    color: #999;
  }
  table.timeline div.title {
    font-size: 1.25em;
  }
  table.timeline div.description {
    display: inline-block;
    text-align: left;
    padding: 2px 0 8px;
  }
  table.timeline div.description p:first-child {
    margin-top: 0;
  }
  
  /* Fragment */
  .pointer {
    display: none;
  }
  .fragmentWrapWrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    -webkit-mask: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 4%, rgba(255, 255, 255, 1) 96%, rgba(255, 255, 255, 0) 100%);
    mask: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 4%, rgba(255, 255, 255, 1) 96%, rgba(255, 255, 255, 0) 100%);
  }
  .fragmentWrapWrap .mask {
    position: relative;
    z-index: 1;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 4%;
  }
  .fragmentWrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 92%;
    -webkit-transition: -webkit-transform .3s ease-in-out;
    -moz-transition: -moz-transform .3s ease-in-out;
    -ms-transition: -ms-transform .3s ease-in-out;
    -o-transition: -o-transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
  }
  .fragment {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    box-sizing: border-box;
    width: 100%;
    padding: 0 .5em;
  }
  .fragment .subtitle {
    padding-right: 1em;
    text-align: right;
    color: #aaa;
  }
  #u-p-1:target ~ .fragmentWrapWrap .fragmentWrap {
    -webkit-transform: translate(-100%);
    -moz-transform: translate(-100%);
    -ms-transform: translate(-100%);
    -o-transform: translate(-100%);
    transform: translate(-100%);
  }
  #u-p-2:target ~ .fragmentWrapWrap .fragmentWrap {
    -webkit-transform: translate(-200%);
    -moz-transform: translate(-200%);
    -ms-transform: translate(-200%);
    -o-transform: translate(-200%);
    transform: translate(-200%);
  }
  #u-p-3:target ~ .fragmentWrapWrap .fragmentWrap {
    -webkit-transform: translate(-300%);
    -moz-transform: translate(-300%);
    -ms-transform: translate(-300%);
    -o-transform: translate(-300%);
    transform: translate(-300%);
  }
  #u-p-4:target ~ .fragmentWrapWrap .fragmentWrap {
    -webkit-transform: translate(-400%);
    -moz-transform: translate(-400%);
    -ms-transform: translate(-400%);
    -o-transform: translate(-400%);
    transform: translate(-400%);
  }

  Pages using this styling

  • 1998-911-hub [info]

  ¶ 1 occurrence
  

  /* 173 Anniversary Hub
   * Based on Code by Woedenaz
  **/
  
   :root{
     --red-mod: hsl(357, 90%, 75%, .35);
     --red-mod-2: hsl(357, 90%, 33%);
  
     --yellow-mod: hsl(69, 90%, 65%, .35);
     --yellow-mod-2: hsl(69, 90%, 33%);
  
     --green-mod: hsl(141, 90%, 75%, .35);
     --green-mod-2: hsl(141, 90%, 33%);
  
     --blue-mod: hsl(213, 90%, 75%, .35);
     --blue-mod-2: hsl(213, 90%, 33%);
  
     --purple-mod: hsl(285, 90%, 75%, .35);
     --purple-mod-2: hsl(285, 90%, 33%);
  }
  
   .containment-chamber{
       position: relative;
       overflow: hidden;
       margin: 0 2rem 1rem;
  
       background-color: hsla(36, 57%, 68%, .55);
       border: solid .53rem transparent;
       border-radius: 4rem;
       box-shadow:
            inset 0 0 0 .27rem var(--milk),
            inset 0 0 0 .4rem var(--textColor);
       transition: all 600ms cubic-bezier(.45, .05, .55, .95);
  }
   
   .containment-chamber:hover{
       background-color: transparent;
       border-radius: 4rem;
       transition: all 600ms cubic-bezier(.45, .05, .55, .95);
  }
  
   .containment-chamber.red-mod:hover{
       background-color: var(--red-mod);
  }
  
   .containment-chamber.yellow-mod:hover{
       background-color: var(--yellow-mod);
  }
  
   .containment-chamber.green-mod:hover{
       background-color: var(--green-mod);
  }
  
   .containment-chamber.blue-mod:hover{
       background-color: var(--blue-mod);
  }
  
   .containment-chamber.purple-mod:hover{
       background-color: var(--purple-mod);
  }
  
   .placard{
       position: relative;
       display: -ms-grid;
       display: grid;
       -ms-grid-columns: 1fr .5rem 2fr;
       grid-template-columns: 1fr 2fr;
       -ms-grid-rows: auto .5rem auto;
       grid-template-areas:
            "card-image wl-header"
            "card-image card-text";
       grid-gap: 0;
       gap: 0;
       padding: .27rem;
  
       color: var(--textColor);
       box-sizing: border-box;
       border-radius: 3rem;
  
       text-align: center;
       overflow: hidden;
  }
  
   .placard > a:first-of-type{
       position: absolute;
       top: 0;
       left: 0;
       width: 100%;
       height: 100%;
  
       color: transparent;
       background: 0;
  
       user-select: none;
       z-index: 1;
  }
  
   .placard > div.wl-headers,
   .placard > div.card-text,
   .placard > div.card-image{
       display: flex;
       align-items: center;
       justify-content: center;
       flex-wrap: wrap;
  }
  
   .placard > div.wl-headers{
       -ms-grid-row: 1;
       -ms-grid-column: 3;
       grid-area: wl-header;
       padding: 0 1em;
  }
  
   .placard > div.wl-headers > div{
       width: 100%;
       margin: 0;
       padding: 0;
  }
  
   .placard > div.card-text{
       position: relative;
       bottom: 1em;
       -ms-grid-row: 3;
       -ms-grid-column: 3;
       grid-area: card-text;
       padding: 0 .5em;
  
       line-height: 1.5;
       text-decoration: underline;
       text-decoration-thickness: 0;
       text-decoration-color: rgba(228, 180, 28, 0);
       transition:
            text-decoration-thickness 150ms cubic-bezier(.4, 0, .2, 1),
            text-decoration-color 125ms cubic-bezier(.4, 0, .2, 1);
       text-underline-offset: 25%;
  }
  
   .placard:hover > div.card-text,
   .placard:active > div.card-text{
       text-decoration: underline var(--chocolate);
       text-decoration-thickness: .0625rem;
       transition:
            text-decoration-thickness 150ms cubic-bezier(.4, 0, .2, 1),
            text-decoration-color 50ms cubic-bezier(.4, 0, .2, 1);
  }
  
   .placard:focus-within > div.card-text{
       text-decoration: underline var(--chocolate);
       text-decoration-thickness: .0625rem;
       transition:
            text-decoration-thickness 150ms cubic-bezier(.4, 0, .2, 1),
            text-decoration-color 50ms cubic-bezier(.4, 0, .2, 1);
  }
  
   .placard > div.card-image{
       -ms-grid-row: 1;
       -ms-grid-row-span: 3;
       -ms-grid-column: 1;
       grid-area: card-image;
       height: min-content;
       margin: 1.5vw;
       -ms-grid-row-align: center;
       align-self: center;
  
       border-radius: 50%;
  
       overflow: hidden;
  }
  
   .placard > div.card-image img{
       -o-object-fit: contain;
       object-fit: contain;
       width: 100%;
       max-width: 15.625rem;
       margin: .25rem;
  
       border-radius: .5rem;
  }
  
   .placard .fake-h2{
       display: inline-block;
  
       font-family: var(--title-font);
       letter-spacing: .0625rem;
  }
  
   .placard .fake-h2{
       margin-top: -.5em;
       margin-bottom: .7em;
  
       font-size: 1.5em;
  }
  
  @media (max-width: 48rem){
       .placard{
            grid-template-areas:
                 "wl-header wl-header"
                 "card-image card-text";
      }
       .placard > div.wl-headers{
           -ms-grid-row: 1;
           -ms-grid-column: 1;
           -ms-grid-column-span: 3;
      }
       .placard > div.card-text{
           -ms-grid-row: 3;
           -ms-grid-column: 3;
      }
       .placard > div.card-image{
           -ms-grid-row: 3;
           -ms-grid-row-span: 1;
           -ms-grid-column: 1;
      }
  }
   @media (max-width: 25.875rem){
       .placard{
           grid-template-areas:
                 "wl-header wl-header"
                 "card-image card-image"
                 "card-text card-text";
      }
       .placard > div.card-image{
           -ms-grid-column-align: center;
           justify-self: center;
           height: auto;
      }
       .placard > div.card-image img{
           max-height: 20vh;
      }
       .placard > div.wl-headers{
           -ms-grid-row: 1;
           -ms-grid-column: 1;
           -ms-grid-column-span: 3;
      }
       .placard > div.card-text{
           -ms-grid-row: 5;
           -ms-grid-column: 1;
           -ms-grid-column-span: 3;
      }
       .placard > div.card-image{
           -ms-grid-row: 3;
           -ms-grid-row-span: 1;
           -ms-grid-column: 1;
           -ms-grid-column-span: 3;
      }
  }

  Pages using this styling

  • 173-anniversary-hub [info]

  ¶ 1 occurrence
  

  .Ngo {
      padding: 4px 16px 4px 16px;
      box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
      width: 75%;
      margin: auto;
      margin-bottom: 28px;
      margin-top: 28px;
      background: #FBF9F3;
      border: dashed 0.1rem #5D5D5D;
  }
  .jandm {
      border-left: solid 3px rgb(204, 153, 0);
      border-right: solid 3px rgb(204, 153, 0);
      padding: 25px 25px 25px 25px;
      box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
      margin: auto;
      background: #f7f7f7;
  }

  Pages using this styling

  • 16-the-eighth-of-september [info]

  ¶ 1 occurrence
  

  /* HEADER */
  :root{
       --header-title: "AREA-21";
       --header-subtitle: "A MAGICA AD MUNDANUM";
  }
   div#extra-div-1{
       background-image: url(http://scp-sandbox-3.wdfiles.com/local--files/12-aromantic-abatement/21Head.png);
  }
   .top-left-box > .item{
       display: inline;
  }
  .Ngo {
      padding: 4px 16px 4px 16px;
      box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
      width: 75%;
      margin: auto;
      margin-bottom: 28px;
      margin-top: 28px;
      background: #FBF9F3;
      border: dashed 0.1rem #5D5D5D;
  }
  .muddle {
      padding: 4px 16px 4px 16px;
      box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
      width: 85%;
      margin: auto;
      margin-bottom: 28px;
      margin-top: 28px;
      background: #E9FBDF;
      border: solid 2px #5D5D5D;
  }
  .backspace {
      border-left: solid 3px rgb(43, 95, 179);
      border-right: solid 3px rgb(43, 95, 179);
      padding: 25px 25px 25px 25px;
      box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
      margin: auto;
      background: #f7f7f7;
  }
  .acroabate {
      background: #D0F9F9;
      box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
      margin: 26px auto 0;
      max-width: 550px;
      padding: 24px;
      margin-bottom: 36px;
      position: relative;
      width: 80%;
  }
  .acroabate:before,
  .acroabate:after {
      content: "";
      height: 98%;
      position: absolute;
      width: 100%;
      z-index: -1;
  }
  .acroabate:before {
      background: #B4E8E8;
      box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
      left: -5px;
      top: 4px;
      transform: rotate(-2.5deg);
  }
  .acroabate:after {
      background: #9CD5D5;
      box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
      right: -3px;
      top: 1px;
      transform: rotate(1.4deg);
  }
  .notation {
      border-left: solid 3px rgb(0, 128, 128);
      border-right: solid 3px rgb(0, 128, 128);
      padding: 25px 25px 25px 25px;
      box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
      margin: auto;
      background: #f7f7f7;
  }
  .Nascimbeni {
      border-left: solid 3px rgb(204, 153, 0);
      border-right: solid 3px rgb(204, 153, 0);
      padding: 25px 25px 25px 25px;
      box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
      margin: auto;
      background: #f7f7f7;
  }

  Pages using this styling

  • 15-a-clean-break [info]

  ¶ 1 occurrence
  

  /* HEADER */
  :root{
       --header-title: "AREA-21";
       --header-subtitle: "A MAGICA AD MUNDANUM";
  }
   div#extra-div-1{
       background-image: url(http://scp-sandbox-3.wdfiles.com/local--files/12-aromantic-abatement/21Head.png);
  }
   .top-left-box > .item{
       display: inline;
  }
  .muddle {
      padding: 4px 16px 4px 16px;
      box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
      width: 85%;
      margin: auto;
      margin-bottom: 28px;
      margin-top: 28px;
      background: #E9FBDF;
      border: solid 2px #5D5D5D;
  }
  .backspace {
      border-left: solid 3px rgb(43, 95, 179);
      border-right: solid 3px rgb(43, 95, 179);
      padding: 25px 25px 25px 25px;
      box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
      margin: auto;
      background: #f7f7f7;
  }
  .acroabate {
      background: #D0F9F9;
      box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
      margin: 26px auto 0;
      max-width: 550px;
      padding: 24px;
      margin-bottom: 36px;
      position: relative;
      width: 80%;
  }
  
  .acroabate:before,
  .acroabate:after {
      content: "";
      height: 98%;
      position: absolute;
      width: 100%;
      z-index: -1;
  }
  .acroabate:before {
      background: #B4E8E8;
      box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
      left: -5px;
      top: 4px;
      transform: rotate(-2.5deg);
  }
  .acroabate:after {
      background: #9CD5D5;
      box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
      right: -3px;
      top: 1px;
      transform: rotate(1.4deg);
  }
  .udoflashback {
      border-left: solid 3px rgb(255, 149, 14);
      border-right: solid 3px rgb(255, 149, 14);
      padding: 25px 25px 25px 25px;
      box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
      margin: auto;
      background: #f7f7f7;

  Pages using this styling

  • 14-drilling-down [info]

  ¶ 1 occurrence
  

  /* HEADER */
  :root{
       --header-title: "AREA-21";
       --header-subtitle: "A MAGICA AD MUNDANUM";
  }
   div#extra-div-1{
       background-image: url(https://scp-wiki.wdfiles.com/local--files/12-aromantic-abatement/21Head.png);
  }
   .top-left-box > .item{
       display: inline;
  }
  .acroabate {
      background: #D0F9F9;
      box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
      margin: 26px auto 0;
      max-width: 550px;
      padding: 24px;
      margin-bottom: 36px;
      position: relative;
      width: 80%;
  }
  .acroabate:before,
  .acroabate:after {
      content: "";
      height: 98%;
      position: absolute;
      width: 100%;
      z-index: -1;
  }
  .acroabate:before {
      background: #B4E8E8;
      box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
      left: -5px;
      top: 4px;
      transform: rotate(-2.5deg);
  }
  .acroabate:after {
      background: #9CD5D5;
      box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
      right: -3px;
      top: 1px;
      transform: rotate(1.4deg);
  }
  .flashwet {
      border-left: solid 3px rgb(102, 102, 255);
      border-right: solid 3px rgb(102, 102, 255);
      padding: 25px 25px 25px 25px;
      box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
      margin: auto;
      background: #f7f7f7;
  }
  .udoflashback {
      border-left: solid 3px rgb(255, 149, 14);
      border-right: solid 3px rgb(255, 149, 14);
      padding: 25px 25px 25px 25px;
      box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
      margin: auto;
      background: #f7f7f7;
  }

  Pages using this styling

  • 13-reproduction [info]

  ¶ 1 occurrence
  

  @import url('https://fonts.bunny.net/css2?family=Germania+One&display=swap');
  
  /* MAIN */
  .advent-calendar-main {
         --advent-calendar-transition: 0.1s ease;
         --advent-calendar-font: 'Germania One', cursive;
  
         --advent-calendar-background: 154, 169, 175;
         --advent-calendar-background-dark: 128, 137, 141;
         --advent-calendar-background-light: 204, 219, 225;
         --advent-calendar-red: 251, 47, 70;
         --advent-calendar-dark-green: 56, 103, 110;
         --advent-calendar-light-blue: 162, 212, 213;
         --advent-calendar-gray: 102, 135, 140;
         --advent-calendar-white: 255, 255, 255;
                --advent-calendar-text: var(--advent-calendar-white);
                --advent-calendar-outline: var(--advent-calendar-red);
  
      font-size: 150%;
      background: rgb(var(--advent-calendar-background));
      padding: 5px;
      border: 5px outset rgb(var(--advent-calendar-background-light));
      outline: 3px outset rgb(var(--advent-calendar-background-light));
      border-radius: 5px;
      box-shadow: rgba(var(--advent-calendar-background-dark), 0.6) 0px 7px 29px 0px;
  }
  
  .advent-calendar-grid {
      display: grid;
      gap: 0.5rem;
      grid-template-areas:
                           "day1 day2 day3 day4 day5"
                           "day6 day7 day8 day9 day10"
                           "place1 day11 place2 day12 place3";
  }
  
  @media (max-width: 768px) {
      .advent-calendar-grid{
          grid-template-areas:
                               "day1 day2"
                               "day3 day4"
                               "day5 day6"
                               "day7 day8"
                               "day9 day10"
                               "day11 day12";
      }
  }
  
  /* TITLE */
  .advent-calendar-main > .advent-calendar-title {
      transform: scale(2);
      text-align: center;
      font-family: var(--advent-calendar-font);
      margin-bottom: 1rem;
      color: rgb(var(--advent-calendar-text));
      text-shadow: 2px 2px 1px rgba(var(--advent-calendar-outline), 0.6),
                          2px -2px 1px rgba(var(--advent-calendar-outline), 0.8),
                          -2px 2px 1px rgba(var(--advent-calendar-outline), 0.6),
                          -2px -2px 1px rgba(var(--advent-calendar-outline), 0.8),
                          2px 0px 1px rgba(var(--advent-calendar-outline), 0.6),
                          0px 2px 1px rgba(var(--advent-calendar-outline), 0.8),
                          -2px 0px 1px rgba(var(--advent-calendar-outline), 0.8),
                          0px -2px 1px rgba(var(--advent-calendar-outline), 0.6);
  }
  
  /* POP-UPS */
  .advent-calendar-main .advent-calendar-popup {
      width: 1fr;
      border: 3px solid rgb(var(--advent-calendar-border));
      border-radius: 5px;
      padding-left: 5px;
      padding-right: 5px;
      padding-top: 40px;
      padding-bottom: 40px;
      text-align: center;
      cursor: default;
      transition: transform var(--advent-calendar-transition);
  }
  .advent-calendar-main .advent-calendar-popup a, .advent-calendar-main .advent-calendar-popup {
      color: rgb(var(--advent-calendar-text));
      text-shadow: 2px 2px 1px rgba(var(--advent-calendar-outline), 0.6),
                          2px -2px 1px rgba(var(--advent-calendar-outline), 0.8),
                          -2px 2px 1px rgba(var(--advent-calendar-outline), 0.6),
                          -2px -2px 1px rgba(var(--advent-calendar-outline), 0.8),
                          2px 0px 1px rgba(var(--advent-calendar-outline), 0.6),
                          0px 2px 1px rgba(var(--advent-calendar-outline), 0.8),
                          -2px 0px 1px rgba(var(--advent-calendar-outline), 0.8),
                          0px -2px 1px rgba(var(--advent-calendar-outline), 0.6);
      font-family: var(--advent-calendar-font);
  }
  .advent-calendar-main .advent-calendar-popup a:hover {
      text-decoration: underline;
  }
  .advent-calendar-main .advent-calendar-popup:hover {
      transform: scale(2);
      box-shadow: rgba(var(--advent-calendar-background-dark), 0.6) 0px 7px 29px 0px;
  }
  
  
  /* DAYS */
  .advent-calendar-main > .advent-calendar-grid > .advent-calendar-day-one,
  .advent-calendar-main > .advent-calendar-grid > .advent-calendar-day-two,
  .advent-calendar-main > .advent-calendar-grid > .advent-calendar-day-three,
  .advent-calendar-main > .advent-calendar-grid > .advent-calendar-day-four,
  .advent-calendar-main > .advent-calendar-grid > .advent-calendar-day-five,
  .advent-calendar-main > .advent-calendar-grid > .advent-calendar-day-six,
  .advent-calendar-main > .advent-calendar-grid > .advent-calendar-day-seven,
  .advent-calendar-main > .advent-calendar-grid > .advent-calendar-day-eight,
  .advent-calendar-main > .advent-calendar-grid > .advent-calendar-day-nine,
  .advent-calendar-main > .advent-calendar-grid > .advent-calendar-day-ten,
  .advent-calendar-main > .advent-calendar-grid > .advent-calendar-day-eleven,
  .advent-calendar-main > .advent-calendar-grid > .advent-calendar-day-twelve {
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center;
      display: block;
  }
  
  .advent-calendar-main > .advent-calendar-grid > .advent-calendar-popup:hover.advent-calendar-day-one::after,
  .advent-calendar-main > .advent-calendar-grid > .advent-calendar-popup:hover.advent-calendar-day-two::after,
  .advent-calendar-main > .advent-calendar-grid > .advent-calendar-popup:hover.advent-calendar-day-three::after,
  .advent-calendar-main > .advent-calendar-grid > .advent-calendar-popup:hover.advent-calendar-day-four::after,
  .advent-calendar-main > .advent-calendar-grid > .advent-calendar-popup:hover.advent-calendar-day-five::after,
  .advent-calendar-main > .advent-calendar-grid > .advent-calendar-popup:hover.advent-calendar-day-six::after,
  .advent-calendar-main > .advent-calendar-grid > .advent-calendar-popup:hover.advent-calendar-day-seven::after,
  .advent-calendar-main > .advent-calendar-grid > .advent-calendar-popup:hover.advent-calendar-day-eight::after,
  .advent-calendar-main > .advent-calendar-grid > .advent-calendar-popup:hover.advent-calendar-day-nine::after,
  .advent-calendar-main > .advent-calendar-grid > .advent-calendar-popup:hover.advent-calendar-day-ten::after,
  .advent-calendar-main > .advent-calendar-grid > .advent-calendar-popup:hover.advent-calendar-day-eleven::after,
  .advent-calendar-main > .advent-calendar-grid > .advent-calendar-popup:hover.advent-calendar-day-twelve::after {
      font-size: 30%;
      position: absolute;
      right: 25%;
      left: 25%;
      bottom: 1px;
  }
  
  /* Day One */
  .advent-calendar-main > .advent-calendar-grid > .advent-calendar-day-one {
      grid-area: day1;
      background-color: rgb(var(--advent-calendar-red));
            --advent-calendar-border: var(--advent-calendar-red);
  }
  .advent-calendar-main > .advent-calendar-grid > .advent-calendar-day-one:hover {
      background-image: url('https://scp-wiki.wdfiles.com/local--files/12-days-of-christmas-hub/darkartist.jpg');
  }
  .advent-calendar-main > .advent-calendar-grid > .advent-calendar-popup:hover.advent-calendar-day-one::after {
      content: "by AvocadoMilk ft. TheDarkArtist — [PENDING REWRITE]";
  }
  
  /* Day Two */
  .advent-calendar-main > .advent-calendar-grid > .advent-calendar-day-two {
      grid-area: day2;
      background-color: rgb(var(--advent-calendar-dark-green));
            --advent-calendar-border: var(--advent-calendar-dark-green);
  }
  .advent-calendar-main > .advent-calendar-grid > .advent-calendar-day-two:hover {
      background-image: url('https://scp-wiki.wdfiles.com/local--files/12-days-of-christmas-hub/oddinit.jpg');
  }
  .advent-calendar-main > .advent-calendar-grid > .advent-calendar-popup:hover.advent-calendar-day-two::after {
      content: "by BitOddInnit";
  }
  
  /* Day Three */
  .advent-calendar-main > .advent-calendar-grid > .advent-calendar-day-three {
      grid-area: day3;
      background-color: rgb(var(--advent-calendar-light-blue));
            --advent-calendar-border: var(--advent-calendar-light-blue);
  }
  .advent-calendar-main > .advent-calendar-grid > .advent-calendar-day-three:hover {
      background-image: url('https://scp-wiki.wdfiles.com/local--files/12-days-of-christmas-hub/drowning_dutchmanSmall.jpg');
  }
  .advent-calendar-main > .advent-calendar-grid > .advent-calendar-popup:hover.advent-calendar-day-three::after {
      content: "by DrowningDutchman";
      right: 10%;
      left: 10%;
  }
  
  /* Day Four */
  .advent-calendar-main > .advent-calendar-grid > .advent-calendar-day-four {
      grid-area: day4;
      background-color: rgb(var(--advent-calendar-gray));
            --advent-calendar-border: var(--advent-calendar-gray);
  }
  .advent-calendar-main > .advent-calendar-grid > .advent-calendar-day-four:hover {
      background-image: url('https://scp-wiki.wdfiles.com/local--files/12-days-of-christmas-hub/marcelles_raynes.jpg');
  }
  .advent-calendar-main > .advent-calendar-grid > .advent-calendar-popup:hover.advent-calendar-day-four::after {
      content: "by Marceline_Raynes";
      right: 10%;
      left: 10%;
  }
  
  /* Day Five */
  .advent-calendar-main > .advent-calendar-grid > .advent-calendar-day-five {
      grid-area: day5;
      background-color: rgb(var(--advent-calendar-red));
            --advent-calendar-border: var(--advent-calendar-red);
  }
  .advent-calendar-main > .advent-calendar-grid > .advent-calendar-day-five:hover {
      background-image: url('https://scp-wiki.wdfiles.com/local--files/12-days-of-christmas-hub/floorboards.jpg');
  }
  .advent-calendar-main > .advent-calendar-grid > .advent-calendar-popup:hover.advent-calendar-day-five::after {
      content: "by FLOORBOARDS";
      right: 10%;
      left: 10%;
  }
  
  /* Day Six */
  .advent-calendar-main > .advent-calendar-grid > .advent-calendar-day-six {
      grid-area: day6;
      background-color: rgb(var(--advent-calendar-light-blue));
            --advent-calendar-border: var(--advent-calendar-light-blue);
  }
  .advent-calendar-main > .advent-calendar-grid > .advent-calendar-day-six:hover {
      background-image: url('https://scp-wiki.wdfiles.com/local--files/12-days-of-christmas-hub/fantemSmall.png');
  }
  .advent-calendar-main > .advent-calendar-grid > .advent-calendar-popup:hover.advent-calendar-day-six::after {
      content: "by Fantem and Opossumistic";
  }
  
  /* Day Seven */
  .advent-calendar-main > .advent-calendar-grid > .advent-calendar-day-seven {
      grid-area: day7;
      background-color: rgb(var(--advent-calendar-red));
            --advent-calendar-border: var(--advent-calendar-red);
  }
  .advent-calendar-main > .advent-calendar-grid > .advent-calendar-day-seven:hover {
      background-image: url('https://scp-wiki.wdfiles.com/local--files/12-days-of-christmas-hub/felixou.jpg');
  }
  .advent-calendar-main > .advent-calendar-grid > .advent-calendar-popup:hover.advent-calendar-day-seven::after {
      content: "by Felixou — [PENDING REWRITE]";
  }
  
  /* Day Eight */
  .advent-calendar-main > .advent-calendar-grid > .advent-calendar-day-eight {
      grid-area: day8;
      background-color: rgb(var(--advent-calendar-gray));
            --advent-calendar-border: var(--advent-calendar-gray);
  }
  .advent-calendar-main > .advent-calendar-grid > .advent-calendar-day-eight:hover {
      background-image: url('https://scp-wiki.wdfiles.com/local--files/12-days-of-christmas-hub/realsurreal.png');
  }
  .advent-calendar-main > .advent-calendar-grid > .advent-calendar-popup:hover.advent-calendar-day-eight::after {
      content: "by RealSurrealSir";
  }
  
  /* Day Nine */
  .advent-calendar-main > .advent-calendar-grid > .advent-calendar-day-nine {
      grid-area: day9;
      background-color: rgb(var(--advent-calendar-red));
            --advent-calendar-border: var(--advent-calendar-red);
  }
  .advent-calendar-main > .advent-calendar-grid > .advent-calendar-day-nine:hover {
      background-image: url('https://scp-wiki.wdfiles.com/local--files/12-days-of-christmas-hub/greengolem.png')
  }
  .advent-calendar-main > .advent-calendar-grid > .advent-calendar-popup:hover.advent-calendar-day-nine::after {
      content: "by GreenGolem";
  }
  
  /* Day Ten */
  .advent-calendar-main > .advent-calendar-grid > .advent-calendar-day-ten {
      grid-area: day10;
      background-color: rgb(var(--advent-calendar-dark-green));
            --advent-calendar-border: var(--advent-calendar-dark-green);
  }
  .advent-calendar-main > .advent-calendar-grid > .advent-calendar-day-ten:hover {
      background-image: url('https://scp-wiki.wdfiles.com/local--files/12-days-of-christmas-hub/apricusSmall.jpg');
  }
  .advent-calendar-main > .advent-calendar-grid > .advent-calendar-popup:hover.advent-calendar-day-ten::after {
      content: "by DrApricus";
  }
  
  /* Day Eleven */
  .advent-calendar-main > .advent-calendar-grid > .advent-calendar-day-eleven {
      grid-area: day11;
      background-color: rgb(var(--advent-calendar-dark-green));
            --advent-calendar-border: var(--advent-calendar-dark-green);
  }
  .advent-calendar-main > .advent-calendar-grid > .advent-calendar-day-eleven:hover {
      background-image: url('https://scp-wiki.wdfiles.com/local--files/12-days-of-christmas-hub/rhineriverSmall.jpg');
  }
  .advent-calendar-main > .advent-calendar-grid > .advent-calendar-popup:hover.advent-calendar-day-eleven::after {
      content: "by Rhineriver";
  }
  
  /* Day Twelve */
  .advent-calendar-main > .advent-calendar-grid > .advent-calendar-day-twelve {
      grid-area: day12;
      background-color: rgb(var(--advent-calendar-light-blue));
            --advent-calendar-border: var(--advent-calendar-light-blue);
  }
  .advent-calendar-main > .advent-calendar-grid > .advent-calendar-day-twelve:hover {
      background-image: url('https://scp-wiki.wdfiles.com/local--files/12-days-of-christmas-hub/metal_ravioli.jpg');
  }
  .advent-calendar-main > .advent-calendar-grid > .advent-calendar-popup:hover.advent-calendar-day-twelve::after {
      content: "by MetalRavioli";
  }

  Pages using this styling

  • 12-days-of-christmas-hub [info]

  ¶ 1 occurrence
  

  /* HEADER */
  :root{
       --header-title: "AREA-21";
       --header-subtitle: "A MAGICA AD MUNDANUM";
  }
   div#extra-div-1{
       background-image: url(https://scp-wiki.wdfiles.com/local--files/12-aromantic-abatement/21Head.png);
  }
   .top-left-box > .item{
       display: inline;
  }
  .acroabate {
      background: #D0F9F9;
      box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
      margin: 26px auto 0;
      max-width: 550px;
      padding: 24px;
      margin-bottom: 36px;
      position: relative;
      width: 80%;
  }
  .acroabate:before,
  .acroabate:after {
      content: "";
      height: 98%;
      position: absolute;
      width: 100%;
      z-index: -1;
  }
  .acroabate:before {
      background: #B4E8E8;
      box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
      left: -5px;
      top: 4px;
      transform: rotate(-2.5deg);
  }
  .acroabate:after {
      background: #9CD5D5;
      box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
      right: -3px;
      top: 1px;
      transform: rotate(1.4deg);
  }
  .flashwet {
      border-left: solid 3px rgb(102, 102, 255);
      border-right: solid 3px rgb(102, 102, 255);
      padding: 25px 25px 25px 25px;
      box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
      margin: auto;
      background: #f7f7f7;
  }
  .muddle {
      background: #FFDFCD;
      box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
      margin: 26px auto 0;
      max-width: 550px;
      padding: 24px;
      margin-bottom: 36px;
      position: relative;
      width: 80%;
  }
  .muddle:before,
  .muddle:after {
      content: "";
      height: 98%;
      position: absolute;
      width: 100%;
      z-index: -1;
  }
  .muddle:before {
      background: #FFCEB2;
      box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
      left: -5px;
      top: 4px;
      transform: rotate(-2.5deg);
  }
  .muddle:after {
      background: #FFB58C;
      box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
      right: -3px;
      top: 1px;
      transform: rotate(1.4deg);
  }
  .wettle {
      background: #EBEBFA;
      box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
      margin: 26px auto 0;
      max-width: 550px;
      padding: 24px;
      margin-bottom: 36px;
      position: relative;
      width: 80%;
  }
  .wettle:after {
      content: "";
      height: 98%;
      position: absolute;
      width: 100%;
      z-index: -1;
  }
  .wettle:before {
      background: #B4B7D8;
      box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
      left: -5px;
      top: 4px;
      transform: rotate(-2.5deg);
  }
  .wettle:after {
      background: #A28B87;
      box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
      right: -3px;
      top: 1px;
      transform: rotate(1.4deg);
  }
  .udoflashback {
      border-left: solid 3px rgb(255, 149, 14);
      border-right: solid 3px rgb(255, 149, 14);
      padding: 25px 25px 25px 25px;
      box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
      margin: auto;
      background: #f7f7f7;

  Pages using this styling

  • 12-aromantic-abatement [info]

  ¶ 1 occurrence
  

  :root {
      --logo-image: url("https://scpdsandbox.wdfiles.com/local--files/thelemonhelldimension/Prideguard.png");
  
   .special table {
      counter-reset: line-number;
  }
  
   .special table a {
      font-weight: bold;
  }
  
   .special td:first-child:before {
      content: counter(line-number) ".";
      counter-increment: line-number;
      padding-right: .3rem;
  }
  
   .special td:nth-child(3) {
      min-width: 25%;
  }
  
   .special td:nth-child(4) {
      min-width: 20%;
  
      font: 1rem monospace;
      text-align: right;
  }

  Pages using this styling

  • 102point3lemonsensefm [info]

  ¶ 1 occurrence
  

  blockquote,
  div.blockquote {
      margin: 1em 0;
      border: 3px solid #ccc;
      border-radius: 10px;
      background-color: #21212d;
  }
   
  .blue blockquote,
  .blockquote.blue {
       background-color: #1b304d;
  }
  .darkdocument {
      background: rgb(30, 30, 30);
      box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
      margin: 26px auto 0;
      max-width: 550px;
      min-height: 300px;
      padding: 24px;
      padding-top: 50px;
      position: relative;
      width: 80%;
      color: #EDEDED;
  }
   
  .darkdocument:before,
  .darkdocument:after {
      content: "";
      height: 98%;
      position: absolute;
      width: 100%;
      z-index: -1;
  }
   
  .darkdocument:before {
      background: rgb(25, 25, 25);
      box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
      left: -5px;
      top: 4px;
      transform: rotate(-2.5deg);
  }
   
  .darkdocument:after {
      background: rgb(25, 25, 25);
      box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
      right: -3px;
      top: 1px;
      transform: rotate(1.4deg);
  }
  @media (max-width: 1020px) {
      .darkdocument {
          width: 95%;
      }
  }
  @media (max-width: 500px) {
   .darkdocument {
          width: auto;
      }
  }

  Pages using this styling

  • 1-staar-cuttt-2-5 [info]

  ¶ 1 occurrence
  

  .Ngo {
      padding: 4px 16px 4px 16px;
      box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
      width: 75%;
      margin: auto;
      margin-bottom: 28px;
      margin-top: 28px;
      background: #FBF9F3;
      border: dashed 0.1rem #5D5D5D;
  }
  .muddle {
      padding: 4px 16px 4px 16px;
      box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
      width: 75%;
      margin: auto;
      margin-bottom: 28px;
      margin-top: 28px;
      background: #E9FBDF;
      border: solid 2px #5D5D5D;
  }

  Pages using this styling

  • 1-remember-remember [info]

  ¶ 1 occurrence
  

  .muddle {
      margin: auto;
      padding: 16px;
      box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
      width: 685px;
      margin: auto;
      margin-bottom: 28px;
      margin-top: 28px;
      background: #F2F2F2;
      border: solid 2px #5D5D5D;
  }
  .document {
      background: white;
      box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
      margin: 26px auto 0;
      max-width: 500px;
      padding: 24px;
      position: relative;
      width: 80%;
  }
   .document:before,
  .document:after {
      content: "";
      height: 98%;
      position: absolute;
      width: 100%;
      z-index: -1;
  }
   .document:before {
      background: #fafafa;
      box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
      left: -5px;
      top: 4px;
      transform: rotate(-2.5deg);
  }
   .document:after {
      background: #f6f6f6;
      box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
      right: -3px;
      top: 1px;
      transform: rotate(1.4deg);
  }
  .whitebg {
       background: white;
       margin: auto;
       padding: 12px;
  }
  .archivist {
       background: #F2F2F2;
       margin: auto;
       padding: 12px;
       font-family: courier new;
  }
   .overwatch_memo {
      background: url(https://scp-wiki.wikidot.com/local--files/theme:basalt/O5_LIGHTLOGO.png) #e3e3e3;
      background-size: contain;
      background-position: top center;
      background-repeat: no-repeat;
      box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
      width: 90%;
      min-height: 4rem;
      max-height: 100rem;
      margin-left: auto;
      margin-right: auto;
      margin-top: 2rem;
      text-align: center;
      padding: 10px 30px 20px 20px;
      word-break: break-word;
  } 
  .overwatch_memo>p:nth-child(1)::before {
      content: "OVERWATCH COMMAND\00000a";
      font-weight: 900;
      font-size: 130%;
      text-align: center;
      margin-bottom: 1rem;
      padding-bottom: 0.55rem;
      border-bottom: dotted 0.13rem darkslategrey;
      max-width: 49rem;
      margin-left: auto;
      margin-right: auto;
      display: flex;
      flex-direction: column;
      align-content: stretch;
      align-items: center;
  }
  .ettra_memo {
      background: url(https://scp-wiki.wikidot.com/local--files/001-blank-i/ETTRA_Transparent.webp) #F2E0C2;
      background-size: contain;
      background-position: top center;
      background-repeat: no-repeat;
      box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
      width: 90%;
      min-height: 4rem;
      max-height: 100rem;
      margin-left: auto;
      margin-right: auto;
      margin-top: 1rem;
      margin-bottom: 1rem;
      text-align: center;
      padding: 10px 20px 20px 20px;
      word-break: break-word;
  } 
  .ettra_memo>p:nth-child(1)::before {
      content: "NOTICE FROM THE EMERGENT THREAT TACTICAL RESPONSE AUTHORITY\00000a";
      font-weight: 900;
      font-size: 130%;
      text-align: center;
      margin-bottom: 1rem;
      padding-bottom: 0.3rem;
      border-bottom: dotted 0.13rem darkslategrey;
      max-width: 49rem;
      margin-left: auto;
      margin-right: auto;
      display: flex;
      flex-direction: column;
      align-content: stretch;
      align-items: center;
  }
  .blank {
      float:center; 
      padding: 4px 16px 4px 16px;
      box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
      width: 60%;
      margin-left: auto;
      margin-right: auto;
      margin-top: 6px;
      margin-bottom: 6px;
      border: dotted 2px #5D5D5D;
      background: #FFFFFF;
  }
  .lillihammer {
      float:center; 
      padding: 4px 16px 4px 16px;
      box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
      width: 60%;
      margin-left: auto;
      margin-right: auto;
      margin-top: 6px;
      margin-bottom: 6px;
      border: dotted 2px #5D5D5D;
      background: #FFFFFF;
  }
  .reynders {
      float:center; 
      padding: 4px 16px 4px 16px;
      box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
      width: 60%;
      margin-left: auto;
      margin-right: auto;
      margin-top: 6px;
      margin-bottom: 6px;
      border: dotted 2px #5D5D5D;
      background: #FFFFFF;
  }
  .vide {
      float:center; 
      padding: 4px 16px 4px 16px;
      box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
      width: 60%;
      margin-left: auto;
      margin-right: auto;
      margin-top: 6px;
      margin-bottom: 6px;
      border: dotted 2px #5D5D5D;
      background: #FFFFFF;
  }
  .innermuddle {
      margin: auto;
      padding: 16px 16px 16px 16px;
      box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
      width: 650px;
      background: #FFFFFF;
      border: solid 2px #5D5D5D;
  }
  .clioframe {
      float:left; 
      width: 70%; 
      text-align: left; 
      margin-top: 10px; 
      margin-right: 0; 
      margin-left: 10px; 
      padding-right: 10px;
  }
  .cliomain {
      background-color: #BAFFAD; 
      background: linear-gradient(#99DF98, #BAF3B9);
      font-size: 13pt; 
      font-family: bookman old style;
      border-radius:30px /70px; 
      text-align: left; 
      padding: 2px 30px;
      min-height: 117px;
      align-content: center;
  }

  Pages using this styling

  • 001-blank-i [info]

  ¶ 1 occurrence
  

  #page-content .clioframe::before {
      display: block;
      content: "𓏢 CLIOMETRIA.AIC";
      text-align: left;
      font-family: montserrat;
      font-size: 1.2em;
      color: black;
      margin-left: 1rem;
      padding-bottom: 6px;
  }
  #page-content .blankframe::before {
      display: block;
      content: "📱 Blank, Dr. Harold R.";
      text-align: center;
      font-family: montserrat;
      font-size: 1.2em;
      color: black;
      margin-left: 1rem;
      padding-bottom: 6px;
  }
  #page-content .lilframe::before {
      display: block;
      content: "📱 Lillihammer, Dr. Lillian S.";
      text-align: center;
      font-family: montserrat;
      font-size: 1.2em;
      color: black;
      margin-left: 1rem;
      padding-bottom: 6px;
  }
  #page-content .reyndersframe::before {
      display: block;
      content: "💻 Reynders, Dr. Ilse D.";
      text-align: center;
      font-family: montserrat;
      font-size: 1.2em;
      color: black;
      margin-left: 1rem;
      padding-bottom: 6px;
  }
  #page-content .videframe::before {
      display: block;
      content: "💻 Vide, Jr. Rsr. Jennifer";
      text-align: center;
      font-family: montserrat;
      font-size: 1.2em;
      color: black;
      margin-left: 1rem;
      padding-bottom: 6px;

  Pages using this styling

  • 001-blank-i [info]

  ¶ 1 occurrence
  

  .allan {
      font-weight: bold;
      color: #610081;
  }
  .jay {
      font-weight: bold;
      color: #6a0076;
  }
  .james {
      font-weight: bold;
      color: #840f3b;
  }
  .amy {
      font-weight: bold;
      color: #bc0060;
  }
  .delfina {
      font-weight: bold;
      color: #a60027;
  }
  .mel {
      font-weight: bold;
      color: #0079a6;
  }
  .mike {
      font-weight: bold;
      color: #610081ff;
  }
  .nhung {
      font-weight: bold;
      color: #00298b;
  }
  .phil {
      font-weight: bold;
      color: #a64500;
  }
  .daniil {
      font-weight: bold;
      color: #9600a6;
  }
  .eileen {
      font-weight: bold;
      color: #a68a00;
  }
  .viv {
      font-weight: bold;
      color: #360075;
  }
  .lil {
      font-weight: bold;
      color: #d42c00;
  }
  .ilse {
      font-weight: bold;
      color: #9d1d00;
  }
  .nim {
      font-weight: bold;
      color: #4c00c6;
  }
  .noor {
      font-weight: bold;
      color: #347c37;
  }
  .xin {
      font-weight: bold;
      color: #464646;
  }
  .joe {
      font-weight: bold;
      color: #295123;
  }
  .udo {
      font-weight: bold;
      color: #e18100;
  }
  .sev {
      font-weight: bold;
      color: #e16100;
  }
  .aph {
      font-weight: bold;
      color: #965600;
  }
  .thilo {
      font-weight: bold;
      color: #005076;
  }
  .willie {
      font-weight: bold;
      color: #5b3400;
  }
  .dan {
      font-weight: bold;
      color: #7a6e20;
  }
  .ali {
      font-weight: bold;
      color: #06004d;
  }
  .place {
      font-weight: bold;
      color: #7000c9;
  }
  .rudy {
      font-weight: bold;
      color: #3d1f00;
  }
  .roz {
      font-weight: bold;
      color: #007711;
  }
  .bas {
      font-weight: bold;
      color: #00375b;
  }
  .gabby {
      font-weight: bold;
      color: #5b0000;
  }
  .jen {
      font-weight: bold;
      color: #7a3b20;
  }
  .steve {
      font-weight: bold;
      color: #0b008c;
  }
  .faruq {
      font-weight: bold;
      color: #004d48;
  }
  .helena {
      font-weight: bold;
      color: #003cb5;
  }
  .billie {
      font-weight: bold;
      color: #0155ff;
  }
  .polly {
      font-weight: bold;
      color: #538000;
  }
  .mali {
      font-weight: bold;
      color: #768300;
  }
  .harry {
      font-weight: bold;
      color: #2e6935;
  }
  .pilar {
      font-weight: bold;
      color: #127258;
  }
  .karen {
      font-weight: bold;
      color: #45004d;
  }
  .brad {
      font-weight: bold;
      color: #cf026c;
  }
  .gen {
      font-weight: bold;
      color: #016980;
  }
  .morwen {
      font-weight: bold;
      color: #f20202;
  }
  .julia {
      font-weight: bold;
      color: #6b2501;
  }
  .doug {
      font-weight: bold;
  }
  .unc {
      font-weight: bold;
  }
  .uny {
      font-weight: bold;
  }
  .ursula {
      font-weight: bold;
      color: #488301;
  }
  .del {
      font-weight: bold;
      color: #a60027;
  }
  .howard {
      font-weight: bold;
      color: #660018;
  }
  .roger {
      font-weight: bold;
      color: #001a48;
  }
  .marion {
      font-weight: bold;
      color: #555555;
  }
  .trev {
      font-weight: bold;
      color: #345088;
  }
  .noe {
      font-weight: bold;
      color: #ff7a17;
  }
  .flora {
      font-weight: bold;
      color: #dc5c03;
  }
  .bill {
      font-weight: bold;
  }
  .eddie {
      font-weight: bold;
      color: #3c3c3c;
  }
  .wynn {
      font-weight: bold;
      color: #725b43;
  }
  .rudy {
      font-weight: bold;
      color: #215165;
  }
  .o58 {
      font-weight: bold;
  }
  .arik {
      font-weight: bold;
      color: #332646;
  }
  .iggy {
      font-weight: bold;
      color: #59635c;
  }
  .bystander {
      font-weight: bold;
  }
  .hachiro {
      font-weight: bold;
      color: #6d0000;
  }
  .yu_ong {
      font-weight: bold;
      color: #4c3e5a;
  }
  .dougall {
      font-weight: bold;
      color: #805f00;
  }
  .alis {
      font-weight: bold;
      color: #ce00e6;

  Pages using this styling

  • 001-blank-i [info]

  ¶ 1 occurrence
  

  .page {
      display: block;
      overflow: hidden;
      font-size: 125%;
      font-family: "VT323", "Courier New";
      font-style: normal;
  
      background-attachment: scroll;
      background-clip: border-box;
      background-color: transparent;
      background-image: linear-gradient(to top ,rgb(202, 219, 228) 0%, rgb(231, 233, 220) 8%);
      background-origin: padding-box;
      background-position: 0px 8px;
      background-repeat: repeat;
      background-size: 100% 20px;
  
      border: 1px solid #CCC;
      border-radius: 10px;
      padding: 10px 10px;
      margin-bottom: 10px;
  
      box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2)
      }
  .page p,
  .page ul {
      line-height: 20px;
      margin: 0;
  }

  Pages using this styling

  • 001-blank-i [info]

  ¶ 1 occurrence
  

  .okorie {
      padding: 4px 16px 4px 16px;
      box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
      width: 85%;
      margin: auto;
      margin-bottom: 28px;
      margin-top: 28px;
      background: #EDEDBA;
      border: solid 2px #5D5D5D;
  }
  .oldmuddle {
      padding: 4px 16px 4px 16px;
      box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
      width: 85%;
      margin: auto;
      margin-bottom: 28px;
      margin-top: 28px;
      background: #E9FBDF;
      border: solid 2px #5D5D5D;
  }
  .lines {
    padding: 4px 16px 4px 16px;
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
    margin: auto;
    margin-bottom: 28px;
    margin-top: 28px;
    border: solid 5px #E9FBDF;
  }
  .page {
      display: block;
      overflow: hidden;
      font-size: 125%;
      font-family: "VT323", "Courier New";
      font-style: normal;
  
      background-attachment: scroll;
      background-clip: border-box;
      background-color: transparent;
      background-image: linear-gradient(to top ,rgb(202, 219, 228) 0%, rgb(231, 233, 220) 8%);
      background-origin: padding-box;
      background-position: 0px 8px;
      background-repeat: repeat;
      background-size: 100% 20px;
  
      border: 1px solid #CCC;
      border-radius: 10px;
      padding: 10px 10px;
      margin-bottom: 10px;
  
      box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2)
      }
  .page p,
  .page ul {
      line-height: 20px;
      margin: 0;
  }
  .ettra_memo {
      background: #F2E0C2;
      background-size: contain;
      background-position: top center;
      background-repeat: no-repeat;
      box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
      width: 90%;
      margin-left: auto;
      margin-right: auto;
      margin-bottom: 24px;
      padding: 10px 20px 20px 20px;
      word-break: break-word;

  Pages using this styling

  • 001-blank-i [info]

  ¶ 1 occurrence
  

  div.console{
      background-color: black;
      border: double 3px #AAAA55;
      margin-top: 18px;
      margin-bottom: 12px;
      padding-left: 18px;
      padding-right: 18px;
      color: #AAAA55;
      font-family: monospace;
      font-size: 12pt;
  }
  div.console::before{content:"43NET";
  border: double 3px #AAAA55;
  margin: auto;
  width: 50%;
  color: #AAAA55;
  background-color: black;
  padding: 1px 3px;
  font-weight: bold;
  letter-spacing: 2px}

  Pages using this styling

  • 001-blank-i [info]

  ¶ 1 occurrence
  

  #page-content .risk-class .class-text {
      font-size: 1.5em;
  }
  #page-content .disruption-class .class-text {
      font-size: 1.5em;

  Pages using this styling

  • 001-blank-i [info]

  ¶ 1 occurrence
  

  .muddle {
      padding: 4px 16px 4px 16px;
      box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
      width: 85%;
      margin: auto;
      margin-bottom: 28px;
      margin-top: 28px;
      background: #E9FBDF;
      border: solid 2px #5D5D5D;
  }
  .mcinnis {
      padding: 4px 16px 4px 16px;
      box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
      width: 85%;
      margin: auto;
      margin-bottom: 28px;
      margin-top: 28px;
      background: #F3ECF5;
      border: solid 2px #5D5D5D;
  }
  .acroabate {
      padding: 4px 16px 4px 16px;
      box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
      width: 85%;
      margin: auto;
      margin-bottom: 28px;
      margin-top: 28px;
      background: #D0F9F9;
      border: solid 2px #5D5D5D;
  }
  .ASC {
      padding: 4px 16px 4px 16px;
      box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
      width: 85%;
      margin: auto;
      margin-bottom: 28px;
      margin-top: 28px;
      background: #F0EDC1;
      border: solid 2px #5D5D5D;
  }
  .document {
      padding: 4px 16px 4px 16px;
      box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
      width: 85%;
      margin: auto;
      margin-bottom: 28px;
      margin-top: 28px;
      background: white;
      border: solid 2px #5D5D5D;
  }

  Pages using this styling

  • 0-underture [info]